@fewbox/den-web 0.1.44 → 0.2.0-preview.2

package/src/components/Engine/index.d.ts

@@ -1,277 +1,299 @@
 import { Property } from "csstype";
-export declare enum ColorType {
-    Font = "font",
-    Body = "body",
-    White = "white",
-    Black = "black",
-    Light = "light",
-    Light75 = "light75",
-    Light50 = "light50",
-    Light25 = "light25",
-    Dark = "dark",
-    Dark75 = "dark75",
-    Dark50 = "dark50",
-    Dark25 = "dark25",
-    Primary = "primary",
-    Primary75 = "primary75",
-    Primary50 = "primary50",
-    Primary25 = "primary25",
-    Secondary = "secondary",
-    Secondary75 = "secondary75",
-    Secondary50 = "secondary50",
-    Secondary25 = "secondary25",
-    Tertiary = "tertiary",
-    Tertiary75 = "tertiary75",
-    Tertiary50 = "tertiary50",
-    Tertiary25 = "tertiary25",
-    Info = "info",
-    Info75 = "info75",
-    Info50 = "info50",
-    Info25 = "info25",
-    Success = "success",
-    Success75 = "success75",
-    Success50 = "success50",
-    Success25 = "success25",
-    Warning = "warning",
-    Warning75 = "warning75",
-    Warning50 = "warning50",
-    Warning25 = "warning25",
-    Error = "error",
-    Error75 = "error75",
-    Error50 = "error50",
-    Error25 = "error25",
-    Border = "border",
-    Border75 = "border75",
-    Border50 = "border50",
-    Border25 = "border25",
-    Placeholder = "placeholder",
-    Placeholder75 = "placeholder75",
-    Placeholder50 = "placeholder50",
-    Placeholder25 = "placeholder25",
-    Transparent = "transparent"
-}
-export declare enum FontWeightType {
-    Thin = "font-weight-thin",
-    ExtraLight = "font-weight-extra-light",
-    Light = "font-weight-light",
-    Regular = "font-weight-regular",
-    Medium = "font-weight-medium",
-    SemiBold = "font-weight-semi-bold",
-    Bold = "font-weight-bold",
-    ExtraBold = "font-weight-extra-bold",
-    Black = "font-weight-black"
-}
-export declare enum FontFamilyType {
-    Default = "font-family"
-}
-export declare enum LineHeightType {
-    Default = "line-height"
-}
-export declare enum PaddingType {
-    Default = "padding",
-    Normal = "padding-normal",
-    ExtraSmall = "padding-extra-small",
-    Small = "padding-small",
-    Large = "padding-large",
-    ExtraLarge = "padding-extra-large"
-}
+export declare const ColorType: {
+    readonly Font: "font";
+    readonly Body: "body";
+    readonly White: "white";
+    readonly Black: "black";
+    readonly Light: "light";
+    readonly Light75: "light75";
+    readonly Light50: "light50";
+    readonly Light25: "light25";
+    readonly Dark: "dark";
+    readonly Dark75: "dark75";
+    readonly Dark50: "dark50";
+    readonly Dark25: "dark25";
+    readonly Primary: "primary";
+    readonly Primary75: "primary75";
+    readonly Primary50: "primary50";
+    readonly Primary25: "primary25";
+    readonly Secondary: "secondary";
+    readonly Secondary75: "secondary75";
+    readonly Secondary50: "secondary50";
+    readonly Secondary25: "secondary25";
+    readonly Tertiary: "tertiary";
+    readonly Tertiary75: "tertiary75";
+    readonly Tertiary50: "tertiary50";
+    readonly Tertiary25: "tertiary25";
+    readonly Info: "info";
+    readonly Info75: "info75";
+    readonly Info50: "info50";
+    readonly Info25: "info25";
+    readonly Success: "success";
+    readonly Success75: "success75";
+    readonly Success50: "success50";
+    readonly Success25: "success25";
+    readonly Warning: "warning";
+    readonly Warning75: "warning75";
+    readonly Warning50: "warning50";
+    readonly Warning25: "warning25";
+    readonly Error: "error";
+    readonly Error75: "error75";
+    readonly Error50: "error50";
+    readonly Error25: "error25";
+    readonly Border: "border";
+    readonly Border75: "border75";
+    readonly Border50: "border50";
+    readonly Border25: "border25";
+    readonly Placeholder: "placeholder";
+    readonly Placeholder75: "placeholder75";
+    readonly Placeholder50: "placeholder50";
+    readonly Placeholder25: "placeholder25";
+    readonly Transparent: "transparent";
+};
+export type ColorType = typeof ColorType[keyof typeof ColorType];
+export declare const FontWeightType: {
+    readonly Thin: "font-weight-thin";
+    readonly ExtraLight: "font-weight-extra-light";
+    readonly Light: "font-weight-light";
+    readonly Regular: "font-weight-regular";
+    readonly Medium: "font-weight-medium";
+    readonly SemiBold: "font-weight-semi-bold";
+    readonly Bold: "font-weight-bold";
+    readonly ExtraBold: "font-weight-extra-bold";
+    readonly Black: "font-weight-black";
+};
+export type FontWeightType = typeof FontWeightType[keyof typeof FontWeightType];
+export declare const FontFamilyType: {
+    readonly Default: "font-family";
+};
+export type FontFamilyType = typeof FontFamilyType[keyof typeof FontFamilyType];
+export declare const LineHeightType: {
+    readonly Default: "line-height";
+};
+export type LineHeightType = typeof LineHeightType[keyof typeof LineHeightType];
+export declare const PaddingType: {
+    readonly Default: "padding";
+    readonly Normal: "padding-normal";
+    readonly ExtraSmall: "padding-extra-small";
+    readonly Small: "padding-small";
+    readonly Large: "padding-large";
+    readonly ExtraLarge: "padding-extra-large";
+};
+export type PaddingType = typeof PaddingType[keyof typeof PaddingType];
 export type FullPaddingType = PaddingType | string;
