@vygruppen/spor-react 13.1.0 → 13.1.1

package/dist/index.d.cts

@@ -2028,10 +2028,11 @@ declare const MenuContent: ({ children, ref, ...props }: MenuContentProps & {
 }) => react_jsx_runtime.JSX.Element;
 type MenuTriggerProps = {
     icon?: ReactNode;
-} & Omit<ButtonProps, "variant" | "rightIcon" | "leftIcon"> & {
+    withChevron?: boolean;
+} & Omit<ButtonProps, "rightIcon" | "leftIcon"> & {
     ref?: Ref<HTMLButtonElement>;
 };
-declare const MenuTrigger: ({ icon, size, children, ref, ...props }: MenuTriggerProps) => react_jsx_runtime.JSX.Element;
+declare const MenuTrigger: ({ icon, size, children, ref, withChevron, ...props }: MenuTriggerProps) => react_jsx_runtime.JSX.Element;
 type MenuItemProps = {
     itemCommand?: string;
     leftIcon?: React.ReactNode;

package/dist/index.d.ts

@@ -2028,10 +2028,11 @@ declare const MenuContent: ({ children, ref, ...props }: MenuContentProps & {
 }) => react_jsx_runtime.JSX.Element;
 type MenuTriggerProps = {
     icon?: ReactNode;
-} & Omit<ButtonProps, "variant" | "rightIcon" | "leftIcon"> & {
+    withChevron?: boolean;
+} & Omit<ButtonProps, "rightIcon" | "leftIcon"> & {
     ref?: Ref<HTMLButtonElement>;
 };
-declare const MenuTrigger: ({ icon, size, children, ref, ...props }: MenuTriggerProps) => react_jsx_runtime.JSX.Element;
+declare const MenuTrigger: ({ icon, size, children, ref, withChevron, ...props }: MenuTriggerProps) => react_jsx_runtime.JSX.Element;
 type MenuItemProps = {
     itemCommand?: string;
     leftIcon?: React.ReactNode;

package/dist/index.mjs

@@ -692,7 +692,7 @@ var badgeRecipie = defineRecipe({
         }
       },
       green: {
-        backgroundColor: "surface.subtle",
+        backgroundColor: "surface.success",
         color: "text.success",
         "& svg": {
           color: "icon.success"
@@ -775,10 +775,19 @@ var badgeRecipie = defineRecipe({
       colorPalette: "blue",
       inverted: true,
       css: {
-        backgroundColor: "badge.blue.surface.inverted",
-        color: "badge.blue.text.inverted",
+        backgroundColor: {
+          _light: "darkBlue",
+          _dark: "lightBlue"
+        },
+        color: {
+          _light: "icyBlue",
+          _dark: "royal"
+        },
         "& svg": {
-          color: "badge.blue.icon.inverted"
+          color: {
+            _light: "royal",
+            _dark: "icyBlue"
+          }
         }
       }
     },
@@ -786,10 +795,19 @@ var badgeRecipie = defineRecipe({
       colorPalette: "green",
       inverted: true,
       css: {
-        backgroundColor: "badge.green.surface.inverted",
-        color: "badge.green.text.inverted",
+        backgroundColor: {
+          _light: "darkTeal",
+          _dark: "seaMist"
+        },
+        color: {
+          _light: "mint",
+          _dark: "jungle"
+        },
         "& svg": {
-          color: "badge.green.icon.inverted"
+          color: {
+            _light: "mint",
+            _dark: "jungle"
+          }
         }
       }
     },
@@ -797,10 +815,19 @@ var badgeRecipie = defineRecipe({
       colorPalette: "grey",
       inverted: true,
       css: {
-        backgroundColor: "badge.grey.surface.inverted",
-        color: "badge.grey.text.inverted",
+        backgroundColor: {
+          _light: "carbon",
+          _dark: "platinum"
+        },
+        color: {
+          _light: "white",
+          _dark: "darkGrey"
+        },
         "& svg": {
-          color: "badge.grey.icon.inverted"
+          color: {
+            _light: "white",
+            _dark: "darkGrey"
+          }
         }
       }
     },
@@ -809,10 +836,19 @@ var badgeRecipie = defineRecipe({
       colorPalette: "cream",
       inverted: true,
       css: {
-        backgroundColor: "badge.cream.surface.inverted",
-        color: "badge.cream.text.inverted",
+        backgroundColor: {
+          _light: "coffee",
+          _dark: "blonde"
+        },
+        color: {
+          _light: "cornsilk",
+          _dark: "coffee"
+        },
         "& svg": {
-          color: "badge.cream.icon.inverted"
+          color: {
+            _light: "cornsilk",
+            _dark: "coffee"
+          }
         }
       }
     },
@@ -820,10 +856,19 @@ var badgeRecipie = defineRecipe({
       colorPalette: "yellow",
       inverted: true,
       css: {
-        backgroundColor: "badge.yellow.surface.inverted",
-        color: "badge.yellow.text.inverted",
+        backgroundColor: {
+          _light: "bronze",
+          _dark: "banana"
+        },
+        color: {
+          _light: "cornsilk",
+          _dark: "coffee"
+        },
         "& svg": {
-          color: "badge.yellow.icon.inverted"
+          color: {
+            _light: "cornsilk",
+            _dark: "coffee"
+          }
         }
       }
     },
@@ -831,10 +876,19 @@ var badgeRecipie = defineRecipe({
       colorPalette: "orange",
       inverted: true,
       css: {
-        backgroundColor: "badge.orange.surface.inverted",
-        color: "badge.orange.text.inverted",
+        backgroundColor: {
+          _light: "wood",
+          _dark: "champagne"
+        },
+        color: {
+          _light: "bisque",
+          _dark: "wood"
+        },
         "& svg": {
-          color: "badge.orange.icon.inverted"
+          color: {
+            _light: "bisque",
+            _dark: "wood"
+          }
         }
       }
     },
@@ -842,10 +896,19 @@ var badgeRecipie = defineRecipe({
       colorPalette: "red",
       inverted: true,
       css: {
-        backgroundColor: "badge.red.surface.inverted",
-        color: "badge.red.text.inverted",
+        backgroundColor: {
+          _light: "burgundy",
+          _dark: "lightRed"
+        },
+        color: {
+          _light: "pink",
+          _dark: "maroon"
+        },
         "& svg": {
-          color: "badge.red.icon.inverted"
+          color: {
+            _light: "pink",
+            _dark: "maroon"
+          }
         }
       }
     },
@@ -854,10 +917,19 @@ var badgeRecipie = defineRecipe({
       colorPalette: "neutral",
       inverted: true,
       css: {
-        backgroundColor: "badge.surface.inverted",
-        color: "badge.text.inverted",
+        backgroundColor: {
+          _light: "ink",
+          _dark: "white"
+        },
+        color: {
+          _light: "white",
+          _dark: "darkGrey"
+        },
         "& svg": {
-          color: "badge.icon.inverted"
+          color: {
+            _light: "white",
+            _dark: "darkGrey"
+          }
         }
       }
     }
@@ -4105,6 +4177,7 @@ var MenuTrigger = ({
   size,
   children,
   ref,
+  withChevron = true,
   ...props
 }) => {
   const { variant } = useMenuContext();
@@ -4124,7 +4197,7 @@ var MenuTrigger = ({
       variant: getButtonVariant(),
       size,
       ...props,
-      rightIcon: /* @__PURE__ */ jsx(
+      rightIcon: withChevron && /* @__PURE__ */ jsx(
         ChevronIcon,
         {
           transform: open ? "rotate(180deg)" : void 0,