@sendoutcards/quantum-design-ui 1.8.39-alpha.6 → 1.8.39

package/dist/src/helpers/hoc-functions/findBorderDirection.d.ts

@@ -1,5 +1,3 @@
-import { BorderWidthDirection, HOCBorderWidthKeys, HOCBorderWidth, LiteralUnion, BorderStyleDirection } from '../hoc-types/entityValueTypes';
-import { BorderStyles } from '../hoc-types/cssValueTypes';
-export declare const findBorderDirection: (property: string, value: BorderWidthDirection | BorderStyleDirection | LiteralUnion<HOCBorderWidthKeys> | LiteralUnion<BorderStyles>, entity?: HOCBorderWidth) => {
-    [key: string]: any;
-};
+import { BorderWidthDirection, HOCBorderWidthKeys, HOCBorderWidth, LiteralUnion, BorderStyleDirection } from '../hoc-types/entityValueTypes';
+import { BorderStyles } from '../hoc-types/cssValueTypes';
+export declare const findBorderDirection: (property: string, value: BorderWidthDirection | BorderStyleDirection | LiteralUnion<HOCBorderWidthKeys> | LiteralUnion<BorderStyles>, entity?: HOCBorderWidth) => {};

package/dist/src/helpers/hoc-functions/findBorderRadiusDirection.d.ts

@@ -1,4 +1,2 @@
-import { BorderRadius, HOCBorderRadius, HOCBorderRadiusKeys, LiteralUnion } from '../hoc-types/entityValueTypes';
-export declare const findBorderRadiusDirection: (value: BorderRadius | LiteralUnion<HOCBorderRadiusKeys>, entity?: HOCBorderRadius) => {
-    [key: string]: any;
-};
+import { BorderRadius, HOCBorderRadius, HOCBorderRadiusKeys, LiteralUnion } from '../hoc-types/entityValueTypes';
+export declare const findBorderRadiusDirection: (value: BorderRadius | LiteralUnion<HOCBorderRadiusKeys>, entity?: HOCBorderRadius) => {};

package/dist/src/helpers/hoc-functions/findColor.d.ts

@@ -1,4 +1,2 @@
-import { ColorSelection, HOCColors, HOCColorKeys, LiteralUnion, Responsive } from '../hoc-types/entityValueTypes';
-export declare const findColor: (property: string, value: ColorSelection | LiteralUnion<HOCColorKeys> | Responsive<LiteralUnion<HOCColorKeys>>, entity: HOCColors) => {
-    [key: string]: any;
-};
+import { ColorSelection, HOCColors, HOCColorKeys, LiteralUnion, Responsive } from '../hoc-types/entityValueTypes';
+export declare const findColor: (property: string, value: ColorSelection | LiteralUnion<HOCColorKeys> | Responsive<LiteralUnion<HOCColorKeys>>, entity: HOCColors) => {};

package/dist/src/helpers/hoc-functions/findDirection.d.ts

@@ -1,4 +1,2 @@
-import { HOCSpacing, HOCSpacingKeys, LiteralUnion, Spacing } from '../hoc-types/entityValueTypes';
-export declare const findDirection: (property: string, value: Spacing | LiteralUnion<HOCSpacingKeys>, entity?: HOCSpacing) => {
-    [key: string]: any;
-};
+import { HOCSpacing, HOCSpacingKeys, LiteralUnion, Spacing } from '../hoc-types/entityValueTypes';
+export declare const findDirection: (property: string, value: Spacing | LiteralUnion<HOCSpacingKeys>, entity?: HOCSpacing) => {};

package/dist/src/helpers/hoc-functions/generateStyles.d.ts

@@ -1,5 +1,3 @@
-import { HOCBaseProps } from '../hoc-types/hocBasePropTypes';
-import { Entities } from 'src/theme/theming/entities';
-export declare const generateStyles: (props: HOCBaseProps, entities: Entities) => {
-    [key: string]: any;
-};
+import { HOCBaseProps } from '../hoc-types/hocBasePropTypes';
+import { Entities } from "../../theme/theming/entities";
+export declare const generateStyles: (props: HOCBaseProps, entities: Entities) => {};

package/dist/src/helpers/hoc-functions/makeResponsive.d.ts

