npm - claritas-web-framework - Versions diffs - 5.1.21 → 5.1.22 - Mend

claritas-web-framework 5.1.21 → 5.1.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (85) hide show

package/.eslintrc.js +21 -0
package/.prettierrc +7 -0
package/dist/index.css +1 -1
package/dist/index.html +1 -1
package/index.html +9 -15
package/index.js +2 -2
package/js/defaults/getPage.js +4 -4
package/js/defaults/getSiblings.js +5 -3
package/js/polyfills/customevent.js +21 -16
package/js/utilities/{debounce.js → DeBounce.js} +25 -27
package/js/utilities/isElement.js +11 -11
package/js/utilities/removehash.js +12 -8
package/package.json +12 -6
package/postcss.config.js +42 -46
package/scss/_base.scss +1 -1
package/scss/_functions.scss +51 -14
package/scss/_helpers.scss +1 -1
package/scss/_mixins.scss +1 -1
package/scss/_modules.scss +1 -1
package/scss/_root.scss +1 -1
package/scss/_utilities.scss +1 -1
package/scss/_variables.scss +213 -217
package/scss/helpers/_image.scss +1 -1
package/scss/helpers/_link.scss +2 -2
package/scss/helpers/_wrap.scss +1 -1
package/scss/index.scss +1 -1
package/scss/mixins/_breakpoints.scss +1 -1
package/scss/mixins/_wrap.scss +1 -1
package/scss/modules/_close.scss +1 -1
package/scss/modules/_details.scss +2 -2
package/scss/modules/_tag.scss +1 -1
package/scss/utilities/_colors.scss +1 -1
package/scss/utilities/_order.scss +1 -1
package/scss/utilities/_pointerEvents.scss +1 -1
package/scss/utilities/_size.scss +2 -2
package/scss/utilities/_translate.scss +1 -1
package/scss/utilities/_visibility.scss +1 -1
package/scss/utilities/_zIndex.scss +1 -1
package/styles/helpers/container.css +1 -1
package/styles/helpers/embed.css +5 -5
package/styles/helpers/grid.css +5 -5
package/styles/helpers/image.css +1 -1
package/styles/helpers/link.css +2 -2
package/styles/helpers/wrap.css +1 -1
package/styles/helpers.css +7 -7
package/styles/index.css +6 -6
package/styles/mixins/caret.css +1 -1
package/styles/mixins/helpers/container.css +1 -1
package/styles/mixins/helpers/link.css +2 -2
package/styles/mixins/modules/card.css +1 -1
package/styles/mixins/modules/close.css +2 -2
package/styles/mixins/modules/pill.css +1 -1
package/styles/mixins.css +13 -13
package/styles/modules/breadcrumbs.css +2 -2
package/styles/modules/button.css +2 -2
package/styles/modules/card.css +2 -2
package/styles/modules/close.css +1 -1
package/styles/modules/details.css +2 -2
package/styles/modules/dialog.css +1 -1
package/styles/modules/dropdown.css +2 -2
package/styles/modules/form/checkbox.css +4 -4
package/styles/modules/form/file.css +7 -7
package/styles/modules/form/progress.css +1 -1
package/styles/modules/form/radio.css +3 -3
package/styles/modules/form/range.css +4 -3
package/styles/modules/form/select.css +3 -2
package/styles/modules/form.css +0 -2
package/styles/modules/list.css +4 -4
package/styles/modules/pill.css +2 -2
package/styles/modules/table.css +1 -1
package/styles/modules/tabs.css +5 -5
package/styles/modules/tag.css +4 -3
package/styles/modules/tile.css +1 -1
package/styles/modules.css +17 -17
package/styles/utilities/align.css +1 -1
package/styles/utilities/pointer-events.css +1 -1
package/styles/utilities/position.css +9 -9
package/styles/utilities/shadow.css +4 -2
package/styles/utilities/size.css +24 -24
package/styles/utilities/spacing.css +10 -10
package/styles/utilities/tooltip.css +4 -4
package/styles/utilities/translate.css +1 -1
package/styles/utilities.css +18 -18
package/styles/vars.css +6 -6
package/webpack.config.js +41 -41

package/dist/index.html CHANGED Viewed

	@@ -1 +1 @@
1	- <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Claritas Web Framework</title><script defer="defer" src="index.js"></script><link href="./index.css" rel="stylesheet"></head><body></body></html>
1	+ <!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Claritas Web Framework</title><script defer="defer" src="index.js"></script><link href="./index.css" rel="stylesheet"></head><body></body></html>

