pds-dev-kit-web 1.3.14 → 1.3.17

package/dist/src/common/assets/icons/line/Order.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import IconType from '../IconType';
+declare const Order: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default Order;

package/dist/src/common/assets/icons/line/Order.js

@@ -0,0 +1,36 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 Order = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("path", { fill: color, d: "M18.6337,2.75 L5.3657,2.75 C3.5067,2.75 1.9997,4.257 1.9997,6.116 L1.9997,17.884 C1.9997,19.743 3.5067,21.25 5.3657,21.25 L18.6337,21.25 C20.4927,21.25 21.9997,19.743 21.9997,17.884 L21.9997,6.116 C21.9997,4.257 20.4927,2.75 18.6337,2.75 L18.6337,2.75 Z M18.6337,4.164 C19.7097,4.164 20.5857,5.04 20.5857,6.116 L20.5857,17.884 C20.5857,18.96 19.7097,19.836 18.6337,19.836 L5.3657,19.836 C4.2897,19.836 3.4147,18.96 3.4147,17.884 L3.4147,6.116 C3.4147,5.04 4.2897,4.164 5.3657,4.164 L18.6337,4.164 Z" }),
+            react_1.default.createElement("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M8.396,10.4279 L11.353,13.3849 L15.854,7.2739 M8.6684,16.726 L15.3314,16.726" }))));
+};
+exports.default = Order;

package/dist/src/common/assets/icons/line/Sales.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import IconType from '../IconType';
+declare const Sales: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default Sales;

package/dist/src/common/assets/icons/line/Sales.js

@@ -0,0 +1,36 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 Sales = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("path", { fill: color, d: "M18.6338,2.75 L5.3658,2.75 C3.5068,2.75 1.9998,4.257 1.9998,6.116 L1.9998,17.884 C1.9998,19.743 3.5068,21.25 5.3658,21.25 L18.6338,21.25 C20.4928,21.25 21.9998,19.743 21.9998,17.884 L21.9998,6.116 C21.9998,4.257 20.4928,2.75 18.6338,2.75 L18.6338,2.75 Z M18.6338,4.164 C19.7098,4.164 20.5858,5.04 20.5858,6.116 L20.5858,17.884 C20.5858,18.96 19.7098,19.836 18.6338,19.836 L5.3658,19.836 C4.2898,19.836 3.4148,18.96 3.4148,17.884 L3.4148,6.116 C3.4148,5.04 4.2898,4.164 5.3658,4.164 L18.6338,4.164 Z" }),
+            react_1.default.createElement("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M5.9533,12.6542 L10.0263,8.8182 L14.0023,10.7362 L18.0663,6.6702 M6.3203,15.8164 L6.3203,17.4884 M10.1068,13.2275 L10.1068,17.4885 M13.8932,14.2581 L13.8932,17.4881 M17.6797,11.0279 L17.6797,17.4879" }))));
+};
+exports.default = Sales;

package/dist/src/common/assets/icons/line/Settlement.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import IconType from '../IconType';
+declare const Settlement: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default Settlement;

package/dist/src/common/assets/icons/line/Settlement.js

@@ -0,0 +1,36 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 Settlement = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("path", { fill: color, d: "M18.6337,2.75 L5.3657,2.75 C3.5067,2.75 1.9997,4.257 1.9997,6.116 L1.9997,17.884 C1.9997,19.743 3.5067,21.25 5.3657,21.25 L18.6337,21.25 C20.4927,21.25 21.9997,19.743 21.9997,17.884 L21.9997,6.116 C21.9997,4.257 20.4927,2.75 18.6337,2.75 L18.6337,2.75 Z M18.6337,4.164 C19.7097,4.164 20.5857,5.04 20.5857,6.116 L20.5857,17.884 C20.5857,18.96 19.7097,19.836 18.6337,19.836 L5.3657,19.836 C4.2897,19.836 3.4147,18.96 3.4147,17.884 L3.4147,6.116 C3.4147,5.04 4.2897,4.164 5.3657,4.164 L18.6337,4.164 Z" }),
+            react_1.default.createElement("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M5.5698,8.625 L10.4328,8.625 M8.0011,6.1936 L8.0011,11.0566 M13.9383,8.625 L18.3003,8.625 M6.2819,13.9691 L9.7199,17.4071 M9.7204,13.9691 L6.2824,17.4071 M13.9383,16.9041 L18.3003,16.9041 M13.9383,14.4725 L18.3003,14.4725" }))));
+};
+exports.default = Settlement;

