ados-rcm 1.0.603 → 1.0.605

package/dist/AModule/AComponents/ATheme/ATheme2.d.ts

@@ -1,4 +1,4 @@
-import { componentStyle, refinedDesignTokens } from './DevTokens';
+import { refinedDesignTokens } from './RefinedDesignTokens';
 export type TTokens = typeof refinedDesignTokens;
 export type TDevTokens = typeof componentStyle;
 export type TPalette = (typeof refinedDesignTokens.palette)['mode-1'];
@@ -12,6 +12,12 @@ export type TPaletteKeys = (typeof paletteKeys)[number];
  * Description : get the current palette mode.
  */
 declare function getCurrentPaletteMode(): "mode-1";
+/**
+ * getPaletteValue : (key: TPaletteKeys, mode: TPaletteModes) => string
+ *
+ * Description : get the shallow value of the palette key.
+ */
+declare function getPaletteValue(key: TPaletteKeys, mode?: TPaletteModes): string;
 interface IPaletteModeChangeEvent {
     type: 'paletteModeChange';
     listener: (newPaletteMode: TPaletteModes) => void;
@@ -39,6 +45,12 @@ export type TSemanticKeys = (typeof semanticKeys)[number];
  * Description : get the current semantic mode.
  */
 declare function getCurrentSemanticMode(): "light" | "dark";
+/**
+ * getSemanticValue : (key: TSemanticKeys, mode: TSemanticModes) => string
+ *
+ * Description : get the shallow value of the semantic key.
+ */
+declare function getSemanticValue(key: TSemanticKeys, mode?: TSemanticModes): string;
 interface ISemanticModeChangeEvent {
     type: 'semanticModeChange';
     listener: (newSemanticMode: TSemanticModes) => void;
@@ -55,10 +67,241 @@ export declare function changeSemanticMode(mode: TSemanticModes): void;
  * Description : edit the color of the semantic. it will be applied immediately.
  */
 declare function editSemantic(semantic: Partial<TSemantic>, mode?: TSemanticModes | 'all'): void;
+export declare const ABaseStyleKeys: readonly ["--ABase_Dimming_background-color"];
+export type TABaseStyleKeys = (typeof ABaseStyleKeys)[number];
+export declare const ATooltipStyleKeys: readonly ["--ATooltip_background-color", "--ATooltip_color"];
+export type TATooltipStyleKeys = (typeof ATooltipStyleKeys)[number];
+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"];
+export type TAButtonStyleKeys = (typeof AButtonStyleKeys)[number];
+export declare const AInputStyleKeys: readonly ["--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"];
+export type TAInputStyleKeys = (typeof AInputStyleKeys)[number];
+export declare const ATextAreaStyleKeys: readonly ["--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"];
+export type TATextAreaStyleKeys = (typeof ATextAreaStyleKeys)[number];
+export declare const ACheckBoxStyleKeys: readonly ["--ACheckBox_color"];
+export type TACheckBoxStyleKeys = (typeof ACheckBoxStyleKeys)[number];
+export declare const ADialogStyleKeys: readonly ["--ADialog_Paper_background-color", "--ADialog_background-color", "--ADialog_border-color", "--ADialog_Action_background-color"];
+export type TADialogStyleKeys = (typeof ADialogStyleKeys)[number];
+export declare const ASelectStyleKeys: readonly ["--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"];
+export type TASelectStyleKeys = (typeof ASelectStyleKeys)[number];
+export declare const AMultiSelectStyleKeys: readonly ["--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"];
+export type TAMultiSelectStyleKeys = (typeof AMultiSelectStyleKeys)[number];
+export declare const ATreeStyleKeys: readonly ["--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"];
+export type TATreeStyleKeys = (typeof ATreeStyleKeys)[number];
+export declare const ASwitchStyleKeys: readonly ["--ASwitch_Track_Falsy_border-color", "--ASwitch_Track_Truthy_border-color"];
+export type TASwitchStyleKeys = (typeof ASwitchStyleKeys)[number];
+export declare const ATabStyleKeys: readonly ["--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"];
+export type TATabStyleKeys = (typeof ATabStyleKeys)[number];
+export declare const AFileBoxStyleKeys: readonly ["--AFileBox_border-color", "--AFileBox_background-color", "--AFileBox_SelectedFile_color", "--AFileBox_Dropping_color"];
+export type TAFileBoxStyleKeys = (typeof AFileBoxStyleKeys)[number];
+export declare const AListViewStyleKeys: readonly ["--AListView_border-top-color", "--AListView_Row_border-bottom-color", "--AListView_Label_border-left-color", "--AListView_Rendered_border-left-color"];
+export type TAListViewStyleKeys = (typeof AListViewStyleKeys)[number];
+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"];
+export type TAStepperStyleKeys = (typeof AStepperStyleKeys)[number];
+export declare const ADatePickerStyleKeys: readonly ["--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"];
+export type TADatePickerStyleKeys = (typeof ADatePickerStyleKeys)[number];
+export declare const ADateRangePickerStyleKeys: readonly ["--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"];
+export type TADateRangePickerStyleKeys = (typeof ADateRangePickerStyleKeys)[number];
+export declare const AIconButtonStyleKeys: readonly ["--AIconButton_Primary_color", "--AIconButton_Primary_background-color", "--AIconButton_Primary_border-color", "--AIconButton_Primary_hover_border-color"];
+export type TAIconButtonStyleKeys = (typeof AIconButtonStyleKeys)[number];
+export declare const ATableStyleKeys: readonly ["--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"];
+export type TATableStyleKeys = (typeof ATableStyleKeys)[number];
+export declare const AFrameStyleKeys: readonly ["--ADivideFrame_DividerInner_background-color"];
+export type TAFrameStyleKeys = (typeof AFrameStyleKeys)[number];
+export declare const AFloatMenuKeys: readonly ["--AFloatMenu_background-color", "--AFloatMenu_hover_background-color", "--AFloatMenu_color"];
+export type TAFloatMenuKeys = (typeof AFloatMenuKeys)[number];
+export declare const ALoadingBorderKeys: readonly ["--ALoadingBorder_background-color", "--ALoadingBorder_ProgressBar_background-color", "--ALoadingBorder_Cover_background-color"];
+export type TALoadingBorderKeys = (typeof ALoadingBorderKeys)[number];
+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"];
+declare const componentStyle: {
+    '--ABase_Dimming_background-color': string;
+    '--ATooltip_background-color': string;
+    '--ATooltip_color': string;
+    '--AButton_Primary_border-color': string;
+    '--AButton_Primary_background-color': string;
+    '--AButton_Primary_color': string;
+    '--AButton_Primary_hover_background-color': string;
+    '--AButton_Primary_active_background-color': string;
+    '--AButton_Secondary_border-color': string;
+    '--AButton_Secondary_background-color': string;
+    '--AButton_Secondary_color': string;
+    '--AButton_Secondary_hover_background-color': string;
+    '--AButton_Secondary_active_background-color': string;
+    '--AInput_Primary_background-color': string;
+    '--AInput_Primary_border-color': string;
+    '--AInput_Primary_color': string;
+    '--AInput_Primary_hover_border-color': string;
+    '--AInput_Primary_focus_background-color': string;
+    '--AInput_Primary_focus_border-color': string;
+    '--AInput_Secondary_background-color': string;
+    '--AInput_Secondary_border-color': string;
+    '--AInput_Secondary_color': string;
+    '--AInput_Secondary_hover_border-color': string;
+    '--AInput_Secondary_focus_border-color': string;
+    '--AInput_ReadOnly_background-color': string;
+    '--AInput_ReadOnly_border-color': string;
+    '--AInput_ReadOnly_color': string;
+    '--AInput_Error_HelperText_color': string;
+    '--AInput_Error_background-color': string;
+    '--AInput_Error_border-color': string;
+    '--AInput_Error_color': string;
+    '--AInput_Error_placeholder_color': string;
+    '--ATextArea_Primary_background-color': string;
+    '--ATextArea_Primary_border-color': string;
+    '--ATextArea_Primary_color': string;
+    '--ATextArea_Primary_hover_border-color': string;
+    '--ATextArea_Primary_focus_background-color': string;
+    '--ATextArea_Primary_focus_border-color': string;
+    '--ATextArea_Secondary_background-color': string;
+    '--ATextArea_Secondary_border-color': string;
+    '--ATextArea_Secondary_color': string;
+    '--ATextArea_Secondary_hover_border-color': string;
+    '--ATextArea_Secondary_focus_border-color': string;
+    '--ATextArea_ReadOnly_background-color': string;
+    '--ATextArea_ReadOnly_border-color': string;
+    '--ATextArea_ReadOnly_color': string;
+    '--ATextArea_Error_background-color': string;
+    '--ATextArea_Error_border-color': string;
+    '--ATextArea_Error_color': string;
+    '--ATextArea_Error_placeholder_color': string;
+    '--ACheckBox_color': string;
+    '--ADialog_Paper_background-color': string;
+    '--ADialog_background-color': string;
+    '--ADialog_border-color': string;
+    '--ADialog_Action_background-color': string;
+    '--ASelect_Primary_border-color': string;
+    '--ASelect_Primary_hover_border-color': string;
+    '--ASelect_Primary_Arrow_color': string;
+    '--ASelect_Primary_Options_background-color': string;
+    '--ASelect_Primary_Options_border-color': string;
+    '--ASelect_Primary_Option_hover_background-color': string;
+    '--ASelect_Primary_Option_active_background-color': string;
+    '--ASelect_Primary_Option_Selected_background-color': string;
+    '--ASelect_Secondary_background-color': string;
+    '--ASelect_Secondary_Arrow_color': string;
+    '--ASelect_Secondary_Options_background-color': string;
+    '--ASelect_Secondary_Options_border-color': string;
+    '--ASelect_Secondary_Option_hover_background-color': string;
+    '--ASelect_Secondary_Option_active_background-color': string;
+    '--ASelect_Secondary_Option_Selected_background-color': string;
+    '--AMultiSelect_Primary_border-color': string;
+    '--AMultiSelect_Primary_hover_border-color': string;
+    '--AMultiSelect_Primary_Arrow_color': string;
+    '--AMultiSelect_Primary_Options_background-color': string;
+    '--AMultiSelect_Primary_Options_border-color': string;
+    '--AMultiSelect_Primary_Option_hover_background-color': string;
+    '--AMultiSelect_Primary_Option_active_background-color': string;
+    '--AMultiSelect_Primary_Option_Selected_background-color': string;
+    '--AMultiSelect_Secondary_background-color': string;
+    '--AMultiSelect_Secondary_Arrow_color': string;
+    '--AMultiSelect_Secondary_Options_background-color': string;
+    '--AMultiSelect_Secondary_Options_border-color': string;
+    '--AMultiSelect_Secondary_Option_hover_background-color': string;
+    '--AMultiSelect_Secondary_Option_active_background-color': string;
+    '--AMultiSelect_Secondary_Option_Selected_background-color': string;
+    '--ATree_background-color': string;
+    '--ATree_Indent_border-color': string;
+    '--ATreeBodyHeader_border-bottom-color': string;
+    '--ATreeItem_hover_background-color': string;
+    '--ATreeItem_active_background-color': string;
+    '--ATreeItem_select_background-color': string;
+    '--ATreeItem_search_background-color': string;
+    '--ATreeItem_search_border-top-color': string;
+    '--ATreeItem_search_border-bottom-color': string;
+    '--ATreeItem_select_color': string;
+    '--ASwitch_Track_Falsy_border-color': string;
+    '--ASwitch_Track_Truthy_border-color': string;
+    '--ATab_IndicatorTrack_Primary_border-bottom-color': string;
+    '--ATab_Indicator_Primary_background-color': string;
+    '--ATab_Option_Secondary_border-color': string;
+    '--ATab_Option_Secondary_IsSelected_border-bottom-color': string;
+    '--ATab_Option_Secondary_IsDisabled_border-color': string;
+    '--AFileBox_border-color': string;
+    '--AFileBox_background-color': string;
+    '--AFileBox_SelectedFile_color': string;
+    '--AFileBox_Dropping_color': string;
+    '--AListView_border-top-color': string;
+    '--AListView_Row_border-bottom-color': string;
+    '--AListView_Label_border-left-color': string;
+    '--AListView_Rendered_border-left-color': string;
+    '--AStepper_OutCircle_background-color': string;
+    '--AStepper_OutCircle_IsOver_background-color': string;
+    '--AStepper_InCircle_background-color': string;
+    '--AStepper_InCircle_IsOver_background-color': string;
+    '--AStepper_Line_background-color': string;
+    '--AStepper_Line_IsOver_background-color': string;
+    '--ADatePicker_Anchor_border-color': string;
+    '--ADatePicker_Anchor_color': string;
+    '--ADatePicker_Anchor_hover_border-color': string;
+    '--ADatePicker_Anchor_focus_border-color': string;
+    '--ADatePicker_Anchor_Icon_Primary_color': string;
+    '--ADatePicker_Anchor_Icon_Secondary_color': string;
+    '--ADatePicker_background-color': string;
+    '--ADatePicker_border-color': string;
+    '--ADatePicker_StringInputContainer_background-color': string;
+    '--ADatePicker_String_border-color': string;
+    '--ADatePicker_Prev_background-color': string;
+    '--ADatePicker_Prev_border-right-color': string;
+    '--ADatePicker_Next_background-color': string;
+    '--ADatePicker_Next_border-left-color': string;
+    '--ADatePicker_Cell_color': string;
+    '--ADatePicker_Cell_IsNotCurrentMonth_color': string;
+    '--ADatePicker_Cell_IsDisabled_color': string;
+    '--ADatePicker_Cell_IsSelected_background-color': string;
+    '--ADatePicker_Cell_IsSelected_color': string;
+    '--ADatePicker_Cell_IsHovered_background-color': string;
+    '--ADateRangePicker_Anchor_border-color': string;
+    '--ADateRangePicker_Anchor_color': string;
+    '--ADateRangePicker_Anchor_hover_border-color': string;
+    '--ADateRangePicker_Anchor_focus_border-color': string;
+    '--ADateRangePicker_Anchor_Icon_Primary_color': string;
+    '--ADateRangePicker_Anchor_Icon_Secondary_color': string;
+    '--ADateRangePicker_background-color': string;
+    '--ADateRangePicker_border-color': string;
+    '--ADateRangePicker_StringInputContainer_background-color': string;
+    '--ADateRangePicker_String_border-color': string;
+    '--ADateRangePicker_Prev_background-color': string;
+    '--ADateRangePicker_Prev_border-right-color': string;
+    '--ADateRangePicker_Next_background-color': string;
+    '--ADateRangePicker_Next_border-left-color': string;
+    '--ADateRangePicker_Cell_color': string;
+    '--ADateRangePicker_Cell_IsNotCurrentMonth_color': string;
+    '--ADateRangePicker_Cell_IsDisabled_color': string;
+    '--ADateRangePicker_Cell_IsSelected_background-color': string;
+    '--ADateRangePicker_Cell_IsSelected_color': string;
+    '--ADateRangePicker_Cell_IsHovered_background-color': string;
+    '--AIconButton_Primary_color': string;
+    '--AIconButton_Primary_background-color': string;
+    '--AIconButton_Primary_border-color': string;
+    '--AIconButton_Primary_hover_border-color': string;
+    '--ATableBody_TRow_border-bottom-color': string;
+    '--ATableBody_TRow_IsSelected_background-color': string;
+    '--ATableBody_TRow_IsSelectable_hover_background-color': string;
+    '--ATableBody_TH_color': string;
+    '--ATableBody_TD_IsMarked_background-color': string;
+    '--ATableBody_Resizer_hover_ResizerCenter_background-color': string;
+    '--ATableBody_Resizer_active_ResizerCenter_background-color': string;
+    '--ATableBody_Resizer_active_ResizerOut_background-color': string;
+    '--ATableBody_Resizer_active_ResizerIn_background-color': string;
+    '--ATableFooter_Button_IsSelected_background-color': string;
+    '--ATableFooter_Button_IsSelected_color': string;
+    '--ATableFooter_Button_IsDisabled_color': string;
+    '--ATableFilter_SubFilters_background-color': string;
+    '--ATableFilter_SubFilters_border-color': string;
+    '--ATableFilter_Icon_color': string;
+    '--ADivideFrame_DividerInner_background-color': string;
+    '--AFloatMenu_background-color': string;
+    '--AFloatMenu_hover_background-color': string;
+    '--AFloatMenu_color': string;
+    '--ALoadingBorder_background-color': string;
+    '--ALoadingBorder_ProgressBar_background-color': string;
+    '--ALoadingBorder_Cover_background-color': string;
+};
 export type TComponentStyle = typeof componentStyle;
+export type TComponentStyleKeys = keyof TComponentStyle;
 export type TComponentHardStyle = {
     [key in keyof TComponentStyle]: TSemanticKeys;
 };
+declare function getComponentStyleValue(key: TComponentStyleKeys): string;
 /**
  * editComponentStyle : (theme: Partial<TComponentStyle>) => void
  *
@@ -103,11 +346,14 @@ declare function addEventListener<T extends TAThemeEvent>(param: T): void;
 declare function removeEventListener<T extends TAThemeEvent>(param: T): void;
 export declare const AThemes: {
     getCurrentPaletteMode: typeof getCurrentPaletteMode;
+    getPaletteValue: typeof getPaletteValue;
     changePaletteMode: typeof changePaletteMode;
     editPalette: typeof editPalette;
     getCurrentSemanticMode: typeof getCurrentSemanticMode;
+    getSemanticValue: typeof getSemanticValue;
     changeSemanticMode: typeof changeSemanticMode;
     editSemantic: typeof editSemantic;
+    getComponentStyleValue: typeof getComponentStyleValue;
     editComponentStyle: typeof editComponentStyle;
     editComponentStyleWithSemantic: typeof editComponentStyleWithSemantic;
     init: typeof init;

package/dist/AModule/AComponents/ATheme/RefinedDesignTokens.d.ts

@@ -0,0 +1,175 @@
+/**
+ * refinedDesignTokens
+ *
+ * 1. all palette values, semantic values and componentStyle values should be raw string.
+ */
+export declare const refinedDesignTokens: {
+    palette: {
+        'mode-1': {
+            'common-100': string;
+            'common-0': string;
+            'neutral-99': string;
+            'neutral-94': string;
+            'neutral-89': string;
+            'neutral-84': string;
+            'neutral-79': string;
+            'neutral-73': string;
+            'neutral-65': string;
+            'neutral-54': string;
+            'neutral-42': string;
+            'neutral-30': string;
+            'neutral-20': string;
+            'neutral-10': string;
+            'neutral-5': string;
+            'cool-neutral-99': string;
+            'cool-neutral-94': string;
+            'cool-neutral-89': string;
+            'cool-neutral-84': string;
+            'cool-neutral-79': string;
+            'cool-neutral-73': string;
+            'cool-neutral-65': string;
+            'cool-neutral-54': string;
+            'cool-neutral-42': string;
+            'cool-neutral-30': string;
+            'cool-neutral-20': string;
+            'cool-neutral-10': string;
+            'cool-neutral-5': string;
+            'red-99': string;
+            'red-95': string;
+            'red-90': string;
+            'red-84': string;
+            'red-76': string;
+            'red-66': string;
+            'red-53': string;
+            'red-45': string;
+            'red-34': string;
+            'red-30': string;
+            'red-24': string;
+            'red-10': string;
+            'green-99': string;
+            'green-95': string;
+            'green-90': string;
+            'green-84': string;
+            'green-76': string;
+            'green-66': string;
+            'green-48': string;
+            'green-45': string;
+            'green-34': string;
+            'green-30': string;
+            'green-24': string;
+            'green-10': string;
+            'blue-99': string;
+            'blue-95': string;
+            'blue-90': string;
+            'blue-84': string;
+            'blue-76': string;
+            'blue-66': string;
+            'blue-53': string;
+            'blue-45': string;
+            'blue-34': string;
+            'blue-30': string;
+            'blue-24': string;
+            'blue-10': string;
+            'orange-99': string;
+            'orange-95': string;
+            'orange-90': string;
+            'orange-84': string;
+            'orange-76': string;
+            'orange-66': string;
+            'orange-53': string;
+            'orange-45': string;
+            'orange-34': string;
+            'orange-30': string;
+            'orange-24': string;
+            'orange-10': string;
+            'violet-99': string;
+            'violet-95': string;
+            'violet-90': string;
+            'violet-84': string;
+            'violet-76': string;
+            'violet-66': string;
+            'violet-53': string;
+            'violet-45': string;
+            'violet-34': string;
+            'violet-28': string;
+            'violet-24': string;
+            'violet-10': string;
+            'cyan-99': string;
+            'cyan-95': string;
+            'cyan-90': string;
+            'cyan-84': string;
+            'cyan-76': string;
+            'cyan-66': string;
+            'cyan-50': string;
+            'cyan-45': string;
+            'cyan-40': string;
+            'cyan-30': string;
+            'cyan-21': string;
+            'cyan-10': string;
+            'pink-99': string;
+            'pink-95': string;
+            'pink-90': string;
+            'pink-84': string;
+            'pink-76': string;
+            'pink-66': string;
+            'pink-53': string;
+            'pink-45': string;
+            'pink-40': string;
+            'pink-30': string;
+            'pink-21': string;
+            'pink-10': string;
+            'lime-99': string;
+            'lime-95': string;
+            'lime-90': string;
+            'lime-84': string;
+            'lime-76': string;
+            'lime-66': string;
+            'lime-49': string;
+            'lime-45': string;
+            'lime-40': string;
+            'lime-30': string;
+            'lime-21': string;
+            'lime-10': string;
+            'brand-b-color': string;
+            'neutral-15': string;
+        };
+    };
+    semantic: {
+        light: {
+            'static-white': string;
+            'static-black': string;
+            'acent-brand': string;
+            'label-normal': string;
+            'label-strong': string;
+            'label-neutral': string;
+            'line-normal': string;
+            'line-strong': string;
+            'line-neutral': string;
+            'background-normal': string;
+            'elevation-0': string;
+            'elevation-10': string;
+            'elevation-20': string;
+            'alert-warning': string;
+            'alert-success': string;
+            'alert-danger': string;
+        };
+        dark: {
+            'static-white': string;
+            'static-black': string;
+            'acent-brand': string;
+            'label-normal': string;
+            'label-strong': string;
+            'label-neutral': string;
+            'line-normal': string;
+            'line-strong': string;
+            'line-neutral': string;
+            'background-normal': string;
+            'elevation-0': string;
+            'elevation-10': string;
+            'elevation-20': string;
+            'alert-warning': string;
+            'alert-success': string;
+            'alert-danger': string;
+        };
+    };
+};