@televet/kibble-ui 5.0.4 → 5.0.6

package/dist/chunks/{theme.provider-Biof0UdB.js → theme.provider-B5eDrggx.js}

@@ -12,11 +12,11 @@ import { a as xe } from "./index-BbZjRFzg.js";
 import { a as _o } from "./index-DS4KlAkI.js";
 import { e as ft, a6 as M } from "./index-fHSGm2nC.js";
 import { c as ye, a as Co, d as J, f as Ro, u as vt, g as xt, n as yt } from "./use-locale-context-Bw4Gg9Z0.js";
-import { coreColors as o } from "../esm/theme/tokens/colors/index.js";
+import { coreColors as t } from "../esm/theme/tokens/colors/index.js";
 import { a as Io, f as Po, b as To, l as Wo, c as Ao } from "./typography.records-BEd2lI_g.js";
 import { i as n } from "./invertToken-DkyAF_BY.js";
 import { f as ke, t as Se } from "./typography-Cqrokog3.js";
-import { b as Ie, c as Pe } from "./button.recipe-Bb0lptGi.js";
+import { b as Ie, c as Pe } from "./button.recipe-CZ-PlRrK.js";
 import { Global as Do } from "@emotion/react";
 import Bo, { forwardRef as j, useId as Eo } from "react";
 import { B as kt } from "./button.component-BO6oee_V.js";
@@ -9539,7 +9539,7 @@ const hi = (e) => /* @__PURE__ */ l.jsx(Ot, { attribute: "class", disableTransit
     r,
     Object.fromEntries(Object.entries(i).map(([s, b]) => [s, { value: b }]))
   ])
