@bifrostui/react 1.1.5 → 1.1.7

package/dist/Tag/Tag.less

@@ -1,119 +0,0 @@
-.bui-tag {
-  --color: var(--bui-tag-color, var(--bui-color-gray));
-  --border-color: var(--bui-tag-border-color, var(--bui-color-border-gray));
-  --bg-color: var(--bui-tag-bg-color, var(--bui-color-gray));
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  white-space: nowrap;
-  height: 15px;
-  line-height: 15px;
-  padding: 0 var(--bui-spacing-xs);
-  font-size: var(--bui-text-size-5);
-  font-weight: var(--bui-font-weight-normal);
-  border-radius: var(--bui-shape-radius-label);
-  border: 1px solid transparent;
-  box-sizing: border-box;
-  color: var(--bui-color-bg-view);
-  font-family: var(--bui-font-family);
-  // 描边
-  &-outlined {
-    color: var(--color);
-    border: 1px solid var(--border-color);
-
-    &.bui-tag-primary {
-      color: var(--bui-color-primary);
-      border: 1px solid var(--bui-color-border-primary);
-    }
-
-    &.bui-tag-info {
-      color: var(--bui-color-info);
-      border: 1px solid var(--bui-color-border-info);
-    }
-
-    &.bui-tag-warning {
-      color: var(--bui-color-warning);
-      border: 1px solid var(--bui-color-border-warning);
-    }
-
-    &.bui-tag-success {
-      color: var(--bui-color-success);
-      border: 1px solid var(--bui-color-border-success);
-    }
-
-    &.bui-tag-danger {
-      color: var(--bui-color-danger);
-      border: 1px solid var(--bui-color-border-danger);
-    }
-
-    &.bui-tag-vip {
-      color: var(--bui-color-red);
-      border: 1px solid var(--bui-color-border-primary);
-    }
-  }
-
-  // 实心
-  &-contained {
-    background-color: var(--bg-color);
-
-    &.bui-tag-primary {
-      background-color: var(--bui-color-primary);
-    }
-
-    &.bui-tag-info {
-      background-color: var(--bui-color-info);
-    }
-
-    &.bui-tag-warning {
-      background-color: var(--bui-color-warning);
-    }
-
-    &.bui-tag-success {
-      background-color: var(--bui-color-success);
-    }
-
-    &.bui-tag-danger {
-      background-color: var(--bui-color-danger);
-    }
-
-    &.bui-tag-vip {
-      background-color: var(--bui-color-vip);
-    }
-  }
-
-  &-light {
-    background-color: var(--bui-color-gray-light);
-    color: var(--bui-color-gray);
-
-    &.bui-tag-primary {
-      background-color: var(--bui-color-primary-light);
-      color: var(--bui-color-primary);
-    }
-
-    &.bui-tag-info {
-      background-color: var(--bui-color-info-light);
-      color: var(--bui-color-info);
-    }
-
-    &.bui-tag-warning {
-      background-color: var(--bui-color-warning-light);
-      color: var(--bui-color-warning);
-    }
-
-    &.bui-tag-success {
-      background-color: var(--bui-color-success-light);
-      color: var(--bui-color-success);
-    }
-
-    &.bui-tag-danger {
-      background-color: var(--bui-color-danger-light);
-      color: var(--bui-color-danger);
-    }
-
-    &.bui-tag-vip {
-      background-color: fade(#ff866e, 30%);
-      color: var(--bui-color-vip);
-    }
-  }
-}

package/dist/Tag/TagGroup.less

@@ -1,52 +0,0 @@
-.bui-tag-group {
-  display: inline-flex;
-  font-family: var(--bui-font-family);
-
-  .bui-tag-outlined {
-    background-color: var(--bui-color-white);
-  }
-
-  .bui-tag-outlined + .bui-tag-contained {
-    margin-left: -1px;
-  }
-
-  .bui-tag-outlined:not(:last-child) {
-    position: relative;
-    border-right-style: dotted;
-
-    &::after {
-      top: 0;
-    }
-
-    &::before {
-      bottom: 0;
-    }
-
-    &::after,
-    &::before {
-      content: '';
-      position: absolute;
-      right: -1px;
-      width: 1px;
-      height: 13%;
-      color: #fff;
-      background-color: #fff;
-      border-right-style: solid;
-    }
-  }
-
-  .bui-tag:not(:last-child) {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-
-    &:not(.bui-tag-outlined) {
-      border-right: 0;
-    }
-  }
-
-  .bui-tag:not(:first-child) {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    border-left: 0;
-  }
-}

package/es/ActionSheet/ActionSheet.less

@@ -1,31 +0,0 @@
-.bui-action-sheet {
-  font-family: var(--bui-font-family);
-
-  &-content {
-    padding-bottom: constant(safe-area-inset-bottom);
-    padding-bottom: env(safe-area-inset-bottom);
-    border-top-left-radius: var(--bui-shape-radius-drawer);
-    border-top-right-radius: var(--bui-shape-radius-drawer);
-    overflow: hidden;
-  }
-
-  .bui-action-sheet-cancel {
-    border-top: none;
-  }
-
-  &-gap {
-    height: var(--bui-spacing-md);
-    background-color: var(--bui-color-bg-default);
-  }
-
-  &-extra {
-    font-size: var(--bui-text-size-1);
-    line-height: 23px;
-    padding: var(--bui-spacing-xl);
-    color: var(--bui-color-fg-muted);
-    background: var(--bui-color-bg-view);
-    text-align: center;
-    border-bottom: 1px solid var(--bui-color-border-default);
-    margin: 0 var(--bui-spacing-xl);
-  }
-}

package/es/ActionSheet/ActionSheetItem.less

@@ -1,62 +0,0 @@
-.bui-action-sheet-item {
-  --font-size: var(--bui-title-size-2);
-  --color: var(--bui-color-fg-default);
-  font-family: var(--bui-font-family);
-  position: relative;
-  padding: var(--bui-spacing-xl);
-  cursor: pointer;
-  background: var(--bui-color-bg-view);
-  font-size: var(--font-size);
-  text-align: center;
-  line-height: 24px;
-  color: var(--color);
-  border-top: 1px solid var(--bui-color-border-default);
-  margin: 0 var(--bui-spacing-xl);
-
-  &:first-child {
-    border-top: none;
-  }
-
-  &:active {
-    background-color: var(--bui-color-bg-default);
-  }
-
-  &-primary {
-    --color: var(--bui-color-primary);
-  }
-
-  &-info {
-    --color: var(--bui-color-info);
-  }
-
-  &-success {
-    --color: var(--bui-color-success);
-  }
-
-  &-warning {
-    --color: var(--bui-color-warning);
-  }
-
-  &-danger {
-    --color: var(--bui-color-danger);
-  }
-
-  &-disabled {
-    pointer-events: none;
-
-    .bui-action-sheet-item-content,
-    .bui-action-sheet-item-description {
-      opacity: 0.5;
-    }
-  }
-
-  &-bold {
-    font-weight: bold;
-  }
-
-  &-description {
-    font-size: var(--bui-text-size-2);
-    line-height: 19px;
-    color: var(--bui-color-fg-subtle);
-  }
-}

package/es/Alert/index.less

@@ -1,112 +0,0 @@
-.bui-alert {
-  --bui-alert-marquee-speed: var(--bui-alert-marquee-seed, 10s);
-  display: flex;
-  padding: 8px;
-  border-radius: var(--bui-shape-radius-default);
-  align-items: center;
-  line-height: 16px;
-  font-size: var(--bui-text-size-3);
-  font-family: var(--bui-font-family);
-
-  &-standard {
-    &-primary {
-      background-color: var(--bui-color-primary-light);
-      color: var(--bui-color-primary);
-    }
-
-    &-success {
-      background-color: var(--bui-color-success-light);
-      color: var(--bui-color-success);
-    }
-
-    &-info {
-      background-color: var(--bui-color-info-light);
-      color: var(--bui-color-info);
-    }
-
-    &-danger {
-      background-color: var(--bui-color-danger-light);
-      color: var(--bui-color-danger);
-    }
-
-    &-warning {
-      color: var(--bui-color-warning);
-      background-color: var(--bui-color-warning-light);
-    }
-  }
-
-  &-outlined {
-    &-primary {
-      border: 1px solid var(--bui-color-primary);
-      color: var(--bui-color-primary);
-    }
-
-    &-success {
-      border: 1px solid var(--bui-color-success);
-      color: var(--bui-color-success);
-    }
-
-    &-info {
-      border: 1px solid var(--bui-color-info);
-      color: var(--bui-color-info);
-    }
-
-    &-danger {
-      border: 1px solid var(--bui-color-danger);
-      color: var(--bui-color-danger);
-    }
-
-    &-warning {
-      border: 1px solid var(--bui-color-warning);
-      color: var(--bui-color-warning);
-    }
-  }
-
-  &-default-icon {
-    font-size: 15px;
-  }
-
-  &-content {
-    flex-grow: 1;
-  }
-
-  &-action {
-    // fix 小程序上dom被压缩
-    flex-shrink: 0;
-    margin-left: 16px;
-    word-wrap: keep-all;
-    font-size: var(--bui-text-size-3);
-    cursor: pointer;
-    text-align: center;
-  }
-
-  &-action.bui-icon-btn {
-    padding: 0;
-  }
-
-  &-icon {
-    display: flex;
-    align-items: center;
-    padding-right: 4px;
-    vertical-align: middle;
-    font-size: 15px;
-    cursor: pointer;
-  }
-
-  &-marquee {
-    overflow: hidden;
-
-    &-content {
-      display: inline-block;
-      padding-left: 100%;
-      white-space: nowrap;
-      animation: marquee var(--bui-alert-marquee-speed) linear infinite both;
-    }
-  }
-
-  @keyframes marquee {
-    100% {
-      transform: translateX(-100%);
-    }
-  }
-}

package/es/Avatar/Avatar.less

@@ -1,52 +0,0 @@
-.bui-avatar {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 12px;
-  background-color: var(--bui-color-bg-default);
-  font-family: var(--bui-font-family);
-
-  &-children {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  &-large {
-    width: 60px;
-    height: 60px;
-  }
-
-  &-medium {
-    width: 42px;
-    height: 42px;
-  }
-
-  &-small {
-    width: 30px;
-    height: 30px;
-  }
-
-  &-xsmall {
-    width: 24px;
-    height: 24px;
-  }
-}
-
-.bui-avatar-rounded {
-  border-radius: 50%;
-
-  .bui-avatar-img {
-    width: 100%;
-    height: 100%;
-    border-radius: 50%;
-  }
-}
-
-.bui-avatar-square {
-  border-radius: var(--bui-shape-radius-poster);
-
-  .bui-avatar-img {
-    border-radius: var(--bui-shape-radius-poster);
-  }
-}

package/es/Avatar/AvatarGroup.less

@@ -1,39 +0,0 @@
-.bui-avatar-group {
-  display: flex;
-  flex-direction: row;
-  font-family: var(--bui-font-family);
-
-  &-avatar,
-  &-extra {
-    box-shadow: 0 0 0 2px var(--bui-color-bg-view);
-    color: var(--bui-color-fg-default);
-  }
-
-  .bui-avatar-xsmall {
-    &:not(:first-child) {
-      margin-left: -5px;
-    }
-  }
-
-  .bui-avatar-small {
-    &:not(:first-child) {
-      margin-left: -9px;
-    }
-
-    box-shadow: 0 0 0 1px var(--bui-color-bg-view);
-  }
-
-  .bui-avatar-large {
-    &:not(:first-child) {
-      margin-left: -21px;
-    }
-    box-shadow: 0 0 0 3px var(--bui-color-bg-view);
-  }
-
-  .bui-avatar-medium {
-    &:not(:first-child) {
-      margin-left: -13px;
-    }
-    box-shadow: 0 0 0 2px var(--bui-color-bg-view);
-  }
-}

package/es/Badge/Badge.less

@@ -1,118 +0,0 @@
-.bui-badge-position(@offset) {
-  top: @offset;
-  right: @offset;
-  transform: scale(1) translate(50%, -50%);
-}
-.bui-badge-bubble-radius() {
-  border-radius: 6px 6px 6px 0;
-}
-
-.bui-badge {
-  display: inline-block;
-  font-family: var(--bui-font-family);
-
-  &-position {
-    position: relative;
-
-    .bui-badge-contained,
-    .bui-badge-outlined {
-      position: absolute;
-      .bui-badge-position(14%);
-    }
-
-    .bui-badge-dot {
-      .bui-badge-position(14%);
-    }
-
-    .bui-badge-bubble {
-      .bui-badge-position(14%);
-    }
-  }
-
-  &-contained,
-  &-outlined {
-    display: flex;
-    box-sizing: border-box;
-    align-items: center;
-    justify-content: center;
-    min-width: 15px;
-    height: 15px;
-    line-height: 15px;
-    padding: 0 3px;
-    font-size: var(--bui-text-size-4);
-    border-radius: 8px;
-    color: var(--bui-color-bg-view);
-    white-space: nowrap;
-    z-index: 1;
-  }
-
-  &-outlined {
-    padding: 0 2px;
-  }
-
-  &-primary {
-    background-color: var(--bui-color-primary);
-  }
-
-  &-success {
-    background-color: var(--bui-color-success);
-  }
-
-  &-info {
-    background-color: var(--bui-color-info);
-  }
-
-  &-warning {
-    background-color: var(--bui-color-warning);
-  }
-
-  &-danger {
-    background-color: var(--bui-color-danger);
-  }
-
-  &-dot {
-    width: 9px;
-    min-width: 0;
-    height: 9px;
-    padding: 0;
-    border-radius: 100%;
-  }
-
-  &-bubble {
-    .bui-badge-bubble-radius();
-    padding: 0 5px;
-  }
-
-  &-outlined {
-    background: var(--bui-color-bg-view);
-  }
-
-  &-outlined&-primary {
-    border: 1px solid var(--bui-color-primary);
-    color: var(--bui-color-primary);
-  }
-
-  &-outlined&-success {
-    border: 1px solid var(--bui-color-success);
-    color: var(--bui-color-success);
-  }
-
-  &-outlined&-info {
-    border: 1px solid var(--bui-color-info);
-    color: var(--bui-color-info);
-  }
-
-  &-outlined&-warning {
-    border: 1px solid var(--bui-color-warning);
-    color: var(--bui-color-warning);
-  }
-
-  &-outlined&-danger {
-    border: 1px solid var(--bui-color-danger);
-    color: var(--bui-color-danger);
-  }
-
-  &-outlined&-bubble {
-    .bui-badge-bubble-radius();
-  }
-}