@techsio/ui-kit 0.50.0 → 0.51.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 (71) hide show
  1. package/dist/src/theme/theme-config.d.ts +5 -0
  2. package/dist/src/theme/theme-config.d.ts.map +1 -1
  3. package/dist/stories/pages/akros/banner.stories.d.ts +6 -0
  4. package/dist/stories/pages/akros/banner.stories.d.ts.map +1 -0
  5. package/dist/stories/pages/akros/carts.stories.d.ts +7 -0
  6. package/dist/stories/pages/akros/carts.stories.d.ts.map +1 -0
  7. package/dist/stories/pages/akros/categories.stories.d.ts +6 -0
  8. package/dist/stories/pages/akros/categories.stories.d.ts.map +1 -0
  9. package/dist/stories/pages/akros/content.stories.d.ts +7 -0
  10. package/dist/stories/pages/akros/content.stories.d.ts.map +1 -0
  11. package/dist/stories/pages/akros/customers.stories.d.ts +8 -0
  12. package/dist/stories/pages/akros/customers.stories.d.ts.map +1 -0
  13. package/dist/stories/pages/akros/dashboard.stories.d.ts +7 -0
  14. package/dist/stories/pages/akros/dashboard.stories.d.ts.map +1 -0
  15. package/dist/stories/pages/akros/data.d.ts +247 -0
  16. package/dist/stories/pages/akros/data.d.ts.map +1 -0
  17. package/dist/stories/pages/akros/emails.stories.d.ts +7 -0
  18. package/dist/stories/pages/akros/emails.stories.d.ts.map +1 -0
  19. package/dist/stories/pages/akros/feeds.stories.d.ts +6 -0
  20. package/dist/stories/pages/akros/feeds.stories.d.ts.map +1 -0
  21. package/dist/stories/pages/akros/order-detail.stories.d.ts +8 -0
  22. package/dist/stories/pages/akros/order-detail.stories.d.ts.map +1 -0
  23. package/dist/stories/pages/akros/orders.stories.d.ts +8 -0
  24. package/dist/stories/pages/akros/orders.stories.d.ts.map +1 -0
  25. package/dist/stories/pages/akros/products.stories.d.ts +9 -0
  26. package/dist/stories/pages/akros/products.stories.d.ts.map +1 -0
  27. package/dist/stories/pages/akros/shared.d.ts +69 -0
  28. package/dist/stories/pages/akros/shared.d.ts.map +1 -0
  29. package/dist/stories/pages/akros/shipping-payments.stories.d.ts +7 -0
  30. package/dist/stories/pages/akros/shipping-payments.stories.d.ts.map +1 -0
  31. package/dist/stories/pages/auth.stories.d.ts +9 -0
  32. package/dist/stories/pages/auth.stories.d.ts.map +1 -0
  33. package/dist/stories/pages/board.stories.d.ts +7 -0
  34. package/dist/stories/pages/board.stories.d.ts.map +1 -0
  35. package/dist/stories/pages/checkout.stories.d.ts +7 -0
  36. package/dist/stories/pages/checkout.stories.d.ts.map +1 -0
  37. package/dist/stories/pages/cms-content-list.stories.d.ts +8 -0
  38. package/dist/stories/pages/cms-content-list.stories.d.ts.map +1 -0
  39. package/dist/stories/pages/cms-record-editor.stories.d.ts +7 -0
  40. package/dist/stories/pages/cms-record-editor.stories.d.ts.map +1 -0
  41. package/dist/stories/pages/crm-customer-workspace.stories.d.ts +6 -0
  42. package/dist/stories/pages/crm-customer-workspace.stories.d.ts.map +1 -0
  43. package/dist/stories/pages/crud-workflow.stories.d.ts +6 -0
  44. package/dist/stories/pages/crud-workflow.stories.d.ts.map +1 -0
  45. package/dist/stories/pages/dashboard.stories.d.ts +7 -0
  46. package/dist/stories/pages/dashboard.stories.d.ts.map +1 -0
  47. package/dist/stories/pages/data.d.ts +179 -0
  48. package/dist/stories/pages/data.d.ts.map +1 -0
  49. package/dist/stories/pages/ecommerce-orders.stories.d.ts +6 -0
  50. package/dist/stories/pages/ecommerce-orders.stories.d.ts.map +1 -0
  51. package/dist/stories/pages/frame.d.ts +102 -0
  52. package/dist/stories/pages/frame.d.ts.map +1 -0
  53. package/dist/stories/pages/layouts.stories.d.ts +15 -0
  54. package/dist/stories/pages/layouts.stories.d.ts.map +1 -0
  55. package/dist/stories/pages/media-library.stories.d.ts +6 -0
  56. package/dist/stories/pages/media-library.stories.d.ts.map +1 -0
  57. package/dist/stories/pages/order-detail.stories.d.ts +6 -0
  58. package/dist/stories/pages/order-detail.stories.d.ts.map +1 -0
  59. package/dist/stories/pages/settings.stories.d.ts +6 -0
  60. package/dist/stories/pages/settings.stories.d.ts.map +1 -0
  61. package/dist/stories/pages/shell.d.ts +115 -0
  62. package/dist/stories/pages/shell.d.ts.map +1 -0
  63. package/dist/stories/pages/storefront-category.stories.d.ts +7 -0
  64. package/dist/stories/pages/storefront-category.stories.d.ts.map +1 -0
  65. package/dist/stories/pages/storefront-product.stories.d.ts +6 -0
  66. package/dist/stories/pages/storefront-product.stories.d.ts.map +1 -0
  67. package/dist/stories/pages/system-states.stories.d.ts +12 -0
  68. package/dist/stories/pages/system-states.stories.d.ts.map +1 -0
  69. package/dist/theme/theme-config.js +7 -0
  70. package/package.json +1 -1
  71. package/src/tokens/figma/brand-overrides.css +165 -0
