@stn-uiux/pub-ui 0.1.73 → 0.1.76

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 (55) hide show
  1. package/dist/{chunk-KLIYAEJA.js → chunk-2LRCGTKQ.js} +7 -17
  2. package/dist/chunk-2LRCGTKQ.js.map +1 -0
  3. package/dist/chunk-3CYSR7V4.js +149 -0
  4. package/dist/chunk-3CYSR7V4.js.map +1 -0
  5. package/dist/{chunk-WN7FYFIO.js → chunk-AJLP3Y53.js} +3 -1
  6. package/dist/chunk-AJLP3Y53.js.map +1 -0
  7. package/dist/chunk-RY53LLWK.js +9 -0
  8. package/dist/chunk-RY53LLWK.js.map +1 -0
  9. package/dist/{chunk-NB4NJQYE.js → chunk-YJLOIDKY.js} +24 -24
  10. package/dist/chunk-YJLOIDKY.js.map +1 -0
  11. package/dist/cli.js +1 -1
  12. package/dist/data/index.d.ts +1 -1
  13. package/dist/data/index.js +7 -5
  14. package/dist/data/stnCard.d.ts +3 -1
  15. package/dist/data/stnCard.js +3 -1
  16. package/dist/data/stnChip.d.ts +2 -3
  17. package/dist/data/stnChip.js +1 -1
  18. package/dist/data/stnLogin.d.ts +2 -2
  19. package/dist/data/stnLogin.js +2 -1
  20. package/dist/data/stnPackageVersion.d.ts +2 -2
  21. package/dist/data/stnPackageVersion.js +1 -1
  22. package/dist/data/stnTextField.d.ts +2 -2
  23. package/dist/data/stnTextField.js +1 -1
  24. package/dist/index.d.ts +1 -1
  25. package/dist/index.js +7 -5
  26. package/package.json +1 -1
  27. package/styles/components/stn-breadcrumb.css +37 -34
  28. package/styles/components/stn-card.css +24 -3
  29. package/styles/components/stn-date-picker.css +1 -1
  30. package/styles/components/stn-drawer.css +182 -0
  31. package/styles/components/stn-event-banner.css +18 -18
  32. package/styles/components/stn-pagination.css +9 -8
  33. package/styles/components/stn-progress-bar.css +5 -5
  34. package/styles/components/stn-side-nav.css +55 -31
  35. package/styles/components/stn-status.css +22 -22
  36. package/styles/components/stn-table.css +42 -0
  37. package/styles/components/stn-tabs.css +3 -3
  38. package/styles/components/stn-tooltip.css +1 -1
  39. package/styles/components/stn-widget.css +3 -3
  40. package/styles/patterns/stn-alert-center.css +6 -6
  41. package/styles/patterns/stn-header.css +7 -7
  42. package/styles/style-pub.css +1 -0
  43. package/styles/tokens/stn-breakpoint.css +0 -12
  44. package/styles/tokens/stn-colors-semantic.css +15 -13
  45. package/styles/tokens/stn-elevation.css +5 -1
  46. package/styles/tokens/stn-radius-semantic.css +1 -1
  47. package/styles/tokens/stn-size-semantic.css +8 -0
  48. package/styles/tokens/stn-spacing-semantic.css +25 -0
  49. package/dist/chunk-AWJXDCX2.js +0 -151
  50. package/dist/chunk-AWJXDCX2.js.map +0 -1
  51. package/dist/chunk-KLIYAEJA.js.map +0 -1
  52. package/dist/chunk-NB4NJQYE.js.map +0 -1
  53. package/dist/chunk-Q363EBGR.js +0 -9
  54. package/dist/chunk-Q363EBGR.js.map +0 -1
  55. package/dist/chunk-WN7FYFIO.js.map +0 -1
package/styles/tokens/stn-elevation.css CHANGED
@@ -4,10 +4,14 @@
4
4
  * Regenerate: npm run generate:tokens
5
5
  */
6
6
 
7
- /* STN Design System — Elevation (Z-Index Hierarchy: Level 0–2) */
7
+ /* STN Design System — Elevation (Z-Index Hierarchy: Level 0–3) */
8
8
 
9
9
  :root {
10
10
  --stn-elevation-z-0: 0;
11
11
  --stn-elevation-z-1: 100;
12
+ --stn-elevation-z-banner: 120;
13
+ --stn-elevation-z-dropdown: 150;
14
+ --stn-elevation-z-drawer: 180;
12
15
  --stn-elevation-z-2: 200;
16
+ --stn-elevation-z-toast: 300;
13
17
  }
