ados-rcm 1.1.169 → 1.1.170

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,458 +1,167 @@
1
- export declare const ABaseStyleKeys: readonly ["--ABase_Dimming_background-color"];
2
- export declare const ATooltipStyleKeys: readonly ["--ATooltip_background-color", "--ATooltip_color"];
3
- export declare const AButtonStyleKeys: readonly ["--AButton_Primary_border", "--AButton_Primary_background-color", "--AButton_Primary_color", "--AButton_Primary_hover_background-color", "--AButton_Primary_active_background-color", "--AButton_Secondary_border", "--AButton_Secondary_background-color", "--AButton_Secondary_color", "--AButton_Secondary_hover_background-color", "--AButton_Secondary_active_background-color"];
4
- export declare const AInputStyleKeys: readonly ["--AInput_Primary_background-color", "--AInput_Primary_border", "--AInput_Primary_color", "--AInput_Primary_hover_border", "--AInput_Primary_focus_background-color", "--AInput_Primary_focus_border", "--AInput_Secondary_background-color", "--AInput_Secondary_border", "--AInput_Secondary_color", "--AInput_Secondary_hover_border", "--AInput_Secondary_focus_border", "--AInput_ReadOnly_background-color", "--AInput_ReadOnly_border", "--AInput_ReadOnly_color", "--AInput_Error_HelperText_color", "--AInput_Error_background-color", "--AInput_Error_border", "--AInput_Error_color", "--AInput_Error_placeholder_color"];
5
- export declare const ATextAreaStyleKeys: readonly ["--ATextArea_Primary_background-color", "--ATextArea_Primary_border", "--ATextArea_Primary_color", "--ATextArea_Primary_hover_border", "--ATextArea_Primary_focus_background-color", "--ATextArea_Primary_focus_border", "--ATextArea_Secondary_background-color", "--ATextArea_Secondary_border", "--ATextArea_Secondary_color", "--ATextArea_Secondary_hover_border", "--ATextArea_Secondary_focus_border", "--ATextArea_ReadOnly_background-color", "--ATextArea_ReadOnly_border", "--ATextArea_ReadOnly_color", "--ATextArea_Error_background-color", "--ATextArea_Error_border", "--ATextArea_Error_color", "--ATextArea_Error_placeholder_color"];
6
- export declare const ACheckBoxStyleKeys: readonly ["--ACheckBox_color"];
7
- export declare const ADialogStyleKeys: readonly ["--ADialog_Paper_background-color", "--ADialog_background-color", "--ADialog_border", "--ADialog_Body_Title_font", "--ADialog_Action_background-color"];
8
- export declare const ASelectStyleKeys: readonly ["--ASelect_Primary_border", "--ASelect_Primary_hover_border", "--ASelect_Primary_Arrow_color", "--ASelect_Primary_Options_background-color", "--ASelect_Primary_Options_border", "--ASelect_Primary_Option_hover_background-color", "--ASelect_Primary_Option_active_background-color", "--ASelect_Primary_Option_Selected_background-color", "--ASelect_Secondary_background-color", "--ASelect_Secondary_Arrow_color", "--ASelect_Secondary_Options_background-color", "--ASelect_Secondary_Options_border", "--ASelect_Secondary_Option_hover_background-color", "--ASelect_Secondary_Option_active_background-color", "--ASelect_Secondary_Option_Selected_background-color"];
9
- export declare const AMultiSelectStyleKeys: readonly ["--AMultiSelect_Primary_border", "--AMultiSelect_Primary_hover_border", "--AMultiSelect_Primary_Arrow_color", "--AMultiSelect_Primary_Options_background-color", "--AMultiSelect_Primary_Options_border", "--AMultiSelect_Primary_Option_hover_background-color", "--AMultiSelect_Primary_Option_active_background-color", "--AMultiSelect_Primary_Option_Selected_background-color", "--AMultiSelect_Secondary_background-color", "--AMultiSelect_Secondary_Arrow_color", "--AMultiSelect_Secondary_Options_background-color", "--AMultiSelect_Secondary_Options_border", "--AMultiSelect_Secondary_Option_hover_background-color", "--AMultiSelect_Secondary_Option_active_background-color", "--AMultiSelect_Secondary_Option_Selected_background-color"];
10
- export declare const ATreeStyleKeys: readonly ["--ATree_background-color", "--ATree_Indent_border", "--ATreeHeader_border-bottom", "--ATreeBodyHeader_border-bottom", "--ATreeItem_hover_background-color", "--ATreeItem_active_background-color", "--ATreeItem_select_background-color", "--ATreeItem_search_background-color", "--ATreeItem_search_border-top", "--ATreeItem_search_border-bottom", "--ATreeItem_select_color"];
11
- export declare const ASwitchStyleKeys: readonly ["--ASwitch_Track_Falsy_border-color", "--ASwitch_Track_Truthy_border-color"];
12
- export declare const ATabStyleKeys: readonly ["--ATab_font", "--ATab_Option_IsSelected_font", "--ATab_IndicatorTrack_Primary_border-bottom", "--ATab_Indicator_Primary_background-color", "--ATab_Option_Secondary_border", "--ATab_Option_Secondary_IsSelected_border-bottom", "--ATab_Option_Secondary_IsDisabled_border"];
13
- export declare const AFileBoxStyleKeys: readonly ["--AFileBox_border", "--AFileBox_background-color", "--AFileBox_SelectedFile_color", "--AFileBox_Dropping_color", "--AFileBox_Dropping_font"];
14
- export declare const AListViewStyleKeys: readonly ["--AListView_border-top", "--AListView_Row_border-bottom", "--AListView_Label_border-left", "--AListView_Label_font", "--AListView_Rendered_border-left"];
15
- export declare const AStepperStyleKeys: readonly ["--AStepper_OutCircle_background-color", "--AStepper_OutCircle_IsOver_background-color", "--AStepper_InCircle_background-color", "--AStepper_InCircle_IsOver_background-color", "--AStepper_Line_background-color", "--AStepper_Line_IsOver_background-color"];
16
- export declare const ADatePickerStyleKeys: readonly ["--ADatePicker_Anchor_border", "--ADatePicker_Anchor_color", "--ADatePicker_Anchor_hover_border", "--ADatePicker_Anchor_focus_border", "--ADatePicker_Anchor_Icon_Primary_color", "--ADatePicker_Anchor_Icon_Secondary_color", "--ADatePicker_background-color", "--ADatePicker_border", "--ADatePicker_StringInputContainer_background-color", "--ADatePicker_String_border", "--ADatePicker_Prev_background-color", "--ADatePicker_Prev_border-right", "--ADatePicker_Next_background-color", "--ADatePicker_Next_border-left", "--ADatePicker_Cell_color", "--ADatePicker_Cell_IsNotCurrentMonth_color", "--ADatePicker_Cell_IsDisabled_color", "--ADatePicker_Cell_IsSelected_background-color", "--ADatePicker_Cell_IsSelected_color", "--ADatePicker_Cell_IsHovered_background-color"];
17
- export declare const ADateRangePickerStyleKeys: readonly ["--ADateRangePicker_Anchor_border", "--ADateRangePicker_Anchor_color", "--ADateRangePicker_Anchor_hover_border", "--ADateRangePicker_Anchor_focus_border", "--ADateRangePicker_Anchor_Icon_Primary_color", "--ADateRangePicker_Anchor_Icon_Secondary_color", "--ADateRangePicker_background-color", "--ADateRangePicker_border", "--ADateRangePicker_StringInputContainer_background-color", "--ADateRangePicker_String_border", "--ADateRangePicker_Prev_background-color", "--ADateRangePicker_Prev_border-right", "--ADateRangePicker_Next_background-color", "--ADateRangePicker_Next_border-left", "--ADateRangePicker_Cell_color", "--ADateRangePicker_Cell_IsNotCurrentMonth_color", "--ADateRangePicker_Cell_IsDisabled_color", "--ADateRangePicker_Cell_IsSelected_background-color", "--ADateRangePicker_Cell_IsSelected_color", "--ADateRangePicker_Cell_IsHovered_background-color"];
18
- export declare const AIconButtonStyleKeys: readonly ["--AIconButton_Primary_color", "--AIconButton_Primary_background-color", "--AIconButton_Primary_border", "--AIconButton_Primary_hover_border"];
19
- export declare const ATableStyleKeys: readonly ["--ATableBody_TRow_border-bottom", "--ATableBody_TRow_IsSelected_background-color", "--ATableBody_TRow_IsSelectable_hover_background-color", "--ATableBody_TH_color", "--ATableBody_TH_font-size", "--ATableBody_TD_font-size", "--ATableBody_TD_IsMarked_background-color", "--ATableBody_Resizer_hover_ResizerCenter_background-color", "--ATableBody_Resizer_active_ResizerCenter_background-color", "--ATableBody_Resizer_active_ResizerOut_background-color", "--ATableBody_Resizer_active_ResizerIn_background-color", "--ATableFooter_Button_IsSelected_background-color", "--ATableFooter_Button_IsSelected_color", "--ATableFooter_Button_IsDisabled_color", "--ATableFilter_SubFilters_background-color", "--ATableFilter_SubFilters_border", "--ATableFilter_Icon_color"];
20
- export declare const AFrameStyleKeys: readonly ["--ADivideFrame_DividerInner_background-color"];
21
- export declare const AFloatMenuKeys: readonly ["--AFloatMenu_background-color", "--AFloatMenu_hover_background-color", "--AFloatMenu_color"];
22
- export declare const ALoadingBorderKeys: readonly ["--ALoadingBorder_background-color", "--ALoadingBorder_ProgressBar_background-color", "--ALoadingBorder_Cover_background-color"];
23
- export declare const ComponentStyleKeys: readonly ["--ABase_Dimming_background-color", "--ATooltip_background-color", "--ATooltip_color", "--AButton_Primary_border", "--AButton_Primary_background-color", "--AButton_Primary_color", "--AButton_Primary_hover_background-color", "--AButton_Primary_active_background-color", "--AButton_Secondary_border", "--AButton_Secondary_background-color", "--AButton_Secondary_color", "--AButton_Secondary_hover_background-color", "--AButton_Secondary_active_background-color", "--AInput_Primary_background-color", "--AInput_Primary_border", "--AInput_Primary_color", "--AInput_Primary_hover_border", "--AInput_Primary_focus_background-color", "--AInput_Primary_focus_border", "--AInput_Secondary_background-color", "--AInput_Secondary_border", "--AInput_Secondary_color", "--AInput_Secondary_hover_border", "--AInput_Secondary_focus_border", "--AInput_ReadOnly_background-color", "--AInput_ReadOnly_border", "--AInput_ReadOnly_color", "--AInput_Error_HelperText_color", "--AInput_Error_background-color", "--AInput_Error_border", "--AInput_Error_color", "--AInput_Error_placeholder_color", "--ATextArea_Primary_background-color", "--ATextArea_Primary_border", "--ATextArea_Primary_color", "--ATextArea_Primary_hover_border", "--ATextArea_Primary_focus_background-color", "--ATextArea_Primary_focus_border", "--ATextArea_Secondary_background-color", "--ATextArea_Secondary_border", "--ATextArea_Secondary_color", "--ATextArea_Secondary_hover_border", "--ATextArea_Secondary_focus_border", "--ATextArea_ReadOnly_background-color", "--ATextArea_ReadOnly_border", "--ATextArea_ReadOnly_color", "--ATextArea_Error_background-color", "--ATextArea_Error_border", "--ATextArea_Error_color", "--ATextArea_Error_placeholder_color", "--ACheckBox_color", "--ADialog_Paper_background-color", "--ADialog_background-color", "--ADialog_border", "--ADialog_Body_Title_font", "--ADialog_Action_background-color", "--ASelect_Primary_border", "--ASelect_Primary_hover_border", "--ASelect_Primary_Arrow_color", "--ASelect_Primary_Options_background-color", "--ASelect_Primary_Options_border", "--ASelect_Primary_Option_hover_background-color", "--ASelect_Primary_Option_active_background-color", "--ASelect_Primary_Option_Selected_background-color", "--ASelect_Secondary_background-color", "--ASelect_Secondary_Arrow_color", "--ASelect_Secondary_Options_background-color", "--ASelect_Secondary_Options_border", "--ASelect_Secondary_Option_hover_background-color", "--ASelect_Secondary_Option_active_background-color", "--ASelect_Secondary_Option_Selected_background-color", "--AMultiSelect_Primary_border", "--AMultiSelect_Primary_hover_border", "--AMultiSelect_Primary_Arrow_color", "--AMultiSelect_Primary_Options_background-color", "--AMultiSelect_Primary_Options_border", "--AMultiSelect_Primary_Option_hover_background-color", "--AMultiSelect_Primary_Option_active_background-color", "--AMultiSelect_Primary_Option_Selected_background-color", "--AMultiSelect_Secondary_background-color", "--AMultiSelect_Secondary_Arrow_color", "--AMultiSelect_Secondary_Options_background-color", "--AMultiSelect_Secondary_Options_border", "--AMultiSelect_Secondary_Option_hover_background-color", "--AMultiSelect_Secondary_Option_active_background-color", "--AMultiSelect_Secondary_Option_Selected_background-color", "--ATree_background-color", "--ATree_Indent_border", "--ATreeHeader_border-bottom", "--ATreeBodyHeader_border-bottom", "--ATreeItem_hover_background-color", "--ATreeItem_active_background-color", "--ATreeItem_select_background-color", "--ATreeItem_search_background-color", "--ATreeItem_search_border-top", "--ATreeItem_search_border-bottom", "--ATreeItem_select_color", "--ASwitch_Track_Falsy_border-color", "--ASwitch_Track_Truthy_border-color", "--ATab_font", "--ATab_Option_IsSelected_font", "--ATab_IndicatorTrack_Primary_border-bottom", "--ATab_Indicator_Primary_background-color", "--ATab_Option_Secondary_border", "--ATab_Option_Secondary_IsSelected_border-bottom", "--ATab_Option_Secondary_IsDisabled_border", "--AFileBox_border", "--AFileBox_background-color", "--AFileBox_SelectedFile_color", "--AFileBox_Dropping_color", "--AFileBox_Dropping_font", "--AListView_border-top", "--AListView_Row_border-bottom", "--AListView_Label_border-left", "--AListView_Label_font", "--AListView_Rendered_border-left", "--AStepper_OutCircle_background-color", "--AStepper_OutCircle_IsOver_background-color", "--AStepper_InCircle_background-color", "--AStepper_InCircle_IsOver_background-color", "--AStepper_Line_background-color", "--AStepper_Line_IsOver_background-color", "--ADatePicker_Anchor_border", "--ADatePicker_Anchor_color", "--ADatePicker_Anchor_hover_border", "--ADatePicker_Anchor_focus_border", "--ADatePicker_Anchor_Icon_Primary_color", "--ADatePicker_Anchor_Icon_Secondary_color", "--ADatePicker_background-color", "--ADatePicker_border", "--ADatePicker_StringInputContainer_background-color", "--ADatePicker_String_border", "--ADatePicker_Prev_background-color", "--ADatePicker_Prev_border-right", "--ADatePicker_Next_background-color", "--ADatePicker_Next_border-left", "--ADatePicker_Cell_color", "--ADatePicker_Cell_IsNotCurrentMonth_color", "--ADatePicker_Cell_IsDisabled_color", "--ADatePicker_Cell_IsSelected_background-color", "--ADatePicker_Cell_IsSelected_color", "--ADatePicker_Cell_IsHovered_background-color", "--ADateRangePicker_Anchor_border", "--ADateRangePicker_Anchor_color", "--ADateRangePicker_Anchor_hover_border", "--ADateRangePicker_Anchor_focus_border", "--ADateRangePicker_Anchor_Icon_Primary_color", "--ADateRangePicker_Anchor_Icon_Secondary_color", "--ADateRangePicker_background-color", "--ADateRangePicker_border", "--ADateRangePicker_StringInputContainer_background-color", "--ADateRangePicker_String_border", "--ADateRangePicker_Prev_background-color", "--ADateRangePicker_Prev_border-right", "--ADateRangePicker_Next_background-color", "--ADateRangePicker_Next_border-left", "--ADateRangePicker_Cell_color", "--ADateRangePicker_Cell_IsNotCurrentMonth_color", "--ADateRangePicker_Cell_IsDisabled_color", "--ADateRangePicker_Cell_IsSelected_background-color", "--ADateRangePicker_Cell_IsSelected_color", "--ADateRangePicker_Cell_IsHovered_background-color", "--AIconButton_Primary_color", "--AIconButton_Primary_background-color", "--AIconButton_Primary_border", "--AIconButton_Primary_hover_border", "--ATableBody_TRow_border-bottom", "--ATableBody_TRow_IsSelected_background-color", "--ATableBody_TRow_IsSelectable_hover_background-color", "--ATableBody_TH_color", "--ATableBody_TH_font-size", "--ATableBody_TD_font-size", "--ATableBody_TD_IsMarked_background-color", "--ATableBody_Resizer_hover_ResizerCenter_background-color", "--ATableBody_Resizer_active_ResizerCenter_background-color", "--ATableBody_Resizer_active_ResizerOut_background-color", "--ATableBody_Resizer_active_ResizerIn_background-color", "--ATableFooter_Button_IsSelected_background-color", "--ATableFooter_Button_IsSelected_color", "--ATableFooter_Button_IsDisabled_color", "--ATableFilter_SubFilters_background-color", "--ATableFilter_SubFilters_border", "--ATableFilter_Icon_color", "--ADivideFrame_DividerInner_background-color", "--AFloatMenu_background-color", "--AFloatMenu_hover_background-color", "--AFloatMenu_color"];
24
- type TComponentStyleKeys = (typeof ComponentStyleKeys)[number];
25
- export type TSemantic = {
26
- [key in TComponentStyleKeys]: string | undefined;
27
- } & {
28
- [key: string]: string | undefined;
29
- };
30
- declare const Semantic: {
31
- readonly '--black_and_white-black': "#000000";
32
- readonly '--black_and_white-white': "#ffffff";
33
- readonly '--black_and_white-white-02': "#f5f5f5";
34
- readonly '--black_and_white-white-03': "#ebebeb";
35
- readonly '--gray-deep-gray': "#161616";
36
- readonly '--gray-deep-gray2': "#27292a";
37
- readonly '--gray-gray-01': "#f3f3f3";
38
- readonly '--gray-gray-02': "#dfdfdf";
39
- readonly '--gray-gray-03': "#cacaca";
40
- readonly '--gray-gray-04': "#b6b6b6";
41
- readonly '--gray-gray-05': "#a1a1a1";
42
- readonly '--gray-gray-06': "#8b8c8d";
43
- readonly '--gray-gray-07': "#757679";
44
- readonly '--gray-gray-08': "#5f6164";
45
- readonly '--gray-gray-09': "#4b4d50";
46
- readonly '--gray-gray-10': "#37393b";
47
- readonly '--gray-l_add_d-gray': "#888888";
48
- readonly '--orange-orange-01': "#fff0e7";
49
- readonly '--orange-orange-02': "#ffd4bc";
50
- readonly '--orange-orange-03': "#ffb991";
51
- readonly '--orange-orange-04': "#ff9e65";
52
- readonly '--orange-orange-05': "#ff823a";
53
- readonly '--orange-orange-06': "#ff670f";
54
- readonly '--orange-orange-07': "#d64f00";
55
- readonly '--orange-orange-08': "#ad4000";
56
- readonly '--orange-orange-09': "#853100";
57
- readonly '--orange-orange-10': "#5c2200";
58
- readonly '--red-red-01': "#ffebeb";
59
- readonly '--red-red-02': "#ffbebe";
60
- readonly '--red-red-03': "#ff9191";
61
- readonly '--red-red-04': "#ff6464";
62
- readonly '--red-red-05': "#ef3333";
63
- readonly '--red-red-06': "#cd1f1f";
64
- readonly '--red-red-07': "#ab0f0f";
65
- readonly '--red-red-08': "#890303";
66
- readonly '--red-red-09': "#670000";
67
- readonly '--red-red-10': "#450000";
68
- readonly '--d-blue-blue-01': "#d9e4ec";
69
- readonly '--d-blue-blue-02': "#a3bed1";
70
- readonly '--d-blue-blue-03': "#6d99b6";
71
- readonly '--d-blue-blue-04': "#3e93b0";
72
- readonly '--d-blue-blue-05': "#187b99";
73
- readonly '--d-blue-blue-06': "#0f6c82";
74
- readonly '--d-blue-blue-07': "#075d6b";
75
- readonly '--d-blue-blue-08': "#03505b";
76
- readonly '--d-blue-blue-09': "#01424a";
77
- readonly '--d-blue-blue-10': "#003339";
78
- readonly '--l-blue-blue-01': "#eef2ff";
79
- readonly '--l-blue-blue-02': "#c9d5ff";
80
- readonly '--l-blue-blue-03': "#a3b8ff";
81
- readonly '--l-blue-blue-04': "#7e9cff";
82
- readonly '--l-blue-blue-05': "#557af6";
83
- readonly '--l-blue-blue-06': "#3d60d4";
84
- readonly '--l-blue-blue-07': "#2848b2";
85
- readonly '--l-blue-blue-08': "#183390";
86
- readonly '--l-blue-blue-09': "#0b226e";
87
- readonly '--l-blue-blue-10': "#03144c";
88
- readonly '--yellow-yellow-01': "#ebcc3440";
89
- readonly '--action-fill-hover-primary': "var(--l-blue-blue-06)";
90
- readonly '--action-fill-press-primary': "var(--l-blue-blue-09)";
91
- readonly '--action-fill-hover-secondary': "var(--gray-gray-01)";
92
- readonly '--action-fill-press-secondary': "var(--gray-gray-03)";
93
- readonly '--action-fill-hover-tertiary': "var(--black_and_white-white-02)";
94
- readonly '--action-fill-press-tertiary': "var(--black_and_white-white)";
95
- readonly '--action-fill-rest-primary': "var(--l-blue-blue-07)";
96
- readonly '--action-fill-rest-secondary': "var(--black_and_white-white)";
97
- readonly '--action-fill-rest-tertiary': "var(--black_and_white-white-02)";
98
- readonly '--action-storke-primary': "var(--l-blue-blue-04)";
99
- readonly '--action-stroke-secondary': "var(--gray-gray-03)";
100
- readonly '--action-text-primary': "var(--black_and_white-white)";
101
- readonly '--action-text-secondary': "var(--content-secondary)";
102
- readonly '--action-text-tertiary': "var(--l-blue-blue-04)";
103
- readonly '--action-text-quaternary': "var(--black_and_white-white)";
104
- readonly '--button-fill-hover-primary': "var(--action-fill-hover-primary)";
105
- readonly '--button-fill-hover-secondary': "var(--action-fill-hover-secondary)";
106
- readonly '--button-fill-inactive-secondary': "var(--opacity-secondary)";
107
- readonly '--button-fill-press-primary': "var(--action-fill-press-primary)";
108
- readonly '--button-fill-press-secondary': "var(--action-fill-press-secondary)";
109
- readonly '--button-fill-rest-primary': "var(--action-fill-rest-primary)";
110
- readonly '--button-fill-rest-secondary': "var(--action-fill-rest-secondary)";
111
- readonly '--button-stroke-secondary': "var(--action-stroke-secondary)";
112
- readonly '--button-text-primary': "var(--black_and_white-white)";
113
- readonly '--button-text-secondary': "var(--content-secondary)";
114
- readonly '--checkbox-stroke': "var(--content-primary)";
115
- readonly '--content-primary': "var(--l-blue-blue-07)";
116
- readonly '--content-secondary': "var(--gray-gray-08)";
117
- readonly '--content-tertiary': "var(--gray-gray-04)";
118
- readonly '--content-quaternary': "var(--gray-gray-02)";
119
- readonly '--error-text': "var(--red-red-05)";
120
- readonly '--error-background': "var(--red-red-02)";
121
- readonly '--error-highlight': "var(--red-red-04)";
122
- readonly '--dialog-background': "var(--fill-background)";
123
- readonly '--dialog-content': "var(--content-secondary)";
124
- readonly '--dialog-depth': "var(--ui-depth)";
125
- readonly '--dialog-stroke': "var(--stroke-secondary)";
126
- readonly '--fill-background': "var(--black_and_white-white)";
127
- readonly '--fill-header': "var(--l-blue-blue-07)";
128
- readonly '--highlight-primary': "var(--l-blue-blue-02)";
129
- readonly '--highlight-secondary': "var(--l-blue-blue-01)";
130
- readonly '--invisible': "#ff00ff00";
131
- readonly '--menuitem-content': "var(--content-quaternary)";
132
- readonly '--menuitem-fill-select': "var(--ui-elevation)";
133
- readonly '--menuitem-text': "var(--content-tertiary)";
134
- readonly '--opacity-primary': "#2848b266";
135
- readonly '--opacity-secondary': "#ffffff66";
136
- readonly '--Scrollbar-handle': "var(--gray-gray-06)";
137
- readonly '--Scrollbar-handle-hover': "var(--gray-gray-07)";
138
- readonly '--Scrollbar-handle-active': "var(--gray-gray-08)";
139
- readonly '--Scrollbar-track': "var(--gray-gray-02)";
140
- readonly '--search-content': "var(--content-tertiary)";
141
- readonly '--search-fill-active': "var(--fill-background)";
142
- readonly '--search-fill-rest': "var(--ui-elevation)";
143
- readonly '--search-stroke-active': "var(--action-storke-primary)";
144
- readonly '--search-text-hint': "var(--content-quaternary)";
145
- readonly '--search-text-placeholder': "var(--content-tertiary)";
146
- readonly '--stepper-connect': "var(--content-quaternary)";
147
- readonly '--stepper-fill-active': "var(--action-fill-rest-primary)";
148
- readonly '--stepper-fill-inactive': "var(--content-quaternary)";
149
- readonly '--stepper-stroke-active': "var(--opacity-primary)";
150
- readonly '--stepper-stroke-inactive': "var(--invisible)";
151
- readonly '--stroke-primary': "var(--l-blue-blue-07)";
152
- readonly '--stroke-secondary': "var(--gray-gray-02)";
153
- readonly '--switch-fill-handle': "var(--ui-elevation)";
154
- readonly '--switch-fill-track-off': "var(--content-tertiary)";
155
- readonly '--switch-fill-track-on': "var(--action-fill-rest-primary)";
156
- readonly '--switch-stroke-handle-off': "var(--content-tertiary)";
157
- readonly '--switch-stroke-handle-on': "var(--action-fill-rest-primary)";
158
- readonly '--table-depth': "var(--ui-depth)";
159
- readonly '--table-elevation': "var(--black_and_white-white-02)";
160
- readonly '--table-header-content': "var(--gray-l_add_d-gray)";
161
- readonly '--table-stroke-primary': "var(--stroke-primary)";
162
- readonly '--table-stroke-secondary': "var(--stroke-secondary)";
163
- readonly '--table-text-primary': "var(--content-primary)";
164
- readonly '--table-text-secondary': "var(--content-secondary)";
165
- readonly '--tapbutton-stroke-active': "var(--action-storke-primary)";
166
- readonly '--tapbutton-stroke-rest': "var(--action-stroke-secondary)";
167
- readonly '--tapbutton-text': "var(--content-tertiary)";
168
- readonly '--textinput-content': "var(--content-tertiary)";
169
- readonly '--textinput-fill-active': "var(--fill-background)";
170
- readonly '--textinput-fill-rest': "var(--ui-elevation)";
171
- readonly '--textinput-stroke-active': "var(--action-storke-primary)";
172
- readonly '--textinput-stroke-error': "var(--red-red-05)";
173
- readonly '--textinput-text-hint': "var(--content-quaternary)";
174
- readonly '--textinput-text-placeholder': "var(--content-tertiary)";
175
- readonly '--ui-depth': "var(--gray-gray-01)";
176
- readonly '--ui-elevation': "var(--black_and_white-white-02)";
177
- readonly '--Font': "400 14px pretendard";
178
- readonly '--Body-transition': "background-color 0.3s, color 0.3s";
179
- readonly '--Scrollbar-border-radius': "6px";
180
- readonly '--Scrollbar-width': "12px";
181
- readonly '--Body-background-color': "#ffffff";
182
- readonly '--Body-color': "#5f6164";
183
- readonly '--ABase_Dimming_background-color': "var(--fill-background)";
184
- readonly '--ATooltip_background-color': "var(--content-secondary)";
185
- readonly '--ATooltip_color': "var(--ui-elevation)";
186
- readonly '--AButton_Primary_border': "1px solid var(--button-fill-rest-primary)";
187
- readonly '--AButton_Primary_background-color': "var(--button-fill-rest-primary)";
188
- readonly '--AButton_Primary_color': "var(--button-text-primary)";
189
- readonly '--AButton_Primary_hover_background-color': "var(--button-fill-hover-primary)";
190
- readonly '--AButton_Primary_active_background-color': "var(--button-fill-press-primary)";
191
- readonly '--AButton_Secondary_border': "1px solid var(--button-stroke-secondary)";
192
- readonly '--AButton_Secondary_background-color': "var(--button-fill-rest-secondary)";
193
- readonly '--AButton_Secondary_color': "var(--button-text-secondary)";
194
- readonly '--AButton_Secondary_hover_background-color': "var(--button-fill-hover-secondary)";
195
- readonly '--AButton_Secondary_active_background-color': "var(--button-fill-press-secondary)";
196
- readonly '--AInput_Primary_background-color': "var(--textinput-fill-rest)";
197
- readonly '--AInput_Primary_border': "1px solid var(--textinput-fill-rest)";
198
- readonly '--AInput_Primary_color': "var(--content-secondary)";
199
- readonly '--AInput_Primary_hover_border': "1px solid var(--textinput-stroke-active)";
200
- readonly '--AInput_Primary_focus_background-color': "var(--textinput-fill-active)";
201
- readonly '--AInput_Primary_focus_border': "1px solid var(--textinput-stroke-active)";
202
- readonly '--AInput_Secondary_background-color': "inherit";
203
- readonly '--AInput_Secondary_border': "1px solid var(--content-tertiary)";
204
- readonly '--AInput_Secondary_color': "var(--content-secondary)";
205
- readonly '--AInput_Secondary_hover_border': "1px solid var(--textinput-stroke-active)";
206
- readonly '--AInput_Secondary_focus_border': "1px solid var(--textinput-stroke-active)";
207
- readonly '--AInput_ReadOnly_background-color': "var(--textinput-fill-rest)";
208
- readonly '--AInput_ReadOnly_border': "1px solid var(--content-tertiary)";
209
- readonly '--AInput_ReadOnly_color': "var(--content-secondary)";
210
- readonly '--AInput_Error_HelperText_color': "var(--error-text)";
211
- readonly '--AInput_Error_background-color': "inherit";
212
- readonly '--AInput_Error_border': "1px solid var(--textinput-stroke-error)";
213
- readonly '--AInput_Error_color': "var(--error-text)";
214
- readonly '--AInput_Error_placeholder_color': "var(--error-text)";
215
- readonly '--ATextArea_Primary_background-color': "var(--textinput-fill-rest)";
216
- readonly '--ATextArea_Primary_border': "1px solid var(--textinput-fill-rest)";
217
- readonly '--ATextArea_Primary_color': "var(--content-secondary)";
218
- readonly '--ATextArea_Primary_hover_border': "1px solid var(--textinput-stroke-active)";
219
- readonly '--ATextArea_Primary_focus_background-color': "var(--textinput-fill-active)";
220
- readonly '--ATextArea_Primary_focus_border': "1px solid var(--textinput-stroke-active)";
221
- readonly '--ATextArea_Secondary_background-color': "inherit";
222
- readonly '--ATextArea_Secondary_border': "1px solid var(--content-tertiary)";
223
- readonly '--ATextArea_Secondary_color': "var(--content-secondary)";
224
- readonly '--ATextArea_Secondary_hover_border': "1px solid var(--textinput-stroke-active)";
225
- readonly '--ATextArea_Secondary_focus_border': "1px solid var(--textinput-stroke-active)";
226
- readonly '--ATextArea_ReadOnly_background-color': "var(--textinput-fill-rest)";
227
- readonly '--ATextArea_ReadOnly_border': "1px solid var(--content-tertiary)";
228
- readonly '--ATextArea_ReadOnly_color': "var(--content-secondary)";
229
- readonly '--ATextArea_Error_background-color': "inherit";
230
- readonly '--ATextArea_Error_border': "1px solid var(--textinput-stroke-error)";
231
- readonly '--ATextArea_Error_color': "var(--error-text)";
232
- readonly '--ATextArea_Error_placeholder_color': "var(--error-text)";
233
- readonly '--ACheckBox_color': "var(--content-primary)";
234
- readonly '--ADialog_Paper_background-color': "#00000060";
235
- readonly '--ADialog_background-color': "var(--dialog-background)";
236
- readonly '--ADialog_border': "1px solid var(--dialog-stroke)";
237
- readonly '--ADialog_Body_Title_font': "700 20px pretendard";
238
- readonly '--ADialog_Action_background-color': "var(--dialog-depth)";
239
- readonly '--ASelect_Primary_border': "1px solid var(--content-tertiary)";
240
- readonly '--ASelect_Primary_hover_border': "1px solid var(--stroke-primary)";
241
- readonly '--ASelect_Primary_Arrow_color': "var(--content-primary)";
242
- readonly '--ASelect_Primary_Options_background-color': "var(--ui-elevation)";
243
- readonly '--ASelect_Primary_Options_border': "1px solid var(--content-primary)";
244
- readonly '--ASelect_Primary_Option_hover_background-color': "var(--content-quaternary)";
245
- readonly '--ASelect_Primary_Option_active_background-color': "var(--content-quaternary)";
246
- readonly '--ASelect_Primary_Option_Selected_background-color': "var(--highlight-primary)";
247
- readonly '--ASelect_Secondary_background-color': "var(--content-quaternary)";
248
- readonly '--ASelect_Secondary_Arrow_color': "var(--Body-color)";
249
- readonly '--ASelect_Secondary_Options_background-color': "var(--ui-elevation)";
250
- readonly '--ASelect_Secondary_Options_border': "1px solid var(--gray-gray-02)";
251
- readonly '--ASelect_Secondary_Option_hover_background-color': "var(--content-quaternary)";
252
- readonly '--ASelect_Secondary_Option_active_background-color': "var(--content-quaternary)";
253
- readonly '--ASelect_Secondary_Option_Selected_background-color': "var(--highlight-primary)";
254
- readonly '--AMultiSelect_Primary_border': "1px solid var(--content-tertiary)";
255
- readonly '--AMultiSelect_Primary_hover_border': "1px solid var(--stroke-primary)";
256
- readonly '--AMultiSelect_Primary_Arrow_color': "var(--content-primary)";
257
- readonly '--AMultiSelect_Primary_Options_background-color': "var(--ui-elevation)";
258
- readonly '--AMultiSelect_Primary_Options_border': "1px solid var(--content-primary)";
259
- readonly '--AMultiSelect_Primary_Option_hover_background-color': "var(--content-quaternary)";
260
- readonly '--AMultiSelect_Primary_Option_active_background-color': "var(--content-quaternary)";
261
- readonly '--AMultiSelect_Primary_Option_Selected_background-color': "var(--highlight-primary)";
262
- readonly '--AMultiSelect_Secondary_background-color': "var(--content-quaternary)";
263
- readonly '--AMultiSelect_Secondary_Arrow_color': "var(--Body-color)";
264
- readonly '--AMultiSelect_Secondary_Options_background-color': "var(--ui-elevation)";
265
- readonly '--AMultiSelect_Secondary_Options_border': "1px solid var(--gray-gray-02)";
266
- readonly '--AMultiSelect_Secondary_Option_hover_background-color': "var(--content-quaternary)";
267
- readonly '--AMultiSelect_Secondary_Option_active_background-color': "var(--content-quaternary)";
268
- readonly '--AMultiSelect_Secondary_Option_Selected_background-color': "var(--highlight-primary)";
269
- readonly '--ATree_background-color': "var(--fill-background)";
270
- readonly '--ATree_Indent_border': "1px solid var(--table-stroke-secondary)";
271
- readonly '--ATreeHeader_border-bottom': "2px solid var(--stroke-primary)";
272
- readonly '--ATreeBodyHeader_border-bottom': "1px solid var(--table-stroke-secondary)";
273
- readonly '--ATreeItem_hover_background-color': "var(--ui-elevation)";
274
- readonly '--ATreeItem_active_background-color': "var(--ui-elevation)";
275
- readonly '--ATreeItem_select_background-color': "var(--content-quaternary)";
276
- readonly '--ATreeItem_search_background-color': "yellow";
277
- readonly '--ATreeItem_search_border-top': "1px dashed var(--content-primary)";
278
- readonly '--ATreeItem_search_border-bottom': "1px dashed var(--content-primary)";
279
- readonly '--ATreeItem_select_color': "var(--content-primary)";
280
- readonly '--ASwitch_Track_Falsy_border-color': "var(--switch-fill-track-off)";
281
- readonly '--ASwitch_Track_Truthy_border-color': "var(--switch-fill-track-on)";
282
- readonly '--ATab_font': "500 16px pretendard";
283
- readonly '--ATab_Option_IsSelected_font': "700 16px pretendard";
284
- readonly '--ATab_IndicatorTrack_Primary_border-bottom': "1px solid var(--tapbutton-stroke-rest)";
285
- readonly '--ATab_Indicator_Primary_background-color': "var(--content-primary)";
286
- readonly '--ATab_Option_Secondary_border': "2px solid var(--content-primary)";
287
- readonly '--ATab_Option_Secondary_IsSelected_border-bottom': "2px solid var(--Body-background-color)";
288
- readonly '--ATab_Option_Secondary_IsDisabled_border': "2px solid gray";
289
- readonly '--AFileBox_border': "1px dashed var(--content-primary)";
290
- readonly '--AFileBox_background-color': "var(--ui-elevation)";
291
- readonly '--AFileBox_SelectedFile_color': "var(--content-primary)";
292
- readonly '--AFileBox_Dropping_color': "var(--content-primary)";
293
- readonly '--AFileBox_Dropping_font': "500 16px pretendard";
294
- readonly '--AListView_border-top': "1px solid var(--content-tertiary)";
295
- readonly '--AListView_Row_border-bottom': "1px solid var(--content-tertiary)";
296
- readonly '--AListView_Label_border-left': "3px solid var(--content-tertiary)";
297
- readonly '--AListView_Label_font': "700 14px pretendard";
298
- readonly '--AListView_Rendered_border-left': "3px solid var(--content-tertiary)";
299
- readonly '--AStepper_OutCircle_background-color': "transparent";
300
- readonly '--AStepper_OutCircle_IsOver_background-color': "var(--l-blue-blue-03)";
301
- readonly '--AStepper_InCircle_background-color': "var(--content-quaternary)";
302
- readonly '--AStepper_InCircle_IsOver_background-color': "var(--content-primary)";
303
- readonly '--AStepper_Line_background-color': "var(--content-tertiary)";
304
- readonly '--AStepper_Line_IsOver_background-color': "var(--content-primary)";
305
- readonly '--ADatePicker_Anchor_border': "1px solid var(--content-tertiary)";
306
- readonly '--ADatePicker_Anchor_color': "var(--content-secondary)";
307
- readonly '--ADatePicker_Anchor_hover_border': "1px solid var(--textinput-stroke-active)";
308
- readonly '--ADatePicker_Anchor_focus_border': "1px solid var(--textinput-stroke-active)";
309
- readonly '--ADatePicker_Anchor_Icon_Primary_color': "var(--content-primary)";
310
- readonly '--ADatePicker_Anchor_Icon_Secondary_color': "var(--content-secondary)";
311
- readonly '--ADatePicker_background-color': "var(--AInput_Primary_background-color)";
312
- readonly '--ADatePicker_border': "1px solid var(--content-tertiary)";
313
- readonly '--ADatePicker_StringInputContainer_background-color': "var(--content-quaternary)";
314
- readonly '--ADatePicker_String_border': "1px solid var(--content-primary)";
315
- readonly '--ADatePicker_Prev_background-color': "var(--content-quaternary)";
316
- readonly '--ADatePicker_Prev_border-right': "6px solid var(--Body-color)";
317
- readonly '--ADatePicker_Next_background-color': "var(--content-quaternary)";
318
- readonly '--ADatePicker_Next_border-left': "6px solid var(--Body-color)";
319
- readonly '--ADatePicker_Cell_color': "var(--Body-color)";
320
- readonly '--ADatePicker_Cell_IsNotCurrentMonth_color': "var(--content-quaternary)";
321
- readonly '--ADatePicker_Cell_IsDisabled_color': "var(--content-quaternary)";
322
- readonly '--ADatePicker_Cell_IsSelected_background-color': "var(--content-primary)";
323
- readonly '--ADatePicker_Cell_IsSelected_color': "var(--black_and_white-white)";
324
- readonly '--ADatePicker_Cell_IsHovered_background-color': "var(--highlight-primary)";
325
- readonly '--ADateRangePicker_Anchor_border': "1px solid var(--content-tertiary)";
326
- readonly '--ADateRangePicker_Anchor_color': "var(--content-secondary)";
327
- readonly '--ADateRangePicker_Anchor_hover_border': "1px solid var(--textinput-stroke-active)";
328
- readonly '--ADateRangePicker_Anchor_focus_border': "1px solid var(--textinput-stroke-active)";
329
- readonly '--ADateRangePicker_Anchor_Icon_Primary_color': "var(--content-primary)";
330
- readonly '--ADateRangePicker_Anchor_Icon_Secondary_color': "var(--content-secondary)";
331
- readonly '--ADateRangePicker_background-color': "var(--AInput_Primary_background-color)";
332
- readonly '--ADateRangePicker_border': "1px solid var(--content-tertiary)";
333
- readonly '--ADateRangePicker_StringInputContainer_background-color': "var(--content-quaternary)";
334
- readonly '--ADateRangePicker_String_border': "1px solid var(--content-primary)";
335
- readonly '--ADateRangePicker_Prev_background-color': "var(--content-quaternary)";
336
- readonly '--ADateRangePicker_Prev_border-right': "6px solid var(--Body-color)";
337
- readonly '--ADateRangePicker_Next_background-color': "var(--content-quaternary)";
338
- readonly '--ADateRangePicker_Next_border-left': "6px solid var(--Body-color)";
339
- readonly '--ADateRangePicker_Cell_color': "var(--Body-color)";
340
- readonly '--ADateRangePicker_Cell_IsNotCurrentMonth_color': "var(--content-quaternary)";
341
- readonly '--ADateRangePicker_Cell_IsDisabled_color': "var(--content-quaternary)";
342
- readonly '--ADateRangePicker_Cell_IsSelected_background-color': "var(--content-primary)";
343
- readonly '--ADateRangePicker_Cell_IsSelected_color': "var(--black_and_white-white)";
344
- readonly '--ADateRangePicker_Cell_IsHovered_background-color': "var(--highlight-primary)";
345
- readonly '--AIconButton_Primary_color': "var(--content-primary)";
346
- readonly '--AIconButton_Primary_background-color': "var(--button-fill-rest-secondary)";
347
- readonly '--AIconButton_Primary_border': "1px solid var(--content-tertiary)";
348
- readonly '--AIconButton_Primary_hover_border': "1px solid var(--content-primary)";
349
- readonly '--ATableBody_TRow_border-bottom': "1px solid var(--table-stroke-secondary)";
350
- readonly '--ATableBody_TRow_IsSelected_background-color': "var(--ui-elevation)";
351
- readonly '--ATableBody_TRow_IsSelectable_hover_background-color': "var(--ui-elevation)";
352
- readonly '--ATableBody_TH_color': "var(--gray-gray-06)";
353
- readonly '--ATableBody_TH_font-size': "12px";
354
- readonly '--ATableBody_TD_font-size': "12px";
355
- readonly '--ATableBody_TD_IsMarked_background-color': "yellow";
356
- readonly '--ATableBody_Resizer_hover_ResizerCenter_background-color': "var(--stroke-secondary)";
357
- readonly '--ATableBody_Resizer_active_ResizerCenter_background-color': "var(--stroke-primary)";
358
- readonly '--ATableBody_Resizer_active_ResizerOut_background-color': "var(--stroke-primary)";
359
- readonly '--ATableBody_Resizer_active_ResizerIn_background-color': "var(--stroke-primary)";
360
- readonly '--ATableFooter_Button_IsSelected_background-color': "var(--content-primary)";
361
- readonly '--ATableFooter_Button_IsSelected_color': "var(--action-text-primary)";
362
- readonly '--ATableFooter_Button_IsDisabled_color': "var(--content-tertiary)";
363
- readonly '--ATableFilter_SubFilters_background-color': "var(--fill-background)";
364
- readonly '--ATableFilter_SubFilters_border': "1px solid var(--stroke-secondary)";
365
- readonly '--ATableFilter_Icon_color': "var(--content-primary)";
366
- readonly '--ADivideFrame_DividerInner_background-color': "var(--action-storke-primary)";
367
- readonly '--AFloatMenu_background-color': "var(--button-fill-rest-secondary)";
368
- readonly '--AFloatMenu_hover_background-color': "var(--ui-elevation)";
369
- readonly '--AFloatMenu_color': "var(--content-primary)";
370
- readonly '--ALoadingBorder_background-color': "var(--highlight-primary)";
371
- readonly '--ALoadingBorder_ProgressBar_background-color': "var(--content-primary)";
372
- readonly '--ALoadingBorder_Cover_background-color': "var(--content-primary)";
373
- };
374
- declare const DefaultTheme: ITheme;
375
- export declare const ThemeKeys: (keyof ITheme)[];
376
- export type TThemeKeys = keyof typeof DefaultTheme;
377
- export interface ITheme extends TSemantic {
378
- '--ThemeName': string;
379
- }
1
+ import { refinedDesignTokens } from './RefinedDesignTokens';
2
+ export type TTokens = typeof refinedDesignTokens;
3
+ export type TPalette = (typeof refinedDesignTokens.palette)['mode-1'];
4
+ export declare const paletteModes: "mode-1"[];
5
+ export type TPaletteModes = (typeof paletteModes)[number];
6
+ export declare const paletteKeys: ("common-100" | "common-0" | "brand-b-color" | "neutral-20" | "neutral-5" | "neutral-73" | "neutral-79" | "neutral-65" | "neutral-89" | "neutral-94" | "orange-53" | "green-45" | "red-45" | "neutral-84" | "neutral-99" | "neutral-30" | "neutral-54" | "neutral-10" | "neutral-15" | "neutral-42" | "cool-neutral-99" | "cool-neutral-94" | "cool-neutral-89" | "cool-neutral-84" | "cool-neutral-79" | "cool-neutral-73" | "cool-neutral-65" | "cool-neutral-54" | "cool-neutral-42" | "cool-neutral-30" | "cool-neutral-20" | "cool-neutral-10" | "cool-neutral-5" | "red-99" | "red-95" | "red-90" | "red-84" | "red-76" | "red-66" | "red-53" | "red-34" | "red-30" | "red-24" | "red-10" | "green-99" | "green-95" | "green-90" | "green-84" | "green-76" | "green-66" | "green-48" | "green-34" | "green-30" | "green-24" | "green-10" | "blue-99" | "blue-95" | "blue-90" | "blue-84" | "blue-76" | "blue-66" | "blue-53" | "blue-45" | "blue-34" | "blue-30" | "blue-24" | "blue-10" | "orange-99" | "orange-95" | "orange-90" | "orange-84" | "orange-76" | "orange-66" | "orange-45" | "orange-34" | "orange-30" | "orange-24" | "orange-10" | "violet-99" | "violet-95" | "violet-90" | "violet-84" | "violet-76" | "violet-66" | "violet-53" | "violet-45" | "violet-34" | "violet-28" | "violet-24" | "violet-10" | "cyan-99" | "cyan-95" | "cyan-90" | "cyan-84" | "cyan-76" | "cyan-66" | "cyan-50" | "cyan-45" | "cyan-40" | "cyan-30" | "cyan-21" | "cyan-10" | "pink-99" | "pink-95" | "pink-90" | "pink-84" | "pink-76" | "pink-66" | "pink-53" | "pink-45" | "pink-40" | "pink-30" | "pink-21" | "pink-10" | "lime-99" | "lime-95" | "lime-90" | "lime-84" | "lime-76" | "lime-66" | "lime-49" | "lime-45" | "lime-40" | "lime-30" | "lime-21" | "lime-10")[];
7
+ export type TPaletteKeys = (typeof paletteKeys)[number];
8
+ /**
9
+ * getCurrentPaletteMode : () => TPaletteModes
10
+ *
11
+ * Description : get the current palette mode.
12
+ */
13
+ declare function getCurrentPaletteMode(): "mode-1";
380
14
  /**
381
- * getThemeNames
15
+ * getPaletteValue : (key: TPaletteKeys, mode: TPaletteModes) => string
382
16
  *
383
- * Description: Get all theme names. 'Default', 'Dark' are given by default.
17
+ * Description : get the shallow value of the palette key.
384
18
  */
