@dnb/eufemia 9.30.0 → 9.32.0

package/extensions/payment-card/PaymentCard.js

@@ -33,7 +33,7 @@ import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import Context from '../../shared/Context';
 import Provider from '../../shared/Provider';
-import { isTrue, registerElement, validateDOMAttributes, extendPropsWithContext } from '../../shared/component-helper';
+import { isTrue, registerElement, validateDOMAttributes, extendPropsWithContextInClassComponent } from '../../shared/component-helper';
 import { spacingPropTypes, createSpacingClasses } from '../../components/space/SpacingHelper';
 import { skeletonDOMAttributes, createSkeletonClass } from '../../components/skeleton/SkeletonHelper';
 import P from '../../elements/P';
@@ -73,7 +73,7 @@ var PaymentCard = function (_React$PureComponent) {
       var _this$context,
           _this = this;
 
-      var props = extendPropsWithContext(this.props, PaymentCard.defaultProps, {
+      var props = extendPropsWithContextInClassComponent(this.props, PaymentCard.defaultProps, {
         locale: this.context.locale
       }, {
         skeleton: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.skeleton
@@ -105,7 +105,7 @@ var PaymentCard = function (_React$PureComponent) {
         locale: locale
       }, React.createElement(Context.Consumer, null, function (_ref) {
         var translation = _ref.translation;
-        var translations = extendPropsWithContext(_this.props, translationDefaultPropsProps, translation.PaymentCard);
+        var translations = extendPropsWithContextInClassComponent(_this.props, translationDefaultPropsProps, translation.PaymentCard);
         return React.createElement("figure", params, React.createElement("figcaption", {
           className: "dnb-sr-only dnb-payment-card__figcaption"
         }, cardData.productName), React.createElement(NormalCard, {

package/fragments/drawer-list/DrawerList.js

@@ -38,8 +38,9 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import keycode from 'keycode';
-import { isTrue, makeUniqueId, extendPropsWithContext, registerElement, validateDOMAttributes, dispatchCustomElementEvent } from '../../shared/component-helper';
+import { isTrue, makeUniqueId, extendPropsWithContextInClassComponent, registerElement, validateDOMAttributes, dispatchCustomElementEvent } from '../../shared/component-helper';
 import { createSpacingClasses } from '../../components/space/SpacingHelper';
+import { includeValidProps } from '../../components/form-row/FormRowHelpers';
 import DrawerListContext from './DrawerListContext';
 import DrawerListProvider from './DrawerListProvider';
 import DrawerListPortal from './DrawerListPortal';
@@ -177,7 +178,7 @@ var DrawerListInstance = function (_React$PureComponent2) {
     value: function render() {
       var _this3 = this;
 
-      var props = extendPropsWithContext(this.props, DrawerList.defaultProps, this.context.getTranslation(this.props).DrawerList, this.context.FormRow, this.context.DrawerList);
+      var props = extendPropsWithContextInClassComponent(this.props, DrawerList.defaultProps, this.context.getTranslation(this.props).DrawerList, includeValidProps(this.context.FormRow), this.context.DrawerList);
 
       var role = props.role,
           align_drawer = props.align_drawer,

package/fragments/drawer-list/style/_drawer-list.scss

@@ -176,7 +176,7 @@
         display: grid;
 
         // Use two columns
-        grid-template-columns: 1fr minmax(2rem, auto);
+        grid-template-columns: 1fr auto;
 
         // Use a high number in order to be able to vertically center the check icon (among others) and suffix with "grid-row: 1 / -1;"
         grid-template-rows: repeat(10, min-content);

package/fragments/lib.d.ts

@@ -1,6 +1,13 @@
 export function getFragments(): {
     DrawerList: typeof DrawerList;
-    ScrollView: import("react").ForwardRefExoticComponent<import("./scroll-view/ScrollView").ScrollViewProps & import("react").RefAttributes<unknown>>;
+    ScrollView: import("react").ForwardRefExoticComponent<{
+        className?: string;
+        children?: import("react").ReactNode;
+        style?: import("react").CSSProperties;
+        innerRef?: import("react").ForwardedRef<unknown>;
+    } & import("../shared/types").SpacingElementProps & {
+        space?: import("../shared/types").SpaceTypes | import("../shared/types").SpacingElementProps;
+    } & Partial<Omit<import("react").HTMLAttributes<HTMLDivElement>, "title">> & import("react").RefAttributes<unknown>>;
 };
 export function enableWebFragments(): boolean;
 declare namespace _default {

package/fragments/scroll-view/ScrollView.d.ts

@@ -3,12 +3,19 @@
  *
  */
 import React from 'react';
-import { ISpacingProps } from '../../shared/interfaces';
-export interface ScrollViewProps extends ISpacingProps, Omit<React.HTMLAttributes<'div'>, 'title'> {
+import { SpacingProps } from '../../shared/types';
+export declare type ScrollViewProps = {
     className?: string;
-    children?: string | React.ReactNode | ((...args: any[]) => any);
-    innerRef?: React.RefObject<HTMLElement> | React.ForwardedRef<unknown>;
-    class?: string;
-}
-declare const _default: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<unknown>>;
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+    innerRef?: React.ForwardedRef<unknown>;
+} & SpacingProps & Partial<Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>>;
+declare const _default: React.ForwardRefExoticComponent<{
+    className?: string;
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+    innerRef?: React.ForwardedRef<unknown>;
+} & import("../../shared/types").SpacingElementProps & {
+    space?: import("../../shared/types").SpaceTypes | import("../../shared/types").SpacingElementProps;
+} & Partial<Omit<React.HTMLAttributes<HTMLDivElement>, "title">> & React.RefAttributes<unknown>>;
 export default _default;

package/fragments/scroll-view/ScrollView.js

@@ -1,101 +1,53 @@
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.reflect.construct.js";
 import "core-js/modules/es.object.keys.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.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 _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-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 = ["className", "class", "innerRef"];
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "className", "innerRef"];
 
 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; }
 
-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; } }
-
 import React from 'react';
 import classnames from 'classnames';
-import { validateDOMAttributes, processChildren, extendPropsWithContext } from '../../shared/component-helper';
+import { extendPropsWithContext, validateDOMAttributes } from '../../shared/component-helper';
 import Context from '../../shared/Context';
 import { createSpacingClasses } from '../../components/space/SpacingHelper';
-
-var ScrollView = function (_React$PureComponent) {
-  _inherits(ScrollView, _React$PureComponent);
-
-  var _super = _createSuper(ScrollView);
-
-  function ScrollView(props) {
-    var _this;
-
-    _classCallCheck(this, ScrollView);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "ref", void 0);
-
-    _this.ref = props.innerRef || React.createRef();
-    return _this;
+import { includeValidProps } from '../../components/form-row/FormRowHelpers';
+var defaultProps = {
+  children: null
+};
+
+function ScrollView(localProps) {
+  var context = React.useContext(Context);
+  var props = extendPropsWithContext(localProps, defaultProps, includeValidProps(context.FormRow), context.ScrollView);
+
+  var children = props.children,
+      _props$className = props.className,
+      className = _props$className === void 0 ? null : _props$className,
+      innerRef = props.innerRef,
+      attributes = _objectWithoutProperties(props, _excluded);
+
+  var mainParams = _objectSpread({
+    className: classnames('dnb-scroll-view', createSpacingClasses(props), className)
+  }, attributes);
+
+  if (innerRef) {
+    mainParams.ref = innerRef;
   }
 
-  _createClass(ScrollView, [{
-    key: "render",
-    value: function render() {
-      var props = extendPropsWithContext(this.props, ScrollView.defaultProps, this.context.FormRow, this.context.ScrollView);
-
-      var _props$className = props.className,
-          className = _props$className === void 0 ? null : _props$className,
-          _className = props.class,
-          _props$innerRef = props.innerRef,
-          innerRef = _props$innerRef === void 0 ? null : _props$innerRef,
-          attributes = _objectWithoutProperties(props, _excluded);
-
-      var contentToRender = ScrollView.getContent(props);
-
-      var mainParams = _objectSpread({
-        className: classnames('dnb-scroll-view', createSpacingClasses(props), _className, className)
-      }, attributes);
-
-      validateDOMAttributes(this.props, mainParams);
-      return React.createElement("div", _extends({}, mainParams, {
-        ref: this.ref
-      }), contentToRender);
-    }
-  }], [{
-    key: "getContent",
-    value: function getContent(props) {
-      if (props.text) return props.text;
-      return processChildren(props);
-    }
-  }]);
-
-  return ScrollView;
-}(React.PureComponent);
-
-_defineProperty(ScrollView, "tagName", 'dnb-scroll-view');
-
-_defineProperty(ScrollView, "contextType", Context);
-
-_defineProperty(ScrollView, "defaultProps", {
-  className: null,
-  children: null,
-  innerRef: null,
-  class: null
-});
+  validateDOMAttributes(props, mainParams);
+  return React.createElement("div", mainParams, children);
+}
 
-export default React.forwardRef(function ScrollViewRef(props, ref) {
-  return React.createElement(ScrollView, _extends({
+export default React.forwardRef(function (props, ref) {
+  return React.createElement(ScrollView, _extends({}, props, {
     innerRef: ref
-  }, props));
+  }));
 });

package/icons/add.js

@@ -12,8 +12,11 @@ var add = function add(props) {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), _path || (_path = React.createElement("path", {
-    d: "M7.25 14a.75.75 0 0 0 1.5 0h-1.5Zm1.5-12a.75.75 0 0 0-1.5 0h1.5ZM14 8.75a.75.75 0 0 0 0-1.5v1.5ZM2 7.25a.75.75 0 0 0 0 1.5v-1.5ZM8.75 14V2h-1.5v12h1.5ZM14 7.25H2v1.5h12v-1.5Z",
-    fill: "#000"
+    d: "M8 14V2m6 6H2",
+    stroke: "#000",
+    strokeWidth: 1.5,
+    strokeMiterlimit: 10,
+    strokeLinecap: "round"
   })));
 };
 

package/icons/add_circled.js

@@ -12,8 +12,11 @@ var add_circled = function add_circled(props) {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), _path || (_path = React.createElement("path", {
-    d: "M7.25 11.111a.75.75 0 0 0 1.5 0h-1.5Zm1.5-6.222a.75.75 0 0 0-1.5 0h1.5Zm2.361 3.861a.75.75 0 0 0 0-1.5v1.5ZM4.89 7.25a.75.75 0 0 0 0 1.5v-1.5Zm9.36.75A6.25 6.25 0 0 1 8 14.25v1.5A7.75 7.75 0 0 0 15.75 8h-1.5ZM8 14.25A6.25 6.25 0 0 1 1.75 8H.25A7.75 7.75 0 0 0 8 15.75v-1.5ZM1.75 8A6.25 6.25 0 0 1 8 1.75V.25A7.75 7.75 0 0 0 .25 8h1.5ZM8 1.75A6.25 6.25 0 0 1 14.25 8h1.5A7.75 7.75 0 0 0 8 .25v1.5Zm.75 9.361V4.89h-1.5v6.222h1.5Zm2.361-3.861H4.89v1.5h6.222v-1.5Z",
-    fill: "#000"
+    d: "M8 11.111V4.89M11.111 8H4.89M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z",
+    stroke: "#000",
+    strokeWidth: 1.5,
+    strokeMiterlimit: 10,
+    strokeLinecap: "round"
   })));
 };
 

package/icons/add_circled_medium.js

@@ -12,8 +12,11 @@ var add_circled_medium = function add_circled_medium(props) {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), _path || (_path = React.createElement("path", {
-    d: "M11.25 17a.75.75 0 0 0 1.5 0h-1.5Zm1.5-10a.75.75 0 0 0-1.5 0h1.5ZM17 12.75a.75.75 0 0 0 0-1.5v1.5Zm-10-1.5a.75.75 0 0 0 0 1.5v-1.5Zm15.5.75c0 5.799-4.701 10.5-10.5 10.5V24c6.627 0 12-5.373 12-12h-1.5ZM12 22.5C6.201 22.5 1.5 17.799 1.5 12H0c0 6.627 5.373 12 12 12v-1.5ZM1.5 12C1.5 6.201 6.201 1.5 12 1.5V0C5.373 0 0 5.373 0 12h1.5ZM12 1.5c5.799 0 10.5 4.701 10.5 10.5H24c0-6.627-5.373-12-12-12v1.5Zm.75 15.5V7h-1.5v10h1.5ZM17 11.25H7v1.5h10v-1.5Z",
-    fill: "#000"
+    d: "M12 17V7m5 5H7m16.25 0c0 6.213-5.037 11.25-11.25 11.25S.75 18.213.75 12 5.787.75 12 .75 23.25 5.787 23.25 12Z",
+    stroke: "#000",
+    strokeWidth: 1.5,
+    strokeMiterlimit: 10,
+    strokeLinecap: "round"
   })));
 };
 

package/icons/add_medium.js

@@ -12,8 +12,11 @@ var add_medium = function add_medium(props) {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), _path || (_path = React.createElement("path", {
-    d: "M11.25 21a.75.75 0 0 0 1.5 0h-1.5Zm1.5-18a.75.75 0 0 0-1.5 0h1.5ZM21 12.75a.75.75 0 0 0 0-1.5v1.5Zm-18-1.5a.75.75 0 0 0 0 1.5v-1.5ZM12.75 21V3h-1.5v18h1.5ZM21 11.25H3v1.5h18v-1.5Z",
-    fill: "#000"
+    d: "M12 21V3m9 9H3",
+    stroke: "#000",
+    strokeWidth: 1.5,
+    strokeMiterlimit: 10,
+    strokeLinecap: "round"
   })));
 };
 

package/icons/boat.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 
-var _path;
+var _g, _defs;
 
 import React from 'react';
 
@@ -11,13 +11,20 @@ var boat = function boat(props) {
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path || (_path = React.createElement("path", {
+  }, props), _g || (_g = React.createElement("g", {
+    clipPath: "url(#a)"
+  }, React.createElement("path", {
     d: "M7.378 10.951h7.157c.332 0 .559.359.427.657-.214.46-.443.953-.89 1.44-1.58 1.728-3.42 1.952-5.76 1.952-2.341 0-4.423-.383-6.162-1.952-.527-.476-.853-.89-1.111-1.44a.474.474 0 0 1 .426-.657h5.913Zm0 0V8.223m0 0V1.752c0-.708-.877-1.031-1.313-.456l-4.12 6.227c-.2.3.034.701.387.7h5.046Zm3.464-5.31 2.82 4.383c.192.3-.039.703-.385.704H10V3.16c0-.45.61-.609.842-.247Z",
     stroke: "#000",
     strokeWidth: 1.5,
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  })));
+  }))), _defs || (_defs = React.createElement("defs", null, React.createElement("clipPath", {
+    id: "a"
+  }, React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h16v16H0z"
+  })))));
 };
 
 export default boat;

