@mirohq/design-system-button 3.0.6 → 3.0.7

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 +94 -86
  2. package/package.json +9 -9
package/dist/types.d.ts CHANGED
@@ -83,89 +83,93 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
83
83
  readonly black: any;
84
84
  readonly white: any;
85
85
  readonly transparent: any;
86
+ readonly 'background-danger'?: any;
87
+ readonly 'background-danger-hover'?: any;
88
+ readonly 'background-danger-prominent'?: any;
89
+ readonly 'background-danger-prominent-active'?: any;
90
+ readonly 'background-danger-prominent-hover'?: any;
86
91
  readonly 'background-neutrals'?: any;
87
92
  readonly 'background-neutrals-body'?: any;
88
93
  readonly 'background-neutrals-container'?: any;
94
+ readonly 'background-neutrals-controls-disabled'?: any;
95
+ readonly 'background-neutrals-disabled'?: any;
96
+ readonly 'background-neutrals-inactive'?: any;
97
+ readonly 'background-neutrals-inactive-hover'?: any;
89
98
  readonly 'background-neutrals-inverted'?: any;
90
99
  readonly 'background-neutrals-inverted-subtle'?: any;
100
+ readonly 'background-neutrals-scrolls'?: any;
101
+ readonly 'background-neutrals-scrolls-hover'?: any;
91
102
  readonly 'background-neutrals-subtle'?: any;
92
- readonly 'background-neutrals-subtle-hover'?: any;
93
103
  readonly 'background-neutrals-subtle-active'?: any;
94
- readonly 'background-neutrals-disabled'?: any;
95
- readonly 'background-neutrals-controls-disabled'?: any;
96
- readonly 'background-neutrals-scrolls'?: any;
97
- readonly 'background-neutrals-inactive'?: any;
98
- readonly 'background-neutrals-inactive-hover'?: any;
104
+ readonly 'background-neutrals-subtle-hover'?: any;
99
105
  readonly 'background-primary-prominent'?: any;
100
- readonly 'background-primary-prominent-hover'?: any;
101
106
  readonly 'background-primary-prominent-active'?: any;
107
+ readonly 'background-primary-prominent-hover'?: any;
102
108
  readonly 'background-primary-prominent-selected'?: any;
103
109
  readonly 'background-primary-subtle'?: any;
104
- readonly 'background-primary-subtle-hover'?: any;
105
110
  readonly 'background-primary-subtle-active'?: any;
111
+ readonly 'background-primary-subtle-hover'?: any;
106
112
  readonly 'background-primary-subtle-selected'?: any;
107
- readonly 'background-danger-prominent'?: any;
108
- readonly 'background-danger-prominent-hover'?: any;
109
- readonly 'background-danger-prominent-active'?: any;
110
- readonly 'background-danger'?: any;
111
- readonly 'background-danger-hover'?: any;
112
113
  readonly 'background-success'?: any;
113
- readonly 'background-warning-subtle'?: any;
114
114
  readonly 'background-warning-prominent'?: any;
115
- readonly 'text-neutrals-inverted'?: any;
115
+ readonly 'background-warning-subtle'?: any;
116
+ readonly 'text-danger'?: any;
117
+ readonly 'text-danger-active'?: any;
118
+ readonly 'text-danger-hover'?: any;
119
+ readonly 'text-danger-inverted'?: any;
116
120
  readonly 'text-neutrals'?: any;
117
- readonly 'text-neutrals-subtle'?: any;
118
- readonly 'text-neutrals-placeholder-only'?: any;
119
- readonly 'text-neutrals-placeholder'?: any;
120
121
  readonly 'text-neutrals-disabled'?: any;
121
- readonly 'text-primary-inverted'?: any;
122
+ 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
+ readonly 'text-neutrals-placeholder'?: any;
127
+ readonly 'text-neutrals-placeholder-only'?: any;
128
+ readonly 'text-neutrals-subtle'?: any;
122
129
  readonly 'text-primary'?: any;
123
- readonly 'text-primary-hover'?: any;
124
130
  readonly 'text-primary-active'?: any;
125
- readonly 'text-primary-selected'?: any;
131
+ readonly 'text-primary-hover'?: any;
132
+ readonly 'text-primary-inverted'?: any;
126
133
  readonly 'text-primary-inverted-subtle'?: any;
