@mirohq/design-system-icons 0.27.0 → 0.27.1-themes.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 +122 -110
- package/package.json +4 -4
package/dist/types.d.ts
CHANGED
|
@@ -4,14 +4,15 @@ import * as _stitches_react_types_css_util from '@stitches/react/types/css-util'
|
|
|
4
4
|
import * as react from 'react';
|
|
5
5
|
import { ForwardRefExoticComponent, RefAttributes, ComponentPropsWithRef } from 'react';
|
|
6
6
|
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
|
|
7
|
+
import * as packages_themes_src_alias_keys from 'packages/themes/src/alias-keys';
|
|
7
8
|
import { iconSymbol } from '@mirohq/design-system-base-icon';
|
|
8
9
|
|
|
9
10
|
declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<{
|
|
10
|
-
color?:
|
|
11
|
+
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;
|
|
11
12
|
size?: "small" | "medium" | "large" | undefined;
|
|
12
13
|
weight?: "bold" | "thin" | "normal" | undefined;
|
|
13
14
|
}, "size" | "weight" | "color"> & _stitches_react_types_styled_component.TransformProps<{
|
|
14
|
-
color?:
|
|
15
|
+
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;
|
|
15
16
|
size?: "small" | "medium" | "large" | undefined;
|
|
16
17
|
weight?: "bold" | "thin" | "normal" | undefined;
|
|
17
18
|
}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & {
|
|
@@ -27,6 +28,7 @@ declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<{
|
|
|
27
28
|
readonly lg: "4px";
|
|
28
29
|
};
|
|
29
30
|
colors: {
|
|
31
|
+
readonly black: any;
|
|
30
32
|
readonly 'blue-100': any;
|
|
31
33
|
readonly 'blue-200': any;
|
|
32
34
|
readonly 'blue-300': any;
|
|
@@ -46,6 +48,15 @@ declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<{
|
|
|
46
48
|
readonly 'gray-700': any;
|
|
47
49
|
readonly 'gray-800': any;
|
|
48
50
|
readonly 'gray-900': any;
|
|
51
|
+
readonly 'green-100': any;
|
|
52
|
+
readonly 'green-200': any;
|
|
53
|
+
readonly 'green-300': any;
|
|
54
|
+
readonly 'green-400': any;
|
|
55
|
+
readonly 'green-500': any;
|
|
56
|
+
readonly 'green-600': any;
|
|
57
|
+
readonly 'green-700': any;
|
|
58
|
+
readonly 'green-800': any;
|
|
59
|
+
readonly 'green-900': any;
|
|
49
60
|
readonly 'indigo-100': any;
|
|
50
61
|
readonly 'indigo-200': any;
|
|
51
62
|
readonly 'indigo-300': any;
|
|
@@ -64,6 +75,8 @@ declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<{
|
|
|
64
75
|
readonly 'red-700': any;
|
|
65
76
|
readonly 'red-800': any;
|
|
66
77
|
readonly 'red-900': any;
|
|
78
|
+
readonly transparent: any;
|
|
79
|
+
readonly white: any;
|
|
67
80
|
readonly 'yellow-100': any;
|
|
68
81
|
readonly 'yellow-200': any;
|
|
69
82
|
readonly 'yellow-300': any;
|
|
@@ -73,113 +86,112 @@ declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<{
|
|
|
73
86
|
readonly 'yellow-700': any;
|
|
74
87
|
readonly 'yellow-800': any;
|
|
75
88
|
readonly 'yellow-900': any;
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
readonly 'border-warning'?: any;
|
|
89
|
+
"background-alpha-active"?: any;
|
|
90
|
+
"background-alpha-hover"?: any;
|
|
91
|
+
"background-danger-prominent"?: any;
|
|
92
|
+
"background-danger-prominent-active"?: any;
|
|
93
|
+
"background-danger-prominent-hover"?: any;
|
|
94
|
+
"background-danger-subtle"?: any;
|
|
95
|
+
"background-danger-subtle-active"?: any;
|
|
96
|
+
"background-danger-subtle-hover"?: any;
|
|
97
|
+
"background-neutrals"?: any;
|
|
98
|
+
"background-neutrals-active"?: any;
|
|
99
|
+
"background-neutrals-container"?: any;
|
|
100
|
+
"background-neutrals-controls-disabled"?: any;
|
|
101
|
+
"background-neutrals-disabled"?: any;
|
|
102
|
+
"background-neutrals-hover"?: any;
|
|
103
|
+
"background-neutrals-inactive"?: any;
|
|
104
|
+
"background-neutrals-inactive-hover"?: any;
|
|
105
|
+
"background-neutrals-inverted"?: any;
|
|
106
|
+
"background-neutrals-inverted-subtle"?: any;
|
|
107
|
+
"background-neutrals-page"?: any;
|
|
108
|
+
"background-neutrals-page-subtle"?: any;
|
|
109
|
+
"background-neutrals-scrolls"?: any;
|
|
110
|
+
"background-neutrals-scrolls-hover"?: any;
|
|
111
|
+
"background-neutrals-subtle"?: any;
|
|
112
|
+
"background-neutrals-subtle-active"?: any;
|
|
113
|
+
"background-neutrals-subtle-hover"?: any;
|
|
114
|
+
"background-primary-prominent"?: any;
|
|
115
|
+
"background-primary-prominent-active"?: any;
|
|
116
|
+
"background-primary-prominent-hover"?: any;
|
|
117
|
+
"background-primary-prominent-selected"?: any;
|
|
118
|
+
"background-primary-subtle"?: any;
|
|
119
|
+
"background-primary-subtle-active"?: any;
|
|
120
|
+
"background-primary-subtle-hover"?: any;
|
|
121
|
+
"background-primary-subtle-selected"?: any;
|
|
122
|
+
"background-success"?: any;
|
|
123
|
+
"background-warning-prominent"?: any;
|
|
124
|
+
"background-warning-subtle"?: any;
|
|
125
|
+
"border-danger"?: any;
|
|
126
|
+
"border-danger-active"?: any;
|
|
127
|
+
"border-danger-hover"?: any;
|
|
128
|
+
"border-focus-inner"?: any;
|
|
129
|
+
"border-focus-middle"?: any;
|
|
130
|
+
"border-focus-outer"?: any;
|
|
131
|
+
"border-neutrals"?: any;
|
|
132
|
+
"border-neutrals-active"?: any;
|
|
133
|
+
"border-neutrals-controls"?: any;
|
|
134
|
+
"border-neutrals-controls-disabled"?: any;
|
|
135
|
+
"border-neutrals-disabled"?: any;
|
|
136
|
+
"border-neutrals-hover"?: any;
|
|
137
|
+
"border-neutrals-inverted"?: any;
|
|
138
|
+
"border-neutrals-subtle"?: any;
|
|
139
|
+
"border-neutrals-text"?: any;
|
|
140
|
+
"border-neutrals-text-active"?: any;
|
|
141
|
+
"border-neutrals-text-hover"?: any;
|
|
142
|
+
"border-neutrals-text-subtle"?: any;
|
|
143
|
+
"border-neutrals-text-subtle-active"?: any;
|
|
144
|
+
"border-neutrals-text-subtle-hover"?: any;
|
|
145
|
+
"border-neutrals-transparent"?: any;
|
|
146
|
+
"border-primary"?: any;
|
|
147
|
+
"border-primary-active"?: any;
|
|
148
|
+
"border-primary-hover"?: any;
|
|
149
|
+
"border-primary-inverted"?: any;
|
|
150
|
+
"border-success"?: any;
|
|
151
|
+
"border-warning"?: any;
|
|
152
|
+
"icon-danger"?: any;
|
|
153
|
+
"icon-danger-active"?: any;
|
|
154
|
+
"icon-danger-hover"?: any;
|
|
155
|
+
"icon-danger-inverted"?: any;
|
|
156
|
+
"icon-neutrals"?: any;
|
|
157
|
+
"icon-neutrals-disabled"?: any;
|
|
158
|
+
"icon-neutrals-inactive"?: any;
|
|
159
|
+
"icon-neutrals-inactive-hover"?: any;
|
|
160
|
+
"icon-neutrals-inverted"?: any;
|
|
161
|
+
"icon-neutrals-search"?: any;
|
|
162
|
+
"icon-neutrals-subtle"?: any;
|
|
163
|
+
"icon-neutrals-text"?: any;
|
|
164
|
+
"icon-primary"?: any;
|
|
165
|
+
"icon-primary-active"?: any;
|
|
166
|
+
"icon-primary-hover"?: any;
|
|
167
|
+
"icon-primary-inverted"?: any;
|
|
168
|
+
"icon-primary-selected"?: any;
|
|
169
|
+
"icon-success"?: any;
|
|
170
|
+
"icon-success-inverted"?: any;
|
|
171
|
+
"icon-warning"?: any;
|
|
172
|
+
"icon-warning-prominent"?: any;
|
|
173
|
+
"text-danger"?: any;
|
|
174
|
+
"text-danger-active"?: any;
|
|
175
|
+
"text-danger-hover"?: any;
|
|
176
|
+
"text-danger-inverted"?: any;
|
|
177
|
+
"text-neutrals"?: any;
|
|
178
|
+
"text-neutrals-active"?: any;
|
|
179
|
+
"text-neutrals-disabled"?: any;
|
|
180
|
+
"text-neutrals-hover"?: any;
|
|
181
|
+
"text-neutrals-inverted"?: any;
|
|
182
|
+
"text-neutrals-placeholder"?: any;
|
|
183
|
+
"text-neutrals-placeholder-only"?: any;
|
|
184
|
+
"text-neutrals-subtle"?: any;
|
|
185
|
+
"text-neutrals-subtle-active"?: any;
|
|
186
|
+
"text-neutrals-subtle-hover"?: any;
|
|
187
|
+
"text-primary"?: any;
|
|
188
|
+
"text-primary-active"?: any;
|
|
189
|
+
"text-primary-hover"?: any;
|
|
190
|
+
"text-primary-inverted"?: any;
|
|
191
|
+
"text-primary-inverted-subtle"?: any;
|
|
192
|
+
"text-primary-selected"?: any;
|
|
193
|
+
"text-success"?: any;
|
|
194
|
+
"text-warning"?: any;
|
|
183
195
|
};
|
|
184
196
|
'font-sizes': {
|
|
185
197
|
readonly 150: "0.75rem";
|
|
@@ -466,7 +478,7 @@ declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<{
|
|
|
466
478
|
}> & {
|
|
467
479
|
children?: react.ReactNode;
|
|
468
480
|
} & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & RefAttributes<SVGSVGElement>> & _mirohq_design_system_stitches.StitchesInternals<ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"svg">>, {
|
|
469
|
-
color?:
|
|
481
|
+
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;
|
|
470
482
|
size?: "small" | "medium" | "large" | undefined;
|
|
471
483
|
weight?: "bold" | "thin" | "normal" | undefined;
|
|
472
484
|
}, {}>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-icons",
|
|
3
|
-
"version": "0.27.0",
|
|
3
|
+
"version": "0.27.1-themes.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -31,10 +31,10 @@
|
|
|
31
31
|
"react": "^16.14 || ^17 || ^18"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
+
"@mirohq/design-system-base-icon": "^0.1.4-themes.0",
|
|
35
|
+
"@mirohq/design-system-link": "^1.2.17-themes.0",
|
|
34
36
|
"@mirohq/design-system-primitive": "^1.1.0",
|
|
35
|
-
"@mirohq/design-system-
|
|
36
|
-
"@mirohq/design-system-link": "^1.2.16",
|
|
37
|
-
"@mirohq/design-system-stitches": "^2.3.4",
|
|
37
|
+
"@mirohq/design-system-stitches": "^2.3.5-themes.0",
|
|
38
38
|
"@mirohq/design-system-utils": "^0.14.1"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|