385
- declare function getThemeNames(): string[];
19
+ declare function getPaletteValue(key: TPaletteKeys, mode?: TPaletteModes): string;
386
20
  /**
387
- * getTheme
21
+ * getPaletteDeepValue : (key: TPaletteKeys) => string
388
22
  *
389
- * Description: Get the theme object by theme name.
23
+ * Description : get the calculated value of the palette key.
390
24
  */
391
- declare function getTheme(themeName: string): ITheme | undefined;
25
+ declare function getPaletteDeepValue(key: TPaletteKeys): string;
26
+ interface IPaletteModeChangeEvent {
27
+ type: 'paletteModeChange';
28
+ listener: (newPaletteMode: TPaletteModes) => void;
29
+ }
392
30
  /**
393
- * getCurrentThemeName
31
+ * changePaletteMode : (mode: TPaletteModes) => void
394
32
  *
395
- * Description: Get the current theme name.
33
+ * Description : change the palette mode. it will be applied immediately.
396
34
  */
397
- declare function getCurrentThemeName(): string;
35
+ declare function changePaletteMode(mode: TPaletteModes): void;
398
36
  /**
399
- * getCurrentTheme
37
+ * editPalette : (palette: Partial<TPalette>, mode: TPaletteModes | 'all') => void
400
38
  *
401
- * Description: Get the current theme object.
39
+ * Description : edit the color of the palette. it will be applied immediately.
402
40
  */
