tntd 2.7.30 → 2.7.31

package/es/button/style/mixin.less

@@ -1,357 +0,0 @@
-// mixins for button
-// ------------------------
-.button-size(@height; @padding; @font-size; @border-radius) {
-  height: @height;
-  padding: @padding;
-  font-size: @font-size;
-  border-radius: @border-radius;
-}
-
-.button-disabled(@color: @btn-disable-color; @background: @btn-disable-bg; @border: @btn-disable-border) {
-  &-disabled,
-  &.disabled,
-  &[disabled] {
-    &,
-    &:hover,
-    &:focus,
-    &:active,
-    &.active {
-      .button-color(@color; @background; @border);
-
-      text-shadow: none;
-      box-shadow: none;
-    }
-  }
-}
-
-.button-variant-primary(@color; @background) {
-  .button-color(@color; @background; @background);
-
-  text-shadow: @btn-text-shadow;
-  box-shadow: @btn-primary-shadow;
-
-  &:hover,
-  &:focus {
-    .button-color(
-      @color; ~`colorPalette('@{background}', 5) `; ~`colorPalette('@{background}', 5) `
-    );
-  }
-
-  &:active,
-  &.active {
-    .button-color(
-      @color; ~`colorPalette('@{background}', 7) `; ~`colorPalette('@{background}', 7) `
-    );
-  }
-
-  .button-disabled();
-}
-
-.button-variant-other(@color; @background; @border) {
-  .button-color(@color; @background; @border);
-
-  &:hover,
-  &:focus {
-    .button-color(
-      ~`colorPalette('@{btn-primary-bg}', 5) `; @background; ~`colorPalette('@{btn-primary-bg}', 5)
-        `
-    );
-  }
-  &:active,
-  &.active {
-    .button-color(
-      ~`colorPalette('@{btn-primary-bg}', 7) `; @background; ~`colorPalette('@{btn-primary-bg}', 7)
-        `
-    );
-  }
-  .button-disabled();
-}
-.button-variant-ghost(@color; @border: @color) {
-  .button-color(@color; transparent; @border);
-  text-shadow: none;
-  &:hover,
-  &:focus {
-    & when (@border = transparent) {
-      .button-color(~`colorPalette('@{color}', 5) `; transparent; transparent);
-    }
-    & when not(@border = transparent) {
-      .button-color(~`colorPalette('@{color}', 5) `; transparent; ~`colorPalette('@{color}', 5) `);
-    }
-  }
-  &:active,
-  &.active {
-    & when (@border = transparent) {
-      .button-color(~`colorPalette('@{color}', 7) `; transparent; transparent);
-    }
-    & when not(@border = transparent) {
-      .button-color(~`colorPalette('@{color}', 7) `; transparent; ~`colorPalette('@{color}', 7) `);
-    }
-  }
-  .button-disabled();
-}
-.button-color(@color; @background; @border) {
-  color: @color;
-  background-color: @background;
-  border-color: @border;
-  // a inside Button which only work in Chrome
-  // http://stackoverflow.com/a/17253457
-  > a:only-child {
-    color: currentColor;
-    &::after {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      background: transparent;
-      content: '';
-    }
-  }
-}
-.button-group-base(@btnClassName) {
-  position: relative;
-  display: inline-block;
-  > .@{btnClassName},
-  > span > .@{btnClassName} {
-    position: relative;
-    &:hover,
-    &:focus,
-    &:active,
-    &.active {
-      z-index: 2;
-    }
-    &:disabled {
-      z-index: 0;
-    }
-  }
-  > .@{btnClassName}-icon-only {
-    font-size: @font-size-base;
-  }
-  // size
-  &-lg > .@{btnClassName},
-  &-lg > span > .@{btnClassName} {
-    .button-size(@btn-height-lg; @btn-padding-lg; @btn-font-size-lg; 0);
-    line-height: calc(@btn-height-lg - 2px);
-  }
-  &-lg > .@{btnClassName}.@{btnClassName}-icon-only {
-    .square(@btn-height-lg);
-    padding-right: 0;
-    padding-left: 0;
-  }
-  &-sm > .@{btnClassName},
-  &-sm > span > .@{btnClassName} {
-    .button-size(@btn-height-sm; @btn-padding-sm; @font-size-base; 0);
-    line-height: calc(@btn-height-sm - 2px);
-    > .@{iconfont-css-prefix} {
-      font-size: @font-size-base;
-    }
-  }
-  &-sm > .@{btnClassName}.@{btnClassName}-icon-only {
-    .square(@btn-height-sm);
-    padding-right: 0;
-    padding-left: 0;
-  }
-}
-// Base styles of buttons
-// --------------------------------------------------
-.btn() {
-  position: relative;
-  display: inline-block;
-  font-weight: @btn-font-weight;
-  white-space: nowrap;
-  text-align: center;
-  background-image: none;
-  border: @btn-border-width @btn-border-style transparent;
-  box-shadow: @btn-shadow;
-  cursor: pointer;
-  transition: all 0.3s @ease-in-out;
-  user-select: none;
-  touch-action: manipulation;
-  .button-size(@btn-height-base; @btn-padding-base; @font-size-base; @btn-border-radius-base);
-  > .@{iconfont-css-prefix} {
-    line-height: 1;
-  }
-  &,
-  &:active,
-  &:focus {
-    outline: 0;
-  }
-  &:not([disabled]):hover {
-    text-decoration: none;
-  }
-  &:not([disabled]):active {
-    outline: 0;
-    box-shadow: none;
-  }
-  &.disabled,
-  &[disabled] {
-    cursor: not-allowed;
-    > * {
-      pointer-events: none;
-    }
-  }
-  &-lg {
-    .button-size(@btn-height-lg; @btn-padding-lg; @btn-font-size-lg; @btn-border-radius-base);
-  }
-  &-sm {
-    .button-size(@btn-height-sm; @btn-padding-sm; @btn-font-size-sm; @btn-border-radius-sm);
-  }
-}
-// primary button style
-.btn-primary() {
-  .button-variant-primary(@btn-primary-color; @btn-primary-bg);
-}
-// default button style
-.btn-default() {
-  .button-variant-other(@btn-default-color; @btn-default-bg; @btn-default-border);
-  &:hover,
-  &:focus,
-  &:active,
-  &.active {
-    text-decoration: none;
-    background: @btn-default-bg;
-  }
-}
-// ghost button style
-.btn-ghost() {
-  .button-variant-other(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border);
-}
-// dashed button style
-.btn-dashed() {
-  .button-variant-other(@btn-default-color, @btn-default-bg, @btn-default-border);
-  border-style: dashed;
-}
-// danger button style
-.btn-danger() {
-  .button-variant-primary(@btn-danger-color, @btn-danger-bg);
-}
-// link button style
-.btn-link() {
-  .button-variant-other(@link-color, transparent, transparent);
-  box-shadow: none;
-  &:hover,
-  &:focus,
-  &:active {
-    border-color: transparent;
-  }
-  .button-disabled(@disabled-color; transparent; transparent);
-}
-// round button
-.btn-round(@btnClassName: btn) {
-  .button-size(@btn-circle-size; 0 @btn-circle-size / 2; @font-size-base; @btn-circle-size);
-  &.@{btnClassName}-lg {
-    .button-size(
-      @btn-circle-size-lg; 0 @btn-circle-size-lg / 2; @btn-font-size-lg; @btn-circle-size-lg
-    );
-  }
-  &.@{btnClassName}-sm {
-    .button-size(
-      @btn-circle-size-sm; 0 @btn-circle-size-sm / 2; @font-size-base; @btn-circle-size-sm
-    );
-  }
-}
-// square button: the content only contains icon
-.btn-square(@btnClassName: btn) {
-  .square(@btn-square-size);
-  .button-size(@btn-square-size; 0; @font-size-base + 2px; @btn-border-radius-base);
-  &.@{btnClassName}-lg {
-    .square(@btn-square-size-lg);
-    .button-size(@btn-square-size-lg; 0; @btn-font-size-lg + 2px; @btn-border-radius-base);
-  }
-  &.@{btnClassName}-sm {
-    .square(@btn-square-size-sm);
-    .button-size(@btn-square-size-sm; 0; @font-size-base; @btn-border-radius-base);
-  }
-}
-// circle button: the content only contains icon
-.btn-circle(@btnClassName: btn) {
-  min-width: @btn-height-base;
-  padding-right: 0;
-  padding-left: 0;
-  text-align: center;
-  border-radius: 50%;
-  &.@{btnClassName}-lg {
-    min-width: @btn-height-lg;
-    border-radius: 50%;
-  }
-  &.@{btnClassName}-sm {
-    min-width: @btn-height-sm;
-    border-radius: 50%;
-  }
-}
-// Horizontal button groups style
-// --------------------------------------------------
-.btn-group(@btnClassName: btn) {
-  .button-group-base(@btnClassName);
-  .@{btnClassName} + .@{btnClassName},
-  .@{btnClassName} + &,
-  span + .@{btnClassName},
-  .@{btnClassName} + span,
-  > span + span,
-  & + .@{btnClassName},
-  & + & {
-    margin-left: -1px;
-  }
-  .@{btnClassName}-primary + .@{btnClassName}:not(.@{btnClassName}-primary):not([disabled]) {
-    border-left-color: transparent;
-  }
-  .@{btnClassName} {
-    border-radius: 0;
-  }
-  > .@{btnClassName}:first-child,
-  > span:first-child > .@{btnClassName} {
-    margin-left: 0;
-  }
-  > .@{btnClassName}:only-child {
-    border-radius: @btn-border-radius-base;
-  }
-  > span:only-child > .@{btnClassName} {
-    border-radius: @btn-border-radius-base;
-  }
-  > .@{btnClassName}:first-child:not(:last-child),
-  > span:first-child:not(:last-child) > .@{btnClassName} {
-    border-top-left-radius: @btn-border-radius-base;
-    border-bottom-left-radius: @btn-border-radius-base;
-  }
-  > .@{btnClassName}:last-child:not(:first-child),
-  > span:last-child:not(:first-child) > .@{btnClassName} {
-    border-top-right-radius: @btn-border-radius-base;
-    border-bottom-right-radius: @btn-border-radius-base;
-  }
-  &-sm {
-    > .@{btnClassName}:only-child {
-      border-radius: @btn-border-radius-sm;
-    }
-    > span:only-child > .@{btnClassName} {
-      border-radius: @btn-border-radius-sm;
-    }
-    > .@{btnClassName}:first-child:not(:last-child),
-    > span:first-child:not(:last-child) > .@{btnClassName} {
-      border-top-left-radius: @btn-border-radius-sm;
-      border-bottom-left-radius: @btn-border-radius-sm;
-    }
-    > .@{btnClassName}:last-child:not(:first-child),
-    > span:last-child:not(:first-child) > .@{btnClassName} {
-      border-top-right-radius: @btn-border-radius-sm;
-      border-bottom-right-radius: @btn-border-radius-sm;
-    }
-  }
-  & > & {
-    float: left;
-  }
-  & > &:not(:first-child):not(:last-child) > .@{btnClassName} {
-    border-radius: 0;
-  }
-  & > &:first-child:not(:last-child) {
-    > .@{btnClassName}:last-child {
-      padding-right: 8px;
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-  }
-  & > &:last-child:not(:first-child) > .@{btnClassName}:first-child {
-    padding-left: 8px;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-}

package/es/calendar/style/index.less

@@ -1,278 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-
-@full-calendar-prefix-cls: ~'@{ant-prefix}-fullcalendar';
-
-.@{full-calendar-prefix-cls} {
-  .reset-component;
-
-  border-top: @border-width-base @border-style-base @border-color-base;
-  outline: none;
-
-  .@{ant-prefix}-select&-year-select {
-    min-width: 90px;
-
-    &.@{ant-prefix}-select-sm {
-      min-width: 70px;
-    }
-  }
-
-  .@{ant-prefix}-select&-month-select {
-    min-width: 80px;
-    margin-left: 8px;
-
-    &.@{ant-prefix}-select-sm {
-      min-width: 70px;
-    }
-  }
-
-  &-header {
-    padding: 11px 16px 11px 0;
-    text-align: right;
-
-    .@{ant-prefix}-select-dropdown {
-      text-align: left;
-    }
-
-    .@{ant-prefix}-radio-group {
-      margin-left: 8px;
-      text-align: left;
-    }
-
-    label.@{ant-prefix}-radio-button {
-      height: 22px;
-      padding: 0 10px;
-      line-height: 20px;
-    }
-  }
-
-  &-date-panel {
-    position: relative;
-    outline: none;
-  }
-
-  &-calendar-body {
-    padding: 8px 12px;
-  }
-
-  table {
-    width: 100%;
-    max-width: 100%;
-    height: 256px;
-    background-color: transparent;
-    border-collapse: collapse;
-  }
-
-  table,
-  th,
-  td {
-    border: 0;
-  }
-
-  td {
-    position: relative;
-  }
-
-  &-calendar-table {
-    margin-bottom: 0;
-    border-spacing: 0;
-  }
-
-  &-column-header {
-    width: 33px;
-    padding: 0;
-    line-height: 18px;
-    text-align: center;
-    .@{full-calendar-prefix-cls}-column-header-inner {
-      display: block;
-      font-weight: normal;
-    }
-  }
-
-  &-week-number-header {
-    .@{full-calendar-prefix-cls}-column-header-inner {
-      display: none;
-    }
-  }
-
-  &-month,
-  &-date {
-    text-align: center;
-    transition: all 0.3s;
-  }
-
-  &-value {
-    display: block;
-    width: 24px;
-    height: 24px;
-    margin: 0 auto;
-    padding: 0;
-    color: @text-color;
-    line-height: 24px;
-    background: transparent;
-    border-radius: @border-radius-sm;
-    transition: all 0.3s;
-
-    &:hover {
-      background: @item-hover-bg;
-      cursor: pointer;
-    }
-
-    &:active {
-      color: @text-color-inverse;
-      background: @primary-color;
-    }
-  }
-
-  &-month-panel-cell &-value {
-    width: 48px;
-  }
-
-  &-today &-value,
-  &-month-panel-current-cell &-value {
-    box-shadow: 0 0 0 1px @primary-color inset;
-  }
-
-  &-selected-day &-value,
-  &-month-panel-selected-cell &-value {
-    color: @text-color-inverse;
-    background: @primary-color;
-  }
-
-  &-disabled-cell-first-of-row &-value {
-    border-top-left-radius: @border-radius-base;
-    border-bottom-left-radius: @border-radius-base;
-  }
-
-  &-disabled-cell-last-of-row &-value {
-    border-top-right-radius: @border-radius-base;
-    border-bottom-right-radius: @border-radius-base;
-  }
-
-  &-last-month-cell &-value,
-  &-next-month-btn-day &-value {
-    color: @disabled-color;
-  }
-
-  &-month-panel-table {
-    width: 100%;
-    table-layout: fixed;
-    border-collapse: separate;
-  }
-
-  &-content {
-    position: absolute;
-    bottom: -9px;
-    left: 0;
-    width: 100%;
-  }
-
-  &-fullscreen {
-    border-top: 0;
-  }
-
-  &-fullscreen &-table {
-    table-layout: fixed;
-  }
-
-  &-fullscreen &-header {
-    .@{ant-prefix}-radio-group {
-      margin-left: 16px;
-    }
-    label.@{ant-prefix}-radio-button {
-      height: @input-height-base;
-      line-height: calc(@input-height-base - 2px);
-    }
-  }
-
-  &-fullscreen &-month,
-  &-fullscreen &-date {
-    display: block;
-    height: 116px;
-    margin: 0 4px;
-    padding: 4px 8px;
-    color: @text-color;
-    text-align: left;
-    border-top: 2px solid @border-color-split;
-    transition: background 0.3s;
-
-    &:hover {
-      background: @item-hover-bg;
-      cursor: pointer;
-    }
-
-    &:active {
-      background: @primary-2;
-    }
-  }
-
-  &-fullscreen &-column-header {
-    padding-right: 12px;
-    padding-bottom: 5px;
-    text-align: right;
-  }
-
-  &-fullscreen &-value {
-    width: auto;
-    text-align: right;
-    background: transparent;
-  }
-
-  &-fullscreen &-today &-value {
-    color: @text-color;
-  }
-
-  &-fullscreen &-month-panel-current-cell &-month,
-  &-fullscreen &-today &-date {
-    background: transparent;
-    border-top-color: @primary-color;
-  }
-
-  &-fullscreen &-month-panel-current-cell &-value,
-  &-fullscreen &-today &-value {
-    box-shadow: none;
-  }
-
-  &-fullscreen &-month-panel-selected-cell &-month,
-  &-fullscreen &-selected-day &-date {
-    background: @primary-1;
-  }
-
-  &-fullscreen &-month-panel-selected-cell &-value,
-  &-fullscreen &-selected-day &-value {
-    color: @primary-color;
-  }
-
-  &-fullscreen &-last-month-cell &-date,
-  &-fullscreen &-next-month-btn-day &-date {
-    color: @disabled-color;
-  }
-
-  &-fullscreen &-content {
-    position: static;
-    width: auto;
-    height: 88px;
-    overflow-y: auto;
-  }
-
-  &-disabled-cell &-date {
-    &,
-    &:hover {
-      cursor: not-allowed;
-    }
-  }
-
-  &-disabled-cell:not(&-today) &-date {
-    &,
-    &:hover {
-      background: transparent;
-    }
-  }
-
-  &-disabled-cell &-value {
-    width: auto;
-    color: @disabled-color;
-    border-radius: 0;
-    cursor: not-allowed;
-  }
-}