pds-dev-kit-web 1.3.7 → 1.3.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import IconType from '../IconType';
3
+ declare const Question: ({ color, size, ...rest }: IconType) => JSX.Element;
4
+ export default Question;
@@ -0,0 +1,34 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ var __importDefault = (this && this.__importDefault) || function (mod) {
25
+ return (mod && mod.__esModule) ? mod : { "default": mod };
26
+ };
27
+ Object.defineProperty(exports, "__esModule", { value: true });
28
+ var react_1 = __importDefault(require("react"));
29
+ var Question = function (_a) {
30
+ var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
31
+ return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
32
+ 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" })));
33
+ };
34
+ exports.default = Question;
@@ -83,6 +83,7 @@ declare const lineIcons: {
83
83
  readonly ic_post_welcome: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
84
84
  readonly ic_profit: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
85
85
  readonly ic_qr: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
86
+ readonly ic_question: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
86
87
  readonly ic_radio_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
87
88
  readonly ic_radio_on: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
88
89
  readonly ic_report: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -86,6 +86,7 @@ var PostVote_1 = __importDefault(require("./PostVote"));
86
86
  var PostWelcome_1 = __importDefault(require("./PostWelcome"));
87
87
  var Profit_1 = __importDefault(require("./Profit"));
88
88
  var Qr_1 = __importDefault(require("./Qr"));
89
+ var Question_1 = __importDefault(require("./Question"));
89
90
  var RadioOff_1 = __importDefault(require("./RadioOff"));
90
91
  var RadioOn_1 = __importDefault(require("./RadioOn"));
91
92
  var Report_1 = __importDefault(require("./Report"));
@@ -215,6 +216,7 @@ var lineIcons = {
215
216
  ic_post_welcome: PostWelcome_1.default,
216
217
  ic_profit: Profit_1.default,
217
218
  ic_qr: Qr_1.default,
219
+ ic_question: Question_1.default,
218
220
  ic_radio_off: RadioOff_1.default,
219
221
  ic_radio_on: RadioOn_1.default,
220
222
  ic_report: Report_1.default,
@@ -148,5 +148,6 @@
148
148
  "usr_menu_hover": "darkblue500",
149
149
  "usr_menu_active": "darkblue500",
150
150
  "usr_menu_background": "grey950",
151
- "sys_cpnt_base_white_opacity50": "white/opacity50"
151
+ "sys_cpnt_base_white_opacity50": "white/opacity50",
152
+ "sys_widget_dark_01": "grey950"
152
153
  }
@@ -148,5 +148,6 @@
148
148
  "usr_menu_hover": "blue500",
149
149
  "usr_menu_active": "blue500",
150
150
  "usr_menu_background": "white",
151
- "sys_cpnt_base_white_opacity50": "white/opacity50"
151
+ "sys_cpnt_base_white_opacity50": "white/opacity50",
152
+ "sys_widget_dark_01": "grey900"
152
153
  }
@@ -478,5 +478,6 @@
478
478
  "ui_menu_hover": "usr_menu_hover",
479
479
  "ui_menu_active": "usr_menu_active",
480
480
  "ui_menu_background": "usr_menu_background",
481
- "ui_cpnt_video_progress_base": "sys_cpnt_base_white_opacity50"
481
+ "ui_cpnt_video_progress_base": "sys_cpnt_base_white_opacity50",
482
+ "ui_cpnt_icon_sys_dark": "sys_widget_dark_01"
482
483
  }
@@ -56,488 +56,6 @@ declare const colorSet: {
56
56
  grey30: string;
57
57
  opacity95: string;
58
58
  };