-export declare enum MarginType {
-    Default = "margin",
-    Normal = "margin-normal",
-    ExtraSmall = "margin-extra-small",
-    Small = "margin-small",
-    Large = "margin-large",
-    ExtraLarge = "margin-extra-large"
-}
+export declare const MarginType: {
+    readonly Default: "margin";
+    readonly Normal: "margin-normal";
+    readonly ExtraSmall: "margin-extra-small";
+    readonly Small: "margin-small";
+    readonly Large: "margin-large";
+    readonly ExtraLarge: "margin-extra-large";
+};
+export type MarginType = typeof MarginType[keyof typeof MarginType];
 export type FullMarginType = MarginType | string;
-export declare enum GapType {
-    Default = "gap",
-    Normal = "gap-normal",
-    ExtraSmall = "gap-extra-small",
-    Small = "gap-small",
-    Large = "gap-large",
-    ExtraLarge = "gap-extra-large"
-}
+export declare const GapType: {
+    readonly Default: "gap";
+    readonly Normal: "gap-normal";
+    readonly ExtraSmall: "gap-extra-small";
+    readonly Small: "gap-small";
+    readonly Large: "gap-large";
+    readonly ExtraLarge: "gap-extra-large";
+};
+export type GapType = typeof GapType[keyof typeof GapType];
 export type FullGapType = GapType | Property.Gap;
-export declare enum LetterSpacingType {
-    Default = "letter-spacing"
-}
-export declare enum BorderRadiusType {
-    Default = "border-radius",
-    Normal = "border-radius-normal",
-    ExtraSmall = "border-radius-extra-small",
-    Small = "border-radius-small",
-    Large = "border-radius-large",
-    ExtraLarge = "border-radius-extra-large",
-    Max = "border-radius-max"
-}
+export declare const LetterSpacingType: {
+    readonly Default: "letter-spacing";
+};
+export type LetterSpacingType = typeof LetterSpacingType[keyof typeof LetterSpacingType];
+export declare const BorderRadiusType: {
+    readonly Default: "border-radius";
+    readonly Normal: "border-radius-normal";
+    readonly ExtraSmall: "border-radius-extra-small";
+    readonly Small: "border-radius-small";
+    readonly Large: "border-radius-large";
+    readonly ExtraLarge: "border-radius-extra-large";
+    readonly Max: "border-radius-max";
+};
+export type BorderRadiusType = typeof BorderRadiusType[keyof typeof BorderRadiusType];
 export type FullBorderRadiusType = BorderRadiusType | string;
