@apify/ui-library 0.71.1-featcolortokens-178953.58 → 0.71.1-featcolortokens-178953.67

package/dist/src/design_system/colors/generated/{dark.d.ts → css_variables.dark.d.ts}

@@ -2,4 +2,4 @@
  * Do not edit directly, this file was auto-generated.
  */
 export declare const tokens = "\n  --color-neutral-text: #f3f4fa;\n  --color-neutral-text-muted: #b2b8cc;\n  --color-neutral-text-subtle: #8c93a8;\n  --color-neutral-text-disabled: #575d71;\n  --color-neutral-text-on-primary: #1a1b21;\n  --color-neutral-icon-on-primary: #1a1b21;\n  --color-neutral-background: #1a1b21;\n  --color-neutral-background-muted: #252832;\n  --color-neutral-background-subtle: #2a2d39;\n  --color-neutral-background-white: #f3f4fa;\n  --color-neutral-card-background: #1e2027;\n  --color-neutral-card-background-hover: #252832;\n  --color-neutral-border: #414758;\n  --color-neutral-separator-subtle: #343847;\n  --color-neutral-hover: #2d313e;\n  --color-neutral-disabled: #343847;\n  --color-neutral-overflow: #2a2d39;\n  --color-neutral-icon: #b2b8cc;\n  --color-neutral-icon-subtle: #6e758a;\n  --color-neutral-icon-disabled: #575d71;\n  --color-neutral-field-border: #343847;\n  --color-neutral-action-secondary: #575d71;\n  --color-neutral-action-secondary-hover: #6e758a;\n  --color-neutral-action-secondary-active: #343847;\n  --color-neutral-chip-background: #575d71;\n  --color-neutral-chip-background-hover: #6e758a;\n  --color-neutral-chip-background-active: #8c93a8;\n  --color-neutral-chip-background-disabled: #8c93a8;\n  --color-neutral-large-tooltip-background: #2a2d39;\n  --color-neutral-large-tooltip-border: #343847;\n  --color-neutral-small-tooltip-text: #ffffff;\n  --color-neutral-small-tooltip-background: #2a2d39;\n  --color-neutral-small-tooltip-border: #343847;\n  --color-neutral-overlay: #101114;\n  --color-neutral-field-background: #101114;\n  --color-neutral-text-placeholder: #6e758a;\n  --color-primary-text: #6f9dff;\n  --color-primary-text-interactive: #6f9dff;\n  --color-primary-icon: #3970d7;\n  --color-primary-action: #5990ff;\n  --color-primary-action-hover: #80a9ff;\n  --color-primary-action-active: #3970d7;\n  --color-primary-field-border-active: #3970d7;\n  --color-primary-border-subtle: #295cbb;\n  --color-primary-background: #0d2550;\n  --color-primary-background-subtle: #151d34;\n  --color-primary-background-hover: #194594;\n  --color-primary-chip-background: #0d2550;\n  --color-primary-chip-background-subtle: #151d34;\n  --color-primary-chip-background-hover: #194594;\n  --color-primary-chip-text: #8ebcff;\n  --color-primary-shadow-active: #295cbb;\n  --color-primary-black-action: #ffffff;\n  --color-primary-black-action-hover: #d1d5e4;\n  --color-primary-black-action-active: #f3f4fa;\n  --color-primary-black-background: #f3f4fa;\n  --color-primary-black-background-hover: #eef0f8;\n  --color-primary-black-chip-text: #101114;\n  --color-success-text: #3bb358;\n  --color-success-icon: #23a64a;\n  --color-success-background: #14441f;\n  --color-success-background-hover: #00531e;\n  --color-success-background-subtle: #09260f;\n  --color-success-background-subtle-hover: #14441f;\n  --color-success-background-subtle-active: #006e29;\n  --color-success-chip-background: #14441f;\n  --color-success-chip-background-hover: #00531e;\n  --color-success-chip-text: #6ccd7c;\n  --color-success-border: #068a35;\n  --color-success-border-subtle: #006e29;\n  --color-success-action: #23a64a;\n  --color-success-action-hover: #3bb358;\n  --color-success-action-active: #068a35;\n  --color-warning-text: #f9ce4b;\n  --color-warning-icon: #f9ce4b;\n  --color-warning-background: #5d2e0e;\n  --color-warning-background-hover: #6d3806;\n  --color-warning-background-subtle: #301806;\n  --color-warning-chip-background: #5d2e0e;\n  --color-warning-chip-background-hover: #6d3806;\n  --color-warning-chip-text: #ffd761;\n  --color-warning-border: #a56909;\n  --color-warning-border-subtle: #8a4f05;\n  --color-warning-field-border: #cf9117;\n  --color-danger-text: #ff7157;\n  --color-danger-icon: #ef6045;\n  --color-danger-background: #672523;\n  --color-danger-background-hover: #812420;\n  --color-danger-background-subtle: #381719;\n  --color-danger-background-subtle-hover: #672523;\n  --color-danger-background-subtle-active: #aa3229;\n  --color-danger-chip-background: #672523;\n  --color-danger-chip-background-hover: #812420;\n  --color-danger-chip-text: #fe9e8a;\n  --color-danger-border: #cf4436;\n  --color-danger-border-subtle: #aa3229;\n  --color-danger-field-border: #ef6045;\n  --color-danger-action: #ef6045;\n  --color-danger-action-hover: #ff7157;\n  --color-danger-action-active: #cf4436;\n  --color-special-free-plan-background: #9a4e2d;\n  --color-special-starter-plan-background: #b87939;\n  --color-special-scale-plan-background: #425484;\n  --color-special-business-plan-background: #408288;\n  --color-special-enterprise-plan-background: #48296f;\n  --color-rose-light: #e88bb3;\n  --color-rose-base: #b8487b;\n  --color-rose-dark: #6f234f;\n  --color-rose-text: #ed8bb5;\n  --color-buttercup-light: #f9deaa;\n  --color-buttercup-base: #e5b557;\n  --color-buttercup-dark: #b87939;\n  --color-buttercup-text: #ebbf6c;\n  --color-paprika-light: #e26c7d;\n  --color-paprika-base: #9e384b;\n  --color-paprika-dark: #511d27;\n  --color-paprika-text: #f67c8d;\n  --color-teal-light: #aef0f5;\n  --color-teal-base: #58bcc4;\n  --color-teal-dark: #408288;\n  --color-teal-text: #62c1c8;\n  --color-indigo-light: #a8b7ed;\n  --color-indigo-base: #6d85ca;\n  --color-indigo-dark: #425484;\n  --color-indigo-text: #a2b2eb;\n  --color-slate-light: #c2c5dc;\n  --color-slate-base: #8690bf;\n  --color-slate-dark: #535c81;\n  --color-slate-text: #afb2c9;\n  --color-coral-light: #f3ccb0;\n  --color-coral-base: #f08848;\n  --color-coral-dark: #9a4e2d;\n  --color-coral-text: #f9b27b;\n  --color-lavender-light: #b482ed;\n  --color-lavender-base: #8148c9;\n  --color-lavender-dark: #48296f;\n  --color-lavender-text: #be8af9;\n  --color-bamboo-light: #7acaa9;\n  --color-bamboo-base: #439274;\n  --color-bamboo-dark: #305b4a;\n  --color-bamboo-text: #65bc99;\n";
