@vygruppen/spor-react 12.4.4 → 12.4.6

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.4.4 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.4.6 build /home/runner/work/spor/spor/packages/spor-react
 > tsup
 
 CLI Building entry: src/index.tsx, src/icons/index.tsx
@@ -10,18 +10,18 @@ CLI Target: node16
 CJS Build start
 ESM Build start
 DTS Build start
-ESM dist/icons/index.mjs     110.00 B
-ESM dist/icons/index.mjs.map 157.00 B
-ESM dist/index.mjs           294.81 KB
-ESM dist/index.mjs.map       633.53 KB
-ESM ⚡️ Build success in 2742ms
+CJS dist/index.js           310.51 KB
 CJS dist/icons/index.js     380.00 B
+CJS dist/index.js.map       622.22 KB
 CJS dist/icons/index.js.map 157.00 B
-CJS dist/index.js           315.09 KB
-CJS dist/index.js.map       633.53 KB
-CJS ⚡️ Build success in 2743ms
-DTS ⚡️ Build success in 28946ms
+CJS ⚡️ Build success in 2607ms
+ESM dist/index.mjs           290.17 KB
+ESM dist/icons/index.mjs     110.00 B
+ESM dist/index.mjs.map       622.22 KB
+ESM dist/icons/index.mjs.map 157.00 B
+ESM ⚡️ Build success in 2607ms
+DTS ⚡️ Build success in 26071ms
 DTS dist/icons/index.d.ts  44.00 B
-DTS dist/index.d.ts        126.10 KB
+DTS dist/index.d.ts        126.31 KB
 DTS dist/icons/index.d.mts 44.00 B
-DTS dist/index.d.mts       126.10 KB
+DTS dist/index.d.mts       126.31 KB

package/.turbo/turbo-postinstall.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.4.4 postinstall /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.4.6 postinstall /home/runner/work/spor/spor/packages/spor-react
 > chakra typegen src/theme/index.ts
 
 ┌  Chakra CLI ⚡️

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @vygruppen/spor-react
 
+## 12.4.6
+
+### Patch Changes
+
+- 15b6def: TravelTag, InfoTag, LineIcon: Size is no longer required and variants have been added to recipe
+- e249e04: Accordion: Fixed styling on different variants
+
+## 12.4.5
+
+### Patch Changes
+
+- 9f9f9c0: Replace style utils with tokens for better maintainability
+  - @vygruppen/spor-design-tokens@4.0.7
+  - @vygruppen/spor-icon-react@4.1.0
+
 ## 12.4.4
 
 ### Patch Changes

package/dist/index.d.mts

