@techsio/ui-kit 0.53.0 → 0.54.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.
Files changed (84) hide show
  1. package/dist/atoms/button.js +3 -2
  2. package/dist/atoms/checkbox.js +1 -1
  3. package/dist/atoms/input.js +6 -2
  4. package/dist/atoms/numeric-input.js +91 -36
  5. package/dist/atoms/skeleton.js +1 -1
  6. package/dist/atoms/textarea.js +6 -2
  7. package/dist/internal/organisms/sidebar.styles.js +1 -1
  8. package/dist/molecules/accordion.js +2 -3
  9. package/dist/molecules/cascade-select.js +2 -2
  10. package/dist/molecules/color-select.js +2 -2
  11. package/dist/molecules/combobox.js +2 -2
  12. package/dist/molecules/date-picker.js +7 -7
  13. package/dist/molecules/dialog.js +3 -3
  14. package/dist/molecules/file-upload.js +1 -1
  15. package/dist/molecules/form-checkbox.js +2 -2
  16. package/dist/molecules/phone-input.js +3 -3
  17. package/dist/molecules/popover.js +2 -2
  18. package/dist/molecules/quantity-field.js +162 -0
  19. package/dist/molecules/radio-card.js +7 -7
  20. package/dist/molecules/select.js +2 -2
  21. package/dist/molecules/slider.js +1 -1
  22. package/dist/molecules/steps.js +2 -2
  23. package/dist/molecules/toast.js +1 -1
  24. package/dist/molecules/tour.js +1 -1
  25. package/dist/molecules/tree-view.js +1 -1
  26. package/dist/organisms/data-table.js +1 -1
  27. package/dist/organisms/gallery.js +2 -2
  28. package/dist/organisms/table.js +2 -2
  29. package/dist/src/atoms/button.d.ts +1 -1
  30. package/dist/src/atoms/button.d.ts.map +1 -1
  31. package/dist/src/atoms/checkbox.d.ts +1 -1
  32. package/dist/src/atoms/input.d.ts +1 -1
  33. package/dist/src/atoms/input.d.ts.map +1 -1
  34. package/dist/src/atoms/numeric-input.d.ts +5 -5
  35. package/dist/src/atoms/numeric-input.d.ts.map +1 -1
  36. package/dist/src/atoms/skeleton.d.ts +1 -1
  37. package/dist/src/atoms/textarea.d.ts +1 -1
  38. package/dist/src/atoms/textarea.d.ts.map +1 -1
  39. package/dist/src/molecules/accordion.d.ts.map +1 -1
  40. package/dist/src/molecules/cascade-select.d.ts +1 -1
  41. package/dist/src/molecules/combobox.d.ts +1 -1
  42. package/dist/src/molecules/date-picker.d.ts +1 -1
  43. package/dist/src/molecules/file-upload.d.ts +1 -1
  44. package/dist/src/molecules/phone-input.d.ts +1 -1
  45. package/dist/src/molecules/popover.d.ts +1 -1
  46. package/dist/src/molecules/quantity-field.d.ts +30 -0
  47. package/dist/src/molecules/quantity-field.d.ts.map +1 -0
  48. package/dist/src/molecules/radio-card.d.ts +1 -1
  49. package/dist/src/molecules/tour.d.ts +1 -1
  50. package/dist/src/organisms/gallery.d.ts +1 -1
  51. package/dist/src/organisms/table.d.ts +1 -1
  52. package/dist/src/templates/accordion.d.ts +1 -1
  53. package/dist/src/templates/gallery.d.ts +1 -1
  54. package/dist/src/templates/numeric-input.d.ts +1 -1
  55. package/dist/src/templates/popover.d.ts +1 -1
  56. package/dist/src/templates/select.d.ts +1 -1
  57. package/dist/stories/atoms/numeric-input.stories.d.ts +4 -0
  58. package/dist/stories/atoms/numeric-input.stories.d.ts.map +1 -1
  59. package/dist/stories/changelog/changelog.stories.d.ts.map +1 -1
  60. package/dist/stories/molecules/form-numeric-input.stories.d.ts +1 -0
  61. package/dist/stories/molecules/form-numeric-input.stories.d.ts.map +1 -1
  62. package/dist/stories/molecules/quantity-field.stories.d.ts +16 -0
  63. package/dist/stories/molecules/quantity-field.stories.d.ts.map +1 -0
  64. package/dist/stories/templates/akros-product-card.stories.d.ts +96 -0
  65. package/dist/stories/templates/akros-product-card.stories.d.ts.map +1 -0
  66. package/dist/test/numeric-input.spec.d.ts +2 -0
  67. package/dist/test/numeric-input.spec.d.ts.map +1 -0
  68. package/dist/test/quantity-field.spec.d.ts +2 -0
  69. package/dist/test/quantity-field.spec.d.ts.map +1 -0
  70. package/package.json +1 -1
  71. package/src/tokens/_base.css +14 -7
  72. package/src/tokens/_reset.css +66 -0
  73. package/src/tokens/_semantic.css +33 -43
  74. package/src/tokens/_tokens-base.css +3 -0
  75. package/src/tokens/components/_popup-surface.css +13 -3
  76. package/src/tokens/components/atoms/_badge.css +1 -1
  77. package/src/tokens/components/components.css +1 -0
  78. package/src/tokens/components/molecules/_drawer.css +5 -5
  79. package/src/tokens/components/molecules/_quantity-field.css +17 -0
  80. package/src/tokens/components/molecules/_vertical-navigation.css +1 -1
  81. package/src/tokens/components/organisms/_data-table.css +1 -1
  82. package/src/tokens/figma/brand-overrides.css +15 -15
  83. package/src/tokens/figma/variables.css +11 -11
  84. package/src/tokens/theme.css +1 -1