package/icons/boat_medium.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 
-var _path;
+var _g, _defs;
 
 import React from 'react';
 
@@ -11,13 +11,20 @@ var boat_medium = function boat_medium(props) {
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path || (_path = React.createElement("path", {
+  }, props), _g || (_g = React.createElement("g", {
+    clipPath: "url(#a)"
+  }, React.createElement("path", {
     d: "M11 16.494h11.5c.534 0 .898.576.686 1.055-.344.74-.712 1.532-1.429 2.315C19.217 22.639 16.261 23 12.5 23c-3.76 0-7.106-.616-9.9-3.136-.848-.765-1.37-1.43-1.786-2.315-.216-.488.163-1.055.686-1.055H11Zm0 0v-3.887m0 0V2.208C11 1.07 9.59.552 8.89 1.475L2.27 11.481c-.322.482.055 1.127.622 1.126H11Zm4.853-6.786 4.53 7.043c.31.481-.06 1.13-.617 1.131H14.5V6.22c0-.723.979-.98 1.353-.398Z",
     stroke: "#000",
     strokeWidth: 1.5,
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  })));
+  }))), _defs || (_defs = React.createElement("defs", null, React.createElement("clipPath", {
+    id: "a"
+  }, React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  })))));
 };
 
 export default boat_medium;

