@vygruppen/spor-react 13.1.0 → 13.1.2

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.2 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/index.cjs           361.36 KB
 CJS dist/icons/index.cjs     381.00 B
-CJS dist/index.cjs           360.23 KB
+CJS dist/index.cjs.map       719.37 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
+CJS ⚡️ Build success in 2677ms
+ESM dist/index.mjs           337.34 KB
 ESM dist/icons/index.mjs     110.00 B
-ESM dist/index.mjs.map       717.02 KB
+ESM dist/index.mjs.map       719.37 KB
 ESM dist/icons/index.mjs.map 157.00 B
-ESM ⚡️ Build success in 2718ms
-DTS ⚡️ Build success in 20239ms
+ESM ⚡️ Build success in 2682ms
+DTS ⚡️ Build success in 20448ms
 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.2 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: ⌘ multiple files { path: ['.env.local', '.env'] }
 ┌  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,20 @@
 # @vygruppen/spor-react
 
+## 13.1.2
+
+### Patch Changes
+
+- 976b64a: Add border to toast
+
+## 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,
@@ -6485,10 +6558,20 @@ var createToast = ({
 var Toaster = () => {
   return /* @__PURE__ */ jsxRuntime.jsx(react.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Toaster, { toaster, insetInline: { mdDown: "4" }, children: (toast) => {
     var _a6;
-    return /* @__PURE__ */ jsxRuntime.jsxs(react.Toast.Root, { width: { md: (_a6 = toast.meta) == null ? void 0 : _a6.width }, role: "alert", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(AlertIcon, { variant: toast.type }),
-      /* @__PURE__ */ jsxRuntime.jsx(react.Stack, { gap: "1", flex: "1", maxWidth: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(react.Toast.Description, { children: toast.description }) })
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      react.Toast.Root,
+      {
+        width: { md: (_a6 = toast.meta) == null ? void 0 : _a6.width },
+        border: "sm",
+        borderColor: `outline.${toast.type}`,
+        boxShadow: "sm",
+        role: "alert",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(AlertIcon, { variant: toast.type }),
+          /* @__PURE__ */ jsxRuntime.jsx(react.Stack, { gap: "1", flex: "1", maxWidth: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(react.Toast.Description, { children: toast.description }) })
+        ]
+      }
+    );
   } }) });
 };
 var SporProvider = ({