pds-dev-kit-web-test 2.2.99 → 2.2.652

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

@@ -1,125 +1,5 @@
 declare const colorSet: {
-    readonly SemanticColor: {
-        blue500: string;
-        blue700: string;
-        blue300: string;
-        green700: string;
-        green500: string;
-        green300: string;
-        red500: string;
-        grey900: string;
-        grey500: string;
-        grey400: string;
-        grey100: string;
-        grey50: string;
-        white: string;
-        black: string;
-        darkblue500: string;
-        grey950: string;
-        darkgrey900: string;
-        darkgrey500: string;
-        darkgrey400: string;
-        darkgrey100: string;
-        darkgrey50: string;
-        darkred500: string;
-        darkgreen700: string;
-        orange500: string;
-        darkorange500: string;
-        opacity00: string;
-        opacity20: string;
-        opacity30: string;
-        opacity65: string;
-        darkgreen500: string;
-        grey70: string;
-        navy500: string;
-        lightgreen500: string;
-        pink500: string;
-        darkgrey70: string;
-        darknavy500: string;
-        darkpink500: string;
-        darklightgreen500: string;
-        opacity10: string;
-        grey600: string;
-        darkgrey600: string;
-        skyblue500: string;
-        skyblue300: string;
-        pink300: string;
-        lightpink500: string;
-        darkblue300: string;
-        darkblue700: string;
-        darkgreen300: string;
-        darkskyblue500: string;
-        navy100: string;
-        darknavy100: string;
-        opacity80: string;
-        opacity50: string;
-        grey30: string;
-        opacity95: string;
-        darkgrey30: string;
-        opacity40: string;
-        kakaoyellow: string;
-        pastelblue500: string;
-        pastelpink500: string;
-        pastelorange500: string;
-        pastelgreen500: string;
-        pastelpurple500: string;
-        darkpastelblue500: string;
-        darkpastelpink500: string;
-        darkpastelorange500: string;
-        darkpastelgreen500: string;
-        darkpastelpurple500: string;
-        green30: string;
-        darkgreen30: string;
-        orange50: string;
-        darkorange50: string;
-        orange30: string;
-        darkorange30: string;
-        green50: string;
-        darkgreen50: string;
-        opacity90: string;
-        facebookblue: string;
-        opacity05: string;
-        opacity15: string;
-        grey80: string;
-        grey200: string;
-        darkgrey80: string;
-        darkgrey200: string;
-        opacity70: string;
-        opacity60: string;
-        skyblue100: string;
-        green100: string;
-        darkgreen100: string;
-        darkskyblue100: string;
-        opacity25: string;
-        opacity35: string;
-        grey10: string;
-        darkgrey10: string;
-        blue50: string;
-        darkblue50: string;
-        blue10: string;
-        red10: string;
-        green10: string;
-        blue30: string;
-        red30: string;
-        orange300: string;
-        darkorange300: string;
-        darkpink300: string;
-        pastelblue300: string;
-        darkpastelblue300: string;
-        softpurple500: string;
-        darksoftpurple500: string;
-        coolpink500: string;
-        darkcoolpink500: string;
-        brown500: string;
-        darkbrown500: string;
-        yellow300: string;
-        darkyellow300: string;
-        grey20: string;
-        darkgrey20: string;
-        grey300: string;
-        darkgrey300: string;
-    };
-    readonly PaletteColor_light: {
+    readonly PaletteColor_Dark: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -474,8 +354,159 @@ declare const colorSet: {
         sys_sw_sidebar_divider_vertical: string;
         sys_cpnt_sheet_base_13: string;
         sys_cpnt_sheet_base_14: string;
+        sys_cpnt_white_opacity60: string;
+        sys_border_line_17: string;
+        usr_brand_primary_opacity05: string;
+        sys_cpnt_sheet_base_15: string;
+        sys_cpnt_sheet_base_16: string;
+        sys_cpnt_sheet_base_17: string;
+        sys_component_base_47: string;
+        sys_cpnt_editor_undefined: string;
+        sys_cpnt_slider_track_active_undefined: string;
+        sys_cpnt_slider_thumb_normal_undefined: string;
+        sys_cpnt_editor_buttongroup_undefined: string;
+        sys_text_grey_02_hinttext: string;
+        sys_component_base_48: string;
+        usr_brand_primary_opacity10: string;
+        sys_component_base_49: string;
+        sys_widget_grey_06: string;
+        sys_component_base_50: string;
+        sys_dimmed_01: string;
+        sys_cpnt_sheet_base_51: string;
+        sys_cpnt_sheet_base_52: string;
+        sys_cpnt_sheet_base_53: string;
+        sys_widget_grey_07: string;
+        sys_cpnt_sheet_base_54: string;
+        sys_component_border_01: string;
+        sys_widget_grey_08: string;
+        sys_on_base_hover_01: string;
+        sys_on_base_pressed_01: string;
     };
-    readonly PaletteColor_Dark: {
+    readonly SemanticColor: {
+        blue500: string;
+        blue700: string;
+        blue300: string;
+        green700: string;
+        green500: string;
+        green300: string;
+        red500: string;
+        grey900: string;
+        grey500: string;
+        grey400: string;
+        grey100: string;
+        grey50: string;
+        white: string;
+        black: string;
+        darkblue500: string;
+        grey950: string;
+        darkgrey900: string;
+        darkgrey500: string;
+        darkgrey400: string;
+        darkgrey100: string;
+        darkgrey50: string;
+        darkred500: string;
+        darkgreen700: string;
+        orange500: string;
+        darkorange500: string;
+        opacity00: string;
+        opacity20: string;
+        opacity30: string;
+        opacity65: string;
+        darkgreen500: string;
+        grey70: string;
+        navy500: string;
+        lightgreen500: string;
+        pink500: string;
+        darkgrey70: string;
+        darknavy500: string;
+        darkpink500: string;
+        darklightgreen500: string;
+        opacity10: string;
+        grey600: string;
+        darkgrey600: string;
+        skyblue500: string;
+        skyblue300: string;
+        pink300: string;
+        lightpink500: string;
+        darkblue300: string;
+        darkblue700: string;
+        darkgreen300: string;
+        darkskyblue500: string;
+        navy100: string;
+        darknavy100: string;
+        opacity80: string;
+        opacity50: string;
+        grey30: string;
+        opacity95: string;
+        darkgrey30: string;
+        opacity40: string;
+        kakaoyellow: string;
+        pastelblue500: string;
+        pastelpink500: string;
+        pastelorange500: string;
+        pastelgreen500: string;
+        pastelpurple500: string;
+        darkpastelblue500: string;
+        darkpastelpink500: string;
+        darkpastelorange500: string;
+        darkpastelgreen500: string;
+        darkpastelpurple500: string;
+        green30: string;
+        darkgreen30: string;
+        orange50: string;
+        darkorange50: string;
+        orange30: string;
+        darkorange30: string;
+        green50: string;
+        darkgreen50: string;
+        opacity90: string;
+        facebookblue: string;
+        opacity05: string;
+        opacity15: string;
+        grey80: string;
+        grey200: string;
+        darkgrey80: string;
+        darkgrey200: string;
+        opacity70: string;
+        opacity60: string;
+        skyblue100: string;
+        green100: string;
+        darkgreen100: string;
+        darkskyblue100: string;
+        opacity25: string;
+        opacity35: string;
+        grey10: string;
+        darkgrey10: string;
+        blue50: string;
+        darkblue50: string;
+        blue10: string;
+        red10: string;
+        green10: string;
+        blue30: string;
+        red30: string;
+        orange300: string;
+        darkorange300: string;
+        darkpink300: string;
+        pastelblue300: string;
+        darkpastelblue300: string;
+        softpurple500: string;
+        darksoftpurple500: string;
+        coolpink500: string;
+        darkcoolpink500: string;
+        brown500: string;
+        darkbrown500: string;
+        yellow300: string;
+        darkyellow300: string;
+        grey20: string;
+        darkgrey20: string;
+        grey300: string;
+        darkgrey300: string;
+        yellow500: string;
+        darkyellow500: string;
+        grey450: string;
+        darkgrey450: string;
+    };
+    readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -830,6 +861,33 @@ declare const colorSet: {
         sys_sw_sidebar_divider_vertical: string;
         sys_cpnt_sheet_base_13: string;
         sys_cpnt_sheet_base_14: string;
+        sys_cpnt_white_opacity60: string;
+        sys_border_line_17: string;
+        usr_brand_primary_opacity05: string;
+        sys_cpnt_sheet_base_15: string;
+        sys_cpnt_sheet_base_16: string;
+        sys_cpnt_sheet_base_17: string;
+        sys_component_base_47: string;
+        sys_cpnt_editor_undefined: string;
+        sys_cpnt_slider_track_active_undefined: string;
+        sys_cpnt_slider_thumb_normal_undefined: string;
+        sys_cpnt_editor_buttongroup_undefined: string;
+        sys_text_grey_02_hinttext: string;
+        sys_component_base_48: string;
+        usr_brand_primary_opacity10: string;
+        sys_component_base_49: string;
+        sys_widget_grey_06: string;
+        sys_component_base_50: string;
+        sys_dimmed_01: string;
+        sys_cpnt_sheet_base_51: string;
+        sys_cpnt_sheet_base_52: string;
+        sys_cpnt_sheet_base_53: string;
+        sys_widget_grey_07: string;
+        sys_cpnt_sheet_base_54: string;
+        sys_component_border_01: string;
+        sys_widget_grey_08: string;
+        sys_on_base_hover_01: string;
+        sys_on_base_pressed_01: string;
     };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
@@ -1686,6 +1744,59 @@ declare const colorSet: {
         ui_115: string;
         ui_116: string;
         ui_117: string;
+        ui_118: string;
+        ui_119: string;
+        ui_120: string;
+        ui_121: string;
+        ui_cpnt_tooltip_base_border: string;
+        ui_122: string;
+        ui_123: string;
+        ui_124: string;
+        ui_dimmed_03: string;
+        ui_125: string;
+        ui_126: string;
+        ui_127: string;
+        ui_128: string;
+        ui_cpnt_sheet_base_27: string;
+        ui_cpnt_editor_colorpicker_undefined: string;
+        ui_cpnt_slider_track_active_undefined: string;
+        ui_cpnt_slider_thumb_normal_undefined: string;
+        ui_cpnt_editor_buttongroup_undefined: string;
+        ui_cpnt_editor_thumbpreview_undefined: string;
+        ui_cpnt_dropdown_text_darktheme_hinttext: string;
+        ui_cpnt_select_dropdown_border_error: string;
+        ui_cpnt_select_dropdown_text_error: string;
+        ui_cpnt_select_dropdown_text_darktheme_error: string;
+        ui_cpnt_select_dropdown_border_darktheme_error: string;
+        ui_cpnt_form_text_hint: string;
+        ui_129: string;
+        ui_130: string;
+        ui_cpnt_button_fill_base_on_sheet: string;
+        ui_cpnt_sheet_base_28: string;
+        ui_131: string;
+        ui_132: string;
+        ui_133: string;
+        ui_134: string;
+        ui_135: string;
+        ui_136: string;
+        ui_137: string;
+        ui_138: string;
+        ui_139: string;
+        ui_cpnt_sheet_base_29: string;
+        ui_cpnt_sheet_base_30: string;
+        ui_cpnt_sheet_base_31: string;
+        ui_cpnt_selcontrols_icon_white: string;
+        ui_cpnt_selcontrols_text_white: string;
+        ui_cpnt_selcontrols_icon_grey_01: string;
+        ui_cpnt_selcontrols_text_grey_01: string;
+        ui_cpnt_snackbar_text: string;
+        ui_cpnt_snackbar_base: string;
+        ui_140: string;
+        ui_141: string;
+        ui_142: string;
+        ui_143: string;
+        ui_144: string;
+        ui_cpnt_badge_base_confirm: string;
     };
 };
 export default colorSet;

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 PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
 var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
 var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
-var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
 var UIColor_json_1 = __importDefault(require("./UIColor.json"));
 var colorSet = {
+    PaletteColor_Dark: PaletteColor_Dark_json_1.default,
     SemanticColor: SemanticColor_json_1.default,
     PaletteColor_light: PaletteColor_light_json_1.default,
-    PaletteColor_Dark: PaletteColor_Dark_json_1.default,
     UIColor: UIColor_json_1.default
 };
 exports.default = colorSet;

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

@@ -853,4 +853,57 @@ export interface UITheme {
     ui_115: string;
     ui_116: string;
     ui_117: string;
+    ui_118: string;
+    ui_119: string;
+    ui_120: string;
+    ui_121: string;
+    ui_cpnt_tooltip_base_border: string;
+    ui_122: string;
+    ui_123: string;
+    ui_124: string;
+    ui_dimmed_03: string;
+    ui_125: string;
+    ui_126: string;
+    ui_127: string;
+    ui_128: string;
+    ui_cpnt_sheet_base_27: string;
+    ui_cpnt_editor_colorpicker_undefined: string;
+    ui_cpnt_slider_track_active_undefined: string;
+    ui_cpnt_slider_thumb_normal_undefined: string;
+    ui_cpnt_editor_buttongroup_undefined: string;
+    ui_cpnt_editor_thumbpreview_undefined: string;
+    ui_cpnt_dropdown_text_darktheme_hinttext: string;
+    ui_cpnt_select_dropdown_border_error: string;
+    ui_cpnt_select_dropdown_text_error: string;
+    ui_cpnt_select_dropdown_text_darktheme_error: string;
+    ui_cpnt_select_dropdown_border_darktheme_error: string;
+    ui_cpnt_form_text_hint: string;
+    ui_129: string;
+    ui_130: string;
+    ui_cpnt_button_fill_base_on_sheet: string;
+    ui_cpnt_sheet_base_28: string;
+    ui_131: string;
+    ui_132: string;
+    ui_133: string;
+    ui_134: string;
+    ui_135: string;
+    ui_136: string;
+    ui_137: string;
+    ui_138: string;
+    ui_139: string;
+    ui_cpnt_sheet_base_29: string;
+    ui_cpnt_sheet_base_30: string;
+    ui_cpnt_sheet_base_31: string;
+    ui_cpnt_selcontrols_icon_white: string;
+    ui_cpnt_selcontrols_text_white: string;
+    ui_cpnt_selcontrols_icon_grey_01: string;
+    ui_cpnt_selcontrols_text_grey_01: string;
+    ui_cpnt_snackbar_text: string;
+    ui_cpnt_snackbar_base: string;
+    ui_140: string;
+    ui_141: string;
+    ui_142: string;
+    ui_143: string;
+    ui_144: string;
+    ui_cpnt_badge_base_confirm: string;
 }

package/dist/src/common/styles/editorContentStyle.d.ts

@@ -0,0 +1 @@
+export declare const editorContentStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;

package/dist/src/common/styles/editorContentStyle.js

@@ -0,0 +1,76 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.editorContentStyle = void 0;
+var styled_components_1 = require("styled-components");
+exports.editorContentStyle = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  text-align: left;\n  white-space: pre-wrap;\n  width: 100%;\n  word-break: break-word;\n\n  & pre {\n    white-space: pre-wrap;\n  }\n\n  div,\n  p {\n    overflow: hidden;\n  }\n\n  h1 {\n    font-size: ", ";\n    line-height: ", ";\n  }\n\n  h2 {\n    font-size: ", ";\n    line-height: ", ";\n  }\n\n  h3 {\n    font-size: ", ";\n    line-height: ", ";\n  }\n\n  p,\n  li,\n  ol {\n    font-size: ", ";\n    line-height: ", ";\n  }\n\n  p {\n    margin-top: 25px;\n    margin-bottom: 25px;\n  }\n\n  ul {\n    margin-top: 25px;\n    margin-bottom: 25px;\n  }\n\n  a {\n    color: ", ";\n    font-size: ", ";\n    line-height: ", ";\n  }\n\n  img {\n    max-width: 100%;\n    height: auto;\n    margin-top: 30px;\n    margin-bottom: 30px;\n  }\n\n  figure {\n    margin: 0;\n    max-width: 100%;\n\n    img {\n      max-width: 100%;\n      height: auto;\n    }\n  }\n\n  iframe,\n  video {\n    max-width: 100%;\n    border: none;\n    max-height: 404px;\n  }\n\n  blockquote {\n    border-left: 4px solid ", ";\n    margin: ", ";\n    padding-bottom: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n    padding-top: ", ";\n\n    p {\n      font-size: ", ";\n      font-style: oblique;\n      line-height: ", ";\n      margin: 0;\n    }\n  }\n\n  span {\n    font-weight: inherit;\n  }\n"], ["\n  color: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  text-align: left;\n  white-space: pre-wrap;\n  width: 100%;\n  word-break: break-word;\n\n  & pre {\n    white-space: pre-wrap;\n  }\n\n  div,\n  p {\n    overflow: hidden;\n  }\n\n  h1 {\n    font-size: ", ";\n    line-height: ", ";\n  }\n\n  h2 {\n    font-size: ", ";\n    line-height: ", ";\n  }\n\n  h3 {\n    font-size: ", ";\n    line-height: ", ";\n  }\n\n  p,\n  li,\n  ol {\n    font-size: ", ";\n    line-height: ", ";\n  }\n\n  p {\n    margin-top: 25px;\n    margin-bottom: 25px;\n  }\n\n  ul {\n    margin-top: 25px;\n    margin-bottom: 25px;\n  }\n\n  a {\n    color: ", ";\n    font-size: ", ";\n    line-height: ", ";\n  }\n\n  img {\n    max-width: 100%;\n    height: auto;\n    margin-top: 30px;\n    margin-bottom: 30px;\n  }\n\n  figure {\n    margin: 0;\n    max-width: 100%;\n\n    img {\n      max-width: 100%;\n      height: auto;\n    }\n  }\n\n  iframe,\n  video {\n    max-width: 100%;\n    border: none;\n    max-height: 404px;\n  }\n\n  blockquote {\n    border-left: 4px solid ", ";\n    margin: ", ";\n    padding-bottom: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n    padding-top: ", ";\n\n    p {\n      font-size: ", ";\n      font-style: oblique;\n      line-height: ", ";\n      margin: 0;\n    }\n  }\n\n  span {\n    font-weight: inherit;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_temp_grey_01;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.desktopEditorFontSize.p;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.desktopEditorLineHeight.p;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.desktopEditorFontSize.h1;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.desktopEditorLineHeight.h1;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.desktopEditorFontSize.h2;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.desktopEditorLineHeight.h2;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.desktopEditorFontSize.h3;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.desktopEditorLineHeight.h3;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.desktopEditorFontSize.p;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.desktopEditorLineHeight.p;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.ui_papp_post_notice_link;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.desktopEditorFontSize.p;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.desktopEditorLineHeight.p;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.ui_temp_grey_03;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingD;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingA;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingC;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingA;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingA;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.desktopEditorFontSize.p;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.desktopEditorLineHeight.p;
+});
+var templateObject_1;

package/dist/src/common/styles/scroll/scrollbarStyle.d.ts

@@ -1,2 +1,4 @@
 export declare const scrollbarStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
 export declare const scrollbarWithPaddingStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const scrollInvisible: import("styled-components").FlattenSimpleInterpolation;
+export type ScrollVisibleType = 'hidden' | 'visible';

package/dist/src/common/styles/scroll/scrollbarStyle.js

@@ -4,11 +4,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.scrollbarWithPaddingStyle = exports.scrollbarStyle = void 0;
+exports.scrollInvisible = exports.scrollbarWithPaddingStyle = exports.scrollbarStyle = void 0;
 var styled_components_1 = require("styled-components");
-exports.scrollbarStyle = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ::-webkit-scrollbar-thumb {\n    background-color: ", ";\n    background-clip: padding-box;\n    border-radius: 5px;\n    border: 2px solid transparent;\n  }\n\n  ::-webkit-scrollbar {\n    display: block;\n    width: 10px;\n  }\n"], ["\n  ::-webkit-scrollbar-thumb {\n    background-color: ", ";\n    background-clip: padding-box;\n    border-radius: 5px;\n    border: 2px solid transparent;\n  }\n\n  ::-webkit-scrollbar {\n    display: block;\n    width: 10px;\n  }\n"])), function (_a) {
+exports.scrollbarStyle = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ::-webkit-scrollbar-thumb {\n    background-color: ", ";\n    background-clip: padding-box;\n    border-radius: 5px;\n    border: 2px solid transparent;\n  }\n\n  ::-webkit-scrollbar {\n    display: block;\n    width: 10px;\n  }\n\n  scrollbar-width: auto;\n"], ["\n  ::-webkit-scrollbar-thumb {\n    background-color: ", ";\n    background-clip: padding-box;\n    border-radius: 5px;\n    border: 2px solid transparent;\n  }\n\n  ::-webkit-scrollbar {\n    display: block;\n    width: 10px;\n  }\n\n  scrollbar-width: auto;\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_container_scroll;
 });
 exports.scrollbarWithPaddingStyle = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n\n  ::-webkit-scrollbar-track {\n    margin-bottom: 24px;\n    margin-top: 24px;\n  }\n"], ["\n  ", "\n\n  ::-webkit-scrollbar-track {\n    margin-bottom: 24px;\n    margin-top: 24px;\n  }\n"])), exports.scrollbarStyle);
