@utahdts/utah-design-system 5.0.0 → 5.0.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 (10) hide show
  1. package/css/6-components/base-components/navigation/_main-menu.scss +5 -3
  2. package/css/6-components/base-components/navigation/_vertical-menu.scss +1 -0
  3. package/css/6-components/utah-header/_citizen-experience.scss +16 -0
  4. package/css/6-components/utah-header/_logos.scss +13 -0
  5. package/css/6-components/utah-header/_official-banner.scss +7 -0
  6. package/dist/style.css +27 -2
  7. package/dist/utah-design-system.es.js +17 -12
  8. package/dist/utah-design-system.umd.js +18 -13
  9. package/package.json +12 -12
  10. package/react/components/table/useCurrentValuesFromStateContext.js +1 -2
package/css/6-components/base-components/navigation/_main-menu.scss CHANGED
@@ -5,7 +5,9 @@
5
5
  &.main-menu__outer {
6
6
  position: relative;
7
7
  z-index: 2500;
8
- &:hover {
8
+
9
+ // Only elevate z-index if a child popup is currently active/visible
10
+ &:has(.popup__wrapper:not(.popup__wrapper--hidden)) {
9
11
  z-index: 4000;
10
12
  }
11
13
  }
@@ -18,7 +20,7 @@
18
20
  padding: 0 var(--spacing-l) 0 var(--spacing-xs);
19
21
 
20
22
  .utds-icon-before-search::before {
21
- font-size: 1.1rem;
23
+ font-size: 1.1rem;
22
24
  }
23
25
  }
24
26
 
@@ -52,7 +54,7 @@
52
54
  padding: var(--spacing-3xs) var(--spacing);
53
55
  margin: var(--spacing-xs) 0;
54
56
  border-radius: 999px;
55
- transition: all var(--timing-quick) ease-in-out;
57
+ transition: box-shadow var(--timing-quick) ease-in-out;
56
58
  position: relative;
57
59
  box-sizing: border-box;
58
60
  font-size: var(--font-size);
package/css/6-components/base-components/navigation/_vertical-menu.scss CHANGED
@@ -75,6 +75,7 @@
75
75
  padding: var(--spacing-2xs) var(--spacing);
76
76
  text-align: left;
77
77
  text-decoration: none;
78
+ transition: background-color var(--timing-quick) ease-in-out;
78
79
  width: 100%;
79
80
  position: relative;
80
81
 
package/css/6-components/utah-header/_citizen-experience.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use "../../1-settings/class-vars";
2
+
1
3
  .utds-citizen-experience-wrapper {
2
4
  display: flex;
3
5
  justify-content: flex-end;
@@ -10,4 +12,18 @@
10
12
  .main-menu__search {
11
13
  margin-right: var(--spacing);
12
14
  }
15
+
16
+ }
17
+
18
+ #{class-vars.$base-class} {
19
+ .utds-utah-id__button {
20
+ overflow: hidden;
21
+ text-overflow: ellipsis;
22
+ -webkit-line-clamp: 2;
23
+ line-clamp: 2;
24
+ display: -webkit-box;
25
+ -webkit-box-orient: vertical;
26
+ padding: 0 var(--spacing);
27
+ }
13
28
  }
29
+
package/css/6-components/utah-header/_logos.scss CHANGED
@@ -125,3 +125,16 @@
125
125
  }
126
126
  }
127
127
 
128
+ @media screen and (max-width: #{media-size-vars.$media-size-mobile}) {
129
+ .utah-design-system {
130
+ .utds {
131
+ &-title-wrapper__logo {
132
+ flex: 1 0 auto;
133
+ }
134
+ &-title-wrapper__title {
135
+ flex: 1 1 auto;
136
+ white-space: normal;
137
+ }
138
+ }
139
+ }
140
+ }
package/css/6-components/utah-header/_official-banner.scss CHANGED
@@ -32,6 +32,12 @@
32
32
  transform: rotate(180deg);
33
33
  }
34
34
  }
35
+
36
+ &:focus-visible {
37
+ outline: 2px solid #FFF;
38
+ outline-offset: 2px;
39
+ border-radius: var(--radius-small1x);
40
+ }
35
41
  }
36
42
  }
37
43
 
@@ -72,6 +78,7 @@
72
78
  }
