@dialpad/dialtone-vue 3.220.0-next.7 → 3.221.0

package/dist/lib/text/text-constants.js

@@ -1,128 +0,0 @@
-//#region components/Text/TextConstants.js
-var e = {
-	headline: "d-text-headline",
-	body: "d-text-body",
-	label: "d-text-label",
-	code: "d-text-code"
-}, t = {
-	headline: [
-		"700",
-		"600",
-		"500",
-		"400",
-		"300",
-		"200",
-		"100",
-		"3xl",
-		"2xl",
-		"xl",
-		"lg",
-		"md",
-		"sm",
-		"xs"
-	],
-	body: [
-		"400",
-		"300",
-		"200",
-		"100",
-		"lg",
-		"md",
-		"sm",
-		"xs"
-	],
-	label: [
-		"400",
-		"300",
-		"200",
-		"100",
-		"lg",
-		"md",
-		"sm",
-		"xs"
-	],
-	code: [
-		"400",
-		"300",
-		"200",
-		"100",
-		"lg",
-		"md",
-		"sm",
-		"xs"
-	]
-}, n = [
-	"700",
-	"600",
-	"500",
-	"3xl",
-	"2xl",
-	"xl"
-], r = {
-	100: "xs",
-	200: "sm",
-	300: "md",
-	400: "lg",
-	500: "xl",
-	600: "2xl",
-	700: "3xl"
-}, i = {
-	primary: "d-text--tone-primary",
-	secondary: "d-text--tone-secondary",
-	tertiary: "d-text--tone-tertiary",
-	muted: "d-text--tone-muted",
-	disabled: "d-text--tone-disabled",
-	placeholder: "d-text--tone-placeholder",
-	critical: "d-text--tone-critical",
-	"critical-strong": "d-text--tone-critical-strong",
-	positive: "d-text--tone-positive",
-	"positive-strong": "d-text--tone-positive-strong",
-	warning: "d-text--tone-warning",
-	info: "d-text--tone-info",
-	"info-strong": "d-text--tone-info-strong",
-	"neutral-black": "d-text--tone-neutral-black",
-	"neutral-white": "d-text--tone-neutral-white"
-}, a = {
-	start: "d-text--align-start",
-	center: "d-text--align-center",
-	end: "d-text--align-end",
-	justify: "d-text--align-justify"
-}, o = "d-text--numeric", s = "d-truncate", c = "d-text--clamp", l = {
-	wrap: "d-text--wrap-wrap",
-	nowrap: "d-text--wrap-nowrap",
-	balance: "d-text--wrap-balance",
-	pretty: "d-text--wrap-pretty"
-}, u = {
-	start: "d-text--trim-start",
-	end: "d-text--trim-end",
-	both: "d-text--trim-both"
-}, d = {
-	bold: "d-text--fw-bold",
-	semibold: "d-text--fw-semibold",
-	medium: "d-text--fw-medium",
-	normal: "d-text--fw-normal"
-}, f = {
-	100: "d-text--lh-100",
-	200: "d-text--lh-200",
-	300: "d-text--lh-300",
-	400: "d-text--lh-400",
-	500: "d-text--lh-500",
-	600: "d-text--lh-600"
-}, p = {
-	TEXT_KIND_MODIFIERS: e,
-	TEXT_SIZE_MODIFIERS: t,
-	TEXT_HEADLINE_ONLY_SIZES: n,
-	TEXT_TONE_MODIFIERS: i,
-	TEXT_ALIGN_MODIFIERS: a,
-	TEXT_NUMERIC_CLASS: o,
-	TEXT_TRUNCATE_CLASS: s,
-	TEXT_LINE_CLAMP_CLASS: c,
-	TEXT_WRAP_MODIFIERS: l,
-	TEXT_BOX_TRIM_MODIFIERS: u,
-	TEXT_STRENGTH_MODIFIERS: d,
-	TEXT_DENSITY_MODIFIERS: f
-};
-//#endregion
-export { a as TEXT_ALIGN_MODIFIERS, u as TEXT_BOX_TRIM_MODIFIERS, f as TEXT_DENSITY_MODIFIERS, n as TEXT_HEADLINE_ONLY_SIZES, e as TEXT_KIND_MODIFIERS, c as TEXT_LINE_CLAMP_CLASS, o as TEXT_NUMERIC_CLASS, r as TEXT_SIZE_MAP, t as TEXT_SIZE_MODIFIERS, d as TEXT_STRENGTH_MODIFIERS, i as TEXT_TONE_MODIFIERS, s as TEXT_TRUNCATE_CLASS, l as TEXT_WRAP_MODIFIERS, p as default };
-
-//# sourceMappingURL=text-constants.js.map

