@apify/ui-library 1.89.0 → 1.90.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/README.md +3 -1
  2. package/dist/src/design_system/colors/generated/colors_theme.dark.d.ts +23 -23
  3. package/dist/src/design_system/colors/generated/colors_theme.dark.js +23 -23
  4. package/dist/src/design_system/colors/generated/colors_theme.light.d.ts +23 -23
  5. package/dist/src/design_system/colors/generated/colors_theme.light.js +23 -23
  6. package/dist/src/design_system/colors/generated/css_variables.dark.d.ts +1 -1
  7. package/dist/src/design_system/colors/generated/css_variables.dark.js +39 -39
  8. package/dist/src/design_system/colors/generated/css_variables.light.d.ts +1 -1
  9. package/dist/src/design_system/colors/generated/css_variables.light.js +33 -33
  10. package/dist/src/design_system/colors/generated/css_variables_palette.dark.d.ts +1 -1
  11. package/dist/src/design_system/colors/generated/css_variables_palette.dark.js +23 -23
  12. package/dist/src/design_system/colors/generated/css_variables_palette.light.d.ts +1 -1
  13. package/dist/src/design_system/colors/generated/css_variables_palette.light.js +23 -23
  14. package/dist/src/design_system/theme.d.ts +46 -46
  15. package/dist/tsconfig.build.tsbuildinfo +1 -1
  16. package/package.json +2 -2
  17. package/src/design_system/colors/figma_color_tokens.dark.json +1 -1
  18. package/src/design_system/colors/figma_color_tokens.light.json +1 -1
  19. package/src/design_system/colors/generated/colors_theme.dark.ts +23 -23
  20. package/src/design_system/colors/generated/colors_theme.light.ts +23 -23
  21. package/src/design_system/colors/generated/css_variables.dark.ts +39 -39
  22. package/src/design_system/colors/generated/css_variables.light.ts +33 -33
  23. package/src/design_system/colors/generated/css_variables_palette.dark.ts +23 -23
  24. package/src/design_system/colors/generated/css_variables_palette.light.ts +23 -23
  25. package/style/colors/dark.scss +39 -39
  26. package/style/colors/light.scss +33 -33
  27. package/style/colors/palette.dark.scss +23 -23
  28. package/style/colors/palette.light.scss +23 -23
package/README.md CHANGED
@@ -25,4 +25,6 @@ The design team is responsible for exporting and maintaining the tokens. Once fi
25
25
 
26
26
  The exported tokens are stored in the `src/design_system/colors/figma_color_tokens.light.json` and `src/design_system/colors/figma_color_tokens.dark.json` files.
27
27
 