package/dist/src/common/assets/icons/line/index.d.ts

@@ -60,6 +60,7 @@ declare const lineIcons: {
     readonly ic_mic_on: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_minus_circle: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_open_page: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_order: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_page_size_expand: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_page_size_reduce: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_papp: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -92,6 +93,7 @@ declare const lineIcons: {
     readonly ic_radio_on: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_report: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_requirement: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_sales: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_search: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_seller_info: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_seller_intro: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -99,6 +101,7 @@ declare const lineIcons: {
     readonly ic_series: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_series_list: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_setting: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_settlement: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_share: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_slideBanner: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_sort: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;

package/dist/src/common/assets/icons/line/index.js

@@ -63,6 +63,7 @@ var MicOff_1 = __importDefault(require("./MicOff"));
 var MicOn_1 = __importDefault(require("./MicOn"));
 var MinusCircle_1 = __importDefault(require("./MinusCircle"));
 var OpenPage_1 = __importDefault(require("./OpenPage"));
+var Order_1 = __importDefault(require("./Order"));
 var PageSizeExpand_1 = __importDefault(require("./PageSizeExpand"));
 var PageSizeReduce_1 = __importDefault(require("./PageSizeReduce"));
 var Papp_1 = __importDefault(require("./Papp"));
@@ -95,6 +96,7 @@ var RadioOff_1 = __importDefault(require("./RadioOff"));
 var RadioOn_1 = __importDefault(require("./RadioOn"));
 var Report_1 = __importDefault(require("./Report"));
 var Requirement_1 = __importDefault(require("./Requirement"));
+var Sales_1 = __importDefault(require("./Sales"));
 var Search_1 = __importDefault(require("./Search"));
 var SellerInfo_1 = __importDefault(require("./SellerInfo"));
 var SellerIntro_1 = __importDefault(require("./SellerIntro"));
@@ -102,6 +104,7 @@ var SellerPage_1 = __importDefault(require("./SellerPage"));
 var Series_1 = __importDefault(require("./Series"));
 var SeriesList_1 = __importDefault(require("./SeriesList"));
 var Setting_1 = __importDefault(require("./Setting"));
+var Settlement_1 = __importDefault(require("./Settlement"));
 var Share_1 = __importDefault(require("./Share"));
 var SlideBanner_1 = __importDefault(require("./SlideBanner"));
 var Sort_1 = __importDefault(require("./Sort"));
@@ -198,6 +201,7 @@ var lineIcons = {
     ic_mic_on: MicOn_1.default,
     ic_minus_circle: MinusCircle_1.default,
     ic_open_page: OpenPage_1.default,
+    ic_order: Order_1.default,
     ic_page_size_expand: PageSizeExpand_1.default,
     ic_page_size_reduce: PageSizeReduce_1.default,
     ic_papp: Papp_1.default,
@@ -230,6 +234,7 @@ var lineIcons = {
     ic_radio_on: RadioOn_1.default,
     ic_report: Report_1.default,
     ic_requirement: Requirement_1.default,
+    ic_sales: Sales_1.default,
     ic_search: Search_1.default,
     ic_seller_info: SellerInfo_1.default,
     ic_seller_intro: SellerIntro_1.default,
@@ -237,6 +242,7 @@ var lineIcons = {
     ic_series: Series_1.default,
     ic_series_list: SeriesList_1.default,
     ic_setting: Setting_1.default,
+    ic_settlement: Settlement_1.default,
     ic_share: Share_1.default,
     ic_slideBanner: SlideBanner_1.default,
     ic_sort: Sort_1.default,

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

@@ -152,5 +152,6 @@
     "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_component_base_white_opacity10": "white/opacity10",
+    "sys_cpnt_sheet_base_01": "darkgrey50"
 }

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

@@ -152,5 +152,6 @@
     "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_component_base_white_opacity10": "white/opacity10",
+    "sys_cpnt_sheet_base_01": "grey30"
 }

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

@@ -29,7 +29,7 @@
     "opacity30": "4D",
     "opacity65": "A6",
     "darkgreen500": "#0ce1a8",
-    "grey70": "#F2F2F2",
+    "grey70": "#eff0f3",
     "navy500": "#313349",
     "lightgreen500": "#32d64c",
     "pink500": "#FB3A63",
@@ -52,6 +52,7 @@
     "darknavy100": "#7A82B2",
     "opacity80": "CC",
     "opacity50": "80",
-    "grey30": "#f9fafb",
-    "opacity95": "F2"
+    "grey30": "#f8f9fa",
+    "opacity95": "F2",
+    "darkgrey30": "#1d1d1e"
 }

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

@@ -426,7 +426,7 @@
     "ui_cpnt_dropdown_border_darktheme_normal": "sys_border_line_darktheme_01",
     "ui_cpnt_dropdown_border_darktheme_focus": "sys_border_line_darktheme_04",
     "ui_cpnt_dropdown_base_darktheme_disabled": "sys_component_base_darktheme_01",
-    "ui_cpnt_sheet_base": "sys_component_base_01",
+    "ui_cpnt_sheet_base": "sys_cpnt_sheet_base_01",
     "ui_cpnt_button_icon_darktheme_default": "sys_widget_grey_darktheme_02",
     "ui_cpnt_button_icon_darktheme_primary": "usr_widget_brand_primary_darktheme_01",
     "ui_cpnt_button_text_darktheme_default": "sys_text_grey_darktheme_02",

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

@@ -1,5 +1,5 @@
 declare const colorSet: {
-    readonly PaletteColor_Dark: {
+    readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -154,8 +154,67 @@ declare const colorSet: {
         usr_menu_background_gradient_opacity00: string;
         sys_border_line_white: string;
         sys_component_base_white_opacity10: string;
+        sys_cpnt_sheet_base_01: string;
     };
-    readonly PaletteColor_light: {
+    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;
+    };
+    readonly PaletteColor_Dark: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -310,6 +369,7 @@ declare const colorSet: {
         usr_menu_background_gradient_opacity00: string;
         sys_border_line_white: string;
         sys_component_base_white_opacity10: string;
+        sys_cpnt_sheet_base_01: string;
     };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
@@ -801,62 +861,5 @@ declare const colorSet: {
         ui_cpnt_dropdown_border_white_focus: string;
         ui_cpnt_dropdown_base_white_normal: string;
     };
-    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;
-    };
 };
 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 PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
-var UIColor_json_1 = __importDefault(require("./UIColor.json"));
 var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
+var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
+var UIColor_json_1 = __importDefault(require("./UIColor.json"));
 var colorSet = {
-    PaletteColor_Dark: PaletteColor_Dark_json_1.default,
     PaletteColor_light: PaletteColor_light_json_1.default,
-    UIColor: UIColor_json_1.default,
-    SemanticColor: SemanticColor_json_1.default
+    SemanticColor: SemanticColor_json_1.default,
+    PaletteColor_Dark: PaletteColor_Dark_json_1.default,
+    UIColor: UIColor_json_1.default
 };
 exports.default = colorSet;

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

@@ -1,86 +1,86 @@
 import { desktopFontSize, fontWeight } from '../styles/theme';
 export interface PdsDevKitTheme {
     fontWeight: {
-        normal: string;
-        bold: string;
+        normal: '500';
+        bold: '700';
     };
     desktopFontSize: {
-        displayHeading: string;
-        heading: string;
-        leadParagraph: string;
-        subtitle: string;
-        body1: string;
-        body2: string;
-        caption1: string;
-        caption2: string;
-        form1: string;
-        form2: string;
-        blog1: string;
+        displayHeading: '40px';
+        heading: '24px';
+        leadParagraph: '20px';
+        subtitle: '18px';
+        body1: '18px';
+        body2: '16px';
+        caption1: '14px';
+        caption2: '12px';
+        form1: '16px';
+        form2: '14px';
+        blog1: '16px';
     };
     desktopLineHeight: {
-        displayHeading: string;
-        heading: string;
-        leadParagraph: string;
-        subtitle: string;
-        body1: string;
-        body2: string;
-        caption1: string;
-        caption2: string;
-        form1: string;
-        form2: string;
-        blog1: string;
-        singleLine: string;
+        displayHeading: '1.5';
+        heading: '1.5';
+        leadParagraph: '1.5';
+        subtitle: '1.5';
+        body1: '1.5';
+        body2: '1.5';
+        caption1: '1.5';
+        caption2: '1.5';
+        form1: '1.6';
+        form2: '1.6';
+        blog1: '1.6';
+        singleLine: '1';
     };
     mobileFontSize: {
-        displayHeading: string;
-        heading: string;
-        leadParagraph: string;
-        subtitle: string;
-        body1: string;
-        body2: string;
-        caption1: string;
-        caption2: string;
-        form1: string;
-        form2: string;
-        blog1: string;
+        displayHeading: '32px';
+        heading: '24px';
+        leadParagraph: '20px';
+        subtitle: '18px';
+        body1: '18px';
+        body2: '16px';
+        caption1: '14px';
+        caption2: '12px';
+        form1: '16px';
+        form2: '14px';
+        blog1: '16px';
     };
     mobileLineHeight: {
-        displayHeading: string;
-        heading: string;
-        leadParagraph: string;
-        subtitle: string;
-        body1: string;
-        body2: string;
-        caption1: string;
-        caption2: string;
-        form1: string;
-        form2: string;
-        blog1: string;
-        singleLine: string;
+        displayHeading: '1.5';
+        heading: '1.5';
+        leadParagraph: '1.5';
+        subtitle: '1.5';
+        body1: '1.5';
+        body2: '1.5';
+        caption1: '1.5';
+        caption2: '1.5';
+        form1: '1.6';
+        form2: '1.6';
+        blog1: '1.6';
+        singleLine: '1';
     };
     boxShadow: {
-        elevation0: string;
-        elevation1: string;
-        elevation2: string;
-        elevation3: string;
-        elevation4: string;
-        elevation5: string;
+        elevation0: '0 0 0 0 #0003';
+        elevation1: '0 2px 8px 0 #0003';
+        elevation2: '0 3px 12px 0 #0003';
+        elevation3: '0 4px 16px 0 #0003';
+        elevation4: '0 5px 20px 0 #0003';
+        elevation5: '0 6px 24px 0 #0003';
     };
     spacing: {
-        spacingA: string;
-        spacingB: string;
-        spacingC: string;
-        spacingD: string;
-        spacingE: string;
-        spacingF: string;
-        spacingG: string;
-        spacingH: string;
-        spacingI: string;
-        spacingJ: string;
-        spacingK: string;
-        spacingL: string;
-        spacingM: string;
-        spacingN: string;
+        spacingA: '4px';
+        spacingB: '8px';
+        spacingC: '12px';
+        spacingD: '16px';
+        spacingE: '24px';
+        spacingF: '32px';
+        spacingG: '48px';
+        spacingH: '64px';
+        spacingI: '88px';
+        spacingJ: '120px';
+        spacingK: '160px';
+        spacingL: '240px';
+        spacingM: '288px';
+        spacingN: '320px';
     };
 }
 export declare type DesktopFontSize = keyof typeof desktopFontSize;

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

@@ -189,7 +189,7 @@ function AdminList(_a) {
                 react_1.default.createElement(HeaderRow_1.default, { selectionMode: selectionMode, column2HeaderText: column2HeaderText, column3HeaderText: column3HeaderText, column3HeaderWidth: column3Width, column4HeaderText: column4HeaderText, column4HeaderWidth: column4Width, column5HeaderText: column5HeaderText, column5HeaderWidth: column5Width, column6HeaderText: column6HeaderText, column6HeaderWidth: column6Width, column7HeaderText: column7HeaderText, column7HeaderWidth: column7Width, column8HeaderText: column8HeaderText, column8HeaderWidth: column8Width, column9HeaderText: column9HeaderText, column9HeaderWidth: column9Width, column10HeaderText: column10HeaderText, column10HeaderWidth: column10Width, quickActionBtnType: quickActionBtnType, quickActionButtonCount: getActionButtonCount(), onClickSelectAllCheckbox: handleSelectAllCheckbox })))),
         react_1.default.createElement(S_ScrollBox, { scrollMode: scrollMode, scrollVisibleType: scrollVisibleType }, react_1.default.Children.count(children) ? (react_1.default.createElement(react_hook_form_1.FormProvider, __assign({}, checkboxMethods),
             react_1.default.createElement("form", null, childrenWithWidthProps))) : (react_1.default.createElement(S_EmptyTextWrapper, null,
-            react_1.default.createElement(TextLabel_1.TextLabel, { text: emptyText, colorTheme: "sysTextTertiary", textAlign: "center" }))))));
+            react_1.default.createElement(TextLabel_1.TextLabel, { text: emptyText, colorTheme: "sysTextTertiary", textAlign: "center", styleTheme: "body2Regular" }))))));
 }
 var scrollInvisible = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &::-webkit-scrollbar {\n    all: unset;\n    display: block;\n  }\n"], ["\n  &::-webkit-scrollbar {\n    all: unset;\n    display: block;\n  }\n"])));
 var scrollVisible = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"], ["\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])));

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