-//# sourceMappingURL=dark.d.ts.map
+//# sourceMappingURL=css_variables.dark.d.ts.map

package/dist/src/design_system/colors/generated/css_variables.dark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_variables.dark.d.ts","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables.dark.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,+rLA8IlB,CAAC"}

package/dist/src/design_system/colors/generated/css_variables.dark.js

@@ -0,0 +1,147 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export const tokens = `
+  --color-neutral-text: #f3f4fa;
+  --color-neutral-text-muted: #b2b8cc;
+  --color-neutral-text-subtle: #8c93a8;
+  --color-neutral-text-disabled: #575d71;
+  --color-neutral-text-on-primary: #1a1b21;
+  --color-neutral-icon-on-primary: #1a1b21;
+  --color-neutral-background: #1a1b21;
+  --color-neutral-background-muted: #252832;
+  --color-neutral-background-subtle: #2a2d39;
+  --color-neutral-background-white: #f3f4fa;
+  --color-neutral-card-background: #1e2027;
+  --color-neutral-card-background-hover: #252832;
+  --color-neutral-border: #414758;
+  --color-neutral-separator-subtle: #343847;
+  --color-neutral-hover: #2d313e;
+  --color-neutral-disabled: #343847;
+  --color-neutral-overflow: #2a2d39;
+  --color-neutral-icon: #b2b8cc;
+  --color-neutral-icon-subtle: #6e758a;
+  --color-neutral-icon-disabled: #575d71;
+  --color-neutral-field-border: #343847;
+  --color-neutral-action-secondary: #575d71;
+  --color-neutral-action-secondary-hover: #6e758a;
+  --color-neutral-action-secondary-active: #343847;
+  --color-neutral-chip-background: #575d71;
+  --color-neutral-chip-background-hover: #6e758a;
+  --color-neutral-chip-background-active: #8c93a8;
+  --color-neutral-chip-background-disabled: #8c93a8;
+  --color-neutral-large-tooltip-background: #2a2d39;
+  --color-neutral-large-tooltip-border: #343847;
+  --color-neutral-small-tooltip-text: #ffffff;
+  --color-neutral-small-tooltip-background: #2a2d39;
+  --color-neutral-small-tooltip-border: #343847;
+  --color-neutral-overlay: #101114;
+  --color-neutral-field-background: #101114;
+  --color-neutral-text-placeholder: #6e758a;
+  --color-primary-text: #6f9dff;
+  --color-primary-text-interactive: #6f9dff;
+  --color-primary-icon: #3970d7;
+  --color-primary-action: #5990ff;
+  --color-primary-action-hover: #80a9ff;
+  --color-primary-action-active: #3970d7;
+  --color-primary-field-border-active: #3970d7;
+  --color-primary-border-subtle: #295cbb;
+  --color-primary-background: #0d2550;
+  --color-primary-background-subtle: #151d34;
+  --color-primary-background-hover: #194594;
+  --color-primary-chip-background: #0d2550;
+  --color-primary-chip-background-subtle: #151d34;
+  --color-primary-chip-background-hover: #194594;
+  --color-primary-chip-text: #8ebcff;
+  --color-primary-shadow-active: #295cbb;
+  --color-primary-black-action: #ffffff;
+  --color-primary-black-action-hover: #d1d5e4;
+  --color-primary-black-action-active: #f3f4fa;
+  --color-primary-black-background: #f3f4fa;
+  --color-primary-black-background-hover: #eef0f8;
+  --color-primary-black-chip-text: #101114;
+  --color-success-text: #3bb358;
+  --color-success-icon: #23a64a;
+  --color-success-background: #14441f;
+  --color-success-background-hover: #00531e;
+  --color-success-background-subtle: #09260f;
+  --color-success-background-subtle-hover: #14441f;
+  --color-success-background-subtle-active: #006e29;
+  --color-success-chip-background: #14441f;
+  --color-success-chip-background-hover: #00531e;
+  --color-success-chip-text: #6ccd7c;
+  --color-success-border: #068a35;
+  --color-success-border-subtle: #006e29;
+  --color-success-action: #23a64a;
+  --color-success-action-hover: #3bb358;
+  --color-success-action-active: #068a35;
+  --color-warning-text: #f9ce4b;
+  --color-warning-icon: #f9ce4b;
+  --color-warning-background: #5d2e0e;
+  --color-warning-background-hover: #6d3806;
+  --color-warning-background-subtle: #301806;
+  --color-warning-chip-background: #5d2e0e;
+  --color-warning-chip-background-hover: #6d3806;
+  --color-warning-chip-text: #ffd761;
+  --color-warning-border: #a56909;
+  --color-warning-border-subtle: #8a4f05;
+  --color-warning-field-border: #cf9117;
+  --color-danger-text: #ff7157;
+  --color-danger-icon: #ef6045;
+  --color-danger-background: #672523;
+  --color-danger-background-hover: #812420;
+  --color-danger-background-subtle: #381719;
+  --color-danger-background-subtle-hover: #672523;
+  --color-danger-background-subtle-active: #aa3229;
+  --color-danger-chip-background: #672523;
+  --color-danger-chip-background-hover: #812420;
+  --color-danger-chip-text: #fe9e8a;
+  --color-danger-border: #cf4436;
+  --color-danger-border-subtle: #aa3229;
+  --color-danger-field-border: #ef6045;
+  --color-danger-action: #ef6045;
+  --color-danger-action-hover: #ff7157;
+  --color-danger-action-active: #cf4436;
+  --color-special-free-plan-background: #9a4e2d;
+  --color-special-starter-plan-background: #b87939;
+  --color-special-scale-plan-background: #425484;
+  --color-special-business-plan-background: #408288;
+  --color-special-enterprise-plan-background: #48296f;
+  --color-rose-light: #e88bb3;
+  --color-rose-base: #b8487b;
+  --color-rose-dark: #6f234f;
+  --color-rose-text: #ed8bb5;
+  --color-buttercup-light: #f9deaa;
+  --color-buttercup-base: #e5b557;
+  --color-buttercup-dark: #b87939;
+  --color-buttercup-text: #ebbf6c;
+  --color-paprika-light: #e26c7d;
+  --color-paprika-base: #9e384b;
+  --color-paprika-dark: #511d27;
+  --color-paprika-text: #f67c8d;
+  --color-teal-light: #aef0f5;
+  --color-teal-base: #58bcc4;
+  --color-teal-dark: #408288;
+  --color-teal-text: #62c1c8;
+  --color-indigo-light: #a8b7ed;
+  --color-indigo-base: #6d85ca;
+  --color-indigo-dark: #425484;
+  --color-indigo-text: #a2b2eb;
+  --color-slate-light: #c2c5dc;
+  --color-slate-base: #8690bf;
+  --color-slate-dark: #535c81;
+  --color-slate-text: #afb2c9;
+  --color-coral-light: #f3ccb0;
+  --color-coral-base: #f08848;
+  --color-coral-dark: #9a4e2d;
+  --color-coral-text: #f9b27b;
+  --color-lavender-light: #b482ed;
+  --color-lavender-base: #8148c9;
+  --color-lavender-dark: #48296f;
+  --color-lavender-text: #be8af9;
+  --color-bamboo-light: #7acaa9;
+  --color-bamboo-base: #439274;
+  --color-bamboo-dark: #305b4a;
+  --color-bamboo-text: #65bc99;
+`;
+//# sourceMappingURL=css_variables.dark.js.map

