@bifrostui/react 1.1.1 → 1.1.5

package/dist/Slider/Slider.css

@@ -1,95 +0,0 @@
-.bui-slider {
-  --line-color: var(--bui-color-primary);
-  --line-bg-color: var(--bui-color-border-default);
-  --tooltip-font-size: var(--bui-text-size-3);
-  --tooltip-color: var(--bui-color-white);
-  --tooltip-bg-color: var(--line-color);
-  position: relative;
-  width: 100%;
-  height: 2px;
-  padding: 19px 0;
-  box-sizing: border-box;
-  font-family: var(--bui-font-family);
-}
-.bui-slider-disabled {
-  pointer-events: none;
-  opacity: 0.5;
-}
-.bui-slider-line {
-  position: absolute;
-  top: 50%;
-  left: 0;
-  height: 2px;
-  transform: translateY(-50%);
-  background-color: var(--line-color);
-}
-.bui-slider-rail {
-  position: absolute;
-  top: 50%;
-  left: 0;
-  width: 100%;
-  height: 2px;
-  transform: translateY(-50%);
-  background-color: var(--line-bg-color);
-}
-.bui-slider-button {
-  display: flex;
-  position: absolute;
-  justify-content: center;
-  align-items: center;
-  width: 26px;
-  height: 26px;
-  background-color: #fff;
-  box-shadow: #ddd 0 0 10px;
-  border-radius: 50%;
-  transform: translate(-50%, -50%);
-  font-size: var(--bui-title-size-3);
-  cursor: grab;
-}
-.bui-slider-button::after {
-  position: absolute;
-  content: '';
-  top: -10px;
-  bottom: -10px;
-  left: -10px;
-  right: -10px;
-}
-.bui-slider-button-0 {
-  left: 0%;
-  top: 50%;
-  z-index: var(--bui-z-index-affix);
-}
-.bui-slider-button-1 {
-  left: 0%;
-  top: 50%;
-  z-index: var(--bui-z-index-affix);
-}
-.bui-slider-tooltip {
-  position: absolute;
-  top: -14px;
-  width: 46px;
-  height: 24px;
-  line-height: 24px;
-  font-size: var(--tooltip-font-size);
-  border-radius: 24px;
-  color: var(--tooltip-color);
-  text-align: center;
-  background-color: var(--tooltip-bg-color);
-  transform: translate(-50%, -50%);
-  z-index: var(--bui-z-index-popover);
-}
-.bui-slider-tooltip::after {
-  position: absolute;
-  bottom: -10px;
-  left: 0;
-  right: 0;
-  margin: 0 auto;
-  content: '';
-  width: 0;
-  height: 0;
-  border: 6px solid transparent;
-  border-top: 6px solid var(--tooltip-bg-color);
-}
-.bui-slider-tooltip-hidden {
-  display: none;
-}

package/dist/Stack/demo/index.css

@@ -1,23 +0,0 @@
-.bui-stack-demo-options {
-  display: flex;
-  column-gap: 30px;
-}
-.bui-stack-demo-options-title {
-  font-weight: 500;
-}
-@media all and (max-width: 570px) {
-  .bui-stack-demo-options {
-    display: flex;
-    flex-direction: column;
-    row-gap: 15px;
-  }
-  .bui-stack-demo-options-title {
-    width: 100%;
-    font-size: 16px;
-  }
-  .bui-stack-demo-options .bui-radio-group {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-  }
-}

package/dist/Steps/Step.css

