@vygruppen/spor-react 12.0.0 → 12.0.2

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.
Files changed (13) hide show
  1. package/.turbo/turbo-build.log +11 -11
  2. package/.turbo/turbo-typegen.log +1 -1
  3. package/CHANGELOG.md +14 -0
  4. package/dist/index.d.mts +60 -7
  5. package/dist/index.d.ts +60 -7
  6. package/dist/index.js +3 -1
  7. package/dist/index.js.map +1 -1
  8. package/dist/index.mjs +3 -1
  9. package/dist/index.mjs.map +1 -1
  10. package/package.json +5 -5
  11. package/src/input/NativeSelect.tsx +10 -8
  12. package/src/theme/slot-recipes/table.ts +2 -0
  13. 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.0",
3
+ "version": "12.0.2",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",
@@ -36,8 +36,8 @@
36
36
  "react-swipeable": "^7.0.1",
37
37
  "usehooks-ts": "^3.1.0",
38
38
  "@vygruppen/spor-design-tokens": "4.0.0",
39
- "@vygruppen/spor-loader": "0.6.0",
40
- "@vygruppen/spor-icon-react": "4.0.0"
39
+ "@vygruppen/spor-icon-react": "4.0.1",
40
+ "@vygruppen/spor-loader": "0.6.0"
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": "^18.2.0",
62
- "react-dom": "^18.2.0"
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",
package/src/input/NativeSelect.tsx CHANGED
@@ -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 NativeSelectRootProps =
17
- React.PropsWithChildren<NativeSelectVariantProps> & {
18
- icon?: React.ReactNode;
19
- label: string;
20
- invalid?: boolean;
21
- disabled?: boolean;
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
- NativeSelectRootProps
45
+ NativeSelectdProps
44
46
  >(function NativeSelect(props, ref) {
45
47
  const {
46
48
  icon,
package/src/theme/slot-recipes/table.ts CHANGED
@@ -15,6 +15,8 @@ export const tableSlotRecipe = defineSlotRecipe({
15
15
  tableLayout: "fixed",
16
16
  borderCollapse: "collapse",
17
17
  width: "100%",
18
+ minWidth: "36rem",
19
+ overflowX: "auto",
18
20
  },
19
21
  columnHeader: {
20
22
  fontWeight: "bold",
package/src/typography/Heading.tsx CHANGED
@@ -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" | "2xl" | "xl-display" | "xl-sans" | "xs"
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 "2xl". The default is "xl-sans".
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="2xl">Look at me!</Heading>
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.