@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/Progress/style/index.less

@@ -1,57 +0,0 @@
-@import '../../style/index.less';
-
-.ald-progress-bar {
-  border-radius: 2px 0 0;
-  height: 3px;
-  width: 100%;
-  pointer-events: none;
-
-  &-show-bg {
-    background-color: var(--interaction-neutral-subtle-normal);
-  }
-
-  &-inner {
-    background-color: var(--interaction-default-normal);
-    border-radius: 2px 0 0;
-    height: 100%;
-    width: 0;
-  }
-
-  &-show-loading {
-    animation: loading 2s ease-in-out forwards;
-  }
-
-  &-hide-loading {
-    animation: disappear 0.5s forwards;
-  }
-}
-
-@keyframes loading {
-  0% {
-    width: 0;
-  }
-
-  90% {
-    width: 90%;
-  }
-
-  100% {
-    width: 90%;
-  }
-}
-
-@keyframes disappear {
-  0% {
-    width: 90%;
-  }
-
-  99% {
-    width: 99%;
-    opacity: 1;
-  }
-
-  100% {
-    width: 100%;
-    opacity: 0;
-  }
-}

package/dist/Radio/style/index.d.ts

@@ -1,2 +0,0 @@
-import '../../style';
-import './index.less';

package/dist/Radio/style/index.js

@@ -1,2 +0,0 @@
-import "../../style";
-import "./index.less";

package/dist/Radio/style/index.less