package/dist/src/design_system/colors/generated/css_variables.dark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_variables.dark.js","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables.dark.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8IrB,CAAC"}

package/dist/src/design_system/colors/generated/{light.d.ts → css_variables.light.d.ts}

@@ -2,4 +2,4 @@
  * Do not edit directly, this file was auto-generated.
  */
 export declare const tokens = "\n  --color-neutral-text: #242836;\n  --color-neutral-text-muted: #3f475d;\n  --color-neutral-text-subtle: #6c7590;\n  --color-neutral-text-disabled: #c0c6de;\n  --color-neutral-text-on-primary: #ffffff;\n  --color-neutral-icon-on-primary: #ffffff;\n  --color-neutral-background: #ffffff;\n  --color-neutral-background-muted: #f8f9fc;\n  --color-neutral-background-subtle: #f3f4fa;\n  --color-neutral-background-white: #ffffff;\n  --color-neutral-card-background: #ffffff;\n  --color-neutral-card-background-hover: #ffffff;\n  --color-neutral-border: #d0d5e9;\n  --color-neutral-separator-subtle: #e0e3f2;\n  --color-neutral-hover: #eef0f8;\n  --color-neutral-disabled: #f3f4fa;\n  --color-neutral-overflow: #e0e3f2;\n  --color-neutral-icon: #555d76;\n  --color-neutral-icon-subtle: #8a93ae;\n  --color-neutral-icon-disabled: #b0b8d1;\n  --color-neutral-field-border: #c0c6de;\n  --color-neutral-action-secondary: #d0d5e9;\n  --color-neutral-action-secondary-hover: #e0e3f2;\n  --color-neutral-action-secondary-active: #d0d5e9;\n  --color-neutral-chip-background: #e0e3f2;\n  --color-neutral-chip-background-hover: #d0d5e9;\n  --color-neutral-chip-background-active: #c0c6de;\n  --color-neutral-chip-background-disabled: #d0d5e9;\n  --color-neutral-large-tooltip-background: #ffffff;\n  --color-neutral-large-tooltip-border: #e0e3f2;\n  --color-neutral-small-tooltip-text: #ffffff;\n  --color-neutral-small-tooltip-background: #191b22;\n  --color-neutral-small-tooltip-border: #242836;\n  --color-neutral-overlay: #191b22;\n  --color-neutral-field-background: #f8f9fc;\n  --color-neutral-text-placeholder: #969eb8;\n  --color-primary-text: #1672eb;\n  --color-primary-text-interactive: #1672eb;\n  --color-primary-icon: #1672eb;\n  --color-primary-action: #1672eb;\n  --color-primary-action-hover: #5290f9;\n  --color-primary-action-active: #1a57da;\n  --color-primary-field-border-active: #1672eb;\n  --color-primary-border-subtle: #b2c6ff;\n  --color-primary-background: #ecf1ff;\n  --color-primary-background-subtle: #f0f8ff;\n  --color-primary-background-hover: #d8e2ff;\n  --color-primary-chip-background: #ecf1ff;\n  --color-primary-chip-background-subtle: #f0f8ff;\n  --color-primary-chip-background-hover: #d8e2ff;\n  --color-primary-chip-text: #1a57da;\n  --color-primary-shadow-active: #b2c6ff;\n  --color-primary-black-action: #272d3e;\n  --color-primary-black-action-hover: #2b3143;\n  --color-primary-black-action-active: #0a0b0f;\n  --color-primary-black-background: #1d202a;\n  --color-primary-black-background-hover: #3f475d;\n  --color-primary-black-chip-text: #f8f9fc;\n  --color-success-text: #008a27;\n  --color-success-icon: #008a27;\n  --color-success-background: #e4f5e5;\n  --color-success-background-hover: #cfe9d1;\n  --color-success-background-subtle: #e8f9ef;\n  --color-success-background-subtle-hover: #cfe9d1;\n  --color-success-background-subtle-active: #80da8d;\n  --color-success-chip-background: #e4f5e5;\n  --color-success-chip-background-hover: #cfe9d1;\n  --color-success-chip-text: #086e08;\n  --color-success-border: #00ab46;\n  --color-success-border-subtle: #80da8d;\n  --color-success-action: #008a27;\n  --color-success-action-hover: #00ab46;\n  --color-success-action-active: #086e08;\n  --color-warning-text: #a96600;\n  --color-warning-icon: #f5b315;\n  --color-warning-background: #f9f0db;\n  --color-warning-background-hover: #f7dfb1;\n  --color-warning-background-subtle: #f9f6ea;\n  --color-warning-chip-background: #f9f0db;\n  --color-warning-chip-background-hover: #f7dfb1;\n  --color-warning-chip-text: #8c4e02;\n  --color-warning-border: #ca8200;\n  --color-warning-border-subtle: #f5b315;\n  --color-warning-field-border: #f5b315;\n  --color-danger-text: #e3231d;\n  --color-danger-icon: #e3231d;\n  --color-danger-background: #fff0ec;\n  --color-danger-background-hover: #fedad1;\n  --color-danger-background-subtle: #fcf2ef;\n  --color-danger-background-subtle-hover: #fedad1;\n  --color-danger-background-subtle-active: #ffb39f;\n  --color-danger-chip-background: #fff0ec;\n  --color-danger-chip-background-hover: #fedad1;\n  --color-danger-chip-text: #bb0401;\n  --color-danger-border: #fa4d37;\n  --color-danger-border-subtle: #ffb39f;\n  --color-danger-field-border: #fa4d37;\n  --color-danger-action: #e3231d;\n  --color-danger-action-hover: #fa4d37;\n  --color-danger-action-active: #bb0401;\n  --color-special-free-plan-background: #ffc89f;\n  --color-special-starter-plan-background: #ffdd96;\n  --color-special-scale-plan-background: #a1b7ff;\n  --color-special-business-plan-background: #a7f2ed;\n  --color-special-enterprise-plan-background: #bf97ed;\n  --color-rose-light: #f483b5;\n  --color-rose-base: #c6387d;\n  --color-rose-dark: #781552;\n  --color-rose-text: #b6006b;\n  --color-buttercup-light: #ffdd96;\n  --color-buttercup-base: #f0b21b;\n  --color-buttercup-dark: #c37319;\n  --color-buttercup-text: #a65d00;\n  --color-paprika-light: #e44467;\n  --color-paprika-base: #9b0238;\n  --color-paprika-dark: #4a0018;\n  --color-paprika-text: #ba0044;\n  --color-teal-light: #a7f2ed;\n  --color-teal-base: #30c0bb;\n  --color-teal-dark: #297774;\n  --color-teal-text: #018181;\n  --color-indigo-light: #a1b7ff;\n  --color-indigo-base: #5d85e1;\n  --color-indigo-dark: #365494;\n  --color-indigo-text: #2563c1;\n  --color-slate-light: #c1c5e1;\n  --color-slate-base: #8490c4;\n  --color-slate-dark: #525c85;\n  --color-slate-text: #566087;\n  --color-coral-light: #ffc89f;\n  --color-coral-base: #fa8136;\n  --color-coral-dark: #bb4511;\n  --color-coral-text: #c74000;\n  --color-lavender-light: #bf97ed;\n  --color-lavender-base: #6a14de;\n  --color-lavender-dark: #330276;\n  --color-lavender-text: #6e00f4;\n  --color-bamboo-light: #64cda5;\n  --color-bamboo-base: #12966f;\n  --color-bamboo-dark: #195d46;\n  --color-bamboo-text: #007455;\n";
