From 620ea1f7059f8d4645121a97146dfd1ada08cf02 Mon Sep 17 00:00:00 2001 From: Banshee-92 <138103229+Banshee-92@users.noreply.github.com> Date: Tue, 21 Nov 2023 15:48:04 +0100 Subject: [PATCH 01/25] New tokens form --- tokens.json | 1303 ++++++++++++++++++++------------------------------- 1 file changed, 515 insertions(+), 788 deletions(-) diff --git a/tokens.json b/tokens.json index 1fe55c31c..00e221cf0 100644 --- a/tokens.json +++ b/tokens.json @@ -54,7 +54,7 @@ }, "primary": { "100": { - "value": "hsla({core.color.customPrimary.hue},{core.color.customPrimary.saturation}%,{util.color.primary.lightness.up.4}%,1)", + "value": "#F1FFBD", "type": "color" }, "200": { @@ -541,14 +541,55 @@ }, "shadow": { "100": { - "value": { - "x": "0", - "y": "10", - "blur": "36", - "spread": "0", - "color": "{core.color.neutral.300}", - "type": "dropShadow" - }, + "value": [ + { + "color": "rgba( {core.color.neutral.900}, 0.08)", + "type": "dropShadow", + "x": "0", + "y": "10", + "blur": "36", + "spread": "0" + } + ], + "type": "boxShadow" + }, + "200": { + "value": [ + { + "color": "rgba( {core.color.neutral.900}, 0.12)", + "type": "dropShadow", + "x": "0", + "y": "10", + "blur": "36", + "spread": "0" + } + ], + "type": "boxShadow" + }, + "300": { + "value": [ + { + "color": "rgba( {core.color.neutral.900}, 0.16)", + "type": "dropShadow", + "x": "0", + "y": "10", + "blur": "36", + "spread": "0" + } + ], + "type": "boxShadow" + }, + "400": { + "value": [ + { + "color": "rgba( {core.color.neutral.900}, 0.05)", + "type": "dropShadow", + "x": "-32", + "y": "0", + "blur": "32", + "spread": "0" + } + ], "type": "boxShadow" } }, @@ -674,92 +715,6 @@ }, "global": { "global": { - "shadow": { - "100": { - "value": [ - { - "color": "rgba({core.color.neutral.200}, 0.08)", - "type": "dropShadow", - "x": "0", - "y": "2", - "blur": "0", - "spread": "0" - }, - { - "color": "rgba({core.color.black}, 0.08)", - "type": "dropShadow", - "x": "0", - "y": "10", - "blur": "36", - "spread": "0" - } - ], - "type": "boxShadow" - }, - "200": { - "value": [ - { - "color": "rgba({core.color.neutral.200}, 0.16)", - "type": "dropShadow", - "x": "0", - "y": "2", - "blur": "0", - "spread": "0" - }, - { - "color": "rgba({core.color.black}, 0.12)", - "type": "dropShadow", - "x": "0", - "y": "10", - "blur": "36", - "spread": "0" - } - ], - "type": "boxShadow" - }, - "300": { - "value": [ - { - "color": "rgba({core.color.neutral.200}, 0.24)", - "type": "dropShadow", - "x": "0", - "y": "2", - "blur": "0", - "spread": "0" - }, - { - "color": "rgba({core.color.black}, 0.16)", - "type": "dropShadow", - "x": "0", - "y": "10", - "blur": "36", - "spread": "0" - } - ], - "type": "boxShadow" - }, - "400": { - "value": [ - { - "color": "rgba({core.color.neutral.200}, 0.08)", - "type": "dropShadow", - "x": "-100", - "y": "0", - "blur": "60", - "spread": "0" - }, - { - "color": "rgba({core.color.black}, 0.05)", - "type": "dropShadow", - "x": "-32", - "y": "0", - "blur": "32", - "spread": "0" - } - ], - "type": "boxShadow" - } - }, "focus": { "default": { "value": { @@ -767,10 +722,18 @@ "y": "0", "blur": "0", "spread": "2", - "color": "{core.color.primary.300}", + "color": "{core.color.primary.400}", "type": "dropShadow" }, "type": "boxShadow" + }, + "default-border": { + "value": { + "color": "{core.color.primary.400}", + "width": "{global.border.width.md}", + "style": "solid" + }, + "type": "border" } }, "content": { @@ -798,6 +761,14 @@ } }, "icon": { + "deep": { + "value": "{core.color.secondary.100}", + "type": "color" + }, + "dark": { + "value": "{core.color.tertiary.100}", + "type": "color" + }, "emphasis": { "value": "{core.color.neutral.700}", "type": "color" @@ -838,7 +809,7 @@ } }, "secondary": { - "muted": { + "default": { "value": "{core.color.secondary.100}", "type": "color" } @@ -934,6 +905,28 @@ "value": "{core.color.info.100}", "type": "color" } + }, + "neutral": { + "emphasis": { + "value": "{core.color.neutral.800}", + "type": "color" + }, + "default": { + "value": "{core.color.neutral.700}", + "type": "color" + }, + "muted": { + "value": "{core.color.neutral.500}", + "type": "color" + }, + "subtle": { + "value": "{core.color.neutral.300}", + "type": "color" + }, + "default--reverse": { + "value": "{core.color.white}", + "type": "color" + } } }, "typo": { @@ -1483,23 +1476,15 @@ "emphasis": { "value": "{core.color.primary.400}", "type": "color" + }, + "strong": { + "value": "{core.color.primary.500}", + "type": "color" } }, "secondary": { "default": { - "value": "{core.color.neutral.700}", - "type": "color" - }, - "emphasis": { - "value": "{core.color.neutral.800}", - "type": "color" - }, - "muted": { - "value": "{core.color.neutral.500}", - "type": "color" - }, - "subtle": { - "value": "{core.color.neutral.50}", + "value": "{core.color.secondary.100}", "type": "color" } }, @@ -1665,6 +1650,10 @@ "value": "{core.dimension.static.0}px", "type": "spacing" }, + "1xsm": { + "value": "{core.dimension.static.25}px", + "type": "spacing" + }, "sm": { "value": "{core.dimension.static.50}px", "type": "spacing" @@ -1792,19 +1781,7 @@ "color": { "primary": { "default": { - "value": "{global.content.color.primary.default}", - "type": "color" - }, - "hover": { - "value": "{global.content.color.primary.emphasis}", - "type": "color" - }, - "down": { - "value": "{global.content.color.primary.default}", - "type": "color" - }, - "default--reverse": { - "value": "{global.content.color.text.default--reverse}", + "value": "{global.content.color.secondary.default}", "type": "color" } }, @@ -1812,34 +1789,21 @@ "default": { "value": "{global.content.color.secondary.default}", "type": "color" - }, - "hover": { - "value": "{global.content.color.secondary.emphasis}", - "type": "color" - }, - "down": { - "value": "{global.content.color.secondary.default}", - "type": "color" - }, - "default--reverse": { - "value": "{global.content.color.text.default--reverse}", - "type": "color" } }, - "terciary": { + "ghost": { "default": { "value": "{global.content.color.secondary.default}", "type": "color" } } }, - "typo": { - "value": { - "fontFamily": "{core.font.family.main}", - "fontWeight": "{core.font.weight.medium}", - "lineHeight": "{core.font.lineHeight.200}px", - "fontSize": "{core.font.size.75}px" - }, + "default": { + "value": "{global.content.typo.body.sm}", + "type": "typography" + }, + "hover": { + "value": "{global.content.typo.body.sm--medium}", "type": "typography" } }, @@ -1877,7 +1841,7 @@ "type": "color" } }, - "terciary": { + "ghost": { "default": { "value": "{global.background.color.transparent}", "type": "color" @@ -1901,7 +1865,7 @@ "type": "color" }, "hover": { - "value": "{global.border.color.secondary.emphasis}", + "value": "{global.border.color.secondary.default}", "type": "color" }, "pressed": { @@ -1911,7 +1875,7 @@ } }, "width": { - "value": "{global.border.width.md}", + "value": "{global.border.width.sm}", "type": "borderWidth" }, "radius": { @@ -1976,35 +1940,186 @@ } } }, - "buttonText": { + "dropzone": { "content": { + "text": { + "value": "{global.content.typo.body.sm}", + "type": "typography" + }, + "text--medium": { + "value": "{global.content.typo.body.sm--medium}", + "type": "typography" + }, "color": { - "primary": { - "default": { - "value": "{global.content.color.primary.default}", - "type": "color" - }, - "hover": { - "value": "{global.content.color.primary.emphasis}", - "type": "color" - }, - "down": { - "value": "{global.content.color.primary.default}", - "type": "color" - } + "default": { + "value": "{global.content.color.text.default}", + "type": "color" }, - "secondary": { - "default": { - "value": "{global.content.color.secondary.default}", - "type": "color" - }, - "hover": { - "value": "{global.content.color.secondary.emphasis}", - "type": "color" - }, - "down": { - "value": "{global.content.color.secondary.default}", - "type": "color" + "default--subtle": { + "value": "{global.content.color.text.muted}", + "type": "color" + }, + "icon": { + "value": "{global.content.color.secondary.default}", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "gap": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "{global.border.color.line.subtle}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.line.subtle}", + "type": "color" + } + }, + "radius": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + }, + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + } + } + }, + "toggle": { + "shadow": { + "hover": { + "value": { + "x": "0", + "y": "0", + "blur": "2", + "spread": "0", + "color": "rgba( {global.background.color.primary.strong}, 0.80)", + "type": "dropShadow" + }, + "type": "boxShadow" + } + }, + "content": { + "typo": { + "value": "{global.content.typo.body.sm}", + "type": "typography" + }, + "color": { + "default": { + "value": "{global.content.color.neutral.muted}", + "type": "color" + }, + "selected": { + "value": "{global.content.color.tertiary.default}", + "type": "color" + }, + "label": { + "value": "{global.content.color.neutral.default}", + "type": "color" + } + } + }, + "border": { + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "color": { + "default": { + "value": "{global.border.color.line.default}", + "type": "color" + }, + "select": { + "value": "{global.border.color.tertiary.default}", + "type": "color" + } + }, + "radius": { + "value": "{global.border.radius.rounded}", + "type": "borderRadius" + } + }, + "size": { + "inner": { + "value": "{global.control.size.50}", + "type": "sizing" + }, + "width": { + "value": "{global.control.size.500}", + "type": "sizing" + } + }, + "spacing": { + "padding": { + "value": "{global.spacing.padding.1xsm} {global.spacing.padding.2xsm}", + "type": "spacing" + }, + "gap": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + } + } + } + }, + "buttonText": { + "content": { + "color": { + "primary": { + "default": { + "value": "{global.content.color.primary.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.primary.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.content.color.primary.default}", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "{global.content.color.secondary.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.secondary.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.content.color.secondary.default}", + "type": "color" } }, "terciary": { @@ -2036,12 +2151,23 @@ } } }, - "typo": { + "default": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.75}px", + "textDecoration": "{underline}" + }, + "type": "typography" + }, + "hover": { "value": { "fontFamily": "{core.font.family.main}", "fontWeight": "{core.font.weight.medium}", - "lineHeight": "{core.font.lineHeight.200}px", - "fontSize": "{core.font.size.75}px" + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.75}px", + "textDecoration": "{underline}" }, "type": "typography" } @@ -2214,73 +2340,13 @@ "color": { "primary": { "default": { - "value": "{global.content.color.primary.default}", - "type": "color" - }, - "hover": { - "value": "{global.content.color.primary.emphasis}", - "type": "color" - }, - "down": { - "value": "{global.content.color.primary.default}", - "type": "color" - }, - "default--reverse": { - "value": "{global.content.color.text.default--reverse}", - "type": "color" - } - }, - "secondary": { - "default": { - "value": "{global.content.color.secondary.default}", - "type": "color" - }, - "hover": { - "value": "{global.content.color.secondary.emphasis}", - "type": "color" - }, - "down": { "value": "{global.content.color.secondary.default}", "type": "color" - }, - "default--reverse": { - "value": "{global.content.color.text.default--reverse}", - "type": "color" - } - }, - "terciary": { - "default": { - "value": "{global.content.color.primary.subtle}", - "type": "color" - }, - "hover": { - "value": "{global.content.color.primary.emphasis}", - "type": "color" - }, - "down": { - "value": "{global.content.color.primary.subtle}", - "type": "color" - }, - "default--reverse": { - "value": "{global.content.color.text.muted}", - "type": "color" } }, - "phatic": { + "ghost": { "default": { - "value": "{global.content.color.negative.default}", - "type": "color" - }, - "hover": { - "value": "{global.content.color.text.default--reverse}", - "type": "color" - }, - "down": { - "value": "{global.content.color.negative.default}", - "type": "color" - }, - "hover--reverse": { - "value": "{global.content.color.negative.emphasis}", + "value": "{global.content.color.secondary.default}", "type": "color" } } @@ -2294,228 +2360,58 @@ "type": "color" }, "hover": { - "value": "{global.background.color.primary.emphasis}", - "type": "color" - }, - "down": { "value": "{global.background.color.primary.default}", "type": "color" }, - "default--reverse": { - "value": "{global.background.color.transparent}", - "type": "color" - }, - "hover--reverse": { - "value": "{global.background.color.primary.subtle}", - "type": "color" - }, - "down--reverse": { - "value": "{global.background.color.transparent}", - "type": "color" - } - }, - "secondary": { - "default": { - "value": "{global.background.color.secondary.default}", - "type": "color" - }, - "hover": { - "value": "{global.background.color.secondary.emphasis}", - "type": "color" - }, - "down": { - "value": "{global.background.color.secondary.default}", - "type": "color" - }, - "default--reverse": { - "value": "{global.background.color.transparent}", - "type": "color" - }, - "hover--reverse": { - "value": "{global.background.color.secondary.subtle}", - "type": "color" - }, - "down--reverse": { - "value": "{global.background.color.transparent}", - "type": "color" - } - }, - "terciary": { - "default": { - "value": "{global.background.color.surface.subtle}", - "type": "color" - }, - "hover": { - "value": "{global.background.color.surface.muted}", - "type": "color" - }, - "down": { - "value": "{global.background.color.surface.subtle}", - "type": "color" - }, - "default-reverse": { - "value": "{global.background.color.transparent}", - "type": "color" - }, - "hover-reverse": { - "value": "{global.background.color.primary.subtle}", - "type": "color" - }, - "down-reverse": { - "value": "{global.background.color.transparent}", - "type": "color" - } - }, - "phatic": { - "default": { - "value": "{global.background.color.negative.subtle}", - "type": "color" - }, - "hover": { - "value": "{global.background.color.negative.default}", - "type": "color" - }, - "down": { - "value": "{global.background.color.negative.subtle}", - "type": "color" - }, - "default--reverse": { - "value": "{global.background.color.transparent}", - "type": "color" - }, - "hover--reverse": { - "value": "{global.background.color.negative.muted}", - "type": "color" - }, - "down--reverse": { - "value": "{global.background.color.transparent}", - "type": "color" - } - } - } - }, - "border": { - "radius": { - "md": { - "value": "{global.border.radius.md}", - "type": "borderRadius" - }, - "rounded": { - "value": "{global.border.radius.rounded}", - "type": "borderRadius" - } - }, - "width": { - "value": "{global.border.width.md}", - "type": "borderWidth" - }, - "color": { - "primary": { - "default": { - "value": "{global.border.color.primary.default}", - "type": "color" - }, - "hover": { - "value": "{global.border.color.primary.emphasis}", - "type": "color" - }, - "down": { - "value": "{global.border.color.primary.emphasis}", - "type": "color" - }, - "default--reverse": { - "value": "{global.border.color.transparent}", - "type": "color" - }, - "hover--reverse": { - "value": "{global.border.color.primary.subtle}", - "type": "color" - }, - "down--reverse": { - "value": "{global.border.color.primary.subtle}", - "type": "color" - } - }, - "secondary": { - "default": { - "value": "{global.border.color.secondary.default}", - "type": "color" - }, - "hover": { - "value": "{global.border.color.secondary.emphasis}", - "type": "color" - }, - "down": { - "value": "{global.border.color.secondary.emphasis}", - "type": "color" - }, - "default-reverse": { - "value": "{global.border.color.transparent}", - "type": "color" - }, - "hover-reverse": { - "value": "{global.border.color.secondary.subtle}", - "type": "color" - }, - "down-reverse": { - "value": "{global.border.color.secondary.subtle}", - "type": "color" - } - }, - "terciary": { - "default": { - "value": "{global.border.color.line.subtle}", - "type": "color" - }, - "hover": { - "value": "{global.border.color.line.muted}", - "type": "color" - }, - "down": { - "value": "{global.border.color.line.muted}", - "type": "color" - }, - "default-reverse": { - "value": "{global.border.color.transparent}", + "pressed": { + "value": "{global.background.color.primary.emphasis}", "type": "color" }, - "hover--reverse": { - "value": "{global.border.color.primary.subtle}", + "selected": { + "value": "{global.background.color.primary.muted}", "type": "color" }, - "down--reverse": { - "value": "{global.border.color.primary.subtle}", + "focus": { + "value": "{global.background.color.primary.default}", "type": "color" } }, - "phatic": { + "ghost": { "default": { - "value": "{global.border.color.negative.subtle}", + "value": "{global.background.color.transparent}", "type": "color" }, "hover": { - "value": "{global.border.color.negative.default}", - "type": "color" - }, - "down": { - "value": "{global.border.color.negative.default}", + "value": "{global.background.color.primary.subtle}", "type": "color" }, - "default--reverse": { - "value": "{global.border.color.transparent}", + "pressed": { + "value": "{global.background.color.primary.emphasis}", "type": "color" }, - "hover--reverse": { - "value": "{global.border.color.negative.muted}", + "selected": { + "value": "{global.background.color.primary.muted}", "type": "color" }, - "down--reverse": { - "value": "{global.border.color.negative.subtle}", + "focus": { + "value": "{global.background.color.primary.subtle}", "type": "color" } } } }, + "border": { + "radius": { + "md": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + } + }, + "width": { + "value": "{global.border.width.md}", + "type": "borderWidth" + } + }, "spacing": { "padding": { "sm": { @@ -2527,6 +2423,19 @@ "type": "spacing" } } + }, + "shadow": { + "hover": { + "value": { + "x": "0", + "y": "0", + "blur": "4", + "spread": "0", + "color": "rgba({buttonIcon.background.color.primary.hover}, 0.80)", + "type": "dropShadow" + }, + "type": "boxShadow" + } } }, "buttonAction": { @@ -2534,33 +2443,17 @@ "color": { "primary": { "default": { - "value": "{global.content.color.secondary.muted}", + "value": "{global.content.color.tertiary.default}", "type": "color" }, "hover": { - "value": "{global.content.color.primary.default}", - "type": "color" - }, - "down": { - "value": "{global.content.color.primary.default}", - "type": "color" - }, - "default--reverse": { - "value": "{global.content.color.text.subtle}", - "type": "color" - }, - "hover--reverse": { - "value": "{global.content.color.text.default--reverse}", - "type": "color" - }, - "down--reverse": { - "value": "{global.content.color.text.default--reverse}", + "value": "{global.content.color.secondary.default}", "type": "color" } }, "phatic": { "default": { - "value": "{global.content.color.secondary.muted}", + "value": "{global.content.color.secondary.default}", "type": "color" }, "hover": { @@ -2592,19 +2485,10 @@ }, "hover": { "value": "{global.background.color.primary.subtle}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "0.15", - "space": "lch" - } - } - } + "type": "color" }, - "down": { - "value": "{global.background.color.primary.subtle}", + "pressed": { + "value": "{global.background.color.primary.emphasis}", "type": "color" }, "hover--reverse": { @@ -2681,26 +2565,21 @@ "value": "{global.content.color.text.emphasis}", "type": "color" }, - "selected": { - "value": "{global.content.color.primary.default}", - "type": "color" - }, "placeholder": { "value": "{global.content.color.text.muted}", "type": "color" }, "icon": { - "value": "{global.content.color.icon.default}", + "value": "{global.content.color.icon.emphasis}", + "type": "color" + }, + "icon--action": { + "value": "{global.content.color.icon.dark}", "type": "color" } }, "typo": { - "value": { - "fontFamily": "{core.font.family.main}", - "fontWeight": "{core.font.weight.regular}", - "lineHeight": "{core.font.lineHeight.300}px", - "fontSize": "{core.font.size.75}px" - }, + "value": "{global.content.typo.body.sm}", "type": "typography" } }, @@ -2753,6 +2632,10 @@ "value": "{badge.spacing.padding.md}", "type": "spacing" }, + "ssm": { + "value": "{global.spacing.gap.sm}", + "type": "spacing" + }, "sm": { "value": "3px", "type": "spacing" @@ -2766,6 +2649,10 @@ "md": { "value": "{global.spacing.padding.xsm}", "type": "spacing" + }, + "xmsm": { + "value": "{global.spacing.padding.xmsm}", + "type": "spacing" } }, "all": { @@ -2835,14 +2722,15 @@ "type": "typography" }, "03": { - "value": { - "fontFamily": "{core.font.family.main}", - "fontWeight": "{core.font.weight.regular}", - "lineHeight": "{core.font.lineHeight.200}px", - "fontSize": "{core.font.size.75}px" - }, + "value": "{global.content.typo.body.xsm}", "type": "typography" } + }, + "phatic": { + "attention": { + "value": "{global.content.color.attention.default}", + "type": "color" + } } } }, @@ -2857,10 +2745,29 @@ "value": "{global.content.color.text.default}", "type": "color" }, - "phatic": { + "phatic--negative": { "value": "{global.content.color.negative.default}", "type": "color" + }, + "phatic--attention": { + "value": "{global.content.color.attention.default}", + "type": "color" } + }, + "typo-": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.50}px" + }, + "type": "typography" + } + }, + "spacing": { + "gap": { + "value": "{global.spacing.gap.sm}", + "type": "spacing" } } }, @@ -2877,7 +2784,7 @@ }, "content": { "color": { - "text": { + "label": { "value": "{global.content.color.text.default}", "type": "color" }, @@ -2909,12 +2816,12 @@ "value": "{global.border.color.line.muted}", "type": "color" }, - "hover": { + "selected": { "value": "{global.border.color.tertiary.default}", "type": "color" }, - "selected": { - "value": "{global.border.color.tertiary.default}", + "error": { + "value": "{global.border.color.negative.default}", "type": "color" } } @@ -2942,7 +2849,7 @@ "y": "0", "blur": "2", "spread": "0", - "color": "rgba({core.color.tertiary.100}, 0.80)", + "color": "rgba( {global.content.color.primary.strong}, 0.80)", "type": "dropShadow" }, "type": "boxShadow" @@ -2958,6 +2865,19 @@ } }, "checkbox": { + "shadow": { + "hover": { + "value": { + "x": "0", + "y": "0", + "blur": "2", + "spread": "0", + "color": "rgba( {global.content.color.primary.strong}, 0.80)", + "type": "dropShadow" + }, + "type": "boxShadow" + } + }, "size": { "md": { "value": "{global.control.size.200}", @@ -2970,8 +2890,12 @@ "value": "{global.content.color.transparent}", "type": "color" }, - "selected": { - "value": "{global.content.color.text.default--reverse}", + "label": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "icon": { + "value": "{global.content.color.tertiary.default}", "type": "color" } } @@ -2997,111 +2921,43 @@ } }, "border": { - "color": { - "default": { - "value": "{global.border.color.line.muted}", - "type": "color" - }, - "hover": { - "value": "{global.border.color.primary.emphasis}", - "type": "color" - }, - "selected": { - "value": "{global.border.color.primary.default}", - "type": "color" - } - }, - "radius": { - "value": "{global.border.radius.sm}", - "type": "borderRadius" - }, - "width": { - "value": "{global.border.width.sm}", - "type": "borderWidth" - } - }, - "spacing": { - "gap": { - "value": "{global.spacing.gap.md}", - "type": "spacing" - }, - "paddings": { - "md": { - "value": "{global.spacing.padding.md}", - "type": "spacing" - }, - "lg": { - "value": "{global.spacing.padding.lg}", - "type": "spacing" - } - } - } - }, - "toggle": { - "size": { - "inner": { - "value": "{global.control.size.50}", - "type": "sizing" - }, - "width": { - "value": "{global.control.size.500}", - "type": "sizing" - } - }, - "spacing": { - "padding": { - "value": "{global.spacing.padding.1xsm} {global.spacing.padding.2xsm}", - "type": "spacing" - }, - "gap": { - "value": "{global.spacing.gap.md}", - "type": "spacing" - } - }, - "content": { - "color": { - "default": { - "value": "{global.content.color.primary.default}", - "type": "color" - }, - "selected": { - "value": "{global.content.color.text.default--reverse}", - "type": "color" - }, - "hover": { - "value": "{global.background.color.primary.muted}", - "type": "color" - } - } - }, - "background": { - "color": { - "unselected": { - "default": { - "value": "{global.background.color.surface.emphasis}", - "type": "color" - }, - "hover": { - "value": "{global.background.color.primary.muted}", - "type": "color" - } - }, - "selected": { - "default": { - "value": "{global.background.color.primary.default}", - "type": "color" - }, - "hover": { - "value": "{global.background.color.primary.emphasis}", - "type": "color" - } - } - } - }, - "border": { + "color": { + "default": { + "value": "{global.border.color.line.muted}", + "type": "color" + }, + "select": { + "value": "{global.border.color.tertiary.default}", + "type": "color" + }, + "negative": { + "value": "{global.border.color.negative.default}", + "type": "color" + } + }, "radius": { - "value": "{global.border.radius.rounded}", + "value": "{global.border.radius.sm}", "type": "borderRadius" + }, + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + } + }, + "spacing": { + "gap": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + }, + "paddings": { + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "lg": { + "value": "{global.spacing.padding.lg}", + "type": "spacing" + } } } }, @@ -3782,6 +3638,16 @@ "link": { "content": { "typo": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.75}px", + "textDecoration": "{underline}" + }, + "type": "typography" + }, + "typo--medium": { "value": { "fontFamily": "{core.font.family.main}", "fontWeight": "{core.font.weight.medium}", @@ -3793,19 +3659,7 @@ }, "color": { "default": { - "value": "{global.content.color.primary.default}", - "type": "color" - }, - "hover": { - "value": "{global.content.color.primary.emphasis}", - "type": "color" - }, - "down": { - "value": "{global.content.color.primary.muted}", - "type": "color" - }, - "default--reverse": { - "value": "{global.content.color.primary.subtle}", + "value": "{global.content.color.secondary.default}", "type": "color" } } @@ -3832,8 +3686,8 @@ "value": "{global.background.color.primary.subtle}", "type": "color" }, - "down": { - "value": "{global.background.color.primary.subtle}", + "pressed": { + "value": "{global.background.color.primary.muted}", "type": "color" } } @@ -3956,17 +3810,21 @@ }, "type": "typography" }, + "typo--medium": { + "value": "{global.content.typo.body.sm--medium}", + "type": "typography" + }, "color": { "default": { - "value": "{global.content.color.text.default}", + "value": "{global.content.color.text.muted}", "type": "color" }, "hover": { - "value": "{global.content.color.text.emphasis}", + "value": "{global.content.color.text.default}", "type": "color" }, - "down": { - "value": "{global.content.color.primary.default}", + "selected": { + "value": "{global.content.color.icon.emphasis}", "type": "color" } } @@ -3984,11 +3842,11 @@ "background": { "color": { "default": { - "value": "{global.background.color.surface.subtle}", + "value": "{global.background.color.surface.default}", "type": "color" }, "hover": { - "value": "{global.background.color.primary.subtle}", + "value": "{global.background.color.surface.default}", "type": "color" }, "selected": { @@ -4004,86 +3862,18 @@ }, "color": { "default": { - "value": "{global.background.color.surface.subtle}", + "value": "{global.border.color.line.subtle}", "type": "color" }, "hover": { - "value": "{global.border.color.line.muted}", + "value": "{global.border.color.tertiary.default}", "type": "color" }, "selected": { - "value": "{global.border.color.primary.default}", - "type": "color" - } - }, - "width": { - "value": "{global.border.width.sm}", - "type": "borderWidth" - } - } - }, - "dropzone": { - "spacing": { - "padding": { - "value": "{global.spacing.padding.lg}", - "type": "spacing" - }, - "gap": { - "value": "{global.spacing.gap.md}", - "type": "spacing" - } - }, - "content": { - "color": { - "default": { - "value": "{global.content.color.text.default}", - "type": "color" - }, - "hover": { - "value": "{global.content.color.primary.emphasis}", - "type": "color" - }, - "default--subtle": { - "value": "{global.content.color.text.muted}", - "type": "color" - }, - "default--icon": { - "value": "{global.content.color.primary.muted}", - "type": "color" - }, - "check--icon": { - "value": "{global.content.color.positive.default}", - "type": "color" - } - } - }, - "background": { - "color": { - "default": { - "value": "{global.background.color.surface.default}", - "type": "color" - }, - "hover": { - "value": "{global.background.color.primary.subtle}", - "type": "color" - } - } - }, - "border": { - "color": { - "default": { - "value": "{global.border.color.primary.muted}", - "type": "color" - }, - "hover": { - "value": "{global.border.color.primary.emphasis}", + "value": "{global.border.color.tertiary.default}", "type": "color" } }, - "radius": { - "value": "{global.border.radius.md}", - "type": "borderRadius" - }, "width": { "value": "{global.border.width.sm}", "type": "borderWidth" @@ -4581,7 +4371,7 @@ }, "color": { "default": { - "value": "{global.content.color.secondary.muted}", + "value": "{global.content.color.secondary.default}", "type": "color" }, "hover": { @@ -5056,6 +4846,10 @@ "value": "{global.spacing.padding.2xsm}", "type": "spacing" }, + "3xms": { + "value": "{global.spacing.padding.3xsm}", + "type": "spacing" + }, "xsm": { "value": "{global.spacing.padding.xsm}", "type": "spacing" @@ -5071,62 +4865,41 @@ "xlslg": { "value": "{global.spacing.padding.xlslg}", "type": "spacing" + }, + "xlgm": { + "value": "52px", + "type": "spacing" } }, "gap": { "value": "{global.spacing.gap.slg}", "type": "spacing" + }, + "gap--1xsm": { + "value": "{global.spacing.gap.1xsm}", + "type": "spacing" + }, + "gap-md": { + "value": "{global.spacing.gap.md}", + "type": "spacing" } }, "content": { "color": { "main": { "default": { - "value": "{global.content.color.text.default}", - "type": "color" - }, - "hover": { - "value": "{global.content.color.text.default}", - "type": "color" - }, - "active": { - "value": "{global.content.color.text.emphasis}", - "type": "color" - }, - "default--reverse": { - "value": "{global.content.color.icon.default--reverse}", - "type": "color" - } - }, - "sub": { - "default": { - "value": "{global.content.color.text.default}", - "type": "color" - }, - "hover": { - "value": "{global.content.color.text.default}", - "type": "color" - }, - "active": { - "value": "{global.content.color.text.emphasis}", - "type": "color" - }, - "default--reverse": { - "value": "{global.content.color.icon.default--reverse}", + "value": "{global.content.color.secondary.default}", "type": "color" } } }, - "typo": { - "md": { - "value": { - "fontFamily": "{core.font.family.main}", - "fontWeight": "{core.font.weight.medium}", - "fontSize": "{core.font.size.75}px", - "lineHeight": "{core.font.lineHeight.100}" - }, - "type": "typography" - } + "typo--regular": { + "value": "{global.content.typo.body.sm}", + "type": "typography" + }, + "typo--medium": { + "value": "{global.content.typo.body.sm--medium}", + "type": "typography" } }, "background": { @@ -5136,50 +4909,12 @@ "value": "{global.background.color.surface.default}", "type": "color" }, - "default--dark": { - "value": "{global.background.color.primary.dark}", - "type": "color" - }, - "hover": { - "value": "{global.background.color.secondary.subtle}", - "type": "color" - }, - "hover--dark": { - "value": "{global.background.color.primary.strong}", - "type": "color" - }, - "active": { - "value": "{global.background.color.primary.verySubtle}", - "type": "color" - }, - "active--dark": { - "value": "{global.background.color.primary.emphasis}", - "type": "color" - } - }, - "sub": { - "default": { - "value": "{global.background.color.surface.default}", - "type": "color" - }, - "default---dark": { - "value": "{global.background.color.primary.dark}", - "type": "color" - }, "hover": { - "value": "{global.background.color.secondary.subtle}", - "type": "color" - }, - "hover--dark": { - "value": "{global.background.color.primary.strong}", + "value": "{global.background.color.primary.subtle}", "type": "color" }, "active": { - "value": "{global.background.color.primary.verySubtle}", - "type": "color" - }, - "active--dark": { - "value": "{global.background.color.primary.emphasis}", + "value": "{global.background.color.primary.muted}", "type": "color" } } @@ -5206,24 +4941,12 @@ "value": "{global.border.color.line.subtle}", "type": "color" } - }, - "sub": { - "default": { - "value": "{global.border.color.line.muted}", - "type": "color" - }, - "default--dark": { - "value": "{global.border.color.line.default}", - "type": "color" - }, - "hover": { - "value": "{global.border.color.line.muted}", - "type": "color" - }, - "active": { - "value": "{global.border.color.primary.default}", - "type": "color" - } + } + }, + "radius": { + "md": { + "value": "{global.border.radius.md}", + "type": "borderRadius" } } }, @@ -5275,7 +4998,7 @@ "type": "color" }, "pending-text": { - "value": "{global.content.color.secondary.muted}", + "value": "{global.content.color.secondary.default}", "type": "color" }, "active": { @@ -6805,6 +6528,10 @@ }, "$themes": [], "$metadata": { - "tokenSetOrder": ["core", "global", "component"] + "tokenSetOrder": [ + "core", + "global", + "component" + ] } -} +} \ No newline at end of file From d65856285603b76b91814c63d7f006d12a0a14f0 Mon Sep 17 00:00:00 2001 From: Johan Sosa Date: Thu, 23 Nov 2023 18:32:31 +0100 Subject: [PATCH 02/25] fix(VerticalStepper): Clean dependency cicle --- .eslintrc.json | 6 +- merged_tokens.json | 2178 ++- packages/calendars/babel.config.js | 33 - .../informative/Calification/Calification.js | 6 +- packages/components/src/layout/Stack/Stack.js | 16 +- .../VerticalStepperContainer.js | 12 +- .../VerticalStepperContainer.stories.js | 14 +- .../VerticalStepper/Progress/Progress.js | 9 +- .../navigation/VerticalStepper/Step/Step.js | 50 +- .../VerticalStepper/VerticalStepper.js | 59 +- .../VerticalStepper.stories.js | 6 +- packages/components/src/tokens.compiled.js | 14263 +++++++++------- packages/editors/babel.config.js | 2 +- yarn.lock | 1776 +- 14 files changed, 10292 insertions(+), 8138 deletions(-) delete mode 100644 packages/calendars/babel.config.js diff --git a/.eslintrc.json b/.eslintrc.json index e4d6c756b..f07838d2a 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -42,6 +42,8 @@ "usePrettierrc": true } ], - "import/no-names-as-default": "off" + "import/no-names-as-default": "off", + "import/prefer-default-export": "warn", + "no-param-reassign": "off" } -} \ No newline at end of file +} diff --git a/merged_tokens.json b/merged_tokens.json index 5a67c30c5..12d775097 100644 --- a/merged_tokens.json +++ b/merged_tokens.json @@ -58,7 +58,7 @@ }, "primary": { "100": { - "value": "hsla({core.color.customPrimary.hue},{core.color.customPrimary.saturation}%,{util.color.primary.lightness.up.4}%,1)", + "value": "#F1FFBD", "type": "color" }, "200": { @@ -423,6 +423,10 @@ "value": "8", "type": "sizing" }, + "125": { + "value": "10", + "type": "sizing" + }, "150": { "value": "12", "type": "sizing" @@ -633,14 +637,55 @@ }, "shadow": { "100": { - "value": { - "x": "0", - "y": "10", - "blur": "36", - "spread": "0", - "color": "{core.color.neutral.300}", - "type": "dropShadow" - }, + "value": [ + { + "color": "rgba( {core.color.neutral.900}, 0.08)", + "type": "dropShadow", + "x": "0", + "y": "10", + "blur": "36", + "spread": "0" + } + ], + "type": "boxShadow" + }, + "200": { + "value": [ + { + "color": "rgba( {core.color.neutral.900}, 0.12)", + "type": "dropShadow", + "x": "0", + "y": "10", + "blur": "36", + "spread": "0" + } + ], + "type": "boxShadow" + }, + "300": { + "value": [ + { + "color": "rgba( {core.color.neutral.900}, 0.16)", + "type": "dropShadow", + "x": "0", + "y": "10", + "blur": "36", + "spread": "0" + } + ], + "type": "boxShadow" + }, + "400": { + "value": [ + { + "color": "rgba( {core.color.neutral.900}, 0.05)", + "type": "dropShadow", + "x": "-32", + "y": "0", + "blur": "32", + "spread": "0" + } + ], "type": "boxShadow" } }, @@ -774,92 +819,6 @@ }, "global": { "global": { - "shadow": { - "100": { - "value": [ - { - "color": "rgba({core.color.neutral.200}, 0.08)", - "type": "dropShadow", - "x": "0", - "y": "2", - "blur": "0", - "spread": "0" - }, - { - "color": "rgba({core.color.black}, 0.08)", - "type": "dropShadow", - "x": "0", - "y": "10", - "blur": "36", - "spread": "0" - } - ], - "type": "boxShadow" - }, - "200": { - "value": [ - { - "color": "rgba({core.color.neutral.200}, 0.16)", - "type": "dropShadow", - "x": "0", - "y": "2", - "blur": "0", - "spread": "0" - }, - { - "color": "rgba({core.color.black}, 0.12)", - "type": "dropShadow", - "x": "0", - "y": "10", - "blur": "36", - "spread": "0" - } - ], - "type": "boxShadow" - }, - "300": { - "value": [ - { - "color": "rgba({core.color.neutral.200}, 0.24)", - "type": "dropShadow", - "x": "0", - "y": "2", - "blur": "0", - "spread": "0" - }, - { - "color": "rgba({core.color.black}, 0.16)", - "type": "dropShadow", - "x": "0", - "y": "10", - "blur": "36", - "spread": "0" - } - ], - "type": "boxShadow" - }, - "400": { - "value": [ - { - "color": "rgba({core.color.neutral.200}, 0.08)", - "type": "dropShadow", - "x": "-100", - "y": "0", - "blur": "60", - "spread": "0" - }, - { - "color": "rgba({core.color.black}, 0.05)", - "type": "dropShadow", - "x": "-32", - "y": "0", - "blur": "32", - "spread": "0" - } - ], - "type": "boxShadow" - } - }, "focus": { "default": { "value": { @@ -867,10 +826,18 @@ "y": "0", "blur": "0", "spread": "2", - "color": "{core.color.primary.300}", + "color": "{core.color.primary.400}", "type": "dropShadow" }, "type": "boxShadow" + }, + "default-border": { + "value": { + "color": "{core.color.primary.400}", + "width": "{global.border.width.md}", + "style": "solid" + }, + "type": "border" } }, "content": { @@ -898,6 +865,14 @@ } }, "icon": { + "deep": { + "value": "{core.color.secondary.100}", + "type": "color" + }, + "dark": { + "value": "{core.color.tertiary.100}", + "type": "color" + }, "emphasis": { "value": "{core.color.neutral.700}", "type": "color" @@ -938,18 +913,18 @@ } }, "secondary": { - "muted": { - "value": "{core.color.secondary.100}", - "type": "color" - }, "default": { - "value": "{core.color.neutral.700}", + "value": "{core.color.secondary.100}", "type": "color" }, "emphasis": { "value": "{core.color.neutral.800}", "type": "color" }, + "muted": { + "value": "{core.color.neutral.500}", + "type": "color" + }, "subtle": { "value": "{core.color.neutral.100}", "type": "color" @@ -1028,6 +1003,46 @@ "value": "{core.color.accent.100}", "type": "color" } + }, + "info": { + "default": { + "value": "{core.color.info.500}", + "type": "color" + }, + "emphasis": { + "value": "{core.color.info.600}", + "type": "color" + }, + "muted": { + "value": "{core.color.info.300}", + "type": "color" + }, + "subtle": { + "value": "{core.color.info.100}", + "type": "color" + } + }, + "neutral": { + "emphasis": { + "value": "{core.color.neutral.800}", + "type": "color" + }, + "default": { + "value": "{core.color.neutral.700}", + "type": "color" + }, + "muted": { + "value": "{core.color.neutral.500}", + "type": "color" + }, + "subtle": { + "value": "{core.color.neutral.300}", + "type": "color" + }, + "default--reverse": { + "value": "{core.color.white}", + "type": "color" + } } }, "typo": { @@ -1624,11 +1639,15 @@ "emphasis": { "value": "{core.color.primary.400}", "type": "color" + }, + "strong": { + "value": "{core.color.primary.500}", + "type": "color" } }, "secondary": { "default": { - "value": "{core.color.neutral.700}", + "value": "{core.color.secondary.100}", "type": "color" }, "emphasis": { @@ -1768,6 +1787,10 @@ "value": "{core.dimension.static.100}px", "type": "spacing" }, + "xmsm": { + "value": "{core.dimension.static.125}px", + "type": "spacing" + }, "sm": { "value": "{core.dimension.static.150}px", "type": "spacing" @@ -1802,6 +1825,10 @@ "value": "{core.dimension.static.0}px", "type": "spacing" }, + "1xsm": { + "value": "{core.dimension.static.25}px", + "type": "spacing" + }, "sm": { "value": "{core.dimension.static.50}px", "type": "spacing" @@ -1920,39 +1947,125 @@ }, "type": "boxShadow" } - } - } - }, - "component": { - "button": { - "content": { - "color": { - "primary": { - "default": { - "value": "{global.content.color.primary.default}", - "type": "color" - }, - "hover": { - "value": "{global.content.color.primary.emphasis}", - "type": "color" - }, - "down": { - "value": "{global.content.color.primary.default}", - "type": "color" + }, + "shadow": { + "100": { + "value": [ + { + "color": "rgba({core.color.neutral.200}, 0.08)", + "type": "dropShadow", + "x": "0", + "y": "2", + "blur": "0", + "spread": "0" }, - "default--reverse": { - "value": "{global.content.color.text.default--reverse}", - "type": "color" + { + "color": "rgba({core.color.black}, 0.08)", + "type": "dropShadow", + "x": "0", + "y": "10", + "blur": "36", + "spread": "0" } - }, - "secondary": { - "default": { - "value": "{global.content.color.secondary.default}", - "type": "color" - }, - "hover": { - "value": "{global.content.color.secondary.emphasis}", - "type": "color" + ], + "type": "boxShadow" + }, + "200": { + "value": [ + { + "color": "rgba({core.color.neutral.200}, 0.16)", + "type": "dropShadow", + "x": "0", + "y": "2", + "blur": "0", + "spread": "0" + }, + { + "color": "rgba({core.color.black}, 0.12)", + "type": "dropShadow", + "x": "0", + "y": "10", + "blur": "36", + "spread": "0" + } + ], + "type": "boxShadow" + }, + "300": { + "value": [ + { + "color": "rgba({core.color.neutral.200}, 0.24)", + "type": "dropShadow", + "x": "0", + "y": "2", + "blur": "0", + "spread": "0" + }, + { + "color": "rgba({core.color.black}, 0.16)", + "type": "dropShadow", + "x": "0", + "y": "10", + "blur": "36", + "spread": "0" + } + ], + "type": "boxShadow" + }, + "400": { + "value": [ + { + "color": "rgba({core.color.neutral.200}, 0.08)", + "type": "dropShadow", + "x": "-100", + "y": "0", + "blur": "60", + "spread": "0" + }, + { + "color": "rgba({core.color.black}, 0.05)", + "type": "dropShadow", + "x": "-32", + "y": "0", + "blur": "32", + "spread": "0" + } + ], + "type": "boxShadow" + } + } + } + }, + "component": { + "button": { + "content": { + "color": { + "primary": { + "default": { + "value": "{global.content.color.secondary.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.primary.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.content.color.primary.default}", + "type": "color" + }, + "default--reverse": { + "value": "{global.content.color.text.default--reverse}", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "{global.content.color.secondary.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.secondary.emphasis}", + "type": "color" }, "down": { "value": "{global.content.color.secondary.default}", @@ -1963,10 +2076,16 @@ "type": "color" } }, - "terciary": { + "ghost": { "default": { "value": "{global.content.color.secondary.default}", "type": "color" + } + }, + "terciary": { + "default": { + "value": "{global.content.color.primary.subtle}", + "type": "color" }, "hover": { "value": "{global.content.color.primary.muted}", @@ -1996,10 +2115,18 @@ } } }, + "default": { + "value": "{global.content.typo.body.sm}", + "type": "typography" + }, + "hover": { + "value": "{global.content.typo.body.sm--medium}", + "type": "typography" + }, "typo": { "value": { "fontFamily": "{core.font.family.main}", - "fontWeight": "{core.font.weight.medium}", + "fontWeight": "{core.font.weight.regular}", "lineHeight": "{core.font.lineHeight.200}px", "fontSize": "{core.font.size.75}px" }, @@ -2048,7 +2175,7 @@ "type": "color" } }, - "terciary": { + "ghost": { "default": { "value": "{global.background.color.transparent}", "type": "color" @@ -2060,6 +2187,16 @@ "pressed": { "value": "{global.background.color.primary.emphasis}", "type": "color" + } + }, + "terciary": { + "default": { + "value": "{global.background.color.surface.subtle}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.surface.muted}", + "type": "color" }, "down": { "value": "{global.background.color.surface.subtle}", @@ -2090,7 +2227,7 @@ "type": "color" }, "hover": { - "value": "{global.border.color.secondary.emphasis}", + "value": "{global.border.color.secondary.default}", "type": "color" }, "pressed": { @@ -2150,7 +2287,7 @@ } }, "width": { - "value": "{global.border.width.md}", + "value": "{global.border.width.sm}", "type": "borderWidth" }, "radius": { @@ -2168,7 +2305,7 @@ "padding": { "vertical": { "md": { - "value": "{global.spacing.padding.xsm}", + "value": "{global.spacing.padding.xmsm}", "type": "spacing" }, "sm": { @@ -2227,111 +2364,314 @@ } } }, - "buttonText": { + "dropzone": { "content": { + "text": { + "value": "{global.content.typo.body.sm}", + "type": "typography" + }, + "text--medium": { + "value": "{global.content.typo.body.sm--medium}", + "type": "typography" + }, "color": { - "primary": { - "default": { - "value": "{global.content.color.primary.default}", - "type": "color" - }, - "hover": { - "value": "{global.content.color.primary.emphasis}", - "type": "color" - }, - "down": { - "value": "{global.content.color.primary.default}", - "type": "color" - } + "default": { + "value": "{global.content.color.text.default}", + "type": "color" }, - "secondary": { - "default": { - "value": "{global.content.color.secondary.default}", - "type": "color" - }, - "hover": { - "value": "{global.content.color.secondary.emphasis}", - "type": "color" - }, - "down": { - "value": "{global.content.color.secondary.default}", - "type": "color" - } + "default--subtle": { + "value": "{global.content.color.text.muted}", + "type": "color" }, - "terciary": { - "default": { - "value": "{global.content.color.primary.subtle}", - "type": "color" - }, - "hover": { - "value": "{global.content.color.primary.emphasis}", - "type": "color" - }, - "down": { - "value": "{global.content.color.primary.subtle}", - "type": "color" - } + "icon": { + "value": "{global.content.color.secondary.default}", + "type": "color" }, - "phatic": { - "default": { - "value": "{global.content.color.negative.default}", - "type": "color" - }, - "hover": { - "value": "{global.content.color.negative.emphasis}", - "type": "color" - }, - "down": { - "value": "{global.content.color.negative.default}", - "type": "color" - } + "hover": { + "value": "{global.content.color.primary.emphasis}", + "type": "color" + }, + "default--icon": { + "value": "{global.content.color.primary.muted}", + "type": "color" } + } + }, + "spacing": { + "padding": { + "value": "{global.spacing.padding.md}", + "type": "spacing" }, - "typo": { - "value": { - "fontFamily": "{core.font.family.main}", - "fontWeight": "{core.font.weight.medium}", - "lineHeight": "{core.font.lineHeight.200}px", - "fontSize": "{core.font.size.75}px" - }, - "type": "typography" + "gap": { + "value": "{global.spacing.gap.md}", + "type": "spacing" } }, "background": { "color": { - "primary": { - "default": { - "value": "{global.background.color.transparent}", - "type": "color" - }, - "hover": { - "value": "{global.background.color.primary.subtle}", - "type": "color" - }, - "down": { - "value": "{global.background.color.transparent}", - "type": "color" - } - }, - "secondary": { - "default": { - "value": "{global.background.color.transparent}", - "type": "color" - }, - "hover": { - "value": "{global.background.color.secondary.subtle}", - "type": "color" - }, - "down": { - "value": "{global.background.color.transparent}", - "type": "color" - } + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" }, - "terciary": { - "default": { - "value": "{global.background.color.transparent}", - "type": "color" - }, + "hover": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "{global.border.color.line.subtle}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.line.subtle}", + "type": "color" + } + }, + "radius": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + }, + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + } + } + }, + "toggle": { + "shadow": { + "hover": { + "value": { + "x": "0", + "y": "0", + "blur": "2", + "spread": "0", + "color": "rgba( {global.background.color.primary.strong}, 0.80)", + "type": "dropShadow" + }, + "type": "boxShadow" + } + }, + "content": { + "typo": { + "value": "{global.content.typo.body.sm}", + "type": "typography" + }, + "color": { + "default": { + "value": "{global.content.color.neutral.muted}", + "type": "color" + }, + "selected": { + "value": "{global.content.color.tertiary.default}", + "type": "color" + }, + "label": { + "value": "{global.content.color.neutral.default}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.muted}", + "type": "color" + } + } + }, + "border": { + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "color": { + "default": { + "value": "{global.border.color.line.default}", + "type": "color" + }, + "select": { + "value": "{global.border.color.tertiary.default}", + "type": "color" + } + }, + "radius": { + "value": "{global.border.radius.rounded}", + "type": "borderRadius" + } + }, + "size": { + "inner": { + "value": "{global.control.size.50}", + "type": "sizing" + }, + "width": { + "value": "{global.control.size.500}", + "type": "sizing" + } + }, + "spacing": { + "padding": { + "value": "{global.spacing.padding.1xsm} {global.spacing.padding.2xsm}", + "type": "spacing" + }, + "gap": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "unselected": { + "default": { + "value": "{global.background.color.surface.emphasis}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.muted}", + "type": "color" + } + }, + "selected": { + "default": { + "value": "{global.background.color.primary.default}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.emphasis}", + "type": "color" + } + } + } + } + }, + "buttonText": { + "content": { + "color": { + "primary": { + "default": { + "value": "{global.content.color.primary.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.primary.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.content.color.primary.default}", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "{global.content.color.secondary.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.secondary.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.content.color.secondary.default}", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "{global.content.color.primary.subtle}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.primary.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.content.color.primary.subtle}", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "{global.content.color.negative.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.negative.emphasis}", + "type": "color" + }, + "down": { + "value": "{global.content.color.negative.default}", + "type": "color" + } + } + }, + "default": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.75}px", + "textDecoration": "{underline}" + }, + "type": "typography" + }, + "hover": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.75}px", + "textDecoration": "{underline}" + }, + "type": "typography" + }, + "typo": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + } + }, + "background": { + "color": { + "primary": { + "default": { + "value": "{global.background.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "down": { + "value": "{global.background.color.transparent}", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "{global.background.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.secondary.subtle}", + "type": "color" + }, + "down": { + "value": "{global.background.color.transparent}", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "{global.background.color.transparent}", + "type": "color" + }, "hover": { "value": "{global.background.color.primary.subtle}", "type": "color" @@ -2465,7 +2805,7 @@ "color": { "primary": { "default": { - "value": "{global.content.color.primary.default}", + "value": "{global.content.color.secondary.default}", "type": "color" }, "hover": { @@ -2481,7 +2821,13 @@ "type": "color" } }, - "secondary": { + "ghost": { + "default": { + "value": "{global.content.color.secondary.default}", + "type": "color" + } + }, + "secondary": { "default": { "value": "{global.content.color.secondary.default}", "type": "color" @@ -2545,9 +2891,21 @@ "type": "color" }, "hover": { + "value": "{global.background.color.primary.default}", + "type": "color" + }, + "pressed": { "value": "{global.background.color.primary.emphasis}", "type": "color" }, + "selected": { + "value": "{global.background.color.primary.muted}", + "type": "color" + }, + "focus": { + "value": "{global.background.color.primary.default}", + "type": "color" + }, "down": { "value": "{global.background.color.primary.default}", "type": "color" @@ -2565,6 +2923,28 @@ "type": "color" } }, + "ghost": { + "default": { + "value": "{global.background.color.transparent}", + "type": "color" + }, + "hover": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "pressed": { + "value": "{global.background.color.primary.emphasis}", + "type": "color" + }, + "selected": { + "value": "{global.background.color.primary.muted}", + "type": "color" + }, + "focus": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + } + }, "secondary": { "default": { "value": "{global.background.color.secondary.default}", @@ -2778,6 +3158,19 @@ "type": "spacing" } } + }, + "shadow": { + "hover": { + "value": { + "x": "0", + "y": "0", + "blur": "4", + "spread": "0", + "color": "rgba({buttonIcon.background.color.primary.hover}, 0.80)", + "type": "dropShadow" + }, + "type": "boxShadow" + } } }, "buttonAction": { @@ -2785,11 +3178,11 @@ "color": { "primary": { "default": { - "value": "{global.content.color.secondary.muted}", + "value": "{global.content.color.tertiary.default}", "type": "color" }, "hover": { - "value": "{global.content.color.primary.default}", + "value": "{global.content.color.secondary.default}", "type": "color" }, "down": { @@ -2811,7 +3204,7 @@ }, "phatic": { "default": { - "value": "{global.content.color.secondary.muted}", + "value": "{global.content.color.secondary.default}", "type": "color" }, "hover": { @@ -2843,29 +3236,16 @@ }, "hover": { "value": "{global.background.color.primary.subtle}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "0.15", - "space": "lch" - } - } - } + "type": "color" }, - "down": { - "value": "{global.background.color.primary.subtle}", + "pressed": { + "value": "{global.background.color.primary.emphasis}", "type": "color" }, "hover--reverse": { "value": "{global.background.color.secondary.default}", "type": "color" }, - "down--reverse": { - "value": "{global.background.color.secondary.muted}", - "type": "color" - }, "hover--reverse-transparent": { "value": "{global.background.color.surface.default}", "type": "color", @@ -2878,6 +3258,14 @@ } } } + }, + "down": { + "value": "{global.background.color.primary.subtle}", + "type": "color" + }, + "down--reverse": { + "value": "{global.background.color.secondary.muted}", + "type": "color" } }, "phatic": { @@ -2897,6 +3285,20 @@ } }, "border": { + "width": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "radius": { + "md": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + }, + "rounded": { + "value": "{global.border.radius.rounded}", + "type": "borderRadius" + } + }, "color": { "primary": { "default": { @@ -2908,7 +3310,7 @@ "type": "color" }, "down": { - "value": "{global.border.color.primary.default}", + "value": "{global.border.color.line.muted}", "type": "color" }, "hover--reverse": { @@ -2934,20 +3336,6 @@ "type": "color" } } - }, - "width": { - "value": "{global.border.width.sm}", - "type": "borderWidth" - }, - "radius": { - "md": { - "value": "{global.border.radius.md}", - "type": "borderRadius" - }, - "rounded": { - "value": "{global.border.radius.rounded}", - "type": "borderRadius" - } } }, "spacing": { @@ -2974,26 +3362,25 @@ "value": "{global.content.color.text.emphasis}", "type": "color" }, - "selected": { - "value": "{global.content.color.primary.default}", - "type": "color" - }, "placeholder": { "value": "{global.content.color.text.muted}", "type": "color" }, "icon": { - "value": "{global.content.color.icon.default}", + "value": "{global.content.color.icon.emphasis}", + "type": "color" + }, + "icon--action": { + "value": "{global.content.color.icon.dark}", + "type": "color" + }, + "selected": { + "value": "{global.content.color.primary.default}", "type": "color" } }, "typo": { - "value": { - "fontFamily": "{core.font.family.main}", - "fontWeight": "{core.font.weight.regular}", - "lineHeight": "{core.font.lineHeight.300}px", - "fontSize": "{core.font.size.75}px" - }, + "value": "{global.content.typo.body.sm}", "type": "typography" } }, @@ -3046,6 +3433,10 @@ "value": "{badge.spacing.padding.md}", "type": "spacing" }, + "ssm": { + "value": "{global.spacing.gap.sm}", + "type": "spacing" + }, "sm": { "value": "3px", "type": "spacing" @@ -3059,6 +3450,10 @@ "md": { "value": "{global.spacing.padding.xsm}", "type": "spacing" + }, + "xmsm": { + "value": "{global.spacing.padding.xmsm}", + "type": "spacing" } }, "all": { @@ -3128,14 +3523,15 @@ "type": "typography" }, "03": { - "value": { - "fontFamily": "{core.font.family.main}", - "fontWeight": "{core.font.weight.regular}", - "lineHeight": "{core.font.lineHeight.200}px", - "fontSize": "{core.font.size.75}px" - }, + "value": "{global.content.typo.body.xsm}", "type": "typography" } + }, + "phatic": { + "attention": { + "value": "{global.content.color.attention.default}", + "type": "color" + } } } }, @@ -3150,15 +3546,38 @@ "value": "{global.content.color.text.default}", "type": "color" }, + "phatic--negative": { + "value": "{global.content.color.negative.default}", + "type": "color" + }, + "phatic--attention": { + "value": "{global.content.color.attention.default}", + "type": "color" + }, "phatic": { "value": "{global.content.color.negative.default}", "type": "color" } }, + "typo-": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.50}px" + }, + "type": "typography" + }, "typo": { "value": "{global.content.typo.caption}", "type": "typography" } + }, + "spacing": { + "gap": { + "value": "{global.spacing.gap.sm}", + "type": "spacing" + } } }, "radio": { @@ -3174,7 +3593,7 @@ }, "content": { "color": { - "text": { + "label": { "value": "{global.content.color.text.default}", "type": "color" }, @@ -3230,12 +3649,16 @@ "value": "{global.border.color.line.muted}", "type": "color" }, - "hover": { + "selected": { "value": "{global.border.color.tertiary.default}", "type": "color" }, - "selected": { - "value": "{global.border.color.tertiary.default}", + "error": { + "value": "{global.border.color.negative.default}", + "type": "color" + }, + "hover": { + "value": "{global.border.color.primary.muted}", "type": "color" } } @@ -3263,7 +3686,7 @@ "y": "0", "blur": "2", "spread": "0", - "color": "rgba({core.color.tertiary.100}, 0.80)", + "color": "rgba( {global.content.color.primary.strong}, 0.80)", "type": "dropShadow" }, "type": "boxShadow" @@ -3279,6 +3702,19 @@ } }, "checkbox": { + "shadow": { + "hover": { + "value": { + "x": "0", + "y": "0", + "blur": "2", + "spread": "0", + "color": "rgba( {global.content.color.primary.strong}, 0.80)", + "type": "dropShadow" + }, + "type": "boxShadow" + } + }, "size": { "md": { "value": "{global.control.size.200}", @@ -3291,6 +3727,14 @@ "value": "{global.content.color.transparent}", "type": "color" }, + "label": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "icon": { + "value": "{global.content.color.tertiary.default}", + "type": "color" + }, "selected": { "value": "{global.content.color.text.default--reverse}", "type": "color" @@ -3323,6 +3767,14 @@ "value": "{global.border.color.line.muted}", "type": "color" }, + "select": { + "value": "{global.border.color.tertiary.default}", + "type": "color" + }, + "negative": { + "value": "{global.border.color.negative.default}", + "type": "color" + }, "hover": { "value": "{global.border.color.primary.emphasis}", "type": "color" @@ -3358,86 +3810,18 @@ } } }, - "toggle": { - "size": { - "inner": { - "value": "{global.control.size.50}", - "type": "sizing" - }, - "width": { - "value": "{global.control.size.500}", - "type": "sizing" - } - }, - "spacing": { - "padding": { - "value": "{global.spacing.padding.1xsm} {global.spacing.padding.2xsm}", - "type": "spacing" - }, - "gap": { - "value": "{global.spacing.gap.md}", - "type": "spacing" - } - }, + "badge": { "content": { - "color": { - "default": { - "value": "{global.content.color.primary.default}", - "type": "color" - }, - "selected": { - "value": "{global.content.color.text.default--reverse}", - "type": "color" - }, - "hover": { - "value": "{global.background.color.primary.muted}", - "type": "color" - } - } - }, - "background": { - "color": { - "unselected": { - "default": { - "value": "{global.background.color.surface.emphasis}", - "type": "color" + "typo": { + "caption": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "fontSize": "{core.font.size.30}", + "lineHeight": "{core.font.lineHeight.75}", + "textCase": "{core.font.uppercase}" }, - "hover": { - "value": "{global.background.color.primary.muted}", - "type": "color" - } - }, - "selected": { - "default": { - "value": "{global.background.color.primary.default}", - "type": "color" - }, - "hover": { - "value": "{global.background.color.primary.emphasis}", - "type": "color" - } - } - } - }, - "border": { - "radius": { - "value": "{global.border.radius.rounded}", - "type": "borderRadius" - } - } - }, - "badge": { - "content": { - "typo": { - "caption": { - "value": { - "fontFamily": "{core.font.family.main}", - "fontWeight": "{core.font.weight.medium}", - "fontSize": "{core.font.size.30}", - "lineHeight": "{core.font.lineHeight.75}", - "textCase": "{core.font.uppercase}" - }, - "type": "typography" + "type": "typography" }, "sm": { "value": { @@ -4121,6 +4505,16 @@ "link": { "content": { "typo": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.300}px", + "fontSize": "{core.font.size.75}px", + "textDecoration": "{underline}" + }, + "type": "typography" + }, + "typo--medium": { "value": { "fontFamily": "{core.font.family.main}", "fontWeight": "{core.font.weight.medium}", @@ -4132,7 +4526,7 @@ }, "color": { "default": { - "value": "{global.content.color.primary.default}", + "value": "{global.content.color.secondary.default}", "type": "color" }, "hover": { @@ -4171,6 +4565,10 @@ "value": "{global.background.color.primary.subtle}", "type": "color" }, + "pressed": { + "value": "{global.background.color.primary.muted}", + "type": "color" + }, "down": { "value": "{global.background.color.primary.subtle}", "type": "color" @@ -4324,13 +4722,21 @@ }, "type": "typography" }, + "typo--medium": { + "value": "{global.content.typo.body.sm--medium}", + "type": "typography" + }, "color": { "default": { - "value": "{global.content.color.text.default}", + "value": "{global.content.color.text.muted}", "type": "color" }, "hover": { - "value": "{global.content.color.text.emphasis}", + "value": "{global.content.color.text.default}", + "type": "color" + }, + "selected": { + "value": "{global.content.color.icon.emphasis}", "type": "color" }, "down": { @@ -4352,11 +4758,11 @@ "background": { "color": { "default": { - "value": "{global.background.color.surface.subtle}", + "value": "{global.background.color.surface.default}", "type": "color" }, "hover": { - "value": "{global.background.color.primary.subtle}", + "value": "{global.background.color.surface.default}", "type": "color" }, "selected": { @@ -4372,86 +4778,18 @@ }, "color": { "default": { - "value": "{global.background.color.surface.subtle}", + "value": "{global.border.color.line.subtle}", "type": "color" }, "hover": { - "value": "{global.border.color.line.muted}", + "value": "{global.border.color.tertiary.default}", "type": "color" }, "selected": { - "value": "{global.border.color.primary.default}", - "type": "color" - } - }, - "width": { - "value": "{global.border.width.sm}", - "type": "borderWidth" - } - } - }, - "dropzone": { - "spacing": { - "padding": { - "value": "{global.spacing.padding.lg}", - "type": "spacing" - }, - "gap": { - "value": "{global.spacing.gap.md}", - "type": "spacing" - } - }, - "content": { - "color": { - "default": { - "value": "{global.content.color.text.default}", - "type": "color" - }, - "hover": { - "value": "{global.content.color.primary.emphasis}", - "type": "color" - }, - "default--subtle": { - "value": "{global.content.color.text.muted}", - "type": "color" - }, - "default--icon": { - "value": "{global.content.color.primary.muted}", - "type": "color" - }, - "check--icon": { - "value": "{global.content.color.positive.default}", - "type": "color" - } - } - }, - "background": { - "color": { - "default": { - "value": "{global.background.color.surface.default}", - "type": "color" - }, - "hover": { - "value": "{global.background.color.primary.subtle}", - "type": "color" - } - } - }, - "border": { - "color": { - "default": { - "value": "{global.border.color.primary.muted}", - "type": "color" - }, - "hover": { - "value": "{global.border.color.primary.emphasis}", + "value": "{global.border.color.tertiary.default}", "type": "color" } }, - "radius": { - "value": "{global.border.radius.md}", - "type": "borderRadius" - }, "width": { "value": "{global.border.width.sm}", "type": "borderWidth" @@ -4951,7 +5289,7 @@ }, "color": { "default": { - "value": "{global.content.color.secondary.muted}", + "value": "{global.content.color.secondary.default}", "type": "color" }, "hover": { @@ -5426,6 +5764,10 @@ "value": "{global.spacing.padding.2xsm}", "type": "spacing" }, + "3xms": { + "value": "{global.spacing.padding.3xsm}", + "type": "spacing" + }, "xsm": { "value": "{global.spacing.padding.xsm}", "type": "spacing" @@ -5442,6 +5784,10 @@ "value": "{global.spacing.padding.xlslg}", "type": "spacing" }, + "xlgm": { + "value": "52px", + "type": "spacing" + }, "lg": { "value": "{global.spacing.padding.lg}", "type": "spacing" @@ -5450,54 +5796,62 @@ "gap": { "value": "{global.spacing.gap.slg}", "type": "spacing" + }, + "gap--1xsm": { + "value": "{global.spacing.gap.1xsm}", + "type": "spacing" + }, + "gap-md": { + "value": "{global.spacing.gap.md}", + "type": "spacing" } }, "content": { "color": { "main": { "default": { - "value": "{global.content.color.text.default}", + "value": "{global.content.color.secondary.default}", "type": "color" }, "hover": { - "value": "{global.content.color.text.default}", + "value": "{global.content.color.text.default--reverse}", "type": "color" }, "active": { - "value": "{global.content.color.text.emphasis}", - "type": "color" - }, - "default--reverse": { - "value": "{global.content.color.icon.default--reverse}", + "value": "{global.content.color.text.default--reverse}", "type": "color" } }, "sub": { "default": { - "value": "{global.content.color.text.default}", + "value": "{global.content.color.text.default--reverse}", "type": "color" }, "hover": { - "value": "{global.content.color.text.default}", + "value": "{global.content.color.text.default--reverse}", "type": "color" }, "active": { - "value": "{global.content.color.text.emphasis}", - "type": "color" - }, - "default--reverse": { - "value": "{global.content.color.icon.default--reverse}", + "value": "{global.content.color.text.default--reverse}", "type": "color" } } }, + "typo--regular": { + "value": "{global.content.typo.body.sm}", + "type": "typography" + }, + "typo--medium": { + "value": "{global.content.typo.body.sm--medium}", + "type": "typography" + }, "typo": { "md": { "value": { "fontFamily": "{core.font.family.main}", "fontWeight": "{core.font.weight.medium}", "fontSize": "{core.font.size.75}px", - "lineHeight": "{core.font.lineHeight.100}" + "lineHeight": "{core.font.lineHeight.200}px" }, "type": "typography" } @@ -5510,50 +5864,26 @@ "value": "{global.background.color.surface.default}", "type": "color" }, - "default--dark": { - "value": "{global.background.color.primary.dark}", - "type": "color" - }, "hover": { - "value": "{global.background.color.secondary.subtle}", - "type": "color" - }, - "hover--dark": { - "value": "{global.background.color.primary.strong}", + "value": "{global.background.color.primary.subtle}", "type": "color" }, "active": { - "value": "{global.background.color.primary.verySubtle}", - "type": "color" - }, - "active--dark": { - "value": "{global.background.color.primary.emphasis}", + "value": "{global.background.color.primary.muted}", "type": "color" } }, "sub": { "default": { - "value": "{global.background.color.surface.default}", - "type": "color" - }, - "default---dark": { - "value": "{global.background.color.primary.dark}", + "value": "{global.background.color.secondary.default}", "type": "color" }, "hover": { - "value": "{global.background.color.secondary.subtle}", - "type": "color" - }, - "hover--dark": { - "value": "{global.background.color.primary.strong}", + "value": "{global.background.color.primary.default}", "type": "color" }, "active": { - "value": "{global.background.color.primary.verySubtle}", - "type": "color" - }, - "active--dark": { - "value": "{global.background.color.primary.emphasis}", + "value": "{global.background.color.primary.default}", "type": "color" } } @@ -5580,24 +5910,12 @@ "value": "{global.border.color.line.subtle}", "type": "color" } - }, - "sub": { - "default": { - "value": "{global.border.color.line.muted}", - "type": "color" - }, - "default--dark": { - "value": "{global.border.color.line.default}", - "type": "color" - }, - "hover": { - "value": "{global.border.color.line.muted}", - "type": "color" - }, - "active": { - "value": "{global.border.color.primary.default}", - "type": "color" - } + } + }, + "radius": { + "md": { + "value": "{global.border.radius.md}", + "type": "borderRadius" } } }, @@ -5649,7 +5967,7 @@ "type": "color" }, "pending-text": { - "value": "{global.content.color.secondary.muted}", + "value": "{global.content.color.secondary.default}", "type": "color" }, "active": { @@ -6246,7 +6564,559 @@ } } }, - "cardLibrary": { + "cardLibrary": { + "spacing": { + "padding": { + "horizontal": { + "xsm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "2xsm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + } + }, + "vertical": { + "xsm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "2xsm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + } + } + }, + "gap": { + "sm": { + "value": "{global.spacing.gap.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + }, + "lg": { + "value": "{global.spacing.gap.lg}", + "type": "spacing" + }, + "xlg": { + "value": "{global.spacing.gap.xlg}", + "type": "spacing" + } + } + }, + "content": { + "color": { + "emphasis": { + "value": "{global.content.color.tertiary.default}", + "type": "color" + }, + "default": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "subje": { + "value": "{global.content.color.text.emphasis}", + "type": "color" + }, + "muted": { + "value": "{global.content.color.text.muted}", + "type": "color" + }, + "icon": { + "value": "{global.content.color.icon.default}", + "type": "color" + } + }, + "typo": { + "lg": { + "value": "{global.content.typo.body.lg--medium}", + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.200}", + "fontSize": "{core.font.size.75}" + }, + "type": "typography" + }, + "sm": { + "value": "{global.content.typo.body.xsm}", + "type": "typography" + } + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "cover": { + "value": "{global.background.color.surface.muted}", + "type": "color" + } + } + }, + "border": { + "color": { + "defaut": { + "value": "{global.border.color.line.default}", + "type": "color" + }, + "subtle": { + "value": "{global.border.color.line.subtle}", + "type": "color" + } + }, + "radius": { + "sm": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + }, + "circle": { + "value": "{global.border.radius.circle}", + "type": "borderRadius" + } + }, + "width": { + "sm": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "lg": { + "value": "{global.border.width.lg}", + "type": "borderWidth" + } + } + }, + "shadow": { + "hover": { + "value": "{core.shadow.100}", + "type": "boxShadow" + } + } + }, + "buttonIconCard": { + "spacing": { + "padding": { + "sm": { + "value": "{global.spacing.padding.3xsm}", + "type": "spacing" + } + } + }, + "content": { + "color": { + "primary": { + "default": { + "value": "{global.content.color.icon.default--reverse}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.icon.default--reverse}", + "type": "color" + }, + "down": { + "value": "{global.content.color.icon.default--reverse}", + "type": "color" + } + } + } + }, + "background": { + "color": { + "primary": { + "default": { + "value": "{global.background.color.surface.default--reverse}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.4", + "space": "lch" + } + } + } + }, + "hover": { + "value": "{global.background.color.surface.default--reverse}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.7", + "space": "lch" + } + } + } + }, + "down": { + "value": "{global.background.color.surface.default--reverse}", + "type": "color" + } + } + } + }, + "border": { + "radius": { + "md": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + } + } + } + }, + "ButtonIconCard": { + "blur": { + "default": { + "value": "{core.blur}", + "type": "dimension" + } + } + }, + "buttonIconLike": { + "content": { + "color": { + "primary": { + "default": { + "value": "{global.content.color.icon.default}", + "type": "color" + }, + "hover": { + "value": "{global.content.color.accent.default}", + "type": "color" + }, + "active": { + "value": "{global.content.color.accent.default}", + "type": "color" + } + } + } + } + }, + "cardAssignments": { + "spacing": { + "padding": { + "horizontal": { + "xsm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "2xsm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + } + }, + "vertical": { + "xsm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.padding.md}", + "type": "spacing" + }, + "2xsm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + } + } + }, + "gap": { + "sm": { + "value": "{global.spacing.gap.sm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + }, + "lg": { + "value": "{global.spacing.gap.lg}", + "type": "spacing" + }, + "xlg": { + "value": "{global.spacing.gap.xlg}", + "type": "spacing" + } + } + }, + "content": { + "color": { + "emphasis": { + "value": "{global.content.color.tertiary.default}", + "type": "color" + }, + "default": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "subje": { + "value": "{global.content.color.text.emphasis}", + "type": "color" + }, + "muted": { + "value": "{global.content.color.text.muted}", + "type": "color" + }, + "icon": { + "value": "{global.content.color.icon.default}", + "type": "color" + } + }, + "typo": { + "lg": { + "value": "{global.content.typo.body.lg--medium}", + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "{core.font.family.alt}", + "fontWeight": "{core.font.weight.regular}", + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.75}px" + }, + "type": "typography" + }, + "sm": { + "value": "{global.content.typo.body.xsm}", + "type": "typography" + }, + "sm--medium": { + "value": "{global.content.typo.body.sm--medium}", + "type": "typography" + }, + "xxl": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.600}px", + "fontSize": "48px" + }, + "type": "typography" + }, + "xl": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.400}px", + "fontSize": "24px" + }, + "type": "typography" + } + }, + "phatic": { + "positive": { + "value": "{global.content.color.positive.default}", + "type": "color" + }, + "alert": { + "value": "{global.content.color.attention.default}", + "type": "color" + }, + "danger": { + "value": "{global.content.color.negative.default}", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + }, + "top": { + "value": "{global.background.color.surface.muted}", + "type": "color" + } + } + }, + "border": { + "color": { + "subtle": { + "value": "{global.border.color.line.subtle}", + "type": "color" + } + }, + "radius": { + "sm": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + }, + "circle": { + "value": "{global.border.radius.circle}", + "type": "borderRadius" + } + }, + "width": { + "sm": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "lg": { + "value": "{global.border.width.lg}", + "type": "borderWidth" + } + } + }, + "shadow": { + "hover": { + "value": "{core.shadow.100}", + "type": "boxShadow" + } + } + }, + "progress": { + "content": { + "color": { + "text": { + "value": "{global.content.color.text.default}", + "type": "color" + }, + "porcentage": { + "value": "{global.content.color.text.emphasis}", + "type": "color" + }, + "mutted": { + "value": "{global.content.color.text.muted}", + "type": "color" + }, + "phatic": { + "positive": { + "value": "{global.border.color.positive.default}", + "type": "color" + }, + "attention": { + "value": "{global.content.color.attention.default}", + "type": "color" + }, + "negative": { + "value": "{global.content.color.negative.default}", + "type": "color" + }, + "info": { + "value": "{global.content.color.info.default}", + "type": "color" + } + } + }, + "typo": { + "value": "{global.content.typo.body.xsm}", + "type": "typography" + }, + "sm--medium": { + "value": "{global.content.typo.body.sm--medium}", + "type": "typography" + } + }, + "background": { + "color": { + "primary": { + "default": { + "value": "{global.background.color.surface.emphasis}", + "type": "color" + } + } + } + }, + "spacing": { + "gap": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + } + }, + "border": { + "radius": { + "rounded": { + "value": "{global.border.radius.rounded}", + "type": "borderRadius" + } + } + } + }, + "ChipModule": { + "spacing": { + "padding": { + "horizontal": { + "sm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + } + }, + "vertical": { + "sm": { + "value": "{global.spacing.padding.sm}", + "type": "spacing" + } + } + } + }, + "content": { + "color": { + "default": { + "value": "{global.content.color.text.default}", + "type": "color" + } + }, + "typo": { + "sm": { + "value": "{global.content.typo.body.xsm}", + "type": "typography" + } + } + }, + "background": { + "color": { + "default": { + "value": "{global.background.color.surface.default}", + "type": "color" + } + } + }, + "border": { + "radius": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + } + } + }, + "cardEvaluation": { "spacing": { "padding": { "horizontal": { @@ -6328,6 +7198,24 @@ "type": "color" } }, + "phatic": { + "positive": { + "value": "{global.content.color.positive.default}", + "type": "color" + }, + "alert": { + "value": "{global.content.color.attention.default}", + "type": "color" + }, + "danger": { + "value": "{global.content.color.negative.default}", + "type": "color" + }, + "info": { + "value": "{global.content.color.info.default}", + "type": "color" + } + }, "typo": { "lg": { "value": "{global.content.typo.body.lg--medium}", @@ -6337,14 +7225,40 @@ "value": { "fontFamily": "{core.font.family.alt}", "fontWeight": "{core.font.weight.regular}", - "lineHeight": "{core.font.lineHeight.200}", - "fontSize": "{core.font.size.75}" + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.75}px" }, "type": "typography" }, "sm": { "value": "{global.content.typo.body.xsm}", "type": "typography" + }, + "xsm--semiBold": { + "value": "{global.content.typo.body.xsm--semiBold}", + "type": "typography" + }, + "sm--medium": { + "value": "{global.content.typo.body.sm--medium}", + "type": "typography" + }, + "xxl": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.600}px", + "fontSize": "48 px" + }, + "type": "typography" + }, + "xl": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "fontSize": "24px", + "lineHeight": "23px" + }, + "type": "typography" } } }, @@ -6354,33 +7268,23 @@ "value": "{global.background.color.surface.default}", "type": "color" }, - "cover": { + "top": { "value": "{global.background.color.surface.muted}", "type": "color" + }, + "circle": { + "value": "{global.background.color.surface.emphasis}", + "type": "color" } } }, "border": { "color": { - "defaut": { - "value": "{global.border.color.line.default}", - "type": "color" - }, "subtle": { "value": "{global.border.color.line.subtle}", "type": "color" } }, - "radius": { - "sm": { - "value": "{global.border.radius.sm}", - "type": "borderRadius" - }, - "circle": { - "value": "{global.border.radius.circle}", - "type": "borderRadius" - } - }, "width": { "sm": { "value": "{global.border.width.sm}", @@ -6390,6 +7294,16 @@ "value": "{global.border.width.lg}", "type": "borderWidth" } + }, + "radius": { + "sm": { + "value": "{global.border.radius.md}", + "type": "borderRadius" + }, + "circle": { + "value": "{global.border.radius.circle}", + "type": "borderRadius" + } } }, "shadow": { @@ -6399,107 +7313,7 @@ } } }, - "buttonIconCard": { - "spacing": { - "padding": { - "sm": { - "value": "{global.spacing.padding.3xsm}", - "type": "spacing" - } - } - }, - "content": { - "color": { - "primary": { - "default": { - "value": "{global.content.color.icon.default--reverse}", - "type": "color" - }, - "hover": { - "value": "{global.content.color.icon.default--reverse}", - "type": "color" - }, - "down": { - "value": "{global.content.color.icon.default--reverse}", - "type": "color" - } - } - } - }, - "background": { - "color": { - "primary": { - "default": { - "value": "{global.background.color.surface.default--reverse}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "0.4", - "space": "lch" - } - } - } - }, - "hover": { - "value": "{global.background.color.surface.default--reverse}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "0.7", - "space": "lch" - } - } - } - }, - "down": { - "value": "{global.background.color.surface.default--reverse}", - "type": "color" - } - } - } - }, - "border": { - "radius": { - "md": { - "value": "{global.border.radius.md}", - "type": "borderRadius" - } - } - } - }, - "ButtonIconCard": { - "blur": { - "default": { - "value": "{core.blur}", - "type": "dimension" - } - } - }, - "buttonIconLike": { - "content": { - "color": { - "primary": { - "default": { - "value": "{global.content.color.icon.default}", - "type": "color" - }, - "hover": { - "value": "{global.content.color.accent.default}", - "type": "color" - }, - "active": { - "value": "{global.content.color.accent.default}", - "type": "color" - } - } - } - } - }, - "cardAssignments": { + "cardModule": { "spacing": { "padding": { "horizontal": { @@ -6518,6 +7332,10 @@ "2xsm": { "value": "{global.spacing.padding.2xsm}", "type": "spacing" + }, + "lg": { + "value": "{global.spacing.padding.md}", + "type": "spacing" } }, "vertical": { @@ -6581,6 +7399,20 @@ "type": "color" } }, + "phatic": { + "positive": { + "value": "{global.content.color.positive.default}", + "type": "color" + }, + "alert": { + "value": "{global.content.color.attention.default}", + "type": "color" + }, + "danger": { + "value": "{global.content.color.negative.default}", + "type": "color" + } + }, "typo": { "lg": { "value": "{global.content.typo.body.lg--medium}", @@ -6590,14 +7422,36 @@ "value": { "fontFamily": "{core.font.family.alt}", "fontWeight": "{core.font.weight.regular}", - "lineHeight": "{core.font.lineHeight.200}", - "fontSize": "{core.font.size.75}" + "lineHeight": "{core.font.lineHeight.200}px", + "fontSize": "{core.font.size.75}px" }, "type": "typography" }, "sm": { "value": "{global.content.typo.body.xsm}", "type": "typography" + }, + "sm--medium": { + "value": "{global.content.typo.body.sm--medium}", + "type": "typography" + }, + "xxl": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.600}px", + "fontSize": "48px" + }, + "type": "typography" + }, + "xl": { + "value": { + "fontFamily": "{core.font.family.main}", + "fontWeight": "{core.font.weight.medium}", + "lineHeight": "{core.font.lineHeight.400}px", + "fontSize": "24px" + }, + "type": "typography" } } }, @@ -6606,6 +7460,10 @@ "default": { "value": "{global.background.color.surface.default}", "type": "color" + }, + "top": { + "value": "{global.background.color.surface.muted}", + "type": "color" } } }, @@ -6618,7 +7476,7 @@ }, "radius": { "sm": { - "value": "{global.border.radius.sm}", + "value": "{global.border.radius.md}", "type": "borderRadius" }, "circle": { @@ -6643,62 +7501,14 @@ "type": "boxShadow" } } - }, - "progress": { - "content": { - "color": { - "text": { - "value": "{global.content.color.text.default}", - "type": "color" - }, - "phatic": { - "positive": { - "value": "{global.border.color.positive.default}", - "type": "color" - }, - "attention": { - "value": "{global.content.color.attention.default}", - "type": "color" - }, - "negative": { - "value": "{global.content.color.negative.default}", - "type": "color" - } - } - }, - "typo": { - "value": "{global.content.typo.body.xsm}", - "type": "typography" - } - }, - "background": { - "color": { - "primary": { - "default": { - "value": "{global.background.color.surface.emphasis}", - "type": "color" - } - } - } - }, - "spacing": { - "gap": { - "value": "{global.spacing.gap.md}", - "type": "spacing" - } - }, - "border": { - "radius": { - "rounded": { - "value": "{global.border.radius.rounded}", - "type": "borderRadius" - } - } - } } }, "$themes": [], "$metadata": { - "tokenSetOrder": ["core", "global", "component"] + "tokenSetOrder": [ + "core", + "global", + "component" + ] } -} +} \ No newline at end of file diff --git a/packages/calendars/babel.config.js b/packages/calendars/babel.config.js deleted file mode 100644 index c277dea1f..000000000 --- a/packages/calendars/babel.config.js +++ /dev/null @@ -1,33 +0,0 @@ -module.exports = { - presets: [ - [ - '@babel/preset-env', - { - modules: false, - targets: { - browsers: [ - 'last 2 Chrome versions', - 'not Chrome < 60', - 'last 2 Safari versions', - 'not Safari < 10.1', - 'last 2 iOS versions', - 'not iOS < 10.3', - 'last 2 Firefox versions', - 'not Firefox < 54', - 'last 2 Edge versions', - 'not Edge < 15', - ], - }, - }, - ], - '@babel/preset-react', - ], - plugins: [ - 'dev-expression', - '@babel/plugin-syntax-dynamic-import', - '@babel/plugin-syntax-import-meta', - '@babel/plugin-proposal-class-properties', - // '@babel/plugin-transform-export-namespace-from', - '@babel/plugin-proposal-export-default-from', - ], -}; diff --git a/packages/components/src/informative/Calification/Calification.js b/packages/components/src/informative/Calification/Calification.js index e81a6aca8..e97f0ffa8 100644 --- a/packages/components/src/informative/Calification/Calification.js +++ b/packages/components/src/informative/Calification/Calification.js @@ -1,7 +1,7 @@ import React from 'react'; import { isEmpty } from 'lodash'; -import { Box } from '../../layout'; -import { Text } from '../../typography'; +import { Box } from '../../layout/Box/Box'; +import { Text } from '../../typography/Text/Text'; import { CalificationStyles } from './Calification.styles'; import { CALIFICATION_DEFAULT_PROPS, CALIFICATION_PROP_TYPES } from './Calification.constants'; @@ -19,7 +19,7 @@ const Calification = ({ }) => { const { classes, cx } = CalificationStyles( { grade, minimumGrade, orientation, inverted, styles }, - { name: 'Calification' } + { name: 'Calification' }, ); return ( diff --git a/packages/components/src/layout/Stack/Stack.js b/packages/components/src/layout/Stack/Stack.js index 7180efc77..c6459560f 100644 --- a/packages/components/src/layout/Stack/Stack.js +++ b/packages/components/src/layout/Stack/Stack.js @@ -54,7 +54,7 @@ const Stack = forwardRef( display, ...props }, - ref + ref, ) => { const { classes, cx } = StackStyles( { @@ -68,7 +68,7 @@ const Stack = forwardRef( fullHeight, spacing, }, - { name: 'Stack' } + { name: 'Stack' }, ); const childrenWithProps = useMemo( @@ -97,19 +97,19 @@ const Stack = forwardRef( const newStyle = { ...style, ...flexProps }; if (child.type === React.Fragment) { return ; - } else { - return ; } + return ; // return React.cloneElement(child, { style, noFlex: undefined, skipFlex: undefined }); - } else if (child?.props && child?.type) { + } + if (child?.props && child?.type) { const { noFlex, skipFlex, ...rest } = child.props; return ; } return child; }), - [children] + [children], ); return ( @@ -117,9 +117,10 @@ const Stack = forwardRef( {childrenWithProps} ); - } + }, ); +Stack.displayName = 'Stack'; Stack.defaultProps = STACK_DEFAULT_PROPS; Stack.propTypes = { @@ -133,6 +134,7 @@ Stack.propTypes = { fullHeight: PropTypes.bool, spacing: PropTypes.number, display: PropTypes.string, + className: PropTypes.string, }; export { Stack }; diff --git a/packages/components/src/layout/VerticalStepperContainer/VerticalStepperContainer.js b/packages/components/src/layout/VerticalStepperContainer/VerticalStepperContainer.js index 63a2b5f6c..4a2b0a975 100644 --- a/packages/components/src/layout/VerticalStepperContainer/VerticalStepperContainer.js +++ b/packages/components/src/layout/VerticalStepperContainer/VerticalStepperContainer.js @@ -1,8 +1,7 @@ import React, { forwardRef, useMemo } from 'react'; -import PropTypes from 'prop-types'; import { VerticalStepperContainerStyles } from './VerticalStepperContainer.styles'; import { Box } from '../Box'; -import { VerticalStepper } from '../../navigation/VerticalStepper'; +import { VerticalStepper } from '../../navigation/VerticalStepper/VerticalStepper'; import { VERTICAL_STEPPER_CONTAINER_DEFAULT_PROPS, VERTICAL_STEPPER_CONTAINER_PROP_TYPES, @@ -13,12 +12,12 @@ import { ContentLegible } from './ContentLegible'; const VerticalStepperContainer = forwardRef( ( { children, disableContentPadding, navWidth: navWidthProp, stickyAt, legible, ...props }, - ref + ref, ) => { const navWidth = useMemo(() => parseWidth(navWidthProp), [navWidthProp]); - const { classes, cx } = VerticalStepperContainerStyles( + const { classes } = VerticalStepperContainerStyles( { disableContentPadding, navWidth, stickyAt }, - { name: 'VerticalStepperContainer' } + { name: 'VerticalStepperContainer' }, ); const ContentWrapper = useMemo(() => (legible ? ContentLegible : Box), [legible]); @@ -33,9 +32,10 @@ const VerticalStepperContainer = forwardRef( ); - } + }, ); +VerticalStepperContainer.displayName = 'VerticalStepperContainer'; VerticalStepperContainer.defaultProps = VERTICAL_STEPPER_CONTAINER_DEFAULT_PROPS; VerticalStepperContainer.propTypes = VERTICAL_STEPPER_CONTAINER_PROP_TYPES; diff --git a/packages/components/src/layout/VerticalStepperContainer/VerticalStepperContainer.stories.js b/packages/components/src/layout/VerticalStepperContainer/VerticalStepperContainer.stories.js index ac5de37ff..7d1b357ff 100644 --- a/packages/components/src/layout/VerticalStepperContainer/VerticalStepperContainer.stories.js +++ b/packages/components/src/layout/VerticalStepperContainer/VerticalStepperContainer.stories.js @@ -1,4 +1,5 @@ import React, { useState, useMemo } from 'react'; +import PropTypes from 'prop-types'; import { VerticalStepperContainer } from './VerticalStepperContainer'; import { VERTICAL_STEPPER_CONTAINER_DEFAULT_PROPS } from './VerticalStepperContainer.constants'; import mdx from './VerticalStepperContainer.mdx'; @@ -24,12 +25,12 @@ export default { argTypes: {}, }; -const Template = ({ data, currentStep, ...props }) => { +const Template = ({ data = [], currentStep, ...props }) => { const [activeStep, setActiveStep] = useState(currentStep || 0); const randomContent = useMemo( - () => [...Array(data.length)].map((_, i) => Math.floor(Math.random() * 10)), - [data] + () => [...Array(data.length)].map(() => Math.floor(Math.random() * 10)), + [data], ); const handleNext = () => { @@ -50,7 +51,7 @@ const Template = ({ data, currentStep, ...props }) => { - {[...Array(randomContent[i])].map((_, j) => ( + {[...Array(randomContent[i])].map((__, j) => ( Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis @@ -80,6 +81,11 @@ const Template = ({ data, currentStep, ...props }) => { ); }; +Template.propTypes = { + data: PropTypes.array, + currentStep: PropTypes.number, +}; + export const Playground = Template.bind({}); Playground.args = { diff --git a/packages/components/src/navigation/VerticalStepper/Progress/Progress.js b/packages/components/src/navigation/VerticalStepper/Progress/Progress.js index 8fe14134c..3a19366c3 100644 --- a/packages/components/src/navigation/VerticalStepper/Progress/Progress.js +++ b/packages/components/src/navigation/VerticalStepper/Progress/Progress.js @@ -1,8 +1,8 @@ import React from 'react'; -import { Box } from '../../../layout'; -import { ProgressStyles } from './Progress.styles'; import { TimeClockCircleIcon } from '@bubbles-ui/icons/outline/'; import { CheckIcon, RemoveBoldIcon } from '@bubbles-ui/icons/solid'; +import { Box } from '../../../layout/Box'; +import { ProgressStyles } from './Progress.styles'; import { PROGRESS_DEFAULT_PROPS, PROGRESS_PROP_TYPES } from './Progress.constants'; const Progress = ({ @@ -18,7 +18,7 @@ const Progress = ({ }) => { const { classes, cx } = ProgressStyles( { position, isButton, isActivity, isText, isCurrent, isVisited, state }, - { name: 'Progress' } + { name: 'Progress' }, ); const renderState = () => { @@ -74,7 +74,10 @@ const Progress = ({ ); + default: + break; } + return null; }; return {renderState()}; diff --git a/packages/components/src/navigation/VerticalStepper/Step/Step.js b/packages/components/src/navigation/VerticalStepper/Step/Step.js index 0b980fea2..a49157f6a 100644 --- a/packages/components/src/navigation/VerticalStepper/Step/Step.js +++ b/packages/components/src/navigation/VerticalStepper/Step/Step.js @@ -1,14 +1,14 @@ import React from 'react'; -import { Box } from '../../../layout/'; -import { Text } from '../../../typography'; -import { Badge } from '../../../informative'; -import { Button } from '../../../form'; -import { Progress } from '../'; -import { StepStyles } from './Step.styles'; import { RatingStarIcon as RatingStarIconSolid } from '@bubbles-ui/icons/solid'; import { RatingStarIcon as RatingStarIconOutline } from '@bubbles-ui/icons/outline'; -import { STEP_DEFAULT_PROPS, STEP_PROP_TYPES } from './Step.constants'; import { isFunction } from 'lodash'; +import { Box } from '../../../layout/Box'; +import { Text } from '../../../typography'; +import { Badge } from '../../../informative/Badge'; +import { Button } from '../../../form/Button'; +import { Progress } from '../Progress/Progress'; +import { StepStyles } from './Step.styles'; +import { STEP_DEFAULT_PROPS, STEP_PROP_TYPES } from './Step.constants'; const Step = ({ label, @@ -24,15 +24,32 @@ const Step = ({ isVisited, showChild, childRange, - ...props }) => { const isButton = !!onClick; const isText = !!text; const isActivity = !!completion; const isCompleted = state === 'completed' || state === 'OK' || state === 'KO'; + const { classes } = StepStyles( + { + isButton, + isText, + isActive, + isActivity, + isChild, + showChild, + childRange, + isVisited, + isCompleted, + isChildActive, + }, + { name: 'Step' }, + ); + const onClickHandler = () => { - isFunction(onClick) && onClick(); + if (isFunction(onClick)) { + onClick(); + } }; const renderVariant = () => { @@ -105,21 +122,6 @@ const Step = ({ return classes.defaultVariant; }; - const { classes, cx } = StepStyles( - { - isButton, - isText, - isActive, - isActivity, - isChild, - showChild, - childRange, - isVisited, - isCompleted, - isChildActive, - }, - { name: 'Step' } - ); return ( {!isChild && } diff --git a/packages/components/src/navigation/VerticalStepper/VerticalStepper.js b/packages/components/src/navigation/VerticalStepper/VerticalStepper.js index 97690b29a..1460b199e 100644 --- a/packages/components/src/navigation/VerticalStepper/VerticalStepper.js +++ b/packages/components/src/navigation/VerticalStepper/VerticalStepper.js @@ -1,13 +1,13 @@ import React, { useEffect, useRef, useState } from 'react'; import { isNil } from 'lodash'; -import { Box } from '../../layout'; -import { Step } from './'; +import { Box } from '../../layout/Box'; +import { Step } from './Step/Step'; import { VerticalStepperStyles } from './VerticalStepper.styles'; import { VERTICAL_STEPPER_DEFAULT_PROPS, VERTICAL_STEPPER_PROP_TYPES, } from './VerticalStepper.constants'; -import { Calification } from '../../informative/'; +import { Calification } from '../../informative/Calification'; const VerticalStepper = ({ data, @@ -17,7 +17,6 @@ const VerticalStepper = ({ autocompleteOnNext, calificationProps, onChangeActiveIndex, - ...props }) => { const [completedSteps, setCompletedSteps] = useState(completedStepsProp || []); const [visitedSteps, setVisitedSteps] = useState(visitedStepsProp || []); @@ -26,16 +25,16 @@ const VerticalStepper = ({ const isMounted = useRef(false); const getAllStepsPrevious = (index) => { - let previousSteps = []; + const previousSteps = []; for (let i = 0; i < index; i++) { previousSteps.push(i); } return previousSteps; }; - const getSteps = (data) => { + const getSteps = (stepData) => { const steps = []; - const stepsFiltered = data.filter((step, index) => { + const stepsFiltered = stepData.filter((step, index) => { if (step.text) { textSteps.push({ text: step.text, index }); return false; @@ -52,7 +51,7 @@ const VerticalStepper = ({ childStep.parentIndex = index; childStep.siblingsRange = step.childRange; return childStep; - }) + }), ); } }); @@ -79,21 +78,18 @@ const VerticalStepper = ({ return 'between'; }; - const activeIndexInRange = (stepRange) => { - if (activeIndex >= stepRange[0] && activeIndex <= stepRange[1]) return true; - return false; - }; + const activeIndexInRange = (stepRange) => + activeIndex >= stepRange[0] && activeIndex <= stepRange[1]; const checkIfAllCompleted = (step, index) => { const allChildrenCompleted = step.childRange.every((childIndex) => - completedSteps.includes(childIndex) + completedSteps.includes(childIndex), ); - if (completedSteps.includes(index) && allChildrenCompleted) return true; - return false; + return completedSteps.includes(index) && allChildrenCompleted; }; const getIsChildActive = (step) => { - if (!step.childRange) return; + if (!step.childRange) return null; return activeIndexInRange(step.childRange); }; @@ -115,22 +111,14 @@ const VerticalStepper = ({ return 'pending'; }; - const shouldShowChild = (step) => { - if (!step.isChild) return; - if ( - step.parentIndex === activeIndex || + const shouldShowChild = (step) => + step.isChild && + (step.parentIndex === activeIndex || activeIndexInRange(step.siblingsRange) || completedSteps.includes(step.parentIndex) || - step.siblingsRange.some((childIndex) => completedSteps.includes(childIndex)) - ) - return true; - return false; - }; + step.siblingsRange.some((childIndex) => completedSteps.includes(childIndex))); - const getTextStepVisited = (textStep) => { - if (visitedSteps.includes(textStep.index - 1)) return true; - return false; - }; + const getTextStepVisited = (textStep) => visitedSteps.includes(textStep.index - 1); const renderTextStep = (index) => { const textStep = textSteps.find((step) => step.index === index); @@ -143,6 +131,8 @@ const VerticalStepper = ({ /> ); } + + return null; }; const onActiveIndexHandler = (index) => { @@ -154,8 +144,10 @@ const VerticalStepper = ({ onChangeActiveIndex(index); }; - const renderSteps = () => { - const stepsToRender = allSteps.map((step, index) => { + const { classes, cx } = VerticalStepperStyles({}, { name: 'VerticalStepper' }); + + const renderSteps = () => + allSteps.map((step, index) => { const isChildActive = getIsChildActive(step); const stepProps = { position: getStepPosition(index), @@ -163,7 +155,7 @@ const VerticalStepper = ({ isActive: index === activeIndex, showChild: shouldShowChild(step), isVisited: isChildActive || visitedSteps.includes(index), - isChildActive: isChildActive, + isChildActive, }; return ( @@ -179,8 +171,6 @@ const VerticalStepper = ({ ); }); - return stepsToRender; - }; useEffect(() => { if (!isMounted.current) return; @@ -217,7 +207,6 @@ const VerticalStepper = ({ }; }, []); - const { classes, cx } = VerticalStepperStyles({}, { name: 'VerticalStepper' }); return ( diff --git a/packages/components/src/navigation/VerticalStepper/VerticalStepper.stories.js b/packages/components/src/navigation/VerticalStepper/VerticalStepper.stories.js index ed278cf94..159784c81 100644 --- a/packages/components/src/navigation/VerticalStepper/VerticalStepper.stories.js +++ b/packages/components/src/navigation/VerticalStepper/VerticalStepper.stories.js @@ -19,15 +19,15 @@ export default { argTypes: {}, }; -const Template = ({ ...props }) => { - return ; -}; +const Template = ({ ...props }) => ; export const Playground = Template.bind({}); Playground.args = { ...VERTICAL_STEPPER_DEFAULT_PROPS, data: DATA, + currentStep: 6, + completedSteps: [0, 1, 2, 3, 4, 5], calificationProps: { label: 'Por los pelos', grade: 5, diff --git a/packages/components/src/tokens.compiled.js b/packages/components/src/tokens.compiled.js index 508f4f8e4..de53ba26c 100644 --- a/packages/components/src/tokens.compiled.js +++ b/packages/components/src/tokens.compiled.js @@ -1,6580 +1,7747 @@ export default { - button: { - content: { - color: { - primary: { - default: { - value: '#B4E600', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - secondary: { - default: { - value: '#4D5358', - type: 'color', - }, - hover: { - value: '#343A3F', - type: 'color', - }, - down: { - value: '#4D5358', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - terciary: { - default: { - value: '#4D5358', - type: 'color', - }, - hover: { - value: '#E2FF7A', - type: 'color', - }, - down: { - value: '#E2FF7A', - type: 'color', - }, - 'default--reverse': { - value: '#98C200', - type: 'color', - }, - }, - phatic: { - default: { - value: '#d13b3b', - type: 'color', - }, - hover: { - value: '#ffffff', - type: 'color', - }, - down: { - value: '#d13b3b', - type: 'color', - }, - }, - }, - default: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - hover: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - background: { - color: { - primary: { - default: { - value: '#B4E600', - type: 'color', - }, - hover: { - value: '#B4E600', - type: 'color', - }, - selected: { - value: '#E2FF7A', - type: 'color', - }, - pressed: { - value: '#98C200', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - }, - secondary: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#ffffff', - type: 'color', - }, - pressed: { - value: '#ffffff', - type: 'color', - }, - down: { - value: '#0C1F22', - type: 'color', - }, - }, - terciary: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - pressed: { - value: '#98C200', - type: 'color', - }, - down: { - value: '#F8F9FB', - type: 'color', - }, - }, - phatic: { - default: { - value: '#f7dede', - type: 'color', - }, - hover: { - value: '#d13b3b', - type: 'color', - }, - down: { - value: '#f7dede', - type: 'color', - }, - }, - }, - }, - border: { - color: { - secondary: { - default: { - value: '#4D5358', - type: 'color', - }, - hover: { - value: '#343A3F', - type: 'color', - }, - pressed: { - value: '{global.border.color.primary.strong}', - type: 'color', - failedToResolve: true, - }, - down: { - value: '#343A3F', - type: 'color', - }, - }, - primary: { - default: { - value: '#B4E600', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - down: { - value: '#98C200', - type: 'color', - }, - }, - terciary: { - default: { - value: '#DDE1E6', - type: 'color', - }, - hover: { - value: '#C1C7CD', - type: 'color', - }, - down: { - value: '#C1C7CD', - type: 'color', - }, - }, - phatic: { - default: { - value: '#f7dede', - type: 'color', - }, - hover: { - value: '#d13b3b', - type: 'color', - }, - down: { - value: '#d13b3b', - type: 'color', - }, - 'default--reverse': { - value: '#d13b3b', - type: 'color', - }, - }, - }, - width: { - value: '2px', - type: 'borderWidth', - }, - radius: { - md: { - value: '4px', - type: 'borderRadius', - }, - rounded: { - value: '99em', - type: 'borderRadius', - }, - }, - }, - spacing: { - padding: { - vertical: { - md: { - value: '8px', - type: 'spacing', - }, - sm: { - value: '4px', - type: 'spacing', - }, - }, - horizontal: { - sm: { - value: '16px', - type: 'spacing', - }, - xs: { - value: '8px', - type: 'spacing', - }, - md: { - value: '24px', - type: 'spacing', - }, - }, - }, - gap: { - value: '8px', - type: 'spacing', - }, - }, - shadow: { - hover: { - value: { - x: 0, - y: 0, - blur: 4, - spread: 0, - color: '#b4e600cc', - type: 'dropShadow', - }, - type: 'boxShadow', - }, - pressed: { - value: { - x: 0, - y: 0, - blur: 4, - spread: 0, - color: '{global.border.color.primary.strong}', - type: 'innerShadow', - }, - type: 'boxShadow', - failedToResolve: true, - }, - }, - textDecoration: { - underLine: { - value: 'underline', - type: 'textDecoration', - }, - }, - }, - buttonText: { - content: { - color: { - primary: { - default: { - value: '#B4E600', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - }, - secondary: { - default: { - value: '#4D5358', - type: 'color', - }, - hover: { - value: '#343A3F', - type: 'color', - }, - down: { - value: '#4D5358', - type: 'color', - }, - }, - terciary: { - default: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - down: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - }, - phatic: { - default: { - value: '#d13b3b', - type: 'color', - }, - hover: { - value: '#b52a2a', - type: 'color', - }, - down: { - value: '#d13b3b', - type: 'color', - }, - }, - }, - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - background: { - color: { - primary: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - down: { - value: 'transparent', - type: 'color', - }, - }, - secondary: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#F8F9FB', - type: 'color', - }, - down: { - value: 'transparent', - type: 'color', - }, - }, - terciary: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - down: { - value: 'transparent', - type: 'color', - }, - }, - phatic: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#f0bebe', - type: 'color', - }, - down: { - value: 'transparent', - type: 'color', - }, - }, - }, - }, - border: { - color: { - primary: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - down: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - }, - secondary: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#F8F9FB', - type: 'color', - }, - down: { - value: '#F8F9FB', - type: 'color', - }, - }, - terciary: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - down: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - }, - phatic: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#f0bebe', - type: 'color', - }, - down: { - value: '#f7dede', - type: 'color', - }, - }, - }, - radius: { - md: { - value: '4px', - type: 'borderRadius', - }, - }, - width: { - value: '2px', - type: 'borderWidth', - }, - }, - spacing: { - padding: { - vertical: { - md: { - value: '8px', - type: 'spacing', - }, - sm: { - value: '4px', - type: 'spacing', - }, - }, - horizontal: { - md: { - value: '24px', - type: 'spacing', - }, - sm: { - value: '16px', - type: 'spacing', - }, - xs: { - value: '8px', - type: 'spacing', - }, - }, - }, - gap: { - value: '8px', - type: 'spacing', - }, - }, - }, - buttonIcon: { - content: { - color: { - primary: { - default: { - value: '#B4E600', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - secondary: { - default: { - value: '#4D5358', - type: 'color', - }, - hover: { - value: '#343A3F', - type: 'color', - }, - down: { - value: '#4D5358', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - terciary: { - default: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - down: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - 'default--reverse': { - value: '#878D96', - type: 'color', - }, - }, - phatic: { - default: { - value: '#d13b3b', - type: 'color', - }, - hover: { - value: '#ffffff', - type: 'color', - }, - down: { - value: '#d13b3b', - type: 'color', - }, - 'hover--reverse': { - value: '#b52a2a', - type: 'color', - }, - }, - }, - }, - background: { - color: { - primary: { - default: { - value: '#B4E600', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - 'default--reverse': { - value: 'transparent', - type: 'color', - }, - 'hover--reverse': { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - 'down--reverse': { - value: 'transparent', - type: 'color', - }, - }, - secondary: { - default: { - value: '#0C1F22', - type: 'color', - }, - hover: { - value: '#343A3F', - type: 'color', - }, - down: { - value: '#0C1F22', - type: 'color', - }, - 'default--reverse': { - value: 'transparent', - type: 'color', - }, - 'hover--reverse': { - value: '#F8F9FB', - type: 'color', - }, - 'down--reverse': { - value: 'transparent', - type: 'color', - }, - }, - terciary: { - default: { - value: '#F8F9FB', - type: 'color', - }, - hover: { - value: '#F2F4F8', - type: 'color', - }, - down: { - value: '#F8F9FB', - type: 'color', - }, - 'default-reverse': { - value: 'transparent', - type: 'color', - }, - 'hover-reverse': { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - 'down-reverse': { - value: 'transparent', - type: 'color', - }, - }, - phatic: { - default: { - value: '#f7dede', - type: 'color', - }, - hover: { - value: '#d13b3b', - type: 'color', - }, - down: { - value: '#f7dede', - type: 'color', - }, - 'default--reverse': { - value: 'transparent', - type: 'color', - }, - 'hover--reverse': { - value: '#f0bebe', - type: 'color', - }, - 'down--reverse': { - value: 'transparent', - type: 'color', - }, - }, - }, - }, - border: { - radius: { - md: { - value: '4px', - type: 'borderRadius', - }, - rounded: { - value: '99em', - type: 'borderRadius', - }, - }, - width: { - value: '2px', - type: 'borderWidth', - }, - color: { - primary: { - default: { - value: '#B4E600', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - down: { - value: '#98C200', - type: 'color', - }, - 'default--reverse': { - value: 'transparent', - type: 'color', - }, - 'hover--reverse': { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - 'down--reverse': { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - }, - secondary: { - default: { - value: '#4D5358', - type: 'color', - }, - hover: { - value: '#343A3F', - type: 'color', - }, - down: { - value: '#343A3F', - type: 'color', - }, - 'default-reverse': { - value: 'transparent', - type: 'color', - }, - 'hover-reverse': { - value: '#F8F9FB', - type: 'color', - }, - 'down-reverse': { - value: '#F8F9FB', - type: 'color', - }, - }, - terciary: { - default: { - value: '#DDE1E6', - type: 'color', - }, - hover: { - value: '#C1C7CD', - type: 'color', - }, - down: { - value: '#C1C7CD', - type: 'color', - }, - 'default-reverse': { - value: 'transparent', - type: 'color', - }, - 'hover--reverse': { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - 'down--reverse': { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - }, - phatic: { - default: { - value: '#f7dede', - type: 'color', - }, - hover: { - value: '#d13b3b', - type: 'color', - }, - down: { - value: '#d13b3b', - type: 'color', - }, - 'default--reverse': { - value: 'transparent', - type: 'color', - }, - 'hover--reverse': { - value: '#f0bebe', - type: 'color', - }, - 'down--reverse': { - value: '#f7dede', - type: 'color', - }, - }, - }, - }, - spacing: { - padding: { - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '6px', - type: 'spacing', - }, - }, - }, - }, - buttonAction: { - content: { - color: { - primary: { - default: { - value: '#0C1F22', - type: 'color', - }, - hover: { - value: '#B4E600', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - 'default--reverse': { - value: '#C1C7CD', - type: 'color', - }, - 'hover--reverse': { - value: '#ffffff', - type: 'color', - }, - 'down--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - phatic: { - default: { - value: '#0C1F22', - type: 'color', - }, - hover: { - value: '#d13b3b', - type: 'color', - }, - down: { - value: '#d13b3b', - type: 'color', - }, - }, - }, - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '16px', - fontSize: '12px', - }, - type: 'typography', - }, - }, - background: { - color: { - primary: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#ffffff26', - type: 'color', - }, - down: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - 'hover--reverse': { - value: '#0C1F22', - type: 'color', - }, - 'down--reverse': { - value: '#878D96', - type: 'color', - }, - 'hover--reverse-transparent': { - value: '#ffffff26', - type: 'color', - }, - }, - phatic: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#f7dede', - type: 'color', - }, - down: { - value: '#f7dede', - type: 'color', - }, - }, - }, - }, - border: { - color: { - primary: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - 'hover--reverse': { - value: '#4D5358', - type: 'color', - }, - 'down--reverse': { - value: '#878D96', - type: 'color', - }, - }, - phatic: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: '#f7dede', - type: 'color', - }, - down: { - value: '#C1C7CD', - type: 'color', - }, - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - radius: { - md: { - value: '4px', - type: 'borderRadius', - }, - rounded: { - value: '99em', - type: 'borderRadius', - }, - }, - }, - spacing: { - padding: { - sm: { - value: '2px', - type: 'spacing', - }, - md: { - value: '4px', - type: 'spacing', - }, - }, - gap: { - value: '4px', - type: 'spacing', - }, - }, - }, - input: { - content: { - color: { - default: { - value: '#343A3F', - type: 'color', - }, - selected: { - value: '#B4E600', - type: 'color', - }, - placeholder: { - value: '#878D96', - type: 'color', - }, - icon: { - value: '#878D96', - type: 'color', - }, - }, - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#F8F9FB', - type: 'color', - }, - }, - }, - border: { - color: { - default: { - value: '#C1C7CD', - type: 'color', - }, - subtle: { - value: '#DDE1E6', - type: 'color', - }, - negative: { - value: '#d13b3b', - type: 'color', - }, - }, - radius: { - sm: { - value: '2px', - type: 'borderRadius', - }, - md: { - value: '4px', - type: 'borderRadius', - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - }, - spacing: { - padding: { - vertical: { - md: { - value: '8px', - type: 'spacing', - }, - sm: { - value: '3px', - type: 'spacing', - }, - }, - horizontal: { - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - }, - all: { - value: '12px', - type: 'spacing', - }, - }, - gap: { - none: { - value: '0px', - type: 'spacing', - }, - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - lg: { - value: '16px', - type: 'spacing', - }, - }, - }, - }, - label: { - spacing: { - gap: { - none: { - value: '0px', - type: 'spacing', - }, - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - lg: { - value: '16px', - type: 'spacing', - }, - }, - }, - content: { - color: { - default: { - value: '#4D5358', - type: 'color', - }, - subtle: { - value: '#878D96', - type: 'color', - }, - }, - typo: { - '01': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - '02': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - '03': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - }, - }, - helpText: { - content: { - color: { - default: { - value: '#878D96', - type: 'color', - }, - emphasis: { - value: '#4D5358', - type: 'color', - }, - phatic: { - value: '#d13b3b', - type: 'color', - }, - }, - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - fontSize: '10px', - lineHeight: '14px', - }, - type: 'typography', - }, - }, - }, - radio: { - size: { - sm: { - value: '10px', - type: 'sizing', - }, - md: { - value: '20px', - type: 'sizing', - }, - }, - content: { - color: { - text: { - value: '#4D5358', - type: 'color', - }, - selected: { - value: '#2F463F', - type: 'color', - }, - default: { - value: 'transparent', - type: 'color', - }, - icon: { - value: '#C1C7CD', - type: 'color', - }, - hover: { - value: '#878D96', - type: 'color', - }, - }, - }, - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - selected: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - 'default--reverse': { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - 'selected--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - }, - border: { - radius: { - value: '99em', - type: 'borderRadius', - }, - width: { - value: '1px', - type: 'borderWidth', - }, - color: { - default: { - value: '#C1C7CD', - type: 'color', - }, - hover: { - value: '#2F463F', - type: 'color', - }, - selected: { - value: '#2F463F', - type: 'color', - }, - }, - }, - spacing: { - gap: { - value: '8px', - type: 'spacing', - }, - paddings: { - md: { - value: '16px', - type: 'spacing', - }, - lg: { - value: '24px', - type: 'spacing', - }, - }, - }, - shadow: { - hover: { - value: { - x: 0, - y: 0, - blur: 2, - spread: 0, - color: '#2f463fcc', - type: 'dropShadow', - }, - type: 'boxShadow', - }, - }, - label: { - content: { - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - }, - }, - checkbox: { - size: { - md: { - value: '20px', - type: 'sizing', - }, - }, - content: { - color: { - default: { - value: 'transparent', - type: 'color', - }, - selected: { - value: '#ffffff', - type: 'color', - }, - }, - }, - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - contrast: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - selected: { - value: '#B4E600', - type: 'color', - }, - }, - }, - border: { - color: { - default: { - value: '#C1C7CD', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - selected: { - value: '#B4E600', - type: 'color', - }, - }, - radius: { - value: '2px', - type: 'borderRadius', - }, - width: { - value: '1px', - type: 'borderWidth', - }, - }, - spacing: { - gap: { - value: '8px', - type: 'spacing', - }, - paddings: { - md: { - value: '16px', - type: 'spacing', - }, - lg: { - value: '24px', - type: 'spacing', - }, - }, - }, - }, - toggle: { - size: { - inner: { - value: '8 px', - type: 'sizing', - }, - width: { - value: '32px', - type: 'sizing', - }, - }, - spacing: { - padding: { - value: '6px 4px', - type: 'spacing', - }, - gap: { - value: '8px', - type: 'spacing', - }, - }, - content: { - color: { - default: { - value: '#B4E600', - type: 'color', - }, - selected: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#E2FF7A', - type: 'color', - }, - }, - }, - background: { - color: { - unselected: { - default: { - value: '#DDE1E6', - type: 'color', - }, - hover: { - value: '#E2FF7A', - type: 'color', - }, - }, - selected: { - default: { - value: '#B4E600', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - }, - }, - }, - border: { - radius: { - value: '99em', - type: 'borderRadius', - }, - }, - }, - badge: { - content: { - typo: { - caption: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - fontSize: 10, - lineHeight: 14, - textCase: 'uppercase', - }, - type: 'typography', - }, - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '16px', - fontSize: 12, - }, - type: 'typography', - }, - 'sm--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '16px', - fontSize: '12px', - }, - type: 'typography', - }, - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '24px', - fontSize: '14px', - }, - type: 'typography', - }, - 'md--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '24px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - color: { - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - default: { - value: '#4D5358', - type: 'color', - }, - }, - }, - background: { - color: { - neutral: { - default: { - value: '#F2F4F8', - type: 'color', - }, - hover: { - value: '#DDE1E6', - type: 'color', - }, - white: { - value: '#ffffff', - type: 'color', - }, - grey: { - value: '#F2F4F8', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - primary: { - default: { - value: '#B4E600', - type: 'color', - }, - }, - phatic: { - default: { - value: '#d13b3b', - type: 'color', - }, - 'default--warning': { - value: '#f39c12', - type: 'color', - }, - }, - info: { - default: { - value: '#307AE8', - type: 'color', - }, - }, - secondary: { - default: { - value: '#0C1F22', - type: 'color', - }, - }, - }, - }, - border: { - radius: { - value: '99em', - type: 'borderRadius', - }, - 'md-radius': { - value: '4px', - type: 'borderRadius', - }, - color: { - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - default: { - value: '#DDE1E6', - type: 'color', - }, - white: { - value: '#878D96', - type: 'color', - }, - grey: { - value: '#C1C7CD', - type: 'color', - }, - hover: { - value: '#878D96', - type: 'color', - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - }, - size: { - sm: { - value: '8px', - type: 'sizing', - }, - md: { - value: '12px', - type: 'sizing', - }, - lg: { - value: '16px', - type: 'sizing', - }, - xlg: { - value: '32px', - type: 'sizing', - }, - '2xlg': { - value: '48px', - type: 'sizing', - }, - }, - spacing: { - padding: { - '3xsm': { - value: '2px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - lg: { - value: '12px', - type: 'spacing', - }, - sm: { - value: '4px', - type: 'spacing', - }, - }, - }, - }, - avatar: { - size: { - xsm: { - value: '16px', - type: 'sizing', - }, - sm: { - value: '24px', - type: 'sizing', - }, - md: { - value: '32px', - type: 'sizing', - }, - xmd: { - value: '48px', - type: 'sizing', - }, - lg: { - value: '56px', - type: 'sizing', - }, - xlg: { - value: '120px', - type: 'sizing', - }, - }, - content: { - typo: { - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - fontSize: 12, - textCase: 'uppercase', - lineHeight: 16, - }, - type: 'typography', - }, - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - fontSize: 16, - textCase: 'uppercase', - }, - type: 'typography', - }, - lg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - fontSize: 23, - textCase: 'uppercase', - }, - type: 'typography', - }, - xlg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - fontSize: '56px', - textCase: 'uppercase', - }, - type: 'typography', - }, - }, - color: { - default: { - value: '#ffffff', - type: 'color', - }, - }, - }, - background: { - color: { - 10: { - value: '#EC62D8', - type: 'color', - }, - '01': { - value: '#DC5571', - type: 'color', - }, - '02': { - value: '#F26262', - type: 'color', - }, - '03': { - value: '#E36B2B', - type: 'color', - }, - '04': { - value: '#E8C642', - type: 'color', - }, - '05': { - value: '#96D47F', - type: 'color', - }, - '06': { - value: '#50B579', - type: 'color', - }, - '07': { - value: '#4F96FF', - type: 'color', - }, - '08': { - value: '#7449F4', - type: 'color', - }, - '09': { - value: '#B462F2', - type: 'color', - }, - }, - }, - border: { - radius: { - circle: { - value: '50%', - type: 'borderRadius', - }, - md: { - value: '4px', - type: 'borderRadius', - }, - }, - }, - }, - colorPicker: { - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - }, - }, - border: { - radius: { - md: { - value: '4px', - type: 'borderRadius', - }, - rounded: { - value: '99em', - type: 'borderRadius', - }, - }, - color: { - default: { - value: '#ffffff', - type: 'color', - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - }, - spacing: { - gap: { - value: '16px', - type: 'spacing', - }, - padding: { - value: '16px', - type: 'spacing', - }, - }, - size: { - md: { - value: '16px', - type: 'sizing', - }, - }, - }, - calendar: { - content: { - typo: { - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '14px', - }, - type: 'typography', - }, - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '16px', - fontSize: '12px', - }, - type: 'typography', - }, - }, - color: { - calendarButton: { - default: { - value: '#4D5358', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - weekName: { - default: { - value: '#C1C7CD', - type: 'color', - }, - }, - weekday: { - default: { - value: '#4D5358', - type: 'color', - }, - hover: { - value: '#B4E600', - type: 'color', - }, - down: { - value: '#ffffff', - type: 'color', - }, - 'default--weekend': { - value: '#d13b3b', - type: 'color', - }, - }, - }, - }, - spacing: { - padding: { - vertical: { - value: '8px', - type: 'spacing', - }, - horizontal: { - value: '8px', - type: 'spacing', - }, - }, - gap: { - value: '16px', - type: 'spacing', - }, - }, - border: { - radius: { - md: { - value: '4px', - type: 'borderRadius', - }, - rounded: { - value: '99em', - type: 'borderRadius', - }, - }, - }, - background: { - color: { - calendarButton: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#F8F9FB', - type: 'color', - }, - down: { - value: '#F2F4F8', - type: 'color', - }, - 'default--reverse': { - value: '#B4E600', - type: 'color', - }, - 'hover--reverse': { - value: '#98C200', - type: 'color', - }, - 'down--reverse': { - value: '#B4E600', - type: 'color', - }, - }, - weekday: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - 'default--alt': { - value: '#E2FF7A', - type: 'color', - }, - }, - range: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - }, - }, - }, - size: { - md: { - value: '36px', - type: 'sizing', - }, - }, - }, - popover: { - background: { - color: { - enabled: { - value: '#ffffff', - type: 'color', - }, - }, - }, - spacing: { - padding: { - vertical: { - xsm: { - value: '4px', - type: 'spacing', - }, - sm: { - value: '8px', - type: 'spacing', - }, - md: { - value: '16px', - type: 'spacing', - }, - }, - horizontal: { - xsm: { - value: '4px', - type: 'spacing', - }, - sm: { - value: '8px', - type: 'spacing', - }, - md: { - value: '16px', - type: 'spacing', - }, - }, - }, - gap: { - value: '16px', - type: 'spacing', - }, - }, - border: { - color: { - enabled: { - value: '#F8F9FB', - type: 'color', - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - radius: { - value: '4px', - type: 'borderRadius', - }, - }, - }, - drawer: { - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - muted: { - value: '#F2F4F8', - type: 'color', - }, - }, - }, - spacing: { - gap: { - xxs: { - value: '4px', - type: 'spacing', - }, - xs: { - value: '8px', - type: 'spacing', - }, - sm: { - value: '16px', - type: 'spacing', - }, - md: { - value: '32px', - type: 'spacing', - }, - }, - padding: { - value: '16px', - type: 'spacing', - }, - }, - shadow: { - left: { - value: '{core.shadow.400}', - type: 'boxShadow', - failedToResolve: true, - }, - top: { - value: [ - { - x: 0, - y: 100, - blur: 60, - spread: 0, - color: '#dde1e614', - type: 'dropShadow', - }, - { - x: 0, - y: 32, - blur: 32, - spread: 0, - color: '#1a202b0d', - type: 'dropShadow', - }, - ], - type: 'boxShadow', - }, - }, - content: { - color: { - default: { - value: '#343A3F', - type: 'color', - }, - icon: { - value: '#4D5358', - type: 'color', - }, - }, - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '20px', - }, - type: 'typography', - }, - 'typo-regular': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - 'typo-bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - border: { - color: { - default: { - value: '#C1C7CD', - type: 'color', - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - }, - }, - link: { - content: { - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '14px', - textDecoration: 'underline', - }, - type: 'typography', - }, - color: { - default: { - value: '#B4E600', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - down: { - value: '#E2FF7A', - type: 'color', - }, - 'default--reverse': { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - }, - }, - spacing: { - padding: { - horizontal: { - value: '2px', - type: 'spacing', - }, - }, - gap: { - value: '4px', - type: 'spacing', - }, - }, - background: { - color: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - down: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - }, - }, - border: { - radius: { - value: '2px', - type: 'borderRadius', - }, - }, - }, - divider: { - size: { - sm: { - value: '1px', - type: 'sizing', - }, - }, - background: { - color: { - default: { - value: '#DDE1E6', - type: 'color', - }, - }, - }, - }, - tab: { - content: { - color: { - default: { - value: '#4D5358', - type: 'color', - }, - hover: { - value: '#343A3F', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - }, - typo: { - sm: { - value: '{global.content.typo.body.sm}', - type: 'typography', - }, - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - border: { - color: { - hover: { - value: '#DDE1E6', - type: 'color', - }, - selected: { - value: '#B4E600', - type: 'color', - }, - content: { - value: '#DDE1E6', - type: 'color', - }, - default: { - value: 'transparent', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - }, - radius: { - value: '2px', - type: 'borderRadius', - }, - width: { - sm: { - value: '{global.border.width.sm}', - type: 'borderWidth', - }, - md: { - value: '{global.border.width.md}', - type: 'borderWidth', - }, - value: '4px', - type: 'borderWidth', - }, - }, - background: { - color: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - selected: { - value: 'transparent', - type: 'color', - }, - down: { - value: 'transparent', - type: 'color', - }, - }, - }, - spacing: { - padding: { - value: '16px', - type: 'spacing', - }, - gap: { - value: '8px', - type: 'spacing', - }, - vertical: { - md: { - value: '16px', - type: 'spacing', - }, - }, - horizontal: { - xsm: { - value: '8px', - type: 'spacing', - }, - }, - }, - }, - segmentedControl: { - content: { - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - color: { - default: { - value: '#4D5358', - type: 'color', - }, - hover: { - value: '#343A3F', - type: 'color', - }, - down: { - value: '#B4E600', - type: 'color', - }, - }, - }, - spacing: { - padding: { - value: '16px', - type: 'spacing', - }, - gap: { - value: '8px', - type: 'spacing', - }, - }, - background: { - color: { - default: { - value: '#F8F9FB', - type: 'color', - }, - hover: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - selected: { - value: '#ffffff', - type: 'color', - }, - }, - }, - border: { - radius: { - value: '4px', - type: 'borderRadius', - }, - color: { - default: { - value: '#F8F9FB', - type: 'color', - }, - hover: { - value: '#C1C7CD', - type: 'color', - }, - selected: { - value: '#B4E600', - type: 'color', - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - }, - }, - dropzone: { - spacing: { - padding: { - value: '24px', - type: 'spacing', - }, - gap: { - value: '8px', - type: 'spacing', - }, - }, - content: { - color: { - default: { - value: '#4D5358', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - 'default--subtle': { - value: '#878D96', - type: 'color', - }, - 'default--icon': { - value: '#E2FF7A', - type: 'color', - }, - 'check--icon': { - value: '#5cbc6a', - type: 'color', - }, - }, - }, - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - }, - }, - border: { - color: { - default: { - value: '#E2FF7A', - type: 'color', - }, - hover: { - value: '#98C200', - type: 'color', - }, - }, - radius: { - value: '4px', - type: 'borderRadius', - }, - width: { - value: '1px', - type: 'borderWidth', - }, - }, - }, - modal: { - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - }, - }, - spacing: { - padding: { - value: '16px', - type: 'spacing', - }, - gap: { - value: '16px', - type: 'spacing', - }, - }, - border: { - radius: { - value: '4px', - type: 'borderRadius', - }, - color: { - default: { - value: '#ffffff', - type: 'color', - }, - }, - width: { - value: '2px', - type: 'borderWidth', - }, - }, - }, - dropdown: { - content: { - color: { - default: { - value: '#4D5358', - type: 'color', - }, - 'default--alt': { - value: '#878D96', - type: 'color', - }, - }, - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '24px', - fontSize: '14px', - }, - type: 'typography', - }, - 'typo--medium': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - spacing: { - padding: { - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - }, - gap: { - '1xsm': { - value: '{global.spacing.gap.1xsm}', - type: 'spacing', - }, - md: { - value: '{global.spacing.gap.md}', - type: 'spacing', - }, - value: '8px', - type: 'spacing', - }, - }, - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - down: { - value: '#E2FF7A', - type: 'color', - }, - active: { - value: '#F2F4F8', - type: 'color', - }, - }, - }, - border: { - radius: { - value: '4px', - type: 'borderRadius', - }, - width: { - value: '1px', - type: 'borderWidth', - }, - color: { - default: { - value: '#C1C7CD', - type: 'color', - }, - }, - }, - shadow: { - default: { - value: { - x: 0, - y: 10, - blur: 36, - spread: 0, - color: '#C1C7CD', - type: 'dropShadow', - }, - type: 'boxShadow', - }, - }, - }, - score: { - content: { - color: { - default: { - value: '#4D5358', - type: 'color', - }, - muted: { - value: '#878D96', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - typo: { - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '16px', - fontSize: '12px', - textCase: 'none', - }, - type: 'typography', - }, - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '20px', - fontSize: '14px', - textCase: 'none', - }, - type: 'typography', - }, - 'lg--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '24px', - fontSize: '16px', - textCase: 'none', - }, - type: 'typography', - }, - lg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '24px', - fontSize: '16px', - textCase: 'none', - letterSpacing: '', - paragraphSpacing: '24px', - }, - type: 'typography', - }, - xlg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '32px', - fontSize: '23px', - textCase: 'none', - }, - type: 'typography', - }, - '2xlg': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '40px', - fontSize: '29px', - textCase: 'none', - }, - type: 'typography', - }, - }, - }, - background: { - color: { - neutral: { - default: { - value: '#F2F4F8', - type: 'color', - }, - emphasis: { - value: '#DDE1E6', - type: 'color', - }, - subtle: { - value: '#F8F9FB', - type: 'color', - }, - hover: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - active: { - value: '#ffffff', - type: 'color', - }, - }, - positive: { - default: { - value: '#5cbc6a', - type: 'color', - }, - emphasis: { - value: '#368442', - type: 'color', - }, - muted: { - value: '#c9e9cd', - type: 'color', - }, - }, - attention: { - default: { - value: '#f39c12', - type: 'color', - }, - emphasis: { - value: '#ba7609', - type: 'color', - }, - muted: { - value: '#fef3e1', - type: 'color', - }, - }, - negative: { - default: { - value: '#d13b3b', - type: 'color', - }, - emphasis: { - value: '#b52a2a', - type: 'color', - }, - muted: { - value: '#f0bebe', - type: 'color', - }, - }, - }, - }, - border: { - color: { - neutral: { - default: { - value: '#F2F4F8', - type: 'color', - }, - emphasis: { - value: '#DDE1E6', - type: 'color', - }, - active: { - value: '#B4E600', - type: 'color', - }, - }, - positive: { - default: { - value: '#5cbc6a', - type: 'color', - }, - emphasis: { - value: '#368442', - type: 'color', - }, - muted: { - value: '#c9e9cd', - type: 'color', - }, - }, - attention: { - default: { - value: '#f39c12', - type: 'color', - }, - emphasis: { - value: '#ba7609', - type: 'color', - }, - muted: { - value: '#fef3e1', - type: 'color', - }, - }, - negative: { - default: { - value: '#d13b3b', - type: 'color', - }, - emphasis: { - value: '#b52a2a', - type: 'color', - }, - muted: { - value: '#f0bebe', - type: 'color', - }, - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - radius: { - md: { - value: '4px', - type: 'borderRadius', - }, - lg: { - value: '8px', - type: 'borderRadius', - }, - }, - }, - spacing: { - padding: { - md: { - value: '8px', - type: 'spacing', - }, - lg: { - value: '16px', - type: 'spacing', - }, - xlg: { - value: '32px', - type: 'spacing', - }, - }, - gap: { - value: '8px', - type: 'spacing', - }, - }, - }, - tree: { - content: { - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - fontSize: '14px', - lineHeight: '24px', - }, - type: 'typography', - }, - color: { - default: { - value: '#4D5358', - type: 'color', - }, - }, - }, - spacing: { - gap: { - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - }, - padding: { - vertical: { - value: '3px', - type: 'spacing', - }, - horizontal: { - value: '8px', - type: 'spacing', - }, - }, - }, - border: { - width: { - value: '1px', - type: 'borderWidth', - }, - color: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#DDE1E6', - type: 'color', - }, - 'default-alt': { - value: '#B4E600', - type: 'color', - }, - 'hover-alt': { - value: '#878D96', - type: 'color', - }, - }, - radius: { - value: '4px', - type: 'borderRadius', - }, - }, - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#F8F9FB', - type: 'color', - }, - }, - }, - }, - breadcrumbs: { - content: { - typo: { - default: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: 20, - fontSize: 14, - }, - type: 'typography', - }, - hover: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: 20, - fontSize: 14, - textDecoration: 'underline', - }, - type: 'typography', - }, - current: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: 20, - fontSize: 14, - }, - type: 'typography', - }, - }, - color: { - default: { - value: '#0C1F22', - type: 'color', - }, - hover: { - value: '#B4E600', - type: 'color', - }, - 'default--alt': { - value: '#343A3F', - type: 'color', - }, - }, - }, - }, - breadcrumb: { - spacing: { - gap: { - value: '8px', - type: 'spacing', - }, - }, - }, - pager: { - content: { - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: 20, - fontSize: 14, - }, - type: 'typography', - }, - 'typo--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: 20, - fontSize: 14, - }, - type: 'typography', - }, - color: { - default: { - value: '#4D5358', - type: 'color', - }, - }, - }, - background: { - color: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - down: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - selected: { - value: 'transparent', - type: 'color', - }, - }, - }, - border: { - color: { - default: { - value: 'transparent', - type: 'color', - }, - hover: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - down: { - value: '#C1C7CD', - type: 'color', - }, - selected: { - value: '#E2FF7A', - type: 'color', - }, - }, - radius: { - value: '99em', - type: 'borderRadius', - }, - width: { - value: '1px', - type: 'borderWidth', - }, - }, - size: { - md: { - value: '48px', - type: 'sizing', - }, - }, - spacing: { - gap: { - lg: { - value: '16px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - }, - }, - }, - tooltip: { - content: { - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: 20, - fontSize: 14, - }, - type: 'typography', - }, - color: { - default: { - value: '#ffffff', - type: 'color', - }, - 'default-reverse': { - value: '#4D5358', - type: 'color', - }, - }, - }, - background: { - color: { - default: { - value: '#4D5358', - type: 'color', - }, - 'default--alt': { - value: '#B4E600', - type: 'color', - }, - 'default-reverse': { - value: '#ffffff', - type: 'color', - }, - }, - }, - spacing: { - padding: { - vertical: { - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '12px', - type: 'spacing', - }, - }, - horizontal: { - sm: { - value: '8px', - type: 'spacing', - }, - md: { - value: '12px', - type: 'spacing', - }, - }, - }, - gap: { - value: '16px', - type: 'spacing', - }, - }, - border: { - radius: { - value: '2px', - type: 'borderRadius', - }, - }, - }, - banner: { - content: { - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '14px', - }, - type: 'typography', - }, - 'typo--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '14px', - }, - type: 'typography', - }, - color: { - default: { - value: '#4D5358', - type: 'color', - }, - success: { - value: '#368442', - type: 'color', - }, - error: { - value: '#b52a2a', - type: 'color', - }, - warning: { - value: '#ba7609', - type: 'color', - }, - info: { - value: '#98C200', - type: 'color', - }, - }, - }, - spacing: { - padding: { - vertical: { - xsm: { - value: '4px', - type: 'spacing', - }, - sm: { - value: '8px', - type: 'spacing', - }, - md: { - value: '12px', - type: 'spacing', - }, - }, - horizontal: { - sm: { - value: '16px', - type: 'spacing', - }, - md: { - value: '24px', - type: 'spacing', - }, - }, - }, - gap: { - value: '16px', - type: 'spacing', - }, - }, - background: { - color: { - success: { - value: '#e4f4e6', - type: 'color', - }, - error: { - value: '#f7dede', - type: 'color', - }, - warning: { - value: '#fef3e1', - type: 'color', - }, - info: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - }, - }, - border: { - radius: { - value: '4px', - type: 'borderRadius', - }, - }, - }, - chip: { - content: { - typo: { - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '16px', - fontSize: '12px', - }, - type: 'typography', - }, - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '24px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - color: { - default: { - value: '#4D5358', - type: 'color', - }, - }, - }, - background: { - color: { - default: { - value: '#F2F4F8', - type: 'color', - }, - hover: { - value: '#DDE1E6', - type: 'color', - }, - 'default--alt': { - value: 'transparent', - type: 'color', - }, - 'hover--alt': { - value: '#F8F9FB', - type: 'color', - }, - }, - }, - border: { - color: { - default: { - value: '#C1C7CD', - type: 'color', - }, - hover: { - value: '#878D96', - type: 'color', - }, - 'default--alt': { - value: '#878D96', - type: 'color', - }, - 'hover--alt': { - value: '#4D5358', - type: 'color', - }, - empty: { - value: 'transparent', - type: 'color', - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - radius: { - value: '99em', - type: 'borderRadius', - }, - }, - spacing: { - padding: { - horizontal: { - sm: { - value: '8px', - type: 'spacing', - }, - }, - vertical: { - sm: { - value: '3px', - type: 'spacing', - }, - }, - }, - }, - }, - toast: { - spacing: { - padding: { - value: '16px', - type: 'spacing', - }, - gap: { - value: '16px', - type: 'spacing', - }, - }, - content: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - 'default--reverse': { - value: '#4D5358', - type: 'color', - }, - 'default--alt': { - value: '#C1C7CD', - type: 'color', - }, - 'default--alt--reverse': { - value: '#878D96', - type: 'color', - }, - }, - typo: { - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - fontSize: '10px', - lineHeight: '14px', - }, - type: 'typography', - }, - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: 24, - fontSize: 14, - }, - type: 'typography', - }, - }, - }, - background: { - color: { - default: { - value: '#4D5358', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - }, - border: { - radius: { - value: '4px', - type: 'borderRadius', - }, - color: { - default: { - value: '#4D5358', - type: 'color', - }, - 'default--reverse': { - value: '#C1C7CD', - type: 'color', - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - }, - }, - menu: { - spacing: { - padding: { - xms: { - value: '4px', - type: 'spacing', - }, - xsm: { - value: '8px', - type: 'spacing', - }, - sm: { - value: '12px', - type: 'spacing', - }, - md: { - value: '16px', - type: 'spacing', - }, - xlslg: { - value: '28px', - type: 'spacing', - }, - lg: { - value: '24px', - type: 'spacing', - }, - }, - gap: { - value: '12px', - type: 'spacing', - }, - }, - content: { - color: { - main: { - default: { - value: '#4D5358', - type: 'color', - }, - hover: { - value: '#4D5358', - type: 'color', - }, - active: { - value: '#343A3F', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - sub: { - default: { - value: '#4D5358', - type: 'color', - }, - hover: { - value: '#4D5358', - type: 'color', - }, - active: { - value: '#343A3F', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - }, - 'typo--regular': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - 'typo--medium': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - typo: { - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - fontSize: '14px', - lineHeight: 16, - }, - type: 'typography', - }, - }, - }, - background: { - color: { - main: { - default: { - value: '#ffffff', - type: 'color', - }, - 'default--dark': { - value: '{global.background.color.primary.dark}', - type: 'color', - failedToResolve: true, - }, - hover: { - value: '#F8F9FB', - type: 'color', - }, - 'hover--dark': { - value: '#4A6000', - type: 'color', - }, - active: { - value: '{global.background.color.primary.verySubtle}', - type: 'color', - failedToResolve: true, - }, - 'active--dark': { - value: '#98C200', - type: 'color', - }, - }, - sub: { - default: { - value: '#ffffff', - type: 'color', - }, - 'default---dark': { - value: '{global.background.color.primary.dark}', - type: 'color', - failedToResolve: true, - }, - hover: { - value: '#F8F9FB', - type: 'color', - }, - 'hover--dark': { - value: '#4A6000', - type: 'color', - }, - active: { - value: '{global.background.color.primary.verySubtle}', - type: 'color', - failedToResolve: true, - }, - 'active--dark': { - value: '#98C200', - type: 'color', - }, - }, - }, - }, - size: { - md: { - value: '48px', - type: 'sizing', - }, - lg: { - value: '56px', - type: 'sizing', - }, - }, - border: { - color: { - main: { - active: { - value: '#B4E600', - type: 'color', - }, - default: { - value: '#DDE1E6', - type: 'color', - }, - }, - sub: { - default: { - value: '#C1C7CD', - type: 'color', - }, - 'default--dark': { - value: '#878D96', - type: 'color', - }, - hover: { - value: '#C1C7CD', - type: 'color', - }, - active: { - value: '#B4E600', - type: 'color', - }, - }, - }, - }, - shadow: { - value: [ - { - color: '#21272a0d', - type: 'dropShadow', - x: 32, - y: 0, - blur: 32, - spread: 0, - }, - ], - type: 'boxShadow', - }, - footer: { - value: '{core.shadow.200}', - type: 'boxShadow', - failedToResolve: true, - }, - modal: { - value: '{core.shadow.300}', - type: 'boxShadow', - failedToResolve: true, - }, - }, - stepper: { - content: { - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - fontSize: 14, - lineHeight: 20, - }, - type: 'typography', - }, - 'typo-pending': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - fontSize: 14, - lineHeight: 20, - }, - type: 'typography', - }, - color: { - pending: { - value: '{global.content.color.secondary.mutedSuble}', - type: 'color', - failedToResolve: true, - }, - 'pending-text': { - value: '#0C1F22', - type: 'color', - }, - active: { - value: '#B4E600', - type: 'color', - }, - completed: { - value: '#343A3F', - type: 'color', - }, - default: { - value: '#878D96', - type: 'color', - }, - }, - }, - spacing: { - gap: { - value: '4px', - type: 'spacing', - }, - xsm: { - value: '6px', - type: 'spacing', - }, - padding: { - xsm: { - value: '8px', - type: 'spacing', - }, - md: { - value: '16px', - type: 'spacing', - }, - }, - }, - background: { - color: { - pending: { - value: '{global.background.color.primary.verySubtle}', - type: 'color', - failedToResolve: true, - }, - active: { - value: '{global.background.color.primary.verySubtle}', - type: 'color', - failedToResolve: true, - }, - 'active--reverse': { - value: '#DDE1E6', - type: 'color', - }, - completed: { - value: '#B4E600', - type: 'color', - }, - }, - }, - border: { - color: { - default: { - value: '#C1C7CD', - type: 'color', - }, - active: { - value: '#C1C7CD', - type: 'color', - }, - 'active--reverse': { - value: '#ffffff', - type: 'color', - }, - completed: { - value: '#B4E600', - type: 'color', - }, - }, - radius: { - value: '50%', - type: 'borderRadius', - }, - md: { - value: '4px', - type: 'borderRadius', - }, - width: { - value: '1px', - type: 'borderWidth', - }, - }, - size: { - sm: { - value: '12px', - type: 'sizing', - }, - md: { - value: '20px', - type: 'sizing', - }, - xlg: { - value: '24px', - type: 'sizing', - }, - }, - }, - accordion: { - content: { - typo: { - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '16px', - }, - type: 'typography', - }, - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - color: { - default: { - value: '#4D5358', - type: 'color', - }, - }, - }, - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - 'default--alt': { - value: '#F8F9FB', - type: 'color', - }, - }, - }, - border: { - color: { - default: { - value: '#DDE1E6', - type: 'color', - }, - }, - width: { - value: '1px', - type: 'borderWidth', - }, - radius: { - value: '8px', - type: 'borderRadius', - }, - }, - spacing: { - padding: { - md: { - value: '16px', - type: 'spacing', - }, - lg: { - value: '24px', - type: 'spacing', - }, - }, - gap: { - value: '16px', - type: 'spacing', - }, - }, - }, - table: { - content: { - typo: { - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: 20, - fontSize: 14, - }, - type: 'typography', - }, - 'md--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: 20, - fontSize: 14, - }, - type: 'typography', - }, - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: 16, - fontSize: 12, - }, - type: 'typography', - }, - }, - color: { - default: { - value: '#4D5358', - type: 'color', - }, - }, - }, - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - }, - }, - border: { - color: { - default: { - value: '#DDE1E6', - type: 'color', - }, - emphasis: { - value: '#878D96', - type: 'color', - }, - }, - width: { - value: '2px', - type: 'borderWidth', - }, - radius: { - value: '4px', - type: 'borderRadius', - }, - }, - spacing: { - padding: { - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - }, - gaps: { - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - lg: { - value: '16px', - type: 'spacing', - }, - }, - }, - }, - timeline: { - content: { - color: { - default: { - value: '#4D5358', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - typo: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - background: { - color: { - default: { - value: '#4D5358', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - }, - spacing: { - gap: { - value: '4px', - type: 'spacing', - }, - padding: { - value: '24px', - type: 'spacing', - }, - }, - border: { - color: { - default: { - value: '#4D5358', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - width: { - sm: { - value: '1px', - type: 'borderWidth', - }, - md: { - value: '2px', - type: 'borderWidth', - }, - }, - }, - }, - swiper: { - size: { - md: { - value: '48px', - type: 'sizing', - }, - }, - content: { - color: { - default: { - value: '#878D96', - type: 'color', - }, - }, - }, - background: { - color: { - default: { - value: '#F2F4F8', - type: 'color', - }, - hover: { - value: '#DDE1E6', - type: 'color', - }, - }, - }, - spacing: { - gap: { - value: '16px', - type: 'spacing', - }, - padding: { - value: '48px', - type: 'spacing', - }, - }, - border: { - radius: { - value: '2px', - type: 'borderRadius', - }, - }, - }, - comunica: { - content: { - typo: { - '01': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: 24, - fontSize: 14, - }, - type: 'typography', - }, - '02': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: 24, - fontSize: 14, - }, - type: 'typography', - }, - }, - color: { - default: { - value: '#343A3F', - type: 'color', - }, - 'default--alt': { - value: '#C1C7CD', - type: 'color', - }, - }, - }, - background: { - color: { - default: { - value: '#F8F9FB', - type: 'color', - }, - muted: { - value: '#ffffff', - type: 'color', - }, - emphasis: { - value: '#F2F4F8', - type: 'color', - }, - }, - }, - border: { - color: { - default: { - value: '#C1C7CD', - type: 'color', - }, - 'default--alt': { - value: '#98C200', - type: 'color', - }, - }, - width: { - sm: { - value: '1px', - type: 'borderWidth', - }, - md: { - value: '2px', - type: 'borderWidth', - }, - }, - radius: { - value: '4px', - type: 'borderRadius', - }, - }, - spacing: { - padding: { - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - lg: { - value: '16px', - type: 'spacing', - }, - xlg: { - value: '96px', - type: 'spacing', - }, - }, - gap: { - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - lg: { - value: '16px', - type: 'spacing', - }, - }, - }, - }, - menuLibrary: { - content: { - color: { - main: { - default: { - value: '#4D5358', - type: 'color', - }, - hover: { - value: '#4D5358', - type: 'color', - }, - active: { - value: '#B4E600', - type: 'color', - }, - }, - sub: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#ffffff', - type: 'color', - }, - active: { - value: '#ffffff', - type: 'color', - }, - }, - }, - }, - background: { - color: { - main: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#ffffff', - type: 'color', - }, - active: { - value: '{global.background.color.primary.verySubtle}', - type: 'color', - failedToResolve: true, - }, - }, - sub: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#ffffff', - type: 'color', - }, - active: { - value: '#ffffff', - type: 'color', - }, - }, - }, - }, - }, - headerCreate: { - spacing: { - padding: { - lg: { - value: '24px', - type: 'spacing', - }, - }, - }, - border: { - width: { - sm: { - value: '1px', - type: 'borderWidth', - }, - }, - }, - }, - HeaderCreate: { - content: { - color: { - default: { - value: '#343A3F', - type: 'color', - }, - }, - }, - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - }, - }, - border: { - color: { - hover: { - value: '#DDE1E6', - type: 'color', - }, - }, - }, - }, - cardLibrary: { - spacing: { - padding: { - horizontal: { - xsm: { - value: '8px', - type: 'spacing', - }, - sm: { - value: '12px', - type: 'spacing', - }, - md: { - value: '16px', - type: 'spacing', - }, - '2xsm': { - value: '4px', - type: 'spacing', - }, - }, - vertical: { - xsm: { - value: '8px', - type: 'spacing', - }, - sm: { - value: '12px', - type: 'spacing', - }, - md: { - value: '16px', - type: 'spacing', - }, - '2xsm': { - value: '4px', - type: 'spacing', - }, - }, - }, - gap: { - sm: { - value: '4px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - lg: { - value: '16px', - type: 'spacing', - }, - xlg: { - value: '24px', - type: 'spacing', - }, - }, - }, - content: { - color: { - emphasis: { - value: '#2F463F', - type: 'color', - }, - default: { - value: '#4D5358', - type: 'color', - }, - subje: { - value: '#343A3F', - type: 'color', - }, - muted: { - value: '#878D96', - type: 'color', - }, - icon: { - value: '#878D96', - type: 'color', - }, - }, - typo: { - lg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '18px', - }, - type: 'typography', - }, - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: 20, - fontSize: 14, - }, - type: 'typography', - }, - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '16px', - fontSize: '12px', - }, - type: 'typography', - }, - }, - }, - background: { - color: { - default: { - value: '#ffffff', - type: 'color', - }, - cover: { - value: '#F2F4F8', - type: 'color', - }, - }, - }, - border: { - color: { - defaut: { - value: '#878D96', - type: 'color', - }, - subtle: { - value: '#DDE1E6', - type: 'color', - }, - }, - radius: { - sm: { - value: '2px', - type: 'borderRadius', - }, - circle: { - value: '50%', - type: 'borderRadius', - }, - }, - width: { - sm: { - value: '1px', - type: 'borderWidth', - }, - lg: { - value: '4px', - type: 'borderWidth', - }, - }, - }, - shadow: { - hover: { - value: { - x: 0, - y: 10, - blur: 36, - spread: 0, - color: '#C1C7CD', - type: 'dropShadow', - }, - type: 'boxShadow', - }, - }, - }, - buttonIconCard: { - spacing: { - padding: { - sm: { - value: '2px', - type: 'spacing', - }, - }, - }, - content: { - color: { - primary: { - default: { - value: '#ffffff', - type: 'color', - }, - hover: { - value: '#ffffff', - type: 'color', - }, - down: { - value: '#ffffff', - type: 'color', - }, - }, - }, - }, - background: { - color: { - primary: { - default: { - value: '#4d535866', - type: 'color', - }, - hover: { - value: '#4d5358b3', - type: 'color', - }, - down: { - value: '#4D5358', - type: 'color', - }, - }, - }, - }, - border: { - radius: { - md: { - value: '4px', - type: 'borderRadius', - }, - }, - }, - }, - ButtonIconCard: { - blur: { - default: { - value: '4px', - type: 'dimension', - }, - }, - }, - buttonIconLike: { - content: { - color: { - primary: { - default: { - value: '#878D96', - type: 'color', - }, - hover: { - value: '#FF5470', - type: 'color', - }, - active: { - value: '#FF5470', - type: 'color', - }, - }, - }, - }, - }, - global: { - shadow: { - 100: { - value: [ - { - color: '#dde1e614', - type: 'dropShadow', - x: 0, - y: 2, - blur: 0, - spread: 0, - }, - { - color: '#1a202b14', - type: 'dropShadow', - x: 0, - y: 10, - blur: 36, - spread: 0, - }, - ], - type: 'boxShadow', - }, - 200: { - value: [ - { - color: '#dde1e629', - type: 'dropShadow', - x: 0, - y: 2, - blur: 0, - spread: 0, - }, - { - color: '#1a202b1f', - type: 'dropShadow', - x: 0, - y: 10, - blur: 36, - spread: 0, - }, - ], - type: 'boxShadow', - }, - 300: { - value: [ - { - color: '#dde1e63d', - type: 'dropShadow', - x: 0, - y: 2, - blur: 0, - spread: 0, - }, - { - color: '#1a202b29', - type: 'dropShadow', - x: 0, - y: 10, - blur: 36, - spread: 0, - }, - ], - type: 'boxShadow', - }, - 400: { - value: [ - { - color: '#dde1e614', - type: 'dropShadow', - x: -100, - y: 0, - blur: 60, - spread: 0, - }, - { - color: '#1a202b0d', - type: 'dropShadow', - x: -32, - y: 0, - blur: 32, - spread: 0, - }, - ], - type: 'boxShadow', - }, - }, - focus: { - default: { - value: { - x: 0, - y: 0, - blur: 0, - spread: 2, - color: '#B4E600', - type: 'dropShadow', - }, - type: 'boxShadow', - }, - }, - content: { - color: { - text: { - emphasis: { - value: '#343A3F', - type: 'color', - }, - default: { - value: '#4D5358', - type: 'color', - }, - muted: { - value: '#878D96', - type: 'color', - }, - subtle: { - value: '#C1C7CD', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - icon: { - emphasis: { - value: '#4D5358', - type: 'color', - }, - default: { - value: '#878D96', - type: 'color', - }, - muted: { - value: '#C1C7CD', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - primary: { - subtle: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - muted: { - value: '#E2FF7A', - type: 'color', - }, - default: { - value: '#B4E600', - type: 'color', - }, - emphasis: { - value: '#98C200', - type: 'color', - }, - strong: { - value: '#4A6000', - type: 'color', - }, - }, - secondary: { - muted: { - value: '#0C1F22', - type: 'color', - }, - default: { - value: '#4D5358', - type: 'color', - }, - emphasis: { - value: '#343A3F', - type: 'color', - }, - subtle: { - value: '#F2F4F8', - type: 'color', - }, - }, - negative: { - default: { - value: '#d13b3b', - type: 'color', - }, - emphasis: { - value: '#b52a2a', - type: 'color', - }, - muted: { - value: '#e07c7c', - type: 'color', - }, - subtle: { - value: '#f7dede', - type: 'color', - }, - }, - positive: { - default: { - value: '#5cbc6a', - type: 'color', - }, - emphasis: { - value: '#368442', - type: 'color', - }, - muted: { - value: '#aedeb5', - type: 'color', - }, - subtle: { - value: '#e4f4e6', - type: 'color', - }, - }, - transparent: { - value: 'transparent', - type: 'color', - }, - disabled: { - value: '#C1C7CD', - type: 'color', - }, - attention: { - default: { - value: '#f39c12', - type: 'color', - }, - emphasis: { - value: '#ba7609', - type: 'color', - }, - muted: { - value: '#f8c16b', - type: 'color', - }, - subtle: { - value: '#fef3e1', - type: 'color', - }, - }, - tertiary: { - default: { - value: '#2F463F', - type: 'color', - }, - }, - accent: { - default: { - value: '#FF5470', - type: 'color', - }, - }, - }, - typo: { - heading: { - xlg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '32px', - fontSize: '26px', - }, - type: 'typography', - }, - 'xlg--semiBold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '32px', - fontSize: '26px', - }, - type: 'typography', - }, - lg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '28px', - fontSize: '23px', - }, - type: 'typography', - }, - 'lg--semiBold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '28px', - fontSize: '23px', - }, - type: 'typography', - }, - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '20px', - }, - type: 'typography', - }, - 'md--semiBold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '24px', - fontSize: '20px', - }, - type: 'typography', - }, - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '18px', - }, - type: 'typography', - }, - 'sm--semiBold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '24px', - fontSize: '18px', - }, - type: 'typography', - }, - xsm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - 'xsm--semiBold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '24px', - fontSize: '16px', - }, - type: 'typography', - }, - }, - body: { - lg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '24px', - fontSize: '18px', - }, - type: 'typography', - }, - 'lg--medium': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '18px', - }, - type: 'typography', - }, - 'lg--semiBold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '24px', - fontSize: '18px', - }, - type: 'typography', - }, - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '24px', - fontSize: '16px', - }, - type: 'typography', - }, - 'md--medium': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '16px', - }, - type: 'typography', - }, - 'md--semiBold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '24px', - fontSize: '16px', - }, - type: 'typography', - }, - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - 'sm--medium': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - 'sm--semiBold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - xsm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '16px', - fontSize: '12px', - }, - type: 'typography', - }, - 'xsm--semiBold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '16px', - fontSize: '12px', - }, - type: 'typography', - }, - 'lg--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '18px', - }, - type: 'typography', - }, - 'md--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '16px', - }, - type: 'typography', - }, - 'sm--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - }, - caption: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - fontSize: '10px', - lineHeight: '14px', - }, - type: 'typography', - }, - }, - typoMobile: { - heading: { - xlg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '32px', - fontSize: '26px', - }, - type: 'typography', - }, - lg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '28px', - fontSize: '23px', - }, - type: 'typography', - }, - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '24px', - fontSize: '20px', - }, - type: 'typography', - }, - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '20px', - fontSize: '18px', - }, - type: 'typography', - }, - xsm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 600, - lineHeight: '16px', - fontSize: '16px', - }, - type: 'typography', - }, - }, - body: { - lg: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '24px', - fontSize: '16px', - }, - type: 'typography', - }, - 'lg--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '24px', - fontSize: '16px', - }, - type: 'typography', - }, - md: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - 'md--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '20px', - fontSize: '14px', - }, - type: 'typography', - }, - sm: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '16px', - fontSize: '12px', - }, - type: 'typography', - }, - 'sm--bold': { - value: { - fontFamily: 'Albert Sans', - fontWeight: 500, - lineHeight: '16px', - fontSize: '12px', - }, - type: 'typography', - }, - }, - caption: { - value: { - fontFamily: 'Albert Sans', - fontWeight: 400, - lineHeight: '16px', - fontSize: '12px', - }, - type: 'typography', - }, - }, - }, - background: { - color: { - surface: { - default: { - value: '#ffffff', - type: 'color', - }, - emphasis: { - value: '#DDE1E6', - type: 'color', - }, - muted: { - value: '#F2F4F8', - type: 'color', - }, - subtle: { - value: '#F8F9FB', - type: 'color', - }, - 'default--reverse': { - value: '#4D5358', - type: 'color', - }, - }, - primary: { - subtle: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - muted: { - value: '#E2FF7A', - type: 'color', - }, - default: { - value: '#B4E600', - type: 'color', - }, - emphasis: { - value: '#98C200', - type: 'color', - }, - strong: { - value: '#4A6000', - type: 'color', - }, - }, - secondary: { - default: { - value: '#0C1F22', - type: 'color', - }, - emphasis: { - value: '#343A3F', - type: 'color', - }, - muted: { - value: '#878D96', - type: 'color', - }, - subtle: { - value: '#F8F9FB', - type: 'color', - }, - }, - accent: { - default: { - value: '#FF5470', - type: 'color', - }, - emphasis: { - value: '#ebeb00', - type: 'color', - }, - subtle: { - value: '#ffffe0', - type: 'color', - }, - }, - negative: { - default: { - value: '#d13b3b', - type: 'color', - }, - emphasis: { - value: '#b52a2a', - type: 'color', - }, - muted: { - value: '#f0bebe', - type: 'color', - }, - subtle: { - value: '#f7dede', - type: 'color', - }, - }, - positive: { - default: { - value: '#5cbc6a', - type: 'color', - }, - emphasis: { - value: '#368442', - type: 'color', - }, - muted: { - value: '#c9e9cd', - type: 'color', - }, - subtle: { - value: '#e4f4e6', - type: 'color', - }, - }, - transparent: { - value: 'transparent', - type: 'color', - }, - disabled: { - value: '#F2F4F8', - type: 'color', - }, - overlay: { - default: { - value: '#f2f4f880', - type: 'color', - }, - }, - attention: { - default: { - value: '#f39c12', - type: 'color', - }, - emphasis: { - value: '#ba7609', - type: 'color', - }, - muted: { - value: '#fbdaa6', - type: 'color', - }, - subtle: { - value: '#fef3e1', - type: 'color', - }, - }, - info: { - default: { - value: '#307AE8', - type: 'color', - }, - emphasis: { - value: '#155AC1', - type: 'color', - }, - muted: { - value: '#B1CDF6', - type: 'color', - }, - subtle: { - value: '#E8F0FC', - type: 'color', - }, - }, - tertiary: { - default: { - value: '#2F463F', - type: 'color', - }, - }, - }, - }, - border: { - width: { - sm: { - value: '1px', - type: 'borderWidth', - }, - md: { - value: '2px', - type: 'borderWidth', - }, - lg: { - value: '4px', - type: 'borderWidth', - }, - }, - radius: { - sm: { - value: '2px', - type: 'borderRadius', - }, - md: { - value: '4px', - type: 'borderRadius', - }, - lg: { - value: '8px', - type: 'borderRadius', - }, - rounded: { - value: '99em', - type: 'borderRadius', - }, - circle: { - value: '50%', - type: 'borderRadius', - }, - }, - color: { - line: { - default: { - value: '#878D96', - type: 'color', - }, - emphasis: { - value: '#4D5358', - type: 'color', - }, - muted: { - value: '#C1C7CD', - type: 'color', - }, - subtle: { - value: '#DDE1E6', - type: 'color', - }, - 'default--reverse': { - value: '#ffffff', - type: 'color', - }, - }, - primary: { - subtle: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - muted: { - value: '#E2FF7A', - type: 'color', - }, - default: { - value: '#B4E600', - type: 'color', - }, - emphasis: { - value: '#98C200', - type: 'color', - }, - }, - secondary: { - default: { - value: '#4D5358', - type: 'color', - }, - emphasis: { - value: '#343A3F', - type: 'color', - }, - muted: { - value: '#878D96', - type: 'color', - }, - subtle: { - value: '#F8F9FB', - type: 'color', - }, - }, - negative: { - default: { - value: '#d13b3b', - type: 'color', - }, - emphasis: { - value: '#b52a2a', - type: 'color', - }, - muted: { - value: '#f0bebe', - type: 'color', - }, - subtle: { - value: '#f7dede', - type: 'color', - }, - }, - positive: { - default: { - value: '#5cbc6a', - type: 'color', - }, - emphasis: { - value: '#368442', - type: 'color', - }, - muted: { - value: '#c9e9cd', - type: 'color', - }, - subtle: { - value: '#e4f4e6', - type: 'color', - }, - }, - transparent: { - value: 'transparent', - type: 'color', - }, - disabled: { - default: { - value: '#C1C7CD', - type: 'color', - }, - muted: { - value: '#f0f4f9', - type: 'color', - }, - }, - overlay: { - default: { - value: '#f2f4f880', - type: 'color', - }, - }, - attention: { - default: { - value: '#f39c12', - type: 'color', - }, - emphasis: { - value: '#ba7609', - type: 'color', - }, - muted: { - value: '#fbdaa6', - type: 'color', - }, - subtle: { - value: '#fef3e1', - type: 'color', - }, - }, - leemons: { - default: { - value: '{core.color.leemons.500}', - type: 'color', - failedToResolve: true, - }, - }, - info: { - default: { - value: '#307AE8', - type: 'color', - }, - emphasis: { - value: '#155AC1', - type: 'color', - }, - muted: { - value: '#B1CDF6', - type: 'color', - }, - subtle: { - value: '#E8F0FC', - type: 'color', - }, - }, - tertiary: { - default: { - value: '#2F463F', - type: 'color', - }, - }, - }, - }, - spacing: { - padding: { - '3xsm': { - value: '2px', - type: 'spacing', - }, - '2xsm': { - value: '4px', - type: 'spacing', - }, - '1xsm': { - value: '6px', - type: 'spacing', - }, - xsm: { - value: '8px', - type: 'spacing', - }, - sm: { - value: '12px', - type: 'spacing', - }, - md: { - value: '16px', - type: 'spacing', - }, - lg: { - value: '24px', - type: 'spacing', - }, - xlslg: { - value: '28px', - type: 'spacing', - }, - xlg: { - value: '32px', - type: 'spacing', - }, - '2xlg': { - value: '40px', - type: 'spacing', - }, - '3xlg': { - value: '48px', - type: 'spacing', - }, - }, - gap: { - none: { - value: '0px', - type: 'spacing', - }, - sm: { - value: '4px', - type: 'spacing', - }, - xsm: { - value: '6px', - type: 'spacing', - }, - md: { - value: '8px', - type: 'spacing', - }, - slg: { - value: '12px', - type: 'spacing', - }, - lg: { - value: '16px', - type: 'spacing', - }, - xlg: { - value: '24px', - type: 'spacing', - }, - xxlg: { - value: '32px', - type: 'spacing', - }, - }, - }, - icon: { - size: { - xsm: { - value: '8px', - type: 'sizing', - }, - sm: { - value: '12px', - type: 'sizing', - }, - md: { - value: '16px', - type: 'sizing', - }, - lg: { - value: '20px', - type: 'sizing', - }, - xlg: { - value: '24px', - type: 'sizing', - }, - '2xlg': { - value: '32px', - type: 'sizing', - }, - }, - }, - control: { - size: { - 50: { - value: '8 px', - type: 'sizing', - }, - 100: { - value: '16px', - type: 'sizing', - }, - 200: { - value: '20px', - type: 'sizing', - }, - 300: { - value: '24px', - type: 'sizing', - }, - 400: { - value: '28px', - type: 'sizing', - }, - 500: { - value: '32px', - type: 'sizing', - }, - 600: { - value: '36px', - type: 'sizing', - }, - 700: { - value: '40px', - type: 'sizing', - }, - 800: { - value: '44px', - type: 'sizing', - }, - 900: { - value: '48px', - type: 'sizing', - }, - 1000: { - value: '56px', - type: 'sizing', - }, - }, - }, - hover: { - default: { - value: { - x: 0, - y: 0, - blur: 4, - spread: 0, - color: '#98c200cc', - type: 'dropShadow', - }, - type: 'boxShadow', - }, - }, - }, - core: { - color: { - black: { - value: '#1a202b', - type: 'color', - }, - white: { - value: '#ffffff', - type: 'color', - }, - neutral: { - 50: { - value: '#F8F9FB', - type: 'color', - }, - 75: { - value: '#f0f4f9', - type: 'color', - }, - 100: { - value: '#F2F4F8', - type: 'color', - }, - 200: { - value: '#DDE1E6', - type: 'color', - }, - 300: { - value: '#C1C7CD', - type: 'color', - }, - 400: { - value: '#A2A9B0', - type: 'color', - }, - 500: { - value: '#878D96', - type: 'color', - }, - 600: { - value: '#697077', - type: 'color', - }, - 700: { - value: '#4D5358', - type: 'color', - }, - 800: { - value: '#343A3F', - type: 'color', - }, - 900: { - value: '#21272A', - type: 'color', - }, - }, - primary: { - 100: { - value: 'hsla(216,80%,119%,1)', - type: 'color', - }, - 200: { - value: '#E2FF7A', - type: 'color', - }, - 300: { - value: '#B4E600', - type: 'color', - }, - 400: { - value: '#98C200', - type: 'color', - }, - 500: { - value: '#4A6000', - type: 'color', - }, - 600: { - value: '#1760cf', - type: 'color', - }, - 700: { - value: '#134faa', - type: 'color', - }, - 800: { - value: '#10428e', - type: 'color', - }, - 900: { - value: '#0d3877', - type: 'color', - }, - }, - danger: { - 100: { - value: '#f7dede', - type: 'color', - }, - 200: { - value: '#f0bebe', - type: 'color', - }, - 300: { - value: '#e07c7c', - type: 'color', - }, - 400: { - value: '#d95c5c', - type: 'color', - }, - 500: { - value: '#d13b3b', - type: 'color', - }, - 600: { - value: '#b52a2a', - type: 'color', - }, - 700: { - value: '#912222', - type: 'color', - }, - 800: { - value: '#6d1919', - type: 'color', - }, - 900: { - value: '#481111', - type: 'color', - }, - }, - success: { - 100: { - value: '#e4f4e6', - type: 'color', - }, - 200: { - value: '#c9e9cd', - type: 'color', - }, - 300: { - value: '#aedeb5', - type: 'color', - }, - 400: { - value: '#77c783', - type: 'color', - }, - 500: { - value: '#5cbc6a', - type: 'color', - }, - 600: { - value: '#44a552', - type: 'color', - }, - 700: { - value: '#368442', - type: 'color', - }, - 800: { - value: '#296331', - type: 'color', - }, - 900: { - value: '#1b4221', - type: 'color', - }, - }, - attention: { - 100: { - value: '#fef3e1', - type: 'color', - }, - 200: { - value: '#fbdaa6', - type: 'color', - }, - 300: { - value: '#f8c16b', - type: 'color', - }, - 400: { - value: '#f6b54d', - type: 'color', - }, - 500: { - value: '#f39c12', - type: 'color', - }, - 600: { - value: '#d98a0b', - type: 'color', - }, - 700: { - value: '#ba7609', - type: 'color', - }, - 800: { - value: '#9b6208', - type: 'color', - }, - 900: { - value: '#7c4f06', - type: 'color', - }, - }, - info: { - 100: { - value: '#E8F0FC', - type: 'color', - }, - 200: { - value: '#B1CDF6', - type: 'color', - }, - 300: { - value: '#7EACF1', - type: 'color', - }, - 400: { - value: '#5592EC', - type: 'color', - }, - 500: { - value: '#307AE8', - type: 'color', - }, - 600: { - value: '#1867DC', - type: 'color', - }, - 700: { - value: '#155AC1', - type: 'color', - }, - 800: { - value: '#134FAA', - type: 'color', - }, - 900: { - value: '#104593', - type: 'color', - }, - }, - secondary: { - 100: { - value: '#0C1F22', - type: 'color', - }, - }, - tertiary: { - 100: { - value: '#2F463F', - type: 'color', - }, - }, - accent: { - 100: { - value: '#FF5470', - type: 'color', - }, - 200: { - value: 'hsla(60,100%,102%,1)', - type: 'color', - }, - 300: { - value: '#ffffe0', - type: 'color', - }, - 400: { - value: '#ffffb8', - type: 'color', - }, - 500: { - value: '#ffff8f', - type: 'color', - }, - 600: { - value: '#ffff66', - type: 'color', - }, - 700: { - value: '#ffff3d', - type: 'color', - }, - 800: { - value: '#ffff14', - type: 'color', - }, - 900: { - value: '#ebeb00', - type: 'color', - }, - }, - customPrimary: { - hue: { - value: 216, - type: 'color', - }, - saturation: { - value: 80, - type: 'color', - }, - lightness: { - value: 55, - type: 'color', - }, - hsla: { - value: '#307ae8', - type: 'color', - }, - }, - customAccent: { - hue: { - value: 60, - type: 'color', - }, - saturation: { - value: 100, - type: 'color', - }, - lightness: { - value: 78, - type: 'color', - }, - hsla: { - value: '#ffff8f', - type: 'color', - }, - }, - }, - dimension: { - 0: { - value: 0, - type: 'sizing', - }, - 50: { - value: 4, - type: 'sizing', - }, - 100: { - value: 8, - type: 'sizing', - }, - 150: { - value: 12, - type: 'sizing', - }, - 175: { - value: 14, - type: 'sizing', - }, - 200: { - value: 16, - type: 'sizing', - }, - 250: { - value: 20, - type: 'sizing', - }, - 300: { - value: 24, - type: 'sizing', - }, - 350: { - value: 28, - type: 'sizing', - }, - 400: { - value: 32, - type: 'sizing', - }, - 500: { - value: 40, - type: 'sizing', - }, - 600: { - value: 48, - type: 'sizing', - }, - 700: { - value: 56, - type: 'sizing', - }, - 800: { - value: 64, - type: 'sizing', - }, - 900: { - value: 72, - type: 'sizing', - }, - 1000: { - value: 80, - type: 'sizing', - }, - static: { - 0: { - value: 0, - type: 'sizing', - }, - 10: { - value: 1, - type: 'sizing', - }, - 25: { - value: 2, - type: 'sizing', - }, - 50: { - value: 4, - type: 'sizing', - }, - 75: { - value: 6, - type: 'sizing', - }, - 100: { - value: 8, - type: 'sizing', - }, - 150: { - value: 12, - type: 'sizing', - }, - 200: { - value: 16, - type: 'sizing', - }, - 250: { - value: 20, - type: 'sizing', - }, - 300: { - value: 24, - type: 'sizing', - }, - 350: { - value: 28, - type: 'sizing', - }, - 400: { - value: 32, - type: 'sizing', - }, - 450: { - value: 36, - type: 'sizing', - }, - 500: { - value: 40, - type: 'sizing', - }, - 550: { - value: 44, - type: 'sizing', - }, - 600: { - value: 48, - type: 'sizing', - }, - 700: { - value: 56, - type: 'sizing', - }, - 800: { - value: 64, - type: 'sizing', - }, - 900: { - value: 72, - type: 'sizing', - }, - 1000: { - value: 80, - type: 'sizing', - }, - }, - root: { - value: 16, - type: 'sizing', - }, - percentage: { - 50: { - value: '50%', - type: 'sizing', - }, - 100: { - value: '100%', - type: 'sizing', - }, - }, - breakpoint: { - xsm: { - value: '320px', - type: 'sizing', - }, - sm: { - value: '640px', - type: 'sizing', - }, - md: { - value: '1007px', - type: 'sizing', - }, - lg: { - value: '1440px', - type: 'sizing', - }, - }, - }, - font: { - family: { - main: { - value: 'Albert Sans', - type: 'fontFamilies', - }, - alt: { - value: 'Albert Sans', - type: 'fontFamilies', - }, - code: { - value: 'Courier new', - type: 'fontFamilies', - }, - }, - weight: { - regular: { - value: 400, - type: 'fontWeights', - }, - medium: { - value: 500, - type: 'fontWeights', - }, - semiBold: { - value: 600, - type: 'fontWeights', - }, - light: { - value: 300, - type: 'fontWeights', - }, - bold: { - value: 600, - type: 'fontWeights', - }, - }, - lineHeight: { - 75: { - value: 14, - type: 'lineHeights', - }, - 100: { - value: 16, - type: 'lineHeights', - }, - 200: { - value: 20, - type: 'lineHeights', - }, - 300: { - value: 24, - type: 'lineHeights', - }, - 400: { - value: 28, - type: 'lineHeights', - }, - 500: { - value: 32, - type: 'lineHeights', - }, - 600: { - value: 40, - type: 'lineHeights', - }, - 700: { - value: 48, - type: 'lineHeights', - }, - }, - size: { - 25: { - value: 8, - type: 'fontSizes', - }, - 30: { - value: 10, - type: 'fontSizes', - }, - 50: { - value: 12, - type: 'fontSizes', - }, - 75: { - value: 14, - type: 'fontSizes', - }, - 100: { - value: 16, - type: 'fontSizes', - }, - 200: { - value: 18, - type: 'fontSizes', - }, - 300: { - value: 20, - type: 'fontSizes', - }, - 400: { - value: 23, - type: 'fontSizes', - }, - 500: { - value: 26, - type: 'fontSizes', - }, - 600: { - value: 29, - type: 'fontSizes', - }, - }, - uppercase: { - value: 'uppercase', - type: 'textCase', - }, - }, - shadow: { - 100: { - value: { - x: 0, - y: 10, - blur: 36, - spread: 0, - color: '#C1C7CD', - type: 'dropShadow', - }, - type: 'boxShadow', + "button": { + "content": { + "color": { + "primary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#343A3F", + "type": "color" + }, + "down": { + "value": "#0C1F22", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "ghost": { + "default": { + "value": "#0C1F22", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "#F1FFBD", + "type": "color" + }, + "hover": { + "value": "#E2FF7A", + "type": "color" + }, + "down": { + "value": "#E2FF7A", + "type": "color" + }, + "default--reverse": { + "value": "#98C200", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "#d13b3b", + "type": "color" + }, + "hover": { + "value": "#ffffff", + "type": "color" + }, + "down": { + "value": "#d13b3b", + "type": "color" + } + } + }, + "default": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "hover": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "background": { + "color": { + "primary": { + "default": { + "value": "#B4E600", + "type": "color" + }, + "hover": { + "value": "#B4E600", + "type": "color" + }, + "selected": { + "value": "#E2FF7A", + "type": "color" + }, + "pressed": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#ffffff", + "type": "color" + }, + "pressed": { + "value": "#ffffff", + "type": "color" + }, + "down": { + "value": "#0C1F22", + "type": "color" + } + }, + "ghost": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "pressed": { + "value": "#98C200", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "#F8F9FB", + "type": "color" + }, + "hover": { + "value": "#F2F4F8", + "type": "color" + }, + "down": { + "value": "#F8F9FB", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "#f7dede", + "type": "color" + }, + "hover": { + "value": "#d13b3b", + "type": "color" + }, + "down": { + "value": "#f7dede", + "type": "color" + } + } + } + }, + "border": { + "color": { + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#0C1F22", + "type": "color" + }, + "pressed": { + "value": "#4A6000", + "type": "color" + }, + "down": { + "value": "#343A3F", + "type": "color" + } + }, + "primary": { + "default": { + "value": "#B4E600", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#98C200", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "#DDE1E6", + "type": "color" + }, + "hover": { + "value": "#C1C7CD", + "type": "color" + }, + "down": { + "value": "#C1C7CD", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "#f7dede", + "type": "color" + }, + "hover": { + "value": "#d13b3b", + "type": "color" + }, + "down": { + "value": "#d13b3b", + "type": "color" + }, + "default--reverse": { + "value": "#d13b3b", + "type": "color" + } + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + }, + "radius": { + "md": { + "value": "4px", + "type": "borderRadius" + }, + "rounded": { + "value": "99em", + "type": "borderRadius" + } + } + }, + "spacing": { + "padding": { + "vertical": { + "md": { + "value": "10px", + "type": "spacing" + }, + "sm": { + "value": "4px", + "type": "spacing" + } + }, + "horizontal": { + "sm": { + "value": "16px", + "type": "spacing" + }, + "xs": { + "value": "8px", + "type": "spacing" + }, + "md": { + "value": "24px", + "type": "spacing" + } + } + }, + "gap": { + "value": "8px", + "type": "spacing" + } + }, + "shadow": { + "hover": { + "value": { + "x": 0, + "y": 0, + "blur": 4, + "spread": 0, + "color": "#b4e600cc", + "type": "dropShadow" + }, + "type": "boxShadow" + }, + "pressed": { + "value": { + "x": 0, + "y": 0, + "blur": 4, + "spread": 0, + "color": "#4A6000", + "type": "innerShadow" + }, + "type": "boxShadow" + } + }, + "textDecoration": { + "underLine": { + "value": "underline", + "type": "textDecoration" + } + } + }, + "dropzone": { + "content": { + "text": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "text--medium": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "color": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "default--subtle": { + "value": "#878D96", + "type": "color" + }, + "icon": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "default--icon": { + "value": "#E2FF7A", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "value": "16px", + "type": "spacing" + }, + "gap": { + "value": "8px", + "type": "spacing" + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "#DDE1E6", + "type": "color" + }, + "hover": { + "value": "#DDE1E6", + "type": "color" + } + }, + "radius": { + "value": "4px", + "type": "borderRadius" + }, + "width": { + "value": "1px", + "type": "borderWidth" + } + } + }, + "toggle": { + "shadow": { + "hover": { + "value": { + "x": 0, + "y": 0, + "blur": 2, + "spread": 0, + "color": "#4a6000cc", + "type": "dropShadow" + }, + "type": "boxShadow" + } + }, + "content": { + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "color": { + "default": { + "value": "#878D96", + "type": "color" + }, + "selected": { + "value": "#2F463F", + "type": "color" + }, + "label": { + "value": "#4D5358", + "type": "color" + }, + "hover": { + "value": "#E2FF7A", + "type": "color" + } + } + }, + "border": { + "width": { + "value": "1px", + "type": "borderWidth" + }, + "color": { + "default": { + "value": "#878D96", + "type": "color" + }, + "select": { + "value": "#2F463F", + "type": "color" + } + }, + "radius": { + "value": "99em", + "type": "borderRadius" + } + }, + "size": { + "inner": { + "value": "8 px", + "type": "sizing" + }, + "width": { + "value": "32px", + "type": "sizing" + } + }, + "spacing": { + "padding": { + "value": "6px 4px", + "type": "spacing" + }, + "gap": { + "value": "8px", + "type": "spacing" + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "unselected": { + "default": { + "value": "#DDE1E6", + "type": "color" + }, + "hover": { + "value": "#E2FF7A", + "type": "color" + } + }, + "selected": { + "default": { + "value": "#B4E600", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + } + } + } + } + }, + "buttonText": { + "content": { + "color": { + "primary": { + "default": { + "value": "#B4E600", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#343A3F", + "type": "color" + }, + "down": { + "value": "#0C1F22", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "#F1FFBD", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#F1FFBD", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "#d13b3b", + "type": "color" + }, + "hover": { + "value": "#b52a2a", + "type": "color" + }, + "down": { + "value": "#d13b3b", + "type": "color" + } + } + }, + "default": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "24px", + "fontSize": "14px", + "textDecoration": "underline" + }, + "type": "typography" + }, + "hover": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "14px", + "textDecoration": "underline" + }, + "type": "typography" + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "background": { + "color": { + "primary": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "down": { + "value": "transparent", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F8F9FB", + "type": "color" + }, + "down": { + "value": "transparent", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "down": { + "value": "transparent", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#f0bebe", + "type": "color" + }, + "down": { + "value": "transparent", + "type": "color" + } + } + } + }, + "border": { + "color": { + "primary": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "down": { + "value": "#F1FFBD", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F8F9FB", + "type": "color" + }, + "down": { + "value": "#F8F9FB", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "down": { + "value": "#F1FFBD", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#f0bebe", + "type": "color" + }, + "down": { + "value": "#f7dede", + "type": "color" + } + } + }, + "radius": { + "md": { + "value": "4px", + "type": "borderRadius" + } + }, + "width": { + "value": "2px", + "type": "borderWidth" + } + }, + "spacing": { + "padding": { + "vertical": { + "md": { + "value": "8px", + "type": "spacing" + }, + "sm": { + "value": "4px", + "type": "spacing" + } + }, + "horizontal": { + "md": { + "value": "24px", + "type": "spacing" + }, + "sm": { + "value": "16px", + "type": "spacing" + }, + "xs": { + "value": "8px", + "type": "spacing" + } + } + }, + "gap": { + "value": "8px", + "type": "spacing" + } + } + }, + "buttonIcon": { + "content": { + "color": { + "primary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "ghost": { + "default": { + "value": "#0C1F22", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#343A3F", + "type": "color" + }, + "down": { + "value": "#0C1F22", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "#F1FFBD", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#F1FFBD", + "type": "color" + }, + "default--reverse": { + "value": "#878D96", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "#d13b3b", + "type": "color" + }, + "hover": { + "value": "#ffffff", + "type": "color" + }, + "down": { + "value": "#d13b3b", + "type": "color" + }, + "hover--reverse": { + "value": "#b52a2a", + "type": "color" + } + } + } + }, + "background": { + "color": { + "primary": { + "default": { + "value": "#B4E600", + "type": "color" + }, + "hover": { + "value": "#B4E600", + "type": "color" + }, + "pressed": { + "value": "#98C200", + "type": "color" + }, + "selected": { + "value": "#E2FF7A", + "type": "color" + }, + "focus": { + "value": "#B4E600", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + }, + "default--reverse": { + "value": "transparent", + "type": "color" + }, + "hover--reverse": { + "value": "#F1FFBD", + "type": "color" + }, + "down--reverse": { + "value": "transparent", + "type": "color" + } + }, + "ghost": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "pressed": { + "value": "#98C200", + "type": "color" + }, + "selected": { + "value": "#E2FF7A", + "type": "color" + }, + "focus": { + "value": "#F1FFBD", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#343A3F", + "type": "color" + }, + "down": { + "value": "#0C1F22", + "type": "color" + }, + "default--reverse": { + "value": "transparent", + "type": "color" + }, + "hover--reverse": { + "value": "#F8F9FB", + "type": "color" + }, + "down--reverse": { + "value": "transparent", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "#F8F9FB", + "type": "color" + }, + "hover": { + "value": "#F2F4F8", + "type": "color" + }, + "down": { + "value": "#F8F9FB", + "type": "color" + }, + "default-reverse": { + "value": "transparent", + "type": "color" + }, + "hover-reverse": { + "value": "#F1FFBD", + "type": "color" + }, + "down-reverse": { + "value": "transparent", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "#f7dede", + "type": "color" + }, + "hover": { + "value": "#d13b3b", + "type": "color" + }, + "down": { + "value": "#f7dede", + "type": "color" + }, + "default--reverse": { + "value": "transparent", + "type": "color" + }, + "hover--reverse": { + "value": "#f0bebe", + "type": "color" + }, + "down--reverse": { + "value": "transparent", + "type": "color" + } + } + } + }, + "border": { + "radius": { + "md": { + "value": "4px", + "type": "borderRadius" + }, + "rounded": { + "value": "99em", + "type": "borderRadius" + } + }, + "width": { + "value": "2px", + "type": "borderWidth" + }, + "color": { + "primary": { + "default": { + "value": "#B4E600", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#98C200", + "type": "color" + }, + "default--reverse": { + "value": "transparent", + "type": "color" + }, + "hover--reverse": { + "value": "#F1FFBD", + "type": "color" + }, + "down--reverse": { + "value": "#F1FFBD", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#343A3F", + "type": "color" + }, + "down": { + "value": "#343A3F", + "type": "color" + }, + "default-reverse": { + "value": "transparent", + "type": "color" + }, + "hover-reverse": { + "value": "#F8F9FB", + "type": "color" + }, + "down-reverse": { + "value": "#F8F9FB", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "#DDE1E6", + "type": "color" + }, + "hover": { + "value": "#C1C7CD", + "type": "color" + }, + "down": { + "value": "#C1C7CD", + "type": "color" + }, + "default-reverse": { + "value": "transparent", + "type": "color" + }, + "hover--reverse": { + "value": "#F1FFBD", + "type": "color" + }, + "down--reverse": { + "value": "#F1FFBD", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "#f7dede", + "type": "color" + }, + "hover": { + "value": "#d13b3b", + "type": "color" + }, + "down": { + "value": "#d13b3b", + "type": "color" + }, + "default--reverse": { + "value": "transparent", + "type": "color" + }, + "hover--reverse": { + "value": "#f0bebe", + "type": "color" + }, + "down--reverse": { + "value": "#f7dede", + "type": "color" + } + } + } + }, + "spacing": { + "padding": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "6px", + "type": "spacing" + } + } + }, + "shadow": { + "hover": { + "value": { + "x": 0, + "y": 0, + "blur": 4, + "spread": 0, + "color": "#b4e600cc", + "type": "dropShadow" + }, + "type": "boxShadow" + } + } + }, + "buttonAction": { + "content": { + "color": { + "primary": { + "default": { + "value": "#2F463F", + "type": "color" + }, + "hover": { + "value": "#0C1F22", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + }, + "default--reverse": { + "value": "#C1C7CD", + "type": "color" + }, + "hover--reverse": { + "value": "#ffffff", + "type": "color" + }, + "down--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#d13b3b", + "type": "color" + }, + "down": { + "value": "#d13b3b", + "type": "color" + } + } + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + } + }, + "background": { + "color": { + "primary": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "pressed": { + "value": "#98C200", + "type": "color" + }, + "hover--reverse": { + "value": "#0C1F22", + "type": "color" + }, + "hover--reverse-transparent": { + "value": "#ffffff", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.15", + "space": "lch" + } + } + } + }, + "down": { + "value": "#F1FFBD", + "type": "color" + }, + "down--reverse": { + "value": "#878D96", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#f7dede", + "type": "color" + }, + "down": { + "value": "#f7dede", + "type": "color" + } + } + } + }, + "border": { + "width": { + "value": "1px", + "type": "borderWidth" + }, + "radius": { + "md": { + "value": "4px", + "type": "borderRadius" + }, + "rounded": { + "value": "99em", + "type": "borderRadius" + } + }, + "color": { + "primary": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "down": { + "value": "#C1C7CD", + "type": "color" + }, + "hover--reverse": { + "value": "#0C1F22", + "type": "color" + }, + "down--reverse": { + "value": "#878D96", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#f7dede", + "type": "color" + }, + "down": { + "value": "#C1C7CD", + "type": "color" + } + } + } + }, + "spacing": { + "padding": { + "sm": { + "value": "2px", + "type": "spacing" + }, + "md": { + "value": "4px", + "type": "spacing" + } + }, + "gap": { + "value": "4px", + "type": "spacing" + } + } + }, + "input": { + "content": { + "color": { + "default": { + "value": "#343A3F", + "type": "color" + }, + "placeholder": { + "value": "#878D96", + "type": "color" + }, + "icon": { + "value": "#4D5358", + "type": "color" + }, + "icon--action": { + "value": "#2F463F", + "type": "color" + }, + "selected": { + "value": "#B4E600", + "type": "color" + } + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#F8F9FB", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "#C1C7CD", + "type": "color" + }, + "subtle": { + "value": "#DDE1E6", + "type": "color" + }, + "negative": { + "value": "#d13b3b", + "type": "color" + } + }, + "radius": { + "sm": { + "value": "2px", + "type": "borderRadius" + }, + "md": { + "value": "4px", + "type": "borderRadius" + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + } + }, + "spacing": { + "padding": { + "vertical": { + "md": { + "value": "8px", + "type": "spacing" + }, + "ssm": { + "value": "4px", + "type": "spacing" + }, + "sm": { + "value": "3px", + "type": "spacing" + } + }, + "horizontal": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + }, + "xmsm": { + "value": "10px", + "type": "spacing" + } + }, + "all": { + "value": "12px", + "type": "spacing" + } + }, + "gap": { + "none": { + "value": "0px", + "type": "spacing" + }, + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" + } + } + } + }, + "label": { + "spacing": { + "gap": { + "none": { + "value": "0px", + "type": "spacing" + }, + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" + } + } + }, + "content": { + "color": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "subtle": { + "value": "#878D96", + "type": "color" + } + }, + "typo": { + "01": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "02": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "03": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + } + }, + "phatic": { + "attention": { + "value": "#f39c12", + "type": "color" + } + } + } + }, + "helpText": { + "content": { + "color": { + "default": { + "value": "#878D96", + "type": "color" + }, + "emphasis": { + "value": "#4D5358", + "type": "color" + }, + "phatic--negative": { + "value": "#d13b3b", + "type": "color" + }, + "phatic--attention": { + "value": "#f39c12", + "type": "color" + }, + "phatic": { + "value": "#d13b3b", + "type": "color" + } + }, + "typo-": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "12px" + }, + "type": "typography" + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "fontSize": "10px", + "lineHeight": "14px" + }, + "type": "typography" + } + }, + "spacing": { + "gap": { + "value": "4px", + "type": "spacing" + } + } + }, + "radio": { + "size": { + "sm": { + "value": "10px", + "type": "sizing" + }, + "md": { + "value": "20px", + "type": "sizing" + } + }, + "content": { + "color": { + "label": { + "value": "#4D5358", + "type": "color" + }, + "selected": { + "value": "#2F463F", + "type": "color" + }, + "default": { + "value": "transparent", + "type": "color" + }, + "icon": { + "value": "#C1C7CD", + "type": "color" + }, + "hover": { + "value": "#878D96", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "selected": { + "value": "#F1FFBD", + "type": "color" + }, + "default--reverse": { + "value": "#F1FFBD", + "type": "color" + }, + "selected--reverse": { + "value": "#ffffff", + "type": "color" + } + } + }, + "border": { + "radius": { + "value": "99em", + "type": "borderRadius" + }, + "width": { + "value": "1px", + "type": "borderWidth" + }, + "color": { + "default": { + "value": "#C1C7CD", + "type": "color" + }, + "selected": { + "value": "#2F463F", + "type": "color" + }, + "error": { + "value": "#d13b3b", + "type": "color" + }, + "hover": { + "value": "#E2FF7A", + "type": "color" + } + } + }, + "spacing": { + "gap": { + "value": "8px", + "type": "spacing" + }, + "paddings": { + "md": { + "value": "16px", + "type": "spacing" + }, + "lg": { + "value": "24px", + "type": "spacing" + } + } + }, + "shadow": { + "hover": { + "value": { + "x": 0, + "y": 0, + "blur": 2, + "spread": 0, + "color": "#4a6000cc", + "type": "dropShadow" + }, + "type": "boxShadow" + } + }, + "label": { + "content": { + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + } + } + } + }, + "checkbox": { + "shadow": { + "hover": { + "value": { + "x": 0, + "y": 0, + "blur": 2, + "spread": 0, + "color": "#4a6000cc", + "type": "dropShadow" + }, + "type": "boxShadow" + } + }, + "size": { + "md": { + "value": "20px", + "type": "sizing" + } + }, + "content": { + "color": { + "default": { + "value": "transparent", + "type": "color" + }, + "label": { + "value": "#4D5358", + "type": "color" + }, + "icon": { + "value": "#2F463F", + "type": "color" + }, + "selected": { + "value": "#ffffff", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "contrast": { + "value": "#F1FFBD", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "selected": { + "value": "#B4E600", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "#C1C7CD", + "type": "color" + }, + "select": { + "value": "#2F463F", + "type": "color" + }, + "negative": { + "value": "#d13b3b", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "selected": { + "value": "#B4E600", + "type": "color" + } + }, + "radius": { + "value": "2px", + "type": "borderRadius" + }, + "width": { + "value": "1px", + "type": "borderWidth" + } + }, + "spacing": { + "gap": { + "value": "8px", + "type": "spacing" + }, + "paddings": { + "md": { + "value": "16px", + "type": "spacing" + }, + "lg": { + "value": "24px", + "type": "spacing" + } + } + } + }, + "badge": { + "content": { + "typo": { + "caption": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "fontSize": 10, + "lineHeight": 14, + "textCase": "uppercase" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": 12 + }, + "type": "typography" + }, + "sm--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "24px", + "fontSize": "14px" + }, + "type": "typography" + }, + "md--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "24px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "color": { + "default--reverse": { + "value": "#ffffff", + "type": "color" + }, + "default": { + "value": "#4D5358", + "type": "color" + } + } + }, + "background": { + "color": { + "neutral": { + "default": { + "value": "#F2F4F8", + "type": "color" + }, + "hover": { + "value": "#DDE1E6", + "type": "color" + }, + "white": { + "value": "#ffffff", + "type": "color" + }, + "grey": { + "value": "#F2F4F8", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "primary": { + "default": { + "value": "#B4E600", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "#d13b3b", + "type": "color" + }, + "default--warning": { + "value": "#f39c12", + "type": "color" + } + }, + "info": { + "default": { + "value": "#307AE8", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + } + } + } + }, + "border": { + "radius": { + "value": "99em", + "type": "borderRadius" + }, + "md-radius": { + "value": "4px", + "type": "borderRadius" + }, + "color": { + "default--reverse": { + "value": "#ffffff", + "type": "color" + }, + "default": { + "value": "#DDE1E6", + "type": "color" + }, + "white": { + "value": "#878D96", + "type": "color" + }, + "grey": { + "value": "#C1C7CD", + "type": "color" + }, + "hover": { + "value": "#878D96", + "type": "color" + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + } + }, + "size": { + "sm": { + "value": "8px", + "type": "sizing" + }, + "md": { + "value": "12px", + "type": "sizing" + }, + "lg": { + "value": "16px", + "type": "sizing" + }, + "xlg": { + "value": "32px", + "type": "sizing" + }, + "2xlg": { + "value": "48px", + "type": "sizing" + } + }, + "spacing": { + "padding": { + "3xsm": { + "value": "2px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + }, + "lg": { + "value": "12px", + "type": "spacing" + }, + "sm": { + "value": "4px", + "type": "spacing" + } + } + } + }, + "avatar": { + "size": { + "xsm": { + "value": "16px", + "type": "sizing" + }, + "sm": { + "value": "24px", + "type": "sizing" + }, + "md": { + "value": "32px", + "type": "sizing" + }, + "xmd": { + "value": "48px", + "type": "sizing" + }, + "lg": { + "value": "56px", + "type": "sizing" + }, + "xlg": { + "value": "120px", + "type": "sizing" + } + }, + "content": { + "typo": { + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "fontSize": 12, + "textCase": "uppercase", + "lineHeight": 16 + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "fontSize": 16, + "textCase": "uppercase" + }, + "type": "typography" + }, + "lg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "fontSize": 23, + "textCase": "uppercase" + }, + "type": "typography" + }, + "xlg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "fontSize": "56px", + "textCase": "uppercase" + }, + "type": "typography" + } + }, + "color": { + "default": { + "value": "#ffffff", + "type": "color" + } + } + }, + "background": { + "color": { + "10": { + "value": "#EC62D8", + "type": "color" + }, + "01": { + "value": "#DC5571", + "type": "color" + }, + "02": { + "value": "#F26262", + "type": "color" + }, + "03": { + "value": "#E36B2B", + "type": "color" + }, + "04": { + "value": "#E8C642", + "type": "color" + }, + "05": { + "value": "#96D47F", + "type": "color" + }, + "06": { + "value": "#50B579", + "type": "color" + }, + "07": { + "value": "#4F96FF", + "type": "color" + }, + "08": { + "value": "#7449F4", + "type": "color" + }, + "09": { + "value": "#B462F2", + "type": "color" + } + } + }, + "border": { + "radius": { + "circle": { + "value": "50%", + "type": "borderRadius" + }, + "md": { + "value": "4px", + "type": "borderRadius" + } + } + } + }, + "colorPicker": { + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + } + } + }, + "border": { + "radius": { + "md": { + "value": "4px", + "type": "borderRadius" + }, + "rounded": { + "value": "99em", + "type": "borderRadius" + } + }, + "color": { + "default": { + "value": "#ffffff", + "type": "color" + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + } + }, + "spacing": { + "gap": { + "value": "16px", + "type": "spacing" + }, + "padding": { + "value": "16px", + "type": "spacing" + } + }, + "size": { + "md": { + "value": "16px", + "type": "sizing" + } + } + }, + "calendar": { + "content": { + "typo": { + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "14px" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + } + }, + "color": { + "calendarButton": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "weekName": { + "default": { + "value": "#C1C7CD", + "type": "color" + } + }, + "weekday": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#B4E600", + "type": "color" + }, + "down": { + "value": "#ffffff", + "type": "color" + }, + "default--weekend": { + "value": "#d13b3b", + "type": "color" + } + } + } + }, + "spacing": { + "padding": { + "vertical": { + "value": "8px", + "type": "spacing" + }, + "horizontal": { + "value": "8px", + "type": "spacing" + } + }, + "gap": { + "value": "16px", + "type": "spacing" + } + }, + "border": { + "radius": { + "md": { + "value": "4px", + "type": "borderRadius" + }, + "rounded": { + "value": "99em", + "type": "borderRadius" + } + } + }, + "background": { + "color": { + "calendarButton": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#F8F9FB", + "type": "color" + }, + "down": { + "value": "#F2F4F8", + "type": "color" + }, + "default--reverse": { + "value": "#B4E600", + "type": "color" + }, + "hover--reverse": { + "value": "#98C200", + "type": "color" + }, + "down--reverse": { + "value": "#B4E600", + "type": "color" + } + }, + "weekday": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + }, + "default--alt": { + "value": "#E2FF7A", + "type": "color" + } + }, + "range": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + } + } + } + }, + "size": { + "md": { + "value": "36px", + "type": "sizing" + } + } + }, + "popover": { + "background": { + "color": { + "enabled": { + "value": "#ffffff", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "vertical": { + "xsm": { + "value": "4px", + "type": "spacing" + }, + "sm": { + "value": "8px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + } + }, + "horizontal": { + "xsm": { + "value": "4px", + "type": "spacing" + }, + "sm": { + "value": "8px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + } + } + }, + "gap": { + "value": "16px", + "type": "spacing" + } + }, + "border": { + "color": { + "enabled": { + "value": "#F8F9FB", + "type": "color" + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + }, + "radius": { + "value": "4px", + "type": "borderRadius" + } + } + }, + "drawer": { + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "muted": { + "value": "#F2F4F8", + "type": "color" + } + } + }, + "spacing": { + "gap": { + "xxs": { + "value": "4px", + "type": "spacing" + }, + "xs": { + "value": "8px", + "type": "spacing" + }, + "sm": { + "value": "16px", + "type": "spacing" + }, + "md": { + "value": "32px", + "type": "spacing" + } + }, + "padding": { + "value": "16px", + "type": "spacing" + } + }, + "shadow": { + "left": { + "value": [ + { + "color": "#21272a0d", + "type": "dropShadow", + "x": -32, + "y": 0, + "blur": 32, + "spread": 0 + } + ], + "type": "boxShadow" }, + "top": { + "value": [ + { + "x": 0, + "y": 100, + "blur": 60, + "spread": 0, + "color": "#dde1e614", + "type": "dropShadow" + }, + { + "x": 0, + "y": 32, + "blur": 32, + "spread": 0, + "color": "#1a202b0d", + "type": "dropShadow" + } + ], + "type": "boxShadow" + } + }, + "content": { + "color": { + "default": { + "value": "#343A3F", + "type": "color" + }, + "icon": { + "value": "#4D5358", + "type": "color" + } + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "20px" + }, + "type": "typography" + }, + "typo-regular": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "typo-bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "border": { + "color": { + "default": { + "value": "#C1C7CD", + "type": "color" + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + } + } + }, + "link": { + "content": { + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "24px", + "fontSize": "14px", + "textDecoration": "underline" + }, + "type": "typography" + }, + "typo--medium": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "14px", + "textDecoration": "underline" + }, + "type": "typography" + }, + "color": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#E2FF7A", + "type": "color" + }, + "default--reverse": { + "value": "#F1FFBD", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "horizontal": { + "value": "2px", + "type": "spacing" + } + }, + "gap": { + "value": "4px", + "type": "spacing" + } + }, + "background": { + "color": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "pressed": { + "value": "#E2FF7A", + "type": "color" + }, + "down": { + "value": "#F1FFBD", + "type": "color" + } + } + }, + "border": { + "radius": { + "value": "2px", + "type": "borderRadius" + } + } + }, + "divider": { + "size": { + "sm": { + "value": "1px", + "type": "sizing" + } + }, + "background": { + "color": { + "default": { + "value": "#DDE1E6", + "type": "color" + } + } + } + }, + "tab": { + "content": { + "color": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#343A3F", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + } + }, + "typo": { + "sm": { + "value": "{global.content.typo.body.sm}", + "type": "typography" + }, + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "border": { + "color": { + "hover": { + "value": "#DDE1E6", + "type": "color" + }, + "selected": { + "value": "#B4E600", + "type": "color" + }, + "content": { + "value": "#DDE1E6", + "type": "color" + }, + "default": { + "value": "transparent", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + } + }, + "radius": { + "value": "2px", + "type": "borderRadius" + }, + "width": { + "sm": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "md": { + "value": "{global.border.width.md}", + "type": "borderWidth" + }, + "value": "4px", + "type": "borderWidth" + } + }, + "background": { + "color": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "selected": { + "value": "transparent", + "type": "color" + }, + "down": { + "value": "transparent", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "value": "16px", + "type": "spacing" + }, + "gap": { + "value": "8px", + "type": "spacing" + }, + "vertical": { + "md": { + "value": "16px", + "type": "spacing" + } + }, + "horizontal": { + "xsm": { + "value": "8px", + "type": "spacing" + } + } + } + }, + "segmentedControl": { + "content": { + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "typo--medium": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "color": { + "default": { + "value": "#878D96", + "type": "color" + }, + "hover": { + "value": "#4D5358", + "type": "color" + }, + "selected": { + "value": "#4D5358", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "value": "16px", + "type": "spacing" + }, + "gap": { + "value": "8px", + "type": "spacing" + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#ffffff", + "type": "color" + }, + "selected": { + "value": "#ffffff", + "type": "color" + } + } + }, + "border": { + "radius": { + "value": "4px", + "type": "borderRadius" + }, + "color": { + "default": { + "value": "#DDE1E6", + "type": "color" + }, + "hover": { + "value": "#2F463F", + "type": "color" + }, + "selected": { + "value": "#2F463F", + "type": "color" + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + } + } + }, + "modal": { + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "value": "16px", + "type": "spacing" + }, + "gap": { + "value": "16px", + "type": "spacing" + } + }, + "border": { + "radius": { + "value": "4px", + "type": "borderRadius" + }, + "color": { + "default": { + "value": "#ffffff", + "type": "color" + } + }, + "width": { + "value": "2px", + "type": "borderWidth" + } + } + }, + "dropdown": { + "content": { + "color": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "default--alt": { + "value": "#878D96", + "type": "color" + } + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "24px", + "fontSize": "14px" + }, + "type": "typography" + }, + "typo--medium": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "spacing": { + "padding": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + } + }, + "gap": { + "1xsm": { + "value": "{global.spacing.gap.1xsm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + }, + "value": "8px", + "type": "spacing" + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "down": { + "value": "#E2FF7A", + "type": "color" + }, + "active": { + "value": "#F2F4F8", + "type": "color" + } + } + }, + "border": { + "radius": { + "value": "4px", + "type": "borderRadius" + }, + "width": { + "value": "1px", + "type": "borderWidth" + }, + "color": { + "default": { + "value": "#C1C7CD", + "type": "color" + } + } + }, + "shadow": { + "default": { + "value": [ + { + "color": "#21272a14", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } + ], + "type": "boxShadow" + } + } + }, + "score": { + "content": { + "color": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "muted": { + "value": "#878D96", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "typo": { + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px", + "textCase": "none" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "20px", + "fontSize": "14px", + "textCase": "none" + }, + "type": "typography" + }, + "lg--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "24px", + "fontSize": "16px", + "textCase": "none" + }, + "type": "typography" + }, + "lg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "24px", + "fontSize": "16px", + "textCase": "none", + "letterSpacing": "", + "paragraphSpacing": "24px" + }, + "type": "typography" + }, + "xlg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "32px", + "fontSize": "23px", + "textCase": "none" + }, + "type": "typography" + }, + "2xlg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "40px", + "fontSize": "29px", + "textCase": "none" + }, + "type": "typography" + } + } + }, + "background": { + "color": { + "neutral": { + "default": { + "value": "#F2F4F8", + "type": "color" + }, + "emphasis": { + "value": "#DDE1E6", + "type": "color" + }, + "subtle": { + "value": "#F8F9FB", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "active": { + "value": "#ffffff", + "type": "color" + } + }, + "positive": { + "default": { + "value": "#5cbc6a", + "type": "color" + }, + "emphasis": { + "value": "#368442", + "type": "color" + }, + "muted": { + "value": "#c9e9cd", + "type": "color" + } + }, + "attention": { + "default": { + "value": "#f39c12", + "type": "color" + }, + "emphasis": { + "value": "#ba7609", + "type": "color" + }, + "muted": { + "value": "#fef3e1", + "type": "color" + } + }, + "negative": { + "default": { + "value": "#d13b3b", + "type": "color" + }, + "emphasis": { + "value": "#b52a2a", + "type": "color" + }, + "muted": { + "value": "#f0bebe", + "type": "color" + } + } + } + }, + "border": { + "color": { + "neutral": { + "default": { + "value": "#F2F4F8", + "type": "color" + }, + "emphasis": { + "value": "#DDE1E6", + "type": "color" + }, + "active": { + "value": "#B4E600", + "type": "color" + } + }, + "positive": { + "default": { + "value": "#5cbc6a", + "type": "color" + }, + "emphasis": { + "value": "#368442", + "type": "color" + }, + "muted": { + "value": "#c9e9cd", + "type": "color" + } + }, + "attention": { + "default": { + "value": "#f39c12", + "type": "color" + }, + "emphasis": { + "value": "#ba7609", + "type": "color" + }, + "muted": { + "value": "#fef3e1", + "type": "color" + } + }, + "negative": { + "default": { + "value": "#d13b3b", + "type": "color" + }, + "emphasis": { + "value": "#b52a2a", + "type": "color" + }, + "muted": { + "value": "#f0bebe", + "type": "color" + } + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + }, + "radius": { + "md": { + "value": "4px", + "type": "borderRadius" + }, + "lg": { + "value": "8px", + "type": "borderRadius" + } + } + }, + "spacing": { + "padding": { + "md": { + "value": "8px", + "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" + }, + "xlg": { + "value": "32px", + "type": "spacing" + } + }, + "gap": { + "value": "8px", + "type": "spacing" + } + } + }, + "tree": { + "content": { + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "fontSize": "14px", + "lineHeight": "24px" + }, + "type": "typography" + }, + "color": { + "default": { + "value": "#4D5358", + "type": "color" + } + } + }, + "spacing": { + "gap": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + } + }, + "padding": { + "vertical": { + "value": "3px", + "type": "spacing" + }, + "horizontal": { + "value": "8px", + "type": "spacing" + } + } + }, + "border": { + "width": { + "value": "1px", + "type": "borderWidth" + }, + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#DDE1E6", + "type": "color" + }, + "default-alt": { + "value": "#B4E600", + "type": "color" + }, + "hover-alt": { + "value": "#878D96", + "type": "color" + } + }, + "radius": { + "value": "4px", + "type": "borderRadius" + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#F8F9FB", + "type": "color" + } + } + } + }, + "breadcrumbs": { + "content": { + "typo": { + "default": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": 20, + "fontSize": 14 + }, + "type": "typography" + }, + "hover": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": 20, + "fontSize": 14, + "textDecoration": "underline" + }, + "type": "typography" + }, + "current": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": 20, + "fontSize": 14 + }, + "type": "typography" + } + }, + "color": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#B4E600", + "type": "color" + }, + "default--alt": { + "value": "#343A3F", + "type": "color" + } + } + } + }, + "breadcrumb": { + "spacing": { + "gap": { + "value": "8px", + "type": "spacing" + } + } + }, + "pager": { + "content": { + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": 20, + "fontSize": 14 + }, + "type": "typography" + }, + "typo--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": 20, + "fontSize": 14 + }, + "type": "typography" + }, + "color": { + "default": { + "value": "#0C1F22", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "down": { + "value": "#F1FFBD", + "type": "color" + }, + "selected": { + "value": "transparent", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "down": { + "value": "#C1C7CD", + "type": "color" + }, + "selected": { + "value": "#E2FF7A", + "type": "color" + } + }, + "radius": { + "value": "99em", + "type": "borderRadius" + }, + "width": { + "value": "1px", + "type": "borderWidth" + } + }, + "size": { + "md": { + "value": "48px", + "type": "sizing" + } + }, + "spacing": { + "gap": { + "lg": { + "value": "16px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + } + } + } + }, + "tooltip": { + "content": { + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": 20, + "fontSize": 14 + }, + "type": "typography" + }, + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "default-reverse": { + "value": "#4D5358", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "default--alt": { + "value": "#B4E600", + "type": "color" + }, + "default-reverse": { + "value": "#ffffff", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "vertical": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "12px", + "type": "spacing" + } + }, + "horizontal": { + "sm": { + "value": "8px", + "type": "spacing" + }, + "md": { + "value": "12px", + "type": "spacing" + } + } + }, + "gap": { + "value": "16px", + "type": "spacing" + } + }, + "border": { + "radius": { + "value": "2px", + "type": "borderRadius" + } + } + }, + "banner": { + "content": { + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "14px" + }, + "type": "typography" + }, + "typo--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "14px" + }, + "type": "typography" + }, + "color": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "success": { + "value": "#368442", + "type": "color" + }, + "error": { + "value": "#b52a2a", + "type": "color" + }, + "warning": { + "value": "#ba7609", + "type": "color" + }, + "info": { + "value": "#98C200", + "type": "color" + } + } + }, + "spacing": { + "padding": { + "vertical": { + "xsm": { + "value": "4px", + "type": "spacing" + }, + "sm": { + "value": "8px", + "type": "spacing" + }, + "md": { + "value": "12px", + "type": "spacing" + } + }, + "horizontal": { + "sm": { + "value": "16px", + "type": "spacing" + }, + "md": { + "value": "24px", + "type": "spacing" + } + } + }, + "gap": { + "value": "16px", + "type": "spacing" + } + }, + "background": { + "color": { + "success": { + "value": "#e4f4e6", + "type": "color" + }, + "error": { + "value": "#f7dede", + "type": "color" + }, + "warning": { + "value": "#fef3e1", + "type": "color" + }, + "info": { + "value": "#F1FFBD", + "type": "color" + } + } + }, + "border": { + "radius": { + "value": "4px", + "type": "borderRadius" + } + } + }, + "chip": { + "content": { + "typo": { + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "24px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "color": { + "default": { + "value": "#4D5358", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "#F2F4F8", + "type": "color" + }, + "hover": { + "value": "#DDE1E6", + "type": "color" + }, + "default--alt": { + "value": "transparent", + "type": "color" + }, + "hover--alt": { + "value": "#F8F9FB", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "#C1C7CD", + "type": "color" + }, + "hover": { + "value": "#878D96", + "type": "color" + }, + "default--alt": { + "value": "#878D96", + "type": "color" + }, + "hover--alt": { + "value": "#4D5358", + "type": "color" + }, + "empty": { + "value": "transparent", + "type": "color" + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + }, + "radius": { + "value": "99em", + "type": "borderRadius" + } + }, + "spacing": { + "padding": { + "horizontal": { + "sm": { + "value": "8px", + "type": "spacing" + } + }, + "vertical": { + "sm": { + "value": "3px", + "type": "spacing" + } + } + } + } + }, + "toast": { + "spacing": { + "padding": { + "value": "16px", + "type": "spacing" + }, + "gap": { + "value": "16px", + "type": "spacing" + } + }, + "content": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "default--reverse": { + "value": "#4D5358", + "type": "color" + }, + "default--alt": { + "value": "#C1C7CD", + "type": "color" + }, + "default--alt--reverse": { + "value": "#878D96", + "type": "color" + } + }, + "typo": { + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "fontSize": "10px", + "lineHeight": "14px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": 24, + "fontSize": 14 + }, + "type": "typography" + } + } + }, + "background": { + "color": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + } + }, + "border": { + "radius": { + "value": "4px", + "type": "borderRadius" + }, + "color": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "default--reverse": { + "value": "#C1C7CD", + "type": "color" + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + } + } + }, + "menu": { + "spacing": { + "padding": { + "xms": { + "value": "4px", + "type": "spacing" + }, + "3xms": { + "value": "2px", + "type": "spacing" + }, + "xsm": { + "value": "8px", + "type": "spacing" + }, + "sm": { + "value": "12px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + }, + "xlslg": { + "value": "28px", + "type": "spacing" + }, + "xlgm": { + "value": "52px", + "type": "spacing" + }, + "lg": { + "value": "24px", + "type": "spacing" + } + }, + "gap": { + "value": "12px", + "type": "spacing" + }, + "gap--1xsm": { + "value": "2px", + "type": "spacing" + }, + "gap-md": { + "value": "8px", + "type": "spacing" + } + }, + "content": { + "color": { + "main": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#ffffff", + "type": "color" + }, + "active": { + "value": "#ffffff", + "type": "color" + } + }, + "sub": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#ffffff", + "type": "color" + }, + "active": { + "value": "#ffffff", + "type": "color" + } + } + }, + "typo--regular": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "typo--medium": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "typo": { + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "fontSize": "14px", + "lineHeight": "20px" + }, + "type": "typography" + } + } + }, + "background": { + "color": { + "main": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "active": { + "value": "#E2FF7A", + "type": "color" + } + }, + "sub": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#B4E600", + "type": "color" + }, + "active": { + "value": "#B4E600", + "type": "color" + } + } + } + }, + "size": { + "md": { + "value": "48px", + "type": "sizing" + }, + "lg": { + "value": "56px", + "type": "sizing" + } + }, + "border": { + "color": { + "main": { + "active": { + "value": "#B4E600", + "type": "color" + }, + "default": { + "value": "#DDE1E6", + "type": "color" + } + } + }, + "radius": { + "md": { + "value": "4px", + "type": "borderRadius" + } + } + }, + "shadow": { + "value": [ + { + "color": "#21272a0d", + "type": "dropShadow", + "x": 32, + "y": 0, + "blur": 32, + "spread": 0 + } + ], + "type": "boxShadow" }, - blur: { - value: '4px', - type: 'dimension', + "footer": { + "value": [ + { + "color": "#21272a1f", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } + ], + "type": "boxShadow" }, + "modal": { + "value": [ + { + "color": "#21272a29", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } + ], + "type": "boxShadow" + } + }, + "stepper": { + "content": { + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "fontSize": 14, + "lineHeight": 20 + }, + "type": "typography" + }, + "typo-pending": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "fontSize": 14, + "lineHeight": 20 + }, + "type": "typography" + }, + "color": { + "pending": { + "value": "{global.content.color.secondary.mutedSuble}", + "type": "color", + "failedToResolve": true + }, + "pending-text": { + "value": "#0C1F22", + "type": "color" + }, + "active": { + "value": "#B4E600", + "type": "color" + }, + "completed": { + "value": "#343A3F", + "type": "color" + }, + "default": { + "value": "#878D96", + "type": "color" + } + } + }, + "spacing": { + "gap": { + "value": "4px", + "type": "spacing" + }, + "xsm": { + "value": "6px", + "type": "spacing" + }, + "padding": { + "xsm": { + "value": "8px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + } + } + }, + "background": { + "color": { + "pending": { + "value": "{global.background.color.primary.verySubtle}", + "type": "color", + "failedToResolve": true + }, + "active": { + "value": "{global.background.color.primary.verySubtle}", + "type": "color", + "failedToResolve": true + }, + "active--reverse": { + "value": "#DDE1E6", + "type": "color" + }, + "completed": { + "value": "#B4E600", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "#C1C7CD", + "type": "color" + }, + "active": { + "value": "#C1C7CD", + "type": "color" + }, + "active--reverse": { + "value": "#ffffff", + "type": "color" + }, + "completed": { + "value": "#B4E600", + "type": "color" + } + }, + "radius": { + "value": "50%", + "type": "borderRadius" + }, + "md": { + "value": "4px", + "type": "borderRadius" + }, + "width": { + "value": "1px", + "type": "borderWidth" + } + }, + "size": { + "sm": { + "value": "12px", + "type": "sizing" + }, + "md": { + "value": "20px", + "type": "sizing" + }, + "xlg": { + "value": "24px", + "type": "sizing" + } + } + }, + "accordion": { + "content": { + "typo": { + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "16px" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "color": { + "default": { + "value": "#4D5358", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "default--alt": { + "value": "#F8F9FB", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "#DDE1E6", + "type": "color" + } + }, + "width": { + "value": "1px", + "type": "borderWidth" + }, + "radius": { + "value": "8px", + "type": "borderRadius" + } + }, + "spacing": { + "padding": { + "md": { + "value": "16px", + "type": "spacing" + }, + "lg": { + "value": "24px", + "type": "spacing" + } + }, + "gap": { + "value": "16px", + "type": "spacing" + } + } + }, + "table": { + "content": { + "typo": { + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": 20, + "fontSize": 14 + }, + "type": "typography" + }, + "md--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": 20, + "fontSize": 14 + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": 16, + "fontSize": 12 + }, + "type": "typography" + } + }, + "color": { + "default": { + "value": "#4D5358", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "#DDE1E6", + "type": "color" + }, + "emphasis": { + "value": "#878D96", + "type": "color" + } + }, + "width": { + "value": "2px", + "type": "borderWidth" + }, + "radius": { + "value": "4px", + "type": "borderRadius" + } + }, + "spacing": { + "padding": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + } + }, + "gaps": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" + } + } + } + }, + "timeline": { + "content": { + "color": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "background": { + "color": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + } + }, + "spacing": { + "gap": { + "value": "4px", + "type": "spacing" + }, + "padding": { + "value": "24px", + "type": "spacing" + } + }, + "border": { + "color": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "width": { + "sm": { + "value": "1px", + "type": "borderWidth" + }, + "md": { + "value": "2px", + "type": "borderWidth" + } + } + } + }, + "swiper": { + "size": { + "md": { + "value": "48px", + "type": "sizing" + } + }, + "content": { + "color": { + "default": { + "value": "#878D96", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "#F2F4F8", + "type": "color" + }, + "hover": { + "value": "#DDE1E6", + "type": "color" + } + } + }, + "spacing": { + "gap": { + "value": "16px", + "type": "spacing" + }, + "padding": { + "value": "48px", + "type": "spacing" + } + }, + "border": { + "radius": { + "value": "2px", + "type": "borderRadius" + } + } + }, + "comunica": { + "content": { + "typo": { + "01": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": 24, + "fontSize": 14 + }, + "type": "typography" + }, + "02": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": 24, + "fontSize": 14 + }, + "type": "typography" + } + }, + "color": { + "default": { + "value": "#343A3F", + "type": "color" + }, + "default--alt": { + "value": "#C1C7CD", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "#F8F9FB", + "type": "color" + }, + "muted": { + "value": "#ffffff", + "type": "color" + }, + "emphasis": { + "value": "#F2F4F8", + "type": "color" + } + } + }, + "border": { + "color": { + "default": { + "value": "#C1C7CD", + "type": "color" + }, + "default--alt": { + "value": "#98C200", + "type": "color" + } + }, + "width": { + "sm": { + "value": "1px", + "type": "borderWidth" + }, + "md": { + "value": "2px", + "type": "borderWidth" + } + }, + "radius": { + "value": "4px", + "type": "borderRadius" + } + }, + "spacing": { + "padding": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" + }, + "xlg": { + "value": "96px", + "type": "spacing" + } + }, + "gap": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" + } + } + } + }, + "menuLibrary": { + "content": { + "color": { + "main": { + "default": { + "value": "#4D5358", + "type": "color" + }, + "hover": { + "value": "#4D5358", + "type": "color" + }, + "active": { + "value": "#B4E600", + "type": "color" + } + }, + "sub": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#ffffff", + "type": "color" + }, + "active": { + "value": "#ffffff", + "type": "color" + } + } + } + }, + "background": { + "color": { + "main": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#ffffff", + "type": "color" + }, + "active": { + "value": "{global.background.color.primary.verySubtle}", + "type": "color", + "failedToResolve": true + } + }, + "sub": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#ffffff", + "type": "color" + }, + "active": { + "value": "#ffffff", + "type": "color" + } + } + } + } + }, + "headerCreate": { + "spacing": { + "padding": { + "lg": { + "value": "24px", + "type": "spacing" + } + } + }, + "border": { + "width": { + "sm": { + "value": "1px", + "type": "borderWidth" + } + } + } + }, + "HeaderCreate": { + "content": { + "color": { + "default": { + "value": "#343A3F", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + } + } + }, + "border": { + "color": { + "hover": { + "value": "#DDE1E6", + "type": "color" + } + } + } + }, + "cardLibrary": { + "spacing": { + "padding": { + "horizontal": { + "xsm": { + "value": "8px", + "type": "spacing" + }, + "sm": { + "value": "12px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + }, + "2xsm": { + "value": "4px", + "type": "spacing" + } + }, + "vertical": { + "xsm": { + "value": "8px", + "type": "spacing" + }, + "sm": { + "value": "12px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + }, + "2xsm": { + "value": "4px", + "type": "spacing" + } + } + }, + "gap": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" + }, + "xlg": { + "value": "24px", + "type": "spacing" + } + } + }, + "content": { + "color": { + "emphasis": { + "value": "#2F463F", + "type": "color" + }, + "default": { + "value": "#4D5358", + "type": "color" + }, + "subje": { + "value": "#343A3F", + "type": "color" + }, + "muted": { + "value": "#878D96", + "type": "color" + }, + "icon": { + "value": "#878D96", + "type": "color" + } + }, + "typo": { + "lg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "18px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": 20, + "fontSize": 14 + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + } + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "cover": { + "value": "#F2F4F8", + "type": "color" + } + } + }, + "border": { + "color": { + "defaut": { + "value": "#878D96", + "type": "color" + }, + "subtle": { + "value": "#DDE1E6", + "type": "color" + } + }, + "radius": { + "sm": { + "value": "4px", + "type": "borderRadius" + }, + "circle": { + "value": "50%", + "type": "borderRadius" + } + }, + "width": { + "sm": { + "value": "1px", + "type": "borderWidth" + }, + "lg": { + "value": "4px", + "type": "borderWidth" + } + } + }, + "shadow": { + "hover": { + "value": [ + { + "color": "#21272a14", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } + ], + "type": "boxShadow" + } + } + }, + "buttonIconCard": { + "spacing": { + "padding": { + "sm": { + "value": "2px", + "type": "spacing" + } + } + }, + "content": { + "color": { + "primary": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#ffffff", + "type": "color" + }, + "down": { + "value": "#ffffff", + "type": "color" + } + } + } + }, + "background": { + "color": { + "primary": { + "default": { + "value": "#4D5358", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.4", + "space": "lch" + } + } + } + }, + "hover": { + "value": "#4D5358", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.7", + "space": "lch" + } + } + } + }, + "down": { + "value": "#4D5358", + "type": "color" + } + } + } + }, + "border": { + "radius": { + "md": { + "value": "4px", + "type": "borderRadius" + } + } + } + }, + "ButtonIconCard": { + "blur": { + "default": { + "value": "4px", + "type": "dimension" + } + } + }, + "buttonIconLike": { + "content": { + "color": { + "primary": { + "default": { + "value": "#878D96", + "type": "color" + }, + "hover": { + "value": "#FF5470", + "type": "color" + }, + "active": { + "value": "#FF5470", + "type": "color" + } + } + } + } + }, + "cardAssignments": { + "spacing": { + "padding": { + "horizontal": { + "xsm": { + "value": "8px", + "type": "spacing" + }, + "sm": { + "value": "12px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + }, + "2xsm": { + "value": "4px", + "type": "spacing" + } + }, + "vertical": { + "xsm": { + "value": "8px", + "type": "spacing" + }, + "sm": { + "value": "12px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + }, + "2xsm": { + "value": "4px", + "type": "spacing" + } + } + }, + "gap": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" + }, + "xlg": { + "value": "24px", + "type": "spacing" + } + } + }, + "content": { + "color": { + "emphasis": { + "value": "#2F463F", + "type": "color" + }, + "default": { + "value": "#4D5358", + "type": "color" + }, + "subje": { + "value": "#343A3F", + "type": "color" + }, + "muted": { + "value": "#878D96", + "type": "color" + }, + "icon": { + "value": "#878D96", + "type": "color" + } + }, + "typo": { + "lg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "18px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + }, + "sm--medium": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "xxl": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "40px", + "fontSize": "48px" + }, + "type": "typography" + }, + "xl": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "28px", + "fontSize": "24px" + }, + "type": "typography" + } + }, + "phatic": { + "positive": { + "value": "#5cbc6a", + "type": "color" + }, + "alert": { + "value": "#f39c12", + "type": "color" + }, + "danger": { + "value": "#d13b3b", + "type": "color" + } + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "top": { + "value": "#F2F4F8", + "type": "color" + } + } + }, + "border": { + "color": { + "subtle": { + "value": "#DDE1E6", + "type": "color" + } + }, + "radius": { + "sm": { + "value": "4px", + "type": "borderRadius" + }, + "circle": { + "value": "50%", + "type": "borderRadius" + } + }, + "width": { + "sm": { + "value": "1px", + "type": "borderWidth" + }, + "lg": { + "value": "4px", + "type": "borderWidth" + } + } + }, + "shadow": { + "hover": { + "value": [ + { + "color": "#21272a14", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } + ], + "type": "boxShadow" + } + } + }, + "progress": { + "content": { + "color": { + "text": { + "value": "#4D5358", + "type": "color" + }, + "porcentage": { + "value": "#343A3F", + "type": "color" + }, + "mutted": { + "value": "#878D96", + "type": "color" + }, + "phatic": { + "positive": { + "value": "#5cbc6a", + "type": "color" + }, + "attention": { + "value": "#f39c12", + "type": "color" + }, + "negative": { + "value": "#d13b3b", + "type": "color" + }, + "info": { + "value": "#307AE8", + "type": "color" + } + } + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + }, + "sm--medium": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "background": { + "color": { + "primary": { + "default": { + "value": "#DDE1E6", + "type": "color" + } + } + } + }, + "spacing": { + "gap": { + "value": "8px", + "type": "spacing" + } + }, + "border": { + "radius": { + "rounded": { + "value": "99em", + "type": "borderRadius" + } + } + } + }, + "ChipModule": { + "spacing": { + "padding": { + "horizontal": { + "sm": { + "value": "8px", + "type": "spacing" + } + }, + "vertical": { + "sm": { + "value": "12px", + "type": "spacing" + } + } + } + }, + "content": { + "color": { + "default": { + "value": "#4D5358", + "type": "color" + } + }, + "typo": { + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + } + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + } + } + }, + "border": { + "radius": { + "value": "4px", + "type": "borderRadius" + } + } + }, + "cardEvaluation": { + "spacing": { + "padding": { + "horizontal": { + "xsm": { + "value": "8px", + "type": "spacing" + }, + "sm": { + "value": "12px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + }, + "2xsm": { + "value": "4px", + "type": "spacing" + } + }, + "vertical": { + "xsm": { + "value": "8px", + "type": "spacing" + }, + "sm": { + "value": "12px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + }, + "2xsm": { + "value": "4px", + "type": "spacing" + } + } + }, + "gap": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" + }, + "xlg": { + "value": "24px", + "type": "spacing" + } + } + }, + "content": { + "color": { + "emphasis": { + "value": "#2F463F", + "type": "color" + }, + "default": { + "value": "#4D5358", + "type": "color" + }, + "subje": { + "value": "#343A3F", + "type": "color" + }, + "muted": { + "value": "#878D96", + "type": "color" + }, + "icon": { + "value": "#878D96", + "type": "color" + } + }, + "phatic": { + "positive": { + "value": "#5cbc6a", + "type": "color" + }, + "alert": { + "value": "#f39c12", + "type": "color" + }, + "danger": { + "value": "#d13b3b", + "type": "color" + }, + "info": { + "value": "#307AE8", + "type": "color" + } + }, + "typo": { + "lg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "18px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + }, + "xsm--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + }, + "sm--medium": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "xxl": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "40px", + "fontSize": "48 px" + }, + "type": "typography" + }, + "xl": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "fontSize": "24px", + "lineHeight": "23px" + }, + "type": "typography" + } + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "top": { + "value": "#F2F4F8", + "type": "color" + }, + "circle": { + "value": "#DDE1E6", + "type": "color" + } + } + }, + "border": { + "color": { + "subtle": { + "value": "#DDE1E6", + "type": "color" + } + }, + "width": { + "sm": { + "value": "1px", + "type": "borderWidth" + }, + "lg": { + "value": "4px", + "type": "borderWidth" + } + }, + "radius": { + "sm": { + "value": "4px", + "type": "borderRadius" + }, + "circle": { + "value": "50%", + "type": "borderRadius" + } + } + }, + "shadow": { + "hover": { + "value": [ + { + "color": "#21272a14", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } + ], + "type": "boxShadow" + } + } + }, + "cardModule": { + "spacing": { + "padding": { + "horizontal": { + "xsm": { + "value": "8px", + "type": "spacing" + }, + "sm": { + "value": "12px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + }, + "2xsm": { + "value": "4px", + "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" + } + }, + "vertical": { + "xsm": { + "value": "8px", + "type": "spacing" + }, + "sm": { + "value": "12px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + }, + "2xsm": { + "value": "4px", + "type": "spacing" + } + } + }, + "gap": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" + }, + "xlg": { + "value": "24px", + "type": "spacing" + } + } + }, + "content": { + "color": { + "emphasis": { + "value": "#2F463F", + "type": "color" + }, + "default": { + "value": "#4D5358", + "type": "color" + }, + "subje": { + "value": "#343A3F", + "type": "color" + }, + "muted": { + "value": "#878D96", + "type": "color" + }, + "icon": { + "value": "#878D96", + "type": "color" + } + }, + "phatic": { + "positive": { + "value": "#5cbc6a", + "type": "color" + }, + "alert": { + "value": "#f39c12", + "type": "color" + }, + "danger": { + "value": "#d13b3b", + "type": "color" + } + }, + "typo": { + "lg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "18px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + }, + "sm--medium": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "xxl": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "40px", + "fontSize": "48px" + }, + "type": "typography" + }, + "xl": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "28px", + "fontSize": "24px" + }, + "type": "typography" + } + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "top": { + "value": "#F2F4F8", + "type": "color" + } + } + }, + "border": { + "color": { + "subtle": { + "value": "#DDE1E6", + "type": "color" + } + }, + "radius": { + "sm": { + "value": "4px", + "type": "borderRadius" + }, + "circle": { + "value": "50%", + "type": "borderRadius" + } + }, + "width": { + "sm": { + "value": "1px", + "type": "borderWidth" + }, + "lg": { + "value": "4px", + "type": "borderWidth" + } + } + }, + "shadow": { + "hover": { + "value": [ + { + "color": "#21272a14", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } + ], + "type": "boxShadow" + } + } }, - util: { - color: { - primary: { - lightness: { - scale: { - value: 1.21, - type: 'other', - }, - up: { - 1: { - value: 67, - type: 'other', + "global": { + "focus": { + "default": { + "value": { + "x": 0, + "y": 0, + "blur": 0, + "spread": 2, + "color": "#98C200", + "type": "dropShadow" + }, + "type": "boxShadow" + }, + "default-border": { + "value": { + "color": "#98C200", + "width": "2px", + "style": "solid" + }, + "type": "border" + } + }, + "content": { + "color": { + "text": { + "emphasis": { + "value": "#343A3F", + "type": "color" + }, + "default": { + "value": "#4D5358", + "type": "color" + }, + "muted": { + "value": "#878D96", + "type": "color" + }, + "subtle": { + "value": "#C1C7CD", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "icon": { + "deep": { + "value": "#0C1F22", + "type": "color" + }, + "dark": { + "value": "#2F463F", + "type": "color" + }, + "emphasis": { + "value": "#4D5358", + "type": "color" + }, + "default": { + "value": "#878D96", + "type": "color" + }, + "muted": { + "value": "#C1C7CD", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "primary": { + "subtle": { + "value": "#F1FFBD", + "type": "color" + }, + "muted": { + "value": "#E2FF7A", + "type": "color" + }, + "default": { + "value": "#B4E600", + "type": "color" + }, + "emphasis": { + "value": "#98C200", + "type": "color" + }, + "strong": { + "value": "#4A6000", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "emphasis": { + "value": "#343A3F", + "type": "color" + }, + "muted": { + "value": "#878D96", + "type": "color" + }, + "subtle": { + "value": "#F2F4F8", + "type": "color" + } + }, + "negative": { + "default": { + "value": "#d13b3b", + "type": "color" + }, + "emphasis": { + "value": "#b52a2a", + "type": "color" + }, + "muted": { + "value": "#e07c7c", + "type": "color" + }, + "subtle": { + "value": "#f7dede", + "type": "color" + } + }, + "positive": { + "default": { + "value": "#5cbc6a", + "type": "color" + }, + "emphasis": { + "value": "#368442", + "type": "color" + }, + "muted": { + "value": "#aedeb5", + "type": "color" + }, + "subtle": { + "value": "#e4f4e6", + "type": "color" + } + }, + "transparent": { + "value": "transparent", + "type": "color" + }, + "disabled": { + "value": "#C1C7CD", + "type": "color" + }, + "attention": { + "default": { + "value": "#f39c12", + "type": "color" + }, + "emphasis": { + "value": "#ba7609", + "type": "color" + }, + "muted": { + "value": "#f8c16b", + "type": "color" + }, + "subtle": { + "value": "#fef3e1", + "type": "color" + } + }, + "tertiary": { + "default": { + "value": "#2F463F", + "type": "color" + } + }, + "accent": { + "default": { + "value": "#FF5470", + "type": "color" + } + }, + "info": { + "default": { + "value": "#307AE8", + "type": "color" + }, + "emphasis": { + "value": "#1867DC", + "type": "color" + }, + "muted": { + "value": "#7EACF1", + "type": "color" + }, + "subtle": { + "value": "#E8F0FC", + "type": "color" + } + }, + "neutral": { + "emphasis": { + "value": "#343A3F", + "type": "color" + }, + "default": { + "value": "#4D5358", + "type": "color" + }, + "muted": { + "value": "#878D96", + "type": "color" + }, + "subtle": { + "value": "#C1C7CD", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + } + }, + "typo": { + "heading": { + "xlg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "32px", + "fontSize": "26px" }, - 2: { - value: 81, - type: 'other', + "type": "typography" + }, + "xlg--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "32px", + "fontSize": "26px" }, - 3: { - value: 98, - type: 'other', + "type": "typography" + }, + "lg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "28px", + "fontSize": "23px" }, - 4: { - value: 119, - type: 'other', + "type": "typography" + }, + "lg--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "28px", + "fontSize": "23px" }, - 5: { - value: 144, - type: 'other', + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "20px" }, - }, - down: { - 1: { - value: 45, - type: 'other', + "type": "typography" + }, + "md--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "24px", + "fontSize": "20px" }, - 2: { - value: 37, - type: 'other', + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "18px" }, - 3: { - value: 31, - type: 'other', + "type": "typography" + }, + "sm--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "24px", + "fontSize": "18px" }, - 4: { - value: 26, - type: 'other', + "type": "typography" + }, + "xsm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" }, - 5: { - value: 21, - type: 'other', + "type": "typography" + }, + "xsm--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "24px", + "fontSize": "16px" }, - }, - }, - }, - accent: { - lightness: { - scale: { - value: 8, - type: 'other', - }, - up: { - 1: { - value: 86, - type: 'other', + "type": "typography" + } + }, + "body": { + "lg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "24px", + "fontSize": "18px" }, - 2: { - value: 94, - type: 'other', + "type": "typography" + }, + "lg--medium": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "18px" }, - 3: { - value: 102, - type: 'other', + "type": "typography" + }, + "lg--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "24px", + "fontSize": "18px" }, - 4: { - value: 110, - type: 'other', + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "24px", + "fontSize": "16px" }, - }, - down: { - 1: { - value: 70, - type: 'other', + "type": "typography" + }, + "md--medium": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "16px" + }, + "type": "typography" + }, + "md--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "24px", + "fontSize": "16px" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "sm--medium": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "sm--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "xsm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + }, + "xsm--semiBold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + }, + "lg--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "18px" + }, + "type": "typography" + }, + "md--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "16px" + }, + "type": "typography" + }, + "sm--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + } + }, + "caption": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "fontSize": "10px", + "lineHeight": "14px" + }, + "type": "typography" + } + }, + "typoMobile": { + "heading": { + "xlg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "32px", + "fontSize": "26px" }, - 2: { - value: 62, - type: 'other', + "type": "typography" + }, + "lg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "28px", + "fontSize": "23px" }, - 3: { - value: 54, - type: 'other', + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "24px", + "fontSize": "20px" }, - 4: { - value: 46, - type: 'other', + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "20px", + "fontSize": "18px" }, + "type": "typography" + }, + "xsm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 600, + "lineHeight": "16px", + "fontSize": "16px" + }, + "type": "typography" + } + }, + "body": { + "lg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "24px", + "fontSize": "16px" + }, + "type": "typography" + }, + "lg--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "16px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "md--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + }, + "sm--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + } + }, + "caption": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + } + } + }, + "background": { + "color": { + "surface": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "emphasis": { + "value": "#DDE1E6", + "type": "color" + }, + "muted": { + "value": "#F2F4F8", + "type": "color" + }, + "subtle": { + "value": "#F8F9FB", + "type": "color" + }, + "default--reverse": { + "value": "#4D5358", + "type": "color" + } + }, + "primary": { + "subtle": { + "value": "#F1FFBD", + "type": "color" + }, + "muted": { + "value": "#E2FF7A", + "type": "color" + }, + "default": { + "value": "#B4E600", + "type": "color" + }, + "emphasis": { + "value": "#98C200", + "type": "color" + }, + "strong": { + "value": "#4A6000", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "emphasis": { + "value": "#343A3F", + "type": "color" + }, + "muted": { + "value": "#878D96", + "type": "color" + }, + "subtle": { + "value": "#F8F9FB", + "type": "color" + } + }, + "accent": { + "default": { + "value": "#FF5470", + "type": "color" + }, + "emphasis": { + "value": "#ebeb00", + "type": "color" + }, + "subtle": { + "value": "#ffffe0", + "type": "color" + } + }, + "negative": { + "default": { + "value": "#d13b3b", + "type": "color" + }, + "emphasis": { + "value": "#b52a2a", + "type": "color" + }, + "muted": { + "value": "#f0bebe", + "type": "color" + }, + "subtle": { + "value": "#f7dede", + "type": "color" + } + }, + "positive": { + "default": { + "value": "#5cbc6a", + "type": "color" + }, + "emphasis": { + "value": "#368442", + "type": "color" + }, + "muted": { + "value": "#c9e9cd", + "type": "color" + }, + "subtle": { + "value": "#e4f4e6", + "type": "color" + } + }, + "transparent": { + "value": "transparent", + "type": "color" + }, + "disabled": { + "value": "#F2F4F8", + "type": "color" + }, + "overlay": { + "default": { + "value": "#f2f4f880", + "type": "color" + } + }, + "attention": { + "default": { + "value": "#f39c12", + "type": "color" + }, + "emphasis": { + "value": "#ba7609", + "type": "color" + }, + "muted": { + "value": "#fbdaa6", + "type": "color" + }, + "subtle": { + "value": "#fef3e1", + "type": "color" + } + }, + "info": { + "default": { + "value": "#307AE8", + "type": "color" + }, + "emphasis": { + "value": "#155AC1", + "type": "color" + }, + "muted": { + "value": "#B1CDF6", + "type": "color" + }, + "subtle": { + "value": "#E8F0FC", + "type": "color" + } + }, + "tertiary": { + "default": { + "value": "#2F463F", + "type": "color" + } + } + } + }, + "border": { + "width": { + "sm": { + "value": "1px", + "type": "borderWidth" + }, + "md": { + "value": "2px", + "type": "borderWidth" + }, + "lg": { + "value": "4px", + "type": "borderWidth" + } + }, + "radius": { + "sm": { + "value": "2px", + "type": "borderRadius" + }, + "md": { + "value": "4px", + "type": "borderRadius" + }, + "lg": { + "value": "8px", + "type": "borderRadius" + }, + "rounded": { + "value": "99em", + "type": "borderRadius" + }, + "circle": { + "value": "50%", + "type": "borderRadius" + } + }, + "color": { + "line": { + "default": { + "value": "#878D96", + "type": "color" + }, + "emphasis": { + "value": "#4D5358", + "type": "color" + }, + "muted": { + "value": "#C1C7CD", + "type": "color" + }, + "subtle": { + "value": "#DDE1E6", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "primary": { + "subtle": { + "value": "#F1FFBD", + "type": "color" + }, + "muted": { + "value": "#E2FF7A", + "type": "color" + }, + "default": { + "value": "#B4E600", + "type": "color" + }, + "emphasis": { + "value": "#98C200", + "type": "color" + }, + "strong": { + "value": "#4A6000", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "emphasis": { + "value": "#343A3F", + "type": "color" + }, + "muted": { + "value": "#878D96", + "type": "color" + }, + "subtle": { + "value": "#F8F9FB", + "type": "color" + } + }, + "negative": { + "default": { + "value": "#d13b3b", + "type": "color" + }, + "emphasis": { + "value": "#b52a2a", + "type": "color" + }, + "muted": { + "value": "#f0bebe", + "type": "color" + }, + "subtle": { + "value": "#f7dede", + "type": "color" + } + }, + "positive": { + "default": { + "value": "#5cbc6a", + "type": "color" + }, + "emphasis": { + "value": "#368442", + "type": "color" + }, + "muted": { + "value": "#c9e9cd", + "type": "color" + }, + "subtle": { + "value": "#e4f4e6", + "type": "color" + } + }, + "transparent": { + "value": "transparent", + "type": "color" + }, + "disabled": { + "default": { + "value": "#C1C7CD", + "type": "color" + }, + "muted": { + "value": "#f0f4f9", + "type": "color" + } + }, + "overlay": { + "default": { + "value": "#f2f4f880", + "type": "color" + } + }, + "attention": { + "default": { + "value": "#f39c12", + "type": "color" + }, + "emphasis": { + "value": "#ba7609", + "type": "color" + }, + "muted": { + "value": "#fbdaa6", + "type": "color" + }, + "subtle": { + "value": "#fef3e1", + "type": "color" + } + }, + "leemons": { + "default": { + "value": "{core.color.leemons.500}", + "type": "color", + "failedToResolve": true + } + }, + "info": { + "default": { + "value": "#307AE8", + "type": "color" + }, + "emphasis": { + "value": "#155AC1", + "type": "color" + }, + "muted": { + "value": "#B1CDF6", + "type": "color" + }, + "subtle": { + "value": "#E8F0FC", + "type": "color" + } + }, + "tertiary": { + "default": { + "value": "#2F463F", + "type": "color" + } + } + } + }, + "spacing": { + "padding": { + "3xsm": { + "value": "2px", + "type": "spacing" + }, + "2xsm": { + "value": "4px", + "type": "spacing" + }, + "1xsm": { + "value": "6px", + "type": "spacing" + }, + "xsm": { + "value": "8px", + "type": "spacing" + }, + "xmsm": { + "value": "10px", + "type": "spacing" + }, + "sm": { + "value": "12px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + }, + "lg": { + "value": "24px", + "type": "spacing" + }, + "xlslg": { + "value": "28px", + "type": "spacing" + }, + "xlg": { + "value": "32px", + "type": "spacing" + }, + "2xlg": { + "value": "40px", + "type": "spacing" + }, + "3xlg": { + "value": "48px", + "type": "spacing" + } + }, + "gap": { + "none": { + "value": "0px", + "type": "spacing" + }, + "1xsm": { + "value": "2px", + "type": "spacing" + }, + "sm": { + "value": "4px", + "type": "spacing" + }, + "xsm": { + "value": "6px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + }, + "slg": { + "value": "12px", + "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" + }, + "xlg": { + "value": "24px", + "type": "spacing" + }, + "xxlg": { + "value": "32px", + "type": "spacing" + } + } + }, + "icon": { + "size": { + "xsm": { + "value": "8px", + "type": "sizing" + }, + "sm": { + "value": "12px", + "type": "sizing" + }, + "md": { + "value": "16px", + "type": "sizing" + }, + "lg": { + "value": "20px", + "type": "sizing" + }, + "xlg": { + "value": "24px", + "type": "sizing" + }, + "2xlg": { + "value": "32px", + "type": "sizing" + } + } + }, + "control": { + "size": { + "50": { + "value": "8 px", + "type": "sizing" + }, + "100": { + "value": "16px", + "type": "sizing" + }, + "200": { + "value": "20px", + "type": "sizing" + }, + "300": { + "value": "24px", + "type": "sizing" + }, + "400": { + "value": "28px", + "type": "sizing" + }, + "500": { + "value": "32px", + "type": "sizing" + }, + "600": { + "value": "36px", + "type": "sizing" + }, + "700": { + "value": "40px", + "type": "sizing" + }, + "800": { + "value": "44px", + "type": "sizing" + }, + "900": { + "value": "48px", + "type": "sizing" + }, + "1000": { + "value": "56px", + "type": "sizing" + } + } + }, + "hover": { + "default": { + "value": { + "x": 0, + "y": 0, + "blur": 4, + "spread": 0, + "color": "#98c200cc", + "type": "dropShadow" + }, + "type": "boxShadow" + } + }, + "shadow": { + "100": { + "value": [ + { + "color": "#dde1e614", + "type": "dropShadow", + "x": 0, + "y": 2, + "blur": 0, + "spread": 0 }, - }, + { + "color": "#1a202b14", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } + ], + "type": "boxShadow" + }, + "200": { + "value": [ + { + "color": "#dde1e629", + "type": "dropShadow", + "x": 0, + "y": 2, + "blur": 0, + "spread": 0 + }, + { + "color": "#1a202b1f", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } + ], + "type": "boxShadow" }, - colorDebug: { - value: '#9747FF', - type: 'color', + "300": { + "value": [ + { + "color": "#dde1e63d", + "type": "dropShadow", + "x": 0, + "y": 2, + "blur": 0, + "spread": 0 + }, + { + "color": "#1a202b29", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } + ], + "type": "boxShadow" }, - debugColorContainer: { - value: '#ebdcff', - type: 'color', + "400": { + "value": [ + { + "color": "#dde1e614", + "type": "dropShadow", + "x": -100, + "y": 0, + "blur": 60, + "spread": 0 + }, + { + "color": "#1a202b0d", + "type": "dropShadow", + "x": -32, + "y": 0, + "blur": 32, + "spread": 0 + } + ], + "type": "boxShadow" + } + } + }, + "core": { + "color": { + "black": { + "value": "#1a202b", + "type": "color" + }, + "white": { + "value": "#ffffff", + "type": "color" + }, + "neutral": { + "50": { + "value": "#F8F9FB", + "type": "color" + }, + "75": { + "value": "#f0f4f9", + "type": "color" + }, + "100": { + "value": "#F2F4F8", + "type": "color" + }, + "200": { + "value": "#DDE1E6", + "type": "color" + }, + "300": { + "value": "#C1C7CD", + "type": "color" + }, + "400": { + "value": "#A2A9B0", + "type": "color" + }, + "500": { + "value": "#878D96", + "type": "color" + }, + "600": { + "value": "#697077", + "type": "color" + }, + "700": { + "value": "#4D5358", + "type": "color" + }, + "800": { + "value": "#343A3F", + "type": "color" + }, + "900": { + "value": "#21272A", + "type": "color" + } + }, + "primary": { + "100": { + "value": "#F1FFBD", + "type": "color" + }, + "200": { + "value": "#E2FF7A", + "type": "color" + }, + "300": { + "value": "#B4E600", + "type": "color" + }, + "400": { + "value": "#98C200", + "type": "color" + }, + "500": { + "value": "#4A6000", + "type": "color" + }, + "600": { + "value": "#1760cf", + "type": "color" + }, + "700": { + "value": "#134faa", + "type": "color" + }, + "800": { + "value": "#10428e", + "type": "color" + }, + "900": { + "value": "#0d3877", + "type": "color" + } + }, + "danger": { + "100": { + "value": "#f7dede", + "type": "color" + }, + "200": { + "value": "#f0bebe", + "type": "color" + }, + "300": { + "value": "#e07c7c", + "type": "color" + }, + "400": { + "value": "#d95c5c", + "type": "color" + }, + "500": { + "value": "#d13b3b", + "type": "color" + }, + "600": { + "value": "#b52a2a", + "type": "color" + }, + "700": { + "value": "#912222", + "type": "color" + }, + "800": { + "value": "#6d1919", + "type": "color" + }, + "900": { + "value": "#481111", + "type": "color" + } + }, + "success": { + "100": { + "value": "#e4f4e6", + "type": "color" + }, + "200": { + "value": "#c9e9cd", + "type": "color" + }, + "300": { + "value": "#aedeb5", + "type": "color" + }, + "400": { + "value": "#77c783", + "type": "color" + }, + "500": { + "value": "#5cbc6a", + "type": "color" + }, + "600": { + "value": "#44a552", + "type": "color" + }, + "700": { + "value": "#368442", + "type": "color" + }, + "800": { + "value": "#296331", + "type": "color" + }, + "900": { + "value": "#1b4221", + "type": "color" + } + }, + "attention": { + "100": { + "value": "#fef3e1", + "type": "color" + }, + "200": { + "value": "#fbdaa6", + "type": "color" + }, + "300": { + "value": "#f8c16b", + "type": "color" + }, + "400": { + "value": "#f6b54d", + "type": "color" + }, + "500": { + "value": "#f39c12", + "type": "color" + }, + "600": { + "value": "#d98a0b", + "type": "color" + }, + "700": { + "value": "#ba7609", + "type": "color" + }, + "800": { + "value": "#9b6208", + "type": "color" + }, + "900": { + "value": "#7c4f06", + "type": "color" + } + }, + "info": { + "100": { + "value": "#E8F0FC", + "type": "color" + }, + "200": { + "value": "#B1CDF6", + "type": "color" + }, + "300": { + "value": "#7EACF1", + "type": "color" + }, + "400": { + "value": "#5592EC", + "type": "color" + }, + "500": { + "value": "#307AE8", + "type": "color" + }, + "600": { + "value": "#1867DC", + "type": "color" + }, + "700": { + "value": "#155AC1", + "type": "color" + }, + "800": { + "value": "#134FAA", + "type": "color" + }, + "900": { + "value": "#104593", + "type": "color" + } + }, + "secondary": { + "100": { + "value": "#0C1F22", + "type": "color" + } + }, + "tertiary": { + "100": { + "value": "#2F463F", + "type": "color" + } + }, + "accent": { + "100": { + "value": "#FF5470", + "type": "color" + }, + "200": { + "value": "hsla(60,100%,102%,1)", + "type": "color" + }, + "300": { + "value": "#ffffe0", + "type": "color" + }, + "400": { + "value": "#ffffb8", + "type": "color" + }, + "500": { + "value": "#ffff8f", + "type": "color" + }, + "600": { + "value": "#ffff66", + "type": "color" + }, + "700": { + "value": "#ffff3d", + "type": "color" + }, + "800": { + "value": "#ffff14", + "type": "color" + }, + "900": { + "value": "#ebeb00", + "type": "color" + } + }, + "customPrimary": { + "hue": { + "value": 216, + "type": "color" + }, + "saturation": { + "value": 80, + "type": "color" + }, + "lightness": { + "value": 55, + "type": "color" + }, + "hsla": { + "value": "#307ae8", + "type": "color" + } + }, + "customAccent": { + "hue": { + "value": 60, + "type": "color" + }, + "saturation": { + "value": 100, + "type": "color" + }, + "lightness": { + "value": 78, + "type": "color" + }, + "hsla": { + "value": "#ffff8f", + "type": "color" + } + } + }, + "dimension": { + "0": { + "value": 0, + "type": "sizing" + }, + "50": { + "value": 4, + "type": "sizing" + }, + "100": { + "value": 8, + "type": "sizing" + }, + "150": { + "value": 12, + "type": "sizing" + }, + "175": { + "value": 14, + "type": "sizing" + }, + "200": { + "value": 16, + "type": "sizing" + }, + "250": { + "value": 20, + "type": "sizing" + }, + "300": { + "value": 24, + "type": "sizing" + }, + "350": { + "value": 28, + "type": "sizing" + }, + "400": { + "value": 32, + "type": "sizing" + }, + "500": { + "value": 40, + "type": "sizing" + }, + "600": { + "value": 48, + "type": "sizing" + }, + "700": { + "value": 56, + "type": "sizing" + }, + "800": { + "value": 64, + "type": "sizing" + }, + "900": { + "value": 72, + "type": "sizing" + }, + "1000": { + "value": 80, + "type": "sizing" + }, + "static": { + "0": { + "value": 0, + "type": "sizing" + }, + "10": { + "value": 1, + "type": "sizing" + }, + "25": { + "value": 2, + "type": "sizing" + }, + "50": { + "value": 4, + "type": "sizing" + }, + "75": { + "value": 6, + "type": "sizing" + }, + "100": { + "value": 8, + "type": "sizing" + }, + "125": { + "value": 10, + "type": "sizing" + }, + "150": { + "value": 12, + "type": "sizing" + }, + "200": { + "value": 16, + "type": "sizing" + }, + "250": { + "value": 20, + "type": "sizing" + }, + "300": { + "value": 24, + "type": "sizing" + }, + "350": { + "value": 28, + "type": "sizing" + }, + "400": { + "value": 32, + "type": "sizing" + }, + "450": { + "value": 36, + "type": "sizing" + }, + "500": { + "value": 40, + "type": "sizing" + }, + "550": { + "value": 44, + "type": "sizing" + }, + "600": { + "value": 48, + "type": "sizing" + }, + "700": { + "value": 56, + "type": "sizing" + }, + "800": { + "value": 64, + "type": "sizing" + }, + "900": { + "value": 72, + "type": "sizing" + }, + "1000": { + "value": 80, + "type": "sizing" + } + }, + "root": { + "value": 16, + "type": "sizing" + }, + "percentage": { + "50": { + "value": "50%", + "type": "sizing" + }, + "100": { + "value": "100%", + "type": "sizing" + } + }, + "breakpoint": { + "xsm": { + "value": "320px", + "type": "sizing" + }, + "sm": { + "value": "640px", + "type": "sizing" + }, + "md": { + "value": "1007px", + "type": "sizing" + }, + "lg": { + "value": "1440px", + "type": "sizing" + } + } + }, + "font": { + "family": { + "main": { + "value": "Albert Sans", + "type": "fontFamilies" + }, + "alt": { + "value": "Albert Sans", + "type": "fontFamilies" + }, + "code": { + "value": "Courier new", + "type": "fontFamilies" + } + }, + "weight": { + "regular": { + "value": 400, + "type": "fontWeights" + }, + "medium": { + "value": 500, + "type": "fontWeights" + }, + "semiBold": { + "value": 600, + "type": "fontWeights" + }, + "light": { + "value": 300, + "type": "fontWeights" + }, + "bold": { + "value": 600, + "type": "fontWeights" + } + }, + "lineHeight": { + "75": { + "value": 14, + "type": "lineHeights" + }, + "100": { + "value": 16, + "type": "lineHeights" + }, + "200": { + "value": 20, + "type": "lineHeights" + }, + "300": { + "value": 24, + "type": "lineHeights" + }, + "400": { + "value": 28, + "type": "lineHeights" + }, + "500": { + "value": 32, + "type": "lineHeights" + }, + "600": { + "value": 40, + "type": "lineHeights" + }, + "700": { + "value": 48, + "type": "lineHeights" + } + }, + "size": { + "25": { + "value": 8, + "type": "fontSizes" + }, + "30": { + "value": 10, + "type": "fontSizes" + }, + "50": { + "value": 12, + "type": "fontSizes" + }, + "75": { + "value": 14, + "type": "fontSizes" + }, + "100": { + "value": 16, + "type": "fontSizes" + }, + "200": { + "value": 18, + "type": "fontSizes" + }, + "300": { + "value": 20, + "type": "fontSizes" + }, + "400": { + "value": 23, + "type": "fontSizes" + }, + "500": { + "value": 26, + "type": "fontSizes" + }, + "600": { + "value": 29, + "type": "fontSizes" + } + }, + "uppercase": { + "value": "uppercase", + "type": "textCase" + } + }, + "shadow": { + "100": { + "value": [ + { + "color": "#21272a14", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } + ], + "type": "boxShadow" }, - }, - font: { - scale: { - value: 1.125, - type: 'other', + "200": { + "value": [ + { + "color": "#21272a1f", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } + ], + "type": "boxShadow" }, - base: { - value: 16, - type: 'other', + "300": { + "value": [ + { + "color": "#21272a29", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } + ], + "type": "boxShadow" }, + "400": { + "value": [ + { + "color": "#21272a0d", + "type": "dropShadow", + "x": -32, + "y": 0, + "blur": 32, + "spread": 0 + } + ], + "type": "boxShadow" + } }, + "blur": { + "value": "4px", + "type": "dimension" + } }, - underline: { - value: 'underline', - type: 'textDecoration', + "util": { + "color": { + "primary": { + "lightness": { + "scale": { + "value": 1.21, + "type": "other" + }, + "up": { + "1": { + "value": 67, + "type": "other" + }, + "2": { + "value": 81, + "type": "other" + }, + "3": { + "value": 98, + "type": "other" + }, + "4": { + "value": 119, + "type": "other" + }, + "5": { + "value": 144, + "type": "other" + } + }, + "down": { + "1": { + "value": 45, + "type": "other" + }, + "2": { + "value": 37, + "type": "other" + }, + "3": { + "value": 31, + "type": "other" + }, + "4": { + "value": 26, + "type": "other" + }, + "5": { + "value": 21, + "type": "other" + } + } + } + }, + "accent": { + "lightness": { + "scale": { + "value": 8, + "type": "other" + }, + "up": { + "1": { + "value": 86, + "type": "other" + }, + "2": { + "value": 94, + "type": "other" + }, + "3": { + "value": 102, + "type": "other" + }, + "4": { + "value": 110, + "type": "other" + } + }, + "down": { + "1": { + "value": 70, + "type": "other" + }, + "2": { + "value": 62, + "type": "other" + }, + "3": { + "value": 54, + "type": "other" + }, + "4": { + "value": 46, + "type": "other" + } + } + } + }, + "colorDebug": { + "value": "#9747FF", + "type": "color" + }, + "debugColorContainer": { + "value": "#ebdcff", + "type": "color" + } + }, + "font": { + "scale": { + "value": 1.125, + "type": "other" + }, + "base": { + "value": 16, + "type": "other" + } + } }, -}; + "underline": { + "value": "underline", + "type": "textDecoration" + } +} \ No newline at end of file diff --git a/packages/editors/babel.config.js b/packages/editors/babel.config.js index 84480f30a..5e0e78efe 100644 --- a/packages/editors/babel.config.js +++ b/packages/editors/babel.config.js @@ -29,7 +29,7 @@ module.exports = { '@babel/plugin-proposal-class-properties', '@babel/plugin-transform-export-namespace-from', // '@babel/plugin-proposal-class-properties', - '@babel/plugin-proposal-export-namespace-from', + // '@babel/plugin-proposal-export-namespace-from', '@babel/plugin-proposal-export-default-from', ], }; diff --git a/yarn.lock b/yarn.lock index 86f987455..fad676f6f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2,7 +2,12 @@ # yarn lockfile v1 -"@adobe/css-tools@^4.3.0": +"@aashutoshrathi/word-wrap@^1.2.3": + version "1.2.6" + resolved "https://registry.yarnpkg.com/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz#bd9154aec9983f77b3a034ecaa015c2e4201f6cf" + integrity sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA== + +"@adobe/css-tools@^4.3.1": version "4.3.1" resolved "https://registry.yarnpkg.com/@adobe/css-tools/-/css-tools-4.3.1.tgz#abfccb8ca78075a2b6187345c26243c1a0842f28" integrity sha512-/62yikz7NLScCGAAST5SHdnjaDJQBDq0M2muyRTpf2VQhw6StBg2ALiu73zSJQ4fMVLA+0uBhBHAle7Wg+2kSg== @@ -16,9 +21,9 @@ "@jridgewell/trace-mapping" "^0.3.9" "@babel/cli@^7.15.7": - version "7.23.0" - resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.23.0.tgz#1d7f37c44d4117c67df46749e0c86e11a58cc64b" - integrity sha512-17E1oSkGk2IwNILM4jtfAvgjt+ohmpfBky8aLerUfYZhiPNg7ca+CRCxZn8QDxwNhV/upsc2VHBCqGFIR+iBfA== + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.23.4.tgz#f5cc90487278065fa0c3b1267cf0c1d44ddf85a7" + integrity sha512-j3luA9xGKCXVyCa5R7lJvOMM+Kc2JEnAEIgz2ggtjQ/j5YUVgfsg/WsG95bbsgq7YLHuiCOzMnoSasuY16qiCw== dependencies: "@jridgewell/trace-mapping" "^0.3.17" commander "^4.0.1" @@ -31,18 +36,18 @@ "@nicolo-ribaudo/chokidar-2" "2.1.8-no-fsevents.3" chokidar "^3.4.0" -"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.22.13", "@babel/code-frame@^7.5.5", "@babel/code-frame@^7.8.3": - version "7.22.13" - resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.22.13.tgz#e3c1c099402598483b7a8c46a721d1038803755e" - integrity sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w== +"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.22.13", "@babel/code-frame@^7.23.4", "@babel/code-frame@^7.5.5", "@babel/code-frame@^7.8.3": + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.23.4.tgz#03ae5af150be94392cb5c7ccd97db5a19a5da6aa" + integrity sha512-r1IONyb6Ia+jYR2vvIDhdWdlTGhqbBoFqLTQidzZ4kepUFH15ejXvFHxCVbtl7BOXIudsIubf4E81xeA3h3IXA== dependencies: - "@babel/highlight" "^7.22.13" + "@babel/highlight" "^7.23.4" chalk "^2.4.2" -"@babel/compat-data@^7.20.5", "@babel/compat-data@^7.22.6", "@babel/compat-data@^7.22.9", "@babel/compat-data@^7.23.2": - version "7.23.2" - resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.23.2.tgz#6a12ced93455827037bfb5ed8492820d60fc32cc" - integrity sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ== +"@babel/compat-data@^7.20.5", "@babel/compat-data@^7.22.6", "@babel/compat-data@^7.22.9", "@babel/compat-data@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.23.3.tgz#3febd552541e62b5e883a25eb3effd7c7379db11" + integrity sha512-BmR4bWbDIoFJmJ9z2cZ8Gmm2MXgEDgjdWgpKmKWUt54UGFJdlj31ECtbaDvCG/qVdG3AQ1SfpZEs01lUFbzLOQ== "@babel/core@7.12.9": version "7.12.9" @@ -66,21 +71,21 @@ semver "^5.4.1" source-map "^0.5.0" -"@babel/core@^7.1.0", "@babel/core@^7.12.10", "@babel/core@^7.12.3", "@babel/core@^7.15.8", "@babel/core@^7.22.15", "@babel/core@^7.7.5": - version "7.23.2" - resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.23.2.tgz#ed10df0d580fff67c5f3ee70fd22e2e4c90a9f94" - integrity sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ== +"@babel/core@^7.1.0", "@babel/core@^7.11.6", "@babel/core@^7.12.10", "@babel/core@^7.12.3", "@babel/core@^7.15.8", "@babel/core@^7.22.15", "@babel/core@^7.7.5": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.23.3.tgz#5ec09c8803b91f51cc887dedc2654a35852849c9" + integrity sha512-Jg+msLuNuCJDyBvFv5+OKOUjWMZgd85bKjbICd3zWrKAo+bJ49HJufi7CQE0q0uR8NGyO6xkCACScNqyjHSZew== dependencies: "@ampproject/remapping" "^2.2.0" "@babel/code-frame" "^7.22.13" - "@babel/generator" "^7.23.0" + "@babel/generator" "^7.23.3" "@babel/helper-compilation-targets" "^7.22.15" - "@babel/helper-module-transforms" "^7.23.0" + "@babel/helper-module-transforms" "^7.23.3" "@babel/helpers" "^7.23.2" - "@babel/parser" "^7.23.0" + "@babel/parser" "^7.23.3" "@babel/template" "^7.22.15" - "@babel/traverse" "^7.23.2" - "@babel/types" "^7.23.0" + "@babel/traverse" "^7.23.3" + "@babel/types" "^7.23.3" convert-source-map "^2.0.0" debug "^4.1.0" gensync "^1.0.0-beta.2" @@ -88,20 +93,20 @@ semver "^6.3.1" "@babel/eslint-parser@^7.22.15": - version "7.22.15" - resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.22.15.tgz#263f059c476e29ca4972481a17b8b660cb025a34" - integrity sha512-yc8OOBIQk1EcRrpizuARSQS0TWAcOMpEJ1aafhNznaeYkeL+OhqnDObGFylB8ka8VFF/sZc+S4RzHyO+3LjQxg== + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.23.3.tgz#7bf0db1c53b54da0c8a12627373554a0828479ca" + integrity sha512-9bTuNlyx7oSstodm1cR1bECj4fkiknsDa1YniISkJemMY3DGhJNYBECbe6QD/q54mp2J8VO66jW3/7uP//iFCw== dependencies: "@nicolo-ribaudo/eslint-scope-5-internals" "5.1.1-v1" eslint-visitor-keys "^2.1.0" semver "^6.3.1" -"@babel/generator@^7.12.11", "@babel/generator@^7.12.5", "@babel/generator@^7.23.0": - version "7.23.0" - resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.23.0.tgz#df5c386e2218be505b34837acbcb874d7a983420" - integrity sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g== +"@babel/generator@^7.12.11", "@babel/generator@^7.12.5", "@babel/generator@^7.23.3", "@babel/generator@^7.23.4", "@babel/generator@^7.7.2": + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.23.4.tgz#4a41377d8566ec18f807f42962a7f3551de83d1c" + integrity sha512-esuS49Cga3HcThFNebGhlgsrVLkvhqvYDTzgjfFFlHJcIfLe5jFmRRfCQ1KuBfc4Jrtn3ndLgKWAKjBE+IraYQ== dependencies: - "@babel/types" "^7.23.0" + "@babel/types" "^7.23.4" "@jridgewell/gen-mapping" "^0.3.2" "@jridgewell/trace-mapping" "^0.3.17" jsesc "^2.5.1" @@ -113,14 +118,14 @@ dependencies: "@babel/types" "^7.22.5" -"@babel/helper-builder-binary-assignment-operator-visitor@^7.22.5": +"@babel/helper-builder-binary-assignment-operator-visitor@^7.22.15": version "7.22.15" resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz#5426b109cf3ad47b91120f8328d8ab1be8b0b956" integrity sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw== dependencies: "@babel/types" "^7.22.15" -"@babel/helper-compilation-targets@^7.13.0", "@babel/helper-compilation-targets@^7.20.7", "@babel/helper-compilation-targets@^7.22.15", "@babel/helper-compilation-targets@^7.22.5", "@babel/helper-compilation-targets@^7.22.6": +"@babel/helper-compilation-targets@^7.13.0", "@babel/helper-compilation-targets@^7.20.7", "@babel/helper-compilation-targets@^7.22.15", "@babel/helper-compilation-targets@^7.22.6": version "7.22.15" resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz#0698fc44551a26cf29f18d4662d5bf545a6cfc52" integrity sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw== @@ -131,7 +136,7 @@ lru-cache "^5.1.1" semver "^6.3.1" -"@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.21.0", "@babel/helper-create-class-features-plugin@^7.22.11", "@babel/helper-create-class-features-plugin@^7.22.15", "@babel/helper-create-class-features-plugin@^7.22.5": +"@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.21.0", "@babel/helper-create-class-features-plugin@^7.22.15": version "7.22.15" resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.15.tgz#97a61b385e57fe458496fad19f8e63b63c867de4" integrity sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg== @@ -146,7 +151,7 @@ "@babel/helper-split-export-declaration" "^7.22.6" semver "^6.3.1" -"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.22.5": +"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.22.15", "@babel/helper-create-regexp-features-plugin@^7.22.5": version "7.22.15" resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz#5ee90093914ea09639b01c711db0d6775e558be1" integrity sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w== @@ -214,10 +219,10 @@ dependencies: "@babel/types" "^7.22.15" -"@babel/helper-module-transforms@^7.12.1", "@babel/helper-module-transforms@^7.22.5", "@babel/helper-module-transforms@^7.23.0": - version "7.23.0" - resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.23.0.tgz#3ec246457f6c842c0aee62a01f60739906f7047e" - integrity sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw== +"@babel/helper-module-transforms@^7.12.1", "@babel/helper-module-transforms@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz#d7d12c3c5d30af5b3c0fcab2a6d5217773e2d0f1" + integrity sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ== dependencies: "@babel/helper-environment-visitor" "^7.22.20" "@babel/helper-module-imports" "^7.22.15" @@ -242,7 +247,7 @@ resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz#dd7ee3735e8a313b9f7b05a773d892e88e6d7295" integrity sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg== -"@babel/helper-remap-async-to-generator@^7.22.20", "@babel/helper-remap-async-to-generator@^7.22.5": +"@babel/helper-remap-async-to-generator@^7.22.20": version "7.22.20" resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz#7b68e1cb4fa964d2996fd063723fb48eca8498e0" integrity sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw== @@ -251,7 +256,7 @@ "@babel/helper-environment-visitor" "^7.22.20" "@babel/helper-wrap-function" "^7.22.20" -"@babel/helper-replace-supers@^7.22.20", "@babel/helper-replace-supers@^7.22.5", "@babel/helper-replace-supers@^7.22.9": +"@babel/helper-replace-supers@^7.22.20", "@babel/helper-replace-supers@^7.22.9": version "7.22.20" resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.22.20.tgz#e37d367123ca98fe455a9887734ed2e16eb7a793" integrity sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw== @@ -281,10 +286,10 @@ dependencies: "@babel/types" "^7.22.5" -"@babel/helper-string-parser@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz#533f36457a25814cf1df6488523ad547d784a99f" - integrity sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw== +"@babel/helper-string-parser@^7.23.4": + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz#9478c707febcbbe1ddb38a3d91a2e054ae622d83" + integrity sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ== "@babel/helper-validator-identifier@^7.22.20": version "7.22.20" @@ -306,43 +311,51 @@ "@babel/types" "^7.22.19" "@babel/helpers@^7.12.5", "@babel/helpers@^7.23.2": - version "7.23.2" - resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.23.2.tgz#2832549a6e37d484286e15ba36a5330483cac767" - integrity sha512-lzchcp8SjTSVe/fPmLwtWVBFC7+Tbn8LGHDVfDp9JGxpAY5opSaEFgt8UQvrnECWOTdji2mOWMz1rOhkHscmGQ== + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.23.4.tgz#7d2cfb969aa43222032193accd7329851facf3c1" + integrity sha512-HfcMizYz10cr3h29VqyfGL6ZWIjTwWfvYBMsBVGwpcbhNGe3wQ1ZXZRPzZoAHhd9OqHadHqjQ89iVKINXnbzuw== dependencies: "@babel/template" "^7.22.15" - "@babel/traverse" "^7.23.2" - "@babel/types" "^7.23.0" + "@babel/traverse" "^7.23.4" + "@babel/types" "^7.23.4" -"@babel/highlight@^7.22.13": - version "7.22.20" - resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.20.tgz#4ca92b71d80554b01427815e06f2df965b9c1f54" - integrity sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg== +"@babel/highlight@^7.23.4": + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.23.4.tgz#edaadf4d8232e1a961432db785091207ead0621b" + integrity sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A== dependencies: "@babel/helper-validator-identifier" "^7.22.20" chalk "^2.4.2" js-tokens "^4.0.0" -"@babel/parser@^7.0.0", "@babel/parser@^7.12.11", "@babel/parser@^7.12.7", "@babel/parser@^7.14.7", "@babel/parser@^7.22.15", "@babel/parser@^7.23.0": - version "7.23.0" - resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.23.0.tgz#da950e622420bf96ca0d0f2909cdddac3acd8719" - integrity sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw== +"@babel/parser@^7.0.0", "@babel/parser@^7.1.0", "@babel/parser@^7.12.11", "@babel/parser@^7.12.7", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.22.15", "@babel/parser@^7.23.3", "@babel/parser@^7.23.4": + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.23.4.tgz#409fbe690c333bb70187e2de4021e1e47a026661" + integrity sha512-vf3Xna6UEprW+7t6EtOmFpHNAuxw3xqPZghy+brsnusscJRW5BMUzzHZc5ICjULee81WeUV2jjakG09MDglJXQ== -"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.22.15": - version "7.22.15" - resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.22.15.tgz#02dc8a03f613ed5fdc29fb2f728397c78146c962" - integrity sha512-FB9iYlz7rURmRJyXRKEnalYPPdn87H5no108cyuQQyMwlpJ2SJtpIUBI27kdTin956pz+LPypkPVPUTlxOmrsg== +"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.23.3.tgz#5cd1c87ba9380d0afb78469292c954fee5d2411a" + integrity sha512-iRkKcCqb7iGnq9+3G6rZ+Ciz5VywC4XNRHe57lKM+jOeYAoR0lVqdeeDRfh0tQcTfw/+vBhHn926FmQhLtlFLQ== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.22.15": - version "7.22.15" - resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.22.15.tgz#2aeb91d337d4e1a1e7ce85b76a37f5301781200f" - integrity sha512-Hyph9LseGvAeeXzikV88bczhsrLrIZqDPxO+sSmAunMPaGrBGhfMWzCPYTtiW9t+HzSE2wtV8e5cc5P6r1xMDQ== +"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.23.3.tgz#f6652bb16b94f8f9c20c50941e16e9756898dc5d" + integrity sha512-WwlxbfMNdVEpQjZmK5mhm7oSwD3dS6eU+Iwsi4Knl9wAletWem7kaRsGOG+8UEbRyqxY4SS5zvtfXwX+jMxUwQ== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5" - "@babel/plugin-transform-optional-chaining" "^7.22.15" + "@babel/plugin-transform-optional-chaining" "^7.23.3" + +"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.23.3.tgz#20c60d4639d18f7da8602548512e9d3a4c8d7098" + integrity sha512-XaJak1qcityzrX0/IU5nKHb34VaibwP3saKqG6a/tppelgllOH13LUann4ZCIBcVOeE6H18K4Vx9QKkVww3z/w== + dependencies: + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-proposal-class-properties@^7.12.1": version "7.18.6" @@ -353,23 +366,23 @@ "@babel/helper-plugin-utils" "^7.18.6" "@babel/plugin-proposal-decorators@^7.12.12": - version "7.23.2" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.23.2.tgz#0b345a5754f48309fa50b7cd99075ef0295b12c8" - integrity sha512-eR0gJQc830fJVGz37oKLvt9W9uUIQSAovUl0e9sJ3YeO09dlcoBVYD3CLrjCj4qHdXmfiyTyFt8yeQYSN5fxLg== + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.23.3.tgz#c609ca70be908d187ee36ff49f1250c56cc98f15" + integrity sha512-u8SwzOcP0DYSsa++nHd/9exlHb0NAlHCb890qtZZbSwPX2bFv8LBEztxwN7Xg/dS8oAFFidhrI9PBcLBJSkGRQ== dependencies: "@babel/helper-create-class-features-plugin" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" "@babel/helper-replace-supers" "^7.22.20" "@babel/helper-split-export-declaration" "^7.22.6" - "@babel/plugin-syntax-decorators" "^7.22.10" + "@babel/plugin-syntax-decorators" "^7.23.3" "@babel/plugin-proposal-export-default-from@^7.12.1": - version "7.22.17" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-default-from/-/plugin-proposal-export-default-from-7.22.17.tgz#91b60cd338f501cccdf549af2308768911ec5fbb" - integrity sha512-cop/3quQBVvdz6X5SJC6AhUv3C9DrVTM06LUEXimEdWAhCSyOJIr9NiZDU9leHZ0/aiG0Sh7Zmvaku5TWYNgbA== + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-default-from/-/plugin-proposal-export-default-from-7.23.3.tgz#6f511a676c540ccc8d17a8553dbba9230b0ddac0" + integrity sha512-Q23MpLZfSGZL1kU7fWqV262q65svLSCIP5kZ/JCW/rKTCm/FrLjpvEd2kfUYMVeHh4QhV/xzyoRAHWrAZJrE3Q== dependencies: "@babel/helper-plugin-utils" "^7.22.5" - "@babel/plugin-syntax-export-default-from" "^7.22.5" + "@babel/plugin-syntax-export-default-from" "^7.23.3" "@babel/plugin-proposal-nullish-coalescing-operator@^7.12.1": version "7.18.6" @@ -459,10 +472,10 @@ dependencies: "@babel/helper-plugin-utils" "^7.14.5" -"@babel/plugin-syntax-decorators@^7.22.10": - version "7.22.10" - resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.22.10.tgz#7d83ea04d893c442b78ebf4c3cbac59a7211deff" - integrity sha512-z1KTVemBjnz+kSEilAsI4lbkPOl5TvJH7YDSY1CTIzvLWJ+KHXp+mRe8VPmfnyvqOPqar1V2gid2PleKzRUstQ== +"@babel/plugin-syntax-decorators@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.23.3.tgz#a1d351d6c25bfdcf2e16f99b039101bc0ffcb0ca" + integrity sha512-cf7Niq4/+/juY67E0PbgH0TDhLQ5J7zS8C/Q5FFx+DWyrRa9sUQdTXkjqKu8zGvuqr7vw1muKiukseihU+PJDA== dependencies: "@babel/helper-plugin-utils" "^7.22.5" @@ -473,10 +486,10 @@ dependencies: "@babel/helper-plugin-utils" "^7.8.0" -"@babel/plugin-syntax-export-default-from@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-export-default-from/-/plugin-syntax-export-default-from-7.22.5.tgz#ac3a24b362a04415a017ab96b9b4483d0e2a6e44" - integrity sha512-ODAqWWXB/yReh/jVQDag/3/tl6lgBueQkk/TcfW/59Oykm4c8a55XloX0CTk2k2VJiFWMgHby9xNX29IbCv9dQ== +"@babel/plugin-syntax-export-default-from@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-export-default-from/-/plugin-syntax-export-default-from-7.23.3.tgz#7e6d4bf595d5724230200fb2b7401d4734b15335" + integrity sha512-KeENO5ck1IeZ/l2lFZNy+mpobV3D2Zy5C1YFnWm+YuY5mQiAWc4yAp13dqgguwsBsFVLh4LPCEqCa5qW13N+hw== dependencies: "@babel/helper-plugin-utils" "^7.22.5" @@ -487,31 +500,24 @@ dependencies: "@babel/helper-plugin-utils" "^7.8.3" -"@babel/plugin-syntax-flow@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.22.5.tgz#163b820b9e7696ce134df3ee716d9c0c98035859" - integrity sha512-9RdCl0i+q0QExayk2nOS7853w08yLucnnPML6EN9S8fgMPVtdLDCdx/cOQ/i44Lb9UeQX9A35yaqBBOMMZxPxQ== - dependencies: - "@babel/helper-plugin-utils" "^7.22.5" - -"@babel/plugin-syntax-import-assertions@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.22.5.tgz#07d252e2aa0bc6125567f742cd58619cb14dce98" - integrity sha512-rdV97N7KqsRzeNGoWUOK6yUsWarLjE5Su/Snk9IYPU9CwkWHs4t+rTGOvffTR8XGkJMTAdLfO0xVnXm8wugIJg== +"@babel/plugin-syntax-flow@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.23.3.tgz#084564e0f3cc21ea6c70c44cff984a1c0509729a" + integrity sha512-YZiAIpkJAwQXBJLIQbRFayR5c+gJ35Vcz3bg954k7cd73zqjvhacJuL9RbrzPz8qPmZdgqP6EUKwy0PCNhaaPA== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-syntax-import-attributes@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.22.5.tgz#ab840248d834410b829f569f5262b9e517555ecb" - integrity sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg== +"@babel/plugin-syntax-import-assertions@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.23.3.tgz#9c05a7f592982aff1a2768260ad84bcd3f0c77fc" + integrity sha512-lPgDSU+SJLK3xmFDTV2ZRQAiM7UuUjGidwBywFavObCiZc1BeAAcMtHJKUya92hPHO+at63JJPLygilZard8jw== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-syntax-import-attributes@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.22.5.tgz#ab840248d834410b829f569f5262b9e517555ecb" - integrity sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg== +"@babel/plugin-syntax-import-attributes@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.23.3.tgz#992aee922cf04512461d7dae3ff6951b90a2dc06" + integrity sha512-pawnE0P9g10xgoP7yKr6CK63K2FMsTE+FZidZO/1PwRdzmAPVs+HS1mAURUsgaoxammTJvULUdIkEK0gOcU2tA== dependencies: "@babel/helper-plugin-utils" "^7.22.5" @@ -536,10 +542,10 @@ dependencies: "@babel/helper-plugin-utils" "^7.10.4" -"@babel/plugin-syntax-jsx@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz#a6b68e84fb76e759fc3b93e901876ffabbe1d918" - integrity sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg== +"@babel/plugin-syntax-jsx@^7.22.5", "@babel/plugin-syntax-jsx@^7.23.3", "@babel/plugin-syntax-jsx@^7.7.2": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.23.3.tgz#8f2e4f8a9b5f9aa16067e142c1ac9cd9f810f473" + integrity sha512-EB2MELswq55OHUoRZLGg/zC7QWUKfNLpE57m/S2yr1uEneIgsTgrSzXP3NXEsMkVn76OlaVVnzN+ugObuYGwhg== dependencies: "@babel/helper-plugin-utils" "^7.22.5" @@ -599,10 +605,10 @@ dependencies: "@babel/helper-plugin-utils" "^7.14.5" -"@babel/plugin-syntax-typescript@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.22.5.tgz#aac8d383b062c5072c647a31ef990c1d0af90272" - integrity sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ== +"@babel/plugin-syntax-typescript@^7.23.3", "@babel/plugin-syntax-typescript@^7.7.2": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.23.3.tgz#24f460c85dbbc983cd2b9c4994178bcc01df958f" + integrity sha512-9EiNjVJOMwCO+43TqoTrgQ8jMwcAd0sWyXi9RPfIsLTj4R2MADDDQXELhffaUx/uJv2AYcxBgPwH6j4TIA4ytQ== dependencies: "@babel/helper-plugin-utils" "^7.22.5" @@ -614,227 +620,219 @@ "@babel/helper-create-regexp-features-plugin" "^7.18.6" "@babel/helper-plugin-utils" "^7.18.6" -"@babel/plugin-transform-arrow-functions@^7.12.1", "@babel/plugin-transform-arrow-functions@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.22.5.tgz#e5ba566d0c58a5b2ba2a8b795450641950b71958" - integrity sha512-26lTNXoVRdAnsaDXPpvCNUq+OVWEVC6bx7Vvz9rC53F2bagUWW4u4ii2+h8Fejfh7RYqPxn+libeFBBck9muEw== +"@babel/plugin-transform-arrow-functions@^7.12.1", "@babel/plugin-transform-arrow-functions@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.23.3.tgz#94c6dcfd731af90f27a79509f9ab7fb2120fc38b" + integrity sha512-NzQcQrzaQPkaEwoTm4Mhyl8jI1huEL/WWIEvudjTCMJ9aBZNpsJbMASx7EQECtQQPS/DcnFpo0FIh3LvEO9cxQ== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-async-generator-functions@^7.23.2": - version "7.23.2" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.23.2.tgz#054afe290d64c6f576f371ccc321772c8ea87ebb" - integrity sha512-BBYVGxbDVHfoeXbOwcagAkOQAm9NxoTdMGfTqghu1GrvadSaw6iW3Je6IcL5PNOw8VwjxqBECXy50/iCQSY/lQ== +"@babel/plugin-transform-async-generator-functions@^7.23.3": + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.23.4.tgz#93ac8e3531f347fba519b4703f9ff2a75c6ae27a" + integrity sha512-efdkfPhHYTtn0G6n2ddrESE91fgXxjlqLsnUtPWnJs4a4mZIbUaK7ffqKIIUKXSHwcDvaCVX6GXkaJJFqtX7jw== dependencies: "@babel/helper-environment-visitor" "^7.22.20" "@babel/helper-plugin-utils" "^7.22.5" "@babel/helper-remap-async-to-generator" "^7.22.20" "@babel/plugin-syntax-async-generators" "^7.8.4" -"@babel/plugin-transform-async-to-generator@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.22.5.tgz#c7a85f44e46f8952f6d27fe57c2ed3cc084c3775" - integrity sha512-b1A8D8ZzE/VhNDoV1MSJTnpKkCG5bJo+19R4o4oy03zM7ws8yEMK755j61Dc3EyvdysbqH5BOOTquJ7ZX9C6vQ== +"@babel/plugin-transform-async-to-generator@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.23.3.tgz#d1f513c7a8a506d43f47df2bf25f9254b0b051fa" + integrity sha512-A7LFsKi4U4fomjqXJlZg/u0ft/n8/7n7lpffUP/ZULx/DtV9SGlNKZolHH6PE8Xl1ngCc0M11OaeZptXVkfKSw== dependencies: - "@babel/helper-module-imports" "^7.22.5" + "@babel/helper-module-imports" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" - "@babel/helper-remap-async-to-generator" "^7.22.5" + "@babel/helper-remap-async-to-generator" "^7.22.20" -"@babel/plugin-transform-block-scoped-functions@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.22.5.tgz#27978075bfaeb9fa586d3cb63a3d30c1de580024" - integrity sha512-tdXZ2UdknEKQWKJP1KMNmuF5Lx3MymtMN/pvA+p/VEkhK8jVcQ1fzSy8KM9qRYhAf2/lV33hoMPKI/xaI9sADA== +"@babel/plugin-transform-block-scoped-functions@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.23.3.tgz#fe1177d715fb569663095e04f3598525d98e8c77" + integrity sha512-vI+0sIaPIO6CNuM9Kk5VmXcMVRiOpDh7w2zZt9GXzmE/9KD70CUEVhvPR/etAeNK/FAEkhxQtXOzVF3EuRL41A== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-block-scoping@^7.12.12", "@babel/plugin-transform-block-scoping@^7.23.0": - version "7.23.0" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.23.0.tgz#8744d02c6c264d82e1a4bc5d2d501fd8aff6f022" - integrity sha512-cOsrbmIOXmf+5YbL99/S49Y3j46k/T16b9ml8bm9lP6N9US5iQ2yBK7gpui1pg0V/WMcXdkfKbTb7HXq9u+v4g== +"@babel/plugin-transform-block-scoping@^7.12.12", "@babel/plugin-transform-block-scoping@^7.23.3": + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.23.4.tgz#b2d38589531c6c80fbe25e6b58e763622d2d3cf5" + integrity sha512-0QqbP6B6HOh7/8iNR4CQU2Th/bbRtBp4KS9vcaZd1fZ0wSh5Fyssg0UCIHwxh+ka+pNDREbVLQnHCMHKZfPwfw== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-class-properties@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.22.5.tgz#97a56e31ad8c9dc06a0b3710ce7803d5a48cca77" - integrity sha512-nDkQ0NfkOhPTq8YCLiWNxp1+f9fCobEjCb0n8WdbNUBc4IB5V7P1QnX9IjpSoquKrXF5SKojHleVNs2vGeHCHQ== +"@babel/plugin-transform-class-properties@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.23.3.tgz#35c377db11ca92a785a718b6aa4e3ed1eb65dc48" + integrity sha512-uM+AN8yCIjDPccsKGlw271xjJtGii+xQIF/uMPS8H15L12jZTsLfF4o5vNO7d/oUguOyfdikHGc/yi9ge4SGIg== dependencies: - "@babel/helper-create-class-features-plugin" "^7.22.5" + "@babel/helper-create-class-features-plugin" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-class-static-block@^7.22.11": - version "7.22.11" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.11.tgz#dc8cc6e498f55692ac6b4b89e56d87cec766c974" - integrity sha512-GMM8gGmqI7guS/llMFk1bJDkKfn3v3C4KHK9Yg1ey5qcHcOlKb0QvcMrgzvxo+T03/4szNh5lghY+fEC98Kq9g== +"@babel/plugin-transform-class-static-block@^7.23.3": + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.23.4.tgz#2a202c8787a8964dd11dfcedf994d36bfc844ab5" + integrity sha512-nsWu/1M+ggti1SOALj3hfx5FXzAY06fwPJsUZD4/A5e1bWi46VUIWtD+kOX6/IdhXGsXBWllLFDSnqSCdUNydQ== dependencies: - "@babel/helper-create-class-features-plugin" "^7.22.11" + "@babel/helper-create-class-features-plugin" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-syntax-class-static-block" "^7.14.5" -"@babel/plugin-transform-classes@^7.12.1", "@babel/plugin-transform-classes@^7.22.15": - version "7.22.15" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.22.15.tgz#aaf4753aee262a232bbc95451b4bdf9599c65a0b" - integrity sha512-VbbC3PGjBdE0wAWDdHM9G8Gm977pnYI0XpqMd6LrKISj8/DJXEsWqgRuTYaNE9Bv0JGhTZUzHDlMk18IpOuoqw== +"@babel/plugin-transform-classes@^7.12.1", "@babel/plugin-transform-classes@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.23.3.tgz#73380c632c095b03e8503c24fd38f95ad41ffacb" + integrity sha512-FGEQmugvAEu2QtgtU0uTASXevfLMFfBeVCIIdcQhn/uBQsMTjBajdnAtanQlOcuihWh10PZ7+HWvc7NtBwP74w== dependencies: "@babel/helper-annotate-as-pure" "^7.22.5" "@babel/helper-compilation-targets" "^7.22.15" - "@babel/helper-environment-visitor" "^7.22.5" - "@babel/helper-function-name" "^7.22.5" + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-function-name" "^7.23.0" "@babel/helper-optimise-call-expression" "^7.22.5" "@babel/helper-plugin-utils" "^7.22.5" - "@babel/helper-replace-supers" "^7.22.9" + "@babel/helper-replace-supers" "^7.22.20" "@babel/helper-split-export-declaration" "^7.22.6" globals "^11.1.0" -"@babel/plugin-transform-computed-properties@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.22.5.tgz#cd1e994bf9f316bd1c2dafcd02063ec261bb3869" - integrity sha512-4GHWBgRf0krxPX+AaPtgBAlTgTeZmqDynokHOX7aqqAB4tHs3U2Y02zH6ETFdLZGcg9UQSD1WCmkVrE9ErHeOg== +"@babel/plugin-transform-computed-properties@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.23.3.tgz#652e69561fcc9d2b50ba4f7ac7f60dcf65e86474" + integrity sha512-dTj83UVTLw/+nbiHqQSFdwO9CbTtwq1DsDqm3CUEtDrZNET5rT5E6bIdTlOftDTDLMYxvxHNEYO4B9SLl8SLZw== dependencies: "@babel/helper-plugin-utils" "^7.22.5" - "@babel/template" "^7.22.5" + "@babel/template" "^7.22.15" -"@babel/plugin-transform-destructuring@^7.12.1", "@babel/plugin-transform-destructuring@^7.23.0": - version "7.23.0" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.23.0.tgz#6447aa686be48b32eaf65a73e0e2c0bd010a266c" - integrity sha512-vaMdgNXFkYrB+8lbgniSYWHsgqK5gjaMNcc84bMIOMRLH0L9AqYq3hwMdvnyqj1OPqea8UtjPEuS/DCenah1wg== +"@babel/plugin-transform-destructuring@^7.12.1", "@babel/plugin-transform-destructuring@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.23.3.tgz#8c9ee68228b12ae3dff986e56ed1ba4f3c446311" + integrity sha512-n225npDqjDIr967cMScVKHXJs7rout1q+tt50inyBCPkyZ8KxeI6d+GIbSBTT/w/9WdlWDOej3V9HE5Lgk57gw== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-dotall-regex@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.22.5.tgz#dbb4f0e45766eb544e193fb00e65a1dd3b2a4165" - integrity sha512-5/Yk9QxCQCl+sOIB1WelKnVRxTJDSAIxtJLL2/pqL14ZVlbH0fUQUZa/T5/UnQtBNgghR7mfB8ERBKyKPCi7Vw== +"@babel/plugin-transform-dotall-regex@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.23.3.tgz#3f7af6054882ede89c378d0cf889b854a993da50" + integrity sha512-vgnFYDHAKzFaTVp+mneDsIEbnJ2Np/9ng9iviHw3P/KVcgONxpNULEW/51Z/BaFojG2GI2GwwXck5uV1+1NOYQ== dependencies: - "@babel/helper-create-regexp-features-plugin" "^7.22.5" + "@babel/helper-create-regexp-features-plugin" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-duplicate-keys@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.22.5.tgz#b6e6428d9416f5f0bba19c70d1e6e7e0b88ab285" - integrity sha512-dEnYD+9BBgld5VBXHnF/DbYGp3fqGMsyxKbtD1mDyIA7AkTSpKXFhCVuj/oQVOoALfBs77DudA0BE4d5mcpmqw== +"@babel/plugin-transform-duplicate-keys@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.23.3.tgz#664706ca0a5dfe8d066537f99032fc1dc8b720ce" + integrity sha512-RrqQ+BQmU3Oyav3J+7/myfvRCq7Tbz+kKLLshUmMwNlDHExbGL7ARhajvoBJEvc+fCguPPu887N+3RRXBVKZUA== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-dynamic-import@^7.22.11": - version "7.22.11" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.11.tgz#2c7722d2a5c01839eaf31518c6ff96d408e447aa" - integrity sha512-g/21plo58sfteWjaO0ZNVb+uEOkJNjAaHhbejrnBmu011l/eNDScmkbjCC3l4FKb10ViaGU4aOkFznSu2zRHgA== +"@babel/plugin-transform-dynamic-import@^7.23.3": + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.23.4.tgz#c7629e7254011ac3630d47d7f34ddd40ca535143" + integrity sha512-V6jIbLhdJK86MaLh4Jpghi8ho5fGzt3imHOBu/x0jlBaPYqDoWz4RDXjmMOfnh+JWNaQleEAByZLV0QzBT4YQQ== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-syntax-dynamic-import" "^7.8.3" -"@babel/plugin-transform-exponentiation-operator@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.22.5.tgz#402432ad544a1f9a480da865fda26be653e48f6a" - integrity sha512-vIpJFNM/FjZ4rh1myqIya9jXwrwwgFRHPjT3DkUA9ZLHuzox8jiXkOLvwm1H+PQIP3CqfC++WPKeuDi0Sjdj1g== - dependencies: - "@babel/helper-builder-binary-assignment-operator-visitor" "^7.22.5" - "@babel/helper-plugin-utils" "^7.22.5" - -"@babel/plugin-transform-export-namespace-from@^7.22.11": - version "7.22.11" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.11.tgz#b3c84c8f19880b6c7440108f8929caf6056db26c" - integrity sha512-xa7aad7q7OiT8oNZ1mU7NrISjlSkVdMbNxn9IuLZyL9AJEhs1Apba3I+u5riX1dIkdptP5EKDG5XDPByWxtehw== +"@babel/plugin-transform-exponentiation-operator@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.23.3.tgz#ea0d978f6b9232ba4722f3dbecdd18f450babd18" + integrity sha512-5fhCsl1odX96u7ILKHBj4/Y8vipoqwsJMh4csSA8qFfxrZDEA4Ssku2DyNvMJSmZNOEBT750LfFPbtrnTP90BQ== dependencies: + "@babel/helper-builder-binary-assignment-operator-visitor" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" - "@babel/plugin-syntax-export-namespace-from" "^7.8.3" "@babel/plugin-transform-export-namespace-from@^7.23.3": - version "7.23.3" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.23.3.tgz#dcd066d995f6ac6077e5a4ccb68322a01e23ac49" - integrity sha512-yCLhW34wpJWRdTxxWtFZASJisihrfyMOTOQexhVzA78jlU+dH7Dw+zQgcPepQ5F3C6bAIiblZZ+qBggJdHiBAg== + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.23.4.tgz#084c7b25e9a5c8271e987a08cf85807b80283191" + integrity sha512-GzuSBcKkx62dGzZI1WVgTWvkkz84FZO5TC5T8dl/Tht/rAla6Dg/Mz9Yhypg+ezVACf/rgDuQt3kbWEv7LdUDQ== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-syntax-export-namespace-from" "^7.8.3" -"@babel/plugin-transform-flow-strip-types@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.22.5.tgz#0bb17110c7bf5b35a60754b2f00c58302381dee2" - integrity sha512-tujNbZdxdG0/54g/oua8ISToaXTFBf8EnSb5PgQSciIXWOWKX3S4+JR7ZE9ol8FZwf9kxitzkGQ+QWeov/mCiA== +"@babel/plugin-transform-flow-strip-types@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.23.3.tgz#cfa7ca159cc3306fab526fc67091556b51af26ff" + integrity sha512-26/pQTf9nQSNVJCrLB1IkHUKyPxR+lMrH2QDPG89+Znu9rAMbtrybdbWeE9bb7gzjmE5iXHEY+e0HUwM6Co93Q== dependencies: "@babel/helper-plugin-utils" "^7.22.5" - "@babel/plugin-syntax-flow" "^7.22.5" + "@babel/plugin-syntax-flow" "^7.23.3" -"@babel/plugin-transform-for-of@^7.12.1", "@babel/plugin-transform-for-of@^7.22.15": - version "7.22.15" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.22.15.tgz#f64b4ccc3a4f131a996388fae7680b472b306b29" - integrity sha512-me6VGeHsx30+xh9fbDLLPi0J1HzmeIIyenoOQHuw2D4m2SAU3NrspX5XxJLBpqn5yrLzrlw2Iy3RA//Bx27iOA== +"@babel/plugin-transform-for-of@^7.12.1", "@babel/plugin-transform-for-of@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.23.3.tgz#afe115ff0fbce735e02868d41489093c63e15559" + integrity sha512-X8jSm8X1CMwxmK878qsUGJRmbysKNbdpTv/O1/v0LuY/ZkZrng5WYiekYSdg9m09OTmDDUWeEDsTE+17WYbAZw== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-function-name@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.22.5.tgz#935189af68b01898e0d6d99658db6b164205c143" - integrity sha512-UIzQNMS0p0HHiQm3oelztj+ECwFnj+ZRV4KnguvlsD2of1whUeM6o7wGNj6oLwcDoAXQ8gEqfgC24D+VdIcevg== +"@babel/plugin-transform-function-name@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.23.3.tgz#8f424fcd862bf84cb9a1a6b42bc2f47ed630f8dc" + integrity sha512-I1QXp1LxIvt8yLaib49dRW5Okt7Q4oaxao6tFVKS/anCdEOMtYwWVKoiOA1p34GOWIZjUK0E+zCp7+l1pfQyiw== dependencies: - "@babel/helper-compilation-targets" "^7.22.5" - "@babel/helper-function-name" "^7.22.5" + "@babel/helper-compilation-targets" "^7.22.15" + "@babel/helper-function-name" "^7.23.0" "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-json-strings@^7.22.11": - version "7.22.11" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.11.tgz#689a34e1eed1928a40954e37f74509f48af67835" - integrity sha512-CxT5tCqpA9/jXFlme9xIBCc5RPtdDq3JpkkhgHQqtDdiTnTI0jtZ0QzXhr5DILeYifDPp2wvY2ad+7+hLMW5Pw== +"@babel/plugin-transform-json-strings@^7.23.3": + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.23.4.tgz#a871d9b6bd171976efad2e43e694c961ffa3714d" + integrity sha512-81nTOqM1dMwZ/aRXQ59zVubN9wHGqk6UtqRK+/q+ciXmRy8fSolhGVvG09HHRGo4l6fr/c4ZhXUQH0uFW7PZbg== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-syntax-json-strings" "^7.8.3" -"@babel/plugin-transform-literals@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.22.5.tgz#e9341f4b5a167952576e23db8d435849b1dd7920" - integrity sha512-fTLj4D79M+mepcw3dgFBTIDYpbcB9Sm0bpm4ppXPaO+U+PKFFyV9MGRvS0gvGw62sd10kT5lRMKXAADb9pWy8g== +"@babel/plugin-transform-literals@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.23.3.tgz#8214665f00506ead73de157eba233e7381f3beb4" + integrity sha512-wZ0PIXRxnwZvl9AYpqNUxpZ5BiTGrYt7kueGQ+N5FiQ7RCOD4cm8iShd6S6ggfVIWaJf2EMk8eRzAh52RfP4rQ== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-logical-assignment-operators@^7.22.11": - version "7.22.11" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.11.tgz#24c522a61688bde045b7d9bc3c2597a4d948fc9c" - integrity sha512-qQwRTP4+6xFCDV5k7gZBF3C31K34ut0tbEcTKxlX/0KXxm9GLcO14p570aWxFvVzx6QAfPgq7gaeIHXJC8LswQ== +"@babel/plugin-transform-logical-assignment-operators@^7.23.3": + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.23.4.tgz#e599f82c51d55fac725f62ce55d3a0886279ecb5" + integrity sha512-Mc/ALf1rmZTP4JKKEhUwiORU+vcfarFVLfcFiolKUo6sewoxSEgl36ak5t+4WamRsNr6nzjZXQjM35WsU+9vbg== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4" -"@babel/plugin-transform-member-expression-literals@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.22.5.tgz#4fcc9050eded981a468347dd374539ed3e058def" - integrity sha512-RZEdkNtzzYCFl9SE9ATaUMTj2hqMb4StarOJLrZRbqqU4HSBE7UlBw9WBWQiDzrJZJdUWiMTVDI6Gv/8DPvfew== +"@babel/plugin-transform-member-expression-literals@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.23.3.tgz#e37b3f0502289f477ac0e776b05a833d853cabcc" + integrity sha512-sC3LdDBDi5x96LA+Ytekz2ZPk8i/Ck+DEuDbRAll5rknJ5XRTSaPKEYwomLcs1AA8wg9b3KjIQRsnApj+q51Ag== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-modules-amd@^7.23.0": - version "7.23.0" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.23.0.tgz#05b2bc43373faa6d30ca89214731f76f966f3b88" - integrity sha512-xWT5gefv2HGSm4QHtgc1sYPbseOyf+FFDo2JbpE25GWl5BqTGO9IMwTYJRoIdjsF85GE+VegHxSCUt5EvoYTAw== +"@babel/plugin-transform-modules-amd@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.23.3.tgz#e19b55436a1416829df0a1afc495deedfae17f7d" + integrity sha512-vJYQGxeKM4t8hYCKVBlZX/gtIY2I7mRGFNcm85sgXGMTBcoV3QdVtdpbcWEbzbfUIUZKwvgFT82mRvaQIebZzw== dependencies: - "@babel/helper-module-transforms" "^7.23.0" + "@babel/helper-module-transforms" "^7.23.3" "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-modules-commonjs@^7.23.0": - version "7.23.0" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.23.0.tgz#b3dba4757133b2762c00f4f94590cf6d52602481" - integrity sha512-32Xzss14/UVc7k9g775yMIvkVK8xwKE0DPdP5JTapr3+Z9w4tzeOuLNY6BXDQR6BdnzIlXnCGAzsk/ICHBLVWQ== +"@babel/plugin-transform-modules-commonjs@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.23.3.tgz#661ae831b9577e52be57dd8356b734f9700b53b4" + integrity sha512-aVS0F65LKsdNOtcz6FRCpE4OgsP2OFnW46qNxNIX9h3wuzaNcSQsJysuMwqSibC98HPrf2vCgtxKNwS0DAlgcA== dependencies: - "@babel/helper-module-transforms" "^7.23.0" + "@babel/helper-module-transforms" "^7.23.3" "@babel/helper-plugin-utils" "^7.22.5" "@babel/helper-simple-access" "^7.22.5" -"@babel/plugin-transform-modules-systemjs@^7.23.0": - version "7.23.0" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.23.0.tgz#77591e126f3ff4132a40595a6cccd00a6b60d160" - integrity sha512-qBej6ctXZD2f+DhlOC9yO47yEYgUh5CZNz/aBoH4j/3NOlRfJXJbY7xDQCqQVf9KbrqGzIWER1f23doHGrIHFg== +"@babel/plugin-transform-modules-systemjs@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.23.3.tgz#fa7e62248931cb15b9404f8052581c302dd9de81" + integrity sha512-ZxyKGTkF9xT9YJuKQRo19ewf3pXpopuYQd8cDXqNzc3mUNbOME0RKMoZxviQk74hwzfQsEe66dE92MaZbdHKNQ== dependencies: "@babel/helper-hoist-variables" "^7.22.5" - "@babel/helper-module-transforms" "^7.23.0" + "@babel/helper-module-transforms" "^7.23.3" "@babel/helper-plugin-utils" "^7.22.5" "@babel/helper-validator-identifier" "^7.22.20" -"@babel/plugin-transform-modules-umd@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.22.5.tgz#4694ae40a87b1745e3775b6a7fe96400315d4f98" - integrity sha512-+S6kzefN/E1vkSsKx8kmQuqeQsvCKCd1fraCM7zXm4SFoggI099Tr4G8U81+5gtMdUeMQ4ipdQffbKLX0/7dBQ== +"@babel/plugin-transform-modules-umd@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.23.3.tgz#5d4395fccd071dfefe6585a4411aa7d6b7d769e9" + integrity sha512-zHsy9iXX2nIsCBFPud3jKn1IRPWg3Ing1qOZgeKV39m1ZgIdpJqvlWVeiHBZC6ITRG0MfskhYe9cLgntfSFPIg== dependencies: - "@babel/helper-module-transforms" "^7.22.5" + "@babel/helper-module-transforms" "^7.23.3" "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-transform-named-capturing-groups-regex@^7.22.5": @@ -845,101 +843,101 @@ "@babel/helper-create-regexp-features-plugin" "^7.22.5" "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-new-target@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.22.5.tgz#1b248acea54ce44ea06dfd37247ba089fcf9758d" - integrity sha512-AsF7K0Fx/cNKVyk3a+DW0JLo+Ua598/NxMRvxDnkpCIGFh43+h/v2xyhRUYf6oD8gE4QtL83C7zZVghMjHd+iw== +"@babel/plugin-transform-new-target@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.23.3.tgz#5491bb78ed6ac87e990957cea367eab781c4d980" + integrity sha512-YJ3xKqtJMAT5/TIZnpAR3I+K+WaDowYbN3xyxI8zxx/Gsypwf9B9h0VB+1Nh6ACAAPRS5NSRje0uVv5i79HYGQ== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-nullish-coalescing-operator@^7.22.11": - version "7.22.11" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.11.tgz#debef6c8ba795f5ac67cd861a81b744c5d38d9fc" - integrity sha512-YZWOw4HxXrotb5xsjMJUDlLgcDXSfO9eCmdl1bgW4+/lAGdkjaEvOnQ4p5WKKdUgSzO39dgPl0pTnfxm0OAXcg== +"@babel/plugin-transform-nullish-coalescing-operator@^7.23.3": + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.23.4.tgz#45556aad123fc6e52189ea749e33ce090637346e" + integrity sha512-jHE9EVVqHKAQx+VePv5LLGHjmHSJR76vawFPTdlxR/LVJPfOEGxREQwQfjuZEOPTwG92X3LINSh3M40Rv4zpVA== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3" -"@babel/plugin-transform-numeric-separator@^7.22.11": - version "7.22.11" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.11.tgz#498d77dc45a6c6db74bb829c02a01c1d719cbfbd" - integrity sha512-3dzU4QGPsILdJbASKhF/V2TVP+gJya1PsueQCxIPCEcerqF21oEcrob4mzjsp2Py/1nLfF5m+xYNMDpmA8vffg== +"@babel/plugin-transform-numeric-separator@^7.23.3": + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.23.4.tgz#03d08e3691e405804ecdd19dd278a40cca531f29" + integrity sha512-mps6auzgwjRrwKEZA05cOwuDc9FAzoyFS4ZsG/8F43bTLf/TgkJg7QXOrPO1JO599iA3qgK9MXdMGOEC8O1h6Q== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-syntax-numeric-separator" "^7.10.4" -"@babel/plugin-transform-object-rest-spread@^7.22.15": - version "7.22.15" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.15.tgz#21a95db166be59b91cde48775310c0df6e1da56f" - integrity sha512-fEB+I1+gAmfAyxZcX1+ZUwLeAuuf8VIg67CTznZE0MqVFumWkh8xWtn58I4dxdVf080wn7gzWoF8vndOViJe9Q== +"@babel/plugin-transform-object-rest-spread@^7.23.3": + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.23.4.tgz#2b9c2d26bf62710460bdc0d1730d4f1048361b83" + integrity sha512-9x9K1YyeQVw0iOXJlIzwm8ltobIIv7j2iLyP2jIhEbqPRQ7ScNgwQufU2I0Gq11VjyG4gI4yMXt2VFags+1N3g== dependencies: - "@babel/compat-data" "^7.22.9" + "@babel/compat-data" "^7.23.3" "@babel/helper-compilation-targets" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-syntax-object-rest-spread" "^7.8.3" - "@babel/plugin-transform-parameters" "^7.22.15" + "@babel/plugin-transform-parameters" "^7.23.3" -"@babel/plugin-transform-object-super@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.22.5.tgz#794a8d2fcb5d0835af722173c1a9d704f44e218c" - integrity sha512-klXqyaT9trSjIUrcsYIfETAzmOEZL3cBYqOYLJxBHfMFFggmXOv+NYSX/Jbs9mzMVESw/WycLFPRx8ba/b2Ipw== +"@babel/plugin-transform-object-super@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.23.3.tgz#81fdb636dcb306dd2e4e8fd80db5b2362ed2ebcd" + integrity sha512-BwQ8q0x2JG+3lxCVFohg+KbQM7plfpBwThdW9A6TMtWwLsbDA01Ek2Zb/AgDN39BiZsExm4qrXxjk+P1/fzGrA== dependencies: "@babel/helper-plugin-utils" "^7.22.5" - "@babel/helper-replace-supers" "^7.22.5" + "@babel/helper-replace-supers" "^7.22.20" -"@babel/plugin-transform-optional-catch-binding@^7.22.11": - version "7.22.11" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.11.tgz#461cc4f578a127bb055527b3e77404cad38c08e0" - integrity sha512-rli0WxesXUeCJnMYhzAglEjLWVDF6ahb45HuprcmQuLidBJFWjNnOzssk2kuc6e33FlLaiZhG/kUIzUMWdBKaQ== +"@babel/plugin-transform-optional-catch-binding@^7.23.3": + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.23.4.tgz#318066de6dacce7d92fa244ae475aa8d91778017" + integrity sha512-XIq8t0rJPHf6Wvmbn9nFxU6ao4c7WhghTR5WyV8SrJfUFzyxhCm4nhC+iAp3HFhbAKLfYpgzhJ6t4XCtVwqO5A== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-syntax-optional-catch-binding" "^7.8.3" -"@babel/plugin-transform-optional-chaining@^7.22.15", "@babel/plugin-transform-optional-chaining@^7.23.0": - version "7.23.0" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.23.0.tgz#73ff5fc1cf98f542f09f29c0631647d8ad0be158" - integrity sha512-sBBGXbLJjxTzLBF5rFWaikMnOGOk/BmK6vVByIdEggZ7Vn6CvWXZyRkkLFK6WE0IF8jSliyOkUN6SScFgzCM0g== +"@babel/plugin-transform-optional-chaining@^7.23.3": + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.23.4.tgz#6acf61203bdfc4de9d4e52e64490aeb3e52bd017" + integrity sha512-ZU8y5zWOfjM5vZ+asjgAPwDaBjJzgufjES89Rs4Lpq63O300R/kOz30WCLo6BxxX6QVEilwSlpClnG5cZaikTA== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5" "@babel/plugin-syntax-optional-chaining" "^7.8.3" -"@babel/plugin-transform-parameters@^7.12.1", "@babel/plugin-transform-parameters@^7.20.7", "@babel/plugin-transform-parameters@^7.22.15": - version "7.22.15" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.22.15.tgz#719ca82a01d177af358df64a514d64c2e3edb114" - integrity sha512-hjk7qKIqhyzhhUvRT683TYQOFa/4cQKwQy7ALvTpODswN40MljzNDa0YldevS6tGbxwaEKVn502JmY0dP7qEtQ== +"@babel/plugin-transform-parameters@^7.12.1", "@babel/plugin-transform-parameters@^7.20.7", "@babel/plugin-transform-parameters@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.23.3.tgz#83ef5d1baf4b1072fa6e54b2b0999a7b2527e2af" + integrity sha512-09lMt6UsUb3/34BbECKVbVwrT9bO6lILWln237z7sLaWnMsTi7Yc9fhX5DLpkJzAGfaReXI22wP41SZmnAA3Vw== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-private-methods@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.22.5.tgz#21c8af791f76674420a147ae62e9935d790f8722" - integrity sha512-PPjh4gyrQnGe97JTalgRGMuU4icsZFnWkzicB/fUtzlKUqvsWBKEpPPfr5a2JiyirZkHxnAqkQMO5Z5B2kK3fA== +"@babel/plugin-transform-private-methods@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.23.3.tgz#b2d7a3c97e278bfe59137a978d53b2c2e038c0e4" + integrity sha512-UzqRcRtWsDMTLrRWFvUBDwmw06tCQH9Rl1uAjfh6ijMSmGYQ+fpdB+cnqRC8EMh5tuuxSv0/TejGL+7vyj+50g== dependencies: - "@babel/helper-create-class-features-plugin" "^7.22.5" + "@babel/helper-create-class-features-plugin" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-private-property-in-object@^7.22.11": - version "7.22.11" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.11.tgz#ad45c4fc440e9cb84c718ed0906d96cf40f9a4e1" - integrity sha512-sSCbqZDBKHetvjSwpyWzhuHkmW5RummxJBVbYLkGkaiTOWGxml7SXt0iWa03bzxFIx7wOj3g/ILRd0RcJKBeSQ== +"@babel/plugin-transform-private-property-in-object@^7.23.3": + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.23.4.tgz#3ec711d05d6608fd173d9b8de39872d8dbf68bf5" + integrity sha512-9G3K1YqTq3F4Vt88Djx1UZ79PDyj+yKRnUy7cZGSMe+a7jkwD259uKKuUzQlPkGam7R+8RJwh5z4xO27fA1o2A== dependencies: "@babel/helper-annotate-as-pure" "^7.22.5" - "@babel/helper-create-class-features-plugin" "^7.22.11" + "@babel/helper-create-class-features-plugin" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-syntax-private-property-in-object" "^7.14.5" -"@babel/plugin-transform-property-literals@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.22.5.tgz#b5ddabd73a4f7f26cd0e20f5db48290b88732766" - integrity sha512-TiOArgddK3mK/x1Qwf5hay2pxI6wCZnvQqrFSqbtg1GLl2JcNMitVH/YnqjP+M31pLUeTfzY1HAXFDnUBV30rQ== +"@babel/plugin-transform-property-literals@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.23.3.tgz#54518f14ac4755d22b92162e4a852d308a560875" + integrity sha512-jR3Jn3y7cZp4oEWPFAlRsSWjxKe4PZILGBSd4nis1TsC5qeSpb+nrtihJuDhNI7QHiVbUaiXa0X2RZY3/TI6Nw== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-react-display-name@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.22.5.tgz#3c4326f9fce31c7968d6cb9debcaf32d9e279a2b" - integrity sha512-PVk3WPYudRF5z4GKMEYUrLjPl38fJSKNaEOkFuoprioowGuWN6w2RKznuFNSlJx7pzzXXStPUnNSOEO0jL5EVw== +"@babel/plugin-transform-react-display-name@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.23.3.tgz#70529f034dd1e561045ad3c8152a267f0d7b6200" + integrity sha512-GnvhtVfA2OAtzdX58FJxU19rhoGeQzyVndw3GgtdECQvQFXPEZIOVULHVZGAYmOgmqjXpVpfocAbSjh99V/Fqw== dependencies: "@babel/helper-plugin-utils" "^7.22.5" @@ -951,135 +949,136 @@ "@babel/plugin-transform-react-jsx" "^7.22.5" "@babel/plugin-transform-react-jsx@^7.12.12", "@babel/plugin-transform-react-jsx@^7.22.15", "@babel/plugin-transform-react-jsx@^7.22.5": - version "7.22.15" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.22.15.tgz#7e6266d88705d7c49f11c98db8b9464531289cd6" - integrity sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA== + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.23.4.tgz#393f99185110cea87184ea47bcb4a7b0c2e39312" + integrity sha512-5xOpoPguCZCRbo/JeHlloSkTA8Bld1J/E1/kLfD1nsuiW1m8tduTA1ERCgIZokDflX/IBzKcqR3l7VlRgiIfHA== dependencies: "@babel/helper-annotate-as-pure" "^7.22.5" "@babel/helper-module-imports" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" - "@babel/plugin-syntax-jsx" "^7.22.5" - "@babel/types" "^7.22.15" + "@babel/plugin-syntax-jsx" "^7.23.3" + "@babel/types" "^7.23.4" -"@babel/plugin-transform-react-pure-annotations@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.22.5.tgz#1f58363eef6626d6fa517b95ac66fe94685e32c0" - integrity sha512-gP4k85wx09q+brArVinTXhWiyzLl9UpmGva0+mWyKxk6JZequ05x3eUcIUE+FyttPKJFRRVtAvQaJ6YF9h1ZpA== +"@babel/plugin-transform-react-pure-annotations@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.23.3.tgz#fabedbdb8ee40edf5da96f3ecfc6958e3783b93c" + integrity sha512-qMFdSS+TUhB7Q/3HVPnEdYJDQIk57jkntAwSuz9xfSE4n+3I+vHYCli3HoHawN1Z3RfCz/y1zXA/JXjG6cVImQ== dependencies: "@babel/helper-annotate-as-pure" "^7.22.5" "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-regenerator@^7.22.10": - version "7.22.10" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.22.10.tgz#8ceef3bd7375c4db7652878b0241b2be5d0c3cca" - integrity sha512-F28b1mDt8KcT5bUyJc/U9nwzw6cV+UmTeRlXYIl2TNqMMJif0Jeey9/RQ3C4NOd2zp0/TRsDns9ttj2L523rsw== +"@babel/plugin-transform-regenerator@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.23.3.tgz#141afd4a2057298602069fce7f2dc5173e6c561c" + integrity sha512-KP+75h0KghBMcVpuKisx3XTu9Ncut8Q8TuvGO4IhY+9D5DFEckQefOuIsB/gQ2tG71lCke4NMrtIPS8pOj18BQ== dependencies: "@babel/helper-plugin-utils" "^7.22.5" regenerator-transform "^0.15.2" -"@babel/plugin-transform-reserved-words@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.22.5.tgz#832cd35b81c287c4bcd09ce03e22199641f964fb" - integrity sha512-DTtGKFRQUDm8svigJzZHzb/2xatPc6TzNvAIJ5GqOKDsGFYgAskjRulbR/vGsPKq3OPqtexnz327qYpP57RFyA== +"@babel/plugin-transform-reserved-words@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.23.3.tgz#4130dcee12bd3dd5705c587947eb715da12efac8" + integrity sha512-QnNTazY54YqgGxwIexMZva9gqbPa15t/x9VS+0fsEFWplwVpXYZivtgl43Z1vMpc1bdPP2PP8siFeVcnFvA3Cg== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-shorthand-properties@^7.12.1", "@babel/plugin-transform-shorthand-properties@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.22.5.tgz#6e277654be82b5559fc4b9f58088507c24f0c624" - integrity sha512-vM4fq9IXHscXVKzDv5itkO1X52SmdFBFcMIBZ2FRn2nqVYqw6dBexUgMvAjHW+KXpPPViD/Yo3GrDEBaRC0QYA== +"@babel/plugin-transform-shorthand-properties@^7.12.1", "@babel/plugin-transform-shorthand-properties@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.23.3.tgz#97d82a39b0e0c24f8a981568a8ed851745f59210" + integrity sha512-ED2fgqZLmexWiN+YNFX26fx4gh5qHDhn1O2gvEhreLW2iI63Sqm4llRLCXALKrCnbN4Jy0VcMQZl/SAzqug/jg== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-spread@^7.12.1", "@babel/plugin-transform-spread@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.22.5.tgz#6487fd29f229c95e284ba6c98d65eafb893fea6b" - integrity sha512-5ZzDQIGyvN4w8+dMmpohL6MBo+l2G7tfC/O2Dg7/hjpgeWvUx8FzfeOKxGog9IimPa4YekaQ9PlDqTLOljkcxg== +"@babel/plugin-transform-spread@^7.12.1", "@babel/plugin-transform-spread@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.23.3.tgz#41d17aacb12bde55168403c6f2d6bdca563d362c" + integrity sha512-VvfVYlrlBVu+77xVTOAoxQ6mZbnIq5FM0aGBSFEcIh03qHf+zNqA4DC/3XMUozTg7bZV3e3mZQ0i13VB6v5yUg== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5" -"@babel/plugin-transform-sticky-regex@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.22.5.tgz#295aba1595bfc8197abd02eae5fc288c0deb26aa" - integrity sha512-zf7LuNpHG0iEeiyCNwX4j3gDg1jgt1k3ZdXBKbZSoA3BbGQGvMiSvfbZRR3Dr3aeJe3ooWFZxOOG3IRStYp2Bw== +"@babel/plugin-transform-sticky-regex@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.23.3.tgz#dec45588ab4a723cb579c609b294a3d1bd22ff04" + integrity sha512-HZOyN9g+rtvnOU3Yh7kSxXrKbzgrm5X4GncPY1QOquu7epga5MxKHVpYu2hvQnry/H+JjckSYRb93iNfsioAGg== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-template-literals@^7.12.1", "@babel/plugin-transform-template-literals@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.22.5.tgz#8f38cf291e5f7a8e60e9f733193f0bcc10909bff" - integrity sha512-5ciOehRNf+EyUeewo8NkbQiUs4d6ZxiHo6BcBcnFlgiJfu16q0bQUw9Jvo0b0gBKFG1SMhDSjeKXSYuJLeFSMA== +"@babel/plugin-transform-template-literals@^7.12.1", "@babel/plugin-transform-template-literals@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.23.3.tgz#5f0f028eb14e50b5d0f76be57f90045757539d07" + integrity sha512-Flok06AYNp7GV2oJPZZcP9vZdszev6vPBkHLwxwSpaIqx75wn6mUd3UFWsSsA0l8nXAKkyCmL/sR02m8RYGeHg== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-typeof-symbol@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.22.5.tgz#5e2ba478da4b603af8673ff7c54f75a97b716b34" - integrity sha512-bYkI5lMzL4kPii4HHEEChkD0rkc+nvnlR6+o/qdqR6zrm0Sv/nodmyLhlq2DO0YKLUNd2VePmPRjJXSBh9OIdA== +"@babel/plugin-transform-typeof-symbol@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.23.3.tgz#9dfab97acc87495c0c449014eb9c547d8966bca4" + integrity sha512-4t15ViVnaFdrPC74be1gXBSMzXk3B4Us9lP7uLRQHTFpV5Dvt33pn+2MyyNxmN3VTTm3oTrZVMUmuw3oBnQ2oQ== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-typescript@^7.22.15": - version "7.22.15" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.22.15.tgz#15adef906451d86349eb4b8764865c960eb54127" - integrity sha512-1uirS0TnijxvQLnlv5wQBwOX3E1wCFX7ITv+9pBV2wKEk4K+M5tqDaoNXnTH8tjEIYHLO98MwiTWO04Ggz4XuA== +"@babel/plugin-transform-typescript@^7.23.3": + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.23.4.tgz#da12914d17b3c4b307f32c5fd91fbfdf17d56f86" + integrity sha512-39hCCOl+YUAyMOu6B9SmUTiHUU0t/CxJNUmY3qRdJujbqi+lrQcL11ysYUsAvFWPBdhihrv1z0oRG84Yr3dODQ== dependencies: "@babel/helper-annotate-as-pure" "^7.22.5" "@babel/helper-create-class-features-plugin" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" - "@babel/plugin-syntax-typescript" "^7.22.5" + "@babel/plugin-syntax-typescript" "^7.23.3" -"@babel/plugin-transform-unicode-escapes@^7.22.10": - version "7.22.10" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.22.10.tgz#c723f380f40a2b2f57a62df24c9005834c8616d9" - integrity sha512-lRfaRKGZCBqDlRU3UIFovdp9c9mEvlylmpod0/OatICsSfuQ9YFthRo1tpTkGsklEefZdqlEFdY4A2dwTb6ohg== +"@babel/plugin-transform-unicode-escapes@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.23.3.tgz#1f66d16cab01fab98d784867d24f70c1ca65b925" + integrity sha512-OMCUx/bU6ChE3r4+ZdylEqAjaQgHAgipgW8nsCfu5pGqDcFytVd91AwRvUJSBZDz0exPGgnjoqhgRYLRjFZc9Q== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-unicode-property-regex@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.22.5.tgz#098898f74d5c1e86660dc112057b2d11227f1c81" - integrity sha512-HCCIb+CbJIAE6sXn5CjFQXMwkCClcOfPCzTlilJ8cUatfzwHlWQkbtV0zD338u9dZskwvuOYTuuaMaA8J5EI5A== +"@babel/plugin-transform-unicode-property-regex@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.23.3.tgz#19e234129e5ffa7205010feec0d94c251083d7ad" + integrity sha512-KcLIm+pDZkWZQAFJ9pdfmh89EwVfmNovFBcXko8szpBeF8z68kWIPeKlmSOkT9BXJxs2C0uk+5LxoxIv62MROA== dependencies: - "@babel/helper-create-regexp-features-plugin" "^7.22.5" + "@babel/helper-create-regexp-features-plugin" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-unicode-regex@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.22.5.tgz#ce7e7bb3ef208c4ff67e02a22816656256d7a183" - integrity sha512-028laaOKptN5vHJf9/Arr/HiJekMd41hOEZYvNsrsXqJ7YPYuX2bQxh31fkZzGmq3YqHRJzYFFAVYvKfMPKqyg== +"@babel/plugin-transform-unicode-regex@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.23.3.tgz#26897708d8f42654ca4ce1b73e96140fbad879dc" + integrity sha512-wMHpNA4x2cIA32b/ci3AfwNgheiva2W0WUKWTK7vBHBhDKfPsc5cFGNWm69WBqpwd86u1qwZ9PWevKqm1A3yAw== dependencies: - "@babel/helper-create-regexp-features-plugin" "^7.22.5" + "@babel/helper-create-regexp-features-plugin" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-unicode-sets-regex@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.22.5.tgz#77788060e511b708ffc7d42fdfbc5b37c3004e91" - integrity sha512-lhMfi4FC15j13eKrh3DnYHjpGj6UKQHtNKTbtc1igvAhRy4+kLhV07OpLcsN0VgDEw/MjAvJO4BdMJsHwMhzCg== +"@babel/plugin-transform-unicode-sets-regex@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.23.3.tgz#4fb6f0a719c2c5859d11f6b55a050cc987f3799e" + integrity sha512-W7lliA/v9bNR83Qc3q1ip9CQMZ09CcHDbHfbLRDNuAhn1Mvkr1ZNF7hPmztMQvtTGVLJ9m8IZqWsTkXOml8dbw== dependencies: - "@babel/helper-create-regexp-features-plugin" "^7.22.5" + "@babel/helper-create-regexp-features-plugin" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" "@babel/preset-env@^7.12.11", "@babel/preset-env@^7.15.8": - version "7.23.2" - resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.23.2.tgz#1f22be0ff0e121113260337dbc3e58fafce8d059" - integrity sha512-BW3gsuDD+rvHL2VO2SjAUNTBe5YrjsTiDyqamPDWY723na3/yPQ65X5oQkFVJZ0o50/2d+svm1rkPoJeR1KxVQ== + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.23.3.tgz#d299e0140a7650684b95c62be2db0ef8c975143e" + integrity sha512-ovzGc2uuyNfNAs/jyjIGxS8arOHS5FENZaNn4rtE7UdKMMkqHCvboHfcuhWLZNX5cB44QfcGNWjaevxMzzMf+Q== dependencies: - "@babel/compat-data" "^7.23.2" + "@babel/compat-data" "^7.23.3" "@babel/helper-compilation-targets" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" "@babel/helper-validator-option" "^7.22.15" - "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.22.15" - "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.22.15" + "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.23.3" + "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.23.3" + "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.23.3" "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2" "@babel/plugin-syntax-async-generators" "^7.8.4" "@babel/plugin-syntax-class-properties" "^7.12.13" "@babel/plugin-syntax-class-static-block" "^7.14.5" "@babel/plugin-syntax-dynamic-import" "^7.8.3" "@babel/plugin-syntax-export-namespace-from" "^7.8.3" - "@babel/plugin-syntax-import-assertions" "^7.22.5" - "@babel/plugin-syntax-import-attributes" "^7.22.5" + "@babel/plugin-syntax-import-assertions" "^7.23.3" + "@babel/plugin-syntax-import-attributes" "^7.23.3" "@babel/plugin-syntax-import-meta" "^7.10.4" "@babel/plugin-syntax-json-strings" "^7.8.3" "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4" @@ -1091,56 +1090,55 @@ "@babel/plugin-syntax-private-property-in-object" "^7.14.5" "@babel/plugin-syntax-top-level-await" "^7.14.5" "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6" - "@babel/plugin-transform-arrow-functions" "^7.22.5" - "@babel/plugin-transform-async-generator-functions" "^7.23.2" - "@babel/plugin-transform-async-to-generator" "^7.22.5" - "@babel/plugin-transform-block-scoped-functions" "^7.22.5" - "@babel/plugin-transform-block-scoping" "^7.23.0" - "@babel/plugin-transform-class-properties" "^7.22.5" - "@babel/plugin-transform-class-static-block" "^7.22.11" - "@babel/plugin-transform-classes" "^7.22.15" - "@babel/plugin-transform-computed-properties" "^7.22.5" - "@babel/plugin-transform-destructuring" "^7.23.0" - "@babel/plugin-transform-dotall-regex" "^7.22.5" - "@babel/plugin-transform-duplicate-keys" "^7.22.5" - "@babel/plugin-transform-dynamic-import" "^7.22.11" - "@babel/plugin-transform-exponentiation-operator" "^7.22.5" - "@babel/plugin-transform-export-namespace-from" "^7.22.11" - "@babel/plugin-transform-for-of" "^7.22.15" - "@babel/plugin-transform-function-name" "^7.22.5" - "@babel/plugin-transform-json-strings" "^7.22.11" - "@babel/plugin-transform-literals" "^7.22.5" - "@babel/plugin-transform-logical-assignment-operators" "^7.22.11" - "@babel/plugin-transform-member-expression-literals" "^7.22.5" - "@babel/plugin-transform-modules-amd" "^7.23.0" - "@babel/plugin-transform-modules-commonjs" "^7.23.0" - "@babel/plugin-transform-modules-systemjs" "^7.23.0" - "@babel/plugin-transform-modules-umd" "^7.22.5" + "@babel/plugin-transform-arrow-functions" "^7.23.3" + "@babel/plugin-transform-async-generator-functions" "^7.23.3" + "@babel/plugin-transform-async-to-generator" "^7.23.3" + "@babel/plugin-transform-block-scoped-functions" "^7.23.3" + "@babel/plugin-transform-block-scoping" "^7.23.3" + "@babel/plugin-transform-class-properties" "^7.23.3" + "@babel/plugin-transform-class-static-block" "^7.23.3" + "@babel/plugin-transform-classes" "^7.23.3" + "@babel/plugin-transform-computed-properties" "^7.23.3" + "@babel/plugin-transform-destructuring" "^7.23.3" + "@babel/plugin-transform-dotall-regex" "^7.23.3" + "@babel/plugin-transform-duplicate-keys" "^7.23.3" + "@babel/plugin-transform-dynamic-import" "^7.23.3" + "@babel/plugin-transform-exponentiation-operator" "^7.23.3" + "@babel/plugin-transform-export-namespace-from" "^7.23.3" + "@babel/plugin-transform-for-of" "^7.23.3" + "@babel/plugin-transform-function-name" "^7.23.3" + "@babel/plugin-transform-json-strings" "^7.23.3" + "@babel/plugin-transform-literals" "^7.23.3" + "@babel/plugin-transform-logical-assignment-operators" "^7.23.3" + "@babel/plugin-transform-member-expression-literals" "^7.23.3" + "@babel/plugin-transform-modules-amd" "^7.23.3" + "@babel/plugin-transform-modules-commonjs" "^7.23.3" + "@babel/plugin-transform-modules-systemjs" "^7.23.3" + "@babel/plugin-transform-modules-umd" "^7.23.3" "@babel/plugin-transform-named-capturing-groups-regex" "^7.22.5" - "@babel/plugin-transform-new-target" "^7.22.5" - "@babel/plugin-transform-nullish-coalescing-operator" "^7.22.11" - "@babel/plugin-transform-numeric-separator" "^7.22.11" - "@babel/plugin-transform-object-rest-spread" "^7.22.15" - "@babel/plugin-transform-object-super" "^7.22.5" - "@babel/plugin-transform-optional-catch-binding" "^7.22.11" - "@babel/plugin-transform-optional-chaining" "^7.23.0" - "@babel/plugin-transform-parameters" "^7.22.15" - "@babel/plugin-transform-private-methods" "^7.22.5" - "@babel/plugin-transform-private-property-in-object" "^7.22.11" - "@babel/plugin-transform-property-literals" "^7.22.5" - "@babel/plugin-transform-regenerator" "^7.22.10" - "@babel/plugin-transform-reserved-words" "^7.22.5" - "@babel/plugin-transform-shorthand-properties" "^7.22.5" - "@babel/plugin-transform-spread" "^7.22.5" - "@babel/plugin-transform-sticky-regex" "^7.22.5" - "@babel/plugin-transform-template-literals" "^7.22.5" - "@babel/plugin-transform-typeof-symbol" "^7.22.5" - "@babel/plugin-transform-unicode-escapes" "^7.22.10" - "@babel/plugin-transform-unicode-property-regex" "^7.22.5" - "@babel/plugin-transform-unicode-regex" "^7.22.5" - "@babel/plugin-transform-unicode-sets-regex" "^7.22.5" + "@babel/plugin-transform-new-target" "^7.23.3" + "@babel/plugin-transform-nullish-coalescing-operator" "^7.23.3" + "@babel/plugin-transform-numeric-separator" "^7.23.3" + "@babel/plugin-transform-object-rest-spread" "^7.23.3" + "@babel/plugin-transform-object-super" "^7.23.3" + "@babel/plugin-transform-optional-catch-binding" "^7.23.3" + "@babel/plugin-transform-optional-chaining" "^7.23.3" + "@babel/plugin-transform-parameters" "^7.23.3" + "@babel/plugin-transform-private-methods" "^7.23.3" + "@babel/plugin-transform-private-property-in-object" "^7.23.3" + "@babel/plugin-transform-property-literals" "^7.23.3" + "@babel/plugin-transform-regenerator" "^7.23.3" + "@babel/plugin-transform-reserved-words" "^7.23.3" + "@babel/plugin-transform-shorthand-properties" "^7.23.3" + "@babel/plugin-transform-spread" "^7.23.3" + "@babel/plugin-transform-sticky-regex" "^7.23.3" + "@babel/plugin-transform-template-literals" "^7.23.3" + "@babel/plugin-transform-typeof-symbol" "^7.23.3" + "@babel/plugin-transform-unicode-escapes" "^7.23.3" + "@babel/plugin-transform-unicode-property-regex" "^7.23.3" + "@babel/plugin-transform-unicode-regex" "^7.23.3" + "@babel/plugin-transform-unicode-sets-regex" "^7.23.3" "@babel/preset-modules" "0.1.6-no-external-plugins" - "@babel/types" "^7.23.0" babel-plugin-polyfill-corejs2 "^0.4.6" babel-plugin-polyfill-corejs3 "^0.8.5" babel-plugin-polyfill-regenerator "^0.5.3" @@ -1148,13 +1146,13 @@ semver "^6.3.1" "@babel/preset-flow@^7.12.1": - version "7.22.15" - resolved "https://registry.yarnpkg.com/@babel/preset-flow/-/preset-flow-7.22.15.tgz#30318deb9b3ebd9f5738e96da03a531e0cd3165d" - integrity sha512-dB5aIMqpkgbTfN5vDdTRPzjqtWiZcRESNR88QYnoPR+bmdYoluOzMX9tQerTv0XzSgZYctPfO1oc0N5zdog1ew== + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/preset-flow/-/preset-flow-7.23.3.tgz#8084e08b9ccec287bd077ab288b286fab96ffab1" + integrity sha512-7yn6hl8RIv+KNk6iIrGZ+D06VhVY35wLVf23Cz/mMu1zOr7u4MMP4j0nZ9tLf8+4ZFpnib8cFYgB/oYg9hfswA== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/helper-validator-option" "^7.22.15" - "@babel/plugin-transform-flow-strip-types" "^7.22.5" + "@babel/plugin-transform-flow-strip-types" "^7.23.3" "@babel/preset-modules@0.1.6-no-external-plugins": version "0.1.6-no-external-plugins" @@ -1166,27 +1164,27 @@ esutils "^2.0.2" "@babel/preset-react@^7.12.10", "@babel/preset-react@^7.14.5": - version "7.22.15" - resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.22.15.tgz#9a776892b648e13cc8ca2edf5ed1264eea6b6afc" - integrity sha512-Csy1IJ2uEh/PecCBXXoZGAZBeCATTuePzCSB7dLYWS0vOEj6CNpjxIhW4duWwZodBNueH7QO14WbGn8YyeuN9w== + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.23.3.tgz#f73ca07e7590f977db07eb54dbe46538cc015709" + integrity sha512-tbkHOS9axH6Ysf2OUEqoSZ6T3Fa2SrNH6WTWSPBboxKzdxNc9qOICeLXkNG0ZEwbQ1HY8liwOce4aN/Ceyuq6w== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/helper-validator-option" "^7.22.15" - "@babel/plugin-transform-react-display-name" "^7.22.5" + "@babel/plugin-transform-react-display-name" "^7.23.3" "@babel/plugin-transform-react-jsx" "^7.22.15" "@babel/plugin-transform-react-jsx-development" "^7.22.5" - "@babel/plugin-transform-react-pure-annotations" "^7.22.5" + "@babel/plugin-transform-react-pure-annotations" "^7.23.3" "@babel/preset-typescript@^7.12.7": - version "7.23.2" - resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.23.2.tgz#c8de488130b7081f7e1482936ad3de5b018beef4" - integrity sha512-u4UJc1XsS1GhIGteM8rnGiIvf9rJpiVgMEeCnwlLA7WJPC+jcXWJAGxYmeqs5hOZD8BbAfnV5ezBOxQbb4OUxA== + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.23.3.tgz#14534b34ed5b6d435aa05f1ae1c5e7adcc01d913" + integrity sha512-17oIGVlqz6CchO9RFYn5U6ZpWRZIngayYCtrPRSgANSwC2V1Jb+iP74nVxzzXJte8b8BYxrL1yY96xfhTBrNNQ== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/helper-validator-option" "^7.22.15" - "@babel/plugin-syntax-jsx" "^7.22.5" - "@babel/plugin-transform-modules-commonjs" "^7.23.0" - "@babel/plugin-transform-typescript" "^7.22.15" + "@babel/plugin-syntax-jsx" "^7.23.3" + "@babel/plugin-transform-modules-commonjs" "^7.23.3" + "@babel/plugin-transform-typescript" "^7.23.3" "@babel/register@^7.12.1": version "7.22.15" @@ -1205,13 +1203,13 @@ integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA== "@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.1.5", "@babel/runtime@^7.10.2", "@babel/runtime@^7.12.1", "@babel/runtime@^7.12.13", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.15.4", "@babel/runtime@^7.17.8", "@babel/runtime@^7.18.3", "@babel/runtime@^7.19.0", "@babel/runtime@^7.20.1", "@babel/runtime@^7.20.7", "@babel/runtime@^7.5.0", "@babel/runtime@^7.5.5", "@babel/runtime@^7.6.3", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2": - version "7.23.2" - resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.23.2.tgz#062b0ac103261d68a966c4c7baf2ae3e62ec3885" - integrity sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg== + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.23.4.tgz#36fa1d2b36db873d25ec631dcc4923fdc1cf2e2e" + integrity sha512-2Yv65nlWnWlSpe3fXEyX5i7fx5kIKo4Qbcj+hMO0odwaneFjfXw5fdum+4yL20O0QiaHpia0cYQ9xpNMqrBwHg== dependencies: regenerator-runtime "^0.14.0" -"@babel/template@^7.12.7", "@babel/template@^7.22.15", "@babel/template@^7.22.5": +"@babel/template@^7.12.7", "@babel/template@^7.22.15", "@babel/template@^7.3.3": version "7.22.15" resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.22.15.tgz#09576efc3830f0430f4548ef971dde1350ef2f38" integrity sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w== @@ -1220,28 +1218,28 @@ "@babel/parser" "^7.22.15" "@babel/types" "^7.22.15" -"@babel/traverse@^7.1.6", "@babel/traverse@^7.12.11", "@babel/traverse@^7.12.9", "@babel/traverse@^7.13.0", "@babel/traverse@^7.23.2", "@babel/traverse@^7.4.5": - version "7.23.2" - resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.23.2.tgz#329c7a06735e144a506bdb2cad0268b7f46f4ad8" - integrity sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw== +"@babel/traverse@^7.1.6", "@babel/traverse@^7.12.11", "@babel/traverse@^7.12.9", "@babel/traverse@^7.13.0", "@babel/traverse@^7.23.3", "@babel/traverse@^7.23.4", "@babel/traverse@^7.4.5": + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.23.4.tgz#c2790f7edf106d059a0098770fe70801417f3f85" + integrity sha512-IYM8wSUwunWTB6tFC2dkKZhxbIjHoWemdK+3f8/wq8aKhbUscxD5MX72ubd90fxvFknaLPeGw5ycU84V1obHJg== dependencies: - "@babel/code-frame" "^7.22.13" - "@babel/generator" "^7.23.0" + "@babel/code-frame" "^7.23.4" + "@babel/generator" "^7.23.4" "@babel/helper-environment-visitor" "^7.22.20" "@babel/helper-function-name" "^7.23.0" "@babel/helper-hoist-variables" "^7.22.5" "@babel/helper-split-export-declaration" "^7.22.6" - "@babel/parser" "^7.23.0" - "@babel/types" "^7.23.0" + "@babel/parser" "^7.23.4" + "@babel/types" "^7.23.4" debug "^4.1.0" globals "^11.1.0" -"@babel/types@^7.12.11", "@babel/types@^7.12.6", "@babel/types@^7.12.7", "@babel/types@^7.2.0", "@babel/types@^7.22.15", "@babel/types@^7.22.19", "@babel/types@^7.22.5", "@babel/types@^7.23.0", "@babel/types@^7.4.4": - version "7.23.0" - resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.23.0.tgz#8c1f020c9df0e737e4e247c0619f58c68458aaeb" - integrity sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg== +"@babel/types@^7.0.0", "@babel/types@^7.12.11", "@babel/types@^7.12.6", "@babel/types@^7.12.7", "@babel/types@^7.2.0", "@babel/types@^7.20.7", "@babel/types@^7.22.15", "@babel/types@^7.22.19", "@babel/types@^7.22.5", "@babel/types@^7.23.0", "@babel/types@^7.23.3", "@babel/types@^7.23.4", "@babel/types@^7.3.3", "@babel/types@^7.4.4": + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.23.4.tgz#7206a1810fc512a7f7f7d4dace4cb4c1c9dbfb8e" + integrity sha512-7uIFwVYpoplT5jp/kVv6EF93VaJ8H+Yn5IczYiaAi98ajzjfoZfslet/e0sLh+wVBjb2qqIut1b0S26VSafsSQ== dependencies: - "@babel/helper-string-parser" "^7.22.5" + "@babel/helper-string-parser" "^7.23.4" "@babel/helper-validator-identifier" "^7.22.20" to-fast-properties "^2.0.0" @@ -1598,24 +1596,9 @@ eslint-visitor-keys "^3.3.0" "@eslint-community/regexpp@^4.6.1": - version "4.9.1" - resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.9.1.tgz#449dfa81a57a1d755b09aa58d826c1262e4283b4" - integrity sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA== - -"@eslint/eslintrc@^2.1.2": - version "2.1.2" - resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.2.tgz#c6936b4b328c64496692f76944e755738be62396" - integrity sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g== - dependencies: - ajv "^6.12.4" - debug "^4.3.2" - espree "^9.6.0" - globals "^13.19.0" - ignore "^5.2.0" - import-fresh "^3.2.1" - js-yaml "^4.1.0" - minimatch "^3.1.2" - strip-json-comments "^3.1.1" + version "4.10.0" + resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.10.0.tgz#548f6de556857c8bb73bbee70c35dc82a2e74d63" + integrity sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA== "@eslint/eslintrc@^2.1.3": version "2.1.3" @@ -1632,15 +1615,10 @@ minimatch "^3.1.2" strip-json-comments "^3.1.1" -"@eslint/js@8.52.0": - version "8.52.0" - resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.52.0.tgz#78fe5f117840f69dc4a353adf9b9cd926353378c" - integrity sha512-mjZVbpaeMZludF2fsWLD0Z9gCref1Tk4i9+wddjRvpUNqqcndPkBD09N/Mapey0b3jaXbLm2kICwFv2E64QinA== - -"@eslint/js@8.53.0": - version "8.53.0" - resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.53.0.tgz#bea56f2ed2b5baea164348ff4d5a879f6f81f20d" - integrity sha512-Kn7K8dx/5U6+cT1yEhpX1w4PCSg0M+XyRILPgvwcEBjerFWCwQj5sbr3/VmxqV0JGHCBCzyd6LxypEuehypY1w== +"@eslint/js@8.54.0": + version "8.54.0" + resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.54.0.tgz#4fab9a2ff7860082c304f750e94acd644cf984cf" + integrity sha512-ut5V+D+fOoWPgGGNj83GGjnntO39xDy6DWxO0wb7Jp3DcMX0TfIqdzHF85VTQkerdyGmuuMD9AKAo5KiNlf/AQ== "@figspec/components@^1.0.1": version "1.0.2" @@ -1949,6 +1927,18 @@ "@types/yargs" "^15.0.0" chalk "^4.0.0" +"@jest/types@^29.6.3": + version "29.6.3" + resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.6.3.tgz#1131f8cf634e7e84c5e77bab12f052af585fba59" + integrity sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw== + dependencies: + "@jest/schemas" "^29.6.3" + "@types/istanbul-lib-coverage" "^2.0.0" + "@types/istanbul-reports" "^3.0.0" + "@types/node" "*" + "@types/yargs" "^17.0.8" + chalk "^4.0.0" + "@jridgewell/gen-mapping@^0.3.0", "@jridgewell/gen-mapping@^0.3.2": version "0.3.3" resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz#7e02e6eb5df901aaedb08514203b096614024098" @@ -1981,7 +1971,7 @@ resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32" integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg== -"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.9": +"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.18", "@jridgewell/trace-mapping@^0.3.9": version "0.3.20" resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz#72e45707cf240fa6b081d0366f8265b0cd10197f" integrity sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q== @@ -2614,6 +2604,25 @@ estree-walker "^2.0.2" picomatch "^2.3.1" +"@sinclair/typebox@^0.27.8": + version "0.27.8" + resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.27.8.tgz#6667fac16c436b5434a387a34dedb013198f6e6e" + integrity sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA== + +"@sinonjs/commons@^3.0.0": + version "3.0.0" + resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-3.0.0.tgz#beb434fe875d965265e04722ccfc21df7f755d72" + integrity sha512-jXBtWAF4vmdNmZgD5FoKsVLv3rPgDnLgPbU84LIJ3otV44vJlDRokVng5v8NFJdCf/da9legHcKaRuZs4L7faA== + dependencies: + type-detect "4.0.8" + +"@sinonjs/fake-timers@^10.0.2": + version "10.3.0" + resolved "https://registry.yarnpkg.com/@sinonjs/fake-timers/-/fake-timers-10.3.0.tgz#55fdff1ecab9f354019129daf4df0dd4d923ea66" + integrity sha512-V4BG07kuYSUkTCSBHG8G8TNhM+F19jXFWnQtzj+we8DrkpSBCee9Z3Ms8yiGer/dlmhe35/Xdgyo3/0rQKg7YA== + dependencies: + "@sinonjs/commons" "^3.0.0" + "@storybook/addon-a11y@^6.4.19", "@storybook/addon-a11y@^6.4.9": version "6.5.16" resolved "https://registry.yarnpkg.com/@storybook/addon-a11y/-/addon-a11y-6.5.16.tgz#9288a6c1d111fa4ec501d213100ffff91757d3fc" @@ -3906,6 +3915,48 @@ "@svgr/hast-util-to-babel-ast" "^5.5.0" svg-parser "^2.0.2" +"@testing-library/dom@^8.0.0": + version "8.20.1" + resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-8.20.1.tgz#2e52a32e46fc88369eef7eef634ac2a192decd9f" + integrity sha512-/DiOQ5xBxgdYRC8LNk7U+RWat0S3qRLeIw3ZIkMQ9kkVlRmwD/Eg8k8CqIpD6GW7u20JIUOfMKbxtiLutpjQ4g== + dependencies: + "@babel/code-frame" "^7.10.4" + "@babel/runtime" "^7.12.5" + "@types/aria-query" "^5.0.1" + aria-query "5.1.3" + chalk "^4.1.0" + dom-accessibility-api "^0.5.9" + lz-string "^1.5.0" + pretty-format "^27.0.2" + +"@testing-library/jest-dom@^6.1.3": + version "6.1.4" + resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-6.1.4.tgz#cf0835c33bc5ef00befb9e672b1e3e6a710e30e3" + integrity sha512-wpoYrCYwSZ5/AxcrjLxJmCU6I5QAJXslEeSiMQqaWmP2Kzpd1LvF/qxmAIW2qposULGWq2gw30GgVNFLSc2Jnw== + dependencies: + "@adobe/css-tools" "^4.3.1" + "@babel/runtime" "^7.9.2" + aria-query "^5.0.0" + chalk "^3.0.0" + css.escape "^1.5.1" + dom-accessibility-api "^0.5.6" + lodash "^4.17.15" + redent "^3.0.0" + +"@testing-library/react@^12.1.5": + version "12.1.5" + resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-12.1.5.tgz#bb248f72f02a5ac9d949dea07279095fa577963b" + integrity sha512-OfTXCJUFgjd/digLUuPxa0+/3ZxsQmE7ub9kcbW/wi96Bh3o/p5vrETcBGfP17NWPGqeYYl5LTRpwyGoMC4ysg== + dependencies: + "@babel/runtime" "^7.12.5" + "@testing-library/dom" "^8.0.0" + "@types/react-dom" "<18.0.0" + +"@testing-library/user-event@^14.5.1": + version "14.5.1" + resolved "https://registry.yarnpkg.com/@testing-library/user-event/-/user-event-14.5.1.tgz#27337d72046d5236b32fd977edee3f74c71d332f" + integrity sha512-UCcUKrUYGj7ClomOo2SpNVvx4/fkd/2BbIHDCle8A0ax+P3bU7yJwDBDrS6ZwdTMARWTGODX1hEsCcO+7beJjg== + "@tiptap/core@^2.1.12": version "2.1.12" resolved "https://registry.yarnpkg.com/@tiptap/core/-/core-2.1.12.tgz#904fdf147e91b5e60561c76e7563c1b5a32f54ab" @@ -4134,20 +4185,25 @@ "@tiptap/extension-strike" "^2.1.12" "@tiptap/extension-text" "^2.1.12" +"@tootallnate/once@2": + version "2.0.0" + resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-2.0.0.tgz#f544a148d3ab35801c1f633a7441fd87c2e484bf" + integrity sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A== + "@trysound/sax@0.2.0": version "0.2.0" resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad" integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA== "@types/aria-query@^5.0.1": - version "5.0.2" - resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-5.0.2.tgz#6f1225829d89794fd9f891989c9ce667422d7f64" - integrity sha512-PHKZuMN+K5qgKIWhBodXzQslTo5P+K/6LqeKXS6O/4liIDdZqaX5RXrCK++LAw+y/nptN48YmUMFiQHRSWYwtQ== + version "5.0.4" + resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-5.0.4.tgz#1a31c3d378850d2778dabb6374d036dcba4ba708" + integrity sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw== "@types/babel__core@^7.1.14": - version "7.20.2" - resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.2.tgz#215db4f4a35d710256579784a548907237728756" - integrity sha512-pNpr1T1xLUc2l3xJKuPtsEky3ybxN3m4fJkknfIpTCTfIZCDW57oAg+EfCgIIp2rvCe0Wn++/FfodDS4YXxBwA== + version "7.20.5" + resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.5.tgz#3df15f27ba85319caa07ba08d0721889bb39c017" + integrity sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA== dependencies: "@babel/parser" "^7.20.7" "@babel/types" "^7.20.7" @@ -4156,24 +4212,24 @@ "@types/babel__traverse" "*" "@types/babel__generator@*": - version "7.6.5" - resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.5.tgz#281f4764bcbbbc51fdded0f25aa587b4ce14da95" - integrity sha512-h9yIuWbJKdOPLJTbmSpPzkF67e659PbQDba7ifWm5BJ8xTv+sDmS7rFmywkWOvXedGTivCdeGSIIX8WLcRTz8w== + version "7.6.7" + resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.7.tgz#a7aebf15c7bc0eb9abd638bdb5c0b8700399c9d0" + integrity sha512-6Sfsq+EaaLrw4RmdFWE9Onp63TOUue71AWb4Gpa6JxzgTYtimbM086WnYTy2U67AofR++QKCo08ZP6pwx8YFHQ== dependencies: "@babel/types" "^7.0.0" "@types/babel__template@*": - version "7.4.2" - resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.2.tgz#843e9f1f47c957553b0c374481dc4772921d6a6b" - integrity sha512-/AVzPICMhMOMYoSx9MoKpGDKdBRsIXMNByh1PXSZoa+v6ZoLa8xxtsT/uLQ/NJm0XVAWl/BvId4MlDeXJaeIZQ== + version "7.4.4" + resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.4.tgz#5672513701c1b2199bc6dad636a9d7491586766f" + integrity sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A== dependencies: "@babel/parser" "^7.1.0" "@babel/types" "^7.0.0" "@types/babel__traverse@*", "@types/babel__traverse@^7.0.6": - version "7.20.2" - resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.20.2.tgz#4ddf99d95cfdd946ff35d2b65c978d9c9bf2645d" - integrity sha512-ojlGK1Hsfce93J0+kn3H5R73elidKUaZonirN33GSmgTUMpzI/MIFfSpF3haANe3G1bEBS9/9/QEqwTzwqFsKw== + version "7.20.4" + resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.20.4.tgz#ec2c06fed6549df8bc0eb4615b683749a4a92e1b" + integrity sha512-mSM/iKUk5fDDrEV/e83qY+Cr3I1+Q3qqTuEn++HAWYjEa1+NxZr6CNrcJGf2ZTnq4HoFGC3zaTPZTobCzCFukA== dependencies: "@babel/types" "^7.20.7" @@ -4185,25 +4241,25 @@ postcss "5 - 7" "@types/eslint-scope@^3.7.3": - version "3.7.6" - resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.6.tgz#585578b368ed170e67de8aae7b93f54a1b2fdc26" - integrity sha512-zfM4ipmxVKWdxtDaJ3MP3pBurDXOCoyjvlpE3u6Qzrmw4BPbfm4/ambIeTk/r/J0iq/+2/xp0Fmt+gFvXJY2PQ== + version "3.7.7" + resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.7.tgz#3108bd5f18b0cdb277c867b3dd449c9ed7079ac5" + integrity sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg== dependencies: "@types/eslint" "*" "@types/estree" "*" "@types/eslint@*", "@types/eslint@^8.4.2": - version "8.44.6" - resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.44.6.tgz#60e564551966dd255f4c01c459f0b4fb87068603" - integrity sha512-P6bY56TVmX8y9J87jHNgQh43h6VVU+6H7oN7hgvivV81K2XY8qJZ5vqPy/HdUoVIelii2kChYVzQanlswPWVFw== + version "8.44.7" + resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.44.7.tgz#430b3cc96db70c81f405e6a08aebdb13869198f5" + integrity sha512-f5ORu2hcBbKei97U73mf+l9t4zTGl74IqZ0GQk4oVea/VS8tQZYkUveSYojk+frraAVYId0V2WC9O4PTNru2FQ== dependencies: "@types/estree" "*" "@types/json-schema" "*" "@types/estree@*", "@types/estree@^1.0.0": - version "1.0.4" - resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.4.tgz#d9748f5742171b26218516cf1828b8eafaf8a9fa" - integrity sha512-2JwWnHK9H+wUZNorf2Zr6ves96WHoWDJIftkcxPKsS7Djta6Zu519LarhRNljPXkpsZR2ZMwNCPeW7omW07BJw== + version "1.0.5" + resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.5.tgz#a6ce3e556e00fd9895dd872dd172ad0d4bd687f4" + integrity sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw== "@types/estree@0.0.39": version "0.0.39" @@ -4231,24 +4287,24 @@ "@types/minimatch" "*" "@types/node" "*" -"@types/graceful-fs@^4.1.2": - version "4.1.8" - resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.8.tgz#417e461e4dc79d957dc3107f45fe4973b09c2915" - integrity sha512-NhRH7YzWq8WiNKVavKPBmtLYZHxNY19Hh+az28O/phfp68CF45pMFud+ZzJ8ewnxnC5smIdF3dqFeiSUQ5I+pw== +"@types/graceful-fs@^4.1.2", "@types/graceful-fs@^4.1.3": + version "4.1.9" + resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.9.tgz#2a06bc0f68a20ab37b3e36aa238be6abdf49e8b4" + integrity sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ== dependencies: "@types/node" "*" "@types/hast@^2.0.0": - version "2.3.7" - resolved "https://registry.yarnpkg.com/@types/hast/-/hast-2.3.7.tgz#5e9bd7ab4452d5313aeec9d38fbc193a70f8d810" - integrity sha512-EVLigw5zInURhzfXUM65eixfadfsHKomGKUakToXo84t8gGIJuTcD2xooM2See7GyQ7DRtYjhCHnSUQez8JaLw== + version "2.3.8" + resolved "https://registry.yarnpkg.com/@types/hast/-/hast-2.3.8.tgz#4ac5caf38b262b7bd5ca3202dda71f0271635660" + integrity sha512-aMIqAlFd2wTIDZuvLbhUT+TGvMxrNC8ECUIVtH6xxy0sQLs3iu6NO8Kp/VT5je7i5ufnebXzdV1dNDMnvaH6IQ== dependencies: "@types/unist" "^2" "@types/hoist-non-react-statics@^3.3.0": - version "3.3.4" - resolved "https://registry.yarnpkg.com/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.4.tgz#cc477ce0283bb9d19ea0cbfa2941fe2c8493a1be" - integrity sha512-ZchYkbieA+7tnxwX/SCBySx9WwvWR8TaP5tb2jRAzwvLb/rWchGw3v0w3pqUbUvj0GCwW2Xz/AVPSk6kUGctXQ== + version "3.3.5" + resolved "https://registry.yarnpkg.com/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.5.tgz#dab7867ef789d87e2b4b0003c9d65c49cc44a494" + integrity sha512-SbcrWzkKBw2cdwRTwQAswfpB9g9LJWfjtUeW/jvNwbhC8cpmmNYVePa+ncbUe0rGTQ7G3Ff6mYUN2VMfLVr+Sg== dependencies: "@types/react" "*" hoist-non-react-statics "^3.3.0" @@ -4264,33 +4320,33 @@ integrity sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg== "@types/is-ci@^3.0.0": - version "3.0.3" - resolved "https://registry.yarnpkg.com/@types/is-ci/-/is-ci-3.0.3.tgz#6042f2fe12a16b2616deabb11d9a422f46a2ec03" - integrity sha512-FdHbjLiN2e8fk9QYQyVYZrK8svUDJpxSaSWLUga8EZS1RGAvvrqM9zbVARBtQuYPeLgnJxM2xloOswPwj1o2cQ== + version "3.0.4" + resolved "https://registry.yarnpkg.com/@types/is-ci/-/is-ci-3.0.4.tgz#6f883e86e32f47747acbc6929a623d4e6fd71915" + integrity sha512-AkCYCmwlXeuH89DagDCzvCAyltI2v9lh3U3DqSg/GrBYoReAaWwxfXCqMx9UV5MajLZ4ZFwZzV4cABGIxk2XRw== dependencies: ci-info "^3.1.0" "@types/is-function@^1.0.0": - version "1.0.2" - resolved "https://registry.yarnpkg.com/@types/is-function/-/is-function-1.0.2.tgz#1f29acd54f5473f0b4822548e27078eac4e450d2" - integrity sha512-Je5TaQzK7H06pt4e88WsjXwRC64EkmxsdqirUI+4GPVMjhs68Dmm8hr+yqf8tmpYlfR6zPlsJC5xs14dlVUehw== + version "1.0.3" + resolved "https://registry.yarnpkg.com/@types/is-function/-/is-function-1.0.3.tgz#548f851db5d30a12abeea2569ba75890dbf89425" + integrity sha512-/CLhCW79JUeLKznI6mbVieGbl4QU5Hfn+6udw1YHZoofASjbQ5zaP5LzAUZYDpRYEjS4/P+DhEgyJ/PQmGGTWw== "@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0", "@types/istanbul-lib-coverage@^2.0.1": - version "2.0.5" - resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.5.tgz#fdfdd69fa16d530047d9963635bd77c71a08c068" - integrity sha512-zONci81DZYCZjiLe0r6equvZut0b+dBRPBN5kBDjsONnutYNtJMoWQ9uR2RkL1gLG9NMTzvf+29e5RFfPbeKhQ== + version "2.0.6" + resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz#7739c232a1fee9b4d3ce8985f314c0c6d33549d7" + integrity sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w== "@types/istanbul-lib-report@*": - version "3.0.2" - resolved "https://registry.yarnpkg.com/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.2.tgz#394798d5f727402eb5ec99eb9618ffcd2b7645a1" - integrity sha512-8toY6FgdltSdONav1XtUHl4LN1yTmLza+EuDazb/fEmRNCwjyqNVIQWs2IfC74IqjHkREs/nQ2FWq5kZU9IC0w== + version "3.0.3" + resolved "https://registry.yarnpkg.com/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz#53047614ae72e19fc0401d872de3ae2b4ce350bf" + integrity sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA== dependencies: "@types/istanbul-lib-coverage" "*" "@types/istanbul-reports@^3.0.0": - version "3.0.3" - resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-3.0.3.tgz#0313e2608e6d6955d195f55361ddeebd4b74c6e7" - integrity sha512-1nESsePMBlf0RPRffLZi5ujYh7IH1BWL4y9pr+Bn3cJBdxz+RTP8bUFljLz9HvzhhOSWKdyBZ4DIivdL6rvgZg== + version "3.0.4" + resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz#0f03e3d2f670fbdac586e34b433783070cc16f54" + integrity sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ== dependencies: "@types/istanbul-lib-report" "*" @@ -4304,9 +4360,9 @@ parse5 "^7.0.0" "@types/json-schema@*", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.7", "@types/json-schema@^7.0.8": - version "7.0.14" - resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.14.tgz#74a97a5573980802f32c8e47b663530ab3b6b7d1" - integrity sha512-U3PUjAudAdJBeC2pgN8uTIKgxrb4nlDF3SF0++EldXQvQBGkpFZMSnwQiIoDU77tv45VgNkl/L4ouD+rEomujw== + version "7.0.15" + resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841" + integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA== "@types/json5@^0.0.29": version "0.0.29" @@ -4314,14 +4370,14 @@ integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ== "@types/lodash@^4.14.167": - version "4.14.200" - resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.200.tgz#435b6035c7eba9cdf1e039af8212c9e9281e7149" - integrity sha512-YI/M/4HRImtNf3pJgbF+W6FrXovqj+T+/HpENLTooK9PnkacBsDpeP3IpHab40CClUfhNmdM2WTNP2sa2dni5Q== + version "4.14.202" + resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.202.tgz#f09dbd2fb082d507178b2f2a5c7e74bd72ff98f8" + integrity sha512-OvlIYQK9tNneDlS0VN54LLd5uiPCBOp7gS5Z0f1mjoJYBrtStzgmJBxONW3U6OZqdtNzZPmn9BS/7WI7BFFcFQ== "@types/mdast@^3.0.0": - version "3.0.14" - resolved "https://registry.yarnpkg.com/@types/mdast/-/mdast-3.0.14.tgz#0735473a5b35be032b9f2685b7413cbab1b8a639" - integrity sha512-gVZ04PGgw1qLZKsnWnyFv4ORnaJ+DXLdHTVSFbU8yX6xZ34Bjg4Q32yPkmveUP1yItXReKfB0Aknlh/3zxTKAw== + version "3.0.15" + resolved "https://registry.yarnpkg.com/@types/mdast/-/mdast-3.0.15.tgz#49c524a263f30ffa28b71ae282f813ed000ab9f5" + integrity sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ== dependencies: "@types/unist" "^2" @@ -4331,22 +4387,22 @@ integrity sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA== "@types/minimist@^1.2.0": - version "1.2.4" - resolved "https://registry.yarnpkg.com/@types/minimist/-/minimist-1.2.4.tgz#81f886786411c45bba3f33e781ab48bd56bfca2e" - integrity sha512-Kfe/D3hxHTusnPNRbycJE1N77WHDsdS4AjUYIzlDzhDrS47NrwuL3YW4VITxwR7KCVpzwgy4Rbj829KSSQmwXQ== + version "1.2.5" + resolved "https://registry.yarnpkg.com/@types/minimist/-/minimist-1.2.5.tgz#ec10755e871497bcd83efe927e43ec46e8c0747e" + integrity sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag== "@types/node-fetch@^2.5.7": - version "2.6.8" - resolved "https://registry.yarnpkg.com/@types/node-fetch/-/node-fetch-2.6.8.tgz#9a2993583975849c2e1f360b6ca2f11755b2c504" - integrity sha512-nnH5lV9QCMPsbEVdTb5Y+F3GQxLSw1xQgIydrb2gSfEavRPs50FnMr+KUaa+LoPSqibm2N+ZZxH7lavZlAT4GA== + version "2.6.9" + resolved "https://registry.yarnpkg.com/@types/node-fetch/-/node-fetch-2.6.9.tgz#15f529d247f1ede1824f7e7acdaa192d5f28071e" + integrity sha512-bQVlnMLFJ2d35DkPNjEPmd9ueO/rh5EiaZt2bhqiSarPjZIuIV6bPQVqcrEyvNo+AfTrRGVazle1tl597w3gfA== dependencies: "@types/node" "*" form-data "^4.0.0" "@types/node@*": - version "20.8.10" - resolved "https://registry.yarnpkg.com/@types/node/-/node-20.8.10.tgz#a5448b895c753ae929c26ce85cab557c6d4a365e" - integrity sha512-TlgT8JntpcbmKUFzjhsyhGfP2fsiz1Mv56im6enJ905xG1DAYesxJaeSbGqQmAw8OWPdhyJGhGSQGKRNJ45u9w== + version "20.9.4" + resolved "https://registry.yarnpkg.com/@types/node/-/node-20.9.4.tgz#cc8f970e869c26834bdb7ed480b30ede622d74c7" + integrity sha512-wmyg8HUhcn6ACjsn8oKYjkN/zUzQeNtMy44weTJSM6p4MMzEOuKbA3OjJ267uPCOW7Xex9dyrNTful8XTQYoDA== dependencies: undici-types "~5.26.4" @@ -4361,36 +4417,36 @@ integrity sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ== "@types/node@^14.0.10 || ^16.0.0", "@types/node@^14.14.20 || ^16.0.0": - version "16.18.60" - resolved "https://registry.yarnpkg.com/@types/node/-/node-16.18.60.tgz#0b0f4316906f1bd0e03b640363f67bd4e86958bd" - integrity sha512-ZUGPWx5vKfN+G2/yN7pcSNLkIkXEvlwNaJEd4e0ppX7W2S8XAkdc/37hM4OUNJB9sa0p12AOvGvxL4JCPiz9DA== + version "16.18.64" + resolved "https://registry.yarnpkg.com/@types/node/-/node-16.18.64.tgz#cd4e41420b77b346695def5a342f6dea0f9d9329" + integrity sha512-TiY2gIDob8+QOPIcVpS0ZY+H1DVTfplBW6UgL2b4gOYbigIlKVIh6Lcv+7YDUciUTqhVLG91PrZBXW10IoBhtw== "@types/normalize-package-data@^2.4.0": - version "2.4.3" - resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.3.tgz#291c243e4b94dbfbc0c0ee26b7666f1d5c030e2c" - integrity sha512-ehPtgRgaULsFG8x0NeYJvmyH1hmlfsNLujHe9dQEia/7MAJYdzMSi19JtchUHjmBA6XC/75dK55mzZH+RyieSg== + version "2.4.4" + resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.4.tgz#56e2cc26c397c038fab0e3a917a12d5c5909e901" + integrity sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA== "@types/npmlog@^4.1.2": - version "4.1.5" - resolved "https://registry.yarnpkg.com/@types/npmlog/-/npmlog-4.1.5.tgz#41f1b95437f9c86cbb326bb07f0d5683f905bf4f" - integrity sha512-Fl3TEbwPoR7V1z6CMJ18whXOUkOYqF5eCkGKTir2VuevdLYUmcwj9mQdvXzuY0oagZBbsy0J7df41jn+ZcwGRA== + version "4.1.6" + resolved "https://registry.yarnpkg.com/@types/npmlog/-/npmlog-4.1.6.tgz#792341665000209ee76997df8a16300fda6d77cb" + integrity sha512-0l3z16vnlJGl2Mi/rgJFrdwfLZ4jfNYgE6ZShEpjqhHuGTqdEzNles03NpYHwUMVYZa+Tj46UxKIEpE78lQ3DQ== dependencies: "@types/node" "*" "@types/object.omit@^3.0.0": - version "3.0.2" - resolved "https://registry.yarnpkg.com/@types/object.omit/-/object.omit-3.0.2.tgz#13d23915cc16fa54b0d4cfbcb79840f4fe1474d9" - integrity sha512-BxWU36cMP+FKD3OLFluQaj2cBev2sx2LJaHELuphHwnleq+xnEhTmuYYYx4pOT/1U/ZoR6B+RdvxWh2FD6lGGA== + version "3.0.3" + resolved "https://registry.yarnpkg.com/@types/object.omit/-/object.omit-3.0.3.tgz#cc52b1d9774c1619b5c6fc50229d087f01eabd68" + integrity sha512-xrq4bQTBGYY2cw+gV4PzoG2Lv3L0pjZ1uXStRRDQoATOYW1lCsFQHhQ+OkPhIcQoqLjAq7gYif7D14Qaa6Zbew== "@types/object.pick@^1.3.2": - version "1.3.3" - resolved "https://registry.yarnpkg.com/@types/object.pick/-/object.pick-1.3.3.tgz#f4d4a76e9ef1161e965b963d2bb33c3f6c300125" - integrity sha512-qZqHmdGEALeSATMB1djT1S5szv6Wtpb7DKpHrt2XG4iyKlV7C2Xk8GmDXr1KXakOqUfX6ohw7ceruYt4NVmB1Q== + version "1.3.4" + resolved "https://registry.yarnpkg.com/@types/object.pick/-/object.pick-1.3.4.tgz#1a38b6e69a35f36ec2dcc8b9f5ffd555c1c4d7fc" + integrity sha512-5PjwB0uP2XDp3nt5u5NJAG2DORHIRClPzWT/TTZhJ2Ekwe8M5bA9tvPdi9NO/n2uvu2/ictat8kgqvLfcIE1SA== "@types/parse-json@^4.0.0": - version "4.0.1" - resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.1.tgz#27f7559836ad796cea31acb63163b203756a5b4e" - integrity sha512-3YmXzzPAdOTVljVMkTMBdBEvlOLg2cDQaDhnnhT3nT9uDbnJzjWhKlzb+desT12Y7tGqaN6d+AbozcKzyL36Ng== + version "4.0.2" + resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.2.tgz#5950e50960793055845e956c427fc2b0d70c5239" + integrity sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw== "@types/parse5@^5.0.0": version "5.0.3" @@ -4403,29 +4459,36 @@ integrity sha512-+68kP9yzs4LMp7VNh8gdzMSPZFL44MLGqiHWvttYJe+6qnuVr4Ek9wSBQoveqY/r+LwjCcU29kNVkidwim+kYA== "@types/pretty-hrtime@^1.0.0": - version "1.0.2" - resolved "https://registry.yarnpkg.com/@types/pretty-hrtime/-/pretty-hrtime-1.0.2.tgz#9b6e102bc2e1eea1c1c7fadf144483ce2687f233" - integrity sha512-vyv9knII8XeW8TnXDcGH7HqG6FeR56ESN6ExM34d/U8Zvs3xuG34euV6CVyB7KEYI7Ts4lQM8b4NL72e7UadnA== + version "1.0.3" + resolved "https://registry.yarnpkg.com/@types/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz#ee1bd8c9f7a01b3445786aad0ef23aba5f511a44" + integrity sha512-nj39q0wAIdhwn7DGUyT9irmsKK1tV0bd5WFEhgpqNTMFZ8cE+jieuTphCW0tfdm47S2zVT5mr09B28b1chmQMA== "@types/prop-types@*": - version "15.7.9" - resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.9.tgz#b6f785caa7ea1fe4414d9df42ee0ab67f23d8a6d" - integrity sha512-n1yyPsugYNSmHgxDFjicaI2+gCNjsBck8UX9kuofAKlc0h1bL+20oSF72KeNaW2DUlesbEVCFgyV2dPGTiY42g== + version "15.7.11" + resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.11.tgz#2596fb352ee96a1379c657734d4b913a613ad563" + integrity sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng== "@types/q@^1.5.1": - version "1.5.7" - resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.7.tgz#5fe8cf91556bfb310d17f2e2b4263a7c12c2c2ca" - integrity sha512-HBPgtzp44867rkL+IzQ3560/E/BlobwCjeXsuKqogrcE99SKgZR4tvBBCuNJZMhUFMz26M7cjKWZg785lllwpA== + version "1.5.8" + resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.8.tgz#95f6c6a08f2ad868ba230ead1d2d7f7be3db3837" + integrity sha512-hroOstUScF6zhIi+5+x0dzqrHA1EJi+Irri6b1fxolMTqqHIV/Cg77EtnQcZqZCu8hR3mX2BzIxN4/GzI68Kfw== "@types/qs@^6.9.5": - version "6.9.9" - resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.9.tgz#66f7b26288f6799d279edf13da7ccd40d2fa9197" - integrity sha512-wYLxw35euwqGvTDx6zfY1vokBFnsK0HNrzc6xNHchxfO2hpuRg74GbkEW7e3sSmPvj0TjCDT1VCa6OtHXnubsg== + version "6.9.10" + resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.10.tgz#0af26845b5067e1c9a622658a51f60a3934d51e8" + integrity sha512-3Gnx08Ns1sEoCrWssEgTSJs/rsT2vhGP+Ja9cnnk9k4ALxinORlQneLXFeFKOTJMOeZUFD1s7w+w2AphTpvzZw== + +"@types/react-dom@<18.0.0": + version "17.0.25" + resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-17.0.25.tgz#e0e5b3571e1069625b3a3da2b279379aa33a0cb5" + integrity sha512-urx7A7UxkZQmThYA4So0NelOVjx3V4rNFVJwp0WZlbIK5eM4rNJDiN3R/E9ix0MBh6kAEojk/9YL+Te6D9zHNA== + dependencies: + "@types/react" "^17" "@types/react-redux@^7.1.20": - version "7.1.28" - resolved "https://registry.yarnpkg.com/@types/react-redux/-/react-redux-7.1.28.tgz#30a44303c7daceb6ede9cfb4aaf72e64f1dde4de" - integrity sha512-EQr7cChVzVUuqbA+J8ArWK1H0hLAHKOs21SIMrskKZ3nHNeE+LFYA+IsoZGhVOT8Ktjn3M20v4rnZKN3fLbypw== + version "7.1.31" + resolved "https://registry.yarnpkg.com/@types/react-redux/-/react-redux-7.1.31.tgz#ff914f80401488bb31d064b1d84ae525dad41b23" + integrity sha512-merF9AH72krBUekQY6uObXnMsEo1xTeZy9NONNRnqSwvwVe3HtLeRvNIPaKmPDIOWPsSFE51rc2WGpPMqmuCWg== dependencies: "@types/hoist-non-react-statics" "^3.3.0" "@types/react" "*" @@ -4433,9 +4496,18 @@ redux "^4.0.0" "@types/react@*", "@types/react@>=16.9.11": - version "18.2.34" - resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.34.tgz#aed20f19473721ba328feb99d1ec3307ebc1a8dd" - integrity sha512-U6eW/alrRk37FU/MS2RYMjx0Va2JGIVXELTODaTIYgvWGCV4Y4TfTUzG8DdmpDNIT0Xpj/R7GfyHOJJrDttcvg== + version "18.2.38" + resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.38.tgz#3605ca41d3daff2c434e0b98d79a2469d4c2dd52" + integrity sha512-cBBXHzuPtQK6wNthuVMV6IjHAFkdl/FOPFIlkd81/Cd1+IqkHu/A+w4g43kaQQoYHik/ruaQBDL72HyCy1vuMw== + dependencies: + "@types/prop-types" "*" + "@types/scheduler" "*" + csstype "^3.0.2" + +"@types/react@^17": + version "17.0.71" + resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.71.tgz#3673d446ad482b1564e44bf853b3ab5bcbc942c4" + integrity sha512-lfqOu9mp16nmaGRrS8deS2Taqhd5Ih0o92Te5Ws6I1py4ytHBcXLqh0YIqVsViqwVI5f+haiFM6hju814BzcmA== dependencies: "@types/prop-types" "*" "@types/scheduler" "*" @@ -4449,24 +4521,29 @@ "@types/node" "*" "@types/scheduler@*": - version "0.16.5" - resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.5.tgz#4751153abbf8d6199babb345a52e1eb4167d64af" - integrity sha512-s/FPdYRmZR8SjLWGMCuax7r3qCWQw9QKHzXVukAuuIJkXkDRwp+Pu5LMIVFi0Fxbav35WURicYr8u1QsoybnQw== + version "0.16.8" + resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.8.tgz#ce5ace04cfeabe7ef87c0091e50752e36707deff" + integrity sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A== "@types/semver@^7.5.0": - version "7.5.4" - resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.4.tgz#0a41252ad431c473158b22f9bfb9a63df7541cff" - integrity sha512-MMzuxN3GdFwskAnb6fz0orFvhfqi752yjaXylr0Rp4oDg5H0Zn1IuyRhDVvYOwAXoJirx2xuS16I3WjxnAIHiQ== + version "7.5.6" + resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.6.tgz#c65b2bfce1bec346582c07724e3f8c1017a20339" + integrity sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A== "@types/source-list-map@*": - version "0.1.4" - resolved "https://registry.yarnpkg.com/@types/source-list-map/-/source-list-map-0.1.4.tgz#a3d4e4791606f40a833ab1caf41f77463c8d72ff" - integrity sha512-Kdfm7Sk5VX8dFW7Vbp18+fmAatBewzBILa1raHYxrGEFXT0jNl9x3LWfuW7bTbjEKFNey9Dfkj/UzT6z/NvRlg== + version "0.1.6" + resolved "https://registry.yarnpkg.com/@types/source-list-map/-/source-list-map-0.1.6.tgz#164e169dd061795b50b83c19e4d3be09f8d3a454" + integrity sha512-5JcVt1u5HDmlXkwOD2nslZVllBBc7HDuOICfiZah2Z0is8M8g+ddAEawbmd3VjedfDHBzxCaXLs07QEmb7y54g== + +"@types/stack-utils@^2.0.0": + version "2.0.3" + resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.3.tgz#6209321eb2c1712a7e7466422b8cb1fc0d9dd5d8" + integrity sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw== "@types/tapable@^1", "@types/tapable@^1.0.5": - version "1.0.10" - resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.10.tgz#5203aad08455c6988f7b2347715023e3935b1056" - integrity sha512-q8F20SdXG5fdVJQ5yxsVlH+f+oekP42QeHv4s5KlrxTMT0eopXn7ol1rhxMcksf8ph7XNv811iVDE2hOpUvEPg== + version "1.0.12" + resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.12.tgz#bc2cab12e87978eee89fb21576b670350d6d86ab" + integrity sha512-bTHG8fcxEqv1M9+TD14P8ok8hjxoOCkfKc8XXLaaD05kI7ohpeI956jtDOD3XHKBQrlyPughUtzm1jtVhHpA5Q== "@types/throttle-debounce@^2.1.0": version "2.1.0" @@ -4474,50 +4551,50 @@ integrity sha512-5eQEtSCoESnh2FsiLTxE121IiE60hnMqcb435fShf4bpLRjEu1Eoekht23y6zXS9Ts3l+Szu3TARnTsA0GkOkQ== "@types/tough-cookie@*": - version "4.0.3" - resolved "https://registry.yarnpkg.com/@types/tough-cookie/-/tough-cookie-4.0.3.tgz#3d06b6769518450871fbc40770b7586334bdfd90" - integrity sha512-THo502dA5PzG/sfQH+42Lw3fvmYkceefOspdCwpHRul8ik2Jv1K8I5OZz1AT3/rs46kwgMCe9bSBmDLYkkOMGg== + version "4.0.5" + resolved "https://registry.yarnpkg.com/@types/tough-cookie/-/tough-cookie-4.0.5.tgz#cb6e2a691b70cb177c6e3ae9c1d2e8b2ea8cd304" + integrity sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA== "@types/trusted-types@^2.0.2": - version "2.0.5" - resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.5.tgz#5cac7e7df3275bb95f79594f192d97da3b4fd5fe" - integrity sha512-I3pkr8j/6tmQtKV/ZzHtuaqYSQvyjGRKH4go60Rr0IDLlFxuRT5V32uvB1mecM5G1EVAUyF/4r4QZ1GHgz+mxA== + version "2.0.7" + resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.7.tgz#baccb07a970b91707df3a3e8ba6896c57ead2d11" + integrity sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw== "@types/uglify-js@*": - version "3.17.3" - resolved "https://registry.yarnpkg.com/@types/uglify-js/-/uglify-js-3.17.3.tgz#784efb40320d248588e1748dd12e1f43733f1416" - integrity sha512-ToldSfJ6wxO21cakcz63oFD1GjqQbKzhZCD57eH7zWuYT5UEZvfUoqvrjX5d+jB9g4a/sFO0n6QSVzzn5sMsjg== + version "3.17.4" + resolved "https://registry.yarnpkg.com/@types/uglify-js/-/uglify-js-3.17.4.tgz#3c70021f08023e5a760ce133d22966f200e1d31c" + integrity sha512-Hm/T0kV3ywpJyMGNbsItdivRhYNCQQf1IIsYsXnoVPES4t+FMLyDe0/K+Ea7ahWtMtSNb22ZdY7MIyoD9rqARg== dependencies: source-map "^0.6.1" "@types/unist@^2", "@types/unist@^2.0.0", "@types/unist@^2.0.2", "@types/unist@^2.0.3": - version "2.0.9" - resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.9.tgz#72e164381659a49557b0a078b28308f2c6a3e1ce" - integrity sha512-zC0iXxAv1C1ERURduJueYzkzZ2zaGyc+P2c95hgkikHPr3z8EdUZOlgEQ5X0DRmwDZn+hekycQnoeiiRVrmilQ== + version "2.0.10" + resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.10.tgz#04ffa7f406ab628f7f7e97ca23e290cd8ab15efc" + integrity sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA== "@types/warning@^3.0.0": - version "3.0.2" - resolved "https://registry.yarnpkg.com/@types/warning/-/warning-3.0.2.tgz#264f1f93a68f5dcb598db9764e40f14e13b0e630" - integrity sha512-S/2+OjBIcBl8Kur23YLe0hG1e7J5m2bHfB4UuMNoLZjIFhQWhTf1FeS+WFoXHUC6QsCEfk4pftj4J1KIKC1glA== + version "3.0.3" + resolved "https://registry.yarnpkg.com/@types/warning/-/warning-3.0.3.tgz#d1884c8cc4a426d1ac117ca2611bf333834c6798" + integrity sha512-D1XC7WK8K+zZEveUPY+cf4+kgauk8N4eHr/XIHXGlGYkHLud6hK9lYfZk1ry1TNh798cZUCgb6MqGEG8DkJt6Q== "@types/webpack-env@^1.16.0": - version "1.18.3" - resolved "https://registry.yarnpkg.com/@types/webpack-env/-/webpack-env-1.18.3.tgz#e81f769199a5609c751f34fcc6f6095ceac7831f" - integrity sha512-v4CH6FLBCftYGFAswDhzFLjKgucXsOkIf5Mzl8ZZhEtC6oye9whFInNPKszNB9AvX7JEZMtpXxWctih6addP+Q== + version "1.18.4" + resolved "https://registry.yarnpkg.com/@types/webpack-env/-/webpack-env-1.18.4.tgz#62879b0a9c653f9b1172d403b882f2045ecce032" + integrity sha512-I6e+9+HtWADAWeeJWDFQtdk4EVSAbj6Rtz4q8fJ7mSr1M0jzlFcs8/HZ+Xb5SHzVm1dxH7aUiI+A8kA8Gcrm0A== "@types/webpack-sources@*": - version "3.2.2" - resolved "https://registry.yarnpkg.com/@types/webpack-sources/-/webpack-sources-3.2.2.tgz#6e6027cad8b54d2a4e5735df49af559bb4de2db0" - integrity sha512-acCzhuVe+UJy8abiSFQWXELhhNMZjQjQKpLNEi1pKGgKXZj0ul614ATcx4kkhunPost6Xw+aCq8y8cn1/WwAiA== + version "3.2.3" + resolved "https://registry.yarnpkg.com/@types/webpack-sources/-/webpack-sources-3.2.3.tgz#b667bd13e9fa15a9c26603dce502c7985418c3d8" + integrity sha512-4nZOdMwSPHZ4pTEZzSp0AsTM4K7Qmu40UKW4tJDiOVs20UzYF9l+qUe4s0ftfN0pin06n+5cWWDJXH+sbhAiDw== dependencies: "@types/node" "*" "@types/source-list-map" "*" source-map "^0.7.3" "@types/webpack@^4.41.26", "@types/webpack@^4.41.8": - version "4.41.35" - resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.35.tgz#32903809685caf87ea612e4e74577874359c3749" - integrity sha512-XRC6HLGHtNfN8/xWeu1YUQV1GSE+28q8lSqvcJ+0xt/zW9Wmn4j9pCSvaXPyRlCKrl5OuqECQNEJUy2vo8oWqg== + version "4.41.38" + resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.38.tgz#5a40ac81bdd052bf405e8bdcf3e1236f6db6dc26" + integrity sha512-oOW7E931XJU1mVfCnxCVgv8GLFL768pDO5u2Gzk82i8yTIgX6i7cntyZOkZYb/JtYM8252SN9bQp9tgkVDSsRw== dependencies: "@types/node" "*" "@types/tapable" "^1" @@ -4527,14 +4604,21 @@ source-map "^0.6.0" "@types/yargs-parser@*": - version "21.0.2" - resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.2.tgz#7bd04c5da378496ef1695a1008bf8f71847a8b8b" - integrity sha512-5qcvofLPbfjmBfKaLfj/+f+Sbd6pN4zl7w7VSVI5uz7m9QZTuB2aZAa2uo1wHFBNN2x6g/SoTkXmd8mQnQF2Cw== + version "21.0.3" + resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.3.tgz#815e30b786d2e8f0dcd85fd5bcf5e1a04d008f15" + integrity sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ== "@types/yargs@^15.0.0": - version "15.0.17" - resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-15.0.17.tgz#bea870ba551b43831bfaa75de2e4a3849c39322b" - integrity sha512-cj53I8GUcWJIgWVTSVe2L7NJAB5XWGdsoMosVvUgv1jEnMbAcsbaCzt1coUcyi8Sda5PgTWAooG8jNyDTD+CWA== + version "15.0.19" + resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-15.0.19.tgz#328fb89e46109ecbdb70c295d96ff2f46dfd01b9" + integrity sha512-2XUaGVmyQjgyAZldf0D0c14vvo/yv0MhQBSTJcejMMaitsn3nxCB6TmH4G0ZQf+uxROOa9mpanoSm8h6SG/1ZA== + dependencies: + "@types/yargs-parser" "*" + +"@types/yargs@^17.0.8": + version "17.0.32" + resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.32.tgz#030774723a2f7faafebf645f4e5a48371dca6229" + integrity sha512-xQ67Yc/laOG5uMfX/093MRlGGCIBzZMarVa+gfNKJxWAIgykYpVGkBdbqEzGDDfCrVUj6Hiff4mTZ5BA6TmAog== dependencies: "@types/yargs-parser" "*" @@ -4600,10 +4684,10 @@ "@typescript-eslint/types" "4.33.0" eslint-visitor-keys "^2.0.0" -"@webassemblyjs/ast@1.11.6", "@webassemblyjs/ast@^1.11.5": - version "1.11.6" - resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.6.tgz#db046555d3c413f8966ca50a95176a0e2c642e24" - integrity sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q== +"@typescript-eslint/visitor-keys@5.62.0": + version "5.62.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz#2174011917ce582875954ffe2f6912d5931e353e" + integrity sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw== dependencies: "@typescript-eslint/types" "5.62.0" eslint-visitor-keys "^3.3.0" @@ -4894,6 +4978,11 @@ resolved "https://registry.yarnpkg.com/@yaireo/tagify/-/tagify-4.17.9.tgz#ff10ae832001200dbd4e354aedb6d1df7074c266" integrity sha512-x9aZy22hzte7BNmMrFcYNrZH71ombgH5PnzcOVXqPevRV/m/ItSnWIvY5fOHYzpC9Uxy0+h/1P5v62fIvwq2MA== +abab@^2.0.6: + version "2.0.6" + resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291" + integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA== + accepts@~1.3.5, accepts@~1.3.8: version "1.3.8" resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.8.tgz#0bf0be125b67014adcb0b0921e62db7bffe16b2e" @@ -4902,6 +4991,14 @@ accepts@~1.3.5, accepts@~1.3.8: mime-types "~2.1.34" negotiator "0.6.3" +acorn-globals@^7.0.0: + version "7.0.1" + resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-7.0.1.tgz#0dbf05c44fa7c94332914c02066d5beff62c40c3" + integrity sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q== + dependencies: + acorn "^8.1.0" + acorn-walk "^8.0.2" + acorn-import-assertions@^1.9.0: version "1.9.0" resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz#507276249d684797c84e0734ef84860334cfb1ac" @@ -4918,9 +5015,9 @@ acorn-walk@^7.2.0: integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA== acorn-walk@^8.0.2: - version "8.2.0" - resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1" - integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA== + version "8.3.0" + resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.3.0.tgz#2097665af50fd0cf7a2dfccd2b9368964e66540f" + integrity sha512-FS7hV565M5l1R08MXqo8odwMTB02C2UqzB17RVgu9EyuYFBqJZ3/ZY97sQD5FewVu1UyDFc1yztUDrAwT0EypA== acorn@^6.4.1: version "6.4.2" @@ -4932,21 +5029,23 @@ acorn@^7.4.1: resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa" integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A== -acorn@^8.7.1, acorn@^8.8.2: +acorn@^8.1.0, acorn@^8.7.1, acorn@^8.8.1, acorn@^8.8.2, acorn@^8.9.0: version "8.11.2" resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.11.2.tgz#ca0d78b51895be5390a5903c5b3bdcdaf78ae40b" integrity sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w== -acorn@^8.9.0: - version "8.10.0" - resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.10.0.tgz#8be5b3907a67221a81ab23c7889c4c5526b62ec5" - integrity sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw== - address@^1.0.1: version "1.2.2" resolved "https://registry.yarnpkg.com/address/-/address-1.2.2.tgz#2b5248dac5485a6390532c6a517fda2e3faac89e" integrity sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA== +agent-base@6: + version "6.0.2" + resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77" + integrity sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ== + dependencies: + debug "4" + aggregate-error@^3.0.0: version "3.1.0" resolved "https://registry.yarnpkg.com/aggregate-error/-/aggregate-error-3.1.0.tgz#92670ff50f5359bdb7a3e0d40d0ec30c5737687a" @@ -5287,19 +5386,8 @@ array.prototype.tosorted@^1.1.1: call-bind "^1.0.2" define-properties "^1.2.0" es-abstract "^1.22.1" - es-array-method-boxes-properly "^1.0.0" - is-string "^1.0.7" - -array.prototype.reduce@^1.0.6: - version "1.0.6" - resolved "https://registry.yarnpkg.com/array.prototype.reduce/-/array.prototype.reduce-1.0.6.tgz#63149931808c5fc1e1354814923d92d45f7d96d5" - integrity sha512-UW+Mz8LG/sPSU8jRDCjVr6J/ZKAGpHfwrZ6kWTG5qCxIEiXdVshqGnu5vEZA8S1y6X4aCSbQZ0/EEsfvEvBiSg== - dependencies: - call-bind "^1.0.2" - define-properties "^1.2.0" - es-abstract "^1.22.1" - es-array-method-boxes-properly "^1.0.0" - is-string "^1.0.7" + es-shim-unscopables "^1.0.0" + get-intrinsic "^1.2.1" arraybuffer.prototype.slice@^1.0.2: version "1.0.2" @@ -5453,11 +5541,29 @@ aws4@^1.8.0: resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.12.0.tgz#ce1c9d143389679e253b314241ea9aa5cec980d3" integrity sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg== +axe-core@4.7.2: + version "4.7.2" + resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.7.2.tgz#040a7342b20765cb18bb50b628394c21bccc17a0" + integrity sha512-zIURGIS1E1Q4pcrMjp+nnEh+16G56eG/MUllJH8yEvw7asDo7Ac9uhC9KIH5jzpITueEZolfYglnCGIuSBz39g== + axe-core@^4.2.0: version "4.8.2" resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.8.2.tgz#2f6f3cde40935825cf4465e3c1c9e77b240ff6ae" integrity sha512-/dlp0fxyM3R8YW7MFzaHWXrf4zzbr0vaYb23VBFCl83R7nWNPg/yaQw2Dc8jzCMmDVLhSdzH8MjrsuIUuvX+6g== +babel-jest@^29.7.0: + version "29.7.0" + resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-29.7.0.tgz#f4369919225b684c56085998ac63dbd05be020d5" + integrity sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg== + dependencies: + "@jest/transform" "^29.7.0" + "@types/babel__core" "^7.1.14" + babel-plugin-istanbul "^6.1.1" + babel-preset-jest "^29.6.3" + chalk "^4.0.0" + graceful-fs "^4.2.9" + slash "^3.0.0" + babel-loader@^8.0.0: version "8.3.0" resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-8.3.0.tgz#124936e841ba4fe8176786d6ff28add1f134d6a8" @@ -5677,9 +5783,9 @@ better-spawn@^1.0.4: integrity sha512-AijKvNcUJ3/Jf2wF5KdBdadQCr1LYVlu91n2ya/65+UxvwyP8V58iYyBwgn66zQTgvakfw8dn+Qh6hwacQn5hg== big-integer@^1.6.44, big-integer@^1.6.7: - version "1.6.51" - resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.51.tgz#0df92a5d9880560d3ff2d5fd20245c889d130686" - integrity sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg== + version "1.6.52" + resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.52.tgz#60a887f3047614a8e1bffe5d7173490a97dc8c85" + integrity sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg== big.js@^5.2.2: version "5.2.2" @@ -6153,9 +6259,9 @@ caniuse-api@^3.0.0: lodash.uniq "^4.5.0" caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000832, caniuse-lite@^1.0.30000844, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001541: - version "1.0.30001559" - resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001559.tgz#95a982440d3d314c471db68d02664fb7536c5a30" - integrity sha512-cPiMKZgqgkg5LY3/ntGeLFUpi6tzddBNS58A4tnTgQw1zON7u2sZMU7SzOeVH4tj20++9ggL+V6FDOFMTaFFYA== + version "1.0.30001564" + resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001564.tgz#eaa8bbc58c0cbccdcb7b41186df39dd2ba591889" + integrity sha512-DqAOf+rhof+6GVx1y+xzbFPeOumfQnhYzVnZD6LAXijR77yPtm9mfOcqOnT3mpnJiZVT+kwLAFnRlZcIz+c6bg== capture-exit@^2.0.0: version "2.0.0" @@ -6192,6 +6298,17 @@ chalk@4.1.2, chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.1, chalk@^4.1.2: ansi-styles "^4.1.0" supports-color "^7.1.0" +chalk@^1.1.3: + version "1.1.3" + resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98" + integrity sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A== + dependencies: + ansi-styles "^2.2.1" + escape-string-regexp "^1.0.2" + has-ansi "^2.0.0" + strip-ansi "^3.0.0" + supports-color "^2.0.0" + chalk@^2.1.0, chalk@^2.4.1, chalk@^2.4.2: version "2.4.2" resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424" @@ -6562,9 +6679,9 @@ commondir@^1.0.1: integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg== component-emitter@^1.2.1: - version "1.3.0" - resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.3.0.tgz#16e4070fba8ae29b679f2215853ee181ab2eabc0" - integrity sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg== + version "1.3.1" + resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.3.1.tgz#ef1d5796f7d93f135ee6fb684340b26403c97d17" + integrity sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ== compressible@~2.0.16: version "2.0.18" @@ -6690,21 +6807,21 @@ copy-descriptor@^0.1.0: integrity sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw== core-js-compat@^3.31.0, core-js-compat@^3.33.1, core-js-compat@^3.8.1: - version "3.33.2" - resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.33.2.tgz#3ea4563bfd015ad4e4b52442865b02c62aba5085" - integrity sha512-axfo+wxFVxnqf8RvxTzoAlzW4gRoacrHeoFlc9n0x50+7BEyZL/Rt3hicaED1/CEd7I6tPCPVUYcJwCMO5XUYw== + version "3.33.3" + resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.33.3.tgz#ec678b772c5a2d8a7c60a91c3a81869aa704ae01" + integrity sha512-cNzGqFsh3Ot+529GIXacjTJ7kegdt5fPXxCBVS1G0iaZpuo/tBz399ymceLJveQhFFZ8qThHiP3fzuoQjKN2ow== dependencies: browserslist "^4.22.1" core-js-pure@^3.23.3, core-js-pure@^3.6.5: - version "3.33.2" - resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.33.2.tgz#644830db2507ef84d068a70980ccd99c275f5fa6" - integrity sha512-a8zeCdyVk7uF2elKIGz67AjcXOxjRbwOLz8SbklEso1V+2DoW4OkAMZN9S9GBgvZIaqQi/OemFX4OiSoQEmg1Q== + version "3.33.3" + resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.33.3.tgz#cbf9180ac4c4653823d784862bfb5c77eac0bf98" + integrity sha512-taJ00IDOP+XYQEA2dAe4ESkmHt1fL8wzYDo3mRWQey8uO9UojlBFMneA65kMyxfYP7106c6LzWaq7/haDT6BCQ== core-js@^3.0.1, core-js@^3.0.4, core-js@^3.6.5, core-js@^3.8.2: - version "3.33.2" - resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.33.2.tgz#312bbf6996a3a517c04c99b9909cdd27138d1ceb" - integrity sha512-XeBzWI6QL3nJQiHmdzbAOiMYqjrb7hwU7A39Qhvd/POSa/t9E1AeZyEZx3fNvp/vtM8zXwhoL0FsiS0hD0pruQ== + version "3.33.3" + resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.33.3.tgz#3c644a323f0f533a0d360e9191e37f7fc059088d" + integrity sha512-lo0kOocUlLKmm6kv/FswQL8zbkH7mVsLJ/FULClOhv8WRVmKLVcs6XPNQAzstfeJTCHMyButEwG+z1kHxHoDZw== core-util-is@1.0.2: version "1.0.2" @@ -7327,14 +7444,14 @@ deep-equal@1.0.1: integrity sha512-bHtC0iYvWhyaTzvV3CZgPeZQqCOBGyGsVV7v4eevpdkLHfiSrXUdBG+qAuSz4RI70sszvjQ1QSZ98An1yNwpSw== deep-equal@^2.0.5: - version "2.2.2" - resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-2.2.2.tgz#9b2635da569a13ba8e1cc159c2f744071b115daa" - integrity sha512-xjVyBf0w5vH0I42jdAZzOKVldmPgSulmiyPRywoyq7HXC9qdgo17kxJE+rdnif5Tz6+pIrpJI8dCpMNLIGkUiA== + version "2.2.3" + resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-2.2.3.tgz#af89dafb23a396c7da3e862abc0be27cf51d56e1" + integrity sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA== dependencies: array-buffer-byte-length "^1.0.0" - call-bind "^1.0.2" + call-bind "^1.0.5" es-get-iterator "^1.1.3" - get-intrinsic "^1.2.1" + get-intrinsic "^1.2.2" is-arguments "^1.1.1" is-array-buffer "^3.0.2" is-date-object "^1.0.5" @@ -7344,11 +7461,11 @@ deep-equal@^2.0.5: object-is "^1.1.5" object-keys "^1.1.1" object.assign "^4.1.4" - regexp.prototype.flags "^1.5.0" + regexp.prototype.flags "^1.5.1" side-channel "^1.0.4" which-boxed-primitive "^1.0.2" which-collection "^1.0.1" - which-typed-array "^1.1.9" + which-typed-array "^1.1.13" deep-extend@^0.6.0: version "0.6.0" @@ -7406,10 +7523,10 @@ defaults@^1.0.3: dependencies: clone "^1.0.2" -define-data-property@^1.0.1: - version "1.1.0" - resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.0.tgz#0db13540704e1d8d479a0656cf781267531b9451" - integrity sha512-UzGwzcjyv3OtAvolTj1GoyNYzfFR+iqbGjcnBEENZVCpM4/Ng1yhGNvS3lR/xDS74Tb2wGG9WzNSNIOS9UVb2g== +define-data-property@^1.0.1, define-data-property@^1.1.1: + version "1.1.1" + resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.1.tgz#c35f7cd0ab09883480d12ac5cb213715587800b3" + integrity sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ== dependencies: get-intrinsic "^1.2.1" gopd "^1.0.1" @@ -7831,9 +7948,9 @@ ee-first@1.1.1: integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow== electron-to-chromium@^1.3.47, electron-to-chromium@^1.4.535: - version "1.4.575" - resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.575.tgz#7c0b87eb2c6214a993699792abd704de41255c39" - integrity sha512-kY2BGyvgAHiX899oF6xLXSIf99bAvvdPhDoJwG77nxCSyWYuRH6e9a9a3gpXBvCs6lj4dQZJkfnW2hdKWHEISg== + version "1.4.592" + resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.592.tgz#1ffd49ba3da3da3077ea20014b066c910d50c913" + integrity sha512-D3NOkROIlF+d5ixnz7pAf3Lu/AuWpd6AYgI9O67GQXMXTcCP1gJQRotOq35eQy5Sb4hez33XH1YdTtILA7Udww== element-resize-detector@^1.2.2: version "1.2.4" @@ -8009,7 +8126,7 @@ es-array-method-boxes-properly@^1.0.0: resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e" integrity sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA== -es-get-iterator@^1.0.2: +es-get-iterator@^1.0.2, es-get-iterator@^1.1.3: version "1.1.3" resolved "https://registry.yarnpkg.com/es-get-iterator/-/es-get-iterator-1.1.3.tgz#3ef87523c5d464d41084b2c3c9c214f1199763d6" integrity sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw== @@ -8024,15 +8141,10 @@ es-get-iterator@^1.0.2: isarray "^2.0.5" stop-iteration-iterator "^1.0.0" -es-module-lexer@^1.2.1: - version "1.3.1" - resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.3.1.tgz#c1b0dd5ada807a3b3155315911f364dc4e909db1" - integrity sha512-JUFAyicQV9mXc3YRxPnDlrfBKpqt6hUYzz9/boprUJHs4e4KVr3XwOF70doO6gwXUor6EWZJAyWAfKki84t20Q== - -es-set-tostringtag@^2.0.1: - version "2.0.1" - resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz#338d502f6f674301d710b80c8592de8a15f09cd8" - integrity sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg== +es-iterator-helpers@^1.0.12: + version "1.0.15" + resolved "https://registry.yarnpkg.com/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz#bd81d275ac766431d19305923707c3efd9f1ae40" + integrity sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g== dependencies: asynciterator.prototype "^1.0.0" call-bind "^1.0.2" @@ -8050,9 +8162,9 @@ es-set-tostringtag@^2.0.1: safe-array-concat "^1.0.1" es-module-lexer@^1.2.1: - version "1.3.1" - resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.3.1.tgz#c1b0dd5ada807a3b3155315911f364dc4e909db1" - integrity sha512-JUFAyicQV9mXc3YRxPnDlrfBKpqt6hUYzz9/boprUJHs4e4KVr3XwOF70doO6gwXUor6EWZJAyWAfKki84t20Q== + version "1.4.1" + resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.4.1.tgz#41ea21b43908fe6a287ffcbe4300f790555331f5" + integrity sha512-cXLGjP0c4T3flZJKQSuziYoq7MlT+rnvfZjfp7h+I7K9BNX54kP9nyWvdbwjQ4u1iWbOL4u96fgeZLToQlZC7w== es-set-tostringtag@^2.0.1: version "2.0.2" @@ -8248,59 +8360,15 @@ eslint-visitor-keys@^3.1.0, eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4 resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800" integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag== -eslint@^8.50.0: - version "8.52.0" - resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.52.0.tgz#d0cd4a1fac06427a61ef9242b9353f36ea7062fc" - integrity sha512-zh/JHnaixqHZsolRB/w9/02akBk9EPrOs9JwcTP2ek7yL5bVvXuRariiaAjjoJ5DvuwQ1WAE/HsMz+w17YgBCg== - dependencies: - "@eslint-community/eslint-utils" "^4.2.0" - "@eslint-community/regexpp" "^4.6.1" - "@eslint/eslintrc" "^2.1.2" - "@eslint/js" "8.52.0" - "@humanwhocodes/config-array" "^0.11.13" - "@humanwhocodes/module-importer" "^1.0.1" - "@nodelib/fs.walk" "^1.2.8" - "@ungap/structured-clone" "^1.2.0" - ajv "^6.12.4" - chalk "^4.0.0" - cross-spawn "^7.0.2" - debug "^4.3.2" - doctrine "^3.0.0" - escape-string-regexp "^4.0.0" - eslint-scope "^7.2.2" - eslint-visitor-keys "^3.4.3" - espree "^9.6.1" - esquery "^1.4.2" - esutils "^2.0.2" - fast-deep-equal "^3.1.3" - file-entry-cache "^6.0.1" - find-up "^5.0.0" - glob-parent "^6.0.2" - globals "^13.19.0" - graphemer "^1.4.0" - ignore "^5.2.0" - imurmurhash "^0.1.4" - is-glob "^4.0.0" - is-path-inside "^3.0.3" - js-yaml "^4.1.0" - json-stable-stringify-without-jsonify "^1.0.1" - levn "^0.4.1" - lodash.merge "^4.6.2" - minimatch "^3.1.2" - natural-compare "^1.4.0" - optionator "^0.9.3" - strip-ansi "^6.0.1" - text-table "^0.2.0" - -eslint@^8.7.0: - version "8.53.0" - resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.53.0.tgz#14f2c8244298fcae1f46945459577413ba2697ce" - integrity sha512-N4VuiPjXDUa4xVeV/GC/RV3hQW9Nw+Y463lkWaKKXKYMvmRiRDAtfpuPFLN+E1/6ZhyR8J2ig+eVREnYgUsiag== +eslint@^8.50.0, eslint@^8.7.0: + version "8.54.0" + resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.54.0.tgz#588e0dd4388af91a2e8fa37ea64924074c783537" + integrity sha512-NY0DfAkM8BIZDVl6PgSa1ttZbx3xHgJzSNJKYcQglem6CppHyMhRIQkBVSSMaSRnLhig3jsDbEzOjwCVt4AmmA== dependencies: "@eslint-community/eslint-utils" "^4.2.0" "@eslint-community/regexpp" "^4.6.1" "@eslint/eslintrc" "^2.1.3" - "@eslint/js" "8.53.0" + "@eslint/js" "8.54.0" "@humanwhocodes/config-array" "^0.11.13" "@humanwhocodes/module-importer" "^1.0.1" "@nodelib/fs.walk" "^1.2.8" @@ -8474,6 +8542,11 @@ execa@^7.1.1: signal-exit "^3.0.7" strip-final-newline "^3.0.0" +exit@^0.1.2: + version "0.1.2" + resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c" + integrity sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ== + expand-brackets@^2.1.4: version "2.1.4" resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-2.1.4.tgz#b77735e315ce30f6b6eff0f83b04151a22449622" @@ -8629,9 +8702,9 @@ fast-glob@^2.2.6: micromatch "^3.1.10" fast-glob@^3.2.9, fast-glob@^3.3.0: - version "3.3.1" - resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.1.tgz#784b4e897340f3dbbef17413b3f11acf03c874c4" - integrity sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg== + version "3.3.2" + resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129" + integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow== dependencies: "@nodelib/fs.stat" "^2.0.2" "@nodelib/fs.walk" "^1.2.3" @@ -8837,9 +8910,9 @@ find-yarn-workspace-root2@1.2.16: pkg-dir "^4.2.0" flat-cache@^3.0.4: - version "3.1.1" - resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.1.1.tgz#a02a15fdec25a8f844ff7cc658f03dd99eb4609b" - integrity sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q== + version "3.2.0" + resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.2.0.tgz#2c0c2d5040c99b1632771a9d105725c0115363ee" + integrity sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw== dependencies: flatted "^3.2.9" keyv "^4.5.3" @@ -9065,7 +9138,7 @@ fsevents@^1.2.7: bindings "^1.5.0" nan "^2.12.1" -fsevents@^2.1.2, fsevents@~2.3.2: +fsevents@^2.1.2, fsevents@^2.3.2, fsevents@~2.3.2: version "2.3.3" resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6" integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw== @@ -9262,6 +9335,13 @@ globals@^11.1.0: resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e" integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA== +globals@^13.19.0: + version "13.23.0" + resolved "https://registry.yarnpkg.com/globals/-/globals-13.23.0.tgz#ef31673c926a0976e1f61dab4dca57e0c0a8af02" + integrity sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA== + dependencies: + type-fest "^0.20.2" + globalthis@^1.0.0, globalthis@^1.0.3: version "1.0.3" resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.3.tgz#5852882a52b80dc301b0660273e1ed082f0b6ccf" @@ -9366,6 +9446,13 @@ harmony-reflect@^1.4.6: resolved "https://registry.yarnpkg.com/harmony-reflect/-/harmony-reflect-1.6.2.tgz#31ecbd32e648a34d030d86adb67d4d47547fe710" integrity sha512-HIp/n38R9kQjDEziXyDTuW3vvoxxyxjxFzXLrBr18uB47GnSt+G9D29fqrpM5ZkspMcPICud3XsBJQ4Y2URg8g== +has-ansi@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91" + integrity sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg== + dependencies: + ansi-regex "^2.0.0" + has-bigints@^1.0.1, has-bigints@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa" @@ -9803,9 +9890,9 @@ ignore@^4.0.3: integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg== ignore@^5.2.0: - version "5.2.4" - resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.4.tgz#a291c0c6178ff1b960befe47fcdec301674a6324" - integrity sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ== + version "5.3.0" + resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.0.tgz#67418ae40d34d6999c95ff56016759c718c82f78" + integrity sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg== image-size@~0.5.0: version "0.5.5" @@ -10192,6 +10279,13 @@ is-generator-fn@^2.0.0: resolved "https://registry.yarnpkg.com/is-generator-fn/-/is-generator-fn-2.1.0.tgz#7d140adc389aaf3011a8f2a2a4cfa6faadffb118" integrity sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ== +is-generator-function@^1.0.10: + version "1.0.10" + resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.0.10.tgz#f1558baf1ac17e0deea7c0415c438351ff2b3c72" + integrity sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A== + dependencies: + has-tostringtag "^1.0.0" + is-glob@^3.0.0, is-glob@^3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-3.1.0.tgz#7ba5ae24217804ac70707b96922567486cc3e84a" @@ -10517,9 +10611,9 @@ isstream@~0.1.2: integrity sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g== istanbul-lib-coverage@^3.0.0, istanbul-lib-coverage@^3.2.0: - version "3.2.0" - resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz#189e7909d0a39fa5a3dfad5b03f71947770191d3" - integrity sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw== + version "3.2.2" + resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz#2d166c4b0644d43a39f04bf6c2edd1e585f31756" + integrity sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg== istanbul-lib-instrument@^5.0.4: version "5.2.1" @@ -10552,7 +10646,16 @@ istanbul-lib-report@^3.0.0: make-dir "^4.0.0" supports-color "^7.1.0" -istanbul-reports@^3.1.4: +istanbul-lib-source-maps@^4.0.0: + version "4.0.1" + resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz#895f3a709fcfba34c6de5a42939022f3e4358551" + integrity sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw== + dependencies: + debug "^4.1.1" + istanbul-lib-coverage "^3.0.0" + source-map "^0.6.1" + +istanbul-reports@^3.1.3, istanbul-reports@^3.1.4: version "3.1.6" resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.1.6.tgz#2544bcab4768154281a2f0870471902704ccaa1a" integrity sha512-TLgnMkKg3iTDsQ9PbPTdpfAK2DzjF9mqUG7RMgcQl8oFjad8ob4laGxv5XV5U9MAfx8D6tSJiUyuAwzLicaxlg== @@ -10573,6 +10676,17 @@ iterate-value@^1.0.2: es-get-iterator "^1.0.2" iterate-iterator "^1.0.1" +iterator.prototype@^1.1.2: + version "1.1.2" + resolved "https://registry.yarnpkg.com/iterator.prototype/-/iterator.prototype-1.1.2.tgz#5e29c8924f01916cb9335f1ff80619dcff22b0c0" + integrity sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w== + dependencies: + define-properties "^1.2.1" + get-intrinsic "^1.2.1" + has-symbols "^1.0.3" + reflect.getprototypeof "^1.0.4" + set-function-name "^2.0.1" + jest-axe@^8.0.0: version "8.0.0" resolved "https://registry.yarnpkg.com/jest-axe/-/jest-axe-8.0.0.tgz#4d89a1756bda2999a4271e851370981319389155" @@ -11290,6 +11404,11 @@ less@3.0.2: request "^2.83.0" source-map "^0.5.3" +leven@^3.1.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2" + integrity sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A== + levn@^0.4.1: version "0.4.1" resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade" @@ -11311,9 +11430,9 @@ linkify-it@^4.0.1: uc.micro "^1.0.1" linkifyjs@^4.1.0: - version "4.1.1" - resolved "https://registry.yarnpkg.com/linkifyjs/-/linkifyjs-4.1.1.tgz#73d427e3bbaaf4ca8e71c589ad4ffda11a9a5fde" - integrity sha512-zFN/CTVmbcVef+WaDXT63dNzzkfRBKT1j464NJQkV7iSgJU0sLBus9W0HBwnXK13/hf168pbrx/V/bjEHOXNHA== + version "4.1.3" + resolved "https://registry.yarnpkg.com/linkifyjs/-/linkifyjs-4.1.3.tgz#0edbc346428a7390a23ea2e5939f76112c9ae07f" + integrity sha512-auMesunaJ8yfkHvK4gfg1K0SaKX/6Wn9g2Aac/NwX+l5VdmFZzo/hdPGxEOETj+ryRa4/fiOPjeeKURSAJx1sg== lit-element@^3.3.0: version "3.3.3" @@ -11451,7 +11570,7 @@ lodash.memoize@^4.1.2: resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe" integrity sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag== -lodash.merge@4.6.2: +lodash.merge@4.6.2, lodash.merge@^4.6.0, lodash.merge@^4.6.2: version "4.6.2" resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a" integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ== @@ -11555,6 +11674,11 @@ luxon@^2.1.1: resolved "https://registry.yarnpkg.com/luxon/-/luxon-2.5.2.tgz#17ed497f0277e72d58a4756d6a9abee4681457b6" integrity sha512-Yg7/RDp4nedqmLgyH0LwgGRvMEKVzKbUdkBYyCosbHgJ+kaOUx0qzSiSatVc3DFygnirTPYnMM2P5dg2uH1WvA== +lz-string@^1.5.0: + version "1.5.0" + resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.5.0.tgz#c1ab50f77887b712621201ba9fd4e3a6ed099941" + integrity sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ== + macy@^2.5.1: version "2.5.1" resolved "https://registry.yarnpkg.com/macy/-/macy-2.5.1.tgz#0dcd4643944809585ccc8f5ff07fb8705d98d7db" @@ -12065,9 +12189,9 @@ mixin-deep@^1.2.0: is-extendable "^1.0.1" mixme@^0.5.1: - version "0.5.9" - resolved "https://registry.yarnpkg.com/mixme/-/mixme-0.5.9.tgz#a5a58e17354632179ff3ce5b0fc130899c8ba81c" - integrity sha512-VC5fg6ySUscaWUpI4gxCBTQMH2RdUpNrk+MsbpCYtIvf9SBJdiUey4qE7BXviJsJR4nDQxCZ+3yaYNW3guz/Pw== + version "0.5.10" + resolved "https://registry.yarnpkg.com/mixme/-/mixme-0.5.10.tgz#d653b2984b75d9018828f1ea333e51717ead5f51" + integrity sha512-5H76ANWinB1H3twpJ6JY8uvAtpmFvHNArpilJAjXRKXSDDLPIMoZArw5SH0q9z+lLs8IrMw7Q2VWpWimFKFT1Q== mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@~0.5.1: version "0.5.6" @@ -12145,9 +12269,9 @@ nan@^2.12.1: integrity sha512-W7tfG7vMOGtD30sHoZSSc/JVYiyDPEyQVso/Zz+/uQd0B0L46gtC+pHha5FFMRpil6fm/AoEcRWyOVi4+E/f8w== nanoid@^3.1.23, nanoid@^3.3.1, nanoid@^3.3.6: - version "3.3.6" - resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c" - integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA== + version "3.3.7" + resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8" + integrity sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g== nanomatch@^1.2.9: version "1.2.13" @@ -12401,6 +12525,14 @@ object-inspect@^1.13.1, object-inspect@^1.9.0: resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.1.tgz#b96c6109324ccfef6b12216a956ca4dc2ff94bc2" integrity sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ== +object-is@^1.1.5: + version "1.1.5" + resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.1.5.tgz#b9deeaa5fc7f1846a0faecdceec138e5778f53ac" + integrity sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw== + dependencies: + call-bind "^1.0.2" + define-properties "^1.1.3" + object-keys@^1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e" @@ -12993,7 +13125,7 @@ pinkie@^2.0.0: resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870" integrity sha512-MnUuEycAemtSaeFSjXKW/aroV7akBbY+Sv+RkyqFjgAe73F+MR0TBWKBRDkmfWq/HiFmdavfZ1G7h4SPZXaCSg== -pirates@^4.0.1, pirates@^4.0.5: +pirates@^4.0.1, pirates@^4.0.4, pirates@^4.0.5: version "4.0.6" resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.6.tgz#3018ae32ecfcff6c29ba2267cbf21166ac1f36b9" integrity sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg== @@ -13535,9 +13667,9 @@ prettier@^2.5.1, prettier@^2.7.1: integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q== prettier@^3.0.3: - version "3.0.3" - resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.0.3.tgz#432a51f7ba422d1469096c0fdc28e235db8f9643" - integrity sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg== + version "3.1.0" + resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.1.0.tgz#c6d16474a5f764ea1a4a373c593b779697744d5e" + integrity sha512-TQLvXjq5IAibjh8EpBIkNKxO749UEWABoiIZehEPiY4GNpVdhaFKqSTu+QrlU6D2dPAfubRmtJTi4K4YkQ5eXw== pretty-error@^2.1.1: version "2.1.2" @@ -13555,6 +13687,14 @@ pretty-error@^4.0.0: lodash "^4.17.20" renderkid "^3.0.0" +pretty-format@^23.0.1: + version "23.6.0" + resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-23.6.0.tgz#5eaac8eeb6b33b987b7fe6097ea6a8a146ab5760" + integrity sha512-zf9NV1NSlDLDjycnwm6hpFATCGl/K1lt0R/GdkAK2O5LN/rwJoB+Mh93gGJjut4YbmecbfgLWVGSTCr0Ewvvbw== + dependencies: + ansi-regex "^3.0.0" + ansi-styles "^3.2.0" + pretty-format@^27.0.2: version "27.5.1" resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-27.5.1.tgz#2181879fdea51a7a5851fb39d920faa63f01d88e" @@ -13707,9 +13847,9 @@ prosemirror-history@^1.0.0, prosemirror-history@^1.3.0: rope-sequence "^1.3.0" prosemirror-inputrules@^1.2.0: - version "1.2.1" - resolved "https://registry.yarnpkg.com/prosemirror-inputrules/-/prosemirror-inputrules-1.2.1.tgz#8faf3d78c16150aedac71d326a3e3947417ce557" - integrity sha512-3LrWJX1+ULRh5SZvbIQlwZafOXqp1XuV21MGBu/i5xsztd+9VD15x6OtN6mdqSFI7/8Y77gYUbQ6vwwJ4mr6QQ== + version "1.3.0" + resolved "https://registry.yarnpkg.com/prosemirror-inputrules/-/prosemirror-inputrules-1.3.0.tgz#d43ce469ffe09a1b4cbac3f0ad367b0e4b504875" + integrity sha512-z1GRP2vhh5CihYMQYsJSa1cOwXb3SYxALXOIfAkX8nZserARtl9LiL+CEl+T+OFIsXc3mJIHKhbsmRzC0HDAXA== dependencies: prosemirror-state "^1.0.0" prosemirror-transform "^1.0.0" @@ -13800,9 +13940,9 @@ prosemirror-transform@^1.0.0, prosemirror-transform@^1.1.0, prosemirror-transfor prosemirror-model "^1.0.0" prosemirror-view@^1.0.0, prosemirror-view@^1.1.0, prosemirror-view@^1.13.3, prosemirror-view@^1.27.0, prosemirror-view@^1.28.2, prosemirror-view@^1.30.1, prosemirror-view@^1.31.0: - version "1.32.3" - resolved "https://registry.yarnpkg.com/prosemirror-view/-/prosemirror-view-1.32.3.tgz#9019151211f685e553f681837435cae4885beece" - integrity sha512-tP7AUTxisM0m3PDxs6vDWgTjgcbFo4fnwg2M/5NHlgMqUJgBNOqSUZETBZKmLD7AxGN3GZ5yqEzQv9r9VCZKrg== + version "1.32.4" + resolved "https://registry.yarnpkg.com/prosemirror-view/-/prosemirror-view-1.32.4.tgz#c8f24bab3bcc8b57bcfb62490fc468180559f51b" + integrity sha512-WoT+ZYePp0WQvp5coABAysheZg9WttW3TSEUNgsfDQXmVOJlnjkbFbXicKPvWFLiC0ZjKt1ykbyoVKqhVnCiSQ== dependencies: prosemirror-model "^1.16.0" prosemirror-state "^1.0.0" @@ -13878,6 +14018,11 @@ punycode@^2.1.0, punycode@^2.1.1: resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5" integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg== +pure-rand@^6.0.0: + version "6.0.4" + resolved "https://registry.yarnpkg.com/pure-rand/-/pure-rand-6.0.4.tgz#50b737f6a925468679bff00ad20eade53f37d5c7" + integrity sha512-LA0Y9kxMYv47GIPJy6MI84fqTd2HmYZI83W/kM/SkKfDlajnZYfmXFTxkbY+xSBPkLJxltMa9hIkmdc29eguMA== + q@^1.1.2: version "1.5.1" resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7" @@ -13917,6 +14062,11 @@ querystring-es3@^0.2.0: resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73" integrity sha512-773xhDQnZBMFobEiztv8LIl70ch5MSF/jUQVlhwFyBILqq96anmoctVIYz+ZRp0qbCKATTn6ev02M3r7Ga5vqA== +querystringify@^2.1.1: + version "2.2.0" + resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6" + integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ== + queue-microtask@^1.2.2: version "1.2.3" resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243" @@ -14131,9 +14281,9 @@ react-helmet@^6.1.0: react-side-effect "^2.1.0" react-hook-form@^7.22.1: - version "7.47.0" - resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.47.0.tgz#a42f07266bd297ddf1f914f08f4b5f9783262f31" - integrity sha512-F/TroLjTICipmHeFlMrLtNLceO2xr1jU3CyiNla5zdwsGUGu2UOxxR4UyJgLlhMwLW/Wzp4cpJ7CPfgJIeKdSg== + version "7.48.2" + resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.48.2.tgz#01150354d2be61412ff56a030b62a119283b9935" + integrity sha512-H0T2InFQb1hX7qKtDIZmvpU1Xfn/bdahWBN1fH19gSe4bBEqTfmlr7H3XWTaVtiK4/tpPaI1F3355GPMZYge+A== react-inspector@^5.1.0: version "5.1.1" @@ -14763,7 +14913,12 @@ resolve-url@^0.2.1: resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a" integrity sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg== -resolve@^1.10.0, resolve@^1.14.2, resolve@^1.17.0, resolve@^1.19.0, resolve@^1.21.0, resolve@^1.22.4, resolve@^1.3.2: +resolve.exports@^2.0.0: + version "2.0.2" + resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-2.0.2.tgz#f8c934b8e6a13f539e38b7098e2e36134f01e800" + integrity sha512-X2UW6Nw3n/aMgDVy+0rSqgHlv39WZAlZrXCdnbyEiKm17DSqHX4MmQMaST3FbeWR5FTuRcUwYAziZajji0Y7mg== + +resolve@^1.10.0, resolve@^1.14.2, resolve@^1.17.0, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.21.0, resolve@^1.22.4, resolve@^1.3.2: version "1.22.8" resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d" integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw== @@ -14910,9 +15065,9 @@ rope-sequence@^1.3.0: integrity sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ== rrule@^2.6.8: - version "2.7.2" - resolved "https://registry.yarnpkg.com/rrule/-/rrule-2.7.2.tgz#cb899cb21bbe6c71b587107956604173b69f9143" - integrity sha512-NkBsEEB6FIZOZ3T8frvEBOB243dm46SPufpDckY/Ap/YH24V1zLeMmDY8OA10lk452NdrF621+ynDThE7FQU2A== + version "2.8.1" + resolved "https://registry.yarnpkg.com/rrule/-/rrule-2.8.1.tgz#e8341a9ce3e68ce5b8da4d502e893cd9f286805e" + integrity sha512-hM3dHSBMeaJ0Ktp7W38BJZ7O1zOgaFEsn41PDk+yHoEtfLV+PoJt9E9xAlZiWgf/iqEqionN0ebHFZIDAp+iGw== dependencies: tslib "^2.4.0" @@ -15086,7 +15241,7 @@ semver@^6.0.0, semver@^6.1.2, semver@^6.3.0, semver@^6.3.1: resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4" integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA== -semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7, semver@^7.5.3: +semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7, semver@^7.5.3, semver@^7.5.4: version "7.5.4" resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.4.tgz#483986ec4ed38e1c6c48c34894a9182dbff68a6e" integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA== @@ -15159,6 +15314,16 @@ set-blocking@^2.0.0: resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7" integrity sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw== +set-function-length@^1.1.1: + version "1.1.1" + resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.1.1.tgz#4bc39fafb0307224a33e106a7d35ca1218d659ed" + integrity sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ== + dependencies: + define-data-property "^1.1.1" + get-intrinsic "^1.2.1" + gopd "^1.0.1" + has-property-descriptors "^1.0.0" + set-function-name@^2.0.0, set-function-name@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/set-function-name/-/set-function-name-2.0.1.tgz#12ce38b7954310b9f61faa12701620a0c882793a" @@ -16357,7 +16522,7 @@ type-check@^0.4.0, type-check@~0.4.0: dependencies: prelude-ls "^1.2.1" -type-detect@^4.0.8: +type-detect@4.0.8, type-detect@^4.0.8: version "4.0.8" resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c" integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g== @@ -16715,6 +16880,14 @@ url-loader@^4.1.1: mime-types "^2.1.27" schema-utils "^3.0.0" +url-parse@^1.5.3: + version "1.5.10" + resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.10.tgz#9d3c2f736c1d75dd3bd2be507dcc111f1e2ea9c1" + integrity sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ== + dependencies: + querystringify "^2.1.1" + requires-port "^1.0.0" + url@^0.11.0: version "0.11.3" resolved "https://registry.yarnpkg.com/url/-/url-0.11.3.tgz#6f495f4b935de40ce4a0a52faee8954244f3d3ad" @@ -16812,10 +16985,10 @@ uuid@^8.3.2: resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2" integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg== -v8-to-istanbul@^9.0.0: - version "9.1.3" - resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-9.1.3.tgz#ea456604101cd18005ac2cae3cdd1aa058a6306b" - integrity sha512-9lDD+EVI2fjFsMWXc6dy5JJzBsVTcQ2fVkfBvncZ6xJWG9wtBhOldG+mHkSL0+V1K/xgZz0JDO5UT5hFwHUghg== +v8-to-istanbul@^9.0.0, v8-to-istanbul@^9.0.1: + version "9.2.0" + resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-9.2.0.tgz#2ed7644a245cddd83d4e087b9b33b3e62dfd10ad" + integrity sha512-/EH/sDgxU2eGxajKdwLCDmQ4FWq+kpi3uCmBGpw1xJtnAxEjlD8j8PEiGWpCIMIs3ciNAgH0d3TTJiUkYzyZjA== dependencies: "@jridgewell/trace-mapping" "^0.3.12" "@types/istanbul-lib-coverage" "^2.0.1" @@ -16929,6 +17102,13 @@ w3c-keyname@^2.2.0: resolved "https://registry.yarnpkg.com/w3c-keyname/-/w3c-keyname-2.2.8.tgz#7b17c8c6883d4e8b86ac8aba79d39e880f8869c5" integrity sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ== +w3c-xmlserializer@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz#aebdc84920d806222936e3cdce408e32488a3073" + integrity sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw== + dependencies: + xml-name-validator "^4.0.0" + walkdir@^0.4.1: version "0.4.1" resolved "https://registry.yarnpkg.com/walkdir/-/walkdir-0.4.1.tgz#dc119f83f4421df52e3061e514228a2db20afa39" @@ -17169,6 +17349,24 @@ which-boxed-primitive@^1.0.2: is-string "^1.0.5" is-symbol "^1.0.3" +which-builtin-type@^1.1.3: + version "1.1.3" + resolved "https://registry.yarnpkg.com/which-builtin-type/-/which-builtin-type-1.1.3.tgz#b1b8443707cc58b6e9bf98d32110ff0c2cbd029b" + integrity sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw== + dependencies: + function.prototype.name "^1.1.5" + has-tostringtag "^1.0.0" + is-async-function "^2.0.0" + is-date-object "^1.0.5" + is-finalizationregistry "^1.0.2" + is-generator-function "^1.0.10" + is-regex "^1.1.4" + is-weakref "^1.0.2" + isarray "^2.0.5" + which-boxed-primitive "^1.0.2" + which-collection "^1.0.1" + which-typed-array "^1.1.9" + which-collection@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/which-collection/-/which-collection-1.0.1.tgz#70eab71ebbbd2aefaf32f917082fc62cdcb70906" @@ -17192,13 +17390,13 @@ which-pm@2.0.0: load-yaml-file "^0.2.0" path-exists "^4.0.0" -which-typed-array@^1.1.11, which-typed-array@^1.1.9: - version "1.1.11" - resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.11.tgz#99d691f23c72aab6768680805a271b69761ed61a" - integrity sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew== +which-typed-array@^1.1.11, which-typed-array@^1.1.13, which-typed-array@^1.1.9: + version "1.1.13" + resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.13.tgz#870cd5be06ddb616f504e7b039c4c24898184d36" + integrity sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow== dependencies: available-typed-arrays "^1.0.5" - call-bind "^1.0.2" + call-bind "^1.0.4" for-each "^0.3.3" gopd "^1.0.1" has-tostringtag "^1.0.0" @@ -17283,7 +17481,15 @@ write-file-atomic@^3.0.0: signal-exit "^3.0.2" typedarray-to-buffer "^3.1.5" -ws@^8.2.3: +write-file-atomic@^4.0.2: + version "4.0.2" + resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-4.0.2.tgz#a9df01ae5b77858a027fd2e80768ee433555fcfd" + integrity sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg== + dependencies: + imurmurhash "^0.1.4" + signal-exit "^3.0.7" + +ws@^8.11.0, ws@^8.2.3: version "8.14.2" resolved "https://registry.yarnpkg.com/ws/-/ws-8.14.2.tgz#6c249a806eb2db7a20d26d51e7709eab7b2e6c7f" integrity sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g== From 448abec595cc56077b25d0f3293ec0c930e0b76e Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Thu, 23 Nov 2023 17:41:01 +0000 Subject: [PATCH 03/25] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 12 files changed, 69 insertions(+), 17 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index d05b00200..524f868a6 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.30 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.30 + - @bubbles-ui/icons@1.2.30 + ## 1.2.29 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index eafc08abe..b190e81f6 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.29", + "version": "1.2.30", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.29", - "@bubbles-ui/icons": "^1.2.29", + "@bubbles-ui/components": "^1.2.30", + "@bubbles-ui/icons": "^1.2.30", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index d1b0e8016..4cf0c91e8 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.30 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.30 + ## 1.2.29 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index b2d8872f0..3821675a0 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.29", + "version": "1.2.30", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.29", + "@bubbles-ui/icons": "^1.2.30", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@leemonade/react-dnd-treeview": "^1.5.44", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index a0ab5208a..ec95eb39b 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.30 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.30 + - @bubbles-ui/icons@1.2.30 + ## 1.2.29 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 0c3f9a488..edfe05782 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.29", + "version": "1.2.30", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.29", - "@bubbles-ui/icons": "^1.2.29", + "@bubbles-ui/components": "^1.2.30", + "@bubbles-ui/icons": "^1.2.30", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 183d06574..ee5cd5f66 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.30 + +### Patch Changes + +- Versions bump + ## 1.2.29 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index 76295c3b4..6e15405cd 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.29", + "version": "1.2.30", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index 5073ec640..17f32601f 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.30 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.30 + - @bubbles-ui/calendars@1.2.30 + - @bubbles-ui/editors@1.2.30 + - @bubbles-ui/icons@1.2.30 + ## 1.2.29 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index 4aae095ac..b22945171 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.29", + "version": "1.2.30", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.29", - "@bubbles-ui/components": "^1.2.29", - "@bubbles-ui/editors": "^1.2.29", - "@bubbles-ui/icons": "^1.2.29", + "@bubbles-ui/calendars": "^1.2.30", + "@bubbles-ui/components": "^1.2.30", + "@bubbles-ui/editors": "^1.2.30", + "@bubbles-ui/icons": "^1.2.30", "dayjs": "^1.10.7", "react": "^17.0.2", "react-dom": "^17.0.2", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index 93ec8b2f0..72e69c35c 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.30 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.30 + - @bubbles-ui/icons@1.2.30 + ## 1.2.29 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index 1888e46f0..ac0b393df 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.29", + "version": "1.2.30", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.29", - "@bubbles-ui/icons": "^1.2.29", + "@bubbles-ui/components": "^1.2.30", + "@bubbles-ui/icons": "^1.2.30", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.2", From abfda311c176ec7681ca2062d6abcdfde6594852 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jaime=20Go=CC=81mez=20Cimarro?= Date: Fri, 24 Nov 2023 09:45:10 +0100 Subject: [PATCH 04/25] feat(comunica): Added highlight to some components. --- .idea/sonarlint/issuestore/index.pb | 24 +- .idea/sonarlint/securityhotspotstore/index.pb | 24 +- .../components/src/form/Textarea/Textarea.js | 2 + .../ChatMessage/ChatMessage.constants.js | 2 +- .../informative/ChatMessage/ChatMessage.js | 14 +- .../ChatMessage/ChatMessage.styles.js | 6 +- .../UserDisplayItem/UserDisplayItem.js | 12 +- packages/components/src/tokens.compiled.js | 1407 +++++++++++++++-- 8 files changed, 1304 insertions(+), 187 deletions(-) diff --git a/.idea/sonarlint/issuestore/index.pb b/.idea/sonarlint/issuestore/index.pb index 18ef0b7a6..459dd1522 100644 --- a/.idea/sonarlint/issuestore/index.pb +++ b/.idea/sonarlint/issuestore/index.pb @@ -29,4 +29,26 @@ Z scripts/build.js,7/5/7551c3af2c5c9c5d3509090c14f14ee49b73591c : -.gitignore,a/5/a5cc2925ca8258af241be7e5b0381edf30266302 \ No newline at end of file +.gitignore,a/5/a5cc2925ca8258af241be7e5b0381edf30266302 +n +>packages/leemons/src/common/UserDetailModal/UserDetailModal.js,3/8/38fd11e3a2143c0ea1b0e815f2f31f788369b8e7 + +Xpackages/components/src/layout/HorizontalStepperContainer/HeaderWrapper/HeaderWrapper.js,9/f/9f1d4d405e62f29136e56b88bbf7046685961b61 +y +Ipackages/components/src/navigation/HorizontalStepper/HorizontalStepper.js,4/e/4e79f67a6ddadf8cac2b1aeaf8ea3e396f84096a +W +'packages/components/src/theme.tokens.js,6/6/6652a4656b2538e69a8d5eb0d939a3bef8df30e9 +Y +)packages/components/src/commons.mixins.js,9/b/9be5067ea7cb8fdf17fcc98f9731a4520ed8b356 +B +merged_tokens.json,a/1/a11908235f5ceb730faddd966566879a9b9c9a4e +a +1packages/components/src/form/Textarea/Textarea.js,1/e/1ed2f5de95fc50de2989c31244ca49b235889227 +u +Epackages/components/src/informative/ChatMessage/ChatMessage.styles.js,b/7/b7eaa324ef9c789e58d1df3d6e060f191fa13dba +x +Hpackages/components/src/informative/ChatMessage/ChatMessage.constants.js,0/0/00af6c3c4ffea0f2d8ba28e2a276f3ba010606d7 +b +2packages/components/src/overlay/Popover/Popover.js,2/9/29770eaf36e8ec06aa05c7020bb0fc10ffd22edb +n +>packages/components/src/informative/ChatMessage/ChatMessage.js,3/3/330088854447605ac7a103cb4dc1076c44ed6b14 \ No newline at end of file diff --git a/.idea/sonarlint/securityhotspotstore/index.pb b/.idea/sonarlint/securityhotspotstore/index.pb index 6ab24035e..dce679835 100644 --- a/.idea/sonarlint/securityhotspotstore/index.pb +++ b/.idea/sonarlint/securityhotspotstore/index.pb @@ -29,4 +29,26 @@ Z scripts/build.js,7/5/7551c3af2c5c9c5d3509090c14f14ee49b73591c : -.gitignore,a/5/a5cc2925ca8258af241be7e5b0381edf30266302 \ No newline at end of file +.gitignore,a/5/a5cc2925ca8258af241be7e5b0381edf30266302 +n +>packages/leemons/src/common/UserDetailModal/UserDetailModal.js,3/8/38fd11e3a2143c0ea1b0e815f2f31f788369b8e7 + +Xpackages/components/src/layout/HorizontalStepperContainer/HeaderWrapper/HeaderWrapper.js,9/f/9f1d4d405e62f29136e56b88bbf7046685961b61 +y +Ipackages/components/src/navigation/HorizontalStepper/HorizontalStepper.js,4/e/4e79f67a6ddadf8cac2b1aeaf8ea3e396f84096a +W +'packages/components/src/theme.tokens.js,6/6/6652a4656b2538e69a8d5eb0d939a3bef8df30e9 +Y +)packages/components/src/commons.mixins.js,9/b/9be5067ea7cb8fdf17fcc98f9731a4520ed8b356 +B +merged_tokens.json,a/1/a11908235f5ceb730faddd966566879a9b9c9a4e +a +1packages/components/src/form/Textarea/Textarea.js,1/e/1ed2f5de95fc50de2989c31244ca49b235889227 +u +Epackages/components/src/informative/ChatMessage/ChatMessage.styles.js,b/7/b7eaa324ef9c789e58d1df3d6e060f191fa13dba +x +Hpackages/components/src/informative/ChatMessage/ChatMessage.constants.js,0/0/00af6c3c4ffea0f2d8ba28e2a276f3ba010606d7 +b +2packages/components/src/overlay/Popover/Popover.js,2/9/29770eaf36e8ec06aa05c7020bb0fc10ffd22edb +n +>packages/components/src/informative/ChatMessage/ChatMessage.js,3/3/330088854447605ac7a103cb4dc1076c44ed6b14 \ No newline at end of file diff --git a/packages/components/src/form/Textarea/Textarea.js b/packages/components/src/form/Textarea/Textarea.js index 6b243b375..09cb83ea2 100644 --- a/packages/components/src/form/Textarea/Textarea.js +++ b/packages/components/src/form/Textarea/Textarea.js @@ -56,6 +56,7 @@ const Textarea = forwardRef( counterLabels, autoComplete, onKeyPress = () => {}, + rightSection, ...props }, ref @@ -139,6 +140,7 @@ const Textarea = forwardRef( minRows={minRows} onKeyPress={onKeyPress} placeholder={placeholder} + rightSection={rightSection} name={name} disabled={disabled} onBlur={onBlur} diff --git a/packages/components/src/informative/ChatMessage/ChatMessage.constants.js b/packages/components/src/informative/ChatMessage/ChatMessage.constants.js index 716f9eb97..21002217b 100644 --- a/packages/components/src/informative/ChatMessage/ChatMessage.constants.js +++ b/packages/components/src/informative/ChatMessage/ChatMessage.constants.js @@ -1,6 +1,6 @@ import PropTypes from 'prop-types'; -export const MESSAGE_TYPES = ['text']; +export const MESSAGE_TYPES = ['text', 'img']; export const CHAT_MESSAGE_DEFAULT_PROPS = { isOwn: false, diff --git a/packages/components/src/informative/ChatMessage/ChatMessage.js b/packages/components/src/informative/ChatMessage/ChatMessage.js index bed5fdab6..f1471fe96 100644 --- a/packages/components/src/informative/ChatMessage/ChatMessage.js +++ b/packages/components/src/informative/ChatMessage/ChatMessage.js @@ -3,6 +3,7 @@ import { Box } from '../../layout'; import { UserDisplayItem } from '../UserDisplayItem'; import { ChatMessageStyles } from './ChatMessage.styles'; import { CHAT_MESSAGE_DEFAULT_PROPS, CHAT_MESSAGE_PROP_TYPES } from './ChatMessage.constants'; +import { Highlight } from '@mantine/core'; const ChatMessage = ({ message, @@ -10,12 +11,14 @@ const ChatMessage = ({ isOwn, isOnline, locale, + selected, + highlight, showUser = true, isTeacher, isAdmin, ...props }) => { - const { classes, cx } = ChatMessageStyles({ isOwn, isTeacher, isAdmin }, { name: 'ChatMessage' }); + const { classes, cx } = ChatMessageStyles({ isOwn, isTeacher, isAdmin, selected }, { name: 'ChatMessage' }); return ( {showUser ? {message?.type === 'text' && ( - {message?.content} + + {message?.content} + + + )} + {message?.type === 'img' && ( + + )} diff --git a/packages/components/src/informative/ChatMessage/ChatMessage.styles.js b/packages/components/src/informative/ChatMessage/ChatMessage.styles.js index 5b29c2b66..bd6bd5b3d 100644 --- a/packages/components/src/informative/ChatMessage/ChatMessage.styles.js +++ b/packages/components/src/informative/ChatMessage/ChatMessage.styles.js @@ -1,7 +1,7 @@ import { createStyles } from '@mantine/styles'; import { getFontExpressive } from '../../theme.mixins'; -export const ChatMessageStyles = createStyles((theme, { isOwn, isTeacher, isAdmin }) => { +export const ChatMessageStyles = createStyles((theme, { isOwn, isTeacher, isAdmin, selected }) => { let backgroundColor = theme.other.global.background.color.surface.default; let borderColor = theme.other.global.border.color.line.muted; @@ -14,7 +14,9 @@ export const ChatMessageStyles = createStyles((theme, { isOwn, isTeacher, isAdmi return { root: { - ...getFontExpressive(theme.fontSizes['2']) + ...getFontExpressive(theme.fontSizes['2']), + padding: theme.spacing[2], + background: selected ? theme.other.global.background.color.primary.default : 'transparent', }, message: { color: theme.other.global.content.color.text.muted, diff --git a/packages/components/src/informative/UserDisplayItem/UserDisplayItem.js b/packages/components/src/informative/UserDisplayItem/UserDisplayItem.js index 2f73c6c5d..e454eb179 100644 --- a/packages/components/src/informative/UserDisplayItem/UserDisplayItem.js +++ b/packages/components/src/informative/UserDisplayItem/UserDisplayItem.js @@ -10,6 +10,7 @@ import { UserDisplayItemStyles } from './UserDisplayItem.styles'; import { COLORS } from '../../theme.tokens'; import { getUserFullName } from '../../navigation/MainNav/helpers/getUserFullName'; import { AVATAR_STATE } from '../Avatar/Avatar.constants'; +import { Highlight } from '@mantine/core'; export const USER_DISPLAY_ITEM_VARIANTS = ['inline', 'block', 'rol', 'email']; export const USER_DISPLAY_ITEM_LAYOUT = ['left', 'right']; @@ -55,6 +56,7 @@ const UserDisplayItem = (properties) => { onChat, size, noBreak, + highlight, textRole, fullNameClassname, ...props @@ -118,17 +120,17 @@ const UserDisplayItem = (properties) => { onClick={onChat} /> - {email} + {email} ) : ( <> - - {role} + + {role} {variant === 'rol' ? Icon : null} {!isEmpty(surnames) && ( - + {surnames} )} @@ -138,7 +140,7 @@ const UserDisplayItem = (properties) => { className={cx(classes.name, fullNameClassname)} role={textRole} > - {fullName} + {fullName} {variant !== 'rol' ? Icon : null} diff --git a/packages/components/src/tokens.compiled.js b/packages/components/src/tokens.compiled.js index da5e47a45..6bcacc541 100644 --- a/packages/components/src/tokens.compiled.js +++ b/packages/components/src/tokens.compiled.js @@ -6,24 +6,54 @@ export default { "default": { "value": "#0C1F22", "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" } }, "secondary": { "default": { "value": "#0C1F22", "type": "color" + }, + "hover": { + "value": "#343A3F", + "type": "color" + }, + "down": { + "value": "#0C1F22", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" } }, "ghost": { + "default": { + "value": "#0C1F22", + "type": "color" + } + }, + "terciary": { "default": { "value": "#F1FFBD", "type": "color" }, "hover": { - "value": "#F1FFBD", + "value": "#E2FF7A", "type": "color" }, - "pressed": { + "down": { "value": "#E2FF7A", "type": "color" }, @@ -51,7 +81,7 @@ export default { "value": { "fontFamily": "Albert Sans", "fontWeight": 400, - "lineHeight": "24px", + "lineHeight": "20px", "fontSize": "14px" }, "type": "typography" @@ -60,7 +90,16 @@ export default { "value": { "fontFamily": "Albert Sans", "fontWeight": 500, - "lineHeight": "24px", + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", "fontSize": "14px" }, "type": "typography" @@ -77,34 +116,52 @@ export default { "value": "#B4E600", "type": "color" }, + "selected": { + "value": "#E2FF7A", + "type": "color" + }, "pressed": { "value": "#98C200", "type": "color" }, - "focus": { + "down": { "value": "#B4E600", "type": "color" } }, "secondary": { "default": { - "value": "transparent", + "value": "#ffffff", "type": "color" }, "hover": { - "value": "transparent", + "value": "#ffffff", "type": "color" }, - "press": { + "pressed": { "value": "#ffffff", "type": "color" }, - "focus": { - "value": "#ffffff", + "down": { + "value": "#0C1F22", "type": "color" } }, "ghost": { + "default": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "pressed": { + "value": "#98C200", + "type": "color" + } + }, + "terciary": { "default": { "value": "#F8F9FB", "type": "color" @@ -136,35 +193,35 @@ export default { }, "border": { "color": { - "primary": { + "secondary": { "default": { - "value": "#B4E600", + "value": "#0C1F22", "type": "color" }, "hover": { - "value": "#98C200", + "value": "#0C1F22", + "type": "color" + }, + "pressed": { + "value": "#4A6000", "type": "color" }, "down": { - "value": "#98C200", + "value": "#343A3F", "type": "color" } }, - "secondary": { + "primary": { "default": { - "value": "#0C1F22", + "value": "#B4E600", "type": "color" }, "hover": { - "value": "#0C1F22", - "type": "color" - }, - "pressed": { - "value": "#4A6000", + "value": "#98C200", "type": "color" }, - "focus": { - "value": "#0C1F22", + "down": { + "value": "#98C200", "type": "color" } }, @@ -229,10 +286,6 @@ export default { } }, "horizontal": { - "md": { - "value": "24px", - "type": "spacing" - }, "sm": { "value": "16px", "type": "spacing" @@ -240,6 +293,10 @@ export default { "xs": { "value": "8px", "type": "spacing" + }, + "md": { + "value": "24px", + "type": "spacing" } } }, @@ -271,6 +328,12 @@ export default { }, "type": "boxShadow" } + }, + "textDecoration": { + "underLine": { + "value": "underline", + "type": "textDecoration" + } } }, "buttonText": { @@ -296,9 +359,8 @@ export default { "type": "color" }, "hover": { - "value": "{global.content.color.secondary.emphasis}", - "type": "color", - "failedToResolve": true + "value": "#343A3F", + "type": "color" }, "down": { "value": "#0C1F22", @@ -353,6 +415,15 @@ export default { "textDecoration": "underline" }, "type": "typography" + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" } }, "background": { @@ -377,9 +448,8 @@ export default { "type": "color" }, "hover": { - "value": "{global.background.color.secondary.subtle}", - "type": "color", - "failedToResolve": true + "value": "#F8F9FB", + "type": "color" }, "down": { "value": "transparent", @@ -438,14 +508,12 @@ export default { "type": "color" }, "hover": { - "value": "{global.border.color.secondary.subtle}", - "type": "color", - "failedToResolve": true + "value": "#F8F9FB", + "type": "color" }, "down": { - "value": "{global.border.color.secondary.subtle}", - "type": "color", - "failedToResolve": true + "value": "#F8F9FB", + "type": "color" } }, "terciary": { @@ -528,6 +596,18 @@ export default { "default": { "value": "#0C1F22", "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" } }, "ghost": { @@ -535,6 +615,60 @@ export default { "value": "#0C1F22", "type": "color" } + }, + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#343A3F", + "type": "color" + }, + "down": { + "value": "#0C1F22", + "type": "color" + }, + "default--reverse": { + "value": "#ffffff", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "#F1FFBD", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#F1FFBD", + "type": "color" + }, + "default--reverse": { + "value": "#878D96", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "#d13b3b", + "type": "color" + }, + "hover": { + "value": "#ffffff", + "type": "color" + }, + "down": { + "value": "#d13b3b", + "type": "color" + }, + "hover--reverse": { + "value": "#b52a2a", + "type": "color" + } } } }, @@ -560,6 +694,22 @@ export default { "focus": { "value": "#B4E600", "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + }, + "default--reverse": { + "value": "transparent", + "type": "color" + }, + "hover--reverse": { + "value": "#F1FFBD", + "type": "color" + }, + "down--reverse": { + "value": "transparent", + "type": "color" } }, "ghost": { @@ -583,6 +733,84 @@ export default { "value": "#F1FFBD", "type": "color" } + }, + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#343A3F", + "type": "color" + }, + "down": { + "value": "#0C1F22", + "type": "color" + }, + "default--reverse": { + "value": "transparent", + "type": "color" + }, + "hover--reverse": { + "value": "#F8F9FB", + "type": "color" + }, + "down--reverse": { + "value": "transparent", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "#F8F9FB", + "type": "color" + }, + "hover": { + "value": "#F2F4F8", + "type": "color" + }, + "down": { + "value": "#F8F9FB", + "type": "color" + }, + "default-reverse": { + "value": "transparent", + "type": "color" + }, + "hover-reverse": { + "value": "#F1FFBD", + "type": "color" + }, + "down-reverse": { + "value": "transparent", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "#f7dede", + "type": "color" + }, + "hover": { + "value": "#d13b3b", + "type": "color" + }, + "down": { + "value": "#f7dede", + "type": "color" + }, + "default--reverse": { + "value": "transparent", + "type": "color" + }, + "hover--reverse": { + "value": "#f0bebe", + "type": "color" + }, + "down--reverse": { + "value": "transparent", + "type": "color" + } } } }, @@ -591,22 +819,132 @@ export default { "md": { "value": "4px", "type": "borderRadius" + }, + "rounded": { + "value": "99em", + "type": "borderRadius" } }, "width": { "value": "2px", "type": "borderWidth" + }, + "color": { + "primary": { + "default": { + "value": "#B4E600", + "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#98C200", + "type": "color" + }, + "default--reverse": { + "value": "transparent", + "type": "color" + }, + "hover--reverse": { + "value": "#F1FFBD", + "type": "color" + }, + "down--reverse": { + "value": "#F1FFBD", + "type": "color" + } + }, + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + }, + "hover": { + "value": "#343A3F", + "type": "color" + }, + "down": { + "value": "#343A3F", + "type": "color" + }, + "default-reverse": { + "value": "transparent", + "type": "color" + }, + "hover-reverse": { + "value": "#F8F9FB", + "type": "color" + }, + "down-reverse": { + "value": "#F8F9FB", + "type": "color" + } + }, + "terciary": { + "default": { + "value": "#DDE1E6", + "type": "color" + }, + "hover": { + "value": "#C1C7CD", + "type": "color" + }, + "down": { + "value": "#C1C7CD", + "type": "color" + }, + "default-reverse": { + "value": "transparent", + "type": "color" + }, + "hover--reverse": { + "value": "#F1FFBD", + "type": "color" + }, + "down--reverse": { + "value": "#F1FFBD", + "type": "color" + } + }, + "phatic": { + "default": { + "value": "#f7dede", + "type": "color" + }, + "hover": { + "value": "#d13b3b", + "type": "color" + }, + "down": { + "value": "#d13b3b", + "type": "color" + }, + "default--reverse": { + "value": "transparent", + "type": "color" + }, + "hover--reverse": { + "value": "#f0bebe", + "type": "color" + }, + "down--reverse": { + "value": "#f7dede", + "type": "color" + } + } } }, "spacing": { "padding": { - "md": { - "value": "6px", - "type": "spacing" - }, "sm": { "value": "4px", "type": "spacing" + }, + "md": { + "value": "6px", + "type": "spacing" } } }, @@ -635,6 +973,22 @@ export default { "hover": { "value": "#0C1F22", "type": "color" + }, + "down": { + "value": "#B4E600", + "type": "color" + }, + "default--reverse": { + "value": "#C1C7CD", + "type": "color" + }, + "hover--reverse": { + "value": "#ffffff", + "type": "color" + }, + "down--reverse": { + "value": "#ffffff", + "type": "color" } }, "phatic": { @@ -682,13 +1036,16 @@ export default { "type": "color" }, "down--reverse": { - "value": "{global.background.color.secondary.muted}", - "type": "color", - "failedToResolve": true + "value": "#878D96", + "type": "color" }, "hover--reverse-transparent": { "value": "#ffffff26", "type": "color" + }, + "down": { + "value": "#F1FFBD", + "type": "color" } }, "phatic": { @@ -727,9 +1084,8 @@ export default { "type": "color" }, "down--reverse": { - "value": "{global.border.color.secondary.muted}", - "type": "color", - "failedToResolve": true + "value": "#878D96", + "type": "color" } }, "phatic": { @@ -803,7 +1159,7 @@ export default { "value": { "fontFamily": "Albert Sans", "fontWeight": 400, - "lineHeight": "24px", + "lineHeight": "20px", "fontSize": "14px" }, "type": "typography" @@ -935,7 +1291,7 @@ export default { "value": { "fontFamily": "Albert Sans", "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": "20px", "fontSize": "14px" }, "type": "typography" @@ -944,7 +1300,7 @@ export default { "value": { "fontFamily": "Albert Sans", "fontWeight": 400, - "lineHeight": "24px", + "lineHeight": "20px", "fontSize": "14px" }, "type": "typography" @@ -979,6 +1335,10 @@ export default { "phatic--attention": { "value": "#f39c12", "type": "color" + }, + "phatic": { + "value": "#d13b3b", + "type": "color" } }, "typo-": { @@ -989,6 +1349,15 @@ export default { "fontSize": "12px" }, "type": "typography" + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "fontSize": "10px", + "lineHeight": "14px" + }, + "type": "typography" } }, "spacing": { @@ -1011,6 +1380,14 @@ export default { }, "content": { "color": { + "text": { + "value": "#4D5358", + "type": "color" + }, + "selected": { + "value": "#2F463F", + "type": "color" + }, "default": { "value": "transparent", "type": "color" @@ -1022,10 +1399,6 @@ export default { "hover": { "value": "#878D96", "type": "color" - }, - "selected": { - "value": "#B4E600", - "type": "color" } } }, @@ -1064,11 +1437,11 @@ export default { "type": "color" }, "hover": { - "value": "#E2FF7A", + "value": "#2F463F", "type": "color" }, "selected": { - "value": "#B4E600", + "value": "#2F463F", "type": "color" } } @@ -1088,6 +1461,32 @@ export default { "type": "spacing" } } + }, + "shadow": { + "hover": { + "value": { + "x": 0, + "y": 0, + "blur": 2, + "spread": 0, + "color": "#2f463fcc", + "type": "dropShadow" + }, + "type": "boxShadow" + } + }, + "label": { + "content": { + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + } + } } }, "checkbox": { @@ -1310,6 +1709,14 @@ export default { "value": "#DDE1E6", "type": "color" }, + "white": { + "value": "#ffffff", + "type": "color" + }, + "grey": { + "value": "#F2F4F8", + "type": "color" + }, "default--reverse": { "value": "#ffffff", "type": "color" @@ -1336,6 +1743,12 @@ export default { "value": "#307AE8", "type": "color" } + }, + "secondary": { + "default": { + "value": "#0C1F22", + "type": "color" + } } } }, @@ -1357,6 +1770,14 @@ export default { "value": "#DDE1E6", "type": "color" }, + "white": { + "value": "#878D96", + "type": "color" + }, + "grey": { + "value": "#C1C7CD", + "type": "color" + }, "hover": { "value": "#878D96", "type": "color" @@ -1402,6 +1823,10 @@ export default { "lg": { "value": "12px", "type": "spacing" + }, + "sm": { + "value": "4px", + "type": "spacing" } } } @@ -1789,9 +2214,8 @@ export default { "border": { "color": { "enabled": { - "value": "{global.border.color.secondary.subtle}", - "type": "color", - "failedToResolve": true + "value": "#F8F9FB", + "type": "color" } }, "width": { @@ -1910,7 +2334,7 @@ export default { "value": { "fontFamily": "Albert Sans", "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": "20px", "fontSize": "14px" }, "type": "typography" @@ -1955,6 +2379,18 @@ export default { "default": { "value": "#0C1F22", "type": "color" + }, + "hover": { + "value": "#98C200", + "type": "color" + }, + "down": { + "value": "#E2FF7A", + "type": "color" + }, + "default--reverse": { + "value": "#F1FFBD", + "type": "color" } } }, @@ -1983,6 +2419,10 @@ export default { "pressed": { "value": "#E2FF7A", "type": "color" + }, + "down": { + "value": "#F1FFBD", + "type": "color" } } }, @@ -2011,18 +2451,9 @@ export default { }, "tab": { "content": { - "typo": { - "value": { - "fontFamily": "Albert Sans", - "fontWeight": 400, - "lineHeight": "20px", - "fontSize": "14px" - }, - "type": "typography" - }, "color": { "default": { - "value": "#4D5358", + "value": "#0C1F22", "type": "color" }, "hover": { @@ -2033,16 +2464,37 @@ export default { "value": "#B4E600", "type": "color" } + }, + "typo": { + "sm": { + "value": "{global.content.typo.body.sm}", + "type": "typography" + }, + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" } }, "border": { "color": { - "default": { - "value": "transparent", + "hover": { + "value": "#DDE1E6", "type": "color" }, - "hover": { - "value": "#E2FF7A", + "selected": { + "value": "#B4E600", + "type": "color" + }, + "content": { + "value": "#DDE1E6", + "type": "color" + }, + "default": { + "value": "transparent", "type": "color" }, "down": { @@ -2050,13 +2502,21 @@ export default { "type": "color" } }, - "width": { - "value": "4px", - "type": "borderWidth" - }, "radius": { "value": "2px", "type": "borderRadius" + }, + "width": { + "sm": { + "value": "{global.border.width.sm}", + "type": "borderWidth" + }, + "md": { + "value": "{global.border.width.md}", + "type": "borderWidth" + }, + "value": "4px", + "type": "borderWidth" } }, "background": { @@ -2066,7 +2526,11 @@ export default { "type": "color" }, "hover": { - "value": "#F8F9FB", + "value": "#F1FFBD", + "type": "color" + }, + "selected": { + "value": "transparent", "type": "color" }, "down": { @@ -2083,6 +2547,18 @@ export default { "gap": { "value": "8px", "type": "spacing" + }, + "vertical": { + "md": { + "value": "16px", + "type": "spacing" + } + }, + "horizontal": { + "xsm": { + "value": "8px", + "type": "spacing" + } } } }, @@ -2271,7 +2747,7 @@ export default { "content": { "color": { "default": { - "value": "#4D5358", + "value": "#0C1F22", "type": "color" }, "default--alt": { @@ -2287,6 +2763,15 @@ export default { "fontSize": "14px" }, "type": "typography" + }, + "typo--medium": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "14px" + }, + "type": "typography" } }, "spacing": { @@ -2301,6 +2786,14 @@ export default { } }, "gap": { + "1xsm": { + "value": "{global.spacing.gap.1xsm}", + "type": "spacing" + }, + "md": { + "value": "{global.spacing.gap.md}", + "type": "spacing" + }, "value": "8px", "type": "spacing" } @@ -2312,11 +2805,11 @@ export default { "type": "color" }, "hover": { - "value": "#F8F9FB", + "value": "#F1FFBD", "type": "color" }, "down": { - "value": "#F2F4F8", + "value": "#E2FF7A", "type": "color" }, "active": { @@ -2340,6 +2833,21 @@ export default { "type": "color" } } + }, + "shadow": { + "default": { + "value": [ + { + "color": "#21272a14", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } + ], + "type": "boxShadow" + } } }, "score": { @@ -2709,9 +3217,8 @@ export default { "type": "color" }, "default--alt": { - "value": "{global.content.color.secondary.emphasis}", - "type": "color", - "failedToResolve": true + "value": "#343A3F", + "type": "color" } } } @@ -3126,8 +3633,8 @@ export default { "value": { "fontFamily": "Albert Sans", "fontWeight": 500, - "fontSize": 10, - "lineHeight": 14 + "fontSize": "10px", + "lineHeight": "14px" }, "type": "typography" }, @@ -3205,6 +3712,10 @@ export default { "xlgm": { "value": "52px", "type": "spacing" + }, + "lg": { + "value": "24px", + "type": "spacing" } }, "gap": { @@ -3226,6 +3737,28 @@ export default { "default": { "value": "#0C1F22", "type": "color" + }, + "hover": { + "value": "#ffffff", + "type": "color" + }, + "active": { + "value": "#ffffff", + "type": "color" + } + }, + "sub": { + "default": { + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#ffffff", + "type": "color" + }, + "active": { + "value": "#ffffff", + "type": "color" } } }, @@ -3233,7 +3766,7 @@ export default { "value": { "fontFamily": "Albert Sans", "fontWeight": 400, - "lineHeight": "24px", + "lineHeight": "20px", "fontSize": "14px" }, "type": "typography" @@ -3242,25 +3775,50 @@ export default { "value": { "fontFamily": "Albert Sans", "fontWeight": 500, - "lineHeight": "24px", + "lineHeight": "20px", "fontSize": "14px" }, "type": "typography" + }, + "typo": { + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "fontSize": "14px", + "lineHeight": "20px" + }, + "type": "typography" + } } }, "background": { "color": { "main": { "default": { - "value": "#ffffff", + "value": "#ffffff", + "type": "color" + }, + "hover": { + "value": "#F1FFBD", + "type": "color" + }, + "active": { + "value": "#E2FF7A", + "type": "color" + } + }, + "sub": { + "default": { + "value": "#0C1F22", "type": "color" }, "hover": { - "value": "#F1FFBD", + "value": "#B4E600", "type": "color" }, "active": { - "value": "#E2FF7A", + "value": "#B4E600", "type": "color" } } @@ -3373,6 +3931,10 @@ export default { "completed": { "value": "#343A3F", "type": "color" + }, + "default": { + "value": "#878D96", + "type": "color" } } }, @@ -3389,6 +3951,10 @@ export default { "xsm": { "value": "8px", "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" } } }, @@ -3644,7 +4210,7 @@ export default { "value": { "fontFamily": "Albert Sans", "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": "20px", "fontSize": "14px" }, "type": "typography" @@ -4001,20 +4567,38 @@ export default { } }, "gap": { - "value": "16px", - "type": "spacing" + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" + }, + "xlg": { + "value": "24px", + "type": "spacing" + } } }, "content": { "color": { "emphasis": { - "value": "#343A3F", + "value": "#2F463F", "type": "color" }, "default": { "value": "#4D5358", "type": "color" }, + "subje": { + "value": "#343A3F", + "type": "color" + }, "muted": { "value": "#878D96", "type": "color" @@ -4029,8 +4613,8 @@ export default { "value": { "fontFamily": "Albert Sans", "fontWeight": 500, - "lineHeight": 20, - "fontSize": 18 + "lineHeight": "24px", + "fontSize": "18px" }, "type": "typography" }, @@ -4047,8 +4631,8 @@ export default { "value": { "fontFamily": "Albert Sans", "fontWeight": 400, - "lineHeight": 16, - "fontSize": 12 + "lineHeight": "16px", + "fontSize": "12px" }, "type": "typography" } @@ -4059,14 +4643,22 @@ export default { "default": { "value": "#ffffff", "type": "color" + }, + "cover": { + "value": "#F2F4F8", + "type": "color" } } }, "border": { "color": { - "subtle": { + "defaut": { "value": "#878D96", "type": "color" + }, + "subtle": { + "value": "#DDE1E6", + "type": "color" } }, "radius": { @@ -4186,19 +4778,226 @@ export default { } } } + } + }, + "cardAssignments": { + "spacing": { + "padding": { + "horizontal": { + "xsm": { + "value": "8px", + "type": "spacing" + }, + "sm": { + "value": "12px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + }, + "2xsm": { + "value": "4px", + "type": "spacing" + } + }, + "vertical": { + "xsm": { + "value": "8px", + "type": "spacing" + }, + "sm": { + "value": "12px", + "type": "spacing" + }, + "md": { + "value": "16px", + "type": "spacing" + }, + "2xsm": { + "value": "4px", + "type": "spacing" + } + } + }, + "gap": { + "sm": { + "value": "4px", + "type": "spacing" + }, + "md": { + "value": "8px", + "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" + }, + "xlg": { + "value": "24px", + "type": "spacing" + } + } + }, + "content": { + "color": { + "emphasis": { + "value": "#2F463F", + "type": "color" + }, + "default": { + "value": "#4D5358", + "type": "color" + }, + "subje": { + "value": "#343A3F", + "type": "color" + }, + "muted": { + "value": "#878D96", + "type": "color" + }, + "icon": { + "value": "#878D96", + "type": "color" + } + }, + "typo": { + "lg": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "18px" + }, + "type": "typography" + }, + "md": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": 20, + "fontSize": 14 + }, + "type": "typography" + }, + "sm": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + } + } + }, + "background": { + "color": { + "default": { + "value": "#ffffff", + "type": "color" + } + } }, "border": { + "color": { + "subtle": { + "value": "#DDE1E6", + "type": "color" + } + }, + "radius": { + "sm": { + "value": "2px", + "type": "borderRadius" + }, + "circle": { + "value": "50%", + "type": "borderRadius" + } + }, + "width": { + "sm": { + "value": "1px", + "type": "borderWidth" + }, + "lg": { + "value": "4px", + "type": "borderWidth" + } + } + }, + "shadow": { + "hover": { + "value": [ + { + "color": "#21272a14", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } + ], + "type": "boxShadow" + } + } + }, + "progress": { + "content": { + "color": { + "text": { + "value": "#4D5358", + "type": "color" + }, + "phatic": { + "positive": { + "value": "#5cbc6a", + "type": "color" + }, + "attention": { + "value": "#f39c12", + "type": "color" + }, + "negative": { + "value": "#d13b3b", + "type": "color" + } + } + }, + "typo": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" + }, + "type": "typography" + } + }, + "background": { "color": { "primary": { - "hover": { - "value": "#ffffff", + "default": { + "value": "#DDE1E6", "type": "color" } } - }, - "sm": { - "value": "1px", - "type": "borderWidth" + } + }, + "spacing": { + "gap": { + "value": "8px", + "type": "spacing" + } + }, + "border": { + "radius": { + "rounded": { + "value": "99em", + "type": "borderRadius" + } } } }, @@ -4292,6 +5091,18 @@ export default { "default": { "value": "#0C1F22", "type": "color" + }, + "emphasis": { + "value": "#343A3F", + "type": "color" + }, + "muted": { + "value": "#878D96", + "type": "color" + }, + "subtle": { + "value": "#F2F4F8", + "type": "color" } }, "negative": { @@ -4521,7 +5332,7 @@ export default { "value": { "fontFamily": "Albert Sans", "fontWeight": 400, - "lineHeight": "24px", + "lineHeight": "20px", "fontSize": "14px" }, "type": "typography" @@ -4530,7 +5341,7 @@ export default { "value": { "fontFamily": "Albert Sans", "fontWeight": 500, - "lineHeight": "24px", + "lineHeight": "20px", "fontSize": "14px" }, "type": "typography" @@ -4539,7 +5350,7 @@ export default { "value": { "fontFamily": "Albert Sans", "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": "20px", "fontSize": "14px" }, "type": "typography" @@ -4548,7 +5359,7 @@ export default { "value": { "fontFamily": "Albert Sans", "fontWeight": 400, - "lineHeight": "20px", + "lineHeight": "16px", "fontSize": "12px" }, "type": "typography" @@ -4557,18 +5368,45 @@ export default { "value": { "fontFamily": "Albert Sans", "fontWeight": 600, - "lineHeight": "20px", + "lineHeight": "16px", "fontSize": "12px" }, "type": "typography" + }, + "lg--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "18px" + }, + "type": "typography" + }, + "md--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "24px", + "fontSize": "16px" + }, + "type": "typography" + }, + "sm--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" } }, "caption": { "value": { "fontFamily": "Albert Sans", "fontWeight": 500, - "fontSize": 10, - "lineHeight": 14 + "fontSize": "10px", + "lineHeight": "14px" }, "type": "typography" } @@ -4681,8 +5519,8 @@ export default { "value": { "fontFamily": "Albert Sans", "fontWeight": 400, - "lineHeight": 16, - "fontSize": 12 + "lineHeight": "16px", + "fontSize": "12px" }, "type": "typography" } @@ -4738,12 +5576,32 @@ export default { "default": { "value": "#0C1F22", "type": "color" + }, + "emphasis": { + "value": "#343A3F", + "type": "color" + }, + "muted": { + "value": "#878D96", + "type": "color" + }, + "subtle": { + "value": "#F8F9FB", + "type": "color" } }, "accent": { "default": { "value": "#FF5470", "type": "color" + }, + "emphasis": { + "value": "#ebeb00", + "type": "color" + }, + "subtle": { + "value": "#ffffe0", + "type": "color" } }, "negative": { @@ -4831,6 +5689,12 @@ export default { "value": "#E8F0FC", "type": "color" } + }, + "tertiary": { + "default": { + "value": "#2F463F", + "type": "color" + } } } }, @@ -4920,6 +5784,18 @@ export default { "default": { "value": "#0C1F22", "type": "color" + }, + "emphasis": { + "value": "#343A3F", + "type": "color" + }, + "muted": { + "value": "#878D96", + "type": "color" + }, + "subtle": { + "value": "#F8F9FB", + "type": "color" } }, "negative": { @@ -4968,9 +5844,8 @@ export default { "type": "color" }, "muted": { - "value": "{core.color.neutral.75}", - "type": "color", - "failedToResolve": true + "value": "#f0f4f9", + "type": "color" } }, "overlay": { @@ -5021,6 +5896,12 @@ export default { "value": "#E8F0FC", "type": "color" } + }, + "tertiary": { + "default": { + "value": "#2F463F", + "type": "color" + } } } }, @@ -5101,6 +5982,10 @@ export default { "type": "spacing" }, "xlg": { + "value": "24px", + "type": "spacing" + }, + "xxlg": { "value": "32px", "type": "spacing" } @@ -5194,6 +6079,92 @@ export default { }, "type": "boxShadow" } + }, + "shadow": { + "100": { + "value": [ + { + "color": "#dde1e614", + "type": "dropShadow", + "x": 0, + "y": 2, + "blur": 0, + "spread": 0 + }, + { + "color": "#1a202b14", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } + ], + "type": "boxShadow" + }, + "200": { + "value": [ + { + "color": "#dde1e629", + "type": "dropShadow", + "x": 0, + "y": 2, + "blur": 0, + "spread": 0 + }, + { + "color": "#1a202b1f", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } + ], + "type": "boxShadow" + }, + "300": { + "value": [ + { + "color": "#dde1e63d", + "type": "dropShadow", + "x": 0, + "y": 2, + "blur": 0, + "spread": 0 + }, + { + "color": "#1a202b29", + "type": "dropShadow", + "x": 0, + "y": 10, + "blur": 36, + "spread": 0 + } + ], + "type": "boxShadow" + }, + "400": { + "value": [ + { + "color": "#dde1e614", + "type": "dropShadow", + "x": -100, + "y": 0, + "blur": 60, + "spread": 0 + }, + { + "color": "#1a202b0d", + "type": "dropShadow", + "x": -32, + "y": 0, + "blur": 32, + "spread": 0 + } + ], + "type": "boxShadow" + } } }, "core": { @@ -5211,6 +6182,10 @@ export default { "value": "#F8F9FB", "type": "color" }, + "75": { + "value": "#f0f4f9", + "type": "color" + }, "100": { "value": "#F2F4F8", "type": "color" @@ -5268,6 +6243,22 @@ export default { "500": { "value": "#4A6000", "type": "color" + }, + "600": { + "value": "#1760cf", + "type": "color" + }, + "700": { + "value": "#134faa", + "type": "color" + }, + "800": { + "value": "#10428e", + "type": "color" + }, + "900": { + "value": "#0d3877", + "type": "color" } }, "danger": { @@ -5438,6 +6429,74 @@ export default { "100": { "value": "#FF5470", "type": "color" + }, + "200": { + "value": "hsla(60,100%,102%,1)", + "type": "color" + }, + "300": { + "value": "#ffffe0", + "type": "color" + }, + "400": { + "value": "#ffffb8", + "type": "color" + }, + "500": { + "value": "#ffff8f", + "type": "color" + }, + "600": { + "value": "#ffff66", + "type": "color" + }, + "700": { + "value": "#ffff3d", + "type": "color" + }, + "800": { + "value": "#ffff14", + "type": "color" + }, + "900": { + "value": "#ebeb00", + "type": "color" + } + }, + "customPrimary": { + "hue": { + "value": 216, + "type": "color" + }, + "saturation": { + "value": 80, + "type": "color" + }, + "lightness": { + "value": 55, + "type": "color" + }, + "hsla": { + "value": "#307ae8", + "type": "color" + } + }, + "customAccent": { + "hue": { + "value": 60, + "type": "color" + }, + "saturation": { + "value": 100, + "type": "color" + }, + "lightness": { + "value": 78, + "type": "color" + }, + "hsla": { + "value": "#ffff8f", + "type": "color" } } }, @@ -5648,6 +6707,14 @@ export default { "semiBold": { "value": 600, "type": "fontWeights" + }, + "light": { + "value": 300, + "type": "fontWeights" + }, + "bold": { + "value": 600, + "type": "fontWeights" } }, "lineHeight": { @@ -5800,56 +6867,46 @@ export default { }, "up": { "1": { - "value": "roundTo({core.color.customPrimary.lightness} * 1.21)", - "type": "other", - "failedToResolve": true + "value": 67, + "type": "other" }, "2": { - "value": "roundTo(roundTo({core.color.customPrimary.lightness} * 1.21) * 1.21)", - "type": "other", - "failedToResolve": true + "value": 81, + "type": "other" }, "3": { - "value": "roundTo(roundTo(roundTo({core.color.customPrimary.lightness} * 1.21) * 1.21) * 1.21)", - "type": "other", - "failedToResolve": true + "value": 98, + "type": "other" }, "4": { - "value": "roundTo(roundTo(roundTo(roundTo({core.color.customPrimary.lightness} * 1.21) * 1.21) * 1.21) * 1.21)", - "type": "other", - "failedToResolve": true + "value": 119, + "type": "other" }, "5": { - "value": "roundTo(roundTo(roundTo(roundTo(roundTo({core.color.customPrimary.lightness} * 1.21) * 1.21) * 1.21) * 1.21) * 1.21)", - "type": "other", - "failedToResolve": true + "value": 144, + "type": "other" } }, "down": { "1": { - "value": "roundTo({core.color.customPrimary.lightness} / 1.21)", - "type": "other", - "failedToResolve": true + "value": 45, + "type": "other" }, "2": { - "value": "roundTo(roundTo({core.color.customPrimary.lightness} / 1.21) / 1.21)", - "type": "other", - "failedToResolve": true + "value": 37, + "type": "other" }, "3": { - "value": "roundTo(roundTo(roundTo({core.color.customPrimary.lightness} / 1.21) / 1.21) / 1.21)", - "type": "other", - "failedToResolve": true + "value": 31, + "type": "other" }, "4": { - "value": "roundTo(roundTo(roundTo(roundTo({core.color.customPrimary.lightness} / 1.21) / 1.21) / 1.21) / 1.21)", - "type": "other", - "failedToResolve": true + "value": 26, + "type": "other" }, "5": { - "value": "roundTo( roundTo(roundTo(roundTo(roundTo({core.color.customPrimary.lightness} / 1.21) / 1.21) / 1.21) / 1.21) / 1.21)", - "type": "other", - "failedToResolve": true + "value": 21, + "type": "other" } } } @@ -5862,49 +6919,49 @@ export default { }, "up": { "1": { - "value": "{core.color.customAccent.lightness} + 8", - "type": "other", - "failedToResolve": true + "value": 86, + "type": "other" }, "2": { - "value": "{core.color.customAccent.lightness} + 8 + 8", - "type": "other", - "failedToResolve": true + "value": 94, + "type": "other" }, "3": { - "value": "{core.color.customAccent.lightness} + 8 + 8 + 8", - "type": "other", - "failedToResolve": true + "value": 102, + "type": "other" }, "4": { - "value": "{core.color.customAccent.lightness} + 8 + 8 + 8 + 8", - "type": "other", - "failedToResolve": true + "value": 110, + "type": "other" } }, "down": { "1": { - "value": "{core.color.customAccent.lightness} - 8", - "type": "other", - "failedToResolve": true + "value": 70, + "type": "other" }, "2": { - "value": "{core.color.customAccent.lightness} - 8 - 8", - "type": "other", - "failedToResolve": true + "value": 62, + "type": "other" }, "3": { - "value": "{core.color.customAccent.lightness} - 8 - 8 - 8", - "type": "other", - "failedToResolve": true + "value": 54, + "type": "other" }, "4": { - "value": "{core.color.customAccent.lightness} - 8 - 8 - 8 - 8", - "type": "other", - "failedToResolve": true + "value": 46, + "type": "other" } } } + }, + "colorDebug": { + "value": "#9747FF", + "type": "color" + }, + "debugColorContainer": { + "value": "#ebdcff", + "type": "color" } }, "font": { From 7cad2a7b98a1e98b05d0f0e6846915dae7120e1c Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Fri, 24 Nov 2023 08:54:15 +0000 Subject: [PATCH 05/25] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 12 files changed, 69 insertions(+), 17 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index 524f868a6..7e891c167 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.31 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.31 + - @bubbles-ui/icons@1.2.31 + ## 1.2.30 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index b190e81f6..88c7979e4 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.30", + "version": "1.2.31", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.30", - "@bubbles-ui/icons": "^1.2.30", + "@bubbles-ui/components": "^1.2.31", + "@bubbles-ui/icons": "^1.2.31", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 4cf0c91e8..9ae67d038 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.31 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.31 + ## 1.2.30 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index 3821675a0..c7ce14324 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.30", + "version": "1.2.31", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.30", + "@bubbles-ui/icons": "^1.2.31", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@leemonade/react-dnd-treeview": "^1.5.44", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index ec95eb39b..b6664bfd3 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.31 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.31 + - @bubbles-ui/icons@1.2.31 + ## 1.2.30 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index edfe05782..440771a24 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.30", + "version": "1.2.31", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.30", - "@bubbles-ui/icons": "^1.2.30", + "@bubbles-ui/components": "^1.2.31", + "@bubbles-ui/icons": "^1.2.31", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index ee5cd5f66..6d89c3e5c 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.31 + +### Patch Changes + +- Versions bump + ## 1.2.30 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index 6e15405cd..35e355e12 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.30", + "version": "1.2.31", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index 17f32601f..ce168a5c5 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.31 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.31 + - @bubbles-ui/calendars@1.2.31 + - @bubbles-ui/editors@1.2.31 + - @bubbles-ui/icons@1.2.31 + ## 1.2.30 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index b22945171..9388dafc4 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.30", + "version": "1.2.31", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.30", - "@bubbles-ui/components": "^1.2.30", - "@bubbles-ui/editors": "^1.2.30", - "@bubbles-ui/icons": "^1.2.30", + "@bubbles-ui/calendars": "^1.2.31", + "@bubbles-ui/components": "^1.2.31", + "@bubbles-ui/editors": "^1.2.31", + "@bubbles-ui/icons": "^1.2.31", "dayjs": "^1.10.7", "react": "^17.0.2", "react-dom": "^17.0.2", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index 72e69c35c..70141726c 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.31 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.31 + - @bubbles-ui/icons@1.2.31 + ## 1.2.30 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index ac0b393df..105dcac61 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.30", + "version": "1.2.31", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.30", - "@bubbles-ui/icons": "^1.2.30", + "@bubbles-ui/components": "^1.2.31", + "@bubbles-ui/icons": "^1.2.31", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.2", From 595ac41ffcc804e097567ad8578fe30c214e8106 Mon Sep 17 00:00:00 2001 From: Banshee-92 <138103229+Banshee-92@users.noreply.github.com> Date: Fri, 24 Nov 2023 10:50:05 +0100 Subject: [PATCH 06/25] New form,estepper, tables --- tokens.json | 158 ++++++++++++++++++++++++++++++---------------------- 1 file changed, 92 insertions(+), 66 deletions(-) diff --git a/tokens.json b/tokens.json index 00e221cf0..0fc965b41 100644 --- a/tokens.json +++ b/tokens.json @@ -739,6 +739,10 @@ "content": { "color": { "text": { + "dark": { + "value": "{core.color.tertiary.100}", + "type": "color" + }, "emphasis": { "value": "{core.color.neutral.800}", "type": "color" @@ -1352,7 +1356,7 @@ }, "overlay": { "default": { - "value": "rgb({core.color.neutral.100},0.5)", + "value": "{core.color.neutral.300}", "type": "color" } }, @@ -1686,6 +1690,10 @@ }, "icon": { "size": { + "1xs": { + "value": "{core.dimension.50}", + "type": "sizing" + }, "xsm": { "value": "{core.dimension.100}px", "type": "sizing" @@ -3320,21 +3328,15 @@ "content": { "typo": { "md": { - "value": { - "fontFamily": "{core.font.family.alt}", - "fontWeight": "{core.font.weight.medium}", - "lineHeight": "{core.font.lineHeight.300}px", - "fontSize": "{core.font.size.75}px" - }, + "value": "{global.content.typo.body.sm--medium}", + "type": "typography" + }, + "sm--regular": { + "value": "{global.content.typo.body.sm}", "type": "typography" }, "sm": { - "value": { - "fontFamily": "{core.font.family.alt}", - "fontWeight": "{core.font.weight.regular}", - "lineHeight": "{core.font.lineHeight.100}px", - "fontSize": "{core.font.size.50}px" - }, + "value": "{global.content.typo.body.xsm}", "type": "typography" } }, @@ -3470,6 +3472,12 @@ "value": "{global.control.size.600}", "type": "sizing" } + }, + "shadow": { + "hover": { + "value": "{button.shadow.hover}", + "type": "boxShadow" + } } }, "popover": { @@ -4490,12 +4498,7 @@ "tooltip": { "content": { "typo": { - "value": { - "fontFamily": "{core.font.family.main}", - "fontWeight": "{core.font.weight.medium}", - "lineHeight": "{core.font.lineHeight.200}", - "fontSize": "{core.font.size.75}" - }, + "value": "{global.content.typo.body.xsm}", "type": "typography" }, "color": { @@ -4520,7 +4523,7 @@ "type": "color" }, "default-reverse": { - "value": "{global.background.color.surface.default}", + "value": "{global.background.color.surface.muted}", "type": "color" } } @@ -4528,16 +4531,24 @@ "spacing": { "padding": { "vertical": { - "sm": { + "2xsm": { "value": "{global.spacing.padding.2xsm}", "type": "spacing" }, + "xsm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, "md": { "value": "{global.spacing.padding.sm}", "type": "spacing" } }, "horizontal": { + "2xsm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + }, "sm": { "value": "{global.spacing.padding.xsm}", "type": "spacing" @@ -4558,6 +4569,21 @@ "value": "{global.border.radius.sm}", "type": "borderRadius" } + }, + "shadow": { + "default": { + "value": [ + { + "color": "rgba(221, 225, 230, 0.08)", + "type": "dropShadow", + "x": "0", + "y": "2", + "blur": "0", + "spread": "0" + } + ], + "type": "boxShadow" + } } }, "banner": { @@ -4975,49 +5001,43 @@ "stepper": { "content": { "typo": { - "value": { - "fontFamily": "{core.font.family.main}", - "fontWeight": "{core.font.weight.semiBold}", - "fontSize": "{core.font.size.75}", - "lineHeight": "{core.font.lineHeight.200}" - }, + "value": "{global.content.typo.body.sm--medium}", "type": "typography" }, "typo-pending": { - "value": { - "fontFamily": "{core.font.family.main}", - "fontWeight": "{core.font.weight.medium}", - "fontSize": "{core.font.size.75}", - "lineHeight": "{core.font.lineHeight.200}" - }, + "value": "{global.content.typo.body.sm}", "type": "typography" }, "color": { - "pending": { - "value": "{global.content.color.secondary.mutedSuble}", + "default": { + "value": "{global.content.color.neutral.muted}", "type": "color" }, - "pending-text": { + "active": { "value": "{global.content.color.secondary.default}", "type": "color" }, - "active": { - "value": "{global.content.color.primary.default}", + "completed": { + "value": "{global.content.color.secondary.default}", "type": "color" }, - "completed": { - "value": "{global.content.color.text.emphasis}", + "icon": { + "value": "{global.content.color.secondary.default}", "type": "color" } } }, "spacing": { "gap": { - "value": "{global.spacing.gap.sm}", + "value": "{global.spacing.gap.md}", "type": "spacing" }, "xsm": { - "value": "{global.spacing.gap.xsm}", + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "2xsm": { + "value": "{global.spacing.padding.2xsm}", "type": "spacing" }, "padding": { @@ -5029,16 +5049,12 @@ }, "background": { "color": { - "pending": { - "value": "{global.background.color.primary.verySubtle}", - "type": "color" - }, - "active": { - "value": "{global.background.color.primary.verySubtle}", + "default": { + "value": "{global.background.color.overlay.default}", "type": "color" }, "active--reverse": { - "value": "{global.background.color.surface.emphasis}", + "value": "{global.background.color.primary.subtle}", "type": "color" }, "completed": { @@ -5057,8 +5073,8 @@ "value": "{global.border.color.line.muted}", "type": "color" }, - "active--reverse": { - "value": "{global.border.color.line.default--reverse}", + "transaparet": { + "value": "{global.content.color.transparent}", "type": "color" }, "completed": { @@ -5080,12 +5096,16 @@ } }, "size": { + "xs": { + "value": "6px", + "type": "sizing" + }, "sm": { "value": "{global.icon.size.sm}", "type": "sizing" }, "md": { - "value": "{global.icon.size.lg}", + "value": "{global.icon.size.md}", "type": "sizing" }, "xlg": { @@ -5172,21 +5192,11 @@ "content": { "typo": { "md": { - "value": { - "fontFamily": "{core.font.family.alt}", - "fontWeight": "{core.font.weight.regular}", - "lineHeight": "{core.font.lineHeight.200}", - "fontSize": "{core.font.size.75}" - }, + "value": "{global.content.typo.body.sm}", "type": "typography" }, - "md--bold": { - "value": { - "fontFamily": "{core.font.family.alt}", - "fontWeight": "{core.font.weight.medium}", - "lineHeight": "{core.font.lineHeight.200}", - "fontSize": "{core.font.size.75}" - }, + "md--medium": { + "value": "{global.content.typo.body.sm--medium}", "type": "typography" }, "sm": { @@ -5203,6 +5213,14 @@ "default": { "value": "{global.content.color.text.default}", "type": "color" + }, + "subtext": { + "value": "{global.content.color.text.muted}", + "type": "color" + }, + "icon": { + "value": "{global.content.color.icon.dark}", + "type": "color" } } }, @@ -5211,6 +5229,10 @@ "default": { "value": "{global.background.color.surface.default}", "type": "color" + }, + "grey": { + "value": "{global.background.color.surface.subtle}", + "type": "color" } } }, @@ -5226,7 +5248,7 @@ } }, "width": { - "value": "{global.border.width.md}", + "value": "{global.border.width.sm}", "type": "borderWidth" }, "radius": { @@ -5243,6 +5265,10 @@ "md": { "value": "{global.spacing.gap.md}", "type": "spacing" + }, + "lg": { + "value": "{global.spacing.gap.lg}", + "type": "spacing" } }, "gaps": { From 4e7e1b5f6c7da0e7419736224abe983b292061cd Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Fri, 24 Nov 2023 09:58:47 +0000 Subject: [PATCH 07/25] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 12 files changed, 69 insertions(+), 17 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index 7e891c167..95a151874 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.32 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.32 + - @bubbles-ui/icons@1.2.32 + ## 1.2.31 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index 88c7979e4..4053f0a30 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.31", + "version": "1.2.32", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.31", - "@bubbles-ui/icons": "^1.2.31", + "@bubbles-ui/components": "^1.2.32", + "@bubbles-ui/icons": "^1.2.32", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 9ae67d038..efee432d3 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.32 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.32 + ## 1.2.31 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index c7ce14324..f0e5f3331 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.31", + "version": "1.2.32", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.31", + "@bubbles-ui/icons": "^1.2.32", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@leemonade/react-dnd-treeview": "^1.5.44", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index b6664bfd3..2b1dc96d8 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.32 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.32 + - @bubbles-ui/icons@1.2.32 + ## 1.2.31 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 440771a24..40a526fd8 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.31", + "version": "1.2.32", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.31", - "@bubbles-ui/icons": "^1.2.31", + "@bubbles-ui/components": "^1.2.32", + "@bubbles-ui/icons": "^1.2.32", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 6d89c3e5c..10c6f4b14 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.32 + +### Patch Changes + +- Versions bump + ## 1.2.31 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index 35e355e12..defee6f00 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.31", + "version": "1.2.32", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index ce168a5c5..73f804173 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.32 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.32 + - @bubbles-ui/calendars@1.2.32 + - @bubbles-ui/editors@1.2.32 + - @bubbles-ui/icons@1.2.32 + ## 1.2.31 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index 9388dafc4..390a38ee3 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.31", + "version": "1.2.32", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.31", - "@bubbles-ui/components": "^1.2.31", - "@bubbles-ui/editors": "^1.2.31", - "@bubbles-ui/icons": "^1.2.31", + "@bubbles-ui/calendars": "^1.2.32", + "@bubbles-ui/components": "^1.2.32", + "@bubbles-ui/editors": "^1.2.32", + "@bubbles-ui/icons": "^1.2.32", "dayjs": "^1.10.7", "react": "^17.0.2", "react-dom": "^17.0.2", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index 70141726c..8cedd1f11 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.32 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.32 + - @bubbles-ui/icons@1.2.32 + ## 1.2.31 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index 105dcac61..ef823e42a 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.31", + "version": "1.2.32", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.31", - "@bubbles-ui/icons": "^1.2.31", + "@bubbles-ui/components": "^1.2.32", + "@bubbles-ui/icons": "^1.2.32", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.2", From c9d0973b0a14eb30ba189d888aec6a29a31f6b00 Mon Sep 17 00:00:00 2001 From: fermarinsanchez Date: Fri, 24 Nov 2023 16:33:29 +0100 Subject: [PATCH 08/25] feat(Tabs): add centerGrow new prop Ref: #develop --- .../src/navigation/Tabs/Tab/Tab.styles.js | 5 +- .../navigation/Tabs/TabNavList/TabNavList.js | 76 +++++++++---------- .../Tabs/TabPanelList/TabPanelList.js | 14 ++-- .../components/src/navigation/Tabs/Tabs.js | 29 +++---- .../src/navigation/Tabs/Tabs.stories.js | 66 ++++++++-------- 5 files changed, 96 insertions(+), 94 deletions(-) diff --git a/packages/components/src/navigation/Tabs/Tab/Tab.styles.js b/packages/components/src/navigation/Tabs/Tab/Tab.styles.js index b504fd74e..afa0c67c3 100644 --- a/packages/components/src/navigation/Tabs/Tab/Tab.styles.js +++ b/packages/components/src/navigation/Tabs/Tab/Tab.styles.js @@ -1,6 +1,7 @@ +/* eslint-disable import/prefer-default-export */ import { createStyles } from '@mantine/styles'; -import { pxToRem, getPaddings, getFocusStyles, getFontExpressive } from './../../../theme.mixins'; -import { errorIcon } from './../../../commons.mixins'; +import { pxToRem, getPaddings, getFocusStyles, getFontExpressive } from '../../../theme.mixins'; +import { errorIcon } from '../../../commons.mixins'; export const TabStyles = createStyles((theme, { orientation, active, disabled }, getRef) => { const tabActive = { ref: getRef('tabActive') }; diff --git a/packages/components/src/navigation/Tabs/TabNavList/TabNavList.js b/packages/components/src/navigation/Tabs/TabNavList/TabNavList.js index 80b18c24f..53e78241c 100644 --- a/packages/components/src/navigation/Tabs/TabNavList/TabNavList.js +++ b/packages/components/src/navigation/Tabs/TabNavList/TabNavList.js @@ -1,3 +1,4 @@ +/* eslint-disable import/prefer-default-export */ import React, { forwardRef, useContext, useEffect, useRef, useState } from 'react'; import PropTypes from 'prop-types'; import { useResizeObserver } from '@mantine/hooks'; @@ -36,6 +37,7 @@ function getNextTab(activeKey, tabs) { return active; } +// eslint-disable-next-line react/display-name export const TabNavList = forwardRef( ( { @@ -49,9 +51,10 @@ export const TabNavList = forwardRef( onTabClick, onTabScroll, className, + centerGrow, ...props }, - ref + ref, ) => { const { tabs } = useContext(TabContext); const tabsWrapperRef = useRef(); @@ -125,11 +128,7 @@ export const TabNavList = forwardRef( useTouchMove(tabsWrapperRef, (offsetX, offsetY) => { function doMove(setState, offset) { - setState((value) => { - const newValue = alignInRange(value + offset); - - return newValue; - }); + setState((value) => alignInRange(value + offset)); } if (tabPositionTopOrBottom) { @@ -235,7 +234,7 @@ export const TabNavList = forwardRef( width: 0, height: 36, }, - { ...props, tabs } + { ...props, tabs }, ); const onListHolderResize = useRaf(() => { @@ -257,7 +256,7 @@ export const TabNavList = forwardRef( const isOperationHidden = !hasDropdown; setWrapperContentWidth(newWrapperScrollWidth - (isOperationHidden ? 0 : newOperationWidth)); setWrapperContentHeight( - newWrapperScrollHeight - (isOperationHidden ? 0 : newOperationHeight) + newWrapperScrollHeight - (isOperationHidden ? 0 : newOperationHeight), ); // Update buttons records only at first time @@ -313,7 +312,7 @@ export const TabNavList = forwardRef( const { classes, cx } = TabNavListStyles({ animated: animated.inkBar }, { name: 'TabNavList' }); const nextTabCode = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown'; const previousTabCode = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp'; - + console.log('centerGrow en TabNavList', centerGrow); const handleKeyDown = (event) => { if (event.nativeEvent.code === nextTabCode) { event.preventDefault(); @@ -352,34 +351,35 @@ export const TabNavList = forwardRef( transition: lockAnimation ? 'none' : undefined, }} > - {tabs.map((tab) => { - return ( - { - onTabClick(tab.key, e); - }} - onFocus={() => { - scrollToTab(tab.key); - doLockAnimation(); - if (!tabsWrapperRef.current) { - return; - } - // Focus element will make scrollLeft change which we should reset back - if (!rtl) { - tabsWrapperRef.current.scrollLeft = 0; - } - tabsWrapperRef.current.scrollTop = 0; - }} - /> - ); - })} + {tabs.map((tab) => ( + { + onTabClick(tab.key, e); + }} + onFocus={() => { + scrollToTab(tab.key); + doLockAnimation(); + if (!tabsWrapperRef.current) { + return; + } + // Focus element will make scrollLeft change which we should reset back + if (!rtl) { + tabsWrapperRef.current.scrollLeft = 0; + } + tabsWrapperRef.current.scrollTop = 0; + }} + /> + ))} @@ -394,7 +394,7 @@ export const TabNavList = forwardRef( )} ); - } + }, ); TabNavList.propTypes = { diff --git a/packages/components/src/navigation/Tabs/TabPanelList/TabPanelList.js b/packages/components/src/navigation/Tabs/TabPanelList/TabPanelList.js index 8dea275e3..702673cf4 100644 --- a/packages/components/src/navigation/Tabs/TabPanelList/TabPanelList.js +++ b/packages/components/src/navigation/Tabs/TabPanelList/TabPanelList.js @@ -33,17 +33,17 @@ export const TabPanelList = ({ : null } > - {tabs.map(({ node, key }) => { - return React.cloneElement(node, { + {tabs.map(({ node, key }) => + React.cloneElement(node, { key, tabKey: key, id, - animated: animated, + animated, active: key === activeKey, - destroyInactiveTabPanel: destroyInactiveTabPanel, - forceRender: forceRender, - }); - })} + destroyInactiveTabPanel, + forceRender, + }), + )} ); diff --git a/packages/components/src/navigation/Tabs/Tabs.js b/packages/components/src/navigation/Tabs/Tabs.js index 63f7af219..46dfd3c77 100644 --- a/packages/components/src/navigation/Tabs/Tabs.js +++ b/packages/components/src/navigation/Tabs/Tabs.js @@ -27,29 +27,28 @@ function parseTabList(children, acc = []) { key, node: child, }); - } else { - if (child?.props?.children && child?.type?.displayName !== 'Tabs') { - parseTabList(child.props.children, acc); - } + } else if (child?.props?.children && child?.type?.displayName !== 'Tabs') { + parseTabList(child.props.children, acc); } }); return acc; } -const Wrapper = ({ usePageLayout, usePaddedLayout, fullWidth, className, children }) => { - return usePageLayout ? ( +const Wrapper = ({ usePageLayout, usePaddedLayout, fullWidth, className, children }) => + usePageLayout ? ( {children} ) : ( ({ padding: usePaddedLayout && `0 ${theme.spacing[7]}px` })} + sx={(theme) => ({ + padding: usePaddedLayout && `0 ${theme.spacing[7]}px`, + })} > {children} ); -}; export const Tabs = forwardRef( ( @@ -74,9 +73,10 @@ export const Tabs = forwardRef( usePaddedLayout, panelColor, forceRender, + centerGrow, tabPanelListStyle, }, - ref + ref, ) => { const tabs = parseTabList(children); const rtl = direction === 'rtl'; @@ -88,7 +88,7 @@ export const Tabs = forwardRef( defaultValue: defaultActiveKey, }); const [activeIndex, setActiveIndex] = useState(() => - tabs.findIndex((tab) => tab.key === mergedActiveKey) + tabs.findIndex((tab) => tab.key === mergedActiveKey), ); // Reset active key if not exist anymore @@ -144,9 +144,8 @@ export const Tabs = forwardRef( const { classes, cx } = TabsStyles( { direction, position, panelColor, fullHeight }, - { name: 'Tabs' } + { name: 'Tabs' }, ); - return ( @@ -156,7 +155,7 @@ export const Tabs = forwardRef( fullWidth={fullWidth} className={classNames?.navList} > - + ); - } + }, ); Tabs.displayName = 'Tabs'; @@ -186,6 +185,7 @@ Tabs.defaultProps = { fullHeight: false, fullWidth: false, panelColor: 'default', + centerGrow: false, }; Tabs.propTypes = { @@ -205,4 +205,5 @@ Tabs.propTypes = { fullHeight: PropTypes.bool, fullWidth: PropTypes.bool, forceRender: PropTypes.bool, + centerGrow: PropTypes.bool, }; diff --git a/packages/components/src/navigation/Tabs/Tabs.stories.js b/packages/components/src/navigation/Tabs/Tabs.stories.js index b4e0991cb..8ce48b32a 100644 --- a/packages/components/src/navigation/Tabs/Tabs.stories.js +++ b/packages/components/src/navigation/Tabs/Tabs.stories.js @@ -1,8 +1,8 @@ import React, { useState } from 'react'; import { InformationCircleIcon, StarIcon } from '@heroicons/react/solid'; import { Group, NumberInput } from '@mantine/core'; -import { Box, Paper } from './../../layout'; -import { Paragraph } from './../../typography'; +import { Box, Paper } from '../../layout'; +import { Paragraph } from '../../typography'; import { TabPanel } from './TabPanelList/TabPanel'; import { Tabs } from './Tabs'; import mdx from './Tabs.mdx'; @@ -27,7 +27,7 @@ const Template = ({ position, disabled, ...props }) => { return ( - + {[...Array(numberOfTabs).keys()].map((i) => ( @@ -47,7 +47,7 @@ const Template = ({ position, disabled, ...props }) => { Content of {i} - + {[...Array(numberOfTabs).keys()].map((i) => ( @@ -97,40 +97,40 @@ export const Playground = Template.bind({}); Playground.args = { position: 'left', disabled: false, + centerGrow: true, }; -const SimpleTemplate = ({ position, disabled, ...props }) => { - return ( - - - - - - {[...Array(5).keys()].map((i) => ( - - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor - incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud - exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute - irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla - pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui - officia deserunt mollit anim id est laborum. - - ))} - - - - - Content of Second tab - - - - - - ); -}; +const SimpleTemplate = ({ position, disabled, ...props }) => ( + + + + + + {[...Array(5).keys()].map((i) => ( + + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor + incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute + irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla + pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia + deserunt mollit anim id est laborum. + + ))} + + + + + Content of Second tab + + + + + +); export const SimpleTab = SimpleTemplate.bind({}); SimpleTab.args = { usePageLayout: true, panelColor: 'solid', + centerGrow: true, }; From 4f27e3089266c2a4ab111dc03aa5028e024e23a9 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Fri, 24 Nov 2023 15:42:23 +0000 Subject: [PATCH 09/25] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 12 files changed, 69 insertions(+), 17 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index 95a151874..1e91b3472 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.33 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.33 + - @bubbles-ui/icons@1.2.33 + ## 1.2.32 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index 4053f0a30..b1f0c09ac 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.32", + "version": "1.2.33", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.32", - "@bubbles-ui/icons": "^1.2.32", + "@bubbles-ui/components": "^1.2.33", + "@bubbles-ui/icons": "^1.2.33", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index efee432d3..f6dec6e16 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.33 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.33 + ## 1.2.32 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index f0e5f3331..99a60a0e9 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.32", + "version": "1.2.33", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.32", + "@bubbles-ui/icons": "^1.2.33", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@leemonade/react-dnd-treeview": "^1.5.44", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index 2b1dc96d8..d2fe076ff 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.33 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.33 + - @bubbles-ui/icons@1.2.33 + ## 1.2.32 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 40a526fd8..15465e23e 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.32", + "version": "1.2.33", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.32", - "@bubbles-ui/icons": "^1.2.32", + "@bubbles-ui/components": "^1.2.33", + "@bubbles-ui/icons": "^1.2.33", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 10c6f4b14..a3ddd8fde 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.33 + +### Patch Changes + +- Versions bump + ## 1.2.32 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index defee6f00..c8f90fd8d 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.32", + "version": "1.2.33", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index 73f804173..6de422f91 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.33 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.33 + - @bubbles-ui/calendars@1.2.33 + - @bubbles-ui/editors@1.2.33 + - @bubbles-ui/icons@1.2.33 + ## 1.2.32 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index 390a38ee3..d2e0e1e1e 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.32", + "version": "1.2.33", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.32", - "@bubbles-ui/components": "^1.2.32", - "@bubbles-ui/editors": "^1.2.32", - "@bubbles-ui/icons": "^1.2.32", + "@bubbles-ui/calendars": "^1.2.33", + "@bubbles-ui/components": "^1.2.33", + "@bubbles-ui/editors": "^1.2.33", + "@bubbles-ui/icons": "^1.2.33", "dayjs": "^1.10.7", "react": "^17.0.2", "react-dom": "^17.0.2", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index 8cedd1f11..747ee00ae 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.33 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.33 + - @bubbles-ui/icons@1.2.33 + ## 1.2.32 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index ef823e42a..3fcfe44a5 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.32", + "version": "1.2.33", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.32", - "@bubbles-ui/icons": "^1.2.32", + "@bubbles-ui/components": "^1.2.33", + "@bubbles-ui/icons": "^1.2.33", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.2", From b4cab0181ad6e499ac5b4a0bb86bdd9e8b6bf748 Mon Sep 17 00:00:00 2001 From: fermarinsanchez Date: Mon, 27 Nov 2023 13:37:40 +0100 Subject: [PATCH 10/25] feat(Tabs): remove logs Ref: #develop --- packages/components/src/navigation/Tabs/TabNavList/TabNavList.js | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/components/src/navigation/Tabs/TabNavList/TabNavList.js b/packages/components/src/navigation/Tabs/TabNavList/TabNavList.js index 53e78241c..dddee347b 100644 --- a/packages/components/src/navigation/Tabs/TabNavList/TabNavList.js +++ b/packages/components/src/navigation/Tabs/TabNavList/TabNavList.js @@ -312,7 +312,6 @@ export const TabNavList = forwardRef( const { classes, cx } = TabNavListStyles({ animated: animated.inkBar }, { name: 'TabNavList' }); const nextTabCode = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown'; const previousTabCode = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp'; - console.log('centerGrow en TabNavList', centerGrow); const handleKeyDown = (event) => { if (event.nativeEvent.code === nextTabCode) { event.preventDefault(); From 06d4e473030d9e62464433ee8ceb7879faebf61e Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Mon, 27 Nov 2023 12:46:36 +0000 Subject: [PATCH 11/25] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 12 files changed, 69 insertions(+), 17 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index 1e91b3472..d23370546 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.34 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.34 + - @bubbles-ui/icons@1.2.34 + ## 1.2.33 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index b1f0c09ac..9eb9b0e37 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.33", + "version": "1.2.34", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.33", - "@bubbles-ui/icons": "^1.2.33", + "@bubbles-ui/components": "^1.2.34", + "@bubbles-ui/icons": "^1.2.34", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index f6dec6e16..bea754bc4 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.34 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.34 + ## 1.2.33 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index 99a60a0e9..b2813dabe 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.33", + "version": "1.2.34", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.33", + "@bubbles-ui/icons": "^1.2.34", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@leemonade/react-dnd-treeview": "^1.5.44", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index d2fe076ff..008fdd0ff 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.34 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.34 + - @bubbles-ui/icons@1.2.34 + ## 1.2.33 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 15465e23e..64eb48f09 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.33", + "version": "1.2.34", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.33", - "@bubbles-ui/icons": "^1.2.33", + "@bubbles-ui/components": "^1.2.34", + "@bubbles-ui/icons": "^1.2.34", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index a3ddd8fde..a9c5505b2 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.34 + +### Patch Changes + +- Versions bump + ## 1.2.33 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index c8f90fd8d..fbc3ae895 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.33", + "version": "1.2.34", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index 6de422f91..8b36d8d50 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.34 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.34 + - @bubbles-ui/calendars@1.2.34 + - @bubbles-ui/editors@1.2.34 + - @bubbles-ui/icons@1.2.34 + ## 1.2.33 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index d2e0e1e1e..27df7e38d 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.33", + "version": "1.2.34", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.33", - "@bubbles-ui/components": "^1.2.33", - "@bubbles-ui/editors": "^1.2.33", - "@bubbles-ui/icons": "^1.2.33", + "@bubbles-ui/calendars": "^1.2.34", + "@bubbles-ui/components": "^1.2.34", + "@bubbles-ui/editors": "^1.2.34", + "@bubbles-ui/icons": "^1.2.34", "dayjs": "^1.10.7", "react": "^17.0.2", "react-dom": "^17.0.2", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index 747ee00ae..ba6e76394 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.34 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.34 + - @bubbles-ui/icons@1.2.34 + ## 1.2.33 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index 3fcfe44a5..8dcf9868d 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.33", + "version": "1.2.34", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.33", - "@bubbles-ui/icons": "^1.2.33", + "@bubbles-ui/components": "^1.2.34", + "@bubbles-ui/icons": "^1.2.34", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.2", From 8eedb94eb0a162aae3db54d09fc1f94d1cc74237 Mon Sep 17 00:00:00 2001 From: Banshee-92 <138103229+Banshee-92@users.noreply.github.com> Date: Tue, 28 Nov 2023 10:55:45 +0100 Subject: [PATCH 12/25] Cambio en los botones ghost (se quita el sombreado del hover) --- tokens.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/tokens.json b/tokens.json index 0fc965b41..402ebca6f 100644 --- a/tokens.json +++ b/tokens.json @@ -1924,7 +1924,7 @@ "y": "0", "blur": "4", "spread": "0", - "color": "rgba({button.background.color.primary.hover}, 0.80)", + "color": "{buttonAction.background.color.primary.hover--reverse-transparent}", "type": "dropShadow" }, "type": "boxShadow" @@ -2439,7 +2439,7 @@ "y": "0", "blur": "4", "spread": "0", - "color": "rgba({buttonIcon.background.color.primary.hover}, 0.80)", + "color": "{buttonAction.background.color.primary.hover--reverse-transparent}", "type": "dropShadow" }, "type": "boxShadow" From bf674c4d163880971f5efe55e9ab23e25a5af1ee Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Tue, 28 Nov 2023 10:04:18 +0000 Subject: [PATCH 13/25] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 12 files changed, 69 insertions(+), 17 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index d23370546..096d28690 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.35 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.35 + - @bubbles-ui/icons@1.2.35 + ## 1.2.34 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index 9eb9b0e37..06ee78802 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.34", + "version": "1.2.35", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.34", - "@bubbles-ui/icons": "^1.2.34", + "@bubbles-ui/components": "^1.2.35", + "@bubbles-ui/icons": "^1.2.35", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index bea754bc4..115a6a5d5 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.35 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.35 + ## 1.2.34 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index b2813dabe..9f2c98b70 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.34", + "version": "1.2.35", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.34", + "@bubbles-ui/icons": "^1.2.35", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@leemonade/react-dnd-treeview": "^1.5.44", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index 008fdd0ff..436400c84 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.35 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.35 + - @bubbles-ui/icons@1.2.35 + ## 1.2.34 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 64eb48f09..b1e8d7c69 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.34", + "version": "1.2.35", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.34", - "@bubbles-ui/icons": "^1.2.34", + "@bubbles-ui/components": "^1.2.35", + "@bubbles-ui/icons": "^1.2.35", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index a9c5505b2..85a56ae8f 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.35 + +### Patch Changes + +- Versions bump + ## 1.2.34 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index fbc3ae895..c52fbf447 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.34", + "version": "1.2.35", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index 8b36d8d50..978b049bb 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.35 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.35 + - @bubbles-ui/calendars@1.2.35 + - @bubbles-ui/editors@1.2.35 + - @bubbles-ui/icons@1.2.35 + ## 1.2.34 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index 27df7e38d..b216eb347 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.34", + "version": "1.2.35", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.34", - "@bubbles-ui/components": "^1.2.34", - "@bubbles-ui/editors": "^1.2.34", - "@bubbles-ui/icons": "^1.2.34", + "@bubbles-ui/calendars": "^1.2.35", + "@bubbles-ui/components": "^1.2.35", + "@bubbles-ui/editors": "^1.2.35", + "@bubbles-ui/icons": "^1.2.35", "dayjs": "^1.10.7", "react": "^17.0.2", "react-dom": "^17.0.2", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index ba6e76394..525e23cbc 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.35 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.35 + - @bubbles-ui/icons@1.2.35 + ## 1.2.34 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index 8dcf9868d..5cf128cf1 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.34", + "version": "1.2.35", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.34", - "@bubbles-ui/icons": "^1.2.34", + "@bubbles-ui/components": "^1.2.35", + "@bubbles-ui/icons": "^1.2.35", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.2", From 91c7dc81456405a5305e63884c288d6dd241138a Mon Sep 17 00:00:00 2001 From: Banshee-92 <138103229+Banshee-92@users.noreply.github.com> Date: Tue, 28 Nov 2023 11:07:31 +0100 Subject: [PATCH 14/25] =?UTF-8?q?A=C3=B1adido=20la=20sobra=20al=20button?= =?UTF-8?q?=20primary?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- tokens.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/tokens.json b/tokens.json index 402ebca6f..94a3d493c 100644 --- a/tokens.json +++ b/tokens.json @@ -1924,7 +1924,7 @@ "y": "0", "blur": "4", "spread": "0", - "color": "{buttonAction.background.color.primary.hover--reverse-transparent}", + "color": "{button.background.color.primary.hover}", "type": "dropShadow" }, "type": "boxShadow" From 510ea4028a1be17caea49491567d392aa5f1badf Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Tue, 28 Nov 2023 10:16:27 +0000 Subject: [PATCH 15/25] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 12 files changed, 69 insertions(+), 17 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index 096d28690..ed28278ac 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.36 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.36 + - @bubbles-ui/icons@1.2.36 + ## 1.2.35 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index 06ee78802..794c95585 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.35", + "version": "1.2.36", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.35", - "@bubbles-ui/icons": "^1.2.35", + "@bubbles-ui/components": "^1.2.36", + "@bubbles-ui/icons": "^1.2.36", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 115a6a5d5..6639db723 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.36 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.36 + ## 1.2.35 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index 9f2c98b70..6d8dce48a 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.35", + "version": "1.2.36", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.35", + "@bubbles-ui/icons": "^1.2.36", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@leemonade/react-dnd-treeview": "^1.5.44", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index 436400c84..5c758afc4 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.36 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.36 + - @bubbles-ui/icons@1.2.36 + ## 1.2.35 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index b1e8d7c69..157a74a33 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.35", + "version": "1.2.36", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.35", - "@bubbles-ui/icons": "^1.2.35", + "@bubbles-ui/components": "^1.2.36", + "@bubbles-ui/icons": "^1.2.36", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 85a56ae8f..34c71ca4d 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.36 + +### Patch Changes + +- Versions bump + ## 1.2.35 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index c52fbf447..3b72f0dd7 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.35", + "version": "1.2.36", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index 978b049bb..740814c00 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.36 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.36 + - @bubbles-ui/calendars@1.2.36 + - @bubbles-ui/editors@1.2.36 + - @bubbles-ui/icons@1.2.36 + ## 1.2.35 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index b216eb347..470ed9f0a 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.35", + "version": "1.2.36", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.35", - "@bubbles-ui/components": "^1.2.35", - "@bubbles-ui/editors": "^1.2.35", - "@bubbles-ui/icons": "^1.2.35", + "@bubbles-ui/calendars": "^1.2.36", + "@bubbles-ui/components": "^1.2.36", + "@bubbles-ui/editors": "^1.2.36", + "@bubbles-ui/icons": "^1.2.36", "dayjs": "^1.10.7", "react": "^17.0.2", "react-dom": "^17.0.2", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index 525e23cbc..2cc189c08 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.36 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.36 + - @bubbles-ui/icons@1.2.36 + ## 1.2.35 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index 5cf128cf1..8f17ff7ba 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.35", + "version": "1.2.36", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.35", - "@bubbles-ui/icons": "^1.2.35", + "@bubbles-ui/components": "^1.2.36", + "@bubbles-ui/icons": "^1.2.36", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.2", From 5901df1cd5df9f57c29b0ff1f6b42c731677faa3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jaime=20Go=CC=81mez=20Cimarro?= Date: Tue, 28 Nov 2023 12:13:21 +0100 Subject: [PATCH 16/25] feat(comunica): Design Changes. --- .idea/sonarlint/issuestore/index.pb | 22 +- .idea/sonarlint/securityhotspotstore/index.pb | 22 +- merged_tokens.json | 173 ++++++++------ packages/components/src/index.js | 1 + .../informative/ChatMessage/ChatMessage.js | 72 +++--- .../ChatMessage/ChatMessage.styles.js | 62 +++-- packages/components/src/tokens.compiled.js | 212 +++++++++++------- 7 files changed, 367 insertions(+), 197 deletions(-) diff --git a/.idea/sonarlint/issuestore/index.pb b/.idea/sonarlint/issuestore/index.pb index 459dd1522..29196be26 100644 --- a/.idea/sonarlint/issuestore/index.pb +++ b/.idea/sonarlint/issuestore/index.pb @@ -51,4 +51,24 @@ Hpackages/components/src/informative/ChatMessage/ChatMessage.constants.js,0/0/0 b 2packages/components/src/overlay/Popover/Popover.js,2/9/29770eaf36e8ec06aa05c7020bb0fc10ffd22edb n ->packages/components/src/informative/ChatMessage/ChatMessage.js,3/3/330088854447605ac7a103cb4dc1076c44ed6b14 \ No newline at end of file +>packages/components/src/informative/ChatMessage/ChatMessage.js,3/3/330088854447605ac7a103cb4dc1076c44ed6b14 +v +Fpackages/components/src/informative/UserDisplayItem/UserDisplayItem.js,5/7/573d7b17542f75351c0e249ab93359dc5f33508d +` +0packages/components/src/overlay/Drawer/Drawer.js,2/6/26fb71f397e5b9daa9acb99cfd205c800f6a4165 +_ +/packages/components/src/navigation/Tabs/Tabs.js,2/1/211a60de33ba4d877b02012f6a5f1f4b9925d9a4 +_ +/packages/components/lib/navigation/Tabs/Tabs.js,6/b/6b8d1e7bce63557e77aa68761dcbcf28b76852c0 +b +2packages/icons/src/solid/setting-menu-vertical.svg,6/0/60b344a7dc351ffdedfe29421c854dfe2b04a3de +_ +/packages/components/src/navigation/Menu/Menu.js,a/b/abbd7b3db4b04fa535644d97df09aa89429e9421 +` +0packages/components/src/navigation/Menu/Menu.mdx,d/f/dff48d484d680c30707b7708c0a091a3d95eba52 +g +7packages/components/src/navigation/Menu/Menu.stories.js,a/4/a496c9602d873584dd35e31949fb2f1b13fcc74a +P + packages/components/src/index.js,7/d/7deb43166b0f5546bd343d08eae4d9aded2d1403 +u +Epackages/components/src/navigation/MainNav/helpers/getUserFullName.js,b/e/be36e2f0978eff9d850394cd3ad71d2be97d3a9e \ No newline at end of file diff --git a/.idea/sonarlint/securityhotspotstore/index.pb b/.idea/sonarlint/securityhotspotstore/index.pb index dce679835..304112982 100644 --- a/.idea/sonarlint/securityhotspotstore/index.pb +++ b/.idea/sonarlint/securityhotspotstore/index.pb @@ -51,4 +51,24 @@ Hpackages/components/src/informative/ChatMessage/ChatMessage.constants.js,0/0/0 b 2packages/components/src/overlay/Popover/Popover.js,2/9/29770eaf36e8ec06aa05c7020bb0fc10ffd22edb n ->packages/components/src/informative/ChatMessage/ChatMessage.js,3/3/330088854447605ac7a103cb4dc1076c44ed6b14 \ No newline at end of file +>packages/components/src/informative/ChatMessage/ChatMessage.js,3/3/330088854447605ac7a103cb4dc1076c44ed6b14 +v +Fpackages/components/src/informative/UserDisplayItem/UserDisplayItem.js,5/7/573d7b17542f75351c0e249ab93359dc5f33508d +` +0packages/components/src/overlay/Drawer/Drawer.js,2/6/26fb71f397e5b9daa9acb99cfd205c800f6a4165 +_ +/packages/components/src/navigation/Tabs/Tabs.js,2/1/211a60de33ba4d877b02012f6a5f1f4b9925d9a4 +_ +/packages/components/lib/navigation/Tabs/Tabs.js,6/b/6b8d1e7bce63557e77aa68761dcbcf28b76852c0 +b +2packages/icons/src/solid/setting-menu-vertical.svg,6/0/60b344a7dc351ffdedfe29421c854dfe2b04a3de +_ +/packages/components/src/navigation/Menu/Menu.js,a/b/abbd7b3db4b04fa535644d97df09aa89429e9421 +` +0packages/components/src/navigation/Menu/Menu.mdx,d/f/dff48d484d680c30707b7708c0a091a3d95eba52 +g +7packages/components/src/navigation/Menu/Menu.stories.js,a/4/a496c9602d873584dd35e31949fb2f1b13fcc74a +P + packages/components/src/index.js,7/d/7deb43166b0f5546bd343d08eae4d9aded2d1403 +u +Epackages/components/src/navigation/MainNav/helpers/getUserFullName.js,b/e/be36e2f0978eff9d850394cd3ad71d2be97d3a9e \ No newline at end of file diff --git a/merged_tokens.json b/merged_tokens.json index 12d775097..aa0f071fd 100644 --- a/merged_tokens.json +++ b/merged_tokens.json @@ -843,6 +843,10 @@ "content": { "color": { "text": { + "dark": { + "value": "{core.color.tertiary.100}", + "type": "color" + }, "emphasis": { "value": "{core.color.neutral.800}", "type": "color" @@ -1515,7 +1519,7 @@ }, "overlay": { "default": { - "value": "rgb({core.color.neutral.100},0.5)", + "value": "{core.color.neutral.300}", "type": "color" } }, @@ -1861,6 +1865,10 @@ }, "icon": { "size": { + "1xs": { + "value": "{core.dimension.50}", + "type": "sizing" + }, "xsm": { "value": "{core.dimension.100}px", "type": "sizing" @@ -4187,21 +4195,15 @@ "content": { "typo": { "md": { - "value": { - "fontFamily": "{core.font.family.alt}", - "fontWeight": "{core.font.weight.medium}", - "lineHeight": "{core.font.lineHeight.300}px", - "fontSize": "{core.font.size.75}px" - }, + "value": "{global.content.typo.body.sm--medium}", + "type": "typography" + }, + "sm--regular": { + "value": "{global.content.typo.body.sm}", "type": "typography" }, "sm": { - "value": { - "fontFamily": "{core.font.family.alt}", - "fontWeight": "{core.font.weight.regular}", - "lineHeight": "{core.font.lineHeight.100}px", - "fontSize": "{core.font.size.50}px" - }, + "value": "{global.content.typo.body.xsm}", "type": "typography" } }, @@ -4337,6 +4339,12 @@ "value": "{global.control.size.600}", "type": "sizing" } + }, + "shadow": { + "hover": { + "value": "{button.shadow.hover}", + "type": "boxShadow" + } } }, "popover": { @@ -5408,12 +5416,7 @@ "tooltip": { "content": { "typo": { - "value": { - "fontFamily": "{core.font.family.main}", - "fontWeight": "{core.font.weight.medium}", - "lineHeight": "{core.font.lineHeight.200}", - "fontSize": "{core.font.size.75}" - }, + "value": "{global.content.typo.body.xsm}", "type": "typography" }, "color": { @@ -5438,7 +5441,7 @@ "type": "color" }, "default-reverse": { - "value": "{global.background.color.surface.default}", + "value": "{global.background.color.surface.muted}", "type": "color" } } @@ -5446,16 +5449,28 @@ "spacing": { "padding": { "vertical": { - "sm": { + "2xsm": { "value": "{global.spacing.padding.2xsm}", "type": "spacing" }, + "xsm": { + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, "md": { "value": "{global.spacing.padding.sm}", "type": "spacing" + }, + "sm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" } }, "horizontal": { + "2xsm": { + "value": "{global.spacing.padding.2xsm}", + "type": "spacing" + }, "sm": { "value": "{global.spacing.padding.xsm}", "type": "spacing" @@ -5476,6 +5491,21 @@ "value": "{global.border.radius.sm}", "type": "borderRadius" } + }, + "shadow": { + "default": { + "value": [ + { + "color": "rgba(221, 225, 230, 0.08)", + "type": "dropShadow", + "x": "0", + "y": "2", + "blur": "0", + "spread": "0" + } + ], + "type": "boxShadow" + } } }, "banner": { @@ -5944,53 +5974,43 @@ "stepper": { "content": { "typo": { - "value": { - "fontFamily": "{core.font.family.main}", - "fontWeight": "{core.font.weight.semiBold}", - "fontSize": "{core.font.size.75}", - "lineHeight": "{core.font.lineHeight.200}" - }, + "value": "{global.content.typo.body.sm--medium}", "type": "typography" }, "typo-pending": { - "value": { - "fontFamily": "{core.font.family.main}", - "fontWeight": "{core.font.weight.medium}", - "fontSize": "{core.font.size.75}", - "lineHeight": "{core.font.lineHeight.200}" - }, + "value": "{global.content.typo.body.sm}", "type": "typography" }, "color": { - "pending": { - "value": "{global.content.color.secondary.mutedSuble}", - "type": "color" - }, - "pending-text": { - "value": "{global.content.color.secondary.default}", + "default": { + "value": "{global.content.color.neutral.muted}", "type": "color" }, "active": { - "value": "{global.content.color.primary.default}", + "value": "{global.content.color.secondary.default}", "type": "color" }, "completed": { - "value": "{global.content.color.text.emphasis}", + "value": "{global.content.color.secondary.default}", "type": "color" }, - "default": { - "value": "{global.content.color.text.muted}", + "icon": { + "value": "{global.content.color.secondary.default}", "type": "color" } } }, "spacing": { "gap": { - "value": "{global.spacing.gap.sm}", + "value": "{global.spacing.gap.md}", "type": "spacing" }, "xsm": { - "value": "{global.spacing.gap.xsm}", + "value": "{global.spacing.padding.xsm}", + "type": "spacing" + }, + "2xsm": { + "value": "{global.spacing.padding.2xsm}", "type": "spacing" }, "padding": { @@ -6006,21 +6026,21 @@ }, "background": { "color": { - "pending": { - "value": "{global.background.color.primary.verySubtle}", - "type": "color" - }, - "active": { - "value": "{global.background.color.primary.verySubtle}", + "default": { + "value": "{global.background.color.overlay.default}", "type": "color" }, "active--reverse": { - "value": "{global.background.color.surface.emphasis}", + "value": "{global.background.color.primary.subtle}", "type": "color" }, "completed": { "value": "{global.background.color.primary.default}", "type": "color" + }, + "active": { + "value": "{global.background.color.primary.default}", + "type": "color" } } }, @@ -6034,8 +6054,8 @@ "value": "{global.border.color.line.muted}", "type": "color" }, - "active--reverse": { - "value": "{global.border.color.line.default--reverse}", + "transaparet": { + "value": "{global.content.color.transparent}", "type": "color" }, "completed": { @@ -6057,12 +6077,16 @@ } }, "size": { + "xs": { + "value": "6px", + "type": "sizing" + }, "sm": { "value": "{global.icon.size.sm}", "type": "sizing" }, "md": { - "value": "{global.icon.size.lg}", + "value": "{global.icon.size.md}", "type": "sizing" }, "xlg": { @@ -6149,11 +6173,19 @@ "content": { "typo": { "md": { + "value": "{global.content.typo.body.sm}", + "type": "typography" + }, + "md--medium": { + "value": "{global.content.typo.body.sm--medium}", + "type": "typography" + }, + "sm": { "value": { "fontFamily": "{core.font.family.alt}", "fontWeight": "{core.font.weight.regular}", - "lineHeight": "{core.font.lineHeight.200}", - "fontSize": "{core.font.size.75}" + "lineHeight": "{core.font.lineHeight.100}", + "fontSize": "{core.font.size.50}" }, "type": "typography" }, @@ -6165,21 +6197,20 @@ "fontSize": "{core.font.size.75}" }, "type": "typography" - }, - "sm": { - "value": { - "fontFamily": "{core.font.family.alt}", - "fontWeight": "{core.font.weight.regular}", - "lineHeight": "{core.font.lineHeight.100}", - "fontSize": "{core.font.size.50}" - }, - "type": "typography" } }, "color": { "default": { "value": "{global.content.color.text.default}", "type": "color" + }, + "subtext": { + "value": "{global.content.color.text.muted}", + "type": "color" + }, + "icon": { + "value": "{global.content.color.icon.dark}", + "type": "color" } } }, @@ -6188,6 +6219,10 @@ "default": { "value": "{global.background.color.surface.default}", "type": "color" + }, + "grey": { + "value": "{global.background.color.surface.subtle}", + "type": "color" } } }, @@ -6203,7 +6238,7 @@ } }, "width": { - "value": "{global.border.width.md}", + "value": "{global.border.width.sm}", "type": "borderWidth" }, "radius": { @@ -6220,6 +6255,10 @@ "md": { "value": "{global.spacing.gap.md}", "type": "spacing" + }, + "lg": { + "value": "{global.spacing.gap.lg}", + "type": "spacing" } }, "gaps": { diff --git a/packages/components/src/index.js b/packages/components/src/index.js index e1d5a25f2..d68115b94 100644 --- a/packages/components/src/index.js +++ b/packages/components/src/index.js @@ -19,6 +19,7 @@ export { Skeleton, keyframes, Navbar, + Highlight } from '@mantine/core'; export * from '@mantine/spotlight'; export { diff --git a/packages/components/src/informative/ChatMessage/ChatMessage.js b/packages/components/src/informative/ChatMessage/ChatMessage.js index f1471fe96..1a8a030bb 100644 --- a/packages/components/src/informative/ChatMessage/ChatMessage.js +++ b/packages/components/src/informative/ChatMessage/ChatMessage.js @@ -1,48 +1,58 @@ import React from 'react'; import { Box } from '../../layout'; -import { UserDisplayItem } from '../UserDisplayItem'; import { ChatMessageStyles } from './ChatMessage.styles'; import { CHAT_MESSAGE_DEFAULT_PROPS, CHAT_MESSAGE_PROP_TYPES } from './ChatMessage.constants'; import { Highlight } from '@mantine/core'; +import { Avatar } from '../Avatar'; +import { getUserFullName } from '../../navigation/MainNav/helpers/getUserFullName'; const ChatMessage = ({ - message, - user, - isOwn, - isOnline, - locale, - selected, - highlight, - showUser = true, - isTeacher, - isAdmin, - ...props - }) => { - const { classes, cx } = ChatMessageStyles({ isOwn, isTeacher, isAdmin, selected }, { name: 'ChatMessage' }); + message, + user, + isOwn, + isOnline, + locale, + selected, + highlight, + showUser = true, + showUserName = true, + isTeacher, + isAdmin, + ...props +}) => { + const { classes, cx } = ChatMessageStyles( + { isOwn, isTeacher, isAdmin, selected }, + { name: 'ChatMessage' }, + ); + const fullName = getUserFullName(user); return ( - {showUser ? : null} + {showUser && !isOwn ? ( + + + + ) : null} - {message?.type === 'text' && ( - - + {!isOwn && showUserName && fullName && ( + + {fullName} + + )} + + {message?.type === 'text' && message?.content && ( + {message?.content} + )} + {message?.type === 'img' && ( + + + + )} + + {message?.date.toLocaleTimeString(locale, { hour: '2-digit', minute: '2-digit' })} - )} - {message?.type === 'img' && ( - - - - )} - - {message?.date.toLocaleTimeString(locale, { hour: '2-digit', minute: '2-digit' })} diff --git a/packages/components/src/informative/ChatMessage/ChatMessage.styles.js b/packages/components/src/informative/ChatMessage/ChatMessage.styles.js index bd6bd5b3d..c3579fe09 100644 --- a/packages/components/src/informative/ChatMessage/ChatMessage.styles.js +++ b/packages/components/src/informative/ChatMessage/ChatMessage.styles.js @@ -1,40 +1,64 @@ import { createStyles } from '@mantine/styles'; -import { getFontExpressive } from '../../theme.mixins'; export const ChatMessageStyles = createStyles((theme, { isOwn, isTeacher, isAdmin, selected }) => { - - let backgroundColor = theme.other.global.background.color.surface.default; - let borderColor = theme.other.global.border.color.line.muted; - if (isAdmin) borderColor = theme.other.global.border.color.line.emphasis; - if (isTeacher) borderColor = theme.other.global.border.color.primary.default; + const messageBox = {}; if (isOwn) { - borderColor = theme.other.global.background.color.surface.muted; - backgroundColor = theme.other.global.background.color.surface.muted; + messageBox.borderRight = `2px solid #878D96`; + } else { + messageBox.borderLeft = `2px solid #878D96`; } return { root: { - ...getFontExpressive(theme.fontSizes['2']), padding: theme.spacing[2], background: selected ? theme.other.global.background.color.primary.default : 'transparent', + display: 'flex', + justifyContent: 'end', + alignItems: 'end', + gap: theme.spacing[1], }, message: { - color: theme.other.global.content.color.text.muted, - ...theme.other.input.content.typo + color: theme.other.global.content.color.text.default, + fontFamily: 'Albert Sans', + fontSize: 14, + fontStyle: 'normal', + fontWeight: 400, + lineHeight: '20px', }, messageBox: { - marginTop: theme.spacing[2], - borderRadius: 4, - backgroundColor: `${backgroundColor}`, + marginTop: theme.spacing[4], padding: theme.spacing[2], - paddingBottom: theme.spacing[1], - border: `2px solid ${borderColor}` + paddingLeft: theme.spacing[3], + borderRadius: '2px 4px 4px 2px', + ...messageBox, + }, + messageBoxInner: { + display: 'flex', + alignItems: 'end', }, messageDate: { display: 'block', textAlign: 'right', - color: theme.other.global.content.color.text.subtle, - ...theme.other.input.content.typo - } + color: theme.other.global.content.color.text.muted, + fontFamily: 'Albert Sans', + fontSize: 12, + fontStyle: 'normal', + fontWeight: 400, + lineHeight: '16px', + }, + name: { + overflow: 'hidden', + textOverflow: 'ellipsis', + whiteSpace: 'nowrap', + color: theme.other.global.content.color.text.muted, + fontFamily: 'Albert Sans', + fontSize: 12, + fontStyle: 'normal', + fontWeight: 400, + lineHeight: '16px', + }, + avatar: { + display: 'flex', + }, }; }); diff --git a/packages/components/src/tokens.compiled.js b/packages/components/src/tokens.compiled.js index de53ba26c..ca38df630 100644 --- a/packages/components/src/tokens.compiled.js +++ b/packages/components/src/tokens.compiled.js @@ -1234,17 +1234,8 @@ export default { "type": "color" }, "hover--reverse-transparent": { - "value": "#ffffff", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "0.15", - "space": "lch" - } - } - } + "value": "#ffffff26", + "type": "color" }, "down": { "value": "#F1FFBD", @@ -2207,7 +2198,16 @@ export default { "value": { "fontFamily": "Albert Sans", "fontWeight": 500, - "lineHeight": "24px", + "lineHeight": "20px", + "fontSize": "14px" + }, + "type": "typography" + }, + "sm--regular": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 400, + "lineHeight": "20px", "fontSize": "14px" }, "type": "typography" @@ -2354,6 +2354,19 @@ export default { "value": "36px", "type": "sizing" } + }, + "shadow": { + "hover": { + "value": { + "x": 0, + "y": 0, + "blur": 4, + "spread": 0, + "color": "#b4e600cc", + "type": "dropShadow" + }, + "type": "boxShadow" + } } }, "popover": { @@ -3465,9 +3478,9 @@ export default { "typo": { "value": { "fontFamily": "Albert Sans", - "fontWeight": 500, - "lineHeight": 20, - "fontSize": 14 + "fontWeight": 400, + "lineHeight": "16px", + "fontSize": "12px" }, "type": "typography" }, @@ -3493,7 +3506,7 @@ export default { "type": "color" }, "default-reverse": { - "value": "#ffffff", + "value": "#F2F4F8", "type": "color" } } @@ -3501,16 +3514,28 @@ export default { "spacing": { "padding": { "vertical": { - "sm": { + "2xsm": { "value": "4px", "type": "spacing" }, + "xsm": { + "value": "8px", + "type": "spacing" + }, "md": { "value": "12px", "type": "spacing" + }, + "sm": { + "value": "4px", + "type": "spacing" } }, "horizontal": { + "2xsm": { + "value": "4px", + "type": "spacing" + }, "sm": { "value": "8px", "type": "spacing" @@ -3531,6 +3556,21 @@ export default { "value": "2px", "type": "borderRadius" } + }, + "shadow": { + "default": { + "value": [ + { + "color": "#dde1e614", + "type": "dropShadow", + "x": 0, + "y": 2, + "blur": 0, + "spread": 0 + } + ], + "type": "boxShadow" + } } }, "banner": { @@ -4034,52 +4074,51 @@ export default { "typo": { "value": { "fontFamily": "Albert Sans", - "fontWeight": 600, - "fontSize": 14, - "lineHeight": 20 + "fontWeight": 500, + "lineHeight": "20px", + "fontSize": "14px" }, "type": "typography" }, "typo-pending": { "value": { "fontFamily": "Albert Sans", - "fontWeight": 500, - "fontSize": 14, - "lineHeight": 20 + "fontWeight": 400, + "lineHeight": "20px", + "fontSize": "14px" }, "type": "typography" }, "color": { - "pending": { - "value": "{global.content.color.secondary.mutedSuble}", - "type": "color", - "failedToResolve": true - }, - "pending-text": { - "value": "#0C1F22", + "default": { + "value": "#878D96", "type": "color" }, "active": { - "value": "#B4E600", + "value": "#0C1F22", "type": "color" }, "completed": { - "value": "#343A3F", + "value": "#0C1F22", "type": "color" }, - "default": { - "value": "#878D96", + "icon": { + "value": "#0C1F22", "type": "color" } } }, "spacing": { "gap": { - "value": "4px", + "value": "8px", "type": "spacing" }, "xsm": { - "value": "6px", + "value": "8px", + "type": "spacing" + }, + "2xsm": { + "value": "4px", "type": "spacing" }, "padding": { @@ -4095,23 +4134,21 @@ export default { }, "background": { "color": { - "pending": { - "value": "{global.background.color.primary.verySubtle}", - "type": "color", - "failedToResolve": true - }, - "active": { - "value": "{global.background.color.primary.verySubtle}", - "type": "color", - "failedToResolve": true + "default": { + "value": "#C1C7CD", + "type": "color" }, "active--reverse": { - "value": "#DDE1E6", + "value": "#F1FFBD", "type": "color" }, "completed": { "value": "#B4E600", "type": "color" + }, + "active": { + "value": "#B4E600", + "type": "color" } } }, @@ -4125,8 +4162,8 @@ export default { "value": "#C1C7CD", "type": "color" }, - "active--reverse": { - "value": "#ffffff", + "transaparet": { + "value": "transparent", "type": "color" }, "completed": { @@ -4148,12 +4185,16 @@ export default { } }, "size": { + "xs": { + "value": "6px", + "type": "sizing" + }, "sm": { "value": "12px", "type": "sizing" }, "md": { - "value": "20px", + "value": "16px", "type": "sizing" }, "xlg": { @@ -4243,17 +4284,17 @@ export default { "value": { "fontFamily": "Albert Sans", "fontWeight": 400, - "lineHeight": 20, - "fontSize": 14 + "lineHeight": "20px", + "fontSize": "14px" }, "type": "typography" }, - "md--bold": { + "md--medium": { "value": { "fontFamily": "Albert Sans", "fontWeight": 500, - "lineHeight": 20, - "fontSize": 14 + "lineHeight": "20px", + "fontSize": "14px" }, "type": "typography" }, @@ -4265,12 +4306,29 @@ export default { "fontSize": 12 }, "type": "typography" + }, + "md--bold": { + "value": { + "fontFamily": "Albert Sans", + "fontWeight": 500, + "lineHeight": 20, + "fontSize": 14 + }, + "type": "typography" } }, "color": { "default": { "value": "#4D5358", "type": "color" + }, + "subtext": { + "value": "#878D96", + "type": "color" + }, + "icon": { + "value": "#2F463F", + "type": "color" } } }, @@ -4279,6 +4337,10 @@ export default { "default": { "value": "#ffffff", "type": "color" + }, + "grey": { + "value": "#F8F9FB", + "type": "color" } } }, @@ -4294,7 +4356,7 @@ export default { } }, "width": { - "value": "2px", + "value": "1px", "type": "borderWidth" }, "radius": { @@ -4311,6 +4373,10 @@ export default { "md": { "value": "8px", "type": "spacing" + }, + "lg": { + "value": "16px", + "type": "spacing" } }, "gaps": { @@ -4864,30 +4930,12 @@ export default { "color": { "primary": { "default": { - "value": "#4D5358", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "0.4", - "space": "lch" - } - } - } + "value": "#4d535866", + "type": "color" }, "hover": { - "value": "#4D5358", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "0.7", - "space": "lch" - } - } - } + "value": "#4d5358b3", + "type": "color" }, "down": { "value": "#4D5358", @@ -5735,6 +5783,10 @@ export default { "content": { "color": { "text": { + "dark": { + "value": "#2F463F", + "type": "color" + }, "emphasis": { "value": "#343A3F", "type": "color" @@ -6407,7 +6459,7 @@ export default { }, "overlay": { "default": { - "value": "#f2f4f880", + "value": "#C1C7CD", "type": "color" } }, @@ -6754,6 +6806,10 @@ export default { }, "icon": { "size": { + "1xs": { + "value": 4, + "type": "sizing" + }, "xsm": { "value": "8px", "type": "sizing" From a1f8a11fbf96d0c6f32cba815fc17542c00c9663 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Tue, 28 Nov 2023 11:22:15 +0000 Subject: [PATCH 17/25] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 12 files changed, 69 insertions(+), 17 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index ed28278ac..b2524ca27 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.37 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.37 + - @bubbles-ui/icons@1.2.37 + ## 1.2.36 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index 794c95585..3f00976c4 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.36", + "version": "1.2.37", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.36", - "@bubbles-ui/icons": "^1.2.36", + "@bubbles-ui/components": "^1.2.37", + "@bubbles-ui/icons": "^1.2.37", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 6639db723..21c3e1578 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.37 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.37 + ## 1.2.36 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index 6d8dce48a..10268e45c 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.36", + "version": "1.2.37", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.36", + "@bubbles-ui/icons": "^1.2.37", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@leemonade/react-dnd-treeview": "^1.5.44", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index 5c758afc4..5913a2743 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.37 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.37 + - @bubbles-ui/icons@1.2.37 + ## 1.2.36 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 157a74a33..0b28705b4 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.36", + "version": "1.2.37", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.36", - "@bubbles-ui/icons": "^1.2.36", + "@bubbles-ui/components": "^1.2.37", + "@bubbles-ui/icons": "^1.2.37", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "*" diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 34c71ca4d..482641ebb 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.37 + +### Patch Changes + +- Versions bump + ## 1.2.36 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index 3b72f0dd7..40a0dd761 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.36", + "version": "1.2.37", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index 740814c00..762b6445e 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.37 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.37 + - @bubbles-ui/calendars@1.2.37 + - @bubbles-ui/editors@1.2.37 + - @bubbles-ui/icons@1.2.37 + ## 1.2.36 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index 470ed9f0a..fab4ae2e1 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.36", + "version": "1.2.37", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.36", - "@bubbles-ui/components": "^1.2.36", - "@bubbles-ui/editors": "^1.2.36", - "@bubbles-ui/icons": "^1.2.36", + "@bubbles-ui/calendars": "^1.2.37", + "@bubbles-ui/components": "^1.2.37", + "@bubbles-ui/editors": "^1.2.37", + "@bubbles-ui/icons": "^1.2.37", "dayjs": "^1.10.7", "react": "^17.0.2", "react-dom": "^17.0.2", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index 2cc189c08..070e16f24 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.37 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.37 + - @bubbles-ui/icons@1.2.37 + ## 1.2.36 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index 8f17ff7ba..89c0ac2d8 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.36", + "version": "1.2.37", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.36", - "@bubbles-ui/icons": "^1.2.36", + "@bubbles-ui/components": "^1.2.37", + "@bubbles-ui/icons": "^1.2.37", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.2", From f9dd999c6e0b1d1bf280afa9ec940f4c628c67d1 Mon Sep 17 00:00:00 2001 From: Johan Sosa Date: Wed, 29 Nov 2023 11:13:48 +0100 Subject: [PATCH 18/25] fix: Overall Proptypes, linter error, circular dependencies, etc. --- .eslintrc.json | 4 +- merged_tokens.json | 4 +- packages/components/src/ThemeProvider.js | 17 +- .../components/src/dates/Calendar/Calendar.js | 2 + .../components/src/feedback/Alert/Alert.js | 9 +- .../components/src/feedback/Loader/Loader.js | 3 +- .../feedback/ScoreFeedback/ScoreFeedback.js | 4 +- .../feedback/ScoreFronstage/ScoreFronstage.js | 10 +- .../src/form/FileUpload/FileUpload.js | 18 +- .../components/src/form/FileUpload/index.js | 4 +- .../ImagePreviewInput/ImagePreviewInput.js | 15 +- .../form/InputDescription/InputDescription.js | 8 +- .../src/form/InputDescription/index.js | 4 +- .../src/form/InputLabel/InputLabel.js | 10 +- .../src/form/InputWrapper/InputWrapper.js | 2 +- .../src/form/MultiSelect/MultiSelect.js | 44 +- .../src/form/ProSwitch/ProSwitch.js | 15 +- .../src/form/ScoreInput/ScoreInput.js | 69 +- packages/components/src/form/Select/Select.js | 13 +- .../src/form/TableInput/TableInput.js | 8 +- .../src/form/TableInput/TableInputDisplay.js | 17 +- .../src/form/TableInput/TableInputRow.js | 208 +- .../src/form/TagifyInput/TagifyInput.js | 14 +- .../form/TagifyInput/TagifyInput.stories.js | 7 +- .../form/TagifyInput/TagifyInput.styles.js | 23 +- .../form/TagifyInput/tagify/react.tagify.js | 298 +- .../src/form/TagifyInput/tagify/tagify.js | 2886 ++++++++++------- .../src/form/TagsInput/TagsInput.js | 94 +- .../components/src/hooks/useResizeObserver.js | 6 +- packages/components/src/index.js | 2 +- .../ActivityAccordion/ActivityAccordion.js | 14 +- .../ActivityAnswersBar/ActivityAnswersBar.js | 22 +- .../ActivityCountdown/ActivityCountdown.js | 20 +- .../src/informative/Avatar/Avatar.js | 6 +- .../informative/AvatarsGroup/AvatarsGroup.js | 4 +- .../components/src/informative/Badge/Badge.js | 15 +- .../src/informative/Badge/Badge.styles.js | 6 +- .../informative/ChatMessage/ChatMessage.js | 9 +- .../FileItemDisplay/FileItemDisplay.js | 3 +- .../HorizontalTimeline/HorizontalTimeline.js | 26 +- .../src/informative/Kanban/Kanban.js | 24 +- .../PaginatedList/PaginatedList.js | 13 +- .../PaginatedList/views/GridItemRender.js | 31 +- .../PaginatedList/views/GridView.js | 14 +- .../PaginatedList/views/TableItemRender.js | 39 +- .../PaginatedList/views/TableView.js | 47 +- .../src/informative/ScoresBar/ScoresBar.js | 34 +- .../informative/SortableList/SortableList.js | 66 +- .../components/DraggableDefault.js | 60 +- .../Swiper/NavigationElements/NextElement.js | 9 +- .../Swiper/NavigationElements/PrevElement.js | 9 +- .../src/informative/Swiper/Swiper.js | 28 +- .../components/src/informative/Table/Table.js | 52 +- .../informative/Table/TableCell/TableCell.js | 53 +- .../src/informative/UserCards/UserCards.js | 16 +- .../UserDisplayItem/UserDisplayItem.js | 35 +- .../UserDisplayItemList.js | 46 +- packages/components/src/informative/index.js | 1 - .../src/layout/PageHeader/PageHeader.js | 17 +- .../TitleTextInput/TitleTextInput.js | 5 +- .../components/src/misc/FileIcon/FileIcon.js | 23 +- packages/components/src/misc/HeroBg/HeroBg.js | 23 +- .../src/misc/ImageLoader/ImageLoader.js | 13 +- .../src/misc/InlineSvg/InlineSvg.js | 12 +- .../src/navigation/Anchor/Anchor.js | 3 +- .../components/src/navigation/Anchor/index.js | 4 +- .../src/navigation/Breadcrumbs/Breadcrumbs.js | 49 +- .../HorizontalStepper/HorizontalStepper.js | 38 +- .../src/navigation/MainNav/MainNav.js | 67 +- .../MainNav/MainNavItem/MainNavItem.js | 31 +- .../components/src/navigation/Menu/Menu.js | 24 +- .../components/src/navigation/Pager/Pager.js | 24 +- .../src/navigation/Spotlight/Spotlight.js | 16 +- .../navigation/Spotlight/SpotlightAction.js | 38 +- .../src/navigation/Spotlight/index.js | 2 +- .../src/navigation/Stepper/Stepper.js | 34 +- .../src/navigation/SubNav/SubNav.js | 32 +- .../navigation/Tabs/TabNavList/Dropdown.js | 16 +- .../navigation/Tabs/TabNavList/TabNavList.js | 28 +- .../Tabs/TabPanelList/TabPanelList.js | 9 +- .../components/src/navigation/Tabs/Tabs.js | 30 +- .../src/navigation/Tree/NodeActions.js | 2 +- .../src/navigation/Tree/NodeRenderer.js | 86 +- .../components/src/navigation/Tree/Tree.js | 194 +- .../VerticalStepper/Progress/Progress.js | 3 +- .../StepperButton/StepperButton.js | 14 +- .../VerticalStepper/VerticalStepper.js | 2 +- .../VerticalStepper/VerticalStepper.styles.js | 20 +- .../src/navigation/VerticalStepper/index.js | 3 - .../src/overlay/ContextHelp/ContextHelp.js | 10 +- .../src/overlay/DetailPanel/DetailPanel.js | 29 +- .../components/src/overlay/Drawer/Drawer.js | 12 +- .../src/overlay/DrawerPush/DrawerPush.js | 5 +- .../src/overlay/Dropdown/Dropdown.js | 7 +- .../src/overlay/Dropdown/Item/Item.js | 15 +- .../components/src/overlay/Dropdown/index.js | 1 - .../src/overlay/EditPanel/EditPanel.js | 39 +- .../overlay/LoadingOverlay/LoadingOverlay.js | 9 +- .../components/src/overlay/Modal/Modal.js | 1 + .../overlay/ModalZoom/ModalZoom.constants.js | 7 +- .../src/overlay/ModalZoom/ModalZoom.js | 4 +- .../overlay/ModalZoom/ModalZoom.stories.js | 18 +- .../ModalsProvider.constants.js | 1 + .../overlay/ModalsProvider/ModalsProvider.js | 24 +- .../components/src/overlay/Popover/Popover.js | 13 +- packages/components/src/theme.mixins.js | 3 +- packages/components/src/tokens.compiled.js | 45 +- .../src/typography/HtmlText/HtmlText.js | 2 +- .../src/typography/Paragraph/Paragraph.js | 8 +- .../components/src/typography/Text/Text.js | 13 +- .../src/typography/TextClamp/TextClamp.js | 1 + .../components/src/typography/Title/Title.js | 5 +- .../components/src/typography/Title/index.js | 4 +- 113 files changed, 3334 insertions(+), 2324 deletions(-) diff --git a/.eslintrc.json b/.eslintrc.json index f07838d2a..9e2d2c7d7 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -44,6 +44,8 @@ ], "import/no-names-as-default": "off", "import/prefer-default-export": "warn", - "no-param-reassign": "off" + "no-param-reassign": "off", + "radix": "off", + "no-unused-vars": "warn" } } diff --git a/merged_tokens.json b/merged_tokens.json index aa0f071fd..66da4e15a 100644 --- a/merged_tokens.json +++ b/merged_tokens.json @@ -2348,7 +2348,7 @@ "y": "0", "blur": "4", "spread": "0", - "color": "rgba({button.background.color.primary.hover}, 0.80)", + "color": "{button.background.color.primary.hover}", "type": "dropShadow" }, "type": "boxShadow" @@ -3174,7 +3174,7 @@ "y": "0", "blur": "4", "spread": "0", - "color": "rgba({buttonIcon.background.color.primary.hover}, 0.80)", + "color": "{buttonAction.background.color.primary.hover--reverse-transparent}", "type": "dropShadow" }, "type": "boxShadow" diff --git a/packages/components/src/ThemeProvider.js b/packages/components/src/ThemeProvider.js index f42265241..668eaa0a0 100644 --- a/packages/components/src/ThemeProvider.js +++ b/packages/components/src/ThemeProvider.js @@ -32,26 +32,27 @@ export const BUBBLES_THEME = { const THEME_PROVIDER_PROP_TYPES = { theme: PropTypes.object, + children: PropTypes.node, }; const THEME_PROVIDER_DEFAULT_PROPS = { theme: BUBBLES_THEME, }; -const parseTheme = (theme) => { - if (isEmpty(theme.other)) return theme; - recursiveParse(theme.other); - return theme; -}; - const recursiveParse = (object) => { if (!isObject(object)) return; - for (const property in object) { + Object.keys(object).forEach((property) => { if (object[property].value) { object[property] = object[property].value; } else { recursiveParse(object[property]); } - } + }); +}; + +const parseTheme = (theme) => { + if (isEmpty(theme.other)) return theme; + recursiveParse(theme.other); + return theme; }; const ThemeProvider = ({ children, theme }) => { diff --git a/packages/components/src/dates/Calendar/Calendar.js b/packages/components/src/dates/Calendar/Calendar.js index bf5764ac7..ff05c7577 100644 --- a/packages/components/src/dates/Calendar/Calendar.js +++ b/packages/components/src/dates/Calendar/Calendar.js @@ -83,6 +83,7 @@ export const CALENDAR_PROP_TYPES = { firstDayOfWeek: PropTypes.oneOf(CALENDAR_FIRST_DAYS), minDate: PropTypes.instanceOf(Date), maxDate: PropTypes.instanceOf(Date), + size: PropTypes.string, }; const Calendar = forwardRef(({ range, size, locale, ...props }, ref) => { @@ -105,6 +106,7 @@ const Calendar = forwardRef(({ range, size, locale, ...props }, ref) => { return ; }); +Calendar.displayName = 'Calendar'; Calendar.defaultProps = CALENDAR_DEFAULT_PROPS; Calendar.propTypes = CALENDAR_PROP_TYPES; diff --git a/packages/components/src/feedback/Alert/Alert.js b/packages/components/src/feedback/Alert/Alert.js index 8dd9cb09d..a1688a39e 100644 --- a/packages/components/src/feedback/Alert/Alert.js +++ b/packages/components/src/feedback/Alert/Alert.js @@ -10,7 +10,8 @@ import { } from '@bubbles-ui/icons/solid'; import { RemoveIcon } from '@bubbles-ui/icons/outline'; import { AlertStyles } from './Alert.styles'; -import { Button, ActionButton } from '../../form'; +import { Button } from '../../form/Button'; +import { ActionButton } from '../../form/ActionButton'; export const ALERT_SEVERITIES = ['info', 'success', 'warning', 'error']; export const ALERT_VARIANTS = ['inline', 'block']; @@ -38,9 +39,9 @@ const Alert = ({ severity = ALERT_SEVERITIES.includes(severity) ? severity : 'info'; const isCloseable = useMemo( () => closeable && !isNil(closeable) && closeable !== '', - [closeable] + [closeable], ); - const { classes, cx } = AlertStyles({ variant, severity }, { name: 'Alert' }); + const { classes } = AlertStyles({ variant, severity }, { name: 'Alert' }); return ( { +const ScoreFeedback = ({ calification, children, styles, className, useAria }) => { const { classes, cx } = ScoreFeedbackStyles({ styles }, { name: 'ScoreFeedback' }); return ( // Role is left empty, it should be 'comment' but the role is proposed for WAI-ARIA 1.3, which is still being drafted. - + { - const { classes, cx } = ScoreFronstageStyles({}, { name: 'ScoreFronstage' }); + const { classes } = ScoreFronstageStyles({}, { name: 'ScoreFronstage' }); return ( diff --git a/packages/components/src/form/FileUpload/FileUpload.js b/packages/components/src/form/FileUpload/FileUpload.js index 921535ba6..eb5091496 100644 --- a/packages/components/src/form/FileUpload/FileUpload.js +++ b/packages/components/src/form/FileUpload/FileUpload.js @@ -2,14 +2,16 @@ import React, { useMemo, useRef } from 'react'; import PropTypes from 'prop-types'; import { Group, Text } from '@mantine/core'; import { Dropzone as MantineDropzone } from '@mantine/dropzone'; -import { FileUploadStyles } from './FileUpload.styles'; -import { Stack, Box } from '../../layout/'; -import { FileItemDisplay } from '../../informative/FileItemDisplay'; -import { Alert } from '../../feedback/Alert'; -import { InputWrapper, INPUT_WRAPPER_PROP_TYPES, ActionButton, Button } from '../../form'; import { DeleteBinIcon } from '@bubbles-ui/icons/solid/'; import { SynchronizeArrowIcon } from '@bubbles-ui/icons/outline'; import { isEmpty, isFunction } from 'lodash'; +import { FileUploadStyles } from './FileUpload.styles'; +import { Stack, Box } from '../../layout'; +import { FileItemDisplay } from '../../informative/FileItemDisplay'; +import { Alert } from '../../feedback/Alert'; +import { InputWrapper, INPUT_WRAPPER_PROP_TYPES } from '../InputWrapper'; +import { ActionButton } from '../ActionButton'; +import { Button } from '../Button'; export const FILE_UPLOAD_DEFAULT_PROPS = { disabled: false, @@ -69,14 +71,14 @@ const FileUpload = ({ const onDropHandler = (acceptedFiles) => { const newFiles = [...files, ...acceptedFiles]; - isFunction(onChange) && onChange(newFiles.length === 1 ? newFiles[0] : newFiles); + if (isFunction(onChange)) onChange(newFiles.length === 1 ? newFiles[0] : newFiles); setFiles(newFiles); setError(false); }; const removeFile = (index) => { const newFiles = files.filter((file, fileIndex) => fileIndex !== index); - isFunction(onChange) && onChange(newFiles.length === 1 ? newFiles[0] : newFiles); + if (isFunction(onChange)) onChange(newFiles.length === 1 ? newFiles[0] : newFiles); setFiles(newFiles); }; @@ -94,7 +96,7 @@ const FileUpload = ({ const { classes, cx } = FileUploadStyles( { disabled, single, files, hasError }, - { name: 'FileUpload' } + { name: 'FileUpload' }, ); return ( diff --git a/packages/components/src/form/FileUpload/index.js b/packages/components/src/form/FileUpload/index.js index bb3059df5..fca98b5be 100644 --- a/packages/components/src/form/FileUpload/index.js +++ b/packages/components/src/form/FileUpload/index.js @@ -1,3 +1 @@ -import { FileUpload } from './FileUpload'; - -export { FileUpload }; +export * from './FileUpload'; diff --git a/packages/components/src/form/ImagePreviewInput/ImagePreviewInput.js b/packages/components/src/form/ImagePreviewInput/ImagePreviewInput.js index 8c8bae5ae..6b0168ea5 100644 --- a/packages/components/src/form/ImagePreviewInput/ImagePreviewInput.js +++ b/packages/components/src/form/ImagePreviewInput/ImagePreviewInput.js @@ -2,8 +2,9 @@ import React, { useEffect, useState } from 'react'; import PropTypes from 'prop-types'; import { isFunction, isString, isNil } from 'lodash'; import { CloudUploadIcon, UndoIcon } from '@bubbles-ui/icons/outline/'; -import { Box, Stack } from '../../layout'; -import { Button } from '../../form'; +import { Box } from '../../layout/Box'; +import { Stack } from '../../layout/Stack'; +import { Button } from '../Button'; import { ImageLoader } from '../../misc/ImageLoader'; import { ImagePreviewInputStyles } from './ImagePreviewInput.styles'; @@ -24,6 +25,9 @@ export const IMAGE_PREVIEW_INPUT_PROP_TYPES = { previewStyle: PropTypes.object, control: PropTypes.element, onChange: PropTypes.func, + readonly: PropTypes.bool, + disabled: PropTypes.bool, + useAria: PropTypes.bool, }; const ImagePreviewInput = ({ @@ -36,7 +40,6 @@ const ImagePreviewInput = ({ readonly, disabled, useAria, - ...props }) => { const [imagePreview, setImagePreview] = useState(previewURL); const [imageValue, setImageValue] = useState(value); @@ -57,20 +60,20 @@ const ImagePreviewInput = ({ }, [value]); const resetImage = () => { - isFunction(onChange) && onChange(null); + if (isFunction(onChange)) onChange(null); setImagePreview(null); setImageValue(null); }; const openFileBrowser = () => { - let input = document.createElement('input'); + const input = document.createElement('input'); input.type = 'file'; input.accept = 'image/*'; input.onchange = (e) => { const file = e.target.files[0]; file.path = file.name; setImageValue(file); - isFunction(onChange) && onChange(file); + if (isFunction(onChange)) onChange(file); }; input.click(); }; diff --git a/packages/components/src/form/InputDescription/InputDescription.js b/packages/components/src/form/InputDescription/InputDescription.js index 15395c284..f72092576 100644 --- a/packages/components/src/form/InputDescription/InputDescription.js +++ b/packages/components/src/form/InputDescription/InputDescription.js @@ -1,15 +1,15 @@ import React from 'react'; import { Text } from '@mantine/core'; +import { AlertInformationCircleIcon } from '@bubbles-ui/icons/solid'; +import { Box } from '../../layout/Box'; import { INPUT_DESCRIPTION_DEFAULT_PROPS, INPUT_DESCRIPTION_PROP_TYPES, } from './InputDescription.constants'; import { InputDescriptionStyles } from './InputDescription.styles'; -import { AlertInformationCircleIcon } from '@bubbles-ui/icons/solid'; -import { Box } from '../../layout'; -const InputDescription = ({ message, withIcon, ...props }) => { - const { classes, cx } = InputDescriptionStyles({ withIcon }); +const InputDescription = ({ message, withIcon }) => { + const { classes } = InputDescriptionStyles({ withIcon }); return ( diff --git a/packages/components/src/form/InputDescription/index.js b/packages/components/src/form/InputDescription/index.js index 5c7c703bf..264c3cb95 100644 --- a/packages/components/src/form/InputDescription/index.js +++ b/packages/components/src/form/InputDescription/index.js @@ -1,3 +1 @@ -import { InputDescription } from './InputDescription'; - -export { InputDescription }; +export * from './InputDescription'; diff --git a/packages/components/src/form/InputLabel/InputLabel.js b/packages/components/src/form/InputLabel/InputLabel.js index 5e6fcf881..824c2c406 100644 --- a/packages/components/src/form/InputLabel/InputLabel.js +++ b/packages/components/src/form/InputLabel/InputLabel.js @@ -1,13 +1,13 @@ import React from 'react'; +import { isEmpty } from 'lodash'; +import { Box } from '../../layout/Box'; +import { Text } from '../../typography/Text'; +import { InputDescription } from '../InputDescription'; import { InputLabelStyles } from './InputLabel.styles'; import { INPUT_LABEL_DEFAULT_PROPS, INPUT_LABEL_PROP_TYPES } from './InputLabel.constants'; -import { Text } from '../../typography'; -import { InputDescription } from '../InputDescription'; -import { isEmpty } from 'lodash'; -import { Box } from '../../layout'; const InputLabel = ({ label, description, withDescriptionIcon, required, ...props }) => { - const { classes, cx } = InputLabelStyles({}, { name: 'InputLabel' }); + const { classes } = InputLabelStyles({}, { name: 'InputLabel' }); return ( diff --git a/packages/components/src/form/InputWrapper/InputWrapper.js b/packages/components/src/form/InputWrapper/InputWrapper.js index 194311053..30aba2a7e 100644 --- a/packages/components/src/form/InputWrapper/InputWrapper.js +++ b/packages/components/src/form/InputWrapper/InputWrapper.js @@ -4,6 +4,7 @@ import { Box } from '../../layout/Box'; import { Stack } from '../../layout/Stack'; import { InputError } from '../InputError'; import { InputHelp } from '../InputHelp'; +import { InputLabel } from '../InputLabel'; import { InputWrapperStyles } from './InputWrapper.styles'; import { INPUT_WRAPPER_DEFAULT_PROPS, @@ -11,7 +12,6 @@ import { INPUT_WRAPPER_ORIENTATIONS, INPUT_WRAPPER_SIZES, } from './InputWrapper.constants'; -import { InputLabel } from '../InputLabel'; const InputWrapper = ({ orientation: orientationProp, diff --git a/packages/components/src/form/MultiSelect/MultiSelect.js b/packages/components/src/form/MultiSelect/MultiSelect.js index f61e01773..b37472b60 100644 --- a/packages/components/src/form/MultiSelect/MultiSelect.js +++ b/packages/components/src/form/MultiSelect/MultiSelect.js @@ -1,31 +1,35 @@ import React, { forwardRef, useEffect, useMemo, useRef } from 'react'; -import { MultiSelectStyles } from './MultiSelect.styles'; +import Proptypes from 'prop-types'; import { find, isArray, isEmpty, isFunction, isString } from 'lodash'; import { MultiSelect as MantineMultiSelect } from '@mantine/core'; -import { ActionButton } from '../ActionButton'; import { ChevDownIcon, RemoveIcon } from '@bubbles-ui/icons/outline'; -import { InputWrapper } from '../InputWrapper'; import { useId } from '@mantine/hooks'; -import { Badge } from '../../informative'; +import { ActionButton } from '../ActionButton'; +import { InputWrapper } from '../InputWrapper'; +import { Badge } from '../../informative/Badge'; +import { Box } from '../../layout/Box'; +import { Dropdown, Item } from '../../overlay/Dropdown'; +import { MultiSelectStyles } from './MultiSelect.styles'; import { MULTI_SELECT_DEFAULT_PROPS, MULTI_SELECT_ORIENTATIONS, MULTI_SELECT_PROP_TYPES, MULTI_SELECT_SIZES, } from './MultiSelect.constants'; -import { Box } from '../../layout'; -import { Dropdown, Item } from '../../overlay/Dropdown'; const GetValueComponent = forwardRef( - ({ others: { Component, classNames, onRemove, ...others } }, ref) => { - return ( - - - - ); - } + ({ others: { Component, classNames, onRemove, ...others } }, ref) => ( + + + + ), ); +GetValueComponent.displayName = 'GetValueComponent'; +GetValueComponent.propTypes = { + others: Proptypes.any, +}; + const MultiSelect = forwardRef( ( { @@ -56,7 +60,7 @@ const MultiSelect = forwardRef( style, ...props }, - ref + ref, ) => { const hasIcon = !!icon; const [show, setShow] = React.useState(true); @@ -115,9 +119,9 @@ const MultiSelect = forwardRef( // ······················································ // STYLES - const { classes, cx } = MultiSelectStyles( + const { classes } = MultiSelectStyles( { size, multiple, rightEvents: isClearable && showClear, hasIcon }, - { name: 'MultiSelect' } + { name: 'MultiSelect' }, ); return ( @@ -139,10 +143,9 @@ const MultiSelect = forwardRef( const data = find(props.data, { value: v }); if (data) { if (ValueComponent) { - return ; - } else { - return ; + return ; } + return ; } // return null; @@ -200,9 +203,10 @@ const MultiSelect = forwardRef( )} ); - } + }, ); +MultiSelect.displayName = 'MultiSelect'; MultiSelect.defaultProps = MULTI_SELECT_DEFAULT_PROPS; MultiSelect.propTypes = MULTI_SELECT_PROP_TYPES; diff --git a/packages/components/src/form/ProSwitch/ProSwitch.js b/packages/components/src/form/ProSwitch/ProSwitch.js index 736efa3b0..0994c13c0 100644 --- a/packages/components/src/form/ProSwitch/ProSwitch.js +++ b/packages/components/src/form/ProSwitch/ProSwitch.js @@ -1,9 +1,9 @@ import React, { forwardRef } from 'react'; import PropTypes from 'prop-types'; import { Box } from '@mantine/core'; -import { Switch } from '../../form'; -import { ProSwitchStyles } from './ProSwitch.styles'; import { isFunction } from 'lodash'; +import { Switch } from '../Switch'; +import { ProSwitchStyles } from './ProSwitch.styles'; export const PRO_SWITCH_DEFAULT_PROPS = { onChange: () => {}, @@ -17,6 +17,8 @@ export const PRO_SWITCH_PROP_TYPES = { checked: PropTypes.bool, ariaLabel: PropTypes.string, useAria: PropTypes.bool, + onChange: PropTypes.func, + classNames: PropTypes.any, }; const ProSwitch = forwardRef( @@ -31,9 +33,9 @@ const ProSwitch = forwardRef( const [state, setState] = React.useState(checked); - const handleOnChange = (checked) => { - setState(checked); - isFunction(onChange) && onChange(checked); + const handleOnChange = (isChecked) => { + setState(isChecked); + if (isFunction(onChange)) onChange(isChecked); }; React.useEffect(() => { @@ -64,9 +66,10 @@ const ProSwitch = forwardRef( /> ); - } + }, ); +ProSwitch.displayName = 'ProSwitch'; ProSwitch.defaultProps = PRO_SWITCH_DEFAULT_PROPS; ProSwitch.propTypes = PRO_SWITCH_PROP_TYPES; diff --git a/packages/components/src/form/ScoreInput/ScoreInput.js b/packages/components/src/form/ScoreInput/ScoreInput.js index 7de81e677..ae0247d14 100644 --- a/packages/components/src/form/ScoreInput/ScoreInput.js +++ b/packages/components/src/form/ScoreInput/ScoreInput.js @@ -1,11 +1,14 @@ import React, { useState, useEffect, useMemo } from 'react'; -import { Box } from '../../layout'; -import { Text } from '../../typography'; import { isFunction } from 'lodash'; import { useElementSize } from '@mantine/hooks'; -import { ScoreInputStyles } from './ScoreInput.styles'; import { ChevLeftIcon, ChevRightIcon } from '@bubbles-ui/icons/outline'; -import { InputWrapper, TextInput, NumberInput, Select } from '../'; +import { Box } from '../../layout'; +import { Text } from '../../typography'; +import { ScoreInputStyles } from './ScoreInput.styles'; +import { InputWrapper } from '../InputWrapper'; +import { TextInput } from '../TextInput'; +import { NumberInput } from '../NumberInput'; +import { Select } from '../Select'; import { SCORE_INPUT_DEFAULT_PROPS, SCORE_INPUT_PROP_TYPES } from './ScoreInput.constants'; const ScoreInput = ({ @@ -36,20 +39,25 @@ const ScoreInput = ({ const maxGrades = Math.floor((inputWidth + 2) / 40); const hiddenGrades = useMemo( () => grades.length - (maxGrades - 1) - displacedGrades, - [maxGrades, displacedGrades] + [maxGrades, displacedGrades], ); const isOverflowing = grades.length > maxGrades - 1; const selectedGradeIndex = grades.findIndex(({ score }) => - showLetters ? score === grade.score : score === Math.round(grade.score) + showLetters ? score === grade.score : score === Math.round(grade.score), ); if (!acceptCustom && value?.score && !grades.find(({ score }) => score === value?.score)) { acceptCustom = value?.letter ? 'text' : 'number'; } - const onChangeHandler = (grade) => { - setGrade(grade); - isFunction(onChange) && onChange(grade); + const { classes, cx } = ScoreInputStyles( + { error, gradeWidth, selectedGradeIndex, displacedGrades, gradesLength: grades.length }, + { name: 'ScoreInput' }, + ); + + const onChangeHandler = (newGrade) => { + setGrade(newGrade); + if (isFunction(onChange)) onChange(newGrade); }; const renderCustomInput = () => { @@ -58,11 +66,11 @@ const ScoreInput = ({ + onChange={(newValue) => onChangeHandler({ - score: grades.find(({ letter }) => letter?.toLowerCase() === value.toLowerCase()) + score: grades.find(({ letter }) => letter?.toLowerCase() === newValue.toLowerCase()) ?.score, - letter: value.toUpperCase(), + letter: newValue.toUpperCase(), }) } ariaLabel={customLabel} @@ -77,16 +85,17 @@ const ScoreInput = ({ value={grade?.score} precision={decimalPrecision} decimalSeparator={decimalSeparator === 'dot' ? '.' : ','} - onChange={(value) => + onChange={(newValue) => onChangeHandler({ - score: value, - letter: grades.find(({ score }) => score === value)?.letter || selectValue, + score: newValue, + letter: grades.find(({ score }) => score === newValue)?.letter || selectValue, }) } ariaLabel={customLabel} /> ); } + return null; }; const handleInputResize = () => { @@ -102,12 +111,8 @@ const ScoreInput = ({ if (parentWidth >= widthWithSpace) { if (inputMaxWidth !== widthWithSpace) setInputMaxWidth(widthWithSpace); if (hiddenGrades <= 0) setDisplacedGrades(displacedGrades + hiddenGrades - 1); - } else { - if (inputMaxWidth !== widthWithoutSpace) setInputMaxWidth(widthWithoutSpace); - } - } else { - if (inputMaxWidth !== 10000) setInputMaxWidth(10000); - } + } else if (inputMaxWidth !== widthWithoutSpace) setInputMaxWidth(widthWithoutSpace); + } else if (inputMaxWidth !== 10000) setInputMaxWidth(10000); }; const handleDisplaceToLeftGrades = () => { @@ -122,7 +127,7 @@ const ScoreInput = ({ if (displacedGrades < maxGrades) { setDisplacedGrades(0); } else { - setDisplacedGrades((displacedGrades) => displacedGrades - maxGrades + 2); + setDisplacedGrades((newGrades) => newGrades - maxGrades + 2); } }; @@ -130,8 +135,9 @@ const ScoreInput = ({ const isLeftToRight = direction === 'ltr'; const sortedGrades = grades.sort((a, b) => - !isLeftToRight ? b?.score - a?.score : a?.score - b?.score + !isLeftToRight ? (b?.score ?? 0) - (a?.score ?? 0) : (a?.score ?? 0) - (b?.score ?? 0), ); + const gradesToReturn = sortedGrades.map((arrayGrade) => { const isSelected = arrayGrade.score === grade.score; return ( @@ -162,7 +168,7 @@ const ScoreInput = ({ role={useAria ? 'button' : undefined} > - + , ); } if (hiddenGrades > 0) { @@ -177,20 +183,19 @@ const ScoreInput = ({ role={useAria ? 'button' : undefined} > - + , ); } return gradesToReturn; }; + // -------------------------------------------------------------- + // EFFECTS + useEffect(() => { handleInputResize(); }, [inputWidth, parentWidth, inputMaxWidth]); - const { classes, cx } = ScoreInputStyles( - { error, gradeWidth, selectedGradeIndex, displacedGrades, gradesLength: grades.length }, - { name: 'ScoreInput' } - ); return ( @@ -207,13 +212,13 @@ const ScoreInput = ({ }))} placeholder={placeholder} value={selectValue} - onChange={(value) => { - const parsedValue = parseFloat(value); + onChange={(val) => { + const parsedValue = parseFloat(val); onChangeHandler({ score: parsedValue, letter: tags.find((tag) => tag.score === parsedValue)?.letter, }); - setSelectValue(value); + setSelectValue(val); }} /> diff --git a/packages/components/src/form/Select/Select.js b/packages/components/src/form/Select/Select.js index 1236dd4e9..f67a355d8 100644 --- a/packages/components/src/form/Select/Select.js +++ b/packages/components/src/form/Select/Select.js @@ -1,15 +1,15 @@ import React, { forwardRef, useEffect, useMemo, useState } from 'react'; import { ChevDownIcon, RemoveIcon } from '@bubbles-ui/icons/outline'; import { Select as MantineSelect } from '@mantine/core'; -import { isEmpty, isFunction, isNil, isString, map } from 'lodash'; -import { SELECT_PROP_TYPES, SELECT_DEFAULT_PROPS } from './Select.constants'; import { useId } from '@mantine/hooks'; +import { isEmpty, isFunction, isNil, isString, map } from 'lodash'; import { InputWrapper } from '../InputWrapper'; import { ActionButton } from '../ActionButton'; import { SelectStyles } from './Select.styles'; import { Paragraph } from '../../typography'; import { MultiSelect } from '../MultiSelect'; import { Dropdown, Item } from '../../overlay/Dropdown'; +import { SELECT_PROP_TYPES, SELECT_DEFAULT_PROPS } from './Select.constants'; const Select = forwardRef( ( @@ -48,7 +48,7 @@ const Select = forwardRef( withinPortal, ...props }, - ref + ref, ) => { const data = map(_data, (d) => (isString(d) ? d : { ...d, value: d?.value.toString() })); const value = isNil(_value) ? _value : _value.toString(); @@ -98,9 +98,9 @@ const Select = forwardRef( // ······················································ // STYLES - const { classes, cx } = SelectStyles( + const { classes } = SelectStyles( { size, rightEvents: isClearable && showClear, variant }, - { name: 'Select' } + { name: 'Select' }, ); return valueComponent ? ( @@ -185,9 +185,10 @@ const Select = forwardRef( )} ); - } + }, ); +Select.displayName = 'Select'; Select.defaultProps = SELECT_DEFAULT_PROPS; Select.propTypes = SELECT_PROP_TYPES; diff --git a/packages/components/src/form/TableInput/TableInput.js b/packages/components/src/form/TableInput/TableInput.js index 59407835f..09e01df82 100644 --- a/packages/components/src/form/TableInput/TableInput.js +++ b/packages/components/src/form/TableInput/TableInput.js @@ -1,6 +1,6 @@ import React, { useEffect, useMemo, useState } from 'react'; import update from 'immutability-helper'; -import { isEmpty, isFunction } from 'lodash'; +import { map, forEach, isEmpty, isFunction } from 'lodash'; import { v4 as uuidv4 } from 'uuid'; import { useForm } from 'react-hook-form'; import { Box } from '../../layout/Box'; @@ -77,7 +77,7 @@ const TableInput = ({ const parseItem = (item) => { const result = {}; - _.forEach(props.columns, ({ accessor }) => { + forEach(props.columns, ({ accessor }) => { result[accessor] = item[accessor]; }); return result; @@ -85,9 +85,7 @@ const TableInput = ({ const handleOnAdd = async (item) => { if (unique) { - const values = _.map(tableData, (d) => { - return JSON.stringify(parseItem(d)); - }); + const values = map(tableData, (d) => JSON.stringify(parseItem(d))); if (values.includes(JSON.stringify(parseItem(item)))) { return; } diff --git a/packages/components/src/form/TableInput/TableInputDisplay.js b/packages/components/src/form/TableInput/TableInputDisplay.js index 24753dc9e..edc98fe69 100644 --- a/packages/components/src/form/TableInput/TableInputDisplay.js +++ b/packages/components/src/form/TableInput/TableInputDisplay.js @@ -1,14 +1,13 @@ import React, { useCallback, useState } from 'react'; import PropTypes from 'prop-types'; import { find, isFunction } from 'lodash'; -import { useTable, useExpanded } from 'react-table'; +import { useTable } from 'react-table'; import { Controller } from 'react-hook-form'; import { AddIcon } from '@bubbles-ui/icons/outline'; import { DragDropContext, Droppable } from 'react-beautiful-dnd'; import { Text } from '../../typography/Text'; import { TableStyles } from '../../informative/Table/Table.styles'; import { TABLE_INPUT_DEFAULT_PROPS, TABLE_INPUT_PROP_TYPES } from './TableInput.constants'; -import { Button } from '../Button'; import { TableInputRow } from './TableInputRow'; import { ActionButton } from '../ActionButton'; @@ -102,7 +101,7 @@ const TableInputDisplay = ({ return null; }, - [columns, disabled, errors, formValues] + [columns, disabled, errors, formValues], ); const handleDragEnd = (result) => { @@ -126,11 +125,12 @@ const TableInputDisplay = ({ > {!!showHeaders && - headerGroups.map((headerGroup) => ( - + headerGroups.map((headerGroup, i) => ( + {(sortable && !disabled) || forceSortable ? : null} - {headerGroup.headers.map((column) => ( + {headerGroup.headers.map((column, j) => ( {(provided, snapshot) => ( - {rows.map((row, i) => { + {rows.map((row, k) => { prepareRow(row); return ( { if (editing && cell.column.editable !== false) { - const { column, row } = cell; - const fieldName = `${row.original.tableInputRowId}.${column.id}`; + const { column, row: _row } = cell; + const fieldName = `${_row.original.tableInputRowId}.${column.id}`; let node = null; let rules = []; let inputProps = {}; @@ -63,7 +65,7 @@ const TableInputRow = ({ } else { node = column.input.node; rules = column.input.rules; - let { node: _, rules: __, ..._inputProps } = column.input; + const { node: _, rules: __, ..._inputProps } = column.input; inputProps = _inputProps; } @@ -90,6 +92,11 @@ const TableInputRow = ({ return ; }; + const cancelEditing = () => { + setEditing(false); + if (isFunction(onEditing)) onEditing(false); + }; + const handleOnEdit = async () => { const result = await trigger(); if (result) { @@ -107,11 +114,6 @@ const TableInputRow = ({ if (isFunction(onEditing)) onEditing(true); }; - const cancelEditing = () => { - setEditing(false); - if (isFunction(onEditing)) onEditing(false); - }; - return ( - {(provided, snapshot) => { - return ( - <> - - {sortable && ( - - - - - - )} - {row.cells.map((cell) => ( - ( + <> + + {sortable && ( + + - {getColumCellValue(cell)} - - ))} + + + + )} + {row.cells.map((cell, i) => ( - {editing ? ( + {getColumCellValue(cell)} + + ))} + + {editing ? ( + <> + } + tooltip={labels.accept || 'Accept'} + onClick={handleOnEdit} + /> + } + tooltip={labels.cancel || 'Cancel'} + onClick={cancelEditing} + /> + + ) : ( + row.original.editable !== false && ( <> - } - tooltip={labels.accept || 'Accept'} - onClick={handleOnEdit} - /> - } - tooltip={labels.cancel || 'Cancel'} - onClick={cancelEditing} - /> + {addable && ( + } + tooltip={labels.add || 'Add'} + onClick={() => onItemAdd(row)} + /> + )} + {editable && ( + } + tooltip={labels.edit || 'Edit'} + onClick={initEditing} + /> + )} + {removable && ( + } + tooltip={labels.remove || 'Remove'} + onClick={() => onRemove(index)} + /> + )} - ) : ( - row.original.editable !== false && ( - <> - {addable && ( - } - tooltip={labels.add || 'Add'} - onClick={() => onItemAdd(row)} - /> - )} - {editable && ( - } - tooltip={labels.edit || 'Edit'} - onClick={initEditing} - /> - )} - {removable && ( - } - tooltip={labels.remove || 'Remove'} - onClick={() => onRemove(index)} - /> - )} - - ) - )} + ) + )} + + + {rowsExpanded?.includes(row.id) ? ( + + + {renderRowSubComponent({ row })} - {rowsExpanded?.includes(row.id) ? ( - - - {renderRowSubComponent({ row })} - - - ) : null} - - ); - }} + ) : null} + + )} ); }; +TableInputRow.propTypes = { + labels: PropTypes.object, + row: PropTypes.object, + index: PropTypes.number, + onItemAdd: PropTypes.func, + onRemove: PropTypes.func, + classes: PropTypes.object, + tableClasses: PropTypes.object, + visibleColumns: PropTypes.array, + cx: PropTypes.func, + totalRows: PropTypes.number, + sortable: PropTypes.bool, + editable: PropTypes.bool, + addable: PropTypes.bool, + removable: PropTypes.bool, + disabled: PropTypes.bool, + rowsExpanded: PropTypes.array, + editing: PropTypes.bool, + onEditing: PropTypes.func, + onEdit: PropTypes.func, + renderRowSubComponent: PropTypes.func, + onChangeRow: PropTypes.func, +}; + export { TableInputRow }; diff --git a/packages/components/src/form/TagifyInput/TagifyInput.js b/packages/components/src/form/TagifyInput/TagifyInput.js index 5fd83f75a..09a26a98b 100644 --- a/packages/components/src/form/TagifyInput/TagifyInput.js +++ b/packages/components/src/form/TagifyInput/TagifyInput.js @@ -80,9 +80,10 @@ const TagifyInput = forwardRef( mixed, error, size, + ariaLabel, ...props }, - ref + ref, ) => { const uuid = useId(); const { classes, cx } = TagifyInputStyles({ size, error }, { name: 'TagifyInput' }); @@ -117,7 +118,6 @@ const TagifyInput = forwardRef( onDropdownUpdated={onDropdownUpdated} readOnly={readOnly} disabled={disabled} - children={children} settings={settings} InputMode={InputMode} autoFocus={autoFocus} @@ -128,15 +128,17 @@ const TagifyInput = forwardRef( showDropdown={showDropdown} withSuggestions={withSuggestions} amountOfDuplicates={amountOfDuplicates} - ariaLabel={props.label || ariaLabel} - /> + ariaLabel={props.label ?? ariaLabel} + > + {children} + ); - } + }, ); +TagifyInput.displayName = 'TagifyInput'; TagifyInput.defaultProps = TAGIFY_DEFAULT_PROPS; - TagifyInput.propTypes = { ...INPUT_WRAPPER_PROP_TYPES, name: PropTypes.string, diff --git a/packages/components/src/form/TagifyInput/TagifyInput.stories.js b/packages/components/src/form/TagifyInput/TagifyInput.stories.js index 7b5acd8f6..49f90cb37 100644 --- a/packages/components/src/form/TagifyInput/TagifyInput.stories.js +++ b/packages/components/src/form/TagifyInput/TagifyInput.stories.js @@ -20,9 +20,7 @@ export default { }, }; -const Template = ({ ...props }) => { - return ; -}; +const Template = ({ ...props }) => ; export const Playground = Template.bind({}); @@ -32,7 +30,8 @@ Playground.args = { description: 'Include some tags in your text', error: '', help: 'To add a tag, type @ and a character to show the tag list', - value: '', + value: + 'hola [[{"id":100,"value":"Subject:Numering","title":"Subject:Numering","prefix":"@"}]] ahh pues flipa [[{"id":105,"value":"Stage:Code","title":"Stage:Code","prefix":"@"}]]', settings: { mode: 'mix', pattern: /@/, // <- must define "patten" in mixed mode diff --git a/packages/components/src/form/TagifyInput/TagifyInput.styles.js b/packages/components/src/form/TagifyInput/TagifyInput.styles.js index f2224ba82..b0718e76c 100644 --- a/packages/components/src/form/TagifyInput/TagifyInput.styles.js +++ b/packages/components/src/form/TagifyInput/TagifyInput.styles.js @@ -1,14 +1,8 @@ import { createStyles } from '@mantine/styles'; -import { - pxToRem, - getPaddings, - getFontExpressive, - getFontProductive, - getFocusStyles, -} from '../../theme.mixins'; +import { getFontProductive } from '../../theme.mixins'; import { getInputSizes, getInputStyle } from '../mixins/fieldStyles.mixins'; -export const TagifyInputStyles = createStyles((theme, { size }) => { +const TagifyInputStyles = createStyles((theme, { size }) => { const fontSizes = { xs: theme.fontSizes['1'], sm: theme.fontSizes['2'], @@ -19,10 +13,11 @@ export const TagifyInputStyles = createStyles((theme, { size }) => { root: { marginBottom: theme.spacing['1'], '&.tagify': { - ...getFontProductive(null, 400), + border: 0, borderRadius: 4, borderColor: theme.colors.ui01, color: theme.colors.text02, + lineHeight: 0, }, '& .tagify__input': { ...getInputSizes(size || 'md', inputTheme.spacing.padding, false), @@ -36,17 +31,27 @@ export const TagifyInputStyles = createStyles((theme, { size }) => { // boxShadow: `0 0 0 3px ${theme.colors.interactive03h}`, }, + '.tagify__tag > div': { + ...getFontProductive(14, 400), + }, + '.tagify__tag > div::before': { borderRadius: 9999, height: 20, top: -1, + background: theme.colors.interactive03h, + boxShadow: 'none', }, '.tagify__tag:focus div::before, .tagify__tag:hover:not([readonly]) div::before': { top: -1, right: 0, left: 0, + background: theme.colors.interactive03h, + boxShadow: 'none', }, }, }; }); + +export { TagifyInputStyles }; diff --git a/packages/components/src/form/TagifyInput/tagify/react.tagify.js b/packages/components/src/form/TagifyInput/tagify/react.tagify.js index 164ef2c8f..1ce9615c6 100644 --- a/packages/components/src/form/TagifyInput/tagify/react.tagify.js +++ b/packages/components/src/form/TagifyInput/tagify/react.tagify.js @@ -1,71 +1,72 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'; import { renderToStaticMarkup } from 'react-dom/server'; -import { array, bool, func, number, object, oneOfType, string } from 'prop-types'; -import { Box } from '../../../layout'; -import { Badge } from '../../../informative'; +import PropTypes from 'prop-types'; import { isFunction } from 'lodash'; +import { Box } from '../../../layout/Box'; +import { Badge } from '../../../informative/Badge'; import Tagify from './tagify'; const noop = (_) => _; const isSameDeep = (a, b) => { - const trans = (x) => (typeof x == 'string' ? x : JSON.stringify(x)); - return trans(a) == trans(b); + const trans = (x) => (typeof x === 'string' ? x : JSON.stringify(x)); + return trans(a) === trans(b); }; // if a template is a React component, it should be outputed as a String (and not as a React component) function templatesToString(templates) { if (templates) { - for (let templateName in templates) { - let Template = templates[templateName]; - let isReactComp = String(Template).includes('jsxRuntime'); + Object.keys(templates).forEach((templateName) => { + const Template = templates[templateName]; + const isReactComp = String(Template).includes('jsxRuntime'); + if (isReactComp) { templates[templateName] = (...props) => renderToStaticMarkup(