@mirohq/design-system-dropdown-menu 3.5.11 → 3.5.12-select.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 (6) hide show
  1. package/dist/main.js +4 -4
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +1 -1
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +45 -3
  6. package/package.json +6 -6
package/dist/types.d.ts CHANGED
@@ -9,7 +9,7 @@ import { DropdownMenuPortalProps } from '@radix-ui/react-dropdown-menu';
9
9
  import { CSSProperties } from '@stitches/react';
10
10
  import { ExtractValidKeys } from '@mirohq/design-system-types';
11
11
  import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
12
- import * as _mirohq_design_system from '@mirohq/design-system';
12
+ import * as _mirohq_design_system_components_primitive from '@mirohq/design-system-components/primitive';
13
13
 
14
14
  declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<RadixDropdownMenu.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
15
15
  css?: _stitches_react_types_css_util.CSS<{}, {
@@ -223,6 +223,7 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<{},
223
223
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
224
224
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
225
225
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
226
+ readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
226
227
  };
227
228
  sizes: {
228
229
  readonly number: string;
@@ -292,6 +293,7 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<{},
292
293
  };
293
294
  'z-indices': {
294
295
  readonly dropdownMenu: 100;
296
+ readonly select: 100;
295
297
  readonly popover: 200;
296
298
  readonly tooltip: 300;
297
299
  };
@@ -727,6 +729,7 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{
727
729
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
728
730
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
729
731
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
732
+ readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
730
733
  };
731
734
  sizes: {
732
735
  readonly number: string;
@@ -796,6 +799,7 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{
796
799
  };
797
800
  'z-indices': {
798
801
  readonly dropdownMenu: 100;
802
+ readonly select: 100;
799
803
  readonly popover: 200;
800
804
  readonly tooltip: 300;
801
805
  };
@@ -1338,6 +1342,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
1338
1342
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
1339
1343
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1340
1344
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
1345
+ readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
1341
1346
  };
1342
1347
  sizes: {
1343
1348
  readonly number: string;
@@ -1407,6 +1412,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
1407
1412
  };
1408
1413
  'z-indices': {
1409
1414
  readonly dropdownMenu: 100;
1415
+ readonly select: 100;
1410
1416
  readonly popover: 200;
1411
1417
  readonly tooltip: 300;
1412
1418
  };
@@ -1832,6 +1838,7 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
1832
1838
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
1833
1839
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1834
1840
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
1841
+ readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
1835
1842
  };
1836
1843
  sizes: {
1837
1844
  readonly number: string;
@@ -1901,6 +1908,7 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
1901
1908
  };
1902
1909
  'z-indices': {
1903
1910
  readonly dropdownMenu: 100;
1911
+ readonly select: 100;
1904
1912
  readonly popover: 200;
1905
1913
  readonly tooltip: 300;
1906
1914
  };
@@ -2315,6 +2323,7 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
2315
2323
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
2316
2324
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
2317
2325
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
2326
+ readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
2318
2327
  };
2319
2328
  sizes: {
2320
2329
  readonly number: string;
@@ -2384,6 +2393,7 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
2384
2393
  };
2385
2394
  'z-indices': {
2386
2395
  readonly dropdownMenu: 100;
2396
+ readonly select: 100;
2387
2397
  readonly popover: 200;
2388
2398
  readonly tooltip: 300;
2389
2399
  };
@@ -2811,6 +2821,7 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
2811
2821
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
2812
2822
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
2813
2823
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
2824
+ readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
2814
2825
  };
2815
2826
  sizes: {
2816
2827
  readonly number: string;
@@ -2880,6 +2891,7 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
2880
2891
  };
2881
2892
  'z-indices': {
2882
2893
  readonly dropdownMenu: 100;
2894
+ readonly select: 100;
2883
2895
  readonly popover: 200;
2884
2896
  readonly tooltip: 300;
2885
2897
  };
@@ -3286,6 +3298,7 @@ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
3286
3298
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
3287
3299
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
3288
3300
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
3301
+ readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
3289
3302
  };
3290
3303
  sizes: {
3291
3304
  readonly number: string;
@@ -3355,6 +3368,7 @@ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
3355
3368
  };
3356
3369
  'z-indices': {
3357
3370
  readonly dropdownMenu: 100;
3371
+ readonly select: 100;
3358
3372
  readonly popover: 200;
3359
3373
  readonly tooltip: 300;
3360
3374
  };
@@ -3790,6 +3804,7 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
3790
3804
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
3791
3805
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
3792
3806
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
3807
+ readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
3793
3808
  };
3794
3809
  sizes: {
3795
3810
  readonly number: string;
@@ -3859,6 +3874,7 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
3859
3874
  };
