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

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

@@ -0,0 +1,7 @@
+export type PaddingTypes = {
+    padding?: string;
+    padding_left?: string;
+    padding_right?: string;
+    padding_top?: string;
+    padding_bottom?: string;
+};

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

@@ -0,0 +1,4 @@
+export type PointerTypes = {
+    cursor?: string;
+    pointer_events?: string;
+};

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

@@ -0,0 +1,12 @@
+export type PositionTypes = {
+    position?: string;
+    top?: string;
+    right?: string;
+    bottom?: string;
+    left?: string;
+    float?: string;
+    transform?: string;
+    transform_style?: string;
+    translate?: string;
+    z_index?: number;
+};

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

@@ -0,0 +1,20 @@
+export type ScrollTypes = {
+    scrollbar_width?: string;
+    scrollbar_color?: string;
+    overflow_block?: string;
+    overflow_inline?: string;
+    overflow_x?: string;
+    overflow_y?: string;
+    overflow?: string;
+    overflow_clip_margin?: string;
+    scrollbar_gutter?: string;
+    scroll_behavior?: string;
+    scroll_margin?: string;
+    scroll_padding?: string;
+    scroll_snap_align?: string;
+    scroll_snap_stop?: string;
+    scroll_snap_type?: string;
+    webkit_scrollbar?: string;
+    scroll_container?: string;
+    scrollbar_aria_role?: string;
+};

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

@@ -0,0 +1,3 @@
+export type BoxShadowTypes = {
+    box_shadow?: string;
+};

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

@@ -0,0 +1,29 @@
+import { DeviceBreakpointsType } from '../breakpoints';
+import { WordWrapTypes } from './wordWrap';
+/**
+ * @property font_variant variant for the Text component
+ */
+type TypographyCustomType = {
+    font_variant?: string;
+};
+type GenericDeviceTypographyType = {
+    font_family?: string;
+    font_size?: string;
+    font_weight?: number;
+    font_style?: string;
+    line_height?: string;
+    letter_spacing?: string;
+    text_align?: string;
+    text_decoration?: string;
+    text_transform?: string;
+    text_shadow?: string;
+    text_indent?: string;
+    text_justify?: string;
+    color?: string;
+    overflow?: string;
+    filter?: string;
+} & TypographyCustomType & WordWrapTypes;
+export type TypographyTypes = GenericDeviceTypographyType & {
+    [key in DeviceBreakpointsType]?: GenericDeviceTypographyType;
+};
+export {};

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

@@ -0,0 +1,6 @@
+export type WordWrapTypes = {
+    word_break?: string;
+    word_wrap?: string;
+    white_space?: string;
+    text_overflow?: string;
+};

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

@@ -0,0 +1,70 @@
+import * as React from 'react';
+export interface IGenericComponent {
+    aria?: React.AriaAttributes;
+    id?: string;
+    role?: React.AriaRole;
+    htmlFor?: string;
+}
+export interface IInputComponent {
+    errorMessageId?: string;
+    id?: string;
+    name?: string;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    required?: boolean;
+    value?: string | number;
+}
+export type ClickableType<T> = {
+    onClick?: React.MouseEventHandler<T>;
+};
+export type HoverableType<T> = {
+    onMouseEnter?: React.MouseEventHandler<T>;
+    onMouseLeave?: React.MouseEventHandler<T>;
+};
+export type AriaType = React.AriaAttributes;
+export type JSONType = string | number | boolean | null | undefined | JSONType[] | {
+    [key: string]: JSONType;
+};
+export type CursorType = {
+    start: number;
+    end: number;
+};
+export type EventKeyPressRefType = {
+    cursor: CursorType;
+    key: string;
+};
+export type InputWrapperProps = {
+    children: React.ReactNode;
+};
+export type ArgTypesReturn = {
+    [key: string]: {
+        description?: string;
+        options?: (string | null | undefined | JSX.Element)[];
+        defaultValue?: string | boolean | number | object;
+        type?: {
+            name?: string;
+            required?: boolean;
+        };
+        control?: {
+            type?: string;
+            max?: number;
+            min?: number;
+            step?: number;
+            labels?: {
+                [option: string]: string | null;
+            };
+        } | boolean;
+        table?: {
+            type?: {
+                summary: string;
+                detail?: string | (string | undefined)[];
+            };
+            defaultValue?: {
+                summary: string | boolean | number | object | null;
+                detail?: string;
+            };
+            category?: string;
+            disable?: boolean;
+        };
+    };
+};

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

@@ -0,0 +1 @@
+export type VariantStyles<S extends Record<string, unknown>> = S[string];

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

