@codecademy/gamut-icons 9.56.0-alpha.2d3aae.0 → 9.56.0-alpha.38f18e.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.
Files changed (11) hide show
  1. package/README.md +1 -1
  2. package/dist/icons/mini/MiniReplyToMessageIcon.d.ts +3 -0
  3. package/dist/icons/mini/MiniReplyToMessageIcon.js +63 -0
  4. package/dist/icons/mini/MiniSmileyAddReactionIcon.d.ts +3 -0
  5. package/dist/icons/mini/MiniSmileyAddReactionIcon.js +74 -0
  6. package/dist/icons/mini/index.d.ts +2 -0
  7. package/dist/icons/mini/index.js +2 -0
  8. package/dist/props.d.ts +93 -475
  9. package/dist/svg/mini/mini-reply-to-message-icon.svg +8 -0
  10. package/dist/svg/mini/mini-smiley-add-reaction-icon.svg +15 -0
  11. package/package.json +5 -5
package/README.md CHANGED
@@ -13,4 +13,4 @@ _UI Icons for the Gamut component library_
13
13
  ## Icon Guidelines
14
14
 
15
15
  1. All icons must be square.
16
- 2. All Icons should ideally be designed inside of a 16x16 pixel grid.
16
+ 2. All Icons should ideally be designed inside of a 16x16 pixel grid..
package/dist/icons/mini/MiniReplyToMessageIcon.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { GamutIconProps } from '../../props';
3
+ export declare const MiniReplyToMessageIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;
package/dist/icons/mini/MiniReplyToMessageIcon.js ADDED
@@ -0,0 +1,63 @@
1
+ import * as React from 'react';
2
+ import { Svg } from '../../props';
3
+ import { useIconId } from '../../useIconId';
4
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
+ export const MiniReplyToMessageIcon = /*#__PURE__*/React.forwardRef(({
6
+ title,
7
+ titleId,
8
+ size = 16,
9
+ height = size,
10
+ width = size,
11
+ ...props
12
+ }, svgRef) => {
13
+ const maskId = useIconId('MiniReplyToMessageIcon');
14
+ return /*#__PURE__*/_jsxs(Svg, {
15
+ viewBox: "0 0 16 16",
16
+ fill: "#fff",
17
+ xmlns: "http://www.w3.org/2000/svg",
18
+ role: "img",
19
+ "aria-hidden": "true",
20
+ "pointer-events": "none",
21
+ width: width,
22
+ height: height,
23
+ ref: svgRef,
24
+ "aria-labelledby": titleId,
25
+ ...props,
26
+ children: [title ? /*#__PURE__*/_jsx("title", {
27
+ id: titleId,
28
+ children: title
29
+ }) : null, /*#__PURE__*/_jsxs("mask", {
30
+ id: `${maskId}`,
31
+ children: [/*#__PURE__*/_jsx("mask", {
32
+ id: "mini-reply-to-message-icon_svg__a",
33
+ style: {
34
+ maskType: 'alpha'
35
+ },
36
+ maskUnits: "userSpaceOnUse",
37
+ x: 0,
38
+ y: 0,
39
+ width: 16,
40
+ height: 16,
41
+ children: /*#__PURE__*/_jsx("path", {
42
+ fillRule: "evenodd",
43
+ clipRule: "evenodd",
44
+ d: "M10.286.571A.571.571 0 009.31.167L7.596 1.882a.571.571 0 000 .808L9.31 4.404A.571.571 0 0010.286 4v-.857H14a.286.286 0 01.286.286v7.714a.286.286 0 01-.286.286H7.566a.857.857 0 00-.536.188l-2.173 1.74v-1.071A.857.857 0 004 11.429H2a.286.286 0 01-.286-.286V3.429A.286.286 0 012 3.143h3.143a.857.857 0 000-1.714H2a2 2 0 00-2 2v7.714a2 2 0 002 2h1.143v2a.857.857 0 001.393.669l3.33-2.67H14a2 2 0 002-2V3.43a2 2 0 00-2-2h-3.714V.57zM4.857 8.714a1.143 1.143 0 100-2.285 1.143 1.143 0 000 2.285zm3.143 0A1.143 1.143 0 108 6.43a1.143 1.143 0 000 2.285zm4.286-1.143a1.143 1.143 0 11-2.286 0 1.143 1.143 0 012.286 0z",
45
+ fill: "#fff"
46
+ })
47
+ }), /*#__PURE__*/_jsx("g", {
48
+ mask: "url(#mini-reply-to-message-icon_svg__a)",
49
+ children: /*#__PURE__*/_jsx("path", {
50
+ fill: "#fff",
51
+ d: "M0 0h16v16H0z"
52
+ })
53
+ })]
54
+ }), /*#__PURE__*/_jsx("g", {
55
+ mask: `url(#${maskId})`,
56
+ children: /*#__PURE__*/_jsx("rect", {
57
+ width: `100%`,
58
+ height: `100%`,
59
+ fill: `currentColor`
60
+ })
61
+ })]
62
+ });
63
+ });
package/dist/icons/mini/MiniSmileyAddReactionIcon.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { GamutIconProps } from '../../props';
3
+ export declare const MiniSmileyAddReactionIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;
package/dist/icons/mini/MiniSmileyAddReactionIcon.js ADDED
@@ -0,0 +1,74 @@
1
+ import * as React from 'react';
2
+ import { Svg } from '../../props';
3
+ import { useIconId } from '../../useIconId';
4
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
+ export const MiniSmileyAddReactionIcon = /*#__PURE__*/React.forwardRef(({
6
+ title,
7
+ titleId,
8
+ size = 16,
9
+ height = size,
10
+ width = size,
11
+ ...props
12
+ }, svgRef) => {
13
+ const maskId = useIconId('MiniSmileyAddReactionIcon');
14
+ return /*#__PURE__*/_jsxs(Svg, {
15
+ viewBox: "0 0 16 16",
16
+ fill: "#fff",
17
+ xmlns: "http://www.w3.org/2000/svg",
18
+ role: "img",
19
+ "aria-hidden": "true",
20
+ "pointer-events": "none",
21
+ width: width,
22
+ height: height,
23
+ ref: svgRef,
24
+ "aria-labelledby": titleId,
25
+ ...props,
26
+ children: [title ? /*#__PURE__*/_jsx("title", {
27
+ id: titleId,
28
+ children: title
29
+ }) : null, /*#__PURE__*/_jsxs("mask", {
30
+ id: `${maskId}`,
31
+ children: [/*#__PURE__*/_jsxs("g", {
32
+ clipPath: "url(#mini-smiley-add-reaction-icon_svg__mini-smiley-add-reaction-icon_svg__clip0_124902_52004)",
33
+ children: [/*#__PURE__*/_jsx("mask", {
34
+ id: "mini-smiley-add-reaction-icon_svg__a",
35
+ style: {
36
+ maskType: 'alpha'
37
+ },
38
+ maskUnits: "userSpaceOnUse",
39
+ x: 0,
40
+ y: 0,
41
+ width: 16,
42
+ height: 16,
43
+ children: /*#__PURE__*/_jsx("path", {
44
+ fillRule: "evenodd",
45
+ clipRule: "evenodd",
46
+ d: "M13.143.857a.857.857 0 00-1.714 0v2h-2a.857.857 0 000 1.714h2v2a.857.857 0 101.714 0v-2h2a.857.857 0 000-1.714h-2v-2zm-5.99 2.631A2.286 2.286 0 009.429 6H10v.571a2.286 2.286 0 002.512 2.275 6.286 6.286 0 11-5.358-5.358zM3.122 8a1 1 0 102 0 1 1 0 00-2 0zm.104 2.044a.714.714 0 01.888.48 2.268 2.268 0 004.345 0 .714.714 0 011.37.408 3.696 3.696 0 01-7.084 0 .714.714 0 01.481-.888zM7.121 8a1 1 0 102 0 1 1 0 00-2 0z",
47
+ fill: "#fff"
48
+ })
49
+ }), /*#__PURE__*/_jsx("g", {
50
+ mask: "url(#mini-smiley-add-reaction-icon_svg__a)",
51
+ children: /*#__PURE__*/_jsx("path", {
52
+ fill: "#fff",
53
+ d: "M0 0h16v16H0z"
54
+ })
55
+ })]
56
+ }), /*#__PURE__*/_jsx("defs", {
57
+ children: /*#__PURE__*/_jsx("clipPath", {
58
+ id: "mini-smiley-add-reaction-icon_svg__mini-smiley-add-reaction-icon_svg__clip0_124902_52004",
59
+ children: /*#__PURE__*/_jsx("path", {
60
+ fill: "#fff",
61
+ d: "M0 0h16v16H0z"
62
+ })
63
+ })
64
+ })]
65
+ }), /*#__PURE__*/_jsx("g", {
66
+ mask: `url(#${maskId})`,
67
+ children: /*#__PURE__*/_jsx("rect", {
68
+ width: `100%`,
69
+ height: `100%`,
70
+ fill: `currentColor`
71
+ })
72
+ })]
73
+ });
74
+ });
package/dist/icons/mini/index.d.ts CHANGED
@@ -25,7 +25,9 @@ export * from './MiniPinIcon';
25
25
  export * from './MiniQuoteIcon';