@@ -1,6 +1,6 @@
-import { HOCSpacing, HOCBorderRadius, HOCBorderWidth, HOCValues, HOCShadows, HOCPrimitive, HOCTextColors, Responsive, ColorSelection, HOCColorKeys, LiteralUnion, HOCColors } from '../hoc-types/entityValueTypes';
-import { CSSValues } from '../hoc-types/cssValueTypes';
-import { TextColor } from 'src/exports/atoms';
-export declare const makeResponsive: (property: string, value: HOCValues | CSSValues | HOCPrimitive | Responsive<HOCPrimitive> | LiteralUnion<HOCColorKeys> | TextColor | Responsive<ColorSelection>, entity?: HOCSpacing | HOCBorderRadius | HOCBorderWidth | HOCShadows | HOCTextColors | HOCColors) => {
-    [key: string]: string | Responsive<string>;
-};
+import { HOCSpacing, HOCBorderRadius, HOCBorderWidth, HOCValues, HOCShadows, HOCPrimitive, HOCTextColors, Responsive, ColorSelection, HOCColorKeys, LiteralUnion, HOCColors } from '../hoc-types/entityValueTypes';
+import { CSSValues } from '../hoc-types/cssValueTypes';
+import { TextColor } from "../../exports/atoms";
+export declare const makeResponsive: (property: string, value: HOCValues | CSSValues | HOCPrimitive | Responsive<HOCPrimitive> | LiteralUnion<HOCColorKeys> | TextColor | Responsive<ColorSelection>, entity?: HOCSpacing | HOCBorderRadius | HOCBorderWidth | HOCShadows | HOCTextColors | HOCColors) => {
+    [key: string]: string | Responsive<string>;
+};

package/dist/src/helpers/hoc-functions/makeTextResponsive.d.ts

@@ -1,3 +1,4 @@
-import { Responsive } from '../hoc-types/entityValueTypes';
-import { TextType } from 'src/atoms/typography/text';
-export declare const makeTextResponsive: (size: TextType | Responsive<TextType>, callback: (type: TextType) => JSX.Element | undefined, windowSize: number) => JSX.Element | undefined;
+/// <reference types="react" />
+import { Responsive } from '../hoc-types/entityValueTypes';
+import { TextType } from "../../atoms/typography/text";
+export declare const makeTextResponsive: (size: TextType | Responsive<TextType>, callback: (type: TextType) => JSX.Element | undefined, windowSize: number) => JSX.Element | undefined;

package/dist/src/helpers/hoc-functions/mapArrayToObject.d.ts

@@ -1,5 +1 @@
-export declare const mapArrayToObject: (input: Array<{
-    [key: string]: any;
-}>) => {
-    [key: string]: any;
-};
+export declare const mapArrayToObject: (input: any[]) => {};

package/dist/src/helpers/hoc-functions/mediaQueries.d.ts

@@ -1,14 +1,14 @@
-export type MediaQueryTypes = {
-    xSmall: string;
-    small: string;
-    medium: string;
-    large: string;
-    xLarge: string;
-};
-export declare const querySizes: {
-    small: number;
-    medium: number;
-    large: number;
-    xLarge: number;
-};
-export declare const MEDIA_QUERIES: MediaQueryTypes;
+export declare type MediaQueryTypes = {
+    xSmall: string;
+    small: string;
+    medium: string;
+    large: string;
+    xLarge: string;
+};
+export declare const querySizes: {
+    small: number;
+    medium: number;
+    large: number;
+    xLarge: number;
+};
+export declare const MEDIA_QUERIES: MediaQueryTypes;

package/dist/src/helpers/hoc-functions/typeChecks.d.ts

@@ -1,7 +1,6 @@
-import { Responsive, BorderRadiusDirection, SpacingDirection, ColorSelection } from '../hoc-types/entityValueTypes';
-import { TextType } from 'src/exports/atoms';
-export declare const isResponsiveType: <T>(valueToCheck: any) => valueToCheck is Responsive<T>;
-export declare const isBorderRadiusDirectionType: (valueToCheck: any) => valueToCheck is BorderRadiusDirection;
-export declare const isSpacingDirectionType: (valueToCheck: any) => valueToCheck is SpacingDirection;
-export declare const isColorSelectionType: (valueToCheck: any) => valueToCheck is ColorSelection;
-export declare const isTextType: (valueToCheck: any) => valueToCheck is TextType;
+import { Responsive, BorderRadiusDirection, SpacingDirection, ColorSelection } from '../hoc-types/entityValueTypes';
+export declare const isResponsiveType: <T>(valueToCheck: any) => valueToCheck is Responsive<T>;
+export declare const isBorderRadiusDirectionType: (valueToCheck: any) => valueToCheck is BorderRadiusDirection;
+export declare const isSpacingDirectionType: (valueToCheck: any) => valueToCheck is SpacingDirection;
+export declare const isColorSelectionType: (valueToCheck: any) => valueToCheck is ColorSelection;
+export declare const isTextType: (valueToCheck: any) => valueToCheck is "heroTitle" | "title" | "subtitle" | "largeBody" | "body" | "caption" | "footnote";

package/dist/src/helpers/hoc-types/cssValueTypes.d.ts

