@vygruppen/spor-react 13.1.0 → 13.1.1

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@13.1.0 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@13.1.1 build /home/runner/work/spor/spor/packages/spor-react
 > tsup
 
 CLI Building entry: src/index.tsx, src/icons/index.tsx
@@ -11,18 +11,18 @@ CLI Cleaning output folder
 ESM Build start
 CJS Build start
 DTS Build start
-CJS dist/icons/index.cjs     381.00 B
-CJS dist/index.cjs           360.23 KB
-CJS dist/icons/index.cjs.map 157.00 B
-CJS dist/index.cjs.map       717.02 KB
-CJS ⚡️ Build success in 2718ms
-ESM dist/index.mjs           336.21 KB
 ESM dist/icons/index.mjs     110.00 B
-ESM dist/index.mjs.map       717.02 KB
+ESM dist/index.mjs           337.19 KB
 ESM dist/icons/index.mjs.map 157.00 B
-ESM ⚡️ Build success in 2718ms
-DTS ⚡️ Build success in 20239ms
+ESM dist/index.mjs.map       719.14 KB
+ESM ⚡️ Build success in 2606ms
+CJS dist/index.cjs           361.21 KB
+CJS dist/icons/index.cjs     381.00 B
+CJS dist/index.cjs.map       719.14 KB
+CJS dist/icons/index.cjs.map 157.00 B
+CJS ⚡️ Build success in 2607ms
+DTS ⚡️ Build success in 22738ms
 DTS dist/icons/index.d.ts  44.00 B
-DTS dist/index.d.ts        143.24 KB
+DTS dist/index.d.ts        143.27 KB
 DTS dist/icons/index.d.cts 44.00 B
-DTS dist/index.d.cts       143.24 KB
+DTS dist/index.d.cts       143.27 KB

package/.turbo/turbo-postinstall.log

@@ -1,11 +1,12 @@
 
-> @vygruppen/spor-react@13.1.0 postinstall /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@13.1.1 postinstall /home/runner/work/spor/spor/packages/spor-react
 > chakra typegen src/theme/index.ts
 
-◇ injected env (0) from .env // tip: ◈ secrets for agents [www.dotenvx.com]
+◇ injected env (0) from .env // tip: ⌘ override existing { override: true }
 ┌  Chakra CLI ⚡️
 [?25l│
-◇  ✅ Generated conditions typings
+◒  Generating conditions types...
+◇  ✅ Generated conditions typings
 [?25h[?25l│
 ◒  Generating recipe types...
 ◇  ✅ Generated recipe typings

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @vygruppen/spor-react
 
+## 13.1.1
+
+### Patch Changes
+
+- 106ee0f: Patches to new color tokens and add support to badge-inverted back
+- 448f4e5: add props for button-variant and withChevron to menutrigger
+- Updated dependencies [106ee0f]
+  - @vygruppen/spor-design-tokens@5.0.1
+
 ## 13.1.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -711,7 +711,7 @@ var badgeRecipie = react.defineRecipe({
         }
       },
       green: {
-        backgroundColor: "surface.subtle",
+        backgroundColor: "surface.success",
         color: "text.success",
         "& svg": {
           color: "icon.success"
@@ -794,10 +794,19 @@ var badgeRecipie = react.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"
+          }
         }
       }
     },
@@ -805,10 +814,19 @@ var badgeRecipie = react.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"
+          }
         }
       }
     },
@@ -816,10 +834,19 @@ var badgeRecipie = react.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"
+          }
         }
       }
     },
@@ -828,10 +855,19 @@ var badgeRecipie = react.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"
+          }
         }
       }
     },
@@ -839,10 +875,19 @@ var badgeRecipie = react.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"
+          }
         }
       }
     },
@@ -850,10 +895,19 @@ var badgeRecipie = react.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"
+          }
         }
       }
     },
@@ -861,10 +915,19 @@ var badgeRecipie = react.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"
+          }
         }
       }
     },
@@ -873,10 +936,19 @@ var badgeRecipie = react.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"
+          }
         }
       }
     }
@@ -4124,6 +4196,7 @@ var MenuTrigger = ({
   size,
   children,
   ref,
+  withChevron = true,
   ...props
 }) => {
   const { variant } = useMenuContext();
@@ -4143,7 +4216,7 @@ var MenuTrigger = ({
       variant: getButtonVariant(),
       size,
       ...props,
-      rightIcon: /* @__PURE__ */ jsxRuntime.jsx(
+      rightIcon: withChevron && /* @__PURE__ */ jsxRuntime.jsx(
         ChevronIcon,
         {
           transform: open ? "rotate(180deg)" : void 0,