@mirohq/design-system-flex 2.1.35 → 2.1.36-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 +61 -23
  2. package/package.json +2 -2
package/dist/types.d.ts CHANGED
@@ -15,63 +15,103 @@ declare const StyledFlex: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
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 StyledFlex: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
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 StyledFlex: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
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 StyledFlex: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
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";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-flex",
3
- "version": "2.1.35",
3
+ "version": "2.1.36-colors.1",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -26,8 +26,8 @@
26
26
  "react": "^16.14 || ^17 || ^18"
27
27
  },
28
28
  "dependencies": {
29
+ "@mirohq/design-system-stitches": "^2.6.1-colors.1",
29
30
  "@mirohq/design-system-primitive": "^1.1.2",
30
- "@mirohq/design-system-stitches": "^2.6.0",
31
31
  "@mirohq/design-system-utils": "^0.15.0"
32
32
  },
33
33
  "scripts": {