127
- readonly 'text-danger-inverted'?: any;
128
- readonly 'text-danger'?: any;
129
- readonly 'text-danger-hover'?: any;
130
- readonly 'text-danger-active'?: any;
134
+ readonly 'text-primary-selected'?: any;
131
135
  readonly 'text-success'?: any;
132
136
  readonly 'text-warning'?: any;
133
- readonly 'icon-neutrals-inverted'?: any;
137
+ readonly 'icon-danger'?: any;
138
+ readonly 'icon-danger-active'?: any;
139
+ readonly 'icon-danger-hover'?: any;
140
+ readonly 'icon-danger-inverted'?: any;
134
141
  readonly 'icon-neutrals'?: any;
135
- readonly 'icon-neutrals-with-text'?: any;
136
- readonly 'icon-neutrals-subtle'?: any;
137
142
  readonly 'icon-neutrals-disabled'?: any;
138
- readonly 'icon-neutrals-search'?: any;
139
143
  readonly 'icon-neutrals-inactive'?: any;
140
144
  readonly 'icon-neutrals-inactive-hover'?: any;
141
- readonly 'icon-primary-inverted'?: any;
145
+ readonly 'icon-neutrals-inverted'?: any;
146
+ readonly 'icon-neutrals-search'?: any;
147
+ readonly 'icon-neutrals-subtle'?: any;
148
+ readonly 'icon-neutrals-with-text'?: any;
142
149
  readonly 'icon-primary'?: any;
143
- readonly 'icon-primary-hover'?: any;
144
150
  readonly 'icon-primary-active'?: any;
151
+ readonly 'icon-primary-hover'?: any;
152
+ readonly 'icon-primary-inverted'?: any;
145
153
  readonly 'icon-primary-selected'?: any;
146
- readonly 'icon-danger-inverted'?: any;
147
- readonly 'icon-danger'?: any;
148
- readonly 'icon-danger-hover'?: any;
149
- readonly 'icon-danger-active'?: any;
150
- readonly 'icon-success-inverted'?: any;
151
154
  readonly 'icon-success'?: any;
155
+ readonly 'icon-success-inverted'?: any;
152
156
  readonly 'icon-warning'?: any;
153
- readonly 'border-focus-outer'?: any;
154
- readonly 'border-focus-middle'?: any;
157
+ readonly 'border-danger'?: any;
155
158
  readonly 'border-focus-inner'?: any;
159
+ readonly 'border-focus-middle'?: any;
160
+ readonly 'border-focus-outer'?: any;
156
161
  readonly 'border-neutrals'?: any;
157
- readonly 'border-neutrals-hover'?: any;
158
162
  readonly 'border-neutrals-active'?: any;
159
- readonly 'border-neutrals-disabled'?: any;
160
163
  readonly 'border-neutrals-controls'?: any;
161
164
  readonly 'border-neutrals-controls-disabled'?: any;
162
- readonly 'border-neutrals-subtle'?: any;
165
+ readonly 'border-neutrals-disabled'?: any;
166
+ readonly 'border-neutrals-hover'?: any;
163
167
  readonly 'border-neutrals-inverted'?: any;
168
+ readonly 'border-neutrals-subtle'?: any;
164
169
  readonly 'border-primary'?: any;
165
- readonly 'border-primary-hover'?: any;
166
170
  readonly 'border-primary-active'?: any;
171
+ readonly 'border-primary-hover'?: any;
167
172
  readonly 'border-primary-inverted'?: any;
168
- readonly 'border-danger'?: any;
169
173
  readonly 'border-success'?: any;
170
174
  readonly 'border-warning'?: any;
171
175
  };
@@ -526,89 +530,93 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Pick<Omit
526
530
  readonly black: any;
527
531
  readonly white: any;
528
532
  readonly transparent: any;
533
+ readonly 'background-danger'?: any;
534
+ readonly 'background-danger-hover'?: any;
535
+ readonly 'background-danger-prominent'?: any;
536
+ readonly 'background-danger-prominent-active'?: any;
537
+ readonly 'background-danger-prominent-hover'?: any;
529
538
  readonly 'background-neutrals'?: any;
530
539
  readonly 'background-neutrals-body'?: any;
531
540
  readonly 'background-neutrals-container'?: any;
541
+ readonly 'background-neutrals-controls-disabled'?: any;
542
+ readonly 'background-neutrals-disabled'?: any;
543
+ readonly 'background-neutrals-inactive'?: any;
544
+ readonly 'background-neutrals-inactive-hover'?: any;
532
545
  readonly 'background-neutrals-inverted'?: any;
