pds-dev-kit-web 1.9.0-beta.0 → 1.9.0-beta.10

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

@@ -125,7 +125,7 @@
     "sys_component_base_black_opacity30": "black/opacity30",
     "sys_area_background": "darkgrey50/opacity65",
     "sys_border_white_opacity30": "white/opacity30",
-    "sys_container_background_wt": "grey950",
+    "sys_container_background_wt": "darkgrey10",
     "sys_channeldesc_grey_03": "darkgrey400",
     "sys_channeldesc_border_grey_03": "darkgrey100",
     "sys_gradient_base_01": "grey950",
@@ -253,6 +253,15 @@
     "sys_editor_base_pages": "darkskyblue100",
     "sys_editor_base_papp": "darkgreen100",
     "sys_text_black": "black",
-    "sys_component_base_26": "darkgrey30",
-    "sys_component_base_27": "darkgrey70"
+    "sys_component_base_26": "grey30",
+    "sys_component_base_27": "grey70",
+    "sys_component_base_28": "darkgrey500",
+    "sys_widget_sidebar_label_text": "darkgrey500/opacity70",
+    "sys_component_base_hover_darktheme": "darkgrey80",
+    "sys_component_base_pressed_darktheme": "darkgrey200",
+    "sys_component_base_hover_white": "white/opacity05",
+    "sys_component_base_pressed_white": "white/opacity15",
+    "sys_component_base_hover_transparent": "darkgrey900/opacity25",
+    "sys_component_base_pressed_transparent": "darkgrey900/opacity35",
+    "sys_text_white_opacity_01": "white/opacity70"
 }

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

@@ -125,7 +125,7 @@
     "sys_component_base_black_opacity30": "black/opacity30",
     "sys_area_background": "darkgrey50/opacity65",
     "sys_border_white_opacity30": "white/opacity30",
-    "sys_container_background_wt": "grey30",
+    "sys_container_background_wt": "grey10",
     "sys_channeldesc_grey_03": "darkgrey400",
     "sys_channeldesc_border_grey_03": "darkgrey100",
     "sys_gradient_base_01": "white",
@@ -254,5 +254,14 @@
     "sys_editor_base_papp": "green100",
     "sys_text_black": "black",
     "sys_component_base_26": "grey30",
-    "sys_component_base_27": "grey70"
+    "sys_component_base_27": "grey70",
+    "sys_component_base_28": "grey500",
+    "sys_widget_sidebar_label_text": "grey500/opacity70",
+    "sys_component_base_hover_darktheme": "darkgrey80",
+    "sys_component_base_pressed_darktheme": "darkgrey200",
+    "sys_component_base_hover_white": "white/opacity05",
+    "sys_component_base_pressed_white": "white/opacity15",
+    "sys_component_base_hover_transparent": "darkgrey900/opacity25",
+    "sys_component_base_pressed_transparent": "darkgrey900/opacity35",
+    "sys_text_white_opacity_01": "white/opacity70"
 }

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

@@ -88,5 +88,9 @@
     "skyblue100": "#B2E7FF",
     "green100": "#91F9C8",
     "darkgreen100": "#91F3C5",
-    "darkskyblue100": "#A2DEF9"
+    "darkskyblue100": "#A2DEF9",
+    "opacity25": "40",
+    "opacity35": "59",
+    "grey10": "#fbfbfd",
+    "darkgrey10": "#0E0E0E"
 }

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

@@ -331,7 +331,7 @@
     "ui_cpnt_bannerslide_pagination_inactive": "sys_widget_grey_02",
     "ui_cpnt_icon_usr_brandprimary": "usr_brand_primary",
     "ui_container_divider": "sys_border_line_01",
-    "ui_area_divider": "sys_border_line_01",
+    "ui_area_divider": "sys_border_line_09",
     "ui_cpnt_list_base_area_seller": "sys_component_base_01",
     "ui_temp_grey_01": "sys_temp_grey_01",
     "ui_temp_grey_02": "sys_temp_grey_02",
