@marigold/system 7.7.1 → 7.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.d.mts +84 -3
  2. package/dist/index.d.ts +84 -3
  3. package/dist/index.js +81 -1
  4. package/dist/index.mjs +80 -1
  5. package/package.json +3 -3
package/dist/index.d.mts CHANGED
@@ -38,8 +38,8 @@ type Config<T> = T extends ConfigSchema ? {
38
38
  compoundVariants?: (T extends ConfigSchema ? (ConfigVariants<T> | ConfigVariantsMulti<T>) & ClassProp : ClassProp)[];
39
39
  } : never;
40
40
  type Props<T> = T extends ConfigSchema ? ConfigVariants<T> & ClassProp : ClassProp;
41
- declare const cva: <T>(base?: ClassValue, config?: Config<T> | undefined) => {
42
- (props?: Props<T> | undefined): string;
41
+ declare const cva: <T>(base?: ClassValue, config?: Config<T>) => {
42
+ (props?: Props<T>): string;
43
43
  variants: T | undefined;
44
44
  };
45
45
  type ClassDictionary = Record<string, any>;
@@ -248,8 +248,86 @@ declare const defaultTheme: {
248
248
  };
249
249
 
250
250
  declare const width: {
251
+ auto: string;
251
252
  full: string;
253
+ fit: string;
254
+ min: string;
255
+ max: string;
256
+ screen: string;
257
+ svh: string;
258
+ lvh: string;
259
+ dvh: string;
260
+ px: string;
261
+ 0: string;
262
+ '0.5': string;
263
+ 1: string;
264
+ '1.5': string;
265
+ 2: string;
266
+ '2.5': string;
267
+ 3: string;
268
+ '3.5': string;
269
+ 4: string;
270
+ 5: string;
271
+ 6: string;
272
+ 7: string;
273
+ 8: string;
274
+ 9: string;
275
+ 10: string;
276
+ 11: string;
277
+ 12: string;
278
+ 14: string;
279
+ 16: string;
280
+ 20: string;
281
+ 24: string;
282
+ 28: string;
283
+ 32: string;
284
+ 36: string;
285
+ 40: string;
286
+ 44: string;
287
+ 48: string;
288
+ 52: string;
289
+ 56: string;
290
+ 60: string;
291
+ 64: string;
292
+ 72: string;
293
+ 80: string;
294
+ 96: string;
295
+ '1/2': string;
296
+ '1/3': string;
297
+ '2/3': string;
298
+ '1/4': string;
299
+ '2/4': string;
300
+ '3/4': string;
301
+ '1/5': string;
302
+ '2/5': string;
303
+ '3/5': string;
304
+ '1/6': string;
305
+ '2/6': string;
306
+ '3/6': string;
307
+ '4/6': string;
308
+ '5/6': string;
309
+ '1/12': string;
310
+ '2/12': string;
311
+ '3/12': string;
312
+ '4/12': string;
313
+ '5/12': string;
314
+ '6/12': string;
315
+ '7/12': string;
316
+ '8/12': string;
317
+ '9/12': string;
318
+ '10/12': string;
319
+ '11/12': string;
320
+ };
321
+ declare const height: {
252
322
  auto: string;
323
+ full: string;
324
+ fit: string;
325
+ min: string;
326
+ max: string;
327
+ screen: string;
328
+ svh: string;
329
+ lvh: string;
330
+ dvh: string;
253
331
  px: string;
254
332
  0: string;
255
333
  '0.5': string;
@@ -807,5 +885,8 @@ type TextAlignProp = {
807
885
  type WidthProp = {
808
886
  width?: keyof typeof width;
809
887
  };
888
+ type HeightProp = {
889
+ height?: keyof typeof height;
890
+ };
810
891
 
811
- export { type AlignmentProp, type AspectProp, type ClassArray, type ClassDictionary, type ClassValue, type ComponentClassNames, type ComponentNames, type ComponentState, type ComponentStyleFunction, type Config, type ConfigSchema, type ConfigVariants, type ConfigVariantsMulti, type CursorProp, DateFormat, type FontSizeProp, type FontStyleProp, type FontWeightProp, type GapSpaceProp, type GridColsAlignProp, type GridColumn, type NestedStringObject, NumericFormat, type ObjectFitProp, type ObjectPositionProp, type PaddingBottomProp, type PaddingLeftProp, type PaddingRightProp, type PaddingSpaceProp, type PaddingSpacePropX, type PaddingSpacePropY, type PaddingTopProp, type PlaceItemsProp, type Props, SVG, type SVGProps, type StateAttrKeyProps, type StateAttrProps, type StylesProps, type TextAlignProp, type Theme, type ThemeComponent, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, extendTheme, fontWeight, gapSpace, get, getColor, gridColsAlign, gridColumn, isObject, objectFit, objectPosition, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };
892
+ export { type AlignmentProp, type AspectProp, type ClassArray, type ClassDictionary, type ClassValue, type ComponentClassNames, type ComponentNames, type ComponentState, type ComponentStyleFunction, type Config, type ConfigSchema, type ConfigVariants, type ConfigVariantsMulti, type CursorProp, DateFormat, type FontSizeProp, type FontStyleProp, type FontWeightProp, type GapSpaceProp, type GridColsAlignProp, type GridColumn, type HeightProp, type NestedStringObject, NumericFormat, type ObjectFitProp, type ObjectPositionProp, type PaddingBottomProp, type PaddingLeftProp, type PaddingRightProp, type PaddingSpaceProp, type PaddingSpacePropX, type PaddingSpacePropY, type PaddingTopProp, type PlaceItemsProp, type Props, SVG, type SVGProps, type StateAttrKeyProps, type StateAttrProps, type StylesProps, type TextAlignProp, type Theme, type ThemeComponent, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, extendTheme, fontWeight, gapSpace, get, getColor, gridColsAlign, gridColumn, height, isObject, objectFit, objectPosition, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };
package/dist/index.d.ts CHANGED
@@ -38,8 +38,8 @@ type Config<T> = T extends ConfigSchema ? {
38
38
  compoundVariants?: (T extends ConfigSchema ? (ConfigVariants<T> | ConfigVariantsMulti<T>) & ClassProp : ClassProp)[];
39
39
  } : never;
40
40
  type Props<T> = T extends ConfigSchema ? ConfigVariants<T> & ClassProp : ClassProp;
41
- declare const cva: <T>(base?: ClassValue, config?: Config<T> | undefined) => {
42
- (props?: Props<T> | undefined): string;
41
+ declare const cva: <T>(base?: ClassValue, config?: Config<T>) => {
42
+ (props?: Props<T>): string;
43
43
  variants: T | undefined;
44
44
  };
45
45
  type ClassDictionary = Record<string, any>;
@@ -248,8 +248,86 @@ declare const defaultTheme: {
248
248
  };
249
249
 
250
250
  declare const width: {
251
+ auto: string;
251
252
  full: string;
253
+ fit: string;
254
+ min: string;
255
+ max: string;
256
+ screen: string;
257
+ svh: string;
258
+ lvh: string;
259
+ dvh: string;
260
+ px: string;
261
+ 0: string;
262
+ '0.5': string;
263
+ 1: string;
264
+ '1.5': string;
265
+ 2: string;
266
+ '2.5': string;
267
+ 3: string;
268
+ '3.5': string;
269
+ 4: string;
270
+ 5: string;
271
+ 6: string;
272
+ 7: string;
273
+ 8: string;
274
+ 9: string;
275
+ 10: string;
276
+ 11: string;
277
+ 12: string;
278
+ 14: string;
279
+ 16: string;
280
+ 20: string;
281
+ 24: string;
282
+ 28: string;
283
+ 32: string;
284
+ 36: string;
285
+ 40: string;
286
+ 44: string;
287
+ 48: string;
288
+ 52: string;
289
+ 56: string;
290
+ 60: string;
291
+ 64: string;
292
+ 72: string;
293
+ 80: string;
294
+ 96: string;
295
+ '1/2': string;
296
+ '1/3': string;
297
+ '2/3': string;
298
+ '1/4': string;
299
+ '2/4': string;
300
+ '3/4': string;
301
+ '1/5': string;
302
+ '2/5': string;
303
+ '3/5': string;
304
+ '1/6': string;
305
+ '2/6': string;
306
+ '3/6': string;
307
+ '4/6': string;
308
+ '5/6': string;
309
+ '1/12': string;
310
+ '2/12': string;
311
+ '3/12': string;
312
+ '4/12': string;
313
+ '5/12': string;
314
+ '6/12': string;
315
+ '7/12': string;
316
+ '8/12': string;
317
+ '9/12': string;
318
+ '10/12': string;
319
+ '11/12': string;
320
+ };
321
+ declare const height: {
252
322
  auto: string;
323
+ full: string;
324
+ fit: string;
325
+ min: string;
326
+ max: string;
327
+ screen: string;
328
+ svh: string;
329
+ lvh: string;
330
+ dvh: string;
253
331
  px: string;
254
332
  0: string;
255
333
  '0.5': string;
@@ -807,5 +885,8 @@ type TextAlignProp = {
807
885
  type WidthProp = {
808
886
  width?: keyof typeof width;
809
887
  };
888
+ type HeightProp = {
889
+ height?: keyof typeof height;
890
+ };
810
891
 
811
- export { type AlignmentProp, type AspectProp, type ClassArray, type ClassDictionary, type ClassValue, type ComponentClassNames, type ComponentNames, type ComponentState, type ComponentStyleFunction, type Config, type ConfigSchema, type ConfigVariants, type ConfigVariantsMulti, type CursorProp, DateFormat, type FontSizeProp, type FontStyleProp, type FontWeightProp, type GapSpaceProp, type GridColsAlignProp, type GridColumn, type NestedStringObject, NumericFormat, type ObjectFitProp, type ObjectPositionProp, type PaddingBottomProp, type PaddingLeftProp, type PaddingRightProp, type PaddingSpaceProp, type PaddingSpacePropX, type PaddingSpacePropY, type PaddingTopProp, type PlaceItemsProp, type Props, SVG, type SVGProps, type StateAttrKeyProps, type StateAttrProps, type StylesProps, type TextAlignProp, type Theme, type ThemeComponent, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, extendTheme, fontWeight, gapSpace, get, getColor, gridColsAlign, gridColumn, isObject, objectFit, objectPosition, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };
892
+ export { type AlignmentProp, type AspectProp, type ClassArray, type ClassDictionary, type ClassValue, type ComponentClassNames, type ComponentNames, type ComponentState, type ComponentStyleFunction, type Config, type ConfigSchema, type ConfigVariants, type ConfigVariantsMulti, type CursorProp, DateFormat, type FontSizeProp, type FontStyleProp, type FontWeightProp, type GapSpaceProp, type GridColsAlignProp, type GridColumn, type HeightProp, type NestedStringObject, NumericFormat, type ObjectFitProp, type ObjectPositionProp, type PaddingBottomProp, type PaddingLeftProp, type PaddingRightProp, type PaddingSpaceProp, type PaddingSpacePropX, type PaddingSpacePropY, type PaddingTopProp, type PlaceItemsProp, type Props, SVG, type SVGProps, type StateAttrKeyProps, type StateAttrProps, type StylesProps, type TextAlignProp, type Theme, type ThemeComponent, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, extendTheme, fontWeight, gapSpace, get, getColor, gridColsAlign, gridColumn, height, isObject, objectFit, objectPosition, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };
package/dist/index.js CHANGED
@@ -48,6 +48,7 @@ __export(src_exports, {
48
48
  getColor: () => getColor,
49
49
  gridColsAlign: () => gridColsAlign,
50
50
  gridColumn: () => gridColumn,
51
+ height: () => height,
51
52
  isObject: () => isObject,
52
53
  objectFit: () => objectFit,
53
54
  objectPosition: () => objectPosition,
@@ -362,8 +363,15 @@ var NumericFormat = ({
362
363
 
363
364
  // src/style-props.tsx
364
365
  var width = {
365
- full: "w-full",
366
366
  auto: "w-auto",
367
+ full: "w-full",
368
+ fit: "w-fit",
369
+ min: "w-min",
370
+ max: "w-max",
371
+ screen: "w-screen",
372
+ svh: "w-svh",
373
+ lvh: "w-lvh",
374
+ dvh: "w-dvh",
367
375
  px: "w-px",
368
376
  0: "w-0",
369
377
  "0.5": "w-0.5",
@@ -425,6 +433,77 @@ var width = {
425
433
  "10/12": "w-10/12",
426
434
  "11/12": "w-11/12"
427
435
  };
436
+ var height = {
437
+ auto: "h-auto",
438
+ full: "h-full",
439
+ fit: "h-fit",
440
+ min: "h-min",
441
+ max: "h-max",
442
+ screen: "h-screen",
443
+ svh: "h-svh",
444
+ lvh: "h-lvh",
445
+ dvh: "h-dvh",
446
+ px: "h-px",
447
+ 0: "h-0",
448
+ "0.5": "h-0.5",
449
+ 1: "h-1",
450
+ "1.5": "h-1.5",
451
+ 2: "h-2",
452
+ "2.5": "h-2.5",
453
+ 3: "h-3",
454
+ "3.5": "h-3.5",
455
+ 4: "h-4",
456
+ 5: "h-5",
457
+ 6: "h-6",
458
+ 7: "h-7",
459
+ 8: "h-8",
460
+ 9: "h-9",
461
+ 10: "h-10",
462
+ 11: "h-11",
463
+ 12: "h-12",
464
+ 14: "h-14",
465
+ 16: "h-16",
466
+ 20: "h-20",
467
+ 24: "h-24",
468
+ 28: "h-28",
469
+ 32: "h-32",
470
+ 36: "h-36",
471
+ 40: "h-40",
472
+ 44: "h-44",
473
+ 48: "h-48",
474
+ 52: "h-52",
475
+ 56: "h-56",
476
+ 60: "h-60",
477
+ 64: "h-64",
478
+ 72: "h-72",
479
+ 80: "h-80",
480
+ 96: "h-96",
481
+ "1/2": "h-1/2",
482
+ "1/3": "h-1/3",
483
+ "2/3": "h-2/3",
484
+ "1/4": "h-1/4",
485
+ "2/4": "h-2/4",
486
+ "3/4": "h-3/4",
487
+ "1/5": "h-1/5",
488
+ "2/5": "h-2/5",
489
+ "3/5": "h-3/5",
490
+ "1/6": "h-1/6",
491
+ "2/6": "h-2/6",
492
+ "3/6": "h-3/6",
493
+ "4/6": "h-4/6",
494
+ "5/6": "h-5/6",
495
+ "1/12": "h-1/12",
496
+ "2/12": "h-2/12",
497
+ "3/12": "h-3/12",
498
+ "4/12": "h-4/12",
499
+ "5/12": "h-5/12",
500
+ "6/12": "h-6/12",
501
+ "7/12": "h-7/12",
502
+ "8/12": "h-8/12",
503
+ "9/12": "h-9/12",
504
+ "10/12": "h-10/12",
505
+ "11/12": "h-11/12"
506
+ };
428
507
  var fontWeight = {
429
508
  thin: "font-thin",
430
509
  extralight: "font-extralight",
@@ -869,6 +948,7 @@ var cursorStyle = {
869
948
  getColor,
870
949
  gridColsAlign,
871
950
  gridColumn,
951
+ height,
872
952
  isObject,
873
953
  objectFit,
874
954
  objectPosition,
package/dist/index.mjs CHANGED
@@ -289,8 +289,15 @@ var NumericFormat = ({
289
289
 
290
290
  // src/style-props.tsx
291
291
  var width = {
292
- full: "w-full",
293
292
  auto: "w-auto",
293
+ full: "w-full",
294
+ fit: "w-fit",
295
+ min: "w-min",
296
+ max: "w-max",
297
+ screen: "w-screen",
298
+ svh: "w-svh",
299
+ lvh: "w-lvh",
300
+ dvh: "w-dvh",
294
301
  px: "w-px",
295
302
  0: "w-0",
296
303
  "0.5": "w-0.5",
@@ -352,6 +359,77 @@ var width = {
352
359
  "10/12": "w-10/12",
353
360
  "11/12": "w-11/12"
354
361
  };
362
+ var height = {
363
+ auto: "h-auto",
364
+ full: "h-full",
365
+ fit: "h-fit",
366
+ min: "h-min",
367
+ max: "h-max",
368
+ screen: "h-screen",
369
+ svh: "h-svh",
370
+ lvh: "h-lvh",
371
+ dvh: "h-dvh",
372
+ px: "h-px",
373
+ 0: "h-0",
374
+ "0.5": "h-0.5",
375
+ 1: "h-1",
376
+ "1.5": "h-1.5",
377
+ 2: "h-2",
378
+ "2.5": "h-2.5",
379
+ 3: "h-3",
380
+ "3.5": "h-3.5",
381
+ 4: "h-4",
382
+ 5: "h-5",
383
+ 6: "h-6",
384
+ 7: "h-7",
385
+ 8: "h-8",
386
+ 9: "h-9",
387
+ 10: "h-10",
388
+ 11: "h-11",
389
+ 12: "h-12",
390
+ 14: "h-14",
391
+ 16: "h-16",
392
+ 20: "h-20",
393
+ 24: "h-24",
394
+ 28: "h-28",
395
+ 32: "h-32",
396
+ 36: "h-36",
397
+ 40: "h-40",
398
+ 44: "h-44",
399
+ 48: "h-48",
400
+ 52: "h-52",
401
+ 56: "h-56",
402
+ 60: "h-60",
403
+ 64: "h-64",
404
+ 72: "h-72",
405
+ 80: "h-80",
406
+ 96: "h-96",
407
+ "1/2": "h-1/2",
408
+ "1/3": "h-1/3",
409
+ "2/3": "h-2/3",
410
+ "1/4": "h-1/4",
411
+ "2/4": "h-2/4",
412
+ "3/4": "h-3/4",
413
+ "1/5": "h-1/5",
414
+ "2/5": "h-2/5",
415
+ "3/5": "h-3/5",
416
+ "1/6": "h-1/6",
417
+ "2/6": "h-2/6",
418
+ "3/6": "h-3/6",
419
+ "4/6": "h-4/6",
420
+ "5/6": "h-5/6",
421
+ "1/12": "h-1/12",
422
+ "2/12": "h-2/12",
423
+ "3/12": "h-3/12",
424
+ "4/12": "h-4/12",
425
+ "5/12": "h-5/12",
426
+ "6/12": "h-6/12",
427
+ "7/12": "h-7/12",
428
+ "8/12": "h-8/12",
429
+ "9/12": "h-9/12",
430
+ "10/12": "h-10/12",
431
+ "11/12": "h-11/12"
432
+ };
355
433
  var fontWeight = {
356
434
  thin: "font-thin",
357
435
  extralight: "font-extralight",
@@ -795,6 +873,7 @@ export {
795
873
  getColor,
796
874
  gridColsAlign,
797
875
  gridColumn,
876
+ height,
798
877
  isObject,
799
878
  objectFit,
800
879
  objectPosition,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@marigold/system",
3
- "version": "7.7.1",
3
+ "version": "7.8.0",
4
4
  "description": "Marigold System Library",
5
5
  "license": "MIT",
6
6
  "keywords": [
@@ -24,7 +24,7 @@
24
24
  "directory": "packages/system"
25
25
  },
26
26
  "dependencies": {
27
- "@react-aria/i18n": "3.11.0",
27
+ "@react-aria/i18n": "3.11.1",
28
28
  "class-variance-authority": "0.7.0",
29
29
  "deepmerge": "4.2.2",
30
30
  "react-fast-compare": "3.2.0",
@@ -38,7 +38,7 @@
38
38
  "devDependencies": {
39
39
  "@babel/core": "7.24.4",
40
40
  "postcss": "8.4.35",
41
- "react": "18.2.0",
41
+ "react": "18.3.1",
42
42
  "tailwindcss": "3.4.1",
43
43
  "tsup": "8.0.2",
44
44
  "@marigold/tsconfig": "0.4.0"