package/src/tokens/figma/variables.css CHANGED
@@ -158,7 +158,7 @@
158
158
  --color-bg-primary-active: light-dark(oklch(0.689 0.105 251.583), oklch(0.932 0.092 198.233));
159
159
  --color-bg-primary-base: var(--color-primary-300);
160
160
  --color-bg-primary-hover: light-dark(oklch(0.73 0.105 251.457), oklch(0.898 0.094 209.143));
161
- --color-bg-scrim: light-dark(oklch(0.129 0.041 264.695 / 0.1), oklch(1 0 0 / 0.1));
161
+ --color-bg-scrim: light-dark(oklch(0.129 0.041 264.695 / 0.1), oklch(1 0 none / 0.1));
162
162
  --color-bg-secondary-active: light-dark(oklch(0.588 0.198 36.788), oklch(0.907 0.182 99.038));
163
163
  --color-bg-secondary-base: var(--color-secondary-500);
164
164
  --color-bg-secondary-hover: light-dark(oklch(0.628 0.201 39.026), oklch(0.881 0.181 94.02));
@@ -169,11 +169,11 @@
169
169
  --color-bg-tertiary-active: light-dark(var(--color-tertiary-500), var(--color-tertiary-100));
170
170
  --color-bg-tertiary-base: var(--color-tertiary-300);
171
171
  --color-bg-tertiary-hover: light-dark(var(--color-tertiary-400), var(--color-tertiary-200));
172
- --color-bg-transparent: oklch(0 0 0 / 0);
172
+ --color-bg-transparent: oklch(0 0 none / 0);
173
173
  --color-bg-warning-active: light-dark(var(--color-warning-500), var(--color-warning-100));
174
174
  --color-bg-warning-base: var(--color-warning-500);
175
175
  --color-bg-warning-hover: light-dark(var(--color-warning-400), var(--color-warning-200));
176
- --color-black: oklch(0 0 0);
176
+ --color-black: oklch(0 0 none);
177
177
  --color-black-15: oklch(0.129 0.041 264.695 / 0.15);