3860
3875
  'z-indices': {
3861
3876
  readonly dropdownMenu: 100;
3877
+ readonly select: 100;
3862
3878
  readonly popover: 200;
3863
3879
  readonly tooltip: 300;
3864
3880
  };
@@ -4267,6 +4283,7 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
4267
4283
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
4268
4284
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
4269
4285
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
4286
+ readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
4270
4287
  };
4271
4288
  sizes: {
4272
4289
  readonly number: string;
@@ -4336,6 +4353,7 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
4336
4353
  };
4337
4354
  'z-indices': {
4338
4355
  readonly dropdownMenu: 100;
4356
+ readonly select: 100;
4339
4357
  readonly popover: 200;
4340
4358
  readonly tooltip: 300;
4341
4359
  };
@@ -4752,6 +4770,7 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
4752
4770
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
4753
4771
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
4754
4772
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
4773
+ readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
4755
4774
  };
4756
4775
  sizes: {
4757
4776
  readonly number: string;
@@ -4821,6 +4840,7 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
4821
4840
  };
4822
4841
  'z-indices': {
4823
4842
  readonly dropdownMenu: 100;
4843
+ readonly select: 100;
4824
4844
  readonly popover: 200;
4825
4845
  readonly tooltip: 300;
4826
4846
  };
@@ -5314,6 +5334,7 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
5314
5334
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
5315
5335
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
5316
5336
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
5337
+ readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
5317
5338
  };
5318
5339
  sizes: {
5319
5340
  readonly number: string;
@@ -5383,6 +5404,7 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
5383
5404
  };
5384
5405
  'z-indices': {
5385
5406
  readonly dropdownMenu: 100;
5407
+ readonly select: 100;
5386
5408
  readonly popover: 200;
5387
5409
  readonly tooltip: 300;
5388
5410
  };
@@ -5825,6 +5847,7 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
5825
5847
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
5826
5848
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
5827
5849
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
5850
+ readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
5828
5851
  };
5829
5852
  sizes: {
5830
5853
  readonly number: string;
@@ -5894,6 +5917,7 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
5894
5917
  };
5895
5918
  'z-indices': {
5896
5919
  readonly dropdownMenu: 100;
5920
+ readonly select: 100;
5897
5921
  readonly popover: 200;
5898
5922
  readonly tooltip: 300;
5899
5923
  };
@@ -6299,6 +6323,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
6299
6323
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
6300
6324
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
6301
6325
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
6326
+ readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
6302
6327
  };
6303
6328
  sizes: {
6304
6329
  readonly number: string;
@@ -6368,6 +6393,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
6368
6393
  };
6369
6394
  'z-indices': {
6370
6395
  readonly dropdownMenu: 100;
6396
+ readonly select: 100;
6371
6397
  readonly popover: 200;
6372
6398
  readonly tooltip: 300;
6373
6399
  };
@@ -6767,6 +6793,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
6767
6793
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
6768
6794
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
6769
6795
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
6796
+ readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
6770
6797
  };
6771
6798
  sizes: {
6772
6799
  readonly number: string;
@@ -6836,6 +6863,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
6836
6863
  };
6837
6864
  'z-indices': {
6838
6865
  readonly dropdownMenu: 100;
6866
+ readonly select: 100;
6839
6867
  readonly popover: 200;
6840
6868
  readonly tooltip: 300;
6841
6869
  };
@@ -7239,6 +7267,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
7239
7267
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
7240
7268
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
7241
7269
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
7270
+ readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
7242
7271
  };
7243
7272
  sizes: {
7244
7273
  readonly number: string;
@@ -7308,6 +7337,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
7308
7337
  };
7309
7338
  'z-indices': {
7310
7339
  readonly dropdownMenu: 100;
7340
+ readonly select: 100;
7311
7341
  readonly popover: 200;
7312
7342
  readonly tooltip: 300;
7313
7343
  };
@@ -7495,7 +7525,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
7495
7525
  }> | undefined;
7496
7526
  }> & {
7497
7527
  children?: react.ReactNode;
7498
- } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system.PrimitiveProps<"div">>, {}, {}>, {}, {}>;
7528
+ } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"div">>, {}, {}>, {}, {}>;
7499
7529
  declare type StyledIconSlotProps = StrictComponentProps<typeof StyledIconSlot>;
7500
7530
 
7501
7531
  declare type IconSlotProps = Omit<StyledIconSlotProps, 'custom'>;
@@ -7717,6 +7747,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
7717
7747
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
7718
7748
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
7719
7749
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
7750
+ readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
7720
7751
  };
7721
7752
  sizes: {
7722
7753
  readonly number: string;
@@ -7786,6 +7817,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
7786
7817
  };
