@sdata/web-vue 4.7.1 → 5.0.0

package/es/button/style/token.scss

@@ -1,3 +1,4 @@
+@use '@style/theme/runtime.scss' as theme-runtime;
 @use '@style/theme/index.scss' as global;
 
 @forward '@style/theme/index.scss';
@@ -9,6 +10,7 @@
 $btn-font-weight: global.$font-weight-400;
 $btn-border-width: global.$border-1;
 $btn-border-radius: global.$radius-small;
+$btn-color-loading-mask: var(--sd-color-bg-2);
 
 $btn-size-mini-radius: $btn-border-radius;
 $btn-size-small-radius: $btn-border-radius;
@@ -467,3 +469,1605 @@ $btn-text-color-box-shadow: global.$color-secondary-active;
 $btn-color-box-shadow_warning: global.$color-warning-3;
 $btn-color-box-shadow_danger: global.$color-danger-3;
 $btn-color-box-shadow_success: global.$color-success-3;
+
+// @generated runtime tokens — pnpm theme:generate
+$btn-font-weight: theme-runtime.token(
+  'button',
+  'btn-font-weight',
+  $btn-font-weight,
+  'font-weight-400'
+);
+$btn-border-width: theme-runtime.token('button', 'btn-border-width', $btn-border-width, 'border-1');
+$btn-border-radius: theme-runtime.token('button', 'btn-border-radius', $btn-border-radius);
+$btn-color-loading-mask: theme-runtime.token(
+  'button',
+  'btn-color-loading-mask',
+  $btn-color-loading-mask
+);
+$btn-size-mini-radius: theme-runtime.token('button', 'btn-size-mini-radius', $btn-border-radius);
+$btn-size-small-radius: theme-runtime.token('button', 'btn-size-small-radius', $btn-border-radius);
+$btn-size-default-radius: theme-runtime.token(
+  'button',
+  'btn-size-default-radius',
+  $btn-border-radius
+);
+$btn-size-large-radius: theme-runtime.token('button', 'btn-size-large-radius', $btn-border-radius);
+$btn-size-mini-height: theme-runtime.token(
+  'button',
+  'btn-size-mini-height',
+  $btn-size-mini-height,
+  'size-mini'
+);
+$btn-size-small-height: theme-runtime.token(
+  'button',
+  'btn-size-small-height',
+  $btn-size-small-height,
+  'size-small'
+);
+$btn-size-default-height: theme-runtime.token(
+  'button',
+  'btn-size-default-height',
+  $btn-size-default-height,
+  'size-default'
+);
+$btn-size-large-height: theme-runtime.token(
+  'button',
+  'btn-size-large-height',
+  $btn-size-large-height,
+  'size-large'
+);
+$btn-size-mini-border-width: theme-runtime.token(
+  'button',
+  'btn-size-mini-border-width',
+  $btn-border-width
+);
+$btn-size-small-border-width: theme-runtime.token(
+  'button',
+  'btn-size-small-border-width',
+  $btn-border-width
+);
+$btn-size-default-border-width: theme-runtime.token(
+  'button',
+  'btn-size-default-border-width',
+  $btn-border-width
+);
+$btn-size-large-border-width: theme-runtime.token(
+  'button',
+  'btn-size-large-border-width',
+  $btn-border-width
+);
+$btn-size-mini-icon-spacing: theme-runtime.token(
+  'button',
+  'btn-size-mini-icon-spacing',
+  $btn-size-mini-icon-spacing,
+  'spacing-2'
+);
+$btn-size-small-icon-spacing: theme-runtime.token(
+  'button',
+  'btn-size-small-icon-spacing',
+  $btn-size-small-icon-spacing,
+  'spacing-3'
+);
+$btn-size-default-icon-spacing: theme-runtime.token(
+  'button',
+  'btn-size-default-icon-spacing',
+  $btn-size-default-icon-spacing,
+  'spacing-4'
+);
+$btn-size-large-icon-spacing: theme-runtime.token(
+  'button',
+  'btn-size-large-icon-spacing',
+  $btn-size-large-icon-spacing,
+  'spacing-4'
+);
+$btn-size-mini-icon-vertical-align: theme-runtime.token(
+  'button',
+  'btn-size-mini-icon-vertical-align',
+  $btn-size-mini-icon-vertical-align
+);
+$btn-size-small-icon-vertical-align: theme-runtime.token(
+  'button',
+  'btn-size-small-icon-vertical-align',
+  $btn-size-small-icon-vertical-align
+);
+$btn-size-default-icon-vertical-align: theme-runtime.token(
+  'button',
+  'btn-size-default-icon-vertical-align',
+  $btn-size-default-icon-vertical-align
+);
+$btn-size-large-icon-vertical-align: theme-runtime.token(
+  'button',
+  'btn-size-large-icon-vertical-align',
+  $btn-size-large-icon-vertical-align
+);
+$btn-size-mini-padding-horizontal: theme-runtime.token(
+  'button',
+  'btn-size-mini-padding-horizontal',
+  $btn-size-mini-padding-horizontal
+);
+$btn-size-small-padding-horizontal: theme-runtime.token(
+  'button',
+  'btn-size-small-padding-horizontal',
+  $btn-size-small-padding-horizontal
+);
+$btn-size-default-padding-horizontal: theme-runtime.token(
+  'button',
+  'btn-size-default-padding-horizontal',
+  $btn-size-default-padding-horizontal
+);
+$btn-size-large-padding-horizontal: theme-runtime.token(
+  'button',
+  'btn-size-large-padding-horizontal',
+  $btn-size-large-padding-horizontal
+);
+$btn-size-mini-font-size: theme-runtime.token(
+  'button',
+  'btn-size-mini-font-size',
+  $btn-size-mini-font-size,
+  'font-size-body-1'
+);
+$btn-size-small-font-size: theme-runtime.token(
+  'button',
+  'btn-size-small-font-size',
+  $btn-size-small-font-size,
+  'font-size-body-3'
+);
+$btn-size-default-font-size: theme-runtime.token(
+  'button',
+  'btn-size-default-font-size',
+  $btn-size-default-font-size,
+  'font-size-body-3'
+);
+$btn-size-large-font-size: theme-runtime.token(
+  'button',
+  'btn-size-large-font-size',
+  $btn-size-large-font-size,
+  'font-size-body-3'
+);
+$btn-outline-color-text: theme-runtime.token(
+  'button',
+  'btn-outline-color-text',
+  $btn-outline-color-text,
+  'color-primary-6'
+);
+$btn-outline-color-text_disabled: theme-runtime.token(
+  'button',
+  'btn-outline-color-text-disabled',
+  $btn-outline-color-text_disabled
+);
+$btn-outline-color-text_hover: theme-runtime.token(
+  'button',
+  'btn-outline-color-text-hover',
+  $btn-outline-color-text_hover,
+  'color-primary-5'
+);
+$btn-outline-color-text_active: theme-runtime.token(
+  'button',
+  'btn-outline-color-text-active',
+  $btn-outline-color-text_active,
+  'color-primary-7'
+);
+$btn-outline-color-bg: theme-runtime.token(
+  'button',
+  'btn-outline-color-bg',
+  $btn-outline-color-bg,
+  'color-transparent'
+);
+$btn-outline-color-bg_disabled: theme-runtime.token(
+  'button',
+  'btn-outline-color-bg-disabled',
+  $btn-outline-color-bg_disabled,
+  'color-transparent'
+);
+$btn-outline-color-bg_hover: theme-runtime.token(
+  'button',
+  'btn-outline-color-bg-hover',
+  $btn-outline-color-bg_hover,
+  'color-transparent'
+);
+$btn-outline-color-bg_active: theme-runtime.token(
+  'button',
+  'btn-outline-color-bg-active',
+  $btn-outline-color-bg_active,
+  'color-transparent'
+);
+$btn-outline-color-border: theme-runtime.token(
+  'button',
+  'btn-outline-color-border',
+  $btn-outline-color-border,
+  'color-primary-6'
+);
+$btn-outline-color-border_disabled: theme-runtime.token(
+  'button',
+  'btn-outline-color-border-disabled',
+  $btn-outline-color-border_disabled
+);
+$btn-outline-color-border_hover: theme-runtime.token(
+  'button',
+  'btn-outline-color-border-hover',
+  $btn-outline-color-border_hover,
+  'color-primary-5'
+);
+$btn-outline-color-border_active: theme-runtime.token(
+  'button',
+  'btn-outline-color-border-active',
+  $btn-outline-color-border_active,
+  'color-primary-7'
+);
+$btn-outline-color-text_warning: theme-runtime.token(
+  'button',
+  'btn-outline-color-text-warning',
+  $btn-outline-color-text_warning,
+  'color-warning-6'
+);
+$btn-outline-color-text_warning_disabled: theme-runtime.token(
+  'button',
+  'btn-outline-color-text-warning-disabled',
+  $btn-outline-color-text_warning_disabled
+);
+$btn-outline-color-text_warning_hover: theme-runtime.token(
+  'button',
+  'btn-outline-color-text-warning-hover',
+  $btn-outline-color-text_warning_hover,
+  'color-warning-5'
+);
+$btn-outline-color-text_warning_active: theme-runtime.token(
+  'button',
+  'btn-outline-color-text-warning-active',
+  $btn-outline-color-text_warning_active,
+  'color-warning-7'
+);
+$btn-outline-color-bg_warning: theme-runtime.token(
+  'button',
+  'btn-outline-color-bg-warning',
+  $btn-outline-color-bg_warning,
+  'color-transparent'
+);
+$btn-outline-color-bg_warning_disabled: theme-runtime.token(
+  'button',
+  'btn-outline-color-bg-warning-disabled',
+  $btn-outline-color-bg_warning_disabled,
+  'color-transparent'
+);
+$btn-outline-color-bg_warning_hover: theme-runtime.token(
+  'button',
+  'btn-outline-color-bg-warning-hover',
+  $btn-outline-color-bg_warning_hover,
+  'color-transparent'
+);
+$btn-outline-color-bg_warning_active: theme-runtime.token(
+  'button',
+  'btn-outline-color-bg-warning-active',
+  $btn-outline-color-bg_warning_active,
+  'color-transparent'
+);
+$btn-outline-color-border_warning: theme-runtime.token(
+  'button',
+  'btn-outline-color-border-warning',
+  $btn-outline-color-border_warning,
+  'color-warning-6'
+);
+$btn-outline-color-border_warning_disabled: theme-runtime.token(
+  'button',
+  'btn-outline-color-border-warning-disabled',
+  $btn-outline-color-border_warning_disabled
+);
+$btn-outline-color-border_warning_hover: theme-runtime.token(
+  'button',
+  'btn-outline-color-border-warning-hover',
+  $btn-outline-color-border_warning_hover,
+  'color-warning-5'
+);
+$btn-outline-color-border_warning_active: theme-runtime.token(
+  'button',
+  'btn-outline-color-border-warning-active',
+  $btn-outline-color-border_warning_active,
+  'color-warning-7'
+);
+$btn-outline-color-text_danger: theme-runtime.token(
+  'button',
+  'btn-outline-color-text-danger',
+  $btn-outline-color-text_danger,
+  'color-danger-6'
+);
+$btn-outline-color-text_danger_disabled: theme-runtime.token(
+  'button',
+  'btn-outline-color-text-danger-disabled',
+  $btn-outline-color-text_danger_disabled
+);
+$btn-outline-color-text_danger_hover: theme-runtime.token(
+  'button',
+  'btn-outline-color-text-danger-hover',
+  $btn-outline-color-text_danger_hover,
+  'color-danger-5'
+);
+$btn-outline-color-text_danger_active: theme-runtime.token(
+  'button',
+  'btn-outline-color-text-danger-active',
+  $btn-outline-color-text_danger_active,
+  'color-danger-7'
+);
+$btn-outline-color-bg_danger: theme-runtime.token(
+  'button',
+  'btn-outline-color-bg-danger',
+  $btn-outline-color-bg_danger,
+  'color-transparent'
+);
+$btn-outline-color-bg_danger_disabled: theme-runtime.token(
+  'button',
+  'btn-outline-color-bg-danger-disabled',
+  $btn-outline-color-bg_danger_disabled,
+  'color-transparent'
+);
+$btn-outline-color-bg_danger_hover: theme-runtime.token(
+  'button',
+  'btn-outline-color-bg-danger-hover',
+  $btn-outline-color-bg_danger_hover,
+  'color-transparent'
+);
+$btn-outline-color-bg_danger_active: theme-runtime.token(
+  'button',
+  'btn-outline-color-bg-danger-active',
+  $btn-outline-color-bg_danger_active,
+  'color-transparent'
+);
+$btn-outline-color-border_danger: theme-runtime.token(
+  'button',
+  'btn-outline-color-border-danger',
+  $btn-outline-color-border_danger,
+  'color-danger-6'
+);
+$btn-outline-color-border_danger_disabled: theme-runtime.token(
+  'button',
+  'btn-outline-color-border-danger-disabled',
+  $btn-outline-color-border_danger_disabled
+);
+$btn-outline-color-border_danger_hover: theme-runtime.token(
+  'button',
+  'btn-outline-color-border-danger-hover',
+  $btn-outline-color-border_danger_hover,
+  'color-danger-5'
+);
+$btn-outline-color-border_danger_active: theme-runtime.token(
+  'button',
+  'btn-outline-color-border-danger-active',
+  $btn-outline-color-border_danger_active,
+  'color-danger-7'
+);
+$btn-outline-color-text_success: theme-runtime.token(
+  'button',
+  'btn-outline-color-text-success',
+  $btn-outline-color-text_success,
+  'color-success-6'
+);
+$btn-outline-color-text_success_disabled: theme-runtime.token(
+  'button',
+  'btn-outline-color-text-success-disabled',
+  $btn-outline-color-text_success_disabled
+);
+$btn-outline-color-text_success_hover: theme-runtime.token(
+  'button',
+  'btn-outline-color-text-success-hover',
+  $btn-outline-color-text_success_hover,
+  'color-success-5'
+);
+$btn-outline-color-text_success_active: theme-runtime.token(
+  'button',
+  'btn-outline-color-text-success-active',
+  $btn-outline-color-text_success_active,
+  'color-success-7'
+);
+$btn-outline-color-bg_success: theme-runtime.token(
+  'button',
+  'btn-outline-color-bg-success',
+  $btn-outline-color-bg_success,
+  'color-transparent'
+);
+$btn-outline-color-bg_success_disabled: theme-runtime.token(
+  'button',
+  'btn-outline-color-bg-success-disabled',
+  $btn-outline-color-bg_success_disabled,
+  'color-transparent'
+);
+$btn-outline-color-bg_success_hover: theme-runtime.token(
+  'button',
+  'btn-outline-color-bg-success-hover',
+  $btn-outline-color-bg_success_hover,
+  'color-transparent'
+);
+$btn-outline-color-bg_success_active: theme-runtime.token(
+  'button',
+  'btn-outline-color-bg-success-active',
+  $btn-outline-color-bg_success_active,
+  'color-transparent'
+);
+$btn-outline-color-border_success: theme-runtime.token(
+  'button',
+  'btn-outline-color-border-success',
+  $btn-outline-color-border_success,
+  'color-success-6'
+);
+$btn-outline-color-border_success_disabled: theme-runtime.token(
+  'button',
+  'btn-outline-color-border-success-disabled',
+  $btn-outline-color-border_success_disabled
+);
+$btn-outline-color-border_success_hover: theme-runtime.token(
+  'button',
+  'btn-outline-color-border-success-hover',
+  $btn-outline-color-border_success_hover,
+  'color-success-5'
+);
+$btn-outline-color-border_success_active: theme-runtime.token(
+  'button',
+  'btn-outline-color-border-success-active',
+  $btn-outline-color-border_success_active,
+  'color-success-7'
+);
+$btn-outline-border-style: theme-runtime.token(
+  'button',
+  'btn-outline-border-style',
+  $btn-outline-border-style,
+  'border-solid'
+);
+$btn-primary-color-text: theme-runtime.token(
+  'button',
+  'btn-primary-color-text',
+  $btn-primary-color-text
+);
+$btn-primary-color-text_hover: theme-runtime.token(
+  'button',
+  'btn-primary-color-text-hover',
+  $btn-primary-color-text_hover
+);
+$btn-primary-color-text_active: theme-runtime.token(
+  'button',
+  'btn-primary-color-text-active',
+  $btn-primary-color-text_active
+);
+$btn-primary-color-bg: theme-runtime.token(
+  'button',
+  'btn-primary-color-bg',
+  $btn-primary-color-bg,
+  'color-primary-6'
+);
+$btn-primary-color-bg_disabled: theme-runtime.token(
+  'button',
+  'btn-primary-color-bg-disabled',
+  $btn-primary-color-bg_disabled
+);
+$btn-primary-color-bg_hover: theme-runtime.token(
+  'button',
+  'btn-primary-color-bg-hover',
+  $btn-primary-color-bg_hover,
+  'color-primary-5'
+);
+$btn-primary-color-bg_active: theme-runtime.token(
+  'button',
+  'btn-primary-color-bg-active',
+  $btn-primary-color-bg_active,
+  'color-primary-7'
+);
+$btn-primary-color-border: theme-runtime.token(
+  'button',
+  'btn-primary-color-border',
+  $btn-primary-color-border,
+  'color-transparent'
+);
+$btn-primary-color-border_disabled: theme-runtime.token(
+  'button',
+  'btn-primary-color-border-disabled',
+  $btn-primary-color-border_disabled,
+  'color-transparent'
+);
+$btn-primary-color-border_hover: theme-runtime.token(
+  'button',
+  'btn-primary-color-border-hover',
+  $btn-primary-color-border_hover,
+  'color-transparent'
+);
+$btn-primary-color-border_active: theme-runtime.token(
+  'button',
+  'btn-primary-color-border-active',
+  $btn-primary-color-border_active,
+  'color-transparent'
+);
+$btn-primary-color-text_warning: theme-runtime.token(
+  'button',
+  'btn-primary-color-text-warning',
+  $btn-primary-color-text_warning
+);
+$btn-primary-color-text_warning_disabled: theme-runtime.token(
+  'button',
+  'btn-primary-color-text-warning-disabled',
+  $btn-primary-color-text_warning_disabled
+);
+$btn-primary-color-text_warning_hover: theme-runtime.token(
+  'button',
+  'btn-primary-color-text-warning-hover',
+  $btn-primary-color-text_warning_hover
+);
+$btn-primary-color-text_warning_active: theme-runtime.token(
+  'button',
+  'btn-primary-color-text-warning-active',
+  $btn-primary-color-text_warning_active
+);
+$btn-primary-color-bg_warning: theme-runtime.token(
+  'button',
+  'btn-primary-color-bg-warning',
+  $btn-primary-color-bg_warning,
+  'color-warning-6'
+);
+$btn-primary-color-bg_warning_disabled: theme-runtime.token(
+  'button',
+  'btn-primary-color-bg-warning-disabled',
+  $btn-primary-color-bg_warning_disabled
+);
+$btn-primary-color-bg_warning_hover: theme-runtime.token(
+  'button',
+  'btn-primary-color-bg-warning-hover',
+  $btn-primary-color-bg_warning_hover,
+  'color-warning-5'
+);
+$btn-primary-color-bg_warning_active: theme-runtime.token(
+  'button',
+  'btn-primary-color-bg-warning-active',
+  $btn-primary-color-bg_warning_active,
+  'color-warning-7'
+);
+$btn-primary-color-border_warning: theme-runtime.token(
+  'button',
+  'btn-primary-color-border-warning',
+  $btn-primary-color-border_warning,
+  'color-transparent'
+);
+$btn-primary-color-border_warning_disabled: theme-runtime.token(
+  'button',
+  'btn-primary-color-border-warning-disabled',
+  $btn-primary-color-border_warning_disabled,
+  'color-transparent'
+);
+$btn-primary-color-border_warning_hover: theme-runtime.token(
+  'button',
+  'btn-primary-color-border-warning-hover',
+  $btn-primary-color-border_warning_hover,
+  'color-transparent'
+);
+$btn-primary-color-border_warning_active: theme-runtime.token(
+  'button',
+  'btn-primary-color-border-warning-active',
+  $btn-primary-color-border_warning_active,
+  'color-transparent'
+);
+$btn-primary-color-text_danger: theme-runtime.token(
+  'button',
+  'btn-primary-color-text-danger',
+  $btn-primary-color-text_danger
+);
+$btn-primary-color-text_danger_disabled: theme-runtime.token(
+  'button',
+  'btn-primary-color-text-danger-disabled',
+  $btn-primary-color-text_danger_disabled
+);
+$btn-primary-color-text_danger_hover: theme-runtime.token(
+  'button',
+  'btn-primary-color-text-danger-hover',
+  $btn-primary-color-text_danger_hover
+);
+$btn-primary-color-text_danger_active: theme-runtime.token(
+  'button',
+  'btn-primary-color-text-danger-active',
+  $btn-primary-color-text_danger_active
+);
+$btn-primary-color-bg_danger: theme-runtime.token(
+  'button',
+  'btn-primary-color-bg-danger',
+  $btn-primary-color-bg_danger,
+  'color-danger-6'
+);
+$btn-primary-color-bg_danger_disabled: theme-runtime.token(
+  'button',
+  'btn-primary-color-bg-danger-disabled',
+  $btn-primary-color-bg_danger_disabled
+);
+$btn-primary-color-bg_danger_hover: theme-runtime.token(
+  'button',
+  'btn-primary-color-bg-danger-hover',
+  $btn-primary-color-bg_danger_hover,
+  'color-danger-5'
+);
+$btn-primary-color-bg_danger_active: theme-runtime.token(
+  'button',
+  'btn-primary-color-bg-danger-active',
+  $btn-primary-color-bg_danger_active,
+  'color-danger-7'
+);
+$btn-primary-color-border_danger: theme-runtime.token(
+  'button',
+  'btn-primary-color-border-danger',
+  $btn-primary-color-border_danger,
+  'color-transparent'
+);
+$btn-primary-color-border_danger_disabled: theme-runtime.token(
+  'button',
+  'btn-primary-color-border-danger-disabled',
+  $btn-primary-color-border_danger_disabled,
+  'color-transparent'
+);
+$btn-primary-color-border_danger_hover: theme-runtime.token(
+  'button',
+  'btn-primary-color-border-danger-hover',
+  $btn-primary-color-border_danger_hover,
+  'color-transparent'
+);
+$btn-primary-color-border_danger_active: theme-runtime.token(
+  'button',
+  'btn-primary-color-border-danger-active',
+  $btn-primary-color-border_danger_active,
+  'color-transparent'
+);
+$btn-primary-color-text_success: theme-runtime.token(
+  'button',
+  'btn-primary-color-text-success',
+  $btn-primary-color-text_success
+);
+$btn-primary-color-text_success_disabled: theme-runtime.token(
+  'button',
+  'btn-primary-color-text-success-disabled',
+  $btn-primary-color-text_success_disabled
+);
+$btn-primary-color-text_success_hover: theme-runtime.token(
+  'button',
+  'btn-primary-color-text-success-hover',
+  $btn-primary-color-text_success_hover
+);
+$btn-primary-color-text_success_active: theme-runtime.token(
+  'button',
+  'btn-primary-color-text-success-active',
+  $btn-primary-color-text_success_active
+);
+$btn-primary-color-bg_success: theme-runtime.token(
+  'button',
+  'btn-primary-color-bg-success',
+  $btn-primary-color-bg_success,
+  'color-success-6'
+);
+$btn-primary-color-bg_success_disabled: theme-runtime.token(
+  'button',
+  'btn-primary-color-bg-success-disabled',
+  $btn-primary-color-bg_success_disabled
+);
+$btn-primary-color-bg_success_hover: theme-runtime.token(
+  'button',
+  'btn-primary-color-bg-success-hover',
+  $btn-primary-color-bg_success_hover,
+  'color-success-5'
+);
+$btn-primary-color-bg_success_active: theme-runtime.token(
+  'button',
+  'btn-primary-color-bg-success-active',
+  $btn-primary-color-bg_success_active,
+  'color-success-7'
+);
+$btn-primary-color-border_success: theme-runtime.token(
+  'button',
+  'btn-primary-color-border-success',
+  $btn-primary-color-border_success,
+  'color-transparent'
+);
+$btn-primary-color-border_success_disabled: theme-runtime.token(
+  'button',
+  'btn-primary-color-border-success-disabled',
+  $btn-primary-color-border_success_disabled,
+  'color-transparent'
+);
+$btn-primary-color-border_success_hover: theme-runtime.token(
+  'button',
+  'btn-primary-color-border-success-hover',
+  $btn-primary-color-border_success_hover,
+  'color-transparent'
+);
+$btn-primary-color-border_success_active: theme-runtime.token(
+  'button',
+  'btn-primary-color-border-success-active',
+  $btn-primary-color-border_success_active,
+  'color-transparent'
+);
+$btn-primary-border-style: theme-runtime.token(
+  'button',
+  'btn-primary-border-style',
+  $btn-primary-border-style,
+  'border-solid'
+);
+$btn-secondary-color-text: theme-runtime.token(
+  'button',
+  'btn-secondary-color-text',
+  $btn-secondary-color-text
+);
+$btn-secondary-color-text_disabled: theme-runtime.token(
+  'button',
+  'btn-secondary-color-text-disabled',
+  $btn-secondary-color-text_disabled
+);
+$btn-secondary-color-text_hover: theme-runtime.token(
+  'button',
+  'btn-secondary-color-text-hover',
+  $btn-secondary-color-text_hover
+);
+$btn-secondary-color-text_active: theme-runtime.token(
+  'button',
+  'btn-secondary-color-text-active',
+  $btn-secondary-color-text_active
+);
+$btn-secondary-color-bg: theme-runtime.token(
+  'button',
+  'btn-secondary-color-bg',
+  $btn-secondary-color-bg
+);
+$btn-secondary-color-bg_disabled: theme-runtime.token(
+  'button',
+  'btn-secondary-color-bg-disabled',
+  $btn-secondary-color-bg_disabled
+);
+$btn-secondary-color-bg_hover: theme-runtime.token(
+  'button',
+  'btn-secondary-color-bg-hover',
+  $btn-secondary-color-bg_hover
+);
+$btn-secondary-color-bg_active: theme-runtime.token(
+  'button',
+  'btn-secondary-color-bg-active',
+  $btn-secondary-color-bg_active
+);
+$btn-secondary-color-border: theme-runtime.token(
+  'button',
+  'btn-secondary-color-border',
+  $btn-secondary-color-border,
+  'color-transparent'
+);
+$btn-secondary-color-border_disabled: theme-runtime.token(
+  'button',
+  'btn-secondary-color-border-disabled',
+  $btn-secondary-color-border_disabled,
+  'color-transparent'
+);
+$btn-secondary-color-border_hover: theme-runtime.token(
+  'button',
+  'btn-secondary-color-border-hover',
+  $btn-secondary-color-border_hover,
+  'color-transparent'
+);
+$btn-secondary-color-border_active: theme-runtime.token(
+  'button',
+  'btn-secondary-color-border-active',
+  $btn-secondary-color-border_active,
+  'color-transparent'
+);
+$btn-secondary-color-text_warning: theme-runtime.token(
+  'button',
+  'btn-secondary-color-text-warning',
+  $btn-secondary-color-text_warning,
+  'color-warning-6'
+);
+$btn-secondary-color-text_warning_disabled: theme-runtime.token(
+  'button',
+  'btn-secondary-color-text-warning-disabled',
+  $btn-secondary-color-text_warning_disabled
+);
+$btn-secondary-color-text_warning_hover: theme-runtime.token(
+  'button',
+  'btn-secondary-color-text-warning-hover',
+  $btn-secondary-color-text_warning_hover,
+  'color-warning-6'
+);
+$btn-secondary-color-text_warning_active: theme-runtime.token(
+  'button',
+  'btn-secondary-color-text-warning-active',
+  $btn-secondary-color-text_warning_active,
+  'color-warning-6'
+);
+$btn-secondary-color-bg_warning: theme-runtime.token(
+  'button',
+  'btn-secondary-color-bg-warning',
+  $btn-secondary-color-bg_warning
+);
+$btn-secondary-color-bg_warning_disabled: theme-runtime.token(
+  'button',
+  'btn-secondary-color-bg-warning-disabled',
+  $btn-secondary-color-bg_warning_disabled
+);
+$btn-secondary-color-bg_warning_hover: theme-runtime.token(
+  'button',
+  'btn-secondary-color-bg-warning-hover',
+  $btn-secondary-color-bg_warning_hover
+);
+$btn-secondary-color-bg_warning_active: theme-runtime.token(
+  'button',
+  'btn-secondary-color-bg-warning-active',
+  $btn-secondary-color-bg_warning_active
+);
+$btn-secondary-color-border_warning: theme-runtime.token(
+  'button',
+  'btn-secondary-color-border-warning',
+  $btn-secondary-color-border_warning,
+  'color-transparent'
+);
+$btn-secondary-color-border_warning_disabled: theme-runtime.token(
+  'button',
+  'btn-secondary-color-border-warning-disabled',
+  $btn-secondary-color-border_warning_disabled,
+  'color-transparent'
+);
+$btn-secondary-color-border_warning_hover: theme-runtime.token(
+  'button',
+  'btn-secondary-color-border-warning-hover',
+  $btn-secondary-color-border_warning_hover,
+  'color-transparent'
+);
+$btn-secondary-color-border_warning_active: theme-runtime.token(
+  'button',
+  'btn-secondary-color-border-warning-active',
+  $btn-secondary-color-border_warning_active,
+  'color-transparent'
+);
+$btn-secondary-color-text_danger: theme-runtime.token(
+  'button',
+  'btn-secondary-color-text-danger',
+  $btn-secondary-color-text_danger,
+  'color-danger-6'
+);
+$btn-secondary-color-text_danger_disabled: theme-runtime.token(
+  'button',
+  'btn-secondary-color-text-danger-disabled',
+  $btn-secondary-color-text_danger_disabled
+);
+$btn-secondary-color-text_danger_hover: theme-runtime.token(
+  'button',
+  'btn-secondary-color-text-danger-hover',
+  $btn-secondary-color-text_danger_hover,
+  'color-danger-6'
+);
+$btn-secondary-color-text_danger_active: theme-runtime.token(
+  'button',
+  'btn-secondary-color-text-danger-active',
+  $btn-secondary-color-text_danger_active,
+  'color-danger-6'
+);
+$btn-secondary-color-bg_danger: theme-runtime.token(
+  'button',
+  'btn-secondary-color-bg-danger',
+  $btn-secondary-color-bg_danger
+);
+$btn-secondary-color-bg_danger_disabled: theme-runtime.token(
+  'button',
+  'btn-secondary-color-bg-danger-disabled',
+  $btn-secondary-color-bg_danger_disabled
+);
+$btn-secondary-color-bg_danger_hover: theme-runtime.token(
+  'button',
+  'btn-secondary-color-bg-danger-hover',
+  $btn-secondary-color-bg_danger_hover
+);
+$btn-secondary-color-bg_danger_active: theme-runtime.token(
+  'button',
+  'btn-secondary-color-bg-danger-active',
+  $btn-secondary-color-bg_danger_active
+);
+$btn-secondary-color-border_danger: theme-runtime.token(
+  'button',
+  'btn-secondary-color-border-danger',
+  $btn-secondary-color-border_danger,
+  'color-transparent'
+);
+$btn-secondary-color-border_danger_disabled: theme-runtime.token(
+  'button',
+  'btn-secondary-color-border-danger-disabled',
+  $btn-secondary-color-border_danger_disabled,
+  'color-transparent'
+);
+$btn-secondary-color-border_danger_hover: theme-runtime.token(
+  'button',
+  'btn-secondary-color-border-danger-hover',
+  $btn-secondary-color-border_danger_hover,
+  'color-transparent'
+);
+$btn-secondary-color-border_danger_active: theme-runtime.token(
+  'button',
+  'btn-secondary-color-border-danger-active',
+  $btn-secondary-color-border_danger_active,
+  'color-transparent'
+);
+$btn-secondary-color-text_success: theme-runtime.token(
+  'button',
+  'btn-secondary-color-text-success',
+  $btn-secondary-color-text_success,
+  'color-success-6'
+);
+$btn-secondary-color-text_success_disabled: theme-runtime.token(
+  'button',
+  'btn-secondary-color-text-success-disabled',
+  $btn-secondary-color-text_success_disabled
+);
+$btn-secondary-color-text_success_hover: theme-runtime.token(
+  'button',
+  'btn-secondary-color-text-success-hover',
+  $btn-secondary-color-text_success_hover,
+  'color-success-6'
+);
+$btn-secondary-color-text_success_active: theme-runtime.token(
+  'button',
+  'btn-secondary-color-text-success-active',
+  $btn-secondary-color-text_success_active,
+  'color-success-6'
+);
+$btn-secondary-color-bg_success: theme-runtime.token(
+  'button',
+  'btn-secondary-color-bg-success',
+  $btn-secondary-color-bg_success
+);
+$btn-secondary-color-bg_success_disabled: theme-runtime.token(
+  'button',
+  'btn-secondary-color-bg-success-disabled',
+  $btn-secondary-color-bg_success_disabled
+);
+$btn-secondary-color-bg_success_hover: theme-runtime.token(
+  'button',
+  'btn-secondary-color-bg-success-hover',
+  $btn-secondary-color-bg_success_hover
+);
+$btn-secondary-color-bg_success_active: theme-runtime.token(
+  'button',
+  'btn-secondary-color-bg-success-active',
+  $btn-secondary-color-bg_success_active
+);
+$btn-secondary-color-border_success: theme-runtime.token(
+  'button',
+  'btn-secondary-color-border-success',
+  $btn-secondary-color-border_success,
+  'color-transparent'
+);
+$btn-secondary-color-border_success_disabled: theme-runtime.token(
+  'button',
+  'btn-secondary-color-border-success-disabled',
+  $btn-secondary-color-border_success_disabled,
+  'color-transparent'
+);
+$btn-secondary-color-border_success_hover: theme-runtime.token(
+  'button',
+  'btn-secondary-color-border-success-hover',
+  $btn-secondary-color-border_success_hover,
+  'color-transparent'
+);
+$btn-secondary-color-border_success_active: theme-runtime.token(
+  'button',
+  'btn-secondary-color-border-success-active',
+  $btn-secondary-color-border_success_active,
+  'color-transparent'
+);
+$btn-secondary-border-style: theme-runtime.token(
+  'button',
+  'btn-secondary-border-style',
+  $btn-secondary-border-style,
+  'border-solid'
+);
+$btn-dashed-color-text: theme-runtime.token(
+  'button',
+  'btn-dashed-color-text',
+  $btn-dashed-color-text
+);
+$btn-dashed-color-text_disabled: theme-runtime.token(
+  'button',
+  'btn-dashed-color-text-disabled',
+  $btn-dashed-color-text_disabled
+);
+$btn-dashed-color-text_hover: theme-runtime.token(
+  'button',
+  'btn-dashed-color-text-hover',
+  $btn-dashed-color-text_hover
+);
+$btn-dashed-color-text_active: theme-runtime.token(
+  'button',
+  'btn-dashed-color-text-active',
+  $btn-dashed-color-text_active
+);
+$btn-dashed-color-bg: theme-runtime.token('button', 'btn-dashed-color-bg', $btn-dashed-color-bg);
+$btn-dashed-color-bg_disabled: theme-runtime.token(
+  'button',
+  'btn-dashed-color-bg-disabled',
+  $btn-dashed-color-bg_disabled
+);
+$btn-dashed-color-bg_hover: theme-runtime.token(
+  'button',
+  'btn-dashed-color-bg-hover',
+  $btn-dashed-color-bg_hover
+);
+$btn-dashed-color-bg_active: theme-runtime.token(
+  'button',
+  'btn-dashed-color-bg-active',
+  $btn-dashed-color-bg_active
+);
+$btn-dashed-color-border: theme-runtime.token(
+  'button',
+  'btn-dashed-color-border',
+  $btn-dashed-color-border
+);
+$btn-dashed-color-border_disabled: theme-runtime.token(
+  'button',
+  'btn-dashed-color-border-disabled',
+  $btn-dashed-color-border_disabled
+);
+$btn-dashed-color-border_hover: theme-runtime.token(
+  'button',
+  'btn-dashed-color-border-hover',
+  $btn-dashed-color-border_hover
+);
+$btn-dashed-color-border_active: theme-runtime.token(
+  'button',
+  'btn-dashed-color-border-active',
+  $btn-dashed-color-border_active
+);
+$btn-dashed-color-text_warning: theme-runtime.token(
+  'button',
+  'btn-dashed-color-text-warning',
+  $btn-dashed-color-text_warning,
+  'color-warning-6'
+);
+$btn-dashed-color-text_warning_disabled: theme-runtime.token(
+  'button',
+  'btn-dashed-color-text-warning-disabled',
+  $btn-dashed-color-text_warning_disabled
+);
+$btn-dashed-color-text_warning_hover: theme-runtime.token(
+  'button',
+  'btn-dashed-color-text-warning-hover',
+  $btn-dashed-color-text_warning_hover,
+  'color-warning-6'
+);
+$btn-dashed-color-text_warning_active: theme-runtime.token(
+  'button',
+  'btn-dashed-color-text-warning-active',
+  $btn-dashed-color-text_warning_active,
+  'color-warning-6'
+);
+$btn-dashed-color-bg_warning: theme-runtime.token(
+  'button',
+  'btn-dashed-color-bg-warning',
+  $btn-dashed-color-bg_warning
+);
+$btn-dashed-color-bg_warning_disabled: theme-runtime.token(
+  'button',
+  'btn-dashed-color-bg-warning-disabled',
+  $btn-dashed-color-bg_warning_disabled
+);
+$btn-dashed-color-bg_warning_hover: theme-runtime.token(
+  'button',
+  'btn-dashed-color-bg-warning-hover',
+  $btn-dashed-color-bg_warning_hover
+);
+$btn-dashed-color-bg_warning_active: theme-runtime.token(
+  'button',
+  'btn-dashed-color-bg-warning-active',
+  $btn-dashed-color-bg_warning_active
+);
+$btn-dashed-color-border_warning: theme-runtime.token(
+  'button',
+  'btn-dashed-color-border-warning',
+  $btn-dashed-color-border_warning
+);
+$btn-dashed-color-border_warning_disabled: theme-runtime.token(
+  'button',
+  'btn-dashed-color-border-warning-disabled',
+  $btn-dashed-color-border_warning_disabled
+);
+$btn-dashed-color-border_warning_hover: theme-runtime.token(
+  'button',
+  'btn-dashed-color-border-warning-hover',
+  $btn-dashed-color-border_warning_hover
+);
+$btn-dashed-color-border_warning_active: theme-runtime.token(
+  'button',
+  'btn-dashed-color-border-warning-active',
+  $btn-dashed-color-border_warning_active
+);
+$btn-dashed-color-text_danger: theme-runtime.token(
+  'button',
+  'btn-dashed-color-text-danger',
+  $btn-dashed-color-text_danger,
+  'color-danger-6'
+);
+$btn-dashed-color-text_danger_disabled: theme-runtime.token(
+  'button',
+  'btn-dashed-color-text-danger-disabled',
+  $btn-dashed-color-text_danger_disabled
+);
+$btn-dashed-color-text_danger_hover: theme-runtime.token(
+  'button',
+  'btn-dashed-color-text-danger-hover',
+  $btn-dashed-color-text_danger_hover,
+  'color-danger-6'
+);
+$btn-dashed-color-text_danger_active: theme-runtime.token(
+  'button',
+  'btn-dashed-color-text-danger-active',
+  $btn-dashed-color-text_danger_active,
+  'color-danger-6'
+);
+$btn-dashed-color-bg_danger: theme-runtime.token(
+  'button',
+  'btn-dashed-color-bg-danger',
+  $btn-dashed-color-bg_danger
+);
+$btn-dashed-color-bg_danger_disabled: theme-runtime.token(
+  'button',
+  'btn-dashed-color-bg-danger-disabled',
+  $btn-dashed-color-bg_danger_disabled
+);
+$btn-dashed-color-bg_danger_hover: theme-runtime.token(
+  'button',
+  'btn-dashed-color-bg-danger-hover',
+  $btn-dashed-color-bg_danger_hover
+);
+$btn-dashed-color-bg_danger_active: theme-runtime.token(
+  'button',
+  'btn-dashed-color-bg-danger-active',
+  $btn-dashed-color-bg_danger_active
+);
+$btn-dashed-color-border_danger: theme-runtime.token(
+  'button',
+  'btn-dashed-color-border-danger',
+  $btn-dashed-color-border_danger
+);
+$btn-dashed-color-border_danger_disabled: theme-runtime.token(
+  'button',
+  'btn-dashed-color-border-danger-disabled',
+  $btn-dashed-color-border_danger_disabled
+);
+$btn-dashed-color-border_danger_hover: theme-runtime.token(
+  'button',
+  'btn-dashed-color-border-danger-hover',
+  $btn-dashed-color-border_danger_hover
+);
+$btn-dashed-color-border_danger_active: theme-runtime.token(
+  'button',
+  'btn-dashed-color-border-danger-active',
+  $btn-dashed-color-border_danger_active
+);
+$btn-dashed-color-text_success: theme-runtime.token(
+  'button',
+  'btn-dashed-color-text-success',
+  $btn-dashed-color-text_success,
+  'color-success-6'
+);
+$btn-dashed-color-text_success_disabled: theme-runtime.token(
+  'button',
+  'btn-dashed-color-text-success-disabled',
+  $btn-dashed-color-text_success_disabled
+);
+$btn-dashed-color-text_success_hover: theme-runtime.token(
+  'button',
+  'btn-dashed-color-text-success-hover',
+  $btn-dashed-color-text_success_hover,
+  'color-success-6'
+);
+$btn-dashed-color-text_success_active: theme-runtime.token(
+  'button',
+  'btn-dashed-color-text-success-active',
+  $btn-dashed-color-text_success_active,
+  'color-success-6'
+);
+$btn-dashed-color-bg_success: theme-runtime.token(
+  'button',
+  'btn-dashed-color-bg-success',
+  $btn-dashed-color-bg_success
+);
+$btn-dashed-color-bg_success_disabled: theme-runtime.token(
+  'button',
+  'btn-dashed-color-bg-success-disabled',
+  $btn-dashed-color-bg_success_disabled
+);
+$btn-dashed-color-bg_success_hover: theme-runtime.token(
+  'button',
+  'btn-dashed-color-bg-success-hover',
+  $btn-dashed-color-bg_success_hover
+);
+$btn-dashed-color-bg_success_active: theme-runtime.token(
+  'button',
+  'btn-dashed-color-bg-success-active',
+  $btn-dashed-color-bg_success_active
+);
+$btn-dashed-color-border_success: theme-runtime.token(
+  'button',
+  'btn-dashed-color-border-success',
+  $btn-dashed-color-border_success
+);
+$btn-dashed-color-border_success_disabled: theme-runtime.token(
+  'button',
+  'btn-dashed-color-border-success-disabled',
+  $btn-dashed-color-border_success_disabled
+);
+$btn-dashed-color-border_success_hover: theme-runtime.token(
+  'button',
+  'btn-dashed-color-border-success-hover',
+  $btn-dashed-color-border_success_hover
+);
+$btn-dashed-color-border_success_active: theme-runtime.token(
+  'button',
+  'btn-dashed-color-border-success-active',
+  $btn-dashed-color-border_success_active
+);
+$btn-dashed-border-style: theme-runtime.token(
+  'button',
+  'btn-dashed-border-style',
+  $btn-dashed-border-style,
+  'border-dashed'
+);
+$btn-text-color-text: theme-runtime.token(
+  'button',
+  'btn-text-color-text',
+  $btn-text-color-text,
+  'color-primary-6'
+);
+$btn-text-color-text_disabled: theme-runtime.token(
+  'button',
+  'btn-text-color-text-disabled',
+  $btn-text-color-text_disabled
+);
+$btn-text-color-text_hover: theme-runtime.token(
+  'button',
+  'btn-text-color-text-hover',
+  $btn-text-color-text_hover,
+  'color-primary-6'
+);
+$btn-text-color-text_active: theme-runtime.token(
+  'button',
+  'btn-text-color-text-active',
+  $btn-text-color-text_active,
+  'color-primary-6'
+);
+$btn-text-color-bg: theme-runtime.token(
+  'button',
+  'btn-text-color-bg',
+  $btn-text-color-bg,
+  'color-transparent'
+);
+$btn-text-color-bg_disabled: theme-runtime.token(
+  'button',
+  'btn-text-color-bg-disabled',
+  $btn-text-color-bg_disabled,
+  'color-transparent'
+);
+$btn-text-color-bg_hover: theme-runtime.token(
+  'button',
+  'btn-text-color-bg-hover',
+  $btn-text-color-bg_hover
+);
+$btn-text-color-bg_active: theme-runtime.token(
+  'button',
+  'btn-text-color-bg-active',
+  $btn-text-color-bg_active
+);
+$btn-text-color-border: theme-runtime.token(
+  'button',
+  'btn-text-color-border',
+  $btn-text-color-border,
+  'color-transparent'
+);
+$btn-text-color-border_disabled: theme-runtime.token(
+  'button',
+  'btn-text-color-border-disabled',
+  $btn-text-color-border_disabled,
+  'color-transparent'
+);
+$btn-text-color-border_hover: theme-runtime.token(
+  'button',
+  'btn-text-color-border-hover',
+  $btn-text-color-border_hover,
+  'color-transparent'
+);
+$btn-text-color-border_active: theme-runtime.token(
+  'button',
+  'btn-text-color-border-active',
+  $btn-text-color-border_active,
+  'color-transparent'
+);
+$btn-text-color-text_warning: theme-runtime.token(
+  'button',
+  'btn-text-color-text-warning',
+  $btn-text-color-text_warning,
+  'color-warning-6'
+);
+$btn-text-color-text_warning_disabled: theme-runtime.token(
+  'button',
+  'btn-text-color-text-warning-disabled',
+  $btn-text-color-text_warning_disabled
+);
+$btn-text-color-text_warning_hover: theme-runtime.token(
+  'button',
+  'btn-text-color-text-warning-hover',
+  $btn-text-color-text_warning_hover,
+  'color-warning-6'
+);
+$btn-text-color-text_warning_active: theme-runtime.token(
+  'button',
+  'btn-text-color-text-warning-active',
+  $btn-text-color-text_warning_active,
+  'color-warning-6'
+);
+$btn-text-color-bg_warning: theme-runtime.token(
+  'button',
+  'btn-text-color-bg-warning',
+  $btn-text-color-bg_warning,
+  'color-transparent'
+);
+$btn-text-color-bg_warning_disabled: theme-runtime.token(
+  'button',
+  'btn-text-color-bg-warning-disabled',
+  $btn-text-color-bg_warning_disabled,
+  'color-transparent'
+);
+$btn-text-color-bg_warning_hover: theme-runtime.token(
+  'button',
+  'btn-text-color-bg-warning-hover',
+  $btn-text-color-bg_warning_hover
+);
+$btn-text-color-bg_warning_active: theme-runtime.token(
+  'button',
+  'btn-text-color-bg-warning-active',
+  $btn-text-color-bg_warning_active
+);
+$btn-text-color-border_warning: theme-runtime.token(
+  'button',
+  'btn-text-color-border-warning',
+  $btn-text-color-border_warning,
+  'color-transparent'
+);
+$btn-text-color-border_warning_disabled: theme-runtime.token(
+  'button',
+  'btn-text-color-border-warning-disabled',
+  $btn-text-color-border_warning_disabled,
+  'color-transparent'
+);
+$btn-text-color-border_warning_hover: theme-runtime.token(
+  'button',
+  'btn-text-color-border-warning-hover',
+  $btn-text-color-border_warning_hover,
+  'color-transparent'
+);
+$btn-text-color-border_warning_active: theme-runtime.token(
+  'button',
+  'btn-text-color-border-warning-active',
+  $btn-text-color-border_warning_active,
+  'color-transparent'
+);
+$btn-text-color-text_danger: theme-runtime.token(
+  'button',
+  'btn-text-color-text-danger',
+  $btn-text-color-text_danger,
+  'color-danger-6'
+);
+$btn-text-color-text_danger_disabled: theme-runtime.token(
+  'button',
+  'btn-text-color-text-danger-disabled',
+  $btn-text-color-text_danger_disabled
+);
+$btn-text-color-text_danger_hover: theme-runtime.token(
+  'button',
+  'btn-text-color-text-danger-hover',
+  $btn-text-color-text_danger_hover,
+  'color-danger-6'
+);
+$btn-text-color-text_danger_active: theme-runtime.token(
+  'button',
+  'btn-text-color-text-danger-active',
+  $btn-text-color-text_danger_active,
+  'color-danger-6'
+);
+$btn-text-color-bg_danger: theme-runtime.token(
+  'button',
+  'btn-text-color-bg-danger',
+  $btn-text-color-bg_danger,
+  'color-transparent'
+);
+$btn-text-color-bg_danger_disabled: theme-runtime.token(
+  'button',
+  'btn-text-color-bg-danger-disabled',
+  $btn-text-color-bg_danger_disabled,
+  'color-transparent'
+);
+$btn-text-color-bg_danger_hover: theme-runtime.token(
+  'button',
+  'btn-text-color-bg-danger-hover',
+  $btn-text-color-bg_danger_hover
+);
+$btn-text-color-bg_danger_active: theme-runtime.token(
+  'button',
+  'btn-text-color-bg-danger-active',
+  $btn-text-color-bg_danger_active
+);
+$btn-text-color-border_danger: theme-runtime.token(
+  'button',
+  'btn-text-color-border-danger',
+  $btn-text-color-border_danger,
+  'color-transparent'
+);
+$btn-text-color-border_danger_disabled: theme-runtime.token(
+  'button',
+  'btn-text-color-border-danger-disabled',
+  $btn-text-color-border_danger_disabled,
+  'color-transparent'
+);
+$btn-text-color-border_danger_hover: theme-runtime.token(
+  'button',
+  'btn-text-color-border-danger-hover',
+  $btn-text-color-border_danger_hover,
+  'color-transparent'
+);
+$btn-text-color-border_danger_active: theme-runtime.token(
+  'button',
+  'btn-text-color-border-danger-active',
+  $btn-text-color-border_danger_active,
+  'color-transparent'
+);
+$btn-text-color-text_success: theme-runtime.token(
+  'button',
+  'btn-text-color-text-success',
+  $btn-text-color-text_success,
+  'color-success-6'
+);
+$btn-text-color-text_success_disabled: theme-runtime.token(
+  'button',
+  'btn-text-color-text-success-disabled',
+  $btn-text-color-text_success_disabled
+);
+$btn-text-color-text_success_hover: theme-runtime.token(
+  'button',
+  'btn-text-color-text-success-hover',
+  $btn-text-color-text_success_hover,
+  'color-success-6'
+);
+$btn-text-color-text_success_active: theme-runtime.token(
+  'button',
+  'btn-text-color-text-success-active',
+  $btn-text-color-text_success_active,
+  'color-success-6'
+);
+$btn-text-color-bg_success: theme-runtime.token(
+  'button',
+  'btn-text-color-bg-success',
+  $btn-text-color-bg_success,
+  'color-transparent'
+);
+$btn-text-color-bg_success_disabled: theme-runtime.token(
+  'button',
+  'btn-text-color-bg-success-disabled',
+  $btn-text-color-bg_success_disabled,
+  'color-transparent'
+);
+$btn-text-color-bg_success_hover: theme-runtime.token(
+  'button',
+  'btn-text-color-bg-success-hover',
+  $btn-text-color-bg_success_hover
+);
+$btn-text-color-bg_success_active: theme-runtime.token(
+  'button',
+  'btn-text-color-bg-success-active',
+  $btn-text-color-bg_success_active
+);
+$btn-text-color-border_success: theme-runtime.token(
+  'button',
+  'btn-text-color-border-success',
+  $btn-text-color-border_success,
+  'color-transparent'
+);
+$btn-text-color-border_success_disabled: theme-runtime.token(
+  'button',
+  'btn-text-color-border-success-disabled',
+  $btn-text-color-border_success_disabled,
+  'color-transparent'
+);
+$btn-text-color-border_success_hover: theme-runtime.token(
+  'button',
+  'btn-text-color-border-success-hover',
+  $btn-text-color-border_success_hover,
+  'color-transparent'
+);
+$btn-text-color-border_success_active: theme-runtime.token(
+  'button',
+  'btn-text-color-border-success-active',
+  $btn-text-color-border_success_active,
+  'color-transparent'
+);
+$btn-text-border-style: theme-runtime.token(
+  'button',
+  'btn-text-border-style',
+  $btn-text-border-style,
+  'border-solid'
+);
+$btn-size-medium-radius: theme-runtime.token(
+  'button',
+  'btn-size-medium-radius',
+  $btn-size-default-radius
+);
+$btn-size-medium-border-width: theme-runtime.token(
+  'button',
+  'btn-size-medium-border-width',
+  $btn-size-default-border-width
+);
+$btn-size-medium-icon-spacing: theme-runtime.token(
+  'button',
+  'btn-size-medium-icon-spacing',
+  $btn-size-default-icon-spacing
+);
+$btn-size-medium-icon-vertical-align: theme-runtime.token(
+  'button',
+  'btn-size-medium-icon-vertical-align',
+  $btn-size-default-icon-vertical-align
+);
+$btn-size-medium-padding-horizontal: theme-runtime.token(
+  'button',
+  'btn-size-medium-padding-horizontal',
+  $btn-size-default-padding-horizontal
+);
+$btn-size-medium-font-size: theme-runtime.token(
+  'button',
+  'btn-size-medium-font-size',
+  $btn-size-default-font-size
+);
+$btn-size-medium-height: theme-runtime.token(
+  'button',
+  'btn-size-medium-height',
+  $btn-size-default-height
+);
+$btn-box-shadow-radius: theme-runtime.token(
+  'button',
+  'btn-box-shadow-radius',
+  $btn-box-shadow-radius
+);
+$btn-primary-color-box-shadow: theme-runtime.token(
+  'button',
+  'btn-primary-color-box-shadow',
+  $btn-primary-color-box-shadow,
+  'color-primary-3'
+);
+$btn-outline-color-box-shadow: theme-runtime.token(
+  'button',
+  'btn-outline-color-box-shadow',
+  $btn-outline-color-box-shadow,
+  'color-primary-3'
+);
+$btn-secondary-color-box-shadow: theme-runtime.token(
+  'button',
+  'btn-secondary-color-box-shadow',
+  $btn-secondary-color-box-shadow,
+  'color-secondary-active'
+);
+$btn-dashed-color-box-shadow: theme-runtime.token(
+  'button',
+  'btn-dashed-color-box-shadow',
+  $btn-dashed-color-box-shadow,
+  'color-secondary-active'
+);
+$btn-text-color-box-shadow: theme-runtime.token(
+  'button',
+  'btn-text-color-box-shadow',
+  $btn-text-color-box-shadow,
+  'color-secondary-active'
+);
+$btn-color-box-shadow_warning: theme-runtime.token(
+  'button',
+  'btn-color-box-shadow-warning',
+  $btn-color-box-shadow_warning,
+  'color-warning-3'
+);
+$btn-color-box-shadow_danger: theme-runtime.token(
+  'button',
+  'btn-color-box-shadow-danger',
+  $btn-color-box-shadow_danger,
+  'color-danger-3'
+);
+$btn-color-box-shadow_success: theme-runtime.token(
+  'button',
+  'btn-color-box-shadow-success',
+  $btn-color-box-shadow_success,
+  'color-success-3'
+);