533
546
  readonly 'background-neutrals-inverted-subtle'?: any;
547
+ readonly 'background-neutrals-scrolls'?: any;
548
+ readonly 'background-neutrals-scrolls-hover'?: any;
534
549
  readonly 'background-neutrals-subtle'?: any;
535
- readonly 'background-neutrals-subtle-hover'?: any;
536
550
  readonly 'background-neutrals-subtle-active'?: any;
537
- readonly 'background-neutrals-disabled'?: any;
538
- readonly 'background-neutrals-controls-disabled'?: any;
539
- readonly 'background-neutrals-scrolls'?: any;
540
- readonly 'background-neutrals-inactive'?: any;
541
- readonly 'background-neutrals-inactive-hover'?: any;
551
+ readonly 'background-neutrals-subtle-hover'?: any;
542
552
  readonly 'background-primary-prominent'?: any;
543
- readonly 'background-primary-prominent-hover'?: any;
544
553
  readonly 'background-primary-prominent-active'?: any;
554
+ readonly 'background-primary-prominent-hover'?: any;
545
555
  readonly 'background-primary-prominent-selected'?: any;
546
556
  readonly 'background-primary-subtle'?: any;
547
- readonly 'background-primary-subtle-hover'?: any;
548
557
  readonly 'background-primary-subtle-active'?: any;
558
+ readonly 'background-primary-subtle-hover'?: any;
549
559
  readonly 'background-primary-subtle-selected'?: any;
550
- readonly 'background-danger-prominent'?: any;
551
- readonly 'background-danger-prominent-hover'?: any;
552
- readonly 'background-danger-prominent-active'?: any;
553
- readonly 'background-danger'?: any;
554
- readonly 'background-danger-hover'?: any;
555
560
  readonly 'background-success'?: any;
556
- readonly 'background-warning-subtle'?: any;
557
561
  readonly 'background-warning-prominent'?: any;
558
- readonly 'text-neutrals-inverted'?: any;
562
+ readonly 'background-warning-subtle'?: any;
563
+ readonly 'text-danger'?: any;
564
+ readonly 'text-danger-active'?: any;
565
+ readonly 'text-danger-hover'?: any;
566
+ readonly 'text-danger-inverted'?: any;
559
567
  readonly 'text-neutrals'?: any;
560
- readonly 'text-neutrals-subtle'?: any;
561
- readonly 'text-neutrals-placeholder-only'?: any;
562
- readonly 'text-neutrals-placeholder'?: any;
563
568
  readonly 'text-neutrals-disabled'?: any;
564
- readonly 'text-primary-inverted'?: any;
569
+ readonly 'text-neutrals-inverted'?: any;
570
+ readonly 'text-neutrals-link'?: any;
571
+ readonly 'text-neutrals-link-active'?: any;
572
+ readonly 'text-neutrals-link-hover'?: any;
573
+ readonly 'text-neutrals-placeholder'?: any;
574
+ readonly 'text-neutrals-placeholder-only'?: any;
575
+ readonly 'text-neutrals-subtle'?: any;
565
576
  readonly 'text-primary'?: any;
566
- readonly 'text-primary-hover'?: any;
567
577
  readonly 'text-primary-active'?: any;
568
- readonly 'text-primary-selected'?: any;
578
+ readonly 'text-primary-hover'?: any;
579
+ readonly 'text-primary-inverted'?: any;
569
580
  readonly 'text-primary-inverted-subtle'?: any;
570
- readonly 'text-danger-inverted'?: any;
571
- readonly 'text-danger'?: any;
572
- readonly 'text-danger-hover'?: any;
573
- readonly 'text-danger-active'?: any;
581
+ readonly 'text-primary-selected'?: any;
574
582
  readonly 'text-success'?: any;
575
583
  readonly 'text-warning'?: any;
576
- readonly 'icon-neutrals-inverted'?: any;
584
+ readonly 'icon-danger'?: any;
585
+ readonly 'icon-danger-active'?: any;
586
+ readonly 'icon-danger-hover'?: any;
587
+ readonly 'icon-danger-inverted'?: any;
577
588
  readonly 'icon-neutrals'?: any;
