@synerise/ds-icon 1.7.0 → 1.7.2

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.7.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-icon@1.7.1...@synerise/ds-icon@1.7.2) (2025-09-16)
+
+**Note:** Version bump only for package @synerise/ds-icon
+
+
+
+
+
+## [1.7.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-icon@1.7.0...@synerise/ds-icon@1.7.1) (2025-08-28)
+
+
+### Bug Fixes
+
+* **icon:** new icons XL ([183619b](https://github.com/Synerise/synerise-design/commit/183619b69d96e50d174ed703982ffaac958e9ddf))
+
+
+
+
+
 # [1.7.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-icon@1.6.2...@synerise/ds-icon@1.7.0) (2025-08-14)
 
 

package/dist/Icon.js

@@ -0,0 +1,16 @@
+var _excluded = ["name", "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 from 'react';
+import * as S from './Icon.styles';
+var Icon = function Icon(_ref) {
+  var name = _ref.name,
+    component = _ref.component,
+    className = _ref.className,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(S.IconContainer, _extends({
+    className: "ds-icon " + (className || ''),
+    title: name
+  }, rest), component);
+};
+export default Icon;

package/dist/Icon.styles.js

@@ -0,0 +1,21 @@
+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({
+  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;';
+});

package/dist/Icon.types.js

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

package/dist/MimeTypeIcon/MimeTypeIcon.js

@@ -0,0 +1,17 @@
+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 { mapMimeTypeToIcon } from './MimeTypeIcon.utils';
+var MimeTypeIcon = function MimeTypeIcon(_ref) {
+  var type = _ref.type,
+    iconProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var component = useMemo(function () {
+    return mapMimeTypeToIcon(type);
+  }, [type]);
+  return /*#__PURE__*/React.createElement(Icon, _extends({}, iconProps, {
+    component: component
+  }));
+};
+export default MimeTypeIcon;

package/dist/MimeTypeIcon/MimeTypeIcon.types.js

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

package/dist/MimeTypeIcon/MimeTypeIcon.utils.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { FileActionM, FileArchiveM, FileCodeM, FileM, FileTypeImageM, FileTypePlainM, FileTypeTableM, FileTypeTextM } from '../icons';
+export var mapMimeTypeToIcon = function mapMimeTypeToIcon(mimeType) {
+  switch (mimeType) {
+    case 'text/csv':
+      return /*#__PURE__*/React.createElement(FileTypeTableM, null);
+    case 'application/msword':
+    case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
+      return /*#__PURE__*/React.createElement(FileTypeTextM, null);
+    case 'text/html':
+      return /*#__PURE__*/React.createElement(FileCodeM, null);
+    case 'audio/mp3':
+    case 'audio/mpeg3':
+      return /*#__PURE__*/React.createElement(FileActionM, null);
+    case 'application/pdf':
+      return /*#__PURE__*/React.createElement(FileTypeImageM, null);
+    case 'application/mspowerpoint':
+    case 'application/vnd.ms-powerpoint':
+    case 'application/vnd.openxmlformats-officedocument.presentationml.presentation':
+      return /*#__PURE__*/React.createElement(FileTypePlainM, null);
+    case 'image/svg':
+      return /*#__PURE__*/React.createElement(FileTypeImageM, null);
+    case 'text/plain':
+      return /*#__PURE__*/React.createElement(FileTypeTextM, null);
+    case 'video/avi':
+    case 'video/quicktime':
+    case 'video/mpeg':
+      return /*#__PURE__*/React.createElement(FileActionM, null);
+    case 'application/excel':
+    case 'application/vnd.ms-excel':
+    case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':
+      return /*#__PURE__*/React.createElement(FileTypeTableM, null);
+    case 'application/zip':
+    case 'multipart/x-zip':
+    case 'application/x-compressed':
+    case 'application/x-zip-compressed':
+      return /*#__PURE__*/React.createElement(FileArchiveM, null);
+    default:
+      return /*#__PURE__*/React.createElement(FileM, null);
+  }
+};

package/dist/icons/AbTestM.js

@@ -0,0 +1,24 @@
+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 AbTestM = function AbTestM(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 55 47",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    "data-testid": "ds-icon-ab-test-m",
+    className: "ab-test-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M13.587 41.055H4.891a3.89 3.89 0 01-3.89-3.89V8.98a3.89 3.89 0 013.89-3.89H21.96M36.728 5.089h9.729a4 4 0 014 4v28.076a3.89 3.89 0 01-3.891 3.89H29.728M30.654 1l-9.992 44.144",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M13.793 24.327h3.025l-1.504-4.946-1.52 4.946zm-.016-7.06h3.377l3.714 11.446h-2.705l-.784-2.545h-4.146l-.784 2.545h-2.433l3.761-11.445zM36.706 26.92c1.28 0 1.856-.577 1.856-1.617v-.065c0-1.056-.576-1.6-1.984-1.6H34.93v3.281h1.776zm-.224-4.947c1.248 0 1.745-.448 1.745-1.472v-.064c0-.96-.544-1.393-1.76-1.393H34.93v2.93h1.552zM32.4 17.267h4.498c2.497 0 3.793 1.025 3.793 2.978v.064c0 1.2-.576 2.08-1.856 2.448 1.488.305 2.29 1.153 2.29 2.69v.064c0 2.096-1.378 3.201-4.019 3.201H32.4V17.267z",
+    fill: "currentColor"
+  })));
+};
+export default AbTestM;