package/index.html CHANGED Viewed

@@ -1,17 +1,11 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>
-    <%= htmlWebpackPlugin.options.title %>
-  </title>
-</head>
-<body>
-</body>
-</html>
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title><%= htmlWebpackPlugin.options.title %></title>
+  </head>
+  <body></body>
+</html>

package/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-// Import CSS
-import './scss/index.scss';
+// Import CSS
+import "./scss/index.scss";

package/js/defaults/getPage.js CHANGED Viewed

@@ -1,4 +1,4 @@
-export default String.prototype.getPage = function () {
-  const urlArray = this.split('/');
-  return urlArray[urlArray.length - 1].split('?')[0];
-};
+export default String.prototype.getPage = function () {
+  const urlArray = this.split("/");
+  return urlArray[urlArray.length - 1].split("?")[0];
+};

package/js/defaults/getSiblings.js CHANGED Viewed

@@ -1,3 +1,5 @@
-export default Node.prototype.getSiblings = function () {
-  return Array.from(this.parentNode.children).filter(sibling => sibling !== this);
-};
+export default Node.prototype.getSiblings = function () {
+  return Array.from(this.parentNode.children).filter(
+    (sibling) => sibling !== this
+  );
+};

package/js/polyfills/customevent.js CHANGED Viewed

@@ -1,16 +1,21 @@
-(function () {
-  'use strict';
-  if (typeof window.CustomEvent === 'function') return false; //If not IE
-  function CustomEvent(event, params) {
-    params = params || { bubbles: false, cancelable: false, detail: undefined };
-    var evt = document.createEvent('CustomEvent');
-    evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
-    return evt;
-  }
-  CustomEvent.prototype = window.Event.prototype;
-  window.Event = CustomEvent;
-})();
+(function () {
+  "use strict";
+  if (typeof window.CustomEvent === "function") return false; //If not IE
+  function CustomEvent(event, params) {
+    params = params || { bubbles: false, cancelable: false, detail: undefined };
+    var evt = document.createEvent("CustomEvent");
+    evt.initCustomEvent(
+      event,
+      params.bubbles,
+      params.cancelable,
+      params.detail
+    );
+    return evt;
+  }
+  CustomEvent.prototype = window.Event.prototype;
+  window.Event = CustomEvent;
+})();

package/js/utilities/{debounce.js → DeBounce.js} RENAMED Viewed

@@ -1,27 +1,25 @@
-/**
- * Debounce functions for better performance
- * @param  {Function} fn The function to debounce
- */
-export function debounce(fn) {
-  'use strict';
-  // Setup a timer
-  let timeout;
-  // Return a function to run debounced
-  return () => {
-    // Setup the arguments
-    let context = this;
-    let args = arguments;
-    // If there's a timer, cancel it
-    if (timeout) {
-      window.cancelAnimationFrame(timeout);
-    }
-    // Setup the new requestAnimationFrame()
-    timeout = window.requestAnimationFrame(() => fn.apply(context, args));
-  };
-}
+/**
+ * Debounce functions for better performance
+ * @param  {Function} fn The function to debounce
+ */
+export function DeBounce(fn) {
+  "use strict";
+  // Setup a timer
+  let timeout;
+  // Return a function to run debounced
+  return () => {
+    // Setup the arguments
+    let context = this;
+    let args = arguments;
+    // If there's a timer, cancel it
+    if (timeout) {
+      window.cancelAnimationFrame(timeout);
+    }
+    // Setup the new requestAnimationFrame()
+    timeout = window.requestAnimationFrame(() => fn.apply(context, args));
+  };
+}

package/js/utilities/isElement.js CHANGED Viewed

@@ -1,11 +1,11 @@
-/**
- * @desc Checks if an element exists in the DOM
- * @param   {Element} element The element to check
- * @return  {Boolean}         The outcome of the check
- * @example isElement('#myElement');
- */
-export function isElement(element) {
-  'use strict';
-  return document.body.contains(document.querySelector(element)) ? true : false;
-}
+/**
+ * @desc Checks if an element exists in the DOM
+ * @param   {Element} element The element to check
+ * @return  {Boolean}         The outcome of the check
+ * @example isElement('#myElement');
+ */
+export function isElement(element) {
+  "use strict";
+  return document.body.contains(document.querySelector(element)) ? true : false;
+}

