@sdata/web-vue 1.6.0 → 1.7.0

package/es/button/style/index.less

@@ -1,303 +0,0 @@
-@import url('./token.less');
-
-@btn-prefix-cls: ~'@{prefix}-btn';
-
-.@{btn-prefix-cls} {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  font-weight: @btn-font-weight;
-  line-height: @line-height-base;
-  white-space: nowrap;
-  outline: none;
-  cursor: pointer;
-  transition: all @transition-duration-1 @transition-timing-function-linear;
-  appearance: none;
-  user-select: none;
-
-  > a:only-child {
-    color: currentcolor;
-  }
-
-  &:active {
-    transition: none;
-  }
-
-  &-long {
-    display: flex;
-    width: 100%;
-  }
-
-  &-link {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    text-decoration: none;
-
-    &:not([href]) {
-      color: var(~'@{sd-cssvars-prefix}-color-text-4');
-    }
-
-    &:hover {
-      text-decoration: none;
-    }
-
-    &.@{btn-prefix-cls}-only-icon {
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      vertical-align: top;
-    }
-  }
-
-  &.@{btn-prefix-cls}-only-icon .@{btn-prefix-cls}-icon {
-    display: flex;
-    justify-content: center;
-  }
-
-  &-loading {
-    position: relative;
-    cursor: default;
-
-    &::before {
-      position: absolute;
-      inset: -1px;
-      z-index: 1;
-      display: block;
-      background: #fff;
-      border-radius: inherit;
-      opacity: 0.4;
-      transition: opacity @transition-duration-1 @transition-timing-function-linear;
-      content: '';
-      pointer-events: none;
-    }
-  }
-
-  &-loading-fixed-width {
-    transition: none;
-  }
-
-  &-two-chinese-chars > *:not(svg) {
-    margin-right: -0.3em;
-    letter-spacing: 0.3em;
-  }
-}
-
-.btn-type(@type) {
-  .normal() {
-    color: ~'@{btn-@{type}-color-text}';
-    background-color: ~'@{btn-@{type}-color-bg}';
-    border: @btn-size-default-border-width ~'@{btn-@{type}-border-style}'
-      ~'@{btn-@{type}-color-border}';
-  }
-
-  .@{btn-prefix-cls}-@{type},
-  .@{btn-prefix-cls}-@{type}[type='button'],
-  .@{btn-prefix-cls}-@{type}[type='submit'] {
-    .normal();
-
-    &:hover {
-      color: ~'@{btn-@{type}-color-text_hover}';
-      background-color: ~'@{btn-@{type}-color-bg_hover}';
-      border-color: ~'@{btn-@{type}-color-border_hover}';
-    }
-
-    &:focus-visible {
-      box-shadow: 0 0 0 @btn-box-shadow-radius ~'@{btn-@{type}-color-box-shadow}';
-    }
-
-    &:active {
-      color: ~'@{btn-@{type}-color-text_active}';
-      background-color: ~'@{btn-@{type}-color-bg_active}';
-      border-color: ~'@{btn-@{type}-color-border_active}';
-    }
-
-    &.@{btn-prefix-cls}-loading {
-      .normal();
-    }
-
-    &.@{btn-prefix-cls}-disabled {
-      color: ~'@{btn-@{type}-color-text_disabled}';
-      background-color: ~'@{btn-@{type}-color-bg_disabled}';
-      border: @btn-size-default-border-width ~'@{btn-@{type}-border-style}'
-        ~'@{btn-@{type}-color-border_disabled}';
-      cursor: not-allowed;
-    }
-  }
-}
-
-.btn-status(@type, @status) {
-  .normal() {
-    color: ~'@{btn-@{type}-color-text_@{status}}';
-    background-color: ~'@{btn-@{type}-color-bg_@{status}}';
-    border-color: ~'@{btn-@{type}-color-border_@{status}}';
-  }
-
-  .@{btn-prefix-cls}-@{type}.@{btn-prefix-cls}-status-@{status} {
-    .normal();
-
-    &:hover {
-      color: ~'@{btn-@{type}-color-text_@{status}_hover}';
-      background-color: ~'@{btn-@{type}-color-bg_@{status}_hover}';
-      border-color: ~'@{btn-@{type}-color-border_@{status}_hover}';
-    }
-
-    &:focus-visible {
-      box-shadow: 0 0 0 @btn-box-shadow-radius ~'@{btn-color-box-shadow_@{status}}';
-    }
-
-    &:active {
-      color: ~'@{btn-@{type}-color-text_@{status}_active}';
-      background-color: ~'@{btn-@{type}-color-bg_@{status}_active}';
-      border-color: ~'@{btn-@{type}-color-border_@{status}_active}';
-    }
-
-    &.@{btn-prefix-cls}-loading {
-      .normal();
-    }
-
-    &.@{btn-prefix-cls}-disabled {
-      color: ~'@{btn-@{type}-color-text_@{status}_disabled}';
-      background-color: ~'@{btn-@{type}-color-bg_@{status}_disabled}';
-      border: @btn-size-default-border-width ~'@{btn-@{type}-border-style}'
-        ~'@{btn-@{type}-color-border_@{status}_disabled}';
-    }
-  }
-}
-
-.btn-size(@size) {
-  @size-type: ~'size-@{size}';
-  @size-height: ~'btn-size-@{size}-height';
-  @bsp: ~'btn-@{size-type}-padding-horizontal';
-  @bsf: ~'btn-@{size-type}-font-size';
-  @bss: ~'btn-@{size-type}-icon-spacing';
-
-  .@{btn-prefix-cls}-@{size-type} {
-    height: @@size-height;
-    padding: 0 @@bsp;
-    font-size: @@bsf;
-    border-radius: ~'@{btn-@{size-type}-radius}';
-
-    &:not(.@{btn-prefix-cls}-only-icon) .@{btn-prefix-cls}-icon {
-      margin-right: ~'@{btn-@{size-type}-icon-spacing}';
-    }
-
-    svg {
-      vertical-align: ~'@{btn-@{size-type}-icon-vertical-align}';
-    }
-  }
-
-  .@{btn-prefix-cls}-@{size-type}.@{btn-prefix-cls}-loading-fixed-width.@{btn-prefix-cls}-loading {
-    padding-right: @@bsp - ((@@bsf + @@bss) / 2);
-    padding-left: @@bsp - ((@@bsf + @@bss) / 2);
-  }
-
-  .@{btn-prefix-cls}-@{size-type}.@{btn-prefix-cls}-only-icon {
-    width: @@size-type;
-    height: @@size-type;
-    padding: 0;
-  }
-
-  .@{btn-prefix-cls}-@{size-type}.@{btn-prefix-cls}-shape-circle {
-    width: @@size-type;
-    height: @@size-type;
-    padding: 0;
-    text-align: center;
-    border-radius: @radius-circle;
-  }
-
-  .@{btn-prefix-cls}-@{size-type}.@{btn-prefix-cls}-shape-round {
-    border-radius: calc(@@size-type * 0.5);
-  }
-}
-
-.btn-type(outline);
-.btn-status(outline, warning);
-.btn-status(outline, danger);
-.btn-status(outline, success);
-
-.btn-type(primary);
-.btn-status(primary, warning);
-.btn-status(primary, danger);
-.btn-status(primary, success);
-
-.btn-type(secondary);
-.btn-status(secondary, warning);
-.btn-status(secondary, danger);
-.btn-status(secondary, success);
-
-.btn-type(dashed);
-.btn-status(dashed, warning);
-.btn-status(dashed, danger);
-.btn-status(dashed, success);
-
-.btn-type(text);
-.btn-status(text, warning);
-.btn-status(text, danger);
-.btn-status(text, success);
-
-.btn-size(mini);
-.btn-size(small);
-.btn-size(medium);
-.btn-size(large);
-
-// 按钮组样式
-.@{btn-prefix-cls}-group {
-  display: inline-flex;
-  align-items: center;
-
-  .@{btn-prefix-cls}-outline:not(:first-child),
-  .@{btn-prefix-cls}-dashed:not(:first-child) {
-    margin-left: -1px;
-  }
-
-  .@{btn-prefix-cls}-primary:not(:last-child) {
-    border-right: 1px solid @btn-primary-color-bg_hover;
-  }
-
-  .@{btn-prefix-cls}-secondary:not(:last-child) {
-    border-right: 1px solid @btn-secondary-color-bg_hover;
-  }
-
-  .@{btn-prefix-cls}-status-warning:not(:last-child) {
-    border-right: 1px solid @btn-primary-color-bg_warning_hover;
-  }
-
-  .@{btn-prefix-cls}-status-danger:not(:last-child) {
-    border-right: 1px solid @btn-primary-color-bg_danger_hover;
-  }
-
-  .@{btn-prefix-cls}-status-success:not(:last-child) {
-    border-right: 1px solid @btn-primary-color-bg_success_hover;
-  }
-
-  .@{btn-prefix-cls}-outline,
-  .@{btn-prefix-cls}-dashed {
-    &:hover,
-    &:active {
-      z-index: 2;
-    }
-  }
-
-  .@{btn-prefix-cls}:first-child {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-  .@{btn-prefix-cls}:last-child {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .@{btn-prefix-cls}:not(:first-child):not(:last-child) {
-    border-radius: 0;
-  }
-}
-
-body[sd-theme='dark'] {
-  .@{btn-prefix-cls}-primary.@{btn-prefix-cls}-disabled {
-    color: rgb(255 255 255 / 30%);
-  }
-}

package/es/button/style/token.less

@@ -1,335 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@btn-font-weight: @font-weight-400;
-@btn-border-width: @border-1;
-@btn-border-radius: @radius-small;
-
-@btn-size-mini-radius: @btn-border-radius;
-@btn-size-small-radius: @btn-border-radius;
-@btn-size-default-radius: @btn-border-radius;
-@btn-size-large-radius: @btn-border-radius;
-
-@btn-size-mini-height: @size-mini;
-@btn-size-small-height: @size-small;
-@btn-size-default-height: @size-default;
-@btn-size-large-height: @size-large;
-
-@btn-size-mini-border-width: @btn-border-width;
-@btn-size-small-border-width: @btn-border-width;
-@btn-size-default-border-width: @btn-border-width;
-@btn-size-large-border-width: @btn-border-width;
-
-@btn-size-mini-icon-spacing: @spacing-2;
-@btn-size-small-icon-spacing: @spacing-3;
-@btn-size-default-icon-spacing: @spacing-4;
-@btn-size-large-icon-spacing: @spacing-4;
-
-@btn-size-mini-icon-vertical-align: -1px;
-@btn-size-small-icon-vertical-align: -2px;
-@btn-size-default-icon-vertical-align: -2px;
-@btn-size-large-icon-vertical-align: -2px;
-
-@btn-size-mini-padding-horizontal: 11px;
-@btn-size-small-padding-horizontal: 15px;
-@btn-size-default-padding-horizontal: 15px;
-@btn-size-large-padding-horizontal: 19px;
-
-@btn-size-mini-font-size: @font-size-body-1;
-@btn-size-small-font-size: @font-size-body-3;
-@btn-size-default-font-size: @font-size-body-3;
-@btn-size-large-font-size: @font-size-body-3;
-
-/***** Outline *****/
-@btn-outline-color-text: @color-primary-6;
-@btn-outline-color-text_disabled: var(~'@{sd-cssvars-prefix}-color-primary-light-3');
-@btn-outline-color-text_hover: @color-primary-5;
-@btn-outline-color-text_active: @color-primary-7;
-@btn-outline-color-bg: @color-transparent;
-@btn-outline-color-bg_disabled: @color-transparent;
-@btn-outline-color-bg_hover: @color-transparent;
-@btn-outline-color-bg_active: @color-transparent;
-@btn-outline-color-border: @color-primary-6;
-@btn-outline-color-border_disabled: var(~'@{sd-cssvars-prefix}-color-primary-light-3');
-@btn-outline-color-border_hover: @color-primary-5;
-@btn-outline-color-border_active: @color-primary-7;
-// status
-@btn-outline-color-text_warning: @color-warning-6;
-@btn-outline-color-text_warning_disabled: var(~'@{sd-cssvars-prefix}-color-warning-light-3');
-@btn-outline-color-text_warning_hover: @color-warning-5;
-@btn-outline-color-text_warning_active: @color-warning-7;
-@btn-outline-color-bg_warning: @color-transparent;
-@btn-outline-color-bg_warning_disabled: @color-transparent;
-@btn-outline-color-bg_warning_hover: @color-transparent;
-@btn-outline-color-bg_warning_active: @color-transparent;
-@btn-outline-color-border_warning: @color-warning-6;
-@btn-outline-color-border_warning_disabled: var(~'@{sd-cssvars-prefix}-color-warning-light-3');
-@btn-outline-color-border_warning_hover: @color-warning-5;
-@btn-outline-color-border_warning_active: @color-warning-7;
-
-@btn-outline-color-text_danger: @color-danger-6;
-@btn-outline-color-text_danger_disabled: var(~'@{sd-cssvars-prefix}-color-danger-light-3');
-@btn-outline-color-text_danger_hover: @color-danger-5;
-@btn-outline-color-text_danger_active: @color-danger-7;
-@btn-outline-color-bg_danger: @color-transparent;
-@btn-outline-color-bg_danger_disabled: @color-transparent;
-@btn-outline-color-bg_danger_hover: @color-transparent;
-@btn-outline-color-bg_danger_active: @color-transparent;
-@btn-outline-color-border_danger: @color-danger-6;
-@btn-outline-color-border_danger_disabled: var(~'@{sd-cssvars-prefix}-color-danger-light-3');
-@btn-outline-color-border_danger_hover: @color-danger-5;
-@btn-outline-color-border_danger_active: @color-danger-7;
-
-@btn-outline-color-text_success: @color-success-6;
-@btn-outline-color-text_success_disabled: var(~'@{sd-cssvars-prefix}-color-success-light-3');
-@btn-outline-color-text_success_hover: @color-success-5;
-@btn-outline-color-text_success_active: @color-success-7;
-@btn-outline-color-bg_success: @color-transparent;
-@btn-outline-color-bg_success_disabled: @color-transparent;
-@btn-outline-color-bg_success_hover: @color-transparent;
-@btn-outline-color-bg_success_active: @color-transparent;
-@btn-outline-color-border_success: @color-success-6;
-@btn-outline-color-border_success_disabled: var(~'@{sd-cssvars-prefix}-color-success-light-3');
-@btn-outline-color-border_success_hover: @color-success-5;
-@btn-outline-color-border_success_active: @color-success-7;
-// border
-@btn-outline-border-style: @border-solid;
-
-/***** Primary *****/
-@btn-primary-color-text: #fff;
-@btn-primary-color-text_disabled: #fff;
-@btn-primary-color-text_hover: #fff;
-@btn-primary-color-text_active: #fff;
-@btn-primary-color-bg: @color-primary-6;
-@btn-primary-color-bg_disabled: var(~'@{sd-cssvars-prefix}-color-primary-light-3');
-@btn-primary-color-bg_hover: @color-primary-5;
-@btn-primary-color-bg_active: @color-primary-7;
-@btn-primary-color-border: @color-transparent;
-@btn-primary-color-border_disabled: @color-transparent;
-@btn-primary-color-border_hover: @color-transparent;
-@btn-primary-color-border_active: @color-transparent;
-// status
-@btn-primary-color-text_warning: #fff;
-@btn-primary-color-text_warning_disabled: #fff;
-@btn-primary-color-text_warning_hover: #fff;
-@btn-primary-color-text_warning_active: #fff;
-@btn-primary-color-bg_warning: @color-warning-6;
-@btn-primary-color-bg_warning_disabled: var(~'@{sd-cssvars-prefix}-color-warning-light-3');
-@btn-primary-color-bg_warning_hover: @color-warning-5;
-@btn-primary-color-bg_warning_active: @color-warning-7;
-@btn-primary-color-border_warning: @color-transparent;
-@btn-primary-color-border_warning_disabled: @color-transparent;
-@btn-primary-color-border_warning_hover: @color-transparent;
-@btn-primary-color-border_warning_active: @color-transparent;
-
-@btn-primary-color-text_danger: #fff;
-@btn-primary-color-text_danger_disabled: #fff;
-@btn-primary-color-text_danger_hover: #fff;
-@btn-primary-color-text_danger_active: #fff;
-@btn-primary-color-bg_danger: @color-danger-6;
-@btn-primary-color-bg_danger_disabled: var(~'@{sd-cssvars-prefix}-color-danger-light-3');
-@btn-primary-color-bg_danger_hover: @color-danger-5;
-@btn-primary-color-bg_danger_active: @color-danger-7;
-@btn-primary-color-border_danger: @color-transparent;
-@btn-primary-color-border_danger_disabled: @color-transparent;
-@btn-primary-color-border_danger_hover: @color-transparent;
-@btn-primary-color-border_danger_active: @color-transparent;
-
-@btn-primary-color-text_success: #fff;
-@btn-primary-color-text_success_disabled: #fff;
-@btn-primary-color-text_success_hover: #fff;
-@btn-primary-color-text_success_active: #fff;
-@btn-primary-color-bg_success: @color-success-6;
-@btn-primary-color-bg_success_disabled: var(~'@{sd-cssvars-prefix}-color-success-light-3');
-@btn-primary-color-bg_success_hover: @color-success-5;
-@btn-primary-color-bg_success_active: @color-success-7;
-@btn-primary-color-border_success: @color-transparent;
-@btn-primary-color-border_success_disabled: @color-transparent;
-@btn-primary-color-border_success_hover: @color-transparent;
-@btn-primary-color-border_success_active: @color-transparent;
-// border
-@btn-primary-border-style: @border-solid;
-
-/***** Secondary *****/
-@btn-secondary-color-text: var(~'@{sd-cssvars-prefix}-color-text-2');
-@btn-secondary-color-text_disabled: var(~'@{sd-cssvars-prefix}-color-text-4');
-@btn-secondary-color-text_hover: var(~'@{sd-cssvars-prefix}-color-text-2');
-@btn-secondary-color-text_active: var(~'@{sd-cssvars-prefix}-color-text-2');
-@btn-secondary-color-bg: var(~'@{sd-cssvars-prefix}-color-secondary');
-@btn-secondary-color-bg_disabled: var(~'@{sd-cssvars-prefix}-color-secondary-disabled');
-@btn-secondary-color-bg_hover: var(~'@{sd-cssvars-prefix}-color-secondary-hover');
-@btn-secondary-color-bg_active: var(~'@{sd-cssvars-prefix}-color-secondary-active');
-@btn-secondary-color-border: @color-transparent;
-@btn-secondary-color-border_disabled: @color-transparent;
-@btn-secondary-color-border_hover: @color-transparent;
-@btn-secondary-color-border_active: @color-transparent;
-// status
-@btn-secondary-color-text_warning: @color-warning-6;
-@btn-secondary-color-text_warning_disabled: var(~'@{sd-cssvars-prefix}-color-warning-light-3');
-@btn-secondary-color-text_warning_hover: @color-warning-6;
-@btn-secondary-color-text_warning_active: @color-warning-6;
-@btn-secondary-color-bg_warning: var(~'@{sd-cssvars-prefix}-color-warning-light-1');
-@btn-secondary-color-bg_warning_disabled: var(~'@{sd-cssvars-prefix}-color-warning-light-1');
-@btn-secondary-color-bg_warning_hover: var(~'@{sd-cssvars-prefix}-color-warning-light-2');
-@btn-secondary-color-bg_warning_active: var(~'@{sd-cssvars-prefix}-color-warning-light-3');
-@btn-secondary-color-border_warning: @color-transparent;
-@btn-secondary-color-border_warning_disabled: @color-transparent;
-@btn-secondary-color-border_warning_hover: @color-transparent;
-@btn-secondary-color-border_warning_active: @color-transparent;
-
-@btn-secondary-color-text_danger: @color-danger-6;
-@btn-secondary-color-text_danger_disabled: var(~'@{sd-cssvars-prefix}-color-danger-light-3');
-@btn-secondary-color-text_danger_hover: @color-danger-6;
-@btn-secondary-color-text_danger_active: @color-danger-6;
-@btn-secondary-color-bg_danger: var(~'@{sd-cssvars-prefix}-color-danger-light-1');
-@btn-secondary-color-bg_danger_disabled: var(~'@{sd-cssvars-prefix}-color-danger-light-1');
-@btn-secondary-color-bg_danger_hover: var(~'@{sd-cssvars-prefix}-color-danger-light-2');
-@btn-secondary-color-bg_danger_active: var(~'@{sd-cssvars-prefix}-color-danger-light-3');
-@btn-secondary-color-border_danger: @color-transparent;
-@btn-secondary-color-border_danger_disabled: @color-transparent;
-@btn-secondary-color-border_danger_hover: @color-transparent;
-@btn-secondary-color-border_danger_active: @color-transparent;
-
-@btn-secondary-color-text_success: @color-success-6;
-@btn-secondary-color-text_success_disabled: var(~'@{sd-cssvars-prefix}-color-success-light-3');
-@btn-secondary-color-text_success_hover: @color-success-6;
-@btn-secondary-color-text_success_active: @color-success-6;
-@btn-secondary-color-bg_success: var(~'@{sd-cssvars-prefix}-color-success-light-1');
-@btn-secondary-color-bg_success_disabled: var(~'@{sd-cssvars-prefix}-color-success-light-1');
-@btn-secondary-color-bg_success_hover: var(~'@{sd-cssvars-prefix}-color-success-light-2');
-@btn-secondary-color-bg_success_active: var(~'@{sd-cssvars-prefix}-color-success-light-3');
-@btn-secondary-color-border_success: @color-transparent;
-@btn-secondary-color-border_success_disabled: @color-transparent;
-@btn-secondary-color-border_success_hover: @color-transparent;
-@btn-secondary-color-border_success_active: @color-transparent;
-// border
-@btn-secondary-border-style: @border-solid;
-
-/***** Dashed *****/
-@btn-dashed-color-text: var(~'@{sd-cssvars-prefix}-color-text-2');
-@btn-dashed-color-text_disabled: var(~'@{sd-cssvars-prefix}-color-text-4');
-@btn-dashed-color-text_hover: var(~'@{sd-cssvars-prefix}-color-text-2');
-@btn-dashed-color-text_active: var(~'@{sd-cssvars-prefix}-color-text-2');
-@btn-dashed-color-bg: var(~'@{sd-cssvars-prefix}-color-fill-2');
-@btn-dashed-color-bg_disabled: var(~'@{sd-cssvars-prefix}-color-fill-2');
-@btn-dashed-color-bg_hover: var(~'@{sd-cssvars-prefix}-color-fill-3');
-@btn-dashed-color-bg_active: var(~'@{sd-cssvars-prefix}-color-fill-4');
-@btn-dashed-color-border: var(~'@{sd-cssvars-prefix}-color-neutral-3');
-@btn-dashed-color-border_disabled: var(~'@{sd-cssvars-prefix}-color-neutral-3');
-@btn-dashed-color-border_hover: var(~'@{sd-cssvars-prefix}-color-neutral-4');
-@btn-dashed-color-border_active: var(~'@{sd-cssvars-prefix}-color-neutral-5');
-// status
-@btn-dashed-color-text_warning: @color-warning-6;
-@btn-dashed-color-text_warning_disabled: var(~'@{sd-cssvars-prefix}-color-warning-light-3');
-@btn-dashed-color-text_warning_hover: @color-warning-6;
-@btn-dashed-color-text_warning_active: @color-warning-6;
-@btn-dashed-color-bg_warning: var(~'@{sd-cssvars-prefix}-color-warning-light-1');
-@btn-dashed-color-bg_warning_disabled: var(~'@{sd-cssvars-prefix}-color-warning-light-1');
-@btn-dashed-color-bg_warning_hover: var(~'@{sd-cssvars-prefix}-color-warning-light-2');
-@btn-dashed-color-bg_warning_active: var(~'@{sd-cssvars-prefix}-color-warning-light-3');
-@btn-dashed-color-border_warning: var(~'@{sd-cssvars-prefix}-color-warning-light-2');
-@btn-dashed-color-border_warning_disabled: var(~'@{sd-cssvars-prefix}-color-warning-light-2');
-@btn-dashed-color-border_warning_hover: var(~'@{sd-cssvars-prefix}-color-warning-light-3');
-@btn-dashed-color-border_warning_active: var(~'@{sd-cssvars-prefix}-color-warning-light-4');
-
-@btn-dashed-color-text_danger: @color-danger-6;
-@btn-dashed-color-text_danger_disabled: var(~'@{sd-cssvars-prefix}-color-danger-light-3');
-@btn-dashed-color-text_danger_hover: @color-danger-6;
-@btn-dashed-color-text_danger_active: @color-danger-6;
-@btn-dashed-color-bg_danger: var(~'@{sd-cssvars-prefix}-color-danger-light-1');
-@btn-dashed-color-bg_danger_disabled: var(~'@{sd-cssvars-prefix}-color-danger-light-1');
-@btn-dashed-color-bg_danger_hover: var(~'@{sd-cssvars-prefix}-color-danger-light-2');
-@btn-dashed-color-bg_danger_active: var(~'@{sd-cssvars-prefix}-color-danger-light-3');
-@btn-dashed-color-border_danger: var(~'@{sd-cssvars-prefix}-color-danger-light-2');
-@btn-dashed-color-border_danger_disabled: var(~'@{sd-cssvars-prefix}-color-danger-light-2');
-@btn-dashed-color-border_danger_hover: var(~'@{sd-cssvars-prefix}-color-danger-light-3');
-@btn-dashed-color-border_danger_active: var(~'@{sd-cssvars-prefix}-color-danger-light-4');
-
-@btn-dashed-color-text_success: @color-success-6;
-@btn-dashed-color-text_success_disabled: var(~'@{sd-cssvars-prefix}-color-success-light-3');
-@btn-dashed-color-text_success_hover: @color-success-6;
-@btn-dashed-color-text_success_active: @color-success-6;
-@btn-dashed-color-bg_success: var(~'@{sd-cssvars-prefix}-color-success-light-1');
-@btn-dashed-color-bg_success_disabled: var(~'@{sd-cssvars-prefix}-color-success-light-1');
-@btn-dashed-color-bg_success_hover: var(~'@{sd-cssvars-prefix}-color-success-light-2');
-@btn-dashed-color-bg_success_active: var(~'@{sd-cssvars-prefix}-color-success-light-3');
-@btn-dashed-color-border_success: var(~'@{sd-cssvars-prefix}-color-success-light-2');
-@btn-dashed-color-border_success_disabled: var(~'@{sd-cssvars-prefix}-color-success-light-2');
-@btn-dashed-color-border_success_hover: var(~'@{sd-cssvars-prefix}-color-success-light-3');
-@btn-dashed-color-border_success_active: var(~'@{sd-cssvars-prefix}-color-success-light-4');
-// border
-@btn-dashed-border-style: @border-dashed;
-
-/***** Text *****/
-@btn-text-color-text: @color-primary-6;
-@btn-text-color-text_disabled: var(~'@{sd-cssvars-prefix}-color-primary-light-3');
-@btn-text-color-text_hover: @color-primary-6;
-@btn-text-color-text_active: @color-primary-6;
-@btn-text-color-bg: @color-transparent;
-@btn-text-color-bg_disabled: @color-transparent;
-@btn-text-color-bg_hover: var(~'@{sd-cssvars-prefix}-color-fill-2');
-@btn-text-color-bg_active: var(~'@{sd-cssvars-prefix}-color-fill-3');
-@btn-text-color-border: @color-transparent;
-@btn-text-color-border_disabled: @color-transparent;
-@btn-text-color-border_hover: @color-transparent;
-@btn-text-color-border_active: @color-transparent;
-// status
-@btn-text-color-text_warning: @color-warning-6;
-@btn-text-color-text_warning_disabled: var(~'@{sd-cssvars-prefix}-color-warning-light-3');
-@btn-text-color-text_warning_hover: @color-warning-6;
-@btn-text-color-text_warning_active: @color-warning-6;
-@btn-text-color-bg_warning: @color-transparent;
-@btn-text-color-bg_warning_disabled: @color-transparent;
-@btn-text-color-bg_warning_hover: var(~'@{sd-cssvars-prefix}-color-fill-2');
-@btn-text-color-bg_warning_active: var(~'@{sd-cssvars-prefix}-color-fill-3');
-@btn-text-color-border_warning: @color-transparent;
-@btn-text-color-border_warning_disabled: @color-transparent;
-@btn-text-color-border_warning_hover: @color-transparent;
-@btn-text-color-border_warning_active: @color-transparent;
-
-@btn-text-color-text_danger: @color-danger-6;
-@btn-text-color-text_danger_disabled: var(~'@{sd-cssvars-prefix}-color-danger-light-3');
-@btn-text-color-text_danger_hover: @color-danger-6;
-@btn-text-color-text_danger_active: @color-danger-6;
-@btn-text-color-bg_danger: @color-transparent;
-@btn-text-color-bg_danger_disabled: @color-transparent;
-@btn-text-color-bg_danger_hover: var(~'@{sd-cssvars-prefix}-color-fill-2');
-@btn-text-color-bg_danger_active: var(~'@{sd-cssvars-prefix}-color-fill-3');
-@btn-text-color-border_danger: @color-transparent;
-@btn-text-color-border_danger_disabled: @color-transparent;
-@btn-text-color-border_danger_hover: @color-transparent;
-@btn-text-color-border_danger_active: @color-transparent;
-
-@btn-text-color-text_success: @color-success-6;
-@btn-text-color-text_success_disabled: var(~'@{sd-cssvars-prefix}-color-success-light-3');
-@btn-text-color-text_success_hover: @color-success-6;
-@btn-text-color-text_success_active: @color-success-6;
-@btn-text-color-bg_success: @color-transparent;
-@btn-text-color-bg_success_disabled: @color-transparent;
-@btn-text-color-bg_success_hover: var(~'@{sd-cssvars-prefix}-color-fill-2');
-@btn-text-color-bg_success_active: var(~'@{sd-cssvars-prefix}-color-fill-3');
-@btn-text-color-border_success: @color-transparent;
-@btn-text-color-border_success_disabled: @color-transparent;
-@btn-text-color-border_success_hover: @color-transparent;
-@btn-text-color-border_success_active: @color-transparent;
-// border
-@btn-text-border-style: @border-solid;
-
-// vue overwrite token
-@btn-size-medium-radius: @btn-size-default-radius;
-@btn-size-medium-border-width: @btn-size-default-border-width;
-@btn-size-medium-icon-spacing: @btn-size-default-icon-spacing;
-@btn-size-medium-icon-vertical-align: @btn-size-default-icon-vertical-align;
-@btn-size-medium-padding-horizontal: @btn-size-default-padding-horizontal;
-@btn-size-medium-font-size: @btn-size-default-font-size;
-@btn-size-medium-height: @btn-size-default-height;
-
-/***** focus-visible *****/
-@btn-box-shadow-radius: 0.25em;
-@btn-primary-color-box-shadow: @color-primary-3;
-@btn-outline-color-box-shadow: @color-primary-3;
-@btn-secondary-color-box-shadow: @color-secondary-active;
-@btn-dashed-color-box-shadow: @color-secondary-active;
-@btn-text-color-box-shadow: @color-secondary-active;
-@btn-color-box-shadow_warning: @color-warning-3;
-@btn-color-box-shadow_danger: @color-danger-3;
-@btn-color-box-shadow_success: @color-success-3;

package/es/calendar/style/token.less

@@ -1,39 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@calendar-color-border: var(~'@{sd-cssvars-prefix}-color-neutral-3');
-
-@calendar-header-padding-horizontal: 24px;
-@calendar-header-padding-vertical: 24px;
-
-@calendar-panel-date-cell-padding-vertical: 4px;
-@calendar-panel-date-cell-circle-height: 24px;
-@calendar-panel-year-cell-padding-vertical: 4px;
-@calendar-panel-year-cell-circle-height: 24px;
-
-@calendar-color-switch-icon: var(~'@{sd-cssvars-prefix}-color-text-2');
-@calendar-color-bg-switch-icon: var(~'@{sd-cssvars-prefix}-color-bg-5');
-@calendar-color-bg-switch-icon_hover: var(~'@{sd-cssvars-prefix}-color-fill-3');
-
-@calendar-color-text-title: var(~'@{sd-cssvars-prefix}-color-text-1');
-@calendar-color-cell-text-in-view: var(~'@{sd-cssvars-prefix}-color-text-1');
-@calendar-color-cell-text-not-in-view: var(~'@{sd-cssvars-prefix}-color-text-4');
-@calendar-color-bg-circle_selected: @color-primary-6;
-@calendar-color-bg-cell-in-range: var(~'@{sd-cssvars-prefix}-color-primary-light-1');
-@calendar-color-bg-cell-disabled: var(~'@{sd-cssvars-prefix}-color-fill-1');
-@calendar-color-text-cell-range-boundary: var(~'@{sd-cssvars-prefix}-color-white');
-@calendar-color-bg-cell-range-boundary: @color-primary-6;
-@calendar-color-bg-cell-hover-in-range: var(~'@{sd-cssvars-prefix}-color-primary-light-1');
-@calendar-color-text-cell-hover-range-boundary: var(~'@{sd-cssvars-prefix}-color-text-1');
-@calendar-color-bg-cell-hover-range-boundary: var(~'@{sd-cssvars-prefix}-color-primary-light-2');
-
-@calendar-panel-color-text-cell_hover: @color-primary-6;
-@calendar-panel-color-bg-cell_hover: var(~'@{sd-cssvars-prefix}-color-primary-light-1');
-@calendar-panel-color-text-cell_selected: var(~'@{sd-cssvars-prefix}-color-white');
-@calendar-panel-color-bg-cell_selected: @color-primary-6;
-@calendar-panel-color-current-time-dot: @color-primary-6;
-
-// 不放到风格配置平台
-@calendar-panel-cell-boundary-border-radius: (
-  (@calendar-panel-date-cell-circle-height + @calendar-panel-date-cell-padding-vertical * 2) / 2
-);
-@calendar-color-box-shadow: var(~'@{sd-cssvars-prefix}-color-primary-light-3');