@synerise/ds-icon 1.14.0 → 1.15.0

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.15.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-icon@1.14.1...@synerise/ds-icon@1.15.0) (2026-03-20)
+
+### Features
+
+- **icon:** add ai icon ([18fb755](https://github.com/Synerise/synerise-design/commit/18fb755bbda81baf438abfac141c3c9f5512c29e))
+
+## [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

package/README.md

@@ -36,13 +36,14 @@ import Icon, { AngleLeftM } from '@synerise/ds-icon'
 
 ## API
 
-| Property  | Description                                                | Type             | Default |
-| --------- | ---------------------------------------------------------- | ---------------- | ------- |
-| iconName  | Icon name as string (recommended)                          | IconName         |         |
-| color     | Define the color used                                      | string           | inherit |
-| title     | Name icon                                                  | string           |         |
-| size      | Define size icon                                           | string or number | 24      |
-| onClick   | The callback function that is triggered when click on icon | function         |         |
-| component | ⚠️ Deprecated - use `iconName` instead                     | ReactNode        |         |
-| className | icon className                                             | string           |         |
-| style     | Style properties of icon, like color etc.                  | CSSProperties    |         |
+| Property  | Description                                                                              | Type             | Default |
+| --------- | ---------------------------------------------------------------------------------------- | ---------------- | ------- |
+| iconName  | Icon name as string (recommended). Takes precedence over `component`                    | IconName         |         |
+| color     | Sets CSS `color` on SVG. Inherits parent colour if omitted (L/XL icons default to grey-800) | string       | inherit |
+| name      | Sets the `title` HTML attribute on the container div (tooltip on hover)                  | string           |         |
+| size      | Width and height of container and SVG in px                                              | string or number | 24      |
+| stroke    | Also applies `color` value to CSS `stroke` property                                      | boolean          |         |
+| onClick   | Callback triggered when clicking the icon. Adds `cursor: pointer` CSS                   | function         |         |
+| component | ⚠️ Deprecated - use `iconName` instead                                                   | ReactNode        |         |
+| className | icon className (appended to `'ds-icon'`)                                                 | string           |         |
+| style     | Style properties of icon, like color etc.                                                | CSSProperties    |         |

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

package/dist/icons/L/index.js

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

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

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

package/dist/icons/M/AiStarM.js

@@ -0,0 +1,19 @@
+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 AiStarM = function AiStarM(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-ai-star-m",
+    className: "ai-star-m ds-icon-set-medium"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12 4C12 8.41828 15.5817 12 20 12C15.5817 12 12 15.5817 12 20C12 15.5817 8.41828 12 4 12C8.41828 12 12 8.41828 12 4Z",
+    fill: "currentColor",
+    stroke: "currentColor",
+    strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
+export default AiStarM;