@techsio/ui-kit 0.38.0 → 0.40.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 (86) hide show
  1. package/dist/.storybook/manager.d.ts +2 -0
  2. package/dist/.storybook/manager.d.ts.map +1 -0
  3. package/dist/.storybook/preview.d.ts.map +1 -1
  4. package/dist/atoms/action-icon.figma.js +1 -1
  5. package/dist/atoms/badge.figma.js +1 -1
  6. package/dist/atoms/button.figma.js +1 -1
  7. package/dist/atoms/checkbox.figma.js +1 -1
  8. package/dist/atoms/icon.figma.js +1 -1
  9. package/dist/atoms/image.figma.js +1 -1
  10. package/dist/atoms/input.figma.js +1 -1
  11. package/dist/atoms/label.figma.js +1 -1
  12. package/dist/atoms/link-button.figma.js +1 -1
  13. package/dist/atoms/link.figma.js +1 -1
  14. package/dist/atoms/numeric-input.figma.js +1 -1
  15. package/dist/atoms/rating.figma.js +1 -1
  16. package/dist/atoms/skeleton.figma.js +3 -3
  17. package/dist/atoms/status-text.figma.js +1 -1
  18. package/dist/atoms/textarea.figma.js +1 -1
  19. package/dist/atoms/tooltip.figma.js +1 -1
  20. package/dist/molecules/accordion.figma.js +1 -1
  21. package/dist/molecules/breadcrumb.figma.js +1 -1
  22. package/dist/molecules/carousel.figma.js +1 -1
  23. package/dist/molecules/chart.js +393 -0
  24. package/dist/molecules/combobox.figma.js +1 -1
  25. package/dist/molecules/combobox.js +47 -32
  26. package/dist/molecules/dialog.figma.js +1 -1
  27. package/dist/molecules/form-checkbox.figma.js +1 -1
  28. package/dist/molecules/form-input.figma.js +1 -1
  29. package/dist/molecules/form-numeric-input.figma.js +1 -1
  30. package/dist/molecules/form-textarea.figma.js +1 -1
  31. package/dist/molecules/menu.figma.js +1 -1
  32. package/dist/molecules/menu.js +44 -38
  33. package/dist/molecules/pagination.figma.js +1 -1
  34. package/dist/molecules/phone-input.figma.js +1 -1
  35. package/dist/molecules/popover.figma.js +1 -1
  36. package/dist/molecules/product-card.figma.js +1 -1
  37. package/dist/molecules/radio-card.figma.js +1 -1
  38. package/dist/molecules/radio-group.figma.js +1 -1
  39. package/dist/molecules/search-form.figma.js +1 -1
  40. package/dist/molecules/select.figma.js +1 -1
  41. package/dist/molecules/select.js +24 -28
  42. package/dist/molecules/slider.figma.js +1 -1
  43. package/dist/molecules/steps.figma.js +1 -1
  44. package/dist/molecules/switch.figma.js +1 -1
  45. package/dist/molecules/tabs.figma.js +1 -1
  46. package/dist/molecules/toast.figma.js +1 -1
  47. package/dist/molecules/tree-view.figma.js +1 -1
  48. package/dist/organisms/footer.figma.js +1 -1
  49. package/dist/organisms/gallery.figma.js +1 -1
  50. package/dist/organisms/header.figma.js +1 -1
  51. package/dist/organisms/table.figma.js +1 -1
  52. package/dist/organisms/table.js +4 -1
  53. package/dist/src/molecules/chart.d.ts +64 -0
  54. package/dist/src/molecules/chart.d.ts.map +1 -0
  55. package/dist/src/molecules/combobox.d.ts +6 -18
  56. package/dist/src/molecules/combobox.d.ts.map +1 -1
  57. package/dist/src/molecules/menu.d.ts +12 -9
  58. package/dist/src/molecules/menu.d.ts.map +1 -1
  59. package/dist/src/molecules/select.d.ts +12 -12
  60. package/dist/src/molecules/select.d.ts.map +1 -1
  61. package/dist/src/organisms/table.d.ts +1 -1
  62. package/dist/src/organisms/table.d.ts.map +1 -1
  63. package/dist/src/templates/select.d.ts +1 -1
  64. package/dist/src/theme/theme-config.d.ts +5 -0
  65. package/dist/src/theme/theme-config.d.ts.map +1 -1
  66. package/dist/stories/changelog/changelog.stories.d.ts.map +1 -1
  67. package/dist/stories/molecules/chart.stories.d.ts +24 -0
  68. package/dist/stories/molecules/chart.stories.d.ts.map +1 -0
  69. package/dist/theme/theme-config.js +7 -0
  70. package/package.json +8 -1
  71. package/src/tokens/components/_popup-surface.css +163 -0
  72. package/src/tokens/components/components.css +2 -2
  73. package/src/tokens/components/molecules/_chart.css +98 -0
  74. package/src/tokens/components/molecules/_combobox.css +0 -12
  75. package/src/tokens/components/molecules/_menu.css +4 -0
  76. package/src/tokens/components/molecules/_select.css +0 -11
  77. package/src/tokens/components/organisms/_table.css +17 -0
  78. package/src/tokens/figma/brand-overrides.css +141 -19
  79. package/src/tokens/figma/business/variables.css +437 -0
  80. package/src/tokens/figma/dark/variables.css +100 -1455
  81. package/src/tokens/figma/light/variables.css +213 -179
  82. package/src/tokens/figma/neo/variables.css +87 -1442
  83. package/src/tokens/figma/neo-dark/variables.css +84 -1439
  84. package/src/tokens/figma/variables.css +217 -183
  85. package/src/tokens/components/_icon-button.css +0 -39
  86. package/src/tokens/components/molecules/_search-form.css +0 -12
