pds-dev-kit-web-test 0.0.17 → 0.0.19

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/components/CircularProgress/CircularProgress.js

@@ -0,0 +1,74 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importStar(require("styled-components"));
+function CircularProgress(_a) {
+    var _b = _a.colorKey, colorKey = _b === void 0 ? 'ui_cpnt_icon_sys_grey_01' : _b, _c = _a.size, size = _c === void 0 ? 'large' : _c;
+    return (react_1.default.createElement(S_CircularProgressWrapper, { size: size },
+        react_1.default.createElement(S_CircularProgressContent, { colorKey: colorKey, size: size }),
+        react_1.default.createElement(S_CircularProgressContent, { colorKey: colorKey, size: size }),
+        react_1.default.createElement(S_CircularProgressContent, { colorKey: colorKey, size: size }),
+        react_1.default.createElement(S_CircularProgressContent, { colorKey: colorKey, size: size })));
+}
+var wrapperSizeLarge = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 48px;\n  height: 48px;\n"], ["\n  width: 48px;\n  height: 48px;\n"])));
+var contentSizeLarge = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 24px;\n  height: 24px;\n"], ["\n  width: 24px;\n  height: 24px;\n"])));
+var wrapperSizeMedium = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 40px;\n  height: 40px;\n"], ["\n  width: 40px;\n  height: 40px;\n"])));
+var contentSizeMedium = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 22px;\n  height: 22px;\n"], ["\n  width: 22px;\n  height: 22px;\n"])));
+var wrapperSizeSmall = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  width: 32px;\n  height: 32px;\n"], ["\n  width: 32px;\n  height: 32px;\n"])));
+var contentSizeSmall = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 18px;\n  height: 18px;\n"], ["\n  width: 18px;\n  height: 18px;\n"])));
+var wrapperSizeXSmall = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 24px;\n  height: 24px;\n"], ["\n  width: 24px;\n  height: 24px;\n"])));
+var contentSizeXSmall = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  width: 14px;\n  height: 14px;\n"], ["\n  width: 14px;\n  height: 14px;\n"])));
+var S_CircularProgressWrapper = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  align-items: center;\n  display: inline-flex;\n  position: relative;\n  justify-content: center;\n\n  ", ";\n\n  & div:nth-child(1) {\n    animation-delay: -0.45s;\n  }\n  & div:nth-child(2) {\n    animation-delay: -0.3s;\n  }\n  & div:nth-child(3) {\n    animation-delay: -0.15s;\n  }\n"], ["\n  align-items: center;\n  display: inline-flex;\n  position: relative;\n  justify-content: center;\n\n  ", ";\n\n  & div:nth-child(1) {\n    animation-delay: -0.45s;\n  }\n  & div:nth-child(2) {\n    animation-delay: -0.3s;\n  }\n  & div:nth-child(3) {\n    animation-delay: -0.15s;\n  }\n"])), function (_a) {
+    var size = _a.size;
+    return size &&
+        {
+            large: wrapperSizeLarge,
+            medium: wrapperSizeMedium,
+            small: wrapperSizeSmall,
+            xsmall: wrapperSizeXSmall
+        }[size];
+});
+var S_CircularProgressContent = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  @keyframes circular {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  border: 3px solid ", ";\n  border-radius: 50%;\n  animation: circular 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: ", " transparent transparent\n    transparent;\n\n  ", ";\n"], ["\n  @keyframes circular {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  border: 3px solid ", ";\n  border-radius: 50%;\n  animation: circular 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: ", " transparent transparent\n    transparent;\n\n  ", ";\n"])), function (_a) {
+    var theme = _a.theme, colorKey = _a.colorKey;
+    return colorKey && theme[colorKey];
+}, function (_a) {
+    var theme = _a.theme, colorKey = _a.colorKey;
+    return colorKey && theme[colorKey];
+}, function (_a) {
+    var size = _a.size;
+    return size &&
+        {
+            large: contentSizeLarge,
+            medium: contentSizeMedium,
+            small: contentSizeSmall,
+            xsmall: contentSizeXSmall
+        }[size];
+});
+exports.default = CircularProgress;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/components/CircularProgress/index.d.ts