26
26
  export * from './MiniRemoveCircleIcon';
27
27
  export * from './MiniReorderDotsVerticalIcon';
28
+ export * from './MiniReplyToMessageIcon';
28
29
  export * from './MiniRibbonIcon';
30
+ export * from './MiniSmileyAddReactionIcon';
29
31
  export * from './MiniStarIcon';
30
32
  export * from './MiniThumbsDownIcon';
31
33
  export * from './MiniThumbsUpIcon';
package/dist/icons/mini/index.js CHANGED
@@ -25,7 +25,9 @@ export * from './MiniPinIcon';
25
25
  export * from './MiniQuoteIcon';
26
26
  export * from './MiniRemoveCircleIcon';
27
27
  export * from './MiniReorderDotsVerticalIcon';
28
+ export * from './MiniReplyToMessageIcon';
28
29
  export * from './MiniRibbonIcon';
30
+ export * from './MiniSmileyAddReactionIcon';
29
31
  export * from './MiniStarIcon';
30
32
  export * from './MiniThumbsDownIcon';
31
33
  export * from './MiniThumbsUpIcon';
package/dist/props.d.ts CHANGED
@@ -91,59 +91,32 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
91
91
  readonly transform: (value: string | number) => string | 0;
92
92
  };
93
93
  readonly width: {
94
- readonly property: {
95
- readonly physical: "width";
96
- readonly logical: "inlineSize";
97
- };
98
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
94
+ readonly property: "width";
99
95
  readonly transform: (value: string | number) => string | 0;
100
96
  };
101
97
  readonly minWidth: {
102
- readonly property: {
103
- readonly physical: "minWidth";
104
- readonly logical: "minInlineSize";
105
- };
106
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
98
+ readonly property: "minWidth";
107
99
  readonly transform: (value: string | number) => string | 0;
108
100
  };
109
101
  readonly maxWidth: {
110
- readonly property: {
111
- readonly physical: "maxWidth";
112
- readonly logical: "maxInlineSize";
113
- };
114
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
102
+ readonly property: "maxWidth";
115
103
  readonly transform: (value: string | number) => string | 0;
116
104
  };
117
105
  readonly height: {
118
- readonly property: {
119
- readonly physical: "height";
120
- readonly logical: "blockSize";
121
- };
122
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
106
+ readonly property: "height";
123
107
  readonly transform: (value: string | number) => string | 0;
124
108
  };
125
109
  readonly minHeight: {
126
- readonly property: {
127
- readonly physical: "minHeight";
128
- readonly logical: "minBlockSize";
129
- };
130
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
110
+ readonly property: "minHeight";
131
111
  readonly transform: (value: string | number) => string | 0;
132
112
  };
133
113
  readonly maxHeight: {
134
- readonly property: {
135
- readonly physical: "maxHeight";
136
- readonly logical: "maxBlockSize";
137
- };
138
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
114
+ readonly property: "maxHeight";
139
115
  readonly transform: (value: string | number) => string | 0;
140
116
  };
141
117
  readonly verticalAlign: {
142
118
  readonly property: "verticalAlign";
143
119
  };
