ados-rcm 1.1.249 → 1.1.251

package/dist/AModule/AComponents/AFloatMenu/AFloatMenu.d.ts

@@ -95,6 +95,12 @@ export interface IAFloatMenuProps<T> {
      * Description : actionRef of AFloatMenu
      */
     actionRef?: TActionRef<IAFloatMenuActions>;
+    /**
+     * width? : string | number
+     *
+     * Description : width of AFloatMenu
+     */
+    width?: string | number;
 }
 /**
  * AComponent : AFloatMenu

package/dist/AModule/AComponents/AIcon/AIcon.d.ts

@@ -57,6 +57,9 @@ declare const Icons: Readonly<{
     SortUp: (props?: IASVGProps) => import("react/jsx-runtime").JSX.Element;
     SortDown: (props?: IASVGProps) => import("react/jsx-runtime").JSX.Element;
     SortBoth: (props?: IASVGProps) => import("react/jsx-runtime").JSX.Element;
+    RowSortUp: (props?: IASVGProps) => import("react/jsx-runtime").JSX.Element;
+    RowSortDown: (props?: IASVGProps) => import("react/jsx-runtime").JSX.Element;
+    RowSortBoth: (props?: IASVGProps) => import("react/jsx-runtime").JSX.Element;
     Favorite: (props?: IASVGProps) => import("react/jsx-runtime").JSX.Element;
     FavoriteDisabled: (props?: IASVGProps) => import("react/jsx-runtime").JSX.Element;
     Main: (props?: IASVGProps) => import("react/jsx-runtime").JSX.Element;
@@ -115,6 +118,6 @@ declare const Icons: Readonly<{
     Remove: (props?: IASVGProps) => import("react/jsx-runtime").JSX.Element;
     Sync: (props?: IASVGProps) => import("react/jsx-runtime").JSX.Element;
 }>;
-export declare const AIcons: ("ArrowDown" | "ArrowUp" | "Chat" | "Check.Checked" | "Check.Indeterminate" | "Check.UnChecked" | "CircledCheck" | "ClipBoard" | "Close" | "Document" | "Menu" | "Person" | "Reset" | "Search" | "Send" | "Spinner" | "Stop" | "TriangleAlert" | "Sun" | "Moon" | "CCTV" | "Convert" | "KeyboardArrowUp" | "KeyboardArrowDown" | "Alert" | "SortUp" | "SortDown" | "SortBoth" | "Favorite" | "FavoriteDisabled" | "Main" | "Frame" | "FileDownload" | "File" | "UnPlug" | "CloudSync" | "CalendarDay" | "DateRange" | "PlayArrow" | "Mail" | "Download" | "Folder" | "FolderPost" | "FolderOpen" | "FolderCopy" | "FolderAdd" | "FolderMove" | "FirstPage" | "LastPage" | "NavigateBefore" | "NavigateNext" | "ListAdd" | "ListRemove" | "Cancel" | "Clear" | "Article" | "Info" | "Type" | "PersonAdd" | "CheckNormal" | "Create" | "PersonRemove" | "Refresh" | "Undo" | "Gear" | "TriangleUp" | "TriangleDown" | "HelpCircle" | "Cow" | "AlertCircle" | "Email" | "Manager" | "Admin" | "Equalizer" | "ABC" | "Auth" | "AuthAdd" | "Switch" | "Add" | "Edit" | "EditOff" | "Delete" | "Save" | "Remove" | "Sync")[];
+export declare const AIcons: ("ArrowDown" | "ArrowUp" | "Chat" | "Check.Checked" | "Check.Indeterminate" | "Check.UnChecked" | "CircledCheck" | "ClipBoard" | "Close" | "Document" | "Menu" | "Person" | "Reset" | "Search" | "Send" | "Spinner" | "Stop" | "TriangleAlert" | "Sun" | "Moon" | "CCTV" | "Convert" | "KeyboardArrowUp" | "KeyboardArrowDown" | "Alert" | "SortUp" | "SortDown" | "SortBoth" | "RowSortUp" | "RowSortDown" | "RowSortBoth" | "Favorite" | "FavoriteDisabled" | "Main" | "Frame" | "FileDownload" | "File" | "UnPlug" | "CloudSync" | "CalendarDay" | "DateRange" | "PlayArrow" | "Mail" | "Download" | "Folder" | "FolderPost" | "FolderOpen" | "FolderCopy" | "FolderAdd" | "FolderMove" | "FirstPage" | "LastPage" | "NavigateBefore" | "NavigateNext" | "ListAdd" | "ListRemove" | "Cancel" | "Clear" | "Article" | "Info" | "Type" | "PersonAdd" | "CheckNormal" | "Create" | "PersonRemove" | "Refresh" | "Undo" | "Gear" | "TriangleUp" | "TriangleDown" | "HelpCircle" | "Cow" | "AlertCircle" | "Email" | "Manager" | "Admin" | "Equalizer" | "ABC" | "Auth" | "AuthAdd" | "Switch" | "Add" | "Edit" | "EditOff" | "Delete" | "Save" | "Remove" | "Sync")[];
 export type TAIcons = (typeof AIcons)[number];
 export {};

package/dist/AModule/AComponents/AResource/AResource.d.ts

@@ -36,6 +36,11 @@ export declare const Resources: {
         'Checked n items': (n: React.ReactNode) => import("react/jsx-runtime").JSX.Element;
         'Searched n items': (n: React.ReactNode) => import("react/jsx-runtime").JSX.Element;
         'Total n items': (t: React.ReactNode) => import("react/jsx-runtime").JSX.Element;
+        'Sort by x': (x: React.ReactNode) => import("react/jsx-runtime").JSX.Element;
+        'Sort up': string;
+        'Sort down': string;
+        Asc: string;
+        Desc: string;
         'Search(Placeholder)': string;
         'Search(Button)': string;
         'Clear(Button)': string;

package/dist/AModule/AComponents/ATab/ATab.d.ts

@@ -41,6 +41,12 @@ export interface IATabProps<T> {
      * Description : tabProps of ATab
      */
     tabProps?: React.HTMLProps<HTMLDivElement>;
