@marigold/components 11.1.0 → 11.2.0

package/dist/index.js

@@ -1394,7 +1394,7 @@ var _Headline = ({
         // possibly set by a <Container>
         import_system37.textAlign[align]
       ),
-      style: { color: color && `var(--color-${color})` },
+      style: { color: color && (0, import_system37.ensureCssVar)(color, "color") },
       children
     }
   );
@@ -2938,7 +2938,7 @@ var _Pagination = ({
         /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           NavigationButton,
           {
-            onPress: () => handlePageChange(Math.max(1, currentPage - 1)),
+            onClick: () => handlePageChange(Math.max(1, currentPage - 1)),
             "aria-label": "Page previous",
             isDisabled: isFirstPage,
             registerRef: (ref) => registerRef(NavigationTypes.Prev, currentPage - 1, ref),
@@ -2953,7 +2953,7 @@ var _Pagination = ({
             {
               page: pageNumber,
               selected: pageNumber === currentPage,
-              onPress: () => handlePageChange(pageNumber),
+              onClick: () => handlePageChange(pageNumber),
               registerRef: (ref) => registerRef(NavigationTypes.Page, pageNumber, ref)
             },
             pageNumber
@@ -2962,7 +2962,7 @@ var _Pagination = ({
         /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           NavigationButton,
           {
-            onPress: () => handlePageChange(Math.min(totalPages, currentPage + 1)),
+            onClick: () => handlePageChange(Math.min(totalPages, currentPage + 1)),
             "aria-label": "Page next",
             isDisabled: isLastPage,
             registerRef: (ref) => registerRef(NavigationTypes.Next, currentPage + 1, ref),
@@ -3882,7 +3882,7 @@ var _Text = ({
         weight && import_system84.fontWeight[weight],
         fontSize && import_system84.textSize[fontSize]
       ),
-      style: { color: color && `var(--color-${color})` },
+      style: { color: color && (0, import_system84.ensureCssVar)(color, "color") },
       children
     }
   );
@@ -4015,8 +4015,8 @@ _Tooltip.Trigger = _TooltipTrigger;
 var import_visually_hidden = require("@react-aria/visually-hidden");
 
 // src/XLoader/XLoader.tsx
-var import_react63 = require("react");
 var import_react_aria_components61 = require("react-aria-components");
+var import_utils8 = require("@react-aria/utils");
 var import_system89 = require("@marigold/system");
 
 // src/XLoader/BaseLoader.tsx
@@ -4272,7 +4272,7 @@ var BaseLoader = ({
 // src/XLoader/XLoader.tsx
 var import_jsx_runtime110 = require("react/jsx-runtime");
 var LoaderFullScreen = (props) => {
-  const id = (0, import_react63.useId)();
+  const id = (0, import_utils8.useId)();
   return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Underlay, { defaultOpen: true, keyboardDismissable: true, variant: "modal", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_react_aria_components61.Modal, { className: "grid h-(--visual-viewport-height) cursor-progress place-items-center", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_react_aria_components61.Dialog, { className: "outline-0", "aria-labelledby": id, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(BaseLoader, { id, ...props }) }) }) });
 };
 var LoaderSection = (props) => {
@@ -4290,9 +4290,9 @@ var import_react_aria_components65 = require("react-aria-components");
 var import_system92 = require("@marigold/system");
 
 // src/Tabs/Context.ts
-var import_react64 = require("react");
-var TabContext = (0, import_react64.createContext)({});
-var useTabContext = () => (0, import_react64.useContext)(TabContext);
+var import_react63 = require("react");
+var TabContext = (0, import_react63.createContext)({});
+var useTabContext = () => (0, import_react63.useContext)(TabContext);
 
 // src/Tabs/Tab.tsx
 var import_react_aria_components62 = require("react-aria-components");

package/dist/index.mjs

@@ -1268,7 +1268,12 @@ var _Header = ({ variant, size, ...props }) => {
 
 // src/Headline/Headline.tsx
 import { Heading as Heading2 } from "react-aria-components";
-import { cn as cn23, textAlign, useClassNames as useClassNames21 } from "@marigold/system";
+import {
+  cn as cn23,
+  ensureCssVar,
+  textAlign,
+  useClassNames as useClassNames21
+} from "@marigold/system";
 import { jsx as jsx41 } from "react/jsx-runtime";
 var _Headline = ({
   variant,
@@ -1295,7 +1300,7 @@ var _Headline = ({
         // possibly set by a <Container>
         textAlign[align]
       ),
-      style: { color: color && `var(--color-${color})` },
+      style: { color: color && ensureCssVar(color, "color") },
       children
     }
   );
@@ -2857,7 +2862,7 @@ var _Pagination = ({
         /* @__PURE__ */ jsx81(
           NavigationButton,
           {
-            onPress: () => handlePageChange(Math.max(1, currentPage - 1)),
+            onClick: () => handlePageChange(Math.max(1, currentPage - 1)),
             "aria-label": "Page previous",
             isDisabled: isFirstPage,
             registerRef: (ref) => registerRef(NavigationTypes.Prev, currentPage - 1, ref),
@@ -2872,7 +2877,7 @@ var _Pagination = ({
             {
               page: pageNumber,
               selected: pageNumber === currentPage,
-              onPress: () => handlePageChange(pageNumber),
+              onClick: () => handlePageChange(pageNumber),
               registerRef: (ref) => registerRef(NavigationTypes.Page, pageNumber, ref)
             },
             pageNumber
@@ -2881,7 +2886,7 @@ var _Pagination = ({
         /* @__PURE__ */ jsx81(
           NavigationButton,
           {
-            onPress: () => handlePageChange(Math.min(totalPages, currentPage + 1)),
+            onClick: () => handlePageChange(Math.min(totalPages, currentPage + 1)),
             "aria-label": "Page next",
             isDisabled: isLastPage,
             registerRef: (ref) => registerRef(NavigationTypes.Next, currentPage + 1, ref),
@@ -3802,6 +3807,7 @@ import { Text as Text2 } from "react-aria-components";
 import {
   cn as cn58,
   cursorStyle,
+  ensureCssVar as ensureCssVar2,
   fontWeight,
   textAlign as textAlign2,
   textSize,
@@ -3844,7 +3850,7 @@ var _Text = ({
         weight && fontWeight[weight],
         fontSize && textSize[fontSize]
       ),
-      style: { color: color && `var(--color-${color})` },
+      style: { color: color && ensureCssVar2(color, "color") },
       children
     }
   );
@@ -3977,8 +3983,8 @@ _Tooltip.Trigger = _TooltipTrigger;
 import { VisuallyHidden } from "@react-aria/visually-hidden";
 
 // src/XLoader/XLoader.tsx
-import { useId } from "react";
 import { Dialog as Dialog2, Modal as Modal2 } from "react-aria-components";
+import { useId } from "@react-aria/utils";
 import { useClassNames as useClassNames58 } from "@marigold/system";
 
 // src/XLoader/BaseLoader.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/components",
-  "version": "11.1.0",
+  "version": "11.2.0",
   "description": "Components for the Marigold Design System",
   "license": "MIT",
   "keywords": [
@@ -24,7 +24,6 @@
   },
   "dependencies": {
     "@internationalized/date": "3.7.0",
-    "@react-aria/accordion": "3.0.0-alpha.37",
     "@react-aria/button": "3.11.1",
     "@react-aria/calendar": "3.7.0",
     "@react-aria/focus": "3.19.1",
@@ -43,19 +42,19 @@
     "@react-types/shared": "3.27.0",
     "@react-types/table": "3.10.4",
     "react-aria-components": "1.6.0",
-    "@marigold/system": "11.1.0",
-    "@marigold/types": "1.2.1"
+    "@marigold/system": "11.2.0",
+    "@marigold/types": "1.3.0"
   },
   "peerDependencies": {
-    "react": "19.x",
-    "react-dom": "19.x"
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
   },
   "devDependencies": {
     "@types/react": "19.0.8",
     "react": "19.0.0",
     "react-dom": "19.0.0",
-    "tsup": "8.3.5",
-    "@marigold/icons": "1.2.68",
+    "tsup": "8.3.6",
+    "@marigold/icons": "1.3.0",
     "@marigold/tsconfig": "0.4.0"
   },
   "scripts": {