ui-foundations 0.1.0 → 0.1.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/dist/main.css +7 -7
- package/dist/tokens/css/brand-a.tokens.css +1 -1
- package/dist/tokens/css/brand-b.tokens.css +1 -1
- package/dist/tokens/css/color.dark.tokens.css +1 -1
- package/dist/tokens/css/color.light.tokens.css +1 -1
- package/dist/tokens/css/component.tokens.css +1 -1
- package/dist/tokens/css/primitives.tokens.css +1 -1
- package/dist/tokens/css/semantic.tokens.css +1 -1
- package/dist/tokens/tokens.yaml +1 -1
- package/dist/tokens/ts/brand-a.tokens.ts +1 -1
- package/dist/tokens/ts/brand-b.tokens.ts +1 -1
- package/dist/tokens/ts/color.dark.tokens.ts +1 -1
- package/dist/tokens/ts/color.light.tokens.ts +1 -1
- package/dist/tokens/ts/component.tokens.ts +1 -1
- package/dist/tokens/ts/primitives.tokens.ts +1 -1
- package/dist/tokens/ts/semantic.tokens.ts +1 -1
- package/package.json +5 -2
package/dist/main.css
CHANGED
|
@@ -181,7 +181,7 @@
|
|
|
181
181
|
}
|
|
182
182
|
}
|
|
183
183
|
/* Auto-generated design tokens from Figma */
|
|
184
|
-
/* Generated on 2026-03-
|
|
184
|
+
/* Generated on 2026-03-04T21:31:32.474Z */
|
|
185
185
|
|
|
186
186
|
:root {
|
|
187
187
|
--color-transparent: rgba(0 0 0 / 0);
|
|
@@ -308,7 +308,7 @@
|
|
|
308
308
|
--zindex-tooltip: 1070;
|
|
309
309
|
}
|
|
310
310
|
/* Auto-generated design tokens from Figma */
|
|
311
|
-
/* Generated on 2026-03-
|
|
311
|
+
/* Generated on 2026-03-04T21:31:32.456Z */
|
|
312
312
|
|
|
313
313
|
:root[data-brand="a"] {
|
|
314
314
|
--brand-color-primary: var(--color-brand-a-purple-600);
|
|
@@ -330,7 +330,7 @@
|
|
|
330
330
|
--brand-corner-modal: var(--size-radius-400);
|
|
331
331
|
}
|
|
332
332
|
/* Auto-generated design tokens from Figma */
|
|
333
|
-
/* Generated on 2026-03-
|
|
333
|
+
/* Generated on 2026-03-04T21:31:32.458Z */
|
|
334
334
|
|
|
335
335
|
:root[data-brand="b"] {
|
|
336
336
|
--brand-color-primary: var(--color-brand-b-blue-500);
|
|
@@ -352,7 +352,7 @@
|
|
|
352
352
|
--brand-corner-modal: var(--size-radius-200);
|
|
353
353
|
}
|
|
354
354
|
/* Auto-generated design tokens from Figma */
|
|
355
|
-
/* Generated on 2026-03-
|
|
355
|
+
/* Generated on 2026-03-04T21:31:32.476Z */
|
|
356
356
|
|
|
357
357
|
:root {
|
|
358
358
|
--typography-code: var(--font-family-mono);
|
|
@@ -387,7 +387,7 @@
|
|
|
387
387
|
--corner-modal-radius: var(--brand-corner-modal);
|
|
388
388
|
}
|
|
389
389
|
/* Auto-generated design tokens from Figma */
|
|
390
|
-
/* Generated on 2026-03-
|
|
390
|
+
/* Generated on 2026-03-04T21:31:32.464Z */
|
|
391
391
|
|
|
392
392
|
:root {
|
|
393
393
|
--button-font-family: var(--brand-font-lead);
|
|
@@ -490,7 +490,7 @@
|
|
|
490
490
|
--form-field-helper-text-color-invalid: var(--color-text-danger);
|
|
491
491
|
}
|
|
492
492
|
/* Auto-generated design tokens from Figma */
|
|
493
|
-
/* Generated on 2026-03-
|
|
493
|
+
/* Generated on 2026-03-04T21:31:32.470Z */
|
|
494
494
|
|
|
495
495
|
:root {
|
|
496
496
|
--color-focus: var(--brand-color-primary);
|
|
@@ -522,7 +522,7 @@
|
|
|
522
522
|
--color-overlay-selected: var(--color-neutral-alpha-600);
|
|
523
523
|
}
|
|
524
524
|
/* Auto-generated design tokens from Figma */
|
|
525
|
-
/* Generated on 2026-03-
|
|
525
|
+
/* Generated on 2026-03-04T21:31:32.468Z */
|
|
526
526
|
|
|
527
527
|
:root[data-mode="dark"] {
|
|
528
528
|
--color-focus: var(--brand-color-primary-dark);
|
package/dist/tokens/tokens.yaml
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ui-foundations",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"description": "Token-first UI foundations with CSS, tokens, and React exports.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -26,7 +26,10 @@
|
|
|
26
26
|
"./react/input": "./dist/react/input.js",
|
|
27
27
|
"./react/label": "./dist/react/label.js",
|
|
28
28
|
"./assets/*": "./dist/assets/*",
|
|
29
|
-
"./tokens/core.css": "./dist/tokens/css/
|
|
29
|
+
"./tokens/core.css": "./dist/tokens/css/primitives.tokens.css",
|
|
30
|
+
"./tokens/primitives.css": "./dist/tokens/css/primitives.tokens.css",
|
|
31
|
+
"./tokens/brand-a.css": "./dist/tokens/css/brand-a.tokens.css",
|
|
32
|
+
"./tokens/brand-b.css": "./dist/tokens/css/brand-b.tokens.css",
|
|
30
33
|
"./tokens/color.css": "./dist/tokens/css/color.light.tokens.css",
|
|
31
34
|
"./tokens/color-light.css": "./dist/tokens/css/color.light.tokens.css",
|
|
32
35
|
"./tokens/color-dark.css": "./dist/tokens/css/color.dark.tokens.css",
|