@redsift/design-system 7.1.0 → 7.1.1

package/index.d.ts

@@ -3,7 +3,7 @@ import { PressEvent } from '@react-types/shared';
 import * as styled_components from 'styled-components';
 
 /** Component Type. */
-declare type Comp<P, T = HTMLElement> = {
+type Comp<P, T = HTMLElement> = {
     (props: P & {
         ref?: Ref<T>;
     }): ReactElement | null;
@@ -20,9 +20,9 @@ declare type Comp<P, T = HTMLElement> = {
  * JS falsy values.
  * (excluding `NaN` as it can't be distinguished from `number`)
  */
-declare type Falsy = false | undefined | null | 0 | '';
+type Falsy = false | undefined | null | 0 | '';
 /** Get types of the values of a record. */
-declare type ValueOf<T extends Record<any, any>> = T[keyof T];
+type ValueOf<T extends Record<any, any>> = T[keyof T];
 /**
  * Color palette.
  */
@@ -35,7 +35,7 @@ declare const ColorPalette: {
     readonly question: "question";
     readonly 'no-data': "no-data";
 };
-declare type ColorPalette = ValueOf<typeof ColorPalette>;
+type ColorPalette = ValueOf<typeof ColorPalette>;
 declare const ProductColorPalette: {
     readonly website: "website";
     readonly ondmarc: "ondmarc";
@@ -44,7 +44,7 @@ declare const ProductColorPalette: {
     readonly hardenize: "hardenize";
     readonly tools: "tools";
 };
-declare type ProductColorPalette = ValueOf<typeof ProductColorPalette>;
+type ProductColorPalette = ValueOf<typeof ProductColorPalette>;
 
 /**
  * Do not edit directly
@@ -274,11 +274,11 @@ declare const IconButtonVariant: {
     readonly secondary: "secondary";
     readonly unstyled: "unstyled";
 };
-declare type IconButtonVariant = ValueOf<typeof IconButtonVariant>;
+type IconButtonVariant = ValueOf<typeof IconButtonVariant>;
 /**
  * Component color.
  */
-declare type IconButtonColor = typeof ColorPalette.default | typeof ColorPalette.error | ProductColorPalette;
+type IconButtonColor = typeof ColorPalette.default | typeof ColorPalette.error | ProductColorPalette;
 /**
  * Component props.
  */
@@ -301,7 +301,7 @@ interface IconButtonProps extends ComponentProps<'button'> {
     /** Button variant. */
     variant?: IconButtonVariant;
 }
-declare type StyledIconButtonProps = Omit<IconButtonProps, 'isActive' | 'isDisabled' | 'variant' | 'color' | 'icon'> & {
+type StyledIconButtonProps = Omit<IconButtonProps, 'isActive' | 'isDisabled' | 'variant' | 'color' | 'icon'> & {
     $color: IconButtonProps['color'];
     $isActive: IconButtonProps['isActive'];
     $isDisabled: IconButtonProps['isDisabled'];
@@ -333,7 +333,7 @@ interface AppBarProps extends Omit<ComponentProps<'header'>, 'title'> {
     /** Title of the page */
     title?: string | ReactElement;
 }
-declare type StyledAppBarProps = AppBarProps & {
+type StyledAppBarProps = AppBarProps & {
     $isLoaded: boolean;
     $isSidePanelCollapsed: boolean;
 };
@@ -346,7 +346,7 @@ declare const AppBar: Comp<AppBarProps, HTMLHeadingElement>;
 /**
  * Context props.
  */
-declare type AppContainerState = {
+type AppContainerState = {
     /** Collapses the side panel. */
     collapseSidePanel(): void;
     /** Expandes the side panel. */
@@ -371,7 +371,7 @@ interface AppContainerProps extends ComponentProps<'div'> {
     /** Product theme to apply to everything within. This overrides the CSS variables automatically. */
     productTheme?: ProductColorPalette;
 }
-declare type StyledAppContainerProps = Omit<AppContainerProps, 'productTheme'> & {
+type StyledAppContainerProps = Omit<AppContainerProps, 'productTheme'> & {
     $productTheme?: string;
 };
 
@@ -389,7 +389,7 @@ interface AppContentProps extends ComponentProps<'main'> {
     /** Product theme to apply to everything within. This overrides the CSS variables automatically. */
     productTheme?: ProductColorPalette;
 }
-declare type StyledAppContentProps = Omit<AppContentProps, 'productTheme'> & {
+type StyledAppContentProps = Omit<AppContentProps, 'productTheme'> & {
     $isLoaded: boolean;
     $isSidePanelCollapsed: boolean;
     $productTheme?: string;
@@ -411,7 +411,7 @@ interface AppSidePanelProps extends ComponentProps<'div'> {
     /** Place to display the logo app.  */
     logo?: ReactElement | ComponentProps<'img'>;
 }
-declare type StyledAppSidePanelProps = Omit<AppSidePanelProps, 'isCollapsed'> & {
+type StyledAppSidePanelProps = Omit<AppSidePanelProps, 'isCollapsed'> & {
     $isCollapsed: boolean;
 };
 
@@ -429,7 +429,7 @@ declare const IconSize: {
     readonly medium: "medium";
     readonly large: "large";
 };
-declare type IconSize = ValueOf<typeof IconSize>;
+type IconSize = ValueOf<typeof IconSize>;
 /**
  * Component props.
  */
@@ -454,7 +454,7 @@ interface IconProps extends ComponentProps<'i'> {
     /** Additional properties to forward to the SVG tag. */
     svgProps?: ComponentProps<'svg'>;
 }
-declare type StyledIconProps = Omit<IconProps, 'color' | 'size' | 'icon' | 'svgProps'> & {
+type StyledIconProps = Omit<IconProps, 'color' | 'size' | 'icon' | 'svgProps'> & {
     $color: IconProps['color'];
     $size: IconProps['size'];
 };
@@ -467,13 +467,13 @@ declare const Icon: Comp<IconProps, HTMLSpanElement>;
 /**
  * Context props.
  */
-declare type SideNavigationMenuContextProps = {
+type SideNavigationMenuContextProps = {
     menuItems: Set<HTMLAnchorElement | HTMLButtonElement>;
 };
 /**
  * Reducer props.
  */
-declare type SideNavigationMenuReducerState = {
+type SideNavigationMenuReducerState = {
     isExpanded: boolean;
     currentIndex: number;
     previousIndex: number;
@@ -483,7 +483,7 @@ declare enum SideNavigationMenuReducerActionType {
     Collapse = "collapse",
     Move = "move"
 }
-declare type SideNavigationMenuReducerAction = {
+type SideNavigationMenuReducerAction = {
     type: SideNavigationMenuReducerActionType;
     index?: number;
 };
@@ -519,7 +519,7 @@ interface SideNavigationMenuProps extends ComponentProps<'div'> {
     /** Whether the component should hide icons or not. */
     withoutIcons?: boolean;
 }
-declare type StyledSideNavigationMenuProps = Omit<SideNavigationMenuProps, 'isDisabled' | 'isExpanded' | 'withoutIcons'> & {
+type StyledSideNavigationMenuProps = Omit<SideNavigationMenuProps, 'isDisabled' | 'isExpanded' | 'withoutIcons'> & {
     $isDisabled: SideNavigationMenuProps['isDisabled'];
     $isExpanded: SideNavigationMenuProps['isExpanded'];
     $withoutIcons: SideNavigationMenuProps['withoutIcons'];
@@ -537,7 +537,7 @@ declare const BadgeVariant: {
     readonly dot: "dot";
     readonly standard: "standard";
 };
-declare type BadgeVariant = ValueOf<typeof BadgeVariant>;
+type BadgeVariant = ValueOf<typeof BadgeVariant>;
 /**
  * Component props.
  */
@@ -551,7 +551,7 @@ interface BadgeProps extends ComponentProps<'div'> {
     /** Badge variant. */
     variant?: BadgeVariant;
 }
-declare type StyledBadgeProps = Omit<BadgeProps, 'color' | 'variant' | 'isReversed' | 'autoBreak'> & {
+type StyledBadgeProps = Omit<BadgeProps, 'color' | 'variant' | 'isReversed' | 'autoBreak'> & {
     $autoBreak: BadgeProps['autoBreak'];
     $color: BadgeProps['color'];
     $isReversed: BadgeProps['isReversed'];
@@ -595,7 +595,7 @@ interface SideNavigationMenuItemProps extends ComponentProps<'a'> {
     /** Whether the component should hide icons or not. */
     withoutIcons?: boolean;
 }
-declare type StyledSideNavigationMenuItemProps = Omit<SideNavigationMenuItemProps, 'isCurrent' | 'isDisabled' | 'isSecondLevel' | 'withoutIcons'> & {
+type StyledSideNavigationMenuItemProps = Omit<SideNavigationMenuItemProps, 'isCurrent' | 'isDisabled' | 'isSecondLevel' | 'withoutIcons'> & {
     $isCurrent: SideNavigationMenuItemProps['isCurrent'];
     $isDisabled: SideNavigationMenuItemProps['isDisabled'];
     $isSecondLevel: SideNavigationMenuItemProps['isSecondLevel'];
@@ -610,7 +610,7 @@ declare const SideNavigationMenuItem: Comp<SideNavigationMenuItemProps, HTMLAnch
 /**
  * Context props.
  */
-declare type SideNavigationMenuBarContextProps = {
+type SideNavigationMenuBarContextProps = {
     menuItems: Set<HTMLAnchorElement | HTMLButtonElement>;
 };
 /**
@@ -626,7 +626,7 @@ interface SideNavigationMenuBarProps extends ComponentProps<'nav'> {
     /** Whether the component should hide icons or not. */
     withoutIcons?: boolean;
 }
-declare type StyledSideNavigationMenuBarProps = Omit<SideNavigationMenuBarProps, 'isDisabled' | 'withoutIcons'> & {
+type StyledSideNavigationMenuBarProps = Omit<SideNavigationMenuBarProps, 'isDisabled' | 'withoutIcons'> & {
     $isDisabled: SideNavigationMenuBarProps['isDisabled'];
     $marginTop?: number;
     $withoutIcons: SideNavigationMenuBarProps['withoutIcons'];
@@ -641,7 +641,7 @@ interface Menu extends Omit<SideNavigationMenuProps, 'children'> {
     title: string;
     children: MenuItem[];
 }
-declare type MenuBarItems = (Menu | MenuItem)[];
+type MenuBarItems = (Menu | MenuItem)[];
 
 /**
  * The SideNavigationMenuBar component.
@@ -667,7 +667,7 @@ interface BreadcrumbItemProps extends ComponentProps<'a'> {
     /** Whether the component is disabled or not. */
     isDisabled?: boolean;
 }
-declare type StyledBreadcrumbItemProps = Omit<BreadcrumbItemProps, 'isDisabled' | 'isCurrent'> & {
+type StyledBreadcrumbItemProps = Omit<BreadcrumbItemProps, 'isDisabled' | 'isCurrent'> & {
     $isCurrent: BreadcrumbItemProps['isCurrent'];
     $isDisabled: BreadcrumbItemProps['isDisabled'];
 };
@@ -684,7 +684,7 @@ interface BreadcrumbsProps extends ComponentProps<'nav'> {
     /** Whether the component is disabled or not. */
     isDisabled?: boolean;
 }
-declare type StyledBreadcrumbsProps = Omit<BreadcrumbsProps, 'isDisabled'> & {
+type StyledBreadcrumbsProps = Omit<BreadcrumbsProps, 'isDisabled'> & {
     $isDisabled: BreadcrumbsProps['isDisabled'];
 };
 
@@ -701,11 +701,11 @@ declare const ButtonVariant: {
     readonly secondary: "secondary";
     readonly unstyled: "unstyled";
 };
-declare type ButtonVariant = ValueOf<typeof ButtonVariant>;
+type ButtonVariant = ValueOf<typeof ButtonVariant>;
 /**
  * Component color.
  */
-declare type ButtonColor = typeof ColorPalette.default | typeof ColorPalette.error | ProductColorPalette;
+type ButtonColor = typeof ColorPalette.default | typeof ColorPalette.error | ProductColorPalette;
 /**
  * Component props.
  */
@@ -737,7 +737,7 @@ interface ButtonProps extends ComponentProps<'button'> {
     /** Button variant. */
     variant?: ButtonVariant;
 }
-declare type StyledButtonProps = Omit<ButtonProps, 'isActive' | 'isDisabled' | 'variant' | 'color' | 'size' | 'fullWidth'> & {
+type StyledButtonProps = Omit<ButtonProps, 'isActive' | 'isDisabled' | 'variant' | 'color' | 'size' | 'fullWidth'> & {
     $color: ButtonProps['color'];
     $fullWidth?: ButtonProps['fullWidth'];
     $isActive: ButtonProps['isActive'];
@@ -774,7 +774,7 @@ interface LinkProps extends ComponentProps<'a'> {
     /** Whether the component is disabled or not. */
     isDisabled?: boolean;
 }
-declare type StyledLinkProps = Omit<LinkProps, 'isDisabled'> & {
+type StyledLinkProps = Omit<LinkProps, 'isDisabled'> & {
     $isDisabled: LinkProps['isDisabled'];
 };
 
@@ -800,7 +800,7 @@ declare const Link: Comp<LinkProps, HTMLAnchorElement>;
  */
 interface ButtonLinkProps extends Omit<LinkProps, 'color'>, Pick<ButtonProps, 'color' | 'isActive' | 'isDisabled' | 'leftIcon' | 'rightIcon' | 'variant'> {
 }
-declare type StyledButtonLinkProps = Omit<ButtonLinkProps, 'isActive' | 'isDisabled' | 'variant' | 'color' | 'size'> & {
+type StyledButtonLinkProps = Omit<ButtonLinkProps, 'isActive' | 'isDisabled' | 'variant' | 'color' | 'size'> & {
     $isActive: ButtonLinkProps['isActive'];
     $isDisabled: ButtonLinkProps['isDisabled'];
     $variant: ButtonLinkProps['variant'];
@@ -819,7 +819,7 @@ declare const ButtonLink: Comp<ButtonLinkProps, HTMLAnchorElement>;
 /**
  * Context props.
  */
-declare type CheckboxGroupState = {
+type CheckboxGroupState = {
     /** Adds a value to the set of selected values. */
     addValue(value: string): void;
     /** Whether the checkbox group is disabled or not. */
@@ -840,7 +840,7 @@ declare const CheckboxGroupOrientation: {
     readonly horizontal: "horizontal";
     readonly vertical: "vertical";
 };
-declare type CheckboxGroupOrientation = ValueOf<typeof CheckboxGroupOrientation>;
+type CheckboxGroupOrientation = ValueOf<typeof CheckboxGroupOrientation>;
 /**
  * Component props.
  */
@@ -874,7 +874,7 @@ interface CheckboxGroupProps extends Omit<ComponentProps<'div'>, 'onChange'> {
      */
     value?: string[];
 }
-declare type StyledCheckboxGroupProps = Omit<CheckboxGroupProps, 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'orientation' | 'isRequired'> & {
+type StyledCheckboxGroupProps = Omit<CheckboxGroupProps, 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'orientation' | 'isRequired'> & {
     $isDisabled: CheckboxGroupProps['isDisabled'];
     $isInvalid: CheckboxGroupProps['isInvalid'];
     $isReadOnly: CheckboxGroupProps['isReadOnly'];
@@ -932,7 +932,7 @@ interface CheckboxProps extends Omit<ComponentProps<'label'>, 'onChange'> {
      */
     value?: HTMLInputElement['value'];
 }
-declare type StyledCheckboxProps = Omit<CheckboxProps, 'color' | 'isDisabled' | 'isInvalid' | 'isSelected' | 'isRequired' | 'size'> & {
+type StyledCheckboxProps = Omit<CheckboxProps, 'color' | 'isDisabled' | 'isInvalid' | 'isSelected' | 'isRequired' | 'size'> & {
     $isDisabled: CheckboxProps['isDisabled'];
     $isInvalid: CheckboxProps['isInvalid'];
     $isFocusVisible: boolean;
@@ -952,7 +952,7 @@ declare const Checkbox: Comp<CheckboxProps, HTMLLabelElement>;
  */
 interface LinkButtonProps extends Omit<ButtonProps, 'color' | 'fullWidth' | 'leftIcon' | 'rightIcon' | 'size' | 'variant'> {
 }
-declare type StyledLinkButtonProps = Omit<LinkButtonProps, 'isDisabled'> & {
+type StyledLinkButtonProps = Omit<LinkButtonProps, 'isDisabled'> & {
     $isDisabled: LinkButtonProps['isDisabled'];
 };
 
@@ -983,7 +983,7 @@ declare const ShieldVariant: {
     readonly question: "question";
     readonly email: "email";
 };
-declare type ShieldVariant = ValueOf<typeof ShieldVariant>;
+type ShieldVariant = ValueOf<typeof ShieldVariant>;
 /**
  * Component props.
  */
@@ -1001,7 +1001,7 @@ interface ShieldProps extends ComponentProps<'div'> {
     /** Shield variant. */
     variant?: ShieldVariant;
 }
-declare type StyledShieldProps = Omit<ShieldProps, 'color'> & {
+type StyledShieldProps = Omit<ShieldProps, 'color'> & {
     $color?: ColorPalette | ProductColorPalette | string;
     $isOutlined: ShieldProps['isOutlined'];
     $isReversed: ShieldProps['isReversed'];

package/index.js

@@ -288,6 +288,7 @@ function _objectSpread2(target) {
   return target;
 }
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -341,6 +342,20 @@ function _objectWithoutProperties(source, excluded) {
   }
   return target;
 }
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
 
 /**
  * Component variant.