@dnb/eufemia 9.16.3 → 9.18.0

package/cjs/icons/tag.js

@@ -0,0 +1,41 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _path, _path2;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function tag(props) {
+  return _react.default.createElement("svg", _extends({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path || (_path = _react.default.createElement("path", {
+    d: "M1 1.96683V6.00042C1.00011 6.51321 1.20392 7.00496 1.56659 7.36751L9.0631 14.8636C9.33158 15.1323 9.80653 14.9798 9.87915 14.6168L10.6688 10.6683L14.6175 9.87868C14.99 9.80418 15.1263 9.32437 14.8644 9.06268L7.36785 1.56656C7.00528 1.2039 6.51351 1.00011 6.00068 1H1.96688C1.44025 1 1 1.44023 1 1.96683Z",
+    stroke: "black",
+    strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })), _path2 || (_path2 = _react.default.createElement("path", {
+    d: "M4.38407 5.35071C4.91806 5.35071 5.35094 4.91785 5.35094 4.38389C5.35094 3.84992 4.91806 3.41706 4.38407 3.41706C3.85008 3.41706 3.41719 3.84992 3.41719 4.38389C3.41719 4.91785 3.85008 5.35071 4.38407 5.35071Z",
+    stroke: "black",
+    strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })));
+}
+
+var _default = tag;
+exports.default = _default;

package/cjs/icons/tag_medium.js

@@ -0,0 +1,41 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _path, _path2;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function tag_medium(props) {
+  return _react.default.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path || (_path = _react.default.createElement("path", {
+    d: "M1.135 2.63379V8.89179C1.13517 9.68737 1.45135 10.4503 2.014 11.0128L13.644 22.6428C14.0605 23.0597 14.7973 22.8231 14.91 22.2598L16.135 16.1338L22.261 14.9088C22.8389 14.7932 23.0504 14.0488 22.644 13.6428L11.014 2.01279C10.4515 1.45014 9.68859 1.13396 8.893 1.13379H2.635C1.818 1.13379 1.135 1.81679 1.135 2.63379Z",
+    stroke: "black",
+    strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })), _path2 || (_path2 = _react.default.createElement("path", {
+    d: "M6.385 7.88379C7.21343 7.88379 7.885 7.21222 7.885 6.38379C7.885 5.55536 7.21343 4.88379 6.385 4.88379C5.55658 4.88379 4.885 5.55536 4.885 6.38379C4.885 7.21222 5.55658 7.88379 6.385 7.88379Z",
+    stroke: "black",
+    strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })));
+}
+
+var _default = tag_medium;
+exports.default = _default;

package/cjs/index.d.ts

@@ -42,6 +42,7 @@ import Space from './components/space/Space'
 import StepIndicator from './components/step-indicator/StepIndicator'
 import Switch from './components/switch/Switch'
 import Tabs from './components/tabs/Tabs'
+import Tag from './components/tag/Tag'
 import Textarea from './components/textarea/Textarea'
 import ToggleButton from './components/toggle-button/ToggleButton'
 import Tooltip from './components/tooltip/Tooltip'
@@ -109,6 +110,7 @@ export {
   StepIndicator,
   Switch,
   Tabs,
+  Tag,
   Textarea,
   ToggleButton,
   Tooltip,

package/cjs/index.js

@@ -345,6 +345,12 @@ Object.defineProperty(exports, "Tabs", {
     return _Tabs.default;
   }
 });
+Object.defineProperty(exports, "Tag", {
+  enumerable: true,
+  get: function get() {
+    return _Tag.default;
+  }
+});
 Object.defineProperty(exports, "Td", {
   enumerable: true,
   get: function get() {
@@ -453,6 +459,8 @@ var _Switch = _interopRequireDefault(require("./components/switch/Switch"));
 
 var _Tabs = _interopRequireDefault(require("./components/tabs/Tabs"));
 
+var _Tag = _interopRequireDefault(require("./components/tag/Tag"));
+
 var _Textarea = _interopRequireDefault(require("./components/textarea/Textarea"));
 
 var _ToggleButton = _interopRequireDefault(require("./components/toggle-button/ToggleButton"));

package/cjs/shared/Context.js

@@ -83,7 +83,8 @@ var prepareContext = function prepareContext() {
   }, props), {}, {
     translation: translation,
     Breadcrumb: {},
-    BreadcrumbItem: {}
+    BreadcrumbItem: {},
+    Tag: {}
   });
 
   return context;

package/cjs/shared/EventEmitter.js

@@ -109,18 +109,16 @@ var EventEmitter = function () {
         delete scope[this.id];
       }
     }
+  }], [{
+    key: "createInstance",
+    value: function createInstance(id) {
+      return new EventEmitter(id);
+    }
   }]);
 
   return EventEmitter;
 }();
 
 var scope = typeof window !== 'undefined' ? window : EventEmitter;
