@vygruppen/spor-react 12.4.5 → 12.4.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vygruppen/spor-react",
-  "version": "12.4.5",
+  "version": "12.4.6",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",

package/src/linjetag/InfoTag.tsx

@@ -52,7 +52,6 @@ export const InfoTag = ({
   const recipe = useSlotRecipe({ key: "infoTag" });
 
   const styles = recipe({
-    variant,
     size,
     ...customProps,
   });

package/src/linjetag/LineIcon.tsx

@@ -24,7 +24,7 @@ type VariantProps = DefaultVariantProps | CustomVariantProps;
 export type LineIconProps = Exclude<BoxProps, "variant"> &
   VariantProps &
   PropsWithChildren<LineIconVariantProps> & {
-    size: TagProps["size"];
+    size?: TagProps["size"];
     foregroundColor?: string;
     backgroundColor?: string;
     disabled?: boolean;

package/src/linjetag/types.ts

@@ -17,7 +17,7 @@ export type Size = "sm" | "md" | "lg";
 export type TagType = "info" | "travel";
 
 export type TagProps = VariantProps & {
-  size: Size;
+  size?: Size;
   title: string;
   description?: string;
 };

package/src/theme/slot-recipes/accordion.ts

@@ -94,24 +94,24 @@ export const accordionSlotRecipe = defineSlotRecipe({
           },
           "&:hover": {
             outlineWidth: tokens.size.stroke.md,
-            outlineColor: "core.outline.hover",
-            outline: "solid",
+            outlineColor: "core.outline",
+            outline: "2px solid",
 
             outlineOffset: 0,
           },
           "&:active": {
             backgroundColor: "core.surface.active",
             outlineWidth: tokens.size.stroke.sm,
-            outlineColor: "core.outline.active",
-            outline: "solid",
+            outline: "none",
           },
         },
       },
       floating: {
         item: {
-          outline: "solid",
+          outline: "1px solid",
           outlineWidth: tokens.size.stroke.sm,
-          outlineColor: "core.outline",
+          boxShadow: "sm",
+          outlineColor: "floating.outline",
         },
         itemTrigger: {
           _expanded: {
@@ -119,16 +119,15 @@ export const accordionSlotRecipe = defineSlotRecipe({
           },
           "&:hover": {
             outlineWidth: tokens.size.stroke.md,
+            outline: "1px solid",
             outlineColor: "floating.outline.hover",
-            outline: "solid",
 
-            outlineOffset: 0,
+            outlineOffset: 1,
           },
           "&:active": {
             backgroundColor: "floating.surface.active",
             outlineWidth: tokens.size.stroke.sm,
-            outlineColor: "floating.outline.active",
-            outline: "solid",
+            outline: "none",
           },
         },
       },

package/src/theme/slot-recipes/info-tag.ts

@@ -26,13 +26,17 @@ export const infoTagSlotRecipe = defineSlotRecipe({
   },
   variants: {
     variant: {
-      walk: {
-        iconContainer: {
-          icon: {
-            color: "text",
-          },
-        },
-      },
+      walk: {},
+      ferry: {},
+      subway: {},
+      tram: {},
+      "local-train": {},
+      "region-train": {},
+      "region-express-train": {},
+      "long-distance-train": {},
+      "airport-express-train": {},
+      "vy-bus": {},
+      "local-bus": {},
     },
     size: {
       ...travelTagSlotRecipe.variants?.size,