@codecademy/gamut 68.0.1-alpha.42d772.0 → 68.0.1-alpha.470613.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/Box/props.d.ts +26 -130
- package/dist/Button/shared/styles.d.ts +26 -130
- package/dist/Card/elements.d.ts +78 -390
- package/dist/Form/elements/Form.d.ts +26 -130
- package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +26 -130
- package/dist/List/elements.d.ts +26 -130
- package/dist/Menu/elements.d.ts +26 -130
- package/dist/Pagination/AnimatedPaginationButtons.d.ts +26 -130
- package/dist/Pagination/utils.d.ts +26 -130
- package/package.json +7 -7
package/dist/Box/props.d.ts
CHANGED
|
@@ -116,52 +116,28 @@ export declare const boxProps: import("@codecademy/variance/dist/types/config").
|
|
|
116
116
|
};
|
|
117
117
|
readonly borderX: {
|
|
118
118
|
readonly property: "border";
|
|
119
|
-
readonly properties:
|
|
120
|
-
readonly physical: readonly ["borderLeft", "borderRight"];
|
|
121
|
-
readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
|
|
122
|
-
};
|
|
123
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
119
|
+
readonly properties: readonly ["borderLeft", "borderRight"];
|
|
124
120
|
readonly scale: "borders";
|
|
125
121
|
};
|
|
126
122
|
readonly borderY: {
|
|
127
123
|
readonly property: "border";
|
|
128
|
-
readonly properties:
|
|
129
|
-
readonly physical: readonly ["borderTop", "borderBottom"];
|
|
130
|
-
readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
|
|
131
|
-
};
|
|
132
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
124
|
+
readonly properties: readonly ["borderTop", "borderBottom"];
|
|
133
125
|
readonly scale: "borders";
|
|
134
126
|
};
|
|
135
127
|
readonly borderTop: {
|
|
136
|
-
readonly property:
|
|
137
|
-
readonly physical: "borderTop";
|
|
138
|
-
readonly logical: "borderBlockStart";
|
|
139
|
-
};
|
|
140
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
128
|
+
readonly property: "borderTop";
|
|
141
129
|
readonly scale: "borders";
|
|
142
130
|
};
|
|
143
131
|
readonly borderRight: {
|
|
144
|
-
readonly property:
|
|
145
|
-
readonly physical: "borderRight";
|
|
146
|
-
readonly logical: "borderInlineEnd";
|
|
147
|
-
};
|
|
148
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
132
|
+
readonly property: "borderRight";
|
|
149
133
|
readonly scale: "borders";
|
|
150
134
|
};
|
|
151
135
|
readonly borderBottom: {
|
|
152
|
-
readonly property:
|
|
153
|
-
readonly physical: "borderBottom";
|
|
154
|
-
readonly logical: "borderBlockEnd";
|
|
155
|
-
};
|
|
156
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
136
|
+
readonly property: "borderBottom";
|
|
157
137
|
readonly scale: "borders";
|
|
158
138
|
};
|
|
159
139
|
readonly borderLeft: {
|
|
160
|
-
readonly property:
|
|
161
|
-
readonly physical: "borderLeft";
|
|
162
|
-
readonly logical: "borderInlineStart";
|
|
163
|
-
};
|
|
164
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
140
|
+
readonly property: "borderLeft";
|
|
165
141
|
readonly scale: "borders";
|
|
166
142
|
};
|
|
167
143
|
readonly borderWidth: {
|
|
@@ -169,47 +145,23 @@ export declare const boxProps: import("@codecademy/variance/dist/types/config").
|
|
|
169
145
|
};
|
|
170
146
|
readonly borderWidthX: {
|
|
171
147
|
readonly property: "borderWidth";
|
|
172
|
-
readonly properties:
|
|
173
|
-
readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
174
|
-
readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
|
|
175
|
-
};
|
|
176
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
148
|
+
readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
177
149
|
};
|
|
178
150
|
readonly borderWidthY: {
|
|
179
151
|
readonly property: "borderWidth";
|
|
180
|
-
readonly properties:
|
|
181
|
-
readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
182
|
-
readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
|
|
183
|
-
};
|
|
184
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
152
|
+
readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
185
153
|
};
|
|
186
154
|
readonly borderWidthLeft: {
|
|
187
|
-
readonly property:
|
|
188
|
-
readonly physical: "borderLeftWidth";
|
|
189
|
-
readonly logical: "borderInlineStartWidth";
|
|
190
|
-
};
|
|
191
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
155
|
+
readonly property: "borderLeftWidth";
|
|
192
156
|
};
|
|
193
157
|
readonly borderWidthRight: {
|
|
194
|
-
readonly property:
|
|
195
|
-
readonly physical: "borderRightWidth";
|
|
196
|
-
readonly logical: "borderInlineEndWidth";
|
|
197
|
-
};
|
|
198
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
158
|
+
readonly property: "borderRightWidth";
|
|
199
159
|
};
|
|
200
160
|
readonly borderWidthTop: {
|
|
201
|
-
readonly property:
|
|
202
|
-
readonly physical: "borderTopWidth";
|
|
203
|
-
readonly logical: "borderBlockStartWidth";
|
|
204
|
-
};
|
|
205
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
161
|
+
readonly property: "borderTopWidth";
|
|
206
162
|
};
|
|
207
163
|
readonly borderWidthBottom: {
|
|
208
|
-
readonly property:
|
|
209
|
-
readonly physical: "borderBottomWidth";
|
|
210
|
-
readonly logical: "borderBlockEndWidth";
|
|
211
|
-
};
|
|
212
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
164
|
+
readonly property: "borderBottomWidth";
|
|
213
165
|
};
|
|
214
166
|
readonly borderRadius: {
|
|
215
167
|
readonly property: "borderRadius";
|
|
@@ -217,70 +169,38 @@ export declare const boxProps: import("@codecademy/variance/dist/types/config").
|
|
|
217
169
|
};
|
|
218
170
|
readonly borderRadiusLeft: {
|
|
219
171
|
readonly property: "borderRadius";
|
|
220
|
-
readonly properties:
|
|
221
|
-
readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
|
|
222
|
-
readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
|
|
223
|
-
};
|
|
224
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
172
|
+
readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
|
|
225
173
|
readonly scale: "borderRadii";
|
|
226
174
|
};
|
|
227
175
|
readonly borderRadiusTop: {
|
|
228
176
|
readonly property: "borderRadius";
|
|
229
|
-
readonly properties:
|
|
230
|
-
readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
|
|
231
|
-
readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
|
|
232
|
-
};
|
|
233
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
177
|
+
readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
|
|
234
178
|
readonly scale: "borderRadii";
|
|
235
179
|
};
|
|
236
180
|
readonly borderRadiusBottom: {
|
|
237
181
|
readonly property: "borderRadius";
|
|
238
|
-
readonly properties:
|
|
239
|
-
readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
|
|
240
|
-
readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
|
|
241
|
-
};
|
|
242
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
182
|
+
readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
|
|
243
183
|
readonly scale: "borderRadii";
|
|
244
184
|
};
|
|
245
185
|
readonly borderRadiusRight: {
|
|
246
186
|
readonly property: "borderRadius";
|
|
247
|
-
readonly properties:
|
|
248
|
-
readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
|
|
249
|
-
readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
|
|
250
|
-
};
|
|
251
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
187
|
+
readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
|
|
252
188
|
readonly scale: "borderRadii";
|
|
253
189
|
};
|
|
254
190
|
readonly borderRadiusTopLeft: {
|
|
255
|
-
readonly property:
|
|
256
|
-
readonly physical: "borderTopLeftRadius";
|
|
257
|
-
readonly logical: "borderStartStartRadius";
|
|
258
|
-
};
|
|
259
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
191
|
+
readonly property: "borderTopLeftRadius";
|
|
260
192
|
readonly scale: "borderRadii";
|
|
261
193
|
};
|
|
262
194
|
readonly borderRadiusTopRight: {
|
|
263
|
-
readonly property:
|
|
264
|
-
readonly physical: "borderTopRightRadius";
|
|
265
|
-
readonly logical: "borderStartEndRadius";
|
|
266
|
-
};
|
|
267
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
195
|
+
readonly property: "borderTopRightRadius";
|
|
268
196
|
readonly scale: "borderRadii";
|
|
269
197
|
};
|
|
270
198
|
readonly borderRadiusBottomRight: {
|
|
271
|
-
readonly property:
|
|
272
|
-
readonly physical: "borderBottomRightRadius";
|
|
273
|
-
readonly logical: "borderEndEndRadius";
|
|
274
|
-
};
|
|
275
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
199
|
+
readonly property: "borderBottomRightRadius";
|
|
276
200
|
readonly scale: "borderRadii";
|
|
277
201
|
};
|
|
278
202
|
readonly borderRadiusBottomLeft: {
|
|
279
|
-
readonly property:
|
|
280
|
-
readonly physical: "borderBottomLeftRadius";
|
|
281
|
-
readonly logical: "borderEndStartRadius";
|
|
282
|
-
};
|
|
283
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
203
|
+
readonly property: "borderBottomLeftRadius";
|
|
284
204
|
readonly scale: "borderRadii";
|
|
285
205
|
};
|
|
286
206
|
readonly borderStyle: {
|
|
@@ -288,47 +208,23 @@ export declare const boxProps: import("@codecademy/variance/dist/types/config").
|
|
|
288
208
|
};
|
|
289
209
|
readonly borderStyleX: {
|
|
290
210
|
readonly property: "borderStyle";
|
|
291
|
-
readonly properties:
|
|
292
|
-
readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
|
|
293
|
-
readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
|
|
294
|
-
};
|
|
295
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
211
|
+
readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
|
|
296
212
|
};
|
|
297
213
|
readonly borderStyleY: {
|
|
298
214
|
readonly property: "borderStyle";
|
|
299
|
-
readonly properties:
|
|
300
|
-
readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
|
|
301
|
-
readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
|
|
302
|
-
};
|
|
303
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
215
|
+
readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
|
|
304
216
|
};
|
|
305
217
|
readonly borderStyleLeft: {
|
|
306
|
-
readonly property:
|
|
307
|
-
readonly physical: "borderLeftStyle";
|
|
308
|
-
readonly logical: "borderInlineStartStyle";
|
|
309
|
-
};
|
|
310
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
218
|
+
readonly property: "borderLeftStyle";
|
|
311
219
|
};
|
|
312
220
|
readonly borderStyleRight: {
|
|
313
|
-
readonly property:
|
|
314
|
-
readonly physical: "borderRightStyle";
|
|
315
|
-
readonly logical: "borderInlineEndStyle";
|
|
316
|
-
};
|
|
317
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
221
|
+
readonly property: "borderRightStyle";
|
|
318
222
|
};
|
|
319
223
|
readonly borderStyleTop: {
|
|
320
|
-
readonly property:
|
|
321
|
-
readonly physical: "borderTopStyle";
|
|
322
|
-
readonly logical: "borderBlockStartStyle";
|
|
323
|
-
};
|
|
324
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
224
|
+
readonly property: "borderTopStyle";
|
|
325
225
|
};
|
|
326
226
|
readonly borderStyleBottom: {
|
|
327
|
-
readonly property:
|
|
328
|
-
readonly physical: "borderBottomStyle";
|
|
329
|
-
readonly logical: "borderBlockEndStyle";
|
|
330
|
-
};
|
|
331
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
227
|
+
readonly property: "borderBottomStyle";
|
|
332
228
|
};
|
|
333
229
|
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
334
230
|
readonly flexBasis: {
|
|
@@ -238,52 +238,28 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
|
|
|
238
238
|
};
|
|
239
239
|
readonly borderX: {
|
|
240
240
|
readonly property: "border";
|
|
241
|
-
readonly properties:
|
|
242
|
-
readonly physical: readonly ["borderLeft", "borderRight"];
|
|
243
|
-
readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
|
|
244
|
-
};
|
|
245
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
241
|
+
readonly properties: readonly ["borderLeft", "borderRight"];
|
|
246
242
|
readonly scale: "borders";
|
|
247
243
|
};
|
|
248
244
|
readonly borderY: {
|
|
249
245
|
readonly property: "border";
|
|
250
|
-
readonly properties:
|
|
251
|
-
readonly physical: readonly ["borderTop", "borderBottom"];
|
|
252
|
-
readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
|
|
253
|
-
};
|
|
254
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
246
|
+
readonly properties: readonly ["borderTop", "borderBottom"];
|
|
255
247
|
readonly scale: "borders";
|
|
256
248
|
};
|
|
257
249
|
readonly borderTop: {
|
|
258
|
-
readonly property:
|
|
259
|
-
readonly physical: "borderTop";
|
|
260
|
-
readonly logical: "borderBlockStart";
|
|
261
|
-
};
|
|
262
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
250
|
+
readonly property: "borderTop";
|
|
263
251
|
readonly scale: "borders";
|
|
264
252
|
};
|
|
265
253
|
readonly borderRight: {
|
|
266
|
-
readonly property:
|
|
267
|
-
readonly physical: "borderRight";
|
|
268
|
-
readonly logical: "borderInlineEnd";
|
|
269
|
-
};
|
|
270
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
254
|
+
readonly property: "borderRight";
|
|
271
255
|
readonly scale: "borders";
|
|
272
256
|
};
|
|
273
257
|
readonly borderBottom: {
|
|
274
|
-
readonly property:
|
|
275
|
-
readonly physical: "borderBottom";
|
|
276
|
-
readonly logical: "borderBlockEnd";
|
|
277
|
-
};
|
|
278
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
258
|
+
readonly property: "borderBottom";
|
|
279
259
|
readonly scale: "borders";
|
|
280
260
|
};
|
|
281
261
|
readonly borderLeft: {
|
|
282
|
-
readonly property:
|
|
283
|
-
readonly physical: "borderLeft";
|
|
284
|
-
readonly logical: "borderInlineStart";
|
|
285
|
-
};
|
|
286
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
262
|
+
readonly property: "borderLeft";
|
|
287
263
|
readonly scale: "borders";
|
|
288
264
|
};
|
|
289
265
|
readonly borderWidth: {
|
|
@@ -291,47 +267,23 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
|
|
|
291
267
|
};
|
|
292
268
|
readonly borderWidthX: {
|
|
293
269
|
readonly property: "borderWidth";
|
|
294
|
-
readonly properties:
|
|
295
|
-
readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
296
|
-
readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
|
|
297
|
-
};
|
|
298
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
270
|
+
readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
299
271
|
};
|
|
300
272
|
readonly borderWidthY: {
|
|
301
273
|
readonly property: "borderWidth";
|
|
302
|
-
readonly properties:
|
|
303
|
-
readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
304
|
-
readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
|
|
305
|
-
};
|
|
306
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
274
|
+
readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
307
275
|
};
|
|
308
276
|
readonly borderWidthLeft: {
|
|
309
|
-
readonly property:
|
|
310
|
-
readonly physical: "borderLeftWidth";
|
|
311
|
-
readonly logical: "borderInlineStartWidth";
|
|
312
|
-
};
|
|
313
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
277
|
+
readonly property: "borderLeftWidth";
|
|
314
278
|
};
|
|
315
279
|
readonly borderWidthRight: {
|
|
316
|
-
readonly property:
|
|
317
|
-
readonly physical: "borderRightWidth";
|
|
318
|
-
readonly logical: "borderInlineEndWidth";
|
|
319
|
-
};
|
|
320
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
280
|
+
readonly property: "borderRightWidth";
|
|
321
281
|
};
|
|
322
282
|
readonly borderWidthTop: {
|
|
323
|
-
readonly property:
|
|
324
|
-
readonly physical: "borderTopWidth";
|
|
325
|
-
readonly logical: "borderBlockStartWidth";
|
|
326
|
-
};
|
|
327
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
283
|
+
readonly property: "borderTopWidth";
|
|
328
284
|
};
|
|
329
285
|
readonly borderWidthBottom: {
|
|
330
|
-
readonly property:
|
|
331
|
-
readonly physical: "borderBottomWidth";
|
|
332
|
-
readonly logical: "borderBlockEndWidth";
|
|
333
|
-
};
|
|
334
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
286
|
+
readonly property: "borderBottomWidth";
|
|
335
287
|
};
|
|
336
288
|
readonly borderRadius: {
|
|
337
289
|
readonly property: "borderRadius";
|
|
@@ -339,70 +291,38 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
|
|
|
339
291
|
};
|
|
340
292
|
readonly borderRadiusLeft: {
|
|
341
293
|
readonly property: "borderRadius";
|
|
342
|
-
readonly properties:
|
|
343
|
-
readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
|
|
344
|
-
readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
|
|
345
|
-
};
|
|
346
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
294
|
+
readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
|
|
347
295
|
readonly scale: "borderRadii";
|
|
348
296
|
};
|
|
349
297
|
readonly borderRadiusTop: {
|
|
350
298
|
readonly property: "borderRadius";
|
|
351
|
-
readonly properties:
|
|
352
|
-
readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
|
|
353
|
-
readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
|
|
354
|
-
};
|
|
355
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
299
|
+
readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
|
|
356
300
|
readonly scale: "borderRadii";
|
|
357
301
|
};
|
|
358
302
|
readonly borderRadiusBottom: {
|
|
359
303
|
readonly property: "borderRadius";
|
|
360
|
-
readonly properties:
|
|
361
|
-
readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
|
|
362
|
-
readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
|
|
363
|
-
};
|
|
364
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
304
|
+
readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
|
|
365
305
|
readonly scale: "borderRadii";
|
|
366
306
|
};
|
|
367
307
|
readonly borderRadiusRight: {
|
|
368
308
|
readonly property: "borderRadius";
|
|
369
|
-
readonly properties:
|
|
370
|
-
readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
|
|
371
|
-
readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
|
|
372
|
-
};
|
|
373
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
309
|
+
readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
|
|
374
310
|
readonly scale: "borderRadii";
|
|
375
311
|
};
|
|
376
312
|
readonly borderRadiusTopLeft: {
|
|
377
|
-
readonly property:
|
|
378
|
-
readonly physical: "borderTopLeftRadius";
|
|
379
|
-
readonly logical: "borderStartStartRadius";
|
|
380
|
-
};
|
|
381
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
313
|
+
readonly property: "borderTopLeftRadius";
|
|
382
314
|
readonly scale: "borderRadii";
|
|
383
315
|
};
|
|
384
316
|
readonly borderRadiusTopRight: {
|
|
385
|
-
readonly property:
|
|
386
|
-
readonly physical: "borderTopRightRadius";
|
|
387
|
-
readonly logical: "borderStartEndRadius";
|
|
388
|
-
};
|
|
389
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
317
|
+
readonly property: "borderTopRightRadius";
|
|
390
318
|
readonly scale: "borderRadii";
|
|
391
319
|
};
|
|
392
320
|
readonly borderRadiusBottomRight: {
|
|
393
|
-
readonly property:
|
|
394
|
-
readonly physical: "borderBottomRightRadius";
|
|
395
|
-
readonly logical: "borderEndEndRadius";
|
|
396
|
-
};
|
|
397
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
321
|
+
readonly property: "borderBottomRightRadius";
|
|
398
322
|
readonly scale: "borderRadii";
|
|
399
323
|
};
|
|
400
324
|
readonly borderRadiusBottomLeft: {
|
|
401
|
-
readonly property:
|
|
402
|
-
readonly physical: "borderBottomLeftRadius";
|
|
403
|
-
readonly logical: "borderEndStartRadius";
|
|
404
|
-
};
|
|
405
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
325
|
+
readonly property: "borderBottomLeftRadius";
|
|
406
326
|
readonly scale: "borderRadii";
|
|
407
327
|
};
|
|
408
328
|
readonly borderStyle: {
|
|
@@ -410,47 +330,23 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
|
|
|
410
330
|
};
|
|
411
331
|
readonly borderStyleX: {
|
|
412
332
|
readonly property: "borderStyle";
|
|
413
|
-
readonly properties:
|
|
414
|
-
readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
|
|
415
|
-
readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
|
|
416
|
-
};
|
|
417
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
333
|
+
readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
|
|
418
334
|
};
|
|
419
335
|
readonly borderStyleY: {
|
|
420
336
|
readonly property: "borderStyle";
|
|
421
|
-
readonly properties:
|
|
422
|
-
readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
|
|
423
|
-
readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
|
|
424
|
-
};
|
|
425
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
337
|
+
readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
|
|
426
338
|
};
|
|
427
339
|
readonly borderStyleLeft: {
|
|
428
|
-
readonly property:
|
|
429
|
-
readonly physical: "borderLeftStyle";
|
|
430
|
-
readonly logical: "borderInlineStartStyle";
|
|
431
|
-
};
|
|
432
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
340
|
+
readonly property: "borderLeftStyle";
|
|
433
341
|
};
|
|
434
342
|
readonly borderStyleRight: {
|
|
435
|
-
readonly property:
|
|
436
|
-
readonly physical: "borderRightStyle";
|
|
437
|
-
readonly logical: "borderInlineEndStyle";
|
|
438
|
-
};
|
|
439
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
343
|
+
readonly property: "borderRightStyle";
|
|
440
344
|
};
|
|
441
345
|
readonly borderStyleTop: {
|
|
442
|
-
readonly property:
|
|
443
|
-
readonly physical: "borderTopStyle";
|
|
444
|
-
readonly logical: "borderBlockStartStyle";
|
|
445
|
-
};
|
|
446
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
346
|
+
readonly property: "borderTopStyle";
|
|
447
347
|
};
|
|
448
348
|
readonly borderStyleBottom: {
|
|
449
|
-
readonly property:
|
|
450
|
-
readonly physical: "borderBottomStyle";
|
|
451
|
-
readonly logical: "borderBlockEndStyle";
|
|
452
|
-
};
|
|
453
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
349
|
+
readonly property: "borderBottomStyle";
|
|
454
350
|
};
|
|
455
351
|
}>>]>>;
|
|
456
352
|
export declare const templateVariants: <Variant extends string, Styles>(variants: readonly Variant[], template: (colors: Variant) => Styles) => (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", unknown> & {
|