@synerise/ds-icon 1.13.1 → 1.14.1

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.14.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-icon@1.14.0...@synerise/ds-icon@1.14.1) (2026-02-19)
+
+### Bug Fixes
+
+- **icon:** iconName type changed to literal string union ([0d73571](https://github.com/Synerise/synerise-design/commit/0d735719bf44bed1c0ed6844a2d3eb069a40aab5))
+
+# [1.14.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-icon@1.13.1...@synerise/ds-icon@1.14.0) (2026-02-12)
+
+### Features
+
+- **icon:** new app menu icons ([1198e96](https://github.com/Synerise/synerise-design/commit/1198e969e9de0a6d0c0861114efcabcbc8de6343))
+
 ## [1.13.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-icon@1.13.0...@synerise/ds-icon@1.13.1) (2026-02-11)
 
 ### Bug Fixes

package/dist/DynamicIcon/iconManifest.d.ts

@@ -1,5 +1,16 @@
 import { type ComponentType, type SVGProps } from 'react';
+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';
 type IconComponent = ComponentType<SVGProps<SVGSVGElement>>;
 type IconModule = Record<string, IconComponent>;
+type MediumIconNames = keyof typeof medium;
+type LargeIconNames = keyof typeof large;
+type XLargeIconNames = keyof typeof xlarge;
+type AdditionalIconNames = keyof typeof additional;
+type ColorIconNames = keyof typeof color;
+export type AllIconNames = MediumIconNames | LargeIconNames | XLargeIconNames | AdditionalIconNames | ColorIconNames;
 export declare const iconManifest: Record<string, IconModule>;
 export {};

package/dist/DynamicIcon/iconManifest.js

@@ -3,6 +3,11 @@ 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
 }, {

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

@@ -1,70 +1,70 @@
-export { default as WarningL } from './WarningL';
-export { default as VideoL } from './VideoL';
 export { default as TooltipL } from './TooltipL';
-export { default as TextL } from './TextL';
-export { default as TableL } from './TableL';
 export { default as TextareaL } from './TextareaL';
-export { default as SpinnerL } from './SpinnerL';
-export { default as ShowL } from './ShowL';
-export { default as StackedL } from './StackedL';
+export { default as VideoL } from './VideoL';
+export { default as TextL } from './TextL';
+export { default as WarningL } from './WarningL';
 export { default as SliderL } from './SliderL';
+export { default as ShowL } from './ShowL';
+export { default as TimeL } from './TimeL';
 export { default as SectionL } from './SectionL';
 export { default as SelectL } from './SelectL';
-export { default as TimeL } from './TimeL';
-export { default as Section37L } from './Section37L';
+export { default as TableL } from './TableL';
+export { default as StackedL } from './StackedL';
 export { default as SearchNoResultsL } from './SearchNoResultsL';
+export { default as Section37L } from './Section37L';
 export { default as Section12L } from './Section12L';
-export { default as RelationOneOneL } from './RelationOneOneL';
+export { default as SpinnerL } from './SpinnerL';
+export { default as RelationManyOneL } from './RelationManyOneL';
+export { default as QuoteL } from './QuoteL';
 export { default as Section13L } from './Section13L';
+export { default as RelationOneOneL } from './RelationOneOneL';
 export { default as RelationOneManyL } from './RelationOneManyL';
-export { default as RelationManyManyL } from './RelationManyManyL';
-export { default as QuoteL } from './QuoteL';
-export { default as RelationManyOneL } from './RelationManyOneL';
 export { default as RadioL } from './RadioL';
 export { default as NoData } from './NoData';
-export { default as NavbarL } from './NavbarL';
-export { default as NoPermissionL } from './NoPermissionL';
-export { default as MultilineL } from './MultilineL';
+export { default as MobileUrlL } from './MobileUrlL';
 export { default as MobileLinkL } from './MobileLinkL';
-export { default as MobileLayout3L } from './MobileLayout3L';
+export { default as MultilineL } from './MultilineL';
+export { default as RelationManyManyL } from './RelationManyManyL';
 export { default as PieL } from './PieL';
-export { default as MobileLayout2L } from './MobileLayout2L';
-export { default as MobileLayout1L } from './MobileLayout1L';
-export { default as LinkL } from './LinkL';
+export { default as NavbarL } from './NavbarL';
 export { default as MobileLayout4L } from './MobileLayout4L';
-export { default as MobileBlockL } from './MobileBlockL';
-export { default as MobileUrlL } from './MobileUrlL';
+export { default as NoPermissionL } from './NoPermissionL';
 export { default as LocationL } from './LocationL';
-export { default as MobileClickL } from './MobileClickL';
-export { default as LandingPageL } from './LandingPageL';
+export { default as MobileLayout1L } from './MobileLayout1L';
+export { default as MobileBlockL } from './MobileBlockL';
+export { default as LinkL } from './LinkL';
+export { default as MobileLayout2L } from './MobileLayout2L';
+export { default as MobileLayout3L } from './MobileLayout3L';
+export { default as LabelL } from './LabelL';
+export { default as InboxNoResultsL } from './InboxNoResultsL';
 export { default as LineL } from './LineL';
 export { default as InformationNoSearchResultL } from './InformationNoSearchResultL';
-export { default as InputL } from './InputL';
-export { default as LabelL } from './LabelL';
 export { default as InfoL } from './InfoL';
-export { default as ImageUrlL } from './ImageUrlL';
-export { default as ImageLandscapeL } from './ImageLandscapeL';
-export { default as ImagePotraitL } from './ImagePotraitL';
+export { default as LandingPageL } from './LandingPageL';
+export { default as InputL } from './InputL';
 export { default as ImageL } from './ImageL';
-export { default as InboxNoResultsL } from './InboxNoResultsL';
-export { default as FormGroupL } from './FormGroupL';
-export { default as FormL } from './FormL';
+export { default as MobileClickL } from './MobileClickL';
+export { default as ImagePotraitL } from './ImagePotraitL';
 export { default as HideL } from './HideL';
-export { default as FormEditL } from './FormEditL';
 export { default as HashL } from './HashL';
+export { default as ImageUrlL } from './ImageUrlL';
+export { default as FormL } from './FormL';
+export { default as ImageLandscapeL } from './ImageLandscapeL';
+export { default as FormEditL } from './FormEditL';
 export { default as FolderPredefinedL } from './FolderPredefinedL';
-export { default as FolderL } from './FolderL';
 export { default as FolderPlainL } from './FolderPlainL';
 export { default as FolderFavouriteFlatL } from './FolderFavouriteFlatL';
-export { default as FileTypePictureL } from './FileTypePictureL';
-export { default as CountdownL } from './CountdownL';
-export { default as DividerL } from './DividerL';
-export { default as CheckboxL } from './CheckboxL';
+export { default as FolderL } from './FolderL';
 export { default as ComboL } from './ComboL';
-export { default as ButtonSubmitL } from './ButtonSubmitL';
-export { default as CheckL } from './CheckL';
-export { default as ColumnL } from './ColumnL';
 export { default as CloseL } from './CloseL';
-export { default as ButtonL } from './ButtonL';
-export { default as AddL } from './AddL';
+export { default as FormGroupL } from './FormGroupL';
+export { default as CheckboxL } from './CheckboxL';
+export { default as ColumnL } from './ColumnL';
+export { default as CheckL } from './CheckL';
+export { default as CountdownL } from './CountdownL';
 export { default as BrowserL } from './BrowserL';
+export { default as AddL } from './AddL';
+export { default as DividerL } from './DividerL';
+export { default as FileTypePictureL } from './FileTypePictureL';
+export { default as ButtonL } from './ButtonL';
+export { default as ButtonSubmitL } from './ButtonSubmitL';

package/dist/icons/L/index.js

@@ -1,70 +1,70 @@
-export { default as WarningL } from './WarningL';
-export { default as VideoL } from './VideoL';
 export { default as TooltipL } from './TooltipL';
-export { default as TextL } from './TextL';
-export { default as TableL } from './TableL';
 export { default as TextareaL } from './TextareaL';
-export { default as SpinnerL } from './SpinnerL';
-export { default as ShowL } from './ShowL';
-export { default as StackedL } from './StackedL';
+export { default as VideoL } from './VideoL';
+export { default as TextL } from './TextL';
+export { default as WarningL } from './WarningL';
 export { default as SliderL } from './SliderL';
+export { default as ShowL } from './ShowL';
+export { default as TimeL } from './TimeL';
 export { default as SectionL } from './SectionL';
 export { default as SelectL } from './SelectL';
-export { default as TimeL } from './TimeL';
-export { default as Section37L } from './Section37L';
+export { default as TableL } from './TableL';
+export { default as StackedL } from './StackedL';
 export { default as SearchNoResultsL } from './SearchNoResultsL';
+export { default as Section37L } from './Section37L';
 export { default as Section12L } from './Section12L';
-export { default as RelationOneOneL } from './RelationOneOneL';
+export { default as SpinnerL } from './SpinnerL';
+export { default as RelationManyOneL } from './RelationManyOneL';
+export { default as QuoteL } from './QuoteL';
 export { default as Section13L } from './Section13L';
+export { default as RelationOneOneL } from './RelationOneOneL';
 export { default as RelationOneManyL } from './RelationOneManyL';
-export { default as RelationManyManyL } from './RelationManyManyL';
-export { default as QuoteL } from './QuoteL';
-export { default as RelationManyOneL } from './RelationManyOneL';
 export { default as RadioL } from './RadioL';
 export { default as NoData } from './NoData';
-export { default as NavbarL } from './NavbarL';
-export { default as NoPermissionL } from './NoPermissionL';
-export { default as MultilineL } from './MultilineL';
+export { default as MobileUrlL } from './MobileUrlL';
 export { default as MobileLinkL } from './MobileLinkL';
-export { default as MobileLayout3L } from './MobileLayout3L';
+export { default as MultilineL } from './MultilineL';
+export { default as RelationManyManyL } from './RelationManyManyL';
 export { default as PieL } from './PieL';
-export { default as MobileLayout2L } from './MobileLayout2L';
-export { default as MobileLayout1L } from './MobileLayout1L';
-export { default as LinkL } from './LinkL';
+export { default as NavbarL } from './NavbarL';
 export { default as MobileLayout4L } from './MobileLayout4L';
-export { default as MobileBlockL } from './MobileBlockL';
-export { default as MobileUrlL } from './MobileUrlL';
+export { default as NoPermissionL } from './NoPermissionL';
 export { default as LocationL } from './LocationL';
-export { default as MobileClickL } from './MobileClickL';
-export { default as LandingPageL } from './LandingPageL';
+export { default as MobileLayout1L } from './MobileLayout1L';
+export { default as MobileBlockL } from './MobileBlockL';
+export { default as LinkL } from './LinkL';
+export { default as MobileLayout2L } from './MobileLayout2L';
+export { default as MobileLayout3L } from './MobileLayout3L';
+export { default as LabelL } from './LabelL';
+export { default as InboxNoResultsL } from './InboxNoResultsL';
 export { default as LineL } from './LineL';
 export { default as InformationNoSearchResultL } from './InformationNoSearchResultL';
-export { default as InputL } from './InputL';
-export { default as LabelL } from './LabelL';
 export { default as InfoL } from './InfoL';
-export { default as ImageUrlL } from './ImageUrlL';
-export { default as ImageLandscapeL } from './ImageLandscapeL';
-export { default as ImagePotraitL } from './ImagePotraitL';
+export { default as LandingPageL } from './LandingPageL';
+export { default as InputL } from './InputL';
 export { default as ImageL } from './ImageL';
-export { default as InboxNoResultsL } from './InboxNoResultsL';
-export { default as FormGroupL } from './FormGroupL';
-export { default as FormL } from './FormL';
+export { default as MobileClickL } from './MobileClickL';
+export { default as ImagePotraitL } from './ImagePotraitL';
 export { default as HideL } from './HideL';
-export { default as FormEditL } from './FormEditL';
 export { default as HashL } from './HashL';
+export { default as ImageUrlL } from './ImageUrlL';
+export { default as FormL } from './FormL';
+export { default as ImageLandscapeL } from './ImageLandscapeL';
+export { default as FormEditL } from './FormEditL';
 export { default as FolderPredefinedL } from './FolderPredefinedL';
-export { default as FolderL } from './FolderL';
 export { default as FolderPlainL } from './FolderPlainL';
 export { default as FolderFavouriteFlatL } from './FolderFavouriteFlatL';
-export { default as FileTypePictureL } from './FileTypePictureL';
-export { default as CountdownL } from './CountdownL';
-export { default as DividerL } from './DividerL';
-export { default as CheckboxL } from './CheckboxL';
+export { default as FolderL } from './FolderL';
 export { default as ComboL } from './ComboL';
-export { default as ButtonSubmitL } from './ButtonSubmitL';
-export { default as CheckL } from './CheckL';
-export { default as ColumnL } from './ColumnL';
 export { default as CloseL } from './CloseL';
-export { default as ButtonL } from './ButtonL';
+export { default as FormGroupL } from './FormGroupL';
+export { default as CheckboxL } from './CheckboxL';
+export { default as ColumnL } from './ColumnL';
+export { default as CheckL } from './CheckL';
+export { default as CountdownL } from './CountdownL';
+export { default as BrowserL } from './BrowserL';
 export { default as AddL } from './AddL';
-export { default as BrowserL } from './BrowserL';
+export { default as DividerL } from './DividerL';
+export { default as FileTypePictureL } from './FileTypePictureL';
+export { default as ButtonL } from './ButtonL';
+export { default as ButtonSubmitL } from './ButtonSubmitL';

package/dist/icons/M/ConsumptionColorHubM.d.ts

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

package/dist/icons/M/ConsumptionColorHubM.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 ConsumptionColorHubM = function ConsumptionColorHubM(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "ds-icon-consumption-color-hub-m",
+    className: "consumption-color-hub-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M1.99969 11.9995C1.99969 6.47666 6.47685 1.99951 11.9997 1.99951C17.5225 1.99951 21.9997 6.47666 21.9997 11.9995C21.9997 17.5224 17.5225 21.9995 11.9997 21.9995C6.47685 21.9995 1.99969 17.5224 1.99969 11.9995Z",
+    fill: "#76DC25"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M21.9997 12H11.9997V2C13.3129 1.99999 14.6132 2.25868 15.8265 2.76122C17.0397 3.26376 18.1422 4.00033 19.0708 4.92891C19.9994 5.85749 20.7359 6.95983 21.2385 8.17308C21.741 9.38634 21.9997 10.6868 21.9997 12Z",
+    fill: "#399903"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M11.9998 2L11.9998 12L1.99976 12C1.99975 10.6868 2.25843 9.38649 2.76097 8.17323C3.26351 6.95997 4.00008 5.8575 4.92867 4.92891C5.85725 4.00032 6.95959 3.26376 8.17284 2.76122C9.38609 2.25867 10.6865 2 11.9998 2Z",
+    fill: "#C5FF7E"
+  }));
+};
+export default ConsumptionColorHubM;

package/dist/icons/M/ConsumptionGreyHubM.d.ts

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

package/dist/icons/M/ConsumptionGreyHubM.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 ConsumptionGreyHubM = function ConsumptionGreyHubM(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "ds-icon-consumption-grey-hub-m",
+    className: "consumption-grey-hub-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M1.99976 11.9995C1.99976 6.47666 6.47691 1.99951 11.9998 1.99951C17.5226 1.99951 21.9998 6.47666 21.9998 11.9995C21.9998 17.5224 17.5226 21.9995 11.9998 21.9995C6.47691 21.9995 1.99976 17.5224 1.99976 11.9995Z",
+    fill: "#B5BDC3"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M21.9998 12H11.9998V2C13.313 1.99999 14.6133 2.25868 15.8265 2.76122C17.0398 3.26376 18.1423 4.00033 19.0708 4.92891C19.9994 5.85749 20.736 6.95983 21.2385 8.17308C21.7411 9.38634 21.9998 10.6868 21.9998 12Z",
+    fill: "#6A7580"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M11.9998 2L11.9998 12L1.99976 12C1.99975 10.6868 2.25843 9.38649 2.76097 8.17323C3.26351 6.95997 4.00008 5.8575 4.92867 4.92891C5.85725 4.00032 6.95959 3.26376 8.17284 2.76122C9.38609 2.25867 10.6865 2 11.9998 2Z",
+    fill: "#DBE0E3"
+  }));
+};
+export default ConsumptionGreyHubM;

