@mirohq/design-system-icons 0.36.2 → 0.36.3-colors.1

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 +63 -25
  2. package/package.json +5 -5
package/dist/types.d.ts CHANGED
@@ -15,63 +15,103 @@ declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<_mirohq_design_sys
15
15
  };
16
16
  colors: {
17
17
  readonly black: any;
18
+ readonly 'blue-50': any;
18
19
  readonly 'blue-100': any;
20
+ readonly 'blue-150': any;
19
21
  readonly 'blue-200': any;
22
+ readonly 'blue-250': any;
20
23
  readonly 'blue-300': any;
24
+ readonly 'blue-350': any;
21
25
  readonly 'blue-400': any;
26
+ readonly 'blue-450': any;
22
27
  readonly 'blue-500': any;
28
+ readonly 'blue-550': any;
23
29
  readonly 'blue-600': any;
30
+ readonly 'blue-650': any;
24
31
  readonly 'blue-700': any;
32
+ readonly 'blue-750': any;
25
33
  readonly 'blue-800': any;
34
+ readonly 'blue-850': any;
26
35
  readonly 'blue-900': any;
27
- readonly 'blue-1000': any;
36
+ readonly 'blue-950': any;
37
+ readonly 'gray-50': any;
28
38
  readonly 'gray-100': any;
39
+ readonly 'gray-150': any;
29
40
  readonly 'gray-200': any;
41
+ readonly 'gray-250': any;
30
42
  readonly 'gray-300': any;
43
+ readonly 'gray-350': any;
31
44
  readonly 'gray-400': any;
45
+ readonly 'gray-450': any;
32
46
  readonly 'gray-500': any;
47
+ readonly 'gray-550': any;
33
48
  readonly 'gray-600': any;
49
+ readonly 'gray-650': any;
34
50
  readonly 'gray-700': any;
51
+ readonly 'gray-750': any;
35
52
  readonly 'gray-800': any;
53
+ readonly 'gray-850': any;
36
54
  readonly 'gray-900': any;
55
+ readonly 'gray-950': any;
56
+ readonly 'green-50': any;
37
57
  readonly 'green-100': any;
58
+ readonly 'green-150': any;
38
59
  readonly 'green-200': any;
60
+ readonly 'green-250': any;
39
61
  readonly 'green-300': any;
62
+ readonly 'green-350': any;
40
63
  readonly 'green-400': any;
64
+ readonly 'green-450': any;
41
65
  readonly 'green-500': any;
66
+ readonly 'green-550': any;
42
67
  readonly 'green-600': any;
68
+ readonly 'green-650': any;
43
69
  readonly 'green-700': any;
70
+ readonly 'green-750': any;
44
71
  readonly 'green-800': any;
72
+ readonly 'green-850': any;
45
73
  readonly 'green-900': any;
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;
74
+ readonly 'green-950': any;
75
+ readonly 'red-50': any;
55
76
  readonly 'red-100': any;
77
+ readonly 'red-150': any;
56
78
  readonly 'red-200': any;
79
+ readonly 'red-250': any;
57
80
  readonly 'red-300': any;
81
+ readonly 'red-350': any;
58
82
  readonly 'red-400': any;
83
+ readonly 'red-450': any;
59
84
  readonly 'red-500': any;
85
+ readonly 'red-550': any;
60
86
  readonly 'red-600': any;
87
+ readonly 'red-650': any;
61
88
  readonly 'red-700': any;
89
+ readonly 'red-750': any;
62
90
  readonly 'red-800': any;
91
+ readonly 'red-850': any;
63
92
  readonly 'red-900': any;
93
+ readonly 'red-950': any;
64
94
  readonly transparent: any;
65
95
  readonly white: any;
96
+ readonly 'yellow-50': any;
66
97
  readonly 'yellow-100': any;
98
+ readonly 'yellow-150': any;
67
99
  readonly 'yellow-200': any;
100
+ readonly 'yellow-250': any;
68
101
  readonly 'yellow-300': any;
102
+ readonly 'yellow-350': any;
69
103
  readonly 'yellow-400': any;
104
+ readonly 'yellow-450': any;
70
105
  readonly 'yellow-500': any;
106
+ readonly 'yellow-550': any;
71
107
  readonly 'yellow-600': any;
108
+ readonly 'yellow-650': any;
72
109
  readonly 'yellow-700': any;
110
+ readonly 'yellow-750': any;
73
111
  readonly 'yellow-800': any;
112
+ readonly 'yellow-850': any;
74
113
  readonly 'yellow-900': any;
114
+ readonly 'yellow-950': any;
75
115
  "background-alpha-active"?: any;
76
116
  "background-alpha-hover"?: any;
77
117
  "background-danger-prominent"?: any;
@@ -92,27 +132,19 @@ declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<_mirohq_design_sys
92
132
  "background-neutrals-inverted-subtle"?: any;
93
133
  "background-neutrals-page"?: any;
94
134
  "background-neutrals-page-subtle"?: any;
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;
135
+ "background-neutrals-scrollbar"?: any;
136
+ "background-neutrals-scrollbar-active"?: any;
137
+ "background-neutrals-scrollbar-hover"?: any;
100
138
  "background-neutrals-subtle"?: any;
101
139
  "background-neutrals-subtle-active"?: any;
102
140
  "background-neutrals-subtle-hover"?: any;
103
141
  "background-primary-prominent"?: any;
104
142
  "background-primary-prominent-active"?: any;
105
- "background-primary-prominent-expanded"?: any;
106
143
  "background-primary-prominent-hover"?: any;
107
- "background-primary-prominent-pressed"?: any;
108
- "background-primary-prominent-pressed-hover"?: any;
109
144
  "background-primary-prominent-selected"?: any;
110
145
  "background-primary-subtle"?: any;
111
146
  "background-primary-subtle-active"?: any;
112
- "background-primary-subtle-expanded"?: any;
113
147
  "background-primary-subtle-hover"?: any;
114
- "background-primary-subtle-pressed"?: any;
115
- "background-primary-subtle-pressed-hover"?: any;
116
148
  "background-primary-subtle-selected"?: any;
117
149
  "background-success"?: any;
118
150
  "background-success-prominent"?: any;
@@ -123,9 +155,15 @@ declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<_mirohq_design_sys
123
155
  "border-danger"?: any;
124
156
  "border-danger-active"?: any;
125
157
  "border-danger-hover"?: any;
158
+ "border-focus-error-inner"?: any;
159
+ "border-focus-error-middle"?: any;
160
+ "border-focus-error-outer"?: any;
126
161
  "border-focus-inner"?: any;
127
162
  "border-focus-middle"?: any;
128
163
  "border-focus-outer"?: any;
164
+ "border-focus-success-inner"?: any;
165
+ "border-focus-success-middle"?: any;
166
+ "border-focus-success-outer"?: any;
129
167
  "border-neutrals"?: any;
130
168
  "border-neutrals-active"?: any;
131
169
  "border-neutrals-controls"?: any;
@@ -218,13 +256,13 @@ declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<_mirohq_design_sys
218
256
  readonly body: "Open Sans, sans-serif";
219
257
  };
