pds-dev-kit-web-test 2.5.4 → 2.5.6

package/dist/src/common/assets/icons/line/index.d.ts

@@ -282,13 +282,5 @@ declare const lineIcons: {
     readonly ic_warning: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_weblink: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_xmark: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
-    readonly ic_section_hero_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
-    readonly ic_section_hero_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
-    readonly ic_section_banner_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
-    readonly ic_section_banner_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
-    readonly ic_section_feed_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
-    readonly ic_section_feed_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
-    readonly ic_section_contents_operator_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
-    readonly ic_section_contents_operator_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
 };
 export default lineIcons;

package/dist/src/common/assets/icons/line/index.js

@@ -180,24 +180,16 @@ var Rocket_1 = __importDefault(require("./Rocket"));
 var Sales_1 = __importDefault(require("./Sales"));
 var ScrollingText_1 = __importDefault(require("./ScrollingText"));
 var Search_1 = __importDefault(require("./Search"));
-var SectionBanner32_1 = __importDefault(require("./SectionBanner32"));
-var SectionBanner40_1 = __importDefault(require("./SectionBanner40"));
 var SectionContent32_1 = __importDefault(require("./SectionContent32"));
 var SectionContent40_1 = __importDefault(require("./SectionContent40"));
 var SectionContentsCarousel32_1 = __importDefault(require("./SectionContentsCarousel32"));
 var SectionContentsCarousel40_1 = __importDefault(require("./SectionContentsCarousel40"));
-var SectionContentsOperator32_1 = __importDefault(require("./SectionContentsOperator32"));
-var SectionContentsOperator40_1 = __importDefault(require("./SectionContentsOperator40"));
 var SectionCustom32_1 = __importDefault(require("./SectionCustom32"));
 var SectionCustom40_1 = __importDefault(require("./SectionCustom40"));
 var SectionDivider32_1 = __importDefault(require("./SectionDivider32"));
 var SectionDivider40_1 = __importDefault(require("./SectionDivider40"));
-var SectionFeed32_1 = __importDefault(require("./SectionFeed32"));
-var SectionFeed40_1 = __importDefault(require("./SectionFeed40"));
 var SectionFooter32_1 = __importDefault(require("./SectionFooter32"));
 var SectionFooter40_1 = __importDefault(require("./SectionFooter40"));
-var SectionHero32_1 = __importDefault(require("./SectionHero32"));
-var SectionHero40_1 = __importDefault(require("./SectionHero40"));
 var SectionIframe32_1 = __importDefault(require("./SectionIframe32"));
 var SectionIframe40_1 = __importDefault(require("./SectionIframe40"));
 var SectionInfoBox32_1 = __importDefault(require("./SectionInfoBox32"));
@@ -575,14 +567,6 @@ var lineIcons = {
     ic_vod_shorts: VodShorts_1.default,
     ic_warning: Warning_1.default,
     ic_weblink: Weblink_1.default,
-    ic_xmark: Xmark_1.default,
-    ic_section_hero_32: SectionHero32_1.default,
-    ic_section_hero_40: SectionHero40_1.default,
-    ic_section_banner_32: SectionBanner32_1.default,
-    ic_section_banner_40: SectionBanner40_1.default,
-    ic_section_feed_32: SectionFeed32_1.default,
-    ic_section_feed_40: SectionFeed40_1.default,
-    ic_section_contents_operator_32: SectionContentsOperator32_1.default,
-    ic_section_contents_operator_40: SectionContentsOperator40_1.default
+    ic_xmark: Xmark_1.default
 };
 exports.default = lineIcons;

package/dist/src/common/hooks/useAbsolutePositioner.js