-export declare enum BorderStyleType {
-    None = "border-style-none",
-    Solid = "border-style-solid",
-    Dashed = "border-style-dashed",
-    Dotted = "border-style-dotted",
-    Double = "border-style-double",
-    Groove = "border-style-groove",
-    Ridge = "border-style-ridge",
-    Inset = "border-style-inset",
-    Outset = "border-style-outset",
-    Hidden = "border-style-hidden"
-}
+export declare const BorderStyleType: {
+    readonly None: "border-style-none";
+    readonly Solid: "border-style-solid";
+    readonly Dashed: "border-style-dashed";
+    readonly Dotted: "border-style-dotted";
+    readonly Double: "border-style-double";
+    readonly Groove: "border-style-groove";
+    readonly Ridge: "border-style-ridge";
+    readonly Inset: "border-style-inset";
+    readonly Outset: "border-style-outset";
+    readonly Hidden: "border-style-hidden";
+};
+export type BorderStyleType = typeof BorderStyleType[keyof typeof BorderStyleType];
 export type FullBorderStyleType = BorderStyleType | string;
-export declare enum BorderWidthType {
-    Default = "border-width",
-    Normal = "border-width-normal",
-    ExtraSmall = "border-width-extra-small",
-    Small = "border-width-small",
-    Large = "border-width-large",
-    ExtraLarge = "border-width-extra-large"
-}
+export declare const BorderWidthType: {
+    readonly Default: "border-width";
+    readonly Normal: "border-width-normal";
+    readonly ExtraSmall: "border-width-extra-small";
+    readonly Small: "border-width-small";
+    readonly Large: "border-width-large";
+    readonly ExtraLarge: "border-width-extra-large";
+};
+export type BorderWidthType = typeof BorderWidthType[keyof typeof BorderWidthType];
 export type FullBorderWidthType = BorderWidthType | string;
-export declare enum VisibilityType {
-    Visible = "visibility-visible",
-    Hidden = "visibility-hidden",
-    Collapse = "visibility-collapse"
-}
+export declare const VisibilityType: {
+    readonly Visible: "visibility-visible";
+    readonly Hidden: "visibility-hidden";
+    readonly Collapse: "visibility-collapse";
+};
+export type VisibilityType = typeof VisibilityType[keyof typeof VisibilityType];
 export type FullVisibilityType = VisibilityType | string;
-export declare enum DisplayType {
-    None = "display-none",
-    Block = "display-block",
-    Inline = "display-inline",
-    InlineBlock = "display-inline-block",
-    Flex = "display-flex",
-    InlineFlex = "display-inline-flex",
-    Grid = "display-grid",
-    InlineGrid = "display-inline-grid",
-    Table = "display-table",
-    TableRow = "display-table-row",
-    TableCell = "display-table-cell",
-    Contents = "display-contents",
-    FlowRoot = "display-flow-root"
-}
+export declare const DisplayType: {
+    readonly None: "display-none";
+    readonly Block: "display-block";
+    readonly Inline: "display-inline";
+    readonly InlineBlock: "display-inline-block";
+    readonly Flex: "display-flex";
+    readonly InlineFlex: "display-inline-flex";
+    readonly Grid: "display-grid";
+    readonly InlineGrid: "display-inline-grid";
+    readonly Table: "display-table";
+    readonly TableRow: "display-table-row";
+    readonly TableCell: "display-table-cell";
+    readonly Contents: "display-contents";
+    readonly FlowRoot: "display-flow-root";
+};
+export type DisplayType = typeof DisplayType[keyof typeof DisplayType];
 export type FullDisplayType = DisplayType | string;
