@kubit-ui-web/react-components 1.13.2 → 1.15.0

package/dist/cjs/provider/utils/types.d.ts

@@ -0,0 +1,58 @@
+import { FormatMonthOptionType, FormatWeekdayOptionType } from '../../types';
+export interface DateFormatOptions {
+    weekday?: FormatWeekdayOptionType;
+    year?: '2-digit' | 'numeric';
+    month?: FormatMonthOptionType;
+    day?: '2-digit' | 'numeric';
+    hour?: '2-digit' | 'numeric';
+    minute?: '2-digit' | 'numeric';
+    second?: '2-digit' | 'numeric';
+    timeZoneName?: 'short' | 'long';
+    hour12?: boolean;
+    hourCycle?: 'h12' | 'h23' | 'h11' | 'h24';
+}
+export declare enum FORMAT_DATE {
+    d = "d",
+    dd = "dd",
+    ddd = "ddd",
+    dddd = "dddd",
+    t = "t",
+    tt = "tt",
+    ttt = "ttt",
+    tttt = "tttt",
+    T = "T",
+    TT = "TT",
+    TTT = "TTT",
+    TTTT = "TTTT",
+    f = "f",
+    ff = "ff",
+    fff = "fff",
+    ffff = "ffff",
+    F = "F",
+    FF = "FF",
+    FFF = "FFF",
+    FFFF = "FFFF"
+}
+export interface DateDefaultConfig {
+    [FORMAT_DATE.d]: DateFormatOptions;
+    [FORMAT_DATE.dd]: DateFormatOptions;
+    [FORMAT_DATE.ddd]: DateFormatOptions;
+    [FORMAT_DATE.dddd]: DateFormatOptions;
+    [FORMAT_DATE.t]: DateFormatOptions;
+    [FORMAT_DATE.tt]: DateFormatOptions;
+    [FORMAT_DATE.ttt]: DateFormatOptions;
+    [FORMAT_DATE.tttt]: DateFormatOptions;
+    [FORMAT_DATE.T]: DateFormatOptions;
+    [FORMAT_DATE.TT]: DateFormatOptions;
+    [FORMAT_DATE.TTT]: DateFormatOptions;
+    [FORMAT_DATE.TTTT]: DateFormatOptions;
+    [FORMAT_DATE.f]: DateFormatOptions;
+    [FORMAT_DATE.ff]: DateFormatOptions;
+    [FORMAT_DATE.fff]: DateFormatOptions;
+    [FORMAT_DATE.ffff]: DateFormatOptions;
+    [FORMAT_DATE.F]: DateFormatOptions;
+    [FORMAT_DATE.FF]: DateFormatOptions;
+    [FORMAT_DATE.FFF]: DateFormatOptions;
+    [FORMAT_DATE.FFFF]: DateFormatOptions;
+    [key: string]: DateFormatOptions;
+}

package/dist/cjs/provider/validations/index.d.ts

@@ -0,0 +1,2 @@
+export * from './validations.type';
+export * from './validationsProvider';

package/dist/cjs/provider/validations/validations.type.d.ts

@@ -0,0 +1,16 @@
+export interface IRegex {
+    [key: string]: string | ((value: string) => boolean);
+}
+export interface IRegexCountry {
+    [key: string]: IRegex | string;
+}
+export type ValidationsType = {
+    country?: string;
+    regex?: IRegex | IRegexCountry;
+};
+export interface IValidationsProvider {
+    value: ValidationsType;
+}
+export interface IUseValidations {
+    validationValue: (key: string, value: string) => boolean;
+}

package/dist/cjs/provider/validations/validationsProvider.d.ts

@@ -0,0 +1,5 @@
+import React, { PropsWithChildren } from 'react';
+import { IUseValidations, IValidationsProvider, ValidationsType } from './validations.type';
+export declare const ValidationsContext: React.Context<ValidationsType | null>;
+export declare const ValidationsProvider: ({ children, value, }: PropsWithChildren<IValidationsProvider>) => JSX.Element;
+export declare const useValidations: () => IUseValidations;

package/dist/cjs/styles/index.d.ts

@@ -0,0 +1 @@
+export * from './mixins';

package/dist/cjs/styles/mixins/focusAlt.mixin.d.ts

@@ -0,0 +1,2 @@
+import { CSSProp } from 'styled-components';
+export declare const focusVisibleAlt: () => CSSProp;