@@ -0,0 +1 @@
+export { default as CircularProgress } from './CircularProgress';

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/components/CircularProgress/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.CircularProgress = void 0;
+var CircularProgress_1 = require("./CircularProgress");
+Object.defineProperty(exports, "CircularProgress", { enumerable: true, get: function () { return __importDefault(CircularProgress_1).default; } });

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/components/index.d.ts

@@ -0,0 +1 @@
+export { CircularProgress } from './CircularProgress';

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CircularProgress = void 0;
+var CircularProgress_1 = require("./CircularProgress");
+Object.defineProperty(exports, "CircularProgress", { enumerable: true, get: function () { return CircularProgress_1.CircularProgress; } });

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/index.d.ts

@@ -0,0 +1,8 @@
+import { UITheme } from './styles/colorSet/ui-type';
+import { IFormValues, FillIconNameKeys, LineIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, ForwardedRefType } from './types';
+export { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, ForwardedRefType };
+import { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing } from './styles/theme';
+import { uiColors, customTheme } from './styles/ui-colors';
+export { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme };
+import { theme } from './styles';
+export { theme };

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

@@ -0,0 +1,24 @@
+"use strict";
+/* eslint-disable import/order */
+/* eslint-disable import/first */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.theme = exports.customTheme = exports.uiColors = exports.spacing = exports.boxShadow = exports.mobileEditorLineHeight = exports.mobileEditorFontSize = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopEditorLineHeight = exports.desktopEditorFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
+// theme
+var theme_1 = require("./styles/theme");
+Object.defineProperty(exports, "fontWeight", { enumerable: true, get: function () { return theme_1.fontWeight; } });
+Object.defineProperty(exports, "desktopFontSize", { enumerable: true, get: function () { return theme_1.desktopFontSize; } });
+Object.defineProperty(exports, "desktopLineHeight", { enumerable: true, get: function () { return theme_1.desktopLineHeight; } });
+Object.defineProperty(exports, "desktopEditorFontSize", { enumerable: true, get: function () { return theme_1.desktopEditorFontSize; } });
+Object.defineProperty(exports, "desktopEditorLineHeight", { enumerable: true, get: function () { return theme_1.desktopEditorLineHeight; } });
+Object.defineProperty(exports, "mobileFontSize", { enumerable: true, get: function () { return theme_1.mobileFontSize; } });
+Object.defineProperty(exports, "mobileLineHeight", { enumerable: true, get: function () { return theme_1.mobileLineHeight; } });
+Object.defineProperty(exports, "mobileEditorFontSize", { enumerable: true, get: function () { return theme_1.mobileEditorFontSize; } });
+Object.defineProperty(exports, "mobileEditorLineHeight", { enumerable: true, get: function () { return theme_1.mobileEditorLineHeight; } });
+Object.defineProperty(exports, "boxShadow", { enumerable: true, get: function () { return theme_1.boxShadow; } });
+Object.defineProperty(exports, "spacing", { enumerable: true, get: function () { return theme_1.spacing; } });
+var ui_colors_1 = require("./styles/ui-colors");
+Object.defineProperty(exports, "uiColors", { enumerable: true, get: function () { return ui_colors_1.uiColors; } });
+Object.defineProperty(exports, "customTheme", { enumerable: true, get: function () { return ui_colors_1.customTheme; } });
+// all theme
+var styles_1 = require("./styles");
+Object.defineProperty(exports, "theme", { enumerable: true, get: function () { return styles_1.theme; } });

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/styles/colorSet/PaletteColor_Dark.json

