claritas-web-framework 8.2.0 → 8.3.1

package/sass/modules/form/_radio.scss

@@ -1,15 +1,10 @@
 @use "sass:map";
-
 @use "sass:color";
-
 @use "./../../variables" as *;
-
 @use "./../../mixins/breakpoints" as *;
 
 .form--control-radio {
-
   & > * {
-
     &:not(:last-child) {
       margin-right: var(--spacer);
 
@@ -52,7 +47,6 @@
 
     @each $key, $value in $theme-colors {
       &.input--#{$key} {
-
         &:checked {
           --input-detail-background: hsl(var(--#{$key}-h) var(--#{$key}-s) var(--#{$key}-l));
           --input-disabled-detail-background: hsl(

package/sass/modules/form/_range.scss

@@ -1,5 +1,4 @@
 @use "sass:color";
-
 @use "./../../variables" as *;
 
 @mixin make-track() {
@@ -56,39 +55,31 @@ input[type="range"] {
   margin: calc(var(--spacer) * 0.5) 0;
 
   &::-moz-range-track {
-
     @include make-track;
   }
 
   &::-webkit-slider-runnable-track {
-
     @include make-track;
   }
 
   &::-moz-range-thumb {
-
     @include make-thumb(false, false);
   }
 
   &::-webkit-slider-thumb {
-
     @include make-thumb(false, false);
   }
 
   &:focus {
-
     &::-webkit-slider-runnable-track {
-
       @include make-track;
     }
 
     &::-moz-range-track {
-
       @include make-track;
     }
 
     &::-webkit-slider-thumb {
-
       @include make-thumb(true, false);
     }
   }
@@ -99,22 +90,18 @@ input[type="range"] {
     --input-disabled-detail-background: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 20%));
 
     &::-webkit-slider-runnable-track {
-
       @include make-track;
     }
 
     &::-moz-range-track {
-
       @include make-track;
     }
 
     &::-moz-range-thumb {
-
       @include make-thumb(false, true);
     }
 
     &::-webkit-slider-thumb {
-
       @include make-thumb(false, true);
     }
   }
@@ -124,24 +111,19 @@ input[type="range"] {
       --input-disabled-detail-background: hsl(var(--#{$key}-h) var(--#{$key}-s) calc(var(--#{$key}-l) + 20%));
 
       &::-moz-range-thumb {
-
         @include make-thumb(false, false, $value, hsl(var(--#{$key}-h) var(--#{$key}-s) var(--#{$key}-l) / 25%));
       }
 
       &::-webkit-slider-thumb {
-
         @include make-thumb(false, false, $value, hsl(var(--#{$key}-h) var(--#{$key}-s) var(--#{$key}-l) / 25%));
       }
 
       &:focus {
-
         &::-moz-range-thumb {
-
           @include make-thumb(true, false, $value, hsl(var(--#{$key}-h) var(--#{$key}-s) var(--#{$key}-l) / 25%));
         }
 
         &::-webkit-slider-thumb {
-
           @include make-thumb(true, false, $value, hsl(var(--#{$key}-h) var(--#{$key}-s) var(--#{$key}-l) / 25%));
         }
       }
@@ -149,14 +131,11 @@ input[type="range"] {
       &:disabled,
       &.disabled,
       &[aria-disabled="true"] {
-
         &::-moz-range-thumb {
-
           @include make-thumb(false, true, $value, hsl(var(--#{$key}-h) var(--#{$key}-s) var(--#{$key}-l) / 25%));
         }
 
         &::-webkit-slider-thumb {
-
           @include make-thumb(false, true, $value, hsl(var(--#{$key}-h) var(--#{$key}-s) var(--#{$key}-l) / 25%));
         }
       }

package/sass/modules/form/_select.scss

@@ -1,5 +1,4 @@
 @use "./../../variables" as *;
-
 @use "./../../functions" as *;
 
 select {

package/sass/modules/form/_switch.scss

@@ -1,7 +1,5 @@
 @use "sass:color";
-
 @use "./../../variables" as *;
-
 @use "./../../mixins" as *;
 
 .button--switch {
@@ -14,7 +12,6 @@
 
   &[disabled],
   &:disabled {
-
     + .button {
       pointer-events: none;
       filter: none;
@@ -24,7 +21,6 @@
 }
 
 .switches {
-
   @include make-group-row;
 
   &.switches--grouped {
@@ -32,7 +28,6 @@
     flex-wrap: nowrap;
 
     & > .button {
-
       &:not(:last-child) {
         border-bottom-right-radius: 0;
         border-top-right-radius: 0;

package/sass/modules/form/_text.scss

@@ -1,5 +1,4 @@
 @use "sass:color";
-
 @use "./../../variables" as *;
 
 .input--text {

package/sass/modules/form/_toggle.scss

@@ -1,13 +1,9 @@
 @use "sass:color";
-
 @use "./../../variables" as *;
-
 @use "./../../mixins/breakpoints" as *;
 
 .form--control-toggle {
-
   & > * {
-
     &:not(:last-child) {
       margin-right: var(--spacer);
 

package/sass/utilities/_align.scss

@@ -1,13 +1,10 @@
 @use "sass:map";
-
 @use "./../variables" as *;
-
 @use "./../mixins/breakpoints" as *;
 
 $alignments: (baseline, top, middle, bottom, text-bottom, text-top) !default;
 
 @each $breakpoint in map.keys($breakpoints) {
-
   @include media-breakpoint-up($breakpoint) {
     $infix: breakpoint-infix($breakpoint, $breakpoints);
 
@@ -20,7 +17,6 @@ $alignments: (baseline, top, middle, bottom, text-bottom, text-top) !default;
 }
 
 @media print {
-
   @each $value in $alignments {
     .vertical-align--print-#{$value} {
       vertical-align: #{$value} !important;

package/sass/utilities/_border.scss

@@ -1,7 +1,5 @@
 @use "sass:color";
-
 @use "./../variables" as *;
-
 @use "./../mixins" as *;
 
 .border {

package/sass/utilities/_colors.scss

@@ -1,10 +1,8 @@
 @use "./../variables" as *;
-
 @use "./../mixins/colors" as *;
 
 @each $key, $value in $all-colors {
   .color--#{$key} {
-
     @include make-color($key);
 
     color: var(--color) !important;
@@ -12,7 +10,6 @@
 
   button.color--#{$key},
   a.color--#{$key} {
-
     @include make-color($key);
 
     color: var(--color) !important;
@@ -29,14 +26,12 @@
   }
 
   .background--#{$key} {
-
     @include make-background-color($key);
 
     background-color: var(--background-color) !important;
   }
 
   .border--#{$key} {
-
     @include make-border-color($key);
 
     border-color: var(--border-color) !important;
@@ -45,7 +40,6 @@
 
 @each $key, $value in $grays {
   .color--#{$key} {
-
     @include make-color($key);
 
     color: var(--color) !important;
@@ -53,7 +47,6 @@
 
   button.color--#{$key},
   a.color--#{$key} {
-
     @include make-color($key);
 
     color: var(--color) !important;
@@ -70,14 +63,12 @@
   }
 
   .background--#{$key} {
-
     @include make-background-color($key);
 
     background-color: var(--background-color) !important;
   }
 
   .border--#{$key} {
-
     @include make-border-color($key);
 
     border-color: var(--border-color) !important;

package/sass/utilities/_display.scss

@@ -1,13 +1,10 @@
 @use "sass:map";
-
 @use "./../variables" as *;
-
 @use "./../mixins/breakpoints" as *;
 
 $displays: (initial, none, inline, inline-block, block, table-row, table-cell, flex, inline-flex, grid) !default;
 
 @each $breakpoint in map.keys($breakpoints) {
-
   @include media-breakpoint-up($breakpoint) {
     $infix: breakpoint-infix($breakpoint, $breakpoints);
 
@@ -20,7 +17,6 @@ $displays: (initial, none, inline, inline-block, block, table-row, table-cell, f
 }
 
 @media print {
-
   @each $value in $displays {
     .display--print-#{$value} {
       display: #{$value} !important;

package/sass/utilities/_flex.scss

@@ -1,7 +1,5 @@
 @use "sass:map";
-
 @use "./../variables" as *;
-
 @use "./../mixins/breakpoints" as *;
 
 $flex-directions: (row, column, row-reverse, column-reverse) !default;
@@ -11,7 +9,6 @@ $flex-item-alignments: (auto, flex-start, flex-end, center, baseline, stretch) !
 $flex-content-alignments: (flex-start, flex-end, center, space-between, space-around, stretch) !default;
 
 @each $breakpoint in map.keys($breakpoints) {
-
   @include media-breakpoint-up($breakpoint) {
     $infix: breakpoint-infix($breakpoint, $breakpoints);
 

package/sass/utilities/_float.scss

@@ -1,13 +1,10 @@
 @use "sass:map";
-
 @use "./../variables" as *;
-
 @use "./../mixins/breakpoints" as *;
 
 $floats: (left, right, none) !default;
 
 @each $breakpoint in map.keys($breakpoints) {
-
   @include media-breakpoint-up($breakpoint) {
     $infix: breakpoint-infix($breakpoint, $breakpoints);
 

package/sass/utilities/_order.scss

@@ -1,11 +1,8 @@
 @use "sass:map";
-
 @use "./../variables" as *;
-
 @use "./../mixins/breakpoints" as *;
 
 @each $breakpoint in map.keys($breakpoints) {
-
   @include media-breakpoint-up($breakpoint) {
     $infix: breakpoint-infix($breakpoint, $breakpoints);
 

package/sass/utilities/_overflow.scss

@@ -1,13 +1,10 @@
 @use "sass:map";
-
 @use "./../variables" as *;
-
 @use "./../mixins/breakpoints" as *;
 
 $overflows: (auto, hidden, visible, scroll) !default;
 
 @each $breakpoint in map.keys($breakpoints) {
-
   @include media-breakpoint-up($breakpoint) {
     $infix: breakpoint-infix($breakpoint, $breakpoints);
 

package/sass/utilities/_pointerEvents.scss

@@ -1,13 +1,10 @@
 @use "sass:map";
-
 @use "./../variables" as *;
-
 @use "./../mixins/breakpoints" as *;
 
 $pointer-events: (auto, none) !default;
 
 @each $breakpoint in map.keys($breakpoints) {
-
   @include media-breakpoint-up($breakpoint) {
     $infix: breakpoint-infix($breakpoint, $breakpoints);
 

package/sass/utilities/_position.scss

@@ -1,14 +1,11 @@
 @use "sass:map";
-
 @use "./../variables" as *;
-
 @use "./../mixins/breakpoints" as *;
 
 $positions: (static, relative, absolute, fixed, sticky) !default;
 $position-ints: (0, 25, 50, 75, 100) !default;
 
 @each $breakpoint in map.keys($breakpoints) {
-
   @include media-breakpoint-up($breakpoint) {
     $infix: breakpoint-infix($breakpoint, $breakpoints);
 

package/sass/utilities/_size.scss

@@ -1,9 +1,6 @@
 @use "sass:map";
-
 @use "sass:list";
-
 @use "./../variables" as *;
-
 @use "./../mixins/breakpoints" as *;
 
 @each $key in ("none", "auto") {

package/sass/utilities/_spacing.scss

@@ -1,11 +1,8 @@
 @use "sass:map";
-
 @use "./../variables" as *;
-
 @use "./../mixins/breakpoints" as *;
 
 @each $breakpoint in map.keys($breakpoints) {
-
   @include media-breakpoint-up($breakpoint) {
     $infix: breakpoint-infix($breakpoint, $breakpoints);
 

package/sass/utilities/_typography.scss

@@ -1,7 +1,5 @@
 @use "sass:map";
-
 @use "./../variables" as *;
-
 @use "./../mixins/breakpoints" as *;
 
 @each $key, $value in $font-sizes {
@@ -17,7 +15,6 @@
 }
 
 @each $breakpoint in map.keys($breakpoints) {
-
   @include media-breakpoint-up($breakpoint) {
     $infix: breakpoint-infix($breakpoint, $breakpoints);
 

package/sass/utilities/_visibility.scss

@@ -1,13 +1,10 @@
 @use "sass:map";
-
 @use "./../variables" as *;
-
 @use "./../mixins/breakpoints" as *;
 
 $visibilities: (visible, hidden) !default;
 
 @each $breakpoint in map.keys($breakpoints) {
-
   @include media-breakpoint-up($breakpoint) {
     $infix: breakpoint-infix($breakpoint, $breakpoints);
 

package/sass/utilities/_zIndex.scss

@@ -1,11 +1,8 @@
 @use "sass:map";
-
 @use "./../variables" as *;
-
 @use "./../mixins/breakpoints" as *;
 
 @each $breakpoint in map.keys($breakpoints) {
-
   @include media-breakpoint-up($breakpoint) {
     $infix: breakpoint-infix($breakpoint, $breakpoints);
 

package/.stylelintrc.json

@@ -1,40 +0,0 @@
-{
-  "extends": [
-    "stylelint-config-standard",
-    "stylelint-config-standard-scss"
-  ],
-  "ignorePatterns": [
-    "/dist/*"
-  ],
-  "plugins": [
-    "stylelint-scss"
-  ],
-  "rules": {
-    "rule-empty-line-before": "always-multi-line",
-    "at-rule-empty-line-before": "always",
-    "color-function-notation": "modern",
-    "selector-id-pattern": "^[a-z][a-zA-Z0-9]+$",
-    "selector-class-pattern": "^[a-z][a-zA-Z0-9]+|^([a-z][a-z0-9]*)(--[a-z0-9]+)*$",
-    "at-rule-no-unknown": null,
-    "no-descending-specificity": null,
-    "scss/selector-no-redundant-nesting-selector": null,
-    "scss/dollar-variable-empty-line-before": [
-      "always",
-      {
-        "except": [
-          "first-nested",
-          "after-comment",
-          "after-dollar-variable"
-        ]
-      }
-    ],
-    "scss/at-rule-no-unknown": [
-      true,
-      {
-        "ignoreAtRules": [
-          "container"
-        ]
-      }
-    ]
-  }
-}