@mirohq/design-system-dropdown-menu 4.0.11-colors.1 → 4.0.11

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 +160 -120
  2. package/package.json +8 -8
package/dist/types.d.ts CHANGED
@@ -271,12 +271,14 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<_mir
271
271
  readonly none: "0px";
272
272
  };
273
273
  shadows: {
274
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
275
- 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";
276
- 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";
277
- 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";
278
- 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";
279
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
274
+ 50: any;
275
+ 100: any;
276
+ "focus-small": any;
277
+ "focus-small-outline": any;
278
+ "focus-large": any;
279
+ "focus-controls": any;
280
+ "focus-controls-error": any;
281
+ "focus-controls-success": any;
280
282
  };
281
283
  sizes: {
282
284
  readonly number: string;
@@ -832,12 +834,14 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
832
834
  readonly none: "0px";
833
835
  };
834
836
  shadows: {
835
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
836
- 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";
837
- 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";
838
- 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";
839
- 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";
840
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
837
+ 50: any;
838
+ 100: any;
839
+ "focus-small": any;
840
+ "focus-small-outline": any;
841
+ "focus-large": any;
842
+ "focus-controls": any;
843
+ "focus-controls-error": any;
844
+ "focus-controls-success": any;
841
845
  };
842
846
  sizes: {
843
847
  readonly number: string;
@@ -1510,12 +1514,14 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1510
1514
  readonly none: "0px";
1511
1515
  };
1512
1516
  shadows: {
1513
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
1514
- 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";
1515
- 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";
1516
- 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";
1517
- 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";
1518
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
1517
+ 50: any;
1518
+ 100: any;
1519
+ "focus-small": any;
1520
+ "focus-small-outline": any;
1521
+ "focus-large": any;
1522
+ "focus-controls": any;
1523
+ "focus-controls-error": any;
1524
+ "focus-controls-success": any;
1519
1525
  };
1520
1526
  sizes: {
1521
1527
  readonly number: string;
@@ -2069,12 +2075,14 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Omit<Omit<_miroh
2069
2075
  readonly none: "0px";
2070
2076
  };
2071
2077
  shadows: {
2072
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
2073
- 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";
2074
- 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";
2075
- 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";
2076
- 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";
2077
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
2078
+ 50: any;
2079
+ 100: any;
2080
+ "focus-small": any;
2081
+ "focus-small-outline": any;
2082
+ "focus-large": any;
2083
+ "focus-controls": any;
2084
+ "focus-controls-error": any;
2085
+ "focus-controls-success": any;
2078
2086
  };
2079
2087
  sizes: {
2080
2088
  readonly number: string;
@@ -2610,12 +2618,14 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
2610
2618
  readonly none: "0px";
2611
2619
  };
2612
2620
  shadows: {
2613
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
2614
- 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";
2615
- 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";
2616
- 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";
2617
- 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";
2618
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
2621
+ 50: any;
2622
+ 100: any;
2623
+ "focus-small": any;
2624
+ "focus-small-outline": any;
2625
+ "focus-large": any;
2626
+ "focus-controls": any;
2627
+ "focus-controls-error": any;
2628
+ "focus-controls-success": any;
2619
2629
  };
2620
2630
  sizes: {
2621
2631
  readonly number: string;
@@ -3168,12 +3178,14 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
3168
3178
  readonly none: "0px";
3169
3179
  };
3170
3180
  shadows: {
3171
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
3172
- 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";
3173
- 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";
3174
- 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";
3175
- 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";
3176
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
3181
+ 50: any;
3182
+ 100: any;
3183
+ "focus-small": any;
3184
+ "focus-small-outline": any;
3185
+ "focus-large": any;
3186
+ "focus-controls": any;
3187
+ "focus-controls-error": any;
3188
+ "focus-controls-success": any;
3177
3189
  };
3178
3190
  sizes: {
3179
3191
  readonly number: string;
@@ -3701,12 +3713,14 @@ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<_miroh
3701
3713
  readonly none: "0px";
3702
3714
  };
3703
3715
  shadows: {
3704
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
3705
- 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";
3706
- 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";
3707
- 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";
3708
- 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";
3709
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
3716
+ 50: any;
3717
+ 100: any;
3718
+ "focus-small": any;
3719
+ "focus-small-outline": any;
3720
+ "focus-large": any;
3721
+ "focus-controls": any;
3722
+ "focus-controls-error": any;
3723
+ "focus-controls-success": any;
3710
3724
  };
3711
3725
  sizes: {
3712
3726
  readonly number: string;
@@ -4262,12 +4276,14 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
4262
4276
  readonly none: "0px";
4263
4277
  };
