@bifrostui/react 1.1.1 → 1.1.5

package/es/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/es/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/es/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/es/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/es/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/es/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);
-}

package/es/Tag/TagGroup.css

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