claritas-web-framework 6.0.0-beta-11 → 6.0.0-beta-12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claritas-web-framework",
-  "version": "6.0.0-beta-11",
+  "version": "6.0.0-beta-12",
   "updated": "13/10/2022",
   "description": "The CSS framework built for Claritas front end.",
   "main": "index.js",
@@ -14,13 +14,13 @@
     "url": "git+ssh://10.10.10.21/GitRepositories/ClaWebFramework"
   },
   "author": "David Brooks",
-  "license": "ISC",
+  "license": "UNLICENSED",
   "devDependencies": {
     "@alexlafroscia/postcss-color-mod-function": "^4.0.0",
     "@babel/eslint-plugin": "^7.19.1",
     "css-loader": "^6.7.1",
     "cssnano": "^5.1.13",
-    "eslint": "^8.25.0",
+    "eslint": "^8.26.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.2.1",
     "find-unused-sass-variables": "^4.0.4",

package/scss/_functions.scss

@@ -1,4 +1,6 @@
-// Bootstrap functions
+@use "sass:map";
+
+// Functions
 //
 // Utility mixins and functions for evaluating source code across our variables, maps, and mixins.
 
@@ -229,7 +231,7 @@ $_luminance-list: 0.0008 0.001 0.0011 0.0013 0.0015 0.0017 0.002 0.0022 0.0025 0
     );
   }
 
-  @return (map-get($rgb, "r") * 0.2126) + (map-get($rgb, "g") * 0.7152) + (map-get($rgb, "b") * 0.0722);
+  @return (map.get($rgb, "r") * 0.2126) + (map.get($rgb, "g") * 0.7152) + (map.get($rgb, "b") * 0.0722);
 }
 
 // Return opaque color
@@ -331,7 +333,7 @@ $_luminance-list: 0.0008 0.001 0.0011 0.0013 0.0015 0.0017 0.002 0.0022 0.0025 0
     "%": 1%,
   );
   @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {
-    $result: $result * map-get($unit-map, $dividend-unit);
+    $result: $result * map.get($unit-map, $dividend-unit);
   }
   @return $result;
 }

package/scss/_variables.scss

@@ -693,5 +693,5 @@ $nav-tab-card-item-padding: calc(($input-button-padding-y) - 1px) $input-button-
 // Breadcrumbs
 $breadcrumb-color: $medium !default;
 $breadcrumb-link-color: $medium !default;
-$breadcrumb-link-color-hover: shade-color($breadcrumb-color, $link-shade-percentage) !default;
+$breadcrumb-link-color-hover: shade-color($breadcrumb-link-color, $link-shade-percentage) !default;
 $breadcrumb-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'><path fill='#{$breadcrumb-color}' d='M89.45 87.5l143.1 152c4.375 4.625 6.562 10.56 6.562 16.5c0 5.937-2.188 11.87-6.562 16.5l-143.1 152C80.33 434.1 65.14 434.5 55.52 425.4c-9.688-9.125-10.03-24.38-.9375-33.94l128.4-135.5l-128.4-135.5C45.49 110.9 45.83 95.75 55.52 86.56C65.14 77.47 80.33 77.87 89.45 87.5z'/></svg>") !default;

package/scss/mixins/_breakpoints.scss

@@ -1,3 +1,4 @@
+@use "sass:map";
 // Breakpoint viewport sizes and media queries.
 //
 // Breakpoints are defined as a map of (name: minimum width), order from small to large:
@@ -24,7 +25,7 @@
 //    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
 //    576px
 @function breakpoint-min($name, $breakpoints: $breakpoints) {
-  $min: map-get($breakpoints, $name);
+  $min: map.get($breakpoints, $name);
   @return if($min != 0, $min, null);
 }
 

package/scss/mixins/_rfs.scss

@@ -7,6 +7,7 @@
 // Licensed under MIT (https://github.com/twbs/rfs/blob/main/LICENSE)
 
 // Configuration
+@use "sass:map";
 
 // Base value
 $rfs-base-value: 1.25rem !default;
@@ -89,7 +90,7 @@ $rfs-base-value-unit: unit($rfs-base-value);
     "%": 1%,
   );
   @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {
-    $result: $result * map-get($unit-map, $dividend-unit);
+    $result: $result * map.get($unit-map, $dividend-unit);
   }
   @return $result;
 }

package/scss/modules/_form.scss

@@ -19,7 +19,6 @@
 
 input,
 textarea,
-range,
 output,
 select,
 progress,

package/scss/modules/form/_formFieldGroup.scss

@@ -14,7 +14,6 @@
     & button,
     & input,
     & textarea,
-    & range,
     & output,
     & select,
     & progress,
@@ -27,7 +26,6 @@
       & button,
       & input,
       & textarea,
-      & range,
       & output,
       & select,
       & progress,
@@ -51,7 +49,6 @@
       & button,
       & input,
       & textarea,
-      & range,
       & output,
       & select,
       & progress,

package/scss/utilities/_order.scss

@@ -7,13 +7,13 @@
         order: #{$value} !important;
       }
     }
-  }
-}
 
-.order--first {
-  order: -1 !important;
-}
+    .order-#{$infix}-first {
+      order: -1 !important;
+    }
 
-.order--last {
-  order: 13 !important;
+    .order-#{$infix}-last {
+      order: 13 !important;
+    }
+  }
 }

package/scss/utilities/_position.scss

@@ -1,3 +1,5 @@
+@use "sass:map";
+
 $positions: (static, relative, absolute, fixed, sticky) !default;
 $position-ints: (0, 25, 50, 75, 100) !default;
 
@@ -8,7 +10,7 @@ $position-ints: (0, 25, 50, 75, 100) !default;
     @each $value in $positions {
       .position-#{$infix}-#{$value} {
         position: #{$value} !important;
-        z-index: map-get($zindexes, $value);
+        z-index: map.get($zindexes, $value);
       }
     }
 

package/styles/modules/form/form-field-group.css

@@ -14,7 +14,6 @@
     & button,
     & input,
     & textarea,
-    & range,
     & output,
     & select,
     & progress,
@@ -27,7 +26,6 @@
       & button,
       & input,
       & textarea,
-      & range,
       & output,
       & select,
       & progress,
@@ -51,7 +49,6 @@
       & button,
       & input,
       & textarea,
-      & range,
       & output,
       & select,
       & progress,

package/styles/modules/form.css

@@ -15,7 +15,6 @@
 
 input,
 textarea,
-range,
 output,
 select,
 progress,