-//# sourceMappingURL=light.d.ts.map
+//# sourceMappingURL=css_variables.light.d.ts.map

package/dist/src/design_system/colors/generated/css_variables.light.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_variables.light.d.ts","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables.light.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,+rLA8IlB,CAAC"}

package/dist/src/design_system/colors/generated/css_variables.light.js

@@ -0,0 +1,147 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export const tokens = `
+  --color-neutral-text: #242836;
+  --color-neutral-text-muted: #3f475d;
+  --color-neutral-text-subtle: #6c7590;
+  --color-neutral-text-disabled: #c0c6de;
+  --color-neutral-text-on-primary: #ffffff;
+  --color-neutral-icon-on-primary: #ffffff;
+  --color-neutral-background: #ffffff;
+  --color-neutral-background-muted: #f8f9fc;
+  --color-neutral-background-subtle: #f3f4fa;
+  --color-neutral-background-white: #ffffff;
+  --color-neutral-card-background: #ffffff;
+  --color-neutral-card-background-hover: #ffffff;
+  --color-neutral-border: #d0d5e9;
+  --color-neutral-separator-subtle: #e0e3f2;
+  --color-neutral-hover: #eef0f8;
+  --color-neutral-disabled: #f3f4fa;
+  --color-neutral-overflow: #e0e3f2;
+  --color-neutral-icon: #555d76;
+  --color-neutral-icon-subtle: #8a93ae;
+  --color-neutral-icon-disabled: #b0b8d1;
+  --color-neutral-field-border: #c0c6de;
+  --color-neutral-action-secondary: #d0d5e9;
+  --color-neutral-action-secondary-hover: #e0e3f2;
+  --color-neutral-action-secondary-active: #d0d5e9;
+  --color-neutral-chip-background: #e0e3f2;
+  --color-neutral-chip-background-hover: #d0d5e9;
+  --color-neutral-chip-background-active: #c0c6de;
+  --color-neutral-chip-background-disabled: #d0d5e9;
+  --color-neutral-large-tooltip-background: #ffffff;
+  --color-neutral-large-tooltip-border: #e0e3f2;
+  --color-neutral-small-tooltip-text: #ffffff;
+  --color-neutral-small-tooltip-background: #191b22;
+  --color-neutral-small-tooltip-border: #242836;
+  --color-neutral-overlay: #191b22;
+  --color-neutral-field-background: #f8f9fc;
+  --color-neutral-text-placeholder: #969eb8;
+  --color-primary-text: #1672eb;
+  --color-primary-text-interactive: #1672eb;
+  --color-primary-icon: #1672eb;
+  --color-primary-action: #1672eb;
+  --color-primary-action-hover: #5290f9;
+  --color-primary-action-active: #1a57da;
+  --color-primary-field-border-active: #1672eb;
+  --color-primary-border-subtle: #b2c6ff;
+  --color-primary-background: #ecf1ff;
+  --color-primary-background-subtle: #f0f8ff;
+  --color-primary-background-hover: #d8e2ff;
+  --color-primary-chip-background: #ecf1ff;
+  --color-primary-chip-background-subtle: #f0f8ff;
+  --color-primary-chip-background-hover: #d8e2ff;
+  --color-primary-chip-text: #1a57da;
+  --color-primary-shadow-active: #b2c6ff;
+  --color-primary-black-action: #272d3e;
+  --color-primary-black-action-hover: #2b3143;
+  --color-primary-black-action-active: #0a0b0f;
+  --color-primary-black-background: #1d202a;
+  --color-primary-black-background-hover: #3f475d;
+  --color-primary-black-chip-text: #f8f9fc;
+  --color-success-text: #008a27;
+  --color-success-icon: #008a27;
+  --color-success-background: #e4f5e5;
+  --color-success-background-hover: #cfe9d1;
+  --color-success-background-subtle: #e8f9ef;
+  --color-success-background-subtle-hover: #cfe9d1;
+  --color-success-background-subtle-active: #80da8d;
+  --color-success-chip-background: #e4f5e5;
+  --color-success-chip-background-hover: #cfe9d1;
+  --color-success-chip-text: #086e08;
+  --color-success-border: #00ab46;
+  --color-success-border-subtle: #80da8d;
+  --color-success-action: #008a27;
+  --color-success-action-hover: #00ab46;
+  --color-success-action-active: #086e08;
+  --color-warning-text: #a96600;
+  --color-warning-icon: #f5b315;
+  --color-warning-background: #f9f0db;
+  --color-warning-background-hover: #f7dfb1;
+  --color-warning-background-subtle: #f9f6ea;
+  --color-warning-chip-background: #f9f0db;
+  --color-warning-chip-background-hover: #f7dfb1;
+  --color-warning-chip-text: #8c4e02;
+  --color-warning-border: #ca8200;
+  --color-warning-border-subtle: #f5b315;
+  --color-warning-field-border: #f5b315;
+  --color-danger-text: #e3231d;
+  --color-danger-icon: #e3231d;
+  --color-danger-background: #fff0ec;
+  --color-danger-background-hover: #fedad1;
+  --color-danger-background-subtle: #fcf2ef;
+  --color-danger-background-subtle-hover: #fedad1;
+  --color-danger-background-subtle-active: #ffb39f;
+  --color-danger-chip-background: #fff0ec;
+  --color-danger-chip-background-hover: #fedad1;
+  --color-danger-chip-text: #bb0401;
+  --color-danger-border: #fa4d37;
+  --color-danger-border-subtle: #ffb39f;
+  --color-danger-field-border: #fa4d37;
+  --color-danger-action: #e3231d;
+  --color-danger-action-hover: #fa4d37;
+  --color-danger-action-active: #bb0401;
+  --color-special-free-plan-background: #ffc89f;
+  --color-special-starter-plan-background: #ffdd96;
+  --color-special-scale-plan-background: #a1b7ff;
+  --color-special-business-plan-background: #a7f2ed;
+  --color-special-enterprise-plan-background: #bf97ed;
+  --color-rose-light: #f483b5;
+  --color-rose-base: #c6387d;
+  --color-rose-dark: #781552;
+  --color-rose-text: #b6006b;
+  --color-buttercup-light: #ffdd96;
+  --color-buttercup-base: #f0b21b;
+  --color-buttercup-dark: #c37319;
+  --color-buttercup-text: #a65d00;
+  --color-paprika-light: #e44467;
+  --color-paprika-base: #9b0238;
+  --color-paprika-dark: #4a0018;
+  --color-paprika-text: #ba0044;
+  --color-teal-light: #a7f2ed;
+  --color-teal-base: #30c0bb;
+  --color-teal-dark: #297774;
+  --color-teal-text: #018181;
+  --color-indigo-light: #a1b7ff;
+  --color-indigo-base: #5d85e1;
+  --color-indigo-dark: #365494;
+  --color-indigo-text: #2563c1;
+  --color-slate-light: #c1c5e1;
+  --color-slate-base: #8490c4;
+  --color-slate-dark: #525c85;
+  --color-slate-text: #566087;
+  --color-coral-light: #ffc89f;
+  --color-coral-base: #fa8136;
+  --color-coral-dark: #bb4511;
+  --color-coral-text: #c74000;
+  --color-lavender-light: #bf97ed;
+  --color-lavender-base: #6a14de;
+  --color-lavender-dark: #330276;
+  --color-lavender-text: #6e00f4;
+  --color-bamboo-light: #64cda5;
+  --color-bamboo-base: #12966f;
+  --color-bamboo-dark: #195d46;
+  --color-bamboo-text: #007455;
+`;
+//# sourceMappingURL=css_variables.light.js.map

