@apify/ui-library 0.74.1 → 0.74.2-featcolortokens-178953.24
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.
- package/README.md +18 -5
- package/dist/src/design_system/colors/generated/colors_theme.dark.d.ts +110 -0
- package/dist/src/design_system/colors/generated/colors_theme.dark.d.ts.map +1 -0
- package/dist/src/design_system/colors/generated/colors_theme.dark.js +110 -0
- package/dist/src/design_system/colors/generated/colors_theme.dark.js.map +1 -0
- package/dist/src/design_system/colors/generated/colors_theme.light.d.ts +110 -0
- package/dist/src/design_system/colors/generated/colors_theme.light.d.ts.map +1 -0
- package/dist/src/design_system/colors/generated/colors_theme.light.js +110 -0
- package/dist/src/design_system/colors/generated/colors_theme.light.js.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables.dark.d.ts +5 -0
- package/dist/src/design_system/colors/generated/css_variables.dark.d.ts.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables.dark.js +147 -0
- package/dist/src/design_system/colors/generated/css_variables.dark.js.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables.light.d.ts +5 -0
- package/dist/src/design_system/colors/generated/css_variables.light.d.ts.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables.light.js +147 -0
- package/dist/src/design_system/colors/generated/css_variables.light.js.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.dark.d.ts +5 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.dark.d.ts.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.dark.js +74 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.dark.js.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.light.d.ts +5 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.light.d.ts.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.light.js +74 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.light.js.map +1 -0
- package/dist/src/design_system/{properties_theme.d.ts → colors/generated/properties_theme.d.ts} +18 -14
- package/dist/src/design_system/colors/generated/properties_theme.d.ts.map +1 -0
- package/dist/src/design_system/{properties_theme.js → colors/generated/properties_theme.js} +18 -154
- package/dist/src/design_system/colors/generated/properties_theme.js.map +1 -0
- package/dist/src/design_system/colors/index.d.ts +8 -0
- package/dist/src/design_system/colors/index.d.ts.map +1 -0
- package/dist/src/design_system/colors/index.js +8 -0
- package/dist/src/design_system/colors/index.js.map +1 -0
- package/dist/src/design_system/theme.d.ts +88 -87
- package/dist/src/design_system/theme.d.ts.map +1 -1
- package/dist/src/design_system/theme.js +1 -2
- package/dist/src/design_system/theme.js.map +1 -1
- package/dist/src/index.d.ts +1 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +1 -0
- package/dist/src/index.js.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +10 -4
- package/src/design_system/colors/build_color_tokens.js +183 -0
- package/src/design_system/colors/figma_color_tokens.dark.json +886 -0
- package/src/design_system/colors/figma_color_tokens.light.json +886 -0
- package/src/design_system/colors/generated/colors_theme.dark.ts +110 -0
- package/src/design_system/{colors_theme.ts → colors/generated/colors_theme.light.ts} +40 -143
- package/src/design_system/colors/generated/css_variables.dark.ts +147 -0
- package/src/design_system/colors/generated/css_variables.light.ts +147 -0
- package/src/design_system/colors/generated/css_variables_palette.dark.ts +74 -0
- package/src/design_system/colors/generated/css_variables_palette.light.ts +74 -0
- package/src/design_system/{properties_theme.ts → colors/generated/properties_theme.ts} +19 -293
- package/src/design_system/colors/index.ts +7 -0
- package/src/design_system/theme.ts +1 -2
- package/src/index.ts +1 -0
- package/style/colors/dark.scss +148 -0
- package/style/colors/light.scss +148 -0
- package/style/colors/palette.dark.scss +75 -0
- package/style/colors/palette.light.scss +75 -0
- package/.stylelintrc +0 -12
- package/CHANGELOG.md +0 -3408
- package/CODEOWNERS +0 -7
- package/dist/src/design_system/colors_theme.d.ts +0 -213
- package/dist/src/design_system/colors_theme.d.ts.map +0 -1
- package/dist/src/design_system/colors_theme.js +0 -213
- package/dist/src/design_system/colors_theme.js.map +0 -1
- package/dist/src/design_system/properties_theme.d.ts.map +0 -1
- package/dist/src/design_system/properties_theme.js.map +0 -1
- package/eslint.config.mjs +0 -44
- package/src/codemods/generate_color_property_tokens.mjs +0 -98
- package/src/codemods/generate_color_theme_files.mjs +0 -47
- package/src/design_system/generate_color_definitions.js +0 -44
- package/src/design_system/supernova_color_tokens.json +0 -1766
- package/tsconfig.build.json +0 -17
- package/tsconfig.json +0 -10
|
@@ -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=css_variables.light.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"css_variables.light.d.ts","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables.light.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,+rLA8IlB,CAAC"}
|
|
@@ -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=css_variables.light.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"css_variables.light.js","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables.light.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8IrB,CAAC"}
|
|
@@ -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=css_variables_palette.dark.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"css_variables_palette.dark.d.ts","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables_palette.dark.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,otEAqElB,CAAC"}
|
|
@@ -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=css_variables_palette.dark.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"css_variables_palette.dark.js","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables_palette.dark.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqErB,CAAC"}
|
|
@@ -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=css_variables_palette.light.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"css_variables_palette.light.d.ts","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables_palette.light.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,otEAqElB,CAAC"}
|
|
@@ -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=css_variables_palette.light.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"css_variables_palette.light.js","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables_palette.light.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqErB,CAAC"}
|
package/dist/src/design_system/{properties_theme.d.ts → colors/generated/properties_theme.d.ts}
RENAMED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
1
4
|
export declare const colorProperties: {
|
|
2
5
|
readonly neutral: {
|
|
3
6
|
readonly text: "var(--color-neutral-text)";
|
|
@@ -45,15 +48,15 @@ export declare const colorProperties: {
|
|
|
45
48
|
readonly actionHover: "var(--color-primary-action-hover)";
|
|
46
49
|
readonly actionActive: "var(--color-primary-action-active)";
|
|
47
50
|
readonly fieldBorderActive: "var(--color-primary-field-border-active)";
|
|
51
|
+
readonly borderSubtle: "var(--color-primary-border-subtle)";
|
|
48
52
|
readonly background: "var(--color-primary-background)";
|
|
49
|
-
readonly backgroundHover: "var(--color-primary-background-hover)";
|
|
50
53
|
readonly backgroundSubtle: "var(--color-primary-background-subtle)";
|
|
54
|
+
readonly backgroundHover: "var(--color-primary-background-hover)";
|
|
51
55
|
readonly chipBackground: "var(--color-primary-chip-background)";
|
|
52
56
|
readonly chipBackgroundSubtle: "var(--color-primary-chip-background-subtle)";
|
|
53
57
|
readonly chipBackgroundHover: "var(--color-primary-chip-background-hover)";
|
|
54
58
|
readonly chipText: "var(--color-primary-chip-text)";
|
|
55
59
|
readonly shadowActive: "var(--color-primary-shadow-active)";
|
|
56
|
-
readonly borderSubtle: "var(--color-primary-border-subtle)";
|
|
57
60
|
};
|
|
58
61
|
readonly primaryBlack: {
|
|
59
62
|
readonly action: "var(--color-primary-black-action)";
|
|
@@ -71,14 +74,14 @@ export declare const colorProperties: {
|
|
|
71
74
|
readonly backgroundSubtle: "var(--color-success-background-subtle)";
|
|
72
75
|
readonly backgroundSubtleHover: "var(--color-success-background-subtle-hover)";
|
|
73
76
|
readonly backgroundSubtleActive: "var(--color-success-background-subtle-active)";
|
|
74
|
-
readonly border: "var(--color-success-border)";
|
|
75
|
-
readonly action: "var(--color-success-action)";
|
|
76
|
-
readonly actionHover: "var(--color-success-action-hover)";
|
|
77
|
-
readonly actionActive: "var(--color-success-action-active)";
|
|
78
77
|
readonly chipBackground: "var(--color-success-chip-background)";
|
|
79
78
|
readonly chipBackgroundHover: "var(--color-success-chip-background-hover)";
|
|
80
79
|
readonly chipText: "var(--color-success-chip-text)";
|
|
80
|
+
readonly border: "var(--color-success-border)";
|
|
81
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)";
|
|
82
85
|
};
|
|
83
86
|
readonly warning: {
|
|
84
87
|
readonly text: "var(--color-warning-text)";
|
|
@@ -86,11 +89,12 @@ export declare const colorProperties: {
|
|
|
86
89
|
readonly background: "var(--color-warning-background)";
|
|
87
90
|
readonly backgroundHover: "var(--color-warning-background-hover)";
|
|
88
91
|
readonly backgroundSubtle: "var(--color-warning-background-subtle)";
|
|
89
|
-
readonly fieldborder: "var(--color-warning-field-border)";
|
|
90
92
|
readonly chipBackground: "var(--color-warning-chip-background)";
|
|
91
93
|
readonly chipBackgroundHover: "var(--color-warning-chip-background-hover)";
|
|
92
94
|
readonly chipText: "var(--color-warning-chip-text)";
|
|
95
|
+
readonly border: "var(--color-warning-border)";
|
|
93
96
|
readonly borderSubtle: "var(--color-warning-border-subtle)";
|
|
97
|
+
readonly fieldBorder: "var(--color-warning-field-border)";
|
|
94
98
|
};
|
|
95
99
|
readonly danger: {
|
|
96
100
|
readonly text: "var(--color-danger-text)";
|
|
@@ -100,22 +104,22 @@ export declare const colorProperties: {
|
|
|
100
104
|
readonly backgroundSubtle: "var(--color-danger-background-subtle)";
|
|
101
105
|
readonly backgroundSubtleHover: "var(--color-danger-background-subtle-hover)";
|
|
102
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)";
|
|
103
110
|
readonly border: "var(--color-danger-border)";
|
|
111
|
+
readonly borderSubtle: "var(--color-danger-border-subtle)";
|
|
104
112
|
readonly fieldBorder: "var(--color-danger-field-border)";
|
|
105
113
|
readonly action: "var(--color-danger-action)";
|
|
106
114
|
readonly actionHover: "var(--color-danger-action-hover)";
|
|
107
115
|
readonly actionActive: "var(--color-danger-action-active)";
|
|
108
|
-
readonly chipBackground: "var(--color-danger-chip-background)";
|
|
109
|
-
readonly chipBackgroundHover: "var(--color-danger-chip-background-hover)";
|
|
110
|
-
readonly chipText: "var(--color-danger-chip-text)";
|
|
111
|
-
readonly borderSubtle: "var(--color-danger-border-subtle)";
|
|
112
116
|
};
|
|
113
117
|
readonly special: {
|
|
118
|
+
readonly freePlanBackground: "var(--color-special-free-plan-background)";
|
|
114
119
|
readonly starterPlanBackground: "var(--color-special-starter-plan-background)";
|
|
115
|
-
readonly enterprisePlanBackground: "var(--color-special-enterprise-plan-background)";
|
|
116
|
-
readonly businessPlanBackground: "var(--color-special-business-plan-background)";
|
|
117
120
|
readonly scalePlanBackground: "var(--color-special-scale-plan-background)";
|
|
118
|
-
readonly
|
|
121
|
+
readonly businessPlanBackground: "var(--color-special-business-plan-background)";
|
|
122
|
+
readonly enterprisePlanBackground: "var(--color-special-enterprise-plan-background)";
|
|
119
123
|
};
|
|
120
124
|
readonly rose: {
|
|
121
125
|
readonly light: "var(--color-rose-light)";
|
|
@@ -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"}
|