package/src/tokens/figma/brand-overrides.css CHANGED
@@ -169,3 +169,168 @@
169
169
  --color-success: var(--color-success-500);
170
170
  --default-ring-color: oklch(0 0 0);
171
171
  }
172
+
173
+ [data-theme="akros"] {
174
+ --color-base: var(--color-white);
175
+ --color-base-dark: var(--color-black);
176
+ --color-base-reverse: var(--color-black);
177
+ --color-bg-danger-active: var(--color-danger-700);
178
+ --color-bg-danger-base: var(--color-danger-500);
179
+ --color-bg-danger-hover: var(--color-danger-600);
180
+ --color-bg-disabled: var(--color-neutral-100);
181
+ --color-bg-info: var(--color-tertiary-600);
182
+ --color-bg-light-danger-active: var(--color-danger-300);
183
+ --color-bg-light-danger-base: var(--color-danger-100);
184
+ --color-bg-light-danger-hover: var(--color-danger-200);
185
+ --color-bg-light-primary-active: var(--color-primary-300);
186
+ --color-bg-light-primary-base: var(--color-primary-100);
187
+ --color-bg-light-primary-hover: var(--color-primary-200);
188
+ --color-bg-light-secondary-active: var(--color-secondary-300);
189
+ --color-bg-light-secondary-base: var(--color-secondary-100);
190
+ --color-bg-light-secondary-hover: var(--color-secondary-200);
191
+ --color-bg-light-tertiary-active: var(--color-tertiary-300);
192
+ --color-bg-light-tertiary-base: var(--color-tertiary-100);
193
+ --color-bg-light-tertiary-hover: var(--color-tertiary-200);
194
+ --color-bg-light-warning-active: var(--color-warning-300);
195
+ --color-bg-light-warning-base: var(--color-warning-100);
196
+ --color-bg-light-warning-hover: var(--color-warning-200);
197
+ --color-bg-outlined-danger-active: oklch(0.586 0.225 27.911 / 0.12);
198
+ --color-bg-outlined-danger-hover: oklch(0.586 0.225 27.911 / 0.16);
199
+ --color-bg-outlined-primary-active: oklch(0.851 0.163 86.034 / 0.12);
200
+ --color-bg-outlined-primary-hover: oklch(0.851 0.163 86.034 / 0.16);
201
+ --color-bg-outlined-secondary-active: oklch(0.649 0.195 137.002 / 0.12);
202
+ --color-bg-outlined-secondary-hover: oklch(0.649 0.195 137.002 / 0.16);
203
+ --color-bg-outlined-tertiary-active: oklch(0.451 0.159 257.426 / 0.12);
204
+ --color-bg-outlined-tertiary-hover: oklch(0.451 0.159 257.426 / 0.16);
205
+ --color-bg-outlined-warning-active: oklch(0.829 0.171 81.038 / 0.12);
206
+ --color-bg-outlined-warning-hover: oklch(0.829 0.171 81.038 / 0.16);
207
+ --color-bg-primary-active: var(--color-primary-800);
208
+ --color-bg-primary-base: var(--color-primary-500);
209
+ --color-bg-primary-hover: var(--color-primary-600);
210
+ --color-bg-scrim: var(--color-black-15);
211
+ --color-bg-secondary-active: var(--color-secondary-800);
212
+ --color-bg-secondary-hover: var(--color-secondary-600);
213
+ --color-bg-success: var(--color-success-500);
214
+ --color-bg-switch-checked-hover: var(--color-secondary-600);
215
+ --color-bg-switch-hover: var(--color-neutral-300);
216
+ --color-bg-switch-invalid: var(--color-danger-500);
217
+ --color-bg-tertiary-active: var(--color-tertiary-800);
218
+ --color-bg-tertiary-base: var(--color-tertiary-600);
219
+ --color-bg-tertiary-hover: var(--color-tertiary-700);
220
+ --color-bg-transparent: var(--color-transparent);
221
+ --color-bg-warning-active: var(--color-warning-700);
222
+ --color-bg-warning-hover: var(--color-warning-600);
223
+ --color-black-15: oklch(0 0 0 / 0.15);
224
+ --color-black-5: oklch(0 0 0 / 0.05);
225
+ --color-blue-500: var(--color-tertiary-600);
226
+ --color-border-danger-focus: var(--color-danger-500);
227
+ --color-border-danger-hover: var(--color-danger-600);
228
+ --color-border-disabled: var(--color-neutral-300);
229
+ --color-border-primary: var(--color-neutral-300);
230
+ --color-border-success-focus: var(--color-success-500);
231
+ --color-border-success-hover: var(--color-success-600);
232
+ --color-border-warning-focus: var(--color-warning-500);
233
+ --color-border-warning-hover: var(--color-warning-600);
234
+ --color-danger: var(--color-danger-500);
235
+ --color-danger-100: oklch(0.949 0.025 17.604);
236
+ --color-danger-200: oklch(0.783 0.127 20.329);
237
+ --color-danger-300: oklch(0.711 0.166 22.216);
238
+ --color-danger-400: oklch(0.628 0.258 29.234);
239
+ --color-danger-400-10: oklch(0.628 0.258 29.234 / 0.1);
240
+ --color-danger-500: oklch(0.586 0.225 27.911);
241
+ --color-danger-600: oklch(0.524 0.214 29.148);
242
+ --color-danger-700: oklch(0.488 0.186 27.719);
243
+ --color-danger-800: oklch(0.46 0.185 28.856);
244
+ --color-danger-900: oklch(0.402 0.165 29.234);
245
+ --color-fg-accent-danger: var(--color-danger-800);
246
+ --color-fg-accent-primary: var(--color-black);
247
+ --color-fg-accent-secondary: var(--color-secondary-900);
248
+ --color-fg-accent-success: var(--color-success-600);
249
+ --color-fg-accent-tertiary: var(--color-tertiary-800);
250
+ --color-fg-accent-warning: var(--color-warning-900);
251
+ --color-fg-badge-on-solid: var(--color-black);
252
+ --color-fg-dark: var(--color-black);
253
+ --color-fg-disabled: var(--color-neutral-400);
254
+ --color-fg-icon-tree: var(--color-black);
255
+ --color-fg-light: var(--color-white);
256
+ --color-fg-on-accent-solid: var(--color-white);
257
+ --color-fg-on-primary-indicator: var(--color-black);
258
+ --color-fg-on-primary-solid: var(--color-black);
259
+ --color-fg-on-primary-solid-neo: var(--color-black);
260
+ --color-fg-placeholder: var(--color-neutral-400);
261
+ --color-fg-primary: var(--color-black);
262
+ --color-fg-reverse: var(--color-white);
263
+ --color-fg-secondary: var(--color-neutral-600);
264
+ --color-fg-status-error: var(--color-danger-600);
265
+ --color-fg-status-success: var(--color-success-600);
266
+ --color-fg-status-warning: var(--color-warning-700);
267
+ --color-fill-active: var(--color-black-15);
268
+ --color-fill-base: var(--color-black-5);
269
+ --color-fill-borderless-base: var(--color-bg-transparent);
270
+ --color-fill-highlight: var(--color-neutral-300);
271
+ --color-fill-hover: var(--color-primary-200);
272
+ --color-fill-overlay: var(--color-black-15);
273
+ --color-fill-selected: var(--color-primary-500);
274
+ --color-fill-surface: var(--color-neutral-100);
275
+ --color-gray-950: var(--color-black);
276
+ --color-link: var(--color-black);
277
+ --color-neutral-100: oklch(0.964 0.002 247.84);
278
+ --color-neutral-200: oklch(0.937 0 0);
279
+ --color-neutral-300: oklch(0.848 0 0);
280
+ --color-neutral-400: oklch(0.683 0 0);
281
+ --color-neutral-50: oklch(0.982 0 0);
282
+ --color-neutral-500: oklch(0.51 0 0);
283
+ --color-neutral-600: oklch(0.446 0 0);
284
+ --color-neutral-700: oklch(0.321 0 0);
285
+ --color-neutral-800: oklch(0.252 0 0);
286
+ --color-neutral-900: oklch(0.178 0 0);
287
+ --color-neutral-950: var(--color-black);
288
+ --color-primary: var(--color-primary-500);
289
+ --color-primary-100: oklch(0.957 0.055 90.321);
290
+ --color-primary-200: var(--color-primary-500);
291
+ --color-primary-300: var(--color-primary-500);
292
+ --color-primary-400: var(--color-primary-500);
293
+ --color-primary-500: oklch(0.851 0.163 86.034);
294
+ --color-primary-600: oklch(0.829 0.171 81.038);
295
+ --color-primary-700: var(--color-primary-600);
296
+ --color-primary-800: var(--color-primary-600);
297
+ --color-primary-900: var(--color-primary-600);
298
+ --color-ring-default: var(--color-black);
299
+ --color-secondary-100: oklch(0.952 0.078 152.075);
300
+ --color-secondary-200: oklch(0.955 0.071 141.941);
301
+ --color-secondary-300: oklch(0.934 0.077 141.594);
302
+ --color-secondary-400: oklch(0.73 0.136 141.662);
303
+ --color-secondary-500: oklch(0.649 0.195 137.002);
304
+ --color-secondary-600: oklch(0.454 0.134 136.43);
305
+ --color-secondary-700: var(--color-secondary-600);
306
+ --color-secondary-800: var(--color-secondary-600);
307
+ --color-secondary-900: var(--color-secondary-600);
308
+ --color-shadow-2: var(--color-shadow-1);
309
+ --color-shadow-3: var(--color-shadow-1);
310
+ --color-sky-300: var(--color-tertiary-400);
311
+ --color-slate-950: var(--color-black);
312
+ --color-success: var(--color-success-500);
313
+ --color-success-300: var(--color-secondary-100);
314
+ --color-success-500: var(--color-secondary-500);
315
+ --color-success-600: var(--color-secondary-600);
316
+ --color-success-700: oklch(0.348 0.102 136.135);
317
+ --color-tertiary-100: oklch(0.965 0.019 235.72);
318
+ --color-tertiary-200: oklch(0.883 0.066 236.278);
319
+ --color-tertiary-300: oklch(0.755 0.127 212.693);
320
+ --color-tertiary-400: oklch(0.623 0.121 231.501);
321
+ --color-tertiary-500: oklch(0.584 0.12 233.485);
322
+ --color-tertiary-600: oklch(0.451 0.159 257.426);
323
+ --color-tertiary-700: oklch(0.447 0.169 258.424);
324
+ --color-tertiary-800: oklch(0.366 0.106 255.599);
325
+ --color-tertiary-900: var(--color-tertiary-800);
326
+ --color-warning-100: var(--color-primary-100);
327
+ --color-warning-200: oklch(0.945 0.129 103.358);
328
+ --color-warning-300: var(--color-primary-500);
329
+ --color-warning-400: oklch(0.823 0.146 88.37);
330
+ --color-warning-500: var(--color-primary-600);
331
+ --color-warning-600: oklch(0.772 0.174 64.552);
332
+ --color-warning-700: oklch(0.645 0.165 49.971);
333
+ --color-warning-800: oklch(0.47 0.149 39.364);
334
+ --color-warning-900: var(--color-danger-900);
335
+ --default-ring-color: var(--color-black);
336
+ }