4264
4278
  shadows: {
4265
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
4266
- 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";
4267
- 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";
4268
- 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";
4269
- 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
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
4279
+ 50: any;
4280
+ 100: any;
4281
+ "focus-small": any;
4282
+ "focus-small-outline": any;
4283
+ "focus-large": any;
4284
+ "focus-controls": any;
4285
+ "focus-controls-error": any;
4286
+ "focus-controls-success": any;
4271
4287
  };
4272
4288
  sizes: {
4273
4289
  readonly number: string;
@@ -4799,12 +4815,14 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<_miroh
4799
4815
  readonly none: "0px";
4800
4816
  };
4801
4817
  shadows: {
4802
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
4803
- 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";
4804
- 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";
4805
- 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";
4806
- 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";
4807
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
4818
+ 50: any;
4819
+ 100: any;
4820
+ "focus-small": any;
4821
+ "focus-small-outline": any;
4822
+ "focus-large": any;
4823
+ "focus-controls": any;
4824
+ "focus-controls-error": any;
4825
+ "focus-controls-success": any;
4808
4826
  };
4809
4827
  sizes: {
4810
4828
  readonly number: string;
@@ -5343,12 +5361,14 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<_miroh
5343
5361
  readonly none: "0px";
5344
5362
  };
5345
5363
  shadows: {
5346
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
5347
- 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";
5348
- 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";
5349
- 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";
5350
- 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";
5351
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
5364
+ 50: any;
5365
+ 100: any;
5366
+ "focus-small": any;
5367
+ "focus-small-outline": any;
5368
+ "focus-large": any;
5369
+ "focus-controls": any;
5370
+ "focus-controls-error": any;
5371
+ "focus-controls-success": any;
5352
5372
  };
5353
5373
  sizes: {
5354
5374
  readonly number: string;
@@ -5967,12 +5987,14 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<_mirohq_design_sys
5967
5987
  readonly none: "0px";
5968
5988
  };
5969
5989
  shadows: {
5970
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
5971
- 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";
5972
- 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";
5973
- 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";
5974
- 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";
5975
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
5990
+ 50: any;
5991
+ 100: any;
5992
+ "focus-small": any;
5993
+ "focus-small-outline": any;
5994
+ "focus-large": any;
5995
+ "focus-controls": any;
5996
+ "focus-controls-error": any;
5997
+ "focus-controls-success": any;
5976
5998
  };
5977
5999
  sizes: {
5978
6000
  readonly number: string;
@@ -6532,12 +6554,14 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
6532
6554
  readonly none: "0px";
6533
6555
  };
6534
6556
  shadows: {
6535
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
6536
- 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";
6537
- 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";
6538
- 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";
6539
- 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";
6540
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
6557
+ 50: any;
6558
+ 100: any;
6559
+ "focus-small": any;
6560
+ "focus-small-outline": any;
6561
+ "focus-large": any;
6562
+ "focus-controls": any;
6563
+ "focus-controls-error": any;
6564
+ "focus-controls-success": any;
6541
6565
  };
6542
6566
  sizes: {
6543
6567
  readonly number: string;
@@ -7060,12 +7084,14 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
7060
7084
  readonly none: "0px";
7061
7085
  };
7062
7086
  shadows: {
7063
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
7064
- 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";
7065
- 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";
7066
- 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";
7067
- 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";
7068
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
7087
+ 50: any;
7088
+ 100: any;
7089
+ "focus-small": any;
7090
+ "focus-small-outline": any;
7091
+ "focus-large": any;
7092
+ "focus-controls": any;
7093
+ "focus-controls-error": any;
7094
+ "focus-controls-success": any;
7069
7095
  };
7070
7096
  sizes: {
7071
7097
  readonly number: string;
@@ -7586,12 +7612,14 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
7586
7612
  readonly none: "0px";
7587
7613
  };
7588
7614
  shadows: {
7589
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
7590
- 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";
7591
- 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";
7592
- 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";
7593
- 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";
7594
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
7615
+ 50: any;
7616
+ 100: any;
7617
+ "focus-small": any;
7618
+ "focus-small-outline": any;
7619
+ "focus-large": any;
7620
+ "focus-controls": any;
7621
+ "focus-controls-error": any;
7622
+ "focus-controls-success": any;
7595
7623
  };
7596
7624
  sizes: {
7597
7625
  readonly number: string;
@@ -8112,12 +8140,14 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
8112
8140
  readonly none: "0px";
8113
8141
  };
8114
8142
  shadows: {
8115
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
8116
- 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";
8117
- 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";
8118
- 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";
8119
- 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";
8120
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
8143
+ 50: any;
8144
+ 100: any;
8145
+ "focus-small": any;
8146
+ "focus-small-outline": any;
8147
+ "focus-large": any;
8148
+ "focus-controls": any;
8149
+ "focus-controls-error": any;
8150
+ "focus-controls-success": any;
8121
8151
  };
