pds-dev-kit-web-test 0.2.29 → 0.2.31

package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/components/DisplayOnlyMenuItemNav.js

@@ -16,13 +16,13 @@ function DisplayOnlyMenuItemNav(_a) {
     var menu = _a.menu, showMenuAsIcon = _a.showMenuAsIcon, isContextMenu = _a.isContextMenu;
     if (showMenuAsIcon) {
         if (menu.iconSrc) {
-            return ((0, jsx_runtime_1.jsx)(DeactivateLinkBox, { children: (0, jsx_runtime_1.jsx)(ImageIconNav_1.default, { to: menu.conversionLinkSrc, iconSrc: menu.iconSrc, openNewTab: false }, void 0) }, void 0));
+            return ((0, jsx_runtime_1.jsx)(DeactivateLinkBox, { children: (0, jsx_runtime_1.jsx)(ImageIconNav_1.default, { to: menu.conversionLinkSrc, iconSrc: menu.iconSrc, openNewTab: false }) }));
         }
         if (menu.iconName) {
-            return ((0, jsx_runtime_1.jsx)(DeactivateLinkBox, { children: (0, jsx_runtime_1.jsx)(IconNav_1.default, { to: menu.conversionLinkSrc, iconName: menu.iconName, openNewTab: false }, void 0) }, void 0));
+            return ((0, jsx_runtime_1.jsx)(DeactivateLinkBox, { children: (0, jsx_runtime_1.jsx)(IconNav_1.default, { to: menu.conversionLinkSrc, iconName: menu.iconName, openNewTab: false }) }));
         }
     }
-    return ((0, jsx_runtime_1.jsx)(DeactivateLinkBox, { children: isContextMenu ? ((0, jsx_runtime_1.jsx)(Navigations_1.ContextTextLabelNav, { preventLineChange: true, openNewTab: false, to: menu.conversionLinkSrc, text: menu.name }, void 0)) : ((0, jsx_runtime_1.jsx)(Navigations_1.TextLabelNav, { preventLineChange: true, openNewTab: false, to: menu.conversionLinkSrc, text: menu.name }, void 0)) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(DeactivateLinkBox, { children: isContextMenu ? ((0, jsx_runtime_1.jsx)(Navigations_1.ContextTextLabelNav, { preventLineChange: true, openNewTab: false, to: menu.conversionLinkSrc, text: menu.name })) : ((0, jsx_runtime_1.jsx)(Navigations_1.TextLabelNav, { preventLineChange: true, openNewTab: false, to: menu.conversionLinkSrc, text: menu.name })) }));
 }
 var DeactivateLinkBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  pointer-events: none;\n  width: max-content;\n"], ["\n  pointer-events: none;\n  width: max-content;\n"])));
 exports.default = DisplayOnlyMenuItemNav;

package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/components/InternalLinkMenuItemNav.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import type { ParsedNode } from '../../../types';
-declare type WithRequired<T, K extends keyof T> = T & {
+type WithRequired<T, K extends keyof T> = T & {
     [P in K]-?: T[P];
 };
-declare type Props = {
+type Props = {
     menu: WithRequired<ParsedNode, 'conversionLinkSrc'>;
     showMenuAsIcon?: boolean;
     isContextMenu?: boolean;

package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/components/InternalLinkMenuItemNav.js

@@ -32,13 +32,13 @@ function InternalLinkMenuItemNav(_a) {
     };
     if (showMenuAsIcon) {
         if (menu.iconSrc) {
-            return ((0, jsx_runtime_1.jsx)(ImageIconNav_1.default, { onClick: onClickNav, to: internalPath, iconSrc: menu.iconSrc, openNewTab: false }, void 0));
+            return ((0, jsx_runtime_1.jsx)(ImageIconNav_1.default, { onClick: onClickNav, to: internalPath, iconSrc: menu.iconSrc, openNewTab: false }));
         }
         if (menu.iconName) {
-            return ((0, jsx_runtime_1.jsx)(IconNav_1.default, { onClick: onClickNav, to: internalPath, iconName: menu.iconName, openNewTab: false }, void 0));
+            return ((0, jsx_runtime_1.jsx)(IconNav_1.default, { onClick: onClickNav, to: internalPath, iconName: menu.iconName, openNewTab: false }));
         }
     }
-    return isContextMenu ? ((0, jsx_runtime_1.jsx)(Navigations_1.ContextTextLabelNav, { onClick: onClickNav, preventLineChange: true, openNewTab: false, to: internalPath, text: menu.name }, void 0)) : ((0, jsx_runtime_1.jsx)(Navigations_1.TextLabelNav, { onClick: onClickNav, isActive: isActive, preventLineChange: true, openNewTab: false, to: internalPath, text: menu.name }, void 0));
+    return isContextMenu ? ((0, jsx_runtime_1.jsx)(Navigations_1.ContextTextLabelNav, { onClick: onClickNav, preventLineChange: true, openNewTab: false, to: internalPath, text: menu.name })) : ((0, jsx_runtime_1.jsx)(Navigations_1.TextLabelNav, { onClick: onClickNav, isActive: isActive, preventLineChange: true, openNewTab: false, to: internalPath, text: menu.name }));
 }
 function getInternalLink(basePath, url) {
     var _a = new URL(url), pathname = _a.pathname, search = _a.search;

package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/components/PAppMenuItemNav.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import type { ParsedNode } from '../../../types';
-declare type WithRequired<T, K extends keyof T> = T & {
+type WithRequired<T, K extends keyof T> = T & {
     [P in K]-?: T[P];
 };
-declare type Props = {
+type Props = {
     menu: WithRequired<ParsedNode, 'pAppCode'>;
     showMenuAsIcon?: boolean;
     isContextMenu?: boolean;

package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/components/PAppMenuItemNav.js

@@ -13,7 +13,7 @@ var ImageIconNav_1 = __importDefault(require("../../ImageIconNav"));
 function PAppMenuItemNav(_a) {
     var menu = _a.menu, showMenuAsIcon = _a.showMenuAsIcon, _b = _a.isContextMenu, isContextMenu = _b === void 0 ? false : _b;
     var _c = (0, react_1.useContext)(DynamicDesktopNavBar_1.BasePathContext), basePath = _c.basePath, activeMode = _c.activeMode;
-    var activeMatch = (0, react_router_dom_1.useRouteMatch)(basePath + "/:activeKey");
+    var activeMatch = (0, react_router_dom_1.useRouteMatch)("".concat(basePath, "/:activeKey"));
     var isActive = (0, react_1.useMemo)(function () {
         if (activeMode === 'BY_CLICK') {
             return false;
@@ -22,12 +22,12 @@ function PAppMenuItemNav(_a) {
     }, [activeMode, menu, activeMatch]);
     if (showMenuAsIcon) {
         if (menu.iconSrc) {
-            return ((0, jsx_runtime_1.jsx)(ImageIconNav_1.default, { to: basePath + "/" + menu.pAppCode, iconSrc: menu.iconSrc, openNewTab: false }, void 0));
+            return ((0, jsx_runtime_1.jsx)(ImageIconNav_1.default, { to: "".concat(basePath, "/").concat(menu.pAppCode), iconSrc: menu.iconSrc, openNewTab: false }));
         }
         if (menu.iconName) {
-            return ((0, jsx_runtime_1.jsx)(IconNav_1.default, { to: basePath + "/" + menu.pAppCode, iconName: menu.iconName, openNewTab: false }, void 0));
+            return ((0, jsx_runtime_1.jsx)(IconNav_1.default, { to: "".concat(basePath, "/").concat(menu.pAppCode), iconName: menu.iconName, openNewTab: false }));
         }
     }
-    return isContextMenu ? ((0, jsx_runtime_1.jsx)(Navigations_1.ContextTextLabelNav, { preventLineChange: true, openNewTab: false, to: basePath + "/" + menu.pAppCode, text: menu.name }, void 0)) : ((0, jsx_runtime_1.jsx)(Navigations_1.TextLabelNav, { isActive: isActive, preventLineChange: true, openNewTab: false, to: basePath + "/" + menu.pAppCode, text: menu.name }, void 0));
+    return isContextMenu ? ((0, jsx_runtime_1.jsx)(Navigations_1.ContextTextLabelNav, { preventLineChange: true, openNewTab: false, to: "".concat(basePath, "/").concat(menu.pAppCode), text: menu.name })) : ((0, jsx_runtime_1.jsx)(Navigations_1.TextLabelNav, { isActive: isActive, preventLineChange: true, openNewTab: false, to: "".concat(basePath, "/").concat(menu.pAppCode), text: menu.name }));
 }
 exports.default = PAppMenuItemNav;

package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/components/PageMenuItemNav.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import type { ParsedNode } from '../../../types';
-declare type WithRequired<T, K extends keyof T> = T & {
+type WithRequired<T, K extends keyof T> = T & {
     [P in K]-?: T[P];
 };
-declare type Props = {
+type Props = {
     menu: WithRequired<ParsedNode, 'slug'>;
     showMenuAsIcon?: boolean;
     isContextMenu?: boolean;

package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/components/PageMenuItemNav.js

@@ -13,7 +13,7 @@ var ImageIconNav_1 = __importDefault(require("../../ImageIconNav"));
 function PageMenuItemNav(_a) {
     var menu = _a.menu, showMenuAsIcon = _a.showMenuAsIcon, _b = _a.isContextMenu, isContextMenu = _b === void 0 ? false : _b;
     var _c = (0, react_1.useContext)(DynamicDesktopNavBar_1.BasePathContext), basePath = _c.basePath, activeMode = _c.activeMode;
-    var activeMatch = (0, react_router_dom_1.useRouteMatch)(basePath + "/pages/:activeKey");
+    var activeMatch = (0, react_router_dom_1.useRouteMatch)("".concat(basePath, "/pages/:activeKey"));
     var isActive = (0, react_1.useMemo)(function () {
         if (activeMode === 'BY_CLICK') {
             return false;
@@ -22,12 +22,12 @@ function PageMenuItemNav(_a) {
     }, [activeMode, menu, activeMatch]);
     if (showMenuAsIcon) {
         if (menu.iconSrc) {
-            return ((0, jsx_runtime_1.jsx)(ImageIconNav_1.default, { to: basePath + "/pages/" + menu.slug, iconSrc: menu.iconSrc, openNewTab: false }, void 0));
+            return ((0, jsx_runtime_1.jsx)(ImageIconNav_1.default, { to: "".concat(basePath, "/pages/").concat(menu.slug), iconSrc: menu.iconSrc, openNewTab: false }));
         }
         if (menu.iconName) {
-            return ((0, jsx_runtime_1.jsx)(IconNav_1.default, { to: basePath + "/pages/" + menu.slug, iconName: menu.iconName, openNewTab: false }, void 0));
+            return ((0, jsx_runtime_1.jsx)(IconNav_1.default, { to: "".concat(basePath, "/pages/").concat(menu.slug), iconName: menu.iconName, openNewTab: false }));
         }
     }
-    return isContextMenu ? ((0, jsx_runtime_1.jsx)(Navigations_1.ContextTextLabelNav, { preventLineChange: true, openNewTab: false, to: basePath + "/pages/" + menu.slug, text: menu.name }, void 0)) : ((0, jsx_runtime_1.jsx)(Navigations_1.TextLabelNav, { isActive: isActive, preventLineChange: true, openNewTab: false, to: basePath + "/pages/" + menu.slug, text: menu.name }, void 0));
+    return isContextMenu ? ((0, jsx_runtime_1.jsx)(Navigations_1.ContextTextLabelNav, { preventLineChange: true, openNewTab: false, to: "".concat(basePath, "/pages/").concat(menu.slug), text: menu.name })) : ((0, jsx_runtime_1.jsx)(Navigations_1.TextLabelNav, { isActive: isActive, preventLineChange: true, openNewTab: false, to: "".concat(basePath, "/pages/").concat(menu.slug), text: menu.name }));
 }
 exports.default = PageMenuItemNav;

package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/components/WebMenuItemNav.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import type { ParsedNode } from '../../../types';
-declare type WithRequired<T, K extends keyof T> = T & {
+type WithRequired<T, K extends keyof T> = T & {
     [P in K]-?: T[P];
 };
-declare type Props = {
+type Props = {
     menu: WithRequired<ParsedNode, 'conversionLinkSrc'>;
     showMenuAsIcon?: boolean;
     isContextMenu?: boolean;

package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/components/WebMenuItemNav.js

@@ -11,12 +11,12 @@ function WebMenuItemNav(_a) {
     var menu = _a.menu, showMenuAsIcon = _a.showMenuAsIcon, isContextMenu = _a.isContextMenu, openNewTab = _a.openNewTab;
     if (showMenuAsIcon) {
         if (menu.iconSrc) {
-            return ((0, jsx_runtime_1.jsx)(ImageIconNav_1.default, { to: menu.conversionLinkSrc, iconSrc: menu.iconSrc, openNewTab: openNewTab }, void 0));
+            return ((0, jsx_runtime_1.jsx)(ImageIconNav_1.default, { to: menu.conversionLinkSrc, iconSrc: menu.iconSrc, openNewTab: openNewTab }));
         }
         if (menu.iconName) {
-            return ((0, jsx_runtime_1.jsx)(IconNav_1.default, { to: menu.conversionLinkSrc, iconName: menu.iconName, openNewTab: openNewTab }, void 0));
+            return ((0, jsx_runtime_1.jsx)(IconNav_1.default, { to: menu.conversionLinkSrc, iconName: menu.iconName, openNewTab: openNewTab }));
         }
     }
-    return isContextMenu ? ((0, jsx_runtime_1.jsx)(Navigations_1.ContextTextLabelNav, { preventLineChange: true, openNewTab: openNewTab, to: menu.conversionLinkSrc, text: menu.name }, void 0)) : ((0, jsx_runtime_1.jsx)(Navigations_1.TextLabelNav, { preventLineChange: true, openNewTab: openNewTab, to: menu.conversionLinkSrc, text: menu.name }, void 0));
+    return isContextMenu ? ((0, jsx_runtime_1.jsx)(Navigations_1.ContextTextLabelNav, { preventLineChange: true, openNewTab: openNewTab, to: menu.conversionLinkSrc, text: menu.name })) : ((0, jsx_runtime_1.jsx)(Navigations_1.TextLabelNav, { preventLineChange: true, openNewTab: openNewTab, to: menu.conversionLinkSrc, text: menu.name }));
 }
 exports.default = WebMenuItemNav;

package/dist/src/desktop/components/DynamicDesktopNavBar/components/ProfileNav.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type Props = {
+type Props = {
     src: string;
     to: string;
 };

package/dist/src/desktop/components/DynamicDesktopNavBar/components/ProfileNav.js

@@ -24,7 +24,7 @@ var NavLink_1 = __importDefault(require("../../../../common/components/Navigatio
 var hybrid_1 = require("../../../../hybrid");
 function ProfileNav(_a) {
     var src = _a.src, to = _a.to;
-    return ((0, jsx_runtime_1.jsx)(NavLink_1.default, __assign({ to: to }, { children: (0, jsx_runtime_1.jsx)(S_ProfileNav, { children: (0, jsx_runtime_1.jsx)(hybrid_1.ImageView, { src: src, width: 32, height: 32, borderMode: "use", scaleType: "cover", shapeType: "circular" }, void 0) }, void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(NavLink_1.default, __assign({ to: to }, { children: (0, jsx_runtime_1.jsx)(S_ProfileNav, { children: (0, jsx_runtime_1.jsx)(hybrid_1.ImageView, { src: src, width: 32, height: 32, borderMode: "use", scaleType: "cover", shapeType: "circular" }) }) })));
 }
 var S_ProfileNav = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  /* TODO: col\uB85C \uAC10\uC300\uB54C col\uC774 \uC8FC\uBA74 \uC88B\uACA0\uB2E4. */\n  margin-left: 24px;\n  margin-right: 24px;\n"], ["\n  /* TODO: col\uB85C \uAC10\uC300\uB54C col\uC774 \uC8FC\uBA74 \uC88B\uACA0\uB2E4. */\n  margin-left: 24px;\n  margin-right: 24px;\n"])));
 exports.default = ProfileNav;

package/dist/src/desktop/components/DynamicDesktopNavBar/components/TextNav.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type Props = {
+type Props = {
     isActive?: boolean;
     openNewTab: boolean;
     to: string;

package/dist/src/desktop/components/DynamicDesktopNavBar/components/TextNav.js

@@ -24,7 +24,7 @@ var __1 = require("../../..");
 var NavLink_1 = __importDefault(require("../../../../common/components/Navigations/NavLink"));
 function TextNav(_a) {
     var openNewTab = _a.openNewTab, _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.preventLineChange, preventLineChange = _c === void 0 ? false : _c, to = _a.to, text = _a.text;
-    return ((0, jsx_runtime_1.jsx)(S_Box, { children: preventLineChange ? ((0, jsx_runtime_1.jsx)(NavLink_1.default, __assign({ to: to, openNewTab: openNewTab }, { children: (0, jsx_runtime_1.jsx)(__1.D_TextLabel, { text: text, styleTheme: isActive ? 'body1Bold' : 'body1Regular', ellipsisMode: "use", lineLimit: 1 }, void 0) }), void 0)) : ((0, jsx_runtime_1.jsx)(NavLink_1.default, __assign({ to: to, openNewTab: openNewTab }, { children: (0, jsx_runtime_1.jsx)(__1.D_TextLabel, { text: text, styleTheme: isActive ? 'body1Bold' : 'body1Regular' }, void 0) }), void 0)) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(S_Box, { children: preventLineChange ? ((0, jsx_runtime_1.jsx)(NavLink_1.default, __assign({ to: to, openNewTab: openNewTab }, { children: (0, jsx_runtime_1.jsx)(__1.D_TextLabel, { text: text, styleTheme: isActive ? 'body1Bold' : 'body1Regular', ellipsisMode: "use", lineLimit: 1 }) }))) : ((0, jsx_runtime_1.jsx)(NavLink_1.default, __assign({ to: to, openNewTab: openNewTab }, { children: (0, jsx_runtime_1.jsx)(__1.D_TextLabel, { text: text, styleTheme: isActive ? 'body1Bold' : 'body1Regular' }) }))) }));
 }
 var S_Box = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  height: 48px;\n  margin-right: ", ";\n"], ["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  height: 48px;\n  margin-right: ", ";\n"])), function (_a) {
     var theme = _a.theme;

package/dist/src/desktop/components/DynamicDesktopNavBar/reducer.d.ts

@@ -1,5 +1,5 @@
-export declare type ActiveModeTypes = 'BY_URL' | 'BY_CLICK';
-declare type ActionType = {
+export type ActiveModeTypes = 'BY_URL' | 'BY_CLICK';
+type ActionType = {
     type: 'INTERNAL_CLICKED';
     payload: {
         clickedURL: string;
@@ -7,7 +7,7 @@ declare type ActionType = {
 } | {
     type: 'URL_CHANGED';
 };
-declare type DefaultValueState = {
+type DefaultValueState = {
     mode: ActiveModeTypes;
     clickedURL: string;
 };

package/dist/src/desktop/components/DynamicDesktopNavBar/templates/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/src/desktop/components/DynamicDesktopNavBar/templates/types.d.ts

@@ -1,11 +1,11 @@
 import type { TEMPLATES_DATA } from './constants';
 import type { CSSProperties } from 'styled-components';
-declare type MenuOptions = {
+type MenuOptions = {
     showMenuAsIcon: boolean;
     maxLength: number;
     style?: CSSProperties;
 };
-export declare type DynamicDesktopTemplateType = {
+export type DynamicDesktopTemplateType = {
     gridTemplate: string;
     gridStyle: CSSProperties;
     userProfileOptions: {
@@ -15,6 +15,6 @@ export declare type DynamicDesktopTemplateType = {
     showSecondaryMenu: boolean;
     secondaryMenuOptions: MenuOptions;
 };
-export declare type TemplatesDataType = typeof TEMPLATES_DATA;
-export declare type TemplateNamesType = keyof typeof TEMPLATES_DATA;
+export type TemplatesDataType = typeof TEMPLATES_DATA;
+export type TemplateNamesType = keyof typeof TEMPLATES_DATA;
 export {};

package/dist/src/desktop/components/DynamicDesktopNavBar/types.d.ts

@@ -1,6 +1,6 @@
 import type { PDSIconType } from '../../../common';
 export type { DynamicDesktopTemplateType, TemplateNamesType, TemplatesDataType } from './templates/types';
-export declare type ParsedNode = {
+export type ParsedNode = {
     menuItemType: menuItemTypes;
     type: 'GENERAL_NODE';
     name: string;
@@ -12,4 +12,4 @@ export declare type ParsedNode = {
     conversionLinkSrc?: string;
     parsedNodes: Array<ParsedNode>;
 };
-export declare type menuItemTypes = 'NAV_P_APP' | 'WEB_LINK' | 'INTERNAL_LINK' | 'DISPLAY_ONLY' | 'NAV_PAGE';
+export type menuItemTypes = 'NAV_P_APP' | 'WEB_LINK' | 'INTERNAL_LINK' | 'DISPLAY_ONLY' | 'NAV_PAGE';

package/dist/src/desktop/components/DynamicDesktopNavBar/utils.js

@@ -9,7 +9,7 @@ function getSearchExceptGivenName(search, name) {
         var params = new URLSearchParams(search);
         params.delete(name);
         var paramsInString = params.toString();
-        return paramsInString ? "?" + paramsInString : '';
+        return paramsInString ? "?".concat(paramsInString) : '';
     }
     catch (err) {
         // eslint-disable-next-line no-console

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Path } from 'react-hook-form';
 import type { PDSTextType, IFormValues } from '../../../common';
-export declare type EditApplyTextFieldProps = {
+export type EditApplyTextFieldProps = {
     name: Path<IFormValues>;
     hintText?: PDSTextType;
     defaultText?: PDSTextType;

package/dist/src/desktop/components/EditApplyTextField/EditApplyTextField.js

@@ -16,7 +16,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -147,23 +151,23 @@ function EditApplyTextField(_a) {
     };
     var S_TextFieldBase = function () {
         if (textLineType === 'multi') {
-            return ((0, jsx_runtime_1.jsx)(components_1.TextFieldBase, { name: name, hintText: hintText, defaultText: defaultText, validation: validation, textLineType: "multi", multiRows: multiRows, state: state, maxLength: maxLength, textSize: size === 'large' || size === 'rlarge' ? 'form2' : 'heading', textWeight: size === 'large' || size === 'rlarge' ? 'normal' : 'bold', onFocus: handleFocus, onBlur: handleBlur, onTarget: handleTarget, onChange: handleChange, inputRef: ref }, void 0));
+            return ((0, jsx_runtime_1.jsx)(components_1.TextFieldBase, { name: name, hintText: hintText, defaultText: defaultText, validation: validation, textLineType: "multi", multiRows: multiRows, state: state, maxLength: maxLength, textSize: size === 'large' || size === 'rlarge' ? 'form2' : 'heading', textWeight: size === 'large' || size === 'rlarge' ? 'normal' : 'bold', onFocus: handleFocus, onBlur: handleBlur, onTarget: handleTarget, onChange: handleChange, inputRef: ref }));
         }
         if (textLineType === 'auto') {
-            return ((0, jsx_runtime_1.jsx)(components_1.TextFieldBase, { name: name, hintText: hintText, defaultText: defaultText, validation: validation, textLineType: "auto", autoMinRows: autoMinRows, autoMaxRows: autoMaxRows, state: state, maxLength: maxLength, textSize: size === 'large' || size === 'rlarge' ? 'form2' : 'heading', textWeight: size === 'large' || size === 'rlarge' ? 'normal' : 'bold', onFocus: handleFocus, onBlur: handleBlur, onTarget: handleTarget, onChange: handleChange, inputRef: ref }, void 0));
+            return ((0, jsx_runtime_1.jsx)(components_1.TextFieldBase, { name: name, hintText: hintText, defaultText: defaultText, validation: validation, textLineType: "auto", autoMinRows: autoMinRows, autoMaxRows: autoMaxRows, state: state, maxLength: maxLength, textSize: size === 'large' || size === 'rlarge' ? 'form2' : 'heading', textWeight: size === 'large' || size === 'rlarge' ? 'normal' : 'bold', onFocus: handleFocus, onBlur: handleBlur, onTarget: handleTarget, onChange: handleChange, inputRef: ref }));
         }
         if (textLineType === 'single') {
-            return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(components_1.TextFieldBase, { name: name, hintText: hintText, defaultText: defaultText, validation: validation, preventBlankMode: preventBlankMode, enterSubmitMode: "use", textLineType: "single", inputType: inputType, state: state, min: min, max: max, maxLength: maxLength, textSize: size === 'large' || size === 'rlarge' ? 'form2' : 'heading', textWeight: size === 'large' || size === 'rlarge' ? 'normal' : 'bold', onFocus: handleFocus, onBlur: handleBlur, onTarget: handleTarget, onChange: handleChange, onKeyDown: handleKeyDown, inputRef: ref }, void 0) }, void 0));
+            return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(components_1.TextFieldBase, { name: name, hintText: hintText, defaultText: defaultText, validation: validation, preventBlankMode: preventBlankMode, enterSubmitMode: "use", textLineType: "single", inputType: inputType, state: state, min: min, max: max, maxLength: maxLength, textSize: size === 'large' || size === 'rlarge' ? 'form2' : 'heading', textWeight: size === 'large' || size === 'rlarge' ? 'normal' : 'bold', onFocus: handleFocus, onBlur: handleBlur, onTarget: handleTarget, onChange: handleChange, onKeyDown: handleKeyDown, inputRef: ref }) }));
         }
     };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(S_EditApplyTextFieldWrapper, __assign({ "x-pds-name": "EditApplyTextField", "x-pds-element-type": "component", "x-pds-device-type": "desktop", size: size, responsiveMode: responsiveMode, customWidth: customWidth }, { children: [(0, jsx_runtime_1.jsxs)(S_EditApplyTextField, { children: [(0, jsx_runtime_1.jsx)(S_S_TextFieldBaseWrapper, __assign({ size: size, responsiveMode: responsiveMode, textLineType: textLineType, isFocused: isFocused, isError: isError, state: state, customWidth: customWidth }, { children: S_TextFieldBase() }), void 0), isOpen === true && ((0, jsx_runtime_1.jsxs)(S_ButtonBox, { children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: "ic_xmark", fillType: "line", baseSize: "small", iconSize: 16, shapeType: "circular", shadow: "visible", iconColorKey: "ui_cpnt_button_icon_enabled", baseColorKey: "ui_cpnt_button_fill_base_white", borderColorKey: "ui_cpnt_button_line_border_default", tabIndex: -1, onMouseDown: handleCancel }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: "ic_check", fillType: "fill", baseSize: "small", iconSize: 16, shapeType: "circular", shadow: "visible", iconColorKey: "ui_cpnt_button_icon_on_primary", baseColorKey: "ui_cpnt_button_fill_base_primary", state: isError === true ? 'disabled' : 'normal', tabIndex: -1, onMouseDown: handleMouseDown, type: "submit" }, void 0)] }, void 0))] }, void 0), ((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && (0, jsx_runtime_1.jsx)(S_Error, __assign({ isFocused: isFocused }, { children: errors[name].message }), void 0)] }), void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(S_EditApplyTextFieldWrapper, __assign({ "x-pds-name": "EditApplyTextField", "x-pds-element-type": "component", "x-pds-device-type": "desktop", size: size, responsiveMode: responsiveMode, customWidth: customWidth }, { children: [(0, jsx_runtime_1.jsxs)(S_EditApplyTextField, { children: [(0, jsx_runtime_1.jsx)(S_S_TextFieldBaseWrapper, __assign({ size: size, responsiveMode: responsiveMode, textLineType: textLineType, isFocused: isFocused, isError: isError, state: state, customWidth: customWidth }, { children: S_TextFieldBase() })), isOpen === true && ((0, jsx_runtime_1.jsxs)(S_ButtonBox, { children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: "ic_xmark", fillType: "line", baseSize: "small", iconSize: 16, shapeType: "circular", shadow: "visible", iconColorKey: "ui_cpnt_button_icon_enabled", baseColorKey: "ui_cpnt_button_fill_base_white", borderColorKey: "ui_cpnt_button_line_border_default", tabIndex: -1, onMouseDown: handleCancel }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: "ic_check", fillType: "fill", baseSize: "small", iconSize: 16, shapeType: "circular", shadow: "visible", iconColorKey: "ui_cpnt_button_icon_on_primary", baseColorKey: "ui_cpnt_button_fill_base_primary", state: isError === true ? 'disabled' : 'normal', tabIndex: -1, onMouseDown: handleMouseDown, type: "submit" })] }))] }), ((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && (0, jsx_runtime_1.jsx)(S_Error, __assign({ isFocused: isFocused }, { children: errors[name].message }))] })) }));
 }
 var S_EditApplyTextFieldWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: ", ";\n\n  ", "\n"], ["\n  width: ", ";\n\n  ", "\n"])), function (_a) {
     var size = _a.size, responsiveMode = _a.responsiveMode;
     return size === 'rlarge' || responsiveMode === 'use' ? '100%' : '432px';
 }, function (_a) {
     var customWidth = _a.customWidth;
-    return customWidth && "width: " + customWidth + ";";
+    return customWidth && "width: ".concat(customWidth, ";");
 });
 var S_EditApplyTextField = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
 var multi = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: auto;\n  padding: 14px;\n"], ["\n  height: auto;\n  padding: 14px;\n"])));
@@ -216,10 +220,10 @@ var normal = (0, styled_components_1.css)(templateObject_7 || (templateObject_7
 }, function (_a) {
     var isError = _a.isError, isFocused = _a.isFocused, theme = _a.theme;
     if (isError)
-        return "box-shadow: 0 0 0 2px " + theme.ui_cpnt_textfield_border_error + " inset;";
+        return "box-shadow: 0 0 0 2px ".concat(theme.ui_cpnt_textfield_border_error, " inset;");
     if (isFocused)
-        return "box-shadow: 0 0 0 2px " + theme.ui_cpnt_textfield_border_focus + " inset;";
-    return "box-shadow: 0 0 0 1px " + theme.ui_cpnt_textfield_border_normal + " inset;";
+        return "box-shadow: 0 0 0 2px ".concat(theme.ui_cpnt_textfield_border_focus, " inset;");
+    return "box-shadow: 0 0 0 1px ".concat(theme.ui_cpnt_textfield_border_normal, " inset;");
 });
 var read_only = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  background-color: ", ";\n  border: solid 2px ", ";\n"], ["\n  background-color: ", ";\n  border: solid 2px ", ";\n"])), function (_a) {
     var theme = _a.theme;
@@ -263,7 +267,7 @@ var S_S_TextFieldBaseWrapper = styled_components_1.default.div(templateObject_11
         }[state];
 }, function (_a) {
     var customWidth = _a.customWidth;
-    return customWidth && "width: " + customWidth + ";";
+    return customWidth && "width: ".concat(customWidth, ";");
 }, transitionStyle_1.InputTransition, function (_a) {
     var state = _a.state;
     return state === 'normal' && normalActionColor;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { IFormValues, PDSTextType, PDSValueOption } from '../../../common';
 import type { Path } from 'react-hook-form';
-export declare type FilterBarProps = {
+export type FilterBarProps = {
     displayType?: 'chips' | 'searchfield' | 'filterchips_searchfield';
     textArray: PDSValueOption[];
     hintText?: PDSTextType;

package/dist/src/desktop/components/FilterBar/FilterBar.js

@@ -28,16 +28,16 @@ function FilterBar(_a) {
         if (displayType === 'chips' || displayType === 'filterchips_searchfield') {
             return textArray.map(function (option) {
                 var _a;
-                return ((0, jsx_runtime_1.jsx)(S_ChipWrapper, { children: (0, jsx_runtime_1.jsx)(Chip_1.Chip, { displayType: "filter_single", text: option.text, value: value === null || value === void 0 ? void 0 : value.value, id: option.value, onClickChip: function () { return onClickChip && onClickChip(option); }, activeChipId: activeChipId, chipId: (_a = option.value) === null || _a === void 0 ? void 0 : _a.toString() }, void 0) }, option.value));
+                return ((0, jsx_runtime_1.jsx)(S_ChipWrapper, { children: (0, jsx_runtime_1.jsx)(Chip_1.Chip, { displayType: "filter_single", text: option.text, value: value === null || value === void 0 ? void 0 : value.value, id: option.value, onClickChip: function () { return onClickChip && onClickChip(option); }, activeChipId: activeChipId, chipId: (_a = option.value) === null || _a === void 0 ? void 0 : _a.toString() }) }, option.value));
             });
         }
     };
     var renderingTextField = function () {
         if (displayType === 'filterchips_searchfield' || displayType === 'searchfield') {
-            return (name && ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { name: name, size: "small", hintText: hintText, enterSubmitMode: "use", validationPoint: "onChange" }, void 0)));
+            return (name && ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { name: name, size: "small", hintText: hintText, enterSubmitMode: "use", validationPoint: "onChange" })));
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(S_FilterBarBox, __assign({ "x-pds-name": "FilterBar", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [(0, jsx_runtime_1.jsx)(S_ChipBox, { children: renderingChip() }, void 0), renderingTextField()] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)(S_FilterBarBox, __assign({ "x-pds-name": "FilterBar", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [(0, jsx_runtime_1.jsx)(S_ChipBox, { children: renderingChip() }), renderingTextField()] })));
 }
 exports.default = FilterBar;
 var S_FilterBarBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n"], ["\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n"])));

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { FillIconNameKeys, LineIconNameKeys, PDSTextType } from '../../../common';
-export declare type FloatingActionButtonProps = {
+export type FloatingActionButtonProps = {
     text?: PDSTextType;
     displayType?: 'icon_only' | 'text_only' | 'icon_text';
     size?: 'xlarge' | 'large';

package/dist/src/desktop/components/FloatingActionButton/FloatingActionButton.js

@@ -16,7 +16,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -61,7 +65,7 @@ function FloatingActionButton(_a) {
         }
         return 'ui_cpnt_button_icon_on_primary';
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [displayType === 'icon_only' && ((0, jsx_runtime_1.jsx)(S_ButtonIconOnly, __assign({ "x-pds-name": "FloatingActionButton", "x-pds-element-type": "component", "x-pds-device-type": "desktop", size: size, colorTheme: colorTheme, state: state, disabled: state === 'disabled', onClick: handleClick, onMouseDown: handleMouseDown }, { children: (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: iconName, size: size === 'large' ? 20 : 24, colorKey: iconColor(), fillType: iconFillType }, void 0) }), void 0)), displayType !== 'icon_only' && ((0, jsx_runtime_1.jsxs)(S_Button, __assign({ "x-pds-name": "FloatingActionButton", "x-pds-element-type": "component", "x-pds-device-type": "desktop", size: size, colorTheme: colorTheme, state: state, disabled: state === 'disabled', onClick: handleClick, onMouseDown: handleMouseDown }, { children: [displayType === 'text_only' && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: text, styleTheme: fontWeight === 'regular' ? 'body1Regular' : 'body1Bold', singleLineMode: "use", colorTheme: state === 'disabled' ? 'sysTextTertiary' : 'usrTextBrandOnPrimary', colorOverride: state === 'disabled' ? 'ui_cpnt_button_text_darktheme_disabled' : undefined }, void 0)), displayType === 'icon_text' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: iconName, size: 20, colorKey: iconColor(), fillType: iconFillType }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: text, styleTheme: fontWeight === 'regular' ? 'body1Regular' : 'body1Bold', singleLineMode: "use", colorTheme: state === 'disabled' ? 'sysTextTertiary' : 'usrTextBrandOnPrimary', colorOverride: state === 'disabled' ? 'ui_cpnt_button_text_darktheme_disabled' : undefined }, void 0)] }, void 0))] }), void 0))] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [displayType === 'icon_only' && ((0, jsx_runtime_1.jsx)(S_ButtonIconOnly, __assign({ "x-pds-name": "FloatingActionButton", "x-pds-element-type": "component", "x-pds-device-type": "desktop", size: size, colorTheme: colorTheme, state: state, disabled: state === 'disabled', onClick: handleClick, onMouseDown: handleMouseDown }, { children: (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: iconName, size: size === 'large' ? 20 : 24, colorKey: iconColor(), fillType: iconFillType }) }))), displayType !== 'icon_only' && ((0, jsx_runtime_1.jsxs)(S_Button, __assign({ "x-pds-name": "FloatingActionButton", "x-pds-element-type": "component", "x-pds-device-type": "desktop", size: size, colorTheme: colorTheme, state: state, disabled: state === 'disabled', onClick: handleClick, onMouseDown: handleMouseDown }, { children: [displayType === 'text_only' && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: text, styleTheme: fontWeight === 'regular' ? 'body1Regular' : 'body1Bold', singleLineMode: "use", colorTheme: state === 'disabled' ? 'sysTextTertiary' : 'usrTextBrandOnPrimary', colorOverride: state === 'disabled' ? 'ui_cpnt_button_text_darktheme_disabled' : undefined })), displayType === 'icon_text' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: iconName, size: 20, colorKey: iconColor(), fillType: iconFillType }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: text, styleTheme: fontWeight === 'regular' ? 'body1Regular' : 'body1Bold', singleLineMode: "use", colorTheme: state === 'disabled' ? 'sysTextTertiary' : 'usrTextBrandOnPrimary', colorOverride: state === 'disabled' ? 'ui_cpnt_button_text_darktheme_disabled' : undefined })] }))] })))] }));
 }
 var large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: 24px;\n  height: 48px;\n  width: 48px;\n"], ["\n  border-radius: 24px;\n  height: 48px;\n  width: 48px;\n"])));
 var xlarge = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: 32px;\n  height: 64px;\n  width: 64px;\n"], ["\n  border-radius: 32px;\n  height: 64px;\n  width: 64px;\n"])));
@@ -94,7 +98,7 @@ var S_ButtonIconOnly = styled_components_1.default.button(templateObject_5 || (t
 });
 var S_Button = styled_components_1.default.button(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  border-radius: 14px;\n  height: 48px;\n  padding: ", ";\n  ", ";\n"], ["\n  border-radius: 14px;\n  height: 48px;\n  padding: ", ";\n  ", ";\n"])), function (_a) {
     var theme = _a.theme;
-    return "0 " + theme.spacing.spacingE;
+    return "0 ".concat(theme.spacing.spacingE);
 }, floatingActionButtonStyle);
 exports.default = FloatingActionButton;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { PDSTextType } from '../../../common';
-export declare type HeroProps = {
+export type HeroProps = {
     heroText: PDSTextType;
     leadText?: PDSTextType;
     leadTextColorTheme?: 'normal' | 'emphasis';

package/dist/src/desktop/components/Hero/Hero.js

@@ -16,6 +16,6 @@ var hybrid_1 = require("../../../hybrid");
 var TextLabel_1 = require("../TextLabel");
 function Hero(_a) {
     var heroText = _a.heroText, leadText = _a.leadText, _b = _a.leadTextColorTheme, leadTextColorTheme = _b === void 0 ? 'normal' : _b;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ "x-pds-name": "Hero", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_h" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "displayBold", colorTheme: "sysTextPrimary", text: heroText }, void 0), leadText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_f" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "leadParaRegular", colorTheme: leadTextColorTheme === 'emphasis' ? 'sysTextPrimary' : 'sysTextSecondary', text: leadText }, void 0)] }, void 0))] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ "x-pds-name": "Hero", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_h" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "displayBold", colorTheme: "sysTextPrimary", text: heroText }), leadText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_f" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "leadParaRegular", colorTheme: leadTextColorTheme === 'emphasis' ? 'sysTextPrimary' : 'sysTextSecondary', text: leadText })] }))] })));
 }
 exports.default = Hero;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { PDSTextType } from '../../../common';