-var templateObject_1, templateObject_2;
+exports.scrollInvisible = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ::-webkit-scrollbar {\n    background: transparent;\n    display: block;\n    width: 0px;\n  }\n  scrollbar-width: auto;\n"], ["\n  ::-webkit-scrollbar {\n    background: transparent;\n    display: block;\n    width: 0px;\n  }\n  scrollbar-width: auto;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/common/styles/theme.d.ts

@@ -113,4 +113,5 @@ export declare const language = "ko";
 declare const theme: DefaultTheme;
 type ToneType = 'DARK' | 'LIGHT';
 export declare const themeByGivenTone: (tone: ToneType) => any;
+export type AppTheme = ReturnType<typeof themeByGivenTone>;
 export default theme;

package/dist/src/common/styles/theme.js

@@ -125,6 +125,6 @@ exports.spacing = {
 };
 exports.language = 'ko';
 var theme = __assign({ fontWeight: exports.fontWeight, desktopFontSize: exports.desktopFontSize, desktopLineHeight: exports.desktopLineHeight, desktopEditorFontSize: exports.desktopEditorFontSize, desktopEditorLineHeight: exports.desktopEditorLineHeight, mobileFontSize: exports.mobileFontSize, mobileLineHeight: exports.mobileLineHeight, mobileEditorFontSize: exports.mobileEditorFontSize, mobileEditorLineHeight: exports.mobileEditorLineHeight, boxShadow: exports.boxShadow, spacing: exports.spacing, language: exports.language }, (0, ui_colors_1.customTheme)(window.PdsUtils ? window.PdsUtils.tone : 'DARK', window.PdsUtils ? window.PdsUtils.palette : {}));
