@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,56 @@
|
|
|
1
|
+
import { EdsBaseElement } from '../shared/eds-base.js';
|
|
2
|
+
/**
|
|
3
|
+
* Local narrowed union — the divider's orientation contract. Copied verbatim from the
|
|
4
|
+
* Angular `EdsDividerOrientation` exported union. No shared-token import.
|
|
5
|
+
*/
|
|
6
|
+
export type EdsWcDividerOrientation = 'horizontal' | 'vertical';
|
|
7
|
+
/**
|
|
8
|
+
* `<eds-wc-divider>` — EDS Divider Web Component.
|
|
9
|
+
*
|
|
10
|
+
* A thin rule that visually or semantically separates content. Renders as a horizontal
|
|
11
|
+
* line by default, or a vertical line when `orientation="vertical"`. 1:1 projection of
|
|
12
|
+
* the Angular `eds-divider`.
|
|
13
|
+
*
|
|
14
|
+
* By default the divider is presentational (`decorative`), so it is hidden from the
|
|
15
|
+
* accessibility tree (`role="none"`). Set `decorative` to `false` (attribute
|
|
16
|
+
* `decorative="false"`) when the divider carries semantic meaning; it then exposes
|
|
17
|
+
* `role="separator"` with the matching `aria-orientation` (only for vertical, per
|
|
18
|
+
* WAI-ARIA — a horizontal separator's default orientation is implicit).
|
|
19
|
+
*
|
|
20
|
+
* It has no projected content and dispatches no events.
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* ```html
|
|
24
|
+
* <eds-wc-divider></eds-wc-divider>
|
|
25
|
+
* <eds-wc-divider orientation="vertical"></eds-wc-divider>
|
|
26
|
+
* <eds-wc-divider decorative="false"></eds-wc-divider>
|
|
27
|
+
* ```
|
|
28
|
+
*/
|
|
29
|
+
export declare class EdsWcDivider extends EdsBaseElement {
|
|
30
|
+
/**
|
|
31
|
+
* Orientation of the divider.
|
|
32
|
+
* @default 'horizontal'
|
|
33
|
+
*/
|
|
34
|
+
orientation: EdsWcDividerOrientation;
|
|
35
|
+
/**
|
|
36
|
+
* Whether the divider is purely decorative. When `true` (default) it is removed from
|
|
37
|
+
* the accessibility tree (`role="none"`). When `false` it is exposed as a semantic
|
|
38
|
+
* separator (`role="separator"`).
|
|
39
|
+
* @default true
|
|
40
|
+
*/
|
|
41
|
+
decorative: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* Data attribute for e2e testing.
|
|
44
|
+
* @default 'eds-divider'
|
|
45
|
+
*/
|
|
46
|
+
e2eAttr: string;
|
|
47
|
+
static styles: import("lit").CSSResult;
|
|
48
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
49
|
+
protected updated(): void;
|
|
50
|
+
}
|
|
51
|
+
declare global {
|
|
52
|
+
interface HTMLElementTagNameMap {
|
|
53
|
+
'eds-wc-divider': EdsWcDivider;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
//# sourceMappingURL=eds-wc-divider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eds-wc-divider.d.ts","sourceRoot":"","sources":["../../src/eds-divider/eds-wc-divider.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG,UAAU,CAAC;AAEhE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,YAAa,SAAQ,cAAc;IAC5C;;;OAGG;IAEH,WAAW,EAAE,uBAAuB,CAAgB;IAEpD;;;;;OAKG;IAEH,UAAU,UAAQ;IAElB;;;OAGG;IAEH,OAAO,SAAiB;IAExB,OAAgB,MAAM,0BAwBpB;cAEiB,MAAM;cAKN,OAAO,IAAI,IAAI;CAarC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,YAAY,CAAC;KAClC;CACJ"}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { html, css } from 'lit';
|
|
8
|
+
import { customElement, property } from 'lit/decorators.js';
|
|
9
|
+
import { EdsBaseElement } from '../shared/eds-base.js';
|
|
10
|
+
/**
|
|
11
|
+
* `<eds-wc-divider>` — EDS Divider Web Component.
|
|
12
|
+
*
|
|
13
|
+
* A thin rule that visually or semantically separates content. Renders as a horizontal
|
|
14
|
+
* line by default, or a vertical line when `orientation="vertical"`. 1:1 projection of
|
|
15
|
+
* the Angular `eds-divider`.
|
|
16
|
+
*
|
|
17
|
+
* By default the divider is presentational (`decorative`), so it is hidden from the
|
|
18
|
+
* accessibility tree (`role="none"`). Set `decorative` to `false` (attribute
|
|
19
|
+
* `decorative="false"`) when the divider carries semantic meaning; it then exposes
|
|
20
|
+
* `role="separator"` with the matching `aria-orientation` (only for vertical, per
|
|
21
|
+
* WAI-ARIA — a horizontal separator's default orientation is implicit).
|
|
22
|
+
*
|
|
23
|
+
* It has no projected content and dispatches no events.
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* ```html
|
|
27
|
+
* <eds-wc-divider></eds-wc-divider>
|
|
28
|
+
* <eds-wc-divider orientation="vertical"></eds-wc-divider>
|
|
29
|
+
* <eds-wc-divider decorative="false"></eds-wc-divider>
|
|
30
|
+
* ```
|
|
31
|
+
*/
|
|
32
|
+
let EdsWcDivider = class EdsWcDivider extends EdsBaseElement {
|
|
33
|
+
constructor() {
|
|
34
|
+
super(...arguments);
|
|
35
|
+
/**
|
|
36
|
+
* Orientation of the divider.
|
|
37
|
+
* @default 'horizontal'
|
|
38
|
+
*/
|
|
39
|
+
this.orientation = 'horizontal';
|
|
40
|
+
/**
|
|
41
|
+
* Whether the divider is purely decorative. When `true` (default) it is removed from
|
|
42
|
+
* the accessibility tree (`role="none"`). When `false` it is exposed as a semantic
|
|
43
|
+
* separator (`role="separator"`).
|
|
44
|
+
* @default true
|
|
45
|
+
*/
|
|
46
|
+
this.decorative = true;
|
|
47
|
+
/**
|
|
48
|
+
* Data attribute for e2e testing.
|
|
49
|
+
* @default 'eds-divider'
|
|
50
|
+
*/
|
|
51
|
+
this.e2eAttr = 'eds-divider';
|
|
52
|
+
}
|
|
53
|
+
static { this.styles = css `
|
|
54
|
+
:host, *, *::before, *::after {
|
|
55
|
+
box-sizing: border-box;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
:host {
|
|
59
|
+
display: block;
|
|
60
|
+
flex-shrink: 0;
|
|
61
|
+
background: var(--eds-c-border-divider);
|
|
62
|
+
border: 0;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
/* ORIENTATION VARIANTS */
|
|
66
|
+
:host([orientation="horizontal"]) {
|
|
67
|
+
width: 100%;
|
|
68
|
+
height: var(--eds-bw-xs);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
:host([orientation="vertical"]) {
|
|
72
|
+
align-self: stretch;
|
|
73
|
+
width: var(--eds-bw-xs);
|
|
74
|
+
height: auto;
|
|
75
|
+
min-height: 100%;
|
|
76
|
+
}
|
|
77
|
+
`; }
|
|
78
|
+
render() {
|
|
79
|
+
// Presentational thin rule — no projected content, no template markup.
|
|
80
|
+
return html ``;
|
|
81
|
+
}
|
|
82
|
+
updated() {
|
|
83
|
+
// Host `role`: `none` when decorative, otherwise `separator`.
|
|
84
|
+
this.setAttribute('role', this.decorative ? 'none' : 'separator');
|
|
85
|
+
// `aria-orientation` for a semantic separator. Per WAI-ARIA the default separator
|
|
86
|
+
// orientation is horizontal, so only `vertical` is exposed; decorative dividers
|
|
87
|
+
// expose nothing.
|
|
88
|
+
if (!this.decorative && this.orientation === 'vertical') {
|
|
89
|
+
this.setAttribute('aria-orientation', 'vertical');
|
|
90
|
+
}
|
|
91
|
+
else {
|
|
92
|
+
this.removeAttribute('aria-orientation');
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
};
|
|
96
|
+
__decorate([
|
|
97
|
+
property({ type: String, reflect: true })
|
|
98
|
+
], EdsWcDivider.prototype, "orientation", void 0);
|
|
99
|
+
__decorate([
|
|
100
|
+
property({ type: Boolean })
|
|
101
|
+
], EdsWcDivider.prototype, "decorative", void 0);
|
|
102
|
+
__decorate([
|
|
103
|
+
property({ type: String, reflect: true, attribute: 'data-e2e' })
|
|
104
|
+
], EdsWcDivider.prototype, "e2eAttr", void 0);
|
|
105
|
+
EdsWcDivider = __decorate([
|
|
106
|
+
customElement('eds-wc-divider')
|
|
107
|
+
], EdsWcDivider);
|
|
108
|
+
export { EdsWcDivider };
|
|
109
|
+
//# sourceMappingURL=eds-wc-divider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eds-wc-divider.js","sourceRoot":"","sources":["../../src/eds-divider/eds-wc-divider.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;AAQvD;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,cAAc;IAAzC;;QACH;;;WAGG;QAEH,gBAAW,GAA4B,YAAY,CAAC;QAEpD;;;;;WAKG;QAEH,eAAU,GAAG,IAAI,CAAC;QAElB;;;WAGG;QAEH,YAAO,GAAG,aAAa,CAAC;IA8C5B,CAAC;aA5CmB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;KAwB3B,AAxBqB,CAwBpB;IAEiB,MAAM;QACrB,uEAAuE;QACvE,OAAO,IAAI,CAAA,EAAE,CAAC;IAClB,CAAC;IAEkB,OAAO;QACtB,8DAA8D;QAC9D,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;QAElE,kFAAkF;QAClF,gFAAgF;QAChF,kBAAkB;QAClB,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,KAAK,UAAU,EAAE,CAAC;YACtD,IAAI,CAAC,YAAY,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;QACtD,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QAC7C,CAAC;IACL,CAAC;;AA7DD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDACU;AASpD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gDACV;AAOlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;6CACzC;AAtBf,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAoExB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,YAAY,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eds-wc-empty-state.d.ts","sourceRoot":"","sources":["../../src/eds-empty-state/eds-wc-empty-state.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;;AAGvD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBACa,eAAgB,SAAQ,oBAAyB;IAE1D,OAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"eds-wc-empty-state.d.ts","sourceRoot":"","sources":["../../src/eds-empty-state/eds-wc-empty-state.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;;AAGvD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBACa,eAAgB,SAAQ,oBAAyB;IAE1D,OAAgB,MAAM,0BAsCpB;cAEiB,MAAM;CAQ5B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,oBAAoB,EAAE,eAAe,CAAC;KACzC;CACJ"}
|
|
@@ -52,7 +52,8 @@ let EdsWcEmptyState = class EdsWcEmptyState extends SizeMixin(EdsBaseElement) {
|
|
|
52
52
|
|
|
53
53
|
::slotted([slot="title"]) {
|
|
54
54
|
display: block;
|
|
55
|
-
font: var(--eds-f-label-l
|
|
55
|
+
font: var(--eds-f-label-l);
|
|
56
|
+
font-weight: var(--eds-f-w-semibold);
|
|
56
57
|
color: var(--eds-c-foreground-default);
|
|
57
58
|
}
|
|
58
59
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eds-wc-empty-state.js","sourceRoot":"","sources":["../../src/eds-empty-state/eds-wc-empty-state.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,SAAS,CAAC,cAAc,CAAC;aAE1C,WAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"eds-wc-empty-state.js","sourceRoot":"","sources":["../../src/eds-empty-state/eds-wc-empty-state.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,SAAS,CAAC,cAAc,CAAC;aAE1C,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsC3B,AAtCqB,CAsCpB;IAEiB,MAAM;QACrB,OAAO,IAAI,CAAA;;;;;SAKV,CAAC;IACN,CAAC;;AAjDQ,eAAe;IAD3B,aAAa,CAAC,oBAAoB,CAAC;GACvB,eAAe,CAkD3B"}
|
|
@@ -64,7 +64,7 @@ let EdsWcFabButton = class EdsWcFabButton extends ColorMixin(EdsBaseElement) {
|
|
|
64
64
|
.trigger:disabled { cursor: not-allowed; }
|
|
65
65
|
.trigger svg { width: var(--eds-is-m); height: var(--eds-is-m); fill: currentColor; }
|
|
66
66
|
|
|
67
|
-
:host([color="neutral"]) { --_surface: var(--eds-c-surface-neutral-subtle); --_on-surface: var(--eds-c-on-surface-neutral-subtle); --_surface-hover: var(--eds-c-surface-neutral-
|
|
67
|
+
:host([color="neutral"]) { --_surface: var(--eds-c-surface-neutral-subtle); --_on-surface: var(--eds-c-on-surface-neutral-subtle); --_surface-hover: var(--eds-c-surface-neutral-subtler); }
|
|
68
68
|
|
|
69
69
|
.menu { list-style: none; margin: 0; padding: 0; position: absolute; z-index: 1; }
|
|
70
70
|
:host([direction="up"]) .menu { bottom: 100%; left: 50%; transform: translateX(-50%); padding-bottom: var(--eds-sp-s); flex-direction: column-reverse; display: flex; gap: var(--eds-sp-xs); }
|
|
@@ -183,7 +183,7 @@ let EdsWcFabButtonItem = class EdsWcFabButtonItem extends EdsBaseElement {
|
|
|
183
183
|
background: var(--eds-c-surface-elevation); color: var(--eds-c-foreground-default);
|
|
184
184
|
cursor: pointer; box-shadow: var(--eds-sh-2); transition: background 200ms, transform 150ms;
|
|
185
185
|
}
|
|
186
|
-
:host(:hover:not([disabled])) { background: var(--eds-c-surface-neutral-
|
|
186
|
+
:host(:hover:not([disabled])) { background: var(--eds-c-surface-neutral-subtler); transform: scale(1.1); }
|
|
187
187
|
:host(:focus-visible) { outline: 2px solid var(--eds-c-border-focus); outline-offset: 2px; border-radius: var(--eds-br-full); }
|
|
188
188
|
:host([disabled]) { cursor: not-allowed; opacity: 0.5; }
|
|
189
189
|
svg { width: var(--eds-is-s); height: var(--eds-is-s); fill: currentColor; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eds-wc-fieldset.d.ts","sourceRoot":"","sources":["../../src/eds-fieldset/eds-wc-fieldset.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,qBACa,aAAc,SAAQ,cAAc;IAC7C,sDAAsD;IAEtD,UAAU,UAAS;IAEnB,qDAAqD;IAErD,QAAQ,UAAQ;IAEhB,kCAAkC;IAElC,SAAS,UAAQ;IAGjB,OAAO,CAAC,SAAS,CAAQ;IAEzB,OAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"eds-wc-fieldset.d.ts","sourceRoot":"","sources":["../../src/eds-fieldset/eds-wc-fieldset.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,qBACa,aAAc,SAAQ,cAAc;IAC7C,sDAAsD;IAEtD,UAAU,UAAS;IAEnB,qDAAqD;IAErD,QAAQ,UAAQ;IAEhB,kCAAkC;IAElC,SAAS,UAAQ;IAGjB,OAAO,CAAC,SAAS,CAAQ;IAEzB,OAAgB,MAAM,0BAuFpB;IAEO,iBAAiB,IAAI,IAAI;cAKf,MAAM;IAiCzB,OAAO,CAAC,OAAO;CAQlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,aAAa,CAAC;KACpC;CACJ"}
|
|
@@ -118,7 +118,8 @@ let EdsWcFieldset = class EdsWcFieldset extends EdsBaseElement {
|
|
|
118
118
|
::slotted([slot="title"]) {
|
|
119
119
|
display: flex;
|
|
120
120
|
align-items: center;
|
|
121
|
-
font: var(--eds-f-label-l
|
|
121
|
+
font: var(--eds-f-label-l);
|
|
122
|
+
font-weight: var(--eds-f-w-semibold);
|
|
122
123
|
color: var(--eds-c-foreground-default);
|
|
123
124
|
gap: var(--eds-sp-xs);
|
|
124
125
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eds-wc-fieldset.js","sourceRoot":"","sources":["../../src/eds-fieldset/eds-wc-fieldset.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEI,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,cAAc;IAA1C;;QACH,sDAAsD;QAEtD,eAAU,GAAG,KAAK,CAAC;QAEnB,qDAAqD;QAErD,aAAQ,GAAG,IAAI,CAAC;QAEhB,kCAAkC;QAElC,cAAS,GAAG,IAAI,CAAC;QAGT,cAAS,GAAG,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"eds-wc-fieldset.js","sourceRoot":"","sources":["../../src/eds-fieldset/eds-wc-fieldset.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEI,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,cAAc;IAA1C;;QACH,sDAAsD;QAEtD,eAAU,GAAG,KAAK,CAAC;QAEnB,qDAAqD;QAErD,aAAQ,GAAG,IAAI,CAAC;QAEhB,kCAAkC;QAElC,cAAS,GAAG,IAAI,CAAC;QAGT,cAAS,GAAG,IAAI,CAAC;IAyI7B,CAAC;aAvImB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuF3B,AAvFqB,CAuFpB;IAEO,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC;IACnC,CAAC;IAEkB,MAAM;QACrB,MAAM,OAAO,GAAG,cAAc,CAAC,aAAa,CAAC;QAC7C,MAAM,SAAS,GAAG,GAAG,OAAO,sCAAsC,CAAC;QACnE,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;QAEvD,OAAO,IAAI,CAAA;;;sBAGG,IAAI,CAAC,UAAU;YACb,CAAC,CAAC,IAAI,CAAA;;8CAEgB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ;0CAC1C,IAAI,CAAC,OAAO;qEACe,SAAS;;yBAErD;YACD,CAAC,CAAC,OACN;;;;;;;;;cASN,WAAW;YACT,CAAC,CAAC,IAAI,CAAA,yDAAyD;YAC/D,CAAC,CAAC,OACN;SACH,CAAC;IACN,CAAC;IAEO,OAAO;QACX,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;QACjC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC;QAC/B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,eAAe,EAAE;YAChD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI;YAC7B,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE;SACvC,CAAC,CAAC,CAAC;IACR,CAAC;;AAnJD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDACxB;AAInB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAC3B;AAIhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;gDACpC;AAGT;IADP,KAAK,EAAE;gDACiB;AAdhB,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAuJzB"}
|
|
@@ -114,7 +114,7 @@ let EdsWcFileUpload = class EdsWcFileUpload extends EdsBaseElement {
|
|
|
114
114
|
.remove-btn:focus-visible { outline: 2px solid var(--eds-c-border-focus); outline-offset: 2px; }
|
|
115
115
|
.remove-btn svg { width: var(--eds-is-s); height: var(--eds-is-s); fill: currentColor; }
|
|
116
116
|
|
|
117
|
-
.total-size { font: var(--eds-f-label-m-
|
|
117
|
+
.total-size { font: var(--eds-f-label-m); font-weight: var(--eds-f-w-semibold); margin: var(--eds-sp-xs) 0; }
|
|
118
118
|
|
|
119
119
|
.error { font: var(--eds-f-paragraph-s); color: var(--eds-c-foreground-critical); margin-bottom: var(--eds-sp-xs); }
|
|
120
120
|
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { EdsBaseElement } from '../shared/eds-base.js';
|
|
2
|
+
import type { EdsWcIconSize } from './eds-wc-icon.js';
|
|
3
|
+
/**
|
|
4
|
+
* `<eds-wc-icon-image>` — EDS Icon Image Web Component.
|
|
5
|
+
*
|
|
6
|
+
* Displays a raster/vector image as an icon from a direct URL, bypassing sprite-set
|
|
7
|
+
* resolution. Sized via the `size` string attribute. 1:1 projection of the Angular
|
|
8
|
+
* `eds-icon-image`.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```html
|
|
12
|
+
* <eds-wc-icon-image icon-url="/assets/custom-icon.svg" size="l" aria-label="Custom icon"></eds-wc-icon-image>
|
|
13
|
+
* ```
|
|
14
|
+
*/
|
|
15
|
+
export declare class EdsWcIconImage extends EdsBaseElement {
|
|
16
|
+
/**
|
|
17
|
+
* Direct URL to an SVG/image icon file, bypassing icon-set resolution. Useful for
|
|
18
|
+
* loading custom or external icons not in configured icon sets.
|
|
19
|
+
* @default ''
|
|
20
|
+
*/
|
|
21
|
+
iconUrl: string;
|
|
22
|
+
/**
|
|
23
|
+
* Size of the icon.
|
|
24
|
+
* @default 'm'
|
|
25
|
+
*/
|
|
26
|
+
size: EdsWcIconSize;
|
|
27
|
+
/**
|
|
28
|
+
* Accessible label for screen readers describing the icon's purpose.
|
|
29
|
+
* When set, the icon gets `role="img"` and this label; when empty it is hidden from
|
|
30
|
+
* assistive technologies.
|
|
31
|
+
* @default ''
|
|
32
|
+
*/
|
|
33
|
+
ariaLabel: string | null;
|
|
34
|
+
static styles: import("lit").CSSResult;
|
|
35
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
36
|
+
protected updated(): void;
|
|
37
|
+
}
|
|
38
|
+
declare global {
|
|
39
|
+
interface HTMLElementTagNameMap {
|
|
40
|
+
'eds-wc-icon-image': EdsWcIconImage;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
//# sourceMappingURL=eds-wc-icon-image.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eds-wc-icon-image.d.ts","sourceRoot":"","sources":["../../src/eds-icon/eds-wc-icon-image.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;;;;;;;;;;GAWG;AACH,qBACa,cAAe,SAAQ,cAAc;IAC9C;;;;OAIG;IAEH,OAAO,SAAM;IAEb;;;OAGG;IAEH,IAAI,EAAE,aAAa,CAAO;IAE1B;;;;;OAKG;IAEM,SAAS,EAAE,MAAM,GAAG,IAAI,CAAM;IAEvC,OAAgB,MAAM,0BA4BpB;cAEiB,MAAM;cAQN,OAAO,IAAI,IAAI;CAYrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,cAAc,CAAC;KACvC;CACJ"}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { html, css } from 'lit';
|
|
8
|
+
import { customElement, property } from 'lit/decorators.js';
|
|
9
|
+
import { EdsBaseElement } from '../shared/eds-base.js';
|
|
10
|
+
/**
|
|
11
|
+
* `<eds-wc-icon-image>` — EDS Icon Image Web Component.
|
|
12
|
+
*
|
|
13
|
+
* Displays a raster/vector image as an icon from a direct URL, bypassing sprite-set
|
|
14
|
+
* resolution. Sized via the `size` string attribute. 1:1 projection of the Angular
|
|
15
|
+
* `eds-icon-image`.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```html
|
|
19
|
+
* <eds-wc-icon-image icon-url="/assets/custom-icon.svg" size="l" aria-label="Custom icon"></eds-wc-icon-image>
|
|
20
|
+
* ```
|
|
21
|
+
*/
|
|
22
|
+
let EdsWcIconImage = class EdsWcIconImage extends EdsBaseElement {
|
|
23
|
+
constructor() {
|
|
24
|
+
super(...arguments);
|
|
25
|
+
/**
|
|
26
|
+
* Direct URL to an SVG/image icon file, bypassing icon-set resolution. Useful for
|
|
27
|
+
* loading custom or external icons not in configured icon sets.
|
|
28
|
+
* @default ''
|
|
29
|
+
*/
|
|
30
|
+
this.iconUrl = '';
|
|
31
|
+
/**
|
|
32
|
+
* Size of the icon.
|
|
33
|
+
* @default 'm'
|
|
34
|
+
*/
|
|
35
|
+
this.size = 'm';
|
|
36
|
+
/**
|
|
37
|
+
* Accessible label for screen readers describing the icon's purpose.
|
|
38
|
+
* When set, the icon gets `role="img"` and this label; when empty it is hidden from
|
|
39
|
+
* assistive technologies.
|
|
40
|
+
* @default ''
|
|
41
|
+
*/
|
|
42
|
+
this.ariaLabel = '';
|
|
43
|
+
}
|
|
44
|
+
static { this.styles = css `
|
|
45
|
+
:host, *, *::before, *::after {
|
|
46
|
+
box-sizing: border-box;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
:host {
|
|
50
|
+
/* inherited from parent */
|
|
51
|
+
--_eds-icon-image-size: var(--_icon-size, var(--eds-is-m));
|
|
52
|
+
|
|
53
|
+
display: inline-flex;
|
|
54
|
+
position: relative;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.eds-icon-svg-image {
|
|
58
|
+
height: var(--_eds-icon-image-size);
|
|
59
|
+
width: var(--_eds-icon-image-size);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
/* SIZE VARIANTS */
|
|
63
|
+
:host([size="2xs"]) { --_eds-icon-image-size: var(--eds-is-2xs); }
|
|
64
|
+
:host([size="xs"]) { --_eds-icon-image-size: var(--eds-is-xs); }
|
|
65
|
+
:host([size="s"]) { --_eds-icon-image-size: var(--eds-is-s); }
|
|
66
|
+
:host([size="m"]) { --_eds-icon-image-size: var(--eds-is-m); }
|
|
67
|
+
:host([size="l"]) { --_eds-icon-image-size: var(--eds-is-l); }
|
|
68
|
+
:host([size="xl"]) { --_eds-icon-image-size: var(--eds-is-xl); }
|
|
69
|
+
:host([size="2xl"]) { --_eds-icon-image-size: var(--eds-is-2xl); }
|
|
70
|
+
:host([size="3xl"]) { --_eds-icon-image-size: var(--eds-is-3xl); }
|
|
71
|
+
:host([size="4xl"]) { --_eds-icon-image-size: var(--eds-is-4xl); }
|
|
72
|
+
`; }
|
|
73
|
+
render() {
|
|
74
|
+
return html `
|
|
75
|
+
<svg class="eds-icon-svg-image" aria-hidden="true" role="img">
|
|
76
|
+
<image href="${this.iconUrl}" class="eds-icon-svg-image"></image>
|
|
77
|
+
</svg>
|
|
78
|
+
`;
|
|
79
|
+
}
|
|
80
|
+
updated() {
|
|
81
|
+
// Mirror the Angular host bindings: a label promotes the host to role="img";
|
|
82
|
+
// otherwise the icon is decorative and hidden from assistive technologies.
|
|
83
|
+
const hasLabel = !!this.ariaLabel && this.ariaLabel.length > 0;
|
|
84
|
+
if (hasLabel) {
|
|
85
|
+
this.setAttribute('role', 'img');
|
|
86
|
+
this.removeAttribute('aria-hidden');
|
|
87
|
+
}
|
|
88
|
+
else {
|
|
89
|
+
this.removeAttribute('role');
|
|
90
|
+
this.setAttribute('aria-hidden', 'true');
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
};
|
|
94
|
+
__decorate([
|
|
95
|
+
property({ type: String, attribute: 'icon-url' })
|
|
96
|
+
], EdsWcIconImage.prototype, "iconUrl", void 0);
|
|
97
|
+
__decorate([
|
|
98
|
+
property({ type: String, reflect: true })
|
|
99
|
+
], EdsWcIconImage.prototype, "size", void 0);
|
|
100
|
+
__decorate([
|
|
101
|
+
property({ type: String, attribute: 'aria-label', reflect: true })
|
|
102
|
+
], EdsWcIconImage.prototype, "ariaLabel", void 0);
|
|
103
|
+
EdsWcIconImage = __decorate([
|
|
104
|
+
customElement('eds-wc-icon-image')
|
|
105
|
+
], EdsWcIconImage);
|
|
106
|
+
export { EdsWcIconImage };
|
|
107
|
+
//# sourceMappingURL=eds-wc-icon-image.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eds-wc-icon-image.js","sourceRoot":"","sources":["../../src/eds-icon/eds-wc-icon-image.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;AAGvD;;;;;;;;;;;GAWG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,cAAc;IAA3C;;QACH;;;;WAIG;QAEH,YAAO,GAAG,EAAE,CAAC;QAEb;;;WAGG;QAEH,SAAI,GAAkB,GAAG,CAAC;QAE1B;;;;;WAKG;QAEM,cAAS,GAAkB,EAAE,CAAC;IAoD3C,CAAC;aAlDmB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4B3B,AA5BqB,CA4BpB;IAEiB,MAAM;QACrB,OAAO,IAAI,CAAA;;+BAEY,IAAI,CAAC,OAAO;;SAElC,CAAC;IACN,CAAC;IAEkB,OAAO;QACtB,6EAA6E;QAC7E,2EAA2E;QAC3E,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;QAC/D,IAAI,QAAQ,EAAE,CAAC;YACX,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;YACjC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;QACxC,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;YAC7B,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QAC7C,CAAC;IACL,CAAC;;AAnED;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;+CACrC;AAOb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAChB;AASjB;IADR,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAC5B;AAvB9B,cAAc;IAD1B,aAAa,CAAC,mBAAmB,CAAC;GACtB,cAAc,CA2E1B"}
|
|
@@ -1,59 +1,76 @@
|
|
|
1
1
|
import { EdsBaseElement } from '../shared/eds-base.js';
|
|
2
|
-
|
|
2
|
+
/**
|
|
3
|
+
* Local narrowed color union — the icon's color contract. Copied verbatim from the
|
|
4
|
+
* Angular `eds-icon` exported `EdsIconColor` union. No shared-token import.
|
|
5
|
+
*/
|
|
6
|
+
export type EdsWcIconColor = 'neutral' | 'neutral-subtle' | 'neutral-subtler' | 'primary' | 'highlight' | 'info' | 'success' | 'warning' | 'critical' | 'brand' | 'disabled';
|
|
7
|
+
/**
|
|
8
|
+
* Local narrowed size union — the icon's size contract. Copied verbatim from the
|
|
9
|
+
* Angular `eds-icon` exported `EdsIconSize` union.
|
|
10
|
+
*/
|
|
11
|
+
export type EdsWcIconSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';
|
|
3
12
|
/**
|
|
4
13
|
* `<eds-wc-icon>` — EDS Icon Web Component.
|
|
5
14
|
*
|
|
6
|
-
* Displays
|
|
7
|
-
*
|
|
15
|
+
* Displays a scalable vector icon from a sprite set. Supports semantic color and size via
|
|
16
|
+
* string attributes, an optional circular clip, and a loading spinner. Icons resolve from
|
|
17
|
+
* the configured assets path using the `iconName:setName` convention. 1:1 projection of the
|
|
18
|
+
* Angular `eds-icon`.
|
|
8
19
|
*
|
|
9
20
|
* @example
|
|
10
21
|
* ```html
|
|
11
|
-
* <eds-wc-icon icon="
|
|
12
|
-
* <eds-wc-icon icon="
|
|
13
|
-
* <eds-wc-icon icon="
|
|
22
|
+
* <eds-wc-icon icon="check" color="success" size="m"></eds-wc-icon>
|
|
23
|
+
* <eds-wc-icon icon="warning" color="warning" size="l" aria-label="Warning"></eds-wc-icon>
|
|
24
|
+
* <eds-wc-icon icon="check:core"></eds-wc-icon>
|
|
25
|
+
* <eds-wc-icon icon="flag-be:flags-4x3" rounded></eds-wc-icon>
|
|
26
|
+
* <eds-wc-icon loading></eds-wc-icon>
|
|
14
27
|
* ```
|
|
15
28
|
*
|
|
16
|
-
* @slot - Default slot for projected content (e.g. badge overlay)
|
|
17
|
-
*
|
|
18
|
-
* @csspart svg - The SVG element rendering the icon
|
|
19
|
-
* @csspart spinner - The loading spinner element
|
|
29
|
+
* @slot - Default slot for projected content (e.g. a badge overlay).
|
|
20
30
|
*/
|
|
21
|
-
export declare class EdsWcIcon extends
|
|
31
|
+
export declare class EdsWcIcon extends EdsBaseElement {
|
|
22
32
|
/**
|
|
23
|
-
*
|
|
24
|
-
* When
|
|
33
|
+
* Name of the icon to display, optionally including the icon set using `iconName:setName`
|
|
34
|
+
* format. When the value contains a colon, it splits into icon name and set.
|
|
35
|
+
* @default ''
|
|
25
36
|
*/
|
|
26
37
|
icon: string;
|
|
27
38
|
/**
|
|
28
|
-
* Icon set
|
|
29
|
-
* Only used when `icon` doesn't contain a colon separator.
|
|
39
|
+
* Icon set library to load the icon from. Used only when `icon` has no colon separator.
|
|
30
40
|
* @default 'regular'
|
|
31
41
|
*/
|
|
32
42
|
set: string;
|
|
33
43
|
/**
|
|
34
|
-
*
|
|
35
|
-
*
|
|
36
|
-
* When empty, the icon is hidden from assistive technologies.
|
|
44
|
+
* Semantic color of the icon.
|
|
45
|
+
* @default 'neutral'
|
|
37
46
|
*/
|
|
38
|
-
|
|
47
|
+
color: EdsWcIconColor;
|
|
48
|
+
/**
|
|
49
|
+
* Size of the icon.
|
|
50
|
+
* @default 'm'
|
|
51
|
+
*/
|
|
52
|
+
size: EdsWcIconSize;
|
|
39
53
|
/**
|
|
40
|
-
*
|
|
41
|
-
*
|
|
54
|
+
* Accessible label for screen readers describing the icon's purpose.
|
|
55
|
+
* When set, the icon gets `role="img"` and this label; when empty it is hidden from
|
|
56
|
+
* assistive technologies.
|
|
57
|
+
* @default ''
|
|
42
58
|
*/
|
|
43
|
-
|
|
59
|
+
ariaLabel: string | null;
|
|
44
60
|
/**
|
|
45
|
-
*
|
|
46
|
-
*
|
|
61
|
+
* Applies a circular clip (border-radius: 50%) to the icon, useful for flag icons.
|
|
62
|
+
* @default false
|
|
47
63
|
*/
|
|
48
64
|
rounded: boolean;
|
|
49
65
|
/**
|
|
50
|
-
*
|
|
66
|
+
* When true, replaces the icon with a spinning loading indicator.
|
|
51
67
|
* The spinner inherits the icon's size and color.
|
|
68
|
+
* @default false
|
|
52
69
|
*/
|
|
53
70
|
loading: boolean;
|
|
54
|
-
/** Resolved icon name (part before colon, or full string). */
|
|
71
|
+
/** Resolved icon name (part before the colon, or the full string). */
|
|
55
72
|
private get iconName();
|
|
56
|
-
/** Resolved icon set (part after colon, or `set` property). */
|
|
73
|
+
/** Resolved icon set (part after the colon, or the `set` property; defaults to `regular`). */
|
|
57
74
|
private get resolvedSet();
|
|
58
75
|
static styles: import("lit").CSSResult;
|
|
59
76
|
protected render(): import("lit-html").TemplateResult<1>;
|
|
@@ -64,5 +81,4 @@ declare global {
|
|
|
64
81
|
'eds-wc-icon': EdsWcIcon;
|
|
65
82
|
}
|
|
66
83
|
}
|
|
67
|
-
export {};
|
|
68
84
|
//# sourceMappingURL=eds-wc-icon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eds-wc-icon.d.ts","sourceRoot":"","sources":["../../src/eds-icon/eds-wc-icon.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC
|
|
1
|
+
{"version":3,"file":"eds-wc-icon.d.ts","sourceRoot":"","sources":["../../src/eds-icon/eds-wc-icon.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;GAGG;AACH,MAAM,MAAM,cAAc,GACpB,SAAS,GACT,gBAAgB,GAChB,iBAAiB,GACjB,SAAS,GACT,WAAW,GACX,MAAM,GACN,SAAS,GACT,SAAS,GACT,UAAU,GACV,OAAO,GACP,UAAU,CAAC;AAEjB;;;GAGG;AACH,MAAM,MAAM,aAAa,GACnB,KAAK,GACL,IAAI,GACJ,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAEZ;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBACa,SAAU,SAAQ,cAAc;IACzC;;;;OAIG;IAEH,IAAI,SAAM;IAEV;;;OAGG;IAEH,GAAG,SAAa;IAEhB;;;OAGG;IAEH,KAAK,EAAE,cAAc,CAAa;IAElC;;;OAGG;IAEH,IAAI,EAAE,aAAa,CAAO;IAE1B;;;;;OAKG;IAEM,SAAS,EAAE,MAAM,GAAG,IAAI,CAAM;IAEvC;;;OAGG;IAEH,OAAO,UAAS;IAEhB;;;;OAIG;IAEH,OAAO,UAAS;IAEhB,sEAAsE;IACtE,OAAO,KAAK,QAAQ,GAMnB;IAED,8FAA8F;IAC9F,OAAO,KAAK,WAAW,GAMtB;IAED,OAAgB,MAAM,0BA0GpB;cAEiB,MAAM;cAkBN,OAAO,IAAI,IAAI;CAYrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,aAAa,EAAE,SAAS,CAAC;KAC5B;CACJ"}
|