@apify/ui-library 0.76.2-featcolortokens-178953.21 → 0.76.2

package/dist/src/design_system/{colors/generated/properties_theme.js → properties_theme.js}

@@ -1,178 +1,314 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
 export const colorProperties = {
     neutral: {
+        /* #242836 */
         text: 'var(--color-neutral-text)',
+        /* #3f475d */
         textMuted: 'var(--color-neutral-text-muted)',
+        /* #6c7590 */
         textSubtle: 'var(--color-neutral-text-subtle)',
+        /* #c0c6de */
         textDisabled: 'var(--color-neutral-text-disabled)',
+        /* #ffffff */
         textOnPrimary: 'var(--color-neutral-text-on-primary)',
+        /* #ffffff */
         iconOnPrimary: 'var(--color-neutral-icon-on-primary)',
+        /* #ffffff */
         background: 'var(--color-neutral-background)',
+        /* #f8f9fc */
         backgroundMuted: 'var(--color-neutral-background-muted)',
+        /* #f3f4fa */
         backgroundSubtle: 'var(--color-neutral-background-subtle)',
+        /* #ffffff */
         backgroundWhite: 'var(--color-neutral-background-white)',
+        /* #ffffff */
         cardBackground: 'var(--color-neutral-card-background)',
+        /* #ffffff */
         cardBackgroundHover: 'var(--color-neutral-card-background-hover)',
+        /* #d0d5e9 */
         border: 'var(--color-neutral-border)',
+        /* #e0e3f2 */
         separatorSubtle: 'var(--color-neutral-separator-subtle)',
+        /* #eef0f8 */
         hover: 'var(--color-neutral-hover)',
+        /* #f3f4fa */
         disabled: 'var(--color-neutral-disabled)',
+        /* #e0e3f2 */
         overflow: 'var(--color-neutral-overflow)',
+        /* #555d76 */
         icon: 'var(--color-neutral-icon)',
+        /* #8a93ae */
         iconSubtle: 'var(--color-neutral-icon-subtle)',
+        /* #b0b8d1 */
         iconDisabled: 'var(--color-neutral-icon-disabled)',
+        /* #c0c6de */
         fieldBorder: 'var(--color-neutral-field-border)',
+        /* #d0d5e9 */
         actionSecondary: 'var(--color-neutral-action-secondary)',
+        /* #e0e3f2 */
         actionSecondaryHover: 'var(--color-neutral-action-secondary-hover)',
+        /* #c0c6de */
         actionSecondaryActive: 'var(--color-neutral-action-secondary-active)',
+        /* #e0e3f2 */
         chipBackground: 'var(--color-neutral-chip-background)',
+        /* #d0d5e9 */
         chipBackgroundHover: 'var(--color-neutral-chip-background-hover)',
+        /* #c0c6de */
         chipBackgroundActive: 'var(--color-neutral-chip-background-active)',
+        /* #d0d5e9 */
         chipBackgroundDisabled: 'var(--color-neutral-chip-background-disabled)',
+        /* #ffffff */
         largeTooltipBackground: 'var(--color-neutral-large-tooltip-background)',
+        /* #e0e3f2 */
         largeTooltipBorder: 'var(--color-neutral-large-tooltip-border)',
+        /* #ffffff */
         smallTooltipText: 'var(--color-neutral-small-tooltip-text)',
+        /* #191b22 */
         smallTooltipBackground: 'var(--color-neutral-small-tooltip-background)',
+        /* #242836 */
         smallTooltipBorder: 'var(--color-neutral-small-tooltip-border)',
+        /* #191b22cc */
         overlay: 'var(--color-neutral-overlay)',
+        /* #f8f9fc */
         fieldBackground: 'var(--color-neutral-field-background)',
+        /* #969eb8 */
         textPlaceholder: 'var(--color-neutral-text-placeholder)',
     },
     primary: {
+        /* #1672eb */
         text: 'var(--color-primary-text)',
+        /* #1672eb */
         textInteractive: 'var(--color-primary-text-interactive)',
+        /* #1672eb */
         icon: 'var(--color-primary-icon)',
+        /* #1672eb */
         action: 'var(--color-primary-action)',
+        /* #5290f9 */
         actionHover: 'var(--color-primary-action-hover)',
+        /* #1a57da */
         actionActive: 'var(--color-primary-action-active)',
+        /* #1672eb */
         fieldBorderActive: 'var(--color-primary-field-border-active)',
-        borderSubtle: 'var(--color-primary-border-subtle)',
+        /* #ecf1ff */
         background: 'var(--color-primary-background)',
-        backgroundSubtle: 'var(--color-primary-background-subtle)',
+        /* #d8e2ff */
         backgroundHover: 'var(--color-primary-background-hover)',
+        /* #f0f8ff */
+        backgroundSubtle: 'var(--color-primary-background-subtle)',
+        /* #ecf1ff */
         chipBackground: 'var(--color-primary-chip-background)',
+        /* #f0f8ff */
         chipBackgroundSubtle: 'var(--color-primary-chip-background-subtle)',
+        /* #d8e2ff */
         chipBackgroundHover: 'var(--color-primary-chip-background-hover)',
+        /* #1a57da */
         chipText: 'var(--color-primary-chip-text)',
+        /* #b2c6ff */
         shadowActive: 'var(--color-primary-shadow-active)',
+        /* #b2c6ff */
+        borderSubtle: 'var(--color-primary-border-subtle)',
     },
     primaryBlack: {
+        /* #272d3e */
         action: 'var(--color-primary-black-action)',
+        /* #2b3143 */
         actionHover: 'var(--color-primary-black-action-hover)',
+        /* #0a0b0f */
         actionActive: 'var(--color-primary-black-action-active)',
+        /* #1d202a */
         background: 'var(--color-primary-black-background)',
+        /* #3f475d */
         backgroundHover: 'var(--color-primary-black-background-hover)',
+        /* #ffffff */
         chipText: 'var(--color-primary-black-chip-text)',
     },
     success: {
+        /* #008a27 */
         text: 'var(--color-success-text)',
+        /* #008a27 */
         icon: 'var(--color-success-icon)',
+        /* #e4f5e5 */
         background: 'var(--color-success-background)',
+        /* #cfe9d1 */
         backgroundHover: 'var(--color-success-background-hover)',
+        /* #e8f9ef */
         backgroundSubtle: 'var(--color-success-background-subtle)',
+        /* #cfe9d1 */
         backgroundSubtleHover: 'var(--color-success-background-subtle-hover)',
+        /* #80da8d */
         backgroundSubtleActive: 'var(--color-success-background-subtle-active)',
-        chipBackground: 'var(--color-success-chip-background)',
-        chipBackgroundHover: 'var(--color-success-chip-background-hover)',
-        chipText: 'var(--color-success-chip-text)',
+        /* #00ab46 */
         border: 'var(--color-success-border)',
-        borderSubtle: 'var(--color-success-border-subtle)',
+        /* #008a27 */
         action: 'var(--color-success-action)',
+        /* #00ab46 */
         actionHover: 'var(--color-success-action-hover)',
+        /* #086e08 */
         actionActive: 'var(--color-success-action-active)',
+        /* #daefdc */
+        chipBackground: 'var(--color-success-chip-background)',
+        /* #cfe9d1 */
+        chipBackgroundHover: 'var(--color-success-chip-background-hover)',
+        /* #086e08 */
+        chipText: 'var(--color-success-chip-text)',
+        /* #80da8d */
+        borderSubtle: 'var(--color-success-border-subtle)',
     },
     warning: {
+        /* #a96600 */
         text: 'var(--color-warning-text)',
+        /* #f5b315 */
         icon: 'var(--color-warning-icon)',
+        /* #f9f0db */
         background: 'var(--color-warning-background)',
+        /* #f7dfb1 */
         backgroundHover: 'var(--color-warning-background-hover)',
+        /* #f9f6ea */
         backgroundSubtle: 'var(--color-warning-background-subtle)',
+        /* #f5b315 */
+        fieldborder: 'var(--color-warning-field-border)',
+        /* #f7e8c4 */
         chipBackground: 'var(--color-warning-chip-background)',
+        /* #f7dfb1 */
         chipBackgroundHover: 'var(--color-warning-chip-background-hover)',
+        /* #8c4e02 */
         chipText: 'var(--color-warning-chip-text)',
-        border: 'var(--color-warning-border)',
+        /* #f5b315 */
         borderSubtle: 'var(--color-warning-border-subtle)',
-        fieldBorder: 'var(--color-warning-field-border)',
     },
     danger: {
+        /* #e3231d */
         text: 'var(--color-danger-text)',
+        /* #e3231d */
         icon: 'var(--color-danger-icon)',
+        /* #fff0ec */
         background: 'var(--color-danger-background)',
+        /* #fedad1 */
         backgroundHover: 'var(--color-danger-background-hover)',
+        /* #fcf2ef */
         backgroundSubtle: 'var(--color-danger-background-subtle)',
+        /* #fedad1 */
         backgroundSubtleHover: 'var(--color-danger-background-subtle-hover)',
+        /* #ffb39f */
         backgroundSubtleActive: 'var(--color-danger-background-subtle-active)',
-        chipBackground: 'var(--color-danger-chip-background)',
-        chipBackgroundHover: 'var(--color-danger-chip-background-hover)',
-        chipText: 'var(--color-danger-chip-text)',
+        /* #fa4d37 */
         border: 'var(--color-danger-border)',
-        borderSubtle: 'var(--color-danger-border-subtle)',
+        /* #fa4d37 */
         fieldBorder: 'var(--color-danger-field-border)',
+        /* #e3231d */
         action: 'var(--color-danger-action)',
+        /* #fa4d37 */
         actionHover: 'var(--color-danger-action-hover)',
+        /* #bb0401 */
         actionActive: 'var(--color-danger-action-active)',
+        /* #ffe3dc */
+        chipBackground: 'var(--color-danger-chip-background)',
+        /* #fedad1 */
+        chipBackgroundHover: 'var(--color-danger-chip-background-hover)',
+        /* #bb0401 */
+        chipText: 'var(--color-danger-chip-text)',
+        /* #ffb39f */
+        borderSubtle: 'var(--color-danger-border-subtle)',
     },
     special: {
-        freePlanBackground: 'var(--color-special-free-plan-background)',
+        /* #ffdd96 */
         starterPlanBackground: 'var(--color-special-starter-plan-background)',
-        scalePlanBackground: 'var(--color-special-scale-plan-background)',
-        businessPlanBackground: 'var(--color-special-business-plan-background)',
+        /* #bf97ed */
         enterprisePlanBackground: 'var(--color-special-enterprise-plan-background)',
+        /* #a7f2ed */
+        businessPlanBackground: 'var(--color-special-business-plan-background)',
+        /* #a1b7ff */
+        scalePlanBackground: 'var(--color-special-scale-plan-background)',
+        /* #ffc89f */
+        freePlanBackground: 'var(--color-special-free-plan-background)',
     },
     rose: {
+        /* #f483b5 */
         light: 'var(--color-rose-light)',
+        /* #c6387d */
         base: 'var(--color-rose-base)',
+        /* #781552 */
         dark: 'var(--color-rose-dark)',
+        /* #b6006b */
         text: 'var(--color-rose-text)',
     },
     buttercup: {
+        /* #ffdd96 */
         light: 'var(--color-buttercup-light)',
+        /* #f0b21b */
         base: 'var(--color-buttercup-base)',
+        /* #c37319 */
         dark: 'var(--color-buttercup-dark)',
+        /* #a65d00 */
         text: 'var(--color-buttercup-text)',
     },
     paprika: {
+        /* #e44467 */
         light: 'var(--color-paprika-light)',
+        /* #9b0238 */
         base: 'var(--color-paprika-base)',
+        /* #4a0018 */
         dark: 'var(--color-paprika-dark)',
+        /* #ba0044 */
         text: 'var(--color-paprika-text)',
     },
     teal: {
+        /* #a7f2ed */
         light: 'var(--color-teal-light)',
+        /* #30c0bb */
         base: 'var(--color-teal-base)',
+        /* #297774 */
         dark: 'var(--color-teal-dark)',
+        /* #018181 */
         text: 'var(--color-teal-text)',
     },
     indigo: {
+        /* #a1b7ff */
         light: 'var(--color-indigo-light)',
+        /* #5d85e1 */
         base: 'var(--color-indigo-base)',
+        /* #365494 */
         dark: 'var(--color-indigo-dark)',
+        /* #2563c1 */
         text: 'var(--color-indigo-text)',
     },
     slate: {
+        /* #c1c5e1 */
         light: 'var(--color-slate-light)',
+        /* #8490c4 */
         base: 'var(--color-slate-base)',
+        /* #525c85 */
         dark: 'var(--color-slate-dark)',
+        /* #566087 */
         text: 'var(--color-slate-text)',
     },
     coral: {
+        /* #ffc89f */
         light: 'var(--color-coral-light)',
+        /* #fa8136 */
         base: 'var(--color-coral-base)',
+        /* #bb4511 */
         dark: 'var(--color-coral-dark)',
+        /* #c74000 */
         text: 'var(--color-coral-text)',
     },
     lavender: {
+        /* #bf97ed */
         light: 'var(--color-lavender-light)',
+        /* #6a14de */
         base: 'var(--color-lavender-base)',
+        /* #330276 */
         dark: 'var(--color-lavender-dark)',
+        /* #6e00f4 */
         text: 'var(--color-lavender-text)',
     },
     bamboo: {
+        /* #64cda5 */
         light: 'var(--color-bamboo-light)',
+        /* #12966f */
         base: 'var(--color-bamboo-base)',
+        /* #195d46 */
         dark: 'var(--color-bamboo-dark)',
+        /* #007455 */
         text: 'var(--color-bamboo-text)',
     },
 };

