@eui/eds-react 22.0.0-alpha.12 → 22.0.0-alpha.13
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-autocomplete/eds-autocomplete-force-selection.validator.d.ts +19 -0
- package/eds-autocomplete/eds-autocomplete-force-selection.validator.d.ts.map +1 -0
- package/eds-autocomplete/eds-autocomplete-force-selection.validator.js +26 -0
- package/eds-autocomplete/eds-autocomplete-force-selection.validator.js.map +1 -0
- package/eds-autocomplete/eds-autocomplete-item.model.d.ts +18 -0
- package/eds-autocomplete/eds-autocomplete-item.model.d.ts.map +1 -0
- package/eds-autocomplete/eds-autocomplete-item.model.js +2 -0
- package/eds-autocomplete/eds-autocomplete-item.model.js.map +1 -0
- package/eds-autocomplete/eds-autocomplete-option-group.d.ts +16 -0
- package/eds-autocomplete/eds-autocomplete-option-group.d.ts.map +1 -0
- package/eds-autocomplete/eds-autocomplete-option-group.js +13 -0
- package/eds-autocomplete/eds-autocomplete-option-group.js.map +1 -0
- package/eds-autocomplete/eds-autocomplete-option.d.ts +28 -0
- package/eds-autocomplete/eds-autocomplete-option.d.ts.map +1 -0
- package/eds-autocomplete/eds-autocomplete-option.js +26 -0
- package/eds-autocomplete/eds-autocomplete-option.js.map +1 -0
- package/eds-autocomplete/eds-autocomplete-panel.d.ts +50 -0
- package/eds-autocomplete/eds-autocomplete-panel.d.ts.map +1 -0
- package/eds-autocomplete/eds-autocomplete-panel.js +40 -0
- package/eds-autocomplete/eds-autocomplete-panel.js.map +1 -0
- package/eds-autocomplete/eds-autocomplete.css +108 -0
- package/eds-autocomplete/eds-autocomplete.d.ts +146 -0
- package/eds-autocomplete/eds-autocomplete.d.ts.map +1 -0
- package/eds-autocomplete/eds-autocomplete.js +465 -0
- package/eds-autocomplete/eds-autocomplete.js.map +1 -0
- package/eds-autocomplete/index.d.ts +11 -0
- package/eds-autocomplete/index.d.ts.map +1 -0
- package/eds-autocomplete/index.js +6 -0
- package/eds-autocomplete/index.js.map +1 -0
- package/eds-banner/eds-banner-cta.css +3 -0
- package/eds-banner/eds-banner-cta.d.ts +13 -0
- package/eds-banner/eds-banner-cta.d.ts.map +1 -0
- package/eds-banner/eds-banner-cta.js +13 -0
- package/eds-banner/eds-banner-cta.js.map +1 -0
- package/eds-banner/eds-banner-description.css +3 -0
- package/eds-banner/eds-banner-description.d.ts +13 -0
- package/eds-banner/eds-banner-description.d.ts.map +1 -0
- package/eds-banner/eds-banner-description.js +15 -0
- package/eds-banner/eds-banner-description.js.map +1 -0
- package/eds-banner/eds-banner-picture.css +5 -0
- package/eds-banner/eds-banner-picture.d.ts +29 -0
- package/eds-banner/eds-banner-picture.d.ts.map +1 -0
- package/eds-banner/eds-banner-picture.js +26 -0
- package/eds-banner/eds-banner-picture.js.map +1 -0
- package/eds-banner/eds-banner-title.css +3 -0
- package/eds-banner/eds-banner-title.d.ts +13 -0
- package/eds-banner/eds-banner-title.d.ts.map +1 -0
- package/eds-banner/eds-banner-title.js +13 -0
- package/eds-banner/eds-banner-title.js.map +1 -0
- package/eds-banner/eds-banner-video.d.ts +15 -0
- package/eds-banner/eds-banner-video.d.ts.map +1 -0
- package/eds-banner/eds-banner-video.js +14 -0
- package/eds-banner/eds-banner-video.js.map +1 -0
- package/eds-banner/eds-banner.css +448 -0
- package/eds-banner/eds-banner.d.ts +63 -0
- package/eds-banner/eds-banner.d.ts.map +1 -0
- package/eds-banner/eds-banner.js +113 -0
- package/eds-banner/eds-banner.js.map +1 -0
- package/eds-banner/index.d.ts +13 -0
- package/eds-banner/index.d.ts.map +1 -0
- package/eds-banner/index.js +7 -0
- package/eds-banner/index.js.map +1 -0
- package/eds-block-content/eds-block-content.css +64 -0
- package/eds-block-content/eds-block-content.d.ts +22 -0
- package/eds-block-content/eds-block-content.d.ts.map +1 -0
- package/eds-block-content/eds-block-content.js +37 -0
- package/eds-block-content/eds-block-content.js.map +1 -0
- package/eds-block-content/index.d.ts +3 -0
- package/eds-block-content/index.d.ts.map +1 -0
- package/eds-block-content/index.js +2 -0
- package/eds-block-content/index.js.map +1 -0
- package/eds-block-document/eds-block-document.css +55 -0
- package/eds-block-document/eds-block-document.d.ts +27 -0
- package/eds-block-document/eds-block-document.d.ts.map +1 -0
- package/eds-block-document/eds-block-document.js +15 -0
- package/eds-block-document/eds-block-document.js.map +1 -0
- package/eds-block-document/index.d.ts +3 -0
- package/eds-block-document/index.d.ts.map +1 -0
- package/eds-block-document/index.js +2 -0
- package/eds-block-document/index.js.map +1 -0
- package/eds-blockquote/eds-blockquote.css +69 -0
- package/eds-blockquote/eds-blockquote.d.ts +35 -0
- package/eds-blockquote/eds-blockquote.d.ts.map +1 -0
- package/eds-blockquote/eds-blockquote.js +8 -0
- package/eds-blockquote/eds-blockquote.js.map +1 -0
- package/eds-blockquote/index.d.ts +3 -0
- package/eds-blockquote/index.d.ts.map +1 -0
- package/eds-blockquote/index.js +2 -0
- package/eds-blockquote/index.js.map +1 -0
- package/eds-breadcrumb/eds-breadcrumb-item.css +33 -0
- package/eds-breadcrumb/eds-breadcrumb-item.d.ts +33 -0
- package/eds-breadcrumb/eds-breadcrumb-item.d.ts.map +1 -0
- package/eds-breadcrumb/eds-breadcrumb-item.js +34 -0
- package/eds-breadcrumb/eds-breadcrumb-item.js.map +1 -0
- package/eds-breadcrumb/eds-breadcrumb.css +14 -0
- package/eds-breadcrumb/eds-breadcrumb.d.ts +23 -0
- package/eds-breadcrumb/eds-breadcrumb.d.ts.map +1 -0
- package/eds-breadcrumb/eds-breadcrumb.js +29 -0
- package/eds-breadcrumb/eds-breadcrumb.js.map +1 -0
- package/eds-breadcrumb/index.d.ts +5 -0
- package/eds-breadcrumb/index.d.ts.map +1 -0
- package/eds-breadcrumb/index.js +3 -0
- package/eds-breadcrumb/index.js.map +1 -0
- package/eds-button/eds-button.css +15 -0
- package/eds-button-group/eds-button-group-item.css +114 -0
- package/eds-button-group/eds-button-group-item.d.ts +32 -0
- package/eds-button-group/eds-button-group-item.d.ts.map +1 -0
- package/eds-button-group/eds-button-group-item.js +85 -0
- package/eds-button-group/eds-button-group-item.js.map +1 -0
- package/eds-button-group/eds-button-group.css +55 -0
- package/eds-button-group/eds-button-group.d.ts +97 -0
- package/eds-button-group/eds-button-group.d.ts.map +1 -0
- package/eds-button-group/eds-button-group.js +224 -0
- package/eds-button-group/eds-button-group.js.map +1 -0
- package/eds-button-group/index.d.ts +5 -0
- package/eds-button-group/index.d.ts.map +1 -0
- package/eds-button-group/index.js +3 -0
- package/eds-button-group/index.js.map +1 -0
- package/eds-card/eds-card-body.css +32 -0
- package/eds-card/eds-card-body.d.ts +23 -0
- package/eds-card/eds-card-body.d.ts.map +1 -0
- package/eds-card/eds-card-body.js +25 -0
- package/eds-card/eds-card-body.js.map +1 -0
- package/eds-card/eds-card-context.d.ts +14 -0
- package/eds-card/eds-card-context.d.ts.map +1 -0
- package/eds-card/eds-card-context.js +8 -0
- package/eds-card/eds-card-context.js.map +1 -0
- package/eds-card/eds-card-footer.css +8 -0
- package/eds-card/eds-card-footer.d.ts +13 -0
- package/eds-card/eds-card-footer.d.ts.map +1 -0
- package/eds-card/eds-card-footer.js +12 -0
- package/eds-card/eds-card-footer.js.map +1 -0
- package/eds-card/eds-card-header-end.css +6 -0
- package/eds-card/eds-card-header-end.d.ts +13 -0
- package/eds-card/eds-card-header-end.d.ts.map +1 -0
- package/eds-card/eds-card-header-end.js +12 -0
- package/eds-card/eds-card-header-end.js.map +1 -0
- package/eds-card/eds-card-header.css +19 -0
- package/eds-card/eds-card-header.d.ts +23 -0
- package/eds-card/eds-card-header.d.ts.map +1 -0
- package/eds-card/eds-card-header.js +13 -0
- package/eds-card/eds-card-header.js.map +1 -0
- package/eds-card/eds-card-label.css +11 -0
- package/eds-card/eds-card-label.d.ts +17 -0
- package/eds-card/eds-card-label.d.ts.map +1 -0
- package/eds-card/eds-card-label.js +19 -0
- package/eds-card/eds-card-label.js.map +1 -0
- package/eds-card/eds-card-media.css +30 -0
- package/eds-card/eds-card-media.d.ts +17 -0
- package/eds-card/eds-card-media.d.ts.map +1 -0
- package/eds-card/eds-card-media.js +13 -0
- package/eds-card/eds-card-media.js.map +1 -0
- package/eds-card/eds-card-metadata.css +5 -0
- package/eds-card/eds-card-metadata.d.ts +13 -0
- package/eds-card/eds-card-metadata.d.ts.map +1 -0
- package/eds-card/eds-card-metadata.js +12 -0
- package/eds-card/eds-card-metadata.js.map +1 -0
- package/eds-card/eds-card-start.css +8 -0
- package/eds-card/eds-card-start.d.ts +13 -0
- package/eds-card/eds-card-start.d.ts.map +1 -0
- package/eds-card/eds-card-start.js +12 -0
- package/eds-card/eds-card-start.js.map +1 -0
- package/eds-card/eds-card-sublabel.css +11 -0
- package/eds-card/eds-card-sublabel.d.ts +17 -0
- package/eds-card/eds-card-sublabel.d.ts.map +1 -0
- package/eds-card/eds-card-sublabel.js +19 -0
- package/eds-card/eds-card-sublabel.js.map +1 -0
- package/eds-card/eds-card.css +92 -0
- package/eds-card/eds-card.d.ts +80 -0
- package/eds-card/eds-card.d.ts.map +1 -0
- package/eds-card/eds-card.js +81 -0
- package/eds-card/eds-card.js.map +1 -0
- package/eds-card/index.d.ts +23 -0
- package/eds-card/index.d.ts.map +1 -0
- package/eds-card/index.js +12 -0
- package/eds-card/index.js.map +1 -0
- package/eds-date-block/eds-date-block.css +83 -0
- package/eds-date-block/eds-date-block.d.ts +39 -0
- package/eds-date-block/eds-date-block.d.ts.map +1 -0
- package/eds-date-block/eds-date-block.js +69 -0
- package/eds-date-block/eds-date-block.js.map +1 -0
- package/eds-date-block/index.d.ts +3 -0
- package/eds-date-block/index.d.ts.map +1 -0
- package/eds-date-block/index.js +2 -0
- package/eds-date-block/index.js.map +1 -0
- package/eds-dialog/eds-dialog.css +224 -0
- package/eds-dialog/eds-dialog.d.ts +126 -0
- package/eds-dialog/eds-dialog.d.ts.map +1 -0
- package/eds-dialog/eds-dialog.js +154 -0
- package/eds-dialog/eds-dialog.js.map +1 -0
- package/eds-dialog/index.d.ts +3 -0
- package/eds-dialog/index.d.ts.map +1 -0
- package/eds-dialog/index.js +2 -0
- package/eds-dialog/index.js.map +1 -0
- package/eds-dimmer/eds-dimmer.css +43 -0
- package/eds-dimmer/eds-dimmer.d.ts +23 -0
- package/eds-dimmer/eds-dimmer.d.ts.map +1 -0
- package/eds-dimmer/eds-dimmer.js +14 -0
- package/eds-dimmer/eds-dimmer.js.map +1 -0
- package/eds-dimmer/index.d.ts +3 -0
- package/eds-dimmer/index.d.ts.map +1 -0
- package/eds-dimmer/index.js +2 -0
- package/eds-dimmer/index.js.map +1 -0
- package/eds-disable-content/eds-disable-content.css +27 -0
- package/eds-disable-content/eds-disable-content.d.ts +14 -0
- package/eds-disable-content/eds-disable-content.d.ts.map +1 -0
- package/eds-disable-content/eds-disable-content.js +47 -0
- package/eds-disable-content/eds-disable-content.js.map +1 -0
- package/eds-disable-content/index.d.ts +3 -0
- package/eds-disable-content/index.d.ts.map +1 -0
- package/eds-disable-content/index.js +2 -0
- package/eds-disable-content/index.js.map +1 -0
- package/eds-dropdown/eds-dropdown-content.d.ts +15 -0
- package/eds-dropdown/eds-dropdown-content.d.ts.map +1 -0
- package/eds-dropdown/eds-dropdown-content.js +14 -0
- package/eds-dropdown/eds-dropdown-content.js.map +1 -0
- package/eds-dropdown/eds-dropdown-item.d.ts +44 -0
- package/eds-dropdown/eds-dropdown-item.d.ts.map +1 -0
- package/eds-dropdown/eds-dropdown-item.js +34 -0
- package/eds-dropdown/eds-dropdown-item.js.map +1 -0
- package/eds-dropdown/eds-dropdown.css +154 -0
- package/eds-dropdown/eds-dropdown.d.ts +104 -0
- package/eds-dropdown/eds-dropdown.d.ts.map +1 -0
- package/eds-dropdown/eds-dropdown.js +302 -0
- package/eds-dropdown/eds-dropdown.js.map +1 -0
- package/eds-dropdown/index.d.ts +7 -0
- package/eds-dropdown/index.d.ts.map +1 -0
- package/eds-dropdown/index.js +4 -0
- package/eds-dropdown/index.js.map +1 -0
- package/eds-empty-state/eds-empty-state-actions.d.ts +12 -0
- package/eds-empty-state/eds-empty-state-actions.d.ts.map +1 -0
- package/eds-empty-state/eds-empty-state-actions.js +12 -0
- package/eds-empty-state/eds-empty-state-actions.js.map +1 -0
- package/eds-empty-state/eds-empty-state-description.d.ts +12 -0
- package/eds-empty-state/eds-empty-state-description.d.ts.map +1 -0
- package/eds-empty-state/eds-empty-state-description.js +14 -0
- package/eds-empty-state/eds-empty-state-description.js.map +1 -0
- package/eds-empty-state/eds-empty-state-icon.d.ts +12 -0
- package/eds-empty-state/eds-empty-state-icon.d.ts.map +1 -0
- package/eds-empty-state/eds-empty-state-icon.js +12 -0
- package/eds-empty-state/eds-empty-state-icon.js.map +1 -0
- package/eds-empty-state/eds-empty-state-title.d.ts +12 -0
- package/eds-empty-state/eds-empty-state-title.d.ts.map +1 -0
- package/eds-empty-state/eds-empty-state-title.js +12 -0
- package/eds-empty-state/eds-empty-state-title.js.map +1 -0
- package/eds-empty-state/eds-empty-state.css +46 -0
- package/eds-empty-state/eds-empty-state.d.ts +33 -0
- package/eds-empty-state/eds-empty-state.d.ts.map +1 -0
- package/eds-empty-state/eds-empty-state.js +26 -0
- package/eds-empty-state/eds-empty-state.js.map +1 -0
- package/eds-empty-state/index.d.ts +11 -0
- package/eds-empty-state/index.d.ts.map +1 -0
- package/eds-empty-state/index.js +6 -0
- package/eds-empty-state/index.js.map +1 -0
- package/eds-fab-button/eds-fab-button-item.css +35 -0
- package/eds-fab-button/eds-fab-button-item.d.ts +26 -0
- package/eds-fab-button/eds-fab-button-item.d.ts.map +1 -0
- package/eds-fab-button/eds-fab-button-item.js +21 -0
- package/eds-fab-button/eds-fab-button-item.js.map +1 -0
- package/eds-fab-button/eds-fab-button.css +164 -0
- package/eds-fab-button/eds-fab-button.d.ts +61 -0
- package/eds-fab-button/eds-fab-button.d.ts.map +1 -0
- package/eds-fab-button/eds-fab-button.js +332 -0
- package/eds-fab-button/eds-fab-button.js.map +1 -0
- package/eds-fab-button/eds-fab-button.model.d.ts +7 -0
- package/eds-fab-button/eds-fab-button.model.d.ts.map +1 -0
- package/eds-fab-button/eds-fab-button.model.js +2 -0
- package/eds-fab-button/eds-fab-button.model.js.map +1 -0
- package/eds-fab-button/index.d.ts +5 -0
- package/eds-fab-button/index.d.ts.map +1 -0
- package/eds-fab-button/index.js +3 -0
- package/eds-fab-button/index.js.map +1 -0
- package/eds-feedback-message/eds-feedback-message.css +41 -0
- package/eds-feedback-message/eds-feedback-message.d.ts +41 -0
- package/eds-feedback-message/eds-feedback-message.d.ts.map +1 -0
- package/eds-feedback-message/eds-feedback-message.js +35 -0
- package/eds-feedback-message/eds-feedback-message.js.map +1 -0
- package/eds-feedback-message/index.d.ts +3 -0
- package/eds-feedback-message/index.d.ts.map +1 -0
- package/eds-feedback-message/index.js +2 -0
- package/eds-feedback-message/index.js.map +1 -0
- package/eds-fieldset/eds-fieldset-action.css +5 -0
- package/eds-fieldset/eds-fieldset-action.d.ts +12 -0
- package/eds-fieldset/eds-fieldset-action.d.ts.map +1 -0
- package/eds-fieldset/eds-fieldset-action.js +12 -0
- package/eds-fieldset/eds-fieldset-action.js.map +1 -0
- package/eds-fieldset/eds-fieldset-description.css +7 -0
- package/eds-fieldset/eds-fieldset-description.d.ts +12 -0
- package/eds-fieldset/eds-fieldset-description.d.ts.map +1 -0
- package/eds-fieldset/eds-fieldset-description.js +12 -0
- package/eds-fieldset/eds-fieldset-description.js.map +1 -0
- package/eds-fieldset/eds-fieldset-icon.css +9 -0
- package/eds-fieldset/eds-fieldset-icon.d.ts +14 -0
- package/eds-fieldset/eds-fieldset-icon.d.ts.map +1 -0
- package/eds-fieldset/eds-fieldset-icon.js +14 -0
- package/eds-fieldset/eds-fieldset-icon.js.map +1 -0
- package/eds-fieldset/eds-fieldset-title.css +7 -0
- package/eds-fieldset/eds-fieldset-title.d.ts +12 -0
- package/eds-fieldset/eds-fieldset-title.d.ts.map +1 -0
- package/eds-fieldset/eds-fieldset-title.js +12 -0
- package/eds-fieldset/eds-fieldset-title.js.map +1 -0
- package/eds-fieldset/eds-fieldset.css +38 -0
- package/eds-fieldset/eds-fieldset.d.ts +38 -0
- package/eds-fieldset/eds-fieldset.d.ts.map +1 -0
- package/eds-fieldset/eds-fieldset.js +42 -0
- package/eds-fieldset/eds-fieldset.js.map +1 -0
- package/eds-fieldset/index.d.ts +11 -0
- package/eds-fieldset/index.d.ts.map +1 -0
- package/eds-fieldset/index.js +6 -0
- package/eds-fieldset/index.js.map +1 -0
- package/eds-file-upload/eds-file-upload-preview.d.ts +50 -0
- package/eds-file-upload/eds-file-upload-preview.d.ts.map +1 -0
- package/eds-file-upload/eds-file-upload-preview.js +126 -0
- package/eds-file-upload/eds-file-upload-preview.js.map +1 -0
- package/eds-file-upload/eds-file-upload.css +152 -0
- package/eds-file-upload/eds-file-upload.d.ts +97 -0
- package/eds-file-upload/eds-file-upload.d.ts.map +1 -0
- package/eds-file-upload/eds-file-upload.js +129 -0
- package/eds-file-upload/eds-file-upload.js.map +1 -0
- package/eds-file-upload/eds-file-upload.model.d.ts +25 -0
- package/eds-file-upload/eds-file-upload.model.d.ts.map +1 -0
- package/eds-file-upload/eds-file-upload.model.js +21 -0
- package/eds-file-upload/eds-file-upload.model.js.map +1 -0
- package/eds-file-upload/index.d.ts +7 -0
- package/eds-file-upload/index.d.ts.map +1 -0
- package/eds-file-upload/index.js +4 -0
- package/eds-file-upload/index.js.map +1 -0
- package/eds-growl/eds-growl.css +200 -0
- package/eds-growl/eds-growl.d.ts +79 -0
- package/eds-growl/eds-growl.d.ts.map +1 -0
- package/eds-growl/eds-growl.js +83 -0
- package/eds-growl/eds-growl.js.map +1 -0
- package/eds-growl/index.d.ts +3 -0
- package/eds-growl/index.d.ts.map +1 -0
- package/eds-growl/index.js +2 -0
- package/eds-growl/index.js.map +1 -0
- package/eds-icon/eds-icon.css +5 -0
- package/eds-icon/eds-icon.d.ts +0 -10
- package/eds-icon/eds-icon.d.ts.map +1 -1
- package/eds-icon/eds-icon.js +11 -1
- package/eds-icon/eds-icon.js.map +1 -1
- package/eds-icon-toggle/eds-icon-toggle.css +39 -0
- package/eds-icon-toggle/eds-icon-toggle.d.ts +81 -0
- package/eds-icon-toggle/eds-icon-toggle.d.ts.map +1 -0
- package/eds-icon-toggle/eds-icon-toggle.js +54 -0
- package/eds-icon-toggle/eds-icon-toggle.js.map +1 -0
- package/eds-icon-toggle/index.d.ts +3 -0
- package/eds-icon-toggle/index.d.ts.map +1 -0
- package/eds-icon-toggle/index.js +2 -0
- package/eds-icon-toggle/index.js.map +1 -0
- package/eds-input-button/eds-input-button.css +63 -0
- package/eds-input-button/eds-input-button.d.ts +55 -0
- package/eds-input-button/eds-input-button.d.ts.map +1 -0
- package/eds-input-button/eds-input-button.js +15 -0
- package/eds-input-button/eds-input-button.js.map +1 -0
- package/eds-input-button/index.d.ts +3 -0
- package/eds-input-button/index.d.ts.map +1 -0
- package/eds-input-button/index.js +2 -0
- package/eds-input-button/index.js.map +1 -0
- package/eds-input-checkbox/eds-input-checkbox.css +133 -0
- package/eds-input-checkbox/eds-input-checkbox.d.ts +103 -0
- package/eds-input-checkbox/eds-input-checkbox.d.ts.map +1 -0
- package/eds-input-checkbox/eds-input-checkbox.js +54 -0
- package/eds-input-checkbox/eds-input-checkbox.js.map +1 -0
- package/eds-input-checkbox/index.d.ts +3 -0
- package/eds-input-checkbox/index.d.ts.map +1 -0
- package/eds-input-checkbox/index.js +2 -0
- package/eds-input-checkbox/index.js.map +1 -0
- package/eds-input-group/eds-input-group-addon-item.css +19 -0
- package/eds-input-group/eds-input-group-addon-item.d.ts +27 -0
- package/eds-input-group/eds-input-group-addon-item.d.ts.map +1 -0
- package/eds-input-group/eds-input-group-addon-item.js +6 -0
- package/eds-input-group/eds-input-group-addon-item.js.map +1 -0
- package/eds-input-group/eds-input-group-addon.css +87 -0
- package/eds-input-group/eds-input-group-addon.d.ts +32 -0
- package/eds-input-group/eds-input-group-addon.d.ts.map +1 -0
- package/eds-input-group/eds-input-group-addon.js +6 -0
- package/eds-input-group/eds-input-group-addon.js.map +1 -0
- package/eds-input-group/eds-input-group.css +18 -0
- package/eds-input-group/eds-input-group.d.ts +31 -0
- package/eds-input-group/eds-input-group.d.ts.map +1 -0
- package/eds-input-group/eds-input-group.js +6 -0
- package/eds-input-group/eds-input-group.js.map +1 -0
- package/eds-input-group/index.d.ts +7 -0
- package/eds-input-group/index.d.ts.map +1 -0
- package/eds-input-group/index.js +4 -0
- package/eds-input-group/index.js.map +1 -0
- package/eds-input-icon/eds-input-icon.css +44 -0
- package/eds-input-icon/eds-input-icon.d.ts +59 -0
- package/eds-input-icon/eds-input-icon.d.ts.map +1 -0
- package/eds-input-icon/eds-input-icon.js +16 -0
- package/eds-input-icon/eds-input-icon.js.map +1 -0
- package/eds-input-icon/index.d.ts +3 -0
- package/eds-input-icon/index.d.ts.map +1 -0
- package/eds-input-icon/index.js +2 -0
- package/eds-input-icon/index.js.map +1 -0
- package/eds-input-number/eds-input-number.css +156 -0
- package/eds-input-number/eds-input-number.d.ts +77 -0
- package/eds-input-number/eds-input-number.d.ts.map +1 -0
- package/eds-input-number/eds-input-number.js +251 -0
- package/eds-input-number/eds-input-number.js.map +1 -0
- package/eds-input-number/index.d.ts +3 -0
- package/eds-input-number/index.d.ts.map +1 -0
- package/eds-input-number/index.js +2 -0
- package/eds-input-number/index.js.map +1 -0
- package/eds-input-radio/eds-input-radio.css +106 -0
- package/eds-input-radio/eds-input-radio.d.ts +82 -0
- package/eds-input-radio/eds-input-radio.d.ts.map +1 -0
- package/eds-input-radio/eds-input-radio.js +41 -0
- package/eds-input-radio/eds-input-radio.js.map +1 -0
- package/eds-input-radio/index.d.ts +3 -0
- package/eds-input-radio/index.d.ts.map +1 -0
- package/eds-input-radio/index.js +2 -0
- package/eds-input-radio/index.js.map +1 -0
- package/eds-input-text/eds-input-text.css +168 -0
- package/eds-input-text/eds-input-text.d.ts +90 -0
- package/eds-input-text/eds-input-text.d.ts.map +1 -0
- package/eds-input-text/eds-input-text.js +71 -0
- package/eds-input-text/eds-input-text.js.map +1 -0
- package/eds-input-text/index.d.ts +3 -0
- package/eds-input-text/index.d.ts.map +1 -0
- package/eds-input-text/index.js +2 -0
- package/eds-input-text/index.js.map +1 -0
- package/eds-language-selector/eds-language-selector.css +245 -0
- package/eds-language-selector/eds-language-selector.d.ts +78 -0
- package/eds-language-selector/eds-language-selector.d.ts.map +1 -0
- package/eds-language-selector/eds-language-selector.js +233 -0
- package/eds-language-selector/eds-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-list/eds-list-context.d.ts +36 -0
- package/eds-list/eds-list-context.d.ts.map +1 -0
- package/eds-list/eds-list-context.js +8 -0
- package/eds-list/eds-list-context.js.map +1 -0
- package/eds-list/eds-list-item-content.css +11 -0
- package/eds-list/eds-list-item-content.d.ts +13 -0
- package/eds-list/eds-list-item-content.d.ts.map +1 -0
- package/eds-list/eds-list-item-content.js +12 -0
- package/eds-list/eds-list-item-content.js.map +1 -0
- package/eds-list/eds-list-item-end.css +13 -0
- package/eds-list/eds-list-item-end.d.ts +13 -0
- package/eds-list/eds-list-item-end.d.ts.map +1 -0
- package/eds-list/eds-list-item-end.js +12 -0
- package/eds-list/eds-list-item-end.js.map +1 -0
- package/eds-list/eds-list-item-label.css +13 -0
- package/eds-list/eds-list-item-label.d.ts +13 -0
- package/eds-list/eds-list-item-label.d.ts.map +1 -0
- package/eds-list/eds-list-item-label.js +12 -0
- package/eds-list/eds-list-item-label.js.map +1 -0
- package/eds-list/eds-list-item-start.css +11 -0
- package/eds-list/eds-list-item-start.d.ts +13 -0
- package/eds-list/eds-list-item-start.d.ts.map +1 -0
- package/eds-list/eds-list-item-start.js +12 -0
- package/eds-list/eds-list-item-start.js.map +1 -0
- package/eds-list/eds-list-item.css +82 -0
- package/eds-list/eds-list-item.d.ts +44 -0
- package/eds-list/eds-list-item.d.ts.map +1 -0
- package/eds-list/eds-list-item.js +94 -0
- package/eds-list/eds-list-item.js.map +1 -0
- package/eds-list/eds-list.css +27 -0
- package/eds-list/eds-list.d.ts +36 -0
- package/eds-list/eds-list.d.ts.map +1 -0
- package/eds-list/eds-list.js +207 -0
- package/eds-list/eds-list.js.map +1 -0
- package/eds-list/index.d.ts +15 -0
- package/eds-list/index.d.ts.map +1 -0
- package/eds-list/index.js +8 -0
- package/eds-list/index.js.map +1 -0
- package/eds-message-box/eds-message-box.css +200 -0
- package/eds-message-box/eds-message-box.d.ts +95 -0
- package/eds-message-box/eds-message-box.d.ts.map +1 -0
- package/eds-message-box/eds-message-box.js +103 -0
- package/eds-message-box/eds-message-box.js.map +1 -0
- package/eds-message-box/index.d.ts +3 -0
- package/eds-message-box/index.d.ts.map +1 -0
- package/eds-message-box/index.js +2 -0
- package/eds-message-box/index.js.map +1 -0
- package/eds-multiselect/eds-multiselect.css +182 -0
- package/eds-multiselect/eds-multiselect.d.ts +67 -0
- package/eds-multiselect/eds-multiselect.d.ts.map +1 -0
- package/eds-multiselect/eds-multiselect.js +274 -0
- package/eds-multiselect/eds-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-overlay-content.css +9 -0
- package/eds-overlay/eds-overlay-content.d.ts +13 -0
- package/eds-overlay/eds-overlay-content.d.ts.map +1 -0
- package/eds-overlay/eds-overlay-content.js +12 -0
- package/eds-overlay/eds-overlay-content.js.map +1 -0
- package/eds-overlay/eds-overlay-footer.css +10 -0
- package/eds-overlay/eds-overlay-footer.d.ts +13 -0
- package/eds-overlay/eds-overlay-footer.d.ts.map +1 -0
- package/eds-overlay/eds-overlay-footer.js +12 -0
- package/eds-overlay/eds-overlay-footer.js.map +1 -0
- package/eds-overlay/eds-overlay-header-action-items.css +8 -0
- package/eds-overlay/eds-overlay-header-action-items.d.ts +14 -0
- package/eds-overlay/eds-overlay-header-action-items.d.ts.map +1 -0
- package/eds-overlay/eds-overlay-header-action-items.js +15 -0
- package/eds-overlay/eds-overlay-header-action-items.js.map +1 -0
- package/eds-overlay/eds-overlay-header-label.css +7 -0
- package/eds-overlay/eds-overlay-header-label.d.ts +13 -0
- package/eds-overlay/eds-overlay-header-label.d.ts.map +1 -0
- package/eds-overlay/eds-overlay-header-label.js +12 -0
- package/eds-overlay/eds-overlay-header-label.js.map +1 -0
- package/eds-overlay/eds-overlay-header-sublabel.css +7 -0
- package/eds-overlay/eds-overlay-header-sublabel.d.ts +13 -0
- package/eds-overlay/eds-overlay-header-sublabel.d.ts.map +1 -0
- package/eds-overlay/eds-overlay-header-sublabel.js +14 -0
- package/eds-overlay/eds-overlay-header-sublabel.js.map +1 -0
- package/eds-overlay/eds-overlay-header.css +25 -0
- package/eds-overlay/eds-overlay-header.d.ts +41 -0
- package/eds-overlay/eds-overlay-header.d.ts.map +1 -0
- package/eds-overlay/eds-overlay-header.js +15 -0
- package/eds-overlay/eds-overlay-header.js.map +1 -0
- package/eds-overlay/eds-overlay.css +118 -0
- package/eds-overlay/eds-overlay.d.ts +69 -0
- package/eds-overlay/eds-overlay.d.ts.map +1 -0
- package/eds-overlay/eds-overlay.js +63 -0
- package/eds-overlay/eds-overlay.js.map +1 -0
- package/eds-overlay/index.d.ts +16 -0
- package/eds-overlay/index.d.ts.map +1 -0
- package/eds-overlay/index.js +9 -0
- package/eds-overlay/index.js.map +1 -0
- package/eds-overlay/use-eds-focus-trap.d.ts +23 -0
- package/eds-overlay/use-eds-focus-trap.d.ts.map +1 -0
- package/eds-overlay/use-eds-focus-trap.js +71 -0
- package/eds-overlay/use-eds-focus-trap.js.map +1 -0
- package/eds-page/eds-page-breadcrumb.css +7 -0
- package/eds-page/eds-page-breadcrumb.d.ts +11 -0
- package/eds-page/eds-page-breadcrumb.d.ts.map +1 -0
- package/eds-page/eds-page-breadcrumb.js +10 -0
- package/eds-page/eds-page-breadcrumb.js.map +1 -0
- package/eds-page/eds-page-column-body.css +9 -0
- package/eds-page/eds-page-column-body.d.ts +11 -0
- package/eds-page/eds-page-column-body.d.ts.map +1 -0
- package/eds-page/eds-page-column-body.js +10 -0
- package/eds-page/eds-page-column-body.js.map +1 -0
- package/eds-page/eds-page-column-context.d.ts +34 -0
- package/eds-page/eds-page-column-context.d.ts.map +1 -0
- package/eds-page/eds-page-column-context.js +12 -0
- package/eds-page/eds-page-column-context.js.map +1 -0
- package/eds-page/eds-page-column-footer.css +8 -0
- package/eds-page/eds-page-column-footer.d.ts +11 -0
- package/eds-page/eds-page-column-footer.d.ts.map +1 -0
- package/eds-page/eds-page-column-footer.js +10 -0
- package/eds-page/eds-page-column-footer.js.map +1 -0
- package/eds-page/eds-page-column-header-action-items.css +5 -0
- package/eds-page/eds-page-column-header-action-items.d.ts +11 -0
- package/eds-page/eds-page-column-header-action-items.d.ts.map +1 -0
- package/eds-page/eds-page-column-header-action-items.js +10 -0
- package/eds-page/eds-page-column-header-action-items.js.map +1 -0
- package/eds-page/eds-page-column-header-label.css +5 -0
- package/eds-page/eds-page-column-header-label.d.ts +11 -0
- package/eds-page/eds-page-column-header-label.d.ts.map +1 -0
- package/eds-page/eds-page-column-header-label.js +10 -0
- package/eds-page/eds-page-column-header-label.js.map +1 -0
- package/eds-page/eds-page-column-header-sublabel.css +5 -0
- package/eds-page/eds-page-column-header-sublabel.d.ts +11 -0
- package/eds-page/eds-page-column-header-sublabel.d.ts.map +1 -0
- package/eds-page/eds-page-column-header-sublabel.js +10 -0
- package/eds-page/eds-page-column-header-sublabel.js.map +1 -0
- package/eds-page/eds-page-column-header.css +49 -0
- package/eds-page/eds-page-column-header.d.ts +22 -0
- package/eds-page/eds-page-column-header.d.ts.map +1 -0
- package/eds-page/eds-page-column-header.js +19 -0
- package/eds-page/eds-page-column-header.js.map +1 -0
- package/eds-page/eds-page-column.css +30 -0
- package/eds-page/eds-page-column.d.ts +45 -0
- package/eds-page/eds-page-column.d.ts.map +1 -0
- package/eds-page/eds-page-column.js +62 -0
- package/eds-page/eds-page-column.js.map +1 -0
- package/eds-page/eds-page-columns.css +14 -0
- package/eds-page/eds-page-columns.d.ts +20 -0
- package/eds-page/eds-page-columns.d.ts.map +1 -0
- package/eds-page/eds-page-columns.js +48 -0
- package/eds-page/eds-page-columns.js.map +1 -0
- package/eds-page/eds-page-content.css +14 -0
- package/eds-page/eds-page-content.d.ts +11 -0
- package/eds-page/eds-page-content.d.ts.map +1 -0
- package/eds-page/eds-page-content.js +10 -0
- package/eds-page/eds-page-content.js.map +1 -0
- package/eds-page/eds-page-footer.css +15 -0
- package/eds-page/eds-page-footer.d.ts +14 -0
- package/eds-page/eds-page-footer.d.ts.map +1 -0
- package/eds-page/eds-page-footer.js +16 -0
- package/eds-page/eds-page-footer.js.map +1 -0
- package/eds-page/eds-page-header-action-items.css +5 -0
- package/eds-page/eds-page-header-action-items.d.ts +11 -0
- package/eds-page/eds-page-header-action-items.d.ts.map +1 -0
- package/eds-page/eds-page-header-action-items.js +10 -0
- package/eds-page/eds-page-header-action-items.js.map +1 -0
- package/eds-page/eds-page-header-body.css +4 -0
- package/eds-page/eds-page-header-body.d.ts +11 -0
- package/eds-page/eds-page-header-body.d.ts.map +1 -0
- package/eds-page/eds-page-header-body.js +10 -0
- package/eds-page/eds-page-header-body.js.map +1 -0
- package/eds-page/eds-page-header-label.css +7 -0
- package/eds-page/eds-page-header-label.d.ts +11 -0
- package/eds-page/eds-page-header-label.d.ts.map +1 -0
- package/eds-page/eds-page-header-label.js +10 -0
- package/eds-page/eds-page-header-label.js.map +1 -0
- package/eds-page/eds-page-header-sublabel.css +8 -0
- package/eds-page/eds-page-header-sublabel.d.ts +11 -0
- package/eds-page/eds-page-header-sublabel.d.ts.map +1 -0
- package/eds-page/eds-page-header-sublabel.js +10 -0
- package/eds-page/eds-page-header-sublabel.js.map +1 -0
- package/eds-page/eds-page-header.css +82 -0
- package/eds-page/eds-page-header.d.ts +34 -0
- package/eds-page/eds-page-header.d.ts.map +1 -0
- package/eds-page/eds-page-header.js +29 -0
- package/eds-page/eds-page-header.js.map +1 -0
- package/eds-page/eds-page.css +6 -0
- package/eds-page/eds-page.d.ts +24 -0
- package/eds-page/eds-page.d.ts.map +1 -0
- package/eds-page/eds-page.js +13 -0
- package/eds-page/eds-page.js.map +1 -0
- package/eds-page/index.d.ts +37 -0
- package/eds-page/index.d.ts.map +1 -0
- package/eds-page/index.js +19 -0
- package/eds-page/index.js.map +1 -0
- package/eds-paginator/eds-paginator.css +116 -0
- package/eds-paginator/eds-paginator.d.ts +69 -0
- package/eds-paginator/eds-paginator.d.ts.map +1 -0
- package/eds-paginator/eds-paginator.js +149 -0
- package/eds-paginator/eds-paginator.js.map +1 -0
- package/eds-paginator/index.d.ts +3 -0
- package/eds-paginator/index.d.ts.map +1 -0
- package/eds-paginator/index.js +2 -0
- package/eds-paginator/index.js.map +1 -0
- package/eds-popover/eds-popover.css +195 -0
- package/eds-popover/eds-popover.d.ts +110 -0
- package/eds-popover/eds-popover.d.ts.map +1 -0
- package/eds-popover/eds-popover.js +165 -0
- package/eds-popover/eds-popover.js.map +1 -0
- package/eds-popover/index.d.ts +5 -0
- package/eds-popover/index.d.ts.map +1 -0
- package/eds-popover/index.js +3 -0
- package/eds-popover/index.js.map +1 -0
- package/eds-popover/use-eds-connected-position.d.ts +90 -0
- package/eds-popover/use-eds-connected-position.d.ts.map +1 -0
- package/eds-popover/use-eds-connected-position.js +127 -0
- package/eds-popover/use-eds-connected-position.js.map +1 -0
- package/eds-progress-bar/eds-progress-bar.css +152 -0
- package/eds-progress-bar/eds-progress-bar.d.ts +69 -0
- package/eds-progress-bar/eds-progress-bar.d.ts.map +1 -0
- package/eds-progress-bar/eds-progress-bar.js +44 -0
- package/eds-progress-bar/eds-progress-bar.js.map +1 -0
- package/eds-progress-bar/index.d.ts +3 -0
- package/eds-progress-bar/index.d.ts.map +1 -0
- package/eds-progress-bar/index.js +2 -0
- package/eds-progress-bar/index.js.map +1 -0
- package/eds-progress-circle/eds-progress-circle.css +96 -0
- package/eds-progress-circle/eds-progress-circle.d.ts +73 -0
- package/eds-progress-circle/eds-progress-circle.d.ts.map +1 -0
- package/eds-progress-circle/eds-progress-circle.js +66 -0
- package/eds-progress-circle/eds-progress-circle.js.map +1 -0
- package/eds-progress-circle/index.d.ts +3 -0
- package/eds-progress-circle/index.d.ts.map +1 -0
- package/eds-progress-circle/index.js +2 -0
- package/eds-progress-circle/index.js.map +1 -0
- package/eds-rating/eds-rating.css +49 -0
- package/eds-rating/eds-rating.d.ts +66 -0
- package/eds-rating/eds-rating.d.ts.map +1 -0
- package/eds-rating/eds-rating.js +95 -0
- package/eds-rating/eds-rating.js.map +1 -0
- package/eds-rating/index.d.ts +3 -0
- package/eds-rating/index.d.ts.map +1 -0
- package/eds-rating/index.js +2 -0
- package/eds-rating/index.js.map +1 -0
- package/eds-select/eds-select.css +134 -0
- package/eds-select/eds-select.d.ts +107 -0
- package/eds-select/eds-select.d.ts.map +1 -0
- package/eds-select/eds-select.js +111 -0
- package/eds-select/eds-select.js.map +1 -0
- package/eds-select/index.d.ts +3 -0
- package/eds-select/index.d.ts.map +1 -0
- package/eds-select/index.js +2 -0
- package/eds-select/index.js.map +1 -0
- package/eds-skeleton/eds-skeleton.css +113 -0
- package/eds-skeleton/eds-skeleton.d.ts +47 -0
- package/eds-skeleton/eds-skeleton.d.ts.map +1 -0
- package/eds-skeleton/eds-skeleton.js +39 -0
- package/eds-skeleton/eds-skeleton.js.map +1 -0
- package/eds-skeleton/index.d.ts +3 -0
- package/eds-skeleton/index.d.ts.map +1 -0
- package/eds-skeleton/index.js +2 -0
- package/eds-skeleton/index.js.map +1 -0
- package/eds-slider/eds-slider.css +150 -0
- package/eds-slider/eds-slider.d.ts +135 -0
- package/eds-slider/eds-slider.d.ts.map +1 -0
- package/eds-slider/eds-slider.js +293 -0
- package/eds-slider/eds-slider.js.map +1 -0
- package/eds-slider/index.d.ts +3 -0
- package/eds-slider/index.d.ts.map +1 -0
- package/eds-slider/index.js +2 -0
- package/eds-slider/index.js.map +1 -0
- package/eds-split-button/eds-split-button.css +42 -0
- package/eds-split-button/eds-split-button.d.ts +49 -0
- package/eds-split-button/eds-split-button.d.ts.map +1 -0
- package/eds-split-button/eds-split-button.js +31 -0
- package/eds-split-button/eds-split-button.js.map +1 -0
- package/eds-split-button/index.d.ts +3 -0
- package/eds-split-button/index.d.ts.map +1 -0
- package/eds-split-button/index.js +2 -0
- package/eds-split-button/index.js.map +1 -0
- package/eds-tabs/eds-tab-body.d.ts +26 -0
- package/eds-tabs/eds-tab-body.d.ts.map +1 -0
- package/eds-tabs/eds-tab-body.js +5 -0
- package/eds-tabs/eds-tab-body.js.map +1 -0
- package/eds-tabs/eds-tab-header.d.ts +57 -0
- package/eds-tabs/eds-tab-header.d.ts.map +1 -0
- package/eds-tabs/eds-tab-header.js +65 -0
- package/eds-tabs/eds-tab-header.js.map +1 -0
- package/eds-tabs/eds-tab.d.ts +64 -0
- package/eds-tabs/eds-tab.d.ts.map +1 -0
- package/eds-tabs/eds-tab.js +5 -0
- package/eds-tabs/eds-tab.js.map +1 -0
- package/eds-tabs/eds-tabs-context.d.ts +20 -0
- package/eds-tabs/eds-tabs-context.d.ts.map +1 -0
- package/eds-tabs/eds-tabs-context.js +8 -0
- package/eds-tabs/eds-tabs-context.js.map +1 -0
- package/eds-tabs/eds-tabs-right-content.d.ts +14 -0
- package/eds-tabs/eds-tabs-right-content.d.ts.map +1 -0
- package/eds-tabs/eds-tabs-right-content.js +6 -0
- package/eds-tabs/eds-tabs-right-content.js.map +1 -0
- package/eds-tabs/eds-tabs.css +210 -0
- package/eds-tabs/eds-tabs.d.ts +79 -0
- package/eds-tabs/eds-tabs.d.ts.map +1 -0
- package/eds-tabs/eds-tabs.js +264 -0
- package/eds-tabs/eds-tabs.js.map +1 -0
- package/eds-tabs/index.d.ts +13 -0
- package/eds-tabs/index.d.ts.map +1 -0
- package/eds-tabs/index.js +7 -0
- package/eds-tabs/index.js.map +1 -0
- package/eds-tag-group/eds-tag-group.css +66 -0
- package/eds-tag-group/eds-tag-group.d.ts +32 -0
- package/eds-tag-group/eds-tag-group.d.ts.map +1 -0
- package/eds-tag-group/eds-tag-group.js +18 -0
- package/eds-tag-group/eds-tag-group.js.map +1 -0
- package/eds-tag-group/index.d.ts +3 -0
- package/eds-tag-group/index.d.ts.map +1 -0
- package/eds-tag-group/index.js +2 -0
- package/eds-tag-group/index.js.map +1 -0
- package/eds-textarea/eds-textarea.css +83 -0
- package/eds-textarea/eds-textarea.d.ts +92 -0
- package/eds-textarea/eds-textarea.d.ts.map +1 -0
- package/eds-textarea/eds-textarea.js +112 -0
- package/eds-textarea/eds-textarea.js.map +1 -0
- package/eds-textarea/index.d.ts +3 -0
- package/eds-textarea/index.d.ts.map +1 -0
- package/eds-textarea/index.js +2 -0
- package/eds-textarea/index.js.map +1 -0
- package/eds-timeline/eds-timeline-item.css +160 -0
- package/eds-timeline/eds-timeline-item.d.ts +41 -0
- package/eds-timeline/eds-timeline-item.d.ts.map +1 -0
- package/eds-timeline/eds-timeline-item.js +26 -0
- package/eds-timeline/eds-timeline-item.js.map +1 -0
- package/eds-timeline/eds-timeline.css +8 -0
- package/eds-timeline/eds-timeline.d.ts +40 -0
- package/eds-timeline/eds-timeline.d.ts.map +1 -0
- package/eds-timeline/eds-timeline.js +24 -0
- package/eds-timeline/eds-timeline.js.map +1 -0
- package/eds-timeline/index.d.ts +5 -0
- package/eds-timeline/index.d.ts.map +1 -0
- package/eds-timeline/index.js +3 -0
- package/eds-timeline/index.js.map +1 -0
- package/eds-toggle/eds-toggle.css +104 -0
- package/eds-toggle/eds-toggle.d.ts +96 -0
- package/eds-toggle/eds-toggle.d.ts.map +1 -0
- package/eds-toggle/eds-toggle.js +59 -0
- package/eds-toggle/eds-toggle.js.map +1 -0
- package/eds-toggle/index.d.ts +3 -0
- package/eds-toggle/index.d.ts.map +1 -0
- package/eds-toggle/index.js +2 -0
- package/eds-toggle/index.js.map +1 -0
- package/eds-tooltip/eds-tooltip.css +3 -18
- package/eds-tooltip/eds-tooltip.d.ts.map +1 -1
- package/eds-tooltip/eds-tooltip.js +18 -7
- package/eds-tooltip/eds-tooltip.js.map +1 -1
- package/eds-user-profile/eds-user-profile-menu-item.css +30 -0
- package/eds-user-profile/eds-user-profile-menu-item.d.ts +15 -0
- package/eds-user-profile/eds-user-profile-menu-item.d.ts.map +1 -0
- package/eds-user-profile/eds-user-profile-menu-item.js +16 -0
- package/eds-user-profile/eds-user-profile-menu-item.js.map +1 -0
- package/eds-user-profile/eds-user-profile-menu.css +6 -0
- package/eds-user-profile/eds-user-profile-menu.d.ts +14 -0
- package/eds-user-profile/eds-user-profile-menu.d.ts.map +1 -0
- package/eds-user-profile/eds-user-profile-menu.js +13 -0
- package/eds-user-profile/eds-user-profile-menu.js.map +1 -0
- package/eds-user-profile/eds-user-profile.css +105 -0
- package/eds-user-profile/eds-user-profile.d.ts +68 -0
- package/eds-user-profile/eds-user-profile.d.ts.map +1 -0
- package/eds-user-profile/eds-user-profile.js +192 -0
- package/eds-user-profile/eds-user-profile.js.map +1 -0
- package/eds-user-profile/index.d.ts +7 -0
- package/eds-user-profile/index.d.ts.map +1 -0
- package/eds-user-profile/index.js +4 -0
- package/eds-user-profile/index.js.map +1 -0
- package/index.d.ts +96 -0
- package/index.d.ts.map +1 -1
- package/index.js +48 -0
- package/index.js.map +1 -1
- package/package.json +243 -2
- package/styles.css +150 -0
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Represents the value structure for the slider component. Contains a start value and an
|
|
4
|
+
* optional end value for range selection. Ported 1:1 from the Angular `IEdsSliderValues`.
|
|
5
|
+
*/
|
|
6
|
+
export interface IEdsSliderValues {
|
|
7
|
+
/** The starting value of the slider, or the single value in non-range mode. */
|
|
8
|
+
start: number;
|
|
9
|
+
/** The ending value of the slider when in range mode, `null`/`undefined` otherwise. */
|
|
10
|
+
end?: number | null;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Local narrowed color union — the slider's color contract. The Angular source resolves
|
|
14
|
+
* color via `EdsColorDirective` (`edsPrimary` / `edsCritical` / `edsColorVariant`), and its
|
|
15
|
+
* SCSS only styles the `primary` and `critical` branches, so those are the two supported
|
|
16
|
+
* values here.
|
|
17
|
+
*/
|
|
18
|
+
export type EdsSliderColor = 'primary' | 'critical';
|
|
19
|
+
export interface EdsSliderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue' | 'color'> {
|
|
20
|
+
/**
|
|
21
|
+
* The lowest value in the range of permitted values. Mirrors the Angular `min` input.
|
|
22
|
+
* @default 0
|
|
23
|
+
*/
|
|
24
|
+
min?: number;
|
|
25
|
+
/**
|
|
26
|
+
* The greatest value in the range of permitted values. Mirrors the Angular `max` input.
|
|
27
|
+
* @default 100
|
|
28
|
+
*/
|
|
29
|
+
max?: number;
|
|
30
|
+
/**
|
|
31
|
+
* Number specifying the granularity that the value must adhere to. Mirrors `step`.
|
|
32
|
+
* @default 1
|
|
33
|
+
*/
|
|
34
|
+
step?: number;
|
|
35
|
+
/**
|
|
36
|
+
* Whether a tooltip should be displayed when a handler is hovered/dragged. Mirrors
|
|
37
|
+
* `hasTooltip`. Rendered as a native `title` on the handler.
|
|
38
|
+
* @default true
|
|
39
|
+
*/
|
|
40
|
+
hasTooltip?: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* Whether ticks should be displayed at each step interval. Mirrors `hasTicks`.
|
|
43
|
+
* @default false
|
|
44
|
+
*/
|
|
45
|
+
hasTicks?: boolean;
|
|
46
|
+
/**
|
|
47
|
+
* Whether the value should be displayed on the top right of the track. Mirrors
|
|
48
|
+
* `hasValueIndicator`.
|
|
49
|
+
* @default true
|
|
50
|
+
*/
|
|
51
|
+
hasValueIndicator?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* Whether a second handler should be displayed to allow range selection. Mirrors
|
|
54
|
+
* `hasRange`.
|
|
55
|
+
* @default false
|
|
56
|
+
*/
|
|
57
|
+
hasRange?: boolean;
|
|
58
|
+
/**
|
|
59
|
+
* Function that formats the displayed value. Mirrors the Angular `formatValue` input.
|
|
60
|
+
* @default (value) => `${value}`
|
|
61
|
+
*/
|
|
62
|
+
formatValue?: (value: number) => string;
|
|
63
|
+
/**
|
|
64
|
+
* Accessible label for the (start) slider. Mirrors the Angular `ariaLabel` input.
|
|
65
|
+
* @default 'Slider'
|
|
66
|
+
*/
|
|
67
|
+
ariaLabel?: string;
|
|
68
|
+
/**
|
|
69
|
+
* Accessible label for the end slider in range mode. Mirrors `endAriaLabel`.
|
|
70
|
+
* @default 'End slider'
|
|
71
|
+
*/
|
|
72
|
+
endAriaLabel?: string;
|
|
73
|
+
/**
|
|
74
|
+
* Semantic color of the active track/handlers. Mirrors the Angular color directive.
|
|
75
|
+
* @default 'primary'
|
|
76
|
+
*/
|
|
77
|
+
color?: EdsSliderColor;
|
|
78
|
+
/**
|
|
79
|
+
* Whether the slider is disabled. Mirrors the Angular `disabled` input / CVA
|
|
80
|
+
* `setDisabledState`.
|
|
81
|
+
* @default false
|
|
82
|
+
*/
|
|
83
|
+
disabled?: boolean;
|
|
84
|
+
/**
|
|
85
|
+
* Whether the slider is in an invalid state. Mirrors the Angular `invalid` input.
|
|
86
|
+
* @default false
|
|
87
|
+
*/
|
|
88
|
+
invalid?: boolean;
|
|
89
|
+
/**
|
|
90
|
+
* Value for the `data-e2e` attribute (end-to-end testing identification). Mirrors
|
|
91
|
+
* the Angular `e2eAttr` input.
|
|
92
|
+
* @default 'eds-slider'
|
|
93
|
+
*/
|
|
94
|
+
e2eAttr?: string;
|
|
95
|
+
/**
|
|
96
|
+
* Controlled value. When provided the component is controlled — pair with `onChange`.
|
|
97
|
+
* Mirrors the Angular `value` input / CVA value.
|
|
98
|
+
*/
|
|
99
|
+
value?: IEdsSliderValues;
|
|
100
|
+
/**
|
|
101
|
+
* Initial value for uncontrolled usage. Ignored when `value` is provided.
|
|
102
|
+
* @default { start: 0, end: 100 }
|
|
103
|
+
*/
|
|
104
|
+
defaultValue?: IEdsSliderValues;
|
|
105
|
+
/**
|
|
106
|
+
* Called with the new value on every change (controlled write path). Mirrors the CVA
|
|
107
|
+
* `onChange`.
|
|
108
|
+
*/
|
|
109
|
+
onChange?: (value: IEdsSliderValues) => void;
|
|
110
|
+
/**
|
|
111
|
+
* Fires with the new value on every change. Mirrors the Angular `valueChange` output.
|
|
112
|
+
*/
|
|
113
|
+
onValueChange?: (value: IEdsSliderValues) => void;
|
|
114
|
+
/**
|
|
115
|
+
* Called when a handler loses focus / a drag ends. Mirrors the Angular CVA `onTouched`.
|
|
116
|
+
*/
|
|
117
|
+
onTouched?: () => void;
|
|
118
|
+
}
|
|
119
|
+
/**
|
|
120
|
+
* `EdsSlider` — pure React port of the Angular `eds-slider`.
|
|
121
|
+
*
|
|
122
|
+
* A draggable slider for selecting numeric values within a range, in single-value or
|
|
123
|
+
* range (two-handle) mode, with pointer drag, full keyboard navigation
|
|
124
|
+
* (arrows/Home/End/PageUp/PageDown), track-click, optional value indicator, ticks and
|
|
125
|
+
* per-handler tooltips.
|
|
126
|
+
*
|
|
127
|
+
* The Angular component is a `ControlValueAccessor`; React has no CVA, so the value is
|
|
128
|
+
* exposed as a controlled `value` + `onChange` pair and/or an uncontrolled `defaultValue`
|
|
129
|
+
* (⚑ CVA — flag for React forms-API design review). `onValueChange` mirrors the Angular
|
|
130
|
+
* `valueChange` output and fires alongside `onChange`. The `@angular/cdk` drag-drop and
|
|
131
|
+
* `ResizeObserver` behavior is reimplemented here with refs + pointer events + a
|
|
132
|
+
* `ResizeObserver` (no CDK dependency).
|
|
133
|
+
*/
|
|
134
|
+
export declare const EdsSlider: React.ForwardRefExoticComponent<EdsSliderProps & React.RefAttributes<HTMLDivElement>>;
|
|
135
|
+
//# sourceMappingURL=eds-slider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eds-slider.d.ts","sourceRoot":"","sources":["../../src/eds-slider/eds-slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC7B,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,uFAAuF;IACvF,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,UAAU,CAAC;AAIpD,MAAM,WAAW,cACb,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,GAAG,OAAO,CAAC;IACzF;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAID;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,SAAS,uFAwbpB,CAAC"}
|
|
@@ -0,0 +1,293 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from 'react';
|
|
4
|
+
const clamp = (value, lo, hi) => Math.max(lo, Math.min(hi, value));
|
|
5
|
+
/**
|
|
6
|
+
* `EdsSlider` — pure React port of the Angular `eds-slider`.
|
|
7
|
+
*
|
|
8
|
+
* A draggable slider for selecting numeric values within a range, in single-value or
|
|
9
|
+
* range (two-handle) mode, with pointer drag, full keyboard navigation
|
|
10
|
+
* (arrows/Home/End/PageUp/PageDown), track-click, optional value indicator, ticks and
|
|
11
|
+
* per-handler tooltips.
|
|
12
|
+
*
|
|
13
|
+
* The Angular component is a `ControlValueAccessor`; React has no CVA, so the value is
|
|
14
|
+
* exposed as a controlled `value` + `onChange` pair and/or an uncontrolled `defaultValue`
|
|
15
|
+
* (⚑ CVA — flag for React forms-API design review). `onValueChange` mirrors the Angular
|
|
16
|
+
* `valueChange` output and fires alongside `onChange`. The `@angular/cdk` drag-drop and
|
|
17
|
+
* `ResizeObserver` behavior is reimplemented here with refs + pointer events + a
|
|
18
|
+
* `ResizeObserver` (no CDK dependency).
|
|
19
|
+
*/
|
|
20
|
+
export const EdsSlider = React.forwardRef(function EdsSlider({ min = 0, max = 100, step = 1, hasTooltip = true, hasTicks = false, hasValueIndicator = true, hasRange = false, formatValue = (v) => `${v}`, ariaLabel = 'Slider', endAriaLabel = 'End slider', color = 'primary', disabled = false, invalid = false, e2eAttr = 'eds-slider', value, defaultValue = { start: 0, end: 100 }, onChange, onValueChange, onTouched, className, ...rest }, ref) {
|
|
21
|
+
const isControlled = value !== undefined;
|
|
22
|
+
// Normalize helper: in non-range mode the end value is forced to null.
|
|
23
|
+
const normalize = useCallback((v) => (hasRange ? v : { ...v, end: null }), [hasRange]);
|
|
24
|
+
const [internalValue, setInternalValue] = useState(() => normalize(value ?? defaultValue));
|
|
25
|
+
const currentValue = isControlled ? normalize(value) : internalValue;
|
|
26
|
+
// Keep a ref so pointer-move/keydown handlers read the freshest value.
|
|
27
|
+
const valueRef = useRef(currentValue);
|
|
28
|
+
valueRef.current = currentValue;
|
|
29
|
+
const containerRef = useRef(null);
|
|
30
|
+
const trackActiveRef = useRef(null);
|
|
31
|
+
const startHandlerRef = useRef(null);
|
|
32
|
+
const endHandlerRef = useRef(null);
|
|
33
|
+
const startInputRef = useRef(null);
|
|
34
|
+
const endInputRef = useRef(null);
|
|
35
|
+
const dragOffsetX = useRef(0);
|
|
36
|
+
const [ticks, setTicks] = useState([]);
|
|
37
|
+
const formattedStart = formatValue(currentValue.start);
|
|
38
|
+
const formattedEnd = formatValue(currentValue.end ?? 0);
|
|
39
|
+
const canUpdate = useCallback(() => !disabled, [disabled]);
|
|
40
|
+
const commit = useCallback((next) => {
|
|
41
|
+
if (!isControlled) {
|
|
42
|
+
setInternalValue(next);
|
|
43
|
+
}
|
|
44
|
+
valueRef.current = next;
|
|
45
|
+
onValueChange?.(next);
|
|
46
|
+
onChange?.(next);
|
|
47
|
+
}, [isControlled, onValueChange, onChange]);
|
|
48
|
+
const computeSteppedValue = useCallback((ratio) => {
|
|
49
|
+
const range = max - min;
|
|
50
|
+
const rawValue = min + ratio * range;
|
|
51
|
+
const stepped = Math.round((rawValue - min) / step) * step + min;
|
|
52
|
+
return clamp(stepped, min, max);
|
|
53
|
+
}, [min, max, step]);
|
|
54
|
+
const calculateActiveTrack = useCallback(() => {
|
|
55
|
+
const track = trackActiveRef.current;
|
|
56
|
+
if (!track)
|
|
57
|
+
return;
|
|
58
|
+
const startX = Number(startHandlerRef.current?.dataset.pos ?? 0);
|
|
59
|
+
const endX = hasRange ? Number(endHandlerRef.current?.dataset.pos ?? 0) : startX;
|
|
60
|
+
if (hasRange) {
|
|
61
|
+
const left = Math.min(startX, endX);
|
|
62
|
+
const width = Math.abs(endX - startX);
|
|
63
|
+
track.style.left = `${left}px`;
|
|
64
|
+
track.style.width = `${width}px`;
|
|
65
|
+
}
|
|
66
|
+
else {
|
|
67
|
+
track.style.left = '0px';
|
|
68
|
+
track.style.width = `${startX}px`;
|
|
69
|
+
}
|
|
70
|
+
}, [hasRange]);
|
|
71
|
+
/** Sets a handler's on-screen position + recomputes the active track. */
|
|
72
|
+
const setPositionValue = useCallback((handlerId, val) => {
|
|
73
|
+
const container = containerRef.current;
|
|
74
|
+
if (!container)
|
|
75
|
+
return;
|
|
76
|
+
const handler = handlerId === 'start' ? startHandlerRef.current : endHandlerRef.current;
|
|
77
|
+
if (!handler)
|
|
78
|
+
return;
|
|
79
|
+
const containerWidth = container.offsetWidth;
|
|
80
|
+
const handlerWidth = handler.offsetWidth;
|
|
81
|
+
const maxTravel = containerWidth - handlerWidth;
|
|
82
|
+
const range = max - min;
|
|
83
|
+
const clamped = clamp(val, min, max);
|
|
84
|
+
const ratio = range > 0 ? (clamped - min) / range : 0;
|
|
85
|
+
const x = Math.round(ratio * maxTravel);
|
|
86
|
+
handler.style.transform = `translate3d(${x}px, 0, 0)`;
|
|
87
|
+
handler.dataset.pos = `${x}`;
|
|
88
|
+
calculateActiveTrack();
|
|
89
|
+
}, [min, max, calculateActiveTrack]);
|
|
90
|
+
const generateTicks = useCallback(() => {
|
|
91
|
+
const stepCount = Math.floor((max - min) / step);
|
|
92
|
+
const container = containerRef.current;
|
|
93
|
+
const handler = startHandlerRef.current;
|
|
94
|
+
if (!container || !handler)
|
|
95
|
+
return;
|
|
96
|
+
const containerWidth = container.offsetWidth;
|
|
97
|
+
const handlerWidth = handler.offsetWidth;
|
|
98
|
+
const maxTravel = containerWidth - handlerWidth;
|
|
99
|
+
const next = [];
|
|
100
|
+
for (let i = 0; i <= stepCount; i++) {
|
|
101
|
+
const val = min + i * step;
|
|
102
|
+
const ratio = (val - min) / (max - min);
|
|
103
|
+
const px = (ratio * maxTravel + handlerWidth / 2).toFixed(1);
|
|
104
|
+
next.push({ value: val, position: `${px}px` });
|
|
105
|
+
}
|
|
106
|
+
setTicks(next);
|
|
107
|
+
}, [min, max, step]);
|
|
108
|
+
// Position effect: whenever the value / range / geometry changes, place the handlers
|
|
109
|
+
// and recompute the active track (mirrors the Angular position effect).
|
|
110
|
+
useLayoutEffect(() => {
|
|
111
|
+
setPositionValue('start', currentValue.start);
|
|
112
|
+
if (hasRange && currentValue.end != null) {
|
|
113
|
+
setPositionValue('end', currentValue.end);
|
|
114
|
+
}
|
|
115
|
+
calculateActiveTrack();
|
|
116
|
+
}, [currentValue.start, currentValue.end, hasRange, min, max, setPositionValue, calculateActiveTrack]);
|
|
117
|
+
// ResizeObserver + initial ticks (mirrors the Angular setupResizeObserver/afterNextRender).
|
|
118
|
+
useEffect(() => {
|
|
119
|
+
const container = containerRef.current;
|
|
120
|
+
if (!container)
|
|
121
|
+
return;
|
|
122
|
+
const ro = new ResizeObserver(() => {
|
|
123
|
+
const v = valueRef.current;
|
|
124
|
+
setPositionValue('start', v.start);
|
|
125
|
+
if (hasRange)
|
|
126
|
+
setPositionValue('end', v.end ?? 0);
|
|
127
|
+
if (hasTicks)
|
|
128
|
+
generateTicks();
|
|
129
|
+
});
|
|
130
|
+
ro.observe(container);
|
|
131
|
+
if (hasTicks)
|
|
132
|
+
generateTicks();
|
|
133
|
+
return () => ro.disconnect();
|
|
134
|
+
}, [hasRange, hasTicks, setPositionValue, generateTicks]);
|
|
135
|
+
// --- Pointer drag (reimplements cdkDrag) ---
|
|
136
|
+
const startDrag = useCallback((handlerId, event) => {
|
|
137
|
+
if (!canUpdate())
|
|
138
|
+
return;
|
|
139
|
+
event.stopPropagation();
|
|
140
|
+
const handler = handlerId === 'start' ? startHandlerRef.current : endHandlerRef.current;
|
|
141
|
+
if (!handler)
|
|
142
|
+
return;
|
|
143
|
+
const rect = handler.getBoundingClientRect();
|
|
144
|
+
dragOffsetX.current = event.clientX - rect.left;
|
|
145
|
+
handler.classList.add('eds-slider__handler--dragging');
|
|
146
|
+
handler.setPointerCapture(event.pointerId);
|
|
147
|
+
const onMove = (moveEvent) => {
|
|
148
|
+
if (!canUpdate())
|
|
149
|
+
return;
|
|
150
|
+
const container = containerRef.current;
|
|
151
|
+
if (!container)
|
|
152
|
+
return;
|
|
153
|
+
const containerRect = container.getBoundingClientRect();
|
|
154
|
+
const handlerWidth = handler.offsetWidth;
|
|
155
|
+
const maxTravel = containerRect.width - handlerWidth;
|
|
156
|
+
const pointerX = moveEvent.clientX - containerRect.left;
|
|
157
|
+
const ratio = clamp(pointerX / maxTravel, 0, 1);
|
|
158
|
+
let clampedValue = computeSteppedValue(ratio);
|
|
159
|
+
// Range constraint: start cannot pass end and vice-versa.
|
|
160
|
+
const v = valueRef.current;
|
|
161
|
+
if (hasRange) {
|
|
162
|
+
if (handlerId === 'start') {
|
|
163
|
+
clampedValue = Math.min(clampedValue, v.end ?? max);
|
|
164
|
+
}
|
|
165
|
+
else {
|
|
166
|
+
clampedValue = Math.max(clampedValue, v.start);
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
const next = { ...v, [handlerId]: clampedValue };
|
|
170
|
+
setPositionValue(handlerId, clampedValue);
|
|
171
|
+
commit(next);
|
|
172
|
+
};
|
|
173
|
+
const onUp = () => {
|
|
174
|
+
handler.classList.remove('eds-slider__handler--dragging');
|
|
175
|
+
handler.removeEventListener('pointermove', onMove);
|
|
176
|
+
handler.removeEventListener('pointerup', onUp);
|
|
177
|
+
onTouched?.();
|
|
178
|
+
};
|
|
179
|
+
handler.addEventListener('pointermove', onMove);
|
|
180
|
+
handler.addEventListener('pointerup', onUp);
|
|
181
|
+
}, [canUpdate, computeSteppedValue, hasRange, max, setPositionValue, commit, onTouched]);
|
|
182
|
+
// --- Track click ---
|
|
183
|
+
const onTrackClick = useCallback((event) => {
|
|
184
|
+
if (!canUpdate())
|
|
185
|
+
return;
|
|
186
|
+
const container = containerRef.current;
|
|
187
|
+
if (!container)
|
|
188
|
+
return;
|
|
189
|
+
const containerRect = container.getBoundingClientRect();
|
|
190
|
+
const x = event.clientX - containerRect.left;
|
|
191
|
+
const containerWidth = container.offsetWidth;
|
|
192
|
+
const ratio = clamp(x / containerWidth, 0, 1);
|
|
193
|
+
const clampedValue = computeSteppedValue(ratio);
|
|
194
|
+
const v = valueRef.current;
|
|
195
|
+
if (hasRange) {
|
|
196
|
+
const distToStart = Math.abs(v.start - clampedValue);
|
|
197
|
+
const distToEnd = Math.abs((v.end ?? 0) - clampedValue);
|
|
198
|
+
let closest;
|
|
199
|
+
if (distToStart === distToEnd) {
|
|
200
|
+
closest = clampedValue >= v.start ? 'end' : 'start';
|
|
201
|
+
}
|
|
202
|
+
else {
|
|
203
|
+
closest = distToStart < distToEnd ? 'start' : 'end';
|
|
204
|
+
}
|
|
205
|
+
const next = { ...v, [closest]: clampedValue };
|
|
206
|
+
setPositionValue(closest, clampedValue);
|
|
207
|
+
commit(next);
|
|
208
|
+
}
|
|
209
|
+
else {
|
|
210
|
+
const next = { ...v, start: clampedValue };
|
|
211
|
+
setPositionValue('start', clampedValue);
|
|
212
|
+
commit(next);
|
|
213
|
+
}
|
|
214
|
+
onTouched?.();
|
|
215
|
+
}, [canUpdate, computeSteppedValue, hasRange, setPositionValue, commit, onTouched]);
|
|
216
|
+
// --- Keyboard ---
|
|
217
|
+
const onHandlerKeydown = useCallback((event, handlerId) => {
|
|
218
|
+
if (!canUpdate())
|
|
219
|
+
return;
|
|
220
|
+
const v = valueRef.current;
|
|
221
|
+
const cur = v[handlerId] ?? 0;
|
|
222
|
+
let nextVal = null;
|
|
223
|
+
const upperLimit = hasRange
|
|
224
|
+
? handlerId === 'start'
|
|
225
|
+
? v.end ?? max
|
|
226
|
+
: max
|
|
227
|
+
: max;
|
|
228
|
+
const lowerLimit = hasRange
|
|
229
|
+
? handlerId === 'start'
|
|
230
|
+
? min
|
|
231
|
+
: v.start
|
|
232
|
+
: min;
|
|
233
|
+
switch (event.key) {
|
|
234
|
+
case 'Home':
|
|
235
|
+
nextVal = hasRange ? (handlerId === 'start' ? min : v.start) : min;
|
|
236
|
+
break;
|
|
237
|
+
case 'End':
|
|
238
|
+
nextVal = hasRange ? (handlerId === 'start' ? v.end ?? max : max) : max;
|
|
239
|
+
break;
|
|
240
|
+
case 'ArrowRight':
|
|
241
|
+
case 'ArrowUp':
|
|
242
|
+
if (cur < upperLimit)
|
|
243
|
+
nextVal = Math.min(cur + step, upperLimit);
|
|
244
|
+
break;
|
|
245
|
+
case 'ArrowLeft':
|
|
246
|
+
case 'ArrowDown':
|
|
247
|
+
if (cur > lowerLimit)
|
|
248
|
+
nextVal = Math.max(cur - step, lowerLimit);
|
|
249
|
+
break;
|
|
250
|
+
case 'PageUp':
|
|
251
|
+
nextVal = Math.min(cur + step * 10, upperLimit);
|
|
252
|
+
break;
|
|
253
|
+
case 'PageDown':
|
|
254
|
+
nextVal = Math.max(cur - step * 10, lowerLimit);
|
|
255
|
+
break;
|
|
256
|
+
default:
|
|
257
|
+
return;
|
|
258
|
+
}
|
|
259
|
+
event.preventDefault();
|
|
260
|
+
if (nextVal === null)
|
|
261
|
+
return;
|
|
262
|
+
const next = { ...v, [handlerId]: nextVal };
|
|
263
|
+
setPositionValue(handlerId, nextVal);
|
|
264
|
+
commit(next);
|
|
265
|
+
}, [canUpdate, hasRange, min, max, step, setPositionValue, commit]);
|
|
266
|
+
const hasEnd = hasRange && currentValue.end !== null && currentValue.end !== undefined;
|
|
267
|
+
const startMaxReached = hasRange
|
|
268
|
+
? currentValue.start === currentValue.end && currentValue.end === max
|
|
269
|
+
: currentValue.start === max;
|
|
270
|
+
const endMinReached = currentValue.end === currentValue.start && currentValue.start === min;
|
|
271
|
+
const rootClass = useMemo(() => [
|
|
272
|
+
'eds-slider',
|
|
273
|
+
`eds-slider--${color}`,
|
|
274
|
+
disabled ? 'eds-slider--disabled' : '',
|
|
275
|
+
invalid ? 'eds-slider--invalid eds-slider--critical' : '',
|
|
276
|
+
className ?? '',
|
|
277
|
+
]
|
|
278
|
+
.join(' ')
|
|
279
|
+
.replace(/\s+/g, ' ')
|
|
280
|
+
.trim(), [color, disabled, invalid, className]);
|
|
281
|
+
return (_jsxs("div", { ref: ref, className: rootClass, "data-e2e": e2eAttr, "aria-invalid": invalid || undefined, ...rest, children: [hasValueIndicator && (_jsxs("div", { className: "eds-slider__value-display", children: [_jsx("span", { className: "eds-slider__value-start", children: formattedStart }), currentValue.end !== null && currentValue.end !== undefined && (_jsxs(_Fragment, { children: [' - ', _jsx("span", { className: "eds-slider__value-end", children: formattedEnd })] }))] })), _jsxs("div", { ref: containerRef, className: "eds-slider__container", onMouseDown: onTrackClick, children: [_jsx("input", { ref: startInputRef, type: "range", className: "eds-slider__range-input range-input-start", min: min, max: hasRange ? currentValue.end ?? max : max, step: step, value: currentValue.start, readOnly: true, role: "slider", "aria-valuenow": currentValue.start, "aria-valuemin": min, "aria-valuemax": hasRange ? currentValue.end ?? max : max, "aria-label": ariaLabel, "aria-valuetext": formattedStart, "aria-disabled": disabled || undefined, tabIndex: disabled ? -1 : 0, onKeyDown: (e) => onHandlerKeydown(e, 'start'), onBlur: () => onTouched?.() }), _jsx("div", { ref: startHandlerRef, className: startMaxReached
|
|
282
|
+
? 'eds-slider__handler eds-slider__handler-start eds-slider__handler-start--max-reached'
|
|
283
|
+
: 'eds-slider__handler eds-slider__handler-start', title: hasTooltip && !disabled ? formattedStart : undefined, onPointerDown: (e) => startDrag('start', e), onClick: (e) => {
|
|
284
|
+
startInputRef.current?.focus();
|
|
285
|
+
e.stopPropagation();
|
|
286
|
+
} }), hasEnd && (_jsxs(_Fragment, { children: [_jsx("input", { ref: endInputRef, type: "range", className: "eds-slider__range-input range-input-end", min: currentValue.start, max: max, step: step, value: currentValue.end ?? 0, readOnly: true, role: "slider", "aria-valuenow": currentValue.end ?? 0, "aria-valuemin": currentValue.start, "aria-valuemax": max, "aria-label": endAriaLabel, "aria-valuetext": formattedEnd, "aria-disabled": disabled || undefined, tabIndex: disabled ? -1 : 0, onKeyDown: (e) => onHandlerKeydown(e, 'end'), onBlur: () => onTouched?.() }), _jsx("div", { ref: endHandlerRef, className: endMinReached
|
|
287
|
+
? 'eds-slider__handler eds-slider__handler-end eds-slider__handler-end--min-reached'
|
|
288
|
+
: 'eds-slider__handler eds-slider__handler-end', title: hasTooltip && !disabled ? formattedEnd : undefined, onPointerDown: (e) => startDrag('end', e), onClick: (e) => {
|
|
289
|
+
endInputRef.current?.focus();
|
|
290
|
+
e.stopPropagation();
|
|
291
|
+
} })] })), _jsx("div", { className: "eds-slider__track", children: _jsx("div", { ref: trackActiveRef, className: "eds-slider__track-active" }) }), hasTicks && (_jsx("div", { className: "eds-slider__ticks", children: ticks.map((tick) => (_jsx("span", { className: "eds-slider__tick", style: { left: tick.position } }, tick.value))) }))] })] }));
|
|
292
|
+
});
|
|
293
|
+
//# sourceMappingURL=eds-slider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eds-slider.js","sourceRoot":"","sources":["../../src/eds-slider/eds-slider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
/* Pure-React port of eds-split-button.scss (Part 2 — attribute/light-DOM scoped, tokens verbatim).
|
|
2
|
+
* Angular `:host` -> `.eds-split-button`; `::ng-deep > .eds-button` / `> .eds-dropdown` become
|
|
3
|
+
* direct-child selectors (light DOM). The disabled state is a BEM class (`--disabled`) because the
|
|
4
|
+
* Angular source uses a class host binding, not a reflected attribute. */
|
|
5
|
+
|
|
6
|
+
.eds-split-button {
|
|
7
|
+
align-items: center;
|
|
8
|
+
display: inline-flex;
|
|
9
|
+
position: relative;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.eds-split-button > .eds-button {
|
|
13
|
+
border-radius: var(--eds-br-s) 0 0 var(--eds-br-s);
|
|
14
|
+
border-right: none !important;
|
|
15
|
+
cursor: pointer;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.eds-split-button > .eds-dropdown {
|
|
19
|
+
position: relative;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.eds-split-button > .eds-dropdown::before {
|
|
23
|
+
content: "";
|
|
24
|
+
position: absolute;
|
|
25
|
+
border-left: 1px solid var(--eds-c-border-divider);
|
|
26
|
+
top: 25%;
|
|
27
|
+
height: 50%;
|
|
28
|
+
margin-left: -1px;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.eds-split-button > .eds-dropdown button {
|
|
32
|
+
border-radius: 0 var(--eds-br-s) var(--eds-br-s) 0;
|
|
33
|
+
border-left: 0;
|
|
34
|
+
width: var(--eds-sp-3xl);
|
|
35
|
+
margin-left: -1px;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.eds-split-button.eds-split-button--disabled {
|
|
39
|
+
pointer-events: none;
|
|
40
|
+
opacity: 0.4;
|
|
41
|
+
cursor: not-allowed;
|
|
42
|
+
}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface EdsSplitButtonProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
/**
|
|
4
|
+
* Data attribute value for end-to-end testing identification.
|
|
5
|
+
* @default 'eds-split-button'
|
|
6
|
+
*/
|
|
7
|
+
e2eAttr?: string;
|
|
8
|
+
/**
|
|
9
|
+
* Whether the split button is disabled. Disables pointer events on the entire component
|
|
10
|
+
* and dims it (reflected as the `eds-split-button--disabled` class, matching the Angular
|
|
11
|
+
* `hostClasses()` output).
|
|
12
|
+
* @default false
|
|
13
|
+
*/
|
|
14
|
+
edsDisabled?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Primary-action slot — the projected `button` (Angular `<ng-content select="button"/>`).
|
|
17
|
+
* Optional convenience prop; typically an `<EdsButton>`. Rendered before `dropdown`.
|
|
18
|
+
* When omitted, the primary button is expected among `children`.
|
|
19
|
+
*/
|
|
20
|
+
mainButton?: React.ReactNode;
|
|
21
|
+
/**
|
|
22
|
+
* Dropdown-trigger slot — the projected dropdown (Angular `<ng-content select="eds-dropdown"/>`).
|
|
23
|
+
* Optional convenience prop; the caret-trigger + menu the consumer supplies (there is no
|
|
24
|
+
* `EdsDropdown` port, so the consumer owns the dropdown implementation). Rendered after
|
|
25
|
+
* `mainButton`. When omitted, the dropdown is expected among `children`.
|
|
26
|
+
*/
|
|
27
|
+
dropdown?: React.ReactNode;
|
|
28
|
+
/**
|
|
29
|
+
* Fallback content when the `mainButton` / `dropdown` slot props are not used — mirrors the
|
|
30
|
+
* Angular pure content-projection API (`<button …/>` + `<eds-dropdown …/>` projected in order).
|
|
31
|
+
*/
|
|
32
|
+
children?: React.ReactNode;
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* `EdsSplitButton` — pure React port of the Angular `eds-split-button`.
|
|
36
|
+
*
|
|
37
|
+
* The Angular component is a **pure content-projection wrapper**: its template is only
|
|
38
|
+
* `<ng-content select="button"/>` + `<ng-content select="eds-dropdown"/>`, and its API is
|
|
39
|
+
* just `e2eAttr` + `edsDisabled`. It combines a primary action button with a dropdown trigger
|
|
40
|
+
* (the dropdown behavior lives entirely in the projected `eds-dropdown`, which is not part of
|
|
41
|
+
* `@eui/eds-react`). This port stays faithful: the root element IS the component
|
|
42
|
+
* (`<div.eds-split-button>`), `edsDisabled` reflects as the `eds-split-button--disabled` class
|
|
43
|
+
* (the Angular class-based host binding — no `data-*` reflection in the source), and the two
|
|
44
|
+
* projection slots are exposed as optional `mainButton` / `dropdown` convenience props with a
|
|
45
|
+
* `children` fallback for direct 1:1 projection. No dropdown engine is reimplemented here — the
|
|
46
|
+
* consumer supplies the trigger + menu (e.g. via `EdsButton`/`EdsIconButton` + their own panel).
|
|
47
|
+
*/
|
|
48
|
+
export declare const EdsSplitButton: React.ForwardRefExoticComponent<EdsSplitButtonProps & React.RefAttributes<HTMLDivElement>>;
|
|
49
|
+
//# sourceMappingURL=eds-split-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eds-split-button.d.ts","sourceRoot":"","sources":["../../src/eds-split-button/eds-split-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,cAAc,4FA6BzB,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* `EdsSplitButton` — pure React port of the Angular `eds-split-button`.
|
|
5
|
+
*
|
|
6
|
+
* The Angular component is a **pure content-projection wrapper**: its template is only
|
|
7
|
+
* `<ng-content select="button"/>` + `<ng-content select="eds-dropdown"/>`, and its API is
|
|
8
|
+
* just `e2eAttr` + `edsDisabled`. It combines a primary action button with a dropdown trigger
|
|
9
|
+
* (the dropdown behavior lives entirely in the projected `eds-dropdown`, which is not part of
|
|
10
|
+
* `@eui/eds-react`). This port stays faithful: the root element IS the component
|
|
11
|
+
* (`<div.eds-split-button>`), `edsDisabled` reflects as the `eds-split-button--disabled` class
|
|
12
|
+
* (the Angular class-based host binding — no `data-*` reflection in the source), and the two
|
|
13
|
+
* projection slots are exposed as optional `mainButton` / `dropdown` convenience props with a
|
|
14
|
+
* `children` fallback for direct 1:1 projection. No dropdown engine is reimplemented here — the
|
|
15
|
+
* consumer supplies the trigger + menu (e.g. via `EdsButton`/`EdsIconButton` + their own panel).
|
|
16
|
+
*/
|
|
17
|
+
export const EdsSplitButton = React.forwardRef(function EdsSplitButton({ e2eAttr = 'eds-split-button', edsDisabled = false, mainButton, dropdown, children, className, ...rest }, ref) {
|
|
18
|
+
// Angular `hostClasses()` computed — reproduced verbatim (BEM string, the source uses a
|
|
19
|
+
// class host binding rather than a reflected attribute).
|
|
20
|
+
const hostClasses = [
|
|
21
|
+
'eds-split-button',
|
|
22
|
+
edsDisabled ? 'eds-split-button--disabled' : '',
|
|
23
|
+
className ?? '',
|
|
24
|
+
]
|
|
25
|
+
.join(' ')
|
|
26
|
+
.replace(/\s+/g, ' ')
|
|
27
|
+
.trim();
|
|
28
|
+
const hasSlots = mainButton !== undefined || dropdown !== undefined;
|
|
29
|
+
return (_jsx("div", { ref: ref, className: hostClasses, "data-e2e": e2eAttr, ...rest, children: hasSlots ? (_jsxs(_Fragment, { children: [mainButton, dropdown] })) : (children) }));
|
|
30
|
+
});
|
|
31
|
+
//# sourceMappingURL=eds-split-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eds-split-button.js","sourceRoot":"","sources":["../../src/eds-split-button/eds-split-button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmC/B;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAsC,SAAS,cAAc,CACvG,EAAE,OAAO,GAAG,kBAAkB,EAAE,WAAW,GAAG,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACzG,GAAG;IAEH,wFAAwF;IACxF,yDAAyD;IACzD,MAAM,WAAW,GAAG;QAChB,kBAAkB;QAClB,WAAW,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE;QAC/C,SAAS,IAAI,EAAE;KAClB;SACI,IAAI,CAAC,GAAG,CAAC;SACT,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;SACpB,IAAI,EAAE,CAAC;IAEZ,MAAM,QAAQ,GAAG,UAAU,KAAK,SAAS,IAAI,QAAQ,KAAK,SAAS,CAAC;IAEpE,OAAO,CACH,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,WAAW,cAAY,OAAO,KAAM,IAAI,YAC7D,QAAQ,CAAC,CAAC,CAAC,CACR,8BACK,UAAU,EACV,QAAQ,IACV,CACN,CAAC,CAAC,CAAC,CACA,QAAQ,CACX,GACC,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-split-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-split-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}
|