package/dist/icons/M/MembershipColorHubM.d.ts

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

package/dist/icons/M/MembershipColorHubM.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 MembershipColorHubM = function MembershipColorHubM(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "ds-icon-membership-color-hub-m",
+    className: "membership-color-hub-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M3.30106 20.6986C0.232655 17.6302 0.232655 12.6554 3.30106 9.58695C6.36946 6.51854 11.3443 6.51854 14.4127 9.58695C17.4811 12.6554 17.4811 17.6302 14.4127 20.6986C11.3443 23.767 6.36946 23.767 3.30106 20.6986Z",
+    fill: "#FF6C4D"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9.58677 14.413C6.51836 11.3446 6.51836 6.36971 9.58677 3.3013C12.6552 0.232899 17.63 0.232898 20.6984 3.3013C23.7668 6.36971 23.7668 11.3446 20.6984 14.413C17.63 17.4814 12.6552 17.4814 9.58677 14.413Z",
+    fill: "#FFA999"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M7.41848 7.4188C9.87703 6.96322 12.5109 7.68517 14.4126 9.58677C16.3141 11.4882 17.0348 14.1216 16.5796 16.5799C14.1213 17.0351 11.4879 16.3144 9.58645 14.4129C7.68487 12.5112 6.96294 9.87733 7.41848 7.4188Z",
+    fill: "#C41B03"
+  }));
+};
+export default MembershipColorHubM;

