@mirohq/design-system-flex 2.1.12-dropdown.0 → 2.1.12

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 +20 -14
  2. package/package.json +2 -2
package/dist/types.d.ts CHANGED
@@ -9,13 +9,13 @@ import * as _stitches_react_types_styled_component from '@stitches/react/types/s
9
9
  declare const StyledFlex: react.ForwardRefExoticComponent<Pick<Omit<{
10
10
  align?: "stretch" | "start" | "end" | "center" | undefined;
11
11
  direction?: "row" | "column" | "rowReverse" | "columnReverse" | undefined;
12
- gap?: 0 | 200 | 50 | 100 | 300 | "0" | "100" | "200" | "300" | "50" | undefined;
12
+ gap?: 200 | "none" | 50 | 100 | 300 | "100" | "200" | "300" | "50" | undefined;
13
13
  justify?: "start" | "end" | "center" | "between" | "around" | "evenly" | undefined;
14
14
  wrap?: "wrap" | "noWrap" | "wrapReverse" | undefined;
15
15
  }, "direction" | "gap" | "wrap" | "align" | "justify"> & _stitches_react_types_styled_component.TransformProps<{
16
16
  align?: "stretch" | "start" | "end" | "center" | undefined;
17
17
  direction?: "row" | "column" | "rowReverse" | "columnReverse" | undefined;
18
- gap?: 0 | 200 | 50 | 100 | 300 | "0" | "100" | "200" | "300" | "50" | undefined;
18
+ gap?: 200 | "none" | 50 | 100 | 300 | "100" | "200" | "300" | "50" | undefined;
19
19
  justify?: "start" | "end" | "center" | "between" | "around" | "evenly" | undefined;
20
20
  wrap?: "wrap" | "noWrap" | "wrapReverse" | undefined;
21
21
  }, {}> & _mirohq_design_system_stitches.SafeProps<Omit<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