@@ -0,0 +1,12 @@
+export declare enum VideoType {
+    MP4 = "video/mp4",
+    WEBM = "video/webm",
+    OGG = "video/ogg"
+}
+export declare enum TrackKindType {
+    CAPTIONS = "captions",
+    CHAPTERS = "chapters",
+    DESCRIPTIONS = "descriptions",
+    METADATA = "metadata",
+    SUBTITLES = "subtitles"
+}

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

@@ -0,0 +1,14 @@
+export type ZIndexType = {
+    AUTO: string;
+    INTERN_1: number;
+    INTERN_2: number;
+    INTERN_3: number;
+    STICKY: number;
+    POPUP: number;
+    FLOATING: number;
+    OVERLAY: number;
+    MODAL: number;
+    SPINNER: number;
+    TOAST: number;
+    TOP_OF_THE_WORLD: number;
+};

package/dist/cjs/utils/aria/aria.d.ts

@@ -0,0 +1 @@
+export declare const pickAriaProps: (props: Record<string, any>) => Record<string, string>;

package/dist/cjs/utils/breakpointStyles/breakpointStyles.d.ts

@@ -0,0 +1,2 @@
+import { CSSProp } from 'styled-components';
+export declare const addBreakpointStyles: (mediaQuery: string, stylesObj: object) => CSSProp | string;

package/dist/cjs/utils/buildPropsDecorativeElement/buildPropsDecorativeElement.d.ts

@@ -0,0 +1,2 @@
+import { DecorativePropsType } from '../../components/decorativeElement/types';
+export declare const buildPropsDecorativeElement: <T, S = undefined>(element?: DecorativePropsType, styles?: T, extraStyles?: S) => DecorativePropsType;

package/dist/cjs/utils/changeCssProperty/changeCssProperty.d.ts

@@ -0,0 +1,5 @@
+export interface CssProperty {
+    cssPropertyName: string;
+    cssPropertyValue: string;
+}
+export declare const changeCssProperty: (element: HTMLElement, cssProperties: CssProperty[]) => void;

package/dist/cjs/utils/cursorUtility/cursor.utility.d.ts

@@ -0,0 +1,2 @@
+import { CursorType } from '../../types/type';
+export declare const getPosition: (key: string, value: string | number, cursor: CursorType, position?: number) => number;

package/dist/cjs/utils/date/constants/common.constant.d.ts

@@ -0,0 +1 @@
+export declare const FORMATTING_TOKENS: RegExp;

package/dist/cjs/utils/date/constants/format.constant.d.ts

@@ -0,0 +1,3 @@
+import { DateDefaultConfig } from '../types/format.types';
+export declare const NUMERIC = "numeric", SHORT = "short", LONG = "long", TWO_DIGIT = "2-digit";
+export declare const MACRO_TOKEN_TO_FORMAT_OPTS: DateDefaultConfig;

package/dist/cjs/utils/date/constants/index.d.ts

@@ -0,0 +1,3 @@
+export { MACRO_TOKEN_TO_FORMAT_OPTS, NUMERIC, TWO_DIGIT, LONG, SHORT } from './format.constant';
+export { EXPRESSIONS } from './parser.constant';
+export { FORMATTING_TOKENS } from './common.constant';

package/dist/cjs/utils/date/constants/parser.constant.d.ts

@@ -0,0 +1,2 @@
+import { ExpressionType } from '../types';
+export declare const EXPRESSIONS: ExpressionType;

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

@@ -0,0 +1,11 @@
+export declare const isAfter: (date1: Date, date2: Date) => boolean;
+export declare const isBefore: (date1: Date, date2: Date) => boolean;
+export declare const isDatesEqual: (firstDate: Date | string | number, secondDate: Date | string | number, shouldCompareTime?: boolean) => boolean;
+export declare const getAddDays: (date: Date, days: number) => Date;
+export declare const getAddMonths: (date: Date, months: number) => Date;
+export declare const getAddYears: (date: Date, years: number) => Date;
+export declare const getSubDays: (date: Date, days: number) => Date;
+export declare const getSubMonths: (date: Date, months: number) => Date;
+export declare const getSubYears: (date: Date, years: number) => Date;
+export declare const getAllMonthNames: (type?: "long" | "short" | "narrow") => string[];
+export declare const getAllWeekdayNames: (type: ("long" | "short" | "narrow") | undefined, isSundayFirst: boolean) => string[];

package/dist/cjs/utils/date/formatDate.d.ts

@@ -0,0 +1,3 @@
+import { DateFormatOptions, FORMAT_DATE } from './types/format.types';
+export declare const formatDate: (date: Date, format: DateFormatOptions | FORMAT_DATE | string) => string;
+export declare const formatDateToUTC: (date: Date | string | number) => Date;