package/dist/icons/AcademyM.js

@@ -0,0 +1,20 @@
+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 AcademyM = function AcademyM(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    fill: "currentColor",
+    id: "svg-4145125565icons",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    "data-testid": "ds-icon-academy-m",
+    className: "academy-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("rect", {
+    id: "svg-4145125565canvas",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M20.53711,7.81885,13.82129,5.03174a4.77577,4.77577,0,0,0-3.6416-.00049l-6.7168,2.7876-.0022.00128L3.444,7.83026a.779.779,0,0,0-.35742.3487.70644.70644,0,0,0-.03363.07073A.74079.74079,0,0,0,3,8.51172v5.65039a.75.75,0,0,0,1.5,0v-4.527l1.37891.57233v5.7467c0,1.541,1.06152,3.37793,6.12109,3.37793s6.12109-1.83691,6.12109-3.37793V10.20746l2.416-1.00287a.75.75,0,0,0,0-1.38574Zm-3.916,8.13525c0,1.55176-2.51269,1.87793-4.62109,1.87793s-4.62109-.32617-4.62109-1.87793V10.83l2.7998,1.16217a4.7773,4.7773,0,0,0,3.6416.00049l2.80078-1.1626Zm-3.376-5.34668a3.2708,3.2708,0,0,1-2.49121-.00049L5.70605,8.51172,10.75488,6.4165a3.2709,3.2709,0,0,1,2.49121.00049L18.294,8.51172Z"
+  }));
+};
+export default AcademyM;

package/dist/icons/Add2FullBackgroundM.js

@@ -0,0 +1,21 @@
+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 Add2FullBackgroundM = function Add2FullBackgroundM(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "ds-icon-add-2-full-background-m",
+    className: "add-2-full-background-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("circle", {
+    cx: 12,
+    cy: 12,
+    r: 7,
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C19.9949 16.4162 16.4162 19.9949 12 20ZM12 5.5C8.41015 5.5 5.5 8.41015 5.5 12C5.5 15.5899 8.41015 18.5 12 18.5C15.5899 18.5 18.5 15.5899 18.5 12C18.4959 8.41187 15.5881 5.50415 12 5.5ZM12.75 11.25H14.75C15.1642 11.25 15.5 11.5858 15.5 12C15.5 12.4142 15.1642 12.75 14.75 12.75H12.75V14.75C12.75 15.1642 12.4142 15.5 12 15.5C11.5858 15.5 11.25 15.1642 11.25 14.75V12.75H9.25C8.83579 12.75 8.5 12.4142 8.5 12C8.5 11.5858 8.83579 11.25 9.25 11.25H11.25V9.25C11.25 8.83579 11.5858 8.5 12 8.5C12.4142 8.5 12.75 8.83579 12.75 9.25V11.25Z"
+  }));
+};
+export default Add2FullBackgroundM;

package/dist/icons/Add2M.js

@@ -0,0 +1,25 @@
+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 Add2M = function Add2M(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    "data-testid": "ds-icon-add-2-m",
+    className: "add-2-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    id: "svg-208084565transparent_canvas"
+  }, /*#__PURE__*/React.createElement("rect", {
+    id: "svg-208084565canvas",
+    width: 24,
+    height: 24,
+    fill: "none"
+  })), /*#__PURE__*/React.createElement("g", {
+    id: "svg-208084565icons"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M12,20a8,8,0,1,1,8-8A8.00917,8.00917,0,0,1,12,20ZM12,5.5A6.5,6.5,0,1,0,18.5,12,6.50753,6.50753,0,0,0,12,5.5Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M14.75,11.25h-2v-2a.75.75,0,0,0-1.5,0v2h-2a.75.75,0,0,0,0,1.5h2v2a.75.75,0,0,0,1.5,0v-2h2a.75.75,0,0,0,0-1.5Z"
+  })));
+};
+export default Add2M;