144
- readonly direction: {
145
- readonly property: "direction";
146
- };
147
120
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
148
121
  readonly color: {
149
122
  readonly property: "color";
@@ -163,40 +136,28 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
163
136
  };
164
137
  readonly borderColorX: {
165
138
  readonly property: "borderColor";
166
- readonly properties: {
167
- readonly physical: readonly ["borderLeftColor", "borderRightColor"];
168
- readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
169
- };
170
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
139
+ readonly properties: readonly ["borderLeftColor", "borderRightColor"];
171
140
  readonly scale: "colors";
172
141
  };
173
142
  readonly borderColorY: {
174
143
  readonly property: "borderColor";
175
- readonly properties: {
176
- readonly physical: readonly ["borderTopColor", "borderBottomColor"];
177
- readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
178
- };
179
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
144
+ readonly properties: readonly ["borderTopColor", "borderBottomColor"];
180
145
  readonly scale: "colors";
181
146
  };
182
147
  readonly borderColorLeft: {
183
148
  readonly property: "borderLeftColor";
184
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
185
149
  readonly scale: "colors";
186
150
  };
187
151
  readonly borderColorRight: {
188
152
  readonly property: "borderRightColor";
189
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
190
153
  readonly scale: "colors";
191
154
  };
192
155
  readonly borderColorTop: {
193
156
  readonly property: "borderTopColor";
194
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
195
157
  readonly scale: "colors";
196
158
  };
197
159
  readonly borderColorBottom: {
198
160
  readonly property: "borderBottomColor";
199
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
200
161
  readonly scale: "colors";
201
162
  };
202
163
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
@@ -206,53 +167,29 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
206
167
  };
207
168
  readonly px: {
208
169
  readonly property: "padding";
209
- readonly properties: {
210
- readonly physical: readonly ["paddingLeft", "paddingRight"];
211
- readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
212
- };
170
+ readonly properties: readonly ["paddingLeft", "paddingRight"];
213
171
  readonly scale: "spacing";
214
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
215
172
  };
216
173
  readonly py: {
217
174
  readonly property: "padding";
218
- readonly properties: {
219
- readonly physical: readonly ["paddingTop", "paddingBottom"];
220
- readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
221
- };
175
+ readonly properties: readonly ["paddingTop", "paddingBottom"];
222
176
  readonly scale: "spacing";
223
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
224
177
  };
225
178
  readonly pt: {
226
- readonly property: {
227
- readonly physical: "paddingTop";
228
- readonly logical: "paddingBlockStart";
229
- };
179
+ readonly property: "paddingTop";
230
180
  readonly scale: "spacing";
231
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
232
181
  };
233
182
  readonly pb: {
234
- readonly property: {
235
- readonly physical: "paddingBottom";
236
- readonly logical: "paddingBlockEnd";
237
- };
183
+ readonly property: "paddingBottom";
238
184
  readonly scale: "spacing";
239
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
240
185
  };
241
186
  readonly pr: {
242
- readonly property: {
243
- readonly physical: "paddingRight";
244
- readonly logical: "paddingInlineEnd";
245
- };
187
+ readonly property: "paddingRight";
246
188
  readonly scale: "spacing";
247
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
248
189
  };
249
190
  readonly pl: {
250
- readonly property: {
251
- readonly physical: "paddingLeft";
252
- readonly logical: "paddingInlineStart";
253
- };
191
+ readonly property: "paddingLeft";
254
192
  readonly scale: "spacing";
255
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
256
193
  };
257
194
  readonly m: {
258
195
  readonly property: "margin";
@@ -260,53 +197,29 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
260
197
  };
261
198
  readonly mx: {
262
199
  readonly property: "margin";
263
- readonly properties: {
264
- readonly physical: readonly ["marginLeft", "marginRight"];
265
- readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
266
- };
267
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
200
+ readonly properties: readonly ["marginLeft", "marginRight"];
268
201
  readonly scale: "spacing";
269
202
  };
270
203
  readonly my: {
271
204
  readonly property: "margin";
272
- readonly properties: {
273
- readonly physical: readonly ["marginTop", "marginBottom"];
274
- readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
275
- };
276
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
205
+ readonly properties: readonly ["marginTop", "marginBottom"];
277
206
  readonly scale: "spacing";
278
207
  };
279
208
  readonly mt: {
280
- readonly property: {
281
- readonly physical: "marginTop";
282
- readonly logical: "marginBlockStart";
283
- };
209
+ readonly property: "marginTop";
284
210
  readonly scale: "spacing";
285
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
286
211
  };
287
212
  readonly mb: {
288
- readonly property: {
289
- readonly physical: "marginBottom";
290
- readonly logical: "marginBlockEnd";
291
- };
213
+ readonly property: "marginBottom";
292
214
  readonly scale: "spacing";
293
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
294
215
  };
295
216
  readonly mr: {
296
- readonly property: {
297
- readonly physical: "marginRight";
298
- readonly logical: "marginInlineEnd";
299
- };
217
+ readonly property: "marginRight";
300
218
  readonly scale: "spacing";
301
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
302
219
  };
303
220
  readonly ml: {
304
- readonly property: {
305
- readonly physical: "marginLeft";
306
- readonly logical: "marginInlineStart";
307
- };
221
+ readonly property: "marginLeft";
308
222
  readonly scale: "spacing";
309
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
310
223
  };
311
224
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
312
225
  readonly position: {
@@ -346,52 +259,28 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
346
259
  };
347
260
  readonly borderX: {
348
261
  readonly property: "border";
349
- readonly properties: {
350
- readonly physical: readonly ["borderLeft", "borderRight"];
351
- readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
352
- };
353
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
262
+ readonly properties: readonly ["borderLeft", "borderRight"];
354
263
  readonly scale: "borders";
355
264
  };
356
265
  readonly borderY: {
357
266
  readonly property: "border";
358
- readonly properties: {
359
- readonly physical: readonly ["borderTop", "borderBottom"];
360
- readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
361
- };
362
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
267
+ readonly properties: readonly ["borderTop", "borderBottom"];
363
268
  readonly scale: "borders";
364
269
  };
365
270
  readonly borderTop: {
366
- readonly property: {
367
- readonly physical: "borderTop";
368
- readonly logical: "borderBlockStart";
369
- };
370
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
271
+ readonly property: "borderTop";
371
272
  readonly scale: "borders";
372
273
  };
