@mirohq/design-system-dropdown-menu 3.2.1 → 3.2.2-button.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 +11 -0
  2. package/package.json +6 -6
package/dist/types.d.ts CHANGED
@@ -183,6 +183,7 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Pick<Omit<{},
183
183
  readonly 50: "0 4px 16px #05003812";
184
184
  readonly 100: "0 8px 32px #05003808";
185
185
  readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
186
+ readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
186
187
  readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
187
188
  readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
188
189
  };
@@ -623,6 +624,7 @@ declare const StyledContent: react.ForwardRefExoticComponent<Pick<Omit<{}, never
623
624
  readonly 50: "0 4px 16px #05003812";
624
625
  readonly 100: "0 8px 32px #05003808";
625
626
  readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
627
+ readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
626
628
  readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
627
629
  readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
628
630
  };
@@ -1150,6 +1152,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{}, never> &
1150
1152
  readonly 50: "0 4px 16px #05003812";
1151
1153
  readonly 100: "0 8px 32px #05003808";
1152
1154
  readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
1155
+ readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
1153
1156
  readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
1154
1157
  readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
1155
1158
  };
@@ -1587,6 +1590,7 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
1587
1590
  readonly 50: "0 4px 16px #05003812";
1588
1591
  readonly 100: "0 8px 32px #05003808";
1589
1592
  readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
1593
+ readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
1590
1594
  readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
1591
1595
  readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
1592
1596
  };
@@ -2015,6 +2019,7 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
2015
2019
  readonly 50: "0 4px 16px #05003812";
2016
2020
  readonly 100: "0 8px 32px #05003808";
2017
2021
  readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
2022
+ readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
2018
2023
  readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
2019
2024
  readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
2020
2025
  };
@@ -2451,6 +2456,7 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
2451
2456
  readonly 50: "0 4px 16px #05003812";
2452
2457
  readonly 100: "0 8px 32px #05003808";
2453
2458
  readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
2459
+ readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
2454
2460
  readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
2455
2461
  readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
2456
2462
  };
@@ -2879,6 +2885,7 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Pick<Omit<{
2879
2885
  readonly 50: "0 4px 16px #05003812";
2880
2886
  readonly 100: "0 8px 32px #05003808";
2881
2887
  readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
2888
+ readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
2882
2889
  readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
2883
2890
  readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
2884
2891
  };
@@ -3305,6 +3312,7 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
3305
3312
  readonly 50: "0 4px 16px #05003812";
3306
3313
  readonly 100: "0 8px 32px #05003808";
3307
3314
  readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
3315
+ readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
3308
3316
  readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
3309
3317
  readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
3310
3318
  };
@@ -3735,6 +3743,7 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
3735
3743
  readonly 50: "0 4px 16px #05003812";
3736
3744
  readonly 100: "0 8px 32px #05003808";
3737
3745
  readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
3746
+ readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
3738
3747
  readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
3739
3748
  readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
3740
3749
  };
@@ -4223,6 +4232,7 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
4223
4232
  readonly 50: "0 4px 16px #05003812";
4224
4233
  readonly 100: "0 8px 32px #05003808";
4225
4234
  readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
4235
+ readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
4226
4236
  readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
4227
4237
  readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
4228
4238
  };
@@ -4675,6 +4685,7 @@ declare const IconSlot: react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _
4675
4685
  readonly 50: "0 4px 16px #05003812";
4676
4686
  readonly 100: "0 8px 32px #05003808";
4677
4687
  readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
4688
+ readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
4678
4689
  readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
4679
4690
  readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
4680
4691
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-dropdown-menu",
3
- "version": "3.2.1",
3
+ "version": "3.2.2-button.0",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -29,13 +29,13 @@
29
29
  "dependencies": {
30
30
  "@radix-ui/react-dropdown-menu": "^1.0.0",
31
31
  "@mirohq/design-system-primitive": "^1.1.0",
32
- "@mirohq/design-system-stitches": "^2.1.1",
33
- "@mirohq/design-system-styles": "^1.0.14",
34
- "@mirohq/design-system-switch": "^2.1.1"
32
+ "@mirohq/design-system-stitches": "^2.1.2-button.0",
33
+ "@mirohq/design-system-styles": "^1.0.15-button.0",
34
+ "@mirohq/design-system-switch": "^2.1.2-button.0"
35
35
  },
36
36
  "devDependencies": {
37
- "@mirohq/design-system-button": "^2.1.1",
38
- "@mirohq/design-system-flex": "^2.1.1"
37
+ "@mirohq/design-system-button": "^2.1.2-button.0",
38
+ "@mirohq/design-system-flex": "^2.1.2-button.0"
39
39
  },
40
40
  "scripts": {
41
41
  "build": "rollup -c ../../../rollup.config.js",