@synerise/ds-icon 1.15.0 → 1.15.2

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.15.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-icon@1.15.1...@synerise/ds-icon@1.15.2) (2026-04-01)
+
+**Note:** Version bump only for package @synerise/ds-icon
+
+## [1.15.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-icon@1.15.0...@synerise/ds-icon@1.15.1) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-icon
+
 # [1.15.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-icon@1.14.1...@synerise/ds-icon@1.15.0) (2026-03-20)
 
 ### Features

package/dist/DynamicIcon/DynamicIcon.d.ts

@@ -1,6 +1,6 @@
-import React, { type ReactNode } from 'react';
-import type { IconProps } from '../Icon.types';
-import { type IconName } from '../useIconComponent';
+import { default as React, ReactNode } from 'react';
+import { IconProps } from '../Icon.types';
+import { IconName } from '../useIconComponent';
 export type DynamicIconProps = Omit<IconProps, 'component' | 'iconName'> & {
     name: IconName;
     fallback?: ReactNode;
@@ -15,6 +15,6 @@ export type DynamicIconProps = Omit<IconProps, 'component' | 'iconName'> & {
  * // After (recommended):
  * <Icon iconName="InfoM" />
  */
-export declare const DynamicIcon: ({ name, fallback, ...props }: DynamicIconProps) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null;
+export declare const DynamicIcon: ({ name, fallback, ...props }: DynamicIconProps) => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null;
 export default DynamicIcon;
 export type { IconName as DynamicIconName };

package/dist/DynamicIcon/DynamicIcon.js

@@ -1,30 +1,18 @@
-var _excluded = ["name", "fallback"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import Icon from '../Icon';
-import { useIconComponent } from '../useIconComponent';
-/**
- * @deprecated Use `<Icon iconName="IconName" />` instead of `<DynamicIcon name="IconName" />`.
- * The Icon component now supports dynamic icon loading via the `iconName` prop.
- * @example
- * // Before (deprecated):
- * <DynamicIcon name="InfoM" />
- *
- * // After (recommended):
- * <Icon iconName="InfoM" />
- */
-export var DynamicIcon = function DynamicIcon(_ref) {
-  var name = _ref.name,
-    _ref$fallback = _ref.fallback,
-    fallback = _ref$fallback === void 0 ? null : _ref$fallback,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var IconComponent = useIconComponent(name);
+import { jsx } from "react/jsx-runtime";
+import Icon from "../Icon.js";
+import { useIconComponent } from "../useIconComponent.js";
+const DynamicIcon = ({
+  name,
+  fallback = null,
+  ...props
+}) => {
+  const IconComponent = useIconComponent(name);
   if (!IconComponent) {
     return fallback;
   }
-  return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
-    iconName: name
-  }));
+  return /* @__PURE__ */ jsx(Icon, { ...props, iconName: name });
+};
+export {
+  DynamicIcon,
+  DynamicIcon as default
 };
-export default DynamicIcon;

package/dist/DynamicIcon/iconManifest.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentType, type SVGProps } from 'react';
+import { ComponentType, SVGProps } from 'react';
 import * as large from '../icons/L';
 import * as medium from '../icons/M';
 import * as xlarge from '../icons/XL';

package/dist/DynamicIcon/iconManifest.js

