@commercetools/nimbus 0.0.0-canary-20251020195126 → 0.0.0-canary-20251021173355

package/dist/chunks/{index-D6WdXWQX.es.js → index-DgmyBTGN.es.js}

@@ -3,7 +3,7 @@ import { themeTokens as t, designTokens as z } from "@commercetools/nimbus-token
 import { a as k } from "./avatar.recipe-DfyPWbFZ.es.js";
 import { b as R } from "./badge.recipe-DsV4A_UD.es.js";
 import { b as d, a as I } from "./toggle-button-group.recipe-CbCnJQP3.es.js";
-import { defineRecipe as r, defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
+import { defineRecipe as a, defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
 import { i as C } from "./icon.recipe-DjkjodUn.es.js";
 const P = /* @__PURE__ */ b({
   "slide-fade-in": {
@@ -55,8 +55,8 @@ const P = /* @__PURE__ */ b({
 });
 function W(i) {
   const n = {};
-  for (const a in i)
-    i[a]?.value ? n[a] = i[a].value : n[a] = i[a];
+  for (const r in i)
+    i[r]?.value ? n[r] = i[r].value : n[r] = i[r];
   return n;
 }
 const _ = /* @__PURE__ */ W(t.breakpoints), N = /* @__PURE__ */ f({
@@ -371,7 +371,7 @@ const _ = /* @__PURE__ */ W(t.breakpoints), N = /* @__PURE__ */ f({
       outlineOffset: "var(--focus-ring-offset)"
     }
   }
-}), T = /* @__PURE__ */ r({
+}), T = /* @__PURE__ */ a({
   className: "nimbus-code",
   base: {
     fontFamily: "mono",
@@ -438,7 +438,7 @@ const _ = /* @__PURE__ */ W(t.breakpoints), N = /* @__PURE__ */ f({
     alignItems: "center"
   }
   // TODO: there could be variants here
-}), L = /* @__PURE__ */ r({
+}), L = /* @__PURE__ */ a({
   className: "nimbus-heading",
   base: {
     fontFamily: "heading",
@@ -484,7 +484,7 @@ const _ = /* @__PURE__ */ W(t.breakpoints), N = /* @__PURE__ */ f({
   defaultVariants: {
     size: "xl"
   }
-}), A = /* @__PURE__ */ r({
+}), A = /* @__PURE__ */ a({
   className: "nimbus-kbd",
   base: {
     display: "inline-flex",
@@ -504,7 +504,7 @@ const _ = /* @__PURE__ */ W(t.breakpoints), N = /* @__PURE__ */ f({
     borderBottom: "solid-50",
     borderColor: "currentColor"
   }
-}), V = /* @__PURE__ */ r({
+}), V = /* @__PURE__ */ a({
   className: "nimbus-link",
   // Base styles applied to all instances of the component
   base: {
@@ -549,7 +549,7 @@ const _ = /* @__PURE__ */ W(t.breakpoints), N = /* @__PURE__ */ f({
       }
     }
   }
-}), F = /* @__PURE__ */ r({
+}), F = /* @__PURE__ */ a({
   className: "nimbus-loading-spinner",
   base: {
     display: "inline-flex",
@@ -608,7 +608,7 @@ const _ = /* @__PURE__ */ W(t.breakpoints), N = /* @__PURE__ */ f({
     size: "sm",
     tone: "primary"
   }
-}), j = /* @__PURE__ */ r({
+}), j = /* @__PURE__ */ a({
   // Unique class name prefix for the component
   className: "nimbus-popover",
   // Base styles applied to all instances of the component
@@ -688,7 +688,7 @@ const _ = /* @__PURE__ */ W(t.breakpoints), N = /* @__PURE__ */ f({
   defaultVariants: {
     orientation: "vertical"
   }
-}), G = /* @__PURE__ */ r({
+}), G = /* @__PURE__ */ a({
   className: "nimbus-separator",
   // Base styles applied to all instances of the component
   base: {
@@ -714,7 +714,7 @@ const _ = /* @__PURE__ */ W(t.breakpoints), N = /* @__PURE__ */ f({
   defaultVariants: {
     orientation: "horizontal"
   }
-}), O = /* @__PURE__ */ r({
+}), O = /* @__PURE__ */ a({
   className: "nimbus-toggle-button",
   base: {
     ...d.base
@@ -824,7 +824,7 @@ const _ = /* @__PURE__ */ W(t.breakpoints), N = /* @__PURE__ */ f({
     size: "md",
     variant: "plain"
   }
-}), Y = /* @__PURE__ */ r({
+}), Y = /* @__PURE__ */ a({
   // Unique class name prefix for the component
   className: "nimbus-tooltip",
   // Base styles applied to all instances of the component
@@ -2262,7 +2262,7 @@ const _ = /* @__PURE__ */ W(t.breakpoints), N = /* @__PURE__ */ f({
       }
     }
   }
-}), re = /* @__PURE__ */ e({
+}), ae = /* @__PURE__ */ e({
   // Unique class name prefix for the component
   className: "nimbus-date-input",
   slots: [
@@ -2419,7 +2419,7 @@ const _ = /* @__PURE__ */ W(t.breakpoints), N = /* @__PURE__ */ f({
     size: "md",
     variant: "solid"
   }
-}), ae = /* @__PURE__ */ e({
+}), re = /* @__PURE__ */ e({
   // Unique class name prefix for the component
   className: "nimbus-date-picker",
   slots: [
@@ -3295,11 +3295,9 @@ const _ = /* @__PURE__ */ W(t.breakpoints), N = /* @__PURE__ */ f({
   className: "nimbus-money-input",
   base: {
     root: {
-      width: "full",
       position: "relative",
       fontFamily: "inherit",
       "& .nimbus-select__trigger": {
-        width: "2800",
         borderRightRadius: "0",
         // Show all but the right shadow
         boxShadow: "inset 0 1px 0 0 {colors.neutral.7}, inset 0 -1px 0 0 {colors.neutral.7}, inset 1px 0 0 0 {colors.neutral.7}"
@@ -3322,6 +3320,7 @@ const _ = /* @__PURE__ */ W(t.breakpoints), N = /* @__PURE__ */ f({
     },
     container: {
       display: "inline-flex",
+      width: "full",
       alignItems: "stretch",
       position: "relative"
     },
@@ -3346,13 +3345,13 @@ const _ = /* @__PURE__ */ W(t.breakpoints), N = /* @__PURE__ */ f({
       }
     },
     amountInput: {
+      flex: "1",
       borderLeftRadius: "0",
       // Ensure focus ring is visible above currency select
       _focusWithin: {
         zIndex: 2
       }
     },
-    // TODO: tackle this once "trailing element" is save to be rebased on top of
     badge: {
       position: "absolute",
       top: "0",
@@ -3369,9 +3368,7 @@ const _ = /* @__PURE__ */ W(t.breakpoints), N = /* @__PURE__ */ f({
       sm: {
         root: {
           fontSize: "fontSize.20",
-          "& .nimbus-select__trigger": {
-            width: "2600"
-          }
+          minWidth: "280px"
         },
         currencySelect: {
           padding: "0 spacing.20"
@@ -3387,9 +3384,7 @@ const _ = /* @__PURE__ */ W(t.breakpoints), N = /* @__PURE__ */ f({
       md: {
         root: {
           fontSize: "fontSize.30",
-          "& .nimbus-select__trigger": {
-            width: "2800"
-          }
+          minWidth: "360px"
         },
         currencySelect: {
           padding: "0 spacing.25"
@@ -5432,9 +5427,9 @@ const _ = /* @__PURE__ */ W(t.breakpoints), N = /* @__PURE__ */ f({
   alert: K,
   calendar: Q,
   rangeCalendar: xe,
-  dateInput: re,
+  dateInput: ae,
   dateRangePicker: ie,
-  datePicker: ae,
+  datePicker: re,
   dataTable: oe,
   radioInput: u,
   combobox: te,
@@ -5470,9 +5465,9 @@ const _ = /* @__PURE__ */ W(t.breakpoints), N = /* @__PURE__ */ f({
 ), De = /* @__PURE__ */ o.durations(t.aspectRatio), Le = /* @__PURE__ */ o.animations(t.animation), Ae = /* @__PURE__ */ o.blurs(t.blur), Ve = /* @__PURE__ */ o.borders(t.border), Fe = /* @__PURE__ */ o.colors({
   ...t.color["blacks-and-whites"]
 }), je = /* @__PURE__ */ o.durations(t.duration), Ge = /* @__PURE__ */ o.easings(t.easing), Oe = /* @__PURE__ */ o.fonts(t.fontFamily), Me = /* @__PURE__ */ o.fontSizes(t.fontSize), Ye = /* @__PURE__ */ o.fontWeights(t.fontWeight), Ue = (i) => Object.keys(i).reduce(
-  (n, a) => {
-    const m = parseFloat(i[a].value) / 100;
-    return n[a] = { value: `${m}em` }, n;
+  (n, r) => {
+    const m = parseFloat(i[r].value) / 100;
+    return n[r] = { value: `${m}em` }, n;
   },
   {}
 ), Xe = /* @__PURE__ */ o.letterSpacings(
@@ -5633,11 +5628,11 @@ export {
   Re as a,
   G as b,
   M as c,
-  re as d,
+  ae as d,
   We as e,
   we as f,
   ie as g,
-  ae as h,
+  re as h,
   Q as i,
   fe as j,
   u as k,
@@ -5652,4 +5647,4 @@ export {
   Be as t,
   te as u
 };
-//# sourceMappingURL=index-D6WdXWQX.es.js.map
+//# sourceMappingURL=index-DgmyBTGN.es.js.map