package/dist/cjs/styles/mixins/index.d.ts

@@ -0,0 +1,5 @@
+export * from './overflow.mixin';
+export * from './srOnly.mixin';
+export { focusVisibleAlt } from './focusAlt.mixin';
+export * from './input.mixin';
+export { viewportHeight } from './viewportHeight.mixin';

package/dist/cjs/styles/mixins/input.mixin.d.ts

@@ -0,0 +1,17 @@
+import { CSSProp } from 'styled-components';
+import { InputBasicStateProps, InputIconPosition } from '../../components/input/types';
+import { InputStyledProps, LabelStyledProps } from '../../components/input/types/inputStyledPropsType';
+export declare const getLeft: (styles?: InputBasicStateProps) => string;
+export declare const mapLabelTypeStyles: (props: LabelStyledProps) => CSSProp;
+export declare const mapBaseStyles: ({ state, labelType, placeholder, styles, }: InputStyledProps) => CSSProp;
+export declare const getIconPaddingDeprecated: (position?: InputIconPosition, styles?: InputBasicStateProps) => CSSProp;
+export declare const getIconPadding: (leftIcon?: boolean, rightIcon?: boolean, styles?: InputBasicStateProps) => CSSProp | undefined;
+export declare const mapVariableStyles: (styles?: InputBasicStateProps) => CSSProp;
+export declare const innerLeftContentPosition: () => CSSProp;
+export declare const innerRightContentPosition: () => CSSProp;
+export declare const helpMessageMargin: (marginLeft: number) => CSSProp;
+export declare const labelInTopStyles: (marginLeft: number, inputWidth: number) => CSSProp;
+export declare const contentTopMargin: (marginRight: number) => CSSProp;
+export declare const contentBottomMargin: (marginLeft: number, marginRight: number) => CSSProp;
+export declare const inputPadding: (marginLeft: number, marginRight: number) => CSSProp;
+export declare const inputFocusWidthMixin: import("styled-components").RuleSet<object>;

package/dist/cjs/styles/mixins/input.mixin.utils.d.ts

@@ -0,0 +1,5 @@
+import { CommonStyleType } from '../../types';
+export declare const getPaddingLeft: (padding?: string) => string | undefined;
+export declare const getPaddingRight: (padding?: string) => string | undefined;
+export declare const getPaddingLeftFromContainer: (container?: CommonStyleType) => string | undefined;
+export declare const getPaddingRightFromContainer: (container?: CommonStyleType) => string | undefined;

package/dist/cjs/styles/mixins/overflow.mixin.d.ts

@@ -0,0 +1 @@
+export declare const hideOverflowMixin: import("styled-components").RuleSet<object>;

package/dist/cjs/styles/mixins/srOnly.mixin.d.ts

@@ -0,0 +1 @@
+export declare const srOnlyMixin: import("styled-components").RuleSet<object>;

package/dist/cjs/styles/mixins/viewportHeight.mixin.d.ts

@@ -0,0 +1 @@
+export declare const viewportHeight: () => string;

package/dist/cjs/types/ariaLiveOption.d.ts

@@ -0,0 +1,5 @@
+export declare enum AriaLiveOptionType {
+    POLITE = "polite",
+    ASSERTIVE = "assertive",
+    OFF = "off"
+}

package/dist/cjs/types/breakpoints.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Breakpoints
+ * @description Breakpoints for responsive design
+ */
+export type BreakpointsType = {
+    ZERO: number;
+    S: number;
+    M: number;
+    L: number;
+    XL?: number;
+};
+/**
+ * Device Breakpoints
+ * @description Breakpoints for responsive design
+ * @enum {string}
+ * @readonly
+ * @property {string} MOBILE - Mobile breakpoint
+ * @property {string} TABLET - Tablet breakpoint
+ * @property {string} DESKTOP - Desktop breakpoint
+ * @property {string} LARGE_DESKTOP - Large desktop breakpoint
+ */
+export declare enum DeviceBreakpointsType {
+    MOBILE = "MOBILE",
+    TABLET = "TABLET",
+    DESKTOP = "DESKTOP",
+    LARGE_DESKTOP = "LARGE_DESKTOP"
+}

package/dist/cjs/types/customToken.d.ts