178
178
  --color-black-5: oklch(0.129 0.041 264.695 / 0.05);
179
179
  --color-blue-500: oklch(0.623 0.188 259.815);
@@ -908,9 +908,9 @@
908
908
  --color-select-trigger-border-hover: var(--color-form-control-border-hover);
909
909
  --color-select-trigger-fg-base: var(--color-fg-primary);
910
910
  --color-select-trigger-fg-hover: var(--color-fg-accent-primary);
911
- --color-shadow-1: oklch(0.145 0 0);
912
- --color-shadow-2: oklch(0.145 0 0);
913
- --color-shadow-3: oklch(0.145 0 0);
911
+ --color-shadow-1: oklch(0.145 0 none);
912
+ --color-shadow-2: oklch(0.145 0 none);
913
+ --color-shadow-3: oklch(0.145 0 none);
914
914
  --color-sidebar-base: var(--color-base);
915
915
  --color-sidebar-border: var(--color-border-primary);
916
916
  --color-sidebar-focus: var(--color-primary);
@@ -1118,7 +1118,7 @@
1118
1118
  --color-tour-spotlight: var(--color-tour-text);
1119
1119
  --color-tour-surface: var(--color-fill-surface);
1120
1120
  --color-tour-text: var(--color-fg-primary);
1121
- --color-transparent: oklch(0 0 0 / 0);
1121
+ --color-transparent: oklch(0 0 none / 0);
1122
1122
  --color-tree-view-bg: var(--color-fill-base);
1123
1123
  --color-tree-view-fg-base: var(--color-fg-primary);
1124
1124
  --color-tree-view-fg-disabled: var(--color-fg-disabled);
@@ -1148,9 +1148,9 @@
1148
1148
  --color-warning-light-active: var(--color-bg-light-warning-active);
1149
1149
  --color-warning-light-disabled: var(--color-bg-disabled);
1150
1150
  --color-warning-light-hover: var(--color-bg-light-warning-hover);
1151
- --color-white: oklch(1 0 0);
1152
- --color-white-15: oklch(1 0 0 / 0.15);
1153
- --color-white-5: oklch(1 0 0 / 0.05);
1151
+ --color-white: oklch(1 0 none);
1152
+ --color-white-15: oklch(1 0 none / 0.15);
1153
+ --color-white-5: oklch(1 0 none / 0.05);
1154
1154
  --container-2xl: var(--dimension-container-2xl);
1155
1155
  --container-2xs: var(--dimension-container-2xs);
1156
1156
  --container-3xl: var(--dimension-container-3xl);
@@ -1182,7 +1182,7 @@
1182
1182
  --container-tour: var(--container-sm);
1183
1183
  --container-xl: var(--dimension-container-xl);
1184
1184
  --container-xs: var(--dimension-container-xs);
1185
- --default-ring-color: light-dark(oklch(0 0 0), oklch(1 0 0));
1185
+ --default-ring-color: light-dark(oklch(0 0 none), oklch(1 0 none));
1186
1186
  --default-ring-offset: 0.13rem;
1187
1187
  --default-ring-style: solid;
1188
1188
  --default-ring-width: 0.13rem;
package/src/tokens/theme.css CHANGED
@@ -22,7 +22,7 @@
22
22
 
23
23
  --color-page-bg: light-dark(oklch(98% 0.012 248), oklch(17% 0.025 250));
24
24
  --color-page-fg: light-dark(oklch(21% 0.03 252), oklch(94% 0.014 248));
25
- --color-surface: light-dark(oklch(100% 0 0), oklch(22% 0.027 250));
25
+ --color-surface: light-dark(oklch(100% 0 none), oklch(22% 0.027 250));
26
26
  --color-surface-subtle: light-dark(
27
27
  oklch(95% 0.016 248),
28
28
  oklch(27% 0.028 250)