ados-rcm 1.1.169 → 1.1.171
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/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 +5771 -5714
- package/package.json +1 -1
- package/dist/AModule/AComponents/ATheme/ATheme2.d.ts +0 -207
- package/dist/AModule/AHooks/useTheme.d.ts +0 -8
package/package.json
CHANGED
@@ -1,207 +0,0 @@
|
|
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";
|
14
|
-
/**
|
15
|
-
* getPaletteValue : (key: TPaletteKeys, mode: TPaletteModes) => string
|
16
|
-
*
|
17
|
-
* Description : get the shallow value of the palette key.
|
18
|
-
*/
|
19
|
-
declare function getPaletteValue(key: TPaletteKeys, mode?: TPaletteModes): string;
|
20
|
-
/**
|
21
|
-
* getPaletteDeepValue : (key: TPaletteKeys) => string
|
22
|
-
*
|
23
|
-
* Description : get the calculated value of the palette key.
|
24
|
-
*/
|
25
|
-
declare function getPaletteDeepValue(key: TPaletteKeys): string;
|
26
|
-
interface IPaletteModeChangeEvent {
|
27
|
-
type: 'paletteModeChange';
|
28
|
-
listener: (newPaletteMode: TPaletteModes) => void;
|
29
|
-
}
|
30
|
-
/**
|
31
|
-
* changePaletteMode : (mode: TPaletteModes) => void
|
32
|
-
*
|
33
|
-
* Description : change the palette mode. it will be applied immediately.
|
34
|
-
*/
|
35
|
-
declare function changePaletteMode(mode: TPaletteModes): void;
|
36
|
-
/**
|
37
|
-
* editPalette : (palette: Partial<TPalette>, mode: TPaletteModes | 'all') => void
|
38
|
-
*
|
39
|
-
* Description : edit the color of the palette. it will be applied immediately.
|
40
|
-
*/
|
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];
|
47
|
-
/**
|
48
|
-
* getCurrentSemanticMode : () => TSemanticModes
|
49
|
-
*
|
50
|
-
* Description : get the current semantic mode.
|
51
|
-
*/
|
52
|
-
declare function getCurrentSemanticMode(): "light" | "dark";
|
53
|
-
/**
|
54
|
-
* getSemanticValue : (key: TSemanticKeys, mode: TSemanticModes, isDeep: boolean) => string
|
55
|
-
*
|
56
|
-
* Description : get the shallow value of the semantic key.
|
57
|
-
*/
|
58
|
-
declare function getSemanticValue(key: TSemanticKeys, mode?: TSemanticModes): string;
|
59
|
-
/**
|
60
|
-
* getSemanticDeepValue : (key: TSemanticKeys) => string
|
61
|
-
*
|
62
|
-
* Description : get the calculated value of the semantic key.
|
63
|
-
*/
|
64
|
-
declare function getSemanticDeepValue(key: TSemanticKeys): string;
|
65
|
-
interface ISemanticModeChangeEvent {
|
66
|
-
type: 'semanticModeChange';
|
67
|
-
listener: (newSemanticMode: TSemanticModes) => void;
|
68
|
-
}
|
69
|
-
/**
|
70
|
-
* changeSemanticMode : (mode: TSemanticModes) => void
|
71
|
-
*
|
72
|
-
* Description : change the semantic mode. it will be applied immediately.
|
73
|
-
*/
|
74
|
-
export declare function changeSemanticMode(mode: TSemanticModes): void;
|
75
|
-
/**
|
76
|
-
* editSemantic : (semantic: Partial<TSemantic>, mode: TSemanticModes | 'all') => void
|
77
|
-
*
|
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_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_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_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_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_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_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_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_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
|
146
|
-
*
|
147
|
-
* Description : edit componentStyle with semantic names. it will be applied immediately.
|
148
|
-
*/
|
149
|
-
declare function editComponentStyle(theme: Partial<TComponentStyle>): void;
|
150
|
-
/**
|
151
|
-
* editComponentStyleWithSemantic : (theme: Partial<TComponentHardStyle>) => void
|
152
|
-
*
|
153
|
-
* Description : edit componentStyle with raw string. it will be applied immediately.
|
154
|
-
*/
|
155
|
-
declare function editComponentStyleWithSemantic(theme: Partial<TComponentHardStyle>): void;
|
156
|
-
interface IInitParams {
|
157
|
-
/**
|
158
|
-
* semanticMode?: TSemanticModes
|
159
|
-
*
|
160
|
-
* Description: semanticMode will be set to the given value.
|
161
|
-
*
|
162
|
-
* Priority : 1
|
163
|
-
*/
|
164
|
-
semanticMode?: TSemanticModes;
|
165
|
-
/**
|
166
|
-
* save?: 'localStorage' | 'sessionStorage'
|
167
|
-
*
|
168
|
-
* Description: If 'localStorage' or 'sessionStorage' is given, the themeName will be saved in the storage.
|
169
|
-
*
|
170
|
-
* Priority : 2
|
171
|
-
*/
|
172
|
-
save?: 'localStorage' | 'sessionStorage';
|
173
|
-
/**
|
174
|
-
* followDeviceSetting?: boolean
|
175
|
-
*
|
176
|
-
* Description: If true, the theme will be set to 'Dark' when the device is in dark mode.
|
177
|
-
*
|
178
|
-
* Priority : 3
|
179
|
-
*/
|
180
|
-
followDeviceSetting?: boolean;
|
181
|
-
}
|
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;
|
187
|
-
export declare const AThemes: {
|
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;
|
202
|
-
init: typeof init;
|
203
|
-
addEventListener: typeof addEventListener;
|
204
|
-
removeEventListener: typeof removeEventListener;
|
205
|
-
getDeepValue: typeof getDeepValue;
|
206
|
-
};
|
207
|
-
export {};
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import { RefObject } from 'react';
|
2
|
-
import { ITheme } from '../AComponents/ATheme/ATheme';
|
3
|
-
/**
|
4
|
-
* useTheme(experimental)
|
5
|
-
*
|
6
|
-
* Description: Set local theme to the element. It will affect the element and the children of the element.
|
7
|
-
*/
|
8
|
-
export declare function useTheme(ref: RefObject<HTMLElement>, theme: Partial<ITheme>): void;
|