@utahdts/utah-design-system 1.13.2 → 1.14.0

package/css/6-components/base-components/forms/_multi-select-input.scss

@@ -13,7 +13,7 @@
     width: 100%;
     display: flex;
     flex-wrap: wrap;
-    align-items: start;
+    align-items: flex-start;
     gap: var(--spacing-2xs);
     padding: var(--spacing-2xs) var(--spacing-xl) var(--spacing-2xs) var(--spacing-2xs);
 

package/css/6-components/base-components/tablesAndLists/_table.scss

@@ -1,8 +1,13 @@
 @use "../../../1-settings/class-vars";
 
 #{class-vars.$base-class} {
+  //this doesn't nest under table so it has to be written like this
   .table__wrapper {
     overflow-x: auto;
+
+    &--full-width {
+      width: 100%;
+    }
   }
   table {
     border-collapse: collapse;
@@ -29,6 +34,7 @@
         td {
           vertical-align: top;
           padding: var(--spacing-s);
+          background: white;
         }
       }
       tr:last-child {
@@ -75,6 +81,16 @@
           }
         }
       }
+      &--lines-y {
+        tbody {
+          tr {
+            td {
+              border-left: 1px solid var(--gray-3-1-contrast);
+              border-right: 1px solid var(--gray-3-1-contrast);
+            }
+          }
+        }
+      }
       &--v-align-center {
         tbody {
           tr {

package/css/6-components/base-components/templates/_landing-page-template.scss

@@ -11,9 +11,9 @@
     .content-width {
       max-width: calc(var(--content-width-narrow) + (2 * var(--spacing-2xl)));
       padding: 0 var(--spacing-2xl);
-      box-sizing: border-box;    }
+      box-sizing: border-box;
+    }
   }
-
 }
 
 @media screen and (max-width: #{media-size-vars.$media-size-mobile}) {

package/dist/style.css

@@ -3346,7 +3346,7 @@ base color swatches for the design system
   width: 100%;
   display: flex;
   flex-wrap: wrap;
-  align-items: start;
+  align-items: flex-start;
   gap: var(--spacing-2xs);
   padding: var(--spacing-2xs) var(--spacing-xl) var(--spacing-2xs) var(--spacing-2xs);
   box-shadow: var(--hover-gray-color) 0 0 0 0;
@@ -6129,6 +6129,10 @@ BEM standard: Block, Element, Modifier
   overflow-x: auto;
 }
 
+.utah-design-system .table__wrapper--full-width {
+  width: 100%;
+}
+
 .utah-design-system table {
   border-collapse: collapse;
 }
@@ -6156,6 +6160,7 @@ BEM standard: Block, Element, Modifier
 .utah-design-system table tbody tr td {
   vertical-align: top;
   padding: var(--spacing-s);
+  background: white;
 }
 
 .utah-design-system table tbody tr:last-child td {
@@ -6184,6 +6189,11 @@ BEM standard: Block, Element, Modifier
   border-bottom: 1px solid var(--gray-color);
 }
 
+.utah-design-system table.table--lines-y tbody tr td {
+  border-left: 1px solid var(--gray-3-1-contrast);
+  border-right: 1px solid var(--gray-3-1-contrast);
+}
+
 .utah-design-system table.table--v-align-center tbody tr td {
   vertical-align: middle;
 }

package/dist/utah-design-system.es.js

@@ -31,7 +31,7 @@ import { useLocation, NavLink } from "react-router-dom";
 const name = "@utahdts/utah-design-system";
 const description = "Utah Design System React Library";
 const displayName = "Utah Design System React Library";