@@ -1,19 +1,19 @@
-export type BorderStyles = 'none' | 'hidden' | 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | 'initial' | 'inherit';
-export type Cursor = 'pointer' | 'auto' | 'text' | 'zoom-out' | 'zoom-in' | 'initial' | 'inherit' | 'move' | 'row-resize' | 'col-resize' | 'nesw-resize' | 'nwse-resize' | 'not-allowed';
-export type Display = 'relative' | 'absolute' | 'inline' | 'inline-block' | 'flex' | 'grid' | 'none' | 'contents' | 'inline-flex';
-export type Position = 'absolute' | 'fixed' | 'sticky' | 'relative' | 'static';
-type FlexBaseValues = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'initial' | 'inherit';
-export type CSSGridBaseValues = 'start' | 'end' | 'space-evenly' | 'center';
-export type JustifyContent = FlexBaseValues | CSSGridBaseValues;
-export type JustifyItems = 'start' | 'end' | 'center' | 'stretch';
-export type AlignContent = 'space-evenly' | 'stretch' | 'start' | 'end' | 'baseline' | 'first baseline' | 'last baseline' | 'safe' | 'unsafe' | CSSGridBaseValues | FlexBaseValues;
-export type AlignItems = AlignContent | 'self-start' | 'self-end' | CSSGridBaseValues;
-export type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
-export type FlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse';
-export type BackgroundSize = 'auto' | 'length' | 'cover' | 'contain' | 'initial' | 'inherit';
-export type BackgroundPosition = 'center' | 'left top' | 'left center' | 'left bottom' | 'right top' | 'right center' | 'right bottom' | 'center top' | 'center center' | 'center bottom';
-export type BackgroundRepeat = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat' | 'initial' | 'inherit';
-export type Overflow = 'visible' | 'auto' | 'scroll' | 'hidden';
-export type Initials = 'inherit' | 'initial';
-export type CSSValues = BorderStyles | Cursor | Display | JustifyContent | AlignContent | AlignItems | JustifyItems | FlexDirection | BackgroundSize | BackgroundPosition | BackgroundRepeat | Overflow | Position;
-export {};
+export declare type BorderStyles = 'none' | 'hidden' | 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | 'initial' | 'inherit';
+export declare type Cursor = 'pointer' | 'auto' | 'text' | 'zoom-out' | 'zoom-in' | 'initial' | 'inherit' | 'move' | 'row-resize' | 'col-resize' | 'nesw-resize' | 'nwse-resize' | 'not-allowed';
+export declare type Display = 'relative' | 'absolute' | 'inline' | 'inline-block' | 'flex' | 'grid' | 'none' | 'contents' | 'inline-flex';
+export declare type Position = 'absolute' | 'fixed' | 'sticky' | 'relative' | 'static';
+declare type FlexBaseValues = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'initial' | 'inherit';
+export declare type CSSGridBaseValues = 'start' | 'end' | 'space-evenly' | 'center';
+export declare type JustifyContent = FlexBaseValues | CSSGridBaseValues;
+export declare type JustifyItems = 'start' | 'end' | 'center' | 'stretch';
+export declare type AlignContent = 'space-evenly' | 'stretch' | 'start' | 'end' | 'baseline' | 'first baseline' | 'last baseline' | 'safe' | 'unsafe' | CSSGridBaseValues | FlexBaseValues;
+export declare type AlignItems = AlignContent | 'self-start' | 'self-end' | CSSGridBaseValues;
+export declare type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+export declare type FlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse';
+export declare type BackgroundSize = 'auto' | 'length' | 'cover' | 'contain' | 'initial' | 'inherit';
+export declare type BackgroundPosition = 'center' | 'left top' | 'left center' | 'left bottom' | 'right top' | 'right center' | 'right bottom' | 'center top' | 'center center' | 'center bottom';
+export declare type BackgroundRepeat = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat' | 'initial' | 'inherit';
+export declare type Overflow = 'visible' | 'auto' | 'scroll' | 'hidden';
+export declare type Initials = 'inherit' | 'initial';
+export declare type CSSValues = BorderStyles | Cursor | Display | JustifyContent | AlignContent | AlignItems | JustifyItems | FlexDirection | BackgroundSize | BackgroundPosition | BackgroundRepeat | Overflow | Position;
+export {};

package/dist/src/helpers/hoc-types/entityValueTypes.d.ts