package/dist/lib/text/text-constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-constants.js","names":[],"sources":["../../../components/Text/TextConstants.js"],"sourcesContent":["export const TEXT_KIND_MODIFIERS = {\n  headline: 'd-text-headline',\n  body: 'd-text-body',\n  label: 'd-text-label',\n  code: 'd-text-code',\n};\n\nexport const TEXT_SIZE_MODIFIERS = {\n  headline: ['700', '600', '500', '400', '300', '200', '100', '3xl', '2xl', 'xl', 'lg', 'md', 'sm', 'xs'],\n  body: ['400', '300', '200', '100', 'lg', 'md', 'sm', 'xs'],\n  label: ['400', '300', '200', '100', 'lg', 'md', 'sm', 'xs'],\n  code: ['400', '300', '200', '100', 'lg', 'md', 'sm', 'xs'],\n};\n\n// Sizes that are only valid for headline kind - using these with other kinds throws an error\nexport const TEXT_HEADLINE_ONLY_SIZES = ['700', '600', '500', '3xl', '2xl', 'xl'];\n\n// Numeric → t-shirt CSS class suffix mapping\nexport const TEXT_SIZE_MAP = {\n  100: 'xs',\n  200: 'sm',\n  300: 'md',\n  400: 'lg',\n  500: 'xl',\n  600: '2xl',\n  700: '3xl',\n};\n\nexport const TEXT_TONE_MODIFIERS = {\n  'primary': 'd-text--tone-primary',\n  'secondary': 'd-text--tone-secondary',\n  'tertiary': 'd-text--tone-tertiary',\n  'muted': 'd-text--tone-muted',\n  'disabled': 'd-text--tone-disabled',\n  'placeholder': 'd-text--tone-placeholder',\n  'critical': 'd-text--tone-critical',\n  'critical-strong': 'd-text--tone-critical-strong',\n  'positive': 'd-text--tone-positive',\n  'positive-strong': 'd-text--tone-positive-strong',\n  'warning': 'd-text--tone-warning',\n  'info': 'd-text--tone-info',\n  'info-strong': 'd-text--tone-info-strong',\n  'neutral-black': 'd-text--tone-neutral-black',\n  'neutral-white': 'd-text--tone-neutral-white',\n};\n\nexport const TEXT_ALIGN_MODIFIERS = {\n  start: 'd-text--align-start',\n  center: 'd-text--align-center',\n  end: 'd-text--align-end',\n  justify: 'd-text--align-justify',\n};\n\nexport const TEXT_NUMERIC_CLASS = 'd-text--numeric';\nexport const TEXT_TRUNCATE_CLASS = 'd-truncate';\nexport const TEXT_LINE_CLAMP_CLASS = 'd-text--clamp';\n\nexport const TEXT_WRAP_MODIFIERS = {\n  wrap: 'd-text--wrap-wrap',\n  nowrap: 'd-text--wrap-nowrap',\n  balance: 'd-text--wrap-balance',\n  pretty: 'd-text--wrap-pretty',\n};\n\nexport const TEXT_BOX_TRIM_MODIFIERS = {\n  start: 'd-text--trim-start',\n  end: 'd-text--trim-end',\n  both: 'd-text--trim-both',\n};\n\nexport const TEXT_STRENGTH_MODIFIERS = {\n  bold: 'd-text--fw-bold',\n  semibold: 'd-text--fw-semibold',\n  medium: 'd-text--fw-medium',\n  normal: 'd-text--fw-normal',\n};\n\nexport const TEXT_DENSITY_MODIFIERS = {\n  100: 'd-text--lh-100',\n  200: 'd-text--lh-200',\n  300: 'd-text--lh-300',\n  400: 'd-text--lh-400',\n  500: 'd-text--lh-500',\n  600: 'd-text--lh-600',\n};\n\nexport default {\n  TEXT_KIND_MODIFIERS,\n  TEXT_SIZE_MODIFIERS,\n  TEXT_HEADLINE_ONLY_SIZES,\n  TEXT_TONE_MODIFIERS,\n  TEXT_ALIGN_MODIFIERS,\n  TEXT_NUMERIC_CLASS,\n  TEXT_TRUNCATE_CLASS,\n  TEXT_LINE_CLAMP_CLASS,\n  TEXT_WRAP_MODIFIERS,\n  TEXT_BOX_TRIM_MODIFIERS,\n  TEXT_STRENGTH_MODIFIERS,\n  TEXT_DENSITY_MODIFIERS,\n};\n"],"mappings":";AAAA,IAAa,IAAsB;CACjC,UAAU;CACV,MAAM;CACN,OAAO;CACP,MAAM;CACP,EAEY,IAAsB;CACjC,UAAU;EAAC;EAAO;EAAO;EAAO;EAAO;EAAO;EAAO;EAAO;EAAO;EAAO;EAAM;EAAM;EAAM;EAAM;EAAK;CACvG,MAAM;EAAC;EAAO;EAAO;EAAO;EAAO;EAAM;EAAM;EAAM;EAAK;CAC1D,OAAO;EAAC;EAAO;EAAO;EAAO;EAAO;EAAM;EAAM;EAAM;EAAK;CAC3D,MAAM;EAAC;EAAO;EAAO;EAAO;EAAO;EAAM;EAAM;EAAM;EAAK;CAC3D,EAGY,IAA2B;CAAC;CAAO;CAAO;CAAO;CAAO;CAAO;CAAK,EAGpE,IAAgB;CAC3B,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN,EAEY,IAAsB;CACjC,SAAW;CACX,WAAa;CACb,UAAY;CACZ,OAAS;CACT,UAAY;CACZ,aAAe;CACf,UAAY;CACZ,mBAAmB;CACnB,UAAY;CACZ,mBAAmB;CACnB,SAAW;CACX,MAAQ;CACR,eAAe;CACf,iBAAiB;CACjB,iBAAiB;CAClB,EAEY,IAAuB;CAClC,OAAO;CACP,QAAQ;CACR,KAAK;CACL,SAAS;CACV,EAEY,IAAqB,mBACrB,IAAsB,cACtB,IAAwB,iBAExB,IAAsB;CACjC,MAAM;CACN,QAAQ;CACR,SAAS;CACT,QAAQ;CACT,EAEY,IAA0B;CACrC,OAAO;CACP,KAAK;CACL,MAAM;CACP,EAEY,IAA0B;CACrC,MAAM;CACN,UAAU;CACV,QAAQ;CACR,QAAQ;CACT,EAEY,IAAyB;CACpC,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN,EAED,IAAe;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}

