@techsio/ui-kit 0.54.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 (68) 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 +5 -5
  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/radio-card.js +7 -7
  19. package/dist/molecules/select.js +2 -2
  20. package/dist/molecules/slider.js +1 -1
  21. package/dist/molecules/steps.js +2 -2
  22. package/dist/molecules/toast.js +1 -1
  23. package/dist/molecules/tour.js +1 -1
  24. package/dist/molecules/tree-view.js +1 -1
  25. package/dist/organisms/data-table.js +1 -1
  26. package/dist/organisms/gallery.js +2 -2
  27. package/dist/organisms/table.js +2 -2
  28. package/dist/src/atoms/button.d.ts +1 -1
  29. package/dist/src/atoms/button.d.ts.map +1 -1
  30. package/dist/src/atoms/checkbox.d.ts +1 -1
  31. package/dist/src/atoms/input.d.ts +1 -1
  32. package/dist/src/atoms/input.d.ts.map +1 -1
  33. package/dist/src/atoms/numeric-input.d.ts +1 -1
  34. package/dist/src/atoms/skeleton.d.ts +1 -1
  35. package/dist/src/atoms/textarea.d.ts +1 -1
  36. package/dist/src/atoms/textarea.d.ts.map +1 -1
  37. package/dist/src/molecules/accordion.d.ts.map +1 -1
  38. package/dist/src/molecules/cascade-select.d.ts +1 -1
  39. package/dist/src/molecules/combobox.d.ts +1 -1
  40. package/dist/src/molecules/date-picker.d.ts +1 -1
  41. package/dist/src/molecules/file-upload.d.ts +1 -1
  42. package/dist/src/molecules/phone-input.d.ts +1 -1
  43. package/dist/src/molecules/popover.d.ts +1 -1
  44. package/dist/src/molecules/radio-card.d.ts +1 -1
  45. package/dist/src/molecules/tour.d.ts +1 -1
  46. package/dist/src/organisms/gallery.d.ts +1 -1
  47. package/dist/src/organisms/table.d.ts +1 -1
  48. package/dist/src/templates/accordion.d.ts +1 -1
  49. package/dist/src/templates/gallery.d.ts +1 -1
  50. package/dist/src/templates/numeric-input.d.ts +1 -1
  51. package/dist/src/templates/popover.d.ts +1 -1
  52. package/dist/src/templates/select.d.ts +1 -1
  53. package/dist/stories/changelog/changelog.stories.d.ts.map +1 -1
  54. package/dist/stories/templates/akros-product-card.stories.d.ts +96 -0
  55. package/dist/stories/templates/akros-product-card.stories.d.ts.map +1 -0
  56. package/package.json +1 -1
  57. package/src/tokens/_base.css +14 -7
  58. package/src/tokens/_reset.css +66 -0
  59. package/src/tokens/_semantic.css +33 -43
  60. package/src/tokens/_tokens-base.css +3 -0
  61. package/src/tokens/components/_popup-surface.css +13 -3
  62. package/src/tokens/components/atoms/_badge.css +1 -1
  63. package/src/tokens/components/molecules/_drawer.css +5 -5
  64. package/src/tokens/components/molecules/_vertical-navigation.css +1 -1
  65. package/src/tokens/components/organisms/_data-table.css +1 -1
  66. package/src/tokens/figma/brand-overrides.css +15 -15
  67. package/src/tokens/figma/variables.css +11 -11
  68. 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)