@vygruppen/spor-react 12.0.0 → 12.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +11 -10
- package/.turbo/turbo-typegen.log +2 -3
- package/CHANGELOG.md +8 -0
- package/dist/index.d.mts +60 -7
- package/dist/index.d.ts +60 -7
- package/dist/index.js.map +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +4 -4
- package/src/input/NativeSelect.tsx +10 -8
- package/src/typography/Heading.tsx +3 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vygruppen/spor-react",
|
|
3
|
-
"version": "12.0.
|
|
3
|
+
"version": "12.0.1",
|
|
4
4
|
"main": "./dist/index.js",
|
|
5
5
|
"module": "./dist/index.mjs",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"usehooks-ts": "^3.1.0",
|
|
38
38
|
"@vygruppen/spor-design-tokens": "4.0.0",
|
|
39
39
|
"@vygruppen/spor-loader": "0.6.0",
|
|
40
|
-
"@vygruppen/spor-icon-react": "4.0.
|
|
40
|
+
"@vygruppen/spor-icon-react": "4.0.1"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
43
|
"@chakra-ui/cli": "^3.8.0",
|
|
@@ -58,8 +58,8 @@
|
|
|
58
58
|
"@vygruppen/tsconfig": "0.1.0"
|
|
59
59
|
},
|
|
60
60
|
"peerDependencies": {
|
|
61
|
-
"react": "
|
|
62
|
-
"react-dom": "
|
|
61
|
+
"react": ">=18.0.0 <19.0.0",
|
|
62
|
+
"react-dom": ">=18.0.0 <19.0.0"
|
|
63
63
|
},
|
|
64
64
|
"scripts": {
|
|
65
65
|
"build": "pnpm typegen && tsup",
|
|
@@ -3,6 +3,7 @@ import {
|
|
|
3
3
|
RecipeVariantProps,
|
|
4
4
|
NativeSelect as ChakraNativeSelect,
|
|
5
5
|
useSlotRecipe,
|
|
6
|
+
NativeSelectFieldProps as ChakraNativeSelectFieldProps,
|
|
6
7
|
} from "@chakra-ui/react";
|
|
7
8
|
import { DropdownDownFill18Icon } from "@vygruppen/spor-icon-react";
|
|
8
9
|
import * as React from "react";
|
|
@@ -13,13 +14,14 @@ type NativeSelectVariantProps = RecipeVariantProps<
|
|
|
13
14
|
typeof nativeSelectSlotRecipe
|
|
14
15
|
>;
|
|
15
16
|
|
|
16
|
-
type
|
|
17
|
-
React.PropsWithChildren<NativeSelectVariantProps> &
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
17
|
+
export type NativeSelectdProps =
|
|
18
|
+
React.PropsWithChildren<NativeSelectVariantProps> &
|
|
19
|
+
ChakraNativeSelectFieldProps & {
|
|
20
|
+
icon?: React.ReactNode;
|
|
21
|
+
label: string;
|
|
22
|
+
invalid?: boolean;
|
|
23
|
+
disabled?: boolean;
|
|
24
|
+
};
|
|
23
25
|
|
|
24
26
|
/**
|
|
25
27
|
* Selects let you choose between several options
|
|
@@ -40,7 +42,7 @@ type NativeSelectRootProps =
|
|
|
40
42
|
|
|
41
43
|
export const NativeSelect = React.forwardRef<
|
|
42
44
|
HTMLDivElement,
|
|
43
|
-
|
|
45
|
+
NativeSelectdProps
|
|
44
46
|
>(function NativeSelect(props, ref) {
|
|
45
47
|
const {
|
|
46
48
|
icon,
|
|
@@ -12,7 +12,7 @@ export type HeadingProps = Omit<ChakraHeadingProps, "textStyle" | "as"> & {
|
|
|
12
12
|
as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
13
13
|
/** The size and style of the heading. Defaults to xl-display */
|
|
14
14
|
variant?: ConditionalValue<
|
|
15
|
-
"sm" | "md" | "lg" | "
|
|
15
|
+
"sm" | "md" | "lg" | "xxl" | "xl-display" | "xl-sans" | "xs"
|
|
16
16
|
>;
|
|
17
17
|
/** If true, generate an ID based on the children */
|
|
18
18
|
autoId?: boolean;
|
|
@@ -27,10 +27,10 @@ export type HeadingProps = Omit<ChakraHeadingProps, "textStyle" | "as"> & {
|
|
|
27
27
|
* <Heading as="h1">Page heading</Heading>
|
|
28
28
|
* ```
|
|
29
29
|
*
|
|
30
|
-
* You can specify the variant, which is one of "xs", "sm", "md", "lg", "xl-sans", "xs-serif" and "
|
|
30
|
+
* You can specify the variant, which is one of "xs", "sm", "md", "lg", "xl-sans", "xs-serif" and "xxl". The default is "xl-sans".
|
|
31
31
|
*
|
|
32
32
|
* ```tsx
|
|
33
|
-
* <Heading as="h1" variant="
|
|
33
|
+
* <Heading as="h1" variant="xxl">Look at me!</Heading>
|
|
34
34
|
* ```
|
|
35
35
|
*
|
|
36
36
|
* If you want to generate an ID based on the children, you can use the `autoId` prop.
|