@sendoutcards/quantum-design-ui 2.0.0-alpha.6 → 2.0.0-alpha.7

package/dist/index.d.ts

@@ -121,9 +121,9 @@ export declare type AffiliateShareWidgetProps = {
     shareLink: string;
 };
 
-declare type AlignContent = 'space-evenly' | 'stretch' | 'start' | 'end' | 'baseline' | 'first baseline' | 'last baseline' | 'safe' | 'unsafe' | CSSGridBaseValues | FlexBaseValues;
+export declare type AlignContent = 'space-evenly' | 'stretch' | 'start' | 'end' | 'baseline' | 'first baseline' | 'last baseline' | 'safe' | 'unsafe' | CSSGridBaseValues | FlexBaseValues;
 
-declare type AlignItems = AlignContent | 'self-start' | 'self-end' | CSSGridBaseValues;
+export declare type AlignItems = AlignContent | 'self-start' | 'self-end' | CSSGridBaseValues;
 
 export declare type AlignmentOptions = 'left' | 'center' | 'right';
 
@@ -237,11 +237,11 @@ export declare type AwardGroupLabelProps = {
     label: string;
 };
 
-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 BackgroundPosition = 'center' | 'left top' | 'left center' | 'left bottom' | 'right top' | 'right center' | 'right bottom' | 'center top' | 'center center' | 'center bottom';
 
-declare type BackgroundRepeat = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat' | 'initial' | 'inherit';
+export declare type BackgroundRepeat = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat' | 'initial' | 'inherit';
 
-declare type BackgroundSize = 'auto' | 'length' | 'cover' | 'contain' | 'initial' | 'inherit';
+export declare type BackgroundSize = 'auto' | 'length' | 'cover' | 'contain' | 'initial' | 'inherit';
 
 export declare const Badge: FC<BadgeProps>;
 
@@ -288,6 +288,8 @@ declare type BaseBannerProps = {
     onClose?: () => void;
 };
 
+export declare type BaseColorType = keyof typeof entities.hocs.colors.swatches;
+
 export declare const bellaCadaeuxTheme: Entities;
 
 export declare type BGColorUnion = ColorSelection | LiteralUnion<HOCColorKeys> | Responsive<HOCColorKeys>;
