@dialpad/dialtone-vue 3.218.3 → 3.219.0-next.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/common/constants/index.cjs +1 -1
- package/dist/common/constants/index.cjs.map +1 -1
- package/dist/common/constants/index.js +37 -20
- package/dist/common/constants/index.js.map +1 -1
- package/dist/common/constants/sizes.cjs +2 -0
- package/dist/common/constants/sizes.cjs.map +1 -0
- package/dist/common/constants/sizes.js +20 -0
- package/dist/common/constants/sizes.js.map +1 -0
- package/dist/common/mixins/index.cjs +1 -1
- package/dist/common/mixins/index.js +9 -7
- package/dist/common/mixins/index.js.map +1 -1
- package/dist/common/mixins/mode.cjs +2 -0
- package/dist/common/mixins/mode.cjs.map +1 -0
- package/dist/common/mixins/mode.js +82 -0
- package/dist/common/mixins/mode.js.map +1 -0
- package/dist/component-documentation.json +1 -1
- package/dist/dialtone-vue.cjs +1 -1
- package/dist/dialtone-vue.js +464 -408
- package/dist/dialtone-vue.js.map +1 -1
- package/dist/lib/attachment-carousel/attachment-carousel.cjs +1 -1
- package/dist/lib/attachment-carousel/attachment-carousel.cjs.map +1 -1
- package/dist/lib/attachment-carousel/attachment-carousel.js +8 -8
- package/dist/lib/attachment-carousel/attachment-carousel.js.map +1 -1
- package/dist/lib/avatar/avatar-constants.cjs +1 -1
- package/dist/lib/avatar/avatar-constants.cjs.map +1 -1
- package/dist/lib/avatar/avatar-constants.js +169 -43
- package/dist/lib/avatar/avatar-constants.js.map +1 -1
- package/dist/lib/avatar/avatar.cjs +1 -1
- package/dist/lib/avatar/avatar.cjs.map +1 -1
- package/dist/lib/avatar/avatar.js +186 -100
- package/dist/lib/avatar/avatar.js.map +1 -1
- package/dist/lib/avatar/index.cjs +1 -1
- package/dist/lib/avatar/index.js +16 -10
- package/dist/lib/badge/badge.cjs +1 -1
- package/dist/lib/badge/badge.cjs.map +1 -1
- package/dist/lib/badge/badge.js +47 -35
- package/dist/lib/badge/badge.js.map +1 -1
- package/dist/lib/banner/banner.cjs +1 -1
- package/dist/lib/banner/banner.cjs.map +1 -1
- package/dist/lib/banner/banner.js +19 -18
- package/dist/lib/banner/banner.js.map +1 -1
- package/dist/lib/breadcrumbs/breadcrumb-item.cjs +1 -1
- package/dist/lib/breadcrumbs/breadcrumb-item.cjs.map +1 -1
- package/dist/lib/breadcrumbs/breadcrumb-item.js +4 -1
- package/dist/lib/breadcrumbs/breadcrumb-item.js.map +1 -1
- package/dist/lib/breadcrumbs/breadcrumbs.cjs +1 -1
- package/dist/lib/breadcrumbs/breadcrumbs.cjs.map +1 -1
- package/dist/lib/breadcrumbs/breadcrumbs.js +22 -18
- package/dist/lib/breadcrumbs/breadcrumbs.js.map +1 -1
- package/dist/lib/button/button-constants.cjs +1 -1
- package/dist/lib/button/button-constants.cjs.map +1 -1
- package/dist/lib/button/button-constants.js +33 -15
- package/dist/lib/button/button-constants.js.map +1 -1
- package/dist/lib/button/button.cjs +1 -1
- package/dist/lib/button/button.cjs.map +1 -1
- package/dist/lib/button/button.js +195 -78
- package/dist/lib/button/button.js.map +1 -1
- package/dist/lib/button-group/button-group.cjs.map +1 -1
- package/dist/lib/button-group/button-group.js +1 -0
- package/dist/lib/button-group/button-group.js.map +1 -1
- package/dist/lib/callbar-button/callbar-button.cjs +1 -1
- package/dist/lib/callbar-button/callbar-button.cjs.map +1 -1
- package/dist/lib/callbar-button/callbar-button.js +14 -15
- package/dist/lib/callbar-button/callbar-button.js.map +1 -1
- package/dist/lib/callbar-button-with-dropdown/callbar-button-with-dropdown.cjs +1 -1
- package/dist/lib/callbar-button-with-dropdown/callbar-button-with-dropdown.cjs.map +1 -1
- package/dist/lib/callbar-button-with-dropdown/callbar-button-with-dropdown.js +44 -32
- package/dist/lib/callbar-button-with-dropdown/callbar-button-with-dropdown.js.map +1 -1
- package/dist/lib/callbar-button-with-popover/callbar-button-with-popover.cjs +1 -1
- package/dist/lib/callbar-button-with-popover/callbar-button-with-popover.cjs.map +1 -1
- package/dist/lib/callbar-button-with-popover/callbar-button-with-popover.js +40 -28
- package/dist/lib/callbar-button-with-popover/callbar-button-with-popover.js.map +1 -1
- package/dist/lib/callbox/callbox.cjs +1 -1
- package/dist/lib/callbox/callbox.cjs.map +1 -1
- package/dist/lib/callbox/callbox.js +48 -48
- package/dist/lib/callbox/callbox.js.map +1 -1
- package/dist/lib/checkbox/checkbox.cjs +1 -1
- package/dist/lib/checkbox/checkbox.cjs.map +1 -1
- package/dist/lib/checkbox/checkbox.js +97 -43
- package/dist/lib/checkbox/checkbox.js.map +1 -1
- package/dist/lib/chip/chip-constants.cjs +1 -1
- package/dist/lib/chip/chip-constants.cjs.map +1 -1
- package/dist/lib/chip/chip-constants.js +17 -2
- package/dist/lib/chip/chip-constants.js.map +1 -1
- package/dist/lib/chip/chip.cjs +1 -1
- package/dist/lib/chip/chip.cjs.map +1 -1
- package/dist/lib/chip/chip.js +17 -17
- package/dist/lib/chip/chip.js.map +1 -1
- package/dist/lib/codeblock/codeblock-constants.cjs +2 -0
- package/dist/lib/codeblock/codeblock-constants.cjs.map +1 -0
- package/dist/lib/codeblock/codeblock-constants.js +12 -0
- package/dist/lib/codeblock/codeblock-constants.js.map +1 -0
- package/dist/lib/codeblock/codeblock.cjs +1 -2
- package/dist/lib/codeblock/codeblock.cjs.map +1 -1
- package/dist/lib/codeblock/codeblock.js +38 -12
- package/dist/lib/codeblock/codeblock.js.map +1 -1
- package/dist/lib/collapsible/collapsible.cjs +1 -1
- package/dist/lib/collapsible/collapsible.cjs.map +1 -1
- package/dist/lib/collapsible/collapsible.js +1 -1
- package/dist/lib/collapsible/collapsible.js.map +1 -1
- package/dist/lib/combobox/combobox.cjs +2 -2
- package/dist/lib/combobox/combobox.cjs.map +1 -1
- package/dist/lib/combobox/combobox.js +22 -21
- package/dist/lib/combobox/combobox.js.map +1 -1
- package/dist/lib/combobox-multi-select/combobox-multi-select-constants.cjs +1 -1
- package/dist/lib/combobox-multi-select/combobox-multi-select-constants.cjs.map +1 -1
- package/dist/lib/combobox-multi-select/combobox-multi-select-constants.js +16 -6
- package/dist/lib/combobox-multi-select/combobox-multi-select-constants.js.map +1 -1
- package/dist/lib/combobox-multi-select/combobox-multi-select.cjs +1 -1
- package/dist/lib/combobox-multi-select/combobox-multi-select.cjs.map +1 -1
- package/dist/lib/combobox-multi-select/combobox-multi-select.js +48 -46
- package/dist/lib/combobox-multi-select/combobox-multi-select.js.map +1 -1
- package/dist/lib/combobox-with-popover/combobox-with-popover.cjs +1 -1
- package/dist/lib/combobox-with-popover/combobox-with-popover.cjs.map +1 -1
- package/dist/lib/combobox-with-popover/combobox-with-popover.js +37 -29
- package/dist/lib/combobox-with-popover/combobox-with-popover.js.map +1 -1
- package/dist/lib/contact-centers-row/contact-centers-row.cjs +1 -1
- package/dist/lib/contact-centers-row/contact-centers-row.cjs.map +1 -1
- package/dist/lib/contact-centers-row/contact-centers-row.js +36 -36
- package/dist/lib/contact-centers-row/contact-centers-row.js.map +1 -1
- package/dist/lib/contact-info/contact-info.cjs +1 -1
- package/dist/lib/contact-info/contact-info.cjs.map +1 -1
- package/dist/lib/contact-info/contact-info.js +56 -56
- package/dist/lib/contact-info/contact-info.js.map +1 -1
- package/dist/lib/contact-row/contact-row.cjs +1 -1
- package/dist/lib/contact-row/contact-row.cjs.map +1 -1
- package/dist/lib/contact-row/contact-row.js +3 -3
- package/dist/lib/contact-row/contact-row.js.map +1 -1
- package/dist/lib/datepicker/datepicker.cjs +1 -1
- package/dist/lib/datepicker/datepicker.cjs.map +1 -1
- package/dist/lib/datepicker/datepicker.js +93 -95
- package/dist/lib/datepicker/datepicker.js.map +1 -1
- package/dist/lib/description-list/description-list.cjs +1 -1
- package/dist/lib/description-list/description-list.cjs.map +1 -1
- package/dist/lib/description-list/description-list.js +2 -2
- package/dist/lib/description-list/description-list.js.map +1 -1
- package/dist/lib/dropdown/dropdown-constants.cjs +1 -1
- package/dist/lib/dropdown/dropdown-constants.cjs.map +1 -1
- package/dist/lib/dropdown/dropdown-constants.js +2 -2
- package/dist/lib/dropdown/dropdown-constants.js.map +1 -1
- package/dist/lib/dropdown/dropdown-list.cjs +1 -1
- package/dist/lib/dropdown/dropdown-list.cjs.map +1 -1
- package/dist/lib/dropdown/dropdown-list.js +29 -18
- package/dist/lib/dropdown/dropdown-list.js.map +1 -1
- package/dist/lib/dropdown/dropdown.cjs +1 -1
- package/dist/lib/dropdown/dropdown.cjs.map +1 -1
- package/dist/lib/dropdown/dropdown.js +27 -19
- package/dist/lib/dropdown/dropdown.js.map +1 -1
- package/dist/lib/editor/EditorToolbarButton.cjs +1 -1
- package/dist/lib/editor/EditorToolbarButton.cjs.map +1 -1
- package/dist/lib/editor/EditorToolbarButton.js +6 -6
- package/dist/lib/editor/EditorToolbarButton.js.map +1 -1
- package/dist/lib/editor/EditorToolbarDropdownButton.cjs +1 -1
- package/dist/lib/editor/EditorToolbarDropdownButton.cjs.map +1 -1
- package/dist/lib/editor/EditorToolbarDropdownButton.js +3 -3
- package/dist/lib/editor/EditorToolbarDropdownButton.js.map +1 -1
- package/dist/lib/editor/EditorToolbarPopoverButton.cjs +1 -1
- package/dist/lib/editor/EditorToolbarPopoverButton.cjs.map +1 -1
- package/dist/lib/editor/EditorToolbarPopoverButton.js +3 -3
- package/dist/lib/editor/EditorToolbarPopoverButton.js.map +1 -1
- package/dist/lib/editor/editor.cjs +1 -1
- package/dist/lib/editor/editor.cjs.map +1 -1
- package/dist/lib/editor/editor.js +48 -48
- package/dist/lib/editor/editor.js.map +1 -1
- package/dist/lib/emoji-picker/emoji-picker.cjs +1 -1
- package/dist/lib/emoji-picker/emoji-picker.cjs.map +1 -1
- package/dist/lib/emoji-picker/emoji-picker.js +62 -59
- package/dist/lib/emoji-picker/emoji-picker.js.map +1 -1
- package/dist/lib/emoji-row/emoji-row.cjs +1 -1
- package/dist/lib/emoji-row/emoji-row.cjs.map +1 -1
- package/dist/lib/emoji-row/emoji-row.js +10 -10
- package/dist/lib/emoji-row/emoji-row.js.map +1 -1
- package/dist/lib/emoji-text-wrapper/emoji-text-wrapper.cjs.map +1 -1
- package/dist/lib/emoji-text-wrapper/emoji-text-wrapper.js +2 -1
- package/dist/lib/emoji-text-wrapper/emoji-text-wrapper.js.map +1 -1
- package/dist/lib/empty-state/empty-state-constants.cjs +1 -1
- package/dist/lib/empty-state/empty-state-constants.cjs.map +1 -1
- package/dist/lib/empty-state/empty-state-constants.js +54 -12
- package/dist/lib/empty-state/empty-state-constants.js.map +1 -1
- package/dist/lib/empty-state/empty-state.cjs +1 -1
- package/dist/lib/empty-state/empty-state.cjs.map +1 -1
- package/dist/lib/empty-state/empty-state.js +60 -36
- package/dist/lib/empty-state/empty-state.js.map +1 -1
- package/dist/lib/feed-item-pill/feed-item-pill.cjs +1 -1
- package/dist/lib/feed-item-pill/feed-item-pill.cjs.map +1 -1
- package/dist/lib/feed-item-pill/feed-item-pill.js +56 -53
- package/dist/lib/feed-item-pill/feed-item-pill.js.map +1 -1
- package/dist/lib/feed-item-row/feed-item-row.cjs +1 -1
- package/dist/lib/feed-item-row/feed-item-row.cjs.map +1 -1
- package/dist/lib/feed-item-row/feed-item-row.js +12 -12
- package/dist/lib/feed-item-row/feed-item-row.js.map +1 -1
- package/dist/lib/filter-pill/filter-pill.cjs +2 -0
- package/dist/lib/filter-pill/filter-pill.cjs.map +1 -0
- package/dist/lib/filter-pill/filter-pill.js +569 -0
- package/dist/lib/filter-pill/filter-pill.js.map +1 -0
- package/dist/lib/filter-pill/index.cjs +2 -0
- package/dist/lib/filter-pill/index.cjs.map +1 -0
- package/dist/lib/filter-pill/index.js +5 -0
- package/dist/lib/filter-pill/index.js.map +1 -0
- package/dist/lib/general-row/general-row.cjs +1 -1
- package/dist/lib/general-row/general-row.cjs.map +1 -1
- package/dist/lib/general-row/general-row.js +154 -100
- package/dist/lib/general-row/general-row.js.map +1 -1
- package/dist/lib/general-row/leftbar-general-row-icon.cjs +1 -1
- package/dist/lib/general-row/leftbar-general-row-icon.cjs.map +1 -1
- package/dist/lib/general-row/leftbar-general-row-icon.js +1 -1
- package/dist/lib/general-row/leftbar-general-row-icon.js.map +1 -1
- package/dist/lib/group-row/group-row.cjs +1 -1
- package/dist/lib/group-row/group-row.cjs.map +1 -1
- package/dist/lib/group-row/group-row.js +2 -2
- package/dist/lib/group-row/group-row.js.map +1 -1
- package/dist/lib/grouped-chip/grouped-chip.cjs +1 -1
- package/dist/lib/grouped-chip/grouped-chip.cjs.map +1 -1
- package/dist/lib/grouped-chip/grouped-chip.js +33 -33
- package/dist/lib/grouped-chip/grouped-chip.js.map +1 -1
- package/dist/lib/hovercard/hovercard.cjs +1 -1
- package/dist/lib/hovercard/hovercard.cjs.map +1 -1
- package/dist/lib/hovercard/hovercard.js +37 -28
- package/dist/lib/hovercard/hovercard.js.map +1 -1
- package/dist/lib/icon/icon.cjs +1 -1
- package/dist/lib/icon/icon.cjs.map +1 -1
- package/dist/lib/icon/icon.js +1 -1
- package/dist/lib/icon/icon.js.map +1 -1
- package/dist/lib/illustration/illustration.cjs +1 -1
- package/dist/lib/illustration/illustration.cjs.map +1 -1
- package/dist/lib/illustration/illustration.js +1 -1
- package/dist/lib/illustration/illustration.js.map +1 -1
- package/dist/lib/image-viewer/image-viewer.cjs +1 -1
- package/dist/lib/image-viewer/image-viewer.cjs.map +1 -1
- package/dist/lib/image-viewer/image-viewer.js +28 -27
- package/dist/lib/image-viewer/image-viewer.js.map +1 -1
- package/dist/lib/input/input-constants.cjs +1 -1
- package/dist/lib/input/input-constants.cjs.map +1 -1
- package/dist/lib/input/input-constants.js +43 -22
- package/dist/lib/input/input-constants.js.map +1 -1
- package/dist/lib/input/input.cjs +1 -1
- package/dist/lib/input/input.cjs.map +1 -1
- package/dist/lib/input/input.js +165 -79
- package/dist/lib/input/input.js.map +1 -1
- package/dist/lib/input-group/input-group.cjs +1 -1
- package/dist/lib/input-group/input-group.cjs.map +1 -1
- package/dist/lib/input-group/input-group.js +35 -28
- package/dist/lib/input-group/input-group.js.map +1 -1
- package/dist/lib/item-layout/item-layout.cjs +3 -3
- package/dist/lib/item-layout/item-layout.cjs.map +1 -1
- package/dist/lib/item-layout/item-layout.js +74 -39
- package/dist/lib/item-layout/item-layout.js.map +1 -1
- package/dist/lib/ivr-node/ivr-node.cjs +1 -1
- package/dist/lib/ivr-node/ivr-node.cjs.map +1 -1
- package/dist/lib/ivr-node/ivr-node.js +1 -1
- package/dist/lib/ivr-node/ivr-node.js.map +1 -1
- package/dist/lib/keyboard-shortcut/keyboard-shortcut.cjs +1 -1
- package/dist/lib/keyboard-shortcut/keyboard-shortcut.cjs.map +1 -1
- package/dist/lib/keyboard-shortcut/keyboard-shortcut.js +57 -43
- package/dist/lib/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
- package/dist/lib/kitchen-sink/kitchen-sink-view.cjs +2 -0
- package/dist/lib/kitchen-sink/kitchen-sink-view.cjs.map +1 -0
- package/dist/lib/kitchen-sink/kitchen-sink-view.js +263 -0
- package/dist/lib/kitchen-sink/kitchen-sink-view.js.map +1 -0
- package/dist/lib/link/link.cjs +1 -1
- package/dist/lib/link/link.cjs.map +1 -1
- package/dist/lib/link/link.js +22 -12
- package/dist/lib/link/link.js.map +1 -1
- package/dist/lib/list-item/list-item.cjs +1 -1
- package/dist/lib/list-item/list-item.cjs.map +1 -1
- package/dist/lib/list-item/list-item.js +27 -16
- package/dist/lib/list-item/list-item.js.map +1 -1
- package/dist/lib/message-input/message-input-button.cjs +1 -1
- package/dist/lib/message-input/message-input-button.cjs.map +1 -1
- package/dist/lib/message-input/message-input-button.js +4 -4
- package/dist/lib/message-input/message-input-button.js.map +1 -1
- package/dist/lib/message-input/message-input-link.cjs +1 -1
- package/dist/lib/message-input/message-input-link.cjs.map +1 -1
- package/dist/lib/message-input/message-input-link.js +12 -12
- package/dist/lib/message-input/message-input-link.js.map +1 -1
- package/dist/lib/message-input/message-input-topbar.cjs +1 -1
- package/dist/lib/message-input/message-input-topbar.cjs.map +1 -1
- package/dist/lib/message-input/message-input-topbar.js +2 -2
- package/dist/lib/message-input/message-input-topbar.js.map +1 -1
- package/dist/lib/message-input/message-input.cjs +1 -1
- package/dist/lib/message-input/message-input.cjs.map +1 -1
- package/dist/lib/message-input/message-input.js +52 -52
- package/dist/lib/message-input/message-input.js.map +1 -1
- package/dist/lib/modal/modal.cjs +1 -1
- package/dist/lib/modal/modal.cjs.map +1 -1
- package/dist/lib/modal/modal.js +120 -106
- package/dist/lib/modal/modal.js.map +1 -1
- package/dist/lib/mode-directive/index.cjs +2 -0
- package/dist/lib/mode-directive/index.cjs.map +1 -0
- package/dist/lib/mode-directive/index.js +5 -0
- package/dist/lib/mode-directive/index.js.map +1 -0
- package/dist/lib/mode-directive/mode.cjs +2 -0
- package/dist/lib/mode-directive/mode.cjs.map +1 -0
- package/dist/lib/mode-directive/mode.js +75 -0
- package/dist/lib/mode-directive/mode.js.map +1 -0
- package/dist/lib/mode-island/index.cjs +2 -0
- package/dist/lib/mode-island/index.cjs.map +1 -0
- package/dist/lib/mode-island/index.js +7 -0
- package/dist/lib/mode-island/index.js.map +1 -0
- package/dist/lib/mode-island/mode-island-constants.cjs +2 -0
- package/dist/lib/mode-island/mode-island-constants.cjs.map +1 -0
- package/dist/lib/mode-island/mode-island-constants.js +12 -0
- package/dist/lib/mode-island/mode-island-constants.js.map +1 -0
- package/dist/lib/mode-island/mode-island.cjs +2 -0
- package/dist/lib/mode-island/mode-island.cjs.map +1 -0
- package/dist/lib/mode-island/mode-island.js +130 -0
- package/dist/lib/mode-island/mode-island.js.map +1 -0
- package/dist/lib/mode-island/utils.cjs +2 -0
- package/dist/lib/mode-island/utils.cjs.map +1 -0
- package/dist/lib/mode-island/utils.js +32 -0
- package/dist/lib/mode-island/utils.js.map +1 -0
- package/dist/lib/mode-island/validators.cjs +2 -0
- package/dist/lib/mode-island/validators.cjs.map +1 -0
- package/dist/lib/mode-island/validators.js +12 -0
- package/dist/lib/mode-island/validators.js.map +1 -0
- package/dist/lib/motion-text/motion-text-constants.cjs +1 -1
- package/dist/lib/motion-text/motion-text-constants.cjs.map +1 -1
- package/dist/lib/motion-text/motion-text-constants.js +18 -8
- package/dist/lib/motion-text/motion-text-constants.js.map +1 -1
- package/dist/lib/motion-text/motion-text.cjs +1 -1
- package/dist/lib/motion-text/motion-text.cjs.map +1 -1
- package/dist/lib/motion-text/motion-text.js +17 -17
- package/dist/lib/motion-text/motion-text.js.map +1 -1
- package/dist/lib/notice/notice-action.cjs +1 -1
- package/dist/lib/notice/notice-action.cjs.map +1 -1
- package/dist/lib/notice/notice-action.js +9 -9
- package/dist/lib/notice/notice-action.js.map +1 -1
- package/dist/lib/notice/notice-content.cjs +1 -1
- package/dist/lib/notice/notice-content.cjs.map +1 -1
- package/dist/lib/notice/notice-content.js +38 -21
- package/dist/lib/notice/notice-content.js.map +1 -1
- package/dist/lib/notice/notice-icon.cjs +1 -1
- package/dist/lib/notice/notice-icon.cjs.map +1 -1
- package/dist/lib/notice/notice-icon.js +1 -1
- package/dist/lib/notice/notice-icon.js.map +1 -1
- package/dist/lib/notice/notice.cjs +1 -1
- package/dist/lib/notice/notice.cjs.map +1 -1
- package/dist/lib/notice/notice.js +20 -19
- package/dist/lib/notice/notice.js.map +1 -1
- package/dist/lib/pagination/pagination.cjs +1 -1
- package/dist/lib/pagination/pagination.cjs.map +1 -1
- package/dist/lib/pagination/pagination.js +16 -15
- package/dist/lib/pagination/pagination.js.map +1 -1
- package/dist/lib/popover/popover-constants.cjs +1 -1
- package/dist/lib/popover/popover-constants.cjs.map +1 -1
- package/dist/lib/popover/popover-constants.js +16 -16
- package/dist/lib/popover/popover-constants.js.map +1 -1
- package/dist/lib/popover/popover-header-footer.cjs +1 -1
- package/dist/lib/popover/popover-header-footer.cjs.map +1 -1
- package/dist/lib/popover/popover-header-footer.js +19 -12
- package/dist/lib/popover/popover-header-footer.js.map +1 -1
- package/dist/lib/popover/popover.cjs +1 -1
- package/dist/lib/popover/popover.cjs.map +1 -1
- package/dist/lib/popover/popover.js +80 -62
- package/dist/lib/popover/popover.js.map +1 -1
- package/dist/lib/radio/radio.cjs +1 -1
- package/dist/lib/radio/radio.cjs.map +1 -1
- package/dist/lib/radio/radio.js +103 -41
- package/dist/lib/radio/radio.js.map +1 -1
- package/dist/lib/rich-text-editor/rich-text-editor.cjs +3 -3
- package/dist/lib/rich-text-editor/rich-text-editor.cjs.map +1 -1
- package/dist/lib/rich-text-editor/rich-text-editor.js +637 -590
- package/dist/lib/rich-text-editor/rich-text-editor.js.map +1 -1
- package/dist/lib/root-layout/root-layout-constants.cjs +1 -1
- package/dist/lib/root-layout/root-layout-constants.cjs.map +1 -1
- package/dist/lib/root-layout/root-layout-constants.js +4 -2
- package/dist/lib/root-layout/root-layout-constants.js.map +1 -1
- package/dist/lib/root-layout/root-layout.cjs +1 -1
- package/dist/lib/root-layout/root-layout.cjs.map +1 -1
- package/dist/lib/root-layout/root-layout.js +15 -13
- package/dist/lib/root-layout/root-layout.js.map +1 -1
- package/dist/lib/segmented-control/index.cjs +2 -0
- package/dist/lib/segmented-control/index.cjs.map +1 -0
- package/dist/lib/segmented-control/index.js +20 -0
- package/dist/lib/segmented-control/index.js.map +1 -0
- package/dist/lib/segmented-control/segmented-control-constants.cjs +2 -0
- package/dist/lib/segmented-control/segmented-control-constants.cjs.map +1 -0
- package/dist/lib/segmented-control/segmented-control-constants.js +45 -0
- package/dist/lib/segmented-control/segmented-control-constants.js.map +1 -0
- package/dist/lib/segmented-control/segmented-control-item.cjs +2 -0
- package/dist/lib/segmented-control/segmented-control-item.cjs.map +1 -0
- package/dist/lib/segmented-control/segmented-control-item.js +124 -0
- package/dist/lib/segmented-control/segmented-control-item.js.map +1 -0
- package/dist/lib/segmented-control/segmented-control.cjs +2 -0
- package/dist/lib/segmented-control/segmented-control.cjs.map +1 -0
- package/dist/lib/segmented-control/segmented-control.js +236 -0
- package/dist/lib/segmented-control/segmented-control.js.map +1 -0
- package/dist/lib/select-menu/select-menu-constants.cjs +1 -1
- package/dist/lib/select-menu/select-menu-constants.cjs.map +1 -1
- package/dist/lib/select-menu/select-menu-constants.js +13 -6
- package/dist/lib/select-menu/select-menu-constants.js.map +1 -1
- package/dist/lib/select-menu/select-menu.cjs +1 -1
- package/dist/lib/select-menu/select-menu.cjs.map +1 -1
- package/dist/lib/select-menu/select-menu.js +133 -67
- package/dist/lib/select-menu/select-menu.js.map +1 -1
- package/dist/lib/settings-menu-button/settings-menu-button.cjs +1 -1
- package/dist/lib/settings-menu-button/settings-menu-button.cjs.map +1 -1
- package/dist/lib/settings-menu-button/settings-menu-button.js +20 -20
- package/dist/lib/settings-menu-button/settings-menu-button.js.map +1 -1
- package/dist/lib/skeleton/skeleton-constants.cjs +1 -1
- package/dist/lib/skeleton/skeleton-constants.cjs.map +1 -1
- package/dist/lib/skeleton/skeleton-constants.js +26 -14
- package/dist/lib/skeleton/skeleton-constants.js.map +1 -1
- package/dist/lib/skeleton/skeleton-list-item.cjs +1 -1
- package/dist/lib/skeleton/skeleton-list-item.cjs.map +1 -1
- package/dist/lib/skeleton/skeleton-list-item.js +3 -3
- package/dist/lib/skeleton/skeleton-list-item.js.map +1 -1
- package/dist/lib/skeleton/skeleton-shape.cjs +1 -1
- package/dist/lib/skeleton/skeleton-shape.cjs.map +1 -1
- package/dist/lib/skeleton/skeleton-shape.js +11 -11
- package/dist/lib/skeleton/skeleton-shape.js.map +1 -1
- package/dist/lib/split-button/split-button-constants.cjs +1 -1
- package/dist/lib/split-button/split-button-constants.cjs.map +1 -1
- package/dist/lib/split-button/split-button-constants.js +7 -0
- package/dist/lib/split-button/split-button-constants.js.map +1 -1
- package/dist/lib/split-button/split-button-end.cjs +2 -0
- package/dist/lib/split-button/split-button-end.cjs.map +1 -0
- package/dist/lib/split-button/{split-button-omega.js → split-button-end.js} +16 -16
- package/dist/lib/split-button/split-button-end.js.map +1 -0
- package/dist/lib/split-button/split-button-start.cjs +2 -0
- package/dist/lib/split-button/split-button-start.cjs.map +1 -0
- package/dist/lib/split-button/split-button-start.js +231 -0
- package/dist/lib/split-button/split-button-start.js.map +1 -0
- package/dist/lib/split-button/split-button.cjs +1 -1
- package/dist/lib/split-button/split-button.cjs.map +1 -1
- package/dist/lib/split-button/split-button.js +337 -101
- package/dist/lib/split-button/split-button.js.map +1 -1
- package/dist/lib/stack/stack-constants.cjs +1 -1
- package/dist/lib/stack/stack-constants.cjs.map +1 -1
- package/dist/lib/stack/stack-constants.js +1 -1
- package/dist/lib/stack/stack-constants.js.map +1 -1
- package/dist/lib/stack/stack.cjs.map +1 -1
- package/dist/lib/stack/stack.js +5 -3
- package/dist/lib/stack/stack.js.map +1 -1
- package/dist/lib/tab/index.cjs +1 -1
- package/dist/lib/tab/index.js +14 -11
- package/dist/lib/tab/tab-group.cjs +1 -1
- package/dist/lib/tab/tab-group.cjs.map +1 -1
- package/dist/lib/tab/tab-group.js +171 -56
- package/dist/lib/tab/tab-group.js.map +1 -1
- package/dist/lib/tab/tab.cjs +1 -1
- package/dist/lib/tab/tab.cjs.map +1 -1
- package/dist/lib/tab/tab.js +105 -31
- package/dist/lib/tab/tab.js.map +1 -1
- package/dist/lib/tab/tabs-constants.cjs +1 -1
- package/dist/lib/tab/tabs-constants.cjs.map +1 -1
- package/dist/lib/tab/tabs-constants.js +31 -10
- package/dist/lib/tab/tabs-constants.js.map +1 -1
- package/dist/lib/text/index.cjs +2 -0
- package/dist/lib/text/index.cjs.map +1 -0
- package/dist/lib/text/index.js +20 -0
- package/dist/lib/text/index.js.map +1 -0
- package/dist/lib/text/text-constants.cjs +2 -0
- package/dist/lib/text/text-constants.cjs.map +1 -0
- package/dist/lib/text/text-constants.js +78 -0
- package/dist/lib/text/text-constants.js.map +1 -0
- package/dist/lib/text/text-tone-tokens.cjs +2 -0
- package/dist/lib/text/text-tone-tokens.cjs.map +1 -0
- package/dist/lib/text/text-tone-tokens.js +33 -0
- package/dist/lib/text/text-tone-tokens.js.map +1 -0
- package/dist/lib/text/text.cjs +2 -0
- package/dist/lib/text/text.cjs.map +1 -0
- package/dist/lib/text/text.js +206 -0
- package/dist/lib/text/text.js.map +1 -0
- package/dist/lib/toast/toast.cjs +1 -1
- package/dist/lib/toast/toast.cjs.map +1 -1
- package/dist/lib/toast/toast.js +12 -11
- package/dist/lib/toast/toast.js.map +1 -1
- package/dist/lib/toggle/toggle-constants.cjs +1 -1
- package/dist/lib/toggle/toggle-constants.cjs.map +1 -1
- package/dist/lib/toggle/toggle-constants.js +6 -2
- package/dist/lib/toggle/toggle-constants.js.map +1 -1
- package/dist/lib/toggle/toggle.cjs +1 -1
- package/dist/lib/toggle/toggle.cjs.map +1 -1
- package/dist/lib/toggle/toggle.js +39 -35
- package/dist/lib/toggle/toggle.js.map +1 -1
- package/dist/lib/tooltip/tooltip.cjs +2 -2
- package/dist/lib/tooltip/tooltip.cjs.map +1 -1
- package/dist/lib/tooltip/tooltip.js +31 -26
- package/dist/lib/tooltip/tooltip.js.map +1 -1
- package/dist/lib/tooltip-directive/tooltip.cjs +1 -1
- package/dist/lib/tooltip-directive/tooltip.cjs.map +1 -1
- package/dist/lib/tooltip-directive/tooltip.js +40 -39
- package/dist/lib/tooltip-directive/tooltip.js.map +1 -1
- package/dist/lib/top-banner-info/top-banner-info.cjs +1 -1
- package/dist/lib/top-banner-info/top-banner-info.cjs.map +1 -1
- package/dist/lib/top-banner-info/top-banner-info.js +16 -16
- package/dist/lib/top-banner-info/top-banner-info.js.map +1 -1
- package/dist/lib/unread-pill/unread-pill.cjs +1 -1
- package/dist/lib/unread-pill/unread-pill.cjs.map +1 -1
- package/dist/lib/unread-pill/unread-pill.js +1 -1
- package/dist/lib/unread-pill/unread-pill.js.map +1 -1
- package/dist/localization/en-US.cjs +5 -0
- package/dist/localization/en-US.cjs.map +1 -1
- package/dist/localization/en-US.js +5 -0
- package/dist/localization/en-US.js.map +1 -1
- package/dist/mode_constants-C1GFodVj.js +14 -0
- package/dist/mode_constants-C1GFodVj.js.map +1 -0
- package/dist/mode_constants-DeLSnTcQ.cjs +2 -0
- package/dist/mode_constants-DeLSnTcQ.cjs.map +1 -0
- package/dist/node_modules/@tiptap/vue-3.cjs.map +1 -1
- package/dist/node_modules/@tiptap/vue-3.js.map +1 -1
- package/dist/shared/sr_only_close_button.cjs +1 -1
- package/dist/shared/sr_only_close_button.cjs.map +1 -1
- package/dist/shared/sr_only_close_button.js +1 -1
- package/dist/shared/sr_only_close_button.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/types/common/constants/index.d.ts +25 -19
- package/dist/types/common/constants/index.d.ts.map +1 -1
- package/dist/types/common/constants/sizes.d.ts +22 -0
- package/dist/types/common/constants/sizes.d.ts.map +1 -0
- package/dist/types/common/mixins/index.d.ts +1 -0
- package/dist/types/common/mixins/mode.d.ts +25 -0
- package/dist/types/common/mixins/mode.d.ts.map +1 -0
- package/dist/types/common/mode_constants.d.ts +37 -0
- package/dist/types/common/mode_constants.d.ts.map +1 -0
- package/dist/types/common/sr_only_close_button.vue.d.ts +53 -7
- package/dist/types/common/sr_only_close_button.vue.d.ts.map +1 -1
- package/dist/types/components/avatar/avatar.vue.d.ts +71 -25
- package/dist/types/components/avatar/avatar.vue.d.ts.map +1 -1
- package/dist/types/components/avatar/avatar_constants.d.ts +86 -29
- package/dist/types/components/avatar/avatar_constants.d.ts.map +1 -1
- package/dist/types/components/avatar/index.d.ts +1 -1
- package/dist/types/components/badge/badge.vue.d.ts.map +1 -1
- package/dist/types/components/banner/banner.vue.d.ts +246 -15
- package/dist/types/components/banner/banner.vue.d.ts.map +1 -1
- package/dist/types/components/breadcrumbs/breadcrumb_item.vue.d.ts +9 -0
- package/dist/types/components/breadcrumbs/breadcrumb_item.vue.d.ts.map +1 -1
- package/dist/types/components/breadcrumbs/breadcrumbs.vue.d.ts +9 -0
- package/dist/types/components/button/button.vue.d.ts +53 -7
- package/dist/types/components/button/button.vue.d.ts.map +1 -1
- package/dist/types/components/button/button_constants.d.ts +28 -19
- package/dist/types/components/button/button_constants.d.ts.map +1 -1
- package/dist/types/components/checkbox/checkbox.vue.d.ts +178 -4
- package/dist/types/components/checkbox/checkbox.vue.d.ts.map +1 -1
- package/dist/types/components/checkbox_group/checkbox_group.vue.d.ts +138 -0
- package/dist/types/components/chip/chip.vue.d.ts +58 -12
- package/dist/types/components/chip/chip.vue.d.ts.map +1 -1
- package/dist/types/components/chip/chip_constants.d.ts +24 -21
- package/dist/types/components/chip/chip_constants.d.ts.map +1 -1
- package/dist/types/components/codeblock/codeblock.vue.d.ts +25 -2
- package/dist/types/components/codeblock/codeblock.vue.d.ts.map +1 -1
- package/dist/types/components/codeblock/codeblock_constants.d.ts +9 -0
- package/dist/types/components/codeblock/codeblock_constants.d.ts.map +1 -0
- package/dist/types/components/collapsible/collapsible.vue.d.ts +53 -7
- package/dist/types/components/collapsible/collapsible.vue.d.ts.map +1 -1
- package/dist/types/components/combobox/combobox.vue.d.ts +109 -34
- package/dist/types/components/combobox/combobox.vue.d.ts.map +1 -1
- package/dist/types/components/combobox/combobox_empty-list.vue.d.ts +40 -7
- package/dist/types/components/combobox/combobox_empty-list.vue.d.ts.map +1 -1
- package/dist/types/components/combobox/combobox_loading-list.vue.d.ts +64 -22
- package/dist/types/components/combobox/combobox_loading-list.vue.d.ts.map +1 -1
- package/dist/types/components/combobox_multi_select/combobox_multi_select_constants.d.ts +16 -13
- package/dist/types/components/combobox_multi_select/combobox_multi_select_constants.d.ts.map +1 -1
- package/dist/types/components/combobox_with_popover/combobox_with_popover.vue.d.ts +388 -82
- package/dist/types/components/combobox_with_popover/combobox_with_popover.vue.d.ts.map +1 -1
- package/dist/types/components/datepicker/modules/month-year-picker.vue.d.ts.map +1 -1
- package/dist/types/components/dropdown/dropdown.vue.d.ts +170 -14
- package/dist/types/components/dropdown/dropdown.vue.d.ts.map +1 -1
- package/dist/types/components/emoji/emoji.vue.d.ts +24 -15
- package/dist/types/components/emoji_picker/emoji_picker.vue.d.ts +196 -6
- package/dist/types/components/emoji_picker/modules/emoji_search.vue.d.ts +196 -6
- package/dist/types/components/emoji_picker/modules/emoji_search.vue.d.ts.map +1 -1
- package/dist/types/components/emoji_picker/modules/emoji_tabset.vue.d.ts.map +1 -1
- package/dist/types/components/emoji_text_wrapper/emoji_text_wrapper.vue.d.ts +24 -15
- package/dist/types/components/emoji_text_wrapper/emoji_text_wrapper.vue.d.ts.map +1 -1
- package/dist/types/components/empty_state/empty_state.vue.d.ts.map +1 -1
- package/dist/types/components/empty_state/empty_state_constants.d.ts +52 -31
- package/dist/types/components/empty_state/empty_state_constants.d.ts.map +1 -1
- package/dist/types/components/filter_pill/filter_pill.vue.d.ts +4487 -0
- package/dist/types/components/filter_pill/filter_pill.vue.d.ts.map +1 -0
- package/dist/types/components/filter_pill/index.d.ts +2 -0
- package/dist/types/components/filter_pill/index.d.ts.map +1 -0
- package/dist/types/components/hovercard/hovercard.vue.d.ts +368 -29
- package/dist/types/components/hovercard/hovercard.vue.d.ts.map +1 -1
- package/dist/types/components/image_viewer/image_viewer.vue.d.ts +131 -14
- package/dist/types/components/image_viewer/image_viewer.vue.d.ts.map +1 -1
- package/dist/types/components/input/input.vue.d.ts +187 -5
- package/dist/types/components/input/input.vue.d.ts.map +1 -1
- package/dist/types/components/input/input_constants.d.ts +44 -46
- package/dist/types/components/input/input_constants.d.ts.map +1 -1
- package/dist/types/components/input_group/input_group.vue.d.ts +138 -0
- package/dist/types/components/input_group/input_group.vue.d.ts.map +1 -1
- package/dist/types/components/item_layout/item_layout.vue.d.ts +37 -6
- package/dist/types/components/item_layout/item_layout.vue.d.ts.map +1 -1
- package/dist/types/components/keyboard_shortcut/keyboard_shortcut.vue.d.ts +138 -0
- package/dist/types/components/keyboard_shortcut/keyboard_shortcut.vue.d.ts.map +1 -1
- package/dist/types/components/link/link.vue.d.ts +9 -0
- package/dist/types/components/list_item/list_item.vue.d.ts +40 -7
- package/dist/types/components/list_item/list_item.vue.d.ts.map +1 -1
- package/dist/types/components/modal/modal.vue.d.ts +271 -16
- package/dist/types/components/modal/modal.vue.d.ts.map +1 -1
- package/dist/types/components/mode_island/index.d.ts +3 -0
- package/dist/types/components/mode_island/index.d.ts.map +1 -0
- package/dist/types/components/mode_island/mode_island.vue.d.ts +3 -0
- package/dist/types/components/mode_island/mode_island.vue.d.ts.map +1 -0
- package/dist/types/components/mode_island/mode_island_constants.d.ts +10 -0
- package/dist/types/components/mode_island/mode_island_constants.d.ts.map +1 -0
- package/dist/types/components/mode_island/utils.d.ts +12 -0
- package/dist/types/components/mode_island/utils.d.ts.map +1 -0
- package/dist/types/components/mode_island/validators.d.ts +6 -0
- package/dist/types/components/mode_island/validators.d.ts.map +1 -0
- package/dist/types/components/motion_text/motion_text_constants.d.ts +27 -23
- package/dist/types/components/motion_text/motion_text_constants.d.ts.map +1 -1
- package/dist/types/components/notice/notice.vue.d.ts +246 -15
- package/dist/types/components/notice/notice.vue.d.ts.map +1 -1
- package/dist/types/components/notice/notice_action.vue.d.ts +106 -14
- package/dist/types/components/notice/notice_action.vue.d.ts.map +1 -1
- package/dist/types/components/notice/notice_content.vue.d.ts +140 -1
- package/dist/types/components/notice/notice_content.vue.d.ts.map +1 -1
- package/dist/types/components/notice/notice_icon.vue.d.ts.map +1 -1
- package/dist/types/components/pagination/pagination.vue.d.ts +53 -7
- package/dist/types/components/pagination/pagination.vue.d.ts.map +1 -1
- package/dist/types/components/popover/popover.vue.d.ts +159 -14
- package/dist/types/components/popover/popover.vue.d.ts.map +1 -1
- package/dist/types/components/popover/popover_header_footer.vue.d.ts +62 -7
- package/dist/types/components/popover/popover_header_footer.vue.d.ts.map +1 -1
- package/dist/types/components/radio/radio.vue.d.ts +173 -0
- package/dist/types/components/radio/radio.vue.d.ts.map +1 -1
- package/dist/types/components/radio_group/radio_group.vue.d.ts +138 -0
- package/dist/types/components/rich_text_editor/extensions/channels/ChannelComponent.vue.d.ts +9 -0
- package/dist/types/components/rich_text_editor/extensions/channels/ChannelComponent.vue.d.ts.map +1 -1
- package/dist/types/components/rich_text_editor/extensions/channels/ChannelSuggestion.vue.d.ts.map +1 -1
- package/dist/types/components/rich_text_editor/extensions/emoji/EmojiComponent.vue.d.ts +24 -15
- package/dist/types/components/rich_text_editor/extensions/emoji/EmojiSuggestion.vue.d.ts +24 -15
- package/dist/types/components/rich_text_editor/extensions/mentions/MentionComponent.vue.d.ts +9 -0
- package/dist/types/components/rich_text_editor/extensions/mentions/MentionSuggestion.vue.d.ts +209 -25
- package/dist/types/components/rich_text_editor/extensions/mentions/MentionSuggestion.vue.d.ts.map +1 -1
- package/dist/types/components/rich_text_editor/extensions/slash_command/SlashCommandSuggestion.vue.d.ts +140 -1
- package/dist/types/components/rich_text_editor/extensions/slash_command/SlashCommandSuggestion.vue.d.ts.map +1 -1
- package/dist/types/components/rich_text_editor/extensions/suggestion/SuggestionList.vue.d.ts +40 -7
- package/dist/types/components/rich_text_editor/extensions/suggestion/SuggestionList.vue.d.ts.map +1 -1
- package/dist/types/components/rich_text_editor/extensions/variable/VariableComponent.vue.d.ts +399 -26
- package/dist/types/components/rich_text_editor/extensions/variable/VariableComponent.vue.d.ts.map +1 -1
- package/dist/types/components/root_layout/root_layout_constants.d.ts +2 -0
- package/dist/types/components/root_layout/root_layout_constants.d.ts.map +1 -1
- package/dist/types/components/segmented_control/index.d.ts +4 -0
- package/dist/types/components/segmented_control/index.d.ts.map +1 -0
- package/dist/types/components/segmented_control/segmented_control.vue.d.ts +224 -0
- package/dist/types/components/segmented_control/segmented_control.vue.d.ts.map +1 -0
- package/dist/types/components/segmented_control/segmented_control_constants.d.ts +41 -0
- package/dist/types/components/segmented_control/segmented_control_constants.d.ts.map +1 -0
- package/dist/types/components/segmented_control/segmented_control_item.vue.d.ts +35 -0
- package/dist/types/components/segmented_control/segmented_control_item.vue.d.ts.map +1 -0
- package/dist/types/components/select_menu/select_menu.vue.d.ts +182 -18
- package/dist/types/components/select_menu/select_menu.vue.d.ts.map +1 -1
- package/dist/types/components/select_menu/select_menu_constants.d.ts +12 -7
- package/dist/types/components/select_menu/select_menu_constants.d.ts.map +1 -1
- package/dist/types/components/skeleton/skeleton-list-item.vue.d.ts +13 -10
- package/dist/types/components/skeleton/skeleton-paragraph.vue.d.ts +3 -0
- package/dist/types/components/skeleton/skeleton-shape.vue.d.ts +5 -5
- package/dist/types/components/skeleton/skeleton-text.vue.d.ts +3 -0
- package/dist/types/components/skeleton/skeleton.vue.d.ts +24 -15
- package/dist/types/components/skeleton/skeleton_constants.d.ts +18 -13
- package/dist/types/components/skeleton/skeleton_constants.d.ts.map +1 -1
- package/dist/types/components/split_button/{split_button-omega.vue.d.ts → split_button-end.vue.d.ts} +64 -13
- package/dist/types/components/split_button/{split_button-omega.vue.d.ts.map → split_button-end.vue.d.ts.map} +1 -1
- package/dist/types/components/split_button/{split_button-alpha.vue.d.ts → split_button-start.vue.d.ts} +125 -11
- package/dist/types/components/split_button/split_button-start.vue.d.ts.map +1 -0
- package/dist/types/components/split_button/split_button.vue.d.ts +589 -66
- package/dist/types/components/split_button/split_button.vue.d.ts.map +1 -1
- package/dist/types/components/split_button/split_button_constants.d.ts +12 -7
- package/dist/types/components/split_button/split_button_constants.d.ts.map +1 -1
- package/dist/types/components/stack/stack_constants.d.ts.map +1 -1
- package/dist/types/components/tab/index.d.ts +1 -1
- package/dist/types/components/tab/tab.vue.d.ts +85 -11
- package/dist/types/components/tab/tab.vue.d.ts.map +1 -1
- package/dist/types/components/tab/tab_group.vue.d.ts +91 -5
- package/dist/types/components/tab/tab_group.vue.d.ts.map +1 -1
- package/dist/types/components/tab/tabs_constants.d.ts +23 -5
- package/dist/types/components/tab/tabs_constants.d.ts.map +1 -1
- package/dist/types/components/text/index.d.ts +3 -0
- package/dist/types/components/text/index.d.ts.map +1 -0
- package/dist/types/components/text/scripts/update-text-tone-tokens.d.cts +3 -0
- package/dist/types/components/text/scripts/update-text-tone-tokens.d.cts.map +1 -0
- package/dist/types/components/text/scripts/update_text_tone_tokens.d.cts +3 -0
- package/dist/types/components/text/scripts/update_text_tone_tokens.d.cts.map +1 -0
- package/dist/types/components/text/scripts/update_text_tone_tokens.d.ts +1 -0
- package/dist/types/components/text/scripts/update_text_tone_tokens.d.ts.map +1 -0
- package/dist/types/components/text/text.vue.d.ts +141 -0
- package/dist/types/components/text/text.vue.d.ts.map +1 -0
- package/dist/types/components/text/text_constants.d.ts +82 -0
- package/dist/types/components/text/text_constants.d.ts.map +1 -0
- package/dist/types/components/text/text_tone_tokens.d.ts +3 -0
- package/dist/types/components/text/text_tone_tokens.d.ts.map +1 -0
- package/dist/types/components/toast/layouts/toast_layout_alternate.vue.d.ts +246 -15
- package/dist/types/components/toast/layouts/toast_layout_alternate.vue.d.ts.map +1 -1
- package/dist/types/components/toast/layouts/toast_layout_alternate_icon.vue.d.ts.map +1 -1
- package/dist/types/components/toast/layouts/toast_layout_default.vue.d.ts +246 -15
- package/dist/types/components/toast/layouts/toast_layout_default.vue.d.ts.map +1 -1
- package/dist/types/components/toast/toast.vue.d.ts +1033 -109
- package/dist/types/components/toast/toast.vue.d.ts.map +1 -1
- package/dist/types/components/toggle/toggle.vue.d.ts +14 -6
- package/dist/types/components/toggle/toggle.vue.d.ts.map +1 -1
- package/dist/types/components/toggle/toggle_constants.d.ts +6 -4
- package/dist/types/components/toggle/toggle_constants.d.ts.map +1 -1
- package/dist/types/components/tooltip/tooltip.vue.d.ts +27 -1
- package/dist/types/components/tooltip/tooltip.vue.d.ts.map +1 -1
- package/dist/types/directives/mode_directive/index.d.ts +2 -0
- package/dist/types/directives/mode_directive/index.d.ts.map +1 -0
- package/dist/types/directives/mode_directive/mode.d.ts +6 -0
- package/dist/types/directives/mode_directive/mode.d.ts.map +1 -0
- package/dist/types/directives/tooltip_directive/tooltip.d.ts.map +1 -1
- package/dist/types/index.d.ts +5 -0
- package/dist/types/recipes/buttons/callbar_button/callbar_button.vue.d.ts +80 -8
- package/dist/types/recipes/buttons/callbar_button/callbar_button.vue.d.ts.map +1 -1
- package/dist/types/recipes/buttons/callbar_button_with_dropdown/callbar_button_with_dropdown.vue.d.ts +303 -29
- package/dist/types/recipes/buttons/callbar_button_with_dropdown/callbar_button_with_dropdown.vue.d.ts.map +1 -1
- package/dist/types/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.d.ts +293 -30
- package/dist/types/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.d.ts.map +1 -1
- package/dist/types/recipes/cards/ivr_node/ivr_node.vue.d.ts +223 -21
- package/dist/types/recipes/cards/ivr_node/ivr_node.vue.d.ts.map +1 -1
- package/dist/types/recipes/chips/grouped_chip/grouped_chip.vue.d.ts +58 -12
- package/dist/types/recipes/chips/grouped_chip/grouped_chip.vue.d.ts.map +1 -1
- package/dist/types/recipes/conversation_view/attachment_carousel/attachment_carousel.vue.d.ts +237 -28
- package/dist/types/recipes/conversation_view/attachment_carousel/attachment_carousel.vue.d.ts.map +1 -1
- package/dist/types/recipes/conversation_view/attachment_carousel/media_components/image_carousel.vue.d.ts +184 -21
- package/dist/types/recipes/conversation_view/attachment_carousel/media_components/image_carousel.vue.d.ts.map +1 -1
- package/dist/types/recipes/conversation_view/editor/EditorToolbarButton.vue.d.ts +53 -7
- package/dist/types/recipes/conversation_view/editor/EditorToolbarDropdownButton.vue.d.ts +223 -21
- package/dist/types/recipes/conversation_view/editor/EditorToolbarDropdownButton.vue.d.ts.map +1 -1
- package/dist/types/recipes/conversation_view/editor/EditorToolbarPopoverButton.vue.d.ts +212 -21
- package/dist/types/recipes/conversation_view/editor/EditorToolbarPopoverButton.vue.d.ts.map +1 -1
- package/dist/types/recipes/conversation_view/emoji_row/emoji_row.vue.d.ts +128 -38
- package/dist/types/recipes/conversation_view/emoji_row/emoji_row.vue.d.ts.map +1 -1
- package/dist/types/recipes/conversation_view/feed_item_pill/feed_item_pill.vue.d.ts +90 -13
- package/dist/types/recipes/conversation_view/feed_item_pill/feed_item_pill.vue.d.ts.map +1 -1
- package/dist/types/recipes/conversation_view/feed_item_row/feed_item_row.vue.d.ts +111 -32
- package/dist/types/recipes/conversation_view/feed_item_row/feed_item_row.vue.d.ts.map +1 -1
- package/dist/types/recipes/conversation_view/message_input/extensions/meeting_pill/MeetingPill.vue.d.ts +90 -13
- package/dist/types/recipes/conversation_view/message_input/extensions/meeting_pill/MeetingPill.vue.d.ts.map +1 -1
- package/dist/types/recipes/conversation_view/message_input/message_input_button.vue.d.ts +218 -8
- package/dist/types/recipes/conversation_view/message_input/message_input_button.vue.d.ts.map +1 -1
- package/dist/types/recipes/conversation_view/message_input/message_input_link.vue.d.ts +617 -34
- package/dist/types/recipes/conversation_view/message_input/message_input_link.vue.d.ts.map +1 -1
- package/dist/types/recipes/conversation_view/message_input/message_input_topbar.vue.d.ts +218 -8
- package/dist/types/recipes/conversation_view/message_input/message_input_topbar.vue.d.ts.map +1 -1
- package/dist/types/recipes/header/settings_menu_button/settings_menu_button.vue.d.ts +53 -7
- package/dist/types/recipes/header/settings_menu_button/settings_menu_button.vue.d.ts.map +1 -1
- package/dist/types/recipes/item_layout/contact_info/contact_info.vue.d.ts +108 -31
- package/dist/types/recipes/item_layout/contact_info/contact_info.vue.d.ts.map +1 -1
- package/dist/types/recipes/leftbar/callbox/callbox.vue.d.ts +71 -25
- package/dist/types/recipes/leftbar/callbox/callbox.vue.d.ts.map +1 -1
- package/dist/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts +77 -22
- package/dist/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts.map +1 -1
- package/dist/types/recipes/leftbar/contact_row/contact_row.vue.d.ts +557 -64
- package/dist/types/recipes/leftbar/contact_row/contact_row.vue.d.ts.map +1 -1
- package/dist/types/recipes/leftbar/general_row/general_row.vue.d.ts +462 -24
- package/dist/types/recipes/leftbar/general_row/general_row.vue.d.ts.map +1 -1
- package/dist/types/recipes/leftbar/general_row/leftbar_general_row_icon.vue.d.ts.map +1 -1
- package/dist/types/recipes/leftbar/group_row/group_row.vue.d.ts +462 -24
- package/dist/types/recipes/leftbar/group_row/group_row.vue.d.ts.map +1 -1
- package/dist/types/recipes/leftbar/unread_pill/unread_pill.vue.d.ts.map +1 -1
- package/dist/types/recipes/notices/top_banner_info/top_banner_info.vue.d.ts.map +1 -1
- package/package.json +6 -5
- package/dist/lib/split-button/split-button-alpha.cjs +0 -2
- package/dist/lib/split-button/split-button-alpha.cjs.map +0 -1
- package/dist/lib/split-button/split-button-alpha.js +0 -138
- package/dist/lib/split-button/split-button-alpha.js.map +0 -1
- package/dist/lib/split-button/split-button-omega.cjs +0 -2
- package/dist/lib/split-button/split-button-omega.cjs.map +0 -1
- package/dist/lib/split-button/split-button-omega.js.map +0 -1
- package/dist/types/components/split_button/split_button-alpha.vue.d.ts.map +0 -1
package/dist/lib/tab/tab.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.js","sources":["../../../components/tab/tab.vue"],"sourcesContent":["<template>\n <dt-button\n :id=\"`dt-tab-${id}`\"\n :class=\"[\n 'd-
|
|
1
|
+
{"version":3,"file":"tab.js","sources":["../../../components/tab/tab.vue"],"sourcesContent":["<template>\n <dt-button\n :id=\"`dt-tab-${id}`\"\n :class=\"[\n 'd-tablist__item',\n tabClass,\n { 'd-tablist__item--vertical': groupContext.orientation === 'vertical' },\n { 'd-btn--disabled': isDisabled },\n { 'd-tab--is-selected': !groupContext.outlined && groupContext.kind !== 'muted' && isSelected },\n ]\"\n :importance=\"buttonImportance\"\n :kind=\"buttonKind\"\n :active=\"buttonActive\"\n :size=\"buttonSize\"\n role=\"tab\"\n :aria-selected=\"`${isSelected}`\"\n :aria-controls=\"`dt-panel-${panelId}`\"\n :aria-label=\"label\"\n :aria-disabled=\"isDisabled ? 'true' : undefined\"\n :label-class=\"labelClass\"\n :leading-class=\"leadingClass\"\n :trailing-class=\"trailingClass\"\n data-qa=\"dt-tab\"\n :tabindex=\"isSelected ? '0' : '-1'\"\n v-bind=\"$attrs\"\n v-on=\"tabListeners\"\n >\n <!-- @slot Icon displayed at the start (left in LTR) of the tab -->\n <template\n v-if=\"$slots.startIcon\"\n #startIcon=\"{ iconSize }\"\n >\n <slot\n name=\"startIcon\"\n :icon-size=\"iconSize\"\n />\n </template>\n <!-- @slot @deprecated Use startIcon -->\n <template\n v-else-if=\"$slots.icon\"\n #startIcon=\"{ iconSize }\"\n >\n <slot\n name=\"icon\"\n :icon-size=\"iconSize\"\n />\n </template>\n <!-- @slot Icon displayed at the end (right in LTR) of the tab -->\n <template\n v-if=\"$slots.endIcon\"\n #endIcon=\"{ iconSize }\"\n >\n <slot\n name=\"endIcon\"\n :icon-size=\"iconSize\"\n />\n </template>\n <template\n v-if=\"$slots.leading\"\n #leading\n >\n <slot name=\"leading\" />\n </template>\n <template\n v-if=\"$slots.trailing\"\n #trailing\n >\n <slot name=\"trailing\" />\n </template>\n <!-- @slot default slot, defaults contains dt-button -->\n <slot />\n </dt-button>\n</template>\n\n<script>\nimport { DtButton } from '../button';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtTab',\n components: {\n DtButton,\n },\n\n inject: ['groupContext', 'setFocus'],\n\n inheritAttrs: false,\n\n props: {\n /**\n * Id of the tab\n */\n id: {\n type: String,\n required: true,\n },\n\n /**\n * Id of the associated content panel\n */\n panelId: {\n type: String,\n required: true,\n },\n\n /**\n * Describes the tab\n */\n label: {\n type: String,\n default: '',\n },\n\n /**\n * Controls the state of the tab\n * @values true, false\n */\n selected: {\n type: Boolean,\n default: false,\n },\n\n /**\n * If true, disables the tab\n * @values true, false\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Used to customize the tab element\n */\n tabClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /**\n * Used to customize the label container\n */\n labelClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /**\n * Used to customize the leading container\n */\n leadingClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /**\n * Used to customize the trailing container\n */\n trailingClass: {\n type: [String, Array, Object],\n default: '',\n },\n },\n\n emits: [\n /**\n * Native button focus in event\n *\n * @event focus\n * @type {FocusEvent}\n */\n 'focus',\n\n /**\n * Native button click event\n *\n * @event click\n * @type {PointerEvent | KeyboardEvent}\n */\n 'click',\n ],\n\n computed: {\n tabListeners () {\n return {\n click: event => {\n this.$emit('click', event);\n },\n\n focus: event => {\n this.setFocus(this.id);\n this.$emit('focus', event);\n },\n };\n },\n\n isDisabled () {\n return this.groupContext.disabled || this.disabled;\n },\n\n buttonSize () {\n const size = this.groupContext.size;\n return size === 'default' ? undefined : size;\n },\n\n isSelected () {\n return this.groupContext.selected === this.panelId;\n },\n\n buttonKind () {\n if (this.groupContext.outlined) {\n return this.groupContext.kind === 'muted' ? 'muted' : 'default';\n }\n if (this.groupContext.kind === 'muted') {\n return 'muted';\n }\n return this.isSelected ? 'default' : 'muted';\n },\n\n buttonImportance () {\n if (this.groupContext.outlined && this.isSelected) {\n return 'outlined';\n }\n return 'clear';\n },\n\n buttonActive () {\n if (this.groupContext.outlined) {\n return false;\n }\n if (this.groupContext.kind === 'muted') {\n return this.isSelected;\n }\n return false;\n },\n },\n\n mounted () {\n if (this.selected) {\n this.groupContext.selected = this.panelId;\n }\n },\n\n methods: {\n },\n};\n</script>\n"],"names":["_sfc_main","DtButton","event","size","_openBlock","_createBlock","_component_dt_button","_mergeProps","$props","$options","_ctx","_toHandlers","_createSlots","_renderSlot","_withCtx","iconSize"],"mappings":";;;AAiFA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA;EAGF,QAAQ,CAAC,gBAAgB,UAAU;AAAA,EAEnC,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAU;AAAA;;;;IAMZ,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA;;;;IAMZ,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,eAAe;AAAA,MACb,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;EAIb,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA;EAGF,UAAU;AAAA,IACR,eAAgB;AACd,aAAO;AAAA,QACL,OAAO,CAAAC,MAAS;AACd,eAAK,MAAM,SAASA,CAAK;AAAA,QAC3B;AAAA,QAEA,OAAO,CAAAA,MAAS;AACd,eAAK,SAAS,KAAK,EAAE,GACrB,KAAK,MAAM,SAASA,CAAK;AAAA,QAC3B;AAAA;IAEJ;AAAA,IAEA,aAAc;AACZ,aAAO,KAAK,aAAa,YAAY,KAAK;AAAA,IAC5C;AAAA,IAEA,aAAc;AACZ,YAAMC,IAAO,KAAK,aAAa;AAC/B,aAAOA,MAAS,YAAY,SAAYA;AAAA,IAC1C;AAAA,IAEA,aAAc;AACZ,aAAO,KAAK,aAAa,aAAa,KAAK;AAAA,IAC7C;AAAA,IAEA,aAAc;AACZ,aAAI,KAAK,aAAa,WACb,KAAK,aAAa,SAAS,UAAU,UAAU,YAEpD,KAAK,aAAa,SAAS,UACtB,UAEF,KAAK,aAAa,YAAY;AAAA,IACvC;AAAA,IAEA,mBAAoB;AAClB,aAAI,KAAK,aAAa,YAAY,KAAK,aAC9B,aAEF;AAAA,IACT;AAAA,IAEA,eAAgB;AACd,aAAI,KAAK,aAAa,WACb,KAEL,KAAK,aAAa,SAAS,UACtB,KAAK,aAEP;AAAA,IACT;AAAA;EAGF,UAAW;AACT,IAAI,KAAK,aACP,KAAK,aAAa,WAAW,KAAK;AAAA,EAEtC;AAAA,EAEA,SAAS;AAEX;;;AAxPE,SAAAC,EAAA,GAAAC,EAsEYC,GAtEZC,EAsEY;AAAA,IArET,cAAcC,EAAA,EAAE;AAAA,IAChB,OAAK;AAAA;MAAmCA,EAAA;AAAA,MAA+C,EAAA,6BAAAC,EAAA,aAAa,gBAAW,WAAA;AAAA,2BAA8CA,EAAA,WAAU;AAAA,MAAmC,EAAA,sBAAA,CAAAA,EAAA,aAAa,YAAYA,eAAa,oBAAoBA,EAAA,WAAU;AAAA;IAO9Q,YAAYA,EAAA;AAAA,IACZ,MAAMA,EAAA;AAAA,IACN,QAAQA,EAAA;AAAA,IACR,MAAMA,EAAA;AAAA,IACP,MAAK;AAAA,IACJ,oBAAkBA,EAAA,UAAU;AAAA,IAC5B,6BAA2BD,EAAA,OAAO;AAAA,IAClC,cAAYA,EAAA;AAAA,IACZ,iBAAeC,EAAA,aAAU,SAAY;AAAA,IACrC,eAAaD,EAAA;AAAA,IACb,iBAAeA,EAAA;AAAA,IACf,kBAAgBA,EAAA;AAAA,IACjB,WAAQ;AAAA,IACP,UAAUC,EAAA,aAAU,MAAA;AAAA,KACbC,EAAA,QACRC,EAAMF,EAAA,YAAY,CAAA,GAAAG,EAAA;AAAA,eA6ClB,MAAQ;AAAA,MAARC,EAAQH,EAAA,QAAA,SAAA;AAAA;;;IAzCAA,EAAA,OAAO;YACZ;AAAA,MAED,IAAAI,EAAA,CAGE,EALY,UAAAC,QAAQ;AAAA,QAEtBF,EAGEH,EAAA,QAAA,aAAA,EADC,UAAWK,EAAQ,CAAA;AAAA;;QAKXL,EAAA,OAAO;YACjB;AAAA,MAED,IAAAI,EAAA,CAGE,EALY,UAAAC,QAAQ;AAAA,QAEtBF,EAGEH,EAAA,QAAA,QAAA,EADC,UAAWK,EAAQ,CAAA;AAAA;;;IAKhBL,EAAA,OAAO;YACZ;AAAA,MAED,IAAAI,EAAA,CAGE,EALU,UAAAC,QAAQ;AAAA,QAEpBF,EAGEH,EAAA,QAAA,WAAA,EADC,UAAWK,EAAQ,CAAA;AAAA;;;IAIhBL,EAAA,OAAO;YACZ;AAAA,YAED,MAAuB;AAAA,QAAvBG,EAAuBH,EAAA,QAAA,SAAA;AAAA;;;IAGjBA,EAAA,OAAO;YACZ;AAAA,YAED,MAAwB;AAAA,QAAxBG,EAAwBH,EAAA,QAAA,UAAA;AAAA;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=["100","200","300","400","500","default","xs","sm","md","lg","xl"],I={100:"d-tablist--xs",200:"d-tablist--sm",300:"",400:"d-tablist--lg",500:"d-tablist--xl",xs:"d-tablist--xs",sm:"d-tablist--sm",md:"",lg:"d-tablist--lg",xl:"d-tablist--xl",default:""},T={inverted:"d-tablist--inverted"},_={borderless:"d-tablist--no-border"},S=["horizontal","vertical"],s={vertical:"d-tablist--vertical"},l=["auto","manual"],A=["default","muted"],a=["none","grow","equal"],d={grow:"d-tablist--spread-grow",equal:"d-tablist--spread-equal"};exports.TAB_ACTIVATION_MODES=l;exports.TAB_GROUP_KINDS=A;exports.TAB_LIST_IMPORTANCE_MODIFIERS=_;exports.TAB_LIST_KIND_MODIFIERS=T;exports.TAB_LIST_SIZES=t;exports.TAB_LIST_SIZE_MODIFIERS=I;exports.TAB_ORIENTATIONS=S;exports.TAB_ORIENTATION_MODIFIERS=s;exports.TAB_SPREADS=a;exports.TAB_SPREAD_MODIFIERS=d;
|
|
2
2
|
//# sourceMappingURL=tabs-constants.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs-constants.cjs","sources":["../../../components/tab/tabs_constants.js"],"sourcesContent":["export const TAB_LIST_SIZES = ['default', 'sm'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n sm: 'd-tablist--sm',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n borderless: 'd-tablist--no-border',\n};\n\nexport const
|
|
1
|
+
{"version":3,"file":"tabs-constants.cjs","sources":["../../../components/tab/tabs_constants.js"],"sourcesContent":["export const TAB_LIST_SIZES = ['100', '200', '300', '400', '500', 'default', 'xs', 'sm', 'md', 'lg', 'xl'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n // Numeric (preferred)\n 100: 'd-tablist--xs',\n 200: 'd-tablist--sm',\n 300: '',\n 400: 'd-tablist--lg',\n 500: 'd-tablist--xl',\n // T-shirt aliases (deprecated)\n xs: 'd-tablist--xs',\n sm: 'd-tablist--sm',\n md: '',\n lg: 'd-tablist--lg',\n xl: 'd-tablist--xl',\n // Legacy alias\n default: '',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n borderless: 'd-tablist--no-border',\n};\n\nexport const TAB_ORIENTATIONS = ['horizontal', 'vertical'];\n\nexport const TAB_ORIENTATION_MODIFIERS = {\n vertical: 'd-tablist--vertical',\n};\n\nexport const TAB_ACTIVATION_MODES = ['auto', 'manual'];\n\nexport const TAB_GROUP_KINDS = ['default', 'muted'];\n\nexport const TAB_SPREADS = ['none', 'grow', 'equal'];\n\nexport const TAB_SPREAD_MODIFIERS = {\n grow: 'd-tablist--spread-grow',\n equal: 'd-tablist--spread-equal',\n};\n"],"names":["TAB_LIST_SIZES","TAB_LIST_SIZE_MODIFIERS","TAB_LIST_KIND_MODIFIERS","TAB_LIST_IMPORTANCE_MODIFIERS","TAB_ORIENTATIONS","TAB_ORIENTATION_MODIFIERS","TAB_ACTIVATION_MODES","TAB_GROUP_KINDS","TAB_SPREADS","TAB_SPREAD_MODIFIERS"],"mappings":"gFAAY,MAACA,EAAiB,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,UAAW,KAAM,KAAM,KAAM,KAAM,IAAI,EAE5FC,EAA0B,CAErC,IAAK,gBACL,IAAK,gBACL,IAAK,GACL,IAAK,gBACL,IAAK,gBAEL,GAAI,gBACJ,GAAI,gBACJ,GAAI,GACJ,GAAI,gBACJ,GAAI,gBAEJ,QAAS,EACX,EAEaC,EAA0B,CACrC,SAAU,qBACZ,EAEaC,EAAgC,CAC3C,WAAY,sBACd,EAEaC,EAAmB,CAAC,aAAc,UAAU,EAE5CC,EAA4B,CACvC,SAAU,qBACZ,EAEaC,EAAuB,CAAC,OAAQ,QAAQ,EAExCC,EAAkB,CAAC,UAAW,OAAO,EAErCC,EAAc,CAAC,OAAQ,OAAQ,OAAO,EAEtCC,EAAuB,CAClC,KAAM,yBACN,MAAO,yBACT"}
|
|
@@ -1,17 +1,38 @@
|
|
|
1
|
-
const t = ["default", "sm"],
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const t = ["100", "200", "300", "400", "500", "default", "xs", "sm", "md", "lg", "xl"], s = {
|
|
2
|
+
// Numeric (preferred)
|
|
3
|
+
100: "d-tablist--xs",
|
|
4
|
+
200: "d-tablist--sm",
|
|
5
|
+
300: "",
|
|
6
|
+
400: "d-tablist--lg",
|
|
7
|
+
500: "d-tablist--xl",
|
|
8
|
+
// T-shirt aliases (deprecated)
|
|
9
|
+
xs: "d-tablist--xs",
|
|
10
|
+
sm: "d-tablist--sm",
|
|
11
|
+
md: "",
|
|
12
|
+
lg: "d-tablist--lg",
|
|
13
|
+
xl: "d-tablist--xl",
|
|
14
|
+
// Legacy alias
|
|
15
|
+
default: ""
|
|
16
|
+
}, l = {
|
|
4
17
|
inverted: "d-tablist--inverted"
|
|
5
|
-
},
|
|
18
|
+
}, a = {
|
|
6
19
|
borderless: "d-tablist--no-border"
|
|
7
|
-
},
|
|
8
|
-
|
|
20
|
+
}, d = ["horizontal", "vertical"], I = {
|
|
21
|
+
vertical: "d-tablist--vertical"
|
|
22
|
+
}, e = ["auto", "manual"], o = ["default", "muted"], T = ["none", "grow", "equal"], _ = {
|
|
23
|
+
grow: "d-tablist--spread-grow",
|
|
24
|
+
equal: "d-tablist--spread-equal"
|
|
9
25
|
};
|
|
10
26
|
export {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
27
|
+
e as TAB_ACTIVATION_MODES,
|
|
28
|
+
o as TAB_GROUP_KINDS,
|
|
29
|
+
a as TAB_LIST_IMPORTANCE_MODIFIERS,
|
|
30
|
+
l as TAB_LIST_KIND_MODIFIERS,
|
|
14
31
|
t as TAB_LIST_SIZES,
|
|
15
|
-
|
|
32
|
+
s as TAB_LIST_SIZE_MODIFIERS,
|
|
33
|
+
d as TAB_ORIENTATIONS,
|
|
34
|
+
I as TAB_ORIENTATION_MODIFIERS,
|
|
35
|
+
T as TAB_SPREADS,
|
|
36
|
+
_ as TAB_SPREAD_MODIFIERS
|
|
16
37
|
};
|
|
17
38
|
//# sourceMappingURL=tabs-constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs-constants.js","sources":["../../../components/tab/tabs_constants.js"],"sourcesContent":["export const TAB_LIST_SIZES = ['default', 'sm'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n sm: 'd-tablist--sm',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n borderless: 'd-tablist--no-border',\n};\n\nexport const
|
|
1
|
+
{"version":3,"file":"tabs-constants.js","sources":["../../../components/tab/tabs_constants.js"],"sourcesContent":["export const TAB_LIST_SIZES = ['100', '200', '300', '400', '500', 'default', 'xs', 'sm', 'md', 'lg', 'xl'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n // Numeric (preferred)\n 100: 'd-tablist--xs',\n 200: 'd-tablist--sm',\n 300: '',\n 400: 'd-tablist--lg',\n 500: 'd-tablist--xl',\n // T-shirt aliases (deprecated)\n xs: 'd-tablist--xs',\n sm: 'd-tablist--sm',\n md: '',\n lg: 'd-tablist--lg',\n xl: 'd-tablist--xl',\n // Legacy alias\n default: '',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n borderless: 'd-tablist--no-border',\n};\n\nexport const TAB_ORIENTATIONS = ['horizontal', 'vertical'];\n\nexport const TAB_ORIENTATION_MODIFIERS = {\n vertical: 'd-tablist--vertical',\n};\n\nexport const TAB_ACTIVATION_MODES = ['auto', 'manual'];\n\nexport const TAB_GROUP_KINDS = ['default', 'muted'];\n\nexport const TAB_SPREADS = ['none', 'grow', 'equal'];\n\nexport const TAB_SPREAD_MODIFIERS = {\n grow: 'd-tablist--spread-grow',\n equal: 'd-tablist--spread-equal',\n};\n"],"names":["TAB_LIST_SIZES","TAB_LIST_SIZE_MODIFIERS","TAB_LIST_KIND_MODIFIERS","TAB_LIST_IMPORTANCE_MODIFIERS","TAB_ORIENTATIONS","TAB_ORIENTATION_MODIFIERS","TAB_ACTIVATION_MODES","TAB_GROUP_KINDS","TAB_SPREADS","TAB_SPREAD_MODIFIERS"],"mappings":"AAAY,MAACA,IAAiB,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,WAAW,MAAM,MAAM,MAAM,MAAM,IAAI,GAE5FC,IAA0B;AAAA;AAAA,EAErC,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA;AAAA,EAEL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA;AAAA,EAEJ,SAAS;AACX,GAEaC,IAA0B;AAAA,EACrC,UAAU;AACZ,GAEaC,IAAgC;AAAA,EAC3C,YAAY;AACd,GAEaC,IAAmB,CAAC,cAAc,UAAU,GAE5CC,IAA4B;AAAA,EACvC,UAAU;AACZ,GAEaC,IAAuB,CAAC,QAAQ,QAAQ,GAExCC,IAAkB,CAAC,WAAW,OAAO,GAErCC,IAAc,CAAC,QAAQ,QAAQ,OAAO,GAEtCC,IAAuB;AAAA,EAClC,MAAM;AAAA,EACN,OAAO;AACT;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./text.cjs"),T=require("./text-constants.cjs"),_=require("./text-tone-tokens.cjs");exports.DtText=E.default;exports.TEXT_ALIGN_MODIFIERS=T.TEXT_ALIGN_MODIFIERS;exports.TEXT_BOX_TRIM_MODIFIERS=T.TEXT_BOX_TRIM_MODIFIERS;exports.TEXT_DENSITY_MODIFIERS=T.TEXT_DENSITY_MODIFIERS;exports.TEXT_HEADLINE_ONLY_SIZES=T.TEXT_HEADLINE_ONLY_SIZES;exports.TEXT_KIND_MODIFIERS=T.TEXT_KIND_MODIFIERS;exports.TEXT_LINE_CLAMP_CLASS=T.TEXT_LINE_CLAMP_CLASS;exports.TEXT_NUMERIC_CLASS=T.TEXT_NUMERIC_CLASS;exports.TEXT_SIZE_MODIFIERS=T.TEXT_SIZE_MODIFIERS;exports.TEXT_STRENGTH_MODIFIERS=T.TEXT_STRENGTH_MODIFIERS;exports.TEXT_TONE_PREFIX=T.TEXT_TONE_PREFIX;exports.TEXT_TRUNCATE_CLASS=T.TEXT_TRUNCATE_CLASS;exports.TEXT_WRAP_MODIFIERS=T.TEXT_WRAP_MODIFIERS;exports.TEXT_TONE_TOKENS=_.default;
|
|
2
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { default as _ } from "./text.js";
|
|
2
|
+
import { TEXT_ALIGN_MODIFIERS as S, TEXT_BOX_TRIM_MODIFIERS as X, TEXT_DENSITY_MODIFIERS as R, TEXT_HEADLINE_ONLY_SIZES as N, TEXT_KIND_MODIFIERS as O, TEXT_LINE_CLAMP_CLASS as D, TEXT_NUMERIC_CLASS as M, TEXT_SIZE_MODIFIERS as A, TEXT_STRENGTH_MODIFIERS as F, TEXT_TONE_PREFIX as L, TEXT_TRUNCATE_CLASS as t, TEXT_WRAP_MODIFIERS as e } from "./text-constants.js";
|
|
3
|
+
import { default as r } from "./text-tone-tokens.js";
|
|
4
|
+
export {
|
|
5
|
+
_ as DtText,
|
|
6
|
+
S as TEXT_ALIGN_MODIFIERS,
|
|
7
|
+
X as TEXT_BOX_TRIM_MODIFIERS,
|
|
8
|
+
R as TEXT_DENSITY_MODIFIERS,
|
|
9
|
+
N as TEXT_HEADLINE_ONLY_SIZES,
|
|
10
|
+
O as TEXT_KIND_MODIFIERS,
|
|
11
|
+
D as TEXT_LINE_CLAMP_CLASS,
|
|
12
|
+
M as TEXT_NUMERIC_CLASS,
|
|
13
|
+
A as TEXT_SIZE_MODIFIERS,
|
|
14
|
+
F as TEXT_STRENGTH_MODIFIERS,
|
|
15
|
+
L as TEXT_TONE_PREFIX,
|
|
16
|
+
r as TEXT_TONE_TOKENS,
|
|
17
|
+
t as TEXT_TRUNCATE_CLASS,
|
|
18
|
+
e as TEXT_WRAP_MODIFIERS
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./text-tone-tokens.cjs"),e={headline:"d-text-headline",body:"d-text-body",label:"d-text-label",code:"d-text-code"},T={headline:["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"]},E=["700","600","500","3xl","2xl","xl"],a={100:"xs",200:"sm",300:"md",400:"lg",500:"xl",600:"2xl",700:"3xl"},_={start:"d-text--align-start",center:"d-text--align-center",end:"d-text--align-end",justify:"d-text--align-justify"},d="d-fc-",l="d-text--numeric",I="d-truncate",x="d-text--clamp",n={wrap:"d-text--wrap-wrap",nowrap:"d-text--wrap-nowrap",balance:"d-text--wrap-balance",pretty:"d-text--wrap-pretty"},S={start:"d-text--trim-start",end:"d-text--trim-end",both:"d-text--trim-both"},s={bold:"d-text--fw-bold",semibold:"d-text--fw-semibold",medium:"d-text--fw-medium",normal:"d-text--fw-normal"},o={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"},X={TEXT_KIND_MODIFIERS:e,TEXT_SIZE_MODIFIERS:T,TEXT_HEADLINE_ONLY_SIZES:E,TEXT_TONE_TOKENS:t.default,TEXT_ALIGN_MODIFIERS:_,TEXT_TONE_PREFIX:d,TEXT_NUMERIC_CLASS:l,TEXT_TRUNCATE_CLASS:I,TEXT_LINE_CLAMP_CLASS:x,TEXT_WRAP_MODIFIERS:n,TEXT_BOX_TRIM_MODIFIERS:S,TEXT_STRENGTH_MODIFIERS:s,TEXT_DENSITY_MODIFIERS:o};exports.TEXT_TONE_TOKENS=t.default;exports.TEXT_ALIGN_MODIFIERS=_;exports.TEXT_BOX_TRIM_MODIFIERS=S;exports.TEXT_DENSITY_MODIFIERS=o;exports.TEXT_HEADLINE_ONLY_SIZES=E;exports.TEXT_KIND_MODIFIERS=e;exports.TEXT_LINE_CLAMP_CLASS=x;exports.TEXT_NUMERIC_CLASS=l;exports.TEXT_SIZE_MAP=a;exports.TEXT_SIZE_MODIFIERS=T;exports.TEXT_STRENGTH_MODIFIERS=s;exports.TEXT_TONE_PREFIX=d;exports.TEXT_TRUNCATE_CLASS=I;exports.TEXT_WRAP_MODIFIERS=n;exports.default=X;
|
|
2
|
+
//# sourceMappingURL=text-constants.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-constants.cjs","sources":["../../../components/text/text_constants.js"],"sourcesContent":["export const TEXT_KIND_MODIFIERS = {\n headline: 'd-text-headline',\n body: 'd-text-body',\n label: 'd-text-label',\n code: 'd-text-code',\n};\n\nexport const TEXT_SIZE_MODIFIERS = {\n headline: ['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\nimport TEXT_TONE_TOKENS from './text_tone_tokens.js';\nexport { TEXT_TONE_TOKENS };\n\nexport const TEXT_ALIGN_MODIFIERS = {\n start: 'd-text--align-start',\n center: 'd-text--align-center',\n end: 'd-text--align-end',\n justify: 'd-text--align-justify',\n};\n\nexport const TEXT_TONE_PREFIX = 'd-fc-';\n\nexport const TEXT_NUMERIC_CLASS = 'd-text--numeric';\nexport const TEXT_TRUNCATE_CLASS = 'd-truncate';\nexport const TEXT_LINE_CLAMP_CLASS = 'd-text--clamp';\n\nexport const TEXT_WRAP_MODIFIERS = {\n wrap: 'd-text--wrap-wrap',\n nowrap: 'd-text--wrap-nowrap',\n balance: 'd-text--wrap-balance',\n pretty: 'd-text--wrap-pretty',\n};\n\nexport const TEXT_BOX_TRIM_MODIFIERS = {\n start: 'd-text--trim-start',\n end: 'd-text--trim-end',\n both: 'd-text--trim-both',\n};\n\nexport const TEXT_STRENGTH_MODIFIERS = {\n bold: 'd-text--fw-bold',\n semibold: 'd-text--fw-semibold',\n medium: 'd-text--fw-medium',\n normal: 'd-text--fw-normal',\n};\n\nexport const TEXT_DENSITY_MODIFIERS = {\n 100: 'd-text--lh-100',\n 200: 'd-text--lh-200',\n 300: 'd-text--lh-300',\n 400: 'd-text--lh-400',\n 500: 'd-text--lh-500',\n 600: 'd-text--lh-600',\n};\n\nexport default {\n TEXT_KIND_MODIFIERS,\n TEXT_SIZE_MODIFIERS,\n TEXT_HEADLINE_ONLY_SIZES,\n TEXT_TONE_TOKENS,\n TEXT_ALIGN_MODIFIERS,\n TEXT_TONE_PREFIX,\n TEXT_NUMERIC_CLASS,\n TEXT_TRUNCATE_CLASS,\n TEXT_LINE_CLAMP_CLASS,\n TEXT_WRAP_MODIFIERS,\n TEXT_BOX_TRIM_MODIFIERS,\n TEXT_STRENGTH_MODIFIERS,\n TEXT_DENSITY_MODIFIERS,\n};\n"],"names":["TEXT_KIND_MODIFIERS","TEXT_SIZE_MODIFIERS","TEXT_HEADLINE_ONLY_SIZES","TEXT_SIZE_MAP","TEXT_ALIGN_MODIFIERS","TEXT_TONE_PREFIX","TEXT_NUMERIC_CLASS","TEXT_TRUNCATE_CLASS","TEXT_LINE_CLAMP_CLASS","TEXT_WRAP_MODIFIERS","TEXT_BOX_TRIM_MODIFIERS","TEXT_STRENGTH_MODIFIERS","TEXT_DENSITY_MODIFIERS","text_constants","TEXT_TONE_TOKENS"],"mappings":"sJAAaA,EAAsB,CACjC,SAAU,kBACV,KAAM,cACN,MAAO,eACP,KAAM,aACR,EAEaC,EAAsB,CACjC,SAAU,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,KAAM,KAAM,KAAM,KAAM,IAAI,EACtG,KAAM,CAAC,MAAO,MAAO,MAAO,MAAO,KAAM,KAAM,KAAM,IAAI,EACzD,MAAO,CAAC,MAAO,MAAO,MAAO,MAAO,KAAM,KAAM,KAAM,IAAI,EAC1D,KAAM,CAAC,MAAO,MAAO,MAAO,MAAO,KAAM,KAAM,KAAM,IAAI,CAC3D,EAGaC,EAA2B,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,IAAI,EAGnEC,EAAgB,CAC3B,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,MACL,IAAK,KACP,EAKaC,EAAuB,CAClC,MAAO,sBACP,OAAQ,uBACR,IAAK,oBACL,QAAS,uBACX,EAEaC,EAAmB,QAEnBC,EAAqB,kBACrBC,EAAsB,aACtBC,EAAwB,gBAExBC,EAAsB,CACjC,KAAM,oBACN,OAAQ,sBACR,QAAS,uBACT,OAAQ,qBACV,EAEaC,EAA0B,CACrC,MAAO,qBACP,IAAK,mBACL,KAAM,mBACR,EAEaC,EAA0B,CACrC,KAAM,kBACN,SAAU,sBACV,OAAQ,oBACR,OAAQ,mBACV,EAEaC,EAAyB,CACpC,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,gBACP,EAEAC,EAAe,CACb,oBAAAb,EACA,oBAAAC,EACA,yBAAAC,EACF,iBAAEY,EAAAA,QACA,qBAAAV,EACA,iBAAAC,EACA,mBAAAC,EACA,oBAAAC,EACA,sBAAAC,EACA,oBAAAC,EACA,wBAAAC,EACA,wBAAAC,EACA,uBAAAC,CACF"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import t from "./text-tone-tokens.js";
|
|
2
|
+
const e = {
|
|
3
|
+
headline: "d-text-headline",
|
|
4
|
+
body: "d-text-body",
|
|
5
|
+
label: "d-text-label",
|
|
6
|
+
code: "d-text-code"
|
|
7
|
+
}, d = {
|
|
8
|
+
headline: ["700", "600", "500", "400", "300", "200", "100", "3xl", "2xl", "xl", "lg", "md", "sm", "xs"],
|
|
9
|
+
body: ["400", "300", "200", "100", "lg", "md", "sm", "xs"],
|
|
10
|
+
label: ["400", "300", "200", "100", "lg", "md", "sm", "xs"],
|
|
11
|
+
code: ["400", "300", "200", "100", "lg", "md", "sm", "xs"]
|
|
12
|
+
}, l = ["700", "600", "500", "3xl", "2xl", "xl"], m = {
|
|
13
|
+
100: "xs",
|
|
14
|
+
200: "sm",
|
|
15
|
+
300: "md",
|
|
16
|
+
400: "lg",
|
|
17
|
+
500: "xl",
|
|
18
|
+
600: "2xl",
|
|
19
|
+
700: "3xl"
|
|
20
|
+
}, x = {
|
|
21
|
+
start: "d-text--align-start",
|
|
22
|
+
center: "d-text--align-center",
|
|
23
|
+
end: "d-text--align-end",
|
|
24
|
+
justify: "d-text--align-justify"
|
|
25
|
+
}, n = "d-fc-", T = "d-text--numeric", s = "d-truncate", E = "d-text--clamp", o = {
|
|
26
|
+
wrap: "d-text--wrap-wrap",
|
|
27
|
+
nowrap: "d-text--wrap-nowrap",
|
|
28
|
+
balance: "d-text--wrap-balance",
|
|
29
|
+
pretty: "d-text--wrap-pretty"
|
|
30
|
+
}, a = {
|
|
31
|
+
start: "d-text--trim-start",
|
|
32
|
+
end: "d-text--trim-end",
|
|
33
|
+
both: "d-text--trim-both"
|
|
34
|
+
}, _ = {
|
|
35
|
+
bold: "d-text--fw-bold",
|
|
36
|
+
semibold: "d-text--fw-semibold",
|
|
37
|
+
medium: "d-text--fw-medium",
|
|
38
|
+
normal: "d-text--fw-normal"
|
|
39
|
+
}, c = {
|
|
40
|
+
100: "d-text--lh-100",
|
|
41
|
+
200: "d-text--lh-200",
|
|
42
|
+
300: "d-text--lh-300",
|
|
43
|
+
400: "d-text--lh-400",
|
|
44
|
+
500: "d-text--lh-500",
|
|
45
|
+
600: "d-text--lh-600"
|
|
46
|
+
}, I = {
|
|
47
|
+
TEXT_KIND_MODIFIERS: e,
|
|
48
|
+
TEXT_SIZE_MODIFIERS: d,
|
|
49
|
+
TEXT_HEADLINE_ONLY_SIZES: l,
|
|
50
|
+
TEXT_TONE_TOKENS: t,
|
|
51
|
+
TEXT_ALIGN_MODIFIERS: x,
|
|
52
|
+
TEXT_TONE_PREFIX: n,
|
|
53
|
+
TEXT_NUMERIC_CLASS: T,
|
|
54
|
+
TEXT_TRUNCATE_CLASS: s,
|
|
55
|
+
TEXT_LINE_CLAMP_CLASS: E,
|
|
56
|
+
TEXT_WRAP_MODIFIERS: o,
|
|
57
|
+
TEXT_BOX_TRIM_MODIFIERS: a,
|
|
58
|
+
TEXT_STRENGTH_MODIFIERS: _,
|
|
59
|
+
TEXT_DENSITY_MODIFIERS: c
|
|
60
|
+
};
|
|
61
|
+
export {
|
|
62
|
+
x as TEXT_ALIGN_MODIFIERS,
|
|
63
|
+
a as TEXT_BOX_TRIM_MODIFIERS,
|
|
64
|
+
c as TEXT_DENSITY_MODIFIERS,
|
|
65
|
+
l as TEXT_HEADLINE_ONLY_SIZES,
|
|
66
|
+
e as TEXT_KIND_MODIFIERS,
|
|
67
|
+
E as TEXT_LINE_CLAMP_CLASS,
|
|
68
|
+
T as TEXT_NUMERIC_CLASS,
|
|
69
|
+
m as TEXT_SIZE_MAP,
|
|
70
|
+
d as TEXT_SIZE_MODIFIERS,
|
|
71
|
+
_ as TEXT_STRENGTH_MODIFIERS,
|
|
72
|
+
n as TEXT_TONE_PREFIX,
|
|
73
|
+
t as TEXT_TONE_TOKENS,
|
|
74
|
+
s as TEXT_TRUNCATE_CLASS,
|
|
75
|
+
o as TEXT_WRAP_MODIFIERS,
|
|
76
|
+
I as default
|
|
77
|
+
};
|
|
78
|
+
//# sourceMappingURL=text-constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-constants.js","sources":["../../../components/text/text_constants.js"],"sourcesContent":["export const TEXT_KIND_MODIFIERS = {\n headline: 'd-text-headline',\n body: 'd-text-body',\n label: 'd-text-label',\n code: 'd-text-code',\n};\n\nexport const TEXT_SIZE_MODIFIERS = {\n headline: ['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\nimport TEXT_TONE_TOKENS from './text_tone_tokens.js';\nexport { TEXT_TONE_TOKENS };\n\nexport const TEXT_ALIGN_MODIFIERS = {\n start: 'd-text--align-start',\n center: 'd-text--align-center',\n end: 'd-text--align-end',\n justify: 'd-text--align-justify',\n};\n\nexport const TEXT_TONE_PREFIX = 'd-fc-';\n\nexport const TEXT_NUMERIC_CLASS = 'd-text--numeric';\nexport const TEXT_TRUNCATE_CLASS = 'd-truncate';\nexport const TEXT_LINE_CLAMP_CLASS = 'd-text--clamp';\n\nexport const TEXT_WRAP_MODIFIERS = {\n wrap: 'd-text--wrap-wrap',\n nowrap: 'd-text--wrap-nowrap',\n balance: 'd-text--wrap-balance',\n pretty: 'd-text--wrap-pretty',\n};\n\nexport const TEXT_BOX_TRIM_MODIFIERS = {\n start: 'd-text--trim-start',\n end: 'd-text--trim-end',\n both: 'd-text--trim-both',\n};\n\nexport const TEXT_STRENGTH_MODIFIERS = {\n bold: 'd-text--fw-bold',\n semibold: 'd-text--fw-semibold',\n medium: 'd-text--fw-medium',\n normal: 'd-text--fw-normal',\n};\n\nexport const TEXT_DENSITY_MODIFIERS = {\n 100: 'd-text--lh-100',\n 200: 'd-text--lh-200',\n 300: 'd-text--lh-300',\n 400: 'd-text--lh-400',\n 500: 'd-text--lh-500',\n 600: 'd-text--lh-600',\n};\n\nexport default {\n TEXT_KIND_MODIFIERS,\n TEXT_SIZE_MODIFIERS,\n TEXT_HEADLINE_ONLY_SIZES,\n TEXT_TONE_TOKENS,\n TEXT_ALIGN_MODIFIERS,\n TEXT_TONE_PREFIX,\n TEXT_NUMERIC_CLASS,\n TEXT_TRUNCATE_CLASS,\n TEXT_LINE_CLAMP_CLASS,\n TEXT_WRAP_MODIFIERS,\n TEXT_BOX_TRIM_MODIFIERS,\n TEXT_STRENGTH_MODIFIERS,\n TEXT_DENSITY_MODIFIERS,\n};\n"],"names":["TEXT_KIND_MODIFIERS","TEXT_SIZE_MODIFIERS","TEXT_HEADLINE_ONLY_SIZES","TEXT_SIZE_MAP","TEXT_ALIGN_MODIFIERS","TEXT_TONE_PREFIX","TEXT_NUMERIC_CLASS","TEXT_TRUNCATE_CLASS","TEXT_LINE_CLAMP_CLASS","TEXT_WRAP_MODIFIERS","TEXT_BOX_TRIM_MODIFIERS","TEXT_STRENGTH_MODIFIERS","TEXT_DENSITY_MODIFIERS","text_constants","TEXT_TONE_TOKENS"],"mappings":";AAAY,MAACA,IAAsB;AAAA,EACjC,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AACR,GAEaC,IAAsB;AAAA,EACjC,UAAU,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,MAAM,MAAM,MAAM,MAAM,IAAI;AAAA,EACtG,MAAM,CAAC,OAAO,OAAO,OAAO,OAAO,MAAM,MAAM,MAAM,IAAI;AAAA,EACzD,OAAO,CAAC,OAAO,OAAO,OAAO,OAAO,MAAM,MAAM,MAAM,IAAI;AAAA,EAC1D,MAAM,CAAC,OAAO,OAAO,OAAO,OAAO,MAAM,MAAM,MAAM,IAAI;AAC3D,GAGaC,IAA2B,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,IAAI,GAGnEC,IAAgB;AAAA,EAC3B,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP,GAKaC,IAAuB;AAAA,EAClC,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AACX,GAEaC,IAAmB,SAEnBC,IAAqB,mBACrBC,IAAsB,cACtBC,IAAwB,iBAExBC,IAAsB;AAAA,EACjC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AACV,GAEaC,IAA0B;AAAA,EACrC,OAAO;AAAA,EACP,KAAK;AAAA,EACL,MAAM;AACR,GAEaC,IAA0B;AAAA,EACrC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AACV,GAEaC,IAAyB;AAAA,EACpC,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP,GAEAC,IAAe;AAAA,EACb,qBAAAb;AAAA,EACA,qBAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,kBAAAY;AAAA,EACA,sBAAAV;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,wBAAAC;AACF;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=["critical","critical-inverted","critical-strong","critical-strong-inverted","current","disabled","disabled-inverted","muted","muted-inverted","neutral-black","neutral-white","placeholder","placeholder-inverted","primary","primary-inverted","secondary","secondary-inverted","success","success-inverted","success-strong","success-strong-inverted","tertiary","tertiary-inverted","transparent","unset","warning","warning-inverted"];exports.default=e;
|
|
2
|
+
//# sourceMappingURL=text-tone-tokens.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-tone-tokens.cjs","sources":["../../../components/text/text_tone_tokens.js"],"sourcesContent":["// This file is auto-generated by scripts/update-text-tone-tokens.cjs\n// Do not edit this file directly.\n\nexport default [\n 'critical',\n 'critical-inverted',\n 'critical-strong',\n 'critical-strong-inverted',\n 'current',\n 'disabled',\n 'disabled-inverted',\n 'muted',\n 'muted-inverted',\n 'neutral-black',\n 'neutral-white',\n 'placeholder',\n 'placeholder-inverted',\n 'primary',\n 'primary-inverted',\n 'secondary',\n 'secondary-inverted',\n 'success',\n 'success-inverted',\n 'success-strong',\n 'success-strong-inverted',\n 'tertiary',\n 'tertiary-inverted',\n 'transparent',\n 'unset',\n 'warning',\n 'warning-inverted',\n];\n"],"names":["TEXT_TONE_TOKENS"],"mappings":"4GAGA,MAAAA,EAAe,CACb,WACA,oBACA,kBACA,2BACA,UACA,WACA,oBACA,QACA,iBACA,gBACA,gBACA,cACA,uBACA,UACA,mBACA,YACA,qBACA,UACA,mBACA,iBACA,0BACA,WACA,oBACA,cACA,QACA,UACA,kBACF"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
const e = [
|
|
2
|
+
"critical",
|
|
3
|
+
"critical-inverted",
|
|
4
|
+
"critical-strong",
|
|
5
|
+
"critical-strong-inverted",
|
|
6
|
+
"current",
|
|
7
|
+
"disabled",
|
|
8
|
+
"disabled-inverted",
|
|
9
|
+
"muted",
|
|
10
|
+
"muted-inverted",
|
|
11
|
+
"neutral-black",
|
|
12
|
+
"neutral-white",
|
|
13
|
+
"placeholder",
|
|
14
|
+
"placeholder-inverted",
|
|
15
|
+
"primary",
|
|
16
|
+
"primary-inverted",
|
|
17
|
+
"secondary",
|
|
18
|
+
"secondary-inverted",
|
|
19
|
+
"success",
|
|
20
|
+
"success-inverted",
|
|
21
|
+
"success-strong",
|
|
22
|
+
"success-strong-inverted",
|
|
23
|
+
"tertiary",
|
|
24
|
+
"tertiary-inverted",
|
|
25
|
+
"transparent",
|
|
26
|
+
"unset",
|
|
27
|
+
"warning",
|
|
28
|
+
"warning-inverted"
|
|
29
|
+
];
|
|
30
|
+
export {
|
|
31
|
+
e as default
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=text-tone-tokens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-tone-tokens.js","sources":["../../../components/text/text_tone_tokens.js"],"sourcesContent":["// This file is auto-generated by scripts/update-text-tone-tokens.cjs\n// Do not edit this file directly.\n\nexport default [\n 'critical',\n 'critical-inverted',\n 'critical-strong',\n 'critical-strong-inverted',\n 'current',\n 'disabled',\n 'disabled-inverted',\n 'muted',\n 'muted-inverted',\n 'neutral-black',\n 'neutral-white',\n 'placeholder',\n 'placeholder-inverted',\n 'primary',\n 'primary-inverted',\n 'secondary',\n 'secondary-inverted',\n 'success',\n 'success-inverted',\n 'success-strong',\n 'success-strong-inverted',\n 'tertiary',\n 'tertiary-inverted',\n 'transparent',\n 'unset',\n 'warning',\n 'warning-inverted',\n];\n"],"names":["TEXT_TONE_TOKENS"],"mappings":"AAGA,MAAAA,IAAe;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./text-constants.cjs"),l=require("vue"),c=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),T=require("./text-tone-tokens.cjs"),o="300",f=["h1","h2","h3","h4","h5","h6"];let u=!1;const p=()=>{u=!1},_={compatConfig:{MODE:3},name:"DtText",props:{as:{type:String,default:"span"},kind:{type:String,default:null,validator:t=>t===null||Object.prototype.hasOwnProperty.call(e.TEXT_KIND_MODIFIERS,t)},size:{type:[String,Number],default:null},tone:{type:String,default:null},align:{type:String,default:null},truncate:{type:Boolean,default:!1},maxLines:{type:Number,default:null,validator:t=>t===null||Number.isInteger(t)&&t>0},numeric:{type:Boolean,default:!1},wrap:{type:String,default:null,validator:t=>t===null||Object.prototype.hasOwnProperty.call(e.TEXT_WRAP_MODIFIERS,t)},textBoxTrim:{type:String,default:null,validator:t=>t===null||Object.prototype.hasOwnProperty.call(e.TEXT_BOX_TRIM_MODIFIERS,t)},strength:{type:String,default:null,validator:t=>t===null||Object.prototype.hasOwnProperty.call(e.TEXT_STRENGTH_MODIFIERS,t)},density:{type:[String,Number],default:null,validator:t=>t===null||Object.prototype.hasOwnProperty.call(e.TEXT_DENSITY_MODIFIERS,t)}},computed:{textClasses(){const t=["d-text"],r=this.getVariantClass();r&&t.push(r);const s=this.getAlignClass();s&&t.push(s);const n=this.getToneClass();n&&t.push(n),this.truncate&&t.push(e.TEXT_TRUNCATE_CLASS),this.numeric&&t.push(e.TEXT_NUMERIC_CLASS),this.maxLines&&t.push(e.TEXT_LINE_CLAMP_CLASS);const a=this.getWrapClass();a&&t.push(a);const i=this.getTextBoxTrimClass();i&&t.push(i);const d=this.getStrengthClass();d&&t.push(d);const h=this.getDensityClass();return h&&t.push(h),t},textStyles(){if(this.maxLines)return{"--dt-text-line-clamp":this.maxLines}}},mounted(){!u&&this.kind==="headline"&&!f.includes(this.as)&&(console.info('[DtText] kind="headline" is used without a semantic heading element. Consider using as="h1|h2|h3|h4|h5|h6" for better accessibility.'),u=!0)},methods:{getVariantClass(){if(!this.kind)return this.size&&console.warn('[DtText] size prop has no effect without kind. Set kind="headline|body|label|code".'),null;if(!Object.prototype.hasOwnProperty.call(e.TEXT_KIND_MODIFIERS,this.kind))return console.warn(`[DtText] Unsupported kind "${this.kind}".`),null;const t=e.TEXT_SIZE_MODIFIERS[this.kind]||[],s=(this.size!=null?String(this.size):null)||o;let n=s;if(!t.includes(s)){if(e.TEXT_HEADLINE_ONLY_SIZES.includes(s))throw new Error(`[DtText] size="${s}" is only valid for kind="headline". Cannot use with kind="${this.kind}".`);const i=t.includes(o)?o:t[0];i&&(n=i),console.warn(`[DtText] size="${s}" is not valid for kind="${this.kind}". Using "${n}" instead.`)}if(!n)return null;const a=e.TEXT_SIZE_MAP[n]||n;return`${e.TEXT_KIND_MODIFIERS[this.kind]}--${a}`},getModifierClass(t,r,s){if(t==null)return null;const n=r[t];return n||(console.warn(`[DtText] Unsupported ${s} "${t}".`),null)},getAlignClass(){return this.getModifierClass(this.align,e.TEXT_ALIGN_MODIFIERS,"align")},getToneClass(){return this.tone?T.default.includes(this.tone)?`${e.TEXT_TONE_PREFIX}${this.tone}`:(console.warn(`[DtText] Unsupported tone "${this.tone}".`),null):null},getWrapClass(){return this.getModifierClass(this.wrap,e.TEXT_WRAP_MODIFIERS,"wrap")},getTextBoxTrimClass(){return this.getModifierClass(this.textBoxTrim,e.TEXT_BOX_TRIM_MODIFIERS,"textBoxTrim")},getStrengthClass(){return this.getModifierClass(this.strength,e.TEXT_STRENGTH_MODIFIERS,"strength")},getDensityClass(){return this.getModifierClass(this.density,e.TEXT_DENSITY_MODIFIERS,"density")}}};function S(t,r,s,n,a,i){return l.openBlock(),l.createBlock(l.resolveDynamicComponent(s.as),{"data-qa":"dt-text",class:l.normalizeClass(i.textClasses),style:l.normalizeStyle(i.textStyles)},{default:l.withCtx(()=>[l.renderSlot(t.$slots,"default")]),_:3},8,["class","style"])}const E=c._(_,[["render",S]]);exports.default=E;exports.resetHeadlineSemanticInfoFlag=p;
|
|
2
|
+
//# sourceMappingURL=text.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text.cjs","sources":["../../../components/text/text.vue"],"sourcesContent":["<template>\n <component\n :is=\"as\"\n data-qa=\"dt-text\"\n :class=\"textClasses\"\n :style=\"textStyles\"\n >\n <!-- @slot Default slot for text content -->\n <slot />\n </component>\n</template>\n\n<script>\nimport {\n TEXT_KIND_MODIFIERS,\n TEXT_SIZE_MODIFIERS,\n TEXT_SIZE_MAP,\n TEXT_HEADLINE_ONLY_SIZES,\n TEXT_ALIGN_MODIFIERS,\n TEXT_TONE_PREFIX,\n TEXT_TONE_TOKENS,\n TEXT_NUMERIC_CLASS,\n TEXT_TRUNCATE_CLASS,\n TEXT_LINE_CLAMP_CLASS,\n TEXT_WRAP_MODIFIERS,\n TEXT_BOX_TRIM_MODIFIERS,\n TEXT_STRENGTH_MODIFIERS,\n TEXT_DENSITY_MODIFIERS,\n} from './text_constants';\n\nconst DEFAULT_SIZE = '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 compatConfig: { MODE: 3 },\n name: 'DtText',\n\n props: {\n /**\n * HTML tag or component used for rendering.\n * @values span, p, h1, h2, h3, h4, h5, h6, label, div, component\n */\n as: {\n type: String,\n default: 'span',\n },\n\n /**\n * Typography kind mapping to headline/body/label/code token sets.\n * @values headline, body, label, code\n */\n kind: {\n type: String,\n default: null,\n validator: (value) => {\n return value === null || Object.prototype.hasOwnProperty.call(TEXT_KIND_MODIFIERS, value);\n },\n },\n\n /**\n * Size variant within the selected `kind`. Falls back to `md`/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 * Aligns to available foreground color tokens, e.g. `tertiary`, `critical`, etc.\n */\n tone: {\n type: String,\n default: null,\n },\n\n /**\n * Logical text alignment. Requires block/inline-block context.\n * @values start, center, end, justify\n */\n align: {\n type: String,\n default: null,\n },\n\n /**\n * Enables single-line truncation (i.e. ellipsis) when true; requires block/inline-block context.\n */\n truncate: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Applies multi-line truncation (i.e. clamp) when greater than zero; requires block/inline-block context.\n */\n maxLines: {\n type: Number,\n default: null,\n validator: (value) => {\n return value === null || (Number.isInteger(value) && value > 0);\n },\n },\n\n /**\n * Renders numeric content with tabular figures.\n */\n numeric: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Controls text wrapping behavior.\n * @values wrap, nowrap, balance, pretty\n */\n wrap: {\n type: String,\n default: null,\n validator: (value) => {\n return value === null || Object.prototype.hasOwnProperty.call(TEXT_WRAP_MODIFIERS, value);\n },\n },\n\n /**\n * Controls text-box-trim (leading space above/below text). Useful for tight component layouts.\n * @values start, end, both\n */\n textBoxTrim: {\n type: String,\n default: null,\n validator: (value) => {\n return value === null || Object.prototype.hasOwnProperty.call(TEXT_BOX_TRIM_MODIFIERS, value);\n },\n },\n\n /**\n * Overrides font-weight. Applies to any kind/size combination.\n * @values bold, semibold, medium, normal\n */\n strength: {\n type: String,\n default: null,\n validator: (value) => {\n return value === null || Object.prototype.hasOwnProperty.call(TEXT_STRENGTH_MODIFIERS, value);\n },\n },\n\n /**\n * Overrides line-height. Applies to any kind/size combination.\n * @values 100, 200, 300, 400, 500, 600\n */\n density: {\n type: [String, Number],\n default: null,\n validator: (value) => {\n return value === null || Object.prototype.hasOwnProperty.call(TEXT_DENSITY_MODIFIERS, value);\n },\n },\n },\n\n computed: {\n textClasses () {\n const classes = ['d-text'];\n const variantClass = this.getVariantClass();\n if (variantClass) {\n classes.push(variantClass);\n }\n\n const alignClass = this.getAlignClass();\n if (alignClass) {\n classes.push(alignClass);\n }\n\n const toneClass = this.getToneClass();\n if (toneClass) {\n classes.push(toneClass);\n }\n\n if (this.truncate) {\n classes.push(TEXT_TRUNCATE_CLASS);\n }\n\n if (this.numeric) {\n classes.push(TEXT_NUMERIC_CLASS);\n }\n\n if (this.maxLines) {\n classes.push(TEXT_LINE_CLAMP_CLASS);\n }\n\n const wrapClass = this.getWrapClass();\n if (wrapClass) {\n classes.push(wrapClass);\n }\n\n const textBoxTrimClass = this.getTextBoxTrimClass();\n if (textBoxTrimClass) {\n classes.push(textBoxTrimClass);\n }\n\n const strengthClass = this.getStrengthClass();\n if (strengthClass) {\n classes.push(strengthClass);\n }\n\n const densityClass = this.getDensityClass();\n if (densityClass) {\n classes.push(densityClass);\n }\n\n return classes;\n },\n\n textStyles () {\n if (!this.maxLines) {\n return undefined;\n }\n\n return {\n '--dt-text-line-clamp': this.maxLines,\n };\n },\n },\n\n mounted () {\n // Emit info once per session when headline is used without semantic heading element\n if (\n !hasEmittedHeadlineSemanticInfo &&\n this.kind === 'headline' &&\n !SEMANTIC_HEADING_ELEMENTS.includes(this.as)\n ) {\n\n console.info(\n '[DtText] kind=\"headline\" is used without a semantic heading element. ' +\n 'Consider using as=\"h1|h2|h3|h4|h5|h6\" for better accessibility.',\n );\n hasEmittedHeadlineSemanticInfo = true;\n }\n },\n\n methods: {\n getVariantClass () {\n if (!this.kind) {\n if (this.size) {\n console.warn('[DtText] size prop has no effect without kind. Set kind=\"headline|body|label|code\".');\n }\n return null;\n }\n\n if (!Object.prototype.hasOwnProperty.call(TEXT_KIND_MODIFIERS, this.kind)) {\n console.warn(`[DtText] Unsupported kind \"${this.kind}\".`);\n return null;\n }\n\n const allowedSizes = TEXT_SIZE_MODIFIERS[this.kind] || [];\n const 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 if (!this.tone) {\n return null;\n }\n\n if (!TEXT_TONE_TOKENS.includes(this.tone)) {\n console.warn(`[DtText] Unsupported tone \"${this.tone}\".`);\n return null;\n }\n\n return `${TEXT_TONE_PREFIX}${this.tone}`;\n },\n\n getWrapClass () {\n return this.getModifierClass(this.wrap, TEXT_WRAP_MODIFIERS, 'wrap');\n },\n\n getTextBoxTrimClass () {\n return this.getModifierClass(this.textBoxTrim, TEXT_BOX_TRIM_MODIFIERS, 'textBoxTrim');\n },\n\n getStrengthClass () {\n return this.getModifierClass(this.strength, TEXT_STRENGTH_MODIFIERS, 'strength');\n },\n\n getDensityClass () {\n return this.getModifierClass(this.density, TEXT_DENSITY_MODIFIERS, 'density');\n },\n },\n};\n</script>\n"],"names":["DEFAULT_SIZE","SEMANTIC_HEADING_ELEMENTS","hasEmittedHeadlineSemanticInfo","resetHeadlineSemanticInfoFlag","_sfc_main","value","TEXT_KIND_MODIFIERS","TEXT_WRAP_MODIFIERS","TEXT_BOX_TRIM_MODIFIERS","TEXT_STRENGTH_MODIFIERS","TEXT_DENSITY_MODIFIERS","classes","variantClass","alignClass","toneClass","TEXT_TRUNCATE_CLASS","TEXT_NUMERIC_CLASS","TEXT_LINE_CLAMP_CLASS","wrapClass","textBoxTrimClass","strengthClass","densityClass","allowedSizes","TEXT_SIZE_MODIFIERS","requestedSize","resolvedSize","TEXT_HEADLINE_ONLY_SIZES","fallbackSize","cssSuffix","TEXT_SIZE_MAP","modifiers","propName","className","TEXT_ALIGN_MODIFIERS","TEXT_TONE_TOKENS","TEXT_TONE_PREFIX","_openBlock","_createBlock","_resolveDynamicComponent","$props","$options","_renderSlot","_ctx"],"mappings":"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"}
|
|
@@ -0,0 +1,206 @@
|
|
|
1
|
+
import { TEXT_DENSITY_MODIFIERS as h, TEXT_STRENGTH_MODIFIERS as c, TEXT_BOX_TRIM_MODIFIERS as f, TEXT_WRAP_MODIFIERS as p, TEXT_TONE_PREFIX as T, TEXT_ALIGN_MODIFIERS as S, TEXT_KIND_MODIFIERS as r, TEXT_SIZE_MODIFIERS as g, TEXT_HEADLINE_ONLY_SIZES as E, TEXT_SIZE_MAP as _, TEXT_TRUNCATE_CLASS as C, TEXT_NUMERIC_CLASS as m, TEXT_LINE_CLAMP_CLASS as y } from "./text-constants.js";
|
|
2
|
+
import { openBlock as x, createBlock as I, resolveDynamicComponent as D, normalizeStyle as O, normalizeClass as w, withCtx as M, renderSlot as N } from "vue";
|
|
3
|
+
import { _ as k } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
+
import X from "./text-tone-tokens.js";
|
|
5
|
+
const a = "300", b = ["h1", "h2", "h3", "h4", "h5", "h6"];
|
|
6
|
+
let o = !1;
|
|
7
|
+
const F = () => {
|
|
8
|
+
o = !1;
|
|
9
|
+
}, z = {
|
|
10
|
+
compatConfig: { MODE: 3 },
|
|
11
|
+
name: "DtText",
|
|
12
|
+
props: {
|
|
13
|
+
/**
|
|
14
|
+
* HTML tag or component used for rendering.
|
|
15
|
+
* @values span, p, h1, h2, h3, h4, h5, h6, label, div, component
|
|
16
|
+
*/
|
|
17
|
+
as: {
|
|
18
|
+
type: String,
|
|
19
|
+
default: "span"
|
|
20
|
+
},
|
|
21
|
+
/**
|
|
22
|
+
* Typography kind mapping to headline/body/label/code token sets.
|
|
23
|
+
* @values headline, body, label, code
|
|
24
|
+
*/
|
|
25
|
+
kind: {
|
|
26
|
+
type: String,
|
|
27
|
+
default: null,
|
|
28
|
+
validator: (t) => t === null || Object.prototype.hasOwnProperty.call(r, t)
|
|
29
|
+
},
|
|
30
|
+
/**
|
|
31
|
+
* Size variant within the selected `kind`. Falls back to `md`/300 if unsupported.
|
|
32
|
+
* Headline supports all sizes; body/label/code support 100-400.
|
|
33
|
+
* @values 100, 200, 300, 400, 500, 600, 700
|
|
34
|
+
*/
|
|
35
|
+
size: {
|
|
36
|
+
type: [String, Number],
|
|
37
|
+
default: null
|
|
38
|
+
},
|
|
39
|
+
/**
|
|
40
|
+
* Aligns to available foreground color tokens, e.g. `tertiary`, `critical`, etc.
|
|
41
|
+
*/
|
|
42
|
+
tone: {
|
|
43
|
+
type: String,
|
|
44
|
+
default: null
|
|
45
|
+
},
|
|
46
|
+
/**
|
|
47
|
+
* Logical text alignment. Requires block/inline-block context.
|
|
48
|
+
* @values start, center, end, justify
|
|
49
|
+
*/
|
|
50
|
+
align: {
|
|
51
|
+
type: String,
|
|
52
|
+
default: null
|
|
53
|
+
},
|
|
54
|
+
/**
|
|
55
|
+
* Enables single-line truncation (i.e. ellipsis) when true; requires block/inline-block context.
|
|
56
|
+
*/
|
|
57
|
+
truncate: {
|
|
58
|
+
type: Boolean,
|
|
59
|
+
default: !1
|
|
60
|
+
},
|
|
61
|
+
/**
|
|
62
|
+
* Applies multi-line truncation (i.e. clamp) when greater than zero; requires block/inline-block context.
|
|
63
|
+
*/
|
|
64
|
+
maxLines: {
|
|
65
|
+
type: Number,
|
|
66
|
+
default: null,
|
|
67
|
+
validator: (t) => t === null || Number.isInteger(t) && t > 0
|
|
68
|
+
},
|
|
69
|
+
/**
|
|
70
|
+
* Renders numeric content with tabular figures.
|
|
71
|
+
*/
|
|
72
|
+
numeric: {
|
|
73
|
+
type: Boolean,
|
|
74
|
+
default: !1
|
|
75
|
+
},
|
|
76
|
+
/**
|
|
77
|
+
* Controls text wrapping behavior.
|
|
78
|
+
* @values wrap, nowrap, balance, pretty
|
|
79
|
+
*/
|
|
80
|
+
wrap: {
|
|
81
|
+
type: String,
|
|
82
|
+
default: null,
|
|
83
|
+
validator: (t) => t === null || Object.prototype.hasOwnProperty.call(p, t)
|
|
84
|
+
},
|
|
85
|
+
/**
|
|
86
|
+
* Controls text-box-trim (leading space above/below text). Useful for tight component layouts.
|
|
87
|
+
* @values start, end, both
|
|
88
|
+
*/
|
|
89
|
+
textBoxTrim: {
|
|
90
|
+
type: String,
|
|
91
|
+
default: null,
|
|
92
|
+
validator: (t) => t === null || Object.prototype.hasOwnProperty.call(f, t)
|
|
93
|
+
},
|
|
94
|
+
/**
|
|
95
|
+
* Overrides font-weight. Applies to any kind/size combination.
|
|
96
|
+
* @values bold, semibold, medium, normal
|
|
97
|
+
*/
|
|
98
|
+
strength: {
|
|
99
|
+
type: String,
|
|
100
|
+
default: null,
|
|
101
|
+
validator: (t) => t === null || Object.prototype.hasOwnProperty.call(c, t)
|
|
102
|
+
},
|
|
103
|
+
/**
|
|
104
|
+
* Overrides line-height. Applies to any kind/size combination.
|
|
105
|
+
* @values 100, 200, 300, 400, 500, 600
|
|
106
|
+
*/
|
|
107
|
+
density: {
|
|
108
|
+
type: [String, Number],
|
|
109
|
+
default: null,
|
|
110
|
+
validator: (t) => t === null || Object.prototype.hasOwnProperty.call(h, t)
|
|
111
|
+
}
|
|
112
|
+
},
|
|
113
|
+
computed: {
|
|
114
|
+
textClasses() {
|
|
115
|
+
const t = ["d-text"], i = this.getVariantClass();
|
|
116
|
+
i && t.push(i);
|
|
117
|
+
const e = this.getAlignClass();
|
|
118
|
+
e && t.push(e);
|
|
119
|
+
const s = this.getToneClass();
|
|
120
|
+
s && t.push(s), this.truncate && t.push(C), this.numeric && t.push(m), this.maxLines && t.push(y);
|
|
121
|
+
const l = this.getWrapClass();
|
|
122
|
+
l && t.push(l);
|
|
123
|
+
const n = this.getTextBoxTrimClass();
|
|
124
|
+
n && t.push(n);
|
|
125
|
+
const u = this.getStrengthClass();
|
|
126
|
+
u && t.push(u);
|
|
127
|
+
const d = this.getDensityClass();
|
|
128
|
+
return d && t.push(d), t;
|
|
129
|
+
},
|
|
130
|
+
textStyles() {
|
|
131
|
+
if (this.maxLines)
|
|
132
|
+
return {
|
|
133
|
+
"--dt-text-line-clamp": this.maxLines
|
|
134
|
+
};
|
|
135
|
+
}
|
|
136
|
+
},
|
|
137
|
+
mounted() {
|
|
138
|
+
!o && this.kind === "headline" && !b.includes(this.as) && (console.info(
|
|
139
|
+
'[DtText] kind="headline" is used without a semantic heading element. Consider using as="h1|h2|h3|h4|h5|h6" for better accessibility.'
|
|
140
|
+
), o = !0);
|
|
141
|
+
},
|
|
142
|
+
methods: {
|
|
143
|
+
getVariantClass() {
|
|
144
|
+
if (!this.kind)
|
|
145
|
+
return this.size && console.warn('[DtText] size prop has no effect without kind. Set kind="headline|body|label|code".'), null;
|
|
146
|
+
if (!Object.prototype.hasOwnProperty.call(r, this.kind))
|
|
147
|
+
return console.warn(`[DtText] Unsupported kind "${this.kind}".`), null;
|
|
148
|
+
const t = g[this.kind] || [], e = (this.size != null ? String(this.size) : null) || a;
|
|
149
|
+
let s = e;
|
|
150
|
+
if (!t.includes(e)) {
|
|
151
|
+
if (E.includes(e))
|
|
152
|
+
throw new Error(
|
|
153
|
+
`[DtText] size="${e}" is only valid for kind="headline". Cannot use with kind="${this.kind}".`
|
|
154
|
+
);
|
|
155
|
+
const n = t.includes(a) ? a : t[0];
|
|
156
|
+
n && (s = n), console.warn(`[DtText] size="${e}" is not valid for kind="${this.kind}". Using "${s}" instead.`);
|
|
157
|
+
}
|
|
158
|
+
if (!s)
|
|
159
|
+
return null;
|
|
160
|
+
const l = _[s] || s;
|
|
161
|
+
return `${r[this.kind]}--${l}`;
|
|
162
|
+
},
|
|
163
|
+
getModifierClass(t, i, e) {
|
|
164
|
+
if (t == null)
|
|
165
|
+
return null;
|
|
166
|
+
const s = i[t];
|
|
167
|
+
return s || (console.warn(`[DtText] Unsupported ${e} "${t}".`), null);
|
|
168
|
+
},
|
|
169
|
+
getAlignClass() {
|
|
170
|
+
return this.getModifierClass(this.align, S, "align");
|
|
171
|
+
},
|
|
172
|
+
getToneClass() {
|
|
173
|
+
return this.tone ? X.includes(this.tone) ? `${T}${this.tone}` : (console.warn(`[DtText] Unsupported tone "${this.tone}".`), null) : null;
|
|
174
|
+
},
|
|
175
|
+
getWrapClass() {
|
|
176
|
+
return this.getModifierClass(this.wrap, p, "wrap");
|
|
177
|
+
},
|
|
178
|
+
getTextBoxTrimClass() {
|
|
179
|
+
return this.getModifierClass(this.textBoxTrim, f, "textBoxTrim");
|
|
180
|
+
},
|
|
181
|
+
getStrengthClass() {
|
|
182
|
+
return this.getModifierClass(this.strength, c, "strength");
|
|
183
|
+
},
|
|
184
|
+
getDensityClass() {
|
|
185
|
+
return this.getModifierClass(this.density, h, "density");
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
};
|
|
189
|
+
function $(t, i, e, s, l, n) {
|
|
190
|
+
return x(), I(D(e.as), {
|
|
191
|
+
"data-qa": "dt-text",
|
|
192
|
+
class: w(n.textClasses),
|
|
193
|
+
style: O(n.textStyles)
|
|
194
|
+
}, {
|
|
195
|
+
default: M(() => [
|
|
196
|
+
N(t.$slots, "default")
|
|
197
|
+
]),
|
|
198
|
+
_: 3
|
|
199
|
+
}, 8, ["class", "style"]);
|
|
200
|
+
}
|
|
201
|
+
const P = /* @__PURE__ */ k(z, [["render", $]]);
|
|
202
|
+
export {
|
|
203
|
+
P as default,
|
|
204
|
+
F as resetHeadlineSemanticInfoFlag
|
|
205
|
+
};
|
|
206
|
+
//# sourceMappingURL=text.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text.js","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_PREFIX,\n TEXT_TONE_TOKENS,\n TEXT_NUMERIC_CLASS,\n TEXT_TRUNCATE_CLASS,\n TEXT_LINE_CLAMP_CLASS,\n TEXT_WRAP_MODIFIERS,\n TEXT_BOX_TRIM_MODIFIERS,\n TEXT_STRENGTH_MODIFIERS,\n TEXT_DENSITY_MODIFIERS,\n} from './text_constants';\n\nconst DEFAULT_SIZE = '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 compatConfig: { MODE: 3 },\n name: 'DtText',\n\n props: {\n /**\n * HTML tag or component used for rendering.\n * @values span, p, h1, h2, h3, h4, h5, h6, label, div, component\n */\n as: {\n type: String,\n default: 'span',\n },\n\n /**\n * Typography kind mapping to headline/body/label/code token sets.\n * @values headline, body, label, code\n */\n kind: {\n type: String,\n default: null,\n validator: (value) => {\n return value === null || Object.prototype.hasOwnProperty.call(TEXT_KIND_MODIFIERS, value);\n },\n },\n\n /**\n * Size variant within the selected `kind`. Falls back to `md`/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 * Aligns to available foreground color tokens, e.g. `tertiary`, `critical`, etc.\n */\n tone: {\n type: String,\n default: null,\n },\n\n /**\n * Logical text alignment. Requires block/inline-block context.\n * @values start, center, end, justify\n */\n align: {\n type: String,\n default: null,\n },\n\n /**\n * Enables single-line truncation (i.e. ellipsis) when true; requires block/inline-block context.\n */\n truncate: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Applies multi-line truncation (i.e. clamp) when greater than zero; requires block/inline-block context.\n */\n maxLines: {\n type: Number,\n default: null,\n validator: (value) => {\n return value === null || (Number.isInteger(value) && value > 0);\n },\n },\n\n /**\n * Renders numeric content with tabular figures.\n */\n numeric: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Controls text wrapping behavior.\n * @values wrap, nowrap, balance, pretty\n */\n wrap: {\n type: String,\n default: null,\n validator: (value) => {\n return value === null || Object.prototype.hasOwnProperty.call(TEXT_WRAP_MODIFIERS, value);\n },\n },\n\n /**\n * Controls text-box-trim (leading space above/below text). Useful for tight component layouts.\n * @values start, end, both\n */\n textBoxTrim: {\n type: String,\n default: null,\n validator: (value) => {\n return value === null || Object.prototype.hasOwnProperty.call(TEXT_BOX_TRIM_MODIFIERS, value);\n },\n },\n\n /**\n * Overrides font-weight. Applies to any kind/size combination.\n * @values bold, semibold, medium, normal\n */\n strength: {\n type: String,\n default: null,\n validator: (value) => {\n return value === null || Object.prototype.hasOwnProperty.call(TEXT_STRENGTH_MODIFIERS, value);\n },\n },\n\n /**\n * Overrides line-height. Applies to any kind/size combination.\n * @values 100, 200, 300, 400, 500, 600\n */\n density: {\n type: [String, Number],\n default: null,\n validator: (value) => {\n return value === null || Object.prototype.hasOwnProperty.call(TEXT_DENSITY_MODIFIERS, value);\n },\n },\n },\n\n computed: {\n textClasses () {\n const classes = ['d-text'];\n const variantClass = this.getVariantClass();\n if (variantClass) {\n classes.push(variantClass);\n }\n\n const alignClass = this.getAlignClass();\n if (alignClass) {\n classes.push(alignClass);\n }\n\n const toneClass = this.getToneClass();\n if (toneClass) {\n classes.push(toneClass);\n }\n\n if (this.truncate) {\n classes.push(TEXT_TRUNCATE_CLASS);\n }\n\n if (this.numeric) {\n classes.push(TEXT_NUMERIC_CLASS);\n }\n\n if (this.maxLines) {\n classes.push(TEXT_LINE_CLAMP_CLASS);\n }\n\n const wrapClass = this.getWrapClass();\n if (wrapClass) {\n classes.push(wrapClass);\n }\n\n const textBoxTrimClass = this.getTextBoxTrimClass();\n if (textBoxTrimClass) {\n classes.push(textBoxTrimClass);\n }\n\n const strengthClass = this.getStrengthClass();\n if (strengthClass) {\n classes.push(strengthClass);\n }\n\n const densityClass = this.getDensityClass();\n if (densityClass) {\n classes.push(densityClass);\n }\n\n return classes;\n },\n\n textStyles () {\n if (!this.maxLines) {\n return undefined;\n }\n\n return {\n '--dt-text-line-clamp': this.maxLines,\n };\n },\n },\n\n mounted () {\n // Emit info once per session when headline is used without semantic heading element\n if (\n !hasEmittedHeadlineSemanticInfo &&\n this.kind === 'headline' &&\n !SEMANTIC_HEADING_ELEMENTS.includes(this.as)\n ) {\n\n console.info(\n '[DtText] kind=\"headline\" is used without a semantic heading element. ' +\n 'Consider using as=\"h1|h2|h3|h4|h5|h6\" for better accessibility.',\n );\n hasEmittedHeadlineSemanticInfo = true;\n }\n },\n\n methods: {\n getVariantClass () {\n if (!this.kind) {\n if (this.size) {\n console.warn('[DtText] size prop has no effect without kind. Set kind=\"headline|body|label|code\".');\n }\n return null;\n }\n\n if (!Object.prototype.hasOwnProperty.call(TEXT_KIND_MODIFIERS, this.kind)) {\n console.warn(`[DtText] Unsupported kind \"${this.kind}\".`);\n return null;\n }\n\n const allowedSizes = TEXT_SIZE_MODIFIERS[this.kind] || [];\n const 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 if (!this.tone) {\n return null;\n }\n\n if (!TEXT_TONE_TOKENS.includes(this.tone)) {\n console.warn(`[DtText] Unsupported tone \"${this.tone}\".`);\n return null;\n }\n\n return `${TEXT_TONE_PREFIX}${this.tone}`;\n },\n\n getWrapClass () {\n return this.getModifierClass(this.wrap, TEXT_WRAP_MODIFIERS, 'wrap');\n },\n\n getTextBoxTrimClass () {\n return this.getModifierClass(this.textBoxTrim, TEXT_BOX_TRIM_MODIFIERS, 'textBoxTrim');\n },\n\n getStrengthClass () {\n return this.getModifierClass(this.strength, TEXT_STRENGTH_MODIFIERS, 'strength');\n },\n\n getDensityClass () {\n return this.getModifierClass(this.density, TEXT_DENSITY_MODIFIERS, 'density');\n },\n },\n};\n</script>\n"],"names":["DEFAULT_SIZE","SEMANTIC_HEADING_ELEMENTS","hasEmittedHeadlineSemanticInfo","resetHeadlineSemanticInfoFlag","_sfc_main","value","TEXT_KIND_MODIFIERS","TEXT_WRAP_MODIFIERS","TEXT_BOX_TRIM_MODIFIERS","TEXT_STRENGTH_MODIFIERS","TEXT_DENSITY_MODIFIERS","classes","variantClass","alignClass","toneClass","TEXT_TRUNCATE_CLASS","TEXT_NUMERIC_CLASS","TEXT_LINE_CLAMP_CLASS","wrapClass","textBoxTrimClass","strengthClass","densityClass","allowedSizes","TEXT_SIZE_MODIFIERS","requestedSize","resolvedSize","TEXT_HEADLINE_ONLY_SIZES","fallbackSize","cssSuffix","TEXT_SIZE_MAP","modifiers","propName","className","TEXT_ALIGN_MODIFIERS","TEXT_TONE_TOKENS","TEXT_TONE_PREFIX","_openBlock","_createBlock","_resolveDynamicComponent","$props","$options","_renderSlot","_ctx"],"mappings":"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"}
|