@mirohq/design-system-button 3.1.20 → 3.1.22

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 +14 -21
  2. package/package.json +5 -5
package/dist/types.d.ts CHANGED
@@ -232,8 +232,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
232
232
  readonly 200: "16px";
233
233
  };
234
234
  shadows: {
235
- readonly 50: "0 4px 16px #05003812";
236
- readonly 100: "0 8px 32px #05003808";
237
235
  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";
238
236
  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";
239
237
  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";
@@ -247,7 +245,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
247
245
  readonly 'icon-400': "32px";
248
246
  };
249
247
  space: {
250
- readonly 0: 0;
248
+ readonly 0: "0px";
251
249
  readonly 50: "4px";
252
250
  readonly 100: "8px";
253
251
  readonly 150: "12px";
@@ -277,6 +275,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
277
275
  readonly 300: any;
278
276
  readonly 400: any;
279
277
  readonly 600: any;
278
+ readonly 700: any;
280
279
  readonly 800: any;
281
280
  readonly 1200: any;
282
281
  readonly 1600: any;
@@ -706,8 +705,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
706
705
  readonly 200: "16px";
707
706
  };
708
707
  shadows: {
709
- readonly 50: "0 4px 16px #05003812";
710
- readonly 100: "0 8px 32px #05003808";
711
708
  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";
712
709
  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";
713
710
  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";
@@ -721,7 +718,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
721
718
  readonly 'icon-400': "32px";
722
719
  };
723
720
  space: {
724
- readonly 0: 0;
721
+ readonly 0: "0px";
725
722
  readonly 50: "4px";
726
723
  readonly 100: "8px";
727
724
  readonly 150: "12px";
@@ -751,6 +748,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
751
748
  readonly 300: any;
752
749
  readonly 400: any;
753
750
  readonly 600: any;
751
+ readonly 700: any;
754
752
  readonly 800: any;
755
753
  readonly 1200: any;
756
754
  readonly 1600: any;
@@ -1182,8 +1180,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
1182
1180
  readonly 200: "16px";
1183
1181
  };
1184
1182
  shadows: {
1185
- readonly 50: "0 4px 16px #05003812";
1186
- readonly 100: "0 8px 32px #05003808";
1187
1183
  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";
1188
1184
  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";
1189
1185
  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";
@@ -1197,7 +1193,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
1197
1193
  readonly 'icon-400': "32px";
1198
1194
  };
1199
1195
  space: {
1200
- readonly 0: 0;
1196
+ readonly 0: "0px";
1201
1197
  readonly 50: "4px";
1202
1198
  readonly 100: "8px";
1203
1199
  readonly 150: "12px";
@@ -1227,6 +1223,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
1227
1223
  readonly 300: any;
1228
1224
  readonly 400: any;
1229
1225
  readonly 600: any;
1226
+ readonly 700: any;
1230
1227
  readonly 800: any;
1231
1228
  readonly 1200: any;
1232
1229
  readonly 1600: any;
@@ -1658,8 +1655,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
1658
1655
  readonly 200: "16px";
1659
1656
  };
1660
1657
  shadows: {
1661
- readonly 50: "0 4px 16px #05003812";
1662
- readonly 100: "0 8px 32px #05003808";
1663
1658
  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";
1664
1659
  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";
1665
1660
  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";
@@ -1673,7 +1668,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
1673
1668
  readonly 'icon-400': "32px";
1674
1669
  };
1675
1670
  space: {
1676
- readonly 0: 0;
1671
+ readonly 0: "0px";
1677
1672
  readonly 50: "4px";
1678
1673
  readonly 100: "8px";
1679
1674
  readonly 150: "12px";
@@ -1703,6 +1698,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
1703
1698
  readonly 300: any;
1704
1699
  readonly 400: any;
1705
1700
  readonly 600: any;
1701
+ readonly 700: any;
1706
1702
  readonly 800: any;
1707
1703
  readonly 1200: any;
1708
1704
  readonly 1600: any;
@@ -2136,8 +2132,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
2136
2132
  readonly 200: "16px";
2137
2133
  };