package/icons/calculator.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 
-var _path;
+var _g, _defs;
 
 import React from 'react';
 
@@ -11,10 +11,17 @@ var calculator = function calculator(props) {
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path || (_path = React.createElement("path", {
+  }, props), _g || (_g = React.createElement("g", {
+    clipPath: "url(#a)"
+  }, React.createElement("path", {
     d: "M5.783 3.642a.75.75 0 0 0-1.5 0h1.5Zm-1.5 3a.75.75 0 1 0 1.5 0h-1.5Zm-.75-2.25a.75.75 0 0 0 0 1.5v-1.5Zm3 1.5a.75.75 0 1 0 0-1.5v1.5ZM10 4.392a.75.75 0 0 0 0 1.5v-1.5Zm2 1.5a.75.75 0 0 0 0-1.5v1.5Zm-2 5.353a.75.75 0 0 0 0 1.5v-1.5Zm2 1.5a.75.75 0 0 0 0-1.5v1.5Zm-2-3.5a.75.75 0 0 0 0 1.5v-1.5Zm2 1.5a.75.75 0 0 0 0-1.5v1.5Zm-7.475-1.28a.75.75 0 0 0-1.06 1.06l1.06-1.06Zm.94 3.06a.75.75 0 0 0 1.06-1.06l-1.06 1.06Zm-2-1.06a.75.75 0 1 0 1.06 1.06l-1.06-1.06Zm3.06-.94a.75.75 0 1 0-1.06-1.06l1.06 1.06ZM10 5.893h2v-1.5h-2v1.5Zm0 6.853h2v-1.5h-2v1.5Zm0-2h2v-1.5h-2v1.5ZM3 1.75h10V.25H3v1.5Zm0 12.5c-.69 0-1.25-.56-1.25-1.25H.25A2.75 2.75 0 0 0 3 15.75v-1.5Zm10 1.5A2.75 2.75 0 0 0 15.75 13h-1.5c0 .69-.56 1.25-1.25 1.25v1.5Zm0-14c.69 0 1.25.56 1.25 1.25h1.5A2.75 2.75 0 0 0 13 .25v1.5ZM3 .25A2.75 2.75 0 0 0 .25 3h1.5c0-.69.56-1.25 1.25-1.25V.25ZM1.75 13V3H.25v10h1.5Zm12.5-10v10h1.5V3h-1.5ZM3.465 10.526l2 2 1.06-1.061-2-2-1.06 1.06Zm1.06 2 2-2-1.06-1.061-2 2 1.06 1.06Zm-.242-8.884v3h1.5v-3h-1.5Zm-.75 2.25h3v-1.5h-3v1.5ZM13 14.25H3v1.5h10v-1.5Z",
     fill: "#000"
-  })));
+  }))), _defs || (_defs = React.createElement("defs", null, React.createElement("clipPath", {
+    id: "a"
+  }, React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h16v16H0z"
+  })))));
 };
 
 export default calculator;

