@otto-de/b2b-core-components 1.31.0 → 1.31.2
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/dist/b2b-core-components/b2b-core-components.css +1 -1
- package/dist/b2b-core-components/b2b-core-components.esm.js +1 -1
- package/dist/b2b-core-components/p-02302a0b.entry.js +1 -0
- package/dist/b2b-core-components/p-05a0919a.entry.js +1 -0
- package/dist/b2b-core-components/p-070eacfd.entry.js +1 -0
- package/dist/b2b-core-components/p-10e6ff5b.entry.js +1 -0
- package/dist/b2b-core-components/p-129a9e87.entry.js +1 -0
- package/dist/b2b-core-components/p-12a7daa8.entry.js +1 -0
- package/dist/b2b-core-components/p-1d79ee79.entry.js +1 -0
- package/dist/b2b-core-components/p-30a3c5c1.entry.js +1 -0
- package/dist/b2b-core-components/p-33a03d1b.entry.js +1 -0
- package/dist/b2b-core-components/p-33f7d665.entry.js +1 -0
- package/dist/b2b-core-components/p-3c51202e.entry.js +1 -0
- package/dist/b2b-core-components/p-3f156847.entry.js +1 -0
- package/dist/b2b-core-components/p-439ca549.entry.js +1 -0
- package/dist/b2b-core-components/p-446244ae.entry.js +1 -0
- package/dist/b2b-core-components/p-49902be5.entry.js +1 -0
- package/dist/b2b-core-components/p-4f524a54.entry.js +1 -0
- package/dist/b2b-core-components/p-55dd41ef.entry.js +1 -0
- package/dist/b2b-core-components/p-5d022ae8.entry.js +1 -0
- package/dist/b2b-core-components/p-65b4850c.entry.js +1 -0
- package/dist/b2b-core-components/p-6666e6c5.entry.js +1 -0
- package/dist/b2b-core-components/p-6a2f712f.entry.js +1 -0
- package/dist/b2b-core-components/p-6d93f1dc.entry.js +1 -0
- package/dist/b2b-core-components/p-6e4e5174.entry.js +1 -0
- package/dist/b2b-core-components/p-709527c7.entry.js +1 -0
- package/dist/b2b-core-components/p-833316b2.entry.js +1 -0
- package/dist/b2b-core-components/p-8de67a47.entry.js +1 -0
- package/dist/b2b-core-components/p-910932bc.entry.js +1 -0
- package/dist/b2b-core-components/{p-f9e278da.entry.js → p-965c71da.entry.js} +1 -1
- package/dist/b2b-core-components/p-a3ef983c.entry.js +1 -0
- package/dist/b2b-core-components/{p-bba0b41b.entry.js → p-a8f1ce0e.entry.js} +1 -1
- package/dist/b2b-core-components/p-ac6905a8.entry.js +1 -0
- package/dist/b2b-core-components/p-b710935d.entry.js +1 -0
- package/dist/b2b-core-components/p-b8f4bc22.entry.js +1 -0
- package/dist/b2b-core-components/p-bf1bdb34.entry.js +1 -0
- package/dist/b2b-core-components/p-bfe72028.entry.js +1 -0
- package/dist/b2b-core-components/p-c1c97f66.entry.js +1 -0
- package/dist/b2b-core-components/p-cc24f97d.entry.js +1 -0
- package/dist/b2b-core-components/p-d11bcf7b.entry.js +1 -0
- package/dist/b2b-core-components/p-d134ef5b.entry.js +1 -0
- package/dist/b2b-core-components/p-d17cc947.entry.js +1 -0
- package/dist/b2b-core-components/p-d799f0e1.entry.js +1 -0
- package/dist/b2b-core-components/{p-0ffc90ee.entry.js → p-da73f0f5.entry.js} +1 -1
- package/dist/b2b-core-components/p-df92807c.entry.js +1 -0
- package/dist/b2b-core-components/p-e07abb5e.entry.js +1 -0
- package/dist/b2b-core-components/p-e1981baa.entry.js +1 -0
- package/dist/b2b-core-components/p-e7c01812.entry.js +1 -0
- package/dist/b2b-core-components/p-ec0a31d6.entry.js +1 -0
- package/dist/b2b-core-components/p-ee482098.entry.js +1 -0
- package/dist/b2b-core-components/p-f549bb66.entry.js +1 -0
- package/dist/b2b-core-components/p-ffdf2266.entry.js +1 -0
- package/dist/cjs/b2b-alert.cjs.entry.js +1 -1
- package/dist/cjs/b2b-anchor.cjs.entry.js +1 -1
- package/dist/cjs/b2b-background-box.cjs.entry.js +1 -1
- package/dist/cjs/b2b-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/b2b-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/b2b-button_2.cjs.entry.js +2 -2
- package/dist/cjs/b2b-card.cjs.entry.js +1 -1
- package/dist/cjs/b2b-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/b2b-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/b2b-chip-component_2.cjs.entry.js +1 -1
- package/dist/cjs/b2b-date-picker-days_5.cjs.entry.js +5 -5
- package/dist/cjs/b2b-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/b2b-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/b2b-flyout-menu-option.cjs.entry.js +1 -1
- package/dist/cjs/b2b-flyout-menu.cjs.entry.js +1 -1
- package/dist/cjs/b2b-headline.cjs.entry.js +1 -1
- package/dist/cjs/b2b-icon-100.cjs.entry.js +1 -1
- package/dist/cjs/b2b-icon-50.cjs.entry.js +1 -1
- package/dist/cjs/b2b-icon.cjs.entry.js +1 -1
- package/dist/cjs/b2b-input-group_2.cjs.entry.js +2 -2
- package/dist/cjs/b2b-input_2.cjs.entry.js +2 -2
- package/dist/cjs/b2b-label.cjs.entry.js +1 -1
- package/dist/cjs/b2b-modal.cjs.entry.js +1 -1
- package/dist/cjs/b2b-multiselect-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/b2b-pagination.cjs.entry.js +1 -1
- package/dist/cjs/b2b-paragraph.cjs.entry.js +1 -1
- package/dist/cjs/b2b-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/b2b-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/b2b-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/b2b-required-separator.cjs.entry.js +1 -1
- package/dist/cjs/b2b-rounded-icon.cjs.entry.js +1 -1
- package/dist/cjs/b2b-scrollable-container.cjs.entry.js +1 -1
- package/dist/cjs/b2b-separator.cjs.entry.js +1 -1
- package/dist/cjs/b2b-shimmer.cjs.entry.js +1 -1
- package/dist/cjs/b2b-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/b2b-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/b2b-tab.cjs.entry.js +1 -1
- package/dist/cjs/b2b-table-cell_2.cjs.entry.js +2 -2
- package/dist/cjs/b2b-table-row.cjs.entry.js +1 -1
- package/dist/cjs/b2b-table-rowgroup.cjs.entry.js +1 -1
- package/dist/cjs/b2b-table.cjs.entry.js +1 -1
- package/dist/cjs/b2b-textarea.cjs.entry.js +4 -4
- package/dist/cjs/b2b-toggle-button.cjs.entry.js +1 -1
- package/dist/cjs/b2b-toggle-chip.cjs.entry.js +1 -1
- package/dist/cjs/b2b-toggle-group.cjs.entry.js +1 -1
- package/dist/cjs/b2b-toggle-switch.cjs.entry.js +1 -1
- package/dist/cjs/b2b-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/b2b-wizard-icon.cjs.entry.js +1 -1
- package/dist/cjs/b2b-wizard-step.cjs.entry.js +1 -1
- package/dist/cjs/b2b-wizard.cjs.entry.js +1 -1
- package/dist/collection/components/alert/alert.css +13 -3
- package/dist/collection/components/anchor/anchor.css +13 -3
- package/dist/collection/components/background-box/background-box.css +13 -3
- package/dist/collection/components/breadcrumb/breadcrumb.css +13 -3
- package/dist/collection/components/button/button.css +13 -3
- package/dist/collection/components/card/card.css +13 -3
- package/dist/collection/components/checkbox/checkbox.css +13 -3
- package/dist/collection/components/checkbox/checkbox.e2e.js +4 -2
- package/dist/collection/components/checkbox-group/checkbox-group.css +13 -3
- package/dist/collection/components/checkbox-group/checkbox-group.e2e.js +12 -7
- package/dist/collection/components/chip/chip.css +14 -9
- package/dist/collection/components/chip/chip.stories.js +0 -8
- package/dist/collection/components/date-picker/date-picker-days-header.css +13 -3
- package/dist/collection/components/date-picker/date-picker-days.css +13 -3
- package/dist/collection/components/date-picker/date-picker-header.css +13 -3
- package/dist/collection/components/date-picker/date-picker-months.css +13 -3
- package/dist/collection/components/date-picker/date-picker-years.css +13 -3
- package/dist/collection/components/date-picker/date-picker.css +18 -3
- package/dist/collection/components/dropdown/dropdown.css +13 -3
- package/dist/collection/components/dropdown/dropdown.e2e.js +6 -3
- package/dist/collection/components/flyout-menu/flyout-menu-option.css +13 -3
- package/dist/collection/components/flyout-menu/flyout-menu.css +13 -3
- package/dist/collection/components/flyout-menu/flyout-menu.e2e.js +1 -1
- package/dist/collection/components/headline/headline.css +13 -3
- package/dist/collection/components/icon/icon.css +13 -3
- package/dist/collection/components/icon-100/icon-100.css +13 -3
- package/dist/collection/components/icon-50/icon-50.css +13 -3
- package/dist/collection/components/input/input.css +13 -3
- package/dist/collection/components/input/input.e2e.js +5 -2
- package/dist/collection/components/input-group/input-group.css +13 -3
- package/dist/collection/components/input-group/input-group.e2e.js +3 -2
- package/dist/collection/components/input-list/input-list.css +13 -3
- package/dist/collection/components/input-list/input-list.e2e.js +4 -3
- package/dist/collection/components/label/label.css +13 -3
- package/dist/collection/components/modal/modal.css +13 -3
- package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.css +13 -3
- package/dist/collection/components/pagination/pagination.css +13 -3
- package/dist/collection/components/pagination/pagination.e2e.js +4 -2
- package/dist/collection/components/paragraph/paragraph.css +13 -3
- package/dist/collection/components/progress-bar/progress-bar.css +13 -3
- package/dist/collection/components/radio/radio.css +13 -3
- package/dist/collection/components/radio-group/radio-group.css +13 -3
- package/dist/collection/components/radio-group/radio-group.e2e.js +6 -3
- package/dist/collection/components/required-separator/required-separator.css +13 -3
- package/dist/collection/components/rounded-icon/rounded-icon.css +14 -4
- package/dist/collection/components/scrollable-container/scrollable-container.css +13 -3
- package/dist/collection/components/search/search.e2e.js +2 -1
- package/dist/collection/components/separator/separator.css +13 -3
- package/dist/collection/components/shimmer/shimmer.css +13 -3
- package/dist/collection/components/snackbar/snackbar.css +14 -4
- package/dist/collection/components/spinner/spinner.css +13 -3
- package/dist/collection/components/tab/tab.css +13 -3
- package/dist/collection/components/tab-panel/tab-panel.css +13 -3
- package/dist/collection/components/table/table-cell/table-cell.css +13 -3
- package/dist/collection/components/table/table-header/table-header.css +13 -3
- package/dist/collection/components/table/table-row/table-row.css +13 -3
- package/dist/collection/components/table/table-rowgroup/table-rowgroup.css +13 -3
- package/dist/collection/components/table/table.css +13 -3
- package/dist/collection/components/table/table.e2e.js +7 -3
- package/dist/collection/components/textarea/textarea.css +13 -3
- package/dist/collection/components/textarea/textarea.js +5 -4
- package/dist/collection/components/toggle-button/toggle-button.css +13 -3
- package/dist/collection/components/toggle-chip/toggle-chip.css +13 -3
- package/dist/collection/components/toggle-group/toggle-group.css +13 -3
- package/dist/collection/components/toggle-switch/toggle-switch.css +13 -3
- package/dist/collection/components/tooltip/tooltip.css +13 -3
- package/dist/collection/components/tooltip/tooltip.e2e.js +1 -1
- package/dist/collection/components/wizard/wizard.css +13 -3
- package/dist/collection/components/wizard-icon/wizard-icon.css +13 -3
- package/dist/components/b2b-alert.js +1 -1
- package/dist/components/b2b-anchor.js +1 -1
- package/dist/components/b2b-background-box.js +1 -1
- package/dist/components/b2b-breadcrumb-item.js +1 -1
- package/dist/components/b2b-breadcrumb.js +1 -1
- package/dist/components/b2b-card.js +1 -1
- package/dist/components/b2b-checkbox-group.js +1 -1
- package/dist/components/b2b-date-picker.js +1 -1
- package/dist/components/b2b-dropdown.js +1 -1
- package/dist/components/b2b-flyout-menu-option.js +1 -1
- package/dist/components/b2b-flyout-menu.js +1 -1
- package/dist/components/b2b-icon-50.js +1 -1
- package/dist/components/b2b-icon.js +1 -1
- package/dist/components/b2b-label.js +1 -1
- package/dist/components/b2b-modal.js +1 -1
- package/dist/components/b2b-multiselect-dropdown.js +1 -1
- package/dist/components/b2b-pagination.js +1 -1
- package/dist/components/b2b-paragraph.js +1 -1
- package/dist/components/b2b-progress-bar.js +1 -1
- package/dist/components/b2b-radio-button.js +1 -1
- package/dist/components/b2b-radio-group.js +1 -1
- package/dist/components/b2b-required-separator.js +1 -1
- package/dist/components/b2b-scrollable-container.js +1 -1
- package/dist/components/b2b-shimmer.js +1 -1
- package/dist/components/b2b-snackbar.js +1 -1
- package/dist/components/b2b-tab-panel.js +1 -1
- package/dist/components/b2b-tab.js +1 -1
- package/dist/components/b2b-table-row.js +1 -1
- package/dist/components/b2b-table-rowgroup.js +1 -1
- package/dist/components/b2b-table.js +1 -1
- package/dist/components/b2b-textarea.js +4 -4
- package/dist/components/b2b-toggle-button.js +1 -1
- package/dist/components/b2b-toggle-chip.js +1 -1
- package/dist/components/b2b-toggle-group.js +1 -1
- package/dist/components/b2b-toggle-switch.js +1 -1
- package/dist/components/b2b-tooltip.js +1 -1
- package/dist/components/b2b-wizard-step.js +1 -1
- package/dist/components/b2b-wizard.js +1 -1
- package/dist/components/button.js +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/chip.js +1 -1
- package/dist/components/date-picker-days-header.js +1 -1
- package/dist/components/date-picker-days.js +1 -1
- package/dist/components/date-picker-header.js +1 -1
- package/dist/components/date-picker-months.js +1 -1
- package/dist/components/date-picker-years.js +1 -1
- package/dist/components/headline.js +1 -1
- package/dist/components/icon-100.js +1 -1
- package/dist/components/input-group.js +1 -1
- package/dist/components/input-list-option.js +1 -1
- package/dist/components/input-list.js +1 -1
- package/dist/components/input.js +1 -1
- package/dist/components/rounded-icon.js +1 -1
- package/dist/components/separator.js +1 -1
- package/dist/components/spinner.js +1 -1
- package/dist/components/table-cell.js +1 -1
- package/dist/components/table-header.js +1 -1
- package/dist/components/wizard-icon.js +1 -1
- package/dist/esm/b2b-alert.entry.js +1 -1
- package/dist/esm/b2b-anchor.entry.js +1 -1
- package/dist/esm/b2b-background-box.entry.js +1 -1
- package/dist/esm/b2b-breadcrumb-item.entry.js +1 -1
- package/dist/esm/b2b-breadcrumb.entry.js +1 -1
- package/dist/esm/b2b-button_2.entry.js +2 -2
- package/dist/esm/b2b-card.entry.js +1 -1
- package/dist/esm/b2b-checkbox-group.entry.js +1 -1
- package/dist/esm/b2b-checkbox.entry.js +1 -1
- package/dist/esm/b2b-chip-component_2.entry.js +1 -1
- package/dist/esm/b2b-date-picker-days_5.entry.js +5 -5
- package/dist/esm/b2b-date-picker.entry.js +1 -1
- package/dist/esm/b2b-dropdown.entry.js +1 -1
- package/dist/esm/b2b-flyout-menu-option.entry.js +1 -1
- package/dist/esm/b2b-flyout-menu.entry.js +1 -1
- package/dist/esm/b2b-headline.entry.js +1 -1
- package/dist/esm/b2b-icon-100.entry.js +1 -1
- package/dist/esm/b2b-icon-50.entry.js +1 -1
- package/dist/esm/b2b-icon.entry.js +1 -1
- package/dist/esm/b2b-input-group_2.entry.js +2 -2
- package/dist/esm/b2b-input_2.entry.js +2 -2
- package/dist/esm/b2b-label.entry.js +1 -1
- package/dist/esm/b2b-modal.entry.js +1 -1
- package/dist/esm/b2b-multiselect-dropdown.entry.js +1 -1
- package/dist/esm/b2b-pagination.entry.js +1 -1
- package/dist/esm/b2b-paragraph.entry.js +1 -1
- package/dist/esm/b2b-progress-bar.entry.js +1 -1
- package/dist/esm/b2b-radio-button.entry.js +1 -1
- package/dist/esm/b2b-radio-group.entry.js +1 -1
- package/dist/esm/b2b-required-separator.entry.js +1 -1
- package/dist/esm/b2b-rounded-icon.entry.js +1 -1
- package/dist/esm/b2b-scrollable-container.entry.js +1 -1
- package/dist/esm/b2b-separator.entry.js +1 -1
- package/dist/esm/b2b-shimmer.entry.js +1 -1
- package/dist/esm/b2b-snackbar.entry.js +1 -1
- package/dist/esm/b2b-tab-panel.entry.js +1 -1
- package/dist/esm/b2b-tab.entry.js +1 -1
- package/dist/esm/b2b-table-cell_2.entry.js +2 -2
- package/dist/esm/b2b-table-row.entry.js +1 -1
- package/dist/esm/b2b-table-rowgroup.entry.js +1 -1
- package/dist/esm/b2b-table.entry.js +1 -1
- package/dist/esm/b2b-textarea.entry.js +4 -4
- package/dist/esm/b2b-toggle-button.entry.js +1 -1
- package/dist/esm/b2b-toggle-chip.entry.js +1 -1
- package/dist/esm/b2b-toggle-group.entry.js +1 -1
- package/dist/esm/b2b-toggle-switch.entry.js +1 -1
- package/dist/esm/b2b-tooltip.entry.js +1 -1
- package/dist/esm/b2b-wizard-icon.entry.js +1 -1
- package/dist/esm/b2b-wizard-step.entry.js +1 -1
- package/dist/esm/b2b-wizard.entry.js +1 -1
- package/dist/types/components/chip/chip.stories.d.ts +0 -2
- package/dist/web-types.json +2 -1
- package/package.json +6 -4
- package/dist/b2b-core-components/p-00666ca7.entry.js +0 -1
- package/dist/b2b-core-components/p-0a63f5f8.entry.js +0 -1
- package/dist/b2b-core-components/p-0bf05f33.entry.js +0 -1
- package/dist/b2b-core-components/p-0edac105.entry.js +0 -1
- package/dist/b2b-core-components/p-168c8684.entry.js +0 -1
- package/dist/b2b-core-components/p-1a908833.entry.js +0 -1
- package/dist/b2b-core-components/p-1dff8b34.entry.js +0 -1
- package/dist/b2b-core-components/p-2d5df8f7.entry.js +0 -1
- package/dist/b2b-core-components/p-2dc0c5c0.entry.js +0 -1
- package/dist/b2b-core-components/p-318eb15e.entry.js +0 -1
- package/dist/b2b-core-components/p-33c01bb2.entry.js +0 -1
- package/dist/b2b-core-components/p-375cefbd.entry.js +0 -1
- package/dist/b2b-core-components/p-413729d1.entry.js +0 -1
- package/dist/b2b-core-components/p-49bafb74.entry.js +0 -1
- package/dist/b2b-core-components/p-4bc0ec9a.entry.js +0 -1
- package/dist/b2b-core-components/p-564c62d0.entry.js +0 -1
- package/dist/b2b-core-components/p-6025d667.entry.js +0 -1
- package/dist/b2b-core-components/p-661d0249.entry.js +0 -1
- package/dist/b2b-core-components/p-6dd7fd7b.entry.js +0 -1
- package/dist/b2b-core-components/p-6ff5114b.entry.js +0 -1
- package/dist/b2b-core-components/p-742a18f1.entry.js +0 -1
- package/dist/b2b-core-components/p-781611fb.entry.js +0 -1
- package/dist/b2b-core-components/p-7bb6f06e.entry.js +0 -1
- package/dist/b2b-core-components/p-7dd8f3cb.entry.js +0 -1
- package/dist/b2b-core-components/p-815d7a53.entry.js +0 -1
- package/dist/b2b-core-components/p-850c8e01.entry.js +0 -1
- package/dist/b2b-core-components/p-86ff8e6c.entry.js +0 -1
- package/dist/b2b-core-components/p-9819f622.entry.js +0 -1
- package/dist/b2b-core-components/p-9dde1af0.entry.js +0 -1
- package/dist/b2b-core-components/p-9f88b476.entry.js +0 -1
- package/dist/b2b-core-components/p-a96c8ba0.entry.js +0 -1
- package/dist/b2b-core-components/p-b33059ab.entry.js +0 -1
- package/dist/b2b-core-components/p-b5fdf7df.entry.js +0 -1
- package/dist/b2b-core-components/p-be93498d.entry.js +0 -1
- package/dist/b2b-core-components/p-bfbe4aff.entry.js +0 -1
- package/dist/b2b-core-components/p-c597637e.entry.js +0 -1
- package/dist/b2b-core-components/p-c67bcebc.entry.js +0 -1
- package/dist/b2b-core-components/p-cb4cc427.entry.js +0 -1
- package/dist/b2b-core-components/p-d26ec403.entry.js +0 -1
- package/dist/b2b-core-components/p-d3204d75.entry.js +0 -1
- package/dist/b2b-core-components/p-d6457a1d.entry.js +0 -1
- package/dist/b2b-core-components/p-e40069cd.entry.js +0 -1
- package/dist/b2b-core-components/p-e520c7cf.entry.js +0 -1
- package/dist/b2b-core-components/p-f2fdce36.entry.js +0 -1
- package/dist/b2b-core-components/p-f5e9dbf4.entry.js +0 -1
- package/dist/b2b-core-components/p-fa85955c.entry.js +0 -1
- package/dist/b2b-core-components/p-fae54521.entry.js +0 -1
|
@@ -19,6 +19,11 @@
|
|
|
19
19
|
--b2b-color-red-150: #E6344B;
|
|
20
20
|
--b2b-color-red-200: #BB0004;
|
|
21
21
|
--b2b-color-red-250: #850012;
|
|
22
|
+
--b2b-color-blue-10: #F2F7FF;
|
|
23
|
+
--b2b-color-blue-25: #DBE7FA;
|
|
24
|
+
--b2b-color-blue-50: #87B1F0;
|
|
25
|
+
--b2b-color-blue-100: #0F63E1;
|
|
26
|
+
--b2b-color-blue-200: #093E90;
|
|
22
27
|
--b2b-color-primary: #D4021D;
|
|
23
28
|
--b2b-color-error-100: #E6344B;
|
|
24
29
|
--b2b-color-warning-50: #FFD998;
|
|
@@ -27,12 +32,12 @@
|
|
|
27
32
|
--b2b-color-success-100: #326400;
|
|
28
33
|
--b2b-color-info-50: #CCD6E0;
|
|
29
34
|
--b2b-color-info-100: #003264;
|
|
30
|
-
--b2b-color-hover-default: #
|
|
35
|
+
--b2b-color-hover-default: #DBE7FA;
|
|
31
36
|
--b2b-color-hover-black: #3B3B3B;
|
|
32
37
|
--b2b-color-background-overlay-transparent-80: #22222280;
|
|
33
38
|
--b2b-color-background-overlay-transparent-40: #22222240;
|
|
34
39
|
--b2b-color-table-selected-default: #CCE9FF;
|
|
35
|
-
--b2b-color-table-expand-hover: #
|
|
40
|
+
--b2b-color-table-expand-hover: #DBE7FA;
|
|
36
41
|
--b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
|
|
37
42
|
--b2b-font-weight-thin: 100;
|
|
38
43
|
--b2b-font-weight-normal: 500;
|
|
@@ -142,6 +147,11 @@
|
|
|
142
147
|
--b2b-color-red-150: #E6344B;
|
|
143
148
|
--b2b-color-red-200: #BB0004;
|
|
144
149
|
--b2b-color-red-250: #850012;
|
|
150
|
+
--b2b-color-blue-10: #F2F7FF;
|
|
151
|
+
--b2b-color-blue-25: #DBE7FA;
|
|
152
|
+
--b2b-color-blue-50: #87B1F0;
|
|
153
|
+
--b2b-color-blue-100: #0F63E1;
|
|
154
|
+
--b2b-color-blue-200: #093E90;
|
|
145
155
|
--b2b-color-primary: #D4021D;
|
|
146
156
|
--b2b-color-error-100: #E6344B;
|
|
147
157
|
--b2b-color-warning-50: #FFD998;
|
|
@@ -150,7 +160,7 @@
|
|
|
150
160
|
--b2b-color-success-100: #326400;
|
|
151
161
|
--b2b-color-info-50: #CCD6E0;
|
|
152
162
|
--b2b-color-info-100: #003264;
|
|
153
|
-
--b2b-color-hover-default: #
|
|
163
|
+
--b2b-color-hover-default: #DBE7FA;
|
|
154
164
|
--b2b-color-hover-black: #3B3B3B;
|
|
155
165
|
--b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
|
|
156
166
|
--b2b-font-weight-thin: 100;
|
|
@@ -19,6 +19,11 @@
|
|
|
19
19
|
--b2b-color-red-150: #E6344B;
|
|
20
20
|
--b2b-color-red-200: #BB0004;
|
|
21
21
|
--b2b-color-red-250: #850012;
|
|
22
|
+
--b2b-color-blue-10: #F2F7FF;
|
|
23
|
+
--b2b-color-blue-25: #DBE7FA;
|
|
24
|
+
--b2b-color-blue-50: #87B1F0;
|
|
25
|
+
--b2b-color-blue-100: #0F63E1;
|
|
26
|
+
--b2b-color-blue-200: #093E90;
|
|
22
27
|
--b2b-color-primary: #D4021D;
|
|
23
28
|
--b2b-color-error-100: #E6344B;
|
|
24
29
|
--b2b-color-warning-50: #FFD998;
|
|
@@ -27,12 +32,12 @@
|
|
|
27
32
|
--b2b-color-success-100: #326400;
|
|
28
33
|
--b2b-color-info-50: #CCD6E0;
|
|
29
34
|
--b2b-color-info-100: #003264;
|
|
30
|
-
--b2b-color-hover-default: #
|
|
35
|
+
--b2b-color-hover-default: #DBE7FA;
|
|
31
36
|
--b2b-color-hover-black: #3B3B3B;
|
|
32
37
|
--b2b-color-background-overlay-transparent-80: #22222280;
|
|
33
38
|
--b2b-color-background-overlay-transparent-40: #22222240;
|
|
34
39
|
--b2b-color-table-selected-default: #CCE9FF;
|
|
35
|
-
--b2b-color-table-expand-hover: #
|
|
40
|
+
--b2b-color-table-expand-hover: #DBE7FA;
|
|
36
41
|
--b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
|
|
37
42
|
--b2b-font-weight-thin: 100;
|
|
38
43
|
--b2b-font-weight-normal: 500;
|
|
@@ -142,6 +147,11 @@
|
|
|
142
147
|
--b2b-color-red-150: #E6344B;
|
|
143
148
|
--b2b-color-red-200: #BB0004;
|
|
144
149
|
--b2b-color-red-250: #850012;
|
|
150
|
+
--b2b-color-blue-10: #F2F7FF;
|
|
151
|
+
--b2b-color-blue-25: #DBE7FA;
|
|
152
|
+
--b2b-color-blue-50: #87B1F0;
|
|
153
|
+
--b2b-color-blue-100: #0F63E1;
|
|
154
|
+
--b2b-color-blue-200: #093E90;
|
|
145
155
|
--b2b-color-primary: #D4021D;
|
|
146
156
|
--b2b-color-error-100: #E6344B;
|
|
147
157
|
--b2b-color-warning-50: #FFD998;
|
|
@@ -150,7 +160,7 @@
|
|
|
150
160
|
--b2b-color-success-100: #326400;
|
|
151
161
|
--b2b-color-info-50: #CCD6E0;
|
|
152
162
|
--b2b-color-info-100: #003264;
|
|
153
|
-
--b2b-color-hover-default: #
|
|
163
|
+
--b2b-color-hover-default: #DBE7FA;
|
|
154
164
|
--b2b-color-hover-black: #3B3B3B;
|
|
155
165
|
--b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
|
|
156
166
|
--b2b-font-weight-thin: 100;
|
|
@@ -19,6 +19,11 @@
|
|
|
19
19
|
--b2b-color-red-150: #E6344B;
|
|
20
20
|
--b2b-color-red-200: #BB0004;
|
|
21
21
|
--b2b-color-red-250: #850012;
|
|
22
|
+
--b2b-color-blue-10: #F2F7FF;
|
|
23
|
+
--b2b-color-blue-25: #DBE7FA;
|
|
24
|
+
--b2b-color-blue-50: #87B1F0;
|
|
25
|
+
--b2b-color-blue-100: #0F63E1;
|
|
26
|
+
--b2b-color-blue-200: #093E90;
|
|
22
27
|
--b2b-color-primary: #D4021D;
|
|
23
28
|
--b2b-color-error-100: #E6344B;
|
|
24
29
|
--b2b-color-warning-50: #FFD998;
|
|
@@ -27,12 +32,12 @@
|
|
|
27
32
|
--b2b-color-success-100: #326400;
|
|
28
33
|
--b2b-color-info-50: #CCD6E0;
|
|
29
34
|
--b2b-color-info-100: #003264;
|
|
30
|
-
--b2b-color-hover-default: #
|
|
35
|
+
--b2b-color-hover-default: #DBE7FA;
|
|
31
36
|
--b2b-color-hover-black: #3B3B3B;
|
|
32
37
|
--b2b-color-background-overlay-transparent-80: #22222280;
|
|
33
38
|
--b2b-color-background-overlay-transparent-40: #22222240;
|
|
34
39
|
--b2b-color-table-selected-default: #CCE9FF;
|
|
35
|
-
--b2b-color-table-expand-hover: #
|
|
40
|
+
--b2b-color-table-expand-hover: #DBE7FA;
|
|
36
41
|
--b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
|
|
37
42
|
--b2b-font-weight-thin: 100;
|
|
38
43
|
--b2b-font-weight-normal: 500;
|
|
@@ -142,6 +147,11 @@
|
|
|
142
147
|
--b2b-color-red-150: #E6344B;
|
|
143
148
|
--b2b-color-red-200: #BB0004;
|
|
144
149
|
--b2b-color-red-250: #850012;
|
|
150
|
+
--b2b-color-blue-10: #F2F7FF;
|
|
151
|
+
--b2b-color-blue-25: #DBE7FA;
|
|
152
|
+
--b2b-color-blue-50: #87B1F0;
|
|
153
|
+
--b2b-color-blue-100: #0F63E1;
|
|
154
|
+
--b2b-color-blue-200: #093E90;
|
|
145
155
|
--b2b-color-primary: #D4021D;
|
|
146
156
|
--b2b-color-error-100: #E6344B;
|
|
147
157
|
--b2b-color-warning-50: #FFD998;
|
|
@@ -150,7 +160,7 @@
|
|
|
150
160
|
--b2b-color-success-100: #326400;
|
|
151
161
|
--b2b-color-info-50: #CCD6E0;
|
|
152
162
|
--b2b-color-info-100: #003264;
|
|
153
|
-
--b2b-color-hover-default: #
|
|
163
|
+
--b2b-color-hover-default: #DBE7FA;
|
|
154
164
|
--b2b-color-hover-black: #3B3B3B;
|
|
155
165
|
--b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
|
|
156
166
|
--b2b-font-weight-thin: 100;
|
|
@@ -19,6 +19,11 @@
|
|
|
19
19
|
--b2b-color-red-150: #E6344B;
|
|
20
20
|
--b2b-color-red-200: #BB0004;
|
|
21
21
|
--b2b-color-red-250: #850012;
|
|
22
|
+
--b2b-color-blue-10: #F2F7FF;
|
|
23
|
+
--b2b-color-blue-25: #DBE7FA;
|
|
24
|
+
--b2b-color-blue-50: #87B1F0;
|
|
25
|
+
--b2b-color-blue-100: #0F63E1;
|
|
26
|
+
--b2b-color-blue-200: #093E90;
|
|
22
27
|
--b2b-color-primary: #D4021D;
|
|
23
28
|
--b2b-color-error-100: #E6344B;
|
|
24
29
|
--b2b-color-warning-50: #FFD998;
|
|
@@ -27,12 +32,12 @@
|
|
|
27
32
|
--b2b-color-success-100: #326400;
|
|
28
33
|
--b2b-color-info-50: #CCD6E0;
|
|
29
34
|
--b2b-color-info-100: #003264;
|
|
30
|
-
--b2b-color-hover-default: #
|
|
35
|
+
--b2b-color-hover-default: #DBE7FA;
|
|
31
36
|
--b2b-color-hover-black: #3B3B3B;
|
|
32
37
|
--b2b-color-background-overlay-transparent-80: #22222280;
|
|
33
38
|
--b2b-color-background-overlay-transparent-40: #22222240;
|
|
34
39
|
--b2b-color-table-selected-default: #CCE9FF;
|
|
35
|
-
--b2b-color-table-expand-hover: #
|
|
40
|
+
--b2b-color-table-expand-hover: #DBE7FA;
|
|
36
41
|
--b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
|
|
37
42
|
--b2b-font-weight-thin: 100;
|
|
38
43
|
--b2b-font-weight-normal: 500;
|
|
@@ -142,6 +147,11 @@
|
|
|
142
147
|
--b2b-color-red-150: #E6344B;
|
|
143
148
|
--b2b-color-red-200: #BB0004;
|
|
144
149
|
--b2b-color-red-250: #850012;
|
|
150
|
+
--b2b-color-blue-10: #F2F7FF;
|
|
151
|
+
--b2b-color-blue-25: #DBE7FA;
|
|
152
|
+
--b2b-color-blue-50: #87B1F0;
|
|
153
|
+
--b2b-color-blue-100: #0F63E1;
|
|
154
|
+
--b2b-color-blue-200: #093E90;
|
|
145
155
|
--b2b-color-primary: #D4021D;
|
|
146
156
|
--b2b-color-error-100: #E6344B;
|
|
147
157
|
--b2b-color-warning-50: #FFD998;
|
|
@@ -150,7 +160,7 @@
|
|
|
150
160
|
--b2b-color-success-100: #326400;
|
|
151
161
|
--b2b-color-info-50: #CCD6E0;
|
|
152
162
|
--b2b-color-info-100: #003264;
|
|
153
|
-
--b2b-color-hover-default: #
|
|
163
|
+
--b2b-color-hover-default: #DBE7FA;
|
|
154
164
|
--b2b-color-hover-black: #3B3B3B;
|
|
155
165
|
--b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
|
|
156
166
|
--b2b-font-weight-thin: 100;
|
|
@@ -8,9 +8,10 @@ describe('B2B-Input', () => {
|
|
|
8
8
|
`);
|
|
9
9
|
});
|
|
10
10
|
it('should register input text when enabled', async () => {
|
|
11
|
-
|
|
11
|
+
let inputElement = await page.find('b2b-input');
|
|
12
12
|
const nativeInput = await page.find('b2b-input >>> input');
|
|
13
13
|
await nativeInput.type('a value');
|
|
14
|
+
inputElement = await page.find('b2b-input');
|
|
14
15
|
let inputValue = inputElement.getAttribute('value');
|
|
15
16
|
expect(inputValue).toBe('a value');
|
|
16
17
|
});
|
|
@@ -24,13 +25,15 @@ describe('B2B-Input', () => {
|
|
|
24
25
|
expect(inputValue).toBe(null);
|
|
25
26
|
});
|
|
26
27
|
it('should clear input when cleared called', async () => {
|
|
27
|
-
|
|
28
|
+
let inputElement = await page.find('b2b-input');
|
|
28
29
|
const nativeInput = await page.find('b2b-input >>> input');
|
|
29
30
|
await nativeInput.type('a value');
|
|
31
|
+
inputElement = await page.find('b2b-input');
|
|
30
32
|
let inputValue = inputElement.getAttribute('value');
|
|
31
33
|
expect(inputValue).toBe('a value');
|
|
32
34
|
await inputElement.callMethod('clearInput');
|
|
33
35
|
await page.waitForChanges();
|
|
36
|
+
inputElement = await page.find('b2b-input');
|
|
34
37
|
inputValue = inputElement.getAttribute('value');
|
|
35
38
|
expect(inputValue).toBe('');
|
|
36
39
|
});
|
|
@@ -19,6 +19,11 @@
|
|
|
19
19
|
--b2b-color-red-150: #E6344B;
|
|
20
20
|
--b2b-color-red-200: #BB0004;
|
|
21
21
|
--b2b-color-red-250: #850012;
|
|
22
|
+
--b2b-color-blue-10: #F2F7FF;
|
|
23
|
+
--b2b-color-blue-25: #DBE7FA;
|
|
24
|
+
--b2b-color-blue-50: #87B1F0;
|
|
25
|
+
--b2b-color-blue-100: #0F63E1;
|
|
26
|
+
--b2b-color-blue-200: #093E90;
|
|
22
27
|
--b2b-color-primary: #D4021D;
|
|
23
28
|
--b2b-color-error-100: #E6344B;
|
|
24
29
|
--b2b-color-warning-50: #FFD998;
|
|
@@ -27,12 +32,12 @@
|
|
|
27
32
|
--b2b-color-success-100: #326400;
|
|
28
33
|
--b2b-color-info-50: #CCD6E0;
|
|
29
34
|
--b2b-color-info-100: #003264;
|
|
30
|
-
--b2b-color-hover-default: #
|
|
35
|
+
--b2b-color-hover-default: #DBE7FA;
|
|
31
36
|
--b2b-color-hover-black: #3B3B3B;
|
|
32
37
|
--b2b-color-background-overlay-transparent-80: #22222280;
|
|
33
38
|
--b2b-color-background-overlay-transparent-40: #22222240;
|
|
34
39
|
--b2b-color-table-selected-default: #CCE9FF;
|
|
35
|
-
--b2b-color-table-expand-hover: #
|
|
40
|
+
--b2b-color-table-expand-hover: #DBE7FA;
|
|
36
41
|
--b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
|
|
37
42
|
--b2b-font-weight-thin: 100;
|
|
38
43
|
--b2b-font-weight-normal: 500;
|
|
@@ -142,6 +147,11 @@
|
|
|
142
147
|
--b2b-color-red-150: #E6344B;
|
|
143
148
|
--b2b-color-red-200: #BB0004;
|
|
144
149
|
--b2b-color-red-250: #850012;
|
|
150
|
+
--b2b-color-blue-10: #F2F7FF;
|
|
151
|
+
--b2b-color-blue-25: #DBE7FA;
|
|
152
|
+
--b2b-color-blue-50: #87B1F0;
|
|
153
|
+
--b2b-color-blue-100: #0F63E1;
|
|
154
|
+
--b2b-color-blue-200: #093E90;
|
|
145
155
|
--b2b-color-primary: #D4021D;
|
|
146
156
|
--b2b-color-error-100: #E6344B;
|
|
147
157
|
--b2b-color-warning-50: #FFD998;
|
|
@@ -150,7 +160,7 @@
|
|
|
150
160
|
--b2b-color-success-100: #326400;
|
|
151
161
|
--b2b-color-info-50: #CCD6E0;
|
|
152
162
|
--b2b-color-info-100: #003264;
|
|
153
|
-
--b2b-color-hover-default: #
|
|
163
|
+
--b2b-color-hover-default: #DBE7FA;
|
|
154
164
|
--b2b-color-hover-black: #3B3B3B;
|
|
155
165
|
--b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
|
|
156
166
|
--b2b-font-weight-thin: 100;
|
|
@@ -23,10 +23,11 @@ describe('B2B Input Group', () => {
|
|
|
23
23
|
expect(element).not.toBeNull();
|
|
24
24
|
});
|
|
25
25
|
it('should disable the input group component', async () => {
|
|
26
|
-
|
|
26
|
+
let element = await page.find('b2b-input-group');
|
|
27
27
|
expect(element).not.toHaveAttribute('disabled');
|
|
28
28
|
element.setAttribute('disabled', true);
|
|
29
29
|
await page.waitForChanges();
|
|
30
|
+
element = await page.find('b2b-input-group');
|
|
30
31
|
expect(element).toHaveAttribute('disabled');
|
|
31
32
|
});
|
|
32
33
|
it('should disable individual elements of the group and keep their state when the group is dis- and enabled', async () => {
|
|
@@ -47,9 +48,9 @@ describe('B2B Input Group', () => {
|
|
|
47
48
|
});
|
|
48
49
|
it('should render a group error if one is specified and the group is set to invalid', async () => {
|
|
49
50
|
const element = await page.find('b2b-input-group');
|
|
50
|
-
const error = await page.find('b2b-input-group >>> span');
|
|
51
51
|
element.setAttribute('invalid', true);
|
|
52
52
|
await page.waitForChanges();
|
|
53
|
+
const error = await page.find('b2b-input-group >>> span');
|
|
53
54
|
expect(error).toEqualText('A group error');
|
|
54
55
|
});
|
|
55
56
|
it('should not render a group error if the group is disabled', async () => {
|
|
@@ -19,6 +19,11 @@
|
|
|
19
19
|
--b2b-color-red-150: #E6344B;
|
|
20
20
|
--b2b-color-red-200: #BB0004;
|
|
21
21
|
--b2b-color-red-250: #850012;
|
|
22
|
+
--b2b-color-blue-10: #F2F7FF;
|
|
23
|
+
--b2b-color-blue-25: #DBE7FA;
|
|
24
|
+
--b2b-color-blue-50: #87B1F0;
|
|
25
|
+
--b2b-color-blue-100: #0F63E1;
|
|
26
|
+
--b2b-color-blue-200: #093E90;
|
|
22
27
|
--b2b-color-primary: #D4021D;
|
|
23
28
|
--b2b-color-error-100: #E6344B;
|
|
24
29
|
--b2b-color-warning-50: #FFD998;
|
|
@@ -27,12 +32,12 @@
|
|
|
27
32
|
--b2b-color-success-100: #326400;
|
|
28
33
|
--b2b-color-info-50: #CCD6E0;
|
|
29
34
|
--b2b-color-info-100: #003264;
|
|
30
|
-
--b2b-color-hover-default: #
|
|
35
|
+
--b2b-color-hover-default: #DBE7FA;
|
|
31
36
|
--b2b-color-hover-black: #3B3B3B;
|
|
32
37
|
--b2b-color-background-overlay-transparent-80: #22222280;
|
|
33
38
|
--b2b-color-background-overlay-transparent-40: #22222240;
|
|
34
39
|
--b2b-color-table-selected-default: #CCE9FF;
|
|
35
|
-
--b2b-color-table-expand-hover: #
|
|
40
|
+
--b2b-color-table-expand-hover: #DBE7FA;
|
|
36
41
|
--b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
|
|
37
42
|
--b2b-font-weight-thin: 100;
|
|
38
43
|
--b2b-font-weight-normal: 500;
|
|
@@ -142,6 +147,11 @@
|
|
|
142
147
|
--b2b-color-red-150: #E6344B;
|
|
143
148
|
--b2b-color-red-200: #BB0004;
|
|
144
149
|
--b2b-color-red-250: #850012;
|
|
150
|
+
--b2b-color-blue-10: #F2F7FF;
|
|
151
|
+
--b2b-color-blue-25: #DBE7FA;
|
|
152
|
+
--b2b-color-blue-50: #87B1F0;
|
|
153
|
+
--b2b-color-blue-100: #0F63E1;
|
|
154
|
+
--b2b-color-blue-200: #093E90;
|
|
145
155
|
--b2b-color-primary: #D4021D;
|
|
146
156
|
--b2b-color-error-100: #E6344B;
|
|
147
157
|
--b2b-color-warning-50: #FFD998;
|
|
@@ -150,7 +160,7 @@
|
|
|
150
160
|
--b2b-color-success-100: #326400;
|
|
151
161
|
--b2b-color-info-50: #CCD6E0;
|
|
152
162
|
--b2b-color-info-100: #003264;
|
|
153
|
-
--b2b-color-hover-default: #
|
|
163
|
+
--b2b-color-hover-default: #DBE7FA;
|
|
154
164
|
--b2b-color-hover-black: #3B3B3B;
|
|
155
165
|
--b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
|
|
156
166
|
--b2b-font-weight-thin: 100;
|
|
@@ -21,8 +21,8 @@ describe('B2B-InputList', () => {
|
|
|
21
21
|
`);
|
|
22
22
|
});
|
|
23
23
|
it('should register input text when enabled', async () => {
|
|
24
|
-
const inputList = await page.find('b2b-input-list');
|
|
25
24
|
await typeInput('8');
|
|
25
|
+
const inputList = await page.find('b2b-input-list');
|
|
26
26
|
let inputValue = inputList.getAttribute('value');
|
|
27
27
|
expect(inputValue).toBe('8');
|
|
28
28
|
});
|
|
@@ -225,8 +225,9 @@ describe('B2B-InputList', () => {
|
|
|
225
225
|
let inputValue = await input.getAttribute('value');
|
|
226
226
|
expect(inputValue).toBe('8');
|
|
227
227
|
const closeIcon = await page.find('b2b-input-list >>> b2b-icon-100');
|
|
228
|
-
closeIcon.click();
|
|
228
|
+
await closeIcon.click();
|
|
229
229
|
await page.waitForChanges();
|
|
230
|
+
input = await page.find('b2b-input-list >>> b2b-input');
|
|
230
231
|
inputValue = await input.getAttribute('value');
|
|
231
232
|
expect(inputValue).toBe('');
|
|
232
233
|
});
|
|
@@ -234,7 +235,7 @@ describe('B2B-InputList', () => {
|
|
|
234
235
|
const onInputEventSpy = await page.spyOnEvent('b2b-clear');
|
|
235
236
|
await typeInput();
|
|
236
237
|
const closeIcon = await page.find('b2b-input-list >>> b2b-icon-100');
|
|
237
|
-
closeIcon.click();
|
|
238
|
+
await closeIcon.click();
|
|
238
239
|
await page.waitForChanges();
|
|
239
240
|
expect(onInputEventSpy).toHaveReceivedEvent();
|
|
240
241
|
});
|
|
@@ -19,6 +19,11 @@
|
|
|
19
19
|
--b2b-color-red-150: #E6344B;
|
|
20
20
|
--b2b-color-red-200: #BB0004;
|
|
21
21
|
--b2b-color-red-250: #850012;
|
|
22
|
+
--b2b-color-blue-10: #F2F7FF;
|
|
23
|
+
--b2b-color-blue-25: #DBE7FA;
|
|
24
|
+
--b2b-color-blue-50: #87B1F0;
|
|
25
|
+
--b2b-color-blue-100: #0F63E1;
|
|
26
|
+
--b2b-color-blue-200: #093E90;
|
|
22
27
|
--b2b-color-primary: #D4021D;
|
|
23
28
|
--b2b-color-error-100: #E6344B;
|
|
24
29
|
--b2b-color-warning-50: #FFD998;
|
|
@@ -27,12 +32,12 @@
|
|
|
27
32
|
--b2b-color-success-100: #326400;
|
|
28
33
|
--b2b-color-info-50: #CCD6E0;
|
|
29
34
|
--b2b-color-info-100: #003264;
|
|
30
|
-
--b2b-color-hover-default: #
|
|
35
|
+
--b2b-color-hover-default: #DBE7FA;
|
|
31
36
|
--b2b-color-hover-black: #3B3B3B;
|
|
32
37
|
--b2b-color-background-overlay-transparent-80: #22222280;
|
|
33
38
|
--b2b-color-background-overlay-transparent-40: #22222240;
|
|
34
39
|
--b2b-color-table-selected-default: #CCE9FF;
|
|
35
|
-
--b2b-color-table-expand-hover: #
|
|
40
|
+
--b2b-color-table-expand-hover: #DBE7FA;
|
|
36
41
|
--b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
|
|
37
42
|
--b2b-font-weight-thin: 100;
|
|
38
43
|
--b2b-font-weight-normal: 500;
|
|
@@ -142,6 +147,11 @@
|
|
|
142
147
|
--b2b-color-red-150: #E6344B;
|
|
143
148
|
--b2b-color-red-200: #BB0004;
|
|
144
149
|
--b2b-color-red-250: #850012;
|
|
150
|
+
--b2b-color-blue-10: #F2F7FF;
|
|
151
|
+
--b2b-color-blue-25: #DBE7FA;
|
|
152
|
+
--b2b-color-blue-50: #87B1F0;
|
|
153
|
+
--b2b-color-blue-100: #0F63E1;
|
|
154
|
+
--b2b-color-blue-200: #093E90;
|
|
145
155
|
--b2b-color-primary: #D4021D;
|
|
146
156
|
--b2b-color-error-100: #E6344B;
|
|
147
157
|
--b2b-color-warning-50: #FFD998;
|
|
@@ -150,7 +160,7 @@
|
|
|
150
160
|
--b2b-color-success-100: #326400;
|
|
151
161
|
--b2b-color-info-50: #CCD6E0;
|
|
152
162
|
--b2b-color-info-100: #003264;
|
|
153
|
-
--b2b-color-hover-default: #
|
|
163
|
+
--b2b-color-hover-default: #DBE7FA;
|
|
154
164
|
--b2b-color-hover-black: #3B3B3B;
|
|
155
165
|
--b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
|
|
156
166
|
--b2b-font-weight-thin: 100;
|
|
@@ -19,6 +19,11 @@
|
|
|
19
19
|
--b2b-color-red-150: #E6344B;
|
|
20
20
|
--b2b-color-red-200: #BB0004;
|
|
21
21
|
--b2b-color-red-250: #850012;
|
|
22
|
+
--b2b-color-blue-10: #F2F7FF;
|
|
23
|
+
--b2b-color-blue-25: #DBE7FA;
|
|
24
|
+
--b2b-color-blue-50: #87B1F0;
|
|
25
|
+
--b2b-color-blue-100: #0F63E1;
|
|
26
|
+
--b2b-color-blue-200: #093E90;
|
|
22
27
|
--b2b-color-primary: #D4021D;
|
|
23
28
|
--b2b-color-error-100: #E6344B;
|
|
24
29
|
--b2b-color-warning-50: #FFD998;
|
|
@@ -27,12 +32,12 @@
|
|
|
27
32
|
--b2b-color-success-100: #326400;
|
|
28
33
|
--b2b-color-info-50: #CCD6E0;
|
|
29
34
|
--b2b-color-info-100: #003264;
|
|
30
|
-
--b2b-color-hover-default: #
|
|
35
|
+
--b2b-color-hover-default: #DBE7FA;
|
|
31
36
|
--b2b-color-hover-black: #3B3B3B;
|
|
32
37
|
--b2b-color-background-overlay-transparent-80: #22222280;
|
|
33
38
|
--b2b-color-background-overlay-transparent-40: #22222240;
|
|
34
39
|
--b2b-color-table-selected-default: #CCE9FF;
|
|
35
|
-
--b2b-color-table-expand-hover: #
|
|
40
|
+
--b2b-color-table-expand-hover: #DBE7FA;
|
|
36
41
|
--b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
|
|
37
42
|
--b2b-font-weight-thin: 100;
|
|
38
43
|
--b2b-font-weight-normal: 500;
|
|
@@ -142,6 +147,11 @@
|
|
|
142
147
|
--b2b-color-red-150: #E6344B;
|
|
143
148
|
--b2b-color-red-200: #BB0004;
|
|
144
149
|
--b2b-color-red-250: #850012;
|
|
150
|
+
--b2b-color-blue-10: #F2F7FF;
|
|
151
|
+
--b2b-color-blue-25: #DBE7FA;
|
|
152
|
+
--b2b-color-blue-50: #87B1F0;
|
|
153
|
+
--b2b-color-blue-100: #0F63E1;
|
|
154
|
+
--b2b-color-blue-200: #093E90;
|
|
145
155
|
--b2b-color-primary: #D4021D;
|
|
146
156
|
--b2b-color-error-100: #E6344B;
|
|
147
157
|
--b2b-color-warning-50: #FFD998;
|
|
@@ -150,7 +160,7 @@
|
|
|
150
160
|
--b2b-color-success-100: #326400;
|
|
151
161
|
--b2b-color-info-50: #CCD6E0;
|
|
152
162
|
--b2b-color-info-100: #003264;
|
|
153
|
-
--b2b-color-hover-default: #
|
|
163
|
+
--b2b-color-hover-default: #DBE7FA;
|
|
154
164
|
--b2b-color-hover-black: #3B3B3B;
|
|
155
165
|
--b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
|
|
156
166
|
--b2b-font-weight-thin: 100;
|
|
@@ -19,6 +19,11 @@
|
|
|
19
19
|
--b2b-color-red-150: #E6344B;
|
|
20
20
|
--b2b-color-red-200: #BB0004;
|
|
21
21
|
--b2b-color-red-250: #850012;
|
|
22
|
+
--b2b-color-blue-10: #F2F7FF;
|
|
23
|
+
--b2b-color-blue-25: #DBE7FA;
|
|
24
|
+
--b2b-color-blue-50: #87B1F0;
|
|
25
|
+
--b2b-color-blue-100: #0F63E1;
|
|
26
|
+
--b2b-color-blue-200: #093E90;
|
|
22
27
|
--b2b-color-primary: #D4021D;
|
|
23
28
|
--b2b-color-error-100: #E6344B;
|
|
24
29
|
--b2b-color-warning-50: #FFD998;
|
|
@@ -27,12 +32,12 @@
|
|
|
27
32
|
--b2b-color-success-100: #326400;
|
|
28
33
|
--b2b-color-info-50: #CCD6E0;
|
|
29
34
|
--b2b-color-info-100: #003264;
|
|
30
|
-
--b2b-color-hover-default: #
|
|
35
|
+
--b2b-color-hover-default: #DBE7FA;
|
|
31
36
|
--b2b-color-hover-black: #3B3B3B;
|
|
32
37
|
--b2b-color-background-overlay-transparent-80: #22222280;
|
|
33
38
|
--b2b-color-background-overlay-transparent-40: #22222240;
|
|
34
39
|
--b2b-color-table-selected-default: #CCE9FF;
|
|
35
|
-
--b2b-color-table-expand-hover: #
|
|
40
|
+
--b2b-color-table-expand-hover: #DBE7FA;
|
|
36
41
|
--b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
|
|
37
42
|
--b2b-font-weight-thin: 100;
|
|
38
43
|
--b2b-font-weight-normal: 500;
|
|
@@ -142,6 +147,11 @@
|
|
|
142
147
|
--b2b-color-red-150: #E6344B;
|
|
143
148
|
--b2b-color-red-200: #BB0004;
|
|
144
149
|
--b2b-color-red-250: #850012;
|
|
150
|
+
--b2b-color-blue-10: #F2F7FF;
|
|
151
|
+
--b2b-color-blue-25: #DBE7FA;
|
|
152
|
+
--b2b-color-blue-50: #87B1F0;
|
|
153
|
+
--b2b-color-blue-100: #0F63E1;
|
|
154
|
+
--b2b-color-blue-200: #093E90;
|
|
145
155
|
--b2b-color-primary: #D4021D;
|
|
146
156
|
--b2b-color-error-100: #E6344B;
|
|
147
157
|
--b2b-color-warning-50: #FFD998;
|
|
@@ -150,7 +160,7 @@
|
|
|
150
160
|
--b2b-color-success-100: #326400;
|
|
151
161
|
--b2b-color-info-50: #CCD6E0;
|
|
152
162
|
--b2b-color-info-100: #003264;
|
|
153
|
-
--b2b-color-hover-default: #
|
|
163
|
+
--b2b-color-hover-default: #DBE7FA;
|
|
154
164
|
--b2b-color-hover-black: #3B3B3B;
|
|
155
165
|
--b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
|
|
156
166
|
--b2b-font-weight-thin: 100;
|
|
@@ -19,6 +19,11 @@
|
|
|
19
19
|
--b2b-color-red-150: #E6344B;
|
|
20
20
|
--b2b-color-red-200: #BB0004;
|
|
21
21
|
--b2b-color-red-250: #850012;
|
|
22
|
+
--b2b-color-blue-10: #F2F7FF;
|
|
23
|
+
--b2b-color-blue-25: #DBE7FA;
|
|
24
|
+
--b2b-color-blue-50: #87B1F0;
|
|
25
|
+
--b2b-color-blue-100: #0F63E1;
|
|
26
|
+
--b2b-color-blue-200: #093E90;
|
|
22
27
|
--b2b-color-primary: #D4021D;
|
|
23
28
|
--b2b-color-error-100: #E6344B;
|
|
24
29
|
--b2b-color-warning-50: #FFD998;
|
|
@@ -27,12 +32,12 @@
|
|
|
27
32
|
--b2b-color-success-100: #326400;
|
|
28
33
|
--b2b-color-info-50: #CCD6E0;
|
|
29
34
|
--b2b-color-info-100: #003264;
|
|
30
|
-
--b2b-color-hover-default: #
|
|
35
|
+
--b2b-color-hover-default: #DBE7FA;
|
|
31
36
|
--b2b-color-hover-black: #3B3B3B;
|
|
32
37
|
--b2b-color-background-overlay-transparent-80: #22222280;
|
|
33
38
|
--b2b-color-background-overlay-transparent-40: #22222240;
|
|
34
39
|
--b2b-color-table-selected-default: #CCE9FF;
|
|
35
|
-
--b2b-color-table-expand-hover: #
|
|
40
|
+
--b2b-color-table-expand-hover: #DBE7FA;
|
|
36
41
|
--b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
|
|
37
42
|
--b2b-font-weight-thin: 100;
|
|
38
43
|
--b2b-font-weight-normal: 500;
|
|
@@ -142,6 +147,11 @@
|
|
|
142
147
|
--b2b-color-red-150: #E6344B;
|
|
143
148
|
--b2b-color-red-200: #BB0004;
|
|
144
149
|
--b2b-color-red-250: #850012;
|
|
150
|
+
--b2b-color-blue-10: #F2F7FF;
|
|
151
|
+
--b2b-color-blue-25: #DBE7FA;
|
|
152
|
+
--b2b-color-blue-50: #87B1F0;
|
|
153
|
+
--b2b-color-blue-100: #0F63E1;
|
|
154
|
+
--b2b-color-blue-200: #093E90;
|
|
145
155
|
--b2b-color-primary: #D4021D;
|
|
146
156
|
--b2b-color-error-100: #E6344B;
|
|
147
157
|
--b2b-color-warning-50: #FFD998;
|
|
@@ -150,7 +160,7 @@
|
|
|
150
160
|
--b2b-color-success-100: #326400;
|
|
151
161
|
--b2b-color-info-50: #CCD6E0;
|
|
152
162
|
--b2b-color-info-100: #003264;
|
|
153
|
-
--b2b-color-hover-default: #
|
|
163
|
+
--b2b-color-hover-default: #DBE7FA;
|
|
154
164
|
--b2b-color-hover-black: #3B3B3B;
|
|
155
165
|
--b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
|
|
156
166
|
--b2b-font-weight-thin: 100;
|
|
@@ -218,10 +218,11 @@ describe('B2B-Pagination', () => {
|
|
|
218
218
|
page = await newE2EPage();
|
|
219
219
|
await page.setContent(`<b2b-pagination total-pages='20' active-page='10'></b2b-pagination>`);
|
|
220
220
|
await page.waitForChanges();
|
|
221
|
-
|
|
221
|
+
let element = await page.find('b2b-pagination');
|
|
222
222
|
expect(element.getAttribute('active-page')).toBe('10');
|
|
223
223
|
await element.setAttribute('total-pages', 5);
|
|
224
224
|
await page.waitForChanges();
|
|
225
|
+
element = await page.find('b2b-pagination');
|
|
225
226
|
expect(element.getAttribute('active-page')).toBe('5');
|
|
226
227
|
});
|
|
227
228
|
it('should refresh items when active page changes dynamically', async () => {
|
|
@@ -246,10 +247,11 @@ describe('B2B-Pagination', () => {
|
|
|
246
247
|
page = await newE2EPage();
|
|
247
248
|
await page.setContent(`<b2b-pagination total-pages='5' active-page='2'></b2b-pagination>`);
|
|
248
249
|
await page.waitForChanges();
|
|
249
|
-
|
|
250
|
+
let element = await page.find('b2b-pagination');
|
|
250
251
|
expect(element.getAttribute('active-page')).toBe('2');
|
|
251
252
|
await element.setAttribute('active-page', 20);
|
|
252
253
|
await page.waitForChanges();
|
|
254
|
+
element = await page.find('b2b-pagination');
|
|
253
255
|
expect(element.getAttribute('active-page')).toBe('5');
|
|
254
256
|
});
|
|
255
257
|
});
|
|
@@ -19,6 +19,11 @@
|
|
|
19
19
|
--b2b-color-red-150: #E6344B;
|
|
20
20
|
--b2b-color-red-200: #BB0004;
|
|
21
21
|
--b2b-color-red-250: #850012;
|
|
22
|
+
--b2b-color-blue-10: #F2F7FF;
|
|
23
|
+
--b2b-color-blue-25: #DBE7FA;
|
|
24
|
+
--b2b-color-blue-50: #87B1F0;
|
|
25
|
+
--b2b-color-blue-100: #0F63E1;
|
|
26
|
+
--b2b-color-blue-200: #093E90;
|
|
22
27
|
--b2b-color-primary: #D4021D;
|
|
23
28
|
--b2b-color-error-100: #E6344B;
|
|
24
29
|
--b2b-color-warning-50: #FFD998;
|
|
@@ -27,12 +32,12 @@
|
|
|
27
32
|
--b2b-color-success-100: #326400;
|
|
28
33
|
--b2b-color-info-50: #CCD6E0;
|
|
29
34
|
--b2b-color-info-100: #003264;
|
|
30
|
-
--b2b-color-hover-default: #
|
|
35
|
+
--b2b-color-hover-default: #DBE7FA;
|
|
31
36
|
--b2b-color-hover-black: #3B3B3B;
|
|
32
37
|
--b2b-color-background-overlay-transparent-80: #22222280;
|
|
33
38
|
--b2b-color-background-overlay-transparent-40: #22222240;
|
|
34
39
|
--b2b-color-table-selected-default: #CCE9FF;
|
|
35
|
-
--b2b-color-table-expand-hover: #
|
|
40
|
+
--b2b-color-table-expand-hover: #DBE7FA;
|
|
36
41
|
--b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
|
|
37
42
|
--b2b-font-weight-thin: 100;
|
|
38
43
|
--b2b-font-weight-normal: 500;
|
|
@@ -142,6 +147,11 @@
|
|
|
142
147
|
--b2b-color-red-150: #E6344B;
|
|
143
148
|
--b2b-color-red-200: #BB0004;
|
|
144
149
|
--b2b-color-red-250: #850012;
|
|
150
|
+
--b2b-color-blue-10: #F2F7FF;
|
|
151
|
+
--b2b-color-blue-25: #DBE7FA;
|
|
152
|
+
--b2b-color-blue-50: #87B1F0;
|
|
153
|
+
--b2b-color-blue-100: #0F63E1;
|
|
154
|
+
--b2b-color-blue-200: #093E90;
|
|
145
155
|
--b2b-color-primary: #D4021D;
|
|
146
156
|
--b2b-color-error-100: #E6344B;
|
|
147
157
|
--b2b-color-warning-50: #FFD998;
|
|
@@ -150,7 +160,7 @@
|
|
|
150
160
|
--b2b-color-success-100: #326400;
|
|
151
161
|
--b2b-color-info-50: #CCD6E0;
|
|
152
162
|
--b2b-color-info-100: #003264;
|
|
153
|
-
--b2b-color-hover-default: #
|
|
163
|
+
--b2b-color-hover-default: #DBE7FA;
|
|
154
164
|
--b2b-color-hover-black: #3B3B3B;
|
|
155
165
|
--b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
|
|
156
166
|
--b2b-font-weight-thin: 100;
|