@@ -1,30 +1,27 @@
-import * as large from '../icons/L';
-import * as medium from '../icons/M';
-import * as xlarge from '../icons/XL';
-import * as additional from '../icons/additional';
-import * as color from '../icons/colorIcons';
-
-// Extract icon names from all modules as literal types
-
-// Combine all icon names into a single union type
-
-var iconSources = [{
-  module: medium
+import * as icons_L_index from "../icons/L/index.js";
+import * as icons_M_index from "../icons/M/index.js";
+import * as icons_XL_index from "../icons/XL/index.js";
+import * as icons_additional_index from "../icons/additional/index.js";
+import * as icons_colorIcons_index from "../icons/colorIcons/index.js";
+const iconSources = [{
+  module: icons_M_index
 }, {
-  module: large
+  module: icons_L_index
 }, {
-  module: xlarge
+  module: icons_XL_index
 }, {
-  module: additional
+  module: icons_additional_index
 }, {
-  module: color
+  module: icons_colorIcons_index
 }];
-export var iconManifest = {};
-iconSources.forEach(function (_ref) {
-  var module = _ref.module;
-  Object.keys(module).filter(function (key) {
-    return !key.startsWith('__') && key !== 'default';
-  }).forEach(function (iconName) {
+const iconManifest = {};
+iconSources.forEach(({
+  module
+}) => {
+  Object.keys(module).filter((key) => !key.startsWith("__") && key !== "default").forEach((iconName) => {
     iconManifest[iconName] = module;
   });
-});
+});
+export {
+  iconManifest
+};

package/dist/Icon.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const Icon: React.ForwardRefExoticComponent<import("./Icon.types").BaseIconProps & Omit<React.HTMLAttributes<HTMLDivElement>, keyof import("./Icon.types").BaseIconProps> & import("@synerise/ds-utils").DataAttributes & React.RefAttributes<HTMLDivElement>>;
+import { default as React } from 'react';
+declare const Icon: React.ForwardRefExoticComponent<import('./Icon.types').BaseIconProps & Omit<React.HTMLAttributes<HTMLDivElement>, keyof import('./Icon.types').BaseIconProps> & import('@synerise/ds-utils').DataAttributes & React.RefAttributes<HTMLDivElement>>;
 export default Icon;

package/dist/Icon.js

@@ -1,21 +1,18 @@
-var _excluded = ["name", "iconName", "component", "className"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { forwardRef } from 'react';
-import * as S from './Icon.styles';
-import { useIconComponent } from './useIconComponent';
-var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var name = _ref.name,
-    iconName = _ref.iconName,
-    component = _ref.component,
-    className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var IconComponent = useIconComponent(iconName);
-  var renderedIcon = IconComponent ? /*#__PURE__*/React.createElement(IconComponent, null) : component;
-  return /*#__PURE__*/React.createElement(S.IconContainer, _extends({
-    className: "ds-icon " + (className || ''),
-    title: name || iconName,
-    ref: ref
-  }, rest), renderedIcon);
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { IconContainer } from "./Icon.styles.js";
+import { useIconComponent } from "./useIconComponent.js";
+const Icon = forwardRef(({
+  name,
+  iconName,
+  component,
+  className,
+  ...rest
+}, ref) => {
+  const IconComponent = useIconComponent(iconName);
+  const renderedIcon = IconComponent ? /* @__PURE__ */ jsx(IconComponent, {}) : component;
+  return /* @__PURE__ */ jsx(IconContainer, { className: `ds-icon ${className || ""}`, title: name || iconName, ref, ...rest, children: renderedIcon });
 });
-export default Icon;
+export {
+  Icon as default
+};

package/dist/Icon.styles.d.ts

@@ -1,7 +1,7 @@
-import type { MouseEventHandler } from 'react';
+import { MouseEventHandler } from 'react';
 export declare const defaultSize = 24;
 export declare const DEFAULT_COLOR_TOKEN = "grey-800";
-export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {
+export declare const IconContainer: import('styled-components').StyledComponent<"div", any, {
     size?: string | number;
     color?: string;
     stroke?: boolean;

package/dist/Icon.styles.js

@@ -1,21 +1,13 @@
-import styled, { css } from 'styled-components';
-import { theme } from '@synerise/ds-core';
-export var defaultSize = 24;
-export var DEFAULT_COLOR_TOKEN = 'grey-800';
-export var IconContainer = styled.div.withConfig({
+import styled, { css } from "styled-components";
+import { theme } from "@synerise/ds-core";
+const defaultSize = 24;
+const DEFAULT_COLOR_TOKEN = "grey-800";
+const IconContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Iconstyles__IconContainer",
   componentId: "sc-aqhvae-0"
-})(["vertical-align:middle;display:inline-block;width:", "px;height:", "px;color:inherit;svg{display:block;", " width:", "px;height:", "px;", ";"], function (props) {
-  return props.size || defaultSize;
-}, function (props) {
-  return props.size || defaultSize;
-}, function (props) {
-  var _props$theme;
-  return props.color ? css(["color:", ";", ""], props.color, props.stroke && "stroke: " + props.color + ";") : css(["color:inherit;&.ds-icon-set-large,&.ds-icon-set-xlarge{color:", ";}"], ((_props$theme = props.theme) == null || (_props$theme = _props$theme.palette) == null ? void 0 : _props$theme[DEFAULT_COLOR_TOKEN]) || theme.palette[DEFAULT_COLOR_TOKEN]);
-}, function (props) {
-  return props.size || defaultSize;
-}, function (props) {
-  return props.size || defaultSize;
-}, function (props) {
-  return props.onClick && 'cursor: pointer;';
-});
+})(["vertical-align:middle;display:inline-block;width:", "px;height:", "px;color:inherit;svg{display:block;", " width:", "px;height:", "px;", ";"], (props) => props.size || defaultSize, (props) => props.size || defaultSize, (props) => props.color ? css(["color:", ";", ""], props.color, props.stroke && `stroke: ${props.color};`) : css(["color:inherit;&.ds-icon-set-large,&.ds-icon-set-xlarge{color:", ";}"], props.theme?.palette?.[DEFAULT_COLOR_TOKEN] || theme.palette[DEFAULT_COLOR_TOKEN]), (props) => props.size || defaultSize, (props) => props.size || defaultSize, (props) => props.onClick && "cursor: pointer;");
+export {
+  DEFAULT_COLOR_TOKEN,
+  IconContainer,
+  defaultSize
+};

package/dist/Icon.types.d.ts

@@ -1,7 +1,7 @@
-import type { ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
-import { type StyledComponent } from 'styled-components';
-import type { WithHTMLAttributes } from '@synerise/ds-utils';
-import type { IconName } from './useIconComponent';
+import { ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
+import { StyledComponent } from 'styled-components';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
+import { IconName } from './useIconComponent';
 export type { IconName };
 export type BaseIconProps = {
     color?: string;

package/dist/Icon.types.js

@@ -1 +1 @@
-export {};
+

package/dist/MimeTypeIcon/MimeTypeIcon.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import type { MimeTypeIconsProps } from './MimeTypeIcon.types';
+import { default as React } from 'react';
+import { MimeTypeIconsProps } from './MimeTypeIcon.types';
 declare const MimeTypeIcon: ({ type, ...iconProps }: MimeTypeIconsProps) => React.JSX.Element;
 export default MimeTypeIcon;

package/dist/MimeTypeIcon/MimeTypeIcon.js

@@ -1,17 +1,16 @@
-var _excluded = ["type"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useMemo } from 'react';
-import Icon from '../Icon';
-import { mapMimeTypeToIconName } from './MimeTypeIcon.utils';
-var MimeTypeIcon = function MimeTypeIcon(_ref) {
-  var type = _ref.type,
-    iconProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var iconName = useMemo(function () {
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import Icon from "../Icon.js";
+import { mapMimeTypeToIconName } from "./MimeTypeIcon.utils.js";
+const MimeTypeIcon = ({
+  type,
+  ...iconProps
+}) => {
+  const iconName = useMemo(() => {
     return mapMimeTypeToIconName(type);
   }, [type]);
-  return /*#__PURE__*/React.createElement(Icon, _extends({}, iconProps, {
-    iconName: iconName
-  }));
+  return /* @__PURE__ */ jsx(Icon, { ...iconProps, iconName });
+};
+export {
+  MimeTypeIcon as default
 };
-export default MimeTypeIcon;

package/dist/MimeTypeIcon/MimeTypeIcon.types.d.ts

@@ -1,4 +1,4 @@
-import type { IconProps } from '../Icon.types';
+import { IconProps } from '../Icon.types';
 export type MimeTypeIconsProps = Omit<IconProps, 'component'> & {
     type: string;
 };

package/dist/MimeTypeIcon/MimeTypeIcon.types.js

@@ -1 +1 @@
-export {};
+

package/dist/MimeTypeIcon/MimeTypeIcon.utils.d.ts

@@ -1,2 +1,2 @@
-import type { IconName } from '../useIconComponent';
+import { IconName } from '../useIconComponent';
 export declare const mapMimeTypeToIconName: (mimeType: string) => IconName;

package/dist/MimeTypeIcon/MimeTypeIcon.utils.js

@@ -1,39 +1,42 @@
-export var mapMimeTypeToIconName = function mapMimeTypeToIconName(mimeType) {
+const mapMimeTypeToIconName = (mimeType) => {
   switch (mimeType) {
-    case 'text/csv':
-      return 'FileTypeTableM';
-    case 'application/msword':
-    case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
-      return 'FileTypeTextM';
-    case 'text/html':
-      return 'FileCodeM';
-    case 'audio/mp3':
-    case 'audio/mpeg3':
-      return 'FileActionM';
-    case 'application/pdf':
-      return 'FileTypeImageM';
-    case 'application/mspowerpoint':
-    case 'application/vnd.ms-powerpoint':
-    case 'application/vnd.openxmlformats-officedocument.presentationml.presentation':
-      return 'FileTypePlainM';
-    case 'image/svg':
-      return 'FileTypeImageM';
-    case 'text/plain':
-      return 'FileTypeTextM';
-    case 'video/avi':
-    case 'video/quicktime':
-    case 'video/mpeg':
-      return 'FileActionM';
-    case 'application/excel':
-    case 'application/vnd.ms-excel':
-    case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':
-      return 'FileTypeTableM';
-    case 'application/zip':
-    case 'multipart/x-zip':
-    case 'application/x-compressed':
-    case 'application/x-zip-compressed':
-      return 'FileArchiveM';
+    case "text/csv":
+      return "FileTypeTableM";
+    case "application/msword":
+    case "application/vnd.openxmlformats-officedocument.wordprocessingml.document":
+      return "FileTypeTextM";
+    case "text/html":
+      return "FileCodeM";
+    case "audio/mp3":
+    case "audio/mpeg3":
+      return "FileActionM";
+    case "application/pdf":
+      return "FileTypeImageM";
+    case "application/mspowerpoint":
+    case "application/vnd.ms-powerpoint":
+    case "application/vnd.openxmlformats-officedocument.presentationml.presentation":
+      return "FileTypePlainM";
+    case "image/svg":
+      return "FileTypeImageM";
+    case "text/plain":
+      return "FileTypeTextM";
+    case "video/avi":
+    case "video/quicktime":
+    case "video/mpeg":
+      return "FileActionM";
+    case "application/excel":
+    case "application/vnd.ms-excel":
+    case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":
+      return "FileTypeTableM";
+    case "application/zip":
+    case "multipart/x-zip":
+    case "application/x-compressed":
+    case "application/x-zip-compressed":
+      return "FileArchiveM";
     default:
-      return 'FileM';
+      return "FileM";
   }
-};
+};
+export {
+  mapMimeTypeToIconName
+};

package/dist/icons/L/AddL.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const AddL: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
 export default AddL;

package/dist/icons/L/AddL.js

@@ -1,22 +1,5 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-var AddL = function AddL(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 48 48",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink",
-    "data-testid": "ds-icon-add-l",
-    className: "add-l ds-icon-set-large"
-  }, props), /*#__PURE__*/React.createElement("g", {
-    id: "svg-1468820138Actions-/-03-L-/-02-add-l",
-    stroke: "none",
-    strokeWidth: 1,
-    fillRule: "evenodd",
-    fill: "currentColor"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M23.7501,5.9999 C33.0003136,5.9999 40.5001,13.4996864 40.5001,22.7499 C40.5001,25.9488233 39.6007553,29.0149184 37.9374601,31.6579195 L40.8729439,33.9987492 C41.6881671,34.6477922 41.2287823,35.9605 40.1878,35.9605 L40.1878,35.9605 L36.808,35.96 L38.6787213,39.6983007 C39.0217079,40.3899588 38.7788253,41.2209227 38.1367369,41.6224532 L38.1367369,41.6224532 L38.0117127,41.6925689 L36.3946821,42.4995824 C35.6603443,42.8687688 34.7676434,42.5712018 34.3979796,41.8359102 L34.3979796,41.8359102 L32.493,38.027 L30.0475508,41.1036439 C29.4235485,41.887415 28.1858017,41.4939706 28.0915135,40.5361129 L28.0915135,40.5361129 L28.0858,40.4185 L28.0854325,38.9333826 C26.6834981,39.3078956 25.2295113,39.4999 23.7501,39.4999 C14.4988864,39.4999 7.0001,32.0011136 7.0001,22.7499 C7.0001,13.4993483 14.4992246,5.9999 23.7501,5.9999 Z M29.585,26.917 L29.5844427,37.8724049 C29.5856056,37.8888181 29.5862193,37.9051989 29.5862955,37.9215238 L29.585,39.274 L32.0518037,36.1736646 C32.3703259,35.7731564 32.9763774,35.8075615 33.255123,36.2126376 L33.255123,36.2126376 L33.3096204,36.3050898 L35.733,41.153 L37.33,40.355 L34.9240631,35.5460771 C34.6901583,35.0785584 34.9942458,34.5335168 35.4926336,34.4672128 L35.4926336,34.4672128 L35.5948,34.4605 L39.046,34.46 L29.585,26.917 Z M23.7501,7.4999 C15.3276662,7.4999 8.5001,14.3277609 8.5001,22.7499 C8.5001,31.1726864 15.3273136,37.9999 23.7501,37.9999 C25.2353941,37.9999 26.6911404,37.787752 28.0860585,37.3750697 L28.0858,26.0895 C28.0858,25.1681861 29.148721,24.6554555 29.872352,25.2280743 L29.872352,25.2280743 L36.7566713,30.7162393 C38.2138988,28.3431309 39.0001,25.606126 39.0001,22.7499 C39.0001,14.3281136 32.1718864,7.4999 23.7501,7.4999 Z M23.687,16.16 C24.0666958,16.16 24.380491,16.4421539 24.4301534,16.8082294 L24.437,16.91 L24.4361,22.0279 L29.5559,22.0288 C29.9701136,22.0288 30.3059,22.3645864 30.3059,22.7788 C30.3059,23.1584958 30.0237461,23.472291 29.6576706,23.5219534 L29.5559,23.5288 L24.4361,23.5279 L24.437,28.647 C24.437,29.0612136 24.1012136,29.397 23.687,29.397 C23.3073042,29.397 22.993509,29.1148461 22.9438466,28.7487706 L22.937,28.647 L22.9361,23.5279 L17.8179,23.5288 C17.4036864,23.5288 17.0679,23.1930136 17.0679,22.7788 C17.0679,22.3991042 17.3500539,22.085309 17.7161294,22.0356466 L17.8179,22.0288 L22.9361,22.0279 L22.937,16.91 C22.937,16.4957864 23.2727864,16.16 23.687,16.16 Z",
-    id: "svg-1468820138Combined-Shape",
-    fillRule: "nonzero"
-  })));
+import { jsx } from "react/jsx-runtime";
+const AddL = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-add-l", className: "add-l ds-icon-set-large", ...props, children: /* @__PURE__ */ jsx("g", { id: "svg-1468820138Actions-/-03-L-/-02-add-l", stroke: "none", strokeWidth: 1, fillRule: "evenodd", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M23.7501,5.9999 C33.0003136,5.9999 40.5001,13.4996864 40.5001,22.7499 C40.5001,25.9488233 39.6007553,29.0149184 37.9374601,31.6579195 L40.8729439,33.9987492 C41.6881671,34.6477922 41.2287823,35.9605 40.1878,35.9605 L40.1878,35.9605 L36.808,35.96 L38.6787213,39.6983007 C39.0217079,40.3899588 38.7788253,41.2209227 38.1367369,41.6224532 L38.1367369,41.6224532 L38.0117127,41.6925689 L36.3946821,42.4995824 C35.6603443,42.8687688 34.7676434,42.5712018 34.3979796,41.8359102 L34.3979796,41.8359102 L32.493,38.027 L30.0475508,41.1036439 C29.4235485,41.887415 28.1858017,41.4939706 28.0915135,40.5361129 L28.0915135,40.5361129 L28.0858,40.4185 L28.0854325,38.9333826 C26.6834981,39.3078956 25.2295113,39.4999 23.7501,39.4999 C14.4988864,39.4999 7.0001,32.0011136 7.0001,22.7499 C7.0001,13.4993483 14.4992246,5.9999 23.7501,5.9999 Z M29.585,26.917 L29.5844427,37.8724049 C29.5856056,37.8888181 29.5862193,37.9051989 29.5862955,37.9215238 L29.585,39.274 L32.0518037,36.1736646 C32.3703259,35.7731564 32.9763774,35.8075615 33.255123,36.2126376 L33.255123,36.2126376 L33.3096204,36.3050898 L35.733,41.153 L37.33,40.355 L34.9240631,35.5460771 C34.6901583,35.0785584 34.9942458,34.5335168 35.4926336,34.4672128 L35.4926336,34.4672128 L35.5948,34.4605 L39.046,34.46 L29.585,26.917 Z M23.7501,7.4999 C15.3276662,7.4999 8.5001,14.3277609 8.5001,22.7499 C8.5001,31.1726864 15.3273136,37.9999 23.7501,37.9999 C25.2353941,37.9999 26.6911404,37.787752 28.0860585,37.3750697 L28.0858,26.0895 C28.0858,25.1681861 29.148721,24.6554555 29.872352,25.2280743 L29.872352,25.2280743 L36.7566713,30.7162393 C38.2138988,28.3431309 39.0001,25.606126 39.0001,22.7499 C39.0001,14.3281136 32.1718864,7.4999 23.7501,7.4999 Z M23.687,16.16 C24.0666958,16.16 24.380491,16.4421539 24.4301534,16.8082294 L24.437,16.91 L24.4361,22.0279 L29.5559,22.0288 C29.9701136,22.0288 30.3059,22.3645864 30.3059,22.7788 C30.3059,23.1584958 30.0237461,23.472291 29.6576706,23.5219534 L29.5559,23.5288 L24.4361,23.5279 L24.437,28.647 C24.437,29.0612136 24.1012136,29.397 23.687,29.397 C23.3073042,29.397 22.993509,29.1148461 22.9438466,28.7487706 L22.937,28.647 L22.9361,23.5279 L17.8179,23.5288 C17.4036864,23.5288 17.0679,23.1930136 17.0679,22.7788 C17.0679,22.3991042 17.3500539,22.085309 17.7161294,22.0356466 L17.8179,22.0288 L22.9361,22.0279 L22.937,16.91 C22.937,16.4957864 23.2727864,16.16 23.687,16.16 Z", id: "svg-1468820138Combined-Shape", fillRule: "nonzero" }) }) });
+export {
+  AddL as default
 };
-export default AddL;

package/dist/icons/L/BrowserL.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const BrowserL: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
 export default BrowserL;

package/dist/icons/L/BrowserL.js

@@ -1,56 +1,12 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-var BrowserL = function BrowserL(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 48 48",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "data-testid": "ds-icon-browser-l",
-    className: "browser-l ds-icon-set-large"
-  }, props), /*#__PURE__*/React.createElement("g", {
-    fill: "none"
-  }, /*#__PURE__*/React.createElement("circle", {
-    cx: 10.5,
-    cy: 14.5,
-    r: 1.5,
-    stroke: "currentColor",
-    strokeWidth: 1.5,
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: 22.5,
-    cy: 14.5,
-    r: 1.5,
-    stroke: "currentColor",
-    strokeWidth: 1.5,
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: 16.5,
-    cy: 14.5,
-    r: 1.5,
-    stroke: "currentColor",
-    strokeWidth: 1.5,
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M5 31.5C5 33.1143 5 32.4965 5 36.5C5 37.8807 6.13421 39 7.53333 39H40.4667C41.8658 39 43 37.8807 43 36.5C43 34.3326 43 32.5837 43 31.5",
-    stroke: "currentColor",
-    strokeWidth: 1.5,
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M43 32.5C43 30.8857 43 15.5035 43 11.5C43 10.1193 41.8658 9 40.4667 9L7.53333 9C6.13421 9 5 10.1193 5 11.5C5 13.6674 5 31.4163 5 32.5",
-    stroke: "currentColor",
-    strokeWidth: 1.5,
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M5 20H43",
-    stroke: "currentColor",
-    strokeWidth: 1.5,
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  })));
+import { jsx, jsxs } from "react/jsx-runtime";
+const BrowserL = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-testid": "ds-icon-browser-l", className: "browser-l ds-icon-set-large", ...props, children: /* @__PURE__ */ jsxs("g", { fill: "none", children: [
+  /* @__PURE__ */ jsx("circle", { cx: 10.5, cy: 14.5, r: 1.5, stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("circle", { cx: 22.5, cy: 14.5, r: 1.5, stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("circle", { cx: 16.5, cy: 14.5, r: 1.5, stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("path", { d: "M5 31.5C5 33.1143 5 32.4965 5 36.5C5 37.8807 6.13421 39 7.53333 39H40.4667C41.8658 39 43 37.8807 43 36.5C43 34.3326 43 32.5837 43 31.5", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("path", { d: "M43 32.5C43 30.8857 43 15.5035 43 11.5C43 10.1193 41.8658 9 40.4667 9L7.53333 9C6.13421 9 5 10.1193 5 11.5C5 13.6674 5 31.4163 5 32.5", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("path", { d: "M5 20H43", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })
+] }) });
+export {
+  BrowserL as default
 };
-export default BrowserL;

package/dist/icons/L/ButtonL.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const ButtonL: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
 export default ButtonL;

package/dist/icons/L/ButtonL.js

@@ -1,32 +1,11 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-var ButtonL = function ButtonL(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 48 48",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink",
-    "data-testid": "ds-icon-button-l",
-    className: "button-l ds-icon-set-large"
-  }, props), /*#__PURE__*/React.createElement("desc", null, "Created with Sketch."), /*#__PURE__*/React.createElement("g", {
-    id: "svg-3426548861Edit-/-03-L-/-05-button-l",
-    stroke: "none",
-    strokeWidth: 1,
-    fill: "none",
-    fillRule: "evenodd",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, /*#__PURE__*/React.createElement("g", {
-    id: "svg-3426548861Group",
-    transform: "translate(7.000000, 13.000000)",
-    stroke: "currentColor",
-    strokeWidth: 1.5
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M27,13.9333333 L27,24.7333333 C27,25.9851788 25.6224146,27 23.9230769,27 L10.0769231,27 C8.37758539,27 7,25.9851788 7,24.7333333 L7,-4.73333333 C7,-5.98517877 8.37758539,-7 10.0769231,-7 L23.9230769,-7 C25.6224146,-7 27,-5.98517877 27,-4.73333333 L27,2.93333333",
-    id: "svg-3426548861Path-Copy",
-    transform: "translate(17.000000, 10.000000) rotate(-270.000000) translate(-17.000000, -10.000000) "
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M24.8758855,19.4568909 L14.5351041,11.3209461 C14.4361039,11.2430519 14.3006483,11.2280058 14.1865822,11.2822329 C14.072516,11.33646 14,11.4503764 14,11.575335 L14,24.8681534 C14,25.0064435 14.0887133,25.1295773 14.2209951,25.175172 C14.353277,25.2207667 14.500308,25.1788613 14.5875985,25.0706861 L17.5756885,21.3635268 L19.85957,25.8719661 C19.9417463,26.0341882 20.0858512,26.1575465 20.2601826,26.2149031 C20.4345139,26.2722597 20.624791,26.2589159 20.7891539,26.1778074 L22.3100424,25.4272759 C22.6522856,25.2583624 22.7909958,24.8476097 22.6198647,24.5098212 L20.3538477,20.0366682 L24.6703155,20.0366682 C24.8104127,20.0366548 24.9352021,19.9492597 24.9814768,19.8187493 C25.0277515,19.6882389 24.9854048,19.5431177 24.8758855,19.4568909 L24.8758855,19.4568909 Z",
-    id: "svg-3426548861Path"
-  }))));
+import { jsxs, jsx } from "react/jsx-runtime";
+const ButtonL = (props) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-button-l", className: "button-l ds-icon-set-large", ...props, children: [
+  /* @__PURE__ */ jsx("desc", { children: "Created with Sketch." }),
+  /* @__PURE__ */ jsx("g", { id: "svg-3426548861Edit-/-03-L-/-05-button-l", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxs("g", { id: "svg-3426548861Group", transform: "translate(7.000000, 13.000000)", stroke: "currentColor", strokeWidth: 1.5, children: [
+    /* @__PURE__ */ jsx("path", { d: "M27,13.9333333 L27,24.7333333 C27,25.9851788 25.6224146,27 23.9230769,27 L10.0769231,27 C8.37758539,27 7,25.9851788 7,24.7333333 L7,-4.73333333 C7,-5.98517877 8.37758539,-7 10.0769231,-7 L23.9230769,-7 C25.6224146,-7 27,-5.98517877 27,-4.73333333 L27,2.93333333", id: "svg-3426548861Path-Copy", transform: "translate(17.000000, 10.000000) rotate(-270.000000) translate(-17.000000, -10.000000) " }),
+    /* @__PURE__ */ jsx("path", { d: "M24.8758855,19.4568909 L14.5351041,11.3209461 C14.4361039,11.2430519 14.3006483,11.2280058 14.1865822,11.2822329 C14.072516,11.33646 14,11.4503764 14,11.575335 L14,24.8681534 C14,25.0064435 14.0887133,25.1295773 14.2209951,25.175172 C14.353277,25.2207667 14.500308,25.1788613 14.5875985,25.0706861 L17.5756885,21.3635268 L19.85957,25.8719661 C19.9417463,26.0341882 20.0858512,26.1575465 20.2601826,26.2149031 C20.4345139,26.2722597 20.624791,26.2589159 20.7891539,26.1778074 L22.3100424,25.4272759 C22.6522856,25.2583624 22.7909958,24.8476097 22.6198647,24.5098212 L20.3538477,20.0366682 L24.6703155,20.0366682 C24.8104127,20.0366548 24.9352021,19.9492597 24.9814768,19.8187493 C25.0277515,19.6882389 24.9854048,19.5431177 24.8758855,19.4568909 L24.8758855,19.4568909 Z", id: "svg-3426548861Path" })
+  ] }) })
+] });
+export {
+  ButtonL as default
 };
-export default ButtonL;

package/dist/icons/L/ButtonSubmitL.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const ButtonSubmitL: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
 export default ButtonSubmitL;