@mirohq/design-system-stitches 2.3.0 → 2.3.2-dropdown.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 +54 -54
  2. package/package.json +3 -6
package/dist/types.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import React__default, { ElementType, PropsWithChildren, ComponentPropsWithRef, ComponentType } from 'react';
3
3
  import { CSS as CSS$1, VariantProps } from '@stitches/react';
4
- import { OnlyHTMLAttributes } from '@mirohq/design-system-types';
4
+ import { OnlyHTMLAttributes, ExtractValidKeys } from '@mirohq/design-system-types';
5
5
  import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
6
6
  import { $$StyledComponentType, $$StyledComponentProps, $$StyledComponentMedia, StyledComponentProps as StyledComponentProps$1, TransformProps } from '@stitches/react/types/styled-component';
7
7
  import * as _stitches_react_types_util from '@stitches/react/types/util';
@@ -207,28 +207,28 @@ declare const config: {
207
207
  readonly 'icon-400': "32px";
208
208
  };
209
209
  space: {
210
- readonly none: 0;
210
+ readonly 0: 0;
211
211
  readonly 50: "4px";
212
212
  readonly 100: "8px";
213
213
  readonly 150: "12px";
214
214
  readonly 200: "16px";
215
215
  readonly 300: "24px";
216
216
  readonly 400: "32px";
217
- readonly 500: "64px";
217
+ readonly 500: "40px";
218
218
  readonly 600: "48px";
219
219
  readonly 800: "64px";
220
220
  readonly 1200: "96px";
221
221
  readonly 1600: "128px";
222
222
  };
223
223
  'space-gap': {
224
- readonly none: any;
224
+ readonly 0: any;
225
225
  readonly 50: any;
226
226
  readonly 100: any;
227
227
  readonly 200: any;
228
228
  readonly 300: any;
229
229
  };