@@ -0,0 +1,15 @@
+/**
+ * CustomTokenTypes
+ * @description
+ * @template V - Variants
+ * @template S - Sizes
+ * @template E - Extra
+ * @property {V} ctv - for variants
+ * @property {S} cts - for sizes
+ * @property {E} extraCt - for extra variants or elements styles
+ */
+export type CustomTokenTypes<V = object, S = object, E = object> = {
+    ctv?: V;
+    cts?: S;
+    extraCt?: E;
+};

package/dist/cjs/types/date.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Date format for neutral date
+ * @type {string}
+ * @readonly
+ */
+export type FormatMonthOptionType = '2-digit' | 'numeric' | 'narrow' | 'short' | 'long';
+export type FormatWeekdayOptionType = 'narrow' | 'short' | 'long';
+export declare const NEUTRAL_DATE = "DDMMYYYY";

package/dist/cjs/types/index.d.ts

@@ -0,0 +1,16 @@
+export * from './breakpoints';
+export * from './mediaQueries';
+export * from './positions';
+export * from './states';
+export * from './variantStyles';
+export * from './type';
+export * from './date';
+export * from './zIndex';
+export * from './sizes';
+export * from './option';
+export * from './styles';
+export * from './customToken';
+export * from './role';
+export * from './ariaLiveOption';
+export * from './video';
+export * from './inputMode';

package/dist/cjs/types/inputMode.d.ts

@@ -0,0 +1 @@
+export type InputModeType = 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search' | undefined;

package/dist/cjs/types/inputType.d.ts

@@ -0,0 +1,24 @@
+export declare enum InputTypeType {
+    BUTTON = "button",
+    CHECKBOX = "checkbox",
+    COLOR = "color",
+    DATE = "date",
+    DATETIME_LOCAL = "datetime-local",
+    EMAIL = "email",
+    FILE = "file",
+    HIDDEN = "hidden",
+    IMAGE = "image",
+    MONTH = "month",
+    NUMBER = "number",
+    PASSWORD = "password",
+    RADIO = "radio",
+    RANGE = "range",
+    RESET = "reset",
+    SEARCH = "search",
+    SUBMIT = "submit",
+    TEL = "tel",
+    TEXT = "text",
+    TIME = "time",
+    URL = "url",
+    WEEK = "week"
+}

package/dist/cjs/types/mediaQueries.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @description
+ * Media queries for responsive design
+ * @property {string} onlyDesktop - Media query for only desktop
+ * @property {string} tabletAndDesktop - Media query for tablet and desktop
+ * @property {string} onlyTablet - Media query for only tablet
+ * @property {string} mobileAndTablet - Media query for mobile and tablet
+ * @property {string} onlyMobile - Media query for only mobile
+ * @property {object} matchMedia - Object with media queries for matchMedia
+ * @property {string} matchMedia.onlyDesktop - Media query for only desktop
+ * @property {string} matchMedia.onlyTablet - Media query for only tablet
+ * @property {string} matchMedia.onlyMobile - Media query for only mobile
+ */
+export type MediaQueriesType = {
+    onlyDesktop: string;
+    tabletAndDesktop: string;
+    onlyTablet: string;
+    mobileAndTablet: string;
+    onlyMobile: string;
+    matchMedia: {
+        onlyDesktop: string;
+        onlyTablet: string;
+        onlyMobile: string;
+    };
+};

package/dist/cjs/types/option.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @description
+ * Option type to use on inputs and selects
+ * @property {string} label - Option label
+ * @property {string} value - Option value
+ */
+export type OptionType = {
+    label: string;
+    value: string;
+};

package/dist/cjs/types/positions.d.ts

