pds-dev-kit-web 0.0.1 → 0.1.0

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.
Files changed (7) hide show
  1. package/dist/lib/styles/colorSet/colors-palette-dark.json +47 -30
  2. package/dist/lib/styles/colorSet/colors-palette.json +27 -10
  3. package/dist/lib/styles/colorSet/colors-semantic.json +14 -9
  4. package/dist/lib/styles/colorSet/colors-ui.json +224 -38
  5. package/dist/lib/styles/colorSet/index.d.ts +280 -55
  6. package/dist/lib/styles/colorSet/ui-type.d.ts +215 -29
  7. package/package.json +4 -1
package/dist/lib/styles/colorSet/colors-palette-dark.json CHANGED
@@ -1,35 +1,52 @@
1
1
  {
2
- "sys_text_grey_01": "grey900_dark",
3
- "sys_text_grey_02": "grey500_dark",
4
- "sys_text_grey_03": "grey400_dark",
5
- "sys_text_brand_primary": "blue500_dark",
6
- "sys_text_error_01": "red500_dark",
7
- "sys_widget_grey_01": "grey900_dark",
8
- "sys_widget_grey_02": "grey500_dark",
9
- "sys_widget_grey_03": "grey400_dark",
10
- "sys_widget_primary_01": "blue500_dark",
11
- "sys_widget_error_01": "red500_dark",
12
- "sys_border_area_01": "grey50_dark",
13
- "sys_border_line_01": "grey100_dark",
14
- "sys_border_line_02": "grey400_dark",
15
- "sys_border_line_03": "blue500_dark",
16
- "sys_contents_background_01": "grey50_dark",
17
- "sys_contents_background_02": "grey950",
18
- "sys_background_base_01": "grey950",
19
- "sys_background_base_02": "grey50_dark",
20
- "sys_background_base_03": "grey100",
2
+ "sys_container_background_01": "grey950",
3
+ "sys_container_background_02": "darkgrey50",
4
+ "sys_container_background_03": "darkgrey100",
21
5
  "sys_background_dimmed": "blackopacity65",
22
- "sys_base_white_opacity00": "whiteopacity00",
23
- "sys_base_white_opacity30": "whiteopacity30",
24
- "sys_base_black_opacity20": "blackopacity20",
25
- "usr_brand_primary": "grey500_dark",
26
- "usr_brand_secondary": "green500_dark",
27
- "usr_brand_secondary_variant": "green700_dark",
6
+ "sys_text_grey_01": "darkgrey900",
7
+ "sys_text_grey_02": "darkgrey500",
8
+ "sys_text_grey_03": "darkgrey400",
9
+ "sys_text_white": "white",
10
+ "sys_text_brand_primary": "darkblue500",
11
+ "sys_text_error_01": "red500",
12
+ "sys_widget_grey_01": "darkgrey900",
13
+ "sys_widget_grey_02": "darkgrey500",
14
+ "sys_widget_grey_03": "darkgrey400",
15
+ "sys_widget_primary_01": "darkblue500",
16
+ "sys_widget_error_01": "darkred500",
17
+ "sys_widget_warning_01": "darkorange500",
18
+ "sys_widget_success_01": "darkgreen700",
19
+ "sys_widget_white": "white",
20
+ "sys_border_area_01": "darkgrey50",
21
+ "sys_border_line_01": "darkgrey100",
22
+ "sys_border_line_02": "darkgrey400",
23
+ "sys_border_line_03": "darkblue500",
24
+ "sys_border_line_04": "darkred500",
25
+ "sys_border_line_05": "darkgrey900",
26
+ "sys_component_base_01": "darkgrey50",
27
+ "sys_component_base_02": "grey950",
28
+ "sys_component_base_03": "darkgrey100",
29
+ "sys_component_base_red": "darkred500",
30
+ "sys_component_base_white": "white",
31
+ "sys_component_base_white_opacity00": "whiteopacity00",
32
+ "sys_on_base_white_opacity00": "whiteopacity00",
33
+ "sys_on_base_white_opacity30": "whiteopacity30",
34
+ "sys_on_base_black_opacity20": "blackopacity20",
35
+ "usr_brand_primary": "darkgrey500",
36
+ "usr_brand_secondary": "darkgreen500",
37
+ "usr_brand_secondary_variant": "darkgreen700",
28
38
  "usr_background": "grey950",
29
- "usr_surface": "grey50_dark",
30
- "usr_border": "grey100_dark",
39
+ "usr_surface": "darkgrey50",
40
+ "usr_border": "darkgrey100",
31
41
  "usr_on_brand_primary": "grey900",
32
- "usr_on_brand_secondary": "grey900_dark",
33
- "usr_on_background": "grey900_dark",
34
- "usr_on_surface": "grey900"
42
+ "usr_on_brand_secondary": "darkgrey900",
43
+ "usr_on_background": "darkgrey900",
44
+ "usr_on_surface": "grey900",
45
+ "sys_widget_status_active_01": "darkgreen500",
46
+ "sys_text_success_01": "darkgreen700",
47
+ "sys_widget_grey_04": "grey100",
48
+ "sys_text_active": "green700",
49
+ "sys_component_base_blue": "blue500",
50
+ "sys_on_base_black_opacity65": "blackopacity65",
51
+ "sys_component_base_04": "grey70"
35
52
  }
package/dist/lib/styles/colorSet/colors-palette.json CHANGED
@@ -1,7 +1,12 @@
1
1
  {
2
+ "sys_container_background_01": "white",
3
+ "sys_container_background_02": "grey50",
4
+ "sys_container_background_03": "grey100",
5
+ "sys_background_dimmed": "blackopacity65",
2
6
  "sys_text_grey_01": "grey900",
3
7
  "sys_text_grey_02": "grey500",
4
8
  "sys_text_grey_03": "grey400",
9
+ "sys_text_white": "white",
5
10
  "sys_text_brand_primary": "blue500",
6
11
  "sys_text_error_01": "red500",
7
12
  "sys_widget_grey_01": "grey900",
@@ -9,19 +14,24 @@
9
14
  "sys_widget_grey_03": "grey400",
10
15
  "sys_widget_primary_01": "blue500",
11
16
  "sys_widget_error_01": "red500",
17
+ "sys_widget_warning_01": "orange500",
18
+ "sys_widget_success_01": "green700",
19
+ "sys_widget_white": "white",
12
20
  "sys_border_area_01": "grey50",
13
21
  "sys_border_line_01": "grey100",
14
22
  "sys_border_line_02": "grey400",
15
23
  "sys_border_line_03": "blue500",
16
- "sys_contents_background_01": "grey50",
17
- "sys_contents_background_02": "white",
18
- "sys_background_base_01": "white",
19
- "sys_background_base_02": "grey50",
20
- "sys_background_base_03": "grey100",
21
- "sys_background_dimmed": "blackopacity65",
22
- "sys_base_white_opacity00": "whiteopacity00",
23
- "sys_base_white_opacity30": "whiteopacity30",
24
- "sys_base_black_opacity20": "blackopacity20",
24
+ "sys_border_line_04": "red500",
25
+ "sys_border_line_05": "grey900",
26
+ "sys_component_base_01": "grey50",
27
+ "sys_component_base_02": "white",
28
+ "sys_component_base_03": "grey100",
29
+ "sys_component_base_red": "red500",
30
+ "sys_component_base_white": "white",
31
+ "sys_component_base_white_opacity00": "whiteopacity00",
32
+ "sys_on_base_white_opacity00": "whiteopacity00",
33
+ "sys_on_base_white_opacity30": "whiteopacity30",
34
+ "sys_on_base_black_opacity20": "blackopacity20",
25
35
  "usr_brand_primary": "blue500",
26
36
  "usr_brand_secondary": "green500",
27
37
  "usr_brand_secondary_variant": "green700",
@@ -31,5 +41,12 @@
31
41
  "usr_on_brand_primary": "white",
32
42
  "usr_on_brand_secondary": "grey900",
33
43
  "usr_on_background": "grey900",
34
- "usr_on_surface": "white"
44
+ "usr_on_surface": "white",
45
+ "sys_widget_status_active_01": "green500",
46
+ "sys_text_success_01": "green700",
47
+ "sys_widget_grey_04": "grey100",
48
+ "sys_text_active": "green700",
49
+ "sys_component_base_blue": "blue500",
50
+ "sys_on_base_black_opacity65": "blackopacity65",
51
+ "sys_component_base_04": "grey70"
35
52
  }
package/dist/lib/styles/colorSet/colors-semantic.json CHANGED
@@ -12,17 +12,22 @@
12
12
  "grey100": "#e8eaed",
13
13
  "grey50": "#f5f6f8",
14
14
  "white": "#ffffff",
15
- "blue500_dark": "#586cff",
15
+ "black": "#000000",
16
+ "darkblue500": "#586cff",
16
17
  "grey950": "#151515",
