@obosbbl/grunnmuren-react 3.1.2 → 3.1.3

package/dist/index.d.mts

@@ -167,7 +167,7 @@ declare function Breadcrumbs(props: BreadcrumbsProps): react_jsx_runtime.JSX.Ele
  */
 declare const buttonVariants: (props?: ({
     variant?: "primary" | "secondary" | "tertiary" | undefined;
-    color?: "mint" | "white" | "blue" | undefined;
+    color?: "blue" | "mint" | "white" | undefined;
     isIconOnly?: boolean | undefined;
     isPending?: boolean | undefined;
 } & ({
@@ -194,7 +194,7 @@ type CardProps = VariantProps<typeof cardVariants> & HTMLAttributes<HTMLDivEleme
 };
 declare const cardVariants: (props?: ({
     variant?: "subtle" | "outlined" | undefined;
-    layout?: "horizontal" | "vertical" | undefined;
+    layout?: "vertical" | "horizontal" | undefined;
 } & ({
     class?: cva.ClassValue;
     className?: never;
@@ -351,7 +351,7 @@ type MediaProps = HTMLProps<HTMLDivElement> & VariantProps<typeof mediaVariant>
     ref?: Ref<HTMLDivElement>;
 };
 declare const mediaVariant: (props?: ({
-    fit?: "contain" | "cover" | undefined;
+    fit?: "cover" | "contain" | undefined;
 } & ({
     class?: cva.ClassValue;
     className?: never;

package/dist/index.mjs

@@ -492,7 +492,7 @@ function isLinkProps$1(props) {
 }
 function Backlink(props) {
     const { className, style, children, withUnderline, ref, ...restProps } = props;
-    const _className = cx(className, 'group flex! max-w-fit cursor-pointer items-center gap-3 rounded-md p-2.5 font-normal no-underline focus-visible:outline-focus');
+    const _className = cx(className, 'group flex max-w-fit cursor-pointer items-center gap-3 rounded-md p-2.5 font-normal no-underline focus-visible:outline-focus');
     const content = /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsx(ChevronLeft, {
@@ -1079,33 +1079,36 @@ const Carousel = ({ className, children, onChange, ...rest })=>{
         }
     }, 150);
     const handlePrevious = ()=>{
-        const targetIndex = scrollTargetIndex - 1;
-        if (targetIndex < 0) {
-            return;
-        }
-        if (isScrollingProgrammatically.current) {
-            // If we're already scrolling, queue this action
-            scrollQueue.current = [
-                targetIndex
-            ];
-        } else {
-            setScrollTargetIndex(targetIndex);
-        }
+        setScrollTargetIndex((currentTargetIndex)=>{
+            const targetIndex = currentTargetIndex - 1;
+            if (targetIndex < 0) {
+                return currentTargetIndex;
+            }
+            if (isScrollingProgrammatically.current) {
+                // If we're already scrolling, queue this action
+                scrollQueue.current = [
+                    targetIndex
+                ];
+                return currentTargetIndex;
+            }
+            return targetIndex;
+        });
     };
     const handleNext = ()=>{
-        if (!carouselItemsRef.current) return;
-        const targetIndex = scrollTargetIndex + 1;
-        if (targetIndex >= carouselItemsRef.current.children.length) {
-            return;
-        }
-        if (isScrollingProgrammatically.current) {
-            // If we're already scrolling, queue this action
-            scrollQueue.current = [
-                targetIndex
-            ];
-        } else {
-            setScrollTargetIndex(targetIndex);
-        }
+        setScrollTargetIndex((currentTargetIndex)=>{
+            const targetIndex = currentTargetIndex + 1;
+            if (!carouselItemsRef.current || targetIndex >= carouselItemsRef.current.children.length) {
+                return currentTargetIndex;
+            }
+            if (isScrollingProgrammatically.current) {
+                // If we're already scrolling, queue this action
+                scrollQueue.current = [
+                    targetIndex
+                ];
+                return currentTargetIndex;
+            }
+            return targetIndex;
+        });
     };
     return /*#__PURE__*/ jsx("div", {
         "data-slot": "carousel",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@obosbbl/grunnmuren-react",
-  "version": "3.1.2",
+  "version": "3.1.3",
   "description": "Grunnmuren components in React",
   "repository": {
     "url": "https://github.com/code-obos/grunnmuren"