578
- readonly 'icon-neutrals-with-text'?: any;
579
- readonly 'icon-neutrals-subtle'?: any;
580
589
  readonly 'icon-neutrals-disabled'?: any;
581
- readonly 'icon-neutrals-search'?: any;
582
590
  readonly 'icon-neutrals-inactive'?: any;
583
591
  readonly 'icon-neutrals-inactive-hover'?: any;
584
- readonly 'icon-primary-inverted'?: any;
592
+ readonly 'icon-neutrals-inverted'?: any;
593
+ readonly 'icon-neutrals-search'?: any;
594
+ readonly 'icon-neutrals-subtle'?: any;
595
+ readonly 'icon-neutrals-with-text'?: any;
585
596
  readonly 'icon-primary'?: any;
586
- readonly 'icon-primary-hover'?: any;
587
597
  readonly 'icon-primary-active'?: any;
598
+ readonly 'icon-primary-hover'?: any;
599
+ readonly 'icon-primary-inverted'?: any;
588
600
  readonly 'icon-primary-selected'?: any;
589
- readonly 'icon-danger-inverted'?: any;
590
- readonly 'icon-danger'?: any;
591
- readonly 'icon-danger-hover'?: any;
592
- readonly 'icon-danger-active'?: any;
593
- readonly 'icon-success-inverted'?: any;
594
601
  readonly 'icon-success'?: any;
602
+ readonly 'icon-success-inverted'?: any;
595
603
  readonly 'icon-warning'?: any;
596
- readonly 'border-focus-outer'?: any;
597
- readonly 'border-focus-middle'?: any;
604
+ readonly 'border-danger'?: any;
598
605
  readonly 'border-focus-inner'?: any;
606
+ readonly 'border-focus-middle'?: any;
607
+ readonly 'border-focus-outer'?: any;
599
608
  readonly 'border-neutrals'?: any;
600
- readonly 'border-neutrals-hover'?: any;
601
609
  readonly 'border-neutrals-active'?: any;
602
- readonly 'border-neutrals-disabled'?: any;
603
610
  readonly 'border-neutrals-controls'?: any;
604
611
  readonly 'border-neutrals-controls-disabled'?: any;
605
- readonly 'border-neutrals-subtle'?: any;
612
+ readonly 'border-neutrals-disabled'?: any;
613
+ readonly 'border-neutrals-hover'?: any;
606
614
  readonly 'border-neutrals-inverted'?: any;
615
+ readonly 'border-neutrals-subtle'?: any;
607
616
  readonly 'border-primary'?: any;
608
- readonly 'border-primary-hover'?: any;
609
617
  readonly 'border-primary-active'?: any;
618
+ readonly 'border-primary-hover'?: any;
610
619
  readonly 'border-primary-inverted'?: any;
611
- readonly 'border-danger'?: any;
612
620
  readonly 'border-success'?: any;
613
621
  readonly 'border-warning'?: any;
614
622
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-button",
3
- "version": "3.0.6",
3
+ "version": "3.0.7",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -31,19 +31,19 @@
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.5",
35
- "@mirohq/design-system-primitive": "^1.1.0",
36
- "@mirohq/design-system-spinner": "^1.1.8",
37
- "@mirohq/design-system-stitches": "^2.2.4",
38
- "@mirohq/design-system-styles": "^1.0.20",
34
+ "@mirohq/design-system-base-button": "^0.4.6",
35
+ "@mirohq/design-system-styles": "^1.0.21",
39
36
  "@mirohq/design-system-types": "^0.4.1",
40
- "@mirohq/design-system-utils": "^0.13.1"
37
+ "@mirohq/design-system-utils": "^0.13.1",
38
+ "@mirohq/design-system-spinner": "^1.1.9",
39
+ "@mirohq/design-system-stitches": "^2.2.5",
40
+ "@mirohq/design-system-primitive": "^1.1.0"
41
41
  },
42
42
  "devDependencies": {
43
43
  "@types/lodash.capitalize": "^4.2.7",
44
44
  "lodash.capitalize": "^3.0.0",
45
- "@mirohq/design-system-flex": "^2.1.8",
46
- "@mirohq/design-system-icons": "^0.12.5"
45
+ "@mirohq/design-system-flex": "^2.1.9",
46
+ "@mirohq/design-system-icons": "^0.15.1"
47
47
  },
48
48
  "scripts": {
49
49
  "build": "rollup -c ../../../rollup.config.js",