@@ -0,0 +1,228 @@
+{
+    "sys_container_background_01": "grey950",
+    "sys_container_background_02": "darkgrey50",
+    "sys_container_background_03": "darkgrey100",
+    "sys_background_dimmed": "black/opacity65",
+    "sys_text_grey_01": "darkgrey900",
+    "sys_text_grey_02": "darkgrey500",
+    "sys_text_grey_03": "darkgrey400",
+    "sys_text_white": "white",
+    "sys_text_brand_primary": "darkblue500",
+    "sys_text_error_01": "red500",
+    "sys_widget_grey_01": "darkgrey900",
+    "sys_widget_grey_02": "darkgrey500",
+    "sys_widget_grey_03": "darkgrey400",
+    "sys_widget_primary_01": "darkblue500",
+    "sys_widget_error_01": "darkred500",
+    "sys_widget_warning_01": "darkorange500",
+    "sys_widget_success_01": "darkgreen700",
+    "sys_widget_white": "white",
+    "sys_border_area_01": "darkgrey50",
+    "sys_border_line_01": "darkgrey100",
+    "sys_border_line_02": "darkgrey400",
+    "sys_border_line_03": "darkblue500",
+    "sys_border_line_04": "darkred500",
+    "sys_border_line_05": "darkgrey900",
+    "sys_component_base_01": "darkgrey50",
+    "sys_component_base_02": "grey950",
+    "sys_component_base_03": "darkgrey100",
+    "sys_component_base_red": "darkred500",
+    "sys_component_base_white": "white",
+    "sys_component_base_white_opacity00": "white/opacity00",
+    "sys_on_base_white_opacity00": "white/opacity00",
+    "sys_on_base_white_opacity30": "white/opacity30",
+    "sys_on_base_black_opacity20": "black/opacity20",
+    "usr_brand_primary": "darkblue500",
+    "usr_brand_secondary": "darkgreen500",
+    "usr_brand_secondary_variant": "darkgreen700",
+    "usr_background": "grey950",
+    "usr_surface": "darkgrey50",
+    "usr_border": "darkgrey100",
+    "usr_on_brand_primary": "white",
+    "usr_on_brand_secondary": "darkgrey900",
+    "usr_on_background": "darkgrey900",
+    "usr_on_surface": "grey900",
+    "sys_widget_status_active_01": "darkgreen500",
+    "sys_text_success_01": "darkgreen700",
+    "sys_widget_grey_04": "darkgrey100",
+    "sys_text_active": "darkgreen700",
+    "sys_component_base_blue": "darkblue500",
+    "sys_on_base_black_opacity65": "black/opacity65",
+    "sys_component_base_04": "darkgrey70",
+    "sys_component_base_black": "black",
+    "sys_component_base_black_opacity00": "black/opacity00",
+    "usr_text_brand_secondary_variant": "darkgreen700",
+    "usr_text_brand_primary": "darkblue500",
+    "usr_text_brand_on_primary": "grey900",
+    "sys_text_brand_secondary_variant": "darkgreen700",
+    "sys_component_base_navy": "darynavy500",
+    "sys_widget_lightgreen": "darklightgreen500",
+    "sys_border_line_06": "darklightgreen500",
+    "sys_background_dimmed_20": "black/opacity20",
+    "sys_widget_pink": "darkpink500",
+    "sys_widget_primary_opacity20": "blue500/opacity20",
+    "sys_widget_secondary_variant_01": "darkgreen700",
+    "usr_component_base_brand_primary_opacity10": "blue500/opacity10",
+    "sys_temp_grey_01": "darkgrey900",
+    "sys_temp_grey_02": "darkgrey500",
+    "sys_temp_grey_03": "darkgrey400",
+    "sys_temp_grey_04": "darkgrey100",
+    "sys_temp_grey_05": "darkgrey50",
+    "sys_temp_white": "white",
+    "sys_temp_primary_01": "darkblue500",
+    "sys_temp_secondary_01": "darkgreen700",
+    "sys_temp_red": "darkred500",
+    "sys_temp_white_opacity_00": "white/opacity00",
+    "sys_temp_dimmed": "black/opacity20",
+    "sys_temp_black": "black",
+    "sys_temp_primary_02": "darkblue700",
+    "sys_temp_primary_03": "darkblue300",
+    "sys_temp_secondary_02": "darkgreen500",
+    "sys_temp_lightgreen_01": "darklightgreen500",
+    "sys_text_grey_04": "darkgrey600",
+    "sys_papp_post_social_background": "blue500",
+    "sys_papp_post_notice_background": "skyblue500",
+    "sys_papp_post_free_background": "skyblue300",
+    "sys_papp_vod_background": "lightpink500",
+    "sys_papp_vodplus_background": "pink500",
+    "sys_papp_live_background": "pink300",
+    "sys_selcontrols_base_off_disabled": "darkgrey400/opacity65",
+    "sys_selcontrols_base_on_disabled": "darklightgreen500/opacity65",
+    "sys_component_base_blue_opacity10": "blue500/opacity10",
+    "sys_component_base_05": "grey950",
+    "sys_background_dimmed_65": "black/opacity65",
+    "sys_temp_grey_06": "darkgrey70",
+    "sys_on_base_white_opacity10": "white/opacity10",
+    "sys_on_base_black_opacity10": "black/opacity10",
+    "sys_component_base_05_opacity00": "grey950/opacity00",
+    "sys_papp_post_notice_link": "darkskyblue500",
+    "sys_component_base_navy_light": "darknavy100",
+    "sys_component_base_orange": "darkorange500",
+    "sys_component_base_grey": "darkgrey400",
+    "sys_component_base_black_opacity80": "black/opacity80",
+    "sys_text_darkgrey_02": "darkgrey500",
+    "sys_border_line_darktheme_01": "darkgrey100",
+    "sys_border_line_darktheme_02": "darkgrey400",
+    "sys_component_base_darktheme_01": "darkgrey50",
+    "sys_component_base_darktheme_02": "grey950",
+    "sys_component_base_darktheme_03": "darkgrey100",
+    "sys_text_grey_darktheme_01": "darkgrey900",
+    "sys_text_grey_darktheme_02": "darkgrey500",
+    "sys_text_grey_darktheme_03": "darkgrey400",
+    "sys_widget_grey_darktheme_01": "darkgrey900",
+    "sys_widget_grey_darktheme_02": "darkgrey500",
+    "sys_widget_grey_darktheme_03": "darkgrey400",
+    "sys_component_base_green": "darkgreen700",
+    "sys_text_error_darktheme_01": "darkred500",
+    "sys_border_line_darktheme_03": "darkred500",
+    "sys_border_line_darktheme_04": "darkgrey500",
+    "usr_widget_brand_primary_darktheme_01": "darkblue500",
+    "usr_text_brand_primary_darktheme_01": "darkblue500",
+    "sys_component_base_black_opacity50": "black/opacity50",
+    "sys_component_base_card": "darkgrey50",
+    "sys_cpnt_textlabel_sys_brand_primary_opacity50": "blue500/opacity50",
+    "sys_widget_green_01": "darkgreen500",
+    "sys_component_base_black_opacity30": "black/opacity30",
+    "sys_area_background": "darkgrey50/opacity65",
+    "sys_border_white_opacity30": "white/opacity30",
+    "sys_container_background_wt": "grey950",
+    "sys_channeldesc_grey_03": "darkgrey400",
+    "sys_channeldesc_border_grey_03": "darkgrey100",
+    "sys_gradient_base_01": "grey950",
+    "sys_gradient_base_01_opacity00": "grey950/opacity00",
+    "sys_channeldesc_background": "grey950/opacity80",
+    "sys_channeldesc_bottomsheet_base": "grey950/opacity80",
+    "sys_channeldesc_bottomsheet_border": "darkgrey100",
+    "sys_channeldesc_contents_base": "darkgrey50/opacity80",
+    "sys_channeldesc_dimmed": "grey950/opacity30",
+    "sys_gradient_base_01_opacity50": "grey950/opacity50",
+    "sys_gradient_base_01_opacity75": "grey950/opacity75",
+    "sys_gradient_base_01_opacity40": "grey950/opacity40",
+    "sys_widget_black": "black",
+    "usr_temp_primary_01": "darkblue500",
+    "sys_cpnt_sheet_base_02_opacity50": "darkgrey50/opacity50",
+    "usr_menu_primarymenu_main": "darkgrey900",
+    "usr_menu_primarymenu_sub": "darkgrey500",
+    "usr_menu_secondarymenu_main": "darkgrey900",
+    "usr_menu_secondarymenu_sub": "darkgrey500",
+    "usr_menu_hover": "darkblue500",
+    "usr_menu_active": "darkblue500",
+    "usr_menu_background": "grey950",
+    "sys_cpnt_base_white_opacity50": "white/opacity50",
+    "sys_widget_dark_01": "grey950",
+    "usr_menu_background_gradient_opacity00": "grey950/opacity00",
+    "sys_border_line_white": "white",
+    "sys_component_base_white_opacity10": "white/opacity10",
+    "sys_cpnt_sheet_base_01": "darkgrey30",
+    "sys_component_base_white_opacity20": "white/opacity20",
+    "sys_border_line_07": "darkgrey70",
+    "sys_border_line_white_opacity50": "white/opacity50",
+    "sys_background_dimmed_02": "black/opacity65",
+    "sys_border_line_08": "darkgrey500",
+    "sys_component_base_06": "darkgrey50",
+    "sys_component_base_07": "darkgrey70",
+    "sys_border_line_09": "darkgrey50",
+    "sys_component_base_darktheme_04": "black/opacity00",
+    "sys_border_line_10": "darkgrey50",
+    "sys_component_base_darktheme_05": "darkgrey30",
+    "sys_border_line_darktheme_05": "darkgrey30",
+    "sys_component_base_darktheme_06": "darkgrey70",
+    "sys_border_line_darktheme_06": "darkgrey70",
+    "sys_border_line_darktheme_07": "darkgrey50",
+    "sys_border_line_11": "darkgreen500",
+    "sys_base_dimmed_01": "black/opacity30",
+    "sys_kakao": "kakaoyellow",
+    "sys_border_line_12": "grey100",
+    "sys_component_base_08": "white",
+    "sys_text_social_login_01": "grey900",
+    "sys_text_social_login_02": "grey900",
+    "sys_papp_livechat_link": "darkskyblue500",
+    "sys_text_lighttone_grey_01": "grey900",
+    "sys_widget_lighttone_primary_01": "blue500",
+    "sys_text_lighttone_grey_02": "grey500",
+    "sys_component_base_09": "darkgrey70",
+    "sys_component_base_darktheme_opacity20": "darkgrey900/opacity20",
+    "sys_component_base_darktheme_disabled_opacity20": "darkgrey70/opacity20",
+    "sys_border_white_opacity00": "white/opacity00",
+    "sys_border_line_darktheme_07_opacity00": "darkgrey50/opacity00",
+    "sys_border_line_darktheme_02_opacity20": "darkgrey400/opacity20",
+    "sys_border_line_darktheme_03_opacity20": "darkred500/opacity20",
+    "sys_border_line_darktheme_07_opacity20": "darkgrey50/opacity20",
+    "sys_component_base_grey_02_opacity80": "darkgrey30/opacity80",
+    "sys_component_base_10": "black/opacity30",
+    "sys_component_pastel_base_01": "darkpastelpink500",
+    "sys_component_pastel_base_02": "darkpastelgreen500",
+    "sys_component_pastel_base_03": "darkpastelpurple500",
+    "sys_component_pastel_base_04": "darkpastelorange500",
+    "sys_component_pastel_base_05": "darkpastelblue500",
+    "sys_component_base_11": "darkgreen30",
+    "sys_loading_skeleton_01": "darkgrey400",
+    "sys_loading_skeleton_02": "darkgrey400/opacity30",
+    "sys_loading_linear_bar": "darkgrey400/opacity50",
+    "sys_loading_linear_base": "darkgrey30",
+    "sys_loading_three_bar": "darkgrey400",
+    "sys_widget_grey_05": "darkgrey50",
+    "sys_menu_background_transparent": "white/opacity00",
+    "sys_container_background_04": "white/opacity00",
+    "sys_menu_button_base": "white",
+    "sys_background_dimmed_03": "black/opacity30",
+    "sys_cpnt_sheet_base_03": "black/opacity80",
+    "sys_dimmed_gradient_01": "black",
+    "sys_dimmed_gradient_02": "black/opacity00",
+    "sys_border_line_13": "darkgreen700",
+    "sys_component_base_12": "darkorange50/opacity90",
+    "sys_border_line_14": "darkorange500",
+    "sys_component_base_13": "darkgreen50/opacity90",
+    "sys_component_base_14": "darkgrey50/opacity90",
+    "sys_component_base_15": "darkorange50/opacity50",
+    "sys_component_base_16": "darkgreen50/opacity50",
+    "sys_component_base_17": "darkgrey50/opacity50",
+    "sys_widget_red_01": "darkred500",
+    "sys_widget_orange_01": "darkorange500",
+    "sys_text_warning_01": "darkorange500",
+    "sys_component_base_18": "darkgrey400",
+    "sys_cpnt_sheet_base_04": "darkblue500",
+    "sys_cpnt_sheet_base_05": "grey950",
+    "sys_cpnt_sheet_base_06": "darkgreen500",
+    "sys_facebook": "facebookblue"
+}

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/styles/colorSet/PaletteColor_light.json