-declare type HorizontalFormGroupProps = {
+type HorizontalFormGroupProps = {
     labelText: PDSTextType;
     captionText?: PDSTextType;
     inputForm: JSX.Element;

package/dist/src/desktop/components/HorizontalFormGroup/HorizontalFormGroup.js

@@ -16,7 +16,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -40,7 +44,7 @@ var hybrid_1 = require("../../../hybrid");
 var TextLabel_1 = require("../TextLabel");
 function HorizontalFormGroup(_a) {
     var labelText = _a.labelText, captionText = _a.captionText, inputForm = _a.inputForm, _b = _a.labelAlignType, labelAlignType = _b === void 0 ? 'center' : _b, labelTopSpacing = _a.labelTopSpacing;
-    return ((0, jsx_runtime_1.jsxs)(S_HorizontalFormGroupBox, __assign({ "x-pds-name": "HorizontalFormGroup", "x-pds-element-type": "component", "x-pds-device-type": "desktop", labelAlignType: labelAlignType }, { children: [(0, jsx_runtime_1.jsx)(S_LabelWrapper, __assign({ labelAlignType: labelAlignType, labelTopSpacing: labelTopSpacing }, { children: labelAlignType === 'center' ? ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: labelText, styleTheme: "body2Bold", ellipsisMode: "use", lineLimit: 2 }, void 0)) : ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: labelText, styleTheme: "body2Bold" }, void 0)) }), void 0), (0, jsx_runtime_1.jsx)(S_InputFormWrapper, { children: inputForm }, void 0), captionText && ((0, jsx_runtime_1.jsxs)(S_CaptionWrapper, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: captionText, styleTheme: "caption1Regular" }, void 0)] }, void 0))] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)(S_HorizontalFormGroupBox, __assign({ "x-pds-name": "HorizontalFormGroup", "x-pds-element-type": "component", "x-pds-device-type": "desktop", labelAlignType: labelAlignType }, { children: [(0, jsx_runtime_1.jsx)(S_LabelWrapper, __assign({ labelAlignType: labelAlignType, labelTopSpacing: labelTopSpacing }, { children: labelAlignType === 'center' ? ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: labelText, styleTheme: "body2Bold", ellipsisMode: "use", lineLimit: 2 })) : ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: labelText, styleTheme: "body2Bold" })) })), (0, jsx_runtime_1.jsx)(S_InputFormWrapper, { children: inputForm }), captionText && ((0, jsx_runtime_1.jsxs)(S_CaptionWrapper, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: captionText, styleTheme: "caption1Regular" })] }))] })));
 }
 var centerArea = "\n'label inputForm'\n'.     caption'";
 var topArea = "\n'label inputForm'\n'label caption'";

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { FillIconNameKeys, LineIconNameKeys, PDSTextType, UiColors } from '../../../common';
-export declare type IconButtonProps = {
+export type IconButtonProps = {
     tooltipText?: PDSTextType;
     tooltipPosition?: 'left_top' | 'left_bottom' | 'center_top' | 'center_bottom' | 'right_top' | 'right_bottom';
     fillType?: 'fill' | 'line';

package/dist/src/desktop/components/IconButton/IconButton.js

@@ -16,7 +16,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -80,7 +84,7 @@ function IconButton(_a) {
         }
         return iconStateColorObj[fillType];
     };
-    return ((0, jsx_runtime_1.jsxs)(S_IconButton, __assign({ "x-pds-name": "IconButton", "x-pds-element-type": "component", "x-pds-device-type": "desktop", fillType: fillType, shapeType: shapeType, baseSize: baseSize, baseColorKey: baseColorKey, borderColorKey: borderColorKey, shadow: shadow, colorTheme: colorTheme, type: type, state: state, disabled: state === 'disabled', tabIndex: tabIndex, onClick: handleClick, onMouseDown: handleMouseDown, onPointerEnter: function () { return tooltipText && handleTooltipToggle(true); }, onPointerLeave: function () { return tooltipText && handleTooltipToggle(false); } }, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: iconName, size: iconSize, colorKey: IconColorSelect(), fillType: iconFillType }, void 0), tooltipText && isTooltipOpen && ((0, jsx_runtime_1.jsx)(S_TooltipWrapper, __assign({ className: "TooltipWrapper", isTooltipOpen: isTooltipOpen, tooltipPosition: tooltipPosition, baseSize: baseSize }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: tooltipText, colorOverride: "ui_cpnt_textlabel_button_tooltip", styleTheme: "caption2Regular", colorTheme: "sysTextSecondary" }, void 0) }), void 0))] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)(S_IconButton, __assign({ "x-pds-name": "IconButton", "x-pds-element-type": "component", "x-pds-device-type": "desktop", fillType: fillType, shapeType: shapeType, baseSize: baseSize, baseColorKey: baseColorKey, borderColorKey: borderColorKey, shadow: shadow, colorTheme: colorTheme, type: type, state: state, disabled: state === 'disabled', tabIndex: tabIndex, onClick: handleClick, onMouseDown: handleMouseDown, onPointerEnter: function () { return tooltipText && handleTooltipToggle(true); }, onPointerLeave: function () { return tooltipText && handleTooltipToggle(false); } }, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: iconName, size: iconSize, colorKey: IconColorSelect(), fillType: iconFillType }), tooltipText && isTooltipOpen && ((0, jsx_runtime_1.jsx)(S_TooltipWrapper, __assign({ className: "TooltipWrapper", isTooltipOpen: isTooltipOpen, tooltipPosition: tooltipPosition, baseSize: baseSize }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: tooltipText, colorOverride: "ui_cpnt_textlabel_button_tooltip", styleTheme: "caption2Regular", colorTheme: "sysTextSecondary" }) })))] })));
 }
 var fillDisabled = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), function (_a) {
     var theme = _a.theme, baseColorKey = _a.baseColorKey;
@@ -130,10 +134,10 @@ var line = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 =
     }
 }, function (_a) {
     var theme = _a.theme;
-    return "background-color: " + theme.ui_cpnt_button_line_base_hover + "\n  ;";
+    return "background-color: ".concat(theme.ui_cpnt_button_line_base_hover, "\n  ;");
 }, function (_a) {
     var theme = _a.theme;
-    return "background-color: " + theme.ui_cpnt_button_line_base_pressed + "\n  ;";
+    return "background-color: ".concat(theme.ui_cpnt_button_line_base_pressed, "\n  ;");
 }, transitionStyle_1.ButtonTransition, function (_a) {
     var state = _a.state;
     return state === 'disabled' && lineDisabled;
@@ -164,7 +168,7 @@ var iconButtonStyle = (0, styled_components_1.css)(templateObject_13 || (templat
     return shapeType && { circular: 'border-radius: 50%', rectangle: '', round: roundStyle }[shapeType];
 }, function (_a) {
     var theme = _a.theme, shadow = _a.shadow;
-    return shadow === 'visible' && "box-shadow: " + theme.boxShadow.elevation2;
+    return shadow === 'visible' && "box-shadow: ".concat(theme.boxShadow.elevation2);
 }, function (_a) {
     var fillType = _a.fillType;
     return fillType &&
@@ -209,7 +213,7 @@ var S_TooltipWrapper = styled_components_1.default.div(templateObject_22 || (tem
     return theme.spacing.spacingA;
 }, function (_a) {
     var theme = _a.theme;
-    return theme.spacing.spacingA + " " + theme.spacing.spacingB;
+    return "".concat(theme.spacing.spacingA, " ").concat(theme.spacing.spacingB);
 }, function (_a) {
     var isTooltipOpen = _a.isTooltipOpen;
     return !isTooltipOpen && 'display: none';

package/dist/src/desktop/components/IconButton/constants.js

@@ -11,9 +11,9 @@ exports.ICON_BUTTON_SIZE = {
 exports.ICON_BUTTON_TOOLTIP_SPACING = 8;
 // NOTE - iconSize 크기에 따라 위치를 이동시켜주고, iconButtonSize에 간격까지 8px을 추가해준 값입니다.(IconButton과 tooltip의 간격)
 exports.TOOLTIP_POSITION_SPACING = {
-    xxlarge: "calc(" + exports.ICON_BUTTON_SIZE.xxlarge + "px + " + exports.ICON_BUTTON_TOOLTIP_SPACING + "px)",
-    large: "calc(" + exports.ICON_BUTTON_SIZE.large + "px + " + exports.ICON_BUTTON_TOOLTIP_SPACING + "px)",
-    medium: "calc(" + exports.ICON_BUTTON_SIZE.medium + "px + " + exports.ICON_BUTTON_TOOLTIP_SPACING + "px)",
-    small: "calc(" + exports.ICON_BUTTON_SIZE.small + "px + " + exports.ICON_BUTTON_TOOLTIP_SPACING + "px)",
-    xsmall: "calc(" + exports.ICON_BUTTON_SIZE.xsmall + "px + " + exports.ICON_BUTTON_TOOLTIP_SPACING + "px)"
+    xxlarge: "calc(".concat(exports.ICON_BUTTON_SIZE.xxlarge, "px + ").concat(exports.ICON_BUTTON_TOOLTIP_SPACING, "px)"),
+    large: "calc(".concat(exports.ICON_BUTTON_SIZE.large, "px + ").concat(exports.ICON_BUTTON_TOOLTIP_SPACING, "px)"),
+    medium: "calc(".concat(exports.ICON_BUTTON_SIZE.medium, "px + ").concat(exports.ICON_BUTTON_TOOLTIP_SPACING, "px)"),
+    small: "calc(".concat(exports.ICON_BUTTON_SIZE.small, "px + ").concat(exports.ICON_BUTTON_TOOLTIP_SPACING, "px)"),
+    xsmall: "calc(".concat(exports.ICON_BUTTON_SIZE.xsmall, "px + ").concat(exports.ICON_BUTTON_TOOLTIP_SPACING, "px)")
 };