@dialpad/dialtone-vue 3.210.0 → 3.211.0-next.1

package/dist/lib/tab/tab.js

@@ -1,12 +1,11 @@
-import { TAB_IMPORTANCE_MODIFIERS as r } from "./tabs-constants.js";
-import { resolveComponent as d, openBlock as i, createBlock as n, mergeProps as o, toHandlers as c, withCtx as u, renderSlot as b } from "vue";
-import { _ as f } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import m from "../button/button.js";
-const p = {
+import { resolveComponent as r, openBlock as o, createBlock as u, mergeProps as c, toHandlers as b, createSlots as f, withCtx as a, createElementVNode as g, renderSlot as i } from "vue";
+import { _ as m } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import h from "../button/button.js";
+const C = {
   compatConfig: { MODE: 3 },
   name: "DtTab",
   components: {
-    DtButton: m
+    DtButton: h
   },
   inject: ["groupContext", "setFocus"],
   inheritAttrs: !1,
@@ -54,6 +53,27 @@ const p = {
     tabClass: {
       type: [String, Array, Object],
       default: ""
+    },
+    /**
+     * Used to customize the label container
+     */
+    labelClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /**
+     * Used to customize the leading container
+     */
+    leadingClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /**
+     * Used to customize the trailing container
+     */
+    trailingClass: {
+      type: [String, Array, Object],
+      default: ""
     }
   },
   emits: [
@@ -72,57 +92,128 @@ const p = {
      */
     "click"
   ],
-  data() {
-    return {
-      TAB_IMPORTANCE_MODIFIERS: r
-    };
-  },
   computed: {
     tabListeners() {
       return {
-        click: (e) => {
-          this.$emit("click", e);
+        click: (t) => {
+          this.$emit("click", t);
         },
-        focus: (e) => {
-          this.setFocus(this.id), this.$emit("focus", e);
+        focus: (t) => {
+          this.setFocus(this.id), this.$emit("focus", t);
         }
       };
     },
+    isDisabled() {
+      return this.groupContext.disabled || this.disabled;
+    },
+    buttonSize() {
+      const t = this.groupContext.size;
+      return t === "default" ? void 0 : t;
+    },
     isSelected() {
       return this.groupContext.selected === this.panelId;
+    },
+    buttonKind() {
+      return this.groupContext.outlined ? this.groupContext.kind === "muted" ? "muted" : "default" : this.groupContext.kind === "muted" ? "muted" : this.isSelected ? "default" : "muted";
+    },
+    buttonImportance() {
+      return this.groupContext.outlined && this.isSelected ? "outlined" : "clear";
+    },
+    buttonActive() {
+      return this.groupContext.outlined ? !1 : this.groupContext.kind === "muted" ? this.isSelected : !1;
     }
   },
   mounted() {
-    this.selected && (this.groupContext.selected = this.panelId);
+    this.syncDataContent(), this.selected && (this.groupContext.selected = this.panelId);
+  },
+  updated() {
+    this.syncDataContent();
+  },
+  methods: {
+    // Sets data-content to match the rendered label text so CSS can use
+    // `content: attr(data-content)` on a hidden ::after pseudo-element to
+    // hold the bold-width and prevent layout shift on selection.
+    syncDataContent() {
+      var n;
+      const t = this.$refs.tabLabel;
+      if (!t) return;
+      const l = ((n = t.textContent) == null ? void 0 : n.trim()) || "";
+      t.getAttribute("data-content") !== l && t.setAttribute("data-content", l);
+    }
   }
+}, p = {
+  ref: "tabLabel",
+  class: "d-tab__label"
 };
-function _(e, h, t, C, s, a) {
-  const l = d("dt-button");
-  return i(), n(l, o({
-    id: `dt-tab-${t.id}`,
+function y(t, l, n, S, k, e) {
+  const d = r("dt-button");
+  return o(), u(d, c({
+    id: `dt-tab-${n.id}`,
     class: [
-      "d-tab",
-      {
-        [s.TAB_IMPORTANCE_MODIFIERS.selected]: a.isSelected
-      },
-      t.tabClass
+      n.tabClass,
+      { "d-btn--disabled": e.isDisabled },
+      { "d-tab--is-selected": !e.groupContext.outlined && e.groupContext.kind !== "muted" && e.isSelected }
     ],
+    importance: e.buttonImportance,
+    kind: e.buttonKind,
+    active: e.buttonActive,
+    size: e.buttonSize,
     role: "tab",
-    "aria-selected": `${a.isSelected}`,
-    "aria-controls": `dt-panel-${t.panelId}`,
-    "aria-label": t.label,
+    "aria-selected": `${e.isSelected}`,
+    "aria-controls": `dt-panel-${n.panelId}`,
+    "aria-label": n.label,
+    "aria-disabled": e.isDisabled ? "true" : void 0,
+    "label-class": n.labelClass,
+    "leading-class": n.leadingClass,
+    "trailing-class": n.trailingClass,
     "data-qa": "dt-tab",
-    tabindex: a.isSelected ? "0" : "-1",
-    disabled: a.groupContext.disabled || t.disabled
-  }, e.$attrs, c(a.tabListeners)), {
-    default: u(() => [
-      b(e.$slots, "default")
+    tabindex: e.isSelected ? "0" : "-1"
+  }, t.$attrs, b(e.tabListeners)), f({
+    default: a(() => [
+      g("span", p, [
+        i(t.$slots, "default")
+      ], 512)
     ]),
-    _: 3
-  }, 16, ["id", "class", "aria-selected", "aria-controls", "aria-label", "tabindex", "disabled"]);
+    _: 2
+  }, [
+    t.$slots.startIcon ? {
+      name: "startIcon",
+      fn: a(({ iconSize: s }) => [
+        i(t.$slots, "startIcon", { iconSize: s })
+      ]),
+      key: "0"
+    } : t.$slots.icon ? {
+      name: "startIcon",
+      fn: a(({ iconSize: s }) => [
+        i(t.$slots, "icon", { iconSize: s })
+      ]),
+      key: "1"
+    } : void 0,
+    t.$slots.endIcon ? {
+      name: "endIcon",
+      fn: a(({ iconSize: s }) => [
+        i(t.$slots, "endIcon", { iconSize: s })
+      ]),
+      key: "2"
+    } : void 0,
+    t.$slots.leading ? {
+      name: "leading",
+      fn: a(() => [
+        i(t.$slots, "leading")
+      ]),
+      key: "3"
+    } : void 0,
+    t.$slots.trailing ? {
+      name: "trailing",
+      fn: a(() => [
+        i(t.$slots, "trailing")
+      ]),
+      key: "4"
+    } : void 0
+  ]), 1040, ["id", "class", "importance", "kind", "active", "size", "aria-selected", "aria-controls", "aria-label", "aria-disabled", "label-class", "leading-class", "trailing-class", "tabindex"]);
 }
-const y = /* @__PURE__ */ f(p, [["render", _]]);
+const z = /* @__PURE__ */ m(C, [["render", y]]);
 export {
-  y as default
+  z as default
 };
 //# sourceMappingURL=tab.js.map

package/dist/lib/tab/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","sources":["../../../components/tab/tab.vue"],"sourcesContent":["<template>\n  <dt-button\n    :id=\"`dt-tab-${id}`\"\n    :class=\"[\n      'd-tab',\n      {\n        [TAB_IMPORTANCE_MODIFIERS.selected]: isSelected,\n      },\n      tabClass,\n    ]\"\n    role=\"tab\"\n    :aria-selected=\"`${isSelected}`\"\n    :aria-controls=\"`dt-panel-${panelId}`\"\n    :aria-label=\"label\"\n    data-qa=\"dt-tab\"\n    :tabindex=\"isSelected ? '0' : '-1'\"\n    :disabled=\"groupContext.disabled || disabled\"\n    v-bind=\"$attrs\"\n    v-on=\"tabListeners\"\n  >\n    <!-- @slot default slot, defaults contains dt-button -->\n    <slot />\n  </dt-button>\n</template>\n\n<script>\nimport { TAB_IMPORTANCE_MODIFIERS } from './tabs_constants';\nimport { DtButton } from '../button';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtTab',\n  components: {\n    DtButton,\n  },\n\n  inject: ['groupContext', 'setFocus'],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Id of the tab\n     */\n    id: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Id of the associated content panel\n     */\n    panelId: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Describes the tab\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Controls the state of the tab\n     * @values true, false\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, disables the tab\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Used to customize the tab element\n     */\n    tabClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native button focus in event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n\n    /**\n     * Native button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      TAB_IMPORTANCE_MODIFIERS,\n    };\n  },\n\n  computed: {\n    tabListeners () {\n      return {\n        click: event => {\n          this.$emit('click', event);\n        },\n\n        focus: event => {\n          this.setFocus(this.id);\n          this.$emit('focus', event);\n        },\n      };\n    },\n\n    isSelected () {\n      return this.groupContext.selected === this.panelId;\n    },\n  },\n\n  mounted () {\n    if (this.selected) {\n      this.groupContext.selected = this.panelId;\n    }\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","TAB_IMPORTANCE_MODIFIERS","event","_openBlock","_createBlock","_component_dt_button","_mergeProps","$props","$data","$options","_ctx","_toHandlers","_renderSlot"],"mappings":";;;;AAiCA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA;EAGF,QAAQ,CAAC,gBAAgB,UAAU;AAAA,EAEnC,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAU;AAAA;;;;IAMZ,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA;;;;IAMZ,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;EAIb,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA;EAGF,OAAQ;AACN,WAAO;AAAA,MACL,0BAAAC;AAAA;EAEJ;AAAA,EAEA,UAAU;AAAA,IACR,eAAgB;AACd,aAAO;AAAA,QACL,OAAO,CAAAC,MAAS;AACd,eAAK,MAAM,SAASA,CAAK;AAAA,QAC3B;AAAA,QAEA,OAAO,CAAAA,MAAS;AACd,eAAK,SAAS,KAAK,EAAE,GACrB,KAAK,MAAM,SAASA,CAAK;AAAA,QAC3B;AAAA;IAEJ;AAAA,IAEA,aAAc;AACZ,aAAO,KAAK,aAAa,aAAa,KAAK;AAAA,IAC7C;AAAA;EAGF,UAAW;AACT,IAAI,KAAK,aACP,KAAK,aAAa,WAAW,KAAK;AAAA,EAEtC;AACF;;;AA/IE,SAAAC,EAAA,GAAAC,EAqBYC,GArBZC,EAqBY;AAAA,IApBT,cAAcC,EAAA,EAAE;AAAA,IAChB,OAAK;AAAA;;SAAoCC,EAAA,yBAAyB,QAAQ,GAAGC,EAAA;AAAA;MAA2BF,EAAA;AAAA;IAOzG,MAAK;AAAA,IACJ,oBAAkBE,EAAA,UAAU;AAAA,IAC5B,6BAA2BF,EAAA,OAAO;AAAA,IAClC,cAAYA,EAAA;AAAA,IACb,WAAQ;AAAA,IACP,UAAUE,EAAA,aAAU,MAAA;AAAA,IACpB,UAAUA,EAAA,aAAa,YAAYF,EAAA;AAAA,KAC5BG,EAAA,QACRC,EAAMF,EAAA,YAAY,CAAA,GAAA;AAAA,eAGlB,MAAQ;AAAA,MAARG,EAAQF,EAAA,QAAA,SAAA;AAAA;;;;;"}
+{"version":3,"file":"tab.js","sources":["../../../components/tab/tab.vue"],"sourcesContent":["<template>\n  <dt-button\n    :id=\"`dt-tab-${id}`\"\n    :class=\"[\n      tabClass,\n      { 'd-btn--disabled': isDisabled },\n      { 'd-tab--is-selected': !groupContext.outlined && groupContext.kind !== 'muted' && isSelected },\n    ]\"\n    :importance=\"buttonImportance\"\n    :kind=\"buttonKind\"\n    :active=\"buttonActive\"\n    :size=\"buttonSize\"\n    role=\"tab\"\n    :aria-selected=\"`${isSelected}`\"\n    :aria-controls=\"`dt-panel-${panelId}`\"\n    :aria-label=\"label\"\n    :aria-disabled=\"isDisabled ? 'true' : undefined\"\n    :label-class=\"labelClass\"\n    :leading-class=\"leadingClass\"\n    :trailing-class=\"trailingClass\"\n    data-qa=\"dt-tab\"\n    :tabindex=\"isSelected ? '0' : '-1'\"\n    v-bind=\"$attrs\"\n    v-on=\"tabListeners\"\n  >\n    <!-- @slot Icon displayed at the start (left in LTR) of the tab -->\n    <template\n      v-if=\"$slots.startIcon\"\n      #startIcon=\"{ iconSize }\"\n    >\n      <slot\n        name=\"startIcon\"\n        :icon-size=\"iconSize\"\n      />\n    </template>\n    <!-- @slot @deprecated Use startIcon -->\n    <template\n      v-else-if=\"$slots.icon\"\n      #startIcon=\"{ iconSize }\"\n    >\n      <slot\n        name=\"icon\"\n        :icon-size=\"iconSize\"\n      />\n    </template>\n    <!-- @slot Icon displayed at the end (right in LTR) of the tab -->\n    <template\n      v-if=\"$slots.endIcon\"\n      #endIcon=\"{ iconSize }\"\n    >\n      <slot\n        name=\"endIcon\"\n        :icon-size=\"iconSize\"\n      />\n    </template>\n    <template\n      v-if=\"$slots.leading\"\n      #leading\n    >\n      <slot name=\"leading\" />\n    </template>\n    <template\n      v-if=\"$slots.trailing\"\n      #trailing\n    >\n      <slot name=\"trailing\" />\n    </template>\n    <!-- @slot default slot, defaults contains dt-button -->\n    <span\n      ref=\"tabLabel\"\n      class=\"d-tab__label\"\n    >\n      <slot />\n    </span>\n  </dt-button>\n</template>\n\n<script>\nimport { DtButton } from '../button';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtTab',\n  components: {\n    DtButton,\n  },\n\n  inject: ['groupContext', 'setFocus'],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Id of the tab\n     */\n    id: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Id of the associated content panel\n     */\n    panelId: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Describes the tab\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Controls the state of the tab\n     * @values true, false\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, disables the tab\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Used to customize the tab element\n     */\n    tabClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the leading container\n     */\n    leadingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the trailing container\n     */\n    trailingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native button focus in event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n\n    /**\n     * Native button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  computed: {\n    tabListeners () {\n      return {\n        click: event => {\n          this.$emit('click', event);\n        },\n\n        focus: event => {\n          this.setFocus(this.id);\n          this.$emit('focus', event);\n        },\n      };\n    },\n\n    isDisabled () {\n      return this.groupContext.disabled || this.disabled;\n    },\n\n    buttonSize () {\n      const size = this.groupContext.size;\n      return size === 'default' ? undefined : size;\n    },\n\n    isSelected () {\n      return this.groupContext.selected === this.panelId;\n    },\n\n    buttonKind () {\n      if (this.groupContext.outlined) {\n        return this.groupContext.kind === 'muted' ? 'muted' : 'default';\n      }\n      if (this.groupContext.kind === 'muted') {\n        return 'muted';\n      }\n      return this.isSelected ? 'default' : 'muted';\n    },\n\n    buttonImportance () {\n      if (this.groupContext.outlined && this.isSelected) {\n        return 'outlined';\n      }\n      return 'clear';\n    },\n\n    buttonActive () {\n      if (this.groupContext.outlined) {\n        return false;\n      }\n      if (this.groupContext.kind === 'muted') {\n        return this.isSelected;\n      }\n      return false;\n    },\n  },\n\n  mounted () {\n    this.syncDataContent();\n    if (this.selected) {\n      this.groupContext.selected = this.panelId;\n    }\n  },\n\n  updated () {\n    this.syncDataContent();\n  },\n\n  methods: {\n    // Sets data-content to match the rendered label text so CSS can use\n    // `content: attr(data-content)` on a hidden ::after pseudo-element to\n    // hold the bold-width and prevent layout shift on selection.\n    syncDataContent () {\n      const el = this.$refs.tabLabel;\n      if (!el) return;\n      const text = el.textContent?.trim() || '';\n      if (el.getAttribute('data-content') !== text) {\n        el.setAttribute('data-content', text);\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","event","size","el","text","_a","_openBlock","_createBlock","_component_dt_button","_mergeProps","$props","$options","_ctx","_toHandlers","_createSlots","_createElementVNode","_hoisted_1","_renderSlot","_withCtx","iconSize"],"mappings":"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"}

package/dist/lib/tab/tabs-constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=["default","sm"],_={sm:"d-tablist--sm"},S={inverted:"d-tablist--inverted"},t={borderless:"d-tablist--no-border"},T={selected:"d-tab--selected"};exports.TAB_IMPORTANCE_MODIFIERS=T;exports.TAB_LIST_IMPORTANCE_MODIFIERS=t;exports.TAB_LIST_KIND_MODIFIERS=S;exports.TAB_LIST_SIZES=I;exports.TAB_LIST_SIZE_MODIFIERS=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=["default","xs","sm","lg","xl"],t={xs:"d-tablist--xs",sm:"d-tablist--sm",lg:"d-tablist--lg",xl:"d-tablist--xl"},_={inverted:"d-tablist--inverted"},T={borderless:"d-tablist--no-border"},S=["auto","manual"],s=["default","muted"];exports.TAB_ACTIVATION_MODES=S;exports.TAB_GROUP_KINDS=s;exports.TAB_LIST_IMPORTANCE_MODIFIERS=T;exports.TAB_LIST_KIND_MODIFIERS=_;exports.TAB_LIST_SIZES=I;exports.TAB_LIST_SIZE_MODIFIERS=t;
 //# sourceMappingURL=tabs-constants.cjs.map

package/dist/lib/tab/tabs-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-constants.cjs","sources":["../../../components/tab/tabs_constants.js"],"sourcesContent":["export const TAB_LIST_SIZES = ['default', 'sm'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n  sm: 'd-tablist--sm',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n  inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n  borderless: 'd-tablist--no-border',\n};\n\nexport const TAB_IMPORTANCE_MODIFIERS = {\n  selected: 'd-tab--selected',\n};\n"],"names":["TAB_LIST_SIZES","TAB_LIST_SIZE_MODIFIERS","TAB_LIST_KIND_MODIFIERS","TAB_LIST_IMPORTANCE_MODIFIERS","TAB_IMPORTANCE_MODIFIERS"],"mappings":"gFAAY,MAACA,EAAiB,CAAC,UAAW,IAAI,EAEjCC,EAA0B,CACrC,GAAI,eACN,EAEaC,EAA0B,CACrC,SAAU,qBACZ,EAEaC,EAAgC,CAC3C,WAAY,sBACd,EAEaC,EAA2B,CACtC,SAAU,iBACZ"}
+{"version":3,"file":"tabs-constants.cjs","sources":["../../../components/tab/tabs_constants.js"],"sourcesContent":["export const TAB_LIST_SIZES = ['default', 'xs', 'sm', 'lg', 'xl'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n  xs: 'd-tablist--xs',\n  sm: 'd-tablist--sm',\n  lg: 'd-tablist--lg',\n  xl: 'd-tablist--xl',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n  inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n  borderless: 'd-tablist--no-border',\n};\n\nexport const TAB_ACTIVATION_MODES = ['auto', 'manual'];\n\nexport const TAB_GROUP_KINDS = ['default', 'muted'];\n"],"names":["TAB_LIST_SIZES","TAB_LIST_SIZE_MODIFIERS","TAB_LIST_KIND_MODIFIERS","TAB_LIST_IMPORTANCE_MODIFIERS","TAB_ACTIVATION_MODES","TAB_GROUP_KINDS"],"mappings":"gFAAY,MAACA,EAAiB,CAAC,UAAW,KAAM,KAAM,KAAM,IAAI,EAEnDC,EAA0B,CACrC,GAAI,gBACJ,GAAI,gBACJ,GAAI,gBACJ,GAAI,eACN,EAEaC,EAA0B,CACrC,SAAU,qBACZ,EAEaC,EAAgC,CAC3C,WAAY,sBACd,EAEaC,EAAuB,CAAC,OAAQ,QAAQ,EAExCC,EAAkB,CAAC,UAAW,OAAO"}

package/dist/lib/tab/tabs-constants.js

@@ -1,17 +1,19 @@
-const t = ["default", "sm"], I = {
-  sm: "d-tablist--sm"
-}, e = {
+const t = ["default", "xs", "sm", "lg", "xl"], s = {
+  xs: "d-tablist--xs",
+  sm: "d-tablist--sm",
+  lg: "d-tablist--lg",
+  xl: "d-tablist--xl"
+}, I = {
   inverted: "d-tablist--inverted"
-}, s = {
+}, l = {
   borderless: "d-tablist--no-border"
-}, _ = {
-  selected: "d-tab--selected"
-};
+}, _ = ["auto", "manual"], d = ["default", "muted"];
 export {
-  _ as TAB_IMPORTANCE_MODIFIERS,
-  s as TAB_LIST_IMPORTANCE_MODIFIERS,
-  e as TAB_LIST_KIND_MODIFIERS,
+  _ as TAB_ACTIVATION_MODES,
+  d as TAB_GROUP_KINDS,
+  l as TAB_LIST_IMPORTANCE_MODIFIERS,
+  I as TAB_LIST_KIND_MODIFIERS,
   t as TAB_LIST_SIZES,
-  I as TAB_LIST_SIZE_MODIFIERS
+  s as TAB_LIST_SIZE_MODIFIERS
 };
 //# sourceMappingURL=tabs-constants.js.map

package/dist/lib/tab/tabs-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-constants.js","sources":["../../../components/tab/tabs_constants.js"],"sourcesContent":["export const TAB_LIST_SIZES = ['default', 'sm'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n  sm: 'd-tablist--sm',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n  inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n  borderless: 'd-tablist--no-border',\n};\n\nexport const TAB_IMPORTANCE_MODIFIERS = {\n  selected: 'd-tab--selected',\n};\n"],"names":["TAB_LIST_SIZES","TAB_LIST_SIZE_MODIFIERS","TAB_LIST_KIND_MODIFIERS","TAB_LIST_IMPORTANCE_MODIFIERS","TAB_IMPORTANCE_MODIFIERS"],"mappings":"AAAY,MAACA,IAAiB,CAAC,WAAW,IAAI,GAEjCC,IAA0B;AAAA,EACrC,IAAI;AACN,GAEaC,IAA0B;AAAA,EACrC,UAAU;AACZ,GAEaC,IAAgC;AAAA,EAC3C,YAAY;AACd,GAEaC,IAA2B;AAAA,EACtC,UAAU;AACZ;"}
+{"version":3,"file":"tabs-constants.js","sources":["../../../components/tab/tabs_constants.js"],"sourcesContent":["export const TAB_LIST_SIZES = ['default', 'xs', 'sm', 'lg', 'xl'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n  xs: 'd-tablist--xs',\n  sm: 'd-tablist--sm',\n  lg: 'd-tablist--lg',\n  xl: 'd-tablist--xl',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n  inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n  borderless: 'd-tablist--no-border',\n};\n\nexport const TAB_ACTIVATION_MODES = ['auto', 'manual'];\n\nexport const TAB_GROUP_KINDS = ['default', 'muted'];\n"],"names":["TAB_LIST_SIZES","TAB_LIST_SIZE_MODIFIERS","TAB_LIST_KIND_MODIFIERS","TAB_LIST_IMPORTANCE_MODIFIERS","TAB_ACTIVATION_MODES","TAB_GROUP_KINDS"],"mappings":"AAAY,MAACA,IAAiB,CAAC,WAAW,MAAM,MAAM,MAAM,IAAI,GAEnDC,IAA0B;AAAA,EACrC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAA0B;AAAA,EACrC,UAAU;AACZ,GAEaC,IAAgC;AAAA,EAC3C,YAAY;AACd,GAEaC,IAAuB,CAAC,QAAQ,QAAQ,GAExCC,IAAkB,CAAC,WAAW,OAAO;"}

package/dist/lib/text/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./text.cjs"),T=require("./text-constants.cjs"),_=require("./text-tone-tokens.cjs");exports.DtText=E.default;exports.TEXT_ALIGN_MODIFIERS=T.TEXT_ALIGN_MODIFIERS;exports.TEXT_BOX_TRIM_MODIFIERS=T.TEXT_BOX_TRIM_MODIFIERS;exports.TEXT_DENSITY_MODIFIERS=T.TEXT_DENSITY_MODIFIERS;exports.TEXT_HEADLINE_ONLY_SIZES=T.TEXT_HEADLINE_ONLY_SIZES;exports.TEXT_KIND_MODIFIERS=T.TEXT_KIND_MODIFIERS;exports.TEXT_LINE_CLAMP_CLASS=T.TEXT_LINE_CLAMP_CLASS;exports.TEXT_NUMERIC_CLASS=T.TEXT_NUMERIC_CLASS;exports.TEXT_SIZE_MODIFIERS=T.TEXT_SIZE_MODIFIERS;exports.TEXT_STRENGTH_MODIFIERS=T.TEXT_STRENGTH_MODIFIERS;exports.TEXT_TONE_PREFIX=T.TEXT_TONE_PREFIX;exports.TEXT_TRUNCATE_CLASS=T.TEXT_TRUNCATE_CLASS;exports.TEXT_WRAP_MODIFIERS=T.TEXT_WRAP_MODIFIERS;exports.TEXT_TONE_TOKENS=_.default;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/text/index.js

@@ -0,0 +1,20 @@
+import { default as _ } from "./text.js";
+import { TEXT_ALIGN_MODIFIERS as S, TEXT_BOX_TRIM_MODIFIERS as X, TEXT_DENSITY_MODIFIERS as R, TEXT_HEADLINE_ONLY_SIZES as N, TEXT_KIND_MODIFIERS as O, TEXT_LINE_CLAMP_CLASS as D, TEXT_NUMERIC_CLASS as M, TEXT_SIZE_MODIFIERS as A, TEXT_STRENGTH_MODIFIERS as F, TEXT_TONE_PREFIX as L, TEXT_TRUNCATE_CLASS as t, TEXT_WRAP_MODIFIERS as e } from "./text-constants.js";
+import { default as r } from "./text-tone-tokens.js";
+export {
+  _ as DtText,
+  S as TEXT_ALIGN_MODIFIERS,
+  X as TEXT_BOX_TRIM_MODIFIERS,
+  R as TEXT_DENSITY_MODIFIERS,
+  N as TEXT_HEADLINE_ONLY_SIZES,
+  O as TEXT_KIND_MODIFIERS,
+  D as TEXT_LINE_CLAMP_CLASS,
+  M as TEXT_NUMERIC_CLASS,
+  A as TEXT_SIZE_MODIFIERS,
+  F as TEXT_STRENGTH_MODIFIERS,
+  L as TEXT_TONE_PREFIX,
+  r as TEXT_TONE_TOKENS,
+  t as TEXT_TRUNCATE_CLASS,
+  e as TEXT_WRAP_MODIFIERS
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./text-tone-tokens.cjs"),e={headline:"d-text-headline",body:"d-text-body",label:"d-text-label",code:"d-text-code"},T={headline:["3xl","2xl","xl","lg","md","sm","xs"],body:["lg","md","sm","xs"],label:["lg","md","sm","xs"],code:["lg","md","sm","xs"]},E=["3xl","2xl","xl"],_={start:"d-text--align-start",center:"d-text--align-center",end:"d-text--align-end",justify:"d-text--align-justify"},d="d-fc-",I="d-text--numeric",l="d-truncate",n="d-text--clamp",x={wrap:"d-text--wrap-wrap",nowrap:"d-text--wrap-nowrap",balance:"d-text--wrap-balance",pretty:"d-text--wrap-pretty"},S={start:"d-text--trim-start",end:"d-text--trim-end",both:"d-text--trim-both"},o={bold:"d-text--fw-bold",semibold:"d-text--fw-semibold",medium:"d-text--fw-medium",normal:"d-text--fw-normal"},a={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"},s={TEXT_KIND_MODIFIERS:e,TEXT_SIZE_MODIFIERS:T,TEXT_HEADLINE_ONLY_SIZES:E,TEXT_TONE_TOKENS:t.default,TEXT_ALIGN_MODIFIERS:_,TEXT_TONE_PREFIX:d,TEXT_NUMERIC_CLASS:I,TEXT_TRUNCATE_CLASS:l,TEXT_LINE_CLAMP_CLASS:n,TEXT_WRAP_MODIFIERS:x,TEXT_BOX_TRIM_MODIFIERS:S,TEXT_STRENGTH_MODIFIERS:o,TEXT_DENSITY_MODIFIERS:a};exports.TEXT_TONE_TOKENS=t.default;exports.TEXT_ALIGN_MODIFIERS=_;exports.TEXT_BOX_TRIM_MODIFIERS=S;exports.TEXT_DENSITY_MODIFIERS=a;exports.TEXT_HEADLINE_ONLY_SIZES=E;exports.TEXT_KIND_MODIFIERS=e;exports.TEXT_LINE_CLAMP_CLASS=n;exports.TEXT_NUMERIC_CLASS=I;exports.TEXT_SIZE_MODIFIERS=T;exports.TEXT_STRENGTH_MODIFIERS=o;exports.TEXT_TONE_PREFIX=d;exports.TEXT_TRUNCATE_CLASS=l;exports.TEXT_WRAP_MODIFIERS=x;exports.default=s;
+//# sourceMappingURL=text-constants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-constants.cjs","sources":["../../../components/text/text_constants.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: ['3xl', '2xl', 'xl', 'lg', 'md', 'sm', 'xs'],\n  body: ['lg', 'md', 'sm', 'xs'],\n  label: ['lg', 'md', 'sm', 'xs'],\n  code: ['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 = ['3xl', '2xl', 'xl'];\n\nimport TEXT_TONE_TOKENS from './text_tone_tokens.js';\nexport { TEXT_TONE_TOKENS };\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_TONE_PREFIX = 'd-fc-';\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_TOKENS,\n  TEXT_ALIGN_MODIFIERS,\n  TEXT_TONE_PREFIX,\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"],"names":["TEXT_KIND_MODIFIERS","TEXT_SIZE_MODIFIERS","TEXT_HEADLINE_ONLY_SIZES","TEXT_ALIGN_MODIFIERS","TEXT_TONE_PREFIX","TEXT_NUMERIC_CLASS","TEXT_TRUNCATE_CLASS","TEXT_LINE_CLAMP_CLASS","TEXT_WRAP_MODIFIERS","TEXT_BOX_TRIM_MODIFIERS","TEXT_STRENGTH_MODIFIERS","TEXT_DENSITY_MODIFIERS","text_constants","TEXT_TONE_TOKENS"],"mappings":"sJAAaA,EAAsB,CACjC,SAAU,kBACV,KAAM,cACN,MAAO,eACP,KAAM,aACR,EAEaC,EAAsB,CACjC,SAAU,CAAC,MAAO,MAAO,KAAM,KAAM,KAAM,KAAM,IAAI,EACrD,KAAM,CAAC,KAAM,KAAM,KAAM,IAAI,EAC7B,MAAO,CAAC,KAAM,KAAM,KAAM,IAAI,EAC9B,KAAM,CAAC,KAAM,KAAM,KAAM,IAAI,CAC/B,EAGaC,EAA2B,CAAC,MAAO,MAAO,IAAI,EAK9CC,EAAuB,CAClC,MAAO,sBACP,OAAQ,uBACR,IAAK,oBACL,QAAS,uBACX,EAEaC,EAAmB,QAEnBC,EAAqB,kBACrBC,EAAsB,aACtBC,EAAwB,gBAExBC,EAAsB,CACjC,KAAM,oBACN,OAAQ,sBACR,QAAS,uBACT,OAAQ,qBACV,EAEaC,EAA0B,CACrC,MAAO,qBACP,IAAK,mBACL,KAAM,mBACR,EAEaC,EAA0B,CACrC,KAAM,kBACN,SAAU,sBACV,OAAQ,oBACR,OAAQ,mBACV,EAEaC,EAAyB,CACpC,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,gBACP,EAEAC,EAAe,CACb,oBAAAZ,EACA,oBAAAC,EACA,yBAAAC,EACF,iBAAEW,EAAAA,QACA,qBAAAV,EACA,iBAAAC,EACA,mBAAAC,EACA,oBAAAC,EACA,sBAAAC,EACA,oBAAAC,EACA,wBAAAC,EACA,wBAAAC,EACA,uBAAAC,CACF"}

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

@@ -0,0 +1,69 @@
+import t from "./text-tone-tokens.js";
+const e = {
+  headline: "d-text-headline",
+  body: "d-text-body",
+  label: "d-text-label",
+  code: "d-text-code"
+}, d = {
+  headline: ["3xl", "2xl", "xl", "lg", "md", "sm", "xs"],
+  body: ["lg", "md", "sm", "xs"],
+  label: ["lg", "md", "sm", "xs"],
+  code: ["lg", "md", "sm", "xs"]
+}, l = ["3xl", "2xl", "xl"], x = {
+  start: "d-text--align-start",
+  center: "d-text--align-center",
+  end: "d-text--align-end",
+  justify: "d-text--align-justify"
+}, n = "d-fc-", T = "d-text--numeric", a = "d-truncate", o = "d-text--clamp", E = {
+  wrap: "d-text--wrap-wrap",
+  nowrap: "d-text--wrap-nowrap",
+  balance: "d-text--wrap-balance",
+  pretty: "d-text--wrap-pretty"
+}, s = {
+  start: "d-text--trim-start",
+  end: "d-text--trim-end",
+  both: "d-text--trim-both"
+}, _ = {
+  bold: "d-text--fw-bold",
+  semibold: "d-text--fw-semibold",
+  medium: "d-text--fw-medium",
+  normal: "d-text--fw-normal"
+}, r = {
+  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"
+}, I = {
+  TEXT_KIND_MODIFIERS: e,
+  TEXT_SIZE_MODIFIERS: d,
+  TEXT_HEADLINE_ONLY_SIZES: l,
+  TEXT_TONE_TOKENS: t,
+  TEXT_ALIGN_MODIFIERS: x,
+  TEXT_TONE_PREFIX: n,
+  TEXT_NUMERIC_CLASS: T,
+  TEXT_TRUNCATE_CLASS: a,
+  TEXT_LINE_CLAMP_CLASS: o,
+  TEXT_WRAP_MODIFIERS: E,
+  TEXT_BOX_TRIM_MODIFIERS: s,
+  TEXT_STRENGTH_MODIFIERS: _,
+  TEXT_DENSITY_MODIFIERS: r
+};
+export {
+  x as TEXT_ALIGN_MODIFIERS,
+  s as TEXT_BOX_TRIM_MODIFIERS,
+  r as TEXT_DENSITY_MODIFIERS,
+  l as TEXT_HEADLINE_ONLY_SIZES,
+  e as TEXT_KIND_MODIFIERS,
+  o as TEXT_LINE_CLAMP_CLASS,
+  T as TEXT_NUMERIC_CLASS,
+  d as TEXT_SIZE_MODIFIERS,
+  _ as TEXT_STRENGTH_MODIFIERS,
+  n as TEXT_TONE_PREFIX,
+  t as TEXT_TONE_TOKENS,
+  a as TEXT_TRUNCATE_CLASS,
+  E as TEXT_WRAP_MODIFIERS,
+  I as default
+};
+//# sourceMappingURL=text-constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-constants.js","sources":["../../../components/text/text_constants.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: ['3xl', '2xl', 'xl', 'lg', 'md', 'sm', 'xs'],\n  body: ['lg', 'md', 'sm', 'xs'],\n  label: ['lg', 'md', 'sm', 'xs'],\n  code: ['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 = ['3xl', '2xl', 'xl'];\n\nimport TEXT_TONE_TOKENS from './text_tone_tokens.js';\nexport { TEXT_TONE_TOKENS };\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_TONE_PREFIX = 'd-fc-';\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_TOKENS,\n  TEXT_ALIGN_MODIFIERS,\n  TEXT_TONE_PREFIX,\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"],"names":["TEXT_KIND_MODIFIERS","TEXT_SIZE_MODIFIERS","TEXT_HEADLINE_ONLY_SIZES","TEXT_ALIGN_MODIFIERS","TEXT_TONE_PREFIX","TEXT_NUMERIC_CLASS","TEXT_TRUNCATE_CLASS","TEXT_LINE_CLAMP_CLASS","TEXT_WRAP_MODIFIERS","TEXT_BOX_TRIM_MODIFIERS","TEXT_STRENGTH_MODIFIERS","TEXT_DENSITY_MODIFIERS","text_constants","TEXT_TONE_TOKENS"],"mappings":";AAAY,MAACA,IAAsB;AAAA,EACjC,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AACR,GAEaC,IAAsB;AAAA,EACjC,UAAU,CAAC,OAAO,OAAO,MAAM,MAAM,MAAM,MAAM,IAAI;AAAA,EACrD,MAAM,CAAC,MAAM,MAAM,MAAM,IAAI;AAAA,EAC7B,OAAO,CAAC,MAAM,MAAM,MAAM,IAAI;AAAA,EAC9B,MAAM,CAAC,MAAM,MAAM,MAAM,IAAI;AAC/B,GAGaC,IAA2B,CAAC,OAAO,OAAO,IAAI,GAK9CC,IAAuB;AAAA,EAClC,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AACX,GAEaC,IAAmB,SAEnBC,IAAqB,mBACrBC,IAAsB,cACtBC,IAAwB,iBAExBC,IAAsB;AAAA,EACjC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AACV,GAEaC,IAA0B;AAAA,EACrC,OAAO;AAAA,EACP,KAAK;AAAA,EACL,MAAM;AACR,GAEaC,IAA0B;AAAA,EACrC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AACV,GAEaC,IAAyB;AAAA,EACpC,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP,GAEAC,IAAe;AAAA,EACb,qBAAAZ;AAAA,EACA,qBAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,kBAAAW;AAAA,EACA,sBAAAV;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,wBAAAC;AACF;"}

package/dist/lib/text/text-tone-tokens.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=["critical","critical-inverted","critical-strong","critical-strong-inverted","current","disabled","disabled-inverted","muted","muted-inverted","neutral-black","neutral-white","placeholder","placeholder-inverted","primary","primary-inverted","secondary","secondary-inverted","success","success-inverted","success-strong","success-strong-inverted","tertiary","tertiary-inverted","transparent","unset","warning","warning-inverted"];exports.default=e;
+//# sourceMappingURL=text-tone-tokens.cjs.map

package/dist/lib/text/text-tone-tokens.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-tone-tokens.cjs","sources":["../../../components/text/text_tone_tokens.js"],"sourcesContent":["// This file is auto-generated by scripts/update-text-tone-tokens.cjs\n// Do not edit this file directly.\n\nexport default [\n  'critical',\n  'critical-inverted',\n  'critical-strong',\n  'critical-strong-inverted',\n  'current',\n  'disabled',\n  'disabled-inverted',\n  'muted',\n  'muted-inverted',\n  'neutral-black',\n  'neutral-white',\n  'placeholder',\n  'placeholder-inverted',\n  'primary',\n  'primary-inverted',\n  'secondary',\n  'secondary-inverted',\n  'success',\n  'success-inverted',\n  'success-strong',\n  'success-strong-inverted',\n  'tertiary',\n  'tertiary-inverted',\n  'transparent',\n  'unset',\n  'warning',\n  'warning-inverted',\n];\n"],"names":["TEXT_TONE_TOKENS"],"mappings":"4GAGA,MAAAA,EAAe,CACb,WACA,oBACA,kBACA,2BACA,UACA,WACA,oBACA,QACA,iBACA,gBACA,gBACA,cACA,uBACA,UACA,mBACA,YACA,qBACA,UACA,mBACA,iBACA,0BACA,WACA,oBACA,cACA,QACA,UACA,kBACF"}

package/dist/lib/text/text-tone-tokens.js

@@ -0,0 +1,33 @@
+const e = [
+  "critical",
+  "critical-inverted",
+  "critical-strong",
+  "critical-strong-inverted",
+  "current",
+  "disabled",
+  "disabled-inverted",
+  "muted",
+  "muted-inverted",
+  "neutral-black",
+  "neutral-white",
+  "placeholder",
+  "placeholder-inverted",
+  "primary",
+  "primary-inverted",
+  "secondary",
+  "secondary-inverted",
+  "success",
+  "success-inverted",
+  "success-strong",
+  "success-strong-inverted",
+  "tertiary",
+  "tertiary-inverted",
+  "transparent",
+  "unset",
+  "warning",
+  "warning-inverted"
+];
+export {
+  e as default
+};
+//# sourceMappingURL=text-tone-tokens.js.map

package/dist/lib/text/text-tone-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-tone-tokens.js","sources":["../../../components/text/text_tone_tokens.js"],"sourcesContent":["// This file is auto-generated by scripts/update-text-tone-tokens.cjs\n// Do not edit this file directly.\n\nexport default [\n  'critical',\n  'critical-inverted',\n  'critical-strong',\n  'critical-strong-inverted',\n  'current',\n  'disabled',\n  'disabled-inverted',\n  'muted',\n  'muted-inverted',\n  'neutral-black',\n  'neutral-white',\n  'placeholder',\n  'placeholder-inverted',\n  'primary',\n  'primary-inverted',\n  'secondary',\n  'secondary-inverted',\n  'success',\n  'success-inverted',\n  'success-strong',\n  'success-strong-inverted',\n  'tertiary',\n  'tertiary-inverted',\n  'transparent',\n  'unset',\n  'warning',\n  'warning-inverted',\n];\n"],"names":["TEXT_TONE_TOKENS"],"mappings":"AAGA,MAAAA,IAAe;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/dist/lib/text/text.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./text-constants.cjs"),l=require("vue"),c=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),T=require("./text-tone-tokens.cjs"),o="md",f=["h1","h2","h3","h4","h5","h6"];let u=!1;const p=()=>{u=!1},_={compatConfig:{MODE:3},name:"DtText",props:{as:{type:String,default:"span"},kind:{type:String,default:null,validator:t=>t===null||Object.prototype.hasOwnProperty.call(e.TEXT_KIND_MODIFIERS,t)},size:{type:String,default:null},tone:{type:String,default:null},align:{type:String,default:null},truncate:{type:Boolean,default:!1},maxLines:{type:Number,default:null,validator:t=>t===null||Number.isInteger(t)&&t>0},numeric:{type:Boolean,default:!1},wrap:{type:String,default:null,validator:t=>t===null||Object.prototype.hasOwnProperty.call(e.TEXT_WRAP_MODIFIERS,t)},textBoxTrim:{type:String,default:null,validator:t=>t===null||Object.prototype.hasOwnProperty.call(e.TEXT_BOX_TRIM_MODIFIERS,t)},strength:{type:String,default:null,validator:t=>t===null||Object.prototype.hasOwnProperty.call(e.TEXT_STRENGTH_MODIFIERS,t)},density:{type:[String,Number],default:null,validator:t=>t===null||Object.prototype.hasOwnProperty.call(e.TEXT_DENSITY_MODIFIERS,t)}},computed:{textClasses(){const t=["d-text"],s=this.getVariantClass();s&&t.push(s);const n=this.getAlignClass();n&&t.push(n);const i=this.getToneClass();i&&t.push(i),this.truncate&&t.push(e.TEXT_TRUNCATE_CLASS),this.numeric&&t.push(e.TEXT_NUMERIC_CLASS),this.maxLines&&t.push(e.TEXT_LINE_CLAMP_CLASS);const a=this.getWrapClass();a&&t.push(a);const r=this.getTextBoxTrimClass();r&&t.push(r);const d=this.getStrengthClass();d&&t.push(d);const h=this.getDensityClass();return h&&t.push(h),t},textStyles(){if(this.maxLines)return{"--dt-text-line-clamp":this.maxLines}}},mounted(){!u&&this.kind==="headline"&&!f.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.'),u=!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(e.TEXT_KIND_MODIFIERS,this.kind))return console.warn(`[DtText] Unsupported kind "${this.kind}".`),null;const t=e.TEXT_SIZE_MODIFIERS[this.kind]||[],s=this.size||o;let n=s;if(!t.includes(s)){if(e.TEXT_HEADLINE_ONLY_SIZES.includes(s))throw new Error(`[DtText] size="${s}" is only valid for kind="headline". Cannot use with kind="${this.kind}".`);const i=t.includes(o)?o:t[0];i&&(n=i),console.warn(`[DtText] size="${s}" is not valid for kind="${this.kind}". Using "${n}" instead.`)}return n?`${e.TEXT_KIND_MODIFIERS[this.kind]}--${n}`:null},getModifierClass(t,s,n){if(t==null)return null;const i=s[t];return i||(console.warn(`[DtText] Unsupported ${n} "${t}".`),null)},getAlignClass(){return this.getModifierClass(this.align,e.TEXT_ALIGN_MODIFIERS,"align")},getToneClass(){return this.tone?T.default.includes(this.tone)?`${e.TEXT_TONE_PREFIX}${this.tone}`:(console.warn(`[DtText] Unsupported tone "${this.tone}".`),null):null},getWrapClass(){return this.getModifierClass(this.wrap,e.TEXT_WRAP_MODIFIERS,"wrap")},getTextBoxTrimClass(){return this.getModifierClass(this.textBoxTrim,e.TEXT_BOX_TRIM_MODIFIERS,"textBoxTrim")},getStrengthClass(){return this.getModifierClass(this.strength,e.TEXT_STRENGTH_MODIFIERS,"strength")},getDensityClass(){return this.getModifierClass(this.density,e.TEXT_DENSITY_MODIFIERS,"density")}}};function E(t,s,n,i,a,r){return l.openBlock(),l.createBlock(l.resolveDynamicComponent(n.as),{"data-qa":"dt-text",class:l.normalizeClass(r.textClasses),style:l.normalizeStyle(r.textStyles)},{default:l.withCtx(()=>[l.renderSlot(t.$slots,"default")]),_:3},8,["class","style"])}const S=c._(_,[["render",E]]);exports.default=S;exports.resetHeadlineSemanticInfoFlag=p;
+//# sourceMappingURL=text.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.cjs","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_HEADLINE_ONLY_SIZES,\n  TEXT_ALIGN_MODIFIERS,\n  TEXT_TONE_PREFIX,\n  TEXT_TONE_TOKENS,\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 './text_constants';\n\nconst DEFAULT_SIZE = 'md';\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  compatConfig: { MODE: 3 },\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` if unsupported.\n     * Headline supports all sizes; body/label/code support lg, md, sm, xs.\n     * @values 3xl, 2xl, xl, lg, md, sm, xs\n     */\n    size: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Aligns to available foreground color tokens, e.g. `tertiary`, `critical`, etc.\n     */\n    tone: {\n      type: String,\n      default: null,\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    },\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 requestedSize = this.size || DEFAULT_SIZE;\n      let resolvedSize = requestedSize;\n\n      if (!allowedSizes.includes(requestedSize)) {\n        // Headline-only sizes (3xl, 2xl, xl) 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 (lg, md, sm, xs) 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      return `${TEXT_KIND_MODIFIERS[this.kind]}--${resolvedSize}`;\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      if (!this.tone) {\n        return null;\n      }\n\n      if (!TEXT_TONE_TOKENS.includes(this.tone)) {\n        console.warn(`[DtText] Unsupported tone \"${this.tone}\".`);\n        return null;\n      }\n\n      return `${TEXT_TONE_PREFIX}${this.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"],"names":["DEFAULT_SIZE","SEMANTIC_HEADING_ELEMENTS","hasEmittedHeadlineSemanticInfo","resetHeadlineSemanticInfoFlag","_sfc_main","value","TEXT_KIND_MODIFIERS","TEXT_WRAP_MODIFIERS","TEXT_BOX_TRIM_MODIFIERS","TEXT_STRENGTH_MODIFIERS","TEXT_DENSITY_MODIFIERS","classes","variantClass","alignClass","toneClass","TEXT_TRUNCATE_CLASS","TEXT_NUMERIC_CLASS","TEXT_LINE_CLAMP_CLASS","wrapClass","textBoxTrimClass","strengthClass","densityClass","allowedSizes","TEXT_SIZE_MODIFIERS","requestedSize","resolvedSize","TEXT_HEADLINE_ONLY_SIZES","fallbackSize","modifiers","propName","className","TEXT_ALIGN_MODIFIERS","TEXT_TONE_TOKENS","TEXT_TONE_PREFIX","_openBlock","_createBlock","_resolveDynamicComponent","$props","$options","_renderSlot","_ctx"],"mappings":"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"}