373
274
  readonly borderRight: {
374
- readonly property: {
375
- readonly physical: "borderRight";
376
- readonly logical: "borderInlineEnd";
377
- };
378
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
275
+ readonly property: "borderRight";
379
276
  readonly scale: "borders";
380
277
  };
381
278
  readonly borderBottom: {
382
- readonly property: {
383
- readonly physical: "borderBottom";
384
- readonly logical: "borderBlockEnd";
385
- };
386
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
279
+ readonly property: "borderBottom";
387
280
  readonly scale: "borders";
388
281
  };
389
282
  readonly borderLeft: {
390
- readonly property: {
391
- readonly physical: "borderLeft";
392
- readonly logical: "borderInlineStart";
393
- };
394
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
283
+ readonly property: "borderLeft";
395
284
  readonly scale: "borders";
396
285
  };
397
286
  readonly borderWidth: {
@@ -399,47 +288,23 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
399
288
  };
400
289
  readonly borderWidthX: {
401
290
  readonly property: "borderWidth";
402
- readonly properties: {
403
- readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
404
- readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
405
- };
406
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
291
+ readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
407
292
  };
408
293
  readonly borderWidthY: {
409
294
  readonly property: "borderWidth";
410
- readonly properties: {
411
- readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
412
- readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
413
- };
414
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
295
+ readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
415
296
  };
416
297
  readonly borderWidthLeft: {
417
- readonly property: {
418
- readonly physical: "borderLeftWidth";
419
- readonly logical: "borderInlineStartWidth";
420
- };
421
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
298
+ readonly property: "borderLeftWidth";
422
299
  };
423
300
  readonly borderWidthRight: {
424
- readonly property: {
425
- readonly physical: "borderRightWidth";
426
- readonly logical: "borderInlineEndWidth";
427
- };
428
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
301
+ readonly property: "borderRightWidth";
429
302
  };
430
303
  readonly borderWidthTop: {
431
- readonly property: {
432
- readonly physical: "borderTopWidth";
433
- readonly logical: "borderBlockStartWidth";
434
- };
435
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
304
+ readonly property: "borderTopWidth";
436
305
  };
437
306
  readonly borderWidthBottom: {
438
- readonly property: {
439
- readonly physical: "borderBottomWidth";
440
- readonly logical: "borderBlockEndWidth";
441
- };
442
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
307
+ readonly property: "borderBottomWidth";
443
308
  };
444
309
  readonly borderRadius: {
445
310
  readonly property: "borderRadius";
@@ -447,70 +312,38 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
447
312
  };
448
313
  readonly borderRadiusLeft: {
449
314
  readonly property: "borderRadius";
450
- readonly properties: {
451
- readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
452
- readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
453
- };
454
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
315
+ readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
455
316
  readonly scale: "borderRadii";
456
317
  };
457
318
  readonly borderRadiusTop: {
458
319
  readonly property: "borderRadius";
459
- readonly properties: {
460
- readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
461
- readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
462
- };
463
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
320
+ readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
464
321
  readonly scale: "borderRadii";
465
322
  };
466
323
  readonly borderRadiusBottom: {
467
324
  readonly property: "borderRadius";
468
- readonly properties: {
469
- readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
470
- readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
471
- };
472
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
325
+ readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
473
326
  readonly scale: "borderRadii";
474
327
  };
475
328
  readonly borderRadiusRight: {
476
329
  readonly property: "borderRadius";
477
- readonly properties: {
478
- readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
479
- readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
480
- };
481
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
330
+ readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
482
331
  readonly scale: "borderRadii";
483
332
  };
484
333
  readonly borderRadiusTopLeft: {
485
- readonly property: {
486
- readonly physical: "borderTopLeftRadius";
487
- readonly logical: "borderStartStartRadius";
488
- };
489
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
334
+ readonly property: "borderTopLeftRadius";
490
335
  readonly scale: "borderRadii";
491
336
  };
492
337
  readonly borderRadiusTopRight: {
493
- readonly property: {
494
- readonly physical: "borderTopRightRadius";
495
- readonly logical: "borderStartEndRadius";
496
- };
497
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
338
+ readonly property: "borderTopRightRadius";
498
339
  readonly scale: "borderRadii";
499
340
  };
500
341
  readonly borderRadiusBottomRight: {
501
- readonly property: {
502
- readonly physical: "borderBottomRightRadius";
503
- readonly logical: "borderEndEndRadius";
504
- };
505
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
342
+ readonly property: "borderBottomRightRadius";
506
343
  readonly scale: "borderRadii";
507
344
  };
508
345
  readonly borderRadiusBottomLeft: {
509
- readonly property: {
510
- readonly physical: "borderBottomLeftRadius";
511
- readonly logical: "borderEndStartRadius";
512
- };
513
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
346
+ readonly property: "borderBottomLeftRadius";
514
347
  readonly scale: "borderRadii";
515
348
  };
516
349
  readonly borderStyle: {
@@ -518,47 +351,23 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
518
351
  };
519
352
  readonly borderStyleX: {
520
353
  readonly property: "borderStyle";
521
- readonly properties: {
522
- readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
523
- readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
524
- };
525
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
354
+ readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
526
355
  };
527
356
  readonly borderStyleY: {
528
357
  readonly property: "borderStyle";
529
- readonly properties: {
530
- readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
531
- readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
532
- };
533
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
358
+ readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
534
359
  };
535
360
  readonly borderStyleLeft: {
536
- readonly property: {
537
- readonly physical: "borderLeftStyle";
538
- readonly logical: "borderInlineStartStyle";
539
- };
540
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
361
+ readonly property: "borderLeftStyle";
541
362
  };
542
363
  readonly borderStyleRight: {
543
- readonly property: {
544
- readonly physical: "borderRightStyle";
545
- readonly logical: "borderInlineEndStyle";
546
- };
547
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
364
+ readonly property: "borderRightStyle";
548
365
  };
549
366
  readonly borderStyleTop: {
550
- readonly property: {
551
- readonly physical: "borderTopStyle";
552
- readonly logical: "borderBlockStartStyle";
553
- };
554
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
367
+ readonly property: "borderTopStyle";
555
368
  };