403
- declare function getCurrentTheme(): ITheme | undefined;
41
+ declare function editPalette(palette: Partial<TPalette>, mode?: TPaletteModes | 'all'): void;
42
+ export type TSemantic = typeof refinedDesignTokens.semantic.light;
43
+ export declare const semanticModes: ("light" | "dark")[];
44
+ export type TSemanticModes = (typeof semanticModes)[number];
45
+ export declare const semanticKeys: ("static-white" | "static-black" | "acent-brand" | "label-normal" | "label-strong" | "label-neutral" | "line-normal" | "line-strong" | "line-neutral" | "background-normal" | "elevation-0" | "elevation-10" | "elevation-20" | "alert-warning" | "alert-success" | "alert-danger" | "inverse-label-normal" | "inverse-label-strong" | "inverse-label-neutral" | "inverse-line-normal" | "inverse-line-strong" | "inverse-line-neutral" | "inverse-elevation-0" | "inverse-elevation-10" | "inverse-elevation-20")[];
46
+ export type TSemanticKeys = (typeof semanticKeys)[number];
404
47
  /**
405
- * addTheme
48
+ * getCurrentSemanticMode : () => TSemanticModes
406
49
  *
407
- * Description: Add a new theme to the internal theme list.
50
+ * Description : get the current semantic mode.
408
51
  */
