From db9cc2e0da60ff8aa28b471674013b3554eaf66b Mon Sep 17 00:00:00 2001 From: Dylan Kilgore Date: Tue, 2 Aug 2022 14:04:34 -0700 Subject: [PATCH 1/3] fix: css: scope normalize css reset to octuple components --- src/components/Button/BaseButton.tsx | 1 + src/components/Button/button.module.scss | 2 + src/components/CheckBox/checkbox.module.scss | 2 + .../DatePicker/datepicker.module.scss | 2 + .../Tests/__snapshots__/partial.rtl.shot | 36 +- .../Internal/ocpicker.module.scss | 2 + src/components/Dropdown/Dropdown.stories.tsx | 3 + src/components/Empty/empty.module.scss | 1 + src/components/Inputs/input.module.scss | 3 + src/components/Link/link.module.scss | 1 + .../Menu/MenuItem/menuItem.module.scss | 3 + src/components/RadioButton/radio.module.scss | 2 + src/components/Select/select.module.scss | 2 + .../__snapshots__/Table.expand.test.tsx.snap | 8 +- .../__snapshots__/Table.filter.test.js.snap | 36 +- .../Table.pagination.accepttrue.shot | 48 +-- .../Table.pagination.nocrashonchange.shot | 48 +-- .../Table.pagination.position.shot | 48 +-- .../Table.pagination.renders.shot | 48 +-- .../__snapshots__/Table.sorter.test.js.snap | 8 +- src/components/Tabs/tabs.module.scss | 2 + .../__snapshots__/Button.stories.storyshot | 24 +- .../ConfigProvider.stories.storyshot | 20 +- .../__snapshots__/Dialog.stories.storyshot | 4 +- .../__snapshots__/Dropdown.stories.storyshot | 2 +- .../__snapshots__/InfoBar.stories.storyshot | 16 +- .../__snapshots__/SearchBox.stories.storyshot | 4 +- .../__snapshots__/TextArea.stories.storyshot | 2 +- .../__snapshots__/TextInput.stories.storyshot | 4 +- .../__snapshots__/Label.stories.storyshot | 2 +- .../Menu/__snapshots__/Menu.stories.storyshot | 2 +- .../__snapshots__/Modal.stories.storyshot | 14 +- .../Pagination.stories.storyshot | 80 ++-- .../__snapshots__/Panel.stories.storyshot | 16 +- .../PersistentBar.stories.storyshot | 46 +-- .../__snapshots__/Pills.stories.storyshot | 48 +-- .../__snapshots__/Snackbar.stories.storyshot | 6 +- .../__snapshots__/Table.stories.storyshot | 312 +++++++-------- .../__snapshots__/Tooltip.stories.storyshot | 2 +- src/styles/abstracts/_mixins.scss | 202 +++++++++- src/styles/base/_css-reset.scss | 367 +----------------- 41 files changed, 666 insertions(+), 813 deletions(-) diff --git a/src/components/Button/BaseButton.tsx b/src/components/Button/BaseButton.tsx index 88c5585e9..8346cd5c7 100644 --- a/src/components/Button/BaseButton.tsx +++ b/src/components/Button/BaseButton.tsx @@ -61,6 +61,7 @@ export const BaseButton: FC = React.forwardRef( const buttonBaseSharedClassNames: string = mergeClasses([ classNames, + styles.button, { [styles.buttonSmall]: size === ButtonSize.Flex && largeScreenActive, diff --git a/src/components/Button/button.module.scss b/src/components/Button/button.module.scss index a84eac08b..732e09b3b 100644 --- a/src/components/Button/button.module.scss +++ b/src/components/Button/button.module.scss @@ -1,4 +1,6 @@ .button { + @include button-reset(); + --button-counter-default-background-color: var(--grey-color-20); --button-counter-hover-background-color: var(--primary-color-20); --button-counter-checked-background-color: var(--primary-color-10); diff --git a/src/components/CheckBox/checkbox.module.scss b/src/components/CheckBox/checkbox.module.scss index 90e3b6bc8..560b809a3 100644 --- a/src/components/CheckBox/checkbox.module.scss +++ b/src/components/CheckBox/checkbox.module.scss @@ -1,4 +1,6 @@ .selector { + @include selector-reset(); + display: flex; position: relative; width: fit-content; diff --git a/src/components/DateTimePicker/DatePicker/datepicker.module.scss b/src/components/DateTimePicker/DatePicker/datepicker.module.scss index 79555d2da..268d1d707 100644 --- a/src/components/DateTimePicker/DatePicker/datepicker.module.scss +++ b/src/components/DateTimePicker/DatePicker/datepicker.module.scss @@ -3,6 +3,8 @@ .picker { @include reset-component(); + @include input-reset(); + @include picker-padding( $picker-input-height-m, $picker-font-size-m, diff --git a/src/components/DateTimePicker/Internal/Tests/__snapshots__/partial.rtl.shot b/src/components/DateTimePicker/Internal/Tests/__snapshots__/partial.rtl.shot index f35da1372..31aa4eae5 100644 --- a/src/components/DateTimePicker/Internal/Tests/__snapshots__/partial.rtl.shot +++ b/src/components/DateTimePicker/Internal/Tests/__snapshots__/partial.rtl.shot @@ -21,7 +21,7 @@ LoadedCheerio { Node { "attribs": Object { "aria-disabled": "false", - "class": "picker-header-super-prev-btn button button-neutral button-small pill-shape icon-left", + "class": "picker-header-super-prev-btn button button-neutral button button-small pill-shape icon-left", }, "children": Array [ Node { @@ -106,7 +106,7 @@ LoadedCheerio { Node { "attribs": Object { "aria-disabled": "false", - "class": "picker-year-btn button button-neutral button-small pill-shape", + "class": "picker-year-btn button button-neutral button button-small pill-shape", }, "children": Array [ Node { @@ -157,7 +157,7 @@ LoadedCheerio { "next": Node { "attribs": Object { "aria-disabled": "false", - "class": "picker-header-super-next-btn button button-neutral button-small pill-shape icon-left", + "class": "picker-header-super-next-btn button button-neutral button button-small pill-shape icon-left", }, "children": Array [ Node { @@ -277,7 +277,7 @@ LoadedCheerio { Node { "attribs": Object { "aria-disabled": "false", - "class": "picker-year-btn button button-neutral button-small pill-shape", + "class": "picker-year-btn button button-neutral button button-small pill-shape", }, "children": Array [ Node { @@ -328,7 +328,7 @@ LoadedCheerio { "next": Node { "attribs": Object { "aria-disabled": "false", - "class": "picker-header-super-next-btn button button-neutral button-small pill-shape icon-left", + "class": "picker-header-super-next-btn button button-neutral button button-small pill-shape icon-left", }, "children": Array [ Node { @@ -422,7 +422,7 @@ LoadedCheerio { "prev": Node { "attribs": Object { "aria-disabled": "false", - "class": "picker-header-super-prev-btn button button-neutral button-small pill-shape icon-left", + "class": "picker-header-super-prev-btn button button-neutral button button-small pill-shape icon-left", }, "children": Array [ Node { @@ -523,7 +523,7 @@ LoadedCheerio { Node { "attribs": Object { "aria-disabled": "false", - "class": "picker-header-super-next-btn button button-neutral button-small pill-shape icon-left", + "class": "picker-header-super-next-btn button button-neutral button button-small pill-shape icon-left", }, "children": Array [ Node { @@ -610,7 +610,7 @@ LoadedCheerio { Node { "attribs": Object { "aria-disabled": "false", - "class": "picker-year-btn button button-neutral button-small pill-shape", + "class": "picker-year-btn button button-neutral button button-small pill-shape", }, "children": Array [ Node { @@ -663,7 +663,7 @@ LoadedCheerio { "prev": Node { "attribs": Object { "aria-disabled": "false", - "class": "picker-header-super-prev-btn button button-neutral button-small pill-shape icon-left", + "class": "picker-header-super-prev-btn button button-neutral button button-small pill-shape icon-left", }, "children": Array [ Node { @@ -14909,7 +14909,7 @@ LoadedCheerio { Node { "attribs": Object { "aria-disabled": "false", - "class": "picker-header-super-prev-btn button button-neutral button-small pill-shape icon-left", + "class": "picker-header-super-prev-btn button button-neutral button button-small pill-shape icon-left", }, "children": Array [ Node { @@ -14994,7 +14994,7 @@ LoadedCheerio { Node { "attribs": Object { "aria-disabled": "false", - "class": "picker-year-btn button button-neutral button-small pill-shape", + "class": "picker-year-btn button button-neutral button button-small pill-shape", }, "children": Array [ Node { @@ -15045,7 +15045,7 @@ LoadedCheerio { "next": Node { "attribs": Object { "aria-disabled": "false", - "class": "picker-header-super-next-btn button button-neutral button-small pill-shape icon-left", + "class": "picker-header-super-next-btn button button-neutral button button-small pill-shape icon-left", }, "children": Array [ Node { @@ -15165,7 +15165,7 @@ LoadedCheerio { Node { "attribs": Object { "aria-disabled": "false", - "class": "picker-year-btn button button-neutral button-small pill-shape", + "class": "picker-year-btn button button-neutral button button-small pill-shape", }, "children": Array [ Node { @@ -15216,7 +15216,7 @@ LoadedCheerio { "next": Node { "attribs": Object { "aria-disabled": "false", - "class": "picker-header-super-next-btn button button-neutral button-small pill-shape icon-left", + "class": "picker-header-super-next-btn button button-neutral button button-small pill-shape icon-left", }, "children": Array [ Node { @@ -15310,7 +15310,7 @@ LoadedCheerio { "prev": Node { "attribs": Object { "aria-disabled": "false", - "class": "picker-header-super-prev-btn button button-neutral button-small pill-shape icon-left", + "class": "picker-header-super-prev-btn button button-neutral button button-small pill-shape icon-left", }, "children": Array [ Node { @@ -15411,7 +15411,7 @@ LoadedCheerio { Node { "attribs": Object { "aria-disabled": "false", - "class": "picker-header-super-next-btn button button-neutral button-small pill-shape icon-left", + "class": "picker-header-super-next-btn button button-neutral button button-small pill-shape icon-left", }, "children": Array [ Node { @@ -15498,7 +15498,7 @@ LoadedCheerio { Node { "attribs": Object { "aria-disabled": "false", - "class": "picker-year-btn button button-neutral button-small pill-shape", + "class": "picker-year-btn button button-neutral button button-small pill-shape", }, "children": Array [ Node { @@ -15551,7 +15551,7 @@ LoadedCheerio { "prev": Node { "attribs": Object { "aria-disabled": "false", - "class": "picker-header-super-prev-btn button button-neutral button-small pill-shape icon-left", + "class": "picker-header-super-prev-btn button button-neutral button button-small pill-shape icon-left", }, "children": Array [ Node { diff --git a/src/components/DateTimePicker/Internal/ocpicker.module.scss b/src/components/DateTimePicker/Internal/ocpicker.module.scss index b3dfd32f2..a8c34944b 100644 --- a/src/components/DateTimePicker/Internal/ocpicker.module.scss +++ b/src/components/DateTimePicker/Internal/ocpicker.module.scss @@ -1,6 +1,8 @@ @import '../DatePicker/Styles/mixins'; .picker { + @include input-reset(); + border: $picker-border; border-radius: $picker-border-radius; display: inline-flex; diff --git a/src/components/Dropdown/Dropdown.stories.tsx b/src/components/Dropdown/Dropdown.stories.tsx index a87e8a212..4201f638a 100644 --- a/src/components/Dropdown/Dropdown.stories.tsx +++ b/src/components/Dropdown/Dropdown.stories.tsx @@ -127,6 +127,9 @@ const Overlay = () => ( iconProps={{ path: item.icon, }} + style={{ + margin: '4px 0', + }} /> )} /> diff --git a/src/components/Empty/empty.module.scss b/src/components/Empty/empty.module.scss index e628ce6e5..5c3213400 100644 --- a/src/components/Empty/empty.module.scss +++ b/src/components/Empty/empty.module.scss @@ -9,6 +9,7 @@ margin-bottom: 8px; img { + border-style: none; height: 100%; } diff --git a/src/components/Inputs/input.module.scss b/src/components/Inputs/input.module.scss index 6e0778245..1126e7132 100644 --- a/src/components/Inputs/input.module.scss +++ b/src/components/Inputs/input.module.scss @@ -1,4 +1,7 @@ .input-wrapper { + @include input-reset(); + @include textarea-reset(); + position: relative; width: fit-content; diff --git a/src/components/Link/link.module.scss b/src/components/Link/link.module.scss index 4609486e3..b55490560 100644 --- a/src/components/Link/link.module.scss +++ b/src/components/Link/link.module.scss @@ -1,5 +1,6 @@ .link-style { align-items: center; + background-color: transparent; cursor: pointer; display: flex; flex-direction: row; diff --git a/src/components/Menu/MenuItem/menuItem.module.scss b/src/components/Menu/MenuItem/menuItem.module.scss index 40966dc0c..ffe4e92dd 100644 --- a/src/components/Menu/MenuItem/menuItem.module.scss +++ b/src/components/Menu/MenuItem/menuItem.module.scss @@ -1,4 +1,6 @@ .menu-item { + @include button-reset(); + --background: transparent; background-color: var(--background); color: var(--label); @@ -9,6 +11,7 @@ cursor: pointer; font-weight: $text-font-weight-semibold; transition: all $motion-duration-extra-fast $motion-easing-easeinout 0s; + margin: 4px 0; &.large { height: 44px; diff --git a/src/components/RadioButton/radio.module.scss b/src/components/RadioButton/radio.module.scss index efa47e280..e2274c941 100644 --- a/src/components/RadioButton/radio.module.scss +++ b/src/components/RadioButton/radio.module.scss @@ -1,4 +1,6 @@ .selector { + @include selector-reset(); + display: flex; position: relative; width: fit-content; diff --git a/src/components/Select/select.module.scss b/src/components/Select/select.module.scss index 3ed5e96b7..505a36acc 100644 --- a/src/components/Select/select.module.scss +++ b/src/components/Select/select.module.scss @@ -1,4 +1,6 @@ .select-wrapper { + @include select-reset(); + position: relative; width: 100%; diff --git a/src/components/Table/Tests/__snapshots__/Table.expand.test.tsx.snap b/src/components/Table/Tests/__snapshots__/Table.expand.test.tsx.snap index cddaf4a7c..27b8212d4 100644 --- a/src/components/Table/Tests/__snapshots__/Table.expand.test.tsx.snap +++ b/src/components/Table/Tests/__snapshots__/Table.expand.test.tsx.snap @@ -1898,7 +1898,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -1990,7 +1990,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -2121,7 +2121,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -2213,7 +2213,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { diff --git a/src/components/Table/Tests/__snapshots__/Table.filter.test.js.snap b/src/components/Table/Tests/__snapshots__/Table.filter.test.js.snap index fa5c7ea3a..b78e11cad 100644 --- a/src/components/Table/Tests/__snapshots__/Table.filter.test.js.snap +++ b/src/components/Table/Tests/__snapshots__/Table.filter.test.js.snap @@ -76,7 +76,7 @@ LoadedCheerio { "aria-disabled": "false", "aria-expanded": "false", "aria-haspopup": "true", - "class": "button button-neutral button-small pill-shape icon-left", + "class": "button button-neutral button button-small pill-shape icon-left", "role": "button", "tabindex": "0", }, @@ -213,7 +213,7 @@ LoadedCheerio { "aria-disabled": "false", "aria-expanded": "false", "aria-haspopup": "true", - "class": "button button-neutral button-small pill-shape icon-left", + "class": "button button-neutral button button-small pill-shape icon-left", "role": "button", "tabindex": "0", }, @@ -1230,7 +1230,7 @@ LoadedCheerio { "aria-disabled": "false", "aria-expanded": "false", "aria-haspopup": "true", - "class": "button button-neutral button-small pill-shape icon-left", + "class": "button button-neutral button button-small pill-shape icon-left", "role": "button", "tabindex": "0", }, @@ -1367,7 +1367,7 @@ LoadedCheerio { "aria-disabled": "false", "aria-expanded": "false", "aria-haspopup": "true", - "class": "button button-neutral button-small pill-shape icon-left", + "class": "button button-neutral button button-small pill-shape icon-left", "role": "button", "tabindex": "0", }, @@ -3155,7 +3155,7 @@ LoadedCheerio { "aria-disabled": "false", "aria-expanded": "false", "aria-haspopup": "true", - "class": "button button-neutral button-small pill-shape icon-left", + "class": "button button-neutral button button-small pill-shape icon-left", "role": "button", "tabindex": "0", }, @@ -3292,7 +3292,7 @@ LoadedCheerio { "aria-disabled": "false", "aria-expanded": "false", "aria-haspopup": "true", - "class": "button button-neutral button-small pill-shape icon-left", + "class": "button button-neutral button button-small pill-shape icon-left", "role": "button", "tabindex": "0", }, @@ -3744,7 +3744,7 @@ LoadedCheerio { "aria-disabled": "false", "aria-expanded": "false", "aria-haspopup": "true", - "class": "button button-neutral button-small pill-shape icon-left", + "class": "button button-neutral button button-small pill-shape icon-left", "role": "button", "tabindex": "0", }, @@ -3881,7 +3881,7 @@ LoadedCheerio { "aria-disabled": "false", "aria-expanded": "false", "aria-haspopup": "true", - "class": "button button-neutral button-small pill-shape icon-left", + "class": "button button-neutral button button-small pill-shape icon-left", "role": "button", "tabindex": "0", }, @@ -4898,7 +4898,7 @@ LoadedCheerio { "aria-disabled": "false", "aria-expanded": "false", "aria-haspopup": "true", - "class": "button button-neutral button-small pill-shape icon-left", + "class": "button button-neutral button button-small pill-shape icon-left", "role": "button", "tabindex": "0", }, @@ -5035,7 +5035,7 @@ LoadedCheerio { "aria-disabled": "false", "aria-expanded": "false", "aria-haspopup": "true", - "class": "button button-neutral button-small pill-shape icon-left", + "class": "button button-neutral button button-small pill-shape icon-left", "role": "button", "tabindex": "0", }, @@ -6823,7 +6823,7 @@ LoadedCheerio { "aria-disabled": "false", "aria-expanded": "false", "aria-haspopup": "true", - "class": "button button-neutral button-small pill-shape icon-left", + "class": "button button-neutral button button-small pill-shape icon-left", "role": "button", "tabindex": "0", }, @@ -6960,7 +6960,7 @@ LoadedCheerio { "aria-disabled": "false", "aria-expanded": "false", "aria-haspopup": "true", - "class": "button button-neutral button-small pill-shape icon-left", + "class": "button button-neutral button button-small pill-shape icon-left", "role": "button", "tabindex": "0", }, @@ -7412,7 +7412,7 @@ LoadedCheerio { "aria-disabled": "false", "aria-expanded": "false", "aria-haspopup": "true", - "class": "button button-neutral button-small pill-shape icon-left", + "class": "button button-neutral button button-small pill-shape icon-left", "role": "button", "tabindex": "0", }, @@ -7549,7 +7549,7 @@ LoadedCheerio { "aria-disabled": "false", "aria-expanded": "false", "aria-haspopup": "true", - "class": "button button-neutral button-small pill-shape icon-left", + "class": "button button-neutral button button-small pill-shape icon-left", "role": "button", "tabindex": "0", }, @@ -8566,7 +8566,7 @@ LoadedCheerio { "aria-disabled": "false", "aria-expanded": "false", "aria-haspopup": "true", - "class": "button button-neutral button-small pill-shape icon-left", + "class": "button button-neutral button button-small pill-shape icon-left", "role": "button", "tabindex": "0", }, @@ -8703,7 +8703,7 @@ LoadedCheerio { "aria-disabled": "false", "aria-expanded": "false", "aria-haspopup": "true", - "class": "button button-neutral button-small pill-shape icon-left", + "class": "button button-neutral button button-small pill-shape icon-left", "role": "button", "tabindex": "0", }, @@ -10491,7 +10491,7 @@ LoadedCheerio { "aria-disabled": "false", "aria-expanded": "false", "aria-haspopup": "true", - "class": "button button-neutral button-small pill-shape icon-left", + "class": "button button-neutral button button-small pill-shape icon-left", "role": "button", "tabindex": "0", }, @@ -10628,7 +10628,7 @@ LoadedCheerio { "aria-disabled": "false", "aria-expanded": "false", "aria-haspopup": "true", - "class": "button button-neutral button-small pill-shape icon-left", + "class": "button button-neutral button button-small pill-shape icon-left", "role": "button", "tabindex": "0", }, diff --git a/src/components/Table/Tests/__snapshots__/Table.pagination.accepttrue.shot b/src/components/Table/Tests/__snapshots__/Table.pagination.accepttrue.shot index ca43b9cd6..3588e44cc 100644 --- a/src/components/Table/Tests/__snapshots__/Table.pagination.accepttrue.shot +++ b/src/components/Table/Tests/__snapshots__/Table.pagination.accepttrue.shot @@ -917,7 +917,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1008,7 +1008,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -1074,7 +1074,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1205,7 +1205,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1296,7 +1296,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -1362,7 +1362,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1507,7 +1507,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -1573,7 +1573,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1673,7 +1673,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1791,7 +1791,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1884,7 +1884,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -1952,7 +1952,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2118,7 +2118,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2209,7 +2209,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -2275,7 +2275,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2406,7 +2406,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2497,7 +2497,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -2563,7 +2563,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2708,7 +2708,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -2774,7 +2774,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2874,7 +2874,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2992,7 +2992,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -3085,7 +3085,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -3153,7 +3153,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ diff --git a/src/components/Table/Tests/__snapshots__/Table.pagination.nocrashonchange.shot b/src/components/Table/Tests/__snapshots__/Table.pagination.nocrashonchange.shot index b7c0db6e3..80fe186b4 100644 --- a/src/components/Table/Tests/__snapshots__/Table.pagination.nocrashonchange.shot +++ b/src/components/Table/Tests/__snapshots__/Table.pagination.nocrashonchange.shot @@ -917,7 +917,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1008,7 +1008,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -1074,7 +1074,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1205,7 +1205,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1296,7 +1296,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -1362,7 +1362,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1507,7 +1507,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -1573,7 +1573,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1673,7 +1673,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1791,7 +1791,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1884,7 +1884,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -1952,7 +1952,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2118,7 +2118,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2209,7 +2209,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -2275,7 +2275,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2406,7 +2406,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2497,7 +2497,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -2563,7 +2563,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2708,7 +2708,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -2774,7 +2774,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2874,7 +2874,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2992,7 +2992,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -3085,7 +3085,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -3153,7 +3153,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ diff --git a/src/components/Table/Tests/__snapshots__/Table.pagination.position.shot b/src/components/Table/Tests/__snapshots__/Table.pagination.position.shot index 4373b744b..045060bfd 100644 --- a/src/components/Table/Tests/__snapshots__/Table.pagination.position.shot +++ b/src/components/Table/Tests/__snapshots__/Table.pagination.position.shot @@ -917,7 +917,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1008,7 +1008,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -1074,7 +1074,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1205,7 +1205,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1296,7 +1296,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -1362,7 +1362,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1507,7 +1507,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -1573,7 +1573,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1673,7 +1673,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1791,7 +1791,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1884,7 +1884,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -1952,7 +1952,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2118,7 +2118,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2209,7 +2209,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -2275,7 +2275,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2406,7 +2406,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2497,7 +2497,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -2563,7 +2563,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2708,7 +2708,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -2774,7 +2774,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2874,7 +2874,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2992,7 +2992,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -3085,7 +3085,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -3153,7 +3153,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ diff --git a/src/components/Table/Tests/__snapshots__/Table.pagination.renders.shot b/src/components/Table/Tests/__snapshots__/Table.pagination.renders.shot index 9a4a93b09..11fe90fc9 100644 --- a/src/components/Table/Tests/__snapshots__/Table.pagination.renders.shot +++ b/src/components/Table/Tests/__snapshots__/Table.pagination.renders.shot @@ -917,7 +917,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1008,7 +1008,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -1074,7 +1074,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1205,7 +1205,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1296,7 +1296,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -1362,7 +1362,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1507,7 +1507,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -1573,7 +1573,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1673,7 +1673,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1791,7 +1791,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -1884,7 +1884,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -1952,7 +1952,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2118,7 +2118,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2209,7 +2209,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -2275,7 +2275,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2406,7 +2406,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2497,7 +2497,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -2563,7 +2563,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2708,7 +2708,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -2774,7 +2774,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2874,7 +2874,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -2992,7 +2992,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Next", - "class": "pagination-button pagination-next button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-next button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ @@ -3085,7 +3085,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -3153,7 +3153,7 @@ LoadedCheerio { "attribs": Object { "aria-disabled": "true", "aria-label": "Previous", - "class": "pagination-button pagination-previous button button-neutral button-medium icon-left disabled", + "class": "pagination-button pagination-previous button button-neutral button button-medium icon-left disabled", "disabled": "", }, "children": Array [ diff --git a/src/components/Table/Tests/__snapshots__/Table.sorter.test.js.snap b/src/components/Table/Tests/__snapshots__/Table.sorter.test.js.snap index 6b2b7b3d6..4ccc83bab 100644 --- a/src/components/Table/Tests/__snapshots__/Table.sorter.test.js.snap +++ b/src/components/Table/Tests/__snapshots__/Table.sorter.test.js.snap @@ -11133,7 +11133,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -11225,7 +11225,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -11356,7 +11356,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { @@ -11448,7 +11448,7 @@ LoadedCheerio { "aria-checked": "true", "aria-disabled": "false", "aria-pressed": "true", - "class": "pagination-button active button button-neutral button-medium", + "class": "pagination-button active button button-neutral button button-medium", }, "children": Array [ Node { diff --git a/src/components/Tabs/tabs.module.scss b/src/components/Tabs/tabs.module.scss index ec9a8922e..5ca550121 100644 --- a/src/components/Tabs/tabs.module.scss +++ b/src/components/Tabs/tabs.module.scss @@ -7,6 +7,8 @@ } .tab { + @include button-reset(); + display: flex; border: none; cursor: pointer; diff --git a/src/src/components/Button/__snapshots__/Button.stories.storyshot b/src/src/components/Button/__snapshots__/Button.stories.storyshot index 72a461b15..3f6eef4af 100644 --- a/src/src/components/Button/__snapshots__/Button.stories.storyshot +++ b/src/src/components/Button/__snapshots__/Button.stories.storyshot @@ -4,7 +4,7 @@ exports[`Storyshots Button Counter 1`] = `