dibk-design 6.5.3 → 7.0.0

package/dist/components/ToggleNavigationButton.module.scss

@@ -1,11 +1,14 @@
-@import "../style/global.scss";
+// Variables
+@use "../style/abstracts/variables/colors";
+@use "../style/abstracts/variables/transitions";
+@use "../style/abstracts/variables/typography";
 
 .toggleNavigationButton {
-    background-color: var(--color-body-background, $color-body-background);
-    color: var(--color-primary, $color-primary);
-    border: 1px solid var(--color-primary, $color-primary);
-    font-family: $default-font;
-    transition: background-color $default-transition;
+    background-color: var(--color-body-background, colors.$color-body-background);
+    color: var(--color-primary, colors.$color-primary);
+    border: 1px solid var(--color-primary, colors.$color-primary);
+    font-family: typography.$default-font;
+    transition: background-color transitions.$default-transition;
     display: block;
     width: 100%;
     margin: 0 auto;
@@ -20,11 +23,11 @@
     position: relative;
     text-decoration: none;
     &:hover {
-        color: var(--color-primary-text, $color-primary-text);
+        color: var(--color-primary-text, colors.$color-primary-text);
     }
     &:focus {
         outline-width: 2px;
-        outline-color: var(--color-focus, $color-focus);
+        outline-color: var(--color-focus, colors.$color-focus);
         outline-style: auto;
         outline-offset: 1px;
     }

package/dist/components/WizardNavigation/Step.js

@@ -10,7 +10,7 @@ var _reactRouterDom = require("react-router-dom");
 var _helpers = require("../../functions/helpers");
 var _StepModule = _interopRequireDefault(require("./Step.module.scss"));
 var _checkmarkSymbol = _interopRequireDefault(require("../../assets/svg/checkmark-symbol.svg?url"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const Step = props => {

package/dist/components/WizardNavigation/Step.module.scss

@@ -1,4 +1,7 @@
-@import "../../style/global.scss";
+// Variables
+@use "../../style/abstracts/variables/colors";
+@use "../../style/abstracts/variables/transitions";
+@use "../../style/abstracts/variables/viewports";
 
 .wizardTopnavItem {
   a {
@@ -8,7 +11,7 @@
     display: flex;
   }
   &.vertical {
-    transition: background-color $long-transition;
+    transition: background-color transitions.$long-transition;
     .wizardTopnavItemContent {
       -webkit-box-align: center;
       align-items: center;
@@ -32,7 +35,7 @@
         overflow: hidden;
         min-width: 12px;
         max-width: 100%;
-        color: var(--color-secondary-contrast, $color-secondary-contrast);
+        color: var(--color-secondary-contrast, colors.$color-secondary-contrast);
       }
       .stepName {
         -webkit-box-flex: 1;
@@ -42,25 +45,25 @@
         line-height: 24px;
         letter-spacing: 0.01em;
         margin: 0px 0px 0px 12px;
-        color: var(--color-default-text, $color-default-text);
+        color: var(--color-default-text, colors.$color-default-text);
       }
     }
     &:hover:not(.active):not(.finished):not(.hasErrors) {
-      background-color: var(--color-secondary-x-light, $color-secondary-x-light);
+      background-color: var(--color-secondary-x-light, colors.$color-secondary-x-light);
     }
     &.active {
-      background-color: var(--color-secondary-light, $color-secondary-light);
+      background-color: var(--color-secondary-light, colors.$color-secondary-light);
     }
     &.finished:not(.active) {
-      background-color: var(--color-success-x-light, $color-success-x-light);
+      background-color: var(--color-success-x-light, colors.$color-success-x-light);
       &:hover {
-        background-color: var(--color-success-light, $color-success-light);
+        background-color: var(--color-success-light, colors.$color-success-light);
       }
     }
     &.hasErrors:not(.active) {
-      background-color: var(--color-error-x-light, $color-error-x-light);
+      background-color: var(--color-error-x-light, colors.$color-error-x-light);
       &:hover {
-        background-color: var(--color-error-light, $color-error-light);
+        background-color: var(--color-error-light, colors.$color-error-light);
       }
     }
   }
@@ -69,12 +72,12 @@
     .wizardTopnavItemContent {
       height: 60px;
       align-items: center;
-      @media only screen and (min-width: $screen-sm) {
+      @media only screen and (min-width: viewports.$screen-sm) {
         display: block;
         height: auto;
       }
       &:before {
-        @media only screen and (max-width: $screen-xs-max) {
+        @media only screen and (max-width: viewports.$screen-xs-max) {
           display: block;
           content: " ";
           height: 36px;
@@ -87,7 +90,7 @@
           width: 15px;
           margin-right: -15px;
         }
-        @media only screen and (min-width: $screen-sm) {
+        @media only screen and (min-width: viewports.$screen-sm) {
           display: inline-block;
           content: " ";
           height: 15px;
@@ -105,23 +108,23 @@
         display: block;
         text-align: center;
         background-color: #e2e1e0;
-        color: var(--color-default-text, $color-default-text);
+        color: var(--color-default-text, colors.$color-default-text);
         position: relative;
         font-size: 20px;
         line-height: 1.75em;
         z-index: 1;
         margin-right: 8px;
-        @media only screen and (min-width: $screen-sm) {
+        @media only screen and (min-width: viewports.$screen-sm) {
           margin: auto;
         }
       }
       .stepName {
         display: block;
         text-align: left;
-        color: var(--color-default-text, $color-default-text);
+        color: var(--color-default-text, colors.$color-default-text);
         flex: 1;
         flex-basis: min-content;
-        @media only screen and (min-width: $screen-sm) {
+        @media only screen and (min-width: viewports.$screen-sm) {
           display: block;
           text-align: center;
         }
@@ -130,17 +133,17 @@
 
     &.active {
       :local(.stepNumber) {
-        background-color: var(--color-primary, $color-primary);
+        background-color: var(--color-primary, colors.$color-primary);
         color: #fff;
       }
     }
     &.finished {
       .wizardTopnavItemContent {
         &:before {
-          background-color: var(--color-primary, $color-primary);
+          background-color: var(--color-primary, colors.$color-primary);
         }
         .stepNumber {
-          background-color: var(--color-primary, $color-primary);
+          background-color: var(--color-primary, colors.$color-primary);
           color: #fff;
         }
       }
@@ -148,10 +151,10 @@
     &.hasErrors {
       .wizardTopnavItemContent {
         &:before {
-          background-color: var(--color-warning, $color-warning);
+          background-color: var(--color-warning, colors.$color-warning);
         }
         .stepNumber {
-          background-color: var(--color-warning, $color-warning);
+          background-color: var(--color-warning, colors.$color-warning);
           color: #fff;
         }
       }
@@ -159,10 +162,10 @@
     &:last-child {
       .wizardTopnavItemContent {
         &:before {
-          @media only screen and (max-width: $screen-xs-max) {
+          @media only screen and (max-width: viewports.$screen-xs-max) {
             height: 0;
           }
-          @media only screen and (min-width: $screen-sm) {
+          @media only screen and (min-width: viewports.$screen-sm) {
             width: 0;
           }
         }

package/dist/components/WizardNavigation.js

@@ -9,9 +9,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Step = _interopRequireDefault(require("./WizardNavigation/Step"));
 var _helpers = require("../functions/helpers");
 var _WizardNavigationModule = _interopRequireDefault(require("./WizardNavigation.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const WizardNavigation = props => {
-  var _Object$keys, _props$ariaLabel;
   const renderSteps = (steps, activeStepId) => {
     const hasSteps = steps && Object.keys(steps).length;
     return hasSteps ? Object.keys(steps).map((stepKey, stepIndex) => {
@@ -25,9 +24,9 @@ const WizardNavigation = props => {
       });
     }) : null;
   };
-  const amountOfSteps = props.steps && (_Object$keys = Object.keys(props.steps)) !== null && _Object$keys !== void 0 && _Object$keys.length ? Object.keys(props.steps).length : 0;
-  const defaultAriaLabel = "I dette skjemaet er det totalt ".concat(amountOfSteps, " steg som du skal g\xE5 igjennom");
-  const ariaLabel = (_props$ariaLabel = props["aria-label"]) !== null && _props$ariaLabel !== void 0 && _props$ariaLabel.length ? props["aria-label"] : defaultAriaLabel;
+  const amountOfSteps = props.steps && Object.keys(props.steps)?.length ? Object.keys(props.steps).length : 0;
+  const defaultAriaLabel = `I dette skjemaet er det totalt ${amountOfSteps} steg som du skal gå igjennom`;
+  const ariaLabel = props["aria-label"]?.length ? props["aria-label"] : defaultAriaLabel;
   return _react.default.createElement("nav", {
     "aria-label": ariaLabel,
     className: (0, _helpers.classNameArrayToClassNameString)([_WizardNavigationModule.default.wizardTopnavContainer, _WizardNavigationModule.default[props.direction]])

package/dist/components/WizardNavigation.module.scss

@@ -1,4 +1,5 @@
-@import "../style/global.scss";
+// Variables
+@use "../style/abstracts/variables/viewports";
 
 .wizardTopnavContainer {
     .wizardTopnav {
@@ -16,7 +17,7 @@
             display: flex;
             margin: 20px;
             flex-direction: column;
-            @media only screen and (min-width: $screen-sm) {
+            @media only screen and (min-width: viewports.$screen-sm) {
                 flex-direction: row;
             }
         }

package/dist/functions/helpers.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.stringifyCssColorVariables = exports.setFocusToElement = exports.getFocusableElementsInsideElement = exports.getCssVariablesFromTheme = exports.getCssSizeVariablesFromTheme = exports.getCssColorVariablesFromTheme = exports.cloneThroughFragments = exports.classNameArrayToClassNameString = exports.camelCaseToKebabCase = exports.addGlobalStylesheet = exports.addFocusTrapInsideElement = void 0;
 var _react = require("react");
 const classNameArrayToClassNameString = classNameArray => {
-  var _classNameArray$filte;
-  return (classNameArray === null || classNameArray === void 0 || (_classNameArray$filte = classNameArray.filter(className => className)) === null || _classNameArray$filte === void 0 ? void 0 : _classNameArray$filte.join(" ")) || "";
+  return classNameArray?.filter(className => className)?.join(" ") || "";
 };
 exports.classNameArrayToClassNameString = classNameArrayToClassNameString;
 const camelCaseToKebabCase = string => {
@@ -15,22 +14,20 @@ const camelCaseToKebabCase = string => {
 };
 exports.camelCaseToKebabCase = camelCaseToKebabCase;
 const getCssColorVariablesFromTheme = theme => {
-  var _Object$entries;
-  return !!(theme !== null && theme !== void 0 && theme.colors) && !!((_Object$entries = Object.entries(theme === null || theme === void 0 ? void 0 : theme.colors)) !== null && _Object$entries !== void 0 && _Object$entries.length) && Object.entries(theme === null || theme === void 0 ? void 0 : theme.colors).reduce((acc, _ref) => {
+  return !!theme?.colors && !!Object.entries(theme?.colors)?.length && Object.entries(theme?.colors).reduce((acc, _ref) => {
     let [key, value] = _ref;
-    if (key !== null && key !== void 0 && key.length && value !== null && value !== void 0 && value.length) {
-      acc["--color-".concat(camelCaseToKebabCase(key))] = value;
+    if (key?.length && value?.length) {
+      acc[`--color-${camelCaseToKebabCase(key)}`] = value;
     }
     return acc;
   }, {});
 };
 exports.getCssColorVariablesFromTheme = getCssColorVariablesFromTheme;
 const getCssSizeVariablesFromTheme = theme => {
-  var _Object$entries2;
-  return !!(theme !== null && theme !== void 0 && theme.sizes) && !!((_Object$entries2 = Object.entries(theme === null || theme === void 0 ? void 0 : theme.sizes)) !== null && _Object$entries2 !== void 0 && _Object$entries2.length) && Object.entries(theme === null || theme === void 0 ? void 0 : theme.sizes).reduce((acc, _ref2) => {
+  return !!theme?.sizes && !!Object.entries(theme?.sizes)?.length && Object.entries(theme?.sizes).reduce((acc, _ref2) => {
     let [key, value] = _ref2;
-    if (key !== null && key !== void 0 && key.length && value !== null && value !== void 0 && value.length) {
-      acc["--size-".concat(camelCaseToKebabCase(key))] = value;
+    if (key?.length && value?.length) {
+      acc[`--size-${camelCaseToKebabCase(key)}`] = value;
     }
     return acc;
   }, {});
@@ -44,17 +41,16 @@ const getCssVariablesFromTheme = theme => {
 };
 exports.getCssVariablesFromTheme = getCssVariablesFromTheme;
 const addGlobalStylesheet = (styleElementId, styles) => {
-  var _document$getElementB;
   const style = document.createElement("style");
   style.setAttribute("id", styleElementId);
   style.textContent = styles;
-  (_document$getElementB = document.getElementById(styleElementId)) === null || _document$getElementB === void 0 || _document$getElementB.remove();
+  document.getElementById(styleElementId)?.remove();
   document.head.appendChild(style);
 };
 exports.addGlobalStylesheet = addGlobalStylesheet;
 const stringifyCssColorVariables = colorVariables => {
   return Object.keys(colorVariables).reduce((css, key) => {
-    return "".concat(css).concat(key, ": ").concat(colorVariables[key], ";");
+    return `${css}${key}: ${colorVariables[key]};`;
   }, "");
 };
 exports.stringifyCssColorVariables = stringifyCssColorVariables;
@@ -88,8 +84,8 @@ exports.getFocusableElementsInsideElement = getFocusableElementsInsideElement;
 const addFocusTrapInsideElement = element => {
   setFocusToElement(element);
   const focusableElements = getFocusableElementsInsideElement(element);
-  const firstFocusableElement = focusableElements !== null && focusableElements !== void 0 && focusableElements.length ? focusableElements[0] : null;
-  const lastFocusableElement = (focusableElements === null || focusableElements === void 0 ? void 0 : focusableElements.length) > 1 ? focusableElements[focusableElements.length - 1] : firstFocusableElement;
+  const firstFocusableElement = focusableElements?.length ? focusableElements[0] : null;
+  const lastFocusableElement = focusableElements?.length > 1 ? focusableElements[focusableElements.length - 1] : firstFocusableElement;
   if (firstFocusableElement) {
     firstFocusableElement.onkeydown = event => {
       if (event.keyCode === 9 && event.shiftKey) {

package/dist/functions/theme.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getThemeLogoPadding = exports.getThemeLogo = exports.getThemeAppName = void 0;
 const getThemeLogo = theme => {
-  return (theme === null || theme === void 0 ? void 0 : theme.logo) || null;
+  return theme?.logo || null;
 };
 exports.getThemeLogo = getThemeLogo;
 const getThemeLogoPadding = theme => {
-  return (theme === null || theme === void 0 ? void 0 : theme.logoPadding) || null;
+  return theme?.logoPadding || null;
 };
 exports.getThemeLogoPadding = getThemeLogoPadding;
 const getThemeAppName = theme => {
-  return (theme === null || theme === void 0 ? void 0 : theme.appName) || null;
+  return theme?.appName || null;
 };
 exports.getThemeAppName = getThemeAppName;

package/dist/index.js

@@ -276,4 +276,4 @@ var _ThemeProvider = _interopRequireDefault(require("./components/ThemeProvider"
 var _ToggleNavigationButton = _interopRequireDefault(require("./components/ToggleNavigationButton"));
 var _WizardNavigation = _interopRequireDefault(require("./components/WizardNavigation"));
 var _Step = _interopRequireDefault(require("./components/WizardNavigation/Step"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/style/base/_typography.scss

@@ -1,6 +1,9 @@
+@use "../abstracts/variables/colors";
+@use "../abstracts/variables/typography";
+
 body {
-	font-family: $default-font;
-	color: $color-default-text;
+	font-family: typography.$default-font;
+	color: colors.$color-default-text;
 	font-weight: normal;
 	line-height: 1.4;
 	letter-spacing: 0.01em;

package/dist/style/layout/_containers.scss

@@ -1,9 +1,11 @@
+@use "../abstracts/variables/viewports";
+
 .main-content {
 	padding: 0 20px 20px;
 	max-width: 1280px;
 	margin: 0 auto;
 	font-size: 18px;
-	@media only screen and (min-width: $screen-lg){
+	@media only screen and (min-width: viewports.$screen-lg){
 		padding: 0 40px;
 	}
 }

package/dist/style/pdf.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/stories/PDF.scss","../../src/style/abstracts/mixins/_box-sizing.scss"],"names":[],"mappings":"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","file":"pdf.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/stories/PDF.scss","../../src/style/abstracts/mixins/_box-sizing.scss"],"names":[],"mappings":"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","file":"pdf.css"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dibk-design",
-  "version": "6.5.3",
+  "version": "7.0.0",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "files": [
@@ -8,7 +8,7 @@
     "README.md"
   ],
   "dependencies": {
-    "@storybook/test": "^8.0.2",
+    "@storybook/test": "^8.4.2",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
@@ -62,24 +62,25 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.18.10",
-    "@storybook/addon-a11y": "^8.0.2",
-    "@storybook/addon-actions": "^8.0.2",
-    "@storybook/addon-essentials": "^8.0.2",
-    "@storybook/addon-interactions": "^8.0.2",
-    "@storybook/addon-links": "^8.0.2",
-    "@storybook/addon-mdx-gfm": "^8.0.2",
+    "@storybook/addon-a11y": "^8.4.2",
+    "@storybook/addon-actions": "^8.4.2",
+    "@storybook/addon-essentials": "^8.4.2",
+    "@storybook/addon-interactions": "^8.4.2",
+    "@storybook/addon-links": "^8.4.2",
+    "@storybook/addon-mdx-gfm": "^8.4.2",
     "@storybook/addons": "^7.6.17",
-    "@storybook/node-logger": "^8.0.2",
-    "@storybook/preset-create-react-app": "^8.0.2",
-    "@storybook/react": "^8.0.2",
-    "@storybook/react-webpack5": "^8.0.2",
-    "@storybook/theming": "^8.0.2",
+    "@storybook/node-logger": "^8.4.2",
+    "@storybook/preset-create-react-app": "^8.4.2",
+    "@storybook/react": "^8.4.2",
+    "@storybook/react-webpack5": "^8.4.2",
+    "@storybook/theming": "^8.4.2",
     "babel-plugin-named-exports-order": "^0.0.2",
     "babel-plugin-transform-remove-console": "^6.9.4",
     "prop-types": "^15.8.1",
     "react-router-dom": "^6.4.2",
-    "storybook": "^8.0.2",
+    "storybook": "^8.4.2",
     "url-loader": "^4.1.1",
     "webpack": "^5.74.0"
-  }
+  },
+  "packageManager": "yarn@4.5.1"
 }

package/dist/style/abstracts/_all.scss

@@ -1,2 +0,0 @@
-@import "variables/all";
-@import "mixins/all";

package/dist/style/abstracts/mixins/_all.scss

@@ -1,12 +0,0 @@
-@import "animation";
-@import "appearance";
-@import "border-radius";
-@import "box-shadow";
-@import "box-sizing";
-@import "calc";
-@import "keyframes";
-@import "opacity";
-@import "placeholder";
-@import "scrollbar";
-@import "transform";
-@import "transition";

package/dist/style/abstracts/variables/_all.scss

@@ -1,5 +0,0 @@
-@import "colors";
-@import "sizes";
-@import "transitions";
-@import "typography";
-@import "viewports";

package/dist/style/base/_all.scss

@@ -1,3 +0,0 @@
-@import "fonts";
-@import "typography";
-@import "reset";

package/dist/style/global.scss

@@ -1,3 +0,0 @@
-@import "abstracts/all";
-@import "base/all";
-@import "layout/all";

package/dist/style/layout/_all.scss

@@ -1 +0,0 @@
-@import "containers";