@dnb/eufemia 9.23.0-beta.2 → 9.23.0-beta.3

package/esm/components/icon/Icon.js

@@ -1,460 +0,0 @@
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.object.get-own-property-descriptor.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.get-own-property-descriptors.js";
-import "core-js/modules/es.reflect.construct.js";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["sizeAsString"],
-    _excluded2 = ["icon", "size", "width", "height", "border", "color", "inherit_color", "modifier", "alt", "title", "skeleton", "class", "className"];
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.regexp.exec.js";
-import "core-js/modules/es.string.split.js";
-import "core-js/modules/es.array.reverse.js";
-import "core-js/modules/es.array.reduce.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.array.includes.js";
-import "core-js/modules/es.parse-float.js";
-import "core-js/modules/es.string.includes.js";
-import "core-js/modules/es.string.replace.js";
-import "core-js/modules/es.array.concat.js";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import classnames from 'classnames';
-import { ErrorHandler } from '../../shared/error-helper';
-import { isTrue, registerElement, validateDOMAttributes, processChildren, extendPropsWithContext } from '../../shared/component-helper';
-import { spacingPropTypes, createSpacingClasses } from '../space/SpacingHelper';
-import { createSkeletonClass } from '../skeleton/SkeletonHelper';
-import Context from '../../shared/Context';
-export var DefaultIconSize = 16;
-export var DefaultIconSizes = {
-  default: 16,
-  medium: 24
-};
-export var ListDefaultIconSizes = [['default', 16], ['medium', 24]];
-export var ValidIconSizes = ['small', 'default', 'medium', 'large', 'x-large', 'xx-large'];
-export var iconPropTypes = _objectSpread(_objectSpread({
-  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.func]),
-  modifier: PropTypes.string,
-  size: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.oneOf(['default', 'medium', 'large'])])
-}, spacingPropTypes), {}, {
-  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  border: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  color: PropTypes.string,
-  inherit_color: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  alt: PropTypes.string,
-  title: PropTypes.string,
-  skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-  className: PropTypes.string,
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
-});
-
-var Icon = function (_React$PureComponent) {
-  _inherits(Icon, _React$PureComponent);
-
-  var _super = _createSuper(Icon);
-
-  function Icon() {
-    _classCallCheck(this, Icon);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(Icon, [{
-    key: "render",
-    value: function render() {
-      var _this$context;
-
-      var props = extendPropsWithContext(this.props, Icon.defaultProps, {
-        skeleton: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.skeleton
-      }, this.context.FormRow, this.context.Icon);
-
-      var _prepareIcon = prepareIcon(props, this.context),
-          icon = _prepareIcon.icon,
-          size = _prepareIcon.size,
-          wrapperParams = _prepareIcon.wrapperParams,
-          iconParams = _prepareIcon.iconParams,
-          alt = _prepareIcon.alt;
-
-      if (!icon) {
-        return null;
-      }
-
-      var IconContainer = prerenderIcon({
-        icon: icon,
-        size: size,
-        alt: alt
-      });
-      if (!IconContainer) return React.createElement(React.Fragment, null);
-      return React.createElement("span", wrapperParams, React.createElement(IconContainer, iconParams));
-    }
-  }], [{
-    key: "enableWebComponent",
-    value: function enableWebComponent() {
-      var tag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Icon === null || Icon === void 0 ? void 0 : Icon.tagName;
-      var inst = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Icon;
-      var props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Icon.defaultProps;
-      registerElement(tag, inst, props);
-    }
-  }, {
-    key: "getIcon",
-    value: function getIcon(props) {
-      if (props.icon) {
-        return props.icon;
-      }
-
-      return processChildren(props);
-    }
-  }]);
-
-  return Icon;
-}(React.PureComponent);
-
-_defineProperty(Icon, "tagName", 'dnb-icon');
-
-_defineProperty(Icon, "contextType", Context);
-
-_defineProperty(Icon, "defaultProps", {
-  icon: null,
-  modifier: null,
-  size: null,
-  width: null,
-  height: null,
-  border: null,
-  color: null,
-  inherit_color: true,
-  alt: null,
-  title: null,
-  skeleton: null,
-  attributes: null,
-  className: null,
-  children: null
-});
-
-export { Icon as default };
-process.env.NODE_ENV !== "production" ? Icon.propTypes = _objectSpread({}, iconPropTypes) : void 0;
-export var getIconNameFromComponent = function getIconNameFromComponent(icon) {
-  var name = typeof icon === 'string' ? icon : icon && (icon.displayName || icon.name);
-
-  if (/^data:image\//.test(name)) {
-    return null;
-  }
-
-  return name;
-};
-export var calcSize = function calcSize(props) {
-  var icon = props.icon,
-      size = props.size,
-      width = props.width,
-      height = props.height;
-  var sizeAsInt = -1;
-  var sizeAsString = null;
-
-  if (!size || size === DefaultIconSize) {
-    var name = getIconNameFromComponent(icon);
-    var nameParts = String(name || '').split('_');
-
-    if (nameParts.length > 1) {
-      var lastPartOfIconName = nameParts.reverse()[0];
-      var potentialSize = ListDefaultIconSizes.filter(function (_ref) {
-        var _ref2 = _slicedToArray(_ref, 1),
-            key = _ref2[0];
-
-        return key === lastPartOfIconName;
-      }).reduce(function (acc, _ref3) {
-        var _ref4 = _slicedToArray(_ref3, 2),
-            key = _ref4[0],
-            value = _ref4[1];
-
-        return key && value;
-      }, null);
-
-      if (potentialSize) {
-        sizeAsInt = potentialSize;
-      }
-
-      if (ValidIconSizes.includes(lastPartOfIconName)) {
-        sizeAsString = lastPartOfIconName;
-      }
-    } else {
-      if (typeof icon === 'function') {
-        var elem = icon();
-
-        if (elem.props) {
-          var _potentialSize = -1;
-
-          if (elem.props.width) {
-            _potentialSize = elem.props.width;
-          }
-
-          if (!_potentialSize && elem.props.viewBox) {
-            _potentialSize = /[0-9]+ [0-9]+ ([0-9]+)/.exec(elem.props.viewBox)[1];
-          }
-
-          if (_potentialSize) {
-            sizeAsInt = _potentialSize;
-          }
-        }
-      }
-    }
-  } else if (typeof size === 'string' && !(parseFloat(size) > 0)) {
-    sizeAsInt = ListDefaultIconSizes.filter(function (_ref5) {
-      var _ref6 = _slicedToArray(_ref5, 1),
-          key = _ref6[0];
-
-      return key === size;
-    }).reduce(function (acc, _ref7) {
-      var _ref8 = _slicedToArray(_ref7, 2),
-          key = _ref8[0],
-          value = _ref8[1];
-
-      return key && value;
-    }, -1);
-
-    if (ValidIconSizes.includes(size)) {
-      sizeAsString = size;
-    }
-  } else if (parseFloat(size) > 0) {
-    sizeAsInt = ListDefaultIconSizes.filter(function (_ref9) {
-      var _ref10 = _slicedToArray(_ref9, 2),
-          key = _ref10[0],
-          value = _ref10[1];
-
-      return key && value === parseFloat(size);
-    }).reduce(function (acc, _ref11) {
-      var _ref12 = _slicedToArray(_ref11, 2),
-          key = _ref12[0],
-          value = _ref12[1];
-
-      if (key && value) return value;
-      return acc;
-    }, -1);
-
-    if (sizeAsInt === -1) {
-      sizeAsInt = parseFloat(size);
-      sizeAsString = 'custom-size';
-    }
-  }
-
-  if (!sizeAsString && sizeAsInt > 0) {
-    var potentialSizeAsString = ListDefaultIconSizes.reduce(function (acc, _ref13) {
-      var _ref14 = _slicedToArray(_ref13, 2),
-          key = _ref14[0],
-          value = _ref14[1];
-
-      if (key && value === sizeAsInt) {
-        return key;
-      }
-
-      return acc;
-    }, null);
-
-    if (potentialSizeAsString) {
-      sizeAsString = potentialSizeAsString;
-    }
-  }
-
-  var _prepareIconParams = prepareIconParams({
-    sizeAsString: sizeAsString,
-    sizeAsInt: sizeAsInt,
-    size: size,
-    width: width,
-    height: height
-  }),
-      isCustomSize = _prepareIconParams.sizeAsString,
-      iconParams = _prepareIconParams.params;
-
-  if (isCustomSize) {
-    sizeAsString = isCustomSize;
-  }
-
-  if (!(sizeAsInt > 0)) {
-    sizeAsInt = DefaultIconSize;
-  }
-
-  if (size === 'auto') {
-    iconParams.width = '100%';
-    iconParams.height = '100%';
-    sizeAsString = 'auto';
-  }
-
-  return {
-    iconParams: iconParams,
-    sizeAsInt: sizeAsInt,
-    sizeAsString: sizeAsString
-  };
-};
-
-var prepareIconParams = function prepareIconParams(_ref15) {
-  var sizeAsString = _ref15.sizeAsString,
-      rest = _objectWithoutProperties(_ref15, _excluded);
-
-  var size = rest.size,
-      width = rest.width,
-      height = rest.height,
-      sizeAsInt = rest.sizeAsInt;
-  var params = {};
-
-  if (!sizeAsString && !(sizeAsInt > 0) && parseFloat(size) > -1) {
-    params.width = params.height = parseFloat(size);
-  } else if (sizeAsString === 'custom-size') {
-    params.width = params.height = parseFloat(sizeAsInt);
-  }
-
-  if (parseFloat(width) > -1) {
-    sizeAsString = 'custom-size';
-    params.width = parseFloat(width);
-  }
-
-  if (parseFloat(height) > -1) {
-    sizeAsString = 'custom-size';
-    params.height = parseFloat(height);
-  }
-
-  validateDOMAttributes({}, params);
-  return {
-    params: params,
-    sizeAsString: sizeAsString
-  };
-};
-
-export var prepareIcon = function prepareIcon(props, context) {
-  var icon = props.icon,
-      size = props.size,
-      width = props.width,
-      height = props.height,
-      border = props.border,
-      color = props.color,
-      inherit_color = props.inherit_color,
-      modifier = props.modifier,
-      alt = props.alt,
-      title = props.title,
-      skeleton = props.skeleton,
-      _className = props.class,
-      className = props.className,
-      attributes = _objectWithoutProperties(props, _excluded2);
-
-  var _calcSize = calcSize({
-    icon: icon,
-    size: size,
-    width: width,
-    height: height
-  }),
-      sizeAsString = _calcSize.sizeAsString,
-      iconParams = _calcSize.iconParams;
-
-  if (color) {
-    iconParams.color = color;
-  }
-
-  var label = icon ? getIconNameFromComponent(icon) : null;
-  var wrapperParams = validateDOMAttributes(props, _objectSpread({
-    role: alt ? 'img' : 'presentation',
-    alt: alt,
-    'aria-label': label && !label.includes('default') ? label.replace(/_/g, ' ') + ' icon' : null,
-    title: title
-  }, attributes));
-
-  if (!alt && typeof wrapperParams['aria-hidden'] === 'undefined') {
-    wrapperParams['aria-hidden'] = true;
-  }
-
-  if (wrapperParams['aria-hidden']) {
-    if (typeof process !== 'undefined' && process.env.NODE_ENV === 'test') {
-      wrapperParams['data-test-id'] = wrapperParams['aria-label'];
-    }
-
-    delete wrapperParams['aria-label'];
-  }
-
-  wrapperParams.className = classnames('dnb-icon', sizeAsString ? "dnb-icon--".concat(sizeAsString) : 'dnb-icon--default', createSkeletonClass(null, skeleton, context), createSpacingClasses(props), _className, className, modifier && "dnb-icon--".concat(modifier), isTrue(border) && 'dnb-icon--border', isTrue(inherit_color) && 'dnb-icon--inherit-color');
-  var iconToRender = Icon.getIcon(props);
-
-  if (iconToRender && typeof iconToRender.defaultProps !== 'undefined') {
-    iconToRender = React.createElement(iconToRender, validateDOMAttributes({}, {
-      color: color,
-      icon: icon,
-      size: size,
-      width: width,
-      height: height
-    }));
-  }
-
-  return _objectSpread(_objectSpread({}, props), {}, {
-    icon: iconToRender,
-    alt: alt,
-    iconParams: iconParams,
-    wrapperParams: wrapperParams
-  });
-};
-export var prerenderIcon = function prerenderIcon() {
-  var _ref16 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      icon = _ref16.icon,
-      _ref16$size = _ref16.size,
-      size = _ref16$size === void 0 ? null : _ref16$size,
-      _ref16$listOfIcons = _ref16.listOfIcons,
-      listOfIcons = _ref16$listOfIcons === void 0 ? null : _ref16$listOfIcons,
-      _ref16$alt = _ref16.alt,
-      alt = _ref16$alt === void 0 ? null : _ref16$alt;
-
-  if (typeof icon === 'string' && /^data:image\//.test(icon)) {
-    return function () {
-      return React.createElement("img", {
-        src: icon,
-        alt: alt || 'no-alt'
-      });
-    };
-  }
-
-  if (typeof icon === 'function') {
-    var elem = icon();
-
-    if (React.isValidElement(elem)) {
-      return icon;
-    }
-
-    return elem;
-  }
-
-  if (React.isValidElement(icon) || Array.isArray(icon)) {
-    return function () {
-      return icon;
-    };
-  }
-
-  try {
-    icon = iconCase(icon);
-
-    if (size && DefaultIconSizes[size] && size !== 'default' && !(parseFloat(size) > 0) && !icon.includes(size)) {
-      icon = "".concat(icon, "_").concat(size);
-    }
-
-    var mod = (listOfIcons.dnbIcons ? listOfIcons.dnbIcons : listOfIcons)[icon];
-    return mod && mod.default ? mod.default : mod;
-  } catch (e) {
-    new ErrorHandler("Icon '".concat(icon, "' did not exist!"));
-    return null;
-  }
-};
-export var iconCase = function iconCase(name) {
-  return name.replace(/((?!^)[A-Z])/g, '_$1').toLowerCase().replace(/^[0-9]/g, '$1').replace(/[^a-z0-9_]/gi, '_');
-};

package/esm/components/icon/IconPrimary.d.ts

@@ -1,3 +0,0 @@
-export default IconPrimary;
-export * from "../icon-primary/IconPrimary";
-import IconPrimary from "../icon-primary/IconPrimary";

package/esm/components/icon/IconPrimary.js

@@ -1,3 +0,0 @@
-import IconPrimary from '../icon-primary/IconPrimary';
-export default IconPrimary;
-export * from '../icon-primary/IconPrimary';

package/esm/components/icon/index.d.ts

@@ -1,3 +0,0 @@
-export default Icon;
-export * from "./Icon";
-import Icon from "./Icon";

package/esm/components/icon/index.js

@@ -1,3 +0,0 @@
-import Icon from './Icon';
-export default Icon;
-export * from './Icon';

package/esm/components/icon/lib/SvgComparison.d.ts

@@ -1,2 +0,0 @@
-export default SvgComparison;
-declare function SvgComparison(props: any): JSX.Element;

package/esm/components/icon/lib/SvgComparison.js

@@ -1,54 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-
-var _path, _path2, _path3, _path4, _path5, _path6, _path7;
-
-import React from 'react';
-
-var SvgComparison = function SvgComparison(props) {
-  return React.createElement(React.Fragment, null, React.createElement("svg", _extends({
-    width: "24",
-    height: "24"
-  }, props), _path || (_path = React.createElement("path", {
-    d: "M.5 23.56h23",
-    stroke: "black",
-    fill: "white",
-    strokeweight: "40",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  })), _path2 || (_path2 = React.createElement("path", {
-    clipRule: "evenodd",
-    d: "M4.5 19.24a.49.49 0 0 0-.5-.48H2a.49.49 0 0 0-.5.48v4.32h3v-4.32zM10.5 14.44a.49.49 0 0 0-.5-.48H8a.49.49 0 0 0-.5.48v9.12h3v-9.12zM16.5 16.36a.49.49 0 0 0-.5-.48h-2a.49.49 0 0 0-.5.48v7.2h3v-7.2zM22.5 9.64a.49.49 0 0 0-.5-.48h-2a.49.49 0 0 0-.5.48v13.92h3V9.64zM3 13.48c.828 0 1.5-.645 1.5-1.44 0-.795-.672-1.44-1.5-1.44s-1.5.645-1.5 1.44c0 .795.672 1.44 1.5 1.44zM9 8.68c.828 0 1.5-.645 1.5-1.44 0-.795-.672-1.44-1.5-1.44s-1.5.645-1.5 1.44c0 .795.672 1.44 1.5 1.44zM15 10.6c.828 0 1.5-.645 1.5-1.44 0-.795-.672-1.44-1.5-1.44s-1.5.645-1.5 1.44c0 .795.672 1.44 1.5 1.44zM21 4.36c.828 0 1.5-.645 1.5-1.44 0-.795-.672-1.44-1.5-1.44s-1.5.645-1.5 1.44c0 .795.672 1.44 1.5 1.44z",
-    stroke: "black",
-    fill: "white",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  })), _path3 || (_path3 = React.createElement("path", {
-    d: "M4.261 11.032l3.587-2.87M10.424 7.695l3.153 1.009M19.8 3.784l-3.759 4.21",
-    stroke: "black",
-    fill: "white",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }))), React.createElement("svg", _extends({
-    width: "24",
-    height: "24"
-  }, props), _path4 || (_path4 = React.createElement("path", {
-    d: "M.5 23.06a.5.5 0 1 0 0 1v-1zm23 1a.5.5 0 0 0 0-1v1zm-22-.5H1a.5.5 0 0 0 .5.5v-.5zm3 0v.5a.5.5 0 0 0 .5-.5h-.5zm3 0H7a.5.5 0 0 0 .5.5v-.5zm3 0v.5a.5.5 0 0 0 .5-.5h-.5zm3 0H13a.5.5 0 0 0 .5.5v-.5zm3 0v.5a.5.5 0 0 0 .5-.5h-.5zm3 0H19a.5.5 0 0 0 .5.5v-.5zm3 0v.5a.5.5 0 0 0 .5-.5h-.5zM3.949 10.642a.5.5 0 0 0 .624.78l-.624-.78zm4.211-2.09a.5.5 0 1 0-.624-.78l.624.78zm2.416-1.333a.5.5 0 1 0-.304.952l.304-.952zm2.849 1.961a.5.5 0 1 0 .304-.952l-.304.952zm6.748-5.063a.5.5 0 0 0-.746-.666l.746.666zm-4.505 3.544a.5.5 0 1 0 .746.666l-.746-.666zM.5 24.06h23v-1H.5v1zM5 19.24c0-.56-.467-.98-1-.98v1l.007.001a.02.02 0 0 1-.004-.006A.038.038 0 0 1 4 19.24h1zm-1-.98H2v1h2v-1zm-2 0c-.533 0-1 .42-1 .98h1l-.003.015a.02.02 0 0 1-.004.006L2 19.26v-1zm-1 .98v4.32h1v-4.32H1zm.5 4.82h3v-1h-3v1zm3.5-.5v-4.32H4v4.32h1zm6-9.12c0-.56-.467-.98-1-.98v1l.007.001-.004-.006A.04.04 0 0 1 10 14.44h1zm-1-.98H8v1h2v-1zm-2 0c-.533 0-1 .42-1 .98h1l-.003.015a.02.02 0 0 1-.004.006L8 14.46v-1zm-1 .98v9.12h1v-9.12H7zm.5 9.62h3v-1h-3v1zm3.5-.5v-9.12h-1v9.12h1zm6-7.2c0-.56-.467-.98-1-.98v1l.007.001-.004-.006A.04.04 0 0 1 16 16.36h1zm-1-.98h-2v1h2v-1zm-2 0c-.533 0-1 .42-1 .98h1a.04.04 0 0 1-.003.015.022.022 0 0 1-.004.006L14 16.38v-1zm-1 .98v7.2h1v-7.2h-1zm.5 7.7h3v-1h-3v1zm3.5-.5v-7.2h-1v7.2h1zm6-13.92c0-.56-.467-.98-1-.98v1l.007.001-.004-.006A.04.04 0 0 1 22 9.64h1zm-1-.98h-2v1h2v-1zm-2 0c-.533 0-1 .42-1 .98h1a.04.04 0 0 1-.003.015.022.022 0 0 1-.004.006L20 9.66v-1zm-1 .98v13.92h1V9.64h-1zm.5 14.42h3v-1h-3v1zm3.5-.5V9.64h-1v13.92h1zM3 13.98c1.085 0 2-.85 2-1.94H4c0 .5-.428.94-1 .94v1zm2-1.94c0-1.09-.915-1.94-2-1.94v1c.572 0 1 .44 1 .94h1zM3 10.1c-1.085 0-2 .85-2 1.94h1c0-.5.428-.94 1-.94v-1zm-2 1.94c0 1.09.915 1.94 2 1.94v-1c-.572 0-1-.44-1-.94H1zm8-2.86c1.085 0 2-.85 2-1.94h-1c0 .5-.428.94-1 .94v1zm2-1.94c0-1.09-.915-1.94-2-1.94v1c.572 0 1 .44 1 .94h1zM9 5.3c-1.085 0-2 .85-2 1.94h1c0-.5.428-.94 1-.94v-1zM7 7.24c0 1.09.915 1.94 2 1.94v-1c-.572 0-1-.44-1-.94H7zm8 3.86c1.085 0 2-.85 2-1.94h-1c0 .5-.428.94-1 .94v1zm2-1.94c0-1.09-.915-1.94-2-1.94v1c.572 0 1 .44 1 .94h1zm-2-1.94c-1.085 0-2 .85-2 1.94h1c0-.5.428-.94 1-.94v-1zm-2 1.94c0 1.09.915 1.94 2 1.94v-1c-.572 0-1-.44-1-.94h-1zm8-4.3c1.085 0 2-.85 2-1.94h-1c0 .5-.428.94-1 .94v1zm2-1.94c0-1.09-.915-1.94-2-1.94v1c.572 0 1 .44 1 .94h1zM21 .98c-1.085 0-2 .85-2 1.94h1c0-.5.428-.94 1-.94v-1zm-2 1.94c0 1.09.915 1.94 2 1.94v-1c-.572 0-1-.44-1-.94h-1zM4.573 11.422l3.587-2.87-.624-.78-3.587 2.87.624.78zm5.699-3.25l3.153 1.008.304-.952-3.153-1.01-.304.953zm9.155-4.721l-3.759 4.21.746.666 3.759-4.21-.746-.666z"
-  }))), React.createElement("svg", _extends({
-    width: "24",
-    height: "24"
-  }, props), _path5 || (_path5 = React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M.5 23.08a.5.5 0 0 1 .5-.5h23a.5.5 0 1 1 0 1H1a.5.5 0 0 1-.5-.5z"
-  })), _path6 || (_path6 = React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M1.5 18.76c0-.56.467-.98 1-.98h2c.533 0 1 .42 1 .98v4.32a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5v-4.32zm1 .02v3.8h2v-3.8h-2zM7.5 13.96c0-.56.467-.98 1-.98h2c.533 0 1 .42 1 .98v9.12a.5.5 0 0 1-.5.5H8a.5.5 0 0 1-.5-.5v-9.12zm1 .02v8.6h2v-8.6h-2zM13.5 15.88c0-.56.467-.98 1-.98h2c.533 0 1 .42 1 .98v7.2a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-7.2zm1 .02v6.68h2V15.9h-2zM19.5 9.16c0-.56.467-.98 1-.98h2c.533 0 1 .42 1 .98v13.92a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V9.16zm1 .02v13.4h2V9.18h-2zM1.5 11.56c0-1.09.915-1.94 2-1.94s2 .85 2 1.94c0 1.09-.915 1.94-2 1.94s-2-.85-2-1.94zm2-.94c-.572 0-1 .44-1 .94 0 .5.428.94 1 .94.572 0 1-.44 1-.94 0-.5-.428-.94-1-.94zM7.5 6.76c0-1.09.915-1.94 2-1.94s2 .85 2 1.94c0 1.09-.915 1.94-2 1.94s-2-.85-2-1.94zm2-.94c-.572 0-1 .44-1 .94 0 .5.428.94 1 .94.572 0 1-.44 1-.94 0-.5-.428-.94-1-.94zM13.5 8.68c0-1.09.915-1.94 2-1.94s2 .85 2 1.94c0 1.09-.915 1.94-2 1.94s-2-.85-2-1.94zm2-.94c-.572 0-1 .44-1 .94 0 .5.428.94 1 .94.572 0 1-.44 1-.94 0-.5-.428-.94-1-.94zM19.5 2.44c0-1.09.915-1.94 2-1.94s2 .85 2 1.94c0 1.09-.915 1.94-2 1.94s-2-.85-2-1.94zm2-.94c-.572 0-1 .44-1 .94 0 .5.428.94 1 .94.572 0 1-.44 1-.94 0-.5-.428-.94-1-.94z"
-  })), _path7 || (_path7 = React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8.738 7.37a.5.5 0 0 1-.078.702l-3.587 2.87a.5.5 0 0 1-.624-.78l3.587-2.87a.5.5 0 0 1 .702.077zM10.448 7.063a.5.5 0 0 1 .628-.324l3.153 1.009a.5.5 0 1 1-.304.952l-3.153-1.009a.5.5 0 0 1-.324-.628zM20.633 2.931a.5.5 0 0 1 .04.706l-3.759 4.21a.5.5 0 0 1-.746-.666l3.76-4.21a.5.5 0 0 1 .705-.04z"
-  }))));
-};
-
-export default SvgComparison;

