pds-dev-kit-web 1.3.7 → 1.3.10

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/Question.d.ts

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

package/dist/src/common/assets/icons/line/Question.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 Question = 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: color, fillRule: "evenodd", d: "M12.0001,2 C17.5231,2 22.0001,6.477 22.0001,12 C22.0001,17.523 17.5231,22 12.0001,22 C6.4771,22 2.0001,17.523 2.0001,12 C2.0001,6.477 6.4771,2 12.0001,2 Z M12.0001,3.5 C7.3131,3.5 3.5001,7.313 3.5001,12 C3.5001,16.687 7.3131,20.5 12.0001,20.5 C16.6871,20.5 20.5001,16.687 20.5001,12 C20.5001,7.313 16.6871,3.5 12.0001,3.5 Z M11.7876652,14.8317533 C12.1414506,14.8317533 12.4377914,14.9408168 12.6748641,15.158944 C12.9119368,15.3779367 13.0304731,15.6575203 13.0304731,15.9976948 C13.0304731,16.3378693 12.9119368,16.6174529 12.6748641,16.8355801 C12.4377914,17.0545728 12.1414506,17.1636364 11.7876652,17.1636364 C11.432968,17.1636364 11.1366272,17.0545728 10.8986427,16.8355801 C10.66157,16.6174529 10.5439455,16.3378693 10.5439455,15.9976948 C10.5439455,15.6575203 10.66157,15.3779367 10.8986427,15.158944 C11.1366272,14.9408168 11.432968,14.8317533 11.7876652,14.8317533 Z M11.8870534,6.8 C12.8754641,6.8 13.6413912,7.1341154 14.1848347,7.6075898 C14.7282782,8.08106421 15,8.75535409 15,9.62872827 C15,10.0113164 14.9270546,10.3584155 14.7802519,10.6708913 C14.6334492,10.9833671 14.3991119,11.3036332 14.0754166,11.6299583 L13.3104013,12.3683014 C13.0933886,12.5846974 12.9593513,12.8244641 12.8581395,13.3550671 C12.7514568,13.9090408 12.4131723,14.2388283 11.8706406,14.2379644 C11.2907244,14.2379644 10.9032017,13.8389285 10.8913481,13.2892827 C10.8858772,13.0339354 10.8995545,12.7699323 11.0655053,12.3414683 C11.1986308,11.9952347 11.4183789,11.6905492 11.7475452,11.2993053 C12.0247379,10.9686522 12.324726,10.7522562 12.495236,10.5159518 C12.6666577,10.2787818 12.7514568,10.0173755 12.7514568,9.73259835 C12.7514568,9.03840004 12.4861178,8.76747227 11.9754997,8.69649439 C11.7119843,8.66100544 11.4338798,8.74237033 11.2806944,8.95097606 C11.1548635,9.12236168 11.1402744,9.21238241 11.087389,9.34914467 C10.9360272,9.74211977 10.5676527,9.97669301 10.1199501,9.97669301 L10.0533874,9.97669301 C9.26284117,9.97669301 8.84066944,9.23661876 9.05585848,8.51385618 C9.15342301,8.18666545 9.27195935,7.96161363 9.57285929,7.66558393 C10.1071846,7.1393089 10.8940836,6.8 11.8870534,6.8 Z" })));
+};
+exports.default = Question;

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;
@@ -83,6 +87,7 @@ declare const lineIcons: {
     readonly ic_post_welcome: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_profit: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_qr: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_question: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_radio_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_radio_on: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_report: ({ 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"));
@@ -86,6 +90,7 @@ var PostVote_1 = __importDefault(require("./PostVote"));
 var PostWelcome_1 = __importDefault(require("./PostWelcome"));
 var Profit_1 = __importDefault(require("./Profit"));
 var Qr_1 = __importDefault(require("./Qr"));
+var Question_1 = __importDefault(require("./Question"));
 var RadioOff_1 = __importDefault(require("./RadioOff"));
 var RadioOn_1 = __importDefault(require("./RadioOn"));
 var Report_1 = __importDefault(require("./Report"));
@@ -137,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,
@@ -166,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,
@@ -173,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,
@@ -215,6 +224,7 @@ var lineIcons = {
     ic_post_welcome: PostWelcome_1.default,
     ic_profit: Profit_1.default,
     ic_qr: Qr_1.default,
+    ic_question: Question_1.default,
     ic_radio_off: RadioOff_1.default,
     ic_radio_on: RadioOn_1.default,
     ic_report: Report_1.default,

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

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

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

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

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

@@ -478,5 +478,13 @@
     "ui_menu_hover": "usr_menu_hover",
     "ui_menu_active": "usr_menu_active",
     "ui_menu_background": "usr_menu_background",
-    "ui_cpnt_video_progress_base": "sys_cpnt_base_white_opacity50"
+    "ui_cpnt_video_progress_base": "sys_cpnt_base_white_opacity50",
+    "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"
 }