From b22cf5ead15ba066913c9ea4db8a5a83a3b0a872 Mon Sep 17 00:00:00 2001 From: Slizhevsky Vladislav Date: Mon, 16 Mar 2026 14:58:31 +0100 Subject: [PATCH 01/16] [UIK-4939][core] sorted out dark/light json variables --- semcore/core/src/theme/dark.json | 762 +-- semcore/core/src/theme/light.json | 762 +-- semcore/core/src/theme/processor.ts | 34 +- semcore/core/src/theme/themes/auto.css | 396 +- semcore/core/src/theme/themes/dark.css | 198 +- semcore/core/src/theme/themes/dark.ts | 118 +- semcore/core/src/theme/themes/default.css | 200 +- semcore/core/src/theme/themes/default.ts | 118 +- semcore/core/src/theme/themes/light.css | 200 +- semcore/core/src/theme/themes/light.ts | 118 +- semcore/core/src/theme/utils.ts | 2 +- .../style/design-tokens/design-tokens.json | 4416 ++++++++--------- 12 files changed, 3665 insertions(+), 3659 deletions(-) diff --git a/semcore/core/src/theme/dark.json b/semcore/core/src/theme/dark.json index 43b5bbab1d..f11c105613 100644 --- a/semcore/core/src/theme/dark.json +++ b/semcore/core/src/theme/dark.json @@ -403,6 +403,286 @@ "value": "#002203", "type": "color" } + }, + "base": { + "value": "Inter", + "type": "fontFamilies", + "description": "Base font family." + }, + "lh-800": { + "value": "117%", + "type": "lineHeights", + "description": "Use with font-size-800." + }, + "lh-700": { + "value": "110%", + "type": "lineHeights", + "description": "Use with font-size-700." + }, + "lh-600": { + "value": "125%", + "type": "lineHeights", + "description": "Use with font-size-600." + }, + "lh-500": { + "value": "117%", + "type": "lineHeights", + "description": "Use with font-size-500." + }, + "lh-400": { + "value": "120%", + "type": "lineHeights", + "description": "Use with font-size-400." + }, + "lh-300": { + "value": "150%", + "type": "lineHeights", + "description": "Use with font-size-300." + }, + "lh-200": { + "value": "142%", + "type": "lineHeights", + "description": "Use with font-size-200." + }, + "lh-100": { + "value": "133%", + "type": "lineHeights", + "description": "Use with font-size-100." + }, + "semi-bold": { + "value": "600", + "type": "fontWeights", + "description": "Semi-bold font weight." + }, + "bold": { + "value": "700", + "type": "fontWeights", + "description": "Bold font weight." + }, + "regular": { + "value": "400", + "type": "fontWeights", + "description": "Regular font weight." + }, + "medium": { + "value": "500", + "type": "fontWeights", + "description": "Medium font weight." + }, + "fs-50": { + "value": "10px", + "type": "fontSizes", + "description": "Use only for text in Badge component." + }, + "fs-100": { + "value": "12px", + "type": "fontSizes", + "description": "Use this font-size with caution for text in some additional messages. Always check its contrast and readability." + }, + "fs-200": { + "value": "14px", + "type": "fontSizes" + }, + "fs-300": { + "value": "16px", + "type": "fontSizes" + }, + "fs-400": { + "value": "20px", + "type": "fontSizes" + }, + "fs-500": { + "value": "24px", + "type": "fontSizes" + }, + "fs-600": { + "value": "32px", + "type": "fontSizes" + }, + "fs-700": { + "value": "36px", + "type": "fontSizes" + }, + "fs-800": { + "value": "48px", + "type": "fontSizes" + }, + "compact": { + "value": "0.3", + "type": "letterSpacing", + "description": "Compact letter spacing." + }, + "scale-indent": { + "value": "4px", + "type": "spacing", + "description": "Base denominator of the design system." + }, + "spacing-05x": { + "value": "{scale-indent}*0.5", + "type": "spacing", + "description": "2px" + }, + "spacing-1x": { + "value": "{scale-indent}*1", + "type": "spacing", + "description": "4px" + }, + "spacing-2x": { + "value": "{scale-indent}*2", + "type": "spacing", + "description": "8px" + }, + "spacing-3x": { + "value": "{scale-indent}*3", + "type": "spacing", + "description": "12px" + }, + "spacing-4x": { + "value": "{scale-indent}*4", + "type": "spacing", + "description": "16px" + }, + "spacing-5x": { + "value": "{scale-indent}*5", + "type": "spacing", + "description": "20px" + }, + "spacing-6x": { + "value": "{scale-indent}*6", + "type": "spacing", + "description": "24px" + }, + "spacing-8x": { + "value": "{scale-indent}*8", + "type": "spacing", + "description": "32px" + }, + "spacing-10x": { + "value": "{scale-indent}*10", + "type": "spacing", + "description": "40px" + }, + "spacing-14x": { + "value": "{scale-indent}*14", + "type": "spacing", + "description": "56px" + }, + "spacing-20x": { + "value": "{scale-indent}*20", + "type": "spacing", + "description": "80px" + }, + "spacing-24x": { + "value": "{scale-indent}*24", + "type": "spacing", + "description": "96px" + }, + "spacing-30x": { + "value": "{scale-indent}*30", + "type": "spacing", + "description": "120px" + }, + "rounded-extra-small": { + "value": "2px", + "type": "borderRadius" + }, + "rounded-small": { + "value": "4px", + "type": "borderRadius" + }, + "rounded-medium": { + "value": "6px", + "type": "borderRadius" + }, + "rounded-large": { + "value": "12px", + "type": "borderRadius" + }, + "rounded-extra-large": { + "value": "24px", + "type": "borderRadius" + }, + "disabled-opacity": { + "value": "0.3", + "type": "opacity", + "description": "Use for the disabled state of all kind of the controls and elements." + }, + "screen-extra-small": { + "value": "320px", + "type": "sizing", + "description": "Extra small screens (small phones)." + }, + "screen-small": { + "value": "768px", + "type": "sizing", + "description": "Small screens (phones and small tablets)." + }, + "screen-medium": { + "value": "1200px", + "type": "sizing", + "description": "Medium screens (tablets and small laptops)." + }, + "screen-large": { + "value": "1920px", + "type": "sizing", + "description": "Large screens (tablets and laptops)." + }, + "z-index": { + "deep": { + "value": "-999", + "type": "other" + }, + "overlay": { + "value": "500", + "type": "other" + }, + "modal": { + "value": "900", + "type": "other" + }, + "popper": { + "value": "700", + "type": "other" + }, + "dropdown": { + "value": "750", + "type": "other" + }, + "tooltip": { + "value": "800", + "type": "other" + }, + "notice-bubble": { + "value": "999", + "type": "other" + } + }, + "duration": { + "extra-slow": { + "value": "500", + "type": "other", + "description": "Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen)" + }, + "slow": { + "value": "400", + "type": "other", + "description": "Should be used for more larger scale animations (such as page transitions)" + }, + "medium": { + "value": "300", + "type": "other", + "description": "Should be used for more complex effects (such as Modal)" + }, + "fast": { + "value": "200", + "type": "other", + "description": "Should be used for more complex effects (such as Dropdown or Accordion)" + }, + "extra-fast": { + "value": "100", + "type": "other", + "description": "Should be used for simpler effects and relatively small-sized animations (such as fades or color changes)" + } } }, "tokens": { @@ -1496,217 +1776,109 @@ "description": "Default shadow of the Card." }, "card-hover": { - "value": "3px 3px 30px 0px rgba({gray.800}, 0.15)", - "type": "boxShadow", - "description": "Hover state for the shadow of the Card with hover state." - }, - "dnd": { - "value": "0px 0px 1px 0px rgba({gray.800}, 0.16); 0px 12px 40px 0px rgba({gray.800}, 0.16)", - "type": "boxShadow", - "description": "Shadow for show that element are being drag-and-drop." - }, - "modal": { - "value": "0px 3px 8px 0px rgba({gray.800}, 0.2)", - "type": "boxShadow", - "description": "Default shadow if the Modal window." - }, - "popper": { - "value": "0px 1px 15px 0px rgba({gray.800}, 0.60)", - "type": "boxShadow", - "description": "Default shadow of all Poppers, Dropdowns and Tooltips." - }, - "float-control": { - "value": [ - { - "x": "0", - "y": "0", - "blur": "1", - "spread": "0", - "color": "rgba(0,0,0,0.16)", - "type": "dropShadow" - }, - { - "x": "0", - "y": "1", - "blur": "2", - "spread": "0", - "color": "rgba(0,0,0,0.12)", - "type": "dropShadow" - } - ], - "type": "boxShadow", - "description": "Use it only for controls that float above the whole interface." - }, - "float-control-hover": { - "value": [ - { - "x": "0", - "y": "0", - "blur": "2", - "spread": "0", - "color": "rgba(0,0,0,0.2)", - "type": "dropShadow" - }, - { - "x": "0", - "y": "1", - "blur": "4", - "spread": "0", - "color": "rgba(0,0,0,0.16)", - "type": "dropShadow" - } - ], - "type": "boxShadow", - "description": "Use it only for controls that float above the whole interface." - } - }, -"keyboard-focus": { - "value": "0px 0px 0px 3px rgba({keyboard-focus.outline}, 0.5)", - "type": "boxShadow", - "description": "Default keyboard focus box-shadow styles.", - "outline": { - "value": "{blue.400}", - "type": "color", - "description": "Color for default keyboard focus outline styles." - }, - "invalid": { - "value": "0px 0px 0px 3px rgba({keyboard-focus.invalid.outline}, 0.5)", - "type": "boxShadow", - "description": "Keyboard focus styles for elements with invalid state.", - "outline": { - "value": "{red.400}", - "type": "color", - "description": "Color for keyboard focus outline styles for elements with invalid state." - } - }, - "valid": { - "value": "0px 0px 0px 3px rgba({keyboard-focus.valid.outline}, 0.5)", - "type": "boxShadow", - "description": "Keyboard focus styles for elements with valid state.", - "outline": { - "value": "{green.400}", - "type": "color", - "description": "Color for keyboard focus outline styles for elements with valid state." - } - }, - "invert": { - "value": "0px 0px 0px 3px {keyboard-focus.invert.outline}", - "type": "boxShadow", - "description": "Keyboard focus styles for use on dark backgrounds.", - "outline": { - "value": "rgba({gray.white}, 0.8)", - "type": "color", - "description": "Color for keyboard focus outline styles to use on the dark and color background." - } - } -}, - "base": { - "value": "Inter", - "type": "fontFamilies", - "description": "Base font family." - }, - "lh-800": { - "value": "117%", - "type": "lineHeights", - "description": "Use with font-size-800." - }, - "lh-700": { - "value": "110%", - "type": "lineHeights", - "description": "Use with font-size-700." - }, - "lh-600": { - "value": "125%", - "type": "lineHeights", - "description": "Use with font-size-600." - }, - "lh-500": { - "value": "117%", - "type": "lineHeights", - "description": "Use with font-size-500." - }, - "lh-400": { - "value": "120%", - "type": "lineHeights", - "description": "Use with font-size-400." - }, - "lh-300": { - "value": "150%", - "type": "lineHeights", - "description": "Use with font-size-300." - }, - "lh-200": { - "value": "142%", - "type": "lineHeights", - "description": "Use with font-size-200." - }, - "lh-100": { - "value": "133%", - "type": "lineHeights", - "description": "Use with font-size-100." - }, - "semi-bold": { - "value": "600", - "type": "fontWeights", - "description": "Semi-bold font weight." - }, - "bold": { - "value": "700", - "type": "fontWeights", - "description": "Bold font weight." - }, - "regular": { - "value": "400", - "type": "fontWeights", - "description": "Regular font weight." - }, - "medium": { - "value": "500", - "type": "fontWeights", - "description": "Medium font weight." - }, - "fs-50": { - "value": "10px", - "type": "fontSizes", - "description": "Use only for text in Badge component." - }, - "fs-100": { - "value": "12px", - "type": "fontSizes", - "description": "Use this font-size with caution for text in some additional messages. Always check its contrast and readability." - }, - "fs-200": { - "value": "14px", - "type": "fontSizes" - }, - "fs-300": { - "value": "16px", - "type": "fontSizes" - }, - "fs-400": { - "value": "20px", - "type": "fontSizes" - }, - "fs-500": { - "value": "24px", - "type": "fontSizes" - }, - "fs-600": { - "value": "32px", - "type": "fontSizes" - }, - "fs-700": { - "value": "36px", - "type": "fontSizes" - }, - "fs-800": { - "value": "48px", - "type": "fontSizes" + "value": "3px 3px 30px 0px rgba({gray.800}, 0.15)", + "type": "boxShadow", + "description": "Hover state for the shadow of the Card with hover state." + }, + "dnd": { + "value": "0px 0px 1px 0px rgba({gray.800}, 0.16); 0px 12px 40px 0px rgba({gray.800}, 0.16)", + "type": "boxShadow", + "description": "Shadow for show that element are being drag-and-drop." + }, + "modal": { + "value": "0px 3px 8px 0px rgba({gray.800}, 0.2)", + "type": "boxShadow", + "description": "Default shadow if the Modal window." + }, + "popper": { + "value": "0px 1px 15px 0px rgba({gray.800}, 0.60)", + "type": "boxShadow", + "description": "Default shadow of all Poppers, Dropdowns and Tooltips." + }, + "float-control": { + "value": [ + { + "x": "0", + "y": "0", + "blur": "1", + "spread": "0", + "color": "rgba(0,0,0,0.16)", + "type": "dropShadow" + }, + { + "x": "0", + "y": "1", + "blur": "2", + "spread": "0", + "color": "rgba(0,0,0,0.12)", + "type": "dropShadow" + } + ], + "type": "boxShadow", + "description": "Use it only for controls that float above the whole interface." + }, + "float-control-hover": { + "value": [ + { + "x": "0", + "y": "0", + "blur": "2", + "spread": "0", + "color": "rgba(0,0,0,0.2)", + "type": "dropShadow" + }, + { + "x": "0", + "y": "1", + "blur": "4", + "spread": "0", + "color": "rgba(0,0,0,0.16)", + "type": "dropShadow" + } + ], + "type": "boxShadow", + "description": "Use it only for controls that float above the whole interface." + } }, - "compact": { - "value": "0.3", - "type": "letterSpacing", - "description": "Compact letter spacing." + "keyboard-focus": { + "value": "0px 0px 0px 3px rgba({keyboard-focus.outline}, 0.5)", + "type": "boxShadow", + "description": "Default keyboard focus box-shadow styles.", + "outline": { + "value": "{blue.400}", + "type": "color", + "description": "Color for default keyboard focus outline styles." + }, + "invalid": { + "value": "0px 0px 0px 3px rgba({keyboard-focus.invalid.outline}, 0.5)", + "type": "boxShadow", + "description": "Keyboard focus styles for elements with invalid state.", + "outline": { + "value": "{red.400}", + "type": "color", + "description": "Color for keyboard focus outline styles for elements with invalid state." + } + }, + "valid": { + "value": "0px 0px 0px 3px rgba({keyboard-focus.valid.outline}, 0.5)", + "type": "boxShadow", + "description": "Keyboard focus styles for elements with valid state.", + "outline": { + "value": "{green.400}", + "type": "color", + "description": "Color for keyboard focus outline styles for elements with valid state." + } + }, + "invert": { + "value": "0px 0px 0px 3px {keyboard-focus.invert.outline}", + "type": "boxShadow", + "description": "Keyboard focus styles for use on dark backgrounds.", + "outline": { + "value": "rgba({gray.white}, 0.8)", + "type": "color", + "description": "Color for keyboard focus outline styles to use on the dark and color background." + } + } }, "heading-h1": { "value": { @@ -1777,11 +1949,6 @@ "type": "typography", "description": "Use for big subtitles on the landing pages." }, - "scale-indent": { - "value": "4px", - "type": "spacing", - "description": "Base denominator of the design system." - }, "form-control-s": { "value": "{scale-indent}*5", "type": "sizing", @@ -1797,91 +1964,6 @@ "type": "sizing", "description": "Large size of the controls." }, - "spacing-05x": { - "value": "{scale-indent}*0.5", - "type": "spacing", - "description": "2px" - }, - "spacing-1x": { - "value": "{scale-indent}*1", - "type": "spacing", - "description": "4px" - }, - "spacing-2x": { - "value": "{scale-indent}*2", - "type": "spacing", - "description": "8px" - }, - "spacing-3x": { - "value": "{scale-indent}*3", - "type": "spacing", - "description": "12px" - }, - "spacing-4x": { - "value": "{scale-indent}*4", - "type": "spacing", - "description": "16px" - }, - "spacing-5x": { - "value": "{scale-indent}*5", - "type": "spacing", - "description": "20px" - }, - "spacing-6x": { - "value": "{scale-indent}*6", - "type": "spacing", - "description": "24px" - }, - "spacing-8x": { - "value": "{scale-indent}*8", - "type": "spacing", - "description": "32px" - }, - "spacing-10x": { - "value": "{scale-indent}*10", - "type": "spacing", - "description": "40px" - }, - "spacing-14x": { - "value": "{scale-indent}*14", - "type": "spacing", - "description": "56px" - }, - "spacing-20x": { - "value": "{scale-indent}*20", - "type": "spacing", - "description": "80px" - }, - "spacing-24x": { - "value": "{scale-indent}*24", - "type": "spacing", - "description": "96px" - }, - "spacing-30x": { - "value": "{scale-indent}*30", - "type": "spacing", - "description": "120px" - }, - "rounded-extra-small": { - "value": "2px", - "type": "borderRadius" - }, - "rounded-small": { - "value": "4px", - "type": "borderRadius" - }, - "rounded-medium": { - "value": "6px", - "type": "borderRadius" - }, - "rounded-large": { - "value": "12px", - "type": "borderRadius" - }, - "rounded-extra-large": { - "value": "24px", - "type": "borderRadius" - }, "addon-rounded": { "value": "{rounded-small}", "type": "borderRadius", @@ -1937,31 +2019,6 @@ "type": "borderRadius", "description": "Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard)." }, - "disabled-opacity": { - "value": "0.3", - "type": "opacity", - "description": "Use for the disabled state of all kind of the controls and elements." - }, - "screen-extra-small": { - "value": "320px", - "type": "sizing", - "description": "Extra small screens (small phones)." - }, - "screen-small": { - "value": "768px", - "type": "sizing", - "description": "Small screens (phones and small tablets)." - }, - "screen-medium": { - "value": "1200px", - "type": "sizing", - "description": "Medium screens (tablets and small laptops)." - }, - "screen-large": { - "value": "1920px", - "type": "sizing", - "description": "Large screens (tablets and laptops)." - }, "overlay": { "primary": { "value": "rgba({gray.800}, 0.7)", @@ -1984,36 +2041,6 @@ "description": "Use as a secondary cover of the content under the messages about limitations." } }, - "z-index": { - "deep": { - "value": "-999", - "type": "other" - }, - "overlay": { - "value": "500", - "type": "other" - }, - "modal": { - "value": "900", - "type": "other" - }, - "popper": { - "value": "700", - "type": "other" - }, - "dropdown": { - "value": "750", - "type": "other" - }, - "tooltip": { - "value": "800", - "type": "other" - }, - "notice-bubble": { - "value": "999", - "type": "other" - } - }, "tooltip": { "default": { "value": "{gray.600}", @@ -2511,31 +2538,6 @@ } }, "duration": { - "extra-slow": { - "value": "500", - "type": "other", - "description": "Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen)" - }, - "slow": { - "value": "400", - "type": "other", - "description": "Should be used for more larger scale animations (such as page transitions)" - }, - "medium": { - "value": "300", - "type": "other", - "description": "Should be used for more complex effects (such as Modal)" - }, - "fast": { - "value": "200", - "type": "other", - "description": "Should be used for more complex effects (such as Dropdown or Accordion)" - }, - "extra-fast": { - "value": "100", - "type": "other", - "description": "Should be used for simpler effects and relatively small-sized animations (such as fades or color changes)" - }, "switch": { "value": "{duration.extra-fast}", "type": "other", diff --git a/semcore/core/src/theme/light.json b/semcore/core/src/theme/light.json index 0878488d7b..f13c084e5a 100644 --- a/semcore/core/src/theme/light.json +++ b/semcore/core/src/theme/light.json @@ -403,6 +403,286 @@ "value": "#002203", "type": "color" } + }, + "base": { + "value": "Inter", + "type": "fontFamilies", + "description": "Base font family." + }, + "lh-800": { + "value": "117%", + "type": "lineHeights", + "description": "Use with font-size-800." + }, + "lh-700": { + "value": "110%", + "type": "lineHeights", + "description": "Use with font-size-700." + }, + "lh-600": { + "value": "125%", + "type": "lineHeights", + "description": "Use with font-size-600." + }, + "lh-500": { + "value": "117%", + "type": "lineHeights", + "description": "Use with font-size-500." + }, + "lh-400": { + "value": "120%", + "type": "lineHeights", + "description": "Use with font-size-400." + }, + "lh-300": { + "value": "150%", + "type": "lineHeights", + "description": "Use with font-size-300." + }, + "lh-200": { + "value": "142%", + "type": "lineHeights", + "description": "Use with font-size-200." + }, + "lh-100": { + "value": "133%", + "type": "lineHeights", + "description": "Use with font-size-100." + }, + "semi-bold": { + "value": "600", + "type": "fontWeights", + "description": "Semi-bold font weight." + }, + "bold": { + "value": "700", + "type": "fontWeights", + "description": "Bold font weight." + }, + "regular": { + "value": "400", + "type": "fontWeights", + "description": "Regular font weight." + }, + "medium": { + "value": "500", + "type": "fontWeights", + "description": "Medium font weight." + }, + "fs-50": { + "value": "10px", + "type": "fontSizes", + "description": "Use only for text in Badge component." + }, + "fs-100": { + "value": "12px", + "type": "fontSizes", + "description": "Use this font-size with caution for text in some additional messages. Always check its contrast and readability." + }, + "fs-200": { + "value": "14px", + "type": "fontSizes" + }, + "fs-300": { + "value": "16px", + "type": "fontSizes" + }, + "fs-400": { + "value": "20px", + "type": "fontSizes" + }, + "fs-500": { + "value": "24px", + "type": "fontSizes" + }, + "fs-600": { + "value": "32px", + "type": "fontSizes" + }, + "fs-700": { + "value": "36px", + "type": "fontSizes" + }, + "fs-800": { + "value": "48px", + "type": "fontSizes" + }, + "compact": { + "value": "0.3", + "type": "letterSpacing", + "description": "Compact letter spacing." + }, + "scale-indent": { + "value": "4px", + "type": "spacing", + "description": "Base denominator of the design system." + }, + "spacing-05x": { + "value": "{scale-indent}*0.5", + "type": "spacing", + "description": "2px" + }, + "spacing-1x": { + "value": "{scale-indent}*1", + "type": "spacing", + "description": "4px" + }, + "spacing-2x": { + "value": "{scale-indent}*2", + "type": "spacing", + "description": "8px" + }, + "spacing-3x": { + "value": "{scale-indent}*3", + "type": "spacing", + "description": "12px" + }, + "spacing-4x": { + "value": "{scale-indent}*4", + "type": "spacing", + "description": "16px" + }, + "spacing-5x": { + "value": "{scale-indent}*5", + "type": "spacing", + "description": "20px" + }, + "spacing-6x": { + "value": "{scale-indent}*6", + "type": "spacing", + "description": "24px" + }, + "spacing-8x": { + "value": "{scale-indent}*8", + "type": "spacing", + "description": "32px" + }, + "spacing-10x": { + "value": "{scale-indent}*10", + "type": "spacing", + "description": "40px" + }, + "spacing-14x": { + "value": "{scale-indent}*14", + "type": "spacing", + "description": "56px" + }, + "spacing-20x": { + "value": "{scale-indent}*20", + "type": "spacing", + "description": "80px" + }, + "spacing-24x": { + "value": "{scale-indent}*24", + "type": "spacing", + "description": "96px" + }, + "spacing-30x": { + "value": "{scale-indent}*30", + "type": "spacing", + "description": "120px" + }, + "rounded-extra-small": { + "value": "2px", + "type": "borderRadius" + }, + "rounded-small": { + "value": "4px", + "type": "borderRadius" + }, + "rounded-medium": { + "value": "6px", + "type": "borderRadius" + }, + "rounded-large": { + "value": "12px", + "type": "borderRadius" + }, + "rounded-extra-large": { + "value": "24px", + "type": "borderRadius" + }, + "disabled-opacity": { + "value": "0.3", + "type": "opacity", + "description": "Use for the disabled state of all kind of the controls and elements." + }, + "screen-extra-small": { + "value": "320px", + "type": "sizing", + "description": "Extra small screens (small phones)." + }, + "screen-small": { + "value": "768px", + "type": "sizing", + "description": "Small screens (phones and small tablets)." + }, + "screen-medium": { + "value": "1200px", + "type": "sizing", + "description": "Medium screens (tablets and small laptops)." + }, + "screen-large": { + "value": "1920px", + "type": "sizing", + "description": "Large screens (tablets and laptops)." + }, + "z-index": { + "deep": { + "value": "-999", + "type": "other" + }, + "overlay": { + "value": "500", + "type": "other" + }, + "modal": { + "value": "900", + "type": "other" + }, + "popper": { + "value": "700", + "type": "other" + }, + "dropdown": { + "value": "750", + "type": "other" + }, + "tooltip": { + "value": "800", + "type": "other" + }, + "notice-bubble": { + "value": "999", + "type": "other" + } + }, + "duration": { + "extra-slow": { + "value": "500", + "type": "other", + "description": "Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen)" + }, + "slow": { + "value": "400", + "type": "other", + "description": "Should be used for more larger scale animations (such as page transitions)" + }, + "medium": { + "value": "300", + "type": "other", + "description": "Should be used for more complex effects (such as Modal)" + }, + "fast": { + "value": "200", + "type": "other", + "description": "Should be used for more complex effects (such as Dropdown or Accordion)" + }, + "extra-fast": { + "value": "100", + "type": "other", + "description": "Should be used for simpler effects and relatively small-sized animations (such as fades or color changes)" + } } }, "tokens": { @@ -1531,217 +1811,109 @@ "description": "Default shadow of the Card." }, "card-hover": { - "value": "3px 3px 30px 0px rgba({gray.800}, 0.15)", - "type": "boxShadow", - "description": "Hover state for the shadow of the Card with hover state." - }, - "dnd": { - "value": "0px 0px 1px 0px rgba({gray.800}, 0.16); 0px 12px 40px 0px rgba({gray.800}, 0.16)", - "type": "boxShadow", - "description": "Shadow for show that element are being drag-and-drop." - }, - "modal": { - "value": "0px 3px 8px 0px rgba({gray.800}, 0.2)", - "type": "boxShadow", - "description": "Default shadow if the Modal window." - }, - "popper": { - "value": "0px 1px 12px 0px rgba({gray.800}, 0.15)", - "type": "boxShadow", - "description": "Default shadow of all Poppers, Dropdowns and Tooltips." - }, - "float-control": { - "value": [ - { - "x": "0", - "y": "0", - "blur": "1", - "spread": "0", - "color": "rgba(0,0,0,0.16)", - "type": "dropShadow" - }, - { - "x": "0", - "y": "1", - "blur": "2", - "spread": "0", - "color": "rgba(0,0,0,0.12)", - "type": "dropShadow" - } - ], - "type": "boxShadow", - "description": "Use it only for controls that float above the whole interface." - }, - "float-control-hover": { - "value": [ - { - "x": "0", - "y": "0", - "blur": "2", - "spread": "0", - "color": "rgba(0,0,0,0.2)", - "type": "dropShadow" - }, - { - "x": "0", - "y": "1", - "blur": "4", - "spread": "0", - "color": "rgba(0,0,0,0.16)", - "type": "dropShadow" - } - ], - "type": "boxShadow", - "description": "Use it only for controls that float above the whole interface." - } - }, -"keyboard-focus": { - "value": "0px 0px 0px 3px rgba({keyboard-focus.outline}, 0.5)", - "type": "boxShadow", - "description": "Default keyboard focus box-shadow styles.", - "outline": { - "value": "{blue.400}", - "type": "color", - "description": "Color for default keyboard focus outline styles." - }, - "invalid": { - "value": "0px 0px 0px 3px rgba({keyboard-focus.invalid.outline}, 0.5)", - "type": "boxShadow", - "description": "Keyboard focus styles for elements with invalid state.", - "outline": { - "value": "{red.400}", - "type": "color", - "description": "Color for keyboard focus outline styles for elements with invalid state." - } - }, - "valid": { - "value": "0px 0px 0px 3px rgba({keyboard-focus.valid.outline}, 0.5)", - "type": "boxShadow", - "description": "Keyboard focus styles for elements with valid state.", - "outline": { - "value": "{green.400}", - "type": "color", - "description": "Color for keyboard focus outline styles for elements with valid state." - } - }, - "invert": { - "value": "0px 0px 0px 3px {keyboard-focus.invert.outline}", - "type": "boxShadow", - "description": "Keyboard focus styles for use on dark backgrounds.", - "outline": { - "value": "rgba({gray.white}, 0.8)", - "type": "color", - "description": "Color for keyboard focus outline styles to use on the dark and color background." - } - } -}, - "base": { - "value": "Inter", - "type": "fontFamilies", - "description": "Base font family." - }, - "lh-800": { - "value": "117%", - "type": "lineHeights", - "description": "Use with font-size-800." - }, - "lh-700": { - "value": "110%", - "type": "lineHeights", - "description": "Use with font-size-700." - }, - "lh-600": { - "value": "125%", - "type": "lineHeights", - "description": "Use with font-size-600." - }, - "lh-500": { - "value": "117%", - "type": "lineHeights", - "description": "Use with font-size-500." - }, - "lh-400": { - "value": "120%", - "type": "lineHeights", - "description": "Use with font-size-400." - }, - "lh-300": { - "value": "150%", - "type": "lineHeights", - "description": "Use with font-size-300." - }, - "lh-200": { - "value": "142%", - "type": "lineHeights", - "description": "Use with font-size-200." - }, - "lh-100": { - "value": "133%", - "type": "lineHeights", - "description": "Use with font-size-100." - }, - "semi-bold": { - "value": "600", - "type": "fontWeights", - "description": "Semi-bold font weight." - }, - "bold": { - "value": "700", - "type": "fontWeights", - "description": "Bold font weight." - }, - "regular": { - "value": "400", - "type": "fontWeights", - "description": "Regular font weight." - }, - "medium": { - "value": "500", - "type": "fontWeights", - "description": "Medium font weight." - }, - "fs-50": { - "value": "10px", - "type": "fontSizes", - "description": "Use only for text in Badge component." - }, - "fs-100": { - "value": "12px", - "type": "fontSizes", - "description": "Use this font-size with caution for text in some additional messages. Always check its contrast and readability." - }, - "fs-200": { - "value": "14px", - "type": "fontSizes" - }, - "fs-300": { - "value": "16px", - "type": "fontSizes" - }, - "fs-400": { - "value": "20px", - "type": "fontSizes" - }, - "fs-500": { - "value": "24px", - "type": "fontSizes" - }, - "fs-600": { - "value": "32px", - "type": "fontSizes" - }, - "fs-700": { - "value": "36px", - "type": "fontSizes" - }, - "fs-800": { - "value": "48px", - "type": "fontSizes" + "value": "3px 3px 30px 0px rgba({gray.800}, 0.15)", + "type": "boxShadow", + "description": "Hover state for the shadow of the Card with hover state." + }, + "dnd": { + "value": "0px 0px 1px 0px rgba({gray.800}, 0.16); 0px 12px 40px 0px rgba({gray.800}, 0.16)", + "type": "boxShadow", + "description": "Shadow for show that element are being drag-and-drop." + }, + "modal": { + "value": "0px 3px 8px 0px rgba({gray.800}, 0.2)", + "type": "boxShadow", + "description": "Default shadow if the Modal window." + }, + "popper": { + "value": "0px 1px 12px 0px rgba({gray.800}, 0.15)", + "type": "boxShadow", + "description": "Default shadow of all Poppers, Dropdowns and Tooltips." + }, + "float-control": { + "value": [ + { + "x": "0", + "y": "0", + "blur": "1", + "spread": "0", + "color": "rgba(0,0,0,0.16)", + "type": "dropShadow" + }, + { + "x": "0", + "y": "1", + "blur": "2", + "spread": "0", + "color": "rgba(0,0,0,0.12)", + "type": "dropShadow" + } + ], + "type": "boxShadow", + "description": "Use it only for controls that float above the whole interface." + }, + "float-control-hover": { + "value": [ + { + "x": "0", + "y": "0", + "blur": "2", + "spread": "0", + "color": "rgba(0,0,0,0.2)", + "type": "dropShadow" + }, + { + "x": "0", + "y": "1", + "blur": "4", + "spread": "0", + "color": "rgba(0,0,0,0.16)", + "type": "dropShadow" + } + ], + "type": "boxShadow", + "description": "Use it only for controls that float above the whole interface." + } }, - "compact": { - "value": "0.3", - "type": "letterSpacing", - "description": "Compact letter spacing." + "keyboard-focus": { + "value": "0px 0px 0px 3px rgba({keyboard-focus.outline}, 0.5)", + "type": "boxShadow", + "description": "Default keyboard focus box-shadow styles.", + "outline": { + "value": "{blue.400}", + "type": "color", + "description": "Color for default keyboard focus outline styles." + }, + "invalid": { + "value": "0px 0px 0px 3px rgba({keyboard-focus.invalid.outline}, 0.5)", + "type": "boxShadow", + "description": "Keyboard focus styles for elements with invalid state.", + "outline": { + "value": "{red.400}", + "type": "color", + "description": "Color for keyboard focus outline styles for elements with invalid state." + } + }, + "valid": { + "value": "0px 0px 0px 3px rgba({keyboard-focus.valid.outline}, 0.5)", + "type": "boxShadow", + "description": "Keyboard focus styles for elements with valid state.", + "outline": { + "value": "{green.400}", + "type": "color", + "description": "Color for keyboard focus outline styles for elements with valid state." + } + }, + "invert": { + "value": "0px 0px 0px 3px {keyboard-focus.invert.outline}", + "type": "boxShadow", + "description": "Keyboard focus styles for use on dark backgrounds.", + "outline": { + "value": "rgba({gray.white}, 0.8)", + "type": "color", + "description": "Color for keyboard focus outline styles to use on the dark and color background." + } + } }, "heading-h1": { "value": { @@ -1812,11 +1984,6 @@ "type": "typography", "description": "Use for big subtitles on the landing pages." }, - "scale-indent": { - "value": "4px", - "type": "spacing", - "description": "Base denominator of the design system." - }, "form-control-s": { "value": "{scale-indent}*5", "type": "sizing", @@ -1832,91 +1999,6 @@ "type": "sizing", "description": "Large size of the controls." }, - "spacing-05x": { - "value": "{scale-indent}*0.5", - "type": "spacing", - "description": "2px" - }, - "spacing-1x": { - "value": "{scale-indent}*1", - "type": "spacing", - "description": "4px" - }, - "spacing-2x": { - "value": "{scale-indent}*2", - "type": "spacing", - "description": "8px" - }, - "spacing-3x": { - "value": "{scale-indent}*3", - "type": "spacing", - "description": "12px" - }, - "spacing-4x": { - "value": "{scale-indent}*4", - "type": "spacing", - "description": "16px" - }, - "spacing-5x": { - "value": "{scale-indent}*5", - "type": "spacing", - "description": "20px" - }, - "spacing-6x": { - "value": "{scale-indent}*6", - "type": "spacing", - "description": "24px" - }, - "spacing-8x": { - "value": "{scale-indent}*8", - "type": "spacing", - "description": "32px" - }, - "spacing-10x": { - "value": "{scale-indent}*10", - "type": "spacing", - "description": "40px" - }, - "spacing-14x": { - "value": "{scale-indent}*14", - "type": "spacing", - "description": "56px" - }, - "spacing-20x": { - "value": "{scale-indent}*20", - "type": "spacing", - "description": "80px" - }, - "spacing-24x": { - "value": "{scale-indent}*24", - "type": "spacing", - "description": "96px" - }, - "spacing-30x": { - "value": "{scale-indent}*30", - "type": "spacing", - "description": "120px" - }, - "rounded-extra-small": { - "value": "2px", - "type": "borderRadius" - }, - "rounded-small": { - "value": "4px", - "type": "borderRadius" - }, - "rounded-medium": { - "value": "6px", - "type": "borderRadius" - }, - "rounded-large": { - "value": "12px", - "type": "borderRadius" - }, - "rounded-extra-large": { - "value": "24px", - "type": "borderRadius" - }, "addon-rounded": { "value": "{rounded-small}", "type": "borderRadius", @@ -1972,31 +2054,6 @@ "type": "borderRadius", "description": "Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard)." }, - "disabled-opacity": { - "value": "0.3", - "type": "opacity", - "description": "Use for the disabled state of all kind of the controls and elements." - }, - "screen-extra-small": { - "value": "320px", - "type": "sizing", - "description": "Extra small screens (small phones)." - }, - "screen-small": { - "value": "768px", - "type": "sizing", - "description": "Small screens (phones and small tablets)." - }, - "screen-medium": { - "value": "1200px", - "type": "sizing", - "description": "Medium screens (tablets and small laptops)." - }, - "screen-large": { - "value": "1920px", - "type": "sizing", - "description": "Large screens (tablets and laptops)." - }, "overlay": { "primary": { "value": "rgba({gray.800}, 0.7)", @@ -2019,36 +2076,6 @@ "description": "Use as a secondary cover of the content under the messages about limitations." } }, - "z-index": { - "deep": { - "value": "-999", - "type": "other" - }, - "overlay": { - "value": "500", - "type": "other" - }, - "modal": { - "value": "900", - "type": "other" - }, - "popper": { - "value": "700", - "type": "other" - }, - "dropdown": { - "value": "750", - "type": "other" - }, - "tooltip": { - "value": "800", - "type": "other" - }, - "notice-bubble": { - "value": "999", - "type": "other" - } - }, "tooltip": { "default": { "value": "{gray.white}", @@ -2546,31 +2573,6 @@ } }, "duration": { - "extra-slow": { - "value": "500", - "type": "other", - "description": "Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen)" - }, - "slow": { - "value": "400", - "type": "other", - "description": "Should be used for more larger scale animations (such as page transitions)" - }, - "medium": { - "value": "300", - "type": "other", - "description": "Should be used for more complex effects (such as Modal)" - }, - "fast": { - "value": "200", - "type": "other", - "description": "Should be used for more complex effects (such as Dropdown or Accordion)" - }, - "extra-fast": { - "value": "100", - "type": "other", - "description": "Should be used for simpler effects and relatively small-sized animations (such as fades or color changes)" - }, "switch": { "value": "{duration.extra-fast}", "type": "other", diff --git a/semcore/core/src/theme/processor.ts b/semcore/core/src/theme/processor.ts index cfe2e7cb1f..e665c48aab 100644 --- a/semcore/core/src/theme/processor.ts +++ b/semcore/core/src/theme/processor.ts @@ -239,28 +239,30 @@ for (const theme of themes) { }[] = []; for (const token in values) { - if (!basicTokens.has(token)) { - const components = [ - ...new Set((usages[token] ?? []).map((cssPath) => cssPath.split('/')[2])), - ]; - components.sort((a, b) => a.localeCompare(b)); - - designTokensDocumentation.push({ - name: `--${prefix}-${token}`, - type: types[token], - rawValue: rawValues[token], - computedValue: values[token], - description: descriptions[token], - components, - }); - } + if (basicTokens.has(token) && types[token] === 'color') continue; + + const components = [ + ...new Set((usages[token] ?? []).map((cssPath) => cssPath.split('/')[2])), + ]; + components.sort((a, b) => a.localeCompare(b)); + + designTokensDocumentation.push({ + name: `--${prefix}-${token}`, + type: types[token], + rawValue: rawValues[token], + computedValue: values[token], + description: descriptions[token], + components, + }); } const baseTokensDocumentation: Token[] = []; const processGroup = (group: string, data: any) => { + if (data.type && data.type !== 'color') return; + for (const key in data) { - if (data[key].value) { + if (data[key].value && data[key].type === 'color') { const token: Token = { name: `--${group}-${key}`, value: data[key].value, diff --git a/semcore/core/src/theme/themes/auto.css b/semcore/core/src/theme/themes/auto.css index 1fef6aa40c..c191c2f652 100644 --- a/semcore/core/src/theme/themes/auto.css +++ b/semcore/core/src/theme/themes/auto.css @@ -110,6 +110,105 @@ --salad-600: #005613; --salad-700: #003509; --salad-800: #002203; + /* Base font family. */ + --intergalactic-base: Inter; + /* Use with font-size-800. */ + --intergalactic-lh-800: 117%; + /* Use with font-size-700. */ + --intergalactic-lh-700: 110%; + /* Use with font-size-600. */ + --intergalactic-lh-600: 125%; + /* Use with font-size-500. */ + --intergalactic-lh-500: 117%; + /* Use with font-size-400. */ + --intergalactic-lh-400: 120%; + /* Use with font-size-300. */ + --intergalactic-lh-300: 150%; + /* Use with font-size-200. */ + --intergalactic-lh-200: 142%; + /* Use with font-size-100. */ + --intergalactic-lh-100: 133%; + /* Semi-bold font weight. */ + --intergalactic-semi-bold: 600; + /* Bold font weight. */ + --intergalactic-bold: 700; + /* Regular font weight. */ + --intergalactic-regular: 400; + /* Medium font weight. */ + --intergalactic-medium: 500; + /* Use only for text in Badge component. */ + --intergalactic-fs-50: 10px; + /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */ + --intergalactic-fs-100: 12px; + --intergalactic-fs-200: 14px; + --intergalactic-fs-300: 16px; + --intergalactic-fs-400: 20px; + --intergalactic-fs-500: 24px; + --intergalactic-fs-600: 32px; + --intergalactic-fs-700: 36px; + --intergalactic-fs-800: 48px; + /* Compact letter spacing. */ + --intergalactic-compact: 0.3; + /* Base denominator of the design system. */ + --intergalactic-scale-indent: 4px; + /* 2px */ + --intergalactic-spacing-05x: 2px; + /* 4px */ + --intergalactic-spacing-1x: 4px; + /* 8px */ + --intergalactic-spacing-2x: 8px; + /* 12px */ + --intergalactic-spacing-3x: 12px; + /* 16px */ + --intergalactic-spacing-4x: 16px; + /* 20px */ + --intergalactic-spacing-5x: 20px; + /* 24px */ + --intergalactic-spacing-6x: 24px; + /* 32px */ + --intergalactic-spacing-8x: 32px; + /* 40px */ + --intergalactic-spacing-10x: 40px; + /* 56px */ + --intergalactic-spacing-14x: 56px; + /* 80px */ + --intergalactic-spacing-20x: 80px; + /* 96px */ + --intergalactic-spacing-24x: 96px; + /* 120px */ + --intergalactic-spacing-30x: 120px; + --intergalactic-rounded-extra-small: 2px; + --intergalactic-rounded-small: 4px; + --intergalactic-rounded-medium: 6px; + --intergalactic-rounded-large: 12px; + --intergalactic-rounded-extra-large: 24px; + /* Use for the disabled state of all kind of the controls and elements. */ + --intergalactic-disabled-opacity: 0.3; + /* Extra small screens (small phones). */ + --intergalactic-screen-extra-small: 320px; + /* Small screens (phones and small tablets). */ + --intergalactic-screen-small: 768px; + /* Medium screens (tablets and small laptops). */ + --intergalactic-screen-medium: 1200px; + /* Large screens (tablets and laptops). */ + --intergalactic-screen-large: 1920px; + --intergalactic-z-index-deep: -999; + --intergalactic-z-index-overlay: 500; + --intergalactic-z-index-modal: 900; + --intergalactic-z-index-popper: 700; + --intergalactic-z-index-dropdown: 750; + --intergalactic-z-index-tooltip: 800; + --intergalactic-z-index-notice-bubble: 999; + /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */ + --intergalactic-duration-extra-slow: 500; + /* Should be used for more larger scale animations (such as page transitions) */ + --intergalactic-duration-slow: 400; + /* Should be used for more complex effects (such as Modal) */ + --intergalactic-duration-medium: 300; + /* Should be used for more complex effects (such as Dropdown or Accordion) */ + --intergalactic-duration-fast: 200; + /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */ + --intergalactic-duration-extra-fast: 100; /* Primary background of the interface which contains the main data and information. */ --intergalactic-bg-primary-neutral: #ffffff; /* Hover state of the primary background of the interface which contains the main data and information. */ @@ -554,84 +653,12 @@ --intergalactic-keyboard-focus-invert: 0px 0px 0px 3px rgba(255, 255, 255, 0.8); /* Default keyboard focus box-shadow styles. */ --intergalactic-keyboard-focus: 0px 0px 0px 3px rgba(0, 143, 248, 0.5); - /* Base font family. */ - --intergalactic-base: Inter; - /* Use with font-size-800. */ - --intergalactic-lh-800: 117%; - /* Use with font-size-700. */ - --intergalactic-lh-700: 110%; - /* Use with font-size-600. */ - --intergalactic-lh-600: 125%; - /* Use with font-size-500. */ - --intergalactic-lh-500: 117%; - /* Use with font-size-400. */ - --intergalactic-lh-400: 120%; - /* Use with font-size-300. */ - --intergalactic-lh-300: 150%; - /* Use with font-size-200. */ - --intergalactic-lh-200: 142%; - /* Use with font-size-100. */ - --intergalactic-lh-100: 133%; - /* Semi-bold font weight. */ - --intergalactic-semi-bold: 600; - /* Bold font weight. */ - --intergalactic-bold: 700; - /* Regular font weight. */ - --intergalactic-regular: 400; - /* Medium font weight. */ - --intergalactic-medium: 500; - /* Use only for text in Badge component. */ - --intergalactic-fs-50: 10px; - /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */ - --intergalactic-fs-100: 12px; - --intergalactic-fs-200: 14px; - --intergalactic-fs-300: 16px; - --intergalactic-fs-400: 20px; - --intergalactic-fs-500: 24px; - --intergalactic-fs-600: 32px; - --intergalactic-fs-700: 36px; - --intergalactic-fs-800: 48px; - /* Compact letter spacing. */ - --intergalactic-compact: 0.3; - /* Base denominator of the design system. */ - --intergalactic-scale-indent: 4px; /* Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions. */ --intergalactic-form-control-s: 20px; /* Default size of the controls. */ --intergalactic-form-control-m: 28px; /* Large size of the controls. */ --intergalactic-form-control-l: 40px; - /* 2px */ - --intergalactic-spacing-05x: 2px; - /* 4px */ - --intergalactic-spacing-1x: 4px; - /* 8px */ - --intergalactic-spacing-2x: 8px; - /* 12px */ - --intergalactic-spacing-3x: 12px; - /* 16px */ - --intergalactic-spacing-4x: 16px; - /* 20px */ - --intergalactic-spacing-5x: 20px; - /* 24px */ - --intergalactic-spacing-6x: 24px; - /* 32px */ - --intergalactic-spacing-8x: 32px; - /* 40px */ - --intergalactic-spacing-10x: 40px; - /* 56px */ - --intergalactic-spacing-14x: 56px; - /* 80px */ - --intergalactic-spacing-20x: 80px; - /* 96px */ - --intergalactic-spacing-24x: 96px; - /* 120px */ - --intergalactic-spacing-30x: 120px; - --intergalactic-rounded-extra-small: 2px; - --intergalactic-rounded-small: 4px; - --intergalactic-rounded-medium: 6px; - --intergalactic-rounded-large: 12px; - --intergalactic-rounded-extra-large: 24px; /* Use for rounding addons and small controls like Checkbox. */ --intergalactic-addon-rounded: 4px; /* Use for rounding Badge. */ @@ -654,16 +681,6 @@ --intergalactic-popper-rounded: 6px; /* Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard). */ --intergalactic-modal-rounded: 12px; - /* Use for the disabled state of all kind of the controls and elements. */ - --intergalactic-disabled-opacity: 0.3; - /* Extra small screens (small phones). */ - --intergalactic-screen-extra-small: 320px; - /* Small screens (phones and small tablets). */ - --intergalactic-screen-small: 768px; - /* Medium screens (tablets and small laptops). */ - --intergalactic-screen-medium: 1200px; - /* Large screens (tablets and laptops). */ - --intergalactic-screen-large: 1920px; /* Use for cover the content under the modal dialogs. */ --intergalactic-overlay-primary: rgba(25, 27, 35, 0.7); /* Use for the secondary modal dialogs that were opened upon the other modal dialogs. */ @@ -672,13 +689,6 @@ --intergalactic-overlay-limitation-primary: #f4f5f9; /* Use as a secondary cover of the content under the messages about limitations. */ --intergalactic-overlay-limitation-secondary: rgba(255, 255, 255, 0.85); - --intergalactic-z-index-deep: -999; - --intergalactic-z-index-overlay: 500; - --intergalactic-z-index-modal: 900; - --intergalactic-z-index-popper: 700; - --intergalactic-z-index-dropdown: 750; - --intergalactic-z-index-tooltip: 800; - --intergalactic-z-index-notice-bubble: 999; /* Default Tooltip background. */ --intergalactic-tooltip-default: #ffffff; /* Warning Tooltip background. */ @@ -852,16 +862,6 @@ --intergalactic-sidebar-nav-control-text-active: #4D407E; --intergalactic-sidebar-nav-control-icon-normal: #9083C5; --intergalactic-sidebar-nav-control-icon-active: #4D407E; - /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */ - --intergalactic-duration-extra-slow: 500; - /* Should be used for more larger scale animations (such as page transitions) */ - --intergalactic-duration-slow: 400; - /* Should be used for more complex effects (such as Modal) */ - --intergalactic-duration-medium: 300; - /* Should be used for more complex effects (such as Dropdown or Accordion) */ - --intergalactic-duration-fast: 200; - /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */ - --intergalactic-duration-extra-fast: 100; /* Use for small controls like Switch or Slider. */ --intergalactic-duration-switch: 100; /* Use for components based on popper like Tooltip, Dropdown or Filter trigger. */ @@ -987,6 +987,105 @@ --salad-600: #005613; --salad-700: #003509; --salad-800: #002203; + /* Base font family. */ + --intergalactic-base: Inter; + /* Use with font-size-800. */ + --intergalactic-lh-800: 117%; + /* Use with font-size-700. */ + --intergalactic-lh-700: 110%; + /* Use with font-size-600. */ + --intergalactic-lh-600: 125%; + /* Use with font-size-500. */ + --intergalactic-lh-500: 117%; + /* Use with font-size-400. */ + --intergalactic-lh-400: 120%; + /* Use with font-size-300. */ + --intergalactic-lh-300: 150%; + /* Use with font-size-200. */ + --intergalactic-lh-200: 142%; + /* Use with font-size-100. */ + --intergalactic-lh-100: 133%; + /* Semi-bold font weight. */ + --intergalactic-semi-bold: 600; + /* Bold font weight. */ + --intergalactic-bold: 700; + /* Regular font weight. */ + --intergalactic-regular: 400; + /* Medium font weight. */ + --intergalactic-medium: 500; + /* Use only for text in Badge component. */ + --intergalactic-fs-50: 10px; + /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */ + --intergalactic-fs-100: 12px; + --intergalactic-fs-200: 14px; + --intergalactic-fs-300: 16px; + --intergalactic-fs-400: 20px; + --intergalactic-fs-500: 24px; + --intergalactic-fs-600: 32px; + --intergalactic-fs-700: 36px; + --intergalactic-fs-800: 48px; + /* Compact letter spacing. */ + --intergalactic-compact: 0.3; + /* Base denominator of the design system. */ + --intergalactic-scale-indent: 4px; + /* 2px */ + --intergalactic-spacing-05x: 2px; + /* 4px */ + --intergalactic-spacing-1x: 4px; + /* 8px */ + --intergalactic-spacing-2x: 8px; + /* 12px */ + --intergalactic-spacing-3x: 12px; + /* 16px */ + --intergalactic-spacing-4x: 16px; + /* 20px */ + --intergalactic-spacing-5x: 20px; + /* 24px */ + --intergalactic-spacing-6x: 24px; + /* 32px */ + --intergalactic-spacing-8x: 32px; + /* 40px */ + --intergalactic-spacing-10x: 40px; + /* 56px */ + --intergalactic-spacing-14x: 56px; + /* 80px */ + --intergalactic-spacing-20x: 80px; + /* 96px */ + --intergalactic-spacing-24x: 96px; + /* 120px */ + --intergalactic-spacing-30x: 120px; + --intergalactic-rounded-extra-small: 2px; + --intergalactic-rounded-small: 4px; + --intergalactic-rounded-medium: 6px; + --intergalactic-rounded-large: 12px; + --intergalactic-rounded-extra-large: 24px; + /* Use for the disabled state of all kind of the controls and elements. */ + --intergalactic-disabled-opacity: 0.3; + /* Extra small screens (small phones). */ + --intergalactic-screen-extra-small: 320px; + /* Small screens (phones and small tablets). */ + --intergalactic-screen-small: 768px; + /* Medium screens (tablets and small laptops). */ + --intergalactic-screen-medium: 1200px; + /* Large screens (tablets and laptops). */ + --intergalactic-screen-large: 1920px; + --intergalactic-z-index-deep: -999; + --intergalactic-z-index-overlay: 500; + --intergalactic-z-index-modal: 900; + --intergalactic-z-index-popper: 700; + --intergalactic-z-index-dropdown: 750; + --intergalactic-z-index-tooltip: 800; + --intergalactic-z-index-notice-bubble: 999; + /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */ + --intergalactic-duration-extra-slow: 500; + /* Should be used for more larger scale animations (such as page transitions) */ + --intergalactic-duration-slow: 400; + /* Should be used for more complex effects (such as Modal) */ + --intergalactic-duration-medium: 300; + /* Should be used for more complex effects (such as Dropdown or Accordion) */ + --intergalactic-duration-fast: 200; + /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */ + --intergalactic-duration-extra-fast: 100; /* Primary background of the interface which contains the main data and information. */ --intergalactic-bg-primary-neutral: rgba(30, 34, 49, 1); /* Hover state of the primary background of the interface which contains the main data and information. */ @@ -1425,84 +1524,12 @@ --intergalactic-keyboard-focus-invert: 0px 0px 0px 3px rgba(255, 255, 255, 0.8); /* Default keyboard focus box-shadow styles. */ --intergalactic-keyboard-focus: 0px 0px 0px 3px rgba(0, 143, 248, 0.5); - /* Base font family. */ - --intergalactic-base: Inter; - /* Use with font-size-800. */ - --intergalactic-lh-800: 117%; - /* Use with font-size-700. */ - --intergalactic-lh-700: 110%; - /* Use with font-size-600. */ - --intergalactic-lh-600: 125%; - /* Use with font-size-500. */ - --intergalactic-lh-500: 117%; - /* Use with font-size-400. */ - --intergalactic-lh-400: 120%; - /* Use with font-size-300. */ - --intergalactic-lh-300: 150%; - /* Use with font-size-200. */ - --intergalactic-lh-200: 142%; - /* Use with font-size-100. */ - --intergalactic-lh-100: 133%; - /* Semi-bold font weight. */ - --intergalactic-semi-bold: 600; - /* Bold font weight. */ - --intergalactic-bold: 700; - /* Regular font weight. */ - --intergalactic-regular: 400; - /* Medium font weight. */ - --intergalactic-medium: 500; - /* Use only for text in Badge component. */ - --intergalactic-fs-50: 10px; - /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */ - --intergalactic-fs-100: 12px; - --intergalactic-fs-200: 14px; - --intergalactic-fs-300: 16px; - --intergalactic-fs-400: 20px; - --intergalactic-fs-500: 24px; - --intergalactic-fs-600: 32px; - --intergalactic-fs-700: 36px; - --intergalactic-fs-800: 48px; - /* Compact letter spacing. */ - --intergalactic-compact: 0.3; - /* Base denominator of the design system. */ - --intergalactic-scale-indent: 4px; /* Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions. */ --intergalactic-form-control-s: 20px; /* Default size of the controls. */ --intergalactic-form-control-m: 28px; /* Large size of the controls. */ --intergalactic-form-control-l: 40px; - /* 2px */ - --intergalactic-spacing-05x: 2px; - /* 4px */ - --intergalactic-spacing-1x: 4px; - /* 8px */ - --intergalactic-spacing-2x: 8px; - /* 12px */ - --intergalactic-spacing-3x: 12px; - /* 16px */ - --intergalactic-spacing-4x: 16px; - /* 20px */ - --intergalactic-spacing-5x: 20px; - /* 24px */ - --intergalactic-spacing-6x: 24px; - /* 32px */ - --intergalactic-spacing-8x: 32px; - /* 40px */ - --intergalactic-spacing-10x: 40px; - /* 56px */ - --intergalactic-spacing-14x: 56px; - /* 80px */ - --intergalactic-spacing-20x: 80px; - /* 96px */ - --intergalactic-spacing-24x: 96px; - /* 120px */ - --intergalactic-spacing-30x: 120px; - --intergalactic-rounded-extra-small: 2px; - --intergalactic-rounded-small: 4px; - --intergalactic-rounded-medium: 6px; - --intergalactic-rounded-large: 12px; - --intergalactic-rounded-extra-large: 24px; /* Use for rounding addons and small controls like Checkbox. */ --intergalactic-addon-rounded: 4px; /* Use for rounding Badge. */ @@ -1525,16 +1552,6 @@ --intergalactic-popper-rounded: 6px; /* Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard). */ --intergalactic-modal-rounded: 12px; - /* Use for the disabled state of all kind of the controls and elements. */ - --intergalactic-disabled-opacity: 0.3; - /* Extra small screens (small phones). */ - --intergalactic-screen-extra-small: 320px; - /* Small screens (phones and small tablets). */ - --intergalactic-screen-small: 768px; - /* Medium screens (tablets and small laptops). */ - --intergalactic-screen-medium: 1200px; - /* Large screens (tablets and laptops). */ - --intergalactic-screen-large: 1920px; /* Use for cover the content under the modal dialogs. */ --intergalactic-overlay-primary: rgba(25, 27, 35, 0.7); /* Use for the secondary modal dialogs that were opened upon the other modal dialogs. */ @@ -1543,13 +1560,6 @@ --intergalactic-overlay-limitation-primary: #f4f5f9; /* Use as a secondary cover of the content under the messages about limitations. */ --intergalactic-overlay-limitation-secondary: rgba(255, 255, 255, 0.85); - --intergalactic-z-index-deep: -999; - --intergalactic-z-index-overlay: 500; - --intergalactic-z-index-modal: 900; - --intergalactic-z-index-popper: 700; - --intergalactic-z-index-dropdown: 750; - --intergalactic-z-index-tooltip: 800; - --intergalactic-z-index-notice-bubble: 999; /* Default Tooltip background. */ --intergalactic-tooltip-default: #484a54; /* Warning Tooltip background. */ @@ -1723,16 +1733,6 @@ --intergalactic-sidebar-nav-control-text-active: #4D407E; --intergalactic-sidebar-nav-control-icon-normal: #9083C5; --intergalactic-sidebar-nav-control-icon-active: #4D407E; - /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */ - --intergalactic-duration-extra-slow: 500; - /* Should be used for more larger scale animations (such as page transitions) */ - --intergalactic-duration-slow: 400; - /* Should be used for more complex effects (such as Modal) */ - --intergalactic-duration-medium: 300; - /* Should be used for more complex effects (such as Dropdown or Accordion) */ - --intergalactic-duration-fast: 200; - /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */ - --intergalactic-duration-extra-fast: 100; /* Use for small controls like Switch or Slider. */ --intergalactic-duration-switch: 100; /* Use for components based on popper like Tooltip, Dropdown or Filter trigger. */ diff --git a/semcore/core/src/theme/themes/dark.css b/semcore/core/src/theme/themes/dark.css index 67a3cfb1ab..fb03ce1ccc 100644 --- a/semcore/core/src/theme/themes/dark.css +++ b/semcore/core/src/theme/themes/dark.css @@ -110,6 +110,105 @@ --salad-600: #005613; --salad-700: #003509; --salad-800: #002203; + /* Base font family. */ + --intergalactic-base: Inter; + /* Use with font-size-800. */ + --intergalactic-lh-800: 117%; + /* Use with font-size-700. */ + --intergalactic-lh-700: 110%; + /* Use with font-size-600. */ + --intergalactic-lh-600: 125%; + /* Use with font-size-500. */ + --intergalactic-lh-500: 117%; + /* Use with font-size-400. */ + --intergalactic-lh-400: 120%; + /* Use with font-size-300. */ + --intergalactic-lh-300: 150%; + /* Use with font-size-200. */ + --intergalactic-lh-200: 142%; + /* Use with font-size-100. */ + --intergalactic-lh-100: 133%; + /* Semi-bold font weight. */ + --intergalactic-semi-bold: 600; + /* Bold font weight. */ + --intergalactic-bold: 700; + /* Regular font weight. */ + --intergalactic-regular: 400; + /* Medium font weight. */ + --intergalactic-medium: 500; + /* Use only for text in Badge component. */ + --intergalactic-fs-50: 10px; + /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */ + --intergalactic-fs-100: 12px; + --intergalactic-fs-200: 14px; + --intergalactic-fs-300: 16px; + --intergalactic-fs-400: 20px; + --intergalactic-fs-500: 24px; + --intergalactic-fs-600: 32px; + --intergalactic-fs-700: 36px; + --intergalactic-fs-800: 48px; + /* Compact letter spacing. */ + --intergalactic-compact: 0.3; + /* Base denominator of the design system. */ + --intergalactic-scale-indent: 4px; + /* 2px */ + --intergalactic-spacing-05x: 2px; + /* 4px */ + --intergalactic-spacing-1x: 4px; + /* 8px */ + --intergalactic-spacing-2x: 8px; + /* 12px */ + --intergalactic-spacing-3x: 12px; + /* 16px */ + --intergalactic-spacing-4x: 16px; + /* 20px */ + --intergalactic-spacing-5x: 20px; + /* 24px */ + --intergalactic-spacing-6x: 24px; + /* 32px */ + --intergalactic-spacing-8x: 32px; + /* 40px */ + --intergalactic-spacing-10x: 40px; + /* 56px */ + --intergalactic-spacing-14x: 56px; + /* 80px */ + --intergalactic-spacing-20x: 80px; + /* 96px */ + --intergalactic-spacing-24x: 96px; + /* 120px */ + --intergalactic-spacing-30x: 120px; + --intergalactic-rounded-extra-small: 2px; + --intergalactic-rounded-small: 4px; + --intergalactic-rounded-medium: 6px; + --intergalactic-rounded-large: 12px; + --intergalactic-rounded-extra-large: 24px; + /* Use for the disabled state of all kind of the controls and elements. */ + --intergalactic-disabled-opacity: 0.3; + /* Extra small screens (small phones). */ + --intergalactic-screen-extra-small: 320px; + /* Small screens (phones and small tablets). */ + --intergalactic-screen-small: 768px; + /* Medium screens (tablets and small laptops). */ + --intergalactic-screen-medium: 1200px; + /* Large screens (tablets and laptops). */ + --intergalactic-screen-large: 1920px; + --intergalactic-z-index-deep: -999; + --intergalactic-z-index-overlay: 500; + --intergalactic-z-index-modal: 900; + --intergalactic-z-index-popper: 700; + --intergalactic-z-index-dropdown: 750; + --intergalactic-z-index-tooltip: 800; + --intergalactic-z-index-notice-bubble: 999; + /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */ + --intergalactic-duration-extra-slow: 500; + /* Should be used for more larger scale animations (such as page transitions) */ + --intergalactic-duration-slow: 400; + /* Should be used for more complex effects (such as Modal) */ + --intergalactic-duration-medium: 300; + /* Should be used for more complex effects (such as Dropdown or Accordion) */ + --intergalactic-duration-fast: 200; + /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */ + --intergalactic-duration-extra-fast: 100; /* Primary background of the interface which contains the main data and information. */ --intergalactic-bg-primary-neutral: rgba(30, 34, 49, 1); /* Hover state of the primary background of the interface which contains the main data and information. */ @@ -548,84 +647,12 @@ --intergalactic-keyboard-focus-invert: 0px 0px 0px 3px rgba(255, 255, 255, 0.8); /* Default keyboard focus box-shadow styles. */ --intergalactic-keyboard-focus: 0px 0px 0px 3px rgba(0, 143, 248, 0.5); - /* Base font family. */ - --intergalactic-base: Inter; - /* Use with font-size-800. */ - --intergalactic-lh-800: 117%; - /* Use with font-size-700. */ - --intergalactic-lh-700: 110%; - /* Use with font-size-600. */ - --intergalactic-lh-600: 125%; - /* Use with font-size-500. */ - --intergalactic-lh-500: 117%; - /* Use with font-size-400. */ - --intergalactic-lh-400: 120%; - /* Use with font-size-300. */ - --intergalactic-lh-300: 150%; - /* Use with font-size-200. */ - --intergalactic-lh-200: 142%; - /* Use with font-size-100. */ - --intergalactic-lh-100: 133%; - /* Semi-bold font weight. */ - --intergalactic-semi-bold: 600; - /* Bold font weight. */ - --intergalactic-bold: 700; - /* Regular font weight. */ - --intergalactic-regular: 400; - /* Medium font weight. */ - --intergalactic-medium: 500; - /* Use only for text in Badge component. */ - --intergalactic-fs-50: 10px; - /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */ - --intergalactic-fs-100: 12px; - --intergalactic-fs-200: 14px; - --intergalactic-fs-300: 16px; - --intergalactic-fs-400: 20px; - --intergalactic-fs-500: 24px; - --intergalactic-fs-600: 32px; - --intergalactic-fs-700: 36px; - --intergalactic-fs-800: 48px; - /* Compact letter spacing. */ - --intergalactic-compact: 0.3; - /* Base denominator of the design system. */ - --intergalactic-scale-indent: 4px; /* Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions. */ --intergalactic-form-control-s: 20px; /* Default size of the controls. */ --intergalactic-form-control-m: 28px; /* Large size of the controls. */ --intergalactic-form-control-l: 40px; - /* 2px */ - --intergalactic-spacing-05x: 2px; - /* 4px */ - --intergalactic-spacing-1x: 4px; - /* 8px */ - --intergalactic-spacing-2x: 8px; - /* 12px */ - --intergalactic-spacing-3x: 12px; - /* 16px */ - --intergalactic-spacing-4x: 16px; - /* 20px */ - --intergalactic-spacing-5x: 20px; - /* 24px */ - --intergalactic-spacing-6x: 24px; - /* 32px */ - --intergalactic-spacing-8x: 32px; - /* 40px */ - --intergalactic-spacing-10x: 40px; - /* 56px */ - --intergalactic-spacing-14x: 56px; - /* 80px */ - --intergalactic-spacing-20x: 80px; - /* 96px */ - --intergalactic-spacing-24x: 96px; - /* 120px */ - --intergalactic-spacing-30x: 120px; - --intergalactic-rounded-extra-small: 2px; - --intergalactic-rounded-small: 4px; - --intergalactic-rounded-medium: 6px; - --intergalactic-rounded-large: 12px; - --intergalactic-rounded-extra-large: 24px; /* Use for rounding addons and small controls like Checkbox. */ --intergalactic-addon-rounded: 4px; /* Use for rounding Badge. */ @@ -648,16 +675,6 @@ --intergalactic-popper-rounded: 6px; /* Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard). */ --intergalactic-modal-rounded: 12px; - /* Use for the disabled state of all kind of the controls and elements. */ - --intergalactic-disabled-opacity: 0.3; - /* Extra small screens (small phones). */ - --intergalactic-screen-extra-small: 320px; - /* Small screens (phones and small tablets). */ - --intergalactic-screen-small: 768px; - /* Medium screens (tablets and small laptops). */ - --intergalactic-screen-medium: 1200px; - /* Large screens (tablets and laptops). */ - --intergalactic-screen-large: 1920px; /* Use for cover the content under the modal dialogs. */ --intergalactic-overlay-primary: rgba(25, 27, 35, 0.7); /* Use for the secondary modal dialogs that were opened upon the other modal dialogs. */ @@ -666,13 +683,6 @@ --intergalactic-overlay-limitation-primary: #f4f5f9; /* Use as a secondary cover of the content under the messages about limitations. */ --intergalactic-overlay-limitation-secondary: rgba(255, 255, 255, 0.85); - --intergalactic-z-index-deep: -999; - --intergalactic-z-index-overlay: 500; - --intergalactic-z-index-modal: 900; - --intergalactic-z-index-popper: 700; - --intergalactic-z-index-dropdown: 750; - --intergalactic-z-index-tooltip: 800; - --intergalactic-z-index-notice-bubble: 999; /* Default Tooltip background. */ --intergalactic-tooltip-default: #484a54; /* Warning Tooltip background. */ @@ -846,16 +856,6 @@ --intergalactic-sidebar-nav-control-text-active: #4D407E; --intergalactic-sidebar-nav-control-icon-normal: #9083C5; --intergalactic-sidebar-nav-control-icon-active: #4D407E; - /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */ - --intergalactic-duration-extra-slow: 500; - /* Should be used for more larger scale animations (such as page transitions) */ - --intergalactic-duration-slow: 400; - /* Should be used for more complex effects (such as Modal) */ - --intergalactic-duration-medium: 300; - /* Should be used for more complex effects (such as Dropdown or Accordion) */ - --intergalactic-duration-fast: 200; - /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */ - --intergalactic-duration-extra-fast: 100; /* Use for small controls like Switch or Slider. */ --intergalactic-duration-switch: 100; /* Use for components based on popper like Tooltip, Dropdown or Filter trigger. */ diff --git a/semcore/core/src/theme/themes/dark.ts b/semcore/core/src/theme/themes/dark.ts index cf74fbc903..43d0b7d57c 100644 --- a/semcore/core/src/theme/themes/dark.ts +++ b/semcore/core/src/theme/themes/dark.ts @@ -90,6 +90,65 @@ export default { '--salad-600': '#005613', '--salad-700': '#003509', '--salad-800': '#002203', + '--intergalactic-base': 'Inter', + '--intergalactic-lh-800': '117%', + '--intergalactic-lh-700': '110%', + '--intergalactic-lh-600': '125%', + '--intergalactic-lh-500': '117%', + '--intergalactic-lh-400': '120%', + '--intergalactic-lh-300': '150%', + '--intergalactic-lh-200': '142%', + '--intergalactic-lh-100': '133%', + '--intergalactic-semi-bold': '600', + '--intergalactic-bold': '700', + '--intergalactic-regular': '400', + '--intergalactic-medium': '500', + '--intergalactic-fs-50': '10px', + '--intergalactic-fs-100': '12px', + '--intergalactic-fs-200': '14px', + '--intergalactic-fs-300': '16px', + '--intergalactic-fs-400': '20px', + '--intergalactic-fs-500': '24px', + '--intergalactic-fs-600': '32px', + '--intergalactic-fs-700': '36px', + '--intergalactic-fs-800': '48px', + '--intergalactic-compact': '0.3', + '--intergalactic-scale-indent': '4px', + '--intergalactic-spacing-05x': '2px', + '--intergalactic-spacing-1x': '4px', + '--intergalactic-spacing-2x': '8px', + '--intergalactic-spacing-3x': '12px', + '--intergalactic-spacing-4x': '16px', + '--intergalactic-spacing-5x': '20px', + '--intergalactic-spacing-6x': '24px', + '--intergalactic-spacing-8x': '32px', + '--intergalactic-spacing-10x': '40px', + '--intergalactic-spacing-14x': '56px', + '--intergalactic-spacing-20x': '80px', + '--intergalactic-spacing-24x': '96px', + '--intergalactic-spacing-30x': '120px', + '--intergalactic-rounded-extra-small': '2px', + '--intergalactic-rounded-small': '4px', + '--intergalactic-rounded-medium': '6px', + '--intergalactic-rounded-large': '12px', + '--intergalactic-rounded-extra-large': '24px', + '--intergalactic-disabled-opacity': '0.3', + '--intergalactic-screen-extra-small': '320px', + '--intergalactic-screen-small': '768px', + '--intergalactic-screen-medium': '1200px', + '--intergalactic-screen-large': '1920px', + '--intergalactic-z-index-deep': '-999', + '--intergalactic-z-index-overlay': '500', + '--intergalactic-z-index-modal': '900', + '--intergalactic-z-index-popper': '700', + '--intergalactic-z-index-dropdown': '750', + '--intergalactic-z-index-tooltip': '800', + '--intergalactic-z-index-notice-bubble': '999', + '--intergalactic-duration-extra-slow': '500', + '--intergalactic-duration-slow': '400', + '--intergalactic-duration-medium': '300', + '--intergalactic-duration-fast': '200', + '--intergalactic-duration-extra-fast': '100', '--intergalactic-bg-primary-neutral': 'rgba(30, 34, 49, 1)', '--intergalactic-bg-primary-neutral-hover': 'rgba(54, 56, 67, 1)', '--intergalactic-bg-primary-neutral-active': 'rgba(54, 56, 67, 1)', @@ -309,51 +368,9 @@ export default { '--intergalactic-keyboard-focus-invert-outline': 'rgba(255, 255, 255, 0.8)', '--intergalactic-keyboard-focus-invert': '0px 0px 0px 3px rgba(255, 255, 255, 0.8)', '--intergalactic-keyboard-focus': '0px 0px 0px 3px rgba(0, 143, 248, 0.5)', - '--intergalactic-base': 'Inter', - '--intergalactic-lh-800': '117%', - '--intergalactic-lh-700': '110%', - '--intergalactic-lh-600': '125%', - '--intergalactic-lh-500': '117%', - '--intergalactic-lh-400': '120%', - '--intergalactic-lh-300': '150%', - '--intergalactic-lh-200': '142%', - '--intergalactic-lh-100': '133%', - '--intergalactic-semi-bold': '600', - '--intergalactic-bold': '700', - '--intergalactic-regular': '400', - '--intergalactic-medium': '500', - '--intergalactic-fs-50': '10px', - '--intergalactic-fs-100': '12px', - '--intergalactic-fs-200': '14px', - '--intergalactic-fs-300': '16px', - '--intergalactic-fs-400': '20px', - '--intergalactic-fs-500': '24px', - '--intergalactic-fs-600': '32px', - '--intergalactic-fs-700': '36px', - '--intergalactic-fs-800': '48px', - '--intergalactic-compact': '0.3', - '--intergalactic-scale-indent': '4px', '--intergalactic-form-control-s': '20px', '--intergalactic-form-control-m': '28px', '--intergalactic-form-control-l': '40px', - '--intergalactic-spacing-05x': '2px', - '--intergalactic-spacing-1x': '4px', - '--intergalactic-spacing-2x': '8px', - '--intergalactic-spacing-3x': '12px', - '--intergalactic-spacing-4x': '16px', - '--intergalactic-spacing-5x': '20px', - '--intergalactic-spacing-6x': '24px', - '--intergalactic-spacing-8x': '32px', - '--intergalactic-spacing-10x': '40px', - '--intergalactic-spacing-14x': '56px', - '--intergalactic-spacing-20x': '80px', - '--intergalactic-spacing-24x': '96px', - '--intergalactic-spacing-30x': '120px', - '--intergalactic-rounded-extra-small': '2px', - '--intergalactic-rounded-small': '4px', - '--intergalactic-rounded-medium': '6px', - '--intergalactic-rounded-large': '12px', - '--intergalactic-rounded-extra-large': '24px', '--intergalactic-addon-rounded': '4px', '--intergalactic-badge-rounded': '6px', '--intergalactic-chart-rounded': '2px', @@ -365,22 +382,10 @@ export default { '--intergalactic-surface-rounded': '6px', '--intergalactic-popper-rounded': '6px', '--intergalactic-modal-rounded': '12px', - '--intergalactic-disabled-opacity': '0.3', - '--intergalactic-screen-extra-small': '320px', - '--intergalactic-screen-small': '768px', - '--intergalactic-screen-medium': '1200px', - '--intergalactic-screen-large': '1920px', '--intergalactic-overlay-primary': 'rgba(25, 27, 35, 0.7)', '--intergalactic-overlay-secondary': 'rgba(25, 27, 35, 0.4)', '--intergalactic-overlay-limitation-primary': '#f4f5f9', '--intergalactic-overlay-limitation-secondary': 'rgba(255, 255, 255, 0.85)', - '--intergalactic-z-index-deep': '-999', - '--intergalactic-z-index-overlay': '500', - '--intergalactic-z-index-modal': '900', - '--intergalactic-z-index-popper': '700', - '--intergalactic-z-index-dropdown': '750', - '--intergalactic-z-index-tooltip': '800', - '--intergalactic-z-index-notice-bubble': '999', '--intergalactic-tooltip-default': '#484a54', '--intergalactic-tooltip-warning': 'rgba(160, 13, 42, 1)', '--intergalactic-tooltip-invert': '#191b23', @@ -472,11 +477,6 @@ export default { '--intergalactic-sidebar-nav-control-text-active': '#4D407E', '--intergalactic-sidebar-nav-control-icon-normal': '#9083C5', '--intergalactic-sidebar-nav-control-icon-active': '#4D407E', - '--intergalactic-duration-extra-slow': '500', - '--intergalactic-duration-slow': '400', - '--intergalactic-duration-medium': '300', - '--intergalactic-duration-fast': '200', - '--intergalactic-duration-extra-fast': '100', '--intergalactic-duration-switch': '100', '--intergalactic-duration-popper': '200', '--intergalactic-duration-control': '200', diff --git a/semcore/core/src/theme/themes/default.css b/semcore/core/src/theme/themes/default.css index f382248a02..e1dd9b0672 100644 --- a/semcore/core/src/theme/themes/default.css +++ b/semcore/core/src/theme/themes/default.css @@ -110,6 +110,105 @@ --salad-600: #005613; --salad-700: #003509; --salad-800: #002203; + /* Base font family. */ + --intergalactic-base: Inter; + /* Use with font-size-800. */ + --intergalactic-lh-800: 117%; + /* Use with font-size-700. */ + --intergalactic-lh-700: 110%; + /* Use with font-size-600. */ + --intergalactic-lh-600: 125%; + /* Use with font-size-500. */ + --intergalactic-lh-500: 117%; + /* Use with font-size-400. */ + --intergalactic-lh-400: 120%; + /* Use with font-size-300. */ + --intergalactic-lh-300: 150%; + /* Use with font-size-200. */ + --intergalactic-lh-200: 142%; + /* Use with font-size-100. */ + --intergalactic-lh-100: 133%; + /* Semi-bold font weight. */ + --intergalactic-semi-bold: 600; + /* Bold font weight. */ + --intergalactic-bold: 700; + /* Regular font weight. */ + --intergalactic-regular: 400; + /* Medium font weight. */ + --intergalactic-medium: 500; + /* Use only for text in Badge component. */ + --intergalactic-fs-50: 10px; + /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */ + --intergalactic-fs-100: 12px; + --intergalactic-fs-200: 14px; + --intergalactic-fs-300: 16px; + --intergalactic-fs-400: 20px; + --intergalactic-fs-500: 24px; + --intergalactic-fs-600: 32px; + --intergalactic-fs-700: 36px; + --intergalactic-fs-800: 48px; + /* Compact letter spacing. */ + --intergalactic-compact: 0.3; + /* Base denominator of the design system. */ + --intergalactic-scale-indent: 4px; + /* 2px */ + --intergalactic-spacing-05x: 2px; + /* 4px */ + --intergalactic-spacing-1x: 4px; + /* 8px */ + --intergalactic-spacing-2x: 8px; + /* 12px */ + --intergalactic-spacing-3x: 12px; + /* 16px */ + --intergalactic-spacing-4x: 16px; + /* 20px */ + --intergalactic-spacing-5x: 20px; + /* 24px */ + --intergalactic-spacing-6x: 24px; + /* 32px */ + --intergalactic-spacing-8x: 32px; + /* 40px */ + --intergalactic-spacing-10x: 40px; + /* 56px */ + --intergalactic-spacing-14x: 56px; + /* 80px */ + --intergalactic-spacing-20x: 80px; + /* 96px */ + --intergalactic-spacing-24x: 96px; + /* 120px */ + --intergalactic-spacing-30x: 120px; + --intergalactic-rounded-extra-small: 2px; + --intergalactic-rounded-small: 4px; + --intergalactic-rounded-medium: 6px; + --intergalactic-rounded-large: 12px; + --intergalactic-rounded-extra-large: 24px; + /* Use for the disabled state of all kind of the controls and elements. */ + --intergalactic-disabled-opacity: 0.3; + /* Extra small screens (small phones). */ + --intergalactic-screen-extra-small: 320px; + /* Small screens (phones and small tablets). */ + --intergalactic-screen-small: 768px; + /* Medium screens (tablets and small laptops). */ + --intergalactic-screen-medium: 1200px; + /* Large screens (tablets and laptops). */ + --intergalactic-screen-large: 1920px; + --intergalactic-z-index-deep: -999; + --intergalactic-z-index-overlay: 500; + --intergalactic-z-index-modal: 900; + --intergalactic-z-index-popper: 700; + --intergalactic-z-index-dropdown: 750; + --intergalactic-z-index-tooltip: 800; + --intergalactic-z-index-notice-bubble: 999; + /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */ + --intergalactic-duration-extra-slow: 500; + /* Should be used for more larger scale animations (such as page transitions) */ + --intergalactic-duration-slow: 400; + /* Should be used for more complex effects (such as Modal) */ + --intergalactic-duration-medium: 300; + /* Should be used for more complex effects (such as Dropdown or Accordion) */ + --intergalactic-duration-fast: 200; + /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */ + --intergalactic-duration-extra-fast: 100; /* Primary background of the interface which contains the main data and information. */ --intergalactic-bg-primary-neutral: #ffffff; /* Hover state of the primary background of the interface which contains the main data and information. */ @@ -554,84 +653,12 @@ --intergalactic-keyboard-focus-invert: 0px 0px 0px 3px rgba(255, 255, 255, 0.8); /* Default keyboard focus box-shadow styles. */ --intergalactic-keyboard-focus: 0px 0px 0px 3px rgba(0, 143, 248, 0.5); - /* Base font family. */ - --intergalactic-base: Inter; - /* Use with font-size-800. */ - --intergalactic-lh-800: 117%; - /* Use with font-size-700. */ - --intergalactic-lh-700: 110%; - /* Use with font-size-600. */ - --intergalactic-lh-600: 125%; - /* Use with font-size-500. */ - --intergalactic-lh-500: 117%; - /* Use with font-size-400. */ - --intergalactic-lh-400: 120%; - /* Use with font-size-300. */ - --intergalactic-lh-300: 150%; - /* Use with font-size-200. */ - --intergalactic-lh-200: 142%; - /* Use with font-size-100. */ - --intergalactic-lh-100: 133%; - /* Semi-bold font weight. */ - --intergalactic-semi-bold: 600; - /* Bold font weight. */ - --intergalactic-bold: 700; - /* Regular font weight. */ - --intergalactic-regular: 400; - /* Medium font weight. */ - --intergalactic-medium: 500; - /* Use only for text in Badge component. */ - --intergalactic-fs-50: 10px; - /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */ - --intergalactic-fs-100: 12px; - --intergalactic-fs-200: 14px; - --intergalactic-fs-300: 16px; - --intergalactic-fs-400: 20px; - --intergalactic-fs-500: 24px; - --intergalactic-fs-600: 32px; - --intergalactic-fs-700: 36px; - --intergalactic-fs-800: 48px; - /* Compact letter spacing. */ - --intergalactic-compact: 0.3; - /* Base denominator of the design system. */ - --intergalactic-scale-indent: 4px; /* Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions. */ --intergalactic-form-control-s: 20px; /* Default size of the controls. */ --intergalactic-form-control-m: 28px; /* Large size of the controls. */ --intergalactic-form-control-l: 40px; - /* 2px */ - --intergalactic-spacing-05x: 2px; - /* 4px */ - --intergalactic-spacing-1x: 4px; - /* 8px */ - --intergalactic-spacing-2x: 8px; - /* 12px */ - --intergalactic-spacing-3x: 12px; - /* 16px */ - --intergalactic-spacing-4x: 16px; - /* 20px */ - --intergalactic-spacing-5x: 20px; - /* 24px */ - --intergalactic-spacing-6x: 24px; - /* 32px */ - --intergalactic-spacing-8x: 32px; - /* 40px */ - --intergalactic-spacing-10x: 40px; - /* 56px */ - --intergalactic-spacing-14x: 56px; - /* 80px */ - --intergalactic-spacing-20x: 80px; - /* 96px */ - --intergalactic-spacing-24x: 96px; - /* 120px */ - --intergalactic-spacing-30x: 120px; - --intergalactic-rounded-extra-small: 2px; - --intergalactic-rounded-small: 4px; - --intergalactic-rounded-medium: 6px; - --intergalactic-rounded-large: 12px; - --intergalactic-rounded-extra-large: 24px; /* Use for rounding addons and small controls like Checkbox. */ --intergalactic-addon-rounded: 4px; /* Use for rounding Badge. */ @@ -654,16 +681,6 @@ --intergalactic-popper-rounded: 6px; /* Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard). */ --intergalactic-modal-rounded: 12px; - /* Use for the disabled state of all kind of the controls and elements. */ - --intergalactic-disabled-opacity: 0.3; - /* Extra small screens (small phones). */ - --intergalactic-screen-extra-small: 320px; - /* Small screens (phones and small tablets). */ - --intergalactic-screen-small: 768px; - /* Medium screens (tablets and small laptops). */ - --intergalactic-screen-medium: 1200px; - /* Large screens (tablets and laptops). */ - --intergalactic-screen-large: 1920px; /* Use for cover the content under the modal dialogs. */ --intergalactic-overlay-primary: rgba(25, 27, 35, 0.7); /* Use for the secondary modal dialogs that were opened upon the other modal dialogs. */ @@ -672,13 +689,6 @@ --intergalactic-overlay-limitation-primary: #f4f5f9; /* Use as a secondary cover of the content under the messages about limitations. */ --intergalactic-overlay-limitation-secondary: rgba(255, 255, 255, 0.85); - --intergalactic-z-index-deep: -999; - --intergalactic-z-index-overlay: 500; - --intergalactic-z-index-modal: 900; - --intergalactic-z-index-popper: 700; - --intergalactic-z-index-dropdown: 750; - --intergalactic-z-index-tooltip: 800; - --intergalactic-z-index-notice-bubble: 999; /* Default Tooltip background. */ --intergalactic-tooltip-default: #ffffff; /* Warning Tooltip background. */ @@ -713,7 +723,7 @@ --intergalactic-tag-primary-gray-hover-active: #E3E4E9; /* Blue background color for primary tag. It’s built with CSS filter brightness(150%) that was applied to blue-500 color with 0.2 opacity on the white background underneath. */ --intergalactic-tag-primary-blue-normal: #D0EEFF; - /* Blue background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the blue-500 color with 0.3 opacity on the white background underneath. */ + /* Blue background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the blue-500 color with 0.3 opacity on the white background underneath. */ --intergalactic-tag-primary-blue-hover-active: #B7E4FF; /* Green background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the green-500 color with 0.2 opacity on the white background underneath. */ --intergalactic-tag-primary-green-normal: #CFF1EA; @@ -852,16 +862,6 @@ --intergalactic-sidebar-nav-control-text-active: #4D407E; --intergalactic-sidebar-nav-control-icon-normal: #9083C5; --intergalactic-sidebar-nav-control-icon-active: #4D407E; - /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */ - --intergalactic-duration-extra-slow: 500; - /* Should be used for more larger scale animations (such as page transitions) */ - --intergalactic-duration-slow: 400; - /* Should be used for more complex effects (such as Modal) */ - --intergalactic-duration-medium: 300; - /* Should be used for more complex effects (such as Dropdown or Accordion) */ - --intergalactic-duration-fast: 200; - /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */ - --intergalactic-duration-extra-fast: 100; /* Use for small controls like Switch or Slider. */ --intergalactic-duration-switch: 100; /* Use for components based on popper like Tooltip, Dropdown or Filter trigger. */ diff --git a/semcore/core/src/theme/themes/default.ts b/semcore/core/src/theme/themes/default.ts index 00eb26cdfd..dd4c40971e 100644 --- a/semcore/core/src/theme/themes/default.ts +++ b/semcore/core/src/theme/themes/default.ts @@ -90,6 +90,65 @@ export default { '--salad-600': '#005613', '--salad-700': '#003509', '--salad-800': '#002203', + '--intergalactic-base': 'Inter', + '--intergalactic-lh-800': '117%', + '--intergalactic-lh-700': '110%', + '--intergalactic-lh-600': '125%', + '--intergalactic-lh-500': '117%', + '--intergalactic-lh-400': '120%', + '--intergalactic-lh-300': '150%', + '--intergalactic-lh-200': '142%', + '--intergalactic-lh-100': '133%', + '--intergalactic-semi-bold': '600', + '--intergalactic-bold': '700', + '--intergalactic-regular': '400', + '--intergalactic-medium': '500', + '--intergalactic-fs-50': '10px', + '--intergalactic-fs-100': '12px', + '--intergalactic-fs-200': '14px', + '--intergalactic-fs-300': '16px', + '--intergalactic-fs-400': '20px', + '--intergalactic-fs-500': '24px', + '--intergalactic-fs-600': '32px', + '--intergalactic-fs-700': '36px', + '--intergalactic-fs-800': '48px', + '--intergalactic-compact': '0.3', + '--intergalactic-scale-indent': '4px', + '--intergalactic-spacing-05x': '2px', + '--intergalactic-spacing-1x': '4px', + '--intergalactic-spacing-2x': '8px', + '--intergalactic-spacing-3x': '12px', + '--intergalactic-spacing-4x': '16px', + '--intergalactic-spacing-5x': '20px', + '--intergalactic-spacing-6x': '24px', + '--intergalactic-spacing-8x': '32px', + '--intergalactic-spacing-10x': '40px', + '--intergalactic-spacing-14x': '56px', + '--intergalactic-spacing-20x': '80px', + '--intergalactic-spacing-24x': '96px', + '--intergalactic-spacing-30x': '120px', + '--intergalactic-rounded-extra-small': '2px', + '--intergalactic-rounded-small': '4px', + '--intergalactic-rounded-medium': '6px', + '--intergalactic-rounded-large': '12px', + '--intergalactic-rounded-extra-large': '24px', + '--intergalactic-disabled-opacity': '0.3', + '--intergalactic-screen-extra-small': '320px', + '--intergalactic-screen-small': '768px', + '--intergalactic-screen-medium': '1200px', + '--intergalactic-screen-large': '1920px', + '--intergalactic-z-index-deep': '-999', + '--intergalactic-z-index-overlay': '500', + '--intergalactic-z-index-modal': '900', + '--intergalactic-z-index-popper': '700', + '--intergalactic-z-index-dropdown': '750', + '--intergalactic-z-index-tooltip': '800', + '--intergalactic-z-index-notice-bubble': '999', + '--intergalactic-duration-extra-slow': '500', + '--intergalactic-duration-slow': '400', + '--intergalactic-duration-medium': '300', + '--intergalactic-duration-fast': '200', + '--intergalactic-duration-extra-fast': '100', '--intergalactic-bg-primary-neutral': '#ffffff', '--intergalactic-bg-primary-neutral-hover': '#f4f5f9', '--intergalactic-bg-primary-neutral-active': '#e0e1e9', @@ -312,51 +371,9 @@ export default { '--intergalactic-keyboard-focus-invert-outline': 'rgba(255, 255, 255, 0.8)', '--intergalactic-keyboard-focus-invert': '0px 0px 0px 3px rgba(255, 255, 255, 0.8)', '--intergalactic-keyboard-focus': '0px 0px 0px 3px rgba(0, 143, 248, 0.5)', - '--intergalactic-base': 'Inter', - '--intergalactic-lh-800': '117%', - '--intergalactic-lh-700': '110%', - '--intergalactic-lh-600': '125%', - '--intergalactic-lh-500': '117%', - '--intergalactic-lh-400': '120%', - '--intergalactic-lh-300': '150%', - '--intergalactic-lh-200': '142%', - '--intergalactic-lh-100': '133%', - '--intergalactic-semi-bold': '600', - '--intergalactic-bold': '700', - '--intergalactic-regular': '400', - '--intergalactic-medium': '500', - '--intergalactic-fs-50': '10px', - '--intergalactic-fs-100': '12px', - '--intergalactic-fs-200': '14px', - '--intergalactic-fs-300': '16px', - '--intergalactic-fs-400': '20px', - '--intergalactic-fs-500': '24px', - '--intergalactic-fs-600': '32px', - '--intergalactic-fs-700': '36px', - '--intergalactic-fs-800': '48px', - '--intergalactic-compact': '0.3', - '--intergalactic-scale-indent': '4px', '--intergalactic-form-control-s': '20px', '--intergalactic-form-control-m': '28px', '--intergalactic-form-control-l': '40px', - '--intergalactic-spacing-05x': '2px', - '--intergalactic-spacing-1x': '4px', - '--intergalactic-spacing-2x': '8px', - '--intergalactic-spacing-3x': '12px', - '--intergalactic-spacing-4x': '16px', - '--intergalactic-spacing-5x': '20px', - '--intergalactic-spacing-6x': '24px', - '--intergalactic-spacing-8x': '32px', - '--intergalactic-spacing-10x': '40px', - '--intergalactic-spacing-14x': '56px', - '--intergalactic-spacing-20x': '80px', - '--intergalactic-spacing-24x': '96px', - '--intergalactic-spacing-30x': '120px', - '--intergalactic-rounded-extra-small': '2px', - '--intergalactic-rounded-small': '4px', - '--intergalactic-rounded-medium': '6px', - '--intergalactic-rounded-large': '12px', - '--intergalactic-rounded-extra-large': '24px', '--intergalactic-addon-rounded': '4px', '--intergalactic-badge-rounded': '6px', '--intergalactic-chart-rounded': '2px', @@ -368,22 +385,10 @@ export default { '--intergalactic-surface-rounded': '6px', '--intergalactic-popper-rounded': '6px', '--intergalactic-modal-rounded': '12px', - '--intergalactic-disabled-opacity': '0.3', - '--intergalactic-screen-extra-small': '320px', - '--intergalactic-screen-small': '768px', - '--intergalactic-screen-medium': '1200px', - '--intergalactic-screen-large': '1920px', '--intergalactic-overlay-primary': 'rgba(25, 27, 35, 0.7)', '--intergalactic-overlay-secondary': 'rgba(25, 27, 35, 0.4)', '--intergalactic-overlay-limitation-primary': '#f4f5f9', '--intergalactic-overlay-limitation-secondary': 'rgba(255, 255, 255, 0.85)', - '--intergalactic-z-index-deep': '-999', - '--intergalactic-z-index-overlay': '500', - '--intergalactic-z-index-modal': '900', - '--intergalactic-z-index-popper': '700', - '--intergalactic-z-index-dropdown': '750', - '--intergalactic-z-index-tooltip': '800', - '--intergalactic-z-index-notice-bubble': '999', '--intergalactic-tooltip-default': '#ffffff', '--intergalactic-tooltip-warning': '#ffd7df', '--intergalactic-tooltip-invert': '#191b23', @@ -475,11 +480,6 @@ export default { '--intergalactic-sidebar-nav-control-text-active': '#4D407E', '--intergalactic-sidebar-nav-control-icon-normal': '#9083C5', '--intergalactic-sidebar-nav-control-icon-active': '#4D407E', - '--intergalactic-duration-extra-slow': '500', - '--intergalactic-duration-slow': '400', - '--intergalactic-duration-medium': '300', - '--intergalactic-duration-fast': '200', - '--intergalactic-duration-extra-fast': '100', '--intergalactic-duration-switch': '100', '--intergalactic-duration-popper': '200', '--intergalactic-duration-control': '200', diff --git a/semcore/core/src/theme/themes/light.css b/semcore/core/src/theme/themes/light.css index f382248a02..e1dd9b0672 100644 --- a/semcore/core/src/theme/themes/light.css +++ b/semcore/core/src/theme/themes/light.css @@ -110,6 +110,105 @@ --salad-600: #005613; --salad-700: #003509; --salad-800: #002203; + /* Base font family. */ + --intergalactic-base: Inter; + /* Use with font-size-800. */ + --intergalactic-lh-800: 117%; + /* Use with font-size-700. */ + --intergalactic-lh-700: 110%; + /* Use with font-size-600. */ + --intergalactic-lh-600: 125%; + /* Use with font-size-500. */ + --intergalactic-lh-500: 117%; + /* Use with font-size-400. */ + --intergalactic-lh-400: 120%; + /* Use with font-size-300. */ + --intergalactic-lh-300: 150%; + /* Use with font-size-200. */ + --intergalactic-lh-200: 142%; + /* Use with font-size-100. */ + --intergalactic-lh-100: 133%; + /* Semi-bold font weight. */ + --intergalactic-semi-bold: 600; + /* Bold font weight. */ + --intergalactic-bold: 700; + /* Regular font weight. */ + --intergalactic-regular: 400; + /* Medium font weight. */ + --intergalactic-medium: 500; + /* Use only for text in Badge component. */ + --intergalactic-fs-50: 10px; + /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */ + --intergalactic-fs-100: 12px; + --intergalactic-fs-200: 14px; + --intergalactic-fs-300: 16px; + --intergalactic-fs-400: 20px; + --intergalactic-fs-500: 24px; + --intergalactic-fs-600: 32px; + --intergalactic-fs-700: 36px; + --intergalactic-fs-800: 48px; + /* Compact letter spacing. */ + --intergalactic-compact: 0.3; + /* Base denominator of the design system. */ + --intergalactic-scale-indent: 4px; + /* 2px */ + --intergalactic-spacing-05x: 2px; + /* 4px */ + --intergalactic-spacing-1x: 4px; + /* 8px */ + --intergalactic-spacing-2x: 8px; + /* 12px */ + --intergalactic-spacing-3x: 12px; + /* 16px */ + --intergalactic-spacing-4x: 16px; + /* 20px */ + --intergalactic-spacing-5x: 20px; + /* 24px */ + --intergalactic-spacing-6x: 24px; + /* 32px */ + --intergalactic-spacing-8x: 32px; + /* 40px */ + --intergalactic-spacing-10x: 40px; + /* 56px */ + --intergalactic-spacing-14x: 56px; + /* 80px */ + --intergalactic-spacing-20x: 80px; + /* 96px */ + --intergalactic-spacing-24x: 96px; + /* 120px */ + --intergalactic-spacing-30x: 120px; + --intergalactic-rounded-extra-small: 2px; + --intergalactic-rounded-small: 4px; + --intergalactic-rounded-medium: 6px; + --intergalactic-rounded-large: 12px; + --intergalactic-rounded-extra-large: 24px; + /* Use for the disabled state of all kind of the controls and elements. */ + --intergalactic-disabled-opacity: 0.3; + /* Extra small screens (small phones). */ + --intergalactic-screen-extra-small: 320px; + /* Small screens (phones and small tablets). */ + --intergalactic-screen-small: 768px; + /* Medium screens (tablets and small laptops). */ + --intergalactic-screen-medium: 1200px; + /* Large screens (tablets and laptops). */ + --intergalactic-screen-large: 1920px; + --intergalactic-z-index-deep: -999; + --intergalactic-z-index-overlay: 500; + --intergalactic-z-index-modal: 900; + --intergalactic-z-index-popper: 700; + --intergalactic-z-index-dropdown: 750; + --intergalactic-z-index-tooltip: 800; + --intergalactic-z-index-notice-bubble: 999; + /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */ + --intergalactic-duration-extra-slow: 500; + /* Should be used for more larger scale animations (such as page transitions) */ + --intergalactic-duration-slow: 400; + /* Should be used for more complex effects (such as Modal) */ + --intergalactic-duration-medium: 300; + /* Should be used for more complex effects (such as Dropdown or Accordion) */ + --intergalactic-duration-fast: 200; + /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */ + --intergalactic-duration-extra-fast: 100; /* Primary background of the interface which contains the main data and information. */ --intergalactic-bg-primary-neutral: #ffffff; /* Hover state of the primary background of the interface which contains the main data and information. */ @@ -554,84 +653,12 @@ --intergalactic-keyboard-focus-invert: 0px 0px 0px 3px rgba(255, 255, 255, 0.8); /* Default keyboard focus box-shadow styles. */ --intergalactic-keyboard-focus: 0px 0px 0px 3px rgba(0, 143, 248, 0.5); - /* Base font family. */ - --intergalactic-base: Inter; - /* Use with font-size-800. */ - --intergalactic-lh-800: 117%; - /* Use with font-size-700. */ - --intergalactic-lh-700: 110%; - /* Use with font-size-600. */ - --intergalactic-lh-600: 125%; - /* Use with font-size-500. */ - --intergalactic-lh-500: 117%; - /* Use with font-size-400. */ - --intergalactic-lh-400: 120%; - /* Use with font-size-300. */ - --intergalactic-lh-300: 150%; - /* Use with font-size-200. */ - --intergalactic-lh-200: 142%; - /* Use with font-size-100. */ - --intergalactic-lh-100: 133%; - /* Semi-bold font weight. */ - --intergalactic-semi-bold: 600; - /* Bold font weight. */ - --intergalactic-bold: 700; - /* Regular font weight. */ - --intergalactic-regular: 400; - /* Medium font weight. */ - --intergalactic-medium: 500; - /* Use only for text in Badge component. */ - --intergalactic-fs-50: 10px; - /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */ - --intergalactic-fs-100: 12px; - --intergalactic-fs-200: 14px; - --intergalactic-fs-300: 16px; - --intergalactic-fs-400: 20px; - --intergalactic-fs-500: 24px; - --intergalactic-fs-600: 32px; - --intergalactic-fs-700: 36px; - --intergalactic-fs-800: 48px; - /* Compact letter spacing. */ - --intergalactic-compact: 0.3; - /* Base denominator of the design system. */ - --intergalactic-scale-indent: 4px; /* Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions. */ --intergalactic-form-control-s: 20px; /* Default size of the controls. */ --intergalactic-form-control-m: 28px; /* Large size of the controls. */ --intergalactic-form-control-l: 40px; - /* 2px */ - --intergalactic-spacing-05x: 2px; - /* 4px */ - --intergalactic-spacing-1x: 4px; - /* 8px */ - --intergalactic-spacing-2x: 8px; - /* 12px */ - --intergalactic-spacing-3x: 12px; - /* 16px */ - --intergalactic-spacing-4x: 16px; - /* 20px */ - --intergalactic-spacing-5x: 20px; - /* 24px */ - --intergalactic-spacing-6x: 24px; - /* 32px */ - --intergalactic-spacing-8x: 32px; - /* 40px */ - --intergalactic-spacing-10x: 40px; - /* 56px */ - --intergalactic-spacing-14x: 56px; - /* 80px */ - --intergalactic-spacing-20x: 80px; - /* 96px */ - --intergalactic-spacing-24x: 96px; - /* 120px */ - --intergalactic-spacing-30x: 120px; - --intergalactic-rounded-extra-small: 2px; - --intergalactic-rounded-small: 4px; - --intergalactic-rounded-medium: 6px; - --intergalactic-rounded-large: 12px; - --intergalactic-rounded-extra-large: 24px; /* Use for rounding addons and small controls like Checkbox. */ --intergalactic-addon-rounded: 4px; /* Use for rounding Badge. */ @@ -654,16 +681,6 @@ --intergalactic-popper-rounded: 6px; /* Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard). */ --intergalactic-modal-rounded: 12px; - /* Use for the disabled state of all kind of the controls and elements. */ - --intergalactic-disabled-opacity: 0.3; - /* Extra small screens (small phones). */ - --intergalactic-screen-extra-small: 320px; - /* Small screens (phones and small tablets). */ - --intergalactic-screen-small: 768px; - /* Medium screens (tablets and small laptops). */ - --intergalactic-screen-medium: 1200px; - /* Large screens (tablets and laptops). */ - --intergalactic-screen-large: 1920px; /* Use for cover the content under the modal dialogs. */ --intergalactic-overlay-primary: rgba(25, 27, 35, 0.7); /* Use for the secondary modal dialogs that were opened upon the other modal dialogs. */ @@ -672,13 +689,6 @@ --intergalactic-overlay-limitation-primary: #f4f5f9; /* Use as a secondary cover of the content under the messages about limitations. */ --intergalactic-overlay-limitation-secondary: rgba(255, 255, 255, 0.85); - --intergalactic-z-index-deep: -999; - --intergalactic-z-index-overlay: 500; - --intergalactic-z-index-modal: 900; - --intergalactic-z-index-popper: 700; - --intergalactic-z-index-dropdown: 750; - --intergalactic-z-index-tooltip: 800; - --intergalactic-z-index-notice-bubble: 999; /* Default Tooltip background. */ --intergalactic-tooltip-default: #ffffff; /* Warning Tooltip background. */ @@ -713,7 +723,7 @@ --intergalactic-tag-primary-gray-hover-active: #E3E4E9; /* Blue background color for primary tag. It’s built with CSS filter brightness(150%) that was applied to blue-500 color with 0.2 opacity on the white background underneath. */ --intergalactic-tag-primary-blue-normal: #D0EEFF; - /* Blue background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the blue-500 color with 0.3 opacity on the white background underneath. */ + /* Blue background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the blue-500 color with 0.3 opacity on the white background underneath. */ --intergalactic-tag-primary-blue-hover-active: #B7E4FF; /* Green background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the green-500 color with 0.2 opacity on the white background underneath. */ --intergalactic-tag-primary-green-normal: #CFF1EA; @@ -852,16 +862,6 @@ --intergalactic-sidebar-nav-control-text-active: #4D407E; --intergalactic-sidebar-nav-control-icon-normal: #9083C5; --intergalactic-sidebar-nav-control-icon-active: #4D407E; - /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */ - --intergalactic-duration-extra-slow: 500; - /* Should be used for more larger scale animations (such as page transitions) */ - --intergalactic-duration-slow: 400; - /* Should be used for more complex effects (such as Modal) */ - --intergalactic-duration-medium: 300; - /* Should be used for more complex effects (such as Dropdown or Accordion) */ - --intergalactic-duration-fast: 200; - /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */ - --intergalactic-duration-extra-fast: 100; /* Use for small controls like Switch or Slider. */ --intergalactic-duration-switch: 100; /* Use for components based on popper like Tooltip, Dropdown or Filter trigger. */ diff --git a/semcore/core/src/theme/themes/light.ts b/semcore/core/src/theme/themes/light.ts index 00eb26cdfd..dd4c40971e 100644 --- a/semcore/core/src/theme/themes/light.ts +++ b/semcore/core/src/theme/themes/light.ts @@ -90,6 +90,65 @@ export default { '--salad-600': '#005613', '--salad-700': '#003509', '--salad-800': '#002203', + '--intergalactic-base': 'Inter', + '--intergalactic-lh-800': '117%', + '--intergalactic-lh-700': '110%', + '--intergalactic-lh-600': '125%', + '--intergalactic-lh-500': '117%', + '--intergalactic-lh-400': '120%', + '--intergalactic-lh-300': '150%', + '--intergalactic-lh-200': '142%', + '--intergalactic-lh-100': '133%', + '--intergalactic-semi-bold': '600', + '--intergalactic-bold': '700', + '--intergalactic-regular': '400', + '--intergalactic-medium': '500', + '--intergalactic-fs-50': '10px', + '--intergalactic-fs-100': '12px', + '--intergalactic-fs-200': '14px', + '--intergalactic-fs-300': '16px', + '--intergalactic-fs-400': '20px', + '--intergalactic-fs-500': '24px', + '--intergalactic-fs-600': '32px', + '--intergalactic-fs-700': '36px', + '--intergalactic-fs-800': '48px', + '--intergalactic-compact': '0.3', + '--intergalactic-scale-indent': '4px', + '--intergalactic-spacing-05x': '2px', + '--intergalactic-spacing-1x': '4px', + '--intergalactic-spacing-2x': '8px', + '--intergalactic-spacing-3x': '12px', + '--intergalactic-spacing-4x': '16px', + '--intergalactic-spacing-5x': '20px', + '--intergalactic-spacing-6x': '24px', + '--intergalactic-spacing-8x': '32px', + '--intergalactic-spacing-10x': '40px', + '--intergalactic-spacing-14x': '56px', + '--intergalactic-spacing-20x': '80px', + '--intergalactic-spacing-24x': '96px', + '--intergalactic-spacing-30x': '120px', + '--intergalactic-rounded-extra-small': '2px', + '--intergalactic-rounded-small': '4px', + '--intergalactic-rounded-medium': '6px', + '--intergalactic-rounded-large': '12px', + '--intergalactic-rounded-extra-large': '24px', + '--intergalactic-disabled-opacity': '0.3', + '--intergalactic-screen-extra-small': '320px', + '--intergalactic-screen-small': '768px', + '--intergalactic-screen-medium': '1200px', + '--intergalactic-screen-large': '1920px', + '--intergalactic-z-index-deep': '-999', + '--intergalactic-z-index-overlay': '500', + '--intergalactic-z-index-modal': '900', + '--intergalactic-z-index-popper': '700', + '--intergalactic-z-index-dropdown': '750', + '--intergalactic-z-index-tooltip': '800', + '--intergalactic-z-index-notice-bubble': '999', + '--intergalactic-duration-extra-slow': '500', + '--intergalactic-duration-slow': '400', + '--intergalactic-duration-medium': '300', + '--intergalactic-duration-fast': '200', + '--intergalactic-duration-extra-fast': '100', '--intergalactic-bg-primary-neutral': '#ffffff', '--intergalactic-bg-primary-neutral-hover': '#f4f5f9', '--intergalactic-bg-primary-neutral-active': '#e0e1e9', @@ -312,51 +371,9 @@ export default { '--intergalactic-keyboard-focus-invert-outline': 'rgba(255, 255, 255, 0.8)', '--intergalactic-keyboard-focus-invert': '0px 0px 0px 3px rgba(255, 255, 255, 0.8)', '--intergalactic-keyboard-focus': '0px 0px 0px 3px rgba(0, 143, 248, 0.5)', - '--intergalactic-base': 'Inter', - '--intergalactic-lh-800': '117%', - '--intergalactic-lh-700': '110%', - '--intergalactic-lh-600': '125%', - '--intergalactic-lh-500': '117%', - '--intergalactic-lh-400': '120%', - '--intergalactic-lh-300': '150%', - '--intergalactic-lh-200': '142%', - '--intergalactic-lh-100': '133%', - '--intergalactic-semi-bold': '600', - '--intergalactic-bold': '700', - '--intergalactic-regular': '400', - '--intergalactic-medium': '500', - '--intergalactic-fs-50': '10px', - '--intergalactic-fs-100': '12px', - '--intergalactic-fs-200': '14px', - '--intergalactic-fs-300': '16px', - '--intergalactic-fs-400': '20px', - '--intergalactic-fs-500': '24px', - '--intergalactic-fs-600': '32px', - '--intergalactic-fs-700': '36px', - '--intergalactic-fs-800': '48px', - '--intergalactic-compact': '0.3', - '--intergalactic-scale-indent': '4px', '--intergalactic-form-control-s': '20px', '--intergalactic-form-control-m': '28px', '--intergalactic-form-control-l': '40px', - '--intergalactic-spacing-05x': '2px', - '--intergalactic-spacing-1x': '4px', - '--intergalactic-spacing-2x': '8px', - '--intergalactic-spacing-3x': '12px', - '--intergalactic-spacing-4x': '16px', - '--intergalactic-spacing-5x': '20px', - '--intergalactic-spacing-6x': '24px', - '--intergalactic-spacing-8x': '32px', - '--intergalactic-spacing-10x': '40px', - '--intergalactic-spacing-14x': '56px', - '--intergalactic-spacing-20x': '80px', - '--intergalactic-spacing-24x': '96px', - '--intergalactic-spacing-30x': '120px', - '--intergalactic-rounded-extra-small': '2px', - '--intergalactic-rounded-small': '4px', - '--intergalactic-rounded-medium': '6px', - '--intergalactic-rounded-large': '12px', - '--intergalactic-rounded-extra-large': '24px', '--intergalactic-addon-rounded': '4px', '--intergalactic-badge-rounded': '6px', '--intergalactic-chart-rounded': '2px', @@ -368,22 +385,10 @@ export default { '--intergalactic-surface-rounded': '6px', '--intergalactic-popper-rounded': '6px', '--intergalactic-modal-rounded': '12px', - '--intergalactic-disabled-opacity': '0.3', - '--intergalactic-screen-extra-small': '320px', - '--intergalactic-screen-small': '768px', - '--intergalactic-screen-medium': '1200px', - '--intergalactic-screen-large': '1920px', '--intergalactic-overlay-primary': 'rgba(25, 27, 35, 0.7)', '--intergalactic-overlay-secondary': 'rgba(25, 27, 35, 0.4)', '--intergalactic-overlay-limitation-primary': '#f4f5f9', '--intergalactic-overlay-limitation-secondary': 'rgba(255, 255, 255, 0.85)', - '--intergalactic-z-index-deep': '-999', - '--intergalactic-z-index-overlay': '500', - '--intergalactic-z-index-modal': '900', - '--intergalactic-z-index-popper': '700', - '--intergalactic-z-index-dropdown': '750', - '--intergalactic-z-index-tooltip': '800', - '--intergalactic-z-index-notice-bubble': '999', '--intergalactic-tooltip-default': '#ffffff', '--intergalactic-tooltip-warning': '#ffd7df', '--intergalactic-tooltip-invert': '#191b23', @@ -475,11 +480,6 @@ export default { '--intergalactic-sidebar-nav-control-text-active': '#4D407E', '--intergalactic-sidebar-nav-control-icon-normal': '#9083C5', '--intergalactic-sidebar-nav-control-icon-active': '#4D407E', - '--intergalactic-duration-extra-slow': '500', - '--intergalactic-duration-slow': '400', - '--intergalactic-duration-medium': '300', - '--intergalactic-duration-fast': '200', - '--intergalactic-duration-extra-fast': '100', '--intergalactic-duration-switch': '100', '--intergalactic-duration-popper': '200', '--intergalactic-duration-control': '200', diff --git a/semcore/core/src/theme/utils.ts b/semcore/core/src/theme/utils.ts index 01a86a8374..64f2d6ef9d 100644 --- a/semcore/core/src/theme/utils.ts +++ b/semcore/core/src/theme/utils.ts @@ -273,7 +273,7 @@ export const processTokens = (base: TokensInput, tokens: TokensInput, featureHig const highlightsTokens: { name: string; value: string; description: string }[] = []; for (const token in values) { - const isBase = basicTokens.has(token); + const isBase = basicTokens.has(token) && types[token] === 'color'; (highlightTokens.has(token) ? highlightsTokens : processedTokens).push({ name: isBase ? `--${token}` : `--${prefix}-${token}`, description: descriptions[token], diff --git a/website/docs/style/design-tokens/design-tokens.json b/website/docs/style/design-tokens/design-tokens.json index 24a2edc59e..b990a7da41 100644 --- a/website/docs/style/design-tokens/design-tokens.json +++ b/website/docs/style/design-tokens/design-tokens.json @@ -1,375 +1,467 @@ [ { - "name": "--intergalactic-bg-primary-neutral", - "type": "color", - "rawValue": "{gray.white}", - "computedValue": "#ffffff", - "description": "Primary background of the interface which contains the main data and information.", + "name": "--intergalactic-base", + "type": "fontFamilies", + "rawValue": "Inter", + "computedValue": "Inter", + "description": "Base font family.", + "components": [] + }, + { + "name": "--intergalactic-lh-800", + "type": "lineHeights", + "rawValue": "117%", + "computedValue": "117%", + "description": "Use with font-size-800.", + "components": [ + "button", + "format-text", + "typography" + ] + }, + { + "name": "--intergalactic-lh-700", + "type": "lineHeights", + "rawValue": "110%", + "computedValue": "110%", + "description": "Use with font-size-700.", + "components": [ + "button", + "errors", + "format-text", + "typography" + ] + }, + { + "name": "--intergalactic-lh-600", + "type": "lineHeights", + "rawValue": "125%", + "computedValue": "125%", + "description": "Use with font-size-600.", + "components": [ + "button", + "format-text", + "typography" + ] + }, + { + "name": "--intergalactic-lh-500", + "type": "lineHeights", + "rawValue": "117%", + "computedValue": "117%", + "description": "Use with font-size-500.", + "components": [ + "button", + "format-text", + "fullscreen-modal", + "modal", + "typography" + ] + }, + { + "name": "--intergalactic-lh-400", + "type": "lineHeights", + "rawValue": "120%", + "computedValue": "120%", + "description": "Use with font-size-400.", + "components": [ + "button", + "format-text", + "product-head", + "typography" + ] + }, + { + "name": "--intergalactic-lh-300", + "type": "lineHeights", + "rawValue": "150%", + "computedValue": "150%", + "description": "Use with font-size-300.", "components": [ - "base-components", - "base-trigger", "bulk-textarea", + "button", "card", "checkbox", - "color-picker", - "counter", "d3-chart", - "data-table", - "drag-and-drop", "dropdown", - "feature-highlight", - "fullscreen-modal", - "inline-input", - "input", - "modal", - "pills", + "errors", + "feedback-form", + "format-text", + "pagination", "radio", - "select", "side-panel", - "slider", "switch", + "tab-line", "tag", "textarea", + "typography", + "widget-empty", "wizard" ] }, { - "name": "--intergalactic-bg-primary-neutral-hover", - "type": "color", - "rawValue": "{gray.50}", - "computedValue": "#f4f5f9", - "description": "Hover state of the primary background of the interface which contains the main data and information.", + "name": "--intergalactic-lh-200", + "type": "lineHeights", + "rawValue": "142%", + "computedValue": "142%", + "description": "Use with font-size-200.", "components": [ "base-trigger", - "pills" + "breadcrumbs", + "bulk-textarea", + "button", + "checkbox", + "d3-chart", + "data-table", + "dropdown", + "format-text", + "fullscreen-modal", + "notice", + "notice-bubble", + "notice-global", + "pagination", + "product-head", + "radio", + "slider", + "switch", + "tab-line", + "tab-panel", + "tag", + "textarea", + "tooltip", + "typography", + "widget-empty", + "wizard" ] }, { - "name": "--intergalactic-bg-primary-neutral-active", - "type": "color", - "rawValue": "{gray.100}", - "computedValue": "#e0e1e9", - "description": "Active (selected) state of the primary background of the interface which contains the main data and information.", + "name": "--intergalactic-lh-100", + "type": "lineHeights", + "rawValue": "133%", + "computedValue": "133%", + "description": "Use with font-size-100.", "components": [ - "flags" + "button", + "d3-chart", + "data-table", + "format-text", + "fullscreen-modal", + "switch", + "tag", + "typography" ] }, { - "name": "--intergalactic-bg-primary-info", - "type": "color", - "rawValue": "{blue.400}", - "computedValue": "#008ff8", - "description": "Accent background of the message with regular information.", + "name": "--intergalactic-semi-bold", + "type": "fontWeights", + "rawValue": "600", + "computedValue": "600", + "description": "Semi-bold font weight.", "components": [ - "base-trigger", - "counter", - "notice-global" + "errors", + "modal", + "product-head", + "typography" ] }, { - "name": "--intergalactic-bg-primary-success", - "type": "color", - "rawValue": "{green.400}", - "computedValue": "#009f81", - "description": "Accent background of the message or banner with information about the successful result.", + "name": "--intergalactic-bold", + "type": "fontWeights", + "rawValue": "700", + "computedValue": "700", + "description": "Bold font weight.", "components": [ - "notice-global" + "card", + "color-picker", + "dropdown", + "feedback-form", + "flags", + "format-text", + "fullscreen-modal", + "side-panel", + "typography", + "widget-empty", + "wizard" ] }, { - "name": "--intergalactic-bg-primary-critical", - "type": "color", - "rawValue": "{red.400}", - "computedValue": "#ff4953", - "description": "Accent background of a message or a banner with a critical information.", + "name": "--intergalactic-regular", + "type": "fontWeights", + "rawValue": "400", + "computedValue": "400", + "description": "Regular font weight.", "components": [ - "counter", - "notice-bubble", - "notice-global" + "accordion", + "base-trigger", + "date-picker", + "slider" ] }, { - "name": "--intergalactic-bg-primary-warning", - "type": "color", - "rawValue": "{orange.400}", - "computedValue": "#ff642d", - "description": "Accent background of a message or a banner with a warning information.", + "name": "--intergalactic-medium", + "type": "fontWeights", + "rawValue": "500", + "computedValue": "500", + "description": "Medium font weight.", "components": [ + "badge", + "button", "counter", - "notice-global" + "format-text", + "tab-line", + "tab-panel", + "tag", + "time-picker", + "typography" ] }, { - "name": "--intergalactic-bg-primary-highlight", - "type": "color", - "rawValue": "{yellow.100}", - "computedValue": "#fce081", - "description": "Accent background of the information you want to highlight.", - "components": [] + "name": "--intergalactic-fs-50", + "type": "fontSizes", + "rawValue": "10px", + "computedValue": "10px", + "description": "Use only for text in Badge component.", + "components": [ + "badge", + "counter", + "d3-chart", + "dot" + ] }, { - "name": "--intergalactic-bg-primary-advertising", - "type": "color", - "rawValue": "{violet.700}", - "computedValue": "#421983", - "description": "Accent background for the advertising banners and controls.", - "components": [] - }, - { - "name": "--intergalactic-bg-primary-muted", - "type": "color", - "rawValue": "{gray.500}", - "computedValue": "#6c6e79", - "description": "Accented muted background for a message with regular information.", - "components": [ - "notice-global" - ] - }, - { - "name": "--intergalactic-bg-primary-invert", - "type": "color", - "rawValue": "{gray.800}", - "computedValue": "#191b23", - "description": "Inverted version of the primary background of the interface that contains the main data and information.", + "name": "--intergalactic-fs-100", + "type": "fontSizes", + "rawValue": "12px", + "computedValue": "12px", + "description": "Use this font-size with caution for text in some additional messages. Always check its contrast and readability.", "components": [ - "notice-bubble" + "button", + "counter", + "d3-chart", + "data-table", + "format-text", + "fullscreen-modal", + "switch", + "tag", + "typography" ] }, { - "name": "--intergalactic-bg-primary-invert-hover", - "type": "color", - "rawValue": "{gray.700}", - "computedValue": "#2b2e38", - "description": "Hover state for the inverted version of the primary background of the interface that contains the main data and information.", - "components": [] - }, - { - "name": "--intergalactic-bg-primary-invert-active", - "type": "color", - "rawValue": "{gray.600}", - "computedValue": "#484a54", - "description": "Active (selected) state for the inverted version of the primary background of the interface that contains the main data and information.", + "name": "--intergalactic-fs-200", + "type": "fontSizes", + "rawValue": "14px", + "computedValue": "14px", "components": [ - "drag-and-drop" + "badge", + "base-trigger", + "breadcrumbs", + "bulk-textarea", + "button", + "card", + "checkbox", + "counter", + "d3-chart", + "data-table", + "date-picker", + "dropdown", + "format-text", + "fullscreen-modal", + "input", + "notice", + "notice-bubble", + "notice-global", + "pagination", + "pills", + "product-head", + "radio", + "slider", + "switch", + "tab-line", + "tab-panel", + "tag", + "textarea", + "time-picker", + "tooltip", + "typography", + "widget-empty", + "wizard" ] }, { - "name": "--intergalactic-bg-secondary-neutral", - "type": "color", - "rawValue": "{gray.50}", - "computedValue": "#f4f5f9", - "description": "Secondary background of the interface which contains the main data and information.", + "name": "--intergalactic-fs-300", + "type": "fontSizes", + "rawValue": "16px", + "computedValue": "16px", "components": [ - "accordion", + "base-trigger", "bulk-textarea", + "button", + "card", + "checkbox", "d3-chart", - "drag-and-drop", + "dropdown", + "errors", + "feedback-form", + "format-text", "input", - "notice", + "pagination", + "pills", + "radio", + "side-panel", + "switch", + "tab-line", + "tag", "textarea", - "time-picker" + "time-picker", + "typography", + "widget-empty", + "wizard" ] }, { - "name": "--intergalactic-bg-secondary-neutral-hover", - "type": "color", - "rawValue": "{gray.100}", - "computedValue": "#e0e1e9", - "description": "Hover state of the secondary background of the interface which contains the main data and information.", + "name": "--intergalactic-fs-400", + "type": "fontSizes", + "rawValue": "20px", + "computedValue": "20px", "components": [ - "accordion", - "time-picker" + "button", + "format-text", + "product-head", + "typography" ] }, { - "name": "--intergalactic-bg-secondary-neutral-active", - "type": "color", - "rawValue": "{gray.200}", - "computedValue": "#c4c7cf", - "description": "Active (selected) state of the secondary background of the interface which contains the main data and information.", + "name": "--intergalactic-fs-500", + "type": "fontSizes", + "rawValue": "24px", + "computedValue": "24px", "components": [ - "flags", - "time-picker" + "button", + "format-text", + "fullscreen-modal", + "modal", + "typography" ] }, { - "name": "--intergalactic-bg-secondary-info", - "type": "color", - "rawValue": "{blue.50}", - "computedValue": "#e9f7ff", - "description": "Secondary background of a message with regular information.", + "name": "--intergalactic-fs-600", + "type": "fontSizes", + "rawValue": "32px", + "computedValue": "32px", "components": [ - "notice" + "button", + "format-text", + "typography" ] }, { - "name": "--intergalactic-bg-secondary-info-hover", - "type": "color", - "rawValue": "{blue.100}", - "computedValue": "#c4e5fe", - "description": "Hover state of the secondary background of a message with regular information.", - "components": [] - }, - { - "name": "--intergalactic-bg-secondary-info-active", - "type": "color", - "rawValue": "{blue.200}", - "computedValue": "#8ecdff", - "description": "Active (selected) state of the secondary background of a message with regular information.", - "components": [] + "name": "--intergalactic-fs-700", + "type": "fontSizes", + "rawValue": "36px", + "computedValue": "36px", + "components": [ + "button", + "errors", + "format-text", + "typography" + ] }, { - "name": "--intergalactic-bg-secondary-success", - "type": "color", - "rawValue": "{green.50}", - "computedValue": "#dbfee8", - "description": "Secondary background of the message with success information you want to accent.", + "name": "--intergalactic-fs-800", + "type": "fontSizes", + "rawValue": "48px", + "computedValue": "48px", "components": [ - "notice" + "button", + "format-text", + "typography" ] }, { - "name": "--intergalactic-bg-secondary-success-hover", - "type": "color", - "rawValue": "{green.100}", - "computedValue": "#9ef2c9", - "description": "Hover state of the secondary background of the message with success information you want to accent.", + "name": "--intergalactic-compact", + "type": "letterSpacing", + "rawValue": "0.3", + "computedValue": "0.3", + "description": "Compact letter spacing.", "components": [] }, { - "name": "--intergalactic-bg-secondary-success-active", - "type": "color", - "rawValue": "{green.200}", - "computedValue": "#59ddaa", - "description": "Active (selected) state of the secondary background of the message with success information you want to accent.", + "name": "--intergalactic-scale-indent", + "type": "spacing", + "rawValue": "4px", + "computedValue": "4px", + "description": "Base denominator of the design system.", "components": [] }, { - "name": "--intergalactic-bg-secondary-critical", - "type": "color", - "rawValue": "{red.50}", - "computedValue": "#fff0f7", - "description": "Secondary background of the message with critical information you want to accent.", + "name": "--intergalactic-spacing-05x", + "type": "spacing", + "rawValue": "{scale-indent}*0.5", + "computedValue": "2px", + "description": "2px", "components": [ + "accordion", + "base-trigger", "bulk-textarea", - "notice" + "checkbox", + "counter", + "data-table", + "dropdown", + "format-text", + "input-tags", + "link", + "notice", + "radio", + "select", + "slider", + "tag", + "typography" ] }, { - "name": "--intergalactic-bg-secondary-critical-hover", - "type": "color", - "rawValue": "{red.100}", - "computedValue": "#ffd7df", - "description": "Hover state of the secondary background of the message with critical information you want to accent.", - "components": [] - }, - { - "name": "--intergalactic-bg-secondary-critical-active", - "type": "color", - "rawValue": "{red.200}", - "computedValue": "#ffaeb5", - "description": "Active (selected) state of the secondary background of the message with critical information you want to accent.", - "components": [] - }, - { - "name": "--intergalactic-bg-secondary-warning", - "type": "color", - "rawValue": "{orange.50}", - "computedValue": "#fff3d9", - "description": "Secondary background of the message with warning information you want to accent.", - "components": [ - "notice" - ] - }, - { - "name": "--intergalactic-bg-secondary-warning-hover", - "type": "color", - "rawValue": "{orange.100}", - "computedValue": "#ffdca2", - "description": "Hover state of the secondary background of the message with warning information you want to accent.", - "components": [] - }, - { - "name": "--intergalactic-bg-secondary-warning-active", - "type": "color", - "rawValue": "{orange.200}", - "computedValue": "#ffb26e", - "description": "Active (selected) state of the secondary background of the message with critical information you want to accent.", - "components": [] - }, - { - "name": "--intergalactic-bg-secondary-highlight", - "type": "color", - "rawValue": "{yellow.50}", - "computedValue": "#fdf7c8", - "description": "Secondary background of the information you want to highlight.", - "components": [] - }, - { - "name": "--intergalactic-bg-secondary-highlight-hover", - "type": "color", - "rawValue": "{yellow.100}", - "computedValue": "#fce081", - "description": "Hover state of the secondary background of the information you want to highlight.", - "components": [] - }, - { - "name": "--intergalactic-bg-secondary-highlight-active", - "type": "color", - "rawValue": "{yellow.200}", - "computedValue": "#fdc23c", - "description": "Active (selected) state of the secondary background of the information you want to highlight.", - "components": [] - }, - { - "name": "--intergalactic-bg-secondary-advertising", - "type": "color", - "rawValue": "{violet.50}", - "computedValue": "#f9f2ff", - "description": "Secondary background for the advertising message you want to accent.", - "components": [] - }, - { - "name": "--intergalactic-bg-secondary-advertising-hover", - "type": "color", - "rawValue": "{violet.100}", - "computedValue": "#edd9ff", - "description": "Hover state of the secondary background for the advertising message you want to accent.", - "components": [] - }, - { - "name": "--intergalactic-bg-secondary-advertising-active", - "type": "color", - "rawValue": "{violet.200}", - "computedValue": "#dcb8ff", - "description": "Active (selected) state of the secondary background for the advertising message you want to accent.", - "components": [] - }, - { - "name": "--intergalactic-bg-highlight-results", - "type": "color", - "rawValue": "rgba({yellow.300}, 0.4)", - "computedValue": "rgba(239, 152, 0, 0.4)", - "description": "Highlighting the search results.", - "components": [] - }, - { - "name": "--intergalactic-bg-highlight-focus", - "type": "color", - "rawValue": "rgba({blue.400}, 0.2)", - "computedValue": "rgba(0, 143, 248, 0.2)", - "description": "Focusing values in the input.", + "name": "--intergalactic-spacing-1x", + "type": "spacing", + "rawValue": "{scale-indent}*1", + "computedValue": "4px", + "description": "4px", "components": [ - "date-picker", - "time-picker" + "badge", + "base-components", + "base-trigger", + "bulk-textarea", + "button", + "card", + "carousel", + "color-picker", + "counter", + "d3-chart", + "data-table", + "dropdown", + "dropdown-menu", + "feature-popover", + "format-text", + "fullscreen-modal", + "inline-input", + "input-tags", + "link", + "notice", + "notice-bubble", + "pagination", + "product-head", + "side-panel", + "tag", + "textarea", + "typography", + "widget-empty", + "wizard" ] }, { - "name": "--intergalactic-text-primary", - "type": "color", - "rawValue": "{gray.800}", - "computedValue": "#191b23", - "description": "Primary text.", + "name": "--intergalactic-spacing-2x", + "type": "spacing", + "rawValue": "{scale-indent}*2", + "computedValue": "8px", + "description": "8px", "components": [ "accordion", "base-components", @@ -378,2683 +470,2758 @@ "bulk-textarea", "button", "card", + "carousel", "checkbox", "d3-chart", "data-table", "date-picker", "dropdown", - "dropdown-menu", - "errors", "feature-popover", + "feedback-form", "format-text", "fullscreen-modal", - "inline-input", "input", - "input-mask", + "input-tags", "modal", "notice", + "notice-bubble", + "notice-global", "pagination", "pills", "product-head", "radio", + "select", "side-panel", + "slider", "switch", "tab-line", "tab-panel", + "tag", "textarea", "time-picker", - "tooltip", - "typography" + "typography", + "widget-empty", + "wizard" ] }, { - "name": "--intergalactic-text-secondary", - "type": "color", - "rawValue": "{gray.500}", - "computedValue": "#6c6e79", - "description": "Secondary text.", + "name": "--intergalactic-spacing-3x", + "type": "spacing", + "rawValue": "{scale-indent}*3", + "computedValue": "12px", + "description": "12px", "components": [ - "breadcrumbs", + "accordion", + "base-trigger", "bulk-textarea", "button", - "card", - "counter", + "carousel", + "color-picker", "d3-chart", + "data-table", "date-picker", "dropdown", - "dropdown-menu", - "flags", + "errors", + "feedback-form", "format-text", "fullscreen-modal", + "input", + "modal", + "notice", + "notice-bubble", + "pagination", "pills", - "slider", - "switch", - "tab-panel", + "side-panel", + "textarea", "time-picker", + "tooltip", "typography", - "widget-empty" + "widget-empty", + "wizard" ] }, { - "name": "--intergalactic-text-placeholder", - "type": "color", - "rawValue": "{gray.400}", - "computedValue": "#8a8e9b", - "description": "Placeholder text only.", + "name": "--intergalactic-spacing-4x", + "type": "spacing", + "rawValue": "{scale-indent}*4", + "computedValue": "16px", + "description": "16px", "components": [ - "base-trigger", "bulk-textarea", - "inline-input", - "input", - "input-mask", - "textarea" + "carousel", + "color-picker", + "data-table", + "date-picker", + "errors", + "feature-popover", + "feedback-form", + "format-text", + "modal", + "notice", + "notice-global", + "pagination", + "product-head", + "side-panel", + "tab-line", + "typography", + "widget-empty", + "wizard" ] }, { - "name": "--intergalactic-text-success", - "type": "color", - "rawValue": "{green.500}", - "computedValue": "#007c65", - "description": "Text associated with success states and data.", - "components": [] - }, - { - "name": "--intergalactic-text-success-hover-active", - "type": "color", - "rawValue": "{green.600}", - "computedValue": "#055345", - "description": "Hover and active states for the text associated with success states and data.", - "components": [] + "name": "--intergalactic-spacing-5x", + "type": "spacing", + "rawValue": "{scale-indent}*5", + "computedValue": "20px", + "description": "20px", + "components": [ + "bulk-textarea", + "card", + "data-table", + "errors", + "format-text", + "notice-bubble", + "pagination", + "product-head", + "slider", + "typography", + "wizard" + ] }, { - "name": "--intergalactic-text-critical", - "type": "color", - "rawValue": "{red.500}", - "computedValue": "#d1002f", - "description": "Text associated with critical states and data.", - "components": [] + "name": "--intergalactic-spacing-6x", + "type": "spacing", + "rawValue": "{scale-indent}*6", + "computedValue": "24px", + "description": "24px", + "components": [ + "bulk-textarea", + "errors", + "format-text", + "fullscreen-modal", + "notice-bubble", + "product-head", + "side-panel", + "typography" + ] }, { - "name": "--intergalactic-text-critical-hover-active", - "type": "color", - "rawValue": "{red.600}", - "computedValue": "#8e0016", - "description": "Hover and active states for the text associated with critical states and data.", - "components": [] + "name": "--intergalactic-spacing-8x", + "type": "spacing", + "rawValue": "{scale-indent}*8", + "computedValue": "32px", + "description": "32px", + "components": [ + "bulk-textarea", + "errors", + "format-text", + "fullscreen-modal", + "notice-bubble", + "notice-global", + "typography" + ] }, { - "name": "--intergalactic-text-primary-invert", - "type": "color", - "rawValue": "{gray.white}", - "computedValue": "#ffffff", - "description": "Inverted version of the primary text.", + "name": "--intergalactic-spacing-10x", + "type": "spacing", + "rawValue": "{scale-indent}*10", + "computedValue": "40px", + "description": "40px", "components": [ - "button", - "date-picker", - "dot", - "feature-highlight", + "bulk-textarea", + "errors", "feature-popover", - "notice-bubble", - "notice-global", - "tag", - "tooltip", + "feedback-form", + "fullscreen-modal", + "modal", + "side-panel", "wizard" ] }, { - "name": "--intergalactic-text-secondary-invert", - "type": "color", - "rawValue": "{gray.white}, 0.8", - "computedValue": "rgba(255, 255, 255, 0.8)", - "description": "Inverted version of the secondary text.", + "name": "--intergalactic-spacing-14x", + "type": "spacing", + "rawValue": "{scale-indent}*14", + "computedValue": "56px", + "description": "56px", "components": [] }, { - "name": "--intergalactic-text-link", - "type": "color", - "rawValue": "{blue.500}", - "computedValue": "#006dca", - "description": "Link text.", + "name": "--intergalactic-spacing-20x", + "type": "spacing", + "rawValue": "{scale-indent}*20", + "computedValue": "80px", + "description": "80px", "components": [ - "base-trigger", - "button", - "format-text", - "link", - "pagination", - "tab-panel", - "typography" + "errors", + "fullscreen-modal" ] }, { - "name": "--intergalactic-text-link-hover-active", - "type": "color", - "rawValue": "{blue.600}", - "computedValue": "#044792", - "description": "Hover and active states for the link text.", - "components": [ - "base-trigger", - "button", - "format-text", - "link", - "tab-panel", - "typography" - ] + "name": "--intergalactic-spacing-24x", + "type": "spacing", + "rawValue": "{scale-indent}*24", + "computedValue": "96px", + "description": "96px", + "components": [] }, { - "name": "--intergalactic-text-link-invert", - "type": "color", - "rawValue": "{blue.200}", - "computedValue": "#8ecdff", - "description": "Inverted version of the link text. Use on dark background only.", - "components": [ - "notice-bubble" - ] + "name": "--intergalactic-spacing-30x", + "type": "spacing", + "rawValue": "{scale-indent}*30", + "computedValue": "120px", + "description": "120px", + "components": [] }, { - "name": "--intergalactic-text-link-invert-hover", - "type": "color", - "rawValue": "{blue.300}", - "computedValue": "#2bb3ff", - "description": "Hover and active states of the inverted version of the link text. Use on dark background only.", + "name": "--intergalactic-rounded-extra-small", + "type": "borderRadius", + "rawValue": "2px", + "computedValue": "2px", "components": [] }, { - "name": "--intergalactic-text-link-visited", - "type": "color", - "rawValue": "{violet.500}", - "computedValue": "#8649e1", - "description": "Visited link text.", + "name": "--intergalactic-rounded-small", + "type": "borderRadius", + "rawValue": "4px", + "computedValue": "4px", "components": [ - "button", - "link" + "checkbox" ] }, { - "name": "--intergalactic-text-hint", - "type": "color", - "rawValue": "{gray.500}", - "computedValue": "#6c6e79", - "description": "Hint link text.", + "name": "--intergalactic-rounded-medium", + "type": "borderRadius", + "rawValue": "6px", + "computedValue": "6px", "components": [ - "button", "d3-chart", - "format-text" - ] - }, - { - "name": "--intergalactic-text-hint-hover-active", - "type": "color", - "rawValue": "{gray.600}", - "computedValue": "#484a54", - "description": "Hover and active states of the hint link text.", - "components": [ - "button", - "format-text", - "typography" + "feedback-form" ] }, { - "name": "--intergalactic-text-hint-invert", - "type": "color", - "rawValue": "{gray.200}", - "computedValue": "#c4c7cf", - "description": "Inverted version of the hint link text.", + "name": "--intergalactic-rounded-large", + "type": "borderRadius", + "rawValue": "12px", + "computedValue": "12px", "components": [] }, { - "name": "--intergalactic-text-hint-invert-hover-active", - "type": "color", - "rawValue": "{gray.300}", - "computedValue": "#a9abb6", - "description": "Hover and active states of the inverted version of the hint link text.", + "name": "--intergalactic-rounded-extra-large", + "type": "borderRadius", + "rawValue": "24px", + "computedValue": "24px", "components": [] }, { - "name": "--intergalactic-text-large-secondary", - "type": "color", - "rawValue": "{gray.300}", - "computedValue": "#a9abb6", - "description": "Secondary text. Use with font-size ≥20px.", + "name": "--intergalactic-disabled-opacity", + "type": "opacity", + "rawValue": "0.3", + "computedValue": "0.3", + "description": "Use for the disabled state of all kind of the controls and elements.", "components": [ - "typography" + "accordion", + "base-trigger", + "bulk-textarea", + "button", + "carousel", + "checkbox", + "date-picker", + "dropdown", + "inline-input", + "input", + "input-number", + "link", + "pills", + "radio", + "slider", + "switch", + "tab-line", + "tab-panel", + "tag", + "textarea", + "time-picker", + "typography", + "wizard" ] }, { - "name": "--intergalactic-text-large-info", - "type": "color", - "rawValue": "{blue.400}", - "computedValue": "#008ff8", - "description": "Link text with font-size ≥20px.", - "components": [ - "d3-chart" - ] + "name": "--intergalactic-screen-extra-small", + "type": "sizing", + "rawValue": "320px", + "computedValue": "320px", + "description": "Extra small screens (small phones).", + "components": [] }, { - "name": "--intergalactic-text-large-info-hover-active", - "type": "color", - "rawValue": "{blue.500}", - "computedValue": "#006dca", - "description": "Hover and active states of the link text with font-size ≥20px.", + "name": "--intergalactic-screen-small", + "type": "sizing", + "rawValue": "768px", + "computedValue": "768px", + "description": "Small screens (phones and small tablets).", "components": [] }, { - "name": "--intergalactic-text-large-success", - "type": "color", - "rawValue": "{green.400}", - "computedValue": "#009f81", - "description": "Text with font-size ≥20px associated with success states and data.", + "name": "--intergalactic-screen-medium", + "type": "sizing", + "rawValue": "1200px", + "computedValue": "1200px", + "description": "Medium screens (tablets and small laptops).", "components": [] }, { - "name": "--intergalactic-text-large-success-hover-active", - "type": "color", - "rawValue": "{green.500}", - "computedValue": "#007c65", - "description": "Hover and active states of the text with font-size ≥20px associated with success states and data.", + "name": "--intergalactic-screen-large", + "type": "sizing", + "rawValue": "1920px", + "computedValue": "1920px", + "description": "Large screens (tablets and laptops).", "components": [] }, { - "name": "--intergalactic-text-large-critical", - "type": "color", - "rawValue": "{red.400}", - "computedValue": "#ff4953", - "description": "Text with font-size ≥20px associated with critical states and data.", + "name": "--intergalactic-z-index-deep", + "type": "other", + "rawValue": "-999", + "computedValue": "-999", + "components": [ + "date-picker" + ] + }, + { + "name": "--intergalactic-z-index-overlay", + "type": "other", + "rawValue": "500", + "computedValue": "500", + "components": [ + "d3-chart" + ] + }, + { + "name": "--intergalactic-z-index-modal", + "type": "other", + "rawValue": "900", + "computedValue": "900", "components": [] }, { - "name": "--intergalactic-text-large-critical-hover-active", - "type": "color", - "rawValue": "{red.500}", - "computedValue": "#d1002f", - "description": "Hover and active states of the text with font-size ≥20px associated with critical states and data.", + "name": "--intergalactic-z-index-popper", + "type": "other", + "rawValue": "700", + "computedValue": "700", "components": [] }, { - "name": "--intergalactic-text-advertising", - "type": "color", - "rawValue": "{violet.700}", - "computedValue": "#421983", - "description": "Advertising text.", + "name": "--intergalactic-z-index-dropdown", + "type": "other", + "rawValue": "750", + "computedValue": "750", "components": [] }, { - "name": "--intergalactic-border-primary", + "name": "--intergalactic-z-index-tooltip", + "type": "other", + "rawValue": "800", + "computedValue": "800", + "components": [] + }, + { + "name": "--intergalactic-z-index-notice-bubble", + "type": "other", + "rawValue": "999", + "computedValue": "999", + "components": [] + }, + { + "name": "--intergalactic-duration-extra-slow", + "type": "other", + "rawValue": "500", + "computedValue": "500", + "description": "Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen)", + "components": [ + "mini-chart" + ] + }, + { + "name": "--intergalactic-duration-slow", + "type": "other", + "rawValue": "400", + "computedValue": "400", + "description": "Should be used for more larger scale animations (such as page transitions)", + "components": [] + }, + { + "name": "--intergalactic-duration-medium", + "type": "other", + "rawValue": "300", + "computedValue": "300", + "description": "Should be used for more complex effects (such as Modal)", + "components": [ + "date-picker" + ] + }, + { + "name": "--intergalactic-duration-fast", + "type": "other", + "rawValue": "200", + "computedValue": "200", + "description": "Should be used for more complex effects (such as Dropdown or Accordion)", + "components": [ + "slider" + ] + }, + { + "name": "--intergalactic-duration-extra-fast", + "type": "other", + "rawValue": "100", + "computedValue": "100", + "description": "Should be used for simpler effects and relatively small-sized animations (such as fades or color changes)", + "components": [ + "data-table", + "drag-and-drop", + "feature-highlight" + ] + }, + { + "name": "--intergalactic-bg-primary-neutral", "type": "color", - "rawValue": "{gray.200}", - "computedValue": "#c4c7cf", - "description": "Neutral primary border.", + "rawValue": "{gray.white}", + "computedValue": "#ffffff", + "description": "Primary background of the interface which contains the main data and information.", "components": [ + "base-components", "base-trigger", "bulk-textarea", - "button", + "card", "checkbox", + "color-picker", "counter", "d3-chart", - "date-picker", - "divider", + "data-table", + "drag-and-drop", "dropdown", - "feedback-form", + "feature-highlight", "fullscreen-modal", "inline-input", "input", + "modal", "pills", "radio", "select", "side-panel", "slider", - "spin", - "tab-line", - "tab-panel", + "switch", + "tag", "textarea", - "time-picker" + "wizard" ] }, { - "name": "--intergalactic-border-secondary", + "name": "--intergalactic-bg-primary-neutral-hover", "type": "color", - "rawValue": "{gray.100}", - "computedValue": "#e0e1e9", - "description": "Subtle secondary border.", + "rawValue": "{gray.50}", + "computedValue": "#f4f5f9", + "description": "Hover state of the primary background of the interface which contains the main data and information.", "components": [ - "card", - "color-picker", - "d3-chart", - "data-table", - "date-picker", - "dropdown", - "notice", - "slider", - "tooltip" + "base-trigger", + "pills" ] }, { - "name": "--intergalactic-border-info", + "name": "--intergalactic-bg-primary-neutral-active", "type": "color", - "rawValue": "{blue.200}", - "computedValue": "#8ecdff", - "description": "Subtle secondary border in the informational message.", + "rawValue": "{gray.100}", + "computedValue": "#e0e1e9", + "description": "Active (selected) state of the primary background of the interface which contains the main data and information.", "components": [ - "notice" + "flags" ] }, { - "name": "--intergalactic-border-info-active", + "name": "--intergalactic-bg-primary-info", "type": "color", - "rawValue": "{blue.500}", - "computedValue": "#006dca", - "description": "Active border in focused input filed.", + "rawValue": "{blue.400}", + "computedValue": "#008ff8", + "description": "Accent background of the message with regular information.", "components": [ "base-trigger", - "bulk-textarea", - "checkbox", - "color-picker", - "feedback-form", - "inline-input", - "input", - "input-tags", - "pills", - "radio", - "tab-line", - "textarea" + "counter", + "notice-global" ] }, { - "name": "--intergalactic-border-success", + "name": "--intergalactic-bg-primary-success", "type": "color", - "rawValue": "{green.200}", - "computedValue": "#59ddaa", - "description": "Subtle secondary border in the successful message and input field.", + "rawValue": "{green.400}", + "computedValue": "#009f81", + "description": "Accent background of the message or banner with information about the successful result.", "components": [ - "notice" + "notice-global" ] }, { - "name": "--intergalactic-border-success-active", + "name": "--intergalactic-bg-primary-critical", "type": "color", - "rawValue": "{green.500}", - "computedValue": "#007c65", - "description": "Active border in the focused input field with valid state.", + "rawValue": "{red.400}", + "computedValue": "#ff4953", + "description": "Accent background of a message or a banner with a critical information.", "components": [ - "base-trigger", - "bulk-textarea", - "inline-input", - "input", - "textarea" + "counter", + "notice-bubble", + "notice-global" ] }, { - "name": "--intergalactic-border-critical", + "name": "--intergalactic-bg-primary-warning", "type": "color", - "rawValue": "{red.200}", - "computedValue": "#ffaeb5", - "description": "Subtle secondary border in the critical message and invalid input field.", + "rawValue": "{orange.400}", + "computedValue": "#ff642d", + "description": "Accent background of a message or a banner with a warning information.", "components": [ - "notice" + "counter", + "notice-global" ] }, { - "name": "--intergalactic-border-critical-active", + "name": "--intergalactic-bg-primary-highlight", "type": "color", - "rawValue": "{red.500}", - "computedValue": "#d1002f", - "description": "Active border in the focused input field with invalid state, and active state of the other components with invalid state.", - "components": [ - "base-trigger", - "bulk-textarea", - "checkbox", - "inline-input", - "input", - "radio", - "textarea", - "tooltip" - ] + "rawValue": "{yellow.100}", + "computedValue": "#fce081", + "description": "Accent background of the information you want to highlight.", + "components": [] }, { - "name": "--intergalactic-border-warning", + "name": "--intergalactic-bg-primary-advertising", "type": "color", - "rawValue": "{orange.200}", - "computedValue": "#ffb26e", - "description": "Subtle secondary border in the warning message.", - "components": [ - "notice" - ] - }, - { - "name": "--intergalactic-border-warning-active", - "type": "color", - "rawValue": "{orange.500}", - "computedValue": "#c33909", - "description": "Active border in components with warning intention.", - "components": [] - }, - { - "name": "--intergalactic-border-primary-invert", - "type": "color", - "rawValue": "{gray.white}", - "computedValue": "#ffffff", - "description": "Inverted version of the neutral primary border. Use it for borders on the dark or color background.", - "components": [ - "button", - "divider", - "spin" - ] - }, - { - "name": "--intergalactic-border-secondary-invert", - "type": "color", - "rawValue": "rgba({gray.white}, 0.3)", - "computedValue": "rgba(255, 255, 255, 0.3)", - "description": "Inverted version of the neutral secondary border. Use it for borders on the dark or color background.", + "rawValue": "{violet.700}", + "computedValue": "#421983", + "description": "Accent background for the advertising banners and controls.", "components": [] }, { - "name": "--intergalactic-border-tooltip-invert", + "name": "--intergalactic-bg-primary-muted", "type": "color", "rawValue": "{gray.500}", "computedValue": "#6c6e79", - "description": "Border of the Tooltip with dark theme.", + "description": "Accented muted background for a message with regular information.", "components": [ - "tooltip" + "notice-global" ] }, { - "name": "--intergalactic-border-table-accent", + "name": "--intergalactic-bg-primary-invert", "type": "color", - "rawValue": "{gray.300}", - "computedValue": "#a9abb6", - "description": "Accent borders in the Table: for the accordion in the table and for the header of the secondary table.", + "rawValue": "{gray.800}", + "computedValue": "#191b23", + "description": "Inverted version of the primary background of the interface that contains the main data and information.", "components": [ - "data-table" + "notice-bubble" ] }, { - "name": "--intergalactic-border-date-picker-range-comparison", + "name": "--intergalactic-bg-primary-invert-hover", "type": "color", - "rawValue": "{violet.500}", - "computedValue": "#8649e1", - "description": "Border color of the second period for the comparison mode in the DatePicker.", + "rawValue": "{gray.700}", + "computedValue": "#2b2e38", + "description": "Hover state for the inverted version of the primary background of the interface that contains the main data and information.", "components": [] }, { - "name": "--intergalactic-border-critical-pattern", + "name": "--intergalactic-bg-primary-invert-active", "type": "color", - "rawValue": "repeating-linear-gradient(315deg, rgba($border.critical-active, 1) 0, rgba($border.critical-active, 1) 2px, transparent 0, transparent 50%)", - "computedValue": "repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%)", - "description": "Used for the invalidStatePattern utils component to mark all kinds of inputs with invalid states.", + "rawValue": "{gray.600}", + "computedValue": "#484a54", + "description": "Active (selected) state for the inverted version of the primary background of the interface that contains the main data and information.", "components": [ - "base-components", - "bulk-textarea", - "radio", - "textarea" + "drag-and-drop" ] }, { - "name": "--intergalactic-control-switch-bg", + "name": "--intergalactic-bg-secondary-neutral", "type": "color", - "rawValue": "{gray.300}", - "computedValue": "#a9abb6", - "description": "Subtle background of the Switch control.", + "rawValue": "{gray.50}", + "computedValue": "#f4f5f9", + "description": "Secondary background of the interface which contains the main data and information.", "components": [ - "switch" + "accordion", + "bulk-textarea", + "d3-chart", + "drag-and-drop", + "input", + "notice", + "textarea", + "time-picker" ] }, { - "name": "--intergalactic-control-primary-info", + "name": "--intergalactic-bg-secondary-neutral-hover", "type": "color", - "rawValue": "{blue.400}", - "computedValue": "#008ff8", - "description": "Background of the regular primary control.", + "rawValue": "{gray.100}", + "computedValue": "#e0e1e9", + "description": "Hover state of the secondary background of the interface which contains the main data and information.", "components": [ - "button", - "checkbox", - "dropdown", - "feature-highlight", - "radio", - "select", - "slider", - "switch" + "accordion", + "time-picker" ] }, { - "name": "--intergalactic-control-primary-info-hover", + "name": "--intergalactic-bg-secondary-neutral-active", "type": "color", - "rawValue": "{blue.500}", - "computedValue": "#006dca", - "description": "Hover state of the regular primary control.", + "rawValue": "{gray.200}", + "computedValue": "#c4c7cf", + "description": "Active (selected) state of the secondary background of the interface which contains the main data and information.", "components": [ - "button", - "slider" + "flags", + "time-picker" ] }, { - "name": "--intergalactic-control-primary-info-active", + "name": "--intergalactic-bg-secondary-info", "type": "color", - "rawValue": "{blue.600}", - "computedValue": "#044792", - "description": "Active (selected) state of the regular primary control.", + "rawValue": "{blue.50}", + "computedValue": "#e9f7ff", + "description": "Secondary background of a message with regular information.", "components": [ - "button" + "notice" ] }, { - "name": "--intergalactic-control-primary-success", + "name": "--intergalactic-bg-secondary-info-hover", "type": "color", - "rawValue": "{green.400}", - "computedValue": "#009f81", - "description": "Background of the primary control with successful theme.", - "components": [ - "button", - "switch" - ] + "rawValue": "{blue.100}", + "computedValue": "#c4e5fe", + "description": "Hover state of the secondary background of a message with regular information.", + "components": [] }, { - "name": "--intergalactic-control-primary-success-hover", + "name": "--intergalactic-bg-secondary-info-active", "type": "color", - "rawValue": "{green.500}", - "computedValue": "#007c65", - "description": "Hover state of the primary control with successful theme.", - "components": [ - "button" - ] + "rawValue": "{blue.200}", + "computedValue": "#8ecdff", + "description": "Active (selected) state of the secondary background of a message with regular information.", + "components": [] }, { - "name": "--intergalactic-control-primary-success-active", + "name": "--intergalactic-bg-secondary-success", "type": "color", - "rawValue": "{green.600}", - "computedValue": "#055345", - "description": "Active (selected) state of the primary control with successful theme.", + "rawValue": "{green.50}", + "computedValue": "#dbfee8", + "description": "Secondary background of the message with success information you want to accent.", "components": [ - "button" + "notice" ] }, { - "name": "--intergalactic-control-primary-critical", + "name": "--intergalactic-bg-secondary-success-hover", "type": "color", - "rawValue": "{red.400}", - "computedValue": "#ff4953", - "description": "Background of the primary control with danger theme.", - "components": [ - "button", - "checkbox" - ] + "rawValue": "{green.100}", + "computedValue": "#9ef2c9", + "description": "Hover state of the secondary background of the message with success information you want to accent.", + "components": [] }, { - "name": "--intergalactic-control-primary-critical-hover", + "name": "--intergalactic-bg-secondary-success-active", "type": "color", - "rawValue": "{red.500}", - "computedValue": "#d1002f", - "description": "Hover state of the primary control with danger theme.", - "components": [ - "button" - ] + "rawValue": "{green.200}", + "computedValue": "#59ddaa", + "description": "Active (selected) state of the secondary background of the message with success information you want to accent.", + "components": [] }, { - "name": "--intergalactic-control-primary-critical-active", + "name": "--intergalactic-bg-secondary-critical", "type": "color", - "rawValue": "{red.600}", - "computedValue": "#8e0016", - "description": "Active (selected) state of the primary control with danger theme.", + "rawValue": "{red.50}", + "computedValue": "#fff0f7", + "description": "Secondary background of the message with critical information you want to accent.", "components": [ - "button" + "bulk-textarea", + "notice" ] }, { - "name": "--intergalactic-control-primary-brand", + "name": "--intergalactic-bg-secondary-critical-hover", "type": "color", - "rawValue": "{orange.400}", - "computedValue": "#ff642d", - "description": "Background of the primary brand colored control.", - "components": [ - "button" - ] + "rawValue": "{red.100}", + "computedValue": "#ffd7df", + "description": "Hover state of the secondary background of the message with critical information you want to accent.", + "components": [] }, { - "name": "--intergalactic-control-primary-brand-hover", + "name": "--intergalactic-bg-secondary-critical-active", "type": "color", - "rawValue": "{orange.500}", - "computedValue": "#c33909", - "description": "Hover state of the primary brand colored control.", - "components": [ - "button" - ] + "rawValue": "{red.200}", + "computedValue": "#ffaeb5", + "description": "Active (selected) state of the secondary background of the message with critical information you want to accent.", + "components": [] }, { - "name": "--intergalactic-control-primary-brand-active", + "name": "--intergalactic-bg-secondary-warning", "type": "color", - "rawValue": "{orange.600}", - "computedValue": "#8b1500", - "description": "Active state of the primary brand colored control.", + "rawValue": "{orange.50}", + "computedValue": "#fff3d9", + "description": "Secondary background of the message with warning information you want to accent.", "components": [ - "button" + "notice" ] }, { - "name": "--intergalactic-control-primary-advertising", + "name": "--intergalactic-bg-secondary-warning-hover", "type": "color", - "rawValue": "{violet.600}", - "computedValue": "#5925ab", - "description": "Background of the advertising primary control.", - "components": [ - "wizard" - ] + "rawValue": "{orange.100}", + "computedValue": "#ffdca2", + "description": "Hover state of the secondary background of the message with warning information you want to accent.", + "components": [] }, { - "name": "--intergalactic-control-primary-advertising-hover", + "name": "--intergalactic-bg-secondary-warning-active", "type": "color", - "rawValue": "{violet.700}", - "computedValue": "#421983", - "description": "Hover state of the advertising primary control.", - "components": [ - "wizard" - ] + "rawValue": "{orange.200}", + "computedValue": "#ffb26e", + "description": "Active (selected) state of the secondary background of the message with critical information you want to accent.", + "components": [] }, { - "name": "--intergalactic-control-primary-advertising-active", + "name": "--intergalactic-bg-secondary-highlight", "type": "color", - "rawValue": "{violet.500}", - "computedValue": "#8649e1", - "description": "Active (selected) state of the advertising primary control.", - "components": [ - "wizard" - ] + "rawValue": "{yellow.50}", + "computedValue": "#fdf7c8", + "description": "Secondary background of the information you want to highlight.", + "components": [] }, { - "name": "--intergalactic-control-primary-invert", + "name": "--intergalactic-bg-secondary-highlight-hover", "type": "color", - "rawValue": "{gray.white}", - "computedValue": "#ffffff", - "description": "Inverted background of the primary control.", - "components": [ - "button" - ] + "rawValue": "{yellow.100}", + "computedValue": "#fce081", + "description": "Hover state of the secondary background of the information you want to highlight.", + "components": [] }, { - "name": "--intergalactic-control-primary-invert-hover", + "name": "--intergalactic-bg-secondary-highlight-active", "type": "color", - "rawValue": "{gray.50}", - "computedValue": "#f4f5f9", - "description": "Hover state of the inverted primary control.", - "components": [ - "button" - ] + "rawValue": "{yellow.200}", + "computedValue": "#fdc23c", + "description": "Active (selected) state of the secondary background of the information you want to highlight.", + "components": [] }, { - "name": "--intergalactic-control-primary-invert-active", + "name": "--intergalactic-bg-secondary-advertising", "type": "color", - "rawValue": "{gray.100}", - "computedValue": "#e0e1e9", - "description": "Active (selected) state of the inverted primary control.", - "components": [ - "button" - ] + "rawValue": "{violet.50}", + "computedValue": "#f9f2ff", + "description": "Secondary background for the advertising message you want to accent.", + "components": [] }, { - "name": "--intergalactic-control-secondary-neutral", + "name": "--intergalactic-bg-secondary-advertising-hover", "type": "color", - "rawValue": "rgba({gray.400}, 0.1)", - "computedValue": "rgba(138, 142, 155, 0.1)", - "description": "Background of the regular secondary control.", - "components": [ - "button" - ] + "rawValue": "{violet.100}", + "computedValue": "#edd9ff", + "description": "Hover state of the secondary background for the advertising message you want to accent.", + "components": [] }, { - "name": "--intergalactic-control-secondary-neutral-hover", + "name": "--intergalactic-bg-secondary-advertising-active", "type": "color", - "rawValue": "rgba({gray.400}, 0.2)", - "computedValue": "rgba(138, 142, 155, 0.2)", - "description": "Hover state of the regular secondary control.", - "components": [ - "button" - ] + "rawValue": "{violet.200}", + "computedValue": "#dcb8ff", + "description": "Active (selected) state of the secondary background for the advertising message you want to accent.", + "components": [] }, { - "name": "--intergalactic-control-secondary-neutral-active", + "name": "--intergalactic-bg-highlight-results", "type": "color", - "rawValue": "rgba({gray.400}, 0.3)", - "computedValue": "rgba(138, 142, 155, 0.3)", - "description": "Active (selected) state of the regular secondary control.", + "rawValue": "rgba({yellow.300}, 0.4)", + "computedValue": "rgba(239, 152, 0, 0.4)", + "description": "Highlighting the search results.", + "components": [] + }, + { + "name": "--intergalactic-bg-highlight-focus", + "type": "color", + "rawValue": "rgba({blue.400}, 0.2)", + "computedValue": "rgba(0, 143, 248, 0.2)", + "description": "Focusing values in the input.", "components": [ - "button" + "date-picker", + "time-picker" ] }, { - "name": "--intergalactic-control-secondary-info", + "name": "--intergalactic-text-primary", "type": "color", - "rawValue": "rgba({blue.400}, 0.1)", - "computedValue": "rgba(0, 143, 248, 0.1)", - "description": "Background of the accent secondary control.", + "rawValue": "{gray.800}", + "computedValue": "#191b23", + "description": "Primary text.", "components": [ + "accordion", + "base-components", "base-trigger", + "breadcrumbs", + "bulk-textarea", "button", - "pills" + "card", + "checkbox", + "d3-chart", + "data-table", + "date-picker", + "dropdown", + "dropdown-menu", + "errors", + "feature-popover", + "format-text", + "fullscreen-modal", + "inline-input", + "input", + "input-mask", + "modal", + "notice", + "pagination", + "pills", + "product-head", + "radio", + "side-panel", + "switch", + "tab-line", + "tab-panel", + "textarea", + "time-picker", + "tooltip", + "typography" ] }, { - "name": "--intergalactic-control-secondary-info-hover", + "name": "--intergalactic-text-secondary", "type": "color", - "rawValue": "rgba({blue.400}, 0.2)", - "computedValue": "rgba(0, 143, 248, 0.2)", - "description": "Hover state of the accent secondary control.", + "rawValue": "{gray.500}", + "computedValue": "#6c6e79", + "description": "Secondary text.", "components": [ - "base-trigger", - "button" + "breadcrumbs", + "bulk-textarea", + "button", + "card", + "counter", + "d3-chart", + "date-picker", + "dropdown", + "dropdown-menu", + "flags", + "format-text", + "fullscreen-modal", + "pills", + "slider", + "switch", + "tab-panel", + "time-picker", + "typography", + "widget-empty" ] }, { - "name": "--intergalactic-control-secondary-info-active", + "name": "--intergalactic-text-placeholder", "type": "color", - "rawValue": "rgba({blue.400}, 0.3)", - "computedValue": "rgba(0, 143, 248, 0.3)", - "description": "Active (selected) state of the accent secondary control.", + "rawValue": "{gray.400}", + "computedValue": "#8a8e9b", + "description": "Placeholder text only.", "components": [ "base-trigger", - "button" + "bulk-textarea", + "inline-input", + "input", + "input-mask", + "textarea" ] }, { - "name": "--intergalactic-control-secondary-invert", + "name": "--intergalactic-text-success", "type": "color", - "rawValue": "rgba({gray.white}, 0.05)", - "computedValue": "rgba(255, 255, 255, 0.05)", - "description": "Background of the inverted version of the secondary control.", - "components": [ - "button" - ] + "rawValue": "{green.500}", + "computedValue": "#007c65", + "description": "Text associated with success states and data.", + "components": [] }, { - "name": "--intergalactic-control-secondary-invert-hover", + "name": "--intergalactic-text-success-hover-active", "type": "color", - "rawValue": "rgba({gray.white}, 0.1)", - "computedValue": "rgba(255, 255, 255, 0.1)", - "description": "Hover state of the inverted version of the secondary control.", - "components": [ - "button" - ] + "rawValue": "{green.600}", + "computedValue": "#055345", + "description": "Hover and active states for the text associated with success states and data.", + "components": [] }, { - "name": "--intergalactic-control-secondary-invert-active", + "name": "--intergalactic-text-critical", "type": "color", - "rawValue": "rgba({gray.white}, 0.3)", - "computedValue": "rgba(255, 255, 255, 0.3)", - "description": "Active (selected) state of the inverted version of the secondary control.", - "components": [ - "button" - ] + "rawValue": "{red.500}", + "computedValue": "#d1002f", + "description": "Text associated with critical states and data.", + "components": [] }, { - "name": "--intergalactic-control-tertiary-neutral", + "name": "--intergalactic-text-critical-hover-active", "type": "color", - "rawValue": "rgba({gray.400}, 0)", - "computedValue": "rgba(138, 142, 155, 0)", - "description": "Background of the regular tertiary control.", - "components": [ - "button" - ] + "rawValue": "{red.600}", + "computedValue": "#8e0016", + "description": "Hover and active states for the text associated with critical states and data.", + "components": [] }, { - "name": "--intergalactic-control-tertiary-neutral-hover", + "name": "--intergalactic-text-primary-invert", "type": "color", - "rawValue": "rgba({gray.400}, 0.2)", - "computedValue": "rgba(138, 142, 155, 0.2)", - "description": "Hover state of the regular tertiary control.", + "rawValue": "{gray.white}", + "computedValue": "#ffffff", + "description": "Inverted version of the primary text.", "components": [ "button", - "color-picker" + "date-picker", + "dot", + "feature-highlight", + "feature-popover", + "notice-bubble", + "notice-global", + "tag", + "tooltip", + "wizard" ] }, { - "name": "--intergalactic-control-tertiary-neutral-active", + "name": "--intergalactic-text-secondary-invert", "type": "color", - "rawValue": "rgba({gray.400}, 0.3)", - "computedValue": "rgba(138, 142, 155, 0.3)", - "description": "Active (selected) state of the regular tertiary control.", - "components": [ - "button", - "color-picker" - ] + "rawValue": "{gray.white}, 0.8", + "computedValue": "rgba(255, 255, 255, 0.8)", + "description": "Inverted version of the secondary text.", + "components": [] }, { - "name": "--intergalactic-control-tertiary-info", + "name": "--intergalactic-text-link", "type": "color", - "rawValue": "rgba({blue.400}, 0)", - "computedValue": "rgba(0, 143, 248, 0)", - "description": "Background of the accent and link-lookalike tertiary control.", - "components": [ - "button" - ] - }, - { - "name": "--intergalactic-control-tertiary-info-hover", - "type": "color", - "rawValue": "rgba({blue.400}, 0.2)", - "computedValue": "rgba(0, 143, 248, 0.2)", - "description": "Hover state of the accent and link-lookalike tertiary control.", + "rawValue": "{blue.500}", + "computedValue": "#006dca", + "description": "Link text.", "components": [ - "button" + "base-trigger", + "button", + "format-text", + "link", + "pagination", + "tab-panel", + "typography" ] }, { - "name": "--intergalactic-control-tertiary-info-active", + "name": "--intergalactic-text-link-hover-active", "type": "color", - "rawValue": "rgba({blue.400}, 0.3)", - "computedValue": "rgba(0, 143, 248, 0.3)", - "description": "Active (selected) state of the accent and link-lookalike tertiary control.", + "rawValue": "{blue.600}", + "computedValue": "#044792", + "description": "Hover and active states for the link text.", "components": [ - "button" + "base-trigger", + "button", + "format-text", + "link", + "tab-panel", + "typography" ] }, { - "name": "--intergalactic-control-tertiary-invert", + "name": "--intergalactic-text-link-invert", "type": "color", - "rawValue": "rgba({gray.white}, 0)", - "computedValue": "rgba(255, 255, 255, 0)", - "description": "Background of the inverted version of the tertiary control.", + "rawValue": "{blue.200}", + "computedValue": "#8ecdff", + "description": "Inverted version of the link text. Use on dark background only.", "components": [ - "button" + "notice-bubble" ] }, { - "name": "--intergalactic-control-tertiary-invert-hover", + "name": "--intergalactic-text-link-invert-hover", "type": "color", - "rawValue": "rgba({gray.white}, 0.1)", - "computedValue": "rgba(255, 255, 255, 0.1)", - "description": "Hover state of the inverted version of the tertiary control.", - "components": [ - "button" - ] + "rawValue": "{blue.300}", + "computedValue": "#2bb3ff", + "description": "Hover and active states of the inverted version of the link text. Use on dark background only.", + "components": [] }, { - "name": "--intergalactic-control-tertiary-invert-active", + "name": "--intergalactic-text-link-visited", "type": "color", - "rawValue": "rgba({gray.white}, 0.3)", - "computedValue": "rgba(255, 255, 255, 0.3)", - "description": "Active (selected) state of the inverted version of the tertiary control.", + "rawValue": "{violet.500}", + "computedValue": "#8649e1", + "description": "Visited link text.", "components": [ - "button" + "button", + "link" ] }, { - "name": "--intergalactic-icon-primary-neutral", + "name": "--intergalactic-text-hint", "type": "color", "rawValue": "{gray.500}", "computedValue": "#6c6e79", - "description": "Primary neutral icon.", + "description": "Hint link text.", "components": [ - "accordion", - "base-trigger", - "carousel", - "drag-and-drop", - "feature-highlight", - "format-text", - "fullscreen-modal", - "notice", - "typography" + "button", + "d3-chart", + "format-text" ] }, { - "name": "--intergalactic-icon-primary-neutral-hover-active", + "name": "--intergalactic-text-hint-hover-active", "type": "color", - "rawValue": "#565861", - "computedValue": "#565861", - "description": "Gray background color for the hover and active states of the primary neutral icon. It’s created using a CSS filter with a brightness(0.8), applied to the gray-500 color.", + "rawValue": "{gray.600}", + "computedValue": "#484a54", + "description": "Hover and active states of the hint link text.", "components": [ - "feature-highlight", - "fullscreen-modal", - "notice" + "button", + "format-text", + "typography" ] }, { - "name": "--intergalactic-icon-primary-info", + "name": "--intergalactic-text-hint-invert", "type": "color", - "rawValue": "{blue.500}", - "computedValue": "#006dca", - "description": "Primary link-lookalike icon.", + "rawValue": "{gray.200}", + "computedValue": "#c4c7cf", + "description": "Inverted version of the hint link text.", "components": [] }, { - "name": "--intergalactic-icon-primary-info-hover-active", + "name": "--intergalactic-text-hint-invert-hover-active", "type": "color", - "rawValue": "#0358A1", - "computedValue": "#0358A1", - "description": "Blue background color for the hover and active states of the primary link-lookalike icon. It’s created using a CSS filter with a brightness(0.8), applied to the blue-500 color.", + "rawValue": "{gray.300}", + "computedValue": "#a9abb6", + "description": "Hover and active states of the inverted version of the hint link text.", "components": [] }, { - "name": "--intergalactic-icon-primary-success", + "name": "--intergalactic-text-large-secondary", "type": "color", - "rawValue": "{green.400}", - "computedValue": "#009f81", - "description": "Primary success icon.", + "rawValue": "{gray.300}", + "computedValue": "#a9abb6", + "description": "Secondary text. Use with font-size ≥20px.", "components": [ - "notice" + "typography" ] }, { - "name": "--intergalactic-icon-primary-success-hover-active", + "name": "--intergalactic-text-large-info", "type": "color", - "rawValue": "#037E68", - "computedValue": "#037E68", - "description": "Green background color for the hover and active states of the primary success icon. It’s created using a CSS filter with a brightness(0.8), applied to the green-500 color.", + "rawValue": "{blue.400}", + "computedValue": "#008ff8", + "description": "Link text with font-size ≥20px.", "components": [ - "notice" + "d3-chart" ] }, { - "name": "--intergalactic-icon-primary-critical", + "name": "--intergalactic-text-large-info-hover-active", "type": "color", - "rawValue": "{red.400}", - "computedValue": "#ff4953", - "description": "Primary critical icon.", - "components": [ - "notice" - ] + "rawValue": "{blue.500}", + "computedValue": "#006dca", + "description": "Hover and active states of the link text with font-size ≥20px.", + "components": [] }, { - "name": "--intergalactic-icon-primary-critical-hover-active", + "name": "--intergalactic-text-large-success", "type": "color", - "rawValue": "#CC3A42", - "computedValue": "#CC3A42", - "description": "Red background color for the hover and active states of the primary critical icon. It’s created using a CSS filter with a brightness(0.8), applied to the red-500 color.", - "components": [ - "notice" - ] + "rawValue": "{green.400}", + "computedValue": "#009f81", + "description": "Text with font-size ≥20px associated with success states and data.", + "components": [] }, { - "name": "--intergalactic-icon-primary-warning", + "name": "--intergalactic-text-large-success-hover-active", "type": "color", - "rawValue": "{orange.400}", - "computedValue": "#ff642d", - "description": "Primary warning icon.", - "components": [ - "dot", - "notice" - ] + "rawValue": "{green.500}", + "computedValue": "#007c65", + "description": "Hover and active states of the text with font-size ≥20px associated with success states and data.", + "components": [] }, { - "name": "--intergalactic-icon-primary-warning-hover-active", + "name": "--intergalactic-text-large-critical", "type": "color", - "rawValue": "#CC5024", - "computedValue": "#CC5024", - "description": "Orange background color for the hover and active states of the primary warning icon. It’s created using a CSS filter with a brightness(0.8), applied to the orange-500 color.", - "components": [ - "notice" - ] + "rawValue": "{red.400}", + "computedValue": "#ff4953", + "description": "Text with font-size ≥20px associated with critical states and data.", + "components": [] }, { - "name": "--intergalactic-icon-primary-invert", + "name": "--intergalactic-text-large-critical-hover-active", "type": "color", - "rawValue": "{gray.white}", - "computedValue": "#ffffff", - "description": "Inverted version of the primary icon.", - "components": [ - "carousel" - ] + "rawValue": "{red.500}", + "computedValue": "#d1002f", + "description": "Hover and active states of the text with font-size ≥20px associated with critical states and data.", + "components": [] }, { - "name": "--intergalactic-icon-primary-invert-hover-active", + "name": "--intergalactic-text-advertising", "type": "color", - "rawValue": "{gray.100}", - "computedValue": "#e0e1e9", - "description": "Hover and active (selected) states of the inverted version of the primary icon.", + "rawValue": "{violet.700}", + "computedValue": "#421983", + "description": "Advertising text.", "components": [] }, { - "name": "--intergalactic-icon-secondary-neutral", + "name": "--intergalactic-border-primary", "type": "color", - "rawValue": "{gray.300}", - "computedValue": "#a9abb6", - "description": "Secondary neutral icon.", + "rawValue": "{gray.200}", + "computedValue": "#c4c7cf", + "description": "Neutral primary border.", "components": [ - "breadcrumbs", - "carousel", - "format-text", + "base-trigger", + "bulk-textarea", + "button", + "checkbox", + "counter", + "d3-chart", + "date-picker", + "divider", + "dropdown", + "feedback-form", + "fullscreen-modal", "inline-input", "input", - "input-number", - "switch", - "typography" + "pills", + "radio", + "select", + "side-panel", + "slider", + "spin", + "tab-line", + "tab-panel", + "textarea", + "time-picker" ] }, { - "name": "--intergalactic-icon-secondary-neutral-hover-active", + "name": "--intergalactic-border-secondary", "type": "color", - "rawValue": "#878992", - "computedValue": "#878992", - "description": "Gray background color for the hover and active states of the secondary neutral icon. It’s created using a CSS filter with a brightness(0.8), applied to the gray-300 color.", + "rawValue": "{gray.100}", + "computedValue": "#e0e1e9", + "description": "Subtle secondary border.", "components": [ + "card", + "color-picker", + "d3-chart", "data-table", - "inline-input", - "input", - "input-number" + "date-picker", + "dropdown", + "notice", + "slider", + "tooltip" ] }, { - "name": "--intergalactic-icon-secondary-info", - "type": "color", - "rawValue": "{blue.300}", - "computedValue": "#2bb3ff", - "description": "Secondary link-lookalike icon.", - "components": [] - }, - { - "name": "--intergalactic-icon-secondary-info-hover-active", + "name": "--intergalactic-border-info", "type": "color", - "rawValue": "#2290CC", - "computedValue": "#2290CC", - "description": "Blue background color for the hover and active states of the secondary link-lookalike icon. It’s created using a CSS filter with a brightness(0.8), applied to the blue-300 color.", - "components": [] + "rawValue": "{blue.200}", + "computedValue": "#8ecdff", + "description": "Subtle secondary border in the informational message.", + "components": [ + "notice" + ] }, { - "name": "--intergalactic-icon-secondary-success", + "name": "--intergalactic-border-info-active", "type": "color", - "rawValue": "{green.300}", - "computedValue": "#00c192", - "description": "Secondary success icon.", + "rawValue": "{blue.500}", + "computedValue": "#006dca", + "description": "Active border in focused input filed.", "components": [ - "inline-input" + "base-trigger", + "bulk-textarea", + "checkbox", + "color-picker", + "feedback-form", + "inline-input", + "input", + "input-tags", + "pills", + "radio", + "tab-line", + "textarea" ] }, { - "name": "--intergalactic-icon-secondary-success-hover-active", + "name": "--intergalactic-border-success", "type": "color", - "rawValue": "#049B75", - "computedValue": "#049B75", - "description": "Green background color for the hover and active states of the secondary success icon. It’s created using a CSS filter with a brightness(0.8), applied to the green-300 color.", + "rawValue": "{green.200}", + "computedValue": "#59ddaa", + "description": "Subtle secondary border in the successful message and input field.", "components": [ - "inline-input" + "notice" ] }, { - "name": "--intergalactic-icon-secondary-critical", + "name": "--intergalactic-border-success-active", "type": "color", - "rawValue": "{red.300}", - "computedValue": "#ff8786", - "description": "Secondary critical icon.", - "components": [] + "rawValue": "{green.500}", + "computedValue": "#007c65", + "description": "Active border in the focused input field with valid state.", + "components": [ + "base-trigger", + "bulk-textarea", + "inline-input", + "input", + "textarea" + ] }, { - "name": "--intergalactic-icon-secondary-critical-hover-active", + "name": "--intergalactic-border-critical", "type": "color", - "rawValue": "#CC6C6B", - "computedValue": "#CC6C6B", - "description": "Red background color for the hover and active states of the secondary critical icon. It’s created using a CSS filter with a brightness(0.8), applied to the red-300 color.", - "components": [] + "rawValue": "{red.200}", + "computedValue": "#ffaeb5", + "description": "Subtle secondary border in the critical message and invalid input field.", + "components": [ + "notice" + ] }, { - "name": "--intergalactic-icon-secondary-warning", + "name": "--intergalactic-border-critical-active", "type": "color", - "rawValue": "{orange.300}", - "computedValue": "#ff8c43", - "description": "Secondary warning icon.", - "components": [] + "rawValue": "{red.500}", + "computedValue": "#d1002f", + "description": "Active border in the focused input field with invalid state, and active state of the other components with invalid state.", + "components": [ + "base-trigger", + "bulk-textarea", + "checkbox", + "inline-input", + "input", + "radio", + "textarea", + "tooltip" + ] }, { - "name": "--intergalactic-icon-secondary-warning-hover-active", + "name": "--intergalactic-border-warning", "type": "color", - "rawValue": "#CC7036", - "computedValue": "#CC7036", - "description": "Orange background color for the hover and active states of the secondary warning icon. It’s created using a CSS filter with a brightness(0.8), applied to the orange-300 color.", - "components": [] + "rawValue": "{orange.200}", + "computedValue": "#ffb26e", + "description": "Subtle secondary border in the warning message.", + "components": [ + "notice" + ] }, { - "name": "--intergalactic-icon-non-interactive", + "name": "--intergalactic-border-warning-active", "type": "color", - "rawValue": "{gray.800}", - "computedValue": "#191b23", - "description": "Color for the default non-interactive icon.", + "rawValue": "{orange.500}", + "computedValue": "#c33909", + "description": "Active border in components with warning intention.", "components": [] }, { - "name": "--intergalactic-illustration-red", + "name": "--intergalactic-border-primary-invert", "type": "color", - "rawValue": "#FF788F", - "computedValue": "#FF788F", - "description": "⚠️ Use only for illustrations.", - "components": [] + "rawValue": "{gray.white}", + "computedValue": "#ffffff", + "description": "Inverted version of the neutral primary border. Use it for borders on the dark or color background.", + "components": [ + "button", + "divider", + "spin" + ] }, { - "name": "--intergalactic-illustration-orange", + "name": "--intergalactic-border-secondary-invert", "type": "color", - "rawValue": "#FFB26E", - "computedValue": "#FFB26E", - "description": "⚠️ Use only for illustrations.", + "rawValue": "rgba({gray.white}, 0.3)", + "computedValue": "rgba(255, 255, 255, 0.3)", + "description": "Inverted version of the neutral secondary border. Use it for borders on the dark or color background.", "components": [] }, { - "name": "--intergalactic-illustration-yellow", + "name": "--intergalactic-border-tooltip-invert", "type": "color", - "rawValue": "#FFE84D", - "computedValue": "#FFE84D", - "description": "⚠️ Use only for illustrations.", - "components": [] + "rawValue": "{gray.500}", + "computedValue": "#6c6e79", + "description": "Border of the Tooltip with dark theme.", + "components": [ + "tooltip" + ] }, { - "name": "--intergalactic-illustration-salad", + "name": "--intergalactic-border-table-accent", "type": "color", - "rawValue": "#C7FA73", - "computedValue": "#C7FA73", - "description": "⚠️ Use only for illustrations.", - "components": [] + "rawValue": "{gray.300}", + "computedValue": "#a9abb6", + "description": "Accent borders in the Table: for the accordion in the table and for the header of the secondary table.", + "components": [ + "data-table" + ] }, { - "name": "--intergalactic-illustration-green", + "name": "--intergalactic-border-date-picker-range-comparison", "type": "color", - "rawValue": "#45E0A8", - "computedValue": "#45E0A8", - "description": "⚠️ Use only for illustrations.", + "rawValue": "{violet.500}", + "computedValue": "#8649e1", + "description": "Border color of the second period for the comparison mode in the DatePicker.", "components": [] }, { - "name": "--intergalactic-illustration-blue", + "name": "--intergalactic-border-critical-pattern", "type": "color", - "rawValue": "#6EDBFF", - "computedValue": "#6EDBFF", - "description": "⚠️ Use only for illustrations.", - "components": [] + "rawValue": "repeating-linear-gradient(315deg, rgba($border.critical-active, 1) 0, rgba($border.critical-active, 1) 2px, transparent 0, transparent 50%)", + "computedValue": "repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%)", + "description": "Used for the invalidStatePattern utils component to mark all kinds of inputs with invalid states.", + "components": [ + "base-components", + "bulk-textarea", + "radio", + "textarea" + ] }, { - "name": "--intergalactic-illustration-violet", + "name": "--intergalactic-control-switch-bg", "type": "color", - "rawValue": "#B880FF", - "computedValue": "#B880FF", - "description": "⚠️ Use only for illustrations.", - "components": [] + "rawValue": "{gray.300}", + "computedValue": "#a9abb6", + "description": "Subtle background of the Switch control.", + "components": [ + "switch" + ] }, { - "name": "--intergalactic-illustration-pink", + "name": "--intergalactic-control-primary-info", "type": "color", - "rawValue": "#FF7AD1", - "computedValue": "#FF7AD1", - "description": "⚠️ Use only for illustrations.", - "components": [] + "rawValue": "{blue.400}", + "computedValue": "#008ff8", + "description": "Background of the regular primary control.", + "components": [ + "button", + "checkbox", + "dropdown", + "feature-highlight", + "radio", + "select", + "slider", + "switch" + ] }, { - "name": "--intergalactic-date-picker-cell", + "name": "--intergalactic-control-primary-info-hover", "type": "color", - "rawValue": "{gray.white}", - "computedValue": "#ffffff", - "description": "Default date-picker cell background.", + "rawValue": "{blue.500}", + "computedValue": "#006dca", + "description": "Hover state of the regular primary control.", "components": [ - "date-picker" + "button", + "slider" ] }, { - "name": "--intergalactic-date-picker-cell-current", + "name": "--intergalactic-control-primary-info-active", "type": "color", - "rawValue": "{gray.400}", - "computedValue": "#8a8e9b", - "description": "Color for marking the cell with the current date, month or year in the date-picker.", + "rawValue": "{blue.600}", + "computedValue": "#044792", + "description": "Active (selected) state of the regular primary control.", "components": [ - "date-picker" + "button" ] }, { - "name": "--intergalactic-date-picker-cell-hover", + "name": "--intergalactic-control-primary-success", "type": "color", - "rawValue": "{gray.100}", - "computedValue": "#e0e1e9", - "description": "Hover state of the default date-picker cell background.", + "rawValue": "{green.400}", + "computedValue": "#009f81", + "description": "Background of the primary control with successful theme.", "components": [ - "date-picker" + "button", + "switch" ] }, { - "name": "--intergalactic-date-picker-cell-range", + "name": "--intergalactic-control-primary-success-hover", "type": "color", - "rawValue": "{blue.100}", - "computedValue": "#c4e5fe", - "description": "Background for the cell which is included in the date range in the date-picker.", + "rawValue": "{green.500}", + "computedValue": "#007c65", + "description": "Hover state of the primary control with successful theme.", "components": [ - "date-picker" + "button" ] }, { - "name": "--intergalactic-date-picker-cell-range-hover", + "name": "--intergalactic-control-primary-success-active", "type": "color", - "rawValue": "{blue.200}", - "computedValue": "#8ecdff", - "description": "Hover state of the background for the cell which is included in the date range in the date-picker.", + "rawValue": "{green.600}", + "computedValue": "#055345", + "description": "Active (selected) state of the primary control with successful theme.", "components": [ - "date-picker" + "button" ] }, { - "name": "--intergalactic-date-picker-cell-active", + "name": "--intergalactic-control-primary-critical", "type": "color", - "rawValue": "{blue.300}", - "computedValue": "#2bb3ff", - "description": "Active (selected) date-picker cell background.", + "rawValue": "{red.400}", + "computedValue": "#ff4953", + "description": "Background of the primary control with danger theme.", "components": [ - "date-picker" + "button", + "checkbox" ] }, { - "name": "--intergalactic-date-picker-cell-active-hover", + "name": "--intergalactic-control-primary-critical-hover", "type": "color", - "rawValue": "{blue.400}", - "computedValue": "#008ff8", - "description": "Hover for the active (selected) date-picker cell background.", + "rawValue": "{red.500}", + "computedValue": "#d1002f", + "description": "Hover state of the primary control with danger theme.", "components": [ - "date-picker" + "button" ] }, { - "name": "--intergalactic-date-picker-cell-current-invert", - "type": "color", - "rawValue": "rgba({gray.white}, 0.5)", - "computedValue": "rgba(255, 255, 255, 0.5)", - "description": "Color for marking the active cell with the current date, month or year in the date-picker.", - "components": [] - }, - { - "name": "--intergalactic-date-picker-cell-comparison-active", + "name": "--intergalactic-control-primary-critical-active", "type": "color", - "rawValue": "{violet.500}", - "computedValue": "#8649e1", - "description": "Active (selected) date-picker cell background for comparison periods.", + "rawValue": "{red.600}", + "computedValue": "#8e0016", + "description": "Active (selected) state of the primary control with danger theme.", "components": [ - "date-picker" + "button" ] }, { - "name": "--intergalactic-date-picker-cell-comparison-active-hover", + "name": "--intergalactic-control-primary-brand", "type": "color", - "rawValue": "{violet.600}", - "computedValue": "#5925ab", - "description": "Hover for the active (selected) date-picker cell background for comparison periods.", + "rawValue": "{orange.400}", + "computedValue": "#ff642d", + "description": "Background of the primary brand colored control.", "components": [ - "date-picker" + "button" ] }, { - "name": "--intergalactic-dropdown-menu-item", + "name": "--intergalactic-control-primary-brand-hover", "type": "color", - "rawValue": "{gray.white}", - "computedValue": "#ffffff", - "description": "Default background color for the list item in the dropdown-menu.", + "rawValue": "{orange.500}", + "computedValue": "#c33909", + "description": "Hover state of the primary brand colored control.", "components": [ - "dropdown" + "button" ] }, { - "name": "--intergalactic-dropdown-menu-item-hover", + "name": "--intergalactic-control-primary-brand-active", "type": "color", - "rawValue": "{gray.50}", - "computedValue": "#f4f5f9", - "description": "Hover state of the default background color for the list item in the dropdown-menu.", + "rawValue": "{orange.600}", + "computedValue": "#8b1500", + "description": "Active state of the primary brand colored control.", "components": [ - "dropdown" + "button" ] }, { - "name": "--intergalactic-dropdown-menu-item-selected", + "name": "--intergalactic-control-primary-advertising", "type": "color", - "rawValue": "rgba({blue.100}, 0.7)", - "computedValue": "rgba(196, 229, 254, 0.7)", - "description": "Active (selected) state of the default background color for the list item in the dropdown-menu.", + "rawValue": "{violet.600}", + "computedValue": "#5925ab", + "description": "Background of the advertising primary control.", "components": [ - "dropdown", - "select" + "wizard" ] }, { - "name": "--intergalactic-dropdown-menu-item-selected-hover", + "name": "--intergalactic-control-primary-advertising-hover", "type": "color", - "rawValue": "{blue.100}", - "computedValue": "#c4e5fe", - "description": "Hover state for the selected state of the default background color for the list item in the dropdown-menu.", + "rawValue": "{violet.700}", + "computedValue": "#421983", + "description": "Hover state of the advertising primary control.", "components": [ - "dropdown", - "select" + "wizard" ] }, { - "name": "--intergalactic-feature-popover-bg", + "name": "--intergalactic-control-primary-advertising-active", "type": "color", - "rawValue": "{bg.primary.highlight}", - "computedValue": "#fce081", - "description": "Color of the FeaturePopover background with accent theme.", + "rawValue": "{violet.500}", + "computedValue": "#8649e1", + "description": "Active (selected) state of the advertising primary control.", "components": [ - "feature-popover" + "wizard" ] }, { - "name": "--intergalactic-feature-popover-dot-outer-border", + "name": "--intergalactic-control-primary-invert", "type": "color", - "rawValue": "{feature-popover.bg}", - "computedValue": "#fce081", - "description": "Color of the outer border of the FeaturePopover.Spot for FeaturePopover with accent theme.", + "rawValue": "{gray.white}", + "computedValue": "#ffffff", + "description": "Inverted background of the primary control.", "components": [ - "feature-popover" + "button" ] }, { - "name": "--intergalactic-feature-popover-bg-neutral", + "name": "--intergalactic-control-primary-invert-hover", "type": "color", - "rawValue": "{violet.dusty.800}", - "computedValue": "#1D113E", - "description": "Color of the FeaturePopover background with neutral theme.", + "rawValue": "{gray.50}", + "computedValue": "#f4f5f9", + "description": "Hover state of the inverted primary control.", "components": [ - "feature-popover" + "button" ] }, { - "name": "--intergalactic-feature-popover-dot-neutral", + "name": "--intergalactic-control-primary-invert-active", "type": "color", - "rawValue": "{green.300}", - "computedValue": "#00c192", - "description": "Color of the FeaturePopover.Spot for FeaturePopover with neutral theme.", + "rawValue": "{gray.100}", + "computedValue": "#e0e1e9", + "description": "Active (selected) state of the inverted primary control.", "components": [ - "feature-popover" + "button" ] }, { - "name": "--intergalactic-feature-popover-dot-neutral-outer-border", + "name": "--intergalactic-control-secondary-neutral", "type": "color", - "rawValue": "{feature-popover.dot-neutral}", - "computedValue": "#00c192", - "description": "Color of the outer border of the FeaturePopover.Spot for FeaturePopover with neutral theme.", + "rawValue": "rgba({gray.400}, 0.1)", + "computedValue": "rgba(138, 142, 155, 0.1)", + "description": "Background of the regular secondary control.", "components": [ - "feature-popover" + "button" ] }, { - "name": "--intergalactic-progress-bar-bg", + "name": "--intergalactic-control-secondary-neutral-hover", "type": "color", - "rawValue": "{gray.100}", - "computedValue": "#e0e1e9", - "description": "Background color of the ProgressBar.", + "rawValue": "rgba({gray.400}, 0.2)", + "computedValue": "rgba(138, 142, 155, 0.2)", + "description": "Hover state of the regular secondary control.", "components": [ - "progress-bar" + "button" ] }, { - "name": "--intergalactic-progress-bar-bg-hover", - "type": "color", - "rawValue": "{gray.200}", - "computedValue": "#c4c7cf", - "description": "Hover state of the background color of the ProgressBar.", - "components": [] - }, - { - "name": "--intergalactic-progress-bar-bg-invert", + "name": "--intergalactic-control-secondary-neutral-active", "type": "color", - "rawValue": "rgba({gray.white}, 0.2)", - "computedValue": "rgba(255, 255, 255, 0.2)", - "description": "Inverted version of the background color of the ProgressBar.", + "rawValue": "rgba({gray.400}, 0.3)", + "computedValue": "rgba(138, 142, 155, 0.3)", + "description": "Active (selected) state of the regular secondary control.", "components": [ - "progress-bar" + "button" ] }, { - "name": "--intergalactic-progress-bar-bg-invert-hover", + "name": "--intergalactic-control-secondary-info", "type": "color", - "rawValue": "rgba({gray.white}, 0.4)", - "computedValue": "rgba(255, 255, 255, 0.4)", - "description": "Hover state for the inverted version of the background color of the ProgressBar.", - "components": [] + "rawValue": "rgba({blue.400}, 0.1)", + "computedValue": "rgba(0, 143, 248, 0.1)", + "description": "Background of the accent secondary control.", + "components": [ + "base-trigger", + "button", + "pills" + ] }, { - "name": "--intergalactic-progress-bar-value-gradient", + "name": "--intergalactic-control-secondary-info-hover", "type": "color", - "rawValue": "linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%)", - "computedValue": "linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%)", - "description": "Value with gradient for the ProgressBar.", + "rawValue": "rgba({blue.400}, 0.2)", + "computedValue": "rgba(0, 143, 248, 0.2)", + "description": "Hover state of the accent secondary control.", "components": [ - "progress-bar" + "base-trigger", + "button" ] }, { - "name": "--intergalactic-progress-bar-pattern-gradient", + "name": "--intergalactic-control-secondary-info-active", "type": "color", - "rawValue": "linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%)", - "computedValue": "linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%)", - "description": "Null value gradient for the ProgressBar.", + "rawValue": "rgba({blue.400}, 0.3)", + "computedValue": "rgba(0, 143, 248, 0.3)", + "description": "Active (selected) state of the accent secondary control.", "components": [ - "progress-bar" + "base-trigger", + "button" ] }, { - "name": "--intergalactic-progress-bar-value-bg", + "name": "--intergalactic-control-secondary-invert", "type": "color", - "rawValue": "#000000", - "computedValue": "#000000", - "description": "Base value background for the ProgressBar. It is used to create gradients for the values.", + "rawValue": "rgba({gray.white}, 0.05)", + "computedValue": "rgba(255, 255, 255, 0.05)", + "description": "Background of the inverted version of the secondary control.", "components": [ - "progress-bar" + "button" ] }, { - "name": "--intergalactic-skeleton-bg", + "name": "--intergalactic-control-secondary-invert-hover", "type": "color", - "rawValue": "rgba({gray.100}, 0.8)", - "computedValue": "rgba(224, 225, 233, 0.8)", - "description": "Default color for the Skeleton.", + "rawValue": "rgba({gray.white}, 0.1)", + "computedValue": "rgba(255, 255, 255, 0.1)", + "description": "Hover state of the inverted version of the secondary control.", "components": [ - "skeleton" + "button" ] }, { - "name": "--intergalactic-skeleton-bg-invert", + "name": "--intergalactic-control-secondary-invert-active", "type": "color", "rawValue": "rgba({gray.white}, 0.3)", "computedValue": "rgba(255, 255, 255, 0.3)", - "description": "Inverted version of the default color for the Skeleton.", + "description": "Active (selected) state of the inverted version of the secondary control.", "components": [ - "skeleton" + "button" ] }, { - "name": "--intergalactic-slider-rating-normal", + "name": "--intergalactic-control-tertiary-neutral", "type": "color", - "rawValue": "{icon.secondary.neutral}", - "computedValue": "#a9abb6", - "description": "Icon color for the SliderRating component in its normal state.", - "components": [ - "feedback-form" - ] - }, - { - "name": "--intergalactic-slider-rating-hover-active", - "type": "color", - "rawValue": "{yellow.200}", - "computedValue": "#fdc23c", - "description": "Icon color for the SliderRating component in its hovered and active states.", + "rawValue": "rgba({gray.400}, 0)", + "computedValue": "rgba(138, 142, 155, 0)", + "description": "Background of the regular tertiary control.", "components": [ - "feedback-form" + "button" ] }, { - "name": "--intergalactic-table-th-primary-cell", + "name": "--intergalactic-control-tertiary-neutral-hover", "type": "color", - "rawValue": "{gray.50}", - "computedValue": "#f4f5f9", - "description": "Background of the header cell in the primary Table.", + "rawValue": "rgba({gray.400}, 0.2)", + "computedValue": "rgba(138, 142, 155, 0.2)", + "description": "Hover state of the regular tertiary control.", "components": [ - "data-table" + "button", + "color-picker" ] }, { - "name": "--intergalactic-table-th-primary-cell-hover", + "name": "--intergalactic-control-tertiary-neutral-active", "type": "color", - "rawValue": "{gray.100}", - "computedValue": "#e0e1e9", - "description": "Background of the hovered header cell in the primary Table.", + "rawValue": "rgba({gray.400}, 0.3)", + "computedValue": "rgba(138, 142, 155, 0.3)", + "description": "Active (selected) state of the regular tertiary control.", "components": [ - "data-table" + "button", + "color-picker" ] }, { - "name": "--intergalactic-table-th-primary-cell-active", - "type": "color", - "rawValue": "{gray.100}", - "computedValue": "#e0e1e9", - "description": "Background of the active header cell in the primary Table.", - "components": [] - }, - { - "name": "--intergalactic-table-th-secondary-cell", + "name": "--intergalactic-control-tertiary-info", "type": "color", - "rawValue": "{gray.white}", - "computedValue": "#ffffff", - "description": "Background of the header cell in the secondary Table.", + "rawValue": "rgba({blue.400}, 0)", + "computedValue": "rgba(0, 143, 248, 0)", + "description": "Background of the accent and link-lookalike tertiary control.", "components": [ - "data-table" + "button" ] }, { - "name": "--intergalactic-table-th-gradient", - "type": "color", - "rawValue": "linear-gradient(to right, rgba($gray.100, 0) 0%, rgba($gray.100, 1) 100%)", - "computedValue": "linear-gradient(to right, rgba(224, 225, 233, 0) 0%, rgba(224, 225, 233, 1) 100%)", - "description": "Background gradient for sorting icon that absolute positioned in the table head.", - "components": [] - }, - { - "name": "--intergalactic-table-td-cell", - "type": "color", - "rawValue": "{gray.white}", - "computedValue": "#ffffff", - "description": "Background of the default cell in the Table.", - "components": [] - }, - { - "name": "--intergalactic-table-td-cell-hover", + "name": "--intergalactic-control-tertiary-info-hover", "type": "color", - "rawValue": "{gray.100} / lighten(0.5) / hsl", - "computedValue": "#f0f0f4", - "description": "Background of the default hovered cell in the Table.", + "rawValue": "rgba({blue.400}, 0.2)", + "computedValue": "rgba(0, 143, 248, 0.2)", + "description": "Hover state of the accent and link-lookalike tertiary control.", "components": [ - "data-table" + "button" ] }, { - "name": "--intergalactic-table-td-cell-active", + "name": "--intergalactic-control-tertiary-info-active", "type": "color", - "rawValue": "{gray.100} / lighten(0.2) / hsl", - "computedValue": "#e6e7ed", - "description": "Background of the default active cell in the Table.", + "rawValue": "rgba({blue.400}, 0.3)", + "computedValue": "rgba(0, 143, 248, 0.3)", + "description": "Active (selected) state of the accent and link-lookalike tertiary control.", "components": [ - "data-table" + "button" ] }, { - "name": "--intergalactic-table-td-cell-unread", + "name": "--intergalactic-control-tertiary-invert", "type": "color", - "rawValue": "{gray.50}", - "computedValue": "#f4f5f9", - "description": "Background of the unread cell in the Table.", + "rawValue": "rgba({gray.white}, 0)", + "computedValue": "rgba(255, 255, 255, 0)", + "description": "Background of the inverted version of the tertiary control.", "components": [ - "data-table" + "button" ] }, { - "name": "--intergalactic-table-td-cell-accordion", + "name": "--intergalactic-control-tertiary-invert-hover", "type": "color", - "rawValue": "{gray.50}", - "computedValue": "#f4f5f9", - "description": "Background of the cell inside an Accordion in the Table.", + "rawValue": "rgba({gray.white}, 0.1)", + "computedValue": "rgba(255, 255, 255, 0.1)", + "description": "Hover state of the inverted version of the tertiary control.", "components": [ - "data-table" + "button" ] }, { - "name": "--intergalactic-table-td-cell-selected", + "name": "--intergalactic-control-tertiary-invert-active", "type": "color", - "rawValue": "{blue.50}", - "computedValue": "#e9f7ff", - "description": "Background of the selected cell in the Table.", + "rawValue": "rgba({gray.white}, 0.3)", + "computedValue": "rgba(255, 255, 255, 0.3)", + "description": "Active (selected) state of the inverted version of the tertiary control.", "components": [ - "data-table" + "button" ] }, { - "name": "--intergalactic-table-td-cell-selected-hover", + "name": "--intergalactic-icon-primary-neutral", "type": "color", - "rawValue": "{blue.100}", - "computedValue": "#c4e5fe", - "description": "Background of the hovered selected cell in the Table.", + "rawValue": "{gray.500}", + "computedValue": "#6c6e79", + "description": "Primary neutral icon.", "components": [ - "data-table" + "accordion", + "base-trigger", + "carousel", + "drag-and-drop", + "feature-highlight", + "format-text", + "fullscreen-modal", + "notice", + "typography" ] }, { - "name": "--intergalactic-table-td-cell-selected-active", + "name": "--intergalactic-icon-primary-neutral-hover-active", "type": "color", - "rawValue": "{blue.100}", - "computedValue": "#c4e5fe", - "description": "Background of the active selected cell in the Table.", + "rawValue": "#565861", + "computedValue": "#565861", + "description": "Gray background color for the hover and active states of the primary neutral icon. It’s created using a CSS filter with a brightness(0.8), applied to the gray-500 color.", "components": [ - "data-table" + "feature-highlight", + "fullscreen-modal", + "notice" ] }, { - "name": "--intergalactic-table-td-cell-new", + "name": "--intergalactic-icon-primary-info", "type": "color", - "rawValue": "{green.50}", - "computedValue": "#dbfee8", - "description": "Background of the cell with new information in the Table.", - "components": [ - "data-table" - ] + "rawValue": "{blue.500}", + "computedValue": "#006dca", + "description": "Primary link-lookalike icon.", + "components": [] }, { - "name": "--intergalactic-table-td-cell-new-hover", + "name": "--intergalactic-icon-primary-info-hover-active", "type": "color", - "rawValue": "{green.100}", - "computedValue": "#9ef2c9", - "description": "Background of the hovered cell with new information in the Table.", - "components": [ - "data-table" - ] + "rawValue": "#0358A1", + "computedValue": "#0358A1", + "description": "Blue background color for the hover and active states of the primary link-lookalike icon. It’s created using a CSS filter with a brightness(0.8), applied to the blue-500 color.", + "components": [] }, { - "name": "--intergalactic-table-td-cell-new-active", + "name": "--intergalactic-icon-primary-success", "type": "color", - "rawValue": "{green.100}", - "computedValue": "#9ef2c9", - "description": "Background of the active cell with new information in the Table.", + "rawValue": "{green.400}", + "computedValue": "#009f81", + "description": "Primary success icon.", "components": [ - "data-table" + "notice" ] }, { - "name": "--intergalactic-table-td-cell-critical", + "name": "--intergalactic-icon-primary-success-hover-active", "type": "color", - "rawValue": "{red.50}", - "computedValue": "#fff0f7", - "description": "Background of the cell with critical information in the Table.", + "rawValue": "#037E68", + "computedValue": "#037E68", + "description": "Green background color for the hover and active states of the primary success icon. It’s created using a CSS filter with a brightness(0.8), applied to the green-500 color.", "components": [ - "data-table" + "notice" ] }, { - "name": "--intergalactic-table-td-cell-critical-hover", + "name": "--intergalactic-icon-primary-critical", "type": "color", - "rawValue": "{red.100}", - "computedValue": "#ffd7df", - "description": "Background of the hovered cell with critical information in the Table.", + "rawValue": "{red.400}", + "computedValue": "#ff4953", + "description": "Primary critical icon.", "components": [ - "data-table" + "notice" ] }, { - "name": "--intergalactic-table-td-cell-critical-active", + "name": "--intergalactic-icon-primary-critical-hover-active", "type": "color", - "rawValue": "{red.100}", - "computedValue": "#ffd7df", - "description": "Background of the active cell with critical information in the Table.", + "rawValue": "#CC3A42", + "computedValue": "#CC3A42", + "description": "Red background color for the hover and active states of the primary critical icon. It’s created using a CSS filter with a brightness(0.8), applied to the red-500 color.", "components": [ - "data-table" + "notice" ] }, { - "name": "--intergalactic-table-td-cell-warning", + "name": "--intergalactic-icon-primary-warning", "type": "color", - "rawValue": "{orange.50}", - "computedValue": "#fff3d9", - "description": "Background of the cell with warning information in the Table.", + "rawValue": "{orange.400}", + "computedValue": "#ff642d", + "description": "Primary warning icon.", "components": [ - "data-table" + "dot", + "notice" ] }, { - "name": "--intergalactic-table-td-cell-warning-hover", + "name": "--intergalactic-icon-primary-warning-hover-active", "type": "color", - "rawValue": "{orange.100}", - "computedValue": "#ffdca2", - "description": "Background of the hovered cell with warning information in the Table.", + "rawValue": "#CC5024", + "computedValue": "#CC5024", + "description": "Orange background color for the hover and active states of the primary warning icon. It’s created using a CSS filter with a brightness(0.8), applied to the orange-500 color.", "components": [ - "data-table" + "notice" ] }, { - "name": "--intergalactic-table-td-cell-warning-active", + "name": "--intergalactic-icon-primary-invert", "type": "color", - "rawValue": "{orange.100}", - "computedValue": "#ffdca2", - "description": "Background of the active cell with warning information in the Table.", + "rawValue": "{gray.white}", + "computedValue": "#ffffff", + "description": "Inverted version of the primary icon.", "components": [ - "data-table" + "carousel" ] }, { - "name": "--intergalactic-brand-primary", + "name": "--intergalactic-icon-primary-invert-hover-active", "type": "color", - "rawValue": "{orange.400}", - "computedValue": "#ff642d", - "description": "Primary brand color.", + "rawValue": "{gray.100}", + "computedValue": "#e0e1e9", + "description": "Hover and active (selected) states of the inverted version of the primary icon.", "components": [] }, { - "name": "--intergalactic-brand-secondary", + "name": "--intergalactic-icon-secondary-neutral", "type": "color", - "rawValue": "{violet.700}", - "computedValue": "#421983", - "description": "Secondary brand color.", - "components": [] + "rawValue": "{gray.300}", + "computedValue": "#a9abb6", + "description": "Secondary neutral icon.", + "components": [ + "breadcrumbs", + "carousel", + "format-text", + "inline-input", + "input", + "input-number", + "switch", + "typography" + ] }, { - "name": "--intergalactic-brand-pinterest", + "name": "--intergalactic-icon-secondary-neutral-hover-active", "type": "color", - "rawValue": "#bd081c", - "computedValue": "#bd081c", - "description": "Pinterest brand color.", - "components": [] + "rawValue": "#878992", + "computedValue": "#878992", + "description": "Gray background color for the hover and active states of the secondary neutral icon. It’s created using a CSS filter with a brightness(0.8), applied to the gray-300 color.", + "components": [ + "data-table", + "inline-input", + "input", + "input-number" + ] }, { - "name": "--intergalactic-brand-instagram", + "name": "--intergalactic-icon-secondary-info", "type": "color", - "rawValue": "#e4405f", - "computedValue": "#e4405f", - "description": "Instagram brand color.", + "rawValue": "{blue.300}", + "computedValue": "#2bb3ff", + "description": "Secondary link-lookalike icon.", "components": [] }, { - "name": "--intergalactic-brand-youtube", + "name": "--intergalactic-icon-secondary-info-hover-active", "type": "color", - "rawValue": "#ff0000", - "computedValue": "#ff0000", - "description": "Youtube brand color.", + "rawValue": "#2290CC", + "computedValue": "#2290CC", + "description": "Blue background color for the hover and active states of the secondary link-lookalike icon. It’s created using a CSS filter with a brightness(0.8), applied to the blue-300 color.", "components": [] }, { - "name": "--intergalactic-brand-facebook", + "name": "--intergalactic-icon-secondary-success", "type": "color", - "rawValue": "#1877F2", - "computedValue": "#1877F2", - "description": "Facebook brand color.", - "components": [] + "rawValue": "{green.300}", + "computedValue": "#00c192", + "description": "Secondary success icon.", + "components": [ + "inline-input" + ] }, { - "name": "--intergalactic-brand-linkedIn", + "name": "--intergalactic-icon-secondary-success-hover-active", "type": "color", - "rawValue": "#0A66C2", - "computedValue": "#0A66C2", - "description": "LinkedIn brand color.", + "rawValue": "#049B75", + "computedValue": "#049B75", + "description": "Green background color for the hover and active states of the secondary success icon. It’s created using a CSS filter with a brightness(0.8), applied to the green-300 color.", + "components": [ + "inline-input" + ] + }, + { + "name": "--intergalactic-icon-secondary-critical", + "type": "color", + "rawValue": "{red.300}", + "computedValue": "#ff8786", + "description": "Secondary critical icon.", "components": [] }, { - "name": "--intergalactic-brand-twitter", + "name": "--intergalactic-icon-secondary-critical-hover-active", "type": "color", - "rawValue": "#1D9BF0", - "computedValue": "#1D9BF0", - "description": "Twitter brand color.", + "rawValue": "#CC6C6B", + "computedValue": "#CC6C6B", + "description": "Red background color for the hover and active states of the secondary critical icon. It’s created using a CSS filter with a brightness(0.8), applied to the red-300 color.", "components": [] }, { - "name": "--intergalactic-brand-google-blue", + "name": "--intergalactic-icon-secondary-warning", "type": "color", - "rawValue": "#1a0dab", - "computedValue": "#1a0dab", - "description": "Google brand color for the link.", + "rawValue": "{orange.300}", + "computedValue": "#ff8c43", + "description": "Secondary warning icon.", "components": [] }, { - "name": "--intergalactic-brand-google-green", + "name": "--intergalactic-icon-secondary-warning-hover-active", "type": "color", - "rawValue": "#016723", - "computedValue": "#016723", - "description": "Google green brand color for the link.", + "rawValue": "#CC7036", + "computedValue": "#CC7036", + "description": "Orange background color for the hover and active states of the secondary warning icon. It’s created using a CSS filter with a brightness(0.8), applied to the orange-300 color.", "components": [] }, { - "name": "--intergalactic-brand-google-my-business", + "name": "--intergalactic-icon-non-interactive", "type": "color", - "rawValue": "#1a73e8", - "computedValue": "#1a73e8", - "description": "Google My Business brand color.", + "rawValue": "{gray.800}", + "computedValue": "#191b23", + "description": "Color for the default non-interactive icon.", "components": [] }, { - "name": "--intergalactic-box-shadow-card", - "type": "boxShadow", - "rawValue": "0px 0px 1px 0px rgba({gray.800}, 0.16); 0px 1px 2px 0px rgba({gray.800}, 0.12)", - "computedValue": "0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)", - "description": "Default shadow of the Card.", - "components": [ - "card" - ] + "name": "--intergalactic-illustration-red", + "type": "color", + "rawValue": "#FF788F", + "computedValue": "#FF788F", + "description": "⚠️ Use only for illustrations.", + "components": [] }, { - "name": "--intergalactic-box-shadow-card-hover", - "type": "boxShadow", - "rawValue": "3px 3px 30px 0px rgba({gray.800}, 0.15)", - "computedValue": "3px 3px 30px 0px rgba(25, 27, 35, 0.15)", - "description": "Hover state for the shadow of the Card with hover state.", + "name": "--intergalactic-illustration-orange", + "type": "color", + "rawValue": "#FFB26E", + "computedValue": "#FFB26E", + "description": "⚠️ Use only for illustrations.", "components": [] }, { - "name": "--intergalactic-box-shadow-dnd", - "type": "boxShadow", - "rawValue": "0px 0px 1px 0px rgba({gray.800}, 0.16); 0px 12px 40px 0px rgba({gray.800}, 0.16)", - "computedValue": "0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16)", - "description": "Shadow for show that element are being drag-and-drop.", - "components": [ - "drag-and-drop" - ] + "name": "--intergalactic-illustration-yellow", + "type": "color", + "rawValue": "#FFE84D", + "computedValue": "#FFE84D", + "description": "⚠️ Use only for illustrations.", + "components": [] }, { - "name": "--intergalactic-box-shadow-modal", - "type": "boxShadow", - "rawValue": "0px 3px 8px 0px rgba({gray.800}, 0.2)", - "computedValue": "0px 3px 8px 0px rgba(25, 27, 35, 0.2)", - "description": "Default shadow if the Modal window.", - "components": [ - "modal" - ] + "name": "--intergalactic-illustration-salad", + "type": "color", + "rawValue": "#C7FA73", + "computedValue": "#C7FA73", + "description": "⚠️ Use only for illustrations.", + "components": [] }, { - "name": "--intergalactic-box-shadow-popper", - "type": "boxShadow", - "rawValue": "0px 1px 12px 0px rgba({gray.800}, 0.15)", - "computedValue": "0px 1px 12px 0px rgba(25, 27, 35, 0.15)", - "description": "Default shadow of all Poppers, Dropdowns and Tooltips.", - "components": [ - "d3-chart", - "dropdown", - "feature-popover", - "side-panel", - "tooltip" - ] + "name": "--intergalactic-illustration-green", + "type": "color", + "rawValue": "#45E0A8", + "computedValue": "#45E0A8", + "description": "⚠️ Use only for illustrations.", + "components": [] }, { - "name": "--intergalactic-keyboard-focus-outline", + "name": "--intergalactic-illustration-blue", "type": "color", - "rawValue": "{blue.400}", - "computedValue": "#008ff8", - "description": "Color for default keyboard focus outline styles.", + "rawValue": "#6EDBFF", + "computedValue": "#6EDBFF", + "description": "⚠️ Use only for illustrations.", "components": [] }, { - "name": "--intergalactic-keyboard-focus-invalid-outline", + "name": "--intergalactic-illustration-violet", "type": "color", - "rawValue": "{red.400}", - "computedValue": "#ff4953", - "description": "Color for keyboard focus outline styles for elements with invalid state.", - "components": [ - "base-trigger", - "bulk-textarea", - "checkbox", - "inline-input", - "input", - "radio", - "textarea" - ] + "rawValue": "#B880FF", + "computedValue": "#B880FF", + "description": "⚠️ Use only for illustrations.", + "components": [] }, { - "name": "--intergalactic-keyboard-focus-invalid", - "type": "boxShadow", - "rawValue": "0px 0px 0px 3px rgba({keyboard-focus.invalid.outline}, 0.5)", - "computedValue": "0px 0px 0px 3px rgba(255, 73, 83, 0.5)", - "description": "Keyboard focus styles for elements with invalid state.", + "name": "--intergalactic-illustration-pink", + "type": "color", + "rawValue": "#FF7AD1", + "computedValue": "#FF7AD1", + "description": "⚠️ Use only for illustrations.", "components": [] }, { - "name": "--intergalactic-keyboard-focus-valid-outline", + "name": "--intergalactic-date-picker-cell", "type": "color", - "rawValue": "{green.400}", - "computedValue": "#009f81", - "description": "Color for keyboard focus outline styles for elements with valid state.", + "rawValue": "{gray.white}", + "computedValue": "#ffffff", + "description": "Default date-picker cell background.", "components": [ - "bulk-textarea", - "inline-input", - "input", - "textarea" + "date-picker" ] }, { - "name": "--intergalactic-keyboard-focus-valid", - "type": "boxShadow", - "rawValue": "0px 0px 0px 3px rgba({keyboard-focus.valid.outline}, 0.5)", - "computedValue": "0px 0px 0px 3px rgba(0, 159, 129, 0.5)", - "description": "Keyboard focus styles for elements with valid state.", - "components": [] + "name": "--intergalactic-date-picker-cell-current", + "type": "color", + "rawValue": "{gray.400}", + "computedValue": "#8a8e9b", + "description": "Color for marking the cell with the current date, month or year in the date-picker.", + "components": [ + "date-picker" + ] }, { - "name": "--intergalactic-keyboard-focus-invert-outline", + "name": "--intergalactic-date-picker-cell-hover", "type": "color", - "rawValue": "rgba({gray.white}, 0.8)", - "computedValue": "rgba(255, 255, 255, 0.8)", - "description": "Color for keyboard focus outline styles to use on the dark and color background.", + "rawValue": "{gray.100}", + "computedValue": "#e0e1e9", + "description": "Hover state of the default date-picker cell background.", "components": [ - "base-components", - "carousel", - "wizard" + "date-picker" ] }, { - "name": "--intergalactic-keyboard-focus-invert", - "type": "boxShadow", - "rawValue": "0px 0px 0px 3px {keyboard-focus.invert.outline}", - "computedValue": "0px 0px 0px 3px rgba(255, 255, 255, 0.8)", - "description": "Keyboard focus styles for use on dark backgrounds.", - "components": [] - }, - { - "name": "--intergalactic-keyboard-focus", - "type": "boxShadow", - "rawValue": "0px 0px 0px 3px rgba({keyboard-focus.outline}, 0.5)", - "computedValue": "0px 0px 0px 3px rgba(0, 143, 248, 0.5)", - "description": "Default keyboard focus box-shadow styles.", + "name": "--intergalactic-date-picker-cell-range", + "type": "color", + "rawValue": "{blue.100}", + "computedValue": "#c4e5fe", + "description": "Background for the cell which is included in the date range in the date-picker.", "components": [ - "input-tags", - "tag" + "date-picker" ] }, { - "name": "--intergalactic-base", - "type": "fontFamilies", - "rawValue": "Inter", - "computedValue": "Inter", - "description": "Base font family.", - "components": [] + "name": "--intergalactic-date-picker-cell-range-hover", + "type": "color", + "rawValue": "{blue.200}", + "computedValue": "#8ecdff", + "description": "Hover state of the background for the cell which is included in the date range in the date-picker.", + "components": [ + "date-picker" + ] }, { - "name": "--intergalactic-lh-800", - "type": "lineHeights", - "rawValue": "117%", - "computedValue": "117%", - "description": "Use with font-size-800.", + "name": "--intergalactic-date-picker-cell-active", + "type": "color", + "rawValue": "{blue.300}", + "computedValue": "#2bb3ff", + "description": "Active (selected) date-picker cell background.", "components": [ - "button", - "format-text", - "typography" + "date-picker" ] }, { - "name": "--intergalactic-lh-700", - "type": "lineHeights", - "rawValue": "110%", - "computedValue": "110%", - "description": "Use with font-size-700.", + "name": "--intergalactic-date-picker-cell-active-hover", + "type": "color", + "rawValue": "{blue.400}", + "computedValue": "#008ff8", + "description": "Hover for the active (selected) date-picker cell background.", "components": [ - "button", - "errors", - "format-text", - "typography" + "date-picker" ] }, { - "name": "--intergalactic-lh-600", - "type": "lineHeights", - "rawValue": "125%", - "computedValue": "125%", - "description": "Use with font-size-600.", + "name": "--intergalactic-date-picker-cell-current-invert", + "type": "color", + "rawValue": "rgba({gray.white}, 0.5)", + "computedValue": "rgba(255, 255, 255, 0.5)", + "description": "Color for marking the active cell with the current date, month or year in the date-picker.", + "components": [] + }, + { + "name": "--intergalactic-date-picker-cell-comparison-active", + "type": "color", + "rawValue": "{violet.500}", + "computedValue": "#8649e1", + "description": "Active (selected) date-picker cell background for comparison periods.", "components": [ - "button", - "format-text", - "typography" + "date-picker" ] }, { - "name": "--intergalactic-lh-500", - "type": "lineHeights", - "rawValue": "117%", - "computedValue": "117%", - "description": "Use with font-size-500.", + "name": "--intergalactic-date-picker-cell-comparison-active-hover", + "type": "color", + "rawValue": "{violet.600}", + "computedValue": "#5925ab", + "description": "Hover for the active (selected) date-picker cell background for comparison periods.", "components": [ - "button", - "format-text", - "fullscreen-modal", - "modal", - "typography" + "date-picker" ] }, { - "name": "--intergalactic-lh-400", - "type": "lineHeights", - "rawValue": "120%", - "computedValue": "120%", - "description": "Use with font-size-400.", + "name": "--intergalactic-dropdown-menu-item", + "type": "color", + "rawValue": "{gray.white}", + "computedValue": "#ffffff", + "description": "Default background color for the list item in the dropdown-menu.", "components": [ - "button", - "format-text", - "product-head", - "typography" + "dropdown" ] }, { - "name": "--intergalactic-lh-300", - "type": "lineHeights", - "rawValue": "150%", - "computedValue": "150%", - "description": "Use with font-size-300.", + "name": "--intergalactic-dropdown-menu-item-hover", + "type": "color", + "rawValue": "{gray.50}", + "computedValue": "#f4f5f9", + "description": "Hover state of the default background color for the list item in the dropdown-menu.", "components": [ - "bulk-textarea", - "button", - "card", - "checkbox", - "d3-chart", - "dropdown", - "errors", - "feedback-form", - "format-text", - "pagination", - "radio", - "side-panel", - "switch", - "tab-line", - "tag", - "textarea", - "typography", - "widget-empty", - "wizard" + "dropdown" ] }, { - "name": "--intergalactic-lh-200", - "type": "lineHeights", - "rawValue": "142%", - "computedValue": "142%", - "description": "Use with font-size-200.", + "name": "--intergalactic-dropdown-menu-item-selected", + "type": "color", + "rawValue": "rgba({blue.100}, 0.7)", + "computedValue": "rgba(196, 229, 254, 0.7)", + "description": "Active (selected) state of the default background color for the list item in the dropdown-menu.", "components": [ - "base-trigger", - "breadcrumbs", - "bulk-textarea", - "button", - "checkbox", - "d3-chart", - "data-table", "dropdown", - "format-text", - "fullscreen-modal", - "notice", - "notice-bubble", - "notice-global", - "pagination", - "product-head", - "radio", - "slider", - "switch", - "tab-line", - "tab-panel", - "tag", - "textarea", - "tooltip", - "typography", - "widget-empty", - "wizard" + "select" ] }, { - "name": "--intergalactic-lh-100", - "type": "lineHeights", - "rawValue": "133%", - "computedValue": "133%", - "description": "Use with font-size-100.", + "name": "--intergalactic-dropdown-menu-item-selected-hover", + "type": "color", + "rawValue": "{blue.100}", + "computedValue": "#c4e5fe", + "description": "Hover state for the selected state of the default background color for the list item in the dropdown-menu.", "components": [ - "button", - "d3-chart", - "data-table", - "format-text", - "fullscreen-modal", - "switch", - "tag", - "typography" + "dropdown", + "select" ] }, { - "name": "--intergalactic-semi-bold", - "type": "fontWeights", - "rawValue": "600", - "computedValue": "600", - "description": "Semi-bold font weight.", + "name": "--intergalactic-feature-popover-bg", + "type": "color", + "rawValue": "{bg.primary.highlight}", + "computedValue": "#fce081", + "description": "Color of the FeaturePopover background with accent theme.", "components": [ - "errors", - "modal", - "product-head", - "typography" + "feature-popover" ] }, { - "name": "--intergalactic-bold", - "type": "fontWeights", - "rawValue": "700", - "computedValue": "700", - "description": "Bold font weight.", + "name": "--intergalactic-feature-popover-dot-outer-border", + "type": "color", + "rawValue": "{feature-popover.bg}", + "computedValue": "#fce081", + "description": "Color of the outer border of the FeaturePopover.Spot for FeaturePopover with accent theme.", "components": [ - "card", - "color-picker", - "dropdown", - "feedback-form", - "flags", - "format-text", - "fullscreen-modal", - "side-panel", - "typography", - "widget-empty", - "wizard" + "feature-popover" ] }, { - "name": "--intergalactic-regular", - "type": "fontWeights", - "rawValue": "400", - "computedValue": "400", - "description": "Regular font weight.", + "name": "--intergalactic-feature-popover-bg-neutral", + "type": "color", + "rawValue": "{violet.dusty.800}", + "computedValue": "#1D113E", + "description": "Color of the FeaturePopover background with neutral theme.", "components": [ - "accordion", - "base-trigger", - "date-picker", - "slider" + "feature-popover" ] }, { - "name": "--intergalactic-medium", - "type": "fontWeights", - "rawValue": "500", - "computedValue": "500", - "description": "Medium font weight.", + "name": "--intergalactic-feature-popover-dot-neutral", + "type": "color", + "rawValue": "{green.300}", + "computedValue": "#00c192", + "description": "Color of the FeaturePopover.Spot for FeaturePopover with neutral theme.", "components": [ - "badge", - "button", - "counter", - "format-text", - "tab-line", - "tab-panel", - "tag", - "time-picker", - "typography" + "feature-popover" ] }, { - "name": "--intergalactic-fs-50", - "type": "fontSizes", - "rawValue": "10px", - "computedValue": "10px", - "description": "Use only for text in Badge component.", + "name": "--intergalactic-feature-popover-dot-neutral-outer-border", + "type": "color", + "rawValue": "{feature-popover.dot-neutral}", + "computedValue": "#00c192", + "description": "Color of the outer border of the FeaturePopover.Spot for FeaturePopover with neutral theme.", "components": [ - "badge", - "counter", - "d3-chart", - "dot" + "feature-popover" ] }, { - "name": "--intergalactic-fs-100", - "type": "fontSizes", - "rawValue": "12px", - "computedValue": "12px", - "description": "Use this font-size with caution for text in some additional messages. Always check its contrast and readability.", + "name": "--intergalactic-progress-bar-bg", + "type": "color", + "rawValue": "{gray.100}", + "computedValue": "#e0e1e9", + "description": "Background color of the ProgressBar.", "components": [ - "button", - "counter", - "d3-chart", - "data-table", - "format-text", - "fullscreen-modal", - "switch", - "tag", - "typography" + "progress-bar" ] }, { - "name": "--intergalactic-fs-200", - "type": "fontSizes", - "rawValue": "14px", - "computedValue": "14px", + "name": "--intergalactic-progress-bar-bg-hover", + "type": "color", + "rawValue": "{gray.200}", + "computedValue": "#c4c7cf", + "description": "Hover state of the background color of the ProgressBar.", + "components": [] + }, + { + "name": "--intergalactic-progress-bar-bg-invert", + "type": "color", + "rawValue": "rgba({gray.white}, 0.2)", + "computedValue": "rgba(255, 255, 255, 0.2)", + "description": "Inverted version of the background color of the ProgressBar.", "components": [ - "badge", - "base-trigger", - "breadcrumbs", - "bulk-textarea", - "button", - "card", - "checkbox", - "counter", - "d3-chart", - "data-table", - "date-picker", - "dropdown", - "format-text", - "fullscreen-modal", - "input", - "notice", - "notice-bubble", - "notice-global", - "pagination", - "pills", - "product-head", - "radio", - "slider", - "switch", - "tab-line", - "tab-panel", - "tag", - "textarea", - "time-picker", - "tooltip", - "typography", - "widget-empty", - "wizard" + "progress-bar" ] }, { - "name": "--intergalactic-fs-300", - "type": "fontSizes", - "rawValue": "16px", - "computedValue": "16px", + "name": "--intergalactic-progress-bar-bg-invert-hover", + "type": "color", + "rawValue": "rgba({gray.white}, 0.4)", + "computedValue": "rgba(255, 255, 255, 0.4)", + "description": "Hover state for the inverted version of the background color of the ProgressBar.", + "components": [] + }, + { + "name": "--intergalactic-progress-bar-value-gradient", + "type": "color", + "rawValue": "linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%)", + "computedValue": "linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%)", + "description": "Value with gradient for the ProgressBar.", "components": [ - "base-trigger", - "bulk-textarea", - "button", - "card", - "checkbox", - "d3-chart", - "dropdown", - "errors", - "feedback-form", - "format-text", - "input", - "pagination", - "pills", - "radio", - "side-panel", - "switch", - "tab-line", - "tag", - "textarea", - "time-picker", - "typography", - "widget-empty", - "wizard" + "progress-bar" ] }, { - "name": "--intergalactic-fs-400", - "type": "fontSizes", - "rawValue": "20px", - "computedValue": "20px", + "name": "--intergalactic-progress-bar-pattern-gradient", + "type": "color", + "rawValue": "linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%)", + "computedValue": "linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%)", + "description": "Null value gradient for the ProgressBar.", "components": [ - "button", - "format-text", - "product-head", - "typography" + "progress-bar" ] }, { - "name": "--intergalactic-fs-500", - "type": "fontSizes", - "rawValue": "24px", - "computedValue": "24px", + "name": "--intergalactic-progress-bar-value-bg", + "type": "color", + "rawValue": "#000000", + "computedValue": "#000000", + "description": "Base value background for the ProgressBar. It is used to create gradients for the values.", "components": [ - "button", - "format-text", - "fullscreen-modal", - "modal", - "typography" + "progress-bar" ] }, { - "name": "--intergalactic-fs-600", - "type": "fontSizes", - "rawValue": "32px", - "computedValue": "32px", + "name": "--intergalactic-skeleton-bg", + "type": "color", + "rawValue": "rgba({gray.100}, 0.8)", + "computedValue": "rgba(224, 225, 233, 0.8)", + "description": "Default color for the Skeleton.", "components": [ - "button", - "format-text", - "typography" + "skeleton" ] }, { - "name": "--intergalactic-fs-700", - "type": "fontSizes", - "rawValue": "36px", - "computedValue": "36px", + "name": "--intergalactic-skeleton-bg-invert", + "type": "color", + "rawValue": "rgba({gray.white}, 0.3)", + "computedValue": "rgba(255, 255, 255, 0.3)", + "description": "Inverted version of the default color for the Skeleton.", "components": [ - "button", - "errors", - "format-text", - "typography" + "skeleton" ] }, { - "name": "--intergalactic-fs-800", - "type": "fontSizes", - "rawValue": "48px", - "computedValue": "48px", + "name": "--intergalactic-slider-rating-normal", + "type": "color", + "rawValue": "{icon.secondary.neutral}", + "computedValue": "#a9abb6", + "description": "Icon color for the SliderRating component in its normal state.", "components": [ - "button", - "format-text", - "typography" + "feedback-form" ] }, { - "name": "--intergalactic-compact", - "type": "letterSpacing", - "rawValue": "0.3", - "computedValue": "0.3", - "description": "Compact letter spacing.", - "components": [] + "name": "--intergalactic-slider-rating-hover-active", + "type": "color", + "rawValue": "{yellow.200}", + "computedValue": "#fdc23c", + "description": "Icon color for the SliderRating component in its hovered and active states.", + "components": [ + "feedback-form" + ] }, { - "name": "--intergalactic-scale-indent", - "type": "spacing", - "rawValue": "4px", - "computedValue": "4px", - "description": "Base denominator of the design system.", - "components": [] + "name": "--intergalactic-table-th-primary-cell", + "type": "color", + "rawValue": "{gray.50}", + "computedValue": "#f4f5f9", + "description": "Background of the header cell in the primary Table.", + "components": [ + "data-table" + ] }, { - "name": "--intergalactic-form-control-s", - "type": "sizing", - "rawValue": "{scale-indent}*5", - "computedValue": "20px", - "description": "Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions.", + "name": "--intergalactic-table-th-primary-cell-hover", + "type": "color", + "rawValue": "{gray.100}", + "computedValue": "#e0e1e9", + "description": "Background of the hovered header cell in the primary Table.", "components": [ - "button" + "data-table" ] }, { - "name": "--intergalactic-form-control-m", - "type": "sizing", - "rawValue": "{scale-indent}*7", - "computedValue": "28px", - "description": "Default size of the controls.", + "name": "--intergalactic-table-th-primary-cell-active", + "type": "color", + "rawValue": "{gray.100}", + "computedValue": "#e0e1e9", + "description": "Background of the active header cell in the primary Table.", + "components": [] + }, + { + "name": "--intergalactic-table-th-secondary-cell", + "type": "color", + "rawValue": "{gray.white}", + "computedValue": "#ffffff", + "description": "Background of the header cell in the secondary Table.", "components": [ - "button", - "input", - "input-tags", - "notice", - "pills", - "time-picker" + "data-table" ] }, { - "name": "--intergalactic-form-control-l", - "type": "sizing", - "rawValue": "{scale-indent}*10", - "computedValue": "40px", - "description": "Large size of the controls.", + "name": "--intergalactic-table-th-gradient", + "type": "color", + "rawValue": "linear-gradient(to right, rgba($gray.100, 0) 0%, rgba($gray.100, 1) 100%)", + "computedValue": "linear-gradient(to right, rgba(224, 225, 233, 0) 0%, rgba(224, 225, 233, 1) 100%)", + "description": "Background gradient for sorting icon that absolute positioned in the table head.", + "components": [] + }, + { + "name": "--intergalactic-table-td-cell", + "type": "color", + "rawValue": "{gray.white}", + "computedValue": "#ffffff", + "description": "Background of the default cell in the Table.", + "components": [] + }, + { + "name": "--intergalactic-table-td-cell-hover", + "type": "color", + "rawValue": "{gray.100} / lighten(0.5) / hsl", + "computedValue": "#f0f0f4", + "description": "Background of the default hovered cell in the Table.", "components": [ - "button", - "input", - "input-tags", - "pills", - "time-picker" + "data-table" ] }, { - "name": "--intergalactic-spacing-05x", - "type": "spacing", - "rawValue": "{scale-indent}*0.5", - "computedValue": "2px", - "description": "2px", + "name": "--intergalactic-table-td-cell-active", + "type": "color", + "rawValue": "{gray.100} / lighten(0.2) / hsl", + "computedValue": "#e6e7ed", + "description": "Background of the default active cell in the Table.", "components": [ - "accordion", - "base-trigger", - "bulk-textarea", - "checkbox", - "counter", - "data-table", - "dropdown", - "format-text", - "input-tags", - "link", - "notice", - "radio", - "select", - "slider", - "tag", - "typography" + "data-table" ] }, { - "name": "--intergalactic-spacing-1x", - "type": "spacing", - "rawValue": "{scale-indent}*1", - "computedValue": "4px", - "description": "4px", + "name": "--intergalactic-table-td-cell-unread", + "type": "color", + "rawValue": "{gray.50}", + "computedValue": "#f4f5f9", + "description": "Background of the unread cell in the Table.", "components": [ - "badge", - "base-components", - "base-trigger", - "bulk-textarea", - "button", - "card", - "carousel", - "color-picker", - "counter", - "d3-chart", - "data-table", - "dropdown", - "dropdown-menu", - "feature-popover", - "format-text", - "fullscreen-modal", - "inline-input", - "input-tags", - "link", - "notice", - "notice-bubble", - "pagination", - "product-head", - "side-panel", - "tag", - "textarea", - "typography", - "widget-empty", - "wizard" + "data-table" + ] + }, + { + "name": "--intergalactic-table-td-cell-accordion", + "type": "color", + "rawValue": "{gray.50}", + "computedValue": "#f4f5f9", + "description": "Background of the cell inside an Accordion in the Table.", + "components": [ + "data-table" + ] + }, + { + "name": "--intergalactic-table-td-cell-selected", + "type": "color", + "rawValue": "{blue.50}", + "computedValue": "#e9f7ff", + "description": "Background of the selected cell in the Table.", + "components": [ + "data-table" + ] + }, + { + "name": "--intergalactic-table-td-cell-selected-hover", + "type": "color", + "rawValue": "{blue.100}", + "computedValue": "#c4e5fe", + "description": "Background of the hovered selected cell in the Table.", + "components": [ + "data-table" + ] + }, + { + "name": "--intergalactic-table-td-cell-selected-active", + "type": "color", + "rawValue": "{blue.100}", + "computedValue": "#c4e5fe", + "description": "Background of the active selected cell in the Table.", + "components": [ + "data-table" + ] + }, + { + "name": "--intergalactic-table-td-cell-new", + "type": "color", + "rawValue": "{green.50}", + "computedValue": "#dbfee8", + "description": "Background of the cell with new information in the Table.", + "components": [ + "data-table" + ] + }, + { + "name": "--intergalactic-table-td-cell-new-hover", + "type": "color", + "rawValue": "{green.100}", + "computedValue": "#9ef2c9", + "description": "Background of the hovered cell with new information in the Table.", + "components": [ + "data-table" + ] + }, + { + "name": "--intergalactic-table-td-cell-new-active", + "type": "color", + "rawValue": "{green.100}", + "computedValue": "#9ef2c9", + "description": "Background of the active cell with new information in the Table.", + "components": [ + "data-table" + ] + }, + { + "name": "--intergalactic-table-td-cell-critical", + "type": "color", + "rawValue": "{red.50}", + "computedValue": "#fff0f7", + "description": "Background of the cell with critical information in the Table.", + "components": [ + "data-table" + ] + }, + { + "name": "--intergalactic-table-td-cell-critical-hover", + "type": "color", + "rawValue": "{red.100}", + "computedValue": "#ffd7df", + "description": "Background of the hovered cell with critical information in the Table.", + "components": [ + "data-table" + ] + }, + { + "name": "--intergalactic-table-td-cell-critical-active", + "type": "color", + "rawValue": "{red.100}", + "computedValue": "#ffd7df", + "description": "Background of the active cell with critical information in the Table.", + "components": [ + "data-table" + ] + }, + { + "name": "--intergalactic-table-td-cell-warning", + "type": "color", + "rawValue": "{orange.50}", + "computedValue": "#fff3d9", + "description": "Background of the cell with warning information in the Table.", + "components": [ + "data-table" + ] + }, + { + "name": "--intergalactic-table-td-cell-warning-hover", + "type": "color", + "rawValue": "{orange.100}", + "computedValue": "#ffdca2", + "description": "Background of the hovered cell with warning information in the Table.", + "components": [ + "data-table" + ] + }, + { + "name": "--intergalactic-table-td-cell-warning-active", + "type": "color", + "rawValue": "{orange.100}", + "computedValue": "#ffdca2", + "description": "Background of the active cell with warning information in the Table.", + "components": [ + "data-table" ] }, { - "name": "--intergalactic-spacing-2x", - "type": "spacing", - "rawValue": "{scale-indent}*2", - "computedValue": "8px", - "description": "8px", - "components": [ - "accordion", - "base-components", - "base-trigger", - "breadcrumbs", - "bulk-textarea", - "button", - "card", - "carousel", - "checkbox", - "d3-chart", - "data-table", - "date-picker", - "dropdown", - "feature-popover", - "feedback-form", - "format-text", - "fullscreen-modal", - "input", - "input-tags", - "modal", - "notice", - "notice-bubble", - "notice-global", - "pagination", - "pills", - "product-head", - "radio", - "select", - "side-panel", - "slider", - "switch", - "tab-line", - "tab-panel", - "tag", - "textarea", - "time-picker", - "typography", - "widget-empty", - "wizard" - ] + "name": "--intergalactic-brand-primary", + "type": "color", + "rawValue": "{orange.400}", + "computedValue": "#ff642d", + "description": "Primary brand color.", + "components": [] + }, + { + "name": "--intergalactic-brand-secondary", + "type": "color", + "rawValue": "{violet.700}", + "computedValue": "#421983", + "description": "Secondary brand color.", + "components": [] + }, + { + "name": "--intergalactic-brand-pinterest", + "type": "color", + "rawValue": "#bd081c", + "computedValue": "#bd081c", + "description": "Pinterest brand color.", + "components": [] + }, + { + "name": "--intergalactic-brand-instagram", + "type": "color", + "rawValue": "#e4405f", + "computedValue": "#e4405f", + "description": "Instagram brand color.", + "components": [] + }, + { + "name": "--intergalactic-brand-youtube", + "type": "color", + "rawValue": "#ff0000", + "computedValue": "#ff0000", + "description": "Youtube brand color.", + "components": [] + }, + { + "name": "--intergalactic-brand-facebook", + "type": "color", + "rawValue": "#1877F2", + "computedValue": "#1877F2", + "description": "Facebook brand color.", + "components": [] + }, + { + "name": "--intergalactic-brand-linkedIn", + "type": "color", + "rawValue": "#0A66C2", + "computedValue": "#0A66C2", + "description": "LinkedIn brand color.", + "components": [] + }, + { + "name": "--intergalactic-brand-twitter", + "type": "color", + "rawValue": "#1D9BF0", + "computedValue": "#1D9BF0", + "description": "Twitter brand color.", + "components": [] + }, + { + "name": "--intergalactic-brand-google-blue", + "type": "color", + "rawValue": "#1a0dab", + "computedValue": "#1a0dab", + "description": "Google brand color for the link.", + "components": [] + }, + { + "name": "--intergalactic-brand-google-green", + "type": "color", + "rawValue": "#016723", + "computedValue": "#016723", + "description": "Google green brand color for the link.", + "components": [] }, { - "name": "--intergalactic-spacing-3x", - "type": "spacing", - "rawValue": "{scale-indent}*3", - "computedValue": "12px", - "description": "12px", + "name": "--intergalactic-brand-google-my-business", + "type": "color", + "rawValue": "#1a73e8", + "computedValue": "#1a73e8", + "description": "Google My Business brand color.", + "components": [] + }, + { + "name": "--intergalactic-box-shadow-card", + "type": "boxShadow", + "rawValue": "0px 0px 1px 0px rgba({gray.800}, 0.16); 0px 1px 2px 0px rgba({gray.800}, 0.12)", + "computedValue": "0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)", + "description": "Default shadow of the Card.", "components": [ - "accordion", - "base-trigger", - "bulk-textarea", - "button", - "carousel", - "color-picker", - "d3-chart", - "data-table", - "date-picker", - "dropdown", - "errors", - "feedback-form", - "format-text", - "fullscreen-modal", - "input", - "modal", - "notice", - "notice-bubble", - "pagination", - "pills", - "side-panel", - "textarea", - "time-picker", - "tooltip", - "typography", - "widget-empty", - "wizard" + "card" ] }, { - "name": "--intergalactic-spacing-4x", - "type": "spacing", - "rawValue": "{scale-indent}*4", - "computedValue": "16px", - "description": "16px", + "name": "--intergalactic-box-shadow-card-hover", + "type": "boxShadow", + "rawValue": "3px 3px 30px 0px rgba({gray.800}, 0.15)", + "computedValue": "3px 3px 30px 0px rgba(25, 27, 35, 0.15)", + "description": "Hover state for the shadow of the Card with hover state.", + "components": [] + }, + { + "name": "--intergalactic-box-shadow-dnd", + "type": "boxShadow", + "rawValue": "0px 0px 1px 0px rgba({gray.800}, 0.16); 0px 12px 40px 0px rgba({gray.800}, 0.16)", + "computedValue": "0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16)", + "description": "Shadow for show that element are being drag-and-drop.", "components": [ - "bulk-textarea", - "carousel", - "color-picker", - "data-table", - "date-picker", - "errors", - "feature-popover", - "feedback-form", - "format-text", - "modal", - "notice", - "notice-global", - "pagination", - "product-head", - "side-panel", - "tab-line", - "typography", - "widget-empty", - "wizard" + "drag-and-drop" ] }, { - "name": "--intergalactic-spacing-5x", - "type": "spacing", - "rawValue": "{scale-indent}*5", - "computedValue": "20px", - "description": "20px", + "name": "--intergalactic-box-shadow-modal", + "type": "boxShadow", + "rawValue": "0px 3px 8px 0px rgba({gray.800}, 0.2)", + "computedValue": "0px 3px 8px 0px rgba(25, 27, 35, 0.2)", + "description": "Default shadow if the Modal window.", "components": [ - "bulk-textarea", - "card", - "data-table", - "errors", - "format-text", - "notice-bubble", - "pagination", - "product-head", - "slider", - "typography", - "wizard" + "modal" ] }, { - "name": "--intergalactic-spacing-6x", - "type": "spacing", - "rawValue": "{scale-indent}*6", - "computedValue": "24px", - "description": "24px", + "name": "--intergalactic-box-shadow-popper", + "type": "boxShadow", + "rawValue": "0px 1px 12px 0px rgba({gray.800}, 0.15)", + "computedValue": "0px 1px 12px 0px rgba(25, 27, 35, 0.15)", + "description": "Default shadow of all Poppers, Dropdowns and Tooltips.", "components": [ - "bulk-textarea", - "errors", - "format-text", - "fullscreen-modal", - "notice-bubble", - "product-head", + "d3-chart", + "dropdown", + "feature-popover", "side-panel", - "typography" + "tooltip" ] }, { - "name": "--intergalactic-spacing-8x", - "type": "spacing", - "rawValue": "{scale-indent}*8", - "computedValue": "32px", - "description": "32px", - "components": [ - "bulk-textarea", - "errors", - "format-text", - "fullscreen-modal", - "notice-bubble", - "notice-global", - "typography" - ] + "name": "--intergalactic-keyboard-focus-outline", + "type": "color", + "rawValue": "{blue.400}", + "computedValue": "#008ff8", + "description": "Color for default keyboard focus outline styles.", + "components": [] }, { - "name": "--intergalactic-spacing-10x", - "type": "spacing", - "rawValue": "{scale-indent}*10", - "computedValue": "40px", - "description": "40px", + "name": "--intergalactic-keyboard-focus-invalid-outline", + "type": "color", + "rawValue": "{red.400}", + "computedValue": "#ff4953", + "description": "Color for keyboard focus outline styles for elements with invalid state.", "components": [ + "base-trigger", "bulk-textarea", - "errors", - "feature-popover", - "feedback-form", - "fullscreen-modal", - "modal", - "side-panel", - "wizard" + "checkbox", + "inline-input", + "input", + "radio", + "textarea" ] }, { - "name": "--intergalactic-spacing-14x", - "type": "spacing", - "rawValue": "{scale-indent}*14", - "computedValue": "56px", - "description": "56px", + "name": "--intergalactic-keyboard-focus-invalid", + "type": "boxShadow", + "rawValue": "0px 0px 0px 3px rgba({keyboard-focus.invalid.outline}, 0.5)", + "computedValue": "0px 0px 0px 3px rgba(255, 73, 83, 0.5)", + "description": "Keyboard focus styles for elements with invalid state.", "components": [] }, { - "name": "--intergalactic-spacing-20x", - "type": "spacing", - "rawValue": "{scale-indent}*20", - "computedValue": "80px", - "description": "80px", + "name": "--intergalactic-keyboard-focus-valid-outline", + "type": "color", + "rawValue": "{green.400}", + "computedValue": "#009f81", + "description": "Color for keyboard focus outline styles for elements with valid state.", "components": [ - "errors", - "fullscreen-modal" + "bulk-textarea", + "inline-input", + "input", + "textarea" ] }, { - "name": "--intergalactic-spacing-24x", - "type": "spacing", - "rawValue": "{scale-indent}*24", - "computedValue": "96px", - "description": "96px", + "name": "--intergalactic-keyboard-focus-valid", + "type": "boxShadow", + "rawValue": "0px 0px 0px 3px rgba({keyboard-focus.valid.outline}, 0.5)", + "computedValue": "0px 0px 0px 3px rgba(0, 159, 129, 0.5)", + "description": "Keyboard focus styles for elements with valid state.", "components": [] }, { - "name": "--intergalactic-spacing-30x", - "type": "spacing", - "rawValue": "{scale-indent}*30", - "computedValue": "120px", - "description": "120px", - "components": [] + "name": "--intergalactic-keyboard-focus-invert-outline", + "type": "color", + "rawValue": "rgba({gray.white}, 0.8)", + "computedValue": "rgba(255, 255, 255, 0.8)", + "description": "Color for keyboard focus outline styles to use on the dark and color background.", + "components": [ + "base-components", + "carousel", + "wizard" + ] }, { - "name": "--intergalactic-rounded-extra-small", - "type": "borderRadius", - "rawValue": "2px", - "computedValue": "2px", + "name": "--intergalactic-keyboard-focus-invert", + "type": "boxShadow", + "rawValue": "0px 0px 0px 3px {keyboard-focus.invert.outline}", + "computedValue": "0px 0px 0px 3px rgba(255, 255, 255, 0.8)", + "description": "Keyboard focus styles for use on dark backgrounds.", "components": [] }, { - "name": "--intergalactic-rounded-small", - "type": "borderRadius", - "rawValue": "4px", - "computedValue": "4px", + "name": "--intergalactic-keyboard-focus", + "type": "boxShadow", + "rawValue": "0px 0px 0px 3px rgba({keyboard-focus.outline}, 0.5)", + "computedValue": "0px 0px 0px 3px rgba(0, 143, 248, 0.5)", + "description": "Default keyboard focus box-shadow styles.", "components": [ - "checkbox" + "input-tags", + "tag" ] }, { - "name": "--intergalactic-rounded-medium", - "type": "borderRadius", - "rawValue": "6px", - "computedValue": "6px", + "name": "--intergalactic-form-control-s", + "type": "sizing", + "rawValue": "{scale-indent}*5", + "computedValue": "20px", + "description": "Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions.", "components": [ - "d3-chart", - "feedback-form" + "button" ] }, { - "name": "--intergalactic-rounded-large", - "type": "borderRadius", - "rawValue": "12px", - "computedValue": "12px", - "components": [] + "name": "--intergalactic-form-control-m", + "type": "sizing", + "rawValue": "{scale-indent}*7", + "computedValue": "28px", + "description": "Default size of the controls.", + "components": [ + "button", + "input", + "input-tags", + "notice", + "pills", + "time-picker" + ] }, { - "name": "--intergalactic-rounded-extra-large", - "type": "borderRadius", - "rawValue": "24px", - "computedValue": "24px", - "components": [] + "name": "--intergalactic-form-control-l", + "type": "sizing", + "rawValue": "{scale-indent}*10", + "computedValue": "40px", + "description": "Large size of the controls.", + "components": [ + "button", + "input", + "input-tags", + "pills", + "time-picker" + ] }, { "name": "--intergalactic-addon-rounded", @@ -3197,70 +3364,6 @@ "wizard" ] }, - { - "name": "--intergalactic-disabled-opacity", - "type": "opacity", - "rawValue": "0.3", - "computedValue": "0.3", - "description": "Use for the disabled state of all kind of the controls and elements.", - "components": [ - "accordion", - "base-trigger", - "bulk-textarea", - "button", - "carousel", - "checkbox", - "date-picker", - "dropdown", - "inline-input", - "input", - "input-number", - "link", - "pills", - "radio", - "slider", - "switch", - "tab-line", - "tab-panel", - "tag", - "textarea", - "time-picker", - "typography", - "wizard" - ] - }, - { - "name": "--intergalactic-screen-extra-small", - "type": "sizing", - "rawValue": "320px", - "computedValue": "320px", - "description": "Extra small screens (small phones).", - "components": [] - }, - { - "name": "--intergalactic-screen-small", - "type": "sizing", - "rawValue": "768px", - "computedValue": "768px", - "description": "Small screens (phones and small tablets).", - "components": [] - }, - { - "name": "--intergalactic-screen-medium", - "type": "sizing", - "rawValue": "1200px", - "computedValue": "1200px", - "description": "Medium screens (tablets and small laptops).", - "components": [] - }, - { - "name": "--intergalactic-screen-large", - "type": "sizing", - "rawValue": "1920px", - "computedValue": "1920px", - "description": "Large screens (tablets and laptops).", - "components": [] - }, { "name": "--intergalactic-overlay-primary", "type": "color", @@ -3302,59 +3405,6 @@ "spin-container" ] }, - { - "name": "--intergalactic-z-index-deep", - "type": "other", - "rawValue": "-999", - "computedValue": "-999", - "components": [ - "date-picker" - ] - }, - { - "name": "--intergalactic-z-index-overlay", - "type": "other", - "rawValue": "500", - "computedValue": "500", - "components": [ - "d3-chart" - ] - }, - { - "name": "--intergalactic-z-index-modal", - "type": "other", - "rawValue": "900", - "computedValue": "900", - "components": [] - }, - { - "name": "--intergalactic-z-index-popper", - "type": "other", - "rawValue": "700", - "computedValue": "700", - "components": [] - }, - { - "name": "--intergalactic-z-index-dropdown", - "type": "other", - "rawValue": "750", - "computedValue": "750", - "components": [] - }, - { - "name": "--intergalactic-z-index-tooltip", - "type": "other", - "rawValue": "800", - "computedValue": "800", - "components": [] - }, - { - "name": "--intergalactic-z-index-notice-bubble", - "type": "other", - "rawValue": "999", - "computedValue": "999", - "components": [] - }, { "name": "--intergalactic-tooltip-default", "type": "color", @@ -4131,56 +4181,6 @@ "computedValue": "#4D407E", "components": [] }, - { - "name": "--intergalactic-duration-extra-slow", - "type": "other", - "rawValue": "500", - "computedValue": "500", - "description": "Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen)", - "components": [ - "mini-chart" - ] - }, - { - "name": "--intergalactic-duration-slow", - "type": "other", - "rawValue": "400", - "computedValue": "400", - "description": "Should be used for more larger scale animations (such as page transitions)", - "components": [] - }, - { - "name": "--intergalactic-duration-medium", - "type": "other", - "rawValue": "300", - "computedValue": "300", - "description": "Should be used for more complex effects (such as Modal)", - "components": [ - "date-picker" - ] - }, - { - "name": "--intergalactic-duration-fast", - "type": "other", - "rawValue": "200", - "computedValue": "200", - "description": "Should be used for more complex effects (such as Dropdown or Accordion)", - "components": [ - "slider" - ] - }, - { - "name": "--intergalactic-duration-extra-fast", - "type": "other", - "rawValue": "100", - "computedValue": "100", - "description": "Should be used for simpler effects and relatively small-sized animations (such as fades or color changes)", - "components": [ - "data-table", - "drag-and-drop", - "feature-highlight" - ] - }, { "name": "--intergalactic-duration-switch", "type": "other", From 15876ec0e50da7cd9810378c0c0a6d461a3e8f4c Mon Sep 17 00:00:00 2001 From: Slizhevsky Vladislav Date: Tue, 17 Mar 2026 11:02:10 +0100 Subject: [PATCH 02/16] [UIK-4939][core] added panda-preset codegeneration/panda-preset --- pnpm-lock.yaml | 1589 +++++++++-- semcore/core/package.json | 6 + semcore/core/src/theme/panda-processor.ts | 145 + semcore/core/src/theme/processor.ts | 10 +- semcore/core/src/theme/themes/panda-preset.ts | 2466 +++++++++++++++++ semcore/core/vite.config.ts | 2 + 6 files changed, 4009 insertions(+), 209 deletions(-) create mode 100644 semcore/core/src/theme/panda-processor.ts create mode 100644 semcore/core/src/theme/themes/panda-preset.ts diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 4cdd9f4f4f..9289742a7c 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -119,16 +119,16 @@ importers: version: 1.5.12 '@storybook/addon-a11y': specifier: 9.1.6 - version: 9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))) + version: 9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))) '@storybook/addon-docs': specifier: ^9.1.6 - version: 9.1.10(@types/react@18.2.19)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))) + version: 9.1.10(@types/react@18.2.19)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))) '@storybook/addon-links': specifier: 9.1.6 - version: 9.1.6(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))) + version: 9.1.6(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))) '@storybook/addon-storysource': specifier: ^8.6.14 - version: 8.6.14(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))) + version: 8.6.14(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))) '@stylistic/eslint-plugin': specifier: 4.4.0 version: 4.4.0(eslint@9.27.0)(typescript@5.8.3) @@ -149,10 +149,10 @@ importers: version: 18.3.7(@types/react@18.2.19) '@vitejs/plugin-react': specifier: 2.0.0 - version: 2.0.0(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) + version: 2.0.0(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) '@vitest/browser': specifier: 3.0.6 - version: 3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3)) + version: 3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3)) '@vitest/ui': specifier: 3.0.6 version: 3.0.6(vitest@3.0.9) @@ -194,7 +194,7 @@ importers: version: 7.37.5(eslint@9.27.0) eslint-plugin-storybook: specifier: 9.1.6 - version: 9.1.6(eslint@9.27.0)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.8.3) + version: 9.1.6(eslint@9.27.0)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.8.3) execa: specifier: 9.6.0 version: 9.6.0 @@ -254,7 +254,7 @@ importers: version: 3.28.0 storybook: specifier: 9.1.6 - version: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) + version: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) stylelint: specifier: 15.9.0 version: 15.9.0(typescript@5.8.3) @@ -281,13 +281,13 @@ importers: version: 1.14.1(webpack-sources@3.3.3) vite: specifier: 6.3.5 - version: 6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) + version: 6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) vite-plugin-babel: specifier: 1.3.2 - version: 1.3.2(@babel/core@7.27.7)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) + version: 1.3.2(@babel/core@7.27.7)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) vitest: specifier: 3.0.9 - version: 3.0.9(@types/debug@4.1.12)(@types/node@18.16.15)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) + version: 3.0.9(@types/debug@4.1.12)(@types/node@18.16.15)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(lightningcss@1.31.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) webdriverio: specifier: 8.24.3 version: 8.24.3(typescript@5.8.3) @@ -689,7 +689,7 @@ importers: version: 7.27.6 '@formatjs/intl': specifier: 3.0.4 - version: 3.0.4(typescript@5.8.3) + version: 3.0.4(typescript@5.9.3) '@phytonmk/nano-css': specifier: 5.3.7 version: 5.3.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1) @@ -706,6 +706,9 @@ importers: specifier: 16.8 - 18 version: 18.3.1(react@18.3.1) devDependencies: + '@pandacss/dev': + specifier: ^1.9.0 + version: 1.9.0(jsdom@22.1.0)(typescript@5.9.3) '@semcore/testing-utils': specifier: workspace:* version: link:../../tools/testing-utils @@ -2115,10 +2118,10 @@ importers: version: 8.4.38 stylelint: specifier: 16.6.1 - version: 16.6.1(typescript@5.8.3) + version: 16.6.1(typescript@5.9.3) stylelint-config-standard: specifier: 36.0.0 - version: 36.0.0(stylelint@16.6.1(typescript@5.8.3)) + version: 36.0.0(stylelint@16.6.1(typescript@5.9.3)) semcore/switch: dependencies: @@ -2631,7 +2634,7 @@ importers: version: 1.4.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1) '@storybook/react-vite': specifier: 9.1.6 - version: 9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.52.4)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.8.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) + version: 9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.52.4)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.9.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) d3-scale: specifier: 3.3.0 version: 3.3.0 @@ -2643,7 +2646,7 @@ importers: version: 7.54.0(patch_hash=5ea80c984744a8ae88b2ac5d6a6b4bd9793291e90ba98f3c1701c4ba9770fd20)(react@18.3.1) react-intl: specifier: 7.1.11 - version: 7.1.11(react@18.3.1)(typescript@5.8.3) + version: 7.1.11(react@18.3.1)(typescript@5.9.3) react-virtualized: specifier: 9.22.6 version: 9.22.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1) @@ -2901,10 +2904,10 @@ importers: version: 1.48.0 '@previewjs/plugin-react': specifier: 17.1.0 - version: 17.1.0(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0) + version: 17.1.0(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0) '@previewjs/screenshot': specifier: 0.3.2 - version: 0.3.2(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0) + version: 0.3.2(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0) '@semcore/babel-preset-ui': specifier: workspace:* version: link:../babel-preset-ui @@ -2965,7 +2968,7 @@ importers: version: 0.14.29 vitest-axe: specifier: 0.1.0 - version: 0.1.0(vitest@3.0.9(@types/debug@4.1.12)(@types/node@22.18.8)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) + version: 0.1.0(vitest@3.0.9(@types/debug@4.1.12)(@types/node@22.18.8)(@vitest/browser@3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3)))(@vitest/ui@3.0.6(vitest@3.0.9))(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(lightningcss@1.31.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) website: dependencies: @@ -2977,13 +2980,13 @@ importers: version: 3.6.3(@algolia/client-search@5.39.0)(@types/react@18.2.19)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(search-insights@2.17.3) '@vitejs/plugin-react': specifier: ^4.5.0 - version: 4.7.0(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0)) + version: 4.7.0(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0)) '@vitejs/plugin-vue-jsx': specifier: ^3.1.0 - version: 3.1.0(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0))(vue@3.5.22(typescript@5.8.3)) + version: 3.1.0(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0))(vue@3.5.22(typescript@5.9.3)) '@vueuse/core': specifier: ^11.3.0 - version: 11.3.0(vue@3.5.22(typescript@5.8.3)) + version: 11.3.0(vue@3.5.22(typescript@5.9.3)) algoliasearch: specifier: 4.8.4 version: 4.8.4 @@ -3106,7 +3109,7 @@ importers: version: 1.16.1 vue: specifier: ^3.5.16 - version: 3.5.22(typescript@5.8.3) + version: 3.5.22(typescript@5.9.3) whatwg-fetch: specifier: 3.6.2 version: 3.6.2 @@ -3194,7 +3197,7 @@ importers: version: 10.1.2 vitepress: specifier: 1.3.1 - version: 1.3.1(@algolia/client-search@5.39.0)(@types/node@18.19.129)(@types/react@18.2.19)(axios@1.9.0)(fuse.js@6.6.2)(less@3.13.1)(postcss@8.4.33)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.93.2)(search-insights@2.17.3)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0)(typescript@5.8.3) + version: 1.3.1(@algolia/client-search@5.39.0)(@types/node@18.19.129)(@types/react@18.2.19)(axios@1.9.0)(fuse.js@6.6.2)(less@3.13.1)(lightningcss@1.31.1)(postcss@8.4.33)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.93.2)(search-insights@2.17.3)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0)(typescript@5.9.3) packages: @@ -3443,6 +3446,10 @@ packages: resolution: {integrity: sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==} engines: {node: '>=6.9.0'} + '@babel/helper-validator-identifier@7.28.5': + resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==} + engines: {node: '>=6.9.0'} + '@babel/helper-validator-option@7.27.1': resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==} engines: {node: '>=6.9.0'} @@ -3460,6 +3467,11 @@ packages: engines: {node: '>=6.0.0'} hasBin: true + '@babel/parser@7.29.2': + resolution: {integrity: sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==} + engines: {node: '>=6.0.0'} + hasBin: true + '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.27.1': resolution: {integrity: sha512-QPG3C9cCVRQLxAVwmefEmwdTanECuUBMQZ/ym5kiw3XKCGA7qkuQLcjWWHcrD/GKbn/WmJwaezfuuAOcyKlRPA==} engines: {node: '>=6.9.0'} @@ -4041,6 +4053,10 @@ packages: resolution: {integrity: sha512-bkFqkLhh3pMBUQQkpVgWDWq/lqzc2678eUyDlTBhRqhCHFguYYGM0Efga7tYk4TogG/3x0EEl66/OQ+WGbWB/Q==} engines: {node: '>=6.9.0'} + '@babel/types@7.29.0': + resolution: {integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==} + engines: {node: '>=6.9.0'} + '@base2/pretty-print-object@1.0.1': resolution: {integrity: sha512-4iri8i1AqYHJE2DstZYkyEprg6Pq6sKx3xn5FpySk9sNhH7qN2LLlHJCfDTZRILNwQNPD7mATWM0TBui7uC1pA==} @@ -4053,6 +4069,12 @@ packages: '@bundled-es-modules/statuses@1.0.1': resolution: {integrity: sha512-yn7BklA5acgcBr+7w064fGV+SGIFySjCKpqjcWgBAIfrAkY+4GQTJJHQMeT3V/sgz23VTEVV8TtOmkvJAhFVfg==} + '@clack/core@0.5.0': + resolution: {integrity: sha512-p3y0FIOwaYRUPRcMO7+dlmLh8PSRcrjuTndsiA0WAFbWES0mLZlrjVoBRZ9DzkPFJZG6KGkJmoEAY0ZcVWTkow==} + + '@clack/prompts@0.11.0': + resolution: {integrity: sha512-pMN5FcrEw9hUkZA4f+zLlzivQSeQf5dRGJjSUbvVYDLvpKCdQx5OaknvKzgbtXOizhP+SJJJjqEbOe55uKKfAw==} + '@crowdin/cli@3.10.1': resolution: {integrity: sha512-CBzABy2voC+T1KpgQYI1DIBGANahG9Vuwiqp0GJERVAWhqp1Tveie3N2rCkzjZT8N8E5SHp/z+OpstrdZYOA+g==} hasBin: true @@ -4113,6 +4135,12 @@ packages: peerDependencies: postcss: ^8.4 + '@csstools/postcss-cascade-layers@6.0.0': + resolution: {integrity: sha512-WhsECqmrEZQGqaPlBA7JkmF/CJ2/+wetL4fkL9sOPccKd32PQ1qToFM6gqSI5rkpmYqubvbxjEJhyMTHYK0vZQ==} + engines: {node: '>=20.19.0'} + peerDependencies: + postcss: ^8.4 + '@csstools/postcss-color-function@3.0.19': resolution: {integrity: sha512-d1OHEXyYGe21G3q88LezWWx31ImEDdmINNDy0LyLNN9ChgN2bPxoubUPiHf9KmwypBMaHmNcMuA/WZOKdZk/Lg==} engines: {node: ^14 || ^16 || >=18} @@ -4293,6 +4321,12 @@ packages: peerDependencies: postcss-selector-parser: ^6.0.13 + '@csstools/selector-specificity@6.0.0': + resolution: {integrity: sha512-4sSgl78OtOXEX/2d++8A83zHNTgwCJMaR24FvsYL7Uf/VS8HZk9PTwR51elTbGqMuwH3szLvvOXEaVnqn0Z3zA==} + engines: {node: '>=20.19.0'} + peerDependencies: + postcss-selector-parser: ^7.1.1 + '@csstools/utilities@1.0.0': resolution: {integrity: sha512-tAgvZQe/t2mlvpNosA4+CkMiZ2azISW5WPAcdSalZlEjQvUfghHxfQcrCiK/7/CrfAWVxyM88kGFYO82heIGDg==} engines: {node: ^14 || ^16 || >=18} @@ -4788,6 +4822,12 @@ packages: '@guidepup/guidepup': ^0.22.1 '@playwright/test': ^1.40.1 + '@hono/node-server@1.19.11': + resolution: {integrity: sha512-dr8/3zEaB+p0D2n/IUrlPF1HZm586qgJNXK1a9fhg/PzdtkK7Ksd5l312tJX2yBuALqDYBlG20QEbayqPyxn+g==} + engines: {node: '>=18.14.1'} + peerDependencies: + hono: ^4 + '@humanfs/core@0.19.1': resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==} engines: {node: '>=18.18.0'} @@ -5014,6 +5054,16 @@ packages: '@types/react': '>=16' react: '>=16' + '@modelcontextprotocol/sdk@1.27.1': + resolution: {integrity: sha512-sr6GbP+4edBwFndLbM60gf07z0FQ79gaExpnsjMGePXqFcSSb7t6iscpjk9DhFhwd+mTEQrzNafGP8/iGGFYaA==} + engines: {node: '>=18'} + peerDependencies: + '@cfworker/json-schema': ^4.1.1 + zod: ^3.25 || ^4.0 + peerDependenciesMeta: + '@cfworker/json-schema': + optional: true + '@mswjs/interceptors@0.39.7': resolution: {integrity: sha512-sURvQbbKsq5f8INV54YJgJEdk8oxBanqkTiXXd33rKmofFCwZLhLRszPduMZ9TA9b8/1CHc/IJmOlBHJk2Q5AQ==} engines: {node: '>=18'} @@ -5042,6 +5092,58 @@ packages: '@open-draft/until@2.1.0': resolution: {integrity: sha512-U69T3ItWHvLwGg5eJ0n3I62nWuE6ilHlmz7zM0npLBRvPRd7e6NYmg54vvRtP5mZG7kZqZCFVdsTWo7BPtBujg==} + '@pandacss/config@1.9.0': + resolution: {integrity: sha512-3kD2WUO7nJYIKfGxPEPWzDL7AnRlG18fXmbpC9jRjN5vgzHIvAyOkb2TGKgFvv7p3WLhf9BNRCgkW5YCgbDhqA==} + + '@pandacss/core@1.9.0': + resolution: {integrity: sha512-RRqt43s/WgtKAalABVzmoqa1BheQR1zE/KVVnQ/GfTKGGL7kS+pE3fgPhqg5dhPC5Mg4mb4bGd5E/iz+s4kClA==} + + '@pandacss/dev@1.9.0': + resolution: {integrity: sha512-GLmwWK35AT7OWt3EJJED6oIXDFjakK8a4UMnOSXq3NMnvpDQp7yLt+GhWFsxGKMLt/Ii0wvQhiKn8O4diRyBrg==} + hasBin: true + + '@pandacss/extractor@1.9.0': + resolution: {integrity: sha512-mlMkizUPCMEjItYJV2qdMEq/OkWBKrzU1VOXrA1ixexbsb/X+aZ+IFhiL5zBr1Qicfk9i6pzTYTrzq5PNuu+QA==} + + '@pandacss/generator@1.9.0': + resolution: {integrity: sha512-Mjr4KIth9Ttv5v9AG13uxdUOeJvTkzitSHTEEat4uo1tWmSmtsBYn+ql8mTpkCHqYiaS6JVA9KxR1iFBQo1IkA==} + + '@pandacss/is-valid-prop@1.9.0': + resolution: {integrity: sha512-AZvpXWGyjbHc8TC+YVloQ31Z2c4j2xMvYj6UfVxuZdB5w4c9+4N8wy5R7I/XswNh8e4cfUlkvsEGDXjhJRgypw==} + + '@pandacss/logger@1.9.0': + resolution: {integrity: sha512-BAgJZtEf3by2zkv/XNXn8C9l2V4KJSfycEMGZbkO6WCPIEbBCF4pdGIHCsNPtyEFl3MLgcufgesiai6TaTpmpA==} + + '@pandacss/mcp@1.9.0': + resolution: {integrity: sha512-+40E0YH8nersK884girOJdzaRtwL2EGmrZdwJxF/hxgtaGla68XdOT2zyaTn8uVHgJ2v29DQWwyG13vCMOMLpA==} + + '@pandacss/node@1.9.0': + resolution: {integrity: sha512-IBE6BAYkBaAPmsplsQy89BGv4kVtteikXpDhWMR0E8rqIlYpPsLXbm0kbeo8yHIr2SyPvVYoHKHUaZAyRxhPCQ==} + + '@pandacss/parser@1.9.0': + resolution: {integrity: sha512-a5tiE8LPfZASs3wAVJGmGQ1tdDAIDzWxnIOm9P7eqAAZghIbfG5RgOMq3VQL92mObYennjpSHArkU5EgqzZCng==} + + '@pandacss/postcss@1.9.0': + resolution: {integrity: sha512-pr1GoKNZBjNp7MBZsl2rCYgajFJ4A61LgS3NjdQUx0HemH0ydGI8f1Qc7JxLZBmuOXVl59t3ZbKYtjc7iG+jGg==} + + '@pandacss/preset-base@1.9.0': + resolution: {integrity: sha512-pkW1cM3A2vHf6bYEt2opVNd3oS2u2MIbmTZmUpQh21YZ7mNZgyisrRG90sOISzjk4zhAe85kv3nXqKxNLK4AkQ==} + + '@pandacss/preset-panda@1.9.0': + resolution: {integrity: sha512-qUIPOyrdwKuqwMeueDE+y7L10InlVqql1CXFr5WnI712/pJxwOeoO3HJLA4hrSACcAqpLSgIP+SOUDWFjnZbSA==} + + '@pandacss/reporter@1.9.0': + resolution: {integrity: sha512-SJ+JVzlTnO+cgIu3t9512wrWjb8xoJC66l4pFhbrbhxa9qnLvfgvy5vOzVChVa5oJVBH5MeV8MACi5MTovJgxA==} + + '@pandacss/shared@1.9.0': + resolution: {integrity: sha512-saDPvDFlOA9BB/2u/4MsWXdUZijP8pyJ0Jw55uQhk/8V/2IOF5UgNcS3XmxyxV7mGjqN1iVDilCFKl3+UZdf/g==} + + '@pandacss/token-dictionary@1.9.0': + resolution: {integrity: sha512-UOlTRBJOr2xosur0RmAo64DiVouognyZSs7XF50TxIurKu5sp7rhmJCdafrFhMI7ogR9wY0vIG51OxO5wphYTQ==} + + '@pandacss/types@1.9.0': + resolution: {integrity: sha512-bNUooYW7M4Ncp4KHO56+qE0VO5zr4dszCF65XIyJirUpqviyCumh+D18gI72iB2aDHyD2j7ZISva6Ab+3FGeQA==} + '@parcel/watcher-android-arm64@2.5.1': resolution: {integrity: sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==} engines: {node: '>= 10.0.0'} @@ -5742,6 +5844,9 @@ packages: '@tootallnate/quickjs-emscripten@0.23.0': resolution: {integrity: sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA==} + '@ts-morph/common@0.28.1': + resolution: {integrity: sha512-W74iWf7ILp1ZKNYXY5qbddNaml7e9Sedv5lvU1V8lftlitkc9Pq1A+jlH23ltDgWYeZFFEqGCD1Ies9hqu3O+g==} + '@tsconfig/node10@1.0.11': resolution: {integrity: sha512-DcRjDCujK/kCk/cUe8Xz8ZSpm8mS3mNNpta+jGCA6USEDfktlNvm1+IuZ9eTcDbNk41BHwpHHeW+N1lKCz4zOw==} @@ -6341,15 +6446,27 @@ packages: '@vue/compiler-core@3.5.22': resolution: {integrity: sha512-jQ0pFPmZwTEiRNSb+i9Ow/I/cHv2tXYqsnHKKyCQ08irI2kdF5qmYedmF8si8mA7zepUFmJ2hqzS8CQmNOWOkQ==} + '@vue/compiler-core@3.5.25': + resolution: {integrity: sha512-vay5/oQJdsNHmliWoZfHPoVZZRmnSWhug0BYT34njkYTPqClh3DNWLkZNJBVSjsNMrg0CCrBfoKkjZQPM/QVUw==} + '@vue/compiler-dom@3.5.22': resolution: {integrity: sha512-W8RknzUM1BLkypvdz10OVsGxnMAuSIZs9Wdx1vzA3mL5fNMN15rhrSCLiTm6blWeACwUwizzPVqGJgOGBEN/hA==} + '@vue/compiler-dom@3.5.25': + resolution: {integrity: sha512-4We0OAcMZsKgYoGlMjzYvaoErltdFI2/25wqanuTu+S4gismOTRTBPi4IASOjxWdzIwrYSjnqONfKvuqkXzE2Q==} + '@vue/compiler-sfc@3.5.22': resolution: {integrity: sha512-tbTR1zKGce4Lj+JLzFXDq36K4vcSZbJ1RBu8FxcDv1IGRz//Dh2EBqksyGVypz3kXpshIfWKGOCcqpSbyGWRJQ==} + '@vue/compiler-sfc@3.5.25': + resolution: {integrity: sha512-PUgKp2rn8fFsI++lF2sO7gwO2d9Yj57Utr5yEsDf3GNaQcowCLKL7sf+LvVFvtJDXUp/03+dC6f2+LCv5aK1ag==} + '@vue/compiler-ssr@3.5.22': resolution: {integrity: sha512-GdgyLvg4R+7T8Nk2Mlighx7XGxq/fJf9jaVofc3IL0EPesTE86cP/8DD1lT3h1JeZr2ySBvyqKQJgbS54IX1Ww==} + '@vue/compiler-ssr@3.5.25': + resolution: {integrity: sha512-ritPSKLBcParnsKYi+GNtbdbrIE1mtuFEJ4U1sWeuOMlIziK5GtOL85t5RhsNy4uWIXPgk+OUdpnXiTdzn8o3A==} + '@vue/devtools-api@7.7.7': resolution: {integrity: sha512-lwOnNBH2e7x1fIIbVT7yF5D+YWhqELm55/4ZKf45R9T8r9dE2AIOy8HKjfqzGsoTHFbWbr337O4E0A0QADnjBg==} @@ -6376,6 +6493,9 @@ packages: '@vue/shared@3.5.22': resolution: {integrity: sha512-F4yc6palwq3TT0u+FYf0Ns4Tfl9GRFURDN2gWG7L1ecIaS/4fCIuFOjMTnCyjsu/OK6vaDKLCrGAa+KvvH+h4w==} + '@vue/shared@3.5.25': + resolution: {integrity: sha512-AbOPdQQnAnzs58H2FrrDxYj/TJfmeS2jdfEEhgiKINy+bnOANmVizIEgq1r+C5zsbs6l1CCQxtcj71rwNQ4jWg==} + '@vueuse/core@10.11.1': resolution: {integrity: sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==} @@ -6533,6 +6653,10 @@ packages: resolution: {integrity: sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==} engines: {node: '>= 0.6'} + accepts@2.0.0: + resolution: {integrity: sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==} + engines: {node: '>= 0.6'} + acorn-import-phases@1.0.4: resolution: {integrity: sha512-wKmbr/DDiIXzEOiWrTTUcDm24kQ2vGfZQvM2fwg2vXqR5uW6aapr7ObPtj1th32b9u90/Pf4AItvdTh42fBmVQ==} engines: {node: '>=10.13.0'} @@ -6573,6 +6697,14 @@ packages: ajv: optional: true + ajv-formats@3.0.1: + resolution: {integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==} + peerDependencies: + ajv: ^8.0.0 + peerDependenciesMeta: + ajv: + optional: true + ajv-keywords@5.1.0: resolution: {integrity: sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==} peerDependencies: @@ -6976,6 +7108,11 @@ packages: base64-js@1.5.1: resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==} + baseline-browser-mapping@2.10.8: + resolution: {integrity: sha512-PCLz/LXGBsNTErbtB6i5u4eLpHeMfi93aUv5duMmj6caNu6IphS4q6UevDnL36sZQv9lrP11dbPKGMaXPwMKfQ==} + engines: {node: '>=6.0.0'} + hasBin: true + baseline-browser-mapping@2.8.12: resolution: {integrity: sha512-vAPMQdnyKCBtkmQA6FMCBvU9qFIppS3nzyXnEM+Lo2IAhG4Mpjv9cCxMudhgV3YdNNJv6TNqXy97dfRVL2LmaQ==} hasBin: true @@ -6987,6 +7124,7 @@ packages: basic-ftp@5.0.5: resolution: {integrity: sha512-4Bcg1P8xhUuqcii/S0Z9wiHIrQVPMermM1any+MX5GeGD7faD3/msQUDGLol9wOcz4/jbg/WJnGqoJF6LiBdtg==} engines: {node: '>=10.0.0'} + deprecated: Security vulnerability fixed in 5.2.0, please upgrade batch@0.6.1: resolution: {integrity: sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==} @@ -7048,6 +7186,10 @@ packages: resolution: {integrity: sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==} engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16} + body-parser@2.2.2: + resolution: {integrity: sha512-oP5VkATKlNwcgvxi0vM0p/D3n2C3EReYVX+DNYs5TjZFn/oQt2j+4sVJtSMr18pdRr8wjTcBl6LoV+FUwzPmNA==} + engines: {node: '>=18'} + bonjour-service@1.3.0: resolution: {integrity: sha512-3YuAUiSkWykd+2Azjgyxei8OWf8thdn8AITIog2M4UICzoqfjlqr64WIjEXZllf/W6vK1goqleSR6brGomxQqA==} @@ -7072,6 +7214,11 @@ packages: engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7} hasBin: true + browserslist@4.28.1: + resolution: {integrity: sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==} + engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7} + hasBin: true + bser@2.1.1: resolution: {integrity: sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==} @@ -7099,6 +7246,9 @@ packages: buffer@6.0.3: resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==} + bundle-n-require@1.1.2: + resolution: {integrity: sha512-bEk2jakVK1ytnZ9R2AAiZEeK/GxPUM8jvcRxHZXifZDMcjkI4EG/GlsJ2YGSVYT9y/p/gA9/0yDY8rCGsSU6Tg==} + bundle-name@4.1.0: resolution: {integrity: sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==} engines: {node: '>=18'} @@ -7181,6 +7331,9 @@ packages: caniuse-lite@1.0.30001748: resolution: {integrity: sha512-5P5UgAr0+aBmNiplks08JLw+AW/XG/SurlgZLgB1dDLfAw7EfRGxIwzPHxdSCGY/BTKDqIVyJL87cCN6s0ZR0w==} + caniuse-lite@1.0.30001780: + resolution: {integrity: sha512-llngX0E7nQci5BPJDqoZSbuZ5Bcs9F5db7EtgfwBerX9XGtkkiO4NwfDDIRzHTTwcYC8vC7bmeUEPGrKlR/TkQ==} + caseless@0.12.0: resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==} @@ -7339,6 +7492,9 @@ packages: resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==} engines: {node: '>=6'} + code-block-writer@13.0.3: + resolution: {integrity: sha512-Oofo0pq3IKnsFtuHqSF7TqBfr71aeyZDVJ0HpmqB7FBM2qEigL0iPONSCZSO9pE9dZTAxANe5XHG9Uy0YMv8cg==} + code-point-at@1.1.0: resolution: {integrity: sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==} engines: {node: '>=0.10.0'} @@ -7431,6 +7587,9 @@ packages: concat-map@0.0.1: resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==} + confbox@0.2.4: + resolution: {integrity: sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ==} + config-chain@1.1.13: resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==} @@ -7450,6 +7609,10 @@ packages: resolution: {integrity: sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==} engines: {node: '>= 0.6'} + content-disposition@1.0.1: + resolution: {integrity: sha512-oIXISMynqSqm241k6kcQ5UwttDILMK4BiurCfGEREw6+X9jkkpEe5T9FZaApyLGGOnFuyMWZpdolTXMtvEJ08Q==} + engines: {node: '>=18'} + content-type@1.0.5: resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==} engines: {node: '>= 0.6'} @@ -7470,6 +7633,10 @@ packages: cookie-signature@1.0.6: resolution: {integrity: sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==} + cookie-signature@1.2.2: + resolution: {integrity: sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==} + engines: {node: '>=6.6.0'} + cookie@0.5.0: resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==} engines: {node: '>= 0.6'} @@ -7498,6 +7665,10 @@ packages: core-util-is@1.0.3: resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==} + cors@2.8.6: + resolution: {integrity: sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw==} + engines: {node: '>= 0.10'} + corser@2.0.1: resolution: {integrity: sha512-utCYNzRSQIZNPIcGZdQc92UVJYAhtGAteCFg0yRaFm8f0P+CPtyGyHXJcGXnffjCybUCEx3FQ2G7U3/o9eIkVQ==} engines: {node: '>= 0.4.0'} @@ -7558,6 +7729,10 @@ packages: resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==} engines: {node: '>= 8'} + crosspath@2.0.0: + resolution: {integrity: sha512-ju88BYCQ2uvjO2bR+SsgLSTwTSctU+6Vp2ePbKPgSCZyy4MWZxYsT738DlKVRE5utUjobjPRm1MkTYKJxCmpTA==} + engines: {node: '>=14.9.0'} + crypt@0.0.2: resolution: {integrity: sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==} @@ -8133,6 +8308,9 @@ packages: electron-to-chromium@1.5.230: resolution: {integrity: sha512-A6A6Fd3+gMdaed9wX83CvHYJb4UuapPD5X5SLq72VZJzxHSY0/LUweGXRWmQlh2ln7KV7iw7jnwXK7dlPoOnHQ==} + electron-to-chromium@1.5.313: + resolution: {integrity: sha512-QBMrTWEf00GXZmJyx2lbYD45jpI3TUFnNIzJ5BBc8piGUDwMPa1GV6HJWTZVvY/eiN3fSopl7NRbgGp9sZ9LTA==} + emoji-regex-xs@1.0.0: resolution: {integrity: sha512-LRlerrMYoIDrT6jgpeZ2YYl/L8EulRTt5hQcYjy5AInh7HWXKimpqx68aknBFpGL2+/IcogTcaydJEgaTmOpDg==} @@ -8677,6 +8855,14 @@ packages: resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==} engines: {node: '>=0.8.x'} + eventsource-parser@3.0.6: + resolution: {integrity: sha512-Vo1ab+QXPzZ4tCa8SwIHJFaSzy4R6SHf7BY79rFBDf0idraZWAkYrDjDj8uWaSm3S2TK+hJ7/t1CEmZ7jXw+pg==} + engines: {node: '>=18.0.0'} + + eventsource@3.0.7: + resolution: {integrity: sha512-CRT1WTyuQoD771GW56XEZFQ/ZoSfWid1alKGDYMmkt2yl8UXrVR4pspqWNEcqKvVIzg6PAltWjxcSSPrboA4iA==} + engines: {node: '>=18.0.0'} + exclusive-promises@1.0.3: resolution: {integrity: sha512-z0UMcMYxVkvVgsFv1hSHHEs2mt+mTOhXNgZG5vQCdqtP7qGNwPfLwyAblqAgWErJ/kleMmSh7MhCin18ZPBNeQ==} @@ -8723,6 +8909,12 @@ packages: exponential-backoff@3.1.2: resolution: {integrity: sha512-8QxYTVXUkuy7fIIoitQkPwGonB8F3Zj8eEO8Sqg9Zv/bkI7RJAzowee4gr81Hak/dUTpA2Z7VfQgoijjPNlUZA==} + express-rate-limit@8.3.1: + resolution: {integrity: sha512-D1dKN+cmyPWuvB+G2SREQDzPY1agpBIcTa9sJxOPMCNeH3gwzhqJRDWCXW3gg0y//+LQ/8j52JbMROWyrKdMdw==} + engines: {node: '>= 16'} + peerDependencies: + express: '>= 4.11' + express@4.18.1: resolution: {integrity: sha512-zZBcOX9TfehHQhtupq57OF8lFZ3UZi08Y97dwFCkD8p9d/d2Y3M+ykKcwaMDEL+4qyUolgBDX6AblpR3fL212Q==} engines: {node: '>= 0.10.0'} @@ -8731,6 +8923,13 @@ packages: resolution: {integrity: sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==} engines: {node: '>= 0.10.0'} + express@5.2.1: + resolution: {integrity: sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==} + engines: {node: '>= 18'} + + exsolve@1.0.8: + resolution: {integrity: sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==} + ext-list@2.2.2: resolution: {integrity: sha512-u+SQgsubraE6zItfVA0tBuCBhfU9ogSRnsvygI7wht9TS510oLkBRXBsqopeUG/GBOIQyKZO9wjTqIu/sf5zFA==} engines: {node: '>=0.10.0'} @@ -8937,6 +9136,10 @@ packages: resolution: {integrity: sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==} engines: {node: '>= 0.8'} + finalhandler@2.1.1: + resolution: {integrity: sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA==} + engines: {node: '>= 18.0.0'} + find-cache-dir@3.3.1: resolution: {integrity: sha512-t2GDMt3oGC/v+BMwzmllWDuJF/xcDtE5j/fCGbqDD7OLuJkj0cfh1YSA5VKPvwMeLFLNDBkwOKZ2X85jGLVftQ==} engines: {node: '>=8'} @@ -9042,6 +9245,10 @@ packages: resolution: {integrity: sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==} engines: {node: '>= 0.6'} + fresh@2.0.0: + resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==} + engines: {node: '>= 0.8'} + from2@2.3.0: resolution: {integrity: sha512-OMcX/4IC/uqEPVgGeyfN22LJk6AZrMkRZHxcHBMBvHScDGgwTm2GT2Wkgtocyd3JfZffjj2kYUDXXII0Fk9W0g==} @@ -9056,6 +9263,10 @@ packages: resolution: {integrity: sha512-Z4XaCL6dUDHfP/jT25jJKMmtxvuwbkrD1vNSMFlo9lNLY2c5FHYSQgHPRZUjAB26TpDEoW9HCOgplrdbaPV/ew==} engines: {node: '>=14.14'} + fs-extra@11.3.2: + resolution: {integrity: sha512-Xr9F6z6up6Ws+NjzMCZc6WXg2YFRlrLP9NQDO3VQrWrfiojdhS56TzueT88ze0uBdCTwEIhQ3ptnmKeWGFAe0A==} + engines: {node: '>=14.14'} + fs-extra@8.1.0: resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==} engines: {node: '>=6 <7 || >=8'} @@ -9216,21 +9427,23 @@ packages: glob@10.4.5: resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==} + deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me hasBin: true glob@11.0.2: resolution: {integrity: sha512-YT7U7Vye+t5fZ/QMkBFrTJ7ZQxInIUjwyAjVj84CYXqgBdv30MFUPGnBR6sQaVq6Is15wYJUsnzTuWaGRBhBAQ==} engines: {node: 20 || >=22} + deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me hasBin: true glob@7.2.3: resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==} - deprecated: Glob versions prior to v9 are no longer supported + deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me glob@8.1.0: resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==} engines: {node: '>=12'} - deprecated: Glob versions prior to v9 are no longer supported + deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me global-modules@2.0.0: resolution: {integrity: sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==} @@ -9439,6 +9652,10 @@ packages: hoist-non-react-statics@3.3.2: resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==} + hono@4.12.8: + resolution: {integrity: sha512-VJCEvtrezO1IAR+kqEYnxUOoStaQPGrCmX3j4wDTNOcD1uRPFpGlwQUIW8niPuvHXaTUxeOUl5MMDGrl+tmO9A==} + engines: {node: '>=16.9.0'} + hookable@5.5.3: resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==} @@ -9495,6 +9712,10 @@ packages: resolution: {integrity: sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==} engines: {node: '>= 0.8'} + http-errors@2.0.1: + resolution: {integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==} + engines: {node: '>= 0.8'} + http-parser-js@0.5.10: resolution: {integrity: sha512-Pysuw9XpUq5dVc/2SMHpuTY01RFl8fttgcyunjL7eEMhGM3cI4eOmiCycJDVCo/7O7ClfQD3SaI6ftDzqOXYMA==} @@ -9584,6 +9805,10 @@ packages: resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==} engines: {node: '>=0.10.0'} + iconv-lite@0.7.2: + resolution: {integrity: sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==} + engines: {node: '>=0.10.0'} + icss-utils@3.0.1: resolution: {integrity: sha512-ANhVLoEfe0KoC9+z4yiTaXOneB49K6JIXdS+yAgH0NERELpdIT7kkj2XxUPuHafeHnn8umXnECSpsfk1RTaUew==} @@ -9732,6 +9957,10 @@ packages: resolution: {integrity: sha512-NWv9YLW4PoW2B7xtzaS3NCot75m6nK7Icdv0o3lfMceJVRfSoQwqD4wEH5rLwoKJwUiZ/rfpiVBhnaF0FK4HoA==} engines: {node: '>= 12'} + ip-address@10.1.0: + resolution: {integrity: sha512-XXADHxXmvT9+CRxhXg56LJovE+bmWnEWB78LB83VZTprKTmaC5QfruXocxzTZ2Kl0DNwKuBdlIhjL8LeY8Sf8Q==} + engines: {node: '>= 12'} + ipaddr.js@1.9.1: resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==} engines: {node: '>= 0.10'} @@ -9912,6 +10141,9 @@ packages: is-potential-custom-element-name@1.0.1: resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==} + is-promise@4.0.0: + resolution: {integrity: sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==} + is-regex@1.1.4: resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==} engines: {node: '>= 0.4'} @@ -10044,6 +10276,9 @@ packages: resolution: {integrity: sha512-zptv57P3GpL+O0I7VdMJNBZCu+BPHVQUk55Ft8/QCJjTVxrnJHuVuX/0Bl2A6/+2oyR/ZMEuFKwmzqqZ/U5nPQ==} engines: {node: 20 || >=22} + javascript-stringify@2.1.0: + resolution: {integrity: sha512-JVAfqNPTvNq3sB/VHQJAFxN/sPgKnsKrCwyRt15zwNCdrMMJDdcEOdubuy+DuJYYdm0ox1J4uzEuYKkN+9yhVg==} + jest-diff@30.2.0: resolution: {integrity: sha512-dQHFo3Pt4/NLlG5z4PxZ/3yZTZ1C7s9hveiOj+GCN+uT109NC2QgsoVZsVOAvbJ3RgKkvyLGXZV9+piDpWbm6A==} engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0} @@ -10108,6 +10343,9 @@ packages: resolution: {integrity: sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==} engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0} + jose@6.2.1: + resolution: {integrity: sha512-jUaKr1yrbfaImV7R2TN/b3IcZzsw38/chqMpo2XJ7i2F8AfM/lA4G1goC3JVEwg0H7UldTmSt3P68nt31W7/mw==} + joycon@3.1.1: resolution: {integrity: sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==} engines: {node: '>=10'} @@ -10171,6 +10409,9 @@ packages: json-schema-traverse@1.0.0: resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==} + json-schema-typed@8.0.2: + resolution: {integrity: sha512-fQhoXdcvc3V28x7C7BMs4P5+kNlgUURe2jmUT1T//oBRMDrqy1QPelJimwZGo7Hg9VPV3EQV5Bnq4hbFy2vetA==} + json-schema@0.4.0: resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==} @@ -10280,6 +10521,76 @@ packages: lighthouse-logger@1.4.2: resolution: {integrity: sha512-gPWxznF6TKmUHrOQjlVo2UbaL2EJ71mb2CCeRs/2qBpi4L/g4LUVc9+3lKQ6DTUZwJswfM7ainGrLO1+fOqa2g==} + lightningcss-android-arm64@1.31.1: + resolution: {integrity: sha512-HXJF3x8w9nQ4jbXRiNppBCqeZPIAfUo8zE/kOEGbW5NZvGc/K7nMxbhIr+YlFlHW5mpbg/YFPdbnCh1wAXCKFg==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [android] + + lightningcss-darwin-arm64@1.31.1: + resolution: {integrity: sha512-02uTEqf3vIfNMq3h/z2cJfcOXnQ0GRwQrkmPafhueLb2h7mqEidiCzkE4gBMEH65abHRiQvhdcQ+aP0D0g67sg==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [darwin] + + lightningcss-darwin-x64@1.31.1: + resolution: {integrity: sha512-1ObhyoCY+tGxtsz1lSx5NXCj3nirk0Y0kB/g8B8DT+sSx4G9djitg9ejFnjb3gJNWo7qXH4DIy2SUHvpoFwfTA==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [darwin] + + lightningcss-freebsd-x64@1.31.1: + resolution: {integrity: sha512-1RINmQKAItO6ISxYgPwszQE1BrsVU5aB45ho6O42mu96UiZBxEXsuQ7cJW4zs4CEodPUioj/QrXW1r9pLUM74A==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [freebsd] + + lightningcss-linux-arm-gnueabihf@1.31.1: + resolution: {integrity: sha512-OOCm2//MZJ87CdDK62rZIu+aw9gBv4azMJuA8/KB74wmfS3lnC4yoPHm0uXZ/dvNNHmnZnB8XLAZzObeG0nS1g==} + engines: {node: '>= 12.0.0'} + cpu: [arm] + os: [linux] + + lightningcss-linux-arm64-gnu@1.31.1: + resolution: {integrity: sha512-WKyLWztD71rTnou4xAD5kQT+982wvca7E6QoLpoawZ1gP9JM0GJj4Tp5jMUh9B3AitHbRZ2/H3W5xQmdEOUlLg==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [linux] + + lightningcss-linux-arm64-musl@1.31.1: + resolution: {integrity: sha512-mVZ7Pg2zIbe3XlNbZJdjs86YViQFoJSpc41CbVmKBPiGmC4YrfeOyz65ms2qpAobVd7WQsbW4PdsSJEMymyIMg==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [linux] + + lightningcss-linux-x64-gnu@1.31.1: + resolution: {integrity: sha512-xGlFWRMl+0KvUhgySdIaReQdB4FNudfUTARn7q0hh/V67PVGCs3ADFjw+6++kG1RNd0zdGRlEKa+T13/tQjPMA==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [linux] + + lightningcss-linux-x64-musl@1.31.1: + resolution: {integrity: sha512-eowF8PrKHw9LpoZii5tdZwnBcYDxRw2rRCyvAXLi34iyeYfqCQNA9rmUM0ce62NlPhCvof1+9ivRaTY6pSKDaA==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [linux] + + lightningcss-win32-arm64-msvc@1.31.1: + resolution: {integrity: sha512-aJReEbSEQzx1uBlQizAOBSjcmr9dCdL3XuC/6HLXAxmtErsj2ICo5yYggg1qOODQMtnjNQv2UHb9NpOuFtYe4w==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [win32] + + lightningcss-win32-x64-msvc@1.31.1: + resolution: {integrity: sha512-I9aiFrbd7oYHwlnQDqr1Roz+fTz61oDDJX7n9tYF9FJymH1cIN1DtKw3iYt6b8WZgEjoNwVSncwF4wx/ZedMhw==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [win32] + + lightningcss@1.31.1: + resolution: {integrity: sha512-l51N2r93WmGUye3WuFoN5k10zyvrVs0qfKBhyC5ogUQ6Ew6JUSswh78mbSO+IU3nTWsyOArqPCcShdQSadghBQ==} + engines: {node: '>= 12.0.0'} + lines-and-columns@1.2.4: resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==} @@ -10378,6 +10689,9 @@ packages: resolution: {integrity: sha512-k+yt5n3l48JU4k8ftnKG6V7u32wyH2NfKzeMto9F/QRE0amxy/LayxwlvjjkZEIzqR+19IrtFO8p5kB9QaYUFg==} engines: {node: '>=0.10.0'} + look-it-up@2.1.0: + resolution: {integrity: sha512-nMoGWW2HurtuJf6XAL56FWTDCWLOTSsanrgwOyaR5Y4e3zfG5N/0cU5xWZSEU3tBxhQugRbV1xL9jb+ug7yZww==} + loose-envify@1.4.0: resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==} hasBin: true @@ -10433,6 +10747,9 @@ packages: magic-string@0.30.19: resolution: {integrity: sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==} + magic-string@0.30.21: + resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==} + make-dir@1.3.0: resolution: {integrity: sha512-2w31R7SJtieJJnQtGc7RVL2StM2vGYVfqUOvUDxH6bC6aJTxPxTF0GnIgCyu7tjockiUWAYQRbxa7vKn34s5sQ==} engines: {node: '>=4'} @@ -10562,6 +10879,10 @@ packages: resolution: {integrity: sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==} engines: {node: '>= 0.6'} + media-typer@1.1.0: + resolution: {integrity: sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==} + engines: {node: '>= 0.8'} + medium-zoom@1.1.0: resolution: {integrity: sha512-ewyDsp7k4InCUp3jRmwHBRFGyjBimKps/AJLjRSox+2q/2H4p/PNpQf+pwONWlJiOudkBXtbdmVbFjqyybfTmQ==} @@ -10585,6 +10906,10 @@ packages: merge-descriptors@1.0.3: resolution: {integrity: sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==} + merge-descriptors@2.0.0: + resolution: {integrity: sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==} + engines: {node: '>=18'} + merge-stream@2.0.0: resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==} @@ -10654,6 +10979,9 @@ packages: engines: {node: '>=20.19.4'} hasBin: true + microdiff@1.5.0: + resolution: {integrity: sha512-Drq+/THMvDdzRYrK0oxJmOKiC24ayUV8ahrt8l3oRK51PWt6gdtrIGrlIH3pT/lFh1z93FbAcidtsHcWbnRz8Q==} + micromark-core-commonmark@1.1.0: resolution: {integrity: sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw==} @@ -10773,6 +11101,10 @@ packages: resolution: {integrity: sha512-xRc4oEhT6eaBpU1XF7AjpOFD+xQmXNB5OVKwp4tqCuBpHLS/ZbBDrc07mYTDqVMg6PfxUjjNp85O6Cd2Z/5HWA==} engines: {node: '>= 0.6'} + mime-types@3.0.2: + resolution: {integrity: sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==} + engines: {node: '>=18'} + mime@1.6.0: resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==} engines: {node: '>=4'} @@ -10936,6 +11268,10 @@ packages: resolution: {integrity: sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==} engines: {node: '>= 0.6'} + negotiator@1.0.0: + resolution: {integrity: sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==} + engines: {node: '>= 0.6'} + neo-async@2.6.2: resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==} @@ -10961,6 +11297,10 @@ packages: engines: {node: '>=10.5.0'} deprecated: Use your platform's native DOMException instead + node-eval@2.0.0: + resolution: {integrity: sha512-Ap+L9HznXAVeJj3TJ1op6M6bg5xtTq8L5CU/PJxtkhea/DrIxdTknGKIECKd/v/Lgql95iuMAYvIzBNd0pmcMg==} + engines: {node: '>= 4'} + node-fetch@2.6.7: resolution: {integrity: sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==} engines: {node: 4.x || >=6.0.0} @@ -10993,6 +11333,9 @@ packages: node-releases@2.0.23: resolution: {integrity: sha512-cCmFDMSm26S6tQSDpBCg/NR8NENrVPhAJSf+XbxBG4rPFaaonlEoE9wHQmun+cls499TQGSb7ZyPBRlzgKfpeg==} + node-releases@2.0.36: + resolution: {integrity: sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==} + node-watch@0.7.3: resolution: {integrity: sha512-3l4E8uMPY1HdMMryPRUAl+oIHtXtyiTlIiESNSVSNxcPfzAFzeTbXFQkZfAwBbo0B1qMSG8nUABx+Gd+YrbKrQ==} engines: {node: '>=6'} @@ -11085,6 +11428,10 @@ packages: resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==} engines: {node: '>= 0.4'} + object-path@0.11.8: + resolution: {integrity: sha512-YJjNZrlXJFM42wTBn6zgOJVar9KFJvzx6sTWDte8sWZF//cnjl0BxHNpfZx+ZffXX63A9q0b1zsFiBX4g4X5KA==} + engines: {node: '>= 10.12.0'} + object.assign@4.1.7: resolution: {integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==} engines: {node: '>= 0.4'} @@ -11174,6 +11521,9 @@ packages: resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==} engines: {node: '>=0.10.0'} + outdent@0.8.0: + resolution: {integrity: sha512-KiOAIsdpUTcAXuykya5fnVVT+/5uS0Q1mrkRHcF89tpieSmY33O/tmc54CqwA+bfhbtEfZUNLHaPUiB9X3jt1A==} + outvariant@1.4.3: resolution: {integrity: sha512-+Sl2UErvtsoajRDKCE5/dBz4DIvHXQQnAxtQTF04OJxY0+DyZXSo5P5Bb7XYWOh81syohlYL24hbDwxedPUJCA==} @@ -11229,6 +11579,10 @@ packages: resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==} engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + p-limit@5.0.0: + resolution: {integrity: sha512-/Eaoq+QyLSiXQ4lyYV23f14mZRQcXnxfHrN0vCai+ak9G0pp9iEQukIIZq5NccEvwRB8PUnZT0KsOoDCINS1qQ==} + engines: {node: '>=18'} + p-locate@4.1.0: resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==} engines: {node: '>=8'} @@ -11292,6 +11646,9 @@ packages: package-json-from-dist@1.0.1: resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==} + package-manager-detector@1.6.0: + resolution: {integrity: sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==} + parent-module@1.0.1: resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==} engines: {node: '>=6'} @@ -11324,6 +11681,9 @@ packages: resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==} engines: {node: '>= 0.8'} + path-browserify@1.0.1: + resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==} + path-exists@4.0.0: resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==} engines: {node: '>=8'} @@ -11371,6 +11731,9 @@ packages: path-to-regexp@6.3.0: resolution: {integrity: sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==} + path-to-regexp@8.3.0: + resolution: {integrity: sha512-7jdwVIRtsP8MYpdXSwOS0YdD0Du+qOoF/AEPIt88PcCFrZCzx41oxku1jD88hZBwbNUIEfpqvuhjFaMAqMTWnA==} + path-type@4.0.0: resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==} engines: {node: '>=8'} @@ -11458,10 +11821,17 @@ packages: resolution: {integrity: sha512-1wrVzJ2STrpmONHKBy228LM1b84msXDUoAzVEl0R8Mz4Ce6EPr+IVtxm8+yvrqLYMHswREkjYFaMxnyGnaY3Ng==} hasBin: true + pkce-challenge@5.0.1: + resolution: {integrity: sha512-wQ0b/W4Fr01qtpHlqSqspcj3EhBvimsdh0KlHhH8HRZnMsEa0ea2fTULOXOS9ccQr3om+GcGRk4e+isrZWV8qQ==} + engines: {node: '>=16.20.0'} + pkg-dir@4.2.0: resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==} engines: {node: '>=8'} + pkg-types@2.3.0: + resolution: {integrity: sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==} + playwright-core@1.48.0: resolution: {integrity: sha512-RBvzjM9rdpP7UUFrQzRwR8L/xR4HyC1QXMzGYTbf1vjw25/ya9NRAVnXi/0fvFopjebvyPzsmoK58xxeEOaVvA==} engines: {node: '>=18'} @@ -11485,6 +11855,10 @@ packages: please-upgrade-node@3.2.0: resolution: {integrity: sha512-gQR3WpIgNIKwBMVLkpMUeR3e1/E1y42bqDQZfql+kDeXd8COYfM8PQA4X6y7a8u9Ua9FHmsrrmirW2vHs45hWg==} + pluralize@8.0.0: + resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==} + engines: {node: '>=4'} + pngjs@7.0.0: resolution: {integrity: sha512-LKWqWJRhstyYo9pGvgor/ivk2w94eSjE3RGVuzLGlr3NmD8bf7RcYGze1mNdEHRP6TRP6rMuDHk5t44hnTRyow==} engines: {node: '>=14.19.0'} @@ -11612,6 +11986,18 @@ packages: peerDependencies: postcss: ^8.4 + postcss-discard-duplicates@7.0.2: + resolution: {integrity: sha512-eTonaQvPZ/3i1ASDHOKkYwAybiM45zFIc7KXils4mQmHLqIswXD9XNOKEVxtTFnsmwYzF66u4LMgSr0abDlh5w==} + engines: {node: ^18.12.0 || ^20.9.0 || >=22.0} + peerDependencies: + postcss: ^8.4.32 + + postcss-discard-empty@7.0.1: + resolution: {integrity: sha512-cFrJKZvcg/uxB6Ijr4l6qmn3pXQBna9zyrPC+sK0zjbkDUZew+6xDltSF7OeB7rAtzaaMVYSdbod+sZOCWnMOg==} + engines: {node: ^18.12.0 || ^20.9.0 || >=22.0} + peerDependencies: + postcss: ^8.4.32 + postcss-double-position-gradients@1.0.0: resolution: {integrity: sha512-G+nV8EnQq25fOI8CH/B6krEohGWnF5+3A6H/+JEpOncu5dCnkS1QQ6+ct3Jkaepw1NGVqqOZH6lqrm244mCftA==} engines: {node: '>=6.0.0'} @@ -11739,12 +12125,24 @@ packages: postcss-media-query-parser@0.2.3: resolution: {integrity: sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==} + postcss-minify-selectors@7.0.5: + resolution: {integrity: sha512-x2/IvofHcdIrAm9Q+p06ZD1h6FPcQ32WtCRVodJLDR+WMn8EVHI1kvLxZuGKz/9EY5nAmI6lIQIrpo4tBy5+ug==} + engines: {node: ^18.12.0 || ^20.9.0 || >=22.0} + peerDependencies: + postcss: ^8.4.32 + postcss-mixins@12.1.2: resolution: {integrity: sha512-90pSxmZVfbX9e5xCv7tI5RV1mnjdf16y89CJKbf/hD7GyOz1FCxcYMl8ZYA8Hc56dbApTKKmU9HfvgfWdCxlwg==} engines: {node: ^20.0 || ^22.0 || >=24.0} peerDependencies: postcss: ^8.2.14 + postcss-nested@7.0.2: + resolution: {integrity: sha512-5osppouFc0VR9/VYzYxO03VaDa3e8F23Kfd6/9qcZTUI8P58GIYlArOET2Wq0ywSl2o2PjELhYOFI4W7l5QHKw==} + engines: {node: '>=18.0'} + peerDependencies: + postcss: ^8.2.14 + postcss-nesting@12.1.5: resolution: {integrity: sha512-N1NgI1PDCiAGWPTYrwqm8wpjv0bgDmkYHH72pNsqTCv9CObxjxftdYu6AKtGN+pnJa7FQjMm3v4sp8QJbFsYdQ==} engines: {node: ^14 || ^16 || >=18} @@ -11755,6 +12153,12 @@ packages: resolution: {integrity: sha512-FrorPb0H3nuVq0Sff7W2rnc3SmIcruVC6YwpcS+k687VxyxO33iE1amna7wHuRVzM8vfiYofXSBHNAZ3QhLvYg==} engines: {node: '>=6.0.0'} + postcss-normalize-whitespace@7.0.1: + resolution: {integrity: sha512-vsbgFHMFQrJBJKrUFJNZ2pgBeBkC2IvvoHjz1to0/0Xk7sII24T0qFOiJzG6Fu3zJoq/0yI4rKWi7WhApW+EFA==} + engines: {node: ^18.12.0 || ^20.9.0 || >=22.0} + peerDependencies: + postcss: ^8.4.32 + postcss-opacity-percentage@2.0.0: resolution: {integrity: sha512-lyDrCOtntq5Y1JZpBFzIWm2wG9kbEdujpNt4NLannF+J9c8CgFIzPa80YQfdza+Y+yFfzbYj/rfoOsYsooUWTQ==} engines: {node: ^14 || ^16 || >=18} @@ -11856,6 +12260,10 @@ packages: resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==} engines: {node: '>=4'} + postcss-selector-parser@7.1.1: + resolution: {integrity: sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==} + engines: {node: '>=4'} + postcss-simple-vars@7.0.1: resolution: {integrity: sha512-5GLLXaS8qmzHMOjVxqkk1TZPf1jMqesiI7qLhnlyERalG0sMbHIbJqrcnrpmZdKCLglHnRHoEBB61RtGTsj++A==} engines: {node: '>=14.0'} @@ -11905,6 +12313,7 @@ packages: prebuild-install@7.1.3: resolution: {integrity: sha512-8Mf2cbV7x1cXPUILADGI3wuhfqWvtiLA1iclTDbFRZkgRQS0NqsPZphna9V+HyTEadheuPmjaJMsbzKQFOzLug==} engines: {node: '>=10'} + deprecated: No longer maintained. Please contact the author of the relevant native addon; alternatives are available. hasBin: true prelude-ls@1.2.1: @@ -11929,6 +12338,11 @@ packages: engines: {node: '>=10.13.0'} hasBin: true + prettier@3.2.5: + resolution: {integrity: sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==} + engines: {node: '>=14'} + hasBin: true + prettier@3.6.2: resolution: {integrity: sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==} engines: {node: '>=14'} @@ -12061,6 +12475,10 @@ packages: resolution: {integrity: sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==} engines: {node: '>=0.6'} + qs@6.15.0: + resolution: {integrity: sha512-mAZTtNCeetKMH+pSjrb76NAM8V9a05I9aBZOHztWy/UqcJdQYNsf59vrRKWnojAT9Y+GbIvoTBC++CPHqpDBhQ==} + engines: {node: '>=0.6'} + qs@6.5.3: resolution: {integrity: sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==} engines: {node: '>=0.6'} @@ -12107,6 +12525,10 @@ packages: resolution: {integrity: sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==} engines: {node: '>= 0.8'} + raw-body@3.0.2: + resolution: {integrity: sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==} + engines: {node: '>= 0.10'} + rc@1.2.8: resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==} hasBin: true @@ -12504,6 +12926,10 @@ packages: engines: {node: '>=18.0.0', npm: '>=8.0.0'} hasBin: true + router@2.2.0: + resolution: {integrity: sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==} + engines: {node: '>= 18'} + rrweb-cssom@0.6.0: resolution: {integrity: sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==} @@ -12641,6 +13067,10 @@ packages: resolution: {integrity: sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==} engines: {node: '>= 0.8.0'} + send@1.2.1: + resolution: {integrity: sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==} + engines: {node: '>= 18'} + serialize-error@11.0.3: resolution: {integrity: sha512-2G2y++21dhj2R7iHAdd0FIzjGwuKZld+7Pl/bTU6YIkrC2ZMbVUjm+luj6A6V34Rv9XfKJDKpTWu9W4Gse1D9g==} engines: {node: '>=14.16'} @@ -12664,6 +13094,10 @@ packages: resolution: {integrity: sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==} engines: {node: '>= 0.8.0'} + serve-static@2.2.1: + resolution: {integrity: sha512-xRXBn0pPqQTVQiC8wyQrKs2MOlX24zQ0POGaj0kultvoOCstBQM5yvOhAVSUwOMjQtTvsPWoNCHfPGwaaQJhTw==} + engines: {node: '>= 18'} + set-blocking@2.0.0: resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==} @@ -12759,6 +13193,9 @@ packages: resolution: {integrity: sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==} engines: {node: '>=18'} + sisteransi@1.0.5: + resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==} + sitemap@7.1.2: resolution: {integrity: sha512-ARCqzHJ0p4gWt+j7NlU5eDlIO9+Rkr/JhPFZKKQ1l5GCus7rJH4UdrlVAh0xC/gDS/Qir2UMxqYNHtsKr2rpCw==} engines: {node: '>=12.0.0', npm: '>=5.6.0'} @@ -13239,6 +13676,7 @@ packages: tar@4.4.19: resolution: {integrity: sha512-a20gEsvHnWe0ygBY8JbxoM4w3SJdhc7ZAuxkLqh+nvNQN2IOt0B5lLgM490X5Hl8FF0dl0tOf2ewFYAlIFgzVA==} engines: {node: '>=4.5'} + deprecated: Old versions of tar are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me teeny-request@7.2.0: resolution: {integrity: sha512-SyY0pek1zWsi0LRVAALem+avzMLc33MKW/JLLakdP4s9+D7+jHcy5x6P+h94g2QNZsAqQNfX5lsbd3WSeJXrrw==} @@ -13427,6 +13865,19 @@ packages: resolution: {integrity: sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==} engines: {node: '>=6.10'} + ts-evaluator@1.2.0: + resolution: {integrity: sha512-ncSGek1p92bj2ifB7s9UBgryHCkU9vwC5d+Lplt12gT9DH+e41X8dMoHRQjIMeAvyG7j9dEnuHmwgOtuRIQL+Q==} + engines: {node: '>=14.19.0'} + peerDependencies: + jsdom: '>=14.x || >=15.x || >=16.x || >=17.x || >=18.x || >=19.x || >=20.x || >=21.x || >=22.x' + typescript: '>=3.2.x || >= 4.x || >= 5.x' + peerDependenciesMeta: + jsdom: + optional: true + + ts-morph@27.0.2: + resolution: {integrity: sha512-fhUhgeljcrdZ+9DZND1De1029PrE+cMkIP7ooqkLRTrRLTqcki2AstsyJm0vRNbTbVCNJ0idGlbBrfqc7/nA8w==} + ts-node@10.9.2: resolution: {integrity: sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==} hasBin: true @@ -13441,6 +13892,9 @@ packages: '@swc/wasm': optional: true + ts-pattern@5.9.0: + resolution: {integrity: sha512-6s5V71mX8qBUmlgbrfL33xDUwO0fq48rxAu2LBE11WBeGdpCPOsXksQbZJHvHwhrd3QjUusd3mAOM5Gg0mFBLg==} + tsconfck@2.1.2: resolution: {integrity: sha512-ghqN1b0puy3MhhviwO2kGF8SeMDNhEbnKxjK7h6+fvY9JAxqvXi8y5NAHSQv687OVboS2uZIByzGd45/YxrRHg==} engines: {node: ^14.13.1 || ^16 || >=18} @@ -13451,6 +13905,16 @@ packages: typescript: optional: true + tsconfck@3.1.6: + resolution: {integrity: sha512-ks6Vjr/jEw0P1gmOVwutM3B7fWxoWBL2KRDb1JfqGVawBmO5UsvmWOQFGHBPl5yxYz4eERr19E6L7NMv+Fej4w==} + engines: {node: ^18 || >=20} + hasBin: true + peerDependencies: + typescript: ^5.0.0 + peerDependenciesMeta: + typescript: + optional: true + tsconfig-paths@3.15.0: resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==} @@ -13535,6 +13999,10 @@ packages: resolution: {integrity: sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==} engines: {node: '>= 0.6'} + type-is@2.0.1: + resolution: {integrity: sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==} + engines: {node: '>= 0.6'} + typed-array-buffer@1.0.3: resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==} engines: {node: '>= 0.4'} @@ -13581,6 +14049,11 @@ packages: engines: {node: '>=14.17'} hasBin: true + typescript@5.9.3: + resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==} + engines: {node: '>=14.17'} + hasBin: true + uc.micro@1.0.6: resolution: {integrity: sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==} @@ -13728,6 +14201,12 @@ packages: peerDependencies: browserslist: '>= 4.21.0' + update-browserslist-db@1.2.3: + resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==} + hasBin: true + peerDependencies: + browserslist: '>= 4.21.0' + uri-js@4.4.1: resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==} @@ -14051,6 +14530,7 @@ packages: whatwg-encoding@2.0.0: resolution: {integrity: sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==} engines: {node: '>=12'} + deprecated: Use @exodus/bytes instead for a more spec-conformant and faster implementation whatwg-fetch@3.6.2: resolution: {integrity: sha512-bJlen0FcuU/0EMLrdbJ7zOnW6ITZLrZMIarMUVmdKtsGvZna8vxKYaexICWPfZ8qwf9fzNq+UEIZrnSaApt6RA==} @@ -14124,6 +14604,10 @@ packages: resolution: {integrity: sha512-xSBsCeh+g+dinoBv3GAOWM4LcVVO68wLXRanibtBSdUvkGWQRGeE9P7IwU9EmDDi4jA6L44lz15CGMwdw9N5+Q==} engines: {node: '>=0.4.0'} + wordwrapjs@5.1.1: + resolution: {integrity: sha512-0yweIbkINJodk27gX9LBGMzyQdBDan3s/dEAiwBOj+Mf0PPyWL6/rikalkv8EeD0E8jm4o5RXEOrFTP3NXbhJg==} + engines: {node: '>=12.17'} + wrap-ansi@2.1.0: resolution: {integrity: sha512-vAaEaDM946gbNpH5pLVNR+vX2ht6n0Bt3GXwVB1AuAqZosOvHNF3P7wDnh8KLkSqgUh0uh77le7Owgoz+Z9XBw==} engines: {node: '>=0.10.0'} @@ -14320,9 +14804,17 @@ packages: resolution: {integrity: sha512-LfOdrUvPB8ZoXtvOBz6DlNClfvi//b5d56mSWyJi7XbH/HfhOHfUhOqxhT/rUiR7yiktlunqRo+jY6y/cWC/5g==} engines: {node: '>= 12.0.0'} + zod-to-json-schema@3.25.1: + resolution: {integrity: sha512-pM/SU9d3YAggzi6MtR4h7ruuQlqKtad8e9S0fmxcMi+ueAK5Korys/aWcV9LIIHTVbj01NdzxcnXSN+O74ZIVA==} + peerDependencies: + zod: ^3.25 || ^4 + zod@3.25.76: resolution: {integrity: sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==} + zod@4.3.6: + resolution: {integrity: sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==} + zwitch@2.0.4: resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==} @@ -14729,6 +15221,8 @@ snapshots: '@babel/helper-validator-identifier@7.27.1': {} + '@babel/helper-validator-identifier@7.28.5': {} + '@babel/helper-validator-option@7.27.1': {} '@babel/helper-wrap-function@7.28.3': @@ -14748,6 +15242,10 @@ snapshots: dependencies: '@babel/types': 7.28.4 + '@babel/parser@7.29.2': + dependencies: + '@babel/types': 7.29.0 + '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.27.1(@babel/core@7.27.7)': dependencies: '@babel/core': 7.27.7 @@ -15553,6 +16051,11 @@ snapshots: '@babel/helper-string-parser': 7.27.1 '@babel/helper-validator-identifier': 7.27.1 + '@babel/types@7.29.0': + dependencies: + '@babel/helper-string-parser': 7.27.1 + '@babel/helper-validator-identifier': 7.28.5 + '@base2/pretty-print-object@1.0.1': {} '@borewit/text-codec@0.1.1': {} @@ -15565,6 +16068,17 @@ snapshots: dependencies: statuses: 2.0.2 + '@clack/core@0.5.0': + dependencies: + picocolors: 1.0.0 + sisteransi: 1.0.5 + + '@clack/prompts@0.11.0': + dependencies: + '@clack/core': 0.5.0 + picocolors: 1.0.0 + sisteransi: 1.0.5 + '@crowdin/cli@3.10.1': dependencies: command-exists-promise: 2.0.2 @@ -15617,6 +16131,12 @@ snapshots: postcss: 8.4.33 postcss-selector-parser: 6.1.2 + '@csstools/postcss-cascade-layers@6.0.0(postcss@8.5.6)': + dependencies: + '@csstools/selector-specificity': 6.0.0(postcss-selector-parser@7.1.1) + postcss: 8.5.6 + postcss-selector-parser: 7.1.1 + '@csstools/postcss-color-function@3.0.19(postcss@8.4.33)': dependencies: '@csstools/css-color-parser': 2.0.5(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1) @@ -15803,6 +16323,10 @@ snapshots: dependencies: postcss-selector-parser: 6.1.2 + '@csstools/selector-specificity@6.0.0(postcss-selector-parser@7.1.1)': + dependencies: + postcss-selector-parser: 7.1.1 + '@csstools/utilities@1.0.0(postcss@8.4.33)': dependencies: postcss: 8.4.33 @@ -16144,7 +16668,7 @@ snapshots: optionalDependencies: typescript: 4.9.5 - '@formatjs/intl@3.0.4(typescript@5.8.3)': + '@formatjs/intl@3.0.4(typescript@5.9.3)': dependencies: '@formatjs/ecma402-abstract': 2.3.1 '@formatjs/fast-memoize': 2.2.5 @@ -16152,9 +16676,9 @@ snapshots: intl-messageformat: 10.7.10 tslib: 2.8.1 optionalDependencies: - typescript: 5.8.3 + typescript: 5.9.3 - '@formatjs/intl@3.1.6(typescript@5.8.3)': + '@formatjs/intl@3.1.6(typescript@5.9.3)': dependencies: '@formatjs/ecma402-abstract': 2.3.4 '@formatjs/fast-memoize': 2.2.7 @@ -16162,28 +16686,28 @@ snapshots: intl-messageformat: 10.7.16 tslib: 2.8.1 optionalDependencies: - typescript: 5.8.3 + typescript: 5.9.3 - '@fwouts/vite-tsconfig-paths@4.2.1(typescript@5.8.3)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))': + '@fwouts/vite-tsconfig-paths@4.2.1(typescript@5.8.3)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))': dependencies: async-mutex: 0.4.1 debug: 4.4.3 globrex: 0.1.2 tsconfck: 2.1.2(typescript@5.8.3) optionalDependencies: - vite: 5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0) + vite: 5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0) transitivePeerDependencies: - supports-color - typescript - '@fwouts/vite-tsconfig-paths@4.2.1(typescript@5.8.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))': + '@fwouts/vite-tsconfig-paths@4.2.1(typescript@5.8.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))': dependencies: async-mutex: 0.4.1 debug: 4.4.3 globrex: 0.1.2 tsconfck: 2.1.2(typescript@5.8.3) optionalDependencies: - vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) + vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) transitivePeerDependencies: - supports-color - typescript @@ -16241,6 +16765,10 @@ snapshots: '@guidepup/guidepup': 0.24.0 '@playwright/test': 1.48.0 + '@hono/node-server@1.19.11(hono@4.12.8)': + dependencies: + hono: 4.12.8 + '@humanfs/core@0.19.1': {} '@humanfs/node@0.16.7': @@ -16414,14 +16942,14 @@ snapshots: '@types/yargs': 17.0.33 chalk: 4.1.2 - '@joshwooding/vite-plugin-react-docgen-typescript@0.6.1(typescript@5.8.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))': + '@joshwooding/vite-plugin-react-docgen-typescript@0.6.1(typescript@5.9.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))': dependencies: glob: 10.4.5 magic-string: 0.30.19 - react-docgen-typescript: 2.4.0(typescript@5.8.3) - vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) + react-docgen-typescript: 2.4.0(typescript@5.9.3) + vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) optionalDependencies: - typescript: 5.8.3 + typescript: 5.9.3 '@jridgewell/gen-mapping@0.3.13': dependencies: @@ -16523,6 +17051,28 @@ snapshots: '@types/react': 18.2.19 react: 18.3.1 + '@modelcontextprotocol/sdk@1.27.1(zod@4.3.6)': + dependencies: + '@hono/node-server': 1.19.11(hono@4.12.8) + ajv: 8.17.1 + ajv-formats: 3.0.1(ajv@8.17.1) + content-type: 1.0.5 + cors: 2.8.6 + cross-spawn: 7.0.6 + eventsource: 3.0.7 + eventsource-parser: 3.0.6 + express: 5.2.1 + express-rate-limit: 8.3.1(express@5.2.1) + hono: 4.12.8 + jose: 6.2.1 + json-schema-typed: 8.0.2 + pkce-challenge: 5.0.1 + raw-body: 3.0.2 + zod: 4.3.6 + zod-to-json-schema: 3.25.1(zod@4.3.6) + transitivePeerDependencies: + - supports-color + '@mswjs/interceptors@0.39.7': dependencies: '@open-draft/deferred-promise': 2.2.0 @@ -16556,12 +17106,200 @@ snapshots: '@open-draft/until@2.1.0': {} - '@parcel/watcher-android-arm64@2.5.1': - optional: true - - '@parcel/watcher-darwin-arm64@2.5.1': - optional: true - + '@pandacss/config@1.9.0': + dependencies: + '@pandacss/logger': 1.9.0 + '@pandacss/preset-base': 1.9.0 + '@pandacss/preset-panda': 1.9.0 + '@pandacss/shared': 1.9.0 + '@pandacss/types': 1.9.0 + bundle-n-require: 1.1.2 + escalade: 3.2.0 + microdiff: 1.5.0 + typescript: 5.9.3 + + '@pandacss/core@1.9.0': + dependencies: + '@csstools/postcss-cascade-layers': 6.0.0(postcss@8.5.6) + '@pandacss/is-valid-prop': 1.9.0 + '@pandacss/logger': 1.9.0 + '@pandacss/shared': 1.9.0 + '@pandacss/token-dictionary': 1.9.0 + '@pandacss/types': 1.9.0 + browserslist: 4.28.1 + hookable: 5.5.3 + lightningcss: 1.31.1 + lodash.merge: 4.6.2 + outdent: 0.8.0 + postcss: 8.5.6 + postcss-discard-duplicates: 7.0.2(postcss@8.5.6) + postcss-discard-empty: 7.0.1(postcss@8.5.6) + postcss-minify-selectors: 7.0.5(postcss@8.5.6) + postcss-nested: 7.0.2(postcss@8.5.6) + postcss-normalize-whitespace: 7.0.1(postcss@8.5.6) + postcss-selector-parser: 7.1.1 + ts-pattern: 5.9.0 + + '@pandacss/dev@1.9.0(jsdom@22.1.0)(typescript@5.9.3)': + dependencies: + '@clack/prompts': 0.11.0 + '@pandacss/config': 1.9.0 + '@pandacss/logger': 1.9.0 + '@pandacss/mcp': 1.9.0(jsdom@22.1.0)(typescript@5.9.3) + '@pandacss/node': 1.9.0(jsdom@22.1.0)(typescript@5.9.3) + '@pandacss/postcss': 1.9.0(jsdom@22.1.0)(typescript@5.9.3) + '@pandacss/preset-base': 1.9.0 + '@pandacss/preset-panda': 1.9.0 + '@pandacss/shared': 1.9.0 + '@pandacss/token-dictionary': 1.9.0 + '@pandacss/types': 1.9.0 + cac: 6.7.14 + transitivePeerDependencies: + - '@cfworker/json-schema' + - jsdom + - supports-color + - typescript + + '@pandacss/extractor@1.9.0(jsdom@22.1.0)(typescript@5.9.3)': + dependencies: + '@pandacss/shared': 1.9.0 + ts-evaluator: 1.2.0(jsdom@22.1.0)(typescript@5.9.3) + ts-morph: 27.0.2 + transitivePeerDependencies: + - jsdom + - typescript + + '@pandacss/generator@1.9.0': + dependencies: + '@pandacss/core': 1.9.0 + '@pandacss/is-valid-prop': 1.9.0 + '@pandacss/logger': 1.9.0 + '@pandacss/shared': 1.9.0 + '@pandacss/token-dictionary': 1.9.0 + '@pandacss/types': 1.9.0 + javascript-stringify: 2.1.0 + outdent: 0.8.0 + pluralize: 8.0.0 + postcss: 8.5.6 + ts-pattern: 5.9.0 + + '@pandacss/is-valid-prop@1.9.0': {} + + '@pandacss/logger@1.9.0': + dependencies: + '@pandacss/types': 1.9.0 + kleur: 4.1.5 + + '@pandacss/mcp@1.9.0(jsdom@22.1.0)(typescript@5.9.3)': + dependencies: + '@clack/prompts': 0.11.0 + '@modelcontextprotocol/sdk': 1.27.1(zod@4.3.6) + '@pandacss/logger': 1.9.0 + '@pandacss/node': 1.9.0(jsdom@22.1.0)(typescript@5.9.3) + '@pandacss/token-dictionary': 1.9.0 + '@pandacss/types': 1.9.0 + zod: 4.3.6 + transitivePeerDependencies: + - '@cfworker/json-schema' + - jsdom + - supports-color + - typescript + + '@pandacss/node@1.9.0(jsdom@22.1.0)(typescript@5.9.3)': + dependencies: + '@pandacss/config': 1.9.0 + '@pandacss/core': 1.9.0 + '@pandacss/generator': 1.9.0 + '@pandacss/logger': 1.9.0 + '@pandacss/parser': 1.9.0(jsdom@22.1.0)(typescript@5.9.3) + '@pandacss/reporter': 1.9.0 + '@pandacss/shared': 1.9.0 + '@pandacss/token-dictionary': 1.9.0 + '@pandacss/types': 1.9.0 + browserslist: 4.28.1 + chokidar: 4.0.3 + fast-glob: 3.3.3 + fs-extra: 11.3.2 + glob-parent: 6.0.2 + is-glob: 4.0.3 + lodash.merge: 4.6.2 + look-it-up: 2.1.0 + outdent: 0.8.0 + p-limit: 5.0.0 + package-manager-detector: 1.6.0 + perfect-debounce: 1.0.0 + picomatch: 4.0.3 + pkg-types: 2.3.0 + pluralize: 8.0.0 + postcss: 8.5.6 + prettier: 3.2.5 + ts-morph: 27.0.2 + ts-pattern: 5.9.0 + tsconfck: 3.1.6(typescript@5.9.3) + transitivePeerDependencies: + - jsdom + - typescript + + '@pandacss/parser@1.9.0(jsdom@22.1.0)(typescript@5.9.3)': + dependencies: + '@pandacss/config': 1.9.0 + '@pandacss/core': 1.9.0 + '@pandacss/extractor': 1.9.0(jsdom@22.1.0)(typescript@5.9.3) + '@pandacss/logger': 1.9.0 + '@pandacss/shared': 1.9.0 + '@pandacss/types': 1.9.0 + '@vue/compiler-sfc': 3.5.25 + magic-string: 0.30.21 + ts-morph: 27.0.2 + ts-pattern: 5.9.0 + transitivePeerDependencies: + - jsdom + - typescript + + '@pandacss/postcss@1.9.0(jsdom@22.1.0)(typescript@5.9.3)': + dependencies: + '@pandacss/node': 1.9.0(jsdom@22.1.0)(typescript@5.9.3) + postcss: 8.5.6 + transitivePeerDependencies: + - jsdom + - typescript + + '@pandacss/preset-base@1.9.0': + dependencies: + '@pandacss/types': 1.9.0 + + '@pandacss/preset-panda@1.9.0': + dependencies: + '@pandacss/types': 1.9.0 + + '@pandacss/reporter@1.9.0': + dependencies: + '@pandacss/core': 1.9.0 + '@pandacss/generator': 1.9.0 + '@pandacss/logger': 1.9.0 + '@pandacss/shared': 1.9.0 + '@pandacss/types': 1.9.0 + table: 6.9.0 + wordwrapjs: 5.1.1 + + '@pandacss/shared@1.9.0': {} + + '@pandacss/token-dictionary@1.9.0': + dependencies: + '@pandacss/logger': 1.9.0 + '@pandacss/shared': 1.9.0 + '@pandacss/types': 1.9.0 + picomatch: 4.0.3 + ts-pattern: 5.9.0 + + '@pandacss/types@1.9.0': {} + + '@parcel/watcher-android-arm64@2.5.1': + optional: true + + '@parcel/watcher-darwin-arm64@2.5.1': + optional: true + '@parcel/watcher-darwin-x64@2.5.1': optional: true @@ -16649,14 +17387,14 @@ snapshots: pino: 9.13.1 pino-pretty: 11.3.0 - '@previewjs/analyzer-react@0.1.11(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)': + '@previewjs/analyzer-react@0.1.11(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)': dependencies: '@previewjs/analyzer-api': 0.1.8 '@previewjs/serializable-values': 9.0.6 - '@previewjs/storybook-helpers': 6.0.1(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) + '@previewjs/storybook-helpers': 6.0.1(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) '@previewjs/type-analyzer': 10.1.5 '@previewjs/vfs': 2.1.4 - '@vitejs/plugin-react': 4.7.0(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)) + '@vitejs/plugin-react': 4.7.0(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)) typescript: 5.8.3 transitivePeerDependencies: - '@swc/core' @@ -16684,10 +17422,10 @@ snapshots: transitivePeerDependencies: - debug - '@previewjs/chromeless@13.1.1(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)': + '@previewjs/chromeless@13.1.1(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)': dependencies: '@previewjs/api': 16.1.0 - '@previewjs/core': 29.1.1(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0) + '@previewjs/core': 29.1.1(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0) '@previewjs/iframe': 17.1.1 '@previewjs/properties': 5.0.6 '@previewjs/vfs': 2.1.4 @@ -16710,9 +17448,9 @@ snapshots: - supports-color - terser - '@previewjs/config@6.0.1(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)': + '@previewjs/config@6.0.1(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)': dependencies: - vite: 5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0) + vite: 5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0) transitivePeerDependencies: - '@types/node' - less @@ -16723,9 +17461,9 @@ snapshots: - sugarss - terser - '@previewjs/config@7.0.1(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)': + '@previewjs/config@7.0.1(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)': dependencies: - vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) + vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) transitivePeerDependencies: - '@types/node' - jiti @@ -16739,12 +17477,12 @@ snapshots: - tsx - yaml - '@previewjs/core@29.1.1(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)': + '@previewjs/core@29.1.1(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)': dependencies: - '@fwouts/vite-tsconfig-paths': 4.2.1(typescript@5.8.3)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)) + '@fwouts/vite-tsconfig-paths': 4.2.1(typescript@5.8.3)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)) '@previewjs/analyzer-api': 0.1.8 '@previewjs/api': 16.1.0 - '@previewjs/config': 6.0.1(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0) + '@previewjs/config': 6.0.1(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0) '@previewjs/iframe': 17.1.1 '@previewjs/serializable-values': 9.0.6 '@previewjs/type-analyzer': 10.1.5 @@ -16764,7 +17502,7 @@ snapshots: ts-node: 10.9.2(@types/node@22.18.8)(typescript@5.8.3) tsconfig-paths: 4.2.0 typescript: 5.8.3 - vite: 5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0) + vite: 5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0) zod: 3.25.76 transitivePeerDependencies: - '@swc/core' @@ -16781,12 +17519,12 @@ snapshots: - supports-color - terser - '@previewjs/core@30.2.0(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)': + '@previewjs/core@30.2.0(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)': dependencies: - '@fwouts/vite-tsconfig-paths': 4.2.1(typescript@5.8.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) + '@fwouts/vite-tsconfig-paths': 4.2.1(typescript@5.8.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) '@previewjs/analyzer-api': 0.1.8 '@previewjs/api': 16.1.0 - '@previewjs/config': 7.0.1(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) + '@previewjs/config': 7.0.1(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) '@previewjs/iframe': 18.0.0 '@previewjs/serializable-values': 9.0.6 '@previewjs/type-analyzer': 10.1.5 @@ -16805,7 +17543,7 @@ snapshots: ts-node: 10.9.2(@types/node@22.18.8)(typescript@5.8.3) tsconfig-paths: 4.2.0 typescript: 5.8.3 - vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) + vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) zod: 3.25.76 transitivePeerDependencies: - '@swc/core' @@ -16828,10 +17566,10 @@ snapshots: '@previewjs/iframe@18.0.0': {} - '@previewjs/plugin-react@16.0.2(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)': + '@previewjs/plugin-react@16.0.2(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)': dependencies: - '@previewjs/analyzer-react': 0.1.11(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0) - '@vitejs/plugin-react': 4.7.0(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)) + '@previewjs/analyzer-react': 0.1.11(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0) + '@vitejs/plugin-react': 4.7.0(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)) transitivePeerDependencies: - '@swc/core' - '@swc/wasm' @@ -16850,10 +17588,10 @@ snapshots: - vite - yaml - '@previewjs/plugin-react@17.1.0(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)': + '@previewjs/plugin-react@17.1.0(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)': dependencies: - '@previewjs/analyzer-react': 0.1.11(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0) - '@vitejs/plugin-react': 4.7.0(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)) + '@previewjs/analyzer-react': 0.1.11(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0) + '@vitejs/plugin-react': 4.7.0(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)) esbuild-plugin-polyfill-node: 0.3.0(esbuild@0.14.29) transitivePeerDependencies: - '@swc/core' @@ -16879,12 +17617,12 @@ snapshots: '@previewjs/serializable-values': 9.0.6 '@previewjs/type-analyzer': 10.1.5 - '@previewjs/screenshot@0.3.2(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)': + '@previewjs/screenshot@0.3.2(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)': dependencies: '@previewjs/analyzer-api': 0.1.8 - '@previewjs/chromeless': 13.1.1(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0) - '@previewjs/core': 29.1.1(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0) - '@previewjs/plugin-react': 16.0.2(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0) + '@previewjs/chromeless': 13.1.1(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0) + '@previewjs/core': 29.1.1(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0) + '@previewjs/plugin-react': 16.0.2(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0) globby: 14.1.0 playwright: 1.55.1 transitivePeerDependencies: @@ -16914,11 +17652,11 @@ snapshots: prettier: 2.8.8 typescript: 5.8.3 - '@previewjs/storybook-helpers@6.0.1(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)': + '@previewjs/storybook-helpers@6.0.1(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)': dependencies: '@previewjs/analyzer-api': 0.1.8 '@previewjs/api': 16.1.0 - '@previewjs/core': 30.2.0(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) + '@previewjs/core': 30.2.0(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) '@previewjs/serializable-values': 9.0.6 '@previewjs/type-analyzer': 10.1.5 typescript: 5.8.3 @@ -17363,54 +18101,54 @@ snapshots: dependencies: '@sinonjs/commons': 3.0.1 - '@storybook/addon-a11y@9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))': + '@storybook/addon-a11y@9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))': dependencies: '@storybook/global': 5.0.0 axe-core: 4.9.1 - storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) + storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) - '@storybook/addon-docs@9.1.10(@types/react@18.2.19)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))': + '@storybook/addon-docs@9.1.10(@types/react@18.2.19)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))': dependencies: '@mdx-js/react': 3.1.1(@types/react@18.2.19)(react@18.3.1) - '@storybook/csf-plugin': 9.1.10(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))) + '@storybook/csf-plugin': 9.1.10(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))) '@storybook/icons': 1.4.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1) - '@storybook/react-dom-shim': 9.1.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))) + '@storybook/react-dom-shim': 9.1.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))) react: 18.3.1 react-dom: 18.3.1(react@18.3.1) - storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) + storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) ts-dedent: 2.2.0 transitivePeerDependencies: - '@types/react' - '@storybook/addon-links@9.1.6(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))': + '@storybook/addon-links@9.1.6(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))': dependencies: '@storybook/global': 5.0.0 - storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) + storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) optionalDependencies: react: 18.3.1 - '@storybook/addon-storysource@8.6.14(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))': + '@storybook/addon-storysource@8.6.14(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))': dependencies: - '@storybook/source-loader': 8.6.14(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))) + '@storybook/source-loader': 8.6.14(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))) estraverse: 5.3.0 - storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) + storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) tiny-invariant: 1.3.3 - '@storybook/builder-vite@9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))': + '@storybook/builder-vite@9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))': dependencies: - '@storybook/csf-plugin': 9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))) - storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) + '@storybook/csf-plugin': 9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))) + storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) ts-dedent: 2.2.0 - vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) + vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) - '@storybook/csf-plugin@9.1.10(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))': + '@storybook/csf-plugin@9.1.10(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))': dependencies: - storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) + storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) unplugin: 1.16.1 - '@storybook/csf-plugin@9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))': + '@storybook/csf-plugin@9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))': dependencies: - storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) + storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) unplugin: 1.16.1 '@storybook/global@5.0.0': {} @@ -17420,54 +18158,54 @@ snapshots: react: 18.3.1 react-dom: 18.3.1(react@18.3.1) - '@storybook/react-dom-shim@9.1.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))': + '@storybook/react-dom-shim@9.1.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))': dependencies: react: 18.3.1 react-dom: 18.3.1(react@18.3.1) - storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) + storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) - '@storybook/react-dom-shim@9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))': + '@storybook/react-dom-shim@9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))': dependencies: react: 18.3.1 react-dom: 18.3.1(react@18.3.1) - storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) + storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) - '@storybook/react-vite@9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.52.4)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.8.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))': + '@storybook/react-vite@9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.52.4)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.9.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))': dependencies: - '@joshwooding/vite-plugin-react-docgen-typescript': 0.6.1(typescript@5.8.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) + '@joshwooding/vite-plugin-react-docgen-typescript': 0.6.1(typescript@5.9.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) '@rollup/pluginutils': 5.3.0(rollup@4.52.4) - '@storybook/builder-vite': 9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) - '@storybook/react': 9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.8.3) + '@storybook/builder-vite': 9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) + '@storybook/react': 9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.9.3) find-up: 7.0.0 magic-string: 0.30.19 react: 18.3.1 react-docgen: 8.0.1 react-dom: 18.3.1(react@18.3.1) resolve: 1.22.10 - storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) + storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) tsconfig-paths: 4.2.0 - vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) + vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) transitivePeerDependencies: - rollup - supports-color - typescript - '@storybook/react@9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.8.3)': + '@storybook/react@9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.9.3)': dependencies: '@storybook/global': 5.0.0 - '@storybook/react-dom-shim': 9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))) + '@storybook/react-dom-shim': 9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))) react: 18.3.1 react-dom: 18.3.1(react@18.3.1) - storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) + storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) optionalDependencies: - typescript: 5.8.3 + typescript: 5.9.3 - '@storybook/source-loader@8.6.14(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))': + '@storybook/source-loader@8.6.14(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))': dependencies: es-toolkit: 1.39.10 estraverse: 5.3.0 prettier: 3.6.2 - storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) + storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) '@stylistic/eslint-plugin@4.4.0(eslint@9.27.0)(typescript@5.8.3)': dependencies: @@ -17547,6 +18285,12 @@ snapshots: '@tootallnate/quickjs-emscripten@0.23.0': {} + '@ts-morph/common@0.28.1': + dependencies: + minimatch: 10.0.3 + path-browserify: 1.0.1 + tinyglobby: 0.2.15 + '@tsconfig/node10@1.0.11': {} '@tsconfig/node12@1.0.11': {} @@ -18122,7 +18866,7 @@ snapshots: d3-selection: 3.0.0 d3-transition: 3.0.1(d3-selection@3.0.0) - '@vitejs/plugin-react@2.0.0(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))': + '@vitejs/plugin-react@2.0.0(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))': dependencies: '@babel/core': 7.27.7 '@babel/plugin-transform-react-jsx': 7.27.1(@babel/core@7.27.7) @@ -18131,11 +18875,11 @@ snapshots: '@babel/plugin-transform-react-jsx-source': 7.27.1(@babel/core@7.27.7) magic-string: 0.26.7 react-refresh: 0.14.2 - vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) + vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) transitivePeerDependencies: - supports-color - '@vitejs/plugin-react@4.7.0(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0))': + '@vitejs/plugin-react@4.7.0(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0))': dependencies: '@babel/core': 7.28.4 '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.28.4) @@ -18143,11 +18887,11 @@ snapshots: '@rolldown/pluginutils': 1.0.0-beta.27 '@types/babel__core': 7.20.5 react-refresh: 0.17.0 - vite: 5.4.20(@types/node@18.19.129)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0) + vite: 5.4.20(@types/node@18.19.129)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0) transitivePeerDependencies: - supports-color - '@vitejs/plugin-react@4.7.0(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))': + '@vitejs/plugin-react@4.7.0(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))': dependencies: '@babel/core': 7.28.4 '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.28.4) @@ -18155,36 +18899,36 @@ snapshots: '@rolldown/pluginutils': 1.0.0-beta.27 '@types/babel__core': 7.20.5 react-refresh: 0.17.0 - vite: 5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0) + vite: 5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0) transitivePeerDependencies: - supports-color - '@vitejs/plugin-vue-jsx@3.1.0(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0))(vue@3.5.22(typescript@5.8.3))': + '@vitejs/plugin-vue-jsx@3.1.0(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0))(vue@3.5.22(typescript@5.9.3))': dependencies: '@babel/core': 7.27.7 '@babel/plugin-transform-typescript': 7.28.0(@babel/core@7.27.7) '@vue/babel-plugin-jsx': 1.5.0(@babel/core@7.27.7) - vite: 5.4.20(@types/node@18.19.129)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0) - vue: 3.5.22(typescript@5.8.3) + vite: 5.4.20(@types/node@18.19.129)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0) + vue: 3.5.22(typescript@5.9.3) transitivePeerDependencies: - supports-color - '@vitejs/plugin-vue@5.2.4(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0))(vue@3.5.22(typescript@5.8.3))': + '@vitejs/plugin-vue@5.2.4(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0))(vue@3.5.22(typescript@5.9.3))': dependencies: - vite: 5.4.20(@types/node@18.19.129)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0) - vue: 3.5.22(typescript@5.8.3) + vite: 5.4.20(@types/node@18.19.129)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0) + vue: 3.5.22(typescript@5.9.3) - '@vitest/browser@3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3))': + '@vitest/browser@3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3))': dependencies: '@testing-library/dom': 10.4.1 '@testing-library/user-event': 14.6.1(@testing-library/dom@10.4.1) - '@vitest/mocker': 3.0.6(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) + '@vitest/mocker': 3.0.6(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) '@vitest/utils': 3.0.6 magic-string: 0.30.19 msw: 2.11.3(@types/node@18.16.15)(typescript@5.8.3) sirv: 3.0.2 tinyrainbow: 2.0.0 - vitest: 3.0.9(@types/debug@4.1.12)(@types/node@18.16.15)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) + vitest: 3.0.9(@types/debug@4.1.12)(@types/node@18.16.15)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(lightningcss@1.31.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) ws: 8.18.3 optionalDependencies: playwright: 1.48.0 @@ -18211,50 +18955,50 @@ snapshots: chai: 5.3.3 tinyrainbow: 2.0.0 - '@vitest/mocker@3.0.6(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))': + '@vitest/mocker@3.0.6(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))': dependencies: '@vitest/spy': 3.0.6 estree-walker: 3.0.3 magic-string: 0.30.19 optionalDependencies: msw: 2.11.3(@types/node@18.16.15)(typescript@5.8.3) - vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) + vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) - '@vitest/mocker@3.0.9(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))': + '@vitest/mocker@3.0.9(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))': dependencies: '@vitest/spy': 3.0.9 estree-walker: 3.0.3 magic-string: 0.30.19 optionalDependencies: msw: 2.11.3(@types/node@18.16.15)(typescript@5.8.3) - vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) + vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) - '@vitest/mocker@3.0.9(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))': + '@vitest/mocker@3.0.9(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))': dependencies: '@vitest/spy': 3.0.9 estree-walker: 3.0.3 magic-string: 0.30.19 optionalDependencies: msw: 2.11.3(@types/node@22.18.8)(typescript@5.8.3) - vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) + vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) - '@vitest/mocker@3.2.4(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))': + '@vitest/mocker@3.2.4(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))': dependencies: '@vitest/spy': 3.2.4 estree-walker: 3.0.3 magic-string: 0.30.19 optionalDependencies: msw: 2.11.3(@types/node@18.16.15)(typescript@5.8.3) - vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) + vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) - '@vitest/mocker@3.2.4(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))': + '@vitest/mocker@3.2.4(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))': dependencies: '@vitest/spy': 3.2.4 estree-walker: 3.0.3 magic-string: 0.30.19 optionalDependencies: - msw: 2.11.3(@types/node@22.18.8)(typescript@5.8.3) - vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) + msw: 2.11.3(@types/node@22.18.8)(typescript@5.9.3) + vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) '@vitest/pretty-format@3.0.6': dependencies: @@ -18300,7 +19044,7 @@ snapshots: sirv: 3.0.2 tinyglobby: 0.2.15 tinyrainbow: 2.0.0 - vitest: 3.0.9(@types/debug@4.1.12)(@types/node@18.16.15)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) + vitest: 3.0.9(@types/debug@4.1.12)(@types/node@18.16.15)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(lightningcss@1.31.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) '@vitest/utils@3.0.6': dependencies: @@ -18357,11 +19101,24 @@ snapshots: estree-walker: 2.0.2 source-map-js: 1.2.1 + '@vue/compiler-core@3.5.25': + dependencies: + '@babel/parser': 7.29.2 + '@vue/shared': 3.5.25 + entities: 4.5.0 + estree-walker: 2.0.2 + source-map-js: 1.2.1 + '@vue/compiler-dom@3.5.22': dependencies: '@vue/compiler-core': 3.5.22 '@vue/shared': 3.5.22 + '@vue/compiler-dom@3.5.25': + dependencies: + '@vue/compiler-core': 3.5.25 + '@vue/shared': 3.5.25 + '@vue/compiler-sfc@3.5.22': dependencies: '@babel/parser': 7.28.4 @@ -18374,11 +19131,28 @@ snapshots: postcss: 8.5.6 source-map-js: 1.2.1 + '@vue/compiler-sfc@3.5.25': + dependencies: + '@babel/parser': 7.29.2 + '@vue/compiler-core': 3.5.25 + '@vue/compiler-dom': 3.5.25 + '@vue/compiler-ssr': 3.5.25 + '@vue/shared': 3.5.25 + estree-walker: 2.0.2 + magic-string: 0.30.21 + postcss: 8.5.6 + source-map-js: 1.2.1 + '@vue/compiler-ssr@3.5.22': dependencies: '@vue/compiler-dom': 3.5.22 '@vue/shared': 3.5.22 + '@vue/compiler-ssr@3.5.25': + dependencies: + '@vue/compiler-dom': 3.5.25 + '@vue/shared': 3.5.25 + '@vue/devtools-api@7.7.7': dependencies: '@vue/devtools-kit': 7.7.7 @@ -18413,39 +19187,41 @@ snapshots: '@vue/shared': 3.5.22 csstype: 3.1.3 - '@vue/server-renderer@3.5.22(vue@3.5.22(typescript@5.8.3))': + '@vue/server-renderer@3.5.22(vue@3.5.22(typescript@5.9.3))': dependencies: '@vue/compiler-ssr': 3.5.22 '@vue/shared': 3.5.22 - vue: 3.5.22(typescript@5.8.3) + vue: 3.5.22(typescript@5.9.3) '@vue/shared@3.5.22': {} - '@vueuse/core@10.11.1(vue@3.5.22(typescript@5.8.3))': + '@vue/shared@3.5.25': {} + + '@vueuse/core@10.11.1(vue@3.5.22(typescript@5.9.3))': dependencies: '@types/web-bluetooth': 0.0.20 '@vueuse/metadata': 10.11.1 - '@vueuse/shared': 10.11.1(vue@3.5.22(typescript@5.8.3)) - vue-demi: 0.14.10(vue@3.5.22(typescript@5.8.3)) + '@vueuse/shared': 10.11.1(vue@3.5.22(typescript@5.9.3)) + vue-demi: 0.14.10(vue@3.5.22(typescript@5.9.3)) transitivePeerDependencies: - '@vue/composition-api' - vue - '@vueuse/core@11.3.0(vue@3.5.22(typescript@5.8.3))': + '@vueuse/core@11.3.0(vue@3.5.22(typescript@5.9.3))': dependencies: '@types/web-bluetooth': 0.0.20 '@vueuse/metadata': 11.3.0 - '@vueuse/shared': 11.3.0(vue@3.5.22(typescript@5.8.3)) - vue-demi: 0.14.10(vue@3.5.22(typescript@5.8.3)) + '@vueuse/shared': 11.3.0(vue@3.5.22(typescript@5.9.3)) + vue-demi: 0.14.10(vue@3.5.22(typescript@5.9.3)) transitivePeerDependencies: - '@vue/composition-api' - vue - '@vueuse/integrations@10.11.1(axios@1.9.0)(focus-trap@7.6.5)(fuse.js@6.6.2)(vue@3.5.22(typescript@5.8.3))': + '@vueuse/integrations@10.11.1(axios@1.9.0)(focus-trap@7.6.5)(fuse.js@6.6.2)(vue@3.5.22(typescript@5.9.3))': dependencies: - '@vueuse/core': 10.11.1(vue@3.5.22(typescript@5.8.3)) - '@vueuse/shared': 10.11.1(vue@3.5.22(typescript@5.8.3)) - vue-demi: 0.14.10(vue@3.5.22(typescript@5.8.3)) + '@vueuse/core': 10.11.1(vue@3.5.22(typescript@5.9.3)) + '@vueuse/shared': 10.11.1(vue@3.5.22(typescript@5.9.3)) + vue-demi: 0.14.10(vue@3.5.22(typescript@5.9.3)) optionalDependencies: axios: 1.9.0 focus-trap: 7.6.5 @@ -18458,16 +19234,16 @@ snapshots: '@vueuse/metadata@11.3.0': {} - '@vueuse/shared@10.11.1(vue@3.5.22(typescript@5.8.3))': + '@vueuse/shared@10.11.1(vue@3.5.22(typescript@5.9.3))': dependencies: - vue-demi: 0.14.10(vue@3.5.22(typescript@5.8.3)) + vue-demi: 0.14.10(vue@3.5.22(typescript@5.9.3)) transitivePeerDependencies: - '@vue/composition-api' - vue - '@vueuse/shared@11.3.0(vue@3.5.22(typescript@5.8.3))': + '@vueuse/shared@11.3.0(vue@3.5.22(typescript@5.9.3))': dependencies: - vue-demi: 0.14.10(vue@3.5.22(typescript@5.8.3)) + vue-demi: 0.14.10(vue@3.5.22(typescript@5.9.3)) transitivePeerDependencies: - '@vue/composition-api' - vue @@ -18632,6 +19408,11 @@ snapshots: mime-types: 2.1.35 negotiator: 0.6.3 + accepts@2.0.0: + dependencies: + mime-types: 3.0.1 + negotiator: 1.0.0 + acorn-import-phases@1.0.4(acorn@8.15.0): dependencies: acorn: 8.15.0 @@ -18663,6 +19444,10 @@ snapshots: optionalDependencies: ajv: 8.17.1 + ajv-formats@3.0.1(ajv@8.17.1): + optionalDependencies: + ajv: 8.17.1 + ajv-keywords@5.1.0(ajv@8.17.1): dependencies: ajv: 8.17.1 @@ -18744,7 +19529,7 @@ snapshots: dependencies: '@vitest/runner': 3.0.9 allure-js-commons: 3.2.2(allure-playwright@3.2.2(@playwright/test@1.48.0)) - vitest: 3.0.9(@types/debug@4.1.12)(@types/node@18.16.15)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) + vitest: 3.0.9(@types/debug@4.1.12)(@types/node@18.16.15)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(lightningcss@1.31.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) transitivePeerDependencies: - allure-playwright @@ -19195,6 +19980,8 @@ snapshots: base64-js@1.5.1: {} + baseline-browser-mapping@2.10.8: {} + baseline-browser-mapping@2.8.12: {} basic-auth@2.0.1: @@ -19301,6 +20088,20 @@ snapshots: transitivePeerDependencies: - supports-color + body-parser@2.2.2: + dependencies: + bytes: 3.1.2 + content-type: 1.0.5 + debug: 4.4.3 + http-errors: 2.0.0 + iconv-lite: 0.7.2 + on-finished: 2.4.1 + qs: 6.15.0 + raw-body: 3.0.2 + type-is: 2.0.1 + transitivePeerDependencies: + - supports-color + bonjour-service@1.3.0: dependencies: fast-deep-equal: 3.1.3 @@ -19331,6 +20132,14 @@ snapshots: node-releases: 2.0.23 update-browserslist-db: 1.1.3(browserslist@4.26.3) + browserslist@4.28.1: + dependencies: + baseline-browser-mapping: 2.10.8 + caniuse-lite: 1.0.30001780 + electron-to-chromium: 1.5.313 + node-releases: 2.0.36 + update-browserslist-db: 1.2.3(browserslist@4.28.1) + bser@2.1.1: dependencies: node-int64: 0.4.0 @@ -19360,6 +20169,11 @@ snapshots: base64-js: 1.5.1 ieee754: 1.2.1 + bundle-n-require@1.1.2: + dependencies: + esbuild: 0.25.10 + node-eval: 2.0.0 + bundle-name@4.1.0: dependencies: run-applescript: 7.1.0 @@ -19439,6 +20253,8 @@ snapshots: caniuse-lite@1.0.30001748: {} + caniuse-lite@1.0.30001780: {} + caseless@0.12.0: {} caw@2.0.1: @@ -19628,6 +20444,8 @@ snapshots: clsx@2.1.1: {} + code-block-writer@13.0.3: {} + code-point-at@1.1.0: {} color-convert@1.9.3: @@ -19719,6 +20537,8 @@ snapshots: concat-map@0.0.1: {} + confbox@0.2.4: {} + config-chain@1.1.13: dependencies: ini: 1.3.8 @@ -19748,6 +20568,8 @@ snapshots: dependencies: safe-buffer: 5.2.1 + content-disposition@1.0.1: {} + content-type@1.0.5: {} contour_plot@0.0.1: {} @@ -19760,6 +20582,8 @@ snapshots: cookie-signature@1.0.6: {} + cookie-signature@1.2.2: {} + cookie@0.5.0: {} cookie@0.7.1: {} @@ -19782,6 +20606,11 @@ snapshots: core-util-is@1.0.3: {} + cors@2.8.6: + dependencies: + object-assign: 4.1.1 + vary: 1.1.2 + corser@2.0.1: {} cosmiconfig@5.2.1: @@ -19816,14 +20645,14 @@ snapshots: optionalDependencies: typescript: 5.8.3 - cosmiconfig@9.0.0(typescript@5.8.3): + cosmiconfig@9.0.0(typescript@5.9.3): dependencies: env-paths: 2.2.1 import-fresh: 3.3.1 js-yaml: 4.1.0 parse-json: 5.2.0 optionalDependencies: - typescript: 5.8.3 + typescript: 5.9.3 crc-32@1.2.2: {} @@ -19860,6 +20689,10 @@ snapshots: shebang-command: 2.0.0 which: 2.0.2 + crosspath@2.0.0: + dependencies: + '@types/node': 17.0.45 + crypt@0.0.2: {} crypto-random-string@2.0.0: {} @@ -20441,6 +21274,8 @@ snapshots: electron-to-chromium@1.5.230: {} + electron-to-chromium@1.5.313: {} + emoji-regex-xs@1.0.0: {} emoji-regex@8.0.0: {} @@ -20947,11 +21782,11 @@ snapshots: string.prototype.matchall: 4.0.12 string.prototype.repeat: 1.0.0 - eslint-plugin-storybook@9.1.6(eslint@9.27.0)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.8.3): + eslint-plugin-storybook@9.1.6(eslint@9.27.0)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.8.3): dependencies: '@typescript-eslint/utils': 8.45.0(eslint@9.27.0)(typescript@5.8.3) eslint: 9.27.0 - storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) + storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) transitivePeerDependencies: - supports-color - typescript @@ -21050,6 +21885,12 @@ snapshots: events@3.3.0: {} + eventsource-parser@3.0.6: {} + + eventsource@3.0.7: + dependencies: + eventsource-parser: 3.0.6 + exclusive-promises@1.0.3: {} execa@0.7.0: @@ -21142,6 +21983,11 @@ snapshots: exponential-backoff@3.1.2: {} + express-rate-limit@8.3.1(express@5.2.1): + dependencies: + express: 5.2.1 + ip-address: 10.1.0 + express@4.18.1: dependencies: accepts: 1.3.8 @@ -21214,6 +22060,41 @@ snapshots: transitivePeerDependencies: - supports-color + express@5.2.1: + dependencies: + accepts: 2.0.0 + body-parser: 2.2.2 + content-disposition: 1.0.1 + content-type: 1.0.5 + cookie: 0.7.2 + cookie-signature: 1.2.2 + debug: 4.4.3 + depd: 2.0.0 + encodeurl: 2.0.0 + escape-html: 1.0.3 + etag: 1.8.1 + finalhandler: 2.1.1 + fresh: 2.0.0 + http-errors: 2.0.0 + merge-descriptors: 2.0.0 + mime-types: 3.0.1 + on-finished: 2.4.1 + once: 1.4.0 + parseurl: 1.3.3 + proxy-addr: 2.0.7 + qs: 6.14.0 + range-parser: 1.2.1 + router: 2.2.0 + send: 1.2.1 + serve-static: 2.2.1 + statuses: 2.0.2 + type-is: 2.0.1 + vary: 1.1.2 + transitivePeerDependencies: + - supports-color + + exsolve@1.0.8: {} + ext-list@2.2.2: dependencies: mime-db: 1.54.0 @@ -21434,6 +22315,17 @@ snapshots: transitivePeerDependencies: - supports-color + finalhandler@2.1.1: + dependencies: + debug: 4.4.3 + encodeurl: 2.0.0 + escape-html: 1.0.3 + on-finished: 2.4.1 + parseurl: 1.3.3 + statuses: 2.0.2 + transitivePeerDependencies: + - supports-color + find-cache-dir@3.3.1: dependencies: commondir: 1.0.1 @@ -21546,6 +22438,8 @@ snapshots: fresh@0.5.2: {} + fresh@2.0.0: {} + from2@2.3.0: dependencies: inherits: 2.0.4 @@ -21565,6 +22459,12 @@ snapshots: jsonfile: 6.2.0 universalify: 2.0.1 + fs-extra@11.3.2: + dependencies: + graceful-fs: 4.2.11 + jsonfile: 6.2.0 + universalify: 2.0.1 + fs-extra@8.1.0: dependencies: graceful-fs: 4.2.11 @@ -21724,7 +22624,7 @@ snapshots: dependencies: basic-ftp: 5.0.5 data-uri-to-buffer: 6.0.2 - debug: 4.3.4 + debug: 4.4.3 transitivePeerDependencies: - supports-color @@ -22085,6 +22985,8 @@ snapshots: dependencies: react-is: 16.13.1 + hono@4.12.8: {} + hookable@5.5.3: {} hosted-git-info@2.8.9: {} @@ -22155,6 +23057,14 @@ snapshots: statuses: 2.0.1 toidentifier: 1.0.1 + http-errors@2.0.1: + dependencies: + depd: 2.0.0 + inherits: 2.0.4 + setprototypeof: 1.2.0 + statuses: 2.0.2 + toidentifier: 1.0.1 + http-parser-js@0.5.10: {} http-proxy-agent@5.0.0: @@ -22269,6 +23179,10 @@ snapshots: dependencies: safer-buffer: 2.1.2 + iconv-lite@0.7.2: + dependencies: + safer-buffer: 2.1.2 + icss-utils@3.0.1: dependencies: postcss: 6.0.23 @@ -22429,6 +23343,8 @@ snapshots: ip-address@10.0.1: {} + ip-address@10.1.0: {} + ipaddr.js@1.9.1: {} ipaddr.js@2.2.0: {} @@ -22570,6 +23486,8 @@ snapshots: is-potential-custom-element-name@1.0.1: {} + is-promise@4.0.0: {} + is-regex@1.1.4: dependencies: call-bind: 1.0.8 @@ -22692,6 +23610,8 @@ snapshots: dependencies: '@isaacs/cliui': 8.0.2 + javascript-stringify@2.1.0: {} + jest-diff@30.2.0: dependencies: '@jest/diff-sequences': 30.0.1 @@ -22813,6 +23733,8 @@ snapshots: merge-stream: 2.0.0 supports-color: 8.1.1 + jose@6.2.1: {} + joycon@3.1.1: {} js-base64@2.6.4: {} @@ -22882,6 +23804,8 @@ snapshots: json-schema-traverse@1.0.0: {} + json-schema-typed@8.0.2: {} + json-schema@0.4.0: {} json-stable-stringify-without-jsonify@1.0.1: {} @@ -23001,6 +23925,55 @@ snapshots: transitivePeerDependencies: - supports-color + lightningcss-android-arm64@1.31.1: + optional: true + + lightningcss-darwin-arm64@1.31.1: + optional: true + + lightningcss-darwin-x64@1.31.1: + optional: true + + lightningcss-freebsd-x64@1.31.1: + optional: true + + lightningcss-linux-arm-gnueabihf@1.31.1: + optional: true + + lightningcss-linux-arm64-gnu@1.31.1: + optional: true + + lightningcss-linux-arm64-musl@1.31.1: + optional: true + + lightningcss-linux-x64-gnu@1.31.1: + optional: true + + lightningcss-linux-x64-musl@1.31.1: + optional: true + + lightningcss-win32-arm64-msvc@1.31.1: + optional: true + + lightningcss-win32-x64-msvc@1.31.1: + optional: true + + lightningcss@1.31.1: + dependencies: + detect-libc: 2.1.2 + optionalDependencies: + lightningcss-android-arm64: 1.31.1 + lightningcss-darwin-arm64: 1.31.1 + lightningcss-darwin-x64: 1.31.1 + lightningcss-freebsd-x64: 1.31.1 + lightningcss-linux-arm-gnueabihf: 1.31.1 + lightningcss-linux-arm64-gnu: 1.31.1 + lightningcss-linux-arm64-musl: 1.31.1 + lightningcss-linux-x64-gnu: 1.31.1 + lightningcss-linux-x64-musl: 1.31.1 + lightningcss-win32-arm64-msvc: 1.31.1 + lightningcss-win32-x64-msvc: 1.31.1 + lines-and-columns@1.2.4: {} linkify-it@4.0.1: @@ -23116,6 +24089,8 @@ snapshots: longest@1.0.1: {} + look-it-up@2.1.0: {} + loose-envify@1.4.0: dependencies: js-tokens: 4.0.0 @@ -23159,6 +24134,10 @@ snapshots: dependencies: '@jridgewell/sourcemap-codec': 1.5.5 + magic-string@0.30.21: + dependencies: + '@jridgewell/sourcemap-codec': 1.5.5 + make-dir@1.3.0: dependencies: pify: 3.0.0 @@ -23353,6 +24332,8 @@ snapshots: media-typer@0.3.0: {} + media-typer@1.1.0: {} + medium-zoom@1.1.0: {} memfs@4.48.1: @@ -23387,6 +24368,8 @@ snapshots: merge-descriptors@1.0.3: {} + merge-descriptors@2.0.0: {} + merge-stream@2.0.0: {} merge2@1.4.1: {} @@ -23568,6 +24551,8 @@ snapshots: - supports-color - utf-8-validate + microdiff@1.5.0: {} + micromark-core-commonmark@1.1.0: dependencies: decode-named-character-reference: 1.2.0 @@ -23793,6 +24778,10 @@ snapshots: dependencies: mime-db: 1.54.0 + mime-types@3.0.2: + dependencies: + mime-db: 1.54.0 + mime@1.6.0: {} mime@3.0.0: {} @@ -23934,6 +24923,33 @@ snapshots: - '@types/node' optional: true + msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3): + dependencies: + '@bundled-es-modules/cookie': 2.0.1 + '@bundled-es-modules/statuses': 1.0.1 + '@inquirer/confirm': 5.1.18(@types/node@22.18.8) + '@mswjs/interceptors': 0.39.7 + '@open-draft/deferred-promise': 2.2.0 + '@types/cookie': 0.6.0 + '@types/statuses': 2.0.6 + graphql: 16.11.0 + headers-polyfill: 4.0.3 + is-node-process: 1.2.0 + outvariant: 1.4.3 + path-to-regexp: 6.3.0 + picocolors: 1.1.1 + rettime: 0.7.0 + strict-event-emitter: 0.5.1 + tough-cookie: 6.0.0 + type-fest: 4.41.0 + until-async: 3.0.2 + yargs: 17.7.2 + optionalDependencies: + typescript: 5.9.3 + transitivePeerDependencies: + - '@types/node' + optional: true + multicast-dns@7.2.5: dependencies: dns-packet: 5.6.1 @@ -23958,6 +24974,8 @@ snapshots: negotiator@0.6.4: {} + negotiator@1.0.0: {} + neo-async@2.6.2: {} netmask@2.0.2: {} @@ -23975,6 +24993,10 @@ snapshots: node-domexception@1.0.0: {} + node-eval@2.0.0: + dependencies: + path-is-absolute: 1.0.1 + node-fetch@2.6.7: dependencies: whatwg-url: 5.0.0 @@ -23995,6 +25017,8 @@ snapshots: node-releases@2.0.23: {} + node-releases@2.0.36: {} + node-watch@0.7.3: {} normalize-package-data@2.5.0: @@ -24078,6 +25102,8 @@ snapshots: object-keys@1.1.1: {} + object-path@0.11.8: {} + object.assign@4.1.7: dependencies: call-bind: 1.0.8 @@ -24189,6 +25215,8 @@ snapshots: os-tmpdir@1.0.2: {} + outdent@0.8.0: {} + outvariant@1.4.3: {} ow@0.17.0: @@ -24240,6 +25268,10 @@ snapshots: dependencies: yocto-queue: 1.2.1 + p-limit@5.0.0: + dependencies: + yocto-queue: 1.2.1 + p-locate@4.1.0: dependencies: p-limit: 2.3.0 @@ -24292,7 +25324,7 @@ snapshots: dependencies: '@tootallnate/quickjs-emscripten': 0.23.0 agent-base: 7.1.4 - debug: 4.3.4 + debug: 4.4.3 get-uri: 6.0.5 http-proxy-agent: 7.0.2 https-proxy-agent: 7.0.6 @@ -24308,6 +25340,8 @@ snapshots: package-json-from-dist@1.0.1: {} + package-manager-detector@1.6.0: {} + parent-module@1.0.1: dependencies: callsites: 3.1.0 @@ -24345,6 +25379,8 @@ snapshots: parseurl@1.3.3: {} + path-browserify@1.0.1: {} + path-exists@4.0.0: {} path-exists@5.0.0: {} @@ -24379,6 +25415,8 @@ snapshots: path-to-regexp@6.3.0: {} + path-to-regexp@8.3.0: {} + path-type@4.0.0: {} path-type@6.0.0: {} @@ -24460,10 +25498,18 @@ snapshots: dependencies: pngjs: 7.0.0 + pkce-challenge@5.0.1: {} + pkg-dir@4.2.0: dependencies: find-up: 4.1.0 + pkg-types@2.3.0: + dependencies: + confbox: 0.2.4 + exsolve: 1.0.8 + pathe: 2.0.3 + playwright-core@1.48.0: {} playwright-core@1.55.1: {} @@ -24484,6 +25530,8 @@ snapshots: dependencies: semver-compare: 1.0.0 + pluralize@8.0.0: {} + pngjs@7.0.0: {} pngquant-bin@6.0.1: @@ -24637,6 +25685,14 @@ snapshots: postcss: 8.4.33 postcss-selector-parser: 6.1.2 + postcss-discard-duplicates@7.0.2(postcss@8.5.6): + dependencies: + postcss: 8.5.6 + + postcss-discard-empty@7.0.1(postcss@8.5.6): + dependencies: + postcss: 8.5.6 + postcss-double-position-gradients@1.0.0: dependencies: postcss: 7.0.39 @@ -24778,6 +25834,12 @@ snapshots: postcss-media-query-parser@0.2.3: {} + postcss-minify-selectors@7.0.5(postcss@8.5.6): + dependencies: + cssesc: 3.0.0 + postcss: 8.5.6 + postcss-selector-parser: 7.1.1 + postcss-mixins@12.1.2(postcss@8.4.33): dependencies: postcss: 8.4.33 @@ -24786,6 +25848,11 @@ snapshots: sugarss: 5.0.1(postcss@8.4.33) tinyglobby: 0.2.15 + postcss-nested@7.0.2(postcss@8.5.6): + dependencies: + postcss: 8.5.6 + postcss-selector-parser: 7.1.1 + postcss-nesting@12.1.5(postcss@8.4.33): dependencies: '@csstools/selector-resolve-nested': 1.1.0(postcss-selector-parser@6.1.2) @@ -24797,6 +25864,11 @@ snapshots: dependencies: postcss: 7.0.39 + postcss-normalize-whitespace@7.0.1(postcss@8.5.6): + dependencies: + postcss: 8.5.6 + postcss-value-parser: 4.2.0 + postcss-opacity-percentage@2.0.0(postcss@8.4.33): dependencies: postcss: 8.4.33 @@ -24993,6 +26065,11 @@ snapshots: cssesc: 3.0.0 util-deprecate: 1.0.2 + postcss-selector-parser@7.1.1: + dependencies: + cssesc: 3.0.0 + util-deprecate: 1.0.2 + postcss-simple-vars@7.0.1(postcss@8.4.33): dependencies: postcss: 8.4.33 @@ -25072,6 +26149,8 @@ snapshots: prettier@2.8.8: {} + prettier@3.2.5: {} + prettier@3.6.2: {} pretty-format@27.5.1: @@ -25218,6 +26297,10 @@ snapshots: dependencies: side-channel: 1.1.0 + qs@6.15.0: + dependencies: + side-channel: 1.1.0 + qs@6.5.3: {} query-selector-shadow-dom@1.0.1: {} @@ -25262,6 +26345,13 @@ snapshots: iconv-lite: 0.4.24 unpipe: 1.0.0 + raw-body@3.0.2: + dependencies: + bytes: 3.1.2 + http-errors: 2.0.1 + iconv-lite: 0.7.2 + unpipe: 1.0.0 + rc@1.2.8: dependencies: deep-extend: 0.6.0 @@ -25277,9 +26367,9 @@ snapshots: - bufferutil - utf-8-validate - react-docgen-typescript@2.4.0(typescript@5.8.3): + react-docgen-typescript@2.4.0(typescript@5.9.3): dependencies: - typescript: 5.8.3 + typescript: 5.9.3 react-docgen@8.0.1: dependencies: @@ -25378,11 +26468,11 @@ snapshots: - react-dom - react-native - react-intl@7.1.11(react@18.3.1)(typescript@5.8.3): + react-intl@7.1.11(react@18.3.1)(typescript@5.9.3): dependencies: '@formatjs/ecma402-abstract': 2.3.4 '@formatjs/icu-messageformat-parser': 2.11.2 - '@formatjs/intl': 3.1.6(typescript@5.8.3) + '@formatjs/intl': 3.1.6(typescript@5.9.3) '@types/hoist-non-react-statics': 3.3.7(@types/react@18.2.19) '@types/react': 18.2.19 hoist-non-react-statics: 3.3.2 @@ -25390,7 +26480,7 @@ snapshots: react: 18.3.1 tslib: 2.8.1 optionalDependencies: - typescript: 5.8.3 + typescript: 5.9.3 react-is@16.13.1: {} @@ -25833,6 +26923,16 @@ snapshots: '@rollup/rollup-win32-x64-msvc': 4.52.4 fsevents: 2.3.3 + router@2.2.0: + dependencies: + debug: 4.4.3 + depd: 2.0.0 + is-promise: 4.0.0 + parseurl: 1.3.3 + path-to-regexp: 8.3.0 + transitivePeerDependencies: + - supports-color + rrweb-cssom@0.6.0: {} rtl-css-js@1.16.1: @@ -25989,6 +27089,22 @@ snapshots: transitivePeerDependencies: - supports-color + send@1.2.1: + dependencies: + debug: 4.4.3 + encodeurl: 2.0.0 + escape-html: 1.0.3 + etag: 1.8.1 + fresh: 2.0.0 + http-errors: 2.0.1 + mime-types: 3.0.2 + ms: 2.1.3 + on-finished: 2.4.1 + range-parser: 1.2.1 + statuses: 2.0.2 + transitivePeerDependencies: + - supports-color + serialize-error@11.0.3: dependencies: type-fest: 2.19.0 @@ -26029,6 +27145,15 @@ snapshots: transitivePeerDependencies: - supports-color + serve-static@2.2.1: + dependencies: + encodeurl: 2.0.0 + escape-html: 1.0.3 + parseurl: 1.3.3 + send: 1.2.1 + transitivePeerDependencies: + - supports-color + set-blocking@2.0.0: {} set-function-length@1.2.2: @@ -26159,6 +27284,8 @@ snapshots: mrmime: 2.0.1 totalist: 3.0.1 + sisteransi@1.0.5: {} + sitemap@7.1.2: dependencies: '@types/node': 17.0.45 @@ -26199,7 +27326,7 @@ snapshots: socks-proxy-agent@8.0.5: dependencies: agent-base: 7.1.4 - debug: 4.3.4 + debug: 4.4.3 socks: 2.8.7 transitivePeerDependencies: - supports-color @@ -26347,13 +27474,13 @@ snapshots: es-errors: 1.3.0 internal-slot: 1.1.0 - storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)): + storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)): dependencies: '@storybook/global': 5.0.0 '@testing-library/jest-dom': 6.6.3 '@testing-library/user-event': 14.6.1(@testing-library/dom@10.4.1) '@vitest/expect': 3.2.4 - '@vitest/mocker': 3.2.4(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) + '@vitest/mocker': 3.2.4(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) '@vitest/spy': 3.2.4 better-opn: 3.0.2 esbuild: 0.25.10 @@ -26371,13 +27498,13 @@ snapshots: - utf-8-validate - vite - storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)): + storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)): dependencies: '@storybook/global': 5.0.0 '@testing-library/jest-dom': 6.6.3 '@testing-library/user-event': 14.6.1(@testing-library/dom@10.4.1) '@vitest/expect': 3.2.4 - '@vitest/mocker': 3.2.4(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) + '@vitest/mocker': 3.2.4(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) '@vitest/spy': 3.2.4 better-opn: 3.0.2 esbuild: 0.25.10 @@ -26585,14 +27712,14 @@ snapshots: dependencies: stylelint: 15.9.0(typescript@5.8.3) - stylelint-config-recommended@14.0.1(stylelint@16.6.1(typescript@5.8.3)): + stylelint-config-recommended@14.0.1(stylelint@16.6.1(typescript@5.9.3)): dependencies: - stylelint: 16.6.1(typescript@5.8.3) + stylelint: 16.6.1(typescript@5.9.3) - stylelint-config-standard@36.0.0(stylelint@16.6.1(typescript@5.8.3)): + stylelint-config-standard@36.0.0(stylelint@16.6.1(typescript@5.9.3)): dependencies: - stylelint: 16.6.1(typescript@5.8.3) - stylelint-config-recommended: 14.0.1(stylelint@16.6.1(typescript@5.8.3)) + stylelint: 16.6.1(typescript@5.9.3) + stylelint-config-recommended: 14.0.1(stylelint@16.6.1(typescript@5.9.3)) stylelint@15.9.0(typescript@5.8.3): dependencies: @@ -26641,7 +27768,7 @@ snapshots: - supports-color - typescript - stylelint@16.6.1(typescript@5.8.3): + stylelint@16.6.1(typescript@5.9.3): dependencies: '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1) '@csstools/css-tokenizer': 2.4.1 @@ -26650,7 +27777,7 @@ snapshots: '@dual-bundle/import-meta-resolve': 4.2.1 balanced-match: 2.0.0 colord: 2.9.3 - cosmiconfig: 9.0.0(typescript@5.8.3) + cosmiconfig: 9.0.0(typescript@5.9.3) css-functions-list: 3.2.3 css-tree: 2.3.1 debug: 4.4.3 @@ -27015,6 +28142,20 @@ snapshots: ts-dedent@2.2.0: {} + ts-evaluator@1.2.0(jsdom@22.1.0)(typescript@5.9.3): + dependencies: + ansi-colors: 4.1.3 + crosspath: 2.0.0 + object-path: 0.11.8 + typescript: 5.9.3 + optionalDependencies: + jsdom: 22.1.0 + + ts-morph@27.0.2: + dependencies: + '@ts-morph/common': 0.28.1 + code-block-writer: 13.0.3 + ts-node@10.9.2(@types/node@22.18.8)(typescript@5.8.3): dependencies: '@cspotcode/source-map-support': 0.8.1 @@ -27033,10 +28174,16 @@ snapshots: v8-compile-cache-lib: 3.0.1 yn: 3.1.1 + ts-pattern@5.9.0: {} + tsconfck@2.1.2(typescript@5.8.3): optionalDependencies: typescript: 5.8.3 + tsconfck@3.1.6(typescript@5.9.3): + optionalDependencies: + typescript: 5.9.3 + tsconfig-paths@3.15.0: dependencies: '@types/json5': 0.0.29 @@ -27101,6 +28248,12 @@ snapshots: media-typer: 0.3.0 mime-types: 2.1.35 + type-is@2.0.1: + dependencies: + content-type: 1.0.5 + media-typer: 1.1.0 + mime-types: 3.0.1 + typed-array-buffer@1.0.3: dependencies: call-bound: 1.0.4 @@ -27170,6 +28323,8 @@ snapshots: typescript@5.8.3: {} + typescript@5.9.3: {} + uc.micro@1.0.6: {} uglify-js@2.8.29: @@ -27324,6 +28479,12 @@ snapshots: escalade: 3.2.0 picocolors: 1.1.1 + update-browserslist-db@1.2.3(browserslist@4.28.1): + dependencies: + browserslist: 4.28.1 + escalade: 3.2.0 + picocolors: 1.1.1 + uri-js@4.4.1: dependencies: punycode: 2.3.1 @@ -27401,13 +28562,13 @@ snapshots: '@types/unist': 3.0.3 vfile-message: 4.0.3 - vite-node@3.0.9(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0): + vite-node@3.0.9(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0): dependencies: cac: 6.7.14 debug: 4.4.3 es-module-lexer: 1.7.0 pathe: 2.0.3 - vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) + vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) transitivePeerDependencies: - '@types/node' - jiti @@ -27422,13 +28583,13 @@ snapshots: - tsx - yaml - vite-node@3.0.9(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0): + vite-node@3.0.9(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0): dependencies: cac: 6.7.14 debug: 4.4.3 es-module-lexer: 1.7.0 pathe: 2.0.3 - vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) + vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) transitivePeerDependencies: - '@types/node' - jiti @@ -27443,12 +28604,12 @@ snapshots: - tsx - yaml - vite-plugin-babel@1.3.2(@babel/core@7.27.7)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)): + vite-plugin-babel@1.3.2(@babel/core@7.27.7)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)): dependencies: '@babel/core': 7.27.7 - vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) + vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) - vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0): + vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0): dependencies: esbuild: 0.21.5 postcss: 8.5.6 @@ -27457,11 +28618,12 @@ snapshots: '@types/node': 18.19.129 fsevents: 2.3.3 less: 3.13.1 + lightningcss: 1.31.1 sass: 1.93.2 sugarss: 5.0.1(postcss@8.4.33) terser: 5.44.0 - vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0): + vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0): dependencies: esbuild: 0.21.5 postcss: 8.5.6 @@ -27470,11 +28632,12 @@ snapshots: '@types/node': 22.18.8 fsevents: 2.3.3 less: 3.13.1 + lightningcss: 1.31.1 sass: 1.93.2 sugarss: 5.0.1(postcss@8.5.6) terser: 5.44.0 - vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0): + vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0): dependencies: esbuild: 0.25.10 fdir: 6.5.0(picomatch@4.0.3) @@ -27486,12 +28649,13 @@ snapshots: '@types/node': 18.16.15 fsevents: 2.3.3 less: 3.13.1 + lightningcss: 1.31.1 sass: 1.93.2 sugarss: 5.0.1(postcss@8.4.38) terser: 5.44.0 yaml: 2.8.0 - vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0): + vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0): dependencies: esbuild: 0.25.10 fdir: 6.5.0(picomatch@4.0.3) @@ -27503,29 +28667,30 @@ snapshots: '@types/node': 22.18.8 fsevents: 2.3.3 less: 3.13.1 + lightningcss: 1.31.1 sass: 1.93.2 sugarss: 5.0.1(postcss@8.5.6) terser: 5.44.0 yaml: 2.8.0 - vitepress@1.3.1(@algolia/client-search@5.39.0)(@types/node@18.19.129)(@types/react@18.2.19)(axios@1.9.0)(fuse.js@6.6.2)(less@3.13.1)(postcss@8.4.33)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.93.2)(search-insights@2.17.3)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0)(typescript@5.8.3): + vitepress@1.3.1(@algolia/client-search@5.39.0)(@types/node@18.19.129)(@types/react@18.2.19)(axios@1.9.0)(fuse.js@6.6.2)(less@3.13.1)(lightningcss@1.31.1)(postcss@8.4.33)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.93.2)(search-insights@2.17.3)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0)(typescript@5.9.3): dependencies: '@docsearch/css': 3.6.3 '@docsearch/js': 3.6.3(@algolia/client-search@5.39.0)(@types/react@18.2.19)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(search-insights@2.17.3) '@shikijs/core': 1.29.2 '@shikijs/transformers': 1.29.2 '@types/markdown-it': 14.1.2 - '@vitejs/plugin-vue': 5.2.4(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0))(vue@3.5.22(typescript@5.8.3)) + '@vitejs/plugin-vue': 5.2.4(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0))(vue@3.5.22(typescript@5.9.3)) '@vue/devtools-api': 7.7.7 '@vue/shared': 3.5.22 - '@vueuse/core': 10.11.1(vue@3.5.22(typescript@5.8.3)) - '@vueuse/integrations': 10.11.1(axios@1.9.0)(focus-trap@7.6.5)(fuse.js@6.6.2)(vue@3.5.22(typescript@5.8.3)) + '@vueuse/core': 10.11.1(vue@3.5.22(typescript@5.9.3)) + '@vueuse/integrations': 10.11.1(axios@1.9.0)(focus-trap@7.6.5)(fuse.js@6.6.2)(vue@3.5.22(typescript@5.9.3)) focus-trap: 7.6.5 mark.js: 8.11.1 minisearch: 7.2.0 shiki: 1.29.2 - vite: 5.4.20(@types/node@18.19.129)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0) - vue: 3.5.22(typescript@5.8.3) + vite: 5.4.20(@types/node@18.19.129)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0) + vue: 3.5.22(typescript@5.9.3) optionalDependencies: postcss: 8.4.33 transitivePeerDependencies: @@ -27556,7 +28721,7 @@ snapshots: - typescript - universal-cookie - vitest-axe@0.1.0(vitest@3.0.9(@types/debug@4.1.12)(@types/node@22.18.8)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)): + vitest-axe@0.1.0(vitest@3.0.9(@types/debug@4.1.12)(@types/node@22.18.8)(@vitest/browser@3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3)))(@vitest/ui@3.0.6(vitest@3.0.9))(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(lightningcss@1.31.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)): dependencies: aria-query: 5.3.2 axe-core: 4.9.1 @@ -27564,12 +28729,12 @@ snapshots: dom-accessibility-api: 0.5.16 lodash-es: 4.17.21 redent: 3.0.0 - vitest: 3.0.9(@types/debug@4.1.12)(@types/node@22.18.8)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) + vitest: 3.0.9(@types/debug@4.1.12)(@types/node@22.18.8)(@vitest/browser@3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3)))(@vitest/ui@3.0.6(vitest@3.0.9))(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(lightningcss@1.31.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) - vitest@3.0.9(@types/debug@4.1.12)(@types/node@18.16.15)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0): + vitest@3.0.9(@types/debug@4.1.12)(@types/node@18.16.15)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(lightningcss@1.31.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0): dependencies: '@vitest/expect': 3.0.9 - '@vitest/mocker': 3.0.9(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) + '@vitest/mocker': 3.0.9(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)) '@vitest/pretty-format': 3.2.4 '@vitest/runner': 3.0.9 '@vitest/snapshot': 3.0.9 @@ -27585,13 +28750,13 @@ snapshots: tinyexec: 0.3.2 tinypool: 1.1.1 tinyrainbow: 2.0.0 - vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) - vite-node: 3.0.9(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) + vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) + vite-node: 3.0.9(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0) why-is-node-running: 2.3.0 optionalDependencies: '@types/debug': 4.1.12 '@types/node': 18.16.15 - '@vitest/browser': 3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3)) + '@vitest/browser': 3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3)) '@vitest/ui': 3.0.6(vitest@3.0.9) happy-dom: 9.20.3 jsdom: 22.1.0 @@ -27609,10 +28774,10 @@ snapshots: - tsx - yaml - vitest@3.0.9(@types/debug@4.1.12)(@types/node@22.18.8)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0): + vitest@3.0.9(@types/debug@4.1.12)(@types/node@22.18.8)(@vitest/browser@3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3)))(@vitest/ui@3.0.6(vitest@3.0.9))(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(lightningcss@1.31.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0): dependencies: '@vitest/expect': 3.0.9 - '@vitest/mocker': 3.0.9(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) + '@vitest/mocker': 3.0.9(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)) '@vitest/pretty-format': 3.2.4 '@vitest/runner': 3.0.9 '@vitest/snapshot': 3.0.9 @@ -27628,13 +28793,13 @@ snapshots: tinyexec: 0.3.2 tinypool: 1.1.1 tinyrainbow: 2.0.0 - vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) - vite-node: 3.0.9(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) + vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) + vite-node: 3.0.9(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0) why-is-node-running: 2.3.0 optionalDependencies: '@types/debug': 4.1.12 '@types/node': 22.18.8 - '@vitest/browser': 3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3)) + '@vitest/browser': 3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3)) '@vitest/ui': 3.0.6(vitest@3.0.9) happy-dom: 9.20.3 jsdom: 22.1.0 @@ -27654,19 +28819,19 @@ snapshots: vlq@1.0.1: {} - vue-demi@0.14.10(vue@3.5.22(typescript@5.8.3)): + vue-demi@0.14.10(vue@3.5.22(typescript@5.9.3)): dependencies: - vue: 3.5.22(typescript@5.8.3) + vue: 3.5.22(typescript@5.9.3) - vue@3.5.22(typescript@5.8.3): + vue@3.5.22(typescript@5.9.3): dependencies: '@vue/compiler-dom': 3.5.22 '@vue/compiler-sfc': 3.5.22 '@vue/runtime-dom': 3.5.22 - '@vue/server-renderer': 3.5.22(vue@3.5.22(typescript@5.8.3)) + '@vue/server-renderer': 3.5.22(vue@3.5.22(typescript@5.9.3)) '@vue/shared': 3.5.22 optionalDependencies: - typescript: 5.8.3 + typescript: 5.9.3 w3c-xmlserializer@4.0.0: dependencies: @@ -27943,6 +29108,8 @@ snapshots: wordwrap@0.0.2: {} + wordwrapjs@5.1.1: {} + wrap-ansi@2.1.0: dependencies: string-width: 1.0.2 @@ -28117,6 +29284,12 @@ snapshots: compress-commons: 5.0.3 readable-stream: 3.6.2 + zod-to-json-schema@3.25.1(zod@4.3.6): + dependencies: + zod: 4.3.6 + zod@3.25.76: {} + zod@4.3.6: {} + zwitch@2.0.4: {} diff --git a/semcore/core/package.json b/semcore/core/package.json index bcb0065554..86af37aa1c 100644 --- a/semcore/core/package.json +++ b/semcore/core/package.json @@ -21,6 +21,11 @@ "import": "./src/index.ts", "types": "./src/index.ts" }, + "./lib/theme/themes/panda-preset": { + "require": "./lib/theme/themes/panda-preset.js", + "import": "./lib/theme/themes/panda-preset.mjs", + "types": "./lib/theme/themes/panda-preset.d.ts" + }, "./lib/theme/themes/default.css": { "require": "./lib/theme/themes/default.css", "import": "./lib/theme/themes/default.css" @@ -324,6 +329,7 @@ "directory": "semcore/core" }, "devDependencies": { + "@pandacss/dev": "^1.9.0", "@semcore/testing-utils": "workspace:*", "@types/classnames": "2.2.6", "@types/hoist-non-react-statics": "^3.3.6", diff --git a/semcore/core/src/theme/panda-processor.ts b/semcore/core/src/theme/panda-processor.ts new file mode 100644 index 0000000000..e18e38e28c --- /dev/null +++ b/semcore/core/src/theme/panda-processor.ts @@ -0,0 +1,145 @@ +const FIGMA_TOKENS_ONLY = [ + 'keyboard-focus-feature-highlight', +]; + +const PANDA_Z_INDEX_KEY = 'zIndex'; +const PANDA_DURATIONS_KEY = 'durations'; + +const INTERGALACTIC_TYPE_TO_PANDA: Record = { + color: 'colors', + sizing: 'sizes', + spacing: 'spacing', + fonts: 'fontFamilies', + fontSizes: 'fontSizes', + fontWeights: 'fontWeights', + letterSpacing: 'letterSpacings', + lineHeights: 'lineHeights', + borderRadius: 'radii', + border: 'borders', + boxShadow: 'shadows', + opacity: 'opacity', + // z-index - zIndex + // duration - durations +}; + +type TokenType = { + [key: string]: TokenType | { value: string }; +}; + +type PandaConfig = { + tokens: TokenType; + semanticTokens: TokenType; +}; + +const setToken = ( + value: string, + from: Array, + to: Record, + description?: string, +): TokenType => { + const [part, ...parts] = [...from]; + + if (parts.length === 0) { + if (to[part] && typeof to[part] === 'object') { + to[part].DEFAULT = { value, ...(description && { description }) }; + } else { + to[part] = { value, ...(description && { description }) }; + } + + return to; + } + + if (to[part] && 'value' in to[part]) { + to[part] = { DEFAULT: { ...to[part] } }; + } + + to[part] = { + ...to[part], + ...setToken(value, parts, to[part] ?? {}, description), + }; + + return to; +}; + +const ifZIndex = (key: string) => key.startsWith('z-index-'); +const ifDuration = (key: string) => key.startsWith('duration-'); + +const getKeyParts = (key: string) => { + const parts = key.split('-'); + + if (key === 'disabled-opacity') { + return [parts[0]]; + } + + if (key.startsWith('duration')) { + return parts.filter((p) => !p.startsWith('duration')); + } + + if (key.startsWith('z-index')) { + return parts.filter((p) => !p.startsWith('z') && !p.startsWith('index')); + } + + return parts; +}; + +export const getPandaConfig = ( + values: Record, + basicTokens: Set, + types: Record, + descriptions: Record, +): PandaConfig => { + const tokens: TokenType = {}; + const semanticTokens: TokenType = {}; + + Object.entries(types).forEach(([key, type]) => { + if (FIGMA_TOKENS_ONLY.includes(key)) return; + + const value = values[key]; + const description = descriptions[key]; + + let pandaKey = INTERGALACTIC_TYPE_TO_PANDA[type]; + const isZIndexKey = ifZIndex(key); + const isDurationKey = ifDuration(key); + + if (!pandaKey && !isZIndexKey && !isDurationKey) return; + + const isBaseToken = basicTokens.has(key); + + if (isZIndexKey) { + pandaKey = PANDA_Z_INDEX_KEY; + } + + if (isDurationKey) { + pandaKey = PANDA_DURATIONS_KEY; + } + + const keyParts = getKeyParts(key); + + if (isBaseToken) { + tokens[pandaKey] = setToken(value, keyParts, tokens[pandaKey] ?? {}, description); + } else { + semanticTokens[pandaKey] = setToken(value, keyParts, semanticTokens[pandaKey] ?? {}, description); + } + }); + + return { + tokens, + semanticTokens, + }; +}; + +export const toPandaPreset = (config: PandaConfig) => { + const preset = ` + import { definePreset } from '@pandacss/dev' + + export default definePreset({ + name: '@semcore/panda-preset', + theme: { + tokens: ${JSON.stringify(config.tokens, undefined, 4)}, + semanticTokens: ${JSON.stringify(config.semanticTokens, undefined, 4)} + }, + }) + `; + + return preset; +}; diff --git a/semcore/core/src/theme/processor.ts b/semcore/core/src/theme/processor.ts index e665c48aab..2104e7f5a0 100644 --- a/semcore/core/src/theme/processor.ts +++ b/semcore/core/src/theme/processor.ts @@ -7,7 +7,8 @@ import glob from 'fast-glob'; import postcss from 'postcss'; import valuesParser from 'postcss-value-parser'; -import { processTokens, tokensToCss, tokensToJs, tokensToJson } from './utils'; +import { getPandaConfig, toPandaPreset } from './panda-processor'; +import { processTokens, tokensToCss, tokensToJs } from './utils'; type Token = { name: string; @@ -48,6 +49,13 @@ for (const theme of themes) { const { values, types, rawValues, descriptions, basicTokens, highlightsTokens } = processed; const { processedTokens } = processed; + await writeIfChanged( + './semcore/core/src/theme/themes/panda-preset.ts', + toPandaPreset(getPandaConfig(values, basicTokens, types, descriptions)), + ); + + execSync('pnpm lint:es --fix "./semcore/core/src/theme/themes/panda-preset.ts"'); + await writeIfChanged( `./semcore/core/src/theme/themes/${theme}.css`, tokensToCss(processedTokens), diff --git a/semcore/core/src/theme/themes/panda-preset.ts b/semcore/core/src/theme/themes/panda-preset.ts new file mode 100644 index 0000000000..84b0edf271 --- /dev/null +++ b/semcore/core/src/theme/themes/panda-preset.ts @@ -0,0 +1,2466 @@ +import { definePreset } from '@pandacss/dev'; + +export default definePreset({ + name: '@semcore/panda-preset', + theme: { + tokens: { + colors: { + gray: { + 50: { + value: '#f4f5f9', + description: 'Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision.', + }, + 100: { + value: '#e0e1e9', + description: 'Use only for light strokes and active backgrounds. Suitable for minimally visible elements.', + }, + 200: { + value: '#c4c7cf', + }, + 300: { + value: '#a9abb6', + }, + 400: { + value: '#8a8e9b', + }, + 500: { + value: '#6c6e79', + }, + 600: { + value: '#484a54', + }, + 700: { + value: '#2b2e38', + }, + 800: { + value: '#191b23', + }, + white: { + value: '#ffffff', + }, + }, + blue: { + 50: { + value: '#e9f7ff', + description: 'Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision.', + }, + 100: { + value: '#c4e5fe', + description: 'Use only for light strokes and active backgrounds. Suitable for minimally visible elements.', + }, + 200: { + value: '#8ecdff', + }, + 300: { + value: '#2bb3ff', + }, + 400: { + value: '#008ff8', + }, + 500: { + value: '#006dca', + }, + 600: { + value: '#044792', + }, + 700: { + value: '#002b5f', + }, + 800: { + value: '#001b3d', + }, + }, + green: { + 50: { + value: '#dbfee8', + description: 'Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision.', + }, + 100: { + value: '#9ef2c9', + description: 'Use only for light strokes and active backgrounds. Suitable for minimally visible elements.', + }, + 200: { + value: '#59ddaa', + }, + 300: { + value: '#00c192', + }, + 400: { + value: '#009f81', + }, + 500: { + value: '#007c65', + }, + 600: { + value: '#055345', + }, + 700: { + value: '#00342d', + }, + 800: { + value: '#00201e', + }, + }, + red: { + 50: { + value: '#fff0f7', + description: 'Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision.', + }, + 100: { + value: '#ffd7df', + description: 'Use only for light strokes and active backgrounds. Suitable for minimally visible elements.', + }, + 200: { + value: '#ffaeb5', + }, + 300: { + value: '#ff8786', + }, + 400: { + value: '#ff4953', + }, + 500: { + value: '#d1002f', + }, + 600: { + value: '#8e0016', + }, + 700: { + value: '#58000a', + }, + 800: { + value: '#410101', + }, + }, + orange: { + 50: { + value: '#fff3d9', + description: 'Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision.', + }, + 100: { + value: '#ffdca2', + description: 'Use only for light strokes and active backgrounds. Suitable for minimally visible elements.', + }, + 200: { + value: '#ffb26e', + }, + 300: { + value: '#ff8c43', + }, + 400: { + value: '#ff642d', + }, + 500: { + value: '#c33909', + }, + 600: { + value: '#8b1500', + }, + 700: { + value: '#551200', + }, + 800: { + value: '#351000', + }, + }, + yellow: { + 50: { + value: '#fdf7c8', + description: 'Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision.', + }, + 100: { + value: '#fce081', + description: 'Use only for light strokes and active backgrounds. Suitable for minimally visible elements.', + }, + 200: { + value: '#fdc23c', + }, + 300: { + value: '#ef9800', + }, + 400: { + value: '#d87900', + }, + 500: { + value: '#a75800', + }, + 600: { + value: '#743a00', + }, + 700: { + value: '#462500', + }, + 800: { + value: '#2c1600', + }, + }, + violet: { + 50: { + value: '#f9f2ff', + description: 'Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision.', + }, + 100: { + value: '#edd9ff', + description: 'Use only for light strokes and active backgrounds. Suitable for minimally visible elements.', + }, + 200: { + value: '#dcb8ff', + }, + 300: { + value: '#c695ff', + }, + 400: { + value: '#ab6cfe', + }, + 500: { + value: '#8649e1', + }, + 600: { + value: '#5925ab', + }, + 700: { + value: '#421983', + }, + 800: { + value: '#220358', + }, + dusty: { + 50: { + value: '#F5F4FF', + description: 'Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision.', + }, + 100: { + value: '#E2DDFF', + description: 'Use only for light strokes and active backgrounds. Suitable for minimally visible elements.', + }, + 200: { + value: '#BCB1E9', + }, + 300: { + value: '#A79CD6', + }, + 400: { + value: '#9083C5', + }, + 500: { + value: '#6D619F', + }, + 600: { + value: '#4D407E', + }, + 700: { + value: '#382E5E', + }, + 800: { + value: '#1D113E', + }, + }, + }, + pink: { + 50: { + value: '#fff0ff', + description: 'Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision.', + }, + 100: { + value: '#ffd3ff', + description: 'Use only for light strokes and active backgrounds. Suitable for minimally visible elements.', + }, + 200: { + value: '#ffa9fa', + }, + 300: { + value: '#f67cf2', + }, + 400: { + value: '#e14adf', + }, + 500: { + value: '#b229b9', + }, + 600: { + value: '#7d0480', + }, + 700: { + value: '#4d0050', + }, + 800: { + value: '#340439', + }, + }, + salad: { + 50: { + value: '#ecfbcd', + description: 'Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision.', + }, + 100: { + value: '#c7ee96', + description: 'Use only for light strokes and active backgrounds. Suitable for minimally visible elements.', + }, + 200: { + value: '#9bd85d', + }, + 300: { + value: '#66c030', + }, + 400: { + value: '#35a21e', + }, + 500: { + value: '#0a7e22', + }, + 600: { + value: '#005613', + }, + 700: { + value: '#003509', + }, + 800: { + value: '#002203', + }, + }, + }, + lineHeights: { + lh: { + 100: { + value: '133%', + description: 'Use with font-size-100.', + }, + 200: { + value: '142%', + description: 'Use with font-size-200.', + }, + 300: { + value: '150%', + description: 'Use with font-size-300.', + }, + 400: { + value: '120%', + description: 'Use with font-size-400.', + }, + 500: { + value: '117%', + description: 'Use with font-size-500.', + }, + 600: { + value: '125%', + description: 'Use with font-size-600.', + }, + 700: { + value: '110%', + description: 'Use with font-size-700.', + }, + 800: { + value: '117%', + description: 'Use with font-size-800.', + }, + }, + }, + fontWeights: { + semi: { + bold: { + value: '600', + description: 'Semi-bold font weight.', + }, + }, + bold: { + value: '700', + description: 'Bold font weight.', + }, + regular: { + value: '400', + description: 'Regular font weight.', + }, + medium: { + value: '500', + description: 'Medium font weight.', + }, + }, + fontSizes: { + fs: { + 50: { + value: '10px', + description: 'Use only for text in Badge component.', + }, + 100: { + value: '12px', + description: 'Use this font-size with caution for text in some additional messages. Always check its contrast and readability.', + }, + 200: { + value: '14px', + }, + 300: { + value: '16px', + }, + 400: { + value: '20px', + }, + 500: { + value: '24px', + }, + 600: { + value: '32px', + }, + 700: { + value: '36px', + }, + 800: { + value: '48px', + }, + }, + }, + letterSpacings: { + compact: { + value: '0.3', + description: 'Compact letter spacing.', + }, + }, + spacing: { + scale: { + indent: { + value: '4px', + description: 'Base denominator of the design system.', + }, + }, + spacing: { + '05x': { + value: '2px', + description: '2px', + }, + '1x': { + value: '4px', + description: '4px', + }, + '2x': { + value: '8px', + description: '8px', + }, + '3x': { + value: '12px', + description: '12px', + }, + '4x': { + value: '16px', + description: '16px', + }, + '5x': { + value: '20px', + description: '20px', + }, + '6x': { + value: '24px', + description: '24px', + }, + '8x': { + value: '32px', + description: '32px', + }, + '10x': { + value: '40px', + description: '40px', + }, + '14x': { + value: '56px', + description: '56px', + }, + '20x': { + value: '80px', + description: '80px', + }, + '24x': { + value: '96px', + description: '96px', + }, + '30x': { + value: '120px', + description: '120px', + }, + }, + }, + radii: { + rounded: { + extra: { + small: { + value: '2px', + }, + large: { + value: '24px', + }, + }, + small: { + value: '4px', + }, + medium: { + value: '6px', + }, + large: { + value: '12px', + }, + }, + }, + opacity: { + disabled: { + value: '0.3', + description: 'Use for the disabled state of all kind of the controls and elements.', + }, + }, + sizes: { + screen: { + extra: { + small: { + value: '320px', + description: 'Extra small screens (small phones).', + }, + }, + small: { + value: '768px', + description: 'Small screens (phones and small tablets).', + }, + medium: { + value: '1200px', + description: 'Medium screens (tablets and small laptops).', + }, + large: { + value: '1920px', + description: 'Large screens (tablets and laptops).', + }, + }, + }, + zIndex: { + deep: { + value: '-999', + }, + overlay: { + value: '500', + }, + modal: { + value: '900', + }, + popper: { + value: '700', + }, + dropdown: { + value: '750', + }, + tooltip: { + value: '800', + }, + notice: { + bubble: { + value: '999', + }, + }, + }, + durations: { + extra: { + slow: { + value: '500', + description: 'Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen)', + }, + fast: { + value: '100', + description: 'Should be used for simpler effects and relatively small-sized animations (such as fades or color changes)', + }, + }, + slow: { + value: '400', + description: 'Should be used for more larger scale animations (such as page transitions)', + }, + medium: { + value: '300', + description: 'Should be used for more complex effects (such as Modal)', + }, + fast: { + value: '200', + description: 'Should be used for more complex effects (such as Dropdown or Accordion)', + }, + }, + }, + semanticTokens: { + colors: { + bg: { + primary: { + neutral: { + DEFAULT: { + value: 'rgba(30, 34, 49, 1)', + description: 'Primary background of the interface which contains the main data and information.', + }, + hover: { + value: 'rgba(54, 56, 67, 1)', + description: 'Hover state of the primary background of the interface which contains the main data and information.', + }, + active: { + value: 'rgba(54, 56, 67, 1)', + description: 'Active (selected) state of the primary background of the interface which contains the main data and information.', + }, + }, + info: { + value: '#008ff8', + description: 'Accent background of the message with regular information.', + }, + success: { + value: '#009f81', + description: 'Accent background of the message or banner with information about the successful result.', + }, + critical: { + value: '#ff4953', + description: 'Accent background of a message or a banner with a critical information.', + }, + warning: { + value: '#ff642d', + description: 'Accent background of a message or a banner with a warning information.', + }, + highlight: { + value: '#fce081', + description: 'Accent background of the information you want to highlight.', + }, + advertising: { + value: '#421983', + description: 'Accent background for the advertising banners and controls.', + }, + muted: { + value: '#6c6e79', + description: 'Accented muted background for a message with regular information.', + }, + invert: { + DEFAULT: { + value: '#191b23', + description: 'Inverted version of the primary background of the interface that contains the main data and information.', + }, + hover: { + value: '#2b2e38', + description: 'Hover state for the inverted version of the primary background of the interface that contains the main data and information.', + }, + active: { + value: '#484a54', + description: 'Active (selected) state for the inverted version of the primary background of the interface that contains the main data and information.', + }, + }, + feature: { + highlight: { + DEFAULT: { + value: 'rgba(30, 34, 49, 1)', + description: 'Primary background for highlighted controls.', + }, + hover: { + active: { + value: 'linear-gradient(90deg, #f9f2ff, #e9f7ff)', + description: 'Primary background for hover and active (selected) state of highlighted controls.', + }, + }, + }, + }, + }, + secondary: { + neutral: { + DEFAULT: { + value: 'rgba(45, 48, 62, 1)', + description: 'Secondary background of the interface which contains the main data and information.', + }, + hover: { + value: '#e0e1e9', + description: 'Hover state of the secondary background of the interface which contains the main data and information.', + }, + active: { + value: '#c4c7cf', + description: 'Active (selected) state of the secondary background of the interface which contains the main data and information.', + }, + }, + info: { + DEFAULT: { + value: 'rgba(52, 68, 90, 1)', + description: 'Secondary background of a message with regular information.', + }, + hover: { + value: 'rgba(23, 55, 83, 1)', + description: 'Hover state of the secondary background of a message with regular information.', + }, + active: { + value: '#8ecdff', + description: 'Active (selected) state of the secondary background of a message with regular information.', + }, + }, + success: { + DEFAULT: { + value: '#dbfee8', + description: 'Secondary background of the message with success information you want to accent.', + }, + hover: { + value: '#9ef2c9', + description: 'Hover state of the secondary background of the message with success information you want to accent.', + }, + active: { + value: '#59ddaa', + description: 'Active (selected) state of the secondary background of the message with success information you want to accent.', + }, + }, + critical: { + DEFAULT: { + value: '#fff0f7', + description: 'Secondary background of the message with critical information you want to accent.', + }, + hover: { + value: '#ffd7df', + description: 'Hover state of the secondary background of the message with critical information you want to accent.', + }, + active: { + value: '#ffaeb5', + description: 'Active (selected) state of the secondary background of the message with critical information you want to accent.', + }, + }, + warning: { + DEFAULT: { + value: '#fff3d9', + description: 'Secondary background of the message with warning information you want to accent.', + }, + hover: { + value: '#ffdca2', + description: 'Hover state of the secondary background of the message with warning information you want to accent.', + }, + active: { + value: '#ffb26e', + description: 'Active (selected) state of the secondary background of the message with critical information you want to accent.', + }, + }, + highlight: { + DEFAULT: { + value: '#fdf7c8', + description: 'Secondary background of the information you want to highlight.', + }, + hover: { + value: '#fce081', + description: 'Hover state of the secondary background of the information you want to highlight.', + }, + active: { + value: '#fdc23c', + description: 'Active (selected) state of the secondary background of the information you want to highlight.', + }, + }, + advertising: { + DEFAULT: { + value: 'rgba(75, 49, 125, 1)', + description: 'Secondary background for the advertising message you want to accent.', + }, + hover: { + value: '#edd9ff', + description: 'Hover state of the secondary background for the advertising message you want to accent.', + }, + active: { + value: '#dcb8ff', + description: 'Active (selected) state of the secondary background for the advertising message you want to accent.', + }, + }, + feature: { + highlight: { + value: 'linear-gradient(90deg, #f9f2ff, #e9f7ff)', + description: 'Secondary background for the highlighted message.', + }, + }, + }, + highlight: { + results: { + value: 'rgba(239, 152, 0, 0.4)', + description: 'Highlighting the search results.', + }, + focus: { + value: 'rgba(0, 143, 248, 0.2)', + description: 'Focusing values in the input.', + }, + }, + }, + text: { + primary: { + DEFAULT: { + value: '#f4f5f9', + description: 'Primary text.', + }, + invert: { + value: '#ffffff', + description: 'Inverted version of the primary text.', + }, + }, + secondary: { + DEFAULT: { + value: '#a9abb6', + description: 'Secondary text.', + }, + invert: { + value: 'rgba(255, 255, 255, 0.75)', + description: 'Inverted version of the secondary text.', + }, + }, + placeholder: { + value: '#8a8e9b', + description: 'Placeholder text only.', + }, + success: { + DEFAULT: { + value: 'rgba(68, 209, 164, 1)', + description: 'Text associated with success states and data.', + }, + hover: { + active: { + value: '#055345', + description: 'Hover and active states for the text associated with success states and data.', + }, + }, + }, + critical: { + DEFAULT: { + value: 'rgba(255, 155, 148, 1)', + description: 'Text associated with critical states and data.', + }, + hover: { + active: { + value: '#8e0016', + description: 'Hover and active states for the text associated with critical states and data.', + }, + }, + }, + link: { + DEFAULT: { + value: '#8ecdff', + description: 'Link text.', + }, + hover: { + active: { + value: '#2bb3ff', + description: 'Hover and active states for the link text.', + }, + }, + invert: { + DEFAULT: { + value: '#8ecdff', + description: 'Inverted version of the link text. Use on dark background only.', + }, + hover: { + value: '#2bb3ff', + description: 'Hover and active states of the inverted version of the link text. Use on dark background only.', + }, + }, + visited: { + value: '#8649e1', + description: 'Visited link text.', + }, + }, + hint: { + DEFAULT: { + value: '#a9abb6', + description: 'Hint link text.', + }, + hover: { + active: { + value: '#e0e1e9', + description: 'Hover and active states of the hint link text.', + }, + }, + invert: { + DEFAULT: { + value: '#c4c7cf', + description: 'Inverted version of the hint link text.', + }, + hover: { + active: { + value: '#a9abb6', + description: 'Hover and active states of the inverted version of the hint link text.', + }, + }, + }, + }, + large: { + secondary: { + value: '#a9abb6', + description: 'Secondary text. Use with font-size ≥20px.', + }, + info: { + DEFAULT: { + value: '#008ff8', + description: 'Link text with font-size ≥20px.', + }, + hover: { + active: { + value: '#006dca', + description: 'Hover and active states of the link text with font-size ≥20px.', + }, + }, + }, + success: { + DEFAULT: { + value: '#009f81', + description: 'Text with font-size ≥20px associated with success states and data.', + }, + hover: { + active: { + value: '#007c65', + description: 'Hover and active states of the text with font-size ≥20px associated with success states and data.', + }, + }, + }, + critical: { + DEFAULT: { + value: '#ff4953', + description: 'Text with font-size ≥20px associated with critical states and data.', + }, + hover: { + active: { + value: '#d1002f', + description: 'Hover and active states of the text with font-size ≥20px associated with critical states and data.', + }, + }, + }, + }, + advertising: { + value: '#421983', + description: 'Advertising text.', + }, + feature: { + highlight: { + DEFAULT: { + value: 'linear-gradient(90deg, #8649e1, #006dca)', + description: 'Text for highlighted features.', + }, + hover: { + active: { + value: 'linear-gradient(90deg, #421983, #002b5f)', + description: 'Text for hover and active states of highlighted features.', + }, + }, + }, + }, + }, + border: { + primary: { + DEFAULT: { + value: '#484a54', + description: 'Neutral primary border.', + }, + invert: { + value: '#ffffff', + description: 'Inverted version of the neutral primary border. Use it for borders on the dark or color background.', + }, + }, + secondary: { + DEFAULT: { + value: '#484a54', + description: 'Subtle secondary border.', + }, + invert: { + value: 'rgba(255, 255, 255, 0.3)', + description: 'Inverted version of the neutral secondary border. Use it for borders on the dark or color background.', + }, + }, + info: { + DEFAULT: { + value: '#8ecdff', + description: 'Subtle secondary border in the informational message.', + }, + active: { + value: '#c4e5fe', + description: 'Active border in focused input filed.', + }, + }, + success: { + DEFAULT: { + value: '#59ddaa', + description: 'Subtle secondary border in the successful message and input field.', + }, + active: { + value: '#dbfee8', + description: 'Active border in the focused input field with valid state.', + }, + }, + critical: { + DEFAULT: { + value: '#ffaeb5', + description: 'Subtle secondary border in the critical message and invalid input field.', + }, + active: { + value: 'rgba(253, 182, 177, 1)', + description: 'Active border in the focused input field with invalid state, and active state of the other components with invalid state.', + }, + }, + warning: { + DEFAULT: { + value: '#ffb26e', + description: 'Subtle secondary border in the warning message.', + }, + active: { + value: '#c33909', + description: 'Active border in components with warning intention.', + }, + }, + tooltip: { + invert: { + value: '#6c6e79', + description: 'Border of the Tooltip with dark theme.', + }, + }, + table: { + accent: { + value: '#a9abb6', + description: 'Accent borders in the Table: for the accordion in the table and for the header of the secondary table.', + }, + }, + date: { + picker: { + range: { + comparison: { + value: '#8649e1', + description: 'Border color of the second period for the comparison mode in the DatePicker.', + }, + }, + }, + }, + feature: { + highlight: { + DEFAULT: { + value: 'linear-gradient(90deg, #c695ff, #2bb3ff)', + description: 'Primary border for highlighted controls.', + }, + active: { + value: 'linear-gradient(90deg, #ab6cfe, #008ff8)', + description: 'Primary border for the active state of highlighted controls.', + }, + secondary: { + value: 'linear-gradient(90deg, #dcb8ff, #8ecdff)', + description: 'Secondary border for highlighted controls.', + }, + }, + }, + }, + control: { + switch: { + bg: { + value: '#a9abb6', + description: 'Subtle background of the Switch control.', + }, + }, + primary: { + info: { + DEFAULT: { + value: '#008ff8', + description: 'Background of the regular primary control.', + }, + hover: { + value: '#006dca', + description: 'Hover state of the regular primary control.', + }, + active: { + value: '#044792', + description: 'Active (selected) state of the regular primary control.', + }, + }, + success: { + DEFAULT: { + value: '#009f81', + description: 'Background of the primary control with successful theme.', + }, + hover: { + value: '#007c65', + description: 'Hover state of the primary control with successful theme.', + }, + active: { + value: '#055345', + description: 'Active (selected) state of the primary control with successful theme.', + }, + }, + critical: { + DEFAULT: { + value: '#ff4953', + description: 'Background of the primary control with danger theme.', + }, + hover: { + value: '#d1002f', + description: 'Hover state of the primary control with danger theme.', + }, + active: { + value: '#8e0016', + description: 'Active (selected) state of the primary control with danger theme.', + }, + }, + brand: { + DEFAULT: { + value: '#ff642d', + description: 'Background of the primary brand colored control.', + }, + hover: { + value: '#c33909', + description: 'Hover state of the primary brand colored control.', + }, + active: { + value: '#c33909', + description: 'Active state of the primary brand colored control.', + }, + }, + advertising: { + DEFAULT: { + value: '#5925ab', + description: 'Background of the advertising primary control.', + }, + hover: { + value: '#421983', + description: 'Hover state of the advertising primary control.', + }, + active: { + value: '#8649e1', + description: 'Active (selected) state of the advertising primary control.', + }, + }, + invert: { + DEFAULT: { + value: 'rgba(30, 34, 49, 1)', + description: 'Inverted background of the primary control.', + }, + hover: { + value: 'rgba(43, 46, 57, 1)', + description: 'Hover state of the inverted primary control.', + }, + active: { + value: 'rgba(43, 46, 57, 1)', + description: 'Active (selected) state of the inverted primary control.', + }, + }, + feature: { + highlight: { + DEFAULT: { + value: 'linear-gradient(90deg, #ab6cfe, #008ff8)', + description: 'Background of the highlighted primary control.', + }, + hover: { + value: 'linear-gradient(90deg, #8649e1, #006dca)', + description: 'Hover state of the highlighted primary control.', + }, + active: { + value: 'linear-gradient(90deg, #5925ab, #044792)', + description: 'Active (selected) state of the highlighted primary control.', + }, + }, + }, + }, + secondary: { + neutral: { + DEFAULT: { + value: 'rgba(138, 142, 155, 0.1)', + description: 'Background of the regular secondary control.', + }, + hover: { + value: 'rgba(138, 142, 155, 0.2)', + description: 'Hover state of the regular secondary control.', + }, + active: { + value: 'rgba(138, 142, 155, 0.3)', + description: 'Active (selected) state of the regular secondary control.', + }, + }, + info: { + DEFAULT: { + value: 'rgba(0, 143, 248, 0.1)', + description: 'Background of the accent secondary control.', + }, + hover: { + value: 'rgba(0, 143, 248, 0.2)', + description: 'Hover state of the accent secondary control.', + }, + active: { + value: 'rgba(0, 143, 248, 0.3)', + description: 'Active (selected) state of the accent secondary control.', + }, + }, + invert: { + DEFAULT: { + value: 'rgba(255, 255, 255, 0.05)', + description: 'Background of the inverted version of the secondary control.', + }, + hover: { + value: 'rgba(255, 255, 255, 0.1)', + description: 'Hover state of the inverted version of the secondary control.', + }, + active: { + value: 'rgba(255, 255, 255, 0.3)', + description: 'Active (selected) state of the inverted version of the secondary control.', + }, + }, + feature: { + highlight: { + DEFAULT: { + value: 'linear-gradient(90deg, #f9f2ff, #e9f7ff)', + description: 'Background of the highlighted secondary control.', + }, + hover: { + value: 'linear-gradient(90deg, #f2e4ff, #d6edfe)', + description: 'Hover state of the highlighted secondary control.', + }, + active: { + value: 'linear-gradient(90deg, #edd9ff, #c4e5fe)', + description: 'Active (selected) state of the highlighted secondary control.', + }, + }, + }, + }, + tertiary: { + neutral: { + DEFAULT: { + value: 'rgba(138, 142, 155, 0)', + description: 'Background of the regular tertiary control.', + }, + hover: { + value: 'rgba(138, 142, 155, 0.2)', + description: 'Hover state of the regular tertiary control.', + }, + active: { + value: 'rgba(138, 142, 155, 0.3)', + description: 'Active (selected) state of the regular tertiary control.', + }, + }, + info: { + DEFAULT: { + value: 'rgba(0, 143, 248, 0)', + description: 'Background of the accent and link-lookalike tertiary control.', + }, + hover: { + value: 'rgba(0, 143, 248, 0.2)', + description: 'Hover state of the accent and link-lookalike tertiary control.', + }, + active: { + value: 'rgba(0, 143, 248, 0.3)', + description: 'Active (selected) state of the accent and link-lookalike tertiary control.', + }, + }, + invert: { + DEFAULT: { + value: 'rgba(255, 255, 255, 0)', + description: 'Background of the inverted version of the tertiary control.', + }, + hover: { + value: 'rgba(255, 255, 255, 0.1)', + description: 'Hover state of the inverted version of the tertiary control.', + }, + active: { + value: 'rgba(255, 255, 255, 0.3)', + description: 'Active (selected) state of the inverted version of the tertiary control.', + }, + }, + }, + }, + icon: { + primary: { + neutral: { + DEFAULT: { + value: '#a9abb6', + description: 'Primary neutral icon.', + }, + hover: { + active: { + value: '#c4c7cf', + description: 'Hover and active (selected) states of the primary neutral icon.', + }, + }, + }, + info: { + DEFAULT: { + value: '#006dca', + description: 'Primary link-lookalike icon.', + }, + hover: { + active: { + value: '#044792', + description: 'Hover and active (selected) states of the primary link-lookalike icon.', + }, + }, + }, + success: { + DEFAULT: { + value: '#009f81', + description: 'Primary success icon.', + }, + hover: { + active: { + value: '#007c65', + description: 'Hover and active (selected) states of the primary successful icon.', + }, + }, + }, + critical: { + DEFAULT: { + value: '#ff4953', + description: 'Primary critical icon.', + }, + hover: { + active: { + value: '#d1002f', + description: 'Hover and active (selected) states of the primary critical icon.', + }, + }, + }, + warning: { + DEFAULT: { + value: '#ff642d', + description: 'Primary warning icon.', + }, + hover: { + active: { + value: '#c33909', + description: 'Hover and active (selected) states of the primary warning icon.', + }, + }, + }, + invert: { + DEFAULT: { + value: '#ffffff', + description: 'Inverted version of the primary icon.', + }, + hover: { + active: { + value: '#e0e1e9', + description: 'Hover and active (selected) states of the inverted version of the primary icon.', + }, + }, + }, + feature: { + highlight: { + DEFAULT: { + value: '#8649e1', + description: 'Primary highlighted icon.', + }, + hover: { + active: { + value: '#6B3AB4', + description: 'Violet background color for the hover and active states of the primary highlighted icon. It’s created using a CSS filter with a brightness(0.8), applied to the violet-500 color.', + }, + }, + }, + }, + }, + secondary: { + neutral: { + DEFAULT: { + value: '#c4c7cf', + description: 'Secondary neutral icon.', + }, + hover: { + active: { + value: '#e0e1e9', + description: 'Hover and active (selected) states of the secondary neutral icon.', + }, + }, + }, + info: { + DEFAULT: { + value: '#2bb3ff', + description: 'Secondary link-lookalike icon.', + }, + hover: { + active: { + value: '#008ff8', + description: 'Hover and active (selected) states of the secondary link-lookalike icon.', + }, + }, + }, + success: { + DEFAULT: { + value: '#00c192', + description: 'Secondary success icon.', + }, + hover: { + active: { + value: '#009f81', + description: 'Hover and active (selected) states of the secondary successful icon.', + }, + }, + }, + critical: { + DEFAULT: { + value: '#ff8786', + description: 'Secondary critical icon.', + }, + hover: { + active: { + value: '#ff4953', + description: 'Hover and active (selected) states of the secondary critical icon.', + }, + }, + }, + warning: { + DEFAULT: { + value: '#ff8c43', + description: 'Secondary warning icon.', + }, + hover: { + active: { + value: '#ff642d', + description: 'Hover and active (selected) states of the secondary warning icon.', + }, + }, + }, + }, + non: { + interactive: { + value: '#f4f5f9', + description: 'Color for the default non-interactive icon.', + }, + }, + }, + illustration: { + red: { + value: '#FF788F', + description: '⚠️ Use only for illustrations.', + }, + orange: { + value: '#FFB26E', + description: '⚠️ Use only for illustrations.', + }, + yellow: { + value: '#FFE84D', + description: '⚠️ Use only for illustrations.', + }, + salad: { + value: '#C7FA73', + description: '⚠️ Use only for illustrations.', + }, + green: { + value: '#45E0A8', + description: '⚠️ Use only for illustrations.', + }, + blue: { + value: '#6EDBFF', + description: '⚠️ Use only for illustrations.', + }, + violet: { + value: '#B880FF', + description: '⚠️ Use only for illustrations.', + }, + pink: { + value: '#FF7AD1', + description: '⚠️ Use only for illustrations.', + }, + }, + date: { + picker: { + cell: { + DEFAULT: { + value: 'rgba(30, 34, 49, 1)', + description: 'Default date-picker cell background.', + }, + current: { + DEFAULT: { + value: '#2b2e38', + description: 'Color for marking the cell with the current date, month or year in the date-picker.', + }, + invert: { + value: 'rgba(255, 255, 255, 0.5)', + description: 'Color for marking the active cell with the current date, month or year in the date-picker.', + }, + }, + hover: { + value: '#484a54', + description: 'Hover state of the default date-picker cell background.', + }, + range: { + DEFAULT: { + value: '#002b5f', + description: 'Background for the cell which is included in the date range in the date-picker.', + }, + hover: { + value: '#044792', + description: 'Hover state of the background for the cell which is included in the date range in the date-picker.', + }, + }, + active: { + DEFAULT: { + value: '#2bb3ff', + description: 'Active (selected) date-picker cell background.', + }, + hover: { + value: '#008ff8', + description: 'Hover for the active (selected) date-picker cell background.', + }, + }, + comparison: { + active: { + DEFAULT: { + value: '#8649e1', + description: 'Active (selected) date-picker cell background for comparison periods.', + }, + hover: { + value: '#5925ab', + description: 'Hover for the active (selected) date-picker cell background for comparison periods.', + }, + }, + }, + }, + }, + }, + dropdown: { + menu: { + item: { + DEFAULT: { + value: 'rgba(54, 56, 67, 1)', + description: 'Default background color for the list item in the dropdown-menu.', + }, + hover: { + value: 'rgba(79, 82, 93, 1)', + description: 'Hover state of the default background color for the list item in the dropdown-menu.', + }, + selected: { + DEFAULT: { + value: 'rgba(66, 103, 123, 1)', + description: 'Active (selected) state of the default background color for the list item in the dropdown-menu.', + }, + hover: { + value: 'rgba(75, 117, 139, 1)', + description: 'Hover state for the selected state of the default background color for the list item in the dropdown-menu.', + }, + }, + }, + }, + }, + feature: { + popover: { + bg: { + DEFAULT: { + value: '#fce081', + description: 'Color of the FeaturePopover background with accent theme.', + }, + neutral: { + value: '#1D113E', + description: 'Color of the FeaturePopover background with neutral theme.', + }, + }, + dot: { + outer: { + border: { + value: '#fce081', + description: 'Color of the outer border of the FeaturePopover.Spot for FeaturePopover with accent theme.', + }, + }, + neutral: { + DEFAULT: { + value: '#00c192', + description: 'Color of the FeaturePopover.Spot for FeaturePopover with neutral theme.', + }, + outer: { + border: { + value: '#00c192', + description: 'Color of the outer border of the FeaturePopover.Spot for FeaturePopover with neutral theme.', + }, + }, + }, + }, + }, + }, + progress: { + bar: { + DEFAULT: { + bg: { + DEFAULT: { + value: '#484a54', + description: 'Background color of the ProgressBar.', + }, + hover: { + value: '#c4c7cf', + description: 'Hover state of the background color of the ProgressBar.', + }, + invert: { + DEFAULT: { + value: 'rgba(255, 255, 255, 0.2)', + description: 'Inverted version of the background color of the ProgressBar.', + }, + hover: { + value: 'rgba(255, 255, 255, 0.4)', + description: 'Hover state for the inverted version of the background color of the ProgressBar.', + }, + }, + }, + value: { + gradient: { + value: 'linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%)', + description: 'Value with gradient for the ProgressBar.', + }, + }, + }, + pattern: { + gradient: { + value: 'linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%)', + description: 'Null value gradient for the ProgressBar.', + }, + }, + value: { + bg: { + value: '#000000', + description: 'Base value background for the ProgressBar. It is used to create gradients for the values.', + }, + }, + }, + }, + skeleton: { + bg: { + DEFAULT: { + value: '#484a54', + description: 'Default color for the Skeleton.', + }, + invert: { + value: 'rgba(255, 255, 255, 0.3)', + description: 'Inverted version of the default color for the Skeleton.', + }, + }, + }, + table: { + th: { + primary: { + cell: { + DEFAULT: { + value: 'rgba(62, 64, 75, 1)', + description: 'Background of the header cell in the primary Table.', + }, + hover: { + value: 'rgba(83, 85, 97, 1)', + description: 'Background of the hovered header cell in the primary Table.', + }, + active: { + value: 'rgba(108, 110, 121, 1)', + description: 'Background of the active header cell in the primary Table.', + }, + }, + }, + secondary: { + cell: { + value: 'rgba(62, 64, 75, 1)', + description: 'Background of the header cell in the secondary Table.', + }, + }, + gradient: { + value: 'linear-gradient(to right, rgba(224, 225, 233, 0) 0%, rgba(224, 225, 233, 1) 100%)', + description: 'Background gradient for sorting icon that absolute positioned in the table head.', + }, + }, + td: { + cell: { + DEFAULT: { + value: '#191b23', + description: 'Background of the default cell in the Table.', + }, + hover: { + value: '#2b2e38', + description: 'Background of the default hovered cell in the Table.', + }, + active: { + value: '#2b2e38', + description: 'Background of the default active cell in the Table.', + }, + unread: { + value: '#f4f5f9', + description: 'Background of the unread cell in the Table.', + }, + accordion: { + value: 'rgba(54, 56, 67, 1)', + description: 'Background of the cell inside an Accordion in the Table.', + }, + selected: { + DEFAULT: { + value: 'rgba(43, 54, 69, 1)', + description: 'Background of the selected cell in the Table.', + }, + hover: { + value: '#c4e5fe', + description: 'Background of the hovered selected cell in the Table.', + }, + active: { + value: '#c4e5fe', + description: 'Background of the active selected cell in the Table.', + }, + }, + new: { + DEFAULT: { + value: '#dbfee8', + description: 'Background of the cell with new information in the Table.', + }, + hover: { + value: '#9ef2c9', + description: 'Background of the hovered cell with new information in the Table.', + }, + active: { + value: '#9ef2c9', + description: 'Background of the active cell with new information in the Table.', + }, + }, + critical: { + DEFAULT: { + value: '#fff0f7', + description: 'Background of the cell with critical information in the Table.', + }, + hover: { + value: '#ffd7df', + description: 'Background of the hovered cell with critical information in the Table.', + }, + active: { + value: '#ffd7df', + description: 'Background of the active cell with critical information in the Table.', + }, + }, + warning: { + DEFAULT: { + value: '#fff3d9', + description: 'Background of the cell with warning information in the Table.', + }, + hover: { + value: '#ffdca2', + description: 'Background of the hovered cell with warning information in the Table.', + }, + active: { + value: '#ffdca2', + description: 'Background of the active cell with warning information in the Table.', + }, + }, + }, + }, + }, + brand: { + primary: { + value: '#dcb8ff', + description: 'Primary brand color.', + }, + secondary: { + value: '#421983', + description: 'Secondary brand color.', + }, + pinterest: { + value: '#bd081c', + description: 'Pinterest brand color.', + }, + instagram: { + value: '#e4405f', + description: 'Instagram brand color.', + }, + youtube: { + value: '#ff0000', + description: 'Youtube brand color.', + }, + facebook: { + value: '#1877F2', + description: 'Facebook brand color.', + }, + linkedIn: { + value: '#0A66C2', + description: 'LinkedIn brand color.', + }, + twitter: { + value: '#1D9BF0', + description: 'Twitter brand color.', + }, + google: { + blue: { + value: '#1a0dab', + description: 'Google brand color for the link.', + }, + green: { + value: '#016723', + description: 'Google green brand color for the link.', + }, + my: { + business: { + value: '#1a73e8', + description: 'Google My Business brand color.', + }, + }, + }, + }, + keyboard: { + focus: { + outline: { + value: '#008ff8', + description: 'Color for default keyboard focus outline styles.', + }, + invalid: { + outline: { + value: '#ff4953', + description: 'Color for keyboard focus outline styles for elements with invalid state.', + }, + }, + valid: { + outline: { + value: '#009f81', + description: 'Color for keyboard focus outline styles for elements with valid state.', + }, + }, + invert: { + outline: { + value: 'rgba(255, 255, 255, 0.8)', + description: 'Color for keyboard focus outline styles to use on the dark and color background.', + }, + }, + feature: { + highlight: { + outline: { + value: 'linear-gradient(90deg, #ab6cfe, #008ff8)', + description: 'Color for keyboard focus outline styles for highlighted controls.', + }, + }, + }, + }, + }, + overlay: { + primary: { + value: 'rgba(25, 27, 35, 0.7)', + description: 'Use for cover the content under the modal dialogs.', + }, + secondary: { + value: 'rgba(25, 27, 35, 0.4)', + description: 'Use for the secondary modal dialogs that were opened upon the other modal dialogs.', + }, + limitation: { + primary: { + value: '#f4f5f9', + description: 'Use as a primary cover of the content under the messages about limitations.', + }, + secondary: { + value: 'rgba(255, 255, 255, 0.85)', + description: 'Use as a secondary cover of the content under the messages about limitations.', + }, + }, + }, + tooltip: { + default: { + value: '#484a54', + description: 'Default Tooltip background.', + }, + warning: { + value: 'rgba(160, 13, 42, 1)', + description: 'Warning Tooltip background.', + }, + invert: { + value: '#191b23', + description: 'Inverted version of the default Tooltip background.', + }, + }, + neighbor: { + location: { + neutral: { + value: 'rgba(255, 255, 255, 0.5)', + description: 'Neutral border of the components that are combined with neighbor-location property.', + }, + invert: { + value: 'rgba(0, 0, 0, 0.5)', + description: 'Inverted border of the components that are combined with neighbor-location property.', + }, + }, + }, + scroll: { + area: { + shadow: { + left: { + value: 'linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%)', + description: 'Left-to-right fade shadow for the ScrollArea.', + }, + right: { + value: 'linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%)', + description: 'Right-to-left fade shadow for the ScrollArea.', + }, + top: { + value: 'linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%)', + description: 'Top-to-bottom fade shadow for the ScrollArea.', + }, + bottom: { + value: 'linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%)', + description: 'Bottom-to-top fade shadow for the ScrollArea.', + }, + }, + dropdown: { + menu: { + left: { + value: 'linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)', + description: 'Left-to-right fade shadow for the ScrollArea inside the DropdownMenu.', + }, + right: { + value: 'linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)', + description: 'Right-to-left fade shadow for the ScrollArea inside the DropdownMenu.', + }, + bottom: { + value: 'linear-gradient(to top, rgba(43, 46, 56, 1) 34.38%, rgba(54, 56, 67, 0) 100%)', + description: 'Bottom-to-top fade shadow for the ScrollArea inside the DropdownMenu.', + }, + top: { + value: 'linear-gradient(to bottom, rgba(43, 46, 56, 1) 34.38%, rgba(54, 56, 67, 0) 100%)', + description: 'Top-to-bottom fade shadow for the ScrollArea inside the DropdownMenu.', + }, + }, + }, + }, + bar: { + background: { + value: 'rgba(25, 27, 35, 0.3)', + description: 'Background color for ScrollBar.', + }, + }, + }, + tag: { + primary: { + gray: { + normal: { + value: 'rgba(69, 70, 81, 1)', + description: 'Gray background color for the primary tag.', + }, + hover: { + active: { + value: '#e0e1e9', + description: 'Gray background color for the hover and active states of the primary tag.', + }, + }, + text: { + value: '#f4f5f9', + description: 'Gray text for the primary gray tag.', + }, + }, + blue: { + normal: { + value: 'rgba(7, 77, 141, 1)', + description: 'Blue background color for primary tag.', + }, + hover: { + active: { + value: '#c4e5fe', + description: 'Blue background color for the hover and active states of the primary tag.', + }, + }, + text: { + value: '#e9f7ff', + description: 'Blue text for the primary blue tag.', + }, + }, + green: { + normal: { + value: 'rgba(9, 99, 82, 1)', + description: 'Green background color for the primary tag.', + }, + hover: { + active: { + value: '#9ef2c9', + description: 'Green background color for the hover and active states of the primary tag.', + }, + }, + text: { + value: '#dbfee8', + description: 'Green text for the primary green tag.', + }, + }, + orange: { + normal: { + value: 'rgba(156, 49, 11, 1)', + description: 'Orange background color for the primary tag.', + }, + hover: { + active: { + value: '#ffdca2', + description: 'Orange background color for the hover and active states of the primary tag.', + }, + }, + text: { + value: '#fff3d9', + description: 'Orange text for the primary orange tag.', + }, + }, + red: { + normal: { + value: 'rgba(160, 13, 42, 1)', + description: 'Red background color for the primary tag.', + }, + hover: { + active: { + value: '#ffd7df', + description: 'Red background color for the hover and active states of the primary tag.', + }, + }, + text: { + value: '#fff0f7', + description: 'Red text for the primary red tag.', + }, + }, + violet: { + normal: { + value: 'rgba(95, 62, 157, 1)', + description: 'Violet background color for the primary tag.', + }, + hover: { + active: { + value: '#edd9ff', + description: 'Violet background color for the hover and active states of the primary tag.', + }, + }, + text: { + value: 'rgba(244, 245, 249, 1)', + description: 'Violet text for the primary violet tag.', + }, + }, + yellow: { + normal: { + value: 'rgba(252, 224, 129, 0.5)', + description: 'Yellow background color for the primary tag.', + }, + hover: { + active: { + value: '#fce081', + description: 'Yellow background color for the hover and active states of the primary tag.', + }, + }, + text: { + value: '#a75800', + description: 'Yellow text for the primary yellow tag.', + }, + }, + white: { + normal: { + value: 'rgba(255, 255, 255, 0.15)', + description: 'Primary white tag.', + }, + hover: { + active: { + value: 'rgba(255, 255, 255, 0.3)', + description: 'Hover and active (selected) state of the primary white tag.', + }, + }, + text: { + value: '#ffffff', + description: 'White text for the primary white tag.', + }, + }, + }, + secondary: { + normal: { + value: '#ffffff', + description: 'Background color for the default secondary tag.', + }, + hover: { + active: { + value: '#f4f5f9', + description: 'Hover and active (selected) states of the background color for the default secondary tag.', + }, + }, + white: { + normal: { + value: 'rgba(255, 255, 255, 0)', + description: 'White secondary tag.', + }, + hover: { + active: { + value: 'rgba(255, 255, 255, 0.1)', + description: 'Active state of the secondary white tag.', + }, + }, + text: { + value: '#ffffff', + description: 'White text for the secondary white tag.', + }, + }, + gray: { + text: { + value: '#6c6e79', + description: 'Gray text for the default secondary tag.', + }, + }, + }, + }, + chart: { + palette: { + order: { + 1: { + value: '#2bb3ff', + description: '1 color in the default list of colors for charts.', + }, + 2: { + value: '#59ddaa', + description: '2 color in the default list of colors for charts.', + }, + 3: { + value: '#ff642d', + description: '3 color in the default list of colors for charts.', + }, + 4: { + value: '#f67cf2', + description: '4 color in the default list of colors for charts.', + }, + 5: { + value: '#fdc23c', + description: '5 color in the default list of colors for charts.', + }, + 6: { + value: '#ab6cfe', + description: '6 color in the default list of colors for charts.', + }, + 7: { + value: '#ff8786', + description: '7 color in the default list of colors for charts.', + }, + 8: { + value: '#9bd85d', + description: '8 color in the default list of colors for charts.', + }, + 9: { + value: '#008ff8', + description: '9 color in the default list of colors for charts.', + }, + 10: { + value: '#00c192', + description: '10 color in the default list of colors for charts.', + }, + 11: { + value: '#ffb26e', + description: '11 color in the default list of colors for charts.', + }, + 12: { + value: '#e14adf', + description: '12 color in the default list of colors for charts.', + }, + 13: { + value: '#ef9800', + description: '13 color in the default list of colors for charts.', + }, + 14: { + value: '#dcb8ff', + description: '14 color in the default list of colors for charts.', + }, + 15: { + value: '#ff4953', + description: '15 color in the default list of colors for charts.', + }, + 16: { + value: '#66c030', + description: '16 color in the default list of colors for charts.', + }, + 17: { + value: '#8ecdff', + description: '17 color in the default list of colors for charts.', + }, + 18: { + value: '#009f81', + description: '18 color in the default list of colors for charts.', + }, + 19: { + value: '#ff8c43', + description: '19 color in the default list of colors for charts.', + }, + 20: { + value: '#ffa9fa', + description: '20 color in the default list of colors for charts.', + }, + 21: { + value: '#d87900', + description: '21 color in the default list of colors for charts.', + }, + 22: { + value: '#c695ff', + description: '22 color in the default list of colors for charts.', + }, + 23: { + value: '#ffaeb5', + description: '23 color in the default list of colors for charts.', + }, + 24: { + value: '#35a21e', + description: '24 color in the default list of colors for charts.', + }, + total: { + amount: { + value: '#8a8e9b', + description: 'Use it to show total value.', + }, + }, + other: { + data: { + value: '#c4c7cf', + description: 'Use it to indicate voids, missing or some other data.', + }, + }, + null: { + value: '#e0e1e9', + description: 'Use it to show null value.', + }, + }, + }, + grid: { + line: { + value: '#e0e1e9', + description: 'Default chart grid line.', + }, + x: { + axis: { + value: '#c4c7cf', + description: 'X-axis line on the chart grid.', + }, + }, + y: { + accent: { + hover: { + line: { + value: '#a9abb6', + description: 'Accent line for the hover state on the chart grid.', + }, + }, + }, + }, + text: { + label: { + value: '#6c6e79', + description: 'Text label on the chart grid.', + }, + }, + bar: { + chart: { + hover: { + value: 'rgba(196, 199, 207, 0.3)', + description: 'Background color for the hover state of a bar on the chart grid.', + }, + base: { + bg: { + value: '#e0e1e9', + description: 'Default background color of a bar in the BarChart.', + }, + }, + }, + }, + period: { + bg: { + value: 'rgba(196, 199, 207, 0.2)', + description: 'Use for highlighting a period on the chart grid.', + }, + pattern: { + value: 'rgba(25, 27, 35, 0.15)', + description: 'Stripe color for diagonal pattern background.', + }, + }, + border: { + value: '#191b23', + description: 'Border for distinguishing data sets and chart dots on the chart grid.', + }, + }, + x: { + axis: { + accent: { + period: { + active: { + value: '#8a8e9b', + description: 'Background color for the clickable date on the X-axis of the chart grid.', + }, + }, + data: { + start: { + tracking: { + value: 'rgba(0, 159, 129, 0.2)', + description: 'Background color for the "Start tracking" date on the X-axis of the chart grid.', + }, + }, + }, + }, + }, + }, + }, + header: { + bg: { + value: '#382E5E', + }, + border: { + primary: { + value: '#382E5E', + }, + secondary: { + value: 'rgba(255,255,255, 0.15)', + }, + }, + }, + sidebar: { + nav: { + control: { + hover: { + value: 'rgba(224, 225, 233, 0.7)', + }, + active: { + value: '#E2DDFF', + }, + text: { + normal: { + value: '#6D619F', + }, + active: { + value: '#4D407E', + }, + }, + icon: { + normal: { + value: '#9083C5', + }, + active: { + value: '#4D407E', + }, + }, + }, + }, + }, + }, + shadows: { + box: { + shadow: { + card: { + DEFAULT: { + value: '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)', + description: 'Default shadow of the Card.', + }, + hover: { + value: '3px 3px 30px 0px rgba(25, 27, 35, 0.15)', + description: 'Hover state for the shadow of the Card with hover state.', + }, + }, + dnd: { + value: '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16)', + description: 'Shadow for show that element are being drag-and-drop.', + }, + modal: { + value: '0px 3px 8px 0px rgba(25, 27, 35, 0.2)', + description: 'Default shadow if the Modal window.', + }, + popper: { + value: '0px 1px 15px 0px rgba(25, 27, 35, 0.6)', + description: 'Default shadow of all Poppers, Dropdowns and Tooltips.', + }, + float: { + control: { + DEFAULT: {}, + hover: {}, + }, + }, + }, + }, + keyboard: { + focus: { + invalid: { + value: '0px 0px 0px 3px rgba(255, 73, 83, 0.5)', + description: 'Keyboard focus styles for elements with invalid state.', + }, + valid: { + value: '0px 0px 0px 3px rgba(0, 159, 129, 0.5)', + description: 'Keyboard focus styles for elements with valid state.', + }, + invert: { + value: '0px 0px 0px 3px rgba(255, 255, 255, 0.8)', + description: 'Keyboard focus styles for use on dark backgrounds.', + }, + DEFAULT: { + value: '0px 0px 0px 3px rgba(0, 143, 248, 0.5)', + description: 'Default keyboard focus box-shadow styles.', + }, + }, + }, + }, + sizes: { + form: { + control: { + s: { + value: '20px', + description: 'Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions.', + }, + m: { + value: '28px', + description: 'Default size of the controls.', + }, + l: { + value: '40px', + description: 'Large size of the controls.', + }, + }, + }, + }, + radii: { + addon: { + rounded: { + value: '4px', + description: 'Use for rounding addons and small controls like Checkbox.', + }, + }, + badge: { + rounded: { + value: '6px', + description: 'Use for rounding Badge.', + }, + }, + chart: { + rounded: { + value: '2px', + description: 'Use for rounding big and small charts like bar, histogram and others.', + }, + }, + counter: { + rounded: { + value: '12px', + description: 'Use for rounding Counter.', + }, + }, + tag: { + rounded: { + value: '24px', + description: 'Use for rounding Tag.', + }, + }, + switch: { + rounded: { + value: '24px', + description: 'Use for rounding Switch.', + }, + }, + control: { + rounded: { + value: '6px', + description: 'Use for rounding all form controls: Button, FilterTrigger, Input, Textarea, Pills, etc.', + }, + }, + progress: { + bar: { + rounded: { + value: '6px', + description: 'Use for rounding bars: ProgressBar, SliderBar, etc.', + }, + }, + }, + surface: { + rounded: { + value: '6px', + description: 'Use for rounding surfaces like Card, blocks, widgets, Notice, etc.', + }, + }, + popper: { + rounded: { + value: '6px', + description: 'Use for rounding all kinds of poppers and dropdowns.', + }, + }, + modal: { + rounded: { + value: '12px', + description: 'Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard).', + }, + }, + }, + durations: { + switch: { + value: '100', + description: 'Use for small controls like Switch or Slider.', + }, + popper: { + value: '200', + description: 'Use for components based on popper like Tooltip, Dropdown or Filter trigger.', + }, + control: { + value: '200', + description: 'Use for small controls like Checkbox or Radio.', + }, + modal: { + value: '200', + description: 'Use for Modal, Fullscreen Modal, Side panel or other kind of windows.', + }, + accordion: { + value: '200', + description: 'Use for Accordion.', + }, + counter: { + value: '200', + description: 'Use for Summary or Counter.', + }, + }, + }, + }, +}); diff --git a/semcore/core/vite.config.ts b/semcore/core/vite.config.ts index 7a364f5b71..620be34401 100644 --- a/semcore/core/vite.config.ts +++ b/semcore/core/vite.config.ts @@ -22,6 +22,8 @@ export default mergeConfig( 'classnames', 'hoist-non-react-statics', '@phytonmk/nano-css', + + '@pandacss/dev', ], output: [ { From e488c3d78306ab1baa8ff5777ccbd624bf8ce2c1 Mon Sep 17 00:00:00 2001 From: Slizhevsky Vladislav Date: Tue, 17 Mar 2026 13:07:18 +0100 Subject: [PATCH 03/16] [UIK-4939][core] added panda-preset codegeneration/panda-preset --- semcore/core/src/theme/panda-processor.ts | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/semcore/core/src/theme/panda-processor.ts b/semcore/core/src/theme/panda-processor.ts index e18e38e28c..e5b582de84 100644 --- a/semcore/core/src/theme/panda-processor.ts +++ b/semcore/core/src/theme/panda-processor.ts @@ -37,7 +37,7 @@ const setToken = ( to: Record, description?: string, ): TokenType => { - const [part, ...parts] = [...from]; + const [part, ...parts] = from; if (parts.length === 0) { if (to[part] && typeof to[part] === 'object') { @@ -71,11 +71,11 @@ const getKeyParts = (key: string) => { return [parts[0]]; } - if (key.startsWith('duration')) { + if (ifDuration(key)) { return parts.filter((p) => !p.startsWith('duration')); } - if (key.startsWith('z-index')) { + if (ifZIndex(key)) { return parts.filter((p) => !p.startsWith('z') && !p.startsWith('index')); } @@ -130,7 +130,7 @@ export const getPandaConfig = ( export const toPandaPreset = (config: PandaConfig) => { const preset = ` - import { definePreset } from '@pandacss/dev' + import { definePreset } from '@pandacss/dev'; export default definePreset({ name: '@semcore/panda-preset', @@ -138,7 +138,7 @@ export const toPandaPreset = (config: PandaConfig) => { tokens: ${JSON.stringify(config.tokens, undefined, 4)}, semanticTokens: ${JSON.stringify(config.semanticTokens, undefined, 4)} }, - }) + }); `; return preset; From deb493170489b0129f34fc15d12fa8ea60ba011a Mon Sep 17 00:00:00 2001 From: Slizhevsky Vladislav Date: Tue, 17 Mar 2026 13:27:38 +0100 Subject: [PATCH 04/16] [UIK-4939][core] added panda-preset codegeneration/panda-preset --- semcore/core/src/theme/processor.ts | 2 -- 1 file changed, 2 deletions(-) diff --git a/semcore/core/src/theme/processor.ts b/semcore/core/src/theme/processor.ts index 2104e7f5a0..bdf3437c95 100644 --- a/semcore/core/src/theme/processor.ts +++ b/semcore/core/src/theme/processor.ts @@ -54,8 +54,6 @@ for (const theme of themes) { toPandaPreset(getPandaConfig(values, basicTokens, types, descriptions)), ); - execSync('pnpm lint:es --fix "./semcore/core/src/theme/themes/panda-preset.ts"'); - await writeIfChanged( `./semcore/core/src/theme/themes/${theme}.css`, tokensToCss(processedTokens), From fa4a18f0356bca2b574b97caaee0c2b670879549 Mon Sep 17 00:00:00 2001 From: Slizhevsky Vladislav Date: Tue, 17 Mar 2026 13:32:26 +0100 Subject: [PATCH 05/16] [UIK-4939][core] added panda-preset codegeneration/panda-preset --- .gitignore | 3 + semcore/core/src/theme/themes/panda-preset.ts | 2466 ----------------- 2 files changed, 3 insertions(+), 2466 deletions(-) delete mode 100644 semcore/core/src/theme/themes/panda-preset.ts diff --git a/.gitignore b/.gitignore index e2d436582e..2f0dfec0d5 100644 --- a/.gitignore +++ b/.gitignore @@ -59,6 +59,9 @@ semcore/illustration/**/*.d.ts !semcore/illustration/src/**/*.js !semcore/illustration/src/**/*.d.ts +# Panda-preset +semcore/core/theme/themes/panda-preset.ts + # Fix !semcore/icon/Stoller/** diff --git a/semcore/core/src/theme/themes/panda-preset.ts b/semcore/core/src/theme/themes/panda-preset.ts deleted file mode 100644 index 84b0edf271..0000000000 --- a/semcore/core/src/theme/themes/panda-preset.ts +++ /dev/null @@ -1,2466 +0,0 @@ -import { definePreset } from '@pandacss/dev'; - -export default definePreset({ - name: '@semcore/panda-preset', - theme: { - tokens: { - colors: { - gray: { - 50: { - value: '#f4f5f9', - description: 'Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision.', - }, - 100: { - value: '#e0e1e9', - description: 'Use only for light strokes and active backgrounds. Suitable for minimally visible elements.', - }, - 200: { - value: '#c4c7cf', - }, - 300: { - value: '#a9abb6', - }, - 400: { - value: '#8a8e9b', - }, - 500: { - value: '#6c6e79', - }, - 600: { - value: '#484a54', - }, - 700: { - value: '#2b2e38', - }, - 800: { - value: '#191b23', - }, - white: { - value: '#ffffff', - }, - }, - blue: { - 50: { - value: '#e9f7ff', - description: 'Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision.', - }, - 100: { - value: '#c4e5fe', - description: 'Use only for light strokes and active backgrounds. Suitable for minimally visible elements.', - }, - 200: { - value: '#8ecdff', - }, - 300: { - value: '#2bb3ff', - }, - 400: { - value: '#008ff8', - }, - 500: { - value: '#006dca', - }, - 600: { - value: '#044792', - }, - 700: { - value: '#002b5f', - }, - 800: { - value: '#001b3d', - }, - }, - green: { - 50: { - value: '#dbfee8', - description: 'Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision.', - }, - 100: { - value: '#9ef2c9', - description: 'Use only for light strokes and active backgrounds. Suitable for minimally visible elements.', - }, - 200: { - value: '#59ddaa', - }, - 300: { - value: '#00c192', - }, - 400: { - value: '#009f81', - }, - 500: { - value: '#007c65', - }, - 600: { - value: '#055345', - }, - 700: { - value: '#00342d', - }, - 800: { - value: '#00201e', - }, - }, - red: { - 50: { - value: '#fff0f7', - description: 'Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision.', - }, - 100: { - value: '#ffd7df', - description: 'Use only for light strokes and active backgrounds. Suitable for minimally visible elements.', - }, - 200: { - value: '#ffaeb5', - }, - 300: { - value: '#ff8786', - }, - 400: { - value: '#ff4953', - }, - 500: { - value: '#d1002f', - }, - 600: { - value: '#8e0016', - }, - 700: { - value: '#58000a', - }, - 800: { - value: '#410101', - }, - }, - orange: { - 50: { - value: '#fff3d9', - description: 'Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision.', - }, - 100: { - value: '#ffdca2', - description: 'Use only for light strokes and active backgrounds. Suitable for minimally visible elements.', - }, - 200: { - value: '#ffb26e', - }, - 300: { - value: '#ff8c43', - }, - 400: { - value: '#ff642d', - }, - 500: { - value: '#c33909', - }, - 600: { - value: '#8b1500', - }, - 700: { - value: '#551200', - }, - 800: { - value: '#351000', - }, - }, - yellow: { - 50: { - value: '#fdf7c8', - description: 'Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision.', - }, - 100: { - value: '#fce081', - description: 'Use only for light strokes and active backgrounds. Suitable for minimally visible elements.', - }, - 200: { - value: '#fdc23c', - }, - 300: { - value: '#ef9800', - }, - 400: { - value: '#d87900', - }, - 500: { - value: '#a75800', - }, - 600: { - value: '#743a00', - }, - 700: { - value: '#462500', - }, - 800: { - value: '#2c1600', - }, - }, - violet: { - 50: { - value: '#f9f2ff', - description: 'Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision.', - }, - 100: { - value: '#edd9ff', - description: 'Use only for light strokes and active backgrounds. Suitable for minimally visible elements.', - }, - 200: { - value: '#dcb8ff', - }, - 300: { - value: '#c695ff', - }, - 400: { - value: '#ab6cfe', - }, - 500: { - value: '#8649e1', - }, - 600: { - value: '#5925ab', - }, - 700: { - value: '#421983', - }, - 800: { - value: '#220358', - }, - dusty: { - 50: { - value: '#F5F4FF', - description: 'Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision.', - }, - 100: { - value: '#E2DDFF', - description: 'Use only for light strokes and active backgrounds. Suitable for minimally visible elements.', - }, - 200: { - value: '#BCB1E9', - }, - 300: { - value: '#A79CD6', - }, - 400: { - value: '#9083C5', - }, - 500: { - value: '#6D619F', - }, - 600: { - value: '#4D407E', - }, - 700: { - value: '#382E5E', - }, - 800: { - value: '#1D113E', - }, - }, - }, - pink: { - 50: { - value: '#fff0ff', - description: 'Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision.', - }, - 100: { - value: '#ffd3ff', - description: 'Use only for light strokes and active backgrounds. Suitable for minimally visible elements.', - }, - 200: { - value: '#ffa9fa', - }, - 300: { - value: '#f67cf2', - }, - 400: { - value: '#e14adf', - }, - 500: { - value: '#b229b9', - }, - 600: { - value: '#7d0480', - }, - 700: { - value: '#4d0050', - }, - 800: { - value: '#340439', - }, - }, - salad: { - 50: { - value: '#ecfbcd', - description: 'Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision.', - }, - 100: { - value: '#c7ee96', - description: 'Use only for light strokes and active backgrounds. Suitable for minimally visible elements.', - }, - 200: { - value: '#9bd85d', - }, - 300: { - value: '#66c030', - }, - 400: { - value: '#35a21e', - }, - 500: { - value: '#0a7e22', - }, - 600: { - value: '#005613', - }, - 700: { - value: '#003509', - }, - 800: { - value: '#002203', - }, - }, - }, - lineHeights: { - lh: { - 100: { - value: '133%', - description: 'Use with font-size-100.', - }, - 200: { - value: '142%', - description: 'Use with font-size-200.', - }, - 300: { - value: '150%', - description: 'Use with font-size-300.', - }, - 400: { - value: '120%', - description: 'Use with font-size-400.', - }, - 500: { - value: '117%', - description: 'Use with font-size-500.', - }, - 600: { - value: '125%', - description: 'Use with font-size-600.', - }, - 700: { - value: '110%', - description: 'Use with font-size-700.', - }, - 800: { - value: '117%', - description: 'Use with font-size-800.', - }, - }, - }, - fontWeights: { - semi: { - bold: { - value: '600', - description: 'Semi-bold font weight.', - }, - }, - bold: { - value: '700', - description: 'Bold font weight.', - }, - regular: { - value: '400', - description: 'Regular font weight.', - }, - medium: { - value: '500', - description: 'Medium font weight.', - }, - }, - fontSizes: { - fs: { - 50: { - value: '10px', - description: 'Use only for text in Badge component.', - }, - 100: { - value: '12px', - description: 'Use this font-size with caution for text in some additional messages. Always check its contrast and readability.', - }, - 200: { - value: '14px', - }, - 300: { - value: '16px', - }, - 400: { - value: '20px', - }, - 500: { - value: '24px', - }, - 600: { - value: '32px', - }, - 700: { - value: '36px', - }, - 800: { - value: '48px', - }, - }, - }, - letterSpacings: { - compact: { - value: '0.3', - description: 'Compact letter spacing.', - }, - }, - spacing: { - scale: { - indent: { - value: '4px', - description: 'Base denominator of the design system.', - }, - }, - spacing: { - '05x': { - value: '2px', - description: '2px', - }, - '1x': { - value: '4px', - description: '4px', - }, - '2x': { - value: '8px', - description: '8px', - }, - '3x': { - value: '12px', - description: '12px', - }, - '4x': { - value: '16px', - description: '16px', - }, - '5x': { - value: '20px', - description: '20px', - }, - '6x': { - value: '24px', - description: '24px', - }, - '8x': { - value: '32px', - description: '32px', - }, - '10x': { - value: '40px', - description: '40px', - }, - '14x': { - value: '56px', - description: '56px', - }, - '20x': { - value: '80px', - description: '80px', - }, - '24x': { - value: '96px', - description: '96px', - }, - '30x': { - value: '120px', - description: '120px', - }, - }, - }, - radii: { - rounded: { - extra: { - small: { - value: '2px', - }, - large: { - value: '24px', - }, - }, - small: { - value: '4px', - }, - medium: { - value: '6px', - }, - large: { - value: '12px', - }, - }, - }, - opacity: { - disabled: { - value: '0.3', - description: 'Use for the disabled state of all kind of the controls and elements.', - }, - }, - sizes: { - screen: { - extra: { - small: { - value: '320px', - description: 'Extra small screens (small phones).', - }, - }, - small: { - value: '768px', - description: 'Small screens (phones and small tablets).', - }, - medium: { - value: '1200px', - description: 'Medium screens (tablets and small laptops).', - }, - large: { - value: '1920px', - description: 'Large screens (tablets and laptops).', - }, - }, - }, - zIndex: { - deep: { - value: '-999', - }, - overlay: { - value: '500', - }, - modal: { - value: '900', - }, - popper: { - value: '700', - }, - dropdown: { - value: '750', - }, - tooltip: { - value: '800', - }, - notice: { - bubble: { - value: '999', - }, - }, - }, - durations: { - extra: { - slow: { - value: '500', - description: 'Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen)', - }, - fast: { - value: '100', - description: 'Should be used for simpler effects and relatively small-sized animations (such as fades or color changes)', - }, - }, - slow: { - value: '400', - description: 'Should be used for more larger scale animations (such as page transitions)', - }, - medium: { - value: '300', - description: 'Should be used for more complex effects (such as Modal)', - }, - fast: { - value: '200', - description: 'Should be used for more complex effects (such as Dropdown or Accordion)', - }, - }, - }, - semanticTokens: { - colors: { - bg: { - primary: { - neutral: { - DEFAULT: { - value: 'rgba(30, 34, 49, 1)', - description: 'Primary background of the interface which contains the main data and information.', - }, - hover: { - value: 'rgba(54, 56, 67, 1)', - description: 'Hover state of the primary background of the interface which contains the main data and information.', - }, - active: { - value: 'rgba(54, 56, 67, 1)', - description: 'Active (selected) state of the primary background of the interface which contains the main data and information.', - }, - }, - info: { - value: '#008ff8', - description: 'Accent background of the message with regular information.', - }, - success: { - value: '#009f81', - description: 'Accent background of the message or banner with information about the successful result.', - }, - critical: { - value: '#ff4953', - description: 'Accent background of a message or a banner with a critical information.', - }, - warning: { - value: '#ff642d', - description: 'Accent background of a message or a banner with a warning information.', - }, - highlight: { - value: '#fce081', - description: 'Accent background of the information you want to highlight.', - }, - advertising: { - value: '#421983', - description: 'Accent background for the advertising banners and controls.', - }, - muted: { - value: '#6c6e79', - description: 'Accented muted background for a message with regular information.', - }, - invert: { - DEFAULT: { - value: '#191b23', - description: 'Inverted version of the primary background of the interface that contains the main data and information.', - }, - hover: { - value: '#2b2e38', - description: 'Hover state for the inverted version of the primary background of the interface that contains the main data and information.', - }, - active: { - value: '#484a54', - description: 'Active (selected) state for the inverted version of the primary background of the interface that contains the main data and information.', - }, - }, - feature: { - highlight: { - DEFAULT: { - value: 'rgba(30, 34, 49, 1)', - description: 'Primary background for highlighted controls.', - }, - hover: { - active: { - value: 'linear-gradient(90deg, #f9f2ff, #e9f7ff)', - description: 'Primary background for hover and active (selected) state of highlighted controls.', - }, - }, - }, - }, - }, - secondary: { - neutral: { - DEFAULT: { - value: 'rgba(45, 48, 62, 1)', - description: 'Secondary background of the interface which contains the main data and information.', - }, - hover: { - value: '#e0e1e9', - description: 'Hover state of the secondary background of the interface which contains the main data and information.', - }, - active: { - value: '#c4c7cf', - description: 'Active (selected) state of the secondary background of the interface which contains the main data and information.', - }, - }, - info: { - DEFAULT: { - value: 'rgba(52, 68, 90, 1)', - description: 'Secondary background of a message with regular information.', - }, - hover: { - value: 'rgba(23, 55, 83, 1)', - description: 'Hover state of the secondary background of a message with regular information.', - }, - active: { - value: '#8ecdff', - description: 'Active (selected) state of the secondary background of a message with regular information.', - }, - }, - success: { - DEFAULT: { - value: '#dbfee8', - description: 'Secondary background of the message with success information you want to accent.', - }, - hover: { - value: '#9ef2c9', - description: 'Hover state of the secondary background of the message with success information you want to accent.', - }, - active: { - value: '#59ddaa', - description: 'Active (selected) state of the secondary background of the message with success information you want to accent.', - }, - }, - critical: { - DEFAULT: { - value: '#fff0f7', - description: 'Secondary background of the message with critical information you want to accent.', - }, - hover: { - value: '#ffd7df', - description: 'Hover state of the secondary background of the message with critical information you want to accent.', - }, - active: { - value: '#ffaeb5', - description: 'Active (selected) state of the secondary background of the message with critical information you want to accent.', - }, - }, - warning: { - DEFAULT: { - value: '#fff3d9', - description: 'Secondary background of the message with warning information you want to accent.', - }, - hover: { - value: '#ffdca2', - description: 'Hover state of the secondary background of the message with warning information you want to accent.', - }, - active: { - value: '#ffb26e', - description: 'Active (selected) state of the secondary background of the message with critical information you want to accent.', - }, - }, - highlight: { - DEFAULT: { - value: '#fdf7c8', - description: 'Secondary background of the information you want to highlight.', - }, - hover: { - value: '#fce081', - description: 'Hover state of the secondary background of the information you want to highlight.', - }, - active: { - value: '#fdc23c', - description: 'Active (selected) state of the secondary background of the information you want to highlight.', - }, - }, - advertising: { - DEFAULT: { - value: 'rgba(75, 49, 125, 1)', - description: 'Secondary background for the advertising message you want to accent.', - }, - hover: { - value: '#edd9ff', - description: 'Hover state of the secondary background for the advertising message you want to accent.', - }, - active: { - value: '#dcb8ff', - description: 'Active (selected) state of the secondary background for the advertising message you want to accent.', - }, - }, - feature: { - highlight: { - value: 'linear-gradient(90deg, #f9f2ff, #e9f7ff)', - description: 'Secondary background for the highlighted message.', - }, - }, - }, - highlight: { - results: { - value: 'rgba(239, 152, 0, 0.4)', - description: 'Highlighting the search results.', - }, - focus: { - value: 'rgba(0, 143, 248, 0.2)', - description: 'Focusing values in the input.', - }, - }, - }, - text: { - primary: { - DEFAULT: { - value: '#f4f5f9', - description: 'Primary text.', - }, - invert: { - value: '#ffffff', - description: 'Inverted version of the primary text.', - }, - }, - secondary: { - DEFAULT: { - value: '#a9abb6', - description: 'Secondary text.', - }, - invert: { - value: 'rgba(255, 255, 255, 0.75)', - description: 'Inverted version of the secondary text.', - }, - }, - placeholder: { - value: '#8a8e9b', - description: 'Placeholder text only.', - }, - success: { - DEFAULT: { - value: 'rgba(68, 209, 164, 1)', - description: 'Text associated with success states and data.', - }, - hover: { - active: { - value: '#055345', - description: 'Hover and active states for the text associated with success states and data.', - }, - }, - }, - critical: { - DEFAULT: { - value: 'rgba(255, 155, 148, 1)', - description: 'Text associated with critical states and data.', - }, - hover: { - active: { - value: '#8e0016', - description: 'Hover and active states for the text associated with critical states and data.', - }, - }, - }, - link: { - DEFAULT: { - value: '#8ecdff', - description: 'Link text.', - }, - hover: { - active: { - value: '#2bb3ff', - description: 'Hover and active states for the link text.', - }, - }, - invert: { - DEFAULT: { - value: '#8ecdff', - description: 'Inverted version of the link text. Use on dark background only.', - }, - hover: { - value: '#2bb3ff', - description: 'Hover and active states of the inverted version of the link text. Use on dark background only.', - }, - }, - visited: { - value: '#8649e1', - description: 'Visited link text.', - }, - }, - hint: { - DEFAULT: { - value: '#a9abb6', - description: 'Hint link text.', - }, - hover: { - active: { - value: '#e0e1e9', - description: 'Hover and active states of the hint link text.', - }, - }, - invert: { - DEFAULT: { - value: '#c4c7cf', - description: 'Inverted version of the hint link text.', - }, - hover: { - active: { - value: '#a9abb6', - description: 'Hover and active states of the inverted version of the hint link text.', - }, - }, - }, - }, - large: { - secondary: { - value: '#a9abb6', - description: 'Secondary text. Use with font-size ≥20px.', - }, - info: { - DEFAULT: { - value: '#008ff8', - description: 'Link text with font-size ≥20px.', - }, - hover: { - active: { - value: '#006dca', - description: 'Hover and active states of the link text with font-size ≥20px.', - }, - }, - }, - success: { - DEFAULT: { - value: '#009f81', - description: 'Text with font-size ≥20px associated with success states and data.', - }, - hover: { - active: { - value: '#007c65', - description: 'Hover and active states of the text with font-size ≥20px associated with success states and data.', - }, - }, - }, - critical: { - DEFAULT: { - value: '#ff4953', - description: 'Text with font-size ≥20px associated with critical states and data.', - }, - hover: { - active: { - value: '#d1002f', - description: 'Hover and active states of the text with font-size ≥20px associated with critical states and data.', - }, - }, - }, - }, - advertising: { - value: '#421983', - description: 'Advertising text.', - }, - feature: { - highlight: { - DEFAULT: { - value: 'linear-gradient(90deg, #8649e1, #006dca)', - description: 'Text for highlighted features.', - }, - hover: { - active: { - value: 'linear-gradient(90deg, #421983, #002b5f)', - description: 'Text for hover and active states of highlighted features.', - }, - }, - }, - }, - }, - border: { - primary: { - DEFAULT: { - value: '#484a54', - description: 'Neutral primary border.', - }, - invert: { - value: '#ffffff', - description: 'Inverted version of the neutral primary border. Use it for borders on the dark or color background.', - }, - }, - secondary: { - DEFAULT: { - value: '#484a54', - description: 'Subtle secondary border.', - }, - invert: { - value: 'rgba(255, 255, 255, 0.3)', - description: 'Inverted version of the neutral secondary border. Use it for borders on the dark or color background.', - }, - }, - info: { - DEFAULT: { - value: '#8ecdff', - description: 'Subtle secondary border in the informational message.', - }, - active: { - value: '#c4e5fe', - description: 'Active border in focused input filed.', - }, - }, - success: { - DEFAULT: { - value: '#59ddaa', - description: 'Subtle secondary border in the successful message and input field.', - }, - active: { - value: '#dbfee8', - description: 'Active border in the focused input field with valid state.', - }, - }, - critical: { - DEFAULT: { - value: '#ffaeb5', - description: 'Subtle secondary border in the critical message and invalid input field.', - }, - active: { - value: 'rgba(253, 182, 177, 1)', - description: 'Active border in the focused input field with invalid state, and active state of the other components with invalid state.', - }, - }, - warning: { - DEFAULT: { - value: '#ffb26e', - description: 'Subtle secondary border in the warning message.', - }, - active: { - value: '#c33909', - description: 'Active border in components with warning intention.', - }, - }, - tooltip: { - invert: { - value: '#6c6e79', - description: 'Border of the Tooltip with dark theme.', - }, - }, - table: { - accent: { - value: '#a9abb6', - description: 'Accent borders in the Table: for the accordion in the table and for the header of the secondary table.', - }, - }, - date: { - picker: { - range: { - comparison: { - value: '#8649e1', - description: 'Border color of the second period for the comparison mode in the DatePicker.', - }, - }, - }, - }, - feature: { - highlight: { - DEFAULT: { - value: 'linear-gradient(90deg, #c695ff, #2bb3ff)', - description: 'Primary border for highlighted controls.', - }, - active: { - value: 'linear-gradient(90deg, #ab6cfe, #008ff8)', - description: 'Primary border for the active state of highlighted controls.', - }, - secondary: { - value: 'linear-gradient(90deg, #dcb8ff, #8ecdff)', - description: 'Secondary border for highlighted controls.', - }, - }, - }, - }, - control: { - switch: { - bg: { - value: '#a9abb6', - description: 'Subtle background of the Switch control.', - }, - }, - primary: { - info: { - DEFAULT: { - value: '#008ff8', - description: 'Background of the regular primary control.', - }, - hover: { - value: '#006dca', - description: 'Hover state of the regular primary control.', - }, - active: { - value: '#044792', - description: 'Active (selected) state of the regular primary control.', - }, - }, - success: { - DEFAULT: { - value: '#009f81', - description: 'Background of the primary control with successful theme.', - }, - hover: { - value: '#007c65', - description: 'Hover state of the primary control with successful theme.', - }, - active: { - value: '#055345', - description: 'Active (selected) state of the primary control with successful theme.', - }, - }, - critical: { - DEFAULT: { - value: '#ff4953', - description: 'Background of the primary control with danger theme.', - }, - hover: { - value: '#d1002f', - description: 'Hover state of the primary control with danger theme.', - }, - active: { - value: '#8e0016', - description: 'Active (selected) state of the primary control with danger theme.', - }, - }, - brand: { - DEFAULT: { - value: '#ff642d', - description: 'Background of the primary brand colored control.', - }, - hover: { - value: '#c33909', - description: 'Hover state of the primary brand colored control.', - }, - active: { - value: '#c33909', - description: 'Active state of the primary brand colored control.', - }, - }, - advertising: { - DEFAULT: { - value: '#5925ab', - description: 'Background of the advertising primary control.', - }, - hover: { - value: '#421983', - description: 'Hover state of the advertising primary control.', - }, - active: { - value: '#8649e1', - description: 'Active (selected) state of the advertising primary control.', - }, - }, - invert: { - DEFAULT: { - value: 'rgba(30, 34, 49, 1)', - description: 'Inverted background of the primary control.', - }, - hover: { - value: 'rgba(43, 46, 57, 1)', - description: 'Hover state of the inverted primary control.', - }, - active: { - value: 'rgba(43, 46, 57, 1)', - description: 'Active (selected) state of the inverted primary control.', - }, - }, - feature: { - highlight: { - DEFAULT: { - value: 'linear-gradient(90deg, #ab6cfe, #008ff8)', - description: 'Background of the highlighted primary control.', - }, - hover: { - value: 'linear-gradient(90deg, #8649e1, #006dca)', - description: 'Hover state of the highlighted primary control.', - }, - active: { - value: 'linear-gradient(90deg, #5925ab, #044792)', - description: 'Active (selected) state of the highlighted primary control.', - }, - }, - }, - }, - secondary: { - neutral: { - DEFAULT: { - value: 'rgba(138, 142, 155, 0.1)', - description: 'Background of the regular secondary control.', - }, - hover: { - value: 'rgba(138, 142, 155, 0.2)', - description: 'Hover state of the regular secondary control.', - }, - active: { - value: 'rgba(138, 142, 155, 0.3)', - description: 'Active (selected) state of the regular secondary control.', - }, - }, - info: { - DEFAULT: { - value: 'rgba(0, 143, 248, 0.1)', - description: 'Background of the accent secondary control.', - }, - hover: { - value: 'rgba(0, 143, 248, 0.2)', - description: 'Hover state of the accent secondary control.', - }, - active: { - value: 'rgba(0, 143, 248, 0.3)', - description: 'Active (selected) state of the accent secondary control.', - }, - }, - invert: { - DEFAULT: { - value: 'rgba(255, 255, 255, 0.05)', - description: 'Background of the inverted version of the secondary control.', - }, - hover: { - value: 'rgba(255, 255, 255, 0.1)', - description: 'Hover state of the inverted version of the secondary control.', - }, - active: { - value: 'rgba(255, 255, 255, 0.3)', - description: 'Active (selected) state of the inverted version of the secondary control.', - }, - }, - feature: { - highlight: { - DEFAULT: { - value: 'linear-gradient(90deg, #f9f2ff, #e9f7ff)', - description: 'Background of the highlighted secondary control.', - }, - hover: { - value: 'linear-gradient(90deg, #f2e4ff, #d6edfe)', - description: 'Hover state of the highlighted secondary control.', - }, - active: { - value: 'linear-gradient(90deg, #edd9ff, #c4e5fe)', - description: 'Active (selected) state of the highlighted secondary control.', - }, - }, - }, - }, - tertiary: { - neutral: { - DEFAULT: { - value: 'rgba(138, 142, 155, 0)', - description: 'Background of the regular tertiary control.', - }, - hover: { - value: 'rgba(138, 142, 155, 0.2)', - description: 'Hover state of the regular tertiary control.', - }, - active: { - value: 'rgba(138, 142, 155, 0.3)', - description: 'Active (selected) state of the regular tertiary control.', - }, - }, - info: { - DEFAULT: { - value: 'rgba(0, 143, 248, 0)', - description: 'Background of the accent and link-lookalike tertiary control.', - }, - hover: { - value: 'rgba(0, 143, 248, 0.2)', - description: 'Hover state of the accent and link-lookalike tertiary control.', - }, - active: { - value: 'rgba(0, 143, 248, 0.3)', - description: 'Active (selected) state of the accent and link-lookalike tertiary control.', - }, - }, - invert: { - DEFAULT: { - value: 'rgba(255, 255, 255, 0)', - description: 'Background of the inverted version of the tertiary control.', - }, - hover: { - value: 'rgba(255, 255, 255, 0.1)', - description: 'Hover state of the inverted version of the tertiary control.', - }, - active: { - value: 'rgba(255, 255, 255, 0.3)', - description: 'Active (selected) state of the inverted version of the tertiary control.', - }, - }, - }, - }, - icon: { - primary: { - neutral: { - DEFAULT: { - value: '#a9abb6', - description: 'Primary neutral icon.', - }, - hover: { - active: { - value: '#c4c7cf', - description: 'Hover and active (selected) states of the primary neutral icon.', - }, - }, - }, - info: { - DEFAULT: { - value: '#006dca', - description: 'Primary link-lookalike icon.', - }, - hover: { - active: { - value: '#044792', - description: 'Hover and active (selected) states of the primary link-lookalike icon.', - }, - }, - }, - success: { - DEFAULT: { - value: '#009f81', - description: 'Primary success icon.', - }, - hover: { - active: { - value: '#007c65', - description: 'Hover and active (selected) states of the primary successful icon.', - }, - }, - }, - critical: { - DEFAULT: { - value: '#ff4953', - description: 'Primary critical icon.', - }, - hover: { - active: { - value: '#d1002f', - description: 'Hover and active (selected) states of the primary critical icon.', - }, - }, - }, - warning: { - DEFAULT: { - value: '#ff642d', - description: 'Primary warning icon.', - }, - hover: { - active: { - value: '#c33909', - description: 'Hover and active (selected) states of the primary warning icon.', - }, - }, - }, - invert: { - DEFAULT: { - value: '#ffffff', - description: 'Inverted version of the primary icon.', - }, - hover: { - active: { - value: '#e0e1e9', - description: 'Hover and active (selected) states of the inverted version of the primary icon.', - }, - }, - }, - feature: { - highlight: { - DEFAULT: { - value: '#8649e1', - description: 'Primary highlighted icon.', - }, - hover: { - active: { - value: '#6B3AB4', - description: 'Violet background color for the hover and active states of the primary highlighted icon. It’s created using a CSS filter with a brightness(0.8), applied to the violet-500 color.', - }, - }, - }, - }, - }, - secondary: { - neutral: { - DEFAULT: { - value: '#c4c7cf', - description: 'Secondary neutral icon.', - }, - hover: { - active: { - value: '#e0e1e9', - description: 'Hover and active (selected) states of the secondary neutral icon.', - }, - }, - }, - info: { - DEFAULT: { - value: '#2bb3ff', - description: 'Secondary link-lookalike icon.', - }, - hover: { - active: { - value: '#008ff8', - description: 'Hover and active (selected) states of the secondary link-lookalike icon.', - }, - }, - }, - success: { - DEFAULT: { - value: '#00c192', - description: 'Secondary success icon.', - }, - hover: { - active: { - value: '#009f81', - description: 'Hover and active (selected) states of the secondary successful icon.', - }, - }, - }, - critical: { - DEFAULT: { - value: '#ff8786', - description: 'Secondary critical icon.', - }, - hover: { - active: { - value: '#ff4953', - description: 'Hover and active (selected) states of the secondary critical icon.', - }, - }, - }, - warning: { - DEFAULT: { - value: '#ff8c43', - description: 'Secondary warning icon.', - }, - hover: { - active: { - value: '#ff642d', - description: 'Hover and active (selected) states of the secondary warning icon.', - }, - }, - }, - }, - non: { - interactive: { - value: '#f4f5f9', - description: 'Color for the default non-interactive icon.', - }, - }, - }, - illustration: { - red: { - value: '#FF788F', - description: '⚠️ Use only for illustrations.', - }, - orange: { - value: '#FFB26E', - description: '⚠️ Use only for illustrations.', - }, - yellow: { - value: '#FFE84D', - description: '⚠️ Use only for illustrations.', - }, - salad: { - value: '#C7FA73', - description: '⚠️ Use only for illustrations.', - }, - green: { - value: '#45E0A8', - description: '⚠️ Use only for illustrations.', - }, - blue: { - value: '#6EDBFF', - description: '⚠️ Use only for illustrations.', - }, - violet: { - value: '#B880FF', - description: '⚠️ Use only for illustrations.', - }, - pink: { - value: '#FF7AD1', - description: '⚠️ Use only for illustrations.', - }, - }, - date: { - picker: { - cell: { - DEFAULT: { - value: 'rgba(30, 34, 49, 1)', - description: 'Default date-picker cell background.', - }, - current: { - DEFAULT: { - value: '#2b2e38', - description: 'Color for marking the cell with the current date, month or year in the date-picker.', - }, - invert: { - value: 'rgba(255, 255, 255, 0.5)', - description: 'Color for marking the active cell with the current date, month or year in the date-picker.', - }, - }, - hover: { - value: '#484a54', - description: 'Hover state of the default date-picker cell background.', - }, - range: { - DEFAULT: { - value: '#002b5f', - description: 'Background for the cell which is included in the date range in the date-picker.', - }, - hover: { - value: '#044792', - description: 'Hover state of the background for the cell which is included in the date range in the date-picker.', - }, - }, - active: { - DEFAULT: { - value: '#2bb3ff', - description: 'Active (selected) date-picker cell background.', - }, - hover: { - value: '#008ff8', - description: 'Hover for the active (selected) date-picker cell background.', - }, - }, - comparison: { - active: { - DEFAULT: { - value: '#8649e1', - description: 'Active (selected) date-picker cell background for comparison periods.', - }, - hover: { - value: '#5925ab', - description: 'Hover for the active (selected) date-picker cell background for comparison periods.', - }, - }, - }, - }, - }, - }, - dropdown: { - menu: { - item: { - DEFAULT: { - value: 'rgba(54, 56, 67, 1)', - description: 'Default background color for the list item in the dropdown-menu.', - }, - hover: { - value: 'rgba(79, 82, 93, 1)', - description: 'Hover state of the default background color for the list item in the dropdown-menu.', - }, - selected: { - DEFAULT: { - value: 'rgba(66, 103, 123, 1)', - description: 'Active (selected) state of the default background color for the list item in the dropdown-menu.', - }, - hover: { - value: 'rgba(75, 117, 139, 1)', - description: 'Hover state for the selected state of the default background color for the list item in the dropdown-menu.', - }, - }, - }, - }, - }, - feature: { - popover: { - bg: { - DEFAULT: { - value: '#fce081', - description: 'Color of the FeaturePopover background with accent theme.', - }, - neutral: { - value: '#1D113E', - description: 'Color of the FeaturePopover background with neutral theme.', - }, - }, - dot: { - outer: { - border: { - value: '#fce081', - description: 'Color of the outer border of the FeaturePopover.Spot for FeaturePopover with accent theme.', - }, - }, - neutral: { - DEFAULT: { - value: '#00c192', - description: 'Color of the FeaturePopover.Spot for FeaturePopover with neutral theme.', - }, - outer: { - border: { - value: '#00c192', - description: 'Color of the outer border of the FeaturePopover.Spot for FeaturePopover with neutral theme.', - }, - }, - }, - }, - }, - }, - progress: { - bar: { - DEFAULT: { - bg: { - DEFAULT: { - value: '#484a54', - description: 'Background color of the ProgressBar.', - }, - hover: { - value: '#c4c7cf', - description: 'Hover state of the background color of the ProgressBar.', - }, - invert: { - DEFAULT: { - value: 'rgba(255, 255, 255, 0.2)', - description: 'Inverted version of the background color of the ProgressBar.', - }, - hover: { - value: 'rgba(255, 255, 255, 0.4)', - description: 'Hover state for the inverted version of the background color of the ProgressBar.', - }, - }, - }, - value: { - gradient: { - value: 'linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%)', - description: 'Value with gradient for the ProgressBar.', - }, - }, - }, - pattern: { - gradient: { - value: 'linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%)', - description: 'Null value gradient for the ProgressBar.', - }, - }, - value: { - bg: { - value: '#000000', - description: 'Base value background for the ProgressBar. It is used to create gradients for the values.', - }, - }, - }, - }, - skeleton: { - bg: { - DEFAULT: { - value: '#484a54', - description: 'Default color for the Skeleton.', - }, - invert: { - value: 'rgba(255, 255, 255, 0.3)', - description: 'Inverted version of the default color for the Skeleton.', - }, - }, - }, - table: { - th: { - primary: { - cell: { - DEFAULT: { - value: 'rgba(62, 64, 75, 1)', - description: 'Background of the header cell in the primary Table.', - }, - hover: { - value: 'rgba(83, 85, 97, 1)', - description: 'Background of the hovered header cell in the primary Table.', - }, - active: { - value: 'rgba(108, 110, 121, 1)', - description: 'Background of the active header cell in the primary Table.', - }, - }, - }, - secondary: { - cell: { - value: 'rgba(62, 64, 75, 1)', - description: 'Background of the header cell in the secondary Table.', - }, - }, - gradient: { - value: 'linear-gradient(to right, rgba(224, 225, 233, 0) 0%, rgba(224, 225, 233, 1) 100%)', - description: 'Background gradient for sorting icon that absolute positioned in the table head.', - }, - }, - td: { - cell: { - DEFAULT: { - value: '#191b23', - description: 'Background of the default cell in the Table.', - }, - hover: { - value: '#2b2e38', - description: 'Background of the default hovered cell in the Table.', - }, - active: { - value: '#2b2e38', - description: 'Background of the default active cell in the Table.', - }, - unread: { - value: '#f4f5f9', - description: 'Background of the unread cell in the Table.', - }, - accordion: { - value: 'rgba(54, 56, 67, 1)', - description: 'Background of the cell inside an Accordion in the Table.', - }, - selected: { - DEFAULT: { - value: 'rgba(43, 54, 69, 1)', - description: 'Background of the selected cell in the Table.', - }, - hover: { - value: '#c4e5fe', - description: 'Background of the hovered selected cell in the Table.', - }, - active: { - value: '#c4e5fe', - description: 'Background of the active selected cell in the Table.', - }, - }, - new: { - DEFAULT: { - value: '#dbfee8', - description: 'Background of the cell with new information in the Table.', - }, - hover: { - value: '#9ef2c9', - description: 'Background of the hovered cell with new information in the Table.', - }, - active: { - value: '#9ef2c9', - description: 'Background of the active cell with new information in the Table.', - }, - }, - critical: { - DEFAULT: { - value: '#fff0f7', - description: 'Background of the cell with critical information in the Table.', - }, - hover: { - value: '#ffd7df', - description: 'Background of the hovered cell with critical information in the Table.', - }, - active: { - value: '#ffd7df', - description: 'Background of the active cell with critical information in the Table.', - }, - }, - warning: { - DEFAULT: { - value: '#fff3d9', - description: 'Background of the cell with warning information in the Table.', - }, - hover: { - value: '#ffdca2', - description: 'Background of the hovered cell with warning information in the Table.', - }, - active: { - value: '#ffdca2', - description: 'Background of the active cell with warning information in the Table.', - }, - }, - }, - }, - }, - brand: { - primary: { - value: '#dcb8ff', - description: 'Primary brand color.', - }, - secondary: { - value: '#421983', - description: 'Secondary brand color.', - }, - pinterest: { - value: '#bd081c', - description: 'Pinterest brand color.', - }, - instagram: { - value: '#e4405f', - description: 'Instagram brand color.', - }, - youtube: { - value: '#ff0000', - description: 'Youtube brand color.', - }, - facebook: { - value: '#1877F2', - description: 'Facebook brand color.', - }, - linkedIn: { - value: '#0A66C2', - description: 'LinkedIn brand color.', - }, - twitter: { - value: '#1D9BF0', - description: 'Twitter brand color.', - }, - google: { - blue: { - value: '#1a0dab', - description: 'Google brand color for the link.', - }, - green: { - value: '#016723', - description: 'Google green brand color for the link.', - }, - my: { - business: { - value: '#1a73e8', - description: 'Google My Business brand color.', - }, - }, - }, - }, - keyboard: { - focus: { - outline: { - value: '#008ff8', - description: 'Color for default keyboard focus outline styles.', - }, - invalid: { - outline: { - value: '#ff4953', - description: 'Color for keyboard focus outline styles for elements with invalid state.', - }, - }, - valid: { - outline: { - value: '#009f81', - description: 'Color for keyboard focus outline styles for elements with valid state.', - }, - }, - invert: { - outline: { - value: 'rgba(255, 255, 255, 0.8)', - description: 'Color for keyboard focus outline styles to use on the dark and color background.', - }, - }, - feature: { - highlight: { - outline: { - value: 'linear-gradient(90deg, #ab6cfe, #008ff8)', - description: 'Color for keyboard focus outline styles for highlighted controls.', - }, - }, - }, - }, - }, - overlay: { - primary: { - value: 'rgba(25, 27, 35, 0.7)', - description: 'Use for cover the content under the modal dialogs.', - }, - secondary: { - value: 'rgba(25, 27, 35, 0.4)', - description: 'Use for the secondary modal dialogs that were opened upon the other modal dialogs.', - }, - limitation: { - primary: { - value: '#f4f5f9', - description: 'Use as a primary cover of the content under the messages about limitations.', - }, - secondary: { - value: 'rgba(255, 255, 255, 0.85)', - description: 'Use as a secondary cover of the content under the messages about limitations.', - }, - }, - }, - tooltip: { - default: { - value: '#484a54', - description: 'Default Tooltip background.', - }, - warning: { - value: 'rgba(160, 13, 42, 1)', - description: 'Warning Tooltip background.', - }, - invert: { - value: '#191b23', - description: 'Inverted version of the default Tooltip background.', - }, - }, - neighbor: { - location: { - neutral: { - value: 'rgba(255, 255, 255, 0.5)', - description: 'Neutral border of the components that are combined with neighbor-location property.', - }, - invert: { - value: 'rgba(0, 0, 0, 0.5)', - description: 'Inverted border of the components that are combined with neighbor-location property.', - }, - }, - }, - scroll: { - area: { - shadow: { - left: { - value: 'linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%)', - description: 'Left-to-right fade shadow for the ScrollArea.', - }, - right: { - value: 'linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%)', - description: 'Right-to-left fade shadow for the ScrollArea.', - }, - top: { - value: 'linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%)', - description: 'Top-to-bottom fade shadow for the ScrollArea.', - }, - bottom: { - value: 'linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%)', - description: 'Bottom-to-top fade shadow for the ScrollArea.', - }, - }, - dropdown: { - menu: { - left: { - value: 'linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)', - description: 'Left-to-right fade shadow for the ScrollArea inside the DropdownMenu.', - }, - right: { - value: 'linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)', - description: 'Right-to-left fade shadow for the ScrollArea inside the DropdownMenu.', - }, - bottom: { - value: 'linear-gradient(to top, rgba(43, 46, 56, 1) 34.38%, rgba(54, 56, 67, 0) 100%)', - description: 'Bottom-to-top fade shadow for the ScrollArea inside the DropdownMenu.', - }, - top: { - value: 'linear-gradient(to bottom, rgba(43, 46, 56, 1) 34.38%, rgba(54, 56, 67, 0) 100%)', - description: 'Top-to-bottom fade shadow for the ScrollArea inside the DropdownMenu.', - }, - }, - }, - }, - bar: { - background: { - value: 'rgba(25, 27, 35, 0.3)', - description: 'Background color for ScrollBar.', - }, - }, - }, - tag: { - primary: { - gray: { - normal: { - value: 'rgba(69, 70, 81, 1)', - description: 'Gray background color for the primary tag.', - }, - hover: { - active: { - value: '#e0e1e9', - description: 'Gray background color for the hover and active states of the primary tag.', - }, - }, - text: { - value: '#f4f5f9', - description: 'Gray text for the primary gray tag.', - }, - }, - blue: { - normal: { - value: 'rgba(7, 77, 141, 1)', - description: 'Blue background color for primary tag.', - }, - hover: { - active: { - value: '#c4e5fe', - description: 'Blue background color for the hover and active states of the primary tag.', - }, - }, - text: { - value: '#e9f7ff', - description: 'Blue text for the primary blue tag.', - }, - }, - green: { - normal: { - value: 'rgba(9, 99, 82, 1)', - description: 'Green background color for the primary tag.', - }, - hover: { - active: { - value: '#9ef2c9', - description: 'Green background color for the hover and active states of the primary tag.', - }, - }, - text: { - value: '#dbfee8', - description: 'Green text for the primary green tag.', - }, - }, - orange: { - normal: { - value: 'rgba(156, 49, 11, 1)', - description: 'Orange background color for the primary tag.', - }, - hover: { - active: { - value: '#ffdca2', - description: 'Orange background color for the hover and active states of the primary tag.', - }, - }, - text: { - value: '#fff3d9', - description: 'Orange text for the primary orange tag.', - }, - }, - red: { - normal: { - value: 'rgba(160, 13, 42, 1)', - description: 'Red background color for the primary tag.', - }, - hover: { - active: { - value: '#ffd7df', - description: 'Red background color for the hover and active states of the primary tag.', - }, - }, - text: { - value: '#fff0f7', - description: 'Red text for the primary red tag.', - }, - }, - violet: { - normal: { - value: 'rgba(95, 62, 157, 1)', - description: 'Violet background color for the primary tag.', - }, - hover: { - active: { - value: '#edd9ff', - description: 'Violet background color for the hover and active states of the primary tag.', - }, - }, - text: { - value: 'rgba(244, 245, 249, 1)', - description: 'Violet text for the primary violet tag.', - }, - }, - yellow: { - normal: { - value: 'rgba(252, 224, 129, 0.5)', - description: 'Yellow background color for the primary tag.', - }, - hover: { - active: { - value: '#fce081', - description: 'Yellow background color for the hover and active states of the primary tag.', - }, - }, - text: { - value: '#a75800', - description: 'Yellow text for the primary yellow tag.', - }, - }, - white: { - normal: { - value: 'rgba(255, 255, 255, 0.15)', - description: 'Primary white tag.', - }, - hover: { - active: { - value: 'rgba(255, 255, 255, 0.3)', - description: 'Hover and active (selected) state of the primary white tag.', - }, - }, - text: { - value: '#ffffff', - description: 'White text for the primary white tag.', - }, - }, - }, - secondary: { - normal: { - value: '#ffffff', - description: 'Background color for the default secondary tag.', - }, - hover: { - active: { - value: '#f4f5f9', - description: 'Hover and active (selected) states of the background color for the default secondary tag.', - }, - }, - white: { - normal: { - value: 'rgba(255, 255, 255, 0)', - description: 'White secondary tag.', - }, - hover: { - active: { - value: 'rgba(255, 255, 255, 0.1)', - description: 'Active state of the secondary white tag.', - }, - }, - text: { - value: '#ffffff', - description: 'White text for the secondary white tag.', - }, - }, - gray: { - text: { - value: '#6c6e79', - description: 'Gray text for the default secondary tag.', - }, - }, - }, - }, - chart: { - palette: { - order: { - 1: { - value: '#2bb3ff', - description: '1 color in the default list of colors for charts.', - }, - 2: { - value: '#59ddaa', - description: '2 color in the default list of colors for charts.', - }, - 3: { - value: '#ff642d', - description: '3 color in the default list of colors for charts.', - }, - 4: { - value: '#f67cf2', - description: '4 color in the default list of colors for charts.', - }, - 5: { - value: '#fdc23c', - description: '5 color in the default list of colors for charts.', - }, - 6: { - value: '#ab6cfe', - description: '6 color in the default list of colors for charts.', - }, - 7: { - value: '#ff8786', - description: '7 color in the default list of colors for charts.', - }, - 8: { - value: '#9bd85d', - description: '8 color in the default list of colors for charts.', - }, - 9: { - value: '#008ff8', - description: '9 color in the default list of colors for charts.', - }, - 10: { - value: '#00c192', - description: '10 color in the default list of colors for charts.', - }, - 11: { - value: '#ffb26e', - description: '11 color in the default list of colors for charts.', - }, - 12: { - value: '#e14adf', - description: '12 color in the default list of colors for charts.', - }, - 13: { - value: '#ef9800', - description: '13 color in the default list of colors for charts.', - }, - 14: { - value: '#dcb8ff', - description: '14 color in the default list of colors for charts.', - }, - 15: { - value: '#ff4953', - description: '15 color in the default list of colors for charts.', - }, - 16: { - value: '#66c030', - description: '16 color in the default list of colors for charts.', - }, - 17: { - value: '#8ecdff', - description: '17 color in the default list of colors for charts.', - }, - 18: { - value: '#009f81', - description: '18 color in the default list of colors for charts.', - }, - 19: { - value: '#ff8c43', - description: '19 color in the default list of colors for charts.', - }, - 20: { - value: '#ffa9fa', - description: '20 color in the default list of colors for charts.', - }, - 21: { - value: '#d87900', - description: '21 color in the default list of colors for charts.', - }, - 22: { - value: '#c695ff', - description: '22 color in the default list of colors for charts.', - }, - 23: { - value: '#ffaeb5', - description: '23 color in the default list of colors for charts.', - }, - 24: { - value: '#35a21e', - description: '24 color in the default list of colors for charts.', - }, - total: { - amount: { - value: '#8a8e9b', - description: 'Use it to show total value.', - }, - }, - other: { - data: { - value: '#c4c7cf', - description: 'Use it to indicate voids, missing or some other data.', - }, - }, - null: { - value: '#e0e1e9', - description: 'Use it to show null value.', - }, - }, - }, - grid: { - line: { - value: '#e0e1e9', - description: 'Default chart grid line.', - }, - x: { - axis: { - value: '#c4c7cf', - description: 'X-axis line on the chart grid.', - }, - }, - y: { - accent: { - hover: { - line: { - value: '#a9abb6', - description: 'Accent line for the hover state on the chart grid.', - }, - }, - }, - }, - text: { - label: { - value: '#6c6e79', - description: 'Text label on the chart grid.', - }, - }, - bar: { - chart: { - hover: { - value: 'rgba(196, 199, 207, 0.3)', - description: 'Background color for the hover state of a bar on the chart grid.', - }, - base: { - bg: { - value: '#e0e1e9', - description: 'Default background color of a bar in the BarChart.', - }, - }, - }, - }, - period: { - bg: { - value: 'rgba(196, 199, 207, 0.2)', - description: 'Use for highlighting a period on the chart grid.', - }, - pattern: { - value: 'rgba(25, 27, 35, 0.15)', - description: 'Stripe color for diagonal pattern background.', - }, - }, - border: { - value: '#191b23', - description: 'Border for distinguishing data sets and chart dots on the chart grid.', - }, - }, - x: { - axis: { - accent: { - period: { - active: { - value: '#8a8e9b', - description: 'Background color for the clickable date on the X-axis of the chart grid.', - }, - }, - data: { - start: { - tracking: { - value: 'rgba(0, 159, 129, 0.2)', - description: 'Background color for the "Start tracking" date on the X-axis of the chart grid.', - }, - }, - }, - }, - }, - }, - }, - header: { - bg: { - value: '#382E5E', - }, - border: { - primary: { - value: '#382E5E', - }, - secondary: { - value: 'rgba(255,255,255, 0.15)', - }, - }, - }, - sidebar: { - nav: { - control: { - hover: { - value: 'rgba(224, 225, 233, 0.7)', - }, - active: { - value: '#E2DDFF', - }, - text: { - normal: { - value: '#6D619F', - }, - active: { - value: '#4D407E', - }, - }, - icon: { - normal: { - value: '#9083C5', - }, - active: { - value: '#4D407E', - }, - }, - }, - }, - }, - }, - shadows: { - box: { - shadow: { - card: { - DEFAULT: { - value: '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)', - description: 'Default shadow of the Card.', - }, - hover: { - value: '3px 3px 30px 0px rgba(25, 27, 35, 0.15)', - description: 'Hover state for the shadow of the Card with hover state.', - }, - }, - dnd: { - value: '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16)', - description: 'Shadow for show that element are being drag-and-drop.', - }, - modal: { - value: '0px 3px 8px 0px rgba(25, 27, 35, 0.2)', - description: 'Default shadow if the Modal window.', - }, - popper: { - value: '0px 1px 15px 0px rgba(25, 27, 35, 0.6)', - description: 'Default shadow of all Poppers, Dropdowns and Tooltips.', - }, - float: { - control: { - DEFAULT: {}, - hover: {}, - }, - }, - }, - }, - keyboard: { - focus: { - invalid: { - value: '0px 0px 0px 3px rgba(255, 73, 83, 0.5)', - description: 'Keyboard focus styles for elements with invalid state.', - }, - valid: { - value: '0px 0px 0px 3px rgba(0, 159, 129, 0.5)', - description: 'Keyboard focus styles for elements with valid state.', - }, - invert: { - value: '0px 0px 0px 3px rgba(255, 255, 255, 0.8)', - description: 'Keyboard focus styles for use on dark backgrounds.', - }, - DEFAULT: { - value: '0px 0px 0px 3px rgba(0, 143, 248, 0.5)', - description: 'Default keyboard focus box-shadow styles.', - }, - }, - }, - }, - sizes: { - form: { - control: { - s: { - value: '20px', - description: 'Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions.', - }, - m: { - value: '28px', - description: 'Default size of the controls.', - }, - l: { - value: '40px', - description: 'Large size of the controls.', - }, - }, - }, - }, - radii: { - addon: { - rounded: { - value: '4px', - description: 'Use for rounding addons and small controls like Checkbox.', - }, - }, - badge: { - rounded: { - value: '6px', - description: 'Use for rounding Badge.', - }, - }, - chart: { - rounded: { - value: '2px', - description: 'Use for rounding big and small charts like bar, histogram and others.', - }, - }, - counter: { - rounded: { - value: '12px', - description: 'Use for rounding Counter.', - }, - }, - tag: { - rounded: { - value: '24px', - description: 'Use for rounding Tag.', - }, - }, - switch: { - rounded: { - value: '24px', - description: 'Use for rounding Switch.', - }, - }, - control: { - rounded: { - value: '6px', - description: 'Use for rounding all form controls: Button, FilterTrigger, Input, Textarea, Pills, etc.', - }, - }, - progress: { - bar: { - rounded: { - value: '6px', - description: 'Use for rounding bars: ProgressBar, SliderBar, etc.', - }, - }, - }, - surface: { - rounded: { - value: '6px', - description: 'Use for rounding surfaces like Card, blocks, widgets, Notice, etc.', - }, - }, - popper: { - rounded: { - value: '6px', - description: 'Use for rounding all kinds of poppers and dropdowns.', - }, - }, - modal: { - rounded: { - value: '12px', - description: 'Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard).', - }, - }, - }, - durations: { - switch: { - value: '100', - description: 'Use for small controls like Switch or Slider.', - }, - popper: { - value: '200', - description: 'Use for components based on popper like Tooltip, Dropdown or Filter trigger.', - }, - control: { - value: '200', - description: 'Use for small controls like Checkbox or Radio.', - }, - modal: { - value: '200', - description: 'Use for Modal, Fullscreen Modal, Side panel or other kind of windows.', - }, - accordion: { - value: '200', - description: 'Use for Accordion.', - }, - counter: { - value: '200', - description: 'Use for Summary or Counter.', - }, - }, - }, - }, -}); From 3da17d4345392ac82f3c3c4d41f14bc964bd53fc Mon Sep 17 00:00:00 2001 From: Slizhevsky Vladislav Date: Tue, 17 Mar 2026 13:32:56 +0100 Subject: [PATCH 06/16] [UIK-4939][core] added panda-preset codegeneration/panda-preset --- .gitignore | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.gitignore b/.gitignore index 2f0dfec0d5..ff193c4677 100644 --- a/.gitignore +++ b/.gitignore @@ -60,7 +60,7 @@ semcore/illustration/**/*.d.ts !semcore/illustration/src/**/*.d.ts # Panda-preset -semcore/core/theme/themes/panda-preset.ts +semcore/core/src/theme/themes/panda-preset.ts # Fix From 3adb6008c658eab7aa1b78cc82312e6aa7b08693 Mon Sep 17 00:00:00 2001 From: Valeryia Zimnitskaya Date: Wed, 18 Mar 2026 14:18:36 +0100 Subject: [PATCH 07/16] [date-picker] update test --- .../month-range-comparator.browser-test.tsx | 31 ++++++++++++++++--- 1 file changed, 27 insertions(+), 4 deletions(-) diff --git a/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx b/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx index 98246ec29b..4451aecbe4 100644 --- a/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx +++ b/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx @@ -207,7 +207,6 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { await test.step('Verify trigger svg attributes', async () => { const svg = locators.monthRangeComparatorPickerTrigger(page).locator('svg'); - await expect(svg).toHaveAttribute('tabindex', '-1'); await expect(svg).toHaveAttribute('aria-hidden', 'true'); await expect(svg).toHaveAttribute('width', '16'); await expect(svg).toHaveAttribute('height', '16'); @@ -404,6 +403,8 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { await page.keyboard.press('Tab'); await page.keyboard.press('Tab'); + await expect(locators.monthRangeComparatorPickerTrigger(page)).toBeFocused(); + await page.keyboard.press('Enter'); await locators.button(page, 'Previous year').waitFor({ state: 'visible' }); @@ -412,6 +413,7 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { await page.keyboard.press('Escape'); await locators.button(page, 'Previous year').waitFor({ state: 'hidden' }); + await expect(locators.monthRangeComparatorPickerTrigger(page)).toBeFocused(); await page.keyboard.press('Space'); await locators.button(page, 'Previous year').waitFor({ state: 'visible' }); @@ -430,6 +432,7 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { ]); await page.keyboard.press('Tab'); + await expect(locators.button(page, 'Previous year')).toBeFocused(); await page.keyboard.press('Enter'); const [titleAfterFirstEnterFrom, titleAfterFirstEnterTo] = await Promise.all([ @@ -461,13 +464,21 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { ).toBeFocused(); await page.keyboard.press('Tab'); + await expect(locators.button(page, 'Next year')).toBeFocused(); + await page.keyboard.press('Tab'); await page.waitForTimeout(50); await expect(buttons.first()).toBeFocused(); await page.keyboard.press('Tab'); + await expect(buttons.nth(1)).toBeFocused(); + await page.keyboard.press('Tab'); + await expect(buttons.nth(2)).toBeFocused(); + await page.keyboard.press('Tab'); + await expect(buttons.nth(3)).toBeFocused(); + await page.keyboard.press('Tab'); await page.waitForTimeout(50); await expect(locators.button(page, 'Apply')).toBeFocused(); @@ -519,16 +530,28 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { expect(afterRightFrom2).not.toBe(afterUpFrom2); await page.keyboard.press('Shift+Tab'); + await expect(locators.button(page, 'Next year')).toBeFocused(); + await page.keyboard.press('Shift+Tab'); await page.keyboard.press('Shift+Tab'); + if (!(await locators.button(page, 'Previous year').evaluate((el) => el === document.activeElement))) { + await page.keyboard.press('Shift+Tab'); + } + await expect(locators.button(page, 'Previous year')).toBeFocused(); + + await page.keyboard.press('Shift+Tab'); + await expect(page.locator('[data-ui-name="Checkbox.Value"]')).toBeFocused(); await page.keyboard.press('Space'); await page.waitForTimeout(100); await page.keyboard.press('Tab'); - await expect( - page.locator('[data-ui-name="MonthDateRangeComparator.CompareDateRange"]').nth(2), - ).toBeFocused(); + const compareDateRange = page.locator('[data-ui-name="MonthDateRangeComparator.CompareDateRange"]').nth(2); + if (!(await compareDateRange.evaluate((el) => el === document.activeElement))) { + await page.keyboard.press('Tab'); + await page.keyboard.press('Tab'); + } + await expect(compareDateRange).toBeFocused(); await page.keyboard.press('Tab'); await page.keyboard.press('Tab'); From 2b4b10961a714dad266cfd9495493d8a69c2d7ad Mon Sep 17 00:00:00 2001 From: Valeryia Zimnitskaya Date: Wed, 18 Mar 2026 14:22:38 +0100 Subject: [PATCH 08/16] [date-picker] update test --- semcore/date-picker/__tests__/month-picker.browser-test.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/semcore/date-picker/__tests__/month-picker.browser-test.tsx b/semcore/date-picker/__tests__/month-picker.browser-test.tsx index 590255d51f..3fa2dd335b 100644 --- a/semcore/date-picker/__tests__/month-picker.browser-test.tsx +++ b/semcore/date-picker/__tests__/month-picker.browser-test.tsx @@ -105,7 +105,8 @@ test.describe(`${TAG.VISUAL}`, () => { await locators.button(page, 'Previous year').waitFor({ state: 'visible' }); await test.step('Verify style of month cell', async () => { - await checkStyle(locators.cells(page, 2), { + const nonSelectedCell = page.locator('[data-ui-name="CalendarMonths.Unit"]:not([class*="Selected"])').first(); + await checkStyle(nonSelectedCell, { color: 'rgb(25, 27, 35)', backgroundColor: 'rgb(255, 255, 255)', margin: '4px 0px 0px', From a992e1f479730b1357cd1149ea0233e7ab052729 Mon Sep 17 00:00:00 2001 From: Slizhevsky Vladislav Date: Wed, 18 Mar 2026 15:39:49 +0100 Subject: [PATCH 09/16] [UIK-4939][core] added panda-preset codegeneration/panda-preset --- semcore/core/src/theme/panda-processor.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/semcore/core/src/theme/panda-processor.ts b/semcore/core/src/theme/panda-processor.ts index e5b582de84..f1b9e1e070 100644 --- a/semcore/core/src/theme/panda-processor.ts +++ b/semcore/core/src/theme/panda-processor.ts @@ -9,7 +9,7 @@ const INTERGALACTIC_TYPE_TO_PANDA: Record = { color: 'colors', sizing: 'sizes', spacing: 'spacing', - fonts: 'fontFamilies', + fontFamilies: 'fonts', fontSizes: 'fontSizes', fontWeights: 'fontWeights', letterSpacing: 'letterSpacings', From 91ae6bcfde77642cecb3177e7e9bc973c397482c Mon Sep 17 00:00:00 2001 From: Julia Mnizhek Date: Thu, 26 Mar 2026 17:07:34 +0100 Subject: [PATCH 10/16] [core] fix fs and lh tokens order and docs --- semcore/core/src/theme/dark.json | 130 +-- semcore/core/src/theme/light.css | 747 ++++++++++++++++++ semcore/core/src/theme/light.json | 130 +-- semcore/core/src/theme/themes/auto.css | 96 +-- semcore/core/src/theme/themes/dark.css | 48 +- semcore/core/src/theme/themes/dark.ts | 24 +- semcore/core/src/theme/themes/default.css | 48 +- semcore/core/src/theme/themes/default.ts | 24 +- semcore/core/src/theme/themes/light.css | 48 +- semcore/core/src/theme/themes/light.ts | 24 +- .../.vitepress/resolve-semcore-sources.ts | 16 +- .../style/design-tokens/design-tokens.json | 368 ++++----- .../docs/style/design-tokens/design-tokens.md | 26 +- 13 files changed, 1248 insertions(+), 481 deletions(-) create mode 100644 semcore/core/src/theme/light.css diff --git a/semcore/core/src/theme/dark.json b/semcore/core/src/theme/dark.json index f11c105613..ce12822ab6 100644 --- a/semcore/core/src/theme/dark.json +++ b/semcore/core/src/theme/dark.json @@ -409,66 +409,6 @@ "type": "fontFamilies", "description": "Base font family." }, - "lh-800": { - "value": "117%", - "type": "lineHeights", - "description": "Use with font-size-800." - }, - "lh-700": { - "value": "110%", - "type": "lineHeights", - "description": "Use with font-size-700." - }, - "lh-600": { - "value": "125%", - "type": "lineHeights", - "description": "Use with font-size-600." - }, - "lh-500": { - "value": "117%", - "type": "lineHeights", - "description": "Use with font-size-500." - }, - "lh-400": { - "value": "120%", - "type": "lineHeights", - "description": "Use with font-size-400." - }, - "lh-300": { - "value": "150%", - "type": "lineHeights", - "description": "Use with font-size-300." - }, - "lh-200": { - "value": "142%", - "type": "lineHeights", - "description": "Use with font-size-200." - }, - "lh-100": { - "value": "133%", - "type": "lineHeights", - "description": "Use with font-size-100." - }, - "semi-bold": { - "value": "600", - "type": "fontWeights", - "description": "Semi-bold font weight." - }, - "bold": { - "value": "700", - "type": "fontWeights", - "description": "Bold font weight." - }, - "regular": { - "value": "400", - "type": "fontWeights", - "description": "Regular font weight." - }, - "medium": { - "value": "500", - "type": "fontWeights", - "description": "Medium font weight." - }, "fs-50": { "value": "10px", "type": "fontSizes", @@ -507,6 +447,66 @@ "value": "48px", "type": "fontSizes" }, + "lh-100": { + "value": "133%", + "type": "lineHeights", + "description": "Use with font-size-100." + }, + "lh-200": { + "value": "142%", + "type": "lineHeights", + "description": "Use with font-size-200." + }, + "lh-300": { + "value": "150%", + "type": "lineHeights", + "description": "Use with font-size-300." + }, + "lh-400": { + "value": "120%", + "type": "lineHeights", + "description": "Use with font-size-400." + }, + "lh-500": { + "value": "117%", + "type": "lineHeights", + "description": "Use with font-size-500." + }, + "lh-600": { + "value": "125%", + "type": "lineHeights", + "description": "Use with font-size-600." + }, + "lh-700": { + "value": "110%", + "type": "lineHeights", + "description": "Use with font-size-700." + }, + "lh-800": { + "value": "117%", + "type": "lineHeights", + "description": "Use with font-size-800." + }, + "semi-bold": { + "value": "600", + "type": "fontWeights", + "description": "Semi-bold font weight." + }, + "bold": { + "value": "700", + "type": "fontWeights", + "description": "Bold font weight." + }, + "regular": { + "value": "400", + "type": "fontWeights", + "description": "Regular font weight." + }, + "medium": { + "value": "500", + "type": "fontWeights", + "description": "Medium font weight." + }, "compact": { "value": "0.3", "type": "letterSpacing", @@ -602,11 +602,6 @@ "value": "24px", "type": "borderRadius" }, - "disabled-opacity": { - "value": "0.3", - "type": "opacity", - "description": "Use for the disabled state of all kind of the controls and elements." - }, "screen-extra-small": { "value": "320px", "type": "sizing", @@ -1769,6 +1764,11 @@ "description": "Google My Business brand color." } }, + "disabled-opacity": { + "value": "0.3", + "type": "opacity", + "description": "Use for the disabled state of all kind of the controls and elements." + }, "box-shadow": { "card": { "value": "0px 0px 1px 0px rgba({gray.800}, 0.16); 0px 1px 2px 0px rgba({gray.800}, 0.12)", diff --git a/semcore/core/src/theme/light.css b/semcore/core/src/theme/light.css new file mode 100644 index 0000000000..410604b601 --- /dev/null +++ b/semcore/core/src/theme/light.css @@ -0,0 +1,747 @@ +:root { + --white: oklch(1 0 0); + + /* pink */ + --pink-50: oklch(0.966 0.004 115.552); + --pink-100: oklch(0.904 0.011 115.552); + --pink-200: oklch(0.824 0.02 115.552); + --pink-300: oklch(0.74 0.03 115.552); + --pink-400: oklch(0.66 0.04 115.552); + --pink-500: oklch(0.54 0.036 115.552); + --pink-600: oklch(0.41 0.027 115.552); + --pink-700: oklch(0.29 0.019 115.552); + --pink-800: oklch(0.22 0.015 115.552); + + /* violet-dusty */ + --violet-dusty-50: oklch(0.966 0.004 189.338); + --violet-dusty-100: oklch(0.904 0.011 189.338); + --violet-dusty-200: oklch(0.824 0.02 189.338); + --violet-dusty-300: oklch(0.74 0.03 189.338); + --violet-dusty-400: oklch(0.66 0.034 189.338); + --violet-dusty-500: oklch(0.54 0.028 189.338); + --violet-dusty-600: oklch(0.41 0.021 189.338); + --violet-dusty-700: oklch(0.29 0.015 189.338); + --violet-dusty-800: oklch(0.22 0.011 189.338); + + /* gray */ + --gray-50: oklch(0.966 0.001 277.6); + --gray-100: oklch(0.904 0.004 277.6); + --gray-200: oklch(0.824 0.007 277.6); + --gray-300: oklch(0.74 0.01 277.6); + --gray-400: oklch(0.66 0.013 277.6); + --gray-500: oklch(0.54 0.017 277.6); + --gray-600: oklch(0.41 0.013 277.6); + --gray-700: oklch(0.29 0.009 277.6); + --gray-800: oklch(0.22 0.007 277.6); + + /* red */ + --red-50: oklch(0.966 0.022 27.658); + --red-100: oklch(0.904 0.065 27.658); + --red-200: oklch(0.824 0.119 27.658); + --red-300: oklch(0.74 0.175 27.658); + --red-400: oklch(0.66 0.229 27.658); + --red-500: oklch(0.54 0.203 27.658); + --red-600: oklch(0.41 0.154 27.658); + --red-700: oklch(0.29 0.109 27.658); + --red-800: oklch(0.22 0.083 27.658); + + /* orange */ + --orange-50: oklch(0.96 0.026 38.47); + --orange-100: oklch(0.904 0.063 38.47); + --orange-200: oklch(0.824 0.116 38.47); + --orange-300: oklch(0.74 0.171 38.47); + --orange-400: oklch(0.66 0.19 38.47); + --orange-500: oklch(0.54 0.156 38.47); + --orange-600: oklch(0.41 0.118 38.47); + --orange-700: oklch(0.29 0.084 38.47); + --orange-800: oklch(0.22 0.063 38.47); + + /* yellow */ + --yellow-50: oklch(0.96 0.039 80.292); + --yellow-100: oklch(0.904 0.094 80.292); + --yellow-200: oklch(0.824 0.161 80.292); + --yellow-300: oklch(0.74 0.145 80.292); + --yellow-400: oklch(0.66 0.129 80.292); + --yellow-500: oklch(0.54 0.106 80.292); + --yellow-600: oklch(0.41 0.08 80.292); + --yellow-700: oklch(0.29 0.057 80.292); + --yellow-800: oklch(0.22 0.043 80.292); + + /* salad */ + --salad-50: oklch(0.96 0.023 147.344); + --salad-100: oklch(0.904 0.056 147.344); + --salad-200: oklch(0.824 0.103 147.344); + --salad-300: oklch(0.74 0.152 147.344); + --salad-400: oklch(0.66 0.151 147.344); + --salad-500: oklch(0.54 0.124 147.344); + --salad-600: oklch(0.41 0.094 147.344); + --salad-700: oklch(0.29 0.066 147.344); + --salad-800: oklch(0.22 0.05 147.344); + + /* green */ + --green-50: oklch(0.966 0.038 170.688); + --green-100: oklch(0.904 0.106 170.688); + --green-200: oklch(0.824 0.16 170.688); + --green-300: oklch(0.74 0.143 170.688); + --green-400: oklch(0.66 0.128 170.688); + --green-500: oklch(0.54 0.105 170.688); + --green-600: oklch(0.41 0.079 170.688); + --green-700: oklch(0.29 0.056 170.688); + --green-800: oklch(0.22 0.043 170.688); + + /* blue */ + --blue-hue: 263.265; + --blue-50: oklch(0.966 0.016 var(--blue-hue)); + --blue-100: oklch(0.904 0.045 var(--blue-hue)); + --blue-200: oklch(0.824 0.082 var(--blue-hue)); + --blue-300: oklch(0.74 0.121 var(--blue-hue)); + --blue-400: oklch(0.66 0.158 var(--blue-hue)); + --blue-500: oklch(0.54 0.214 var(--blue-hue)); + --blue-600: oklch(0.41 0.164 var(--blue-hue)); + --blue-700: oklch(0.29 0.116 var(--blue-hue)); + --blue-800: oklch(0.22 0.088 var(--blue-hue)); + + /* violet */ + --violet-50: oklch(0.966 0.02 296.031); + --violet-100: oklch(0.904 0.058 295.962); + --violet-200: oklch(0.824 0.106 295.962); + --violet-300: oklch(0.74 0.156 295.962); + --violet-400: oklch(0.66 0.204 295.962); + --violet-500: oklch(0.54 0.27 295.962); + --violet-600: oklch(0.41 0.205 295.962); + --violet-700: oklch(0.29 0.145 295.962); + --violet-800: oklch(0.22 0.11 295.962); + + /* ============================================================================================ */ + /* ============================================================================================ */ + /* ============================================================================================ */ + + /* Background */ + --intergalactic-bg-primary-neutral: var(--white); + --intergalactic-bg-primary-neutral-hover: var(--gray-50); + --intergalactic-bg-primary-neutral-active: var(--gray-100); + --intergalactic-bg-primary-info: var(--blue-400); + --intergalactic-bg-primary-success: var(--green-400); + --intergalactic-bg-primary-critical: var(--red-400); + --intergalactic-bg-primary-warning: var(--orange-400); + --intergalactic-bg-primary-highlight: var(--yellow-100); + --intergalactic-bg-primary-advertising: var(--violet-700); + --intergalactic-bg-primary-muted: var(--gray-500); + --intergalactic-bg-primary-invert: var(--gray-800); + --intergalactic-bg-primary-invert-hover: var(--gray-700); + --intergalactic-bg-primary-invert-active: var(--gray-600); + + --intergalactic-bg-secondary-neutral: var(--gray-50); + --intergalactic-bg-secondary-neutral-hover: var(--gray-100); + --intergalactic-bg-secondary-neutral-active: var(--gray-200); + --intergalactic-bg-secondary-info: var(--blue-50); + --intergalactic-bg-secondary-info-hover: var(--blue-100); + --intergalactic-bg-secondary-info-active: var(--blue-200); + --intergalactic-bg-secondary-success: var(--green-50); + --intergalactic-bg-secondary-success-hover: var(--green-100); + --intergalactic-bg-secondary-success-active: var(--green-200); + --intergalactic-bg-secondary-critical: var(--red-50); + --intergalactic-bg-secondary-critical-hover: var(--red-100); + --intergalactic-bg-secondary-critical-active: var(--red-200); + --intergalactic-bg-secondary-warning: var(--orange-50); + --intergalactic-bg-secondary-warning-hover: var(--orange-100); + --intergalactic-bg-secondary-warning-active: var(--orange-200); + --intergalactic-bg-secondary-highlight: var(--yellow-50); + --intergalactic-bg-secondary-highlight-hover: var(--yellow-100); + --intergalactic-bg-secondary-highlight-active: var(--yellow-200); + --intergalactic-bg-secondary-advertising: var(--violet-50); + --intergalactic-bg-secondary-advertising-hover: var(--violet-100); + --intergalactic-bg-secondary-advertising-active: var(--violet-200); + + --intergalactic-bg-highlight-results: oklch( + from var(--yellow-300) l c h / 0.4 + ); + --intergalactic-bg-highlight-focus: oklch(from var(--blue-400) l c h / 0.2); + + /* Text */ + --intergalactic-text-primary: var(--gray-800); + --intergalactic-text-secondary: var(--gray-500); + --intergalactic-text-placeholder: var(--gray-400); + --intergalactic-text-success: var(--green-500); + --intergalactic-text-success-hover-active: var(--green-600); + --intergalactic-text-critical: var(--red-500); + --intergalactic-text-critical-hover-active: var(--red-600); + --intergalactic-text-primary-invert: var(--white); + --intergalactic-text-secondary-invert: oklch(from var(--white) l c h / 0.8); + --intergalactic-text-link: var(--blue-500); + --intergalactic-text-link-hover-active: var(--blue-600); + --intergalactic-text-link-invert: var(--blue-200); + --intergalactic-text-link-invert-hover: var(--blue-300); + --intergalactic-text-link-visited: var(--violet-500); + --intergalactic-text-hint: var(--gray-500); + --intergalactic-text-hint-hover-active: var(--gray-600); + --intergalactic-text-hint-invert: var(--gray-200); + --intergalactic-text-hint-invert-hover-active: var(--gray-300); + --intergalactic-text-large-secondary: var(--gray-300); + --intergalactic-text-large-info: var(--blue-400); + --intergalactic-text-large-info-hover-active: var(--blue-500); + --intergalactic-text-large-success: var(--green-400); + --intergalactic-text-large-success-hover-active: var(--green-500); + --intergalactic-text-large-critical: var(--red-400); + --intergalactic-text-large-critical-hover-active: var(--red-500); + --intergalactic-text-advertising: var(--violet-700); + + /* Border */ + --intergalactic-border-primary: var(--gray-200); + --intergalactic-border-secondary: var(--gray-100); + --intergalactic-border-info: var(--blue-200); + --intergalactic-border-info-active: var(--blue-500); + --intergalactic-border-success: var(--green-200); + --intergalactic-border-success-active: var(--green-500); + --intergalactic-border-critical: var(--red-200); + --intergalactic-border-critical-active: var(--red-500); + --intergalactic-border-warning: var(--orange-200); + --intergalactic-border-warning-active: var(--orange-500); + --intergalactic-border-primary-invert: var(--white); + --intergalactic-border-secondary-invert: oklch(from var(--white) l c h / 0.3); + --intergalactic-border-tooltip-invert: var(--gray-500); + --intergalactic-border-table-accent: var(--gray-300); + --intergalactic-border-date-picker-range-comparison: var(--violet-500); + --intergalactic-border-critical-pattern: repeating-linear-gradient( + 315deg, + var(--intergalactic-border-critical-active) 0, + var(--intergalactic-border-critical-active) 2px, + transparent 0, + transparent 50% + ); + + /* Control */ + --intergalactic-control-switch-bg: var(--gray-300); + --intergalactic-control-primary-info: var(--gray-800); + --intergalactic-control-primary-info-hover: var(--gray-700); + --intergalactic-control-primary-info-active: var(--gray-600); + --intergalactic-control-primary-success: var(--green-400); + --intergalactic-control-primary-success-hover: var(--green-500); + --intergalactic-control-primary-success-active: var(--green-600); + --intergalactic-control-primary-critical: var(--red-400); + --intergalactic-control-primary-critical-hover: var(--red-500); + --intergalactic-control-primary-critical-active: var(--red-600); + --intergalactic-control-primary-brand: var(--orange-400); + --intergalactic-control-primary-brand-hover: var(--orange-500); + --intergalactic-control-primary-brand-active: var(--orange-600); + --intergalactic-control-primary-advertising: var(--violet-600); + --intergalactic-control-primary-advertising-hover: var(--violet-700); + --intergalactic-control-primary-advertising-active: var(--violet-500); + --intergalactic-control-primary-invert: var(--white); + --intergalactic-control-primary-invert-hover: var(--gray-50); + --intergalactic-control-primary-invert-active: var(--gray-100); + --intergalactic-control-secondary-neutral: oklch( + from var(--gray-400) l c h / 0.1 + ); + --intergalactic-control-secondary-neutral-hover: oklch( + from var(--gray-400) l c h / 0.2 + ); + --intergalactic-control-secondary-neutral-active: oklch( + from var(--gray-400) l c h / 0.3 + ); + --intergalactic-control-secondary-info: oklch( + from var(--blue-400) l c h / 0.1 + ); + --intergalactic-control-secondary-info-hover: oklch( + from var(--blue-400) l c h / 0.2 + ); + --intergalactic-control-secondary-info-active: oklch( + from var(--blue-400) l c h / 0.3 + ); + --intergalactic-control-secondary-invert: oklch( + from var(--white) l c h / 0.05 + ); + --intergalactic-control-secondary-invert-hover: oklch( + from var(--white) l c h / 0.1 + ); + --intergalactic-control-secondary-invert-active: oklch( + from var(--white) l c h / 0.3 + ); + --intergalactic-control-tertiary-neutral: oklch( + from var(--gray-400) l c h / 0 + ); + --intergalactic-control-tertiary-neutral-hover: oklch( + from var(--gray-400) l c h / 0.2 + ); + --intergalactic-control-tertiary-neutral-active: oklch( + from var(--gray-400) l c h / 0.3 + ); + --intergalactic-control-tertiary-info: oklch(from var(--blue-400) l c h / 0); + --intergalactic-control-tertiary-info-hover: oklch( + from var(--blue-400) l c h / 0.2 + ); + --intergalactic-control-tertiary-info-active: oklch( + from var(--blue-400) l c h / 0.3 + ); + --intergalactic-control-tertiary-invert: oklch(from var(--white) l c h / 0); + --intergalactic-control-tertiary-invert-hover: oklch( + from var(--white) l c h / 0.1 + ); + --intergalactic-control-tertiary-invert-active: oklch( + from var(--white) l c h / 0.3 + ); + + /* Icon */ + --intergalactic-icon-primary-neutral: var(--gray-500); + --intergalactic-icon-primary-neutral-hover-active: oklch( + from var(--gray-500) calc(l * 0.8) c h + ); + --intergalactic-icon-primary-info: var(--blue-500); + --intergalactic-icon-primary-info-hover-active: oklch( + from var(--blue-500) calc(l * 0.8) c h + ); + --intergalactic-icon-primary-success: var(--green-400); + --intergalactic-icon-primary-success-hover-active: oklch( + from var(--green-400) calc(l * 0.8) c h + ); + --intergalactic-icon-primary-critical: var(--red-400); + --intergalactic-icon-primary-critical-hover-active: oklch( + from var(--red-400) calc(l * 0.8) c h + ); + --intergalactic-icon-primary-warning: var(--orange-400); + --intergalactic-icon-primary-warning-hover-active: oklch( + from var(--orange-400) calc(l * 0.8) c h + ); + --intergalactic-icon-primary-invert: var(--white); + --intergalactic-icon-primary-invert-hover-active: var(--gray-100); + --intergalactic-icon-secondary-neutral: var(--gray-300); + --intergalactic-icon-secondary-neutral-hover-active: oklch( + from var(--gray-300) calc(l * 0.8) c h + ); + --intergalactic-icon-secondary-info: var(--blue-300); + --intergalactic-icon-secondary-info-hover-active: oklch( + from var(--blue-300) calc(l * 0.8) c h + ); + --intergalactic-icon-secondary-success: var(--green-300); + --intergalactic-icon-secondary-success-hover-active: oklch( + from var(--green-300) calc(l * 0.8) c h + ); + --intergalactic-icon-secondary-critical: var(--red-300); + --intergalactic-icon-secondary-critical-hover-active: oklch( + from var(--red-300) calc(l * 0.8) c h + ); + --intergalactic-icon-secondary-warning: var(--orange-300); + --intergalactic-icon-secondary-warning-hover-active: oklch( + from var(--orange-300) calc(l * 0.8) c h + ); + --intergalactic-icon-non-interactive: var(--gray-800); + + /* Date Picker */ + --intergalactic-date-picker-cell: var(--white); + --intergalactic-date-picker-cell-current: var(--gray-400); + --intergalactic-date-picker-cell-hover: var(--gray-100); + --intergalactic-date-picker-cell-range: var(--blue-100); + --intergalactic-date-picker-cell-range-hover: var(--blue-200); + --intergalactic-date-picker-cell-active: var(--blue-300); + --intergalactic-date-picker-cell-active-hover: var(--blue-400); + --intergalactic-date-picker-cell-current-invert: oklch( + from var(--white) l c h / 0.5 + ); + --intergalactic-date-picker-cell-comparison-active: var(--violet-500); + --intergalactic-date-picker-cell-comparison-active-hover: var(--violet-600); + + /* Dropdown Menu */ + --intergalactic-dropdown-menu-item: var(--white); + --intergalactic-dropdown-menu-item-hover: var(--gray-50); + --intergalactic-dropdown-menu-item-selected: oklch( + from var(--blue-100) l c h / 0.7 + ); + --intergalactic-dropdown-menu-item-selected-hover: var(--blue-100); + + /* Feature Popover */ + --intergalactic-feature-popover-dot-outer-border: var( + --intergalactic-bg-primary-highlight + ); + + /* Progress Bar */ + --intergalactic-progress-bar-bg: var(--gray-100); + --intergalactic-progress-bar-bg-hover: var(--gray-200); + --intergalactic-progress-bar-bg-invert: oklch(from var(--white) l c h / 0.2); + --intergalactic-progress-bar-bg-invert-hover: oklch( + from var(--white) l c h / 0.4 + ); + --intergalactic-progress-bar-value: var(--green-400); + --intergalactic-progress-bar-value-gradient: linear-gradient( + -45deg, + oklch(from var(--green-300) l c h / 0.9) 25%, + var(--green-300) 0%, + var(--green-300) 50%, + oklch(from var(--green-300) l c h / 0.9) 0%, + oklch(from var(--green-300) l c h / 0.9) 75%, + var(--green-300) 0% + ); + --intergalactic-progress-bar-pattern-gradient: linear-gradient( + -45deg, + oklch(from var(--gray-100) l c h / 0.9) 25%, + var(--gray-100) 0%, + var(--gray-100) 50%, + oklch(from var(--gray-100) l c h / 0.9) 0%, + oklch(from var(--gray-100) l c h / 0.9) 75%, + var(--gray-100) 0% + ); + --intergalactic-progress-bar-value-bg: oklch(0 0 0); + + /* Skeleton */ + --intergalactic-skeleton-bg: oklch(from var(--gray-100) l c h / 0.8); + --intergalactic-skeleton-bg-invert: oklch(from var(--white) l c h / 0.3); + + /* Slider Rating */ + --intergalactic-slider-rating-normal: var( + --intergalactic-icon-secondary-neutral + ); + --intergalactic-slider-rating-hover-active: var(--yellow-200); + + /* Table */ + --intergalactic-table-th-primary-cell: var(--gray-50); + --intergalactic-table-th-primary-cell-hover: var(--gray-100); + --intergalactic-table-th-primary-cell-active: var(--gray-100); + --intergalactic-table-th-secondary-cell: var(--white); + --intergalactic-table-th-gradient: linear-gradient( + to right, + oklch(from var(--gray-100) l c h / 0) 0%, + var(--gray-100) 100% + ); + --intergalactic-table-td-cell: var(--white); + --intergalactic-table-td-cell-hover: oklch( + from var(--gray-100) calc(l + (1 - l) * 0.5) c h + ); + --intergalactic-table-td-cell-active: oklch( + from var(--gray-100) calc(l + (1 - l) * 0.2) c h + ); + --intergalactic-table-td-cell-unread: var(--gray-50); + --intergalactic-table-td-cell-accordion: var(--gray-50); + --intergalactic-table-td-cell-selected: var(--blue-50); + --intergalactic-table-td-cell-selected-hover: var(--blue-100); + --intergalactic-table-td-cell-selected-active: var(--blue-100); + --intergalactic-table-td-cell-new: var(--green-50); + --intergalactic-table-td-cell-new-hover: var(--green-100); + --intergalactic-table-td-cell-new-active: var(--green-100); + --intergalactic-table-td-cell-critical: var(--red-50); + --intergalactic-table-td-cell-critical-hover: var(--red-100); + --intergalactic-table-td-cell-critical-active: var(--red-100); + --intergalactic-table-td-cell-warning: var(--orange-50); + --intergalactic-table-td-cell-warning-hover: var(--orange-100); + --intergalactic-table-td-cell-warning-active: var(--orange-100); + + /* Brand */ + --intergalactic-brand-primary: var(--orange-400); + --intergalactic-brand-secondary: var(--violet-700); + --intergalactic-brand-pinterest: #bd081c; + --intergalactic-brand-instagram: #e4405f; + --intergalactic-brand-youtube: #ff0000; + --intergalactic-brand-facebook: #1877f2; + --intergalactic-brand-linkedIn: #0a66c2; + --intergalactic-brand-twitter: #1d9bf0; + --intergalactic-brand-google-blue: #1a0dab; + --intergalactic-brand-google-green: #016723; + --intergalactic-brand-google-my-business: #1a73e8; + + /* Box Shadow */ + --intergalactic-box-shadow-card: 0px 0px 1px 0px + oklch(from var(--gray-800) l c h / 0.16), + 0px 1px 2px 0px oklch(from var(--gray-800) l c h / 0.12); + --intergalactic-box-shadow-card-hover: 3px 3px 30px 0px + oklch(from var(--gray-800) l c h / 0.15); + --intergalactic-box-shadow-dnd: 0px 0px 1px 0px + oklch(from var(--gray-800) l c h / 0.16), + 0px 12px 40px 0px oklch(from var(--gray-800) l c h / 0.16); + --intergalactic-box-shadow-modal: 0px 3px 8px 0px + oklch(from var(--gray-800) l c h / 0.2); + --intergalactic-box-shadow-popper: 0px 1px 12px 0px + oklch(from var(--gray-800) l c h / 0.15); + --intergalactic-box-shadow-float-control: 0px 0px 1px 0px oklch(0 0 0 / 0.16), + 0px 1px 2px 0px oklch(0 0 0 / 0.12); + --intergalactic-box-shadow-float-control-hover: 0px 0px 2px 0px + oklch(0 0 0 / 0.2), + 0px 1px 4px 0px oklch(0 0 0 / 0.16); + + /* Keyboard Focus */ + --intergalactic-keyboard-focus-outline: oklch( + from var(--blue-400) l c h / 0.5 + ); + --intergalactic-keyboard-focus-outline-invert: oklch( + from var(--white) l c h / 0.7 + ); + --intergalactic-keyboard-focus: 0px 0px 0px 3px + var(--intergalactic-keyboard-focus-outline); + --intergalactic-keyboard-focus-invalid-outline: oklch( + from var(--red-400) l c h / 0.5 + ); + --intergalactic-keyboard-focus-invalid: 0px 0px 0px 3px + var(--intergalactic-keyboard-focus-invalid-outline); + --intergalactic-keyboard-focus-valid-outline: oklch( + from var(--green-400) l c h / 0.5 + ); + --intergalactic-keyboard-focus-valid: 0px 0px 0px 3px + var(--intergalactic-keyboard-focus-valid-outline); + --intergalactic-keyboard-focus-invert: 0px 0px 0px 3px + var(--intergalactic-keyboard-focus-outline-invert); + + /* Typography */ + --base: Inter; + --intergalactic-lh-800: 117%; + --intergalactic-lh-700: 110%; + --intergalactic-lh-600: 125%; + --intergalactic-lh-500: 117%; + --intergalactic-lh-400: 120%; + --intergalactic-lh-300: 150%; + --intergalactic-lh-200: 142%; + --intergalactic-lh-100: 133%; + --intergalactic-semi-bold: 600; + --intergalactic-bold: 700; + --intergalactic-regular: 400; + --intergalactic-medium: 500; + --intergalactic-fs-50: 10px; + --intergalactic-fs-100: 12px; + --intergalactic-fs-200: 14px; + --intergalactic-fs-300: 16px; + --intergalactic-fs-400: 20px; + --intergalactic-fs-500: 24px; + --intergalactic-fs-600: 32px; + --intergalactic-fs-700: 36px; + --intergalactic-fs-800: 48px; + --intergalactic-compact: 0.3; + + /* Spacing & Sizing */ + --intergalactic-scale-indent: 4px; + --intergalactic-form-control-s: calc(var(--intergalactic-scale-indent) * 5); + --intergalactic-form-control-m: calc(var(--intergalactic-scale-indent) * 7); + --intergalactic-form-control-l: calc(var(--intergalactic-scale-indent) * 10); + --intergalactic-spacing-05x: calc(var(--intergalactic-scale-indent) * 0.5); + --intergalactic-spacing-1x: calc(var(--intergalactic-scale-indent) * 1); + --intergalactic-spacing-2x: calc(var(--intergalactic-scale-indent) * 2); + --intergalactic-spacing-3x: calc(var(--intergalactic-scale-indent) * 3); + --intergalactic-spacing-4x: calc(var(--intergalactic-scale-indent) * 4); + --intergalactic-spacing-5x: calc(var(--intergalactic-scale-indent) * 5); + --intergalactic-spacing-6x: calc(var(--intergalactic-scale-indent) * 6); + --intergalactic-spacing-8x: calc(var(--intergalactic-scale-indent) * 8); + --intergalactic-spacing-10x: calc(var(--intergalactic-scale-indent) * 10); + --intergalactic-spacing-14x: calc(var(--intergalactic-scale-indent) * 14); + --intergalactic-spacing-20x: calc(var(--intergalactic-scale-indent) * 20); + --intergalactic-spacing-24x: calc(var(--intergalactic-scale-indent) * 24); + --intergalactic-spacing-30x: calc(var(--intergalactic-scale-indent) * 30); + + /* Border Radius */ + --intergalactic-rounded-extra-small: 2px; + --intergalactic-rounded-small: 4px; + --intergalactic-rounded-medium: 6px; + --intergalactic-rounded-large: 12px; + --intergalactic-rounded-extra-large: 24px; + --intergalactic-addon-rounded: var(--intergalactic-rounded-small); + --intergalactic-badge-rounded: var(--intergalactic-rounded-medium); + --intergalactic-chart-rounded: var(--intergalactic-rounded-extra-small); + --intergalactic-counter-rounded: var(--intergalactic-rounded-large); + --intergalactic-tag-rounded: var(--intergalactic-rounded-extra-large); + --intergalactic-switch-rounded: var(--intergalactic-rounded-extra-large); + --intergalactic-control-rounded: var(--intergalactic-rounded-medium); + --intergalactic-progress-bar-rounded: var(--intergalactic-rounded-medium); + --intergalactic-surface-rounded: var(--intergalactic-rounded-medium); + --intergalactic-popper-rounded: var(--intergalactic-rounded-medium); + --intergalactic-modal-rounded: var(--intergalactic-rounded-large); + + /* Misc */ + --intergalactic-disabled-opacity: 0.3; + --intergalactic-screen-extra-small: 320px; + --intergalactic-screen-small: 768px; + --intergalactic-screen-medium: 1200px; + --intergalactic-screen-large: 1920px; + + /* Overlay */ + --intergalactic-overlay-primary: oklch(from var(--gray-800) l c h / 0.7); + --intergalactic-overlay-secondary: oklch(from var(--gray-800) l c h / 0.4); + --intergalactic-overlay-limitation-primary: var(--gray-50); + --intergalactic-overlay-limitation-secondary: oklch( + from var(--white) l c h / 0.85 + ); + + /* Z-index */ + --intergalactic-z-index-deep: -999; + --intergalactic-z-index-overlay: 500; + --intergalactic-z-index-modal: 900; + --intergalactic-z-index-popper: 700; + --intergalactic-z-index-dropdown: 750; + --intergalactic-z-index-tooltip: 800; + --intergalactic-z-index-notice-bubble: 999; + + /* Tooltip */ + --intergalactic-tooltip-default: var(--white); + --intergalactic-tooltip-warning: var(--red-100); + --intergalactic-tooltip-invert: var(--gray-800); + + /* Neighbor Location */ + --intergalactic-neighbor-location-neutral: oklch( + from var(--white) l c h / 0.5 + ); + --intergalactic-neighbor-location-invert: oklch(0 0 0 / 0.5); + + /* Scroll Area */ + --intergalactic-scroll-area-shadow-left: linear-gradient( + to right, + oklch(from var(--gray-800) l c h / 0.1) 20.55%, + oklch(from var(--white) l c h / 0.0001) 100% + ); + --intergalactic-scroll-area-shadow-right: linear-gradient( + to left, + oklch(from var(--gray-800) l c h / 0.1) 20.55%, + oklch(from var(--white) l c h / 0.0001) 100% + ); + --intergalactic-scroll-area-shadow-top: linear-gradient( + to bottom, + oklch(from var(--gray-800) l c h / 0.1) 20.55%, + oklch(from var(--white) l c h / 0.0001) 100% + ); + --intergalactic-scroll-area-shadow-bottom: linear-gradient( + to top, + oklch(from var(--gray-800) l c h / 0.1) 20.55%, + oklch(from var(--white) l c h / 0.0001) 100% + ); + --intergalactic-scroll-area-dropdown-menu-left: linear-gradient( + to right, + var(--white) 34.38%, + oklch(from var(--white) l c h / 0) 100% + ); + --intergalactic-scroll-area-dropdown-menu-right: linear-gradient( + to left, + var(--white) 34.38%, + oklch(from var(--white) l c h / 0) 100% + ); + --intergalactic-scroll-area-dropdown-menu-bottom: linear-gradient( + to top, + var(--white) 34.38%, + oklch(from var(--white) l c h / 0) 100% + ); + --intergalactic-scroll-area-dropdown-menu-top: linear-gradient( + to bottom, + var(--white) 34.38%, + oklch(from var(--white) l c h / 0) 100% + ); + + /* Scroll Bar */ + --intergalactic-scroll-bar-background: oklch( + from var(--gray-800) l c h / 0.3 + ); + + /* Tag */ + --intergalactic-tag-primary-gray-normal: #ecedf0; + --intergalactic-tag-primary-gray-hover-active: #e3e4e9; + --intergalactic-tag-primary-blue-normal: #d0eeff; + --intergalactic-tag-primary-blue-hover-active: #b7e4ff; + --intergalactic-tag-primary-green-normal: #cff1ea; + --intergalactic-tag-primary-green-hover-active: #b7eae0; + --intergalactic-tag-primary-orange-normal: #ffddd2; + --intergalactic-tag-primary-orange-hover-active: #ffccbb; + --intergalactic-tag-primary-red-normal: #ffcedc; + --intergalactic-tag-primary-red-hover-active: #ffb6ca; + --intergalactic-tag-primary-violet-normal: #f4e3ff; + --intergalactic-tag-primary-violet-hover-active: #efd5ff; + --intergalactic-tag-primary-yellow-normal: #fee6d1; + --intergalactic-tag-primary-yellow-hover-active: #fedab9; + --intergalactic-tag-primary-white-normal: oklch( + from var(--white) l c h / 0.15 + ); + --intergalactic-tag-primary-white-hover-active: oklch( + from var(--white) l c h / 0.3 + ); + --intergalactic-tag-primary-gray-text: var(--gray-500); + --intergalactic-tag-primary-blue-text: var(--blue-500); + --intergalactic-tag-primary-green-text: var(--green-500); + --intergalactic-tag-primary-orange-text: var(--orange-500); + --intergalactic-tag-primary-red-text: var(--red-500); + --intergalactic-tag-primary-violet-text: var(--violet-500); + --intergalactic-tag-primary-yellow-text: var(--yellow-500); + --intergalactic-tag-primary-white-text: var(--white); + --intergalactic-tag-secondary-normal: var(--white); + --intergalactic-tag-secondary-hover-active: var(--gray-50); + --intergalactic-tag-secondary-white-normal: oklch( + from var(--white) l c h / 0 + ); + --intergalactic-tag-secondary-white-hover-active: oklch( + from var(--white) l c h / 0.1 + ); + --intergalactic-tag-secondary-gray-text: var(--gray-500); + --intergalactic-tag-secondary-white-text: var(--white); + + /* Chart */ + --intergalactic-chart-palette-order-1: var(--blue-300); + --intergalactic-chart-palette-order-2: var(--green-200); + --intergalactic-chart-palette-order-3: var(--orange-400); + --intergalactic-chart-palette-order-4: var(--pink-300); + --intergalactic-chart-palette-order-5: var(--yellow-200); + --intergalactic-chart-palette-order-6: var(--violet-400); + --intergalactic-chart-palette-order-7: var(--red-300); + --intergalactic-chart-palette-order-8: var(--salad-200); + --intergalactic-chart-palette-order-9: var(--blue-400); + --intergalactic-chart-palette-order-10: var(--green-300); + --intergalactic-chart-palette-order-11: var(--orange-200); + --intergalactic-chart-palette-order-12: var(--pink-400); + --intergalactic-chart-palette-order-13: var(--yellow-300); + --intergalactic-chart-palette-order-14: var(--violet-200); + --intergalactic-chart-palette-order-15: var(--red-400); + --intergalactic-chart-palette-order-16: var(--salad-300); + --intergalactic-chart-palette-order-17: var(--blue-200); + --intergalactic-chart-palette-order-18: var(--green-400); + --intergalactic-chart-palette-order-19: var(--orange-300); + --intergalactic-chart-palette-order-20: var(--pink-200); + --intergalactic-chart-palette-order-21: var(--yellow-400); + --intergalactic-chart-palette-order-22: var(--violet-300); + --intergalactic-chart-palette-order-23: var(--red-200); + --intergalactic-chart-palette-order-24: var(--salad-400); + --intergalactic-chart-palette-order-total-amount: var(--gray-400); + --intergalactic-chart-palette-order-other-data: var(--gray-200); + --intergalactic-chart-palette-order-null: var(--gray-100); + --intergalactic-chart-grid-line: var(--gray-100); + --intergalactic-chart-grid-x-axis: var(--gray-200); + --intergalactic-chart-grid-y-accent-hover-line: var(--gray-300); + --intergalactic-chart-grid-text-label: var(--gray-500); + --intergalactic-chart-grid-bar-chart-hover: oklch( + from var(--gray-200) l c h / 0.3 + ); + --intergalactic-chart-grid-bar-chart-base-bg: var(--gray-100); + --intergalactic-chart-grid-period-bg: oklch(from var(--gray-200) l c h / 0.2); + --intergalactic-chart-grid-period-pattern: oklch( + from var(--gray-800) l c h / 0.15 + ); + --intergalactic-chart-grid-border: var(--white); + --intergalactic-chart-x-axis-accent-period-active: var(--gray-500); + --intergalactic-chart-x-axis-accent-data-start-tracking: oklch( + from var(--green-400) l c h / 0.2 + ); + + /* Header */ + --intergalactic-header-bg: var(--violet-dusty-700); + --intergalactic-header-border-primary: var(--violet-dusty-700); + --intergalactic-header-border-secondary: oklch( + from var(--white) l c h / 0.15 + ); + + /* Sidebar Nav */ + --intergalactic-sidebar-nav-control-hover: var(--violet-dusty-50); + --intergalactic-sidebar-nav-control-active: var(--violet-dusty-100); + --intergalactic-sidebar-nav-control-text-normal: var(--violet-dusty-500); + --intergalactic-sidebar-nav-control-text-active: var(--violet-dusty-600); + --intergalactic-sidebar-nav-control-icon-normal: var(--violet-dusty-400); + --intergalactic-sidebar-nav-control-icon-active: var(--violet-dusty-600); + + /* Duration */ + --intergalactic-duration-extra-slow: 500ms; + --intergalactic-duration-slow: 400ms; + --intergalactic-duration-medium: 300ms; + --intergalactic-duration-fast: 200ms; + --intergalactic-duration-extra-fast: 100ms; + --intergalactic-duration-switch: var(--intergalactic-duration-extra-fast); + --intergalactic-duration-popper: var(--intergalactic-duration-fast); + --intergalactic-duration-control: var(--intergalactic-duration-fast); + --intergalactic-duration-modal: var(--intergalactic-duration-fast); + --intergalactic-duration-accordion: var(--intergalactic-duration-fast); + --intergalactic-duration-counter: var(--intergalactic-duration-fast); + + /* Website Tokens */ + --intergalactic-website-control-lift-me-up: var(--gray-100); + --intergalactic-website-control-lift-me-up-hover-active: var(--gray-200); + --intergalactic-website-top-menu: 5px 8px 25px 0px + oklch(from var(--gray-800) l c h / 0.1); + --intergalactic-website-principles: 10px 10px 45px 0px + oklch(from var(--gray-800) l c h / 0.14); + --intergalactic-website-brand-tertiary: var(--orange-400); + --intergalactic-website-bg-tertiary-neutral: var(--white); +} diff --git a/semcore/core/src/theme/light.json b/semcore/core/src/theme/light.json index f13c084e5a..c6f7bc0201 100644 --- a/semcore/core/src/theme/light.json +++ b/semcore/core/src/theme/light.json @@ -409,66 +409,6 @@ "type": "fontFamilies", "description": "Base font family." }, - "lh-800": { - "value": "117%", - "type": "lineHeights", - "description": "Use with font-size-800." - }, - "lh-700": { - "value": "110%", - "type": "lineHeights", - "description": "Use with font-size-700." - }, - "lh-600": { - "value": "125%", - "type": "lineHeights", - "description": "Use with font-size-600." - }, - "lh-500": { - "value": "117%", - "type": "lineHeights", - "description": "Use with font-size-500." - }, - "lh-400": { - "value": "120%", - "type": "lineHeights", - "description": "Use with font-size-400." - }, - "lh-300": { - "value": "150%", - "type": "lineHeights", - "description": "Use with font-size-300." - }, - "lh-200": { - "value": "142%", - "type": "lineHeights", - "description": "Use with font-size-200." - }, - "lh-100": { - "value": "133%", - "type": "lineHeights", - "description": "Use with font-size-100." - }, - "semi-bold": { - "value": "600", - "type": "fontWeights", - "description": "Semi-bold font weight." - }, - "bold": { - "value": "700", - "type": "fontWeights", - "description": "Bold font weight." - }, - "regular": { - "value": "400", - "type": "fontWeights", - "description": "Regular font weight." - }, - "medium": { - "value": "500", - "type": "fontWeights", - "description": "Medium font weight." - }, "fs-50": { "value": "10px", "type": "fontSizes", @@ -507,6 +447,66 @@ "value": "48px", "type": "fontSizes" }, + "lh-100": { + "value": "133%", + "type": "lineHeights", + "description": "Use with font-size-100." + }, + "lh-200": { + "value": "142%", + "type": "lineHeights", + "description": "Use with font-size-200." + }, + "lh-300": { + "value": "150%", + "type": "lineHeights", + "description": "Use with font-size-300." + }, + "lh-400": { + "value": "120%", + "type": "lineHeights", + "description": "Use with font-size-400." + }, + "lh-500": { + "value": "117%", + "type": "lineHeights", + "description": "Use with font-size-500." + }, + "lh-600": { + "value": "125%", + "type": "lineHeights", + "description": "Use with font-size-600." + }, + "lh-700": { + "value": "110%", + "type": "lineHeights", + "description": "Use with font-size-700." + }, + "lh-800": { + "value": "117%", + "type": "lineHeights", + "description": "Use with font-size-800." + }, + "semi-bold": { + "value": "600", + "type": "fontWeights", + "description": "Semi-bold font weight." + }, + "bold": { + "value": "700", + "type": "fontWeights", + "description": "Bold font weight." + }, + "regular": { + "value": "400", + "type": "fontWeights", + "description": "Regular font weight." + }, + "medium": { + "value": "500", + "type": "fontWeights", + "description": "Medium font weight." + }, "compact": { "value": "0.3", "type": "letterSpacing", @@ -602,11 +602,6 @@ "value": "24px", "type": "borderRadius" }, - "disabled-opacity": { - "value": "0.3", - "type": "opacity", - "description": "Use for the disabled state of all kind of the controls and elements." - }, "screen-extra-small": { "value": "320px", "type": "sizing", @@ -1804,6 +1799,11 @@ "description": "Google My Business brand color." } }, + "disabled-opacity": { + "value": "0.3", + "type": "opacity", + "description": "Use for the disabled state of all kind of the controls and elements." + }, "box-shadow": { "card": { "value": "0px 0px 1px 0px rgba({gray.800}, 0.16); 0px 1px 2px 0px rgba({gray.800}, 0.12)", diff --git a/semcore/core/src/theme/themes/auto.css b/semcore/core/src/theme/themes/auto.css index c191c2f652..8bcee081c1 100644 --- a/semcore/core/src/theme/themes/auto.css +++ b/semcore/core/src/theme/themes/auto.css @@ -112,30 +112,6 @@ --salad-800: #002203; /* Base font family. */ --intergalactic-base: Inter; - /* Use with font-size-800. */ - --intergalactic-lh-800: 117%; - /* Use with font-size-700. */ - --intergalactic-lh-700: 110%; - /* Use with font-size-600. */ - --intergalactic-lh-600: 125%; - /* Use with font-size-500. */ - --intergalactic-lh-500: 117%; - /* Use with font-size-400. */ - --intergalactic-lh-400: 120%; - /* Use with font-size-300. */ - --intergalactic-lh-300: 150%; - /* Use with font-size-200. */ - --intergalactic-lh-200: 142%; - /* Use with font-size-100. */ - --intergalactic-lh-100: 133%; - /* Semi-bold font weight. */ - --intergalactic-semi-bold: 600; - /* Bold font weight. */ - --intergalactic-bold: 700; - /* Regular font weight. */ - --intergalactic-regular: 400; - /* Medium font weight. */ - --intergalactic-medium: 500; /* Use only for text in Badge component. */ --intergalactic-fs-50: 10px; /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */ @@ -147,6 +123,30 @@ --intergalactic-fs-600: 32px; --intergalactic-fs-700: 36px; --intergalactic-fs-800: 48px; + /* Use with font-size-100. */ + --intergalactic-lh-100: 133%; + /* Use with font-size-200. */ + --intergalactic-lh-200: 142%; + /* Use with font-size-300. */ + --intergalactic-lh-300: 150%; + /* Use with font-size-400. */ + --intergalactic-lh-400: 120%; + /* Use with font-size-500. */ + --intergalactic-lh-500: 117%; + /* Use with font-size-600. */ + --intergalactic-lh-600: 125%; + /* Use with font-size-700. */ + --intergalactic-lh-700: 110%; + /* Use with font-size-800. */ + --intergalactic-lh-800: 117%; + /* Semi-bold font weight. */ + --intergalactic-semi-bold: 600; + /* Bold font weight. */ + --intergalactic-bold: 700; + /* Regular font weight. */ + --intergalactic-regular: 400; + /* Medium font weight. */ + --intergalactic-medium: 500; /* Compact letter spacing. */ --intergalactic-compact: 0.3; /* Base denominator of the design system. */ @@ -989,30 +989,6 @@ --salad-800: #002203; /* Base font family. */ --intergalactic-base: Inter; - /* Use with font-size-800. */ - --intergalactic-lh-800: 117%; - /* Use with font-size-700. */ - --intergalactic-lh-700: 110%; - /* Use with font-size-600. */ - --intergalactic-lh-600: 125%; - /* Use with font-size-500. */ - --intergalactic-lh-500: 117%; - /* Use with font-size-400. */ - --intergalactic-lh-400: 120%; - /* Use with font-size-300. */ - --intergalactic-lh-300: 150%; - /* Use with font-size-200. */ - --intergalactic-lh-200: 142%; - /* Use with font-size-100. */ - --intergalactic-lh-100: 133%; - /* Semi-bold font weight. */ - --intergalactic-semi-bold: 600; - /* Bold font weight. */ - --intergalactic-bold: 700; - /* Regular font weight. */ - --intergalactic-regular: 400; - /* Medium font weight. */ - --intergalactic-medium: 500; /* Use only for text in Badge component. */ --intergalactic-fs-50: 10px; /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */ @@ -1024,6 +1000,30 @@ --intergalactic-fs-600: 32px; --intergalactic-fs-700: 36px; --intergalactic-fs-800: 48px; + /* Use with font-size-100. */ + --intergalactic-lh-100: 133%; + /* Use with font-size-200. */ + --intergalactic-lh-200: 142%; + /* Use with font-size-300. */ + --intergalactic-lh-300: 150%; + /* Use with font-size-400. */ + --intergalactic-lh-400: 120%; + /* Use with font-size-500. */ + --intergalactic-lh-500: 117%; + /* Use with font-size-600. */ + --intergalactic-lh-600: 125%; + /* Use with font-size-700. */ + --intergalactic-lh-700: 110%; + /* Use with font-size-800. */ + --intergalactic-lh-800: 117%; + /* Semi-bold font weight. */ + --intergalactic-semi-bold: 600; + /* Bold font weight. */ + --intergalactic-bold: 700; + /* Regular font weight. */ + --intergalactic-regular: 400; + /* Medium font weight. */ + --intergalactic-medium: 500; /* Compact letter spacing. */ --intergalactic-compact: 0.3; /* Base denominator of the design system. */ diff --git a/semcore/core/src/theme/themes/dark.css b/semcore/core/src/theme/themes/dark.css index fb03ce1ccc..dd8fe3c9da 100644 --- a/semcore/core/src/theme/themes/dark.css +++ b/semcore/core/src/theme/themes/dark.css @@ -112,30 +112,6 @@ --salad-800: #002203; /* Base font family. */ --intergalactic-base: Inter; - /* Use with font-size-800. */ - --intergalactic-lh-800: 117%; - /* Use with font-size-700. */ - --intergalactic-lh-700: 110%; - /* Use with font-size-600. */ - --intergalactic-lh-600: 125%; - /* Use with font-size-500. */ - --intergalactic-lh-500: 117%; - /* Use with font-size-400. */ - --intergalactic-lh-400: 120%; - /* Use with font-size-300. */ - --intergalactic-lh-300: 150%; - /* Use with font-size-200. */ - --intergalactic-lh-200: 142%; - /* Use with font-size-100. */ - --intergalactic-lh-100: 133%; - /* Semi-bold font weight. */ - --intergalactic-semi-bold: 600; - /* Bold font weight. */ - --intergalactic-bold: 700; - /* Regular font weight. */ - --intergalactic-regular: 400; - /* Medium font weight. */ - --intergalactic-medium: 500; /* Use only for text in Badge component. */ --intergalactic-fs-50: 10px; /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */ @@ -147,6 +123,30 @@ --intergalactic-fs-600: 32px; --intergalactic-fs-700: 36px; --intergalactic-fs-800: 48px; + /* Use with font-size-100. */ + --intergalactic-lh-100: 133%; + /* Use with font-size-200. */ + --intergalactic-lh-200: 142%; + /* Use with font-size-300. */ + --intergalactic-lh-300: 150%; + /* Use with font-size-400. */ + --intergalactic-lh-400: 120%; + /* Use with font-size-500. */ + --intergalactic-lh-500: 117%; + /* Use with font-size-600. */ + --intergalactic-lh-600: 125%; + /* Use with font-size-700. */ + --intergalactic-lh-700: 110%; + /* Use with font-size-800. */ + --intergalactic-lh-800: 117%; + /* Semi-bold font weight. */ + --intergalactic-semi-bold: 600; + /* Bold font weight. */ + --intergalactic-bold: 700; + /* Regular font weight. */ + --intergalactic-regular: 400; + /* Medium font weight. */ + --intergalactic-medium: 500; /* Compact letter spacing. */ --intergalactic-compact: 0.3; /* Base denominator of the design system. */ diff --git a/semcore/core/src/theme/themes/dark.ts b/semcore/core/src/theme/themes/dark.ts index 43d0b7d57c..ef8d4d6c31 100644 --- a/semcore/core/src/theme/themes/dark.ts +++ b/semcore/core/src/theme/themes/dark.ts @@ -91,18 +91,6 @@ export default { '--salad-700': '#003509', '--salad-800': '#002203', '--intergalactic-base': 'Inter', - '--intergalactic-lh-800': '117%', - '--intergalactic-lh-700': '110%', - '--intergalactic-lh-600': '125%', - '--intergalactic-lh-500': '117%', - '--intergalactic-lh-400': '120%', - '--intergalactic-lh-300': '150%', - '--intergalactic-lh-200': '142%', - '--intergalactic-lh-100': '133%', - '--intergalactic-semi-bold': '600', - '--intergalactic-bold': '700', - '--intergalactic-regular': '400', - '--intergalactic-medium': '500', '--intergalactic-fs-50': '10px', '--intergalactic-fs-100': '12px', '--intergalactic-fs-200': '14px', @@ -112,6 +100,18 @@ export default { '--intergalactic-fs-600': '32px', '--intergalactic-fs-700': '36px', '--intergalactic-fs-800': '48px', + '--intergalactic-lh-100': '133%', + '--intergalactic-lh-200': '142%', + '--intergalactic-lh-300': '150%', + '--intergalactic-lh-400': '120%', + '--intergalactic-lh-500': '117%', + '--intergalactic-lh-600': '125%', + '--intergalactic-lh-700': '110%', + '--intergalactic-lh-800': '117%', + '--intergalactic-semi-bold': '600', + '--intergalactic-bold': '700', + '--intergalactic-regular': '400', + '--intergalactic-medium': '500', '--intergalactic-compact': '0.3', '--intergalactic-scale-indent': '4px', '--intergalactic-spacing-05x': '2px', diff --git a/semcore/core/src/theme/themes/default.css b/semcore/core/src/theme/themes/default.css index e1dd9b0672..142313be65 100644 --- a/semcore/core/src/theme/themes/default.css +++ b/semcore/core/src/theme/themes/default.css @@ -112,30 +112,6 @@ --salad-800: #002203; /* Base font family. */ --intergalactic-base: Inter; - /* Use with font-size-800. */ - --intergalactic-lh-800: 117%; - /* Use with font-size-700. */ - --intergalactic-lh-700: 110%; - /* Use with font-size-600. */ - --intergalactic-lh-600: 125%; - /* Use with font-size-500. */ - --intergalactic-lh-500: 117%; - /* Use with font-size-400. */ - --intergalactic-lh-400: 120%; - /* Use with font-size-300. */ - --intergalactic-lh-300: 150%; - /* Use with font-size-200. */ - --intergalactic-lh-200: 142%; - /* Use with font-size-100. */ - --intergalactic-lh-100: 133%; - /* Semi-bold font weight. */ - --intergalactic-semi-bold: 600; - /* Bold font weight. */ - --intergalactic-bold: 700; - /* Regular font weight. */ - --intergalactic-regular: 400; - /* Medium font weight. */ - --intergalactic-medium: 500; /* Use only for text in Badge component. */ --intergalactic-fs-50: 10px; /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */ @@ -147,6 +123,30 @@ --intergalactic-fs-600: 32px; --intergalactic-fs-700: 36px; --intergalactic-fs-800: 48px; + /* Use with font-size-100. */ + --intergalactic-lh-100: 133%; + /* Use with font-size-200. */ + --intergalactic-lh-200: 142%; + /* Use with font-size-300. */ + --intergalactic-lh-300: 150%; + /* Use with font-size-400. */ + --intergalactic-lh-400: 120%; + /* Use with font-size-500. */ + --intergalactic-lh-500: 117%; + /* Use with font-size-600. */ + --intergalactic-lh-600: 125%; + /* Use with font-size-700. */ + --intergalactic-lh-700: 110%; + /* Use with font-size-800. */ + --intergalactic-lh-800: 117%; + /* Semi-bold font weight. */ + --intergalactic-semi-bold: 600; + /* Bold font weight. */ + --intergalactic-bold: 700; + /* Regular font weight. */ + --intergalactic-regular: 400; + /* Medium font weight. */ + --intergalactic-medium: 500; /* Compact letter spacing. */ --intergalactic-compact: 0.3; /* Base denominator of the design system. */ diff --git a/semcore/core/src/theme/themes/default.ts b/semcore/core/src/theme/themes/default.ts index dd4c40971e..2a8cc2e718 100644 --- a/semcore/core/src/theme/themes/default.ts +++ b/semcore/core/src/theme/themes/default.ts @@ -91,18 +91,6 @@ export default { '--salad-700': '#003509', '--salad-800': '#002203', '--intergalactic-base': 'Inter', - '--intergalactic-lh-800': '117%', - '--intergalactic-lh-700': '110%', - '--intergalactic-lh-600': '125%', - '--intergalactic-lh-500': '117%', - '--intergalactic-lh-400': '120%', - '--intergalactic-lh-300': '150%', - '--intergalactic-lh-200': '142%', - '--intergalactic-lh-100': '133%', - '--intergalactic-semi-bold': '600', - '--intergalactic-bold': '700', - '--intergalactic-regular': '400', - '--intergalactic-medium': '500', '--intergalactic-fs-50': '10px', '--intergalactic-fs-100': '12px', '--intergalactic-fs-200': '14px', @@ -112,6 +100,18 @@ export default { '--intergalactic-fs-600': '32px', '--intergalactic-fs-700': '36px', '--intergalactic-fs-800': '48px', + '--intergalactic-lh-100': '133%', + '--intergalactic-lh-200': '142%', + '--intergalactic-lh-300': '150%', + '--intergalactic-lh-400': '120%', + '--intergalactic-lh-500': '117%', + '--intergalactic-lh-600': '125%', + '--intergalactic-lh-700': '110%', + '--intergalactic-lh-800': '117%', + '--intergalactic-semi-bold': '600', + '--intergalactic-bold': '700', + '--intergalactic-regular': '400', + '--intergalactic-medium': '500', '--intergalactic-compact': '0.3', '--intergalactic-scale-indent': '4px', '--intergalactic-spacing-05x': '2px', diff --git a/semcore/core/src/theme/themes/light.css b/semcore/core/src/theme/themes/light.css index e1dd9b0672..142313be65 100644 --- a/semcore/core/src/theme/themes/light.css +++ b/semcore/core/src/theme/themes/light.css @@ -112,30 +112,6 @@ --salad-800: #002203; /* Base font family. */ --intergalactic-base: Inter; - /* Use with font-size-800. */ - --intergalactic-lh-800: 117%; - /* Use with font-size-700. */ - --intergalactic-lh-700: 110%; - /* Use with font-size-600. */ - --intergalactic-lh-600: 125%; - /* Use with font-size-500. */ - --intergalactic-lh-500: 117%; - /* Use with font-size-400. */ - --intergalactic-lh-400: 120%; - /* Use with font-size-300. */ - --intergalactic-lh-300: 150%; - /* Use with font-size-200. */ - --intergalactic-lh-200: 142%; - /* Use with font-size-100. */ - --intergalactic-lh-100: 133%; - /* Semi-bold font weight. */ - --intergalactic-semi-bold: 600; - /* Bold font weight. */ - --intergalactic-bold: 700; - /* Regular font weight. */ - --intergalactic-regular: 400; - /* Medium font weight. */ - --intergalactic-medium: 500; /* Use only for text in Badge component. */ --intergalactic-fs-50: 10px; /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */ @@ -147,6 +123,30 @@ --intergalactic-fs-600: 32px; --intergalactic-fs-700: 36px; --intergalactic-fs-800: 48px; + /* Use with font-size-100. */ + --intergalactic-lh-100: 133%; + /* Use with font-size-200. */ + --intergalactic-lh-200: 142%; + /* Use with font-size-300. */ + --intergalactic-lh-300: 150%; + /* Use with font-size-400. */ + --intergalactic-lh-400: 120%; + /* Use with font-size-500. */ + --intergalactic-lh-500: 117%; + /* Use with font-size-600. */ + --intergalactic-lh-600: 125%; + /* Use with font-size-700. */ + --intergalactic-lh-700: 110%; + /* Use with font-size-800. */ + --intergalactic-lh-800: 117%; + /* Semi-bold font weight. */ + --intergalactic-semi-bold: 600; + /* Bold font weight. */ + --intergalactic-bold: 700; + /* Regular font weight. */ + --intergalactic-regular: 400; + /* Medium font weight. */ + --intergalactic-medium: 500; /* Compact letter spacing. */ --intergalactic-compact: 0.3; /* Base denominator of the design system. */ diff --git a/semcore/core/src/theme/themes/light.ts b/semcore/core/src/theme/themes/light.ts index dd4c40971e..2a8cc2e718 100644 --- a/semcore/core/src/theme/themes/light.ts +++ b/semcore/core/src/theme/themes/light.ts @@ -91,18 +91,6 @@ export default { '--salad-700': '#003509', '--salad-800': '#002203', '--intergalactic-base': 'Inter', - '--intergalactic-lh-800': '117%', - '--intergalactic-lh-700': '110%', - '--intergalactic-lh-600': '125%', - '--intergalactic-lh-500': '117%', - '--intergalactic-lh-400': '120%', - '--intergalactic-lh-300': '150%', - '--intergalactic-lh-200': '142%', - '--intergalactic-lh-100': '133%', - '--intergalactic-semi-bold': '600', - '--intergalactic-bold': '700', - '--intergalactic-regular': '400', - '--intergalactic-medium': '500', '--intergalactic-fs-50': '10px', '--intergalactic-fs-100': '12px', '--intergalactic-fs-200': '14px', @@ -112,6 +100,18 @@ export default { '--intergalactic-fs-600': '32px', '--intergalactic-fs-700': '36px', '--intergalactic-fs-800': '48px', + '--intergalactic-lh-100': '133%', + '--intergalactic-lh-200': '142%', + '--intergalactic-lh-300': '150%', + '--intergalactic-lh-400': '120%', + '--intergalactic-lh-500': '117%', + '--intergalactic-lh-600': '125%', + '--intergalactic-lh-700': '110%', + '--intergalactic-lh-800': '117%', + '--intergalactic-semi-bold': '600', + '--intergalactic-bold': '700', + '--intergalactic-regular': '400', + '--intergalactic-medium': '500', '--intergalactic-compact': '0.3', '--intergalactic-scale-indent': '4px', '--intergalactic-spacing-05x': '2px', diff --git a/website/docs/.vitepress/resolve-semcore-sources.ts b/website/docs/.vitepress/resolve-semcore-sources.ts index 1431ad5e8a..5b02ba65d9 100644 --- a/website/docs/.vitepress/resolve-semcore-sources.ts +++ b/website/docs/.vitepress/resolve-semcore-sources.ts @@ -24,9 +24,19 @@ const tryToResolveWorkspacePath = async (path: string, rootPath: string) => { readdir(resolvePath(rootPath, 'semcore')), readdir(resolvePath(rootPath, 'tools')), ]); - const workspaces: string[] = []; - for (const item of semcoreDirItems) workspaces.push(`semcore/${item}`); - for (const item of toolsDirItems) workspaces.push(`tools/${item}`); + const maybeWorkspaces = [ + ...semcoreDirItems.map((item) => `semcore/${item}`), + ...toolsDirItems.map((item) => `tools/${item}`), + ]; + const workspaces = ( + await Promise.all( + maybeWorkspaces.map(async (workspacePath) => { + const packageJsonPath = resolvePath(rootPath, workspacePath, 'package.json'); + if (await isFile(packageJsonPath)) return workspacePath; + return null; + }), + ) + ).filter((workspacePath): workspacePath is string => workspacePath !== null); { const destinationDirs = workspaces.map((workspacePath) => workspacePath.split('/').pop()); if (destinationDirs.length !== [...new Set(destinationDirs)].length) { diff --git a/website/docs/style/design-tokens/design-tokens.json b/website/docs/style/design-tokens/design-tokens.json index b990a7da41..e74ef0c311 100644 --- a/website/docs/style/design-tokens/design-tokens.json +++ b/website/docs/style/design-tokens/design-tokens.json @@ -8,235 +8,175 @@ "components": [] }, { - "name": "--intergalactic-lh-800", - "type": "lineHeights", - "rawValue": "117%", - "computedValue": "117%", - "description": "Use with font-size-800.", - "components": [ - "button", - "format-text", - "typography" - ] - }, - { - "name": "--intergalactic-lh-700", - "type": "lineHeights", - "rawValue": "110%", - "computedValue": "110%", - "description": "Use with font-size-700.", - "components": [ - "button", - "errors", - "format-text", - "typography" - ] - }, - { - "name": "--intergalactic-lh-600", - "type": "lineHeights", - "rawValue": "125%", - "computedValue": "125%", - "description": "Use with font-size-600.", + "name": "--intergalactic-fs-50", + "type": "fontSizes", + "rawValue": "10px", + "computedValue": "10px", + "description": "Use only for text in Badge component.", "components": [ - "button", - "format-text", - "typography" + "badge", + "counter", + "d3-chart", + "dot" ] }, { - "name": "--intergalactic-lh-500", - "type": "lineHeights", - "rawValue": "117%", - "computedValue": "117%", - "description": "Use with font-size-500.", + "name": "--intergalactic-fs-100", + "type": "fontSizes", + "rawValue": "12px", + "computedValue": "12px", + "description": "Use this font-size with caution for text in some additional messages. Always check its contrast and readability.", "components": [ "button", + "counter", + "d3-chart", + "data-table", "format-text", "fullscreen-modal", - "modal", - "typography" - ] - }, - { - "name": "--intergalactic-lh-400", - "type": "lineHeights", - "rawValue": "120%", - "computedValue": "120%", - "description": "Use with font-size-400.", - "components": [ - "button", - "format-text", - "product-head", + "switch", + "tag", "typography" ] }, { - "name": "--intergalactic-lh-300", - "type": "lineHeights", - "rawValue": "150%", - "computedValue": "150%", - "description": "Use with font-size-300.", + "name": "--intergalactic-fs-200", + "type": "fontSizes", + "rawValue": "14px", + "computedValue": "14px", "components": [ + "badge", + "base-trigger", + "breadcrumbs", "bulk-textarea", "button", "card", "checkbox", + "counter", "d3-chart", + "data-table", + "date-picker", "dropdown", - "errors", - "feedback-form", "format-text", + "fullscreen-modal", + "input", + "notice", + "notice-bubble", + "notice-global", "pagination", + "pills", + "product-head", "radio", - "side-panel", + "slider", "switch", "tab-line", + "tab-panel", "tag", "textarea", + "time-picker", + "tooltip", "typography", "widget-empty", "wizard" ] }, { - "name": "--intergalactic-lh-200", - "type": "lineHeights", - "rawValue": "142%", - "computedValue": "142%", - "description": "Use with font-size-200.", + "name": "--intergalactic-fs-300", + "type": "fontSizes", + "rawValue": "16px", + "computedValue": "16px", "components": [ "base-trigger", - "breadcrumbs", "bulk-textarea", "button", + "card", "checkbox", "d3-chart", - "data-table", "dropdown", + "errors", + "feedback-form", "format-text", - "fullscreen-modal", - "notice", - "notice-bubble", - "notice-global", + "input", "pagination", - "product-head", + "pills", "radio", - "slider", + "side-panel", "switch", "tab-line", - "tab-panel", "tag", "textarea", - "tooltip", + "time-picker", "typography", "widget-empty", "wizard" ] }, { - "name": "--intergalactic-lh-100", - "type": "lineHeights", - "rawValue": "133%", - "computedValue": "133%", - "description": "Use with font-size-100.", + "name": "--intergalactic-fs-400", + "type": "fontSizes", + "rawValue": "20px", + "computedValue": "20px", "components": [ "button", - "d3-chart", - "data-table", "format-text", - "fullscreen-modal", - "switch", - "tag", - "typography" - ] - }, - { - "name": "--intergalactic-semi-bold", - "type": "fontWeights", - "rawValue": "600", - "computedValue": "600", - "description": "Semi-bold font weight.", - "components": [ - "errors", - "modal", "product-head", "typography" ] }, { - "name": "--intergalactic-bold", - "type": "fontWeights", - "rawValue": "700", - "computedValue": "700", - "description": "Bold font weight.", + "name": "--intergalactic-fs-500", + "type": "fontSizes", + "rawValue": "24px", + "computedValue": "24px", "components": [ - "card", - "color-picker", - "dropdown", - "feedback-form", - "flags", + "button", "format-text", "fullscreen-modal", - "side-panel", - "typography", - "widget-empty", - "wizard" + "modal", + "typography" ] }, { - "name": "--intergalactic-regular", - "type": "fontWeights", - "rawValue": "400", - "computedValue": "400", - "description": "Regular font weight.", + "name": "--intergalactic-fs-600", + "type": "fontSizes", + "rawValue": "32px", + "computedValue": "32px", "components": [ - "accordion", - "base-trigger", - "date-picker", - "slider" + "button", + "format-text", + "typography" ] }, { - "name": "--intergalactic-medium", - "type": "fontWeights", - "rawValue": "500", - "computedValue": "500", - "description": "Medium font weight.", + "name": "--intergalactic-fs-700", + "type": "fontSizes", + "rawValue": "36px", + "computedValue": "36px", "components": [ - "badge", "button", - "counter", + "errors", "format-text", - "tab-line", - "tab-panel", - "tag", - "time-picker", "typography" ] }, { - "name": "--intergalactic-fs-50", + "name": "--intergalactic-fs-800", "type": "fontSizes", - "rawValue": "10px", - "computedValue": "10px", - "description": "Use only for text in Badge component.", + "rawValue": "48px", + "computedValue": "48px", "components": [ - "badge", - "counter", - "d3-chart", - "dot" + "button", + "format-text", + "typography" ] }, { - "name": "--intergalactic-fs-100", - "type": "fontSizes", - "rawValue": "12px", - "computedValue": "12px", - "description": "Use this font-size with caution for text in some additional messages. Always check its contrast and readability.", + "name": "--intergalactic-lh-100", + "type": "lineHeights", + "rawValue": "133%", + "computedValue": "133%", + "description": "Use with font-size-100.", "components": [ "button", - "counter", "d3-chart", "data-table", "format-text", @@ -247,31 +187,26 @@ ] }, { - "name": "--intergalactic-fs-200", - "type": "fontSizes", - "rawValue": "14px", - "computedValue": "14px", + "name": "--intergalactic-lh-200", + "type": "lineHeights", + "rawValue": "142%", + "computedValue": "142%", + "description": "Use with font-size-200.", "components": [ - "badge", "base-trigger", "breadcrumbs", "bulk-textarea", "button", - "card", "checkbox", - "counter", "d3-chart", "data-table", - "date-picker", "dropdown", "format-text", "fullscreen-modal", - "input", "notice", "notice-bubble", "notice-global", "pagination", - "pills", "product-head", "radio", "slider", @@ -280,7 +215,6 @@ "tab-panel", "tag", "textarea", - "time-picker", "tooltip", "typography", "widget-empty", @@ -288,12 +222,12 @@ ] }, { - "name": "--intergalactic-fs-300", - "type": "fontSizes", - "rawValue": "16px", - "computedValue": "16px", + "name": "--intergalactic-lh-300", + "type": "lineHeights", + "rawValue": "150%", + "computedValue": "150%", + "description": "Use with font-size-300.", "components": [ - "base-trigger", "bulk-textarea", "button", "card", @@ -303,26 +237,24 @@ "errors", "feedback-form", "format-text", - "input", "pagination", - "pills", "radio", "side-panel", "switch", "tab-line", "tag", "textarea", - "time-picker", "typography", "widget-empty", "wizard" ] }, { - "name": "--intergalactic-fs-400", - "type": "fontSizes", - "rawValue": "20px", - "computedValue": "20px", + "name": "--intergalactic-lh-400", + "type": "lineHeights", + "rawValue": "120%", + "computedValue": "120%", + "description": "Use with font-size-400.", "components": [ "button", "format-text", @@ -331,10 +263,11 @@ ] }, { - "name": "--intergalactic-fs-500", - "type": "fontSizes", - "rawValue": "24px", - "computedValue": "24px", + "name": "--intergalactic-lh-500", + "type": "lineHeights", + "rawValue": "117%", + "computedValue": "117%", + "description": "Use with font-size-500.", "components": [ "button", "format-text", @@ -344,10 +277,11 @@ ] }, { - "name": "--intergalactic-fs-600", - "type": "fontSizes", - "rawValue": "32px", - "computedValue": "32px", + "name": "--intergalactic-lh-600", + "type": "lineHeights", + "rawValue": "125%", + "computedValue": "125%", + "description": "Use with font-size-600.", "components": [ "button", "format-text", @@ -355,10 +289,11 @@ ] }, { - "name": "--intergalactic-fs-700", - "type": "fontSizes", - "rawValue": "36px", - "computedValue": "36px", + "name": "--intergalactic-lh-700", + "type": "lineHeights", + "rawValue": "110%", + "computedValue": "110%", + "description": "Use with font-size-700.", "components": [ "button", "errors", @@ -367,13 +302,78 @@ ] }, { - "name": "--intergalactic-fs-800", - "type": "fontSizes", - "rawValue": "48px", - "computedValue": "48px", + "name": "--intergalactic-lh-800", + "type": "lineHeights", + "rawValue": "117%", + "computedValue": "117%", + "description": "Use with font-size-800.", + "components": [ + "button", + "format-text", + "typography" + ] + }, + { + "name": "--intergalactic-semi-bold", + "type": "fontWeights", + "rawValue": "600", + "computedValue": "600", + "description": "Semi-bold font weight.", + "components": [ + "errors", + "modal", + "product-head", + "typography" + ] + }, + { + "name": "--intergalactic-bold", + "type": "fontWeights", + "rawValue": "700", + "computedValue": "700", + "description": "Bold font weight.", + "components": [ + "card", + "color-picker", + "dropdown", + "feedback-form", + "flags", + "format-text", + "fullscreen-modal", + "side-panel", + "typography", + "widget-empty", + "wizard" + ] + }, + { + "name": "--intergalactic-regular", + "type": "fontWeights", + "rawValue": "400", + "computedValue": "400", + "description": "Regular font weight.", "components": [ + "accordion", + "base-trigger", + "date-picker", + "slider" + ] + }, + { + "name": "--intergalactic-medium", + "type": "fontWeights", + "rawValue": "500", + "computedValue": "500", + "description": "Medium font weight.", + "components": [ + "badge", "button", + "counter", "format-text", + "tab-line", + "tab-panel", + "tag", + "time-picker", "typography" ] }, diff --git a/website/docs/style/design-tokens/design-tokens.md b/website/docs/style/design-tokens/design-tokens.md index e08cffc22e..0461c1dec7 100644 --- a/website/docs/style/design-tokens/design-tokens.md +++ b/website/docs/style/design-tokens/design-tokens.md @@ -45,9 +45,20 @@ The stylelint plugin helps developers to avoid mistakes in the design token name - `tokensSource` - path to the file with design tokens. Default is `intergalactic/utils/lib/themes/default.json`. - `tokensPrefix` - design tokens (default is `--intergalactic-`). Only CSS variables with this prefix are considered as design tokens. -## Base tokens (palette) +## Base tokens -The list of base tokens represents our palette. It was built with [Huetone tool](https://huetone.ardov.me/) (learn more about the tool in the [Twitter thread](https://twitter.com/ardovalexey/status/1447329411678806023)). +Base tokens include: + +- our product palette; +- font size, line height, font weight, and letter spacing values; +- the base spacing and sizing scale; +- sizing; +- spacing; +- the base border radius scale; +- breakpoints; +- z-index. + +The palette was built with [Huetone tool](https://huetone.ardov.me/) (learn more about the tool in the [Twitter thread](https://twitter.com/ardovalexey/status/1447329411678806023)). Shades of the same color have a value ranging from 50 to 800, depending on its tone. Each shade has recommendations for use based on [Huetone's contrast ratio calculation](https://huetone.ardov.me/). @@ -69,14 +80,13 @@ const App = BaseTokens; It's a list of tokens for components and charts for the default Intergalactic theme. -Semantic tokens include tokens for: +Semantic tokens include: - colors; -- typography; -- sizing; -- spacings; -- box-shadows; -- border-radius. +- box shadows; +- border radius; +- form control heights; +- animation durations. To learn more about the tokens names, see [Token naming structure section](/style/design-tokens/design-tokens-usage#token-naming-structure). From f5f8ae3bc76ee19a9974139f61e5d1af59eec6fc Mon Sep 17 00:00:00 2001 From: Julia Mnizhek Date: Thu, 26 Mar 2026 18:21:44 +0100 Subject: [PATCH 11/16] [core] processed files updated --- semcore/core/src/theme/themes/auto.css | 8 +-- semcore/core/src/theme/themes/dark.css | 4 +- semcore/core/src/theme/themes/dark.ts | 2 +- semcore/core/src/theme/themes/default.css | 4 +- semcore/core/src/theme/themes/default.ts | 2 +- semcore/core/src/theme/themes/light.css | 4 +- semcore/core/src/theme/themes/light.ts | 2 +- .../style/design-tokens/design-tokens.json | 64 +++++++++---------- 8 files changed, 45 insertions(+), 45 deletions(-) diff --git a/semcore/core/src/theme/themes/auto.css b/semcore/core/src/theme/themes/auto.css index 8bcee081c1..5ec3435bb3 100644 --- a/semcore/core/src/theme/themes/auto.css +++ b/semcore/core/src/theme/themes/auto.css @@ -182,8 +182,6 @@ --intergalactic-rounded-medium: 6px; --intergalactic-rounded-large: 12px; --intergalactic-rounded-extra-large: 24px; - /* Use for the disabled state of all kind of the controls and elements. */ - --intergalactic-disabled-opacity: 0.3; /* Extra small screens (small phones). */ --intergalactic-screen-extra-small: 320px; /* Small screens (phones and small tablets). */ @@ -627,6 +625,8 @@ --intergalactic-brand-google-green: #016723; /* Google My Business brand color. */ --intergalactic-brand-google-my-business: #1a73e8; + /* Use for the disabled state of all kind of the controls and elements. */ + --intergalactic-disabled-opacity: 0.3; /* Default shadow of the Card. */ --intergalactic-box-shadow-card: 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12); /* Hover state for the shadow of the Card with hover state. */ @@ -1059,8 +1059,6 @@ --intergalactic-rounded-medium: 6px; --intergalactic-rounded-large: 12px; --intergalactic-rounded-extra-large: 24px; - /* Use for the disabled state of all kind of the controls and elements. */ - --intergalactic-disabled-opacity: 0.3; /* Extra small screens (small phones). */ --intergalactic-screen-extra-small: 320px; /* Small screens (phones and small tablets). */ @@ -1498,6 +1496,8 @@ --intergalactic-brand-google-green: #016723; /* Google My Business brand color. */ --intergalactic-brand-google-my-business: #1a73e8; + /* Use for the disabled state of all kind of the controls and elements. */ + --intergalactic-disabled-opacity: 0.3; /* Default shadow of the Card. */ --intergalactic-box-shadow-card: 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12); /* Hover state for the shadow of the Card with hover state. */ diff --git a/semcore/core/src/theme/themes/dark.css b/semcore/core/src/theme/themes/dark.css index dd8fe3c9da..4ea2c5865a 100644 --- a/semcore/core/src/theme/themes/dark.css +++ b/semcore/core/src/theme/themes/dark.css @@ -182,8 +182,6 @@ --intergalactic-rounded-medium: 6px; --intergalactic-rounded-large: 12px; --intergalactic-rounded-extra-large: 24px; - /* Use for the disabled state of all kind of the controls and elements. */ - --intergalactic-disabled-opacity: 0.3; /* Extra small screens (small phones). */ --intergalactic-screen-extra-small: 320px; /* Small screens (phones and small tablets). */ @@ -621,6 +619,8 @@ --intergalactic-brand-google-green: #016723; /* Google My Business brand color. */ --intergalactic-brand-google-my-business: #1a73e8; + /* Use for the disabled state of all kind of the controls and elements. */ + --intergalactic-disabled-opacity: 0.3; /* Default shadow of the Card. */ --intergalactic-box-shadow-card: 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12); /* Hover state for the shadow of the Card with hover state. */ diff --git a/semcore/core/src/theme/themes/dark.ts b/semcore/core/src/theme/themes/dark.ts index ef8d4d6c31..3989852e60 100644 --- a/semcore/core/src/theme/themes/dark.ts +++ b/semcore/core/src/theme/themes/dark.ts @@ -132,7 +132,6 @@ export default { '--intergalactic-rounded-medium': '6px', '--intergalactic-rounded-large': '12px', '--intergalactic-rounded-extra-large': '24px', - '--intergalactic-disabled-opacity': '0.3', '--intergalactic-screen-extra-small': '320px', '--intergalactic-screen-small': '768px', '--intergalactic-screen-medium': '1200px', @@ -355,6 +354,7 @@ export default { '--intergalactic-brand-google-blue': '#1a0dab', '--intergalactic-brand-google-green': '#016723', '--intergalactic-brand-google-my-business': '#1a73e8', + '--intergalactic-disabled-opacity': '0.3', '--intergalactic-box-shadow-card': '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)', '--intergalactic-box-shadow-card-hover': '3px 3px 30px 0px rgba(25, 27, 35, 0.15)', '--intergalactic-box-shadow-dnd': '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16)', diff --git a/semcore/core/src/theme/themes/default.css b/semcore/core/src/theme/themes/default.css index 142313be65..c573b9d317 100644 --- a/semcore/core/src/theme/themes/default.css +++ b/semcore/core/src/theme/themes/default.css @@ -182,8 +182,6 @@ --intergalactic-rounded-medium: 6px; --intergalactic-rounded-large: 12px; --intergalactic-rounded-extra-large: 24px; - /* Use for the disabled state of all kind of the controls and elements. */ - --intergalactic-disabled-opacity: 0.3; /* Extra small screens (small phones). */ --intergalactic-screen-extra-small: 320px; /* Small screens (phones and small tablets). */ @@ -627,6 +625,8 @@ --intergalactic-brand-google-green: #016723; /* Google My Business brand color. */ --intergalactic-brand-google-my-business: #1a73e8; + /* Use for the disabled state of all kind of the controls and elements. */ + --intergalactic-disabled-opacity: 0.3; /* Default shadow of the Card. */ --intergalactic-box-shadow-card: 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12); /* Hover state for the shadow of the Card with hover state. */ diff --git a/semcore/core/src/theme/themes/default.ts b/semcore/core/src/theme/themes/default.ts index 2a8cc2e718..caa2be02af 100644 --- a/semcore/core/src/theme/themes/default.ts +++ b/semcore/core/src/theme/themes/default.ts @@ -132,7 +132,6 @@ export default { '--intergalactic-rounded-medium': '6px', '--intergalactic-rounded-large': '12px', '--intergalactic-rounded-extra-large': '24px', - '--intergalactic-disabled-opacity': '0.3', '--intergalactic-screen-extra-small': '320px', '--intergalactic-screen-small': '768px', '--intergalactic-screen-medium': '1200px', @@ -358,6 +357,7 @@ export default { '--intergalactic-brand-google-blue': '#1a0dab', '--intergalactic-brand-google-green': '#016723', '--intergalactic-brand-google-my-business': '#1a73e8', + '--intergalactic-disabled-opacity': '0.3', '--intergalactic-box-shadow-card': '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)', '--intergalactic-box-shadow-card-hover': '3px 3px 30px 0px rgba(25, 27, 35, 0.15)', '--intergalactic-box-shadow-dnd': '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16)', diff --git a/semcore/core/src/theme/themes/light.css b/semcore/core/src/theme/themes/light.css index 142313be65..c573b9d317 100644 --- a/semcore/core/src/theme/themes/light.css +++ b/semcore/core/src/theme/themes/light.css @@ -182,8 +182,6 @@ --intergalactic-rounded-medium: 6px; --intergalactic-rounded-large: 12px; --intergalactic-rounded-extra-large: 24px; - /* Use for the disabled state of all kind of the controls and elements. */ - --intergalactic-disabled-opacity: 0.3; /* Extra small screens (small phones). */ --intergalactic-screen-extra-small: 320px; /* Small screens (phones and small tablets). */ @@ -627,6 +625,8 @@ --intergalactic-brand-google-green: #016723; /* Google My Business brand color. */ --intergalactic-brand-google-my-business: #1a73e8; + /* Use for the disabled state of all kind of the controls and elements. */ + --intergalactic-disabled-opacity: 0.3; /* Default shadow of the Card. */ --intergalactic-box-shadow-card: 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12); /* Hover state for the shadow of the Card with hover state. */ diff --git a/semcore/core/src/theme/themes/light.ts b/semcore/core/src/theme/themes/light.ts index 2a8cc2e718..caa2be02af 100644 --- a/semcore/core/src/theme/themes/light.ts +++ b/semcore/core/src/theme/themes/light.ts @@ -132,7 +132,6 @@ export default { '--intergalactic-rounded-medium': '6px', '--intergalactic-rounded-large': '12px', '--intergalactic-rounded-extra-large': '24px', - '--intergalactic-disabled-opacity': '0.3', '--intergalactic-screen-extra-small': '320px', '--intergalactic-screen-small': '768px', '--intergalactic-screen-medium': '1200px', @@ -358,6 +357,7 @@ export default { '--intergalactic-brand-google-blue': '#1a0dab', '--intergalactic-brand-google-green': '#016723', '--intergalactic-brand-google-my-business': '#1a73e8', + '--intergalactic-disabled-opacity': '0.3', '--intergalactic-box-shadow-card': '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)', '--intergalactic-box-shadow-card-hover': '3px 3px 30px 0px rgba(25, 27, 35, 0.15)', '--intergalactic-box-shadow-dnd': '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16)', diff --git a/website/docs/style/design-tokens/design-tokens.json b/website/docs/style/design-tokens/design-tokens.json index e74ef0c311..91833c6de1 100644 --- a/website/docs/style/design-tokens/design-tokens.json +++ b/website/docs/style/design-tokens/design-tokens.json @@ -713,38 +713,6 @@ "computedValue": "24px", "components": [] }, - { - "name": "--intergalactic-disabled-opacity", - "type": "opacity", - "rawValue": "0.3", - "computedValue": "0.3", - "description": "Use for the disabled state of all kind of the controls and elements.", - "components": [ - "accordion", - "base-trigger", - "bulk-textarea", - "button", - "carousel", - "checkbox", - "date-picker", - "dropdown", - "inline-input", - "input", - "input-number", - "link", - "pills", - "radio", - "slider", - "switch", - "tab-line", - "tab-panel", - "tag", - "textarea", - "time-picker", - "typography", - "wizard" - ] - }, { "name": "--intergalactic-screen-extra-small", "type": "sizing", @@ -3048,6 +3016,38 @@ "description": "Google My Business brand color.", "components": [] }, + { + "name": "--intergalactic-disabled-opacity", + "type": "opacity", + "rawValue": "0.3", + "computedValue": "0.3", + "description": "Use for the disabled state of all kind of the controls and elements.", + "components": [ + "accordion", + "base-trigger", + "bulk-textarea", + "button", + "carousel", + "checkbox", + "date-picker", + "dropdown", + "inline-input", + "input", + "input-number", + "link", + "pills", + "radio", + "slider", + "switch", + "tab-line", + "tab-panel", + "tag", + "textarea", + "time-picker", + "typography", + "wizard" + ] + }, { "name": "--intergalactic-box-shadow-card", "type": "boxShadow", From 85be910d899091d2d815dba46bb6396729d89449 Mon Sep 17 00:00:00 2001 From: Slizhevsky Vladislav Date: Fri, 27 Mar 2026 11:18:34 +0100 Subject: [PATCH 12/16] [UIK-4939][core] update process-theme logic in filtering base/semantic tokens for doc/move z-index back to semantic/little website adjustments to BaseToken table --- semcore/core/src/theme/dark.json | 60 +- semcore/core/src/theme/light.json | 60 +- semcore/core/src/theme/processor.ts | 68 +- semcore/core/src/theme/themes/auto.css | 36 +- semcore/core/src/theme/themes/dark.css | 18 +- semcore/core/src/theme/themes/dark.ts | 16 +- semcore/core/src/theme/themes/default.css | 18 +- semcore/core/src/theme/themes/default.ts | 16 +- semcore/core/src/theme/themes/light.css | 18 +- semcore/core/src/theme/themes/light.ts | 16 +- semcore/core/src/theme/utils.ts | 5 +- .../docs/style/design-tokens/base-tokens.json | 243 +++++ .../style/design-tokens/design-tokens.json | 966 ++---------------- .../docs/style/design-tokens/design-tokens.md | 5 +- website/src/docs-components/BaseTokens.jsx | 8 +- 15 files changed, 496 insertions(+), 1057 deletions(-) diff --git a/semcore/core/src/theme/dark.json b/semcore/core/src/theme/dark.json index ce12822ab6..df83c83a08 100644 --- a/semcore/core/src/theme/dark.json +++ b/semcore/core/src/theme/dark.json @@ -622,36 +622,6 @@ "type": "sizing", "description": "Large screens (tablets and laptops)." }, - "z-index": { - "deep": { - "value": "-999", - "type": "other" - }, - "overlay": { - "value": "500", - "type": "other" - }, - "modal": { - "value": "900", - "type": "other" - }, - "popper": { - "value": "700", - "type": "other" - }, - "dropdown": { - "value": "750", - "type": "other" - }, - "tooltip": { - "value": "800", - "type": "other" - }, - "notice-bubble": { - "value": "999", - "type": "other" - } - }, "duration": { "extra-slow": { "value": "500", @@ -2537,6 +2507,36 @@ } } }, + "z-index": { + "deep": { + "value": "-999", + "type": "other" + }, + "overlay": { + "value": "500", + "type": "other" + }, + "modal": { + "value": "900", + "type": "other" + }, + "popper": { + "value": "700", + "type": "other" + }, + "dropdown": { + "value": "750", + "type": "other" + }, + "tooltip": { + "value": "800", + "type": "other" + }, + "notice-bubble": { + "value": "999", + "type": "other" + } + }, "duration": { "switch": { "value": "{duration.extra-fast}", diff --git a/semcore/core/src/theme/light.json b/semcore/core/src/theme/light.json index c6f7bc0201..eba2e730cc 100644 --- a/semcore/core/src/theme/light.json +++ b/semcore/core/src/theme/light.json @@ -622,36 +622,6 @@ "type": "sizing", "description": "Large screens (tablets and laptops)." }, - "z-index": { - "deep": { - "value": "-999", - "type": "other" - }, - "overlay": { - "value": "500", - "type": "other" - }, - "modal": { - "value": "900", - "type": "other" - }, - "popper": { - "value": "700", - "type": "other" - }, - "dropdown": { - "value": "750", - "type": "other" - }, - "tooltip": { - "value": "800", - "type": "other" - }, - "notice-bubble": { - "value": "999", - "type": "other" - } - }, "duration": { "extra-slow": { "value": "500", @@ -2572,6 +2542,36 @@ } } }, + "z-index": { + "deep": { + "value": "-999", + "type": "other" + }, + "overlay": { + "value": "500", + "type": "other" + }, + "modal": { + "value": "900", + "type": "other" + }, + "popper": { + "value": "700", + "type": "other" + }, + "dropdown": { + "value": "750", + "type": "other" + }, + "tooltip": { + "value": "800", + "type": "other" + }, + "notice-bubble": { + "value": "999", + "type": "other" + } + }, "duration": { "switch": { "value": "{duration.extra-fast}", diff --git a/semcore/core/src/theme/processor.ts b/semcore/core/src/theme/processor.ts index bdf3437c95..f046132b06 100644 --- a/semcore/core/src/theme/processor.ts +++ b/semcore/core/src/theme/processor.ts @@ -243,50 +243,36 @@ for (const theme of themes) { description: string; components: string[]; }[] = []; - - for (const token in values) { - if (basicTokens.has(token) && types[token] === 'color') continue; - - const components = [ - ...new Set((usages[token] ?? []).map((cssPath) => cssPath.split('/')[2])), - ]; - components.sort((a, b) => a.localeCompare(b)); - - designTokensDocumentation.push({ - name: `--${prefix}-${token}`, - type: types[token], - rawValue: rawValues[token], - computedValue: values[token], - description: descriptions[token], - components, - }); - } - const baseTokensDocumentation: Token[] = []; - const processGroup = (group: string, data: any) => { - if (data.type && data.type !== 'color') return; - - for (const key in data) { - if (data[key].value && data[key].type === 'color') { - const token: Token = { - name: `--${group}-${key}`, - value: data[key].value, - }; - - if (data[key].description?.trim()) { - token.description = data[key].description; - } - - baseTokensDocumentation.push(token); - } else { - processGroup(`${group}-${key}`, data[key]); - } + for (const processedToken of [...processedTokens, ...highlightsTokens]) { + const { originalName: token, name, value, description } = processedToken; + + const isBase = basicTokens.has(token); + + if (isBase) { + const token: Token = { + name, + value, + description, + }; + + baseTokensDocumentation.push(token); + } else { + const components = [ + ...new Set((usages[token] ?? []).map((cssPath) => cssPath.split('/')[2])), + ]; + components.sort((a, b) => a.localeCompare(b)); + + designTokensDocumentation.push({ + name, + type: types[token], + rawValue: rawValues[token], + computedValue: value, + description: description, + components, + }); } - }; - - for (const group in base) { - processGroup(group, base[group]); } await writeIfChanged( diff --git a/semcore/core/src/theme/themes/auto.css b/semcore/core/src/theme/themes/auto.css index 8bcee081c1..86e0a1d34c 100644 --- a/semcore/core/src/theme/themes/auto.css +++ b/semcore/core/src/theme/themes/auto.css @@ -182,8 +182,6 @@ --intergalactic-rounded-medium: 6px; --intergalactic-rounded-large: 12px; --intergalactic-rounded-extra-large: 24px; - /* Use for the disabled state of all kind of the controls and elements. */ - --intergalactic-disabled-opacity: 0.3; /* Extra small screens (small phones). */ --intergalactic-screen-extra-small: 320px; /* Small screens (phones and small tablets). */ @@ -192,13 +190,6 @@ --intergalactic-screen-medium: 1200px; /* Large screens (tablets and laptops). */ --intergalactic-screen-large: 1920px; - --intergalactic-z-index-deep: -999; - --intergalactic-z-index-overlay: 500; - --intergalactic-z-index-modal: 900; - --intergalactic-z-index-popper: 700; - --intergalactic-z-index-dropdown: 750; - --intergalactic-z-index-tooltip: 800; - --intergalactic-z-index-notice-bubble: 999; /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */ --intergalactic-duration-extra-slow: 500; /* Should be used for more larger scale animations (such as page transitions) */ @@ -627,6 +618,8 @@ --intergalactic-brand-google-green: #016723; /* Google My Business brand color. */ --intergalactic-brand-google-my-business: #1a73e8; + /* Use for the disabled state of all kind of the controls and elements. */ + --intergalactic-disabled-opacity: 0.3; /* Default shadow of the Card. */ --intergalactic-box-shadow-card: 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12); /* Hover state for the shadow of the Card with hover state. */ @@ -862,6 +855,13 @@ --intergalactic-sidebar-nav-control-text-active: #4D407E; --intergalactic-sidebar-nav-control-icon-normal: #9083C5; --intergalactic-sidebar-nav-control-icon-active: #4D407E; + --intergalactic-z-index-deep: -999; + --intergalactic-z-index-overlay: 500; + --intergalactic-z-index-modal: 900; + --intergalactic-z-index-popper: 700; + --intergalactic-z-index-dropdown: 750; + --intergalactic-z-index-tooltip: 800; + --intergalactic-z-index-notice-bubble: 999; /* Use for small controls like Switch or Slider. */ --intergalactic-duration-switch: 100; /* Use for components based on popper like Tooltip, Dropdown or Filter trigger. */ @@ -1059,8 +1059,6 @@ --intergalactic-rounded-medium: 6px; --intergalactic-rounded-large: 12px; --intergalactic-rounded-extra-large: 24px; - /* Use for the disabled state of all kind of the controls and elements. */ - --intergalactic-disabled-opacity: 0.3; /* Extra small screens (small phones). */ --intergalactic-screen-extra-small: 320px; /* Small screens (phones and small tablets). */ @@ -1069,13 +1067,6 @@ --intergalactic-screen-medium: 1200px; /* Large screens (tablets and laptops). */ --intergalactic-screen-large: 1920px; - --intergalactic-z-index-deep: -999; - --intergalactic-z-index-overlay: 500; - --intergalactic-z-index-modal: 900; - --intergalactic-z-index-popper: 700; - --intergalactic-z-index-dropdown: 750; - --intergalactic-z-index-tooltip: 800; - --intergalactic-z-index-notice-bubble: 999; /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */ --intergalactic-duration-extra-slow: 500; /* Should be used for more larger scale animations (such as page transitions) */ @@ -1498,6 +1489,8 @@ --intergalactic-brand-google-green: #016723; /* Google My Business brand color. */ --intergalactic-brand-google-my-business: #1a73e8; + /* Use for the disabled state of all kind of the controls and elements. */ + --intergalactic-disabled-opacity: 0.3; /* Default shadow of the Card. */ --intergalactic-box-shadow-card: 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12); /* Hover state for the shadow of the Card with hover state. */ @@ -1733,6 +1726,13 @@ --intergalactic-sidebar-nav-control-text-active: #4D407E; --intergalactic-sidebar-nav-control-icon-normal: #9083C5; --intergalactic-sidebar-nav-control-icon-active: #4D407E; + --intergalactic-z-index-deep: -999; + --intergalactic-z-index-overlay: 500; + --intergalactic-z-index-modal: 900; + --intergalactic-z-index-popper: 700; + --intergalactic-z-index-dropdown: 750; + --intergalactic-z-index-tooltip: 800; + --intergalactic-z-index-notice-bubble: 999; /* Use for small controls like Switch or Slider. */ --intergalactic-duration-switch: 100; /* Use for components based on popper like Tooltip, Dropdown or Filter trigger. */ diff --git a/semcore/core/src/theme/themes/dark.css b/semcore/core/src/theme/themes/dark.css index dd8fe3c9da..04002bb67e 100644 --- a/semcore/core/src/theme/themes/dark.css +++ b/semcore/core/src/theme/themes/dark.css @@ -182,8 +182,6 @@ --intergalactic-rounded-medium: 6px; --intergalactic-rounded-large: 12px; --intergalactic-rounded-extra-large: 24px; - /* Use for the disabled state of all kind of the controls and elements. */ - --intergalactic-disabled-opacity: 0.3; /* Extra small screens (small phones). */ --intergalactic-screen-extra-small: 320px; /* Small screens (phones and small tablets). */ @@ -192,13 +190,6 @@ --intergalactic-screen-medium: 1200px; /* Large screens (tablets and laptops). */ --intergalactic-screen-large: 1920px; - --intergalactic-z-index-deep: -999; - --intergalactic-z-index-overlay: 500; - --intergalactic-z-index-modal: 900; - --intergalactic-z-index-popper: 700; - --intergalactic-z-index-dropdown: 750; - --intergalactic-z-index-tooltip: 800; - --intergalactic-z-index-notice-bubble: 999; /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */ --intergalactic-duration-extra-slow: 500; /* Should be used for more larger scale animations (such as page transitions) */ @@ -621,6 +612,8 @@ --intergalactic-brand-google-green: #016723; /* Google My Business brand color. */ --intergalactic-brand-google-my-business: #1a73e8; + /* Use for the disabled state of all kind of the controls and elements. */ + --intergalactic-disabled-opacity: 0.3; /* Default shadow of the Card. */ --intergalactic-box-shadow-card: 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12); /* Hover state for the shadow of the Card with hover state. */ @@ -856,6 +849,13 @@ --intergalactic-sidebar-nav-control-text-active: #4D407E; --intergalactic-sidebar-nav-control-icon-normal: #9083C5; --intergalactic-sidebar-nav-control-icon-active: #4D407E; + --intergalactic-z-index-deep: -999; + --intergalactic-z-index-overlay: 500; + --intergalactic-z-index-modal: 900; + --intergalactic-z-index-popper: 700; + --intergalactic-z-index-dropdown: 750; + --intergalactic-z-index-tooltip: 800; + --intergalactic-z-index-notice-bubble: 999; /* Use for small controls like Switch or Slider. */ --intergalactic-duration-switch: 100; /* Use for components based on popper like Tooltip, Dropdown or Filter trigger. */ diff --git a/semcore/core/src/theme/themes/dark.ts b/semcore/core/src/theme/themes/dark.ts index ef8d4d6c31..483b0dc883 100644 --- a/semcore/core/src/theme/themes/dark.ts +++ b/semcore/core/src/theme/themes/dark.ts @@ -132,18 +132,10 @@ export default { '--intergalactic-rounded-medium': '6px', '--intergalactic-rounded-large': '12px', '--intergalactic-rounded-extra-large': '24px', - '--intergalactic-disabled-opacity': '0.3', '--intergalactic-screen-extra-small': '320px', '--intergalactic-screen-small': '768px', '--intergalactic-screen-medium': '1200px', '--intergalactic-screen-large': '1920px', - '--intergalactic-z-index-deep': '-999', - '--intergalactic-z-index-overlay': '500', - '--intergalactic-z-index-modal': '900', - '--intergalactic-z-index-popper': '700', - '--intergalactic-z-index-dropdown': '750', - '--intergalactic-z-index-tooltip': '800', - '--intergalactic-z-index-notice-bubble': '999', '--intergalactic-duration-extra-slow': '500', '--intergalactic-duration-slow': '400', '--intergalactic-duration-medium': '300', @@ -355,6 +347,7 @@ export default { '--intergalactic-brand-google-blue': '#1a0dab', '--intergalactic-brand-google-green': '#016723', '--intergalactic-brand-google-my-business': '#1a73e8', + '--intergalactic-disabled-opacity': '0.3', '--intergalactic-box-shadow-card': '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)', '--intergalactic-box-shadow-card-hover': '3px 3px 30px 0px rgba(25, 27, 35, 0.15)', '--intergalactic-box-shadow-dnd': '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16)', @@ -477,6 +470,13 @@ export default { '--intergalactic-sidebar-nav-control-text-active': '#4D407E', '--intergalactic-sidebar-nav-control-icon-normal': '#9083C5', '--intergalactic-sidebar-nav-control-icon-active': '#4D407E', + '--intergalactic-z-index-deep': '-999', + '--intergalactic-z-index-overlay': '500', + '--intergalactic-z-index-modal': '900', + '--intergalactic-z-index-popper': '700', + '--intergalactic-z-index-dropdown': '750', + '--intergalactic-z-index-tooltip': '800', + '--intergalactic-z-index-notice-bubble': '999', '--intergalactic-duration-switch': '100', '--intergalactic-duration-popper': '200', '--intergalactic-duration-control': '200', diff --git a/semcore/core/src/theme/themes/default.css b/semcore/core/src/theme/themes/default.css index 142313be65..f9703fd55f 100644 --- a/semcore/core/src/theme/themes/default.css +++ b/semcore/core/src/theme/themes/default.css @@ -182,8 +182,6 @@ --intergalactic-rounded-medium: 6px; --intergalactic-rounded-large: 12px; --intergalactic-rounded-extra-large: 24px; - /* Use for the disabled state of all kind of the controls and elements. */ - --intergalactic-disabled-opacity: 0.3; /* Extra small screens (small phones). */ --intergalactic-screen-extra-small: 320px; /* Small screens (phones and small tablets). */ @@ -192,13 +190,6 @@ --intergalactic-screen-medium: 1200px; /* Large screens (tablets and laptops). */ --intergalactic-screen-large: 1920px; - --intergalactic-z-index-deep: -999; - --intergalactic-z-index-overlay: 500; - --intergalactic-z-index-modal: 900; - --intergalactic-z-index-popper: 700; - --intergalactic-z-index-dropdown: 750; - --intergalactic-z-index-tooltip: 800; - --intergalactic-z-index-notice-bubble: 999; /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */ --intergalactic-duration-extra-slow: 500; /* Should be used for more larger scale animations (such as page transitions) */ @@ -627,6 +618,8 @@ --intergalactic-brand-google-green: #016723; /* Google My Business brand color. */ --intergalactic-brand-google-my-business: #1a73e8; + /* Use for the disabled state of all kind of the controls and elements. */ + --intergalactic-disabled-opacity: 0.3; /* Default shadow of the Card. */ --intergalactic-box-shadow-card: 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12); /* Hover state for the shadow of the Card with hover state. */ @@ -862,6 +855,13 @@ --intergalactic-sidebar-nav-control-text-active: #4D407E; --intergalactic-sidebar-nav-control-icon-normal: #9083C5; --intergalactic-sidebar-nav-control-icon-active: #4D407E; + --intergalactic-z-index-deep: -999; + --intergalactic-z-index-overlay: 500; + --intergalactic-z-index-modal: 900; + --intergalactic-z-index-popper: 700; + --intergalactic-z-index-dropdown: 750; + --intergalactic-z-index-tooltip: 800; + --intergalactic-z-index-notice-bubble: 999; /* Use for small controls like Switch or Slider. */ --intergalactic-duration-switch: 100; /* Use for components based on popper like Tooltip, Dropdown or Filter trigger. */ diff --git a/semcore/core/src/theme/themes/default.ts b/semcore/core/src/theme/themes/default.ts index 2a8cc2e718..0b5d46d5cd 100644 --- a/semcore/core/src/theme/themes/default.ts +++ b/semcore/core/src/theme/themes/default.ts @@ -132,18 +132,10 @@ export default { '--intergalactic-rounded-medium': '6px', '--intergalactic-rounded-large': '12px', '--intergalactic-rounded-extra-large': '24px', - '--intergalactic-disabled-opacity': '0.3', '--intergalactic-screen-extra-small': '320px', '--intergalactic-screen-small': '768px', '--intergalactic-screen-medium': '1200px', '--intergalactic-screen-large': '1920px', - '--intergalactic-z-index-deep': '-999', - '--intergalactic-z-index-overlay': '500', - '--intergalactic-z-index-modal': '900', - '--intergalactic-z-index-popper': '700', - '--intergalactic-z-index-dropdown': '750', - '--intergalactic-z-index-tooltip': '800', - '--intergalactic-z-index-notice-bubble': '999', '--intergalactic-duration-extra-slow': '500', '--intergalactic-duration-slow': '400', '--intergalactic-duration-medium': '300', @@ -358,6 +350,7 @@ export default { '--intergalactic-brand-google-blue': '#1a0dab', '--intergalactic-brand-google-green': '#016723', '--intergalactic-brand-google-my-business': '#1a73e8', + '--intergalactic-disabled-opacity': '0.3', '--intergalactic-box-shadow-card': '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)', '--intergalactic-box-shadow-card-hover': '3px 3px 30px 0px rgba(25, 27, 35, 0.15)', '--intergalactic-box-shadow-dnd': '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16)', @@ -480,6 +473,13 @@ export default { '--intergalactic-sidebar-nav-control-text-active': '#4D407E', '--intergalactic-sidebar-nav-control-icon-normal': '#9083C5', '--intergalactic-sidebar-nav-control-icon-active': '#4D407E', + '--intergalactic-z-index-deep': '-999', + '--intergalactic-z-index-overlay': '500', + '--intergalactic-z-index-modal': '900', + '--intergalactic-z-index-popper': '700', + '--intergalactic-z-index-dropdown': '750', + '--intergalactic-z-index-tooltip': '800', + '--intergalactic-z-index-notice-bubble': '999', '--intergalactic-duration-switch': '100', '--intergalactic-duration-popper': '200', '--intergalactic-duration-control': '200', diff --git a/semcore/core/src/theme/themes/light.css b/semcore/core/src/theme/themes/light.css index 142313be65..f9703fd55f 100644 --- a/semcore/core/src/theme/themes/light.css +++ b/semcore/core/src/theme/themes/light.css @@ -182,8 +182,6 @@ --intergalactic-rounded-medium: 6px; --intergalactic-rounded-large: 12px; --intergalactic-rounded-extra-large: 24px; - /* Use for the disabled state of all kind of the controls and elements. */ - --intergalactic-disabled-opacity: 0.3; /* Extra small screens (small phones). */ --intergalactic-screen-extra-small: 320px; /* Small screens (phones and small tablets). */ @@ -192,13 +190,6 @@ --intergalactic-screen-medium: 1200px; /* Large screens (tablets and laptops). */ --intergalactic-screen-large: 1920px; - --intergalactic-z-index-deep: -999; - --intergalactic-z-index-overlay: 500; - --intergalactic-z-index-modal: 900; - --intergalactic-z-index-popper: 700; - --intergalactic-z-index-dropdown: 750; - --intergalactic-z-index-tooltip: 800; - --intergalactic-z-index-notice-bubble: 999; /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */ --intergalactic-duration-extra-slow: 500; /* Should be used for more larger scale animations (such as page transitions) */ @@ -627,6 +618,8 @@ --intergalactic-brand-google-green: #016723; /* Google My Business brand color. */ --intergalactic-brand-google-my-business: #1a73e8; + /* Use for the disabled state of all kind of the controls and elements. */ + --intergalactic-disabled-opacity: 0.3; /* Default shadow of the Card. */ --intergalactic-box-shadow-card: 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12); /* Hover state for the shadow of the Card with hover state. */ @@ -862,6 +855,13 @@ --intergalactic-sidebar-nav-control-text-active: #4D407E; --intergalactic-sidebar-nav-control-icon-normal: #9083C5; --intergalactic-sidebar-nav-control-icon-active: #4D407E; + --intergalactic-z-index-deep: -999; + --intergalactic-z-index-overlay: 500; + --intergalactic-z-index-modal: 900; + --intergalactic-z-index-popper: 700; + --intergalactic-z-index-dropdown: 750; + --intergalactic-z-index-tooltip: 800; + --intergalactic-z-index-notice-bubble: 999; /* Use for small controls like Switch or Slider. */ --intergalactic-duration-switch: 100; /* Use for components based on popper like Tooltip, Dropdown or Filter trigger. */ diff --git a/semcore/core/src/theme/themes/light.ts b/semcore/core/src/theme/themes/light.ts index 2a8cc2e718..0b5d46d5cd 100644 --- a/semcore/core/src/theme/themes/light.ts +++ b/semcore/core/src/theme/themes/light.ts @@ -132,18 +132,10 @@ export default { '--intergalactic-rounded-medium': '6px', '--intergalactic-rounded-large': '12px', '--intergalactic-rounded-extra-large': '24px', - '--intergalactic-disabled-opacity': '0.3', '--intergalactic-screen-extra-small': '320px', '--intergalactic-screen-small': '768px', '--intergalactic-screen-medium': '1200px', '--intergalactic-screen-large': '1920px', - '--intergalactic-z-index-deep': '-999', - '--intergalactic-z-index-overlay': '500', - '--intergalactic-z-index-modal': '900', - '--intergalactic-z-index-popper': '700', - '--intergalactic-z-index-dropdown': '750', - '--intergalactic-z-index-tooltip': '800', - '--intergalactic-z-index-notice-bubble': '999', '--intergalactic-duration-extra-slow': '500', '--intergalactic-duration-slow': '400', '--intergalactic-duration-medium': '300', @@ -358,6 +350,7 @@ export default { '--intergalactic-brand-google-blue': '#1a0dab', '--intergalactic-brand-google-green': '#016723', '--intergalactic-brand-google-my-business': '#1a73e8', + '--intergalactic-disabled-opacity': '0.3', '--intergalactic-box-shadow-card': '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)', '--intergalactic-box-shadow-card-hover': '3px 3px 30px 0px rgba(25, 27, 35, 0.15)', '--intergalactic-box-shadow-dnd': '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16)', @@ -480,6 +473,13 @@ export default { '--intergalactic-sidebar-nav-control-text-active': '#4D407E', '--intergalactic-sidebar-nav-control-icon-normal': '#9083C5', '--intergalactic-sidebar-nav-control-icon-active': '#4D407E', + '--intergalactic-z-index-deep': '-999', + '--intergalactic-z-index-overlay': '500', + '--intergalactic-z-index-modal': '900', + '--intergalactic-z-index-popper': '700', + '--intergalactic-z-index-dropdown': '750', + '--intergalactic-z-index-tooltip': '800', + '--intergalactic-z-index-notice-bubble': '999', '--intergalactic-duration-switch': '100', '--intergalactic-duration-popper': '200', '--intergalactic-duration-control': '200', diff --git a/semcore/core/src/theme/utils.ts b/semcore/core/src/theme/utils.ts index 64f2d6ef9d..91ad5cee4c 100644 --- a/semcore/core/src/theme/utils.ts +++ b/semcore/core/src/theme/utils.ts @@ -269,8 +269,8 @@ export const processTokens = (base: TokensInput, tokens: TokensInput, featureHig } } - const processedTokens: { name: string; value: string; description: string }[] = []; - const highlightsTokens: { name: string; value: string; description: string }[] = []; + const processedTokens: { name: string; value: string; description: string; originalName: string }[] = []; + const highlightsTokens: { name: string; value: string; description: string; originalName: string }[] = []; for (const token in values) { const isBase = basicTokens.has(token) && types[token] === 'color'; @@ -278,6 +278,7 @@ export const processTokens = (base: TokensInput, tokens: TokensInput, featureHig name: isBase ? `--${token}` : `--${prefix}-${token}`, description: descriptions[token], value: values[token], + originalName: token, }); } diff --git a/website/docs/style/design-tokens/base-tokens.json b/website/docs/style/design-tokens/base-tokens.json index af342b29f8..57837b1083 100644 --- a/website/docs/style/design-tokens/base-tokens.json +++ b/website/docs/style/design-tokens/base-tokens.json @@ -382,5 +382,248 @@ { "name": "--salad-800", "value": "#002203" + }, + { + "name": "--intergalactic-base", + "value": "Inter", + "description": "Base font family." + }, + { + "name": "--intergalactic-fs-50", + "value": "10px", + "description": "Use only for text in Badge component." + }, + { + "name": "--intergalactic-fs-100", + "value": "12px", + "description": "Use this font-size with caution for text in some additional messages. Always check its contrast and readability." + }, + { + "name": "--intergalactic-fs-200", + "value": "14px" + }, + { + "name": "--intergalactic-fs-300", + "value": "16px" + }, + { + "name": "--intergalactic-fs-400", + "value": "20px" + }, + { + "name": "--intergalactic-fs-500", + "value": "24px" + }, + { + "name": "--intergalactic-fs-600", + "value": "32px" + }, + { + "name": "--intergalactic-fs-700", + "value": "36px" + }, + { + "name": "--intergalactic-fs-800", + "value": "48px" + }, + { + "name": "--intergalactic-lh-100", + "value": "133%", + "description": "Use with font-size-100." + }, + { + "name": "--intergalactic-lh-200", + "value": "142%", + "description": "Use with font-size-200." + }, + { + "name": "--intergalactic-lh-300", + "value": "150%", + "description": "Use with font-size-300." + }, + { + "name": "--intergalactic-lh-400", + "value": "120%", + "description": "Use with font-size-400." + }, + { + "name": "--intergalactic-lh-500", + "value": "117%", + "description": "Use with font-size-500." + }, + { + "name": "--intergalactic-lh-600", + "value": "125%", + "description": "Use with font-size-600." + }, + { + "name": "--intergalactic-lh-700", + "value": "110%", + "description": "Use with font-size-700." + }, + { + "name": "--intergalactic-lh-800", + "value": "117%", + "description": "Use with font-size-800." + }, + { + "name": "--intergalactic-semi-bold", + "value": "600", + "description": "Semi-bold font weight." + }, + { + "name": "--intergalactic-bold", + "value": "700", + "description": "Bold font weight." + }, + { + "name": "--intergalactic-regular", + "value": "400", + "description": "Regular font weight." + }, + { + "name": "--intergalactic-medium", + "value": "500", + "description": "Medium font weight." + }, + { + "name": "--intergalactic-compact", + "value": "0.3", + "description": "Compact letter spacing." + }, + { + "name": "--intergalactic-scale-indent", + "value": "4px", + "description": "Base denominator of the design system." + }, + { + "name": "--intergalactic-spacing-05x", + "value": "2px", + "description": "2px" + }, + { + "name": "--intergalactic-spacing-1x", + "value": "4px", + "description": "4px" + }, + { + "name": "--intergalactic-spacing-2x", + "value": "8px", + "description": "8px" + }, + { + "name": "--intergalactic-spacing-3x", + "value": "12px", + "description": "12px" + }, + { + "name": "--intergalactic-spacing-4x", + "value": "16px", + "description": "16px" + }, + { + "name": "--intergalactic-spacing-5x", + "value": "20px", + "description": "20px" + }, + { + "name": "--intergalactic-spacing-6x", + "value": "24px", + "description": "24px" + }, + { + "name": "--intergalactic-spacing-8x", + "value": "32px", + "description": "32px" + }, + { + "name": "--intergalactic-spacing-10x", + "value": "40px", + "description": "40px" + }, + { + "name": "--intergalactic-spacing-14x", + "value": "56px", + "description": "56px" + }, + { + "name": "--intergalactic-spacing-20x", + "value": "80px", + "description": "80px" + }, + { + "name": "--intergalactic-spacing-24x", + "value": "96px", + "description": "96px" + }, + { + "name": "--intergalactic-spacing-30x", + "value": "120px", + "description": "120px" + }, + { + "name": "--intergalactic-rounded-extra-small", + "value": "2px" + }, + { + "name": "--intergalactic-rounded-small", + "value": "4px" + }, + { + "name": "--intergalactic-rounded-medium", + "value": "6px" + }, + { + "name": "--intergalactic-rounded-large", + "value": "12px" + }, + { + "name": "--intergalactic-rounded-extra-large", + "value": "24px" + }, + { + "name": "--intergalactic-screen-extra-small", + "value": "320px", + "description": "Extra small screens (small phones)." + }, + { + "name": "--intergalactic-screen-small", + "value": "768px", + "description": "Small screens (phones and small tablets)." + }, + { + "name": "--intergalactic-screen-medium", + "value": "1200px", + "description": "Medium screens (tablets and small laptops)." + }, + { + "name": "--intergalactic-screen-large", + "value": "1920px", + "description": "Large screens (tablets and laptops)." + }, + { + "name": "--intergalactic-duration-extra-slow", + "value": "500", + "description": "Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen)" + }, + { + "name": "--intergalactic-duration-slow", + "value": "400", + "description": "Should be used for more larger scale animations (such as page transitions)" + }, + { + "name": "--intergalactic-duration-medium", + "value": "300", + "description": "Should be used for more complex effects (such as Modal)" + }, + { + "name": "--intergalactic-duration-fast", + "value": "200", + "description": "Should be used for more complex effects (such as Dropdown or Accordion)" + }, + { + "name": "--intergalactic-duration-extra-fast", + "value": "100", + "description": "Should be used for simpler effects and relatively small-sized animations (such as fades or color changes)" } ] diff --git a/website/docs/style/design-tokens/design-tokens.json b/website/docs/style/design-tokens/design-tokens.json index e74ef0c311..863d5f3b06 100644 --- a/website/docs/style/design-tokens/design-tokens.json +++ b/website/docs/style/design-tokens/design-tokens.json @@ -1,885 +1,4 @@ [ - { - "name": "--intergalactic-base", - "type": "fontFamilies", - "rawValue": "Inter", - "computedValue": "Inter", - "description": "Base font family.", - "components": [] - }, - { - "name": "--intergalactic-fs-50", - "type": "fontSizes", - "rawValue": "10px", - "computedValue": "10px", - "description": "Use only for text in Badge component.", - "components": [ - "badge", - "counter", - "d3-chart", - "dot" - ] - }, - { - "name": "--intergalactic-fs-100", - "type": "fontSizes", - "rawValue": "12px", - "computedValue": "12px", - "description": "Use this font-size with caution for text in some additional messages. Always check its contrast and readability.", - "components": [ - "button", - "counter", - "d3-chart", - "data-table", - "format-text", - "fullscreen-modal", - "switch", - "tag", - "typography" - ] - }, - { - "name": "--intergalactic-fs-200", - "type": "fontSizes", - "rawValue": "14px", - "computedValue": "14px", - "components": [ - "badge", - "base-trigger", - "breadcrumbs", - "bulk-textarea", - "button", - "card", - "checkbox", - "counter", - "d3-chart", - "data-table", - "date-picker", - "dropdown", - "format-text", - "fullscreen-modal", - "input", - "notice", - "notice-bubble", - "notice-global", - "pagination", - "pills", - "product-head", - "radio", - "slider", - "switch", - "tab-line", - "tab-panel", - "tag", - "textarea", - "time-picker", - "tooltip", - "typography", - "widget-empty", - "wizard" - ] - }, - { - "name": "--intergalactic-fs-300", - "type": "fontSizes", - "rawValue": "16px", - "computedValue": "16px", - "components": [ - "base-trigger", - "bulk-textarea", - "button", - "card", - "checkbox", - "d3-chart", - "dropdown", - "errors", - "feedback-form", - "format-text", - "input", - "pagination", - "pills", - "radio", - "side-panel", - "switch", - "tab-line", - "tag", - "textarea", - "time-picker", - "typography", - "widget-empty", - "wizard" - ] - }, - { - "name": "--intergalactic-fs-400", - "type": "fontSizes", - "rawValue": "20px", - "computedValue": "20px", - "components": [ - "button", - "format-text", - "product-head", - "typography" - ] - }, - { - "name": "--intergalactic-fs-500", - "type": "fontSizes", - "rawValue": "24px", - "computedValue": "24px", - "components": [ - "button", - "format-text", - "fullscreen-modal", - "modal", - "typography" - ] - }, - { - "name": "--intergalactic-fs-600", - "type": "fontSizes", - "rawValue": "32px", - "computedValue": "32px", - "components": [ - "button", - "format-text", - "typography" - ] - }, - { - "name": "--intergalactic-fs-700", - "type": "fontSizes", - "rawValue": "36px", - "computedValue": "36px", - "components": [ - "button", - "errors", - "format-text", - "typography" - ] - }, - { - "name": "--intergalactic-fs-800", - "type": "fontSizes", - "rawValue": "48px", - "computedValue": "48px", - "components": [ - "button", - "format-text", - "typography" - ] - }, - { - "name": "--intergalactic-lh-100", - "type": "lineHeights", - "rawValue": "133%", - "computedValue": "133%", - "description": "Use with font-size-100.", - "components": [ - "button", - "d3-chart", - "data-table", - "format-text", - "fullscreen-modal", - "switch", - "tag", - "typography" - ] - }, - { - "name": "--intergalactic-lh-200", - "type": "lineHeights", - "rawValue": "142%", - "computedValue": "142%", - "description": "Use with font-size-200.", - "components": [ - "base-trigger", - "breadcrumbs", - "bulk-textarea", - "button", - "checkbox", - "d3-chart", - "data-table", - "dropdown", - "format-text", - "fullscreen-modal", - "notice", - "notice-bubble", - "notice-global", - "pagination", - "product-head", - "radio", - "slider", - "switch", - "tab-line", - "tab-panel", - "tag", - "textarea", - "tooltip", - "typography", - "widget-empty", - "wizard" - ] - }, - { - "name": "--intergalactic-lh-300", - "type": "lineHeights", - "rawValue": "150%", - "computedValue": "150%", - "description": "Use with font-size-300.", - "components": [ - "bulk-textarea", - "button", - "card", - "checkbox", - "d3-chart", - "dropdown", - "errors", - "feedback-form", - "format-text", - "pagination", - "radio", - "side-panel", - "switch", - "tab-line", - "tag", - "textarea", - "typography", - "widget-empty", - "wizard" - ] - }, - { - "name": "--intergalactic-lh-400", - "type": "lineHeights", - "rawValue": "120%", - "computedValue": "120%", - "description": "Use with font-size-400.", - "components": [ - "button", - "format-text", - "product-head", - "typography" - ] - }, - { - "name": "--intergalactic-lh-500", - "type": "lineHeights", - "rawValue": "117%", - "computedValue": "117%", - "description": "Use with font-size-500.", - "components": [ - "button", - "format-text", - "fullscreen-modal", - "modal", - "typography" - ] - }, - { - "name": "--intergalactic-lh-600", - "type": "lineHeights", - "rawValue": "125%", - "computedValue": "125%", - "description": "Use with font-size-600.", - "components": [ - "button", - "format-text", - "typography" - ] - }, - { - "name": "--intergalactic-lh-700", - "type": "lineHeights", - "rawValue": "110%", - "computedValue": "110%", - "description": "Use with font-size-700.", - "components": [ - "button", - "errors", - "format-text", - "typography" - ] - }, - { - "name": "--intergalactic-lh-800", - "type": "lineHeights", - "rawValue": "117%", - "computedValue": "117%", - "description": "Use with font-size-800.", - "components": [ - "button", - "format-text", - "typography" - ] - }, - { - "name": "--intergalactic-semi-bold", - "type": "fontWeights", - "rawValue": "600", - "computedValue": "600", - "description": "Semi-bold font weight.", - "components": [ - "errors", - "modal", - "product-head", - "typography" - ] - }, - { - "name": "--intergalactic-bold", - "type": "fontWeights", - "rawValue": "700", - "computedValue": "700", - "description": "Bold font weight.", - "components": [ - "card", - "color-picker", - "dropdown", - "feedback-form", - "flags", - "format-text", - "fullscreen-modal", - "side-panel", - "typography", - "widget-empty", - "wizard" - ] - }, - { - "name": "--intergalactic-regular", - "type": "fontWeights", - "rawValue": "400", - "computedValue": "400", - "description": "Regular font weight.", - "components": [ - "accordion", - "base-trigger", - "date-picker", - "slider" - ] - }, - { - "name": "--intergalactic-medium", - "type": "fontWeights", - "rawValue": "500", - "computedValue": "500", - "description": "Medium font weight.", - "components": [ - "badge", - "button", - "counter", - "format-text", - "tab-line", - "tab-panel", - "tag", - "time-picker", - "typography" - ] - }, - { - "name": "--intergalactic-compact", - "type": "letterSpacing", - "rawValue": "0.3", - "computedValue": "0.3", - "description": "Compact letter spacing.", - "components": [] - }, - { - "name": "--intergalactic-scale-indent", - "type": "spacing", - "rawValue": "4px", - "computedValue": "4px", - "description": "Base denominator of the design system.", - "components": [] - }, - { - "name": "--intergalactic-spacing-05x", - "type": "spacing", - "rawValue": "{scale-indent}*0.5", - "computedValue": "2px", - "description": "2px", - "components": [ - "accordion", - "base-trigger", - "bulk-textarea", - "checkbox", - "counter", - "data-table", - "dropdown", - "format-text", - "input-tags", - "link", - "notice", - "radio", - "select", - "slider", - "tag", - "typography" - ] - }, - { - "name": "--intergalactic-spacing-1x", - "type": "spacing", - "rawValue": "{scale-indent}*1", - "computedValue": "4px", - "description": "4px", - "components": [ - "badge", - "base-components", - "base-trigger", - "bulk-textarea", - "button", - "card", - "carousel", - "color-picker", - "counter", - "d3-chart", - "data-table", - "dropdown", - "dropdown-menu", - "feature-popover", - "format-text", - "fullscreen-modal", - "inline-input", - "input-tags", - "link", - "notice", - "notice-bubble", - "pagination", - "product-head", - "side-panel", - "tag", - "textarea", - "typography", - "widget-empty", - "wizard" - ] - }, - { - "name": "--intergalactic-spacing-2x", - "type": "spacing", - "rawValue": "{scale-indent}*2", - "computedValue": "8px", - "description": "8px", - "components": [ - "accordion", - "base-components", - "base-trigger", - "breadcrumbs", - "bulk-textarea", - "button", - "card", - "carousel", - "checkbox", - "d3-chart", - "data-table", - "date-picker", - "dropdown", - "feature-popover", - "feedback-form", - "format-text", - "fullscreen-modal", - "input", - "input-tags", - "modal", - "notice", - "notice-bubble", - "notice-global", - "pagination", - "pills", - "product-head", - "radio", - "select", - "side-panel", - "slider", - "switch", - "tab-line", - "tab-panel", - "tag", - "textarea", - "time-picker", - "typography", - "widget-empty", - "wizard" - ] - }, - { - "name": "--intergalactic-spacing-3x", - "type": "spacing", - "rawValue": "{scale-indent}*3", - "computedValue": "12px", - "description": "12px", - "components": [ - "accordion", - "base-trigger", - "bulk-textarea", - "button", - "carousel", - "color-picker", - "d3-chart", - "data-table", - "date-picker", - "dropdown", - "errors", - "feedback-form", - "format-text", - "fullscreen-modal", - "input", - "modal", - "notice", - "notice-bubble", - "pagination", - "pills", - "side-panel", - "textarea", - "time-picker", - "tooltip", - "typography", - "widget-empty", - "wizard" - ] - }, - { - "name": "--intergalactic-spacing-4x", - "type": "spacing", - "rawValue": "{scale-indent}*4", - "computedValue": "16px", - "description": "16px", - "components": [ - "bulk-textarea", - "carousel", - "color-picker", - "data-table", - "date-picker", - "errors", - "feature-popover", - "feedback-form", - "format-text", - "modal", - "notice", - "notice-global", - "pagination", - "product-head", - "side-panel", - "tab-line", - "typography", - "widget-empty", - "wizard" - ] - }, - { - "name": "--intergalactic-spacing-5x", - "type": "spacing", - "rawValue": "{scale-indent}*5", - "computedValue": "20px", - "description": "20px", - "components": [ - "bulk-textarea", - "card", - "data-table", - "errors", - "format-text", - "notice-bubble", - "pagination", - "product-head", - "slider", - "typography", - "wizard" - ] - }, - { - "name": "--intergalactic-spacing-6x", - "type": "spacing", - "rawValue": "{scale-indent}*6", - "computedValue": "24px", - "description": "24px", - "components": [ - "bulk-textarea", - "errors", - "format-text", - "fullscreen-modal", - "notice-bubble", - "product-head", - "side-panel", - "typography" - ] - }, - { - "name": "--intergalactic-spacing-8x", - "type": "spacing", - "rawValue": "{scale-indent}*8", - "computedValue": "32px", - "description": "32px", - "components": [ - "bulk-textarea", - "errors", - "format-text", - "fullscreen-modal", - "notice-bubble", - "notice-global", - "typography" - ] - }, - { - "name": "--intergalactic-spacing-10x", - "type": "spacing", - "rawValue": "{scale-indent}*10", - "computedValue": "40px", - "description": "40px", - "components": [ - "bulk-textarea", - "errors", - "feature-popover", - "feedback-form", - "fullscreen-modal", - "modal", - "side-panel", - "wizard" - ] - }, - { - "name": "--intergalactic-spacing-14x", - "type": "spacing", - "rawValue": "{scale-indent}*14", - "computedValue": "56px", - "description": "56px", - "components": [] - }, - { - "name": "--intergalactic-spacing-20x", - "type": "spacing", - "rawValue": "{scale-indent}*20", - "computedValue": "80px", - "description": "80px", - "components": [ - "errors", - "fullscreen-modal" - ] - }, - { - "name": "--intergalactic-spacing-24x", - "type": "spacing", - "rawValue": "{scale-indent}*24", - "computedValue": "96px", - "description": "96px", - "components": [] - }, - { - "name": "--intergalactic-spacing-30x", - "type": "spacing", - "rawValue": "{scale-indent}*30", - "computedValue": "120px", - "description": "120px", - "components": [] - }, - { - "name": "--intergalactic-rounded-extra-small", - "type": "borderRadius", - "rawValue": "2px", - "computedValue": "2px", - "components": [] - }, - { - "name": "--intergalactic-rounded-small", - "type": "borderRadius", - "rawValue": "4px", - "computedValue": "4px", - "components": [ - "checkbox" - ] - }, - { - "name": "--intergalactic-rounded-medium", - "type": "borderRadius", - "rawValue": "6px", - "computedValue": "6px", - "components": [ - "d3-chart", - "feedback-form" - ] - }, - { - "name": "--intergalactic-rounded-large", - "type": "borderRadius", - "rawValue": "12px", - "computedValue": "12px", - "components": [] - }, - { - "name": "--intergalactic-rounded-extra-large", - "type": "borderRadius", - "rawValue": "24px", - "computedValue": "24px", - "components": [] - }, - { - "name": "--intergalactic-disabled-opacity", - "type": "opacity", - "rawValue": "0.3", - "computedValue": "0.3", - "description": "Use for the disabled state of all kind of the controls and elements.", - "components": [ - "accordion", - "base-trigger", - "bulk-textarea", - "button", - "carousel", - "checkbox", - "date-picker", - "dropdown", - "inline-input", - "input", - "input-number", - "link", - "pills", - "radio", - "slider", - "switch", - "tab-line", - "tab-panel", - "tag", - "textarea", - "time-picker", - "typography", - "wizard" - ] - }, - { - "name": "--intergalactic-screen-extra-small", - "type": "sizing", - "rawValue": "320px", - "computedValue": "320px", - "description": "Extra small screens (small phones).", - "components": [] - }, - { - "name": "--intergalactic-screen-small", - "type": "sizing", - "rawValue": "768px", - "computedValue": "768px", - "description": "Small screens (phones and small tablets).", - "components": [] - }, - { - "name": "--intergalactic-screen-medium", - "type": "sizing", - "rawValue": "1200px", - "computedValue": "1200px", - "description": "Medium screens (tablets and small laptops).", - "components": [] - }, - { - "name": "--intergalactic-screen-large", - "type": "sizing", - "rawValue": "1920px", - "computedValue": "1920px", - "description": "Large screens (tablets and laptops).", - "components": [] - }, - { - "name": "--intergalactic-z-index-deep", - "type": "other", - "rawValue": "-999", - "computedValue": "-999", - "components": [ - "date-picker" - ] - }, - { - "name": "--intergalactic-z-index-overlay", - "type": "other", - "rawValue": "500", - "computedValue": "500", - "components": [ - "d3-chart" - ] - }, - { - "name": "--intergalactic-z-index-modal", - "type": "other", - "rawValue": "900", - "computedValue": "900", - "components": [] - }, - { - "name": "--intergalactic-z-index-popper", - "type": "other", - "rawValue": "700", - "computedValue": "700", - "components": [] - }, - { - "name": "--intergalactic-z-index-dropdown", - "type": "other", - "rawValue": "750", - "computedValue": "750", - "components": [] - }, - { - "name": "--intergalactic-z-index-tooltip", - "type": "other", - "rawValue": "800", - "computedValue": "800", - "components": [] - }, - { - "name": "--intergalactic-z-index-notice-bubble", - "type": "other", - "rawValue": "999", - "computedValue": "999", - "components": [] - }, - { - "name": "--intergalactic-duration-extra-slow", - "type": "other", - "rawValue": "500", - "computedValue": "500", - "description": "Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen)", - "components": [ - "mini-chart" - ] - }, - { - "name": "--intergalactic-duration-slow", - "type": "other", - "rawValue": "400", - "computedValue": "400", - "description": "Should be used for more larger scale animations (such as page transitions)", - "components": [] - }, - { - "name": "--intergalactic-duration-medium", - "type": "other", - "rawValue": "300", - "computedValue": "300", - "description": "Should be used for more complex effects (such as Modal)", - "components": [ - "date-picker" - ] - }, - { - "name": "--intergalactic-duration-fast", - "type": "other", - "rawValue": "200", - "computedValue": "200", - "description": "Should be used for more complex effects (such as Dropdown or Accordion)", - "components": [ - "slider" - ] - }, - { - "name": "--intergalactic-duration-extra-fast", - "type": "other", - "rawValue": "100", - "computedValue": "100", - "description": "Should be used for simpler effects and relatively small-sized animations (such as fades or color changes)", - "components": [ - "data-table", - "drag-and-drop", - "feature-highlight" - ] - }, { "name": "--intergalactic-bg-primary-neutral", "type": "color", @@ -3048,6 +2167,38 @@ "description": "Google My Business brand color.", "components": [] }, + { + "name": "--intergalactic-disabled-opacity", + "type": "opacity", + "rawValue": "0.3", + "computedValue": "0.3", + "description": "Use for the disabled state of all kind of the controls and elements.", + "components": [ + "accordion", + "base-trigger", + "bulk-textarea", + "button", + "carousel", + "checkbox", + "date-picker", + "dropdown", + "inline-input", + "input", + "input-number", + "link", + "pills", + "radio", + "slider", + "switch", + "tab-line", + "tab-panel", + "tag", + "textarea", + "time-picker", + "typography", + "wizard" + ] + }, { "name": "--intergalactic-box-shadow-card", "type": "boxShadow", @@ -4181,6 +3332,59 @@ "computedValue": "#4D407E", "components": [] }, + { + "name": "--intergalactic-z-index-deep", + "type": "other", + "rawValue": "-999", + "computedValue": "-999", + "components": [ + "date-picker" + ] + }, + { + "name": "--intergalactic-z-index-overlay", + "type": "other", + "rawValue": "500", + "computedValue": "500", + "components": [ + "d3-chart" + ] + }, + { + "name": "--intergalactic-z-index-modal", + "type": "other", + "rawValue": "900", + "computedValue": "900", + "components": [] + }, + { + "name": "--intergalactic-z-index-popper", + "type": "other", + "rawValue": "700", + "computedValue": "700", + "components": [] + }, + { + "name": "--intergalactic-z-index-dropdown", + "type": "other", + "rawValue": "750", + "computedValue": "750", + "components": [] + }, + { + "name": "--intergalactic-z-index-tooltip", + "type": "other", + "rawValue": "800", + "computedValue": "800", + "components": [] + }, + { + "name": "--intergalactic-z-index-notice-bubble", + "type": "other", + "rawValue": "999", + "computedValue": "999", + "components": [] + }, { "name": "--intergalactic-duration-switch", "type": "other", diff --git a/website/docs/style/design-tokens/design-tokens.md b/website/docs/style/design-tokens/design-tokens.md index 0461c1dec7..9a3929000e 100644 --- a/website/docs/style/design-tokens/design-tokens.md +++ b/website/docs/style/design-tokens/design-tokens.md @@ -55,8 +55,7 @@ Base tokens include: - sizing; - spacing; - the base border radius scale; -- breakpoints; -- z-index. +- breakpoints. The palette was built with [Huetone tool](https://huetone.ardov.me/) (learn more about the tool in the [Twitter thread](https://twitter.com/ardovalexey/status/1447329411678806023)). @@ -86,6 +85,8 @@ Semantic tokens include: - box shadows; - border radius; - form control heights; +- opacity; +- z-index; - animation durations. To learn more about the tokens names, see [Token naming structure section](/style/design-tokens/design-tokens-usage#token-naming-structure). diff --git a/website/src/docs-components/BaseTokens.jsx b/website/src/docs-components/BaseTokens.jsx index 2a330d946f..1e26fded71 100644 --- a/website/src/docs-components/BaseTokens.jsx +++ b/website/src/docs-components/BaseTokens.jsx @@ -62,6 +62,7 @@ const BaseTokens = ({ tokens }) => { }; const BaseTokensTable = React.memo(({ filteredTokens }) => { + console.log(filteredTokens); const nameHeaderRef = React.useRef(null); const valueHeaderRef = React.useRef(null); const descriptionHeaderRef = React.useRef(null); @@ -124,6 +125,9 @@ const BaseTokensTable = React.memo(({ filteredTokens }) => { ); } else if (props.dataKey === 'value') { + const value = props.row[props.dataKey]; + const isColor = value.startsWith('#'); + return ( { className={styles.tokenValueWrapper} > ); From 2e42456adcac09572f99ad4d0afa28a6b5bfc785 Mon Sep 17 00:00:00 2001 From: Slizhevsky Vladislav Date: Fri, 27 Mar 2026 11:23:40 +0100 Subject: [PATCH 13/16] [UIK-4639][website] rollback changes --- .../docs/.vitepress/resolve-semcore-sources.ts | 16 +++------------- 1 file changed, 3 insertions(+), 13 deletions(-) diff --git a/website/docs/.vitepress/resolve-semcore-sources.ts b/website/docs/.vitepress/resolve-semcore-sources.ts index 5b02ba65d9..1431ad5e8a 100644 --- a/website/docs/.vitepress/resolve-semcore-sources.ts +++ b/website/docs/.vitepress/resolve-semcore-sources.ts @@ -24,19 +24,9 @@ const tryToResolveWorkspacePath = async (path: string, rootPath: string) => { readdir(resolvePath(rootPath, 'semcore')), readdir(resolvePath(rootPath, 'tools')), ]); - const maybeWorkspaces = [ - ...semcoreDirItems.map((item) => `semcore/${item}`), - ...toolsDirItems.map((item) => `tools/${item}`), - ]; - const workspaces = ( - await Promise.all( - maybeWorkspaces.map(async (workspacePath) => { - const packageJsonPath = resolvePath(rootPath, workspacePath, 'package.json'); - if (await isFile(packageJsonPath)) return workspacePath; - return null; - }), - ) - ).filter((workspacePath): workspacePath is string => workspacePath !== null); + const workspaces: string[] = []; + for (const item of semcoreDirItems) workspaces.push(`semcore/${item}`); + for (const item of toolsDirItems) workspaces.push(`tools/${item}`); { const destinationDirs = workspaces.map((workspacePath) => workspacePath.split('/').pop()); if (destinationDirs.length !== [...new Set(destinationDirs)].length) { From 74366aa67b5bc8c98e0d0d12b510c5cede1f14e1 Mon Sep 17 00:00:00 2001 From: Slizhevsky Vladislav Date: Fri, 27 Mar 2026 13:48:20 +0100 Subject: [PATCH 14/16] [UIK-4939][core] delete zIndex for panda-preset --- semcore/core/src/theme/panda-processor.ts | 8 +------- website/src/docs-components/BaseTokens.jsx | 1 - 2 files changed, 1 insertion(+), 8 deletions(-) diff --git a/semcore/core/src/theme/panda-processor.ts b/semcore/core/src/theme/panda-processor.ts index f1b9e1e070..cfa2fae957 100644 --- a/semcore/core/src/theme/panda-processor.ts +++ b/semcore/core/src/theme/panda-processor.ts @@ -2,7 +2,6 @@ const FIGMA_TOKENS_ONLY = [ 'keyboard-focus-feature-highlight', ]; -const PANDA_Z_INDEX_KEY = 'zIndex'; const PANDA_DURATIONS_KEY = 'durations'; const INTERGALACTIC_TYPE_TO_PANDA: Record = { @@ -98,17 +97,12 @@ export const getPandaConfig = ( const description = descriptions[key]; let pandaKey = INTERGALACTIC_TYPE_TO_PANDA[type]; - const isZIndexKey = ifZIndex(key); const isDurationKey = ifDuration(key); - if (!pandaKey && !isZIndexKey && !isDurationKey) return; + if (!pandaKey && !isDurationKey) return; const isBaseToken = basicTokens.has(key); - if (isZIndexKey) { - pandaKey = PANDA_Z_INDEX_KEY; - } - if (isDurationKey) { pandaKey = PANDA_DURATIONS_KEY; } diff --git a/website/src/docs-components/BaseTokens.jsx b/website/src/docs-components/BaseTokens.jsx index 1e26fded71..9fcac32b11 100644 --- a/website/src/docs-components/BaseTokens.jsx +++ b/website/src/docs-components/BaseTokens.jsx @@ -62,7 +62,6 @@ const BaseTokens = ({ tokens }) => { }; const BaseTokensTable = React.memo(({ filteredTokens }) => { - console.log(filteredTokens); const nameHeaderRef = React.useRef(null); const valueHeaderRef = React.useRef(null); const descriptionHeaderRef = React.useRef(null); From d8838c093ee51d0a450902de7815f565e271fb1f Mon Sep 17 00:00:00 2001 From: Slizhevsky Vladislav Date: Fri, 27 Mar 2026 13:49:59 +0100 Subject: [PATCH 15/16] [UIK-4939][core] delete zIndex for panda-preset --- semcore/core/src/theme/panda-processor.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/semcore/core/src/theme/panda-processor.ts b/semcore/core/src/theme/panda-processor.ts index cfa2fae957..fb37ae9f5e 100644 --- a/semcore/core/src/theme/panda-processor.ts +++ b/semcore/core/src/theme/panda-processor.ts @@ -17,7 +17,7 @@ const INTERGALACTIC_TYPE_TO_PANDA: Record = { border: 'borders', boxShadow: 'shadows', opacity: 'opacity', - // z-index - zIndex + // handled within process function, since token has type = 'other' // duration - durations }; From 459b4fa52f7ffed403cfc0b95d671e0484005556 Mon Sep 17 00:00:00 2001 From: "ilia.brauer" Date: Fri, 27 Mar 2026 15:28:44 +0100 Subject: [PATCH 16/16] [chore] updated bubble-chart snapshot --- ...le-chart-implementation-1-webkit-linux.png | Bin 17777 -> 17770 bytes 1 file changed, 0 insertions(+), 0 deletions(-) diff --git a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-implementation-1-webkit-linux.png b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-implementation-1-webkit-linux.png index 6cef309f010c6f9408a1df9e259924797ebd48d3..85d37922e5f488c3231b08d993fb2ad683b31ee7 100644 GIT binary patch literal 17770 zcmeHv1yGw^_h(vKYLpgQibL_@?nU}G6f00%gG+IDt>9L?c#9TyOMuYgUNk@m?m>!c zV4v{5yWf9yXLe?1cK$oN`%z||G|!cD?>*<--!VepDM~-QPj(*!0zH(K0jq#Ow}Fp0 zf8V_cJS3^*ZU7HlV|i&X=nDJqTT^}<2=p8z3x1{Mk+z9)Pg5JiT?VESZa=}DK z57>~so11+D)BEQpiAIx;4N4Nav*`oZ=fD-y)Vrexbvdow3Va=e zXX8A*W3Sh2JodS&!?ld-dX&D=LjuFPPTze6M2=^ZZPcKz?|eIN-qaQ(di=V<*HSdM z>t0Ui)}vAb_|Upj1c|syZz3fGU7I&PyBrJpmfy9Jkhn<*G-m7UQ~yRzb`kyzeznzW z@pXdfdW1YK=d3;N9e)zMKz$$2(vbLs1f)&v)D(2b_jp**_1BNP*k;eE`tVwK^9;CL zH*(e%8RV0^r?;7Bg%E9**GpNeA9>4bMwFG&Zm2W*JRqkmp?*k zJLe*lrWoA0C{O|j4e$efr7Fh&yXHgC!a$!?`SrIl+W(2H=pqQxM2wCj1gphWl(lR8 zT02m%aM&d8H6@H28Xyi9mWHbjodWhVRHBu8*-9%fF)GT+>kAA!SIcFCpa1%9r+K|O z0rxf`eyhW|y>+&n6g;Men=%jx=Db&9#&y-!u1+4Dk+%P9s>VR^E7!nhp1=1iqcj=> z6WdO;hcfn~BPn-1UJB~_tMg&PWbC5Kn!nF;?Oboo^Y2jcn=d_w+XSR3@V)i*XV(_b z&Vo3bCw!142=`ju)^`w&dmyj-5JW5lP(cC9E@B|+SL*7ABZJLOr^_SG&c5ls_Og~z zFXe6q#H(<9bFY*KmRC-(kMk$7MD!V(7N7HqS!?ja^M*kX&FJr90lA@wXHz*WGkbR_?|;dRgnae>4#@R)o031p05H zU{^H__Uu01mUX??q_$8TaloC|hnJDH#Q3BT2Ta zQ2x`WOR36#OBZVRKMHUKU8;aR`Ip&Q^kGOyzd1SY%4iL`neY3X>lH&w&^J5)S#~?8 z!Rbm!7!xI?BokNr<|t^!haO#9P=&B;%7UotHwsmksJ_>FJ3WN?u8Rv%~~N zO29B318%Vy+uRlO*TiJ;<&F;N);zh(Cnmgln}C_K%moGkSmAGxu8tk{aT!Ln@coZxIxq(R0_ZU+&T2J5lC$iyWYOvW-E6Lug6w-_b)au>Rw*V zB%EAKLit&~f0nPXH_gMNO5t;eU2lu=*PFg+`@zcw-e&f5Up`T#zTINFZ7ExL4?9fk z2gjC0?XE9@?dr zO2SmP@`uAnL`yt}m7Mtv9ut(!ul!0r?n{8E5)PQfY^JLDJ1TXTz(ClroI9jbiTX1=NH zl}70C=8W;`AT{th!0f%8Bl+5{je+E|B)R8KU9S{O|0<2xWhh|8_LjlD`Dd4tB!<&! z35{FuC|o}2Wpr91dqb&d5*E{dLZ$ve2_H|3B$E;nc2Js$F)`w%e)b`EpW(MjnyN7h>wg{WyFHYaw~_2J@-M~|*2N=klt+v_-Ep)>OY zhTJMGDS@38CY!v;oSLLcNo{2u#{m^|&vW_T!|F_midfB2VOR28@nMM5osSJ5Jc&M=;kepUBV8?|ZJxo24XiIhcxBE%mm7EHBt2`<9qBXn}(^_NkA&MZje9_;>%QI0X2zt?zDc3Esesp{~_Wr zVz2g`mU=7cgC!5k{+Gof)|?h(ATNb%s$@}wR-5g46*#&swC#F`8^92wjF{T{EjoM$ zEUt!)<6K6U&PGk|gWVSG@wN-yb0@*QLQ5WIaig~wdM7c?RHFjbb!3NPkAu{Uh)M5X zua@8j32KZ5BPV}JMD(!9HYm_!OVm3oB(|sJXMQBXJu($?m7b7WDY=!hVESH1ha69X zY|{zo$)d}TR+x`2qlC19%Ftp22FsfT;h>1p_hMtGhGz+hYvjF6!MJm!W%bYQ%A@O= z;YCJea>NzkKhj+*s}#XY8{ZdRmXkY}RFOzGLF%22D~=4C$M_UR_(IL+5=n|{x?AvW zV%eeK6DUGaRPQVj{|0L=UaQcbjqjgYrfBRX+ysQ_f8%%me)-|-ofeVQaHY*Wg?ATv z_q|+rjpKVlZhlbRXDzxTEz6WVOZIsU#9<=&M}D5`V}nlM-b)`B8L7?DQ|{p!{cu2j zpY(&|4`B-7<}wb25em1|&P5jyR|p~-=T}Opb(ZDSPi5nE8s4k~8TEICA5~Cnkw*8( zXyt5DgluCili2bP9K)0B`v7Wx#}Nb!S(aD`b$0kYY<(vuMf(Qg8;3IQ?K*&_9Z?Zn zK;JSG;Rztd?$E}_mK-fUyJGo`bTTr>1AENh)p_(h-J^j@=n)-0pi@RYxOdTjP4!(P3yF)N5YVe$&B4 zMoY!xasA|%{+h~W=+>o5XBJ$#<22{F{y95#R~=u0-mF$rUq&kW3EG@>GoWD74m z01{f}li_&^CMI)elvGMyB#C&Nokf4z;+HUj7#z#2*AMT(^x#2pa6MbrqmONWP4lRZ-iEO;j6r>$jUeik{o zl~fl-|2X&>@jOWu)+fdfHt=)3WEZ^3QOeXK(5|skm~7rVFe;97o>nR8`1lClUFU09 z)CJYV4dL8o{1=w-Qn`eo$V?T_ch3^L>TpAPpOszT0Vq>*&`g7~roKLPCMQ{|?w>V~)s{$z`%Fr5G7YUgn}>UQ@Kv(kP`sjRg};Af0mIL?CHBtz@q}h1 zZ(Qyew!RB$otJa_AbT{p^(w#AlL9)D2cz^#lpl1m5>HCp7BZ!I-}){_hModorKke6 zk+wxg%ao&6$?>BdJ1=cZ_QI8NT3F{D=t*o8r$fC{#C#iFiVs3|Tdk2^X^wDa0@6c(J^y3rG1% zHCkA)TWMskDR%W4;zKC$ouinr-nE8Ov;YK2{G}|VEn%XJaeTDr3!5X9f}<|30E-%A zD9v%_=39gL_-}`Y$=$!dM;FtT!jJBV5-X`n_n20EBLA@g|4D#4Jz*$GjG-#m--OXoB3?NoW*aW=2=mh8>=$3)Z(zGZ$P{>@urHL<RiUj_?JeQVN2$c<}bMTUKIB%I#kpd!CBN~}K*ecsC&ucB$-Dh1ebt%(3mK07WuNo<{$aR>}0 z*4UGZv?)yBp5z&4I<#4UYHGV9?!Inx5fd z%hrVu38tv2YBI+RcWhr`foeeL-4>b3szLGnPejx^Q#BTU=02_(c=W$}qYrOJ3)(c! zk*{tsvshZ)FV))J)n4qxrxf|oUu2QaFEClt87{#lf7~-Cl0039=FK|BeOpo>FNbq& zu;)C!$rYuZCg3v0$L=pVGvjN9IX@;Bu=$g-&lu9RHlmavYClg|hx*e_oZ5VzF0aR7 z!9`-Vzu`y`kllPFKWUddrF4H-1T&Kta*Gxv0+V1n>}ToBb+riG*mzfWjmrC^KyUT} zTaEHt=beNf+&_a~^fXREy$E&%DR=^pyUM7_ZW4IHz>2-GRo>w<$?Snv(Davr8i5jJ z75*^Ey_b-koJ6dt8K6d(xh4I<AIOjwu>fCi`+*%1O4_lmh8B(T|eJaIQPYQTX|#pB?{v z;g?7%0o6Fu{xDT6oN<9%&G&{SB1H1!8$zUgG94W#@<^JDCxL7 z%KgTw3by*yje3VQpSXgb$^A4FG@=5Zz zG6u&(VY|IB29(Iq28MAOXY=>+**uB`yLns$#~`{IkERTPQvoqC_7p!+pE0YCL5&c$ zgrC`b&Pb>?ErfSo0^jZu3!MYhe(mH-K6=8lgd((jFRqfRkGf3!_WX6`7uIAHIzOoj zW(JH2Vx$G(h$+3+nqf(lJSl%TEwJlm|F}L=x8sby#JlL0>5~9JqkNImy7fTX_yx1g zmq>mUEzaCXl_yrD9tTtOy$qg;qzeg8c+I{EP6p~I*;cWkSd$(KZC~vsSftdo<@3yRIL9h*|H{$8v^!f*{G|nPytjC`*ynH8@UZYETVOBUDP9TCIVQ4KvpB_JTxi7m zO=A;;&HqG&CCYY`n3?u*%%fxXi{bUjQ1;veJ{X>b+)JR7O2p|6k8Sh=&J6A`yVdOl zs+HWbrCf;d4^za40p!?o19unL4yf$Fm8p@8fPgfPy>@A!1djurGCwa3b&6d`sWss_Q}YcWlK895xLsjmk~hyE6A~yqiSA4&v2LBNWUhEH zoIa-ei{@T1-A_a3zm%r4ul?wRgMFZjnR9B~*WZZ^GFWNN%$5aGOKNMky=R-MRnrgF zd8BB{2#_@kt(>M@C=Xvu)VOgap?%7~q>TNB5Di@mZKc=?iw62u z4pP$KO>sWk^3m;>4X{E9NgR8&7t`2wZkNblN;_Pj;y~`k`KQe zTz3#k$B$-`W&JZZ;iJrMT}0?Rys!{k2A`qyhWfP<&pR;DdI(XRUhKPePIw$=WVsWw zYuEX`UX|Od5Eys4a19z{;63Z~RWGDSdb`6ZVr>8j<8$?PGipPEhRxvzfTxfmf50g5 zwlw5~1%HE_tQnKeir&}&n~rs6zC26n+;T%!z?&+Du3%TEixt&Amw}q4O-CJ^@aco! zucI-DK5BjeT&R}gAc4l7nL;P$;c-vI2RpY@X`ZvavWjBk_St)zKU zO88VKJMW$DO5aMP{lL150^?HGy13B-mOK^e8xv3gHKwi6g-ID;iZIrs_4}&(+ZpZMVV(AoY1<#a(_H8FK_bE3>_`C z?}4MLsw&z~j{|Wp`^_6_O*J(R?X#Wn9kFKHB2gRAGlFOZj)A1~!^%Rv3zTl1cYr42 zVGNtwKENoFk6wXle{_WS*bb8zBG`0mvkc(PS3b5gW15)q!`*7W9n1U-pU%N;HYD5t zTv%8LUdp(Fou}>RT^?2hPusb3kwnzK-2JSalILsEb8zoTN2c>Yn*d!mx0F;n0^+~F z<9Ck!`3bk<)IyHP`(l{n*$%;#)1$#JKP@X86vs7XU$2@tG)s3ZcY$_>bgz8^pS%Ou z3#*m!#&QL5O_l26_I2%>M&SN4anTYY=Y!GXqZE}^s>;f{53B4jLyzEB(V7|l?~iNLzBRp$(A|ExzE#f=*q=&L{Hvk<>i z1{6DV^&PF~M)XWyX|JXBUN#MYBO-d9?r;|yBrL`{il6>8Y-kKPcmP}s8NmdG;VkHl zur39Hu~7=)ylNK`*TX~qQ*_+Efxj>-D>^njfA*@S^>}9ge4+^HzDXfeJ{Q5;5!Tgs zY9A)^`jh|Bru3|~(9VW+sX?{J`fb&L=vuwQT_)>spQ9>KJK@98I7C{mMwILKI*4MJ>3EI`IpQT&MzZK1VWs zx0@Vworl&EDZpi7q&FtA$V4mlOG9M9vd`IQjbAA6v5Q!a=ejQ6gzhv?R@pUju(Ha7 zx6cj-nbQ5|qx}ysaf%|`XB!QxZ+%uKSIg@6tm=CCEr*5u;8z*m)L;40SEoLck6!-C zFDh#=x=6MF>qe1_0v5`uV&?AFOq26*LW0;?*Qb)fy_xe~i>uS2j~{O&`CFSGbUpIp z+E2_J*zjo*8*UEx{IJ5^DJXc5L0r@4KK9sE0`k<77=L92>#DH~61!#j`c^$X%}xqa zkqadx7(6aNGsmQC!6Su-?Or|PFKwDToktIefMH?bTmFW*|NtIW^$Z? z*=Ny9$wLD+3m?k-2?POtLZC1L9^qsE&dOjQ5TM-y%-2Fga-;TzG*i`ABx4gL0M16= z*ch3e*bopTm?NYX_HN6S={H4HCBk{S%w+zGO&`X((uajo_5{L8bDu%4#$5N5l$exr#d`_Y{Xhvi$q0|x@t2+OvLVed7%m>Q$CO05xsT8dVeLu zjBZV2?KK%A=%-KVMPDd9spzy=;O%?L6V*(PbvPL^M}TzWRg;WJyE$$;YCMtqyBiA) zNEh+d1j#h+k}6<3X`oN#t)s4vIouXY-=Lw0^0_>Pn%L;+K;74ekHybzN{mR-MS2~- zL4_xYfI&e8Z5JTD{}zf<*dbjJDJxsMhf2zC?}-*~b{w~@$alZk9Ke{Ji;lfE$-Z*G z+V3>6JUv--wyWPwj7$}fxLg`Z@;?s)bkD%pRO=YeO{|-=+Sm!Ce>%kEoZ(mSftA-71=Uq=V3 z2?nGR=R=}YBr9tX;IlCB+D%?l%^i)R475hrzQ+$n9{iplnK&IQy={N7Pb>l7YOu&~ znAo~HJFXPEG%RQe_(ld?Lf5$f`Jwz!>CxnumR@4aSa+cN0(D3RTBQL`qpc}U zrne*(3(SV4J5Re-6GHWW_ZZb(U2e}_uGG2vFJ8zV&j_BMu4Y(`NHV*QDD42?T{-(r z^Z9lxxqTxC9UUgwA|q2`XYACzvBq;h(O~v;pIOzyM(bEsRdvK4vb(5ECru((0)g4h zOlvwhI~!vFKpt#9OYS>8J*}s!nVC5&Q7WPHy2>@5JMDo{ z9|DZu2I1zjAlxVC!RtX5T{+E_S!_eAO@=+Ebkcb63#6vrN&kbX;Ngyr7VX8s#-kMK z(5?tlV(bDqzg|TnRtEepLWRSLudHX#WofJw!KP$hB z-0QtP3tY*1M&m;dv_qE?Nt4iXWeiCX` zG&HYmXccuY6o>E8xD{dbgidHL<9BuSF(rxfp5-K^!TzlSvAkUGq6K9_k(X&zlX;OyiFaiUnWWDP9#N5u&g>O!&bR(hlwTqe9?lX!;9O&bK~ z{yL|+_~UGqVey#{up(=~X0V@xn*97I#cQE2;4|@sqp``|E^nP-{_dt5@~d9M7X2x* zHXDUU@vud%CdW`YWmpXyUkZ5J-qWrWH&pv}4glz5K**#xq%ZXw-g@**h|6frc`^H%ozKQAQN?32QAYAA<98Va|ieCw*0e29C>P zc1hO5InEb;S7OKFT-M`P`=^!E9&<{X2F|S~yt*2ZRDx~?MP&o&;)}>8@6~NqR_}wD zJG#d}*lE?L!Eyig2uJtejsc+U4%YKAd&KTv)lGvL51fzoH=w1~fd2Oy#wkZ~KsjiQ zt11=+0cxM8sN|s->m5hN^H&+mM~hdrMKRJLw}o@0Ne3 zCCH6eAuuC}PJ0UY!lJd?N5{uS(iNlgKM4=p0?7%03he8PTE+j|8q?F$Q(Uaiq3I+2 z%6(_@s*YAuq73jR0xmP%J?VhpoZf?zQg7^b9nb^8e~LSDT9;_cWMZ?DH7{h&`Rn0@izHu>bE_IO&*HwQlKeFhT)c>OW*h2ct4)p zOtoNB)yPeoFNE;Xpd4;C+J*7lB-K3>&jcNlsSFf?_u9%j4#J0@@OOMthX%CxqB7md zj#{`*>EM~6@kL0oY!6lAdrt7%{QWe0>GffsFdHtaY>SM7U7q`2x(w2Y;&SRV9`vx50ctOGC|~;h z_NVV_YmS!dGsDA8Oqo8$=S?3e6*~c_I&}u%y{o}TnB`e{ z;-if*^ti6M0%nCFNuLK(J)%euv$2r^cycepSexBP6UF3bhTPv_ZTjLs0z>+#9NE?F zGcR{#<%$rWCT}I3lscuI8My*&!P(1miRt~J!mEq5PDGP{yI(P8;McFBM|iid(6hbU zm#vxLrI~Z{t4(5e%z2YplD@ceXVfo&{NG??z2p9;Dr!#v)>&IwflVhXA1Mki=jb1y_ia1ldACkFv75!_jx!r$^@oS3 zsjE}YZ)FziFCGi_LD$^~?%lcxWQbT|3KbAnm(!}N8NA$QF0;**#0Fkti@Pse9V8YV zgf^WTSXhfLFIJ_A8+W6}?GdiJ=ZPrHhbIH8PdWV?u)yN=t|(9J+_dum2QxFI)` ztS^lsGvp}|(JU8w9PlLel3GNdVD7VhI|fA7#nxVIF>h9RrD;2=3y3dvt}Yn8-if*t zFhLNVnZg`LE-e8!kaas>{f4R^X;A1{q0wc>X%4@-Iy1kHkldYiJ1+y9t`7VKYpt-K zy|hu1*2ImI}WZv*&=hygBGPq7=P@&nC1OQ9;XN zf0gY)pWGvwcc?7EW122=SJyPmtE1>eH{3`5TV z*Y7#`YQL_-<Qb}&-<^%P}Ete=>K;3UMCxcH4z;!Oo;6YJ8; zT|v%9m*3xB0Weac-f1O}Sdl13Sm|hzuZ<@Y5ZGqwRE7T7CQ8^h&!rtDuaWFNhii2QP-j~8YiW~U2pTZLxk4IAdcraPabu&(=Bm+BU z78dRb|D11Yz9siyF#bb^V;s`7jy+AFQ;ShDX@H>ZjKFiazl$~`wO_!zufQ7NYiWEX z!%&>=7D0ISD$;C=6=*v5r!Va$L|c1n->f|Y2&2HKt8=T;`S@+JFerL3ra5_tENxd5a36qvXD53;`qM@5x~RxHEL>iS{_%SqxY1(UJs?+9LM1ZK zlI`Qz_=h2V**S~hUYcy}3#<(8AXd9^e}-FUEv2K-HhMb@0KgI^JN=BJc(d_#E3 z!?At|?Ys_Mk7IDwHTejXX}$ik3mXRy?6A7+*BxMQlqf+R7nP#WcoiVZP=+w6n(W&m zl|^{nuU0XBvDm`)-t0v-ROB7kb3}@)he7t9rW#xE-uskNOC6WXDk|M`mW;(Ei>0oU zG!GZ7tw&+sM=dbS$4*C=eqeoj>Qz?gN;&f5&lOYR1PUqF{==Xx$*D2pxYorIz~O0# zrUSanO>o&0raQdo*YqTBg1)HnYchyF#3W4jhE^bXS$!KHO6$h>!Hf*o8jDb%EHQa!5)^q-n@Y zrViwFOJNxL`(P(n6}?CS7thw!nVl;{dwHc4{hS3NO1!);Ig%EInyG;_hn{aNg|>-# z9TcI(h0e?h(SCG~;lIhVLw$Ia_Fg)QVPiNBjokhOY!tJ`XhW$hTN1g@SRCD(tPI$= zwZ_kP^$o&KJ_Zn@+%Z;N$KU!BKbTQ@mV~HF%^E0y7I>lJ=J=^EaJ@1fVdDZ?H|bi| zC=^EGRfhcKi}Z*oZwTPEnpdquD@FNoH`$A%!e8W8oBALLH7aw!M|b+y0oMfs%d_{7 zB91pws3IGoZL#(?I5|Q&vsF&Aa9}`5O|F{}iq^b$DadbX+zB-zkz*dpam7`Xt1)_= zm>{d1E!W1dc zy=dj4PmI*fH`w}8#}x5>sTEUM)r=Oarq>$V1LK3|)}nLP*-X+6Up6$OQz*imXT8>{KqfDj&smG3fz$V3rk#LqkWigJOJh4;GQ$Fl0jiR~&S z`z2wKc+@;>KIN~D)28JI*4f?MHnB^G0zFHu<323^HkyC`JR)emwTYFPR!$?KcV$Yk zG1oRqOlStVXF_FTqJQSP&eOmtc%876M+3@+O?A$-Qal97KS&Ai(h@h{fgvOnILM5$SaeC=LQor-29AN}^`J zK0BHpMpKnY=PVe4Ysb24p{+CIHa)d(xCIn&bGz>)^Ss!)yNGqDf%=SA$V924S3A&U zVR;4w-Tk{`f_#8#^Wt;PHc6}Ba)K%;0_XA$7$wTf@^0rc7&Fboq8elYWV<9?=ebuC zmr0dxpvkGyFm*_~CUHRoarEVfwjcN993|z*a;ud;re{*3bP`qf#DM$;pE8dwYzDOC zujI!8vj(*)VBBX*(Inh_UO7O>dELSw+3RPHqlpsQ#$Kv@8C85|O&o?=ahce1)3uq? zVJ^5Y>ndaQT7@z;#k{~e(fljqTKYc;|DTzE`<@>?i@6Q}uFW)8L_QoivvRWNh+7}@E%zf7)SxDrt7oPpdEf<7kI6omCO}CXvnc^LmSH-5M!DUf?jMW6fmxD z^5XpIP|(dx+0PnGDxsd}T?U}AVyehw@qaA~@L>Ol^(O+kqC;^I><1vR^#4Tp$?p9Y zm^(3IbhM+u`I-t5R*oAU|EkHLj{dtQW9{ZXPWkL?y-$1LJ&Q=*CX4IF(7p@M%j3g9 z;=!+0bx6Q3iTyT!gZF=kZW?(T#WXP7ki1VOT>N~J0cfQab??Rr;NO!nHGJgGA3nj&*`urjH6AGGchsj9Doods84D)xrlYovL*lt#cb2d z_BMSR2?drqDpo&A3mysvLpUrpWhyxq@mXYN_@|q{{&?CD0qCA6?*fwRkoV@Sfh!Ev z8icQCOv);8X8JQVeA@1K%GJQxM=kHDlYX>wUSEnVm?1jn#UU<HfX_66+&OnqZ9*9o5>hm%ds$Dq#hsrP=^8Yw|y{ zb$RLqY(n#Nz1c;w388lDf2=|QHu5NeewWP7;H_GiUI%d0&tja8LI16YNLF#>A9Z+{ z$o98CH>fSC!g9a%#wn&rKRRT>rWP=NA+YV`XB-Jl|UPuI(<%gdj$K+)Yuo`T|q z&xh_f#@bNl|8Rn_a!EkFK!6mz|HSaaSs@JK$n-77rYdCd#Ci|kHiRPN^HE!#bw9o z{;cp$<2|NyE~ov(t+GLHn5Ov(VEM$VynTCLze5%t#IVd^0-Te)j9Q=n-CBFnYM6|+c0<2;QAx@9j60`-4?_i=Ztb>Kx#3V>a?(R;0eT~|>cq^htXr$OO z`6^>BA&?OM&jnFZrl`?KWaZ-h}f2+aGyq7Fl;0kf8xn##K`)S=+F9jhLcS;UeN8;+t#6gXeZ(Tu!|zic z%`pC)==u~{Wrjcz0+Dz>7owDTDev zI`xlw7Wz-Dkor$3!ut0V*Z1##M!nm=xBCC8t-iQImf>J6EYPdV@lSfsfRE+RTY&$v z-NlC5A7De+Eg!M)?cZPjzp*D03d6dz1Lptx7H%~g{s2soA+*lK%m=7 ziePmR=qm7&p#KH|@OZ+gdRcbXu>~1D)&K`@lWn|AR_#;zAKry|S`0 z!H8|B`-VhjC#77Rsd23B)nDJg&z@|+ZFUycVV~?KYnF@E9v>`Q&?3>|_~Qn#mAM_I zbjKEsRrxIbnUNi*vwQp2pww~iw;-Eq@dc|uKZo{6jjP*z=5A|ec{IR2^}){yZ&~z} zOw=(H;_n)WA3AEXQju#>B~$ZSwh=u~EoIdj%X1aFT7}F`?`FO9L@g4-&VykEhU$Du z$bT|AD#~rReO}F%0(+B&p8yp9{bz93W&`duKZWPk{1KD7o}PI*#>&bHbubkwIZXJK z2|vouonH{tm+CSdMx*gHB92#o#-T0;K4(LIavlHrOE;3*@AA8B_Qi(#OlD@3M(g8e zTkL6{7^G%1FoG$n78UQ%Gxien3=tC*7eWGBx(4BhS-Xe-7!)KaNY#9CN$;DH`d#cR z_6g`3{*?~FC2IWBnDB}*{^`eh=l|M({wa{bE2xIHHuhN2LvB7G{HV^2%B9=_zYgg6 zP$9@bN5>m`76F^CmvS{7R!IBlb)5D6dlah*7Pn)RO8D{FRMDM_!Q^9gr@dy~S~e4n zPKSRUlrmRVx@__pxh&FG*G%z}dN@wsS{?Bb_t*xLcU{4M@x==%O|Z6KV^=?uCsZuz z+B&yo0AHsZ*yUov_?)@y?FD*>Ud&85yhr-WQlrntsdc7g@i$SBbWwgjZZ@>1deR$a zQ723^JRb%6lGE?+l40 zKav62Vf0Gg4$O)>@zMx8x>HT}@_ocFdBJI}tXN+CQm4hDBs*l=qKatgUx$KJ(#YdF zn7l>+QS0@33hwISoV1PWi<9=;4SFrRlbU#tflZ^Vt6nb#Nle(gU}`@rl&A?m zHE5R`ioJHBm;4w${C}r(K5Sh3mA8_JL>`YQbaiuy+Wf@URaYcQ{Uxax|4C9ynXN|( zP9|=_v2|`Z>m983>blt!FUbY@PX8mDn~m+a1`mAqx|13V`$R2N>kb;*+ae@6`1nS{ zBrfjpQfyHKs7`8w)~<%LXEmH2Q{gf3Yx1dKu>#meWa4m(y;vWYMJW8&Il-VLP3Y`Y z%W6geKZBPq=MOB}Qup^PVq&zN8-y+>_=(=*=wDw(7U@ZaQgs-+Sl>PxRES`37+6dA z!Fpood9)`@)0mf+h$-)*bz4y~r@By|PqdvMff(PZ=QTDqukMZ6h&Xv&i1L^2pCnBe zG-Q4$vh%-?gC`{4qq-Z?$S~;pb+nm{y2&D)4&CuY4u6I()Jo{ezy30YQrQnKol9AV2W$`|C*kyvki- z)G4hz473=%9pb98>*sURP33Z_iEwz{mk<%y7iS@C3dPm^S3a*s$3l^8)q(?y(p2*$zgY+p}fz-n^Bxu zAKaQ78e}RStO#pm*_;v)uhh@h%h-K=t&h+>CMoN%tPR z16^d$z>j#M%N4Qj( zb2f=TbxUcXsGnGY<=ri|)QfBHSMCz}E~A<;N_zBU%y=(Dv~b zR(vtJlbue~d?$9jn9sdVO};INR913WN!Ozgxa3c)?jc%KCxLH*%@=O`iOT9uN=$4# zE5r=sFya=`d$ikd&z52Hy$jKQ5|`jXVjsZQkew|O`|WZ#gr?E?pDlI+Thvl+IO|1K z*-p$HSd5H}cr>Ik8lFQLX)bKnXM*R3S5&|Vbr+XC+ve6<428v}Z0V101%?1S} z6jNEL@-+|Bw|Z`>E@H~SW(t{$vMaqmQb>+v0MgNpbmu-GsVQP9ipLQ>x8C zy#981S(HM6;N1%+vB5e%9tfJwHK~2hS;7T6`t|bn#3Jhq%kk!yZ@-S%hl=+UC zJ5<$6jnEhR6>;-glJzPR%wuE42RRu1ZnJ(2SAW6vF`O)jE~^yF z(K2Xe6JVN9-G=A)XZ|b3&d-ugylyj#fNa1_k>g0?#L<+<*DDNQj^ga9^wLN1Gfo(r zDjm=#VnP)w5&}`$vRZi&&B`gG6&<4O4lwHX4>Ob*{sasGu7B8XK@D{F1-!oEAGxrg zi1PJ`f|`)6@#Q;6*zm>`n(;d42lsQ(`rWcJb4d_lfOQ;nI7$h)fWG1t$I>JG3?i4t zUdVHUMu&vVj(lw6m@&d^Pc<~Yico=$TL2%fdA z*?tzi#d;?&6)&gc3F4+y#DPY>E;A6(^GrC-hE%t~6Smw~wi{Uxjh4*SGHJdZD9Q6& zPQjOC%`e%?=sJaH*DP6Z>pDpu_d`3%?&@oy-FJ&GOu&?>IcU1nL|auAj*@X&t)frt z$W$VyBM$8iu0+TNN)_hM=ldb*X{wkWs>~+%>Zi>|HD~0^UO1ES5?7H0^-RnyqMOTc zt{bPvJ1$0#cmI%whhHK;QCNAAkwL>QvL{-*m-&8#@gp0D5a+Z_M_B`z0GUHkl%KbH zY7jYoKTzY18--Pt=qkz08gb?pb|yP+Pq+C%T!KsUuBuBZ9A25r+ALIP=Om0EGozMw zzHZ#|BA{hP+4Y^${z}ys2-<*n3WiQ`otp1IBQA_k*{Q1#I(eY-nkFCw%rsN-n%d!c zRw5figbKQXL^-R5&3Dn#+Qt7+Zo8h0SmAy1LTgG*&N5a;@ShOtlKT_f+FIlJ+hfYe z*Dc#3c9?05syB@xxyt+Cj7wwuVM}2aW)(qTB3ZfjkX(UZ3EY)k*`bh#rNne=QfT5= z@^`|JQF^3lUBy$w&OPN%`Ucn84C%&{Ie9NHA&VxQVMb3Ht;n?Bpi*@7nOg*ZEIZar zs+!}yrTZ@NG=2)<_ojy^xVgD|ySu}|OxB}CY5X&YUe{R%NeDL~o5XXF79gl^!0#c= zrd08!u62-68)VPjshc{x{+D!u5rLK4dPf;rHi<;`-6hU6bL7Rc;MqF!p+wG7)>G9} zPuZ%G?p)p3l5!@zm!KY$fV#Je^qr@4GW0%jDIV3((2#Wao|}^<(%X6->AbG6gHY$F zUD1eoOAouAg{Y7qd#O(LIm+)e=ec8pfQYPoW+=0?90$7)1? zxj!olq1hjDW&v(Ryb-2>u9|DOQn^>(`PF$|XtiZx z(dzL#Qey~M2tp2#{9dHU3svn!Xq2_W_ObD9p=NH|RkPA|U&4A6$1%Xw@!S8IMwe@u z*cWH(S*`dKs!wp7U+l{D5?N%i-`UZ%@@f^tkyWvD-`--HQs{TNGUf#<`)=fxuae+0 zpP7lyJ`3MjNJo|41*oEa>tvT{fWc>NnUGwybouza%rR>yM%y5EY83mrJI>Je>?F>o zd&Zun=6mK1uA>Y+k>QR*?u1`dUe)Y!@Kzpst9p9iNdTzi+}1_&u380oSfP%hLchof?K^03-&Z$ZJU zsrBCpMl|R3I*Ru_jWoOU7Uln0P7GBH`pKpA1boW)mHX$^Q6r+rQ)P*xnQmvl8BQq6~Kj>WdxZpd#ZqZ%Ic zQxIV$XG{1ny4HfOZ`9O9>UJAiebJR|jsyaKOZB+b%%NFj0bdk%i+ zzZudIKfo-bbF^i|0PlTW%_!=s`H-3{l5kGV!)iK|oIP2<=U9B*s4_9{h03-4x>>Ib zD;}O%rO=IZ3TLw*MHjJJT28#`Ty{fFzx3T{Ww_fMr3?Tcw&59~c(rKpG)xYN6R!Vx!70Umn;| zDarkL*fUwRk*YZQ{4l~l3D*RSz8~}FgrmRZ1Cd9y&Pr0mP_|k%>S4#ua&$TCSFf{O z2iI!6SJec*V*F(>m!vyMj_d|w)w>C{>5bb2B+lJeP?;`vF@D^CF`h8gct(+kRdSUT zr3d(J(|(#)vmS6~v|7hK4g#R#4VU zM+MK=%-l{_jP0T>m#_&0*~tS_d{&;N^mE(fT|u|UC1BW9&zODRlj_ze#ID5{|JK2( zk5Kfzw|7s|R{o^0Jt*OB>5lZSF^a0`@G8=NJY^V)_fGj=8f;veu5mycrMYjQ`$Ss5 zI<*cj+^aovIaguLf$ zmbpAEvxDFtt?@BY>cjiR*%XVwvskGL+`3Gi4yiUJk&8vJmNdpOfUi&je+2K&c?3 z&a4?+5Fye5Aqe38&eC4jMs&=#v}UWYym^=f29LTV6{SS7hTbIiVYkoLXvWUR@Pu_Kfn8+DnqPaPN1k~zV$k$6ch;KR|5rhCD z9U;)lPxb;9a_eeKV$pJ9`f_46ZN_S1>v^yji1^yP%!#SG(IX<}J2!%ZvV+^_x&|vF zZ84hUqtVqa@-l>hEOei)`1cS>IYd0eqnL`11uy^c+JsXReKhp;XbeKc#sW@lV&eFw z&%vy!%ODD#9n3oOZC|vryzcjs;D{vkr4daqq6lzU-ZIhiw3@O`3&mwGBW;0bq8g(| zV4orHCui#QqSrpSk5?M|ppK-6j!oDrlk=qpSDQuWm@lCO6>#YN9Ol=4Vaj`x9+_C} zZVj4oJ+?jAwM&M*!36~_x+?o!P4oH~6a`pZt-3$U{qv`E9$#NP+hWXN{2eJsT+a6h znBuduIq&;6LT4$mrYIDj&w*fvU z4rES)H=a||0`dCc#%$KAsLh%|u#~Q^OS_T9AymNY#iTZ1(xY_!!4~UWz!I5xHEWl- znc@t*&wtXOXNSapmMwMMGWzip>T_0&a`J$|3WEyH52F=ur!`ZylKa)7A|j{z@N;`^ zo;3JOOn!0Wc{iV^)Na2CPIyrvJp3K6*5ua@G2XgUTPptb0$!iRX7@x5k86KN892Di zl8^&SDpu5-NrWM^$rN|T6`34Q9ZdM@|GYn8aIX=kJ4fN_Hc3z?uoICVKUl3ty!F(} zw82)ZD+KRi*YsY#Oo)u!8Vv0Nr*UT8yy;q`k17?P+~1!&Gc!|@-rG&WCBqkseb0dr z?vGQer#;zIWwdS{l_`G@Ojt>dV~Zn>tq@y#A;Jx5jA3Wkmj-0LDg3!2**;FL5p&~WJfT&amXt#YA$wQuvOc3JsJ+wpRA=4heT4ZHJe;k0kOerSwZ%w%v`+h~uOG(qa*)CjjwBzFsUK7RT!LgtZOXB3>r z{VYbO8pkRjwu``J`E>(Stl7FPBJ*_kO&40dFt<&>U}zJ9k=_|W$%HC z2<6?oP|<@0#saQOUDAVd8qKO)Fx!jS*%i{AGiL-ne6J*B#1>yH){80jQke_ke$ zJ{_uG98X*FkI65p*&fH@Hmc(cJzrLHZdf7|pH2-VVO+#nHGG8(c)MasX=bGY_VSOB zrWr=Q{LguNn9l%I?aSipD`OeTb;yT~8sMu*x0P0Bwb?6OT;S*3(YK7?;(~%Z8MiE^ z+;A-ilV^2f`4hKXiD;tS#x2Rgrp@2sA&NdeE&e3Z$G!Tuit1O!f2hQ!h@MTp?H*=? zm$|N6RAXJyo$P5#_G6<(Ql=u6>MJt}=i8l$YKy3Sb(F8xWZeGhHF4q9c)gWGBBkgD zmP|}BPjiWsUMb%DP9^~6C|#Z%Vr_Y#tGc{-mn8HtAO>I9nL+xRChQ_uO48tmgkW$m zwK6%x`bOwO2hLJA$MvsXn?Cj%d!wf2<{=#^sAJ5KQy*?Cq7nX`uwB7O%Bw4(@A1j0 zS)9?bYi+h_%3y!L{ejd$U&;yY^t|9?6E_#54HaG9MQ8A^t5P4V7vVFAvn$H^=!}tL}D?`0_7ir}eHI6iQ(l{XX0-b=$VSiBdT&I;6lu z*O?$lE-&PR97%NzI2DTt-gkNMYV0ACG6yRFj%A1WelkaCXmDl_%|(*qBNfpsK;hrZ zK`(E)e;OB{xG5|wY-Va2?>N0N)?k5q@A%*KJ9t!h01QS80j5r6SD-VF$UIg6SkL~3 zydO{3K&RM3m6D7C5W(fOR0XN~dg&k{M=)Dh6LgMRnu*P_vqXyO$o&l+2j&a-R_w~9 zv5Y~9BlgYythCW=grSiIn91r1QdR>9Z{weSE(@viOu}cH`t?h1R>;lM`S?1t+a!(& zJ+mWuLG#=dZ@iy`;O~-S!<$i-$s-m?ZYa4~#Pszr&AS4h8fo#6n=wZiNFSjQ7uje^ z^-e6Gn6(a%>)wyK<5y^XTDnedT?9$0TI1sil`1SKIQBe9Ro%NotRRi^K6@m>%Ymu0 z!FZ+lRQ2+QsitJPeX~;iYgJAlMHQ#5X*(8=@^Xt@mTECrB)TItpuf|R7a`r~yTMbM z0|&@22-i z98`R~6z!pg($vu@GhIFbWI{0g4$3d5$d@D`m=kTy!n7#bQHzJ|l+ySeIlUyK)#d$dU{Ga^z#BG+8K zE3F4;afe5JwjLV^?3Ha$0IB+`7J$z61a;o<_>+u|vQ-Gn-^UeS`%D!En>y*%p7Lnt zv8`4CrzRhKN4glPram5M)o3!nc1HJcks(uKT5NGsP}I?$-NtcSt;S~ULGxmoS03c@ z|0QFwa&~*fM{TNggIfpIwJQ!DKA7-g$=B z&K6U@H*Q^=D)!poF`T=zICe(*!nOa5{7KYA94N(Z@nqKl3O%DTvT2-Oums ztdw)0`zrP*Kh0>nP+auP+4dxEaIiin*?SgNjeUuPqk@2>X-LNu&TSOoWPUnd8aQd| z#y?huTHk699~N4tMO#2pA6s@I1h13y!mtzKi_gVv*W%y5PeI{Yq?qN2WZcHZw@ynl zF`vIY5P=#vNcB9rRjNw~oKwHDfe0aR^F5C-+Pn?UTCT1+n~!)f`ZN(y{pr#^gO7

O5800&xvTy_d68)*yX}R98l%2gjHH8r*+R5BMM{uH#oobxZ!FF{vA2|NQcg zXxtfj&sB_c-HI|>gvf}FJMOio6+llg>(x`v+nwwZbo-UoGS*Xld9U&}8#dEF-ZFHk zn+kYcpj+-b*8d<|)BOsj>a%{_JIf8B;zCwX=v%!(0{Z~{!TJn@djp368$Pqb5}j~K zhojON6Otn7Hsy^LmNxPnm2eQ76?hoVoFww(9`p8hZ3WuvwyY8*9>3Bpmp9fpETnhV zcH*GESrhY#5-!TJvMo~wlQM1_xSf;o4HPay+t6hy6Rocm4&2Gf{Nmm;;ggB8W3x>z z9-rOF>v{)Hz2X{;Ke67^KSLdzuE!wO=-pO0P=`k_b4m{}iv=;KdVCNKRr?59s|qa& z4H~mqJH*o(l#Q^gCS0%^KOU;5Iy>h+YuYcfNbxuZ+~l7tj9dE-36FK{;~ShLs4t0V zvSc9C|AV#3kNVr%IP)tY!(Tic8X7`G4s5l)vlml;`7$yA(+(gJca}D!PAq(8kz#6g zgiTcl>Prl%yydfXyZ9_8w54%|Wrb(u_Jz0!UqS62B&8iigzYJzaq<8Kv1EV z{(k;`_w^Gq{T@=PcCrC*TbZM-^0s&s6pu=LRtA9hc-gq+%Vx({B6NqQ-?3~=r_ySM=4W+Xd7-KwRH56IwG-pU!P zuvC$im0eqI4W5IEBn5dlc=csNk`zACIZTc{f=!qCwzR#weC_w|3T|qb53y1~MM~G0 zn*chVaB)ZZfACzuEE;+2RgR&ljJ)UlNwg~M?%w=ZggibjN|}w-hi^^p@clRs=XJt6 z%%YR_t5vY8Zs!NM)2$6zS0clDQ_OsvQRSa-xO^Hzx>?^~`vcDqp00~vnu@te@tX>7 z?Vt2Oh9s{u;enh`D%|SPVp@naFE1|#CueUr?c=vER118>=yHpTyMO+qh80%Z)HQL+35Ia#itp z7Si0jJm2GlMZUTYInLW%QoYV54P)kaSEihi__Qba7QUPU%R6p zalIT5$1n>NiEodNk{I3pL|UZ!G$N6D;8;G~ugqxGC3H?ikQm)372d`_g>H8hXmJO2 z=Ld19nx18wTHXB{JYLDo)27-0WuQ!I0)Dct*VRV$%|ENLhTKecsD{JYP>WDS6O&(I zN;!RAD||9I3=jNlwFT!6YbNzPTq}10ilCbF`D6~TZs)VTMrUi&C+9=Q!wdHA?Y${L zbhmc6mBX23ZgiNky&dvBBcr*twp7Ib`l4@xb#+kv&W3vNsMkn>MXRBNL3irgI~RAM zDLtMb99;K%7IQFp@+(}_u-bjAEY8SN3;aJ@ABLIrv;y6U{ueR_0s3+*cW&5>*JthJ zi$HM`PHHJq^FNo+J}1gX-pj8d+P@Ap_k^{~lyuMMefxHbPGf-Xwqf;A&{5dBzU#qt z)oUn?`qO#5*b)EO>`<&I&q;n|U{L1$qbp3B#^>Z%F0-U$30W&Dv)7uYCJFmK-Egwt zjSJB+fuc=aifzJii=zYnlq8c3;1|VSBx%XE?dsAF{5gZn=h_#+REH_hS zWo2j__sO{#_5^UkpxYZ63Ji_7$iPjR&3Zcn?|}kIUl0929`dd9cvuA=25+oExq+m{ zEX`SQ28ZLPSIaF@7=1kV5rSzR`$yfpsKIqdNQy+(9&e+x(Q!4(W$P-HL1Ijd$3Dh_ z@-Ah#2x%_@o2<|cnMpaX}VdAJD~y$M`+OKgkw^{#QMJbB;Z^IT4Tx&QwIA|)|deD{D!_( zHqMcX5x9JQ__B+iDKhBww;<9-L|?Pn#GDmz8@omt8bGRd!p@onzkP<{(bqDEK9Ku& z-rCxJk{=;fDg5?r_oUnzYUfi@U(Y1SRqi4a=ymd_Dh%`g5Qj{r)?1i&yTiZt;;+;$ zbr^{G65>e4iu>txM(@XOTKiQ1SZnh95*_A4 z!QTSSDX8G*-~4MfYx8V3Anhm8__#+Dx-%cA4+QUkkC)5lX=Kf`X$x^s!aWJdDm}&X z(q0DuzySE+b}u~zRCm<8JRArKkb6dnV>0U3ZspK_1;byE>zv?=dBq+J<~-5X)I2&% zD9!OX(>1akAH=AxtX^h|y+STWMI=fj%aH{}yaqEW;Ey~=$A?ag;^u1NAWQ@zDg>c| z+R+e?I4gCO{3#LInqZ+&Pk$jcz4+`PD~HjQ5+7f+1_O@A=-$X>LsDkPwYrYhD@RjO zuPO6)d7hnZ@xU$5)n=%!#POZ>xoUSDZ1(JIR+_}y;7 z=NoB;hasK3{GE>(@WCczR0xXx%G{*qOl}OUkUFG&%@o{i-?j$^sD09BwjkAHA|LTB zFOQd#lQiK$MpPn3qlW~PM*-65#Lxs!D2(N%jI8U(!=udo=pF;v1Xg`3C~NfKP^;_ z$Ohn9xkZ`P(#qo5$Ev=1MhQcrsy=v^pdsX_MLsbbfW0!YhH8?ELIZTJ`ut40GZXHzqg{fX1rU|ZB|@ZK6_Vd{%K@(TZZwj z?fVfo97D1`Y0l%d($1fB1BGHs#K2e1Kp{?w(^8FH_isb!C>^mB9r5Up2uoel2Tl^@ z^XY5VVApGa%pLJQk&{W*QhCzu4~f2YO(`+KZR>(gI+XO+RXyylyj4%n#Qer|4r(Hc z!^gaFU#YMplQxQSFDOTZR5VPCf(wdVI3N+e%y&lnX}<=03o1B1-jc?bDD~&Zqi)>w zEFF{38Ndk>Wq~{2@w|(PQe+_`&NqHIIZ3xX6{n?R>C&Y|QL$+=gaE+gU|U?i-qa0l zCI`JstCN=;pD{XJ6o-1s$omZtCT4SFW#G699ih%w#`uYnda_r$Hu@1|)dhEXG7y7N zyRTGqItSli7=_ZgAZP$O|02adop0?aw7o*6(pY-?^K7(lUk4i=jRHZNZ}3ax^xU_% zxuHYP67U+p?4w6$#B{F)-qtnb{20#WJRD{7^?`Qq+r%Qq`cZ8F{n&e(ba)$=I;_@a zmN15g|BN31)gr2E?=2~9SrgxXC2IMsBVwE4TPZu8su&POa?t$=$=le#+ME~5?s%U- z0nP%kqaldZGC>t?UJ>B}O$dntso(8{K^pvAa=={UGXnN1zoo>)COy|gJGB$ZboF_S zG~F7mL(p#?=nz9e&*>$0#2J=HbGxtlo0g0sdVw!Np-e!Hl03h+i{6i#_HB=Afw2nB@|z4gJ+NsQ&whc#a} zR8{^Ms6ihE-;D0Eg^5Gth0qjvkRzJrX`cIwy$uCHdk#Y4jbx0iJb}KQqK3 z@q&zF+$TwUg0##+xhe8 z5YwMy=wyyZSeBs%-Z0{jw_VT5Ymia<|x_{3)P43zaD)p{w zzrF>O*nErX877mC6(C8ot7G&z5i@;n)Mg%(s^>oseEfv(wIj%IZ-6~tTF+@)shx^y z^R}>PU&F@D9JD2%Uwk+i+(_8(M25eLGMZW!&ZukML=gJY%rhV3?~(&hb5c}T=(QBd zzF9waw|at=2`EN>J;}ii1n2_==L1fA2u->$ATy8An%HV+HiubLn4nGHCep<{kVSvu zueeAT(wP^P&TY9Dq4q=Yl^Q_72J+Yws5|L1^K=d)uZF7bb?5r#5_MJS0nx{?y@9Gw zKaYu^DMHPls%952Z(kbRdEUR$*2XpY!y5pgp}hQTYl%@Ytm_NK)y$fg%J*2uIxzz< zQwi2l=31bVBP4JVpR{91CcJcbHlGhRRW#gK8eq;);N;3r_1%x5S%jpB0hJp2S~{8| zJ)V9WKVPQVoh*ek+y7kp?b%I_ zm^zCBImv0*2fS?=Z!mobEb%sotkiP0{}X?{Zm=RrEiJxQf9d1TWP(D39@6GVZ%SQJ z{cM>I1OD!S?o$Hc;*KcH2gpGC!ef1n`QplZANwqXS^len@`p7kH-0EcJ>>t_mXsiE z(DX&G2Ak?%y&Cp^E>{SyKGP0RfeujDCx#^O29` z7GvwK=znUPpMT1w75Oa*{WS1Z-Ug%IU&&Cl$t_e3RNX%{kze?y>iz);h4PLGBI@k! z>7*%f?>woV@`N6oT+~8086>LbB|(4NjdS9g0MZJMyw3tolatT?ZprvWE4ku@Z5aC? zfERAi5(7Db{qu(alq{;i$Oo)Kdld@RQ9$)X$QaH1ULe!H5FjZ==-1UODE#a+8Lh2j4G znm6++ofglZ+tU1R`av8s@^4=A4~=U)$Tyl^+w*J`cN%XvkP`8oRPyksCFEu1{F~12 zGk>~^dFz+k(snn~c$o6Fi+QHBW2FUnIDTlpdSwUH@Aomn$>~2D?)LpKTChuSK0XAG zl-OWGU=wb{jM6Nw{|hoh6>Giz`%P9-U0{eWa>}KC264qV?lVpP=@;m-6F{O--jRm@hwnbr-k$HJ5 z@81_YUfWl*zik_F(nedPyyJPn+UjDK;8FXNHyP@`1pqBl5;SzP>0d&`Qg_EeYz^pM z$cR{7SwS7X**SDzXKxG(3E@P^2<}%D%j5&)gIi|6y|5sQk%&{)^^lVfu$xBntxq29 zEv`1YFU_z6^(&p6ZOhIE@F~jTdgLEC{Ge&`{7+7TU=FKqV-vn{D%hzL88)FE)oNYi z^C(I=4#<1^$+5u4X8zXFwt!RpLuDGZKC&8R*ts-t9nSb4!Q3jDE!KbfF%)iwQLr8e zl13gM2mChV3>*}Jjk_+=i&~f-f`5n0Z5EyWktyemPerKTyLXR@*LyM9i7m~3GQLN@ z3f1^)U7Cgl0Foifj~;Qj)3Bf2i$&Ch0iw?R;KU4;qk*eZ^walfPMX9HLXV++X;#{4LA$K?+MrEa_H#jB*(?k27^b6 zpfaz&b98dDwZs|fA&odFr_LVsk0Bxn^ewV_&5|WXOESms>cE&ZQGI2pkZhx{I?m(q zMuK2AYrfwpL_h7K7b$C%XX0C`%fhl!ZcdFUR)r5W&EBH@>Xo3^zQ>%Z6vvh@IIGuU zP;Zcrl9YpY`ee4d*sCEGsLTi^S51*xtv6k7%tv^hq`+ZQRV|x+1%-t>o>DUPr**;4 zJ>NY+NADQki7YF-Sv@holNIq-uNyg>#!aWQB;7-)Hh|=ywDn%*_X|3&a@_M902KU1 zQw)n68cO$6`HTh#bXHaXBadEIbmh68HKc&I1lCL-ypIJizOw2m-sJ(^SN(U(CjK1$ z-MV^_>-zUO{Fmue_QPR)=`XsuZfsXG{4N82-n{}eNBCXEXRD2$`T+(&=Z-OO_y7Ih z|8>rUhtWI<_|pNz_`eJAZ@&K5;p@M7`EOqSTWSBlv{(cu78+=tkQcuIV+T@_Qw0}2 IGk*Wy0EF_}YXATM