@mirohq/design-system-icons 0.36.3-colors.2 → 0.36.3-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 +32 -72
- package/package.json +5 -5
package/dist/types.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as packages_themes_src_alias_keys from 'packages/themes/src/alias-keys';
|
|
2
2
|
import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
|
|
3
3
|
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
|
|
4
4
|
import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
|
|
@@ -15,103 +15,63 @@ declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<_mirohq_design_sys
|
|
|
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 StyledIcon: ForwardRefExoticComponent<Omit<Omit<_mirohq_design_sys
|
|
|
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 StyledIcon: ForwardRefExoticComponent<Omit<Omit<_mirohq_design_sys
|
|
|
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 StyledIcon: ForwardRefExoticComponent<Omit<Omit<_mirohq_design_sys
|
|
|
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;
|
|
@@ -535,11 +495,11 @@ declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<_mirohq_design_sys
|
|
|
535
495
|
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
536
496
|
};
|
|
537
497
|
}>>>, "size" | "weight" | "color"> & _stitches_react_types_styled_component.TransformProps<{
|
|
538
|
-
color?:
|
|
498
|
+
color?: packages_themes_src_alias_keys.AliasColorsKeys | "black" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "transparent" | "white" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | undefined;
|
|
539
499
|
size?: "small" | "medium" | "large" | undefined;
|
|
540
500
|
weight?: "bold" | "thin" | "normal" | undefined;
|
|
541
501
|
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & RefAttributes<SVGSVGElement>> & _mirohq_design_system_stitches.StitchesInternals<ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"svg">>, {
|
|
542
|
-
color?:
|
|
502
|
+
color?: packages_themes_src_alias_keys.AliasColorsKeys | "black" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "transparent" | "white" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | undefined;
|
|
543
503
|
size?: "small" | "medium" | "large" | undefined;
|
|
544
504
|
weight?: "bold" | "thin" | "normal" | undefined;
|
|
545
505
|
}, {}>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-icons",
|
|
3
|
-
"version": "0.36.3-
|
|
3
|
+
"version": "0.36.3-combobox.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -31,11 +31,11 @@
|
|
|
31
31
|
"react": "^16.14 || ^17 || ^18"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@mirohq/design-system-
|
|
35
|
-
"@mirohq/design-system-
|
|
34
|
+
"@mirohq/design-system-base-icon": "^0.1.21",
|
|
35
|
+
"@mirohq/design-system-link": "^1.3.16-combobox.0",
|
|
36
36
|
"@mirohq/design-system-primitive": "^1.1.2",
|
|
37
|
-
"@mirohq/design-system-
|
|
38
|
-
"@mirohq/design-system-
|
|
37
|
+
"@mirohq/design-system-utils": "^0.15.0",
|
|
38
|
+
"@mirohq/design-system-stitches": "^2.6.0"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@svgr/cli": "^6.5.1",
|