409
- declare function addTheme(theme: ITheme): void;
52
+ declare function getCurrentSemanticMode(): "light" | "dark";
410
53
  /**
411
- * removeTheme
54
+ * getSemanticValue : (key: TSemanticKeys, mode: TSemanticModes, isDeep: boolean) => string
412
55
  *
413
- * Description: Remove a theme from the internal theme list.
414
- * you can not remove the last theme.
56
+ * Description : get the shallow value of the semantic key.
415
57
  */
416
- declare function removeTheme(...args: ('Default' | 'Dark')[] | string[]): void;
58
+ declare function getSemanticValue(key: TSemanticKeys, mode?: TSemanticModes): string;
417
59
  /**
418
- * unsetTheme
60
+ * getSemanticDeepValue : (key: TSemanticKeys) => string
419
61
  *
420
- * Description: Unset the theme by removing all properties from the document.
421
- * Only first argument is used as themeName, rest are ignored.
62
+ * Description : get the calculated value of the semantic key.
422
63
  */
423
- declare function unsetTheme(...args: ('Default' | 'Dark')[] | string[]): void;
64
+ declare function getSemanticDeepValue(key: TSemanticKeys): string;
65
+ interface ISemanticModeChangeEvent {
66
+ type: 'semanticModeChange';
67
+ listener: (newSemanticMode: TSemanticModes) => void;
68
+ }
424
69
  /**
425
- * setTheme
70
+ * changeSemanticMode : (mode: TSemanticModes) => void
426
71
  *
427
- * Description: Set the theme by setting all properties to the document.
428
- * Only first argument is used as themeName, rest are ignored.
72
+ * Description : change the semantic mode. it will be applied immediately.
429
73
  */