556
369
  readonly borderStyleBottom: {
557
- readonly property: {
558
- readonly physical: "borderBottomStyle";
559
- readonly logical: "borderBlockEndStyle";
560
- };
561
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
370
+ readonly property: "borderBottomStyle";
562
371
  };
563
372
  }>>]>>;
564
373
  export declare const Svg: import("@emotion/styled").StyledComponent<{
@@ -625,59 +434,32 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
625
434
  readonly transform: (value: string | number) => string | 0;
626
435
  }>;
627
436
  width?: import("@codecademy/variance/dist/types/config").Scale<{
628
- readonly property: {
629
- readonly physical: "width";
630
- readonly logical: "inlineSize";
631
- };
632
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
437
+ readonly property: "width";
633
438
  readonly transform: (value: string | number) => string | 0;
634
439
  }>;
635
440
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
636
- readonly property: {
637
- readonly physical: "minWidth";
638
- readonly logical: "minInlineSize";
639
- };
640
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
441
+ readonly property: "minWidth";
641
442
  readonly transform: (value: string | number) => string | 0;
642
443
  }>;
643
444
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
644
- readonly property: {
645
- readonly physical: "maxWidth";
646
- readonly logical: "maxInlineSize";
647
- };
648
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
445
+ readonly property: "maxWidth";
649
446
  readonly transform: (value: string | number) => string | 0;
650
447
  }>;
651
448
  height?: import("@codecademy/variance/dist/types/config").Scale<{
652
- readonly property: {
653
- readonly physical: "height";
654
- readonly logical: "blockSize";
655
- };
656
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
449
+ readonly property: "height";
657
450
  readonly transform: (value: string | number) => string | 0;
658
451
  }>;
659
452
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
660
- readonly property: {
661
- readonly physical: "minHeight";
662
- readonly logical: "minBlockSize";
663
- };
664
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
453
+ readonly property: "minHeight";
665
454
  readonly transform: (value: string | number) => string | 0;
666
455
  }>;
667
456
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
668
- readonly property: {
669
- readonly physical: "maxHeight";
670
- readonly logical: "maxBlockSize";
671
- };
672
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
457
+ readonly property: "maxHeight";
673
458
  readonly transform: (value: string | number) => string | 0;
674
459
  }>;
675
460
  verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
676
461
  readonly property: "verticalAlign";
677
462
  }>;
678
- direction?: import("@codecademy/variance/dist/types/config").Scale<{
679
- readonly property: "direction";
680
- }>;
681
463
  color?: import("@codecademy/variance/dist/types/config").Scale<{
682
464
  readonly property: "color";
683
465
  readonly scale: "colors";
@@ -696,40 +478,28 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
696
478
  }>;
697
479
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
698
480
  readonly property: "borderColor";
699
- readonly properties: {
700
- readonly physical: readonly ["borderLeftColor", "borderRightColor"];
701
- readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
702
- };
703
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
481
+ readonly properties: readonly ["borderLeftColor", "borderRightColor"];
704
482
  readonly scale: "colors";
705
483
  }>;
706
484
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
707
485
  readonly property: "borderColor";
708
- readonly properties: {
709
- readonly physical: readonly ["borderTopColor", "borderBottomColor"];
710
- readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
711
- };
712
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
486
+ readonly properties: readonly ["borderTopColor", "borderBottomColor"];
713
487
  readonly scale: "colors";
714
488
  }>;
715
489
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
716
490
  readonly property: "borderLeftColor";
717
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
718
491
  readonly scale: "colors";
719
492
  }>;
720
493
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
721
494
  readonly property: "borderRightColor";
722
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
723
495
  readonly scale: "colors";
724
496
  }>;
725
497
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
726
498
  readonly property: "borderTopColor";
727
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
728
499
  readonly scale: "colors";
729
500
  }>;
730
501
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
731
502
  readonly property: "borderBottomColor";
732
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
733
503
  readonly scale: "colors";
734
504
  }>;
735
505
  p?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -738,53 +508,29 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
738
508
  }>;
739
509
  px?: import("@codecademy/variance/dist/types/config").Scale<{
740
510
  readonly property: "padding";
741
- readonly properties: {
742
- readonly physical: readonly ["paddingLeft", "paddingRight"];
743
- readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
744
- };
511
+ readonly properties: readonly ["paddingLeft", "paddingRight"];
745
512
  readonly scale: "spacing";
746
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
747
513
  }>;
748
514
  py?: import("@codecademy/variance/dist/types/config").Scale<{
749
515
  readonly property: "padding";
750
- readonly properties: {
751
- readonly physical: readonly ["paddingTop", "paddingBottom"];
752
- readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
753
- };
516
+ readonly properties: readonly ["paddingTop", "paddingBottom"];
754
517
  readonly scale: "spacing";
755
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
756
518
  }>;
757
519
  pt?: import("@codecademy/variance/dist/types/config").Scale<{
758
- readonly property: {
759
- readonly physical: "paddingTop";
760
- readonly logical: "paddingBlockStart";
761
- };
520
+ readonly property: "paddingTop";
762
521
  readonly scale: "spacing";
763
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
764
522
  }>;
765
523
  pb?: import("@codecademy/variance/dist/types/config").Scale<{
766
- readonly property: {
767
- readonly physical: "paddingBottom";
768
- readonly logical: "paddingBlockEnd";
769
- };
524
+ readonly property: "paddingBottom";
770
525
  readonly scale: "spacing";
771
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
772
526
  }>;
773
527
  pr?: import("@codecademy/variance/dist/types/config").Scale<{
774
- readonly property: {
775
- readonly physical: "paddingRight";
776
- readonly logical: "paddingInlineEnd";
777
- };
528
+ readonly property: "paddingRight";
778
529
  readonly scale: "spacing";
779
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
780
530
  }>;
781
531
  pl?: import("@codecademy/variance/dist/types/config").Scale<{
782
- readonly property: {
783
- readonly physical: "paddingLeft";
784
- readonly logical: "paddingInlineStart";
785
- };
532
+ readonly property: "paddingLeft";
786
533
  readonly scale: "spacing";
787
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
788
534
  }>;
789
535
  m?: import("@codecademy/variance/dist/types/config").Scale<{
790
536
  readonly property: "margin";
@@ -792,53 +538,29 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
792
538
  }>;
