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

package/dist/components/Carousel/Carousel.js

@@ -236,7 +236,7 @@ const Carousel = ({
       } else {
         navigateToSlide(index);
       }
-    }, tabSize: dotSize, dotSize, variant: dotsVariant, className: `${dotsContainerClassName} ${enableTapCycling ? styles.tapEnabled : ""}`, dotsWrapperClassName, dotClassName, activeDotClassName })
+    }, focusStyle, dotSize, variant: dotsVariant, className: `${dotsContainerClassName} ${enableTapCycling ? styles.tapEnabled : ""}`, dotsWrapperClassName, dotClassName, activeDotClassName })
   ] }) });
 };
 export {

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

@@ -4,7 +4,7 @@ export interface CarouselDotsProps {
     currentPage: number;
     onDotClick: (index: number) => void;
     dotSize?: 'md' | 'lg';
-    tabSize?: 'md' | 'lg';
+    focusStyle?: 'default' | 'white';
     variant?: 'standard' | 'transparent';
     className?: string;
     dotsWrapperClassName?: string;

package/dist/components/Carousel/CarouselDots/CarouselDots.js

@@ -2,6 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useRef, useState, useEffect, useCallback } from "react";
 import { useFocusRing } from "@react-aria/focus";
 import { useHover } from "@react-aria/interactions";
+import { focusStyleVariants } from "../../../utils/focus/focusStyles.js";
 import '../../../assets/CarouselDots.css';const tabsContainer = "_tabsContainer_1yet6_1";
 const tabs = "_tabs_1yet6_1";
 const transparent = "_transparent_1yet6_28";
@@ -29,9 +30,8 @@ const CarouselDots = ({
   currentPage,
   onDotClick,
   dotSize = "md",
-  tabSize,
-  // For backward compatibility
   variant = "standard",
+  focusStyle = "default",
   className = "",
   dotsWrapperClassName = "",
   dotClassName = "",
@@ -39,7 +39,7 @@ const CarouselDots = ({
 }) => {
   const tabsRef = useRef(null);
   const wrapperRef = useRef(null);
-  const effectiveDotSize = dotSize || tabSize || "md";
+  const effectiveDotSize = dotSize || "md";
   const {
     isFocusVisible,
     focusProps
@@ -51,6 +51,9 @@ const CarouselDots = ({
   const [isAnimating, setIsAnimating] = useState(false);
   const [prevPage, setPrevPage] = useState(currentPage);
   const [offsetPercentage, setOffsetPercentage] = useState(0);
+  const focusClass = focusStyleVariants({
+    focusStyle
+  });
   const handleKeyDown = (e) => {
     if (e.key === "ArrowRight" || e.key === "ArrowDown") {
       e.preventDefault();
@@ -93,6 +96,7 @@ const CarouselDots = ({
   const getDotsWrapperClasses = () => {
     const classes = [styles.tabs];
     if (variant === "transparent") classes.push(styles.transparent);
+    classes.push(focusClass);
     if (dotsWrapperClassName) classes.push(dotsWrapperClassName);
     return classes.join(" ");
   };

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

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

package/dist/components/index.d.ts

@@ -48,6 +48,7 @@ export { default as Section } from './Section';
 export { default as Select } from './SelectNative';
 export { default as SelectCard } from './SelectCard';
 export { default as SelectNative } from './SelectNative';
+export { default as Slider } from './Slider';
 export { default as SubHeading } from './SubHeading';
 export { default as Switch } from './Switch';
 export { default as Tag } from './Tag';

package/dist/components/index.js

@@ -48,6 +48,7 @@ import { SearchField } from "./SearchField/SearchField.js";
 import { default as default8 } from "./Section/Section.js";
 import { SelectNative, SelectNative as SelectNative2 } from "./SelectNative/SelectNative.js";
 import { default as default9 } from "./SelectCard/SelectCard.js";
+import { Slider } from "./Slider/Slider.js";
 import { SubHeading } from "./SubHeading/SubHeading.js";
 import { Switch } from "./Switch/Switch.js";
 import { Tag } from "./Tag/Tag.js";
@@ -108,6 +109,7 @@ export {
   SelectNative as Select,
   default9 as SelectCard,
   SelectNative2 as SelectNative,
+  Slider,
   SubHeading,
   Switch,
   Tag,

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

@@ -48,6 +48,7 @@ import { SearchField } from "./components/SearchField/SearchField.js";
 import { default as default8 } from "./components/Section/Section.js";
 import { SelectNative, SelectNative as SelectNative2 } from "./components/SelectNative/SelectNative.js";
 import { default as default9 } from "./components/SelectCard/SelectCard.js";
+import { Slider } from "./components/Slider/Slider.js";
 import { SubHeading } from "./components/SubHeading/SubHeading.js";
 import { Switch } from "./components/Switch/Switch.js";
 import { Tag } from "./components/Tag/Tag.js";
@@ -108,6 +109,7 @@ export {
   SelectNative as Select,
   default9 as SelectCard,
   SelectNative2 as SelectNative,
+  Slider,
   SubHeading,
   Switch,
   Tag,

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.3",
+  "version": "3.4.0-alpha.4",
   "description": "A react component library for Alto Design System",
   "author": {
     "name": "Ian Caldwell IAGL",