package/dist/icons/Add2S.js

@@ -0,0 +1,22 @@
+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 Add2S = function Add2S(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    fill: "currentColor",
+    id: "svg-457420107icons",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    "data-testid": "ds-icon-add-2-s",
+    className: "add-2-s ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("rect", {
+    id: "svg-457420107canvas",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M14.56006,11.25H12.75V9.43994a.75.75,0,0,0-1.5,0V11.25H9.43994a.75.75,0,0,0,0,1.5H11.25v1.81055a.75.75,0,0,0,1.5,0V12.75h1.81006a.75.75,0,0,0,0-1.5Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M16.24268,7.75732A5.9996,5.9996,0,1,0,18,12,6.00609,6.00609,0,0,0,16.24268,7.75732Zm-1.06055,7.42432A4.50013,4.50013,0,1,1,16.5,12,4.46852,4.46852,0,0,1,15.18213,15.18164Z"
+  }));
+};
+export default Add2S;

package/dist/icons/Add3FullBackgroundM.js

@@ -0,0 +1,21 @@
+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 Add3FullBackgroundM = function Add3FullBackgroundM(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "ds-icon-add-3-full-background-m",
+    className: "add-3-full-background-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("circle", {
+    cx: 12,
+    cy: 12,
+    r: 7,
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4 12C4 7.58172 7.58172 4 12 4C16.4162 4.00505 19.9949 7.58382 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM12.75 12.75H14.75C15.1642 12.75 15.5 12.4142 15.5 12C15.5 11.5858 15.1642 11.25 14.75 11.25H12.75V9.25C12.75 8.83579 12.4142 8.5 12 8.5C11.5858 8.5 11.25 8.83579 11.25 9.25V11.25H9.25C8.83579 11.25 8.5 11.5858 8.5 12C8.5 12.4142 8.83579 12.75 9.25 12.75H11.25V14.75C11.25 15.1642 11.5858 15.5 12 15.5C12.4142 15.5 12.75 15.1642 12.75 14.75V12.75Z"
+  }));
+};
+export default Add3FullBackgroundM;

package/dist/icons/Add3M.js

@@ -0,0 +1,23 @@
+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 Add3M = function Add3M(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    "data-testid": "ds-icon-add-3-m",
+    className: "add-3-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    id: "svg-1478607060transparent_canvas"
+  }, /*#__PURE__*/React.createElement("rect", {
+    id: "svg-1478607060canvas",
+    width: 24,
+    height: 24,
+    fill: "none"
+  })), /*#__PURE__*/React.createElement("g", {
+    id: "svg-1478607060icons"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M12,4a8,8,0,1,0,8,8A8.00917,8.00917,0,0,0,12,4Zm2.75,8.75h-2v2a.75.75,0,0,1-1.5,0v-2h-2a.75.75,0,0,1,0-1.5h2v-2a.75.75,0,0,1,1.5,0v2h2a.75.75,0,0,1,0,1.5Z"
+  })));
+};
+export default Add3M;

package/dist/icons/Add3S.js

@@ -0,0 +1,20 @@
+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 Add3S = function Add3S(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    fill: "currentColor",
+    id: "svg-1515958474icons",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    "data-testid": "ds-icon-add-3-s",
+    className: "add-3-s ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("rect", {
+    id: "svg-1515958474canvas",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12,6a6,6,0,1,0,6,6A6.00657,6.00657,0,0,0,12,6Zm2.56055,6.75H12.75v1.81055a.75.75,0,0,1-1.5,0V12.75H9.43945a.75.75,0,0,1,0-1.5H11.25V9.43994a.75.75,0,0,1,1.5,0V11.25h1.81055a.75.75,0,0,1,0,1.5Z"
+  }));
+};
+export default Add3S;

package/dist/icons/AddM.js

