@apify/ui-library 0.71.0 → 0.71.1-featcolortokens-178953.56

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 (64) hide show
  1. package/README.md +18 -5
  2. package/dist/src/design_system/colors/generated/colors_theme.dark.d.ts +110 -0
  3. package/dist/src/design_system/colors/generated/colors_theme.dark.d.ts.map +1 -0
  4. package/dist/src/design_system/colors/generated/colors_theme.dark.js +110 -0
  5. package/dist/src/design_system/colors/generated/colors_theme.dark.js.map +1 -0
  6. package/dist/src/design_system/colors/generated/colors_theme.light.d.ts +110 -0
  7. package/dist/src/design_system/colors/generated/colors_theme.light.d.ts.map +1 -0
  8. package/dist/src/design_system/colors/generated/colors_theme.light.js +110 -0
  9. package/dist/src/design_system/colors/generated/colors_theme.light.js.map +1 -0
  10. package/dist/src/design_system/colors/generated/dark.d.ts +5 -0
  11. package/dist/src/design_system/colors/generated/dark.d.ts.map +1 -0
  12. package/dist/src/design_system/colors/generated/dark.js +147 -0
  13. package/dist/src/design_system/colors/generated/dark.js.map +1 -0
  14. package/dist/src/design_system/colors/generated/light.d.ts +5 -0
  15. package/dist/src/design_system/colors/generated/light.d.ts.map +1 -0
  16. package/dist/src/design_system/colors/generated/light.js +147 -0
  17. package/dist/src/design_system/colors/generated/light.js.map +1 -0
  18. package/dist/src/design_system/colors/generated/palette.dark.d.ts +5 -0
  19. package/dist/src/design_system/colors/generated/palette.dark.d.ts.map +1 -0
  20. package/dist/src/design_system/colors/generated/palette.dark.js +74 -0
  21. package/dist/src/design_system/colors/generated/palette.dark.js.map +1 -0
  22. package/dist/src/design_system/colors/generated/palette.light.d.ts +5 -0
  23. package/dist/src/design_system/colors/generated/palette.light.d.ts.map +1 -0
  24. package/dist/src/design_system/colors/generated/palette.light.js +74 -0
  25. package/dist/src/design_system/colors/generated/palette.light.js.map +1 -0
  26. package/dist/src/design_system/colors/generated/properties_theme.d.ts +179 -0
  27. package/dist/src/design_system/colors/generated/properties_theme.d.ts.map +1 -0
  28. package/dist/src/design_system/colors/generated/properties_theme.js +179 -0
  29. package/dist/src/design_system/colors/generated/properties_theme.js.map +1 -0
  30. package/dist/src/design_system/colors/index.d.ts +8 -0
  31. package/dist/src/design_system/colors/index.d.ts.map +1 -0
  32. package/dist/src/design_system/colors/index.js +8 -0
  33. package/dist/src/design_system/colors/index.js.map +1 -0
  34. package/dist/src/design_system/theme.d.ts +88 -87
  35. package/dist/src/design_system/theme.d.ts.map +1 -1
  36. package/dist/src/design_system/theme.js +1 -2
  37. package/dist/src/design_system/theme.js.map +1 -1
  38. package/dist/src/index.d.ts +1 -0
  39. package/dist/src/index.d.ts.map +1 -1
  40. package/dist/src/index.js +1 -0
  41. package/dist/src/index.js.map +1 -1
  42. package/package.json +8 -5
  43. package/src/design_system/colors/build_color_tokens.js +175 -0
  44. package/src/design_system/colors/figma_color_tokens.dark.json +886 -0
  45. package/src/design_system/colors/figma_color_tokens.light.json +886 -0
  46. package/src/design_system/colors/generated/colors_theme.dark.ts +110 -0
  47. package/src/design_system/colors/generated/colors_theme.light.ts +110 -0
  48. package/src/design_system/colors/generated/dark.scss +148 -0
  49. package/src/design_system/colors/generated/dark.ts +147 -0
  50. package/src/design_system/colors/generated/light.scss +148 -0
  51. package/src/design_system/colors/generated/light.ts +147 -0
  52. package/src/design_system/colors/generated/palette.dark.scss +75 -0
  53. package/src/design_system/colors/generated/palette.dark.ts +74 -0
  54. package/src/design_system/colors/generated/palette.light.scss +75 -0
  55. package/src/design_system/colors/generated/palette.light.ts +74 -0
  56. package/src/design_system/colors/generated/properties_theme.ts +179 -0
  57. package/src/design_system/colors/index.ts +7 -0
  58. package/src/design_system/theme.ts +1 -2
  59. package/src/index.ts +1 -0
  60. package/dist/tsconfig.build.tsbuildinfo +0 -1
  61. package/src/codemods/generate_color_property_tokens.mjs +0 -98
  62. package/src/codemods/generate_color_theme_files.mjs +0 -47
  63. package/src/design_system/generate_color_definitions.js +0 -44
  64. package/src/design_system/supernova_color_tokens.json +0 -1766
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
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";
5
+ //# sourceMappingURL=light.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"light.d.ts","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/light.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,+rLA8IlB,CAAC"}
@@ -0,0 +1,147 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
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;
9
+ --color-neutral-text-on-primary: #ffffff;
10
+ --color-neutral-icon-on-primary: #ffffff;
11
+ --color-neutral-background: #ffffff;
12
+ --color-neutral-background-muted: #f8f9fc;
13
+ --color-neutral-background-subtle: #f3f4fa;
14
+ --color-neutral-background-white: #ffffff;
15
+ --color-neutral-card-background: #ffffff;
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;
33
+ --color-neutral-large-tooltip-background: #ffffff;
34
+ --color-neutral-large-tooltip-border: #e0e3f2;
35
+ --color-neutral-small-tooltip-text: #ffffff;
36
+ --color-neutral-small-tooltip-background: #191b22;
37
+ --color-neutral-small-tooltip-border: #242836;
38
+ --color-neutral-overlay: #191b22;
39
+ --color-neutral-field-background: #f8f9fc;
40
+ --color-neutral-text-placeholder: #969eb8;
41
+ --color-primary-text: #1672eb;
42
+ --color-primary-text-interactive: #1672eb;
43
+ --color-primary-icon: #1672eb;
44
+ --color-primary-action: #1672eb;
45
+ --color-primary-action-hover: #5290f9;
46
+ --color-primary-action-active: #1a57da;
47
+ --color-primary-field-border-active: #1672eb;
48
+ --color-primary-border-subtle: #b2c6ff;
49
+ --color-primary-background: #ecf1ff;
50
+ --color-primary-background-subtle: #f0f8ff;
51
+ --color-primary-background-hover: #d8e2ff;
52
+ --color-primary-chip-background: #ecf1ff;
53
+ --color-primary-chip-background-subtle: #f0f8ff;
54
+ --color-primary-chip-background-hover: #d8e2ff;
55
+ --color-primary-chip-text: #1a57da;
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;
63
+ --color-success-text: #008a27;
64
+ --color-success-icon: #008a27;
65
+ --color-success-background: #e4f5e5;
66
+ --color-success-background-hover: #cfe9d1;
67
+ --color-success-background-subtle: #e8f9ef;
68
+ --color-success-background-subtle-hover: #cfe9d1;
69
+ --color-success-background-subtle-active: #80da8d;
70
+ --color-success-chip-background: #e4f5e5;
71
+ --color-success-chip-background-hover: #cfe9d1;
72
+ --color-success-chip-text: #086e08;
73
+ --color-success-border: #00ab46;
74
+ --color-success-border-subtle: #80da8d;
75
+ --color-success-action: #008a27;
76
+ --color-success-action-hover: #00ab46;
77
+ --color-success-action-active: #086e08;
78
+ --color-warning-text: #a96600;
79
+ --color-warning-icon: #f5b315;
80
+ --color-warning-background: #f9f0db;
81
+ --color-warning-background-hover: #f7dfb1;
82
+ --color-warning-background-subtle: #f9f6ea;
83
+ --color-warning-chip-background: #f9f0db;
84
+ --color-warning-chip-background-hover: #f7dfb1;
85
+ --color-warning-chip-text: #8c4e02;
86
+ --color-warning-border: #ca8200;
87
+ --color-warning-border-subtle: #f5b315;
88
+ --color-warning-field-border: #f5b315;
89
+ --color-danger-text: #e3231d;
90
+ --color-danger-icon: #e3231d;
91
+ --color-danger-background: #fff0ec;
92
+ --color-danger-background-hover: #fedad1;
93
+ --color-danger-background-subtle: #fcf2ef;
94
+ --color-danger-background-subtle-hover: #fedad1;
95
+ --color-danger-background-subtle-active: #ffb39f;
96
+ --color-danger-chip-background: #fff0ec;
97
+ --color-danger-chip-background-hover: #fedad1;
98
+ --color-danger-chip-text: #bb0401;
99
+ --color-danger-border: #fa4d37;
100
+ --color-danger-border-subtle: #ffb39f;
101
+ --color-danger-field-border: #fa4d37;
102
+ --color-danger-action: #e3231d;
103
+ --color-danger-action-hover: #fa4d37;
104
+ --color-danger-action-active: #bb0401;
105
+ --color-special-free-plan-background: #ffc89f;
106
+ --color-special-starter-plan-background: #ffdd96;
107
+ --color-special-scale-plan-background: #a1b7ff;
108
+ --color-special-business-plan-background: #a7f2ed;
109
+ --color-special-enterprise-plan-background: #bf97ed;
110
+ --color-rose-light: #f483b5;
111
+ --color-rose-base: #c6387d;
112
+ --color-rose-dark: #781552;
113
+ --color-rose-text: #b6006b;
114
+ --color-buttercup-light: #ffdd96;
115
+ --color-buttercup-base: #f0b21b;
116
+ --color-buttercup-dark: #c37319;
117
+ --color-buttercup-text: #a65d00;
118
+ --color-paprika-light: #e44467;
119
+ --color-paprika-base: #9b0238;
120
+ --color-paprika-dark: #4a0018;
121
+ --color-paprika-text: #ba0044;
122
+ --color-teal-light: #a7f2ed;
123
+ --color-teal-base: #30c0bb;
124
+ --color-teal-dark: #297774;
125
+ --color-teal-text: #018181;
126
+ --color-indigo-light: #a1b7ff;
127
+ --color-indigo-base: #5d85e1;
128
+ --color-indigo-dark: #365494;
129
+ --color-indigo-text: #2563c1;
130
+ --color-slate-light: #c1c5e1;
131
+ --color-slate-base: #8490c4;
132
+ --color-slate-dark: #525c85;
133
+ --color-slate-text: #566087;
134
+ --color-coral-light: #ffc89f;
135
+ --color-coral-base: #fa8136;
136
+ --color-coral-dark: #bb4511;
137
+ --color-coral-text: #c74000;
138
+ --color-lavender-light: #bf97ed;
139
+ --color-lavender-base: #6a14de;
140
+ --color-lavender-dark: #330276;
141
+ --color-lavender-text: #6e00f4;
142
+ --color-bamboo-light: #64cda5;
143
+ --color-bamboo-base: #12966f;
144
+ --color-bamboo-dark: #195d46;
145
+ --color-bamboo-text: #007455;
146
+ `;
147
+ //# sourceMappingURL=light.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"light.js","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/light.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8IrB,CAAC"}
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
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";
5
+ //# sourceMappingURL=palette.dark.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"palette.dark.d.ts","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/palette.dark.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,otEAqElB,CAAC"}
@@ -0,0 +1,74 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+ export const tokens = `
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;
29
+ --palette-yellow-25: #fcdc73;
30
+ --palette-yellow-50: #ffd761;
31
+ --palette-yellow-75: #f9ce4b;
32
+ --palette-yellow-100: #f5bc38;
33
+ --palette-yellow-200: #cf9117;
34
+ --palette-yellow-300: #a56909;
35
+ --palette-yellow-350: #8a4f05;
36
+ --palette-yellow-400: #6d3806;
37
+ --palette-yellow-500: #5d2e0e;
38
+ --palette-yellow-600: #3f1b07;
39
+ --palette-yellow-700: #301806;
40
+ --palette-red-25: #f5a790;
41
+ --palette-red-50: #fe9e8a;
42
+ --palette-red-75: #ff8770;
43
+ --palette-red-100: #ff7157;
44
+ --palette-red-200: #ef6045;
45
+ --palette-red-300: #cf4436;
46
+ --palette-red-350: #aa3229;
47
+ --palette-red-400: #812420;
48
+ --palette-red-500: #672523;
49
+ --palette-red-600: #40191b;
50
+ --palette-red-700: #381719;
51
+ --palette-green-25: #74d584;
52
+ --palette-green-50: #6ccd7c;
53
+ --palette-green-75: #55c06a;
54
+ --palette-green-100: #3bb358;
55
+ --palette-green-200: #23a64a;
56
+ --palette-green-300: #068a35;
57
+ --palette-green-350: #006e29;
58
+ --palette-green-400: #00531e;
59
+ --palette-green-500: #14441f;
60
+ --palette-green-600: #0f2b14;
61
+ --palette-green-700: #09260f;
62
+ --palette-blue-25: #92c0ff;
63
+ --palette-blue-50: #8ebcff;
64
+ --palette-blue-75: #80a9ff;
65
+ --palette-blue-100: #6f9dff;
66
+ --palette-blue-200: #5990ff;
67
+ --palette-blue-300: #3970d7;
68
+ --palette-blue-350: #295cbb;
69
+ --palette-blue-400: #194594;
70
+ --palette-blue-500: #1a3a78;
71
+ --palette-blue-600: #0d2550;
72
+ --palette-blue-700: #151d34;
73
+ `;
74
+ //# sourceMappingURL=palette.dark.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"palette.dark.js","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/palette.dark.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqErB,CAAC"}
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
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";
5
+ //# sourceMappingURL=palette.light.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"palette.light.d.ts","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/palette.light.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,otEAqElB,CAAC"}
@@ -0,0 +1,74 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+ export const tokens = `
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;
29
+ --palette-yellow-25: #f9f6ea;
30
+ --palette-yellow-50: #f9f0db;
31
+ --palette-yellow-75: #f7e8c4;
32
+ --palette-yellow-100: #f7dfb1;
33
+ --palette-yellow-200: #f5b315;
34
+ --palette-yellow-300: #e39c04;
35
+ --palette-yellow-350: #d58e00;
36
+ --palette-yellow-400: #ca8200;
37
+ --palette-yellow-500: #a96600;
38
+ --palette-yellow-600: #8c4e02;
39
+ --palette-yellow-700: #864906;
40
+ --palette-red-25: #fcf2ef;
41
+ --palette-red-50: #fff0ec;
42
+ --palette-red-75: #ffe3dc;
43
+ --palette-red-100: #fedad1;
44
+ --palette-red-200: #ffb39f;
45
+ --palette-red-300: #ff886e;
46
+ --palette-red-350: #fc7156;
47
+ --palette-red-400: #fa4d37;
48
+ --palette-red-500: #e3231d;
49
+ --palette-red-600: #bb0401;
50
+ --palette-red-700: #af0600;
51
+ --palette-green-25: #e8f9ef;
52
+ --palette-green-50: #e4f5e5;
53
+ --palette-green-75: #daefdc;
54
+ --palette-green-100: #cfe9d1;
55
+ --palette-green-200: #80da8d;
56
+ --palette-green-300: #46c263;
57
+ --palette-green-350: #22b551;
58
+ --palette-green-400: #00ab46;
59
+ --palette-green-500: #008a27;
60
+ --palette-green-600: #086e08;
61
+ --palette-green-700: #176b08;
62
+ --palette-blue-25: #f0f8ff;
63
+ --palette-blue-50: #ecf1ff;
64
+ --palette-blue-75: #e1eaff;
65
+ --palette-blue-100: #d8e2ff;
66
+ --palette-blue-200: #b2c6ff;
67
+ --palette-blue-300: #88abfe;
68
+ --palette-blue-350: #709efd;
69
+ --palette-blue-400: #5290f9;
70
+ --palette-blue-500: #1672eb;
71
+ --palette-blue-600: #1a57da;
72
+ --palette-blue-700: #224ed5;
73
+ `;
74
+ //# sourceMappingURL=palette.light.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"palette.light.js","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/palette.light.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqErB,CAAC"}
@@ -0,0 +1,179 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+ export declare const colorProperties: {
5
+ readonly neutral: {
6
+ readonly text: "var(--color-neutral-text)";
7
+ readonly textMuted: "var(--color-neutral-text-muted)";
8
+ readonly textSubtle: "var(--color-neutral-text-subtle)";
9
+ readonly textDisabled: "var(--color-neutral-text-disabled)";
10
+ readonly textOnPrimary: "var(--color-neutral-text-on-primary)";
11
+ readonly iconOnPrimary: "var(--color-neutral-icon-on-primary)";
12
+ readonly background: "var(--color-neutral-background)";
13
+ readonly backgroundMuted: "var(--color-neutral-background-muted)";
14
+ readonly backgroundSubtle: "var(--color-neutral-background-subtle)";
15
+ readonly backgroundWhite: "var(--color-neutral-background-white)";
16
+ readonly cardBackground: "var(--color-neutral-card-background)";
17
+ readonly cardBackgroundHover: "var(--color-neutral-card-background-hover)";
18
+ readonly border: "var(--color-neutral-border)";
19
+ readonly separatorSubtle: "var(--color-neutral-separator-subtle)";
20
+ readonly hover: "var(--color-neutral-hover)";
21
+ readonly disabled: "var(--color-neutral-disabled)";
22
+ readonly overflow: "var(--color-neutral-overflow)";
23
+ readonly icon: "var(--color-neutral-icon)";
24
+ readonly iconSubtle: "var(--color-neutral-icon-subtle)";
25
+ readonly iconDisabled: "var(--color-neutral-icon-disabled)";
26
+ readonly fieldBorder: "var(--color-neutral-field-border)";
27
+ readonly actionSecondary: "var(--color-neutral-action-secondary)";
28
+ readonly actionSecondaryHover: "var(--color-neutral-action-secondary-hover)";
29
+ readonly actionSecondaryActive: "var(--color-neutral-action-secondary-active)";
30
+ readonly chipBackground: "var(--color-neutral-chip-background)";
31
+ readonly chipBackgroundHover: "var(--color-neutral-chip-background-hover)";
32
+ readonly chipBackgroundActive: "var(--color-neutral-chip-background-active)";
33
+ readonly chipBackgroundDisabled: "var(--color-neutral-chip-background-disabled)";
34
+ readonly largeTooltipBackground: "var(--color-neutral-large-tooltip-background)";
35
+ readonly largeTooltipBorder: "var(--color-neutral-large-tooltip-border)";
36
+ readonly smallTooltipText: "var(--color-neutral-small-tooltip-text)";
37
+ readonly smallTooltipBackground: "var(--color-neutral-small-tooltip-background)";
38
+ readonly smallTooltipBorder: "var(--color-neutral-small-tooltip-border)";
39
+ readonly overlay: "var(--color-neutral-overlay)";
40
+ readonly fieldBackground: "var(--color-neutral-field-background)";
41
+ readonly textPlaceholder: "var(--color-neutral-text-placeholder)";
42
+ };
43
+ readonly primary: {
44
+ readonly text: "var(--color-primary-text)";
45
+ readonly textInteractive: "var(--color-primary-text-interactive)";
46
+ readonly icon: "var(--color-primary-icon)";
47
+ readonly action: "var(--color-primary-action)";
48
+ readonly actionHover: "var(--color-primary-action-hover)";
49
+ readonly actionActive: "var(--color-primary-action-active)";
50
+ readonly fieldBorderActive: "var(--color-primary-field-border-active)";
51
+ readonly borderSubtle: "var(--color-primary-border-subtle)";
52
+ readonly background: "var(--color-primary-background)";
53
+ readonly backgroundSubtle: "var(--color-primary-background-subtle)";
54
+ readonly backgroundHover: "var(--color-primary-background-hover)";
55
+ readonly chipBackground: "var(--color-primary-chip-background)";
56
+ readonly chipBackgroundSubtle: "var(--color-primary-chip-background-subtle)";
57
+ readonly chipBackgroundHover: "var(--color-primary-chip-background-hover)";
58
+ readonly chipText: "var(--color-primary-chip-text)";
59
+ readonly shadowActive: "var(--color-primary-shadow-active)";
60
+ };
61
+ readonly primaryBlack: {
62
+ readonly action: "var(--color-primary-black-action)";
63
+ readonly actionHover: "var(--color-primary-black-action-hover)";
64
+ readonly actionActive: "var(--color-primary-black-action-active)";
65
+ readonly background: "var(--color-primary-black-background)";
66
+ readonly backgroundHover: "var(--color-primary-black-background-hover)";
67
+ readonly chipText: "var(--color-primary-black-chip-text)";
68
+ };
69
+ readonly success: {
70
+ readonly text: "var(--color-success-text)";
71
+ readonly icon: "var(--color-success-icon)";
72
+ readonly background: "var(--color-success-background)";
73
+ readonly backgroundHover: "var(--color-success-background-hover)";
74
+ readonly backgroundSubtle: "var(--color-success-background-subtle)";
75
+ readonly backgroundSubtleHover: "var(--color-success-background-subtle-hover)";
76
+ readonly backgroundSubtleActive: "var(--color-success-background-subtle-active)";
77
+ readonly chipBackground: "var(--color-success-chip-background)";
78
+ readonly chipBackgroundHover: "var(--color-success-chip-background-hover)";
79
+ readonly chipText: "var(--color-success-chip-text)";
80
+ readonly border: "var(--color-success-border)";
81
+ readonly borderSubtle: "var(--color-success-border-subtle)";
82
+ readonly action: "var(--color-success-action)";
83
+ readonly actionHover: "var(--color-success-action-hover)";
84
+ readonly actionActive: "var(--color-success-action-active)";
85
+ };
86
+ readonly warning: {
87
+ readonly text: "var(--color-warning-text)";
88
+ readonly icon: "var(--color-warning-icon)";
89
+ readonly background: "var(--color-warning-background)";
90
+ readonly backgroundHover: "var(--color-warning-background-hover)";
91
+ readonly backgroundSubtle: "var(--color-warning-background-subtle)";
92
+ readonly chipBackground: "var(--color-warning-chip-background)";
93
+ readonly chipBackgroundHover: "var(--color-warning-chip-background-hover)";
94
+ readonly chipText: "var(--color-warning-chip-text)";
95
+ readonly border: "var(--color-warning-border)";
96
+ readonly borderSubtle: "var(--color-warning-border-subtle)";
97
+ readonly fieldBorder: "var(--color-warning-field-border)";
98
+ };
99
+ readonly danger: {
100
+ readonly text: "var(--color-danger-text)";
101
+ readonly icon: "var(--color-danger-icon)";
102
+ readonly background: "var(--color-danger-background)";
103
+ readonly backgroundHover: "var(--color-danger-background-hover)";
104
+ readonly backgroundSubtle: "var(--color-danger-background-subtle)";
105
+ readonly backgroundSubtleHover: "var(--color-danger-background-subtle-hover)";
106
+ readonly backgroundSubtleActive: "var(--color-danger-background-subtle-active)";
107
+ readonly chipBackground: "var(--color-danger-chip-background)";
108
+ readonly chipBackgroundHover: "var(--color-danger-chip-background-hover)";
109
+ readonly chipText: "var(--color-danger-chip-text)";
110
+ readonly border: "var(--color-danger-border)";
111
+ readonly borderSubtle: "var(--color-danger-border-subtle)";
112
+ readonly fieldBorder: "var(--color-danger-field-border)";
113
+ readonly action: "var(--color-danger-action)";
114
+ readonly actionHover: "var(--color-danger-action-hover)";
115
+ readonly actionActive: "var(--color-danger-action-active)";
116
+ };
117
+ readonly special: {
118
+ readonly freePlanBackground: "var(--color-special-free-plan-background)";
119
+ readonly starterPlanBackground: "var(--color-special-starter-plan-background)";
120
+ readonly scalePlanBackground: "var(--color-special-scale-plan-background)";
121
+ readonly businessPlanBackground: "var(--color-special-business-plan-background)";
122
+ readonly enterprisePlanBackground: "var(--color-special-enterprise-plan-background)";
123
+ };
124
+ readonly rose: {
125
+ readonly light: "var(--color-rose-light)";
126
+ readonly base: "var(--color-rose-base)";
127
+ readonly dark: "var(--color-rose-dark)";
128
+ readonly text: "var(--color-rose-text)";
129
+ };
130
+ readonly buttercup: {
131
+ readonly light: "var(--color-buttercup-light)";
132
+ readonly base: "var(--color-buttercup-base)";
133
+ readonly dark: "var(--color-buttercup-dark)";
134
+ readonly text: "var(--color-buttercup-text)";
135
+ };
136
+ readonly paprika: {
137
+ readonly light: "var(--color-paprika-light)";
138
+ readonly base: "var(--color-paprika-base)";
139
+ readonly dark: "var(--color-paprika-dark)";
140
+ readonly text: "var(--color-paprika-text)";
141
+ };
142
+ readonly teal: {
143
+ readonly light: "var(--color-teal-light)";
144
+ readonly base: "var(--color-teal-base)";
145
+ readonly dark: "var(--color-teal-dark)";
146
+ readonly text: "var(--color-teal-text)";
147
+ };
148
+ readonly indigo: {
149
+ readonly light: "var(--color-indigo-light)";
150
+ readonly base: "var(--color-indigo-base)";
151
+ readonly dark: "var(--color-indigo-dark)";
152
+ readonly text: "var(--color-indigo-text)";
153
+ };
154
+ readonly slate: {
155
+ readonly light: "var(--color-slate-light)";
156
+ readonly base: "var(--color-slate-base)";
157
+ readonly dark: "var(--color-slate-dark)";
158
+ readonly text: "var(--color-slate-text)";
159
+ };
160
+ readonly coral: {
161
+ readonly light: "var(--color-coral-light)";
162
+ readonly base: "var(--color-coral-base)";
163
+ readonly dark: "var(--color-coral-dark)";
164
+ readonly text: "var(--color-coral-text)";
165
+ };
166
+ readonly lavender: {
167
+ readonly light: "var(--color-lavender-light)";
168
+ readonly base: "var(--color-lavender-base)";
169
+ readonly dark: "var(--color-lavender-dark)";
170
+ readonly text: "var(--color-lavender-text)";
171
+ };
172
+ readonly bamboo: {
173
+ readonly light: "var(--color-bamboo-light)";
174
+ readonly base: "var(--color-bamboo-base)";
175
+ readonly dark: "var(--color-bamboo-dark)";
176
+ readonly text: "var(--color-bamboo-text)";
177
+ };
178
+ };
179
+ //# sourceMappingURL=properties_theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"properties_theme.d.ts","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/properties_theme.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8KlB,CAAC"}