@marigold/components 10.1.2 → 10.2.0

package/dist/index.js

@@ -4143,12 +4143,26 @@ _Tooltip.Trigger = _TooltipTrigger;
 var import_visually_hidden = require("@react-aria/visually-hidden");
 
 // src/XLoader/XLoader.tsx
+var import_react64 = require("react");
 var import_react_aria_components57 = require("react-aria-components");
 var import_system90 = require("@marigold/system");
 
 // src/XLoader/BaseLoader.tsx
 var import_react_aria_components56 = require("react-aria-components");
+var import_i18n6 = require("@react-aria/i18n");
 var import_system89 = require("@marigold/system");
+
+// src/intl/messages.ts
+var intlMessages2 = {
+  "de-DE": {
+    loadingMessage: "Lade..."
+  },
+  "en-US": {
+    loadingMessage: "Loading..."
+  }
+};
+
+// src/XLoader/BaseLoader.tsx
 var import_jsx_runtime108 = require("react/jsx-runtime");
 var BaseLoader = ({
   variant,
@@ -4157,13 +4171,14 @@ var BaseLoader = ({
   "aria-label": ariaLabel,
   ...props
 }) => {
+  const stringFormatter = (0, import_i18n6.useLocalizedStringFormatter)(intlMessages2, "marigold");
   const className = (0, import_system89.useClassNames)({ component: "XLoader", variant, size });
   return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
     import_react_aria_components56.ProgressBar,
     {
       className: className.container,
       isIndeterminate: true,
-      "aria-label": ariaLabel || children ? ariaLabel : "Loading...",
+      "aria-label": ariaLabel || children ? ariaLabel : stringFormatter.format("loadingMessage"),
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
@@ -4385,12 +4400,8 @@ var BaseLoader = ({
 // src/XLoader/XLoader.tsx
 var import_jsx_runtime109 = require("react/jsx-runtime");
 var LoaderFullSize = (props) => {
-  const className = (0, import_system90.useClassNames)({
-    component: "Underlay",
-    variant: "modal",
-    className: "fixed left-0 top-0 z-10 h-[--visual-viewport-height] w-screen"
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react_aria_components57.ModalOverlay, { defaultOpen: true, className, isKeyboardDismissDisabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react_aria_components57.Modal, { className: "grid h-[--visual-viewport-height] cursor-progress place-items-center", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react_aria_components57.Dialog, { className: "outline-0", "aria-label": "Fullscreen Loader", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(BaseLoader, { ...props }) }) }) });
+  const id = (0, import_react64.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Underlay, { defaultOpen: true, keyboardDismissable: true, variant: "modal", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react_aria_components57.Modal, { className: "grid h-[--visual-viewport-height] cursor-progress place-items-center", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react_aria_components57.Dialog, { className: "outline-0", "aria-labelledby": id, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(BaseLoader, { id, ...props }) }) }) });
 };
 var LoaderInline = (props) => {
   const className = (0, import_system90.useClassNames)({
@@ -4407,9 +4418,9 @@ var import_react_aria_components61 = require("react-aria-components");
 var import_system93 = 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_react65 = require("react");
+var TabContext = (0, import_react65.createContext)({});
+var useTabContext = () => (0, import_react65.useContext)(TabContext);
 
 // src/Tabs/Tab.tsx
 var import_react_aria_components58 = require("react-aria-components");

package/dist/index.mjs

@@ -4128,12 +4128,26 @@ _Tooltip.Trigger = _TooltipTrigger;
 import { VisuallyHidden } from "@react-aria/visually-hidden";
 
 // src/XLoader/XLoader.tsx
-import { Dialog as Dialog2, Modal as Modal2, ModalOverlay as ModalOverlay2 } from "react-aria-components";
+import { useId as useId2 } from "react";
+import { Dialog as Dialog2, Modal as Modal2 } from "react-aria-components";
 import { useClassNames as useClassNames58 } from "@marigold/system";
 
 // src/XLoader/BaseLoader.tsx
 import { Label as Label2, ProgressBar as ProgressBar2 } from "react-aria-components";
+import { useLocalizedStringFormatter as useLocalizedStringFormatter2 } from "@react-aria/i18n";
 import { useClassNames as useClassNames57 } from "@marigold/system";
+
+// src/intl/messages.ts
+var intlMessages2 = {
+  "de-DE": {
+    loadingMessage: "Lade..."
+  },
+  "en-US": {
+    loadingMessage: "Loading..."
+  }
+};
+
+// src/XLoader/BaseLoader.tsx
 import { jsx as jsx107, jsxs as jsxs41 } from "react/jsx-runtime";
 var BaseLoader = ({
   variant,
@@ -4142,13 +4156,14 @@ var BaseLoader = ({
   "aria-label": ariaLabel,
   ...props
 }) => {
+  const stringFormatter = useLocalizedStringFormatter2(intlMessages2, "marigold");
   const className = useClassNames57({ component: "XLoader", variant, size });
   return /* @__PURE__ */ jsxs41(
     ProgressBar2,
     {
       className: className.container,
       isIndeterminate: true,
-      "aria-label": ariaLabel || children ? ariaLabel : "Loading...",
+      "aria-label": ariaLabel || children ? ariaLabel : stringFormatter.format("loadingMessage"),
       ...props,
       children: [
         /* @__PURE__ */ jsxs41(
@@ -4370,12 +4385,8 @@ var BaseLoader = ({
 // src/XLoader/XLoader.tsx
 import { jsx as jsx108 } from "react/jsx-runtime";
 var LoaderFullSize = (props) => {
-  const className = useClassNames58({
-    component: "Underlay",
-    variant: "modal",
-    className: "fixed left-0 top-0 z-10 h-[--visual-viewport-height] w-screen"
-  });
-  return /* @__PURE__ */ jsx108(ModalOverlay2, { defaultOpen: true, className, isKeyboardDismissDisabled: true, children: /* @__PURE__ */ jsx108(Modal2, { className: "grid h-[--visual-viewport-height] cursor-progress place-items-center", children: /* @__PURE__ */ jsx108(Dialog2, { className: "outline-0", "aria-label": "Fullscreen Loader", children: /* @__PURE__ */ jsx108(BaseLoader, { ...props }) }) }) });
+  const id = useId2();
+  return /* @__PURE__ */ jsx108(Underlay, { defaultOpen: true, keyboardDismissable: true, variant: "modal", children: /* @__PURE__ */ jsx108(Modal2, { className: "grid h-[--visual-viewport-height] cursor-progress place-items-center", children: /* @__PURE__ */ jsx108(Dialog2, { className: "outline-0", "aria-labelledby": id, children: /* @__PURE__ */ jsx108(BaseLoader, { id, ...props }) }) }) });
 };
 var LoaderInline = (props) => {
   const className = useClassNames58({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/components",
-  "version": "10.1.2",
+  "version": "10.2.0",
   "description": "Components for the Marigold Design System",
   "license": "MIT",
   "keywords": [
@@ -43,8 +43,8 @@
     "@react-types/shared": "3.27.0",
     "@react-types/table": "3.10.4",
     "react-aria-components": "1.6.0",
-    "@marigold/system": "10.1.2",
-    "@marigold/types": "1.2.0"
+    "@marigold/system": "10.2.0",
+    "@marigold/types": "1.2.1"
   },
   "peerDependencies": {
     "react": "19.x",
@@ -55,7 +55,7 @@
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "tsup": "8.3.5",
-    "@marigold/icons": "1.2.61",
+    "@marigold/icons": "1.2.63",
     "@marigold/tsconfig": "0.4.0"
   },
   "scripts": {