package/dist/src/design_system/colors/generated/css_variables.light.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_variables.light.js","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables.light.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8IrB,CAAC"}

package/dist/src/design_system/colors/generated/{palette.dark.d.ts → css_variables_palette.dark.d.ts}

@@ -2,4 +2,4 @@
  * Do not edit directly, this file was auto-generated.
  */
 export declare const tokens = "\n  --palette-neutral-0: #ffffff;\n  --palette-neutral-25: #f8f9fc;\n  --palette-neutral-50: #f3f4fa;\n  --palette-neutral-75: #eef0f8;\n  --palette-neutral-100: #e1e3ed;\n  --palette-neutral-150: #d1d5e4;\n  --palette-neutral-200: #c1c6d9;\n  --palette-neutral-250: #b2b8cc;\n  --palette-neutral-300: #a5abc0;\n  --palette-neutral-350: #989eb3;\n  --palette-neutral-400: #8c93a8;\n  --palette-neutral-450: #7d8499;\n  --palette-neutral-500: #6e758a;\n  --palette-neutral-550: #646a7f;\n  --palette-neutral-600: #575d71;\n  --palette-neutral-650: #4d5265;\n  --palette-neutral-700: #414758;\n  --palette-neutral-750: #343847;\n  --palette-neutral-775: #2d313e;\n  --palette-neutral-800: #2a2d39;\n  --palette-neutral-850: #252832;\n  --palette-neutral-875: #1e2027;\n  --palette-neutral-900: #1a1b21;\n  --palette-neutral-950: #101114;\n  --palette-yellow-25: #fcdc73;\n  --palette-yellow-50: #ffd761;\n  --palette-yellow-75: #f9ce4b;\n  --palette-yellow-100: #f5bc38;\n  --palette-yellow-200: #cf9117;\n  --palette-yellow-300: #a56909;\n  --palette-yellow-350: #8a4f05;\n  --palette-yellow-400: #6d3806;\n  --palette-yellow-500: #5d2e0e;\n  --palette-yellow-600: #3f1b07;\n  --palette-yellow-700: #301806;\n  --palette-red-25: #f5a790;\n  --palette-red-50: #fe9e8a;\n  --palette-red-75: #ff8770;\n  --palette-red-100: #ff7157;\n  --palette-red-200: #ef6045;\n  --palette-red-300: #cf4436;\n  --palette-red-350: #aa3229;\n  --palette-red-400: #812420;\n  --palette-red-500: #672523;\n  --palette-red-600: #40191b;\n  --palette-red-700: #381719;\n  --palette-green-25: #74d584;\n  --palette-green-50: #6ccd7c;\n  --palette-green-75: #55c06a;\n  --palette-green-100: #3bb358;\n  --palette-green-200: #23a64a;\n  --palette-green-300: #068a35;\n  --palette-green-350: #006e29;\n  --palette-green-400: #00531e;\n  --palette-green-500: #14441f;\n  --palette-green-600: #0f2b14;\n  --palette-green-700: #09260f;\n  --palette-blue-25: #92c0ff;\n  --palette-blue-50: #8ebcff;\n  --palette-blue-75: #80a9ff;\n  --palette-blue-100: #6f9dff;\n  --palette-blue-200: #5990ff;\n  --palette-blue-300: #3970d7;\n  --palette-blue-350: #295cbb;\n  --palette-blue-400: #194594;\n  --palette-blue-500: #1a3a78;\n  --palette-blue-600: #0d2550;\n  --palette-blue-700: #151d34;\n";
