ados-rcm 1.1.168 → 1.1.170
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/AModule/AComponents/AButton/AThemeButton.d.ts +1 -1
- package/dist/AModule/AComponents/ADatePicker/ADatePicker.d.ts +6 -0
- package/dist/AModule/AComponents/AFrame/AFrame.d.ts +2 -2
- package/dist/AModule/AComponents/ATable/ATable.d.ts +72 -1
- package/dist/AModule/AComponents/ATable/ATableFilter.d.ts +2 -1
- package/dist/AModule/AComponents/ATable/ATableHeader.d.ts +2 -1
- package/dist/AModule/AComponents/ATheme/ATheme.d.ts +149 -430
- package/dist/index.cjs.js +31 -31
- package/dist/index.d.ts +1 -2
- package/dist/index.es.js +6051 -5994
- package/package.json +1 -1
- package/dist/AModule/AComponents/ATheme/ATheme2.d.ts +0 -207
- package/dist/AModule/AHooks/useTheme.d.ts +0 -8
@@ -1,458 +1,167 @@
|
|
1
|
-
|
2
|
-
export
|
3
|
-
export
|
4
|
-
export declare const
|
5
|
-
export
|
6
|
-
export declare const
|
7
|
-
export
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
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
|
-
*
|
15
|
+
* getPaletteValue : (key: TPaletteKeys, mode: TPaletteModes) => string
|
382
16
|
*
|
383
|
-
* Description:
|
17
|
+
* Description : get the shallow value of the palette key.
|
384
18
|
*/
|
385
|
-
declare function
|
19
|
+
declare function getPaletteValue(key: TPaletteKeys, mode?: TPaletteModes): string;
|
386
20
|
/**
|
387
|
-
*
|
21
|
+
* getPaletteDeepValue : (key: TPaletteKeys) => string
|
388
22
|
*
|
389
|
-
* Description:
|
23
|
+
* Description : get the calculated value of the palette key.
|
390
24
|
*/
|
391
|
-
declare function
|
25
|
+
declare function getPaletteDeepValue(key: TPaletteKeys): string;
|
26
|
+
interface IPaletteModeChangeEvent {
|
27
|
+
type: 'paletteModeChange';
|
28
|
+
listener: (newPaletteMode: TPaletteModes) => void;
|
29
|
+
}
|
392
30
|
/**
|
393
|
-
*
|
31
|
+
* changePaletteMode : (mode: TPaletteModes) => void
|
394
32
|
*
|
395
|
-
* Description:
|
33
|
+
* Description : change the palette mode. it will be applied immediately.
|
396
34
|
*/
|
397
|
-
declare function
|
35
|
+
declare function changePaletteMode(mode: TPaletteModes): void;
|
398
36
|
/**
|
399
|
-
*
|
37
|
+
* editPalette : (palette: Partial<TPalette>, mode: TPaletteModes | 'all') => void
|
400
38
|
*
|
401
|
-
* Description:
|
39
|
+
* Description : edit the color of the palette. it will be applied immediately.
|
402
40
|
*/
|
403
|
-
declare function
|
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
|
-
*
|
48
|
+
* getCurrentSemanticMode : () => TSemanticModes
|
406
49
|
*
|
407
|
-
* Description:
|
50
|
+
* Description : get the current semantic mode.
|
408
51
|
*/
|
409
|
-
declare function
|
52
|
+
declare function getCurrentSemanticMode(): "light" | "dark";
|
410
53
|
/**
|
411
|
-
*
|
54
|
+
* getSemanticValue : (key: TSemanticKeys, mode: TSemanticModes, isDeep: boolean) => string
|
412
55
|
*
|
413
|
-
* Description:
|
414
|
-
* you can not remove the last theme.
|
56
|
+
* Description : get the shallow value of the semantic key.
|
415
57
|
*/
|
416
|
-
declare function
|
58
|
+
declare function getSemanticValue(key: TSemanticKeys, mode?: TSemanticModes): string;
|
417
59
|
/**
|
418
|
-
*
|
60
|
+
* getSemanticDeepValue : (key: TSemanticKeys) => string
|
419
61
|
*
|
420
|
-
* Description:
|
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
|
64
|
+
declare function getSemanticDeepValue(key: TSemanticKeys): string;
|
65
|
+
interface ISemanticModeChangeEvent {
|
66
|
+
type: 'semanticModeChange';
|
67
|
+
listener: (newSemanticMode: TSemanticModes) => void;
|
68
|
+
}
|
424
69
|
/**
|
425
|
-
*
|
70
|
+
* changeSemanticMode : (mode: TSemanticModes) => void
|
426
71
|
*
|
427
|
-
* Description:
|
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
|
74
|
+
export declare function changeSemanticMode(mode: TSemanticModes): void;
|
431
75
|
/**
|
432
|
-
*
|
76
|
+
* editSemantic : (semantic: Partial<TSemantic>, mode: TSemanticModes | 'all') => void
|
433
77
|
*
|
434
|
-
* Description:
|
435
|
-
|
436
|
-
|
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
|
149
|
+
declare function editComponentStyle(theme: Partial<TComponentStyle>): void;
|
440
150
|
/**
|
441
|
-
*
|
151
|
+
* editComponentStyleWithSemantic : (theme: Partial<TComponentHardStyle>) => void
|
442
152
|
*
|
443
|
-
* Description:
|
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
|
155
|
+
declare function editComponentStyleWithSemantic(theme: Partial<TComponentHardStyle>): void;
|
447
156
|
interface IInitParams {
|
448
157
|
/**
|
449
|
-
*
|
158
|
+
* semanticMode?: TSemanticModes
|
450
159
|
*
|
451
|
-
* Description:
|
160
|
+
* Description: semanticMode will be set to the given value.
|
452
161
|
*
|
453
162
|
* Priority : 1
|
454
163
|
*/
|
455
|
-
|
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({
|
474
|
-
|
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
|
-
|
477
|
-
|
478
|
-
|
479
|
-
|
480
|
-
|
481
|
-
|
482
|
-
|
483
|
-
|
484
|
-
|
485
|
-
|
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 {};
|