@dialpad/dialtone-vue 3.223.0-next.2 → 3.223.0-next.4

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

@@ -1 +1 @@
-{"version":3,"file":"tab-group.js","names":[],"sources":["../../../components/Tab/TabGroup.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-tab-group\"\n    :class=\"['d-tab-neux', { 'd-tab-neux--vertical': orientation === 'vertical' }]\"\n  >\n    <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->\n    <div\n      ref=\"tabs\"\n      :class=\"[\n        'd-tablist',\n        TAB_LIST_SIZE_MODIFIERS[String(size)],\n        TAB_ORIENTATION_MODIFIERS[orientation],\n        orientation !== 'vertical' && TAB_SPREAD_MODIFIERS[spread],\n        {\n          [TAB_LIST_KIND_MODIFIERS.inverted]: inverted,\n          [TAB_LIST_IMPORTANCE_MODIFIERS.borderless]: borderless,\n        },\n        resolvedTabsClass,\n      ]\"\n      v-bind=\"tabListChildProps\"\n      role=\"tablist\"\n      :aria-label=\"label\"\n      :aria-orientation=\"orientation\"\n      @keydown.left=\"tabLeft\"\n      @keydown.right=\"tabRight\"\n      @keydown.up=\"tabUp\"\n      @keydown.down=\"tabDown\"\n      @keydown.enter=\"selectTab\"\n      @keydown.space=\"selectTab\"\n      @click=\"selectTab\"\n      @keydown.home.prevent=\"onHomeButton\"\n      @keydown.end.prevent=\"onEndButton\"\n    >\n      <!-- @slot Slot for Tabs -->\n      <slot name=\"tabs\" />\n    </div>\n    <!-- @slot Default slot for Panel -->\n    <slot />\n  </div>\n</template>\n\n<script>\nimport {\n  TAB_LIST_SIZES,\n  TAB_LIST_KIND_MODIFIERS,\n  TAB_LIST_IMPORTANCE_MODIFIERS,\n  TAB_LIST_SIZE_MODIFIERS,\n  TAB_ORIENTATIONS,\n  TAB_ORIENTATION_MODIFIERS,\n  TAB_ACTIVATION_MODES,\n  TAB_GROUP_KINDS,\n  TAB_SPREADS,\n  TAB_SPREAD_MODIFIERS,\n} from './TabsConstants';\nimport { ref } from 'vue';\nimport { useIndicatorAnimation } from '@/common/composables/useIndicatorAnimation';\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  name: 'DtTabGroup',\n\n  provide () {\n    return {\n      groupContext: this.provideObj,\n      setFocus: this.setFocus,\n    };\n  },\n\n  props: {\n    /**\n     * Identifies the tab group\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The id of the selected tab panel which should be displayed\n     */\n    selected: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * If true, disables the tab group\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, applies inverted styles to the tab group\n     * @deprecated Use v-dt-mode directive instead.\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, applies borderless styles to the tab group\n     * @values true, false\n     */\n    borderless: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls how tabs distribute available space within the tab list.\n     * @values none, grow, equal\n     */\n    spread: {\n      type: String,\n      default: 'none',\n      validator (value) {\n        return TAB_SPREADS.includes(value);\n      },\n    },\n\n    /**\n     * The orientation of the tab list\n     * @values horizontal, vertical\n     */\n    orientation: {\n      type: String,\n      default: 'horizontal',\n      validator (value) {\n        return TAB_ORIENTATIONS.includes(value);\n      },\n    },\n\n    /**\n     * If provided, applies size styles to the tab group\n     * @values 100, 200, 300, 400, 500\n     */\n    size: {\n      type: [String, Number],\n      default: 300,\n      validator (size) {\n        return TAB_LIST_SIZES.includes(String(size));\n      },\n    },\n\n    /**\n     * Pass through classes, used to customize the tab list\n     */\n    tabsClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Pass through classes, used to customize the tab list\n     * @deprecated Use tabsClass\n     */\n    tabListClass: {\n      type: [String, Array, Object],\n      default: undefined,\n    },\n\n    /**\n     * Pass through props, used to customize the tab list\n     */\n    tabListChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * The visual style kind applied to tabs within this group.\n     * Maps to specific DtButton kind/importance combinations for selected/unselected states.\n     * @values default, muted\n     */\n    kind: {\n      type: String,\n      default: 'default',\n      validator (value) {\n        return TAB_GROUP_KINDS.includes(value);\n      },\n    },\n\n    /**\n     * If true, the selected tab renders with outlined importance instead of clear.\n     * @values true, false\n     */\n    outlined: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls whether tabs are selected on focus (auto) or on click/keypress (manual)\n     * @values auto, manual\n     */\n    activationMode: {\n      type: String,\n      default: 'manual',\n      validator (value) {\n        return TAB_ACTIVATION_MODES.includes(value);\n      },\n    },\n\n    /**\n     * If true, the selection indicator animates between tabs on click.\n     * @values true, false\n     */\n    showIndicatorTransition: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Change tab event with the arguments: selected id of the current tab and disabled value\n     *\n     * @event change\n     * @type {Object}\n     */\n    'change',\n\n    /**\n     * Before change tab event with the event argument, useful to perform validations and prevent changing tabs if neccessary.\n     *\n     * @event before-change\n     * @type {Event}\n     */\n    'before-change',\n  ],\n\n  setup () {\n    const tabs = ref(null);\n    const indicator = useIndicatorAnimation(\n      tabs, '--tab-indicator-duration', '--tab-indicator-easing',\n    );\n    return { tabs, indicator };\n  },\n\n  data () {\n    return {\n      provideObj: {\n        selected: '', // the currently displayed tab id\n        disabled: false, // disable group\n        size: 300,\n        kind: 'default',\n        outlined: false,\n        orientation: 'horizontal',\n        spread: 'none',\n        focusedTabId: null, // tracks last-focused tab for roving tabindex\n      },\n\n      tabItems: [],\n      TAB_LIST_SIZE_MODIFIERS,\n      TAB_LIST_KIND_MODIFIERS,\n      TAB_LIST_IMPORTANCE_MODIFIERS,\n      TAB_ORIENTATION_MODIFIERS,\n      TAB_SPREAD_MODIFIERS,\n    };\n  },\n\n  computed: {\n    resolvedTabsClass () {\n      return this.tabListClass ?? this.tabsClass;\n    },\n  },\n\n  watch: {\n    disabled: {\n      immediate: true,\n      handler () {\n        this.provideObj.disabled = this.disabled;\n      },\n    },\n\n    selected: {\n      immediate: true,\n      handler (newVal, oldVal) {\n        this.provideObj.selected = this.selected;\n        if (newVal !== oldVal) {\n          this.provideObj.focusedTabId = null;\n        }\n      },\n    },\n\n    size: {\n      immediate: true,\n      handler () {\n        this.provideObj.size = this.size;\n      },\n    },\n\n    kind: {\n      immediate: true,\n      handler () {\n        this.provideObj.kind = this.kind;\n      },\n    },\n\n    outlined: {\n      immediate: true,\n      handler () {\n        this.provideObj.outlined = this.outlined;\n      },\n    },\n\n    orientation: {\n      immediate: true,\n      handler () {\n        this.provideObj.orientation = this.orientation;\n      },\n    },\n\n    spread: {\n      immediate: true,\n      handler () {\n        this.provideObj.spread = this.spread;\n      },\n    },\n  },\n\n  mounted () {\n    this.updateSelected();\n  },\n\n  updated () {\n    this.updateSelected();\n  },\n\n  methods: {\n    updateSelected () {\n      /**\n       * Prevent override tab selected by default\n       */\n      if (!this.provideObj.selected) {\n        this.provideObj.selected = this.selected;\n      }\n      this.tabItems = this.getTabChildren();\n\n      // Clear stale focusedTabId if the focused tab was removed\n      if (this.provideObj.focusedTabId && !this.tabItems.some(t => t.tabId === this.provideObj.focusedTabId)) {\n        this.provideObj.focusedTabId = null;\n      }\n    },\n\n    setFocus (focusId) {\n      if (this.provideObj.focusedTabId !== focusId) {\n        this.provideObj.focusedTabId = focusId;\n      }\n    },\n\n    getTabChildren () {\n      const tabs = Array.from(this.$refs.tabs.querySelectorAll('[role=\"tab\"]'));\n      return tabs\n        .map(el => {\n          return ({\n            context: el,\n            panelId: el.getAttribute('aria-controls')?.replace('dt-panel-', ''),\n            tabId: el.getAttribute('id')?.replace('dt-tab-', ''),\n            isSelected: el.getAttribute('aria-selected') === 'true',\n            isDisabled: el.getAttribute('aria-disabled') === 'true',\n          });\n        });\n    },\n\n    onChange () {\n      this.$emit('change', { ...this.provideObj });\n    },\n\n    tabLeft () {\n      if (this.orientation !== 'horizontal') return;\n      this.navigatePrevious();\n    },\n\n    tabRight () {\n      if (this.orientation !== 'horizontal') return;\n      this.navigateNext();\n    },\n\n    tabUp (event) {\n      if (this.orientation !== 'vertical') return;\n      event.preventDefault();\n      this.navigatePrevious();\n    },\n\n    tabDown (event) {\n      if (this.orientation !== 'vertical') return;\n      event.preventDefault();\n      this.navigateNext();\n    },\n\n    navigatePrevious () {\n      const index = this.getFocusedTabIndex();\n      if (index === -1) return;\n\n      const nextIndex = this.findNextTab(index, -1);\n      this.selectFocusOnTab(nextIndex);\n    },\n\n    navigateNext () {\n      const index = this.getFocusedTabIndex();\n      if (index === -1) return;\n\n      const nextIndex = this.findNextTab(index, 1);\n      this.selectFocusOnTab(nextIndex);\n    },\n\n    findNextTab (fromIndex, direction) {\n      const len = this.tabItems.length;\n      return (fromIndex + direction + len) % len;\n    },\n\n    transitionIndicator (panelId, newContext) {\n      if (!newContext || !this.showIndicatorTransition) {\n        this.provideObj.selected = panelId;\n        return;\n      }\n\n      const old = this.indicator.snapshot('[aria-selected=\"true\"]');\n\n      this.provideObj.selected = panelId;\n      if (!old) return;\n\n      this.$nextTick(() => {\n        let hideProps = { backgroundColor: 'transparent' };\n        let indicatorExtra = {};\n        let pseudoElement = '::after';\n\n        if (this.outlined) {\n          hideProps = { borderColor: 'transparent', backgroundColor: 'transparent' };\n          indicatorExtra = { boxShadow: `inset 0 0 0 ${old.style.borderWidth} ${old.style.borderColor}` };\n          pseudoElement = '::before';\n        } else if (this.kind === 'muted') {\n          indicatorExtra = { backgroundColor: old.style.backgroundColor };\n          pseudoElement = '::before';\n        }\n\n        this.indicator.animate({\n          oldRect: old.rect,\n          newEl: newContext,\n          orientation: this.orientation,\n          hideProps,\n          indicatorExtra,\n          pseudoElement,\n        });\n      });\n    },\n\n    selectFocusOnTab (index) {\n      const { context, panelId, isDisabled } = this.tabItems[index];\n      context.focus();\n      if (this.activationMode === 'auto' && !isDisabled) {\n        this.indicator.cancel();\n        this.provideObj.selected = panelId;\n        this.onChange();\n      }\n    },\n\n    selectTab (event) {\n      const tabEl = event.target.closest('[role=\"tab\"]');\n      const index = tabEl\n        ? this.tabItems.findIndex(t => t.context === tabEl)\n        : this.getFocusedTabIndex();\n\n      if (index === -1) return;\n      if (this.tabItems[index]?.isDisabled) return;\n      if (this.provideObj.selected === this.tabItems[index]?.panelId) return;\n\n      this.$emit('before-change', event);\n      if (event.defaultPrevented) return;\n\n      // Prevent keyboard defaults (Space scroll, Enter form submit)\n      // after confirming the tab change will proceed\n      event.preventDefault();\n\n      this.selectTabByIndex(index);\n      this.onChange();\n    },\n\n    selectTabByIndex (index) {\n      const { context, panelId } = this.tabItems[index];\n      this.transitionIndicator(panelId, context);\n      context.focus();\n    },\n\n    getFocusedTabIndex () {\n      const focusedId = this.provideObj.focusedTabId;\n      const index = this.tabItems.findIndex((context) =>\n        focusedId ? context.tabId === focusedId : context.isSelected,\n      );\n\n      return index === -1 ? 0 : index;\n    },\n\n    onHomeButton () {\n      if (this.tabItems.length) this.selectFocusOnTab(0);\n    },\n\n    onEndButton () {\n      if (this.tabItems.length) this.selectFocusOnTab(this.tabItems.length - 1);\n    },\n\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"tab-group.js","names":[],"sources":["../../../components/Tab/TabGroup.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-tab-group\"\n    :class=\"['d-tab-neux', { 'd-tab-neux--vertical': orientation === 'vertical' }]\"\n  >\n    <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->\n    <div\n      ref=\"tabs\"\n      :class=\"[\n        'd-tablist',\n        TAB_LIST_SIZE_MODIFIERS[String(size)],\n        TAB_ORIENTATION_MODIFIERS[orientation],\n        orientation !== 'vertical' && TAB_SPREAD_MODIFIERS[spread],\n        {\n          [TAB_LIST_KIND_MODIFIERS.inverted]: inverted,\n          [TAB_LIST_IMPORTANCE_MODIFIERS.borderless]: borderless,\n        },\n        resolvedTabsClass,\n      ]\"\n      v-bind=\"tabListChildProps\"\n      role=\"tablist\"\n      :aria-label=\"label\"\n      :aria-orientation=\"orientation\"\n      @keydown.left=\"tabLeft\"\n      @keydown.right=\"tabRight\"\n      @keydown.up=\"tabUp\"\n      @keydown.down=\"tabDown\"\n      @keydown.enter=\"selectTab\"\n      @keydown.space=\"selectTab\"\n      @click=\"selectTab\"\n      @keydown.home.prevent=\"onHomeButton\"\n      @keydown.end.prevent=\"onEndButton\"\n    >\n      <!-- @slot Slot for Tabs -->\n      <slot name=\"tabs\" />\n    </div>\n    <!-- @slot Default slot for Panel -->\n    <slot />\n  </div>\n</template>\n\n<script>\nimport {\n  TAB_LIST_SIZES,\n  TAB_LIST_KIND_MODIFIERS,\n  TAB_LIST_IMPORTANCE_MODIFIERS,\n  TAB_LIST_SIZE_MODIFIERS,\n  TAB_ORIENTATIONS,\n  TAB_ORIENTATION_MODIFIERS,\n  TAB_ACTIVATION_MODES,\n  TAB_GROUP_KINDS,\n  TAB_SPREADS,\n  TAB_SPREAD_MODIFIERS,\n} from './TabsConstants';\nimport { ref } from 'vue';\nimport { useIndicatorAnimation } from '@/common/composables/useIndicatorAnimation';\nimport { ordinalSizeValidator } from '@/common/validators';\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  name: 'DtTabGroup',\n\n  provide () {\n    return {\n      groupContext: this.provideObj,\n      setFocus: this.setFocus,\n    };\n  },\n\n  props: {\n    /**\n     * Identifies the tab group\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The id of the selected tab panel which should be displayed\n     */\n    selected: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * If true, disables the tab group\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, applies inverted styles to the tab group\n     * @deprecated Use v-dt-mode directive instead.\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, applies borderless styles to the tab group\n     * @values true, false\n     */\n    borderless: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls how tabs distribute available space within the tab list.\n     * @values none, grow, equal\n     */\n    spread: {\n      type: String,\n      default: 'none',\n      validator (value) {\n        return TAB_SPREADS.includes(value);\n      },\n    },\n\n    /**\n     * The orientation of the tab list\n     * @values horizontal, vertical\n     */\n    orientation: {\n      type: String,\n      default: 'horizontal',\n      validator (value) {\n        return TAB_ORIENTATIONS.includes(value);\n      },\n    },\n\n    /**\n     * If provided, applies size styles to the tab group\n     * @values 100, 200, 300, 400, 500\n     */\n    size: {\n      type: [String, Number],\n      default: 300,\n      validator: ordinalSizeValidator(TAB_LIST_SIZES),\n    },\n\n    /**\n     * Pass through classes, used to customize the tab list\n     */\n    tabsClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Pass through classes, used to customize the tab list\n     * @deprecated Use tabsClass\n     */\n    tabListClass: {\n      type: [String, Array, Object],\n      default: undefined,\n    },\n\n    /**\n     * Pass through props, used to customize the tab list\n     */\n    tabListChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * The visual style kind applied to tabs within this group.\n     * Maps to specific DtButton kind/importance combinations for selected/unselected states.\n     * @values default, muted\n     */\n    kind: {\n      type: String,\n      default: 'default',\n      validator (value) {\n        return TAB_GROUP_KINDS.includes(value);\n      },\n    },\n\n    /**\n     * If true, the selected tab renders with outlined importance instead of clear.\n     * @values true, false\n     */\n    outlined: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls whether tabs are selected on focus (auto) or on click/keypress (manual)\n     * @values auto, manual\n     */\n    activationMode: {\n      type: String,\n      default: 'manual',\n      validator (value) {\n        return TAB_ACTIVATION_MODES.includes(value);\n      },\n    },\n\n    /**\n     * If true, the selection indicator animates between tabs on click.\n     * @values true, false\n     */\n    showIndicatorTransition: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Change tab event with the arguments: selected id of the current tab and disabled value\n     *\n     * @event change\n     * @type {Object}\n     */\n    'change',\n\n    /**\n     * Before change tab event with the event argument, useful to perform validations and prevent changing tabs if neccessary.\n     *\n     * @event before-change\n     * @type {Event}\n     */\n    'before-change',\n  ],\n\n  setup () {\n    const tabs = ref(null);\n    const indicator = useIndicatorAnimation(\n      tabs, '--tab-indicator-duration', '--tab-indicator-easing',\n    );\n    return { tabs, indicator };\n  },\n\n  data () {\n    return {\n      provideObj: {\n        selected: '', // the currently displayed tab id\n        disabled: false, // disable group\n        size: 300,\n        kind: 'default',\n        outlined: false,\n        orientation: 'horizontal',\n        spread: 'none',\n        focusedTabId: null, // tracks last-focused tab for roving tabindex\n      },\n\n      tabItems: [],\n      TAB_LIST_SIZE_MODIFIERS,\n      TAB_LIST_KIND_MODIFIERS,\n      TAB_LIST_IMPORTANCE_MODIFIERS,\n      TAB_ORIENTATION_MODIFIERS,\n      TAB_SPREAD_MODIFIERS,\n    };\n  },\n\n  computed: {\n    resolvedTabsClass () {\n      return this.tabListClass ?? this.tabsClass;\n    },\n  },\n\n  watch: {\n    disabled: {\n      immediate: true,\n      handler () {\n        this.provideObj.disabled = this.disabled;\n      },\n    },\n\n    selected: {\n      immediate: true,\n      handler (newVal, oldVal) {\n        this.provideObj.selected = this.selected;\n        if (newVal !== oldVal) {\n          this.provideObj.focusedTabId = null;\n        }\n      },\n    },\n\n    size: {\n      immediate: true,\n      handler () {\n        this.provideObj.size = this.size;\n      },\n    },\n\n    kind: {\n      immediate: true,\n      handler () {\n        this.provideObj.kind = this.kind;\n      },\n    },\n\n    outlined: {\n      immediate: true,\n      handler () {\n        this.provideObj.outlined = this.outlined;\n      },\n    },\n\n    orientation: {\n      immediate: true,\n      handler () {\n        this.provideObj.orientation = this.orientation;\n      },\n    },\n\n    spread: {\n      immediate: true,\n      handler () {\n        this.provideObj.spread = this.spread;\n      },\n    },\n  },\n\n  mounted () {\n    this.updateSelected();\n  },\n\n  updated () {\n    this.updateSelected();\n  },\n\n  methods: {\n    updateSelected () {\n      /**\n       * Prevent override tab selected by default\n       */\n      if (!this.provideObj.selected) {\n        this.provideObj.selected = this.selected;\n      }\n      this.tabItems = this.getTabChildren();\n\n      // Clear stale focusedTabId if the focused tab was removed\n      if (this.provideObj.focusedTabId && !this.tabItems.some(t => t.tabId === this.provideObj.focusedTabId)) {\n        this.provideObj.focusedTabId = null;\n      }\n    },\n\n    setFocus (focusId) {\n      if (this.provideObj.focusedTabId !== focusId) {\n        this.provideObj.focusedTabId = focusId;\n      }\n    },\n\n    getTabChildren () {\n      const tabs = Array.from(this.$refs.tabs.querySelectorAll('[role=\"tab\"]'));\n      return tabs\n        .map(el => {\n          return ({\n            context: el,\n            panelId: el.getAttribute('aria-controls')?.replace('dt-panel-', ''),\n            tabId: el.getAttribute('id')?.replace('dt-tab-', ''),\n            isSelected: el.getAttribute('aria-selected') === 'true',\n            isDisabled: el.getAttribute('aria-disabled') === 'true',\n          });\n        });\n    },\n\n    onChange () {\n      this.$emit('change', { ...this.provideObj });\n    },\n\n    tabLeft () {\n      if (this.orientation !== 'horizontal') return;\n      this.navigatePrevious();\n    },\n\n    tabRight () {\n      if (this.orientation !== 'horizontal') return;\n      this.navigateNext();\n    },\n\n    tabUp (event) {\n      if (this.orientation !== 'vertical') return;\n      event.preventDefault();\n      this.navigatePrevious();\n    },\n\n    tabDown (event) {\n      if (this.orientation !== 'vertical') return;\n      event.preventDefault();\n      this.navigateNext();\n    },\n\n    navigatePrevious () {\n      const index = this.getFocusedTabIndex();\n      if (index === -1) return;\n\n      const nextIndex = this.findNextTab(index, -1);\n      this.selectFocusOnTab(nextIndex);\n    },\n\n    navigateNext () {\n      const index = this.getFocusedTabIndex();\n      if (index === -1) return;\n\n      const nextIndex = this.findNextTab(index, 1);\n      this.selectFocusOnTab(nextIndex);\n    },\n\n    findNextTab (fromIndex, direction) {\n      const len = this.tabItems.length;\n      return (fromIndex + direction + len) % len;\n    },\n\n    transitionIndicator (panelId, newContext) {\n      if (!newContext || !this.showIndicatorTransition) {\n        this.provideObj.selected = panelId;\n        return;\n      }\n\n      const old = this.indicator.snapshot('[aria-selected=\"true\"]');\n\n      this.provideObj.selected = panelId;\n      if (!old) return;\n\n      this.$nextTick(() => {\n        let hideProps = { backgroundColor: 'transparent' };\n        let indicatorExtra = {};\n        let pseudoElement = '::after';\n\n        if (this.outlined) {\n          hideProps = { borderColor: 'transparent', backgroundColor: 'transparent' };\n          indicatorExtra = { boxShadow: `inset 0 0 0 ${old.style.borderWidth} ${old.style.borderColor}` };\n          pseudoElement = '::before';\n        } else if (this.kind === 'muted') {\n          indicatorExtra = { backgroundColor: old.style.backgroundColor };\n          pseudoElement = '::before';\n        }\n\n        this.indicator.animate({\n          oldRect: old.rect,\n          newEl: newContext,\n          orientation: this.orientation,\n          hideProps,\n          indicatorExtra,\n          pseudoElement,\n        });\n      });\n    },\n\n    selectFocusOnTab (index) {\n      const { context, panelId, isDisabled } = this.tabItems[index];\n      context.focus();\n      if (this.activationMode === 'auto' && !isDisabled) {\n        this.indicator.cancel();\n        this.provideObj.selected = panelId;\n        this.onChange();\n      }\n    },\n\n    selectTab (event) {\n      const tabEl = event.target.closest('[role=\"tab\"]');\n      const index = tabEl\n        ? this.tabItems.findIndex(t => t.context === tabEl)\n        : this.getFocusedTabIndex();\n\n      if (index === -1) return;\n      if (this.tabItems[index]?.isDisabled) return;\n      if (this.provideObj.selected === this.tabItems[index]?.panelId) return;\n\n      this.$emit('before-change', event);\n      if (event.defaultPrevented) return;\n\n      // Prevent keyboard defaults (Space scroll, Enter form submit)\n      // after confirming the tab change will proceed\n      event.preventDefault();\n\n      this.selectTabByIndex(index);\n      this.onChange();\n    },\n\n    selectTabByIndex (index) {\n      const { context, panelId } = this.tabItems[index];\n      this.transitionIndicator(panelId, context);\n      context.focus();\n    },\n\n    getFocusedTabIndex () {\n      const focusedId = this.provideObj.focusedTabId;\n      const index = this.tabItems.findIndex((context) =>\n        focusedId ? context.tabId === focusedId : context.isSelected,\n      );\n\n      return index === -1 ? 0 : index;\n    },\n\n    onHomeButton () {\n      if (this.tabItems.length) this.selectFocusOnTab(0);\n    },\n\n    onEndButton () {\n      if (this.tabItems.length) this.selectFocusOnTab(this.tabItems.length - 1);\n    },\n\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/text/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./text-constants.cjs`),t=require(`./text.cjs`);exports.DtText=t.default,exports.TEXT_ALIGN_MODIFIERS=e.TEXT_ALIGN_MODIFIERS,exports.TEXT_BOX_TRIM_MODIFIERS=e.TEXT_BOX_TRIM_MODIFIERS,exports.TEXT_DENSITY_MODIFIERS=e.TEXT_DENSITY_MODIFIERS,exports.TEXT_HEADLINE_ONLY_SIZES=e.TEXT_HEADLINE_ONLY_SIZES,exports.TEXT_KIND_MODIFIERS=e.TEXT_KIND_MODIFIERS,exports.TEXT_LINE_CLAMP_CLASS=e.TEXT_LINE_CLAMP_CLASS,exports.TEXT_NUMERIC_CLASS=e.TEXT_NUMERIC_CLASS,exports.TEXT_SIZE_MODIFIERS=e.TEXT_SIZE_MODIFIERS,exports.TEXT_STRENGTH_MODIFIERS=e.TEXT_STRENGTH_MODIFIERS,exports.TEXT_TONE_MODIFIERS=e.TEXT_TONE_MODIFIERS,exports.TEXT_TRUNCATE_CLASS=e.TEXT_TRUNCATE_CLASS,exports.TEXT_WRAP_MODIFIERS=e.TEXT_WRAP_MODIFIERS;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./text-constants.cjs`),t=require(`./text.cjs`);exports.DtText=t.default,exports.TEXT_ALIGN_MODIFIERS=e.TEXT_ALIGN_MODIFIERS,exports.TEXT_BOX_TRIM_MODIFIERS=e.TEXT_BOX_TRIM_MODIFIERS,exports.TEXT_DENSITY_MODIFIERS=e.TEXT_DENSITY_MODIFIERS,exports.TEXT_FAMILY_MODIFIERS=e.TEXT_FAMILY_MODIFIERS,exports.TEXT_FONT_SIZE_MODIFIERS=e.TEXT_FONT_SIZE_MODIFIERS,exports.TEXT_HEADLINE_ONLY_SIZES=e.TEXT_HEADLINE_ONLY_SIZES,exports.TEXT_ITALIC_CLASS=e.TEXT_ITALIC_CLASS,exports.TEXT_KIND_MODIFIERS=e.TEXT_KIND_MODIFIERS,exports.TEXT_LINE_CLAMP_CLASS=e.TEXT_LINE_CLAMP_CLASS,exports.TEXT_NUMERIC_CLASS=e.TEXT_NUMERIC_CLASS,exports.TEXT_SIZE_MODIFIERS=e.TEXT_SIZE_MODIFIERS,exports.TEXT_STRENGTH_MODIFIERS=e.TEXT_STRENGTH_MODIFIERS,exports.TEXT_TONE_MODIFIERS=e.TEXT_TONE_MODIFIERS,exports.TEXT_TRUNCATE_CLASS=e.TEXT_TRUNCATE_CLASS,exports.TEXT_VARIANT_MODIFIERS=e.TEXT_VARIANT_MODIFIERS,exports.TEXT_WRAP_MODIFIERS=e.TEXT_WRAP_MODIFIERS;

package/dist/lib/text/index.js

@@ -1,3 +1,3 @@
-import { TEXT_ALIGN_MODIFIERS as e, TEXT_BOX_TRIM_MODIFIERS as t, TEXT_DENSITY_MODIFIERS as n, TEXT_HEADLINE_ONLY_SIZES as r, TEXT_KIND_MODIFIERS as i, TEXT_LINE_CLAMP_CLASS as a, TEXT_NUMERIC_CLASS as o, TEXT_SIZE_MODIFIERS as s, TEXT_STRENGTH_MODIFIERS as c, TEXT_TONE_MODIFIERS as l, TEXT_TRUNCATE_CLASS as u, TEXT_WRAP_MODIFIERS as d } from "./text-constants.js";
-import f from "./text.js";
-export { f as DtText, e as TEXT_ALIGN_MODIFIERS, t as TEXT_BOX_TRIM_MODIFIERS, n as TEXT_DENSITY_MODIFIERS, r as TEXT_HEADLINE_ONLY_SIZES, i as TEXT_KIND_MODIFIERS, a as TEXT_LINE_CLAMP_CLASS, o as TEXT_NUMERIC_CLASS, s as TEXT_SIZE_MODIFIERS, c as TEXT_STRENGTH_MODIFIERS, l as TEXT_TONE_MODIFIERS, u as TEXT_TRUNCATE_CLASS, d as TEXT_WRAP_MODIFIERS };
+import { TEXT_ALIGN_MODIFIERS as e, TEXT_BOX_TRIM_MODIFIERS as t, TEXT_DENSITY_MODIFIERS as n, TEXT_FAMILY_MODIFIERS as r, TEXT_FONT_SIZE_MODIFIERS as i, TEXT_HEADLINE_ONLY_SIZES as a, TEXT_ITALIC_CLASS as o, TEXT_KIND_MODIFIERS as s, TEXT_LINE_CLAMP_CLASS as c, TEXT_NUMERIC_CLASS as l, TEXT_SIZE_MODIFIERS as u, TEXT_STRENGTH_MODIFIERS as d, TEXT_TONE_MODIFIERS as f, TEXT_TRUNCATE_CLASS as p, TEXT_VARIANT_MODIFIERS as m, TEXT_WRAP_MODIFIERS as h } from "./text-constants.js";
+import g from "./text.js";
+export { g as DtText, e as TEXT_ALIGN_MODIFIERS, t as TEXT_BOX_TRIM_MODIFIERS, n as TEXT_DENSITY_MODIFIERS, r as TEXT_FAMILY_MODIFIERS, i as TEXT_FONT_SIZE_MODIFIERS, a as TEXT_HEADLINE_ONLY_SIZES, o as TEXT_ITALIC_CLASS, s as TEXT_KIND_MODIFIERS, c as TEXT_LINE_CLAMP_CLASS, l as TEXT_NUMERIC_CLASS, u as TEXT_SIZE_MODIFIERS, d as TEXT_STRENGTH_MODIFIERS, f as TEXT_TONE_MODIFIERS, p as TEXT_TRUNCATE_CLASS, m as TEXT_VARIANT_MODIFIERS, h as TEXT_WRAP_MODIFIERS };

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

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});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};exports.TEXT_ALIGN_MODIFIERS=a,exports.TEXT_BOX_TRIM_MODIFIERS=u,exports.TEXT_DENSITY_MODIFIERS=f,exports.TEXT_HEADLINE_ONLY_SIZES=n,exports.TEXT_KIND_MODIFIERS=e,exports.TEXT_LINE_CLAMP_CLASS=c,exports.TEXT_NUMERIC_CLASS=o,exports.TEXT_SIZE_MAP=r,exports.TEXT_SIZE_MODIFIERS=t,exports.TEXT_STRENGTH_MODIFIERS=d,exports.TEXT_TONE_MODIFIERS=i,exports.TEXT_TRUNCATE_CLASS=s,exports.TEXT_WRAP_MODIFIERS=l,exports.default=p;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={headline:`d-text-headline`,body:`d-text-body`,label:`d-text-label`,code:`d-text-code`},t={"headline-3xl":`d-text-headline--3xl`,"headline-2xl":`d-text-headline--2xl`,"headline-xl":`d-text-headline--xl`,"headline-lg":`d-text-headline--lg`,"headline-md":`d-text-headline--md`,"headline-sm":`d-text-headline--sm`,"headline-xs":`d-text-headline--xs`,"body-lg":`d-text-body--lg`,"body-md":`d-text-body--md`,"body-sm":`d-text-body--sm`,"body-xs":`d-text-body--xs`,"label-lg":`d-text-label--lg`,"label-md":`d-text-label--md`,"label-sm":`d-text-label--sm`,"label-xs":`d-text-label--xs`,"code-lg":`d-text-code--lg`,"code-md":`d-text-code--md`,"code-sm":`d-text-code--sm`,"code-xs":`d-text-code--xs`},n={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`]},r=[`700`,`600`,`500`,`3xl`,`2xl`,`xl`],i={100:`xs`,200:`sm`,300:`md`,400:`lg`,500:`xl`,600:`2xl`,700:`3xl`},a={50:`d-text--fs-50`,75:`d-text--fs-75`,100:`d-text--fs-100`,125:`d-text--fs-125`,150:`d-text--fs-150`,200:`d-text--fs-200`,250:`d-text--fs-250`,300:`d-text--fs-300`,350:`d-text--fs-350`,400:`d-text--fs-400`,450:`d-text--fs-450`,500:`d-text--fs-500`,550:`d-text--fs-550`,600:`d-text--fs-600`,650:`d-text--fs-650`,700:`d-text--fs-700`,750:`d-text--fs-750`,800:`d-text--fs-800`},o={inherit:`d-text--ff-inherit`,custom:`d-text--ff-custom`,sans:`d-text--ff-sans`,mono:`d-text--ff-mono`,expressive:`d-text--ff-expressive`},s=`d-text--italic`,c={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`},l={start:`d-text--align-start`,center:`d-text--align-center`,end:`d-text--align-end`,justify:`d-text--align-justify`},u=`d-text--numeric`,d=`d-truncate`,f=`d-text--clamp`,p={wrap:`d-text--wrap-wrap`,nowrap:`d-text--wrap-nowrap`,balance:`d-text--wrap-balance`,pretty:`d-text--wrap-pretty`},m={start:`d-text--trim-start`,end:`d-text--trim-end`,both:`d-text--trim-both`},h={bold:`d-text--fw-bold`,semibold:`d-text--fw-semibold`,medium:`d-text--fw-medium`,normal:`d-text--fw-normal`},g={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`},_={TEXT_KIND_MODIFIERS:e,TEXT_VARIANT_MODIFIERS:t,TEXT_SIZE_MODIFIERS:n,TEXT_HEADLINE_ONLY_SIZES:r,TEXT_FONT_SIZE_MODIFIERS:a,TEXT_FAMILY_MODIFIERS:o,TEXT_ITALIC_CLASS:s,TEXT_TONE_MODIFIERS:c,TEXT_ALIGN_MODIFIERS:l,TEXT_NUMERIC_CLASS:u,TEXT_TRUNCATE_CLASS:d,TEXT_LINE_CLAMP_CLASS:f,TEXT_WRAP_MODIFIERS:p,TEXT_BOX_TRIM_MODIFIERS:m,TEXT_STRENGTH_MODIFIERS:h,TEXT_DENSITY_MODIFIERS:g};exports.TEXT_ALIGN_MODIFIERS=l,exports.TEXT_BOX_TRIM_MODIFIERS=m,exports.TEXT_DENSITY_MODIFIERS=g,exports.TEXT_FAMILY_MODIFIERS=o,exports.TEXT_FONT_SIZE_MODIFIERS=a,exports.TEXT_HEADLINE_ONLY_SIZES=r,exports.TEXT_ITALIC_CLASS=s,exports.TEXT_KIND_MODIFIERS=e,exports.TEXT_LINE_CLAMP_CLASS=f,exports.TEXT_NUMERIC_CLASS=u,exports.TEXT_SIZE_MAP=i,exports.TEXT_SIZE_MODIFIERS=n,exports.TEXT_STRENGTH_MODIFIERS=h,exports.TEXT_TONE_MODIFIERS=c,exports.TEXT_TRUNCATE_CLASS=d,exports.TEXT_VARIANT_MODIFIERS=t,exports.TEXT_WRAP_MODIFIERS=p,exports.default=_;
 //# sourceMappingURL=text-constants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"text-constants.cjs","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":"+FAAA,IAAa,EAAsB,CACjC,SAAU,kBACV,KAAM,cACN,MAAO,eACP,KAAM,cACP,CAEY,EAAsB,CACjC,SAAU,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,KAAM,KAAM,KAAM,KAAM,KAAK,CACvG,KAAM,CAAC,MAAO,MAAO,MAAO,MAAO,KAAM,KAAM,KAAM,KAAK,CAC1D,MAAO,CAAC,MAAO,MAAO,MAAO,MAAO,KAAM,KAAM,KAAM,KAAK,CAC3D,KAAM,CAAC,MAAO,MAAO,MAAO,MAAO,KAAM,KAAM,KAAM,KAAK,CAC3D,CAGY,EAA2B,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,KAAK,CAGpE,EAAgB,CAC3B,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,MACL,IAAK,MACN,CAEY,EAAsB,CACjC,QAAW,uBACX,UAAa,yBACb,SAAY,wBACZ,MAAS,qBACT,SAAY,wBACZ,YAAe,2BACf,SAAY,wBACZ,kBAAmB,+BACnB,SAAY,wBACZ,kBAAmB,+BACnB,QAAW,uBACX,KAAQ,oBACR,cAAe,2BACf,gBAAiB,6BACjB,gBAAiB,6BAClB,CAEY,EAAuB,CAClC,MAAO,sBACP,OAAQ,uBACR,IAAK,oBACL,QAAS,wBACV,CAEY,EAAqB,kBACrB,EAAsB,aACtB,EAAwB,gBAExB,EAAsB,CACjC,KAAM,oBACN,OAAQ,sBACR,QAAS,uBACT,OAAQ,sBACT,CAEY,EAA0B,CACrC,MAAO,qBACP,IAAK,mBACL,KAAM,oBACP,CAEY,EAA0B,CACrC,KAAM,kBACN,SAAU,sBACV,OAAQ,oBACR,OAAQ,oBACT,CAEY,EAAyB,CACpC,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACN,CAED,EAAe,CACb,sBACA,sBACA,2BACA,sBACA,uBACA,qBACA,sBACA,wBACA,sBACA,0BACA,0BACA,yBACD"}
+{"version":3,"file":"text-constants.cjs","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_VARIANT_MODIFIERS = {\n  'headline-3xl': 'd-text-headline--3xl',\n  'headline-2xl': 'd-text-headline--2xl',\n  'headline-xl': 'd-text-headline--xl',\n  'headline-lg': 'd-text-headline--lg',\n  'headline-md': 'd-text-headline--md',\n  'headline-sm': 'd-text-headline--sm',\n  'headline-xs': 'd-text-headline--xs',\n  'body-lg': 'd-text-body--lg',\n  'body-md': 'd-text-body--md',\n  'body-sm': 'd-text-body--sm',\n  'body-xs': 'd-text-body--xs',\n  'label-lg': 'd-text-label--lg',\n  'label-md': 'd-text-label--md',\n  'label-sm': 'd-text-label--sm',\n  'label-xs': 'd-text-label--xs',\n  'code-lg': 'd-text-code--lg',\n  'code-md': 'd-text-code--md',\n  'code-sm': 'd-text-code--sm',\n  'code-xs': 'd-text-code--xs',\n};\n\nexport const TEXT_SIZE_MODIFIERS = {\n  headline: [\n    '700',\n    '600',\n    '500',\n    '400',\n    '300',\n    '200',\n    '100',\n    '3xl',\n    '2xl',\n    'xl',\n    'lg',\n    'md',\n    'sm',\n    'xs',\n  ],\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 = [\n  '700',\n  '600',\n  '500',\n  '3xl',\n  '2xl',\n  'xl',\n];\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_FONT_SIZE_MODIFIERS = {\n  50: 'd-text--fs-50',\n  75: 'd-text--fs-75',\n  100: 'd-text--fs-100',\n  125: 'd-text--fs-125',\n  150: 'd-text--fs-150',\n  200: 'd-text--fs-200',\n  250: 'd-text--fs-250',\n  300: 'd-text--fs-300',\n  350: 'd-text--fs-350',\n  400: 'd-text--fs-400',\n  450: 'd-text--fs-450',\n  500: 'd-text--fs-500',\n  550: 'd-text--fs-550',\n  600: 'd-text--fs-600',\n  650: 'd-text--fs-650',\n  700: 'd-text--fs-700',\n  750: 'd-text--fs-750',\n  800: 'd-text--fs-800',\n};\n\nexport const TEXT_FAMILY_MODIFIERS = {\n  inherit: 'd-text--ff-inherit',\n  custom: 'd-text--ff-custom',\n  sans: 'd-text--ff-sans',\n  mono: 'd-text--ff-mono',\n  expressive: 'd-text--ff-expressive',\n};\n\nexport const TEXT_ITALIC_CLASS = 'd-text--italic';\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_VARIANT_MODIFIERS,\n  TEXT_SIZE_MODIFIERS,\n  TEXT_HEADLINE_ONLY_SIZES,\n  TEXT_FONT_SIZE_MODIFIERS,\n  TEXT_FAMILY_MODIFIERS,\n  TEXT_ITALIC_CLASS,\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":"+FAAA,IAAa,EAAsB,CACjC,SAAU,kBACV,KAAM,cACN,MAAO,eACP,KAAM,cACP,CAEY,EAAyB,CACpC,eAAgB,uBAChB,eAAgB,uBAChB,cAAe,sBACf,cAAe,sBACf,cAAe,sBACf,cAAe,sBACf,cAAe,sBACf,UAAW,kBACX,UAAW,kBACX,UAAW,kBACX,UAAW,kBACX,WAAY,mBACZ,WAAY,mBACZ,WAAY,mBACZ,WAAY,mBACZ,UAAW,kBACX,UAAW,kBACX,UAAW,kBACX,UAAW,kBACZ,CAEY,EAAsB,CACjC,SAAU,CACR,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,KACA,KACA,KACA,KACA,KACD,CACD,KAAM,CAAC,MAAO,MAAO,MAAO,MAAO,KAAM,KAAM,KAAM,KAAK,CAC1D,MAAO,CAAC,MAAO,MAAO,MAAO,MAAO,KAAM,KAAM,KAAM,KAAK,CAC3D,KAAM,CAAC,MAAO,MAAO,MAAO,MAAO,KAAM,KAAM,KAAM,KAAK,CAC3D,CAGY,EAA2B,CACtC,MACA,MACA,MACA,MACA,MACA,KACD,CAGY,EAAgB,CAC3B,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,MACL,IAAK,MACN,CAEY,EAA2B,CACtC,GAAI,gBACJ,GAAI,gBACJ,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACN,CAEY,EAAwB,CACnC,QAAS,qBACT,OAAQ,oBACR,KAAM,kBACN,KAAM,kBACN,WAAY,wBACb,CAEY,EAAoB,iBAEpB,EAAsB,CACjC,QAAS,uBACT,UAAW,yBACX,SAAU,wBACV,MAAO,qBACP,SAAU,wBACV,YAAa,2BACb,SAAU,wBACV,kBAAmB,+BACnB,SAAU,wBACV,kBAAmB,+BACnB,QAAS,uBACT,KAAM,oBACN,cAAe,2BACf,gBAAiB,6BACjB,gBAAiB,6BAClB,CAEY,EAAuB,CAClC,MAAO,sBACP,OAAQ,uBACR,IAAK,oBACL,QAAS,wBACV,CAEY,EAAqB,kBACrB,EAAsB,aACtB,EAAwB,gBAExB,EAAsB,CACjC,KAAM,oBACN,OAAQ,sBACR,QAAS,uBACT,OAAQ,sBACT,CAEY,EAA0B,CACrC,MAAO,qBACP,IAAK,mBACL,KAAM,oBACP,CAEY,EAA0B,CACrC,KAAM,kBACN,SAAU,sBACV,OAAQ,oBACR,OAAQ,oBACT,CAEY,EAAyB,CACpC,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACN,CAED,EAAe,CACb,sBACA,yBACA,sBACA,2BACA,2BACA,wBACA,oBACA,sBACA,uBACA,qBACA,sBACA,wBACA,sBACA,0BACA,0BACA,yBACD"}

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

@@ -5,6 +5,26 @@ var e = {
 	label: "d-text-label",
 	code: "d-text-code"
 }, t = {
+	"headline-3xl": "d-text-headline--3xl",
+	"headline-2xl": "d-text-headline--2xl",
+	"headline-xl": "d-text-headline--xl",
+	"headline-lg": "d-text-headline--lg",
+	"headline-md": "d-text-headline--md",
+	"headline-sm": "d-text-headline--sm",
+	"headline-xs": "d-text-headline--xs",
+	"body-lg": "d-text-body--lg",
+	"body-md": "d-text-body--md",
+	"body-sm": "d-text-body--sm",
+	"body-xs": "d-text-body--xs",
+	"label-lg": "d-text-label--lg",
+	"label-md": "d-text-label--md",
+	"label-sm": "d-text-label--sm",
+	"label-xs": "d-text-label--xs",
+	"code-lg": "d-text-code--lg",
+	"code-md": "d-text-code--md",
+	"code-sm": "d-text-code--sm",
+	"code-xs": "d-text-code--xs"
+}, n = {
 	headline: [
 		"700",
 		"600",
@@ -51,14 +71,14 @@ var e = {
 		"sm",
 		"xs"
 	]
-}, n = [
+}, r = [
 	"700",
 	"600",
 	"500",
 	"3xl",
 	"2xl",
 	"xl"
-], r = {
+], i = {
 	100: "xs",
 	200: "sm",
 	300: "md",
@@ -66,7 +86,32 @@ var e = {
 	500: "xl",
 	600: "2xl",
 	700: "3xl"
-}, i = {
+}, a = {
+	50: "d-text--fs-50",
+	75: "d-text--fs-75",
+	100: "d-text--fs-100",
+	125: "d-text--fs-125",
+	150: "d-text--fs-150",
+	200: "d-text--fs-200",
+	250: "d-text--fs-250",
+	300: "d-text--fs-300",
+	350: "d-text--fs-350",
+	400: "d-text--fs-400",
+	450: "d-text--fs-450",
+	500: "d-text--fs-500",
+	550: "d-text--fs-550",
+	600: "d-text--fs-600",
+	650: "d-text--fs-650",
+	700: "d-text--fs-700",
+	750: "d-text--fs-750",
+	800: "d-text--fs-800"
+}, o = {
+	inherit: "d-text--ff-inherit",
+	custom: "d-text--ff-custom",
+	sans: "d-text--ff-sans",
+	mono: "d-text--ff-mono",
+	expressive: "d-text--ff-expressive"
+}, s = "d-text--italic", c = {
 	primary: "d-text--tone-primary",
 	secondary: "d-text--tone-secondary",
 	tertiary: "d-text--tone-tertiary",
@@ -82,47 +127,51 @@ var e = {
 	"info-strong": "d-text--tone-info-strong",
 	"neutral-black": "d-text--tone-neutral-black",
 	"neutral-white": "d-text--tone-neutral-white"
-}, a = {
+}, l = {
 	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 = {
+}, u = "d-text--numeric", d = "d-truncate", f = "d-text--clamp", p = {
 	wrap: "d-text--wrap-wrap",
 	nowrap: "d-text--wrap-nowrap",
 	balance: "d-text--wrap-balance",
 	pretty: "d-text--wrap-pretty"
-}, u = {
+}, m = {
 	start: "d-text--trim-start",
 	end: "d-text--trim-end",
 	both: "d-text--trim-both"
-}, d = {
+}, h = {
 	bold: "d-text--fw-bold",
 	semibold: "d-text--fw-semibold",
 	medium: "d-text--fw-medium",
 	normal: "d-text--fw-normal"
-}, f = {
+}, g = {
 	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
+	TEXT_VARIANT_MODIFIERS: t,
+	TEXT_SIZE_MODIFIERS: n,
+	TEXT_HEADLINE_ONLY_SIZES: r,
+	TEXT_FONT_SIZE_MODIFIERS: a,
+	TEXT_FAMILY_MODIFIERS: o,
+	TEXT_ITALIC_CLASS: s,
+	TEXT_TONE_MODIFIERS: c,
+	TEXT_ALIGN_MODIFIERS: l,
+	TEXT_NUMERIC_CLASS: u,
+	TEXT_TRUNCATE_CLASS: d,
+	TEXT_LINE_CLAMP_CLASS: f,
+	TEXT_WRAP_MODIFIERS: p,
+	TEXT_BOX_TRIM_MODIFIERS: m,
+	TEXT_STRENGTH_MODIFIERS: h,
+	TEXT_DENSITY_MODIFIERS: g
 };
 //#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 };
+export { l as TEXT_ALIGN_MODIFIERS, m as TEXT_BOX_TRIM_MODIFIERS, g as TEXT_DENSITY_MODIFIERS, o as TEXT_FAMILY_MODIFIERS, a as TEXT_FONT_SIZE_MODIFIERS, r as TEXT_HEADLINE_ONLY_SIZES, s as TEXT_ITALIC_CLASS, e as TEXT_KIND_MODIFIERS, f as TEXT_LINE_CLAMP_CLASS, u as TEXT_NUMERIC_CLASS, i as TEXT_SIZE_MAP, n as TEXT_SIZE_MODIFIERS, h as TEXT_STRENGTH_MODIFIERS, c as TEXT_TONE_MODIFIERS, d as TEXT_TRUNCATE_CLASS, t as TEXT_VARIANT_MODIFIERS, p as TEXT_WRAP_MODIFIERS, _ as default };
 
 //# sourceMappingURL=text-constants.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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_VARIANT_MODIFIERS = {\n  'headline-3xl': 'd-text-headline--3xl',\n  'headline-2xl': 'd-text-headline--2xl',\n  'headline-xl': 'd-text-headline--xl',\n  'headline-lg': 'd-text-headline--lg',\n  'headline-md': 'd-text-headline--md',\n  'headline-sm': 'd-text-headline--sm',\n  'headline-xs': 'd-text-headline--xs',\n  'body-lg': 'd-text-body--lg',\n  'body-md': 'd-text-body--md',\n  'body-sm': 'd-text-body--sm',\n  'body-xs': 'd-text-body--xs',\n  'label-lg': 'd-text-label--lg',\n  'label-md': 'd-text-label--md',\n  'label-sm': 'd-text-label--sm',\n  'label-xs': 'd-text-label--xs',\n  'code-lg': 'd-text-code--lg',\n  'code-md': 'd-text-code--md',\n  'code-sm': 'd-text-code--sm',\n  'code-xs': 'd-text-code--xs',\n};\n\nexport const TEXT_SIZE_MODIFIERS = {\n  headline: [\n    '700',\n    '600',\n    '500',\n    '400',\n    '300',\n    '200',\n    '100',\n    '3xl',\n    '2xl',\n    'xl',\n    'lg',\n    'md',\n    'sm',\n    'xs',\n  ],\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 = [\n  '700',\n  '600',\n  '500',\n  '3xl',\n  '2xl',\n  'xl',\n];\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_FONT_SIZE_MODIFIERS = {\n  50: 'd-text--fs-50',\n  75: 'd-text--fs-75',\n  100: 'd-text--fs-100',\n  125: 'd-text--fs-125',\n  150: 'd-text--fs-150',\n  200: 'd-text--fs-200',\n  250: 'd-text--fs-250',\n  300: 'd-text--fs-300',\n  350: 'd-text--fs-350',\n  400: 'd-text--fs-400',\n  450: 'd-text--fs-450',\n  500: 'd-text--fs-500',\n  550: 'd-text--fs-550',\n  600: 'd-text--fs-600',\n  650: 'd-text--fs-650',\n  700: 'd-text--fs-700',\n  750: 'd-text--fs-750',\n  800: 'd-text--fs-800',\n};\n\nexport const TEXT_FAMILY_MODIFIERS = {\n  inherit: 'd-text--ff-inherit',\n  custom: 'd-text--ff-custom',\n  sans: 'd-text--ff-sans',\n  mono: 'd-text--ff-mono',\n  expressive: 'd-text--ff-expressive',\n};\n\nexport const TEXT_ITALIC_CLASS = 'd-text--italic';\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_VARIANT_MODIFIERS,\n  TEXT_SIZE_MODIFIERS,\n  TEXT_HEADLINE_ONLY_SIZES,\n  TEXT_FONT_SIZE_MODIFIERS,\n  TEXT_FAMILY_MODIFIERS,\n  TEXT_ITALIC_CLASS,\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,IAAyB;CACpC,gBAAgB;CAChB,gBAAgB;CAChB,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACZ,EAEY,IAAsB;CACjC,UAAU;EACR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,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;CACtC;CACA;CACA;CACA;CACA;CACA;CACD,EAGY,IAAgB;CAC3B,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN,EAEY,IAA2B;CACtC,IAAI;CACJ,IAAI;CACJ,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN,EAEY,IAAwB;CACnC,SAAS;CACT,QAAQ;CACR,MAAM;CACN,MAAM;CACN,YAAY;CACb,EAEY,IAAoB,kBAEpB,IAAsB;CACjC,SAAS;CACT,WAAW;CACX,UAAU;CACV,OAAO;CACP,UAAU;CACV,aAAa;CACb,UAAU;CACV,mBAAmB;CACnB,UAAU;CACV,mBAAmB;CACnB,SAAS;CACT,MAAM;CACN,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;CACA;CACA;CACA;CACA;CACD"}

package/dist/lib/text/text.cjs

@@ -1,2 +1,2 @@
-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;
+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)},variant:{type:String,default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_VARIANT_MODIFIERS,e)},size:{type:[String,Number],default:null},family:{type:String,default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_FAMILY_MODIFIERS,e)},italic:{type:Boolean,default:!1},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.getFontSizeClass();r&&e.push(r);let i=this.getFamilyClass();i&&e.push(i),this.italic&&e.push(t.TEXT_ITALIC_CLASS);let a=this.getAlignClass();a&&e.push(a);let o=this.getToneClass();o&&e.push(o),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 s=this.getWrapClass();s&&e.push(s);let c=this.getTextBoxTrimClass();c&&e.push(c);let l=this.getStrengthClass();l&&e.push(l);let u=this.getDensityClass();return u&&e.push(u),e},textStyles(){if(this.maxLines)return{"--dt-text-line-clamp":this.maxLines}}},mounted(){!a&&this.usesHeadlineVisualStyle()&&!i.includes(this.as)&&(console.info(`[DtText] A headline text style is used without a semantic heading element. Consider using as="h1|h2|h3|h4|h5|h6" for better accessibility.`),a=!0)},methods:{usesHeadlineVisualStyle(){return this.variant?this.variant.startsWith(`headline-`):this.kind===`headline`},usesLegacyKindSize(){return!!(this.kind&&!this.variant)},getVariantClass(){if(this.variant)return this.getModifierClass(this.variant,t.TEXT_VARIANT_MODIFIERS,`variant`);if(!this.kind)return 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}`},getFontSizeClass(){if(this.size===null||this.size===void 0)return null;if(!this.variant&&!this.kind)return console.warn(`[DtText] size must be paired with variant or legacy kind. Prefer variant for typography composition; use size only as a variant override.`),null;if(this.usesLegacyKindSize())return null;let e=String(this.size);return t.TEXT_FONT_SIZE_MODIFIERS[e]||(console.warn(`[DtText] Unsupported size "${e}". Use a numeric font-size token.`),null)},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`)},getFamilyClass(){return this.getModifierClass(this.family,t.TEXT_FAMILY_MODIFIERS,`family`)}}};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 +1 @@
-{"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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"}
+{"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_VARIANT_MODIFIERS,\n  TEXT_SIZE_MODIFIERS,\n  TEXT_SIZE_MAP,\n  TEXT_HEADLINE_ONLY_SIZES,\n  TEXT_FONT_SIZE_MODIFIERS,\n  TEXT_FAMILY_MODIFIERS,\n  TEXT_ITALIC_CLASS,\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     * @deprecated Use variant instead\n     */\n    kind: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return (\n          value === null ||\n          Object.prototype.hasOwnProperty.call(TEXT_KIND_MODIFIERS, value)\n        );\n      },\n    },\n\n    /**\n     * Typography variant mapping to a complete token-backed composition.\n     * @values headline-3xl, headline-2xl, headline-xl, headline-lg, headline-md, headline-sm, headline-xs, body-lg, body-md, body-sm, body-xs, label-lg, label-md, label-sm, label-xs, code-lg, code-md, code-sm, code-xs\n     */\n    variant: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return (\n          value === null ||\n          Object.prototype.hasOwnProperty.call(TEXT_VARIANT_MODIFIERS, value)\n        );\n      },\n    },\n\n    /**\n     * Raw font-size token. Must be paired with `variant` for overrides or legacy `kind` for composition size.\n     * @values 50, 75, 100, 125, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800\n     */\n    size: {\n      type: [String, Number],\n      default: null,\n    },\n\n    /**\n     * Overrides font-family. By default, no font-family class is emitted and text inherits naturally.\n     * @values inherit, custom, sans, mono, expressive\n     */\n    family: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return (\n          value === null ||\n          Object.prototype.hasOwnProperty.call(TEXT_FAMILY_MODIFIERS, value)\n        );\n      },\n    },\n\n    /**\n     * Applies italic font style when true.\n     */\n    italic: {\n      type: Boolean,\n      default: false,\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 (\n          value === null ||\n          Object.prototype.hasOwnProperty.call(TEXT_TONE_MODIFIERS, value)\n        );\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 (\n          value === null ||\n          Object.prototype.hasOwnProperty.call(TEXT_ALIGN_MODIFIERS, value)\n        );\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 (\n          value === null ||\n          Object.prototype.hasOwnProperty.call(TEXT_WRAP_MODIFIERS, value)\n        );\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 (\n          value === null ||\n          Object.prototype.hasOwnProperty.call(TEXT_BOX_TRIM_MODIFIERS, value)\n        );\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 (\n          value === null ||\n          Object.prototype.hasOwnProperty.call(TEXT_STRENGTH_MODIFIERS, value)\n        );\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 (\n          value === null ||\n          Object.prototype.hasOwnProperty.call(TEXT_DENSITY_MODIFIERS, value)\n        );\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 fontSizeClass = this.getFontSizeClass();\n      if (fontSizeClass) {\n        classes.push(fontSizeClass);\n      }\n\n      const familyClass = this.getFamilyClass();\n      if (familyClass) {\n        classes.push(familyClass);\n      }\n\n      if (this.italic) {\n        classes.push(TEXT_ITALIC_CLASS);\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.usesHeadlineVisualStyle() &&\n      !SEMANTIC_HEADING_ELEMENTS.includes(this.as)\n    ) {\n      console.info(\n        '[DtText] A headline text style 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    usesHeadlineVisualStyle() {\n      if (this.variant) {\n        return this.variant.startsWith('headline-');\n      }\n\n      return this.kind === 'headline';\n    },\n\n    usesLegacyKindSize() {\n      return Boolean(this.kind && !this.variant);\n    },\n\n    getVariantClass() {\n      if (this.variant) {\n        return this.getModifierClass(\n          this.variant,\n          TEXT_VARIANT_MODIFIERS,\n          'variant',\n        );\n      }\n\n      if (!this.kind) {\n        return null;\n      }\n\n      if (\n        !Object.prototype.hasOwnProperty.call(TEXT_KIND_MODIFIERS, this.kind)\n      ) {\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)\n          ? DEFAULT_SIZE\n          : allowedSizes[0];\n        if (fallbackSize) {\n          resolvedSize = fallbackSize;\n        }\n        console.warn(\n          `[DtText] size=\"${requestedSize}\" is not valid for kind=\"${this.kind}\". Using \"${resolvedSize}\" instead.`,\n        );\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    getFontSizeClass() {\n      if (this.size === null || this.size === undefined) {\n        return null;\n      }\n\n      if (!this.variant && !this.kind) {\n        console.warn(\n          '[DtText] size must be paired with variant or legacy kind. ' +\n            'Prefer variant for typography composition; use size only as a variant override.',\n        );\n        return null;\n      }\n\n      if (this.usesLegacyKindSize()) {\n        return null;\n      }\n\n      const size = String(this.size);\n      const className = TEXT_FONT_SIZE_MODIFIERS[size];\n      if (className) {\n        return className;\n      }\n\n      console.warn(\n        `[DtText] Unsupported size \"${size}\". Use a numeric font-size token.`,\n      );\n      return null;\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(\n        this.textBoxTrim,\n        TEXT_BOX_TRIM_MODIFIERS,\n        'textBoxTrim',\n      );\n    },\n\n    getStrengthClass() {\n      return this.getModifierClass(\n        this.strength,\n        TEXT_STRENGTH_MODIFIERS,\n        'strength',\n      );\n    },\n\n    getDensityClass() {\n      return this.getModifierClass(\n        this.density,\n        TEXT_DENSITY_MODIFIERS,\n        'density',\n      );\n    },\n\n    getFamilyClass() {\n      return this.getModifierClass(\n        this.family,\n        TEXT_FAMILY_MODIFIERS,\n        'family',\n      );\n    },\n  },\n};\n</script>\n"],"mappings":"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"}