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.
@@ -1,12 +1,17 @@
1
- import { designTokens } from './DesignTokens';
2
- import { devTokens } from './DevTokens';
3
- export type TTokens = typeof designTokens;
4
- export type TDevTokens = typeof devTokens;
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 designTokens.semantic.light;
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 devTokens;
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
- init: typeof init;
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
- getCurrentPaletteMode: typeof getCurrentPaletteMode;
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 devTokens: {
199
+ export declare const componentStyle: {
25
200
  '--ABase_Dimming_background-color': string;
26
201
  '--ATooltip_background-color': string;
27
202
  '--ATooltip_color': string;