package/js/utilities/removehash.js CHANGED Viewed

@@ -1,8 +1,12 @@
-/**
- * @desc Removes the hash from the page url.
- */
-export function removeHash() {
-  'use strict';
-  return history.pushState('', document.title, window.location.pathname + window.location.search);
-}
+/**
+ * @desc Removes the hash from the page url.
+ */
+export function removeHash() {
+  "use strict";
+  return history.pushState(
+    "",
+    document.title,
+    window.location.pathname + window.location.search
+  );
+}

package/package.json CHANGED Viewed

@@ -1,12 +1,13 @@
 {
   "name": "claritas-web-framework",
-  "version": "5.1.21",
-  "updated": "29/04/2022",
+  "version": "5.1.22",
+  "updated": "11/05/2022",
   "description": "The CSS framework built for Claritas front end.",
   "main": "index.js",
   "scripts": {
     "build": "webpack --config webpack.config.js --mode production",
-    "start": "webpack serve --config webpack.config.js --mode development"
+    "start": "webpack serve --config webpack.config.js --mode development",
+    "lint": "eslint . --fix"
   },
   "repository": {
     "type": "git",
@@ -16,8 +17,12 @@
   "license": "ISC",
   "devDependencies": {
     "@alexlafroscia/postcss-color-mod-function": "^4.0.0",
+    "@babel/eslint-plugin": "^7.17.7",
     "css-loader": "^6.7.1",
     "cssnano": "^5.1.7",
+    "eslint": "^8.15.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.0.0",
     "html-webpack-plugin": "^5.5.0",
     "mini-css-extract-plugin": "^2.6.0",
     "postcss": "^8.4.13",
@@ -27,10 +32,11 @@
     "postcss-loader": "^6.2.1",
     "postcss-preset-env": "^7.5.0",
     "postcss-scss": "^4.0.4",
+    "prettier": "^2.6.2",
     "sass": "^1.51.0",
     "sass-loader": "^12.6.0",
-    "webpack": "^5.72.0",
+    "webpack": "^5.72.1",
     "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^4.8.1"
+    "webpack-dev-server": "^4.9.0"
   }
-}
+}

package/postcss.config.js CHANGED Viewed

@@ -1,46 +1,42 @@
-const postcssImport = require("postcss-import");
-const postcssAdvancedVar = require("postcss-advanced-variables");
-const postcssPresetEnv = require("postcss-preset-env");
-const postcssColorMod = require("@alexlafroscia/postcss-color-mod-function");
-const postcssInlineSvg = require("postcss-inline-svg");
-const cssNano = require("cssnano");
-module.exports = {
-  plugins: [
-    postcssImport({}),
-    postcssAdvancedVar({
-      disable: '@import'
-    }),
-    postcssColorMod({
-      importFrom: [
-        "./styles/vars.css",
-      ],
-      unresolved: "warn"
-    }),
-    postcssPresetEnv({
-      stage: 0
-    }),
-    postcssInlineSvg({
-      paths: [
-        "./images/"
-      ],
-      removeFill: true,
-      removeStroke: true
-    }),
-    cssNano({
-      preset: [
-        "default",
-        {
-          discardComments: {
-            removeAll: true
-          },
-          autoprefixer: true,
-          colorMin: false,
-          mergeLonghand: false,
-          mergeRules: false,
-          minifySelectors: false
-        }
-      ]
-    })
-  ]
-}
+const postcssImport = require("postcss-import");
+const postcssAdvancedVar = require("postcss-advanced-variables");
+const postcssPresetEnv = require("postcss-preset-env");
+const postcssColorMod = require("@alexlafroscia/postcss-color-mod-function");
+const postcssInlineSvg = require("postcss-inline-svg");
+const cssNano = require("cssnano");
+module.exports = {
+  plugins: [
+    postcssImport({}),
+    postcssAdvancedVar({
+      disable: "@import",
+    }),
+    postcssColorMod({
+      importFrom: ["./styles/vars.css"],
+      unresolved: "warn",
+    }),
+    postcssPresetEnv({
+      stage: 0,
+    }),
+    postcssInlineSvg({
+      paths: ["./images/"],
+      removeFill: true,
+      removeStroke: true,
+    }),
+    cssNano({
+      preset: [
+        "default",
+        {
+          discardComments: {
+            removeAll: true,
+          },
+          autoprefixer: true,
+          colorMin: false,
+          mergeLonghand: false,
+          mergeRules: false,
+          minifySelectors: false,
+        },
+      ],
+    }),
+  ],
+};