230
230
  'space-inset': {
231
- readonly none: any;
231
+ readonly 0: any;
232
232
  readonly 50: any;
233
233
  readonly 100: any;
234
234
  readonly 150: any;
@@ -241,7 +241,7 @@ declare const config: {
241
241
  readonly 1600: any;
242
242
  };
243
243
  'space-offset': {
244
- readonly none: any;
244
+ readonly 0: any;
245
245
  readonly 50: any;
246
246
  readonly 100: any;
247
247
  readonly 150: any;
@@ -252,7 +252,7 @@ declare const config: {
252
252
  readonly 800: any;
253
253
  readonly 1200: any;
254
254
  readonly 1600: any;
255
- readonly 'stacking-none': any;
255
+ readonly 'stacking-0': any;
256
256
  readonly 'stacking-100': any;
257
257
  readonly 'stacking-200': any;
258
258
  readonly 'stacking-300': any;
@@ -648,7 +648,7 @@ declare const createTheme: <Argument0 extends string | ({
648
648
  readonly 'icon-400'?: string | number | boolean | undefined;
649
649
  } | undefined;
650
650
  space?: {
651
- readonly none?: string | number | boolean | undefined;
651
+ readonly 0?: string | number | boolean | undefined;
652
652
  readonly 50?: string | number | boolean | undefined;
653
653
  readonly 100?: string | number | boolean | undefined;
654
654
  readonly 150?: string | number | boolean | undefined;
@@ -662,14 +662,14 @@ declare const createTheme: <Argument0 extends string | ({
662
662
  readonly 1600?: string | number | boolean | undefined;
663
663
  } | undefined;
664
664
  'space-gap'?: {
665
- readonly none?: string | number | boolean | undefined;
665
+ readonly 0?: string | number | boolean | undefined;
666
666
  readonly 50?: string | number | boolean | undefined;
667
667
  readonly 100?: string | number | boolean | undefined;
668
668
  readonly 200?: string | number | boolean | undefined;
669
669
  readonly 300?: string | number | boolean | undefined;
670
670
  } | undefined;
671
671
  'space-inset'?: {
672
- readonly none?: string | number | boolean | undefined;
672
+ readonly 0?: string | number | boolean | undefined;
673
673
  readonly 50?: string | number | boolean | undefined;
674
674
  readonly 100?: string | number | boolean | undefined;
675
675
  readonly 150?: string | number | boolean | undefined;
@@ -682,7 +682,7 @@ declare const createTheme: <Argument0 extends string | ({
682
682
  readonly 1600?: string | number | boolean | undefined;
683
683
  } | undefined;
684
684
  'space-offset'?: {
685
- readonly none?: string | number | boolean | undefined;
685
+ readonly 0?: string | number | boolean | undefined;
686
686
  readonly 50?: string | number | boolean | undefined;
687
687
  readonly 100?: string | number | boolean | undefined;
688
688
  readonly 150?: string | number | boolean | undefined;
@@ -693,7 +693,7 @@ declare const createTheme: <Argument0 extends string | ({
693
693
  readonly 800?: string | number | boolean | undefined;
694
694
  readonly 1200?: string | number | boolean | undefined;
695
695
  readonly 1600?: string | number | boolean | undefined;
696
- readonly 'stacking-none'?: string | number | boolean | undefined;
696
+ readonly 'stacking-0'?: string | number | boolean | undefined;
697
697
  readonly 'stacking-100'?: string | number | boolean | undefined;
698
698
  readonly 'stacking-200'?: string | number | boolean | undefined;
699
699
  readonly 'stacking-300'?: string | number | boolean | undefined;
@@ -909,7 +909,7 @@ declare const createTheme: <Argument0 extends string | ({
909
909
  readonly 'icon-400'?: string | number | boolean | undefined;
910
910
  } | undefined;
911
911
  space?: {
912
- readonly none?: string | number | boolean | undefined;
912
+ readonly 0?: string | number | boolean | undefined;
913
913
  readonly 50?: string | number | boolean | undefined;
914
914
  readonly 100?: string | number | boolean | undefined;
915
915
  readonly 150?: string | number | boolean | undefined;
@@ -923,14 +923,14 @@ declare const createTheme: <Argument0 extends string | ({
923
923
  readonly 1600?: string | number | boolean | undefined;
924
924
  } | undefined;
925
925
  'space-gap'?: {
926
- readonly none?: string | number | boolean | undefined;
926
+ readonly 0?: string | number | boolean | undefined;
927
927
  readonly 50?: string | number | boolean | undefined;
928
928
  readonly 100?: string | number | boolean | undefined;
929
929
  readonly 200?: string | number | boolean | undefined;
930
930
  readonly 300?: string | number | boolean | undefined;
931
931
  } | undefined;
932
932
  'space-inset'?: {
933
- readonly none?: string | number | boolean | undefined;
933
+ readonly 0?: string | number | boolean | undefined;
934
934
  readonly 50?: string | number | boolean | undefined;
935
935
  readonly 100?: string | number | boolean | undefined;
936
936
  readonly 150?: string | number | boolean | undefined;
@@ -943,7 +943,7 @@ declare const createTheme: <Argument0 extends string | ({
943
943
  readonly 1600?: string | number | boolean | undefined;
944
944
  } | undefined;
945
945
  'space-offset'?: {
946
- readonly none?: string | number | boolean | undefined;
946
+ readonly 0?: string | number | boolean | undefined;
947
947
  readonly 50?: string | number | boolean | undefined;
948
948
  readonly 100?: string | number | boolean | undefined;
949
949
  readonly 150?: string | number | boolean | undefined;
@@ -954,7 +954,7 @@ declare const createTheme: <Argument0 extends string | ({
954
954
  readonly 800?: string | number | boolean | undefined;
955
955
  readonly 1200?: string | number | boolean | undefined;
956
956
  readonly 1600?: string | number | boolean | undefined;
957
- readonly 'stacking-none'?: string | number | boolean | undefined;
957
+ readonly 'stacking-0'?: string | number | boolean | undefined;
958
958
  readonly 'stacking-100'?: string | number | boolean | undefined;
959
959
  readonly 'stacking-200'?: string | number | boolean | undefined;
960
960
  readonly 'stacking-300'?: string | number | boolean | undefined;
@@ -1176,28 +1176,28 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1176
1176
  readonly 'icon-400': "32px";
1177
1177
  };
1178
1178
  space: {
1179
- readonly none: 0;
1179
+ readonly 0: 0;
1180
1180
  readonly 50: "4px";
1181
1181
  readonly 100: "8px";
1182
1182
  readonly 150: "12px";
1183
1183
  readonly 200: "16px";
1184
1184
  readonly 300: "24px";
1185
1185
  readonly 400: "32px";
1186
- readonly 500: "64px";
1186
+ readonly 500: "40px";
1187
1187
  readonly 600: "48px";
1188
1188
  readonly 800: "64px";
1189
1189
  readonly 1200: "96px";
1190
1190
  readonly 1600: "128px";
1191
1191
  };
1192
1192
  'space-gap': {
1193
- readonly none: any;
1193
+ readonly 0: any;
1194
1194
  readonly 50: any;
1195
1195
  readonly 100: any;
1196
1196
  readonly 200: any;
1197
1197
  readonly 300: any;
1198
1198
  };
1199
1199
  'space-inset': {
1200
- readonly none: any;
1200
+ readonly 0: any;
1201
1201
  readonly 50: any;
1202
1202
  readonly 100: any;
1203
1203
  readonly 150: any;
@@ -1210,7 +1210,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1210
1210
  readonly 1600: any;
1211
1211
  };
1212
1212
  'space-offset': {
1213
- readonly none: any;
1213
+ readonly 0: any;
1214
1214
  readonly 50: any;
1215
1215
  readonly 100: any;
1216
1216
  readonly 150: any;
@@ -1221,7 +1221,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1221
1221
  readonly 800: any;
1222
1222
  readonly 1200: any;
1223
1223
  readonly 1600: any;
1224
- readonly 'stacking-none': any;
1224
+ readonly 'stacking-0': any;
1225
1225
  readonly 'stacking-100': any;
1226
1226
  readonly 'stacking-200': any;
1227
1227
  readonly 'stacking-300': any;
@@ -1632,28 +1632,28 @@ declare const globalCss: <Styles extends {
1632
1632
  readonly 'icon-400': "32px";
1633
1633
  };
1634
1634
  space: {
1635
- readonly none: 0;
1635
+ readonly 0: 0;
1636
1636
  readonly 50: "4px";
1637
1637
  readonly 100: "8px";
1638
1638
  readonly 150: "12px";
1639
1639
  readonly 200: "16px";
1640
1640
  readonly 300: "24px";
1641
1641
  readonly 400: "32px";
1642
- readonly 500: "64px";
1642
+ readonly 500: "40px";
1643
1643
  readonly 600: "48px";
1644
1644
  readonly 800: "64px";
1645
1645
  readonly 1200: "96px";
1646
1646
  readonly 1600: "128px";
1647
1647
  };
1648
1648
  'space-gap': {
1649
- readonly none: any;
1649
+ readonly 0: any;
1650
1650
  readonly 50: any;
1651
1651
  readonly 100: any;
1652
1652
  readonly 200: any;
1653
1653
  readonly 300: any;
1654
1654
  };
1655
1655
  'space-inset': {
1656
- readonly none: any;
1656
+ readonly 0: any;
1657
1657
  readonly 50: any;
1658
1658
  readonly 100: any;
1659
1659
  readonly 150: any;
@@ -1666,7 +1666,7 @@ declare const globalCss: <Styles extends {
1666
1666
  readonly 1600: any;
1667
1667
  };
1668
1668
  'space-offset': {
1669
- readonly none: any;
1669
+ readonly 0: any;
1670
1670
  readonly 50: any;
1671
1671
  readonly 100: any;
1672
1672
  readonly 150: any;
@@ -1677,7 +1677,7 @@ declare const globalCss: <Styles extends {
1677
1677
  readonly 800: any;
1678
1678
  readonly 1200: any;
1679
1679
  readonly 1600: any;
1680
- readonly 'stacking-none': any;
1680
+ readonly 'stacking-0': any;
1681
1681
  readonly 'stacking-100': any;
1682
1682
  readonly 'stacking-200': any;
1683
1683
  readonly 'stacking-300': any;
@@ -2070,28 +2070,28 @@ declare const globalCss: <Styles extends {
2070
2070
  readonly 'icon-400': "32px";
2071
2071
  };
2072
2072
  space: {
2073
- readonly none: 0;
2073
+ readonly 0: 0;
2074
2074
  readonly 50: "4px";
2075
2075
  readonly 100: "8px";
2076
2076
  readonly 150: "12px";
2077
2077
  readonly 200: "16px";
2078
2078
  readonly 300: "24px";
2079
2079
  readonly 400: "32px";
2080
- readonly 500: "64px";
2080
+ readonly 500: "40px";
2081
2081
  readonly 600: "48px";
2082
2082
  readonly 800: "64px";
2083
2083
  readonly 1200: "96px";
2084
2084
  readonly 1600: "128px";
2085
2085
  };
2086
2086
  'space-gap': {
2087
- readonly none: any;
2087
+ readonly 0: any;
2088
2088
  readonly 50: any;
2089
2089
  readonly 100: any;
2090
2090
  readonly 200: any;
2091
2091
  readonly 300: any;
2092
2092
  };
2093
2093
  'space-inset': {
2094
- readonly none: any;
2094
+ readonly 0: any;
2095
2095
  readonly 50: any;
2096
2096
  readonly 100: any;
2097
2097
  readonly 150: any;
@@ -2104,7 +2104,7 @@ declare const globalCss: <Styles extends {
2104
2104
  readonly 1600: any;
2105
2105
  };
2106
2106
  'space-offset': {
2107
- readonly none: any;
2107
+ readonly 0: any;
2108
2108
  readonly 50: any;
2109
2109
  readonly 100: any;
2110
2110
  readonly 150: any;
@@ -2115,7 +2115,7 @@ declare const globalCss: <Styles extends {
2115
2115
  readonly 800: any;
2116
2116
  readonly 1200: any;
2117
2117
  readonly 1600: any;
2118
- readonly 'stacking-none': any;
2118
+ readonly 'stacking-0': any;
2119
2119
  readonly 'stacking-100': any;
2120
2120
  readonly 'stacking-200': any;
2121
2121
  readonly 'stacking-300': any;
@@ -2509,28 +2509,28 @@ declare const keyframes: (style: {
2509
2509
  readonly 'icon-400': "32px";
2510
2510
  };
2511
2511
  space: {
2512
- readonly none: 0;
2512
+ readonly 0: 0;
2513
2513
  readonly 50: "4px";
2514
2514
  readonly 100: "8px";
2515
2515
  readonly 150: "12px";
2516
2516
  readonly 200: "16px";
2517
2517
  readonly 300: "24px";
2518
2518
  readonly 400: "32px";
2519
- readonly 500: "64px";
2519
+ readonly 500: "40px";
2520
2520
  readonly 600: "48px";
2521
2521
  readonly 800: "64px";
2522
2522
  readonly 1200: "96px";
2523
2523
  readonly 1600: "128px";
2524
2524
  };
2525
2525
  'space-gap': {
2526
- readonly none: any;
2526
+ readonly 0: any;
2527
2527
  readonly 50: any;
2528
2528
  readonly 100: any;
2529
2529
  readonly 200: any;
2530
2530
  readonly 300: any;
2531
2531
  };
2532
2532
  'space-inset': {
2533
- readonly none: any;
2533
+ readonly 0: any;
2534
2534
  readonly 50: any;
2535
2535
  readonly 100: any;
2536
2536
  readonly 150: any;
@@ -2543,7 +2543,7 @@ declare const keyframes: (style: {
2543
2543
  readonly 1600: any;
2544
2544
  };
2545
2545
  'space-offset': {
2546
- readonly none: any;
2546
+ readonly 0: any;
2547
2547
  readonly 50: any;
2548
2548
  readonly 100: any;
2549
2549
  readonly 150: any;
@@ -2554,7 +2554,7 @@ declare const keyframes: (style: {
2554
2554
  readonly 800: any;
2555
2555
  readonly 1200: any;
2556
2556
  readonly 1600: any;
2557
- readonly 'stacking-none': any;
2557
+ readonly 'stacking-0': any;
2558
2558
  readonly 'stacking-100': any;
2559
2559
  readonly 'stacking-200': any;
2560
2560
  readonly 'stacking-300': any;
@@ -2787,7 +2787,7 @@ declare type StrictComponentProps<Element extends ElementType> = Omit<StyledComp
2787
2787
  /**
2788
2788
  * Get a union type from styled variant
2789
2789
  */
2790
- declare type NonResponsiveVariantProps<Element extends {}, Prop extends keyof VariantProps<Element>> = Extract<VariantProps<Element>[Prop], string | number | boolean>;
2790
+ declare type NonResponsiveVariantProps<Element extends {}, Prop extends keyof VariantProps<Element>> = ExtractValidKeys<VariantProps<Element>[Prop]>;
2791
2791
 
2792
2792
  declare const themeMap: {
2793
2793
  readonly background: "colors";
@@ -3170,28 +3170,28 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
3170
3170
  readonly 'icon-400': "32px";
3171
3171
  };
3172
3172
  space: {
3173
- readonly none: 0;
3173
+ readonly 0: 0;
3174
3174
  readonly 50: "4px";
3175
3175
  readonly 100: "8px";
3176
3176
  readonly 150: "12px";
3177
3177
  readonly 200: "16px";
3178
3178
  readonly 300: "24px";
3179
3179
  readonly 400: "32px";
3180
- readonly 500: "64px";
3180
+ readonly 500: "40px";
3181
3181
  readonly 600: "48px";
3182
3182
  readonly 800: "64px";
3183
3183
  readonly 1200: "96px";
3184
3184
  readonly 1600: "128px";
3185
3185
  };
3186
3186
  'space-gap': {
3187
- readonly none: any;
3187
+ readonly 0: any;
3188
3188
  readonly 50: any;
3189
3189
  readonly 100: any;
3190
3190
  readonly 200: any;
3191
3191
  readonly 300: any;
3192
3192
  };
3193
3193
  'space-inset': {
3194
- readonly none: any;
3194
+ readonly 0: any;
3195
3195
  readonly 50: any;
3196
3196
  readonly 100: any;
3197
3197
  readonly 150: any;
@@ -3204,7 +3204,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
3204
3204
  readonly 1600: any;
3205
3205
  };
3206
3206
  'space-offset': {
3207
- readonly none: any;
3207
+ readonly 0: any;
3208
3208
  readonly 50: any;
3209
3209
  readonly 100: any;
3210
3210
  readonly 150: any;
@@ -3215,7 +3215,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
3215
3215
  readonly 800: any;
3216
3216
  readonly 1200: any;
3217
3217
  readonly 1600: any;
3218
- readonly 'stacking-none': any;
3218
+ readonly 'stacking-0': any;
3219
3219
  readonly 'stacking-100': any;
3220
3220
  readonly 'stacking-200': any;
3221
3221
  readonly 'stacking-300': any;
@@ -3610,28 +3610,28 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
3610
3610
  readonly 'icon-400': "32px";
3611
3611
  };
3612
3612
  space: {
3613
- readonly none: 0;
3613
+ readonly 0: 0;
3614
3614
  readonly 50: "4px";
3615
3615
  readonly 100: "8px";
3616
3616
  readonly 150: "12px";
3617
3617
  readonly 200: "16px";
3618
3618
  readonly 300: "24px";
3619
3619
  readonly 400: "32px";
3620
- readonly 500: "64px";
3620
+ readonly 500: "40px";
3621
3621
  readonly 600: "48px";
3622
3622
  readonly 800: "64px";
3623
3623
  readonly 1200: "96px";
3624
3624
  readonly 1600: "128px";
3625
3625
  };
3626
3626
  'space-gap': {
3627
- readonly none: any;
3627
+ readonly 0: any;
3628
3628
  readonly 50: any;
3629
3629
  readonly 100: any;
3630
3630
  readonly 200: any;
3631
3631
  readonly 300: any;
3632
3632
  };
3633
3633
  'space-inset': {
3634
- readonly none: any;
3634
+ readonly 0: any;
3635
3635
  readonly 50: any;
3636
3636
  readonly 100: any;
3637
3637
  readonly 150: any;
@@ -3644,7 +3644,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
3644
3644
  readonly 1600: any;
3645
3645
  };
3646
3646
  'space-offset': {
3647
- readonly none: any;
3647
+ readonly 0: any;
3648
3648
  readonly 50: any;
3649
3649
  readonly 100: any;
3650
3650
  readonly 150: any;
@@ -3655,7 +3655,7 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
3655
3655
  readonly 800: any;
3656
3656
  readonly 1200: any;
3657
3657
  readonly 1600: any;
3658
- readonly 'stacking-none': any;
3658
+ readonly 'stacking-0': any;
3659
3659
  readonly 'stacking-100': any;
3660
3660
  readonly 'stacking-200': any;
3661
3661
  readonly 'stacking-300': any;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-stitches",
3
- "version": "2.3.0",
3
+ "version": "2.3.2-dropdown.0",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -26,11 +26,8 @@
26
26
  "react": "^16.14 || ^17 || ^18"
27
27
  },
28
28
  "dependencies": {
29
- "@mirohq/design-tokens": "^2.6.0",
30
- "@mirohq/design-system-types": "^0.4.1"
31
- },
32
- "devDependencies": {
33
- "@mirohq/design-system-primitive": "^1.1.0"
29
+ "@mirohq/design-system-types": "^0.5.0",
30
+ "@mirohq/design-tokens": "^2.7.0-dropdown.0"
34
31
  },
35
32
  "scripts": {
36
33
  "build": "rollup -c ../../rollup.config.js",