claritas-web-framework 5.1.21 → 5.1.24

package/scss/modules/_details.scss

@@ -16,7 +16,7 @@ details {
       outline: none;
       transform: none;
       position: absolute;
-      content: '';
+      content: "";
       left: 0;
       top: calc(50% - 0.125em);
       width: 0;
@@ -58,4 +58,4 @@ details {
       }
     }
   }
-}
+}

package/scss/modules/_tag.scss

@@ -85,4 +85,4 @@
       }
     }
   }
-}
+}

package/scss/utilities/_colors.scss

@@ -38,4 +38,4 @@
   .border--gray-#{$key} {
     @include make-border-color($value);
   }
-}
+}

package/scss/utilities/_order.scss

@@ -16,4 +16,4 @@
 
 .order--last {
   order: 13 !important;
-}
+}

package/scss/utilities/_pointerEvents.scss

@@ -10,4 +10,4 @@ $pointer-events: (auto, none) !default;
       }
     }
   }
-}
+}

package/scss/utilities/_size.scss

@@ -3,11 +3,11 @@
     $infix: breakpoint-infix($breakpoint, $breakpoints);
 
     .width-#{$infix}-auto {
-      width: auto!important;
+      width: auto !important;
     }
 
     .height-#{$infix}-auto {
-      height: auto!important;
+      height: auto !important;
     }
 
     @for $value from 0 through 100 {

package/scss/utilities/_translate.scss

@@ -12,4 +12,4 @@
 
 .translate--bottom {
   transform: translateY(-100%) !important;
-}
+}

package/scss/utilities/_visibility.scss

@@ -10,4 +10,4 @@ $visibilities: (visible, hidden) !default;
       }
     }
   }
-}
+}

package/scss/utilities/_zIndex.scss

@@ -8,4 +8,4 @@
       }
     }
   }
-}
+}

package/styles/helpers/container.css

