Button: Rename sm to xs, add new sm

1 files changed, 11 insertions, 4 deletions

diff --git a/src/objects/_button.vars.scss b/src/objects/_button.vars.scss
index 6e2298f..535fc44 100644
--- a/src/objects/_button.vars.scss
+++ b/src/objects/_button.vars.scss
@@ -7,10 +7,16 @@ $line-height:  props.def(--o-button--line-height, 1.4) !default;
 $border-width: props.def(--o-button--border-width, props.get(core.$border-width--thin)) !default;
 $rounding:     props.def(--o-button--rounding, props.get(core.$rounding--sm)) !default;
 
-$pad-i--sm:       props.def(--o-button--sm--pad-i, props.get(core.$size--75)) !default;
-$pad-i-label--sm: props.def(--o-button--sm--pad-i-label, props.get(core.$size--25)) !default;
-$pad-i-pill--sm:  props.def(--o-button--sm--pad-i-pill, props.get(core.$size--115)) !default;
-$pad-b--sm:       props.def(--o-button--sm--pad-b, props.get(core.$size--40)) !default;
+$pad-i--xs:       props.def(--o-button--sm--pad-i, props.get(core.$size--75)) !default;
+$pad-i-label--xs: props.def(--o-button--sm--pad-i-label, props.get(core.$size--25)) !default;
+$pad-i-pill--xs:  props.def(--o-button--sm--pad-i-pill, props.get(core.$size--115)) !default;
+$pad-b--xs:       props.def(--o-button--sm--pad-b, props.get(core.$size--40)) !default;
+$font-size--xs:   props.def(--o-button--sm--font-size, props.get(core.$font-size--75)) !default;
+
+$pad-i--sm:       props.def(--o-button--sm--pad-i, props.get(core.$size--85)) !default;
+$pad-i-label--sm: props.def(--o-button--sm--pad-i-label, props.get(core.$size--40)) !default;
+$pad-i-pill--sm:  props.def(--o-button--sm--pad-i-pill, props.get(core.$size--125)) !default;
+$pad-b--sm:       props.def(--o-button--sm--pad-b, props.get(core.$size--50)) !default;
 $font-size--sm:   props.def(--o-button--sm--font-size, props.get(core.$font-size--75)) !default;
 
 $pad-i:        props.def(--o-button--pad-i, props.get(core.$size--115)) !default;
@@ -41,6 +47,7 @@ $key-focus--border-offset: props.def(--o-button--key-focus--border-offset, props
 $key-focus--outline-width: props.def(--o-button--key-focus--outline-width, props.get(core.$key-focus--outline-width)) !default;
 
 $fixed-sizes: (
+        'xs' $pad-i--xs $pad-i-label--xs $pad-i-pill--xs $pad-b--xs $font-size--xs,
         'sm' $pad-i--sm $pad-i-label--sm $pad-i-pill--sm $pad-b--sm $font-size--sm,
         'lg' $pad-i--lg $pad-i-label--lg $pad-i-pill--lg $pad-b--lg $font-size--lg,
         'xl' $pad-i--xl $pad-i-label--xl $pad-i-pill--xl $pad-b--xl $font-size--xl,