8122
8152
  sizes: {
8123
8153
  readonly number: string;
@@ -8644,12 +8674,14 @@ declare const IconSlot: react__default.ForwardRefExoticComponent<Omit<Omit<Omit<
8644
8674
  readonly none: "0px";
8645
8675
  };
8646
8676
  shadows: {
8647
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
8648
- 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";
8649
- 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";
8650
- 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";
8651
- 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";
8652
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
8677
+ 50: any;
8678
+ 100: any;
8679
+ "focus-small": any;
8680
+ "focus-small-outline": any;
8681
+ "focus-large": any;
8682
+ "focus-controls": any;
8683
+ "focus-controls-error": any;
8684
+ "focus-controls-success": any;
8653
8685
  };
8654
8686
  sizes: {
8655
8687
  readonly number: string;
@@ -9170,12 +9202,14 @@ declare const IconSlot: react__default.ForwardRefExoticComponent<Omit<Omit<Omit<
9170
9202
  readonly none: "0px";
9171
9203
  };
9172
9204
  shadows: {
9173
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
9174
- 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";
9175
- 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";
9176
- 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";
9177
- 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";
9178
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
9205
+ 50: any;
9206
+ 100: any;
9207
+ "focus-small": any;
9208
+ "focus-small-outline": any;
9209
+ "focus-large": any;
9210
+ "focus-controls": any;
9211
+ "focus-controls-error": any;
9212
+ "focus-controls-success": any;
9179
9213
  };
9180
9214
  sizes: {
9181
9215
  readonly number: string;
@@ -9706,12 +9740,14 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9706
9740
  readonly none: "0px";
9707
9741
  };
9708
9742
  shadows: {
9709
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
9710
- 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";
9711
- 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";
9712
- 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";
9713
- 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";
9714
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
9743
+ 50: any;
9744
+ 100: any;
9745
+ "focus-small": any;
9746
+ "focus-small-outline": any;
9747
+ "focus-large": any;
9748
+ "focus-controls": any;
9749
+ "focus-controls-error": any;
9750
+ "focus-controls-success": any;
9715
9751
  };
9716
9752
  sizes: {
9717
9753
  readonly number: string;
@@ -10232,12 +10268,14 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
10232
10268
  readonly none: "0px";
10233
10269
  };
10234
10270
  shadows: {
10235
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
10236
- 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";
10237
- 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";
10238
- 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";
10239
- 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";
10240
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
10271
+ 50: any;
10272
+ 100: any;
10273
+ "focus-small": any;
10274
+ "focus-small-outline": any;
10275
+ "focus-large": any;
10276
+ "focus-controls": any;
10277
+ "focus-controls-error": any;
10278
+ "focus-controls-success": any;
10241
10279
  };
10242
10280
  sizes: {
10243
10281
  readonly number: string;
@@ -10758,12 +10796,14 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
10758
10796
  readonly none: "0px";
10759
10797
  };
10760
10798
  shadows: {
10761
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
10762
- 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";
10763
- 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";
10764
- 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";
10765
- 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";
10766
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
10799
+ 50: any;
10800
+ 100: any;
10801
+ "focus-small": any;
10802
+ "focus-small-outline": any;
10803
+ "focus-large": any;
10804
+ "focus-controls": any;
10805
+ "focus-controls-error": any;
10806
+ "focus-controls-success": any;
10767
10807
  };
10768
10808
  sizes: {
10769
10809
  readonly number: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-dropdown-menu",
3
- "version": "4.0.11-colors.1",
3
+ "version": "4.0.11",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -29,14 +29,14 @@
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-hotkey": "^0.1.2-colors.1",
33
- "@mirohq/design-system-base-icon": "^0.1.22-colors.1",
34
- "@mirohq/design-system-base-switch": "^0.1.21-colors.1",
32
+ "@mirohq/design-system-base-hotkey": "^0.1.2",
33
+ "@mirohq/design-system-base-icon": "^0.1.22",
34
+ "@mirohq/design-system-base-switch": "^0.1.21",
35
+ "@mirohq/design-system-icons": "^0.36.3",
35
36
  "@mirohq/design-system-primitive": "^1.1.2",
36
- "@mirohq/design-system-icons": "^0.36.3-colors.1",
37
- "@mirohq/design-system-scroll-area": "^0.2.1-colors.1",
38
- "@mirohq/design-system-stitches": "^2.6.1-colors.1",
39
- "@mirohq/design-system-styles": "^1.1.20-colors.1",
37
+ "@mirohq/design-system-scroll-area": "^0.2.1",
38
+ "@mirohq/design-system-stitches": "^2.6.1",
39
+ "@mirohq/design-system-styles": "^1.1.20",
40
40
  "@mirohq/design-system-types": "^0.6.2",
41
41
  "@mirohq/design-system-utils": "^0.15.0",
42
42
  "@mirohq/design-system-use-layout-effect": "^0.2.1"