430
- declare function setTheme(...args: ('Default' | 'Dark')[] | string[]): void;
74
+ export declare function changeSemanticMode(mode: TSemanticModes): void;
431
75
  /**
432
- * editTheme
76
+ * editSemantic : (semantic: Partial<TSemantic>, mode: TSemanticModes | 'all') => void
433
77
  *
434
- * Description: Edit the existing theme by setting its properties.
435
- * It is not applied immediately. You should call 'setTheme' to apply the changes.
436
- * Only first argument is used as themeName, rest are ignored.
78
+ * Description : edit the color of the semantic. it will be applied immediately.
79
+ */
80
+ declare function editSemantic(semantic: Partial<TSemantic>, mode?: TSemanticModes | 'all'): void;
81
+ export declare const BodyStyleKeys: readonly ["Body-background-color", "Body-color", "Body-transition", "Font", "Scrollbar-handle", "Scrollbar-handle-hover", "Scrollbar-handle-active", "Scrollbar-track", "Scrollbar-border-radius", "Scrollbar-width"];
82
+ export type TBodyStyleKeys = (typeof BodyStyleKeys)[number];
83
+ export declare const ABaseStyleKeys: readonly ["ABase_Dimming_background-color"];
84
+ export type TABaseStyleKeys = (typeof ABaseStyleKeys)[number];
85
+ export declare const ATooltipStyleKeys: readonly ["ATooltip_background-color", "ATooltip_color"];
86
+ export type TATooltipStyleKeys = (typeof ATooltipStyleKeys)[number];
87
+ export declare const AButtonStyleKeys: readonly ["AButton_Primary_border", "AButton_Primary_background-color", "AButton_Primary_color", "AButton_Secondary_border", "AButton_Secondary_background-color", "AButton_Secondary_color"];
88
+ export type TAButtonStyleKeys = (typeof AButtonStyleKeys)[number];
89
+ export declare const AInputStyleKeys: readonly ["AInput_Primary_background-color", "AInput_Primary_border", "AInput_Primary_color", "AInput_Primary_hover_border", "AInput_Primary_focus_background-color", "AInput_Primary_focus_border", "AInput_Primary_placeholder_color", "AInput_Secondary_background-color", "AInput_Secondary_border", "AInput_Secondary_color", "AInput_Secondary_hover_border", "AInput_Secondary_focus_border", "AInput_Secondary_placeholder_color", "AInput_ReadOnly_background-color", "AInput_ReadOnly_border", "AInput_ReadOnly_color", "AInput_Error_HelperText_color", "AInput_Error_background-color", "AInput_Error_border", "AInput_Error_color", "AInput_Error_placeholder_color"];
90
+ export type TAInputStyleKeys = (typeof AInputStyleKeys)[number];
91
+ export declare const ATextAreaStyleKeys: readonly ["ATextArea_Primary_background-color", "ATextArea_Primary_border", "ATextArea_Primary_color", "ATextArea_Primary_hover_border", "ATextArea_Primary_focus_background-color", "ATextArea_Primary_focus_border", "ATextArea_Secondary_background-color", "ATextArea_Secondary_border", "ATextArea_Secondary_color", "ATextArea_Secondary_hover_border", "ATextArea_Secondary_focus_border", "ATextArea_ReadOnly_background-color", "ATextArea_ReadOnly_border", "ATextArea_ReadOnly_color", "ATextArea_Error_background-color", "ATextArea_Error_border", "ATextArea_Error_color", "ATextArea_Error_placeholder_color"];
92
+ export type TATextAreaStyleKeys = (typeof ATextAreaStyleKeys)[number];
93
+ export declare const ACheckBoxStyleKeys: readonly ["ACheckBox_color"];
94
+ export type TACheckBoxStyleKeys = (typeof ACheckBoxStyleKeys)[number];
95
+ export declare const ADialogStyleKeys: readonly ["ADialog_Paper_background-color", "ADialog_background-color", "ADialog_border", "ADialog_Action_background-color"];
96
+ export type TADialogStyleKeys = (typeof ADialogStyleKeys)[number];
97
+ export declare const ASelectStyleKeys: readonly ["ASelect_Placeholder_color", "ASelect_Primary_border", "ASelect_Primary_hover_border", "ASelect_Primary_Arrow_color", "ASelect_Primary_Options_background-color", "ASelect_Primary_Options_border", "ASelect_Primary_Option_hover_background-color", "ASelect_Primary_Option_active_background-color", "ASelect_Primary_Option_Selected_background-color", "ASelect_Secondary_border", "ASelect_Secondary_hover_border", "ASelect_Secondary_Arrow_color", "ASelect_Secondary_Options_background-color", "ASelect_Secondary_Options_border", "ASelect_Secondary_Option_hover_background-color", "ASelect_Secondary_Option_active_background-color", "ASelect_Secondary_Option_Selected_background-color"];
98
+ export type TASelectStyleKeys = (typeof ASelectStyleKeys)[number];
99
+ export declare const AMultiSelectStyleKeys: readonly ["AMultiSelect_Placeholder_color", "AMultiSelect_Primary_border", "AMultiSelect_Primary_hover_border", "AMultiSelect_Primary_Arrow_color", "AMultiSelect_Primary_Options_background-color", "AMultiSelect_Primary_Options_border", "AMultiSelect_Primary_Option_hover_background-color", "AMultiSelect_Primary_Option_active_background-color", "AMultiSelect_Primary_Option_Selected_background-color", "AMultiSelect_Secondary_border", "AMultiSelect_Secondary_hover_border", "AMultiSelect_Secondary_Arrow_color", "AMultiSelect_Secondary_Options_background-color", "AMultiSelect_Secondary_Options_border", "AMultiSelect_Secondary_Option_hover_background-color", "AMultiSelect_Secondary_Option_active_background-color", "AMultiSelect_Secondary_Option_Selected_background-color"];
100
+ export type TAMultiSelectStyleKeys = (typeof AMultiSelectStyleKeys)[number];
101
+ export declare const ATreeStyleKeys: readonly ["ATree_background-color", "ATree_Indent_border", "ATreeBodyHeader_border-bottom", "ATreeItem_hover_background-color", "ATreeItem_active_background-color", "ATreeItem_select_background-color", "ATreeItem_search_background-color", "ATreeItem_search_border-top", "ATreeItem_search_border-bottom", "ATreeItem_select_color"];
102
+ export type TATreeStyleKeys = (typeof ATreeStyleKeys)[number];
103
+ export declare const ASwitchStyleKeys: readonly ["ASwitch_Track_Falsy_border", "ASwitch_Track_Truthy_border", "ASwitch_Thumb_border"];
104
+ export type TASwitchStyleKeys = (typeof ASwitchStyleKeys)[number];
105
+ export declare const ATabStyleKeys: readonly ["ATab_IndicatorTrack_Primary_border-bottom", "ATab_Indicator_Primary_background-color", "ATab_Option_Secondary_border", "ATab_Option_Secondary_IsSelected_border-bottom", "ATab_Option_Secondary_IsDisabled_border"];
106
+ export type TATabStyleKeys = (typeof ATabStyleKeys)[number];
107
+ export declare const AFileBoxStyleKeys: readonly ["AFileBox_border", "AFileBox_background-color", "AFileBox_SelectedFile_color", "AFileBox_Dropping_color"];
108
+ export type TAFileBoxStyleKeys = (typeof AFileBoxStyleKeys)[number];
109
+ export declare const AListViewStyleKeys: readonly ["AListView_border-top", "AListView_Row_border-bottom", "AListView_Label_border-left", "AListView_Rendered_border-left", "AListView_Rendered_border-right"];
110
+ export type TAListViewStyleKeys = (typeof AListViewStyleKeys)[number];
111
+ export declare const AStepperStyleKeys: readonly ["AStepper_OutCircle_background-color", "AStepper_OutCircle_IsOver_background-color", "AStepper_InCircle_background-color", "AStepper_InCircle_IsOver_background-color", "AStepper_Line_background-color", "AStepper_Line_IsOver_background-color"];
112
+ export type TAStepperStyleKeys = (typeof AStepperStyleKeys)[number];
113
+ export declare const ADatePickerStyleKeys: readonly ["ADatePicker_Anchor_border", "ADatePicker_Anchor_color", "ADatePicker_Anchor_Placeholder_color", "ADatePicker_Anchor_hover_border", "ADatePicker_Anchor_focus_border", "ADatePicker_Anchor_Icon_Primary_color", "ADatePicker_Anchor_Icon_Secondary_color", "ADatePicker_background-color", "ADatePicker_border", "ADatePicker_StringInputContainer_background-color", "ADatePicker_String_border", "ADatePicker_Prev_background-color", "ADatePicker_Prev_border-right", "ADatePicker_Next_background-color", "ADatePicker_Next_border-left", "ADatePicker_Cell_color", "ADatePicker_Cell_IsNotCurrentMonth_color", "ADatePicker_Cell_IsDisabled_color", "ADatePicker_Cell_IsSelected_background-color", "ADatePicker_Cell_IsSelected_color", "ADatePicker_Cell_IsHovered_background-color"];
114
+ export type TADatePickerStyleKeys = (typeof ADatePickerStyleKeys)[number];
115
+ export declare const ADateRangePickerStyleKeys: readonly ["ADateRangePicker_Anchor_border", "ADateRangePicker_Anchor_color", "ADateRangePicker_Anchor_Placeholder_color", "ADateRangePicker_Anchor_hover_border", "ADateRangePicker_Anchor_focus_border", "ADateRangePicker_Anchor_Icon_Primary_color", "ADateRangePicker_Anchor_Icon_Secondary_color", "ADateRangePicker_background-color", "ADateRangePicker_border", "ADateRangePicker_StringInputContainer_background-color", "ADateRangePicker_String_border", "ADateRangePicker_Prev_background-color", "ADateRangePicker_Prev_border-right", "ADateRangePicker_Next_background-color", "ADateRangePicker_Next_border-left", "ADateRangePicker_Cell_color", "ADateRangePicker_Cell_IsNotCurrentMonth_color", "ADateRangePicker_Cell_IsDisabled_color", "ADateRangePicker_Cell_IsSelected_background-color", "ADateRangePicker_Cell_IsSelected_color", "ADateRangePicker_Cell_IsHovered_background-color"];
116
+ export type TADateRangePickerStyleKeys = (typeof ADateRangePickerStyleKeys)[number];
117
+ export declare const AIconButtonStyleKeys: readonly ["AIconButton_Primary_color", "AIconButton_Primary_background-color", "AIconButton_Primary_border", "AIconButton_Primary_hover_border"];
118
+ export type TAIconButtonStyleKeys = (typeof AIconButtonStyleKeys)[number];
119
+ export declare const ATableStyleKeys: readonly ["ATableBody_TRow_border-bottom", "ATableBody_TRow_IsSelected_background-color", "ATableBody_TRow_IsSelectable_hover_background-color", "ATableBody_TH_color", "ATableBody_TD_IsMarked_background-color", "ATableBody_Resizer_hover_ResizerCenter_background-color", "ATableBody_Resizer_active_ResizerCenter_background-color", "ATableBody_Resizer_active_ResizerOut_background-color", "ATableBody_Resizer_active_ResizerIn_background-color", "ATableFooter_Button_IsSelected_background-color", "ATableFooter_Button_IsSelected_color", "ATableFooter_Button_IsDisabled_color", "ATableFilter_SubFilters_background-color", "ATableFilter_SubFilters_border", "ATableFilter_Icon_color", "ATableFilter_Alert_color"];
120
+ export type TATableStyleKeys = (typeof ATableStyleKeys)[number];
121
+ export declare const AFrameStyleKeys: readonly ["ADivideFrame_DividerInner_background-color"];
122
+ export type TAFrameStyleKeys = (typeof AFrameStyleKeys)[number];
123
+ export declare const AFloatMenuKeys: readonly ["AFloatMenu_background-color", "AFloatMenu_hover_background-color", "AFloatMenu_color", "AFloatMenu_border"];
124
+ export type TAFloatMenuKeys = (typeof AFloatMenuKeys)[number];
125
+ export declare const ALoadingBorderKeys: readonly ["ALoadingBorder_background-color", "ALoadingBorder_ProgressBar_background-color", "ALoadingBorder_Cover_background-color"];
126
+ export type TALoadingBorderKeys = (typeof ALoadingBorderKeys)[number];
127
+ export declare const AWrapKeys: readonly ["AWrap_Error_color"];
128
+ export type TAWrapKeys = (typeof AWrapKeys)[number];
129
+ export declare const componentStyleKeys: ("Body-background-color" | "Body-color" | "Body-transition" | "Font" | "Scrollbar-handle" | "Scrollbar-handle-hover" | "Scrollbar-handle-active" | "Scrollbar-track" | "Scrollbar-border-radius" | "Scrollbar-width" | "ABase_Dimming_background-color" | "ATooltip_background-color" | "ATooltip_color" | "AButton_Primary_border" | "AButton_Primary_background-color" | "AButton_Primary_color" | "AButton_Secondary_border" | "AButton_Secondary_background-color" | "AButton_Secondary_color" | "AInput_Primary_background-color" | "AInput_Primary_border" | "AInput_Primary_color" | "AInput_Primary_hover_border" | "AInput_Primary_focus_background-color" | "AInput_Primary_focus_border" | "AInput_Primary_placeholder_color" | "AInput_Secondary_background-color" | "AInput_Secondary_border" | "AInput_Secondary_color" | "AInput_Secondary_hover_border" | "AInput_Secondary_focus_border" | "AInput_Secondary_placeholder_color" | "AInput_ReadOnly_background-color" | "AInput_ReadOnly_border" | "AInput_ReadOnly_color" | "AInput_Error_HelperText_color" | "AInput_Error_background-color" | "AInput_Error_border" | "AInput_Error_color" | "AInput_Error_placeholder_color" | "ATextArea_Primary_background-color" | "ATextArea_Primary_border" | "ATextArea_Primary_color" | "ATextArea_Primary_hover_border" | "ATextArea_Primary_focus_background-color" | "ATextArea_Primary_focus_border" | "ATextArea_Secondary_background-color" | "ATextArea_Secondary_border" | "ATextArea_Secondary_color" | "ATextArea_Secondary_hover_border" | "ATextArea_Secondary_focus_border" | "ATextArea_ReadOnly_background-color" | "ATextArea_ReadOnly_border" | "ATextArea_ReadOnly_color" | "ATextArea_Error_background-color" | "ATextArea_Error_border" | "ATextArea_Error_color" | "ATextArea_Error_placeholder_color" | "ACheckBox_color" | "ADialog_Paper_background-color" | "ADialog_background-color" | "ADialog_border" | "ADialog_Action_background-color" | "ASelect_Placeholder_color" | "ASelect_Primary_border" | "ASelect_Primary_hover_border" | "ASelect_Primary_Arrow_color" | "ASelect_Primary_Options_background-color" | "ASelect_Primary_Options_border" | "ASelect_Primary_Option_hover_background-color" | "ASelect_Primary_Option_active_background-color" | "ASelect_Primary_Option_Selected_background-color" | "ASelect_Secondary_border" | "ASelect_Secondary_hover_border" | "ASelect_Secondary_Arrow_color" | "ASelect_Secondary_Options_background-color" | "ASelect_Secondary_Options_border" | "ASelect_Secondary_Option_hover_background-color" | "ASelect_Secondary_Option_active_background-color" | "ASelect_Secondary_Option_Selected_background-color" | "AMultiSelect_Placeholder_color" | "AMultiSelect_Primary_border" | "AMultiSelect_Primary_hover_border" | "AMultiSelect_Primary_Arrow_color" | "AMultiSelect_Primary_Options_background-color" | "AMultiSelect_Primary_Options_border" | "AMultiSelect_Primary_Option_hover_background-color" | "AMultiSelect_Primary_Option_active_background-color" | "AMultiSelect_Primary_Option_Selected_background-color" | "AMultiSelect_Secondary_border" | "AMultiSelect_Secondary_hover_border" | "AMultiSelect_Secondary_Arrow_color" | "AMultiSelect_Secondary_Options_background-color" | "AMultiSelect_Secondary_Options_border" | "AMultiSelect_Secondary_Option_hover_background-color" | "AMultiSelect_Secondary_Option_active_background-color" | "AMultiSelect_Secondary_Option_Selected_background-color" | "ATree_background-color" | "ATree_Indent_border" | "ATreeBodyHeader_border-bottom" | "ATreeItem_hover_background-color" | "ATreeItem_active_background-color" | "ATreeItem_select_background-color" | "ATreeItem_search_background-color" | "ATreeItem_search_border-top" | "ATreeItem_search_border-bottom" | "ATreeItem_select_color" | "ASwitch_Track_Falsy_border" | "ASwitch_Track_Truthy_border" | "ASwitch_Thumb_border" | "ATab_IndicatorTrack_Primary_border-bottom" | "ATab_Indicator_Primary_background-color" | "ATab_Option_Secondary_border" | "ATab_Option_Secondary_IsSelected_border-bottom" | "ATab_Option_Secondary_IsDisabled_border" | "AFileBox_border" | "AFileBox_background-color" | "AFileBox_SelectedFile_color" | "AFileBox_Dropping_color" | "AListView_border-top" | "AListView_Row_border-bottom" | "AListView_Label_border-left" | "AListView_Rendered_border-left" | "AListView_Rendered_border-right" | "AStepper_OutCircle_background-color" | "AStepper_OutCircle_IsOver_background-color" | "AStepper_InCircle_background-color" | "AStepper_InCircle_IsOver_background-color" | "AStepper_Line_background-color" | "AStepper_Line_IsOver_background-color" | "ADatePicker_Anchor_border" | "ADatePicker_Anchor_color" | "ADatePicker_Anchor_Placeholder_color" | "ADatePicker_Anchor_hover_border" | "ADatePicker_Anchor_focus_border" | "ADatePicker_Anchor_Icon_Primary_color" | "ADatePicker_Anchor_Icon_Secondary_color" | "ADatePicker_background-color" | "ADatePicker_border" | "ADatePicker_StringInputContainer_background-color" | "ADatePicker_String_border" | "ADatePicker_Prev_background-color" | "ADatePicker_Prev_border-right" | "ADatePicker_Next_background-color" | "ADatePicker_Next_border-left" | "ADatePicker_Cell_color" | "ADatePicker_Cell_IsNotCurrentMonth_color" | "ADatePicker_Cell_IsDisabled_color" | "ADatePicker_Cell_IsSelected_background-color" | "ADatePicker_Cell_IsSelected_color" | "ADatePicker_Cell_IsHovered_background-color" | "ADateRangePicker_Anchor_border" | "ADateRangePicker_Anchor_color" | "ADateRangePicker_Anchor_Placeholder_color" | "ADateRangePicker_Anchor_hover_border" | "ADateRangePicker_Anchor_focus_border" | "ADateRangePicker_Anchor_Icon_Primary_color" | "ADateRangePicker_Anchor_Icon_Secondary_color" | "ADateRangePicker_background-color" | "ADateRangePicker_border" | "ADateRangePicker_StringInputContainer_background-color" | "ADateRangePicker_String_border" | "ADateRangePicker_Prev_background-color" | "ADateRangePicker_Prev_border-right" | "ADateRangePicker_Next_background-color" | "ADateRangePicker_Next_border-left" | "ADateRangePicker_Cell_color" | "ADateRangePicker_Cell_IsNotCurrentMonth_color" | "ADateRangePicker_Cell_IsDisabled_color" | "ADateRangePicker_Cell_IsSelected_background-color" | "ADateRangePicker_Cell_IsSelected_color" | "ADateRangePicker_Cell_IsHovered_background-color" | "AIconButton_Primary_color" | "AIconButton_Primary_background-color" | "AIconButton_Primary_border" | "AIconButton_Primary_hover_border" | "ATableBody_TRow_border-bottom" | "ATableBody_TRow_IsSelected_background-color" | "ATableBody_TRow_IsSelectable_hover_background-color" | "ATableBody_TH_color" | "ATableBody_TD_IsMarked_background-color" | "ATableBody_Resizer_hover_ResizerCenter_background-color" | "ATableBody_Resizer_active_ResizerCenter_background-color" | "ATableBody_Resizer_active_ResizerOut_background-color" | "ATableBody_Resizer_active_ResizerIn_background-color" | "ATableFooter_Button_IsSelected_background-color" | "ATableFooter_Button_IsSelected_color" | "ATableFooter_Button_IsDisabled_color" | "ATableFilter_SubFilters_background-color" | "ATableFilter_SubFilters_border" | "ATableFilter_Icon_color" | "ATableFilter_Alert_color" | "ADivideFrame_DividerInner_background-color" | "AFloatMenu_background-color" | "AFloatMenu_hover_background-color" | "AFloatMenu_color" | "AFloatMenu_border" | "ALoadingBorder_background-color" | "ALoadingBorder_ProgressBar_background-color" | "ALoadingBorder_Cover_background-color" | "AWrap_Error_color")[];
130
+ export type TComponentStyleKeys = (typeof componentStyleKeys)[number];
131
+ export type TComponentStyle = {
132
+ [key in TComponentStyleKeys]: string;
133
+ };
134
+ export type TComponentHardStyle = {
135
+ [key in keyof TComponentStyle]: TSemanticKeys;
136
+ };
137
+ /**
138
+ * getComponentStyleValue : (key: TComponentStyleKeys, isDeep?: boolean) => string
139
+ *
140
+ * Description : get the value of the componentStyle with semantic names.
141
+ */
142
+ declare function getComponentStyleValue(key: TComponentStyleKeys): string;
143
+ declare function getComponentStyleDeepValue(key: TComponentStyleKeys): string;
144
+ /**
145
+ * editComponentStyle : (theme: Partial<TComponentStyle>) => void
437
146
  *
147
+ * Description : edit componentStyle with semantic names. it will be applied immediately.
438
148
  */