@@ -492,7 +492,7 @@
     "ui_cpnt_dropdown_border_white_disabled": "sys_border_line_white_opacity50",
     "ui_cpnt_sheet_base_white_opacity00": "sys_component_base_white_opacity00",
     "ui_dimmed_01": "sys_background_dimmed_20",
-    "ui_cpnt_reactionbutton_base_01": "sys_component_base_07",
+    "ui_cpnt_reactionbutton_base_01": "sys_component_base_01",
     "ui_cpnt_textfield_border_disabled": "sys_border_line_07",
     "ui_cpnt_dropdown_border_disabled": "sys_border_line_07",
     "ui_cpnt_select_border_disabled": "sys_border_line_07",
@@ -689,5 +689,26 @@
     "ui_cpnt_sheet_base_11": "sys_component_base_white_opacity00",
     "ui_72": "sys_component_base_26",
     "ui_73": "sys_component_base_27",
-    "ui_cpnt_sidebar_listitem_base_hover": "sys_component_base_04"
+    "ui_cpnt_sidebar_listitem_base_hover": "sys_component_base_04",
+    "ui_avatar_border_brandprimary": "usr_brand_primary",
+    "ui_avatar_border": "sys_border_line_09",
+    "ui_editor_rightside_title_tabbar_base": "sys_component_base_02",
+    "ui_editor_preview_base": "sys_component_base_06",
+    "ui_editor_preview_divice_area_border": "sys_border_line_02",
+    "ui_editor_preview_background": "sys_component_base_06",
+    "ui_editor_leftside_base": "sys_component_base_04",
+    "ui_cpnt_sidebar_label_text": "sys_widget_sidebar_label_text",
+    "ui_cpnt_dropdown_base_hover_darktheme": "sys_component_base_hover_darktheme",
+    "ui_cpnt_dropdown_base_pressed_darktheme": "sys_component_base_pressed_darktheme",
+    "ui_cpnt_dropdown_base_hover_white": "sys_component_base_hover_white",
+    "ui_cpnt_dropdown_base_pressed_white": "sys_component_base_pressed_white",
+    "ui_cpnt_textfield_base_hover_darktheme": "sys_component_base_hover_darktheme",
+    "ui_cpnt_textfield_base_pressed_darktheme": "sys_component_base_pressed_darktheme",
+    "ui_cpnt_select_base_hover_darktheme": "sys_component_base_hover_darktheme",
+    "ui_cpnt_select_base_pressed_darktheme": "sys_component_base_pressed_darktheme",
+    "ui_cpnt_textfield_base_hover_transparent": "sys_component_base_hover_transparent",
+    "ui_cpnt_textfield_base_pressed_transparent": "sys_component_base_pressed_transparent",
+    "ui_cpnt_reactionbutton_base_02": "sys_component_base_03",
+    "ui_create_ch_step_prev": "sys_text_white_opacity_01",
+    "ui_editor_preview_editing": "sys_widget_status_active_01"
 }

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