package/dist/src/design_system/properties_theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"properties_theme.js","sourceRoot":"","sources":["../../../src/design_system/properties_theme.ts"],"names":[],"mappings":"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"}

package/dist/src/design_system/theme.d.ts

@@ -46,15 +46,15 @@ export declare const theme: {
             readonly actionHover: "var(--color-primary-action-hover)";
             readonly actionActive: "var(--color-primary-action-active)";
             readonly fieldBorderActive: "var(--color-primary-field-border-active)";
-            readonly borderSubtle: "var(--color-primary-border-subtle)";
             readonly background: "var(--color-primary-background)";
-            readonly backgroundSubtle: "var(--color-primary-background-subtle)";
             readonly backgroundHover: "var(--color-primary-background-hover)";
+            readonly backgroundSubtle: "var(--color-primary-background-subtle)";
             readonly chipBackground: "var(--color-primary-chip-background)";
             readonly chipBackgroundSubtle: "var(--color-primary-chip-background-subtle)";
             readonly chipBackgroundHover: "var(--color-primary-chip-background-hover)";
             readonly chipText: "var(--color-primary-chip-text)";
             readonly shadowActive: "var(--color-primary-shadow-active)";
+            readonly borderSubtle: "var(--color-primary-border-subtle)";
         };
         readonly primaryBlack: {
             readonly action: "var(--color-primary-black-action)";
@@ -72,14 +72,14 @@ export declare const theme: {
             readonly backgroundSubtle: "var(--color-success-background-subtle)";
             readonly backgroundSubtleHover: "var(--color-success-background-subtle-hover)";
             readonly backgroundSubtleActive: "var(--color-success-background-subtle-active)";
-            readonly chipBackground: "var(--color-success-chip-background)";
-            readonly chipBackgroundHover: "var(--color-success-chip-background-hover)";
-            readonly chipText: "var(--color-success-chip-text)";
             readonly border: "var(--color-success-border)";
-            readonly borderSubtle: "var(--color-success-border-subtle)";
             readonly action: "var(--color-success-action)";
             readonly actionHover: "var(--color-success-action-hover)";
             readonly actionActive: "var(--color-success-action-active)";
+            readonly chipBackground: "var(--color-success-chip-background)";
+            readonly chipBackgroundHover: "var(--color-success-chip-background-hover)";
+            readonly chipText: "var(--color-success-chip-text)";
+            readonly borderSubtle: "var(--color-success-border-subtle)";
         };
         readonly warning: {
             readonly text: "var(--color-warning-text)";
@@ -87,12 +87,11 @@ export declare const theme: {
             readonly background: "var(--color-warning-background)";
             readonly backgroundHover: "var(--color-warning-background-hover)";
             readonly backgroundSubtle: "var(--color-warning-background-subtle)";
+            readonly fieldborder: "var(--color-warning-field-border)";
             readonly chipBackground: "var(--color-warning-chip-background)";
             readonly chipBackgroundHover: "var(--color-warning-chip-background-hover)";
             readonly chipText: "var(--color-warning-chip-text)";
-            readonly border: "var(--color-warning-border)";
             readonly borderSubtle: "var(--color-warning-border-subtle)";
-            readonly fieldBorder: "var(--color-warning-field-border)";
         };
         readonly danger: {
             readonly text: "var(--color-danger-text)";
@@ -102,22 +101,22 @@ export declare const theme: {
             readonly backgroundSubtle: "var(--color-danger-background-subtle)";
             readonly backgroundSubtleHover: "var(--color-danger-background-subtle-hover)";
             readonly backgroundSubtleActive: "var(--color-danger-background-subtle-active)";
-            readonly chipBackground: "var(--color-danger-chip-background)";
-            readonly chipBackgroundHover: "var(--color-danger-chip-background-hover)";
-            readonly chipText: "var(--color-danger-chip-text)";
             readonly border: "var(--color-danger-border)";
-            readonly borderSubtle: "var(--color-danger-border-subtle)";
             readonly fieldBorder: "var(--color-danger-field-border)";
             readonly action: "var(--color-danger-action)";
             readonly actionHover: "var(--color-danger-action-hover)";
             readonly actionActive: "var(--color-danger-action-active)";
+            readonly chipBackground: "var(--color-danger-chip-background)";
+            readonly chipBackgroundHover: "var(--color-danger-chip-background-hover)";
+            readonly chipText: "var(--color-danger-chip-text)";
+            readonly borderSubtle: "var(--color-danger-border-subtle)";
         };
         readonly special: {
-            readonly freePlanBackground: "var(--color-special-free-plan-background)";
             readonly starterPlanBackground: "var(--color-special-starter-plan-background)";
-            readonly scalePlanBackground: "var(--color-special-scale-plan-background)";
-            readonly businessPlanBackground: "var(--color-special-business-plan-background)";
             readonly enterprisePlanBackground: "var(--color-special-enterprise-plan-background)";
+            readonly businessPlanBackground: "var(--color-special-business-plan-background)";
+            readonly scalePlanBackground: "var(--color-special-scale-plan-background)";
+            readonly freePlanBackground: "var(--color-special-free-plan-background)";
         };
         readonly rose: {
             readonly light: "var(--color-rose-light)";
@@ -176,42 +175,6 @@ export declare const theme: {
     };
     colorPalette: {
         light: {
-            readonly roseLight: "#f483b5";
-            readonly roseBase: "#c6387d";
-            readonly roseDark: "#781552";
-            readonly roseText: "#b6006b";
-            readonly buttercupLight: "#ffdd96";
-            readonly buttercupBase: "#f0b21b";
-            readonly buttercupDark: "#c37319";
-            readonly buttercupText: "#a65d00";
-            readonly paprikaLight: "#e44467";
-            readonly paprikaBase: "#9b0238";
-            readonly paprikaDark: "#4a0018";
-            readonly paprikaText: "#ba0044";
-            readonly tealLight: "#a7f2ed";
-            readonly tealBase: "#30c0bb";
-            readonly tealDark: "#297774";
-            readonly tealText: "#018181";
-            readonly indigoLight: "#a1b7ff";
-            readonly indigoBase: "#5d85e1";
-            readonly indigoDark: "#365494";
-            readonly indigoText: "#2563c1";
-            readonly slateLight: "#c1c5e1";
-            readonly slateBase: "#8490c4";
-            readonly slateDark: "#525c85";
-            readonly slateText: "#566087";
-            readonly coralLight: "#ffc89f";
-            readonly coralBase: "#fa8136";
-            readonly coralDark: "#bb4511";
-            readonly coralText: "#c74000";
-            readonly lavenderLight: "#bf97ed";
-            readonly lavenderBase: "#6a14de";
-            readonly lavenderDark: "#330276";
-            readonly lavenderText: "#6e00f4";
-            readonly bambooLight: "#64cda5";
-            readonly bambooBase: "#12966f";
-            readonly bambooDark: "#195d46";
-            readonly bambooText: "#007455";
             readonly neutral0: "#ffffff";
             readonly neutral25: "#f8f9fc";
             readonly neutral50: "#f3f4fa";
@@ -280,44 +243,44 @@ export declare const theme: {
             readonly blue500: "#1672eb";
             readonly blue600: "#1a57da";
             readonly blue700: "#224ed5";
+            readonly roseLight: "#f483b5";
+            readonly roseBase: "#c6387d";
+            readonly roseDark: "#781552";
+            readonly roseText: "#b6006b";
+            readonly buttercupLight: "#ffdd96";
+            readonly buttercupBase: "#f0b21b";
+            readonly buttercupDark: "#c37319";
+            readonly buttercupText: "#a65d00";
+            readonly paprikaLight: "#e44467";
+            readonly paprikaBase: "#9b0238";
+            readonly paprikaDark: "#4a0018";
+            readonly paprikaText: "#ba0044";
+            readonly tealLight: "#a7f2ed";
+            readonly tealBase: "#30c0bb";
+            readonly tealDark: "#297774";
+            readonly tealText: "#018181";
+            readonly indigoLight: "#a1b7ff";
+            readonly indigoBase: "#5d85e1";
+            readonly indigoDark: "#365494";
+            readonly indigoText: "#2563c1";
+            readonly slateLight: "#c1c5e1";
+            readonly slateBase: "#8490c4";
+            readonly slateDark: "#525c85";
+            readonly slateText: "#566087";
+            readonly coralLight: "#ffc89f";
+            readonly coralBase: "#fa8136";
+            readonly coralDark: "#bb4511";
+            readonly coralText: "#c74000";
+            readonly lavenderLight: "#bf97ed";
+            readonly lavenderBase: "#6a14de";
+            readonly lavenderDark: "#330276";
+            readonly lavenderText: "#6e00f4";
+            readonly bambooLight: "#64cda5";
+            readonly bambooBase: "#12966f";
+            readonly bambooDark: "#195d46";
+            readonly bambooText: "#007455";
         };
         dark: {
-            readonly roseLight: "#e88bb3";
-            readonly roseBase: "#b8487b";
-            readonly roseDark: "#6f234f";
-            readonly roseText: "#ed8bb5";
-            readonly buttercupLight: "#f9deaa";
-            readonly buttercupBase: "#e5b557";
-            readonly buttercupDark: "#b87939";
-            readonly buttercupText: "#ebbf6c";
-            readonly paprikaLight: "#e26c7d";
-            readonly paprikaBase: "#9e384b";
-            readonly paprikaDark: "#511d27";
-            readonly paprikaText: "#f67c8d";
-            readonly tealLight: "#aef0f5";
-            readonly tealBase: "#58bcc4";
-            readonly tealDark: "#408288";
-            readonly tealText: "#62c1c8";
-            readonly indigoLight: "#a8b7ed";
-            readonly indigoBase: "#6d85ca";
-            readonly indigoDark: "#425484";
-            readonly indigoText: "#a2b2eb";
-            readonly slateLight: "#c2c5dc";
-            readonly slateBase: "#8690bf";
-            readonly slateDark: "#535c81";
-            readonly slateText: "#afb2c9";
-            readonly coralLight: "#f3ccb0";
-            readonly coralBase: "#f08848";
-            readonly coralDark: "#9a4e2d";
-            readonly coralText: "#f9b27b";
-            readonly lavenderLight: "#b482ed";
-            readonly lavenderBase: "#8148c9";
-            readonly lavenderDark: "#48296f";
-            readonly lavenderText: "#be8af9";
-            readonly bambooLight: "#7acaa9";
-            readonly bambooBase: "#439274";
-            readonly bambooDark: "#305b4a";
-            readonly bambooText: "#65bc99";
             readonly neutral0: "#ffffff";
             readonly neutral25: "#f8f9fc";
             readonly neutral50: "#f3f4fa";
@@ -375,7 +338,7 @@ export declare const theme: {
             readonly green500: "#14441f";
             readonly green600: "#0f2b14";
             readonly green700: "#09260f";
-            readonly blue25: "#92c0ff";
+            readonly blue25: "#92C0ff";
             readonly blue50: "#8ebcff";
             readonly blue75: "#80a9ff";
             readonly blue100: "#6f9dff";
@@ -386,6 +349,42 @@ export declare const theme: {
             readonly blue500: "#1a3a78";
             readonly blue600: "#0d2550";
             readonly blue700: "#151d34";
+            readonly roseLight: "#e88bb3";
+            readonly roseBase: "#b8487b";
+            readonly roseDark: "#6f234f";
+            readonly roseText: "#ed8bb5";
+            readonly buttercupLight: "#f9deaa";
+            readonly buttercupBase: "#e5b557";
+            readonly buttercupDark: "#b87939";
+            readonly buttercupText: "#ebbf6c";
+            readonly paprikaLight: "#e26c7d";
+            readonly paprikaBase: "#9e384b";
+            readonly paprikaDark: "#511d27";
+            readonly paprikaText: "#f67c8d";
+            readonly tealLight: "#aef0f5";
+            readonly tealBase: "#58bcc4";
+            readonly tealDark: "#408288";
+            readonly tealText: "#62c1c8";
+            readonly indigoLight: "#a8b7ed";
+            readonly indigoBase: "#6d85ca";
+            readonly indigoDark: "#425484";
+            readonly indigoText: "#a2b2eb";
+            readonly slateLight: "#c2c5dc";
+            readonly slateBase: "#8690bf";
+            readonly slateDark: "#535c81";
+            readonly slateText: "#afb2c9";
+            readonly coralLight: "#f3ccb0";
+            readonly coralBase: "#f08848";
+            readonly coralDark: "#9a4e2d";
+            readonly coralText: "#f9b27b";
+            readonly lavenderLight: "#b482ed";
+            readonly lavenderBase: "#8148c9";
+            readonly lavenderDark: "#48296f";
+            readonly lavenderText: "#be8af9";
+            readonly bambooLight: "#7acaa9";
+            readonly bambooBase: "#439274";
+            readonly bambooDark: "#305b4a";
+            readonly bambooText: "#65bc99";
         };
     };
     space: {

package/dist/src/design_system/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/design_system/theme.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKd,4FAA4F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAM/F,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/design_system/theme.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKd,4FAA4F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAM/F,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA"}

package/dist/src/design_system/theme.js

@@ -1,4 +1,5 @@
-import { colorProperties, darkTheme, lightTheme } from './colors/index.js';
+import { darkTheme, lightTheme } from './colors_theme.js';
+import { colorProperties } from './properties_theme.js';
 import { devices, layouts, radiuses, shadows, spaces, transitions, } from './tokens/index.js';
 import { typographyTokens } from './typography_theme.js';
 export const theme = {

package/dist/src/design_system/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/design_system/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EACH,OAAO,EACP,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,EACN,WAAW,GACd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,CAAC,MAAM,KAAK,GAAG;IACjB,KAAK,EAAE,eAAe;IACtB,YAAY,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE;IACpD,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,QAAQ;IAChB,4FAA4F;IAC5F,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,OAAO;IACf,UAAU,EAAE,WAAW;IACvB,MAAM,EAAE,OAAO;IACf,UAAU,EAAE,gBAAgB;CAC/B,CAAC"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/design_system/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EACH,OAAO,EACP,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,EACN,WAAW,GACd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,CAAC,MAAM,KAAK,GAAG;IACjB,KAAK,EAAE,eAAe;IACtB,YAAY,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE;IACpD,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,QAAQ;IAChB,4FAA4F;IAC5F,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,OAAO;IACf,UAAU,EAAE,WAAW;IACvB,MAAM,EAAE,OAAO;IACf,UAAU,EAAE,gBAAgB;CAC/B,CAAC"}

package/dist/src/index.d.ts

@@ -3,6 +3,5 @@ export * from './utils/index.js';
 export * from './design_system/tokens/index.js';
 export * from './design_system/theme.js';
 export * from './ui_dependency_provider.js';
-export * from './design_system/colors/index.js';
 export * from './type_utils.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAEhD,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAE5C,cAAc,iBAAiB,CAAC"}

package/dist/src/index.js

@@ -3,6 +3,5 @@ export * from './utils/index.js';
 export * from './design_system/tokens/index.js';
 export * from './design_system/theme.js';
 export * from './ui_dependency_provider.js';
-export * from './design_system/colors/index.js';
 export * from './type_utils.js';
 //# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAEhD,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAE5C,cAAc,iBAAiB,CAAC"}