@utahdts/utah-design-system 1.6.0 → 1.7.0

package/css/1-settings/_icons.scss

@@ -244,4 +244,29 @@
   .utds-icon-after-more-horizontal::after {
     content: "\006d";
   }
+
+    .utds-icon-before-download::before,
+    .utds-icon-after-download::after {
+      content: "\006e";
+    }
+
+    .utds-icon-before-upload::before,
+    .utds-icon-after-upload::after {
+      content: "\006f";
+    }
+
+    .utds-icon-before-favorite::before,
+    .utds-icon-after-favorite::after {
+      content: "\0070";
+    }
+
+    .utds-icon-before-visibility::before,
+    .utds-icon-after-visibility::after {
+      content: "\0071";
+    }
+
+    .utds-icon-before-visibility-off::before,
+    .utds-icon-after-visibility-off::after {
+      content: "\0072";
+    }
 }

package/css/2-tools/_tools-index.scss

@@ -36,8 +36,6 @@ scss mixins and functions
   outline: 2px solid var(--form-ele-color);
   outline-offset: 2px;
   transition: none;
-  // outline: none;
-  // box-shadow: #ffffffaa 0 0 0 2px, var(--form-ele-color-60) 0 0 0 4px;
 }
 
 @mixin form-ele-focus {
@@ -45,26 +43,3 @@ scss mixins and functions
     @include form-ele-focus-appearance;
   }
 }
-
-@mixin selected-vertical-menu-item {
-  &.menu-item--selected_parent {
-    font-weight: bold;
-  }
-  &.menu-item--selected {
-    font-weight: bold;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    box-shadow: inset 0 0 0 1000px var(--hover-gray-color);
-    //a chiclet
-    &::after {
-      content: '';
-      position: absolute;
-      left: -3px;
-      top: 0;
-      width: 5px;
-      height: 100%;
-      background: var(--primary-color);
-      border-radius: var(--radius-circle);
-    }
-  }
-}

package/css/6-components/base-components/navigation/_side-panel-navigation.scss

@@ -38,7 +38,23 @@
             box-shadow: inset 0 0 0 1000px var(--hover-gray-color);
             color: var(--primary-color);
           }
-          @include tools-index.selected-vertical-menu-item;
+          &.menu-item--selected {
+            font-weight: bold;
+            border-top-left-radius: 0;
+            border-bottom-left-radius: 0;
+            box-shadow: inset 0 0 0 1000px var(--hover-gray-color);
+            //a chiclet
+            &::after {
+              content: '';
+              position: absolute;
+              left: -3px;
+              top: 0;
+              width: 5px;
+              height: 100%;
+              background: var(--primary-color);
+              border-radius: var(--radius-circle);
+            }
+          }
         }
       }
 

package/css/6-components/base-components/navigation/_vertical-menu.scss

