@stn-uiux/pub-ui 0.1.84 → 0.1.85

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 (18) hide show
  1. package/dist/chunk-5QPBSOJ6.js +9 -0
  2. package/dist/chunk-5QPBSOJ6.js.map +1 -0
  3. package/dist/data/index.js +1 -1
  4. package/dist/data/stnPackageVersion.d.ts +2 -2
  5. package/dist/data/stnPackageVersion.js +1 -1
  6. package/dist/index.js +1 -1
  7. package/package.json +1 -1
  8. package/styles/components/stn-date-picker.css +1 -1
  9. package/styles/components/stn-date-range-field.css +2 -2
  10. package/styles/components/stn-dropdown.css +2 -2
  11. package/styles/components/stn-popover.css +1 -1
  12. package/styles/components/stn-table.css +9 -1
  13. package/styles/components/stn-text-field.css +5 -1
  14. package/styles/patterns/stn-login-card.css +6 -0
  15. package/styles/tokens/stn-elevation.css +1 -0
  16. package/styles/tokens/stn-typography-semantic.css +4 -1
  17. package/dist/chunk-P22H2BFQ.js +0 -9
  18. package/dist/chunk-P22H2BFQ.js.map +0 -1
package/dist/chunk-5QPBSOJ6.js ADDED
@@ -0,0 +1,9 @@
1
+ // src/data/stnPackageVersion.ts
2
+ var STN_UI_VERSION = "0.1.85";
3
+ var STN_UI_VERSION_LABEL = "v0.1.85";
4
+
5
+ export {
6
+ STN_UI_VERSION,
7
+ STN_UI_VERSION_LABEL
8
+ };
9
+ //# sourceMappingURL=chunk-5QPBSOJ6.js.map
package/dist/chunk-5QPBSOJ6.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/data/stnPackageVersion.ts"],"sourcesContent":["/** Package version constants */\nexport const STN_UI_VERSION = '0.1.85'\nexport const STN_UI_VERSION_LABEL = 'v0.1.85'\n"],"mappings":";AACO,IAAM,iBAAiB;AACvB,IAAM,uBAAuB;","names":[]}
package/dist/data/index.js CHANGED
@@ -169,7 +169,7 @@ import {
169
169
  import {
170
170
  STN_UI_VERSION,
171
171
  STN_UI_VERSION_LABEL
172
- } from "../chunk-P22H2BFQ.js";
172
+ } from "../chunk-5QPBSOJ6.js";
173
173
  import {
174
174
  STN_PAGE_ENTER_MOTION_INTRO,
175
175
  STN_PAGE_ENTER_MOTION_ROWS,
package/dist/data/stnPackageVersion.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /** Package version constants */
2
- declare const STN_UI_VERSION = "0.1.84";
3
- declare const STN_UI_VERSION_LABEL = "v0.1.84";
2
+ declare const STN_UI_VERSION = "0.1.85";
3
+ declare const STN_UI_VERSION_LABEL = "v0.1.85";
4
4
 
5
5
  export { STN_UI_VERSION, STN_UI_VERSION_LABEL };
package/dist/data/stnPackageVersion.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  STN_UI_VERSION,
3
3
  STN_UI_VERSION_LABEL
4
- } from "../chunk-P22H2BFQ.js";
4
+ } from "../chunk-5QPBSOJ6.js";
5
5
  export {
6
6
  STN_UI_VERSION,
7
7
  STN_UI_VERSION_LABEL
package/dist/index.js CHANGED
@@ -174,7 +174,7 @@ import {
174
174
  import {
175
175
  STN_UI_VERSION,
176
176
  STN_UI_VERSION_LABEL
177
- } from "./chunk-P22H2BFQ.js";
177
+ } from "./chunk-5QPBSOJ6.js";
178
178
  import {
179
179
  STN_PAGE_ENTER_MOTION_INTRO,
180
180
  STN_PAGE_ENTER_MOTION_ROWS,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stn-uiux/pub-ui",
3
- "version": "0.1.84",
3
+ "version": "0.1.85",
4
4
  "description": "STN Pub design system — tokens, specs, and CSS for product HTML / React apps",
5
5
  "type": "module",
6
6
  "sideEffects": [
package/styles/components/stn-date-picker.css CHANGED
@@ -33,7 +33,7 @@
33
33
  --stn-date-picker-weekday-size: var(--stn-text-caption-medium-size);
34
34
 
35
35
  position: fixed;
36
- z-index: var(--stn-elevation-z-dropdown);
36
+ z-index: var(--stn-elevation-z-popover);
37
37
  box-sizing: border-box;
38
38
  border: var(--stn-size-1) solid var(--calendar-border);
39
39
  border-radius: var(--stn-radius-8);
package/styles/components/stn-date-range-field.css CHANGED
@@ -263,7 +263,7 @@ button.stn-date-range-field.xl .stn-date-range-field__icon {
263
263
  font-size: var(--stn-text-body-small-size);
264
264
  font-weight: var(--stn-font-weight-medium);
265
265
  color: var(--stn-text-primary);
266
- line-height: 1;
266
+ line-height: var(--stn-date-range-field-label-line-height, var(--stn-input-label-line-height, var(--stn-line-height-default)));
267
267
  white-space: nowrap;
268
268
  user-select: none;
269
269
  cursor: pointer;
@@ -280,7 +280,7 @@ button.stn-date-range-field.xl .stn-date-range-field__icon {
280
280
  .stn-date-range-field__required {
281
281
  color: var(--stn-feedback-error);
282
282
  font-weight: var(--stn-font-weight-bold);
283
- line-height: 1;
283
+ line-height: var(--stn-line-height-tight);
284
284
  margin-inline-start: var(--stn-space-2);
285
285
  }
286
286
 
package/styles/components/stn-dropdown.css CHANGED
@@ -387,7 +387,7 @@
387
387
  font-size: var(--stn-text-body-small-size, 12px);
388
388
  font-weight: var(--stn-font-weight-medium, 500);
389
389
  color: var(--stn-text-primary);
390
- line-height: 1;
390
+ line-height: var(--stn-dropdown-label-line-height, var(--stn-input-label-line-height, var(--stn-line-height-default)));
391
391
  white-space: nowrap;
392
392
  user-select: none;
393
393
  cursor: pointer;
@@ -404,7 +404,7 @@
404
404
  .stn-dropdown__required {
405
405
  color: var(--stn-feedback-error);
406
406
  font-weight: var(--stn-font-weight-bold);
407
- line-height: 1;
407
+ line-height: var(--stn-line-height-tight);
408
408
  margin-inline-start: var(--stn-space-2, 2px);
409
409
  }
410
410
 
package/styles/components/stn-popover.css CHANGED
@@ -9,7 +9,7 @@
9
9
  .stn-popover {
10
10
  position: fixed;
11
11
  inset: 0;
12
- z-index: var(--stn-elevation-z-dropdown, 150);
12
+ z-index: var(--stn-elevation-z-popover, 250);
13
13
  pointer-events: none;
14
14
  }
15
15
 
package/styles/components/stn-table.css CHANGED
@@ -538,7 +538,10 @@ td.stn-table__col-check .stn-checkbox {
538
538
  .stn-table__thead th:active:has(.stn-table__sort),
539
539
  .stn-table__thead th:has(.stn-table__sort:active),
540
540
  .stn-table__thead th.is-pressed {
541
- background: var(--stn-table-th-pressed-bg, var(--stn-table-th-group-bg)) !important;
541
+ background:
542
+ linear-gradient(var(--stn-table-th-pressed-bg, var(--stn-table-th-group-bg)),
543
+ var(--stn-table-th-pressed-bg, var(--stn-table-th-group-bg))),
544
+ var(--stn-table-th-bg) !important;
542
545
  }
543
546
 
544
547
  /* Row Clickable Cursor */
@@ -824,6 +827,11 @@ th[colspan].stn-table__thead tr:not(:last-child) th::before {
824
827
  justify-content: center;
825
828
  }
826
829
 
830
+ .stn-table__grid thead tr > th:last-child .stn-table__resizer,
831
+ .stn-table__grid thead tr > th:nth-last-child(2):has(+ th[aria-hidden]:last-child) .stn-table__resizer {
832
+ right: 0;
833
+ }
834
+
827
835
  .stn-table__resizer::after {
828
836
  content: '';
829
837
  display: block;
package/styles/components/stn-text-field.css CHANGED
@@ -32,6 +32,10 @@
32
32
  -webkit-appearance: none;
33
33
  }
34
34
 
35
+ .stn-text-field[list] {
36
+ line-height: normal;
37
+ }
38
+
35
39
  .stn-text-field::placeholder {
36
40
  color: var(--stn-input-placeholder);
37
41
  font-weight: var(--stn-font-weight-medium);
@@ -344,7 +348,7 @@
344
348
  font-size: var(--stn-text-field-label-size, var(--stn-text-field-font-size, var(--stn-text-body-small-size)));
345
349
  font-weight: var(--stn-text-field-label-weight, var(--stn-font-weight-medium));
346
350
  color: var(--stn-text-primary);
347
- line-height: var(--stn-text-field-label-line-height, var(--stn-line-height-default));
351
+ line-height: var(--stn-text-field-label-line-height, var(--stn-input-label-line-height, var(--stn-line-height-default)));
348
352
  white-space: nowrap;
349
353
  user-select: none;
350
354
  cursor: pointer;
package/styles/patterns/stn-login-card.css CHANGED
@@ -65,6 +65,12 @@
65
65
  z-index: 0;
66
66
  }
67
67
 
68
+ @media (prefers-reduced-motion: reduce) {
69
+ .stn-login-card-glow-wrapper::before {
70
+ animation: none;
71
+ }
72
+ }
73
+
68
74
  @keyframes stnLoginCardBorderRotate {
69
75
  0% { transform: rotate(0deg); }
70
76
  100% { transform: rotate(360deg); }
package/styles/tokens/stn-elevation.css CHANGED
@@ -13,5 +13,6 @@
13
13
  --stn-elevation-z-dropdown: 150;
14
14
  --stn-elevation-z-drawer: 180;
15
15
  --stn-elevation-z-2: 200;
16
+ --stn-elevation-z-popover: 250;
16
17
  --stn-elevation-z-toast: 300;
17
18
  }
package/styles/tokens/stn-typography-semantic.css CHANGED
@@ -71,9 +71,12 @@
71
71
  --stn-text-caption-small-weight: var(--stn-font-weight-regular);
72
72
  --stn-text-caption-small-line-height: var(--stn-line-height-reading-3);
73
73
  --stn-text-caption-size: var(--stn-text-caption-medium-size);
74
+ --stn-input-label-line-height: var(--stn-line-height-default);
74
75
  --stn-text-field-label-size: var(--stn-text-body-small-size);
75
76
  --stn-text-field-label-weight: var(--stn-font-weight-medium);
76
- --stn-text-field-label-line-height: var(--stn-line-height-default);
77
+ --stn-text-field-label-line-height: var(--stn-input-label-line-height);
78
+ --stn-dropdown-label-line-height: var(--stn-input-label-line-height);
79
+ --stn-date-range-field-label-line-height: var(--stn-input-label-line-height);
77
80
  --stn-text-field-helper-size: var(--stn-text-caption-medium-size);
78
81
  --stn-text-field-helper-weight: var(--stn-font-weight-regular);
79
82
  --stn-text-field-helper-line-height: var(--stn-text-caption-medium-line-height);
package/dist/chunk-P22H2BFQ.js DELETED
@@ -1,9 +0,0 @@
1
- // src/data/stnPackageVersion.ts
2
- var STN_UI_VERSION = "0.1.84";
3
- var STN_UI_VERSION_LABEL = "v0.1.84";
4
-
5
- export {
6
- STN_UI_VERSION,
7
- STN_UI_VERSION_LABEL
8
- };
9
- //# sourceMappingURL=chunk-P22H2BFQ.js.map
package/dist/chunk-P22H2BFQ.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/data/stnPackageVersion.ts"],"sourcesContent":["/** Package version constants */\nexport const STN_UI_VERSION = '0.1.84'\nexport const STN_UI_VERSION_LABEL = 'v0.1.84'\n"],"mappings":";AACO,IAAM,iBAAiB;AACvB,IAAM,uBAAuB;","names":[]}