-var themeByGivenTone = function (tone) { return (__assign(__assign({}, (0, ui_colors_1.customTheme)(tone)), { fontWeight: exports.fontWeight, desktopFontSize: exports.desktopFontSize, desktopLineHeight: exports.desktopLineHeight, desktopEditorFontSize: exports.desktopEditorFontSize, desktopEditorLineHeight: exports.desktopEditorLineHeight, mobileFontSize: exports.mobileFontSize, mobileLineHeight: exports.mobileLineHeight, mobileEditorFontSize: exports.mobileEditorFontSize, mobileEditorLineHeight: exports.mobileEditorLineHeight, boxShadow: exports.boxShadow, spacing: exports.spacing, language: exports.language })); };
+var themeByGivenTone = function (tone) { return (__assign(__assign({}, (0, ui_colors_1.customTheme)(tone)), { fontWeight: exports.fontWeight, desktopFontSize: exports.desktopFontSize, desktopLineHeight: exports.desktopLineHeight, desktopEditorFontSize: exports.desktopEditorFontSize, desktopEditorLineHeight: exports.desktopEditorLineHeight, mobileFontSize: exports.mobileFontSize, mobileLineHeight: exports.mobileLineHeight, mobileEditorFontSize: exports.mobileEditorFontSize, mobileEditorLineHeight: exports.mobileEditorLineHeight, boxShadow: exports.boxShadow, spacing: exports.spacing, language: exports.language, mode: tone === 'DARK' ? 'dark' : 'light' })); };
 exports.themeByGivenTone = themeByGivenTone;
 exports.default = theme;

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

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