73
79
  .utds-official-website__button {
74
80
  width: 100%;
81
+ outline-offset: 0 !important;
75
82
  justify-content: flex-start !important;
76
83
  padding: 0 var(--spacing-l) !important;
77
84
  }
package/dist/style.css CHANGED
@@ -3532,7 +3532,7 @@ component specific, BEM (Block, Element, Modifier)
3532
3532
  position: relative;
3533
3533
  z-index: 2500;
3534
3534
  }
3535
- .utah-design-system.main-menu__outer:hover {
3535
+ .utah-design-system.main-menu__outer:has(.popup__wrapper:not(.popup__wrapper--hidden)) {
3536
3536
  z-index: 4000;
3537
3537
  }
3538
3538
  .utah-design-system .main-menu__wrapper {
@@ -3569,7 +3569,7 @@ component specific, BEM (Block, Element, Modifier)
3569
3569
  padding: var(--spacing-3xs) var(--spacing);
3570
3570
  margin: var(--spacing-xs) 0;
3571
3571
  border-radius: 999px;
3572
- transition: all var(--timing-quick) ease-in-out;
3572
+ transition: box-shadow var(--timing-quick) ease-in-out;
3573
3573
  position: relative;
3574
3574
  box-sizing: border-box;
3575
3575
  font-size: var(--font-size);
@@ -3916,6 +3916,7 @@ component specific, BEM (Block, Element, Modifier)
3916
3916
  padding: var(--spacing-2xs) var(--spacing);
3917
3917
  text-align: left;
3918
3918
  text-decoration: none;
3919
+ transition: background-color var(--timing-quick) ease-in-out;
3919
3920
  width: 100%;
3920
3921
  position: relative;
3921
3922
  }
@@ -5145,6 +5146,15 @@ BEM standard: Block, Element, Modifier
5145
5146
  .utds-citizen-experience-wrapper .main-menu__search {
5146
5147
  margin-right: var(--spacing);
5147
5148
  }
5149
+ .utah-design-system .utds-utah-id__button {
5150
+ overflow: hidden;
5151
+ text-overflow: ellipsis;
5152
+ -webkit-line-clamp: 2;
5153
+ line-clamp: 2;
5154
+ display: -webkit-box;
5155
+ -webkit-box-orient: vertical;
5156
+ padding: 0 var(--spacing);
5157
+ }
5148
5158
  .utah-design-system .utds-action-items-wrapper {
5149
5159
  display: flex;
5150
5160
  gap: var(--spacing);
@@ -5315,6 +5325,15 @@ BEM standard: Block, Element, Modifier
5315
5325
  font-size: 1.9rem;
5316
5326
  }
5317
5327
  }
