@commercetools/nimbus 0.0.0-canary-20251114180837 → 0.0.0-canary-20251117192621

package/dist/chunks/{index-CIWPalKw.es.js → index-DqCS7nev.es.js}

@@ -1,4 +1,4 @@
-import { defineAnimationStyles as b, defineConditions as h, defineGlobalStyles as f, defineLayerStyles as x, defineRecipe as u, defineSemanticTokens as p, defineSlotRecipe as s, defineTextStyles as v, defineTokens as o, createSystem as y, defaultBaseConfig as w, defineConfig as S } from "@chakra-ui/react";
+import { defineAnimationStyles as b, defineConditions as f, defineGlobalStyles as h, defineLayerStyles as x, defineRecipe as u, defineSemanticTokens as p, defineSlotRecipe as s, defineTextStyles as v, defineTokens as o, createSystem as y, defaultBaseConfig as w, defineConfig as S } from "@chakra-ui/react";
 import { themeTokens as t, designTokens as z } from "@commercetools/nimbus-tokens";
 import { a as k } from "./avatar.recipe-BEdxgo-r.es.js";
 import { b as R } from "./badge.recipe-DsV4A_UD.es.js";
@@ -59,7 +59,7 @@ function W(i) {
     i[r]?.value ? n[r] = i[r].value : n[r] = i[r];
   return n;
 }
-const _ = /* @__PURE__ */ W(t.breakpoints), H = /* @__PURE__ */ h({
+const _ = /* @__PURE__ */ W(t.breakpoints), H = /* @__PURE__ */ f({
   /**
    * Maps to React Aria's open state data attributes
    * Used for animations when a component is opening/entering
@@ -70,7 +70,7 @@ const _ = /* @__PURE__ */ W(t.breakpoints), H = /* @__PURE__ */ h({
    * Used for animations when a component is closing/exiting
    */
   closed: "&:is([data-exiting], [data-closed])"
-}), N = /* @__PURE__ */ f({
+}), N = /* @__PURE__ */ h({
   "*": {
     fontFeatureSettings: '"liga", "calt", "case", "ss01", "ss07", "ss08", "tnum"',
     /**
@@ -3272,7 +3272,7 @@ const _ = /* @__PURE__ */ W(t.breakpoints), H = /* @__PURE__ */ h({
       richText: {}
     }
   }
-}), he = /* @__PURE__ */ s({
+}), fe = /* @__PURE__ */ s({
   slots: [
     "root",
     "container",
@@ -3391,7 +3391,7 @@ const _ = /* @__PURE__ */ W(t.breakpoints), H = /* @__PURE__ */ h({
   defaultVariants: {
     size: "md"
   }
-}), fe = /* @__PURE__ */ e({
+}), he = /* @__PURE__ */ e({
   // Unique class name prefix for the component
   className: "nimbus-multiline-text-input",
   slots: ["root", "leadingElement", "textarea"],
@@ -5129,41 +5129,51 @@ const _ = /* @__PURE__ */ W(t.breakpoints), H = /* @__PURE__ */ h({
         }
       }
     },
-    // Line + Vertical + Start (tabs on left, border on left)
+    // Line + Vertical + Start (tabs on left, border on right between tabs and content)
     {
       variant: "line",
       orientation: "vertical",
       placement: "start",
       css: {
         list: {
-          boxShadow: "-1px 0 0 0 {colors.neutral.6}"
+          boxShadow: "1px 0 0 0 {colors.neutral.6}"
         },
         tab: {
-          boxShadow: "-2px 0 0 0 transparent",
+          boxShadow: "2px 0 0 0 transparent",
           _selected: {
-            boxShadow: "-2px 0 0 0 {colors.primary.9}"
+            boxShadow: "2px 0 0 0 {colors.primary.9}"
           }
         }
       }
     },
-    // Line + Vertical + End (tabs on right, border on right)
+    // Line + Vertical + End (tabs on right, border on left between tabs and content)
     {
       variant: "line",
       orientation: "vertical",
       placement: "end",
       css: {
         list: {
-          boxShadow: "1px 0 0 0 {colors.neutral.6}"
+          boxShadow: "-1px 0 0 0 {colors.neutral.6}"
         },
         tab: {
-          boxShadow: "2px 0 0 0 transparent",
+          boxShadow: "-2px 0 0 0 transparent",
           _selected: {
-            boxShadow: "2px 0 0 0 {colors.primary.9}"
+            boxShadow: "-2px 0 0 0 {colors.primary.9}"
           }
         }
       }
     },
     // ==================== PLACEMENT-ONLY VARIANTS ====================
+    // Vertical + End (applies to all variants including pills)
+    {
+      orientation: "vertical",
+      placement: "end",
+      css: {
+        root: {
+          flexDirection: "row-reverse"
+        }
+      }
+    },
     // Horizontal + Start (default)
     {
       orientation: "horizontal",
@@ -5482,8 +5492,8 @@ const _ = /* @__PURE__ */ W(t.breakpoints), H = /* @__PURE__ */ h({
   fieldErrors: se,
   formField: pe,
   list: ue,
-  moneyInput: he,
-  multilineTextInput: fe,
+  moneyInput: fe,
+  multilineTextInput: he,
   numberInput: xe,
   richTextInput: ye,
   scopedSearchInput: we,
@@ -5668,11 +5678,11 @@ export {
   we as f,
   ie as g,
   re as h,
-  he as i,
+  fe as i,
   g as j,
   le as k,
   l,
-  fe as m,
+  he as m,
   ye as n,
   Pe as o,
   xe as p,
@@ -5681,4 +5691,4 @@ export {
   ct as s,
   Re as t
 };
-//# sourceMappingURL=index-CIWPalKw.es.js.map
+//# sourceMappingURL=index-DqCS7nev.es.js.map