@@ -28,7 +28,7 @@ type ExpandableItemProps = HeadingLevel & {
 };
 
 declare const Accordion: React$1.ForwardRefExoticComponent<Accordion$1.RootProps & {
-    variant?: _chakra_ui_react.ConditionalValue<"floating" | "ghost" | "core" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"ghost" | "core" | "floating" | undefined>;
 } & {
     children?: React$1.ReactNode | undefined;
 } & {
@@ -56,7 +56,7 @@ declare const AccordionItem: React$1.ForwardRefExoticComponent<Accordion$1.ItemP
  * ```
  */
 declare const Expandable: React$1.ForwardRefExoticComponent<_chakra_ui_react.AccordionRootProps & {
-    variant?: _chakra_ui_react.ConditionalValue<"floating" | "ghost" | "core" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"ghost" | "core" | "floating" | undefined>;
 } & {
     children?: React$1.ReactNode | undefined;
 } & {
@@ -139,7 +139,7 @@ declare const Alert: React$1.ForwardRefExoticComponent<Omit<Alert$1.RootProps, "
  * ```
  */
 declare const ExpandableAlert: React$1.ForwardRefExoticComponent<{
-    variant?: ConditionalValue<"error" | "alt" | "important" | "success" | "info" | undefined>;
+    variant?: ConditionalValue<"alt" | "error" | "important" | "success" | "info" | undefined>;
 } & {
     children?: React$1.ReactNode | undefined;
 } & Omit<Accordion$1.RootProps, "size" | "variant" | "orientation" | "value"> & {
@@ -321,7 +321,7 @@ type ButtonProps = Exclude<ButtonProps$1, "size" | "variant" | "colorPalette"> &
     href?: string;
 };
 declare const Button: React__default.ForwardRefExoticComponent<ButtonProps$1 & {
-    variant?: _chakra_ui_react.ConditionalValue<"floating" | "secondary" | "tertiary" | "ghost" | "primary" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"ghost" | "floating" | "primary" | "secondary" | "tertiary" | undefined>;
     size?: _chakra_ui_react.ConditionalValue<"sm" | "md" | "lg" | "xs" | undefined>;
 } & {
     children?: React__default.ReactNode | undefined;
@@ -357,7 +357,7 @@ declare const ButtonGroup: React$1.ForwardRefExoticComponent<GroupProps & {
 } & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const ClipboardButton: React$1.ForwardRefExoticComponent<_chakra_ui_react.ButtonProps & {
-    variant?: _chakra_ui_react.ConditionalValue<"floating" | "secondary" | "tertiary" | "ghost" | "primary" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"ghost" | "floating" | "primary" | "secondary" | "tertiary" | undefined>;
     size?: _chakra_ui_react.ConditionalValue<"sm" | "md" | "lg" | "xs" | undefined>;
 } & {
     children?: React$1.ReactNode | undefined;
@@ -419,7 +419,7 @@ type IconButtonProps = Exclude<IconButtonProps$1, "variant" | "spinner" | "icon"
  * ```
  */
 declare const IconButton: React__default.ForwardRefExoticComponent<IconButtonProps$1 & {
-    variant?: _chakra_ui_react.ConditionalValue<"floating" | "secondary" | "tertiary" | "ghost" | "primary" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"ghost" | "floating" | "primary" | "secondary" | "tertiary" | undefined>;
     size?: _chakra_ui_react.ConditionalValue<"sm" | "md" | "lg" | "xs" | undefined>;
 } & {
     children?: React__default.ReactNode | undefined;
@@ -610,7 +610,7 @@ type DatePickerVariantProps = RecipeVariantProps<typeof datePickerSlotRecipe>;
  * ```
  */
 declare const DatePicker: React__default.ForwardRefExoticComponent<Omit<AriaDatePickerProps<DateValue>, "onChange"> & Pick<BoxProps, "minHeight" | "width"> & {
-    variant?: _chakra_ui_react.ConditionalValue<"floating" | "ghost" | "core" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"ghost" | "core" | "floating" | undefined>;
 } & {
     children?: React__default.ReactNode | undefined;
 } & CalendarVariants & {
@@ -1349,7 +1349,7 @@ type NativeSelectdProps = React$1.PropsWithChildren<NativeSelectVariantProps> &
  *
  */
 declare const NativeSelect: React$1.ForwardRefExoticComponent<{
-    variant?: _chakra_ui_react.ConditionalValue<"floating" | "core" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"core" | "floating" | undefined>;
 } & {
     children?: React$1.ReactNode | undefined;
 } & FieldBaseProps & NativeSelect$1.FieldProps & {
@@ -1782,23 +1782,23 @@ type TextareaProps = Exclude<TextareaProps$1, "size" | "colorPalette"> & FieldPr
 declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps$1 & Omit<_chakra_ui_react.FieldRootProps, "label"> & {
     children?: ReactNode | undefined;
 } & FieldBaseProps & {
-    variant?: _chakra_ui_react.ConditionalValue<"floating" | "core" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"core" | "floating" | undefined>;
 } & {
     label: ReactNode;
 } & React__default.RefAttributes<HTMLTextAreaElement>>;
 
 declare const PressableCard: React$1.ForwardRefExoticComponent<{
-    variant?: _chakra_ui_react.ConditionalValue<"floating" | "core" | "accent" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"core" | "floating" | "accent" | undefined>;
 } & ButtonProps$1 & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const RadioCard: React__default.ForwardRefExoticComponent<RadioCard$1.ItemProps & {
-    variant?: _chakra_ui_react.ConditionalValue<"floating" | "core" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"core" | "floating" | undefined>;
 } & {
     inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
     ariaLabel?: string;
 } & React__default.RefAttributes<HTMLInputElement>>;
 declare const RadioCardGroup: React__default.ForwardRefExoticComponent<{
-    variant?: _chakra_ui_react.ConditionalValue<"floating" | "core" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"core" | "floating" | undefined>;
 } & RadioCard$1.RootProps & {
     children: React__default.ReactNode;
     gap?: string | number;
@@ -1855,13 +1855,17 @@ declare const StaticCard: React$1.ForwardRefExoticComponent<{
 
 declare const infoTagSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"icon" | "title" | "description" | "iconContainer" | "container" | "textContainer" | "walk", {
     variant: {
-        walk: {
-            iconContainer: {
-                icon: {
-                    color: string;
-                };
-            };
-        };
+        walk: {};
+        ferry: {};
+        subway: {};
+        tram: {};
+        "local-train": {};
+        "region-train": {};
+        "region-express-train": {};
+        "long-distance-train": {};
+        "airport-express-train": {};
+        "vy-bus": {};
+        "local-bus": {};
     };
     size: {
         sm: {
@@ -1906,7 +1910,7 @@ declare const infoTagSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"icon" |
 type Variant$1 = "local-train" | "region-train" | "region-express-train" | "long-distance-train" | "airport-express-train" | "vy-bus" | "local-bus" | "ferry" | "subway" | "tram" | "alt-transport" | "walk";
 type Size = "sm" | "md" | "lg";
 type TagProps = VariantProps$1 & {
-    size: Size;
+    size?: Size;
     title: string;
     description?: string;
 };
@@ -2078,7 +2082,7 @@ type DefaultVariantProps = {
 };
 type VariantProps = DefaultVariantProps | CustomVariantProps;
 type LineIconProps = Exclude<BoxProps, "variant"> & VariantProps & PropsWithChildren<LineIconVariantProps> & {
-    size: TagProps["size"];
+    size?: TagProps["size"];
     foregroundColor?: string;
     backgroundColor?: string;
     disabled?: boolean;
@@ -2325,23 +2329,23 @@ declare const TravelTag: React$1.ForwardRefExoticComponent<TravelTagProps & Reac
 declare const linkRecipe: _chakra_ui_react.RecipeDefinition<{
     variant: {
         primary: {
+            color: "core.text";
             _hover: {
                 color: "text.default";
                 _active: {
                     color: "text.disabled";
                 };
             };
-            color: string;
         };
         secondary: {
+            color: "text.hightlight";
             padding: "2px";
             _hover: {
+                color: "text.hightlight";
                 _active: {
                     color: "text.disabled";
                 };
-                color: string;
             };
-            color: string;
         };
     };
 }>;
@@ -2354,7 +2358,7 @@ type LinkProps = Exclude<LinkProps$1, "variant"> & PropsWithChildren<linkVariant
     external?: boolean;
 };
 declare const TextLink: React__default.ForwardRefExoticComponent<LinkProps$1 & {
-    variant?: _chakra_ui_react.ConditionalValue<"secondary" | "primary" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"primary" | "secondary" | undefined>;
 } & {
     children?: React__default.ReactNode | undefined;
 } & {
@@ -2989,13 +2993,13 @@ declare const stepperSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" |
                     _dark: "whiteAlpha.900";
                 };
                 _disabled: {
-                    color: string;
+                    color: "core.text";
                 };
                 _currentStep: {
-                    color: string;
+                    color: "accent.text";
                 };
                 _hover: {
-                    backgroundColor: string;
+                    backgroundColor: "accent.surface.hover";
                     _disabled: {
                         backgroundColor: "transparent";
                     };
@@ -3003,7 +3007,7 @@ declare const stepperSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" |
             };
             backButton: {
                 _hover: {
-                    backgroundColor: string;
+                    backgroundColor: "brand.surface.hover";
                 };
             };
         };

package/dist/index.d.ts

@@ -28,7 +28,7 @@ type ExpandableItemProps = HeadingLevel & {
 };
 
 declare const Accordion: React$1.ForwardRefExoticComponent<Accordion$1.RootProps & {
-    variant?: _chakra_ui_react.ConditionalValue<"floating" | "ghost" | "core" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"ghost" | "core" | "floating" | undefined>;
 } & {
     children?: React$1.ReactNode | undefined;
 } & {
@@ -56,7 +56,7 @@ declare const AccordionItem: React$1.ForwardRefExoticComponent<Accordion$1.ItemP
  * ```
  */
 declare const Expandable: React$1.ForwardRefExoticComponent<_chakra_ui_react.AccordionRootProps & {
-    variant?: _chakra_ui_react.ConditionalValue<"floating" | "ghost" | "core" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"ghost" | "core" | "floating" | undefined>;
 } & {
     children?: React$1.ReactNode | undefined;
 } & {
@@ -139,7 +139,7 @@ declare const Alert: React$1.ForwardRefExoticComponent<Omit<Alert$1.RootProps, "
  * ```
  */
 declare const ExpandableAlert: React$1.ForwardRefExoticComponent<{
-    variant?: ConditionalValue<"error" | "alt" | "important" | "success" | "info" | undefined>;
+    variant?: ConditionalValue<"alt" | "error" | "important" | "success" | "info" | undefined>;
 } & {
     children?: React$1.ReactNode | undefined;
 } & Omit<Accordion$1.RootProps, "size" | "variant" | "orientation" | "value"> & {
@@ -321,7 +321,7 @@ type ButtonProps = Exclude<ButtonProps$1, "size" | "variant" | "colorPalette"> &
     href?: string;
 };
 declare const Button: React__default.ForwardRefExoticComponent<ButtonProps$1 & {
-    variant?: _chakra_ui_react.ConditionalValue<"floating" | "secondary" | "tertiary" | "ghost" | "primary" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"ghost" | "floating" | "primary" | "secondary" | "tertiary" | undefined>;
     size?: _chakra_ui_react.ConditionalValue<"sm" | "md" | "lg" | "xs" | undefined>;
 } & {
     children?: React__default.ReactNode | undefined;
@@ -357,7 +357,7 @@ declare const ButtonGroup: React$1.ForwardRefExoticComponent<GroupProps & {
 } & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const ClipboardButton: React$1.ForwardRefExoticComponent<_chakra_ui_react.ButtonProps & {
-    variant?: _chakra_ui_react.ConditionalValue<"floating" | "secondary" | "tertiary" | "ghost" | "primary" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"ghost" | "floating" | "primary" | "secondary" | "tertiary" | undefined>;
     size?: _chakra_ui_react.ConditionalValue<"sm" | "md" | "lg" | "xs" | undefined>;
 } & {
     children?: React$1.ReactNode | undefined;
@@ -419,7 +419,7 @@ type IconButtonProps = Exclude<IconButtonProps$1, "variant" | "spinner" | "icon"
  * ```
  */
 declare const IconButton: React__default.ForwardRefExoticComponent<IconButtonProps$1 & {
-    variant?: _chakra_ui_react.ConditionalValue<"floating" | "secondary" | "tertiary" | "ghost" | "primary" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"ghost" | "floating" | "primary" | "secondary" | "tertiary" | undefined>;
     size?: _chakra_ui_react.ConditionalValue<"sm" | "md" | "lg" | "xs" | undefined>;
 } & {
     children?: React__default.ReactNode | undefined;
@@ -610,7 +610,7 @@ type DatePickerVariantProps = RecipeVariantProps<typeof datePickerSlotRecipe>;
  * ```
  */
 declare const DatePicker: React__default.ForwardRefExoticComponent<Omit<AriaDatePickerProps<DateValue>, "onChange"> & Pick<BoxProps, "minHeight" | "width"> & {
-    variant?: _chakra_ui_react.ConditionalValue<"floating" | "ghost" | "core" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"ghost" | "core" | "floating" | undefined>;
 } & {
     children?: React__default.ReactNode | undefined;
 } & CalendarVariants & {
@@ -1349,7 +1349,7 @@ type NativeSelectdProps = React$1.PropsWithChildren<NativeSelectVariantProps> &
  *
  */
 declare const NativeSelect: React$1.ForwardRefExoticComponent<{
-    variant?: _chakra_ui_react.ConditionalValue<"floating" | "core" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"core" | "floating" | undefined>;
 } & {
     children?: React$1.ReactNode | undefined;
 } & FieldBaseProps & NativeSelect$1.FieldProps & {
@@ -1782,23 +1782,23 @@ type TextareaProps = Exclude<TextareaProps$1, "size" | "colorPalette"> & FieldPr
 declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps$1 & Omit<_chakra_ui_react.FieldRootProps, "label"> & {
     children?: ReactNode | undefined;
 } & FieldBaseProps & {
-    variant?: _chakra_ui_react.ConditionalValue<"floating" | "core" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"core" | "floating" | undefined>;
 } & {
     label: ReactNode;
 } & React__default.RefAttributes<HTMLTextAreaElement>>;
 
 declare const PressableCard: React$1.ForwardRefExoticComponent<{
-    variant?: _chakra_ui_react.ConditionalValue<"floating" | "core" | "accent" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"core" | "floating" | "accent" | undefined>;
 } & ButtonProps$1 & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const RadioCard: React__default.ForwardRefExoticComponent<RadioCard$1.ItemProps & {
-    variant?: _chakra_ui_react.ConditionalValue<"floating" | "core" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"core" | "floating" | undefined>;
 } & {
     inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
     ariaLabel?: string;
 } & React__default.RefAttributes<HTMLInputElement>>;
 declare const RadioCardGroup: React__default.ForwardRefExoticComponent<{
-    variant?: _chakra_ui_react.ConditionalValue<"floating" | "core" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"core" | "floating" | undefined>;
 } & RadioCard$1.RootProps & {
     children: React__default.ReactNode;
     gap?: string | number;
@@ -1855,13 +1855,17 @@ declare const StaticCard: React$1.ForwardRefExoticComponent<{
 
 declare const infoTagSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"icon" | "title" | "description" | "iconContainer" | "container" | "textContainer" | "walk", {
     variant: {
-        walk: {
-            iconContainer: {
-                icon: {
-                    color: string;
-                };
-            };
-        };
+        walk: {};
+        ferry: {};
+        subway: {};
+        tram: {};
+        "local-train": {};
+        "region-train": {};
+        "region-express-train": {};
+        "long-distance-train": {};
+        "airport-express-train": {};
+        "vy-bus": {};
+        "local-bus": {};
     };
     size: {
         sm: {
@@ -1906,7 +1910,7 @@ declare const infoTagSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"icon" |
 type Variant$1 = "local-train" | "region-train" | "region-express-train" | "long-distance-train" | "airport-express-train" | "vy-bus" | "local-bus" | "ferry" | "subway" | "tram" | "alt-transport" | "walk";
 type Size = "sm" | "md" | "lg";
 type TagProps = VariantProps$1 & {
-    size: Size;
+    size?: Size;
     title: string;
     description?: string;
 };
@@ -2078,7 +2082,7 @@ type DefaultVariantProps = {
 };
 type VariantProps = DefaultVariantProps | CustomVariantProps;
 type LineIconProps = Exclude<BoxProps, "variant"> & VariantProps & PropsWithChildren<LineIconVariantProps> & {
-    size: TagProps["size"];
+    size?: TagProps["size"];
     foregroundColor?: string;
     backgroundColor?: string;
     disabled?: boolean;
@@ -2325,23 +2329,23 @@ declare const TravelTag: React$1.ForwardRefExoticComponent<TravelTagProps & Reac
 declare const linkRecipe: _chakra_ui_react.RecipeDefinition<{
     variant: {
         primary: {
+            color: "core.text";
             _hover: {
                 color: "text.default";
                 _active: {
                     color: "text.disabled";
                 };
             };
-            color: string;
         };
         secondary: {
+            color: "text.hightlight";
             padding: "2px";
             _hover: {
+                color: "text.hightlight";
                 _active: {
                     color: "text.disabled";
                 };
-                color: string;
             };
-            color: string;
         };
     };
 }>;
@@ -2354,7 +2358,7 @@ type LinkProps = Exclude<LinkProps$1, "variant"> & PropsWithChildren<linkVariant
     external?: boolean;
 };
 declare const TextLink: React__default.ForwardRefExoticComponent<LinkProps$1 & {
-    variant?: _chakra_ui_react.ConditionalValue<"secondary" | "primary" | undefined>;
+    variant?: _chakra_ui_react.ConditionalValue<"primary" | "secondary" | undefined>;
 } & {
     children?: React__default.ReactNode | undefined;
 } & {
@@ -2989,13 +2993,13 @@ declare const stepperSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" |
                     _dark: "whiteAlpha.900";
                 };
                 _disabled: {
-                    color: string;
+                    color: "core.text";
                 };
                 _currentStep: {
-                    color: string;
+                    color: "accent.text";
                 };
                 _hover: {
-                    backgroundColor: string;
+                    backgroundColor: "accent.surface.hover";
                     _disabled: {
                         backgroundColor: "transparent";
                     };
@@ -3003,7 +3007,7 @@ declare const stepperSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" |
             };
             backButton: {
                 _hover: {
-                    backgroundColor: string;
+                    backgroundColor: "brand.surface.hover";
                 };
             };
         };