ados-rcm 1.0.600 → 1.0.602
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/AModule/AComponents/ATheme/ATheme2.d.ts +21 -12
- package/dist/AModule/AComponents/ATheme/DevTokens.d.ts +176 -1
- package/dist/index.cjs.js +17 -17
- package/dist/index.es.js +1185 -1171
- package/package.json +1 -1
@@ -1,12 +1,17 @@
|
|
1
|
-
import {
|
2
|
-
|
3
|
-
export type
|
4
|
-
export type
|
5
|
-
export type TPalette = (typeof designTokens.palette)['mode-1'];
|
1
|
+
import { componentStyle, refinedDesignTokens } from './DevTokens';
|
2
|
+
export type TTokens = typeof refinedDesignTokens;
|
3
|
+
export type TDevTokens = typeof componentStyle;
|
4
|
+
export type TPalette = (typeof refinedDesignTokens.palette)['mode-1'];
|
6
5
|
export declare const paletteModes: "mode-1"[];
|
7
6
|
export type TPaletteModes = (typeof paletteModes)[number];
|
8
7
|
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")[];
|
9
8
|
export type TPaletteKeys = (typeof paletteKeys)[number];
|
9
|
+
/**
|
10
|
+
* getCurrentPaletteMode : () => TPaletteModes
|
11
|
+
*
|
12
|
+
* Description : get the current palette mode.
|
13
|
+
*/
|
14
|
+
declare function getCurrentPaletteMode(): "mode-1";
|
10
15
|
interface IPaletteModeChangeEvent {
|
11
16
|
type: 'paletteModeChange';
|
12
17
|
listener: (newPaletteMode: TPaletteModes) => void;
|
@@ -23,11 +28,17 @@ declare function changePaletteMode(mode: TPaletteModes): void;
|
|
23
28
|
* Description : edit the color of the palette. it will be applied immediately.
|
24
29
|
*/
|
25
30
|
declare function editPalette(palette: Partial<TPalette>, mode?: TPaletteModes | 'all'): void;
|
26
|
-
export type TSemantic = typeof
|
31
|
+
export type TSemantic = typeof refinedDesignTokens.semantic.light;
|
27
32
|
export declare const semanticModes: ("light" | "dark")[];
|
28
33
|
export type TSemanticModes = (typeof semanticModes)[number];
|
29
34
|
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")[];
|
30
35
|
export type TSemanticKeys = (typeof semanticKeys)[number];
|
36
|
+
/**
|
37
|
+
* getCurrentSemanticMode : () => TSemanticModes
|
38
|
+
*
|
39
|
+
* Description : get the current semantic mode.
|
40
|
+
*/
|
41
|
+
declare function getCurrentSemanticMode(): "light" | "dark";
|
31
42
|
interface ISemanticModeChangeEvent {
|
32
43
|
type: 'semanticModeChange';
|
33
44
|
listener: (newSemanticMode: TSemanticModes) => void;
|
@@ -44,7 +55,7 @@ export declare function changeSemanticMode(mode: TSemanticModes): void;
|
|
44
55
|
* Description : edit the color of the semantic. it will be applied immediately.
|
45
56
|
*/
|
46
57
|
declare function editSemantic(semantic: Partial<TSemantic>, mode?: TSemanticModes | 'all'): void;
|
47
|
-
export type TComponentStyle = typeof
|
58
|
+
export type TComponentStyle = typeof componentStyle;
|
48
59
|
export type TComponentHardStyle = {
|
49
60
|
[key in keyof TComponentStyle]: TSemanticKeys;
|
50
61
|
};
|
@@ -87,20 +98,18 @@ interface IInitParams {
|
|
87
98
|
followDeviceSetting?: boolean;
|
88
99
|
}
|
89
100
|
declare function init({ semanticMode, save, followDeviceSetting }: IInitParams): void;
|
90
|
-
declare function getCurrentPaletteMode(): "mode-1";
|
91
|
-
declare function getCurrentSemanticMode(): "light" | "dark";
|
92
101
|
type TAThemeEvent = IPaletteModeChangeEvent | ISemanticModeChangeEvent;
|
93
102
|
declare function addEventListener<T extends TAThemeEvent>(param: T): void;
|
94
103
|
export declare const AThemes: {
|
95
|
-
|
104
|
+
getCurrentPaletteMode: typeof getCurrentPaletteMode;
|
96
105
|
changePaletteMode: typeof changePaletteMode;
|
97
106
|
editPalette: typeof editPalette;
|
107
|
+
getCurrentSemanticMode: typeof getCurrentSemanticMode;
|
98
108
|
changeSemanticMode: typeof changeSemanticMode;
|
99
109
|
editSemantic: typeof editSemantic;
|
100
110
|
editComponentStyle: typeof editComponentStyle;
|
101
111
|
editComponentStyleWithSemantic: typeof editComponentStyleWithSemantic;
|
102
|
-
|
103
|
-
getCurrentSemanticMode: typeof getCurrentSemanticMode;
|
112
|
+
init: typeof init;
|
104
113
|
addEventListener: typeof addEventListener;
|
105
114
|
};
|
106
115
|
export {};
|
@@ -1,3 +1,178 @@
|
|
1
|
+
/**
|
2
|
+
* refinedDesignTokens
|
3
|
+
*
|
4
|
+
* 1. all palette values, semantic values and componentStyle values should be raw string.
|
5
|
+
*/
|
6
|
+
export declare const refinedDesignTokens: {
|
7
|
+
palette: {
|
8
|
+
'mode-1': {
|
9
|
+
'common-100': string;
|
10
|
+
'common-0': string;
|
11
|
+
'neutral-99': string;
|
12
|
+
'neutral-94': string;
|
13
|
+
'neutral-89': string;
|
14
|
+
'neutral-84': string;
|
15
|
+
'neutral-79': string;
|
16
|
+
'neutral-73': string;
|
17
|
+
'neutral-65': string;
|
18
|
+
'neutral-54': string;
|
19
|
+
'neutral-42': string;
|
20
|
+
'neutral-30': string;
|
21
|
+
'neutral-20': string;
|
22
|
+
'neutral-10': string;
|
23
|
+
'neutral-5': string;
|
24
|
+
'cool-neutral-99': string;
|
25
|
+
'cool-neutral-94': string;
|
26
|
+
'cool-neutral-89': string;
|
27
|
+
'cool-neutral-84': string;
|
28
|
+
'cool-neutral-79': string;
|
29
|
+
'cool-neutral-73': string;
|
30
|
+
'cool-neutral-65': string;
|
31
|
+
'cool-neutral-54': string;
|
32
|
+
'cool-neutral-42': string;
|
33
|
+
'cool-neutral-30': string;
|
34
|
+
'cool-neutral-20': string;
|
35
|
+
'cool-neutral-10': string;
|
36
|
+
'cool-neutral-5': string;
|
37
|
+
'red-99': string;
|
38
|
+
'red-95': string;
|
39
|
+
'red-90': string;
|
40
|
+
'red-84': string;
|
41
|
+
'red-76': string;
|
42
|
+
'red-66': string;
|
43
|
+
'red-53': string;
|
44
|
+
'red-45': string;
|
45
|
+
'red-34': string;
|
46
|
+
'red-30': string;
|
47
|
+
'red-24': string;
|
48
|
+
'red-10': string;
|
49
|
+
'green-99': string;
|
50
|
+
'green-95': string;
|
51
|
+
'green-90': string;
|
52
|
+
'green-84': string;
|
53
|
+
'green-76': string;
|
54
|
+
'green-66': string;
|
55
|
+
'green-48': string;
|
56
|
+
'green-45': string;
|
57
|
+
'green-34': string;
|
58
|
+
'green-30': string;
|
59
|
+
'green-24': string;
|
60
|
+
'green-10': string;
|
61
|
+
'blue-99': string;
|
62
|
+
'blue-95': string;
|
63
|
+
'blue-90': string;
|
64
|
+
'blue-84': string;
|
65
|
+
'blue-76': string;
|
66
|
+
'blue-66': string;
|
67
|
+
'blue-53': string;
|
68
|
+
'blue-45': string;
|
69
|
+
'blue-34': string;
|
70
|
+
'blue-30': string;
|
71
|
+
'blue-24': string;
|
72
|
+
'blue-10': string;
|
73
|
+
'orange-99': string;
|
74
|
+
'orange-95': string;
|
75
|
+
'orange-90': string;
|
76
|
+
'orange-84': string;
|
77
|
+
'orange-76': string;
|
78
|
+
'orange-66': string;
|
79
|
+
'orange-53': string;
|
80
|
+
'orange-45': string;
|
81
|
+
'orange-34': string;
|
82
|
+
'orange-30': string;
|
83
|
+
'orange-24': string;
|
84
|
+
'orange-10': string;
|
85
|
+
'violet-99': string;
|
86
|
+
'violet-95': string;
|
87
|
+
'violet-90': string;
|
88
|
+
'violet-84': string;
|
89
|
+
'violet-76': string;
|
90
|
+
'violet-66': string;
|
91
|
+
'violet-53': string;
|
92
|
+
'violet-45': string;
|
93
|
+
'violet-34': string;
|
94
|
+
'violet-28': string;
|
95
|
+
'violet-24': string;
|
96
|
+
'violet-10': string;
|
97
|
+
'cyan-99': string;
|
98
|
+
'cyan-95': string;
|
99
|
+
'cyan-90': string;
|
100
|
+
'cyan-84': string;
|
101
|
+
'cyan-76': string;
|
102
|
+
'cyan-66': string;
|
103
|
+
'cyan-50': string;
|
104
|
+
'cyan-45': string;
|
105
|
+
'cyan-40': string;
|
106
|
+
'cyan-30': string;
|
107
|
+
'cyan-21': string;
|
108
|
+
'cyan-10': string;
|
109
|
+
'pink-99': string;
|
110
|
+
'pink-95': string;
|
111
|
+
'pink-90': string;
|
112
|
+
'pink-84': string;
|
113
|
+
'pink-76': string;
|
114
|
+
'pink-66': string;
|
115
|
+
'pink-53': string;
|
116
|
+
'pink-45': string;
|
117
|
+
'pink-40': string;
|
118
|
+
'pink-30': string;
|
119
|
+
'pink-21': string;
|
120
|
+
'pink-10': string;
|
121
|
+
'lime-99': string;
|
122
|
+
'lime-95': string;
|
123
|
+
'lime-90': string;
|
124
|
+
'lime-84': string;
|
125
|
+
'lime-76': string;
|
126
|
+
'lime-66': string;
|
127
|
+
'lime-49': string;
|
128
|
+
'lime-45': string;
|
129
|
+
'lime-40': string;
|
130
|
+
'lime-30': string;
|
131
|
+
'lime-21': string;
|
132
|
+
'lime-10': string;
|
133
|
+
'brand-b-color': string;
|
134
|
+
'neutral-15': string;
|
135
|
+
};
|
136
|
+
};
|
137
|
+
semantic: {
|
138
|
+
light: {
|
139
|
+
'static-white': string;
|
140
|
+
'static-black': string;
|
141
|
+
'acent-brand': string;
|
142
|
+
'label-normal': string;
|
143
|
+
'label-strong': string;
|
144
|
+
'label-neutral': string;
|
145
|
+
'line-normal': string;
|
146
|
+
'line-strong': string;
|
147
|
+
'line-neutral': string;
|
148
|
+
'background-normal': string;
|
149
|
+
'elevation-0': string;
|
150
|
+
'elevation-10': string;
|
151
|
+
'elevation-20': string;
|
152
|
+
'alert-warning': string;
|
153
|
+
'alert-success': string;
|
154
|
+
'alert-danger': string;
|
155
|
+
};
|
156
|
+
dark: {
|
157
|
+
'static-white': string;
|
158
|
+
'static-black': string;
|
159
|
+
'acent-brand': string;
|
160
|
+
'label-normal': string;
|
161
|
+
'label-strong': string;
|
162
|
+
'label-neutral': string;
|
163
|
+
'line-normal': string;
|
164
|
+
'line-strong': string;
|
165
|
+
'line-neutral': string;
|
166
|
+
'background-normal': string;
|
167
|
+
'elevation-0': string;
|
168
|
+
'elevation-10': string;
|
169
|
+
'elevation-20': string;
|
170
|
+
'alert-warning': string;
|
171
|
+
'alert-success': string;
|
172
|
+
'alert-danger': string;
|
173
|
+
};
|
174
|
+
};
|
175
|
+
};
|
1
176
|
export declare const ABaseStyleKeys: readonly ["--ABase_Dimming_background-color"];
|
2
177
|
export declare const ATooltipStyleKeys: readonly ["--ATooltip_background-color", "--ATooltip_color"];
|
3
178
|
export declare const AButtonStyleKeys: readonly ["--AButton_Primary_border-color", "--AButton_Primary_background-color", "--AButton_Primary_color", "--AButton_Primary_hover_background-color", "--AButton_Primary_active_background-color", "--AButton_Secondary_border-color", "--AButton_Secondary_background-color", "--AButton_Secondary_color", "--AButton_Secondary_hover_background-color", "--AButton_Secondary_active_background-color"];
|
@@ -21,7 +196,7 @@ export declare const AFrameStyleKeys: readonly ["--ADivideFrame_DividerInner_bac
|
|
21
196
|
export declare const AFloatMenuKeys: readonly ["--AFloatMenu_background-color", "--AFloatMenu_hover_background-color", "--AFloatMenu_color"];
|
22
197
|
export declare const ALoadingBorderKeys: readonly ["--ALoadingBorder_background-color", "--ALoadingBorder_ProgressBar_background-color", "--ALoadingBorder_Cover_background-color"];
|
23
198
|
export declare const ComponentStyleKeys: readonly ["--ABase_Dimming_background-color", "--ATooltip_background-color", "--ATooltip_color", "--AButton_Primary_border-color", "--AButton_Primary_background-color", "--AButton_Primary_color", "--AButton_Primary_hover_background-color", "--AButton_Primary_active_background-color", "--AButton_Secondary_border-color", "--AButton_Secondary_background-color", "--AButton_Secondary_color", "--AButton_Secondary_hover_background-color", "--AButton_Secondary_active_background-color", "--AInput_Primary_background-color", "--AInput_Primary_border-color", "--AInput_Primary_color", "--AInput_Primary_hover_border-color", "--AInput_Primary_focus_background-color", "--AInput_Primary_focus_border-color", "--AInput_Secondary_background-color", "--AInput_Secondary_border-color", "--AInput_Secondary_color", "--AInput_Secondary_hover_border-color", "--AInput_Secondary_focus_border-color", "--AInput_ReadOnly_background-color", "--AInput_ReadOnly_border-color", "--AInput_ReadOnly_color", "--AInput_Error_HelperText_color", "--AInput_Error_background-color", "--AInput_Error_border-color", "--AInput_Error_color", "--AInput_Error_placeholder_color", "--ATextArea_Primary_background-color", "--ATextArea_Primary_border-color", "--ATextArea_Primary_color", "--ATextArea_Primary_hover_border-color", "--ATextArea_Primary_focus_background-color", "--ATextArea_Primary_focus_border-color", "--ATextArea_Secondary_background-color", "--ATextArea_Secondary_border-color", "--ATextArea_Secondary_color", "--ATextArea_Secondary_hover_border-color", "--ATextArea_Secondary_focus_border-color", "--ATextArea_ReadOnly_background-color", "--ATextArea_ReadOnly_border-color", "--ATextArea_ReadOnly_color", "--ATextArea_Error_background-color", "--ATextArea_Error_border-color", "--ATextArea_Error_color", "--ATextArea_Error_placeholder_color", "--ACheckBox_color", "--ADialog_Paper_background-color", "--ADialog_background-color", "--ADialog_border-color", "--ADialog_Action_background-color", "--ASelect_Primary_border-color", "--ASelect_Primary_hover_border-color", "--ASelect_Primary_Arrow_color", "--ASelect_Primary_Options_background-color", "--ASelect_Primary_Options_border-color", "--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-color", "--ASelect_Secondary_Option_hover_background-color", "--ASelect_Secondary_Option_active_background-color", "--ASelect_Secondary_Option_Selected_background-color", "--AMultiSelect_Primary_border-color", "--AMultiSelect_Primary_hover_border-color", "--AMultiSelect_Primary_Arrow_color", "--AMultiSelect_Primary_Options_background-color", "--AMultiSelect_Primary_Options_border-color", "--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-color", "--AMultiSelect_Secondary_Option_hover_background-color", "--AMultiSelect_Secondary_Option_active_background-color", "--AMultiSelect_Secondary_Option_Selected_background-color", "--ATree_background-color", "--ATree_Indent_border-color", "--ATreeBodyHeader_border-bottom-color", "--ATreeItem_hover_background-color", "--ATreeItem_active_background-color", "--ATreeItem_select_background-color", "--ATreeItem_search_background-color", "--ATreeItem_search_border-top-color", "--ATreeItem_search_border-bottom-color", "--ATreeItem_select_color", "--ASwitch_Track_Falsy_border-color", "--ASwitch_Track_Truthy_border-color", "--ATab_IndicatorTrack_Primary_border-bottom-color", "--ATab_Indicator_Primary_background-color", "--ATab_Option_Secondary_border-color", "--ATab_Option_Secondary_IsSelected_border-bottom-color", "--ATab_Option_Secondary_IsDisabled_border-color", "--AFileBox_border-color", "--AFileBox_background-color", "--AFileBox_SelectedFile_color", "--AFileBox_Dropping_color", "--AListView_border-top-color", "--AListView_Row_border-bottom-color", "--AListView_Label_border-left-color", "--AListView_Rendered_border-left-color", "--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-color", "--ADatePicker_Anchor_color", "--ADatePicker_Anchor_hover_border-color", "--ADatePicker_Anchor_focus_border-color", "--ADatePicker_Anchor_Icon_Primary_color", "--ADatePicker_Anchor_Icon_Secondary_color", "--ADatePicker_background-color", "--ADatePicker_border-color", "--ADatePicker_StringInputContainer_background-color", "--ADatePicker_String_border-color", "--ADatePicker_Prev_background-color", "--ADatePicker_Prev_border-right-color", "--ADatePicker_Next_background-color", "--ADatePicker_Next_border-left-color", "--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-color", "--ADateRangePicker_Anchor_color", "--ADateRangePicker_Anchor_hover_border-color", "--ADateRangePicker_Anchor_focus_border-color", "--ADateRangePicker_Anchor_Icon_Primary_color", "--ADateRangePicker_Anchor_Icon_Secondary_color", "--ADateRangePicker_background-color", "--ADateRangePicker_border-color", "--ADateRangePicker_StringInputContainer_background-color", "--ADateRangePicker_String_border-color", "--ADateRangePicker_Prev_background-color", "--ADateRangePicker_Prev_border-right-color", "--ADateRangePicker_Next_background-color", "--ADateRangePicker_Next_border-left-color", "--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-color", "--AIconButton_Primary_hover_border-color", "--ATableBody_TRow_border-bottom-color", "--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-color", "--ATableFilter_Icon_color", "--ADivideFrame_DividerInner_background-color", "--AFloatMenu_background-color", "--AFloatMenu_hover_background-color", "--AFloatMenu_color", "--ALoadingBorder_background-color", "--ALoadingBorder_ProgressBar_background-color", "--ALoadingBorder_Cover_background-color"];
|
24
|
-
export declare const
|
199
|
+
export declare const componentStyle: {
|
25
200
|
'--ABase_Dimming_background-color': string;
|
26
201
|
'--ATooltip_background-color': string;
|
27
202
|
'--ATooltip_color': string;
|