@mirohq/design-system-button 3.1.1-dropdown.1 → 3.1.2
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 +34 -22
- package/package.json +6 -8
package/dist/types.d.ts
CHANGED
|
@@ -89,7 +89,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
89
89
|
readonly 'background-danger-prominent-active'?: any;
|
|
90
90
|
readonly 'background-danger-prominent-hover'?: any;
|
|
91
91
|
readonly 'background-neutrals'?: any;
|
|
92
|
-
readonly 'background-neutrals-body'?: any;
|
|
93
92
|
readonly 'background-neutrals-container'?: any;
|
|
94
93
|
readonly 'background-neutrals-controls-disabled'?: any;
|
|
95
94
|
readonly 'background-neutrals-disabled'?: any;
|
|
@@ -97,6 +96,8 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
97
96
|
readonly 'background-neutrals-inactive-hover'?: any;
|
|
98
97
|
readonly 'background-neutrals-inverted'?: any;
|
|
99
98
|
readonly 'background-neutrals-inverted-subtle'?: any;
|
|
99
|
+
readonly 'background-neutrals-page'?: any;
|
|
100
|
+
readonly 'background-neutrals-page-subtle'?: any;
|
|
100
101
|
readonly 'background-neutrals-scrolls'?: any;
|
|
101
102
|
readonly 'background-neutrals-scrolls-hover'?: any;
|
|
102
103
|
readonly 'background-neutrals-subtle'?: any;
|
|
@@ -120,12 +121,11 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
120
121
|
readonly 'text-neutrals'?: any;
|
|
121
122
|
readonly 'text-neutrals-disabled'?: any;
|
|
122
123
|
readonly 'text-neutrals-inverted'?: any;
|
|
123
|
-
readonly 'text-neutrals-link'?: any;
|
|
124
|
-
readonly 'text-neutrals-link-active'?: any;
|
|
125
|
-
readonly 'text-neutrals-link-hover'?: any;
|
|
126
124
|
readonly 'text-neutrals-placeholder'?: any;
|
|
127
125
|
readonly 'text-neutrals-placeholder-only'?: any;
|
|
128
126
|
readonly 'text-neutrals-subtle'?: any;
|
|
127
|
+
readonly 'text-neutrals-subtle-active'?: any;
|
|
128
|
+
readonly 'text-neutrals-subtle-hover'?: any;
|
|
129
129
|
readonly 'text-primary'?: any;
|
|
130
130
|
readonly 'text-primary-active'?: any;
|
|
131
131
|
readonly 'text-primary-hover'?: any;
|
|
@@ -145,7 +145,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
145
145
|
readonly 'icon-neutrals-inverted'?: any;
|
|
146
146
|
readonly 'icon-neutrals-search'?: any;
|
|
147
147
|
readonly 'icon-neutrals-subtle'?: any;
|
|
148
|
-
readonly 'icon-neutrals-
|
|
148
|
+
readonly 'icon-neutrals-text'?: any;
|
|
149
149
|
readonly 'icon-primary'?: any;
|
|
150
150
|
readonly 'icon-primary-active'?: any;
|
|
151
151
|
readonly 'icon-primary-hover'?: any;
|
|
@@ -154,7 +154,10 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
154
154
|
readonly 'icon-success'?: any;
|
|
155
155
|
readonly 'icon-success-inverted'?: any;
|
|
156
156
|
readonly 'icon-warning'?: any;
|
|
157
|
+
readonly 'icon-warning-prominent'?: any;
|
|
157
158
|
readonly 'border-danger'?: any;
|
|
159
|
+
readonly 'border-danger-active'?: any;
|
|
160
|
+
readonly 'border-danger-hover'?: any;
|
|
158
161
|
readonly 'border-focus-inner'?: any;
|
|
159
162
|
readonly 'border-focus-middle'?: any;
|
|
160
163
|
readonly 'border-focus-outer'?: any;
|
|
@@ -166,6 +169,9 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
166
169
|
readonly 'border-neutrals-hover'?: any;
|
|
167
170
|
readonly 'border-neutrals-inverted'?: any;
|
|
168
171
|
readonly 'border-neutrals-subtle'?: any;
|
|
172
|
+
readonly 'border-neutrals-text-subtle'?: any;
|
|
173
|
+
readonly 'border-neutrals-text-subtle-active'?: any;
|
|
174
|
+
readonly 'border-neutrals-text-subtle-hover'?: any;
|
|
169
175
|
readonly 'border-primary'?: any;
|
|
170
176
|
readonly 'border-primary-active'?: any;
|
|
171
177
|
readonly 'border-primary-hover'?: any;
|
|
@@ -210,28 +216,28 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
210
216
|
readonly 'icon-400': "32px";
|
|
211
217
|
};
|
|
212
218
|
space: {
|
|
213
|
-
readonly
|
|
219
|
+
readonly none: 0;
|
|
214
220
|
readonly 50: "4px";
|
|
215
221
|
readonly 100: "8px";
|
|
216
222
|
readonly 150: "12px";
|
|
217
223
|
readonly 200: "16px";
|
|
218
224
|
readonly 300: "24px";
|
|
219
225
|
readonly 400: "32px";
|
|
220
|
-
readonly 500: "
|
|
226
|
+
readonly 500: "64px";
|
|
221
227
|
readonly 600: "48px";
|
|
222
228
|
readonly 800: "64px";
|
|
223
229
|
readonly 1200: "96px";
|
|
224
230
|
readonly 1600: "128px";
|
|
225
231
|
};
|
|
226
232
|
'space-gap': {
|
|
227
|
-
readonly
|
|
233
|
+
readonly none: any;
|
|
228
234
|
readonly 50: any;
|
|
229
235
|
readonly 100: any;
|
|
230
236
|
readonly 200: any;
|
|
231
237
|
readonly 300: any;
|
|
232
238
|
};
|
|
233
239
|
'space-inset': {
|
|
234
|
-
readonly
|
|
240
|
+
readonly none: any;
|
|
235
241
|
readonly 50: any;
|
|
236
242
|
readonly 100: any;
|
|
237
243
|
readonly 150: any;
|
|
@@ -244,7 +250,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
244
250
|
readonly 1600: any;
|
|
245
251
|
};
|
|
246
252
|
'space-offset': {
|
|
247
|
-
readonly
|
|
253
|
+
readonly none: any;
|
|
248
254
|
readonly 50: any;
|
|
249
255
|
readonly 100: any;
|
|
250
256
|
readonly 150: any;
|
|
@@ -255,7 +261,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
255
261
|
readonly 800: any;
|
|
256
262
|
readonly 1200: any;
|
|
257
263
|
readonly 1600: any;
|
|
258
|
-
readonly 'stacking-
|
|
264
|
+
readonly 'stacking-none': any;
|
|
259
265
|
readonly 'stacking-100': any;
|
|
260
266
|
readonly 'stacking-200': any;
|
|
261
267
|
readonly 'stacking-300': any;
|
|
@@ -542,7 +548,6 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Pick<Omit
|
|
|
542
548
|
readonly 'background-danger-prominent-active'?: any;
|
|
543
549
|
readonly 'background-danger-prominent-hover'?: any;
|
|
544
550
|
readonly 'background-neutrals'?: any;
|
|
545
|
-
readonly 'background-neutrals-body'?: any;
|
|
546
551
|
readonly 'background-neutrals-container'?: any;
|
|
547
552
|
readonly 'background-neutrals-controls-disabled'?: any;
|
|
548
553
|
readonly 'background-neutrals-disabled'?: any;
|
|
@@ -550,6 +555,8 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Pick<Omit
|
|
|
550
555
|
readonly 'background-neutrals-inactive-hover'?: any;
|
|
551
556
|
readonly 'background-neutrals-inverted'?: any;
|
|
552
557
|
readonly 'background-neutrals-inverted-subtle'?: any;
|
|
558
|
+
readonly 'background-neutrals-page'?: any;
|
|
559
|
+
readonly 'background-neutrals-page-subtle'?: any;
|
|
553
560
|
readonly 'background-neutrals-scrolls'?: any;
|
|
554
561
|
readonly 'background-neutrals-scrolls-hover'?: any;
|
|
555
562
|
readonly 'background-neutrals-subtle'?: any;
|
|
@@ -573,12 +580,11 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Pick<Omit
|
|
|
573
580
|
readonly 'text-neutrals'?: any;
|
|
574
581
|
readonly 'text-neutrals-disabled'?: any;
|
|
575
582
|
readonly 'text-neutrals-inverted'?: any;
|
|
576
|
-
readonly 'text-neutrals-link'?: any;
|
|
577
|
-
readonly 'text-neutrals-link-active'?: any;
|
|
578
|
-
readonly 'text-neutrals-link-hover'?: any;
|
|
579
583
|
readonly 'text-neutrals-placeholder'?: any;
|
|
580
584
|
readonly 'text-neutrals-placeholder-only'?: any;
|
|
581
585
|
readonly 'text-neutrals-subtle'?: any;
|
|
586
|
+
readonly 'text-neutrals-subtle-active'?: any;
|
|
587
|
+
readonly 'text-neutrals-subtle-hover'?: any;
|
|
582
588
|
readonly 'text-primary'?: any;
|
|
583
589
|
readonly 'text-primary-active'?: any;
|
|
584
590
|
readonly 'text-primary-hover'?: any;
|
|
@@ -598,7 +604,7 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Pick<Omit
|
|
|
598
604
|
readonly 'icon-neutrals-inverted'?: any;
|
|
599
605
|
readonly 'icon-neutrals-search'?: any;
|
|
600
606
|
readonly 'icon-neutrals-subtle'?: any;
|
|
601
|
-
readonly 'icon-neutrals-
|
|
607
|
+
readonly 'icon-neutrals-text'?: any;
|
|
602
608
|
readonly 'icon-primary'?: any;
|
|
603
609
|
readonly 'icon-primary-active'?: any;
|
|
604
610
|
readonly 'icon-primary-hover'?: any;
|
|
@@ -607,7 +613,10 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Pick<Omit
|
|
|
607
613
|
readonly 'icon-success'?: any;
|
|
608
614
|
readonly 'icon-success-inverted'?: any;
|
|
609
615
|
readonly 'icon-warning'?: any;
|
|
616
|
+
readonly 'icon-warning-prominent'?: any;
|
|
610
617
|
readonly 'border-danger'?: any;
|
|
618
|
+
readonly 'border-danger-active'?: any;
|
|
619
|
+
readonly 'border-danger-hover'?: any;
|
|
611
620
|
readonly 'border-focus-inner'?: any;
|
|
612
621
|
readonly 'border-focus-middle'?: any;
|
|
613
622
|
readonly 'border-focus-outer'?: any;
|
|
@@ -619,6 +628,9 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Pick<Omit
|
|
|
619
628
|
readonly 'border-neutrals-hover'?: any;
|
|
620
629
|
readonly 'border-neutrals-inverted'?: any;
|
|
621
630
|
readonly 'border-neutrals-subtle'?: any;
|
|
631
|
+
readonly 'border-neutrals-text-subtle'?: any;
|
|
632
|
+
readonly 'border-neutrals-text-subtle-active'?: any;
|
|
633
|
+
readonly 'border-neutrals-text-subtle-hover'?: any;
|
|
622
634
|
readonly 'border-primary'?: any;
|
|
623
635
|
readonly 'border-primary-active'?: any;
|
|
624
636
|
readonly 'border-primary-hover'?: any;
|
|
@@ -663,28 +675,28 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Pick<Omit
|
|
|
663
675
|
readonly 'icon-400': "32px";
|
|
664
676
|
};
|
|
665
677
|
space: {
|
|
666
|
-
readonly
|
|
678
|
+
readonly none: 0;
|
|
667
679
|
readonly 50: "4px";
|
|
668
680
|
readonly 100: "8px";
|
|
669
681
|
readonly 150: "12px";
|
|
670
682
|
readonly 200: "16px";
|
|
671
683
|
readonly 300: "24px";
|
|
672
684
|
readonly 400: "32px";
|
|
673
|
-
readonly 500: "
|
|
685
|
+
readonly 500: "64px";
|
|
674
686
|
readonly 600: "48px";
|
|
675
687
|
readonly 800: "64px";
|
|
676
688
|
readonly 1200: "96px";
|
|
677
689
|
readonly 1600: "128px";
|
|
678
690
|
};
|
|
679
691
|
'space-gap': {
|
|
680
|
-
readonly
|
|
692
|
+
readonly none: any;
|
|
681
693
|
readonly 50: any;
|
|
682
694
|
readonly 100: any;
|
|
683
695
|
readonly 200: any;
|
|
684
696
|
readonly 300: any;
|
|
685
697
|
};
|
|
686
698
|
'space-inset': {
|
|
687
|
-
readonly
|
|
699
|
+
readonly none: any;
|
|
688
700
|
readonly 50: any;
|
|
689
701
|
readonly 100: any;
|
|
690
702
|
readonly 150: any;
|
|
@@ -697,7 +709,7 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Pick<Omit
|
|
|
697
709
|
readonly 1600: any;
|
|
698
710
|
};
|
|
699
711
|
'space-offset': {
|
|
700
|
-
readonly
|
|
712
|
+
readonly none: any;
|
|
701
713
|
readonly 50: any;
|
|
702
714
|
readonly 100: any;
|
|
703
715
|
readonly 150: any;
|
|
@@ -708,7 +720,7 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Pick<Omit
|
|
|
708
720
|
readonly 800: any;
|
|
709
721
|
readonly 1200: any;
|
|
710
722
|
readonly 1600: any;
|
|
711
|
-
readonly 'stacking-
|
|
723
|
+
readonly 'stacking-none': any;
|
|
712
724
|
readonly 'stacking-100': any;
|
|
713
725
|
readonly 'stacking-200': any;
|
|
714
726
|
readonly 'stacking-300': any;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-button",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -31,19 +31,17 @@
|
|
|
31
31
|
"@react-aria/link": "^3.3.0",
|
|
32
32
|
"@react-aria/utils": "^3.13.0",
|
|
33
33
|
"@react-types/button": "^3.5.0",
|
|
34
|
-
"@mirohq/design-system-base-button": "^0.4.
|
|
35
|
-
"@mirohq/design-system-styles": "^1.0.24
|
|
34
|
+
"@mirohq/design-system-base-button": "^0.4.9",
|
|
35
|
+
"@mirohq/design-system-styles": "^1.0.24",
|
|
36
36
|
"@mirohq/design-system-types": "^0.5.0",
|
|
37
37
|
"@mirohq/design-system-utils": "^0.13.2",
|
|
38
|
-
"@mirohq/design-system-stitches": "^2.3.2
|
|
39
|
-
"@mirohq/design-system-spinner": "^1.1.12
|
|
38
|
+
"@mirohq/design-system-stitches": "^2.3.2",
|
|
39
|
+
"@mirohq/design-system-spinner": "^1.1.12",
|
|
40
40
|
"@mirohq/design-system-primitive": "^1.1.0"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
43
|
"@types/lodash.capitalize": "^4.2.7",
|
|
44
|
-
"lodash.capitalize": "^3.0.0"
|
|
45
|
-
"@mirohq/design-system-flex": "^2.1.12-dropdown.0",
|
|
46
|
-
"@mirohq/design-system-icons": "^0.23.1-dropdown.0"
|
|
44
|
+
"lodash.capitalize": "^3.0.0"
|
|
47
45
|
},
|
|
48
46
|
"scripts": {
|
|
49
47
|
"build": "rollup -c ../../../rollup.config.js",
|