@netlify/spark-ui 2.0.0 → 3.0.0-alpha.1
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 +3 -1
- package/package.json +1 -1
- package/packages/styles/app/color.rgb.css +185 -0
- package/packages/styles/app/shadow.css +8 -0
- package/packages/styles/tokens.compat.css +161 -0
- package/packages/styles/tokens.css +251 -90
- package/packages/styles/app.css +0 -189
package/README.md
CHANGED
|
@@ -79,7 +79,9 @@ Tokens are converted into CSS variables using the [terrazzo](https://terrazzo.ap
|
|
|
79
79
|
|
|
80
80
|
### App tokens
|
|
81
81
|
|
|
82
|
-
`@netlify/spark-ui/styles/app
|
|
82
|
+
`@netlify/spark-ui/styles/app/*.css` and `@netlify/spark-ui/tokens/app` publish app.netlify.com's tokens under the names and file layout it has always read from `@netlify/netlify-design-tokens`: `color.rgb.css` has the `--colorRgbFacets*` RGB channels (with a `[data-brand="hues"]` block), `shadow.css` has `--effectShadow*`, and `tokens/app` has JS exports of hex colors, font sizes, weights, families and radii. `scripts/app-tokens-plugin.mjs` writes them during `build:tokens`.
|
|
83
|
+
|
|
84
|
+
To publish another CSS file, add it to `cssFiles` in `terrazzo.config.mjs` with the tokens it holds (`'palette'`, or a token ID prefix such as `'app.effect.shadow'`) and, optionally, a `format` (`'rgb'` writes a color's channels). Tokens the hues brand changes get a `[data-brand="hues"]` block automatically.
|
|
83
85
|
|
|
84
86
|
### Themes and brands
|
|
85
87
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@netlify/spark-ui",
|
|
3
3
|
"description": "Assets, design tokens, components, and utilities",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "3.0.0-alpha.1",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/components/preact/index.js",
|
|
7
7
|
"types": "dist/components/preact/index.d.ts",
|
|
@@ -0,0 +1,185 @@
|
|
|
1
|
+
/* Autogenerated by scripts/app-tokens-plugin.mjs. DO NOT EDIT! */
|
|
2
|
+
|
|
3
|
+
:root {
|
|
4
|
+
--colorRgbFacetsBlue000: 237 244 255;
|
|
5
|
+
--colorRgbFacetsBlue100: 205 226 255;
|
|
6
|
+
--colorRgbFacetsBlue200: 181 210 251;
|
|
7
|
+
--colorRgbFacetsBlue300: 156 190 246;
|
|
8
|
+
--colorRgbFacetsBlue400: 128 171 250;
|
|
9
|
+
--colorRgbFacetsBlue500: 93 141 245;
|
|
10
|
+
--colorRgbFacetsBlue600: 49 107 244;
|
|
11
|
+
--colorRgbFacetsBlue700: 46 81 237;
|
|
12
|
+
--colorRgbFacetsBlue800: 32 54 161;
|
|
13
|
+
--colorRgbFacetsBlue900: 27 32 91;
|
|
14
|
+
--colorRgbFacetsGold000: 253 245 216;
|
|
15
|
+
--colorRgbFacetsGold100: 246 224 165;
|
|
16
|
+
--colorRgbFacetsGold200: 250 205 111;
|
|
17
|
+
--colorRgbFacetsGold300: 251 177 61;
|
|
18
|
+
--colorRgbFacetsGold400: 249 142 33;
|
|
19
|
+
--colorRgbFacetsGold500: 213 119 26;
|
|
20
|
+
--colorRgbFacetsGold600: 168 93 19;
|
|
21
|
+
--colorRgbFacetsGold700: 140 76 13;
|
|
22
|
+
--colorRgbFacetsGold800: 96 52 8;
|
|
23
|
+
--colorRgbFacetsGold900: 51 34 19;
|
|
24
|
+
--colorRgbFacetsGreen000: 231 252 233;
|
|
25
|
+
--colorRgbFacetsGreen100: 190 249 198;
|
|
26
|
+
--colorRgbFacetsGreen200: 147 245 165;
|
|
27
|
+
--colorRgbFacetsGreen300: 100 216 127;
|
|
28
|
+
--colorRgbFacetsGreen400: 58 195 100;
|
|
29
|
+
--colorRgbFacetsGreen500: 49 168 85;
|
|
30
|
+
--colorRgbFacetsGreen600: 34 130 64;
|
|
31
|
+
--colorRgbFacetsGreen700: 26 107 52;
|
|
32
|
+
--colorRgbFacetsGreen800: 15 74 33;
|
|
33
|
+
--colorRgbFacetsGreen900: 21 42 25;
|
|
34
|
+
--colorRgbFacetsNeutralDark000: 255 255 255;
|
|
35
|
+
--colorRgbFacetsNeutralDark100: 230 236 242;
|
|
36
|
+
--colorRgbFacetsNeutralDark200: 171 181 191;
|
|
37
|
+
--colorRgbFacetsNeutralDark300: 126 135 146;
|
|
38
|
+
--colorRgbFacetsNeutralDark400: 77 86 95;
|
|
39
|
+
--colorRgbFacetsNeutralDark500: 59 67 76;
|
|
40
|
+
--colorRgbFacetsNeutralDark600: 39 47 56;
|
|
41
|
+
--colorRgbFacetsNeutralDark700: 30 36 44;
|
|
42
|
+
--colorRgbFacetsNeutralDark800: 18 24 31;
|
|
43
|
+
--colorRgbFacetsNeutralDark900: 6 11 16;
|
|
44
|
+
--colorRgbFacetsNeutralLight000: 255 255 255;
|
|
45
|
+
--colorRgbFacetsNeutralLight100: 246 246 247;
|
|
46
|
+
--colorRgbFacetsNeutralLight200: 233 235 237;
|
|
47
|
+
--colorRgbFacetsNeutralLight300: 209 213 218;
|
|
48
|
+
--colorRgbFacetsNeutralLight400: 157 167 178;
|
|
49
|
+
--colorRgbFacetsNeutralLight500: 119 128 137;
|
|
50
|
+
--colorRgbFacetsNeutralLight600: 84 90 97;
|
|
51
|
+
--colorRgbFacetsNeutralLight700: 53 58 62;
|
|
52
|
+
--colorRgbFacetsNeutralLight800: 24 26 28;
|
|
53
|
+
--colorRgbFacetsPink000: 252 240 251;
|
|
54
|
+
--colorRgbFacetsPink100: 246 210 242;
|
|
55
|
+
--colorRgbFacetsPink200: 247 188 243;
|
|
56
|
+
--colorRgbFacetsPink300: 243 168 238;
|
|
57
|
+
--colorRgbFacetsPink400: 239 127 235;
|
|
58
|
+
--colorRgbFacetsPink500: 223 90 220;
|
|
59
|
+
--colorRgbFacetsPink600: 185 56 184;
|
|
60
|
+
--colorRgbFacetsPink700: 154 45 153;
|
|
61
|
+
--colorRgbFacetsPink800: 108 29 107;
|
|
62
|
+
--colorRgbFacetsPink900: 56 27 55;
|
|
63
|
+
--colorRgbFacetsPurple000: 245 242 252;
|
|
64
|
+
--colorRgbFacetsPurple100: 226 217 247;
|
|
65
|
+
--colorRgbFacetsPurple200: 216 199 255;
|
|
66
|
+
--colorRgbFacetsPurple300: 202 185 244;
|
|
67
|
+
--colorRgbFacetsPurple400: 180 157 241;
|
|
68
|
+
--colorRgbFacetsPurple500: 155 128 237;
|
|
69
|
+
--colorRgbFacetsPurple600: 119 92 231;
|
|
70
|
+
--colorRgbFacetsPurple700: 97 74 202;
|
|
71
|
+
--colorRgbFacetsPurple800: 56 42 164;
|
|
72
|
+
--colorRgbFacetsPurple900: 41 33 66;
|
|
73
|
+
--colorRgbFacetsRed000: 251 238 237;
|
|
74
|
+
--colorRgbFacetsRed100: 251 211 208;
|
|
75
|
+
--colorRgbFacetsRed200: 255 189 186;
|
|
76
|
+
--colorRgbFacetsRed300: 255 173 169;
|
|
77
|
+
--colorRgbFacetsRed400: 254 131 130;
|
|
78
|
+
--colorRgbFacetsRed500: 254 78 92;
|
|
79
|
+
--colorRgbFacetsRed600: 214 39 64;
|
|
80
|
+
--colorRgbFacetsRed700: 175 37 54;
|
|
81
|
+
--colorRgbFacetsRed800: 128 10 32;
|
|
82
|
+
--colorRgbFacetsRed900: 61 28 27;
|
|
83
|
+
--colorRgbFacetsTeal000: 222 255 254;
|
|
84
|
+
--colorRgbFacetsTeal100: 142 251 247;
|
|
85
|
+
--colorRgbFacetsTeal200: 50 230 226;
|
|
86
|
+
--colorRgbFacetsTeal300: 20 216 212;
|
|
87
|
+
--colorRgbFacetsTeal400: 5 189 186;
|
|
88
|
+
--colorRgbFacetsTeal500: 4 162 159;
|
|
89
|
+
--colorRgbFacetsTeal600: 2 128 125;
|
|
90
|
+
--colorRgbFacetsTeal700: 1 105 104;
|
|
91
|
+
--colorRgbFacetsTeal800: 1 72 71;
|
|
92
|
+
--colorRgbFacetsTeal900: 12 42 42;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
[data-brand="hues"] {
|
|
96
|
+
--colorRgbFacetsBlue000: 243 247 255;
|
|
97
|
+
--colorRgbFacetsBlue100: 204 222 255;
|
|
98
|
+
--colorRgbFacetsBlue200: 204 222 255;
|
|
99
|
+
--colorRgbFacetsBlue300: 164 196 255;
|
|
100
|
+
--colorRgbFacetsBlue400: 122 168 254;
|
|
101
|
+
--colorRgbFacetsBlue500: 77 137 253;
|
|
102
|
+
--colorRgbFacetsBlue600: 6 94 255;
|
|
103
|
+
--colorRgbFacetsBlue700: 6 94 255;
|
|
104
|
+
--colorRgbFacetsBlue800: 0 54 160;
|
|
105
|
+
--colorRgbFacetsBlue900: 0 37 115;
|
|
106
|
+
--colorRgbFacetsGold000: 254 238 209;
|
|
107
|
+
--colorRgbFacetsGold100: 255 222 160;
|
|
108
|
+
--colorRgbFacetsGold200: 253 203 101;
|
|
109
|
+
--colorRgbFacetsGold300: 253 203 101;
|
|
110
|
+
--colorRgbFacetsGold400: 195 153 64;
|
|
111
|
+
--colorRgbFacetsGold500: 195 153 64;
|
|
112
|
+
--colorRgbFacetsGold600: 140 105 25;
|
|
113
|
+
--colorRgbFacetsGold700: 140 105 25;
|
|
114
|
+
--colorRgbFacetsGold800: 87 62 2;
|
|
115
|
+
--colorRgbFacetsGold900: 37 24 0;
|
|
116
|
+
--colorRgbFacetsGreen000: 236 252 239;
|
|
117
|
+
--colorRgbFacetsGreen100: 207 240 214;
|
|
118
|
+
--colorRgbFacetsGreen200: 176 227 189;
|
|
119
|
+
--colorRgbFacetsGreen300: 109 199 136;
|
|
120
|
+
--colorRgbFacetsGreen400: 63 182 107;
|
|
121
|
+
--colorRgbFacetsGreen500: 63 182 107;
|
|
122
|
+
--colorRgbFacetsGreen600: 36 142 79;
|
|
123
|
+
--colorRgbFacetsGreen700: 3 105 52;
|
|
124
|
+
--colorRgbFacetsGreen800: 1 68 31;
|
|
125
|
+
--colorRgbFacetsGreen900: 0 34 12;
|
|
126
|
+
--colorRgbFacetsNeutralDark000: 255 255 255;
|
|
127
|
+
--colorRgbFacetsNeutralDark100: 244 247 249;
|
|
128
|
+
--colorRgbFacetsNeutralDark200: 163 176 181;
|
|
129
|
+
--colorRgbFacetsNeutralDark300: 122 137 143;
|
|
130
|
+
--colorRgbFacetsNeutralDark400: 55 72 78;
|
|
131
|
+
--colorRgbFacetsNeutralDark500: 55 72 78;
|
|
132
|
+
--colorRgbFacetsNeutralDark600: 1 50 71;
|
|
133
|
+
--colorRgbFacetsNeutralDark700: 7 27 34;
|
|
134
|
+
--colorRgbFacetsNeutralDark800: 7 27 34;
|
|
135
|
+
--colorRgbFacetsNeutralDark900: 3 15 20;
|
|
136
|
+
--colorRgbFacetsNeutralLight000: 255 255 255;
|
|
137
|
+
--colorRgbFacetsNeutralLight100: 243 244 244;
|
|
138
|
+
--colorRgbFacetsNeutralLight200: 234 237 238;
|
|
139
|
+
--colorRgbFacetsNeutralLight300: 207 217 221;
|
|
140
|
+
--colorRgbFacetsNeutralLight400: 163 176 181;
|
|
141
|
+
--colorRgbFacetsNeutralLight500: 122 137 143;
|
|
142
|
+
--colorRgbFacetsNeutralLight600: 82 100 106;
|
|
143
|
+
--colorRgbFacetsNeutralLight700: 45 65 72;
|
|
144
|
+
--colorRgbFacetsNeutralLight800: 7 27 34;
|
|
145
|
+
--colorRgbFacetsPink000: 255 243 247;
|
|
146
|
+
--colorRgbFacetsPink100: 255 217 230;
|
|
147
|
+
--colorRgbFacetsPink200: 254 190 212;
|
|
148
|
+
--colorRgbFacetsPink300: 255 159 195;
|
|
149
|
+
--colorRgbFacetsPink400: 254 123 176;
|
|
150
|
+
--colorRgbFacetsPink500: 255 61 156;
|
|
151
|
+
--colorRgbFacetsPink600: 204 34 121;
|
|
152
|
+
--colorRgbFacetsPink700: 154 4 88;
|
|
153
|
+
--colorRgbFacetsPink800: 97 45 104;
|
|
154
|
+
--colorRgbFacetsPink900: 64 26 69;
|
|
155
|
+
--colorRgbFacetsPurple000: 244 246 255;
|
|
156
|
+
--colorRgbFacetsPurple100: 210 219 254;
|
|
157
|
+
--colorRgbFacetsPurple200: 210 219 254;
|
|
158
|
+
--colorRgbFacetsPurple300: 176 190 254;
|
|
159
|
+
--colorRgbFacetsPurple400: 142 159 254;
|
|
160
|
+
--colorRgbFacetsPurple500: 109 125 253;
|
|
161
|
+
--colorRgbFacetsPurple600: 109 125 253;
|
|
162
|
+
--colorRgbFacetsPurple700: 61 54 211;
|
|
163
|
+
--colorRgbFacetsPurple800: 45 35 169;
|
|
164
|
+
--colorRgbFacetsPurple900: 48 18 53;
|
|
165
|
+
--colorRgbFacetsRed000: 255 244 243;
|
|
166
|
+
--colorRgbFacetsRed100: 255 217 213;
|
|
167
|
+
--colorRgbFacetsRed200: 254 189 183;
|
|
168
|
+
--colorRgbFacetsRed300: 255 158 149;
|
|
169
|
+
--colorRgbFacetsRed400: 254 121 113;
|
|
170
|
+
--colorRgbFacetsRed500: 248 71 71;
|
|
171
|
+
--colorRgbFacetsRed600: 199 46 49;
|
|
172
|
+
--colorRgbFacetsRed700: 199 46 49;
|
|
173
|
+
--colorRgbFacetsRed800: 152 19 27;
|
|
174
|
+
--colorRgbFacetsRed900: 58 0 3;
|
|
175
|
+
--colorRgbFacetsTeal000: 232 252 247;
|
|
176
|
+
--colorRgbFacetsTeal100: 174 242 228;
|
|
177
|
+
--colorRgbFacetsTeal200: 99 230 208;
|
|
178
|
+
--colorRgbFacetsTeal300: 16 221 196;
|
|
179
|
+
--colorRgbFacetsTeal400: 9 169 149;
|
|
180
|
+
--colorRgbFacetsTeal500: 9 169 149;
|
|
181
|
+
--colorRgbFacetsTeal600: 7 120 105;
|
|
182
|
+
--colorRgbFacetsTeal700: 7 120 105;
|
|
183
|
+
--colorRgbFacetsTeal800: 0 74 64;
|
|
184
|
+
--colorRgbFacetsTeal900: 0 32 27;
|
|
185
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/* Autogenerated by scripts/app-tokens-plugin.mjs. DO NOT EDIT! */
|
|
2
|
+
|
|
3
|
+
:root {
|
|
4
|
+
--effectShadowDarkDeep: 0 16px 24px 0 rgb(6 11 16 / 20%), 0 6px 30px 0 rgb(6 11 16 / 30%), 0 8px 10px 0 rgb(6 11 16 / 40%);
|
|
5
|
+
--effectShadowDarkShallow: 0 1px 10px 0 rgb(18 24 31 / 60%), 0 2px 4px 0 rgb(18 24 31 / 40%);
|
|
6
|
+
--effectShadowLightDeep: 0 16px 24px 0 rgb(24 26 28 / 7%), 0 6px 30px 0 rgb(24 26 28 / 6%), 0 8px 10px 0 rgb(24 26 28 / 10%);
|
|
7
|
+
--effectShadowLightShallow: 0 1px 10px 0 rgb(53 58 62 / 6%), 0 2px 4px 0 rgb(53 58 62 / 8%);
|
|
8
|
+
}
|
|
@@ -135,6 +135,167 @@
|
|
|
135
135
|
--green-800: var(--ntl-green-800);
|
|
136
136
|
--green-900: var(--ntl-green-900);
|
|
137
137
|
--heading-text-color: var(--ntl-heading-text-color);
|
|
138
|
+
--hues-blue-black-000: var(--ntl-hues-blue-black-000);
|
|
139
|
+
--hues-blue-black-100: var(--ntl-hues-blue-black-100);
|
|
140
|
+
--hues-blue-black-200: var(--ntl-hues-blue-black-200);
|
|
141
|
+
--hues-blue-black-300: var(--ntl-hues-blue-black-300);
|
|
142
|
+
--hues-blue-black-400: var(--ntl-hues-blue-black-400);
|
|
143
|
+
--hues-blue-black-500: var(--ntl-hues-blue-black-500);
|
|
144
|
+
--hues-blue-black-600: var(--ntl-hues-blue-black-600);
|
|
145
|
+
--hues-blue-black-700: var(--ntl-hues-blue-black-700);
|
|
146
|
+
--hues-blue-black-800: var(--ntl-hues-blue-black-800);
|
|
147
|
+
--hues-blue-black-900: var(--ntl-hues-blue-black-900);
|
|
148
|
+
--hues-cobalt-000: var(--ntl-hues-cobalt-000);
|
|
149
|
+
--hues-cobalt-100: var(--ntl-hues-cobalt-100);
|
|
150
|
+
--hues-cobalt-200: var(--ntl-hues-cobalt-200);
|
|
151
|
+
--hues-cobalt-300: var(--ntl-hues-cobalt-300);
|
|
152
|
+
--hues-cobalt-400: var(--ntl-hues-cobalt-400);
|
|
153
|
+
--hues-cobalt-500: var(--ntl-hues-cobalt-500);
|
|
154
|
+
--hues-cobalt-600: var(--ntl-hues-cobalt-600);
|
|
155
|
+
--hues-cobalt-700: var(--ntl-hues-cobalt-700);
|
|
156
|
+
--hues-cobalt-800: var(--ntl-hues-cobalt-800);
|
|
157
|
+
--hues-cobalt-900: var(--ntl-hues-cobalt-900);
|
|
158
|
+
--hues-deep-teal-000: var(--ntl-hues-deep-teal-000);
|
|
159
|
+
--hues-deep-teal-100: var(--ntl-hues-deep-teal-100);
|
|
160
|
+
--hues-deep-teal-200: var(--ntl-hues-deep-teal-200);
|
|
161
|
+
--hues-deep-teal-300: var(--ntl-hues-deep-teal-300);
|
|
162
|
+
--hues-deep-teal-400: var(--ntl-hues-deep-teal-400);
|
|
163
|
+
--hues-deep-teal-500: var(--ntl-hues-deep-teal-500);
|
|
164
|
+
--hues-deep-teal-600: var(--ntl-hues-deep-teal-600);
|
|
165
|
+
--hues-deep-teal-700: var(--ntl-hues-deep-teal-700);
|
|
166
|
+
--hues-deep-teal-800: var(--ntl-hues-deep-teal-800);
|
|
167
|
+
--hues-deep-teal-900: var(--ntl-hues-deep-teal-900);
|
|
168
|
+
--hues-gold-000: var(--ntl-hues-gold-000);
|
|
169
|
+
--hues-gold-100: var(--ntl-hues-gold-100);
|
|
170
|
+
--hues-gold-200: var(--ntl-hues-gold-200);
|
|
171
|
+
--hues-gold-300: var(--ntl-hues-gold-300);
|
|
172
|
+
--hues-gold-400: var(--ntl-hues-gold-400);
|
|
173
|
+
--hues-gold-500: var(--ntl-hues-gold-500);
|
|
174
|
+
--hues-gold-600: var(--ntl-hues-gold-600);
|
|
175
|
+
--hues-gold-700: var(--ntl-hues-gold-700);
|
|
176
|
+
--hues-gold-800: var(--ntl-hues-gold-800);
|
|
177
|
+
--hues-gold-900: var(--ntl-hues-gold-900);
|
|
178
|
+
--hues-gray-000: var(--ntl-hues-gray-000);
|
|
179
|
+
--hues-gray-100: var(--ntl-hues-gray-100);
|
|
180
|
+
--hues-gray-200: var(--ntl-hues-gray-200);
|
|
181
|
+
--hues-gray-300: var(--ntl-hues-gray-300);
|
|
182
|
+
--hues-gray-400: var(--ntl-hues-gray-400);
|
|
183
|
+
--hues-gray-500: var(--ntl-hues-gray-500);
|
|
184
|
+
--hues-gray-600: var(--ntl-hues-gray-600);
|
|
185
|
+
--hues-gray-700: var(--ntl-hues-gray-700);
|
|
186
|
+
--hues-gray-800: var(--ntl-hues-gray-800);
|
|
187
|
+
--hues-gray-900: var(--ntl-hues-gray-900);
|
|
188
|
+
--hues-green-000: var(--ntl-hues-green-000);
|
|
189
|
+
--hues-green-100: var(--ntl-hues-green-100);
|
|
190
|
+
--hues-green-200: var(--ntl-hues-green-200);
|
|
191
|
+
--hues-green-300: var(--ntl-hues-green-300);
|
|
192
|
+
--hues-green-400: var(--ntl-hues-green-400);
|
|
193
|
+
--hues-green-500: var(--ntl-hues-green-500);
|
|
194
|
+
--hues-green-600: var(--ntl-hues-green-600);
|
|
195
|
+
--hues-green-700: var(--ntl-hues-green-700);
|
|
196
|
+
--hues-green-800: var(--ntl-hues-green-800);
|
|
197
|
+
--hues-green-900: var(--ntl-hues-green-900);
|
|
198
|
+
--hues-lilac-000: var(--ntl-hues-lilac-000);
|
|
199
|
+
--hues-lilac-100: var(--ntl-hues-lilac-100);
|
|
200
|
+
--hues-lilac-200: var(--ntl-hues-lilac-200);
|
|
201
|
+
--hues-lilac-300: var(--ntl-hues-lilac-300);
|
|
202
|
+
--hues-lilac-400: var(--ntl-hues-lilac-400);
|
|
203
|
+
--hues-lilac-500: var(--ntl-hues-lilac-500);
|
|
204
|
+
--hues-lilac-600: var(--ntl-hues-lilac-600);
|
|
205
|
+
--hues-lilac-700: var(--ntl-hues-lilac-700);
|
|
206
|
+
--hues-lilac-800: var(--ntl-hues-lilac-800);
|
|
207
|
+
--hues-lilac-900: var(--ntl-hues-lilac-900);
|
|
208
|
+
--hues-lime-000: var(--ntl-hues-lime-000);
|
|
209
|
+
--hues-lime-100: var(--ntl-hues-lime-100);
|
|
210
|
+
--hues-lime-200: var(--ntl-hues-lime-200);
|
|
211
|
+
--hues-lime-300: var(--ntl-hues-lime-300);
|
|
212
|
+
--hues-lime-400: var(--ntl-hues-lime-400);
|
|
213
|
+
--hues-lime-500: var(--ntl-hues-lime-500);
|
|
214
|
+
--hues-lime-600: var(--ntl-hues-lime-600);
|
|
215
|
+
--hues-lime-700: var(--ntl-hues-lime-700);
|
|
216
|
+
--hues-lime-800: var(--ntl-hues-lime-800);
|
|
217
|
+
--hues-lime-900: var(--ntl-hues-lime-900);
|
|
218
|
+
--hues-orange-000: var(--ntl-hues-orange-000);
|
|
219
|
+
--hues-orange-100: var(--ntl-hues-orange-100);
|
|
220
|
+
--hues-orange-200: var(--ntl-hues-orange-200);
|
|
221
|
+
--hues-orange-300: var(--ntl-hues-orange-300);
|
|
222
|
+
--hues-orange-400: var(--ntl-hues-orange-400);
|
|
223
|
+
--hues-orange-500: var(--ntl-hues-orange-500);
|
|
224
|
+
--hues-orange-600: var(--ntl-hues-orange-600);
|
|
225
|
+
--hues-orange-700: var(--ntl-hues-orange-700);
|
|
226
|
+
--hues-orange-800: var(--ntl-hues-orange-800);
|
|
227
|
+
--hues-orange-900: var(--ntl-hues-orange-900);
|
|
228
|
+
--hues-peach-000: var(--ntl-hues-peach-000);
|
|
229
|
+
--hues-peach-100: var(--ntl-hues-peach-100);
|
|
230
|
+
--hues-peach-200: var(--ntl-hues-peach-200);
|
|
231
|
+
--hues-peach-300: var(--ntl-hues-peach-300);
|
|
232
|
+
--hues-peach-400: var(--ntl-hues-peach-400);
|
|
233
|
+
--hues-peach-500: var(--ntl-hues-peach-500);
|
|
234
|
+
--hues-peach-600: var(--ntl-hues-peach-600);
|
|
235
|
+
--hues-peach-700: var(--ntl-hues-peach-700);
|
|
236
|
+
--hues-peach-800: var(--ntl-hues-peach-800);
|
|
237
|
+
--hues-peach-900: var(--ntl-hues-peach-900);
|
|
238
|
+
--hues-pink-000: var(--ntl-hues-pink-000);
|
|
239
|
+
--hues-pink-100: var(--ntl-hues-pink-100);
|
|
240
|
+
--hues-pink-200: var(--ntl-hues-pink-200);
|
|
241
|
+
--hues-pink-300: var(--ntl-hues-pink-300);
|
|
242
|
+
--hues-pink-400: var(--ntl-hues-pink-400);
|
|
243
|
+
--hues-pink-500: var(--ntl-hues-pink-500);
|
|
244
|
+
--hues-pink-600: var(--ntl-hues-pink-600);
|
|
245
|
+
--hues-pink-700: var(--ntl-hues-pink-700);
|
|
246
|
+
--hues-pink-800: var(--ntl-hues-pink-800);
|
|
247
|
+
--hues-pink-900: var(--ntl-hues-pink-900);
|
|
248
|
+
--hues-plum-000: var(--ntl-hues-plum-000);
|
|
249
|
+
--hues-plum-100: var(--ntl-hues-plum-100);
|
|
250
|
+
--hues-plum-200: var(--ntl-hues-plum-200);
|
|
251
|
+
--hues-plum-300: var(--ntl-hues-plum-300);
|
|
252
|
+
--hues-plum-400: var(--ntl-hues-plum-400);
|
|
253
|
+
--hues-plum-500: var(--ntl-hues-plum-500);
|
|
254
|
+
--hues-plum-600: var(--ntl-hues-plum-600);
|
|
255
|
+
--hues-plum-700: var(--ntl-hues-plum-700);
|
|
256
|
+
--hues-plum-800: var(--ntl-hues-plum-800);
|
|
257
|
+
--hues-plum-900: var(--ntl-hues-plum-900);
|
|
258
|
+
--hues-purple-000: var(--ntl-hues-purple-000);
|
|
259
|
+
--hues-purple-100: var(--ntl-hues-purple-100);
|
|
260
|
+
--hues-purple-200: var(--ntl-hues-purple-200);
|
|
261
|
+
--hues-purple-300: var(--ntl-hues-purple-300);
|
|
262
|
+
--hues-purple-400: var(--ntl-hues-purple-400);
|
|
263
|
+
--hues-purple-500: var(--ntl-hues-purple-500);
|
|
264
|
+
--hues-purple-600: var(--ntl-hues-purple-600);
|
|
265
|
+
--hues-purple-700: var(--ntl-hues-purple-700);
|
|
266
|
+
--hues-purple-800: var(--ntl-hues-purple-800);
|
|
267
|
+
--hues-purple-900: var(--ntl-hues-purple-900);
|
|
268
|
+
--hues-red-000: var(--ntl-hues-red-000);
|
|
269
|
+
--hues-red-100: var(--ntl-hues-red-100);
|
|
270
|
+
--hues-red-200: var(--ntl-hues-red-200);
|
|
271
|
+
--hues-red-300: var(--ntl-hues-red-300);
|
|
272
|
+
--hues-red-400: var(--ntl-hues-red-400);
|
|
273
|
+
--hues-red-500: var(--ntl-hues-red-500);
|
|
274
|
+
--hues-red-600: var(--ntl-hues-red-600);
|
|
275
|
+
--hues-red-700: var(--ntl-hues-red-700);
|
|
276
|
+
--hues-red-800: var(--ntl-hues-red-800);
|
|
277
|
+
--hues-red-900: var(--ntl-hues-red-900);
|
|
278
|
+
--hues-sky-000: var(--ntl-hues-sky-000);
|
|
279
|
+
--hues-sky-100: var(--ntl-hues-sky-100);
|
|
280
|
+
--hues-sky-200: var(--ntl-hues-sky-200);
|
|
281
|
+
--hues-sky-300: var(--ntl-hues-sky-300);
|
|
282
|
+
--hues-sky-400: var(--ntl-hues-sky-400);
|
|
283
|
+
--hues-sky-500: var(--ntl-hues-sky-500);
|
|
284
|
+
--hues-sky-600: var(--ntl-hues-sky-600);
|
|
285
|
+
--hues-sky-700: var(--ntl-hues-sky-700);
|
|
286
|
+
--hues-sky-800: var(--ntl-hues-sky-800);
|
|
287
|
+
--hues-sky-900: var(--ntl-hues-sky-900);
|
|
288
|
+
--hues-turquoise-000: var(--ntl-hues-turquoise-000);
|
|
289
|
+
--hues-turquoise-100: var(--ntl-hues-turquoise-100);
|
|
290
|
+
--hues-turquoise-200: var(--ntl-hues-turquoise-200);
|
|
291
|
+
--hues-turquoise-300: var(--ntl-hues-turquoise-300);
|
|
292
|
+
--hues-turquoise-400: var(--ntl-hues-turquoise-400);
|
|
293
|
+
--hues-turquoise-500: var(--ntl-hues-turquoise-500);
|
|
294
|
+
--hues-turquoise-600: var(--ntl-hues-turquoise-600);
|
|
295
|
+
--hues-turquoise-700: var(--ntl-hues-turquoise-700);
|
|
296
|
+
--hues-turquoise-800: var(--ntl-hues-turquoise-800);
|
|
297
|
+
--hues-turquoise-900: var(--ntl-hues-turquoise-900);
|
|
298
|
+
--hues-white: var(--ntl-hues-white);
|
|
138
299
|
--line-height-heading: var(--ntl-line-height-heading);
|
|
139
300
|
--line-height-loose: var(--ntl-line-height-loose);
|
|
140
301
|
--line-height-none: var(--ntl-line-height-none);
|
|
@@ -128,6 +128,167 @@
|
|
|
128
128
|
--ntl-green-800: rgb(5.8824% 29.02% 12.941%);
|
|
129
129
|
--ntl-green-900: rgb(8.2353% 16.471% 9.8039%);
|
|
130
130
|
--ntl-heading-text-color: var(--ntl-neutral-800);
|
|
131
|
+
--ntl-hues-blue-black-000: rgb(95.686% 96.863% 97.647%);
|
|
132
|
+
--ntl-hues-blue-black-100: rgb(76.471% 79.608% 80.784%);
|
|
133
|
+
--ntl-hues-blue-black-200: rgb(57.647% 61.961% 63.922%);
|
|
134
|
+
--ntl-hues-blue-black-300: rgb(39.216% 45.098% 47.059%);
|
|
135
|
+
--ntl-hues-blue-black-400: rgb(21.569% 28.235% 30.588%);
|
|
136
|
+
--ntl-hues-blue-black-500: rgb(2.7451% 10.588% 13.333%);
|
|
137
|
+
--ntl-hues-blue-black-600: rgb(1.5686% 8.2353% 10.588%);
|
|
138
|
+
--ntl-hues-blue-black-700: rgb(1.1765% 5.8824% 7.8431%);
|
|
139
|
+
--ntl-hues-blue-black-800: rgb(0.39216% 3.5294% 5.098%);
|
|
140
|
+
--ntl-hues-blue-black-900: rgb(0.39216% 1.9608% 2.7451%);
|
|
141
|
+
--ntl-hues-cobalt-000: rgb(95.294% 96.863% 100%);
|
|
142
|
+
--ntl-hues-cobalt-100: rgb(80% 87.059% 100%);
|
|
143
|
+
--ntl-hues-cobalt-200: rgb(64.314% 76.863% 100%);
|
|
144
|
+
--ntl-hues-cobalt-300: rgb(47.843% 65.882% 99.608%);
|
|
145
|
+
--ntl-hues-cobalt-400: rgb(30.196% 53.725% 99.216%);
|
|
146
|
+
--ntl-hues-cobalt-500: rgb(2.3529% 36.863% 100%);
|
|
147
|
+
--ntl-hues-cobalt-600: rgb(0% 28.627% 81.569%);
|
|
148
|
+
--ntl-hues-cobalt-700: rgb(0% 21.176% 62.745%);
|
|
149
|
+
--ntl-hues-cobalt-800: rgb(0% 14.51% 45.098%);
|
|
150
|
+
--ntl-hues-cobalt-900: rgb(0% 7.8431% 28.627%);
|
|
151
|
+
--ntl-hues-deep-teal-000: rgb(93.333% 97.647% 100%);
|
|
152
|
+
--ntl-hues-deep-teal-100: rgb(78.039% 88.235% 94.118%);
|
|
153
|
+
--ntl-hues-deep-teal-200: rgb(63.137% 78.824% 87.451%);
|
|
154
|
+
--ntl-hues-deep-teal-300: rgb(47.451% 68.627% 80.392%);
|
|
155
|
+
--ntl-hues-deep-teal-400: rgb(30.588% 58.431% 72.941%);
|
|
156
|
+
--ntl-hues-deep-teal-500: rgb(3.9216% 46.667% 63.529%);
|
|
157
|
+
--ntl-hues-deep-teal-600: rgb(0.39216% 37.255% 51.373%);
|
|
158
|
+
--ntl-hues-deep-teal-700: rgb(0.39216% 28.235% 39.216%);
|
|
159
|
+
--ntl-hues-deep-teal-800: rgb(0.39216% 19.608% 27.843%);
|
|
160
|
+
--ntl-hues-deep-teal-900: rgb(0% 11.765% 17.255%);
|
|
161
|
+
--ntl-hues-gold-000: rgb(99.216% 96.471% 90.98%);
|
|
162
|
+
--ntl-hues-gold-100: rgb(99.608% 93.333% 81.961%);
|
|
163
|
+
--ntl-hues-gold-200: rgb(100% 90.588% 72.549%);
|
|
164
|
+
--ntl-hues-gold-300: rgb(100% 87.059% 62.745%);
|
|
165
|
+
--ntl-hues-gold-400: rgb(100% 83.529% 51.765%);
|
|
166
|
+
--ntl-hues-gold-500: rgb(99.216% 79.608% 39.608%);
|
|
167
|
+
--ntl-hues-gold-600: rgb(76.471% 60% 25.098%);
|
|
168
|
+
--ntl-hues-gold-700: rgb(54.902% 41.176% 9.8039%);
|
|
169
|
+
--ntl-hues-gold-800: rgb(34.118% 24.314% 0.78431%);
|
|
170
|
+
--ntl-hues-gold-900: rgb(14.51% 9.4118% 0%);
|
|
171
|
+
--ntl-hues-gray-000: rgb(99.216% 99.216% 99.216%);
|
|
172
|
+
--ntl-hues-gray-100: rgb(95.294% 95.686% 95.686%);
|
|
173
|
+
--ntl-hues-gray-200: rgb(91.765% 92.941% 93.333%);
|
|
174
|
+
--ntl-hues-gray-300: rgb(88.235% 90.196% 90.98%);
|
|
175
|
+
--ntl-hues-gray-400: rgb(84.706% 87.843% 89.02%);
|
|
176
|
+
--ntl-hues-gray-500: rgb(81.176% 85.098% 86.667%);
|
|
177
|
+
--ntl-hues-gray-600: rgb(63.922% 69.02% 70.98%);
|
|
178
|
+
--ntl-hues-gray-700: rgb(47.843% 53.725% 56.078%);
|
|
179
|
+
--ntl-hues-gray-800: rgb(32.157% 39.216% 41.569%);
|
|
180
|
+
--ntl-hues-gray-900: rgb(17.647% 25.49% 28.235%);
|
|
181
|
+
--ntl-hues-green-000: rgb(92.549% 98.824% 93.725%);
|
|
182
|
+
--ntl-hues-green-100: rgb(81.176% 94.118% 83.922%);
|
|
183
|
+
--ntl-hues-green-200: rgb(69.02% 89.02% 74.118%);
|
|
184
|
+
--ntl-hues-green-300: rgb(56.471% 83.922% 63.922%);
|
|
185
|
+
--ntl-hues-green-400: rgb(42.745% 78.039% 53.333%);
|
|
186
|
+
--ntl-hues-green-500: rgb(24.706% 71.373% 41.961%);
|
|
187
|
+
--ntl-hues-green-600: rgb(14.118% 55.686% 30.98%);
|
|
188
|
+
--ntl-hues-green-700: rgb(1.1765% 41.176% 20.392%);
|
|
189
|
+
--ntl-hues-green-800: rgb(0.39216% 26.667% 12.157%);
|
|
190
|
+
--ntl-hues-green-900: rgb(0% 13.333% 4.7059%);
|
|
191
|
+
--ntl-hues-lilac-000: rgb(96.863% 96.078% 100%);
|
|
192
|
+
--ntl-hues-lilac-100: rgb(92.549% 91.765% 100%);
|
|
193
|
+
--ntl-hues-lilac-200: rgb(88.627% 87.059% 100%);
|
|
194
|
+
--ntl-hues-lilac-300: rgb(84.706% 82.353% 100%);
|
|
195
|
+
--ntl-hues-lilac-400: rgb(80.392% 76.863% 100%);
|
|
196
|
+
--ntl-hues-lilac-500: rgb(75.686% 70.98% 100%);
|
|
197
|
+
--ntl-hues-lilac-600: rgb(57.647% 53.725% 78.039%);
|
|
198
|
+
--ntl-hues-lilac-700: rgb(40.784% 37.255% 57.255%);
|
|
199
|
+
--ntl-hues-lilac-800: rgb(25.098% 21.961% 37.647%);
|
|
200
|
+
--ntl-hues-lilac-900: rgb(10.588% 8.2353% 20%);
|
|
201
|
+
--ntl-hues-lime-000: rgb(94.902% 98.431% 89.804%);
|
|
202
|
+
--ntl-hues-lime-100: rgb(90.588% 98.039% 79.216%);
|
|
203
|
+
--ntl-hues-lime-200: rgb(86.667% 97.255% 68.235%);
|
|
204
|
+
--ntl-hues-lime-300: rgb(82.353% 96.078% 56.471%);
|
|
205
|
+
--ntl-hues-lime-400: rgb(78.039% 94.902% 42.745%);
|
|
206
|
+
--ntl-hues-lime-500: rgb(73.333% 93.333% 23.529%);
|
|
207
|
+
--ntl-hues-lime-600: rgb(54.51% 70.98% 1.1765%);
|
|
208
|
+
--ntl-hues-lime-700: rgb(37.647% 49.804% 2.7451%);
|
|
209
|
+
--ntl-hues-lime-800: rgb(21.961% 29.804% 0%);
|
|
210
|
+
--ntl-hues-lime-900: rgb(8.2353% 12.157% 0%);
|
|
211
|
+
--ntl-hues-orange-000: rgb(100% 95.686% 94.118%);
|
|
212
|
+
--ntl-hues-orange-100: rgb(100% 87.843% 83.529%);
|
|
213
|
+
--ntl-hues-orange-200: rgb(100% 79.216% 72.157%);
|
|
214
|
+
--ntl-hues-orange-300: rgb(99.608% 70.196% 60%);
|
|
215
|
+
--ntl-hues-orange-400: rgb(100% 59.608% 45.49%);
|
|
216
|
+
--ntl-hues-orange-500: rgb(100% 45.882% 25.882%);
|
|
217
|
+
--ntl-hues-orange-600: rgb(79.216% 33.333% 15.686%);
|
|
218
|
+
--ntl-hues-orange-700: rgb(59.608% 21.176% 4.7059%);
|
|
219
|
+
--ntl-hues-orange-800: rgb(39.608% 11.765% 0%);
|
|
220
|
+
--ntl-hues-orange-900: rgb(20.392% 4.3137% 0%);
|
|
221
|
+
--ntl-hues-peach-000: rgb(100% 96.078% 92.941%);
|
|
222
|
+
--ntl-hues-peach-100: rgb(100% 92.157% 86.275%);
|
|
223
|
+
--ntl-hues-peach-200: rgb(100% 87.843% 79.608%);
|
|
224
|
+
--ntl-hues-peach-300: rgb(100% 83.922% 72.157%);
|
|
225
|
+
--ntl-hues-peach-400: rgb(100% 79.216% 63.922%);
|
|
226
|
+
--ntl-hues-peach-500: rgb(100% 73.725% 54.118%);
|
|
227
|
+
--ntl-hues-peach-600: rgb(77.647% 55.294% 38.431%);
|
|
228
|
+
--ntl-hues-peach-700: rgb(56.078% 38.039% 23.922%);
|
|
229
|
+
--ntl-hues-peach-800: rgb(36.078% 21.961% 10.196%);
|
|
230
|
+
--ntl-hues-peach-900: rgb(17.255% 7.451% 0%);
|
|
231
|
+
--ntl-hues-pink-000: rgb(100% 95.294% 96.863%);
|
|
232
|
+
--ntl-hues-pink-100: rgb(100% 85.098% 90.196%);
|
|
233
|
+
--ntl-hues-pink-200: rgb(99.608% 74.51% 83.137%);
|
|
234
|
+
--ntl-hues-pink-300: rgb(100% 62.353% 76.471%);
|
|
235
|
+
--ntl-hues-pink-400: rgb(99.608% 48.235% 69.02%);
|
|
236
|
+
--ntl-hues-pink-500: rgb(100% 23.922% 61.176%);
|
|
237
|
+
--ntl-hues-pink-600: rgb(80% 13.333% 47.451%);
|
|
238
|
+
--ntl-hues-pink-700: rgb(60.392% 1.5686% 34.51%);
|
|
239
|
+
--ntl-hues-pink-800: rgb(40% 0.78431% 22.353%);
|
|
240
|
+
--ntl-hues-pink-900: rgb(21.569% 0% 10.98%);
|
|
241
|
+
--ntl-hues-plum-000: rgb(99.216% 95.294% 99.608%);
|
|
242
|
+
--ntl-hues-plum-100: rgb(87.843% 80% 88.627%);
|
|
243
|
+
--ntl-hues-plum-200: rgb(76.471% 65.098% 77.647%);
|
|
244
|
+
--ntl-hues-plum-300: rgb(64.706% 49.804% 66.275%);
|
|
245
|
+
--ntl-hues-plum-400: rgb(52.157% 34.51% 54.51%);
|
|
246
|
+
--ntl-hues-plum-500: rgb(38.039% 17.647% 40.784%);
|
|
247
|
+
--ntl-hues-plum-600: rgb(31.373% 14.118% 33.725%);
|
|
248
|
+
--ntl-hues-plum-700: rgb(25.098% 10.196% 27.059%);
|
|
249
|
+
--ntl-hues-plum-800: rgb(18.824% 7.0588% 20.784%);
|
|
250
|
+
--ntl-hues-plum-900: rgb(13.333% 3.5294% 14.51%);
|
|
251
|
+
--ntl-hues-purple-000: rgb(95.686% 96.471% 100%);
|
|
252
|
+
--ntl-hues-purple-100: rgb(82.353% 85.882% 99.608%);
|
|
253
|
+
--ntl-hues-purple-200: rgb(69.02% 74.51% 99.608%);
|
|
254
|
+
--ntl-hues-purple-300: rgb(55.686% 62.353% 99.608%);
|
|
255
|
+
--ntl-hues-purple-400: rgb(42.745% 49.02% 99.216%);
|
|
256
|
+
--ntl-hues-purple-500: rgb(30.588% 28.627% 100%);
|
|
257
|
+
--ntl-hues-purple-600: rgb(23.922% 21.176% 82.745%);
|
|
258
|
+
--ntl-hues-purple-700: rgb(17.647% 13.725% 66.275%);
|
|
259
|
+
--ntl-hues-purple-800: rgb(11.765% 6.2745% 50.196%);
|
|
260
|
+
--ntl-hues-purple-900: rgb(6.6667% 0% 34.902%);
|
|
261
|
+
--ntl-hues-red-000: rgb(100% 95.686% 95.294%);
|
|
262
|
+
--ntl-hues-red-100: rgb(100% 85.098% 83.529%);
|
|
263
|
+
--ntl-hues-red-200: rgb(99.608% 74.118% 71.765%);
|
|
264
|
+
--ntl-hues-red-300: rgb(100% 61.961% 58.431%);
|
|
265
|
+
--ntl-hues-red-400: rgb(99.608% 47.451% 44.314%);
|
|
266
|
+
--ntl-hues-red-500: rgb(97.255% 27.843% 27.843%);
|
|
267
|
+
--ntl-hues-red-600: rgb(78.039% 18.039% 19.216%);
|
|
268
|
+
--ntl-hues-red-700: rgb(59.608% 7.451% 10.588%);
|
|
269
|
+
--ntl-hues-red-800: rgb(41.176% 0% 4.3137%);
|
|
270
|
+
--ntl-hues-red-900: rgb(22.745% 0% 1.1765%);
|
|
271
|
+
--ntl-hues-sky-000: rgb(90.98% 98.431% 99.216%);
|
|
272
|
+
--ntl-hues-sky-100: rgb(79.608% 96.078% 98.039%);
|
|
273
|
+
--ntl-hues-sky-200: rgb(67.451% 93.333% 96.471%);
|
|
274
|
+
--ntl-hues-sky-300: rgb(54.118% 90.588% 94.51%);
|
|
275
|
+
--ntl-hues-sky-400: rgb(37.647% 87.059% 92.549%);
|
|
276
|
+
--ntl-hues-sky-500: rgb(0.39216% 83.137% 89.804%);
|
|
277
|
+
--ntl-hues-sky-600: rgb(0.39216% 63.529% 68.627%);
|
|
278
|
+
--ntl-hues-sky-700: rgb(1.5686% 45.098% 49.02%);
|
|
279
|
+
--ntl-hues-sky-800: rgb(0.78431% 27.843% 30.196%);
|
|
280
|
+
--ntl-hues-sky-900: rgb(0% 12.157% 13.725%);
|
|
281
|
+
--ntl-hues-turquoise-000: rgb(90.98% 98.824% 96.863%);
|
|
282
|
+
--ntl-hues-turquoise-100: rgb(80% 96.863% 93.333%);
|
|
283
|
+
--ntl-hues-turquoise-200: rgb(68.235% 94.902% 89.412%);
|
|
284
|
+
--ntl-hues-turquoise-300: rgb(55.294% 92.549% 85.49%);
|
|
285
|
+
--ntl-hues-turquoise-400: rgb(38.824% 90.196% 81.569%);
|
|
286
|
+
--ntl-hues-turquoise-500: rgb(6.2745% 86.667% 76.863%);
|
|
287
|
+
--ntl-hues-turquoise-600: rgb(3.5294% 66.275% 58.431%);
|
|
288
|
+
--ntl-hues-turquoise-700: rgb(2.7451% 47.059% 41.176%);
|
|
289
|
+
--ntl-hues-turquoise-800: rgb(0% 29.02% 25.098%);
|
|
290
|
+
--ntl-hues-turquoise-900: rgb(0% 12.549% 10.588%);
|
|
291
|
+
--ntl-hues-white: rgb(100% 100% 100%);
|
|
131
292
|
--ntl-line-height-heading: 1.1;
|
|
132
293
|
--ntl-line-height-loose: 2;
|
|
133
294
|
--ntl-line-height-none: 1;
|
|
@@ -271,16 +432,16 @@
|
|
|
271
432
|
--ntl-badge-border-color: var(--ntl-neutral-300);
|
|
272
433
|
--ntl-badge-text-color: var(--ntl-neutral-500);
|
|
273
434
|
--ntl-blockquote-accent-color: var(--ntl-blue-700);
|
|
274
|
-
--ntl-blue-000:
|
|
275
|
-
--ntl-blue-100:
|
|
276
|
-
--ntl-blue-200:
|
|
277
|
-
--ntl-blue-300:
|
|
278
|
-
--ntl-blue-400:
|
|
279
|
-
--ntl-blue-500:
|
|
280
|
-
--ntl-blue-600:
|
|
281
|
-
--ntl-blue-700:
|
|
282
|
-
--ntl-blue-800:
|
|
283
|
-
--ntl-blue-900:
|
|
435
|
+
--ntl-blue-000: var(--ntl-hues-cobalt-000);
|
|
436
|
+
--ntl-blue-100: var(--ntl-hues-cobalt-100);
|
|
437
|
+
--ntl-blue-200: var(--ntl-hues-cobalt-100);
|
|
438
|
+
--ntl-blue-300: var(--ntl-hues-cobalt-200);
|
|
439
|
+
--ntl-blue-400: var(--ntl-hues-cobalt-300);
|
|
440
|
+
--ntl-blue-500: var(--ntl-hues-cobalt-400);
|
|
441
|
+
--ntl-blue-600: var(--ntl-hues-cobalt-500);
|
|
442
|
+
--ntl-blue-700: var(--ntl-hues-cobalt-500);
|
|
443
|
+
--ntl-blue-800: var(--ntl-hues-cobalt-700);
|
|
444
|
+
--ntl-blue-900: var(--ntl-hues-cobalt-800);
|
|
284
445
|
--ntl-button-outline-bg-color-hover: rgb(83.922% 98.039% 97.647%);
|
|
285
446
|
--ntl-button-outline-stroke-color: var(--ntl-neutral-800);
|
|
286
447
|
--ntl-button-outline-text-color: var(--ntl-neutral-800);
|
|
@@ -333,26 +494,26 @@
|
|
|
333
494
|
--ntl-color-warning-border: var(--ntl-gold-300);
|
|
334
495
|
--ntl-color-warning-text: var(--ntl-gold-800);
|
|
335
496
|
--ntl-eyebrow-text-color: var(--ntl-blue-700);
|
|
336
|
-
--ntl-gold-000:
|
|
337
|
-
--ntl-gold-100:
|
|
338
|
-
--ntl-gold-200:
|
|
339
|
-
--ntl-gold-300:
|
|
340
|
-
--ntl-gold-400:
|
|
341
|
-
--ntl-gold-500:
|
|
342
|
-
--ntl-gold-600:
|
|
343
|
-
--ntl-gold-700:
|
|
344
|
-
--ntl-gold-800:
|
|
345
|
-
--ntl-gold-900:
|
|
346
|
-
--ntl-green-000:
|
|
347
|
-
--ntl-green-100:
|
|
348
|
-
--ntl-green-200:
|
|
349
|
-
--ntl-green-300:
|
|
350
|
-
--ntl-green-400:
|
|
351
|
-
--ntl-green-500:
|
|
352
|
-
--ntl-green-600:
|
|
353
|
-
--ntl-green-700:
|
|
354
|
-
--ntl-green-800:
|
|
355
|
-
--ntl-green-900:
|
|
497
|
+
--ntl-gold-000: var(--ntl-hues-gold-100);
|
|
498
|
+
--ntl-gold-100: var(--ntl-hues-gold-300);
|
|
499
|
+
--ntl-gold-200: var(--ntl-hues-gold-500);
|
|
500
|
+
--ntl-gold-300: var(--ntl-hues-gold-500);
|
|
501
|
+
--ntl-gold-400: var(--ntl-hues-gold-600);
|
|
502
|
+
--ntl-gold-500: var(--ntl-hues-gold-600);
|
|
503
|
+
--ntl-gold-600: var(--ntl-hues-gold-700);
|
|
504
|
+
--ntl-gold-700: var(--ntl-hues-gold-700);
|
|
505
|
+
--ntl-gold-800: var(--ntl-hues-gold-800);
|
|
506
|
+
--ntl-gold-900: var(--ntl-hues-gold-900);
|
|
507
|
+
--ntl-green-000: var(--ntl-hues-green-000);
|
|
508
|
+
--ntl-green-100: var(--ntl-hues-green-100);
|
|
509
|
+
--ntl-green-200: var(--ntl-hues-green-200);
|
|
510
|
+
--ntl-green-300: var(--ntl-hues-green-400);
|
|
511
|
+
--ntl-green-400: var(--ntl-hues-green-500);
|
|
512
|
+
--ntl-green-500: var(--ntl-hues-green-500);
|
|
513
|
+
--ntl-green-600: var(--ntl-hues-green-600);
|
|
514
|
+
--ntl-green-700: var(--ntl-hues-green-700);
|
|
515
|
+
--ntl-green-800: var(--ntl-hues-green-800);
|
|
516
|
+
--ntl-green-900: var(--ntl-hues-green-900);
|
|
356
517
|
--ntl-heading-text-color: var(--ntl-neutral-800);
|
|
357
518
|
--ntl-neutral-000: var(--ntl-neutral-light-000);
|
|
358
519
|
--ntl-neutral-100: var(--ntl-neutral-light-100);
|
|
@@ -364,56 +525,56 @@
|
|
|
364
525
|
--ntl-neutral-700: var(--ntl-neutral-light-700);
|
|
365
526
|
--ntl-neutral-800: var(--ntl-neutral-light-800);
|
|
366
527
|
--ntl-neutral-900: var(--ntl-neutral-light-900);
|
|
367
|
-
--ntl-neutral-dark-000:
|
|
368
|
-
--ntl-neutral-dark-100:
|
|
369
|
-
--ntl-neutral-dark-200:
|
|
370
|
-
--ntl-neutral-dark-300:
|
|
371
|
-
--ntl-neutral-dark-400:
|
|
372
|
-
--ntl-neutral-dark-500:
|
|
373
|
-
--ntl-neutral-dark-600:
|
|
374
|
-
--ntl-neutral-dark-700:
|
|
375
|
-
--ntl-neutral-dark-800:
|
|
376
|
-
--ntl-neutral-dark-900:
|
|
377
|
-
--ntl-neutral-light-000:
|
|
378
|
-
--ntl-neutral-light-100:
|
|
379
|
-
--ntl-neutral-light-200:
|
|
380
|
-
--ntl-neutral-light-300:
|
|
381
|
-
--ntl-neutral-light-400:
|
|
382
|
-
--ntl-neutral-light-500:
|
|
383
|
-
--ntl-neutral-light-600:
|
|
384
|
-
--ntl-neutral-light-700:
|
|
385
|
-
--ntl-neutral-light-800:
|
|
386
|
-
--ntl-neutral-light-900:
|
|
387
|
-
--ntl-pink-000:
|
|
388
|
-
--ntl-pink-100:
|
|
389
|
-
--ntl-pink-200:
|
|
390
|
-
--ntl-pink-300:
|
|
391
|
-
--ntl-pink-400:
|
|
392
|
-
--ntl-pink-500:
|
|
393
|
-
--ntl-pink-600:
|
|
394
|
-
--ntl-pink-700:
|
|
395
|
-
--ntl-pink-800:
|
|
396
|
-
--ntl-pink-900:
|
|
397
|
-
--ntl-purple-000:
|
|
398
|
-
--ntl-purple-100:
|
|
399
|
-
--ntl-purple-200:
|
|
400
|
-
--ntl-purple-300:
|
|
401
|
-
--ntl-purple-400:
|
|
402
|
-
--ntl-purple-500:
|
|
403
|
-
--ntl-purple-600:
|
|
404
|
-
--ntl-purple-700:
|
|
405
|
-
--ntl-purple-800:
|
|
406
|
-
--ntl-purple-900:
|
|
407
|
-
--ntl-red-000:
|
|
408
|
-
--ntl-red-100:
|
|
409
|
-
--ntl-red-200:
|
|
410
|
-
--ntl-red-300:
|
|
411
|
-
--ntl-red-400:
|
|
412
|
-
--ntl-red-500:
|
|
413
|
-
--ntl-red-600:
|
|
414
|
-
--ntl-red-700:
|
|
415
|
-
--ntl-red-800:
|
|
416
|
-
--ntl-red-900:
|
|
528
|
+
--ntl-neutral-dark-000: var(--ntl-hues-white);
|
|
529
|
+
--ntl-neutral-dark-100: var(--ntl-hues-blue-black-000);
|
|
530
|
+
--ntl-neutral-dark-200: var(--ntl-hues-gray-600);
|
|
531
|
+
--ntl-neutral-dark-300: var(--ntl-hues-gray-700);
|
|
532
|
+
--ntl-neutral-dark-400: var(--ntl-hues-blue-black-400);
|
|
533
|
+
--ntl-neutral-dark-500: var(--ntl-hues-blue-black-400);
|
|
534
|
+
--ntl-neutral-dark-600: var(--ntl-hues-deep-teal-800);
|
|
535
|
+
--ntl-neutral-dark-700: var(--ntl-hues-blue-black-500);
|
|
536
|
+
--ntl-neutral-dark-800: var(--ntl-hues-blue-black-500);
|
|
537
|
+
--ntl-neutral-dark-900: var(--ntl-hues-blue-black-700);
|
|
538
|
+
--ntl-neutral-light-000: var(--ntl-hues-white);
|
|
539
|
+
--ntl-neutral-light-100: var(--ntl-hues-gray-100);
|
|
540
|
+
--ntl-neutral-light-200: var(--ntl-hues-gray-200);
|
|
541
|
+
--ntl-neutral-light-300: var(--ntl-hues-gray-500);
|
|
542
|
+
--ntl-neutral-light-400: var(--ntl-hues-gray-600);
|
|
543
|
+
--ntl-neutral-light-500: var(--ntl-hues-gray-700);
|
|
544
|
+
--ntl-neutral-light-600: var(--ntl-hues-gray-800);
|
|
545
|
+
--ntl-neutral-light-700: var(--ntl-hues-gray-900);
|
|
546
|
+
--ntl-neutral-light-800: var(--ntl-hues-blue-black-500);
|
|
547
|
+
--ntl-neutral-light-900: var(--ntl-hues-blue-black-700);
|
|
548
|
+
--ntl-pink-000: var(--ntl-hues-pink-000);
|
|
549
|
+
--ntl-pink-100: var(--ntl-hues-pink-100);
|
|
550
|
+
--ntl-pink-200: var(--ntl-hues-pink-200);
|
|
551
|
+
--ntl-pink-300: var(--ntl-hues-pink-300);
|
|
552
|
+
--ntl-pink-400: var(--ntl-hues-pink-400);
|
|
553
|
+
--ntl-pink-500: var(--ntl-hues-pink-500);
|
|
554
|
+
--ntl-pink-600: var(--ntl-hues-pink-600);
|
|
555
|
+
--ntl-pink-700: var(--ntl-hues-pink-700);
|
|
556
|
+
--ntl-pink-800: var(--ntl-hues-plum-500);
|
|
557
|
+
--ntl-pink-900: var(--ntl-hues-plum-700);
|
|
558
|
+
--ntl-purple-000: var(--ntl-hues-purple-000);
|
|
559
|
+
--ntl-purple-100: var(--ntl-hues-purple-100);
|
|
560
|
+
--ntl-purple-200: var(--ntl-hues-purple-100);
|
|
561
|
+
--ntl-purple-300: var(--ntl-hues-purple-200);
|
|
562
|
+
--ntl-purple-400: var(--ntl-hues-purple-300);
|
|
563
|
+
--ntl-purple-500: var(--ntl-hues-purple-400);
|
|
564
|
+
--ntl-purple-600: var(--ntl-hues-purple-400);
|
|
565
|
+
--ntl-purple-700: var(--ntl-hues-purple-600);
|
|
566
|
+
--ntl-purple-800: var(--ntl-hues-purple-700);
|
|
567
|
+
--ntl-purple-900: var(--ntl-hues-plum-800);
|
|
568
|
+
--ntl-red-000: var(--ntl-hues-red-000);
|
|
569
|
+
--ntl-red-100: var(--ntl-hues-red-100);
|
|
570
|
+
--ntl-red-200: var(--ntl-hues-red-200);
|
|
571
|
+
--ntl-red-300: var(--ntl-hues-red-300);
|
|
572
|
+
--ntl-red-400: var(--ntl-hues-red-400);
|
|
573
|
+
--ntl-red-500: var(--ntl-hues-red-500);
|
|
574
|
+
--ntl-red-600: var(--ntl-hues-red-600);
|
|
575
|
+
--ntl-red-700: var(--ntl-hues-red-600);
|
|
576
|
+
--ntl-red-800: var(--ntl-hues-red-700);
|
|
577
|
+
--ntl-red-900: var(--ntl-hues-red-900);
|
|
417
578
|
--ntl-search-answer-message-color: var(--ntl-neutral-200);
|
|
418
579
|
--ntl-search-back-btn-bg-color: var(--ntl-neutral-100);
|
|
419
580
|
--ntl-search-bg-color: var(--ntl-neutral-000);
|
|
@@ -429,16 +590,16 @@
|
|
|
429
590
|
--ntl-tabbed-content-border-color: var(--ntl-color-icon);
|
|
430
591
|
--ntl-tabbed-content-code-bg-color: var(--ntl-neutral-900);
|
|
431
592
|
--ntl-tabbed-content-tab-text-color-active: var(--ntl-color-icon);
|
|
432
|
-
--ntl-teal-000:
|
|
433
|
-
--ntl-teal-100:
|
|
434
|
-
--ntl-teal-200:
|
|
435
|
-
--ntl-teal-300:
|
|
436
|
-
--ntl-teal-400:
|
|
437
|
-
--ntl-teal-500:
|
|
438
|
-
--ntl-teal-600:
|
|
439
|
-
--ntl-teal-700:
|
|
440
|
-
--ntl-teal-800:
|
|
441
|
-
--ntl-teal-900:
|
|
593
|
+
--ntl-teal-000: var(--ntl-hues-turquoise-000);
|
|
594
|
+
--ntl-teal-100: var(--ntl-hues-turquoise-200);
|
|
595
|
+
--ntl-teal-200: var(--ntl-hues-turquoise-400);
|
|
596
|
+
--ntl-teal-300: var(--ntl-hues-turquoise-500);
|
|
597
|
+
--ntl-teal-400: var(--ntl-hues-turquoise-600);
|
|
598
|
+
--ntl-teal-500: var(--ntl-hues-turquoise-600);
|
|
599
|
+
--ntl-teal-600: var(--ntl-hues-turquoise-700);
|
|
600
|
+
--ntl-teal-700: var(--ntl-hues-turquoise-700);
|
|
601
|
+
--ntl-teal-800: var(--ntl-hues-turquoise-800);
|
|
602
|
+
--ntl-teal-900: var(--ntl-hues-turquoise-900);
|
|
442
603
|
--ntl-testimonial-logo-hover-color: var(--ntl-neutral-500);
|
|
443
604
|
--ntl-testimonial-logo-inactive-color: var(--ntl-neutral-400);
|
|
444
605
|
}
|
package/packages/styles/app.css
DELETED
|
@@ -1,189 +0,0 @@
|
|
|
1
|
-
/* Autogenerated by scripts/app-tokens-plugin.mjs. DO NOT EDIT! */
|
|
2
|
-
|
|
3
|
-
:root {
|
|
4
|
-
--colorRgbFacetsBlue000: 237 244 255;
|
|
5
|
-
--colorRgbFacetsBlue100: 205 226 255;
|
|
6
|
-
--colorRgbFacetsBlue200: 181 210 251;
|
|
7
|
-
--colorRgbFacetsBlue300: 156 190 246;
|
|
8
|
-
--colorRgbFacetsBlue400: 128 171 250;
|
|
9
|
-
--colorRgbFacetsBlue500: 93 141 245;
|
|
10
|
-
--colorRgbFacetsBlue600: 49 107 244;
|
|
11
|
-
--colorRgbFacetsBlue700: 46 81 237;
|
|
12
|
-
--colorRgbFacetsBlue800: 32 54 161;
|
|
13
|
-
--colorRgbFacetsBlue900: 27 32 91;
|
|
14
|
-
--colorRgbFacetsGold000: 253 245 216;
|
|
15
|
-
--colorRgbFacetsGold100: 246 224 165;
|
|
16
|
-
--colorRgbFacetsGold200: 250 205 111;
|
|
17
|
-
--colorRgbFacetsGold300: 251 177 61;
|
|
18
|
-
--colorRgbFacetsGold400: 249 142 33;
|
|
19
|
-
--colorRgbFacetsGold500: 213 119 26;
|
|
20
|
-
--colorRgbFacetsGold600: 168 93 19;
|
|
21
|
-
--colorRgbFacetsGold700: 140 76 13;
|
|
22
|
-
--colorRgbFacetsGold800: 96 52 8;
|
|
23
|
-
--colorRgbFacetsGold900: 51 34 19;
|
|
24
|
-
--colorRgbFacetsGreen000: 231 252 233;
|
|
25
|
-
--colorRgbFacetsGreen100: 190 249 198;
|
|
26
|
-
--colorRgbFacetsGreen200: 147 245 165;
|
|
27
|
-
--colorRgbFacetsGreen300: 100 216 127;
|
|
28
|
-
--colorRgbFacetsGreen400: 58 195 100;
|
|
29
|
-
--colorRgbFacetsGreen500: 49 168 85;
|
|
30
|
-
--colorRgbFacetsGreen600: 34 130 64;
|
|
31
|
-
--colorRgbFacetsGreen700: 26 107 52;
|
|
32
|
-
--colorRgbFacetsGreen800: 15 74 33;
|
|
33
|
-
--colorRgbFacetsGreen900: 21 42 25;
|
|
34
|
-
--colorRgbFacetsNeutralDark000: 255 255 255;
|
|
35
|
-
--colorRgbFacetsNeutralDark100: 230 236 242;
|
|
36
|
-
--colorRgbFacetsNeutralDark200: 171 181 191;
|
|
37
|
-
--colorRgbFacetsNeutralDark300: 126 135 146;
|
|
38
|
-
--colorRgbFacetsNeutralDark400: 77 86 95;
|
|
39
|
-
--colorRgbFacetsNeutralDark500: 59 67 76;
|
|
40
|
-
--colorRgbFacetsNeutralDark600: 39 47 56;
|
|
41
|
-
--colorRgbFacetsNeutralDark700: 30 36 44;
|
|
42
|
-
--colorRgbFacetsNeutralDark800: 18 24 31;
|
|
43
|
-
--colorRgbFacetsNeutralDark900: 6 11 16;
|
|
44
|
-
--colorRgbFacetsNeutralLight000: 255 255 255;
|
|
45
|
-
--colorRgbFacetsNeutralLight100: 246 246 247;
|
|
46
|
-
--colorRgbFacetsNeutralLight200: 233 235 237;
|
|
47
|
-
--colorRgbFacetsNeutralLight300: 209 213 218;
|
|
48
|
-
--colorRgbFacetsNeutralLight400: 157 167 178;
|
|
49
|
-
--colorRgbFacetsNeutralLight500: 119 128 137;
|
|
50
|
-
--colorRgbFacetsNeutralLight600: 84 90 97;
|
|
51
|
-
--colorRgbFacetsNeutralLight700: 53 58 62;
|
|
52
|
-
--colorRgbFacetsNeutralLight800: 24 26 28;
|
|
53
|
-
--colorRgbFacetsPink000: 252 240 251;
|
|
54
|
-
--colorRgbFacetsPink100: 246 210 242;
|
|
55
|
-
--colorRgbFacetsPink200: 247 188 243;
|
|
56
|
-
--colorRgbFacetsPink300: 243 168 238;
|
|
57
|
-
--colorRgbFacetsPink400: 239 127 235;
|
|
58
|
-
--colorRgbFacetsPink500: 223 90 220;
|
|
59
|
-
--colorRgbFacetsPink600: 185 56 184;
|
|
60
|
-
--colorRgbFacetsPink700: 154 45 153;
|
|
61
|
-
--colorRgbFacetsPink800: 108 29 107;
|
|
62
|
-
--colorRgbFacetsPink900: 56 27 55;
|
|
63
|
-
--colorRgbFacetsPurple000: 245 242 252;
|
|
64
|
-
--colorRgbFacetsPurple100: 226 217 247;
|
|
65
|
-
--colorRgbFacetsPurple200: 216 199 255;
|
|
66
|
-
--colorRgbFacetsPurple300: 202 185 244;
|
|
67
|
-
--colorRgbFacetsPurple400: 180 157 241;
|
|
68
|
-
--colorRgbFacetsPurple500: 155 128 237;
|
|
69
|
-
--colorRgbFacetsPurple600: 119 92 231;
|
|
70
|
-
--colorRgbFacetsPurple700: 97 74 202;
|
|
71
|
-
--colorRgbFacetsPurple800: 56 42 164;
|
|
72
|
-
--colorRgbFacetsPurple900: 41 33 66;
|
|
73
|
-
--colorRgbFacetsRed000: 251 238 237;
|
|
74
|
-
--colorRgbFacetsRed100: 251 211 208;
|
|
75
|
-
--colorRgbFacetsRed200: 255 189 186;
|
|
76
|
-
--colorRgbFacetsRed300: 255 173 169;
|
|
77
|
-
--colorRgbFacetsRed400: 254 131 130;
|
|
78
|
-
--colorRgbFacetsRed500: 254 78 92;
|
|
79
|
-
--colorRgbFacetsRed600: 214 39 64;
|
|
80
|
-
--colorRgbFacetsRed700: 175 37 54;
|
|
81
|
-
--colorRgbFacetsRed800: 128 10 32;
|
|
82
|
-
--colorRgbFacetsRed900: 61 28 27;
|
|
83
|
-
--colorRgbFacetsTeal000: 222 255 254;
|
|
84
|
-
--colorRgbFacetsTeal100: 142 251 247;
|
|
85
|
-
--colorRgbFacetsTeal200: 50 230 226;
|
|
86
|
-
--colorRgbFacetsTeal300: 20 216 212;
|
|
87
|
-
--colorRgbFacetsTeal400: 5 189 186;
|
|
88
|
-
--colorRgbFacetsTeal500: 4 162 159;
|
|
89
|
-
--colorRgbFacetsTeal600: 2 128 125;
|
|
90
|
-
--colorRgbFacetsTeal700: 1 105 104;
|
|
91
|
-
--colorRgbFacetsTeal800: 1 72 71;
|
|
92
|
-
--colorRgbFacetsTeal900: 12 42 42;
|
|
93
|
-
--effectShadowDarkDeep: 0 16px 24px 0 rgb(6 11 16 / 20%), 0 6px 30px 0 rgb(6 11 16 / 30%), 0 8px 10px 0 rgb(6 11 16 / 40%);
|
|
94
|
-
--effectShadowDarkShallow: 0 1px 10px 0 rgb(18 24 31 / 60%), 0 2px 4px 0 rgb(18 24 31 / 40%);
|
|
95
|
-
--effectShadowLightDeep: 0 16px 24px 0 rgb(24 26 28 / 7%), 0 6px 30px 0 rgb(24 26 28 / 6%), 0 8px 10px 0 rgb(24 26 28 / 10%);
|
|
96
|
-
--effectShadowLightShallow: 0 1px 10px 0 rgb(53 58 62 / 6%), 0 2px 4px 0 rgb(53 58 62 / 8%);
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
[data-brand="hues"] {
|
|
100
|
-
--colorRgbFacetsBlue000: 237 244 255;
|
|
101
|
-
--colorRgbFacetsBlue100: 205 226 255;
|
|
102
|
-
--colorRgbFacetsBlue200: 181 210 251;
|
|
103
|
-
--colorRgbFacetsBlue300: 156 190 246;
|
|
104
|
-
--colorRgbFacetsBlue400: 128 171 250;
|
|
105
|
-
--colorRgbFacetsBlue500: 93 141 245;
|
|
106
|
-
--colorRgbFacetsBlue600: 49 107 244;
|
|
107
|
-
--colorRgbFacetsBlue700: 46 81 237;
|
|
108
|
-
--colorRgbFacetsBlue800: 32 54 161;
|
|
109
|
-
--colorRgbFacetsBlue900: 27 32 91;
|
|
110
|
-
--colorRgbFacetsGold000: 253 245 216;
|
|
111
|
-
--colorRgbFacetsGold100: 246 224 165;
|
|
112
|
-
--colorRgbFacetsGold200: 250 205 111;
|
|
113
|
-
--colorRgbFacetsGold300: 251 177 61;
|
|
114
|
-
--colorRgbFacetsGold400: 249 142 33;
|
|
115
|
-
--colorRgbFacetsGold500: 213 119 26;
|
|
116
|
-
--colorRgbFacetsGold600: 168 93 19;
|
|
117
|
-
--colorRgbFacetsGold700: 140 76 13;
|
|
118
|
-
--colorRgbFacetsGold800: 96 52 8;
|
|
119
|
-
--colorRgbFacetsGold900: 51 34 19;
|
|
120
|
-
--colorRgbFacetsGreen000: 231 252 233;
|
|
121
|
-
--colorRgbFacetsGreen100: 190 249 198;
|
|
122
|
-
--colorRgbFacetsGreen200: 147 245 165;
|
|
123
|
-
--colorRgbFacetsGreen300: 100 216 127;
|
|
124
|
-
--colorRgbFacetsGreen400: 58 195 100;
|
|
125
|
-
--colorRgbFacetsGreen500: 49 168 85;
|
|
126
|
-
--colorRgbFacetsGreen600: 34 130 64;
|
|
127
|
-
--colorRgbFacetsGreen700: 26 107 52;
|
|
128
|
-
--colorRgbFacetsGreen800: 15 74 33;
|
|
129
|
-
--colorRgbFacetsGreen900: 21 42 25;
|
|
130
|
-
--colorRgbFacetsNeutralDark000: 255 255 255;
|
|
131
|
-
--colorRgbFacetsNeutralDark100: 230 236 242;
|
|
132
|
-
--colorRgbFacetsNeutralDark200: 171 181 191;
|
|
133
|
-
--colorRgbFacetsNeutralDark300: 126 135 146;
|
|
134
|
-
--colorRgbFacetsNeutralDark400: 77 86 95;
|
|
135
|
-
--colorRgbFacetsNeutralDark500: 59 67 76;
|
|
136
|
-
--colorRgbFacetsNeutralDark600: 39 47 56;
|
|
137
|
-
--colorRgbFacetsNeutralDark700: 30 36 44;
|
|
138
|
-
--colorRgbFacetsNeutralDark800: 18 24 31;
|
|
139
|
-
--colorRgbFacetsNeutralDark900: 6 11 16;
|
|
140
|
-
--colorRgbFacetsNeutralLight000: 255 255 255;
|
|
141
|
-
--colorRgbFacetsNeutralLight100: 246 246 247;
|
|
142
|
-
--colorRgbFacetsNeutralLight200: 233 235 237;
|
|
143
|
-
--colorRgbFacetsNeutralLight300: 209 213 218;
|
|
144
|
-
--colorRgbFacetsNeutralLight400: 157 167 178;
|
|
145
|
-
--colorRgbFacetsNeutralLight500: 119 128 137;
|
|
146
|
-
--colorRgbFacetsNeutralLight600: 84 90 97;
|
|
147
|
-
--colorRgbFacetsNeutralLight700: 53 58 62;
|
|
148
|
-
--colorRgbFacetsNeutralLight800: 24 26 28;
|
|
149
|
-
--colorRgbFacetsPink000: 252 240 251;
|
|
150
|
-
--colorRgbFacetsPink100: 246 210 242;
|
|
151
|
-
--colorRgbFacetsPink200: 247 188 243;
|
|
152
|
-
--colorRgbFacetsPink300: 243 168 238;
|
|
153
|
-
--colorRgbFacetsPink400: 239 127 235;
|
|
154
|
-
--colorRgbFacetsPink500: 223 90 220;
|
|
155
|
-
--colorRgbFacetsPink600: 185 56 184;
|
|
156
|
-
--colorRgbFacetsPink700: 154 45 153;
|
|
157
|
-
--colorRgbFacetsPink800: 108 29 107;
|
|
158
|
-
--colorRgbFacetsPink900: 56 27 55;
|
|
159
|
-
--colorRgbFacetsPurple000: 245 242 252;
|
|
160
|
-
--colorRgbFacetsPurple100: 226 217 247;
|
|
161
|
-
--colorRgbFacetsPurple200: 216 199 255;
|
|
162
|
-
--colorRgbFacetsPurple300: 202 185 244;
|
|
163
|
-
--colorRgbFacetsPurple400: 180 157 241;
|
|
164
|
-
--colorRgbFacetsPurple500: 155 128 237;
|
|
165
|
-
--colorRgbFacetsPurple600: 119 92 231;
|
|
166
|
-
--colorRgbFacetsPurple700: 97 74 202;
|
|
167
|
-
--colorRgbFacetsPurple800: 56 42 164;
|
|
168
|
-
--colorRgbFacetsPurple900: 41 33 66;
|
|
169
|
-
--colorRgbFacetsRed000: 251 238 237;
|
|
170
|
-
--colorRgbFacetsRed100: 251 211 208;
|
|
171
|
-
--colorRgbFacetsRed200: 255 189 186;
|
|
172
|
-
--colorRgbFacetsRed300: 255 173 169;
|
|
173
|
-
--colorRgbFacetsRed400: 254 131 130;
|
|
174
|
-
--colorRgbFacetsRed500: 254 78 92;
|
|
175
|
-
--colorRgbFacetsRed600: 214 39 64;
|
|
176
|
-
--colorRgbFacetsRed700: 175 37 54;
|
|
177
|
-
--colorRgbFacetsRed800: 128 10 32;
|
|
178
|
-
--colorRgbFacetsRed900: 61 28 27;
|
|
179
|
-
--colorRgbFacetsTeal000: 222 255 254;
|
|
180
|
-
--colorRgbFacetsTeal100: 142 251 247;
|
|
181
|
-
--colorRgbFacetsTeal200: 50 230 226;
|
|
182
|
-
--colorRgbFacetsTeal300: 20 216 212;
|
|
183
|
-
--colorRgbFacetsTeal400: 5 189 186;
|
|
184
|
-
--colorRgbFacetsTeal500: 4 162 159;
|
|
185
|
-
--colorRgbFacetsTeal600: 2 128 125;
|
|
186
|
-
--colorRgbFacetsTeal700: 1 105 104;
|
|
187
|
-
--colorRgbFacetsTeal800: 1 72 71;
|
|
188
|
-
--colorRgbFacetsTeal900: 12 42 42;
|
|
189
|
-
}
|