@entur/grid 0.3.66-beta.3 → 0.3.67

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.
@@ -0,0 +1,40 @@
1
+ import { default as React } from 'react';
2
+ import { PolymorphicComponentProps } from '../../utils';
3
+ type BaseGridOwnProps = {
4
+ /** Om det er en GridContainer
5
+ * @default false
6
+ */
7
+ container?: boolean;
8
+ /** Om det er et GridItem
9
+ * @default false
10
+ */
11
+ item?: boolean;
12
+ /** Mellomromet mellom hver GridItem, basert på spacing-tokens
13
+ * @default none
14
+ */
15
+ spacing?: 'none' | 'extraSmall2' | 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
16
+ /** Vertikalt mellomrom for hver GridItem
17
+ * @default Verdien til spacing
18
+ */
19
+ rowSpacing?: 'none' | 'extraSmall2' | 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
20
+ /** Antall kolonner en Item bruker på små flater (og oppover)
21
+ * @default 1
22
+ */
23
+ small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
24
+ /** Antall kolonner en Item bruker på medium flater (og oppover) */
25
+ medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
26
+ /** Antall kolonner en Item bruker på store flater. */
27
+ large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
28
+ /** HTML-elementet eller React-komponenten som lager Grid-elementet
29
+ * @default "div"
30
+ */
31
+ as?: string | React.ElementType;
32
+ /** Ekstra klassenavn */
33
+ className?: string;
34
+ /** Innholdet til Grid containeren/item */
35
+ children?: React.ReactNode;
36
+ };
37
+ declare const defaultElement = "code";
38
+ export type BaseGridProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, BaseGridOwnProps>;
39
+ export declare const BaseGrid: <E extends React.ElementType = "code">({ item, container, children, className, spacing, rowSpacing, small, medium, large, as, ...rest }: BaseGridProps<E>) => JSX.Element;
40
+ export {};
@@ -0,0 +1,22 @@
1
+ import { default as React } from 'react';
2
+ import { PolymorphicComponentProps } from '../../utils';
3
+ export type GridContainerOwnProps = {
4
+ /** Mellomromet mellom hver GridItem, basert på spacing-tokens
5
+ * @default none
6
+ */
7
+ spacing?: 'none' | 'extraSmall2' | 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
8
+ /** Mellomrom mellom hver rad
9
+ * @default Verdien til spacing
10
+ */
11
+ rowSpacing?: 'none' | 'extraSmall2' | 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
12
+ /** HTML-elementet eller React-komponenten som lager Grid-elementet*/
13
+ as?: 'div' | React.ElementType;
14
+ /** Innholdet til Grid-containeren */
15
+ children?: React.ReactNode;
16
+ /** Ekstra klassenavn */
17
+ className?: string;
18
+ };
19
+ export type GridContainerProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, GridContainerOwnProps>;
20
+ declare const defaultElement = "div";
21
+ export declare const GridContainer: <E extends React.ElementType = "div">({ children, className, spacing, rowSpacing, as, ...rest }: GridContainerProps<E>) => JSX.Element;
22
+ export {};
@@ -0,0 +1,22 @@
1
+ import { default as React } from 'react';
2
+ import { PolymorphicComponentProps } from '../../utils';
3
+ export type GridItemOwnProps = {
4
+ /** Antall kolonner en Item bruker på små flater (og oppover)
5
+ * @default 1
6
+ */
7
+ small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
8
+ /** Antall kolonner en Item bruker på medium flater (og oppover) */
9
+ medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
10
+ /** Antall kolonner en Item bruker på store flater. */
11
+ large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
12
+ /** HTML-elementet eller React-komponenten som lager Grid-elementet*/
13
+ as?: 'div' | React.ElementType;
14
+ /** Innholdet til Grid containeren/item */
15
+ children?: React.ReactNode;
16
+ /** Ekstra klassenavn */
17
+ className?: string;
18
+ };
19
+ export type GridItemProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, GridItemOwnProps>;
20
+ declare const defaultElement = "div";
21
+ export declare const GridItem: <E extends React.ElementType = "div">({ children, className, small, medium, large, as, ...rest }: GridItemProps<E>) => JSX.Element;
22
+ export {};
package/dist/index.d.ts CHANGED
@@ -1,79 +1,2 @@
1
- import { default as default_2 } from 'react';
2
-
3
- declare type AsProp<C extends default_2.ElementType> = {
4
- /**
5
- * An override of the default HTML tag.
6
- * Can also be another React component.
7
- */
8
- as?: C;
9
- };
10
-
11
- declare const defaultElement = "div";
12
-
13
- declare const defaultElement_2 = "div";
14
-
15
- /**
16
- * Allows for extending a set of props (`ExtendedProps`) by an overriding set of props
17
- * (`OverrideProps`), ensuring that any duplicates are overridden by the overriding
18
- * set of props.
19
- */
20
- declare type ExtendableProps<ExtendedProps = Record<string, unknown>, OverrideProps = Record<string, unknown>> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
21
-
22
- export declare const GridContainer: <E extends default_2.ElementType = "div">({ children, className, spacing, rowSpacing, as, ...rest }: GridContainerProps<E>) => JSX.Element;
23
-
24
- export declare type GridContainerOwnProps = {
25
- /** Mellomromet mellom hver GridItem, basert på spacing-tokens
26
- * @default none
27
- */
28
- spacing?: 'none' | 'extraSmall2' | 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
29
- /** Mellomrom mellom hver rad
30
- * @default Verdien til spacing
31
- */
32
- rowSpacing?: 'none' | 'extraSmall2' | 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
33
- /** HTML-elementet eller React-komponenten som lager Grid-elementet*/
34
- as?: 'div' | default_2.ElementType;
35
- /** Innholdet til Grid-containeren */
36
- children?: default_2.ReactNode;
37
- /** Ekstra klassenavn */
38
- className?: string;
39
- };
40
-
41
- export declare type GridContainerProps<T extends default_2.ElementType = typeof defaultElement_2> = PolymorphicComponentProps<T, GridContainerOwnProps>;
42
-
43
- export declare const GridItem: <E extends default_2.ElementType = "div">({ children, className, small, medium, large, as, ...rest }: GridItemProps<E>) => JSX.Element;
44
-
45
- export declare type GridItemOwnProps = {
46
- /** Antall kolonner en Item bruker på små flater (og oppover)
47
- * @default 1
48
- */
49
- small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
50
- /** Antall kolonner en Item bruker på medium flater (og oppover) */
51
- medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
52
- /** Antall kolonner en Item bruker på store flater. */
53
- large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
54
- /** HTML-elementet eller React-komponenten som lager Grid-elementet*/
55
- as?: 'div' | default_2.ElementType;
56
- /** Innholdet til Grid containeren/item */
57
- children?: default_2.ReactNode;
58
- /** Ekstra klassenavn */
59
- className?: string;
60
- };
61
-
62
- export declare type GridItemProps<T extends default_2.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, GridItemOwnProps>;
63
-
64
- /**
65
- * Allows for inheriting the props from the specified element type so that
66
- * props like children, className & style work, as well as element-specific
67
- * attributes like aria roles. The component (`C`) must be passed in.
68
- */
69
- declare type InheritableElementProps<C extends default_2.ElementType, Props = Record<string, unknown>> = ExtendableProps<PropsOf<C>, Props>;
70
-
71
- /**
72
- * A more sophisticated version of `InheritableElementProps` where
73
- * the passed in `as` prop will determine which props can be included
74
- */
75
- declare type PolymorphicComponentProps<C extends default_2.ElementType, Props = Record<string, unknown>> = InheritableElementProps<C, Props & AsProp<C>>;
76
-
77
- declare type PropsOf<C extends keyof JSX.IntrinsicElements | default_2.JSXElementConstructor<any>> = JSX.LibraryManagedAttributes<C, default_2.ComponentPropsWithoutRef<C>>;
78
-
79
- export { }
1
+ export * from './GridItem';
2
+ export * from './GridContainer';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/grid",
3
- "version": "0.3.66-beta.3",
3
+ "version": "0.3.67",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/grid.cjs.js",
6
6
  "module": "dist/grid.esm.js",
@@ -27,8 +27,8 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/tokens": "^3.19.2-beta.3",
31
- "@entur/utils": "^0.12.4-beta.3",
30
+ "@entur/tokens": "^3.19.3",
31
+ "@entur/utils": "^0.12.5",
32
32
  "classnames": "^2.5.1"
33
33
  },
34
34
  "devDependencies": {
@@ -44,5 +44,5 @@
44
44
  "vite": "^7.1.3",
45
45
  "vite-plugin-dts": "^4.5.4"
46
46
  },
47
- "gitHead": "d384333f43186922c0d258caa8ee9edebe3aec04"
47
+ "gitHead": "5dd9d318f1d79f6f522f978de27b551fda1e91cc"
48
48
  }