17
- "grey900_dark": "#fdfdfd",
18
- "grey500_dark": "#a5a5ab",
19
- "grey400_dark": "#68686c",
20
- "grey100_dark": "#404042",
21
- "grey50_dark": "#252526",
22
- "red500_dark": "#ff554a",
23
- "green700_dark": "#0ac28e",
18
+ "darkgrey900": "#fdfdfd",
19
+ "darkgrey500": "#a5a5ab",
20
+ "darkgrey400": "#68686c",
21
+ "darkgrey100": "#404042",
22
+ "darkgrey50": "#252526",
23
+ "darkred500": "#ff554a",
24
+ "darkgreen700": "#0ac28e",
25
+ "orange500": "#ff8200",
26
+ "darkorange500": "##ff8c16",
24
27
  "opacity00": "00",
25
28
  "opacity20": "33",
26
29
  "opacity30": "4D",
27
- "opacity65": "A6"
30
+ "opacity65": "A6",
31
+ "darkgreen500": "#0ce1a8",
32
+ "grey70": "#F2F2F2"
28
33
  }
package/dist/lib/styles/colorSet/colors-ui.json CHANGED
@@ -1,11 +1,13 @@
1
1
  {
2
2
  "ui_cpnt_button_fill_base_primary": "usr_brand_primary",
3
- "ui_cpnt_button_fill_base_default": "sys_background_base_02",
4
- "ui_cpnt_button_fill_on_base_hover": "sys_base_white_opacity30",
5
- "ui_cpnt_button_fill_on_base_press": "sys_base_black_opacity20",
6
- "ui_cpnt_button_fill_base_disabled": "sys_background_base_03",
7
- "ui_cpnt_button_line_base_pressed": "sys_background_base_03",
8
- "ui_cpnt_button_line_base_hover": "sys_background_base_02",
3
+ "ui_cpnt_button_fill_base_default": "sys_component_base_01",
4
+ "ui_cpnt_button_fill_base_white": "sys_component_base_02",
5
+ "ui_cpnt_button_fill_on_base_hover": "sys_on_base_white_opacity30",
6
+ "ui_cpnt_button_fill_on_base_pressed": "sys_on_base_black_opacity20",
7
+ "ui_cpnt_button_fill_base_disabled": "sys_component_base_03",
8
+ "ui_cpnt_button_line_base_pressed": "sys_component_base_03",
9
+ "ui_cpnt_button_line_base_hover": "sys_component_base_01",
10
+ "ui_cpnt_button_line_border_default": "sys_border_line_01",
9
11
  "ui_cpnt_button_line_border_enabled": "sys_border_line_02",
10
12
  "ui_cpnt_button_line_border_disabled": "sys_border_line_02",
11
13
  "ui_cpnt_button_line_border_primary": "usr_brand_primary",
@@ -15,27 +17,39 @@
15
17
  "ui_cpnt_button_text_disabled": "sys_text_grey_03",
16
18
  "ui_cpnt_button_text_default": "sys_text_grey_02",
17
19
  "ui_cpnt_button_icon_on_primary": "usr_on_brand_primary",
18
- "ui_cpnt_input_border_normal": "sys_border_line_01",
19
- "ui_cpnt_input_border_focus": "sys_border_line_03",
20
- "ui_cpnt_input_base_normal": "sys_base_white_opacity00",
21
- "ui_cpnt_input_base_disabled": "sys_contents_background_01",
22
- "ui_cpnt_input_text_hint": "sys_text_grey_02",
23
- "ui_cpnt_input_text_typed": "sys_text_grey_01",
24
- "ui_cpnt_input_text_error": "sys_text_error_01",
25
- "ui_cpnt_input_text_disabled": "sys_text_grey_03",
26
- "ui_cpnt_list_base_area": "sys_base_white_opacity00",
27
- "ui_cpnt_list_base_area_select": "sys_background_base_02",
20
+ "ui_cpnt_button_icon_primary": "usr_brand_primary",
21
+ "ui_cpnt_button_icon_enabled": "sys_widget_grey_01",
22
+ "ui_cpnt_button_icon_disabled": "sys_widget_grey_03",
23
+ "ui_cpnt_button_icon_default": "sys_widget_grey_02",
24
+ "ui_cpnt_textfield_border_normal": "sys_border_line_01",
25
+ "ui_cpnt_textfield_border_focus": "sys_border_line_03",
26
+ "ui_cpnt_textfield_border_error": "sys_border_line_01",
27
+ "ui_cpnt_textfield_base_normal": "sys_component_base_white_opacity00",
28
+ "ui_cpnt_textfield_base_disabled": "sys_component_base_01",
29
+ "ui_cpnt_textfield_text_hint": "sys_text_grey_02",
30
+ "ui_cpnt_textfield_text_typed": "sys_text_grey_01",
31
+ "ui_cpnt_textfield_text_error": "sys_text_error_01",
32
+ "ui_cpnt_textfield_text_disabled": "sys_text_grey_03",
33
+ "ui_cpnt_textfield_icon_01": "sys_widget_grey_01",
34
+ "ui_cpnt_textfield_icon_02": "sys_widget_grey_02",
35
+ "ui_cpnt_textfield_icon_03": "sys_widget_grey_03",
36
+ "ui_cpnt_list_base_area": "sys_component_base_white_opacity00",
37
+ "ui_cpnt_list_base_area_select": "sys_component_base_01",
28
38
  "ui_cpnt_list_text_title": "sys_text_grey_01",
29
39
  "ui_cpnt_list_text_description_01": "sys_text_grey_02",
30
- "ui_cpnt_list_text_description_02": "sys_text_grey_03",
31
- "ui_cpnt_navbar_base_area": "sys_background_base_01",
32
- "ui_cpnt_navbar_text_title": "sys_text_grey_01",
33
- "ui_cpnt_navbar_icon": "sys_widget_grey_01",
34
- "ui_cpnt_tab_base_area": "sys_base_white_opacity00",
35
- "ui_cpnt_tab_border_inactive": "sys_border_line_01",
36
- "ui_cpnt_tab_border_active": "usr_brand_primary",
37
- "ui_cpnt_tab_text_inactive": "sys_text_grey_03",
38
- "ui_cpnt_tab_text_active": "usr_brand_primary",
40
+ "ui_cpnt_list_text_caption_01": "sys_text_grey_03",
41
+ "ui_cpnt_headerbar_base_area": "sys_component_base_white_opacity00",
42
+ "ui_cpnt_headerbar_text_title": "sys_text_grey_01",
43
+ "ui_cpnt_headerbar_icon": "sys_widget_grey_01",
44
+ "ui_cpnt_headerbar_divider": "sys_border_line_01",
45
+ "ui_cpnt_tabbar_base_area": "sys_component_base_white_opacity00",
46
+ "ui_cpnt_tabbar_divider": "sys_border_line_01",
47
+ "ui_cpnt_tabbar_base_area_sub": "sys_component_base_01",
48
+ "ui_cpnt_tabbar_border_active_indicator_primary": "usr_brand_primary",
49
+ "ui_cpnt_tabbar_text_active_primary": "usr_brand_primary",
50
+ "ui_cpnt_tabbar_border_active_indicator": "sys_border_line_05",
51
+ "ui_cpnt_tabbar_text_active": "sys_text_grey_01",
52
+ "ui_cpnt_tabbar_text_inactive_01": "sys_text_grey_02",
39
53
  "ui_2": "sys_text_grey_01",
40
54
  "ui_3": "sys_text_grey_02",
41
55
  "ui_4": "sys_text_grey_03",
@@ -49,26 +63,198 @@
49
63
  "ui_10": "sys_text_grey_01",
50
64
  "ui_11": "sys_text_grey_02",
51
65
  "ui_cpnt_modal_header_text_title": "sys_text_grey_01",
52
- "ui_cpnt_modal_header_icon": "sys_widget_grey_01",
53
- "ui_cpnt_modal_header_base_area": "sys_base_white_opacity00",
66
+ "ui_cpnt_modal_header_icon_01": "sys_widget_grey_01",
67
+ "ui_cpnt_modal_header_base_area": "sys_component_base_white_opacity00",
54
68
  "ui_cpnt_modal_header_base_line": "sys_border_line_01",
55
69
  "ui_cpnt_modal_body_primary_text": "sys_text_grey_01",
56
70
  "ui_cpnt_modal_body_secondary_text": "sys_text_grey_02",
57
- "ui_cpnt_modal_footer_base_area": "sys_base_white_opacity00",
58
- "ui_cpnt_modal_footer_base_line": "sys_border_line_01",
71
+ "ui_cpnt_modal_footer_base_area": "sys_component_base_white_opacity00",
72
+ "ui_cpnt_modal_footer_divider": "sys_border_line_01",
73
+ "ui_cpnt_modal_base": "sys_component_base_02",
59
74
  "ui_12": "sys_text_grey_02",
60
75
  "ui_13": "sys_text_grey_02",
61
76
  "ui_14": "sys_text_grey_01",
62
77
  "ui_15": "sys_text_grey_01",
63
78
  "ui_cpnt_text_emptystate": "sys_text_grey_02",
64
- "ui_cpnt_chips_icon": "sys_widget_grey_02",
65
- "ui_cpnt_button_icon_primary": "usr_brand_primary",
66
- "ui_cpnt_button_icon_enabled": "sys_widget_grey_01",
67
- "ui_cpnt_button_icon_disabled": "sys_widget_grey_03",
68
- "ui_cpnt_button_icon_default": "sys_widget_grey_02",
79
+ "ui_cpnt_chip_fill_icon_inactive": "sys_widget_grey_02",
80
+ "ui_cpnt_chip_fill_icon_active_01": "usr_on_brand_primary",
81
+ "ui_cpnt_chip_fill_text_inactive": "sys_text_grey_02",
82
+ "ui_cpnt_chip_fill_text_active_01": "usr_on_brand_primary",
83
+ "ui_cpnt_chip_fill_base_inactive": "sys_component_base_01",
84
+ "ui_cpnt_chip_fill_base_active_01": "usr_brand_primary",
85
+ "ui_cpnt_chip_line_icon_01": "sys_widget_grey_01",
86
+ "ui_cpnt_chip_line_text_01": "sys_text_grey_01",
87
+ "ui_cpnt_chip_line_text_disabled": "sys_text_grey_03",
88
+ "ui_cpnt_chip_line_border_01": "sys_border_line_01",
89
+ "ui_cpnt_chip_base_playtime": "sys_background_dimmed",
69
90
  "ui_16": "sys_text_grey_01",
70
- "ui_cpnt_button_border_default": "sys_border_line_01",
71
- "ui_cpnt_chips_base_playtime": "sys_background_dimmed",
72
- "sys_text_white": "white",
73
- "ui_cpnt_chips_text_playtime": "sys_text_white"
91
+ "ui_cpnt_list_icon_01": "sys_widget_grey_01",
92
+ "ui_cpnt_list_icon_02": "sys_widget_grey_02",
93
+ "ui_cpnt_bottomsheet_icon_01": "sys_widget_grey_01",
94
+ "ui_cpnt_bottomsheet_text_01": "sys_text_grey_01",
95
+ "ui_cpnt_bottomsheet_text_02": "sys_text_grey_02",
96
+ "ui_cpnt_bottomsheet_icon_02": "sys_widget_grey_02",
97
+ "ui_19": "sys_widget_grey_01",
98
+ "ui_20": "sys_text_grey_01",
99
+ "ui_cpnt_fab_default_base_white": "sys_component_base_white",
100
+ "ui_cpnt_fab_default_base_red": "sys_component_base_red",
101
+ "ui_cpnt_fab_default_base_primary": "usr_brand_primary",
102
+ "ui_cpnt_fab_default_base_hover": "sys_component_base_01",
103
+ "ui_cpnt_fab_default_on_base_hover": "sys_on_base_white_opacity30",
104
+ "ui_cpnt_fab_default_base_pressed": "sys_component_base_03",
105
+ "ui_cpnt_fab_default_on_base_pressed": "sys_on_base_black_opacity20",
106
+ "ui_cpnt_fab_default_base_disabled": "sys_component_base_03",
107
+ "ui_cpnt_fab_icon_enabled": "sys_widget_grey_01",
108
+ "ui_cpnt_fab_icon_on_primary": "usr_on_brand_primary",
109
+ "ui_cpnt_fab_icon_disabled": "sys_widget_grey_03",
110
+ "ui_cpnt_fab_extended_base_primary": "usr_brand_primary",
111
+ "ui_cpnt_fab_extended_on_base_hover": "sys_on_base_white_opacity30",
112
+ "ui_cpnt_fab_extended_on_base_pressed": "sys_on_base_black_opacity20",
113
+ "ui_cpnt_fab_extended_base_disabled": "sys_component_base_03",
114
+ "ui_cpnt_fab_text_on_primary": "usr_on_brand_primary",
115
+ "ui_cpnt_fab_text_disabled": "sys_text_grey_03",
116
+ "ui_cpnt_alertdialog_base": "sys_component_base_02",
117
+ "ui_cpnt_alertdialog_icon_success": "sys_widget_success_01",
118
+ "ui_cpnt_alertdialog_icon_error": "sys_widget_error_01",
119
+ "ui_cpnt_alertdialog_icon_warning": "sys_widget_warning_01",
120
+ "ui_cpnt_alertdialog_text_title": "sys_text_grey_01",
121
+ "ui_cpnt_alertdialog_text_body": "sys_text_grey_02",
122
+ "ui_21": "sys_widget_white",
123
+ "ui_22": "sys_widget_white",
124
+ "ui_23": "sys_widget_white",
125
+ "ui_24": "sys_widget_white",
126
+ "ui_25": "sys_widget_white",
127
+ "ui_26": "sys_widget_white",
128
+ "ui_27": "sys_widget_white",
129
+ "ui_cpnt_divider": "sys_border_line_01",
130
+ "ui_cpnt_select_border_normal": "sys_border_line_01",
131
+ "ui_cpnt_select_border_focus": "sys_border_line_03",
132
+ "ui_cpnt_select_base_normal": "sys_component_base_white_opacity00",
133
+ "ui_cpnt_select_base_disabled": "sys_component_base_01",
134
+ "ui_cpnt_select_text_hint": "sys_text_grey_03",
135
+ "ui_cpnt_select_text_selected": "sys_text_grey_01",
136
+ "ui_cpnt_select_text_disabled": "sys_text_grey_03",
137
+ "ui_cpnt_select_icon_01": "sys_widget_grey_02",
138
+ "ui_cpnt_select_icon_02": "sys_widget_grey_03",
139
+ "ui_28": "sys_text_grey_01",
140
+ "ui_29": "sys_text_grey_02",
141
+ "ui_30": "sys_text_grey_02",
142
+ "ui_cpnt_videoplayer_icon": "sys_widget_white",
143
+ "ui_32": "sys_text_grey_01",
144
+ "ui_cpnt_selcontrols_icon_primary": "usr_brand_primary",
145
+ "ui_cpnt_selcontrols_icon_disabled": "sys_widget_grey_03",
146
+ "ui_cpnt_selcontrols_icon_default": "sys_widget_grey_02",
147
+ "ui_cpnt_selcontrols_text_disabled": "sys_text_grey_03",
148
+ "ui_cpnt_selcontrols_text_default": "sys_text_grey_02",
149
+ "ui_cpnt_selcontrols_icon_on_base_hover": "sys_on_base_white_opacity30",
150
+ "ui_cpnt_contextmenu_base_normal": "sys_component_base_white_opacity00",
151
+ "ui_cpnt_contextmenu_base_hover": "sys_component_base_01",
152
+ "ui_cpnt_contextmenu_base_selected": "sys_component_base_01",
153
+ "ui_cpnt_contextmenu_text": "sys_text_grey_01",
154
+ "ui_cpnt_selcontrols_base_off": "sys_widget_grey_03",
155
+ "ui_cpnt_selcontrols_base_on": "#32d64c",
156
+ "ui_cpnt_tabbar_text_inactive_02": "sys_text_grey_03",
157
+ "ui_cpnt_videoplayer_unavailable": "sys_widget_grey_03",
158
+ "ui_cpnt_list_divider": "sys_border_line_01",
159
+ "ui_cpnt_button_fill_base_transparent": "sys_component_base_white_opacity00",
160
+ "ui_cpnt_list_badge_active": "sys_widget_status_active_01",
161
+ "ui_cpnt_list_badge_active_primary": "usr_brand_primary",
162
+ "ui_cpnt_list_badge_disabled": "sys_widget_grey_03",
163
+ "ui_cpnt_list_badge_cancle": "sys_widget_error_01",
164
+ "ui_cpnt_list_text_quantity_plus": "sys_text_success_01",
165
+ "ui_cpnt_content_card_base": "sys_component_base_03",
166
+ "ui_cpnt_content_icon_03": "sys_widget_grey_03",
167
+ "ui_cpnt_content_icon_01": "sys_widget_grey_01",
168
+ "ui_cpnt_content_icon_02": "sys_widget_grey_02",
169
+ "ui_cpnt_content_card_status_a": "sys_widget_primary_01",
170
+ "ui_cpnt_content_card_status_b": "sys_widget_success_01",
171
+ "ui_cpnt_content_card_status_c": "sys_widget_warning_01",
172
+ "ui_cpnt_content_card_status_d": "sys_widget_grey_03",
173
+ "ui_cpnt_textgroup_base_area": "sys_component_base_white_opacity00",
174
+ "ui_cpnt_imageslide_active": "sys_widget_white",
175
+ "ui_cpnt_imageslide_inactive": "sys_widget_grey_02",
176
+ "ui_cpnt_videoplayer_icon_01": "sys_widget_white",
177
+ "ui_cpnt_videoplayer_text_01": "sys_text_white",
178
+ "ui_cpnt_videoplayer_text_02": "sys_text_white_opacity65",
179
+ "ui_cpnt_videoplayer_scrubber_01": "sys_widget_white",
180
+ "ui_cpnt_videoplayer_scrubber_primary": "usr_brand_primary",
181
+ "ui_cpnt_videoplayer_playbar_base": "sys_on_base_white_opacity30",
182
+ "ui_cpnt_videoplayer_playbar_02": "sys_widget_grey_04",
183
+ "ui_cpnt_videoplayer_playbar_primary": "usr_brand_primary",
184
+ "ui_cpnt_videoplayer_playbar_01": "sys_widget_grey_01",
185
+ "ui_cpnt_tableheadbar_title": "sys_text_grey_01",
186
+ "ui_cpnt_tableheaderbar_text_default": "sys_text_grey_01",
187
+ "ui_cpnt_tableheaderbar_text_disabled": "sys_text_grey_03",
188
+ "ui_cpnt_tableheaderbar_icon_01": "sys_widget_grey_01",
189
+ "ui_cpnt_datatable_text_01": "sys_text_grey_01",
190
+ "ui_cpnt_datatable_text_02": "sys_text_grey_02",
191
+ "ui_cpnt_datatable_text_03": "sys_text_grey_03",
192
+ "ui_cpnt_datatable_text_textbutton": "sys_text_brand_primary",
193
+ "ui_cpnt_datatable_text_active": "sys_text_active",
194
+ "ui_cpnt_datatable_base_default": "sys_component_base_white_opacity00",
195
+ "ui_cpnt_datatable_base_hover": "sys_component_base_01",
196
+ "ui_cpnt_datatable_text_inactive": "sys_text_grey_03",
197
+ "ui_cpnt_datatable_bulkaction_base": "sys_widget_grey_01",
198
+ "ui_cpnt_datatable_icon_01": "sys_widget_white",
199
+ "ui_cpnt_datatable_text_04": "sys_text_white",
200
+ "ui_cpnt_chip_fill_base_active_02": "sys_component_base_01",
201
+ "ui_cpnt_chip_fill_text_active_02": "usr_on_brand_primary",
202
+ "ui_cpnt_chip_fill_icon_active_02": "sys_widget_grey_01",
203
+ "ui_cpnt_dropdown_border_normal": "sys_border_line_01",
204
+ "ui_cpnt_dropdown_border_focus": "sys_border_line_03",
205
+ "ui_cpnt_dropdown_base_normal": "sys_component_base_white_opacity00",
206
+ "ui_cpnt_dropdown_base_disabled": "sys_component_base_01",
207
+ "ui_cpnt_dropdown_text_hint": "sys_text_grey_03",
208
+ "ui_cpnt_dropdown_text_selected": "sys_text_grey_01",
209
+ "ui_cpnt_dropdown_text_disabled": "sys_text_grey_03",
210
+ "ui_cpnt_dropdown_icon_01": "sys_widget_grey_02",
211
+ "ui_cpnt_dropdown_icon_02": "sys_widget_grey_03",
212
+ "ui_cpnt_datatable_textbutton_base_02": "sys_component_base_01",
213
+ "ui_cpnt_datatable_textbutton_base_01": "sys_component_base_white_opacity00",
214
+ "ui_cpnt_datatable_icon_02": "sys_widget_grey_01",
215
+ "ui_cpnt_datatable_icon_03": "sys_widget_grey_02",
216
+ "ui_cpnt_datatable_icon_04": "sys_widget_grey_03",
217
+ "ui_cpnt_sidebar_common_base": "#313349",
218
+ "ui_cpnt_sidebar_header_base": "#313349",
219
+ "ui_cpnt_sidebar_label_base": "sys_component_base_white_opacity00",
220
+ "ui_cpnt_sidebar_listitem_base_inactive": "sys_component_base_white_opacity00",
221
+ "ui_cpnt_sidebar_listitem_base_active": "usr_brand_primary",
222
+ "ui_cpnt_sidebar_footer_base": "#313349",
223
+ "ui_cpnt_sidebar_label_icon": "sys_widget_grey_03",
224
+ "ui_cpnt_sidebar_listitem_icon_inactive": "usr_on_brand_primary",
225
+ "ui_cpnt_sidebar_listitem_icon_active": "usr_on_brand_primary",
226
+ "ui_cpnt_sidebar_icon_01": "sys_widget_white",
227
+ "ui_cpnt_modal_body_base": "sys_component_base_01",
228
+ "ui_cpnt_modal_header_icon_02": "sys_widget_grey_02",
229
+ "ui_cpnt_selectcard_base_selected": "sys_component_base_blue",
230
+ "ui_cpnt_selectcard_base_default": "sys_component_base_01",
231
+ "ui_cpnt_selectcard_icon_default": "sys_widget_grey_01",
232
+ "ui_cpnt_selectcard_icon_selected": "sys_widget_white",
233
+ "ui_cpnt_selectcard_text_01": "sys_text_grey_01",
234
+ "ui_cpnt_selectcard_text_02": "sys_text_grey_02",
235
+ "ui_cpnt_selectcard_text_03": "sys_text_white",
236
+ "ui_cpnt_bannerslidecontent_text_white": "sys_text_white",
237
+ "ui_cpnt_modal_header_icon_03": "sys_text_white",
238
+ "ui_cpnt_modal_body_tertiary_text": "sys_text_grey_03",
239
+ "ui_cpnt_list_timestatus_base": "sys_on_base_black_opacity65",
240
+ "ui_cpnt_list_text_timestatus": "sys_text_white",
241
+ "ui_cpnt_imageview_base_03": "sys_component_base_03",
242
+ "ui_34": "sys_widget_grey_03",
243
+ "ui_cpnt_editorsidebar_base": "sys_component_base_04",
244
+ "ui_cpnt_editorsidebar_visible_status_base": "sys_widget_status_active_01",
245
+ "ui_cpnt_editorsidebar_visible_status_text": "sys_text_grey01",
246
+ "ui_cpnt_editorsidebar_card_base_default": "sys_component_base_01",
247
+ "ui_cpnt_editorsidebar_card_base_selected": "sys_component_base_blue",
248
+ "ui_cpnt_editorsidebar_text_default": "sys_text_grey_01",
249
+ "ui_cpnt_editorsidebar_text_selected": "sys_text_white",
250
+ "ui_cpnt_editorsidebar_icon_default": "sys_widget_grey_01",
251
+ "ui_cpnt_editorsidebar_icon_selected": "sys_widget_white1",
252
+ "ui_cpnt_editorsidebar_card_border": "sys_border_line_01",
253
+ "ui_cpnt_step_base_area": "sys_component_base_white_opacity00",
254
+ "ui_cpnt_step_text_inactive": "sys_text_grey_03",
255
+ "ui_cpnt_step_text_active": "usr_brand_primary",
256
+ "ui_cpnt_step_circular_inactive": "sys_widget_grey_03",
257
+ "ui_cpnt_step_circular_active": "usr_brand_primary",
258
+ "ui_cpnt_step_icon": "sys_widget_white",
259
+ "ui_cpnt_step_text_number": "sys_text_white"
74
260
  }