793
539
  mx?: import("@codecademy/variance/dist/types/config").Scale<{
794
540
  readonly property: "margin";
795
- readonly properties: {
796
- readonly physical: readonly ["marginLeft", "marginRight"];
797
- readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
798
- };
799
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
541
+ readonly properties: readonly ["marginLeft", "marginRight"];
800
542
  readonly scale: "spacing";
801
543
  }>;
802
544
  my?: import("@codecademy/variance/dist/types/config").Scale<{
803
545
  readonly property: "margin";
804
- readonly properties: {
805
- readonly physical: readonly ["marginTop", "marginBottom"];
806
- readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
807
- };
808
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
546
+ readonly properties: readonly ["marginTop", "marginBottom"];
809
547
  readonly scale: "spacing";
810
548
  }>;
811
549
  mt?: import("@codecademy/variance/dist/types/config").Scale<{
812
- readonly property: {
813
- readonly physical: "marginTop";
814
- readonly logical: "marginBlockStart";
815
- };
550
+ readonly property: "marginTop";
816
551
  readonly scale: "spacing";
817
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
818
552
  }>;
819
553
  mb?: import("@codecademy/variance/dist/types/config").Scale<{
820
- readonly property: {
821
- readonly physical: "marginBottom";
822
- readonly logical: "marginBlockEnd";
823
- };
554
+ readonly property: "marginBottom";
824
555
  readonly scale: "spacing";
825
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
826
556
  }>;
827
557
  mr?: import("@codecademy/variance/dist/types/config").Scale<{
828
- readonly property: {
829
- readonly physical: "marginRight";
830
- readonly logical: "marginInlineEnd";
831
- };
558
+ readonly property: "marginRight";
832
559
  readonly scale: "spacing";
833
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
834
560
  }>;
835
561
  ml?: import("@codecademy/variance/dist/types/config").Scale<{
836
- readonly property: {
837
- readonly physical: "marginLeft";
838
- readonly logical: "marginInlineStart";
839
- };
562
+ readonly property: "marginLeft";
840
563
  readonly scale: "spacing";
841
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
842
564
  }>;
843
565
  position?: import("@codecademy/variance/dist/types/config").Scale<{
844
566
  readonly property: "position";
@@ -876,52 +598,28 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
876
598
  }>;
877
599
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
878
600
  readonly property: "border";
879
- readonly properties: {
880
- readonly physical: readonly ["borderLeft", "borderRight"];
881
- readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
882
- };
883
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
601
+ readonly properties: readonly ["borderLeft", "borderRight"];
884
602
  readonly scale: "borders";
885
603
  }>;
886
604
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
887
605
  readonly property: "border";
888
- readonly properties: {
889
- readonly physical: readonly ["borderTop", "borderBottom"];
890
- readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
891
- };
892
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
606
+ readonly properties: readonly ["borderTop", "borderBottom"];
893
607
  readonly scale: "borders";
894
608
  }>;
895
609
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
896
- readonly property: {
897
- readonly physical: "borderTop";
898
- readonly logical: "borderBlockStart";
899
- };
900
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
610
+ readonly property: "borderTop";
901
611
  readonly scale: "borders";
902
612
  }>;
903
613
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
904
- readonly property: {
905
- readonly physical: "borderRight";
906
- readonly logical: "borderInlineEnd";
907
- };
908
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
614
+ readonly property: "borderRight";
909
615
  readonly scale: "borders";
910
616
  }>;
911
617
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
912
- readonly property: {
913
- readonly physical: "borderBottom";
914
- readonly logical: "borderBlockEnd";
915
- };
916
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
618
+ readonly property: "borderBottom";
917
619
  readonly scale: "borders";
918
620
  }>;
919
621
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
920
- readonly property: {
921
- readonly physical: "borderLeft";
922
- readonly logical: "borderInlineStart";
923
- };
924
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
622
+ readonly property: "borderLeft";
925
623
  readonly scale: "borders";
926
624
  }>;
927
625
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -929,47 +627,23 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
929
627
  }>;
930
628
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
931
629
  readonly property: "borderWidth";
932
- readonly properties: {
933
- readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
934
- readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
935
- };
936
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
630
+ readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
937
631
  }>;
938
632
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
939
633
  readonly property: "borderWidth";
940
- readonly properties: {
941
- readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
942
- readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
943
- };
944
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
634
+ readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
945
635
  }>;
946
636
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
947
- readonly property: {
948
- readonly physical: "borderLeftWidth";
949
- readonly logical: "borderInlineStartWidth";
950
- };
951
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
637
+ readonly property: "borderLeftWidth";
952
638
  }>;
953
639
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
954
- readonly property: {
955
- readonly physical: "borderRightWidth";
956
- readonly logical: "borderInlineEndWidth";
957
- };
958
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
640
+ readonly property: "borderRightWidth";
959
641
  }>;
960
642
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
961
- readonly property: {
962
- readonly physical: "borderTopWidth";
963
- readonly logical: "borderBlockStartWidth";
964
- };
965
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
643
+ readonly property: "borderTopWidth";
966
644
  }>;
967
645
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
968
- readonly property: {
969
- readonly physical: "borderBottomWidth";
970
- readonly logical: "borderBlockEndWidth";
971
- };
972
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
646
+ readonly property: "borderBottomWidth";
973
647
  }>;
974
648
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
975
649
  readonly property: "borderRadius";
@@ -977,70 +651,38 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
977
651
  }>;
978
652
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
979
653
  readonly property: "borderRadius";
980
- readonly properties: {
981
- readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
982
- readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
983
- };
984
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
654
+ readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
985
655
  readonly scale: "borderRadii";
986
656
  }>;
987
657
  borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
988
658
  readonly property: "borderRadius";
989
- readonly properties: {
990
- readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
991
- readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
992
- };
993
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
659
+ readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
994
660
  readonly scale: "borderRadii";
995
661
  }>;
996
662
  borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
997
663
  readonly property: "borderRadius";
998
- readonly properties: {
999
- readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1000
- readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
1001
- };
1002
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
664
+ readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1003
665
  readonly scale: "borderRadii";
1004
666
  }>;
1005
667
  borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
1006
668
  readonly property: "borderRadius";
