@codecademy/gamut-icons 9.56.0-alpha.f66feb.0 → 9.56.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/icons/mini/MiniReplyToMessageIcon.d.ts +3 -0
- package/dist/icons/mini/MiniReplyToMessageIcon.js +63 -0
- package/dist/icons/mini/MiniSmileyAddReactionIcon.d.ts +3 -0
- package/dist/icons/mini/MiniSmileyAddReactionIcon.js +74 -0
- package/dist/icons/mini/index.d.ts +2 -0
- package/dist/icons/mini/index.js +2 -0
- package/dist/props.d.ts +81 -409
- package/dist/svg/mini/mini-reply-to-message-icon.svg +8 -0
- package/dist/svg/mini/mini-smiley-add-reaction-icon.svg +15 -0
- package/package.json +5 -5
|
@@ -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
|
+
});
|
|
@@ -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
|
+
});
|
|
@@ -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
|
@@ -136,40 +136,28 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
|
|
|
136
136
|
};
|
|
137
137
|
readonly borderColorX: {
|
|
138
138
|
readonly property: "borderColor";
|
|
139
|
-
readonly properties:
|
|
140
|
-
readonly physical: readonly ["borderLeftColor", "borderRightColor"];
|
|
141
|
-
readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
|
|
142
|
-
};
|
|
143
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
139
|
+
readonly properties: readonly ["borderLeftColor", "borderRightColor"];
|
|
144
140
|
readonly scale: "colors";
|
|
145
141
|
};
|
|
146
142
|
readonly borderColorY: {
|
|
147
143
|
readonly property: "borderColor";
|
|
148
|
-
readonly properties:
|
|
149
|
-
readonly physical: readonly ["borderTopColor", "borderBottomColor"];
|
|
150
|
-
readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
|
|
151
|
-
};
|
|
152
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
144
|
+
readonly properties: readonly ["borderTopColor", "borderBottomColor"];
|
|
153
145
|
readonly scale: "colors";
|
|
154
146
|
};
|
|
155
147
|
readonly borderColorLeft: {
|
|
156
148
|
readonly property: "borderLeftColor";
|
|
157
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
158
149
|
readonly scale: "colors";
|
|
159
150
|
};
|
|
160
151
|
readonly borderColorRight: {
|
|
161
152
|
readonly property: "borderRightColor";
|
|
162
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
163
153
|
readonly scale: "colors";
|
|
164
154
|
};
|
|
165
155
|
readonly borderColorTop: {
|
|
166
156
|
readonly property: "borderTopColor";
|
|
167
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
168
157
|
readonly scale: "colors";
|
|
169
158
|
};
|
|
170
159
|
readonly borderColorBottom: {
|
|
171
160
|
readonly property: "borderBottomColor";
|
|
172
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
173
161
|
readonly scale: "colors";
|
|
174
162
|
};
|
|
175
163
|
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
@@ -179,53 +167,29 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
|
|
|
179
167
|
};
|
|
180
168
|
readonly px: {
|
|
181
169
|
readonly property: "padding";
|
|
182
|
-
readonly properties:
|
|
183
|
-
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
184
|
-
readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
|
|
185
|
-
};
|
|
170
|
+
readonly properties: readonly ["paddingLeft", "paddingRight"];
|
|
186
171
|
readonly scale: "spacing";
|
|
187
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
188
172
|
};
|
|
189
173
|
readonly py: {
|
|
190
174
|
readonly property: "padding";
|
|
191
|
-
readonly properties:
|
|
192
|
-
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
193
|
-
readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
|
|
194
|
-
};
|
|
175
|
+
readonly properties: readonly ["paddingTop", "paddingBottom"];
|
|
195
176
|
readonly scale: "spacing";
|
|
196
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
197
177
|
};
|
|
198
178
|
readonly pt: {
|
|
199
|
-
readonly property:
|
|
200
|
-
readonly physical: "paddingTop";
|
|
201
|
-
readonly logical: "paddingBlockStart";
|
|
202
|
-
};
|
|
179
|
+
readonly property: "paddingTop";
|
|
203
180
|
readonly scale: "spacing";
|
|
204
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
205
181
|
};
|
|
206
182
|
readonly pb: {
|
|
207
|
-
readonly property:
|
|
208
|
-
readonly physical: "paddingBottom";
|
|
209
|
-
readonly logical: "paddingBlockEnd";
|
|
210
|
-
};
|
|
183
|
+
readonly property: "paddingBottom";
|
|
211
184
|
readonly scale: "spacing";
|
|
212
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
213
185
|
};
|
|
214
186
|
readonly pr: {
|
|
215
|
-
readonly property:
|
|
216
|
-
readonly physical: "paddingRight";
|
|
217
|
-
readonly logical: "paddingInlineEnd";
|
|
218
|
-
};
|
|
187
|
+
readonly property: "paddingRight";
|
|
219
188
|
readonly scale: "spacing";
|
|
220
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
221
189
|
};
|
|
222
190
|
readonly pl: {
|
|
223
|
-
readonly property:
|
|
224
|
-
readonly physical: "paddingLeft";
|
|
225
|
-
readonly logical: "paddingInlineStart";
|
|
226
|
-
};
|
|
191
|
+
readonly property: "paddingLeft";
|
|
227
192
|
readonly scale: "spacing";
|
|
228
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
229
193
|
};
|
|
230
194
|
readonly m: {
|
|
231
195
|
readonly property: "margin";
|
|
@@ -233,53 +197,29 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
|
|
|
233
197
|
};
|
|
234
198
|
readonly mx: {
|
|
235
199
|
readonly property: "margin";
|
|
236
|
-
readonly properties:
|
|
237
|
-
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
238
|
-
readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
|
|
239
|
-
};
|
|
240
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
200
|
+
readonly properties: readonly ["marginLeft", "marginRight"];
|
|
241
201
|
readonly scale: "spacing";
|
|
242
202
|
};
|
|
243
203
|
readonly my: {
|
|
244
204
|
readonly property: "margin";
|
|
245
|
-
readonly properties:
|
|
246
|
-
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
247
|
-
readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
|
|
248
|
-
};
|
|
249
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
205
|
+
readonly properties: readonly ["marginTop", "marginBottom"];
|
|
250
206
|
readonly scale: "spacing";
|
|
251
207
|
};
|
|
252
208
|
readonly mt: {
|
|
253
|
-
readonly property:
|
|
254
|
-
readonly physical: "marginTop";
|
|
255
|
-
readonly logical: "marginBlockStart";
|
|
256
|
-
};
|
|
209
|
+
readonly property: "marginTop";
|
|
257
210
|
readonly scale: "spacing";
|
|
258
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
259
211
|
};
|
|
260
212
|
readonly mb: {
|
|
261
|
-
readonly property:
|
|
262
|
-
readonly physical: "marginBottom";
|
|
263
|
-
readonly logical: "marginBlockEnd";
|
|
264
|
-
};
|
|
213
|
+
readonly property: "marginBottom";
|
|
265
214
|
readonly scale: "spacing";
|
|
266
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
267
215
|
};
|
|
268
216
|
readonly mr: {
|
|
269
|
-
readonly property:
|
|
270
|
-
readonly physical: "marginRight";
|
|
271
|
-
readonly logical: "marginInlineEnd";
|
|
272
|
-
};
|
|
217
|
+
readonly property: "marginRight";
|
|
273
218
|
readonly scale: "spacing";
|
|
274
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
275
219
|
};
|
|
276
220
|
readonly ml: {
|
|
277
|
-
readonly property:
|
|
278
|
-
readonly physical: "marginLeft";
|
|
279
|
-
readonly logical: "marginInlineStart";
|
|
280
|
-
};
|
|
221
|
+
readonly property: "marginLeft";
|
|
281
222
|
readonly scale: "spacing";
|
|
282
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
283
223
|
};
|
|
284
224
|
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
285
225
|
readonly position: {
|
|
@@ -319,52 +259,28 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
|
|
|
319
259
|
};
|
|
320
260
|
readonly borderX: {
|
|
321
261
|
readonly property: "border";
|
|
322
|
-
readonly properties:
|
|
323
|
-
readonly physical: readonly ["borderLeft", "borderRight"];
|
|
324
|
-
readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
|
|
325
|
-
};
|
|
326
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
262
|
+
readonly properties: readonly ["borderLeft", "borderRight"];
|
|
327
263
|
readonly scale: "borders";
|
|
328
264
|
};
|
|
329
265
|
readonly borderY: {
|
|
330
266
|
readonly property: "border";
|
|
331
|
-
readonly properties:
|
|
332
|
-
readonly physical: readonly ["borderTop", "borderBottom"];
|
|
333
|
-
readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
|
|
334
|
-
};
|
|
335
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
267
|
+
readonly properties: readonly ["borderTop", "borderBottom"];
|
|
336
268
|
readonly scale: "borders";
|
|
337
269
|
};
|
|
338
270
|
readonly borderTop: {
|
|
339
|
-
readonly property:
|
|
340
|
-
readonly physical: "borderTop";
|
|
341
|
-
readonly logical: "borderBlockStart";
|
|
342
|
-
};
|
|
343
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
271
|
+
readonly property: "borderTop";
|
|
344
272
|
readonly scale: "borders";
|
|
345
273
|
};
|
|
346
274
|
readonly borderRight: {
|
|
347
|
-
readonly property:
|
|
348
|
-
readonly physical: "borderRight";
|
|
349
|
-
readonly logical: "borderInlineEnd";
|
|
350
|
-
};
|
|
351
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
275
|
+
readonly property: "borderRight";
|
|
352
276
|
readonly scale: "borders";
|
|
353
277
|
};
|
|
354
278
|
readonly borderBottom: {
|
|
355
|
-
readonly property:
|
|
356
|
-
readonly physical: "borderBottom";
|
|
357
|
-
readonly logical: "borderBlockEnd";
|
|
358
|
-
};
|
|
359
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
279
|
+
readonly property: "borderBottom";
|
|
360
280
|
readonly scale: "borders";
|
|
361
281
|
};
|
|
362
282
|
readonly borderLeft: {
|
|
363
|
-
readonly property:
|
|
364
|
-
readonly physical: "borderLeft";
|
|
365
|
-
readonly logical: "borderInlineStart";
|
|
366
|
-
};
|
|
367
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
283
|
+
readonly property: "borderLeft";
|
|
368
284
|
readonly scale: "borders";
|
|
369
285
|
};
|
|
370
286
|
readonly borderWidth: {
|
|
@@ -372,47 +288,23 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
|
|
|
372
288
|
};
|
|
373
289
|
readonly borderWidthX: {
|
|
374
290
|
readonly property: "borderWidth";
|
|
375
|
-
readonly properties:
|
|
376
|
-
readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
377
|
-
readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
|
|
378
|
-
};
|
|
379
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
291
|
+
readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
380
292
|
};
|
|
381
293
|
readonly borderWidthY: {
|
|
382
294
|
readonly property: "borderWidth";
|
|
383
|
-
readonly properties:
|
|
384
|
-
readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
385
|
-
readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
|
|
386
|
-
};
|
|
387
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
295
|
+
readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
388
296
|
};
|
|
389
297
|
readonly borderWidthLeft: {
|
|
390
|
-
readonly property:
|
|
391
|
-
readonly physical: "borderLeftWidth";
|
|
392
|
-
readonly logical: "borderInlineStartWidth";
|
|
393
|
-
};
|
|
394
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
298
|
+
readonly property: "borderLeftWidth";
|
|
395
299
|
};
|
|
396
300
|
readonly borderWidthRight: {
|
|
397
|
-
readonly property:
|
|
398
|
-
readonly physical: "borderRightWidth";
|
|
399
|
-
readonly logical: "borderInlineEndWidth";
|
|
400
|
-
};
|
|
401
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
301
|
+
readonly property: "borderRightWidth";
|
|
402
302
|
};
|
|
403
303
|
readonly borderWidthTop: {
|
|
404
|
-
readonly property:
|
|
405
|
-
readonly physical: "borderTopWidth";
|
|
406
|
-
readonly logical: "borderBlockStartWidth";
|
|
407
|
-
};
|
|
408
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
304
|
+
readonly property: "borderTopWidth";
|
|
409
305
|
};
|
|
410
306
|
readonly borderWidthBottom: {
|
|
411
|
-
readonly property:
|
|
412
|
-
readonly physical: "borderBottomWidth";
|
|
413
|
-
readonly logical: "borderBlockEndWidth";
|
|
414
|
-
};
|
|
415
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
307
|
+
readonly property: "borderBottomWidth";
|
|
416
308
|
};
|
|
417
309
|
readonly borderRadius: {
|
|
418
310
|
readonly property: "borderRadius";
|
|
@@ -420,70 +312,38 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
|
|
|
420
312
|
};
|
|
421
313
|
readonly borderRadiusLeft: {
|
|
422
314
|
readonly property: "borderRadius";
|
|
423
|
-
readonly properties:
|
|
424
|
-
readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
|
|
425
|
-
readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
|
|
426
|
-
};
|
|
427
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
315
|
+
readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
|
|
428
316
|
readonly scale: "borderRadii";
|
|
429
317
|
};
|
|
430
318
|
readonly borderRadiusTop: {
|
|
431
319
|
readonly property: "borderRadius";
|
|
432
|
-
readonly properties:
|
|
433
|
-
readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
|
|
434
|
-
readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
|
|
435
|
-
};
|
|
436
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
320
|
+
readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
|
|
437
321
|
readonly scale: "borderRadii";
|
|
438
322
|
};
|
|
439
323
|
readonly borderRadiusBottom: {
|
|
440
324
|
readonly property: "borderRadius";
|
|
441
|
-
readonly properties:
|
|
442
|
-
readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
|
|
443
|
-
readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
|
|
444
|
-
};
|
|
445
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
325
|
+
readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
|
|
446
326
|
readonly scale: "borderRadii";
|
|
447
327
|
};
|
|
448
328
|
readonly borderRadiusRight: {
|
|
449
329
|
readonly property: "borderRadius";
|
|
450
|
-
readonly properties:
|
|
451
|
-
readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
|
|
452
|
-
readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
|
|
453
|
-
};
|
|
454
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
330
|
+
readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
|
|
455
331
|
readonly scale: "borderRadii";
|
|
456
332
|
};
|
|
457
333
|
readonly borderRadiusTopLeft: {
|
|
458
|
-
readonly property:
|
|
459
|
-
readonly physical: "borderTopLeftRadius";
|
|
460
|
-
readonly logical: "borderStartStartRadius";
|
|
461
|
-
};
|
|
462
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
334
|
+
readonly property: "borderTopLeftRadius";
|
|
463
335
|
readonly scale: "borderRadii";
|
|
464
336
|
};
|
|
465
337
|
readonly borderRadiusTopRight: {
|
|
466
|
-
readonly property:
|
|
467
|
-
readonly physical: "borderTopRightRadius";
|
|
468
|
-
readonly logical: "borderStartEndRadius";
|
|
469
|
-
};
|
|
470
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
338
|
+
readonly property: "borderTopRightRadius";
|
|
471
339
|
readonly scale: "borderRadii";
|
|
472
340
|
};
|
|
473
341
|
readonly borderRadiusBottomRight: {
|
|
474
|
-
readonly property:
|
|
475
|
-
readonly physical: "borderBottomRightRadius";
|
|
476
|
-
readonly logical: "borderEndEndRadius";
|
|
477
|
-
};
|
|
478
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
342
|
+
readonly property: "borderBottomRightRadius";
|
|
479
343
|
readonly scale: "borderRadii";
|
|
480
344
|
};
|
|
481
345
|
readonly borderRadiusBottomLeft: {
|
|
482
|
-
readonly property:
|
|
483
|
-
readonly physical: "borderBottomLeftRadius";
|
|
484
|
-
readonly logical: "borderEndStartRadius";
|
|
485
|
-
};
|
|
486
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
346
|
+
readonly property: "borderBottomLeftRadius";
|
|
487
347
|
readonly scale: "borderRadii";
|
|
488
348
|
};
|
|
489
349
|
readonly borderStyle: {
|
|
@@ -491,47 +351,23 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
|
|
|
491
351
|
};
|
|
492
352
|
readonly borderStyleX: {
|
|
493
353
|
readonly property: "borderStyle";
|
|
494
|
-
readonly properties:
|
|
495
|
-
readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
|
|
496
|
-
readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
|
|
497
|
-
};
|
|
498
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
354
|
+
readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
|
|
499
355
|
};
|
|
500
356
|
readonly borderStyleY: {
|
|
501
357
|
readonly property: "borderStyle";
|
|
502
|
-
readonly properties:
|
|
503
|
-
readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
|
|
504
|
-
readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
|
|
505
|
-
};
|
|
506
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
358
|
+
readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
|
|
507
359
|
};
|
|
508
360
|
readonly borderStyleLeft: {
|
|
509
|
-
readonly property:
|
|
510
|
-
readonly physical: "borderLeftStyle";
|
|
511
|
-
readonly logical: "borderInlineStartStyle";
|
|
512
|
-
};
|
|
513
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
361
|
+
readonly property: "borderLeftStyle";
|
|
514
362
|
};
|
|
515
363
|
readonly borderStyleRight: {
|
|
516
|
-
readonly property:
|
|
517
|
-
readonly physical: "borderRightStyle";
|
|
518
|
-
readonly logical: "borderInlineEndStyle";
|
|
519
|
-
};
|
|
520
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
364
|
+
readonly property: "borderRightStyle";
|
|
521
365
|
};
|
|
522
366
|
readonly borderStyleTop: {
|
|
523
|
-
readonly property:
|
|
524
|
-
readonly physical: "borderTopStyle";
|
|
525
|
-
readonly logical: "borderBlockStartStyle";
|
|
526
|
-
};
|
|
527
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
367
|
+
readonly property: "borderTopStyle";
|
|
528
368
|
};
|
|
529
369
|
readonly borderStyleBottom: {
|
|
530
|
-
readonly property:
|
|
531
|
-
readonly physical: "borderBottomStyle";
|
|
532
|
-
readonly logical: "borderBlockEndStyle";
|
|
533
|
-
};
|
|
534
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
370
|
+
readonly property: "borderBottomStyle";
|
|
535
371
|
};
|
|
536
372
|
}>>]>>;
|
|
537
373
|
export declare const Svg: import("@emotion/styled").StyledComponent<{
|
|
@@ -642,40 +478,28 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
|
|
|
642
478
|
}>;
|
|
643
479
|
borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
644
480
|
readonly property: "borderColor";
|
|
645
|
-
readonly properties:
|
|
646
|
-
readonly physical: readonly ["borderLeftColor", "borderRightColor"];
|
|
647
|
-
readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
|
|
648
|
-
};
|
|
649
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
481
|
+
readonly properties: readonly ["borderLeftColor", "borderRightColor"];
|
|
650
482
|
readonly scale: "colors";
|
|
651
483
|
}>;
|
|
652
484
|
borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
653
485
|
readonly property: "borderColor";
|
|
654
|
-
readonly properties:
|
|
655
|
-
readonly physical: readonly ["borderTopColor", "borderBottomColor"];
|
|
656
|
-
readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
|
|
657
|
-
};
|
|
658
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
486
|
+
readonly properties: readonly ["borderTopColor", "borderBottomColor"];
|
|
659
487
|
readonly scale: "colors";
|
|
660
488
|
}>;
|
|
661
489
|
borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
662
490
|
readonly property: "borderLeftColor";
|
|
663
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
664
491
|
readonly scale: "colors";
|
|
665
492
|
}>;
|
|
666
493
|
borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
667
494
|
readonly property: "borderRightColor";
|
|
668
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
669
495
|
readonly scale: "colors";
|
|
670
496
|
}>;
|
|
671
497
|
borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
672
498
|
readonly property: "borderTopColor";
|
|
673
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
674
499
|
readonly scale: "colors";
|
|
675
500
|
}>;
|
|
676
501
|
borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
677
502
|
readonly property: "borderBottomColor";
|
|
678
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
679
503
|
readonly scale: "colors";
|
|
680
504
|
}>;
|
|
681
505
|
p?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -684,53 +508,29 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
|
|
|
684
508
|
}>;
|
|
685
509
|
px?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
686
510
|
readonly property: "padding";
|
|
687
|
-
readonly properties:
|
|
688
|
-
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
689
|
-
readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
|
|
690
|
-
};
|
|
511
|
+
readonly properties: readonly ["paddingLeft", "paddingRight"];
|
|
691
512
|
readonly scale: "spacing";
|
|
692
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
693
513
|
}>;
|
|
694
514
|
py?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
695
515
|
readonly property: "padding";
|
|
696
|
-
readonly properties:
|
|
697
|
-
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
698
|
-
readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
|
|
699
|
-
};
|
|
516
|
+
readonly properties: readonly ["paddingTop", "paddingBottom"];
|
|
700
517
|
readonly scale: "spacing";
|
|
701
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
702
518
|
}>;
|
|
703
519
|
pt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
704
|
-
readonly property:
|
|
705
|
-
readonly physical: "paddingTop";
|
|
706
|
-
readonly logical: "paddingBlockStart";
|
|
707
|
-
};
|
|
520
|
+
readonly property: "paddingTop";
|
|
708
521
|
readonly scale: "spacing";
|
|
709
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
710
522
|
}>;
|
|
711
523
|
pb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
712
|
-
readonly property:
|
|
713
|
-
readonly physical: "paddingBottom";
|
|
714
|
-
readonly logical: "paddingBlockEnd";
|
|
715
|
-
};
|
|
524
|
+
readonly property: "paddingBottom";
|
|
716
525
|
readonly scale: "spacing";
|
|
717
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
718
526
|
}>;
|
|
719
527
|
pr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
720
|
-
readonly property:
|
|
721
|
-
readonly physical: "paddingRight";
|
|
722
|
-
readonly logical: "paddingInlineEnd";
|
|
723
|
-
};
|
|
528
|
+
readonly property: "paddingRight";
|
|
724
529
|
readonly scale: "spacing";
|
|
725
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
726
530
|
}>;
|
|
727
531
|
pl?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
728
|
-
readonly property:
|
|
729
|
-
readonly physical: "paddingLeft";
|
|
730
|
-
readonly logical: "paddingInlineStart";
|
|
731
|
-
};
|
|
532
|
+
readonly property: "paddingLeft";
|
|
732
533
|
readonly scale: "spacing";
|
|
733
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
734
534
|
}>;
|
|
735
535
|
m?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
736
536
|
readonly property: "margin";
|
|
@@ -738,53 +538,29 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
|
|
|
738
538
|
}>;
|
|
739
539
|
mx?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
740
540
|
readonly property: "margin";
|
|
741
|
-
readonly properties:
|
|
742
|
-
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
743
|
-
readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
|
|
744
|
-
};
|
|
745
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
541
|
+
readonly properties: readonly ["marginLeft", "marginRight"];
|
|
746
542
|
readonly scale: "spacing";
|
|
747
543
|
}>;
|
|
748
544
|
my?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
749
545
|
readonly property: "margin";
|
|
750
|
-
readonly properties:
|
|
751
|
-
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
752
|
-
readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
|
|
753
|
-
};
|
|
754
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
546
|
+
readonly properties: readonly ["marginTop", "marginBottom"];
|
|
755
547
|
readonly scale: "spacing";
|
|
756
548
|
}>;
|
|
757
549
|
mt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
758
|
-
readonly property:
|
|
759
|
-
readonly physical: "marginTop";
|
|
760
|
-
readonly logical: "marginBlockStart";
|
|
761
|
-
};
|
|
550
|
+
readonly property: "marginTop";
|
|
762
551
|
readonly scale: "spacing";
|
|
763
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
764
552
|
}>;
|
|
765
553
|
mb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
766
|
-
readonly property:
|
|
767
|
-
readonly physical: "marginBottom";
|
|
768
|
-
readonly logical: "marginBlockEnd";
|
|
769
|
-
};
|
|
554
|
+
readonly property: "marginBottom";
|
|
770
555
|
readonly scale: "spacing";
|
|
771
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
772
556
|
}>;
|
|
773
557
|
mr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
774
|
-
readonly property:
|
|
775
|
-
readonly physical: "marginRight";
|
|
776
|
-
readonly logical: "marginInlineEnd";
|
|
777
|
-
};
|
|
558
|
+
readonly property: "marginRight";
|
|
778
559
|
readonly scale: "spacing";
|
|
779
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
780
560
|
}>;
|
|
781
561
|
ml?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
782
|
-
readonly property:
|
|
783
|
-
readonly physical: "marginLeft";
|
|
784
|
-
readonly logical: "marginInlineStart";
|
|
785
|
-
};
|
|
562
|
+
readonly property: "marginLeft";
|
|
786
563
|
readonly scale: "spacing";
|
|
787
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
788
564
|
}>;
|
|
789
565
|
position?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
790
566
|
readonly property: "position";
|
|
@@ -822,52 +598,28 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
|
|
|
822
598
|
}>;
|
|
823
599
|
borderX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
824
600
|
readonly property: "border";
|
|
825
|
-
readonly properties:
|
|
826
|
-
readonly physical: readonly ["borderLeft", "borderRight"];
|
|
827
|
-
readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
|
|
828
|
-
};
|
|
829
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
601
|
+
readonly properties: readonly ["borderLeft", "borderRight"];
|
|
830
602
|
readonly scale: "borders";
|
|
831
603
|
}>;
|
|
832
604
|
borderY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
833
605
|
readonly property: "border";
|
|
834
|
-
readonly properties:
|
|
835
|
-
readonly physical: readonly ["borderTop", "borderBottom"];
|
|
836
|
-
readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
|
|
837
|
-
};
|
|
838
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
606
|
+
readonly properties: readonly ["borderTop", "borderBottom"];
|
|
839
607
|
readonly scale: "borders";
|
|
840
608
|
}>;
|
|
841
609
|
borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
842
|
-
readonly property:
|
|
843
|
-
readonly physical: "borderTop";
|
|
844
|
-
readonly logical: "borderBlockStart";
|
|
845
|
-
};
|
|
846
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
610
|
+
readonly property: "borderTop";
|
|
847
611
|
readonly scale: "borders";
|
|
848
612
|
}>;
|
|
849
613
|
borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
850
|
-
readonly property:
|
|
851
|
-
readonly physical: "borderRight";
|
|
852
|
-
readonly logical: "borderInlineEnd";
|
|
853
|
-
};
|
|
854
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
614
|
+
readonly property: "borderRight";
|
|
855
615
|
readonly scale: "borders";
|
|
856
616
|
}>;
|
|
857
617
|
borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
858
|
-
readonly property:
|
|
859
|
-
readonly physical: "borderBottom";
|
|
860
|
-
readonly logical: "borderBlockEnd";
|
|
861
|
-
};
|
|
862
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
618
|
+
readonly property: "borderBottom";
|
|
863
619
|
readonly scale: "borders";
|
|
864
620
|
}>;
|
|
865
621
|
borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
866
|
-
readonly property:
|
|
867
|
-
readonly physical: "borderLeft";
|
|
868
|
-
readonly logical: "borderInlineStart";
|
|
869
|
-
};
|
|
870
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
622
|
+
readonly property: "borderLeft";
|
|
871
623
|
readonly scale: "borders";
|
|
872
624
|
}>;
|
|
873
625
|
borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -875,47 +627,23 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
|
|
|
875
627
|
}>;
|
|
876
628
|
borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
877
629
|
readonly property: "borderWidth";
|
|
878
|
-
readonly properties:
|
|
879
|
-
readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
880
|
-
readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
|
|
881
|
-
};
|
|
882
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
630
|
+
readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
883
631
|
}>;
|
|
884
632
|
borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
885
633
|
readonly property: "borderWidth";
|
|
886
|
-
readonly properties:
|
|
887
|
-
readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
888
|
-
readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
|
|
889
|
-
};
|
|
890
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
634
|
+
readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
891
635
|
}>;
|
|
892
636
|
borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
893
|
-
readonly property:
|
|
894
|
-
readonly physical: "borderLeftWidth";
|
|
895
|
-
readonly logical: "borderInlineStartWidth";
|
|
896
|
-
};
|
|
897
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
637
|
+
readonly property: "borderLeftWidth";
|
|
898
638
|
}>;
|
|
899
639
|
borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
900
|
-
readonly property:
|
|
901
|
-
readonly physical: "borderRightWidth";
|
|
902
|
-
readonly logical: "borderInlineEndWidth";
|
|
903
|
-
};
|
|
904
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
640
|
+
readonly property: "borderRightWidth";
|
|
905
641
|
}>;
|
|
906
642
|
borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
907
|
-
readonly property:
|
|
908
|
-
readonly physical: "borderTopWidth";
|
|
909
|
-
readonly logical: "borderBlockStartWidth";
|
|
910
|
-
};
|
|
911
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
643
|
+
readonly property: "borderTopWidth";
|
|
912
644
|
}>;
|
|
913
645
|
borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
914
|
-
readonly property:
|
|
915
|
-
readonly physical: "borderBottomWidth";
|
|
916
|
-
readonly logical: "borderBlockEndWidth";
|
|
917
|
-
};
|
|
918
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
646
|
+
readonly property: "borderBottomWidth";
|
|
919
647
|
}>;
|
|
920
648
|
borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
921
649
|
readonly property: "borderRadius";
|
|
@@ -923,70 +651,38 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
|
|
|
923
651
|
}>;
|
|
924
652
|
borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
925
653
|
readonly property: "borderRadius";
|
|
926
|
-
readonly properties:
|
|
927
|
-
readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
|
|
928
|
-
readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
|
|
929
|
-
};
|
|
930
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
654
|
+
readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
|
|
931
655
|
readonly scale: "borderRadii";
|
|
932
656
|
}>;
|
|
933
657
|
borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
934
658
|
readonly property: "borderRadius";
|
|
935
|
-
readonly properties:
|
|
936
|
-
readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
|
|
937
|
-
readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
|
|
938
|
-
};
|
|
939
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
659
|
+
readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
|
|
940
660
|
readonly scale: "borderRadii";
|
|
941
661
|
}>;
|
|
942
662
|
borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
943
663
|
readonly property: "borderRadius";
|
|
944
|
-
readonly properties:
|
|
945
|
-
readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
|
|
946
|
-
readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
|
|
947
|
-
};
|
|
948
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
664
|
+
readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
|
|
949
665
|
readonly scale: "borderRadii";
|
|
950
666
|
}>;
|
|
951
667
|
borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
952
668
|
readonly property: "borderRadius";
|
|
953
|
-
readonly properties:
|
|
954
|
-
readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
|
|
955
|
-
readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
|
|
956
|
-
};
|
|
957
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
669
|
+
readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
|
|
958
670
|
readonly scale: "borderRadii";
|
|
959
671
|
}>;
|
|
960
672
|
borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
961
|
-
readonly property:
|
|
962
|
-
readonly physical: "borderTopLeftRadius";
|
|
963
|
-
readonly logical: "borderStartStartRadius";
|
|
964
|
-
};
|
|
965
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
673
|
+
readonly property: "borderTopLeftRadius";
|
|
966
674
|
readonly scale: "borderRadii";
|
|
967
675
|
}>;
|
|
968
676
|
borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
969
|
-
readonly property:
|
|
970
|
-
readonly physical: "borderTopRightRadius";
|
|
971
|
-
readonly logical: "borderStartEndRadius";
|
|
972
|
-
};
|
|
973
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
677
|
+
readonly property: "borderTopRightRadius";
|
|
974
678
|
readonly scale: "borderRadii";
|
|
975
679
|
}>;
|
|
976
680
|
borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
977
|
-
readonly property:
|
|
978
|
-
readonly physical: "borderBottomRightRadius";
|
|
979
|
-
readonly logical: "borderEndEndRadius";
|
|
980
|
-
};
|
|
981
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
681
|
+
readonly property: "borderBottomRightRadius";
|
|
982
682
|
readonly scale: "borderRadii";
|
|
983
683
|
}>;
|
|
984
684
|
borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
985
|
-
readonly property:
|
|
986
|
-
readonly physical: "borderBottomLeftRadius";
|
|
987
|
-
readonly logical: "borderEndStartRadius";
|
|
988
|
-
};
|
|
989
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
685
|
+
readonly property: "borderBottomLeftRadius";
|
|
990
686
|
readonly scale: "borderRadii";
|
|
991
687
|
}>;
|
|
992
688
|
borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -994,49 +690,25 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
|
|
|
994
690
|
}>;
|
|
995
691
|
borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
996
692
|
readonly property: "borderStyle";
|
|
997
|
-
readonly properties:
|
|
998
|
-
readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
|
|
999
|
-
readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
|
|
1000
|
-
};
|
|
1001
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
693
|
+
readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
|
|
1002
694
|
}>;
|
|
1003
695
|
borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1004
696
|
readonly property: "borderStyle";
|
|
1005
|
-
readonly properties:
|
|
1006
|
-
readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
|
|
1007
|
-
readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
|
|
1008
|
-
};
|
|
1009
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
697
|
+
readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
|
|
1010
698
|
}>;
|
|
1011
699
|
borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1012
|
-
readonly property:
|
|
1013
|
-
readonly physical: "borderLeftStyle";
|
|
1014
|
-
readonly logical: "borderInlineStartStyle";
|
|
1015
|
-
};
|
|
1016
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
700
|
+
readonly property: "borderLeftStyle";
|
|
1017
701
|
}>;
|
|
1018
702
|
borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1019
|
-
readonly property:
|
|
1020
|
-
readonly physical: "borderRightStyle";
|
|
1021
|
-
readonly logical: "borderInlineEndStyle";
|
|
1022
|
-
};
|
|
1023
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
703
|
+
readonly property: "borderRightStyle";
|
|
1024
704
|
}>;
|
|
1025
705
|
borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1026
|
-
readonly property:
|
|
1027
|
-
readonly physical: "borderTopStyle";
|
|
1028
|
-
readonly logical: "borderBlockStartStyle";
|
|
1029
|
-
};
|
|
1030
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
706
|
+
readonly property: "borderTopStyle";
|
|
1031
707
|
}>;
|
|
1032
708
|
borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
1033
|
-
readonly property:
|
|
1034
|
-
readonly physical: "borderBottomStyle";
|
|
1035
|
-
readonly logical: "borderBlockEndStyle";
|
|
1036
|
-
};
|
|
1037
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
709
|
+
readonly property: "borderBottomStyle";
|
|
1038
710
|
}>;
|
|
1039
711
|
} & {
|
|
1040
712
|
theme?: import("@emotion/react").Theme | undefined;
|
|
1041
|
-
}, Pick<import("react").SVGProps<SVGSVGElement>, "string" | "scale" | "filter" | "fill" | "values" | "spacing" | "name" | "clipPath" | "cursor" | "direction" | "
|
|
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">, {}>;
|
|
1042
714
|
export {};
|
|
@@ -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>
|
|
@@ -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
|
|
4
|
+
"version": "9.56.0",
|
|
5
5
|
"author": "Codecademy <dev@codecademy.com>",
|
|
6
6
|
"dependencies": {
|
|
7
|
-
"@codecademy/gamut-styles": "17.
|
|
8
|
-
"@codecademy/variance": "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.
|
|
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": "
|
|
32
|
+
"gitHead": "ea99df2e216b5647393a0f2b53ff920b2bbd4041"
|
|
33
33
|
}
|