package/scss/_base.scss CHANGED Viewed

@@ -1,3 +1,3 @@
 @import "functions";
 @import "variables";
-@import "mixins";
+@import "mixins";

package/scss/_functions.scss CHANGED Viewed

@@ -41,7 +41,8 @@
 @function rgba-css-var($identifier, $target) {
   @if $identifier == "body" and $target == "bg" {
     @return rgba(var(--#{$identifier}-bg-rgb), var(--#{$target}-opacity));
-  } @if $identifier == "body" and $target == "text" {
+  }
+  @if $identifier == "body" and $target == "text" {
     @return rgba(var(--#{$identifier}-color-rgb), var(--#{$target}-opacity));
   } @else {
     @return rgba(var(--#{$identifier}-rgb), var(--#{$target}-opacity));
@@ -58,7 +59,12 @@
       $_args: append($_args, if($arg == "$key", $key, if($arg == "$value", $value, $arg)));
     }
-    $_map: map-merge($_map, ($key: call(get-function($func), $_args...)));
+    $_map: map-merge(
+      $_map,
+      (
+        $key: call(get-function($func), $_args...),
+      )
+    );
   }
   @return $_map;
@@ -90,7 +96,12 @@
   $result: ();
   @each $key, $value in $map {
     @if (index($values, $key) != null) {
-      $result: map-merge($result, ($key: $value));
+      $result: map-merge(
+        $result,
+        (
+          $key: $value,
+        )
+      );
     }
   }
   @return $result;
@@ -118,7 +129,8 @@
   $index: str-index($string, $search);
   @if $index {
-    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+    @return str-slice($string, 1, $index - 1) + $replace +
+      str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
   }
   @return $string;
@@ -148,9 +160,29 @@
 // A list of pre-calculated numbers of pow(divide((divide($value, 255) + .055), 1.055), 2.4). (from 0 to 255)
 // stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern
-$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0123 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;
-@function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {
+$_luminance-list: 0.0008 0.001 0.0011 0.0013 0.0015 0.0017 0.002 0.0022 0.0025 0.0027 0.003 0.0033 0.0037 0.004 0.0044
+  0.0048 0.0052 0.0056 0.006 0.0065 0.007 0.0075 0.008 0.0086 0.0091 0.0097 0.0103 0.011 0.0116 0.0123 0.013 0.0137
+  0.0144 0.0152 0.016 0.0168 0.0176 0.0185 0.0194 0.0203 0.0212 0.0222 0.0232 0.0242 0.0252 0.0262 0.0273 0.0284 0.0296
+  0.0307 0.0319 0.0331 0.0343 0.0356 0.0369 0.0382 0.0395 0.0409 0.0423 0.0437 0.0452 0.0467 0.0482 0.0497 0.0513 0.0529
+  0.0545 0.0561 0.0578 0.0595 0.0612 0.063 0.0648 0.0666 0.0685 0.0704 0.0723 0.0742 0.0762 0.0782 0.0802 0.0823 0.0844
+  0.0865 0.0887 0.0908 0.0931 0.0953 0.0976 0.0999 0.1022 0.1046 0.107 0.1095 0.1119 0.1144 0.117 0.1195 0.1221 0.1248
+  0.1274 0.1301 0.1329 0.1356 0.1384 0.1413 0.1441 0.147 0.15 0.1529 0.1559 0.159 0.162 0.1651 0.1683 0.1714 0.1746
+  0.1779 0.1812 0.1845 0.1878 0.1912 0.1946 0.1981 0.2016 0.2051 0.2086 0.2122 0.2159 0.2195 0.2232 0.227 0.2307 0.2346
+  0.2384 0.2423 0.2462 0.2502 0.2542 0.2582 0.2623 0.2664 0.2705 0.2747 0.2789 0.2831 0.2874 0.2918 0.2961 0.3005 0.305
+  0.3095 0.314 0.3185 0.3231 0.3278 0.3325 0.3372 0.3419 0.3467 0.3515 0.3564 0.3613 0.3663 0.3712 0.3763 0.3813 0.3864
+  0.3916 0.3968 0.402 0.4072 0.4125 0.4179 0.4233 0.4287 0.4342 0.4397 0.4452 0.4508 0.4564 0.4621 0.4678 0.4735 0.4793
+  0.4851 0.491 0.4969 0.5029 0.5089 0.5149 0.521 0.5271 0.5333 0.5395 0.5457 0.552 0.5583 0.5647 0.5711 0.5776 0.5841
+  0.5906 0.5972 0.6038 0.6105 0.6172 0.624 0.6308 0.6376 0.6445 0.6514 0.6584 0.6654 0.6724 0.6795 0.6867 0.6939 0.7011
+  0.7084 0.7157 0.7231 0.7305 0.7379 0.7454 0.7529 0.7605 0.7682 0.7758 0.7835 0.7913 0.7991 0.807 0.8148 0.8228 0.8308
+  0.8388 0.8469 0.855 0.8632 0.8714 0.8796 0.8879 0.8963 0.9047 0.9131 0.9216 0.9301 0.9387 0.9473 0.956 0.9647 0.9734
+  0.9823 0.9911 1;
+@function color-contrast(
+  $background,
+  $color-contrast-dark: $color-contrast-dark,
+  $color-contrast-light: $color-contrast-light,
+  $min-contrast-ratio: $min-contrast-ratio
+) {
   $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;
   $max-ratio: 0;
   $max-ratio-color: null;
@@ -174,7 +206,7 @@ $_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003
   $l1: luminance($background);
   $l2: luminance(opaque($background, $foreground));
-  @return if($l1 > $l2, divide($l1 + .05, $l2 + .05), divide($l2 + .05, $l1 + .05));
+  @return if($l1 > $l2, divide($l1 + 0.05, $l2 + 0.05), divide($l2 + 0.05, $l1 + 0.05));
 }
 // Return WCAG2.0 relative luminance
@@ -184,15 +216,20 @@ $_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003
   $rgb: (
     "r": red($color),
     "g": green($color),
-    "b": blue($color)
+    "b": blue($color),
   );
   @each $name, $value in $rgb {
-    $value: if(divide($value, 255) < .03928, divide(divide($value, 255), 12.92), nth($_luminance-list, $value + 1));
-    $rgb: map-merge($rgb, ($name: $value));
+    $value: if(divide($value, 255) < 0.03928, divide(divide($value, 255), 12.92), nth($_luminance-list, $value + 1));
+    $rgb: map-merge(
+      $rgb,
+      (
+        $name: $value,
+      )
+    );
   }
-  @return (map-get($rgb, "r") * .2126) + (map-get($rgb, "g") * .7152) + (map-get($rgb, "b") * .0722);
+  @return (map-get($rgb, "r") * 0.2126) + (map-get($rgb, "g") * 0.7152) + (map-get($rgb, "b") * 0.0722);
 }
 // Return opaque color
@@ -279,7 +316,7 @@ $_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003
       $quotient: $quotient + 1;
     }
     $result: $result * 10 + $quotient;
-    $factor: $factor * .1;
+    $factor: $factor * 0.1;
     $remainder: $remainder * 10;
     $precision: $precision - 1;
     @if ($precision < 0 and $remainder >= $divisor * 5) {
@@ -293,7 +330,7 @@ $_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003
     "px": 1px,
     "rem": 1rem,
     "em": 1em,
-    "%": 1%
+    "%": 1%,
   );
   @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {
     $result: $result * map-get($unit-map, $dividend-unit);

package/scss/_helpers.scss CHANGED Viewed

@@ -4,4 +4,4 @@
 @import "./helpers/image";
 @import "./helpers/link";
 @import "./helpers/screenReaders";
-@import "./helpers/wrap";
+@import "./helpers/wrap";

package/scss/_mixins.scss CHANGED Viewed

@@ -12,4 +12,4 @@
 @import "./mixins/list";
 @import "./mixins/pill";
 @import "./mixins/table";
-@import "./mixins/wrap";
+@import "./mixins/wrap";

package/scss/_modules.scss CHANGED Viewed

@@ -14,4 +14,4 @@
 @import "./modules/tag";
 @import "./modules/tile";
 @import "./modules/table";
-@import "./modules/tooltip";
+@import "./modules/tooltip";

package/scss/_root.scss CHANGED Viewed

@@ -27,4 +27,4 @@
   --body-color: #{$body-color};
   --body-background: #{$body-background};
-}
+}

package/scss/_utilities.scss CHANGED Viewed

@@ -14,4 +14,4 @@
 @import "./utilities/translate";
 @import "./utilities/typography";
 @import "./utilities/visibility";
-@import "./utilities/zIndex";
+@import "./utilities/zIndex";