@mirohq/design-system-dropdown-menu 3.1.11-checkbox.0 → 3.1.12-checkbox.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 +33 -0
  2. 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;
@@ -629,6 +632,9 @@ declare const StyledContent: react.ForwardRefExoticComponent<Pick<Omit<{}, never
629
632
  shadows: {
630
633
  readonly 50: "0 4px 16px #05003812";
631
634
  readonly 100: "0 8px 32px #05003808";
635
+ 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";
636
+ 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";
637
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
632
638
  };
633
639
  sizes: {
634
640
  readonly number: string;
@@ -1163,6 +1169,9 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{}, never> &
1163
1169
  shadows: {
1164
1170
  readonly 50: "0 4px 16px #05003812";
1165
1171
  readonly 100: "0 8px 32px #05003808";
1172
+ 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";
1173
+ 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";
1174
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
1166
1175
  };
1167
1176
  sizes: {
1168
1177
  readonly number: string;
@@ -1607,6 +1616,9 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
1607
1616
  shadows: {
1608
1617
  readonly 50: "0 4px 16px #05003812";
1609
1618
  readonly 100: "0 8px 32px #05003808";
1619
+ 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";
1620
+ 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";
1621
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
1610
1622
  };
1611
1623
  sizes: {
1612
1624
  readonly number: string;
@@ -2042,6 +2054,9 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
2042
2054
  shadows: {
2043
2055
  readonly 50: "0 4px 16px #05003812";
2044
2056
  readonly 100: "0 8px 32px #05003808";
2057
+ 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";
2058
+ 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";
2059
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
2045
2060
  };
2046
2061
  sizes: {
2047
2062
  readonly number: string;
@@ -2485,6 +2500,9 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
2485
2500
  shadows: {
2486
2501
  readonly 50: "0 4px 16px #05003812";
2487
2502
  readonly 100: "0 8px 32px #05003808";
2503
+ 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";
2504
+ 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";
2505
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
2488
2506
  };
2489
2507
  sizes: {
2490
2508
  readonly number: string;
@@ -2920,6 +2938,9 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Pick<Omit<{
2920
2938
  shadows: {
2921
2939
  readonly 50: "0 4px 16px #05003812";
2922
2940
  readonly 100: "0 8px 32px #05003808";
2941
+ 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";
2942
+ 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";
2943
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
2923
2944
  };
2924
2945
  sizes: {
2925
2946
  readonly number: string;
@@ -3353,6 +3374,9 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
3353
3374
  shadows: {
3354
3375
  readonly 50: "0 4px 16px #05003812";
3355
3376
  readonly 100: "0 8px 32px #05003808";
3377
+ 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";
3378
+ 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";
3379
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
3356
3380
  };
3357
3381
  sizes: {
3358
3382
  readonly number: string;
@@ -3790,6 +3814,9 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
3790
3814
  shadows: {
3791
3815
  readonly 50: "0 4px 16px #05003812";
3792
3816
  readonly 100: "0 8px 32px #05003808";
3817
+ 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";
3818
+ 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";
3819
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
3793
3820
  };
3794
3821
  sizes: {
3795
3822
  readonly number: string;
@@ -4285,6 +4312,9 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
4285
4312
  shadows: {
4286
4313
  readonly 50: "0 4px 16px #05003812";
4287
4314
  readonly 100: "0 8px 32px #05003808";
4315
+ 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";
4316
+ 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";
4317
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
4288
4318
  };
4289
4319
  sizes: {
4290
4320
  readonly number: string;
@@ -4744,6 +4774,9 @@ declare const IconSlot: react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _
4744
4774
  shadows: {
4745
4775
  readonly 50: "0 4px 16px #05003812";
4746
4776
  readonly 100: "0 8px 32px #05003808";
4777
+ 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";
4778
+ 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";
4779
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
4747
4780
  };
4748
4781
  sizes: {
4749
4782
  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-checkbox.0",
3
+ "version": "3.1.12-checkbox.0",
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-primitive": "^1.0.4",
32
31
  "@mirohq/design-system-stitches": "^2.1.0-checkbox.0",
33
- "@mirohq/design-system-styles": "^1.0.12-checkbox.0",
34
- "@mirohq/design-system-switch": "^2.0.13-checkbox.0"
32
+ "@mirohq/design-system-primitive": "^1.0.4",
33
+ "@mirohq/design-system-styles": "^1.0.13-checkbox.0",
34
+ "@mirohq/design-system-switch": "^2.0.14-checkbox.0"
35
35
  },
36
36
  "devDependencies": {
37
- "@mirohq/design-system-button": "^2.0.18-checkbox.0",
38
- "@mirohq/design-system-flex": "^2.0.14-checkbox.0"
37
+ "@mirohq/design-system-button": "^2.0.19-checkbox.0",
38
+ "@mirohq/design-system-flex": "^2.0.15-checkbox.0"
39
39
  },
40
40
  "scripts": {
41
41
  "build": "rollup -c ../../../rollup.config.js",