@utahdts/utah-design-system 1.10.0 → 1.11.1

package/css/1-settings/_icons.scss

@@ -269,4 +269,9 @@
     .utds-icon-after-visibility-off::after {
       content: "\0072";
     }
+
+    .utds-icon-before-trash::before,
+    .utds-icon-after-trash::after {
+      content: "\0073";
+    }
 }

package/css/6-components/base-components/containers/_action-card.scss

@@ -10,7 +10,9 @@
     padding: var(--spacing);
     text-decoration: none;
     color: var(--gray-color);
-    transition: all 200ms ease-in-out, outline-offset 0ms ease;
+    transition:
+      all 200ms ease-in-out,
+      outline-offset 0ms ease;
     box-sizing: border-box;
     &:hover {
       box-shadow: none;
@@ -67,7 +69,7 @@
       }
     }
 
-    //TODO: Primary color is light
+    // TODO: Primary color is light
 
     &__title {
       display: flex;

package/css/6-components/base-components/popups/_popups.scss

@@ -3,7 +3,7 @@
 @use "../../../1-settings/spacing";
 
 // Drop Shadow Color
-$dsc: rgb(0,0,0);
+$dsc: rgb(0, 0, 0);
 
 #{class-vars.$base-class} {
   .popup {
@@ -27,7 +27,7 @@ $dsc: rgb(0,0,0);
         opacity: 0;
         pointer-events: none;
         .popup__content {
-          transform: scale(.7);
+          transform: scale(0.7);
         }
       }
       &--close-button-absolute {
@@ -54,14 +54,15 @@ $dsc: rgb(0,0,0);
     &__close-button {
       float: right;
       .utds-icon-before-x-icon::before {
-        font-size: .7rem;
+        font-size: 0.7rem;
       }
     }
 
     &__arrow {
       visibility: hidden;
 
-      &, &::before {
+      &,
+      &::before {
         position: absolute;
         width: 9px;
         height: 9px;
@@ -71,15 +72,13 @@ $dsc: rgb(0,0,0);
 
       &::before {
         visibility: visible;
-        content: '';
+        content: "";
         transform: rotate(45deg);
       }
     }
 
-
-    &__wrapper[data-popper-placement^='top'] {
+    &__wrapper[data-popper-placement^="top"] {
       .popup__content {
-        // box-shadow: 0 3px 5px -1px rgba($dsc,.2), 0 15px 20px 0 rgba($dsc,.14), 0 1px 18px 0 rgba($dsc,.12);
         transform-origin: bottom;
       }
       .popup__arrow {
@@ -91,9 +90,8 @@ $dsc: rgb(0,0,0);
       }
     }
 
-    &__wrapper[data-popper-placement^='bottom'] {
+    &__wrapper[data-popper-placement^="bottom"] {
       .popup__content {
-        // box-shadow: 0 3px 5px -1px rgba($dsc,.2), 0 -15px 20px 0 rgba($dsc,.14), 0 1px 18px 0 rgba($dsc,.12);
         transform-origin: top;
       }
       .popup__arrow {
@@ -105,9 +103,8 @@ $dsc: rgb(0,0,0);
       }
     }
 
-    &__wrapper[data-popper-placement^='left'] {
+    &__wrapper[data-popper-placement^="left"] {
       .popup__content {
-        // box-shadow: 0 3px 5px -1px rgba($dsc,.2), 15px 0 20px 0 rgba($dsc,.14), 0 1px 18px 0 rgba($dsc,.12);
         transform-origin: right;
       }
       .popup__arrow {
@@ -119,9 +116,8 @@ $dsc: rgb(0,0,0);
       }
     }
 
-    &__wrapper[data-popper-placement^='right'] {
+    &__wrapper[data-popper-placement^="right"] {
       .popup__content {
-        // box-shadow: 0 3px 5px -1px rgba($dsc,.2), -15px 0 20px 0 rgba($dsc,.14), 0 1px 18px 0 rgba($dsc,.12);
         transform-origin: left;
       }
       .popup__arrow {

package/css/index.scss

@@ -17,10 +17,6 @@ BEM standard: Block, Element, Modifier
     - cats-r-great--black
  */
 
-
-// normalize.css
-// @include meta.load-css("./3-generic/normalize.css");
-
 // variables and settings
 @forward "1-settings/settings-index";
 @include meta.load-css("1-settings/settings-index");
@@ -50,4 +46,3 @@ BEM standard: Block, Element, Modifier
 // test css, temporary css,
 // this css should eventually be categorized above
 @include meta.load-css("9-tip/tip-index");
-

package/dist/style.css

@@ -608,6 +608,10 @@ variables and settings
 .utah-design-system .utds-icon-after-visibility-off::after {
   content: "r";
 }
+.utah-design-system .utds-icon-before-trash::before,
+.utah-design-system .utds-icon-after-trash::after {
+  content: "s";
+}
 
 /*
 ############     _media-size-vars.scss      ############
@@ -1470,6 +1474,11 @@ variables and settings
   content: "r";
 }
 
+.utah-design-system .utds-icon-before-trash::before,
+.utah-design-system .utds-icon-after-trash::after {
+  content: "s";
+}
+
 /*
 ############     _media-size-vars.scss      ############
 Media Sizes - SCSS Variables
@@ -4547,6 +4556,11 @@ variables and settings
   content: "r";
 }
 
+.utah-design-system .utds-icon-before-trash::before,
+.utah-design-system .utds-icon-after-trash::after {
+  content: "s";
+}
+
 .utah-design-system {
   /* color */
   /* ######## Pick these colors to match your desired style ######## */