-
-function createInstance(id) {
-  return new EventEmitter(id);
-}
-
-var _default = {
-  createInstance: createInstance
-};
+var _default = EventEmitter;
 exports.default = _default;

package/cjs/shared/component-helper.js

@@ -21,7 +21,7 @@ require("core-js/modules/es.object.get-own-property-descriptors.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.checkIfHasScrollbar = exports.PLATFORM_WIN = exports.PLATFORM_MAC = exports.PLATFORM_LINUX = exports.PLATFORM_IOS = exports.PLATFORM_ANDROID = exports.InteractionInvalidation = exports.DetectOutsideClickClass = void 0;
+exports.checkIfHasScrollbar = exports.InteractionInvalidation = exports.DetectOutsideClickClass = void 0;
 exports.combineDescribedBy = combineDescribedBy;
 exports.combineLabelledBy = combineLabelledBy;
 exports.convertJsxToString = void 0;
@@ -43,7 +43,13 @@ Object.defineProperty(exports, "registerElement", {
     return _customElement.registerElement;
   }
 });
-exports.warn = exports.validateDOMAttributes = exports.toSnakeCase = exports.toPascalCase = exports.toKebabCase = exports.toCamelCase = exports.slugify = exports.roundToNearest = void 0;
+exports.validateDOMAttributes = exports.toSnakeCase = exports.toPascalCase = exports.toKebabCase = exports.toCamelCase = exports.slugify = exports.roundToNearest = void 0;
+Object.defineProperty(exports, "warn", {
+  enumerable: true,
+  get: function get() {
+    return _helpers.warn;
+  }
+});
 
 require("core-js/modules/es.regexp.exec.js");
 
@@ -89,9 +95,11 @@ require("core-js/modules/es.array.from.js");
 
 require("core-js/modules/es.string.iterator.js");
 
+require("core-js/modules/es.string.trim.js");
+
 require("core-js/modules/es.array.concat.js");
 
-require("core-js/modules/es.string.trim.js");
+require("core-js/modules/es.string.ends-with.js");
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -101,8 +109,20 @@ var _whatInput = _interopRequireDefault(require("what-input"));
 
 var _customElement = require("./custom-element");
 
+var _helpers = require("./helpers");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -131,17 +151,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-var PLATFORM_MAC = 'Mac|iPad|iPhone|iPod';
-exports.PLATFORM_MAC = PLATFORM_MAC;
-var PLATFORM_WIN = 'Win';
-exports.PLATFORM_WIN = PLATFORM_WIN;
-var PLATFORM_ANDROID = 'Android';
-exports.PLATFORM_ANDROID = PLATFORM_ANDROID;
-var PLATFORM_LINUX = 'Linux';
-exports.PLATFORM_LINUX = PLATFORM_LINUX;
-var PLATFORM_IOS = 'iOS|iPhone|iPad|iPod';
-exports.PLATFORM_IOS = PLATFORM_IOS;
-
 if (typeof process !== 'undefined' && process.env.NODE_ENV === 'test' && typeof window !== 'undefined') {
   window.IS_TEST = true;
 }