@@ -20,8 +20,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var index_1 = require("../../desktop/index");
-var components_1 = require("../../hybrid/components");
+var index_1 = require("@desktop/index");
+var components_1 = require("@hybrid/components");
 var styled_components_1 = __importDefault(require("styled-components"));
 function useAbsolutePositioner(controllerPosition) {
     var _a = (0, react_1.useState)({

package/dist/src/common/hooks/useTooltip.d.ts

@@ -1,6 +1,6 @@
 import { MutableRefObject } from 'react';
-import type { PDSTextType } from '../types';
-import type { SystemUIPositionType } from '../types/systemUI';
+import type { PDSTextType } from '@common/types';
+import type { SystemUIPositionType } from '@common/types/systemUI';
 type Props = {
     tooltipPositionTargetRef: MutableRefObject<HTMLDivElement | HTMLButtonElement | HTMLLabelElement | null>;
     dependency: boolean;

package/dist/src/common/hooks/useTooltip.js

@@ -21,8 +21,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_dom_1 = require("react-dom");
-var systemUI_1 = require("../styles/systemUI");
-var SystemUIPositionGenerator_1 = require("../utils/SystemUIPositionGenerator");
+var systemUI_1 = require("@common/styles/systemUI");
+var SystemUIPositionGenerator_1 = require("@common/utils/SystemUIPositionGenerator");
 var styled_components_1 = __importDefault(require("styled-components"));
 /**
  * @description 모듈화에 대한 범용성이 조금 더 확보되면 상용화 될 수 있을 것 같습니다. group 형태의 컴포넌트들에 적용 방향을 확정해야 합니다.

package/dist/src/common/styles/colorSet/PaletteColor_Dark.json

@@ -354,6 +354,5 @@
     "sys_cpnt_sheet_base_13": "grey50",
     "sys_cpnt_sheet_base_14": "grey900",
     "sys_cpnt_white_opacity60": "white/opacity60",
-    "sys_border_line_17": "darkgrey600",
-    "usr_brand_primary_opacity05": "darkblue500/opacity05"
+    "sys_border_line_17": "darkgrey600"
 }

package/dist/src/common/styles/colorSet/PaletteColor_light.json

@@ -354,6 +354,5 @@
     "sys_cpnt_sheet_base_13": "grey50",
     "sys_cpnt_sheet_base_14": "grey900",
     "sys_cpnt_white_opacity60": "white/opacity60",
-    "sys_border_line_17": "black/opacity00",
-    "usr_brand_primary_opacity05": "blue500/opacity05"
+    "sys_border_line_17": "black/opacity00"
 }

package/dist/src/common/styles/colorSet/UIColor.json

@@ -858,6 +858,5 @@
     "ui_120": "sys_cpnt_white_opacity60",
     "ui_121": "sys_component_base_03",
     "ui_cpnt_tooltip_base_border": "sys_border_line_17",
-    "ui_122": "sys_widget_green_01",
-    "ui_123": "usr_brand_primary_opacity05"
+    "ui_122": "sys_widget_green_01"
 }

package/dist/src/common/styles/colorSet/index.d.ts

@@ -476,7 +476,6 @@ declare const colorSet: {
         sys_cpnt_sheet_base_14: string;
         sys_cpnt_white_opacity60: string;
         sys_border_line_17: string;
-        usr_brand_primary_opacity05: string;
     };
     readonly PaletteColor_Dark: {
         sys_container_background_01: string;
@@ -835,7 +834,6 @@ declare const colorSet: {
         sys_cpnt_sheet_base_14: string;
         sys_cpnt_white_opacity60: string;
         sys_border_line_17: string;
-        usr_brand_primary_opacity05: string;
     };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
@@ -1698,7 +1696,6 @@ declare const colorSet: {
         ui_121: string;
         ui_cpnt_tooltip_base_border: string;
         ui_122: string;
-        ui_123: string;
     };
 };
 export default colorSet;

package/dist/src/common/styles/colorSet/ui-type.d.ts

@@ -859,5 +859,4 @@ export interface UITheme {
     ui_121: string;
     ui_cpnt_tooltip_base_border: string;
     ui_122: string;
-    ui_123: string;
 }

package/dist/src/common/styles/ui-colors.js

@@ -9,22 +9,14 @@ function buildCascadedColors(lowLevel, highLevel, override) {
     if (override === void 0) { override = {}; }
     return Object.keys(highLevel).reduce(function (acc, key) {
         var keyInLowLevelColors = highLevel[key];
-        var hasOpacity = keyInLowLevelColors.indexOf('/') !== -1;
         var colorValue;
-        if (hasOpacity) {
-            var _a = keyInLowLevelColors.split('/'), colorKey = _a[0], opacity = _a[1];
-            var isUserBrandPrimaryColor = key.includes('usr_brand_primary');
-            if (isUserBrandPrimaryColor) {
-                colorValue = override.usr_brand_primary
-                    ? override.usr_brand_primary + lowLevel[opacity]
-                    : lowLevel[colorKey] + lowLevel[opacity];
-            }
-            else {
-                colorValue = override[key] || lowLevel[colorKey] + lowLevel[opacity];
-            }
+        if (keyInLowLevelColors.indexOf('/') !== -1) {
+            colorValue = override[key]
+                ? override[key]
+                : lowLevel[keyInLowLevelColors.split('/')[0]] + lowLevel[keyInLowLevelColors.split('/')[1]];
         }
         else {
-            colorValue = override[key] || lowLevel[keyInLowLevelColors];
+            colorValue = override[key] ? override[key] : lowLevel[keyInLowLevelColors];
         }
         acc[key] = colorValue;
         return acc;

package/dist/src/common/utils/SystemUIPositionGenerator/clickTypeSystemUICssGenerator.d.ts

@@ -1,4 +1,4 @@
-import type { SystemUIPositionOffsetType, SystemUISizeOffsetType } from '../../types/systemUI';
+import type { SystemUIPositionOffsetType, SystemUISizeOffsetType } from '@common/types/systemUI';
 type Props = {
     sizeOffset: SystemUISizeOffsetType;
     positionOffset: SystemUIPositionOffsetType;

package/dist/src/common/utils/SystemUIPositionGenerator/hoverTypeSystemUICssGenerator.d.ts

@@ -1,4 +1,4 @@
-import type { SystemUIPositionOffsetType, SystemUISizeOffsetType, SystemUIPositionType } from '../../types/systemUI';
+import type { SystemUIPositionOffsetType, SystemUISizeOffsetType, SystemUIPositionType } from '@common/types/systemUI';
 type Props = {
     baseSize: number;
     sizeOffset: SystemUISizeOffsetType;

package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.js

@@ -54,8 +54,8 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react/jsx-no-bind */
 var react_1 = require("react");
 var react_hook_form_1 = require("react-hook-form");
-var components_1 = require("../../../components");
-var components_2 = require("../../../../hybrid/components");
+var components_1 = require("@desktop/components");
+var components_2 = require("@hybrid/components");
 var styled_components_1 = __importStar(require("styled-components"));
 var common_1 = require("../../../../common");
 var IconButton_1 = require("../../../components/IconButton");

package/dist/src/desktop/components/AdminList/BulkActionBar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { AdminListDropdownValueOption } from '../../../common/types';
+import type { AdminListDropdownValueOption } from '@common/types';
 import type { TFunctionResult } from 'i18next';
 type Props = {
     itemCount?: number;

package/dist/src/desktop/components/AdminListHeader/HeaderBar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { AdminListDropdownValueOption } from '../../../common/types';
+import type { AdminListDropdownValueOption } from '@common/types';
 import type { TFunctionResult } from 'i18next';
 type Props = {
     titleText?: TFunctionResult;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { BasicButtonGroupValueOption } from '../../../common/types';
+import type { BasicButtonGroupValueOption } from '@common/types';
 export type BasicButtonGroupProps = {
     size?: 'large' | 'medium' | 'small';
     valueArray: BasicButtonGroupValueOption[];

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

@@ -41,9 +41,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_dom_1 = require("react-dom");
-var systemUI_1 = require("../../../common/styles/systemUI");
-var SystemUIPositionGenerator_1 = require("../../../common/utils/SystemUIPositionGenerator");
-var components_1 = require("../../../hybrid/components");
+var systemUI_1 = require("@common/styles/systemUI");
+var SystemUIPositionGenerator_1 = require("@common/utils/SystemUIPositionGenerator");
+var components_1 = require("@hybrid/components");
 var styled_components_1 = __importStar(require("styled-components"));
 var TextLabel_1 = require("../TextLabel");
 var constants_1 = require("./constants");

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

@@ -6,7 +6,6 @@ type BasicFormGroupProps = {
     descText?: PDSTextType;
     captionText?: PDSTextType;
     inputForm?: JSX.Element;
-    titleRequirementMode?: 'use' | 'none';
 };
-declare function BasicFormGroup({ titleStyleTheme, titleText, descText, captionText, inputForm, titleRequirementMode }: BasicFormGroupProps): JSX.Element;
+declare function BasicFormGroup({ titleStyleTheme, titleText, descText, captionText, inputForm }: BasicFormGroupProps): JSX.Element;
 export default BasicFormGroup;

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

@@ -1,8 +1,4 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -14,22 +10,12 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = __importDefault(require("styled-components"));
 var hybrid_1 = require("../../../hybrid");
 var TextLabel_1 = require("../TextLabel");
 function BasicFormGroup(_a) {
-    var _b = _a.titleStyleTheme, titleStyleTheme = _b === void 0 ? 'subTitleBold' : _b, titleText = _a.titleText, descText = _a.descText, captionText = _a.captionText, inputForm = _a.inputForm, _c = _a.titleRequirementMode, titleRequirementMode = _c === void 0 ? 'none' : _c;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ "x-pds-name": "BasicFormGroup", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [titleText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(S_TitleTextWrapper, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, styleTheme: titleStyleTheme, colorTheme: "sysTextPrimary" }), titleRequirementMode === 'use' && ((0, jsx_runtime_1.jsx)(S_IconWrapper, { children: (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_requirement", size: 16, fillType: "line", colorKey: "ui_cpnt_icon_sys_error_01" }) }))] }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" })] })), descText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: descText, styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" })] })), inputForm, captionText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: captionText, styleTheme: "caption1Regular", colorTheme: "sysTextPrimary" })] }))] })));
+    var _b = _a.titleStyleTheme, titleStyleTheme = _b === void 0 ? 'subTitleBold' : _b, titleText = _a.titleText, descText = _a.descText, captionText = _a.captionText, inputForm = _a.inputForm;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ "x-pds-name": "BasicFormGroup", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [titleText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, styleTheme: titleStyleTheme, colorTheme: "sysTextPrimary" }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" })] })), descText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: descText, styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" })] })), inputForm, captionText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: captionText, styleTheme: "caption1Regular", colorTheme: "sysTextPrimary" })] }))] })));
 }