@@ -1,4 +1,4 @@
-@import './../mixins/helpers/container.css';
+@import "./../mixins/helpers/container.css";
 
 .container,
 .container--fluid {

package/styles/helpers/embed.css

@@ -11,7 +11,7 @@
 
   &::before {
     display: block;
-    content: '';
+    content: "";
   }
 
   & > * {
@@ -50,19 +50,19 @@
     .embed--$(view)-32by9::before {
       padding-top: 28.125%;
     }
-    
+
     .embed--$(view)-21by9::before {
       padding-top: 42.857143%;
     }
-    
+
     .embed--$(view)-16by9::before {
       padding-top: 56.25%;
     }
-    
+
     .embed--$(view)-4by3::before {
       padding-top: 75%;
     }
-    
+
     .embed--$(view)-1by1::before {
       padding-top: 100%;
     }

package/styles/helpers/grid.css

@@ -19,7 +19,7 @@
 }
 
 @for $i from 1 through 12 {
-  [class*='col--$(i)'],
+  [class*="col--$(i)"],
   .col--$(i) {
     @media (--viewport-mobile) {
       flex: 0 0 auto;
@@ -27,7 +27,7 @@
     }
   }
 
-  [class*='offset--$(i)'],
+  [class*="offset--$(i)"],
   .offset--$(i) {
     @media (--viewport-mobile) {
       @include make-col-offset($i);
@@ -37,7 +37,7 @@
 
 @each $view in mobile, tablet, desktop, widescreen, fullhd {
   @for $i from 1 through 12 {
-    [class*='col--$(view)-$(i)'],
+    [class*="col--$(view)-$(i)"],
     .col--$(view)-$(i) {
       @media (--viewport-$(view)) {
         flex: 0 0 auto;
@@ -45,7 +45,7 @@
       }
     }
 
-    [class*='offset--$(view)-$(i)'],
+    [class*="offset--$(view)-$(i)"],
     .offset--$(view)-$(i) {
       @media (--viewport-$(view)) {
         margin-left: calc(($i / 12) * 100%);
@@ -55,7 +55,7 @@
 }
 
 @each $view in mobile, tablet, desktop, widescreen, fullhd {
-  [class*='offset--$(view)-0'],
+  [class*="offset--$(view)-0"],
   .offset--$(view)-0 {
     @media (--viewport-$(view)) {
       margin-left: 0;

package/styles/helpers/image.css

@@ -2,4 +2,4 @@
   width: auto;
   height: auto;
   max-width: 100%;
-}
+}

package/styles/helpers/link.css

@@ -1,4 +1,4 @@
-@import '../mixins/helpers/link.css';
+@import "../mixins/helpers/link.css";
 
 .link--stretched {
   &::after,
@@ -10,7 +10,7 @@
     left: 0;
     z-index: 1;
     pointer-events: auto;
-    content: '';
+    content: "";
     background-color: color-mod(var(--gray-9) a(0));
   }
 

package/styles/helpers/wrap.css

@@ -1,4 +1,4 @@
-@import './../mixins/helpers/wrap.css';
+@import "./../mixins/helpers/wrap.css";
 
 .wrap--overflow {
   @include make-wrap-overflow();

package/styles/helpers.css

@@ -1,7 +1,7 @@
-@import './helpers/container.css';
-@import './helpers/embed.css';
-@import './helpers/grid.css';
-@import './helpers/image.css';
-@import './helpers/link.css';
-@import './helpers/screen-readers.css';
-@import './helpers/wrap.css';
+@import "./helpers/container.css";
+@import "./helpers/embed.css";
+@import "./helpers/grid.css";
+@import "./helpers/image.css";
+@import "./helpers/link.css";
+@import "./helpers/screen-readers.css";
+@import "./helpers/wrap.css";

package/styles/index.css

@@ -1,6 +1,6 @@
-@import './reboot.css';
-@import './vars.css';
-@import './mixins.css';
-@import './utilities.css';
-@import './helpers.css';
-@import './modules.css';
+@import "./reboot.css";
+@import "./vars.css";
+@import "./mixins.css";
+@import "./utilities.css";
+@import "./helpers.css";
+@import "./modules.css";

package/styles/mixins/caret.css

@@ -3,7 +3,7 @@
 
   &::after {
     position: absolute;
-    content: '';
+    content: "";
     top: calc(50% - calc(var(--spacer) * 0.125));
     width: 0;
     height: 0;

package/styles/mixins/helpers/container.css

@@ -9,4 +9,4 @@
   margin-left: var(--margin);
   margin-right: var(--margin);
   padding: var(--padding);
-}
+}

package/styles/mixins/helpers/link.css

@@ -8,11 +8,11 @@
     left: 0;
     z-index: 1;
     pointer-events: auto;
-    content: '';
+    content: "";
     background-color: color-mod(var(--gray-9) a(0));
   }
 
   &::before {
     z-index: -1;
   }
-}
+}

package/styles/mixins/modules/card.css

@@ -26,4 +26,4 @@
       border-bottom-right-radius: calc(var(--border-radius) - 1px);
     }
   }
-}
+}

package/styles/mixins/modules/close.css

@@ -1,4 +1,4 @@
-@import 'button.css';
+@import "button.css";
 
 @mixin make-close() {
   @include make-button();
@@ -22,7 +22,7 @@
   &::after {
     position: absolute;
     display: block;
-    content: '';
+    content: "";
     left: 50%;
     top: 50%;
     background-color: var(--white);

package/styles/mixins/modules/pill.css

@@ -41,4 +41,4 @@
   outline: var(--outline);
   text-decoration: var(--text-decoration);
   font-size: var(--font-size);
-}
+}

package/styles/mixins.css

@@ -1,13 +1,13 @@
-@import './mixins/helpers/container.css';
-@import './mixins/helpers/grid.css';
-@import './mixins/helpers/link.css';
-@import './mixins/helpers/wrap.css';
-@import './mixins/modules/button.css';
-@import './mixins/modules/card.css';
-@import './mixins/modules/close.css';
-@import './mixins/modules/list.css';
-@import './mixins/modules/pill.css';
-@import './mixins/modules/table.css';
-@import './mixins/caret.css';
-@import './mixins/clearfix.css';
-@import './mixins/group.css';
+@import "./mixins/helpers/container.css";
+@import "./mixins/helpers/grid.css";
+@import "./mixins/helpers/link.css";
+@import "./mixins/helpers/wrap.css";
+@import "./mixins/modules/button.css";
+@import "./mixins/modules/card.css";
+@import "./mixins/modules/close.css";
+@import "./mixins/modules/list.css";
+@import "./mixins/modules/pill.css";
+@import "./mixins/modules/table.css";
+@import "./mixins/caret.css";
+@import "./mixins/clearfix.css";
+@import "./mixins/group.css";

package/styles/modules/breadcrumbs.css

@@ -1,4 +1,4 @@
-@import '../mixins/modules/list.css';
+@import "../mixins/modules/list.css";
 
 .breadcrumbs {
   @include make-list-unsyled();
@@ -18,7 +18,7 @@
       padding-right: var(--spacer);
 
       &::after {
-        content: '';
+        content: "";
         position: absolute;
         width: calc(var(--spacer) * 0.5);
         height: calc(var(--spacer) * 0.5);

package/styles/modules/button.css

@@ -1,5 +1,5 @@
-@import '../mixins/group.css';
-@import '../mixins/modules/button.css';
+@import "../mixins/group.css";
+@import "../mixins/modules/button.css";
 
 .button {
   @include make-button();

package/styles/modules/card.css

@@ -1,5 +1,5 @@
-@import '../mixins/group.css';
-@import '../mixins/modules/card.css';
+@import "../mixins/group.css";
+@import "../mixins/modules/card.css";
 
 .card {
   @include make-card();

package/styles/modules/close.css

@@ -1,4 +1,4 @@
-@import './../mixins/modules/close.css';
+@import "./../mixins/modules/close.css";
 
 .close {
   @include make-close();

package/styles/modules/details.css

@@ -16,7 +16,7 @@ details {
       outline: none;
       transform: none;
       position: absolute;
-      content: '';
+      content: "";
       left: 0;
       top: calc(50% - 0.125em);
       width: 0;
@@ -58,4 +58,4 @@ details {
       }
     }
   }
-}
+}

package/styles/modules/dialog.css

@@ -59,7 +59,7 @@
 }
 
 /* For polyfill */
-[role='dialog'][open] {
+[role="dialog"][open] {
   top: 0;
   left: 0;
   bottom: 0;

package/styles/modules/dropdown.css

@@ -23,7 +23,7 @@
       border-top-color: var(--color-caret);
     }
 
-    &[data-active='true'],
+    &[data-active="true"],
     &:focus,
     &:hover {
       & ~ .nav {
@@ -116,7 +116,7 @@
     }
   }
 
-  &[data-active='true'],
+  &[data-active="true"],
   &:focus,
   &:hover {
     & > .nav {

package/styles/modules/form/checkbox.css

@@ -1,4 +1,4 @@
-input[type='checkbox'] {
+input[type="checkbox"] {
   --height: calc(var(--spacer) * 1.5);
   --width: calc(var(--spacer) * 1.5);
 
@@ -13,7 +13,7 @@ input[type='checkbox'] {
   margin-right: calc(var(--spacer) * 0.5);
 
   &::before {
-    content: '';
+    content: "";
     position: absolute;
     margin: auto;
     left: 0;
@@ -37,14 +37,14 @@ input[type='checkbox'] {
 
     &:disabled,
     &.disabled,
-    &[aria-disabled='true'] {
+    &[aria-disabled="true"] {
       --background-color: color-mod(var(--primary) a(40%));
       --border-color: color-mod(var(--primary) a(80%));
     }
   }
 
   &:indeterminate,
-  &[aria-checked='mixed'] {
+  &[aria-checked="mixed"] {
     &::before {
       border: 2px solid var(--white);
       height: 0;

package/styles/modules/form/file.css

@@ -5,7 +5,7 @@
   width: 100%;
 }
 
-input[type='file'] {
+input[type="file"] {
   order: 1;
   position: absolute;
   width: 100%;
@@ -61,7 +61,7 @@ input[type='file'] {
     background-color: var(--black-transparent-5);
 
     &::after {
-      content: '';
+      content: "";
       position: absolute;
       width: calc(var(--spacer) * 2);
       height: calc(var(--spacer) * 2);
@@ -72,7 +72,7 @@ input[type='file'] {
       margin: 0;
       background-size: calc(var(--spacer) * 2) auto;
       background-image: svg-load(
-        'upload.svg',
+        "upload.svg",
         stroke: none,
         fill: color-mod(var(--black-transparent-25) tint(0%))
       );
@@ -85,10 +85,10 @@ input[type='file'] {
 
       &::after {
         background-image: svg-load(
-        'upload.svg',
-        stroke: none,
-        fill: color-mod(var(--black-transparent-50) tint(0%))
-      );
+          "upload.svg",
+          stroke: none,
+          fill: color-mod(var(--black-transparent-50) tint(0%))
+        );
       }
     }
 

package/styles/modules/form/progress.css

@@ -13,7 +13,7 @@ progress {
 
   &::before {
     content: attr(value);
-    content: attr(value) ' / ' attr(max);
+    content: attr(value) " / " attr(max);
     position: absolute;
     left: 0;
     top: 50%;

package/styles/modules/form/radio.css

@@ -1,4 +1,4 @@
-input[type='radio'] {
+input[type="radio"] {
   --height: calc(var(--spacer) * 1.5);
   --width: calc(var(--spacer) * 1.5);
 
@@ -13,7 +13,7 @@ input[type='radio'] {
   border-radius: var(--border-radius-round);
 
   &::before {
-    content: '';
+    content: "";
     position: absolute;
     margin: auto;
     left: 0;
@@ -37,7 +37,7 @@ input[type='radio'] {
 
     &:disabled,
     &.disabled,
-    &[aria-disabled='true'] {
+    &[aria-disabled="true"] {
       --background-color: var(--white);
       --border-color: color-mod(var(--primary) a(40%));
 

package/styles/modules/form/range.css

@@ -31,7 +31,8 @@
   appearance: none;
 
   @if $focus == true {
-    --box-shadow: 0 0 0 1px var(--white), 0 0 0 calc(var(--spacer) * 0.25) color-mod(var(--primary) a(25%));
+    --box-shadow: 0 0 0 1px var(--white),
+      0 0 0 calc(var(--spacer) * 0.25) color-mod(var(--primary) a(25%));
   }
 
   @if $disabled == true {
@@ -39,7 +40,7 @@
   }
 }
 
-input[type='range'] {
+input[type="range"] {
   --border-color: var(--transparent);
   --border-color-hover: var(--transparent);
   --background-color: var(--transparent);
@@ -84,7 +85,7 @@ input[type='range'] {
 
   &:disabled,
   &.disabled,
-  &[aria-disabled='true'] {
+  &[aria-disabled="true"] {
     &::-webkit-slider-runnable-track {
       @include make-track(false, true);
     }

package/styles/modules/form/select.css

@@ -1,11 +1,12 @@
 select {
-  --padding: var(--padding-y) calc(var(--spacer) * 1.75) var(--padding-y) var(--padding-x);
+  --padding: var(--padding-y) calc(var(--spacer) * 1.75) var(--padding-y)
+    var(--padding-x);
   padding-start: calc(var(--spacer) - 3px);
   appearance: none;
 
   &:not([multiple]) {
     background-image: svg-load(
-      'chevron-down.svg',
+      "chevron-down.svg",
       stroke: color-mod(var(--body-color) a(100%)),
       fill: none
     );

package/styles/modules/form.css

@@ -178,5 +178,3 @@ progress,
   outline: 0;
   text-decoration: none;
 }
-
-

package/styles/modules/list.css

@@ -1,6 +1,6 @@
-@import '../mixins/modules/list.css';
-@import '../mixins/group.css';
-@import '../mixins/helpers/grid.css';
+@import "../mixins/modules/list.css";
+@import "../mixins/group.css";
+@import "../mixins/helpers/grid.css";
 
 .list--unstyled {
   @include make-list-unsyled();
@@ -83,7 +83,7 @@ dl {
         border: 0 none;
         margin-bottom: 0;
         background-image: svg-load(
-          'subdirectory.svg',
+          "subdirectory.svg",
           stroke: none,
           fill: color-mod(var(--black) a(25%))
         );

package/styles/modules/pill.css

@@ -1,5 +1,5 @@
-@import '../mixins/group.css';
-@import '../mixins/modules/pill.css';
+@import "../mixins/group.css";
+@import "../mixins/modules/pill.css";
 
 .pill {
   @include make-pill();

package/styles/modules/table.css

@@ -1,4 +1,4 @@
-@import '../mixins/modules/table.css';
+@import "../mixins/modules/table.css";
 
 .table {
   @include make-table();

package/styles/modules/tabs.css

@@ -1,4 +1,4 @@
-@import '../mixins/modules/card.css';
+@import "../mixins/modules/card.css";
 
 .tabs--wrapper {
   margin-bottom: var(--spacer);
@@ -25,7 +25,7 @@
         margin-right: calc(var(--spacer) * 0.125);
       }
 
-      &[data-active='true'],
+      &[data-active="true"],
       &.active {
         background-color: var(--white);
         border-color: var(--black-transparent-17);
@@ -47,7 +47,7 @@
       margin-bottom: 0;
     }
 
-    &[data-active='true'],
+    &[data-active="true"],
     &.active {
       display: flex !important;
     }
@@ -71,7 +71,7 @@
         }
 
         &::after {
-          content: '';
+          content: "";
           left: -1px;
           bottom: 0;
           right: -1px;
@@ -81,7 +81,7 @@
           display: none;
         }
 
-        &[data-active='true'],
+        &[data-active="true"],
         &.active {
           border-color: var(--black-transparent-12);
 

package/styles/modules/tag.css

@@ -1,5 +1,5 @@
-@import '../mixins/group.css';
-@import './../mixins/modules/close.css';
+@import "../mixins/group.css";
+@import "./../mixins/modules/close.css";
 
 .tag {
   --border-color: var(--black-transparent-20);
@@ -9,7 +9,8 @@
   --color: var(--body-color);
   --background-color: var(--light);
   --background-color-hover: color-mod(var(--light) shade(10%));
-  --padding: calc((var(--spacer) * 0.25) - 1px) calc((var(--spacer) * 0.5) - 1px);
+  --padding: calc((var(--spacer) * 0.25) - 1px)
+    calc((var(--spacer) * 0.5) - 1px);
 
   border: var(--border);
   color: var(--color);