package/styles/tokens/stn-radius-semantic.css CHANGED
@@ -54,7 +54,7 @@
54
54
  --stn-side-nav-sub-item-radius: var(--stn-radius-4);
55
55
  --stn-side-nav-footer-curved-radius: var(--stn-radius-40);
56
56
  --stn-side-nav-dropdown-radius: var(--stn-radius-8);
57
- --stn-side-nav-mobile-trigger-radius: var(--stn-radius-8);
57
+ --stn-side-nav-mobile-trigger-radius: var(--stn-radius-circle);
58
58
  --stn-side-nav-drawer-close-radius: var(--stn-radius-6);
59
59
  --stn-side-nav-scroll-radius: var(--stn-radius-2);
60
60
  --stn-scroll-radius: var(--stn-radius-4);
package/styles/tokens/stn-size-semantic.css CHANGED
@@ -254,4 +254,12 @@
254
254
  --stn-tree-focus-ring-width: var(--stn-size-2);
255
255
  --stn-tree-focus-ring-offset: var(--stn-size-1);
256
256
  --stn-tree-collapsed-row-height: var(--stn-size-28);
257
+ --stn-breadcrumb-icon-size-sm: var(--stn-size-14);
258
+ --stn-breadcrumb-icon-size-md: var(--stn-size-16);
259
+ --stn-breadcrumb-icon-size-lg: var(--stn-size-18);
260
+ --stn-breadcrumb-sep-size-sm: var(--stn-size-10);
261
+ --stn-breadcrumb-sep-size-md: var(--stn-size-12);
262
+ --stn-breadcrumb-sep-size-lg: var(--stn-size-14);
263
+ --stn-event-banner-btn-height: var(--stn-size-28);
264
+ --stn-event-banner-icon-size: var(--stn-size-24);
257
265
  }
package/styles/tokens/stn-spacing-semantic.css CHANGED
@@ -75,6 +75,18 @@
75
75
  --stn-icon-box-padding-md: var(--stn-space-6);
76
76
  --stn-icon-box-padding-lg: var(--stn-space-8);
77
77
  --stn-icon-box-padding-xl: var(--stn-space-10);
78
+ --stn-drawer-padding-none: 0px;
79
+ --stn-drawer-padding-xs: var(--stn-space-8);
80
+ --stn-drawer-padding-sm: var(--stn-space-12);
81
+ --stn-drawer-padding-md: var(--stn-space-16);
82
+ --stn-drawer-padding-lg: var(--stn-space-20);
83
+ --stn-drawer-padding-xl: var(--stn-space-24);
84
+ --stn-drawer-gap-none: 0px;
85
+ --stn-drawer-gap-xs: var(--stn-space-8);
86
+ --stn-drawer-gap-sm: var(--stn-space-12);
87
+ --stn-drawer-gap-md: var(--stn-space-16);
88
+ --stn-drawer-gap-lg: var(--stn-space-20);
89
+ --stn-drawer-gap-xl: var(--stn-space-24);
78
90
  --stn-segmented-padding: var(--stn-space-4);
79
91
  --stn-segmented-gap: var(--stn-space-4);
80
92
  --stn-segmented-item-padding-x: var(--stn-space-16);
@@ -244,4 +256,17 @@
244
256
  --stn-search-requirement-compact-gap: var(--stn-space-12);
245
257
  --stn-search-requirement-divider-margin-x: var(--stn-space-4);
246
258
  --stn-tree-collapsed-row-padding-block: var(--stn-space-2);
259
+ --stn-breadcrumb-gap-sm: var(--stn-space-8);
260
+ --stn-breadcrumb-gap-md: var(--stn-space-16);
261
+ --stn-breadcrumb-gap-lg: var(--stn-space-24);
262
+ --stn-breadcrumb-segment-gap-sm: var(--stn-space-4);
263
+ --stn-breadcrumb-segment-gap-md: var(--stn-space-8);
264
+ --stn-breadcrumb-segment-gap-lg: var(--stn-space-12);
265
+ --stn-breadcrumb-chip-pad-x-sm: var(--stn-space-6);
266
+ --stn-breadcrumb-chip-pad-x-md: var(--stn-space-8);
267
+ --stn-breadcrumb-chip-pad-x-lg: var(--stn-space-12);
268
+ --stn-event-banner-text-gap: var(--stn-space-4);
269
+ --stn-event-banner-actions-gap: var(--stn-space-8);
270
+ --stn-event-banner-btn-padding-inline: var(--stn-space-14);
271
+ --stn-event-banner-btn-padding-block: var(--stn-space-4);
247
272
  }