package/dist/icons/M/MembershipGreyHubM.d.ts

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

package/dist/icons/M/MembershipGreyHubM.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 MembershipGreyHubM = function MembershipGreyHubM(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "ds-icon-membership-grey-hub-m",
+    className: "membership-grey-hub-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M3.30106 20.6986C0.232655 17.6302 0.232655 12.6554 3.30106 9.58695C6.36946 6.51854 11.3443 6.51854 14.4127 9.58695C17.4811 12.6554 17.4811 17.6302 14.4127 20.6986C11.3443 23.767 6.36946 23.767 3.30106 20.6986Z",
+    fill: "#DBE0E3"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9.58683 14.413C6.51842 11.3446 6.51842 6.36971 9.58683 3.3013C12.6552 0.232899 17.6301 0.232898 20.6985 3.3013C23.7669 6.36971 23.7669 11.3446 20.6985 14.413C17.6301 17.4814 12.6552 17.4814 9.58683 14.413Z",
+    fill: "#B5BDC3"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M7.41801 7.41878C9.87674 6.96307 12.5113 7.6859 14.4131 9.58772C16.3144 11.4893 17.0355 14.1226 16.5801 16.5809C14.1217 17.0362 11.4885 16.3145 9.58696 14.4129C7.68522 12.5111 6.96236 9.87743 7.41801 7.41878Z",
+    fill: "#6A7580"
+  }));
+};
+export default MembershipGreyHubM;