@@ -0,0 +1,39 @@
+/**
+ * @description
+ * Positions enum
+ * @enum {string}
+ */
+export declare enum POSITIONS {
+    BOTTOM = "BOTTOM",
+    BOTTOM_CENTER = "BOTTOM_CENTER",
+    BOTTOM_LEFT = "BOTTOM_LEFT",
+    BOTTOM_LEFT_FIT_CONTENT = "BOTTOM_LEFT_FIT_CONTENT",
+    BOTTOM_RIGHT = "BOTTOM_RIGHT",
+    CENTER = "CENTER",
+    LEFT = "LEFT",
+    RIGHT = "RIGHT",
+    TOP = "TOP",
+    TOP_LEFT = "TOP_LEFT",
+    TOP_RIGHT = "TOP_RIGHT",
+    TOP_CENTER = "TOP_CENTER",
+    LEFT_FIXED = "LEFT_FIXED",
+    BOTTOM_FIXED = "BOTTOM_FIXED",
+    RIGHT_FIXED = "RIGHT_FIXED",
+    BOTTOM_CENTER_FIXED = "BOTTOM_CENTER_FIXED",
+    TOP_CENTER_FIXED = "TOP_CENTER_FIXED",
+    LEFT_BOTTOM_FIXED = "LEFT_BOTTOM_FIXED",
+    BOTTOM_GAP_RIGHT = "BOTTOM_GAP_RIGHT"
+}
+/**
+ * @description
+ * Mirror positions
+ * @enum {string}
+ */
+export declare const MIRROR_POSITIONS: {
+    BOTTOM_CENTER: POSITIONS;
+    TOP_CENTER: POSITIONS;
+    LEFT: POSITIONS;
+    RIGHT: POSITIONS;
+    TOP: POSITIONS;
+    BOTTOM: POSITIONS;
+};

package/dist/cjs/types/role.d.ts

@@ -0,0 +1,91 @@
+/**
+ * @description
+ * Roles enum
+ * @enum {string}
+ */
+export declare enum ROLES {
+    ALERT = "alert",
+    ALERTDIALOG = "alertdialog",
+    APPLICATION = "application",
+    ARTICLE = "article",
+    ASSOCIATIONLIST = "associationlist",
+    ASSOCIATIONLISTITEMKEY = "associationlistitemkey",
+    ASSOCIATIONLISTITEMVALUE = "associationlistitemvalue",
+    BANNER = "banner",
+    BLOCKQUOTE = "blockquote",
+    BUTTON = "button",
+    CAPTION = "caption",
+    CELL = "cell",
+    CHECKBOX = "checkbox",
+    CODE = "code",
+    COLUMNHEADER = "columnheader",
+    COMBOBOX = "combobox",
+    COMPLEMENTARY = "complementary",
+    CONTENTINFO = "contentinfo",
+    DEFINITION = "definition",
+    DELETION = "deletion",
+    DIALOG = "dialog",
+    DIRECTORY = "directory",
+    DOCUMENT = "document",
+    EMPHASIS = "emphasis",
+    FEED = "feed",
+    FIGURE = "figure",
+    FORM = "form",
+    GRID = "grid",
+    GRIDCELL = "gridcell",
+    GROUP = "group",
+    HEADING = "heading",
+    IMG = "img",
+    INSERTION = "insertion",
+    LINK = "link",
+    LIST = "list",
+    LISTBOX = "listbox",
+    LISTITEM = "listitem",
+    LOG = "log",
+    MAIN = "main",
+    MARQUEE = "marquee",
+    MATH = "math",
+    MENU = "menu",
+    MENUBAR = "menubar",
+    MENUITEM = "menuitem",
+    MENUITEMCHECKBOX = "menuitemcheckbox",
+    MENUITEMRADIO = "menuitemradio",
+    METER = "meter",
+    NAVIGATION = "navigation",
+    NONE = "none",
+    NOTE = "note",
+    OPTION = "option",
+    PARAGRAPH = "paragraph",
+    PRESENTATION = "presentation",
+    PROGRESSBAR = "progressbar",
+    RADIO = "radio",
+    RADIOGROUP = "radiogroup",
+    REGION = "region",
+    ROW = "row",
+    ROWGROUP = "rowgroup",
+    ROWHEADER = "rowheader",
+    SCROLLBAR = "scrollbar",
+    SEARCH = "search",
+    SEARCHBOX = "searchbox",
+    SEPARATOR = "separator",
+    SLIDER = "slider",
+    SPINBUTTON = "spinbutton",
+    STATUS = "status",
+    STRONG = "strong",
+    SUBSCRIPT = "subscript",
+    SUPERSCRIPT = "superscript",
+    SWITCH = "switch",
+    TAB = "tab",
+    TABLE = "table",
+    TABLIST = "tablist",
+    TABPANEL = "tabpanel",
+    TERM = "term",
+    TEXTBOX = "textbox",
+    TIME = "time",
+    TIMER = "timer",
+    TOOLBAR = "toolbar",
+    TOOLTIP = "tooltip",
+    TREE = "tree",
+    TREEGRID = "treegrid",
+    TREEITEM = "treeitem"
+}