@@ -9,7 +9,7 @@
   }
   .vertical-menu {
     li > ul {
-      padding-left: var(--spacing-s);
+      margin-left: var(--spacing-s);
     }
 
     button.vertical-menu__button-title,
@@ -39,7 +39,15 @@
       &:active {
         transform: none;
       }
-      @include tools-index.selected-vertical-menu-item;
+      &.menu-item--selected_parent {
+        font-weight: bold;
+      }
+      &.menu-item--selected {
+        font-weight: bold;
+        box-shadow: inset 0 0 0 1000px var(--hover-gray-color);
+        color: var(--primary-color);
+      }
+
     }
     a.vertical-menu__link-title {
       &:hover {

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

@@ -190,6 +190,7 @@
         &--filters {
           th {
             background-color: var(--gray-light-color);
+            padding: var(--spacing-s) var(--spacing-2xs);
           }
           th:first-child {
             border-top-left-radius: var(--radius-medium);
@@ -201,9 +202,6 @@
             border-bottom-right-radius: var(--radius-medium);
             padding: var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-2xs);
           }
-          th {
-            padding: var(--spacing-s) var(--spacing-2xs);
-          }
           .input-wrapper {
             margin: 0;
             label {

package/dist/style.css

@@ -588,6 +588,26 @@ variables and settings
 .utah-design-system .utds-icon-after-more-horizontal::after {
   content: "m";
 }
+.utah-design-system .utds-icon-before-download::before,
+.utah-design-system .utds-icon-after-download::after {
+  content: "n";
+}
+.utah-design-system .utds-icon-before-upload::before,
+.utah-design-system .utds-icon-after-upload::after {
+  content: "o";
+}
+.utah-design-system .utds-icon-before-favorite::before,
+.utah-design-system .utds-icon-after-favorite::after {
+  content: "p";
+}
+.utah-design-system .utds-icon-before-visibility::before,
+.utah-design-system .utds-icon-after-visibility::after {
+  content: "q";
+}
+.utah-design-system .utds-icon-before-visibility-off::before,
+.utah-design-system .utds-icon-after-visibility-off::after {
+  content: "r";
+}
 
 /*
 ############     _media-size-vars.scss      ############
@@ -1425,6 +1445,31 @@ variables and settings
   content: "m";
 }
 
+.utah-design-system .utds-icon-before-download::before,
+.utah-design-system .utds-icon-after-download::after {
+  content: "n";
+}
+
+.utah-design-system .utds-icon-before-upload::before,
+.utah-design-system .utds-icon-after-upload::after {
+  content: "o";
+}
+
+.utah-design-system .utds-icon-before-favorite::before,
+.utah-design-system .utds-icon-after-favorite::after {
+  content: "p";
+}
+
+.utah-design-system .utds-icon-before-visibility::before,
+.utah-design-system .utds-icon-after-visibility::after {
+  content: "q";
+}
+
+.utah-design-system .utds-icon-before-visibility-off::before,
+.utah-design-system .utds-icon-after-visibility-off::after {
+  content: "r";
+}
+
 /*
 ############     _media-size-vars.scss      ############
 Media Sizes - SCSS Variables
@@ -3405,10 +3450,6 @@ base color swatches for the design system
   color: var(--primary-color);
 }
 
-.utah-design-system .menu-side-panel .menu-item__title a.menu-item--selected_parent {
-  font-weight: bold;
-}
-
 .utah-design-system .menu-side-panel .menu-item__title a.menu-item--selected {
   font-weight: bold;
   border-top-left-radius: 0;
@@ -3492,7 +3533,7 @@ base color swatches for the design system
 }
 
 .utah-design-system .vertical-menu li > ul {
-  padding-left: var(--spacing-s);
+  margin-left: var(--spacing-s);
 }
 
 .utah-design-system .vertical-menu button.vertical-menu__button-title,
@@ -3535,21 +3576,8 @@ base color swatches for the design system
 .utah-design-system .vertical-menu button.vertical-menu__button-title.menu-item--selected,
 .utah-design-system .vertical-menu a[href].vertical-menu__link-title.menu-item--selected {
   font-weight: bold;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
   box-shadow: inset 0 0 0 1000px var(--hover-gray-color);
-}
-
-.utah-design-system .vertical-menu button.vertical-menu__button-title.menu-item--selected::after,
-.utah-design-system .vertical-menu a[href].vertical-menu__link-title.menu-item--selected::after {
-  content: "";
-  position: absolute;
-  left: -3px;
-  top: 0;
-  width: 5px;
-  height: 100%;
-  background: var(--primary-color);
-  border-radius: var(--radius-circle);
+  color: var(--primary-color);
 }
 
 .utah-design-system .vertical-menu a.vertical-menu__link-title:hover {
@@ -4293,6 +4321,31 @@ variables and settings
   content: "m";
 }
 
+.utah-design-system .utds-icon-before-download::before,
+.utah-design-system .utds-icon-after-download::after {
+  content: "n";
+}
+
+.utah-design-system .utds-icon-before-upload::before,
+.utah-design-system .utds-icon-after-upload::after {
+  content: "o";
+}
+
+.utah-design-system .utds-icon-before-favorite::before,
+.utah-design-system .utds-icon-after-favorite::after {
+  content: "p";
+}
+
+.utah-design-system .utds-icon-before-visibility::before,
+.utah-design-system .utds-icon-after-visibility::after {
+  content: "q";
+}
+
+.utah-design-system .utds-icon-before-visibility-off::before,
+.utah-design-system .utds-icon-after-visibility-off::after {
+  content: "r";
+}
+
 /*
 ############     _media-size-vars.scss      ############
 Media Sizes - SCSS Variables
@@ -5186,6 +5239,7 @@ BEM standard: Block, Element, Modifier
 
 .utah-design-system table .table-header__row--filters th {
   background-color: var(--gray-light-color);
+  padding: var(--spacing-s) var(--spacing-2xs);
 }
 
 .utah-design-system table .table-header__row--filters th:first-child {
@@ -5200,10 +5254,6 @@ BEM standard: Block, Element, Modifier
   padding: var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-2xs);
 }
 
-.utah-design-system table .table-header__row--filters th {
-  padding: var(--spacing-s) var(--spacing-2xs);
-}
-
 .utah-design-system table .table-header__row--filters .input-wrapper {
   margin: 0;
 }

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

@@ -32,7 +32,7 @@ const index = "";
 const name = "@utahdts/utah-design-system";
 const description = "Utah Design System React Library";
 const displayName = "Utah Design System React Library";
-const version$1 = "1.6.0";
+const version$1 = "1.7.0";
 const exports = {
   ".": {
     "development-local": "./index.js",
@@ -89,7 +89,7 @@ const bugs = {
 };
 const homepage = "https://github.com/utahdts/utah-design-system";
 const dependencies = {
-  "@utahdts/utah-design-system-header": "1.6.0",
+  "@utahdts/utah-design-system-header": "1.7.0",
   lodash: "4.17.21",
   "prop-types": "15.8.1",
   react: "18.x",
@@ -99,14 +99,14 @@ const dependencies = {
   uuid: "9.0.1"
 };
 const devDependencies = {
-  "@types/react": "18.2.21",
-  "@types/react-dom": "18.2.7",
-  "@vitejs/plugin-react": "4.0.4",
-  "@vitest/coverage-istanbul": "0.34.4",
+  "@types/react": "18.2.24",
+  "@types/react-dom": "18.2.8",
+  "@vitejs/plugin-react": "4.1.0",
+  "@vitest/coverage-istanbul": "0.34.6",
   jsdom: "22.1.0",
-  sass: "1.66.1",
-  vite: "4.4.9",
-  vitest: "0.34.4"
+  sass: "1.68.0",
+  vite: "4.4.10",
+  vitest: "0.34.6"
 };
 const type = "module";
 const packageJson = {

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

@@ -1,4 +1,8 @@
-var __defProp = Object.defineProperty;
+(function(global2, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@utahdts/utah-design-system-header"), require("react"), require("react-router-dom")) : typeof define === "function" && define.amd ? define(["exports", "@utahdts/utah-design-system-header", "react", "react-router-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2["@utahdts/utah-design-system"] = {}, global2.utahDesignSystemHeader, global2.React, global2.ReactRouterDom));
+})(this, function(exports2, utahDesignSystemHeader, React, reactRouterDom) {
+  var _popupTimeoutId, _noPopupTimeoutId, _isImmediatePopup;
+  "use strict";var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -22,11 +26,7 @@ var __privateSet = (obj, member, value, setter) => {
   setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
-(function(global2, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@utahdts/utah-design-system-header"), require("react"), require("react-router-dom")) : typeof define === "function" && define.amd ? define(["exports", "@utahdts/utah-design-system-header", "react", "react-router-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2["@utahdts/utah-design-system"] = {}, global2.utahDesignSystemHeader, global2.React, global2.ReactRouterDom));
-})(this, function(exports2, utahDesignSystemHeader, React, reactRouterDom) {
-  var _popupTimeoutId, _noPopupTimeoutId, _isImmediatePopup;
-  "use strict";
+
   function _interopNamespaceDefault(e) {
     const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
     if (e) {
@@ -48,7 +48,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.6.0";
+  const version$1 = "1.7.0";
   const exports$1 = {
     ".": {
       "development-local": "./index.js",
@@ -105,7 +105,7 @@ var __privateSet = (obj, member, value, setter) => {
   };
   const homepage = "https://github.com/utahdts/utah-design-system";
   const dependencies = {
-    "@utahdts/utah-design-system-header": "1.6.0",
+    "@utahdts/utah-design-system-header": "1.7.0",
     lodash: "4.17.21",
     "prop-types": "15.8.1",
     react: "18.x",
@@ -115,14 +115,14 @@ var __privateSet = (obj, member, value, setter) => {
     uuid: "9.0.1"
   };
   const devDependencies = {
-    "@types/react": "18.2.21",
-    "@types/react-dom": "18.2.7",
-    "@vitejs/plugin-react": "4.0.4",
-    "@vitest/coverage-istanbul": "0.34.4",
+    "@types/react": "18.2.24",
+    "@types/react-dom": "18.2.8",
+    "@vitejs/plugin-react": "4.1.0",
+    "@vitest/coverage-istanbul": "0.34.6",
     jsdom: "22.1.0",
-    sass: "1.66.1",
-    vite: "4.4.9",
-    vitest: "0.34.4"
+    sass: "1.68.0",
+    vite: "4.4.10",
+    vitest: "0.34.6"
   };
   const type = "module";
   const packageJson = {

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.6.0",
+  "version": "1.7.0",
   "exports": {
     ".": {
       "development-local": "./index.js",
@@ -59,7 +59,7 @@
   },
   "homepage": "https://github.com/utahdts/utah-design-system",
   "dependencies": {
-    "@utahdts/utah-design-system-header": "1.6.0",
+    "@utahdts/utah-design-system-header": "1.7.0",
     "lodash": "4.17.21",
     "prop-types": "15.8.1",
     "react": "18.x",
@@ -69,14 +69,14 @@
     "uuid": "9.0.1"
   },
   "devDependencies": {
-    "@types/react": "18.2.21",
-    "@types/react-dom": "18.2.7",
-    "@vitejs/plugin-react": "4.0.4",
-    "@vitest/coverage-istanbul": "0.34.4",
+    "@types/react": "18.2.24",
+    "@types/react-dom": "18.2.8",
+    "@vitejs/plugin-react": "4.1.0",
+    "@vitest/coverage-istanbul": "0.34.6",
     "jsdom": "22.1.0",
-    "sass": "1.66.1",
-    "vite": "4.4.9",
-    "vitest": "0.34.4"
+    "sass": "1.68.0",
+    "vite": "4.4.10",
+    "vitest": "0.34.6"
   },
   "type": "module"
 }