@commercetools/nimbus 0.0.0-canary-20251027194157 → 0.0.0-canary-20251028202350

package/dist/chunks/{index-BGkAxVw_.es.js → index-B7wlrXvj.es.js}

@@ -2,7 +2,7 @@ import { defineAnimationStyles as b, defineConditions as f, defineGlobalStyles a
 import { themeTokens as t, designTokens as z } from "@commercetools/nimbus-tokens";
 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 { b as c, a as I } from "./toggle-button-group.recipe-Cl3PTeGf.es.js";
 import { defineSlotRecipe as e, defineRecipe as a } from "@chakra-ui/react/styled-system";
 import { i as C } from "./icon.recipe-DjkjodUn.es.js";
 const P = /* @__PURE__ */ e({
@@ -713,7 +713,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
         height: "1000"
       }
     },
-    tone: {
+    colorPalette: {
       primary: {
         colorPalette: "ctvioletAlpha"
       },
@@ -723,8 +723,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
     }
   },
   defaultVariants: {
-    size: "sm",
-    tone: "primary"
+    size: "sm"
   }
 }), G = /* @__PURE__ */ a({
   // Unique class name prefix for the component
@@ -835,11 +834,12 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
 }), M = /* @__PURE__ */ a({
   className: "nimbus-toggle-button",
   base: {
-    ...d.base
+    ...c.base,
+    colorPalette: "primary"
   },
   variants: {
     size: {
-      ...d.variants?.size
+      ...c.variants?.size
     },
     variant: {
       outline: {
@@ -879,15 +879,11 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
           }
         }
       }
-    },
-    tone: {
-      ...d.variants?.tone
     }
   },
   defaultVariants: {
     size: "md",
-    variant: "outline",
-    tone: "primary"
+    variant: "outline"
   }
 }), Y = /* @__PURE__ */ g({
   className: "nimbus-toolbar",
@@ -963,7 +959,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
 }), X = {
   avatar: k,
   badge: R,
-  button: d,
+  button: c,
   code: D,
   group: L,
   heading: A,
@@ -1146,20 +1142,6 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
     }
   },
   variants: {
-    tone: {
-      critical: {
-        root: { colorPalette: "critical" }
-      },
-      info: {
-        root: { colorPalette: "info" }
-      },
-      warning: {
-        root: { colorPalette: "amber" }
-      },
-      positive: {
-        root: { colorPalette: "positive" }
-      }
-    },
     variant: {
       flat: {},
       outlined: {
@@ -1328,7 +1310,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
       }
     }
   }
-}), c = /* @__PURE__ */ e({
+}), d = /* @__PURE__ */ e({
   slots: ["root", "label", "indicator"],
   // Unique class name prefix for the component
   className: "nimbus-checkbox",
@@ -1766,12 +1748,12 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
       display: "flex",
       alignItems: "center",
       "& span[data-selected]": {
-        ...c.base?.indicator,
-        ...c.variants?.size.md.indicator
+        ...d.base?.indicator,
+        ...d.variants?.size.md.indicator
       }
     },
     optionContent: {
-      ...c.base?.label,
+      ...d.base?.label,
       whiteSpace: "wrap",
       width: "calc(100% - {sizes.600})",
       display: "inline-block"
@@ -1946,14 +1928,10 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
   className: "nimbus-data-table",
   base: {
     root: {
-      colorPalette: "slate",
+      width: "100%",
       display: "block",
-      borderRadius: "8px",
-      border: "1px solid {colors.neutral.3}",
-      boxShadow: "1",
       overflow: "auto",
       contain: "layout style",
-      width: "100%",
       // CSS custom properties for pinned row shadows
       "--pinned-shadow-left": "inset 2px 0 0 {colors.neutral.7}",
       "--pinned-shadow-right": "inset -2px 0 0 {colors.neutral.7}",
@@ -2121,8 +2099,13 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
       // Multiline header truncation using webkit line clamp
     },
     table: {
-      width: "fit-content",
-      tableLayout: "fixed"
+      // width: "fit-content",
+      tableLayout: "fixed",
+      border: "1px solid {colors.neutral.3}",
+      boxShadow: "1",
+      colorPalette: "slate",
+      borderRadius: "8px",
+      width: "100%"
     },
     header: {
       background: "colorPalette.2",
@@ -5443,7 +5426,7 @@ const H = /* @__PURE__ */ _(t.breakpoints), N = /* @__PURE__ */ f({
   tabs: He,
   localizedField: be,
   card: te,
-  checkbox: c,
+  checkbox: d,
   collapsibleMotion: Ce,
   dialog: ne,
   fieldErrors: se,
@@ -5649,4 +5632,4 @@ export {
   Be as t,
   oe as u
 };
-//# sourceMappingURL=index-BGkAxVw_.es.js.map
+//# sourceMappingURL=index-B7wlrXvj.es.js.map