@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,251 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { useCallback, useMemo, useRef, useState } from 'react';
|
|
4
|
+
/**
|
|
5
|
+
* `EdsInputNumber` — pure React port of the Angular `eds-input-number`.
|
|
6
|
+
*
|
|
7
|
+
* The Angular source is a directive on a native `<input>` (`selector: 'input[edsInputNumber]'`,
|
|
8
|
+
* empty `template`) providing locale-aware number formatting with thousand grouping, decimal
|
|
9
|
+
* precision, min/max enforcement (on blur), input filtering (keydown), paste sanitizing, and
|
|
10
|
+
* `inputmode="decimal"`. So the rendered **root element IS an `<input>`** — no wrapper element
|
|
11
|
+
* unless `clearable`/`loading` is active (mirrors the two composed host directives).
|
|
12
|
+
*
|
|
13
|
+
* It is a `ControlValueAccessor` (Angular forms). React has no CVA, so this exposes a standard
|
|
14
|
+
* React form API: **controlled** via `value` (a `number`) + `onValueChange`, or **uncontrolled**
|
|
15
|
+
* via `defaultValue`. There is no forms-integration shim — flagged for React forms-API design
|
|
16
|
+
* review. The parsed numeric value (or `null` for empty/partial input) is delivered through
|
|
17
|
+
* `onValueChange`; the raw formatted text is delivered through the standard `onChange` event.
|
|
18
|
+
*
|
|
19
|
+
* The Angular component is **class-based** (`host: { '[class]': 'hostClasses()' }`), so per the
|
|
20
|
+
* pure-React guide rule 9 the BEM classes are reproduced verbatim on the root `className`
|
|
21
|
+
* (`eds-input-number`, `eds-input-number--invalid`) and the ported CSS keeps those class
|
|
22
|
+
* selectors. Angular's invalid state is `_ngControl.invalid && touched` when bound to a form
|
|
23
|
+
* control, or the `isInvalid` input otherwise; React has no NgControl, so `invalid` is the single
|
|
24
|
+
* input driving the `eds-input-number--invalid` class.
|
|
25
|
+
*
|
|
26
|
+
* The Angular component composes `EdsClearableDirective` (`edsClearable`) and `EdsLoadingDirective`
|
|
27
|
+
* (`edsLoading`) — reimplemented the same way as `EdsInputText`: when `clearable`/`loading` is
|
|
28
|
+
* active the component renders the `position:relative` flex wrapper + clear icon / loading spinner;
|
|
29
|
+
* otherwise it renders a bare `<input>`.
|
|
30
|
+
*
|
|
31
|
+
* @example Controlled
|
|
32
|
+
* ```tsx
|
|
33
|
+
* const [v, setV] = React.useState<number | null>(0);
|
|
34
|
+
* <EdsInputNumber value={v ?? undefined} fractionDigits={2} onValueChange={setV} />
|
|
35
|
+
* ```
|
|
36
|
+
*
|
|
37
|
+
* @example Uncontrolled, min/max
|
|
38
|
+
* ```tsx
|
|
39
|
+
* <EdsInputNumber defaultValue={50} min={0} max={100} />
|
|
40
|
+
* ```
|
|
41
|
+
*/
|
|
42
|
+
/** Locale group/decimal separators, matching Angular's `getLocaleConfig`. */
|
|
43
|
+
function getLocaleConfig(locale) {
|
|
44
|
+
const parts = new Intl.NumberFormat(locale, { useGrouping: true }).formatToParts(10000.1);
|
|
45
|
+
return {
|
|
46
|
+
group: parts.find((p) => p.type === 'group')?.value || '',
|
|
47
|
+
decimal: parts.find((p) => p.type === 'decimal')?.value || '.',
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
export const EdsInputNumber = React.forwardRef(function EdsInputNumber({ e2eAttr = 'eds-input-number', disabled = false, readonly = false, invalid = false, min, max, fractionDigits = 0, fillFraction = false, noFormat = false, locale = 'en', clearable = false, loading = false, value, defaultValue, onValueChange, onChange, onBlur, onClear, className, ...rest }, ref) {
|
|
51
|
+
const isControlled = value !== undefined;
|
|
52
|
+
const localeConfig = useMemo(() => getLocaleConfig(locale || 'en'), [locale]);
|
|
53
|
+
// Internal ref to the input so the clear handler / clearable-visibility / cursor restore can
|
|
54
|
+
// read the current DOM value; merged with the forwarded ref.
|
|
55
|
+
const innerRef = useRef(null);
|
|
56
|
+
const setRefs = useCallback((node) => {
|
|
57
|
+
innerRef.current = node;
|
|
58
|
+
if (typeof ref === 'function') {
|
|
59
|
+
ref(node);
|
|
60
|
+
}
|
|
61
|
+
else if (ref) {
|
|
62
|
+
ref.current = node;
|
|
63
|
+
}
|
|
64
|
+
}, [ref]);
|
|
65
|
+
// --- number formatting helpers (1:1 with the Angular private methods) ---
|
|
66
|
+
const formatNumber = useCallback((rawValue) => {
|
|
67
|
+
if (!rawValue) {
|
|
68
|
+
return '';
|
|
69
|
+
}
|
|
70
|
+
const num = parseFloat(rawValue);
|
|
71
|
+
if (isNaN(num) && rawValue !== '-' && rawValue !== '.') {
|
|
72
|
+
return rawValue;
|
|
73
|
+
}
|
|
74
|
+
if (rawValue === '-' || rawValue === '.') {
|
|
75
|
+
return rawValue;
|
|
76
|
+
}
|
|
77
|
+
const parts = rawValue.split('.');
|
|
78
|
+
let integerPart = parts[0] || '0';
|
|
79
|
+
let decimalPart = parts.length > 1 ? parts[1] : '';
|
|
80
|
+
const isNegative = integerPart.startsWith('-');
|
|
81
|
+
if (isNegative) {
|
|
82
|
+
integerPart = integerPart.substring(1);
|
|
83
|
+
}
|
|
84
|
+
if (decimalPart.length > fractionDigits && fractionDigits > 0) {
|
|
85
|
+
decimalPart = decimalPart.substring(0, fractionDigits);
|
|
86
|
+
}
|
|
87
|
+
if (fillFraction && fractionDigits > 0) {
|
|
88
|
+
decimalPart = decimalPart.padEnd(fractionDigits, '0');
|
|
89
|
+
}
|
|
90
|
+
if (!noFormat) {
|
|
91
|
+
integerPart = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, localeConfig.group);
|
|
92
|
+
}
|
|
93
|
+
let result = isNegative ? '-' + integerPart : integerPart;
|
|
94
|
+
if (decimalPart || (parts.length > 1 && fractionDigits > 0)) {
|
|
95
|
+
result += localeConfig.decimal + decimalPart;
|
|
96
|
+
}
|
|
97
|
+
return result;
|
|
98
|
+
}, [fractionDigits, fillFraction, noFormat, localeConfig]);
|
|
99
|
+
const extractRawValue = useCallback((formattedValue) => {
|
|
100
|
+
if (!formattedValue) {
|
|
101
|
+
return '';
|
|
102
|
+
}
|
|
103
|
+
let raw = formattedValue;
|
|
104
|
+
if (localeConfig.group) {
|
|
105
|
+
raw = raw.split(localeConfig.group).join('');
|
|
106
|
+
}
|
|
107
|
+
raw = raw.split(localeConfig.decimal).join('.');
|
|
108
|
+
raw = raw.replace(/[^\d.-]/g, '');
|
|
109
|
+
if (raw.indexOf('-') > 0) {
|
|
110
|
+
raw = raw.replace(/-/g, '');
|
|
111
|
+
}
|
|
112
|
+
const dotIndex = raw.indexOf('.');
|
|
113
|
+
if (dotIndex !== -1) {
|
|
114
|
+
raw = raw.substring(0, dotIndex + 1) + raw.substring(dotIndex + 1).replace(/\./g, '');
|
|
115
|
+
}
|
|
116
|
+
return raw;
|
|
117
|
+
}, [localeConfig]);
|
|
118
|
+
const parseToOutput = useCallback((rawValue) => {
|
|
119
|
+
if (!rawValue || rawValue === '-' || rawValue === '.') {
|
|
120
|
+
return null;
|
|
121
|
+
}
|
|
122
|
+
const num = parseFloat(rawValue);
|
|
123
|
+
return isNaN(num) ? null : num;
|
|
124
|
+
}, []);
|
|
125
|
+
// Raw (unformatted) numeric string mirroring the Angular `_rawValue` field.
|
|
126
|
+
const initialRaw = defaultValue === null || defaultValue === undefined ? '' : defaultValue.toString();
|
|
127
|
+
const rawValueRef = useRef(initialRaw);
|
|
128
|
+
// Uncontrolled display value (formatted). For the controlled case the display is derived from
|
|
129
|
+
// the `value` prop on each render.
|
|
130
|
+
const [uncontrolledDisplay, setUncontrolledDisplay] = useState(() => formatNumber(initialRaw));
|
|
131
|
+
const controlledDisplay = useMemo(() => {
|
|
132
|
+
if (value === null || value === undefined) {
|
|
133
|
+
return '';
|
|
134
|
+
}
|
|
135
|
+
return formatNumber(value.toString());
|
|
136
|
+
}, [value, formatNumber]);
|
|
137
|
+
const displayValue = isControlled ? controlledDisplay : uncontrolledDisplay;
|
|
138
|
+
// Current raw string for clearable visibility.
|
|
139
|
+
const currentRaw = isControlled
|
|
140
|
+
? value === null || value === undefined
|
|
141
|
+
? ''
|
|
142
|
+
: value.toString()
|
|
143
|
+
: rawValueRef.current;
|
|
144
|
+
// Loading forces readonly (matches EdsLoadingDirective._show setting the readonly attribute).
|
|
145
|
+
const effectiveReadonly = readonly || loading;
|
|
146
|
+
const showClearIcon = clearable && !loading && !effectiveReadonly && !disabled && currentRaw.length > 0;
|
|
147
|
+
const rootClass = useMemo(() => ['eds-input-number', invalid ? 'eds-input-number--invalid' : '', clearable ? 'eds-input-number--clearable' : '', loading ? 'eds-input-number--loading' : '', className ?? '']
|
|
148
|
+
.filter(Boolean)
|
|
149
|
+
.join(' '), [invalid, clearable, loading, className]);
|
|
150
|
+
// --- event handlers (1:1 with the Angular host bindings) ---
|
|
151
|
+
const handleInput = useCallback((event) => {
|
|
152
|
+
const target = event.target;
|
|
153
|
+
const cursorPos = target.selectionStart;
|
|
154
|
+
const raw = extractRawValue(target.value);
|
|
155
|
+
rawValueRef.current = raw;
|
|
156
|
+
const formatted = formatNumber(raw);
|
|
157
|
+
const lengthDiff = formatted.length - target.value.length;
|
|
158
|
+
target.value = formatted;
|
|
159
|
+
if (cursorPos !== null) {
|
|
160
|
+
const newPos = Math.max(0, cursorPos + lengthDiff);
|
|
161
|
+
target.setSelectionRange(newPos, newPos);
|
|
162
|
+
}
|
|
163
|
+
if (!isControlled) {
|
|
164
|
+
setUncontrolledDisplay(formatted);
|
|
165
|
+
}
|
|
166
|
+
onValueChange?.(parseToOutput(raw));
|
|
167
|
+
onChange?.(event);
|
|
168
|
+
}, [extractRawValue, formatNumber, parseToOutput, isControlled, onValueChange, onChange]);
|
|
169
|
+
const handleBlur = useCallback((event) => {
|
|
170
|
+
onBlur?.(event);
|
|
171
|
+
if (rawValueRef.current === '') {
|
|
172
|
+
return;
|
|
173
|
+
}
|
|
174
|
+
let numericValue = parseFloat(rawValueRef.current);
|
|
175
|
+
if (min !== undefined && !isNaN(min) && numericValue < min) {
|
|
176
|
+
numericValue = min;
|
|
177
|
+
}
|
|
178
|
+
if (max !== undefined && !isNaN(max) && numericValue > max) {
|
|
179
|
+
numericValue = max;
|
|
180
|
+
}
|
|
181
|
+
rawValueRef.current = numericValue.toString();
|
|
182
|
+
const formatted = formatNumber(rawValueRef.current);
|
|
183
|
+
const node = innerRef.current;
|
|
184
|
+
if (node) {
|
|
185
|
+
node.value = formatted;
|
|
186
|
+
}
|
|
187
|
+
if (!isControlled) {
|
|
188
|
+
setUncontrolledDisplay(formatted);
|
|
189
|
+
}
|
|
190
|
+
onValueChange?.(parseToOutput(rawValueRef.current));
|
|
191
|
+
}, [min, max, formatNumber, parseToOutput, isControlled, onValueChange, onBlur]);
|
|
192
|
+
const handleKeyDown = useCallback((event) => {
|
|
193
|
+
if (event.ctrlKey || event.altKey || event.metaKey || event.key.length > 1) {
|
|
194
|
+
return;
|
|
195
|
+
}
|
|
196
|
+
const allowedChars = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
|
|
197
|
+
if (fractionDigits > 0) {
|
|
198
|
+
allowedChars.push(localeConfig.decimal);
|
|
199
|
+
allowedChars.push('.');
|
|
200
|
+
}
|
|
201
|
+
if (min === undefined || isNaN(min) || min < 0) {
|
|
202
|
+
allowedChars.push('-');
|
|
203
|
+
}
|
|
204
|
+
if (!allowedChars.includes(event.key)) {
|
|
205
|
+
event.preventDefault();
|
|
206
|
+
}
|
|
207
|
+
}, [fractionDigits, localeConfig, min]);
|
|
208
|
+
const handlePaste = useCallback((event) => {
|
|
209
|
+
event.preventDefault();
|
|
210
|
+
const pastedText = event.clipboardData?.getData('text') || '';
|
|
211
|
+
const cleaned = extractRawValue(pastedText);
|
|
212
|
+
if (cleaned) {
|
|
213
|
+
rawValueRef.current = cleaned;
|
|
214
|
+
const formatted = formatNumber(cleaned);
|
|
215
|
+
const node = innerRef.current;
|
|
216
|
+
if (node) {
|
|
217
|
+
node.value = formatted;
|
|
218
|
+
}
|
|
219
|
+
if (!isControlled) {
|
|
220
|
+
setUncontrolledDisplay(formatted);
|
|
221
|
+
}
|
|
222
|
+
onValueChange?.(parseToOutput(cleaned));
|
|
223
|
+
}
|
|
224
|
+
}, [extractRawValue, formatNumber, parseToOutput, isControlled, onValueChange]);
|
|
225
|
+
const handleClear = useCallback(() => {
|
|
226
|
+
rawValueRef.current = '';
|
|
227
|
+
const node = innerRef.current;
|
|
228
|
+
if (node) {
|
|
229
|
+
node.value = '';
|
|
230
|
+
node.focus();
|
|
231
|
+
}
|
|
232
|
+
if (!isControlled) {
|
|
233
|
+
setUncontrolledDisplay('');
|
|
234
|
+
}
|
|
235
|
+
onValueChange?.(null);
|
|
236
|
+
onClear?.();
|
|
237
|
+
}, [isControlled, onValueChange, onClear]);
|
|
238
|
+
const displayProps = isControlled ? { value: displayValue } : { defaultValue: displayValue };
|
|
239
|
+
const input = (_jsx("input", { ref: setRefs, type: "text", inputMode: "decimal", className: rootClass, "data-e2e": e2eAttr, disabled: disabled, readOnly: effectiveReadonly, "aria-invalid": invalid || undefined, onChange: handleInput, onBlur: handleBlur, onKeyDown: handleKeyDown, onPaste: handlePaste, ...displayProps, ...rest }));
|
|
240
|
+
// Bare input when neither clearable nor loading is active — the host element IS the component.
|
|
241
|
+
if (!clearable && !loading) {
|
|
242
|
+
return input;
|
|
243
|
+
}
|
|
244
|
+
return (_jsxs("div", { className: "eds-input-number__wrapper", children: [input, showClearIcon && (_jsx("span", { className: "eds-clearable-icon", role: "button", tabIndex: 0, "aria-label": "Clear input", onClick: handleClear, onKeyDown: (event) => {
|
|
245
|
+
if (event.key === 'Enter') {
|
|
246
|
+
event.preventDefault();
|
|
247
|
+
handleClear();
|
|
248
|
+
}
|
|
249
|
+
}, children: '\u2715' })), loading && _jsx("span", { className: "eds-input-number--loading-icon", "aria-hidden": "true" })] }));
|
|
250
|
+
});
|
|
251
|
+
//# sourceMappingURL=eds-input-number.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eds-input-number.js","sourceRoot":"","sources":["../../src/eds-input-number/eds-input-number.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-input-number/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-input-number/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* eds-input-radio.css — 1:1 pure-React port of eds-input-radio.scss.
|
|
3
|
+
*
|
|
4
|
+
* The Angular file styles `:host.eds-input-radio` (a native `input[type=radio]`) with a base
|
|
5
|
+
* reset, a `::before` pseudo-element holding the radio dot (inline SVG data URIs), and
|
|
6
|
+
* checked / disabled / readonly / invalid / focus states. The `.eui-21` wrapper and `:host` are
|
|
7
|
+
* dropped (share-ready, Part 2) — authored against the bare `.eds-input-radio` root class.
|
|
8
|
+
*
|
|
9
|
+
* The Angular component is class-based (`host: { '[class]': 'hostClasses()' }`), so the invalid
|
|
10
|
+
* variant stays a BEM class (`.eds-input-radio--invalid`), NOT `data-*` (guide rule 9). The SVG
|
|
11
|
+
* dot data URIs are copied verbatim from the SCSS `$svg-dot-*` variables. `--eds-*` tokens are
|
|
12
|
+
* copied verbatim (including the `--eds-c-suface-disabled` name as it appears in the source).
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
/* --- base --- */
|
|
16
|
+
.eds-input-radio {
|
|
17
|
+
/* Reset & base layout */
|
|
18
|
+
appearance: none;
|
|
19
|
+
display: inline-flex;
|
|
20
|
+
align-items: center;
|
|
21
|
+
justify-content: center;
|
|
22
|
+
flex-shrink: 0;
|
|
23
|
+
position: relative;
|
|
24
|
+
vertical-align: middle;
|
|
25
|
+
cursor: pointer;
|
|
26
|
+
|
|
27
|
+
/* Dimensions */
|
|
28
|
+
width: var(--eds-si-xl);
|
|
29
|
+
height: var(--eds-si-xl);
|
|
30
|
+
border-radius: var(--eds-br-full);
|
|
31
|
+
|
|
32
|
+
/* Unchecked default */
|
|
33
|
+
background-color: var(--eds-c-surface-elevation);
|
|
34
|
+
border: var(--eds-bw-s) solid var(--eds-c-border-neutral);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
/* Pseudo-element for dot */
|
|
38
|
+
.eds-input-radio::before {
|
|
39
|
+
content: '';
|
|
40
|
+
display: block;
|
|
41
|
+
width: var(--eds-si-xl);
|
|
42
|
+
height: var(--eds-si-xl);
|
|
43
|
+
background-size: contain;
|
|
44
|
+
background-repeat: no-repeat;
|
|
45
|
+
background-position: center;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
/* Checked */
|
|
49
|
+
.eds-input-radio:checked {
|
|
50
|
+
border-color: var(--eds-c-border-primary);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.eds-input-radio:checked::before {
|
|
54
|
+
background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%277%27 fill=%27%230e47cb%27/%3E%3C/svg%3E');
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
/* Disabled */
|
|
58
|
+
.eds-input-radio:disabled {
|
|
59
|
+
background-color: var(--eds-c-suface-disabled);
|
|
60
|
+
border-color: var(--eds-c-border-disabled);
|
|
61
|
+
pointer-events: none;
|
|
62
|
+
cursor: default;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.eds-input-radio:disabled:checked::before {
|
|
66
|
+
background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%277%27 fill=%27%23a0a0b1%27/%3E%3C/svg%3E');
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
/* Readonly */
|
|
70
|
+
.eds-input-radio[readonly] {
|
|
71
|
+
pointer-events: none;
|
|
72
|
+
cursor: default;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.eds-input-radio[readonly]:checked {
|
|
76
|
+
background-color: var(--eds-c-surface-neutral-subtle);
|
|
77
|
+
border-color: var(--eds-c-border-neutral);
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.eds-input-radio[readonly]:checked::before {
|
|
81
|
+
background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%277%27 fill=%27%23333%27/%3E%3C/svg%3E');
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
/* Invalid */
|
|
85
|
+
.eds-input-radio--invalid:not(:disabled):not([readonly]) {
|
|
86
|
+
border-color: var(--eds-c-border-critical);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.eds-input-radio--invalid:not(:disabled):not([readonly]):checked {
|
|
90
|
+
border-color: var(--eds-c-border-critical);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.eds-input-radio--invalid:not(:disabled):not([readonly]):checked::before {
|
|
94
|
+
background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%277%27 fill=%27%23d32f2f%27/%3E%3C/svg%3E');
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
/* Focus */
|
|
98
|
+
.eds-input-radio:focus-visible {
|
|
99
|
+
outline: 2px solid var(--eds-c-focus-default, #0e47cb);
|
|
100
|
+
outline-offset: 2px;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
/* Invalid focus */
|
|
104
|
+
.eds-input-radio--invalid:focus-visible {
|
|
105
|
+
outline-color: var(--eds-c-border-critical, #d32f2f);
|
|
106
|
+
}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* `EdsInputRadio` — pure React port of the Angular `eds-input-radio`.
|
|
4
|
+
*
|
|
5
|
+
* The Angular source is a directive on a native `<input type="radio">`
|
|
6
|
+
* (`selector: 'input[edsInputRadio]'`, empty `template`) — so the rendered **root element IS an
|
|
7
|
+
* `<input type="radio">`**. It is a `ControlValueAccessor` (Angular forms): `writeValue` sets
|
|
8
|
+
* `input.checked = (input.value === formValue)`, and the host `(change)` handler calls the CVA
|
|
9
|
+
* `onChange` with `target.value`. React has no CVA, so this exposes the standard React radio form
|
|
10
|
+
* API — **controlled** via `checked` + `onChange`, or **uncontrolled** via `defaultChecked` — plus
|
|
11
|
+
* the native `name` / `value` grouping that HTML radios already provide (a native radio group is
|
|
12
|
+
* driven purely by shared `name` + selected `value`, so no separate React "radio group" component is
|
|
13
|
+
* needed — the Angular source defines none). CVA is flagged for React forms-API design review.
|
|
14
|
+
*
|
|
15
|
+
* The Angular component is **class-based** (`host: { '[class]': 'hostClasses()' }`), so per the
|
|
16
|
+
* pure-React guide rule 9 the BEM classes are reproduced verbatim on the root `className`
|
|
17
|
+
* (`eds-input-radio`, `eds-input-radio--invalid`) and the ported CSS keeps those class selectors —
|
|
18
|
+
* NOT `data-*`. State inputs map to native attributes: `disabled` → native `disabled`, `readonly` →
|
|
19
|
+
* the reflected `readonly` attribute (`readonly() || null`), `isInvalid` → the
|
|
20
|
+
* `eds-input-radio--invalid` class.
|
|
21
|
+
*
|
|
22
|
+
* Behavior ported from the host listeners:
|
|
23
|
+
* - `(click)` → `onClick`: when `readonly`, `preventDefault()` so the selection can't change.
|
|
24
|
+
* - `(change)` → `onChange`: the CVA write path; forwarded to the React `onChange` prop.
|
|
25
|
+
* - `(blur)` → `onBlur`: the CVA `onTouched`; forwarded to the React `onBlur` prop.
|
|
26
|
+
* - `(keydown.space)` → `onKeyDown`: when `readonly`, `preventDefault()` + `stopPropagation()` on
|
|
27
|
+
* the Space key so it can't toggle the radio.
|
|
28
|
+
*
|
|
29
|
+
* @example Controlled group
|
|
30
|
+
* ```tsx
|
|
31
|
+
* const [v, setV] = React.useState('a');
|
|
32
|
+
* <EdsInputRadio name="g" value="a" checked={v === 'a'} onChange={(e) => setV(e.target.value)} />
|
|
33
|
+
* <EdsInputRadio name="g" value="b" checked={v === 'b'} onChange={(e) => setV(e.target.value)} />
|
|
34
|
+
* ```
|
|
35
|
+
*
|
|
36
|
+
* @example Uncontrolled
|
|
37
|
+
* ```tsx
|
|
38
|
+
* <EdsInputRadio name="g" value="a" defaultChecked />
|
|
39
|
+
* <EdsInputRadio name="g" value="b" />
|
|
40
|
+
* ```
|
|
41
|
+
*
|
|
42
|
+
* @example Disabled / readonly / invalid
|
|
43
|
+
* ```tsx
|
|
44
|
+
* <EdsInputRadio name="g" value="a" disabled />
|
|
45
|
+
* <EdsInputRadio name="g" value="b" readonly checked />
|
|
46
|
+
* <EdsInputRadio name="g" value="c" invalid />
|
|
47
|
+
* ```
|
|
48
|
+
*/
|
|
49
|
+
export interface EdsInputRadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'type'> {
|
|
50
|
+
/**
|
|
51
|
+
* Data attribute value for end-to-end testing identification. Applied as `data-e2e`.
|
|
52
|
+
* @default 'eds-input-radio'
|
|
53
|
+
*/
|
|
54
|
+
e2eAttr?: string;
|
|
55
|
+
/**
|
|
56
|
+
* Controls whether the radio is disabled. Reflected as the native `disabled` attribute.
|
|
57
|
+
* @default false
|
|
58
|
+
*/
|
|
59
|
+
disabled?: boolean;
|
|
60
|
+
/**
|
|
61
|
+
* Controls whether the radio is readonly. Reflected as the `readonly` attribute; while readonly,
|
|
62
|
+
* click and Space are prevented so the selection can't change.
|
|
63
|
+
* @default false
|
|
64
|
+
*/
|
|
65
|
+
readonly?: boolean;
|
|
66
|
+
/**
|
|
67
|
+
* Controls whether the radio shows an invalid/error state. Reflected as the
|
|
68
|
+
* `eds-input-radio--invalid` class (mirrors the Angular `isInvalid` input).
|
|
69
|
+
* @default false
|
|
70
|
+
*/
|
|
71
|
+
invalid?: boolean;
|
|
72
|
+
/** Controlled checked state. When provided the radio is controlled (React semantics). */
|
|
73
|
+
checked?: boolean;
|
|
74
|
+
/** Initial checked state for an uncontrolled radio. */
|
|
75
|
+
defaultChecked?: boolean;
|
|
76
|
+
/** Fired when the radio's checked state changes (mirrors the Angular host `(change)` → CVA `onChange`). */
|
|
77
|
+
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
78
|
+
/** Fired when the radio loses focus (mirrors the Angular host `(blur)` → CVA `onTouched`). */
|
|
79
|
+
onBlur?: React.FocusEventHandler<HTMLInputElement>;
|
|
80
|
+
}
|
|
81
|
+
export declare const EdsInputRadio: React.ForwardRefExoticComponent<EdsInputRadioProps & React.RefAttributes<HTMLInputElement>>;
|
|
82
|
+
//# sourceMappingURL=eds-input-radio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eds-input-radio.d.ts","sourceRoot":"","sources":["../../src/eds-input-radio/eds-input-radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,MAAM,WAAW,kBACb,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC9E;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yFAAyF;IACzF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,8FAA8F;IAC9F,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,aAAa,6FAqFxB,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { useCallback, useMemo, useRef } from 'react';
|
|
4
|
+
export const EdsInputRadio = React.forwardRef(function EdsInputRadio({ e2eAttr = 'eds-input-radio', disabled = false, readonly = false, invalid = false, checked, defaultChecked, onChange, onBlur, onClick, onKeyDown, className, ...rest }, ref) {
|
|
5
|
+
const innerRef = useRef(null);
|
|
6
|
+
const setRefs = useCallback((node) => {
|
|
7
|
+
innerRef.current = node;
|
|
8
|
+
if (typeof ref === 'function') {
|
|
9
|
+
ref(node);
|
|
10
|
+
}
|
|
11
|
+
else if (ref) {
|
|
12
|
+
ref.current = node;
|
|
13
|
+
}
|
|
14
|
+
}, [ref]);
|
|
15
|
+
const rootClass = useMemo(() => [
|
|
16
|
+
'eds-input-radio',
|
|
17
|
+
invalid ? 'eds-input-radio--invalid' : '',
|
|
18
|
+
className ?? '',
|
|
19
|
+
]
|
|
20
|
+
.filter(Boolean)
|
|
21
|
+
.join(' '), [invalid, className]);
|
|
22
|
+
// Angular onHostClick: prevent the selection change while readonly.
|
|
23
|
+
const handleClick = useCallback((event) => {
|
|
24
|
+
if (readonly) {
|
|
25
|
+
event.preventDefault();
|
|
26
|
+
}
|
|
27
|
+
onClick?.(event);
|
|
28
|
+
}, [readonly, onClick]);
|
|
29
|
+
// Angular onSpacePressed: block Space toggling while readonly.
|
|
30
|
+
const handleKeyDown = useCallback((event) => {
|
|
31
|
+
if (readonly && (event.key === ' ' || event.key === 'Spacebar')) {
|
|
32
|
+
event.preventDefault();
|
|
33
|
+
event.stopPropagation();
|
|
34
|
+
}
|
|
35
|
+
onKeyDown?.(event);
|
|
36
|
+
}, [readonly, onKeyDown]);
|
|
37
|
+
const isControlled = checked !== undefined;
|
|
38
|
+
const controlledProps = isControlled ? { checked } : { defaultChecked };
|
|
39
|
+
return (_jsx("input", { ref: setRefs, type: "radio", className: rootClass, "data-e2e": e2eAttr, disabled: disabled, readOnly: readonly, "aria-invalid": invalid || undefined, onChange: onChange, onBlur: onBlur, onClick: handleClick, onKeyDown: handleKeyDown, ...controlledProps, ...rest }));
|
|
40
|
+
});
|
|
41
|
+
//# sourceMappingURL=eds-input-radio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eds-input-radio.js","sourceRoot":"","sources":["../../src/eds-input-radio/eds-input-radio.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAmFrD,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAuC,SAAS,aAAa,CACtG,EACI,OAAO,GAAG,iBAAiB,EAC3B,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,OAAO,EACP,cAAc,EACd,QAAQ,EACR,MAAM,EACN,OAAO,EACP,SAAS,EACT,SAAS,EACT,GAAG,IAAI,EACV,EACD,GAAG;IAEH,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,WAAW,CACvB,CAAC,IAA6B,EAAE,EAAE;QAC9B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;QACxB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;YAC5B,GAAG,CAAC,IAAI,CAAC,CAAC;QACd,CAAC;aAAM,IAAI,GAAG,EAAE,CAAC;YACZ,GAAuD,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5E,CAAC;IACL,CAAC,EACD,CAAC,GAAG,CAAC,CACR,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CACrB,GAAG,EAAE,CACD;QACI,iBAAiB;QACjB,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE;QACzC,SAAS,IAAI,EAAE;KAClB;SACI,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,EAClB,CAAC,OAAO,EAAE,SAAS,CAAC,CACvB,CAAC;IAEF,oEAAoE;IACpE,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,KAAyC,EAAE,EAAE;QAC1C,IAAI,QAAQ,EAAE,CAAC;YACX,KAAK,CAAC,cAAc,EAAE,CAAC;QAC3B,CAAC;QACD,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,EACD,CAAC,QAAQ,EAAE,OAAO,CAAC,CACtB,CAAC;IAEF,+DAA+D;IAC/D,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,KAA4C,EAAE,EAAE;QAC7C,IAAI,QAAQ,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,GAAG,KAAK,UAAU,CAAC,EAAE,CAAC;YAC9D,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAC5B,CAAC;QACD,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,QAAQ,EAAE,SAAS,CAAC,CACxB,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,KAAK,SAAS,CAAC;IAC3C,MAAM,eAAe,GAAG,YAAY,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,CAAC;IAExE,OAAO,CACH,gBACI,GAAG,EAAE,OAAO,EACZ,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,SAAS,cACV,OAAO,EACjB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,kBACJ,OAAO,IAAI,SAAS,EAClC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,KACpB,eAAe,KACf,IAAI,GACV,CACL,CAAC;AACN,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-input-radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-input-radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC"}
|