+    /**
+     * optionProps? : React.HTMLProps<HTMLDivElement>
+     *
+     * Description : optionProps of ATab
+     */
+    optionProps?: React.HTMLProps<HTMLElement>;
     /**
      * optionWidth? : string | number
      *

package/dist/AModule/AComponents/ATable/ATable.d.ts

@@ -7,6 +7,7 @@ import { IDateRange } from '../ADatePicker/ADateRangePicker';
 import { TIcons } from '../AIcon/AIcon';
 import { Resources } from '../AResource/AResource';
 import { TActionRef, TIdx, TPromisable } from '../ATypes/ATypes';
+import { IATableRowProps } from './ATableBody';
 export interface IATableTHProps<T extends IItem> {
     /**
      * defKey : TIdx
@@ -648,6 +649,12 @@ export interface IATableProps<T extends IItem> {
      * Description : actionRef of ATable
      */
     actionRef?: TActionRef<IATableActions<T>>;
+    /**
+     * RowRenderer? : (props: IATableRowProps<T>) => React.ReactNode
+     *
+     * Description : RowRenderer of ATable
+     */
+    RowRenderer?: (props: IATableRowProps<T>) => React.ReactNode;
     /**
      * resources? : Partial<typeof Resources.ATable>
      *

package/dist/AModule/AComponents/ATable/ATableBody.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TUseValues } from '../../AHooks/useValues';
 import { TCanCallback } from '../../AUtils/cbF';
 import { IItem } from '../../AUtils/objF';
@@ -20,7 +21,31 @@ interface IATableBodyProps<T extends IItem> {
     noMarking?: boolean;
     isLoading?: boolean;
     showRows?: number;
+    RowRenderer?: (props: IATableRowProps<T>) => React.ReactNode;
+    isRowRendered: boolean;
     resources: Partial<typeof Resources.ATable>;
 }
 export declare const ATableBody: <T extends IItem>(props: IATableBodyProps<T>) => import("react/jsx-runtime").JSX.Element;
+export interface IATableRowItem {
+    [key: string]: JSX.Element;
+}
+export type TSpanWidths<T> = {
+    [key in keyof T]?: {
+        minWidth: number;
+        maxWidth?: number;
+        width: number;
+        flexGrow: number;
+    };
+};
+export interface IATableRowProps<T extends IItem> {
+    defs: TATableDefs<T>;
+    item: T;
+    markedItem: IATableRowItem;
+}
+export interface IATableDefaultRowProps<T extends IItem> extends IATableRowProps<T> {
+    noMarking?: boolean;
+    spanWidths: TSpanWidths<T>;
+    singleFilterValue?: string;
+    isBodyBodyOverflowed: boolean;
+}
 export {};

package/dist/AModule/AComponents/ATable/ATableFilter.d.ts

@@ -8,6 +8,7 @@ interface IATableFilterProps<T extends IItem> {
     useFilteration: TUseValues<TATableFilteration<T>>;
     hasToggleFilteration: boolean;
     filterF: IATableFilterF;
+    isRowRendered?: boolean;
     resources: typeof Resources.ATable;
 }
 export declare const ATableFilter: <T extends IItem>(props: IATableFilterProps<T>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/AModule/AComponents/ATable/ATableHeader.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { IItem } from '../../AUtils/objF';
 import { TUseValues } from '../../AHooks/useValues';
-import { TATableDefs, TATableFilteration } from './ATable';
+import { IItem } from '../../AUtils/objF';
 import { Resources } from '../AResource/AResource';
+import { IATableSortation, TATableDefs, TATableFilteration } from './ATable';
 export interface IATableFilterF {
     apply: () => void;
     toggle: () => void;
@@ -21,6 +21,8 @@ export interface IATableHeaderProps<T extends IItem> {
     isFiltered?: boolean;
     TopLeftAddon?: React.ReactNode;
     TopRightAddon?: React.ReactNode;
+    useSortation: TUseValues<IATableSortation<T> | undefined>;
+    isRowRendered?: boolean;
     resources: typeof Resources.ATable;
 }
 export declare const ATableHeader: <T extends IItem>(props: IATableHeaderProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -116,7 +116,7 @@ export declare const ADateRangePickerStyleKeys: readonly ["ADateRangePicker_Anch
 export type TADateRangePickerStyleKeys = (typeof ADateRangePickerStyleKeys)[number];
 export declare const AIconButtonStyleKeys: readonly ["AIconButton_Primary_color", "AIconButton_Primary_background-color", "AIconButton_Primary_border", "AIconButton_Primary_hover_border"];
 export type TAIconButtonStyleKeys = (typeof AIconButtonStyleKeys)[number];
-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"];
+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_TD_IsMarked_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"];
 export type TATableStyleKeys = (typeof ATableStyleKeys)[number];
 export declare const AFrameStyleKeys: readonly ["ADivideFrame_DividerInner_background-color"];
 export type TAFrameStyleKeys = (typeof AFrameStyleKeys)[number];
@@ -130,7 +130,7 @@ export declare const ARadioSelectKeys: readonly ["ARadioSelect_RadioButton_borde
 export type TARadioSelectKeys = (typeof ARadioSelectKeys)[number];
 export declare const AChipKeys: readonly ["AChip_background-color", "AChip_color", "AChip_border", "AChip_hover_background-color", "AChip_hover_color", "AChip_DeleteButton_border", "AChip_DeleteButton_color", "AChip_DeleteButton_hover_border", "AChip_DeleteButton_hover_color"];
 export type TAChipKeys = (typeof AChipKeys)[number];
-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" | "AButton_Alter_border" | "AButton_Alter_background-color" | "AButton_Alter_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_Placeholder_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_Placeholder_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" | "ATab_IndicatorTrack_Tertiary_background-color" | "ATab_Indicator_Tertiary_background-color" | "ATab_ATab_Tertiary_color" | "ATab_ATab_Tertiary_Bold_color" | "AFileBox_border" | "AFileBox_background-color" | "AFileBox_SelectedFile_color" | "AFileBox_Dropping_color" | "AListView_border-thin" | "AListView_border-thick" | "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_Placeholder_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_Placeholder_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" | "ARadioSelect_RadioButton_border" | "ARadioSelect_RadioButton_InnerCircle_isChecked_background-color" | "AChip_background-color" | "AChip_color" | "AChip_border" | "AChip_hover_background-color" | "AChip_hover_color" | "AChip_DeleteButton_border" | "AChip_DeleteButton_color" | "AChip_DeleteButton_hover_border" | "AChip_DeleteButton_hover_color")[];
+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" | "AButton_Alter_border" | "AButton_Alter_background-color" | "AButton_Alter_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_Placeholder_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_Placeholder_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" | "ATab_IndicatorTrack_Tertiary_background-color" | "ATab_Indicator_Tertiary_background-color" | "ATab_ATab_Tertiary_color" | "ATab_ATab_Tertiary_Bold_color" | "AFileBox_border" | "AFileBox_background-color" | "AFileBox_SelectedFile_color" | "AFileBox_Dropping_color" | "AListView_border-thin" | "AListView_border-thick" | "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_Placeholder_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_Placeholder_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_TD_IsMarked_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" | "ARadioSelect_RadioButton_border" | "ARadioSelect_RadioButton_InnerCircle_isChecked_background-color" | "AChip_background-color" | "AChip_color" | "AChip_border" | "AChip_hover_background-color" | "AChip_hover_color" | "AChip_DeleteButton_border" | "AChip_DeleteButton_color" | "AChip_DeleteButton_hover_border" | "AChip_DeleteButton_hover_color")[];
 export type TComponentStyleKeys = (typeof componentStyleKeys)[number];
 export type TComponentStyle = {
     [key in TComponentStyleKeys]: string;

package/dist/AModule/AUtils/sF.d.ts

@@ -9,23 +9,26 @@ declare global {
 type CSSModuleClasses = {
     readonly [key: string]: string;
 };
-/**
- * classes : Pre Defined CSS Classes
- *
- * Description : Pre Defined CSS Classes for sF
- *
- * NoSelect: S.NoSelect,
- * IsClickable: plainClsx(S.NoSelect, S.IsCursorPointer, S.IsFixedShape),
- * IsInteractive: plainClsx(S.NoSelect, S.IsCursorPointer, S.IsInteractive),
- *
- */
-declare const classes: {
+declare const keys: {
+    Display1: any;
+    Display2: any;
+    Title1: any;
+    Title2: any;
+    Title3: any;
+    Headline1: any;
+    Headline2: any;
+    Body1Normal: any;
+    Body1Reading: any;
+    Label1: any;
+    Label2: any;
+    Caption1: any;
+    Caption2: any;
     NoSelect: any;
     IsClickable: string;
     IsInteractive: string;
 };
-declare function clsx(...args: (keyof typeof classes)[] | any[]): string;
-declare function sclsx<T extends CSSModuleClasses>(styles: T, ...args: (keyof T)[] | (keyof typeof classes)[] | any[]): string;
+declare function clsx(...args: (keyof typeof keys)[] | any[]): string;
+declare function sclsx<T extends CSSModuleClasses>(styles: T, ...args: (keyof T)[] | (keyof typeof keys)[] | any[]): string;
 /**
  * sF : Style Functions
  */
@@ -37,5 +40,20 @@ export declare const sF: {
         IsClickable: string;
         IsInteractive: string;
     };
+    typographies: {
+        Display1: any;
+        Display2: any;
+        Title1: any;
+        Title2: any;
+        Title3: any;
+        Headline1: any;
+        Headline2: any;
+        Body1Normal: any;
+        Body1Reading: any;
+        Label1: any;
+        Label2: any;
+        Caption1: any;
+        Caption2: any;
+    };
 };
 export {};