package/dist/lib/styles/colorSet/index.d.ts CHANGED
@@ -13,24 +13,34 @@ declare const colorSet: {
13
13
  grey100: string;
14
14
  grey50: string;
15
15
  white: string;
16
- blue500_dark: string;
16
+ black: string;
17
+ darkblue500: string;
17
18
  grey950: string;
18
- grey900_dark: string;
19
- grey500_dark: string;
20
- grey400_dark: string;
21
- grey100_dark: string;
22
- grey50_dark: string;
23
- red500_dark: string;
24
- green700_dark: string;
19
+ darkgrey900: string;
20
+ darkgrey500: string;
21
+ darkgrey400: string;
22
+ darkgrey100: string;
23
+ darkgrey50: string;
24
+ darkred500: string;
25
+ darkgreen700: string;
26
+ orange500: string;
27
+ darkorange500: string;
25
28
  opacity00: string;
26
29
  opacity20: string;
27
30
  opacity30: string;
28
31
  opacity65: string;
32
+ darkgreen500: string;
33
+ grey70: string;
29
34
  };
30
35
  readonly colorsPalette: {
36
+ sys_container_background_01: string;
37
+ sys_container_background_02: string;
38
+ sys_container_background_03: string;
39
+ sys_background_dimmed: string;
31
40
  sys_text_grey_01: string;
32
41
  sys_text_grey_02: string;
33
42
  sys_text_grey_03: string;
43
+ sys_text_white: string;
34
44
  sys_text_brand_primary: string;
35
45
  sys_text_error_01: string;
36
46
  sys_widget_grey_01: string;
@@ -38,19 +48,24 @@ declare const colorSet: {
38
48
  sys_widget_grey_03: string;
39
49
  sys_widget_primary_01: string;
40
50
  sys_widget_error_01: string;
51
+ sys_widget_warning_01: string;
52
+ sys_widget_success_01: string;
53
+ sys_widget_white: string;
41
54
  sys_border_area_01: string;
42
55
  sys_border_line_01: string;
43
56
  sys_border_line_02: string;
44
57
  sys_border_line_03: string;
45
- sys_contents_background_01: string;
46
- sys_contents_background_02: string;
47
- sys_background_base_01: string;
48
- sys_background_base_02: string;
49
- sys_background_base_03: string;
50
- sys_background_dimmed: string;
51
- sys_base_white_opacity00: string;
52
- sys_base_white_opacity30: string;
53
- sys_base_black_opacity20: string;
58
+ sys_border_line_04: string;
59
+ sys_border_line_05: string;
60
+ sys_component_base_01: string;
61
+ sys_component_base_02: string;
62
+ sys_component_base_03: string;
63
+ sys_component_base_red: string;
64
+ sys_component_base_white: string;
65
+ sys_component_base_white_opacity00: string;
66
+ sys_on_base_white_opacity00: string;
67
+ sys_on_base_white_opacity30: string;
68
+ sys_on_base_black_opacity20: string;
54
69
  usr_brand_primary: string;
55
70
  usr_brand_secondary: string;
56
71
  usr_brand_secondary_variant: string;
@@ -61,11 +76,23 @@ declare const colorSet: {
61
76
  usr_on_brand_secondary: string;
62
77
  usr_on_background: string;
63
78
  usr_on_surface: string;
79
+ sys_widget_status_active_01: string;
80
+ sys_text_success_01: string;
81
+ sys_widget_grey_04: string;
82
+ sys_text_active: string;
83
+ sys_component_base_blue: string;
84
+ sys_on_base_black_opacity65: string;
85
+ sys_component_base_04: string;
64
86
  };
65
87
  readonly colorsPaletteDark: {
88
+ sys_container_background_01: string;
89
+ sys_container_background_02: string;
90
+ sys_container_background_03: string;
91
+ sys_background_dimmed: string;
66
92
  sys_text_grey_01: string;
67
93
  sys_text_grey_02: string;
68
94
  sys_text_grey_03: string;
95
+ sys_text_white: string;
69
96
  sys_text_brand_primary: string;
70
97
  sys_text_error_01: string;
71
98
  sys_widget_grey_01: string;
@@ -73,19 +100,24 @@ declare const colorSet: {
73
100
  sys_widget_grey_03: string;
74
101
  sys_widget_primary_01: string;
75
102
  sys_widget_error_01: string;
103
+ sys_widget_warning_01: string;
104
+ sys_widget_success_01: string;
105
+ sys_widget_white: string;
76
106
  sys_border_area_01: string;
77
107
  sys_border_line_01: string;
78
108
  sys_border_line_02: string;
79
109
  sys_border_line_03: string;
80
- sys_contents_background_01: string;
81
- sys_contents_background_02: string;
82
- sys_background_base_01: string;
83
- sys_background_base_02: string;
84
- sys_background_base_03: string;
85
- sys_background_dimmed: string;
86
- sys_base_white_opacity00: string;
87
- sys_base_white_opacity30: string;
88
- sys_base_black_opacity20: string;
110
+ sys_border_line_04: string;
111
+ sys_border_line_05: string;
112
+ sys_component_base_01: string;
113
+ sys_component_base_02: string;
114
+ sys_component_base_03: string;
115
+ sys_component_base_red: string;
116
+ sys_component_base_white: string;
117
+ sys_component_base_white_opacity00: string;
118
+ sys_on_base_white_opacity00: string;
119
+ sys_on_base_white_opacity30: string;
120
+ sys_on_base_black_opacity20: string;
89
121
  usr_brand_primary: string;
90
122
  usr_brand_secondary: string;
91
123
  usr_brand_secondary_variant: string;
@@ -96,15 +128,24 @@ declare const colorSet: {
96
128
  usr_on_brand_secondary: string;
97
129
  usr_on_background: string;
98
130
  usr_on_surface: string;
131
+ sys_widget_status_active_01: string;
132
+ sys_text_success_01: string;
133
+ sys_widget_grey_04: string;
134
+ sys_text_active: string;
135
+ sys_component_base_blue: string;
136
+ sys_on_base_black_opacity65: string;
137
+ sys_component_base_04: string;
99
138
  };
100
139
  readonly colorsUi: {
101
140
  ui_cpnt_button_fill_base_primary: string;
102
141
  ui_cpnt_button_fill_base_default: string;
142
+ ui_cpnt_button_fill_base_white: string;
103
143
  ui_cpnt_button_fill_on_base_hover: string;
104
- ui_cpnt_button_fill_on_base_press: string;
144
+ ui_cpnt_button_fill_on_base_pressed: string;
105
145
  ui_cpnt_button_fill_base_disabled: string;
106
146
  ui_cpnt_button_line_base_pressed: string;
107
147
  ui_cpnt_button_line_base_hover: string;
148
+ ui_cpnt_button_line_border_default: string;
108
149
  ui_cpnt_button_line_border_enabled: string;
109
150
  ui_cpnt_button_line_border_disabled: string;
110
151
  ui_cpnt_button_line_border_primary: string;
@@ -114,27 +155,39 @@ declare const colorSet: {
114
155
  ui_cpnt_button_text_disabled: string;
115
156
  ui_cpnt_button_text_default: string;
116
157
  ui_cpnt_button_icon_on_primary: string;
117
- ui_cpnt_input_border_normal: string;
118
- ui_cpnt_input_border_focus: string;
119
- ui_cpnt_input_base_normal: string;
120
- ui_cpnt_input_base_disabled: string;
121
- ui_cpnt_input_text_hint: string;
122
- ui_cpnt_input_text_typed: string;
123
- ui_cpnt_input_text_error: string;
124
- ui_cpnt_input_text_disabled: string;
158
+ ui_cpnt_button_icon_primary: string;
159
+ ui_cpnt_button_icon_enabled: string;
160
+ ui_cpnt_button_icon_disabled: string;
161
+ ui_cpnt_button_icon_default: string;
162
+ ui_cpnt_textfield_border_normal: string;
163
+ ui_cpnt_textfield_border_focus: string;
164
+ ui_cpnt_textfield_border_error: string;
165
+ ui_cpnt_textfield_base_normal: string;
166
+ ui_cpnt_textfield_base_disabled: string;
167
+ ui_cpnt_textfield_text_hint: string;
168
+ ui_cpnt_textfield_text_typed: string;
169
+ ui_cpnt_textfield_text_error: string;
170
+ ui_cpnt_textfield_text_disabled: string;
171
+ ui_cpnt_textfield_icon_01: string;
172
+ ui_cpnt_textfield_icon_02: string;
173
+ ui_cpnt_textfield_icon_03: string;
125
174
  ui_cpnt_list_base_area: string;
126
175
  ui_cpnt_list_base_area_select: string;
127
176
  ui_cpnt_list_text_title: string;
128
177
  ui_cpnt_list_text_description_01: string;
129
- ui_cpnt_list_text_description_02: string;
130
- ui_cpnt_navbar_base_area: string;
131
- ui_cpnt_navbar_text_title: string;
132
- ui_cpnt_navbar_icon: string;
133
- ui_cpnt_tab_base_area: string;
134
- ui_cpnt_tab_border_inactive: string;
135
- ui_cpnt_tab_border_active: string;
136
- ui_cpnt_tab_text_inactive: string;
137
- ui_cpnt_tab_text_active: string;
178
+ ui_cpnt_list_text_caption_01: string;
179
+ ui_cpnt_headerbar_base_area: string;
180
+ ui_cpnt_headerbar_text_title: string;
181
+ ui_cpnt_headerbar_icon: string;
182
+ ui_cpnt_headerbar_divider: string;
183
+ ui_cpnt_tabbar_base_area: string;
184
+ ui_cpnt_tabbar_divider: string;
185
+ ui_cpnt_tabbar_base_area_sub: string;
186
+ ui_cpnt_tabbar_border_active_indicator_primary: string;
187
+ ui_cpnt_tabbar_text_active_primary: string;
188
+ ui_cpnt_tabbar_border_active_indicator: string;
189
+ ui_cpnt_tabbar_text_active: string;
190
+ ui_cpnt_tabbar_text_inactive_01: string;
138
191
  ui_2: string;
139
192
  ui_3: string;
140
193
  ui_4: string;
@@ -148,28 +201,200 @@ declare const colorSet: {
148
201
  ui_10: string;
149
202
  ui_11: string;
150
203
  ui_cpnt_modal_header_text_title: string;
151
- ui_cpnt_modal_header_icon: string;
204
+ ui_cpnt_modal_header_icon_01: string;
152
205
  ui_cpnt_modal_header_base_area: string;
153
206
  ui_cpnt_modal_header_base_line: string;
154
207
  ui_cpnt_modal_body_primary_text: string;
155
208
  ui_cpnt_modal_body_secondary_text: string;
156
209
  ui_cpnt_modal_footer_base_area: string;
157
- ui_cpnt_modal_footer_base_line: string;
210
+ ui_cpnt_modal_footer_divider: string;
211
+ ui_cpnt_modal_base: string;
158
212
  ui_12: string;
159
213
  ui_13: string;
160
214
  ui_14: string;
161
215
  ui_15: string;
162
216
  ui_cpnt_text_emptystate: string;
163
- ui_cpnt_chips_icon: string;
164
- ui_cpnt_button_icon_primary: string;
165
- ui_cpnt_button_icon_enabled: string;
166
- ui_cpnt_button_icon_disabled: string;
167
- ui_cpnt_button_icon_default: string;
217
+ ui_cpnt_chip_fill_icon_inactive: string;
218
+ ui_cpnt_chip_fill_icon_active_01: string;
219
+ ui_cpnt_chip_fill_text_inactive: string;
220
+ ui_cpnt_chip_fill_text_active_01: string;
221
+ ui_cpnt_chip_fill_base_inactive: string;
222
+ ui_cpnt_chip_fill_base_active_01: string;
223
+ ui_cpnt_chip_line_icon_01: string;
224
+ ui_cpnt_chip_line_text_01: string;
225
+ ui_cpnt_chip_line_text_disabled: string;
226
+ ui_cpnt_chip_line_border_01: string;
227
+ ui_cpnt_chip_base_playtime: string;
168
228
  ui_16: string;
169
- ui_cpnt_button_border_default: string;
170
- ui_cpnt_chips_base_playtime: string;
171
- sys_text_white: string;
172
- ui_cpnt_chips_text_playtime: string;
229
+ ui_cpnt_list_icon_01: string;
230
+ ui_cpnt_list_icon_02: string;
231
+ ui_cpnt_bottomsheet_icon_01: string;
232
+ ui_cpnt_bottomsheet_text_01: string;
233
+ ui_cpnt_bottomsheet_text_02: string;
234
+ ui_cpnt_bottomsheet_icon_02: string;
235
+ ui_19: string;
236
+ ui_20: string;
237
+ ui_cpnt_fab_default_base_white: string;
238
+ ui_cpnt_fab_default_base_red: string;
239
+ ui_cpnt_fab_default_base_primary: string;
240
+ ui_cpnt_fab_default_base_hover: string;
241
+ ui_cpnt_fab_default_on_base_hover: string;
242
+ ui_cpnt_fab_default_base_pressed: string;
243
+ ui_cpnt_fab_default_on_base_pressed: string;
244
+ ui_cpnt_fab_default_base_disabled: string;
245
+ ui_cpnt_fab_icon_enabled: string;
246
+ ui_cpnt_fab_icon_on_primary: string;
247
+ ui_cpnt_fab_icon_disabled: string;
248
+ ui_cpnt_fab_extended_base_primary: string;
249
+ ui_cpnt_fab_extended_on_base_hover: string;
250
+ ui_cpnt_fab_extended_on_base_pressed: string;
251
+ ui_cpnt_fab_extended_base_disabled: string;
252
+ ui_cpnt_fab_text_on_primary: string;
253
+ ui_cpnt_fab_text_disabled: string;
254
+ ui_cpnt_alertdialog_base: string;
255
+ ui_cpnt_alertdialog_icon_success: string;
256
+ ui_cpnt_alertdialog_icon_error: string;
257
+ ui_cpnt_alertdialog_icon_warning: string;
258
+ ui_cpnt_alertdialog_text_title: string;
259
+ ui_cpnt_alertdialog_text_body: string;
260
+ ui_21: string;
261
+ ui_22: string;
262
+ ui_23: string;
263
+ ui_24: string;
264
+ ui_25: string;
265
+ ui_26: string;
266
+ ui_27: string;
267
+ ui_cpnt_divider: string;
268
+ ui_cpnt_select_border_normal: string;
269
+ ui_cpnt_select_border_focus: string;
270
+ ui_cpnt_select_base_normal: string;
271
+ ui_cpnt_select_base_disabled: string;
272
+ ui_cpnt_select_text_hint: string;
273
+ ui_cpnt_select_text_selected: string;
274
+ ui_cpnt_select_text_disabled: string;
275
+ ui_cpnt_select_icon_01: string;
276
+ ui_cpnt_select_icon_02: string;
277
+ ui_28: string;
278
+ ui_29: string;
279
+ ui_30: string;
280
+ ui_cpnt_videoplayer_icon: string;
281
+ ui_32: string;
282
+ ui_cpnt_selcontrols_icon_primary: string;
283
+ ui_cpnt_selcontrols_icon_disabled: string;
284
+ ui_cpnt_selcontrols_icon_default: string;
285
+ ui_cpnt_selcontrols_text_disabled: string;
286
+ ui_cpnt_selcontrols_text_default: string;
287
+ ui_cpnt_selcontrols_icon_on_base_hover: string;
288
+ ui_cpnt_contextmenu_base_normal: string;
289
+ ui_cpnt_contextmenu_base_hover: string;
290
+ ui_cpnt_contextmenu_base_selected: string;
291
+ ui_cpnt_contextmenu_text: string;
292
+ ui_cpnt_selcontrols_base_off: string;
293
+ ui_cpnt_selcontrols_base_on: string;
294
+ ui_cpnt_tabbar_text_inactive_02: string;
295
+ ui_cpnt_videoplayer_unavailable: string;
296
+ ui_cpnt_list_divider: string;
297
+ ui_cpnt_button_fill_base_transparent: string;
298
+ ui_cpnt_list_badge_active: string;
299
+ ui_cpnt_list_badge_active_primary: string;
300
+ ui_cpnt_list_badge_disabled: string;
301
+ ui_cpnt_list_badge_cancle: string;
302
+ ui_cpnt_list_text_quantity_plus: string;
303
+ ui_cpnt_content_card_base: string;
304
+ ui_cpnt_content_icon_03: string;
305
+ ui_cpnt_content_icon_01: string;
306
+ ui_cpnt_content_icon_02: string;
307
+ ui_cpnt_content_card_status_a: string;
308
+ ui_cpnt_content_card_status_b: string;
309
+ ui_cpnt_content_card_status_c: string;
310
+ ui_cpnt_content_card_status_d: string;
311
+ ui_cpnt_textgroup_base_area: string;
312
+ ui_cpnt_imageslide_active: string;
313
+ ui_cpnt_imageslide_inactive: string;
314
+ ui_cpnt_videoplayer_icon_01: string;
315
+ ui_cpnt_videoplayer_text_01: string;
316
+ ui_cpnt_videoplayer_text_02: string;
317
+ ui_cpnt_videoplayer_scrubber_01: string;
318
+ ui_cpnt_videoplayer_scrubber_primary: string;
319
+ ui_cpnt_videoplayer_playbar_base: string;
320
+ ui_cpnt_videoplayer_playbar_02: string;
321
+ ui_cpnt_videoplayer_playbar_primary: string;
322
+ ui_cpnt_videoplayer_playbar_01: string;
323
+ ui_cpnt_tableheadbar_title: string;
324
+ ui_cpnt_tableheaderbar_text_default: string;
325
+ ui_cpnt_tableheaderbar_text_disabled: string;
326
+ ui_cpnt_tableheaderbar_icon_01: string;
327
+ ui_cpnt_datatable_text_01: string;
328
+ ui_cpnt_datatable_text_02: string;
329
+ ui_cpnt_datatable_text_03: string;
330
+ ui_cpnt_datatable_text_textbutton: string;
331
+ ui_cpnt_datatable_text_active: string;
332
+ ui_cpnt_datatable_base_default: string;
333
+ ui_cpnt_datatable_base_hover: string;
334
+ ui_cpnt_datatable_text_inactive: string;
335
+ ui_cpnt_datatable_bulkaction_base: string;
336
+ ui_cpnt_datatable_icon_01: string;
337
+ ui_cpnt_datatable_text_04: string;
338
+ ui_cpnt_chip_fill_base_active_02: string;
339
+ ui_cpnt_chip_fill_text_active_02: string;
340
+ ui_cpnt_chip_fill_icon_active_02: string;
341
+ ui_cpnt_dropdown_border_normal: string;
342
+ ui_cpnt_dropdown_border_focus: string;
343
+ ui_cpnt_dropdown_base_normal: string;
344
+ ui_cpnt_dropdown_base_disabled: string;
345
+ ui_cpnt_dropdown_text_hint: string;
346
+ ui_cpnt_dropdown_text_selected: string;
347
+ ui_cpnt_dropdown_text_disabled: string;
348
+ ui_cpnt_dropdown_icon_01: string;
349
+ ui_cpnt_dropdown_icon_02: string;
350
+ ui_cpnt_datatable_textbutton_base_02: string;
351
+ ui_cpnt_datatable_textbutton_base_01: string;
352
+ ui_cpnt_datatable_icon_02: string;
353
+ ui_cpnt_datatable_icon_03: string;
354
+ ui_cpnt_datatable_icon_04: string;
355
+ ui_cpnt_sidebar_common_base: string;
356
+ ui_cpnt_sidebar_header_base: string;
357
+ ui_cpnt_sidebar_label_base: string;
358
+ ui_cpnt_sidebar_listitem_base_inactive: string;
359
+ ui_cpnt_sidebar_listitem_base_active: string;
360
+ ui_cpnt_sidebar_footer_base: string;
361
+ ui_cpnt_sidebar_label_icon: string;
362
+ ui_cpnt_sidebar_listitem_icon_inactive: string;
363
+ ui_cpnt_sidebar_listitem_icon_active: string;
364
+ ui_cpnt_sidebar_icon_01: string;
365
+ ui_cpnt_modal_body_base: string;
366
+ ui_cpnt_modal_header_icon_02: string;
367
+ ui_cpnt_selectcard_base_selected: string;
368
+ ui_cpnt_selectcard_base_default: string;
369
+ ui_cpnt_selectcard_icon_default: string;
370
+ ui_cpnt_selectcard_icon_selected: string;
371
+ ui_cpnt_selectcard_text_01: string;
372
+ ui_cpnt_selectcard_text_02: string;
373
+ ui_cpnt_selectcard_text_03: string;
374
+ ui_cpnt_bannerslidecontent_text_white: string;
375
+ ui_cpnt_modal_header_icon_03: string;
376
+ ui_cpnt_modal_body_tertiary_text: string;
377
+ ui_cpnt_list_timestatus_base: string;
378
+ ui_cpnt_list_text_timestatus: string;
379
+ ui_cpnt_imageview_base_03: string;
380
+ ui_34: string;
381
+ ui_cpnt_editorsidebar_base: string;
382
+ ui_cpnt_editorsidebar_visible_status_base: string;
383
+ ui_cpnt_editorsidebar_visible_status_text: string;
384
+ ui_cpnt_editorsidebar_card_base_default: string;
385
+ ui_cpnt_editorsidebar_card_base_selected: string;
386
+ ui_cpnt_editorsidebar_text_default: string;
387
+ ui_cpnt_editorsidebar_text_selected: string;
388
+ ui_cpnt_editorsidebar_icon_default: string;
389
+ ui_cpnt_editorsidebar_icon_selected: string;
390
+ ui_cpnt_editorsidebar_card_border: string;
391
+ ui_cpnt_step_base_area: string;
392
+ ui_cpnt_step_text_inactive: string;
393
+ ui_cpnt_step_text_active: string;
394
+ ui_cpnt_step_circular_inactive: string;
395
+ ui_cpnt_step_circular_active: string;
396
+ ui_cpnt_step_icon: string;
397
+ ui_cpnt_step_text_number: string;
173
398
  };
174
399
  };
175
400
  export default colorSet;
package/dist/lib/styles/colorSet/ui-type.d.ts CHANGED
@@ -1,11 +1,13 @@
1
1
  export interface UITheme {
2
2
  ui_cpnt_button_fill_base_primary: string;
3
3
  ui_cpnt_button_fill_base_default: string;
4
+ ui_cpnt_button_fill_base_white: string;
4
5
  ui_cpnt_button_fill_on_base_hover: string;
5
- ui_cpnt_button_fill_on_base_press: string;
6
+ ui_cpnt_button_fill_on_base_pressed: string;
6
7
  ui_cpnt_button_fill_base_disabled: string;
7
8
  ui_cpnt_button_line_base_pressed: string;
8
9
  ui_cpnt_button_line_base_hover: string;
10
+ ui_cpnt_button_line_border_default: string;
9
11
  ui_cpnt_button_line_border_enabled: string;
10
12
  ui_cpnt_button_line_border_disabled: string;
11
13
  ui_cpnt_button_line_border_primary: string;
@@ -15,27 +17,39 @@ export interface UITheme {
15
17
  ui_cpnt_button_text_disabled: string;
16
18
  ui_cpnt_button_text_default: string;
17
19
  ui_cpnt_button_icon_on_primary: string;
18
- ui_cpnt_input_border_normal: string;
19
- ui_cpnt_input_border_focus: string;
20
- ui_cpnt_input_base_normal: string;
21
- ui_cpnt_input_base_disabled: string;
22
- ui_cpnt_input_text_hint: string;
23
- ui_cpnt_input_text_typed: string;
24
- ui_cpnt_input_text_error: string;
25
- ui_cpnt_input_text_disabled: string;
20
+ ui_cpnt_button_icon_primary: string;
21
+ ui_cpnt_button_icon_enabled: string;
22
+ ui_cpnt_button_icon_disabled: string;
23
+ ui_cpnt_button_icon_default: string;
24
+ ui_cpnt_textfield_border_normal: string;
25
+ ui_cpnt_textfield_border_focus: string;
26
+ ui_cpnt_textfield_border_error: string;
27
+ ui_cpnt_textfield_base_normal: string;
28
+ ui_cpnt_textfield_base_disabled: string;
29
+ ui_cpnt_textfield_text_hint: string;
30
+ ui_cpnt_textfield_text_typed: string;
31
+ ui_cpnt_textfield_text_error: string;
32
+ ui_cpnt_textfield_text_disabled: string;
33
+ ui_cpnt_textfield_icon_01: string;
34
+ ui_cpnt_textfield_icon_02: string;
35
+ ui_cpnt_textfield_icon_03: string;
26
36
  ui_cpnt_list_base_area: string;
27
37
  ui_cpnt_list_base_area_select: string;
28
38
  ui_cpnt_list_text_title: string;
29
39
  ui_cpnt_list_text_description_01: string;
30
- ui_cpnt_list_text_description_02: string;
31
- ui_cpnt_navbar_base_area: string;
32
- ui_cpnt_navbar_text_title: string;
33
- ui_cpnt_navbar_icon: string;
34
- ui_cpnt_tab_base_area: string;
35
- ui_cpnt_tab_border_inactive: string;
36
- ui_cpnt_tab_border_active: string;
37
- ui_cpnt_tab_text_inactive: string;
38
- ui_cpnt_tab_text_active: string;
40
+ ui_cpnt_list_text_caption_01: string;
41
+ ui_cpnt_headerbar_base_area: string;
42
+ ui_cpnt_headerbar_text_title: string;
43
+ ui_cpnt_headerbar_icon: string;
44
+ ui_cpnt_headerbar_divider: string;
45
+ ui_cpnt_tabbar_base_area: string;
46
+ ui_cpnt_tabbar_divider: string;
47
+ ui_cpnt_tabbar_base_area_sub: string;
48
+ ui_cpnt_tabbar_border_active_indicator_primary: string;
49
+ ui_cpnt_tabbar_text_active_primary: string;
50
+ ui_cpnt_tabbar_border_active_indicator: string;
51
+ ui_cpnt_tabbar_text_active: string;
52
+ ui_cpnt_tabbar_text_inactive_01: string;
39
53
  ui_2: string;
40
54
  ui_3: string;
41
55
  ui_4: string;
@@ -49,26 +63,198 @@ export interface UITheme {
49
63
  ui_10: string;
50
64
  ui_11: string;
51
65
  ui_cpnt_modal_header_text_title: string;
52
- ui_cpnt_modal_header_icon: string;
66
+ ui_cpnt_modal_header_icon_01: string;
53
67
  ui_cpnt_modal_header_base_area: string;
54
68
  ui_cpnt_modal_header_base_line: string;
55
69
  ui_cpnt_modal_body_primary_text: string;
56
70
  ui_cpnt_modal_body_secondary_text: string;
57
71
  ui_cpnt_modal_footer_base_area: string;
58
- ui_cpnt_modal_footer_base_line: string;
72
+ ui_cpnt_modal_footer_divider: string;
73
+ ui_cpnt_modal_base: string;
59
74
  ui_12: string;
60
75
  ui_13: string;
61
76
  ui_14: string;
62
77
  ui_15: string;
63
78
  ui_cpnt_text_emptystate: string;
64
- ui_cpnt_chips_icon: string;
65
- ui_cpnt_button_icon_primary: string;
66
- ui_cpnt_button_icon_enabled: string;
67
- ui_cpnt_button_icon_disabled: string;
68
- ui_cpnt_button_icon_default: string;
79
+ ui_cpnt_chip_fill_icon_inactive: string;
80
+ ui_cpnt_chip_fill_icon_active_01: string;
81
+ ui_cpnt_chip_fill_text_inactive: string;
82
+ ui_cpnt_chip_fill_text_active_01: string;
83
+ ui_cpnt_chip_fill_base_inactive: string;
84
+ ui_cpnt_chip_fill_base_active_01: string;
85
+ ui_cpnt_chip_line_icon_01: string;
86
+ ui_cpnt_chip_line_text_01: string;
87
+ ui_cpnt_chip_line_text_disabled: string;
88
+ ui_cpnt_chip_line_border_01: string;
89
+ ui_cpnt_chip_base_playtime: string;
69
90
  ui_16: string;
70
- ui_cpnt_button_border_default: string;
71
- ui_cpnt_chips_base_playtime: string;
72
- sys_text_white: string;
73
- ui_cpnt_chips_text_playtime: string;
91
+ ui_cpnt_list_icon_01: string;
92
+ ui_cpnt_list_icon_02: string;
93
+ ui_cpnt_bottomsheet_icon_01: string;
94
+ ui_cpnt_bottomsheet_text_01: string;
95
+ ui_cpnt_bottomsheet_text_02: string;
96
+ ui_cpnt_bottomsheet_icon_02: string;
97
+ ui_19: string;
98
+ ui_20: string;
99
+ ui_cpnt_fab_default_base_white: string;
100
+ ui_cpnt_fab_default_base_red: string;
101
+ ui_cpnt_fab_default_base_primary: string;
102
+ ui_cpnt_fab_default_base_hover: string;
103
+ ui_cpnt_fab_default_on_base_hover: string;
104
+ ui_cpnt_fab_default_base_pressed: string;
105
+ ui_cpnt_fab_default_on_base_pressed: string;
106
+ ui_cpnt_fab_default_base_disabled: string;
107
+ ui_cpnt_fab_icon_enabled: string;
108
+ ui_cpnt_fab_icon_on_primary: string;
109
+ ui_cpnt_fab_icon_disabled: string;
110
+ ui_cpnt_fab_extended_base_primary: string;
111
+ ui_cpnt_fab_extended_on_base_hover: string;
112
+ ui_cpnt_fab_extended_on_base_pressed: string;
113
+ ui_cpnt_fab_extended_base_disabled: string;
114
+ ui_cpnt_fab_text_on_primary: string;
115
+ ui_cpnt_fab_text_disabled: string;
116
+ ui_cpnt_alertdialog_base: string;
117
+ ui_cpnt_alertdialog_icon_success: string;
118
+ ui_cpnt_alertdialog_icon_error: string;
119
+ ui_cpnt_alertdialog_icon_warning: string;
120
+ ui_cpnt_alertdialog_text_title: string;
121
+ ui_cpnt_alertdialog_text_body: string;
122
+ ui_21: string;
123
+ ui_22: string;
124
+ ui_23: string;
125
+ ui_24: string;
126
+ ui_25: string;
127
+ ui_26: string;
128
+ ui_27: string;
129
+ ui_cpnt_divider: string;
130
+ ui_cpnt_select_border_normal: string;
131
+ ui_cpnt_select_border_focus: string;
132
+ ui_cpnt_select_base_normal: string;
133
+ ui_cpnt_select_base_disabled: string;
134
+ ui_cpnt_select_text_hint: string;
135
+ ui_cpnt_select_text_selected: string;
136
+ ui_cpnt_select_text_disabled: string;
137
+ ui_cpnt_select_icon_01: string;
138
+ ui_cpnt_select_icon_02: string;
139
+ ui_28: string;
140
+ ui_29: string;
141
+ ui_30: string;
142
+ ui_cpnt_videoplayer_icon: string;
143
+ ui_32: string;
144
+ ui_cpnt_selcontrols_icon_primary: string;
145
+ ui_cpnt_selcontrols_icon_disabled: string;
146
+ ui_cpnt_selcontrols_icon_default: string;
147
+ ui_cpnt_selcontrols_text_disabled: string;
148
+ ui_cpnt_selcontrols_text_default: string;
149
+ ui_cpnt_selcontrols_icon_on_base_hover: string;
150
+ ui_cpnt_contextmenu_base_normal: string;
151
+ ui_cpnt_contextmenu_base_hover: string;
152
+ ui_cpnt_contextmenu_base_selected: string;
153
+ ui_cpnt_contextmenu_text: string;
154
+ ui_cpnt_selcontrols_base_off: string;
155
+ ui_cpnt_selcontrols_base_on: string;
156
+ ui_cpnt_tabbar_text_inactive_02: string;
157
+ ui_cpnt_videoplayer_unavailable: string;
158
+ ui_cpnt_list_divider: string;
159
+ ui_cpnt_button_fill_base_transparent: string;
160
+ ui_cpnt_list_badge_active: string;
161
+ ui_cpnt_list_badge_active_primary: string;
162
+ ui_cpnt_list_badge_disabled: string;
163
+ ui_cpnt_list_badge_cancle: string;
164
+ ui_cpnt_list_text_quantity_plus: string;
165
+ ui_cpnt_content_card_base: string;
166
+ ui_cpnt_content_icon_03: string;
167
+ ui_cpnt_content_icon_01: string;
168
+ ui_cpnt_content_icon_02: string;
169
+ ui_cpnt_content_card_status_a: string;
170
+ ui_cpnt_content_card_status_b: string;
171
+ ui_cpnt_content_card_status_c: string;
172
+ ui_cpnt_content_card_status_d: string;
173
+ ui_cpnt_textgroup_base_area: string;
174
+ ui_cpnt_imageslide_active: string;
175
+ ui_cpnt_imageslide_inactive: string;
176
+ ui_cpnt_videoplayer_icon_01: string;
177
+ ui_cpnt_videoplayer_text_01: string;
178
+ ui_cpnt_videoplayer_text_02: string;
179
+ ui_cpnt_videoplayer_scrubber_01: string;
180
+ ui_cpnt_videoplayer_scrubber_primary: string;
181
+ ui_cpnt_videoplayer_playbar_base: string;
182
+ ui_cpnt_videoplayer_playbar_02: string;
183
+ ui_cpnt_videoplayer_playbar_primary: string;
184
+ ui_cpnt_videoplayer_playbar_01: string;
185
+ ui_cpnt_tableheadbar_title: string;
186
+ ui_cpnt_tableheaderbar_text_default: string;
187
+ ui_cpnt_tableheaderbar_text_disabled: string;
188
+ ui_cpnt_tableheaderbar_icon_01: string;
189
+ ui_cpnt_datatable_text_01: string;
190
+ ui_cpnt_datatable_text_02: string;
191
+ ui_cpnt_datatable_text_03: string;
192
+ ui_cpnt_datatable_text_textbutton: string;
193
+ ui_cpnt_datatable_text_active: string;
194
+ ui_cpnt_datatable_base_default: string;
195
+ ui_cpnt_datatable_base_hover: string;
196
+ ui_cpnt_datatable_text_inactive: string;
197
+ ui_cpnt_datatable_bulkaction_base: string;
198
+ ui_cpnt_datatable_icon_01: string;
199
+ ui_cpnt_datatable_text_04: string;
200
+ ui_cpnt_chip_fill_base_active_02: string;
201
+ ui_cpnt_chip_fill_text_active_02: string;
202
+ ui_cpnt_chip_fill_icon_active_02: string;
203
+ ui_cpnt_dropdown_border_normal: string;
204
+ ui_cpnt_dropdown_border_focus: string;
205
+ ui_cpnt_dropdown_base_normal: string;
206
+ ui_cpnt_dropdown_base_disabled: string;
207
+ ui_cpnt_dropdown_text_hint: string;
208
+ ui_cpnt_dropdown_text_selected: string;
209
+ ui_cpnt_dropdown_text_disabled: string;
210
+ ui_cpnt_dropdown_icon_01: string;
211
+ ui_cpnt_dropdown_icon_02: string;
212
+ ui_cpnt_datatable_textbutton_base_02: string;
213
+ ui_cpnt_datatable_textbutton_base_01: string;
214
+ ui_cpnt_datatable_icon_02: string;
215
+ ui_cpnt_datatable_icon_03: string;
216
+ ui_cpnt_datatable_icon_04: string;
217
+ ui_cpnt_sidebar_common_base: string;
218
+ ui_cpnt_sidebar_header_base: string;
219
+ ui_cpnt_sidebar_label_base: string;
220
+ ui_cpnt_sidebar_listitem_base_inactive: string;
221
+ ui_cpnt_sidebar_listitem_base_active: string;
222
+ ui_cpnt_sidebar_footer_base: string;
223
+ ui_cpnt_sidebar_label_icon: string;
224
+ ui_cpnt_sidebar_listitem_icon_inactive: string;
225
+ ui_cpnt_sidebar_listitem_icon_active: string;
226
+ ui_cpnt_sidebar_icon_01: string;
227
+ ui_cpnt_modal_body_base: string;
228
+ ui_cpnt_modal_header_icon_02: string;
229
+ ui_cpnt_selectcard_base_selected: string;
230
+ ui_cpnt_selectcard_base_default: string;
231
+ ui_cpnt_selectcard_icon_default: string;
232
+ ui_cpnt_selectcard_icon_selected: string;
233
+ ui_cpnt_selectcard_text_01: string;
234
+ ui_cpnt_selectcard_text_02: string;
235
+ ui_cpnt_selectcard_text_03: string;
236
+ ui_cpnt_bannerslidecontent_text_white: string;
237
+ ui_cpnt_modal_header_icon_03: string;
238
+ ui_cpnt_modal_body_tertiary_text: string;
239
+ ui_cpnt_list_timestatus_base: string;
240
+ ui_cpnt_list_text_timestatus: string;
241
+ ui_cpnt_imageview_base_03: string;
242
+ ui_34: string;
243
+ ui_cpnt_editorsidebar_base: string;
244
+ ui_cpnt_editorsidebar_visible_status_base: string;
245
+ ui_cpnt_editorsidebar_visible_status_text: string;
246
+ ui_cpnt_editorsidebar_card_base_default: string;
247
+ ui_cpnt_editorsidebar_card_base_selected: string;
248
+ ui_cpnt_editorsidebar_text_default: string;
249
+ ui_cpnt_editorsidebar_text_selected: string;
250
+ ui_cpnt_editorsidebar_icon_default: string;
251
+ ui_cpnt_editorsidebar_icon_selected: string;
252
+ ui_cpnt_editorsidebar_card_border: string;
253
+ ui_cpnt_step_base_area: string;
254
+ ui_cpnt_step_text_inactive: string;
255
+ ui_cpnt_step_text_active: string;
256
+ ui_cpnt_step_circular_inactive: string;
257
+ ui_cpnt_step_circular_active: string;
258
+ ui_cpnt_step_icon: string;
259
+ ui_cpnt_step_text_number: string;
74
260
  }
package/package.json CHANGED
@@ -1,6 +1,7 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "0.0.1",
3
+ "version": "0.1.0",
4
+ "license": "MIT",
4
5
  "private": false,
5
6
  "main": "dist/index.js",
6
7
  "types": "dist/index.d.ts",
@@ -12,6 +13,7 @@
12
13
  "@testing-library/react": "^11.2.7",
13
14
  "@testing-library/user-event": "^12.8.3",
14
15
  "@types/google-spreadsheet": "^3.1.5",
16
+ "dotenv": "^8.2.0",
15
17
  "google-spreadsheet": "^3.1.15",
16
18
  "i18next": "^21.3.2",
17
19
  "i18next-browser-languagedetector": "^6.1.2",
@@ -59,6 +61,7 @@
59
61
  "@types/react": "^17.0.27",
60
62
  "@types/react-dom": "^17.0.9",
61
63
  "@types/styled-components": "^5.1.9",
64
+ "dotenv-cli": "^4.0.0",
62
65
  "prettier": "^2.4.1",
63
66
  "react": "^17.0.2",
64
67
  "react-dom": "^17.0.2",