package/icons/card.js

@@ -12,8 +12,10 @@ var card = function card(props) {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), _path || (_path = React.createElement("path", {
-    d: "M4 5.25a.75.75 0 0 0 0 1.5v-1.5Zm2 1.5a.75.75 0 0 0 0-1.5v1.5Zm-2 2.5a.75.75 0 0 0 0 1.5v-1.5Zm8 1.5a.75.75 0 0 0 0-1.5v1.5ZM2 4h12V2.5H2V4Zm12.25.25v7.333h1.5V4.25h-1.5ZM14 11.833H2v1.5h12v-1.5Zm-12.25-.25V4.25H.25v7.333h1.5ZM4 6.75h2v-1.5H4v1.5Zm0 4h8v-1.5H4v1.5Zm-2 1.083a.25.25 0 0 1-.25-.25H.25c0 .967.784 1.75 1.75 1.75v-1.5Zm12.25-.25a.25.25 0 0 1-.25.25v1.5a1.75 1.75 0 0 0 1.75-1.75h-1.5ZM14 4a.25.25 0 0 1 .25.25h1.5A1.75 1.75 0 0 0 14 2.5V4ZM2 2.5A1.75 1.75 0 0 0 .25 4.25h1.5A.25.25 0 0 1 2 4V2.5Z",
-    fill: "#000"
+    d: "M4 6h2m-2 4h8M2 12.583h12a1 1 0 0 0 1-1V4.25a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v7.333a1 1 0 0 0 1 1Z",
+    stroke: "#000",
+    strokeWidth: 1.5,
+    strokeLinecap: "round"
   })));
 };
 

package/icons/card_medium.js

