@alto-avios/alto-ui 3.8.0 → 4.0.0

package/dist/components/AviosCurrencyBadge/index.js

@@ -0,0 +1,5 @@
+import { AviosCurrencyBadge } from "./AviosCurrencyBadge.js";
+export {
+  AviosCurrencyBadge as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/AviosCurrencyBadge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/AviosCurrencySymbol/AviosCurrencySymbol.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import React from "react";
+import React__default from "react";
 import { c as cva } from "../../index-DdUYounA.js";
 import '../../assets/AviosCurrencySymbol.css';const styles = {
   "aviosCurrencySymbol-primary": "_aviosCurrencySymbol-primary_152jd_1",
@@ -51,7 +51,7 @@ const AviosCurrencySymbol = ({
   "aria-label": ariaLabel,
   ...props
 }) => {
-  const dimensions = React.useMemo(() => {
+  const dimensions = React__default.useMemo(() => {
     if (width && height) {
       return {
         width,
@@ -73,7 +73,7 @@ const AviosCurrencySymbol = ({
     return DEFAULT_DIMENSIONS;
   }, [width, height]);
   const screenReaderLabel = label || ariaLabel || `Avios ${kind} currency symbol`;
-  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 15 15", className: aviosCurrencySymbol({
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0.82 0.52 14.00 14.02", className: aviosCurrencySymbol({
     styleVariant
   }), ...dimensions, ...props, "aria-label": screenReaderLabel, children: [
     /* @__PURE__ */ jsx("path", { fill: "#0032A0", d: "M14.512 5.968C14.025 5.127 9.659.865 4.364.526c-.923-.06-1.797.448-2.18 1.262-1.01 2.17-2.246 7.022-.459 11.442a2.06 2.06 0 0 0 1.94 1.312c.098 0 .191-.005.29-.016 6.043-.744 9.923-4.946 10.579-6.306.246-.514.508-1.3-.033-2.24z" }),

package/dist/components/Badge/Badge.d.ts

@@ -17,21 +17,6 @@ export interface BadgeProps {
      * The style variant of the tag
      */
     styleVariant?: 'neutral' | 'critical' | 'warning' | 'caution' | 'success' | 'info' | 'brand' | 'sale' | 'white';
-    /**
-     * The style variant of the tag
-     * @deprecated Use styleVariant instead
-     */
-    variant?: 'neutral' | 'critical' | 'warning' | 'caution' | 'success' | 'info' | 'brand' | 'sale' | 'white';
-    /**
-     * Whether the tag has a leading icon and what icon to use
-     * @deprecated Use iconStartProps instead
-     */
-    leadingIconProps?: IconProps;
-    /**
-     * Whether the tag has a trailing icon and what icon to use
-     * @deprecated Use iconEndProps instead
-     */
-    trailingIconProps?: IconProps;
     /**
      * Whether an icon should display at the start of the Button and icon properties
      */
@@ -50,5 +35,5 @@ export interface BadgeProps {
      */
     className?: string;
 }
-export declare const Badge: ({ children, size, variant, styleVariant, ariaLabel, leadingIconProps, trailingIconProps, iconStartProps, iconEndProps, focusStyle, className, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Badge: ({ children, size, styleVariant, ariaLabel, iconStartProps, iconEndProps, focusStyle, className, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
 export default Badge;

package/dist/components/Badge/Badge.js

@@ -54,29 +54,23 @@ const badge = cva(styles.badge, {
 const Badge = ({
   children,
   size = "md",
-  variant,
   styleVariant,
   ariaLabel,
-  leadingIconProps,
-  trailingIconProps,
   iconStartProps,
   iconEndProps,
   focusStyle = "default",
   className,
   ...props
 }) => {
-  const resolvedIconStartProps = iconStartProps ?? leadingIconProps;
-  const resolvedIconEndProps = iconEndProps ?? trailingIconProps;
-  const resolvedStyleVariant = styleVariant ?? variant;
   return /* @__PURE__ */ jsxs("span", { className: `${badge({
     size,
-    styleVariant: resolvedStyleVariant
+    styleVariant
   })} ${focusStyleVariants({
     focusStyle
   })} ${className || ""}`, role: "status", "aria-label": ariaLabel, ...props, children: [
-    resolvedIconStartProps && /* @__PURE__ */ jsx(Icon, { ...resolvedIconStartProps }),
+    iconStartProps && /* @__PURE__ */ jsx(Icon, { ...iconStartProps }),
     children,
-    resolvedIconEndProps && /* @__PURE__ */ jsx(Icon, { ...resolvedIconEndProps })
+    iconEndProps && /* @__PURE__ */ jsx(Icon, { ...iconEndProps })
   ] });
 };
 export {

package/dist/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Badge.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Box/Box.d.ts

@@ -64,10 +64,6 @@ export interface BoxProps extends BackgroundVariants, FlexVariants, BorderVarian
      * Accepts any valid CSS position value.
      */
     left?: string;
-    /**
-     * @deprecated Use `backgroundColor` instead.
-     */
-    backgroundColour?: BackgroundVariants['backgroundColor'];
 }
 export declare const Box: ({ children, as: Component, width, maxWidth, minWidth, height, maxHeight, minHeight, zIndex, top, right, bottom, left, position, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
 export default Box;

package/dist/components/Box/Box.js

@@ -21,10 +21,6 @@ const Box = ({
   position,
   ...props
 }) => {
-  if ((props == null ? void 0 : props.backgroundColour) && !(props == null ? void 0 : props.backgroundColor)) {
-    console.warn("Warning: `backgroundColour` is deprecated and will be removed in a future release. Please use `backgroundColor` instead.");
-  }
-  const resolvedBackgroundColor = props.backgroundColor ?? props.backgroundColour;
   const borderWidth = !(props == null ? void 0 : props.borderWidth) && props.borderColour !== "none" ? "sm" : props.borderWidth;
   const stylesProp = {
     width: width === "full" ? "100%" : width,
@@ -47,7 +43,7 @@ const Box = ({
   })} ${paddingVariants({
     ...props
   })} ${backgroundColorVariants({
-    backgroundColor: resolvedBackgroundColor,
+    backgroundColor: props.backgroundColor,
     ...props
   })} ${positionVariants({
     position

package/dist/components/Box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Box.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Button/Button.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ComponentType, ElementType, ReactNode } from 'react';
+import { ComponentType, ElementType, ReactNode } from 'react';
 import { AriaButtonOptions } from '@react-aria/button';
 import { HoverProps } from '@react-aria/interactions';
 import { IconProps } from '../Icon/Icon';
@@ -8,15 +8,16 @@ export type DefaultButtonProps = ButtonProps<'button'>;
 export type ButtonProps<T extends ElementType = 'button'> = AriaButtonOptions<T> & HoverProps & {
     /**
      * The HTML element to be rendered as the button.
+     * @default 'button'
+     * @example 'a' | 'button' | 'div'
      */
     as?: T;
-    elementType?: 'a' | 'button';
     /**
-     * What the base style of button is
-     * @default 'accent'
-     * @deprecated use styleVariant instead
+     * For NextJS support. If `as` is used for next/link, this prop should be set to 'a' or the desired element for prop typing.
+     * @default 'button'
+     * @example 'a' | 'button'
      */
-    styleType?: 'accent' | 'critical' | 'neutral' | 'white';
+    elementType?: 'a' | 'button';
     /**
      * What the base style of button is
      * @default 'accent'
@@ -41,26 +42,6 @@ export type ButtonProps<T extends ElementType = 'button'> = AriaButtonOptions<T>
      * Whether an icon should display at the start of the Button and icon properties
      */
     iconStartProps?: IconProps;
-    /**
-     * Whether the button leading has an icon
-     * @deprecated use iconStartProps instead
-     */
-    hasLeadingIcon?: boolean;
-    /**
-     * Leading icon name
-     * @deprecated use iconStartProps instead
-     */
-    leadingIconName?: string;
-    /**
-     * Whether the button trailing has an icon
-     * @deprecated use iconEndProps instead
-     */
-    hasTrailingIcon?: boolean;
-    /**
-     * Trailing icon name
-     * @deprecated use iconEndProps instead
-     */
-    trailingIconName?: string;
     /**
      * isLoading is a boolean that will show a spinner in the button
      */
@@ -81,11 +62,6 @@ export type ButtonProps<T extends ElementType = 'button'> = AriaButtonOptions<T>
      * Whether the button should be full width.
      */
     fullWidth?: boolean;
-    /**
-     * @deprecated onPress should be preferred
-     * Handler to be called when the button is clicked.
-     */
-    onClick?: React.MouseEventHandler;
     /**
      * The target of the link (if `as` is set to 'a').
      */
@@ -94,23 +70,33 @@ export type ButtonProps<T extends ElementType = 'button'> = AriaButtonOptions<T>
      *  What type of focus style to apply to the button.
      */
     focusStyle?: 'default' | 'white';
+    /**
+     * The slot of the button
+     */
+    slot?: string;
+    /**
+     * Set to true to style button as an icon button
+     * @ignore
+     */
+    iconButton?: boolean;
     /**
      * Passthrough props for the button element.
      */
     passthroughProps?: Partial<T extends ComponentType<infer P> ? P : T extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[T] : never>;
 };
-export declare const Button: React.ForwardRefExoticComponent<AriaButtonOptions<React.ElementType> & HoverProps & {
+export declare const Button: import('react').ForwardRefExoticComponent<AriaButtonOptions<ElementType> & HoverProps & {
     /**
      * The HTML element to be rendered as the button.
+     * @default 'button'
+     * @example 'a' | 'button' | 'div'
      */
-    as?: React.ElementType | undefined;
-    elementType?: "a" | "button";
+    as?: ElementType | undefined;
     /**
-     * What the base style of button is
-     * @default 'accent'
-     * @deprecated use styleVariant instead
+     * For NextJS support. If `as` is used for next/link, this prop should be set to 'a' or the desired element for prop typing.
+     * @default 'button'
+     * @example 'a' | 'button'
      */
-    styleType?: "accent" | "critical" | "neutral" | "white";
+    elementType?: "a" | "button";
     /**
      * What the base style of button is
      * @default 'accent'
@@ -135,26 +121,6 @@ export declare const Button: React.ForwardRefExoticComponent<AriaButtonOptions<R
      * Whether an icon should display at the start of the Button and icon properties
      */
     iconStartProps?: IconProps;
-    /**
-     * Whether the button leading has an icon
-     * @deprecated use iconStartProps instead
-     */
-    hasLeadingIcon?: boolean;
-    /**
-     * Leading icon name
-     * @deprecated use iconStartProps instead
-     */
-    leadingIconName?: string;
-    /**
-     * Whether the button trailing has an icon
-     * @deprecated use iconEndProps instead
-     */
-    hasTrailingIcon?: boolean;
-    /**
-     * Trailing icon name
-     * @deprecated use iconEndProps instead
-     */
-    trailingIconName?: string;
     /**
      * isLoading is a boolean that will show a spinner in the button
      */
@@ -175,11 +141,6 @@ export declare const Button: React.ForwardRefExoticComponent<AriaButtonOptions<R
      * Whether the button should be full width.
      */
     fullWidth?: boolean;
-    /**
-     * @deprecated onPress should be preferred
-     * Handler to be called when the button is clicked.
-     */
-    onClick?: React.MouseEventHandler;
     /**
      * The target of the link (if `as` is set to 'a').
      */
@@ -188,9 +149,18 @@ export declare const Button: React.ForwardRefExoticComponent<AriaButtonOptions<R
      *  What type of focus style to apply to the button.
      */
     focusStyle?: "default" | "white";
+    /**
+     * The slot of the button
+     */
+    slot?: string;
+    /**
+     * Set to true to style button as an icon button
+     * @ignore
+     */
+    iconButton?: boolean;
     /**
      * Passthrough props for the button element.
      */
     passthroughProps?: Partial<any> | undefined;
-} & React.RefAttributes<any>>;
+} & import('react').RefAttributes<any>>;
 export default Button;

package/dist/components/Button/Button.js

@@ -8,35 +8,39 @@ import { useFocusRing } from "@react-aria/focus";
 import { Icon } from "../Icon/Icon.js";
 import LoadingSpinner from "../LoadingSpinner/LoadingSpinner.js";
 import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
-import '../../assets/Button.css';const button$1 = "_button_18yvx_1";
-const content = "_content_18yvx_19";
-const isNotLoading = "_isNotLoading_18yvx_28";
-const loadingSpinner = "_loadingSpinner_18yvx_28";
-const isLoading = "_isLoading_18yvx_37";
-const focusWhite = "_focusWhite_18yvx_53";
-const sm = "_sm_18yvx_60";
-const md = "_md_18yvx_69";
-const lg = "_lg_18yvx_78";
-const fullWidth = "_fullWidth_18yvx_87";
-const textAlignLeft = "_textAlignLeft_18yvx_94";
-const textAlignCenter = "_textAlignCenter_18yvx_98";
-const textAlignRight = "_textAlignRight_18yvx_102";
-const accentPrimary = "_accentPrimary_18yvx_110";
-const accentSecondary = "_accentSecondary_18yvx_134";
-const accentTertiary = "_accentTertiary_18yvx_168";
-const accentQuaternary = "_accentQuaternary_18yvx_198";
-const criticalPrimary = "_criticalPrimary_18yvx_228";
-const criticalSecondary = "_criticalSecondary_18yvx_253";
-const criticalTertiary = "_criticalTertiary_18yvx_287";
-const criticalQuaternary = "_criticalQuaternary_18yvx_317";
-const neutralPrimary = "_neutralPrimary_18yvx_348";
-const neutralSecondary = "_neutralSecondary_18yvx_373";
-const neutralTertiary = "_neutralTertiary_18yvx_406";
-const neutralQuaternary = "_neutralQuaternary_18yvx_436";
-const whitePrimary = "_whitePrimary_18yvx_467";
-const whiteSecondary = "_whiteSecondary_18yvx_497";
-const whiteTertiary = "_whiteTertiary_18yvx_530";
-const whiteQuaternary = "_whiteQuaternary_18yvx_560";
+import '../../assets/Button.css';const button$1 = "_button_1u9p3_1";
+const content = "_content_1u9p3_19";
+const isNotLoading = "_isNotLoading_1u9p3_28";
+const loadingSpinner = "_loadingSpinner_1u9p3_28";
+const isLoading = "_isLoading_1u9p3_37";
+const focusWhite = "_focusWhite_1u9p3_53";
+const sm = "_sm_1u9p3_60";
+const md = "_md_1u9p3_69";
+const lg = "_lg_1u9p3_78";
+const iconButton = "_iconButton_1u9p3_87";
+const iconButton__sm = "_iconButton__sm_1u9p3_91";
+const iconButton__md = "_iconButton__md_1u9p3_95";
+const iconButton__lg = "_iconButton__lg_1u9p3_99";
+const fullWidth = "_fullWidth_1u9p3_103";
+const textAlignLeft = "_textAlignLeft_1u9p3_110";
+const textAlignCenter = "_textAlignCenter_1u9p3_114";
+const textAlignRight = "_textAlignRight_1u9p3_118";
+const accentPrimary = "_accentPrimary_1u9p3_126";
+const accentSecondary = "_accentSecondary_1u9p3_150";
+const accentTertiary = "_accentTertiary_1u9p3_184";
+const accentQuaternary = "_accentQuaternary_1u9p3_214";
+const criticalPrimary = "_criticalPrimary_1u9p3_244";
+const criticalSecondary = "_criticalSecondary_1u9p3_269";
+const criticalTertiary = "_criticalTertiary_1u9p3_303";
+const criticalQuaternary = "_criticalQuaternary_1u9p3_333";
+const neutralPrimary = "_neutralPrimary_1u9p3_364";
+const neutralSecondary = "_neutralSecondary_1u9p3_389";
+const neutralTertiary = "_neutralTertiary_1u9p3_422";
+const neutralQuaternary = "_neutralQuaternary_1u9p3_452";
+const whitePrimary = "_whitePrimary_1u9p3_483";
+const whiteSecondary = "_whiteSecondary_1u9p3_513";
+const whiteTertiary = "_whiteTertiary_1u9p3_546";
+const whiteQuaternary = "_whiteQuaternary_1u9p3_576";
 const styles = {
   button: button$1,
   content,
@@ -47,6 +51,10 @@ const styles = {
   sm,
   md,
   lg,
+  iconButton,
+  iconButton__sm,
+  iconButton__md,
+  iconButton__lg,
   fullWidth,
   textAlignLeft,
   textAlignCenter,
@@ -114,12 +122,27 @@ const button = cva(styles.button, {
       left: styles.textAlignLeft,
       center: styles.textAlignCenter,
       right: styles.textAlignRight
+    },
+    iconButton: {
+      true: styles.iconButton
     }
   },
   compoundVariants: [{
     size: "md",
     accent: "primary",
     className: styles.accentPrimary
+  }, {
+    size: "sm",
+    iconButton: true,
+    className: styles.iconButton__sm
+  }, {
+    size: "md",
+    iconButton: true,
+    className: styles.iconButton__md
+  }, {
+    size: "lg",
+    iconButton: true,
+    className: styles.iconButton__lg
   }],
   defaultVariants: {
     size: "md"
@@ -128,20 +151,19 @@ const button = cva(styles.button, {
 const Button = forwardRef(function Button2({
   as,
   elementType,
-  styleType,
   styleVariant,
   emphasis = "primary",
   size = "md",
   iconStartProps,
   iconEndProps,
-  leadingIconName,
-  trailingIconName,
   children,
   fullWidth: fullWidth2,
   textAlign = "center",
   focusStyle = "default",
   passthroughProps,
   isLoading: isLoading2 = false,
+  iconButton: iconButton2,
+  slot,
   ...props
 }, forwardedRef) {
   const ref = useObjectRef(forwardedRef);
@@ -171,30 +193,25 @@ const Button = forwardRef(function Button2({
     }
     return label;
   };
-  const resolvedStyleVariant = styleVariant ?? styleType ?? "accent";
+  const resolvedStyleVariant = styleVariant ?? "accent";
   const className = button({
     size,
     fullWidth: fullWidth2,
     focusStyle,
     isLoading: isLoading2,
     textAlign,
+    iconButton: iconButton2,
     [resolvedStyleVariant]: emphasis
   });
-  const Component = elementType ?? as ?? "button";
-  const resolvedIconStartProps = leadingIconName ? {
-    iconName: leadingIconName
-  } : iconStartProps;
-  const resolvedIconEndProps = trailingIconName ? {
-    iconName: trailingIconName
-  } : iconEndProps;
+  const Component = as ?? "button";
   return /* @__PURE__ */ jsx(Component, { className: `${className} ${focusStyleVariants({
     focusStyle
-  })}`, ref, "data-focused": isFocused ? true : void 0, "data-focus-visible": isFocusVisible ? true : void 0, "data-hovered": isHovered ? true : void 0, "data-pressed": isPressed ? true : void 0, "aria-label": getAriaLabel(), "aria-disabled": props.isDisabled ? true : void 0, ...mergeProps(buttonProps, hoverProps, focusProps), ...passthroughProps, children: /* @__PURE__ */ jsxs(Fragment, { children: [
-    isLoading2 && /* @__PURE__ */ jsx(LoadingSpinner, { className: styles.loadingSpinner, size: size === "lg" ? "lg" : "1x", "aria-hidden": "true" }),
+  })}`, ref, "data-focused": isFocused ? true : void 0, "data-focus-visible": isFocusVisible ? true : void 0, "data-hovered": isHovered ? true : void 0, "data-pressed": isPressed ? true : void 0, "aria-label": getAriaLabel(), "aria-disabled": props.isDisabled ? true : void 0, slot, ...mergeProps(buttonProps, hoverProps, focusProps), ...passthroughProps, children: /* @__PURE__ */ jsxs(Fragment, { children: [
+    isLoading2 && /* @__PURE__ */ jsx(LoadingSpinner, { className: styles.loadingSpinner, size: size === "lg" ? "1.25x" : "1x", "aria-hidden": "true" }),
     /* @__PURE__ */ jsxs("span", { className: styles.content, children: [
-      resolvedIconStartProps && /* @__PURE__ */ jsx(Icon, { ...resolvedIconStartProps, "aria-hidden": "true" }),
+      iconStartProps && /* @__PURE__ */ jsx(Icon, { ...iconStartProps, "aria-hidden": "true" }),
       children,
-      resolvedIconEndProps && /* @__PURE__ */ jsx(Icon, { ...resolvedIconEndProps, "aria-hidden": "true" })
+      iconEndProps && /* @__PURE__ */ jsx(Icon, { ...iconEndProps, "aria-hidden": "true" })
     ] })
   ] }) });
 });

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import React from "react";
+import React__default from "react";
 import { c as cva } from "../../index-DdUYounA.js";
 import '../../assets/ButtonGroup.css';const buttonGroup = "_buttonGroup_zcnod_2";
 const alignStart = "_alignStart_zcnod_10";
@@ -41,7 +41,7 @@ const ButtonGroup = ({
 }) => {
   return /* @__PURE__ */ jsx("div", { className: `${buttonGroupStyles({
     align
-  })}`, role: "group", "aria-label": "Button Group", children: React.Children.map(children, (child) => child) });
+  })}`, role: "group", "aria-label": "Button Group", children: React__default.Children.map(children, (child) => child) });
 };
 export {
   ButtonGroup,

package/dist/components/CalloutBanner/CalloutBanner.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import React from "react";
+import React__default from "react";
 import { Icon } from "../Icon/Icon.js";
 import { c as cva } from "../../index-DdUYounA.js";
 import { IconButton } from "../IconButton/IconButton.js";
@@ -64,7 +64,7 @@ const CalloutBanner = ({
   hideIllustration = false,
   alignButtons = "left"
 }) => {
-  const iconName = React.useMemo(() => {
+  const iconName = React__default.useMemo(() => {
     switch (styleVariant) {
       case "critical":
         return "circle-exclamation";
@@ -86,7 +86,7 @@ const CalloutBanner = ({
     /* @__PURE__ */ jsxs("div", { className: styles["calloutBanner__start"], children: [
       !hideIllustration && (customAsset ? /* @__PURE__ */ jsx("div", { className: styles["calloutBanner__custom-asset"], children: customAsset }) : /* @__PURE__ */ jsx("div", { className: styles["calloutBanner__default-asset"], children: /* @__PURE__ */ jsx(Icon, { iconName, iconPrefix: "fas", className: styles["calloutBanner__icon"], iconSize: "1.25x", padding: "roomy" }) })),
       /* @__PURE__ */ jsxs("div", { className: styles["calloutBanner__meta"], children: [
-        hasOnDismiss && /* @__PURE__ */ jsx("div", { className: styles["calloutBanner__dismiss"], children: /* @__PURE__ */ jsx(IconButton, { onClick: onDismiss, styleVariant: emphasis === "primary" ? "white" : "neutral", emphasis: "quaternary", size: "sm", iconProps: {
+        hasOnDismiss && /* @__PURE__ */ jsx("div", { className: styles["calloutBanner__dismiss"], children: /* @__PURE__ */ jsx(IconButton, { onPress: onDismiss, styleVariant: emphasis === "primary" ? "white" : "neutral", emphasis: "quaternary", size: "sm", iconProps: {
           iconName: "close",
           iconPrefix: "far",
           iconSize: "1x"

package/dist/components/Carousel/AutoplayControl/AutoplayControl.d.ts

@@ -0,0 +1,27 @@
+export interface AutoplayControlProps {
+    /**
+     * Focus style
+     * @default 'default'
+     */
+    focusStyle?: 'default' | 'white';
+    /**
+     * Style variant of the button
+     * @default 'neutralVibrant'
+     */
+    variant?: 'neutralVibrant' | 'neutralSubtle' | 'whiteVibrant' | 'whiteSubtle';
+    /**
+     * Size of the button
+     * @default 'md'
+     */
+    size?: 'sm' | 'md';
+    /**
+     * Additional CSS class name for the container
+     */
+    className?: string;
+    /**
+     * Additional CSS class name for the button
+     */
+    buttonClassName?: string;
+}
+export declare const AutoplayControl: ({ variant, size, focusStyle, className, buttonClassName, }: AutoplayControlProps) => import("react/jsx-runtime").JSX.Element;
+export default AutoplayControl;