pds-dev-kit-web 1.3.8 → 1.3.11

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

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

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

@@ -0,0 +1,34 @@
+"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 ArrowLeftThin = 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("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: ".5", d: "M14.5773,19.5001 L7.6663,12.5891 C7.3413,12.2641 7.3413,11.7361 7.6663,11.4111 L14.5773,4.5001" })));
+};
+exports.default = ArrowLeftThin;

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

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

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

@@ -0,0 +1,34 @@
+"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 ArrowRightThin = 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("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: ".5", d: "M9.4226,4.4998 L16.3336,11.4108 C16.6586,11.7358 16.6586,12.2638 16.3336,12.5888 L9.4226,19.4998" })));
+};
+exports.default = ArrowRightThin;

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

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

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

@@ -0,0 +1,34 @@
+"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 Download = 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("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeWidth: "1.5", d: "M2.9862,17.9383317 L2.9862,19.0423317 C2.9862,19.7843317 3.6952,20.3863317 4.5702,20.3863317 L19.4292,20.3863317 C20.3042,20.3863317 21.0142,19.7843317 21.0142,19.0423317 L21.0142,17.5903317 M6.8379,10.9865317 L11.9999,16.4265317 L17.5199,10.9865317 M12,16.4265317 L12,3.4" })));
+};
+exports.default = Download;

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

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

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

@@ -0,0 +1,34 @@
+"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 Folder = 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("path", { fill: "none", stroke: color, strokeWidth: "1.5", d: "M22.0516,11.7128 L20.6576,17.8908 C20.4536,18.8198 19.6486,19.4788 18.7196,19.4788 L4.9806,19.4788 C3.7006,19.4788 2.7486,18.2438 3.0426,16.9488 L4.4256,10.7718 C4.6416,9.8418 5.4456,9.1708 6.3636,9.1708 L20.1016,9.1708 C20.1696,9.1708 20.2376,9.1708 20.3056,9.1948 C21.4966,9.3128 22.3236,10.4888 22.0516,11.7128 Z M20.306,8.3827 L20.306,9.1947 C20.238,9.1707 20.17,9.1707 20.102,9.1707 L6.364,9.1707 C5.446,9.1707 4.641,9.8417 4.426,10.7717 L3.043,16.9487 C2.748,18.2437 3.7,19.4787 4.981,19.4787 L4.879,19.4787 C3.621,19.4787 2.59,18.4197 2.59,17.1137 L2.59,6.3467 C2.59,5.0287 3.621,3.9697 4.879,3.9697 L7.588,3.9697 C8.296,3.9697 8.981,4.2187 9.524,4.6737 L10.601,5.5767 C10.932,5.8537 11.35,6.0057 11.782,6.0057 L18.016,6.0057 C19.275,6.0057 20.306,7.0767 20.306,8.3827 Z" })));
+};
+exports.default = Folder;

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