package/dist/cjs/types/sizes.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @description
+ * Sizes enum
+ * @enum {string}
+ */
+export declare enum SIZES {
+    EXTRA_SMALL = "EXTRA_SMALL",
+    SMALL = "SMALL",
+    MEDIUM = "MEDIUM",
+    LARGE = "LARGE",
+    EXTRA_LARGE = "EXTRA_LARGE"
+}

package/dist/cjs/types/states.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @description
+ * States enum
+ * @enum {string}
+ */
+export declare enum STATES {
+    ACTIVE = "ACTIVE",
+    COMPLETED = "COMPLETED",
+    DEFAULT = "DEFAULT",
+    DEFAULT_SELECTED = "DEFAULT_SELECTED",
+    DEFAULT_UNSELECTED = "DEFAULT_UNSELECTED",
+    DISABLED = "DISABLED",
+    DISABLED_SELECTED = "DISABLED_SELECTED",
+    DISABLED_UNSELECTED = "DISABLED_UNSELECTED",
+    ERROR = "ERROR",
+    FILLED = "FILLED",
+    FOCUS = "FOCUS",
+    HOVER = "HOVER",
+    PRESSED = "PRESSED",
+    SELECTED = "SELECTED",
+    LOADING = "LOADING",
+    SUCCESS = "SUCCESS",
+    WARNING = "WARNING",
+    VISITED = "VISITED"
+}

package/dist/cjs/types/styles/animation.d.ts

@@ -0,0 +1,7 @@
+export type AnimationType = {
+    transition?: string;
+    transition_delay?: string;
+    transition_duration?: string;
+    transition_property?: string;
+    transition_timing_function?: string;
+};

package/dist/cjs/types/styles/background.d.ts

@@ -0,0 +1,10 @@
+export type BackgroundTypes = {
+    background?: string;
+    background_color?: string;
+    background_image?: string;
+    background_position?: string;
+    background_repeat?: string;
+    background_size?: string;
+    opacity?: string;
+    accent_color?: string;
+};

package/dist/cjs/types/styles/border.d.ts

@@ -0,0 +1,32 @@
+export type BorderTypes = {
+    border?: string;
+    border_top?: string;
+    border_right?: string;
+    border_bottom?: string;
+    border_left?: string;
+    border_radius?: string;
+    border_width?: string;
+    border_left_width?: string;
+    border_right_width?: string;
+    border_top_width?: string;
+    border_bottom_width?: string;
+    border_color?: string;
+    border_left_color?: string;
+    border_right_color?: string;
+    border_top_color?: string;
+    border_bottom_color?: string;
+    border_top_left_radius?: string;
+    border_top_right_radius?: string;
+    border_bottom_left_radius?: string;
+    border_bottom_right_radius?: string;
+    border_style?: string;
+    border_left_style?: string;
+    border_top_style?: string;
+    border_right_style?: string;
+    border_bottom_style?: string;
+    outline?: string;
+    outline_style?: string;
+    outline_color?: string;
+    outline_width?: string;
+    outline_offset?: string;
+};

package/dist/cjs/types/styles/commonStyle.d.ts

@@ -0,0 +1,40 @@
+import { DeviceBreakpointsType } from '../breakpoints';
+import { AnimationType } from './animation';
+import { BackgroundTypes } from './background';
+import { BorderTypes } from './border';
+import { DisplayTypes } from './display';
+import { MarginTypes } from './margin';
+import { MeasuresTypes } from './measures';
+import { PaddingTypes } from './padding';
+import { PointerTypes } from './pointer';
+import { PositionTypes } from './position';
+import { BoxShadowTypes } from './shadow';
+import { TypographyTypes } from './typography';
+import { WordWrapTypes } from './wordWrap';
+type BreakPointsStyleType = {
+    [key in DeviceBreakpointsType]?: GenericStyleType & PseudoElementsType;
+};
+type GenericStyleType = PaddingTypes & BorderTypes & BoxShadowTypes & BackgroundTypes & MeasuresTypes & DisplayTypes & MarginTypes & PositionTypes & PointerTypes & AnimationType & WordWrapTypes;
+export type AfterOrBeforeType = {
+    content?: string;
+} & GenericStyleType;
+type PseudoElementsType = {
+    after?: AfterOrBeforeType;
+    before?: AfterOrBeforeType;
+    backdrop?: GenericStyleType;
+    placeholder?: TypographyTypes;
+    placeholderShown?: TypographyTypes;
+    notPlaceholderShown?: TypographyTypes;
+    disabled?: CommonStyleType;
+    filled?: CommonStyleType;
+    focus?: CommonStyleType;
+    focusVisible?: CommonStyleType;
+    ariaInvalid?: CommonStyleType;
+    dataTruncate?: CommonStyleType;
+    dataFilled?: CommonStyleType;
+    passwordRevealButton?: CommonStyleType;
+    webkitInnerSpinButton?: CommonStyleType;
+    webkitOuterSpinButton?: CommonStyleType;
+};
+export type CommonStyleType = GenericStyleType & BreakPointsStyleType & PseudoElementsType;
+export {};