@@ -172,18 +181,18 @@ function defineNavigator() {
 
     try {
       if (!(typeof window !== 'undefined' && window.IS_TEST)) {
-        if (navigator.platform.match(new RegExp(PLATFORM_MAC)) !== null) {
+        if (navigator.platform.match(new RegExp(_helpers.PLATFORM_MAC)) !== null) {
           document.documentElement.setAttribute('data-os', 'mac');
-        } else if (navigator.platform.match(new RegExp(PLATFORM_WIN)) !== null) {
+        } else if (navigator.platform.match(new RegExp(_helpers.PLATFORM_WIN)) !== null) {
           document.documentElement.setAttribute('data-os', 'win');
-        } else if (navigator.platform.match(new RegExp(PLATFORM_LINUX)) !== null) {
+        } else if (navigator.platform.match(new RegExp(_helpers.PLATFORM_LINUX)) !== null) {
           document.documentElement.setAttribute('data-os', 'linux');
         }
       } else {
         document.documentElement.setAttribute('data-os', 'other');
       }
     } catch (e) {
-      warn(e);
+      (0, _helpers.warn)(e);
     }
 
     document.removeEventListener('DOMContentLoaded', handleNavigator);
@@ -450,7 +459,7 @@ var dispatchCustomElementEvent = function dispatchCustomElementEvent(src, eventN
           }
         }
       } catch (e) {
-        warn('Error on handling dataset:', e);
+        (0, _helpers.warn)('Error on handling dataset:', e);
       }
     }
   }
@@ -592,7 +601,7 @@ var DetectOutsideClickClass = function () {
           onSuccess();
         }
       } catch (e) {
-        warn(e);
+        (0, _helpers.warn)(e);
       }
     });
 
@@ -761,7 +770,7 @@ var getPreviousSibling = function getPreviousSibling(className, element) {
       ;
     }
   } catch (e) {
-    warn(e);
+    (0, _helpers.warn)(e);
   }
 
   return element;