package/dist/cjs/utils/date/index.d.ts

@@ -0,0 +1,6 @@
+export * from './date';
+export * from './transformDate';
+export * from './types';
+export * from './constants';
+export * from './formatDate';
+export * from './validateDate';

package/dist/cjs/utils/date/locale.d.ts

@@ -0,0 +1,3 @@
+import { LocaleType } from './types/locale.types';
+declare const locale: LocaleType;
+export { locale };

package/dist/cjs/utils/date/transformDate.d.ts

@@ -0,0 +1 @@
+export declare const transformDate: (date: string | number, format?: string) => Date;

package/dist/cjs/utils/date/types/format.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/utils/date/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './parser.types';
+export * from './format.types';
+export * from './locale.types';

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

@@ -0,0 +1,4 @@
+export type LocaleType = {
+    setLocale: (newLocale: string) => void;
+    getLocale: () => string;
+};

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

@@ -0,0 +1,33 @@
+export type formatPartsType = (string | {
+    regex: RegExp;
+    key: string;
+    execute?: (value: string) => number;
+})[];
+export type DateType = {
+    year?: number;
+    month?: number;
+    day?: number;
+    hours?: number;
+    minutes?: number;
+    seconds?: number;
+    [key: string]: number | undefined;
+};
+export type ElementExpressionType = [RegExp, string] | [RegExp, string, (value: string) => number];
+export type ExpressionType = {
+    s: ElementExpressionType;
+    ss: ElementExpressionType;
+    m: ElementExpressionType;
+    mm: ElementExpressionType;
+    H: ElementExpressionType;
+    HH: ElementExpressionType;
+    h: ElementExpressionType;
+    hh: ElementExpressionType;
+    D: ElementExpressionType;
+    DD: ElementExpressionType;
+    M: ElementExpressionType;
+    MM: ElementExpressionType;
+    Y: ElementExpressionType;
+    YY: ElementExpressionType;
+    YYYY: ElementExpressionType;
+    [key: string]: ElementExpressionType;
+};

package/dist/cjs/utils/date/validateDate.d.ts

@@ -0,0 +1 @@
+export declare const isValidDate: (date: Date | string | number) => boolean;

package/dist/cjs/utils/focusHandlers/focusHandlers.d.ts

@@ -0,0 +1,42 @@
+export declare const getFocusableDescendants: (element: HTMLElement) => HTMLElement[] | boolean;
+/**
+ * Retrieves an array of focusable descendants within a given element.
+ *
+ * @param element - The element to search for focusable descendants.
+ * @param elementsToOmit - Optional array of elements to omit from the search.
+ * @returns An array of HTMLElements representing the focusable descendants.
+ */
+export declare const getFocusableDescendantsV2: ({ element, elementsToOmit, }: {
+    element: HTMLElement;
+    elementsToOmit?: HTMLElement[];
+}) => HTMLElement[];
+/**
+ * Find the next focusable element (without looking to children)
+ * Return true when a focusable element has been found and focused
+ * @param element
+ * @returns boolean
+ */
+export declare const focusNextFocusableElement: (element: HTMLElement) => boolean;
+/**
+ * Find the previous focusable element (without looking to children)
+ * Return true when a focusable element has been found and focused
+ * @param element
+ * @returns boolean
+ */
+export declare const focusPreviousFocusableElement: (element: HTMLElement) => boolean;
+export declare const focusElementOrFirstDescendant: (element: HTMLElement) => void;
+export declare const focusLastDescendantOrElement: (element: HTMLElement) => void;
+export declare const focusFirstDescendant: (element: HTMLElement) => void;
+/**
+ * Sets focus on the first focusable descendant of the given element.
+ *
+ * @param {Object} options - The options for focusing the first descendant.
+ * @param {HTMLElement} options.element - The element on which to set focus.
+ * @param {HTMLElement[]} [options.elementsToOmit] - An optional array of elements to omit from focus.
+ *
+ * @returns {void}
+ */
+export declare const focusFirstDescendantV2: ({ element, elementsToOmit, }: {
+    element: HTMLElement;
+    elementsToOmit?: HTMLElement[];
+}) => void;