@@ -0,0 +1,228 @@
+{
+    "sys_container_background_01": "white",
+    "sys_container_background_02": "grey50",
+    "sys_container_background_03": "grey100",
+    "sys_background_dimmed": "black/opacity65",
+    "sys_text_grey_01": "grey900",
+    "sys_text_grey_02": "grey500",
+    "sys_text_grey_03": "grey400",
+    "sys_text_white": "white",
+    "sys_text_brand_primary": "blue500",
+    "sys_text_error_01": "red500",
+    "sys_widget_grey_01": "grey900",
+    "sys_widget_grey_02": "grey500",
+    "sys_widget_grey_03": "grey400",
+    "sys_widget_primary_01": "blue500",
+    "sys_widget_error_01": "red500",
+    "sys_widget_warning_01": "orange500",
+    "sys_widget_success_01": "green700",
+    "sys_widget_white": "white",
+    "sys_border_area_01": "grey50",
+    "sys_border_line_01": "grey100",
+    "sys_border_line_02": "grey400",
+    "sys_border_line_03": "blue500",
+    "sys_border_line_04": "red500",
+    "sys_border_line_05": "grey900",
+    "sys_component_base_01": "grey50",
+    "sys_component_base_02": "white",
+    "sys_component_base_03": "grey100",
+    "sys_component_base_red": "red500",
+    "sys_component_base_white": "white",
+    "sys_component_base_white_opacity00": "white/opacity00",
+    "sys_on_base_white_opacity00": "white/opacity00",
+    "sys_on_base_white_opacity30": "white/opacity30",
+    "sys_on_base_black_opacity20": "black/opacity20",
+    "usr_brand_primary": "blue500",
+    "usr_brand_secondary": "green500",
+    "usr_brand_secondary_variant": "green700",
+    "usr_background": "white",
+    "usr_surface": "grey50",
+    "usr_border": "grey100",
+    "usr_on_brand_primary": "white",
+    "usr_on_brand_secondary": "grey900",
+    "usr_on_background": "grey900",
+    "usr_on_surface": "white",
+    "sys_widget_status_active_01": "green500",
+    "sys_text_success_01": "green700",
+    "sys_widget_grey_04": "grey100",
+    "sys_text_active": "green700",
+    "sys_component_base_blue": "blue500",
+    "sys_on_base_black_opacity65": "black/opacity65",
+    "sys_component_base_04": "grey70",
+    "sys_component_base_black": "black",
+    "sys_component_base_black_opacity00": "black/opacity00",
+    "usr_text_brand_secondary_variant": "green700",
+    "usr_text_brand_primary": "blue500",
+    "usr_text_brand_on_primary": "white",
+    "sys_text_brand_secondary_variant": "green700",
+    "sys_component_base_navy": "navy500",
+    "sys_widget_lightgreen": "lightgreen500",
+    "sys_border_line_06": "lightgreen500",
+    "sys_background_dimmed_20": "black/opacity20",
+    "sys_widget_pink": "pink500",
+    "sys_widget_primary_opacity20": "blue500/opacity20",
+    "sys_widget_secondary_variant_01": "green700",
+    "usr_component_base_brand_primary_opacity10": "blue500/opacity10",
+    "sys_temp_grey_01": "grey900",
+    "sys_temp_grey_02": "grey500",
+    "sys_temp_grey_03": "grey400",
+    "sys_temp_grey_04": "grey100",
+    "sys_temp_grey_05": "grey50",
+    "sys_temp_white": "white",
+    "sys_temp_primary_01": "blue500",
+    "sys_temp_secondary_01": "green700",
+    "sys_temp_red": "red500",
+    "sys_temp_white_opacity_00": "white/opacity00",
+    "sys_temp_dimmed": "black/opacity20",
+    "sys_temp_black": "black",
+    "sys_temp_primary_02": "blue700",
+    "sys_temp_primary_03": "blue300",
+    "sys_temp_secondary_02": "green500",
+    "sys_temp_lightgreen_01": "lightgreen500",
+    "sys_text_grey_04": "grey600",
+    "sys_papp_post_social_background": "blue500",
+    "sys_papp_post_notice_background": "skyblue500",
+    "sys_papp_post_free_background": "skyblue300",
+    "sys_papp_vod_background": "lightpink500",
+    "sys_papp_vodplus_background": "pink500",
+    "sys_papp_live_background": "pink300",
+    "sys_selcontrols_base_off_disabled": "grey400/opacity65",
+    "sys_selcontrols_base_on_disabled": "lightgreen500/opacity65",
+    "sys_component_base_blue_opacity10": "blue500/opacity10",
+    "sys_component_base_05": "grey950",
+    "sys_background_dimmed_65": "black/opacity65",
+    "sys_temp_grey_06": "grey70",
+    "sys_on_base_white_opacity10": "white/opacity10",
+    "sys_on_base_black_opacity10": "black/opacity10",
+    "sys_component_base_05_opacity00": "grey950/opacity00",
+    "sys_papp_post_notice_link": "skyblue500",
+    "sys_component_base_navy_light": "navy100",
+    "sys_component_base_orange": "orange500",
+    "sys_component_base_grey": "grey400",
+    "sys_component_base_black_opacity80": "black/opacity80",
+    "sys_text_darkgrey_02": "darkgrey500",
+    "sys_border_line_darktheme_01": "darkgrey100",
+    "sys_border_line_darktheme_02": "darkgrey400",
+    "sys_component_base_darktheme_01": "darkgrey50",
+    "sys_component_base_darktheme_02": "grey950",
+    "sys_component_base_darktheme_03": "darkgrey100",
+    "sys_text_grey_darktheme_01": "darkgrey900",
+    "sys_text_grey_darktheme_02": "darkgrey500",
+    "sys_text_grey_darktheme_03": "darkgrey400",
+    "sys_widget_grey_darktheme_01": "darkgrey900",
+    "sys_widget_grey_darktheme_02": "darkgrey500",
+    "sys_widget_grey_darktheme_03": "darkgrey400",
+    "sys_component_base_green": "green700",
+    "sys_text_error_darktheme_01": "darkred500",
+    "sys_border_line_darktheme_03": "darkred500",
+    "sys_border_line_darktheme_04": "darkgrey500",
+    "usr_widget_brand_primary_darktheme_01": "darkblue500",
+    "usr_text_brand_primary_darktheme_01": "darkblue500",
+    "sys_component_base_black_opacity50": "black/opacity50",
+    "sys_component_base_card": "white",
+    "sys_cpnt_textlabel_sys_brand_primary_opacity50": "blue500/opacity50",
+    "sys_widget_green_01": "green500",
+    "sys_component_base_black_opacity30": "black/opacity30",
+    "sys_area_background": "darkgrey50/opacity65",
+    "sys_border_white_opacity30": "white/opacity30",
+    "sys_container_background_wt": "grey30",
+    "sys_channeldesc_grey_03": "darkgrey400",
+    "sys_channeldesc_border_grey_03": "darkgrey100",
+    "sys_gradient_base_01": "white",
+    "sys_gradient_base_01_opacity00": "white/opacity00",
+    "sys_channeldesc_background": "white/opacity80",
+    "sys_channeldesc_bottomsheet_base": "white/opacity95",
+    "sys_channeldesc_bottomsheet_border": "grey100",
+    "sys_channeldesc_contents_base": "grey50/opacity80",
+    "sys_channeldesc_dimmed": "grey950/opacity30",
+    "sys_gradient_base_01_opacity50": "white/opacity50",
+    "sys_gradient_base_01_opacity75": "white/opacity75",
+    "sys_gradient_base_01_opacity40": "white/opacity40",
+    "sys_widget_black": "black",
+    "usr_temp_primary_01": "blue500",
+    "sys_cpnt_sheet_base_02_opacity50": "grey50/opacity50",
+    "usr_menu_primarymenu_main": "grey900",
+    "usr_menu_primarymenu_sub": "grey500",
+    "usr_menu_secondarymenu_main": "grey900",
+    "usr_menu_secondarymenu_sub": "grey500",
+    "usr_menu_hover": "blue500",
+    "usr_menu_active": "blue500",
+    "usr_menu_background": "white",
+    "sys_cpnt_base_white_opacity50": "white/opacity50",
+    "sys_widget_dark_01": "grey900",
+    "usr_menu_background_gradient_opacity00": "white/opacity00",
+    "sys_border_line_white": "white",
+    "sys_component_base_white_opacity10": "white/opacity10",
+    "sys_cpnt_sheet_base_01": "grey30",
+    "sys_component_base_white_opacity20": "white/opacity20",
+    "sys_border_line_07": "grey70",
+    "sys_border_line_white_opacity50": "white/opacity50",
+    "sys_background_dimmed_02": "black/opacity40",
+    "sys_border_line_08": "grey500",
+    "sys_component_base_06": "grey30",
+    "sys_component_base_07": "grey70",
+    "sys_border_line_09": "grey50",
+    "sys_component_base_darktheme_04": "black/opacity00",
+    "sys_border_line_10": "grey30",
+    "sys_component_base_darktheme_05": "darkgrey30",
+    "sys_border_line_darktheme_05": "darkgrey30",
+    "sys_component_base_darktheme_06": "darkgrey70",
+    "sys_border_line_darktheme_06": "darkgrey70",
+    "sys_border_line_darktheme_07": "darkgrey50",
+    "sys_border_line_11": "green500",
+    "sys_base_dimmed_01": "white/opacity30",
+    "sys_kakao": "kakaoyellow",
+    "sys_border_line_12": "grey100",
+    "sys_component_base_08": "black",
+    "sys_text_social_login_01": "white",
+    "sys_text_social_login_02": "grey900",
+    "sys_papp_livechat_link": "skyblue500",
+    "sys_text_lighttone_grey_01": "grey900",
+    "sys_widget_lighttone_primary_01": "blue500",
+    "sys_text_lighttone_grey_02": "grey500",
+    "sys_component_base_09": "white",
+    "sys_component_base_darktheme_opacity20": "darkgrey900/opacity20",
+    "sys_component_base_darktheme_disabled_opacity20": "darkgrey70/opacity20",
+    "sys_border_white_opacity00": "white/opacity00",
+    "sys_border_line_darktheme_07_opacity00": "darkgrey50/opacity00",
+    "sys_border_line_darktheme_02_opacity20": "darkgrey400/opacity20",
+    "sys_border_line_darktheme_03_opacity20": "darkred500/opacity20",
+    "sys_border_line_darktheme_07_opacity20": "darkgrey50/opacity20",
+    "sys_component_base_grey_02_opacity80": "grey30/opacity80",
+    "sys_component_base_10": "white/opacity50",
+    "sys_component_pastel_base_01": "pastelpink500",
+    "sys_component_pastel_base_02": "pastelgreen500",
+    "sys_component_pastel_base_03": "pastelpurple500",
+    "sys_component_pastel_base_04": "pastelorange500",
+    "sys_component_pastel_base_05": "pastelblue500",
+    "sys_component_base_11": "green30",
+    "sys_loading_skeleton_01": "grey400",
+    "sys_loading_skeleton_02": "grey400/opacity30",
+    "sys_loading_linear_bar": "grey400/opacity50",
+    "sys_loading_linear_base": "grey30",
+    "sys_loading_three_bar": "grey400",
+    "sys_widget_grey_05": "grey50",
+    "sys_menu_background_transparent": "white/opacity00",
+    "sys_container_background_04": "white/opacity00",
+    "sys_menu_button_base": "white",
+    "sys_background_dimmed_03": "black/opacity30",
+    "sys_cpnt_sheet_base_03": "white",
+    "sys_dimmed_gradient_01": "black",
+    "sys_dimmed_gradient_02": "black/opacity00",
+    "sys_border_line_13": "green700",
+    "sys_component_base_12": "orange50/opacity90",
+    "sys_border_line_14": "orange500",
+    "sys_component_base_13": "green50/opacity90",
+    "sys_component_base_14": "grey50/opacity90",
+    "sys_component_base_15": "orange50/opacity50",
+    "sys_component_base_16": "green50/opacity50",
+    "sys_component_base_17": "grey50/opacity50",
+    "sys_widget_red_01": "red500",
+    "sys_widget_orange_01": "orange500",
+    "sys_text_warning_01": "orange500",
+    "sys_component_base_18": "grey400",
+    "sys_cpnt_sheet_base_04": "blue500",
+    "sys_cpnt_sheet_base_05": "grey950",
+    "sys_cpnt_sheet_base_06": "green500",
+    "sys_facebook": "facebookblue"
+}