5328
+ @media screen and (max-width: 640px) {
5329
+ .utah-design-system .utds-title-wrapper__logo {
5330
+ flex: 1 0 auto;
5331
+ }
5332
+ .utah-design-system .utds-title-wrapper__title {
5333
+ flex: 1 1 auto;
5334
+ white-space: normal;
5335
+ }
5336
+ }
5318
5337
  .utds-official-website__wrapper button {
5319
5338
  padding: 0;
5320
5339
  border: none;
@@ -5341,6 +5360,11 @@ BEM standard: Block, Element, Modifier
5341
5360
  .utds-official-website__wrapper button[aria-expanded=true] svg {
5342
5361
  transform: rotate(180deg);
5343
5362
  }
5363
+ .utds-official-website__wrapper button:focus-visible {
5364
+ outline: 2px solid #FFF;
5365
+ outline-offset: 2px;
5366
+ border-radius: var(--radius-small1x);
5367
+ }
5344
5368
  .utds-official-website__banner {
5345
5369
  padding: var(--spacing-3xs) var(--spacing-l);
5346
5370
  background: var(--gray-color);
@@ -5373,6 +5397,7 @@ BEM standard: Block, Element, Modifier
5373
5397
  }
5374
5398
  .utds-official-website__button {
5375
5399
  width: 100%;
5400
+ outline-offset: 0 !important;
5376
5401
  justify-content: flex-start !important;
5377
5402
  padding: 0 var(--spacing-l) !important;
5378
5403
  }
package/dist/utah-design-system.es.js CHANGED
@@ -10,7 +10,7 @@ var package_default = {
10
10
  name: "@utahdts/utah-design-system",
11
11
  description: "Utah Design System React Library",
12
12
  displayName: "Utah Design System React Library",
13
- version: "5.0.0",
13
+ version: "5.0.1",
14
14
  exports: {
15
15
  ".": {
16
16
  "development-local": "./index.js",
@@ -73,25 +73,25 @@ var package_default = {
73
73
  peerDependencies: { "react": "^18.0.0 || ^19.0.0" },
74
74
  dependencies: {
75
75
  "@floating-ui/react-dom": "^2.1.8",
76
- "@utahdts/utah-design-system-header": "5.0.0",
76
+ "@utahdts/utah-design-system-header": "5.0.1",
77
77
  "date-fns": "4.1.0",
78
78
  "immer": "11.1.4",
79
- "lodash-es": "4.17.23",
79
+ "lodash-es": "4.18.1",
80
80
  "use-immer": "0.11.0",
81
- "uuid": "13.0.0"
81
+ "uuid": "14.0.0"
82
82
  },
83
83
  devDependencies: {
84
84
  "@types/lodash-es": "4.17.12",
85
- "@types/react": "^19.2.13",
85
+ "@types/react": "^19.2.14",
86
86
  "@vitejs/plugin-react": "^6.0.1",
87
- "@vitest/coverage-istanbul": "^4.1.2",
88
- "@vitest/ui": "^4.1.2",
89
- "jsdom": "^29.0.1",
87
+ "@vitest/coverage-istanbul": "^4.1.5",
88
+ "@vitest/ui": "^4.1.5",
89
+ "jsdom": "^29.1.1",
90
90
  "prop-types": "15.8.1",
91
- "sass": "^1.98.0",
92
- "typescript": "^6.0.2",
93
- "vite": "^8.0.3",
94
- "vitest": "^4.1.2"
91
+ "sass": "^1.99.0",
92
+ "typescript": "^6.0.3",
93
+ "vite": "^8.0.10",
94
+ "vitest": "^4.1.5"
95
95
  },
96
96
  type: "module"
97
97
  };
@@ -7006,6 +7006,11 @@ function TableWrapper({ allowScrollOverflow, ariaLabelledBy, children, className
7006
7006
  unregisterSortingRule: (recordFieldPath) => setState((draftState) => {
7007
7007
  delete draftState.sortingRules[recordFieldPath];
7008
7008
  }),
7009
+ /**
7010
+ * data recording per table body section so as to form a full picture of the currently exposed data
7011
+ * @param {TableDataT[] | null} allData the data for this component (or null on unmount)
7012
+ * @param {TableDataT[] | null} [filteredData] the filtered data for this component (optional, defaults to [])
7013
+ */
7009
7014
  setBodyData: (allData, filteredData) => {
7010
7015
  setState((draftState) => {
7011
7016
  draftState.tableData = {
package/dist/utah-design-system.umd.js CHANGED
@@ -34,12 +34,12 @@
34
34
  enumerable: true
35
35
  }) : target, mod));
36
36
  //#endregion
37
- react = __toESM(react);
37
+ react = __toESM(react, 1);
38
38
  var package_default = {
39
39
  name: "@utahdts/utah-design-system",
40
40
  description: "Utah Design System React Library",
41
41
  displayName: "Utah Design System React Library",
42
- version: "5.0.0",
42
+ version: "5.0.1",
43
43
  exports: {
44
44
  ".": {
45
45
  "development-local": "./index.js",
@@ -102,25 +102,25 @@
102
102
  peerDependencies: { "react": "^18.0.0 || ^19.0.0" },
103
103
  dependencies: {
104
104
  "@floating-ui/react-dom": "^2.1.8",
105
- "@utahdts/utah-design-system-header": "5.0.0",
105
+ "@utahdts/utah-design-system-header": "5.0.1",
106
106
  "date-fns": "4.1.0",
107
107
  "immer": "11.1.4",
108
- "lodash-es": "4.17.23",
108
+ "lodash-es": "4.18.1",
109
109
  "use-immer": "0.11.0",
110
- "uuid": "13.0.0"
110
+ "uuid": "14.0.0"
111
111
  },
112
112
  devDependencies: {
113
113
  "@types/lodash-es": "4.17.12",
114
- "@types/react": "^19.2.13",
114
+ "@types/react": "^19.2.14",
115
115
  "@vitejs/plugin-react": "^6.0.1",
116
- "@vitest/coverage-istanbul": "^4.1.2",
117
- "@vitest/ui": "^4.1.2",
118
- "jsdom": "^29.0.1",
116
+ "@vitest/coverage-istanbul": "^4.1.5",
117
+ "@vitest/ui": "^4.1.5",
118
+ "jsdom": "^29.1.1",
119
119
  "prop-types": "15.8.1",
120
- "sass": "^1.98.0",
121
- "typescript": "^6.0.2",
122
- "vite": "^8.0.3",
123
- "vitest": "^4.1.2"
120
+ "sass": "^1.99.0",
121
+ "typescript": "^6.0.3",
122
+ "vite": "^8.0.10",
123
+ "vitest": "^4.1.5"
124
124
  },
125
125
  type: "module"
126
126
  };
@@ -7035,6 +7035,11 @@
7035
7035
  unregisterSortingRule: (recordFieldPath) => setState((draftState) => {
7036
7036
  delete draftState.sortingRules[recordFieldPath];
7037
7037
  }),
7038
+ /**
7039
+ * data recording per table body section so as to form a full picture of the currently exposed data
7040
+ * @param {TableDataT[] | null} allData the data for this component (or null on unmount)
7041
+ * @param {TableDataT[] | null} [filteredData] the filtered data for this component (optional, defaults to [])
7042
+ */
7038
7043
  setBodyData: (allData, filteredData) => {
7039
7044
  setState((draftState) => {
7040
7045
  draftState.tableData = {
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@utahdts/utah-design-system",
3
3
  "description": "Utah Design System React Library",
4
4
  "displayName": "Utah Design System React Library",
5
- "version": "5.0.0",
5
+ "version": "5.0.1",
6
6
  "exports": {
7
7
  ".": {
8
8
  "development-local": "./index.js",
@@ -69,25 +69,25 @@
69
69
  },
70
70
  "dependencies": {
71
71
  "@floating-ui/react-dom": "^2.1.8",
72
- "@utahdts/utah-design-system-header": "5.0.0",
72
+ "@utahdts/utah-design-system-header": "5.0.1",
73
73
  "date-fns": "4.1.0",
74
74
  "immer": "11.1.4",
75
- "lodash-es": "4.17.23",
75
+ "lodash-es": "4.18.1",
76
76
  "use-immer": "0.11.0",
77
- "uuid": "13.0.0"
77
+ "uuid": "14.0.0"
78
78
  },
79
79
  "devDependencies": {
80
80
  "@types/lodash-es": "4.17.12",
81
- "@types/react": "^19.2.13",
81
+ "@types/react": "^19.2.14",
82
82
  "@vitejs/plugin-react": "^6.0.1",
83
- "@vitest/coverage-istanbul": "^4.1.2",
84
- "@vitest/ui": "^4.1.2",
85
- "jsdom": "^29.0.1",
83
+ "@vitest/coverage-istanbul": "^4.1.5",
84
+ "@vitest/ui": "^4.1.5",
85
+ "jsdom": "^29.1.1",
86
86
  "prop-types": "15.8.1",
87
- "sass": "^1.98.0",
88
- "typescript": "^6.0.2",
89
- "vite": "^8.0.3",
90
- "vitest": "^4.1.2"
87
+ "sass": "^1.99.0",
88
+ "typescript": "^6.0.3",
89
+ "vite": "^8.0.10",
90
+ "vitest": "^4.1.5"
91
91
  },
92
92
  "type": "module"
93
93
  }
package/react/components/table/useCurrentValuesFromStateContext.js CHANGED
@@ -100,7 +100,6 @@ export function useCurrentValuesFromStateContext({
100
100
  currentValue = defaultValueRef.current;
101
101
  }
102
102
 
103
- // @ts-expect-error I dont know how to fix this Austin
104
103
  return useMemo(
105
104
  () => ({
106
105
  currentOnChange: (
@@ -127,7 +126,7 @@ export function useCurrentValuesFromStateContext({
127
126
  setStateLocal(defaultOnChange(e));
128
127
  })
129
128
  ),
130
- currentValue: currentValue ?? '',
129
+ currentValue: currentValue ?? /** @type {any} */(''),
131
130
  setValue,
132
131
  }),
133
132
  [