-const version$1 = "1.13.2";
+const version$1 = "1.14.0";
 const exports = {
   ".": {
     "development-local": "./index.js",
@@ -88,13 +88,13 @@ const keywords = [
   "components"
 ];
 const author = "DTS Digital Experience <dtsui@utah.gov>";
-const license = "State of Utah - TOT";
+const license = "state of Utah - TOT";
 const bugs = {
   url: "https://github.com/utahdts/utah-design-system/issues"
 };
 const homepage = "https://github.com/utahdts/utah-design-system";
 const dependencies = {
-  "@utahdts/utah-design-system-header": "1.13.2",
+  "@utahdts/utah-design-system-header": "1.14.0",
   lodash: "4.17.21",
   "prop-types": "15.8.1",
   react: "18.x",
@@ -105,17 +105,17 @@ const dependencies = {
 };
 const devDependencies = {
   "@types/lodash": "4.14.202",
-  "@types/react": "18.2.45",
-  "@types/react-dom": "18.2.17",
+  "@types/react": "18.2.46",
+  "@types/react-dom": "18.2.18",
   "@types/uuid": "9.0.7",
   "@vitejs/plugin-react": "4.2.1",
-  "@vitest/coverage-istanbul": "1.0.4",
-  "@vitest/ui": "1.0.4",
+  "@vitest/coverage-istanbul": "1.1.1",
+  "@vitest/ui": "1.1.1",
   jsdom: "23.0.1",
-  sass: "1.69.5",
+  sass: "1.69.6",
   typescript: "5.3.3",
-  vite: "5.0.8",
-  vitest: "1.0.4"
+  vite: "5.0.10",
+  vitest: "1.1.1"
 };
 const type = "module";
 const packageJson = {
@@ -40049,7 +40049,7 @@ function HorizontalMenu({
   ] });
 }
 function LandingTemplate({ content: Content }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Content, {});
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(MainContent, { className: "landing-page-template__content", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Content, {}) });
 }
 function LinkCallback({
   actionDescription,
@@ -40113,11 +40113,9 @@ function Modal({
           lastTabElement == null ? void 0 : lastTabElement.focus();
           e.preventDefault();
         }
-      } else {
-        if (document.activeElement === lastTabElement) {
-          firstTabElement == null ? void 0 : firstTabElement.focus();
-          e.preventDefault();
-        }
+      } else if (document.activeElement === lastTabElement) {
+        firstTabElement == null ? void 0 : firstTabElement.focus();
+        e.preventDefault();
       }
     }
   }, [firstTabElement, lastTabElement]);

package/dist/utah-design-system.umd.js

@@ -47,7 +47,7 @@ var __privateSet = (obj, member, value, setter) => {
   const name = "@utahdts/utah-design-system";
   const description = "Utah Design System React Library";
   const displayName = "Utah Design System React Library";
-  const version$1 = "1.13.2";
+  const version$1 = "1.14.0";
   const exports$1 = {
     ".": {
       "development-local": "./index.js",
@@ -104,13 +104,13 @@ var __privateSet = (obj, member, value, setter) => {
     "components"
   ];
   const author = "DTS Digital Experience <dtsui@utah.gov>";
-  const license = "State of Utah - TOT";
+  const license = "state of Utah - TOT";
   const bugs = {
     url: "https://github.com/utahdts/utah-design-system/issues"
   };
   const homepage = "https://github.com/utahdts/utah-design-system";
   const dependencies = {
-    "@utahdts/utah-design-system-header": "1.13.2",
+    "@utahdts/utah-design-system-header": "1.14.0",
     lodash: "4.17.21",
     "prop-types": "15.8.1",
     react: "18.x",
@@ -121,17 +121,17 @@ var __privateSet = (obj, member, value, setter) => {
   };
   const devDependencies = {
     "@types/lodash": "4.14.202",
-    "@types/react": "18.2.45",
-    "@types/react-dom": "18.2.17",
+    "@types/react": "18.2.46",
+    "@types/react-dom": "18.2.18",
     "@types/uuid": "9.0.7",
     "@vitejs/plugin-react": "4.2.1",
-    "@vitest/coverage-istanbul": "1.0.4",
-    "@vitest/ui": "1.0.4",
+    "@vitest/coverage-istanbul": "1.1.1",
+    "@vitest/ui": "1.1.1",
     jsdom: "23.0.1",
-    sass: "1.69.5",
+    sass: "1.69.6",
     typescript: "5.3.3",
-    vite: "5.0.8",
-    vitest: "1.0.4"
+    vite: "5.0.10",
+    vitest: "1.1.1"
   };
   const type = "module";
   const packageJson = {
@@ -40065,7 +40065,7 @@ var __privateSet = (obj, member, value, setter) => {
     ] });
   }
   function LandingTemplate({ content: Content }) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Content, {});
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(MainContent, { className: "landing-page-template__content", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Content, {}) });
   }
   function LinkCallback({
     actionDescription,
@@ -40129,11 +40129,9 @@ var __privateSet = (obj, member, value, setter) => {
             lastTabElement == null ? void 0 : lastTabElement.focus();
             e.preventDefault();
           }
-        } else {
-          if (document.activeElement === lastTabElement) {
-            firstTabElement == null ? void 0 : firstTabElement.focus();
-            e.preventDefault();
-          }
+        } else if (document.activeElement === lastTabElement) {
+          firstTabElement == null ? void 0 : firstTabElement.focus();
+          e.preventDefault();
         }
       }
     }, [firstTabElement, lastTabElement]);