59
- readonly UIColor: {
60
- ui_cpnt_button_fill_base_primary: string;
61
- ui_cpnt_button_fill_base_default: string;
62
- ui_cpnt_button_fill_base_white: string;
63
- ui_cpnt_button_fill_on_base_hover: string;
64
- ui_cpnt_button_fill_on_base_pressed: string;
65
- ui_cpnt_button_fill_base_disabled: string;
66
- ui_cpnt_button_line_base_pressed: string;
67
- ui_cpnt_button_line_base_hover: string;
68
- ui_cpnt_button_line_border_default: string;
69
- ui_cpnt_button_line_border_enabled: string;
70
- ui_cpnt_button_line_border_disabled: string;
71
- ui_cpnt_button_line_border_primary: string;
72
- ui_cpnt_button_text_primary: string;
73
- ui_cpnt_button_text_on_primary: string;
74
- ui_cpnt_button_text_enabled: string;
75
- ui_cpnt_button_text_disabled: string;
76
- ui_cpnt_button_text_default: string;
77
- ui_cpnt_button_icon_on_primary: string;
78
- ui_cpnt_button_icon_primary: string;
79
- ui_cpnt_button_icon_enabled: string;
80
- ui_cpnt_button_icon_disabled: string;
81
- ui_cpnt_button_icon_default: string;
82
- ui_cpnt_textfield_border_normal: string;
83
- ui_cpnt_textfield_border_focus: string;
84
- ui_cpnt_textfield_border_error: string;
85
- ui_cpnt_textfield_base_normal: string;
86
- ui_cpnt_textfield_base_disabled: string;
87
- ui_cpnt_textfield_text_hint: string;
88
- ui_cpnt_textfield_text_typed: string;
89
- ui_cpnt_textfield_text_error: string;
90
- ui_cpnt_textfield_text_disabled: string;
91
- ui_cpnt_textfield_icon_01: string;
92
- ui_cpnt_textfield_icon_02: string;
93
- ui_cpnt_textfield_icon_03: string;
94
- ui_cpnt_list_base_area: string;
95
- ui_cpnt_list_base_area_select: string;
96
- ui_cpnt_list_text_title: string;
97
- ui_cpnt_list_text_description_01: string;
98
- ui_cpnt_list_text_caption_01: string;
99
- ui_cpnt_headerbar_base_area: string;
100
- ui_cpnt_headerbar_text_title: string;
101
- ui_cpnt_headerbar_icon: string;
102
- ui_cpnt_headerbar_divider: string;
103
- ui_cpnt_tabbar_base_area: string;
104
- ui_cpnt_tabbar_divider: string;
105
- ui_cpnt_tabbar_base_area_sub: string;
106
- ui_cpnt_tabbar_border_active_indicator_primary: string;
107
- ui_cpnt_tabbar_text_active_primary: string;
108
- ui_cpnt_tabbar_border_active_indicator: string;
109
- ui_cpnt_tabbar_text_active: string;
110
- ui_cpnt_tabbar_text_inactive_01: string;
111
- ui_2: string;
112
- ui_3: string;
113
- ui_4: string;
114
- ui_5: string;
115
- ui_6: string;
116
- ui_7: string;
117
- ui_8: string;
118
- ui_9: string;
119
- ui_cpnt_pagination_slide_dot_active: string;
120
- ui_cpnt_pagination_slide_dot_inactive: string;
121
- ui_10: string;
122
- ui_11: string;
123
- ui_cpnt_modal_header_text_title: string;
124
- ui_cpnt_modal_header_icon_01: string;
125
- ui_cpnt_modal_header_base_area: string;
126
- ui_cpnt_modal_header_base_line: string;
127
- ui_cpnt_modal_body_primary_text: string;
128
- ui_cpnt_modal_body_secondary_text: string;
129
- ui_cpnt_modal_footer_base_area: string;
130
- ui_cpnt_modal_footer_divider: string;
131
- ui_cpnt_modal_base: string;
132
- ui_12: string;
133
- ui_13: string;
134
- ui_14: string;
135
- ui_15: string;
136
- ui_cpnt_text_emptystate: string;
137
- ui_cpnt_chip_fill_icon_inactive: string;
138
- ui_cpnt_chip_fill_icon_active_01: string;
139
- ui_cpnt_chip_fill_text_inactive: string;
140
- ui_cpnt_chip_fill_text_active_01: string;
141
- ui_cpnt_chip_fill_base_inactive: string;
142
- ui_cpnt_chip_fill_base_active_01: string;
143
- ui_cpnt_chip_line_icon_01: string;
144
- ui_cpnt_chip_line_text_01: string;
145
- ui_cpnt_chip_line_text_disabled: string;
146
- ui_cpnt_chip_line_border_01: string;
147
- ui_cpnt_chip_base_playtime: string;
148
- ui_16: string;
149
- ui_cpnt_list_icon_01: string;
150
- ui_cpnt_list_icon_02: string;
151
- ui_cpnt_bottomsheet_icon_01: string;
152
- ui_cpnt_bottomsheet_text_01: string;
153
- ui_cpnt_bottomsheet_text_02: string;
154
- ui_cpnt_bottomsheet_icon_02: string;
155
- ui_19: string;
156
- ui_20: string;
157
- ui_cpnt_fab_default_base_white: string;
158
- ui_cpnt_fab_default_base_red: string;
159
- ui_cpnt_fab_default_base_primary: string;
160
- ui_cpnt_fab_default_base_hover: string;
161
- ui_cpnt_fab_default_on_base_hover: string;
162
- ui_cpnt_fab_default_base_pressed: string;
163
- ui_cpnt_fab_default_on_base_pressed: string;
164
- ui_cpnt_fab_default_base_disabled: string;
165
- ui_cpnt_fab_icon_enabled: string;
166
- ui_cpnt_fab_icon_on_primary: string;
167
- ui_cpnt_fab_icon_disabled: string;
168
- ui_cpnt_fab_extended_base_primary: string;
169
- ui_cpnt_fab_extended_on_base_hover: string;
170
- ui_cpnt_fab_extended_on_base_pressed: string;
171
- ui_cpnt_fab_extended_base_disabled: string;
172
- ui_cpnt_fab_text_on_primary: string;
173
- ui_cpnt_fab_text_disabled: string;
174
- ui_cpnt_alertdialog_base: string;
175
- ui_cpnt_alertdialog_icon_success: string;
176
- ui_cpnt_alertdialog_icon_error: string;
177
- ui_cpnt_alertdialog_icon_warning: string;
178
- ui_cpnt_alertdialog_text_title: string;
179
- ui_cpnt_alertdialog_text_body: string;
180
- ui_21: string;
181
- ui_22: string;
182
- ui_23: string;
183
- ui_24: string;
184
- ui_25: string;
185
- ui_26: string;
186
- ui_27: string;
187
- ui_cpnt_divider: string;
188
- ui_cpnt_select_border_normal: string;
189
- ui_cpnt_select_border_focus: string;
190
- ui_cpnt_select_base_normal: string;
191
- ui_cpnt_select_base_disabled: string;
192
- ui_cpnt_select_text_hint: string;
193
- ui_cpnt_select_text_selected: string;
194
- ui_cpnt_select_text_disabled: string;
195
- ui_cpnt_select_icon_01: string;
196
- ui_cpnt_select_icon_02: string;
197
- ui_28: string;
198
- ui_29: string;
199
- ui_30: string;
200
- ui_cpnt_videoplayer_icon_01: string;
201
- ui_32: string;
202
- ui_cpnt_selcontrols_icon_primary: string;
203
- ui_cpnt_selcontrols_icon_disabled: string;
204
- ui_cpnt_selcontrols_icon_default: string;
205
- ui_cpnt_selcontrols_text_disabled: string;
206
- ui_cpnt_selcontrols_text_default: string;
207
- ui_cpnt_selcontrols_icon_on_base_hover: string;
208
- ui_cpnt_contextmenu_menu_base_normal: string;
209
- ui_cpnt_contextmenu_menu_base_hover: string;
210
- ui_cpnt_contextmenu_menu_base_selected: string;
211
- ui_cpnt_contextmenu_text: string;
212
- ui_cpnt_selcontrols_base_off: string;
213
- ui_cpnt_selcontrols_base_on: string;
214
- ui_cpnt_tabbar_text_inactive_02: string;
215
- ui_cpnt_videoplayer_unavailable: string;
216
- ui_cpnt_list_divider: string;
217
- ui_cpnt_button_fill_base_transparent: string;
218
- ui_cpnt_list_badge_active: string;
219
- ui_cpnt_list_badge_active_primary: string;
220
- ui_cpnt_list_badge_disabled: string;
221
- ui_cpnt_list_badge_cancel: string;
222
- ui_cpnt_list_text_quantity_plus: string;
223
- ui_cpnt_content_card_base: string;
224
- ui_cpnt_content_icon_03: string;
225
- ui_cpnt_content_icon_01: string;
226
- ui_cpnt_content_icon_02: string;
227
- ui_cpnt_content_card_status_a: string;
228
- ui_cpnt_content_card_status_b: string;
229
- ui_cpnt_content_card_status_c: string;
230
- ui_cpnt_content_card_status_d: string;
231
- ui_cpnt_textgroup_base_area: string;
232
- ui_cpnt_imageslide_active: string;
233
- ui_cpnt_imageslide_inactive: string;
234
- ui_cpnt_videoplayer_icon_02: string;
235
- ui_cpnt_videoplayer_text_01: string;
236
- ui_cpnt_videoplayer_text_02: string;
237
- ui_cpnt_videoplayer_scrubber_01: string;
238
- ui_cpnt_videoplayer_scrubber_primary: string;
239
- ui_cpnt_videoplayer_playbar_base: string;
240
- ui_cpnt_videoplayer_playbar_02: string;
241
- ui_cpnt_videoplayer_playbar_primary: string;
242
- ui_cpnt_videoplayer_playbar_01: string;
243
- ui_cpnt_tableheadbar_title: string;
244
- ui_cpnt_tableheaderbar_text_default: string;
245
- ui_cpnt_tableheaderbar_text_disabled: string;
246
- ui_cpnt_tableheaderbar_icon_01: string;
247
- ui_cpnt_datatable_text_01: string;
248
- ui_cpnt_datatable_text_02: string;
249
- ui_cpnt_datatable_text_03: string;
250
- ui_cpnt_datatable_text_textbutton: string;
251
- ui_cpnt_datatable_text_active: string;
252
- ui_cpnt_datatable_base_default: string;
253
- ui_cpnt_datatable_base_hover: string;
254
- ui_cpnt_datatable_text_inactive: string;
255
- ui_cpnt_datatable_bulkaction_base: string;
256
- ui_cpnt_datatable_icon_01: string;
257
- ui_cpnt_datatable_text_04: string;
258
- ui_cpnt_chip_fill_base_active_02: string;
259
- ui_cpnt_chip_fill_text_active_02: string;
260
- ui_cpnt_chip_fill_icon_active_02: string;
261
- ui_cpnt_dropdown_border_normal: string;
262
- ui_cpnt_dropdown_border_focus: string;
263
- ui_cpnt_dropdown_base_normal: string;
264
- ui_cpnt_dropdown_base_disabled: string;
265
- ui_cpnt_dropdown_text_hint: string;
266
- ui_cpnt_dropdown_text_selected: string;
267
- ui_cpnt_dropdown_text_disabled: string;
268
- ui_cpnt_dropdown_icon_01: string;
269
- ui_cpnt_dropdown_icon_02: string;
270
- ui_cpnt_datatable_textbutton_base_02: string;
271
- ui_cpnt_datatable_textbutton_base_01: string;
272
- ui_cpnt_datatable_icon_02: string;
273
- ui_cpnt_datatable_icon_03: string;
274
- ui_cpnt_datatable_icon_04: string;
275
- ui_cpnt_sidebar_common_base: string;
276
- ui_cpnt_sidebar_header_base: string;
277
- ui_cpnt_sidebar_label_base: string;
278
- ui_cpnt_sidebar_listitem_base_inactive: string;
279
- ui_cpnt_sidebar_listitem_base_active: string;
280
- ui_cpnt_sidebar_footer_base: string;
281
- ui_cpnt_sidebar_label_icon: string;
282
- ui_cpnt_sidebar_listitem_icon_inactive: string;
283
- ui_cpnt_sidebar_listitem_icon_active: string;
284
- ui_cpnt_sidebar_icon_01: string;
285
- ui_cpnt_modal_body_base: string;
286
- ui_cpnt_modal_header_icon_02: string;
287
- ui_cpnt_selectcard_base_selected: string;
288
- ui_cpnt_selectcard_base_default: string;
289
- ui_cpnt_selectcard_icon_default: string;
290
- ui_cpnt_selectcard_icon_selected: string;
291
- ui_cpnt_selectcard_text_01: string;
292
- ui_cpnt_selectcard_text_02: string;
293
- ui_cpnt_selectcard_text_03: string;
294
- ui_cpnt_bannerslidecontent_text_white: string;
295
- ui_cpnt_modal_header_icon_03: string;
296
- ui_cpnt_modal_body_tertiary_text: string;
297
- ui_cpnt_list_timestatus_base: string;
298
- ui_cpnt_list_text_timestatus: string;
299
- ui_cpnt_imageview_base_03: string;
300
- ui_34: string;
301
- ui_cpnt_editorsidebar_base: string;
302
- ui_cpnt_editorsidebar_visible_status_base: string;
303
- ui_cpnt_editorsidebar_visible_status_text: string;
304
- ui_cpnt_editorsidebar_card_base_default: string;
305
- ui_cpnt_editorsidebar_card_base_selected: string;
306
- ui_cpnt_editorsidebar_text_default: string;
307
- ui_cpnt_editorsidebar_text_selected: string;
308
- ui_cpnt_editorsidebar_icon_default: string;
309
- ui_cpnt_editorsidebar_icon_selected: string;
310
- ui_cpnt_editorsidebar_card_border: string;
311
- ui_cpnt_step_base_area: string;
312
- ui_cpnt_step_text_inactive: string;
313
- ui_cpnt_step_text_active: string;
314
- ui_cpnt_step_circular_inactive: string;
315
- ui_cpnt_step_circular_active: string;
316
- ui_cpnt_step_icon: string;
317
- ui_cpnt_step_text_number: string;
318
- ui_cpnt_imageslide_dot_area_1: string;
319
- ui_cpnt_imageslide_dot_area_2: string;
320
- ui_cpnt_editorsidebar_text_disabled: string;
321
- ui_cpnt_editorsidebar_icon_disabled: string;
322
- ui_cpnt_editorsidebar_card_border_disabled: string;
323
- ui_cpnt_userdesktopnavbar_base_area: string;
324
- ui_cpnt_button_line_base_default: string;
325
- ui_cpnt_userdesktoptabbar_base_area: string;
326
- ui_cpnt_userdesktoptabbar_divider: string;
327
- ui_cpnt_userdesktoptabbar_border_active_indicator: string;
328
- ui_cpnt_userdesktoptabbar_text_active: string;
329
- ui_cpnt_userdesktoptabbar_text_inactive: string;
330
- ui_cpnt_selcontrols_base_off_disabled: string;
331
- ui_cpnt_selcontrols_base_on_disabled: string;
332
- ui_cpnt_selcontrols_circular: string;
333
- ui_cpnt_chip_line_icon_02: string;
334
- ui_cpnt_overlay_base: string;
335
- ui_cpnt_profile_base: string;
336
- ui_cpnt_card_base: string;
337
- ui_cpnt_card_selected_border: string;
338
- ui_cpnt_card_icon_basic: string;
339
- ui_cpnt_card_icon_custom: string;
340
- ui_cpnt_card_icon_create: string;
341
- ui_cpnt_modal_dimmed: string;
342
- ui_cpnt_alertdialog_dimmed: string;
343
- ui_cpnt_bottomsheet_base: string;
344
- ui_cpnt_bottomsheet_icon_03: string;
345
- ui_cpnt_button_icon_white: string;
346
- ui_cpnt_list_icon_03: string;
347
- ui_cpnt_list_icon_active_primary: string;
348
- ui_cpnt_alertdialog_icon_information: string;
349
- ui_cpnt_bottomsheet_bar: string;
350
- ui_cpnt_button_line_border_error: string;
351
- ui_cpnt_button_text_error: string;
352
- ui_cpnt_button_icon_error: string;
353
- ui_cpnt_textlabel_sys_primary: string;
354
- ui_cpnt_textlabel_sys_secondary: string;
355
- ui_cpnt_textlabel_sys_tertiary: string;
356
- ui_cpnt_textlabel_sys_white: string;
357
- ui_cpnt_textlabel_sys_brandprimary: string;
358
- ui_cpnt_textlabel_sys_error: string;
359
- ui_cpnt_textlabel_sys_brandseconvariant: string;
360
- ui_cpnt_textlabel_usr_brandprimary: string;
361
- ui_cpnt_textlabel_usr_brandseconvariant: string;
362
- ui_cpnt_textlabel_usr_brandonprimary: string;
363
- ui_cpnt_list_text_body: string;
364
- ui_cpnt_card_icon_background_01: string;
365
- ui_cpnt_card_icon_background_02: string;
366
- ui_cpnt_card_icon_background_03: string;
367
- ui_cpnt_bannerslide_gradient_1: string;
368
- ui_cpnt_bannerslide_gradient_2: string;
369
- ui_cpnt_modal_gradient_1: string;
370
- ui_cpnt_modal_gradient_2: string;
371
- ui_cpnt_list_icon_04: string;
372
- ui_cpnt_list_thumbnail_border: string;
373
- ui_cpnt_list_thumbnail_gradient_1: string;
374
- ui_cpnt_list_thumbnail_gradient_2: string;
375
- ui_cpnt_list_base_area_active: string;
376
- ui_cpnt_contextmenu_base: string;
377
- ui_cpnt_videoplayer_gradient_1: string;
378
- ui_cpnt_videoplayer_gradient_2: string;
379
- ui_cpnt_videoplayer_overlay: string;
380
- ui_globalmenucontainer_background: string;
381
- ui_pagemenucontainer_background: string;
382
- ui_submenucontainer_background: string;
383
- ui_tabmenucontainer_background: string;
384
- ui_contentscontainer01_background: string;
385
- ui_contentscontainer02_background: string;
386
- ui_cpnt_bannerslide_icon_01: string;
387
- ui_cpnt_card_shadow: string;
388
- ui_cpnt_bannerslide_pagination_active: string;
389
- ui_cpnt_bannerslide_pagination_inactive: string;
390
- ui_cpnt_icon_usr_brandprimary: string;
391
- ui_container_divider: string;
392
- ui_area_divider: string;
393
- ui_cpnt_list_base_area_seller: string;
394
- ui_temp_grey_01: string;
395
- ui_temp_grey_02: string;
396
- ui_temp_grey_03: string;
397
- ui_temp_grey_04: string;
398
- ui_temp_grey_05: string;
399
- ui_temp_white: string;
400
- ui_temp_primary_01: string;
401
- ui_temp_secondary_01: string;
402
- ui_temp_red: string;
403
- ui_temp_white_opacity_00: string;
404
- ui_temp_dimmed: string;
405
- ui_temp_black: string;
406
- ui_temp_primary_02: string;
407
- ui_temp_primary_03: string;
408
- ui_temp_secondary_02: string;
409
- ui_temp_lightgreen_01: string;
410
- ui_cpnt_userdesktopnavbar_profile_border: string;
411
- ui_cpnt_textlabel_sys_grey_04: string;
412
- ui_papp_post_social_background: string;
413
- ui_papp_post_notice_background: string;
414
- ui_papp_post_free_background: string;
415
- ui_papp_vod_background: string;
416
- ui_papp_vodplus_background: string;
417
- ui_papp_live_background: string;
418
- ui_community_pagination_base_area: string;
419
- ui_cpnt_contextmenu_border: string;
420
- ui_profile_image_border: string;
421
- ui_cpnt_alertdialog_border: string;
422
- ui_cpnt_modal_border: string;
423
- ui_cpnt_card_border: string;
424
- ui_cpnt_overlay_border: string;
425
- ui_cpnt_datatable_base_selected: string;
426
- ui_cpnt_icon_sys_brandprimary: string;
427
- ui_cpnt_icon_sys_grey_01: string;
428
- ui_cpnt_icon_sys_grey_02: string;
429
- ui_cpnt_icon_sys_grey_03: string;
430
- ui_cpnt_icon_sys_error_01: string;
431
- ui_cpnt_icon_sys_warning_01: string;
432
- ui_cpnt_icon_sys_success_01: string;
433
- ui_cpnt_icon_usr_brandsecondary: string;
434
- ui_papp_post_notice_link: string;
435
- ui_cpnt_headerbar_icon_02: string;
436
- ui_m_navigationcontainer_background: string;
437
- ui_m_tabcontainer_background: string;
438
- ui_m_contentscontainer01_background: string;
439
- ui_m_contentscontainer02_background: string;
440
- ui_cpnt_statusblock_basic: string;
441
- ui_cpnt_statusblock_standby: string;
442
- ui_cpnt_statusblock_proceeding: string;
443
- ui_cpnt_statusblock_cancel: string;
444
- ui_cpnt_statusblock_end: string;
445
- ui_cpnt_statusblock_error: string;
446
- ui_cpnt_list_base_area_solid: string;
447
- ui_cpnt_list_base_area_translucent: string;
448
- ui_cpnt_list_base_area_transparent: string;
449
- ui_cpnt_list_text_caption_02: string;
450
- ui_cpnt_button_line_border_darktheme_enabled: string;
451
- ui_cpnt_button_line_border_darktheme_disabled: string;
452
- ui_cpnt_button_line_base_darktheme_default: string;
453
- ui_cpnt_button_line_base_darktheme_hover: string;
454
- ui_cpnt_button_line_base_darktheme_pressed: string;
455
- ui_cpnt_button_text_darktheme_enabled: string;
456
- ui_cpnt_button_text_darktheme_disabled: string;
457
- ui_cpnt_button_icon_darktheme_enabled: string;
458
- ui_cpnt_button_icon_darktheme_disabled: string;
459
- ui_cpnt_icon_sys_white: string;
460
- ui_cpnt_button_fill_base_media: string;
461
- ui_cpnt_textfield_text_darktheme_enabled: string;
462
- ui_cpnt_textfield_text_darktheme_hint: string;
463
- ui_cpnt_textfield_text_darktheme_disabled: string;
464
- ui_cpnt_textfield_icon_darktheme_default: string;
465
- ui_cpnt_textfield_icon_darktheme_disabled: string;
466
- ui_cpnt_textfield_border_darktheme_normal: string;
467
- ui_cpnt_textfield_border_darktheme_focus: string;
468
- ui_cpnt_textfield_border_darktheme_error: string;
469
- ui_cpnt_textfield_text_darktheme_error: string;
470
- ui_cpnt_textfield_base_darktheme_disabled: string;
471
- ui_cpnt_select_text_darktheme_enabled: string;
472
- ui_cpnt_select_text_darktheme_hint: string;
473
- ui_cpnt_select_text_darktheme_disabled: string;
474
- ui_cpnt_select_icon_darktheme_default: string;
475
- ui_cpnt_select_icon_darktheme_disabled: string;
476
- ui_cpnt_select_border_darktheme_normal: string;
477
- ui_cpnt_select_border_darktheme_focus: string;
478
- ui_cpnt_select_base_darktheme_disabled: string;
479
- ui_cpnt_dropdown_text_darktheme_enabled: string;
480
- ui_cpnt_dropdown_text_darktheme_hint: string;
481
- ui_cpnt_dropdown_text_darktheme_disabled: string;
482
- ui_cpnt_dropdown_icon_darktheme_default: string;
483
- ui_cpnt_dropdown_icon_darktheme_disabled: string;
484
- ui_cpnt_dropdown_border_darktheme_normal: string;
485
- ui_cpnt_dropdown_border_darktheme_focus: string;
486
- ui_cpnt_dropdown_base_darktheme_disabled: string;
487
- ui_cpnt_sheet_base: string;
488
- ui_cpnt_button_icon_darktheme_default: string;
489
- ui_cpnt_button_icon_darktheme_primary: string;
490
- ui_cpnt_button_text_darktheme_default: string;
491
- ui_cpnt_button_text_darktheme_primary: string;
492
- ui_35: string;
493
- ui_cpnt_button_fill_base_black_opacity50: string;
494
- ui_cpnt_sheet_base_white: string;
495
- ui_cpnt_sheet_base_black: string;
496
- ui_cpnt_sheet_base_01: string;
497
- ui_cpnt_sheet_base_02: string;
498
- ui_temp_background: string;
499
- ui_list_progress_shape_normal: string;
500
- ui_list_progress_shape_error: string;
501
- ui_list_progress_shape_base: string;
502
- ui_cpnt_textlabel_sys_brand_primary_opacity50: string;
503
- ui_cpnt_progressbar_01: string;
504
- ui_cpnt_progressbar_02: string;
505
- ui_36: string;
506
- ui_37: string;
507
- ui_39: string;
508
- ui_cpnt_divider_white_opacity30: string;
509
- ui_toppagemenucontainer_background_wt_m: string;
510
- ui_contentscontainer_background_wt_m: string;
511
- ui_toppagemenuarea_background_wt_m: string;
512
- ui_contentsarea_background_wt_m: string;
513
- ui_cpnt_standardbanner_base_default: string;
514
- ui_channeldesc_white: string;
515
- ui_channeldesc_grey_03: string;
516
- ui_channeldesc_border_grey_03: string;
517
- ui_cpnt_bottomsheet_border: string;
518
- ui_cpnt_userdesktopsidetab_base_area: string;
519
- ui_cpnt_pg_gradient_01: string;
520
- ui_cpnt_pg_gradient_02: string;
521
- ui_channeldesc_background: string;
522
- ui_channeldesc_bottomsheet_base: string;
523
- ui_channeldesc_bottomsheet_border: string;
524
- ui_channeldesc_contents_base: string;
525
- ui_channeldesc_dimmed: string;
526
- ui_cpnt_pg_gradient_03: string;
527
- ui_cpnt_pg_gradient_04: string;
528
- ui_cpnt_pg_gradient_05: string;
529
- ui_cpnt_mask_base: string;
530
- ui_temp_usr_primary_01: string;
531
- ui_cpnt_sheet_base_02_opacity50: string;
532
- ui_menu_primarymenu_main: string;
533
- ui_menu_primarymenu_sub: string;
534
- ui_menu_secondarymenu_main: string;
535
- ui_menu_secondarymenu_sub: string;
536
- ui_menu_hover: string;
537
- ui_menu_active: string;
538
- ui_menu_background: string;
539
- ui_cpnt_video_progress_base: string;
540
- };
541
59
  readonly PaletteColor_Dark: {
542
60
  sys_container_background_01: string;
543
61
  sys_container_background_02: string;
@@ -689,6 +207,7 @@ declare const colorSet: {
689
207
  usr_menu_active: string;
690
208
  usr_menu_background: string;
691
209
  sys_cpnt_base_white_opacity50: string;
210
+ sys_widget_dark_01: string;
692
211
  };
693
212
  readonly PaletteColor_light: {
694
213
  sys_container_background_01: string;
@@ -841,6 +360,490 @@ declare const colorSet: {
841
360
  usr_menu_active: string;
842
361
  usr_menu_background: string;
843
362
  sys_cpnt_base_white_opacity50: string;
363
+ sys_widget_dark_01: string;
364
+ };
365
+ readonly UIColor: {
366
+ ui_cpnt_button_fill_base_primary: string;
367
+ ui_cpnt_button_fill_base_default: string;
368
+ ui_cpnt_button_fill_base_white: string;
369
+ ui_cpnt_button_fill_on_base_hover: string;
370
+ ui_cpnt_button_fill_on_base_pressed: string;
371
+ ui_cpnt_button_fill_base_disabled: string;
372
+ ui_cpnt_button_line_base_pressed: string;
373
+ ui_cpnt_button_line_base_hover: string;
374
+ ui_cpnt_button_line_border_default: string;
375
+ ui_cpnt_button_line_border_enabled: string;
376
+ ui_cpnt_button_line_border_disabled: string;
377
+ ui_cpnt_button_line_border_primary: string;
378
+ ui_cpnt_button_text_primary: string;
379
+ ui_cpnt_button_text_on_primary: string;
380
+ ui_cpnt_button_text_enabled: string;
381
+ ui_cpnt_button_text_disabled: string;
382
+ ui_cpnt_button_text_default: string;
383
+ ui_cpnt_button_icon_on_primary: string;
384
+ ui_cpnt_button_icon_primary: string;
385
+ ui_cpnt_button_icon_enabled: string;
386
+ ui_cpnt_button_icon_disabled: string;
387
+ ui_cpnt_button_icon_default: string;
388
+ ui_cpnt_textfield_border_normal: string;
389
+ ui_cpnt_textfield_border_focus: string;
390
+ ui_cpnt_textfield_border_error: string;
391
+ ui_cpnt_textfield_base_normal: string;
392
+ ui_cpnt_textfield_base_disabled: string;
393
+ ui_cpnt_textfield_text_hint: string;
394
+ ui_cpnt_textfield_text_typed: string;
395
+ ui_cpnt_textfield_text_error: string;
396
+ ui_cpnt_textfield_text_disabled: string;
397
+ ui_cpnt_textfield_icon_01: string;
398
+ ui_cpnt_textfield_icon_02: string;
399
+ ui_cpnt_textfield_icon_03: string;
400
+ ui_cpnt_list_base_area: string;
401
+ ui_cpnt_list_base_area_select: string;
402
+ ui_cpnt_list_text_title: string;
403
+ ui_cpnt_list_text_description_01: string;
404
+ ui_cpnt_list_text_caption_01: string;
405
+ ui_cpnt_headerbar_base_area: string;
406
+ ui_cpnt_headerbar_text_title: string;
407
+ ui_cpnt_headerbar_icon: string;
408
+ ui_cpnt_headerbar_divider: string;
409
+ ui_cpnt_tabbar_base_area: string;
410
+ ui_cpnt_tabbar_divider: string;
411
+ ui_cpnt_tabbar_base_area_sub: string;
412
+ ui_cpnt_tabbar_border_active_indicator_primary: string;
413
+ ui_cpnt_tabbar_text_active_primary: string;
414
+ ui_cpnt_tabbar_border_active_indicator: string;
415
+ ui_cpnt_tabbar_text_active: string;
416
+ ui_cpnt_tabbar_text_inactive_01: string;
417
+ ui_2: string;
418
+ ui_3: string;
419
+ ui_4: string;
420
+ ui_5: string;
421
+ ui_6: string;
422
+ ui_7: string;
423
+ ui_8: string;
424
+ ui_9: string;
425
+ ui_cpnt_pagination_slide_dot_active: string;
426
+ ui_cpnt_pagination_slide_dot_inactive: string;
427
+ ui_10: string;
428
+ ui_11: string;
429
+ ui_cpnt_modal_header_text_title: string;
430
+ ui_cpnt_modal_header_icon_01: string;
431
+ ui_cpnt_modal_header_base_area: string;
432
+ ui_cpnt_modal_header_base_line: string;
433
+ ui_cpnt_modal_body_primary_text: string;
434
+ ui_cpnt_modal_body_secondary_text: string;
435
+ ui_cpnt_modal_footer_base_area: string;
436
+ ui_cpnt_modal_footer_divider: string;
437
+ ui_cpnt_modal_base: string;
438
+ ui_12: string;
439
+ ui_13: string;
440
+ ui_14: string;
441
+ ui_15: string;
442
+ ui_cpnt_text_emptystate: string;
443
+ ui_cpnt_chip_fill_icon_inactive: string;
444
+ ui_cpnt_chip_fill_icon_active_01: string;
445
+ ui_cpnt_chip_fill_text_inactive: string;
446
+ ui_cpnt_chip_fill_text_active_01: string;
447
+ ui_cpnt_chip_fill_base_inactive: string;
448
+ ui_cpnt_chip_fill_base_active_01: string;
449
+ ui_cpnt_chip_line_icon_01: string;
450
+ ui_cpnt_chip_line_text_01: string;
451
+ ui_cpnt_chip_line_text_disabled: string;
452
+ ui_cpnt_chip_line_border_01: string;
453
+ ui_cpnt_chip_base_playtime: string;
454
+ ui_16: string;
455
+ ui_cpnt_list_icon_01: string;
456
+ ui_cpnt_list_icon_02: string;
457
+ ui_cpnt_bottomsheet_icon_01: string;
458
+ ui_cpnt_bottomsheet_text_01: string;
459
+ ui_cpnt_bottomsheet_text_02: string;
460
+ ui_cpnt_bottomsheet_icon_02: string;
461
+ ui_19: string;
462
+ ui_20: string;
463
+ ui_cpnt_fab_default_base_white: string;
464
+ ui_cpnt_fab_default_base_red: string;
465
+ ui_cpnt_fab_default_base_primary: string;
466
+ ui_cpnt_fab_default_base_hover: string;
467
+ ui_cpnt_fab_default_on_base_hover: string;
468
+ ui_cpnt_fab_default_base_pressed: string;
469
+ ui_cpnt_fab_default_on_base_pressed: string;
470
+ ui_cpnt_fab_default_base_disabled: string;
471
+ ui_cpnt_fab_icon_enabled: string;
472
+ ui_cpnt_fab_icon_on_primary: string;
473
+ ui_cpnt_fab_icon_disabled: string;
474
+ ui_cpnt_fab_extended_base_primary: string;
475
+ ui_cpnt_fab_extended_on_base_hover: string;
476
+ ui_cpnt_fab_extended_on_base_pressed: string;
477
+ ui_cpnt_fab_extended_base_disabled: string;
478
+ ui_cpnt_fab_text_on_primary: string;
479
+ ui_cpnt_fab_text_disabled: string;
480
+ ui_cpnt_alertdialog_base: string;
481
+ ui_cpnt_alertdialog_icon_success: string;
482
+ ui_cpnt_alertdialog_icon_error: string;
483
+ ui_cpnt_alertdialog_icon_warning: string;
484
+ ui_cpnt_alertdialog_text_title: string;
485
+ ui_cpnt_alertdialog_text_body: string;
486
+ ui_21: string;
487
+ ui_22: string;
488
+ ui_23: string;
489
+ ui_24: string;
490
+ ui_25: string;
491
+ ui_26: string;
492
+ ui_27: string;
493
+ ui_cpnt_divider: string;
494
+ ui_cpnt_select_border_normal: string;
495
+ ui_cpnt_select_border_focus: string;
496
+ ui_cpnt_select_base_normal: string;
497
+ ui_cpnt_select_base_disabled: string;
498
+ ui_cpnt_select_text_hint: string;
499
+ ui_cpnt_select_text_selected: string;
500
+ ui_cpnt_select_text_disabled: string;
501
+ ui_cpnt_select_icon_01: string;
502
+ ui_cpnt_select_icon_02: string;
503
+ ui_28: string;
504
+ ui_29: string;
505
+ ui_30: string;
506
+ ui_cpnt_videoplayer_icon_01: string;
507
+ ui_32: string;
508
+ ui_cpnt_selcontrols_icon_primary: string;
509
+ ui_cpnt_selcontrols_icon_disabled: string;
510
+ ui_cpnt_selcontrols_icon_default: string;
511
+ ui_cpnt_selcontrols_text_disabled: string;
512
+ ui_cpnt_selcontrols_text_default: string;
513
+ ui_cpnt_selcontrols_icon_on_base_hover: string;
514
+ ui_cpnt_contextmenu_menu_base_normal: string;
515
+ ui_cpnt_contextmenu_menu_base_hover: string;
516
+ ui_cpnt_contextmenu_menu_base_selected: string;
517
+ ui_cpnt_contextmenu_text: string;
518
+ ui_cpnt_selcontrols_base_off: string;
519
+ ui_cpnt_selcontrols_base_on: string;
520
+ ui_cpnt_tabbar_text_inactive_02: string;
521
+ ui_cpnt_videoplayer_unavailable: string;
522
+ ui_cpnt_list_divider: string;
523
+ ui_cpnt_button_fill_base_transparent: string;
524
+ ui_cpnt_list_badge_active: string;
525
+ ui_cpnt_list_badge_active_primary: string;
526
+ ui_cpnt_list_badge_disabled: string;
527
+ ui_cpnt_list_badge_cancel: string;
528
+ ui_cpnt_list_text_quantity_plus: string;
529
+ ui_cpnt_content_card_base: string;
530
+ ui_cpnt_content_icon_03: string;
531
+ ui_cpnt_content_icon_01: string;
532
+ ui_cpnt_content_icon_02: string;
533
+ ui_cpnt_content_card_status_a: string;
534
+ ui_cpnt_content_card_status_b: string;
535
+ ui_cpnt_content_card_status_c: string;
536
+ ui_cpnt_content_card_status_d: string;
537
+ ui_cpnt_textgroup_base_area: string;
538
+ ui_cpnt_imageslide_active: string;
539
+ ui_cpnt_imageslide_inactive: string;
540
+ ui_cpnt_videoplayer_icon_02: string;
541
+ ui_cpnt_videoplayer_text_01: string;
542
+ ui_cpnt_videoplayer_text_02: string;
543
+ ui_cpnt_videoplayer_scrubber_01: string;
544
+ ui_cpnt_videoplayer_scrubber_primary: string;
545
+ ui_cpnt_videoplayer_playbar_base: string;
546
+ ui_cpnt_videoplayer_playbar_02: string;
547
+ ui_cpnt_videoplayer_playbar_primary: string;
548
+ ui_cpnt_videoplayer_playbar_01: string;
549
+ ui_cpnt_tableheadbar_title: string;
550
+ ui_cpnt_tableheaderbar_text_default: string;
551
+ ui_cpnt_tableheaderbar_text_disabled: string;
552
+ ui_cpnt_tableheaderbar_icon_01: string;
553
+ ui_cpnt_datatable_text_01: string;
554
+ ui_cpnt_datatable_text_02: string;
555
+ ui_cpnt_datatable_text_03: string;
556
+ ui_cpnt_datatable_text_textbutton: string;
557
+ ui_cpnt_datatable_text_active: string;
558
+ ui_cpnt_datatable_base_default: string;
559
+ ui_cpnt_datatable_base_hover: string;
560
+ ui_cpnt_datatable_text_inactive: string;
561
+ ui_cpnt_datatable_bulkaction_base: string;
562
+ ui_cpnt_datatable_icon_01: string;
563
+ ui_cpnt_datatable_text_04: string;
564
+ ui_cpnt_chip_fill_base_active_02: string;
565
+ ui_cpnt_chip_fill_text_active_02: string;
566
+ ui_cpnt_chip_fill_icon_active_02: string;
567
+ ui_cpnt_dropdown_border_normal: string;
568
+ ui_cpnt_dropdown_border_focus: string;
569
+ ui_cpnt_dropdown_base_normal: string;
570
+ ui_cpnt_dropdown_base_disabled: string;
571
+ ui_cpnt_dropdown_text_hint: string;
572
+ ui_cpnt_dropdown_text_selected: string;
573
+ ui_cpnt_dropdown_text_disabled: string;
574
+ ui_cpnt_dropdown_icon_01: string;
575
+ ui_cpnt_dropdown_icon_02: string;
576
+ ui_cpnt_datatable_textbutton_base_02: string;
577
+ ui_cpnt_datatable_textbutton_base_01: string;
578
+ ui_cpnt_datatable_icon_02: string;
579
+ ui_cpnt_datatable_icon_03: string;
580
+ ui_cpnt_datatable_icon_04: string;
581
+ ui_cpnt_sidebar_common_base: string;
582
+ ui_cpnt_sidebar_header_base: string;
583
+ ui_cpnt_sidebar_label_base: string;
584
+ ui_cpnt_sidebar_listitem_base_inactive: string;
585
+ ui_cpnt_sidebar_listitem_base_active: string;
586
+ ui_cpnt_sidebar_footer_base: string;
587
+ ui_cpnt_sidebar_label_icon: string;
588
+ ui_cpnt_sidebar_listitem_icon_inactive: string;
589
+ ui_cpnt_sidebar_listitem_icon_active: string;
590
+ ui_cpnt_sidebar_icon_01: string;
591
+ ui_cpnt_modal_body_base: string;
592
+ ui_cpnt_modal_header_icon_02: string;
593
+ ui_cpnt_selectcard_base_selected: string;
594
+ ui_cpnt_selectcard_base_default: string;
595
+ ui_cpnt_selectcard_icon_default: string;
596
+ ui_cpnt_selectcard_icon_selected: string;
597
+ ui_cpnt_selectcard_text_01: string;
598
+ ui_cpnt_selectcard_text_02: string;
599
+ ui_cpnt_selectcard_text_03: string;
600
+ ui_cpnt_bannerslidecontent_text_white: string;
601
+ ui_cpnt_modal_header_icon_03: string;
602
+ ui_cpnt_modal_body_tertiary_text: string;
603
+ ui_cpnt_list_timestatus_base: string;
604
+ ui_cpnt_list_text_timestatus: string;
605
+ ui_cpnt_imageview_base_03: string;
606
+ ui_34: string;
607
+ ui_cpnt_editorsidebar_base: string;
608
+ ui_cpnt_editorsidebar_visible_status_base: string;
609
+ ui_cpnt_editorsidebar_visible_status_text: string;
610
+ ui_cpnt_editorsidebar_card_base_default: string;
611
+ ui_cpnt_editorsidebar_card_base_selected: string;
612
+ ui_cpnt_editorsidebar_text_default: string;
613
+ ui_cpnt_editorsidebar_text_selected: string;
614
+ ui_cpnt_editorsidebar_icon_default: string;
615
+ ui_cpnt_editorsidebar_icon_selected: string;
616
+ ui_cpnt_editorsidebar_card_border: string;
617
+ ui_cpnt_step_base_area: string;
618
+ ui_cpnt_step_text_inactive: string;
619
+ ui_cpnt_step_text_active: string;
620
+ ui_cpnt_step_circular_inactive: string;
621
+ ui_cpnt_step_circular_active: string;
622
+ ui_cpnt_step_icon: string;
623
+ ui_cpnt_step_text_number: string;
624
+ ui_cpnt_imageslide_dot_area_1: string;
625
+ ui_cpnt_imageslide_dot_area_2: string;
626
+ ui_cpnt_editorsidebar_text_disabled: string;
627
+ ui_cpnt_editorsidebar_icon_disabled: string;
628
+ ui_cpnt_editorsidebar_card_border_disabled: string;
629
+ ui_cpnt_userdesktopnavbar_base_area: string;
630
+ ui_cpnt_button_line_base_default: string;
631
+ ui_cpnt_userdesktoptabbar_base_area: string;
632
+ ui_cpnt_userdesktoptabbar_divider: string;
633
+ ui_cpnt_userdesktoptabbar_border_active_indicator: string;
634
+ ui_cpnt_userdesktoptabbar_text_active: string;
635
+ ui_cpnt_userdesktoptabbar_text_inactive: string;
636
+ ui_cpnt_selcontrols_base_off_disabled: string;
637
+ ui_cpnt_selcontrols_base_on_disabled: string;
638
+ ui_cpnt_selcontrols_circular: string;
639
+ ui_cpnt_chip_line_icon_02: string;
640
+ ui_cpnt_overlay_base: string;
641
+ ui_cpnt_profile_base: string;
642
+ ui_cpnt_card_base: string;
643
+ ui_cpnt_card_selected_border: string;
644
+ ui_cpnt_card_icon_basic: string;
645
+ ui_cpnt_card_icon_custom: string;
646
+ ui_cpnt_card_icon_create: string;
647
+ ui_cpnt_modal_dimmed: string;
648
+ ui_cpnt_alertdialog_dimmed: string;
649
+ ui_cpnt_bottomsheet_base: string;
650
+ ui_cpnt_bottomsheet_icon_03: string;
651
+ ui_cpnt_button_icon_white: string;
652
+ ui_cpnt_list_icon_03: string;
653
+ ui_cpnt_list_icon_active_primary: string;
654
+ ui_cpnt_alertdialog_icon_information: string;
655
+ ui_cpnt_bottomsheet_bar: string;
656
+ ui_cpnt_button_line_border_error: string;
657
+ ui_cpnt_button_text_error: string;
658
+ ui_cpnt_button_icon_error: string;
659
+ ui_cpnt_textlabel_sys_primary: string;
660
+ ui_cpnt_textlabel_sys_secondary: string;
661
+ ui_cpnt_textlabel_sys_tertiary: string;
662
+ ui_cpnt_textlabel_sys_white: string;
663
+ ui_cpnt_textlabel_sys_brandprimary: string;
664
+ ui_cpnt_textlabel_sys_error: string;
665
+ ui_cpnt_textlabel_sys_brandseconvariant: string;
666
+ ui_cpnt_textlabel_usr_brandprimary: string;
667
+ ui_cpnt_textlabel_usr_brandseconvariant: string;
668
+ ui_cpnt_textlabel_usr_brandonprimary: string;
669
+ ui_cpnt_list_text_body: string;
670
+ ui_cpnt_card_icon_background_01: string;
671
+ ui_cpnt_card_icon_background_02: string;
672
+ ui_cpnt_card_icon_background_03: string;
673
+ ui_cpnt_bannerslide_gradient_1: string;
674
+ ui_cpnt_bannerslide_gradient_2: string;
675
+ ui_cpnt_modal_gradient_1: string;
676
+ ui_cpnt_modal_gradient_2: string;
677
+ ui_cpnt_list_icon_04: string;
678
+ ui_cpnt_list_thumbnail_border: string;
679
+ ui_cpnt_list_thumbnail_gradient_1: string;
680
+ ui_cpnt_list_thumbnail_gradient_2: string;
681
+ ui_cpnt_list_base_area_active: string;
682
+ ui_cpnt_contextmenu_base: string;
683
+ ui_cpnt_videoplayer_gradient_1: string;
684
+ ui_cpnt_videoplayer_gradient_2: string;
685
+ ui_cpnt_videoplayer_overlay: string;
686
+ ui_globalmenucontainer_background: string;
687
+ ui_pagemenucontainer_background: string;
688
+ ui_submenucontainer_background: string;
689
+ ui_tabmenucontainer_background: string;
690
+ ui_contentscontainer01_background: string;
691
+ ui_contentscontainer02_background: string;
692
+ ui_cpnt_bannerslide_icon_01: string;
693
+ ui_cpnt_card_shadow: string;
694
+ ui_cpnt_bannerslide_pagination_active: string;
695
+ ui_cpnt_bannerslide_pagination_inactive: string;
696
+ ui_cpnt_icon_usr_brandprimary: string;
697
+ ui_container_divider: string;
698
+ ui_area_divider: string;
699
+ ui_cpnt_list_base_area_seller: string;
700
+ ui_temp_grey_01: string;
701
+ ui_temp_grey_02: string;
702
+ ui_temp_grey_03: string;
703
+ ui_temp_grey_04: string;
704
+ ui_temp_grey_05: string;
705
+ ui_temp_white: string;
706
+ ui_temp_primary_01: string;
707
+ ui_temp_secondary_01: string;
708
+ ui_temp_red: string;
709
+ ui_temp_white_opacity_00: string;
710
+ ui_temp_dimmed: string;
711
+ ui_temp_black: string;
712
+ ui_temp_primary_02: string;
713
+ ui_temp_primary_03: string;
714
+ ui_temp_secondary_02: string;
715
+ ui_temp_lightgreen_01: string;
716
+ ui_cpnt_userdesktopnavbar_profile_border: string;
717
+ ui_cpnt_textlabel_sys_grey_04: string;
718
+ ui_papp_post_social_background: string;
719
+ ui_papp_post_notice_background: string;
720
+ ui_papp_post_free_background: string;
721
+ ui_papp_vod_background: string;
722
+ ui_papp_vodplus_background: string;
723
+ ui_papp_live_background: string;
724
+ ui_community_pagination_base_area: string;
725
+ ui_cpnt_contextmenu_border: string;
726
+ ui_profile_image_border: string;
727
+ ui_cpnt_alertdialog_border: string;
728
+ ui_cpnt_modal_border: string;
729
+ ui_cpnt_card_border: string;
730
+ ui_cpnt_overlay_border: string;
731
+ ui_cpnt_datatable_base_selected: string;
732
+ ui_cpnt_icon_sys_brandprimary: string;
733
+ ui_cpnt_icon_sys_grey_01: string;
734
+ ui_cpnt_icon_sys_grey_02: string;
735
+ ui_cpnt_icon_sys_grey_03: string;
736
+ ui_cpnt_icon_sys_error_01: string;
737
+ ui_cpnt_icon_sys_warning_01: string;
738
+ ui_cpnt_icon_sys_success_01: string;
739
+ ui_cpnt_icon_usr_brandsecondary: string;
740
+ ui_papp_post_notice_link: string;
741
+ ui_cpnt_headerbar_icon_02: string;
742
+ ui_m_navigationcontainer_background: string;
743
+ ui_m_tabcontainer_background: string;
744
+ ui_m_contentscontainer01_background: string;
745
+ ui_m_contentscontainer02_background: string;
746
+ ui_cpnt_statusblock_basic: string;
747
+ ui_cpnt_statusblock_standby: string;
748
+ ui_cpnt_statusblock_proceeding: string;
749
+ ui_cpnt_statusblock_cancel: string;
750
+ ui_cpnt_statusblock_end: string;
751
+ ui_cpnt_statusblock_error: string;
752
+ ui_cpnt_list_base_area_solid: string;
753
+ ui_cpnt_list_base_area_translucent: string;
754
+ ui_cpnt_list_base_area_transparent: string;
755
+ ui_cpnt_list_text_caption_02: string;
756
+ ui_cpnt_button_line_border_darktheme_enabled: string;
757
+ ui_cpnt_button_line_border_darktheme_disabled: string;
758
+ ui_cpnt_button_line_base_darktheme_default: string;
759
+ ui_cpnt_button_line_base_darktheme_hover: string;
760
+ ui_cpnt_button_line_base_darktheme_pressed: string;
761
+ ui_cpnt_button_text_darktheme_enabled: string;
762
+ ui_cpnt_button_text_darktheme_disabled: string;
763
+ ui_cpnt_button_icon_darktheme_enabled: string;
764
+ ui_cpnt_button_icon_darktheme_disabled: string;
765
+ ui_cpnt_icon_sys_white: string;
766
+ ui_cpnt_button_fill_base_media: string;
767
+ ui_cpnt_textfield_text_darktheme_enabled: string;
768
+ ui_cpnt_textfield_text_darktheme_hint: string;
769
+ ui_cpnt_textfield_text_darktheme_disabled: string;
770
+ ui_cpnt_textfield_icon_darktheme_default: string;
771
+ ui_cpnt_textfield_icon_darktheme_disabled: string;
772
+ ui_cpnt_textfield_border_darktheme_normal: string;
773
+ ui_cpnt_textfield_border_darktheme_focus: string;
774
+ ui_cpnt_textfield_border_darktheme_error: string;
775
+ ui_cpnt_textfield_text_darktheme_error: string;
776
+ ui_cpnt_textfield_base_darktheme_disabled: string;
777
+ ui_cpnt_select_text_darktheme_enabled: string;
778
+ ui_cpnt_select_text_darktheme_hint: string;
779
+ ui_cpnt_select_text_darktheme_disabled: string;
780
+ ui_cpnt_select_icon_darktheme_default: string;
781
+ ui_cpnt_select_icon_darktheme_disabled: string;
782
+ ui_cpnt_select_border_darktheme_normal: string;
783
+ ui_cpnt_select_border_darktheme_focus: string;
784
+ ui_cpnt_select_base_darktheme_disabled: string;
785
+ ui_cpnt_dropdown_text_darktheme_enabled: string;
786
+ ui_cpnt_dropdown_text_darktheme_hint: string;
787
+ ui_cpnt_dropdown_text_darktheme_disabled: string;
788
+ ui_cpnt_dropdown_icon_darktheme_default: string;
789
+ ui_cpnt_dropdown_icon_darktheme_disabled: string;
790
+ ui_cpnt_dropdown_border_darktheme_normal: string;
791
+ ui_cpnt_dropdown_border_darktheme_focus: string;
792
+ ui_cpnt_dropdown_base_darktheme_disabled: string;
793
+ ui_cpnt_sheet_base: string;
794
+ ui_cpnt_button_icon_darktheme_default: string;
795
+ ui_cpnt_button_icon_darktheme_primary: string;
796
+ ui_cpnt_button_text_darktheme_default: string;
797
+ ui_cpnt_button_text_darktheme_primary: string;
798
+ ui_35: string;
799
+ ui_cpnt_button_fill_base_black_opacity50: string;
800
+ ui_cpnt_sheet_base_white: string;
801
+ ui_cpnt_sheet_base_black: string;
802
+ ui_cpnt_sheet_base_01: string;
803
+ ui_cpnt_sheet_base_02: string;
804
+ ui_temp_background: string;
805
+ ui_list_progress_shape_normal: string;
806
+ ui_list_progress_shape_error: string;
807
+ ui_list_progress_shape_base: string;
808
+ ui_cpnt_textlabel_sys_brand_primary_opacity50: string;
809
+ ui_cpnt_progressbar_01: string;
810
+ ui_cpnt_progressbar_02: string;
811
+ ui_36: string;
812
+ ui_37: string;
813
+ ui_39: string;
814
+ ui_cpnt_divider_white_opacity30: string;
815
+ ui_toppagemenucontainer_background_wt_m: string;
816
+ ui_contentscontainer_background_wt_m: string;
817
+ ui_toppagemenuarea_background_wt_m: string;
818
+ ui_contentsarea_background_wt_m: string;
819
+ ui_cpnt_standardbanner_base_default: string;
820
+ ui_channeldesc_white: string;
821
+ ui_channeldesc_grey_03: string;
822
+ ui_channeldesc_border_grey_03: string;
823
+ ui_cpnt_bottomsheet_border: string;
824
+ ui_cpnt_userdesktopsidetab_base_area: string;
825
+ ui_cpnt_pg_gradient_01: string;
826
+ ui_cpnt_pg_gradient_02: string;
827
+ ui_channeldesc_background: string;
828
+ ui_channeldesc_bottomsheet_base: string;
829
+ ui_channeldesc_bottomsheet_border: string;
830
+ ui_channeldesc_contents_base: string;
831
+ ui_channeldesc_dimmed: string;
832
+ ui_cpnt_pg_gradient_03: string;
833
+ ui_cpnt_pg_gradient_04: string;
834
+ ui_cpnt_pg_gradient_05: string;
835
+ ui_cpnt_mask_base: string;
836
+ ui_temp_usr_primary_01: string;
837
+ ui_cpnt_sheet_base_02_opacity50: string;
838
+ ui_menu_primarymenu_main: string;
839
+ ui_menu_primarymenu_sub: string;
840
+ ui_menu_secondarymenu_main: string;
841
+ ui_menu_secondarymenu_sub: string;
842
+ ui_menu_hover: string;
843
+ ui_menu_active: string;
844
+ ui_menu_background: string;
845
+ ui_cpnt_video_progress_base: string;
846
+ ui_cpnt_icon_sys_dark: string;
844
847
  };
845
848
  };
846
849
  export default colorSet;
@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  /* eslint-disable import/order */
7
7
  var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
8
- var UIColor_json_1 = __importDefault(require("./UIColor.json"));
9
8
  var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
10
9
  var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
10
+ var UIColor_json_1 = __importDefault(require("./UIColor.json"));
11
11
  var colorSet = {
12
12
  SemanticColor: SemanticColor_json_1.default,
13
- UIColor: UIColor_json_1.default,
14
13
  PaletteColor_Dark: PaletteColor_Dark_json_1.default,
15
- PaletteColor_light: PaletteColor_light_json_1.default
14
+ PaletteColor_light: PaletteColor_light_json_1.default,
15
+ UIColor: UIColor_json_1.default
16
16
  };
17
17
  exports.default = colorSet;
@@ -479,4 +479,5 @@ export interface UITheme {
479
479
  ui_menu_active: string;
480
480
  ui_menu_background: string;
481
481
  ui_cpnt_video_progress_base: string;
482
+ ui_cpnt_icon_sys_dark: string;
482
483
  }
@@ -2,6 +2,8 @@
2
2
  import { PDSTextType, UiColors } from '../../../common';
3
3
  export declare type TextLabelProps = {
4
4
  text: PDSTextType;
5
+ tooltipText?: PDSTextType;
6
+ tooltipPosition?: 'left_top' | 'left_bottom' | 'right_top' | 'right_bottom';
5
7
  textAlign?: 'left' | 'center' | 'right';
6
8
  styleTheme?: 'displayBold' | 'headingBold' | 'leadParaBold' | 'leadParaRegular' | 'subTitleBold' | 'subTitleRegular' | 'body1Bold' | 'body1Regular' | 'body2Bold' | 'body2Regular' | 'caption1Bold' | 'caption1Regular' | 'caption2Bold' | 'caption2Regular' | 'form1Regular' | 'form2Regular' | 'blog1Regular';
7
9
  colorOverride?: UiColors;
@@ -15,6 +17,7 @@ export declare type TextLabelProps = {
15
17
  };
16
18
  export declare type TextStyleProps = {
17
19
  textAlign?: 'left' | 'center' | 'right';
20
+ tooltipPosition?: 'left_top' | 'left_bottom' | 'right_top' | 'right_bottom';
18
21
  styleTheme?: 'displayBold' | 'headingBold' | 'leadParaBold' | 'leadParaRegular' | 'subTitleBold' | 'subTitleRegular' | 'body1Bold' | 'body1Regular' | 'body2Bold' | 'body2Regular' | 'caption1Bold' | 'caption1Regular' | 'caption2Bold' | 'caption2Regular' | 'form1Regular' | 'form2Regular' | 'blog1Regular';
19
22
  colorOverride?: UiColors;
20
23
  colorTheme?: 'sysTextPrimary' | 'sysTextSecondary' | 'sysTextTertiary' | 'sysTextWhite' | 'sysTextError' | 'sysTextBrandPrimary' | 'sysTextBrandSeconVariant' | 'usrTextBrandPrimary' | 'usrTextBrandSeconVariant' | 'usrTextBrandOnPrimary';
@@ -25,5 +28,5 @@ export declare type TextStyleProps = {
25
28
  customFontSize?: string;
26
29
  customFontWeight?: 'bold' | 'regular';
27
30
  };
28
- declare function TextLabel({ text, textAlign, styleTheme, colorOverride, colorTheme, singleLineMode, ellipsisMode, lineLimit, userSelectMode, customFontSize, customFontWeight }: TextLabelProps): JSX.Element;
31
+ declare function TextLabel({ text, tooltipText, tooltipPosition, textAlign, styleTheme, colorOverride, colorTheme, singleLineMode, ellipsisMode, lineLimit, userSelectMode, customFontSize, customFontWeight }: TextLabelProps): JSX.Element;
29
32
  export default TextLabel;
@@ -22,16 +22,23 @@ var __importStar = (this && this.__importStar) || function (mod) {
22
22
  __setModuleDefault(result, mod);
23
23
  return result;
24
24
  };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
25
  Object.defineProperty(exports, "__esModule", { value: true });
29
- var react_1 = __importDefault(require("react"));
26
+ var react_1 = __importStar(require("react"));
30
27
  var styled_components_1 = __importStar(require("styled-components"));
31
28
  var common_1 = require("../../../common");
29
+ var hybrid_1 = require("../../../hybrid");
32
30
  function TextLabel(_a) {
33
- var text = _a.text, _b = _a.textAlign, textAlign = _b === void 0 ? 'left' : _b, _c = _a.styleTheme, styleTheme = _c === void 0 ? 'body2Bold' : _c, colorOverride = _a.colorOverride, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'sysTextPrimary' : _d, _e = _a.singleLineMode, singleLineMode = _e === void 0 ? 'none' : _e, _f = _a.ellipsisMode, ellipsisMode = _f === void 0 ? 'none' : _f, lineLimit = _a.lineLimit, _g = _a.userSelectMode, userSelectMode = _g === void 0 ? 'none' : _g, customFontSize = _a.customFontSize, customFontWeight = _a.customFontWeight;
34
- return (react_1.default.createElement(S_TextLabel, { textAlign: textAlign, styleTheme: styleTheme, colorOverride: colorOverride, colorTheme: colorTheme, singleLineMode: singleLineMode, ellipsisMode: ellipsisMode, lineLimit: lineLimit, userSelectMode: userSelectMode, customFontSize: customFontSize, customFontWeight: customFontWeight }, text));
31
+ var text = _a.text, tooltipText = _a.tooltipText, _b = _a.tooltipPosition, tooltipPosition = _b === void 0 ? 'right_bottom' : _b, _c = _a.textAlign, textAlign = _c === void 0 ? 'left' : _c, _d = _a.styleTheme, styleTheme = _d === void 0 ? 'body2Bold' : _d, colorOverride = _a.colorOverride, _e = _a.colorTheme, colorTheme = _e === void 0 ? 'sysTextPrimary' : _e, _f = _a.singleLineMode, singleLineMode = _f === void 0 ? 'none' : _f, _g = _a.ellipsisMode, ellipsisMode = _g === void 0 ? 'none' : _g, lineLimit = _a.lineLimit, _h = _a.userSelectMode, userSelectMode = _h === void 0 ? 'none' : _h, customFontSize = _a.customFontSize, customFontWeight = _a.customFontWeight;
32
+ var _j = (0, react_1.useState)(false), isTooltipOpen = _j[0], setIsTooltipOpen = _j[1];
33
+ var handleTooltipToggle = function (value) {
34
+ setIsTooltipOpen(value);
35
+ };
36
+ return (react_1.default.createElement(S_TextLabel, { textAlign: textAlign, styleTheme: styleTheme, colorOverride: colorOverride, colorTheme: colorTheme, singleLineMode: singleLineMode, ellipsisMode: ellipsisMode, lineLimit: lineLimit, userSelectMode: userSelectMode, customFontSize: customFontSize, customFontWeight: customFontWeight },
37
+ text,
38
+ tooltipText && (react_1.default.createElement(S_TooltipBox, { styleTheme: styleTheme },
39
+ react_1.default.createElement(S_IconWrapper, { onMouseEnter: function () { return handleTooltipToggle(true); }, onMouseLeave: function () { return handleTooltipToggle(false); } },
40
+ react_1.default.createElement(hybrid_1.Icon, { iconName: "ic_question", size: 16, fillType: "line" })),
41
+ react_1.default.createElement(S_TooltipWrapper, { className: "TooltipWrapper", isTooltipOpen: isTooltipOpen, tooltipPosition: tooltipPosition }, "" + tooltipText)))));
35
42
  }
36
43
  var displayBold = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
37
44
  var theme = _a.theme;
@@ -259,7 +266,11 @@ var ellipsisStyle = (0, styled_components_1.css)(templateObject_30 || (templateO
259
266
  return lineLimit;
260
267
  });
261
268
  var userSelectModeStyle = (0, styled_components_1.css)(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n -ms-user-select: none;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n"], ["\n -ms-user-select: none;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n"])));
262
- var S_TextLabel = styled_components_1.default.div(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: keep-all;\n overflow-wrap: break-word;\n hyphens: auto;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: keep-all;\n overflow-wrap: break-word;\n hyphens: auto;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (_a) {
269
+ var tooltipLeftTop = (0, styled_components_1.css)(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n right: 0;\n bottom: 20px;\n"], ["\n right: 0;\n bottom: 20px;\n"])));
270
+ var tooltipLeftBottom = (0, styled_components_1.css)(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n right: 0;\n top: 20px;\n"], ["\n right: 0;\n top: 20px;\n"])));
271
+ var tooltipRightTop = (0, styled_components_1.css)(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n left: 0;\n bottom: 20px;\n"], ["\n left: 0;\n bottom: 20px;\n"])));
272
+ var tooltipRightBottom = (0, styled_components_1.css)(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n left: 0;\n top: 20px;\n"], ["\n left: 0;\n top: 20px;\n"])));
273
+ var S_TextLabel = styled_components_1.default.div(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: keep-all;\n overflow-wrap: break-word;\n hyphens: auto;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: keep-all;\n overflow-wrap: break-word;\n hyphens: auto;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (_a) {
263
274
  var textAlign = _a.textAlign;
264
275
  return textAlign;
265
276
  }, function (_a) {
@@ -317,5 +328,59 @@ var S_TextLabel = styled_components_1.default.div(templateObject_32 || (template
317
328
  var userSelectMode = _a.userSelectMode;
318
329
  return userSelectMode === 'none' && userSelectModeStyle;
319
330
  });
331
+ var S_TooltipBox = styled_components_1.default.div(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n display: inline-block;\n margin-left: ", ";\n position: relative;\n\n ", ";\n"], ["\n display: inline-block;\n margin-left: ", ";\n position: relative;\n\n ", ";\n"])), function (_a) {
332
+ var theme = _a.theme;
333
+ return theme.spacing.spacingA;
334
+ }, function (_a) {
335
+ var styleTheme = _a.styleTheme;
336
+ switch (styleTheme) {
337
+ case 'headingBold':
338
+ return;
339
+ case 'leadParaBold':
340
+ return;
341
+ case 'leadParaRegular':
342
+ return;
343
+ default:
344
+ return 'vertical-align: middle';
345
+ }
346
+ });
347
+ var S_IconWrapper = styled_components_1.default.div(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"], ["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"])));
348
+ var S_TooltipWrapper = styled_components_1.default.div(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n hyphens: auto;\n line-height: ", ";\n max-width: 320px;\n overflow-wrap: break-word;\n padding: ", ";\n position: absolute;\n text-align: left;\n white-space: pre-wrap;\n width: max-content;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n hyphens: auto;\n line-height: ", ";\n max-width: 320px;\n overflow-wrap: break-word;\n padding: ", ";\n position: absolute;\n text-align: left;\n white-space: pre-wrap;\n width: max-content;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n"])), function (_a) {
349
+ var theme = _a.theme;
350
+ return theme.ui_cpnt_contextmenu_base;
351
+ }, function (_a) {
352
+ var theme = _a.theme;
353
+ return theme.ui_cpnt_contextmenu_border;
354
+ }, function (_a) {
355
+ var theme = _a.theme;
356
+ return theme.boxShadow.elevation2;
357
+ }, function (_a) {
358
+ var theme = _a.theme;
359
+ return theme.ui_cpnt_textlabel_sys_secondary;
360
+ }, function (_a) {
361
+ var theme = _a.theme;
362
+ return theme.desktopFontSize.caption2;
363
+ }, function (_a) {
364
+ var theme = _a.theme;
365
+ return theme.fontWeight.normal;
366
+ }, function (_a) {
367
+ var theme = _a.theme;
368
+ return theme.desktopLineHeight.caption2;
369
+ }, function (_a) {
370
+ var theme = _a.theme;
371
+ return theme.spacing.spacingC;
372
+ }, function (_a) {
373
+ var isTooltipOpen = _a.isTooltipOpen;
374
+ return !isTooltipOpen && 'display: none';
375
+ }, function (_a) {
376
+ var tooltipPosition = _a.tooltipPosition;
377
+ return tooltipPosition &&
378
+ {
379
+ left_top: tooltipLeftTop,
380
+ left_bottom: tooltipLeftBottom,
381
+ right_top: tooltipRightTop,
382
+ right_bottom: tooltipRightBottom
383
+ }[tooltipPosition];
384
+ });
320
385
  exports.default = TextLabel;
321
- 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, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32;
386
+ 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, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "1.3.7",
3
+ "version": "1.3.8",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,18 +1,13 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v1.3.7]
3
-
4
- ### Layout
5
- * LayoutWF, LayoutWS, LayoutWT에 min-width:1200px 부여
2
+ ## [v1.3.8]
6
3
 
7
4
  ### Component
8
- * PDSValueOption타입 import 가능하게 조치
9
- * DesktopTabBar
10
- * 클릭 이벤트 영역 수정
11
- * subTab단에 클릭 이벤트 추가
12
- * AdminListHeader
13
- * 내부에 있던 totalPage를 구하는 연산의 제거
14
- * FilterBar
15
- * Chip 주변의 spacing 부여 방식 조절
5
+ * Icon
6
+ * line 아이콘 추가 (ic_question)
7
+ * D_TextLabel
8
+ * prop 추가
9
+ * tooltipText
10
+ * tooltipPosition
16
11
 
17
12
  ### Color
18
- * 컬러 키 값 22.04.19 1819분 기준 싱크
13
+ * 컬러 키 값 22.04.24 2021분 기준 싱크