@synerise/ds-icon 1.5.2 → 1.5.4

package/dist/cjs/index.d.ts

@@ -1,8 +1,8 @@
 import * as medium from './icons';
 import * as large from './icons/L';
 import * as xLarge from './icons/XL';
-import * as color from './icons/colorIcons';
 import * as additional from './icons/additional';
+import * as color from './icons/colorIcons';
 export { default } from './Icon';
 export * from './Icon.types';
 export * from './Icon.styles';

package/dist/cjs/index.js

@@ -8,10 +8,10 @@ const large = require("./icons/L");
 exports.large = large;
 const xLarge = require("./icons/XL");
 exports.xLarge = xLarge;
-const color = require("./icons/colorIcons");
-exports.color = color;
 const additional = require("./icons/additional");
 exports.additional = additional;
+const color = require("./icons/colorIcons");
+exports.color = color;
 var Icon_1 = require("./Icon");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return Icon_1.default; } });
 tslib_1.__exportStar(require("./Icon.types"), exports);

package/dist/esm/Icon.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { IconProps } from './Icon.types';
+import { type IconProps } from './Icon.types';
 declare const Icon: ({ name, component, className, ...rest }: IconProps) => React.JSX.Element;
 export default Icon;

package/dist/esm/Icon.styles.js

@@ -5,13 +5,13 @@ export const DEFAULT_COLOR_TOKEN = 'grey-800';
 export const IconContainer = styled.div `
     vertical-align: middle;
     display: inline-block;
-    width: ${props => props.size || defaultSize}px;
-    height: ${props => props.size || defaultSize}px;
+    width: ${(props) => props.size || defaultSize}px;
+    height: ${(props) => props.size || defaultSize}px;
     color: inherit;
 
     svg {
       display: block;
-      ${props => {
+      ${(props) => {
     var _a, _b;
     return props.color
         ? css `
@@ -23,12 +23,13 @@ export const IconContainer = styled.div `
 
               &.ds-icon-set-large,
               &.ds-icon-set-xlarge {
-                color: ${((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b[DEFAULT_COLOR_TOKEN]) || theme.palette[DEFAULT_COLOR_TOKEN]};
+                color: ${((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b[DEFAULT_COLOR_TOKEN]) ||
+            theme.palette[DEFAULT_COLOR_TOKEN]};
               }
             `;
 }}
     