@@ -12,8 +12,10 @@ var card_medium = function card_medium(props) {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), _path || (_path = React.createElement("path", {
-    d: "M4.5 7.25a.75.75 0 0 0 0 1.5v-1.5Zm3.75 1.5a.75.75 0 0 0 0-1.5v1.5Zm-3.75 6.5a.75.75 0 0 0 0 1.5v-1.5Zm15 1.5a.75.75 0 0 0 0-1.5v1.5ZM2.75 5.25h18.5v-1.5H2.75v1.5ZM22.5 6.5v11H24v-11h-1.5Zm-1.25 12.25H2.75v1.5h18.5v-1.5ZM1.5 17.5v-11H0v11h1.5Zm3-8.75h3.75v-1.5H4.5v1.5Zm0 8h15v-1.5h-15v1.5Zm-1.75 2c-.69 0-1.25-.56-1.25-1.25H0a2.75 2.75 0 0 0 2.75 2.75v-1.5ZM22.5 17.5c0 .69-.56 1.25-1.25 1.25v1.5A2.75 2.75 0 0 0 24 17.5h-1.5ZM21.25 5.25c.69 0 1.25.56 1.25 1.25H24a2.75 2.75 0 0 0-2.75-2.75v1.5Zm-18.5-1.5A2.75 2.75 0 0 0 0 6.5h1.5c0-.69.56-1.25 1.25-1.25v-1.5Z",
-    fill: "#000"
+    d: "M4.5 8h3.75M4.5 16h15M2.75 19.5h18.5a2 2 0 0 0 2-2v-11a2 2 0 0 0-2-2H2.75a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2Z",
+    stroke: "#000",
+    strokeWidth: 1.5,
+    strokeLinecap: "round"
   })));
 };
 

package/icons/cat_medium.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 
-var _path;
+var _g, _defs;
 
 import React from 'react';
 
@@ -11,13 +11,20 @@ var cat_medium = function cat_medium(props) {
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path || (_path = React.createElement("path", {
+  }, props), _g || (_g = React.createElement("g", {
+    clipPath: "url(#a)"
+  }, React.createElement("path", {
     d: "M3.511 16.022a6.966 6.966 0 0 1-.477-2.56m13.466 7.63a7.892 7.892 0 0 1-9 0m12.989-5.07a6.976 6.976 0 0 0 .477-2.56M9.75 19.509a2.76 2.76 0 0 0 1.32-.46 2.79 2.79 0 0 0 .93-1.052m0 0c.216.425.536.787.93 1.051a2.76 2.76 0 0 0 1.32.461M12 17.997v-.085m6.75-2.182 4.5.755M18 17.997l3.75 2.268m-16.5-4.536-4.5.756M6 17.997l-3.75 2.268m.784-6.803L3 3.002c0-1.212 1.471-1.96 2.437-1.18L10.639 6m-7.605 7.46C3.073 9.576 6.654 6.57 10.64 6m10.326 7.46L21 3.002c0-1.239-1.477-1.954-2.437-1.18l-5.267 4.18m7.67 7.46c-.039-3.884-3.674-6.89-7.67-7.46M10.64 6a9.113 9.113 0 0 1 2.656 0M12 17.912c.982 0 1.964-.601 2.25-1.804 0-.63-1.007-1.134-2.25-1.134s-2.25.504-2.25 1.134c.286 1.203 1.268 1.804 2.25 1.804ZM8.823 12.01h.346m5.652 0h.346m-5.919 0c0 .183-.16.243-.248.243-.092 0-.252-.06-.252-.243 0-.197.16-.257.252-.257.088 0 .248.06.248.257Zm5.998 0c0 .183-.16.243-.248.243-.091 0-.252-.06-.252-.243 0-.197.16-.257.252-.257.088 0 .248.06.248.257Z",
     stroke: "#000",
     strokeWidth: 1.5,
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  })));
+  }))), _defs || (_defs = React.createElement("defs", null, React.createElement("clipPath", {
+    id: "a"
+  }, React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  })))));
 };
 
 export default cat_medium;

package/icons/chatbot.js

