@alto-avios/alto-ui 3.4.0-alpha.2 → 3.4.0-alpha.3

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

@@ -4,11 +4,6 @@ export interface CarouselProps {
      * Content to be displayed in the carousel
      */
     children?: React.ReactNode | React.ReactNode[];
-    /**
-     * Carousel variant
-     * @default 'default'
-     */
-    variant?: 'default' | 'minimal';
     /**
      * Looping behavior
      * - 'infinite': Carousel loops continuously
@@ -54,6 +49,11 @@ export interface CarouselProps {
      * @default 'md'
      */
     buttonSize?: 'sm' | 'md' | 'lg';
+    /**
+     * Whether to hide navigation buttons when disabled
+     * @default false
+     */
+    hideWhenDisabled?: boolean;
     /**
      * Focus style for interactive elements
      * @default 'default'
@@ -146,5 +146,5 @@ export interface CarouselProps {
      */
     activeDotClassName?: string;
 }
-export declare const Carousel: ({ children, looping, className, itemsPerPage, spaceBetweenItems, hasScrollPeek, iconType, carouselArrow, buttonSize, focusStyle, dotSize, dotsVariant, hideDots, enableTapCycling, isPaused, autoPlayInterval, autoPlayControlVariant, autoPlayControlSize, mouseDragging, carouselWrapperClassName, controlsClassName, prevButtonClassName, nextButtonClassName, autoplayControlClassName, dotsContainerClassName, dotsWrapperClassName, dotClassName, activeDotClassName, }: CarouselProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Carousel: ({ children, looping, className, itemsPerPage, spaceBetweenItems, hasScrollPeek, iconType, carouselArrow, buttonSize, hideWhenDisabled, focusStyle, dotSize, dotsVariant, hideDots, enableTapCycling, isPaused, autoPlayInterval, autoPlayControlVariant, autoPlayControlSize, mouseDragging, carouselWrapperClassName, controlsClassName, prevButtonClassName, nextButtonClassName, autoplayControlClassName, dotsContainerClassName, dotsWrapperClassName, dotClassName, activeDotClassName, }: CarouselProps) => import("react/jsx-runtime").JSX.Element;
 export default Carousel;

package/dist/components/Carousel/Carousel.js

@@ -61,6 +61,7 @@ const Carousel = ({
   iconType = "chevron",
   carouselArrow = "neutral",
   buttonSize = "md",
+  hideWhenDisabled = false,
   focusStyle = "default",
   // Dots/Tabs Props
   dotSize = "md",
@@ -223,8 +224,8 @@ const Carousel = ({
     isPaused && /* @__PURE__ */ jsx("div", { className: `${styles.autoplayControlWrapper} ${autoplayControlClassName || ""}`, children: /* @__PURE__ */ jsx(AutoplayControl, { variant: autoPlayControlVariant, size: autoPlayControlSize, className: "" }) }),
     /* @__PURE__ */ jsx(CarouselScroller, { className: styles.scroller, children: items.map((child, index) => /* @__PURE__ */ jsx(CarouselItem, { className: styles.item, children: child }, index)) }),
     /* @__PURE__ */ jsxs("div", { className: `${styles.controls} ${controlsClassName}`, children: [
-      /* @__PURE__ */ jsx(CarouselButton, { dir: "prev", variant: carouselArrow, size: buttonSize, focusStyle, iconType, className: prevButtonClassName }),
-      /* @__PURE__ */ jsx(CarouselButton, { dir: "next", variant: carouselArrow, size: buttonSize, focusStyle, iconType, className: nextButtonClassName })
+      /* @__PURE__ */ jsx(CarouselButton, { dir: "prev", variant: carouselArrow, size: buttonSize, focusStyle, iconType, hideWhenDisabled, className: prevButtonClassName }),
+      /* @__PURE__ */ jsx(CarouselButton, { dir: "next", variant: carouselArrow, size: buttonSize, focusStyle, iconType, hideWhenDisabled, className: nextButtonClassName })
     ] }),
     /* @__PURE__ */ jsx("div", { className: styles.hiddenTabs, children: /* @__PURE__ */ jsx(CarouselTabs, { children: (page) => /* @__PURE__ */ jsx(CarouselTab, { index: page.index, "data-index": page.index, "data-slide-tab": "true" }, page.index) }) }),
     !hideDots && /* @__PURE__ */ jsx(CarouselDots, { totalItems: totalPages, currentPage, onDotClick: (index) => {

package/dist/components/Carousel/Carousel.js.map

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

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

@@ -23,11 +23,6 @@ export interface CarouselButtonProps {
      * @default false
      */
     hideWhenDisabled?: boolean;
-    /**
-     * Icon type to use
-     * @default 'chevron'
-     */
-    iconType?: 'chevron';
     /**
      * Additional CSS class name for the button container
      */
@@ -36,6 +31,10 @@ export interface CarouselButtonProps {
      * Additional CSS class name for the button content
      */
     buttonClassName?: string;
+    /**
+     * @private
+     */
+    iconType?: 'chevron';
 }
 export declare const CarouselButton: ({ dir, variant, size, focusStyle, hideWhenDisabled, iconType, className, buttonClassName, }: CarouselButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default CarouselButton;

package/dist/components/index.d.ts

@@ -7,6 +7,7 @@ export { default as Button } from './Button';
 export { default as ButtonGroup } from './ButtonGroup';
 export { default as CalloutBanner } from './CalloutBanner';
 export { default as CardSection } from './CardSection';
+export { default as Carousel } from './Carousel';
 export { default as Checkbox } from './Checkbox';
 export { default as CheckboxGroup } from './CheckboxGroup';
 export { default as CreditCardNumberField } from './CreditCardNumberField';

package/dist/components/index.js

@@ -8,6 +8,7 @@ import { Button } from "./Button/Button.js";
 import { ButtonGroup } from "./ButtonGroup/ButtonGroup.js";
 import { CalloutBanner } from "./CalloutBanner/CalloutBanner.js";
 import { default as default2 } from "./CardSection/CardSection.js";
+import { Carousel } from "./Carousel/Carousel.js";
 import { Checkbox } from "./Checkbox/Checkbox.js";
 import { CheckboxGroup } from "./CheckboxGroup/CheckboxGroup.js";
 import { CreditCardNumberField } from "./CreditCardNumberField/CreditCardNumberField.js";
@@ -66,6 +67,7 @@ export {
   ButtonGroup,
   CalloutBanner,
   default2 as CardSection,
+  Carousel,
   Checkbox,
   CheckboxGroup,
   CreditCardNumberField,

package/dist/components/index.js.map

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

package/dist/index.js

@@ -8,6 +8,7 @@ import { Button } from "./components/Button/Button.js";
 import { ButtonGroup } from "./components/ButtonGroup/ButtonGroup.js";
 import { CalloutBanner } from "./components/CalloutBanner/CalloutBanner.js";
 import { default as default2 } from "./components/CardSection/CardSection.js";
+import { Carousel } from "./components/Carousel/Carousel.js";
 import { Checkbox } from "./components/Checkbox/Checkbox.js";
 import { CheckboxGroup } from "./components/CheckboxGroup/CheckboxGroup.js";
 import { CreditCardNumberField } from "./components/CreditCardNumberField/CreditCardNumberField.js";
@@ -66,6 +67,7 @@ export {
   ButtonGroup,
   CalloutBanner,
   default2 as CardSection,
+  Carousel,
   Checkbox,
   CheckboxGroup,
   CreditCardNumberField,

package/dist/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alto-avios/alto-ui",
-  "version": "3.4.0-alpha.2",
+  "version": "3.4.0-alpha.3",
   "description": "A react component library for Alto Design System",
   "author": {
     "name": "Ian Caldwell IAGL",