439
- declare function editTheme(theme: Partial<ITheme>, ...args: ('Default' | 'Dark')[] | string[]): void;
149
+ declare function editComponentStyle(theme: Partial<TComponentStyle>): void;
440
150
  /**
441
- * getStyleValue
151
+ * editComponentStyleWithSemantic : (theme: Partial<TComponentHardStyle>) => void
442
152
  *
443
- * Description: Get the value of the style property.
444
- * Only first argument is used as themeName, rest are ignored.
153
+ * Description : edit componentStyle with raw string. it will be applied immediately.
445
154
  */
446
- declare function getStyleValue(...args: (keyof typeof Semantic)[] | string[]): string;
155
+ declare function editComponentStyleWithSemantic(theme: Partial<TComponentHardStyle>): void;
447
156
  interface IInitParams {
448
157
  /**
449
- * themeName?: string
158
+ * semanticMode?: TSemanticModes
450
159
  *
451
- * Description: The theme name to be set.
160
+ * Description: semanticMode will be set to the given value.
452
161
  *
453
162
  * Priority : 1
454
163
  */
455
- themeName?: string;
164
+ semanticMode?: TSemanticModes;
456
165
  /**
457
166
  * save?: 'localStorage' | 'sessionStorage'
458
167
  *
@@ -470,19 +179,29 @@ interface IInitParams {
470
179
  */
471
180
  followDeviceSetting?: boolean;
472
181
  }