@@ -12,8 +12,11 @@ var chatbot = function chatbot(props) {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), _path || (_path = React.createElement("path", {
-    d: "M14.814 8.355a.75.75 0 1 0-.9 1.2l.9-1.2Zm-.9 2.545a.75.75 0 1 0 .9 1.2l-.9-1.2ZM2.086 9.554a.75.75 0 1 0-.901-1.2l.9 1.2Zm-.9 2.546a.75.75 0 1 0 .9-1.2l-.9 1.2ZM8 4.818v.75-.75Zm-2.26 5.18a.75.75 0 1 0 0 1.5v-1.5Zm.023 1.5a.75.75 0 0 0 0-1.5v1.5Zm4.473-1.5a.75.75 0 1 0 0 1.5v-1.5Zm.022 1.5a.75.75 0 0 0 0-1.5v1.5Zm3.655-1.944a.838.838 0 0 1 .337.673h1.5c0-.766-.369-1.446-.936-1.872l-.9 1.2Zm.337.673c0 .275-.13.519-.337.673l.901 1.2a2.338 2.338 0 0 0 .936-1.873h-1.5Zm-12.5 0c0-.274.13-.518.337-.673l-.901-1.2a2.338 2.338 0 0 0-.936 1.873h1.5Zm.337.673a.838.838 0 0 1-.337-.673H.25c0 .766.369 1.447.936 1.873l.9-1.2Zm.072-.99A5.84 5.84 0 0 0 8 15.75v-1.5a4.34 4.34 0 0 1-4.34-4.34h-1.5ZM8 15.75a5.84 5.84 0 0 0 5.84-5.84h-1.5A4.34 4.34 0 0 1 8 14.25v1.5Zm5.84-5.84A5.841 5.841 0 0 0 8 4.067v1.5a4.341 4.341 0 0 1 4.34 4.341h1.5ZM8 4.067A5.841 5.841 0 0 0 2.16 9.91h1.5A4.341 4.341 0 0 1 8 5.57v-1.5ZM6.295 1.955c0 .941.763 1.704 1.705 1.704v-1.5a.204.204 0 0 1-.205-.204h-1.5ZM8 3.659c.942 0 1.705-.763 1.705-1.704h-1.5A.204.204 0 0 1 8 2.159v1.5Zm1.705-1.704C9.705 1.014 8.942.25 8 .25v1.5c.113 0 .205.091.205.205h1.5ZM8 .25c-.942 0-1.705.764-1.705 1.705h1.5c0-.114.092-.205.205-.205V.25Zm.75 4.568V2.91h-1.5v1.91h1.5Zm-3.01 6.68h.023v-1.5H5.74v1.5Zm4.496 0h.022v-1.5h-.022v1.5Z",
-    fill: "#000"
+    d: "M14.364 8.955a1.589 1.589 0 0 1 0 2.545M1.636 8.955a1.588 1.588 0 0 0 0 2.545M8 4.818a5.091 5.091 0 1 1 0 10.183A5.091 5.091 0 0 1 8 4.818Zm0 0V2.91m0 0a.954.954 0 1 1 0-1.908.954.954 0 0 1 0 1.908Zm-2.26 7.84h.023m4.473 0h.022",
+    stroke: "#000",
+    strokeWidth: 1.5,
+    strokeMiterlimit: 10,
+    strokeLinecap: "round"
   })));
 };
 

package/icons/chatbot_medium.js

@@ -12,8 +12,11 @@ var chatbot_medium = function chatbot_medium(props) {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), _path || (_path = React.createElement("path", {
-    d: "M22.45 12.9a.75.75 0 0 0-.9 1.2l.9-1.2Zm-.9 4a.75.75 0 0 0 .9 1.2l-.9-1.2Zm-19.1-2.8a.75.75 0 1 0-.9-1.2l.9 1.2Zm-.9 4a.75.75 0 1 0 .9-1.2l-.9 1.2ZM12 7v.75V7Zm-3.688 8.741a.75.75 0 0 0 0 1.5v-1.5Zm.346 1.5a.75.75 0 0 0 0-1.5v1.5Zm6.674-1.5a.75.75 0 0 0 0 1.5v-1.5Zm.346 1.5a.75.75 0 0 0 0-1.5v1.5ZM21.55 14.1c.426.32.7.828.7 1.4h1.5a3.246 3.246 0 0 0-1.3-2.6l-.9 1.2Zm.7 1.4c0 .572-.274 1.08-.7 1.4l.9 1.2a3.246 3.246 0 0 0 1.3-2.6h-1.5Zm-20.5 0c0-.572.274-1.08.7-1.4l-.9-1.2a3.246 3.246 0 0 0-1.3 2.6h1.5Zm.7 1.4c-.426-.32-.7-.828-.7-1.4H.25c0 1.064.512 2.008 1.3 2.6l.9-1.2Zm.8-1.9A8.75 8.75 0 0 0 12 23.75v-1.5A7.25 7.25 0 0 1 4.75 15h-1.5ZM12 23.75A8.75 8.75 0 0 0 20.75 15h-1.5A7.25 7.25 0 0 1 12 22.25v1.5ZM20.75 15A8.75 8.75 0 0 0 12 6.25v1.5A7.25 7.25 0 0 1 19.25 15h1.5ZM12 6.25A8.75 8.75 0 0 0 3.25 15h1.5A7.25 7.25 0 0 1 12 7.75v-1.5ZM9.75 2.5A2.25 2.25 0 0 0 12 4.75v-1.5a.75.75 0 0 1-.75-.75h-1.5ZM12 4.75a2.25 2.25 0 0 0 2.25-2.25h-1.5a.75.75 0 0 1-.75.75v1.5Zm2.25-2.25A2.25 2.25 0 0 0 12 .25v1.5a.75.75 0 0 1 .75.75h1.5ZM12 .25A2.25 2.25 0 0 0 9.75 2.5h1.5a.75.75 0 0 1 .75-.75V.25ZM12.75 7V4h-1.5v3h1.5Zm-4.762 9.49a.53.53 0 0 1 .212-.412.475.475 0 0 1 .29-.094v1.5c.184 0 .408-.056.604-.201a.975.975 0 0 0 .394-.793h-1.5Zm.502-.506c.09 0 .189.023.284.093a.53.53 0 0 1 .214.413h-1.5c0 .346.166.625.397.795.198.146.423.199.605.199v-1.5Zm.498.506c0 .055-.012.13-.051.21a.526.526 0 0 1-.15.183.478.478 0 0 1-.297.1v-1.5c-.183 0-.415.054-.618.21a.99.99 0 0 0-.384.797h1.5Zm-.498.494a.483.483 0 0 1-.303-.103.524.524 0 0 1-.148-.183.476.476 0 0 1-.051-.208h1.5a.992.992 0 0 0-.998-1.006v1.5Zm-.177.256h.346v-1.5h-.346v1.5Zm6.695-.75a.53.53 0 0 1 .212-.412.475.475 0 0 1 .29-.094v1.5c.185 0 .409-.056.604-.201a.975.975 0 0 0 .394-.793h-1.5Zm.502-.506c.09 0 .19.023.284.093a.53.53 0 0 1 .214.413h-1.5c0 .346.167.625.397.795.198.146.423.199.605.199v-1.5Zm.498.506c0 .055-.012.13-.05.21a.527.527 0 0 1-.15.183.478.478 0 0 1-.298.1v-1.5c-.183 0-.414.054-.617.21a.99.99 0 0 0-.385.797h1.5Zm-.498.494a.483.483 0 0 1-.303-.103.524.524 0 0 1-.148-.183.477.477 0 0 1-.05-.208h1.5a.991.991 0 0 0-.999-1.006v1.5Zm-.177.256h.346v-1.5h-.346v1.5Z",
-    fill: "#000"
+    d: "M22 13.5c.607.456 1 1.182 1 2 0 .818-.393 1.544-1 2m-20-4c-.607.456-1 1.182-1 2 0 .818.393 1.544 1 2M12 7a8 8 0 1 1-.002 16.001A8 8 0 0 1 12 7Zm0 0V4m0 0a1.5 1.5 0 1 1-.002-2.999A1.5 1.5 0 0 1 12 4ZM8.312 16.491h.346m6.674 0h.346m-6.941 0c0 .184-.16.244-.248.244-.092 0-.252-.06-.252-.244 0-.196.16-.256.252-.256.088 0 .248.06.248.256Zm7.02 0c0 .184-.16.244-.248.244-.092 0-.252-.06-.252-.244 0-.196.16-.256.252-.256.088 0 .248.06.248.256Z",
+    stroke: "#000",
+    strokeWidth: 1.5,
+    strokeMiterlimit: 10,
+    strokeLinecap: "round"
   })));
 };
 

