@d4gger/design-system 3.0.1 → 4.0.0

package/dist/components/text/text.props.d.mts

@@ -13,31 +13,30 @@ declare const textPropDefs: {
         type: "enum";
         className: string;
         values: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
-        responsive: true;
     };
-    weight: {
+    weight: Omit<{
         type: "enum";
         className: string;
         values: readonly ["light", "regular", "medium", "bold"];
         responsive: true;
-    };
+    }, "responsive">;
     truncate: {
         type: "boolean";
         className: string;
     };
-    wrap: {
+    wrap: Omit<{
         type: "enum";
         className: string;
         values: readonly ["wrap", "nowrap", "pretty", "balance"];
         responsive: true;
-    };
-    align: {
+    }, "responsive">;
+    align: Omit<{
         type: "enum";
         className: string;
         values: readonly ["left", "center", "right", "justify"];
         responsive: true;
-    };
-    padding: {
+    }, "responsive">;
+    padding: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         default: undefined;
@@ -45,8 +44,8 @@ declare const textPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    p: {
+    }, "responsive">;
+    p: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -54,8 +53,8 @@ declare const textPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    px: {
+    }, "responsive">;
+    px: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -63,8 +62,8 @@ declare const textPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    py: {
+    }, "responsive">;
+    py: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -72,8 +71,8 @@ declare const textPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    pt: {
+    }, "responsive">;
+    pt: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -81,8 +80,8 @@ declare const textPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    pr: {
+    }, "responsive">;
+    pr: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -90,8 +89,8 @@ declare const textPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    pb: {
+    }, "responsive">;
+    pb: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -99,8 +98,8 @@ declare const textPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    pl: {
+    }, "responsive">;
+    pl: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -108,8 +107,8 @@ declare const textPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    margin: {
+    }, "responsive">;
+    margin: Omit<{
         type: "enum | string";
         values: readonly ["auto", "none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         default: undefined;
@@ -117,8 +116,8 @@ declare const textPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    m: {
+    }, "responsive">;
+    m: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -126,8 +125,8 @@ declare const textPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    mx: {
+    }, "responsive">;
+    mx: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -135,8 +134,8 @@ declare const textPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    my: {
+    }, "responsive">;
+    my: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -144,8 +143,8 @@ declare const textPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    mt: {
+    }, "responsive">;
+    mt: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -153,8 +152,8 @@ declare const textPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    mr: {
+    }, "responsive">;
+    mr: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -162,8 +161,8 @@ declare const textPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    mb: {
+    }, "responsive">;
+    mb: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -171,8 +170,8 @@ declare const textPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    ml: {
+    }, "responsive">;
+    ml: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -180,24 +179,24 @@ declare const textPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    trim: {
+    }, "responsive">;
+    trim: Omit<{
         type: "enum";
         className: string;
         values: readonly ["normal", "start", "end", "both"];
         responsive: true;
-    };
+    }, "responsive">;
     highContrast: {
         type: "boolean";
         default: false;
     };
-    color: {
+    color: Omit<{
         type: "enum";
         className: string;
         values: readonly ["primary", "primary-container", "secondary", "secondary-container", "tertiary", "tertiary-container", "success", "success-container", "error", "error-container", "surface", "surface-raised", "surface-overlay", "surface-sunken", "background", "outline", "outline-variant"];
         default: undefined;
         responsive: true;
-    };
+    }, "responsive">;
     asChild: {
         type: "boolean";
         default: false;

package/dist/components/text/text.props.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"text.props.d.mts","sourceRoot":"","sources":["../../../src/components/text/text.props.ts"],"names":[],"mappings":"AAiBA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDjB,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"text.props.d.mts","sourceRoot":"","sources":["../../../src/components/text/text.props.ts"],"names":[],"mappings":"AAmBA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDjB,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/text/text.props.d.ts

@@ -13,31 +13,30 @@ declare const textPropDefs: {
         type: "enum";
         className: string;
         values: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
-        responsive: true;
     };
-    weight: {
+    weight: Omit<{
         type: "enum";
         className: string;
         values: readonly ["light", "regular", "medium", "bold"];
         responsive: true;
-    };
+    }, "responsive">;
     truncate: {
         type: "boolean";
         className: string;
     };
-    wrap: {
+    wrap: Omit<{
         type: "enum";
         className: string;
         values: readonly ["wrap", "nowrap", "pretty", "balance"];
         responsive: true;
-    };
-    align: {
+    }, "responsive">;
+    align: Omit<{
         type: "enum";
         className: string;
         values: readonly ["left", "center", "right", "justify"];
         responsive: true;
-    };
-    padding: {
+    }, "responsive">;
+    padding: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         default: undefined;
@@ -45,8 +44,8 @@ declare const textPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    p: {
+    }, "responsive">;
+    p: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -54,8 +53,8 @@ declare const textPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    px: {
+    }, "responsive">;
+    px: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -63,8 +62,8 @@ declare const textPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    py: {
+    }, "responsive">;
+    py: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -72,8 +71,8 @@ declare const textPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    pt: {
+    }, "responsive">;
+    pt: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -81,8 +80,8 @@ declare const textPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    pr: {
+    }, "responsive">;
+    pr: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -90,8 +89,8 @@ declare const textPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    pb: {
+    }, "responsive">;
+    pb: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -99,8 +98,8 @@ declare const textPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    pl: {
+    }, "responsive">;
+    pl: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -108,8 +107,8 @@ declare const textPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    margin: {
+    }, "responsive">;
+    margin: Omit<{
         type: "enum | string";
         values: readonly ["auto", "none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         default: undefined;
@@ -117,8 +116,8 @@ declare const textPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    m: {
+    }, "responsive">;
+    m: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -126,8 +125,8 @@ declare const textPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    mx: {
+    }, "responsive">;
+    mx: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -135,8 +134,8 @@ declare const textPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    my: {
+    }, "responsive">;
+    my: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -144,8 +143,8 @@ declare const textPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    mt: {
+    }, "responsive">;
+    mt: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -153,8 +152,8 @@ declare const textPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    mr: {
+    }, "responsive">;
+    mr: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -162,8 +161,8 @@ declare const textPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    mb: {
+    }, "responsive">;
+    mb: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -171,8 +170,8 @@ declare const textPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    ml: {
+    }, "responsive">;
+    ml: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -180,24 +179,24 @@ declare const textPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    trim: {
+    }, "responsive">;
+    trim: Omit<{
         type: "enum";
         className: string;
         values: readonly ["normal", "start", "end", "both"];
         responsive: true;
-    };
+    }, "responsive">;
     highContrast: {
         type: "boolean";
         default: false;
     };
-    color: {
+    color: Omit<{
         type: "enum";
         className: string;
         values: readonly ["primary", "primary-container", "secondary", "secondary-container", "tertiary", "tertiary-container", "success", "success-container", "error", "error-container", "surface", "surface-raised", "surface-overlay", "surface-sunken", "background", "outline", "outline-variant"];
         default: undefined;
         responsive: true;
-    };
+    }, "responsive">;
     asChild: {
         type: "boolean";
         default: false;

package/dist/components/text/text.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.props.d.ts","sourceRoot":"","sources":["../../../src/components/text/text.props.ts"],"names":[],"mappings":"AAiBA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDjB,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"text.props.d.ts","sourceRoot":"","sources":["../../../src/components/text/text.props.ts"],"names":[],"mappings":"AAmBA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDjB,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/text/text.props.js

@@ -8,20 +8,21 @@ import { textAlignPropDef } from "../../_internal/props/textAlign.prop.js";
 import { textWrapPropDef } from "../../_internal/props/textWrap.prop.js";
 import { truncatePropDef } from "../../_internal/props/truncate.prop.js";
 import { weightPropDef } from "../../_internal/props/weight.prop.js";
+import { scalarTypographyProps } from "./typography.props.js";
 const textVariants = ["body-large", "body-medium", "body-small", "label-large", "label-medium", "label-small"];
 const textTones = ["default", "muted", "inverse"];
 const textSizes = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
 const textPropDefs = {
   ...asChildPropDef,
-  ...colorPropDef,
+  ...scalarTypographyProps(colorPropDef),
   ...highContrastPropDef,
-  ...leadingTrimPropDef,
-  ...marginPropDef,
-  ...paddingPropDef,
-  ...textAlignPropDef,
-  ...textWrapPropDef,
+  ...scalarTypographyProps(leadingTrimPropDef),
+  ...scalarTypographyProps(marginPropDef),
+  ...scalarTypographyProps(paddingPropDef),
+  ...scalarTypographyProps(textAlignPropDef),
+  ...scalarTypographyProps(textWrapPropDef),
   ...truncatePropDef,
-  ...weightPropDef,
+  ...scalarTypographyProps(weightPropDef),
   variant: {
     type: "enum",
     values: textVariants,
@@ -35,8 +36,7 @@ const textPropDefs = {
   size: {
     type: "enum",
     className: "dsx-r-text-size",
-    values: textSizes,
-    responsive: true
+    values: textSizes
   }
 };
 export {

package/dist/components/text/text.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/text/text.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { colorPropDef } from '../../_internal/props/color.prop'\nimport { highContrastPropDef } from '../../_internal/props/highContrast.prop'\nimport { leadingTrimPropDef } from '../../_internal/props/leadingTrim.prop'\nimport { marginPropDef } from '../../_internal/props/margin.prop'\nimport { paddingPropDef } from '../../_internal/props/padding.prop'\nimport { textAlignPropDef } from '../../_internal/props/textAlign.prop'\nimport { textWrapPropDef } from '../../_internal/props/textWrap.prop'\nimport { truncatePropDef } from '../../_internal/props/truncate.prop'\nimport { weightPropDef } from '../../_internal/props/weight.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst textVariants = ['body-large', 'body-medium', 'body-small', 'label-large', 'label-medium', 'label-small'] as const\nconst textTones = ['default', 'muted', 'inverse'] as const\nconst textSizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const\n\nconst textPropDefs = {\n  ...asChildPropDef,\n  ...colorPropDef,\n  ...highContrastPropDef,\n  ...leadingTrimPropDef,\n  ...marginPropDef,\n  ...paddingPropDef,\n  ...textAlignPropDef,\n  ...textWrapPropDef,\n  ...truncatePropDef,\n  ...weightPropDef,\n  variant: {\n    type: 'enum',\n    values: textVariants,\n    default: 'body-medium',\n  },\n  tone: {\n    type: 'enum',\n    values: textTones,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    className: 'dsx-r-text-size',\n    values: textSizes,\n    responsive: true,\n  },\n} satisfies {\n  asChild: PropDef\n  align: PropDef<(typeof textAlignPropDef.align.values)[number]>\n  color: PropDef<(typeof colorPropDef.color.values)[number]>\n  highContrast: PropDef\n  m: PropDef\n  mb: PropDef\n  ml: PropDef\n  mr: PropDef\n  mt: PropDef\n  mx: PropDef\n  my: PropDef\n  p: PropDef\n  pb: PropDef\n  pl: PropDef\n  pr: PropDef\n  pt: PropDef\n  px: PropDef\n  py: PropDef\n  tone: PropDef<(typeof textTones)[number]>\n  size: PropDef<(typeof textSizes)[number]>\n  trim: PropDef<(typeof leadingTrimPropDef.trim.values)[number]>\n  truncate: PropDef\n  variant: PropDef<(typeof textVariants)[number]>\n  weight: PropDef<(typeof weightPropDef.weight.values)[number]>\n  wrap: PropDef<(typeof textWrapPropDef.wrap.values)[number]>\n}\n\nexport { textPropDefs }\n"],
-  "mappings": "AAAA,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAI9B,MAAM,eAAe,CAAC,cAAc,eAAe,cAAc,eAAe,gBAAgB,aAAa;AAC7G,MAAM,YAAY,CAAC,WAAW,SAAS,SAAS;AAChD,MAAM,YAAY,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAE9D,MAAM,eAAe;AAAA,EACnB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,YAAY;AAAA,EACd;AACF;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { colorPropDef } from '../../_internal/props/color.prop'\nimport { highContrastPropDef } from '../../_internal/props/highContrast.prop'\nimport { leadingTrimPropDef } from '../../_internal/props/leadingTrim.prop'\nimport { marginPropDef } from '../../_internal/props/margin.prop'\nimport { paddingPropDef } from '../../_internal/props/padding.prop'\nimport { textAlignPropDef } from '../../_internal/props/textAlign.prop'\nimport { textWrapPropDef } from '../../_internal/props/textWrap.prop'\nimport { truncatePropDef } from '../../_internal/props/truncate.prop'\nimport { weightPropDef } from '../../_internal/props/weight.prop'\n\nimport { scalarTypographyProps } from './typography.props'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst textVariants = ['body-large', 'body-medium', 'body-small', 'label-large', 'label-medium', 'label-small'] as const\nconst textTones = ['default', 'muted', 'inverse'] as const\nconst textSizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const\n\nconst textPropDefs = {\n  ...asChildPropDef,\n  ...scalarTypographyProps(colorPropDef),\n  ...highContrastPropDef,\n  ...scalarTypographyProps(leadingTrimPropDef),\n  ...scalarTypographyProps(marginPropDef),\n  ...scalarTypographyProps(paddingPropDef),\n  ...scalarTypographyProps(textAlignPropDef),\n  ...scalarTypographyProps(textWrapPropDef),\n  ...truncatePropDef,\n  ...scalarTypographyProps(weightPropDef),\n  variant: {\n    type: 'enum',\n    values: textVariants,\n    default: 'body-medium',\n  },\n  tone: {\n    type: 'enum',\n    values: textTones,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    className: 'dsx-r-text-size',\n    values: textSizes,\n  },\n} satisfies {\n  asChild: PropDef\n  align: PropDef<(typeof textAlignPropDef.align.values)[number]>\n  color: PropDef<(typeof colorPropDef.color.values)[number]>\n  highContrast: PropDef\n  m: PropDef\n  mb: PropDef\n  ml: PropDef\n  mr: PropDef\n  mt: PropDef\n  mx: PropDef\n  my: PropDef\n  p: PropDef\n  pb: PropDef\n  pl: PropDef\n  pr: PropDef\n  pt: PropDef\n  px: PropDef\n  py: PropDef\n  tone: PropDef<(typeof textTones)[number]>\n  size: PropDef<(typeof textSizes)[number]>\n  trim: PropDef<(typeof leadingTrimPropDef.trim.values)[number]>\n  truncate: PropDef\n  variant: PropDef<(typeof textVariants)[number]>\n  weight: PropDef<(typeof weightPropDef.weight.values)[number]>\n  wrap: PropDef<(typeof textWrapPropDef.wrap.values)[number]>\n}\n\nexport { textPropDefs }\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAE9B,SAAS,6BAA6B;AAItC,MAAM,eAAe,CAAC,cAAc,eAAe,cAAc,eAAe,gBAAgB,aAAa;AAC7G,MAAM,YAAY,CAAC,WAAW,SAAS,SAAS;AAChD,MAAM,YAAY,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAE9D,MAAM,eAAe;AAAA,EACnB,GAAG;AAAA,EACH,GAAG,sBAAsB,YAAY;AAAA,EACrC,GAAG;AAAA,EACH,GAAG,sBAAsB,kBAAkB;AAAA,EAC3C,GAAG,sBAAsB,aAAa;AAAA,EACtC,GAAG,sBAAsB,cAAc;AAAA,EACvC,GAAG,sBAAsB,gBAAgB;AAAA,EACzC,GAAG,sBAAsB,eAAe;AAAA,EACxC,GAAG;AAAA,EACH,GAAG,sBAAsB,aAAa;AAAA,EACtC,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,EACV;AACF;",
   "names": []
 }

package/dist/components/text/typography.props.cjs

@@ -0,0 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var typography_props_exports = {};
+__export(typography_props_exports, {
+  scalarTypographyProps: () => scalarTypographyProps
+});
+module.exports = __toCommonJS(typography_props_exports);
+function scalarTypographyProps(defs) {
+  return Object.fromEntries(
+    Object.entries(defs).map(([name, def]) => {
+      const { responsive: _responsive, ...scalar } = def;
+      return [name, scalar];
+    })
+  );
+}
+//# sourceMappingURL=typography.props.cjs.map

package/dist/components/text/typography.props.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/text/typography.props.ts"],
+  "sourcesContent": ["import type { PropDef } from '../../_internal/props/propDef'\n\n// Shared utilities also serve layout primitives. Typography consumes their\n// scalar forms without changing the responsive layout definitions.\nexport function scalarTypographyProps<T extends Record<string, PropDef>>(defs: T) {\n  return Object.fromEntries(\n    Object.entries(defs).map(([name, def]) => {\n      const { responsive: _responsive, ...scalar } = def as PropDef & { responsive?: true }\n      return [name, scalar]\n    }),\n  ) as { [K in keyof T]: Omit<T[K], 'responsive'> }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIO,SAAS,sBAAyD,MAAS;AAChF,SAAO,OAAO;AAAA,IACZ,OAAO,QAAQ,IAAI,EAAE,IAAI,CAAC,CAAC,MAAM,GAAG,MAAM;AACxC,YAAM,EAAE,YAAY,aAAa,GAAG,OAAO,IAAI;AAC/C,aAAO,CAAC,MAAM,MAAM;AAAA,IACtB,CAAC;AAAA,EACH;AACF;",
+  "names": []
+}

package/dist/components/text/typography.props.d.cts

@@ -0,0 +1,3 @@
+import type { PropDef } from '../../_internal/props/propDef.cjs';
+export declare function scalarTypographyProps<T extends Record<string, PropDef>>(defs: T): { [K in keyof T]: Omit<T[K], "responsive">; };
+//# sourceMappingURL=typography.props.d.cts.map

package/dist/components/text/typography.props.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.props.d.cts","sourceRoot":"","sources":["../../../src/components/text/typography.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAA;AAI5D,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,GAMzE,GAAG,CAAC,IAAI,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,GAAE,CAClD"}

package/dist/components/text/typography.props.d.mts

@@ -0,0 +1,3 @@
+import type { PropDef } from '../../_internal/props/propDef.js';
+export declare function scalarTypographyProps<T extends Record<string, PropDef>>(defs: T): { [K in keyof T]: Omit<T[K], "responsive">; };
+//# sourceMappingURL=typography.props.d.mts.map

package/dist/components/text/typography.props.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.props.d.mts","sourceRoot":"","sources":["../../../src/components/text/typography.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAA;AAI5D,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,GAMzE,GAAG,CAAC,IAAI,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,GAAE,CAClD"}

package/dist/components/text/typography.props.d.ts

@@ -0,0 +1,3 @@
+import type { PropDef } from '../../_internal/props/propDef.js';
+export declare function scalarTypographyProps<T extends Record<string, PropDef>>(defs: T): { [K in keyof T]: Omit<T[K], "responsive">; };
+//# sourceMappingURL=typography.props.d.ts.map

package/dist/components/text/typography.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.props.d.ts","sourceRoot":"","sources":["../../../src/components/text/typography.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAA;AAI5D,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,GAMzE,GAAG,CAAC,IAAI,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,GAAE,CAClD"}

package/dist/components/text/typography.props.js

@@ -0,0 +1,12 @@
+function scalarTypographyProps(defs) {
+  return Object.fromEntries(
+    Object.entries(defs).map(([name, def]) => {
+      const { responsive: _responsive, ...scalar } = def;
+      return [name, scalar];
+    })
+  );
+}
+export {
+  scalarTypographyProps
+};
+//# sourceMappingURL=typography.props.js.map

package/dist/components/text/typography.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/text/typography.props.ts"],
+  "sourcesContent": ["import type { PropDef } from '../../_internal/props/propDef'\n\n// Shared utilities also serve layout primitives. Typography consumes their\n// scalar forms without changing the responsive layout definitions.\nexport function scalarTypographyProps<T extends Record<string, PropDef>>(defs: T) {\n  return Object.fromEntries(\n    Object.entries(defs).map(([name, def]) => {\n      const { responsive: _responsive, ...scalar } = def as PropDef & { responsive?: true }\n      return [name, scalar]\n    }),\n  ) as { [K in keyof T]: Omit<T[K], 'responsive'> }\n}\n"],
+  "mappings": "AAIO,SAAS,sBAAyD,MAAS;AAChF,SAAO,OAAO;AAAA,IACZ,OAAO,QAAQ,IAAI,EAAE,IAAI,CAAC,CAAC,MAAM,GAAG,MAAM;AACxC,YAAM,EAAE,YAAY,aAAa,GAAG,OAAO,IAAI;AAC/C,aAAO,CAAC,MAAM,MAAM;AAAA,IACtB,CAAC;AAAA,EACH;AACF;",
+  "names": []
+}

package/dist/components/text-field.css

@@ -40,6 +40,7 @@
 
 .dsx-text-field__input {
   flex: 1;
+  min-inline-size: 0;
   border: 0;
   background: transparent;
   color: var(--dsx-color-on-surface);