@dnb/eufemia 9.16.3 → 9.17.0
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/CHANGELOG.md +21 -0
- package/assets/assets/icons/above_the_line.svg +1 -1
- package/assets/assets/icons/eufemia-icons-pdf-categorized.tgz +0 -0
- package/assets/assets/icons/eufemia-icons-pdf.tgz +0 -0
- package/assets/assets/icons/facebook.svg +3 -0
- package/assets/assets/icons/facebook_medium.svg +3 -0
- package/assets/assets/icons/fridge.svg +1 -1
- package/assets/assets/icons/information_circled.svg +2 -1
- package/assets/assets/icons/information_circled_medium.svg +2 -1
- package/assets/assets/icons/instagram.svg +5 -0
- package/assets/assets/icons/instagram_medium.svg +12 -0
- package/assets/assets/icons/linkedin.svg +3 -0
- package/assets/assets/icons/linkedin_medium.svg +3 -0
- package/assets/assets/icons/motorcycle_medium.svg +2 -2
- package/assets/assets/icons/paragraph.svg +1 -1
- package/assets/assets/icons/scooter_medium.svg +2 -2
- package/assets/assets/icons/tag.svg +4 -0
- package/assets/assets/icons/tag_medium.svg +4 -0
- package/assets/icons/above_the_line.svg +1 -1
- package/assets/icons/eufemia-icons-pdf-categorized.tgz +0 -0
- package/assets/icons/eufemia-icons-pdf.tgz +0 -0
- package/assets/icons/facebook.svg +3 -0
- package/assets/icons/facebook_medium.svg +3 -0
- package/assets/icons/fridge.svg +1 -1
- package/assets/icons/information_circled.svg +2 -1
- package/assets/icons/information_circled_medium.svg +2 -1
- package/assets/icons/instagram.svg +5 -0
- package/assets/icons/instagram_medium.svg +12 -0
- package/assets/icons/linkedin.svg +3 -0
- package/assets/icons/linkedin_medium.svg +3 -0
- package/assets/icons/motorcycle_medium.svg +2 -2
- package/assets/icons/paragraph.svg +1 -1
- package/assets/icons/scooter_medium.svg +2 -2
- package/assets/icons/tag.svg +4 -0
- package/assets/icons/tag_medium.svg +4 -0
- package/cjs/components/accordion/Accordion.d.ts +1 -1
- package/cjs/components/autocomplete/style/dnb-autocomplete.css +0 -2
- package/cjs/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
- package/cjs/components/breadcrumb/Breadcrumb.js +5 -3
- package/cjs/components/breadcrumb/style/_breadcrumb.scss +7 -4
- package/cjs/components/breadcrumb/style/dnb-breadcrumb.css +10 -8
- package/cjs/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
- package/cjs/components/button/Button.js +1 -1
- package/cjs/components/button/style/_button.scss +0 -4
- package/cjs/components/button/style/dnb-button.css +0 -2
- package/cjs/components/button/style/dnb-button.min.css +1 -1
- package/cjs/components/button/style/themes/dnb-button-theme-open-banking.css +4 -13
- package/cjs/components/button/style/themes/dnb-button-theme-open-banking.min.css +1 -1
- package/cjs/components/button/style/themes/dnb-button-theme-ui.css +4 -13
- package/cjs/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
- package/cjs/components/button/style/themes/dnb-button-theme-ui.scss +5 -18
- package/cjs/components/date-picker/style/dnb-date-picker.css +0 -6
- package/cjs/components/date-picker/style/dnb-date-picker.min.css +1 -1
- package/cjs/components/dropdown/style/dnb-dropdown.css +0 -2
- package/cjs/components/dropdown/style/dnb-dropdown.min.css +1 -1
- package/cjs/components/form-set/FormSet.d.ts +1 -1
- package/cjs/components/global-error/style/dnb-global-error.css +0 -2
- package/cjs/components/global-error/style/dnb-global-error.min.css +1 -1
- package/cjs/components/global-status/GlobalStatus.js +21 -73
- package/cjs/components/global-status/style/_global-status.scss +14 -12
- package/cjs/components/global-status/style/dnb-global-status.css +13 -17
- package/cjs/components/global-status/style/dnb-global-status.min.css +1 -1
- package/cjs/components/global-status/style/themes/dnb-global-status-theme-ui.css +2 -48
- package/cjs/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
- package/cjs/components/global-status/style/themes/dnb-global-status-theme-ui.scss +2 -36
- package/cjs/components/help-button/HelpButton.d.ts +200 -0
- package/cjs/components/input/style/dnb-input.css +0 -2
- package/cjs/components/input/style/dnb-input.min.css +1 -1
- package/cjs/components/input/style/themes/dnb-input-theme-ui.css +11 -2
- package/cjs/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
- package/cjs/components/input/style/themes/dnb-input-theme-ui.scss +4 -1
- package/cjs/components/input-masked/InputMaskedElement.js +1 -4
- package/cjs/components/input-masked/InputMaskedHooks.js +23 -2
- package/cjs/components/input-masked/InputMaskedUtils.js +8 -2
- package/cjs/components/input-masked/style/dnb-input-masked.css +0 -2
- package/cjs/components/input-masked/style/dnb-input-masked.min.css +1 -1
- package/cjs/components/modal/Modal.js +1 -1
- package/cjs/components/modal/ModalContent.js +44 -28
- package/cjs/components/modal/style/_modal-mixins.scss +4 -4
- package/cjs/components/modal/style/_modal.scss +13 -30
- package/cjs/components/modal/style/dnb-modal.css +27 -47
- package/cjs/components/modal/style/dnb-modal.min.css +1 -1
- package/cjs/components/pagination/style/dnb-pagination.css +0 -2
- package/cjs/components/pagination/style/dnb-pagination.min.css +1 -1
- package/cjs/components/section/style/themes/dnb-section-theme-ui.css +77 -19
- package/cjs/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
- package/cjs/components/section/style/themes/dnb-section-theme-ui.scss +15 -2
- package/cjs/components/slider/style/dnb-slider.css +0 -2
- package/cjs/components/slider/style/dnb-slider.min.css +1 -1
- package/cjs/components/step-indicator/StepIndicator.d.ts +1 -1
- package/cjs/components/step-indicator/StepIndicator.js +4 -98
- package/cjs/components/step-indicator/StepIndicatorContext.d.ts +1 -0
- package/cjs/components/step-indicator/StepIndicatorContext.js +221 -19
- package/cjs/components/step-indicator/StepIndicatorItem.js +3 -6
- package/cjs/components/step-indicator/StepIndicatorModal.js +40 -49
- package/cjs/components/step-indicator/StepIndicatorProps.js +1 -1
- package/cjs/components/step-indicator/StepIndicatorSidebar.d.ts +39 -0
- package/cjs/components/step-indicator/StepIndicatorSidebar.js +57 -54
- package/cjs/components/step-indicator/StepIndicatorTriggerButton.js +1 -1
- package/cjs/components/step-indicator/style/_step-indicator.scss +17 -4
- package/cjs/components/step-indicator/style/dnb-step-indicator.css +14 -6
- package/cjs/components/step-indicator/style/dnb-step-indicator.min.css +1 -1
- package/cjs/components/textarea/style/_textarea.scss +4 -0
- package/cjs/components/textarea/style/dnb-textarea.css +3 -0
- package/cjs/components/textarea/style/dnb-textarea.min.css +1 -1
- package/cjs/components/toggle-button/ToggleButton.js +6 -2
- package/cjs/components/toggle-button/style/dnb-toggle-button.css +0 -2
- package/cjs/components/toggle-button/style/dnb-toggle-button.min.css +1 -1
- package/cjs/icons/above_the_line.js +1 -1
- package/cjs/icons/facebook.js +35 -0
- package/cjs/icons/facebook_medium.js +35 -0
- package/cjs/icons/fridge.js +1 -1
- package/cjs/icons/icons-meta.json +24 -0
- package/cjs/icons/icons-pdf.lock +1 -1
- package/cjs/icons/icons-svg.lock +1 -1
- package/cjs/icons/index.d.ts +16 -0
- package/cjs/icons/index.js +64 -0
- package/cjs/icons/information_circled.js +11 -4
- package/cjs/icons/information_circled_medium.js +10 -4
- package/cjs/icons/instagram.js +47 -0
- package/cjs/icons/instagram_medium.js +54 -0
- package/cjs/icons/linkedin.js +32 -0
- package/cjs/icons/linkedin_medium.js +32 -0
- package/cjs/icons/motorcycle_medium.js +2 -2
- package/cjs/icons/paragraph.js +1 -1
- package/cjs/icons/scooter_medium.js +2 -2
- package/cjs/icons/secondary_icons.js +32 -0
- package/cjs/icons/secondary_icons_medium.js +32 -0
- package/cjs/icons/tag.js +41 -0
- package/cjs/icons/tag_medium.js +41 -0
- package/cjs/shared/EventEmitter.js +6 -8
- package/cjs/shared/component-helper.js +108 -76
- package/cjs/shared/helpers.js +36 -11
- package/cjs/style/dnb-ui-components.css +67 -76
- package/cjs/style/dnb-ui-components.min.css +5 -5
- package/cjs/style/themes/theme-open-banking/dnb-theme-open-banking.css +98 -95
- package/cjs/style/themes/theme-open-banking/dnb-theme-open-banking.min.css +3 -3
- package/cjs/style/themes/theme-ui/dnb-theme-ui.css +94 -82
- package/cjs/style/themes/theme-ui/dnb-theme-ui.min.css +3 -3
- package/components/accordion/Accordion.d.ts +1 -1
- package/components/autocomplete/style/dnb-autocomplete.css +0 -2
- package/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
- package/components/breadcrumb/Breadcrumb.js +5 -3
- package/components/breadcrumb/Breadcrumb.tsx +9 -0
- package/components/breadcrumb/style/_breadcrumb.scss +7 -4
- package/components/breadcrumb/style/dnb-breadcrumb.css +10 -8
- package/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
- package/components/button/Button.js +1 -1
- package/components/button/style/_button.scss +0 -4
- package/components/button/style/dnb-button.css +0 -2
- package/components/button/style/dnb-button.min.css +1 -1
- package/components/button/style/themes/dnb-button-theme-open-banking.css +4 -13
- package/components/button/style/themes/dnb-button-theme-open-banking.min.css +1 -1
- package/components/button/style/themes/dnb-button-theme-ui.css +4 -13
- package/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
- package/components/button/style/themes/dnb-button-theme-ui.scss +5 -18
- package/components/date-picker/style/dnb-date-picker.css +0 -6
- package/components/date-picker/style/dnb-date-picker.min.css +1 -1
- package/components/dropdown/style/dnb-dropdown.css +0 -2
- package/components/dropdown/style/dnb-dropdown.min.css +1 -1
- package/components/form-set/FormSet.d.ts +1 -1
- package/components/global-error/style/dnb-global-error.css +0 -2
- package/components/global-error/style/dnb-global-error.min.css +1 -1
- package/components/global-status/GlobalStatus.js +18 -71
- package/components/global-status/style/_global-status.scss +14 -12
- package/components/global-status/style/dnb-global-status.css +13 -17
- package/components/global-status/style/dnb-global-status.min.css +1 -1
- package/components/global-status/style/themes/dnb-global-status-theme-ui.css +2 -48
- package/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
- package/components/global-status/style/themes/dnb-global-status-theme-ui.scss +2 -36
- package/components/help-button/HelpButton.d.ts +200 -0
- package/components/input/style/dnb-input.css +0 -2
- package/components/input/style/dnb-input.min.css +1 -1
- package/components/input/style/themes/dnb-input-theme-ui.css +11 -2
- package/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
- package/components/input/style/themes/dnb-input-theme-ui.scss +4 -1
- package/components/input-masked/InputMaskedElement.js +1 -4
- package/components/input-masked/InputMaskedHooks.js +23 -2
- package/components/input-masked/InputMaskedUtils.js +9 -3
- package/components/input-masked/style/dnb-input-masked.css +0 -2
- package/components/input-masked/style/dnb-input-masked.min.css +1 -1
- package/components/modal/Modal.js +1 -1
- package/components/modal/ModalContent.js +43 -27
- package/components/modal/style/_modal-mixins.scss +4 -4
- package/components/modal/style/_modal.scss +13 -30
- package/components/modal/style/dnb-modal.css +27 -47
- package/components/modal/style/dnb-modal.min.css +1 -1
- package/components/pagination/style/dnb-pagination.css +0 -2
- package/components/pagination/style/dnb-pagination.min.css +1 -1
- package/components/section/style/themes/dnb-section-theme-ui.css +77 -19
- package/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
- package/components/section/style/themes/dnb-section-theme-ui.scss +15 -2
- package/components/slider/style/dnb-slider.css +0 -2
- package/components/slider/style/dnb-slider.min.css +1 -1
- package/components/step-indicator/StepIndicator.d.ts +1 -1
- package/components/step-indicator/StepIndicator.js +4 -91
- package/components/step-indicator/StepIndicatorContext.d.ts +1 -0
- package/components/step-indicator/StepIndicatorContext.js +196 -18
- package/components/step-indicator/StepIndicatorItem.js +2 -5
- package/components/step-indicator/StepIndicatorModal.js +33 -32
- package/components/step-indicator/StepIndicatorProps.js +1 -1
- package/components/step-indicator/StepIndicatorSidebar.d.ts +39 -0
- package/components/step-indicator/StepIndicatorSidebar.js +54 -52
- package/components/step-indicator/StepIndicatorTriggerButton.js +1 -1
- package/components/step-indicator/style/_step-indicator.scss +17 -4
- package/components/step-indicator/style/dnb-step-indicator.css +14 -6
- package/components/step-indicator/style/dnb-step-indicator.min.css +1 -1
- package/components/textarea/style/_textarea.scss +4 -0
- package/components/textarea/style/dnb-textarea.css +3 -0
- package/components/textarea/style/dnb-textarea.min.css +1 -1
- package/components/toggle-button/ToggleButton.js +6 -2
- package/components/toggle-button/style/dnb-toggle-button.css +0 -2
- package/components/toggle-button/style/dnb-toggle-button.min.css +1 -1
- package/es/components/accordion/Accordion.d.ts +1 -1
- package/es/components/autocomplete/style/dnb-autocomplete.css +0 -2
- package/es/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
- package/es/components/breadcrumb/Breadcrumb.js +5 -3
- package/es/components/breadcrumb/Breadcrumb.tsx +9 -0
- package/es/components/breadcrumb/style/_breadcrumb.scss +7 -4
- package/es/components/breadcrumb/style/dnb-breadcrumb.css +10 -8
- package/es/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
- package/es/components/button/Button.js +2 -1
- package/es/components/button/style/_button.scss +0 -4
- package/es/components/button/style/dnb-button.css +0 -2
- package/es/components/button/style/dnb-button.min.css +1 -1
- package/es/components/button/style/themes/dnb-button-theme-open-banking.css +4 -13
- package/es/components/button/style/themes/dnb-button-theme-open-banking.min.css +1 -1
- package/es/components/button/style/themes/dnb-button-theme-ui.css +4 -13
- package/es/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
- package/es/components/button/style/themes/dnb-button-theme-ui.scss +5 -18
- package/es/components/date-picker/style/dnb-date-picker.css +0 -6
- package/es/components/date-picker/style/dnb-date-picker.min.css +1 -1
- package/es/components/dropdown/style/dnb-dropdown.css +0 -2
- package/es/components/dropdown/style/dnb-dropdown.min.css +1 -1
- package/es/components/form-set/FormSet.d.ts +1 -1
- package/es/components/global-error/style/dnb-global-error.css +0 -2
- package/es/components/global-error/style/dnb-global-error.min.css +1 -1
- package/es/components/global-status/GlobalStatus.js +18 -67
- package/es/components/global-status/style/_global-status.scss +14 -12
- package/es/components/global-status/style/dnb-global-status.css +13 -17
- package/es/components/global-status/style/dnb-global-status.min.css +1 -1
- package/es/components/global-status/style/themes/dnb-global-status-theme-ui.css +2 -48
- package/es/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
- package/es/components/global-status/style/themes/dnb-global-status-theme-ui.scss +2 -36
- package/es/components/help-button/HelpButton.d.ts +200 -0
- package/es/components/input/style/dnb-input.css +0 -2
- package/es/components/input/style/dnb-input.min.css +1 -1
- package/es/components/input/style/themes/dnb-input-theme-ui.css +11 -2
- package/es/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
- package/es/components/input/style/themes/dnb-input-theme-ui.scss +4 -1
- package/es/components/input-masked/InputMaskedElement.js +1 -4
- package/es/components/input-masked/InputMaskedHooks.js +22 -3
- package/es/components/input-masked/InputMaskedUtils.js +9 -3
- package/es/components/input-masked/style/dnb-input-masked.css +0 -2
- package/es/components/input-masked/style/dnb-input-masked.min.css +1 -1
- package/es/components/modal/Modal.js +1 -1
- package/es/components/modal/ModalContent.js +32 -19
- package/es/components/modal/style/_modal-mixins.scss +4 -4
- package/es/components/modal/style/_modal.scss +13 -30
- package/es/components/modal/style/dnb-modal.css +27 -47
- package/es/components/modal/style/dnb-modal.min.css +1 -1
- package/es/components/pagination/style/dnb-pagination.css +0 -2
- package/es/components/pagination/style/dnb-pagination.min.css +1 -1
- package/es/components/section/style/themes/dnb-section-theme-ui.css +77 -19
- package/es/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
- package/es/components/section/style/themes/dnb-section-theme-ui.scss +15 -2
- package/es/components/slider/style/dnb-slider.css +0 -2
- package/es/components/slider/style/dnb-slider.min.css +1 -1
- package/es/components/step-indicator/StepIndicator.d.ts +1 -1
- package/es/components/step-indicator/StepIndicator.js +3 -79
- package/es/components/step-indicator/StepIndicatorContext.d.ts +1 -0
- package/es/components/step-indicator/StepIndicatorContext.js +165 -17
- package/es/components/step-indicator/StepIndicatorItem.js +1 -5
- package/es/components/step-indicator/StepIndicatorModal.js +31 -34
- package/es/components/step-indicator/StepIndicatorProps.js +1 -1
- package/es/components/step-indicator/StepIndicatorSidebar.d.ts +39 -0
- package/es/components/step-indicator/StepIndicatorSidebar.js +44 -46
- package/es/components/step-indicator/StepIndicatorTriggerButton.js +1 -1
- package/es/components/step-indicator/style/_step-indicator.scss +17 -4
- package/es/components/step-indicator/style/dnb-step-indicator.css +14 -6
- package/es/components/step-indicator/style/dnb-step-indicator.min.css +1 -1
- package/es/components/textarea/style/_textarea.scss +4 -0
- package/es/components/textarea/style/dnb-textarea.css +3 -0
- package/es/components/textarea/style/dnb-textarea.min.css +1 -1
- package/es/components/toggle-button/ToggleButton.js +6 -2
- package/es/components/toggle-button/style/dnb-toggle-button.css +0 -2
- package/es/components/toggle-button/style/dnb-toggle-button.min.css +1 -1
- package/es/icons/above_the_line.js +1 -1
- package/es/icons/facebook.js +23 -0
- package/es/icons/facebook_medium.js +23 -0
- package/es/icons/fridge.js +1 -1
- package/es/icons/icons-meta.json +24 -0
- package/es/icons/icons-pdf.lock +1 -1
- package/es/icons/icons-svg.lock +1 -1
- package/es/icons/index.d.ts +16 -0
- package/es/icons/index.js +9 -1
- package/es/icons/information_circled.js +11 -4
- package/es/icons/information_circled_medium.js +10 -4
- package/es/icons/instagram.js +35 -0
- package/es/icons/instagram_medium.js +42 -0
- package/es/icons/linkedin.js +20 -0
- package/es/icons/linkedin_medium.js +20 -0
- package/es/icons/motorcycle_medium.js +2 -2
- package/es/icons/paragraph.js +1 -1
- package/es/icons/scooter_medium.js +2 -2
- package/es/icons/secondary_icons.js +5 -1
- package/es/icons/secondary_icons_medium.js +5 -1
- package/es/icons/tag.js +29 -0
- package/es/icons/tag_medium.js +29 -0
- package/es/shared/EventEmitter.js +5 -8
- package/es/shared/component-helper.js +58 -50
- package/es/shared/helpers.js +11 -2
- package/es/style/dnb-ui-components.css +67 -76
- package/es/style/dnb-ui-components.min.css +5 -5
- package/es/style/themes/theme-open-banking/dnb-theme-open-banking.css +98 -95
- package/es/style/themes/theme-open-banking/dnb-theme-open-banking.min.css +3 -3
- package/es/style/themes/theme-ui/dnb-theme-ui.css +94 -82
- package/es/style/themes/theme-ui/dnb-theme-ui.min.css +3 -3
- package/esm/components/accordion/Accordion.d.ts +1 -1
- package/esm/components/autocomplete/style/dnb-autocomplete.css +0 -2
- package/esm/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
- package/esm/components/breadcrumb/Breadcrumb.js +5 -3
- package/esm/components/breadcrumb/Breadcrumb.tsx +9 -0
- package/esm/components/breadcrumb/style/_breadcrumb.scss +7 -4
- package/esm/components/breadcrumb/style/dnb-breadcrumb.css +10 -8
- package/esm/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
- package/esm/components/button/Button.js +1 -1
- package/esm/components/button/style/_button.scss +0 -4
- package/esm/components/button/style/dnb-button.css +0 -2
- package/esm/components/button/style/dnb-button.min.css +1 -1
- package/esm/components/button/style/themes/dnb-button-theme-open-banking.css +4 -13
- package/esm/components/button/style/themes/dnb-button-theme-open-banking.min.css +1 -1
- package/esm/components/button/style/themes/dnb-button-theme-ui.css +4 -13
- package/esm/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
- package/esm/components/button/style/themes/dnb-button-theme-ui.scss +5 -18
- package/esm/components/date-picker/style/dnb-date-picker.css +0 -6
- package/esm/components/date-picker/style/dnb-date-picker.min.css +1 -1
- package/esm/components/dropdown/style/dnb-dropdown.css +0 -2
- package/esm/components/dropdown/style/dnb-dropdown.min.css +1 -1
- package/esm/components/form-set/FormSet.d.ts +1 -1
- package/esm/components/global-error/style/dnb-global-error.css +0 -2
- package/esm/components/global-error/style/dnb-global-error.min.css +1 -1
- package/esm/components/global-status/GlobalStatus.js +18 -71
- package/esm/components/global-status/style/_global-status.scss +14 -12
- package/esm/components/global-status/style/dnb-global-status.css +13 -17
- package/esm/components/global-status/style/dnb-global-status.min.css +1 -1
- package/esm/components/global-status/style/themes/dnb-global-status-theme-ui.css +2 -48
- package/esm/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
- package/esm/components/global-status/style/themes/dnb-global-status-theme-ui.scss +2 -36
- package/esm/components/help-button/HelpButton.d.ts +200 -0
- package/esm/components/input/style/dnb-input.css +0 -2
- package/esm/components/input/style/dnb-input.min.css +1 -1
- package/esm/components/input/style/themes/dnb-input-theme-ui.css +11 -2
- package/esm/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
- package/esm/components/input/style/themes/dnb-input-theme-ui.scss +4 -1
- package/esm/components/input-masked/InputMaskedElement.js +1 -4
- package/esm/components/input-masked/InputMaskedHooks.js +23 -2
- package/esm/components/input-masked/InputMaskedUtils.js +9 -3
- package/esm/components/input-masked/style/dnb-input-masked.css +0 -2
- package/esm/components/input-masked/style/dnb-input-masked.min.css +1 -1
- package/esm/components/modal/Modal.js +1 -1
- package/esm/components/modal/ModalContent.js +43 -27
- package/esm/components/modal/style/_modal-mixins.scss +4 -4
- package/esm/components/modal/style/_modal.scss +13 -30
- package/esm/components/modal/style/dnb-modal.css +27 -47
- package/esm/components/modal/style/dnb-modal.min.css +1 -1
- package/esm/components/pagination/style/dnb-pagination.css +0 -2
- package/esm/components/pagination/style/dnb-pagination.min.css +1 -1
- package/esm/components/section/style/themes/dnb-section-theme-ui.css +77 -19
- package/esm/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
- package/esm/components/section/style/themes/dnb-section-theme-ui.scss +15 -2
- package/esm/components/slider/style/dnb-slider.css +0 -2
- package/esm/components/slider/style/dnb-slider.min.css +1 -1
- package/esm/components/step-indicator/StepIndicator.d.ts +1 -1
- package/esm/components/step-indicator/StepIndicator.js +4 -91
- package/esm/components/step-indicator/StepIndicatorContext.d.ts +1 -0
- package/esm/components/step-indicator/StepIndicatorContext.js +196 -18
- package/esm/components/step-indicator/StepIndicatorItem.js +2 -5
- package/esm/components/step-indicator/StepIndicatorModal.js +33 -32
- package/esm/components/step-indicator/StepIndicatorProps.js +1 -1
- package/esm/components/step-indicator/StepIndicatorSidebar.d.ts +39 -0
- package/esm/components/step-indicator/StepIndicatorSidebar.js +54 -52
- package/esm/components/step-indicator/StepIndicatorTriggerButton.js +1 -1
- package/esm/components/step-indicator/style/_step-indicator.scss +17 -4
- package/esm/components/step-indicator/style/dnb-step-indicator.css +14 -6
- package/esm/components/step-indicator/style/dnb-step-indicator.min.css +1 -1
- package/esm/components/textarea/style/_textarea.scss +4 -0
- package/esm/components/textarea/style/dnb-textarea.css +3 -0
- package/esm/components/textarea/style/dnb-textarea.min.css +1 -1
- package/esm/components/toggle-button/ToggleButton.js +6 -2
- package/esm/components/toggle-button/style/dnb-toggle-button.css +0 -2
- package/esm/components/toggle-button/style/dnb-toggle-button.min.css +1 -1
- package/esm/dnb-ui-basis.min.mjs +2 -2
- package/esm/dnb-ui-components.min.mjs +3 -3
- package/esm/dnb-ui-elements.min.mjs +4 -4
- package/esm/dnb-ui-extensions.min.mjs +4 -4
- package/esm/dnb-ui-lib.min.mjs +4 -4
- package/esm/dnb-ui-web-components.min.mjs +4 -4
- package/esm/icons/above_the_line.js +1 -1
- package/esm/icons/facebook.js +23 -0
- package/esm/icons/facebook_medium.js +23 -0
- package/esm/icons/fridge.js +1 -1
- package/esm/icons/icons-meta.json +24 -0
- package/esm/icons/icons-pdf.lock +1 -1
- package/esm/icons/icons-svg.lock +1 -1
- package/esm/icons/index.d.ts +16 -0
- package/esm/icons/index.js +9 -1
- package/esm/icons/information_circled.js +11 -4
- package/esm/icons/information_circled_medium.js +10 -4
- package/esm/icons/instagram.js +35 -0
- package/esm/icons/instagram_medium.js +42 -0
- package/esm/icons/linkedin.js +20 -0
- package/esm/icons/linkedin_medium.js +20 -0
- package/esm/icons/motorcycle_medium.js +2 -2
- package/esm/icons/paragraph.js +1 -1
- package/esm/icons/scooter_medium.js +2 -2
- package/esm/icons/secondary_icons.js +5 -1
- package/esm/icons/secondary_icons_medium.js +5 -1
- package/esm/icons/tag.js +29 -0
- package/esm/icons/tag_medium.js +29 -0
- package/esm/shared/EventEmitter.js +6 -8
- package/esm/shared/component-helper.js +94 -59
- package/esm/shared/helpers.js +19 -2
- package/esm/style/dnb-ui-components.css +67 -76
- package/esm/style/dnb-ui-components.min.css +5 -5
- package/esm/style/themes/theme-open-banking/dnb-theme-open-banking.css +98 -95
- package/esm/style/themes/theme-open-banking/dnb-theme-open-banking.min.css +3 -3
- package/esm/style/themes/theme-ui/dnb-theme-ui.css +94 -82
- package/esm/style/themes/theme-ui/dnb-theme-ui.min.css +3 -3
- package/icons/above_the_line.js +1 -1
- package/icons/facebook.js +23 -0
- package/icons/facebook_medium.js +23 -0
- package/icons/fridge.js +1 -1
- package/icons/icons-meta.json +24 -0
- package/icons/icons-pdf.lock +1 -1
- package/icons/icons-svg.lock +1 -1
- package/icons/index.d.ts +16 -0
- package/icons/index.js +9 -1
- package/icons/information_circled.js +11 -4
- package/icons/information_circled_medium.js +10 -4
- package/icons/instagram.js +35 -0
- package/icons/instagram_medium.js +42 -0
- package/icons/linkedin.js +20 -0
- package/icons/linkedin_medium.js +20 -0
- package/icons/motorcycle_medium.js +2 -2
- package/icons/paragraph.js +1 -1
- package/icons/scooter_medium.js +2 -2
- package/icons/secondary_icons.js +5 -1
- package/icons/secondary_icons_medium.js +5 -1
- package/icons/tag.js +29 -0
- package/icons/tag_medium.js +29 -0
- package/package.json +1 -1
- package/shared/EventEmitter.js +6 -8
- package/shared/component-helper.js +94 -59
- package/shared/helpers.js +19 -2
- package/style/dnb-ui-components.css +67 -76
- package/style/dnb-ui-components.min.css +5 -5
- package/style/themes/theme-open-banking/dnb-theme-open-banking.css +98 -95
- package/style/themes/theme-open-banking/dnb-theme-open-banking.min.css +3 -3
- package/style/themes/theme-ui/dnb-theme-ui.css +94 -82
- package/style/themes/theme-ui/dnb-theme-ui.min.css +3 -3
- package/umd/dnb-ui-basis.min.js +3 -3
- package/umd/dnb-ui-components.min.js +4 -4
- package/umd/dnb-ui-elements.min.js +5 -5
- package/umd/dnb-ui-extensions.min.js +5 -5
- package/umd/dnb-ui-lib.min.js +5 -5
- package/umd/dnb-ui-web-components.min.js +5 -5
package/cjs/icons/tag.js
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.assign.js");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
12
|
+
var _path, _path2;
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
16
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
+
|
|
18
|
+
function tag(props) {
|
|
19
|
+
return _react.default.createElement("svg", _extends({
|
|
20
|
+
width: 16,
|
|
21
|
+
height: 16,
|
|
22
|
+
viewBox: "0 0 16 16",
|
|
23
|
+
fill: "none",
|
|
24
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
25
|
+
}, props), _path || (_path = _react.default.createElement("path", {
|
|
26
|
+
d: "M1 1.96683V6.00042C1.00011 6.51321 1.20392 7.00496 1.56659 7.36751L9.0631 14.8636C9.33158 15.1323 9.80653 14.9798 9.87915 14.6168L10.6688 10.6683L14.6175 9.87868C14.99 9.80418 15.1263 9.32437 14.8644 9.06268L7.36785 1.56656C7.00528 1.2039 6.51351 1.00011 6.00068 1H1.96688C1.44025 1 1 1.44023 1 1.96683Z",
|
|
27
|
+
stroke: "black",
|
|
28
|
+
strokeWidth: 1.5,
|
|
29
|
+
strokeLinecap: "round",
|
|
30
|
+
strokeLinejoin: "round"
|
|
31
|
+
})), _path2 || (_path2 = _react.default.createElement("path", {
|
|
32
|
+
d: "M4.38407 5.35071C4.91806 5.35071 5.35094 4.91785 5.35094 4.38389C5.35094 3.84992 4.91806 3.41706 4.38407 3.41706C3.85008 3.41706 3.41719 3.84992 3.41719 4.38389C3.41719 4.91785 3.85008 5.35071 4.38407 5.35071Z",
|
|
33
|
+
stroke: "black",
|
|
34
|
+
strokeWidth: 1.5,
|
|
35
|
+
strokeLinecap: "round",
|
|
36
|
+
strokeLinejoin: "round"
|
|
37
|
+
})));
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
var _default = tag;
|
|
41
|
+
exports.default = _default;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.assign.js");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
12
|
+
var _path, _path2;
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
16
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
+
|
|
18
|
+
function tag_medium(props) {
|
|
19
|
+
return _react.default.createElement("svg", _extends({
|
|
20
|
+
width: 24,
|
|
21
|
+
height: 24,
|
|
22
|
+
viewBox: "0 0 24 24",
|
|
23
|
+
fill: "none",
|
|
24
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
25
|
+
}, props), _path || (_path = _react.default.createElement("path", {
|
|
26
|
+
d: "M1.135 2.63379V8.89179C1.13517 9.68737 1.45135 10.4503 2.014 11.0128L13.644 22.6428C14.0605 23.0597 14.7973 22.8231 14.91 22.2598L16.135 16.1338L22.261 14.9088C22.8389 14.7932 23.0504 14.0488 22.644 13.6428L11.014 2.01279C10.4515 1.45014 9.68859 1.13396 8.893 1.13379H2.635C1.818 1.13379 1.135 1.81679 1.135 2.63379Z",
|
|
27
|
+
stroke: "black",
|
|
28
|
+
strokeWidth: 1.5,
|
|
29
|
+
strokeLinecap: "round",
|
|
30
|
+
strokeLinejoin: "round"
|
|
31
|
+
})), _path2 || (_path2 = _react.default.createElement("path", {
|
|
32
|
+
d: "M6.385 7.88379C7.21343 7.88379 7.885 7.21222 7.885 6.38379C7.885 5.55536 7.21343 4.88379 6.385 4.88379C5.55658 4.88379 4.885 5.55536 4.885 6.38379C4.885 7.21222 5.55658 7.88379 6.385 7.88379Z",
|
|
33
|
+
stroke: "black",
|
|
34
|
+
strokeWidth: 1.5,
|
|
35
|
+
strokeLinecap: "round",
|
|
36
|
+
strokeLinejoin: "round"
|
|
37
|
+
})));
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
var _default = tag_medium;
|
|
41
|
+
exports.default = _default;
|
|
@@ -109,18 +109,16 @@ var EventEmitter = function () {
|
|
|
109
109
|
delete scope[this.id];
|
|
110
110
|
}
|
|
111
111
|
}
|
|
112
|
+
}], [{
|
|
113
|
+
key: "createInstance",
|
|
114
|
+
value: function createInstance(id) {
|
|
115
|
+
return new EventEmitter(id);
|
|
116
|
+
}
|
|
112
117
|
}]);
|
|
113
118
|
|
|
114
119
|
return EventEmitter;
|
|
115
120
|
}();
|
|
116
121
|
|
|
117
122
|
var scope = typeof window !== 'undefined' ? window : EventEmitter;
|
|
118
|
-
|
|
119
|
-
function createInstance(id) {
|
|
120
|
-
return new EventEmitter(id);
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
var _default = {
|
|
124
|
-
createInstance: createInstance
|
|
125
|
-
};
|
|
123
|
+
var _default = EventEmitter;
|
|
126
124
|
exports.default = _default;
|
|
@@ -21,7 +21,7 @@ require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
|
21
21
|
Object.defineProperty(exports, "__esModule", {
|
|
22
22
|
value: true
|
|
23
23
|
});
|
|
24
|
-
exports.checkIfHasScrollbar = exports.
|
|
24
|
+
exports.checkIfHasScrollbar = exports.InteractionInvalidation = exports.DetectOutsideClickClass = void 0;
|
|
25
25
|
exports.combineDescribedBy = combineDescribedBy;
|
|
26
26
|
exports.combineLabelledBy = combineLabelledBy;
|
|
27
27
|
exports.convertJsxToString = void 0;
|
|
@@ -43,7 +43,13 @@ Object.defineProperty(exports, "registerElement", {
|
|
|
43
43
|
return _customElement.registerElement;
|
|
44
44
|
}
|
|
45
45
|
});
|
|
46
|
-
exports.
|
|
46
|
+
exports.validateDOMAttributes = exports.toSnakeCase = exports.toPascalCase = exports.toKebabCase = exports.toCamelCase = exports.slugify = exports.roundToNearest = void 0;
|
|
47
|
+
Object.defineProperty(exports, "warn", {
|
|
48
|
+
enumerable: true,
|
|
49
|
+
get: function get() {
|
|
50
|
+
return _helpers.warn;
|
|
51
|
+
}
|
|
52
|
+
});
|
|
47
53
|
|
|
48
54
|
require("core-js/modules/es.regexp.exec.js");
|
|
49
55
|
|
|
@@ -89,9 +95,11 @@ require("core-js/modules/es.array.from.js");
|
|
|
89
95
|
|
|
90
96
|
require("core-js/modules/es.string.iterator.js");
|
|
91
97
|
|
|
98
|
+
require("core-js/modules/es.string.trim.js");
|
|
99
|
+
|
|
92
100
|
require("core-js/modules/es.array.concat.js");
|
|
93
101
|
|
|
94
|
-
require("core-js/modules/es.string.
|
|
102
|
+
require("core-js/modules/es.string.ends-with.js");
|
|
95
103
|
|
|
96
104
|
var _react = _interopRequireDefault(require("react"));
|
|
97
105
|
|
|
@@ -101,8 +109,20 @@ var _whatInput = _interopRequireDefault(require("what-input"));
|
|
|
101
109
|
|
|
102
110
|
var _customElement = require("./custom-element");
|
|
103
111
|
|
|
112
|
+
var _helpers = require("./helpers");
|
|
113
|
+
|
|
104
114
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
105
115
|
|
|
116
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
117
|
+
|
|
118
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
119
|
+
|
|
120
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
121
|
+
|
|
122
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
123
|
+
|
|
124
|
+
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
|
125
|
+
|
|
106
126
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
107
127
|
|
|
108
128
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
@@ -131,17 +151,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
131
151
|
|
|
132
152
|
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
133
153
|
|
|
134
|
-
var PLATFORM_MAC = 'Mac|iPad|iPhone|iPod';
|
|
135
|
-
exports.PLATFORM_MAC = PLATFORM_MAC;
|
|
136
|
-
var PLATFORM_WIN = 'Win';
|
|
137
|
-
exports.PLATFORM_WIN = PLATFORM_WIN;
|
|
138
|
-
var PLATFORM_ANDROID = 'Android';
|
|
139
|
-
exports.PLATFORM_ANDROID = PLATFORM_ANDROID;
|
|
140
|
-
var PLATFORM_LINUX = 'Linux';
|
|
141
|
-
exports.PLATFORM_LINUX = PLATFORM_LINUX;
|
|
142
|
-
var PLATFORM_IOS = 'iOS|iPhone|iPad|iPod';
|
|
143
|
-
exports.PLATFORM_IOS = PLATFORM_IOS;
|
|
144
|
-
|
|
145
154
|
if (typeof process !== 'undefined' && process.env.NODE_ENV === 'test' && typeof window !== 'undefined') {
|
|
146
155
|
window.IS_TEST = true;
|
|
147
156
|
}
|
|
@@ -172,18 +181,18 @@ function defineNavigator() {
|
|
|
172
181
|
|
|
173
182
|
try {
|
|
174
183
|
if (!(typeof window !== 'undefined' && window.IS_TEST)) {
|
|
175
|
-
if (navigator.platform.match(new RegExp(PLATFORM_MAC)) !== null) {
|
|
184
|
+
if (navigator.platform.match(new RegExp(_helpers.PLATFORM_MAC)) !== null) {
|
|
176
185
|
document.documentElement.setAttribute('data-os', 'mac');
|
|
177
|
-
} else if (navigator.platform.match(new RegExp(PLATFORM_WIN)) !== null) {
|
|
186
|
+
} else if (navigator.platform.match(new RegExp(_helpers.PLATFORM_WIN)) !== null) {
|
|
178
187
|
document.documentElement.setAttribute('data-os', 'win');
|
|
179
|
-
} else if (navigator.platform.match(new RegExp(PLATFORM_LINUX)) !== null) {
|
|
188
|
+
} else if (navigator.platform.match(new RegExp(_helpers.PLATFORM_LINUX)) !== null) {
|
|
180
189
|
document.documentElement.setAttribute('data-os', 'linux');
|
|
181
190
|
}
|
|
182
191
|
} else {
|
|
183
192
|
document.documentElement.setAttribute('data-os', 'other');
|
|
184
193
|
}
|
|
185
194
|
} catch (e) {
|
|
186
|
-
warn(e);
|
|
195
|
+
(0, _helpers.warn)(e);
|
|
187
196
|
}
|
|
188
197
|
|
|
189
198
|
document.removeEventListener('DOMContentLoaded', handleNavigator);
|
|
@@ -450,7 +459,7 @@ var dispatchCustomElementEvent = function dispatchCustomElementEvent(src, eventN
|
|
|
450
459
|
}
|
|
451
460
|
}
|
|
452
461
|
} catch (e) {
|
|
453
|
-
warn('Error on handling dataset:', e);
|
|
462
|
+
(0, _helpers.warn)('Error on handling dataset:', e);
|
|
454
463
|
}
|
|
455
464
|
}
|
|
456
465
|
}
|
|
@@ -592,7 +601,7 @@ var DetectOutsideClickClass = function () {
|
|
|
592
601
|
onSuccess();
|
|
593
602
|
}
|
|
594
603
|
} catch (e) {
|
|
595
|
-
warn(e);
|
|
604
|
+
(0, _helpers.warn)(e);
|
|
596
605
|
}
|
|
597
606
|
});
|
|
598
607
|
|
|
@@ -761,7 +770,7 @@ var getPreviousSibling = function getPreviousSibling(className, element) {
|
|
|
761
770
|
;
|
|
762
771
|
}
|
|
763
772
|
} catch (e) {
|
|
764
|
-
warn(e);
|
|
773
|
+
(0, _helpers.warn)(e);
|
|
765
774
|
}
|
|
766
775
|
|
|
767
776
|
return element;
|
|
@@ -819,20 +828,6 @@ var isInsideScrollView = function isInsideScrollView(currentElement) {
|
|
|
819
828
|
|
|
820
829
|
exports.isInsideScrollView = isInsideScrollView;
|
|
821
830
|
|
|
822
|
-
var warn = function warn() {
|
|
823
|
-
if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && typeof console !== 'undefined' && typeof console.log === 'function') {
|
|
824
|
-
var _console;
|
|
825
|
-
|
|
826
|
-
for (var _len3 = arguments.length, e = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
|
|
827
|
-
e[_key3] = arguments[_key3];
|
|
828
|
-
}
|
|
829
|
-
|
|
830
|
-
(_console = console).log.apply(_console, ['Eufemia:'].concat(e));
|
|
831
|
-
}
|
|
832
|
-
};
|
|
833
|
-
|
|
834
|
-
exports.warn = warn;
|
|
835
|
-
|
|
836
831
|
var convertJsxToString = function convertJsxToString(elements) {
|
|
837
832
|
var separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
|
|
838
833
|
|
|
@@ -904,7 +899,7 @@ var InteractionInvalidation = function () {
|
|
|
904
899
|
value: function activate() {
|
|
905
900
|
var targetElement = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
906
901
|
|
|
907
|
-
if (!this.
|
|
902
|
+
if (!this._nodesToInvalidate) {
|
|
908
903
|
this._runInvalidaiton(targetElement);
|
|
909
904
|
}
|
|
910
905
|
}
|
|
@@ -913,7 +908,7 @@ var InteractionInvalidation = function () {
|
|
|
913
908
|
value: function revert() {
|
|
914
909
|
this._revertInvalidation();
|
|
915
910
|
|
|
916
|
-
this.
|
|
911
|
+
this._nodesToInvalidate = null;
|
|
917
912
|
}
|
|
918
913
|
}, {
|
|
919
914
|
key: "_runInvalidaiton",
|
|
@@ -922,51 +917,77 @@ var InteractionInvalidation = function () {
|
|
|
922
917
|
return;
|
|
923
918
|
}
|
|
924
919
|
|
|
925
|
-
this.
|
|
920
|
+
this._nodesToInvalidate = this.getNodesToInvalidate(targetElement);
|
|
926
921
|
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
try {
|
|
930
|
-
if (node && typeof node._orig_tabindex === 'undefined' && node.hasAttribute('tabindex')) {
|
|
931
|
-
node._orig_tabindex = node.getAttribute('tabindex');
|
|
932
|
-
}
|
|
922
|
+
var _iterator = _createForOfIteratorHelper(this._nodesToInvalidate),
|
|
923
|
+
_step;
|
|
933
924
|
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
925
|
+
try {
|
|
926
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
927
|
+
var node = _step.value;
|
|
937
928
|
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
}
|
|
941
|
-
|
|
929
|
+
if (!node) {
|
|
930
|
+
continue;
|
|
931
|
+
}
|
|
932
|
+
|
|
933
|
+
var tabindex = node.getAttribute('tabindex');
|
|
934
|
+
var ariahidden = node.getAttribute('aria-hidden');
|
|
935
|
+
var dataset = node.dataset;
|
|
936
|
+
|
|
937
|
+
if (tabindex !== null && typeof dataset._tabindex === 'undefined') {
|
|
938
|
+
node.dataset._tabindex = tabindex;
|
|
939
|
+
}
|
|
940
|
+
|
|
941
|
+
if (ariahidden !== null && typeof dataset._ariahidden === 'undefined') {
|
|
942
|
+
node.dataset._ariahidden = ariahidden;
|
|
943
|
+
}
|
|
944
|
+
|
|
945
|
+
node.setAttribute('tabindex', '-1');
|
|
946
|
+
node.setAttribute('aria-hidden', 'true');
|
|
947
|
+
}
|
|
948
|
+
} catch (err) {
|
|
949
|
+
_iterator.e(err);
|
|
950
|
+
} finally {
|
|
951
|
+
_iterator.f();
|
|
942
952
|
}
|
|
943
953
|
}
|
|
944
954
|
}, {
|
|
945
955
|
key: "_revertInvalidation",
|
|
946
956
|
value: function _revertInvalidation() {
|
|
947
|
-
if (!this.
|
|
957
|
+
if (!Array.isArray(this._nodesToInvalidate)) {
|
|
948
958
|
return;
|
|
949
959
|
}
|
|
950
960
|
|
|
951
|
-
this.
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
961
|
+
var _iterator2 = _createForOfIteratorHelper(this._nodesToInvalidate),
|
|
962
|
+
_step2;
|
|
963
|
+
|
|
964
|
+
try {
|
|
965
|
+
for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
|
|
966
|
+
var node = _step2.value;
|
|
967
|
+
|
|
968
|
+
if (!node) {
|
|
969
|
+
continue;
|
|
970
|
+
}
|
|
971
|
+
|
|
972
|
+
if (typeof node.dataset._tabindex !== 'undefined') {
|
|
973
|
+
node.setAttribute('tabindex', node.dataset._tabindex);
|
|
974
|
+
node.dataset._tabindex = null;
|
|
957
975
|
} else {
|
|
958
976
|
node.removeAttribute('tabindex');
|
|
959
977
|
}
|
|
960
978
|
|
|
961
|
-
if (
|
|
962
|
-
node.setAttribute('aria-hidden', node.
|
|
963
|
-
node.
|
|
964
|
-
delete node._orig_ariahidden;
|
|
979
|
+
if (typeof node.dataset._ariahidden !== 'undefined') {
|
|
980
|
+
node.setAttribute('aria-hidden', node.dataset._ariahidden);
|
|
981
|
+
node.dataset._ariahidden = null;
|
|
965
982
|
} else {
|
|
966
983
|
node.removeAttribute('aria-hidden');
|
|
967
984
|
}
|
|
968
|
-
}
|
|
969
|
-
})
|
|
985
|
+
}
|
|
986
|
+
} catch (err) {
|
|
987
|
+
_iterator2.e(err);
|
|
988
|
+
} finally {
|
|
989
|
+
_iterator2.f();
|
|
990
|
+
}
|
|
970
991
|
}
|
|
971
992
|
}, {
|
|
972
993
|
key: "getNodesToInvalidate",
|
|
@@ -974,24 +995,35 @@ var InteractionInvalidation = function () {
|
|
|
974
995
|
var targetElement = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
975
996
|
|
|
976
997
|
if (typeof document === 'undefined') {
|
|
977
|
-
return;
|
|
998
|
+
return [];
|
|
978
999
|
}
|
|
979
1000
|
|
|
980
1001
|
if (typeof targetElement === 'string') {
|
|
981
1002
|
targetElement = document.querySelector(targetElement);
|
|
982
1003
|
}
|
|
983
1004
|
|
|
984
|
-
var skipTheseNodes = this.bypassSelectors && this.bypassSelectors.length > 0 ? Array.from((this.bypassElement || document).querySelectorAll(this.bypassSelectors ? this.bypassSelectors.map(function (s) {
|
|
985
|
-
return "".concat(s, " *");
|
|
986
|
-
}).join(', ') : '*')) : [];
|
|
987
1005
|
var rootSelector = targetElement ? '*' : 'html *';
|
|
988
1006
|
var elementSelector = this.bypassSelectors.map(function (s) {
|
|
989
1007
|
return ":not(".concat(s, ")");
|
|
990
1008
|
}).join('');
|
|
991
|
-
var selector = "".concat(rootSelector, " ").concat(elementSelector, ":not(script):not(style):not(path)");
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
1009
|
+
var selector = "".concat(rootSelector, " ").concat(elementSelector, ":not(script):not(style):not(path):not(head *)");
|
|
1010
|
+
|
|
1011
|
+
if (_helpers.IS_IE11 || process.env.NODE_ENV === 'test') {
|
|
1012
|
+
var excludeSelectors = [];
|
|
1013
|
+
var testSelector = selector.split(':').map(function (localSel) {
|
|
1014
|
+
if (localSel.endsWith(' *)')) {
|
|
1015
|
+
excludeSelectors.push.apply(excludeSelectors, _toConsumableArray(Array.from((targetElement || document.documentElement).querySelectorAll(localSel.match(/\(([^)]*)\)/)[1]))));
|
|
1016
|
+
localSel = localSel.replace(' *', '');
|
|
1017
|
+
}
|
|
1018
|
+
|
|
1019
|
+
return localSel;
|
|
1020
|
+
}).join(':');
|
|
1021
|
+
return Array.from((targetElement || document.documentElement).querySelectorAll(testSelector)).filter(function (node) {
|
|
1022
|
+
return !excludeSelectors.includes(node);
|
|
1023
|
+
});
|
|
1024
|
+
}
|
|
1025
|
+
|
|
1026
|
+
return Array.from((targetElement || document.documentElement).querySelectorAll(selector));
|
|
995
1027
|
}
|
|
996
1028
|
}]);
|
|
997
1029
|
|
|
@@ -1023,16 +1055,16 @@ function getInnerRef(ref) {
|
|
|
1023
1055
|
}
|
|
1024
1056
|
|
|
1025
1057
|
function combineLabelledBy() {
|
|
1026
|
-
for (var
|
|
1027
|
-
params[
|
|
1058
|
+
for (var _len3 = arguments.length, params = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
|
|
1059
|
+
params[_key3] = arguments[_key3];
|
|
1028
1060
|
}
|
|
1029
1061
|
|
|
1030
1062
|
return combineAriaBy('aria-labelledby', params);
|
|
1031
1063
|
}
|
|
1032
1064
|
|
|
1033
1065
|
function combineDescribedBy() {
|
|
1034
|
-
for (var
|
|
1035
|
-
params[
|
|
1066
|
+
for (var _len4 = arguments.length, params = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
|
|
1067
|
+
params[_key4] = arguments[_key4];
|
|
1036
1068
|
}
|
|
1037
1069
|
|
|
1038
1070
|
return combineAriaBy('aria-describedby', params);
|
package/cjs/shared/helpers.js
CHANGED
|
@@ -23,7 +23,7 @@ require("core-js/modules/es.promise.js");
|
|
|
23
23
|
Object.defineProperty(exports, "__esModule", {
|
|
24
24
|
value: true
|
|
25
25
|
});
|
|
26
|
-
exports.IS_WIN = exports.IS_SAFARI = exports.IS_MAC = exports.IS_LINUX = exports.IS_IOS = exports.IS_IE11 = exports.IS_EDGE = exports.IS_ANDROID = void 0;
|
|
26
|
+
exports.PLATFORM_WIN = exports.PLATFORM_MAC = exports.PLATFORM_LINUX = exports.PLATFORM_IOS = exports.PLATFORM_ANDROID = exports.IS_WIN = exports.IS_SAFARI = exports.IS_MAC = exports.IS_LINUX = exports.IS_IOS = exports.IS_IE11 = exports.IS_EDGE = exports.IS_ANDROID = void 0;
|
|
27
27
|
exports.applyPageFocus = applyPageFocus;
|
|
28
28
|
exports.copyToClipboard = copyToClipboard;
|
|
29
29
|
exports.debounce = debounce;
|
|
@@ -36,6 +36,7 @@ exports.insertElementBeforeSelection = insertElementBeforeSelection;
|
|
|
36
36
|
exports.isiOS = exports.isWin = exports.isSafari = exports.isMac = exports.isLinux = exports.isIE11 = exports.isEdge = exports.isAndroid = void 0;
|
|
37
37
|
exports.scrollToLocationHashId = scrollToLocationHashId;
|
|
38
38
|
exports.setPageFocusElement = setPageFocusElement;
|
|
39
|
+
exports.warn = void 0;
|
|
39
40
|
|
|
40
41
|
require("regenerator-runtime/runtime.js");
|
|
41
42
|
|
|
@@ -51,7 +52,7 @@ require("core-js/modules/es.string.replace.js");
|
|
|
51
52
|
|
|
52
53
|
require("core-js/modules/es.object.to-string.js");
|
|
53
54
|
|
|
54
|
-
|
|
55
|
+
require("core-js/modules/es.array.concat.js");
|
|
55
56
|
|
|
56
57
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
57
58
|
|
|
@@ -71,6 +72,16 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
71
72
|
|
|
72
73
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
73
74
|
|
|
75
|
+
var PLATFORM_MAC = 'Mac|iPad|iPhone|iPod';
|
|
76
|
+
exports.PLATFORM_MAC = PLATFORM_MAC;
|
|
77
|
+
var PLATFORM_WIN = 'Win';
|
|
78
|
+
exports.PLATFORM_WIN = PLATFORM_WIN;
|
|
79
|
+
var PLATFORM_ANDROID = 'Android';
|
|
80
|
+
exports.PLATFORM_ANDROID = PLATFORM_ANDROID;
|
|
81
|
+
var PLATFORM_LINUX = 'Linux';
|
|
82
|
+
exports.PLATFORM_LINUX = PLATFORM_LINUX;
|
|
83
|
+
var PLATFORM_IOS = 'iOS|iPhone|iPad|iPod';
|
|
84
|
+
exports.PLATFORM_IOS = PLATFORM_IOS;
|
|
74
85
|
var IS_IE11 = false;
|
|
75
86
|
exports.IS_IE11 = IS_IE11;
|
|
76
87
|
var IS_EDGE = false;
|
|
@@ -91,7 +102,7 @@ exports.IS_LINUX = IS_LINUX;
|
|
|
91
102
|
var isMac = function isMac() {
|
|
92
103
|
var _navigator;
|
|
93
104
|
|
|
94
|
-
return exports.IS_MAC = IS_MAC = typeof navigator !== 'undefined' && new RegExp(
|
|
105
|
+
return exports.IS_MAC = IS_MAC = typeof navigator !== 'undefined' && new RegExp(PLATFORM_MAC, 'i').test((_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.platform);
|
|
95
106
|
};
|
|
96
107
|
|
|
97
108
|
exports.isMac = isMac;
|
|
@@ -99,7 +110,7 @@ exports.isMac = isMac;
|
|
|
99
110
|
var isWin = function isWin() {
|
|
100
111
|
var _navigator2;
|
|
101
112
|
|
|
102
|
-
return exports.IS_WIN = IS_WIN = typeof navigator !== 'undefined' && new RegExp(
|
|
113
|
+
return exports.IS_WIN = IS_WIN = typeof navigator !== 'undefined' && new RegExp(PLATFORM_WIN, 'i').test((_navigator2 = navigator) === null || _navigator2 === void 0 ? void 0 : _navigator2.platform);
|
|
103
114
|
};
|
|
104
115
|
|
|
105
116
|
exports.isWin = isWin;
|
|
@@ -107,7 +118,7 @@ exports.isWin = isWin;
|
|
|
107
118
|
var isAndroid = function isAndroid() {
|
|
108
119
|
var _navigator3;
|
|
109
120
|
|
|
110
|
-
return exports.IS_ANDROID = IS_ANDROID = typeof navigator !== 'undefined' && new RegExp(
|
|
121
|
+
return exports.IS_ANDROID = IS_ANDROID = typeof navigator !== 'undefined' && new RegExp(PLATFORM_ANDROID, 'i').test((_navigator3 = navigator) === null || _navigator3 === void 0 ? void 0 : _navigator3.userAgent);
|
|
111
122
|
};
|
|
112
123
|
|
|
113
124
|
exports.isAndroid = isAndroid;
|
|
@@ -115,7 +126,7 @@ exports.isAndroid = isAndroid;
|
|
|
115
126
|
var isLinux = function isLinux() {
|
|
116
127
|
var _navigator4;
|
|
117
128
|
|
|
118
|
-
return exports.IS_LINUX = IS_LINUX = typeof navigator !== 'undefined' && new RegExp(
|
|
129
|
+
return exports.IS_LINUX = IS_LINUX = typeof navigator !== 'undefined' && new RegExp(PLATFORM_LINUX, 'i').test((_navigator4 = navigator) === null || _navigator4 === void 0 ? void 0 : _navigator4.platform);
|
|
119
130
|
};
|
|
120
131
|
|
|
121
132
|
exports.isLinux = isLinux;
|
|
@@ -123,7 +134,7 @@ exports.isLinux = isLinux;
|
|
|
123
134
|
var isiOS = function isiOS() {
|
|
124
135
|
var _navigator5;
|
|
125
136
|
|
|
126
|
-
return exports.IS_IOS = IS_IOS = typeof navigator !== 'undefined' && new RegExp(
|
|
137
|
+
return exports.IS_IOS = IS_IOS = typeof navigator !== 'undefined' && new RegExp(PLATFORM_IOS, 'i').test((_navigator5 = navigator) === null || _navigator5 === void 0 ? void 0 : _navigator5.platform);
|
|
127
138
|
};
|
|
128
139
|
|
|
129
140
|
exports.isiOS = isiOS;
|
|
@@ -197,7 +208,7 @@ function applyPageFocus() {
|
|
|
197
208
|
}
|
|
198
209
|
}
|
|
199
210
|
} catch (e) {
|
|
200
|
-
|
|
211
|
+
warn('Error on applyPageFocus:', e);
|
|
201
212
|
}
|
|
202
213
|
}
|
|
203
214
|
|
|
@@ -275,7 +286,7 @@ function scrollToLocationHashId() {
|
|
|
275
286
|
window.scrollTop = top;
|
|
276
287
|
}
|
|
277
288
|
} catch (e) {
|
|
278
|
-
|
|
289
|
+
warn('Error on scrollToLocationHashId:', e);
|
|
279
290
|
}
|
|
280
291
|
};
|
|
281
292
|
|
|
@@ -304,7 +315,7 @@ function scrollToLocationHashId() {
|
|
|
304
315
|
return elem;
|
|
305
316
|
}
|
|
306
317
|
} catch (e) {
|
|
307
|
-
|
|
318
|
+
warn('Error on scrollToLocationHashId:', e);
|
|
308
319
|
}
|
|
309
320
|
}
|
|
310
321
|
}
|
|
@@ -484,4 +495,18 @@ function _copyToClipboard() {
|
|
|
484
495
|
}, _callee, null, [[7, 14]]);
|
|
485
496
|
}));
|
|
486
497
|
return _copyToClipboard.apply(this, arguments);
|
|
487
|
-
}
|
|
498
|
+
}
|
|
499
|
+
|
|
500
|
+
var warn = function warn() {
|
|
501
|
+
if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && typeof console !== 'undefined' && typeof console.log === 'function') {
|
|
502
|
+
var _console;
|
|
503
|
+
|
|
504
|
+
for (var _len = arguments.length, e = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
505
|
+
e[_key] = arguments[_key];
|
|
506
|
+
}
|
|
507
|
+
|
|
508
|
+
(_console = console).log.apply(_console, ['Eufemia:'].concat(e));
|
|
509
|
+
}
|
|
510
|
+
};
|
|
511
|
+
|
|
512
|
+
exports.warn = warn;
|