@mirohq/design-system-dropdown-menu 3.1.11-button.0 → 3.1.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.
- package/dist/types.d.ts +33 -0
- package/package.json +6 -6
package/dist/types.d.ts
CHANGED
|
@@ -182,6 +182,9 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Pick<Omit<{},
|
|
|
182
182
|
shadows: {
|
|
183
183
|
readonly 50: "0 4px 16px #05003812";
|
|
184
184
|
readonly 100: "0 8px 32px #05003808";
|
|
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-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
187
|
+
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
185
188
|
};
|
|
186
189
|
sizes: {
|
|
187
190
|
readonly number: string;
|
|
@@ -619,6 +622,9 @@ declare const StyledContent: react.ForwardRefExoticComponent<Pick<Omit<{}, never
|
|
|
619
622
|
shadows: {
|
|
620
623
|
readonly 50: "0 4px 16px #05003812";
|
|
621
624
|
readonly 100: "0 8px 32px #05003808";
|
|
625
|
+
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";
|
|
626
|
+
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
|
+
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
622
628
|
};
|
|
623
629
|
sizes: {
|
|
624
630
|
readonly number: string;
|
|
@@ -1143,6 +1149,9 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{}, never> &
|
|
|
1143
1149
|
shadows: {
|
|
1144
1150
|
readonly 50: "0 4px 16px #05003812";
|
|
1145
1151
|
readonly 100: "0 8px 32px #05003808";
|
|
1152
|
+
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";
|
|
1153
|
+
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
|
+
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
1146
1155
|
};
|
|
1147
1156
|
sizes: {
|
|
1148
1157
|
readonly number: string;
|
|
@@ -1577,6 +1586,9 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
|
|
|
1577
1586
|
shadows: {
|
|
1578
1587
|
readonly 50: "0 4px 16px #05003812";
|
|
1579
1588
|
readonly 100: "0 8px 32px #05003808";
|
|
1589
|
+
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";
|
|
1590
|
+
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
|
+
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
1580
1592
|
};
|
|
1581
1593
|
sizes: {
|
|
1582
1594
|
readonly number: string;
|
|
@@ -2002,6 +2014,9 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
|
|
|
2002
2014
|
shadows: {
|
|
2003
2015
|
readonly 50: "0 4px 16px #05003812";
|
|
2004
2016
|
readonly 100: "0 8px 32px #05003808";
|
|
2017
|
+
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";
|
|
2018
|
+
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
|
+
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
2005
2020
|
};
|
|
2006
2021
|
sizes: {
|
|
2007
2022
|
readonly number: string;
|
|
@@ -2435,6 +2450,9 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
|
|
|
2435
2450
|
shadows: {
|
|
2436
2451
|
readonly 50: "0 4px 16px #05003812";
|
|
2437
2452
|
readonly 100: "0 8px 32px #05003808";
|
|
2453
|
+
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";
|
|
2454
|
+
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
|
+
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
2438
2456
|
};
|
|
2439
2457
|
sizes: {
|
|
2440
2458
|
readonly number: string;
|
|
@@ -2860,6 +2878,9 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
2860
2878
|
shadows: {
|
|
2861
2879
|
readonly 50: "0 4px 16px #05003812";
|
|
2862
2880
|
readonly 100: "0 8px 32px #05003808";
|
|
2881
|
+
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";
|
|
2882
|
+
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
|
+
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
2863
2884
|
};
|
|
2864
2885
|
sizes: {
|
|
2865
2886
|
readonly number: string;
|
|
@@ -3283,6 +3304,9 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
|
|
|
3283
3304
|
shadows: {
|
|
3284
3305
|
readonly 50: "0 4px 16px #05003812";
|
|
3285
3306
|
readonly 100: "0 8px 32px #05003808";
|
|
3307
|
+
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";
|
|
3308
|
+
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
|
+
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
3286
3310
|
};
|
|
3287
3311
|
sizes: {
|
|
3288
3312
|
readonly number: string;
|
|
@@ -3710,6 +3734,9 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
|
|
|
3710
3734
|
shadows: {
|
|
3711
3735
|
readonly 50: "0 4px 16px #05003812";
|
|
3712
3736
|
readonly 100: "0 8px 32px #05003808";
|
|
3737
|
+
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";
|
|
3738
|
+
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
|
+
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
3713
3740
|
};
|
|
3714
3741
|
sizes: {
|
|
3715
3742
|
readonly number: string;
|
|
@@ -4195,6 +4222,9 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
|
|
|
4195
4222
|
shadows: {
|
|
4196
4223
|
readonly 50: "0 4px 16px #05003812";
|
|
4197
4224
|
readonly 100: "0 8px 32px #05003808";
|
|
4225
|
+
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";
|
|
4226
|
+
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
|
+
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
4198
4228
|
};
|
|
4199
4229
|
sizes: {
|
|
4200
4230
|
readonly number: string;
|
|
@@ -4644,6 +4674,9 @@ declare const IconSlot: react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _
|
|
|
4644
4674
|
shadows: {
|
|
4645
4675
|
readonly 50: "0 4px 16px #05003812";
|
|
4646
4676
|
readonly 100: "0 8px 32px #05003808";
|
|
4677
|
+
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";
|
|
4678
|
+
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
|
+
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
4647
4680
|
};
|
|
4648
4681
|
sizes: {
|
|
4649
4682
|
readonly number: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-dropdown-menu",
|
|
3
|
-
"version": "3.1.11
|
|
3
|
+
"version": "3.1.11",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -28,14 +28,14 @@
|
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@radix-ui/react-dropdown-menu": "^1.0.0",
|
|
31
|
+
"@mirohq/design-system-stitches": "^2.0.12",
|
|
31
32
|
"@mirohq/design-system-primitive": "^1.0.4",
|
|
32
|
-
"@mirohq/design-system-
|
|
33
|
-
"@mirohq/design-system-
|
|
34
|
-
"@mirohq/design-system-switch": "^2.0.13-button.0"
|
|
33
|
+
"@mirohq/design-system-styles": "^1.0.12",
|
|
34
|
+
"@mirohq/design-system-switch": "^2.0.13"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@mirohq/design-system-button": "^
|
|
38
|
-
"@mirohq/design-system-flex": "^2.0.14
|
|
37
|
+
"@mirohq/design-system-button": "^2.0.18",
|
|
38
|
+
"@mirohq/design-system-flex": "^2.0.14"
|
|
39
39
|
},
|
|
40
40
|
"scripts": {
|
|
41
41
|
"build": "rollup -c ../../../rollup.config.js",
|