@@ -1,603 +0,0 @@
-@import '../../style/index.less';
-
-@radio-icon-button-padding-large: 4px;
-@radio-icon-button-padding-middle: 4px;
-@radio-icon-button-padding-small: 5px;
-@radio-group-height-large: 36px;
-@radio-group-height-middle: 32px;
-@radio-group-height-small: 28px;
-@radio-button-padding: 12px;
-@radio-button-padding-large: 12px;
-@radio-button-padding-small: 8px;
-@radio-button-padding-middle: 12px;
-
-// Radio组件基础样式
-[class^='ald-radio'] {
-  box-sizing: border-box;
-}
-
-.ald-radio-wrapper {
-  display: inline-flex;
-  gap: 4px;
-  align-items: center;
-  justify-content: flex-start;
-  height: 20px;
-  padding: 0;
-  cursor: pointer;
-}
-
-.ald-radio {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 20px;
-  height: 20px;
-}
-
-.ald-radio-input {
-  position: absolute;
-  z-index: 1;
-  width: 1px;
-  height: 1px;
-  cursor: pointer;
-  opacity: 0;
-  inset: 0;
-}
-
-.ald-radio-inner {
-  position: relative;
-  display: inline-block;
-  width: 14px;
-  height: 14px;
-  border: 2px solid var(--interaction-border-neutral-normal);
-  background-color: var(--alias-colors-bg-skeleton-subtler);
-  border-radius: 50%;
-
-  &:hover {
-    border: 2px solid var(--interaction-border-hover);
-  }
-
-  &:active {
-    border: 2px solid var(--interaction-border-active);
-    background-color: var(--alias-colors-bg-skeleton-strong);
-  }
-}
-
-.ald-radio-desc {
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--alias-colors-text-default);
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 20px;
-  user-select: none;
-  white-space: nowrap;
-}
-
-// 绘制选中时的圆圈样式
-:not(.ald-radio-wrapper-indeterminate) > .ald-radio-checked > .ald-radio-inner {
-  background-color: var(--alias-colors-bg-selected-strong-default);
-  border: 0;
-  transform: background 0.5s ease;
-
-  &::after {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 5px;
-    height: 5px;
-    background-color: var(--alias-colors-icon-inverse-default);
-    border-radius: 50%;
-    transform: translate(-50%, -50%);
-    content: '';
-  }
-
-  &:hover {
-    background-color: var(--alias-colors-bg-selected-strong-hover);
-  }
-
-  &:active {
-    background-color: var(--alias-colors-bg-selected-strong-press);
-  }
-}
-// 半选的样式
-.ald-radio-wrapper-indeterminate > .ald-radio > .ald-radio-inner[class] {
-  background-color: var(--alias-colors-bg-selected-strong-default);
-  border: 0;
-  transform: background 0.5s ease;
-
-  &::after {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 8.5px;
-    height: 2px;
-    background-color: var(--alias-colors-icon-inverse-default);
-    border-radius: 2px;
-    transform: translate(-50%, -50%);
-    content: '';
-  }
-
-  &:hover {
-    background-color: var(--alias-colors-bg-selected-strong-hover);
-  }
-
-  &:active {
-    background-color: var(--alias-colors-bg-selected-strong-press);
-  }
-}
-
-// 禁用状态下的样式
-.ald-radio-disabled > .ald-radio-inner {
-  background-color: var(--alias-colors-bg-disabled) !important;
-  border: 2px solid var(--alias-colors-border-disabled);
-
-  &::after {
-    background-color: var(--alias-colors-bg-disabled);
-    border: 0;
-  }
-}
-
-.ald-radio-disabled.ald-radio-checked > .ald-radio-inner {
-  border: 0;
-  background: var(--alias-colors-bg-disabled);
-
-  &::after {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 5px;
-    height: 5px;
-    background: var(--alias-colors-icon-disabled);
-    border-radius: 50%;
-    transform: translate(-50%, -50%);
-    content: '';
-  }
-}
-// 禁用的样式
-.ald-radio-label.ald-radio-wrapper-disabled {
-  .ald-radio-desc {
-    opacity: 0.4;
-    cursor: default;
-  }
-}
-
-// RadioGroup基础样式
-.ald-radio-group {
-  position: relative;
-
-  .ald-radio-label .ald-radio-desc {
-    color: var(--alias-colors-text-default);
-    font-weight: 400;
-    font-size: @font-size-middle;
-    font-style: normal;
-  }
-
-  &.ald-radio-group-radio {
-    .ald-radio-desc {
-      color: @NL0;
-      font-weight: 400;
-    }
-  }
-
-  .ald-radio-wrapper:not(:first-child) {
-    margin-left: 16px;
-  }
-}
-
-.ald-radio-group-icon-button {
-  padding: 0 !important;
-}
-
-// button状态下的样式
-.ald-radio-group-button,
-.ald-radio-group-icon-button {
-  display: flex;
-  align-items: flex-start;
-  box-sizing: border-box;
-  padding: 0;
-
-  .ald-radio-label {
-    color: @NL30;
-    font-size: @font-size-middle;
-  }
-  // 按钮样式禁用的文字颜色
-  .ald-radio-wrapper-disabled {
-    .ald-radio-desc {
-      color: @NL0;
-    }
-  }
-
-  // border的样式
-  .ald-radio-button-wrapper-border,
-  .ald-radio-button-wrapper-border-primary {
-    padding: 0 @radio-button-padding - 1;
-  }
-
-  .ald-radio-button-wrapper-border,
-  .ald-radio-button-wrapper-border-primary,
-  .ald-radio-icon-button-wrapper-border,
-  .ald-radio-icon-button-wrapper-border-primary {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-    background: @BG100;
-    border-top: 1px solid @BG60;
-    border-left: 1px solid @BG60;
-    border-bottom: 1px solid @BG60;
-    overflow: hidden;
-    cursor: pointer;
-
-    &:first-child {
-      border-radius: @border-radius-middle 0 0 @border-radius-middle;
-    }
-
-    &:last-child {
-      border-right: 1px solid @BG60;
-      border-radius: 0 @border-radius-middle @border-radius-middle 0;
-    }
-
-    .ald-radio {
-      width: 0;
-
-      .ald-radio-input,
-      .ald-radio-inner {
-        width: 0;
-        border: 0;
-      }
-    }
-
-    .ald-radio-checked > .ald-radio-inner::after {
-      width: 0;
-    }
-  }
-
-  .ald-radio-icon-button-wrapper-filled {
-    margin: 2px;
-  }
-
-  // button选中状态下的样式
-  .ald-radio-wrapper-checked.ald-radio-button-wrapper-border,
-  .ald-radio-wrapper-checked.ald-radio-button-wrapper-border-primary,
-  .ald-radio-wrapper-checked.ald-radio-icon-button-wrapper-border,
-  .ald-radio-wrapper-checked.ald-radio-icon-button-wrapper-border-primary {
-    background: @BG80;
-    transition: background 0.3s ease;
-
-    .ald-radio-desc {
-      position: relative;
-      color: @NL0;
-      transition: text-shadow 0.3s ease, color 0.3s ease;
-    }
-  }
-
-  .ald-radio-wrapper-checked.ald-radio-button-wrapper-border-primary,
-  .ald-radio-wrapper-checked.ald-radio-icon-button-wrapper-border-primary {
-    background: @B40;
-    transition: background 0.3s ease;
-
-    .ald-radio-desc {
-      position: relative;
-      color: @ND0;
-      transition: text-shadow 0.3s ease, color 0.3s ease;
-    }
-  }
-
-  // filled样式的button
-  .ald-radio-button-wrapper-filled,
-  .ald-radio-button-wrapper-filter {
-    padding: 0 @radio-button-padding - 1;
-
-    &:not(.ald-radio-wrapper-checked) {
-      padding: 0 @radio-button-padding;
-    }
-  }
-
-  .ald-radio-button-wrapper-filled,
-  .ald-radio-icon-button-wrapper-filled,
-  .ald-radio-button-wrapper-filter,
-  .ald-radio-icon-button-wrapper-filter {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: calc(100% - 4px);
-    background-color: var(--alias-colors-bg-skeleton-strong);
-    cursor: pointer;
-
-    // 选中样式
-    &.ald-radio-wrapper-checked {
-      background: var(--alias-colors-bg-skeleton-subtler);
-      border: 1px solid var(--border-default);
-      border-radius: var(--alias-radius-75);
-      box-shadow: var(--elevation-bottom-bottom-sm);
-      cursor: pointer;
-
-      &:hover {
-        border-radius: var(--alias-radius-75);
-        border: 1px solid var(--global-cool-grey-400);
-        background: var(--alias-colors-bg-skeleton-subtler);
-      }
-
-      &:active {
-        border-radius: var(--alias-radius-75);
-        border: 1px solid var(--border-default);
-        background: var(--alias-colors-bg-skeleton-subtle);
-      }
-    }
-
-    &:first-of-type {
-      border-radius: @border-radius-middle 0 0 @border-radius-middle;
-    }
-
-    &:last-of-type {
-      border-radius: 0 @border-radius-middle @border-radius-middle 0;
-    }
-
-    .ald-radio {
-      width: 0;
-
-      .ald-radio-input,
-      .ald-radio-inner {
-        width: 0;
-        border: 0;
-      }
-    }
-
-    .ald-radio-checked > .ald-radio-inner::after {
-      width: 0;
-    }
-
-    .ald-radio-desc {
-      font-weight: 400;
-    }
-  }
-
-  .ald-radio-button-wrapper-filter,
-  .ald-radio-icon-button-wrapper-filter {
-    background-color: @BG100;
-  }
-
-  .ald-radio-wrapper-checked.ald-radio-button-wrapper-filled,
-  .ald-radio-wrapper-checked.ald-radio-icon-button-wrapper-filled {
-    position: relative;
-
-    .ald-radio-desc {
-      position: relative;
-      font-weight: 400;
-      z-index: 2;
-      color: @NL0;
-    }
-  }
-
-  .ald-radio-wrapper-checked.ald-radio-button-wrapper-filter,
-  .ald-radio-wrapper-checked.ald-radio-icon-button-wrapper-filter {
-    position: relative;
-    border-radius: @border-radius-middle;
-
-    .ald-radio-desc {
-      position: relative;
-      font-weight: 600;
-      z-index: 2;
-      color: @NL0;
-    }
-  }
-
-  // 各种大小
-  &.ald-radio-group-middle {
-    height: @radio-group-height-middle;
-    border-radius: @border-radius-middle;
-
-    .ald-radio-icon-button-wrapper-filled {
-      border-radius: var(--alias-radius-50) !important ;
-    }
-
-    .ald-radio-label {
-      .ald-radio-desc {
-        font-size: @font-size-middle;
-      }
-    }
-
-    .ald-radio-label.ald-radio-button-wrapper-filled {
-      height: 28px;
-      border-radius: 4px !important;
-      margin-top: 2px;
-    }
-
-    .ald-radio-icon-button-wrapper-filled,
-    .ald-radio-icon-button-wrapper-filter {
-      padding: 0 @radio-icon-button-padding-middle;
-
-      &.ald-radio-label {
-        .ald-radio-desc {
-          font-size: 20px;
-        }
-      }
-    }
-
-    .ald-radio-button-wrapper-border,
-    .ald-radio-button-wrapper-border-primary {
-      padding: 0 @radio-button-padding-middle - 1;
-    }
-
-    .ald-radio-icon-button-wrapper-border,
-    .ald-radio-icon-button-wrapper-border-primary,
-    .ald-radio-icon-button-wrapper-filter {
-      padding: 0 @radio-icon-button-padding-middle;
-
-      &.ald-radio-label .ald-radio-desc {
-        font-size: 14px;
-      }
-
-      &:not(:last-child) {
-        padding: 0 @radio-icon-button-padding-middle 0
-          @radio-icon-button-padding-middle - 1;
-      }
-    }
-  }
-
-  &.ald-radio-group-small {
-    height: @radio-group-height-small;
-    border-radius: @border-radius-small;
-
-    .ald-radio-label {
-      .ald-radio-desc {
-        font-size: @font-size-small;
-      }
-    }
-
-    .ald-radio-icon-button-wrapper-filled {
-      border-radius: var(--alias-radius-25) !important ;
-    }
-
-    .ald-radio-label.ald-radio-button-wrapper-filled {
-      height: 24px;
-      margin-top: 2px;
-      border-radius: 2px !important;
-    }
-
-    .ald-radio-icon-button-wrapper-filled,
-    .ald-radio-icon-button-wrapper-filter {
-      padding: 0 @radio-icon-button-padding-small;
-
-      &.ald-radio-label {
-        .ald-radio-desc {
-          font-size: 14px;
-        }
-      }
-    }
-
-    .ald-radio-button-wrapper-border,
-    .ald-radio-button-wrapper-border-primary {
-      padding: 0 @radio-button-padding-small - 1;
-    }
-
-    .ald-radio-icon-button-wrapper-border,
-    .ald-radio-icon-button-wrapper-border-primary {
-      padding: 0 @radio-icon-button-padding-small;
-
-      &.ald-radio-label .ald-radio-desc {
-        font-size: 14px;
-      }
-
-      &:not(:last-child) {
-        padding: 0 @radio-icon-button-padding-small 0
-          @radio-icon-button-padding-small - 1;
-      }
-    }
-
-    .ald-radio-button-wrapper-border,
-    .ald-radio-icon-button-wrapper-border,
-    .ald-radio-button-wrapper-border-primary,
-    .ald-radio-icon-button-wrapper-border-primary,
-    .ald-radio-button-wrapper-filled,
-    .ald-radio-icon-button-wrapper-filled {
-      &:first-of-type {
-        border-radius: @border-radius-small 0 0 @border-radius-small;
-      }
-
-      &:last-of-type {
-        border-radius: 0 @border-radius-small 0 @border-radius-small 0;
-      }
-    }
-
-    .ald-radio-button-wrapper-filter,
-    .ald-radio-icon-button-wrapper-filter {
-      border-radius: @border-radius-small;
-    }
-  }
-
-  &.ald-radio-group.ald-radio-group-large {
-    height: @radio-group-height-large;
-    border-radius: @border-radius-large;
-
-    .ald-radio-icon-button-wrapper-filled {
-      border-radius: var(--alias-radius-75) !important ;
-    }
-
-    .ald-radio-label.ald-radio-button-wrapper-filled {
-      height: 32px;
-      margin-top: 2px;
-      border-radius: 6px !important;
-    }
-
-    .ald-radio-label {
-      .ald-radio-desc {
-        font-size: @font-size-large;
-      }
-    }
-
-    .ald-radio-icon-button-wrapper-filled,
-    .ald-radio-icon-button-wrapper-filter {
-      padding: 0 @radio-icon-button-padding-large;
-
-      &.ald-radio-label {
-        .ald-radio-desc {
-          font-size: 24px;
-        }
-      }
-    }
-
-    .ald-radio-button-wrapper-border,
-    .ald-radio-button-wrapper-border-primary {
-      padding: 0 @radio-button-padding-large - 1;
-    }
-
-    .ald-radio-icon-button-wrapper-border,
-    .ald-radio-icon-button-wrapper-border-primary {
-      padding: 0 @radio-icon-button-padding-large - 1;
-
-      &.ald-radio-label .ald-radio-desc {
-        font-size: 20px;
-      }
-
-      &:not(:last-child) {
-        padding: 0 @radio-icon-button-padding-large 0
-          @radio-icon-button-padding-large - 1;
-      }
-    }
-
-    .ald-radio-button-wrapper-border,
-    .ald-radio-icon-button-wrapper-border,
-    .ald-radio-button-wrapper-border-primary,
-    .ald-radio-icon-button-wrapper-border-primary,
-    .ald-radio-button-wrapper-filled,
-    .ald-radio-icon-button-wrapper-filled {
-      &:first-of-type {
-        border-radius: @border-radius-large 0 0 @border-radius-large;
-      }
-
-      &:last-of-type {
-        border-radius: 0 @border-radius-large @border-radius-large 0;
-      }
-    }
-
-    .ald-radio-button-wrapper-filter,
-    .ald-radio-icon-button-wrapper-filter {
-      border-radius: @border-radius-large;
-    }
-  }
-}
-
-.ald-radio-group-filled {
-  display: flex;
-  gap: 2px;
-  background: var(--alias-colors-bg-skeleton-strong);
-  padding: 0 2px;
-  width: min-content;
-
-  .ald-radio-label:not(.ald-radio-wrapper-disabled) {
-    &:not(.ald-radio-wrapper-checked):hover {
-      background: var(--alias-colors-bg-interaction-hover);
-    }
-
-    &:active {
-      background: var(--alias-colors-bg-interaction-press);
-    }
-  }
-}

package/dist/RenameInput/style/index.d.ts

@@ -1,2 +0,0 @@
-import '../../style';
-import './index.less';

package/dist/RenameInput/style/index.js

@@ -1,2 +0,0 @@
-import "../../style";
-import "./index.less";