-//# sourceMappingURL=palette.dark.d.ts.map
+//# sourceMappingURL=css_variables_palette.dark.d.ts.map

package/dist/src/design_system/colors/generated/css_variables_palette.dark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_variables_palette.dark.d.ts","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables_palette.dark.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,otEAqElB,CAAC"}

package/dist/src/design_system/colors/generated/css_variables_palette.dark.js

@@ -0,0 +1,74 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export const tokens = `
+  --palette-neutral-0: #ffffff;
+  --palette-neutral-25: #f8f9fc;
+  --palette-neutral-50: #f3f4fa;
+  --palette-neutral-75: #eef0f8;
+  --palette-neutral-100: #e1e3ed;
+  --palette-neutral-150: #d1d5e4;
+  --palette-neutral-200: #c1c6d9;
+  --palette-neutral-250: #b2b8cc;
+  --palette-neutral-300: #a5abc0;
+  --palette-neutral-350: #989eb3;
+  --palette-neutral-400: #8c93a8;
+  --palette-neutral-450: #7d8499;
+  --palette-neutral-500: #6e758a;
+  --palette-neutral-550: #646a7f;
+  --palette-neutral-600: #575d71;
+  --palette-neutral-650: #4d5265;
+  --palette-neutral-700: #414758;
+  --palette-neutral-750: #343847;
+  --palette-neutral-775: #2d313e;
+  --palette-neutral-800: #2a2d39;
+  --palette-neutral-850: #252832;
+  --palette-neutral-875: #1e2027;
+  --palette-neutral-900: #1a1b21;
+  --palette-neutral-950: #101114;
+  --palette-yellow-25: #fcdc73;
+  --palette-yellow-50: #ffd761;
+  --palette-yellow-75: #f9ce4b;
+  --palette-yellow-100: #f5bc38;
+  --palette-yellow-200: #cf9117;
+  --palette-yellow-300: #a56909;
+  --palette-yellow-350: #8a4f05;
+  --palette-yellow-400: #6d3806;
+  --palette-yellow-500: #5d2e0e;
+  --palette-yellow-600: #3f1b07;
+  --palette-yellow-700: #301806;
+  --palette-red-25: #f5a790;
+  --palette-red-50: #fe9e8a;
+  --palette-red-75: #ff8770;
+  --palette-red-100: #ff7157;
+  --palette-red-200: #ef6045;
+  --palette-red-300: #cf4436;
+  --palette-red-350: #aa3229;
+  --palette-red-400: #812420;
+  --palette-red-500: #672523;
+  --palette-red-600: #40191b;
+  --palette-red-700: #381719;
+  --palette-green-25: #74d584;
+  --palette-green-50: #6ccd7c;
+  --palette-green-75: #55c06a;
+  --palette-green-100: #3bb358;
+  --palette-green-200: #23a64a;
+  --palette-green-300: #068a35;
+  --palette-green-350: #006e29;
+  --palette-green-400: #00531e;
+  --palette-green-500: #14441f;
+  --palette-green-600: #0f2b14;
+  --palette-green-700: #09260f;
+  --palette-blue-25: #92c0ff;
+  --palette-blue-50: #8ebcff;
+  --palette-blue-75: #80a9ff;
+  --palette-blue-100: #6f9dff;
+  --palette-blue-200: #5990ff;
+  --palette-blue-300: #3970d7;
+  --palette-blue-350: #295cbb;
+  --palette-blue-400: #194594;
+  --palette-blue-500: #1a3a78;
+  --palette-blue-600: #0d2550;
+  --palette-blue-700: #151d34;
+`;
+//# sourceMappingURL=css_variables_palette.dark.js.map

