@mirohq/design-system-base-button 0.4.36-forms.3 → 0.4.37-colors.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.
- package/dist/types.d.ts +61 -23
- package/package.json +5 -5
package/dist/types.d.ts
CHANGED
|
@@ -21,63 +21,103 @@ declare const StyledBaseButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
21
21
|
};
|
|
22
22
|
colors: {
|
|
23
23
|
readonly black: any;
|
|
24
|
+
readonly 'blue-50': any;
|
|
24
25
|
readonly 'blue-100': any;
|
|
26
|
+
readonly 'blue-150': any;
|
|
25
27
|
readonly 'blue-200': any;
|
|
28
|
+
readonly 'blue-250': any;
|
|
26
29
|
readonly 'blue-300': any;
|
|
30
|
+
readonly 'blue-350': any;
|
|
27
31
|
readonly 'blue-400': any;
|
|
32
|
+
readonly 'blue-450': any;
|
|
28
33
|
readonly 'blue-500': any;
|
|
34
|
+
readonly 'blue-550': any;
|
|
29
35
|
readonly 'blue-600': any;
|
|
36
|
+
readonly 'blue-650': any;
|
|
30
37
|
readonly 'blue-700': any;
|
|
38
|
+
readonly 'blue-750': any;
|
|
31
39
|
readonly 'blue-800': any;
|
|
40
|
+
readonly 'blue-850': any;
|
|
32
41
|
readonly 'blue-900': any;
|
|
33
|
-
readonly 'blue-
|
|
42
|
+
readonly 'blue-950': any;
|
|
43
|
+
readonly 'gray-50': any;
|
|
34
44
|
readonly 'gray-100': any;
|
|
45
|
+
readonly 'gray-150': any;
|
|
35
46
|
readonly 'gray-200': any;
|
|
47
|
+
readonly 'gray-250': any;
|
|
36
48
|
readonly 'gray-300': any;
|
|
49
|
+
readonly 'gray-350': any;
|
|
37
50
|
readonly 'gray-400': any;
|
|
51
|
+
readonly 'gray-450': any;
|
|
38
52
|
readonly 'gray-500': any;
|
|
53
|
+
readonly 'gray-550': any;
|
|
39
54
|
readonly 'gray-600': any;
|
|
55
|
+
readonly 'gray-650': any;
|
|
40
56
|
readonly 'gray-700': any;
|
|
57
|
+
readonly 'gray-750': any;
|
|
41
58
|
readonly 'gray-800': any;
|
|
59
|
+
readonly 'gray-850': any;
|
|
42
60
|
readonly 'gray-900': any;
|
|
61
|
+
readonly 'gray-950': any;
|
|
62
|
+
readonly 'green-50': any;
|
|
43
63
|
readonly 'green-100': any;
|
|
64
|
+
readonly 'green-150': any;
|
|
44
65
|
readonly 'green-200': any;
|
|
66
|
+
readonly 'green-250': any;
|
|
45
67
|
readonly 'green-300': any;
|
|
68
|
+
readonly 'green-350': any;
|
|
46
69
|
readonly 'green-400': any;
|
|
70
|
+
readonly 'green-450': any;
|
|
47
71
|
readonly 'green-500': any;
|
|
72
|
+
readonly 'green-550': any;
|
|
48
73
|
readonly 'green-600': any;
|
|
74
|
+
readonly 'green-650': any;
|
|
49
75
|
readonly 'green-700': any;
|
|
76
|
+
readonly 'green-750': any;
|
|
50
77
|
readonly 'green-800': any;
|
|
78
|
+
readonly 'green-850': any;
|
|
51
79
|
readonly 'green-900': any;
|
|
52
|
-
readonly '
|
|
53
|
-
readonly '
|
|
54
|
-
readonly 'indigo-300': any;
|
|
55
|
-
readonly 'indigo-400': any;
|
|
56
|
-
readonly 'indigo-500': any;
|
|
57
|
-
readonly 'indigo-600': any;
|
|
58
|
-
readonly 'indigo-700': any;
|
|
59
|
-
readonly 'indigo-800': any;
|
|
60
|
-
readonly 'indigo-900': any;
|
|
80
|
+
readonly 'green-950': any;
|
|
81
|
+
readonly 'red-50': any;
|
|
61
82
|
readonly 'red-100': any;
|
|
83
|
+
readonly 'red-150': any;
|
|
62
84
|
readonly 'red-200': any;
|
|
85
|
+
readonly 'red-250': any;
|
|
63
86
|
readonly 'red-300': any;
|
|
87
|
+
readonly 'red-350': any;
|
|
64
88
|
readonly 'red-400': any;
|
|
89
|
+
readonly 'red-450': any;
|
|
65
90
|
readonly 'red-500': any;
|
|
91
|
+
readonly 'red-550': any;
|
|
66
92
|
readonly 'red-600': any;
|
|
93
|
+
readonly 'red-650': any;
|
|
67
94
|
readonly 'red-700': any;
|
|
95
|
+
readonly 'red-750': any;
|
|
68
96
|
readonly 'red-800': any;
|
|
97
|
+
readonly 'red-850': any;
|
|
69
98
|
readonly 'red-900': any;
|
|
99
|
+
readonly 'red-950': any;
|
|
70
100
|
readonly transparent: any;
|
|
71
101
|
readonly white: any;
|
|
102
|
+
readonly 'yellow-50': any;
|
|
72
103
|
readonly 'yellow-100': any;
|
|
104
|
+
readonly 'yellow-150': any;
|
|
73
105
|
readonly 'yellow-200': any;
|
|
106
|
+
readonly 'yellow-250': any;
|
|
74
107
|
readonly 'yellow-300': any;
|
|
108
|
+
readonly 'yellow-350': any;
|
|
75
109
|
readonly 'yellow-400': any;
|
|
110
|
+
readonly 'yellow-450': any;
|
|
76
111
|
readonly 'yellow-500': any;
|
|
112
|
+
readonly 'yellow-550': any;
|
|
77
113
|
readonly 'yellow-600': any;
|
|
114
|
+
readonly 'yellow-650': any;
|
|
78
115
|
readonly 'yellow-700': any;
|
|
116
|
+
readonly 'yellow-750': any;
|
|
79
117
|
readonly 'yellow-800': any;
|
|
118
|
+
readonly 'yellow-850': any;
|
|
80
119
|
readonly 'yellow-900': any;
|
|
120
|
+
readonly 'yellow-950': any;
|
|
81
121
|
"background-alpha-active"?: any;
|
|
82
122
|
"background-alpha-hover"?: any;
|
|
83
123
|
"background-danger-prominent"?: any;
|
|
@@ -98,27 +138,19 @@ declare const StyledBaseButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
98
138
|
"background-neutrals-inverted-subtle"?: any;
|
|
99
139
|
"background-neutrals-page"?: any;
|
|
100
140
|
"background-neutrals-page-subtle"?: any;
|
|
101
|
-
"background-neutrals-
|
|
102
|
-
"background-neutrals-
|
|
103
|
-
"background-neutrals-
|
|
104
|
-
"background-neutrals-scrolls-pressed"?: any;
|
|
105
|
-
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
141
|
+
"background-neutrals-scrollbar"?: any;
|
|
142
|
+
"background-neutrals-scrollbar-active"?: any;
|
|
143
|
+
"background-neutrals-scrollbar-hover"?: any;
|
|
106
144
|
"background-neutrals-subtle"?: any;
|
|
107
145
|
"background-neutrals-subtle-active"?: any;
|
|
108
146
|
"background-neutrals-subtle-hover"?: any;
|
|
109
147
|
"background-primary-prominent"?: any;
|
|
110
148
|
"background-primary-prominent-active"?: any;
|
|
111
|
-
"background-primary-prominent-expanded"?: any;
|
|
112
149
|
"background-primary-prominent-hover"?: any;
|
|
113
|
-
"background-primary-prominent-pressed"?: any;
|
|
114
|
-
"background-primary-prominent-pressed-hover"?: any;
|
|
115
150
|
"background-primary-prominent-selected"?: any;
|
|
116
151
|
"background-primary-subtle"?: any;
|
|
117
152
|
"background-primary-subtle-active"?: any;
|
|
118
|
-
"background-primary-subtle-expanded"?: any;
|
|
119
153
|
"background-primary-subtle-hover"?: any;
|
|
120
|
-
"background-primary-subtle-pressed"?: any;
|
|
121
|
-
"background-primary-subtle-pressed-hover"?: any;
|
|
122
154
|
"background-primary-subtle-selected"?: any;
|
|
123
155
|
"background-success"?: any;
|
|
124
156
|
"background-success-prominent"?: any;
|
|
@@ -129,9 +161,15 @@ declare const StyledBaseButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
129
161
|
"border-danger"?: any;
|
|
130
162
|
"border-danger-active"?: any;
|
|
131
163
|
"border-danger-hover"?: any;
|
|
164
|
+
"border-focus-error-inner"?: any;
|
|
165
|
+
"border-focus-error-middle"?: any;
|
|
166
|
+
"border-focus-error-outer"?: any;
|
|
132
167
|
"border-focus-inner"?: any;
|
|
133
168
|
"border-focus-middle"?: any;
|
|
134
169
|
"border-focus-outer"?: any;
|
|
170
|
+
"border-focus-success-inner"?: any;
|
|
171
|
+
"border-focus-success-middle"?: any;
|
|
172
|
+
"border-focus-success-outer"?: any;
|
|
135
173
|
"border-neutrals"?: any;
|
|
136
174
|
"border-neutrals-active"?: any;
|
|
137
175
|
"border-neutrals-controls"?: any;
|
|
@@ -224,13 +262,13 @@ declare const StyledBaseButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
224
262
|
readonly body: "Open Sans, sans-serif";
|
|
225
263
|
};
|
|
226
264
|
radii: {
|
|
227
|
-
readonly none: 0;
|
|
228
|
-
readonly half: "999em";
|
|
229
265
|
readonly 25: "2px";
|
|
230
266
|
readonly 50: "4px";
|
|
231
267
|
readonly 75: "6px";
|
|
232
268
|
readonly 100: "8px";
|
|
233
269
|
readonly 200: "16px";
|
|
270
|
+
readonly half: "999px";
|
|
271
|
+
readonly none: "0px";
|
|
234
272
|
};
|
|
235
273
|
shadows: {
|
|
236
274
|
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";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-base-button",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.37-colors.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -29,11 +29,11 @@
|
|
|
29
29
|
"@react-aria/interactions": "^3.13.0",
|
|
30
30
|
"@react-aria/utils": "^3.13.0",
|
|
31
31
|
"@react-types/shared": "^3.16.0",
|
|
32
|
-
"@mirohq/design-system-primitive": "^1.1.2
|
|
33
|
-
"@mirohq/design-system-stitches": "^2.6.0",
|
|
32
|
+
"@mirohq/design-system-primitive": "^1.1.2",
|
|
33
|
+
"@mirohq/design-system-stitches": "^2.6.1-colors.0",
|
|
34
34
|
"@mirohq/design-system-types": "^0.6.2",
|
|
35
|
-
"@mirohq/design-system-use-press": "^0.3.1
|
|
36
|
-
"@mirohq/design-system-utils": "^0.15.0
|
|
35
|
+
"@mirohq/design-system-use-press": "^0.3.1",
|
|
36
|
+
"@mirohq/design-system-utils": "^0.15.0"
|
|
37
37
|
},
|
|
38
38
|
"scripts": {
|
|
39
39
|
"build": "rollup -c ../../../../rollup.config.js",
|