package/package.json

@@ -2,7 +2,7 @@
   "name": "@utahdts/utah-design-system",
   "description": "Utah Design System React Library",
   "displayName": "Utah Design System React Library",
-  "version": "1.13.2",
+  "version": "1.14.0",
   "exports": {
     ".": {
       "development-local": "./index.js",
@@ -59,13 +59,13 @@
     "components"
   ],
   "author": "DTS Digital Experience <dtsui@utah.gov>",
-  "license": "State of Utah - TOT",
+  "license": "state of Utah - TOT",
   "bugs": {
     "url": "https://github.com/utahdts/utah-design-system/issues"
   },
   "homepage": "https://github.com/utahdts/utah-design-system",
   "dependencies": {
-    "@utahdts/utah-design-system-header": "1.13.2",
+    "@utahdts/utah-design-system-header": "1.14.0",
     "lodash": "4.17.21",
     "prop-types": "15.8.1",
     "react": "18.x",
@@ -76,17 +76,17 @@
   },
   "devDependencies": {
     "@types/lodash": "4.14.202",
-    "@types/react": "18.2.45",
-    "@types/react-dom": "18.2.17",
+    "@types/react": "18.2.46",
+    "@types/react-dom": "18.2.18",
     "@types/uuid": "9.0.7",
     "@vitejs/plugin-react": "4.2.1",
-    "@vitest/coverage-istanbul": "1.0.4",
-    "@vitest/ui": "1.0.4",
+    "@vitest/coverage-istanbul": "1.1.1",
+    "@vitest/ui": "1.1.1",
     "jsdom": "23.0.1",
-    "sass": "1.69.5",
+    "sass": "1.69.6",
     "typescript": "5.3.3",
-    "vite": "5.0.8",
-    "vitest": "1.0.4"
+    "vite": "5.0.10",
+    "vitest": "1.1.1"
   },
   "type": "module"
 }

package/react/components/forms/ComboBox/ComboBoxOption.jsx

@@ -178,9 +178,6 @@ export function ComboBoxOption({
                 draftContext.isFilterValueDirty = false;
                 draftContext.isOptionsExpanded = false;
                 draftContext.optionValueHighlighted = null;
-                // TODO: onChange does this? so not needed here?
-                // draftContext.filterValue = label;
-                // draftContext.optionValueSelected = value;
                 setTimeout(
                   () => {
                     // move cursor to end after clicking an option so it can be edited

package/react/components/forms/ComboBox/functions/selectComboBoxSelection.js

@@ -20,10 +20,8 @@ export function selectComboBoxSelection(draftContext, textInput, onSubmit) {
     );
 
     // select currently highlighted menu item
-    // draftContext.filterValue = selectedOption?.label ?? '';
     draftContext.isFilterValueDirty = false;
     draftContext.isOptionsExpanded = false;
-    // draftContext.optionValueSelected = selectedOption?.value ?? null;
 
     if (selectedOption) {
       const selectedOptionLabel = selectedOption.label;

package/react/components/popups/Modal/Modal.jsx

@@ -59,12 +59,9 @@ export function Modal({
           lastTabElement?.focus();
           e.preventDefault();
         }
-      } else {
-        // eslint-disable-next-line no-lonely-if
-        if (document.activeElement === lastTabElement) {
-          firstTabElement?.focus();
-          e.preventDefault();
-        }
+      } else if (document.activeElement === lastTabElement) {
+        firstTabElement?.focus();
+        e.preventDefault();
       }
     }
   }, [firstTabElement, lastTabElement]);

package/react/components/templates/LandingTemplate.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { MainContent } from './MainContent';
 
 /**
  * @param {object} props
@@ -6,5 +7,9 @@ import React from 'react';
  * @returns {import('react').JSX.Element}
  */
 export function LandingTemplate({ content: Content }) {
-  return (<Content />);
+  return (
+    <MainContent className="landing-page-template__content">
+      <Content />
+    </MainContent>
+  );
 }

package/react/components/templates/MainContent.jsx

@@ -1,6 +1,8 @@
 // The MainContent component renders a <main> tag.
 // Use primarily to provide a target for the skip link.
 /**
+ * The MainContent component renders a <main> tag.
+ * Use primarily to provide a target for the skip link.
  * @param {object} props
  * @param {import('react').ReactNode} props.children
  * @param {string} [props.className]