@mirohq/design-system-textarea 0.2.1-colors.2 → 0.2.1-combobox.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 +29 -69
- package/package.json +5 -5
package/dist/types.d.ts
CHANGED
|
@@ -15,103 +15,63 @@ declare const StyledTextarea: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
|
|
|
15
15
|
};
|
|
16
16
|
colors: {
|
|
17
17
|
readonly black: any;
|
|
18
|
-
readonly 'blue-50': any;
|
|
19
18
|
readonly 'blue-100': any;
|
|
20
|
-
readonly 'blue-150': any;
|
|
21
19
|
readonly 'blue-200': any;
|
|
22
|
-
readonly 'blue-250': any;
|
|
23
20
|
readonly 'blue-300': any;
|
|
24
|
-
readonly 'blue-350': any;
|
|
25
21
|
readonly 'blue-400': any;
|
|
26
|
-
readonly 'blue-450': any;
|
|
27
22
|
readonly 'blue-500': any;
|
|
28
|
-
readonly 'blue-550': any;
|
|
29
23
|
readonly 'blue-600': any;
|
|
30
|
-
readonly 'blue-650': any;
|
|
31
24
|
readonly 'blue-700': any;
|
|
32
|
-
readonly 'blue-750': any;
|
|
33
25
|
readonly 'blue-800': any;
|
|
34
|
-
readonly 'blue-850': any;
|
|
35
26
|
readonly 'blue-900': any;
|
|
36
|
-
readonly 'blue-
|
|
37
|
-
readonly 'gray-50': any;
|
|
27
|
+
readonly 'blue-1000': any;
|
|
38
28
|
readonly 'gray-100': any;
|
|
39
|
-
readonly 'gray-150': any;
|
|
40
29
|
readonly 'gray-200': any;
|
|
41
|
-
readonly 'gray-250': any;
|
|
42
30
|
readonly 'gray-300': any;
|
|
43
|
-
readonly 'gray-350': any;
|
|
44
31
|
readonly 'gray-400': any;
|
|
45
|
-
readonly 'gray-450': any;
|
|
46
32
|
readonly 'gray-500': any;
|
|
47
|
-
readonly 'gray-550': any;
|
|
48
33
|
readonly 'gray-600': any;
|
|
49
|
-
readonly 'gray-650': any;
|
|
50
34
|
readonly 'gray-700': any;
|
|
51
|
-
readonly 'gray-750': any;
|
|
52
35
|
readonly 'gray-800': any;
|
|
53
|
-
readonly 'gray-850': any;
|
|
54
36
|
readonly 'gray-900': any;
|
|
55
|
-
readonly 'gray-950': any;
|
|
56
|
-
readonly 'green-50': any;
|
|
57
37
|
readonly 'green-100': any;
|
|
58
|
-
readonly 'green-150': any;
|
|
59
38
|
readonly 'green-200': any;
|
|
60
|
-
readonly 'green-250': any;
|
|
61
39
|
readonly 'green-300': any;
|
|
62
|
-
readonly 'green-350': any;
|
|
63
40
|
readonly 'green-400': any;
|
|
64
|
-
readonly 'green-450': any;
|
|
65
41
|
readonly 'green-500': any;
|
|
66
|
-
readonly 'green-550': any;
|
|
67
42
|
readonly 'green-600': any;
|
|
68
|
-
readonly 'green-650': any;
|
|
69
43
|
readonly 'green-700': any;
|
|
70
|
-
readonly 'green-750': any;
|
|
71
44
|
readonly 'green-800': any;
|
|
72
|
-
readonly 'green-850': any;
|
|
73
45
|
readonly 'green-900': any;
|
|
74
|
-
readonly '
|
|
75
|
-
readonly '
|
|
46
|
+
readonly 'indigo-100': any;
|
|
47
|
+
readonly 'indigo-200': any;
|
|
48
|
+
readonly 'indigo-300': any;
|
|
49
|
+
readonly 'indigo-400': any;
|
|
50
|
+
readonly 'indigo-500': any;
|
|
51
|
+
readonly 'indigo-600': any;
|
|
52
|
+
readonly 'indigo-700': any;
|
|
53
|
+
readonly 'indigo-800': any;
|
|
54
|
+
readonly 'indigo-900': any;
|
|
76
55
|
readonly 'red-100': any;
|
|
77
|
-
readonly 'red-150': any;
|
|
78
56
|
readonly 'red-200': any;
|
|
79
|
-
readonly 'red-250': any;
|
|
80
57
|
readonly 'red-300': any;
|
|
81
|
-
readonly 'red-350': any;
|
|
82
58
|
readonly 'red-400': any;
|
|
83
|
-
readonly 'red-450': any;
|
|
84
59
|
readonly 'red-500': any;
|
|
85
|
-
readonly 'red-550': any;
|
|
86
60
|
readonly 'red-600': any;
|
|
87
|
-
readonly 'red-650': any;
|
|
88
61
|
readonly 'red-700': any;
|
|
89
|
-
readonly 'red-750': any;
|
|
90
62
|
readonly 'red-800': any;
|
|
91
|
-
readonly 'red-850': any;
|
|
92
63
|
readonly 'red-900': any;
|
|
93
|
-
readonly 'red-950': any;
|
|
94
64
|
readonly transparent: any;
|
|
95
65
|
readonly white: any;
|
|
96
|
-
readonly 'yellow-50': any;
|
|
97
66
|
readonly 'yellow-100': any;
|
|
98
|
-
readonly 'yellow-150': any;
|
|
99
67
|
readonly 'yellow-200': any;
|
|
100
|
-
readonly 'yellow-250': any;
|
|
101
68
|
readonly 'yellow-300': any;
|
|
102
|
-
readonly 'yellow-350': any;
|
|
103
69
|
readonly 'yellow-400': any;
|
|
104
|
-
readonly 'yellow-450': any;
|
|
105
70
|
readonly 'yellow-500': any;
|
|
106
|
-
readonly 'yellow-550': any;
|
|
107
71
|
readonly 'yellow-600': any;
|
|
108
|
-
readonly 'yellow-650': any;
|
|
109
72
|
readonly 'yellow-700': any;
|
|
110
|
-
readonly 'yellow-750': any;
|
|
111
73
|
readonly 'yellow-800': any;
|
|
112
|
-
readonly 'yellow-850': any;
|
|
113
74
|
readonly 'yellow-900': any;
|
|
114
|
-
readonly 'yellow-950': any;
|
|
115
75
|
"background-alpha-active"?: any;
|
|
116
76
|
"background-alpha-hover"?: any;
|
|
117
77
|
"background-danger-prominent"?: any;
|
|
@@ -132,19 +92,27 @@ declare const StyledTextarea: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
|
|
|
132
92
|
"background-neutrals-inverted-subtle"?: any;
|
|
133
93
|
"background-neutrals-page"?: any;
|
|
134
94
|
"background-neutrals-page-subtle"?: any;
|
|
135
|
-
"background-neutrals-
|
|
136
|
-
"background-neutrals-
|
|
137
|
-
"background-neutrals-
|
|
95
|
+
"background-neutrals-scrolls"?: any;
|
|
96
|
+
"background-neutrals-scrolls-expanded"?: any;
|
|
97
|
+
"background-neutrals-scrolls-hover"?: any;
|
|
98
|
+
"background-neutrals-scrolls-pressed"?: any;
|
|
99
|
+
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
138
100
|
"background-neutrals-subtle"?: any;
|
|
139
101
|
"background-neutrals-subtle-active"?: any;
|
|
140
102
|
"background-neutrals-subtle-hover"?: any;
|
|
141
103
|
"background-primary-prominent"?: any;
|
|
142
104
|
"background-primary-prominent-active"?: any;
|
|
105
|
+
"background-primary-prominent-expanded"?: any;
|
|
143
106
|
"background-primary-prominent-hover"?: any;
|
|
107
|
+
"background-primary-prominent-pressed"?: any;
|
|
108
|
+
"background-primary-prominent-pressed-hover"?: any;
|
|
144
109
|
"background-primary-prominent-selected"?: any;
|
|
145
110
|
"background-primary-subtle"?: any;
|
|
146
111
|
"background-primary-subtle-active"?: any;
|
|
112
|
+
"background-primary-subtle-expanded"?: any;
|
|
147
113
|
"background-primary-subtle-hover"?: any;
|
|
114
|
+
"background-primary-subtle-pressed"?: any;
|
|
115
|
+
"background-primary-subtle-pressed-hover"?: any;
|
|
148
116
|
"background-primary-subtle-selected"?: any;
|
|
149
117
|
"background-success"?: any;
|
|
150
118
|
"background-success-prominent"?: any;
|
|
@@ -155,15 +123,9 @@ declare const StyledTextarea: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
|
|
|
155
123
|
"border-danger"?: any;
|
|
156
124
|
"border-danger-active"?: any;
|
|
157
125
|
"border-danger-hover"?: any;
|
|
158
|
-
"border-focus-error-inner"?: any;
|
|
159
|
-
"border-focus-error-middle"?: any;
|
|
160
|
-
"border-focus-error-outer"?: any;
|
|
161
126
|
"border-focus-inner"?: any;
|
|
162
127
|
"border-focus-middle"?: any;
|
|
163
128
|
"border-focus-outer"?: any;
|
|
164
|
-
"border-focus-success-inner"?: any;
|
|
165
|
-
"border-focus-success-middle"?: any;
|
|
166
|
-
"border-focus-success-outer"?: any;
|
|
167
129
|
"border-neutrals"?: any;
|
|
168
130
|
"border-neutrals-active"?: any;
|
|
169
131
|
"border-neutrals-controls"?: any;
|
|
@@ -256,23 +218,21 @@ declare const StyledTextarea: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
|
|
|
256
218
|
readonly body: "Open Sans, sans-serif";
|
|
257
219
|
};
|
|
258
220
|
radii: {
|
|
221
|
+
readonly none: 0;
|
|
222
|
+
readonly half: "999em";
|
|
259
223
|
readonly 25: "2px";
|
|
260
224
|
readonly 50: "4px";
|
|
261
225
|
readonly 75: "6px";
|
|
262
226
|
readonly 100: "8px";
|
|
263
227
|
readonly 200: "16px";
|
|
264
|
-
readonly half: "999px";
|
|
265
|
-
readonly none: "0px";
|
|
266
228
|
};
|
|
267
229
|
shadows: {
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
"focus-
|
|
271
|
-
"focus-
|
|
272
|
-
"focus-
|
|
273
|
-
|
|
274
|
-
"focus-controls-error": any;
|
|
275
|
-
"focus-controls-success": any;
|
|
230
|
+
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";
|
|
231
|
+
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";
|
|
232
|
+
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";
|
|
233
|
+
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
234
|
+
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
235
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
276
236
|
};
|
|
277
237
|
sizes: {
|
|
278
238
|
readonly number: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-textarea",
|
|
3
|
-
"version": "0.2.1-
|
|
3
|
+
"version": "0.2.1-combobox.0",
|
|
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/interactions": "^3.13.0",
|
|
30
|
-
"@mirohq/design-system-base-form": "^0.1.1-colors.2",
|
|
31
30
|
"@mirohq/design-system-base-input": "^0.0.3",
|
|
32
|
-
"@mirohq/design-system-
|
|
31
|
+
"@mirohq/design-system-base-form": "^0.1.0",
|
|
32
|
+
"@mirohq/design-system-stitches": "^2.6.0",
|
|
33
|
+
"@mirohq/design-system-styles": "^1.1.20-combobox.0",
|
|
33
34
|
"@mirohq/design-system-primitive": "^1.1.2",
|
|
34
|
-
"@mirohq/design-system-
|
|
35
|
-
"@mirohq/design-system-use-aria-disabled": "^0.1.0",
|
|
35
|
+
"@mirohq/design-system-use-aria-disabled": "^0.1.1-combobox.0",
|
|
36
36
|
"@mirohq/design-system-utils": "^0.15.0"
|
|
37
37
|
},
|
|
38
38
|
"scripts": {
|