pds-dev-kit-web-test 0.3.13 → 0.3.15

package/dist/src/common/styles/colorSet/index.js

@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable import/order */
-var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
 var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
-var UIColor_json_1 = __importDefault(require("./UIColor.json"));
 var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
+var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
+var UIColor_json_1 = __importDefault(require("./UIColor.json"));
 var colorSet = {
-    SemanticColor: SemanticColor_json_1.default,
     PaletteColor_Dark: PaletteColor_Dark_json_1.default,
-    UIColor: UIColor_json_1.default,
-    PaletteColor_light: PaletteColor_light_json_1.default
+    PaletteColor_light: PaletteColor_light_json_1.default,
+    SemanticColor: SemanticColor_json_1.default,
+    UIColor: UIColor_json_1.default
 };
 exports.default = colorSet;

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

@@ -841,4 +841,5 @@ export interface UITheme {
     ui_110: string;
     ui_contentscontainer03_background: string;
     ui_contents_dimmed: string;
+    ui_cpnt_list_chatbubble_base_transparent: string;
 }

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/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/MainButton.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 MainButton_1 = require("../../MainButton");
 var MainButton = function (_a) {
     var text = _a.text, fill = _a.fill, onClick = _a.onClick;

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/ChatBubbleListItem/ChatBubble.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export type ChatBubbleProps = {
-    colorTheme?: 'grey' | 'brand_primary' | 'translucent_white' | 'translucent_black';
+    colorTheme?: 'grey' | 'brand_primary' | 'translucent_white' | 'translucent_black' | 'transparent';
     tailType?: 'none' | 'left_top' | 'right_top';
     children?: React.ReactNode;
 };

package/dist/src/desktop/components/ChatBubbleListItem/ChatBubble.js

@@ -44,7 +44,8 @@ var backgroundColorTheme = {
     grey: 'ui_cpnt_list_chatbubble_base_grey',
     brand_primary: 'ui_cpnt_list_chatbubble_base_brand_primary',
     translucent_white: 'ui_cpnt_list_chatbubble_base_translucent_white',
-    translucent_black: 'ui_cpnt_list_chatbubble_base_translucent_black'
+    translucent_black: 'ui_cpnt_list_chatbubble_base_translucent_black',
+    transparent: 'ui_cpnt_list_chatbubble_base_transparent'
 };
 function ChatBubble(_a) {
     var _b = _a.colorTheme, colorTheme = _b === void 0 ? 'grey' : _b, _c = _a.tailType, tailType = _c === void 0 ? 'left_top' : _c, children = _a.children;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { PDSTextType, PDSValueOption } from '../../../common';
-type ColorThemeType = 'grey' | 'brand_primary' | 'translucent_white' | 'translucent_black';
+type ColorThemeType = 'grey' | 'brand_primary' | 'translucent_white' | 'translucent_black' | 'transparent';
 export type ChatBubbleListItemProps = {
     titleText?: PDSTextType;
     imageSrc?: string;

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

@@ -64,7 +64,8 @@ var profileImageBorderColorTheme = {
     grey: 'ui_avatar_border',
     brand_primary: 'ui_avatar_border_brandprimary',
     translucent_white: 'ui_avatar_border_translucent_white',
-    translucent_black: 'ui_avatar_border_translucent_black'
+    translucent_black: 'ui_avatar_border_translucent_black',
+    transparent: 'ui_cpnt_list_chatbubble_base_transparent'
 };
 function ChatBubbleListItem(_a) {
     var titleText = _a.titleText, imageSrc = _a.imageSrc, _b = _a.hoverMode, hoverMode = _b === void 0 ? 'use' : _b, styleTheme = _a.styleTheme, _c = _a.colorTheme, colorTheme = _c === void 0 ? 'grey' : _c, _d = _a.timeMode, timeMode = _d === void 0 ? 'use' : _d, timeText = _a.timeText, _e = _a.countMode, countMode = _e === void 0 ? 'none' : _e, countText = _a.countText, contextMenuOptionArray = _a.contextMenuOptionArray, _f = _a.contextMenuState, contextMenuState = _f === void 0 ? 'normal' : _f, children = _a.children, onClickContextMenuItem = _a.onClickContextMenuItem;

package/dist/src/desktop/components/ChatList/Body.js

@@ -79,7 +79,8 @@ var Body = react_1.default.forwardRef(function (_a, ref) {
     };
     var handleScroll = function (e) {
         var _a = e.currentTarget, scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
-        if (scrollTop + clientHeight === scrollHeight) {
+        var BUTTON_SHOW_UP_HEIGHT = 64;
+        if (Math.ceil(scrollTop) + clientHeight + BUTTON_SHOW_UP_HEIGHT > scrollHeight) {
             setIsButtonShow(false);
             return;
         }

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/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/TextField/TextField.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Path } from 'react-hook-form';
-import type { FillIconNameKeys, IFormValues, LineIconNameKeys, PDSTextType } from '../../../common';
+import type { FillIconNameKeys, IFormValues, LineIconNameKeys, PDSTextType, UiColors } from '../../../common';
 export type TextFieldProps = {
     name: Path<IFormValues>;
     hintText?: PDSTextType;
@@ -26,6 +26,8 @@ export type TextFieldProps = {
     iBtn2IconName?: FillIconNameKeys | LineIconNameKeys;
     iBtn1IconFillType?: 'line' | 'fill';
     iBtn2IconFillType?: 'line' | 'fill';
+    overrideIBtn1IconColorKey?: UiColors;
+    overrideIBtn2IconColorKey?: UiColors;
     colorTheme?: 'none' | 'dark' | 'transparent';
     max?: number;
     maxLength?: number;
@@ -45,5 +47,5 @@ export type TextFieldProps = {
     onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement> | React.KeyboardEvent<HTMLTextAreaElement>) => void;
     onTarget?: () => void;
 };
-declare function TextField({ name, hintText, defaultText, textAlign, prefixText, suffixText, validation, validationPoint, preventBlankMode, enterSubmitMode, size, responsiveMode, textLineType, multiRows, autoMinRows, autoMaxRows, inputType, state, iBtn1IconName, iBtn1IconFillType, iBtn2IconName, iBtn2IconFillType, colorTheme, max, maxLength, min, customWidth, autoComplete, numberStepperMode, numberStep, fontWeight, deleteBtnMode, onBlur, onChange, onClickIBtn1, onClickIBtn2, onFocus, onKeyUp, onKeyDown, onTarget }: TextFieldProps): JSX.Element;
+declare function TextField({ name, hintText, defaultText, textAlign, prefixText, suffixText, validation, validationPoint, preventBlankMode, enterSubmitMode, size, responsiveMode, textLineType, multiRows, autoMinRows, autoMaxRows, inputType, state, iBtn1IconName, iBtn1IconFillType, iBtn2IconName, iBtn2IconFillType, overrideIBtn1IconColorKey, overrideIBtn2IconColorKey, colorTheme, max, maxLength, min, customWidth, autoComplete, numberStepperMode, numberStep, fontWeight, deleteBtnMode, onBlur, onChange, onClickIBtn1, onClickIBtn2, onFocus, onKeyUp, onKeyDown, onTarget }: TextFieldProps): JSX.Element;
 export default TextField;

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

@@ -50,7 +50,7 @@ var IconButton_1 = require("../IconButton");
 var TextLabel_1 = require("../TextLabel");
 function TextField(_a) {
     var _b;
-    var name = _a.name, hintText = _a.hintText, defaultText = _a.defaultText, _c = _a.textAlign, textAlign = _c === void 0 ? 'left' : _c, prefixText = _a.prefixText, suffixText = _a.suffixText, validation = _a.validation, _d = _a.validationPoint, validationPoint = _d === void 0 ? 'onBlur' : _d, _e = _a.preventBlankMode, preventBlankMode = _e === void 0 ? 'none' : _e, _f = _a.enterSubmitMode, enterSubmitMode = _f === void 0 ? 'none' : _f, _g = _a.size, size = _g === void 0 ? 'large' : _g, _h = _a.responsiveMode, responsiveMode = _h === void 0 ? 'none' : _h, _j = _a.textLineType, textLineType = _j === void 0 ? 'single' : _j, _k = _a.multiRows, multiRows = _k === void 0 ? 8 : _k, _l = _a.autoMinRows, autoMinRows = _l === void 0 ? 8 : _l, autoMaxRows = _a.autoMaxRows, _m = _a.inputType, inputType = _m === void 0 ? 'text' : _m, _o = _a.state, state = _o === void 0 ? 'normal' : _o, iBtn1IconName = _a.iBtn1IconName, _p = _a.iBtn1IconFillType, iBtn1IconFillType = _p === void 0 ? 'line' : _p, iBtn2IconName = _a.iBtn2IconName, _q = _a.iBtn2IconFillType, iBtn2IconFillType = _q === void 0 ? 'line' : _q, _r = _a.colorTheme, colorTheme = _r === void 0 ? 'none' : _r, max = _a.max, maxLength = _a.maxLength, min = _a.min, customWidth = _a.customWidth, _s = _a.autoComplete, autoComplete = _s === void 0 ? 'on' : _s, _t = _a.numberStepperMode, numberStepperMode = _t === void 0 ? 'none' : _t, numberStep = _a.numberStep, _u = _a.fontWeight, fontWeight = _u === void 0 ? 'regular' : _u, _v = _a.deleteBtnMode, deleteBtnMode = _v === void 0 ? 'use' : _v, onBlur = _a.onBlur, onChange = _a.onChange, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onFocus = _a.onFocus, onKeyUp = _a.onKeyUp, onKeyDown = _a.onKeyDown, onTarget = _a.onTarget;
+    var name = _a.name, hintText = _a.hintText, defaultText = _a.defaultText, _c = _a.textAlign, textAlign = _c === void 0 ? 'left' : _c, prefixText = _a.prefixText, suffixText = _a.suffixText, validation = _a.validation, _d = _a.validationPoint, validationPoint = _d === void 0 ? 'onBlur' : _d, _e = _a.preventBlankMode, preventBlankMode = _e === void 0 ? 'none' : _e, _f = _a.enterSubmitMode, enterSubmitMode = _f === void 0 ? 'none' : _f, _g = _a.size, size = _g === void 0 ? 'large' : _g, _h = _a.responsiveMode, responsiveMode = _h === void 0 ? 'none' : _h, _j = _a.textLineType, textLineType = _j === void 0 ? 'single' : _j, _k = _a.multiRows, multiRows = _k === void 0 ? 8 : _k, _l = _a.autoMinRows, autoMinRows = _l === void 0 ? 8 : _l, autoMaxRows = _a.autoMaxRows, _m = _a.inputType, inputType = _m === void 0 ? 'text' : _m, _o = _a.state, state = _o === void 0 ? 'normal' : _o, iBtn1IconName = _a.iBtn1IconName, _p = _a.iBtn1IconFillType, iBtn1IconFillType = _p === void 0 ? 'line' : _p, iBtn2IconName = _a.iBtn2IconName, _q = _a.iBtn2IconFillType, iBtn2IconFillType = _q === void 0 ? 'line' : _q, overrideIBtn1IconColorKey = _a.overrideIBtn1IconColorKey, overrideIBtn2IconColorKey = _a.overrideIBtn2IconColorKey, _r = _a.colorTheme, colorTheme = _r === void 0 ? 'none' : _r, max = _a.max, maxLength = _a.maxLength, min = _a.min, customWidth = _a.customWidth, _s = _a.autoComplete, autoComplete = _s === void 0 ? 'on' : _s, _t = _a.numberStepperMode, numberStepperMode = _t === void 0 ? 'none' : _t, numberStep = _a.numberStep, _u = _a.fontWeight, fontWeight = _u === void 0 ? 'regular' : _u, _v = _a.deleteBtnMode, deleteBtnMode = _v === void 0 ? 'use' : _v, onBlur = _a.onBlur, onChange = _a.onChange, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onFocus = _a.onFocus, onKeyUp = _a.onKeyUp, onKeyDown = _a.onKeyDown, onTarget = _a.onTarget;
     var basicThemeIconColors = {
         normal: 'ui_cpnt_button_icon_default',
         read_only: 'ui_cpnt_button_icon_default',
@@ -140,17 +140,19 @@ function TextField(_a) {
                     break;
                 }
             }
-            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [prefixText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: prefixText, styleTheme: "caption1Bold", colorTheme: "sysTextTertiary", singleLineMode: "use" }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" })] })), (0, jsx_runtime_1.jsx)(components_1.TextFieldBase, { name: name, hintText: hintText, defaultText: defaultText, textAlign: textAlign, validation: validation, preventBlankMode: preventBlankMode, enterSubmitMode: enterSubmitMode, textLineType: "single", inputType: inputType, state: state, colorTheme: colorTheme, min: min, max: max, maxLength: maxLength, textSize: "form2", textWeight: fontWeight === 'bold' ? 'bold' : 'normal', fieldPaddingRight: size === 'large' || size === 'rlarge' ? 8 : undefined, deleteIconMode: deleteBtnMode, deleteIconSize: size === 'large' || size === 'rlarge' ? 20 : 16, deleteIconColor: deleteIconColor, isFocused: isFocused, autoComplete: autoComplete, stepperMode: inputType === 'number' && numberStepperMode === 'use' ? 'use' : 'none', stepperRightSpacing: size === 'large' || size === 'rlarge' ? 1 : -4, innerSpinButtonSize: size === 'small' ? 12 : 16, step: numberStep, suffixText: suffixText, suffixTextRightSpacingMode: size === 'large' || size === 'rlarge' ? 'use' : 'none', onFocus: handleFocus, onTarget: handleTarget, onChange: handleChange, onBlur: handleBlur, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown }), (0, jsx_runtime_1.jsxs)(S_RightBox, { children: [iBtn2IconName && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: iBtn2IconName, baseSize: "small", shapeType: "rectangle", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconSize: size === 'large' || size === 'rlarge' ? 20 : 16, iconColorKey: colorTheme &&
-                                    {
-                                        none: basicThemeIconColors[state],
-                                        dark: darkThemeIconColors[state],
-                                        transparent: transparentThemeIconColors[state]
-                                    }[colorTheme], iconFillType: iBtn2IconFillType === 'fill' ? 'fill' : 'line', state: state === 'disabled' ? 'disabled' : 'normal', onClick: handleClickIBtn2 })), iBtn1IconName && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: iBtn1IconName, baseSize: "small", shapeType: "rectangle", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconSize: size === 'large' || size === 'rlarge' ? 20 : 16, iconColorKey: colorTheme &&
-                                    {
-                                        none: basicThemeIconColors[state],
-                                        dark: darkThemeIconColors[state],
-                                        transparent: transparentThemeIconColors[state]
-                                    }[colorTheme], iconFillType: iBtn1IconFillType === 'fill' ? 'fill' : 'line', state: state === 'disabled' ? 'disabled' : 'normal', onClick: handleClickIBtn1 }))] })] }));
+            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [prefixText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: prefixText, styleTheme: "caption1Bold", colorTheme: "sysTextTertiary", singleLineMode: "use" }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" })] })), (0, jsx_runtime_1.jsx)(components_1.TextFieldBase, { name: name, hintText: hintText, defaultText: defaultText, textAlign: textAlign, validation: validation, preventBlankMode: preventBlankMode, enterSubmitMode: enterSubmitMode, textLineType: "single", inputType: inputType, state: state, colorTheme: colorTheme, min: min, max: max, maxLength: maxLength, textSize: "form2", textWeight: fontWeight === 'bold' ? 'bold' : 'normal', fieldPaddingRight: size === 'large' || size === 'rlarge' ? 8 : undefined, deleteIconMode: deleteBtnMode, deleteIconSize: size === 'large' || size === 'rlarge' ? 20 : 16, deleteIconColor: deleteIconColor, isFocused: isFocused, autoComplete: autoComplete, stepperMode: inputType === 'number' && numberStepperMode === 'use' ? 'use' : 'none', stepperRightSpacing: size === 'large' || size === 'rlarge' ? 1 : -4, innerSpinButtonSize: size === 'small' ? 12 : 16, step: numberStep, suffixText: suffixText, suffixTextRightSpacingMode: size === 'large' || size === 'rlarge' ? 'use' : 'none', onFocus: handleFocus, onTarget: handleTarget, onChange: handleChange, onBlur: handleBlur, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown }), (0, jsx_runtime_1.jsxs)(S_RightBox, { children: [iBtn2IconName && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: iBtn2IconName, baseSize: "small", shapeType: "rectangle", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconSize: size === 'large' || size === 'rlarge' ? 20 : 16, iconColorKey: overrideIBtn2IconColorKey ||
+                                    (colorTheme &&
+                                        {
+                                            none: basicThemeIconColors[state],
+                                            dark: darkThemeIconColors[state],
+                                            transparent: transparentThemeIconColors[state]
+                                        }[colorTheme]), iconFillType: iBtn2IconFillType === 'fill' ? 'fill' : 'line', state: state === 'disabled' ? 'disabled' : 'normal', onClick: handleClickIBtn2 })), iBtn1IconName && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: iBtn1IconName, baseSize: "small", shapeType: "rectangle", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconSize: size === 'large' || size === 'rlarge' ? 20 : 16, iconColorKey: overrideIBtn1IconColorKey ||
+                                    (colorTheme &&
+                                        {
+                                            none: basicThemeIconColors[state],
+                                            dark: darkThemeIconColors[state],
+                                            transparent: transparentThemeIconColors[state]
+                                        }[colorTheme]), iconFillType: iBtn1IconFillType === 'fill' ? 'fill' : 'line', state: state === 'disabled' ? 'disabled' : 'normal', onClick: handleClickIBtn1 }))] })] }));
         }
     };
     return ((0, jsx_runtime_1.jsxs)(S_TextFieldBox, __assign({ "x-pds-name": "TextField", "x-pds-element-type": "component", "x-pds-device-type": "desktop", size: size, responsiveMode: responsiveMode, customWidth: customWidth }, { children: [(0, jsx_runtime_1.jsx)(S_TextFieldWrapper, __assign({ size: size, responsiveMode: responsiveMode, textLineType: textLineType, isFocused: isFocused, isError: isError, state: state, colorTheme: colorTheme, customWidth: customWidth }, { children: S_TextField() })), ((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && state === 'normal' && ((0, jsx_runtime_1.jsx)(S_Error, __assign({ colorTheme: colorTheme }, { children: errors[name].message })))] })));

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");

package/dist/src/mobile/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("../../../../desktop/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/mobile/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/mobile/components/BasicButtonGroup/BasicButtonGroup.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"));
 function BasicButtonGroup(_a) {
     var _b = _a.size, size = _b === void 0 ? 'medium' : _b, valueArray = _a.valueArray, _c = _a.state, state = _c === void 0 ? 'normal' : _c;

package/dist/src/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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" })] }));