@mirohq/design-system-grid 2.1.12 → 2.1.13

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 (2) hide show
  1. package/dist/types.d.ts +21 -21
  2. package/package.json +3 -3
package/dist/types.d.ts CHANGED
@@ -8,9 +8,9 @@ import * as _stitches_react_types_styled_component from '@stitches/react/types/s
8
8
  declare const StyledGrid: react.ForwardRefExoticComponent<Pick<Omit<{
9
9
  align?: "end" | "baseline" | "start" | "center" | "stretch" | undefined;
10
10
  flow?: "row" | "column" | "dense" | "rowDense" | "columnDense" | undefined;
11
- gap?: "none" | 200 | 50 | 100 | 300 | "100" | "200" | "300" | "50" | undefined;
12
- gapX?: "none" | 200 | 50 | 100 | 300 | "100" | "200" | "300" | "50" | undefined;
13
- gapY?: "none" | 200 | 50 | 100 | 300 | "100" | "200" | "300" | "50" | undefined;
11
+ gap?: 0 | 200 | 50 | 100 | 300 | "0" | "100" | "200" | "300" | "50" | undefined;
12
+ gapX?: 0 | 200 | 50 | 100 | 300 | "0" | "100" | "200" | "300" | "50" | undefined;
13
+ gapY?: 0 | 200 | 50 | 100 | 300 | "0" | "100" | "200" | "300" | "50" | undefined;
14
14
  columns?: "1" | 1 | 4 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | undefined;
15
15
  rows?: "1" | 1 | 4 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | undefined;
16
16
  justify?: "end" | "start" | "center" | "stretch" | "between" | "around" | "evenly" | undefined;
@@ -18,9 +18,9 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Pick<Omit<{
18
18
  }, "rows" | "align" | "justify" | "justifyItems" | "columns" | "gap" | "flow" | "gapX" | "gapY"> & _stitches_react_types_styled_component.TransformProps<{
19
19
  align?: "end" | "baseline" | "start" | "center" | "stretch" | undefined;
20
20
  flow?: "row" | "column" | "dense" | "rowDense" | "columnDense" | undefined;
21
- gap?: "none" | 200 | 50 | 100 | 300 | "100" | "200" | "300" | "50" | undefined;
22
- gapX?: "none" | 200 | 50 | 100 | 300 | "100" | "200" | "300" | "50" | undefined;
23
- gapY?: "none" | 200 | 50 | 100 | 300 | "100" | "200" | "300" | "50" | undefined;
21
+ gap?: 0 | 200 | 50 | 100 | 300 | "0" | "100" | "200" | "300" | "50" | undefined;
22
+ gapX?: 0 | 200 | 50 | 100 | 300 | "0" | "100" | "200" | "300" | "50" | undefined;
23
+ gapY?: 0 | 200 | 50 | 100 | 300 | "0" | "100" | "200" | "300" | "50" | undefined;
24
24
  columns?: "1" | 1 | 4 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | undefined;
25
25
  rows?: "1" | 1 | 4 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | undefined;
26
26
  justify?: "end" | "start" | "center" | "stretch" | "between" | "around" | "evenly" | undefined;
@@ -229,28 +229,28 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Pick<Omit<{
229
229
  readonly 'icon-400': "32px";
230
230
  };
231
231
  space: {
232
- readonly none: 0;
232
+ readonly 0: 0;
233
233
  readonly 50: "4px";
234
234
  readonly 100: "8px";
235
235
  readonly 150: "12px";
236
236
  readonly 200: "16px";
237
237
  readonly 300: "24px";
238
238
  readonly 400: "32px";
239
- readonly 500: "64px";
239
+ readonly 500: "40px";
240
240
  readonly 600: "48px";
241
241
  readonly 800: "64px";
242
242
  readonly 1200: "96px";
243
243
  readonly 1600: "128px";
244
244
  };
245
245
  'space-gap': {
246
- readonly none: any;
246
+ readonly 0: any;
247
247
  readonly 50: any;
248
248
  readonly 100: any;
249
249
  readonly 200: any;
250
250
  readonly 300: any;
251
251
  };
252
252
  'space-inset': {
253
- readonly none: any;
253
+ readonly 0: any;
254
254
  readonly 50: any;
255
255
  readonly 100: any;
256
256
  readonly 150: any;
@@ -263,7 +263,7 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Pick<Omit<{
263
263
  readonly 1600: any;
264
264
  };
265
265
  'space-offset': {
266
- readonly none: any;
266
+ readonly 0: any;
267
267
  readonly 50: any;
268
268
  readonly 100: any;
269
269
  readonly 150: any;
@@ -274,7 +274,7 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Pick<Omit<{
274
274
  readonly 800: any;
275
275
  readonly 1200: any;
276
276
  readonly 1600: any;
277
- readonly 'stacking-none': any;
277
+ readonly 'stacking-0': any;
278
278
  readonly 'stacking-100': any;
279
279
  readonly 'stacking-200': any;
280
280
  readonly 'stacking-300': any;
@@ -479,9 +479,9 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Pick<Omit<{
479
479
  } & _mirohq_design_system_stitches.CustomStylesProps, "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "rows" | "align" | "justify" | "asChild" | "justifyItems" | "columns" | "gap" | "flow" | keyof _mirohq_design_system_stitches.CustomStylesProps | "gapX" | "gapY"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {
480
480
  align?: "end" | "baseline" | "start" | "center" | "stretch" | undefined;
481
481
  flow?: "row" | "column" | "dense" | "rowDense" | "columnDense" | undefined;
482
- gap?: "none" | 200 | 50 | 100 | 300 | "100" | "200" | "300" | "50" | undefined;
483
- gapX?: "none" | 200 | 50 | 100 | 300 | "100" | "200" | "300" | "50" | undefined;
484
- gapY?: "none" | 200 | 50 | 100 | 300 | "100" | "200" | "300" | "50" | undefined;
482
+ gap?: 0 | 200 | 50 | 100 | 300 | "0" | "100" | "200" | "300" | "50" | undefined;
483
+ gapX?: 0 | 200 | 50 | 100 | 300 | "0" | "100" | "200" | "300" | "50" | undefined;
484
+ gapY?: 0 | 200 | 50 | 100 | 300 | "0" | "100" | "200" | "300" | "50" | undefined;
485
485
  columns?: "1" | 1 | 4 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | undefined;
486
486
  rows?: "1" | 1 | 4 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | undefined;
487
487
  justify?: "end" | "start" | "center" | "stretch" | "between" | "around" | "evenly" | undefined;
@@ -703,28 +703,28 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{
703
703
  readonly 'icon-400': "32px";
704
704
  };
705
705
  space: {
706
- readonly none: 0;
706
+ readonly 0: 0;
707
707
  readonly 50: "4px";
708
708
  readonly 100: "8px";
709
709
  readonly 150: "12px";
710
710
  readonly 200: "16px";
711
711
  readonly 300: "24px";
712
712
  readonly 400: "32px";
713
- readonly 500: "64px";
713
+ readonly 500: "40px";
714
714
  readonly 600: "48px";
715
715
  readonly 800: "64px";
716
716
  readonly 1200: "96px";
717
717
  readonly 1600: "128px";
718
718
  };
719
719
  'space-gap': {
720
- readonly none: any;
720
+ readonly 0: any;
721
721
  readonly 50: any;
722
722
  readonly 100: any;
723
723
  readonly 200: any;
724
724
  readonly 300: any;
725
725
  };
726
726
  'space-inset': {
727
- readonly none: any;
727
+ readonly 0: any;
728
728
  readonly 50: any;
729
729
  readonly 100: any;
730
730
  readonly 150: any;
@@ -737,7 +737,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{
737
737
  readonly 1600: any;
738
738
  };
739
739
  'space-offset': {
740
- readonly none: any;
740
+ readonly 0: any;
741
741
  readonly 50: any;
742
742
  readonly 100: any;
743
743
  readonly 150: any;
@@ -748,7 +748,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{
748
748
  readonly 800: any;
749
749
  readonly 1200: any;
750
750
  readonly 1600: any;
751
- readonly 'stacking-none': any;
751
+ readonly 'stacking-0': any;
752
752
  readonly 'stacking-100': any;
753
753
  readonly 'stacking-200': any;
754
754
  readonly 'stacking-300': any;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-grid",
3
- "version": "2.1.12",
3
+ "version": "2.1.13",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -27,8 +27,8 @@
27
27
  },
28
28
  "dependencies": {
29
29
  "@mirohq/design-system-primitive": "^1.1.0",
30
- "@mirohq/design-system-utils": "^0.14.0",
31
- "@mirohq/design-system-stitches": "^2.3.2"
30
+ "@mirohq/design-system-stitches": "^2.3.3",
31
+ "@mirohq/design-system-utils": "^0.14.0"
32
32
  },
33
33
  "scripts": {
34
34
  "build": "rollup -c ../../../rollup.config.js",