@marigold/system 15.0.1 → 15.1.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 +13 -1
  2. package/dist/index.d.ts +13 -1
  3. package/dist/index.js +9 -1
  4. package/dist/index.mjs +8 -1
  5. package/package.json +2 -2
package/dist/index.d.mts CHANGED
@@ -550,6 +550,12 @@ declare const textStyle: {
550
550
  italic: string;
551
551
  normal: string;
552
552
  };
553
+ declare const textWrap: {
554
+ wrap: string;
555
+ noWrap: string;
556
+ balance: string;
557
+ pretty: string;
558
+ };
553
559
  declare const gapSpace: {
554
560
  0: string;
555
561
  '0.5': string;
@@ -938,6 +944,12 @@ type FontStyleProp = {
938
944
  */
939
945
  fontStyle?: keyof typeof textStyle;
940
946
  };
947
+ type TextWrapProp = {
948
+ /**
949
+ * Set text wrapping behavior.
950
+ */
951
+ wrap?: keyof typeof textWrap;
952
+ };
941
953
  type FontWeightProp = {
942
954
  /**
943
955
  * Set the font weight for the text element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#typography).
@@ -1029,4 +1041,4 @@ type HeightProp = {
1029
1041
  height?: keyof typeof height;
1030
1042
  };
1031
1043
 
1032
- export { type AlignmentProp, type AspectProp, 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 HeightProp, type MaxWidthProp, type NestedStringObject, type NumerFormatterOptions, NumericFormat, 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, type ThemeComponentParts, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, ensureCssVar, extendTheme, fontWeight, gapSpace, get, height, isValidCssCustomPropertyName, maxWidth, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };
1044
+ export { type AlignmentProp, type AspectProp, 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 HeightProp, type MaxWidthProp, type NestedStringObject, type NumerFormatterOptions, NumericFormat, 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 TextWrapProp, type Theme, type ThemeComponent, type ThemeComponentParts, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, ensureCssVar, extendTheme, fontWeight, gapSpace, get, height, isValidCssCustomPropertyName, maxWidth, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, textWrap, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };
package/dist/index.d.ts CHANGED
@@ -550,6 +550,12 @@ declare const textStyle: {
550
550
  italic: string;
551
551
  normal: string;
552
552
  };
553
+ declare const textWrap: {
554
+ wrap: string;
555
+ noWrap: string;
556
+ balance: string;
557
+ pretty: string;
558
+ };
553
559
  declare const gapSpace: {
554
560
  0: string;
555
561
  '0.5': string;
@@ -938,6 +944,12 @@ type FontStyleProp = {
938
944
  */
939
945
  fontStyle?: keyof typeof textStyle;
940
946
  };
947
+ type TextWrapProp = {
948
+ /**
949
+ * Set text wrapping behavior.
950
+ */
951
+ wrap?: keyof typeof textWrap;
952
+ };
941
953
  type FontWeightProp = {
942
954
  /**
943
955
  * Set the font weight for the text element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#typography).
@@ -1029,4 +1041,4 @@ type HeightProp = {
1029
1041
  height?: keyof typeof height;
1030
1042
  };
1031
1043
 
1032
- export { type AlignmentProp, type AspectProp, 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 HeightProp, type MaxWidthProp, type NestedStringObject, type NumerFormatterOptions, NumericFormat, 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, type ThemeComponentParts, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, ensureCssVar, extendTheme, fontWeight, gapSpace, get, height, isValidCssCustomPropertyName, maxWidth, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };
1044
+ export { type AlignmentProp, type AspectProp, 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 HeightProp, type MaxWidthProp, type NestedStringObject, type NumerFormatterOptions, NumericFormat, 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 TextWrapProp, type Theme, type ThemeComponent, type ThemeComponentParts, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, ensureCssVar, extendTheme, fontWeight, gapSpace, get, height, isValidCssCustomPropertyName, maxWidth, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, textWrap, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };
package/dist/index.js CHANGED
@@ -60,6 +60,7 @@ __export(index_exports, {
60
60
  textAlign: () => textAlign,
61
61
  textSize: () => textSize,
62
62
  textStyle: () => textStyle,
63
+ textWrap: () => textWrap,
63
64
  useClassNames: () => useClassNames,
64
65
  useResponsiveValue: () => useResponsiveValue,
65
66
  useSmallScreen: () => useSmallScreen,
@@ -585,7 +586,7 @@ var fontWeight = {
585
586
  black: "font-black"
586
587
  };
587
588
  var textSize = {
588
- xs: "text-[13px]",
589
+ xs: "text-xs",
589
590
  sm: "text-sm",
590
591
  base: "text-base",
591
592
  lg: "text-lg",
@@ -603,6 +604,12 @@ var textStyle = {
603
604
  italic: "italic",
604
605
  normal: "not-italic"
605
606
  };
607
+ var textWrap = {
608
+ wrap: "text-wrap",
609
+ noWrap: "text-nowrap",
610
+ balance: "text-balance",
611
+ pretty: "text-pretty"
612
+ };
606
613
  var gapSpace = {
607
614
  0: "gap-0",
608
615
  "0.5": "gap-0.5",
@@ -996,6 +1003,7 @@ var cursorStyle = {
996
1003
  textAlign,
997
1004
  textSize,
998
1005
  textStyle,
1006
+ textWrap,
999
1007
  useClassNames,
1000
1008
  useResponsiveValue,
1001
1009
  useSmallScreen,
package/dist/index.mjs CHANGED
@@ -514,7 +514,7 @@ var fontWeight = {
514
514
  black: "font-black"
515
515
  };
516
516
  var textSize = {
517
- xs: "text-[13px]",
517
+ xs: "text-xs",
518
518
  sm: "text-sm",
519
519
  base: "text-base",
520
520
  lg: "text-lg",
@@ -532,6 +532,12 @@ var textStyle = {
532
532
  italic: "italic",
533
533
  normal: "not-italic"
534
534
  };
535
+ var textWrap = {
536
+ wrap: "text-wrap",
537
+ noWrap: "text-nowrap",
538
+ balance: "text-balance",
539
+ pretty: "text-pretty"
540
+ };
535
541
  var gapSpace = {
536
542
  0: "gap-0",
537
543
  "0.5": "gap-0.5",
@@ -924,6 +930,7 @@ export {
924
930
  textAlign,
925
931
  textSize,
926
932
  textStyle,
933
+ textWrap,
927
934
  useClassNames,
928
935
  useResponsiveValue,
929
936
  useSmallScreen,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@marigold/system",
3
- "version": "15.0.1",
3
+ "version": "15.1.0",
4
4
  "description": "Marigold System Library",
5
5
  "license": "MIT",
6
6
  "keywords": [
@@ -46,7 +46,7 @@
46
46
  "react-dom": ">=17.0.0"
47
47
  },
48
48
  "devDependencies": {
49
- "@babel/core": "7.28.3",
49
+ "@babel/core": "7.28.4",
50
50
  "@types/react": "19.1.12",
51
51
  "postcss": "8.5.6",
52
52
  "react": "19.1.1",