package/dist/icons/M/UsersColorHubM.d.ts

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

package/dist/icons/M/UsersColorHubM.js

@@ -0,0 +1,35 @@
+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 UsersColorHubM = function UsersColorHubM(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "ds-icon-users-color-hub-m",
+    className: "users-color-hub-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M15.9998 10C13.8781 10 11.8432 10.8428 10.3429 12.3431C8.84255 13.8434 7.99976 15.8782 7.99976 18H23.9998C23.9998 15.8782 23.157 13.8434 21.6567 12.3431C20.1564 10.8428 18.1216 10 15.9998 10Z",
+    fill: "#87E8DB"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9.99982 10C7.87808 10 5.84315 10.8428 4.34285 12.3431C2.84255 13.8434 1.99976 15.8782 1.99976 18H17.9998C17.9998 15.8782 17.157 13.8434 15.6567 12.3431C14.1564 10.8428 12.1216 10 9.99982 10Z",
+    fill: "#13C2BC"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: 1.99976,
+    y: 18,
+    width: 16,
+    height: 2,
+    fill: "#13C2BC"
+  }), /*#__PURE__*/React.createElement("rect", {
+    width: 6,
+    height: 2,
+    transform: "matrix(-1 0 0 1 23.9997 18)",
+    fill: "#87E8DB"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M16.4998 8C17.8805 8 18.9998 6.88071 18.9998 5.5C18.9998 4.11929 17.8805 3 16.4998 3C15.119 3 13.9998 4.11929 13.9998 5.5C13.9998 6.88071 15.119 8 16.4998 8Z",
+    fill: "#87E8DB"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9.99976 8C11.6566 8 12.9998 6.65685 12.9998 5C12.9998 3.34315 11.6566 2 9.99976 2C8.3429 2 6.99976 3.34315 6.99976 5C6.99976 6.65685 8.3429 8 9.99976 8Z",
+    fill: "#009BA2"
+  }));
+};
+export default UsersColorHubM;