@@ -9,11 +9,12 @@ declare type Props = {
     contentText?: TFunctionResult;
     filterBar?: React.ReactNode;
     dropdownTextArray?: PDSValueOption[];
+    dropdownDefaultValue?: PDSValueOption;
     onChangeCount?: (option: PDSValueOption) => void;
     onClickNextButton?: () => void;
     onClickPrevButton?: () => void;
     /** @deprecated v1.5 totalPage를 받아오기 때문에 deprecated 될 예정입니다. */
     itemCountUnit?: number;
 };
-declare function AdminListHeader({ headerBarSize, headerBarTitleText, itemCountUnit, currentPage, totalPage, contentText, filterBar, dropdownTextArray, onChangeCount, onClickNextButton, onClickPrevButton }: Props): JSX.Element;
+declare function AdminListHeader({ headerBarSize, headerBarTitleText, itemCountUnit, currentPage, totalPage, contentText, filterBar, dropdownTextArray, dropdownDefaultValue, onChangeCount, onClickNextButton, onClickPrevButton }: Props): JSX.Element;
 export default AdminListHeader;

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

@@ -31,9 +31,9 @@ var defaultPaginationTextArray = [
     }
 ];
 function AdminListHeader(_a) {
-    var _b = _a.headerBarSize, headerBarSize = _b === void 0 ? 'regular' : _b, headerBarTitleText = _a.headerBarTitleText, _c = _a.itemCountUnit, itemCountUnit = _c === void 0 ? 15 : _c, _d = _a.currentPage, currentPage = _d === void 0 ? 1 : _d, _e = _a.totalPage, totalPage = _e === void 0 ? 1 : _e, contentText = _a.contentText, filterBar = _a.filterBar, _f = _a.dropdownTextArray, dropdownTextArray = _f === void 0 ? defaultPaginationTextArray : _f, onChangeCount = _a.onChangeCount, onClickNextButton = _a.onClickNextButton, onClickPrevButton = _a.onClickPrevButton;
+    var _b = _a.headerBarSize, headerBarSize = _b === void 0 ? 'regular' : _b, headerBarTitleText = _a.headerBarTitleText, _c = _a.itemCountUnit, itemCountUnit = _c === void 0 ? 15 : _c, _d = _a.currentPage, currentPage = _d === void 0 ? 1 : _d, _e = _a.totalPage, totalPage = _e === void 0 ? 1 : _e, contentText = _a.contentText, filterBar = _a.filterBar, _f = _a.dropdownTextArray, dropdownTextArray = _f === void 0 ? defaultPaginationTextArray : _f, dropdownDefaultValue = _a.dropdownDefaultValue, onChangeCount = _a.onChangeCount, onClickNextButton = _a.onClickNextButton, onClickPrevButton = _a.onClickPrevButton;
     return (react_1.default.createElement(S_AdminListHeader, null,
-        react_1.default.createElement(HeaderBar_1.default, { titleText: headerBarTitleText, size: headerBarSize, currentPage: currentPage, totalPage: totalPage, dropdownTextArray: dropdownTextArray, onChangeDropdown: onChangeCount, onClickIBtn1: onClickNextButton, onClickIBtn2: onClickPrevButton }),
+        react_1.default.createElement(HeaderBar_1.default, { titleText: headerBarTitleText, size: headerBarSize, currentPage: currentPage, totalPage: totalPage, dropdownTextArray: dropdownTextArray, dropdownDefaultValue: dropdownDefaultValue, onChangeDropdown: onChangeCount, onClickIBtn1: onClickNextButton, onClickIBtn2: onClickPrevButton }),
         headerBarTitleText && !contentText && react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d" }),
         headerBarTitleText && contentText && react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b" }),
         contentText && (react_1.default.createElement(react_1.default.Fragment, null,

package/dist/src/desktop/components/AdminListHeader/HeaderBar.d.ts

@@ -7,9 +7,10 @@ declare type Props = {
     currentPage?: number;
     totalPage?: number;
     dropdownTextArray: PDSValueOption[];
+    dropdownDefaultValue?: PDSValueOption;
     onChangeDropdown?: (option: PDSValueOption) => void;
     onClickIBtn1?: () => void;
     onClickIBtn2?: () => void;
 };
-declare function HeaderBar({ titleText, size, currentPage, totalPage, dropdownTextArray, onChangeDropdown, onClickIBtn1, onClickIBtn2 }: Props): JSX.Element;
+declare function HeaderBar({ titleText, size, currentPage, totalPage, dropdownTextArray, dropdownDefaultValue, onChangeDropdown, onClickIBtn1, onClickIBtn2 }: Props): JSX.Element;
 export default HeaderBar;

package/dist/src/desktop/components/AdminListHeader/HeaderBar.js

@@ -34,7 +34,7 @@ var Dropdown_1 = require("../Dropdown");
 var IconButton_1 = require("../IconButton");
 var TextLabel_1 = require("../TextLabel");
 function HeaderBar(_a) {
-    var titleText = _a.titleText, _b = _a.size, size = _b === void 0 ? 'regular' : _b, _c = _a.currentPage, currentPage = _c === void 0 ? 1 : _c, _d = _a.totalPage, totalPage = _d === void 0 ? 1 : _d, dropdownTextArray = _a.dropdownTextArray, onChangeDropdown = _a.onChangeDropdown, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2;
+    var titleText = _a.titleText, _b = _a.size, size = _b === void 0 ? 'regular' : _b, _c = _a.currentPage, currentPage = _c === void 0 ? 1 : _c, _d = _a.totalPage, totalPage = _d === void 0 ? 1 : _d, dropdownTextArray = _a.dropdownTextArray, dropdownDefaultValue = _a.dropdownDefaultValue, onChangeDropdown = _a.onChangeDropdown, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2;
     var t = (0, react_i18next_1.useTranslation)('translation').t;
     var handleDropdown = function (option) {
         if (onChangeDropdown) {
@@ -48,7 +48,7 @@ function HeaderBar(_a) {
             react_1.default.createElement(S_ListCount, null,
                 react_1.default.createElement(TextLabel_1.TextLabel, { text: t('str_rows_per_page', '목록 개수'), styleTheme: "caption1Regular" }),
                 react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }),
-                react_1.default.createElement(Dropdown_1.Dropdown, { size: "small", valueArray: dropdownTextArray, onChange: handleDropdown, defaultValue: dropdownTextArray[0] })),
+                react_1.default.createElement(Dropdown_1.Dropdown, { size: "small", valueArray: dropdownTextArray, onChange: handleDropdown, defaultValue: dropdownDefaultValue !== null && dropdownDefaultValue !== void 0 ? dropdownDefaultValue : dropdownTextArray[0] })),
             react_1.default.createElement(S_Page, null,
                 react_1.default.createElement(TextLabel_1.TextLabel, { text: currentPage, styleTheme: "caption1Regular", colorTheme: "sysTextPrimary" }),
                 react_1.default.createElement(TextLabel_1.TextLabel, { text: " / ", styleTheme: "caption1Regular", colorTheme: "sysTextPrimary" }),