pds-dev-kit-web 2.2.88 → 2.2.89

package/dist/src/desktop/components/Chip/Chip.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, PDSTextType, PDSValueOption, UiColors } from '../../../common';
+import type { PDSIconType, PDSTextType, PDSValueOption, UiColors } from '../../../common';
 type DisplayType = 'category_choice' | 'filter_single' | 'filter_multi' | 'removable' | 'label' | 'time' | 'information';
 export type ChipProps = {
     displayType?: DisplayType;
     text?: PDSTextType;
     filterIconMode?: 'none' | 'left';
     iconFillType?: 'line' | 'fill';
-    iconName?: FillIconNameKeys | LineIconNameKeys;
+    iconName?: PDSIconType;
     overrideTextColorKey?: UiColors;
     overrideBackgroundColorKey?: UiColors;
     value?: PDSValueOption['value'];

package/dist/src/desktop/components/DesktopHeaderBar/DesktopHeaderBar.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, PDSTextType } from '../../../common';
+import type { PDSIconType, PDSTextType } from '../../../common';
 type DesktopHeaderBarProps = {
     text?: PDSTextType;
     size?: 'xlarge' | 'large';
     leftDisplayType?: 'text' | 'icon' | 'back';
-    iconName?: FillIconNameKeys | LineIconNameKeys;
+    iconName?: PDSIconType;
     leftBtn2Mode?: 'none' | 'mbtn' | 'tbtn';
     leftBtn2Text?: PDSTextType;
     rightBtnMode?: 'none' | 'close' | 'mbtn' | 'mbtn_fill' | 'help_window';

package/dist/src/desktop/components/DesktopTabBar/DesktopTabBar.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, PDSTabItemOption, PDSTextType } from '../../../common/types';
+import type { PDSIconType, PDSTabItemOption, PDSTextType } from '../../../common/types';
 type ItemArray = PDSTabItemOption & {
     subArray?: PDSTabItemOption[];
     iconMode?: 'none' | 'use';
-    iconName?: FillIconNameKeys | LineIconNameKeys;
+    iconName?: PDSIconType;
     iconFillType?: 'line' | 'fill';
 };
 type TextObj = {

package/dist/src/desktop/components/FloatingActionButton/FloatingActionButton.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, PDSTextType } from '../../../common';
+import type { PDSIconType, PDSTextType } from '../../../common';
 export type FloatingActionButtonProps = {
     text?: PDSTextType;
     displayType?: 'icon_only' | 'text_only' | 'icon_text';
     size?: 'xlarge' | 'large';
     fontWeight?: 'bold' | 'regular';
     iconFillType?: 'fill' | 'line';
-    iconName?: FillIconNameKeys | LineIconNameKeys;
+    iconName?: PDSIconType;
     colorTheme?: 'none' | 'theme1' | 'theme2' | 'theme3';
     state?: 'normal' | 'disabled';
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;

package/dist/src/desktop/components/IconButton/IconButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, PDSTextType, UiColors } from '../../../common';
+import type { PDSIconType, PDSTextType, UiColors } from '../../../common';
 import type { IconCaseTooltipPositionType } from '../../../common/types/systemUI';
 export type IconButtonProps = {
     tooltipText?: PDSTextType;
@@ -12,7 +12,7 @@ export type IconButtonProps = {
     borderColorKey?: UiColors;
     iconSize?: 12 | 16 | 20 | 24 | 32 | 48 | 72;
     iconFillType?: 'fill' | 'line';
-    iconName: FillIconNameKeys | LineIconNameKeys;
+    iconName: PDSIconType;
     iconColorKey?: UiColors;
     shadow?: 'hidden' | 'visible';
     colorTheme?: 'none' | 'line1' | 'line2';

package/dist/src/desktop/components/MainButton/MainButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, PDSTextType } from '../../../common';
+import type { PDSIconType, PDSTextType } from '../../../common';
 export type MainButtonProps = {
     text?: PDSTextType;
     shapeType?: 'round' | 'rectangle';
@@ -10,7 +10,7 @@ export type MainButtonProps = {
     fontWeight?: 'bold' | 'regular';
     iconMode?: 'none' | 'left' | 'right';
     iconFillType?: 'fill' | 'line';
-    iconName?: FillIconNameKeys | LineIconNameKeys;
+    iconName?: PDSIconType;
     colorTheme?: 'none' | 'line1' | 'line2' | 'line3' | 'primary1' | 'secondary1';
     type?: 'button' | 'submit';
     state?: 'normal' | 'disabled';

package/dist/src/desktop/components/PageTitleTextGroup/CompoundButton.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, PDSTextType } from '../../../common';
+import type { PDSIconType, PDSTextType } from '../../../common';
 type Props = {
-    iconName?: FillIconNameKeys | LineIconNameKeys;
+    iconName?: PDSIconType;
     iconFillType?: 'fill' | 'line';
     titleText: PDSTextType;
     contentText: PDSTextType;

package/dist/src/desktop/components/PageTitleTextGroup/PageTitleTextGroup.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, PDSTextType } from '../../../common';
+import type { PDSIconType, PDSTextType } from '../../../common';
 type PageTitleTextGroupProps = {
     titleText: PDSTextType;
     tooltipText?: PDSTextType;
-    compoundBtnIconName?: FillIconNameKeys | LineIconNameKeys;
+    compoundBtnIconName?: PDSIconType;
     compoundBtnIconFillType?: 'fill' | 'line';
     compoundBtnTitleText?: PDSTextType;
     compoundBtnContentText?: PDSTextType;

package/dist/src/desktop/components/TextField/TextField.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Path } from 'react-hook-form';
-import type { FillIconNameKeys, IFormValues, LineIconNameKeys, PDSTextType, UiColors } from '../../../common';
+import type { IFormValues, PDSTextType, UiColors, PDSIconType } from '../../../common';
 export type TextFieldProps = {
     name: Path<IFormValues>;
     hintText?: PDSTextType;
@@ -22,8 +22,8 @@ export type TextFieldProps = {
     autoMaxRows?: number;
     inputType?: string;
     state?: 'normal' | 'read_only' | 'disabled';
-    iBtn1IconName?: FillIconNameKeys | LineIconNameKeys;
-    iBtn2IconName?: FillIconNameKeys | LineIconNameKeys;
+    iBtn1IconName?: PDSIconType;
+    iBtn2IconName?: PDSIconType;
     iBtn1IconFillType?: 'line' | 'fill';
     iBtn2IconFillType?: 'line' | 'fill';
     overrideIBtn1IconColorKey?: UiColors;

package/dist/src/desktop/components/UploadIconButton/UploadIconButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, PDSTextType, UiColors } from '../../../common';
+import type { PDSIconType, PDSTextType, UiColors } from '../../../common';
 import type { IconCaseTooltipPositionType } from '../../../common/types/systemUI';
 export type UploadIconButtonProps = {
     fillType?: 'fill' | 'line';
@@ -9,7 +9,7 @@ export type UploadIconButtonProps = {
     borderColorKey?: UiColors;
     iconSize?: 12 | 16 | 20 | 24 | 32 | 48 | 72;
     iconFillType?: 'fill' | 'line';
-    iconName: FillIconNameKeys | LineIconNameKeys;
+    iconName: PDSIconType;
     iconColorKey?: UiColors;
     shadow?: 'hidden' | 'visible';
     colorTheme?: 'none' | 'line1' | 'line2';

package/dist/src/desktop/components/UploadMainButton/UploadMainButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, PDSTextType } from '../../../common';
+import type { PDSIconType, PDSTextType } from '../../../common';
 type UploadMainButtonProps = {
     text?: PDSTextType;
     shapeType?: 'round' | 'rectangle';
@@ -10,7 +10,7 @@ type UploadMainButtonProps = {
     fontWeight?: 'bold' | 'regular';
     iconMode?: 'none' | 'left' | 'right';
     iconFillType?: 'fill' | 'line';
-    iconName?: FillIconNameKeys | LineIconNameKeys;
+    iconName?: PDSIconType;
     colorTheme?: 'none' | 'line1' | 'line2' | 'line3' | 'primary1' | 'secondary1';
     state?: 'normal' | 'disabled';
     accept?: string;

package/dist/src/hybrid/components/Icon/Icon.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, UiColors } from '../../../common';
+import type { PDSIconType, UiColors } from '../../../common';
+type FillType = 'line' | 'fill';
 export type IconProps = {
-    iconName?: FillIconNameKeys | LineIconNameKeys;
+    iconName?: PDSIconType;
     size?: 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72;
     colorKey?: UiColors;
-    fillType?: 'line' | 'fill';
+    fillType?: FillType;
 } & Record<string, any>;
 declare const Icon: ({ iconName, size, colorKey, fillType }: IconProps) => JSX.Element;
 export default Icon;

package/dist/src/hybrid/components/Icon/Icon.js

@@ -6,15 +6,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = require("styled-components");
 var fill_1 = __importDefault(require("../../../common/assets/icons/fill"));
+var image_1 = require("../../../common/assets/icons/image");
 var line_1 = __importDefault(require("../../../common/assets/icons/line"));
+var icon_1 = require("../../../common/types/icon");
 var Icon = function (_a) {
     var _b = _a.iconName, iconName = _b === void 0 ? 'ic_unavailable' : _b, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.colorKey, colorKey = _d === void 0 ? 'ui_cpnt_icon_sys_grey_01' : _d, _e = _a.fillType, fillType = _e === void 0 ? 'line' : _e;
     var theme = (0, styled_components_1.useTheme)();
     var isFixedSize = iconName.includes('_20') || iconName.includes('_32') || iconName.includes('_40');
     var DefaultIcon = line_1.default.ic_unavailable;
-    var SelectedIcon = fillType === 'line'
-        ? line_1.default[iconName] || fill_1.default[iconName]
-        : fill_1.default[iconName] || line_1.default[iconName];
-    return SelectedIcon ? ((0, jsx_runtime_1.jsx)(SelectedIcon, { "x-pds-name": "Icon", "x-pds-element-type": "component", "x-pds-device-type": "hybrid", color: theme[colorKey], size: size, style: isFixedSize ? undefined : { minWidth: size, minHeight: size } })) : ((0, jsx_runtime_1.jsx)(DefaultIcon, { "x-pds-name": "Icon", "x-pds-element-type": "component", "x-pds-device-type": "hybrid", color: theme[colorKey], size: size, style: isFixedSize ? undefined : { minWidth: size, minHeight: size } }));
+    var svgIcons = {
+        line: line_1.default[iconName] || fill_1.default[iconName],
+        fill: fill_1.default[iconName] || line_1.default[iconName]
+    };
+    var SelectedSVGIcon = svgIcons[fillType];
+    if (icon_1.imageIconKeys.includes(iconName)) {
+        return ((0, jsx_runtime_1.jsx)("img", { "x-pds-name": "Icon", "x-pds-element-type": "component", "x-pds-device-type": "hybrid", src: image_1.imageIconSrcSet[iconName], width: size, height: size }));
+    }
+    if (icon_1.fillIconkeys.includes(iconName) || icon_1.lineIconkeys.includes(iconName)) {
+        return SelectedSVGIcon ? ((0, jsx_runtime_1.jsx)(SelectedSVGIcon, { "x-pds-name": "Icon", "x-pds-element-type": "component", "x-pds-device-type": "hybrid", color: theme[colorKey], size: size, style: isFixedSize ? undefined : { minWidth: size, minHeight: size } })) : ((0, jsx_runtime_1.jsx)(DefaultIcon, { "x-pds-name": "Icon", "x-pds-element-type": "component", "x-pds-device-type": "hybrid", color: theme[colorKey], size: size, style: isFixedSize ? undefined : { minWidth: size, minHeight: size } }));
+    }
+    return SelectedSVGIcon ? ((0, jsx_runtime_1.jsx)(SelectedSVGIcon, { "x-pds-name": "Icon", "x-pds-element-type": "component", "x-pds-device-type": "hybrid", color: theme[colorKey], size: size, style: isFixedSize ? undefined : { minWidth: size, minHeight: size } })) : ((0, jsx_runtime_1.jsx)(DefaultIcon, { "x-pds-name": "Icon", "x-pds-element-type": "component", "x-pds-device-type": "hybrid", color: theme[colorKey], size: size, style: isFixedSize ? undefined : { minWidth: size, minHeight: size } }));
 };
 exports.default = Icon;

package/dist/src/mobile/components/BasicListItem/BasicListItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, PDSTextType } from '../../../common';
+import type { PDSIconType, PDSTextType } from '../../../common';
 export type BasicListItemProps = {
     selectionMode?: 'none' | 'check' | 'radio';
     titleText: PDSTextType;
@@ -10,13 +10,13 @@ export type BasicListItemProps = {
     imageIconMode?: 'none' | 'image' | 'icon';
     imageShapeType?: 'round' | 'circular' | 'rectangle';
     imageSrc?: string;
-    iconName?: FillIconNameKeys | LineIconNameKeys;
+    iconName?: PDSIconType;
     iconFillType?: 'fill' | 'line';
     displayType?: 'none' | 'text' | 'ibtn_text' | 'ibtn_amount1' | 'ibtn_amount2' | 'mbtn' | 'switch';
     captionText?: PDSTextType;
-    iBtn1IconName?: FillIconNameKeys | LineIconNameKeys;
+    iBtn1IconName?: PDSIconType;
     iBtn1IconFillType?: 'fill' | 'line';
-    iBtn2IconName?: FillIconNameKeys | LineIconNameKeys;
+    iBtn2IconName?: PDSIconType;
     iBtn2IconFillType?: 'fill' | 'line';
     mBtnFillType?: 'fill' | 'line';
     mBtnText?: PDSTextType;

package/dist/src/mobile/components/ChatList/ChatList.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { FillIconNameKeys, LineIconNameKeys, PDSTextType } from '../../../common';
+import type { PDSIconType, PDSTextType } from '../../../common';
 export type Props = {
     colorTheme?: 'solid' | 'translucent' | 'transparent';
     headerMode?: 'none' | 'use';
@@ -9,11 +9,11 @@ export type Props = {
     onClickCaptionText?: () => void;
     titleStyleTheme?: 'headingBold' | 'subTitleBold';
     headerDisplayType?: 'none' | 'ibtn1' | 'ibtn2' | 'ibtn3';
-    headerIBtn1IconName?: FillIconNameKeys | LineIconNameKeys;
+    headerIBtn1IconName?: PDSIconType;
     headerIBtn1IconFillType?: 'line' | 'fill';
-    headerIBtn2IconName?: FillIconNameKeys | LineIconNameKeys;
+    headerIBtn2IconName?: PDSIconType;
     headerIBtn2IconFillType?: 'line' | 'fill';
-    headerIBtn3IconName?: FillIconNameKeys | LineIconNameKeys;
+    headerIBtn3IconName?: PDSIconType;
     headerIBtn3IconFillType?: 'line' | 'fill';
     children?: React.ReactNode;
     bodyChildren?: React.ReactNode;
@@ -26,20 +26,20 @@ export type Props = {
     submitIBtnState?: 'disabled' | 'normal';
     bodyMBtnText?: PDSTextType;
     bodySpacingMode?: 'none' | 'use';
-    submitIBtnIconName?: FillIconNameKeys | LineIconNameKeys;
+    submitIBtnIconName?: PDSIconType;
     submitIBtnIconFillType?: 'fill' | 'line';
     footerIBtn1State?: 'disabled' | 'normal';
-    footerIBtn1IconName?: FillIconNameKeys | LineIconNameKeys;
+    footerIBtn1IconName?: PDSIconType;
     footerIBtn1IconFillType?: 'fill' | 'line';
     footerIBtn1Type?: 'button' | 'upload';
     onClickFooterIBtn1?: (e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     footerIBtn2State?: 'disabled' | 'normal';
-    footerIBtn2IconName?: FillIconNameKeys | LineIconNameKeys;
+    footerIBtn2IconName?: PDSIconType;
     footerIBtn2IconFillType?: 'fill' | 'line';
     footerIBtn2Type?: 'button' | 'upload';
     onClickFooterIBtn2?: (e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     footerIBtn3State?: 'disabled' | 'normal';
-    footerIBtn3IconName?: FillIconNameKeys | LineIconNameKeys;
+    footerIBtn3IconName?: PDSIconType;
     footerIBtn3IconFillType?: 'fill' | 'line';
     footerIBtn3Type?: 'button' | 'upload';
     footerIBtn3Accept?: string;

package/dist/src/mobile/components/ChatList/ChatTextField.d.ts

@@ -1,22 +1,22 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys } from '../../../common';
+import type { PDSIconType } from '../../../common';
 import type { Props as ChatListProps } from './ChatList';
 type Props = Pick<ChatListProps, 'textFieldDefaultText' | 'textFieldHintText' | 'textFieldState' | 'textFieldMaxLength' | 'footerIBtn3Accept' | 'colorTheme'> & {
     isSubmitBtnActive?: boolean;
-    submitIBtnIconName?: FillIconNameKeys | LineIconNameKeys;
+    submitIBtnIconName?: PDSIconType;
     submitIBtnIconFillType?: 'fill' | 'line';
     footerIBtn1State?: 'disabled' | 'normal';
-    footerIBtn1IconName?: FillIconNameKeys | LineIconNameKeys;
+    footerIBtn1IconName?: PDSIconType;
     footerIBtn1IconFillType?: 'fill' | 'line';
     footerIBtn1Type?: 'button' | 'upload';
     onClickFooterIBtn1?: (e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     footerIBtn2State?: 'disabled' | 'normal';
-    footerIBtn2IconName?: FillIconNameKeys | LineIconNameKeys;
+    footerIBtn2IconName?: PDSIconType;
     footerIBtn2IconFillType?: 'fill' | 'line';
     footerIBtn2Type?: 'button' | 'upload';
     onClickFooterIBtn2?: (e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     footerIBtn3State?: 'disabled' | 'normal';
-    footerIBtn3IconName?: FillIconNameKeys | LineIconNameKeys;
+    footerIBtn3IconName?: PDSIconType;
     footerIBtn3IconFillType?: 'fill' | 'line';
     footerIBtn3Type?: 'button' | 'upload';
     onClickFooterIBtn3?: (e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;

package/dist/src/mobile/components/ChatList/Footer.d.ts

@@ -1,22 +1,22 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys } from '../../../common';
+import type { PDSIconType } from '../../../common';
 import type { Props as ChatListProps } from './ChatList';
 type Props = Pick<ChatListProps, 'footerChildren' | 'textFieldDefaultText' | 'textFieldHintText' | 'textFieldState' | 'textFieldMaxLength' | 'footerIBtn3Accept' | 'colorTheme'> & {
     isSubmitBtnActive: boolean;
-    submitIBtnIconName?: FillIconNameKeys | LineIconNameKeys;
+    submitIBtnIconName?: PDSIconType;
     submitIBtnIconFillType?: 'fill' | 'line';
     footerIBtn1State?: 'disabled' | 'normal';
-    footerIBtn1IconName?: FillIconNameKeys | LineIconNameKeys;
+    footerIBtn1IconName?: PDSIconType;
     footerIBtn1IconFillType?: 'fill' | 'line';
     footerIBtn1Type?: 'button' | 'upload';
     onClickFooterIBtn1?: (e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     footerIBtn2State?: 'disabled' | 'normal';
-    footerIBtn2IconName?: FillIconNameKeys | LineIconNameKeys;
+    footerIBtn2IconName?: PDSIconType;
     footerIBtn2IconFillType?: 'fill' | 'line';
     footerIBtn2Type?: 'button' | 'upload';
     onClickFooterIBtn2?: (e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     footerIBtn3State?: 'disabled' | 'normal';
-    footerIBtn3IconName?: FillIconNameKeys | LineIconNameKeys;
+    footerIBtn3IconName?: PDSIconType;
     footerIBtn3IconFillType?: 'fill' | 'line';
     footerIBtn3Type?: 'button' | 'upload';
     onClickFooterIBtn3?: (e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;

package/dist/src/mobile/components/Chip/Chip.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, PDSTextType, PDSValueOption, UiColors } from '../../../common';
+import type { PDSIconType, PDSTextType, PDSValueOption, UiColors } from '../../../common';
 type DisplayType = 'category_choice' | 'filter_single' | 'filter_multi' | 'removable' | 'label' | 'time' | 'information';
 export type ChipProps = {
     displayType?: DisplayType;
     text?: PDSTextType;
     filterIconMode?: 'none' | 'left';
     iconFillType?: 'line' | 'fill';
-    iconName?: FillIconNameKeys | LineIconNameKeys;
+    iconName?: PDSIconType;
     overrideTextColorKey?: UiColors;
     overrideBackgroundColorKey?: UiColors;
     value?: PDSValueOption['value'];

package/dist/src/mobile/components/FloatingActionButton/FloatingActionButton.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, PDSTextType } from '../../../common';
+import type { PDSIconType, PDSTextType } from '../../../common';
 export type FloatingActionButtonProps = {
     text?: PDSTextType;
     displayType?: 'icon_only' | 'text_only' | 'icon_text';
     size?: 'xlarge' | 'large';
     fontWeight?: 'bold' | 'regular';
     iconFillType?: 'fill' | 'line';
-    iconName?: FillIconNameKeys | LineIconNameKeys;
+    iconName?: PDSIconType;
     colorTheme?: 'none' | 'theme1' | 'theme2' | 'theme3';
     state?: 'normal' | 'disable';
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;

package/dist/src/mobile/components/IconButton/IconButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, UiColors } from '../../../common';
+import type { PDSIconType, UiColors } from '../../../common';
 export type IconButtonProps = {
     fillType?: 'fill' | 'line';
     shapeType?: 'circular' | 'rectangle' | 'round';
@@ -8,7 +8,7 @@ export type IconButtonProps = {
     borderColorKey?: UiColors;
     iconSize?: 12 | 16 | 20 | 24 | 32 | 48 | 72;
     iconFillType?: 'fill' | 'line';
-    iconName: FillIconNameKeys | LineIconNameKeys;
+    iconName: PDSIconType;
     iconColorKey?: UiColors;
     shadow?: 'hidden' | 'visible';
     colorTheme?: 'none' | 'line1' | 'line2';

package/dist/src/mobile/components/MainButton/MainButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, PDSTextType } from '../../../common';
+import type { PDSIconType, PDSTextType } from '../../../common';
 export type MainButtonProps = {
     text?: PDSTextType;
     shapeType?: 'round' | 'rectangle';
@@ -10,7 +10,7 @@ export type MainButtonProps = {
     fontWeight?: 'bold' | 'regular';
     iconMode?: 'none' | 'left' | 'right';
     iconFillType?: 'fill' | 'line';
-    iconName?: FillIconNameKeys | LineIconNameKeys;
+    iconName?: PDSIconType;
     colorTheme?: 'none' | 'line1' | 'line2' | 'line3' | 'primary1' | 'secondary1';
     type?: 'button' | 'submit';
     state?: 'normal' | 'disabled';

package/dist/src/mobile/components/MobileHeaderBar/MobileHeaderBar.d.ts

@@ -1,15 +1,15 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, PDSTextType, UiColors } from '../../../common';
+import type { PDSIconType, PDSTextType, UiColors } from '../../../common';
 type Props = {
     titleType?: 'text' | 'profile' | 'image';
     titleText?: PDSTextType;
     captionText?: PDSTextType;
     leftBtnMode?: 'none' | 'back' | 'menu' | 'close';
     displayType?: 'none' | 'ibtn_amount1' | 'ibtn_amount2';
-    iBtn1IconName?: FillIconNameKeys | LineIconNameKeys;
+    iBtn1IconName?: PDSIconType;
     iBtn1IconFillType?: 'fill' | 'line';
     iBtn1IconColorKey?: UiColors;
-    iBtn2IconName?: FillIconNameKeys | LineIconNameKeys;
+    iBtn2IconName?: PDSIconType;
     iBtn2IconFillType?: 'fill' | 'line';
     iBtn2IconColorKey?: UiColors;
     dividerMode?: 'none' | 'solid';

package/dist/src/mobile/components/TextField/TextField.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Path } from 'react-hook-form';
-import type { FillIconNameKeys, IFormValues, LineIconNameKeys, PDSTextType, UiColors } from '../../../common';
+import type { IFormValues, PDSIconType, PDSTextType, UiColors } from '../../../common';
 export type TextFieldProps = {
     name: Path<IFormValues>;
     hintText?: PDSTextType;
@@ -22,8 +22,8 @@ export type TextFieldProps = {
     autoMaxRows?: number;
     inputType?: string;
     state?: 'normal' | 'read_only' | 'disabled';
-    iBtn1IconName?: FillIconNameKeys | LineIconNameKeys;
-    iBtn2IconName?: FillIconNameKeys | LineIconNameKeys;
+    iBtn1IconName?: PDSIconType;
+    iBtn2IconName?: PDSIconType;
     iBtn1IconFillType?: 'line' | 'fill';
     iBtn2IconFillType?: 'line' | 'fill';
     overrideIBtn1IconColorKey?: UiColors;

package/dist/src/mobile/components/UploadIconButton/UploadIconButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, UiColors } from '../../../common';
+import type { PDSIconType, UiColors } from '../../../common';
 export type UploadIconButtonProps = {
     fillType?: 'fill' | 'line';
     shapeType?: 'circular' | 'rectangle' | 'round';
@@ -8,7 +8,7 @@ export type UploadIconButtonProps = {
     borderColorKey?: UiColors;
     iconSize?: 12 | 16 | 20 | 24 | 32 | 48 | 72;
     iconFillType?: 'fill' | 'line';
-    iconName: FillIconNameKeys | LineIconNameKeys;
+    iconName: PDSIconType;
     iconColorKey?: UiColors;
     shadow?: 'hidden' | 'visible';
     colorTheme?: 'none' | 'line1' | 'line2';

package/dist/src/mobile/components/UploadMainButton/UploadMainButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, PDSTextType } from '../../../common';
+import type { PDSIconType, PDSTextType } from '../../../common';
 type UploadMainButtonProps = {
     text?: PDSTextType;
     shapeType?: 'round' | 'rectangle';
@@ -10,7 +10,7 @@ type UploadMainButtonProps = {
     fontWeight?: 'bold' | 'regular';
     iconMode?: 'none' | 'left' | 'right';
     iconFillType?: 'fill' | 'line';
-    iconName?: FillIconNameKeys | LineIconNameKeys;
+    iconName?: PDSIconType;
     colorTheme?: 'none' | 'line1' | 'line2' | 'line3' | 'primary1' | 'secondary1';
     state?: 'normal' | 'disabled';
     accept?: string;

package/dist/src/sub/AdminList/ToolBar/ToolBar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { DropdownValueOption, FillIconNameKeys, LineIconNameKeys, PDSTextType, PDSValueOption } from '../../../common/types';
+import type { DropdownValueOption, PDSIconType, PDSTextType, PDSValueOption } from '../../../common/types';
 type Props = {
     searchFieldHintText?: PDSTextType;
     searchFieldDefaultText?: PDSTextType;
@@ -14,11 +14,11 @@ type Props = {
     dropdownWidth?: string;
     chipMode?: 'none' | 'use';
     iBtnMode?: 'none' | 'iBtn_amount1' | 'iBtn_amount2' | 'iBtn_amount3';
-    iBtn1IconName?: FillIconNameKeys | LineIconNameKeys;
+    iBtn1IconName?: PDSIconType;
     iBtn1IconFillType?: 'fill' | 'line';
-    iBtn2IconName?: FillIconNameKeys | LineIconNameKeys;
+    iBtn2IconName?: PDSIconType;
     iBtn2IconFillType?: 'fill' | 'line';
-    iBtn3IconName?: FillIconNameKeys | LineIconNameKeys;
+    iBtn3IconName?: PDSIconType;
     iBtn3IconFillType?: 'fill' | 'line';
     onChangeDropdown?: (option: DropdownValueOption) => void;
     onClickChip?: (option: PDSValueOption) => void;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/desktop/IconButton/IconButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, UiColors } from '../../common';
+import type { PDSIconType, UiColors } from '../../common';
 export type IconButtonProps = {
     fillType?: 'fill' | 'line';
     shapeType?: 'circular' | 'rectangle';
@@ -8,7 +8,7 @@ export type IconButtonProps = {
     borderColorKey?: UiColors;
     iconSize?: 12 | 16 | 20 | 24 | 48 | 72;
     iconFillType?: 'fill' | 'line';
-    iconName: FillIconNameKeys | LineIconNameKeys;
+    iconName: PDSIconType;
     iconColorKey?: UiColors;
     shadow?: 'hidden' | 'visible';
     colorTheme?: 'none' | 'line1' | 'line2';

package/dist/src/sub/DynamicLayout/components/pdsOriginal/desktop/MainButton/MainButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, PDSTextType } from '../../common';
+import type { PDSIconType, PDSTextType } from '../../common';
 export type MainButtonProps = {
     text?: PDSTextType;
     shapeType?: 'round' | 'rectangle';
@@ -10,7 +10,7 @@ export type MainButtonProps = {
     fontWeight?: 'bold' | 'regular';
     iconMode?: 'none' | 'left' | 'right';
     iconFillType?: 'fill' | 'line';
-    iconName?: FillIconNameKeys | LineIconNameKeys;
+    iconName?: PDSIconType;
     colorTheme?: 'none' | 'line1' | 'line2' | 'line3';
     type?: 'button' | 'submit';
     state?: 'normal' | 'disabled';

package/dist/src/sub/DynamicLayout/components/pdsOriginal/hybrid/Icon/Icon.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, UiColors } from '../../common';
+import type { PDSIconType, UiColors } from '../../common';
 export type IconProps = {
-    iconName?: FillIconNameKeys | LineIconNameKeys;
+    iconName?: PDSIconType;
     size?: 12 | 16 | 20 | 24 | 32 | 48 | 56 | 64 | 72;
     colorKey?: UiColors;
     fillType?: 'line' | 'fill';

package/dist/src/sub/DynamicLayout/components/pdsOriginal/mobile/IconButton/IconButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, UiColors } from '../../common';
+import type { PDSIconType, UiColors } from '../../common';
 export type IconButtonProps = {
     fillType?: 'fill' | 'line';
     shapeType?: 'circular' | 'rectangle';
@@ -8,7 +8,7 @@ export type IconButtonProps = {
     borderColorKey?: UiColors;
     iconSize?: 12 | 16 | 20 | 24 | 48 | 72;
     iconFillType?: 'fill' | 'line';
-    iconName: FillIconNameKeys | LineIconNameKeys;
+    iconName: PDSIconType;
     iconColorKey?: UiColors;
     shadow?: 'hidden' | 'visible';
     colorTheme?: 'none' | 'line1' | 'line2';

package/dist/src/sub/DynamicLayout/components/pdsOriginal/mobile/MainButton/MainButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, PDSTextType } from '../../common';
+import type { PDSTextType, PDSIconType } from '../../common';
 export type MainButtonProps = {
     text?: PDSTextType;
     shapeType?: 'round' | 'rectangle';
@@ -10,7 +10,7 @@ export type MainButtonProps = {
     fontWeight?: 'bold' | 'regular';
     iconMode?: 'none' | 'left' | 'right';
     iconFillType?: 'fill' | 'line';
-    iconName?: FillIconNameKeys | LineIconNameKeys;
+    iconName?: PDSIconType;
     colorTheme?: 'none' | 'line1' | 'line2' | 'line3';
     type?: 'button' | 'submit';
     state?: 'normal' | 'disabled';

package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/desktop/MembershipSectionItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys } from '../../../../../DynamicLayout/components/pdsOriginal/common';
+import type { PDSIconType } from '../../../../../DynamicLayout/components/pdsOriginal/common';
 import type { TextLabelProps } from '../../../../../DynamicLayout/components/pdsOriginal/desktop/TextLabel/TextLabel';
 import type { IItemButton, IItemDescription, IItemTitle, IMembershipCardTemplate } from '../../../../../DynamicLayout/types';
 declare function MembershipSectionItem(): JSX.Element;
@@ -23,7 +23,7 @@ type IconButtonProps = {
     iconButtonBorderColor: string;
     iconButtonDisabledBackgroundColor: string;
     isDisabled?: boolean;
-    iconName: FillIconNameKeys | LineIconNameKeys;
+    iconName: PDSIconType;
     state?: 'normal' | 'disabled';
     onClick?: (value?: number | string) => void;
 };
@@ -32,7 +32,7 @@ type MembershipCardProps = {
 };
 type ColorOverrideIconProps = {
     iconColor: string;
-    iconName: FillIconNameKeys | LineIconNameKeys;
+    iconName: PDSIconType;
 };
 type XlargeMainButtonProps = {
     buttonTextColor?: string;