-export declare enum CursorType {
-    Auto = "cursor-auto",
-    Default = "cursor-default",
-    None = "cursor-none",
-    ContextMenu = "cursor-context-menu",
-    Help = "cursor-help",
-    Pointer = "cursor-pointer",
-    Progress = "cursor-progress",
-    Wait = "cursor-wait",
-    Cell = "cursor-cell",
-    Crosshair = "cursor-crosshair",
-    Text = "cursor-text",
-    VerticalText = "cursor-vertical-text",
-    Alias = "cursor-alias",
-    Copy = "cursor-copy",
-    Move = "cursor-move",
-    NoDrop = "cursor-no-drop",
-    NotAllowed = "cursor-not-allowed",
-    Grab = "cursor-grab",
-    Grabbing = "cursor-grabbing",
-    AllScroll = "cursor-all-scroll",
-    ColResize = "cursor-col-resize",
-    RowResize = "cursor-row-resize",
-    NResize = "cursor-n-resize",
-    EResize = "cursor-e-resize",
-    SResize = "cursor-s-resize",
-    WResize = "cursor-w-resize",
-    NeResize = "cursor-ne-resize",
-    NwResize = "cursor-nw-resize",
-    SeResize = "cursor-se-resize",
-    SwResize = "cursor-sw-resize",
-    EwResize = "cursor-ew-resize",
-    NsResize = "cursor-ns-resize",
-    NeswResize = "cursor-nesw-resize",
-    NwseResize = "cursor-nwse-resize",
-    ZoomIn = "cursor-zoom-in",
-    ZoomOut = "cursor-zoom-out"
-}
+export declare const CursorType: {
+    readonly Auto: "cursor-auto";
+    readonly Default: "cursor-default";
+    readonly None: "cursor-none";
+    readonly ContextMenu: "cursor-context-menu";
+    readonly Help: "cursor-help";
+    readonly Pointer: "cursor-pointer";
+    readonly Progress: "cursor-progress";
+    readonly Wait: "cursor-wait";
+    readonly Cell: "cursor-cell";
+    readonly Crosshair: "cursor-crosshair";
+    readonly Text: "cursor-text";
+    readonly VerticalText: "cursor-vertical-text";
+    readonly Alias: "cursor-alias";
+    readonly Copy: "cursor-copy";
+    readonly Move: "cursor-move";
+    readonly NoDrop: "cursor-no-drop";
+    readonly NotAllowed: "cursor-not-allowed";
+    readonly Grab: "cursor-grab";
+    readonly Grabbing: "cursor-grabbing";
+    readonly AllScroll: "cursor-all-scroll";
+    readonly ColResize: "cursor-col-resize";
+    readonly RowResize: "cursor-row-resize";
+    readonly NResize: "cursor-n-resize";
+    readonly EResize: "cursor-e-resize";
+    readonly SResize: "cursor-s-resize";
+    readonly WResize: "cursor-w-resize";
+    readonly NeResize: "cursor-ne-resize";
+    readonly NwResize: "cursor-nw-resize";
+    readonly SeResize: "cursor-se-resize";
+    readonly SwResize: "cursor-sw-resize";
+    readonly EwResize: "cursor-ew-resize";
+    readonly NsResize: "cursor-ns-resize";
+    readonly NeswResize: "cursor-nesw-resize";
+    readonly NwseResize: "cursor-nwse-resize";
+    readonly ZoomIn: "cursor-zoom-in";
+    readonly ZoomOut: "cursor-zoom-out";
+};
+export type CursorType = typeof CursorType[keyof typeof CursorType];
 export type FullCursorType = CursorType | string;
-export declare enum OverflowType {
-    Visible = "overflow-visible",
-    Hidden = "overflow-hidden",
-    Scroll = "overflow-scroll",
-    Auto = "overflow-auto",
-    Clip = "overflow-clip"
-}
+export declare const OverflowType: {
+    readonly Visible: "overflow-visible";
+    readonly Hidden: "overflow-hidden";
+    readonly Scroll: "overflow-scroll";
+    readonly Auto: "overflow-auto";
+    readonly Clip: "overflow-clip";
+};
+export type OverflowType = typeof OverflowType[keyof typeof OverflowType];
 export type FullOverflowType = OverflowType | string;
-export declare enum OverflowXType {
-    Visible = "overflow-x-visible",
-    Hidden = "overflow-x-hidden",
-    Scroll = "overflow-x-scroll",
-    Auto = "overflow-x-auto",
-    Clip = "overflow-x-clip"
-}
+export declare const OverflowXType: {
+    readonly Visible: "overflow-x-visible";
+    readonly Hidden: "overflow-x-hidden";
+    readonly Scroll: "overflow-x-scroll";
+    readonly Auto: "overflow-x-auto";
+    readonly Clip: "overflow-x-clip";
+};
+export type OverflowXType = typeof OverflowXType[keyof typeof OverflowXType];
 export type FullOverflowXType = OverflowXType | string;