package/dist/icons/M/UsersGreyHubM.d.ts

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

package/dist/icons/M/UsersGreyHubM.js

@@ -0,0 +1,35 @@
+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 UsersGreyHubM = function UsersGreyHubM(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "ds-icon-users-grey-hub-m",
+    className: "users-grey-hub-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M15.9998 10C13.8781 10 11.8432 10.8428 10.3429 12.3431C8.84255 13.8434 7.99976 15.8782 7.99976 18H23.9998C23.9998 15.8782 23.157 13.8434 21.6567 12.3431C20.1564 10.8428 18.1216 10 15.9998 10Z",
+    fill: "#B5BDC3"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9.99982 10C7.87808 10 5.84315 10.8428 4.34285 12.3431C2.84255 13.8434 1.99976 15.8782 1.99976 18H17.9998C17.9998 15.8782 17.157 13.8434 15.6567 12.3431C14.1564 10.8428 12.1216 10 9.99982 10Z",
+    fill: "#DBE0E3"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: 1.99976,
+    y: 18,
+    width: 16,
+    height: 2,
+    fill: "#DBE0E3"
+  }), /*#__PURE__*/React.createElement("rect", {
+    width: 6,
+    height: 2,
+    transform: "matrix(-1 0 0 1 23.9998 18)",
+    fill: "#B5BDC3"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M16.4998 8C17.8805 8 18.9998 6.88071 18.9998 5.5C18.9998 4.11929 17.8805 3 16.4998 3C15.119 3 13.9998 4.11929 13.9998 5.5C13.9998 6.88071 15.119 8 16.4998 8Z",
+    fill: "#B5BDC3"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9.99976 8C11.6566 8 12.9998 6.65685 12.9998 5C12.9998 3.34315 11.6566 2 9.99976 2C8.3429 2 6.99976 3.34315 6.99976 5C6.99976 6.65685 8.3429 8 9.99976 8Z",
+    fill: "#6A7580"
+  }));
+};
+export default UsersGreyHubM;