473
- declare function init({ themeName, save, followDeviceSetting }: IInitParams): void;
474
- export declare const DarkTheme: void;
182
+ declare function init({ semanticMode, save, followDeviceSetting }: IInitParams): void;
183
+ type TAThemeEvent = IPaletteModeChangeEvent | ISemanticModeChangeEvent;
184
+ declare function addEventListener<T extends TAThemeEvent>(param: T): void;
185
+ declare function removeEventListener<T extends TAThemeEvent>(param: T): void;
186
+ declare function getDeepValue(key: TPaletteKeys | TSemanticKeys | TComponentStyleKeys): string;
475
187
  export declare const AThemes: {
476
- getThemeNames: typeof getThemeNames;
477
- getTheme: typeof getTheme;
478
- getCurrentThemeName: typeof getCurrentThemeName;
479
- getCurrentTheme: typeof getCurrentTheme;
480
- addTheme: typeof addTheme;
481
- removeTheme: typeof removeTheme;
482
- unsetTheme: typeof unsetTheme;
483
- setTheme: typeof setTheme;
484
- editTheme: typeof editTheme;
485
- getStyleValue: typeof getStyleValue;
188
+ getCurrentPaletteMode: typeof getCurrentPaletteMode;
189
+ getPaletteValue: typeof getPaletteValue;
190
+ getPaletteDeepValue: typeof getPaletteDeepValue;
191
+ changePaletteMode: typeof changePaletteMode;
192
+ editPalette: typeof editPalette;
193
+ getCurrentSemanticMode: typeof getCurrentSemanticMode;
194
+ getSemanticValue: typeof getSemanticValue;
195
+ getSemanticDeepValue: typeof getSemanticDeepValue;
196
+ changeSemanticMode: typeof changeSemanticMode;
197
+ editSemantic: typeof editSemantic;
198
+ getComponentStyleValue: typeof getComponentStyleValue;
199
+ getComponentStyleDeepValue: typeof getComponentStyleDeepValue;
200
+ editComponentStyle: typeof editComponentStyle;
201
+ editComponentStyleWithSemantic: typeof editComponentStyleWithSemantic;
486
202
  init: typeof init;
203
+ addEventListener: typeof addEventListener;
204
+ removeEventListener: typeof removeEventListener;
205
+ getDeepValue: typeof getDeepValue;
487
206
  };
488
207
  export {};