@@ -1,158 +1,158 @@
-import { ColorSwatch } from '../theme-functions/computeColorSwatch';
-import { RequiredColorSwatch } from 'src/theme/theming/concepts';
-import { BorderStyles } from './cssValueTypes';
-export declare const colors: {
-    swatches: {
-        primaryBrand: Required<ColorSwatch>;
-        secondaryBrand: Required<ColorSwatch>;
-        success: Required<ColorSwatch>;
-        danger: Required<ColorSwatch>;
-        warning: Required<ColorSwatch>;
-        accent: Required<ColorSwatch>;
-        grayScale: ColorSwatch;
-        blueScale: Required<ColorSwatch>;
-        purpleScale: ColorSwatch;
-    };
-    background: string;
-    foreground: string;
-}, spacing: {
-    x0: string;
-    x_25: string;
-    x_5: string;
-    x_75: string;
-    x1: string;
-    x1_5: string;
-    x2: string;
-    x2_5: string;
-    x3: string;
-    x4: string;
-    x5: string;
-    x6: string;
-    x7: string;
-    x8: string;
-    x9: string;
-}, borderRadius: {
-    none: string;
-    small: string;
-    medium: string;
-    default: string;
-    large: string;
-    circle: string;
-}, borders: {
-    thin: string;
-    default: string;
-    bold: string;
-}, shadows: {
-    light: string;
-    mediumLight: string;
-    mediumDark: string;
-    dark: string;
-    generate: (shadow: ("dark" | "mediumDark" | "mediumLight" | "light" | "xLight") | number[], color?: string, reverseOffset?: boolean) => string;
-}, textColors: {
-    primaryBrand: string;
-    secondaryBrand: string;
-    primaryHeading: string | undefined;
-    primaryBody: string;
-    inverseHeading: string;
-    inverseBody: string;
-    accent: string;
-    success: string;
-    warning: string;
-    danger: string;
-    anchorBlue: string;
-};
-export type HOCPrimitive = string | number;
-export type HOCColors = typeof colors;
-export type HOCSwatchColors = typeof colors.swatches;
-export type HOCSpacing = typeof spacing;
-export type HOCBorderRadius = typeof borderRadius;
-export type HOCBorderWidth = typeof borders;
-export type HOCShadows = typeof shadows;
-export type HOCTextColors = typeof textColors;
-export type HOCSpacingKeys = keyof HOCSpacing;
-export type HOCBorderRadiusKeys = keyof HOCBorderRadius;
-export type HOCBorderWidthKeys = keyof HOCBorderWidth;
-export type HOCColorKeysWithSwatch = keyof HOCColors;
-export type HOCColorKeys = Exclude<HOCColorKeysWithSwatch, 'swatches'>;
-export type HOCShadowKeys = keyof HOCShadows;
-export type HOCSwatchColorKeys = keyof HOCSwatchColors;
-export type ColorSwatchKeys = keyof ColorSwatch;
-export type Responsive<T> = {
-    xSmall?: T;
-    small?: T;
-    medium?: T;
-    large?: T;
-    xLarge?: T;
-};
-export type Spacing = {
-    left?: LiteralUnion<HOCSpacingKeys> | Responsive<LiteralUnion<HOCSpacingKeys, string>>;
-    right?: LiteralUnion<HOCSpacingKeys> | Responsive<LiteralUnion<HOCSpacingKeys, string>>;
-    top?: LiteralUnion<HOCSpacingKeys> | Responsive<LiteralUnion<HOCSpacingKeys, string>>;
-    bottom?: LiteralUnion<HOCSpacingKeys> | Responsive<LiteralUnion<HOCSpacingKeys, string>>;
-    vertical?: LiteralUnion<HOCSpacingKeys> | Responsive<LiteralUnion<HOCSpacingKeys, string>>;
-    horizontal?: LiteralUnion<HOCSpacingKeys> | Responsive<LiteralUnion<HOCSpacingKeys, string>>;
-};
-export type SpacingDirection = Spacing & Responsive<HOCSpacingKeys>;
-export type BorderRadius = {
-    left?: LiteralUnion<HOCBorderRadiusKeys, string> | Responsive<LiteralUnion<HOCBorderRadiusKeys, string>>;
-    right?: LiteralUnion<HOCBorderRadiusKeys, string> | Responsive<LiteralUnion<HOCBorderRadiusKeys, string>>;
-    top?: LiteralUnion<HOCBorderRadiusKeys, string> | Responsive<LiteralUnion<HOCBorderRadiusKeys, string>>;
-    topRight?: LiteralUnion<HOCBorderRadiusKeys, string> | Responsive<LiteralUnion<HOCBorderRadiusKeys, string>>;
-    topLeft?: LiteralUnion<HOCBorderRadiusKeys, string> | Responsive<LiteralUnion<HOCBorderRadiusKeys, string>>;
-    bottom?: LiteralUnion<HOCBorderRadiusKeys, string> | Responsive<LiteralUnion<HOCBorderRadiusKeys, string>>;
-    bottomRight?: LiteralUnion<HOCBorderRadiusKeys, string> | Responsive<LiteralUnion<HOCBorderRadiusKeys, string>>;
-    bottomLeft?: LiteralUnion<HOCBorderRadiusKeys, string> | Responsive<LiteralUnion<HOCBorderRadiusKeys, string>>;
-};
-export type BorderRadiusDirection = BorderRadius & Responsive<LiteralUnion<HOCBorderRadiusKeys, string>>;
-export type BorderDirection<T> = {
-    left?: T;
-    right?: T;
-    bottom?: T;
-    top?: T;
-};
-export type BorderWidth = BorderDirection<HOCBorderWidthKeys> | BorderDirection<Responsive<HOCBorderWidthKeys>>;
-export type BorderWidthDirection = BorderWidth & Responsive<HOCBorderWidthKeys>;
-export type BorderStyleDirection = BorderDirection<BorderStyles> | BorderDirection<Responsive<BorderStyles>>;
-export type Shadows = LiteralUnion<HOCShadowKeys, string> | Responsive<LiteralUnion<HOCShadowKeys, string>>;
-export type ColorSelection = PrimaryBrandColorSelection | SecondaryBrandColorSelection | SuccessColorSelection | WarningColorSelection | DangerColorSelection | AccentColorSelection | GrayScaleColorSelection | BlueScaleColorSelection | PurpleScaleColorSelection;
-type PrimaryBrandColorSelection = {
-    swatch: 'primaryBrand';
-    shade: LiteralUnion<keyof RequiredColorSwatch>;
-};
-type SecondaryBrandColorSelection = {
-    swatch: 'secondaryBrand';
-    shade: LiteralUnion<keyof RequiredColorSwatch>;
-};
-type SuccessColorSelection = {
-    swatch: 'success';
-    shade: LiteralUnion<keyof RequiredColorSwatch>;
-};
-type WarningColorSelection = {
-    swatch: 'warning';
-    shade: LiteralUnion<keyof RequiredColorSwatch>;
-};
-type DangerColorSelection = {
-    swatch: 'danger';
-    shade: LiteralUnion<keyof RequiredColorSwatch>;
-};
-type AccentColorSelection = {
-    swatch: 'accent';
-    shade: LiteralUnion<keyof RequiredColorSwatch>;
-};
-type BlueScaleColorSelection = {
-    swatch: 'blueScale';
-    shade: LiteralUnion<keyof RequiredColorSwatch>;
-};
-type GrayScaleColorSelection = {
-    swatch: 'grayScale';
-    shade: LiteralUnion<keyof RequiredColorSwatch>;
-};
-type PurpleScaleColorSelection = {
-    swatch: 'purpleScale';
-    shade: LiteralUnion<keyof RequiredColorSwatch>;
-};
-export type LiteralUnion<T extends U, U = string> = T | (U & {
-    _?: never;
-});
-export type HOCValues = Spacing | HOCSpacingKeys | BorderRadius | HOCBorderRadiusKeys | BorderWidth | HOCBorderWidthKeys | ColorSelection | Shadows | ColorSwatch;
-export {};
+import { ColorSwatch } from '../theme-functions/computeColorSwatch';
+import { RequiredColorSwatch } from "../../theme/theming/concepts";
+import { BorderStyles } from './cssValueTypes';
+export declare const colors: {
+    swatches: {
+        primaryBrand: Required<ColorSwatch>;
+        secondaryBrand: Required<ColorSwatch>;
+        success: Required<ColorSwatch>;
+        danger: Required<ColorSwatch>;
+        warning: Required<ColorSwatch>;
+        accent: Required<ColorSwatch>;
+        grayScale: ColorSwatch;
+        blueScale: Required<ColorSwatch>;
+        purpleScale: ColorSwatch;
+    };
+    background: string;
+    foreground: string;
+}, spacing: {
+    x0: string;
+    x_25: string;
+    x_5: string;
+    x_75: string;
+    x1: string;
+    x1_5: string;
+    x2: string;
+    x2_5: string;
+    x3: string;
+    x4: string;
+    x5: string;
+    x6: string;
+    x7: string;
+    x8: string;
+    x9: string;
+}, borderRadius: {
+    none: string;
+    small: string;
+    medium: string;
+    default: string;
+    large: string;
+    circle: string;
+}, borders: {
+    thin: string;
+    default: string;
+    bold: string;
+}, shadows: {
+    light: string;
+    mediumLight: string;
+    mediumDark: string;
+    dark: string;
+    generate: (shadow: number[] | "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
+}, textColors: {
+    primaryBrand: string;
+    secondaryBrand: string;
+    primaryHeading: string | undefined;
+    primaryBody: string;
+    inverseHeading: string;
+    inverseBody: string;
+    accent: string;
+    success: string;
+    warning: string;
+    danger: string;
+    anchorBlue: string;
+};
+export declare type HOCPrimitive = string | number;
+export declare type HOCColors = typeof colors;
+export declare type HOCSwatchColors = typeof colors.swatches;
+export declare type HOCSpacing = typeof spacing;
+export declare type HOCBorderRadius = typeof borderRadius;
+export declare type HOCBorderWidth = typeof borders;
+export declare type HOCShadows = typeof shadows;
+export declare type HOCTextColors = typeof textColors;
+export declare type HOCSpacingKeys = keyof HOCSpacing;
+export declare type HOCBorderRadiusKeys = keyof HOCBorderRadius;
+export declare type HOCBorderWidthKeys = keyof HOCBorderWidth;
+export declare type HOCColorKeysWithSwatch = keyof HOCColors;
+export declare type HOCColorKeys = Exclude<HOCColorKeysWithSwatch, 'swatches'>;
+export declare type HOCShadowKeys = keyof HOCShadows;
+export declare type HOCSwatchColorKeys = keyof HOCSwatchColors;
+export declare type ColorSwatchKeys = keyof ColorSwatch;
+export declare type Responsive<T> = {
+    xSmall?: T;
+    small?: T;
+    medium?: T;
+    large?: T;
+    xLarge?: T;
+};
+export declare type Spacing = {
+    left?: LiteralUnion<HOCSpacingKeys> | Responsive<LiteralUnion<HOCSpacingKeys, string>>;
+    right?: LiteralUnion<HOCSpacingKeys> | Responsive<LiteralUnion<HOCSpacingKeys, string>>;
+    top?: LiteralUnion<HOCSpacingKeys> | Responsive<LiteralUnion<HOCSpacingKeys, string>>;
+    bottom?: LiteralUnion<HOCSpacingKeys> | Responsive<LiteralUnion<HOCSpacingKeys, string>>;
+    vertical?: LiteralUnion<HOCSpacingKeys> | Responsive<LiteralUnion<HOCSpacingKeys, string>>;
+    horizontal?: LiteralUnion<HOCSpacingKeys> | Responsive<LiteralUnion<HOCSpacingKeys, string>>;
+};
+export declare type SpacingDirection = Spacing & Responsive<HOCSpacingKeys>;
+export declare type BorderRadius = {
+    left?: LiteralUnion<HOCBorderRadiusKeys, string> | Responsive<LiteralUnion<HOCBorderRadiusKeys, string>>;
+    right?: LiteralUnion<HOCBorderRadiusKeys, string> | Responsive<LiteralUnion<HOCBorderRadiusKeys, string>>;
+    top?: LiteralUnion<HOCBorderRadiusKeys, string> | Responsive<LiteralUnion<HOCBorderRadiusKeys, string>>;
+    topRight?: LiteralUnion<HOCBorderRadiusKeys, string> | Responsive<LiteralUnion<HOCBorderRadiusKeys, string>>;
+    topLeft?: LiteralUnion<HOCBorderRadiusKeys, string> | Responsive<LiteralUnion<HOCBorderRadiusKeys, string>>;
+    bottom?: LiteralUnion<HOCBorderRadiusKeys, string> | Responsive<LiteralUnion<HOCBorderRadiusKeys, string>>;
+    bottomRight?: LiteralUnion<HOCBorderRadiusKeys, string> | Responsive<LiteralUnion<HOCBorderRadiusKeys, string>>;
+    bottomLeft?: LiteralUnion<HOCBorderRadiusKeys, string> | Responsive<LiteralUnion<HOCBorderRadiusKeys, string>>;
+};
+export declare type BorderRadiusDirection = BorderRadius & Responsive<LiteralUnion<HOCBorderRadiusKeys, string>>;
+export declare type BorderDirection<T> = {
+    left?: T;
+    right?: T;
+    bottom?: T;
+    top?: T;
+};
+export declare type BorderWidth = BorderDirection<HOCBorderWidthKeys> | BorderDirection<Responsive<HOCBorderWidthKeys>>;
+export declare type BorderWidthDirection = BorderWidth & Responsive<HOCBorderWidthKeys>;
+export declare type BorderStyleDirection = BorderDirection<BorderStyles> | BorderDirection<Responsive<BorderStyles>>;
+export declare type Shadows = LiteralUnion<HOCShadowKeys, string> | Responsive<LiteralUnion<HOCShadowKeys, string>>;
+export declare type ColorSelection = PrimaryBrandColorSelection | SecondaryBrandColorSelection | SuccessColorSelection | WarningColorSelection | DangerColorSelection | AccentColorSelection | GrayScaleColorSelection | BlueScaleColorSelection | PurpleScaleColorSelection;
+declare type PrimaryBrandColorSelection = {
+    swatch: 'primaryBrand';
+    shade: LiteralUnion<keyof RequiredColorSwatch>;
+};
+declare type SecondaryBrandColorSelection = {
+    swatch: 'secondaryBrand';
+    shade: LiteralUnion<keyof RequiredColorSwatch>;
+};
+declare type SuccessColorSelection = {
+    swatch: 'success';
+    shade: LiteralUnion<keyof RequiredColorSwatch>;
+};
+declare type WarningColorSelection = {
+    swatch: 'warning';
+    shade: LiteralUnion<keyof RequiredColorSwatch>;
+};
+declare type DangerColorSelection = {
+    swatch: 'danger';
+    shade: LiteralUnion<keyof RequiredColorSwatch>;
+};
+declare type AccentColorSelection = {
+    swatch: 'accent';
+    shade: LiteralUnion<keyof RequiredColorSwatch>;
+};
+declare type BlueScaleColorSelection = {
+    swatch: 'blueScale';
+    shade: LiteralUnion<keyof RequiredColorSwatch>;
+};
+declare type GrayScaleColorSelection = {
+    swatch: 'grayScale';
+    shade: LiteralUnion<keyof RequiredColorSwatch>;
+};
+declare type PurpleScaleColorSelection = {
+    swatch: 'purpleScale';
+    shade: LiteralUnion<keyof RequiredColorSwatch>;
+};
+export declare type LiteralUnion<T extends U, U = string> = T | (U & {
+    _?: never;
+});
+export declare type HOCValues = Spacing | HOCSpacingKeys | BorderRadius | HOCBorderRadiusKeys | BorderWidth | HOCBorderWidthKeys | ColorSelection | Shadows | ColorSwatch;
+export {};

package/dist/src/helpers/hoc-types/hocBasePropTypes.d.ts

@@ -1,54 +1,54 @@
-import { SpacingDirection, HOCSpacingKeys, BorderWidthDirection, HOCBorderWidthKeys, ColorSelection, Shadows, Responsive, LiteralUnion, HOCColorKeys, BorderStyleDirection } from './entityValueTypes';
-import { BorderStyles, Cursor, Display, JustifyContent, AlignContent, AlignItems, JustifyItems, FlexDirection, FlexWrap, BackgroundSize, BackgroundPosition, BackgroundRepeat, Overflow, Position } from './cssValueTypes';
-import { TextColor } from 'src/exports/atoms';
-import { OnMouseEvent } from 'src/types/global';
-import { BackgroundColor, BorderRadius, Width, Height } from 'src/helpers/hoc-types/hocBaseUnion';
-export type HOCBaseProps = {
-    inset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
-    outset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
-    borderRadius?: BorderRadius;
-    borderWidth?: BorderWidthDirection | HOCBorderWidthKeys;
-    borderStyle?: BorderStyleDirection | BorderStyles;
-    borderColor?: ColorSelection | LiteralUnion<HOCColorKeys>;
-    backgroundColor?: BackgroundColor;
-    color?: LiteralUnion<TextColor>;
-    boxShadow?: Shadows;
-    height?: Height;
-    width?: Width;
-    maxHeight?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
-    maxWidth?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
-    minHeight?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
-    minWidth?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
-    position?: Responsive<Position> | Position;
-    top?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys, number | string>;
-    left?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys, number | string>;
-    bottom?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys, number | string>;
-    right?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys, number | string>;
-    justifyContent?: Responsive<JustifyContent> | JustifyContent;
-    alignContent?: Responsive<AlignContent> | AlignContent;
-    alignItems?: Responsive<AlignItems> | AlignItems;
-    flexDirection?: Responsive<FlexDirection> | FlexDirection;
-    flexGrow?: Responsive<number> | number;
-    flexShrink?: Responsive<number> | number;
-    flexWrap?: Responsive<FlexWrap> | FlexWrap;
-    rowGap?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
-    columnGap?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
-    justifyItems?: Responsive<JustifyItems> | JustifyItems;
-    order?: Responsive<number> | number;
-    cursor?: Responsive<Cursor> | Cursor;
-    zIndex?: Responsive<number> | number;
-    opacity?: Responsive<number> | number;
-    display?: Responsive<Display> | Display;
-    backgroundImage?: Responsive<string> | string;
-    backgroundSize?: Responsive<BackgroundSize> | BackgroundSize;
-    backgroundPosition?: Responsive<BackgroundPosition> | BackgroundPosition;
-    backgroundRepeat?: Responsive<BackgroundRepeat> | BackgroundRepeat;
-    gradient?: Responsive<string> | string;
-    transform?: Responsive<string> | string;
-    transformOrigin?: Responsive<string> | string;
-    overflow?: Responsive<Overflow> | Overflow;
-    overflowX?: Responsive<Overflow> | Overflow;
-    overflowY?: Responsive<Overflow> | Overflow;
-    onClick?: () => void;
-    onMouseEvent?: OnMouseEvent;
-};
+import { SpacingDirection, HOCSpacingKeys, BorderWidthDirection, HOCBorderWidthKeys, ColorSelection, Shadows, Responsive, LiteralUnion, HOCColorKeys, BorderStyleDirection } from './entityValueTypes';
+import { BorderStyles, Cursor, Display, JustifyContent, AlignContent, AlignItems, JustifyItems, FlexDirection, FlexWrap, BackgroundSize, BackgroundPosition, BackgroundRepeat, Overflow, Position } from './cssValueTypes';
+import { TextColor } from "../../exports/atoms";
+import { OnMouseEvent } from "../../types/global";
+import { BackgroundColor, BorderRadius, Width, Height } from "./hocBaseUnion";
+export declare type HOCBaseProps = {
+    inset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
+    outset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
+    borderRadius?: BorderRadius;
+    borderWidth?: BorderWidthDirection | HOCBorderWidthKeys;
+    borderStyle?: BorderStyleDirection | BorderStyles;
+    borderColor?: ColorSelection | LiteralUnion<HOCColorKeys>;
+    backgroundColor?: BackgroundColor;
+    color?: LiteralUnion<TextColor>;
+    boxShadow?: Shadows;
+    height?: Height;
+    width?: Width;
+    maxHeight?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
+    maxWidth?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
+    minHeight?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
+    minWidth?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
+    position?: Responsive<Position> | Position;
+    top?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys, number | string>;
+    left?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys, number | string>;
+    bottom?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys, number | string>;
+    right?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys, number | string>;
+    justifyContent?: Responsive<JustifyContent> | JustifyContent;
+    alignContent?: Responsive<AlignContent> | AlignContent;
+    alignItems?: Responsive<AlignItems> | AlignItems;
+    flexDirection?: Responsive<FlexDirection> | FlexDirection;
+    flexGrow?: Responsive<number> | number;
+    flexShrink?: Responsive<number> | number;
+    flexWrap?: Responsive<FlexWrap> | FlexWrap;
+    rowGap?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
+    columnGap?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
+    justifyItems?: Responsive<JustifyItems> | JustifyItems;
+    order?: Responsive<number> | number;
+    cursor?: Responsive<Cursor> | Cursor;
+    zIndex?: Responsive<number> | number;
+    opacity?: Responsive<number> | number;
+    display?: Responsive<Display> | Display;
+    backgroundImage?: Responsive<string> | string;
+    backgroundSize?: Responsive<BackgroundSize> | BackgroundSize;
+    backgroundPosition?: Responsive<BackgroundPosition> | BackgroundPosition;
+    backgroundRepeat?: Responsive<BackgroundRepeat> | BackgroundRepeat;
+    gradient?: Responsive<string> | string;
+    transform?: Responsive<string> | string;
+    transformOrigin?: Responsive<string> | string;
+    overflow?: Responsive<Overflow> | Overflow;
+    overflowX?: Responsive<Overflow> | Overflow;
+    overflowY?: Responsive<Overflow> | Overflow;
+    onClick?: () => void;
+    onMouseEvent?: OnMouseEvent;
+};

package/dist/src/helpers/hoc-types/hocBaseUnion.d.ts

@@ -1,5 +1,5 @@
-import { LiteralUnion, HOCColorKeys, Responsive, ColorSelection, HOCBorderRadiusKeys, BorderRadiusDirection, HOCSpacingKeys } from 'src/helpers/hoc-types/entityValueTypes';
-export type BackgroundColor = ColorSelection | LiteralUnion<HOCColorKeys> | Responsive<HOCColorKeys>;
-export type BorderRadius = BorderRadiusDirection | LiteralUnion<HOCBorderRadiusKeys>;
-export type Width = Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
-export type Height = Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
+import { LiteralUnion, HOCColorKeys, Responsive, ColorSelection, HOCBorderRadiusKeys, BorderRadiusDirection, HOCSpacingKeys } from "./entityValueTypes";
+export declare type BackgroundColor = ColorSelection | LiteralUnion<HOCColorKeys> | Responsive<HOCColorKeys>;
+export declare type BorderRadius = BorderRadiusDirection | LiteralUnion<HOCBorderRadiusKeys>;
+export declare type Width = Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
+export declare type Height = Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;

package/dist/src/helpers/hoc-types/hocMotionTypes.d.ts

@@ -1,6 +1,6 @@
-import { MotionProps } from 'framer-motion';
-export type HOCMotionProps = {
-    className?: string;
-    motionKey?: string | number;
-    id?: string;
-} & MotionProps;
+import { MotionProps } from 'framer-motion';
+export declare type HOCMotionProps = {
+    className?: string;
+    motionKey?: string | number;
+    id?: string;
+} & MotionProps;

package/dist/src/helpers/noop.d.ts

@@ -1 +1 @@
-export declare const noop: () => void;
+export declare const noop: () => void;