@techsio/ui-kit 0.11.0 → 0.13.0

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 (38) hide show
  1. package/dist/.storybook/main.d.ts.map +1 -1
  2. package/dist/.storybook/preview.d.ts.map +1 -1
  3. package/dist/organisms/footer.figma.js +51 -0
  4. package/dist/organisms/footer.js +11 -11
  5. package/dist/organisms/gallery.figma.js +34 -0
  6. package/dist/organisms/header.figma.js +58 -0
  7. package/dist/organisms/table.figma.js +87 -0
  8. package/dist/organisms/table.js +6 -6
  9. package/dist/src/organisms/footer.d.ts.map +1 -1
  10. package/dist/src/organisms/footer.figma.d.ts +2 -0
  11. package/dist/src/organisms/footer.figma.d.ts.map +1 -0
  12. package/dist/src/organisms/gallery.figma.d.ts +2 -0
  13. package/dist/src/organisms/gallery.figma.d.ts.map +1 -0
  14. package/dist/src/organisms/header.figma.d.ts +2 -0
  15. package/dist/src/organisms/header.figma.d.ts.map +1 -0
  16. package/dist/src/organisms/table.figma.d.ts +2 -0
  17. package/dist/src/organisms/table.figma.d.ts.map +1 -0
  18. package/dist/src/theme/theme-config.d.ts +41 -0
  19. package/dist/src/theme/theme-config.d.ts.map +1 -0
  20. package/dist/src/theme/theme-provider.d.ts +37 -0
  21. package/dist/src/theme/theme-provider.d.ts.map +1 -0
  22. package/dist/src/theme/theme-toggle.d.ts +4 -0
  23. package/dist/src/theme/theme-toggle.d.ts.map +1 -0
  24. package/dist/theme/theme-config.js +46 -0
  25. package/dist/theme/theme-provider.js +101 -0
  26. package/dist/theme/theme-toggle.js +71 -0
  27. package/package.json +34 -31
  28. package/src/tokens/_tokens-base.css +6 -0
  29. package/src/tokens/components/organisms/_footer.css +8 -82
  30. package/src/tokens/components/organisms/_gallery.css +11 -33
  31. package/src/tokens/components/organisms/_header.css +11 -80
  32. package/src/tokens/components/organisms/_table.css +15 -61
  33. package/src/tokens/figma/brand-overrides.css +49 -0
  34. package/src/tokens/figma/dark/variables.css +10 -6
  35. package/src/tokens/figma/light/variables.css +10 -6
  36. package/src/tokens/figma/neo/variables.css +1792 -0
  37. package/src/tokens/figma/neo-dark/variables.css +1792 -0
  38. package/src/tokens/figma/variables.css +13 -8
package/src/tokens/figma/variables.css CHANGED
@@ -1,13 +1,14 @@
1
1
  /*
2
- * Unified Figma tokens — light + dark merged into a single @theme static.
2
+ * Unified Figma tokens — base brand, light + dark merged into @theme static.
3
3
  * Generated by merge-figma-themes.mjs. DO NOT EDIT BY HAND.
4
4
  *
5
5
  * - Tokens identical in both modes: single value.
6
6
  * - Tokens that differ: light-dark(L, D).
7
7
  *
8
8
  * `@theme static` makes Tailwind v4 generate utilities automatically.
9
- * `light-dark()` follows the document's `color-scheme`, which the rest of
10
- * the token system manages via :is(.dark, .always-dark) selectors.
9
+ * `light-dark()` follows the document's `color-scheme`, which
10
+ * _tokens-base.css manages via :is(.dark, .always-dark) selectors.
11
+ * Non-base brands live in brand-overrides.css (imported after this).
11
12
  */
12
13
 
13
14
  @theme static {
@@ -351,6 +352,7 @@
351
352
  --color-fill-highlight: light-dark(var(--color-neutral-300), var(--color-neutral-700));
352
353
  --color-fill-hover: light-dark(var(--color-neutral-020617-10), var(--color-white-10));
353
354
  --color-fill-overlay: light-dark(var(--color-neutral-200), var(--color-neutral-800));
355
+ --color-fill-selected: var(--color-primary-alpha-10);
354
356
  --color-fill-surface: light-dark(var(--color-neutral-100), var(--color-neutral-800));
355
357
  --color-float: var(--color-fill-highlight);
356
358
  --color-footer-bg: var(--color-fill-surface);
@@ -543,6 +545,7 @@
543
545
  --color-primary-900: light-dark(oklch(0.38 0.145 265.465), oklch(0.391 0.089 240.611));
544
546
  --color-primary-accent-fg: var(--color-fg-accent-primary);
545
547
  --color-primary-active: var(--color-bg-primary-active);
548
+ --color-primary-alpha-10: oklch(0.807 0.101 250.446 / 0.1);
546
549
  --color-primary-disabled: var(--color-bg-disabled);
547
550
  --color-primary-hover: var(--color-bg-primary-hover);
548
551
  --color-primary-light: var(--color-bg-light-primary-base);
@@ -801,14 +804,14 @@
801
804
  --color-table-border: var(--color-border-primary);
802
805
  --color-table-caption-fg: var(--color-fg-secondary);
803
806
  --color-table-fg: var(--color-fg-primary);
804
- --color-table-footer-bg: var(--color-bg-light-primary-base);
807
+ --color-table-footer-bg: var(--color-fill-base);
805
808
  --color-table-footer-fg: var(--color-fg-secondary);
806
- --color-table-header-bg: var(--color-bg-light-primary-base);
809
+ --color-table-header-bg: var(--color-fill-base);
807
810
  --color-table-header-fg: var(--color-fg-primary);
808
811
  --color-table-row-bg: var(--color-bg-transparent);
809
- --color-table-row-bg-hover: var(--color-bg-light-primary-base);
810
- --color-table-row-bg-selected: var(--color-bg-light-primary-base);
811
- --color-table-row-striped-primary: var(--color-bg-light-primary-base);
812
+ --color-table-row-bg-hover: var(--color-fill-hover);
813
+ --color-table-row-bg-selected: var(--color-fill-selected);
814
+ --color-table-row-striped-primary: var(--color-fill-base);
812
815
  --color-table-row-striped-secondary: var(--color-bg-transparent);
813
816
  --color-tabs-bg: var(--color-fill-surface);
814
817
  --color-tabs-border-base: var(--color-border-primary);
@@ -1324,6 +1327,7 @@
1324
1327
  --shadow-accordion-root-sm: var(--shadow-primary);
1325
1328
  --shadow-color-select: var(--shadow-sm);
1326
1329
  --shadow-dialog-content: var(--shadow-primary);
1330
+ --shadow-gallery-trigger: var(--shadow-sm);
1327
1331
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
1328
1332
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
1329
1333
  --shadow-menu-content: var(--shadow-lg);
@@ -1333,6 +1337,7 @@
1333
1337
  --shadow-select-content: var(--shadow-md);
1334
1338
  --shadow-slider-thumb: var(--shadow-sm);
1335
1339
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
1340
+ --shadow-table-outline: var(--shadow-sm);
1336
1341
  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.04);
1337
1342
  --size-1: 0.06rem;
1338
1343
  --size-12: 0.75rem;