baseline-ds 0.1.4

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 (36) hide show
  1. package/README.md +330 -0
  2. package/dist/index.css +1970 -0
  3. package/dist/index.css.map +1 -0
  4. package/dist/index.d.mts +743 -0
  5. package/dist/index.d.ts +743 -0
  6. package/dist/index.js +3843 -0
  7. package/dist/index.js.map +1 -0
  8. package/dist/index.mjs +3756 -0
  9. package/dist/index.mjs.map +1 -0
  10. package/dist/tokens/baseline/css/variables.css +278 -0
  11. package/dist/tokens/baseline/js/tokens.js +223 -0
  12. package/dist/tokens/baseline/json/tokens.json +305 -0
  13. package/dist/tokens/baseline/scss/_variables.scss +222 -0
  14. package/dist/tokens/baseline-pro/css/variables.css +278 -0
  15. package/dist/tokens/baseline-pro/js/tokens.js +223 -0
  16. package/dist/tokens/baseline-pro/json/tokens.json +305 -0
  17. package/dist/tokens/baseline-pro/scss/_variables.scss +222 -0
  18. package/dist/tokens/offset/css/variables.css +278 -0
  19. package/dist/tokens/offset/js/tokens.js +223 -0
  20. package/dist/tokens/offset/json/tokens.json +305 -0
  21. package/dist/tokens/offset/scss/_variables.scss +222 -0
  22. package/dist/tokens/primitives/css/variables.css +183 -0
  23. package/dist/tokens/primitives/js/tokens.js +181 -0
  24. package/dist/tokens/primitives/json/tokens.json +229 -0
  25. package/dist/tokens/primitives/scss/_variables.scss +180 -0
  26. package/dist/tokens/semantic/css/variables.css +48 -0
  27. package/dist/tokens/semantic/js/tokens.js +265 -0
  28. package/dist/tokens/semantic/json/tokens.json +395 -0
  29. package/dist/tokens/semantic/scss/_variables.scss +264 -0
  30. package/package.json +84 -0
  31. package/src/fonts.css +17 -0
  32. package/tokens/token_0001PrimitiveBrand_Baseline.json +204 -0
  33. package/tokens/token_0001PrimitiveBrand_BaselinePro.json +204 -0
  34. package/tokens/token_0001PrimitiveBrand_Offset.json +204 -0
  35. package/tokens/token_0100SemanticCore_Mode1.json +218 -0
  36. package/tokens/token__0000PrimitiveCore_Mode1.json +760 -0
