@sendoutcards/quantum-design-ui 1.8.34 → 1.8.36

package/dist/src/atoms/anchor/anchor.d.ts

@@ -13,4 +13,4 @@ export declare type AnchorProps = {
     target?: '_blank' | '_self' | '_parent' | '_top';
     shouldDownload?: boolean;
 } & HOCBaseProps & HOCMotionProps;
-export declare const Anchor: (props: AnchorProps) => JSX.Element;
+export declare const Anchor: (props: AnchorProps) => React.JSX.Element;

package/dist/src/atoms/anchor/styles.d.ts

@@ -1,5 +1,6 @@
 import { Entities } from "../../theme/theming/entities";
+import { TextColor } from '../typography/text';
 declare const _default: {
-    anchorStyles: (generatedStyles: {}, theme: Entities, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, decorated?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+    anchorStyles: (generatedStyles: {}, theme: Entities, color?: TextColor, decorated?: boolean) => import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/atoms/aside/styles.d.ts

@@ -1,4 +1,4 @@
 declare const _default: {
-    asideStyles: (generatedStyles: {}) => import("@emotion/utils").SerializedStyles;
+    asideStyles: (generatedStyles: {}) => import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/atoms/avatar/styles.d.ts

@@ -2,8 +2,8 @@ import { SizeType } from "../../types/global";
 import { AvatarSizeMap } from "../../helpers/style-functions/computeAvatarProperties";
 import { AvatarEntity } from "../../theme/theming/entities";
 declare const _default: {
-    avatarContainer: (size: SizeType, sizeMap: AvatarSizeMap, avatarEntity: AvatarEntity, avatarImage?: string | undefined) => import("@emotion/utils").SerializedStyles;
-    activeBubble: (avatarEntity: AvatarEntity, size: SizeType, sizeMap: AvatarSizeMap, isActive?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
-    checkmarkContainer: (size: SizeType, sizeMap: AvatarSizeMap) => import("@emotion/utils").SerializedStyles;
+    avatarContainer: (size: SizeType, sizeMap: AvatarSizeMap, avatarEntity: AvatarEntity, avatarImage?: string) => import("@emotion/react").SerializedStyles;
+    activeBubble: (avatarEntity: AvatarEntity, size: SizeType, sizeMap: AvatarSizeMap, isActive?: boolean) => import("@emotion/react").SerializedStyles;
+    checkmarkContainer: (size: SizeType, sizeMap: AvatarSizeMap) => import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/atoms/badge/styles.d.ts

@@ -1,4 +1,4 @@
 declare const _default: {
-    badge: (item: string) => import("@emotion/utils").SerializedStyles;
+    badge: (item: string) => import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/atoms/card/card.d.ts

@@ -7,4 +7,4 @@ export declare type CardProps = {
     className?: string;
     children?: React.ReactNode;
 } & HOCBaseProps & HOCMotionProps;
-export declare const Card: (props: CardProps) => JSX.Element;
+export declare const Card: (props: CardProps) => React.JSX.Element;

package/dist/src/atoms/div/styles.d.ts

@@ -1,4 +1,4 @@
 declare const _default: {
-    divStyles: (generatedStyles: {}) => import("@emotion/utils").SerializedStyles;
+    divStyles: (generatedStyles: {}) => import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/atoms/flex/flex.d.ts

@@ -5,4 +5,4 @@ export declare type FlexProps = {
     children?: React.ReactNode;
     outsideClick?: () => void;
 } & HOCBaseProps & HOCMotionProps;
-export declare const Flex: (props: FlexProps) => JSX.Element;
+export declare const Flex: (props: FlexProps) => React.JSX.Element;

package/dist/src/atoms/flex/flexItem.d.ts

@@ -5,4 +5,4 @@ export declare type FlexItemPropTypes = {
     children?: React.ReactNode;
     outsideClick?: () => void;
 } & HOCBaseProps & HOCMotionProps;
-export declare const FlexItem: (props: FlexItemPropTypes) => JSX.Element;
+export declare const FlexItem: (props: FlexItemPropTypes) => React.JSX.Element;

package/dist/src/atoms/flex/styles.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    flexStyles: (generatedStyles: {}) => import("@emotion/utils").SerializedStyles;
-    flexItemStyles: (generatedStyles: {}) => import("@emotion/utils").SerializedStyles;
+    flexStyles: (generatedStyles: {}) => import("@emotion/react").SerializedStyles;
+    flexItemStyles: (generatedStyles: {}) => import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/atoms/hStack/hStack.d.ts

@@ -11,4 +11,4 @@ export declare type HStackProps = {
     childWidth?: string;
     children?: React.ReactNode;
 };
-export declare const HStack: ({ children, gap, justify, alignItems, shouldWrap, inset, outset, childWidth, }: HStackProps) => JSX.Element;
+export declare const HStack: ({ children, gap, justify, alignItems, shouldWrap, inset, outset, childWidth, }: HStackProps) => React.JSX.Element;

package/dist/src/atoms/list/list.d.ts

@@ -14,7 +14,7 @@ export declare const List: React.ForwardRefExoticComponent<{
     orientation: ListOrientation;
     alignment: AlignmentOptions;
     children?: React.ReactNode;
-    listStyle?: "disc" | "none" | "circle" | undefined;
+    listStyle?: ListStyleType | undefined;
 } & HOCBaseProps & {
     className?: string | undefined;
     motionKey?: string | number | undefined;

package/dist/src/atoms/list/styles.d.ts

@@ -1,5 +1,5 @@
 import { ListOrientation, AlignmentOptions, ListStyleType } from './list';
 declare const _default: {
-    listContainer: (orientation: ListOrientation, alignment: AlignmentOptions, listStyle: ListStyleType, generatedStyles: {}) => import("@emotion/utils").SerializedStyles;
+    listContainer: (orientation: ListOrientation, alignment: AlignmentOptions, listStyle: ListStyleType, generatedStyles: {}) => import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/atoms/listItem/listItem.d.ts

@@ -10,4 +10,4 @@ export declare type ListItemProps = {
     initial?: string;
     transition?: {};
 } & HOCBaseProps & HOCMotionProps;
-export declare const ListItem: (props: ListItemProps) => JSX.Element;
+export declare const ListItem: (props: ListItemProps) => React.JSX.Element;

package/dist/src/atoms/listItem/styles.d.ts

@@ -1,6 +1,6 @@
 import { ListOrientation } from '../list/list';
 import { Entities } from "../../theme/theming/entities";
 declare const _default: {
-    listItem: (generatedStyles: {}, orientation: ListOrientation, entities: Entities) => import("@emotion/utils").SerializedStyles;
+    listItem: (generatedStyles: {}, orientation: ListOrientation, entities: Entities) => import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/atoms/portal/portal.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const Portal: ({ children }: {
+    children: React.ReactNode;
+}) => React.ReactPortal;

package/dist/src/atoms/section/styles.d.ts

@@ -1,4 +1,4 @@
 declare const _default: {
-    sectionStyles: (generatedStyles: {}) => import("@emotion/utils").SerializedStyles;
+    sectionStyles: (generatedStyles: {}) => import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/atoms/span/span.d.ts

@@ -4,4 +4,4 @@ import { HOCMotionProps } from "../../helpers/hoc-types/hocMotionTypes";
 export declare type SpanProps = {
     children?: React.ReactNode;
 } & HOCBaseProps & HOCMotionProps;
-export declare const Span: (props: SpanProps) => JSX.Element;
+export declare const Span: (props: SpanProps) => React.JSX.Element;

package/dist/src/atoms/span/styles.d.ts

@@ -1,4 +1,4 @@
 declare const _default: {
-    spanStyles: (generatedStyles: {}) => import("@emotion/utils").SerializedStyles;
+    spanStyles: (generatedStyles: {}) => import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/atoms/typography/styles.d.ts

@@ -1,11 +1,13 @@
 import { TextEntity } from "../../theme/theming/entities";
+import { TextColor, AlignmentType, WhiteSpaceType } from './text';
+import { WeightType } from './text';
 declare const _default: {
-    heroTitle: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | "pre" | undefined, isInline?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
-    title: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | "pre" | undefined, isInline?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
-    subtitle: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | "pre" | undefined, isInline?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
-    largeBody: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | "pre" | undefined, isInline?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
-    body: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | "pre" | undefined, isInline?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
-    caption: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | "pre" | undefined, isInline?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
-    footnote: (textEntity: TextEntity, color?: "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "inverseBody" | "accent" | "success" | "warning" | "danger" | "anchorBlue" | undefined, weight?: "thin" | "regular" | "semiBold" | "bold" | "extraBold" | undefined, alignment?: "left" | "center" | "right" | undefined, italic?: boolean | undefined, strikeThrough?: boolean | undefined, lineHeight?: number | undefined, whiteSpace?: "normal" | "nowrap" | "pre" | undefined, isInline?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+    heroTitle: (textEntity: TextEntity, color?: TextColor, weight?: WeightType, alignment?: AlignmentType, italic?: boolean, strikeThrough?: boolean, lineHeight?: number, whiteSpace?: WhiteSpaceType, isInline?: boolean) => import("@emotion/react").SerializedStyles;
+    title: (textEntity: TextEntity, color?: TextColor, weight?: WeightType, alignment?: AlignmentType, italic?: boolean, strikeThrough?: boolean, lineHeight?: number, whiteSpace?: WhiteSpaceType, isInline?: boolean) => import("@emotion/react").SerializedStyles;
+    subtitle: (textEntity: TextEntity, color?: TextColor, weight?: WeightType, alignment?: AlignmentType, italic?: boolean, strikeThrough?: boolean, lineHeight?: number, whiteSpace?: WhiteSpaceType, isInline?: boolean) => import("@emotion/react").SerializedStyles;
+    largeBody: (textEntity: TextEntity, color?: TextColor, weight?: WeightType, alignment?: AlignmentType, italic?: boolean, strikeThrough?: boolean, lineHeight?: number, whiteSpace?: WhiteSpaceType, isInline?: boolean) => import("@emotion/react").SerializedStyles;
+    body: (textEntity: TextEntity, color?: TextColor, weight?: WeightType, alignment?: AlignmentType, italic?: boolean, strikeThrough?: boolean, lineHeight?: number, whiteSpace?: WhiteSpaceType, isInline?: boolean) => import("@emotion/react").SerializedStyles;
+    caption: (textEntity: TextEntity, color?: TextColor, weight?: WeightType, alignment?: AlignmentType, italic?: boolean, strikeThrough?: boolean, lineHeight?: number, whiteSpace?: WhiteSpaceType, isInline?: boolean) => import("@emotion/react").SerializedStyles;
+    footnote: (textEntity: TextEntity, color?: TextColor, weight?: WeightType, alignment?: AlignmentType, italic?: boolean, strikeThrough?: boolean, lineHeight?: number, whiteSpace?: WhiteSpaceType, isInline?: boolean) => import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/atoms/typography/text.d.ts

@@ -23,4 +23,4 @@ export declare type WeightType = keyof typeof entities.text.weights;
 export declare type TextType = keyof typeof entities.text.types;
 export declare type TextColor = keyof typeof entities.text.colors;
 export declare type AlignmentType = 'left' | 'center' | 'right';
-export declare const Text: ({ ...props }: TextProps) => JSX.Element;
+export declare const Text: ({ ...props }: TextProps) => React.JSX.Element;

package/dist/src/atoms/vStack/vStack.d.ts

@@ -14,4 +14,4 @@ export declare type VStackProps = {
     overflow?: Overflow;
     children?: React.ReactNode;
 };
-export declare const VStack: ({ children, gap, justifyContent, alignItems, alignContent, inset, outset, width, height, overflow, }: VStackProps) => JSX.Element;
+export declare const VStack: ({ children, gap, justifyContent, alignItems, alignContent, inset, outset, width, height, overflow, }: VStackProps) => React.JSX.Element;

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

@@ -1,7 +1,3 @@
-import { BorderWidthDirection, HOCBorderWidthKeys, LiteralUnion, BorderStyleDirection } from '../hoc-types/entityValueTypes';
+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?: {
-    thin: string;
-    default: string;
-    bold: string;
-} | undefined) => {};
+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,9 +1,2 @@
-import { BorderRadiusDirection, HOCBorderRadiusKeys, LiteralUnion } from '../hoc-types/entityValueTypes';
-export declare const findBorderRadiusDirection: (value: BorderRadiusDirection | LiteralUnion<HOCBorderRadiusKeys>, entity?: {
-    none: string;
-    small: string;
-    medium: string;
-    default: string;
-    large: string;
-    circle: string;
-} | undefined) => {};
+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/findDirection.d.ts

@@ -1,18 +1,2 @@
-import { HOCSpacingKeys, SpacingDirection, LiteralUnion } from '../hoc-types/entityValueTypes';
-export declare const findDirection: (property: string, value: SpacingDirection | LiteralUnion<HOCSpacingKeys>, entity?: {
-    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;
-} | undefined) => {};
+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/makeResponsive.d.ts

@@ -1,63 +1,6 @@
-import { HOCValues, HOCPrimitive, Responsive, ColorSelection, HOCColorKeys, LiteralUnion } from '../hoc-types/entityValueTypes';
+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?: {
-    none: string;
-    small: string;
-    medium: string;
-    default: string;
-    large: string;
-    circle: string;
-} | {
-    light: string;
-    mediumLight: string;
-    mediumDark: string;
-    dark: string;
-    generate: (shadow: number[] | "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
-} | {
-    primaryBrand: string;
-    secondaryBrand: string;
-    primaryHeading: string | undefined;
-    primaryBody: string;
-    inverseHeading: string;
-    inverseBody: string;
-    accent: string;
-    success: string;
-    warning: string;
-    danger: string;
-    anchorBlue: string;
-} | {
-    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;
-} | {
-    thin: string;
-    default: string;
-    bold: string;
-} | {
-    swatches: {
-        primaryBrand: Required<import("../theme-functions/computeColorSwatch").ColorSwatch>;
-        secondaryBrand: Required<import("../theme-functions/computeColorSwatch").ColorSwatch>;
-        success: Required<import("../theme-functions/computeColorSwatch").ColorSwatch>;
-        danger: Required<import("../theme-functions/computeColorSwatch").ColorSwatch>;
-        warning: Required<import("../theme-functions/computeColorSwatch").ColorSwatch>;
-        accent: Required<import("../theme-functions/computeColorSwatch").ColorSwatch>;
-        grayScale: import("../theme-functions/computeColorSwatch").ColorSwatch;
-        blueScale: Required<import("../theme-functions/computeColorSwatch").ColorSwatch>;
-        purpleScale: import("../theme-functions/computeColorSwatch").ColorSwatch;
-    };
-    background: string;
-    foreground: string;
-} | undefined) => {};
+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 @@
+/// <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-types/entityValueTypes.d.ts

@@ -154,5 +154,5 @@ declare type PurpleScaleColorSelection = {
 export declare type LiteralUnion<T extends U, U = string> = T | (U & {
     _?: never;
 });
-export declare type HOCValues = SpacingDirection | HOCSpacingKeys | BorderRadiusDirection | HOCBorderRadiusKeys | BorderWidthDirection | HOCBorderWidthKeys | ColorSelection | Shadows | ColorSwatch;
+export declare type HOCValues = Spacing | HOCSpacingKeys | BorderRadius | HOCBorderRadiusKeys | BorderWidth | HOCBorderWidthKeys | ColorSelection | Shadows | ColorSwatch;
 export {};

package/dist/src/helpers/style-functions/mapSizeType.d.ts

@@ -1,2 +1,2 @@
 import { SizeType } from "../../types/global";
-export declare const mapSizeType: <T>(size: SizeType, sizeMap: Record<"xSmall" | "small" | "medium" | "large" | "xLarge", T>) => T;
+export declare const mapSizeType: <T>(size: SizeType, sizeMap: Record<keyof import("../../types/global").SizeProperties<never>, T>) => T;

package/dist/src/helpers/theme-functions/computeShadow.d.ts

@@ -1,4 +1,4 @@
 import { shadows } from "../../theme/tokens/shadows";
 declare type ShadowConceptKey = keyof typeof shadows;
-export declare const computeShadow: (shadow: ShadowConceptKey | number[], color?: string | undefined, reverseOffset?: boolean | undefined) => string;
+export declare const computeShadow: (shadow: ShadowConceptKey | number[], color?: string, reverseOffset?: boolean) => string;
 export {};