package/icons/chip.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 
-var _path;
+var _g, _defs;
 
 import React from 'react';
 
@@ -11,13 +11,20 @@ var chip = function chip(props) {
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path || (_path = React.createElement("path", {
+  }, props), _g || (_g = React.createElement("g", {
+    clipPath: "url(#a)"
+  }, React.createElement("path", {
     d: "M5.5 1v1.5m5-1.5v1.5M5.5 15v-1.5m5 1.5v-1.5m4.5-3h-1.5m1.5-5h-1.5M1 10.5h1.5M1 5.5h1.5m0 0v-2a1 1 0 0 1 1-1h2m-3 3v5m0 0v2a1 1 0 0 0 1 1h2m0 0h5m0 0h2a1 1 0 0 0 1-1v-2m0 0v-5m0 0v-2a1 1 0 0 0-1-1h-2m0 0h-5m.61 2.75h3.78c.473 0 .86.387.86.86v3.78c0 .473-.387.86-.86.86H6.11a.862.862 0 0 1-.86-.86V6.11c0-.473.387-.86.86-.86Z",
     stroke: "#000",
     strokeWidth: 1.5,
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  })));
+  }))), _defs || (_defs = React.createElement("defs", null, React.createElement("clipPath", {
+    id: "a"
+  }, React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h16v16H0z"
+  })))));
 };
 
 export default chip;

package/icons/chip_medium.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 
-var _path;
+var _g, _defs;
 
 import React from 'react';
 
@@ -11,13 +11,20 @@ var chip_medium = function chip_medium(props) {
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path || (_path = React.createElement("path", {
+  }, props), _g || (_g = React.createElement("g", {
+    clipPath: "url(#a)"
+  }, React.createElement("path", {
     d: "M12 1.5v2.25M6.75 1.5v2.25m10.5-2.25v2.25M12 22.5v-2.25M6.75 22.5v-2.25m10.5 2.25v-2.25M22.5 12h-2.25m2.25 5.25h-2.25m2.25-10.5h-2.25M1.5 12h2.25M1.5 17.25h2.25M1.5 6.75h2.25m0 0v-1.5a1.5 1.5 0 0 1 1.5-1.5h1.5m-3 3V12m0 0v5.25m0 0v1.5a1.5 1.5 0 0 0 1.5 1.5h1.5m0 0H12m0 0h5.25m0 0h1.5a1.5 1.5 0 0 0 1.5-1.5v-1.5m0 0V12m0 0V6.75m0 0v-1.5a1.5 1.5 0 0 0-1.5-1.5h-1.5m0 0H12m0 0H6.75m1.5 3h7.5a1.5 1.5 0 0 1 1.5 1.5v7.5a1.5 1.5 0 0 1-1.5 1.5h-7.5a1.5 1.5 0 0 1-1.5-1.5v-7.5a1.5 1.5 0 0 1 1.5-1.5Z",
     stroke: "#000",
     strokeWidth: 1.5,
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  })));
+  }))), _defs || (_defs = React.createElement("defs", null, React.createElement("clipPath", {
+    id: "a"
+  }, React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  })))));
 };
 
 export default chip_medium;

package/icons/cloud_download.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 
-var _path;
+var _g, _defs;
 
 import React from 'react';
 