@@ -0,0 +1,23 @@
+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 AddM = function AddM(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    "data-testid": "ds-icon-add-m",
+    className: "add-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    id: "svg-1611058730transparent_canvas"
+  }, /*#__PURE__*/React.createElement("rect", {
+    id: "svg-1611058730canvas",
+    width: 24,
+    height: 24,
+    fill: "none"
+  })), /*#__PURE__*/React.createElement("g", {
+    id: "svg-1611058730icons"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M17.41016,11.25H12.75V6.5a.75.75,0,0,0-1.5,0v4.75H6.58984a.75.75,0,1,0,0,1.5H11.25V17.5a.75.75,0,0,0,1.5,0V12.75h4.66016a.75.75,0,0,0,0-1.5Z"
+  })));
+};
+export default AddM;

package/dist/icons/AddS.js

@@ -0,0 +1,20 @@
+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 AddS = function AddS(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    fill: "currentColor",
+    id: "svg-2689760180icons",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    "data-testid": "ds-icon-add-s",
+    className: "add-s ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("rect", {
+    id: "svg-2689760180canvas",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M16.59619,11.25H12.75V7.40381a.75.75,0,0,0-1.5,0V11.25H7.40381a.75.75,0,0,0,0,1.5H11.25v3.84668a.75.75,0,0,0,1.5,0V12.75h3.84619a.75.75,0,0,0,0-1.5Z"
+  }));
+};
+export default AddS;

package/dist/icons/AggregateM.js

@@ -0,0 +1,22 @@
+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 AggregateM = function AggregateM(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    fill: "currentColor",
+    id: "svg-1917644778icons",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    "data-testid": "ds-icon-aggregate-m",
+    className: "aggregate-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("rect", {
+    id: "svg-1917644778canvas",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12,4a8,8,0,1,0,8,8A8.00917,8.00917,0,0,0,12,4Zm0,14.5A6.5,6.5,0,1,1,18.5,12,6.50753,6.50753,0,0,1,12,18.5Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M14,8.75A.7502.7502,0,0,0,13.25,8H9.75a.7501.7501,0,0,0-.55908,1.25l2.46,2.75-2.46,2.75A.7501.7501,0,0,0,9.75,16h3.5a.75.75,0,0,0,0-1.5H11.42725l1.78857-2a.74948.74948,0,0,0,0-1l-1.78857-2H13.25A.7502.7502,0,0,0,14,8.75Z"
+  }));
+};
+export default AggregateM;

package/dist/icons/AgreementsOffM.js

@@ -0,0 +1,22 @@
+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 AgreementsOffM = function AgreementsOffM(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    fill: "currentColor",
+    id: "svg-591926492icons",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    "data-testid": "ds-icon-agreements-off-m",
+    className: "agreements-off-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("rect", {
+    id: "svg-591926492canvas",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M18.375,15.48291H17.166V5.77832a2.75291,2.75291,0,0,0-2.749-2.75l-8.54-.00977a2.75,2.75,0,0,0-.001,5.5l7.83984.00977h.00488a.75.75,0,0,0,.001-1.5H13.7168a1.25128,1.25128,0,0,1-1.2461-1.25,1.26747,1.26747,0,0,1,1.28418-1.251l.66114.001a1.25116,1.25116,0,0,1,1.25,1.25V18.23291a2.71486,2.71486,0,0,0,.31341,1.24774l-7.52826-.007a1.25116,1.25116,0,0,1-1.25-1.25V17.5332a.75.75,0,0,0-1.5,0v.69043a2.75259,2.75259,0,0,0,2.749,2.75l9.92382.00928h.042c.01464,0,.03027-.00049.04492-.00146a2.74994,2.74994,0,0,0-.08594-5.49854ZM11.26953,7.02539,5.877,7.01855a1.25,1.25,0,0,1-.001-2.5l5.39746.00635a2.74881,2.74881,0,0,0-.00391,2.50049Zm7.126,12.45752a1.25171,1.25171,0,0,1-1.22949-1.25v-1.25h1.209a1.25008,1.25008,0,0,1,.02051,2.5Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8.4209,16.29053A.74992.74992,0,0,0,9.48145,15.23L7.51172,13.26025l1.96973-1.96972A.74992.74992,0,0,0,8.4209,10.23L6.45117,12.19971,4.48145,10.23A.74992.74992,0,0,0,3.4209,11.29053l1.96972,1.96972L3.4209,15.23a.74992.74992,0,1,0,1.06055,1.06055L6.45117,14.3208Z"
+  }));
+};
+export default AgreementsOffM;

package/dist/icons/AgreementsOnM.js

