ados-rcm 1.0.595 → 1.0.596

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. package/dist/AModule/AComponents/AButton/AThemeButton.d.ts +2 -1
  2. package/dist/AModule/AComponents/ATheme/ATheme.d.ts +33 -33
  3. package/dist/AModule/AComponents/ATheme/ATheme2.d.ts +83 -0
  4. package/dist/AModule/AComponents/ATheme/Tokens.d.ts +170 -0
  5. package/dist/index.cjs.js +25 -25
  6. package/dist/index.es.js +6766 -6162
  7. package/package.json +1 -1
package/dist/AModule/AComponents/AButton/AThemeButton.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { IABaseProps } from '../ABase/ABase';
2
+ import { TSemanticModes } from '../ATheme/ATheme2';
2
3
  export interface IAThemeButtonProps extends Omit<IABaseProps, 'onChange'> {
3
- onChange?: (newThemeName: 'Default' | 'Dark') => void;
4
+ onChange?: (newThemeName: TSemanticModes) => void;
4
5
  }
5
6
  /**
6
7
  * AThemeButton
package/dist/AModule/AComponents/ATheme/ATheme.d.ts CHANGED
@@ -21,7 +21,7 @@ export declare const AFrameStyleKeys: readonly ["--ADivideFrame_DividerInner_bac
21
21
  export declare const AFloatMenuKeys: readonly ["--AFloatMenu_background-color", "--AFloatMenu_hover_background-color", "--AFloatMenu_color"];
22
22
  export declare const ALoadingBorderKeys: readonly ["--ALoadingBorder_background-color", "--ALoadingBorder_ProgressBar_background-color", "--ALoadingBorder_Cover_background-color"];
23
23
  export declare const ComponentStyleKeys: readonly ["--ABase_Dimming_background-color", "--ATooltip_background-color", "--ATooltip_color", "--AButton_Primary_border", "--AButton_Primary_background-color", "--AButton_Primary_color", "--AButton_Primary_hover_background-color", "--AButton_Primary_active_background-color", "--AButton_Secondary_border", "--AButton_Secondary_background-color", "--AButton_Secondary_color", "--AButton_Secondary_hover_background-color", "--AButton_Secondary_active_background-color", "--AInput_Primary_background-color", "--AInput_Primary_border", "--AInput_Primary_color", "--AInput_Primary_hover_border", "--AInput_Primary_focus_background-color", "--AInput_Primary_focus_border", "--AInput_Secondary_background-color", "--AInput_Secondary_border", "--AInput_Secondary_color", "--AInput_Secondary_hover_border", "--AInput_Secondary_focus_border", "--AInput_ReadOnly_background-color", "--AInput_ReadOnly_border", "--AInput_ReadOnly_color", "--AInput_Error_HelperText_color", "--AInput_Error_background-color", "--AInput_Error_border", "--AInput_Error_color", "--AInput_Error_placeholder_color", "--ATextArea_Primary_background-color", "--ATextArea_Primary_border", "--ATextArea_Primary_color", "--ATextArea_Primary_hover_border", "--ATextArea_Primary_focus_background-color", "--ATextArea_Primary_focus_border", "--ATextArea_Secondary_background-color", "--ATextArea_Secondary_border", "--ATextArea_Secondary_color", "--ATextArea_Secondary_hover_border", "--ATextArea_Secondary_focus_border", "--ATextArea_ReadOnly_background-color", "--ATextArea_ReadOnly_border", "--ATextArea_ReadOnly_color", "--ATextArea_Error_background-color", "--ATextArea_Error_border", "--ATextArea_Error_color", "--ATextArea_Error_placeholder_color", "--ACheckBox_color", "--ADialog_Paper_background-color", "--ADialog_background-color", "--ADialog_border", "--ADialog_Body_Title_font", "--ADialog_Action_background-color", "--ASelect_Primary_border", "--ASelect_Primary_hover_border", "--ASelect_Primary_Arrow_color", "--ASelect_Primary_Options_background-color", "--ASelect_Primary_Options_border", "--ASelect_Primary_Option_hover_background-color", "--ASelect_Primary_Option_active_background-color", "--ASelect_Primary_Option_Selected_background-color", "--ASelect_Secondary_background-color", "--ASelect_Secondary_Arrow_color", "--ASelect_Secondary_Options_background-color", "--ASelect_Secondary_Options_border", "--ASelect_Secondary_Option_hover_background-color", "--ASelect_Secondary_Option_active_background-color", "--ASelect_Secondary_Option_Selected_background-color", "--AMultiSelect_Primary_border", "--AMultiSelect_Primary_hover_border", "--AMultiSelect_Primary_Arrow_color", "--AMultiSelect_Primary_Options_background-color", "--AMultiSelect_Primary_Options_border", "--AMultiSelect_Primary_Option_hover_background-color", "--AMultiSelect_Primary_Option_active_background-color", "--AMultiSelect_Primary_Option_Selected_background-color", "--AMultiSelect_Secondary_background-color", "--AMultiSelect_Secondary_Arrow_color", "--AMultiSelect_Secondary_Options_background-color", "--AMultiSelect_Secondary_Options_border", "--AMultiSelect_Secondary_Option_hover_background-color", "--AMultiSelect_Secondary_Option_active_background-color", "--AMultiSelect_Secondary_Option_Selected_background-color", "--ATree_background-color", "--ATree_Indent_border", "--ATreeHeader_border-bottom", "--ATreeBodyHeader_border-bottom", "--ATreeItem_hover_background-color", "--ATreeItem_active_background-color", "--ATreeItem_select_background-color", "--ATreeItem_search_background-color", "--ATreeItem_search_border-top", "--ATreeItem_search_border-bottom", "--ATreeItem_select_color", "--ASwitch_Track_Falsy_border-color", "--ASwitch_Track_Truthy_border-color", "--ATab_font", "--ATab_Option_IsSelected_font", "--ATab_IndicatorTrack_Primary_border-bottom", "--ATab_Indicator_Primary_background-color", "--ATab_Option_Secondary_border", "--ATab_Option_Secondary_IsSelected_border-bottom", "--ATab_Option_Secondary_IsDisabled_border", "--AFileBox_border", "--AFileBox_background-color", "--AFileBox_SelectedFile_color", "--AFileBox_Dropping_color", "--AFileBox_Dropping_font", "--AListView_border-top", "--AListView_Row_border-bottom", "--AListView_Label_border-left", "--AListView_Label_font", "--AListView_Rendered_border-left", "--AStepper_OutCircle_background-color", "--AStepper_OutCircle_IsOver_background-color", "--AStepper_InCircle_background-color", "--AStepper_InCircle_IsOver_background-color", "--AStepper_Line_background-color", "--AStepper_Line_IsOver_background-color", "--ADatePicker_Anchor_border", "--ADatePicker_Anchor_color", "--ADatePicker_Anchor_hover_border", "--ADatePicker_Anchor_focus_border", "--ADatePicker_Anchor_Icon_Primary_color", "--ADatePicker_Anchor_Icon_Secondary_color", "--ADatePicker_background-color", "--ADatePicker_border", "--ADatePicker_StringInputContainer_background-color", "--ADatePicker_String_border", "--ADatePicker_Prev_background-color", "--ADatePicker_Prev_border-right", "--ADatePicker_Next_background-color", "--ADatePicker_Next_border-left", "--ADatePicker_Cell_color", "--ADatePicker_Cell_IsNotCurrentMonth_color", "--ADatePicker_Cell_IsDisabled_color", "--ADatePicker_Cell_IsSelected_background-color", "--ADatePicker_Cell_IsSelected_color", "--ADatePicker_Cell_IsHovered_background-color", "--ADateRangePicker_Anchor_border", "--ADateRangePicker_Anchor_color", "--ADateRangePicker_Anchor_hover_border", "--ADateRangePicker_Anchor_focus_border", "--ADateRangePicker_Anchor_Icon_Primary_color", "--ADateRangePicker_Anchor_Icon_Secondary_color", "--ADateRangePicker_background-color", "--ADateRangePicker_border", "--ADateRangePicker_StringInputContainer_background-color", "--ADateRangePicker_String_border", "--ADateRangePicker_Prev_background-color", "--ADateRangePicker_Prev_border-right", "--ADateRangePicker_Next_background-color", "--ADateRangePicker_Next_border-left", "--ADateRangePicker_Cell_color", "--ADateRangePicker_Cell_IsNotCurrentMonth_color", "--ADateRangePicker_Cell_IsDisabled_color", "--ADateRangePicker_Cell_IsSelected_background-color", "--ADateRangePicker_Cell_IsSelected_color", "--ADateRangePicker_Cell_IsHovered_background-color", "--AIconButton_Primary_color", "--AIconButton_Primary_background-color", "--AIconButton_Primary_border", "--AIconButton_Primary_hover_border", "--ATableBody_TRow_border-bottom", "--ATableBody_TRow_IsSelected_background-color", "--ATableBody_TRow_IsSelectable_hover_background-color", "--ATableBody_TH_color", "--ATableBody_TH_font-size", "--ATableBody_TD_font-size", "--ATableBody_TD_IsMarked_background-color", "--ATableBody_Resizer_hover_ResizerCenter_background-color", "--ATableBody_Resizer_active_ResizerCenter_background-color", "--ATableBody_Resizer_active_ResizerOut_background-color", "--ATableBody_Resizer_active_ResizerIn_background-color", "--ATableFooter_Button_IsSelected_background-color", "--ATableFooter_Button_IsSelected_color", "--ATableFooter_Button_IsDisabled_color", "--ATableFilter_SubFilters_background-color", "--ATableFilter_SubFilters_border", "--ATableFilter_Icon_color", "--ADivideFrame_DividerInner_background-color", "--AFloatMenu_background-color", "--AFloatMenu_hover_background-color", "--AFloatMenu_color"];
24
- type TComponentStyleKeys = (typeof ComponentStyleKeys)[number];
24
+ export type TComponentStyleKeys = (typeof ComponentStyleKeys)[number];
25
25
  export type TSemantic = {
26
26
  [key in TComponentStyleKeys]: string | undefined;
27
27
  } & {
@@ -183,22 +183,22 @@ declare const Semantic: {
183
183
  readonly '--ABase_Dimming_background-color': "var(--fill-background)";
184
184
  readonly '--ATooltip_background-color': "var(--content-secondary)";
185
185
  readonly '--ATooltip_color': "var(--ui-elevation)";
186
- readonly '--AButton_Primary_border': "1px solid var(--button-fill-rest-primary)";
187
- readonly '--AButton_Primary_background-color': "var(--button-fill-rest-primary)";
188
- readonly '--AButton_Primary_color': "var(--button-text-primary)";
186
+ readonly '--AButton_Primary_border': "1px solid var(#ffffff)" | "1px solid var(#000000)" | "1px solid var(#fcfcfc)" | "1px solid var(#efefef)" | "1px solid var(#e2e2e2)" | "1px solid var(#d6d6d6)" | "1px solid var(#c9c9c9)" | "1px solid var(#bababa)" | "1px solid var(#a5a5a5)" | "1px solid var(#898989)" | "1px solid var(#4c4c4c)" | "1px solid var(#333333)" | "1px solid var(#191919)" | "1px solid var(#0c0c0c)" | "1px solid var(#e50000)" | "1px solid var(#00e517)" | "1px solid var(#ff670f)" | "1px solid var(#386fff)" | "1px solid var(#2c2c2c)";
187
+ readonly '--AButton_Primary_background-color': "#ffffff" | "#000000" | "#fcfcfc" | "#efefef" | "#e2e2e2" | "#d6d6d6" | "#c9c9c9" | "#bababa" | "#a5a5a5" | "#898989" | "#4c4c4c" | "#333333" | "#191919" | "#0c0c0c" | "#e50000" | "#00e517" | "#ff670f" | "#386fff" | "#2c2c2c";
188
+ readonly '--AButton_Primary_color': "#ffffff" | "#000000" | "#fcfcfc" | "#efefef" | "#e2e2e2" | "#d6d6d6" | "#c9c9c9" | "#bababa" | "#a5a5a5" | "#898989" | "#4c4c4c" | "#333333" | "#191919" | "#0c0c0c" | "#e50000" | "#00e517" | "#ff670f" | "#386fff" | "#2c2c2c";
189
189
  readonly '--AButton_Primary_hover_background-color': "var(--button-fill-hover-primary)";
190
190
  readonly '--AButton_Primary_active_background-color': "var(--button-fill-press-primary)";
191
- readonly '--AButton_Secondary_border': "1px solid var(--button-stroke-secondary)";
192
- readonly '--AButton_Secondary_background-color': "var(--button-fill-rest-secondary)";
193
- readonly '--AButton_Secondary_color': "var(--button-text-secondary)";
191
+ readonly '--AButton_Secondary_border': "1px solid var(#ffffff)" | "1px solid var(#000000)" | "1px solid var(#fcfcfc)" | "1px solid var(#efefef)" | "1px solid var(#e2e2e2)" | "1px solid var(#d6d6d6)" | "1px solid var(#c9c9c9)" | "1px solid var(#bababa)" | "1px solid var(#a5a5a5)" | "1px solid var(#898989)" | "1px solid var(#4c4c4c)" | "1px solid var(#333333)" | "1px solid var(#191919)" | "1px solid var(#0c0c0c)" | "1px solid var(#e50000)" | "1px solid var(#00e517)" | "1px solid var(#ff670f)" | "1px solid var(#386fff)" | "1px solid var(#2c2c2c)";
192
+ readonly '--AButton_Secondary_background-color': "#ffffff" | "#000000" | "#fcfcfc" | "#efefef" | "#e2e2e2" | "#d6d6d6" | "#c9c9c9" | "#bababa" | "#a5a5a5" | "#898989" | "#4c4c4c" | "#333333" | "#191919" | "#0c0c0c" | "#e50000" | "#00e517" | "#ff670f" | "#386fff" | "#2c2c2c";
193
+ readonly '--AButton_Secondary_color': "#ffffff" | "#000000" | "#fcfcfc" | "#efefef" | "#e2e2e2" | "#d6d6d6" | "#c9c9c9" | "#bababa" | "#a5a5a5" | "#898989" | "#4c4c4c" | "#333333" | "#191919" | "#0c0c0c" | "#e50000" | "#00e517" | "#ff670f" | "#386fff" | "#2c2c2c";
194
194
  readonly '--AButton_Secondary_hover_background-color': "var(--button-fill-hover-secondary)";
195
195
  readonly '--AButton_Secondary_active_background-color': "var(--button-fill-press-secondary)";
196
- readonly '--AInput_Primary_background-color': "var(--textinput-fill-rest)";
197
- readonly '--AInput_Primary_border': "1px solid var(--textinput-fill-rest)";
198
- readonly '--AInput_Primary_color': "var(--content-secondary)";
196
+ readonly '--AInput_Primary_background-color': "#ffffff" | "#000000" | "#fcfcfc" | "#efefef" | "#e2e2e2" | "#d6d6d6" | "#c9c9c9" | "#bababa" | "#a5a5a5" | "#898989" | "#4c4c4c" | "#333333" | "#191919" | "#0c0c0c" | "#e50000" | "#00e517" | "#ff670f" | "#386fff" | "#2c2c2c";
197
+ readonly '--AInput_Primary_border': "1px solid var(#ffffff)" | "1px solid var(#000000)" | "1px solid var(#fcfcfc)" | "1px solid var(#efefef)" | "1px solid var(#e2e2e2)" | "1px solid var(#d6d6d6)" | "1px solid var(#c9c9c9)" | "1px solid var(#bababa)" | "1px solid var(#a5a5a5)" | "1px solid var(#898989)" | "1px solid var(#4c4c4c)" | "1px solid var(#333333)" | "1px solid var(#191919)" | "1px solid var(#0c0c0c)" | "1px solid var(#e50000)" | "1px solid var(#00e517)" | "1px solid var(#ff670f)" | "1px solid var(#386fff)" | "1px solid var(#2c2c2c)";
198
+ readonly '--AInput_Primary_color': "#ffffff" | "#000000" | "#fcfcfc" | "#efefef" | "#e2e2e2" | "#d6d6d6" | "#c9c9c9" | "#bababa" | "#a5a5a5" | "#898989" | "#4c4c4c" | "#333333" | "#191919" | "#0c0c0c" | "#e50000" | "#00e517" | "#ff670f" | "#386fff" | "#2c2c2c";
199
199
  readonly '--AInput_Primary_hover_border': "1px solid var(--textinput-stroke-active)";
200
200
  readonly '--AInput_Primary_focus_background-color': "var(--textinput-fill-active)";
201
- readonly '--AInput_Primary_focus_border': "1px solid var(--textinput-stroke-active)";
201
+ readonly '--AInput_Primary_focus_border': "1px solid var(#ffffff)" | "1px solid var(#000000)" | "1px solid var(#fcfcfc)" | "1px solid var(#efefef)" | "1px solid var(#e2e2e2)" | "1px solid var(#d6d6d6)" | "1px solid var(#c9c9c9)" | "1px solid var(#bababa)" | "1px solid var(#a5a5a5)" | "1px solid var(#898989)" | "1px solid var(#4c4c4c)" | "1px solid var(#333333)" | "1px solid var(#191919)" | "1px solid var(#0c0c0c)" | "1px solid var(#e50000)" | "1px solid var(#00e517)" | "1px solid var(#ff670f)" | "1px solid var(#386fff)" | "1px solid var(#2c2c2c)";
202
202
  readonly '--AInput_Secondary_background-color': "inherit";
203
203
  readonly '--AInput_Secondary_border': "1px solid var(--content-tertiary)";
204
204
  readonly '--AInput_Secondary_color': "var(--content-secondary)";
@@ -212,12 +212,12 @@ declare const Semantic: {
212
212
  readonly '--AInput_Error_border': "1px solid var(--textinput-stroke-error)";
213
213
  readonly '--AInput_Error_color': "var(--error-text)";
214
214
  readonly '--AInput_Error_placeholder_color': "var(--error-text)";
215
- readonly '--ATextArea_Primary_background-color': "var(--textinput-fill-rest)";
216
- readonly '--ATextArea_Primary_border': "1px solid var(--textinput-fill-rest)";
217
- readonly '--ATextArea_Primary_color': "var(--content-secondary)";
218
- readonly '--ATextArea_Primary_hover_border': "1px solid var(--textinput-stroke-active)";
219
- readonly '--ATextArea_Primary_focus_background-color': "var(--textinput-fill-active)";
220
- readonly '--ATextArea_Primary_focus_border': "1px solid var(--textinput-stroke-active)";
215
+ readonly '--ATextArea_Primary_background-color': "#ffffff" | "#000000" | "#fcfcfc" | "#efefef" | "#e2e2e2" | "#d6d6d6" | "#c9c9c9" | "#bababa" | "#a5a5a5" | "#898989" | "#4c4c4c" | "#333333" | "#191919" | "#0c0c0c" | "#e50000" | "#00e517" | "#ff670f" | "#386fff" | "#2c2c2c";
216
+ readonly '--ATextArea_Primary_border': "1px solid var(#ffffff)" | "1px solid var(#000000)" | "1px solid var(#fcfcfc)" | "1px solid var(#efefef)" | "1px solid var(#e2e2e2)" | "1px solid var(#d6d6d6)" | "1px solid var(#c9c9c9)" | "1px solid var(#bababa)" | "1px solid var(#a5a5a5)" | "1px solid var(#898989)" | "1px solid var(#4c4c4c)" | "1px solid var(#333333)" | "1px solid var(#191919)" | "1px solid var(#0c0c0c)" | "1px solid var(#e50000)" | "1px solid var(#00e517)" | "1px solid var(#ff670f)" | "1px solid var(#386fff)" | "1px solid var(#2c2c2c)";
217
+ readonly '--ATextArea_Primary_color': "#ffffff" | "#000000" | "#fcfcfc" | "#efefef" | "#e2e2e2" | "#d6d6d6" | "#c9c9c9" | "#bababa" | "#a5a5a5" | "#898989" | "#4c4c4c" | "#333333" | "#191919" | "#0c0c0c" | "#e50000" | "#00e517" | "#ff670f" | "#386fff" | "#2c2c2c";
218
+ readonly '--ATextArea_Primary_hover_border': "1px solid var(#ffffff)" | "1px solid var(#000000)" | "1px solid var(#fcfcfc)" | "1px solid var(#efefef)" | "1px solid var(#e2e2e2)" | "1px solid var(#d6d6d6)" | "1px solid var(#c9c9c9)" | "1px solid var(#bababa)" | "1px solid var(#a5a5a5)" | "1px solid var(#898989)" | "1px solid var(#4c4c4c)" | "1px solid var(#333333)" | "1px solid var(#191919)" | "1px solid var(#0c0c0c)" | "1px solid var(#e50000)" | "1px solid var(#00e517)" | "1px solid var(#ff670f)" | "1px solid var(#386fff)" | "1px solid var(#2c2c2c)";
219
+ readonly '--ATextArea_Primary_focus_background-color': "#ffffff" | "#000000" | "#fcfcfc" | "#efefef" | "#e2e2e2" | "#d6d6d6" | "#c9c9c9" | "#bababa" | "#a5a5a5" | "#898989" | "#4c4c4c" | "#333333" | "#191919" | "#0c0c0c" | "#e50000" | "#00e517" | "#ff670f" | "#386fff" | "#2c2c2c";
220
+ readonly '--ATextArea_Primary_focus_border': "1px solid var(#ffffff)" | "1px solid var(#000000)" | "1px solid var(#fcfcfc)" | "1px solid var(#efefef)" | "1px solid var(#e2e2e2)" | "1px solid var(#d6d6d6)" | "1px solid var(#c9c9c9)" | "1px solid var(#bababa)" | "1px solid var(#a5a5a5)" | "1px solid var(#898989)" | "1px solid var(#4c4c4c)" | "1px solid var(#333333)" | "1px solid var(#191919)" | "1px solid var(#0c0c0c)" | "1px solid var(#e50000)" | "1px solid var(#00e517)" | "1px solid var(#ff670f)" | "1px solid var(#386fff)" | "1px solid var(#2c2c2c)";
221
221
  readonly '--ATextArea_Secondary_background-color': "inherit";
222
222
  readonly '--ATextArea_Secondary_border': "1px solid var(--content-tertiary)";
223
223
  readonly '--ATextArea_Secondary_color': "var(--content-secondary)";
@@ -230,17 +230,17 @@ declare const Semantic: {
230
230
  readonly '--ATextArea_Error_border': "1px solid var(--textinput-stroke-error)";
231
231
  readonly '--ATextArea_Error_color': "var(--error-text)";
232
232
  readonly '--ATextArea_Error_placeholder_color': "var(--error-text)";
233
- readonly '--ACheckBox_color': "var(--content-primary)";
234
- readonly '--ADialog_Paper_background-color': "#00000060";
235
- readonly '--ADialog_background-color': "var(--dialog-background)";
236
- readonly '--ADialog_border': "1px solid var(--dialog-stroke)";
233
+ readonly '--ACheckBox_color': "#ffffff" | "#000000" | "#fcfcfc" | "#efefef" | "#e2e2e2" | "#d6d6d6" | "#c9c9c9" | "#bababa" | "#a5a5a5" | "#898989" | "#4c4c4c" | "#333333" | "#191919" | "#0c0c0c" | "#e50000" | "#00e517" | "#ff670f" | "#386fff" | "#2c2c2c";
234
+ readonly '--ADialog_Paper_background-color': "#00000057";
235
+ readonly '--ADialog_background-color': "#ffffff" | "#000000" | "#fcfcfc" | "#efefef" | "#e2e2e2" | "#d6d6d6" | "#c9c9c9" | "#bababa" | "#a5a5a5" | "#898989" | "#4c4c4c" | "#333333" | "#191919" | "#0c0c0c" | "#e50000" | "#00e517" | "#ff670f" | "#386fff" | "#2c2c2c";
236
+ readonly '--ADialog_border': "1px solid var(#ffffff)" | "1px solid var(#000000)" | "1px solid var(#fcfcfc)" | "1px solid var(#efefef)" | "1px solid var(#e2e2e2)" | "1px solid var(#d6d6d6)" | "1px solid var(#c9c9c9)" | "1px solid var(#bababa)" | "1px solid var(#a5a5a5)" | "1px solid var(#898989)" | "1px solid var(#4c4c4c)" | "1px solid var(#333333)" | "1px solid var(#191919)" | "1px solid var(#0c0c0c)" | "1px solid var(#e50000)" | "1px solid var(#00e517)" | "1px solid var(#ff670f)" | "1px solid var(#386fff)" | "1px solid var(#2c2c2c)";
237
237
  readonly '--ADialog_Body_Title_font': "700 20px pretendard";
238
- readonly '--ADialog_Action_background-color': "var(--dialog-depth)";
239
- readonly '--ASelect_Primary_border': "1px solid var(--content-tertiary)";
240
- readonly '--ASelect_Primary_hover_border': "1px solid var(--stroke-primary)";
241
- readonly '--ASelect_Primary_Arrow_color': "var(--content-primary)";
242
- readonly '--ASelect_Primary_Options_background-color': "var(--ui-elevation)";
243
- readonly '--ASelect_Primary_Options_border': "1px solid var(--content-primary)";
238
+ readonly '--ADialog_Action_background-color': "#ffffff" | "#000000" | "#fcfcfc" | "#efefef" | "#e2e2e2" | "#d6d6d6" | "#c9c9c9" | "#bababa" | "#a5a5a5" | "#898989" | "#4c4c4c" | "#333333" | "#191919" | "#0c0c0c" | "#e50000" | "#00e517" | "#ff670f" | "#386fff" | "#2c2c2c";
239
+ readonly '--ASelect_Primary_border': "1px solid var(#ffffff)" | "1px solid var(#000000)" | "1px solid var(#fcfcfc)" | "1px solid var(#efefef)" | "1px solid var(#e2e2e2)" | "1px solid var(#d6d6d6)" | "1px solid var(#c9c9c9)" | "1px solid var(#bababa)" | "1px solid var(#a5a5a5)" | "1px solid var(#898989)" | "1px solid var(#4c4c4c)" | "1px solid var(#333333)" | "1px solid var(#191919)" | "1px solid var(#0c0c0c)" | "1px solid var(#e50000)" | "1px solid var(#00e517)" | "1px solid var(#ff670f)" | "1px solid var(#386fff)" | "1px solid var(#2c2c2c)";
240
+ readonly '--ASelect_Primary_hover_border': "1px solid var(#ffffff)" | "1px solid var(#000000)" | "1px solid var(#fcfcfc)" | "1px solid var(#efefef)" | "1px solid var(#e2e2e2)" | "1px solid var(#d6d6d6)" | "1px solid var(#c9c9c9)" | "1px solid var(#bababa)" | "1px solid var(#a5a5a5)" | "1px solid var(#898989)" | "1px solid var(#4c4c4c)" | "1px solid var(#333333)" | "1px solid var(#191919)" | "1px solid var(#0c0c0c)" | "1px solid var(#e50000)" | "1px solid var(#00e517)" | "1px solid var(#ff670f)" | "1px solid var(#386fff)" | "1px solid var(#2c2c2c)";
241
+ readonly '--ASelect_Primary_Arrow_color': "#ffffff" | "#000000" | "#fcfcfc" | "#efefef" | "#e2e2e2" | "#d6d6d6" | "#c9c9c9" | "#bababa" | "#a5a5a5" | "#898989" | "#4c4c4c" | "#333333" | "#191919" | "#0c0c0c" | "#e50000" | "#00e517" | "#ff670f" | "#386fff" | "#2c2c2c";
242
+ readonly '--ASelect_Primary_Options_background-color': "#ffffff" | "#000000" | "#fcfcfc" | "#efefef" | "#e2e2e2" | "#d6d6d6" | "#c9c9c9" | "#bababa" | "#a5a5a5" | "#898989" | "#4c4c4c" | "#333333" | "#191919" | "#0c0c0c" | "#e50000" | "#00e517" | "#ff670f" | "#386fff" | "#2c2c2c";
243
+ readonly '--ASelect_Primary_Options_border': "1px solid var(#ffffff)" | "1px solid var(#000000)" | "1px solid var(#fcfcfc)" | "1px solid var(#efefef)" | "1px solid var(#e2e2e2)" | "1px solid var(#d6d6d6)" | "1px solid var(#c9c9c9)" | "1px solid var(#bababa)" | "1px solid var(#a5a5a5)" | "1px solid var(#898989)" | "1px solid var(#4c4c4c)" | "1px solid var(#333333)" | "1px solid var(#191919)" | "1px solid var(#0c0c0c)" | "1px solid var(#e50000)" | "1px solid var(#00e517)" | "1px solid var(#ff670f)" | "1px solid var(#386fff)" | "1px solid var(#2c2c2c)";
244
244
  readonly '--ASelect_Primary_Option_hover_background-color': "var(--content-quaternary)";
245
245
  readonly '--ASelect_Primary_Option_active_background-color': "var(--content-quaternary)";
246
246
  readonly '--ASelect_Primary_Option_Selected_background-color': "var(--highlight-primary)";
@@ -251,11 +251,11 @@ declare const Semantic: {
251
251
  readonly '--ASelect_Secondary_Option_hover_background-color': "var(--content-quaternary)";
252
252
  readonly '--ASelect_Secondary_Option_active_background-color': "var(--content-quaternary)";
253
253
  readonly '--ASelect_Secondary_Option_Selected_background-color': "var(--highlight-primary)";
254
- readonly '--AMultiSelect_Primary_border': "1px solid var(--content-tertiary)";
254
+ readonly '--AMultiSelect_Primary_border': "1px solid var(#ffffff)" | "1px solid var(#000000)" | "1px solid var(#fcfcfc)" | "1px solid var(#efefef)" | "1px solid var(#e2e2e2)" | "1px solid var(#d6d6d6)" | "1px solid var(#c9c9c9)" | "1px solid var(#bababa)" | "1px solid var(#a5a5a5)" | "1px solid var(#898989)" | "1px solid var(#4c4c4c)" | "1px solid var(#333333)" | "1px solid var(#191919)" | "1px solid var(#0c0c0c)" | "1px solid var(#e50000)" | "1px solid var(#00e517)" | "1px solid var(#ff670f)" | "1px solid var(#386fff)" | "1px solid var(#2c2c2c)";
255
255
  readonly '--AMultiSelect_Primary_hover_border': "1px solid var(--stroke-primary)";
256
- readonly '--AMultiSelect_Primary_Arrow_color': "var(--content-primary)";
257
- readonly '--AMultiSelect_Primary_Options_background-color': "var(--ui-elevation)";
258
- readonly '--AMultiSelect_Primary_Options_border': "1px solid var(--content-primary)";
256
+ readonly '--AMultiSelect_Primary_Arrow_color': "#ffffff" | "#000000" | "#fcfcfc" | "#efefef" | "#e2e2e2" | "#d6d6d6" | "#c9c9c9" | "#bababa" | "#a5a5a5" | "#898989" | "#4c4c4c" | "#333333" | "#191919" | "#0c0c0c" | "#e50000" | "#00e517" | "#ff670f" | "#386fff" | "#2c2c2c";
257
+ readonly '--AMultiSelect_Primary_Options_background-color': "#ffffff" | "#000000" | "#fcfcfc" | "#efefef" | "#e2e2e2" | "#d6d6d6" | "#c9c9c9" | "#bababa" | "#a5a5a5" | "#898989" | "#4c4c4c" | "#333333" | "#191919" | "#0c0c0c" | "#e50000" | "#00e517" | "#ff670f" | "#386fff" | "#2c2c2c";
258
+ readonly '--AMultiSelect_Primary_Options_border': "1px solid var(#ffffff)" | "1px solid var(#000000)" | "1px solid var(#fcfcfc)" | "1px solid var(#efefef)" | "1px solid var(#e2e2e2)" | "1px solid var(#d6d6d6)" | "1px solid var(#c9c9c9)" | "1px solid var(#bababa)" | "1px solid var(#a5a5a5)" | "1px solid var(#898989)" | "1px solid var(#4c4c4c)" | "1px solid var(#333333)" | "1px solid var(#191919)" | "1px solid var(#0c0c0c)" | "1px solid var(#e50000)" | "1px solid var(#00e517)" | "1px solid var(#ff670f)" | "1px solid var(#386fff)" | "1px solid var(#2c2c2c)";
259
259
  readonly '--AMultiSelect_Primary_Option_hover_background-color': "var(--content-quaternary)";
260
260
  readonly '--AMultiSelect_Primary_Option_active_background-color': "var(--content-quaternary)";
261
261
  readonly '--AMultiSelect_Primary_Option_Selected_background-color': "var(--highlight-primary)";
@@ -277,8 +277,8 @@ declare const Semantic: {
277
277
  readonly '--ATreeItem_search_border-top': "1px dashed var(--content-primary)";
278
278
  readonly '--ATreeItem_search_border-bottom': "1px dashed var(--content-primary)";
279
279
  readonly '--ATreeItem_select_color': "var(--content-primary)";
280
- readonly '--ASwitch_Track_Falsy_border-color': "var(--switch-fill-track-off)";
281
- readonly '--ASwitch_Track_Truthy_border-color': "var(--switch-fill-track-on)";
280
+ readonly '--ASwitch_Track_Falsy_border-color': "#ffffff" | "#000000" | "#fcfcfc" | "#efefef" | "#e2e2e2" | "#d6d6d6" | "#c9c9c9" | "#bababa" | "#a5a5a5" | "#898989" | "#4c4c4c" | "#333333" | "#191919" | "#0c0c0c" | "#e50000" | "#00e517" | "#ff670f" | "#386fff" | "#2c2c2c";
281
+ readonly '--ASwitch_Track_Truthy_border-color': "#ffffff" | "#000000" | "#fcfcfc" | "#efefef" | "#e2e2e2" | "#d6d6d6" | "#c9c9c9" | "#bababa" | "#a5a5a5" | "#898989" | "#4c4c4c" | "#333333" | "#191919" | "#0c0c0c" | "#e50000" | "#00e517" | "#ff670f" | "#386fff" | "#2c2c2c";
282
282
  readonly '--ATab_font': "500 16px pretendard";
283
283
  readonly '--ATab_Option_IsSelected_font': "700 16px pretendard";
284
284
  readonly '--ATab_IndicatorTrack_Primary_border-bottom': "1px solid var(--tapbutton-stroke-rest)";
package/dist/AModule/AComponents/ATheme/ATheme2.d.ts ADDED
@@ -0,0 +1,83 @@
1
+ export declare const paletteModes: "mode-1"[];
2
+ export type TPalletteModes = (typeof paletteModes)[number];
3
+ export declare const paletteColors: ("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")[];
4
+ export type TPalletteColors = (typeof paletteColors)[number];
5
+ declare function applyPaletteMode(mode: TPalletteModes): void;
6
+ export declare const semanticModes: ("light" | "dark")[];
7
+ export type TSemanticModes = (typeof semanticModes)[number];
8
+ export declare function applySemanticMode(mode: TSemanticModes): void;
9
+ export declare const semanticColors: ("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")[];
10
+ export type TSemanticColors = (typeof semanticColors)[number];
11
+ export declare function fetchToken(key: TSemanticColors, semanticMode?: TSemanticModes): "#ffffff" | "#000000" | "#fcfcfc" | "#efefef" | "#e2e2e2" | "#d6d6d6" | "#c9c9c9" | "#bababa" | "#a5a5a5" | "#898989" | "#4c4c4c" | "#333333" | "#191919" | "#0c0c0c" | "#e50000" | "#00e517" | "#ff670f" | "#386fff" | "#2c2c2c";
12
+ export declare const ABaseStyleKeys: readonly ["--ABase_Dimming_background-color"];
13
+ export declare const ATooltipStyleKeys: readonly ["--ATooltip_background-color", "--ATooltip_color"];
14
+ 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"];
15
+ 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"];
16
+ 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"];
17
+ export declare const ACheckBoxStyleKeys: readonly ["--ACheckBox_color"];
18
+ export declare const ADialogStyleKeys: readonly ["--ADialog_Paper_background-color", "--ADialog_background-color", "--ADialog_border-color", "--ADialog_Action_background-color"];
19
+ 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"];
20
+ 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"];
21
+ 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"];
22
+ export declare const ASwitchStyleKeys: readonly ["--ASwitch_Track_Falsy_border-color", "--ASwitch_Track_Truthy_border-color"];
23
+ 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"];
24
+ export declare const AFileBoxStyleKeys: readonly ["--AFileBox_border-color", "--AFileBox_background-color", "--AFileBox_SelectedFile_color", "--AFileBox_Dropping_color"];
25
+ export declare const AListViewStyleKeys: readonly ["--AListView_border-top-color", "--AListView_Row_border-bottom-color", "--AListView_Label_border-left-color", "--AListView_Rendered_border-left-color"];
26
+ 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"];
27
+ 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"];
28
+ 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"];
29
+ export declare const AIconButtonStyleKeys: readonly ["--AIconButton_Primary_color", "--AIconButton_Primary_background-color", "--AIconButton_Primary_border-color", "--AIconButton_Primary_hover_border-color"];
30
+ 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"];
31
+ export declare const AFrameStyleKeys: readonly ["--ADivideFrame_DividerInner_background-color"];
32
+ export declare const AFloatMenuKeys: readonly ["--AFloatMenu_background-color", "--AFloatMenu_hover_background-color", "--AFloatMenu_color"];
33
+ export declare const ALoadingBorderKeys: readonly ["--ALoadingBorder_background-color", "--ALoadingBorder_ProgressBar_background-color", "--ALoadingBorder_Cover_background-color"];
34
+ 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"];
35
+ export type TComponentStyleKeys = (typeof ComponentStyleKeys)[number];
36
+ type TTheme = {
37
+ [key in TComponentStyleKeys]: TSemanticColors;
38
+ };
39
+ type TCustomTheme = {
40
+ [key in TComponentStyleKeys]: string;
41
+ };
42
+ declare function applyTheme(theme?: Partial<TTheme>): void;
43
+ declare function applyCustomTheme(theme: Partial<TCustomTheme>): void;
44
+ interface IInitParams {
45
+ /**
46
+ * themeName?: TSemanticModes
47
+ *
48
+ * Description: The theme name to be set.
49
+ *
50
+ * Priority : 1
51
+ */
52
+ themeName?: TSemanticModes;
53
+ /**
54
+ * save?: 'localStorage' | 'sessionStorage'
55
+ *
56
+ * Description: If 'localStorage' or 'sessionStorage' is given, the themeName will be saved in the storage.
57
+ *
58
+ * Priority : 2
59
+ */
60
+ save?: 'localStorage' | 'sessionStorage';
61
+ /**
62
+ * followDeviceSetting?: boolean
63
+ *
64
+ * Description: If true, the theme will be set to 'Dark' when the device is in dark mode.
65
+ *
66
+ * Priority : 3
67
+ */
68
+ followDeviceSetting?: boolean;
69
+ }
70
+ declare function init({ themeName, save, followDeviceSetting }: IInitParams): void;
71
+ declare function getCurrentPaletteMode(): "mode-1";
72
+ declare function getCurrentSemanticMode(): "light" | "dark";
73
+ export declare const themeF: {
74
+ init: typeof init;
75
+ fetchToken: typeof fetchToken;
76
+ applyPaletteMode: typeof applyPaletteMode;
77
+ applySemanticMode: typeof applySemanticMode;
78
+ applyTheme: typeof applyTheme;
79
+ applyCustomTheme: typeof applyCustomTheme;
80
+ getCurrentPaletteMode: typeof getCurrentPaletteMode;
81
+ getCurrentSemanticMode: typeof getCurrentSemanticMode;
82
+ };
83
+ export {};
package/dist/AModule/AComponents/ATheme/Tokens.d.ts ADDED
@@ -0,0 +1,170 @@
1
+ export declare const tokens: {
2
+ readonly palette: {
3
+ readonly 'mode-1': {
4
+ readonly 'common-100': "#ffffff";
5
+ readonly 'common-0': "#000000";
6
+ readonly 'neutral-99': "#fcfcfc";
7
+ readonly 'neutral-94': "#efefef";
8
+ readonly 'neutral-89': "#e2e2e2";
9
+ readonly 'neutral-84': "#d6d6d6";
10
+ readonly 'neutral-79': "#c9c9c9";
11
+ readonly 'neutral-73': "#bababa";
12
+ readonly 'neutral-65': "#a5a5a5";
13
+ readonly 'neutral-54': "#898989";
14
+ readonly 'neutral-42': "#6b6b6b";
15
+ readonly 'neutral-30': "#4c4c4c";
16
+ readonly 'neutral-20': "#333333";
17
+ readonly 'neutral-10': "#191919";
18
+ readonly 'neutral-5': "#0c0c0c";
19
+ readonly 'cool-neutral-99': "#fcfcfc";
20
+ readonly 'cool-neutral-94': "#efeff0";
21
+ readonly 'cool-neutral-89': "#e1e2e4";
22
+ readonly 'cool-neutral-84': "#d4d5d7";
23
+ readonly 'cool-neutral-79': "#c7c8cb";
24
+ readonly 'cool-neutral-73': "#b7b9bc";
25
+ readonly 'cool-neutral-65': "#a2a4a9";
26
+ readonly 'cool-neutral-54': "#85888e";
27
+ readonly 'cool-neutral-42': "#66696f";
28
+ readonly 'cool-neutral-30': "#494b4f";
29
+ readonly 'cool-neutral-20': "#303235";
30
+ readonly 'cool-neutral-10': "#18191a";
31
+ readonly 'cool-neutral-5': "#0c0c0c";
32
+ readonly 'red-99': "#fff9f9";
33
+ readonly 'red-95': "#ffe5e5";
34
+ readonly 'red-90': "#ffcccc";
35
+ readonly 'red-84': "#ffadad";
36
+ readonly 'red-76': "#ff8484";
37
+ readonly 'red-66': "#ff5151";
38
+ readonly 'red-53': "#ff0f0f";
39
+ readonly 'red-45': "#e50000";
40
+ readonly 'red-34': "#a80000";
41
+ readonly 'red-30': "#990000";
42
+ readonly 'red-24': "#7a0000";
43
+ readonly 'red-10': "#330000";
44
+ readonly 'green-99': "#fafffa";
45
+ readonly 'green-95': "#e5ffe8";
46
+ readonly 'green-90': "#ccffd1";
47
+ readonly 'green-84': "#adffb6";
48
+ readonly 'green-76': "#84ff90";
49
+ readonly 'green-66': "#51ff62";
50
+ readonly 'green-48': "#00f418";
51
+ readonly 'green-45': "#00e517";
52
+ readonly 'green-34': "#00a810";
53
+ readonly 'green-30': "#00990f";
54
+ readonly 'green-24': "#007a0c";
55
+ readonly 'green-10': "#003305";
56
+ readonly 'blue-99': "#fafdff";
57
+ readonly 'blue-95': "#e5f3ff";
58
+ readonly 'blue-90': "#cce6ff";
59
+ readonly 'blue-84': "#add7ff";
60
+ readonly 'blue-76': "#84c3ff";
61
+ readonly 'blue-66': "#51abff";
62
+ readonly 'blue-53': "#0f8bff";
63
+ readonly 'blue-45': "#0077e5";
64
+ readonly 'blue-34': "#0056a8";
65
+ readonly 'blue-30': "#004f99";
66
+ readonly 'blue-24': "#003f7a";
67
+ readonly 'blue-10': "#001a33";
68
+ readonly 'orange-99': "#fffcfa";
69
+ readonly 'orange-95': "#ffefe5";
70
+ readonly 'orange-90': "#ffdecc";
71
+ readonly 'orange-84': "#ffcbad";
72
+ readonly 'orange-76': "#ffb184";
73
+ readonly 'orange-66': "#ff9151";
74
+ readonly 'orange-53': "#ff670f";
75
+ readonly 'orange-45': "#e55400";
76
+ readonly 'orange-34': "#a83d00";
77
+ readonly 'orange-30': "#993800";
78
+ readonly 'orange-24': "#7a2c00";
79
+ readonly 'orange-10': "#331200";
80
+ readonly 'violet-99': "#fcfaff";
81
+ readonly 'violet-95': "#eee5ff";
82
+ readonly 'violet-90': "#dcccff";
83
+ readonly 'violet-84': "#c7adff";
84
+ readonly 'violet-76': "#ab84ff";
85
+ readonly 'violet-66': "#8852ff";
86
+ readonly 'violet-53': "#5b0fff";
87
+ readonly 'violet-45': "#4900e5";
88
+ readonly 'violet-34': "#3500a8";
89
+ readonly 'violet-28': "#2d008e";
90
+ readonly 'violet-24': "#26007a";
91
+ readonly 'violet-10': "#100033";
92
+ readonly 'cyan-99': "#faffff";
93
+ readonly 'cyan-95': "#e5fdff";
94
+ readonly 'cyan-90': "#ccfbff";
95
+ readonly 'cyan-84': "#adf9ff";
96
+ readonly 'cyan-76': "#84f6ff";
97
+ readonly 'cyan-66': "#51f3ff";
98
+ readonly 'cyan-50': "#00edff";
99
+ readonly 'cyan-45': "#00d6e5";
100
+ readonly 'cyan-40': "#00becc";
101
+ readonly 'cyan-30': "#008e99";
102
+ readonly 'cyan-21': "#00636b";
103
+ readonly 'cyan-10': "#002f33";
104
+ readonly 'pink-99': "#fffefa";
105
+ readonly 'pink-95': "#ffe5f5";
106
+ readonly 'pink-90': "#ffccea";
107
+ readonly 'pink-84': "#ffadde";
108
+ readonly 'pink-76': "#ff84ce";
109
+ readonly 'pink-66': "#ff51b9";
110
+ readonly 'pink-53': "#ff0f9f";
111
+ readonly 'pink-45': "#e5008a";
112
+ readonly 'pink-40': "#cc007a";
113
+ readonly 'pink-30': "#99005b";
114
+ readonly 'pink-21': "#6b0040";
115
+ readonly 'pink-10': "#33001e";
116
+ readonly 'lime-99': "#fcfffa";
117
+ readonly 'lime-95': "#eeffe5";
118
+ readonly 'lime-90': "#ddffcc";
119
+ readonly 'lime-84': "#c8ffad";
120
+ readonly 'lime-76': "#adff84";
121
+ readonly 'lime-66': "#8bff51";
122
+ readonly 'lime-49': "#53f900";
123
+ readonly 'lime-45': "#4ce500";
124
+ readonly 'lime-40': "#44cc00";
125
+ readonly 'lime-30': "#339900";
126
+ readonly 'lime-21': "#236b00";
127
+ readonly 'lime-10': "#113300";
128
+ readonly 'brand-b-color': "#386fff";
129
+ readonly 'neutral-15': "#2c2c2c";
130
+ };
131
+ };
132
+ readonly semantic: {
133
+ readonly light: {
134
+ readonly 'static-white': "common-100";
135
+ readonly 'static-black': "common-0";
136
+ readonly 'acent-brand': "brand-b-color";
137
+ readonly 'label-normal': "neutral-20";
138
+ readonly 'label-strong': "neutral-5";
139
+ readonly 'label-neutral': "neutral-73";
140
+ readonly 'line-normal': "neutral-79";
141
+ readonly 'line-strong': "neutral-65";
142
+ readonly 'line-neutral': "neutral-89";
143
+ readonly 'background-normal': "common-100";
144
+ readonly 'elevation-0': "common-100";
145
+ readonly 'elevation-10': "neutral-94";
146
+ readonly 'elevation-20': "neutral-73";
147
+ readonly 'alert-warning': "orange-53";
148
+ readonly 'alert-success': "green-45";
149
+ readonly 'alert-danger': "red-45";
150
+ };
151
+ readonly dark: {
152
+ readonly 'static-white': "common-100";
153
+ readonly 'static-black': "common-0";
154
+ readonly 'acent-brand': "brand-b-color";
155
+ readonly 'label-normal': "neutral-84";
156
+ readonly 'label-strong': "neutral-99";
157
+ readonly 'label-neutral': "neutral-30";
158
+ readonly 'line-normal': "neutral-30";
159
+ readonly 'line-strong': "neutral-54";
160
+ readonly 'line-neutral': "neutral-20";
161
+ readonly 'background-normal': "neutral-5";
162
+ readonly 'elevation-0': "neutral-5";
163
+ readonly 'elevation-10': "neutral-10";
164
+ readonly 'elevation-20': "neutral-15";
165
+ readonly 'alert-warning': "orange-53";
166
+ readonly 'alert-success': "green-45";
167
+ readonly 'alert-danger': "red-45";
168
+ };
169
+ };
170
+ };