@mirohq/design-system-grid 2.1.11-dropdown.0 → 2.1.11-use-press.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.
Files changed (2) hide show
  1. package/dist/types.d.ts +21 -21
  2. package/package.json +4 -4
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?: 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;
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;
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?: 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;
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;
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;
@@ -223,28 +223,28 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Pick<Omit<{
223
223
  readonly 'icon-400': "32px";
224
224
  };
225
225
  space: {
226
- readonly 0: 0;
226
+ readonly none: 0;
227
227
  readonly 50: "4px";
228
228
  readonly 100: "8px";
229
229
  readonly 150: "12px";
230
230
  readonly 200: "16px";
231
231
  readonly 300: "24px";
232
232
  readonly 400: "32px";
233
- readonly 500: "40px";
233
+ readonly 500: "64px";
234
234
  readonly 600: "48px";
235
235
  readonly 800: "64px";
236
236
  readonly 1200: "96px";
237
237
  readonly 1600: "128px";
238
238
  };
239
239
  'space-gap': {
240
- readonly 0: any;
240
+ readonly none: any;
241
241
  readonly 50: any;
242
242
  readonly 100: any;
243
243
  readonly 200: any;
244
244
  readonly 300: any;
245
245
  };
246
246
  'space-inset': {
247
- readonly 0: any;
247
+ readonly none: any;
248
248
  readonly 50: any;
249
249
  readonly 100: any;
250
250
  readonly 150: any;
@@ -257,7 +257,7 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Pick<Omit<{
257
257
  readonly 1600: any;
258
258
  };
259
259
  'space-offset': {
260
- readonly 0: any;
260
+ readonly none: any;
261
261
  readonly 50: any;
262
262
  readonly 100: any;
263
263
  readonly 150: any;
@@ -268,7 +268,7 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Pick<Omit<{
268
268
  readonly 800: any;
269
269
  readonly 1200: any;
270
270
  readonly 1600: any;
271
- readonly 'stacking-0': any;
271
+ readonly 'stacking-none': any;
272
272
  readonly 'stacking-100': any;
273
273
  readonly 'stacking-200': any;
274
274
  readonly 'stacking-300': any;
@@ -473,9 +473,9 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Pick<Omit<{
473
473
  } & _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">>, {
474
474
  align?: "end" | "baseline" | "start" | "center" | "stretch" | undefined;
475
475
  flow?: "row" | "column" | "dense" | "rowDense" | "columnDense" | undefined;
476
- gap?: 0 | 200 | 50 | 100 | 300 | "0" | "100" | "200" | "300" | "50" | undefined;
477
- gapX?: 0 | 200 | 50 | 100 | 300 | "0" | "100" | "200" | "300" | "50" | undefined;
478
- gapY?: 0 | 200 | 50 | 100 | 300 | "0" | "100" | "200" | "300" | "50" | undefined;
476
+ gap?: "none" | 200 | 50 | 100 | 300 | "100" | "200" | "300" | "50" | undefined;
477
+ gapX?: "none" | 200 | 50 | 100 | 300 | "100" | "200" | "300" | "50" | undefined;
478
+ gapY?: "none" | 200 | 50 | 100 | 300 | "100" | "200" | "300" | "50" | undefined;
479
479
  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;
480
480
  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;
481
481
  justify?: "end" | "start" | "center" | "stretch" | "between" | "around" | "evenly" | undefined;
@@ -691,28 +691,28 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{
691
691
  readonly 'icon-400': "32px";
692
692
  };
693
693
  space: {
694
- readonly 0: 0;
694
+ readonly none: 0;
695
695
  readonly 50: "4px";
696
696
  readonly 100: "8px";
697
697
  readonly 150: "12px";
698
698
  readonly 200: "16px";
699
699
  readonly 300: "24px";
700
700
  readonly 400: "32px";
701
- readonly 500: "40px";
701
+ readonly 500: "64px";
702
702
  readonly 600: "48px";
703
703
  readonly 800: "64px";
704
704
  readonly 1200: "96px";
705
705
  readonly 1600: "128px";
706
706
  };
707
707
  'space-gap': {
708
- readonly 0: any;
708
+ readonly none: any;
709
709
  readonly 50: any;
710
710
  readonly 100: any;
711
711
  readonly 200: any;
712
712
  readonly 300: any;
713
713
  };
714
714
  'space-inset': {
715
- readonly 0: any;
715
+ readonly none: any;
716
716
  readonly 50: any;
717
717
  readonly 100: any;
718
718
  readonly 150: any;
@@ -725,7 +725,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{
725
725
  readonly 1600: any;
726
726
  };
727
727
  'space-offset': {
728
- readonly 0: any;
728
+ readonly none: any;
729
729
  readonly 50: any;
730
730
  readonly 100: any;
731
731
  readonly 150: any;
@@ -736,7 +736,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{
736
736
  readonly 800: any;
737
737
  readonly 1200: any;
738
738
  readonly 1600: any;
739
- readonly 'stacking-0': any;
739
+ readonly 'stacking-none': any;
740
740
  readonly 'stacking-100': any;
741
741
  readonly 'stacking-200': any;
742
742
  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.11-dropdown.0",
3
+ "version": "2.1.11-use-press.0",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -26,9 +26,9 @@
26
26
  "react": "^16.14 || ^17 || ^18"
27
27
  },
28
28
  "dependencies": {
29
- "@mirohq/design-system-utils": "^0.13.2",
30
- "@mirohq/design-system-stitches": "^2.3.2-dropdown.0",
31
- "@mirohq/design-system-primitive": "^1.1.0"
29
+ "@mirohq/design-system-primitive": "^1.1.0",
30
+ "@mirohq/design-system-stitches": "^2.3.1",
31
+ "@mirohq/design-system-utils": "^0.14.0-use-press.0"
32
32
  },
33
33
  "scripts": {
34
34
  "build": "rollup -c ../../../rollup.config.js",