package/dist/src/design_system/colors/generated/css_variables_palette.dark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_variables_palette.dark.js","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables_palette.dark.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqErB,CAAC"}

package/dist/src/design_system/colors/generated/{palette.light.d.ts → css_variables_palette.light.d.ts}

@@ -2,4 +2,4 @@
  * Do not edit directly, this file was auto-generated.
  */
 export declare const tokens = "\n  --palette-neutral-0: #ffffff;\n  --palette-neutral-25: #f8f9fc;\n  --palette-neutral-50: #f3f4fa;\n  --palette-neutral-75: #eef0f8;\n  --palette-neutral-100: #e0e3f2;\n  --palette-neutral-150: #d0d5e9;\n  --palette-neutral-200: #c0c6de;\n  --palette-neutral-250: #b0b8d1;\n  --palette-neutral-300: #a3abc5;\n  --palette-neutral-350: #969eb8;\n  --palette-neutral-400: #8a93ae;\n  --palette-neutral-450: #7b84a0;\n  --palette-neutral-500: #6c7590;\n  --palette-neutral-550: #626a85;\n  --palette-neutral-600: #555d76;\n  --palette-neutral-650: #4b526b;\n  --palette-neutral-700: #3f475d;\n  --palette-neutral-750: #31384d;\n  --palette-neutral-775: #2b3143;\n  --palette-neutral-800: #272d3e;\n  --palette-neutral-850: #242836;\n  --palette-neutral-875: #1d202a;\n  --palette-neutral-900: #191b22;\n  --palette-neutral-950: #0a0b0f;\n  --palette-yellow-25: #f9f6ea;\n  --palette-yellow-50: #f9f0db;\n  --palette-yellow-75: #f7e8c4;\n  --palette-yellow-100: #f7dfb1;\n  --palette-yellow-200: #f5b315;\n  --palette-yellow-300: #e39c04;\n  --palette-yellow-350: #d58e00;\n  --palette-yellow-400: #ca8200;\n  --palette-yellow-500: #a96600;\n  --palette-yellow-600: #8c4e02;\n  --palette-yellow-700: #864906;\n  --palette-red-25: #fcf2ef;\n  --palette-red-50: #fff0ec;\n  --palette-red-75: #ffe3dc;\n  --palette-red-100: #fedad1;\n  --palette-red-200: #ffb39f;\n  --palette-red-300: #ff886e;\n  --palette-red-350: #fc7156;\n  --palette-red-400: #fa4d37;\n  --palette-red-500: #e3231d;\n  --palette-red-600: #bb0401;\n  --palette-red-700: #af0600;\n  --palette-green-25: #e8f9ef;\n  --palette-green-50: #e4f5e5;\n  --palette-green-75: #daefdc;\n  --palette-green-100: #cfe9d1;\n  --palette-green-200: #80da8d;\n  --palette-green-300: #46c263;\n  --palette-green-350: #22b551;\n  --palette-green-400: #00ab46;\n  --palette-green-500: #008a27;\n  --palette-green-600: #086e08;\n  --palette-green-700: #176b08;\n  --palette-blue-25: #f0f8ff;\n  --palette-blue-50: #ecf1ff;\n  --palette-blue-75: #e1eaff;\n  --palette-blue-100: #d8e2ff;\n  --palette-blue-200: #b2c6ff;\n  --palette-blue-300: #88abfe;\n  --palette-blue-350: #709efd;\n  --palette-blue-400: #5290f9;\n  --palette-blue-500: #1672eb;\n  --palette-blue-600: #1a57da;\n  --palette-blue-700: #224ed5;\n";
-//# sourceMappingURL=palette.light.d.ts.map
+//# sourceMappingURL=css_variables_palette.light.d.ts.map

package/dist/src/design_system/colors/generated/css_variables_palette.light.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_variables_palette.light.d.ts","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables_palette.light.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,otEAqElB,CAAC"}

package/dist/src/design_system/colors/generated/css_variables_palette.light.js