@@ -5,9 +5,11 @@ declare const lineIcons: {
     readonly ic_arrow_left: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_arrow_left_2: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_arrow_left_bold: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_arrow_left_thin: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_arrow_right: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_arrow_right_2: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_arrow_right_bold: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_arrow_right_thin: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_arrow_round_left: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_arrow_up: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_arrow_up_bold: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -34,6 +36,7 @@ declare const lineIcons: {
     readonly ic_dashboard: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_design_preference: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_developer: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_download: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_edit: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_editor: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_end: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -41,6 +44,7 @@ declare const lineIcons: {
     readonly ic_eye: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_eye_close: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_filter: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_folder: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_information: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_language: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_links: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;

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

@@ -8,9 +8,11 @@ var ArrowDownBold_1 = __importDefault(require("./ArrowDownBold"));
 var ArrowLeft_1 = __importDefault(require("./ArrowLeft"));
 var ArrowLeft2_1 = __importDefault(require("./ArrowLeft2"));
 var ArrowLeftBold_1 = __importDefault(require("./ArrowLeftBold"));
+var ArrowLeftThin_1 = __importDefault(require("./ArrowLeftThin"));
 var ArrowRight_1 = __importDefault(require("./ArrowRight"));
 var ArrowRight2_1 = __importDefault(require("./ArrowRight2"));
 var ArrowRightBold_1 = __importDefault(require("./ArrowRightBold"));
+var ArrowRightThin_1 = __importDefault(require("./ArrowRightThin"));
 var ArrowRoundLeft_1 = __importDefault(require("./ArrowRoundLeft"));
 var ArrowUp_1 = __importDefault(require("./ArrowUp"));
 var ArrowUpBold_1 = __importDefault(require("./ArrowUpBold"));
@@ -37,6 +39,7 @@ var Cs_1 = __importDefault(require("./Cs"));
 var Dashboard_1 = __importDefault(require("./Dashboard"));
 var DesignPreference_1 = __importDefault(require("./DesignPreference"));
 var Developer_1 = __importDefault(require("./Developer"));
+var Download_1 = __importDefault(require("./Download"));
 var Edit_1 = __importDefault(require("./Edit"));
 var Editor_1 = __importDefault(require("./Editor"));
 var End_1 = __importDefault(require("./End"));
@@ -44,6 +47,7 @@ var Error_1 = __importDefault(require("./Error"));
 var Eye_1 = __importDefault(require("./Eye"));
 var EyeClose_1 = __importDefault(require("./EyeClose"));
 var Filter_1 = __importDefault(require("./Filter"));
+var Folder_1 = __importDefault(require("./Folder"));
 var Information_1 = __importDefault(require("./Information"));
 var Language_1 = __importDefault(require("./Language"));
 var Links_1 = __importDefault(require("./Links"));
@@ -138,9 +142,11 @@ var lineIcons = {
     ic_arrow_left: ArrowLeft_1.default,
     ic_arrow_left_2: ArrowLeft2_1.default,
     ic_arrow_left_bold: ArrowLeftBold_1.default,
+    ic_arrow_left_thin: ArrowLeftThin_1.default,
     ic_arrow_right: ArrowRight_1.default,
     ic_arrow_right_2: ArrowRight2_1.default,
     ic_arrow_right_bold: ArrowRightBold_1.default,
+    ic_arrow_right_thin: ArrowRightThin_1.default,
     ic_arrow_round_left: ArrowRoundLeft_1.default,
     ic_arrow_up: ArrowUp_1.default,
     ic_arrow_up_bold: ArrowUpBold_1.default,
@@ -167,6 +173,7 @@ var lineIcons = {
     ic_dashboard: Dashboard_1.default,
     ic_design_preference: DesignPreference_1.default,
     ic_developer: Developer_1.default,
+    ic_download: Download_1.default,
     ic_edit: Edit_1.default,
     ic_editor: Editor_1.default,
     ic_end: End_1.default,
@@ -174,6 +181,7 @@ var lineIcons = {
     ic_eye: Eye_1.default,
     ic_eye_close: EyeClose_1.default,
     ic_filter: Filter_1.default,
+    ic_folder: Folder_1.default,
     ic_information: Information_1.default,
     ic_language: Language_1.default,
     ic_links: Links_1.default,

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

@@ -149,5 +149,8 @@
     "usr_menu_active": "darkblue500",
     "usr_menu_background": "grey950",
     "sys_cpnt_base_white_opacity50": "white/opacity50",
-    "sys_widget_dark_01": "grey950"
+    "sys_widget_dark_01": "grey950",
+    "usr_menu_background_gradient_opacity00": "grey950/opacity00",
+    "sys_border_line_white": "white",
+    "sys_component_base_white_opacity10": "white/opacity10"
 }

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

@@ -149,5 +149,8 @@
     "usr_menu_active": "blue500",
     "usr_menu_background": "white",
     "sys_cpnt_base_white_opacity50": "white/opacity50",
-    "sys_widget_dark_01": "grey900"
+    "sys_widget_dark_01": "grey900",
+    "usr_menu_background_gradient_opacity00": "white/opacity00",
+    "sys_border_line_white": "white",
+    "sys_component_base_white_opacity10": "white/opacity10"
 }

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

@@ -479,5 +479,12 @@
     "ui_menu_active": "usr_menu_active",
     "ui_menu_background": "usr_menu_background",
     "ui_cpnt_video_progress_base": "sys_cpnt_base_white_opacity50",
-    "ui_cpnt_icon_sys_dark": "sys_widget_dark_01"
+    "ui_cpnt_icon_sys_dark": "sys_widget_dark_01",
+    "ui_menu_background_gradient_opacity00": "usr_menu_background_gradient_opacity00",
+    "ui_cpnt_dropdown_border_white_normal": "sys_border_line_white",
+    "ui_cpnt_dropdown_text_white_enabled": "sys_text_white",
+    "ui_cpnt_dropdown_text_white_hint": "sys_text_white",
+    "ui_cpnt_dropdown_icon_white_default": "sys_widget_white",
+    "ui_cpnt_dropdown_border_white_focus": "sys_border_line_03",
+    "ui_cpnt_dropdown_base_white_normal": "sys_component_base_white_opacity10"
 }

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

@@ -56,159 +56,6 @@ declare const colorSet: {
         grey30: string;
         opacity95: string;
     };
-    readonly PaletteColor_Dark: {
-        sys_container_background_01: string;
-        sys_container_background_02: string;
-        sys_container_background_03: string;
-        sys_background_dimmed: string;
-        sys_text_grey_01: string;
-        sys_text_grey_02: string;
-        sys_text_grey_03: string;
-        sys_text_white: string;
-        sys_text_brand_primary: string;
-        sys_text_error_01: string;
-        sys_widget_grey_01: string;
-        sys_widget_grey_02: string;
-        sys_widget_grey_03: string;
-        sys_widget_primary_01: string;
-        sys_widget_error_01: string;
-        sys_widget_warning_01: string;
-        sys_widget_success_01: string;
-        sys_widget_white: string;
-        sys_border_area_01: string;
-        sys_border_line_01: string;
-        sys_border_line_02: string;
-        sys_border_line_03: string;
-        sys_border_line_04: string;
-        sys_border_line_05: string;
-        sys_component_base_01: string;
-        sys_component_base_02: string;
-        sys_component_base_03: string;
-        sys_component_base_red: string;
-        sys_component_base_white: string;
-        sys_component_base_white_opacity00: string;
-        sys_on_base_white_opacity00: string;
-        sys_on_base_white_opacity30: string;
-        sys_on_base_black_opacity20: string;
-        usr_brand_primary: string;
-        usr_brand_secondary: string;
-        usr_brand_secondary_variant: string;
-        usr_background: string;
-        usr_surface: string;
-        usr_border: string;
-        usr_on_brand_primary: string;
-        usr_on_brand_secondary: string;
-        usr_on_background: string;
-        usr_on_surface: string;
-        sys_widget_status_active_01: string;
-        sys_text_success_01: string;
-        sys_widget_grey_04: string;
-        sys_text_active: string;
-        sys_component_base_blue: string;
-        sys_on_base_black_opacity65: string;
-        sys_component_base_04: string;
-        sys_component_base_black: string;
-        sys_component_base_black_opacity00: string;
-        usr_text_brand_secondary_variant: string;
-        usr_text_brand_primary: string;
-        usr_text_brand_on_primary: string;
-        sys_text_brand_secondary_variant: string;
-        sys_component_base_navy: string;
-        sys_widget_lightgreen: string;
-        sys_border_line_06: string;
-        sys_background_dimmed_20: string;
-        sys_widget_pink: string;
-        sys_widget_primary_opacity20: string;
-        sys_widget_secondary_variant_01: string;
-        usr_component_base_brand_primary_opacity10: string;
-        sys_temp_grey_01: string;
-        sys_temp_grey_02: string;
-        sys_temp_grey_03: string;
-        sys_temp_grey_04: string;
-        sys_temp_grey_05: string;
-        sys_temp_white: string;
-        sys_temp_primary_01: string;
-        sys_temp_secondary_01: string;
-        sys_temp_red: string;
-        sys_temp_white_opacity_00: string;
-        sys_temp_dimmed: string;
-        sys_temp_black: string;
-        sys_temp_primary_02: string;
-        sys_temp_primary_03: string;
-        sys_temp_secondary_02: string;
-        sys_temp_lightgreen_01: string;
-        sys_text_grey_04: string;
-        sys_papp_post_social_background: string;
-        sys_papp_post_notice_background: string;
-        sys_papp_post_free_background: string;
-        sys_papp_vod_background: string;
-        sys_papp_vodplus_background: string;
-        sys_papp_live_background: string;
-        sys_selcontrols_base_off_disabled: string;
-        sys_selcontrols_base_on_disabled: string;
-        sys_component_base_blue_opacity10: string;
-        sys_component_base_05: string;
-        sys_background_dimmed_65: string;
-        sys_temp_grey_06: string;
-        sys_on_base_white_opacity10: string;
-        sys_on_base_black_opacity10: string;
-        sys_component_base_05_opacity00: string;
-        sys_papp_post_notice_link: string;
-        sys_component_base_navy_light: string;
-        sys_component_base_orange: string;
-        sys_component_base_grey: string;
-        sys_component_base_black_opacity80: string;
-        sys_text_darkgrey_02: string;
-        sys_border_line_darktheme_01: string;
-        sys_border_line_darktheme_02: string;
-        sys_component_base_darktheme_01: string;
-        sys_component_base_darktheme_02: string;
-        sys_component_base_darktheme_03: string;
-        sys_text_grey_darktheme_01: string;
-        sys_text_grey_darktheme_02: string;
-        sys_text_grey_darktheme_03: string;
-        sys_widget_grey_darktheme_01: string;
-        sys_widget_grey_darktheme_02: string;
-        sys_widget_grey_darktheme_03: string;
-        sys_component_base_green: string;
-        sys_text_error_darktheme_01: string;
-        sys_border_line_darktheme_03: string;
-        sys_border_line_darktheme_04: string;
-        usr_widget_brand_primary_darktheme_01: string;
-        usr_text_brand_primary_darktheme_01: string;
-        sys_component_base_black_opacity50: string;
-        sys_component_base_card: string;
-        sys_cpnt_textlabel_sys_brand_primary_opacity50: string;
-        sys_widget_green_01: string;
-        sys_component_base_black_opacity30: string;
-        sys_area_background: string;
-        sys_border_white_opacity30: string;
-        sys_container_background_wt: string;
-        sys_channeldesc_grey_03: string;
-        sys_channeldesc_border_grey_03: string;
-        sys_gradient_base_01: string;
-        sys_gradient_base_01_opacity00: string;
-        sys_channeldesc_background: string;
-        sys_channeldesc_bottomsheet_base: string;
-        sys_channeldesc_bottomsheet_border: string;
-        sys_channeldesc_contents_base: string;
-        sys_channeldesc_dimmed: string;
-        sys_gradient_base_01_opacity50: string;
-        sys_gradient_base_01_opacity75: string;
-        sys_gradient_base_01_opacity40: string;
-        sys_widget_black: string;
-        usr_temp_primary_01: string;
-        sys_cpnt_sheet_base_02_opacity50: string;
-        usr_menu_primarymenu_main: string;
-        usr_menu_primarymenu_sub: string;
-        usr_menu_secondarymenu_main: string;
-        usr_menu_secondarymenu_sub: string;
-        usr_menu_hover: string;
-        usr_menu_active: string;
-        usr_menu_background: string;
-        sys_cpnt_base_white_opacity50: string;
-        sys_widget_dark_01: string;
-    };
     readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
@@ -361,6 +208,9 @@ declare const colorSet: {
         usr_menu_background: string;
         sys_cpnt_base_white_opacity50: string;
         sys_widget_dark_01: string;
+        usr_menu_background_gradient_opacity00: string;
+        sys_border_line_white: string;
+        sys_component_base_white_opacity10: string;
     };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
@@ -844,6 +694,169 @@ declare const colorSet: {
         ui_menu_background: string;
         ui_cpnt_video_progress_base: string;
         ui_cpnt_icon_sys_dark: string;
+        ui_menu_background_gradient_opacity00: string;
+        ui_cpnt_dropdown_border_white_normal: string;
+        ui_cpnt_dropdown_text_white_enabled: string;
+        ui_cpnt_dropdown_text_white_hint: string;
+        ui_cpnt_dropdown_icon_white_default: string;
+        ui_cpnt_dropdown_border_white_focus: string;
+        ui_cpnt_dropdown_base_white_normal: string;
+    };
+    readonly PaletteColor_Dark: {
+        sys_container_background_01: string;
+        sys_container_background_02: string;
+        sys_container_background_03: string;
+        sys_background_dimmed: string;
+        sys_text_grey_01: string;
+        sys_text_grey_02: string;
+        sys_text_grey_03: string;
+        sys_text_white: string;
+        sys_text_brand_primary: string;
+        sys_text_error_01: string;
+        sys_widget_grey_01: string;
+        sys_widget_grey_02: string;
+        sys_widget_grey_03: string;
+        sys_widget_primary_01: string;
+        sys_widget_error_01: string;
+        sys_widget_warning_01: string;
+        sys_widget_success_01: string;
+        sys_widget_white: string;
+        sys_border_area_01: string;
+        sys_border_line_01: string;
+        sys_border_line_02: string;
+        sys_border_line_03: string;
+        sys_border_line_04: string;
+        sys_border_line_05: string;
+        sys_component_base_01: string;
+        sys_component_base_02: string;
+        sys_component_base_03: string;
+        sys_component_base_red: string;
+        sys_component_base_white: string;
+        sys_component_base_white_opacity00: string;
+        sys_on_base_white_opacity00: string;
+        sys_on_base_white_opacity30: string;
+        sys_on_base_black_opacity20: string;
+        usr_brand_primary: string;
+        usr_brand_secondary: string;
+        usr_brand_secondary_variant: string;
+        usr_background: string;
+        usr_surface: string;
+        usr_border: string;
+        usr_on_brand_primary: string;
+        usr_on_brand_secondary: string;
+        usr_on_background: string;
+        usr_on_surface: string;
+        sys_widget_status_active_01: string;
+        sys_text_success_01: string;
+        sys_widget_grey_04: string;
+        sys_text_active: string;
+        sys_component_base_blue: string;
+        sys_on_base_black_opacity65: string;
+        sys_component_base_04: string;
+        sys_component_base_black: string;
+        sys_component_base_black_opacity00: string;
+        usr_text_brand_secondary_variant: string;
+        usr_text_brand_primary: string;
+        usr_text_brand_on_primary: string;
+        sys_text_brand_secondary_variant: string;
+        sys_component_base_navy: string;
+        sys_widget_lightgreen: string;
+        sys_border_line_06: string;
+        sys_background_dimmed_20: string;
+        sys_widget_pink: string;
+        sys_widget_primary_opacity20: string;
+        sys_widget_secondary_variant_01: string;
+        usr_component_base_brand_primary_opacity10: string;
+        sys_temp_grey_01: string;
+        sys_temp_grey_02: string;
+        sys_temp_grey_03: string;
+        sys_temp_grey_04: string;
+        sys_temp_grey_05: string;
+        sys_temp_white: string;
+        sys_temp_primary_01: string;
+        sys_temp_secondary_01: string;
+        sys_temp_red: string;
+        sys_temp_white_opacity_00: string;
+        sys_temp_dimmed: string;
+        sys_temp_black: string;
+        sys_temp_primary_02: string;
+        sys_temp_primary_03: string;
+        sys_temp_secondary_02: string;
+        sys_temp_lightgreen_01: string;
+        sys_text_grey_04: string;
+        sys_papp_post_social_background: string;
+        sys_papp_post_notice_background: string;
+        sys_papp_post_free_background: string;
+        sys_papp_vod_background: string;
+        sys_papp_vodplus_background: string;
+        sys_papp_live_background: string;
+        sys_selcontrols_base_off_disabled: string;
+        sys_selcontrols_base_on_disabled: string;
+        sys_component_base_blue_opacity10: string;
+        sys_component_base_05: string;
+        sys_background_dimmed_65: string;
+        sys_temp_grey_06: string;
+        sys_on_base_white_opacity10: string;
+        sys_on_base_black_opacity10: string;
+        sys_component_base_05_opacity00: string;
+        sys_papp_post_notice_link: string;
+        sys_component_base_navy_light: string;
+        sys_component_base_orange: string;
+        sys_component_base_grey: string;
+        sys_component_base_black_opacity80: string;
+        sys_text_darkgrey_02: string;
+        sys_border_line_darktheme_01: string;
+        sys_border_line_darktheme_02: string;
+        sys_component_base_darktheme_01: string;
+        sys_component_base_darktheme_02: string;
+        sys_component_base_darktheme_03: string;
+        sys_text_grey_darktheme_01: string;
+        sys_text_grey_darktheme_02: string;
+        sys_text_grey_darktheme_03: string;
+        sys_widget_grey_darktheme_01: string;
+        sys_widget_grey_darktheme_02: string;
+        sys_widget_grey_darktheme_03: string;
+        sys_component_base_green: string;
+        sys_text_error_darktheme_01: string;
+        sys_border_line_darktheme_03: string;
+        sys_border_line_darktheme_04: string;
+        usr_widget_brand_primary_darktheme_01: string;
+        usr_text_brand_primary_darktheme_01: string;
+        sys_component_base_black_opacity50: string;
+        sys_component_base_card: string;
+        sys_cpnt_textlabel_sys_brand_primary_opacity50: string;
+        sys_widget_green_01: string;
+        sys_component_base_black_opacity30: string;
+        sys_area_background: string;
+        sys_border_white_opacity30: string;
+        sys_container_background_wt: string;
+        sys_channeldesc_grey_03: string;
+        sys_channeldesc_border_grey_03: string;
+        sys_gradient_base_01: string;
+        sys_gradient_base_01_opacity00: string;
+        sys_channeldesc_background: string;
+        sys_channeldesc_bottomsheet_base: string;
+        sys_channeldesc_bottomsheet_border: string;
+        sys_channeldesc_contents_base: string;
+        sys_channeldesc_dimmed: string;
+        sys_gradient_base_01_opacity50: string;
+        sys_gradient_base_01_opacity75: string;
+        sys_gradient_base_01_opacity40: string;
+        sys_widget_black: string;
+        usr_temp_primary_01: string;
+        sys_cpnt_sheet_base_02_opacity50: string;
+        usr_menu_primarymenu_main: string;
+        usr_menu_primarymenu_sub: string;
+        usr_menu_secondarymenu_main: string;
+        usr_menu_secondarymenu_sub: string;
+        usr_menu_hover: string;
+        usr_menu_active: string;
+        usr_menu_background: string;
+        sys_cpnt_base_white_opacity50: string;
+        sys_widget_dark_01: string;
+        usr_menu_background_gradient_opacity00: string;
+        sys_border_line_white: string;
+        sys_component_base_white_opacity10: string;
     };
 };
 export default colorSet;

package/dist/src/common/styles/colorSet/index.js

@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable import/order */
 var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
-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 PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
 var colorSet = {
     SemanticColor: SemanticColor_json_1.default,
-    PaletteColor_Dark: PaletteColor_Dark_json_1.default,
     PaletteColor_light: PaletteColor_light_json_1.default,
-    UIColor: UIColor_json_1.default
+    UIColor: UIColor_json_1.default,
+    PaletteColor_Dark: PaletteColor_Dark_json_1.default
 };
 exports.default = colorSet;

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

@@ -480,4 +480,11 @@ export interface UITheme {
     ui_menu_background: string;
     ui_cpnt_video_progress_base: string;
     ui_cpnt_icon_sys_dark: string;
+    ui_menu_background_gradient_opacity00: string;
+    ui_cpnt_dropdown_border_white_normal: string;
+    ui_cpnt_dropdown_text_white_enabled: string;
+    ui_cpnt_dropdown_text_white_hint: string;
+    ui_cpnt_dropdown_icon_white_default: string;
+    ui_cpnt_dropdown_border_white_focus: string;
+    ui_cpnt_dropdown_base_white_normal: string;
 }

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

@@ -95,5 +95,5 @@ exports.spacing = {
     spacingM: '288px',
     spacingN: '320px'
 };
-var theme = __assign({ fontWeight: exports.fontWeight, desktopFontSize: exports.desktopFontSize, desktopLineHeight: exports.desktopLineHeight, mobileFontSize: exports.mobileFontSize, mobileLineHeight: exports.mobileLineHeight, boxShadow: exports.boxShadow, spacing: exports.spacing }, (0, ui_colors_1.customTheme)(window.PdsUtils ? window.PdsUtils.tone : 'DARK'));
+var theme = __assign({ fontWeight: exports.fontWeight, desktopFontSize: exports.desktopFontSize, desktopLineHeight: exports.desktopLineHeight, mobileFontSize: exports.mobileFontSize, mobileLineHeight: exports.mobileLineHeight, boxShadow: exports.boxShadow, spacing: exports.spacing }, (0, ui_colors_1.customTheme)(window.PdsUtils ? window.PdsUtils.tone : 'DARK', window.PdsUtils ? window.PdsUtils.palette : {}));
 exports.default = theme;