diff --git a/src/components/Button/button.module.scss b/src/components/Button/button.module.scss index e3ee2a2..149db7a 100644 --- a/src/components/Button/button.module.scss +++ b/src/components/Button/button.module.scss @@ -135,13 +135,13 @@ $root: button; &--medium-size { height: var(--button-height-md, 44px); - font-size: var(--button-font-size-sm, 16px); + font-size: var(--button-font-size-md, 16px); } &--large-size { height: var(--button-height-lg, 54px); min-width: 95px; - font-size: var(--button-font-size-sm, 18px); + font-size: var(--button-font-size-lg, 18px); } //Radius diff --git a/src/components/Modal/modal.module.scss b/src/components/Modal/modal.module.scss index a33b8ca..f72a87b 100644 --- a/src/components/Modal/modal.module.scss +++ b/src/components/Modal/modal.module.scss @@ -44,7 +44,7 @@ $root: modal; } &--fadeScale-animation { - animation-name: fadeScaleIn; + animation-name: fadeScaleOut; } } } @@ -66,11 +66,11 @@ $root: modal; } &--medium-radius { - border-radius: var(--modal-border-radius-sm, 15px); + border-radius: var(--modal-border-radius-md, 15px); } &--large-radius { - border-radius: var(--modal-border-radius-sm, 20px); + border-radius: var(--modal-border-radius-lg, 20px); } } diff --git a/src/components/Switch/switch.module.scss b/src/components/Switch/switch.module.scss index c9b40c7..54c13e4 100644 --- a/src/components/Switch/switch.module.scss +++ b/src/components/Switch/switch.module.scss @@ -33,7 +33,7 @@ $root: switch; transition: background var(--switch-speed-bg, var(--speed-color)); &[data-state="checked"] { - background-color: var(--switch-cheked-bg-color, var(--primary-color)); + background: var(--switch-checked-bg-color, var(--primary-color)); } &:disabled { @@ -48,7 +48,7 @@ $root: switch; height: switch-thumb-height(); transform: translateX(calc((#{switch-height()} - #{switch-thumb-height()}) / 2)); background-color: var(--switch-thumb-bg-color, white); - border-radius: var(--switch-border-radius, 9999px); + border-radius: var(--switch-thumb-border-radius, var(--switch-border-radius, 9999px)); will-change: transform; transition: transform var(--switch-speed-transform, var(--speed-sm)) ease-in-out, diff --git a/src/components/Tag/tag.module.scss b/src/components/Tag/tag.module.scss index 4635bd0..5a4aaa7 100644 --- a/src/components/Tag/tag.module.scss +++ b/src/components/Tag/tag.module.scss @@ -95,18 +95,18 @@ $root: tag; // Sizes &--small-size { - padding: var(--tag-padding, 3px 6px); + padding: var(--tag-padding-sm, 3px 6px); font-size: var(--tag-font-size-sm, 12px); } &--medium-size { - padding: var(--tag-padding, 5px 10px); - font-size: var(--tag-font-size-sm, 14px); + padding: var(--tag-padding-md, 5px 10px); + font-size: var(--tag-font-size-md, 14px); } &--large-size { - padding: var(--tag-padding, 6px 12px); - font-size: var(--tag-font-size-sm, 16px); + padding: var(--tag-padding-lg, 6px 12px); + font-size: var(--tag-font-size-lg, 16px); } //Radius diff --git a/src/components/TextArea/text-area.module.scss b/src/components/TextArea/text-area.module.scss index d45a06c..aefb855 100644 --- a/src/components/TextArea/text-area.module.scss +++ b/src/components/TextArea/text-area.module.scss @@ -83,11 +83,11 @@ $root: text-area; &--medium-size { padding: var(--text-area-padding-md, 10px 14px); - font-size: var(--text-area-font-size-sm, 16px); + font-size: var(--text-area-font-size-md, 16px); } &--large-size { padding: var(--text-area-padding-lg, 12px 16px); - font-size: var(--text-area-font-size-sm, 18px); + font-size: var(--text-area-font-size-lg, 18px); } } diff --git a/src/components/Toast/toast.module.scss b/src/components/Toast/toast.module.scss index aa4ce69..2da2d88 100644 --- a/src/components/Toast/toast.module.scss +++ b/src/components/Toast/toast.module.scss @@ -101,15 +101,15 @@ $root: toast; } &--small-radius { - border-radius: var(--toast-border-radius, 6px); + border-radius: var(--toast-border-radius-sm, 6px); } &--medium-radius { - border-radius: var(--toast-border-radius, 15px); + border-radius: var(--toast-border-radius-md, 15px); } &--large-radius { - border-radius: var(--toast-border-radius, 20px); + border-radius: var(--toast-border-radius-lg, 20px); } &--error-color {