@codecademy/gamut 68.0.1-alpha.a46571.0 → 68.0.1-alpha.f12c24.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 +70 -14
- package/dist/Button/shared/styles.d.ts +70 -14
- package/dist/Card/elements.d.ts +210 -42
- package/dist/Form/elements/Form.d.ts +70 -14
- package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +70 -14
- package/dist/List/elements.d.ts +70 -14
- package/dist/Menu/elements.d.ts +70 -14
- package/dist/Pagination/AnimatedPaginationButtons.d.ts +70 -14
- package/dist/Pagination/utils.d.ts +70 -14
- package/package.json +7 -7
package/dist/Box/props.d.ts
CHANGED
|
@@ -217,38 +217,70 @@ export declare const boxProps: import("@codecademy/variance/dist/types/config").
|
|
|
217
217
|
};
|
|
218
218
|
readonly borderRadiusLeft: {
|
|
219
219
|
readonly property: "borderRadius";
|
|
220
|
-
readonly properties:
|
|
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;
|
|
221
225
|
readonly scale: "borderRadii";
|
|
222
226
|
};
|
|
223
227
|
readonly borderRadiusTop: {
|
|
224
228
|
readonly property: "borderRadius";
|
|
225
|
-
readonly properties:
|
|
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;
|
|
226
234
|
readonly scale: "borderRadii";
|
|
227
235
|
};
|
|
228
236
|
readonly borderRadiusBottom: {
|
|
229
237
|
readonly property: "borderRadius";
|
|
230
|
-
readonly properties:
|
|
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;
|
|
231
243
|
readonly scale: "borderRadii";
|
|
232
244
|
};
|
|
233
245
|
readonly borderRadiusRight: {
|
|
234
246
|
readonly property: "borderRadius";
|
|
235
|
-
readonly properties:
|
|
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;
|
|
236
252
|
readonly scale: "borderRadii";
|
|
237
253
|
};
|
|
238
254
|
readonly borderRadiusTopLeft: {
|
|
239
|
-
readonly property:
|
|
255
|
+
readonly property: {
|
|
256
|
+
readonly physical: "borderTopLeftRadius";
|
|
257
|
+
readonly logical: "borderStartStartRadius";
|
|
258
|
+
};
|
|
259
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
240
260
|
readonly scale: "borderRadii";
|
|
241
261
|
};
|
|
242
262
|
readonly borderRadiusTopRight: {
|
|
243
|
-
readonly property:
|
|
263
|
+
readonly property: {
|
|
264
|
+
readonly physical: "borderTopRightRadius";
|
|
265
|
+
readonly logical: "borderStartEndRadius";
|
|
266
|
+
};
|
|
267
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
244
268
|
readonly scale: "borderRadii";
|
|
245
269
|
};
|
|
246
270
|
readonly borderRadiusBottomRight: {
|
|
247
|
-
readonly property:
|
|
271
|
+
readonly property: {
|
|
272
|
+
readonly physical: "borderBottomRightRadius";
|
|
273
|
+
readonly logical: "borderEndEndRadius";
|
|
274
|
+
};
|
|
275
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
248
276
|
readonly scale: "borderRadii";
|
|
249
277
|
};
|
|
250
278
|
readonly borderRadiusBottomLeft: {
|
|
251
|
-
readonly property:
|
|
279
|
+
readonly property: {
|
|
280
|
+
readonly physical: "borderBottomLeftRadius";
|
|
281
|
+
readonly logical: "borderEndStartRadius";
|
|
282
|
+
};
|
|
283
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
252
284
|
readonly scale: "borderRadii";
|
|
253
285
|
};
|
|
254
286
|
readonly borderStyle: {
|
|
@@ -256,23 +288,47 @@ export declare const boxProps: import("@codecademy/variance/dist/types/config").
|
|
|
256
288
|
};
|
|
257
289
|
readonly borderStyleX: {
|
|
258
290
|
readonly property: "borderStyle";
|
|
259
|
-
readonly properties:
|
|
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;
|
|
260
296
|
};
|
|
261
297
|
readonly borderStyleY: {
|
|
262
298
|
readonly property: "borderStyle";
|
|
263
|
-
readonly properties:
|
|
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;
|
|
264
304
|
};
|
|
265
305
|
readonly borderStyleLeft: {
|
|
266
|
-
readonly property:
|
|
306
|
+
readonly property: {
|
|
307
|
+
readonly physical: "borderLeftStyle";
|
|
308
|
+
readonly logical: "borderInlineStartStyle";
|
|
309
|
+
};
|
|
310
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
267
311
|
};
|
|
268
312
|
readonly borderStyleRight: {
|
|
269
|
-
readonly property:
|
|
313
|
+
readonly property: {
|
|
314
|
+
readonly physical: "borderRightStyle";
|
|
315
|
+
readonly logical: "borderInlineEndStyle";
|
|
316
|
+
};
|
|
317
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
270
318
|
};
|
|
271
319
|
readonly borderStyleTop: {
|
|
272
|
-
readonly property:
|
|
320
|
+
readonly property: {
|
|
321
|
+
readonly physical: "borderTopStyle";
|
|
322
|
+
readonly logical: "borderBlockStartStyle";
|
|
323
|
+
};
|
|
324
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
273
325
|
};
|
|
274
326
|
readonly borderStyleBottom: {
|
|
275
|
-
readonly property:
|
|
327
|
+
readonly property: {
|
|
328
|
+
readonly physical: "borderBottomStyle";
|
|
329
|
+
readonly logical: "borderBlockEndStyle";
|
|
330
|
+
};
|
|
331
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
276
332
|
};
|
|
277
333
|
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
278
334
|
readonly flexBasis: {
|
|
@@ -339,38 +339,70 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
|
|
|
339
339
|
};
|
|
340
340
|
readonly borderRadiusLeft: {
|
|
341
341
|
readonly property: "borderRadius";
|
|
342
|
-
readonly properties:
|
|
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;
|
|
343
347
|
readonly scale: "borderRadii";
|
|
344
348
|
};
|
|
345
349
|
readonly borderRadiusTop: {
|
|
346
350
|
readonly property: "borderRadius";
|
|
347
|
-
readonly properties:
|
|
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;
|
|
348
356
|
readonly scale: "borderRadii";
|
|
349
357
|
};
|
|
350
358
|
readonly borderRadiusBottom: {
|
|
351
359
|
readonly property: "borderRadius";
|
|
352
|
-
readonly properties:
|
|
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;
|
|
353
365
|
readonly scale: "borderRadii";
|
|
354
366
|
};
|
|
355
367
|
readonly borderRadiusRight: {
|
|
356
368
|
readonly property: "borderRadius";
|
|
357
|
-
readonly properties:
|
|
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;
|
|
358
374
|
readonly scale: "borderRadii";
|
|
359
375
|
};
|
|
360
376
|
readonly borderRadiusTopLeft: {
|
|
361
|
-
readonly property:
|
|
377
|
+
readonly property: {
|
|
378
|
+
readonly physical: "borderTopLeftRadius";
|
|
379
|
+
readonly logical: "borderStartStartRadius";
|
|
380
|
+
};
|
|
381
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
362
382
|
readonly scale: "borderRadii";
|
|
363
383
|
};
|
|
364
384
|
readonly borderRadiusTopRight: {
|
|
365
|
-
readonly property:
|
|
385
|
+
readonly property: {
|
|
386
|
+
readonly physical: "borderTopRightRadius";
|
|
387
|
+
readonly logical: "borderStartEndRadius";
|
|
388
|
+
};
|
|
389
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
366
390
|
readonly scale: "borderRadii";
|
|
367
391
|
};
|
|
368
392
|
readonly borderRadiusBottomRight: {
|
|
369
|
-
readonly property:
|
|
393
|
+
readonly property: {
|
|
394
|
+
readonly physical: "borderBottomRightRadius";
|
|
395
|
+
readonly logical: "borderEndEndRadius";
|
|
396
|
+
};
|
|
397
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
370
398
|
readonly scale: "borderRadii";
|
|
371
399
|
};
|
|
372
400
|
readonly borderRadiusBottomLeft: {
|
|
373
|
-
readonly property:
|
|
401
|
+
readonly property: {
|
|
402
|
+
readonly physical: "borderBottomLeftRadius";
|
|
403
|
+
readonly logical: "borderEndStartRadius";
|
|
404
|
+
};
|
|
405
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
374
406
|
readonly scale: "borderRadii";
|
|
375
407
|
};
|
|
376
408
|
readonly borderStyle: {
|
|
@@ -378,23 +410,47 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
|
|
|
378
410
|
};
|
|
379
411
|
readonly borderStyleX: {
|
|
380
412
|
readonly property: "borderStyle";
|
|
381
|
-
readonly properties:
|
|
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;
|
|
382
418
|
};
|
|
383
419
|
readonly borderStyleY: {
|
|
384
420
|
readonly property: "borderStyle";
|
|
385
|
-
readonly properties:
|
|
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;
|
|
386
426
|
};
|
|
387
427
|
readonly borderStyleLeft: {
|
|
388
|
-
readonly property:
|
|
428
|
+
readonly property: {
|
|
429
|
+
readonly physical: "borderLeftStyle";
|
|
430
|
+
readonly logical: "borderInlineStartStyle";
|
|
431
|
+
};
|
|
432
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
389
433
|
};
|
|
390
434
|
readonly borderStyleRight: {
|
|
391
|
-
readonly property:
|
|
435
|
+
readonly property: {
|
|
436
|
+
readonly physical: "borderRightStyle";
|
|
437
|
+
readonly logical: "borderInlineEndStyle";
|
|
438
|
+
};
|
|
439
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
392
440
|
};
|
|
393
441
|
readonly borderStyleTop: {
|
|
394
|
-
readonly property:
|
|
442
|
+
readonly property: {
|
|
443
|
+
readonly physical: "borderTopStyle";
|
|
444
|
+
readonly logical: "borderBlockStartStyle";
|
|
445
|
+
};
|
|
446
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
395
447
|
};
|
|
396
448
|
readonly borderStyleBottom: {
|
|
397
|
-
readonly property:
|
|
449
|
+
readonly property: {
|
|
450
|
+
readonly physical: "borderBottomStyle";
|
|
451
|
+
readonly logical: "borderBlockEndStyle";
|
|
452
|
+
};
|
|
453
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
398
454
|
};
|
|
399
455
|
}>>]>>;
|
|
400
456
|
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> & {
|