-    width: ${props => props.size || defaultSize}px;
-    height: ${props => props.size || defaultSize}px;
-    ${props => props.onClick && 'cursor: pointer;'};
+    width: ${(props) => props.size || defaultSize}px;
+    height: ${(props) => props.size || defaultSize}px;
+    ${(props) => props.onClick && 'cursor: pointer;'};
 `;

package/dist/esm/icons/AbTestM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const AbTestM = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 55 47", className: "ab-test-m ds-icon-set-medium", "data-testid": "ds-icon-ab-test-m" }, props),
-    React.createElement("g", { fill: "none" },
-        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.96m14.768-.001h9.729a4 4 0 014 4v28.076a3.89 3.89 0 01-3.891 3.89H29.728M30.654 1l-9.992 44.144", stroke: "currentColor" }),
-        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.445zm22.929 9.653c1.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" }))));
+const AbTestM = (props) => React.createElement("svg", Object.assign({ 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),
+    React.createElement("g", { fill: "none", fillRule: "evenodd" },
+        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" }),
+        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/esm/icons/AcademyM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const AcademyM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "academy-m ds-icon-set-medium", "data-testid": "ds-icon-academy-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M20.537 7.819l-6.716-2.787a4.776 4.776 0 00-3.641 0L3.463 7.818l-.002.001-.017.01a.779.779 0 00-.357.349.706.706 0 00-.034.07.74.74 0 00-.053.263v5.65a.75.75 0 001.5 0V9.635l1.379.572v5.747c0 1.541 1.061 3.378 6.121 3.378s6.121-1.837 6.121-3.378v-5.747l2.416-1.002a.75.75 0 000-1.386zm-3.916 8.135c0 1.552-2.513 1.878-4.621 1.878s-4.621-.326-4.621-1.878V10.83l2.8 1.162a4.777 4.777 0 003.641 0l2.801-1.162zm-3.376-5.347a3.27 3.27 0 01-2.491 0L5.706 8.512l5.049-2.096a3.27 3.27 0 012.491.001l5.048 2.095z" })));
+const AcademyM = (props) => React.createElement("svg", Object.assign({ 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),
+    React.createElement("rect", { id: "svg-4145125565canvas", width: 24, height: 24, fill: "none" }),
+    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/esm/icons/Add2FullBackgroundM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const Add2FullBackgroundM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "add-2-full-background-m ds-icon-set-medium", "data-testid": "ds-icon-add-2-full-background-m" }, props),
-    React.createElement("circle", { cx: 12, cy: 12, r: 7, fill: "#fff" }),
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 20a8 8 0 118-8 8.01 8.01 0 01-8 8zm0-14.5a6.5 6.5 0 106.5 6.5A6.508 6.508 0 0012 5.5zm.75 5.75h2a.75.75 0 010 1.5h-2v2a.75.75 0 01-1.5 0v-2h-2a.75.75 0 010-1.5h2v-2a.75.75 0 011.5 0v2z" })));
+const Add2FullBackgroundM = (props) => React.createElement("svg", Object.assign({ 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),
+    React.createElement("circle", { cx: 12, cy: 12, r: 7, fill: "white" }),
+    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/esm/icons/Add2M.js

@@ -1,6 +1,8 @@
 import React from 'react';
-const Add2M = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "add-2-m ds-icon-set-medium", "data-testid": "ds-icon-add-2-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12 20a8 8 0 118-8 8.01 8.01 0 01-8 8zm0-14.5a6.5 6.5 0 106.5 6.5A6.508 6.508 0 0012 5.5z" }),
-    React.createElement("path", { d: "M14.75 11.25h-2v-2a.75.75 0 00-1.5 0v2h-2a.75.75 0 000 1.5h2v2a.75.75 0 001.5 0v-2h2a.75.75 0 000-1.5z" })));
+const Add2M = (props) => React.createElement("svg", Object.assign({ 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),
+    React.createElement("g", { id: "svg-208084565transparent_canvas" },
+        React.createElement("rect", { id: "svg-208084565canvas", width: 24, height: 24, fill: "none" })),
+    React.createElement("g", { id: "svg-208084565icons" },
+        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" }),
+        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/esm/icons/Add2S.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const Add2S = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "add-2-s ds-icon-set-medium", "data-testid": "ds-icon-add-2-s" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M14.56 11.25h-1.81V9.44a.75.75 0 00-1.5 0v1.81H9.44a.75.75 0 000 1.5h1.81v1.81a.75.75 0 001.5 0v-1.81h1.81a.75.75 0 000-1.5z" }),
-    React.createElement("path", { d: "M16.243 7.757A6 6 0 1018 12a6.006 6.006 0 00-1.757-4.243zm-1.06 7.425A4.5 4.5 0 1116.5 12a4.469 4.469 0 01-1.318 3.182z" })));
+const Add2S = (props) => React.createElement("svg", Object.assign({ 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),
+    React.createElement("rect", { id: "svg-457420107canvas", width: 24, height: 24, fill: "none" }),
+    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" }),
+    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/esm/icons/Add3FullBackgroundM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const Add3FullBackgroundM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "add-3-full-background-m ds-icon-set-medium", "data-testid": "ds-icon-add-3-full-background-m" }, props),
-    React.createElement("circle", { cx: 12, cy: 12, r: 7, fill: "#fff" }),
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 12a8 8 0 018-8 8.01 8.01 0 018 8 8 8 0 11-16 0zm8.75.75h2a.75.75 0 000-1.5h-2v-2a.75.75 0 00-1.5 0v2h-2a.75.75 0 000 1.5h2v2a.75.75 0 001.5 0v-2z" })));
+const Add3FullBackgroundM = (props) => React.createElement("svg", Object.assign({ 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),
+    React.createElement("circle", { cx: 12, cy: 12, r: 7, fill: "white" }),
+    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/esm/icons/Add3M.js

@@ -1,5 +1,7 @@
 import React from 'react';
-const Add3M = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "add-3-m ds-icon-set-medium", "data-testid": "ds-icon-add-3-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12 4a8 8 0 108 8 8.01 8.01 0 00-8-8zm2.75 8.75h-2v2a.75.75 0 01-1.5 0v-2h-2a.75.75 0 010-1.5h2v-2a.75.75 0 011.5 0v2h2a.75.75 0 010 1.5z" })));
+const Add3M = (props) => React.createElement("svg", Object.assign({ 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),
+    React.createElement("g", { id: "svg-1478607060transparent_canvas" },
+        React.createElement("rect", { id: "svg-1478607060canvas", width: 24, height: 24, fill: "none" })),
+    React.createElement("g", { id: "svg-1478607060icons" },
+        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/esm/icons/Add3S.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const Add3S = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "add-3-s ds-icon-set-medium", "data-testid": "ds-icon-add-3-s" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12 6a6 6 0 106 6 6.007 6.007 0 00-6-6zm2.56 6.75h-1.81v1.81a.75.75 0 01-1.5 0v-1.81H9.44a.75.75 0 010-1.5h1.81V9.44a.75.75 0 011.5 0v1.81h1.81a.75.75 0 010 1.5z" })));
+const Add3S = (props) => React.createElement("svg", Object.assign({ 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),
+    React.createElement("rect", { id: "svg-1515958474canvas", width: 24, height: 24, fill: "none" }),
+    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/esm/icons/AddM.js

@@ -1,5 +1,7 @@
 import React from 'react';
-const AddM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "add-m ds-icon-set-medium", "data-testid": "ds-icon-add-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M17.41 11.25h-4.66V6.5a.75.75 0 00-1.5 0v4.75H6.59a.75.75 0 100 1.5h4.66v4.75a.75.75 0 001.5 0v-4.75h4.66a.75.75 0 000-1.5z" })));
+const AddM = (props) => React.createElement("svg", Object.assign({ 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),
+    React.createElement("g", { id: "svg-1611058730transparent_canvas" },
+        React.createElement("rect", { id: "svg-1611058730canvas", width: 24, height: 24, fill: "none" })),
+    React.createElement("g", { id: "svg-1611058730icons" },
+        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/esm/icons/AddS.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const AddS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "add-s ds-icon-set-medium", "data-testid": "ds-icon-add-s" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M16.596 11.25H12.75V7.404a.75.75 0 00-1.5 0v3.846H7.404a.75.75 0 000 1.5h3.846v3.847a.75.75 0 001.5 0V12.75h3.846a.75.75 0 000-1.5z" })));
+const AddS = (props) => React.createElement("svg", Object.assign({ 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),
+    React.createElement("rect", { id: "svg-2689760180canvas", width: 24, height: 24, fill: "none" }),
+    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/esm/icons/AggregateM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const AggregateM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "aggregate-m ds-icon-set-medium", "data-testid": "ds-icon-aggregate-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12 4a8 8 0 108 8 8.01 8.01 0 00-8-8zm0 14.5a6.5 6.5 0 116.5-6.5 6.508 6.508 0 01-6.5 6.5z" }),
-    React.createElement("path", { d: "M14 8.75a.75.75 0 00-.75-.75h-3.5a.75.75 0 00-.56 1.25L11.65 12l-2.46 2.75A.75.75 0 009.75 16h3.5a.75.75 0 000-1.5h-1.823l1.789-2a.75.75 0 000-1l-1.789-2h1.823a.75.75 0 00.75-.75z" })));
+const AggregateM = (props) => React.createElement("svg", Object.assign({ 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),
+    React.createElement("rect", { id: "svg-1917644778canvas", width: 24, height: 24, fill: "none" }),
+    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" }),
+    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/esm/icons/AgreementsOffM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const AgreementsOffM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "agreements-off-m ds-icon-set-medium", "data-testid": "ds-icon-agreements-off-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M18.375 15.483h-1.209V5.778a2.753 2.753 0 00-2.749-2.75l-8.54-.01a2.75 2.75 0 00-.001 5.5l7.84.01h.005a.75.75 0 000-1.5h-.004a1.251 1.251 0 01-1.246-1.25 1.267 1.267 0 011.284-1.25h.661a1.251 1.251 0 011.25 1.25v12.455a2.715 2.715 0 00.313 1.248l-7.528-.007a1.251 1.251 0 01-1.25-1.25v-.69a.75.75 0 00-1.5 0v.69a2.753 2.753 0 002.75 2.75l9.923.009h.042c.015 0 .03 0 .045-.002a2.75 2.75 0 00-.086-5.498zM11.27 7.025L5.877 7.02a1.25 1.25 0 01-.001-2.5l5.397.006a2.749 2.749 0 00-.003 2.5zm7.126 12.458a1.252 1.252 0 01-1.23-1.25v-1.25h1.209a1.25 1.25 0 01.02 2.5z" }),
-    React.createElement("path", { d: "M8.42 16.29a.75.75 0 001.061-1.06l-1.97-1.97 1.97-1.97a.75.75 0 00-1.06-1.06L6.45 12.2l-1.97-1.97a.75.75 0 00-1.06 1.06l1.97 1.97-1.97 1.97a.75.75 0 101.06 1.06l1.97-1.97z" })));
+const AgreementsOffM = (props) => React.createElement("svg", Object.assign({ 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),
+    React.createElement("rect", { id: "svg-591926492canvas", width: 24, height: 24, fill: "none" }),
+    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" }),
+    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/esm/icons/AgreementsOnM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const AgreementsOnM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "agreements-on-m ds-icon-set-medium", "data-testid": "ds-icon-agreements-on-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M18.375 15.483h-1.209V5.778a2.753 2.753 0 00-2.749-2.75l-8.54-.01a2.75 2.75 0 00-.001 5.5l7.84.01h.005a.75.75 0 000-1.5h-.004a1.251 1.251 0 01-1.246-1.25 1.269 1.269 0 011.284-1.25h.661a1.251 1.251 0 011.25 1.25v12.455a2.715 2.715 0 00.313 1.248l-7.528-.007a1.251 1.251 0 01-1.25-1.25v-.69a.75.75 0 00-1.5 0v.69a2.753 2.753 0 002.75 2.75l9.923.009h.042c.015 0 .03 0 .045-.002a2.75 2.75 0 00-.086-5.498zM11.27 7.025L5.877 7.02a1.25 1.25 0 01-.001-2.5l5.397.006a2.749 2.749 0 00-.003 2.5zm7.126 12.458a1.252 1.252 0 01-1.23-1.25v-1.25h1.209a1.25 1.25 0 01.02 2.5z" }),
-    React.createElement("path", { d: "M6.508 15.625a.746.746 0 00.528-.217l3.253-3.23a.75.75 0 10-1.057-1.065l-2.735 2.716-1.219-1.163a.75.75 0 10-1.035 1.085l1.747 1.667a.745.745 0 00.518.207z" })));
+const AgreementsOnM = (props) => React.createElement("svg", Object.assign({ 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),
+    React.createElement("rect", { id: "svg-3086347922canvas", width: 24, height: 24, fill: "none" }),
+    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" }),
+    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/esm/icons/AiIconM.js

@@ -1,6 +1,7 @@
 import React from 'react';
-const AiIconM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "ai-icon-m ds-icon-set-medium", "data-testid": "ds-icon-ai-icon-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M16.25 19h-8.5A2.753 2.753 0 015 16.25v-8.5A2.753 2.753 0 017.75 5h8.5A2.753 2.753 0 0119 7.75v8.5A2.753 2.753 0 0116.25 19zM7.75 6.5A1.251 1.251 0 006.5 7.75v8.5a1.251 1.251 0 001.25 1.25h8.5a1.251 1.251 0 001.25-1.25v-8.5a1.251 1.251 0 00-1.25-1.25z" }),
-    React.createElement("path", { d: "M8.499 15.75a.75.75 0 01-.623-1.166l4-6A.75.75 0 0113.25 9v6a.75.75 0 01-1.5 0v-3.523l-2.626 3.939a.75.75 0 01-.625.334zM15 15.75a.75.75 0 01-.75-.75V9a.75.75 0 011.5 0v6a.75.75 0 01-.75.75z" })));
+const AiIconM = (props) => React.createElement("svg", Object.assign({ 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),
+    React.createElement("rect", { id: "svg-2189569541canvas", width: 24, height: 24, fill: "none" }),
+    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" }),
+    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" }),
+    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/esm/icons/AiSearchColorM.js

@@ -1,5 +1,10 @@
 import React from 'react';
-const AiSearchColorM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 26 26", className: "ai-search-color-m ds-icon-set-medium", "data-testid": "ds-icon-ai-search-color-m" }, props),
-    React.createElement("path", { d: "M18.807 15l2.476 2.371c1.015 1.02.935 2.709-.129 3.776-1.022 1.027-2.617 1.14-3.616.266l-.117-.11L15 19.108 18.807 15z", fill: "#fd9f05" }),
-    React.createElement("path", { d: "M12.3 4.05a8.25 8.25 0 110 16.5 8.25 8.25 0 010-16.5zm0 4.25a4 4 0 100 8 4 4 0 000-8z", fill: "#ffc300" })));
+const AiSearchColorM = (props) => React.createElement("svg", Object.assign({ 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),
+    React.createElement("g", null,
+        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"
+            } }),
+        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/esm/icons/AiSearchGreyM.js

@@ -1,5 +1,6 @@
 import React from 'react';
-const AiSearchGreyM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 26 26", className: "ai-search-grey-m ds-icon-set-medium", "data-testid": "ds-icon-ai-search-grey-m" }, props),
-    React.createElement("path", { d: "M12.3 8.3a4 4 0 100 8 4 4 0 000-8zm0 6.5a2.5 2.5 0 110-5 2.5 2.5 0 010 5z" }),
-    React.createElement("path", { d: "M21.283 17.371l-1.558-1.492a8.201 8.201 0 00.825-3.579 8.25 8.25 0 10-8.25 8.25 8.205 8.205 0 003.45-.763l1.672 1.516.117.11c.998.874 2.593.76 3.616-.266 1.063-1.067 1.143-2.757.128-3.776zM5.55 12.3a6.75 6.75 0 1113.5 0 6.75 6.75 0 01-13.5 0zm14.544 7.782c-.499.501-1.234.536-1.64.13l-1.343-1.22a8.283 8.283 0 001.817-1.795l1.307 1.252.073.083c.313.409.252 1.083-.214 1.55z" })));
+const AiSearchGreyM = (props) => React.createElement("svg", Object.assign({ 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),
+    React.createElement("g", null,
+        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" }),
+        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/esm/icons/AlertMailM.js

@@ -1,8 +1,14 @@
 import React from 'react';
-const AlertMailM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 82 82", className: "alert-mail-m ds-icon-set-medium", "data-testid": "ds-icon-alert-mail-m" }, props),
-    React.createElement("g", { "data-name": "Layer 2" },
-        React.createElement("g", { "data-name": 7 },
-            React.createElement("path", { d: "M69.588 57.213A11.036 11.036 0 0158.552 68.25H29.124a11.036 11.036 0 01-11.036-11.036v-19.48a7.357 7.357 0 013.708-6.388l16.568-9.464a11.036 11.036 0 0110.948 0l16.568 9.464a7.357 7.357 0 013.708 6.389z", fill: "#d9eeff" }),
-            React.createElement("path", { d: "M66.912 53.537a11.036 11.036 0 01-11.036 11.036H26.448a11.036 11.036 0 01-11.036-11.036v-19.48a7.357 7.357 0 013.708-6.388l16.568-9.465a11.036 11.036 0 0110.948 0l16.568 9.465a7.357 7.357 0 013.708 6.388z", fill: "none", stroke: "#0b68ff", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2 }),
-            React.createElement("path", { d: "M22.12 54.813l14.313-11.765a7.092 7.092 0 019.458 0l14.312 11.765M33.177 45.724l-10.451-8.606M49.752 45.724l10.451-8.606", fill: "none", stroke: "#0b68ff", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2 })))));
+const AlertMailM = (props) => React.createElement("svg", Object.assign({ 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),
+    React.createElement("g", { id: "svg-2753426465Layer_2", "data-name": "Layer 2" },
+        React.createElement("g", { id: "svg-2753426465Spaces" },
+            React.createElement("g", { id: "svg-2753426465R" },
+                React.createElement("g", { id: "svg-2753426465_7", "data-name": 7 },
+                    React.createElement("rect", { width: 82, height: 82, fill: "#fff", opacity: 0 }),
+                    React.createElement("g", null,
+                        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" }),
+                        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" }),
+                        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" }),
+                        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" }),
+                        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;

package/dist/esm/icons/AlertSmsM.js

@@ -1,13 +1,17 @@
 import React from 'react';
-const AlertSmsM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 82 82", className: "alert-sms-m ds-icon-set-medium", "data-testid": "ds-icon-alert-sms-m" }, props),
-    React.createElement("g", { "data-name": "Layer 2" },
-        React.createElement("g", { "data-name": 7 },
-            React.createElement("rect", { x: 18.775, y: 28, width: 50, height: 34, rx: 3.897, transform: "rotate(90 43.775 45)", fill: "#d9eeff" }),
-            React.createElement("path", { fill: "none", stroke: "#0b68ff", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M32.541 22.165H42.96" }),
-            React.createElement("circle", { cx: 48.323, cy: 22.165, r: 1, fill: "#0b68ff" }),
-            React.createElement("path", { d: "M56.775 55.702v6.4A3.897 3.897 0 0152.878 66H26.672a3.897 3.897 0 01-3.897-3.897V19.897A3.897 3.897 0 0126.672 16h26.206a3.897 3.897 0 013.897 3.897v4.788", fill: "none", stroke: "#0b68ff", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2 }),
-            React.createElement("path", { d: "M40.705 30.702h21.04a3.462 3.462 0 013.48 3.444v11.786a3.462 3.462 0 01-3.48 3.443H48.377l-6.396 6.327v-6.327h-1.277a3.462 3.462 0 01-3.48-3.443V34.146a3.462 3.462 0 013.48-3.444z", fill: "#fff", stroke: "#0b68ff", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2 }),
-            React.createElement("circle", { cx: 51.225, cy: 40.28, r: 1.676, fill: "#0b68ff" }),
-            React.createElement("circle", { cx: 58.642, cy: 40.28, r: 1.675, fill: "#0b68ff" }),
-            React.createElement("circle", { cx: 43.808, cy: 40.28, r: 1.676, fill: "#0b68ff" })))));
+const AlertSmsM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 82 82", "data-testid": "ds-icon-alert-sms-m", className: "alert-sms-m ds-icon-set-medium" }, props),
+    React.createElement("g", { id: "svg-1440959525Layer_2", "data-name": "Layer 2" },
+        React.createElement("g", { id: "svg-1440959525Spaces" },
+            React.createElement("g", { id: "svg-1440959525R" },
+                React.createElement("g", { id: "svg-1440959525_7", "data-name": 7 },
+                    React.createElement("rect", { width: 82, height: 82, fill: "#fff", opacity: 0 }),
+                    React.createElement("g", null,
+                        React.createElement("rect", { x: 18.77542, y: 28, width: 50, height: 34, rx: 3.89706, transform: "translate(88.77542 1.22458) rotate(90)", fill: "#d9eeff" }),
+                        React.createElement("line", { x1: 32.54064, y1: 22.16529, x2: 42.96007, y2: 22.16529, fill: "none", stroke: "#0b68ff", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2px" }),
+                        React.createElement("circle", { cx: 48.32325, cy: 22.16529, r: 1, fill: "#0b68ff" }),
+                        React.createElement("path", { d: "M56.77542,55.70238v6.40056A3.89706,3.89706,0,0,1,52.87835,66H26.67248a3.89706,3.89706,0,0,1-3.89706-3.89706V19.89706A3.89706,3.89706,0,0,1,26.67248,16H52.87835a3.89707,3.89707,0,0,1,3.89707,3.89706v4.78765", fill: "none", stroke: "#0b68ff", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2px" }),
+                        React.createElement("path", { d: "M40.70509,30.70238h21.039a3.462,3.462,0,0,1,3.4805,3.44329V45.9319a3.462,3.462,0,0,1-3.4805,3.44328H48.37786l-6.39558,6.3272v-6.3272H40.70509a3.462,3.462,0,0,1-3.4805-3.44328V34.14567A3.462,3.462,0,0,1,40.70509,30.70238Z", fill: "#fff", stroke: "#0b68ff", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2px" }),
+                        React.createElement("circle", { cx: 51.2249, cy: 40.27991, r: 1.67591, fill: "#0b68ff" }),
+                        React.createElement("circle", { cx: 58.64188, cy: 40.27991, r: 1.67528, fill: "#0b68ff" }),
+                        React.createElement("circle", { cx: 43.80793, cy: 40.27991, r: 1.67591, fill: "#0b68ff" })))))));
 export default AlertSmsM;

package/dist/esm/icons/AlignCenterM.js

@@ -1,5 +1,8 @@
 import React from 'react';
-const AlignCenterM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "align-center-m ds-icon-set-medium", "data-testid": "ds-icon-align-center-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M5.75 7.5h12.5a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5zM7.312 9.5a.75.75 0 000 1.5h9.375a.75.75 0 000-1.5zM5.75 14.5h12.5a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5zM15.125 18a.75.75 0 000-1.5h-6.25a.75.75 0 000 1.5z" })));
+const AlignCenterM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1201787904icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-align-center-m", className: "align-center-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1201787904canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M5.75,7.5h12.5a.75.75,0,0,0,0-1.5H5.75a.75.75,0,0,0,0,1.5Z" }),
+    React.createElement("path", { d: "M7.31248,9.5a.75.75,0,0,0,0,1.5h9.375a.75.75,0,0,0,0-1.5Z" }),
+    React.createElement("path", { d: "M5.75,14.5h12.5a.75.75,0,0,0,0-1.5H5.75a.75.75,0,0,0,0,1.5Z" }),
+    React.createElement("path", { d: "M15.125,18a.75.75,0,0,0,0-1.5H8.875a.75.75,0,0,0,0,1.5Z" }));
 export default AlignCenterM;

package/dist/esm/icons/AlignHorCenterM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const AlignHorCenterM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "align-hor-center-m ds-icon-set-medium", "data-testid": "ds-icon-align-hor-center-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M10.5 15.5h.75v4.75a.75.75 0 001.5 0V15.5h.75a3.5 3.5 0 000-7h-.75V3.75a.75.75 0 00-1.5 0V8.5h-.75a3.5 3.5 0 000 7zm0-5.5h3a2 2 0 010 4h-3a2 2 0 010-4z" })));
+const AlignHorCenterM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2279836440icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-align-hor-center-m", className: "align-hor-center-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-2279836440canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M10.5,15.5h.75v4.75a.75.75,0,0,0,1.5,0V15.5h.75a3.5,3.5,0,0,0,0-7h-.75V3.75a.75.75,0,0,0-1.5,0V8.5H10.5a3.5,3.5,0,0,0,0,7Zm0-5.5h3a2,2,0,0,1,0,4h-3a2,2,0,0,1,0-4Z" }));
 export default AlignHorCenterM;

package/dist/esm/icons/AlignHorLeftM.js

@@ -1,5 +1,6 @@
 import React from 'react';
-const AlignHorLeftM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "align-hor-left-m ds-icon-set-medium", "data-testid": "ds-icon-align-hor-left-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M10.5 15.5h3a3.5 3.5 0 000-7h-3a3.5 3.5 0 000 7zm0-5.5h3a2 2 0 010 4h-3a2 2 0 010-4zM3.75 21a.75.75 0 00.75-.75V3.75a.75.75 0 00-1.5 0v16.5a.75.75 0 00.75.75z" })));
+const AlignHorLeftM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3576456328icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-align-hor-left-m", className: "align-hor-left-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3576456328canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M10.5,15.5h3a3.5,3.5,0,0,0,0-7h-3a3.5,3.5,0,0,0,0,7Zm0-5.5h3a2,2,0,0,1,0,4h-3a2,2,0,0,1,0-4Z" }),
+    React.createElement("path", { d: "M3.75,21a.7502.7502,0,0,0,.75-.75V3.75a.75.75,0,0,0-1.5,0v16.5A.7502.7502,0,0,0,3.75,21Z" }));
 export default AlignHorLeftM;

package/dist/esm/icons/AlignHorRightM.js

@@ -1,5 +1,6 @@
 import React from 'react';
-const AlignHorRightM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "align-hor-right-m ds-icon-set-medium", "data-testid": "ds-icon-align-hor-right-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M13.5 15.5a3.5 3.5 0 000-7h-3a3.5 3.5 0 000 7zm-5-3.5a2.002 2.002 0 012-2h3a2 2 0 010 4h-3a2.002 2.002 0 01-2-2zM20.25 3a.75.75 0 00-.75.75v16.5a.75.75 0 001.5 0V3.75a.75.75 0 00-.75-.75z" })));
+const AlignHorRightM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1934651155icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-align-hor-right-m", className: "align-hor-right-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1934651155canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M13.5,15.5a3.5,3.5,0,0,0,0-7h-3a3.5,3.5,0,0,0,0,7ZM8.5,12a2.002,2.002,0,0,1,2-2h3a2,2,0,0,1,0,4h-3A2.002,2.002,0,0,1,8.5,12Z" }),
+    React.createElement("path", { d: "M20.25,3a.7502.7502,0,0,0-.75.75v16.5a.75.75,0,0,0,1.5,0V3.75A.7502.7502,0,0,0,20.25,3Z" }));
 export default AlignHorRightM;

package/dist/esm/icons/AlignJustifyM.js

@@ -1,5 +1,8 @@
 import React from 'react';
-const AlignJustifyM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "align-justify-m ds-icon-set-medium", "data-testid": "ds-icon-align-justify-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M5.75 7.5h12.5a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5zM5.75 11h12.5a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5zM5.75 14.5h12.5a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5zM5.75 18h12.5a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5z" })));
+const AlignJustifyM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2892177093icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-align-justify-m", className: "align-justify-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-2892177093canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M5.75,7.5h12.5a.75.75,0,0,0,0-1.5H5.75a.75.75,0,0,0,0,1.5Z" }),
+    React.createElement("path", { d: "M5.75,11h12.5a.75.75,0,0,0,0-1.5H5.75a.75.75,0,0,0,0,1.5Z" }),
+    React.createElement("path", { d: "M5.75,14.5h12.5a.75.75,0,0,0,0-1.5H5.75a.75.75,0,0,0,0,1.5Z" }),
+    React.createElement("path", { d: "M5.75,18h12.5a.75.75,0,0,0,0-1.5H5.75a.75.75,0,0,0,0,1.5Z" }));
 export default AlignJustifyM;

package/dist/esm/icons/AlignLeftM.js

@@ -1,5 +1,8 @@
 import React from 'react';
-const AlignLeftM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "align-left-m ds-icon-set-medium", "data-testid": "ds-icon-align-left-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M5.75 7.5h12.5a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5zM5.75 11h9.375a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5zM5.75 14.5h12.5a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5zM5.75 18H12a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5z" })));
+const AlignLeftM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-17112464icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-align-left-m", className: "align-left-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-17112464canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M5.75,7.5h12.5a.75.75,0,0,0,0-1.5H5.75a.75.75,0,0,0,0,1.5Z" }),
+    React.createElement("path", { d: "M5.75,11h9.375a.75.75,0,0,0,0-1.5H5.75a.75.75,0,0,0,0,1.5Z" }),
+    React.createElement("path", { d: "M5.75,14.5h12.5a.75.75,0,0,0,0-1.5H5.75a.75.75,0,0,0,0,1.5Z" }),
+    React.createElement("path", { d: "M5.75,18H12a.75.75,0,0,0,0-1.5H5.75a.75.75,0,0,0,0,1.5Z" }));
 export default AlignLeftM;

package/dist/esm/icons/AlignRightM.js

@@ -1,5 +1,8 @@
 import React from 'react';
-const AlignRightM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "align-right-m ds-icon-set-medium", "data-testid": "ds-icon-align-right-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M5.75 7.5h12.5a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5zM18.25 9.5H8.875a.75.75 0 000 1.5h9.375a.75.75 0 000-1.5zM5.75 14.5h12.5a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5zM18.25 16.5H12a.75.75 0 000 1.5h6.25a.75.75 0 000-1.5z" })));
+const AlignRightM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2742672779icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-align-right-m", className: "align-right-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-2742672779canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M5.75,7.5h12.5a.75.75,0,0,0,0-1.5H5.75a.75.75,0,0,0,0,1.5Z" }),
+    React.createElement("path", { d: "M18.25,9.5H8.875a.75.75,0,0,0,0,1.5H18.25a.75.75,0,0,0,0-1.5Z" }),
+    React.createElement("path", { d: "M5.75,14.5h12.5a.75.75,0,0,0,0-1.5H5.75a.75.75,0,0,0,0,1.5Z" }),
+    React.createElement("path", { d: "M18.25,16.5H12A.75.75,0,0,0,12,18h6.25a.75.75,0,0,0,0-1.5Z" }));
 export default AlignRightM;

package/dist/esm/icons/AlignVertCenterM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const AlignVertCenterM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "align-vert-center-m ds-icon-set-medium", "data-testid": "ds-icon-align-vert-center-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M20.25 11.25H15.5v-.75a3.5 3.5 0 00-7 0v.75H3.75a.75.75 0 000 1.5H8.5v.75a3.5 3.5 0 007 0v-.75h4.75a.75.75 0 000-1.5zM14 13.5a2 2 0 01-4 0v-3a2 2 0 014 0z" })));
+const AlignVertCenterM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-278263448icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-align-vert-center-m", className: "align-vert-center-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-278263448canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M20.25,11.25H15.5V10.5a3.5,3.5,0,0,0-7,0v.75H3.75a.75.75,0,0,0,0,1.5H8.5v.75a3.5,3.5,0,0,0,7,0v-.75h4.75a.75.75,0,0,0,0-1.5ZM14,13.5a2,2,0,0,1-4,0v-3a2,2,0,0,1,4,0Z" }));
 export default AlignVertCenterM;

package/dist/esm/icons/AlignVertDownM.js

@@ -1,5 +1,6 @@
 import React from 'react';
-const AlignVertDownM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "align-vert-down-m ds-icon-set-medium", "data-testid": "ds-icon-align-vert-down-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M8.5 10.5v3a3.5 3.5 0 007 0v-3a3.5 3.5 0 00-7 0zm5.5 0v3a2 2 0 01-4 0v-3a2 2 0 014 0zM20.25 19.5H3.75a.75.75 0 000 1.5h16.5a.75.75 0 000-1.5z" })));
+const AlignVertDownM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1533532001icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-align-vert-down-m", className: "align-vert-down-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1533532001canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M8.5,10.5v3a3.5,3.5,0,0,0,7,0v-3a3.5,3.5,0,0,0-7,0Zm5.5,0v3a2,2,0,0,1-4,0v-3a2,2,0,0,1,4,0Z" }),
+    React.createElement("path", { d: "M20.25,19.5H3.75a.75.75,0,0,0,0,1.5h16.5a.75.75,0,0,0,0-1.5Z" }));
 export default AlignVertDownM;

package/dist/esm/icons/AlignVertUpM.js

@@ -1,5 +1,7 @@
 import React from 'react';
-const AlignVertUpM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "align-vert-up-m ds-icon-set-medium", "data-testid": "ds-icon-align-vert-up-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M8.5 10.5v3a3.5 3.5 0 007 0v-3a3.5 3.5 0 00-7 0zm5.5 0v3a2 2 0 01-4 0v-3a2 2 0 014 0zM3.75 4.5h16.5a.75.75 0 000-1.5H3.75a.75.75 0 000 1.5zM21 20.25a.75.75 0 00-.75-.75H3.75a.75.75 0 000 1.5h16.5a.75.75 0 00.75-.75z" })));
+const AlignVertUpM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1933104182icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-align-vert-up-m", className: "align-vert-up-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1933104182canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M8.5,10.5v3a3.5,3.5,0,0,0,7,0v-3a3.5,3.5,0,0,0-7,0Zm5.5,0v3a2,2,0,0,1-4,0v-3a2,2,0,0,1,4,0Z" }),
+    React.createElement("path", { d: "M3.75,4.5h16.5a.75.75,0,0,0,0-1.5H3.75a.75.75,0,0,0,0,1.5Z" }),
+    React.createElement("path", { d: "M21,20.25a.7502.7502,0,0,0-.75-.75H3.75a.75.75,0,0,0,0,1.5h16.5A.7502.7502,0,0,0,21,20.25Z" }));
 export default AlignVertUpM;

package/dist/esm/icons/AnalyticsColorM.js

@@ -1,5 +1,10 @@
 import React from 'react';
-const AnalyticsColorM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 26 26", className: "analytics-color-m ds-icon-set-medium", "data-testid": "ds-icon-analytics-color-m" }, props),
-    React.createElement("path", { d: "M16 4h4a2 2 0 012 2v14a2 2 0 01-2 2h-4a2 2 0 01-2-2V6a2 2 0 012-2z", fill: "#ff2f52" }),
-    React.createElement("path", { d: "M6 12h4a2 2 0 012 2v6a2 2 0 01-2 2H6a2 2 0 01-2-2v-6a2 2 0 012-2z", fill: "#d41640" })));
+const AnalyticsColorM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3782019437Warstwa_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-analytics-color-m", className: "analytics-color-m ds-icon-set-medium" }, props),
+    React.createElement("g", null,
+        React.createElement("path", { d: "M16,4h4c1.105,0,2,0.895,2,2v14c0,1.105-0.895,2-2,2h-4c-1.105,0-2-0.895-2-2V6C14,4.895,14.895,4,16,4z", style: {
+                fill: "#FF2F52"
+            } }),
+        React.createElement("path", { d: "M6,12h4c1.105,0,2,0.895,2,2v6c0,1.105-0.895,2-2,2H6c-1.105,0-2-0.895-2-2v-6C4,12.895,4.895,12,6,12z", style: {
+                fill: "#D41640"
+            } })));
 export default AnalyticsColorM;