package/dist/tokens/baseline/css/variables.css ADDED
@@ -0,0 +1,278 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ *
4
+ * This file combines:
5
+ * - Primitives tokens (base values)
6
+ * - baseline brand tokens (brand-specific overrides)
7
+ * - Semantic tokens (contextual tokens)
8
+ *
9
+ * Import order matters: primitives → brand → semantic
10
+ */
11
+
12
+ :root {
13
+ --color-azure-100: #f1f1fc;
14
+ --color-azure-200: #e4e4f9;
15
+ --color-azure-300: #babbf0;
16
+ --color-azure-400: #8889e5;
17
+ --color-azure-500: #6568dd;
18
+ --color-azure-600: #5154d9;
19
+ --color-azure-700: #292cbd;
20
+ --color-azure-800: #1d2087;
21
+ --color-azure-900: #161865;
22
+ --color-blue-100: #edf2ff;
23
+ --color-blue-200: #dde6fe;
24
+ --color-blue-300: #a6befd;
25
+ --color-blue-400: #648dfc;
26
+ --color-blue-500: #3269fb;
27
+ --color-blue-600: #1252fb;
28
+ --color-blue-700: #0334b7;
29
+ --color-blue-800: #022683;
30
+ --color-blue-900: #021c62;
31
+ --color-brick-100: #f8f0f0;
32
+ --color-brick-200: #e9d1d1;
33
+ --color-brick-300: #ddb6b7;
34
+ --color-brick-400: #d29e9f;
35
+ --color-brick-500: #bc6f71;
36
+ --color-brick-600: #b35b5d;
37
+ --color-brick-700: #8c4143;
38
+ --color-brick-800: #4e2425;
39
+ --color-brick-900: #3a1b1b;
40
+ --color-emerald-100: #eaf5ea;
41
+ --color-emerald-200: #bce0bd;
42
+ --color-emerald-300: #93cd96;
43
+ --color-emerald-400: #6fbc72;
44
+ --color-emerald-500: #459549;
45
+ --color-emerald-600: #357238;
46
+ --color-emerald-700: #2e6331;
47
+ --color-emerald-800: #244e26;
48
+ --color-emerald-900: #132914;
49
+ --color-green-100: #daf9e9;
50
+ --color-green-200: #b5f4d4;
51
+ --color-green-300: #22da7c;
52
+ --color-green-400: #1aa85f;
53
+ --color-green-500: #15864c;
54
+ --color-green-600: #127442;
55
+ --color-green-700: #0c502d;
56
+ --color-green-800: #093820;
57
+ --color-green-900: #062a18;
58
+ --color-grey-100: #f6f6f6;
59
+ --color-grey-200: #e6e6e5;
60
+ --color-grey-300: #c0bfbd;
61
+ --color-grey-400: #acaaa8;
62
+ --color-grey-500: #949290;
63
+ --color-grey-600: #676563;
64
+ --color-grey-700: #595856;
65
+ --color-grey-800: #464543;
66
+ --color-grey-900: #121212;
67
+ --color-pink-100: #feeef8;
68
+ --color-pink-200: #fdc7e8;
69
+ --color-pink-300: #fba4da;
70
+ --color-pink-400: #fa81cc;
71
+ --color-pink-500: #f521a5;
72
+ --color-pink-600: #df0a8e;
73
+ --color-pink-700: #aa076c;
74
+ --color-pink-800: #62043e;
75
+ --color-pink-900: #4a032f;
76
+ --color-purple-100: #f8f0f6;
77
+ --color-purple-200: #e9cfe4;
78
+ --color-purple-300: #dcb3d4;
79
+ --color-purple-400: #d09ac5;
80
+ --color-purple-500: #c27bb4;
81
+ --color-purple-600: #b969a9;
82
+ --color-purple-700: #af539d;
83
+ --color-purple-800: #853e77;
84
+ --color-purple-900: #4a2242;
85
+ --color-red-100: #feefee;
86
+ --color-red-200: #fedfde;
87
+ --color-red-300: #fbaaa8;
88
+ --color-red-400: #f85f5b;
89
+ --color-red-500: #ea0f0a;
90
+ --color-red-600: #cc0d08;
91
+ --color-red-700: #8e0906;
92
+ --color-red-800: #670704;
93
+ --color-red-900: #4e0503;
94
+ --color-white-500: #ffffff;
95
+ --color-yellow-100: #fdf3c1;
96
+ --color-yellow-200: #fbe682;
97
+ --color-yellow-300: #f9d425;
98
+ --color-yellow-400: #e2bc06;
99
+ --color-yellow-500: #caa806;
100
+ --color-yellow-600: #8b7304;
101
+ --color-yellow-700: #786403;
102
+ --color-yellow-800: #524402;
103
+ --color-yellow-900: #2b2301;
104
+ --color-yellow-050: #f9fae1;
105
+ --color-yolk-100: #fef1d0;
106
+ --color-yolk-200: #fce4a2;
107
+ --color-yolk-300: #f4b407;
108
+ --color-yolk-400: #bb8a05;
109
+ --color-yolk-500: #966f04;
110
+ --color-yolk-600: #826004;
111
+ --color-yolk-700: #594102;
112
+ --color-yolk-800: #3f2e02;
113
+ --color-yolk-900: #2e2201;
114
+ --sizing-radius-100: 0.500rem;
115
+ --sizing-radius-150: 0.750rem;
116
+ --sizing-radius-200: 1.000rem;
117
+ --sizing-radius-300: 1.500rem;
118
+ --sizing-radius-000: 0.000rem;
119
+ --sizing-radius-025: 0.125rem;
120
+ --sizing-radius-050: 0.250rem;
121
+ --sizing-radius-075: 0.375rem;
122
+ --sizing-radius-full: 624.938rem;
123
+ --sizing-scale-100: 4.000rem;
124
+ --sizing-scale-110: 5.000rem;
125
+ --sizing-scale-120: 6.000rem;
126
+ --sizing-scale-130: 8.000rem;
127
+ --sizing-scale-140: 10.000rem;
128
+ --sizing-scale-000: 0.000rem;
129
+ --sizing-scale-010: 0.250rem;
130
+ --sizing-scale-020: 0.500rem;
131
+ --sizing-scale-030: 0.750rem;
132
+ --sizing-scale-040: 1.000rem;
133
+ --sizing-scale-050: 1.250rem;
134
+ --sizing-scale-060: 1.500rem;
135
+ --sizing-scale-070: 2.000rem;
136
+ --sizing-scale-080: 2.500rem;
137
+ --sizing-scale-090: 3.000rem;
138
+ --sizing-stroke-100: 0.125rem;
139
+ --sizing-stroke-200: 0.250rem;
140
+ --sizing-stroke-300: 0.375rem;
141
+ --sizing-stroke-000: 0.000rem;
142
+ --sizing-stroke-020: 0.016rem;
143
+ --sizing-stroke-050: 0.063rem;
144
+ --spacing-scale-100: 1.500rem;
145
+ --spacing-scale-110: 2.000rem;
146
+ --spacing-scale-120: 2.500rem;
147
+ --spacing-scale-130: 3.000rem;
148
+ --spacing-scale-140: 4.000rem;
149
+ --spacing-scale-150: 5.000rem;
150
+ --spacing-scale-160: 6.000rem;
151
+ --spacing-scale-000: 0.000rem;
152
+ --spacing-scale-010: 0.063rem;
153
+ --spacing-scale-020: 0.125rem;
154
+ --spacing-scale-030: 0.250rem;
155
+ --spacing-scale-040: 0.375rem;
156
+ --spacing-scale-050: 0.500rem;
157
+ --spacing-scale-060: 0.625rem;
158
+ --spacing-scale-070: 0.750rem;
159
+ --spacing-scale-080: 1.000rem;
160
+ --spacing-scale-090: 1.250rem;
161
+ --typography-font-family--d-m-sans: DM Sans;
162
+ --typography-font-family--fustat: Fustat;
163
+ --typography-font-family--gabarito: Gabarito;
164
+ --typography-font-family--geist -mono: Geist Mono;
165
+ --typography-font-family--jet-brains -mono: JetBrains Mono;
166
+ --typography-font-size-100: 1.000rem;
167
+ --typography-font-size-120: 1.188rem;
168
+ --typography-font-size-145: 1.438rem;
169
+ --typography-font-size-175: 1.750rem;
170
+ --typography-font-size-200: 2.063rem;
171
+ --typography-font-size-250: 2.500rem;
172
+ --typography-font-size-300: 3.000rem;
173
+ --typography-font-size-360: 3.625rem;
174
+ --typography-font-size-435: 4.375rem;
175
+ --typography-font-size-525: 5.250rem;
176
+ --typography-font-size-625: 100;
177
+ --typography-font-size-750: 7.500rem;
178
+ --typography-font-size-1250: 12.500rem;
179
+ --typography-font-size-070: 0.688rem;
180
+ --typography-font-size-080: 0.813rem;
181
+ --typography-font-weight-bold: 700;
182
+ --typography-font-weight-extra-bold: 900;
183
+ --typography-font-weight-light: 300;
184
+ --typography-font-weight-normal: 500;
185
+ --typography-line-height-loose: 1.60;
186
+ --typography-line-height-looser: 1.80;
187
+ --typography-line-height-normal: 1.40;
188
+ --typography-line-height-tight: 1.20;
189
+ --typography-line-height-tighter: 1.00;
190
+
191
+ /* baseline Brand Tokens */
192
+ --brand-color-accent-100: var(--color-pink-500);
193
+ --brand-color-accent-150: var(--color-pink-700);
194
+ --brand-color-accent-050: var(--color-pink-300);
195
+ --brand-color-background-primary: var(--color-yellow-050);
196
+ --brand-color-brand-100: var(--color-azure-500);
197
+ --brand-color-brand-150: var(--color-azure-800);
198
+ --brand-color-brand-050: var(--color-azure-300);
199
+ --brand-color-danger-100: var(--color-brick-600);
200
+ --brand-color-danger-150: var(--color-brick-700);
201
+ --brand-color-danger-050: var(--color-brick-400);
202
+ --brand-color-highlight-100: var(--color-azure-800);
203
+ --brand-color-highlight-150: var(--color-azure-900);
204
+ --brand-color-highlight-050: var(--color-azure-700);
205
+ --brand-color-input-100: var(--color-azure-200);
206
+ --brand-color-input-050: var(--color-white-500);
207
+ --brand-color-neutral-100: var(--color-grey-500);
208
+ --brand-color-neutral-125: var(--color-grey-600);
209
+ --brand-color-neutral-150: var(--color-grey-800);
210
+ --brand-color-neutral-050: var(--color-grey-100);
211
+ --brand-color-neutral-075: var(--color-grey-300);
212
+ --brand-color-secondary-100: var(--color-yellow-200);
213
+ --brand-color-secondary-150: var(--color-yellow-400);
214
+ --brand-color-secondary-050: var(--color-yellow-100);
215
+ --brand-color-success-100: var(--color-emerald-500);
216
+ --brand-color-success-150: var(--color-emerald-600);
217
+ --brand-color-success-050: var(--color-emerald-300);
218
+ --brand-color-warning-100: var(--color-yellow-500);
219
+ --brand-color-warning-150: var(--color-yellow-600);
220
+ --brand-color-warning-050: var(--color-yellow-300);
221
+ --brand-sizing-radius-full: var(--sizing-radius-full);
222
+ --brand-sizing-radius-large: var(--sizing-radius-150);
223
+ --brand-sizing-radius-medium: var(--sizing-radius-075);
224
+ --brand-sizing-radius-small: var(--sizing-radius-025);
225
+ --brand-sizing-stroke-lg: var(--sizing-stroke-100);
226
+ --brand-sizing-stroke-md: var(--sizing-stroke-050);
227
+ --brand-sizing-stroke-sm: var(--sizing-stroke-020);
228
+ --brand-sizing-stroke-xl: var(--sizing-stroke-200);
229
+ --brand-typography-font-family-body: var(--typography-font-family--d-m-sans);
230
+ --brand-typography-font-family-code: var(--typography-font-family--geist -mono);
231
+ --brand-typography-font-family-display: var(--typography-font-family--d-m-sans);
232
+ --brand-typography-font-family-heading: var(--typography-font-family--d-m-sans);
233
+ --brand-typography-font-family-label: var(--typography-font-family--d-m-sans);
234
+
235
+ /* Semantic Tokens */
236
+ --color-background-code-default: var(--brand-color-neutral-150);
237
+ --color-background-disabled-default: var(--color-grey-200);
238
+ --color-background-primary-default: var(--brand-color-neutral-050);
239
+ --color-background-secondary-default: var(--brand-color-brand-100);
240
+ --color-background-tertiary-default: var(--brand-color-neutral-150);
241
+ --color-border-default: var(--brand-color-highlight-050);
242
+ --color-border-secondary: var(--brand-color-neutral-075);
243
+ --color-input-background-active: var(--brand-color-input-050);
244
+ --color-input-background-default: var(--brand-color-input-100);
245
+ --color-input-background-disabled: var(--color-background-disabled-default);
246
+ --color-typography-code-default: var(--brand-color-neutral-050);
247
+ --color-typography-code-secondary: var(--brand-color-neutral-125);
248
+ --color-typography-label-default: var(--brand-color-neutral-125);
249
+ --color-typography-primary-darker: var(--brand-color-highlight-150);
250
+ --color-typography-primary-default: var(--brand-color-brand-150);
251
+ --color-typography-primary-lighter: var(--brand-color-brand-100);
252
+ --color-typography-secondary-darker: var(--brand-color-secondary-100);
253
+ --color-typography-secondary-default: var(--brand-color-secondary-050);
254
+ --color-typography-secondary-lighter: var(--brand-color-neutral-050);
255
+ --sizing-typography-font-size-code-large: var(--typography-font-size-120);
256
+ --sizing-typography-font-size-code-medium: var(--typography-font-size-100);
257
+ --sizing-typography-font-size-code-small: var(--typography-font-size-080);
258
+ --sizing-typography-font-size-code-xsmall: var(--typography-font-size-070);
259
+ --sizing-typography-font-size-display-large: var(--typography-font-size-750);
260
+ --sizing-typography-font-size-display-medium: var(--typography-font-size-435);
261
+ --sizing-typography-font-size-display-small: var(--typography-font-size-360);
262
+ --sizing-typography-font-size-display-x-large: var(--typography-font-size-1250);
263
+ --sizing-typography-font-size-display-x-small: var(--typography-font-size-300);
264
+ --sizing-typography-font-size-heading-large: var(--typography-font-size-200);
265
+ --sizing-typography-font-size-heading-medium: var(--typography-font-size-175);
266
+ --sizing-typography-font-size-heading-small: var(--typography-font-size-145);
267
+ --sizing-typography-font-size-heading-xlarge: var(--typography-font-size-250);
268
+ --sizing-typography-font-size-heading-xsmall: var(--typography-font-size-120);
269
+ --sizing-typography-font-size-heading-xxlarge: var(--typography-font-size-360);
270
+ --sizing-typography-font-size-label-large: var(--typography-font-size-120);
271
+ --sizing-typography-font-size-label-medium: var(--typography-font-size-100);
272
+ --sizing-typography-font-size-label-small: var(--typography-font-size-080);
273
+ --sizing-typography-font-size-label-xsmall: var(--typography-font-size-070);
274
+ --sizing-typography-font-size-paragraph-large: var(--typography-font-size-120);
275
+ --sizing-typography-font-size-paragraph-medium: var(--typography-font-size-100);
276
+ --sizing-typography-font-size-paragraph-small: var(--typography-font-size-080);
277
+ --sizing-typography-font-size-paragraph-xsmall: var(--typography-font-size-070);
278
+ }
package/dist/tokens/baseline/js/tokens.js ADDED
@@ -0,0 +1,223 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ export const primitiveColorAzure100 = "#F1F1FC";
6
+ export const primitiveColorAzure200 = "#E4E4F9";
7
+ export const primitiveColorAzure300 = "#BABBF0";
8
+ export const primitiveColorAzure400 = "#8889E5";
9
+ export const primitiveColorAzure500 = "#6568DD";
10
+ export const primitiveColorAzure600 = "#5154D9";
11
+ export const primitiveColorAzure700 = "#292CBD";
12
+ export const primitiveColorAzure800 = "#1D2087";
13
+ export const primitiveColorAzure900 = "#161865";
14
+ export const primitiveColorBlue100 = "#EDF2FF";
15
+ export const primitiveColorBlue200 = "#DDE6FE";
16
+ export const primitiveColorBlue300 = "#A6BEFD";
17
+ export const primitiveColorBlue400 = "#648DFC";
18
+ export const primitiveColorBlue500 = "#3269FB";
19
+ export const primitiveColorBlue600 = "#1252FB";
20
+ export const primitiveColorBlue700 = "#0334B7";
21
+ export const primitiveColorBlue800 = "#022683";
22
+ export const primitiveColorBlue900 = "#021C62";
23
+ export const primitiveColorBrick100 = "#F8F0F0";
24
+ export const primitiveColorBrick200 = "#E9D1D1";
25
+ export const primitiveColorBrick300 = "#DDB6B7";
26
+ export const primitiveColorBrick400 = "#D29E9F";
27
+ export const primitiveColorBrick500 = "#BC6F71";
28
+ export const primitiveColorBrick600 = "#B35B5D";
29
+ export const primitiveColorBrick700 = "#8C4143";
30
+ export const primitiveColorBrick800 = "#4E2425";
31
+ export const primitiveColorBrick900 = "#3A1B1B";
32
+ export const primitiveColorEmerald100 = "#EAF5EA";
33
+ export const primitiveColorEmerald200 = "#BCE0BD";
34
+ export const primitiveColorEmerald300 = "#93CD96";
35
+ export const primitiveColorEmerald400 = "#6FBC72";
36
+ export const primitiveColorEmerald500 = "#459549";
37
+ export const primitiveColorEmerald600 = "#357238";
38
+ export const primitiveColorEmerald700 = "#2E6331";
39
+ export const primitiveColorEmerald800 = "#244E26";
40
+ export const primitiveColorEmerald900 = "#132914";
41
+ export const primitiveColorGreen100 = "#DAF9E9";
42
+ export const primitiveColorGreen200 = "#B5F4D4";
43
+ export const primitiveColorGreen300 = "#22DA7C";
44
+ export const primitiveColorGreen400 = "#1AA85F";
45
+ export const primitiveColorGreen500 = "#15864C";
46
+ export const primitiveColorGreen600 = "#127442";
47
+ export const primitiveColorGreen700 = "#0C502D";
48
+ export const primitiveColorGreen800 = "#093820";
49
+ export const primitiveColorGreen900 = "#062A18";
50
+ export const primitiveColorGrey100 = "#F6F6F6";
51
+ export const primitiveColorGrey200 = "#E6E6E5";
52
+ export const primitiveColorGrey300 = "#C0BFBD";
53
+ export const primitiveColorGrey400 = "#ACAAA8";
54
+ export const primitiveColorGrey500 = "#949290";
55
+ export const primitiveColorGrey600 = "#676563";
56
+ export const primitiveColorGrey700 = "#595856";
57
+ export const primitiveColorGrey800 = "#464543";
58
+ export const primitiveColorGrey900 = "#121212";
59
+ export const primitiveColorPink100 = "#FEEEF8";
60
+ export const primitiveColorPink200 = "#FDC7E8";
61
+ export const primitiveColorPink300 = "#FBA4DA";
62
+ export const primitiveColorPink400 = "#FA81CC";
63
+ export const primitiveColorPink500 = "#F521A5";
64
+ export const primitiveColorPink600 = "#DF0A8E";
65
+ export const primitiveColorPink700 = "#AA076C";
66
+ export const primitiveColorPink800 = "#62043E";
67
+ export const primitiveColorPink900 = "#4A032F";
68
+ export const primitiveColorPurple100 = "#F8F0F6";
69
+ export const primitiveColorPurple200 = "#E9CFE4";
70
+ export const primitiveColorPurple300 = "#DCB3D4";
71
+ export const primitiveColorPurple400 = "#D09AC5";
72
+ export const primitiveColorPurple500 = "#C27BB4";
73
+ export const primitiveColorPurple600 = "#B969A9";
74
+ export const primitiveColorPurple700 = "#AF539D";
75
+ export const primitiveColorPurple800 = "#853E77";
76
+ export const primitiveColorPurple900 = "#4A2242";
77
+ export const primitiveColorRed100 = "#FEEFEE";
78
+ export const primitiveColorRed200 = "#FEDFDE";
79
+ export const primitiveColorRed300 = "#FBAAA8";
80
+ export const primitiveColorRed400 = "#F85F5B";
81
+ export const primitiveColorRed500 = "#EA0F0A";
82
+ export const primitiveColorRed600 = "#CC0D08";
83
+ export const primitiveColorRed700 = "#8E0906";
84
+ export const primitiveColorRed800 = "#670704";
85
+ export const primitiveColorRed900 = "#4E0503";
86
+ export const primitiveColorWhite500 = "#FFFFFF";
87
+ export const primitiveColorYellow100 = "#FDF3C1";
88
+ export const primitiveColorYellow200 = "#FBE682";
89
+ export const primitiveColorYellow300 = "#F9D425";
90
+ export const primitiveColorYellow400 = "#E2BC06";
91
+ export const primitiveColorYellow500 = "#CAA806";
92
+ export const primitiveColorYellow600 = "#8B7304";
93
+ export const primitiveColorYellow700 = "#786403";
94
+ export const primitiveColorYellow800 = "#524402";
95
+ export const primitiveColorYellow900 = "#2B2301";
96
+ export const primitiveColorYellow050 = "#F9FAE1";
97
+ export const primitiveColorYolk100 = "#FEF1D0";
98
+ export const primitiveColorYolk200 = "#FCE4A2";
99
+ export const primitiveColorYolk300 = "#F4B407";
100
+ export const primitiveColorYolk400 = "#BB8A05";
101
+ export const primitiveColorYolk500 = "#966F04";
102
+ export const primitiveColorYolk600 = "#826004";
103
+ export const primitiveColorYolk700 = "#594102";
104
+ export const primitiveColorYolk800 = "#3F2E02";
105
+ export const primitiveColorYolk900 = "#2E2201";
106
+ export const primitiveSizingRadius100 = "0.500rem";
107
+ export const primitiveSizingRadius150 = "0.750rem";
108
+ export const primitiveSizingRadius200 = "1.000rem";
109
+ export const primitiveSizingRadius300 = "1.500rem";
110
+ export const primitiveSizingRadius000 = "0.000rem";
111
+ export const primitiveSizingRadius025 = "0.125rem";
112
+ export const primitiveSizingRadius050 = "0.250rem";
113
+ export const primitiveSizingRadius075 = "0.375rem";
114
+ export const primitiveSizingRadiusFull = "624.938rem";
115
+ export const primitiveSizingScale100 = "4.000rem";
116
+ export const primitiveSizingScale110 = "5.000rem";
117
+ export const primitiveSizingScale120 = "6.000rem";
118
+ export const primitiveSizingScale130 = "8.000rem";
119
+ export const primitiveSizingScale140 = "10.000rem";
120
+ export const primitiveSizingScale000 = "0.000rem";
121
+ export const primitiveSizingScale010 = "0.250rem";
122
+ export const primitiveSizingScale020 = "0.500rem";
123
+ export const primitiveSizingScale030 = "0.750rem";
124
+ export const primitiveSizingScale040 = "1.000rem";
125
+ export const primitiveSizingScale050 = "1.250rem";
126
+ export const primitiveSizingScale060 = "1.500rem";
127
+ export const primitiveSizingScale070 = "2.000rem";
128
+ export const primitiveSizingScale080 = "2.500rem";
129
+ export const primitiveSizingScale090 = "3.000rem";
130
+ export const primitiveSizingStroke100 = "0.125rem";
131
+ export const primitiveSizingStroke200 = "0.250rem";
132
+ export const primitiveSizingStroke300 = "0.375rem";
133
+ export const primitiveSizingStroke000 = "0.000rem";
134
+ export const primitiveSizingStroke020 = "0.016rem";
135
+ export const primitiveSizingStroke050 = "0.063rem";
136
+ export const primitiveSpacingScale100 = "1.500rem";
137
+ export const primitiveSpacingScale110 = "2.000rem";
138
+ export const primitiveSpacingScale120 = "2.500rem";
139
+ export const primitiveSpacingScale130 = "3.000rem";
140
+ export const primitiveSpacingScale140 = "4.000rem";
141
+ export const primitiveSpacingScale150 = "5.000rem";
142
+ export const primitiveSpacingScale160 = "6.000rem";
143
+ export const primitiveSpacingScale000 = "0.000rem";
144
+ export const primitiveSpacingScale010 = "0.063rem";
145
+ export const primitiveSpacingScale020 = "0.125rem";
146
+ export const primitiveSpacingScale030 = "0.250rem";
147
+ export const primitiveSpacingScale040 = "0.375rem";
148
+ export const primitiveSpacingScale050 = "0.500rem";
149
+ export const primitiveSpacingScale060 = "0.625rem";
150
+ export const primitiveSpacingScale070 = "0.750rem";
151
+ export const primitiveSpacingScale080 = "1.000rem";
152
+ export const primitiveSpacingScale090 = "1.250rem";
153
+ export const primitiveTypographyFontFamilyDmSans = "DM Sans";
154
+ export const primitiveTypographyFontFamilyFustat = "Fustat";
155
+ export const primitiveTypographyFontFamilyGabarito = "Gabarito";
156
+ export const primitiveTypographyFontFamilyGeistMono = "Geist Mono";
157
+ export const primitiveTypographyFontFamilyJetBrainsMono = "JetBrains Mono";
158
+ export const primitiveTypographyFontSize100 = "1.000rem";
159
+ export const primitiveTypographyFontSize120 = "1.188rem";
160
+ export const primitiveTypographyFontSize145 = "1.438rem";
161
+ export const primitiveTypographyFontSize175 = "1.750rem";
162
+ export const primitiveTypographyFontSize200 = "2.063rem";
163
+ export const primitiveTypographyFontSize250 = "2.500rem";
164
+ export const primitiveTypographyFontSize300 = "3.000rem";
165
+ export const primitiveTypographyFontSize360 = "3.625rem";
166
+ export const primitiveTypographyFontSize435 = "4.375rem";
167
+ export const primitiveTypographyFontSize525 = "5.250rem";
168
+ export const primitiveTypographyFontSize625 = "100";
169
+ export const primitiveTypographyFontSize750 = "7.500rem";
170
+ export const primitiveTypographyFontSize1250 = "12.500rem";
171
+ export const primitiveTypographyFontSize070 = "0.688rem";
172
+ export const primitiveTypographyFontSize080 = "0.813rem";
173
+ export const primitiveTypographyFontWeightBold = "43.750rem";
174
+ export const primitiveTypographyFontWeightExtraBold = "56.250rem";
175
+ export const primitiveTypographyFontWeightLight = "18.750rem";
176
+ export const primitiveTypographyFontWeightNormal = "31.250rem";
177
+ export const primitiveTypographyLineHeightLoose = "10.000rem";
178
+ export const primitiveTypographyLineHeightLooser = "11.250rem";
179
+ export const primitiveTypographyLineHeightNormal = "8.750rem";
180
+ export const primitiveTypographyLineHeightTight = "7.500rem";
181
+ export const primitiveTypographyLineHeightTighter = "6.250rem";
182
+ export const brandColorAccent100 = "#F521A5";
183
+ export const brandColorAccent150 = "#AA076C";
184
+ export const brandColorAccent050 = "#FBA4DA";
185
+ export const brandColorBackgroundPrimary = "#F9FAE1";
186
+ export const brandColorBrand100 = "#6568DD";
187
+ export const brandColorBrand150 = "#1D2087";
188
+ export const brandColorBrand050 = "#BABBF0";
189
+ export const brandColorDanger100 = "#B35B5D";
190
+ export const brandColorDanger150 = "#8C4143";
191
+ export const brandColorDanger050 = "#D29E9F";
192
+ export const brandColorHighlight100 = "#1D2087";
193
+ export const brandColorHighlight150 = "#161865";
194
+ export const brandColorHighlight050 = "#292CBD";
195
+ export const brandColorInput100 = "#E4E4F9";
196
+ export const brandColorInput050 = "#FFFFFF";
197
+ export const brandColorNeutral100 = "#949290";
198
+ export const brandColorNeutral125 = "#676563";
199
+ export const brandColorNeutral150 = "#464543";
200
+ export const brandColorNeutral050 = "#F6F6F6";
201
+ export const brandColorNeutral075 = "#C0BFBD";
202
+ export const brandColorSecondary100 = "#FBE682";
203
+ export const brandColorSecondary150 = "#E2BC06";
204
+ export const brandColorSecondary050 = "#FDF3C1";
205
+ export const brandColorSuccess100 = "#459549";
206
+ export const brandColorSuccess150 = "#357238";
207
+ export const brandColorSuccess050 = "#93CD96";
208
+ export const brandColorWarning100 = "#CAA806";
209
+ export const brandColorWarning150 = "#8B7304";
210
+ export const brandColorWarning050 = "#F9D425";
211
+ export const brandSizingRadiusFull = "624.938rem";
212
+ export const brandSizingRadiusLarge = "0.750rem";
213
+ export const brandSizingRadiusMedium = "0.375rem";
214
+ export const brandSizingRadiusSmall = "0.125rem";
215
+ export const brandSizingStrokeLg = "0.125rem";
216
+ export const brandSizingStrokeMd = "0.063rem";
217
+ export const brandSizingStrokeSm = "0.016rem";
218
+ export const brandSizingStrokeXl = "0.250rem";
219
+ export const brandTypographyFontFamilyBody = "DM Sans";
220
+ export const brandTypographyFontFamilyCode = "Geist Mono";
221
+ export const brandTypographyFontFamilyDisplay = "DM Sans";
222
+ export const brandTypographyFontFamilyHeading = "DM Sans";
223
+ export const brandTypographyFontFamilyLabel = "DM Sans";