-), wi = d.colors(zi(o)), _i = {
+), wi = d.colors(zi(t)), _i = {
   xs: "0 0 0 1px rgba(0, 0, 0, 0.05)",
   xsR: "0px 0px 0px 1px rgba(0, 0, 0, 0.05)",
   sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
@@ -9657,512 +9657,532 @@ const hi = (e) => /* @__PURE__ */ l.jsx(Ot, { attribute: "class", disableTransit
   toast: 1700,
   tooltip: 1800,
   tooltipExtra: 1e4
-}, $i = d.zIndex(w(Hi)), t = {
+}, $i = d.zIndex(w(Hi)), o = {
   primary: {
     default: {
       value: {
-        _light: o.primary[600],
-        _dark: o.primary[200]
+        _light: t.primary[600],
+        _dark: t.primary[200]
       }
     },
     hover: {
       value: {
-        _light: o.primary[700],
-        _dark: o.primary[100]
+        _light: t.primary[700],
+        _dark: t.primary[100]
       }
     },
     pressed: {
       value: {
-        _light: o.primary[800],
-        _dark: o.primary[50]
+        _light: t.primary[800],
+        _dark: t.primary[50]
       }
     },
     subtle: {
       value: {
-        _light: o.primary[100],
-        _dark: o.primary[700]
+        _light: t.primary[100],
+        _dark: t.primary[700]
       }
     }
   },
   secondary: {
     default: {
       value: {
-        _light: o.secondary[500],
-        _dark: o.secondary[200]
+        _light: t.secondary[500],
+        _dark: t.secondary[200]
       }
     },
     hover: {
       value: {
-        _light: o.secondary[600],
-        _dark: o.secondary[100]
+        _light: t.secondary[600],
+        _dark: t.secondary[100]
       }
     },
     pressed: {
       value: {
-        _light: o.secondary[700],
-        _dark: o.secondary[50]
+        _light: t.secondary[700],
+        _dark: t.secondary[50]
       }
     },
     subtle: {
       value: {
-        _light: o.secondary[100],
-        _dark: o.secondary[600]
+        _light: t.secondary[100],
+        _dark: t.secondary[600]
       }
     }
   },
   gradientFull: {
     default: {
       value: {
-        _light: `linear-gradient(45deg, var(--background-primaryContrastHover, ${o.primary[100]}) 0%, var(--background-secondaryContrastHover, ${o.secondary[100]}) 50%, var(--background-destructiveContrastPressed, ${o.danger[100]}) 100%);`,
-        _dark: `linear-gradient(45deg, var(--background-primaryHover, ${o.primary[700]}) 0%, var(--background-secondaryHover, ${o.secondary[600]}) 50%, var(--background-destructiveHover, ${o.danger[700]}) 100%);`
+        _light: `linear-gradient(45deg, var(--background-primaryContrastHover, ${t.primary[100]}) 0%, var(--background-secondaryContrastHover, ${t.secondary[100]}) 50%, var(--background-destructiveContrastPressed, ${t.danger[100]}) 100%);`,
+        _dark: `linear-gradient(45deg, var(--background-primaryHover, ${t.primary[700]}) 0%, var(--background-secondaryHover, ${t.secondary[600]}) 50%, var(--background-destructiveHover, ${t.danger[700]}) 100%);`
       }
     },
     hover: {
       value: {
-        _light: `linear-gradient(45deg, var(--background-primaryContrast, ${o.primary[200]}) -2.08%, var(--background-secondaryContrast, ${o.secondary[200]}) 49.52%, var(--background-destructiveContrastHover, ${o.danger[200]}) 102.08%)`,
-        _dark: `linear-gradient(45deg, var(--background-primary, ${o.primary[600]}) 0%, var(--background-secondary, ${o.secondary[500]}) 50%, var(--background-destructive, ${o.danger[600]}) 100%)`
+        _light: `linear-gradient(45deg, var(--background-primaryContrast, ${t.primary[200]}) -2.08%, var(--background-secondaryContrast, ${t.secondary[200]}) 49.52%, var(--background-destructiveContrastHover, ${t.danger[200]}) 102.08%)`,
+        _dark: `linear-gradient(45deg, var(--background-primary, ${t.primary[600]}) 0%, var(--background-secondary, ${t.secondary[500]}) 50%, var(--background-destructive, ${t.danger[600]}) 100%)`
       }
     },
     pressed: {
       value: {
-        _light: `linear-gradient(45deg, ${o.primary[300]} 0%, ${o.secondary[300]} 50%, ${o.danger[300]} 100%)`,
-        _dark: `linear-gradient(45deg, var(--background-primaryPressed, ${o.primary[800]}) 0%, var(--background-secondaryPressed, ${o.secondary[700]}) 50%, var(--background-destructivePressed, ${o.danger[800]}) 100%)`
+        _light: `linear-gradient(45deg, ${t.primary[300]} 0%, ${t.secondary[300]} 50%, ${t.danger[300]} 100%)`,
+        _dark: `linear-gradient(45deg, var(--background-primaryPressed, ${t.primary[800]}) 0%, var(--background-secondaryPressed, ${t.secondary[700]}) 50%, var(--background-destructivePressed, ${t.danger[800]}) 100%)`
       }
     }
   },
   gradientPink: {
     default: {
       value: {
-        _light: `linear-gradient(45deg, var(--background-secondaryContrastHover, ${o.secondary[100]}) 0%, var(--background-destructiveContrastPressed, ${o.danger[100]}) 100%)`,
-        _dark: `linear-gradient(45deg, var(--background-secondaryHover, ${o.secondary[600]}) 0%, var(--background-destructiveHover, ${o.danger[700]}) 100%);`
+        _light: `linear-gradient(45deg, var(--background-secondaryContrastHover, ${t.secondary[100]}) 0%, var(--background-destructiveContrastPressed, ${t.danger[100]}) 100%)`,
+        _dark: `linear-gradient(45deg, var(--background-secondaryHover, ${t.secondary[600]}) 0%, var(--background-destructiveHover, ${t.danger[700]}) 100%);`
       }
     }
   },
   gradientGreen: {
     default: {
       value: {
-        _light: `linear-gradient(45deg, var(--background-secondaryContrastHover, ${o.secondary[100]}) 0%, var(--background-primaryContrastHover, ${o.primary[100]}) 100%)`,
-        _dark: `linear-gradient(45deg, var(--background-secondaryHover, ${o.secondary[600]}) 0%, var(--background-primaryHover, ${o.primary[700]}) 100%);`
+        _light: `linear-gradient(45deg, var(--background-secondaryContrastHover, ${t.secondary[100]}) 0%, var(--background-primaryContrastHover, ${t.primary[100]}) 100%)`,
+        _dark: `linear-gradient(45deg, var(--background-secondaryHover, ${t.secondary[600]}) 0%, var(--background-primaryHover, ${t.primary[700]}) 100%);`
       }
     }
   },
   danger: {
     default: {
       value: {
-        _light: o.danger[600],
-        _dark: o.danger[300]
+        _light: t.danger[600],
+        _dark: t.danger[300]
       }
     },
     hover: {
       value: {
-        _light: o.danger[700],
-        _dark: o.danger[200]
+        _light: t.danger[700],
+        _dark: t.danger[200]
       }
     },
     pressed: {
       value: {
-        _light: o.danger[800],
-        _dark: o.danger[100]
+        _light: t.danger[800],
+        _dark: t.danger[100]
       }
     },
     // Leaving these three inverse manually defined because they are the only ones which are not truly inverse from the default because of WCAG
     inverse: {
       value: {
-        _light: o.danger[300],
-        _dark: o.danger[500]
+        _light: t.danger[300],
+        _dark: t.danger[500]
       }
     },
     inverseHover: {
       value: {
-        _light: o.danger[200],
-        _dark: o.danger[600]
+        _light: t.danger[200],
+        _dark: t.danger[600]
       }
     },
     inversePressed: {
       value: {
-        _light: o.danger[100],
-        _dark: o.danger[700]
+        _light: t.danger[100],
+        _dark: t.danger[700]
       }
     },
     subtle: {
       value: {
-        _light: o.danger[100],
-        _dark: o.danger[700]
+        _light: t.danger[100],
+        _dark: t.danger[700]
       }
     }
   },
   warning: {
     default: {
       value: {
-        _light: o.warning[600],
-        _dark: o.warning[500]
+        _light: t.warning[500],
+        _dark: t.warning[300]
       }
     },
     subtle: {
       value: {
-        _light: o.warning[100],
-        _dark: o.warning[700]
+        _light: t.warning[100],
+        _dark: t.warning[700]
       }
     },
     note: {
       value: {
-        _light: o.warning[100],
-        _dark: o.warning[800]
+        _light: t.warning[100],
+        _dark: t.warning[800]
+      }
+    },
+    hover: {
+      value: {
+        _light: t.warning[600],
+        _dark: t.warning[200]
+      }
+    },
+    pressed: {
+      value: {
+        _light: t.warning[700],
+        _dark: t.warning[100]
+      }
+    },
+    dark: {
+      value: {
+        _light: t.warning[800],
+        _dark: t.warning[300]
       }
     }
   },
   success: {
     default: {
       value: {
-        _light: o.success[600],
-        _dark: o.success[300]
+        _light: t.success[600],
+        _dark: t.success[300]
       }
     },
     subtle: {
       value: {
-        _light: o.success[100],
-        _dark: o.success[700]
+        _light: t.success[100],
+        _dark: t.success[700]
       }
     }
   },
   neutral: {
     default: {
       value: {
-        _light: o.neutral[50],
-        _dark: o.neutral[800]
+        _light: t.neutral[50],
+        _dark: t.neutral[800]
       }
     },
     subtle1: {
       value: {
-        _light: o.neutral[100],
-        _dark: o.neutral[700]
+        _light: t.neutral[100],
+        _dark: t.neutral[700]
       }
     },
     subtle2: {
       value: {
-        _light: o.neutral[200],
-        _dark: o.neutral[600]
+        _light: t.neutral[200],
+        _dark: t.neutral[600]
       }
     },
     subtle3: {
       value: {
-        _light: o.neutral[300],
-        _dark: o.neutral[500]
+        _light: t.neutral[300],
+        _dark: t.neutral[500]
       }
     },
     subtle4: {
       value: {
-        _light: o.neutral[600],
-        _dark: o.neutral[400]
+        _light: t.neutral[600],
+        _dark: t.neutral[400]
       }
     },
     dark: {
       value: {
-        _light: o.neutral[900],
-        _dark: o.neutral[50]
+        _light: t.neutral[900],
+        _dark: t.neutral[50]
       }
     },
     overlay: {
       value: {
-        _light: o.neutral[50],
-        _dark: o.neutral[800]
+        _light: t.neutral[50],
+        _dark: t.neutral[800]
       }
     },
     backdrop: {
       value: {
-        _light: o.blackAlpha[600],
-        _dark: o.blackAlpha[600]
+        _light: t.blackAlpha[600],
+        _dark: t.blackAlpha[600]
       }
     }
   },
   primaryAlpha: {
     default: {
       value: {
-        _light: o.primaryAlpha[50],
-        _dark: o.primaryAlphaInverse[300]
+        _light: t.primaryAlpha[50],
+        _dark: t.primaryAlphaInverse[300]
       }
     },
     hover: {
       value: {
-        _light: o.primaryAlpha[100],
-        _dark: o.primaryAlphaInverse[400]
+        _light: t.primaryAlpha[100],
+        _dark: t.primaryAlphaInverse[400]
       }
     },
     pressed: {
       value: {
-        _light: o.primaryAlpha[200],
-        _dark: o.primaryAlphaInverse[500]
+        _light: t.primaryAlpha[200],
+        _dark: t.primaryAlphaInverse[500]
       }
     }
   },
   secondaryAlpha: {
     default: {
       value: {
-        _light: o.secondaryAlpha[50],
-        _dark: o.secondaryAlphaInverse[300]
+        _light: t.secondaryAlpha[50],
+        _dark: t.secondaryAlphaInverse[300]
       }
     },
     hover: {
       value: {
-        _light: o.secondaryAlpha[100],
-        _dark: o.secondaryAlphaInverse[400]
+        _light: t.secondaryAlpha[100],
+        _dark: t.secondaryAlphaInverse[400]
       }
     },
     pressed: {
       value: {
-        _light: o.secondaryAlpha[200],
-        _dark: o.secondaryAlphaInverse[500]
+        _light: t.secondaryAlpha[200],
+        _dark: t.secondaryAlphaInverse[500]
       }
     }
   },
   dangerAlpha: {
     default: {
       value: {
-        _light: o.dangerAlpha[50],
-        _dark: o.dangerAlphaInverse[300]
+        _light: t.dangerAlpha[50],
+        _dark: t.dangerAlphaInverse[300]
       }
     },
     hover: {
       value: {
-        _light: o.dangerAlpha[100],
-        _dark: o.dangerAlphaInverse[400]
+        _light: t.dangerAlpha[100],
+        _dark: t.dangerAlphaInverse[400]
       }
     },
     pressed: {
       value: {
-        _light: o.dangerAlpha[200],
-        _dark: o.dangerAlphaInverse[500]
+        _light: t.dangerAlpha[200],
+        _dark: t.dangerAlphaInverse[500]
       }
     }
   },
   neutralAlpha: {
     default: {
       value: {
-        _light: o.blackAlpha[50],
-        _dark: o.whiteAlpha[300]
+        _light: t.blackAlpha[50],
+        _dark: t.whiteAlpha[300]
       }
     },
     hover: {
       value: {
-        _light: o.blackAlpha[100],
-        _dark: o.whiteAlpha[400]
+        _light: t.blackAlpha[100],
+        _dark: t.whiteAlpha[400]
       }
     },
     pressed: {
       value: {
-        _light: o.blackAlpha[200],
-        _dark: o.whiteAlpha[500]
+        _light: t.blackAlpha[200],
+        _dark: t.whiteAlpha[500]
       }
     },
     dark: {
       value: {
-        _light: o.blackAlpha[500],
-        _dark: o.whiteAlpha[800]
+        _light: t.blackAlpha[500],
+        _dark: t.whiteAlpha[800]
       }
     }
   }
-}, ne = t.neutral.dark, Oi = {
+}, ne = o.neutral.dark, Oi = {
   DEFAULT: ne,
   default: ne,
   subtle: {
-    DEFAULT: t.neutral.subtle4,
-    contrast: n(t.neutral.subtle4)
+    DEFAULT: o.neutral.subtle4,
+    contrast: n(o.neutral.subtle4)
   },
   interactive: {
-    DEFAULT: t.secondary.default,
-    hover: t.secondary.hover,
+    DEFAULT: o.secondary.default,
+    hover: o.secondary.hover,
     contrast: {
-      DEFAULT: n(t.secondary.default),
-      hover: n(t.secondary.hover)
+      DEFAULT: n(o.secondary.default),
+      hover: n(o.secondary.hover)
     }
   },
   brand: {
-    DEFAULT: t.primary.default,
-    hover: t.primary.hover,
+    DEFAULT: o.primary.default,
+    hover: o.primary.hover,
     contrast: {
-      DEFAULT: n(t.primary.default),
-      hover: n(t.primary.hover)
+      DEFAULT: n(o.primary.default),
+      hover: n(o.primary.hover)
     }
   },
-  info: t.secondary.default,
-  success: t.success.default,
-  warning: t.warning.default,
+  info: o.secondary.default,
+  success: o.success.default,
+  warning: o.warning.default,
   danger: {
-    DEFAULT: t.danger.default,
+    DEFAULT: o.danger.default,
     contrast: {
       // Note: This does not use the inverse token because it is not truly inverse from the default because of WCAG
-      DEFAULT: t.danger.inverse
+      DEFAULT: o.danger.inverse
     }
   },
   placeholder: {
-    DEFAULT: t.neutralAlpha.dark,
-    contrast: n(t.neutralAlpha.dark)
+    DEFAULT: o.neutralAlpha.dark,
+    contrast: n(o.neutralAlpha.dark)
   },
   accent: {
-    DEFAULT: t.secondary.default,
-    subtle: t.secondary.subtle
+    DEFAULT: o.secondary.default,
+    subtle: o.secondary.subtle
   },
   contrast: n(ne)
-}, Me = t.neutral.subtle2, Gi = {
+}, Me = o.neutral.subtle2, Gi = {
   DEFAULT: Me,
   default: Me
-}, Ye = t.neutral.subtle2, Ui = {
+}, Ye = o.neutral.subtle2, Ui = {
   DEFAULT: Ye,
   default: Ye,
-  subtle: t.neutral.subtle4,
+  subtle: o.neutral.subtle4,
   strong: {
-    DEFAULT: t.neutral.dark,
-    contrast: n(t.neutral.dark)
+    DEFAULT: o.neutral.dark,
+    contrast: n(o.neutral.dark)
   },
   focus: {
-    DEFAULT: t.secondary.default,
-    contrast: n(t.secondary.default)
+    DEFAULT: o.secondary.default,
+    contrast: n(o.secondary.default)
   },
   brand: {
-    DEFAULT: t.primary.default,
-    contrast: n(t.primary.default)
+    DEFAULT: o.primary.default,
+    contrast: n(o.primary.default)
   },
-  info: t.secondary.default,
-  success: t.success.default,
-  warning: t.warning.default,
+  info: o.secondary.default,
+  success: o.success.default,
+  warning: o.warning.default,
   danger: {
-    DEFAULT: t.danger.default,
+    DEFAULT: o.danger.default,
     // Note: This does not use the inverse token because it is not truly inverse from the default because of WCAG
-    contrast: t.danger.inverse
+    contrast: o.danger.inverse
   },
   accent: {
-    DEFAULT: t.secondary.default,
-    subtle: t.secondary.subtle
+    DEFAULT: o.secondary.default,
+    subtle: o.secondary.subtle
   },
-  contrast: n(t.neutral.subtle2),
+  contrast: n(o.neutral.subtle2),
   // This separation is needed to override Chakra's default
-  "contrast.subtle": n(t.neutral.subtle4)
-}, qe = t.neutral.default, Mi = {
+  "contrast.subtle": n(o.neutral.subtle4)
+}, qe = o.neutral.default, Mi = {
   DEFAULT: qe,
   default: qe,
   subtle: {
-    DEFAULT: t.neutral.subtle1,
-    less: t.neutral.subtle2
+    DEFAULT: o.neutral.subtle1,
+    less: o.neutral.subtle2
   },
   primary: {
-    DEFAULT: t.primary.default,
-    hover: t.primary.hover,
-    pressed: t.primary.pressed,
+    DEFAULT: o.primary.default,
+    hover: o.primary.hover,
+    pressed: o.primary.pressed,
     contrast: {
-      DEFAULT: n(t.primary.default),
-      hover: n(t.primary.hover),
-      pressed: n(t.primary.pressed)
+      DEFAULT: n(o.primary.default),
+      hover: n(o.primary.hover),
+      pressed: n(o.primary.pressed)
     }
   },
   secondary: {
-    DEFAULT: t.secondary.default,
-    hover: t.secondary.hover,
-    pressed: t.secondary.pressed,
+    DEFAULT: o.secondary.default,
+    hover: o.secondary.hover,
+    pressed: o.secondary.pressed,
     contrast: {
-      DEFAULT: n(t.secondary.default),
-      hover: n(t.secondary.hover),
-      pressed: n(t.secondary.pressed)
+      DEFAULT: n(o.secondary.default),
+      hover: n(o.secondary.hover),
+      pressed: n(o.secondary.pressed)
     }
   },
-  brand: t.primary.pressed,
-  info: t.secondary.subtle,
+  brand: o.primary.pressed,
+  info: o.secondary.subtle,
   success: {
-    DEFAULT: t.success.subtle,
-    contrast: t.success.default
+    DEFAULT: o.success.subtle,
+    contrast: o.success.default
   },
   warning: {
-    DEFAULT: t.warning.subtle,
-    contrast: t.warning.default
+    DEFAULT: o.warning.default,
+    hover: o.warning.hover,
+    pressed: o.warning.pressed,
+    contrast: o.warning.subtle
   },
   danger: {
-    DEFAULT: t.danger.subtle,
-    contrast: t.danger.default
+    DEFAULT: o.danger.subtle,
+    contrast: o.danger.default
   },
   destructive: {
-    DEFAULT: t.danger.default,
-    hover: t.danger.hover,
-    pressed: t.danger.pressed,
+    DEFAULT: o.danger.default,
+    hover: o.danger.hover,
+    pressed: o.danger.pressed,
     contrast: {
       // Note: This does not use the inverse token because it is not truly inverse from the default because of WCAG
-      DEFAULT: t.danger.inverse,
-      hover: t.danger.inverseHover,
-      pressed: t.danger.inversePressed
+      DEFAULT: o.danger.inverse,
+      hover: o.danger.inverseHover,
+      pressed: o.danger.inversePressed
     }
   },
   accent: {
-    DEFAULT: t.secondary.default,
-    subtle: t.secondary.subtle
+    DEFAULT: o.secondary.default,
+    subtle: o.secondary.subtle
   },
   note: {
-    DEFAULT: t.warning.note,
-    hover: t.warning.subtle
+    DEFAULT: o.warning.note,
+    hover: o.warning.subtle
   },
   alpha: {
-    DEFAULT: t.neutralAlpha.default,
-    hover: t.neutralAlpha.hover,
-    pressed: t.neutralAlpha.pressed,
+    DEFAULT: o.neutralAlpha.default,
+    hover: o.neutralAlpha.hover,
+    pressed: o.neutralAlpha.pressed,
     contrast: {
-      DEFAULT: n(t.neutralAlpha.default),
-      hover: n(t.neutralAlpha.hover),
-      pressed: n(t.neutralAlpha.pressed)
+      DEFAULT: n(o.neutralAlpha.default),
+      hover: n(o.neutralAlpha.hover),
+      pressed: n(o.neutralAlpha.pressed)
     }
   },
   primaryAlpha: {
-    DEFAULT: t.primaryAlpha.default,
-    hover: t.primaryAlpha.hover,
-    pressed: t.primaryAlpha.pressed,
+    DEFAULT: o.primaryAlpha.default,
+    hover: o.primaryAlpha.hover,
+    pressed: o.primaryAlpha.pressed,
     contrast: {
-      DEFAULT: n(t.primaryAlpha.default),
-      hover: n(t.primaryAlpha.hover),
-      pressed: n(t.primaryAlpha.pressed)
+      DEFAULT: n(o.primaryAlpha.default),
+      hover: n(o.primaryAlpha.hover),
+      pressed: n(o.primaryAlpha.pressed)
     }
   },
   secondaryAlpha: {
-    DEFAULT: t.secondaryAlpha.default,
-    hover: t.secondaryAlpha.hover,
-    pressed: t.secondaryAlpha.pressed,
+    DEFAULT: o.secondaryAlpha.default,
+    hover: o.secondaryAlpha.hover,
+    pressed: o.secondaryAlpha.pressed,
     contrast: {
-      DEFAULT: n(t.secondaryAlpha.default),
-      hover: n(t.secondaryAlpha.hover),
-      pressed: n(t.secondaryAlpha.pressed)
+      DEFAULT: n(o.secondaryAlpha.default),
+      hover: n(o.secondaryAlpha.hover),
+      pressed: n(o.secondaryAlpha.pressed)
     }
   },
   destructiveAlpha: {
-    DEFAULT: t.dangerAlpha.default,
-    hover: t.dangerAlpha.hover,
-    pressed: t.dangerAlpha.pressed,
+    DEFAULT: o.dangerAlpha.default,
+    hover: o.dangerAlpha.hover,
+    pressed: o.dangerAlpha.pressed,
     contrast: {
-      DEFAULT: n(t.dangerAlpha.default),
-      hover: n(t.dangerAlpha.hover),
-      pressed: n(t.dangerAlpha.pressed)
+      DEFAULT: n(o.dangerAlpha.default),
+      hover: n(o.dangerAlpha.hover),
+      pressed: n(o.dangerAlpha.pressed)
     }
   },
   overlay: {
-    DEFAULT: t.neutral.overlay,
-    contrast: n(t.neutral.overlay)
+    DEFAULT: o.neutral.overlay,
+    contrast: n(o.neutral.overlay)
   },
-  backdrop: t.neutral.backdrop,
+  backdrop: o.neutral.backdrop,
   contrast: {
-    DEFAULT: n(t.neutral.subtle1),
-    subtle: n(t.neutral.subtle2),
-    moreSubtle: n(t.neutral.subtle3),
-    mostSubtle: t.neutral.subtle3
+    DEFAULT: n(o.neutral.subtle1),
+    subtle: n(o.neutral.subtle2),
+    moreSubtle: n(o.neutral.subtle3),
+    mostSubtle: o.neutral.subtle3
   },
   gradientFull: {
-    DEFAULT: t.gradientFull.default,
-    hover: t.gradientFull.hover,
-    pressed: t.gradientFull.pressed,
+    DEFAULT: o.gradientFull.default,
+    hover: o.gradientFull.hover,
+    pressed: o.gradientFull.pressed,
     contrast: {
-      DEFAULT: n(t.gradientFull.default),
-      hover: n(t.gradientFull.hover),
-      pressed: n(t.gradientFull.pressed)
+      DEFAULT: n(o.gradientFull.default),
+      hover: n(o.gradientFull.hover),
+      pressed: n(o.gradientFull.pressed)
     }
   },
   gradientPink: {
-    DEFAULT: t.gradientPink.default
+    DEFAULT: o.gradientPink.default
   },
   gradientGreen: {
-    DEFAULT: t.gradientGreen.default
+    DEFAULT: o.gradientGreen.default
   }
 }, Yi = {
   background: Mi,
@@ -11363,7 +11383,7 @@ const hi = (e) => /* @__PURE__ */ l.jsx(Ot, { attribute: "class", disableTransit
   },
   outlineYellow: {
     root: {
-      backgroundColor: "background.warning",
+      backgroundColor: "background.warning.contrast",
       borderColor: "border.warning",
       overflow: "visible",
       color: "text",
@@ -11634,7 +11654,7 @@ const hi = (e) => /* @__PURE__ */ l.jsx(Ot, { attribute: "class", disableTransit
   },
   warning: {
     root: {
-      bgColor: "background.warning"
+      bgColor: "background.warning.contrast"
     }
   }
 }, Ws = a({
@@ -11714,8 +11734,8 @@ const hi = (e) => /* @__PURE__ */ l.jsx(Ot, { attribute: "class", disableTransit
       variant: "warning",
       css: {
         root: {
-          bgColor: "background.warning.contrast",
-          color: "text.contrast"
+          bgColor: "background.warning",
+          color: "text"
         }
       }
     }
@@ -12290,4 +12310,4 @@ export {
   Ms as k,
   Ys as s
 };
-//# sourceMappingURL=theme.provider-Biof0UdB.js.map
+//# sourceMappingURL=theme.provider-B5eDrggx.js.map