@vygruppen/spor-react 3.1.1 → 3.1.2

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@3.1.1 build
+> @vygruppen/spor-react@3.1.2 build
 > tsup src/index.tsx --dts --treeshake --format cjs,esm
 
 CLI Building entry: src/index.tsx
@@ -12,10 +12,10 @@
 "toZoned" and "toTime" are imported from external module "@internationalized/date" but never used in "dist/index.js".
 "toZoned" and "toTime" are imported from external module "@internationalized/date" but never used in "dist/chunk-GIRK7GTN.mjs".
 CJS dist/index.js 901.12 KB
-CJS ⚡️ Build success in 5792ms
+CJS ⚡️ Build success in 4689ms
 ESM dist/index.mjs                      2.01 KB
 ESM dist/CountryCodeSelect-PU2FEIUH.mjs 350.82 KB
 ESM dist/chunk-GIRK7GTN.mjs             418.55 KB
-ESM ⚡️ Build success in 5793ms
-DTS ⚡️ Build success in 21467ms
-DTS dist/index.d.ts 250.91 KB
+ESM ⚡️ Build success in 4689ms
+DTS ⚡️ Build success in 18196ms
+DTS dist/index.d.ts 251.63 KB

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @vygruppen/spor-react
 
+## 3.1.2
+
+### Patch Changes
+
+- a19a1e80: Heading: Fix a bug with variants
+
 ## 3.1.1
 
 ### Patch Changes

package/dist/index.d.ts

@@ -1882,6 +1882,44 @@ type ColorsType = typeof tokens__default.color.alias & typeof tokens__default.co
     linjetag: typeof tokens__default.color.linjetag;
 };
 
+declare const textStyles: {
+    "2xl": {
+        fontSize: string[];
+        fontFamily: string;
+        lineHeight: string;
+    };
+    "xl-display": {
+        fontSize: string[];
+        fontFamily: string;
+        lineHeight: string;
+    };
+    "xl-sans": {
+        fontSize: string[];
+        fontFamily: string;
+        lineHeight: string;
+    };
+    lg: {
+        fontSize: string[];
+        fontFamily: string;
+        lineHeight: string;
+    };
+    md: {
+        fontSize: string[];
+        fontFamily: string;
+        lineHeight: string;
+    };
+    sm: {
+        fontSize: string[];
+        fontFamily: string;
+        lineHeight: string;
+    };
+    xs: {
+        fontSize: string[];
+        fontFamily: string;
+        lineHeight: string;
+    };
+};
+
 /** A string of CSS that should be injected in the global CSS space */
 declare const fontFaces: string;
 
@@ -6975,12 +7013,11 @@ type CodeProps = CodeProps$1 & {
  */
 declare const Code: _chakra_ui_system_dist_system_types.ComponentWithAs<As, CodeProps>;
 
-type TextStyles = keyof typeof tokens__default.font.style;
 type HeadingProps = Omit<HeadingProps$1, "textStyle" | "as"> & {
     /** The heading level, e.g. h1, h2, h3... **/
     as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    /** The size and style of the heading */
-    variant?: TextStyles;
+    /** The size and style of the heading. Defaults to xl-display */
+    variant?: keyof typeof textStyles;
 };
 /**
  * Create your own fancy headings with this component.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vygruppen/spor-react",
-  "version": "3.1.1",
+  "version": "3.1.2",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",

package/src/typography/Heading.tsx

@@ -1,14 +1,12 @@
 import { HeadingProps as ChakraHeadingProps, Text } from "@chakra-ui/react";
-import type tokens from "@vygruppen/spor-design-tokens";
 import React from "react";
-
-type TextStyles = keyof typeof tokens.font.style;
+import type { textStyles } from "../theme/foundations";
 
 export type HeadingProps = Omit<ChakraHeadingProps, "textStyle" | "as"> & {
   /** The heading level, e.g. h1, h2, h3... **/
   as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-  /** The size and style of the heading */
-  variant?: TextStyles;
+  /** The size and style of the heading. Defaults to xl-display */
+  variant?: keyof typeof textStyles;
 };
 /**
  * Create your own fancy headings with this component.