@vygruppen/spor-react 13.4.0 → 13.4.1

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@13.4.0 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@13.4.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/index.cjs           376.01 KB
 CJS dist/icons/index.cjs     381.00 B
-CJS dist/index.cjs.map       746.70 KB
+CJS dist/index.cjs           375.20 KB
 CJS dist/icons/index.cjs.map 157.00 B
-CJS ⚡️ Build success in 2712ms
-ESM dist/index.mjs           351.44 KB
+CJS dist/index.cjs.map       745.37 KB
+CJS ⚡️ Build success in 3155ms
 ESM dist/icons/index.mjs     110.00 B
-ESM dist/index.mjs.map       746.70 KB
+ESM dist/index.mjs           350.63 KB
 ESM dist/icons/index.mjs.map 157.00 B
-ESM ⚡️ Build success in 2713ms
-DTS ⚡️ Build success in 22345ms
+ESM dist/index.mjs.map       745.37 KB
+ESM ⚡️ Build success in 3156ms
+DTS ⚡️ Build success in 22936ms
 DTS dist/icons/index.d.ts  44.00 B
-DTS dist/index.d.ts        152.00 KB
+DTS dist/index.d.ts        151.03 KB
 DTS dist/icons/index.d.cts 44.00 B
-DTS dist/index.d.cts       152.00 KB
+DTS dist/index.d.cts       151.03 KB

package/.turbo/turbo-postinstall.log

@@ -1,8 +1,8 @@
 
-> @vygruppen/spor-react@13.4.0 postinstall /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@13.4.1 postinstall /home/runner/work/spor/spor/packages/spor-react
 > chakra typegen src/theme/index.ts
 
-◇ injected env (0) from .env // tip: ⌁ auth for agents [www.vestauth.com]
+◇ injected env (0) from .env // tip: ⌘ enable debugging { debug: true }
 ┌  Chakra CLI ⚡️
 [?25l│
 ◒  Generating conditions types...

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @vygruppen/spor-react
 
+## 13.4.1
+
+### Patch Changes
+
+- e5b9c5e: Added customization option for travel and info tags `descriptionProps` & `titleProps`
+- b6495d6: Update TravelTag background colours and walk LineIcon dark mode colour
+
 ## 13.4.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -5408,7 +5408,7 @@ var LineIcon = function LineIcon2({
       borderColor: variant === "walk" ? "outline.core" : "transparent",
       "aria-label": label,
       ref,
-      className: clsx_default("light", rest.className),
+      className: variant === "walk" ? void 0 : clsx_default("light", rest.className),
       children: /* @__PURE__ */ jsxRuntime.jsx(LinjeTagIcon, { size, css: styles.icon, variant: getIconVariant() })
     }
   );
@@ -5418,6 +5418,8 @@ var InfoTag = ({
   size = "md",
   title,
   description,
+  descriptionProps,
+  titleProps,
   ...customProps
 }) => {
   const recipe = react.useSlotRecipe({ key: "infoTag" });
@@ -5436,9 +5438,9 @@ var InfoTag = ({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { css: styles.textContainer, children: [
-      title && /* @__PURE__ */ jsxRuntime.jsx(react.Box, { as: "span", css: styles.title, children: title }),
+      title && /* @__PURE__ */ jsxRuntime.jsx(react.Box, { as: "span", css: styles.title, ...titleProps, children: title }),
       title && description && " ",
-      description && /* @__PURE__ */ jsxRuntime.jsx(react.Box, { as: "span", css: styles.description, children: description })
+      description && /* @__PURE__ */ jsxRuntime.jsx(react.Box, { as: "span", css: styles.description, ...descriptionProps, children: description })
     ] })
   ] });
 };
@@ -5470,6 +5472,8 @@ var TravelTag = function TravelTag2({
   foregroundColor,
   backgroundColor,
   customIconVariant,
+  descriptionProps,
+  titleProps,
   ...rest
 }) {
   const recipie = react.useSlotRecipe({ key: "travelTag" });
@@ -5484,7 +5488,6 @@ var TravelTag = function TravelTag2({
       css: styles.container,
       "aria-disabled": disabled,
       ref,
-      className: clsx_default("light", rest.className),
       backgroundColor,
       ...rest,
       children: [
@@ -5502,9 +5505,9 @@ var TravelTag = function TravelTag2({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { css: styles.textContainer, children: [
-          title && /* @__PURE__ */ jsxRuntime.jsx(react.Box, { as: "span", css: styles.title, children: title }),
+          title && /* @__PURE__ */ jsxRuntime.jsx(react.Box, { as: "span", css: styles.title, ...titleProps, children: title }),
           title && description && " ",
-          description && /* @__PURE__ */ jsxRuntime.jsx(react.Box, { as: "span", css: styles.description, children: description })
+          description && /* @__PURE__ */ jsxRuntime.jsx(react.Box, { as: "span", css: styles.description, ...descriptionProps, children: description })
         ] }),
         renderDeviationLevelIcon(deviationLevel, size, styles.deviationIcon)
       ]
@@ -10008,9 +10011,7 @@ var travelTagSlotRecipe = react.defineSlotRecipe({
       display: "flex",
       alignItems: "center",
       padding: 0.5,
-      _disabled: {
-        background: "surface.disabled"
-      },
+      backgroundColor: "surface.disabled",
       width: "fit-content",
       transitionDuration: "fast",
       transitionProperty: "common",
@@ -10074,62 +10075,21 @@ var travelTagSlotRecipe = react.defineSlotRecipe({
       none: {}
     },
     variant: {
-      "local-train": {
-        container: {
-          backgroundColor: "linjetag.lokaltogLight"
-        }
-      },
-      "region-train": {
-        container: {
-          backgroundColor: "linjetag.regiontogLight"
-        }
-      },
-      "region-express-train": {
-        container: {
-          backgroundColor: "linjetag.regionEkspressLight"
-        }
-      },
-      "long-distance-train": {
-        container: {
-          backgroundColor: "linjetag.fjerntogLight"
-        }
-      },
-      "airport-express-train": {
-        container: {
-          backgroundColor: "linjetag.flytogLight"
-        }
-      },
-      "vy-bus": {
-        container: {
-          backgroundColor: "linjetag.vyBussLight"
-        }
-      },
-      "local-bus": {
-        container: {
-          backgroundColor: "linjetag.lokalbussLight"
-        }
-      },
-      ferry: {
-        container: {
-          backgroundColor: "linjetag.fergeLight"
-        }
-      },
-      subway: {
-        container: {
-          backgroundColor: "linjetag.tbaneLight"
-        }
-      },
-      tram: {
-        container: {
-          backgroundColor: "linjetag.trikkLight"
-        }
-      },
-      "alt-transport": {
-        container: {
-          backgroundColor: "linjetag.altTransportLight"
-        }
-      },
+      "local-train": {},
+      "region-train": {},
+      "region-express-train": {},
+      "long-distance-train": {},
+      "airport-express-train": {},
+      "vy-bus": {},
+      "local-bus": {},
+      ferry: {},
+      subway: {},
+      tram: {},
+      "alt-transport": {},
       walk: {
+        container: {
+          backgroundColor: "none"
+        },
         textContainer: {
           position: "absolute",
           left: "0.875rem",