package/dist/src/common/types/components.d.ts

@@ -1,6 +1,7 @@
-import type { FillIconNameKeys, LineIconNameKeys } from './icon';
+import type { PDSIconType } from './icon';
 import type { IconCaseTooltipPositionType } from './systemUI';
 import type { PDSTextType } from './text';
+import type { UiColors } from './uiColors';
 import type { ForwardedRef } from 'react';
 export type PDSValueOption = {
     text: PDSTextType;
@@ -10,11 +11,13 @@ export type PDSTabItemOption = {
     title: PDSTextType;
     isActive: boolean;
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    disabled?: boolean;
+    tooltipText?: PDSTextType;
 };
 export type ContextMenuItemValueOption = {
     text?: PDSTextType;
     value: string | number | null | boolean;
-    iconName?: FillIconNameKeys | LineIconNameKeys;
+    iconName?: PDSIconType;
     iconFillType?: 'fill' | 'line';
     fontWeight?: 'bold' | 'regular';
     descText?: PDSTextType;
@@ -32,21 +35,32 @@ export type AdminListDropdownValueOption = {
     value: DropdownValueOption['value'];
 };
 export type BasicButtonGroupValueOption = {
-    iconName: FillIconNameKeys | LineIconNameKeys;
+    iconName: PDSIconType;
     iconFillType?: 'fill' | 'line';
     state?: 'normal' | 'disabled';
     tooltipText?: PDSTextType;
     tooltipPosition?: IconCaseTooltipPositionType;
     iconColorTheme?: 'none' | 'red';
+    backgroundColorTheme?: UiColors;
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     onMouseDown?: (e: React.MouseEvent<HTMLButtonElement>) => void;
 };
 export type SegmentedButtonGroupValueOption = Pick<PDSValueOption, 'value'> & {
-    iconName: FillIconNameKeys | LineIconNameKeys;
+    iconName: PDSIconType;
     iconFillType?: 'fill' | 'line';
     state?: 'normal' | 'disabled';
     iconColorTheme?: 'none' | 'red';
+    backgroundColorTheme?: UiColors;
     tooltipText?: PDSTextType;
     tooltipPosition?: IconCaseTooltipPositionType;
 };
 export type ForwardedRefType<T> = ForwardedRef<T | null>;
+export interface IFormValues {
+    [key: string]: string;
+}
+/**
+ * 중첩된 객체 구조에서 점(.)으로 구분된 경로를 통해 에러 객체를 조회합니다
+ */
+export declare const getErrorByName: (errors: {
+    [x: string]: any;
+}, name: string) => any;

package/dist/src/common/types/components.js

@@ -1,2 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getErrorByName = void 0;
+/**
+ * 중첩된 객체 구조에서 점(.)으로 구분된 경로를 통해 에러 객체를 조회합니다
+ */
+var getErrorByName = function (errors, name) {
+    return name.split('.').reduce(function (errors, property) { return errors && errors[property]; }, errors);
+};
+exports.getErrorByName = getErrorByName;