@@ -95,7 +95,6 @@ declare const StyledFlex: react.ForwardRefExoticComponent<Pick<Omit<{
95
95
  readonly 'background-danger-prominent-active'?: any;
96
96
  readonly 'background-danger-prominent-hover'?: any;
97
97
  readonly 'background-neutrals'?: any;
98
- readonly 'background-neutrals-body'?: any;
99
98
  readonly 'background-neutrals-container'?: any;
100
99
  readonly 'background-neutrals-controls-disabled'?: any;
101
100
  readonly 'background-neutrals-disabled'?: any;
@@ -103,6 +102,8 @@ declare const StyledFlex: react.ForwardRefExoticComponent<Pick<Omit<{
103
102
  readonly 'background-neutrals-inactive-hover'?: any;
104
103
  readonly 'background-neutrals-inverted'?: any;
105
104
  readonly 'background-neutrals-inverted-subtle'?: any;
105
+ readonly 'background-neutrals-page'?: any;
106
+ readonly 'background-neutrals-page-subtle'?: any;
106
107
  readonly 'background-neutrals-scrolls'?: any;
107
108
  readonly 'background-neutrals-scrolls-hover'?: any;
108
109
  readonly 'background-neutrals-subtle'?: any;
@@ -126,12 +127,11 @@ declare const StyledFlex: react.ForwardRefExoticComponent<Pick<Omit<{
126
127
  readonly 'text-neutrals'?: any;
127
128
  readonly 'text-neutrals-disabled'?: any;
128
129
  readonly 'text-neutrals-inverted'?: any;
129
- readonly 'text-neutrals-link'?: any;
130
- readonly 'text-neutrals-link-active'?: any;
131
- readonly 'text-neutrals-link-hover'?: any;
132
130
  readonly 'text-neutrals-placeholder'?: any;
133
131
  readonly 'text-neutrals-placeholder-only'?: any;
134
132
  readonly 'text-neutrals-subtle'?: any;
133
+ readonly 'text-neutrals-subtle-active'?: any;
134
+ readonly 'text-neutrals-subtle-hover'?: any;
135
135
  readonly 'text-primary'?: any;
136
136
  readonly 'text-primary-active'?: any;
137
137
  readonly 'text-primary-hover'?: any;
@@ -151,7 +151,7 @@ declare const StyledFlex: react.ForwardRefExoticComponent<Pick<Omit<{
151
151
  readonly 'icon-neutrals-inverted'?: any;
152
152
  readonly 'icon-neutrals-search'?: any;
153
153
  readonly 'icon-neutrals-subtle'?: any;
154
- readonly 'icon-neutrals-with-text'?: any;
154
+ readonly 'icon-neutrals-text'?: any;
155
155
  readonly 'icon-primary'?: any;
156
156
  readonly 'icon-primary-active'?: any;
157
157
  readonly 'icon-primary-hover'?: any;
@@ -160,7 +160,10 @@ declare const StyledFlex: react.ForwardRefExoticComponent<Pick<Omit<{
160
160
  readonly 'icon-success'?: any;
161
161
  readonly 'icon-success-inverted'?: any;
162
162
  readonly 'icon-warning'?: any;
163
+ readonly 'icon-warning-prominent'?: any;
163
164
  readonly 'border-danger'?: any;
165
+ readonly 'border-danger-active'?: any;
166
+ readonly 'border-danger-hover'?: any;
164
167
  readonly 'border-focus-inner'?: any;
165
168
  readonly 'border-focus-middle'?: any;
166
169
  readonly 'border-focus-outer'?: any;
@@ -172,6 +175,9 @@ declare const StyledFlex: react.ForwardRefExoticComponent<Pick<Omit<{
172
175
  readonly 'border-neutrals-hover'?: any;
173
176
  readonly 'border-neutrals-inverted'?: any;
174
177
  readonly 'border-neutrals-subtle'?: any;
178
+ readonly 'border-neutrals-text-subtle'?: any;
179
+ readonly 'border-neutrals-text-subtle-active'?: any;
180
+ readonly 'border-neutrals-text-subtle-hover'?: any;
175
181
  readonly 'border-primary'?: any;
176
182
  readonly 'border-primary-active'?: any;
177
183
  readonly 'border-primary-hover'?: any;
@@ -216,28 +222,28 @@ declare const StyledFlex: react.ForwardRefExoticComponent<Pick<Omit<{
216
222
  readonly 'icon-400': "32px";
217
223
  };
218
224
  space: {
219
- readonly 0: 0;
225
+ readonly none: 0;
220
226
  readonly 50: "4px";
221
227
  readonly 100: "8px";
222
228
  readonly 150: "12px";
223
229
  readonly 200: "16px";
224
230
  readonly 300: "24px";
225
231
  readonly 400: "32px";
226
- readonly 500: "40px";
232
+ readonly 500: "64px";
227
233
  readonly 600: "48px";
228
234
  readonly 800: "64px";
229
235
  readonly 1200: "96px";
230
236
  readonly 1600: "128px";
231
237
  };
232
238
  'space-gap': {
233
- readonly 0: any;
239
+ readonly none: any;
234
240
  readonly 50: any;
235
241
  readonly 100: any;
236
242
  readonly 200: any;
237
243
  readonly 300: any;
238
244
  };
239
245
  'space-inset': {
240
- readonly 0: any;
246
+ readonly none: any;
241
247
  readonly 50: any;
242
248
  readonly 100: any;
243
249
  readonly 150: any;
@@ -250,7 +256,7 @@ declare const StyledFlex: react.ForwardRefExoticComponent<Pick<Omit<{
250
256
  readonly 1600: any;
251
257
  };
252
258
  'space-offset': {
253
- readonly 0: any;
259
+ readonly none: any;
254
260
  readonly 50: any;
255
261
  readonly 100: any;
256
262
  readonly 150: any;
@@ -261,7 +267,7 @@ declare const StyledFlex: react.ForwardRefExoticComponent<Pick<Omit<{
261
267
  readonly 800: any;
262
268
  readonly 1200: any;
263
269
  readonly 1600: any;
264
- readonly 'stacking-0': any;
270
+ readonly 'stacking-none': any;
265
271
  readonly 'stacking-100': any;
266
272
  readonly 'stacking-200': any;
267
273
  readonly 'stacking-300': any;
@@ -466,7 +472,7 @@ declare const StyledFlex: react.ForwardRefExoticComponent<Pick<Omit<{
466
472
  } & _mirohq_design_system_stitches.CustomStylesProps, "color" | "direction" | "translate" | "gap" | "prefix" | "asChild" | "children" | "slot" | "title" | "placeholder" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "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" | "key" | "align" | "justify" | keyof _mirohq_design_system_stitches.CustomStylesProps> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {
467
473
  align?: "stretch" | "start" | "end" | "center" | undefined;
468
474
  direction?: "row" | "column" | "rowReverse" | "columnReverse" | undefined;
469
- gap?: 0 | 200 | 50 | 100 | 300 | "0" | "100" | "200" | "300" | "50" | undefined;
475
+ gap?: 200 | "none" | 50 | 100 | 300 | "100" | "200" | "300" | "50" | undefined;
470
476
  justify?: "start" | "end" | "center" | "between" | "around" | "evenly" | undefined;
471
477
  wrap?: "wrap" | "noWrap" | "wrapReverse" | undefined;
472
478
  }, {}>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-flex",
3
- "version": "2.1.12-dropdown.0",
3
+ "version": "2.1.12",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -28,7 +28,7 @@
28
28
  "dependencies": {
29
29
  "@mirohq/design-system-primitive": "^1.1.0",
30
30
  "@mirohq/design-system-utils": "^0.13.2",
31
- "@mirohq/design-system-stitches": "^2.3.2-dropdown.0"
31
+ "@mirohq/design-system-stitches": "^2.3.2"
32
32
  },
33
33
  "scripts": {
34
34
  "build": "rollup -c ../../../rollup.config.js",