package/src/tokens/components/_icon-button.css DELETED
@@ -1,39 +0,0 @@
1
- /*
2
- * icon-control tokens — TEMPORARY BRIDGE.
3
- *
4
- * These mirror the Figma `icon-control` variable collection (file
5
- * 12xb1pqXKwE2vbOByN3ntg), which is the intended source of truth. They live
6
- * here only until the next Figma re-export: `merge-figma-themes.mjs` will emit
7
- * them into `tokens/figma/variables.css` alongside the other component tokens,
8
- * at which point this whole block (and its import in components.css) should be
9
- * deleted. Names + alias targets below are kept identical to the Figma vars so
10
- * the swap is a no-op.
11
- *
12
- * Consumed by the ActionIcon atom (clear/close/inc-dec/prev-next/search) and by
13
- * decorative chevrons which read the `--text-icon-control-*` glyph tokens.
14
- */
15
- @theme static {
16
- /* Glyph size (sm/md/lg) */
17
- --text-icon-control-sm: var(--dimension-16); /* 16px */
18
- --text-icon-control-md: var(--text-icon-md); /* 20px */
19
- --text-icon-control-lg: var(--text-icon-lg); /* 24px */
20
-
21
- /* Hit area — compact inset square (8-pt grid 24/32/40) */
22
- --size-icon-control-sm: var(--dimension-24);
23
- --size-icon-control-md: var(--dimension-32);
24
- --size-icon-control-lg: var(--dimension-40);
25
-
26
- --radius-icon-control: var(--radius-button-sm);
27
-
28
- /* Neutral tone — full-contrast glyph; bg pill is the hover/active affordance */
29
- --color-icon-control-fg: var(--color-fg-primary);
30
- --color-icon-control-bg-hover: var(--color-fill-hover);
31
- --color-icon-control-bg-active: var(--color-fill-active);
32
- --color-icon-control-fg-disabled: var(--color-fg-disabled);
33
- --color-icon-control-ring: var(--color-ring);
34
-
35
- /* Danger tone — destructive actions only */
36
- --color-icon-control-fg-danger-hover: var(--color-danger-fg);
37
- --color-icon-control-bg-danger-hover: var(--color-danger-light);
38
- --color-icon-control-bg-danger-active: var(--color-danger-light-active);
39
- }
package/src/tokens/components/molecules/_search-form.css DELETED
@@ -1,12 +0,0 @@
1
- /*
2
- * SearchForm — runtime tokens come mostly from
3
- * libs/ui/src/tokens/figma/variables.css.
4
- *
5
- * This file only declares what Figma does not export:
6
- * - `--spacing-search-form-gapped` — the horizontal gap inserted between
7
- * the input and the button when the `gapped` prop is enabled (8px).
8
- */
9
-
10
- @theme static {
11
- --spacing-search-form-gapped: var(--dimension-8);
12
- }