220
258
  radii: {
221
- readonly none: 0;
222
- readonly half: "999em";
223
259
  readonly 25: "2px";
224
260
  readonly 50: "4px";
225
261
  readonly 75: "6px";
226
262
  readonly 100: "8px";
227
263
  readonly 200: "16px";
264
+ readonly half: "999px";
265
+ readonly none: "0px";
228
266
  };
229
267
  shadows: {
230
268
  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";
@@ -495,11 +533,11 @@ declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<_mirohq_design_sys
495
533
  '&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
496
534
  };
497
535
  }>>>, "size" | "weight" | "color"> & _stitches_react_types_styled_component.TransformProps<{
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;
536
+ color?: packages_themes_src_alias_keys.AliasColorsKeys | "black" | "blue-50" | "blue-100" | "blue-150" | "blue-200" | "blue-250" | "blue-300" | "blue-350" | "blue-400" | "blue-450" | "blue-500" | "blue-550" | "blue-600" | "blue-650" | "blue-700" | "blue-750" | "blue-800" | "blue-850" | "blue-900" | "blue-950" | "gray-50" | "gray-100" | "gray-150" | "gray-200" | "gray-250" | "gray-300" | "gray-350" | "gray-400" | "gray-450" | "gray-500" | "gray-550" | "gray-600" | "gray-650" | "gray-700" | "gray-750" | "gray-800" | "gray-850" | "gray-900" | "gray-950" | "green-50" | "green-100" | "green-150" | "green-200" | "green-250" | "green-300" | "green-350" | "green-400" | "green-450" | "green-500" | "green-550" | "green-600" | "green-650" | "green-700" | "green-750" | "green-800" | "green-850" | "green-900" | "green-950" | "red-50" | "red-100" | "red-150" | "red-200" | "red-250" | "red-300" | "red-350" | "red-400" | "red-450" | "red-500" | "red-550" | "red-600" | "red-650" | "red-700" | "red-750" | "red-800" | "red-850" | "red-900" | "red-950" | "transparent" | "white" | "yellow-50" | "yellow-100" | "yellow-150" | "yellow-200" | "yellow-250" | "yellow-300" | "yellow-350" | "yellow-400" | "yellow-450" | "yellow-500" | "yellow-550" | "yellow-600" | "yellow-650" | "yellow-700" | "yellow-750" | "yellow-800" | "yellow-850" | "yellow-900" | "yellow-950" | undefined;
499
537
  size?: "small" | "medium" | "large" | undefined;
500
538
  weight?: "bold" | "thin" | "normal" | undefined;
501
539
  }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & RefAttributes<SVGSVGElement>> & _mirohq_design_system_stitches.StitchesInternals<ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"svg">>, {
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;
540
+ color?: packages_themes_src_alias_keys.AliasColorsKeys | "black" | "blue-50" | "blue-100" | "blue-150" | "blue-200" | "blue-250" | "blue-300" | "blue-350" | "blue-400" | "blue-450" | "blue-500" | "blue-550" | "blue-600" | "blue-650" | "blue-700" | "blue-750" | "blue-800" | "blue-850" | "blue-900" | "blue-950" | "gray-50" | "gray-100" | "gray-150" | "gray-200" | "gray-250" | "gray-300" | "gray-350" | "gray-400" | "gray-450" | "gray-500" | "gray-550" | "gray-600" | "gray-650" | "gray-700" | "gray-750" | "gray-800" | "gray-850" | "gray-900" | "gray-950" | "green-50" | "green-100" | "green-150" | "green-200" | "green-250" | "green-300" | "green-350" | "green-400" | "green-450" | "green-500" | "green-550" | "green-600" | "green-650" | "green-700" | "green-750" | "green-800" | "green-850" | "green-900" | "green-950" | "red-50" | "red-100" | "red-150" | "red-200" | "red-250" | "red-300" | "red-350" | "red-400" | "red-450" | "red-500" | "red-550" | "red-600" | "red-650" | "red-700" | "red-750" | "red-800" | "red-850" | "red-900" | "red-950" | "transparent" | "white" | "yellow-50" | "yellow-100" | "yellow-150" | "yellow-200" | "yellow-250" | "yellow-300" | "yellow-350" | "yellow-400" | "yellow-450" | "yellow-500" | "yellow-550" | "yellow-600" | "yellow-650" | "yellow-700" | "yellow-750" | "yellow-800" | "yellow-850" | "yellow-900" | "yellow-950" | undefined;
503
541
  size?: "small" | "medium" | "large" | undefined;
504
542
  weight?: "bold" | "thin" | "normal" | undefined;
505
543
  }, {}>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-icons",
3
- "version": "0.36.2",
3
+ "version": "0.36.3-colors.1",
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-base-icon": "^0.1.21",
35
- "@mirohq/design-system-stitches": "^2.6.0",
36
- "@mirohq/design-system-utils": "^0.15.0",
34
+ "@mirohq/design-system-base-icon": "^0.1.22-colors.1",
35
+ "@mirohq/design-system-link": "^1.3.16-colors.1",
37
36
  "@mirohq/design-system-primitive": "^1.1.2",
38
- "@mirohq/design-system-link": "^1.3.15"
37
+ "@mirohq/design-system-stitches": "^2.6.1-colors.1",
38
+ "@mirohq/design-system-utils": "^0.15.0"
39
39
  },
40
40
  "devDependencies": {
41
41
  "@svgr/cli": "^6.5.1",