@@ -819,20 +828,6 @@ var isInsideScrollView = function isInsideScrollView(currentElement) {
 
 exports.isInsideScrollView = isInsideScrollView;
 
-var warn = function warn() {
-  if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && typeof console !== 'undefined' && typeof console.log === 'function') {
-    var _console;
-
-    for (var _len3 = arguments.length, e = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-      e[_key3] = arguments[_key3];
-    }
-
-    (_console = console).log.apply(_console, ['Eufemia:'].concat(e));
-  }
-};
-
-exports.warn = warn;
-
 var convertJsxToString = function convertJsxToString(elements) {
   var separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
 
@@ -904,7 +899,7 @@ var InteractionInvalidation = function () {
     value: function activate() {
       var targetElement = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
 
-      if (!this.nodesToInvalidate) {
+      if (!this._nodesToInvalidate) {
         this._runInvalidaiton(targetElement);
       }
     }
@@ -913,7 +908,7 @@ var InteractionInvalidation = function () {
     value: function revert() {
       this._revertInvalidation();
 
-      this.nodesToInvalidate = null;
+      this._nodesToInvalidate = null;
     }
   }, {
     key: "_runInvalidaiton",
@@ -922,51 +917,77 @@ var InteractionInvalidation = function () {
         return;
       }
 
-      this.nodesToInvalidate = this.getNodesToInvalidate(targetElement);
+      this._nodesToInvalidate = this.getNodesToInvalidate(targetElement);
 
-      if (Array.isArray(this.nodesToInvalidate)) {
-        this.nodesToInvalidate.forEach(function (node) {
-          try {
-            if (node && typeof node._orig_tabindex === 'undefined' && node.hasAttribute('tabindex')) {
-              node._orig_tabindex = node.getAttribute('tabindex');
-            }
+      var _iterator = _createForOfIteratorHelper(this._nodesToInvalidate),
+          _step;
 
-            if (node && typeof node._orig_ariahidden === 'undefined' && node.hasAttribute('aria-hidden')) {
-              node._orig_ariahidden = node.getAttribute('aria-hidden');
-            }
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var node = _step.value;
 
-            node.setAttribute('tabindex', '-1');
-            node.setAttribute('aria-hidden', 'true');
-          } catch (e) {}
-        });
+          if (!node) {
+            continue;
+          }
+
+          var tabindex = node.getAttribute('tabindex');
+          var ariahidden = node.getAttribute('aria-hidden');
+          var dataset = node.dataset;
+
+          if (tabindex !== null && typeof dataset._tabindex === 'undefined') {
+            node.dataset._tabindex = tabindex;
+          }
+
+          if (ariahidden !== null && typeof dataset._ariahidden === 'undefined') {
+            node.dataset._ariahidden = ariahidden;
+          }
+
+          node.setAttribute('tabindex', '-1');
+          node.setAttribute('aria-hidden', 'true');
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
       }
     }
   }, {
     key: "_revertInvalidation",
     value: function _revertInvalidation() {
-      if (!this.nodesToInvalidate) {
+      if (!Array.isArray(this._nodesToInvalidate)) {
         return;
       }
 
-      this.nodesToInvalidate.forEach(function (node) {
-        try {
-          if (node && typeof node._orig_tabindex !== 'undefined') {
-            node.setAttribute('tabindex', node._orig_tabindex);
-            node._orig_tabindex = null;
-            delete node._orig_tabindex;
+      var _iterator2 = _createForOfIteratorHelper(this._nodesToInvalidate),
+          _step2;
+
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var node = _step2.value;
+
+          if (!node) {
+            continue;
+          }
+
+          if (typeof node.dataset._tabindex !== 'undefined') {
+            node.setAttribute('tabindex', node.dataset._tabindex);
+            node.dataset._tabindex = null;
           } else {
             node.removeAttribute('tabindex');
           }
 
-          if (node && typeof node._orig_ariahidden !== 'undefined') {
-            node.setAttribute('aria-hidden', node._orig_ariahidden);
-            node._orig_ariahidden = null;
-            delete node._orig_ariahidden;
+          if (typeof node.dataset._ariahidden !== 'undefined') {
+            node.setAttribute('aria-hidden', node.dataset._ariahidden);
+            node.dataset._ariahidden = null;
           } else {
             node.removeAttribute('aria-hidden');
           }
-        } catch (e) {}
-      });
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
     }
   }, {
     key: "getNodesToInvalidate",
@@ -974,24 +995,35 @@ var InteractionInvalidation = function () {
       var targetElement = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
 
       if (typeof document === 'undefined') {
-        return;
+        return [];
       }
 
       if (typeof targetElement === 'string') {
         targetElement = document.querySelector(targetElement);
       }
 
-      var skipTheseNodes = this.bypassSelectors && this.bypassSelectors.length > 0 ? Array.from((this.bypassElement || document).querySelectorAll(this.bypassSelectors ? this.bypassSelectors.map(function (s) {
-        return "".concat(s, " *");
-      }).join(', ') : '*')) : [];
       var rootSelector = targetElement ? '*' : 'html *';
       var elementSelector = this.bypassSelectors.map(function (s) {
         return ":not(".concat(s, ")");
       }).join('');
-      var selector = "".concat(rootSelector, " ").concat(elementSelector, ":not(script):not(style):not(path)");
-      return Array.from((targetElement || document.documentElement).querySelectorAll(selector)).filter(function (node) {
-        return !skipTheseNodes.includes(node);
-      });
+      var selector = "".concat(rootSelector, " ").concat(elementSelector, ":not(script):not(style):not(path):not(head *)");
+
+      if (_helpers.IS_IE11 || process.env.NODE_ENV === 'test') {
+        var excludeSelectors = [];
+        var testSelector = selector.split(':').map(function (localSel) {
+          if (localSel.endsWith(' *)')) {
+            excludeSelectors.push.apply(excludeSelectors, _toConsumableArray(Array.from((targetElement || document.documentElement).querySelectorAll(localSel.match(/\(([^)]*)\)/)[1]))));
+            localSel = localSel.replace(' *', '');
+          }
+
+          return localSel;
+        }).join(':');
+        return Array.from((targetElement || document.documentElement).querySelectorAll(testSelector)).filter(function (node) {
+          return !excludeSelectors.includes(node);
+        });
+      }
+
+      return Array.from((targetElement || document.documentElement).querySelectorAll(selector));
     }
   }]);
 
@@ -1023,16 +1055,16 @@ function getInnerRef(ref) {
 }
 
 function combineLabelledBy() {
-  for (var _len4 = arguments.length, params = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-    params[_key4] = arguments[_key4];
+  for (var _len3 = arguments.length, params = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+    params[_key3] = arguments[_key3];
   }
 
   return combineAriaBy('aria-labelledby', params);
 }
 
 function combineDescribedBy() {
-  for (var _len5 = arguments.length, params = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-    params[_key5] = arguments[_key5];
+  for (var _len4 = arguments.length, params = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+    params[_key4] = arguments[_key4];
   }
 
   return combineAriaBy('aria-describedby', params);

package/cjs/shared/helpers.js

@@ -23,7 +23,7 @@ require("core-js/modules/es.promise.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.IS_WIN = exports.IS_SAFARI = exports.IS_MAC = exports.IS_LINUX = exports.IS_IOS = exports.IS_IE11 = exports.IS_EDGE = exports.IS_ANDROID = void 0;
+exports.PLATFORM_WIN = exports.PLATFORM_MAC = exports.PLATFORM_LINUX = exports.PLATFORM_IOS = exports.PLATFORM_ANDROID = exports.IS_WIN = exports.IS_SAFARI = exports.IS_MAC = exports.IS_LINUX = exports.IS_IOS = exports.IS_IE11 = exports.IS_EDGE = exports.IS_ANDROID = void 0;
 exports.applyPageFocus = applyPageFocus;
 exports.copyToClipboard = copyToClipboard;
 exports.debounce = debounce;
@@ -36,6 +36,7 @@ exports.insertElementBeforeSelection = insertElementBeforeSelection;
 exports.isiOS = exports.isWin = exports.isSafari = exports.isMac = exports.isLinux = exports.isIE11 = exports.isEdge = exports.isAndroid = void 0;
 exports.scrollToLocationHashId = scrollToLocationHashId;
 exports.setPageFocusElement = setPageFocusElement;
+exports.warn = void 0;
 
 require("regenerator-runtime/runtime.js");
 
@@ -51,7 +52,7 @@ require("core-js/modules/es.string.replace.js");
 
 require("core-js/modules/es.object.to-string.js");
 
-var _componentHelper = require("./component-helper");
+require("core-js/modules/es.array.concat.js");
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
@@ -71,6 +72,16 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+var PLATFORM_MAC = 'Mac|iPad|iPhone|iPod';
+exports.PLATFORM_MAC = PLATFORM_MAC;
+var PLATFORM_WIN = 'Win';
+exports.PLATFORM_WIN = PLATFORM_WIN;
+var PLATFORM_ANDROID = 'Android';
+exports.PLATFORM_ANDROID = PLATFORM_ANDROID;
+var PLATFORM_LINUX = 'Linux';
+exports.PLATFORM_LINUX = PLATFORM_LINUX;
+var PLATFORM_IOS = 'iOS|iPhone|iPad|iPod';
+exports.PLATFORM_IOS = PLATFORM_IOS;
 var IS_IE11 = false;
 exports.IS_IE11 = IS_IE11;
 var IS_EDGE = false;
@@ -91,7 +102,7 @@ exports.IS_LINUX = IS_LINUX;
 var isMac = function isMac() {
   var _navigator;
 
-  return exports.IS_MAC = IS_MAC = typeof navigator !== 'undefined' && new RegExp(_componentHelper.PLATFORM_MAC, 'i').test((_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.platform);
+  return exports.IS_MAC = IS_MAC = typeof navigator !== 'undefined' && new RegExp(PLATFORM_MAC, 'i').test((_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.platform);
 };
 
 exports.isMac = isMac;
@@ -99,7 +110,7 @@ exports.isMac = isMac;
 var isWin = function isWin() {
   var _navigator2;
 
-  return exports.IS_WIN = IS_WIN = typeof navigator !== 'undefined' && new RegExp(_componentHelper.PLATFORM_WIN, 'i').test((_navigator2 = navigator) === null || _navigator2 === void 0 ? void 0 : _navigator2.platform);
+  return exports.IS_WIN = IS_WIN = typeof navigator !== 'undefined' && new RegExp(PLATFORM_WIN, 'i').test((_navigator2 = navigator) === null || _navigator2 === void 0 ? void 0 : _navigator2.platform);
 };
 
 exports.isWin = isWin;
@@ -107,7 +118,7 @@ exports.isWin = isWin;
 var isAndroid = function isAndroid() {
   var _navigator3;
 
-  return exports.IS_ANDROID = IS_ANDROID = typeof navigator !== 'undefined' && new RegExp(_componentHelper.PLATFORM_ANDROID, 'i').test((_navigator3 = navigator) === null || _navigator3 === void 0 ? void 0 : _navigator3.userAgent);
+  return exports.IS_ANDROID = IS_ANDROID = typeof navigator !== 'undefined' && new RegExp(PLATFORM_ANDROID, 'i').test((_navigator3 = navigator) === null || _navigator3 === void 0 ? void 0 : _navigator3.userAgent);
 };
 
 exports.isAndroid = isAndroid;
@@ -115,7 +126,7 @@ exports.isAndroid = isAndroid;
 var isLinux = function isLinux() {
   var _navigator4;
 
-  return exports.IS_LINUX = IS_LINUX = typeof navigator !== 'undefined' && new RegExp(_componentHelper.PLATFORM_LINUX, 'i').test((_navigator4 = navigator) === null || _navigator4 === void 0 ? void 0 : _navigator4.platform);
+  return exports.IS_LINUX = IS_LINUX = typeof navigator !== 'undefined' && new RegExp(PLATFORM_LINUX, 'i').test((_navigator4 = navigator) === null || _navigator4 === void 0 ? void 0 : _navigator4.platform);
 };
 
 exports.isLinux = isLinux;
@@ -123,7 +134,7 @@ exports.isLinux = isLinux;
 var isiOS = function isiOS() {
   var _navigator5;
 
-  return exports.IS_IOS = IS_IOS = typeof navigator !== 'undefined' && new RegExp(_componentHelper.PLATFORM_IOS, 'i').test((_navigator5 = navigator) === null || _navigator5 === void 0 ? void 0 : _navigator5.platform);
+  return exports.IS_IOS = IS_IOS = typeof navigator !== 'undefined' && new RegExp(PLATFORM_IOS, 'i').test((_navigator5 = navigator) === null || _navigator5 === void 0 ? void 0 : _navigator5.platform);
 };
 
 exports.isiOS = isiOS;
@@ -197,7 +208,7 @@ function applyPageFocus() {
       }
     }
   } catch (e) {
-    (0, _componentHelper.warn)('Error on applyPageFocus:', e);
+    warn('Error on applyPageFocus:', e);
   }
 }
 
@@ -275,7 +286,7 @@ function scrollToLocationHashId() {
                 window.scrollTop = top;
               }
             } catch (e) {
-              (0, _componentHelper.warn)('Error on scrollToLocationHashId:', e);
+              warn('Error on scrollToLocationHashId:', e);
             }
           };
 
@@ -304,7 +315,7 @@ function scrollToLocationHashId() {
         return elem;
       }
     } catch (e) {
-      (0, _componentHelper.warn)('Error on scrollToLocationHashId:', e);
+      warn('Error on scrollToLocationHashId:', e);
     }
   }
 }
@@ -484,4 +495,18 @@ function _copyToClipboard() {
     }, _callee, null, [[7, 14]]);
   }));
   return _copyToClipboard.apply(this, arguments);
-}
+}
+
+var warn = function warn() {
+  if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && typeof console !== 'undefined' && typeof console.log === 'function') {
+    var _console;
+
+    for (var _len = arguments.length, e = new Array(_len), _key = 0; _key < _len; _key++) {
+      e[_key] = arguments[_key];
+    }
+
+    (_console = console).log.apply(_console, ['Eufemia:'].concat(e));
+  }
+};
+
+exports.warn = warn;

package/cjs/style/core/helper-classes/skip-link.scss

@@ -83,7 +83,7 @@
 }
 
 // How to use the "skip-link"
-// 1. Have this on the top of Your App: <a class="dnb-skip-link dnb-button" href="#dnb-app-content">Skip to content</a>
+// 1. Have this on the top of your app: <a class="dnb-skip-link dnb-button" href="#dnb-app-content">Skip to content</a>
 // 2. Place this id="dnb-app-content" on Your main content container
 .dnb-skip-link {
   position: absolute;