-var S_TitleTextWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n"], ["\n  align-items: center;\n  display: flex;\n"])));
-var S_IconWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  height: 100%;\n  height: 16px;\n  justify-content: center;\n  padding: 0 ", ";\n  width: 16px;\n"], ["\n  align-items: center;\n  display: flex;\n  height: 100%;\n  height: 16px;\n  justify-content: center;\n  padding: 0 ", ";\n  width: 16px;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingA;
-});
 exports.default = BasicFormGroup;
-var templateObject_1, templateObject_2;

package/dist/src/desktop/components/BasicListItem/Contents.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { PDSTextType } from '../../../common/types';
+import type { PDSTextType } from '@common/types';
 type ContentsPropTypes = React.FunctionComponent & {
     Title: React.FC<TitlePropTypes>;
     Caption: React.FC<CaptionPropTypes>;

package/dist/src/desktop/components/BasicListItem/Contents.js

@@ -8,7 +8,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("../../../hybrid/components");
+var components_1 = require("@hybrid/components");
 var styled_components_1 = __importDefault(require("styled-components"));
 var TextLabel_1 = require("../TextLabel");
 var Contents = function (_a) {

package/dist/src/desktop/components/BasicListItem/LeftBox/Badge.js

@@ -8,7 +8,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("../../../../hybrid/components");
+var components_1 = require("@hybrid/components");
 var styled_components_1 = __importDefault(require("styled-components"));
 var Badge = function (_a) {
     var status = _a.status;

package/dist/src/desktop/components/BasicListItem/LeftBox/Checkbox.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_hook_form_1 = require("react-hook-form");
-var components_1 = require("../../../../hybrid/components");
+var components_1 = require("@hybrid/components");
 var Checkbox_1 = require("../../Checkbox");
 var Checkbox = function (_a) {
     var id = _a.id;

package/dist/src/desktop/components/BasicListItem/LeftBox/Icon.js

@@ -8,7 +8,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("../../../../hybrid/components");
+var components_1 = require("@hybrid/components");
 var styled_components_1 = __importDefault(require("styled-components"));
 var Icon = function (_a) {
     var name = _a.name, fill = _a.fill;

package/dist/src/desktop/components/BasicListItem/LeftBox/Image.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("../../../../hybrid/components");
+var components_1 = require("@hybrid/components");
 var Image = function (_a) {
     var src = _a.src, shape = _a.shape;
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.ImageView, { width: 40, height: 40, src: src, scaleType: "cover", shapeType: shape }), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_c", spacingType: "width" })] }));

package/dist/src/desktop/components/BasicListItem/LeftBox/Radio.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("../../../../hybrid/components");
+var components_1 = require("@hybrid/components");
 var Radio_1 = require("../../Radio");
 var Radio = function (_a) {
     var id = _a.id, value = _a.value, onChange = _a.onChange;

package/dist/src/desktop/components/BasicListItem/RightBox/Description.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { PDSTextType } from '../../../../common/types';
+import type { PDSTextType } from '@common/types';
 export type DescriptionPropTypes = {
     text: PDSTextType;
     icon?: React.ReactNode;

package/dist/src/desktop/components/BasicListItem/RightBox/Description.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("../../../../hybrid/components");
+var components_1 = require("@hybrid/components");
 var TextLabel_1 = require("../../TextLabel");
 var Description = function (_a) {
     var text = _a.text, icon = _a.icon;

package/dist/src/desktop/components/BasicListItem/RightBox/Switch.js

@@ -8,7 +8,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("../../../../hybrid/components");
+var components_1 = require("@hybrid/components");
 var styled_components_1 = __importDefault(require("styled-components"));
 var Switch = function (_a) {
     var name = _a.name, state = _a.state, status = _a.status, onClick = _a.onClick;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { PDSTextType } from '../../../common';
-import type { ContextMenuItemValueOption } from '../../../common/types';
+import type { ContextMenuItemValueOption } from '@common/types';
 export type ContextMenuItemProps = {
     option?: ContextMenuItemValueOption;
     size?: 'large' | 'medium' | 'small';

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

@@ -39,7 +39,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("../../../hybrid/components");
+var components_1 = require("@hybrid/components");
 var styled_components_1 = __importStar(require("styled-components"));
 var TextLabel_1 = require("../TextLabel");
 function ContextMenuItem(_a) {

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

@@ -43,8 +43,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_router_dom_1 = require("react-router-dom");
-var Icon_1 = __importDefault(require("../../../hybrid/components/Icon/Icon"));
-var Spacing_1 = __importDefault(require("../../../hybrid/components/Spacing/Spacing"));
+var Icon_1 = __importDefault(require("@hybrid/components/Icon/Icon"));
+var Spacing_1 = __importDefault(require("@hybrid/components/Spacing/Spacing"));
 var styled_components_1 = __importStar(require("styled-components"));
 var TextLabel_1 = require("../TextLabel");
 function DesktopTabBar(_a) {

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { PDSTextType } from '../../../common';
-import type { DropdownGroupInfo, DropdownValueOption } from '../../../common/types';
+import type { DropdownGroupInfo, DropdownValueOption } from '@common/types';
 type Props = {
     colorTheme?: 'none' | 'dark' | 'white';
     hintText?: PDSTextType;

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

@@ -44,7 +44,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_dom_1 = require("react-dom");
-var clickTypeSystemUICssGenerator_1 = __importDefault(require("../../../common/utils/SystemUIPositionGenerator/clickTypeSystemUICssGenerator"));
+var clickTypeSystemUICssGenerator_1 = __importDefault(require("@common/utils/SystemUIPositionGenerator/clickTypeSystemUICssGenerator"));
 var styled_components_1 = __importStar(require("styled-components"));
 var transitionStyle_1 = require("../../../common/styles/movement/transitionStyle");
 var hybrid_1 = require("../../../hybrid");

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

@@ -6,7 +6,6 @@ type HorizontalFormGroupProps = {
     inputForm: JSX.Element;
     labelAlignType?: 'top' | 'center';
     labelTopSpacing?: 'small' | 'medium' | 'large';
-    labelRequirementMode?: 'use' | 'none';
 };
-declare function HorizontalFormGroup({ labelText, captionText, inputForm, labelAlignType, labelTopSpacing, labelRequirementMode }: HorizontalFormGroupProps): JSX.Element;
+declare function HorizontalFormGroup({ labelText, captionText, inputForm, labelAlignType, labelTopSpacing }: HorizontalFormGroupProps): JSX.Element;
 export default HorizontalFormGroup;

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

@@ -43,8 +43,8 @@ var styled_components_1 = __importStar(require("styled-components"));
 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, _c = _a.labelRequirementMode, labelRequirementMode = _c === void 0 ? 'none' : _c;
-    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: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [labelText, labelRequirementMode === 'use' && ((0, jsx_runtime_1.jsx)(S_IconWrapper, { children: (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_requirement", size: 16, fillType: "line", colorKey: "ui_cpnt_icon_sys_error_01" }) }))] }), 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 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 })) : ((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'";
@@ -58,7 +58,7 @@ var S_HorizontalFormGroupBox = styled_components_1.default.div(templateObject_4
     var labelAlignType = _a.labelAlignType;
     return labelAlignType === 'center' ? centerArea : topArea;
 });
-var S_LabelWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  align-items: center;\n  align-self: ", ";\n  display: flex;\n  grid-area: label;\n  overflow: hidden;\n\n  ", ";\n"], ["\n  align-items: center;\n  align-self: ", ";\n  display: flex;\n  grid-area: label;\n  overflow: hidden;\n\n  ", ";\n"])), function (_a) {
+var S_LabelWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  align-self: ", ";\n  grid-area: label;\n  overflow: hidden;\n\n  ", ";\n"], ["\n  align-self: ", ";\n  grid-area: label;\n  overflow: hidden;\n\n  ", ";\n"])), function (_a) {
     var labelAlignType = _a.labelAlignType;
     return labelAlignType === 'center' && labelAlignType;
 }, function (_a) {
@@ -67,9 +67,5 @@ var S_LabelWrapper = styled_components_1.default.div(templateObject_5 || (templa
 });
 var S_InputFormWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  grid-area: inputForm;\n"], ["\n  grid-area: inputForm;\n"])));
 var S_CaptionWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  grid-area: caption;\n"], ["\n  grid-area: caption;\n"])));
-var S_IconWrapper = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  align-items: center;\n  display: inline-flex;\n  height: 16px;\n  height: 100%;\n  justify-content: center;\n  padding: 0 ", ";\n  width: 16px;\n"], ["\n  align-items: center;\n  display: inline-flex;\n  height: 16px;\n  height: 100%;\n  justify-content: center;\n  padding: 0 ", ";\n  width: 16px;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingA;
-});
 exports.default = HorizontalFormGroup;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { FillIconNameKeys, LineIconNameKeys, PDSTextType, UiColors } from '../../../common';
-import type { IconCaseTooltipPositionType } from '../../../common/types/systemUI';
+import type { IconCaseTooltipPositionType } from '@common/types/systemUI';
 export type IconButtonProps = {
     tooltipText?: PDSTextType;
     /** @deprecated 'left_top', 'left_bottom', 'right_top', 'right_bottom' will replace 'top' or 'bottom' */

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

@@ -41,8 +41,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_dom_1 = require("react-dom");
-var systemUI_1 = require("../../../common/styles/systemUI");
-var SystemUIPositionGenerator_1 = require("../../../common/utils/SystemUIPositionGenerator");
+var systemUI_1 = require("@common/styles/systemUI");
+var SystemUIPositionGenerator_1 = require("@common/utils/SystemUIPositionGenerator");
 var styled_components_1 = __importStar(require("styled-components"));
 var transitionStyle_1 = require("../../../common/styles/movement/transitionStyle");
 var hybrid_1 = require("../../../hybrid");

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { PDSValueOption, SegmentedButtonGroupValueOption } from '../../../common/types';
+import type { PDSValueOption, SegmentedButtonGroupValueOption } from '@common/types';
 export type SegmentedButtonGroupProps = {
     size?: 'large' | 'medium' | 'small';
     value: PDSValueOption['value'] | PDSValueOption['value'][];

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

@@ -41,9 +41,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_dom_1 = require("react-dom");
-var systemUI_1 = require("../../../common/styles/systemUI");
-var SystemUIPositionGenerator_1 = require("../../../common/utils/SystemUIPositionGenerator");
-var components_1 = require("../../../hybrid/components");
+var systemUI_1 = require("@common/styles/systemUI");
+var SystemUIPositionGenerator_1 = require("@common/utils/SystemUIPositionGenerator");
+var components_1 = require("@hybrid/components");
 var styled_components_1 = __importStar(require("styled-components"));
 var TextLabel_1 = require("../TextLabel");
 var constants_1 = require("./constants");

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { PDSTextType } from '../../../common/types';
+import type { PDSTextType } from '@common/types';
 export type Props = {
     min: number;
     max: number;

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

@@ -20,7 +20,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var components_1 = require("../../../hybrid/components");
+var components_1 = require("@hybrid/components");
 var styled_components_1 = __importDefault(require("styled-components"));
 var TextLabel_1 = require("../TextLabel");
 function Slider(_a, ref) {

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { PDSTextType, UiColors } from '../../../common';
-import type { TextCaseTooltipPositionType } from '../../../common/types/systemUI';
+import type { TextCaseTooltipPositionType } from '@common/types/systemUI';
 export type TextLabelProps = {
     text: PDSTextType;
     tooltipText?: PDSTextType;

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

@@ -41,8 +41,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_dom_1 = require("react-dom");
-var systemUI_1 = require("../../../common/styles/systemUI");
-var SystemUIPositionGenerator_1 = require("../../../common/utils/SystemUIPositionGenerator");
+var systemUI_1 = require("@common/styles/systemUI");
+var SystemUIPositionGenerator_1 = require("@common/utils/SystemUIPositionGenerator");
 var styled_components_1 = __importStar(require("styled-components"));
 var hybrid_1 = require("../../../hybrid");
 function TextLabel(_a) {

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { FillIconNameKeys, LineIconNameKeys, PDSTextType, UiColors } from '../../../common';
-import type { IconCaseTooltipPositionType } from '../../../common/types/systemUI';
+import type { IconCaseTooltipPositionType } from '@common/types/systemUI';
 export type UploadIconButtonProps = {
     fillType?: 'fill' | 'line';
     shapeType?: 'circular' | 'rectangle' | 'round';

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

@@ -41,8 +41,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_dom_1 = require("react-dom");
-var systemUI_1 = require("../../../common/styles/systemUI");
-var SystemUIPositionGenerator_1 = require("../../../common/utils/SystemUIPositionGenerator");
+var systemUI_1 = require("@common/styles/systemUI");
+var SystemUIPositionGenerator_1 = require("@common/utils/SystemUIPositionGenerator");
 var styled_components_1 = __importStar(require("styled-components"));
 var transitionStyle_1 = require("../../../common/styles/movement/transitionStyle");
 var hybrid_1 = require("../../../hybrid");