7787
7818
  'z-indices': {
7788
7819
  readonly dropdownMenu: 100;
7820
+ readonly select: 100;
7789
7821
  readonly popover: 200;
7790
7822
  readonly tooltip: 300;
7791
7823
  };
@@ -8185,6 +8217,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8185
8217
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
8186
8218
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
8187
8219
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
8220
+ readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
8188
8221
  };
8189
8222
  sizes: {
8190
8223
  readonly number: string;
@@ -8254,6 +8287,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8254
8287
  };
8255
8288
  'z-indices': {
8256
8289
  readonly dropdownMenu: 100;
8290
+ readonly select: 100;
8257
8291
  readonly popover: 200;
8258
8292
  readonly tooltip: 300;
8259
8293
  };
@@ -8657,6 +8691,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8657
8691
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
8658
8692
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
8659
8693
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
8694
+ readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
8660
8695
  };
8661
8696
  sizes: {
8662
8697
  readonly number: string;
@@ -8726,6 +8761,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8726
8761
  };
8727
8762
  'z-indices': {
8728
8763
  readonly dropdownMenu: 100;
8764
+ readonly select: 100;
8729
8765
  readonly popover: 200;
8730
8766
  readonly tooltip: 300;
8731
8767
  };
@@ -9131,6 +9167,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9131
9167
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
9132
9168
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
9133
9169
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
9170
+ readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
9134
9171
  };
9135
9172
  sizes: {
9136
9173
  readonly number: string;
@@ -9200,6 +9237,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9200
9237
  };
9201
9238
  'z-indices': {
9202
9239
  readonly dropdownMenu: 100;
9240
+ readonly select: 100;
9203
9241
  readonly popover: 200;
9204
9242
  readonly tooltip: 300;
9205
9243
  };
@@ -9599,6 +9637,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9599
9637
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
9600
9638
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
9601
9639
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
9640
+ readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
9602
9641
  };
9603
9642
  sizes: {
9604
9643
  readonly number: string;
@@ -9668,6 +9707,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9668
9707
  };
9669
9708
  'z-indices': {
9670
9709
  readonly dropdownMenu: 100;
9710
+ readonly select: 100;
9671
9711
  readonly popover: 200;
9672
9712
  readonly tooltip: 300;
9673
9713
  };
@@ -10071,6 +10111,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
10071
10111
  readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
10072
10112
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
10073
10113
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
10114
+ readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
10074
10115
  };
10075
10116
  sizes: {
10076
10117
  readonly number: string;
@@ -10140,6 +10181,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
10140
10181
  };
10141
10182
  'z-indices': {
10142
10183
  readonly dropdownMenu: 100;
10184
+ readonly select: 100;
10143
10185
  readonly popover: 200;
10144
10186
  readonly tooltip: 300;
10145
10187
  };
@@ -10327,7 +10369,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
10327
10369
  }> | undefined;
10328
10370
  }> & {
10329
10371
  children?: react.ReactNode;
10330
- } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system.PrimitiveProps<"div">>, {}, {}>, {}, {}>;
10372
+ } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"div">>, {}, {}>, {}, {}>;
10331
10373
  declare type StyledIllustrationSlotProps = StrictComponentProps<typeof StyledIllustrationSlot>;
10332
10374
 
10333
10375
  declare const IllustrationSlot: react__default.ForwardRefExoticComponent<Omit<StyledIllustrationSlotProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-dropdown-menu",
3
- "version": "3.5.11",
3
+ "version": "3.5.12-select.0",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -29,12 +29,12 @@
29
29
  "dependencies": {
30
30
  "@radix-ui/react-dropdown-menu": "^2.0.5",
31
31
  "@react-aria/utils": "^3.13.0",
32
- "@mirohq/design-system-base-icon": "^0.1.9",
33
- "@mirohq/design-system-stitches": "^2.3.10",
32
+ "@mirohq/design-system-base-icon": "^0.1.10-select.0",
33
+ "@mirohq/design-system-stitches": "^2.3.11-select.0",
34
+ "@mirohq/design-system-base-switch": "^0.1.9-select.0",
34
35
  "@mirohq/design-system-primitive": "^1.1.1",
35
- "@mirohq/design-system-base-switch": "^0.1.8",
36
- "@mirohq/design-system-scroll-area": "^0.1.9",
37
- "@mirohq/design-system-styles": "^1.1.6",
36
+ "@mirohq/design-system-scroll-area": "^0.1.10-select.0",
37
+ "@mirohq/design-system-styles": "^1.1.7-select.0",
38
38
  "@mirohq/design-system-types": "^0.6.2",
39
39
  "@mirohq/design-system-use-layout-effect": "^0.2.1",
40
40
  "@mirohq/design-system-utils": "^0.14.3"