package/dist/cjs/types/styles/display.d.ts

@@ -0,0 +1,46 @@
+export type DisplayTypes = {
+    display?: string;
+    visibility?: string;
+    overflow?: string;
+    overflow_x?: string;
+    overflow_y?: string;
+    flex?: string | number;
+    flex_direction?: string;
+    flex_wrap?: string;
+    flex_flow?: string;
+    flex_grow?: string;
+    flex_shrink?: string;
+    flex_basis?: string;
+    justify_content?: string;
+    justify_items?: string;
+    align_items?: string;
+    align_self?: string;
+    align_content?: string;
+    order?: string;
+    flex_order?: string;
+    flex_align_self?: string;
+    flex_justify_self?: string;
+    flex_align_content?: string;
+    flex_align_items?: string;
+    gap?: string;
+    row_gap?: string;
+    column_gap?: string;
+    grid?: string;
+    grid_area?: string;
+    grid_template?: string;
+    grid_template_areas?: string;
+    grid_template_rows?: string;
+    grid_template_columns?: string;
+    grid_row?: string;
+    grid_row_start?: string;
+    grid_row_end?: string;
+    grid_column?: string;
+    grid_column_start?: string;
+    grid_column_end?: string;
+    grid_gap?: string;
+    grid_row_gap?: string;
+    grid_column_gap?: string;
+    grid_auto_flow?: string;
+    grid_auto_rows?: string;
+    grid_auto_columns?: string;
+};

package/dist/cjs/types/styles/icon.d.ts

@@ -0,0 +1,9 @@
+import { DeviceBreakpointsType } from '../breakpoints';
+export type IconGenericType = {
+    color?: string;
+    width?: string;
+    height?: string;
+};
+export type IconTypes = IconGenericType & {
+    [key in DeviceBreakpointsType]?: IconGenericType;
+};

package/dist/cjs/types/styles/illustration.d.ts

@@ -0,0 +1,8 @@
+import { DeviceBreakpointsType } from '../breakpoints';
+export type IllustrationGenericType = {
+    width?: string;
+    height?: string;
+};
+export type IllustrationTypes = IllustrationGenericType & {
+    [key in DeviceBreakpointsType]?: IllustrationGenericType;
+};

package/dist/cjs/types/styles/index.d.ts

@@ -0,0 +1,28 @@
+export declare enum Styles {
+    PADDING = "padding",
+    BORDER = "border",
+    SHADOW = "shadow",
+    BACKGROUND = "background",
+    MEASURES = "measures",
+    DISPLAY = "display",
+    MARGIN = "margin",
+    POSITION = "position",
+    TYPOGRAPHY = "typography",
+    POINTER = "pointer",
+    SCROLL = "scroll"
+}
+export * from './padding';
+export * from './border';
+export * from './shadow';
+export * from './background';
+export * from './measures';
+export * from './display';
+export * from './margin';
+export * from './position';
+export * from './typography';
+export * from './icon';
+export * from './illustration';
+export * from './pointer';
+export * from './commonStyle';
+export * from './wordWrap';
+export * from './scroll';

package/dist/cjs/types/styles/margin.d.ts

@@ -0,0 +1,7 @@
+export type MarginTypes = {
+    margin?: string;
+    margin_left?: string;
+    margin_right?: string;
+    margin_top?: string;
+    margin_bottom?: string;
+};

package/dist/cjs/types/styles/measures.d.ts

@@ -0,0 +1,9 @@
+export type MeasuresTypes = {
+    box_sizing?: string;
+    width?: string;
+    min_width?: string;
+    max_width?: string;
+    height?: string;
+    min_height?: string;
+    max_height?: string;
+};