package/esm/components/icon/lib/index.d.ts

@@ -1 +0,0 @@
-export * from "../../../icons";

package/esm/components/icon/lib/index.js

@@ -1 +0,0 @@
-export * from '../../../icons';

package/esm/components/icon/style/_icon.scss

@@ -1,99 +0,0 @@
-/*
-* Icon component
-*
-*/
-
-.dnb-icon {
-  display: inline-block;
-
-  // sine we use vertical-align: top on the SVG
-  // we have to move center the alignment here again
-  // else basic text aferwars will get aligned on top
-  vertical-align: middle;
-
-  font-size: 1rem; // to make sure we have always the same starting point
-  line-height: 1rem; // for vertical alignment, we have to have no line-height
-  color: inherit;
-
-  width: 1em;
-  height: 1em;
-
-  // responsive
-  img,
-  svg {
-    width: inherit;
-    height: inherit;
-    shape-rendering: geometricPrecision;
-    vertical-align: top;
-  }
-
-  // auto size
-  svg[width='100%'] {
-    width: inherit;
-  }
-  svg[height='100%'] {
-    height: inherit;
-  }
-
-  // color
-  &--inherit-color svg:not([fill]),
-  &--inherit-color svg [fill] {
-    fill: currentColor;
-  }
-  &--inherit-color svg [stroke] {
-    stroke: currentColor;
-  }
-
-  // sizes
-  &--small {
-    font-size: 0.75rem;
-  }
-  &--default {
-    font-size: 1rem;
-  }
-  &--medium {
-    font-size: 1.5rem;
-  }
-  &--large {
-    font-size: 2rem;
-  }
-  &--x-large {
-    font-size: 2.5rem;
-  }
-  &--xx-large {
-    font-size: 3rem;
-  }
-  &--custom-size {
-    width: auto; // only to feed the svg
-    height: auto; // only to feed the svg
-  }
-  &--auto {
-    font-size: 1em;
-  }
-  &--auto > &--wrapper {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  h1 &,
-  h2 &,
-  h3 &,
-  h4 &,
-  h5 &,
-  h6 & {
-    vertical-align: middle;
-  }
-
-  &.dnb-skeleton {
-    &::before,
-    &::after {
-      content: none !important;
-    }
-    color: var(--skeleton-color) !important;
-  }
-
-  @include IS_IE {
-    flex: none;
-  }
-}