-export declare enum OverflowYType {
-    Visible = "overflow-y-visible",
-    Hidden = "overflow-y-hidden",
-    Scroll = "overflow-y-scroll",
-    Auto = "overflow-y-auto",
-    Clip = "overflow-y-clip"
-}
+export declare const OverflowYType: {
+    readonly Visible: "overflow-y-visible";
+    readonly Hidden: "overflow-y-hidden";
+    readonly Scroll: "overflow-y-scroll";
+    readonly Auto: "overflow-y-auto";
+    readonly Clip: "overflow-y-clip";
+};
+export type OverflowYType = typeof OverflowYType[keyof typeof OverflowYType];
 export type FullOverflowYType = OverflowYType | string;
-export declare enum OpacityType {
-    _0 = "opacity-0",
-    _10 = "opacity-10",
-    _20 = "opacity-20",
-    _25 = "opacity-25",
-    _30 = "opacity-30",
-    _40 = "opacity-40",
-    _50 = "opacity-50",
-    _60 = "opacity-60",
-    _70 = "opacity-70",
-    _75 = "opacity-75",
-    _80 = "opacity-80",
-    _90 = "opacity-90",
-    _100 = "opacity-100"
-}
-export declare enum ViewSizeType {
-    Ellipse = "v-ellipse-size",
-    Rectangle = "v-rectangle-size",
-    Image = "v-image-size",
-    Svg = "v-svg-size",
-    Window = "v-window-size"
-}
+export declare const OpacityType: {
+    readonly _0: "opacity-0";
+    readonly _10: "opacity-10";
+    readonly _20: "opacity-20";
+    readonly _25: "opacity-25";
+    readonly _30: "opacity-30";
+    readonly _40: "opacity-40";
+    readonly _50: "opacity-50";
+    readonly _60: "opacity-60";
+    readonly _70: "opacity-70";
+    readonly _75: "opacity-75";
+    readonly _80: "opacity-80";
+    readonly _90: "opacity-90";
+    readonly _100: "opacity-100";
+};
+export type OpacityType = typeof OpacityType[keyof typeof OpacityType];
+export declare const ViewSizeType: {
+    readonly Ellipse: "v-ellipse-size";
+    readonly Rectangle: "v-rectangle-size";
+    readonly Image: "v-image-size";
+    readonly Svg: "v-svg-size";
+    readonly Window: "v-window-size";
+};
+export type ViewSizeType = typeof ViewSizeType[keyof typeof ViewSizeType];
 export declare const getWeightValue: (weightType: FontWeightType) => number;
 export type FullFontSizeType = FontSizeType | string;
-export declare enum FontSizeType {
-    Default = "font-size",
-    Normal = "font-size-normal",
-    Small = "font-size-small",
-    ExtraSmall = "font-size-extra-small",
-    Large = "font-size-large",
-    ExtraLarge = "font-size-extra-large",
-    AutoNormal = "auto-font-size-normal",
-    AutoSmall = "auto-font-size-small",
-    AutoExtraSmall = "auto-font-size-extra-small",
-    AutoLarge = "auto-font-size-large",
-    AutoExtraLarge = "auto-font-size-extra-large"
-}
+export declare const FontSizeType: {
+    readonly Default: "font-size";
+    readonly Normal: "font-size-normal";
+    readonly Small: "font-size-small";
+    readonly ExtraSmall: "font-size-extra-small";
+    readonly Large: "font-size-large";
+    readonly ExtraLarge: "font-size-extra-large";
+    readonly AutoNormal: "auto-font-size-normal";
+    readonly AutoSmall: "auto-font-size-small";
+    readonly AutoExtraSmall: "auto-font-size-extra-small";
+    readonly AutoLarge: "auto-font-size-large";
+    readonly AutoExtraLarge: "auto-font-size-extra-large";
+};
+export type FontSizeType = typeof FontSizeType[keyof typeof FontSizeType];
 export type FullColorType = ColorType | string;