@@ -0,0 +1,74 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export const tokens = `
+  --palette-neutral-0: #ffffff;
+  --palette-neutral-25: #f8f9fc;
+  --palette-neutral-50: #f3f4fa;
+  --palette-neutral-75: #eef0f8;
+  --palette-neutral-100: #e0e3f2;
+  --palette-neutral-150: #d0d5e9;
+  --palette-neutral-200: #c0c6de;
+  --palette-neutral-250: #b0b8d1;
+  --palette-neutral-300: #a3abc5;
+  --palette-neutral-350: #969eb8;
+  --palette-neutral-400: #8a93ae;
+  --palette-neutral-450: #7b84a0;
+  --palette-neutral-500: #6c7590;
+  --palette-neutral-550: #626a85;
+  --palette-neutral-600: #555d76;
+  --palette-neutral-650: #4b526b;
+  --palette-neutral-700: #3f475d;
+  --palette-neutral-750: #31384d;
+  --palette-neutral-775: #2b3143;
+  --palette-neutral-800: #272d3e;
+  --palette-neutral-850: #242836;
+  --palette-neutral-875: #1d202a;
+  --palette-neutral-900: #191b22;
+  --palette-neutral-950: #0a0b0f;
+  --palette-yellow-25: #f9f6ea;
+  --palette-yellow-50: #f9f0db;
+  --palette-yellow-75: #f7e8c4;
+  --palette-yellow-100: #f7dfb1;
+  --palette-yellow-200: #f5b315;
+  --palette-yellow-300: #e39c04;
+  --palette-yellow-350: #d58e00;
+  --palette-yellow-400: #ca8200;
+  --palette-yellow-500: #a96600;
+  --palette-yellow-600: #8c4e02;
+  --palette-yellow-700: #864906;
+  --palette-red-25: #fcf2ef;
+  --palette-red-50: #fff0ec;
+  --palette-red-75: #ffe3dc;
+  --palette-red-100: #fedad1;
+  --palette-red-200: #ffb39f;
+  --palette-red-300: #ff886e;
+  --palette-red-350: #fc7156;
+  --palette-red-400: #fa4d37;
+  --palette-red-500: #e3231d;
+  --palette-red-600: #bb0401;
+  --palette-red-700: #af0600;
+  --palette-green-25: #e8f9ef;
+  --palette-green-50: #e4f5e5;
+  --palette-green-75: #daefdc;
+  --palette-green-100: #cfe9d1;
+  --palette-green-200: #80da8d;
+  --palette-green-300: #46c263;
+  --palette-green-350: #22b551;
+  --palette-green-400: #00ab46;
+  --palette-green-500: #008a27;
+  --palette-green-600: #086e08;
+  --palette-green-700: #176b08;
+  --palette-blue-25: #f0f8ff;
+  --palette-blue-50: #ecf1ff;
+  --palette-blue-75: #e1eaff;
+  --palette-blue-100: #d8e2ff;
+  --palette-blue-200: #b2c6ff;
+  --palette-blue-300: #88abfe;
+  --palette-blue-350: #709efd;
+  --palette-blue-400: #5290f9;
+  --palette-blue-500: #1672eb;
+  --palette-blue-600: #1a57da;
+  --palette-blue-700: #224ed5;
+`;
+//# sourceMappingURL=css_variables_palette.light.js.map

package/dist/src/design_system/colors/generated/css_variables_palette.light.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_variables_palette.light.js","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables_palette.light.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqErB,CAAC"}

package/dist/src/design_system/colors/index.d.ts

@@ -1,7 +1,7 @@
-export { tokens as colorsStylesLight } from './generated/light.js';
-export { tokens as colorsStylesDark } from './generated/dark.js';
-export { tokens as paletteColorsStylesLight } from './generated/palette.light.js';
-export { tokens as paletteColorsStylesDark } from './generated/palette.dark.js';
+export { tokens as cssColorsVariablesLight } from './generated/css_variables.light.js';
+export { tokens as cssColorsVariablesDark } from './generated/css_variables.dark.js';
+export { tokens as cssColorsVariablesPaletteLight } from './generated/css_variables_palette.light.js';
+export { tokens as cssColorsVariablesPaletteDark } from './generated/css_variables_palette.dark.js';
 export { darkTheme } from './generated/colors_theme.dark.js';
 export { lightTheme } from './generated/colors_theme.light.js';
 export { colorProperties } from './generated/properties_theme.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/design_system/colors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/design_system/colors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AACvF,OAAO,EAAE,MAAM,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACrF,OAAO,EAAE,MAAM,IAAI,8BAA8B,EAAE,MAAM,4CAA4C,CAAC;AACtG,OAAO,EAAE,MAAM,IAAI,6BAA6B,EAAE,MAAM,2CAA2C,CAAC;AACpG,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/src/design_system/colors/index.js

@@ -1,7 +1,7 @@
-export { tokens as colorsStylesLight } from './generated/light.js';
-export { tokens as colorsStylesDark } from './generated/dark.js';
-export { tokens as paletteColorsStylesLight } from './generated/palette.light.js';
-export { tokens as paletteColorsStylesDark } from './generated/palette.dark.js';
+export { tokens as cssColorsVariablesLight } from './generated/css_variables.light.js';
+export { tokens as cssColorsVariablesDark } from './generated/css_variables.dark.js';
+export { tokens as cssColorsVariablesPaletteLight } from './generated/css_variables_palette.light.js';
+export { tokens as cssColorsVariablesPaletteDark } from './generated/css_variables_palette.dark.js';
 export { darkTheme } from './generated/colors_theme.dark.js';
 export { lightTheme } from './generated/colors_theme.light.js';
 export { colorProperties } from './generated/properties_theme.js';

package/dist/src/design_system/colors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/design_system/colors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/design_system/colors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AACvF,OAAO,EAAE,MAAM,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACrF,OAAO,EAAE,MAAM,IAAI,8BAA8B,EAAE,MAAM,4CAA4C,CAAC;AACtG,OAAO,EAAE,MAAM,IAAI,6BAA6B,EAAE,MAAM,2CAA2C,CAAC;AACpG,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC"}