package/dist/lib/text/text.cjs

@@ -1,2 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`./text-constants.cjs`);let n=require(`vue`);var r=`300`,i=[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`],a=!1,o=()=>{a=!1},s={name:`DtText`,props:{as:{type:String,default:`span`},kind:{type:String,default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_KIND_MODIFIERS,e)},size:{type:[String,Number],default:null},tone:{type:String,default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_TONE_MODIFIERS,e)},align:{type:String,default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_ALIGN_MODIFIERS,e)},truncate:{type:Boolean,default:!1},maxLines:{type:Number,default:null,validator:e=>e===null||Number.isInteger(e)&&e>0},numeric:{type:Boolean,default:!1},wrap:{type:String,default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_WRAP_MODIFIERS,e)},textBoxTrim:{type:String,default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_BOX_TRIM_MODIFIERS,e)},strength:{type:String,default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_STRENGTH_MODIFIERS,e)},density:{type:[String,Number],default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_DENSITY_MODIFIERS,e)}},computed:{textClasses(){let e=[`d-text`],n=this.getVariantClass();n&&e.push(n);let r=this.getAlignClass();r&&e.push(r);let i=this.getToneClass();i&&e.push(i),this.truncate&&e.push(t.TEXT_TRUNCATE_CLASS),this.numeric&&e.push(t.TEXT_NUMERIC_CLASS),this.maxLines&&e.push(t.TEXT_LINE_CLAMP_CLASS);let a=this.getWrapClass();a&&e.push(a);let o=this.getTextBoxTrimClass();o&&e.push(o);let s=this.getStrengthClass();s&&e.push(s);let c=this.getDensityClass();return c&&e.push(c),e},textStyles(){if(this.maxLines)return{"--dt-text-line-clamp":this.maxLines}}},mounted(){!a&&this.kind===`headline`&&!i.includes(this.as)&&(console.info(`[DtText] kind="headline" is used without a semantic heading element. Consider using as="h1|h2|h3|h4|h5|h6" for better accessibility.`),a=!0)},methods:{getVariantClass(){if(!this.kind)return this.size&&console.warn(`[DtText] size prop has no effect without kind. Set kind="headline|body|label|code".`),null;if(!Object.prototype.hasOwnProperty.call(t.TEXT_KIND_MODIFIERS,this.kind))return console.warn(`[DtText] Unsupported kind "${this.kind}".`),null;let e=t.TEXT_SIZE_MODIFIERS[this.kind]||[],n=(this.size==null?null:String(this.size))||r,i=n;if(!e.includes(n)){if(t.TEXT_HEADLINE_ONLY_SIZES.includes(n))throw Error(`[DtText] size="${n}" is only valid for kind="headline". Cannot use with kind="${this.kind}".`);let a=e.includes(r)?r:e[0];a&&(i=a),console.warn(`[DtText] size="${n}" is not valid for kind="${this.kind}". Using "${i}" instead.`)}if(!i)return null;let a=t.TEXT_SIZE_MAP[i]||i;return`${t.TEXT_KIND_MODIFIERS[this.kind]}--${a}`},getModifierClass(e,t,n){return e==null?null:t[e]||(console.warn(`[DtText] Unsupported ${n} "${e}".`),null)},getAlignClass(){return this.getModifierClass(this.align,t.TEXT_ALIGN_MODIFIERS,`align`)},getToneClass(){return this.getModifierClass(this.tone,t.TEXT_TONE_MODIFIERS,`tone`)},getWrapClass(){return this.getModifierClass(this.wrap,t.TEXT_WRAP_MODIFIERS,`wrap`)},getTextBoxTrimClass(){return this.getModifierClass(this.textBoxTrim,t.TEXT_BOX_TRIM_MODIFIERS,`textBoxTrim`)},getStrengthClass(){return this.getModifierClass(this.strength,t.TEXT_STRENGTH_MODIFIERS,`strength`)},getDensityClass(){return this.getModifierClass(this.density,t.TEXT_DENSITY_MODIFIERS,`density`)}}};function c(e,t,r,i,a,o){return(0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(r.as),{"data-qa":`dt-text`,class:(0,n.normalizeClass)(o.textClasses),style:(0,n.normalizeStyle)(o.textStyles)},{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`default`)]),_:3},8,[`class`,`style`])}var l=e.t(s,[[`render`,c]]);exports.default=l,exports.resetHeadlineSemanticInfoFlag=o;
-//# sourceMappingURL=text.cjs.map

package/dist/lib/text/text.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.cjs","names":[],"sources":["../../../components/Text/Text.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"as\"\n    data-qa=\"dt-text\"\n    :class=\"textClasses\"\n    :style=\"textStyles\"\n  >\n    <!-- @slot Default slot for text content -->\n    <slot />\n  </component>\n</template>\n\n<script>\nimport {\n  TEXT_KIND_MODIFIERS,\n  TEXT_SIZE_MODIFIERS,\n  TEXT_SIZE_MAP,\n  TEXT_HEADLINE_ONLY_SIZES,\n  TEXT_ALIGN_MODIFIERS,\n  TEXT_TONE_MODIFIERS,\n  TEXT_NUMERIC_CLASS,\n  TEXT_TRUNCATE_CLASS,\n  TEXT_LINE_CLAMP_CLASS,\n  TEXT_WRAP_MODIFIERS,\n  TEXT_BOX_TRIM_MODIFIERS,\n  TEXT_STRENGTH_MODIFIERS,\n  TEXT_DENSITY_MODIFIERS,\n} from './TextConstants';\n\nconst DEFAULT_SIZE = '300';\nconst SEMANTIC_HEADING_ELEMENTS = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];\n\n// Module-level flag to emit info only once per session\nlet hasEmittedHeadlineSemanticInfo = false;\n\n// Exported for testing purposes only\nexport const resetHeadlineSemanticInfoFlag = () => {\n  hasEmittedHeadlineSemanticInfo = false;\n};\n\n/**\n * Dialtone text primitive that applies typography tokens based on semantic props.\n * @see https://dialtone.dialpad.com/components/text.html\n */\nexport default {\n  name: 'DtText',\n\n  props: {\n    /**\n     * HTML tag or component used for rendering.\n     * @values span, p, h1, h2, h3, h4, h5, h6, label, div, component\n     */\n    as: {\n      type: String,\n      default: 'span',\n    },\n\n    /**\n     * Typography kind mapping to headline/body/label/code token sets.\n     * @values headline, body, label, code\n     */\n    kind: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_KIND_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Size variant within the selected `kind`. Falls back to `md`/300 if unsupported.\n     * Headline supports all sizes; body/label/code support 100-400.\n     * @values 100, 200, 300, 400, 500, 600, 700\n     */\n    size: {\n      type: [String, Number],\n      default: null,\n    },\n\n    /**\n     * Semantic foreground color.\n     * @values primary, secondary, tertiary, muted, disabled, placeholder, critical, critical-strong, positive, positive-strong, warning, info, info-strong, neutral-black, neutral-white\n     */\n    tone: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_TONE_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Logical text alignment. Requires block/inline-block context.\n     * @values start, center, end, justify\n     */\n    align: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_ALIGN_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Enables single-line truncation (i.e. ellipsis) when true; requires block/inline-block context.\n     */\n    truncate: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Applies multi-line truncation (i.e. clamp) when greater than zero; requires block/inline-block context.\n     */\n    maxLines: {\n      type: Number,\n      default: null,\n      validator: (value) => {\n        return value === null || (Number.isInteger(value) && value > 0);\n      },\n    },\n\n    /**\n     * Renders numeric content with tabular figures.\n     */\n    numeric: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls text wrapping behavior.\n     * @values wrap, nowrap, balance, pretty\n     */\n    wrap: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_WRAP_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Controls text-box-trim (leading space above/below text). Useful for tight component layouts.\n     * @values start, end, both\n     */\n    textBoxTrim: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_BOX_TRIM_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Overrides font-weight. Applies to any kind/size combination.\n     * @values bold, semibold, medium, normal\n     */\n    strength: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_STRENGTH_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Overrides line-height. Applies to any kind/size combination.\n     * @values 100, 200, 300, 400, 500, 600\n     */\n    density: {\n      type: [String, Number],\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_DENSITY_MODIFIERS, value);\n      },\n    },\n  },\n\n  computed: {\n    textClasses () {\n      const classes = ['d-text'];\n      const variantClass = this.getVariantClass();\n      if (variantClass) {\n        classes.push(variantClass);\n      }\n\n      const alignClass = this.getAlignClass();\n      if (alignClass) {\n        classes.push(alignClass);\n      }\n\n      const toneClass = this.getToneClass();\n      if (toneClass) {\n        classes.push(toneClass);\n      }\n\n      if (this.truncate) {\n        classes.push(TEXT_TRUNCATE_CLASS);\n      }\n\n      if (this.numeric) {\n        classes.push(TEXT_NUMERIC_CLASS);\n      }\n\n      if (this.maxLines) {\n        classes.push(TEXT_LINE_CLAMP_CLASS);\n      }\n\n      const wrapClass = this.getWrapClass();\n      if (wrapClass) {\n        classes.push(wrapClass);\n      }\n\n      const textBoxTrimClass = this.getTextBoxTrimClass();\n      if (textBoxTrimClass) {\n        classes.push(textBoxTrimClass);\n      }\n\n      const strengthClass = this.getStrengthClass();\n      if (strengthClass) {\n        classes.push(strengthClass);\n      }\n\n      const densityClass = this.getDensityClass();\n      if (densityClass) {\n        classes.push(densityClass);\n      }\n\n      return classes;\n    },\n\n    textStyles () {\n      if (!this.maxLines) {\n        return undefined;\n      }\n\n      return {\n        '--dt-text-line-clamp': this.maxLines,\n      };\n    },\n  },\n\n  mounted () {\n    // Emit info once per session when headline is used without semantic heading element\n    if (\n      !hasEmittedHeadlineSemanticInfo &&\n      this.kind === 'headline' &&\n      !SEMANTIC_HEADING_ELEMENTS.includes(this.as)\n    ) {\n\n      console.info(\n        '[DtText] kind=\"headline\" is used without a semantic heading element. ' +\n        'Consider using as=\"h1|h2|h3|h4|h5|h6\" for better accessibility.',\n      );\n      hasEmittedHeadlineSemanticInfo = true;\n    }\n  },\n\n  methods: {\n    getVariantClass () {\n      if (!this.kind) {\n        if (this.size) {\n          console.warn('[DtText] size prop has no effect without kind. Set kind=\"headline|body|label|code\".');\n        }\n        return null;\n      }\n\n      if (!Object.prototype.hasOwnProperty.call(TEXT_KIND_MODIFIERS, this.kind)) {\n        console.warn(`[DtText] Unsupported kind \"${this.kind}\".`);\n        return null;\n      }\n\n      const allowedSizes = TEXT_SIZE_MODIFIERS[this.kind] || [];\n      const rawSize = this.size != null ? String(this.size) : null;\n      const requestedSize = rawSize || DEFAULT_SIZE;\n      let resolvedSize = requestedSize;\n\n      if (!allowedSizes.includes(requestedSize)) {\n        // Headline-only sizes (3xl, 2xl, xl, 500, 600, 700) throw an error when used with incompatible kinds\n        if (TEXT_HEADLINE_ONLY_SIZES.includes(requestedSize)) {\n          throw new Error(\n            `[DtText] size=\"${requestedSize}\" is only valid for kind=\"headline\". ` +\n            `Cannot use with kind=\"${this.kind}\".`,\n          );\n        }\n\n        // Universal sizes fall back gracefully with a warning\n        const fallbackSize = allowedSizes.includes(DEFAULT_SIZE) ? DEFAULT_SIZE : allowedSizes[0];\n        if (fallbackSize) {\n          resolvedSize = fallbackSize;\n        }\n        console.warn(`[DtText] size=\"${requestedSize}\" is not valid for kind=\"${this.kind}\". Using \"${resolvedSize}\" instead.`);\n      }\n\n      if (!resolvedSize) {\n        return null;\n      }\n\n      // Map numeric sizes to t-shirt CSS class suffix\n      const cssSuffix = TEXT_SIZE_MAP[resolvedSize] || resolvedSize;\n      return `${TEXT_KIND_MODIFIERS[this.kind]}--${cssSuffix}`;\n    },\n\n    getModifierClass (value, modifiers, propName) {\n      if (value === null || value === undefined) {\n        return null;\n      }\n\n      const className = modifiers[value];\n      if (!className) {\n        console.warn(`[DtText] Unsupported ${propName} \"${value}\".`);\n        return null;\n      }\n\n      return className;\n    },\n\n    getAlignClass () {\n      return this.getModifierClass(this.align, TEXT_ALIGN_MODIFIERS, 'align');\n    },\n\n    getToneClass () {\n      return this.getModifierClass(this.tone, TEXT_TONE_MODIFIERS, 'tone');\n    },\n\n    getWrapClass () {\n      return this.getModifierClass(this.wrap, TEXT_WRAP_MODIFIERS, 'wrap');\n    },\n\n    getTextBoxTrimClass () {\n      return this.getModifierClass(this.textBoxTrim, TEXT_BOX_TRIM_MODIFIERS, 'textBoxTrim');\n    },\n\n    getStrengthClass () {\n      return this.getModifierClass(this.strength, TEXT_STRENGTH_MODIFIERS, 'strength');\n    },\n\n    getDensityClass () {\n      return this.getModifierClass(this.density, TEXT_DENSITY_MODIFIERS, 'density');\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/text/text.js

@@ -1,149 +0,0 @@
-import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
-import { TEXT_ALIGN_MODIFIERS as t, TEXT_BOX_TRIM_MODIFIERS as n, TEXT_DENSITY_MODIFIERS as r, TEXT_HEADLINE_ONLY_SIZES as i, TEXT_KIND_MODIFIERS as a, TEXT_LINE_CLAMP_CLASS as o, TEXT_NUMERIC_CLASS as s, TEXT_SIZE_MAP as c, TEXT_SIZE_MODIFIERS as l, TEXT_STRENGTH_MODIFIERS as u, TEXT_TONE_MODIFIERS as d, TEXT_TRUNCATE_CLASS as f, TEXT_WRAP_MODIFIERS as p } from "./text-constants.js";
-import { createBlock as m, normalizeClass as h, normalizeStyle as g, openBlock as _, renderSlot as v, resolveDynamicComponent as y, withCtx as b } from "vue";
-//#region components/Text/Text.vue
-var x = "300", S = [
-	"h1",
-	"h2",
-	"h3",
-	"h4",
-	"h5",
-	"h6"
-], C = !1, w = () => {
-	C = !1;
-}, T = {
-	name: "DtText",
-	props: {
-		as: {
-			type: String,
-			default: "span"
-		},
-		kind: {
-			type: String,
-			default: null,
-			validator: (e) => e === null || Object.prototype.hasOwnProperty.call(a, e)
-		},
-		size: {
-			type: [String, Number],
-			default: null
-		},
-		tone: {
-			type: String,
-			default: null,
-			validator: (e) => e === null || Object.prototype.hasOwnProperty.call(d, e)
-		},
-		align: {
-			type: String,
-			default: null,
-			validator: (e) => e === null || Object.prototype.hasOwnProperty.call(t, e)
-		},
-		truncate: {
-			type: Boolean,
-			default: !1
-		},
-		maxLines: {
-			type: Number,
-			default: null,
-			validator: (e) => e === null || Number.isInteger(e) && e > 0
-		},
-		numeric: {
-			type: Boolean,
-			default: !1
-		},
-		wrap: {
-			type: String,
-			default: null,
-			validator: (e) => e === null || Object.prototype.hasOwnProperty.call(p, e)
-		},
-		textBoxTrim: {
-			type: String,
-			default: null,
-			validator: (e) => e === null || Object.prototype.hasOwnProperty.call(n, e)
-		},
-		strength: {
-			type: String,
-			default: null,
-			validator: (e) => e === null || Object.prototype.hasOwnProperty.call(u, e)
-		},
-		density: {
-			type: [String, Number],
-			default: null,
-			validator: (e) => e === null || Object.prototype.hasOwnProperty.call(r, e)
-		}
-	},
-	computed: {
-		textClasses() {
-			let e = ["d-text"], t = this.getVariantClass();
-			t && e.push(t);
-			let n = this.getAlignClass();
-			n && e.push(n);
-			let r = this.getToneClass();
-			r && e.push(r), this.truncate && e.push(f), this.numeric && e.push(s), this.maxLines && e.push(o);
-			let i = this.getWrapClass();
-			i && e.push(i);
-			let a = this.getTextBoxTrimClass();
-			a && e.push(a);
-			let c = this.getStrengthClass();
-			c && e.push(c);
-			let l = this.getDensityClass();
-			return l && e.push(l), e;
-		},
-		textStyles() {
-			if (this.maxLines) return { "--dt-text-line-clamp": this.maxLines };
-		}
-	},
-	mounted() {
-		!C && this.kind === "headline" && !S.includes(this.as) && (console.info("[DtText] kind=\"headline\" is used without a semantic heading element. Consider using as=\"h1|h2|h3|h4|h5|h6\" for better accessibility."), C = !0);
-	},
-	methods: {
-		getVariantClass() {
-			if (!this.kind) return this.size && console.warn("[DtText] size prop has no effect without kind. Set kind=\"headline|body|label|code\"."), null;
-			if (!Object.prototype.hasOwnProperty.call(a, this.kind)) return console.warn(`[DtText] Unsupported kind "${this.kind}".`), null;
-			let e = l[this.kind] || [], t = (this.size == null ? null : String(this.size)) || x, n = t;
-			if (!e.includes(t)) {
-				if (i.includes(t)) throw Error(`[DtText] size="${t}" is only valid for kind="headline". Cannot use with kind="${this.kind}".`);
-				let r = e.includes(x) ? x : e[0];
-				r && (n = r), console.warn(`[DtText] size="${t}" is not valid for kind="${this.kind}". Using "${n}" instead.`);
-			}
-			if (!n) return null;
-			let r = c[n] || n;
-			return `${a[this.kind]}--${r}`;
-		},
-		getModifierClass(e, t, n) {
-			return e == null ? null : t[e] || (console.warn(`[DtText] Unsupported ${n} "${e}".`), null);
-		},
-		getAlignClass() {
-			return this.getModifierClass(this.align, t, "align");
-		},
-		getToneClass() {
-			return this.getModifierClass(this.tone, d, "tone");
-		},
-		getWrapClass() {
-			return this.getModifierClass(this.wrap, p, "wrap");
-		},
-		getTextBoxTrimClass() {
-			return this.getModifierClass(this.textBoxTrim, n, "textBoxTrim");
-		},
-		getStrengthClass() {
-			return this.getModifierClass(this.strength, u, "strength");
-		},
-		getDensityClass() {
-			return this.getModifierClass(this.density, r, "density");
-		}
-	}
-};
-function E(e, t, n, r, i, a) {
-	return _(), m(y(n.as), {
-		"data-qa": "dt-text",
-		class: h(a.textClasses),
-		style: g(a.textStyles)
-	}, {
-		default: b(() => [v(e.$slots, "default")]),
-		_: 3
-	}, 8, ["class", "style"]);
-}
-var D = /* @__PURE__ */ e(T, [["render", E]]);
-//#endregion
-export { D as default, w as resetHeadlineSemanticInfoFlag };
-
-//# sourceMappingURL=text.js.map

package/dist/lib/text/text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.js","names":[],"sources":["../../../components/Text/Text.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"as\"\n    data-qa=\"dt-text\"\n    :class=\"textClasses\"\n    :style=\"textStyles\"\n  >\n    <!-- @slot Default slot for text content -->\n    <slot />\n  </component>\n</template>\n\n<script>\nimport {\n  TEXT_KIND_MODIFIERS,\n  TEXT_SIZE_MODIFIERS,\n  TEXT_SIZE_MAP,\n  TEXT_HEADLINE_ONLY_SIZES,\n  TEXT_ALIGN_MODIFIERS,\n  TEXT_TONE_MODIFIERS,\n  TEXT_NUMERIC_CLASS,\n  TEXT_TRUNCATE_CLASS,\n  TEXT_LINE_CLAMP_CLASS,\n  TEXT_WRAP_MODIFIERS,\n  TEXT_BOX_TRIM_MODIFIERS,\n  TEXT_STRENGTH_MODIFIERS,\n  TEXT_DENSITY_MODIFIERS,\n} from './TextConstants';\n\nconst DEFAULT_SIZE = '300';\nconst SEMANTIC_HEADING_ELEMENTS = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];\n\n// Module-level flag to emit info only once per session\nlet hasEmittedHeadlineSemanticInfo = false;\n\n// Exported for testing purposes only\nexport const resetHeadlineSemanticInfoFlag = () => {\n  hasEmittedHeadlineSemanticInfo = false;\n};\n\n/**\n * Dialtone text primitive that applies typography tokens based on semantic props.\n * @see https://dialtone.dialpad.com/components/text.html\n */\nexport default {\n  name: 'DtText',\n\n  props: {\n    /**\n     * HTML tag or component used for rendering.\n     * @values span, p, h1, h2, h3, h4, h5, h6, label, div, component\n     */\n    as: {\n      type: String,\n      default: 'span',\n    },\n\n    /**\n     * Typography kind mapping to headline/body/label/code token sets.\n     * @values headline, body, label, code\n     */\n    kind: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_KIND_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Size variant within the selected `kind`. Falls back to `md`/300 if unsupported.\n     * Headline supports all sizes; body/label/code support 100-400.\n     * @values 100, 200, 300, 400, 500, 600, 700\n     */\n    size: {\n      type: [String, Number],\n      default: null,\n    },\n\n    /**\n     * Semantic foreground color.\n     * @values primary, secondary, tertiary, muted, disabled, placeholder, critical, critical-strong, positive, positive-strong, warning, info, info-strong, neutral-black, neutral-white\n     */\n    tone: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_TONE_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Logical text alignment. Requires block/inline-block context.\n     * @values start, center, end, justify\n     */\n    align: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_ALIGN_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Enables single-line truncation (i.e. ellipsis) when true; requires block/inline-block context.\n     */\n    truncate: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Applies multi-line truncation (i.e. clamp) when greater than zero; requires block/inline-block context.\n     */\n    maxLines: {\n      type: Number,\n      default: null,\n      validator: (value) => {\n        return value === null || (Number.isInteger(value) && value > 0);\n      },\n    },\n\n    /**\n     * Renders numeric content with tabular figures.\n     */\n    numeric: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls text wrapping behavior.\n     * @values wrap, nowrap, balance, pretty\n     */\n    wrap: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_WRAP_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Controls text-box-trim (leading space above/below text). Useful for tight component layouts.\n     * @values start, end, both\n     */\n    textBoxTrim: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_BOX_TRIM_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Overrides font-weight. Applies to any kind/size combination.\n     * @values bold, semibold, medium, normal\n     */\n    strength: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_STRENGTH_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Overrides line-height. Applies to any kind/size combination.\n     * @values 100, 200, 300, 400, 500, 600\n     */\n    density: {\n      type: [String, Number],\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_DENSITY_MODIFIERS, value);\n      },\n    },\n  },\n\n  computed: {\n    textClasses () {\n      const classes = ['d-text'];\n      const variantClass = this.getVariantClass();\n      if (variantClass) {\n        classes.push(variantClass);\n      }\n\n      const alignClass = this.getAlignClass();\n      if (alignClass) {\n        classes.push(alignClass);\n      }\n\n      const toneClass = this.getToneClass();\n      if (toneClass) {\n        classes.push(toneClass);\n      }\n\n      if (this.truncate) {\n        classes.push(TEXT_TRUNCATE_CLASS);\n      }\n\n      if (this.numeric) {\n        classes.push(TEXT_NUMERIC_CLASS);\n      }\n\n      if (this.maxLines) {\n        classes.push(TEXT_LINE_CLAMP_CLASS);\n      }\n\n      const wrapClass = this.getWrapClass();\n      if (wrapClass) {\n        classes.push(wrapClass);\n      }\n\n      const textBoxTrimClass = this.getTextBoxTrimClass();\n      if (textBoxTrimClass) {\n        classes.push(textBoxTrimClass);\n      }\n\n      const strengthClass = this.getStrengthClass();\n      if (strengthClass) {\n        classes.push(strengthClass);\n      }\n\n      const densityClass = this.getDensityClass();\n      if (densityClass) {\n        classes.push(densityClass);\n      }\n\n      return classes;\n    },\n\n    textStyles () {\n      if (!this.maxLines) {\n        return undefined;\n      }\n\n      return {\n        '--dt-text-line-clamp': this.maxLines,\n      };\n    },\n  },\n\n  mounted () {\n    // Emit info once per session when headline is used without semantic heading element\n    if (\n      !hasEmittedHeadlineSemanticInfo &&\n      this.kind === 'headline' &&\n      !SEMANTIC_HEADING_ELEMENTS.includes(this.as)\n    ) {\n\n      console.info(\n        '[DtText] kind=\"headline\" is used without a semantic heading element. ' +\n        'Consider using as=\"h1|h2|h3|h4|h5|h6\" for better accessibility.',\n      );\n      hasEmittedHeadlineSemanticInfo = true;\n    }\n  },\n\n  methods: {\n    getVariantClass () {\n      if (!this.kind) {\n        if (this.size) {\n          console.warn('[DtText] size prop has no effect without kind. Set kind=\"headline|body|label|code\".');\n        }\n        return null;\n      }\n\n      if (!Object.prototype.hasOwnProperty.call(TEXT_KIND_MODIFIERS, this.kind)) {\n        console.warn(`[DtText] Unsupported kind \"${this.kind}\".`);\n        return null;\n      }\n\n      const allowedSizes = TEXT_SIZE_MODIFIERS[this.kind] || [];\n      const rawSize = this.size != null ? String(this.size) : null;\n      const requestedSize = rawSize || DEFAULT_SIZE;\n      let resolvedSize = requestedSize;\n\n      if (!allowedSizes.includes(requestedSize)) {\n        // Headline-only sizes (3xl, 2xl, xl, 500, 600, 700) throw an error when used with incompatible kinds\n        if (TEXT_HEADLINE_ONLY_SIZES.includes(requestedSize)) {\n          throw new Error(\n            `[DtText] size=\"${requestedSize}\" is only valid for kind=\"headline\". ` +\n            `Cannot use with kind=\"${this.kind}\".`,\n          );\n        }\n\n        // Universal sizes fall back gracefully with a warning\n        const fallbackSize = allowedSizes.includes(DEFAULT_SIZE) ? DEFAULT_SIZE : allowedSizes[0];\n        if (fallbackSize) {\n          resolvedSize = fallbackSize;\n        }\n        console.warn(`[DtText] size=\"${requestedSize}\" is not valid for kind=\"${this.kind}\". Using \"${resolvedSize}\" instead.`);\n      }\n\n      if (!resolvedSize) {\n        return null;\n      }\n\n      // Map numeric sizes to t-shirt CSS class suffix\n      const cssSuffix = TEXT_SIZE_MAP[resolvedSize] || resolvedSize;\n      return `${TEXT_KIND_MODIFIERS[this.kind]}--${cssSuffix}`;\n    },\n\n    getModifierClass (value, modifiers, propName) {\n      if (value === null || value === undefined) {\n        return null;\n      }\n\n      const className = modifiers[value];\n      if (!className) {\n        console.warn(`[DtText] Unsupported ${propName} \"${value}\".`);\n        return null;\n      }\n\n      return className;\n    },\n\n    getAlignClass () {\n      return this.getModifierClass(this.align, TEXT_ALIGN_MODIFIERS, 'align');\n    },\n\n    getToneClass () {\n      return this.getModifierClass(this.tone, TEXT_TONE_MODIFIERS, 'tone');\n    },\n\n    getWrapClass () {\n      return this.getModifierClass(this.wrap, TEXT_WRAP_MODIFIERS, 'wrap');\n    },\n\n    getTextBoxTrimClass () {\n      return this.getModifierClass(this.textBoxTrim, TEXT_BOX_TRIM_MODIFIERS, 'textBoxTrim');\n    },\n\n    getStrengthClass () {\n      return this.getModifierClass(this.strength, TEXT_STRENGTH_MODIFIERS, 'strength');\n    },\n\n    getDensityClass () {\n      return this.getModifierClass(this.density, TEXT_DENSITY_MODIFIERS, 'density');\n    },\n  },\n};\n</script>\n"],"mappings":"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"}