package/dist/cjs/utils/focusHandlers/focusHandlers.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.trapFocus = exports.focusFirstDescendantV2 = exports.focusFirstDescendant = exports.focusLastDescendantOrElement = exports.focusElementOrFirstDescendant = exports.focusPreviousFocusableElement = exports.focusNextFocusableElement = exports.getFocusableDescendantsV2 = exports.getFocusableDescendants = void 0;
+exports.focusFirstDescendantV2 = exports.focusFirstDescendant = exports.focusLastDescendantOrElement = exports.focusElementOrFirstDescendant = exports.focusPreviousFocusableElement = exports.focusNextFocusableElement = exports.getFocusableDescendantsV2 = exports.getFocusableDescendants = void 0;
 const FOCUSABLE_QUERY_SELECTOR = 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]):not([tabindex="-1"]), summary, [tabindex]:not([tabindex="-1"])';
 const getFocusableDescendants = (element) => {
     const focusableNodes = Array.from(element.querySelectorAll(FOCUSABLE_QUERY_SELECTOR)).filter(node => !node.hasAttribute('aria-disabled:true') &&
@@ -17,10 +17,25 @@ exports.getFocusableDescendants = getFocusableDescendants;
  * @returns An array of HTMLElements representing the focusable descendants.
  */
 const getFocusableDescendantsV2 = ({ element, elementsToOmit, }) => {
-    const focusableNodes = Array.from(element.querySelectorAll(FOCUSABLE_QUERY_SELECTOR)).filter(node => !node.hasAttribute('aria-disabled:true') &&
-        !node.getAttribute('aria-hidden:true') &&
-        !node.hasAttribute('disabled') &&
-        !elementsToOmit?.some(elementToOmit => elementToOmit.contains(node)));
+    const focusableNodes = Array.from(element.querySelectorAll(FOCUSABLE_QUERY_SELECTOR)).filter(node => {
+        // It is not focusable if it is disabled
+        if (node.getAttribute('aria-disabled') === 'true' || node.hasAttribute('disabled')) {
+            return false;
+        }
+        // It is not focusable if it is aria-hidden
+        if (node.getAttribute('aria-hidden') === 'true') {
+            return false;
+        }
+        // It is not focusable if it is inside elements to omit
+        if (elementsToOmit?.some(elementToOmit => elementToOmit.contains(node))) {
+            return false;
+        }
+        // It is not focusable if it is not a summary element and it is inside details closed element
+        if (node.tagName !== 'SUMMARY' && node.closest('details:not([open])')) {
+            return false;
+        }
+        return true;
+    });
     return focusableNodes;
 };
 exports.getFocusableDescendantsV2 = getFocusableDescendantsV2;
@@ -156,27 +171,4 @@ const focusFirstDescendantV2 = ({ element, elementsToOmit, }) => {
     }
 };
 exports.focusFirstDescendantV2 = focusFirstDescendantV2;
-const trapFocus = (element, e) => {
-    const focusableElements = (0, exports.getFocusableDescendants)(element);
-    if (typeof focusableElements !== 'boolean' && focusableElements.length) {
-        const firstFocusableElement = focusableElements[0];
-        const lastFocusableElement = focusableElements[focusableElements.length - 1];
-        if (e.shiftKey) {
-            if (document.activeElement === firstFocusableElement) {
-                lastFocusableElement?.focus();
-                e.preventDefault();
-            }
-        }
-        else {
-            if (document.activeElement === lastFocusableElement) {
-                firstFocusableElement?.focus();
-                e.preventDefault();
-            }
-        }
-    }
-    else {
-        e.preventDefault();
-    }
-};
-exports.trapFocus = trapFocus;
 //# sourceMappingURL=focusHandlers.js.map

package/dist/cjs/utils/focusHandlers/focusHandlers.js.map

@@ -1 +1 @@
-{"version":3,"file":"focusHandlers.js","sourceRoot":"","sources":["../../../../src/utils/focusHandlers/focusHandlers.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"focusHandlers.js","sourceRoot":"","sources":["../../../../src/utils/focusHandlers/focusHandlers.ts"],"names":[],"mappings":"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"}

package/dist/cjs/utils/getSizeWindowRem/getSizeWindowRem.d.ts

@@ -0,0 +1 @@
+export declare const getSizeWindowRem: () => number;

package/dist/cjs/utils/getStyles/getStyles.d.ts

@@ -0,0 +1,139 @@
+import { CSSProp } from 'styled-components';
+import { AfterOrBeforeType, BackgroundTypes, BorderTypes, BoxShadowTypes, CommonStyleType, DisplayTypes, MarginTypes, MeasuresTypes, PaddingTypes, PointerTypes, PositionTypes, ScrollTypes, TypographyTypes, WordWrapTypes } from '../../types/styles';
+import { AnimationType } from '../../types/styles/animation';
+/**
+ * Get scroll styles.
+ * @param {ScrollTypes} prop - scroll styles
+ */
+export declare const getScrollStyles: (prop?: ScrollTypes) => CSSProp;
+/**
+ * Returns the background styles.
+ * @param {BackgroundTypes} prop - The background properties.
+ * @returns {string} - The background styles.
+ * @category styles
+ * @example
+ * getBackgroundStyles({ background: '10px' });
+ * // Returns: background: 10px;
+ */
+export declare const getBackgroundStyles: (prop?: BackgroundTypes) => CSSProp;
+/**
+ * Get border styles.
+ * @param {BorderTypes} prop - border styles
+ * @category styles
+ * @example
+ * const Component = styled.div<BorderTypes>`
+ * ${getBorderStyles}
+ * `;
+ * @returns {string} border styles
+ * ,
+ */
+export declare const getBorderStyles: (prop?: BorderTypes) => CSSProp;
+/**
+ * Get display styles.
+ * @param {DisplayTypes} prop - display styles
+ * @category styles
+ * @example
+ * const Component = styled.div<DisplayTypes>`
+ * ${getDisplayStyles}
+ * `;
+ * @returns {string} display styles
+ * ,
+ */
+export declare const getDisplayStyles: (prop?: DisplayTypes) => CSSProp;
+/**
+ * Get margin styles.
+ * @param {MarginTypes} prop - margin styles
+ * @category styles
+ * @example
+ * const Component = styled.div<MarginTypes>`
+ * ${getMarginStyles}
+ * `;
+ * @returns {string} margin styles
+ * ,
+ */
+export declare const getMarginStyles: (prop?: MarginTypes) => CSSProp;
+/**
+ * Get measures styles.
+ * @param {MeasuresType} prop - measures styles
+ * @category styles
+ * @example
+ * const Component = styled.div<MeasuresType>`
+ *  ${getMeasuresStyles}
+ * `;
+ * @returns {string} measures styles
+ * ,
+ */
+export declare const getMeasuresStyles: (prop?: MeasuresTypes) => CSSProp;
+/**
+ * Returns the padding styles.
+ * @param {PaddingTypes} prop - The padding properties.
+ * @returns {string} - The padding styles.
+ * @category styles
+ * @example
+ * getPaddingStyles({ padding: '10px' });
+ * // Returns: padding: 10px;
+ */
+export declare const getPaddingStyles: (prop?: PaddingTypes) => CSSProp;
+/**
+ * Get position styles.
+ * @param {PositionTypes} prop - position styles
+ * @category styles
+ * @example
+ * const Component = styled.div<PositionTypes>`
+ * ${getPositionStyles}
+ * `;
+ * @returns {string} position styles
+ * ,
+ */
+export declare const getPositionStyles: (prop?: PositionTypes) => CSSProp;
+/**
+ * Returns the box shadow styles.
+ * @param {BoxShadowTypes} prop - The box shadow properties.
+ * @returns {string} - The box shadow styles.
+ * @category styles
+ * @example
+ * getBoxShadowStyles({ box_shadow: '10px' });
+ * // Returns: box-shadow: 10px;
+ *
+ */
+export declare const getBoxShadowStyles: (prop?: BoxShadowTypes) => CSSProp;
+export declare const getGenericTypographyStyles: (prop?: TypographyTypes) => CSSProp;
+/**
+ * Get typography styles.
+ * @param {TypographyTypes} prop - typography styles
+ * @category styles
+ * @example
+ * const Component = styled.div<TypographyTypes>`
+ * ${getTypographyStyles}
+ * `;
+ * @returns {string} typography styles
+ * ,
+ */
+export declare const getTypographyStyles: (prop?: TypographyTypes) => CSSProp;
+/**
+ * Get pointer styles.
+ * @param {PointerTypes} prop - pointer styles
+ * @category styles
+ * @example
+ * const Component = styled.div<PointerTypes>`
+ * ${getPointerStyles}
+ * `;
+ * @returns {string} pointer styles
+ * ,
+ */
+export declare const getPointerStyles: (prop?: PointerTypes) => CSSProp;
+export declare const getWordWrapStyles: (prop?: WordWrapTypes) => CSSProp;
+export declare const getPseudoStyles: (pseudoKey: string, { content, ...styles }: AfterOrBeforeType) => CSSProp;
+export declare const getStyles: (styles?: CommonStyleType) => CSSProp;
+/**
+ * Get animation styles.
+ * @param {AnimationType} prop - animation styles
+ * @category styles
+ * @example
+ * const Component = styled.div<AnimationType>`
+ *  ${getAnimationStyles}
+ * `;
+ * @returns {string} animation styles
+ * ,
+ */
+export declare const getAnimationStyles: (prop?: AnimationType) => CSSProp;