1007
- readonly properties: {
1008
- readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1009
- readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
1010
- };
1011
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
669
+ readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1012
670
  readonly scale: "borderRadii";
1013
671
  }>;
1014
672
  borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1015
- readonly property: {
1016
- readonly physical: "borderTopLeftRadius";
1017
- readonly logical: "borderStartStartRadius";
1018
- };
1019
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
673
+ readonly property: "borderTopLeftRadius";
1020
674
  readonly scale: "borderRadii";
1021
675
  }>;
1022
676
  borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
1023
- readonly property: {
1024
- readonly physical: "borderTopRightRadius";
1025
- readonly logical: "borderStartEndRadius";
1026
- };
1027
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
677
+ readonly property: "borderTopRightRadius";
1028
678
  readonly scale: "borderRadii";
1029
679
  }>;
1030
680
  borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
1031
- readonly property: {
1032
- readonly physical: "borderBottomRightRadius";
1033
- readonly logical: "borderEndEndRadius";
1034
- };
1035
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
681
+ readonly property: "borderBottomRightRadius";
1036
682
  readonly scale: "borderRadii";
1037
683
  }>;
1038
684
  borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1039
- readonly property: {
1040
- readonly physical: "borderBottomLeftRadius";
1041
- readonly logical: "borderEndStartRadius";
1042
- };
1043
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
685
+ readonly property: "borderBottomLeftRadius";
1044
686
  readonly scale: "borderRadii";
1045
687
  }>;
1046
688
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1048,49 +690,25 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
1048
690
  }>;
1049
691
  borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
1050
692
  readonly property: "borderStyle";
1051
- readonly properties: {
1052
- readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
1053
- readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
1054
- };
1055
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
693
+ readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
1056
694
  }>;
1057
695
  borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
1058
696
  readonly property: "borderStyle";
1059
- readonly properties: {
1060
- readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
1061
- readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
1062
- };
1063
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
697
+ readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
1064
698
  }>;
1065
699
  borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1066
- readonly property: {
1067
- readonly physical: "borderLeftStyle";
1068
- readonly logical: "borderInlineStartStyle";
1069
- };
1070
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
700
+ readonly property: "borderLeftStyle";
1071
701
  }>;
1072
702
  borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
1073
- readonly property: {
1074
- readonly physical: "borderRightStyle";
1075
- readonly logical: "borderInlineEndStyle";
1076
- };
1077
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
703
+ readonly property: "borderRightStyle";
1078
704
  }>;
1079
705
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
1080
- readonly property: {
1081
- readonly physical: "borderTopStyle";
1082
- readonly logical: "borderBlockStartStyle";
1083
- };
1084
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
706
+ readonly property: "borderTopStyle";
1085
707
  }>;
1086
708
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1087
- readonly property: {
1088
- readonly physical: "borderBottomStyle";
1089
- readonly logical: "borderBlockEndStyle";
1090
- };
1091
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
709
+ readonly property: "borderBottomStyle";
1092
710
  }>;
1093
711
  } & {
1094
712
  theme?: import("@emotion/react").Theme | undefined;
1095
- }, Pick<import("react").SVGProps<SVGSVGElement>, "string" | "scale" | "filter" | "fill" | "values" | "spacing" | "name" | "clipPath" | "cursor" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "imageRendering" | "paintOrder" | "pointerEvents" | "rotate" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "mask" | "offset" | "min" | "max" | "end" | "clip" | "suppressHydrationWarning" | "className" | "id" | "lang" | "media" | "method" | "style" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "path" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "shapeRendering" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key">, {}>;
713
+ }, Pick<import("react").SVGProps<SVGSVGElement>, "string" | "scale" | "filter" | "fill" | "values" | "spacing" | "name" | "alignmentBaseline" | "baselineShift" | "clipPath" | "clipRule" | "colorInterpolationFilters" | "cursor" | "cx" | "cy" | "d" | "direction" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontSizeAdjust" | "fontVariant" | "imageRendering" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "paintOrder" | "pointerEvents" | "r" | "rotate" | "rx" | "ry" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textRendering" | "transform" | "transformOrigin" | "unicodeBidi" | "vectorEffect" | "visibility" | "wordSpacing" | "writingMode" | "x" | "y" | "mask" | "offset" | "min" | "max" | "end" | "clip" | "suppressHydrationWarning" | "className" | "id" | "lang" | "media" | "method" | "style" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolation" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "fontStretch" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "local" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "path" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "seed" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key">, {}>;
1096
714
  export {};