@@ -0,0 +1,22 @@
+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 AgreementsOnM = function AgreementsOnM(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    fill: "currentColor",
+    id: "svg-3086347922icons",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    "data-testid": "ds-icon-agreements-on-m",
+    className: "agreements-on-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("rect", {
+    id: "svg-3086347922canvas",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M18.375,15.48291H17.166V5.77832a2.75291,2.75291,0,0,0-2.749-2.75l-8.54-.00977a2.75,2.75,0,0,0-.001,5.5l7.83984.00977h.00488a.75.75,0,0,0,.001-1.5H13.7168a1.25128,1.25128,0,0,1-1.2461-1.25,1.26872,1.26872,0,0,1,1.28418-1.251l.66114.001a1.25116,1.25116,0,0,1,1.25,1.25V18.23291a2.71486,2.71486,0,0,0,.31341,1.24774l-7.52826-.007a1.25116,1.25116,0,0,1-1.25-1.25V17.5332a.75.75,0,0,0-1.5,0v.69043a2.75259,2.75259,0,0,0,2.749,2.75l9.92382.00928h.042c.01464,0,.03027-.00049.04492-.00146a2.74994,2.74994,0,0,0-.08594-5.49854ZM11.26953,7.02539,5.877,7.01855a1.25,1.25,0,0,1-.001-2.5l5.39746.00635a2.74881,2.74881,0,0,0-.00391,2.50049Zm7.126,12.45752a1.25171,1.25171,0,0,1-1.22949-1.25v-1.25h1.209a1.25008,1.25008,0,0,1,.02051,2.5Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M6.50781,15.62549a.74639.74639,0,0,0,.52832-.21778l3.25293-3.23046a.74993.74993,0,1,0-1.05664-1.06446L6.49707,13.8291,5.27832,12.6665a.74978.74978,0,1,0-1.03516,1.085L5.99023,15.418A.745.745,0,0,0,6.50781,15.62549Z"
+  }));
+};
+export default AgreementsOnM;

package/dist/icons/AiIconM.js

@@ -0,0 +1,24 @@
+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 AiIconM = function AiIconM(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    fill: "currentColor",
+    id: "svg-2189569541icons",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    "data-testid": "ds-icon-ai-icon-m",
+    className: "ai-icon-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("rect", {
+    id: "svg-2189569541canvas",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M16.25,19H7.75A2.7528,2.7528,0,0,1,5,16.25V7.75A2.7528,2.7528,0,0,1,7.75,5h8.5A2.7528,2.7528,0,0,1,19,7.75v8.5A2.7528,2.7528,0,0,1,16.25,19ZM7.75,6.5A1.25116,1.25116,0,0,0,6.5,7.75v8.5A1.25116,1.25116,0,0,0,7.75,17.5h8.5a1.25116,1.25116,0,0,0,1.25-1.25V7.75A1.25116,1.25116,0,0,0,16.25,6.5Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8.499,15.75a.75.75,0,0,1-.623-1.166l4-6A.75.75,0,0,1,13.25,9v6a.75.75,0,0,1-1.5,0V11.47705L9.124,15.416A.7499.7499,0,0,1,8.499,15.75Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M15,15.75a.7502.7502,0,0,1-.75-.75V9a.75.75,0,0,1,1.5,0v6A.7502.7502,0,0,1,15,15.75Z"
+  }));
+};
+export default AiIconM;

package/dist/icons/AiSearchColorM.js

@@ -0,0 +1,27 @@
+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 AiSearchColorM = function AiSearchColorM(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    fill: "currentColor",
+    id: "svg-2297801488Warstwa_1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    x: "0px",
+    y: "0px",
+    viewBox: "0 0 26 26",
+    xmlSpace: "preserve",
+    "data-testid": "ds-icon-ai-search-color-m",
+    className: "ai-search-color-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+    d: "M18.8071,15l2.4759,2.3713c1.0149,1.0189,0.9347,2.7082-0.1286,3.7758 c-1.0224,1.0265-2.6173,1.1404-3.616,0.2654l-0.1169-0.1098L15,19.1083L18.8071,15z",
+    style: {
+      fill: "#FD9F05"
+    }
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.3,4.05c4.5563,0,8.25,3.6937,8.25,8.25s-3.6936,8.25-8.25,8.25s-8.25-3.6936-8.25-8.25 S7.7437,4.05,12.3,4.05z M12.3,8.3c-2.2091,0-4,1.7909-4,4s1.7909,4,4,4s4-1.7909,4-4S14.5091,8.3,12.3,8.3z",
+    style: {
+      fill: "#FFC300"
+    }
+  })));
+};
+export default AiSearchColorM;

