pds-dev-kit-web-test 2.4.14 → 2.4.15

package/dist/src/sub/DynamicLayout/components/pdsOriginal/mobile/TextLabel/TextLabel.js

@@ -0,0 +1,375 @@
+"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++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = __importStar(require("styled-components"));
+var hybrid_1 = require("../../hybrid");
+function TextLabel(_a) {
+    var text = _a.text, _b = _a.textAlign, textAlign = _b === void 0 ? 'left' : _b, _c = _a.styleTheme, styleTheme = _c === void 0 ? 'body2Bold' : _c, colorOverride = _a.colorOverride, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'sysTextPrimary' : _d, _e = _a.singleLineMode, singleLineMode = _e === void 0 ? 'none' : _e, _f = _a.ellipsisMode, ellipsisMode = _f === void 0 ? 'none' : _f, lineLimit = _a.lineLimit, _g = _a.userSelectMode, userSelectMode = _g === void 0 ? 'none' : _g, customFontSize = _a.customFontSize, customFontWeight = _a.customFontWeight, _h = _a.textDecorationType, textDecorationType = _h === void 0 ? 'none' : _h, _j = _a.requirementMode, requirementMode = _j === void 0 ? 'none' : _j, _k = _a.bulletPointMode, bulletPointMode = _k === void 0 ? 'none' : _k, _l = _a.wordBreak, wordBreak = _l === void 0 ? 'keep_all' : _l;
+    return ((0, jsx_runtime_1.jsxs)(S_TextLabel, __assign({ "x-pds-name": "TextLabel", "x-pds-element-type": "component", "x-pds-device-type": "mobile", textAlign: textAlign, styleTheme: styleTheme, colorOverride: colorOverride, colorTheme: colorTheme, singleLineMode: singleLineMode, ellipsisMode: ellipsisMode, lineLimit: lineLimit, userSelectMode: userSelectMode, customFontSize: customFontSize, customFontWeight: customFontWeight, textDecorationType: textDecorationType, bulletPointMode: bulletPointMode, wordBreak: wordBreak }, { children: [text, requirementMode === 'use' && ((0, jsx_runtime_1.jsx)(S_AfterTextBox, __assign({ styleTheme: styleTheme }, { children: (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" }) }) })))] })));
+}
+var displayBold = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mobileFontSize.displayHeading;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fontWeight.bold;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.mobileLineHeight.displayHeading;
+});
+var headingBold = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mobileFontSize.heading;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fontWeight.bold;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.mobileLineHeight.heading;
+});
+var leadParaBold = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mobileFontSize.leadParagraph;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fontWeight.bold;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.mobileLineHeight.leadParagraph;
+});
+var leadParaRegular = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mobileFontSize.leadParagraph;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fontWeight.normal;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.mobileLineHeight.leadParagraph;
+});
+var subTitleBold = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mobileFontSize.subtitle;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fontWeight.bold;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.mobileLineHeight.subtitle;
+});
+var subTitleRegular = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mobileFontSize.subtitle;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fontWeight.normal;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.mobileLineHeight.subtitle;
+});
+var body1Bold = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mobileFontSize.body1;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fontWeight.bold;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.mobileLineHeight.body1;
+});
+var body1Regular = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mobileFontSize.body1;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fontWeight.normal;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.mobileLineHeight.body1;
+});
+var body2Bold = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mobileFontSize.body2;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fontWeight.bold;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.mobileLineHeight.body2;
+});
+var body2Regular = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mobileFontSize.body2;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fontWeight.normal;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.mobileLineHeight.body2;
+});
+var caption1Bold = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mobileFontSize.caption1;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fontWeight.bold;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.mobileLineHeight.caption1;
+});
+var caption1Regular = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mobileFontSize.caption1;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fontWeight.normal;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.mobileLineHeight.caption1;
+});
+var caption2Bold = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mobileFontSize.caption2;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fontWeight.bold;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.mobileLineHeight.caption2;
+});
+var caption2Regular = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mobileFontSize.caption2;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fontWeight.normal;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.mobileLineHeight.caption2;
+});
+var form1Regular = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mobileFontSize.form1;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fontWeight.normal;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.mobileLineHeight.form1;
+});
+var form2Regular = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mobileFontSize.form2;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fontWeight.normal;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.mobileLineHeight.form2;
+});
+var blog1Regular = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mobileFontSize.blog1;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fontWeight.normal;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.mobileLineHeight.blog1;
+});
+var sysTextPrimary = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_cpnt_textlabel_sys_primary;
+});
+var sysTextSecondary = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_cpnt_textlabel_sys_secondary;
+});
+var sysTextTertiary = (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_cpnt_textlabel_sys_tertiary;
+});
+var sysTextWhite = (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_cpnt_textlabel_sys_white;
+});
+var sysTextError = (0, styled_components_1.css)(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_cpnt_textlabel_sys_error;
+});
+var sysTextWarning = (0, styled_components_1.css)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_cpnt_textlabel_sys_warning;
+});
+var sysTextBrandPrimary = (0, styled_components_1.css)(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_cpnt_textlabel_sys_brandprimary;
+});
+var sysTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_cpnt_textlabel_sys_brandseconvariant;
+});
+var usrTextBrandPrimary = (0, styled_components_1.css)(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_cpnt_textlabel_usr_brandprimary;
+});
+var usrTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_cpnt_textlabel_usr_brandseconvariant;
+});
+var usrTextBrandOnPrimary = (0, styled_components_1.css)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_cpnt_textlabel_usr_brandonprimary;
+});
+var customFontStyle = (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: 1.5;\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: 1.5;\n"])), function (_a) {
+    var customFontSize = _a.customFontSize;
+    return customFontSize;
+}, function (_a) {
+    var theme = _a.theme, customFontWeight = _a.customFontWeight;
+    return customFontWeight === 'bold' ? theme.fontWeight.bold : theme.fontWeight.normal;
+});
+var colorOverrideStyle = (0, styled_components_1.css)(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+    var colorOverride = _a.colorOverride, theme = _a.theme;
+    return colorOverride && theme[colorOverride];
+});
+var ellipsisStyle = (0, styled_components_1.css)(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: ", ";\n  display: -webkit-box;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"], ["\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: ", ";\n  display: -webkit-box;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])), function (_a) {
+    var lineLimit = _a.lineLimit;
+    return lineLimit;
+});
+var userSelectModeStyle = (0, styled_components_1.css)(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n  -khtml-user-select: none;\n  -moz-user-select: -moz-none;\n  -ms-user-select: none;\n  -webkit-user-select: none;\n  user-select: none;\n"], ["\n  -khtml-user-select: none;\n  -moz-user-select: -moz-none;\n  -ms-user-select: none;\n  -webkit-user-select: none;\n  user-select: none;\n"])));
+var bulletPointModeStyle = (0, styled_components_1.css)(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n  padding-left: 16px;\n  ::before {\n    content: '\u2022';\n    left: 0;\n    position: absolute;\n    width: 16px;\n  }\n"], ["\n  padding-left: 16px;\n  ::before {\n    content: '\u2022';\n    left: 0;\n    position: absolute;\n    width: 16px;\n  }\n"])));
+var S_TextLabel = styled_components_1.default.div(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n  box-sizing: border-box;\n  overflow-wrap: break-word;\n  text-align: ", ";\n  white-space: pre-wrap;\n  word-break: ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n"], ["\n  box-sizing: border-box;\n  overflow-wrap: break-word;\n  text-align: ", ";\n  white-space: pre-wrap;\n  word-break: ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n"])), function (_a) {
+    var textAlign = _a.textAlign;
+    return textAlign;
+}, function (_a) {
+    var wordBreak = _a.wordBreak;
+    return wordBreak &&
+        {
+            normal: 'normal',
+            break_all: 'break-all',
+            keep_all: 'keep-all',
+            break_word: 'break-word'
+        }[wordBreak];
+}, function (_a) {
+    var styleTheme = _a.styleTheme;
+    return styleTheme &&
+        {
+            displayBold: displayBold,
+            headingBold: headingBold,
+            leadParaBold: leadParaBold,
+            leadParaRegular: leadParaRegular,
+            subTitleBold: subTitleBold,
+            subTitleRegular: subTitleRegular,
+            body1Bold: body1Bold,
+            body1Regular: body1Regular,
+            body2Bold: body2Bold,
+            body2Regular: body2Regular,
+            caption1Regular: caption1Regular,
+            caption1Bold: caption1Bold,
+            caption2Regular: caption2Regular,
+            caption2Bold: caption2Bold,
+            form1Regular: form1Regular,
+            form2Regular: form2Regular,
+            blog1Regular: blog1Regular
+        }[styleTheme];
+}, function (_a) {
+    var colorTheme = _a.colorTheme;
+    return colorTheme &&
+        {
+            sysTextPrimary: sysTextPrimary,
+            sysTextSecondary: sysTextSecondary,
+            sysTextTertiary: sysTextTertiary,
+            sysTextWhite: sysTextWhite,
+            sysTextError: sysTextError,
+            sysTextWarning: sysTextWarning,
+            sysTextBrandPrimary: sysTextBrandPrimary,
+            sysTextBrandSeconVariant: sysTextBrandSeconVariant,
+            usrTextBrandPrimary: usrTextBrandPrimary,
+            usrTextBrandSeconVariant: usrTextBrandSeconVariant,
+            usrTextBrandOnPrimary: usrTextBrandOnPrimary
+        }[colorTheme];
+}, function (_a) {
+    var customFontSize = _a.customFontSize;
+    return customFontSize && customFontStyle;
+}, function (_a) {
+    var singleLineMode = _a.singleLineMode, ellipsisMode = _a.ellipsisMode, theme = _a.theme;
+    return singleLineMode === 'use' &&
+        ellipsisMode === 'none' &&
+        "line-height: ".concat(theme.desktopLineHeight.singleLine);
+}, function (_a) {
+    var ellipsisMode = _a.ellipsisMode, lineLimit = _a.lineLimit;
+    return ellipsisMode === 'use' && lineLimit && ellipsisStyle;
+}, function (_a) {
+    var colorOverride = _a.colorOverride;
+    return colorOverride && colorOverrideStyle;
+}, function (_a) {
+    var userSelectMode = _a.userSelectMode;
+    return userSelectMode === 'none' && userSelectModeStyle;
+}, function (_a) {
+    var textDecorationType = _a.textDecorationType;
+    return textDecorationType &&
+        {
+            none: '',
+            line_through: 'text-decoration: line-through;'
+        }[textDecorationType];
+}, function (_a) {
+    var bulletPointMode = _a.bulletPointMode;
+    return bulletPointMode === 'use' && bulletPointModeStyle;
+});
+var S_AfterTextBox = styled_components_1.default.div(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n  display: inline-block;\n  margin-left: ", ";\n  position: relative;\n\n  ", ";\n"], ["\n  display: inline-block;\n  margin-left: ", ";\n  position: relative;\n\n  ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingA;
+}, function (_a) {
+    var styleTheme = _a.styleTheme;
+    switch (styleTheme) {
+        case 'headingBold':
+            return;
+        case 'leadParaBold':
+            return;
+        case 'leadParaRegular':
+            return;
+        default:
+            return 'vertical-align: middle';
+    }
+});
+var S_IconWrapper = styled_components_1.default.div(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  height: 16px;\n  height: 100%;\n  justify-content: center;\n  width: 16px;\n"], ["\n  align-items: center;\n  display: flex;\n  height: 16px;\n  height: 100%;\n  justify-content: center;\n  width: 16px;\n"])));
+exports.default = TextLabel;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/mobile/TextLabel/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextLabel = void 0;
+var TextLabel_1 = require("./TextLabel");
+Object.defineProperty(exports, "TextLabel", { enumerable: true, get: function () { return __importDefault(TextLabel_1).default; } });

package/dist/src/sub/DynamicLayout/components/pdsOriginal/mobile/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.M_IconButton = exports.M_TextButton = exports.M_TextLabel = exports.M_MainButton = void 0;
+var MainButton_1 = require("./MainButton");
+Object.defineProperty(exports, "M_MainButton", { enumerable: true, get: function () { return MainButton_1.MainButton; } });
+var TextLabel_1 = require("./TextLabel");
+Object.defineProperty(exports, "M_TextLabel", { enumerable: true, get: function () { return TextLabel_1.TextLabel; } });
+var TextButton_1 = require("./TextButton");
+Object.defineProperty(exports, "M_TextButton", { enumerable: true, get: function () { return TextButton_1.TextButton; } });
+var IconButton_1 = require("./IconButton");
+Object.defineProperty(exports, "M_IconButton", { enumerable: true, get: function () { return IconButton_1.IconButton; } });

package/dist/src/sub/DynamicLayout/dynamicLayoutContext.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dynamicLayoutContext = void 0;
+var react_1 = require("react");
+exports.dynamicLayoutContext = (0, react_1.createContext)({
+    device: 'DESKTOP',
+    mode: 'NORMAL'
+});

package/dist/src/sub/DynamicLayout/hooks/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLazyUnmount = exports.usePrevious = exports.useUnmountStyle = void 0;
+var useUnmountStyle_1 = require("./useUnmountStyle");
+Object.defineProperty(exports, "useUnmountStyle", { enumerable: true, get: function () { return useUnmountStyle_1.useUnmountStyle; } });
+var usePrevious_1 = require("./usePrevious");
+Object.defineProperty(exports, "usePrevious", { enumerable: true, get: function () { return usePrevious_1.usePrevious; } });
+var useLazyUnmount_1 = require("./useLazyUnmount");
+Object.defineProperty(exports, "useLazyUnmount", { enumerable: true, get: function () { return useLazyUnmount_1.useLazyUnmount; } });

package/dist/src/sub/DynamicLayout/hooks/useCustomSectionShortcut/useCustomSectionShortcut.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CUSTOMSECTION_SHORTCUT_KEYS = void 0;
+var react_1 = require("react");
+exports.CUSTOMSECTION_SHORTCUT_KEYS = ['Shift', 'Meta', 'A', 'ㅁ'];
+function useCustomSectionShortcut() {
+    var _a = (0, react_1.useState)(null), shortcut = _a[0], setShortcut = _a[1];
+    (0, react_1.useEffect)(function () {
+        var keys = new Map();
+        function onKeyDown(e) {
+            if (!exports.CUSTOMSECTION_SHORTCUT_KEYS.includes(e.key)) {
+                return;
+            }
+            keys.set(e.key, true);
+            var isShiftOn = keys.get('Shift');
+            var isMetaOn = keys.get('Meta');
+            var isAOn = keys.get('A') || keys.get('ㅁ');
+            if (isShiftOn && isAOn) {
+                setShortcut('SELECT_ALL');
+                return;
+            }
+            if (isShiftOn && isMetaOn) {
+                setShortcut('COLLISION_SELECT');
+                return;
+            }
+            if (isShiftOn) {
+                setShortcut('BULK_SELECT');
+            }
+        }
+        function onKeyUp(e) {
+            if (e.key === 'a') {
+                keys.delete('A');
+            }
+            else {
+                keys.delete(e.key);
+            }
+            setShortcut(null);
+        }
+        document.addEventListener('keydown', onKeyDown);
+        document.addEventListener('keyup', onKeyUp);
+        return function () {
+            document.removeEventListener('keydown', onKeyDown);
+            document.removeEventListener('keyup', onKeyUp);
+        };
+    }, []);
+    return {
+        shortcut: shortcut
+    };
+}
+exports.default = useCustomSectionShortcut;

package/dist/src/sub/DynamicLayout/hooks/useLazyUnmount/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLazyUnmount = void 0;
+var useLazyUnmount_1 = require("./useLazyUnmount");
+Object.defineProperty(exports, "useLazyUnmount", { enumerable: true, get: function () { return __importDefault(useLazyUnmount_1).default; } });

package/dist/src/sub/DynamicLayout/hooks/useLazyUnmount/useLazyUnmount.js

@@ -0,0 +1,61 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// NOTE: promise의 delay time은 정확하지 않기때문에, transition 딜레이보다 짧게 가는것이 보기 좋습니다.
+function useLazyUnmount(_a, delayTime) {
+    var doUnmount = _a.doUnmount;
+    function lazyUnmountAsync() {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, new Promise(function (resolve) {
+                            setTimeout(function () {
+                                doUnmount();
+                                resolve(true);
+                            }, delayTime);
+                        })];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+    return lazyUnmountAsync;
+}
+exports.default = useLazyUnmount;

package/dist/src/sub/DynamicLayout/hooks/usePrevious/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePrevious = void 0;
+var usePrevious_1 = require("./usePrevious");
+Object.defineProperty(exports, "usePrevious", { enumerable: true, get: function () { return __importDefault(usePrevious_1).default; } });

package/dist/src/sub/DynamicLayout/hooks/usePrevious/usePrevious.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+/**
+ * value의 이전 상태를 추적합니다.
+ *
+ * @param value state 또는 계산된 value.
+ * @returns 컴포넌트에서 사용된 '이전' 상태.
+ *
+ * @example
+ * function Component() {
+ *   const [count, setCount] = useState(0);
+ *   const prevCount = usePrevious(count);
+ *   // ...
+ *   return `Now: ${count}, before: ${prevCount}`;
+ * }
+ */
+function usePrevious(value) {
+    var ref = (0, react_1.useRef)();
+    (0, react_1.useEffect)(function () {
+        ref.current = value;
+    }, [value]);
+    return ref.current;
+}
+exports.default = usePrevious;

package/dist/src/sub/DynamicLayout/hooks/useUnmountStyle/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUnmountStyle = void 0;
+var useUmountStyle_1 = require("./useUmountStyle");
+Object.defineProperty(exports, "useUnmountStyle", { enumerable: true, get: function () { return __importDefault(useUmountStyle_1).default; } });

package/dist/src/sub/DynamicLayout/hooks/useUnmountStyle/useUmountStyle.js

@@ -0,0 +1,65 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+// NOTE: promise의 delay time은 정확하지 않기때문에, 애니메이션 딜레이보다 짧게 가는것이 보기 좋습니다.
+function useUnmountStyle(_a, delayTime) {
+    var mountStyle = _a.mountStyle, unmountStyle = _a.unmountStyle, handleUnmount = _a.handleUnmount;
+    var _b = (0, react_1.useState)(mountStyle), animationStyle = _b[0], setAnimationStyle = _b[1];
+    function handleUnmountWithAnimation() {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        setAnimationStyle(unmountStyle);
+                        return [4 /*yield*/, new Promise(function (resolve) {
+                                setTimeout(function () {
+                                    handleUnmount();
+                                    resolve(true);
+                                }, delayTime);
+                            })];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+    return { animationStyle: animationStyle, handleUnmountWithAnimation: handleUnmountWithAnimation };
+}
+exports.default = useUnmountStyle;