package/dist/svg/mini/mini-reply-to-message-icon.svg ADDED
@@ -0,0 +1,8 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <mask id="mask0_124902_52001" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M10.2857 0.571446C10.2857 0.340323 10.1465 0.13196 9.93296 0.0435141C9.71943 -0.0449321 9.47366 0.00395682 9.31023 0.167384L7.59594 1.88167C7.37278 2.10482 7.37278 2.46664 7.59594 2.68979L9.31023 4.40408C9.47366 4.56751 9.71943 4.61639 9.93296 4.52794C10.1465 4.4395 10.2857 4.23114 10.2857 4.00001V3.14286H14C14.0758 3.14286 14.1485 3.17296 14.2021 3.22654C14.2557 3.28013 14.2857 3.3528 14.2857 3.42857V11.1429C14.2857 11.2186 14.2557 11.2913 14.2021 11.3449C14.1485 11.3985 14.0758 11.4286 14 11.4286H7.56571C7.37086 11.4286 7.18181 11.495 7.02974 11.6168L4.85714 13.3577V12.2857C4.85714 11.8123 4.47338 11.4286 4 11.4286H2C1.92423 11.4286 1.85155 11.3985 1.79797 11.3449C1.74439 11.2913 1.71429 11.2186 1.71429 11.1429V3.42857C1.71429 3.3528 1.74439 3.28013 1.79797 3.22654C1.85155 3.17296 1.92423 3.14286 2 3.14286H5.14286C5.61624 3.14286 6 2.7591 6 2.28571C6 1.81233 5.61624 1.42857 5.14286 1.42857H2C1.46957 1.42857 0.960859 1.63928 0.585786 2.01435C0.210714 2.38943 0 2.89814 0 3.42857V11.1429C0 11.6733 0.210714 12.1819 0.585786 12.557C0.960859 12.9321 1.46957 13.1429 2 13.1429H3.14286V15.1429C3.14286 15.4725 3.33186 15.7729 3.62899 15.9155C3.92614 16.0582 4.27875 16.0178 4.53598 15.8118L7.86675 13.1429H14C14.5304 13.1429 15.0391 12.9321 15.4142 12.557C15.7893 12.1819 16 11.6733 16 11.1429V3.42857C16 2.89814 15.7893 2.38943 15.4142 2.01435C15.0391 1.63928 14.5304 1.42857 14 1.42857H10.2857V0.571446ZM4.85714 8.71429C5.48832 8.71429 6 8.20261 6 7.57143C6 6.94025 5.48832 6.42857 4.85714 6.42857C4.22597 6.42857 3.71429 6.94025 3.71429 7.57143C3.71429 8.20261 4.22597 8.71429 4.85714 8.71429ZM8 8.71429C8.63118 8.71429 9.14286 8.20261 9.14286 7.57143C9.14286 6.94025 8.63118 6.42857 8 6.42857C7.36882 6.42857 6.85714 6.94025 6.85714 7.57143C6.85714 8.20261 7.36882 8.71429 8 8.71429ZM12.2857 7.57143C12.2857 8.20261 11.7741 8.71429 11.1429 8.71429C10.5117 8.71429 10 8.20261 10 7.57143C10 6.94025 10.5117 6.42857 11.1429 6.42857C11.7741 6.42857 12.2857 6.94025 12.2857 7.57143Z" fill="#000"/>
4
+ </mask>
5
+ <g mask="url(#mask0_124902_52001)">
6
+ <rect width="16" height="16" fill="#000"/>
7
+ </g>
8
+ </svg>
package/dist/svg/mini/mini-smiley-add-reaction-icon.svg ADDED
@@ -0,0 +1,15 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_124902_52004)">
3
+ <mask id="mask0_124902_52004" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M13.1429 0.857143C13.1429 0.383755 12.7591 0 12.2857 0C11.8123 0 11.4286 0.383755 11.4286 0.857143V2.85714H9.42857C8.95519 2.85714 8.57143 3.2409 8.57143 3.71429C8.57143 4.18767 8.95519 4.57143 9.42857 4.57143H11.4286V6.57143C11.4286 7.04481 11.8123 7.42857 12.2857 7.42857C12.7591 7.42857 13.1429 7.04481 13.1429 6.57143V4.57143H15.1429C15.6162 4.57143 16 4.18767 16 3.71429C16 3.2409 15.6162 2.85714 15.1429 2.85714H13.1429V0.857143ZM7.15391 3.48805C7.14659 3.56247 7.14286 3.63794 7.14286 3.71429C7.14286 4.97665 8.16621 6 9.42857 6H10V6.57143C10 7.83379 11.0233 8.85714 12.2857 8.85714C12.3621 8.85714 12.4375 8.85341 12.512 8.84609C12.5512 9.12987 12.5714 9.41971 12.5714 9.71429C12.5714 13.1858 9.75722 16 6.28571 16C2.81421 16 0 13.1858 0 9.71429C0 6.24278 2.81421 3.42857 6.28571 3.42857C6.58029 3.42857 6.87013 3.44883 7.15391 3.48805ZM3.12072 8C3.12072 8.55229 3.56843 9 4.12072 9C4.67301 9 5.12072 8.55229 5.12072 8C5.12072 7.44771 4.67301 7 4.12072 7C3.56843 7 3.12072 7.44771 3.12072 8ZM3.22501 10.0436C3.60311 9.9311 4.00085 10.1464 4.11337 10.5245C4.39213 11.4611 5.26032 12.143 6.2859 12.143C7.31149 12.143 8.17968 11.4611 8.45843 10.5245C8.57096 10.1464 8.9687 9.9311 9.3468 10.0436C9.72489 10.1562 9.94018 10.5539 9.82766 10.932C9.37358 12.4577 7.96074 13.5715 6.2859 13.5715C4.61106 13.5715 3.19823 12.4577 2.74415 10.932C2.63162 10.5539 2.84691 10.1562 3.22501 10.0436ZM7.12072 8C7.12072 8.55229 7.56843 9 8.12072 9C8.67301 9 9.12072 8.55229 9.12072 8C9.12072 7.44771 8.67301 7 8.12072 7C7.56843 7 7.12072 7.44771 7.12072 8Z" fill="#000"/>
5
+ </mask>
6
+ <g mask="url(#mask0_124902_52004)">
7
+ <rect width="16" height="16" fill="#000"/>
8
+ </g>
9
+ </g>
10
+ <defs>
11
+ <clipPath id="clip0_124902_52004">
12
+ <rect width="16" height="16" fill="white"/>
13
+ </clipPath>
14
+ </defs>
15
+ </svg>
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@codecademy/gamut-icons",
3
3
  "description": "Icon library for codecademy.com",
4
- "version": "9.56.0-alpha.2d3aae.0",
4
+ "version": "9.56.0-alpha.38f18e.0",
5
5
  "author": "Codecademy <dev@codecademy.com>",
6
6
  "dependencies": {
7
- "@codecademy/gamut-styles": "17.12.0-alpha.2d3aae.0",
8
- "@codecademy/variance": "0.25.3-alpha.2d3aae.0"
7
+ "@codecademy/gamut-styles": "17.11.3",
8
+ "@codecademy/variance": "0.25.2"
9
9
  },
10
10
  "files": [
11
11
  "dist"
@@ -17,7 +17,7 @@
17
17
  "@emotion/react": "^11.4.0",
18
18
  "@emotion/styled": "^11.3.0",
19
19
  "lodash": "^4.17.23",
20
- "react": "^17.0.2 || ^18.2.0"
20
+ "react": "^17.0.2 || ^18.3.0"
21
21
  },
22
22
  "publishConfig": {
23
23
  "access": "public"
@@ -29,5 +29,5 @@
29
29
  },
30
30
  "sideEffects": false,
31
31
  "types": "dist/index.d.ts",
32
- "gitHead": "bf1034f5df41d892ef8fd8c5ea2da396a9d2b5ae"
32
+ "gitHead": "30900250f39f83263f113b0d9b9aa25eebe02fc1"
33
33
  }