package/dist/icons/AiSearchGreyM.js

@@ -0,0 +1,21 @@
+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 AiSearchGreyM = function AiSearchGreyM(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    fill: "currentColor",
+    id: "svg-3313394596Warstwa_1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    x: "0px",
+    y: "0px",
+    viewBox: "0 0 26 26",
+    xmlSpace: "preserve",
+    "data-testid": "ds-icon-ai-search-grey-m",
+    className: "ai-search-grey-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+    d: "M12.3,8.3c-2.2091,0-4,1.7909-4,4c0,2.2092,1.7909,4,4,4c2.2092,0,4-1.7908,4-4 C16.3,10.0909,14.5092,8.3,12.3,8.3z M12.3,14.8c-1.3807,0-2.5-1.1193-2.5-2.5c0-1.3807,1.1193-2.5,2.5-2.5 c1.3807,0,2.5,1.1193,2.5,2.5C14.8,13.6807,13.6807,14.8,12.3,14.8z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M21.2832,17.3712l-1.5585-1.4927C20.2481,14.7949,20.55,13.5841,20.55,12.3c0-4.5563-3.6937-8.25-8.25-8.25 S4.05,7.7437,4.05,12.3s3.6937,8.25,8.25,8.25c1.2331,0,2.3987-0.2781,3.4493-0.763l1.6725,1.5157l0.1169,0.1097 c0.9987,0.875,2.5936,0.7612,3.616-0.2654C22.218,20.0795,22.2981,18.3901,21.2832,17.3712z M5.55,12.3 c0-3.7279,3.0221-6.75,6.75-6.75s6.75,3.0221,6.75,6.75s-3.0221,6.75-6.75,6.75S5.55,16.0279,5.55,12.3z M20.0939,20.0821 c-0.4988,0.5009-1.2339,0.536-1.6393,0.129c-0.5269-0.4778-0.9688-0.8784-1.3437-1.2184c0.6956-0.5009,1.3076-1.1069,1.8173-1.7956 l1.3069,1.2515l0.0728,0.0833C20.6211,18.9405,20.5596,19.6146,20.0939,20.0821z"
+  })));
+};
+export default AiSearchGreyM;

package/dist/icons/AlertMailM.js

@@ -0,0 +1,64 @@
+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 AlertMailM = function AlertMailM(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 82 82",
+    "data-testid": "ds-icon-alert-mail-m",
+    className: "alert-mail-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    id: "svg-2753426465Layer_2",
+    "data-name": "Layer 2"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "svg-2753426465Spaces"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "svg-2753426465R"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "svg-2753426465_7",
+    "data-name": 7
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: 82,
+    height: 82,
+    fill: "#fff",
+    opacity: 0
+  }), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+    d: "M69.58822,57.21316A11.03576,11.03576,0,0,1,58.55246,68.24892H29.12376A11.03576,11.03576,0,0,1,18.088,57.21316V37.73367a7.35716,7.35716,0,0,1,3.70781-6.38828l16.56826-9.46476a11.03575,11.03575,0,0,1,10.94808,0L65.8804,31.34539a7.35715,7.35715,0,0,1,3.70782,6.38828Z",
+    fill: "#d9eeff"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M66.912,53.537A11.03576,11.03576,0,0,1,55.87624,64.57271H26.44755A11.03576,11.03576,0,0,1,15.41179,53.537V34.05746a7.35719,7.35719,0,0,1,3.70781-6.38829l16.56825-9.46476a11.03577,11.03577,0,0,1,10.94809,0l16.56825,9.46476A7.35719,7.35719,0,0,1,66.912,34.05746Z",
+    fill: "none",
+    stroke: "#0b68ff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "2px"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M22.1209,54.8135,36.4332,43.04784a7.09173,7.09173,0,0,1,9.45738,0L60.20289,54.8135",
+    fill: "none",
+    stroke: "#0b68ff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "2px"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: 33.17735,
+    y1: 45.72437,
+    x2: 22.72637,
+    y2: 37.11795,
+    fill: "none",
+    stroke: "#0b68ff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "2px"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: 49.7519,
+    y1: 45.72437,
+    x2: 60.20289,
+    y2: 37.11795,
+    fill: "none",
+    stroke: "#0b68ff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "2px"
+  })))))));
+};
+export default AlertMailM;