@@ -1,174 +0,0 @@
-.bui-step {
-  display: flex;
-  position: relative;
-  line-height: var(--bui-line-height);
-  font-family: var(--bui-font-family);
-}
-.bui-step-label-horizontal {
-  line-height: 1.8;
-}
-.bui-step:last-child .bui-step-line::after {
-  display: none;
-}
-.bui-step-line {
-  position: absolute;
-  top: 0;
-  width: 1px;
-  height: 100%;
-  box-sizing: border-box;
-  left: 13px;
-  padding: var(--step-line-padding);
-}
-.bui-step-line::after {
-  display: inline-block;
-  content: '';
-  width: 1px;
-  border-left-width: 1px;
-  border-left-style: dotted;
-  height: calc(100% + 11px);
-}
-.bui-step-line-active::after {
-  border-left-color: var(--bui-color-primary);
-}
-.bui-step-line-wait::after {
-  border-left-color: var(--bui-color-fg-disabled);
-}
-.bui-step-line-finish::after {
-  border-left-color: var(--bui-color-primary);
-}
-.bui-step-line-error::after {
-  border-left-color: var(--bui-color-primary);
-}
-.bui-step-icon {
-  flex-shrink: 0;
-  width: 28px;
-  text-align: center;
-  margin: var(--step-icon-margin);
-  font-size: var(--bui-title-size-4);
-}
-.bui-step-icon-active {
-  width: 12px;
-  height: 12px;
-  position: relative;
-  background-color: var(--bui-color-primary);
-  border-radius: 50%;
-  margin-top: 2px;
-  display: inline-block;
-}
-.bui-step-content {
-  padding: 3px 0;
-  box-sizing: border-box;
-  flex: 1 0 0;
-  overflow: hidden;
-}
-.bui-step-title-wrapper {
-  width: 100%;
-  display: flex;
-  align-items: center;
-}
-.bui-step-title-wrapper-vertical {
-  flex-direction: column;
-  align-items: flex-start;
-}
-.bui-step-title {
-  font-size: var(--title-font-size);
-  font-weight: var(--title-font-weight);
-  width: auto;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.bui-step-title-active {
-  color: var(--bui-color-primary);
-}
-.bui-step-title-wait {
-  color: var(--bui-color-fg-subtle);
-}
-.bui-step-title-finish {
-  color: var(--bui-color-primary);
-}
-.bui-step-title-error {
-  color: var(--bui-color-primary);
-}
-.bui-step-title-horizontal {
-  margin-right: 4px;
-  max-width: 64%;
-}
-.bui-step-title-vertical {
-  width: 100%;
-}
-.bui-step-subtitle {
-  font-size: var(--subtitle-font-size);
-  color: var(--bui-color-fg-subtle);
-  width: auto;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.bui-step-subtitle-horizontal {
-  flex: 1;
-}
-.bui-step-subtitle-vertical {
-  width: 100%;
-}
-.bui-step-desc {
-  font-size: var(--bui-text-size-3);
-  color: var(--bui-color-fg-subtle);
-  margin-right: var(--bui-spacing-lg);
-}
-.bui-step-horizontal {
-  flex: 1;
-  padding-left: var(--bui-spacing-sm);
-}
-.bui-step-horizontal:first-child {
-  padding-left: 0;
-}
-.bui-step-horizontal:last-child .bui-step-title-wrapper::after {
-  display: none;
-}
-.bui-step-horizontal .bui-step-line {
-  display: none;
-  padding: 28px 0 6px;
-}
-.bui-step-horizontal .bui-step-icon {
-  margin-right: 0;
-}
-.bui-step-horizontal .bui-step-title-wrapper {
-  width: fit-content;
-  position: relative;
-}
-.bui-step-horizontal .bui-step-title-wrapper::after {
-  position: absolute;
-  width: 9999px;
-  height: 1px;
-  content: '';
-  left: 100%;
-  top: 0;
-  bottom: 0;
-  margin: auto 0;
-}
-.bui-step-horizontal .bui-step-title-wrapper-line-active::after {
-  background: var(--bui-color-fg-disabled);
-}
-.bui-step-horizontal .bui-step-title-wrapper-line-wait::after {
-  background: var(--bui-color-fg-disabled);
-}
-.bui-step-horizontal .bui-step-title-wrapper-line-finish::after {
-  background: var(--bui-color-primary);
-}
-.bui-step-horizontal .bui-step-title-wrapper-line-error::after {
-  background: var(--bui-color-primary);
-}
-.bui-step-horizontal .bui-step-title {
-  padding-right: var(--bui-spacing-sm);
-  margin-right: 0;
-  max-width: unset;
-}
-.bui-step-horizontal .bui-step-subtitle {
-  padding-right: var(--bui-spacing-sm);
-  margin-right: 0;
-}
-.bui-step-disabled {
-  opacity: 0.5;
-  pointer-events: none;
-}

package/dist/Swiper/Swiper.css

@@ -1,20 +0,0 @@
-.bui-swiper {
-  font-family: var(--bui-font-family);
-}
-.bui-swiper .swiper-container-wrapper {
-  height: 150px;
-}
-.bui-swiper .swiper-container {
-  height: 100%;
-}
-.bui-swiper .swiper-pagination {
-  font-size: 0;
-}
-.bui-swiper .swiper-pagination-bullet {
-  opacity: 1;
-  background: var(--indicator-color);
-}
-.bui-swiper .swiper-pagination-bullet-active {
-  opacity: 1;
-  background: var(--indicator-color-active);
-}

package/dist/Switch/Switch.css

@@ -1,127 +0,0 @@
-.bui-switch {
-  --bg-color: #ccc;
-  position: relative;
-  display: inline-block;
-  box-sizing: border-box;
-  padding: 0;
-  vertical-align: middle;
-  border-radius: 15px;
-  background-color: var(--bg-color);
-  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
-  font-family: var(--bui-font-family);
-}
-.bui-switch::after {
-  position: absolute;
-  left: 2px;
-  top: 2px;
-  border-radius: 50%;
-  background-color: #fff;
-  content: ' ';
-  cursor: pointer;
-  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
-  transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1);
-  animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
-  animation-duration: 0.3s;
-}
-.bui-switch:focus {
-  outline: none;
-}
-.bui-switch-small {
-  width: 24px;
-  height: 16px;
-}
-.bui-switch-small .bui-switch-inner {
-  left: calc(100% - 10px);
-  font-size: 9px;
-}
-.bui-switch-small::after {
-  width: 12px;
-  height: 12px;
-  left: 2px;
-  top: 2px;
-}
-.bui-switch-small.bui-switch-checked::after {
-  left: calc(100% - 14px);
-}
-.bui-switch-small.bui-switch-checked .bui-switch-inner {
-  left: 2px;
-}
-.bui-switch-medium {
-  width: 44px;
-  height: 22px;
-}
-.bui-switch-medium::after {
-  width: 18px;
-  height: 18px;
-}
-.bui-switch-medium.bui-switch-checked::after {
-  left: calc(100% - 20px);
-}
-.bui-switch-medium.bui-switch-checked .bui-switch-inner {
-  left: var(--bui-spacing-sm);
-}
-.bui-switch-large {
-  width: 51px;
-  height: 30px;
-}
-.bui-switch-large .bui-switch-inner {
-  left: calc(100% - 22px);
-}
-.bui-switch-large::after {
-  width: 24px;
-  height: 24px;
-  left: 3px;
-  top: 3px;
-}
-.bui-switch-large.bui-switch-checked::after {
-  left: calc(100% - 27px);
-}
-.bui-switch-large.bui-switch-checked .bui-switch-inner {
-  left: var(--bui-spacing-sm);
-}
-.bui-switch-primary.bui-switch-checked {
-  background-color: var(--bui-color-primary);
-}
-.bui-switch-info.bui-switch-checked {
-  background-color: var(--bui-color-info);
-}
-.bui-switch-success.bui-switch-checked {
-  background-color: var(--bui-color-success);
-}
-.bui-switch-warning.bui-switch-checked {
-  background-color: var(--bui-color-warning);
-}
-.bui-switch-danger.bui-switch-checked {
-  background-color: var(--bui-color-danger);
-}
-.bui-switch-inner {
-  position: absolute;
-  left: calc(100% - 20px);
-  color: var(--bui-color-white);
-  font-size: var(--bui-text-size-3);
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-.bui-switch-inner .bui-svg-icon {
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-}
-.bui-switch-disabled {
-  pointer-events: none;
-  opacity: 0.5;
-}
-.bui-switch-disabled::after {
-  animation-name: none;
-  cursor: not-allowed;
-}
-.bui-switch-input {
-  opacity: 0;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  position: absolute;
-  z-index: 1;
-  cursor: pointer;
-}

package/dist/TabBar/TabBarItem.css

@@ -1,38 +0,0 @@
-.bui-tab-bar-item {
-  --bui-tab-bar-color: var(--bui-tab-bar-default-color, var(--bui-color-fg-default));
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  flex: 1;
-  color: var(--bui-tab-bar-color);
-  font-family: var(--bui-font-family);
-}
-.bui-tab-bar-item-primary {
-  color: var(--bui-color-primary);
-}
-.bui-tab-bar-item-success {
-  color: var(--bui-color-success);
-}
-.bui-tab-bar-item-info {
-  color: var(--bui-color-info);
-}
-.bui-tab-bar-item-warning {
-  color: var(--bui-color-warning);
-}
-.bui-tab-bar-item-danger {
-  color: var(--bui-color-danger);
-}
-.bui-tab-bar-item-vip {
-  color: var(--bui-color-vip);
-}
-.bui-tab-bar-item .bui-badge {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-.bui-tab-bar-item .bui-badge-position .bui-badge-contained,
-.bui-tab-bar-item .bui-badge-position .bui-badge-outlined {
-  top: 0;
-}

package/dist/Tabs/Tab.css

@@ -1,52 +0,0 @@
-.bui-tab {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  white-space: nowrap;
-  width: min-content;
-  height: 100%;
-  box-sizing: border-box;
-  position: relative;
-  cursor: pointer;
-  font-size: var(--font-size);
-  line-height: var(--bui-line-height);
-  color: var(--color);
-  padding: var(--bui-spacing-lg) var(--bui-spacing-lg) 10px;
-  font-family: var(--bui-font-family);
-}
-.bui-tab-center {
-  flex: 1 0 auto;
-  margin: 0 auto;
-}
-.bui-tab-active {
-  font-size: var(--font-size);
-  line-height: var(--bui-line-height);
-  font-weight: var(--bui-font-weight-medium);
-  color: var(--active-color);
-}
-.bui-tab-miniapp-active {
-  font-size: var(--font-size);
-  line-height: 1.5;
-  font-weight: var(--bui-font-weight-medium);
-  color: var(--active-color);
-  position: relative;
-}
-.bui-tab-miniapp-active-line {
-  position: absolute;
-  bottom: 0;
-  left: -12px;
-  right: -12px;
-  margin: 0 auto !important;
-  width: 18px;
-  height: 2px;
-  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  background-color: var(--line-color);
-}
-.bui-tab-disabled {
-  opacity: 0.5;
-  pointer-events: none;
-}
-.bui-tabline-invisible {
-  visibility: hidden;
-  background-color: transparent;
-}

package/dist/Tabs/TabPanel.css

@@ -1,9 +0,0 @@
-.bui-tabpanel {
-  font-family: var(--bui-font-family);
-}
-.bui-tabpanel-active {
-  display: block;
-}
-.bui-tabpanel-inactive {
-  display: none;
-}

package/dist/Tabs/Tabs.css

@@ -1,56 +0,0 @@
-.bui-tabs {
-  --height: 39px;
-  --font-size: var(--bui-text-size-1);
-  --color: var(--bui-color-fg-subtle);
-  --active-color: var(--bui-color-fg-default);
-  --line-color: var(--bui-color-primary);
-  position: relative;
-  font-family: var(--bui-font-family);
-}
-.bui-tabs-tabs {
-  height: var(--height);
-  display: flex;
-  flex-wrap: nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  position: relative;
-  overflow-x: scroll;
-  scrollbar-width: none;
-}
-.bui-tabs-tabs::-webkit-scrollbar {
-  display: none;
-}
-.bui-tabs-tabline {
-  position: absolute;
-  width: 18px;
-  bottom: 0;
-  /* prettier-ignore */
-  height: 3PX;
-  color: var(--bui-color-primary);
-  background: var(--line-color);
-  border-radius: var(--bui-shape-radius-label);
-}
-.bui-tabs-content {
-  padding: var(--bui-spacing-lg);
-}
-.bui-tabs-mask {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  z-index: 1;
-  width: 12px;
-  height: 100%;
-  pointer-events: none;
-}
-.bui-tabs-mask-left {
-  left: 0;
-  background: linear-gradient(to right, var(--bui-color-bg-view), rgba(255, 255, 255, 0));
-}
-.bui-tabs-mask-right {
-  right: 0;
-  background: linear-gradient(to left, var(--bui-color-bg-view), rgba(255, 255, 255, 0));
-}
-.bui-tabline-invisible {
-  visibility: hidden;
-  background-color: transparent;
-}

package/dist/Tag/Tag.css

@@ -1,97 +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);
-}
-.bui-tag-outlined {
-  color: var(--color);
-  border: 1px solid var(--border-color);
-}
-.bui-tag-outlined.bui-tag-primary {
-  color: var(--bui-color-primary);
-  border: 1px solid var(--bui-color-border-primary);
-}
-.bui-tag-outlined.bui-tag-info {
-  color: var(--bui-color-info);
-  border: 1px solid var(--bui-color-border-info);
-}
-.bui-tag-outlined.bui-tag-warning {
-  color: var(--bui-color-warning);
-  border: 1px solid var(--bui-color-border-warning);
-}
-.bui-tag-outlined.bui-tag-success {
-  color: var(--bui-color-success);
-  border: 1px solid var(--bui-color-border-success);
-}
-.bui-tag-outlined.bui-tag-danger {
-  color: var(--bui-color-danger);
-  border: 1px solid var(--bui-color-border-danger);
-}
-.bui-tag-outlined.bui-tag-vip {
-  color: var(--bui-color-red);
-  border: 1px solid var(--bui-color-border-primary);
-}
-.bui-tag-contained {
-  background-color: var(--bg-color);
-}
-.bui-tag-contained.bui-tag-primary {
-  background-color: var(--bui-color-primary);
-}
-.bui-tag-contained.bui-tag-info {
-  background-color: var(--bui-color-info);
-}
-.bui-tag-contained.bui-tag-warning {
-  background-color: var(--bui-color-warning);
-}
-.bui-tag-contained.bui-tag-success {
-  background-color: var(--bui-color-success);
-}
-.bui-tag-contained.bui-tag-danger {
-  background-color: var(--bui-color-danger);
-}
-.bui-tag-contained.bui-tag-vip {
-  background-color: var(--bui-color-vip);
-}
-.bui-tag-light {
-  background-color: var(--bui-color-gray-light);
-  color: var(--bui-color-gray);
-}
-.bui-tag-light.bui-tag-primary {
-  background-color: var(--bui-color-primary-light);
-  color: var(--bui-color-primary);
-}
-.bui-tag-light.bui-tag-info {
-  background-color: var(--bui-color-info-light);
-  color: var(--bui-color-info);
-}
-.bui-tag-light.bui-tag-warning {
-  background-color: var(--bui-color-warning-light);
-  color: var(--bui-color-warning);
-}
-.bui-tag-light.bui-tag-success {
-  background-color: var(--bui-color-success-light);
-  color: var(--bui-color-success);
-}
-.bui-tag-light.bui-tag-danger {
-  background-color: var(--bui-color-danger-light);
-  color: var(--bui-color-danger);
-}
-.bui-tag-light.bui-tag-vip {
-  background-color: rgba(255, 134, 110, 0.3);
-  color: var(--bui-color-vip);
-}