2138
2134
  shadows: {
2139
- readonly 50: "0 4px 16px #05003812";
2140
- readonly 100: "0 8px 32px #05003808";
2141
2135
  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";
2142
2136
  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";
2143
2137
  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";
@@ -2151,7 +2145,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
2151
2145
  readonly 'icon-400': "32px";
2152
2146
  };
2153
2147
  space: {
2154
- readonly 0: 0;
2148
+ readonly 0: "0px";
2155
2149
  readonly 50: "4px";
2156
2150
  readonly 100: "8px";
2157
2151
  readonly 150: "12px";
@@ -2181,6 +2175,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
2181
2175
  readonly 300: any;
2182
2176
  readonly 400: any;
2183
2177
  readonly 600: any;
2178
+ readonly 700: any;
2184
2179
  readonly 800: any;
2185
2180
  readonly 1200: any;
2186
2181
  readonly 1600: any;
@@ -2614,8 +2609,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
2614
2609
  readonly 200: "16px";
2615
2610
  };
2616
2611
  shadows: {
2617
- readonly 50: "0 4px 16px #05003812";
2618
- readonly 100: "0 8px 32px #05003808";
2619
2612
  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";
2620
2613
  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";
2621
2614
  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";
@@ -2629,7 +2622,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
2629
2622
  readonly 'icon-400': "32px";
2630
2623
  };
2631
2624
  space: {
2632
- readonly 0: 0;
2625
+ readonly 0: "0px";
2633
2626
  readonly 50: "4px";
2634
2627
  readonly 100: "8px";
2635
2628
  readonly 150: "12px";
@@ -2659,6 +2652,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<{
2659
2652
  readonly 300: any;
2660
2653
  readonly 400: any;
2661
2654
  readonly 600: any;
2655
+ readonly 700: any;
2662
2656
  readonly 800: any;
2663
2657
  readonly 1200: any;
2664
2658
  readonly 1600: any;
@@ -3102,8 +3096,6 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
3102
3096
  readonly 200: "16px";
3103
3097
  };
3104
3098
  shadows: {
3105
- readonly 50: "0 4px 16px #05003812";
3106
- readonly 100: "0 8px 32px #05003808";
3107
3099
  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";
3108
3100
  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";
3109
3101
  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";
@@ -3117,7 +3109,7 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
3117
3109
  readonly 'icon-400': "32px";
3118
3110
  };
3119
3111
  space: {
3120
- readonly 0: 0;
3112
+ readonly 0: "0px";
3121
3113
  readonly 50: "4px";
3122
3114
  readonly 100: "8px";
3123
3115
  readonly 150: "12px";
@@ -3147,6 +3139,7 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
3147
3139
  readonly 300: any;
3148
3140
  readonly 400: any;
3149
3141
  readonly 600: any;
3142
+ readonly 700: any;
3150
3143
  readonly 800: any;
3151
3144
  readonly 1200: any;
3152
3145
  readonly 1600: any;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-button",
3
- "version": "3.1.20",
3
+ "version": "3.1.22",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -27,12 +27,12 @@
27
27
  },
28
28
  "dependencies": {
29
29
  "@react-aria/utils": "^3.13.0",
30
- "@mirohq/design-system-base-button": "^0.4.22",
30
+ "@mirohq/design-system-base-button": "^0.4.23",
31
+ "@mirohq/design-system-stitches": "^2.3.13",
32
+ "@mirohq/design-system-styles": "^1.1.10",
31
33
  "@mirohq/design-system-primitive": "^1.1.1",
32
- "@mirohq/design-system-spinner": "^1.1.23",
33
- "@mirohq/design-system-stitches": "^2.3.12",
34
- "@mirohq/design-system-styles": "^1.1.9",
35
34
  "@mirohq/design-system-types": "^0.6.2",
35
+ "@mirohq/design-system-spinner": "^1.1.25",
36
36
  "@mirohq/design-system-utils": "^0.14.3"
37
37
  },
38
38
  "devDependencies": {