-export declare enum PseudoType {
-    All = "all",
-    Before = "before",
-    After = "after"
-}
-export declare enum DirectionType {
-    All = "all",
-    Top = "top",
-    Right = "right",
-    Bottom = "bottom",
-    Left = "left",
-    ExceptTop = "except-top",
-    ExceptRight = "except-right",
-    ExceptBottom = "except-bottom",
-    ExceptLeft = "except-left",
-    RightTop = "right-top",
-    RightBottom = "right-bottom",
-    LeftTop = "left-top",
-    LeftBottom = "left-bottom",
-    TopBottom = "top-bottom",
-    LeftRight = "left-right"
-}
+export declare const PseudoType: {
+    readonly All: "all";
+    readonly Before: "before";
+    readonly After: "after";
+};
+export type PseudoType = typeof PseudoType[keyof typeof PseudoType];
+export declare const DirectionType: {
+    readonly All: "all";
+    readonly Top: "top";
+    readonly Right: "right";
+    readonly Bottom: "bottom";
+    readonly Left: "left";
+    readonly ExceptTop: "except-top";
+    readonly ExceptRight: "except-right";
+    readonly ExceptBottom: "except-bottom";
+    readonly ExceptLeft: "except-left";
+    readonly RightTop: "right-top";
+    readonly RightBottom: "right-bottom";
+    readonly LeftTop: "left-top";
+    readonly LeftBottom: "left-bottom";
+    readonly TopBottom: "top-bottom";
+    readonly LeftRight: "left-right";
+};
+export type DirectionType = typeof DirectionType[keyof typeof DirectionType];
 export declare const getGeneratedClassName: (className: string, isDefaultValue: boolean | undefined, sizeType?: FullFontSizeType, isAutoSize?: boolean, weightType?: FontWeightType, frontColorType?: FullColorType, backgroundColorType?: FullColorType, borderColorType?: FullColorType, borderDirection?: DirectionType, pseudoType?: PseudoType, pseudoFrontColor?: FullColorType, pseudoBackgroundColor?: FullColorType, pseudoBorderColor?: FullColorType, pseudoBorderDirection?: DirectionType, borderRadius?: FullBorderRadiusType, borderStyle?: FullBorderStyleType, borderWidth?: FullBorderWidthType, padding?: FullPaddingType, margin?: FullMarginType, opacityType?: OpacityType, display?: FullDisplayType, visibility?: FullVisibilityType, cursor?: FullCursorType, overflow?: FullOverflowType, overflowX?: FullOverflowXType, overflowY?: FullOverflowYType) => string;

package/src/components/Layout/Breakpoint/index.d.ts

@@ -1,21 +1,24 @@
 import { IBaseProps } from '../../Engine/Base';
-export declare enum ScreenSizeType {
-    ExtraSmall = "extra-small",
-    Small = "small",
-    Medium = "medium",
-    Large = "large",
-    ExtraLarge = "extra-large",
-    ExtraExtraLarge = "extra-extra-large"
-}
-export declare enum BreakpointCategory {
-    Visible = "visiable",
-    Hidden = "hidden"
-}
-export declare enum BreakpointType {
-    Only = "only",
-    Up = "up",
-    Down = "down"
-}
+export declare const ScreenSizeType: {
+    readonly ExtraSmall: "extra-small";
+    readonly Small: "small";
+    readonly Medium: "medium";
+    readonly Large: "large";
+    readonly ExtraLarge: "extra-large";
+    readonly ExtraExtraLarge: "extra-extra-large";
+};
+export type ScreenSizeType = typeof ScreenSizeType[keyof typeof ScreenSizeType];
+export declare const BreakpointCategory: {
+    readonly Visible: "visiable";
+    readonly Hidden: "hidden";
+};
+export type BreakpointCategory = typeof BreakpointCategory[keyof typeof BreakpointCategory];
+export declare const BreakpointType: {
+    readonly Only: "only";
+    readonly Up: "up";
+    readonly Down: "down";
+};
+export type BreakpointType = typeof BreakpointType[keyof typeof BreakpointType];
 export interface IBreakpointDisplayProps extends IBaseProps {
     category: BreakpointCategory;
     type?: BreakpointType;