@@ -1,97 +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;
-    };
-    readonly PaletteColor_light: {
+    readonly PaletteColor_Dark: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -348,8 +256,113 @@ declare const colorSet: {
         sys_text_black: string;
         sys_component_base_26: string;
         sys_component_base_27: string;
+        sys_component_base_28: string;
+        sys_widget_sidebar_label_text: string;
+        sys_component_base_hover_darktheme: string;
+        sys_component_base_pressed_darktheme: string;
+        sys_component_base_hover_white: string;
+        sys_component_base_pressed_white: string;
+        sys_component_base_hover_transparent: string;
+        sys_component_base_pressed_transparent: string;
+        sys_text_white_opacity_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;
+    };
+    readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -606,6 +619,15 @@ declare const colorSet: {
         sys_text_black: string;
         sys_component_base_26: string;
         sys_component_base_27: string;
+        sys_component_base_28: string;
+        sys_widget_sidebar_label_text: string;
+        sys_component_base_hover_darktheme: string;
+        sys_component_base_pressed_darktheme: string;
+        sys_component_base_hover_white: string;
+        sys_component_base_pressed_white: string;
+        sys_component_base_hover_transparent: string;
+        sys_component_base_pressed_transparent: string;
+        sys_text_white_opacity_01: string;
     };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
@@ -1299,6 +1321,27 @@ declare const colorSet: {
         ui_72: string;
         ui_73: string;
         ui_cpnt_sidebar_listitem_base_hover: string;
+        ui_avatar_border_brandprimary: string;
+        ui_avatar_border: string;
+        ui_editor_rightside_title_tabbar_base: string;
+        ui_editor_preview_base: string;
+        ui_editor_preview_divice_area_border: string;
+        ui_editor_preview_background: string;
+        ui_editor_leftside_base: string;
+        ui_cpnt_sidebar_label_text: string;
+        ui_cpnt_dropdown_base_hover_darktheme: string;
+        ui_cpnt_dropdown_base_pressed_darktheme: string;
+        ui_cpnt_dropdown_base_hover_white: string;
+        ui_cpnt_dropdown_base_pressed_white: string;
+        ui_cpnt_textfield_base_hover_darktheme: string;
+        ui_cpnt_textfield_base_pressed_darktheme: string;
+        ui_cpnt_select_base_hover_darktheme: string;
+        ui_cpnt_select_base_pressed_darktheme: string;
+        ui_cpnt_textfield_base_hover_transparent: string;
+        ui_cpnt_textfield_base_pressed_transparent: string;
+        ui_cpnt_reactionbutton_base_02: string;
+        ui_create_ch_step_prev: string;
+        ui_editor_preview_editing: 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

@@ -690,4 +690,25 @@ export interface UITheme {
     ui_72: string;
     ui_73: string;
     ui_cpnt_sidebar_listitem_base_hover: string;
+    ui_avatar_border_brandprimary: string;
+    ui_avatar_border: string;
+    ui_editor_rightside_title_tabbar_base: string;
+    ui_editor_preview_base: string;
+    ui_editor_preview_divice_area_border: string;
+    ui_editor_preview_background: string;
+    ui_editor_leftside_base: string;
+    ui_cpnt_sidebar_label_text: string;
+    ui_cpnt_dropdown_base_hover_darktheme: string;
+    ui_cpnt_dropdown_base_pressed_darktheme: string;
+    ui_cpnt_dropdown_base_hover_white: string;
+    ui_cpnt_dropdown_base_pressed_white: string;
+    ui_cpnt_textfield_base_hover_darktheme: string;
+    ui_cpnt_textfield_base_pressed_darktheme: string;
+    ui_cpnt_select_base_hover_darktheme: string;
+    ui_cpnt_select_base_pressed_darktheme: string;
+    ui_cpnt_textfield_base_hover_transparent: string;
+    ui_cpnt_textfield_base_pressed_transparent: string;
+    ui_cpnt_reactionbutton_base_02: string;
+    ui_create_ch_step_prev: string;
+    ui_editor_preview_editing: string;
 }

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

@@ -5,6 +5,7 @@ export declare const theme: {
     };
     desktopFontSize: {
         displayHeading: string;
+        wizardPageTitle: string;
         heading: string;
         leadParagraph: string;
         subtitle: string;
@@ -18,6 +19,7 @@ export declare const theme: {
     };
     desktopLineHeight: {
         displayHeading: string;
+        wizardPageTitle: string;
         heading: string;
         leadParagraph: string;
         subtitle: string;
@@ -44,6 +46,7 @@ export declare const theme: {
     };
     mobileFontSize: {
         displayHeading: string;
+        wizardPageTitle: string;
         heading: string;
         leadParagraph: string;
         subtitle: string;
@@ -57,6 +60,7 @@ export declare const theme: {
     };
     mobileLineHeight: {
         displayHeading: string;
+        wizardPageTitle: string;
         heading: string;
         leadParagraph: string;
         subtitle: string;

package/dist/src/common/styles/movement/animationStyle.d.ts

@@ -0,0 +1,8 @@
+export declare const dialogOnAni: import("styled-components").FlattenSimpleInterpolation;
+export declare const dialogOffAni: import("styled-components").FlattenSimpleInterpolation;
+export declare const dialogOverlayOnAni: import("styled-components").FlattenSimpleInterpolation;
+export declare const dialogOverlayOffAni: import("styled-components").FlattenSimpleInterpolation;
+export declare const modalOnAni: import("styled-components").FlattenSimpleInterpolation;
+export declare const modalOffAni: import("styled-components").FlattenSimpleInterpolation;
+export declare const modalOverlayOnAni: import("styled-components").FlattenSimpleInterpolation;
+export declare const modalOverlayOffAni: import("styled-components").FlattenSimpleInterpolation;

package/dist/src/common/styles/movement/animationStyle.js

@@ -0,0 +1,18 @@
+"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.modalOverlayOffAni = exports.modalOverlayOnAni = exports.modalOffAni = exports.modalOnAni = exports.dialogOverlayOffAni = exports.dialogOverlayOnAni = exports.dialogOffAni = exports.dialogOnAni = void 0;
+var styled_components_1 = require("styled-components");
+var keyframes_1 = require("./keyframes");
+exports.dialogOnAni = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transform-origin: 0 0;\n  animation: ", " 0.2s ease-in-out both, ", " 0.2s ease-in-out both;\n"], ["\n  transform-origin: 0 0;\n  animation: ", " 0.2s ease-in-out both, ", " 0.2s ease-in-out both;\n"])), keyframes_1.scaleBounceInIncludeTranslate, keyframes_1.fadeIn);
+exports.dialogOffAni = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transform-origin: 0 0;\n  animation: ", " 0.2s ease-in-out both,\n    ", " 0.2s ease-in-out both;\n"], ["\n  transform-origin: 0 0;\n  animation: ", " 0.2s ease-in-out both,\n    ", " 0.2s ease-in-out both;\n"])), keyframes_1.scaleBounceOutIncludeTranslate, keyframes_1.fadeOut);
+exports.dialogOverlayOnAni = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  animation: ", " 0.2s ease-in-out both;\n"], ["\n  animation: ", " 0.2s ease-in-out both;\n"])), keyframes_1.fadeIn);
+exports.dialogOverlayOffAni = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  animation: ", " 0.2s ease-in-out both;\n"], ["\n  animation: ", " 0.2s ease-in-out both;\n"])), keyframes_1.fadeOut);
+exports.modalOnAni = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  transform-origin: 0 0;\n  animation: ", " 0.2s ease-in-out both,\n    ", " 0.2s ease-in-out both;\n"], ["\n  transform-origin: 0 0;\n  animation: ", " 0.2s ease-in-out both,\n    ", " 0.2s ease-in-out both;\n"])), keyframes_1.scaleBounceInIncludeTranslate02, keyframes_1.fadeIn);
+exports.modalOffAni = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  transform-origin: 0 0;\n  animation: ", " 0.2s ease-in-out both,\n    ", " 0.2s ease-in-out both;\n"], ["\n  transform-origin: 0 0;\n  animation: ", " 0.2s ease-in-out both,\n    ", " 0.2s ease-in-out both;\n"])), keyframes_1.scaleBounceOutIncludeTranslate02, keyframes_1.fadeOut);
+exports.modalOverlayOnAni = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  animation: ", " 0.2s ease-in-out both;\n"], ["\n  animation: ", " 0.2s ease-in-out both;\n"])), keyframes_1.fadeIn);
+exports.modalOverlayOffAni = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  animation: ", " 0.2s ease-in-out both;\n"], ["\n  animation: ", " 0.2s ease-in-out both;\n"])), keyframes_1.fadeOut);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

package/dist/src/common/styles/movement/keyframes.d.ts

@@ -0,0 +1,16 @@
+export declare const fadeIn: import("styled-components").Keyframes;
+export declare const fadeOut: import("styled-components").Keyframes;
+export declare const glow: import("styled-components").Keyframes;
+export declare const scaleUp: import("styled-components").Keyframes;
+export declare const scaleDown: import("styled-components").Keyframes;
+export declare const scaleUpIncludeTranslate: import("styled-components").Keyframes;
+export declare const scaleDownIncludeTranslate: import("styled-components").Keyframes;
+export declare const gelatine: import("styled-components").Keyframes;
+export declare const scaleBounceIn: import("styled-components").Keyframes;
+export declare const scaleBounceIn02: import("styled-components").Keyframes;
+export declare const scaleBounceOut: import("styled-components").Keyframes;
+export declare const scaleBounceOut02: import("styled-components").Keyframes;
+export declare const scaleBounceInIncludeTranslate: import("styled-components").Keyframes;
+export declare const scaleBounceOutIncludeTranslate: import("styled-components").Keyframes;
+export declare const scaleBounceInIncludeTranslate02: import("styled-components").Keyframes;
+export declare const scaleBounceOutIncludeTranslate02: import("styled-components").Keyframes;

package/dist/src/common/styles/movement/keyframes.js

@@ -0,0 +1,25 @@
+"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.scaleBounceOutIncludeTranslate02 = exports.scaleBounceInIncludeTranslate02 = exports.scaleBounceOutIncludeTranslate = exports.scaleBounceInIncludeTranslate = exports.scaleBounceOut02 = exports.scaleBounceOut = exports.scaleBounceIn02 = exports.scaleBounceIn = exports.gelatine = exports.scaleDownIncludeTranslate = exports.scaleUpIncludeTranslate = exports.scaleDown = exports.scaleUp = exports.glow = exports.fadeOut = exports.fadeIn = void 0;
+var styled_components_1 = require("styled-components");
+exports.fadeIn = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    from { opacity: 0.7; }\n    to { opacity: 1; }\n"], ["\n    from { opacity: 0.7; }\n    to { opacity: 1; }\n"])));
+exports.fadeOut = (0, styled_components_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    from { opacity: 1; }\n    to { opacity: 0.7; }\n"], ["\n    from { opacity: 1; }\n    to { opacity: 0.7; }\n"])));
+exports.glow = (0, styled_components_1.keyframes)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    from { transform: scale(1); }\n    to { transform: scale(1.03); }\n"], ["\n    from { transform: scale(1); }\n    to { transform: scale(1.03); }\n"])));
+exports.scaleUp = (0, styled_components_1.keyframes)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    from { transform: scale(0.97); }\n    to { transform: scale(1); }\n"], ["\n    from { transform: scale(0.97); }\n    to { transform: scale(1); }\n"])));
+exports.scaleDown = (0, styled_components_1.keyframes)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    from { transform: scale(1); }\n    to { transform: scale(0.97); }\n"], ["\n    from { transform: scale(1); }\n    to { transform: scale(0.97); }\n"])));
+exports.scaleUpIncludeTranslate = (0, styled_components_1.keyframes)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    from { transform: scale(0.97)  translate(-50%, -50%); }\n    to { transform: scale(1)  translate(-50%, -50%); }\n"], ["\n    from { transform: scale(0.97)  translate(-50%, -50%); }\n    to { transform: scale(1)  translate(-50%, -50%); }\n"])));
+exports.scaleDownIncludeTranslate = (0, styled_components_1.keyframes)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    from { transform: scale(1)  translate(-50%, -50%); }\n    to { transform: scale(0.97)  translate(-50%, -50%); }\n"], ["\n    from { transform: scale(1)  translate(-50%, -50%); }\n    to { transform: scale(0.97)  translate(-50%, -50%); }\n"])));
+exports.gelatine = (0, styled_components_1.keyframes)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    from, to {\n        transform: scale(1, 1);\n    }\n    25% {\n        transform: scale(0.95, 1.1);\n    }\n    50% {\n        transform: scale(1.05, 0.9);\n    }\n    75% {\n        transform: scale(0.97, 1.05);\n    }\n"], ["\n    from, to {\n        transform: scale(1, 1);\n    }\n    25% {\n        transform: scale(0.95, 1.1);\n    }\n    50% {\n        transform: scale(1.05, 0.9);\n    }\n    75% {\n        transform: scale(0.97, 1.05);\n    }\n"])));
+exports.scaleBounceIn = (0, styled_components_1.keyframes)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    from, to {\n        transform: scale(1);\n    }\n    33% {\n        transform: scale(1.03);\n    }\n    66% {\n        transform: scale(0.99);\n    }\n"], ["\n    from, to {\n        transform: scale(1);\n    }\n    33% {\n        transform: scale(1.03);\n    }\n    66% {\n        transform: scale(0.99);\n    }\n"])));
+exports.scaleBounceIn02 = (0, styled_components_1.keyframes)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    from {\n        transform: scale(0.9);\n    }\n    50% {\n        transform: scale(1.01);\n    }\n    to {\n        transform: scale(1);\n    }\n"], ["\n    from {\n        transform: scale(0.9);\n    }\n    50% {\n        transform: scale(1.01);\n    }\n    to {\n        transform: scale(1);\n    }\n"])));
+exports.scaleBounceOut = (0, styled_components_1.keyframes)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    from, to {\n        transform: scale(1);\n    }\n    33% {\n        transform: scale(0.99);\n    }\n    66% {\n        transform: scale(1.03);\n    }\n"], ["\n    from, to {\n        transform: scale(1);\n    }\n    33% {\n        transform: scale(0.99);\n    }\n    66% {\n        transform: scale(1.03);\n    }\n"])));
+exports.scaleBounceOut02 = (0, styled_components_1.keyframes)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    from {\n        transform: scale(1);\n    }\n    50% {\n        transform: scale(1.01);\n    }\n    to {\n        transform: scale(0.9);\n    }\n"], ["\n    from {\n        transform: scale(1);\n    }\n    50% {\n        transform: scale(1.01);\n    }\n    to {\n        transform: scale(0.9);\n    }\n"])));
+exports.scaleBounceInIncludeTranslate = (0, styled_components_1.keyframes)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n    from, to {\n        transform: scale(1) translate(-50%, -50%);\n    }\n    33% {\n        transform: scale(1.03) translate(-50%, -50%);\n    }\n    66% {\n        transform: scale(0.99) translate(-50%, -50%);\n    }\n"], ["\n    from, to {\n        transform: scale(1) translate(-50%, -50%);\n    }\n    33% {\n        transform: scale(1.03) translate(-50%, -50%);\n    }\n    66% {\n        transform: scale(0.99) translate(-50%, -50%);\n    }\n"])));
+exports.scaleBounceOutIncludeTranslate = (0, styled_components_1.keyframes)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    from, to {\n        transform: scale(1) translate(-50%, -50%);\n    }\n    33% {\n        transform: scale(0.99) translate(-50%, -50%);\n    }\n    66% {\n        transform: scale(1.03) translate(-50%, -50%);\n    }\n"], ["\n    from, to {\n        transform: scale(1) translate(-50%, -50%);\n    }\n    33% {\n        transform: scale(0.99) translate(-50%, -50%);\n    }\n    66% {\n        transform: scale(1.03) translate(-50%, -50%);\n    }\n"])));
+exports.scaleBounceInIncludeTranslate02 = (0, styled_components_1.keyframes)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n    from {\n        transform: scale(0.9) translate(-50%, -50%);\n    }\n    50% {\n        transform: scale(1.01) translate(-50%, -50%);\n    }\n    to {\n        transform: scale(1) translate(-50%, -50%);\n    }\n"], ["\n    from {\n        transform: scale(0.9) translate(-50%, -50%);\n    }\n    50% {\n        transform: scale(1.01) translate(-50%, -50%);\n    }\n    to {\n        transform: scale(1) translate(-50%, -50%);\n    }\n"])));
+exports.scaleBounceOutIncludeTranslate02 = (0, styled_components_1.keyframes)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n    from {\n        transform: scale(1) translate(-50%, -50%);\n    }\n    50% {\n        transform: scale(1.01) translate(-50%, -50%);\n    }\n    to {\n        transform: scale(0.9) translate(-50%, -50%);\n    }\n"], ["\n    from {\n        transform: scale(1) translate(-50%, -50%);\n    }\n    50% {\n        transform: scale(1.01) translate(-50%, -50%);\n    }\n    to {\n        transform: scale(0.9) translate(-50%, -50%);\n    }\n"])));
+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;

package/dist/src/common/styles/movement/transitionStyle.d.ts

@@ -0,0 +1,3 @@
+export declare const AdminListItemTransition: import("styled-components").FlattenSimpleInterpolation;
+export declare const InputTransition: import("styled-components").FlattenSimpleInterpolation;
+export declare const ButtonTransition: import("styled-components").FlattenSimpleInterpolation;

package/dist/src/common/styles/movement/transitionStyle.js

@@ -0,0 +1,12 @@
+"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.ButtonTransition = exports.InputTransition = exports.AdminListItemTransition = void 0;
+var styled_components_1 = require("styled-components");
+exports.AdminListItemTransition = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transition: background-color 0.15s ease-out;\n"], ["\n  transition: background-color 0.15s ease-out;\n"])));
+exports.InputTransition = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transition: background-color 0.15s ease-out;\n"], ["\n  transition: background-color 0.15s ease-out;\n"])));
+exports.ButtonTransition = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  transition: background-color 0.1s ease-out;\n"], ["\n  transition: background-color 0.1s ease-out;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;

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

@@ -0,0 +1,2 @@
+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>>;

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

@@ -0,0 +1,14 @@
+"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.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) {
+    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-top: 24px;\n    margin-bottom: 24px;\n  }\n"], ["\n  ", "\n\n  ::-webkit-scrollbar-track {\n    margin-top: 24px;\n    margin-bottom: 24px;\n  }\n"])), exports.scrollbarStyle);
+var templateObject_1, templateObject_2;

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

@@ -5,6 +5,7 @@ export declare const fontWeight: {
 };
 export declare const desktopFontSize: {
     displayHeading: string;
+    wizardPageTitle: string;
     heading: string;
     leadParagraph: string;
     subtitle: string;
@@ -18,6 +19,7 @@ export declare const desktopFontSize: {
 };
 export declare const desktopLineHeight: {
     displayHeading: string;
+    wizardPageTitle: string;
     heading: string;
     leadParagraph: string;
     subtitle: string;
@@ -44,6 +46,7 @@ export declare const desktopEditorLineHeight: {
 };
 export declare const mobileFontSize: {
     displayHeading: string;
+    wizardPageTitle: string;
     heading: string;
     leadParagraph: string;
     subtitle: string;
@@ -57,6 +60,7 @@ export declare const mobileFontSize: {
 };
 export declare const mobileLineHeight: {
     displayHeading: string;
+    wizardPageTitle: string;
     heading: string;
     leadParagraph: string;
     subtitle: string;

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

@@ -19,6 +19,7 @@ exports.fontWeight = {
 };
 exports.desktopFontSize = {
     displayHeading: '40px',
+    wizardPageTitle: '40px',
     heading: '24px',
     leadParagraph: '20px',
     subtitle: '18px',
@@ -32,6 +33,7 @@ exports.desktopFontSize = {
 };
 exports.desktopLineHeight = {
     displayHeading: '1.5',
+    wizardPageTitle: '1.2',
     heading: '1.5',
     leadParagraph: '1.5',
     subtitle: '1.5',
@@ -58,6 +60,7 @@ exports.desktopEditorLineHeight = {
 };
 exports.mobileFontSize = {
     displayHeading: '32px',
+    wizardPageTitle: '40px',
     heading: '24px',
     leadParagraph: '20px',
     subtitle: '18px',
@@ -71,6 +74,7 @@ exports.mobileFontSize = {
 };
 exports.mobileLineHeight = {
     displayHeading: '1.5',
+    wizardPageTitle: '1.2',
     heading: '1.5',
     leadParagraph: '1.5',
     subtitle: '1.5',