28
- Source code based on these tokens is generated with `npm run build-color-tokens` command (it's also run automatically on `npm run build`).
28
+ Source code based on these tokens is generated with `npm run build-color-tokens` command.
29
+
30
+ TODO: run automatically on `npm run build`.
package/dist/src/design_system/colors/generated/colors_theme.dark.d.ts CHANGED
@@ -39,29 +39,29 @@ export declare const darkTheme: {
39
39
  readonly bambooDark: "#305b4a";
40
40
  readonly bambooText: "#65bc99";
41
41
  readonly neutral0: "#ffffff";
42
- readonly neutral25: "#f8f9fc";
43
- readonly neutral50: "#f3f4fa";
44
- readonly neutral75: "#eef0f8";
45
- readonly neutral100: "#e1e3ed";
46
- readonly neutral150: "#d1d5e4";
47
- readonly neutral200: "#c1c6d9";
48
- readonly neutral250: "#b2b8cc";
49
- readonly neutral300: "#a5abc0";
50
- readonly neutral350: "#989eb3";
51
- readonly neutral400: "#8c93a8";
52
- readonly neutral450: "#7d8499";
53
- readonly neutral500: "#6e758a";
54
- readonly neutral550: "#646a7f";
55
- readonly neutral600: "#575d71";
56
- readonly neutral650: "#4d5265";
57
- readonly neutral700: "#414758";
58
- readonly neutral750: "#343847";
59
- readonly neutral775: "#2d313e";
60
- readonly neutral800: "#2a2d39";
61
- readonly neutral850: "#252832";
62
- readonly neutral875: "#1e2027";
63
- readonly neutral900: "#1a1b21";
64
- readonly neutral950: "#101114";
42
+ readonly neutral25: "#f9f9fa";
43
+ readonly neutral50: "#f4f4f5";
44
+ readonly neutral75: "#edeeef";
45
+ readonly neutral100: "#e4e5e6";
46
+ readonly neutral150: "#d2d3d6";
47
+ readonly neutral200: "#c9cbcf";
48
+ readonly neutral250: "#bfc1c5";
49
+ readonly neutral300: "#b4b6bb";
50
+ readonly neutral350: "#a9acb1";
51
+ readonly neutral400: "#9ea2a8";
52
+ readonly neutral450: "#848890";
53
+ readonly neutral500: "#6d7178";
54
+ readonly neutral550: "#5c5f66";
55
+ readonly neutral600: "#4f5257";
56
+ readonly neutral650: "#44464b";
57
+ readonly neutral700: "#3d3f43";
58
+ readonly neutral750: "#333538";
59
+ readonly neutral775: "#292b2e";
60
+ readonly neutral800: "#242528";
61
+ readonly neutral850: "#1f2123";
62
+ readonly neutral875: "#1b1c1d";
63
+ readonly neutral900: "#161718";
64
+ readonly neutral950: "#0a0a0b";
65
65
  readonly yellow25: "#fcdc73";
66
66
  readonly yellow50: "#ffd761";
67
67
  readonly yellow75: "#f9ce4b";
package/dist/src/design_system/colors/generated/colors_theme.dark.js CHANGED
@@ -39,29 +39,29 @@ export const darkTheme = {
39
39
  bambooDark: '#305b4a',
40
40
  bambooText: '#65bc99',
41
41
  neutral0: '#ffffff',
42
- neutral25: '#f8f9fc',
43
- neutral50: '#f3f4fa',
44
- neutral75: '#eef0f8',
45
- neutral100: '#e1e3ed',
46
- neutral150: '#d1d5e4',
47
- neutral200: '#c1c6d9',
48
- neutral250: '#b2b8cc',
49
- neutral300: '#a5abc0',
50
- neutral350: '#989eb3',
51
- neutral400: '#8c93a8',
52
- neutral450: '#7d8499',
53
- neutral500: '#6e758a',
54
- neutral550: '#646a7f',
55
- neutral600: '#575d71',
56
- neutral650: '#4d5265',
57
- neutral700: '#414758',
58
- neutral750: '#343847',
59
- neutral775: '#2d313e',
60
- neutral800: '#2a2d39',
61
- neutral850: '#252832',
62
- neutral875: '#1e2027',
63
- neutral900: '#1a1b21',
64
- neutral950: '#101114',
42
+ neutral25: '#f9f9fa',
43
+ neutral50: '#f4f4f5',
44
+ neutral75: '#edeeef',
45
+ neutral100: '#e4e5e6',
46
+ neutral150: '#d2d3d6',
47
+ neutral200: '#c9cbcf',
48
+ neutral250: '#bfc1c5',
49
+ neutral300: '#b4b6bb',
50
+ neutral350: '#a9acb1',
51
+ neutral400: '#9ea2a8',
52
+ neutral450: '#848890',
53
+ neutral500: '#6d7178',
54
+ neutral550: '#5c5f66',
55
+ neutral600: '#4f5257',
56
+ neutral650: '#44464b',
57
+ neutral700: '#3d3f43',
58
+ neutral750: '#333538',
59
+ neutral775: '#292b2e',
60
+ neutral800: '#242528',
61
+ neutral850: '#1f2123',
62
+ neutral875: '#1b1c1d',
63
+ neutral900: '#161718',
64
+ neutral950: '#0a0a0b',
65
65
  yellow25: '#fcdc73',
66
66
  yellow50: '#ffd761',
67
67
  yellow75: '#f9ce4b',
package/dist/src/design_system/colors/generated/colors_theme.light.d.ts CHANGED
@@ -39,29 +39,29 @@ export declare const lightTheme: {
39
39
  readonly bambooDark: "#195d46";
40
40
  readonly bambooText: "#007455";
41
41
  readonly neutral0: "#ffffff";
42
- readonly neutral25: "#f8f9fc";
43
- readonly neutral50: "#f3f4fa";
44
- readonly neutral75: "#eef0f8";
45
- readonly neutral100: "#e0e3f2";
46
- readonly neutral150: "#d0d5e9";
47
- readonly neutral200: "#c0c6de";
48
- readonly neutral250: "#b0b8d1";
49
- readonly neutral300: "#a3abc5";
50
- readonly neutral350: "#969eb8";
51
- readonly neutral400: "#8a93ae";
52
- readonly neutral450: "#7b84a0";
53
- readonly neutral500: "#6c7590";
54
- readonly neutral550: "#626a85";
55
- readonly neutral600: "#555d76";
56
- readonly neutral650: "#4b526b";
57
- readonly neutral700: "#3f475d";
58
- readonly neutral750: "#31384d";
59
- readonly neutral775: "#2b3143";
60
- readonly neutral800: "#272d3e";
61
- readonly neutral850: "#242836";
62
- readonly neutral875: "#1d202a";
63
- readonly neutral900: "#191b22";
64
- readonly neutral950: "#0a0b0f";
42
+ readonly neutral25: "#f9f9fa";
43
+ readonly neutral50: "#f4f4f5";
44
+ readonly neutral75: "#edeeef";
45
+ readonly neutral100: "#e4e5e6";
46
+ readonly neutral150: "#d2d3d6";
47
+ readonly neutral200: "#c9cbcf";
48
+ readonly neutral250: "#bfc1c5";
49
+ readonly neutral300: "#b4b6bb";
50
+ readonly neutral350: "#a9acb1";
51
+ readonly neutral400: "#9ea2a8";
52
+ readonly neutral450: "#848890";
53
+ readonly neutral500: "#6d7178";
54
+ readonly neutral550: "#5c5f66";
55
+ readonly neutral600: "#4f5257";
56
+ readonly neutral650: "#44464b";
57
+ readonly neutral700: "#3d3f43";
58
+ readonly neutral750: "#333538";
59
+ readonly neutral775: "#292b2e";
60
+ readonly neutral800: "#242528";
61
+ readonly neutral850: "#1f2123";
62
+ readonly neutral875: "#1b1c1d";
63
+ readonly neutral900: "#161718";
64
+ readonly neutral950: "#0a0a0b";
65
65
  readonly yellow25: "#f9f6ea";
66
66
  readonly yellow50: "#f9f0db";
67
67
  readonly yellow75: "#f7e8c4";
package/dist/src/design_system/colors/generated/colors_theme.light.js CHANGED
@@ -39,29 +39,29 @@ export const lightTheme = {
39
39
  bambooDark: '#195d46',
40
40
  bambooText: '#007455',
41
41
  neutral0: '#ffffff',
42
- neutral25: '#f8f9fc',
43
- neutral50: '#f3f4fa',
44
- neutral75: '#eef0f8',
45
- neutral100: '#e0e3f2',
46
- neutral150: '#d0d5e9',
47
- neutral200: '#c0c6de',
48
- neutral250: '#b0b8d1',
49
- neutral300: '#a3abc5',
50
- neutral350: '#969eb8',
51
- neutral400: '#8a93ae',
52
- neutral450: '#7b84a0',
53
- neutral500: '#6c7590',
54
- neutral550: '#626a85',
55
- neutral600: '#555d76',
56
- neutral650: '#4b526b',
57
- neutral700: '#3f475d',
58
- neutral750: '#31384d',
59
- neutral775: '#2b3143',
60
- neutral800: '#272d3e',
61
- neutral850: '#242836',
62
- neutral875: '#1d202a',
63
- neutral900: '#191b22',
64
- neutral950: '#0a0b0f',
42
+ neutral25: '#f9f9fa',
43
+ neutral50: '#f4f4f5',
44
+ neutral75: '#edeeef',
45
+ neutral100: '#e4e5e6',
46
+ neutral150: '#d2d3d6',
47
+ neutral200: '#c9cbcf',
48
+ neutral250: '#bfc1c5',
49
+ neutral300: '#b4b6bb',
50
+ neutral350: '#a9acb1',
51
+ neutral400: '#9ea2a8',
52
+ neutral450: '#848890',
53
+ neutral500: '#6d7178',
54
+ neutral550: '#5c5f66',
55
+ neutral600: '#4f5257',
56
+ neutral650: '#44464b',
57
+ neutral700: '#3d3f43',
58
+ neutral750: '#333538',
59
+ neutral775: '#292b2e',
60
+ neutral800: '#242528',
61
+ neutral850: '#1f2123',
62
+ neutral875: '#1b1c1d',
63
+ neutral900: '#161718',
64
+ neutral950: '#0a0a0b',
65
65
  yellow25: '#f9f6ea',
66
66
  yellow50: '#f9f0db',
67
67
  yellow75: '#f7e8c4',
package/dist/src/design_system/colors/generated/css_variables.dark.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
- 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";
4
+ export declare const tokens = "\n --color-neutral-text: #f4f4f5;\n --color-neutral-text-muted: #bfc1c5;\n --color-neutral-text-subtle: #9ea2a8;\n --color-neutral-text-disabled: #4f5257;\n --color-neutral-text-on-primary: #161718;\n --color-neutral-icon-on-primary: #161718;\n --color-neutral-background: #161718;\n --color-neutral-background-muted: #1f2123;\n --color-neutral-background-subtle: #242528;\n --color-neutral-background-white: #f4f4f5;\n --color-neutral-card-background: #1b1c1d;\n --color-neutral-card-background-hover: #1f2123;\n --color-neutral-border: #3d3f43;\n --color-neutral-separator-subtle: #333538;\n --color-neutral-hover: #292b2e;\n --color-neutral-disabled: #333538;\n --color-neutral-overflow: #242528;\n --color-neutral-icon: #bfc1c5;\n --color-neutral-icon-subtle: #6d7178;\n --color-neutral-icon-disabled: #4f5257;\n --color-neutral-field-border: #333538;\n --color-neutral-action-secondary: #4f5257;\n --color-neutral-action-secondary-hover: #6d7178;\n --color-neutral-action-secondary-active: #333538;\n --color-neutral-chip-background: #4f5257;\n --color-neutral-chip-background-hover: #6d7178;\n --color-neutral-chip-background-active: #9ea2a8;\n --color-neutral-chip-background-disabled: #9ea2a8;\n --color-neutral-large-tooltip-background: #242528;\n --color-neutral-large-tooltip-border: #333538;\n --color-neutral-small-tooltip-text: #ffffff;\n --color-neutral-small-tooltip-background: #242528;\n --color-neutral-small-tooltip-border: #333538;\n --color-neutral-overlay: #101114;\n --color-neutral-field-background: #0a0a0b;\n --color-neutral-text-placeholder: #6d7178;\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: #d2d3d6;\n --color-primary-black-action-active: #f4f4f5;\n --color-primary-black-background: #f4f4f5;\n --color-primary-black-background-hover: #edeeef;\n --color-primary-black-chip-text: #0a0a0b;\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";
5
5
  //# sourceMappingURL=css_variables.dark.d.ts.map
package/dist/src/design_system/colors/generated/css_variables.dark.js CHANGED
@@ -2,42 +2,42 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
  export const tokens = `
5
- --color-neutral-text: #f3f4fa;
6
- --color-neutral-text-muted: #b2b8cc;
7
- --color-neutral-text-subtle: #8c93a8;
8
- --color-neutral-text-disabled: #575d71;
9
- --color-neutral-text-on-primary: #1a1b21;
10
- --color-neutral-icon-on-primary: #1a1b21;
11
- --color-neutral-background: #1a1b21;
12
- --color-neutral-background-muted: #252832;
13
- --color-neutral-background-subtle: #2a2d39;
14
- --color-neutral-background-white: #f3f4fa;
15
- --color-neutral-card-background: #1e2027;
16
- --color-neutral-card-background-hover: #252832;
17
- --color-neutral-border: #414758;
18
- --color-neutral-separator-subtle: #343847;
19
- --color-neutral-hover: #2d313e;
20
- --color-neutral-disabled: #343847;
21
- --color-neutral-overflow: #2a2d39;
22
- --color-neutral-icon: #b2b8cc;
23
- --color-neutral-icon-subtle: #6e758a;
24
- --color-neutral-icon-disabled: #575d71;
25
- --color-neutral-field-border: #343847;
26
- --color-neutral-action-secondary: #575d71;
27
- --color-neutral-action-secondary-hover: #6e758a;
28
- --color-neutral-action-secondary-active: #343847;
29
- --color-neutral-chip-background: #575d71;
30
- --color-neutral-chip-background-hover: #6e758a;
31
- --color-neutral-chip-background-active: #8c93a8;
32
- --color-neutral-chip-background-disabled: #8c93a8;
33
- --color-neutral-large-tooltip-background: #2a2d39;
34
- --color-neutral-large-tooltip-border: #343847;
5
+ --color-neutral-text: #f4f4f5;
6
+ --color-neutral-text-muted: #bfc1c5;
7
+ --color-neutral-text-subtle: #9ea2a8;
8
+ --color-neutral-text-disabled: #4f5257;
9
+ --color-neutral-text-on-primary: #161718;
10
+ --color-neutral-icon-on-primary: #161718;
11
+ --color-neutral-background: #161718;
12
+ --color-neutral-background-muted: #1f2123;
13
+ --color-neutral-background-subtle: #242528;
14
+ --color-neutral-background-white: #f4f4f5;
15
+ --color-neutral-card-background: #1b1c1d;
16
+ --color-neutral-card-background-hover: #1f2123;
17
+ --color-neutral-border: #3d3f43;
18
+ --color-neutral-separator-subtle: #333538;
19
+ --color-neutral-hover: #292b2e;
20
+ --color-neutral-disabled: #333538;
21
+ --color-neutral-overflow: #242528;
22
+ --color-neutral-icon: #bfc1c5;
23
+ --color-neutral-icon-subtle: #6d7178;
24
+ --color-neutral-icon-disabled: #4f5257;
25
+ --color-neutral-field-border: #333538;
26
+ --color-neutral-action-secondary: #4f5257;
27
+ --color-neutral-action-secondary-hover: #6d7178;
28
+ --color-neutral-action-secondary-active: #333538;
29
+ --color-neutral-chip-background: #4f5257;
30
+ --color-neutral-chip-background-hover: #6d7178;
31
+ --color-neutral-chip-background-active: #9ea2a8;
32
+ --color-neutral-chip-background-disabled: #9ea2a8;
33
+ --color-neutral-large-tooltip-background: #242528;
34
+ --color-neutral-large-tooltip-border: #333538;
35
35
  --color-neutral-small-tooltip-text: #ffffff;
36
- --color-neutral-small-tooltip-background: #2a2d39;
37
- --color-neutral-small-tooltip-border: #343847;
36
+ --color-neutral-small-tooltip-background: #242528;
37
+ --color-neutral-small-tooltip-border: #333538;
38
38
  --color-neutral-overlay: #101114;
39
- --color-neutral-field-background: #101114;
40
- --color-neutral-text-placeholder: #6e758a;
39
+ --color-neutral-field-background: #0a0a0b;
40
+ --color-neutral-text-placeholder: #6d7178;
41
41
  --color-primary-text: #6f9dff;
42
42
  --color-primary-text-interactive: #6f9dff;
43
43
  --color-primary-icon: #3970d7;
@@ -55,11 +55,11 @@ export const tokens = `
55
55
  --color-primary-chip-text: #8ebcff;
56
56
  --color-primary-shadow-active: #295cbb;
57
57
  --color-primary-black-action: #ffffff;
58
- --color-primary-black-action-hover: #d1d5e4;
59
- --color-primary-black-action-active: #f3f4fa;
60
- --color-primary-black-background: #f3f4fa;
61
- --color-primary-black-background-hover: #eef0f8;
62
- --color-primary-black-chip-text: #101114;
58
+ --color-primary-black-action-hover: #d2d3d6;
59
+ --color-primary-black-action-active: #f4f4f5;
60
+ --color-primary-black-background: #f4f4f5;
61
+ --color-primary-black-background-hover: #edeeef;
62
+ --color-primary-black-chip-text: #0a0a0b;
63
63
  --color-success-text: #3bb358;
64
64
  --color-success-icon: #23a64a;
65
65
  --color-success-background: #14441f;
package/dist/src/design_system/colors/generated/css_variables.light.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
- 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";
4
+ export declare const tokens = "\n --color-neutral-text: #1f2123;\n --color-neutral-text-muted: #3d3f43;\n --color-neutral-text-subtle: #6d7178;\n --color-neutral-text-disabled: #c9cbcf;\n --color-neutral-text-on-primary: #ffffff;\n --color-neutral-icon-on-primary: #ffffff;\n --color-neutral-background: #ffffff;\n --color-neutral-background-muted: #f9f9fa;\n --color-neutral-background-subtle: #f4f4f5;\n --color-neutral-background-white: #ffffff;\n --color-neutral-card-background: #ffffff;\n --color-neutral-card-background-hover: #ffffff;\n --color-neutral-border: #d2d3d6;\n --color-neutral-separator-subtle: #e4e5e6;\n --color-neutral-hover: #edeeef;\n --color-neutral-disabled: #f4f4f5;\n --color-neutral-overflow: #e4e5e6;\n --color-neutral-icon: #4f5257;\n --color-neutral-icon-subtle: #9ea2a8;\n --color-neutral-icon-disabled: #bfc1c5;\n --color-neutral-field-border: #c9cbcf;\n --color-neutral-action-secondary: #d2d3d6;\n --color-neutral-action-secondary-hover: #e4e5e6;\n --color-neutral-action-secondary-active: #d2d3d6;\n --color-neutral-chip-background: #e4e5e6;\n --color-neutral-chip-background-hover: #d2d3d6;\n --color-neutral-chip-background-active: #c9cbcf;\n --color-neutral-chip-background-disabled: #d2d3d6;\n --color-neutral-large-tooltip-background: #ffffff;\n --color-neutral-large-tooltip-border: #e4e5e6;\n --color-neutral-small-tooltip-text: #ffffff;\n --color-neutral-small-tooltip-background: #161718;\n --color-neutral-small-tooltip-border: #1f2123;\n --color-neutral-overlay: #191b22;\n --color-neutral-field-background: #f9f9fa;\n --color-neutral-text-placeholder: #a9acb1;\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: #242528;\n --color-primary-black-action-hover: #292b2e;\n --color-primary-black-action-active: #0a0a0b;\n --color-primary-black-background: #1b1c1d;\n --color-primary-black-background-hover: #3d3f43;\n --color-primary-black-chip-text: #f9f9fa;\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";
5
5
  //# sourceMappingURL=css_variables.light.d.ts.map
package/dist/src/design_system/colors/generated/css_variables.light.js CHANGED
@@ -2,42 +2,42 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
  export const tokens = `
5
- --color-neutral-text: #242836;
6
- --color-neutral-text-muted: #3f475d;
7
- --color-neutral-text-subtle: #6c7590;
8
- --color-neutral-text-disabled: #c0c6de;
5
+ --color-neutral-text: #1f2123;
6
+ --color-neutral-text-muted: #3d3f43;
7
+ --color-neutral-text-subtle: #6d7178;
8
+ --color-neutral-text-disabled: #c9cbcf;
9
9
  --color-neutral-text-on-primary: #ffffff;
10
10
  --color-neutral-icon-on-primary: #ffffff;
11
11
  --color-neutral-background: #ffffff;
12
- --color-neutral-background-muted: #f8f9fc;
13
- --color-neutral-background-subtle: #f3f4fa;
12
+ --color-neutral-background-muted: #f9f9fa;
13
+ --color-neutral-background-subtle: #f4f4f5;
14
14
  --color-neutral-background-white: #ffffff;
15
15
  --color-neutral-card-background: #ffffff;
16
16
  --color-neutral-card-background-hover: #ffffff;
17
- --color-neutral-border: #d0d5e9;
18
- --color-neutral-separator-subtle: #e0e3f2;
19
- --color-neutral-hover: #eef0f8;
20
- --color-neutral-disabled: #f3f4fa;
21
- --color-neutral-overflow: #e0e3f2;
22
- --color-neutral-icon: #555d76;
23
- --color-neutral-icon-subtle: #8a93ae;
24
- --color-neutral-icon-disabled: #b0b8d1;
25
- --color-neutral-field-border: #c0c6de;
26
- --color-neutral-action-secondary: #d0d5e9;
27
- --color-neutral-action-secondary-hover: #e0e3f2;
28
- --color-neutral-action-secondary-active: #d0d5e9;
29
- --color-neutral-chip-background: #e0e3f2;
30
- --color-neutral-chip-background-hover: #d0d5e9;
31
- --color-neutral-chip-background-active: #c0c6de;
32
- --color-neutral-chip-background-disabled: #d0d5e9;
17
+ --color-neutral-border: #d2d3d6;
18
+ --color-neutral-separator-subtle: #e4e5e6;
19
+ --color-neutral-hover: #edeeef;
20
+ --color-neutral-disabled: #f4f4f5;
21
+ --color-neutral-overflow: #e4e5e6;
22
+ --color-neutral-icon: #4f5257;
23
+ --color-neutral-icon-subtle: #9ea2a8;
24
+ --color-neutral-icon-disabled: #bfc1c5;
25
+ --color-neutral-field-border: #c9cbcf;
26
+ --color-neutral-action-secondary: #d2d3d6;
27
+ --color-neutral-action-secondary-hover: #e4e5e6;
28
+ --color-neutral-action-secondary-active: #d2d3d6;
29
+ --color-neutral-chip-background: #e4e5e6;
30
+ --color-neutral-chip-background-hover: #d2d3d6;
31
+ --color-neutral-chip-background-active: #c9cbcf;
32
+ --color-neutral-chip-background-disabled: #d2d3d6;
33
33
  --color-neutral-large-tooltip-background: #ffffff;
34
- --color-neutral-large-tooltip-border: #e0e3f2;
34
+ --color-neutral-large-tooltip-border: #e4e5e6;
35
35
  --color-neutral-small-tooltip-text: #ffffff;
36
- --color-neutral-small-tooltip-background: #191b22;
37
- --color-neutral-small-tooltip-border: #242836;
36
+ --color-neutral-small-tooltip-background: #161718;
37
+ --color-neutral-small-tooltip-border: #1f2123;
38
38
  --color-neutral-overlay: #191b22;
39
- --color-neutral-field-background: #f8f9fc;
40
- --color-neutral-text-placeholder: #969eb8;
39
+ --color-neutral-field-background: #f9f9fa;
40
+ --color-neutral-text-placeholder: #a9acb1;
41
41
  --color-primary-text: #1672eb;
42
42
  --color-primary-text-interactive: #1672eb;
43
43
  --color-primary-icon: #1672eb;
@@ -54,12 +54,12 @@ export const tokens = `
54
54
  --color-primary-chip-background-hover: #d8e2ff;
55
55
  --color-primary-chip-text: #1a57da;
56
56
  --color-primary-shadow-active: #b2c6ff;
57
- --color-primary-black-action: #272d3e;
58
- --color-primary-black-action-hover: #2b3143;
59
- --color-primary-black-action-active: #0a0b0f;
60
- --color-primary-black-background: #1d202a;
61
- --color-primary-black-background-hover: #3f475d;
62
- --color-primary-black-chip-text: #f8f9fc;
57
+ --color-primary-black-action: #242528;
58
+ --color-primary-black-action-hover: #292b2e;
59
+ --color-primary-black-action-active: #0a0a0b;
60
+ --color-primary-black-background: #1b1c1d;
61
+ --color-primary-black-background-hover: #3d3f43;
62
+ --color-primary-black-chip-text: #f9f9fa;
63
63
  --color-success-text: #008a27;
64
64
  --color-success-icon: #008a27;
65
65
  --color-success-background: #e4f5e5;
package/dist/src/design_system/colors/generated/css_variables_palette.dark.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
- 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";
4
+ export declare const tokens = "\n --palette-neutral-0: #ffffff;\n --palette-neutral-25: #f9f9fa;\n --palette-neutral-50: #f4f4f5;\n --palette-neutral-75: #edeeef;\n --palette-neutral-100: #e4e5e6;\n --palette-neutral-150: #d2d3d6;\n --palette-neutral-200: #c9cbcf;\n --palette-neutral-250: #bfc1c5;\n --palette-neutral-300: #b4b6bb;\n --palette-neutral-350: #a9acb1;\n --palette-neutral-400: #9ea2a8;\n --palette-neutral-450: #848890;\n --palette-neutral-500: #6d7178;\n --palette-neutral-550: #5c5f66;\n --palette-neutral-600: #4f5257;\n --palette-neutral-650: #44464b;\n --palette-neutral-700: #3d3f43;\n --palette-neutral-750: #333538;\n --palette-neutral-775: #292b2e;\n --palette-neutral-800: #242528;\n --palette-neutral-850: #1f2123;\n --palette-neutral-875: #1b1c1d;\n --palette-neutral-900: #161718;\n --palette-neutral-950: #0a0a0b;\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";
5
5
  //# sourceMappingURL=css_variables_palette.dark.d.ts.map
package/dist/src/design_system/colors/generated/css_variables_palette.dark.js CHANGED
@@ -3,29 +3,29 @@
3
3
  */
4
4
  export const tokens = `
5
5
  --palette-neutral-0: #ffffff;
6
- --palette-neutral-25: #f8f9fc;
7
- --palette-neutral-50: #f3f4fa;
8
- --palette-neutral-75: #eef0f8;
9
- --palette-neutral-100: #e1e3ed;
10
- --palette-neutral-150: #d1d5e4;
11
- --palette-neutral-200: #c1c6d9;
12
- --palette-neutral-250: #b2b8cc;
13
- --palette-neutral-300: #a5abc0;
14
- --palette-neutral-350: #989eb3;
15
- --palette-neutral-400: #8c93a8;
16
- --palette-neutral-450: #7d8499;
17
- --palette-neutral-500: #6e758a;
18
- --palette-neutral-550: #646a7f;
19
- --palette-neutral-600: #575d71;
20
- --palette-neutral-650: #4d5265;
21
- --palette-neutral-700: #414758;
22
- --palette-neutral-750: #343847;
23
- --palette-neutral-775: #2d313e;
24
- --palette-neutral-800: #2a2d39;
25
- --palette-neutral-850: #252832;
26
- --palette-neutral-875: #1e2027;
27
- --palette-neutral-900: #1a1b21;
28
- --palette-neutral-950: #101114;
6
+ --palette-neutral-25: #f9f9fa;
7
+ --palette-neutral-50: #f4f4f5;
8
+ --palette-neutral-75: #edeeef;
9
+ --palette-neutral-100: #e4e5e6;
10
+ --palette-neutral-150: #d2d3d6;
11
+ --palette-neutral-200: #c9cbcf;
12
+ --palette-neutral-250: #bfc1c5;
13
+ --palette-neutral-300: #b4b6bb;
14
+ --palette-neutral-350: #a9acb1;
15
+ --palette-neutral-400: #9ea2a8;
16
+ --palette-neutral-450: #848890;
17
+ --palette-neutral-500: #6d7178;
18
+ --palette-neutral-550: #5c5f66;
19
+ --palette-neutral-600: #4f5257;
20
+ --palette-neutral-650: #44464b;
21
+ --palette-neutral-700: #3d3f43;
22
+ --palette-neutral-750: #333538;
23
+ --palette-neutral-775: #292b2e;
24
+ --palette-neutral-800: #242528;
25
+ --palette-neutral-850: #1f2123;
26
+ --palette-neutral-875: #1b1c1d;
27
+ --palette-neutral-900: #161718;
28
+ --palette-neutral-950: #0a0a0b;
29
29
  --palette-yellow-25: #fcdc73;
30
30
  --palette-yellow-50: #ffd761;
31
31
  --palette-yellow-75: #f9ce4b;
package/dist/src/design_system/colors/generated/css_variables_palette.light.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
- 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";
4
+ export declare const tokens = "\n --palette-neutral-0: #ffffff;\n --palette-neutral-25: #f9f9fa;\n --palette-neutral-50: #f4f4f5;\n --palette-neutral-75: #edeeef;\n --palette-neutral-100: #e4e5e6;\n --palette-neutral-150: #d2d3d6;\n --palette-neutral-200: #c9cbcf;\n --palette-neutral-250: #bfc1c5;\n --palette-neutral-300: #b4b6bb;\n --palette-neutral-350: #a9acb1;\n --palette-neutral-400: #9ea2a8;\n --palette-neutral-450: #848890;\n --palette-neutral-500: #6d7178;\n --palette-neutral-550: #5c5f66;\n --palette-neutral-600: #4f5257;\n --palette-neutral-650: #44464b;\n --palette-neutral-700: #3d3f43;\n --palette-neutral-750: #333538;\n --palette-neutral-775: #292b2e;\n --palette-neutral-800: #242528;\n --palette-neutral-850: #1f2123;\n --palette-neutral-875: #1b1c1d;\n --palette-neutral-900: #161718;\n --palette-neutral-950: #0a0a0b;\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";
5
5
  //# sourceMappingURL=css_variables_palette.light.d.ts.map
package/dist/src/design_system/colors/generated/css_variables_palette.light.js CHANGED
@@ -3,29 +3,29 @@
3
3
  */
4
4
  export const tokens = `
5
5
  --palette-neutral-0: #ffffff;
6
- --palette-neutral-25: #f8f9fc;
7
- --palette-neutral-50: #f3f4fa;
8
- --palette-neutral-75: #eef0f8;
9
- --palette-neutral-100: #e0e3f2;
10
- --palette-neutral-150: #d0d5e9;
11
- --palette-neutral-200: #c0c6de;
12
- --palette-neutral-250: #b0b8d1;
13
- --palette-neutral-300: #a3abc5;
14
- --palette-neutral-350: #969eb8;
15
- --palette-neutral-400: #8a93ae;
16
- --palette-neutral-450: #7b84a0;
17
- --palette-neutral-500: #6c7590;
18
- --palette-neutral-550: #626a85;
19
- --palette-neutral-600: #555d76;
20
- --palette-neutral-650: #4b526b;
21
- --palette-neutral-700: #3f475d;
22
- --palette-neutral-750: #31384d;
23
- --palette-neutral-775: #2b3143;
24
- --palette-neutral-800: #272d3e;
25
- --palette-neutral-850: #242836;
26
- --palette-neutral-875: #1d202a;
27
- --palette-neutral-900: #191b22;
28
- --palette-neutral-950: #0a0b0f;
6
+ --palette-neutral-25: #f9f9fa;
7
+ --palette-neutral-50: #f4f4f5;
8
+ --palette-neutral-75: #edeeef;
9
+ --palette-neutral-100: #e4e5e6;
10
+ --palette-neutral-150: #d2d3d6;
11
+ --palette-neutral-200: #c9cbcf;
12
+ --palette-neutral-250: #bfc1c5;
13
+ --palette-neutral-300: #b4b6bb;
14
+ --palette-neutral-350: #a9acb1;
15
+ --palette-neutral-400: #9ea2a8;
16
+ --palette-neutral-450: #848890;
17
+ --palette-neutral-500: #6d7178;
18
+ --palette-neutral-550: #5c5f66;
19
+ --palette-neutral-600: #4f5257;
20
+ --palette-neutral-650: #44464b;
21
+ --palette-neutral-700: #3d3f43;
22
+ --palette-neutral-750: #333538;
23
+ --palette-neutral-775: #292b2e;
24
+ --palette-neutral-800: #242528;
25
+ --palette-neutral-850: #1f2123;
26
+ --palette-neutral-875: #1b1c1d;
27
+ --palette-neutral-900: #161718;
28
+ --palette-neutral-950: #0a0a0b;
29
29
  --palette-yellow-25: #f9f6ea;
30
30
  --palette-yellow-50: #f9f0db;
31
31
  --palette-yellow-75: #f7e8c4;