diff --git a/package.json b/package.json index 0ef5be69d1..58e39b7814 100644 --- a/package.json +++ b/package.json @@ -164,7 +164,7 @@ { "path": "lib/components/internal/widget-exports.js", "brotli": false, - "limit": "800 kB" + "limit": "750 kB" } ], "browserslist": [ diff --git a/src/button/styles.scss b/src/button/styles.scss index 0793f69815..66631cab09 100644 --- a/src/button/styles.scss +++ b/src/button/styles.scss @@ -34,32 +34,6 @@ border-color: map.get($variant, 'active-border-color'); } - &:focus { - outline: none; - text-decoration: none; - } - - @include focus-visible.when-visible { - @include styles.focus-highlight(awsui.$space-button-focus-outline-gutter); - } - &.variant-icon, - &.variant-modal-dismiss, - &.variant-flashbar-icon { - @include focus-visible.when-visible { - @include styles.focus-highlight( - ( - 'vertical': awsui.$space-button-icon-focus-outline-gutter-vertical, - 'horizontal': awsui.$space-button-focus-outline-gutter, - ) - ); - } - } - &.variant-inline-icon { - @include focus-visible.when-visible { - @include styles.focus-highlight(awsui.$space-button-inline-icon-focus-outline-gutter); - } - } - &.disabled { background: map.get($variant, 'disabled-background'); border-color: map.get($variant, 'disabled-border-color'); @@ -96,6 +70,30 @@ } } + &:focus { + outline: none; + text-decoration: none; + } + + @include focus-visible.when-visible { + @include styles.focus-highlight(awsui.$space-button-focus-outline-gutter); + + &.variant-icon, + &.variant-modal-dismiss, + &.variant-flashbar-icon { + @include styles.focus-highlight( + ( + 'vertical': awsui.$space-button-icon-focus-outline-gutter-vertical, + 'horizontal': awsui.$space-button-focus-outline-gutter, + ) + ); + } + + &.variant-inline-icon { + @include styles.focus-highlight(awsui.$space-button-inline-icon-focus-outline-gutter); + } + } + &.button-no-text { padding-inline-start: awsui.$space-button-icon-only-horizontal; padding-inline-end: awsui.$space-button-icon-only-horizontal;