package/dist/icons/M/WorkspacesColorHubM.d.ts

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

package/dist/icons/M/WorkspacesColorHubM.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 WorkspacesColorHubM = function WorkspacesColorHubM(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "ds-icon-workspaces-color-hub-m",
+    className: "workspaces-color-hub-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M21.9997 2V12H11.9997V2H21.9997Z",
+    fill: "#6D2ED3"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M11.9998 22V12H21.9998V22H11.9998Z",
+    fill: "#D1ADF7"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M1.99976 12V22H11.9998V12H1.99976Z",
+    fill: "#EEDBFF"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M1.99976 2V12H11.9998V2H1.99976Z",
+    fill: "#D1ADF7"
+  }));
+};
+export default WorkspacesColorHubM;

package/dist/icons/M/WorkspacesGreyHubM.d.ts

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

package/dist/icons/M/WorkspacesGreyHubM.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 WorkspacesGreyHubM = function WorkspacesGreyHubM(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "ds-icon-workspaces-grey-hub-m",
+    className: "workspaces-grey-hub-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M21.9998 2V12H11.9998V2H21.9998Z",
+    fill: "#6A7580"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M11.9998 22V12H21.9998V22H11.9998Z",
+    fill: "#B5BDC3"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M1.99976 12V22H11.9998V12H1.99976Z",
+    fill: "#DBE0E3"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M1.99976 2V12H11.9998V2H1.99976Z",
+    fill: "#B5BDC3"
+  }));
+};
+export default WorkspacesGreyHubM;