@eui/eds-wc 22.0.0-alpha.5 → 22.0.0-alpha.50
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/eds-accordion/eds-wc-accordion.d.ts.map +1 -1
- package/eds-accordion/eds-wc-accordion.js +6 -3
- package/eds-accordion/eds-wc-accordion.js.map +1 -1
- package/eds-alert/eds-wc-alert.d.ts +59 -21
- package/eds-alert/eds-wc-alert.d.ts.map +1 -1
- package/eds-alert/eds-wc-alert.js +211 -85
- package/eds-alert/eds-wc-alert.js.map +1 -1
- package/eds-alert/index.d.ts +1 -0
- package/eds-alert/index.d.ts.map +1 -1
- package/eds-autocomplete/eds-wc-autocomplete.d.ts.map +1 -1
- package/eds-autocomplete/eds-wc-autocomplete.js +3 -0
- package/eds-autocomplete/eds-wc-autocomplete.js.map +1 -1
- package/eds-avatar/eds-wc-avatar.d.ts.map +1 -1
- package/eds-avatar/eds-wc-avatar.js +19 -18
- package/eds-avatar/eds-wc-avatar.js.map +1 -1
- package/eds-badge/eds-wc-badge.d.ts +63 -23
- package/eds-badge/eds-wc-badge.d.ts.map +1 -1
- package/eds-badge/eds-wc-badge.js +228 -101
- package/eds-badge/eds-wc-badge.js.map +1 -1
- package/eds-badge/index.d.ts +1 -0
- package/eds-badge/index.d.ts.map +1 -1
- package/eds-blockquote/eds-wc-blockquote.d.ts.map +1 -1
- package/eds-blockquote/eds-wc-blockquote.js +2 -1
- package/eds-blockquote/eds-wc-blockquote.js.map +1 -1
- package/eds-breadcrumb/eds-wc-breadcrumb.d.ts +20 -1
- package/eds-breadcrumb/eds-wc-breadcrumb.d.ts.map +1 -1
- package/eds-breadcrumb/eds-wc-breadcrumb.js +68 -22
- package/eds-breadcrumb/eds-wc-breadcrumb.js.map +1 -1
- package/eds-breadcrumb/index.d.ts +2 -1
- package/eds-breadcrumb/index.d.ts.map +1 -1
- package/eds-breadcrumb/index.js +1 -1
- package/eds-breadcrumb/index.js.map +1 -1
- package/eds-button/eds-wc-button.d.ts +41 -17
- package/eds-button/eds-wc-button.d.ts.map +1 -1
- package/eds-button/eds-wc-button.js +178 -150
- package/eds-button/eds-wc-button.js.map +1 -1
- package/eds-button/index.d.ts +2 -2
- package/eds-button/index.d.ts.map +1 -1
- package/eds-button/index.js +1 -1
- package/eds-button/index.js.map +1 -1
- package/eds-calendar/eds-wc-calendar.d.ts +274 -0
- package/eds-calendar/eds-wc-calendar.d.ts.map +1 -0
- package/eds-calendar/eds-wc-calendar.js +1237 -0
- package/eds-calendar/eds-wc-calendar.js.map +1 -0
- package/eds-calendar/index.d.ts +3 -0
- package/eds-calendar/index.d.ts.map +1 -0
- package/eds-calendar/index.js +2 -0
- package/eds-calendar/index.js.map +1 -0
- package/eds-card/eds-wc-card.d.ts.map +1 -1
- package/eds-card/eds-wc-card.js +2 -1
- package/eds-card/eds-wc-card.js.map +1 -1
- package/eds-chat-bubble/eds-wc-chat-bubble.d.ts +83 -0
- package/eds-chat-bubble/eds-wc-chat-bubble.d.ts.map +1 -0
- package/eds-chat-bubble/eds-wc-chat-bubble.js +238 -0
- package/eds-chat-bubble/eds-wc-chat-bubble.js.map +1 -0
- package/eds-chat-bubble/index.d.ts +3 -0
- package/eds-chat-bubble/index.d.ts.map +1 -0
- package/eds-chat-bubble/index.js +2 -0
- package/eds-chat-bubble/index.js.map +1 -0
- package/{eds-input-checkbox/eds-wc-input-checkbox.d.ts → eds-checkbox/eds-wc-checkbox.d.ts} +8 -8
- package/eds-checkbox/eds-wc-checkbox.d.ts.map +1 -0
- package/{eds-input-checkbox/eds-wc-input-checkbox.js → eds-checkbox/eds-wc-checkbox.js} +19 -19
- package/eds-checkbox/eds-wc-checkbox.js.map +1 -0
- package/eds-checkbox/index.d.ts +2 -0
- package/eds-checkbox/index.d.ts.map +1 -0
- package/eds-checkbox/index.js +2 -0
- package/eds-checkbox/index.js.map +1 -0
- package/eds-chip/eds-wc-chip.d.ts +107 -18
- package/eds-chip/eds-wc-chip.d.ts.map +1 -1
- package/eds-chip/eds-wc-chip.js +418 -114
- package/eds-chip/eds-wc-chip.js.map +1 -1
- package/eds-chip/index.d.ts +2 -1
- package/eds-chip/index.d.ts.map +1 -1
- package/eds-chip/index.js +1 -1
- package/eds-chip/index.js.map +1 -1
- package/eds-content-item/eds-wc-content-item.d.ts +110 -0
- package/eds-content-item/eds-wc-content-item.d.ts.map +1 -0
- package/eds-content-item/eds-wc-content-item.js +420 -0
- package/eds-content-item/eds-wc-content-item.js.map +1 -0
- package/eds-content-item/index.d.ts +3 -0
- package/eds-content-item/index.d.ts.map +1 -0
- package/eds-content-item/index.js +2 -0
- package/eds-content-item/index.js.map +1 -0
- package/eds-date-block/eds-wc-date-block.d.ts.map +1 -1
- package/eds-date-block/eds-wc-date-block.js +4 -2
- package/eds-date-block/eds-wc-date-block.js.map +1 -1
- package/eds-datepicker/eds-wc-datepicker.js +1 -1
- package/eds-dialog/eds-wc-dialog.js +1 -1
- package/eds-discussion-thread/eds-wc-discussion-thread.js +2 -2
- package/eds-divider/eds-wc-divider.d.ts +56 -0
- package/eds-divider/eds-wc-divider.d.ts.map +1 -0
- package/eds-divider/eds-wc-divider.js +109 -0
- package/eds-divider/eds-wc-divider.js.map +1 -0
- package/eds-divider/index.d.ts +3 -0
- package/eds-divider/index.d.ts.map +1 -0
- package/eds-divider/index.js +2 -0
- package/eds-divider/index.js.map +1 -0
- package/eds-empty-state/eds-wc-empty-state.d.ts.map +1 -1
- package/eds-empty-state/eds-wc-empty-state.js +2 -1
- package/eds-empty-state/eds-wc-empty-state.js.map +1 -1
- package/eds-fab-button/eds-wc-fab-button.js +2 -2
- package/eds-fieldset/eds-wc-fieldset.d.ts.map +1 -1
- package/eds-fieldset/eds-wc-fieldset.js +2 -1
- package/eds-fieldset/eds-wc-fieldset.js.map +1 -1
- package/eds-file-upload/eds-wc-file-upload.js +1 -1
- package/eds-icon/eds-wc-icon-image.d.ts +43 -0
- package/eds-icon/eds-wc-icon-image.d.ts.map +1 -0
- package/eds-icon/eds-wc-icon-image.js +107 -0
- package/eds-icon/eds-wc-icon-image.js.map +1 -0
- package/eds-icon/eds-wc-icon.d.ts +44 -28
- package/eds-icon/eds-wc-icon.d.ts.map +1 -1
- package/eds-icon/eds-wc-icon.js +129 -85
- package/eds-icon/eds-wc-icon.js.map +1 -1
- package/eds-icon/index.d.ts +3 -1
- package/eds-icon/index.d.ts.map +1 -1
- package/eds-icon/index.js +2 -1
- package/eds-icon/index.js.map +1 -1
- package/eds-icon-button/eds-wc-icon-button.d.ts +53 -18
- package/eds-icon-button/eds-wc-icon-button.d.ts.map +1 -1
- package/eds-icon-button/eds-wc-icon-button.js +165 -74
- package/eds-icon-button/eds-wc-icon-button.js.map +1 -1
- package/eds-icon-button/index.d.ts +2 -1
- package/eds-icon-button/index.d.ts.map +1 -1
- package/eds-icon-button/index.js +1 -1
- package/eds-icon-button/index.js.map +1 -1
- package/eds-icon-state/eds-wc-icon-state.d.ts +56 -0
- package/eds-icon-state/eds-wc-icon-state.d.ts.map +1 -0
- package/eds-icon-state/eds-wc-icon-state.js +93 -0
- package/eds-icon-state/eds-wc-icon-state.js.map +1 -0
- package/eds-icon-state/index.d.ts +3 -0
- package/eds-icon-state/index.d.ts.map +1 -0
- package/eds-icon-state/index.js +2 -0
- package/eds-icon-state/index.js.map +1 -0
- package/eds-input-addon/eds-wc-input-addon.d.ts +55 -0
- package/eds-input-addon/eds-wc-input-addon.d.ts.map +1 -0
- package/eds-input-addon/eds-wc-input-addon.js +177 -0
- package/eds-input-addon/eds-wc-input-addon.js.map +1 -0
- package/eds-input-addon/index.d.ts +3 -0
- package/eds-input-addon/index.d.ts.map +1 -0
- package/eds-input-addon/index.js +2 -0
- package/eds-input-addon/index.js.map +1 -0
- package/eds-input-button/eds-wc-input-button.d.ts +86 -8
- package/eds-input-button/eds-wc-input-button.d.ts.map +1 -1
- package/eds-input-button/eds-wc-input-button.js +275 -13
- package/eds-input-button/eds-wc-input-button.js.map +1 -1
- package/eds-input-button/index.d.ts +2 -1
- package/eds-input-button/index.d.ts.map +1 -1
- package/eds-input-button/index.js +1 -1
- package/eds-input-button/index.js.map +1 -1
- package/eds-input-chat/eds-wc-input-chat.d.ts +97 -0
- package/eds-input-chat/eds-wc-input-chat.d.ts.map +1 -0
- package/eds-input-chat/eds-wc-input-chat.js +363 -0
- package/eds-input-chat/eds-wc-input-chat.js.map +1 -0
- package/eds-input-chat/index.d.ts +3 -0
- package/eds-input-chat/index.d.ts.map +1 -0
- package/eds-input-chat/index.js +2 -0
- package/eds-input-chat/index.js.map +1 -0
- package/eds-input-number/eds-wc-input-number.js +1 -1
- package/eds-input-password/eds-wc-input-password.d.ts +115 -0
- package/eds-input-password/eds-wc-input-password.d.ts.map +1 -0
- package/eds-input-password/eds-wc-input-password.js +295 -0
- package/eds-input-password/eds-wc-input-password.js.map +1 -0
- package/eds-input-password/index.d.ts +2 -0
- package/eds-input-password/index.d.ts.map +1 -0
- package/eds-input-password/index.js +2 -0
- package/eds-input-password/index.js.map +1 -0
- package/eds-input-text/eds-wc-input-text.d.ts +4 -0
- package/eds-input-text/eds-wc-input-text.d.ts.map +1 -1
- package/eds-input-text/eds-wc-input-text.js +37 -5
- package/eds-input-text/eds-wc-input-text.js.map +1 -1
- package/eds-label/eds-wc-label.d.ts +10 -0
- package/eds-label/eds-wc-label.d.ts.map +1 -1
- package/eds-label/eds-wc-label.js +29 -1
- package/eds-label/eds-wc-label.js.map +1 -1
- package/eds-language-selector/eds-wc-language-selector.d.ts +108 -0
- package/eds-language-selector/eds-wc-language-selector.d.ts.map +1 -0
- package/eds-language-selector/eds-wc-language-selector.js +655 -0
- package/eds-language-selector/eds-wc-language-selector.js.map +1 -0
- package/eds-language-selector/index.d.ts +3 -0
- package/eds-language-selector/index.d.ts.map +1 -0
- package/eds-language-selector/index.js +2 -0
- package/eds-language-selector/index.js.map +1 -0
- package/eds-loading-indicator/eds-wc-loading-indicator.d.ts +61 -0
- package/eds-loading-indicator/eds-wc-loading-indicator.d.ts.map +1 -0
- package/eds-loading-indicator/eds-wc-loading-indicator.js +106 -0
- package/eds-loading-indicator/eds-wc-loading-indicator.js.map +1 -0
- package/eds-loading-indicator/index.d.ts +3 -0
- package/eds-loading-indicator/index.d.ts.map +1 -0
- package/eds-loading-indicator/index.js +2 -0
- package/eds-loading-indicator/index.js.map +1 -0
- package/eds-message-box/eds-wc-message-box.js +1 -1
- package/eds-multiselect/eds-wc-multiselect.d.ts +118 -0
- package/eds-multiselect/eds-wc-multiselect.d.ts.map +1 -0
- package/eds-multiselect/eds-wc-multiselect.js +618 -0
- package/eds-multiselect/eds-wc-multiselect.js.map +1 -0
- package/eds-multiselect/index.d.ts +3 -0
- package/eds-multiselect/index.d.ts.map +1 -0
- package/eds-multiselect/index.js +2 -0
- package/eds-multiselect/index.js.map +1 -0
- package/eds-overlay/eds-wc-overlay-content.d.ts +17 -0
- package/eds-overlay/eds-wc-overlay-content.d.ts.map +1 -0
- package/eds-overlay/eds-wc-overlay-content.js +34 -0
- package/eds-overlay/eds-wc-overlay-content.js.map +1 -0
- package/eds-overlay/eds-wc-overlay-footer.d.ts +17 -0
- package/eds-overlay/eds-wc-overlay-footer.d.ts.map +1 -0
- package/eds-overlay/eds-wc-overlay-footer.js +35 -0
- package/eds-overlay/eds-wc-overlay-footer.js.map +1 -0
- package/eds-overlay/eds-wc-overlay-header-action-items.d.ts +18 -0
- package/eds-overlay/eds-wc-overlay-header-action-items.d.ts.map +1 -0
- package/eds-overlay/eds-wc-overlay-header-action-items.js +34 -0
- package/eds-overlay/eds-wc-overlay-header-action-items.js.map +1 -0
- package/eds-overlay/eds-wc-overlay-header-label.d.ts +17 -0
- package/eds-overlay/eds-wc-overlay-header-label.d.ts.map +1 -0
- package/eds-overlay/eds-wc-overlay-header-label.js +32 -0
- package/eds-overlay/eds-wc-overlay-header-label.js.map +1 -0
- package/eds-overlay/eds-wc-overlay-header-sublabel.d.ts +17 -0
- package/eds-overlay/eds-wc-overlay-header-sublabel.d.ts.map +1 -0
- package/eds-overlay/eds-wc-overlay-header-sublabel.js +32 -0
- package/eds-overlay/eds-wc-overlay-header-sublabel.js.map +1 -0
- package/eds-overlay/eds-wc-overlay-header.d.ts +25 -0
- package/eds-overlay/eds-wc-overlay-header.d.ts.map +1 -0
- package/eds-overlay/eds-wc-overlay-header.js +105 -0
- package/eds-overlay/eds-wc-overlay-header.js.map +1 -0
- package/eds-overlay/eds-wc-overlay.d.ts +97 -0
- package/eds-overlay/eds-wc-overlay.d.ts.map +1 -0
- package/eds-overlay/eds-wc-overlay.js +352 -0
- package/eds-overlay/eds-wc-overlay.js.map +1 -0
- package/eds-overlay/index.d.ts +9 -0
- package/eds-overlay/index.d.ts.map +1 -0
- package/eds-overlay/index.js +8 -0
- package/eds-overlay/index.js.map +1 -0
- package/{eds-paginator/eds-wc-paginator.d.ts → eds-pagination/eds-wc-pagination.d.ts} +6 -6
- package/eds-pagination/eds-wc-pagination.d.ts.map +1 -0
- package/{eds-paginator/eds-wc-paginator.js → eds-pagination/eds-wc-pagination.js} +21 -21
- package/eds-pagination/eds-wc-pagination.js.map +1 -0
- package/eds-pagination/index.d.ts +3 -0
- package/eds-pagination/index.d.ts.map +1 -0
- package/eds-pagination/index.js +2 -0
- package/eds-pagination/index.js.map +1 -0
- package/eds-popover/eds-wc-popover.js +1 -1
- package/eds-progress-bar/eds-wc-progress-bar.d.ts.map +1 -1
- package/eds-progress-bar/eds-wc-progress-bar.js +2 -1
- package/eds-progress-bar/eds-wc-progress-bar.js.map +1 -1
- package/eds-progress-circle/eds-wc-progress-circle.d.ts.map +1 -1
- package/eds-progress-circle/eds-wc-progress-circle.js +4 -3
- package/eds-progress-circle/eds-wc-progress-circle.js.map +1 -1
- package/{eds-input-radio/eds-wc-input-radio.d.ts → eds-radio/eds-wc-radio.d.ts} +6 -6
- package/eds-radio/eds-wc-radio.d.ts.map +1 -0
- package/{eds-input-radio/eds-wc-input-radio.js → eds-radio/eds-wc-radio.js} +19 -19
- package/eds-radio/eds-wc-radio.js.map +1 -0
- package/eds-radio/index.d.ts +2 -0
- package/eds-radio/index.d.ts.map +1 -0
- package/eds-radio/index.js +2 -0
- package/eds-radio/index.js.map +1 -0
- package/eds-segmented-control/eds-wc-segmented-control.d.ts +67 -0
- package/eds-segmented-control/eds-wc-segmented-control.d.ts.map +1 -0
- package/{eds-button-group/eds-wc-button-group.js → eds-segmented-control/eds-wc-segmented-control.js} +40 -35
- package/eds-segmented-control/eds-wc-segmented-control.js.map +1 -0
- package/eds-segmented-control/index.d.ts +3 -0
- package/eds-segmented-control/index.d.ts.map +1 -0
- package/eds-segmented-control/index.js +2 -0
- package/eds-segmented-control/index.js.map +1 -0
- package/eds-select/eds-wc-select.d.ts +11 -0
- package/eds-select/eds-wc-select.d.ts.map +1 -1
- package/eds-select/eds-wc-select.js +42 -4
- package/eds-select/eds-wc-select.js.map +1 -1
- package/eds-side-sheet/eds-wc-side-sheet-content.d.ts +17 -0
- package/eds-side-sheet/eds-wc-side-sheet-content.d.ts.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet-content.js +34 -0
- package/eds-side-sheet/eds-wc-side-sheet-content.js.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet-footer.d.ts +17 -0
- package/eds-side-sheet/eds-wc-side-sheet-footer.d.ts.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet-footer.js +35 -0
- package/eds-side-sheet/eds-wc-side-sheet-footer.js.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-action-items.d.ts +18 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-action-items.d.ts.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-action-items.js +34 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-action-items.js.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-label.d.ts +17 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-label.d.ts.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-label.js +32 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-label.js.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-sublabel.d.ts +17 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-sublabel.d.ts.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-sublabel.js +32 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-sublabel.js.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet-header.d.ts +25 -0
- package/eds-side-sheet/eds-wc-side-sheet-header.d.ts.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet-header.js +105 -0
- package/eds-side-sheet/eds-wc-side-sheet-header.js.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet.d.ts +97 -0
- package/eds-side-sheet/eds-wc-side-sheet.d.ts.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet.js +352 -0
- package/eds-side-sheet/eds-wc-side-sheet.js.map +1 -0
- package/eds-side-sheet/index.d.ts +9 -0
- package/eds-side-sheet/index.d.ts.map +1 -0
- package/eds-side-sheet/index.js +8 -0
- package/eds-side-sheet/index.js.map +1 -0
- package/eds-skeleton/eds-wc-skeleton.js +1 -1
- package/eds-swiper/eds-wc-swiper.d.ts +100 -0
- package/eds-swiper/eds-wc-swiper.d.ts.map +1 -0
- package/eds-swiper/eds-wc-swiper.js +384 -0
- package/eds-swiper/eds-wc-swiper.js.map +1 -0
- package/eds-swiper/index.d.ts +2 -0
- package/eds-swiper/index.d.ts.map +1 -0
- package/eds-swiper/index.js +2 -0
- package/eds-swiper/index.js.map +1 -0
- package/{eds-toggle/eds-wc-toggle.d.ts → eds-switch/eds-wc-switch.d.ts} +11 -11
- package/{eds-toggle/eds-wc-toggle.d.ts.map → eds-switch/eds-wc-switch.d.ts.map} +1 -1
- package/{eds-toggle/eds-wc-toggle.js → eds-switch/eds-wc-switch.js} +39 -39
- package/{eds-toggle/eds-wc-toggle.js.map → eds-switch/eds-wc-switch.js.map} +1 -1
- package/eds-switch/index.d.ts +2 -0
- package/eds-switch/index.d.ts.map +1 -0
- package/eds-switch/index.js +2 -0
- package/eds-switch/index.js.map +1 -0
- package/eds-table/eds-wc-table.js +1 -1
- package/eds-tabs/eds-wc-tabs.d.ts.map +1 -1
- package/eds-tabs/eds-wc-tabs.js +2 -1
- package/eds-tabs/eds-wc-tabs.js.map +1 -1
- package/eds-tag/eds-wc-tag.d.ts +45 -16
- package/eds-tag/eds-wc-tag.d.ts.map +1 -1
- package/eds-tag/eds-wc-tag.js +196 -72
- package/eds-tag/eds-wc-tag.js.map +1 -1
- package/eds-tag/index.d.ts +2 -1
- package/eds-tag/index.d.ts.map +1 -1
- package/eds-tag/index.js +1 -1
- package/eds-tag/index.js.map +1 -1
- package/eds-textarea/eds-wc-textarea.js +1 -1
- package/eds-timeline/eds-wc-timeline.js +2 -2
- package/eds-timepicker/eds-wc-timepicker.js +1 -1
- package/{eds-growl/eds-wc-growl.d.ts → eds-toast/eds-wc-toast.d.ts} +18 -18
- package/{eds-growl/eds-wc-growl.d.ts.map → eds-toast/eds-wc-toast.d.ts.map} +1 -1
- package/{eds-growl/eds-wc-growl.js → eds-toast/eds-wc-toast.js} +17 -17
- package/{eds-growl/eds-wc-growl.js.map → eds-toast/eds-wc-toast.js.map} +1 -1
- package/eds-toast/index.d.ts +3 -0
- package/eds-toast/index.d.ts.map +1 -0
- package/eds-toast/index.js +2 -0
- package/eds-toast/index.js.map +1 -0
- package/eds-user-profile/eds-wc-user-profile.d.ts +146 -0
- package/eds-user-profile/eds-wc-user-profile.d.ts.map +1 -0
- package/eds-user-profile/eds-wc-user-profile.js +564 -0
- package/eds-user-profile/eds-wc-user-profile.js.map +1 -0
- package/eds-user-profile/index.d.ts +2 -0
- package/eds-user-profile/index.d.ts.map +1 -0
- package/eds-user-profile/index.js +2 -0
- package/eds-user-profile/index.js.map +1 -0
- package/eds-wizard/eds-wc-wizard.js +1 -1
- package/index.d.ts +46 -12
- package/index.d.ts.map +1 -1
- package/index.js +31 -9
- package/index.js.map +1 -1
- package/package.json +79 -19
- package/eds-button-group/eds-wc-button-group.d.ts +0 -62
- package/eds-button-group/eds-wc-button-group.d.ts.map +0 -1
- package/eds-button-group/eds-wc-button-group.js.map +0 -1
- package/eds-button-group/index.d.ts +0 -2
- package/eds-button-group/index.d.ts.map +0 -1
- package/eds-button-group/index.js +0 -2
- package/eds-button-group/index.js.map +0 -1
- package/eds-growl/index.d.ts +0 -3
- package/eds-growl/index.d.ts.map +0 -1
- package/eds-growl/index.js +0 -2
- package/eds-growl/index.js.map +0 -1
- package/eds-input-checkbox/eds-wc-input-checkbox.d.ts.map +0 -1
- package/eds-input-checkbox/eds-wc-input-checkbox.js.map +0 -1
- package/eds-input-checkbox/index.d.ts +0 -2
- package/eds-input-checkbox/index.d.ts.map +0 -1
- package/eds-input-checkbox/index.js +0 -2
- package/eds-input-checkbox/index.js.map +0 -1
- package/eds-input-radio/eds-wc-input-radio.d.ts.map +0 -1
- package/eds-input-radio/eds-wc-input-radio.js.map +0 -1
- package/eds-input-radio/index.d.ts +0 -2
- package/eds-input-radio/index.d.ts.map +0 -1
- package/eds-input-radio/index.js +0 -2
- package/eds-input-radio/index.js.map +0 -1
- package/eds-paginator/eds-wc-paginator.d.ts.map +0 -1
- package/eds-paginator/eds-wc-paginator.js.map +0 -1
- package/eds-paginator/index.d.ts +0 -3
- package/eds-paginator/index.d.ts.map +0 -1
- package/eds-paginator/index.js +0 -2
- package/eds-paginator/index.js.map +0 -1
- package/eds-toggle/index.d.ts +0 -2
- package/eds-toggle/index.d.ts.map +0 -1
- package/eds-toggle/index.js +0 -2
- package/eds-toggle/index.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -123,7 +123,7 @@ let EdsWcTable = class EdsWcTable extends EdsBaseElement {
|
|
|
123
123
|
|
|
124
124
|
thead th {
|
|
125
125
|
background: var(--eds-c-surface-neutral-subtler); color: var(--eds-c-foreground-default);
|
|
126
|
-
font: var(--eds-f-label-m-
|
|
126
|
+
font: var(--eds-f-label-m); font-weight: var(--eds-f-w-semibold); padding: var(--eds-sp-s); text-align: left;
|
|
127
127
|
border-bottom: var(--eds-bw-s) solid var(--eds-c-border-divider); white-space: nowrap;
|
|
128
128
|
}
|
|
129
129
|
:host([sticky-header]) thead { position: sticky; top: 0; z-index: 8; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eds-wc-tabs.d.ts","sourceRoot":"","sources":["../../src/eds-tabs/eds-wc-tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAGrD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,SAAU,SAAQ,UAAU;IACrC,yCAAyC;IAEzC,SAAS,SAAK;IAEd,kCAAkC;IAEzB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAU;IAG3C,OAAO,CAAC,KAAK,CAAkB;IAE/B,OAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"eds-wc-tabs.d.ts","sourceRoot":"","sources":["../../src/eds-tabs/eds-wc-tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAGrD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,SAAU,SAAQ,UAAU;IACrC,yCAAyC;IAEzC,SAAS,SAAK;IAEd,kCAAkC;IAEzB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAU;IAG3C,OAAO,CAAC,KAAK,CAAkB;IAE/B,OAAgB,MAAM,0BAoDpB;IAEO,iBAAiB,IAAI,IAAI;cAKf,MAAM;IAkCzB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,SAAS;IAYjB,OAAO,CAAC,UAAU;CA6BrB;AAED;;;;;;;;;GASG;AACH,qBACa,QAAS,SAAQ,UAAU;IACpC,6BAA6B;IAE7B,KAAK,SAAM;IAEX,oCAAoC;IAEpC,QAAQ,UAAS;IAEjB,OAAgB,MAAM,0BAIpB;cAEiB,MAAM;CAG5B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,aAAa,EAAE,SAAS,CAAC;QACzB,YAAY,EAAE,QAAQ,CAAC;KAC1B;CACJ"}
|
package/eds-tabs/eds-wc-tabs.js
CHANGED
|
@@ -58,7 +58,8 @@ let EdsWcTabs = class EdsWcTabs extends LitElement {
|
|
|
58
58
|
background: none;
|
|
59
59
|
cursor: pointer;
|
|
60
60
|
color: var(--eds-c-foreground-subtler);
|
|
61
|
-
font: var(--eds-f-label-m
|
|
61
|
+
font: var(--eds-f-label-m);
|
|
62
|
+
font-weight: var(--eds-f-w-semibold);
|
|
62
63
|
outline: none;
|
|
63
64
|
white-space: nowrap;
|
|
64
65
|
gap: var(--eds-sp-2xs);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eds-wc-tabs.js","sourceRoot":"","sources":["../../src/eds-tabs/eds-wc-tabs.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEnE;;;;;;;;;;;;;;;;;;;;GAoBG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QACH,yCAAyC;QAEzC,cAAS,GAAG,CAAC,CAAC;QAEd,kCAAkC;QAEzB,cAAS,GAAkB,MAAM,CAAC;QAGnC,UAAK,GAAe,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"eds-wc-tabs.js","sourceRoot":"","sources":["../../src/eds-tabs/eds-wc-tabs.ts"],"names":[],"mappings":"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"}
|
package/eds-tag/eds-wc-tag.d.ts
CHANGED
|
@@ -1,30 +1,60 @@
|
|
|
1
1
|
import { EdsBaseElement } from '../shared/eds-base.js';
|
|
2
|
-
|
|
2
|
+
/**
|
|
3
|
+
* Local narrowed color union — the tag's color contract. Copied verbatim from the
|
|
4
|
+
* Angular `eds-tag` exported `EdsTagColor` union. No shared-token import.
|
|
5
|
+
*/
|
|
6
|
+
export type EdsWcTagColor = 'primary' | 'neutral' | 'highlight' | 'success' | 'info' | 'warning' | 'critical' | 'domain-blue-navy' | 'domain-blue-electric' | 'domain-green-dark' | 'domain-purple' | 'domain-purple-violet';
|
|
7
|
+
/**
|
|
8
|
+
* Local narrowed variant union — the tag's variant contract. Copied verbatim from the
|
|
9
|
+
* Angular `eds-tag` exported `EdsTagVariant` union.
|
|
10
|
+
*/
|
|
11
|
+
export type EdsWcTagVariant = 'outline' | 'filled';
|
|
12
|
+
/**
|
|
13
|
+
* Local narrowed size union — the tag's size contract. Copied verbatim from the
|
|
14
|
+
* Angular `eds-tag` exported `EdsTagSize` union.
|
|
15
|
+
*/
|
|
16
|
+
export type EdsWcTagSize = 's' | 'm';
|
|
3
17
|
/**
|
|
4
18
|
* `<eds-wc-tag>` — EDS Tag Web Component.
|
|
5
19
|
*
|
|
6
|
-
* A
|
|
7
|
-
*
|
|
20
|
+
* A presentational, non-interactive status tag. Displays projected content with a
|
|
21
|
+
* semantic color and size, exposed to assistive technology via `role="status"`.
|
|
22
|
+
* 1:1 projection of the Angular `eds-tag`.
|
|
8
23
|
*
|
|
9
24
|
* @example
|
|
10
25
|
* ```html
|
|
11
|
-
* <eds-wc-tag color="success"
|
|
12
|
-
* <eds-wc-tag color="
|
|
13
|
-
* <eds-wc-tag size="l" color-palette="custom-blue">Custom</eds-wc-tag>
|
|
26
|
+
* <eds-wc-tag color="success">Active</eds-wc-tag>
|
|
27
|
+
* <eds-wc-tag color="warning" size="s">Pending</eds-wc-tag>
|
|
14
28
|
* ```
|
|
15
29
|
*
|
|
16
|
-
* @slot - Tag content (text
|
|
17
|
-
*
|
|
18
|
-
* @fires remove - Dispatched when the tag is removed (if removable behavior is added by consumer)
|
|
30
|
+
* @slot - Tag content (text).
|
|
19
31
|
*/
|
|
20
|
-
export declare class EdsWcTag extends
|
|
21
|
-
/**
|
|
22
|
-
|
|
32
|
+
export declare class EdsWcTag extends EdsBaseElement {
|
|
33
|
+
/**
|
|
34
|
+
* Semantic color of the tag.
|
|
35
|
+
* @default 'info'
|
|
36
|
+
*/
|
|
37
|
+
color: EdsWcTagColor;
|
|
38
|
+
/**
|
|
39
|
+
* Visual variant of the tag.
|
|
40
|
+
* @default 'outline'
|
|
41
|
+
*/
|
|
42
|
+
variant: EdsWcTagVariant;
|
|
43
|
+
/**
|
|
44
|
+
* Size of the tag.
|
|
45
|
+
* @default 'm'
|
|
46
|
+
*/
|
|
47
|
+
size: EdsWcTagSize;
|
|
48
|
+
/**
|
|
49
|
+
* Data attribute for e2e testing.
|
|
50
|
+
* @default 'eds-tag'
|
|
51
|
+
*/
|
|
52
|
+
e2eAttr: string;
|
|
23
53
|
/**
|
|
24
|
-
*
|
|
25
|
-
*
|
|
54
|
+
* ARIA label for accessibility.
|
|
55
|
+
* @default 'status-badge'
|
|
26
56
|
*/
|
|
27
|
-
|
|
57
|
+
ariaLabel: string | null;
|
|
28
58
|
static styles: import("lit").CSSResult;
|
|
29
59
|
protected render(): import("lit-html").TemplateResult<1>;
|
|
30
60
|
protected updated(): void;
|
|
@@ -34,5 +64,4 @@ declare global {
|
|
|
34
64
|
'eds-wc-tag': EdsWcTag;
|
|
35
65
|
}
|
|
36
66
|
}
|
|
37
|
-
export {};
|
|
38
67
|
//# sourceMappingURL=eds-wc-tag.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eds-wc-tag.d.ts","sourceRoot":"","sources":["../../src/eds-tag/eds-wc-tag.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC
|
|
1
|
+
{"version":3,"file":"eds-wc-tag.d.ts","sourceRoot":"","sources":["../../src/eds-tag/eds-wc-tag.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;GAGG;AACH,MAAM,MAAM,aAAa,GACnB,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,SAAS,GACT,UAAU,GACV,kBAAkB,GAClB,sBAAsB,GACtB,mBAAmB,GACnB,eAAe,GACf,sBAAsB,CAAC;AAE7B;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEnD;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,GAAG,GAAG,GAAG,CAAC;AAErC;;;;;;;;;;;;;;GAcG;AACH,qBACa,QAAS,SAAQ,cAAc;IACxC;;;OAGG;IAEH,KAAK,EAAE,aAAa,CAAU;IAE9B;;;OAGG;IAEH,OAAO,EAAE,eAAe,CAAa;IAErC;;;OAGG;IAEH,IAAI,EAAE,YAAY,CAAO;IAEzB;;;OAGG;IAEH,OAAO,SAAa;IAEpB;;;OAGG;IAEH,SAAS,EAAE,MAAM,GAAG,IAAI,CAAkB;IAE1C,OAAgB,MAAM,0BA6KpB;cAEiB,MAAM;cAIN,OAAO,IAAI,IAAI;CAGrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,QAAQ,CAAC;KAC1B;CACJ"}
|
package/eds-tag/eds-wc-tag.js
CHANGED
|
@@ -7,107 +7,222 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
7
7
|
import { html, css } from 'lit';
|
|
8
8
|
import { customElement, property } from 'lit/decorators.js';
|
|
9
9
|
import { EdsBaseElement } from '../shared/eds-base.js';
|
|
10
|
-
import { ColorMixin } from '../shared/color-mixin.js';
|
|
11
|
-
import { SizeMixin } from '../shared/size-mixin.js';
|
|
12
10
|
/**
|
|
13
11
|
* `<eds-wc-tag>` — EDS Tag Web Component.
|
|
14
12
|
*
|
|
15
|
-
* A
|
|
16
|
-
*
|
|
13
|
+
* A presentational, non-interactive status tag. Displays projected content with a
|
|
14
|
+
* semantic color and size, exposed to assistive technology via `role="status"`.
|
|
15
|
+
* 1:1 projection of the Angular `eds-tag`.
|
|
17
16
|
*
|
|
18
17
|
* @example
|
|
19
18
|
* ```html
|
|
20
|
-
* <eds-wc-tag color="success"
|
|
21
|
-
* <eds-wc-tag color="
|
|
22
|
-
* <eds-wc-tag size="l" color-palette="custom-blue">Custom</eds-wc-tag>
|
|
19
|
+
* <eds-wc-tag color="success">Active</eds-wc-tag>
|
|
20
|
+
* <eds-wc-tag color="warning" size="s">Pending</eds-wc-tag>
|
|
23
21
|
* ```
|
|
24
22
|
*
|
|
25
|
-
* @slot - Tag content (text
|
|
26
|
-
*
|
|
27
|
-
* @fires remove - Dispatched when the tag is removed (if removable behavior is added by consumer)
|
|
23
|
+
* @slot - Tag content (text).
|
|
28
24
|
*/
|
|
29
|
-
let EdsWcTag = class EdsWcTag extends
|
|
25
|
+
let EdsWcTag = class EdsWcTag extends EdsBaseElement {
|
|
30
26
|
constructor() {
|
|
31
27
|
super(...arguments);
|
|
32
|
-
/** Whether to use outline styling (transparent background, stronger border). */
|
|
33
|
-
this.outline = false;
|
|
34
28
|
/**
|
|
35
|
-
*
|
|
36
|
-
*
|
|
29
|
+
* Semantic color of the tag.
|
|
30
|
+
* @default 'info'
|
|
31
|
+
*/
|
|
32
|
+
this.color = 'info';
|
|
33
|
+
/**
|
|
34
|
+
* Visual variant of the tag.
|
|
35
|
+
* @default 'outline'
|
|
36
|
+
*/
|
|
37
|
+
this.variant = 'outline';
|
|
38
|
+
/**
|
|
39
|
+
* Size of the tag.
|
|
40
|
+
* @default 'm'
|
|
41
|
+
*/
|
|
42
|
+
this.size = 'm';
|
|
43
|
+
/**
|
|
44
|
+
* Data attribute for e2e testing.
|
|
45
|
+
* @default 'eds-tag'
|
|
46
|
+
*/
|
|
47
|
+
this.e2eAttr = 'eds-tag';
|
|
48
|
+
/**
|
|
49
|
+
* ARIA label for accessibility.
|
|
50
|
+
* @default 'status-badge'
|
|
37
51
|
*/
|
|
38
|
-
this.
|
|
52
|
+
this.ariaLabel = 'status-badge';
|
|
39
53
|
}
|
|
40
54
|
static { this.styles = css `
|
|
55
|
+
:host, *, *::before, *::after {
|
|
56
|
+
box-sizing: border-box;
|
|
57
|
+
}
|
|
58
|
+
|
|
41
59
|
:host {
|
|
42
|
-
--
|
|
43
|
-
--
|
|
44
|
-
--
|
|
60
|
+
--_eds-tag-padding: var(--eds-sp-3xs) var(--eds-sp-s);
|
|
61
|
+
--_eds-tag-border-radius: var(--eds-br-s);
|
|
62
|
+
--_eds-tag-content-font: var(--eds-f-paragraph-s);
|
|
63
|
+
--_eds-tag-border-width: var(--eds-bw-xs);
|
|
64
|
+
|
|
65
|
+
/* default color = info */
|
|
66
|
+
--_eds-tag-bg-color: var(--eds-c-surface-info-subtler);
|
|
67
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-info-subtler);
|
|
68
|
+
--_eds-tag-border-color: var(--eds-c-border-info-subtle);
|
|
45
69
|
|
|
46
|
-
align-items: center;
|
|
47
|
-
border-radius: var(--eds-br-m);
|
|
48
70
|
display: inline-flex;
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
background-color: var(--
|
|
53
|
-
color: var(--
|
|
54
|
-
|
|
55
|
-
|
|
71
|
+
gap: var(--eds-sp-xs);
|
|
72
|
+
border: var(--_eds-tag-border-width) solid var(--_eds-tag-border-color);
|
|
73
|
+
border-radius: var(--_eds-tag-border-radius);
|
|
74
|
+
background-color: var(--_eds-tag-bg-color);
|
|
75
|
+
color: var(--_eds-tag-color-on-bg);
|
|
76
|
+
padding: var(--_eds-tag-padding);
|
|
77
|
+
font: var(--_eds-tag-content-font);
|
|
56
78
|
}
|
|
57
79
|
|
|
58
|
-
/*
|
|
59
|
-
:host([
|
|
60
|
-
--
|
|
61
|
-
--
|
|
62
|
-
--
|
|
63
|
-
--_height: var(--eds-sp-xl);
|
|
64
|
-
}
|
|
65
|
-
:host([size="l"]) {
|
|
66
|
-
--_font: var(--eds-f-paragraph-s);
|
|
67
|
-
--_tag-padding: var(--eds-sp-3xs) var(--eds-sp-2xs);
|
|
68
|
-
--_icon-size: var(--eds-is-m);
|
|
69
|
-
--_height: var(--eds-sp-2xl);
|
|
80
|
+
/* COLOR VARIANTS */
|
|
81
|
+
:host([color="primary"]) {
|
|
82
|
+
--_eds-tag-bg-color: var(--eds-c-surface-primary-subtler);
|
|
83
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-primary-subtler);
|
|
84
|
+
--_eds-tag-border-color: var(--eds-c-border-primary-subtle);
|
|
70
85
|
}
|
|
71
86
|
|
|
72
|
-
/* Color variants — filled */
|
|
73
87
|
:host([color="neutral"]) {
|
|
74
|
-
--
|
|
75
|
-
--
|
|
76
|
-
--
|
|
77
|
-
}
|
|
78
|
-
:host([color="info"]) {
|
|
79
|
-
--_surface: var(--eds-c-surface-info-subtler);
|
|
80
|
-
--_on-surface: var(--eds-c-on-surface-info-subtler);
|
|
81
|
-
--_border-color: var(--eds-c-border-info-subtle);
|
|
88
|
+
--_eds-tag-bg-color: var(--eds-c-surface-neutral-subtler);
|
|
89
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-neutral-subtler);
|
|
90
|
+
--_eds-tag-border-color: var(--eds-c-border-neutral-subtle);
|
|
82
91
|
}
|
|
92
|
+
|
|
83
93
|
:host([color="success"]) {
|
|
84
|
-
--
|
|
85
|
-
--
|
|
86
|
-
--
|
|
94
|
+
--_eds-tag-bg-color: var(--eds-c-surface-success-subtler);
|
|
95
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-success-subtler);
|
|
96
|
+
--_eds-tag-border-color: var(--eds-c-border-success-subtle);
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
:host([color="info"]) {
|
|
100
|
+
--_eds-tag-bg-color: var(--eds-c-surface-info-subtler);
|
|
101
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-info-subtler);
|
|
102
|
+
--_eds-tag-border-color: var(--eds-c-border-info-subtle);
|
|
87
103
|
}
|
|
104
|
+
|
|
88
105
|
:host([color="warning"]) {
|
|
89
|
-
--
|
|
90
|
-
--
|
|
91
|
-
--
|
|
106
|
+
--_eds-tag-bg-color: var(--eds-c-surface-warning-subtler);
|
|
107
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-warning-subtler);
|
|
108
|
+
--_eds-tag-border-color: var(--eds-c-border-warning-subtle);
|
|
92
109
|
}
|
|
110
|
+
|
|
93
111
|
:host([color="critical"]) {
|
|
94
|
-
--
|
|
95
|
-
--
|
|
96
|
-
--
|
|
112
|
+
--_eds-tag-bg-color: var(--eds-c-surface-critical-subtler);
|
|
113
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-critical-subtler);
|
|
114
|
+
--_eds-tag-border-color: var(--eds-c-border-critical-subtle);
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
:host([color="highlight"]) {
|
|
118
|
+
--_eds-tag-bg-color: var(--eds-c-surface-highlight-subtler);
|
|
119
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-highlight-subtler);
|
|
120
|
+
--_eds-tag-border-color: var(--eds-c-border-highlight);
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
/* DOMAIN (brand) COLOR VARIANTS — subtler surface / subtle border */
|
|
124
|
+
:host([color="domain-blue-navy"]) {
|
|
125
|
+
--_eds-tag-bg-color: var(--eds-c-surface-domain-blue-navy-subtler);
|
|
126
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-domain-blue-navy-subtler);
|
|
127
|
+
--_eds-tag-border-color: var(--eds-c-border-domain-blue-navy-subtle);
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
:host([color="domain-blue-electric"]) {
|
|
131
|
+
--_eds-tag-bg-color: var(--eds-c-surface-domain-blue-electric-subtler);
|
|
132
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-domain-blue-electric-subtler);
|
|
133
|
+
--_eds-tag-border-color: var(--eds-c-border-domain-blue-electric-subtle);
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
:host([color="domain-green-dark"]) {
|
|
137
|
+
--_eds-tag-bg-color: var(--eds-c-surface-domain-green-dark-subtler);
|
|
138
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-domain-green-dark-subtler);
|
|
139
|
+
--_eds-tag-border-color: var(--eds-c-border-domain-green-dark-subtle);
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
:host([color="domain-purple"]) {
|
|
143
|
+
--_eds-tag-bg-color: var(--eds-c-surface-domain-purple-subtler);
|
|
144
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-domain-purple-subtler);
|
|
145
|
+
--_eds-tag-border-color: var(--eds-c-border-domain-purple-subtle);
|
|
97
146
|
}
|
|
98
147
|
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
--
|
|
148
|
+
:host([color="domain-purple-violet"]) {
|
|
149
|
+
--_eds-tag-bg-color: var(--eds-c-surface-domain-purple-violet-subtler);
|
|
150
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-domain-purple-violet-subtler);
|
|
151
|
+
--_eds-tag-border-color: var(--eds-c-border-domain-purple-violet-subtle);
|
|
102
152
|
}
|
|
103
|
-
:host([outline][color="neutral"]) { --_border-color: var(--eds-c-border-neutral); }
|
|
104
|
-
:host([outline][color="info"]) { --_border-color: var(--eds-c-border-info); }
|
|
105
|
-
:host([outline][color="success"]) { --_border-color: var(--eds-c-border-success); }
|
|
106
|
-
:host([outline][color="warning"]) { --_border-color: var(--eds-c-border-warning); }
|
|
107
|
-
:host([outline][color="critical"]) { --_border-color: var(--eds-c-border-critical); }
|
|
108
153
|
|
|
109
|
-
|
|
110
|
-
|
|
154
|
+
/* VARIANT — filled: subtle semantic surface, no border */
|
|
155
|
+
:host([variant="filled"]) {
|
|
156
|
+
--_eds-tag-border-color: transparent;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
:host([variant="filled"][color="primary"]) {
|
|
160
|
+
--_eds-tag-bg-color: var(--eds-c-surface-primary-subtle);
|
|
161
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-primary-subtle);
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
:host([variant="filled"][color="neutral"]) {
|
|
165
|
+
--_eds-tag-bg-color: var(--eds-c-surface-neutral-subtle);
|
|
166
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-neutral-subtle);
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
:host([variant="filled"][color="highlight"]) {
|
|
170
|
+
--_eds-tag-bg-color: var(--eds-c-surface-highlight-subtle);
|
|
171
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-highlight-subtle);
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
:host([variant="filled"][color="success"]) {
|
|
175
|
+
--_eds-tag-bg-color: var(--eds-c-surface-success-subtle);
|
|
176
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-success-subtle);
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
:host([variant="filled"][color="info"]) {
|
|
180
|
+
--_eds-tag-bg-color: var(--eds-c-surface-info-subtle);
|
|
181
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-info-subtle);
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
:host([variant="filled"][color="warning"]) {
|
|
185
|
+
--_eds-tag-bg-color: var(--eds-c-surface-warning-subtle);
|
|
186
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-warning-subtle);
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
:host([variant="filled"][color="critical"]) {
|
|
190
|
+
--_eds-tag-bg-color: var(--eds-c-surface-critical-subtle);
|
|
191
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-critical-subtle);
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
:host([variant="filled"][color="domain-blue-navy"]) {
|
|
195
|
+
--_eds-tag-bg-color: var(--eds-c-surface-domain-blue-navy-subtle);
|
|
196
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-domain-blue-navy-subtle);
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
:host([variant="filled"][color="domain-blue-electric"]) {
|
|
200
|
+
--_eds-tag-bg-color: var(--eds-c-surface-domain-blue-electric-subtle);
|
|
201
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-domain-blue-electric-subtle);
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
:host([variant="filled"][color="domain-green-dark"]) {
|
|
205
|
+
--_eds-tag-bg-color: var(--eds-c-surface-domain-green-dark-subtle);
|
|
206
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-domain-green-dark-subtle);
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
:host([variant="filled"][color="domain-purple"]) {
|
|
210
|
+
--_eds-tag-bg-color: var(--eds-c-surface-domain-purple-subtle);
|
|
211
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-domain-purple-subtle);
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
:host([variant="filled"][color="domain-purple-violet"]) {
|
|
215
|
+
--_eds-tag-bg-color: var(--eds-c-surface-domain-purple-violet-subtle);
|
|
216
|
+
--_eds-tag-color-on-bg: var(--eds-c-on-surface-domain-purple-violet-subtle);
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
/* SIZE VARIANTS */
|
|
220
|
+
:host([size="s"]) {
|
|
221
|
+
--_eds-tag-padding: var(--eds-sp-4xs) var(--eds-sp-xs);
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
:host([size="m"]) {
|
|
225
|
+
--_eds-tag-padding: var(--eds-sp-3xs) var(--eds-sp-xs);
|
|
111
226
|
}
|
|
112
227
|
`; }
|
|
113
228
|
render() {
|
|
@@ -118,11 +233,20 @@ let EdsWcTag = class EdsWcTag extends SizeMixin(ColorMixin(EdsBaseElement)) {
|
|
|
118
233
|
}
|
|
119
234
|
};
|
|
120
235
|
__decorate([
|
|
121
|
-
property({ type:
|
|
122
|
-
], EdsWcTag.prototype, "
|
|
236
|
+
property({ type: String, reflect: true })
|
|
237
|
+
], EdsWcTag.prototype, "color", void 0);
|
|
238
|
+
__decorate([
|
|
239
|
+
property({ type: String, reflect: true })
|
|
240
|
+
], EdsWcTag.prototype, "variant", void 0);
|
|
241
|
+
__decorate([
|
|
242
|
+
property({ type: String, reflect: true })
|
|
243
|
+
], EdsWcTag.prototype, "size", void 0);
|
|
244
|
+
__decorate([
|
|
245
|
+
property({ type: String, reflect: true, attribute: 'data-e2e' })
|
|
246
|
+
], EdsWcTag.prototype, "e2eAttr", void 0);
|
|
123
247
|
__decorate([
|
|
124
|
-
property({ type: String, attribute: '
|
|
125
|
-
], EdsWcTag.prototype, "
|
|
248
|
+
property({ type: String, reflect: true, attribute: 'aria-label' })
|
|
249
|
+
], EdsWcTag.prototype, "ariaLabel", void 0);
|
|
126
250
|
EdsWcTag = __decorate([
|
|
127
251
|
customElement('eds-wc-tag')
|
|
128
252
|
], EdsWcTag);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eds-wc-tag.js","sourceRoot":"","sources":["../../src/eds-tag/eds-wc-tag.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"eds-wc-tag.js","sourceRoot":"","sources":["../../src/eds-tag/eds-wc-tag.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAgCvD;;;;;;;;;;;;;;GAcG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,cAAc;IAArC;;QACH;;;WAGG;QAEH,UAAK,GAAkB,MAAM,CAAC;QAE9B;;;WAGG;QAEH,YAAO,GAAoB,SAAS,CAAC;QAErC;;;WAGG;QAEH,SAAI,GAAiB,GAAG,CAAC;QAEzB;;;WAGG;QAEH,YAAO,GAAG,SAAS,CAAC;QAEpB;;;WAGG;QAEH,cAAS,GAAkB,cAAc,CAAC;IAwL9C,CAAC;aAtLmB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6K3B,AA7KqB,CA6KpB;IAEiB,MAAM;QACrB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC/B,CAAC;IAEkB,OAAO;QACtB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACxC,CAAC;;AAnND;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCACZ;AAO9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCACL;AAOrC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCACjB;AAOzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;yCAC7C;AAOpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;2CACzB;AAlCjC,QAAQ;IADpB,aAAa,CAAC,YAAY,CAAC;GACf,QAAQ,CA0NpB"}
|
package/eds-tag/index.d.ts
CHANGED
package/eds-tag/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC"}
|
package/eds-tag/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { EdsWcTag } from './eds-wc-tag
|
|
1
|
+
export { EdsWcTag } from './eds-wc-tag';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/eds-tag/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -77,7 +77,7 @@ let EdsWcTextarea = class EdsWcTextarea extends EdsBaseElement {
|
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
textarea:disabled {
|
|
80
|
-
background-color: var(--eds-c-
|
|
80
|
+
background-color: var(--eds-c-surface-disabled);
|
|
81
81
|
border-color: var(--eds-c-border-disabled);
|
|
82
82
|
color: var(--eds-c-foreground-subtler);
|
|
83
83
|
pointer-events: none;
|
|
@@ -169,9 +169,9 @@ let EdsWcTimelineItem = class EdsWcTimelineItem extends ColorMixin(EdsBaseElemen
|
|
|
169
169
|
min-width: 0;
|
|
170
170
|
}
|
|
171
171
|
|
|
172
|
-
.title { font: var(--eds-f-label-m-
|
|
172
|
+
.title { font: var(--eds-f-label-m); font-weight: var(--eds-f-w-semibold); color: var(--_title-color); line-height: var(--_first-line-height); }
|
|
173
173
|
.subtitle { font: var(--eds-f-paragraph-s); color: var(--eds-c-foreground-subtler); margin-top: var(--eds-sp-4xs); }
|
|
174
|
-
.date { font: var(--eds-f-label-s-
|
|
174
|
+
.date { font: var(--eds-f-label-s); font-weight: var(--eds-f-w-semibold); color: var(--eds-c-foreground-default); line-height: var(--_first-line-height); }
|
|
175
175
|
.time { font: var(--eds-f-paragraph-xs); color: var(--eds-c-foreground-subtler); margin-top: var(--eds-sp-4xs); }
|
|
176
176
|
.content .date { margin-top: var(--eds-sp-2xs); }
|
|
177
177
|
`; }
|
|
@@ -58,7 +58,7 @@ let EdsWcTimepicker = class EdsWcTimepicker extends EdsBaseElement {
|
|
|
58
58
|
input:focus-visible { outline: 2px solid var(--eds-c-border-primary); outline-offset: -2px; }
|
|
59
59
|
input[readonly] { background: transparent; border-color: transparent; pointer-events: none; }
|
|
60
60
|
|
|
61
|
-
.separator { font: var(--eds-f-label-m-
|
|
61
|
+
.separator { font: var(--eds-f-label-m); font-weight: var(--eds-f-w-semibold); color: var(--eds-c-foreground-subtler); }
|
|
62
62
|
`; }
|
|
63
63
|
render() {
|
|
64
64
|
const ro = this.readonly;
|
|
@@ -1,43 +1,43 @@
|
|
|
1
1
|
import { EdsBaseElement } from '../shared/eds-base.js';
|
|
2
|
-
/**
|
|
3
|
-
export type
|
|
4
|
-
/**
|
|
5
|
-
export interface
|
|
6
|
-
severity:
|
|
2
|
+
/** Toast message severity type. */
|
|
3
|
+
export type EdsToastSeverity = 'success' | 'info' | 'warning' | 'critical';
|
|
4
|
+
/** Toast message model. */
|
|
5
|
+
export interface EdsToastMessage {
|
|
6
|
+
severity: EdsToastSeverity;
|
|
7
7
|
summary: string;
|
|
8
8
|
detail?: string;
|
|
9
9
|
life?: number;
|
|
10
10
|
sticky?: boolean;
|
|
11
11
|
_timeout?: ReturnType<typeof setTimeout>;
|
|
12
12
|
}
|
|
13
|
-
/** Screen position for
|
|
14
|
-
export type
|
|
13
|
+
/** Screen position for toast notifications. */
|
|
14
|
+
export type EdsToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
|
|
15
15
|
/**
|
|
16
|
-
* `<eds-wc-
|
|
16
|
+
* `<eds-wc-toast>` — EDS Toast Notification Web Component.
|
|
17
17
|
*
|
|
18
18
|
* Displays temporary notification messages with auto-dismiss and manual close.
|
|
19
19
|
* Position is CSS-based (fixed), no overlay needed.
|
|
20
20
|
*
|
|
21
21
|
* @example
|
|
22
22
|
* ```html
|
|
23
|
-
* <eds-wc-
|
|
23
|
+
* <eds-wc-toast position="top-right"></eds-wc-toast>
|
|
24
24
|
* ```
|
|
25
25
|
* ```js
|
|
26
|
-
* const
|
|
27
|
-
*
|
|
26
|
+
* const toast = document.querySelector('eds-wc-toast');
|
|
27
|
+
* toast.addMessage({ severity: 'success', summary: 'Done!', detail: 'Operation completed.' });
|
|
28
28
|
* ```
|
|
29
29
|
*
|
|
30
|
-
* @fires
|
|
30
|
+
* @fires toast-close - When a message is dismissed
|
|
31
31
|
*/
|
|
32
|
-
export declare class
|
|
33
|
-
position:
|
|
32
|
+
export declare class EdsWcToast extends EdsBaseElement {
|
|
33
|
+
position: EdsToastPosition;
|
|
34
34
|
life: number;
|
|
35
35
|
sticky: boolean;
|
|
36
36
|
private _messages;
|
|
37
37
|
/** Programmatically add a message. */
|
|
38
|
-
addMessage(msg:
|
|
38
|
+
addMessage(msg: EdsToastMessage): void;
|
|
39
39
|
/** Remove a specific message. */
|
|
40
|
-
removeMessage(msg:
|
|
40
|
+
removeMessage(msg: EdsToastMessage): void;
|
|
41
41
|
/** Remove all messages. */
|
|
42
42
|
clearAll(): void;
|
|
43
43
|
/** Convenience methods */
|
|
@@ -51,7 +51,7 @@ export declare class EdsWcGrowl extends EdsBaseElement {
|
|
|
51
51
|
}
|
|
52
52
|
declare global {
|
|
53
53
|
interface HTMLElementTagNameMap {
|
|
54
|
-
'eds-wc-
|
|
54
|
+
'eds-wc-toast': EdsWcToast;
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
-
//# sourceMappingURL=eds-wc-
|
|
57
|
+
//# sourceMappingURL=eds-wc-toast.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eds-wc-
|
|
1
|
+
{"version":3,"file":"eds-wc-toast.d.ts","sourceRoot":"","sources":["../../src/eds-toast/eds-wc-toast.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,mCAAmC;AACnC,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;AAE3E,2BAA2B;AAC3B,MAAM,WAAW,eAAe;IAC5B,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;CAC5C;AAED,+CAA+C;AAC/C,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,aAAa,GAAG,eAAe,GAAG,cAAc,CAAC;AAE1H;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,UAAW,SAAQ,cAAc;IACC,QAAQ,EAAE,gBAAgB,CAAkB;IAC3D,IAAI,SAAQ;IACX,MAAM,UAAS;IAEnC,OAAO,CAAC,SAAS,CAAyB;IAEnD,sCAAsC;IACtC,UAAU,CAAC,GAAG,EAAE,eAAe,GAAG,IAAI;IAOtC,iCAAiC;IACjC,aAAa,CAAC,GAAG,EAAE,eAAe,GAAG,IAAI;IAMzC,2BAA2B;IAC3B,QAAQ,IAAI,IAAI;IAKhB,0BAA0B;IAC1B,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI;IAC/C,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI;IAC5C,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI;IAC/C,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI;IAEhD,OAAgB,MAAM,0BAsCpB;cAEiB,MAAM;cAkBN,OAAO,IAAI,IAAI;CAGrC;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,cAAc,EAAE,UAAU,CAAC;KAAE;CAAE"}
|