@@ -350,7 +352,7 @@ export declare const borders: {
 
 export declare type BorderStyleDirection = BorderDirection<BorderStyles> | BorderDirection<Responsive<BorderStyles>>;
 
-declare type BorderStyles = 'none' | 'hidden' | 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | 'initial' | 'inherit';
+export declare type BorderStyles = 'none' | 'hidden' | 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | 'initial' | 'inherit';
 
 export declare type BorderWidth = BorderDirection<HOCBorderWidthKeys> | BorderDirection<Responsive<HOCBorderWidthKeys>>;
 
@@ -469,7 +471,7 @@ export declare type CardQuantitySliderProps = {
     secondaryAction?: default_2.ReactNode;
 } & QuantitySliderProps;
 
-declare type Char = 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' | 'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z';
+export declare type Char = 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' | 'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z';
 
 export declare const Checkbox: FC<CheckboxProps>;
 
@@ -526,7 +528,7 @@ export declare type CloseButtonProps = {
     id?: string;
 };
 
-declare type ColorModeType = 'light' | 'dark';
+export declare type ColorModeType = 'light' | 'dark';
 
 export declare const ColorOption: FC<ColorOptionProps>;
 
@@ -554,6 +556,11 @@ export declare const colors: {
 
 export declare type ColorSelection = PrimaryBrandColorSelection | SecondaryBrandColorSelection | SuccessColorSelection | WarningColorSelection | DangerColorSelection | AccentColorSelection | GrayScaleColorSelection | BlueScaleColorSelection | PurpleScaleColorSelection;
 
+export declare type ColorStop = {
+    color: LiteralUnion<HOCSwatchColorKeys>;
+    percentage: number;
+};
+
 declare type ColorSwatch = {
     base: string;
     _100?: string;
@@ -715,15 +722,17 @@ export declare type CountdownTimerProps = {
     timeReachedMessage?: string;
 };
 
-declare type Country = {
+export declare type Country = {
     isoCode: string;
     callingCode: number;
     hasSeparator?: boolean;
 };
 
-declare type CSSGridBaseValues = 'start' | 'end' | 'space-evenly' | 'center';
+export declare type CSSGridBaseValues = 'start' | 'end' | 'space-evenly' | 'center';
 
-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 CSSValues = BorderStyles | Cursor | Display | JustifyContent | AlignContent | AlignItems | JustifyItems | FlexDirection | BackgroundSize | BackgroundPosition | BackgroundRepeat | Overflow | Position;
+
+export declare type Cursor = 'pointer' | 'auto' | 'text' | 'zoom-out' | 'zoom-in' | 'initial' | 'inherit' | 'move' | 'row-resize' | 'col-resize' | 'nesw-resize' | 'nwse-resize' | 'not-allowed';
 
 declare type DangerColorSelection = {
     swatch: 'danger';
@@ -769,7 +778,7 @@ declare type Disclaimer = {
     termsDescription: string;
 };
 
-declare type Display = 'relative' | 'absolute' | 'inline' | 'inline-block' | 'flex' | 'grid' | 'none' | 'contents' | 'inline-flex';
+export declare type Display = 'relative' | 'absolute' | 'inline' | 'inline-block' | 'flex' | 'grid' | 'none' | 'contents' | 'inline-flex';
 
 export declare const DisplayCard: ({ title, description, children, }: DisplayCardProps) => JSX_2.Element;
 
@@ -1458,14 +1467,14 @@ export declare const Flex: default_2.MemoExoticComponent<(props: FlexProps) => J
 
 declare type FlexBaseValues = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'initial' | 'inherit';
 
-declare type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+export declare type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
 
 export declare type FlexProps = {
     children?: default_2.ReactNode;
     outsideClick?: () => void;
 } & HOCBaseProps & HOCMotionProps;
 
-declare type FlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse';
+export declare type FlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse';
 
 declare type FramerAnimation = AnimationControls | TargetAndTransition | VariantLabels | boolean;
 
@@ -1838,6 +1847,8 @@ export declare type InfoBlockProps = {
 
 export declare type InfoBlockSizeType = 'large' | 'medium' | 'small';
 
+export declare type Initials = 'inherit' | 'initial';
+
 export declare const Input: FC<InputProps>;
 
 export declare type InputFocusType = IconColors;
@@ -1894,9 +1905,9 @@ export declare type Item = {
     isActive: boolean;
 };
 
-declare type JustifyContent = FlexBaseValues | CSSGridBaseValues;
+export declare type JustifyContent = FlexBaseValues | CSSGridBaseValues;
 
-declare type JustifyItems = 'start' | 'end' | 'center' | 'stretch';
+export declare type JustifyItems = 'start' | 'end' | 'center' | 'stretch';
 
 export declare type Link = {
     title: default_2.ReactNode;
@@ -2067,7 +2078,7 @@ export declare type NoteSection = {
     notes: string[];
 };
 
-declare type OnMouseEvent = (event: default_2.MouseEvent<HTMLElement, MouseEvent>) => void;
+export declare type OnMouseEvent = (event: default_2.MouseEvent<HTMLElement, MouseEvent>) => void;
 
 declare const Option_2: default_2.ForwardRefExoticComponent<OptionProps & default_2.RefAttributes<HTMLDivElement>>;
 export { Option_2 as Option }
@@ -2159,7 +2170,7 @@ export declare type OrderCardProps = {
 declare type orientation_2 = 'up' | 'down' | 'left' | 'right';
 export { orientation_2 as orientation }
 
-declare type Overflow = 'visible' | 'auto' | 'scroll' | 'hidden';
+export declare type Overflow = 'visible' | 'auto' | 'scroll' | 'hidden';
 
 export declare const Overlay: ({ children, zIndex, animate, initial, exit, variants, transition, motionKey, position, backgroundVariant, pinned, shouldScroll, ...rest }: OverlayPropTypes) => JSX_2.Element;
 
@@ -2236,7 +2247,7 @@ export declare type PinInputProps = {
 
 export declare type PinnedType = 'top' | 'center' | 'bottom';
 
-declare type Position = 'absolute' | 'fixed' | 'sticky' | 'relative' | 'static';
+export declare type Position = 'absolute' | 'fixed' | 'sticky' | 'relative' | 'static';
 
 export declare const PricingTile: ({ title, price, features, accentColor, backgroundColor, isFeatured, featuredItemStyles, textColor, description, priceSubtext, billingInterval, primaryAction, secondaryAction, children, hasShadow, disclaimer, isSelected, isFullLength, }: PricingTileProps) => JSX_2.Element;
 
@@ -2640,7 +2651,7 @@ export declare type SidebarProps = {
 
 declare type SizeMapType = Record<SizeType, number>;
 
-declare type SizeProperties<T> = {
+export declare type SizeProperties<T> = {
     xSmall: T;
     small: T;
     medium: T;
@@ -2648,7 +2659,7 @@ declare type SizeProperties<T> = {
     xLarge: T;
 };
 
-declare type SizeType = keyof SizeProperties<never>;
+export declare type SizeType = keyof SizeProperties<never>;
 
 export declare const Slider: FC<SliderProps>;
 
@@ -3454,9 +3465,9 @@ outerRing: string;
 };
 }>;
 
-declare type ThemeMode = keyof ThemeModeProperies<never>;
+export declare type ThemeMode = keyof ThemeModeProperies<never>;
 
-declare type ThemeModeProperies<T> = {
+export declare type ThemeModeProperies<T> = {
     primary: T;
     secondary: T;
     success: T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendoutcards/quantum-design-ui",
-  "version": "2.0.0-alpha.6",
+  "version": "2.0.0-alpha.7",
   "description": "UI component library for Quantum Design System",
   "module": "dist/index.mjs",
   "jsnext:main": "dist/index.mjs",