@@ -11,10 +11,17 @@ var cloud_download = function cloud_download(props) {
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path || (_path = React.createElement("path", {
+  }, props), _g || (_g = React.createElement("g", {
+    clipPath: "url(#a)"
+  }, React.createElement("path", {
     d: "M4.146 11.817a.75.75 0 0 0 0-1.5v1.5ZM3.56 4.83l.139.737-.14-.737Zm8.728 1.211-.742-.11a.75.75 0 0 0 .8.858l-.058-.748Zm-6.942-.194a.75.75 0 0 0 .748-1.3l-.748 1.3Zm3.326 3.647a.75.75 0 0 0-1.5 0h1.5Zm-2.107 2.93a.75.75 0 1 0-1.06 1.061l1.06-1.06Zm1.357 2.419-.53.53a.75.75 0 0 0 1.06 0l-.53-.53Zm2.418-1.358a.75.75 0 0 0-1.06-1.06l1.06 1.06Zm1.373-3.168a.75.75 0 0 0 0 1.5v-1.5Zm-7.566 0A2.396 2.396 0 0 1 1.75 7.921H.25a3.896 3.896 0 0 0 3.896 3.896v-1.5ZM14.25 8.551c0 .975-.791 1.766-1.767 1.766v1.5a3.267 3.267 0 0 0 3.267-3.266h-1.5Zm-12.5-.63c0-1.17.839-2.145 1.948-2.354L3.42 4.093A3.897 3.897 0 0 0 .25 7.921h1.5Zm2.554-3.006C4.527 2.97 6.268 1.75 7.92 1.75V.25c-2.29 0-4.784 1.675-5.106 4.495l1.49.17ZM7.92 1.75c2.417 0 3.92 2.18 3.624 4.182l1.484.219C13.44 3.356 11.364.25 7.92.25v1.5Zm4.423 5.039c1.006-.078 1.906.752 1.906 1.762h1.5c0-1.888-1.648-3.402-3.521-3.258l.115 1.496ZM3.698 5.567a2.428 2.428 0 0 1 1.647.28l.748-1.3a3.928 3.928 0 0 0-2.673-.454l.278 1.474Zm1.805 7.918 1.888 1.888 1.06-1.06-1.887-1.888-1.06 1.06Zm2.949 1.888 1.887-1.888-1.06-1.06-1.888 1.887 1.06 1.061Zm-1.28-5.879v5.349h1.5V9.494h-1.5Zm4.54 2.323h.771v-1.5h-.77v1.5Z",
     fill: "#000"
-  })));
+  }))), _defs || (_defs = React.createElement("defs", null, React.createElement("clipPath", {
+    id: "a"
+  }, React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h16v16H0z"
+  })))));
 };
 
 export default cloud_download;

package/icons/cloud_download_medium.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 
-var _path;
+var _g, _defs;
 
 import React from 'react';
 
@@ -11,10 +11,17 @@ var cloud_download_medium = function cloud_download_medium(props) {
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path || (_path = React.createElement("path", {
+  }, props), _g || (_g = React.createElement("g", {
+    clipPath: "url(#a)"
+  }, React.createElement("path", {
     d: "m5.066 7.087.14.737-.14-.737Zm13.872 1.925-.742-.11a.75.75 0 0 0 .8.858l-.058-.748ZM8.126 8.32a.75.75 0 1 0 .748-1.3l-.748 1.3ZM7.2 17.75a.75.75 0 0 0 0-1.5v1.5Zm9.6-1.5a.75.75 0 0 0 0 1.5v-1.5Zm-4.05-1.75a.75.75 0 0 0-1.5 0h1.5Zm-3.22 4.97a.75.75 0 0 0-1.06 1.06l1.06-1.06ZM12 23l-.53.53a.75.75 0 0 0 1.06 0L12 23Zm3.53-2.47a.75.75 0 1 0-1.06-1.06l1.06 1.06ZM6 16.25A4.25 4.25 0 0 1 1.75 12H.25A5.75 5.75 0 0 0 6 17.75v-1.5ZM22.5 13a3.25 3.25 0 0 1-3.25 3.25v1.5A4.75 4.75 0 0 0 24 13h-1.5ZM1.75 12a4.252 4.252 0 0 1 3.456-4.176L4.927 6.35A5.752 5.752 0 0 0 .25 12h1.5Zm4.062-4.828C6.195 3.822 9.184 1.75 12 1.75V.25c-3.456 0-7.195 2.528-7.679 6.752l1.49.17ZM12 1.75c4.143 0 6.7 3.737 6.196 7.153l1.484.218C20.3 4.913 17.17.25 12 .25v1.5Zm6.995 8.01C20.85 9.617 22.5 11.137 22.5 13H24c0-2.741-2.399-4.946-5.12-4.736l.115 1.496ZM5.205 7.824a4.301 4.301 0 0 1 2.921.496l.748-1.3a5.801 5.801 0 0 0-3.947-.67l.279 1.474ZM6 17.75h1.2v-1.5H6v1.5Zm10.8 0h2.45v-1.5H16.8v1.5Zm-8.33 2.78 3 3 1.06-1.06-3-3-1.06 1.06Zm4.06 3 3-3-1.06-1.06-3 3 1.06 1.06Zm-1.28-9.03V23h1.5v-8.5h-1.5Z",
     fill: "#000"
-  })));
+  }))), _defs || (_defs = React.createElement("defs", null, React.createElement("clipPath", {
+    id: "a"
+  }, React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  })))));
 };
 
 export default cloud_download_medium;