@mirohq/design-system-grid 2.1.66-new-focus-keyboard.1 → 2.1.66-sync-design-tokens.0
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/types.d.ts +15 -15
- package/package.json +2 -2
package/dist/types.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import react__default, { ComponentPropsWithRef } from 'react';
|
|
2
|
+
import react__default, { ComponentPropsWithRef, ForwardRefExoticComponent } from 'react';
|
|
3
3
|
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
|
|
4
4
|
import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
|
|
5
5
|
import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
|
|
6
6
|
|
|
7
|
-
declare const StyledGrid: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>>, "rows" | "align" | "
|
|
8
|
-
align?: "center" | "end" | "
|
|
7
|
+
declare const StyledGrid: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>>, "rows" | "align" | "justify" | "justifyItems" | "columns" | "gap" | "flow" | "gapX" | "gapY"> & _stitches_react_types_styled_component.TransformProps<{
|
|
8
|
+
align?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
|
|
9
9
|
flow?: "row" | "column" | "dense" | "rowDense" | "columnDense" | undefined;
|
|
10
10
|
gap?: 0 | 400 | 600 | 200 | 100 | 300 | 50 | 25 | 150 | 350 | 500 | 700 | 800 | 1200 | 1600 | 2000 | "0" | "25" | "50" | "100" | "200" | "150" | "300" | "350" | "400" | "500" | "600" | "700" | "800" | "1200" | "1600" | "2000" | undefined;
|
|
11
11
|
gapX?: 0 | 400 | 600 | 200 | 100 | 300 | 50 | 25 | 150 | 350 | 500 | 700 | 800 | 1200 | 1600 | 2000 | "0" | "25" | "50" | "100" | "200" | "150" | "300" | "350" | "400" | "500" | "600" | "700" | "800" | "1200" | "1600" | "2000" | undefined;
|
|
@@ -15,7 +15,7 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
15
15
|
justify?: "center" | "end" | "start" | "stretch" | "between" | "around" | "evenly" | undefined;
|
|
16
16
|
justifyItems?: "center" | "end" | "start" | "stretch" | undefined;
|
|
17
17
|
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {
|
|
18
|
-
align?: "center" | "end" | "
|
|
18
|
+
align?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
|
|
19
19
|
flow?: "row" | "column" | "dense" | "rowDense" | "columnDense" | undefined;
|
|
20
20
|
gap?: 0 | 400 | 600 | 200 | 100 | 300 | 50 | 25 | 150 | 350 | 500 | 700 | 800 | 1200 | 1600 | 2000 | "0" | "25" | "50" | "100" | "200" | "150" | "300" | "350" | "400" | "500" | "600" | "700" | "800" | "1200" | "1600" | "2000" | undefined;
|
|
21
21
|
gapX?: 0 | 400 | 600 | 200 | 100 | 300 | 50 | 25 | 150 | 350 | 500 | 700 | 800 | 1200 | 1600 | 2000 | "0" | "25" | "50" | "100" | "200" | "150" | "300" | "350" | "400" | "500" | "600" | "700" | "800" | "1200" | "1600" | "2000" | undefined;
|
|
@@ -25,20 +25,20 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
25
25
|
justify?: "center" | "end" | "start" | "stretch" | "between" | "around" | "evenly" | undefined;
|
|
26
26
|
justifyItems?: "center" | "end" | "start" | "stretch" | undefined;
|
|
27
27
|
}, {}>;
|
|
28
|
-
|
|
28
|
+
type StyledGridProps = ComponentPropsWithRef<typeof StyledGrid>;
|
|
29
29
|
|
|
30
30
|
declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>>, "columnStart" | "rowStart" | "columnEnd" | "rowEnd"> & _stitches_react_types_styled_component.TransformProps<{
|
|
31
|
-
columnStart?: "1" | 1 | 4 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
|
|
32
|
-
rowStart?: "1" | 1 | 4 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
|
|
33
|
-
columnEnd?: "1" | 1 | 4 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
|
|
34
|
-
rowEnd?: "1" | 1 | 4 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
|
|
31
|
+
columnStart?: "1" | 1 | 4 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | -1 | "-1" | undefined;
|
|
32
|
+
rowStart?: "1" | 1 | 4 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | -1 | "-1" | undefined;
|
|
33
|
+
columnEnd?: "1" | 1 | 4 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | -1 | "-1" | undefined;
|
|
34
|
+
rowEnd?: "1" | 1 | 4 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | -1 | "-1" | undefined;
|
|
35
35
|
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {
|
|
36
|
-
columnStart?: "1" | 1 | 4 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
|
|
37
|
-
rowStart?: "1" | 1 | 4 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
|
|
38
|
-
columnEnd?: "1" | 1 | 4 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
|
|
39
|
-
rowEnd?: "1" | 1 | 4 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
|
|
36
|
+
columnStart?: "1" | 1 | 4 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | -1 | "-1" | undefined;
|
|
37
|
+
rowStart?: "1" | 1 | 4 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | -1 | "-1" | undefined;
|
|
38
|
+
columnEnd?: "1" | 1 | 4 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | -1 | "-1" | undefined;
|
|
39
|
+
rowEnd?: "1" | 1 | 4 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | -1 | "-1" | undefined;
|
|
40
40
|
}, {}>;
|
|
41
|
-
|
|
41
|
+
type StyledItemProps = ComponentPropsWithRef<typeof StyledItem>;
|
|
42
42
|
|
|
43
43
|
interface ItemProps extends StyledItemProps {
|
|
44
44
|
/**
|
|
@@ -102,7 +102,7 @@ interface GridProps extends StyledGridProps {
|
|
|
102
102
|
*/
|
|
103
103
|
rows?: StyledGridProps['rows'];
|
|
104
104
|
}
|
|
105
|
-
declare const Grid:
|
|
105
|
+
declare const Grid: ForwardRefExoticComponent<GridProps> & Partials;
|
|
106
106
|
interface Partials {
|
|
107
107
|
Item: typeof Item;
|
|
108
108
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-grid",
|
|
3
|
-
"version": "2.1.66-
|
|
3
|
+
"version": "2.1.66-sync-design-tokens.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@mirohq/design-system-primitive": "^1.1.2",
|
|
30
|
-
"@mirohq/design-system-stitches": "^2.6.31-
|
|
30
|
+
"@mirohq/design-system-stitches": "^2.6.31-sync-design-tokens.0",
|
|
31
31
|
"@mirohq/design-system-utils": "^0.15.5"
|
|
32
32
|
},
|
|
33
33
|
"scripts": {
|