@entur/grid 0.3.66 → 0.3.68
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/dist/BaseGrid.d.ts +40 -0
- package/dist/GridContainer.d.ts +22 -0
- package/dist/GridItem.d.ts +22 -0
- package/dist/index.d.ts +2 -79
- package/package.json +4 -4
|
@@ -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
|
-
|
|
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.
|
|
3
|
+
"version": "0.3.68",
|
|
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.
|
|
31
|
-
"@entur/utils": "^0.12.
|
|
30
|
+
"@entur/tokens": "^3.20.0",
|
|
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": "
|
|
47
|
+
"gitHead": "121225eb41428c01d02eeaa81669651cb9499456"
|
|
48
48
|
}
|