@bifrostui/react 1.0.5 → 1.1.5

package/dist/Button/Button.css

@@ -1,200 +0,0 @@
-.bui-btn {
-  --bg-color: var(--bui-button-default-bg-color, var(--bui-color-neutral-5));
-  --text-color: var(--bui-button-text-color, var(--bui-color-fg-muted));
-  --border-color: var(--bui-button-border-color, var(--bui-color-neutral-4));
-  --border-radius: var(--bui-button-border-radius, 100px);
-  --font-weight: var(--bui-button-font-weight, var(--bui-font-weight-medium));
-  border: 1px solid transparent;
-  outline: 0;
-  background-color: transparent;
-  cursor: pointer;
-  color: var(--text-color);
-  box-sizing: border-box;
-  position: relative;
-  display: inline-flex;
-  margin: 0;
-  align-items: center;
-  justify-content: center;
-  white-space: nowrap;
-  font-size: var(--bui-text-size-3);
-  font-weight: var(--font-weight);
-  border-radius: var(--border-radius);
-  height: 27px;
-  line-height: var(--bui-line-height);
-  font-family: var(--bui-font-family);
-}
-@keyframes spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-.bui-btn::after {
-  border: 0;
-}
-.bui-btn::before {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 100%;
-  height: 100%;
-  background-color: var(--bui-color-black);
-  border: inherit;
-  border-color: var(--bui-color-black);
-  border-radius: inherit;
-  transform: translate(-50%, -50%);
-  opacity: 0;
-  content: ' ';
-}
-.bui-btn:active::before {
-  opacity: 0.04;
-}
-.bui-btn-icon-start {
-  display: inline-flex;
-  align-self: center;
-  flex-shrink: 0;
-  margin-right: var(--bui-spacing-xs);
-}
-.bui-btn-icon-end {
-  display: inline-flex;
-  align-self: center;
-  flex-shrink: 0;
-  margin-left: var(--bui-spacing-xs);
-}
-.bui-btn-disabled {
-  pointer-events: none;
-  opacity: 0.5;
-}
-.bui-btn-small {
-  font-size: var(--bui-text-size-4);
-  padding: 0 11px;
-  height: 24px;
-}
-.bui-btn-medium {
-  padding: 0 14px;
-  height: 27px;
-}
-.bui-btn-large {
-  font-size: var(--bui-text-size-2);
-  padding: 0 14px;
-  height: 33px;
-}
-.bui-btn-full {
-  font-size: var(--bui-title-size-4);
-  width: 100%;
-  height: 42px;
-}
-.bui-btn-text.bui-btn-primary {
-  color: var(--bui-color-primary);
-}
-.bui-btn-text.bui-btn-success {
-  color: var(--bui-color-success);
-}
-.bui-btn-text.bui-btn-info {
-  color: var(--bui-color-info);
-}
-.bui-btn-text.bui-btn-warning {
-  color: var(--bui-color-warning);
-}
-.bui-btn-text.bui-btn-danger {
-  color: var(--bui-color-danger);
-}
-.bui-btn-text.bui-btn-vip {
-  color: var(--bui-color-vip);
-}
-.bui-btn-contained {
-  background-color: var(--bg-color);
-}
-.bui-btn-contained.bui-btn-primary {
-  color: var(--bui-color-white);
-  background-image: linear-gradient(45deg, var(--bui-color-primary-start) 0%, var(--bui-color-primary-end) 100%);
-}
-.bui-btn-contained.bui-btn-success {
-  color: var(--bui-color-white);
-  background-image: linear-gradient(45deg, var(--bui-color-success-start) 0%, var(--bui-color-success-end) 100%);
-}
-.bui-btn-contained.bui-btn-info {
-  color: var(--bui-color-white);
-  background-image: linear-gradient(45deg, var(--bui-color-info-start) 0%, var(--bui-color-info-end) 100%);
-}
-.bui-btn-contained.bui-btn-warning {
-  color: var(--bui-color-white);
-  background-image: linear-gradient(45deg, var(--bui-color-warning-start) 0%, var(--bui-color-warning-end) 100%);
-}
-.bui-btn-contained.bui-btn-danger {
-  color: var(--bui-color-white);
-  background-image: linear-gradient(45deg, var(--bui-color-danger-start) 0%, var(--bui-color-danger-end) 100%);
-}
-.bui-btn-contained.bui-btn-vip {
-  color: #582331;
-  background-image: linear-gradient(90deg, var(--bui-color-vip-start) 3%, var(--bui-color-vip-end) 100%);
-}
-.bui-btn-outlined {
-  border: solid 1px var(--border-color);
-}
-.bui-btn-outlined.bui-btn-primary {
-  color: var(--bui-color-primary);
-  border-color: var(--bui-color-primary);
-}
-.bui-btn-outlined.bui-btn-success {
-  color: var(--bui-color-success);
-  border-color: var(--bui-color-success);
-}
-.bui-btn-outlined.bui-btn-info {
-  color: var(--bui-color-info);
-  border-color: var(--bui-color-info);
-}
-.bui-btn-outlined.bui-btn-warning {
-  color: var(--bui-color-warning);
-  border-color: var(--bui-color-warning);
-}
-.bui-btn-outlined.bui-btn-danger {
-  color: var(--bui-color-danger);
-  border-color: var(--bui-color-danger);
-}
-.bui-btn-outlined.bui-btn-vip {
-  color: var(--bui-color-vip);
-  border-color: var(--bui-color-vip);
-}
-.bui-btn-light {
-  background-image: none;
-  background-color: var(--bui-color-gray-light);
-  border: 1px solid transparent;
-}
-.bui-btn-light.bui-btn-warning {
-  background-image: none;
-  border: 1px solid transparent;
-  color: var(--bui-color-warning);
-  background-color: var(--bui-color-warning-light);
-}
-.bui-btn-light.bui-btn-primary {
-  background-image: none;
-  border: 1px solid transparent;
-  color: var(--bui-color-primary);
-  background-color: var(--bui-color-primary-light);
-}
-.bui-btn-light.bui-btn-info {
-  background-image: none;
-  border: 1px solid transparent;
-  color: var(--bui-color-info);
-  background-color: var(--bui-color-info-light);
-}
-.bui-btn-light.bui-btn-success {
-  background-image: none;
-  border: 1px solid transparent;
-  color: var(--bui-color-success);
-  background-color: var(--bui-color-success-light);
-}
-.bui-btn-light.bui-btn-danger {
-  background-image: none;
-  border: 1px solid transparent;
-  color: var(--bui-color-danger);
-  background-color: var(--bui-color-danger-light);
-}
-.bui-btn-light.bui-btn-vip {
-  color: var(--bui-color-vip);
-  position: relative;
-  background-color: rgba(255, 134, 110, 0.3);
-}

package/dist/Calendar/Calendar.css

@@ -1,105 +0,0 @@
-.bui-calendar {
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-  background-color: var(--bui-color-bg-view);
-  position: relative;
-  width: 100%;
-  box-sizing: border-box;
-  padding: 6px 12px 7px;
-  font-family: var(--bui-font-family);
-}
-.bui-calendar-week {
-  height: 30px;
-  font-size: var(--bui-text-size-2);
-  font-weight: var(--bui-font-weight-medium);
-  color: var(--bui-color-fg-default);
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.bui-calendar-week-item {
-  width: 14.28%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.bui-calendar-week-item:nth-child(1),
-.bui-calendar-week-item:nth-child(7) {
-  color: var(--bui-color-primary);
-}
-.bui-calendar-handler {
-  height: 28px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: 7px;
-}
-.bui-calendar-handler-text {
-  width: 80px;
-  font-size: var(--bui-title-size-3);
-  font-weight: var(--bui-font-weight-medium);
-  text-align: center;
-}
-.bui-calendar-handler-btn {
-  font-size: 16px;
-  height: 100%;
-  width: 46px;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.bui-calendar-handler-btn-icon {
-  font-size: 28px;
-}
-.bui-calendar-month {
-  display: flex;
-  flex-wrap: wrap;
-  margin-bottom: var(--bui-spacing-sm);
-}
-.bui-calendar-day-box {
-  width: 14.28%;
-  height: 30px;
-  margin-bottom: 7px;
-}
-.bui-calendar-highlight-day .bui-calendar-day {
-  color: var(--bui-color-primary);
-}
-.bui-calendar-day {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 6px;
-  font-size: var(--bui-title-size-4);
-  font-weight: var(--bui-font-weight-medium);
-  color: var(--bui-color-fg-default);
-  cursor: pointer;
-}
-.bui-calendar-day.bui-calendar-disabled {
-  color: #9c9ca5;
-}
-.bui-calendar-today {
-  color: var(--bui-color-primary);
-}
-.bui-calendar-middle {
-  color: #000;
-  border-radius: 0;
-  background-color: #ffeaf1;
-}
-.bui-calendar-start {
-  color: #000;
-  background-color: #ffc7da;
-}
-.bui-calendar-range {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.bui-calendar-end {
-  color: #000;
-  background-color: #ffc7da;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}

package/dist/Card/CardHeader.css

@@ -1,45 +0,0 @@
-.bui-card-header {
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  position: relative;
-  padding: var(--bui-spacing-md) var(--bui-spacing-lg);
-  font-size: var(--bui-title-size-4);
-  font-weight: 500;
-  color: var(--bui-color-fg-default);
-  font-family: var(--bui-font-family);
-}
-.bui-card-header-title {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  flex-shrink: 0;
-}
-.bui-card-header-subtitle {
-  font-size: var(--bui-text-size-3);
-  font-weight: normal;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: var(--bui-color-fg-subtle);
-  padding: 0 var(--bui-spacing-xs);
-}
-.bui-card-header-extra {
-  white-space: nowrap;
-}
-.bui-card-header-end-icon {
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-}
-.bui-card-header-extra,
-.bui-card-header-end-icon {
-  font-size: var(--bui-text-size-3);
-  font-weight: normal;
-  color: var(--bui-color-fg-subtle);
-  margin-left: auto;
-}
-.bui-card-header-extra + .bui-card-header-end-icon {
-  margin-left: 2px;
-}

package/dist/Checkbox/Checkbox.css

@@ -1,45 +0,0 @@
-.bui-checkbox {
-  --label-color: var(--bui-color-fg-default);
-  --label-font-size: var(--bui-text-size-1);
-  --icon-font-size: var(--bui-title-size-2);
-  display: inline-flex;
-  align-items: center;
-  position: relative;
-  font-family: var(--bui-font-family);
-}
-.bui-checkbox.bui-checkbox-disabled {
-  pointer-events: none;
-  opacity: 0.5;
-}
-.bui-checkbox-label-left {
-  flex-direction: row-reverse;
-}
-.bui-checkbox-label-top {
-  flex-direction: column-reverse;
-}
-.bui-checkbox-label-bottom {
-  flex-direction: column;
-}
-.bui-checkbox-input {
-  opacity: 0;
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  cursor: pointer;
-  z-index: 1;
-}
-.bui-checkbox-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  padding: 5px;
-  box-sizing: border-box;
-  font-size: var(--icon-font-size);
-}
-.bui-checkbox-label {
-  font-size: var(--label-font-size);
-  color: var(--label-color);
-}

package/dist/Countdown/Countdown.css

@@ -1,28 +0,0 @@
-.bui-countdown {
-  --font-size: var(--bui-countdown-font-size, var(--bui-text-size-1));
-  --color: var(--bui-countdown-color, var(--bui-color-fg-default));
-  --font-weight: var(--bui-countdown-font-weight, var(--bui-font-weight-normal));
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  font-size: var(--font-size);
-  color: var(--color);
-  font-weight: var(--font-weight);
-  font-family: var(--bui-font-family);
-}
-.bui-countdown-slice {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-.bui-countdown-slice-item {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-.bui-countdown-slice-value {
-  font-family: 'Helvetica Neue', helvetica, 'PingFang SC', 'Chinese Quote', 'Segoe UI', roboto, 'Hiragino Sans GB', 'Microsoft YaHei', arial, sans-serif;
-}
-.bui-countdown-slice-unit {
-  margin: 0 2px;
-}

package/dist/Divider/Divider.css

@@ -1,41 +0,0 @@
-.bui-divider {
-  --height: var(--bui-divider-height, 100%);
-  --width: var(--bui-divider-width, 100%);
-  border-color: var(--bui-color-border-default);
-  font-family: var(--bui-font-family);
-}
-.bui-divider-vertical {
-  height: var(--height);
-  display: inline-block;
-  border-right-width: 1px;
-  border-right-style: solid;
-}
-.bui-divider-horizontal {
-  width: var(--width);
-  border-bottom-width: 1px;
-  border-bottom-style: solid;
-}
-.bui-divider-vertical-dashed {
-  border-right-style: dashed;
-}
-.bui-divider-horizontal-dashed {
-  border-bottom-style: dashed;
-}
-.bui-divider-content {
-  width: 100%;
-  border-width: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.bui-divider-line {
-  width: 40px;
-  border-bottom-width: 1px;
-  border-bottom-style: solid;
-  border-color: var(--bui-color-border-default);
-}
-.bui-divider-text {
-  flex-shrink: 0;
-  color: var(--bui-color-fg-subtle);
-  font-size: var(--bui-text-size-2);
-}

package/dist/Drawer/Drawer.css

@@ -1,35 +0,0 @@
-.bui-drawer {
-  font-family: var(--bui-font-family);
-}
-.bui-drawer-content {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  flex: 1 0 auto;
-  position: fixed;
-  top: 0;
-  outline: 0;
-  background-color: var(--bui-color-bg-view);
-}
-.bui-drawer-content-left {
-  left: 0;
-}
-.bui-drawer-content-top {
-  top: 0;
-  left: 0;
-  right: 0;
-  height: auto;
-  max-height: 100%;
-}
-.bui-drawer-content-right {
-  right: 0;
-}
-.bui-drawer-content-bottom {
-  bottom: 0;
-  top: auto;
-  left: 0;
-  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
-  right: 0;
-  height: auto;
-  max-height: 100%;
-}

package/dist/IconButton/IconButton.css

@@ -1,130 +0,0 @@
-.bui-icon-btn {
-  --bg-color: var(--bui-color-neutral-5);
-  --color: var(--bui-color-fg-muted);
-  --icon-size: 17px;
-  --user-area: 5px;
-  position: relative;
-  display: inline-flex;
-  height: auto;
-  margin: 0;
-  align-items: center;
-  justify-content: center;
-  background-color: transparent;
-  border: 1px solid transparent;
-  color: var(--color);
-  cursor: pointer;
-  font-family: var(--bui-font-family);
-  font-size: var(--icon-size);
-  padding: var(--user-area);
-}
-.bui-icon-btn::before {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 100%;
-  height: 100%;
-  background-color: var(--bui-color-black);
-  border: inherit;
-  border-color: var(--bui-color-black);
-  border-radius: inherit;
-  transform: translate(-50%, -50%);
-  opacity: 0;
-  content: ' ';
-}
-.bui-icon-btn:active::before {
-  opacity: 0.04;
-}
-.bui-icon-btn::after {
-  border: 0;
-}
-.bui-icon-btn-small {
-  font-size: var(--bui-text-size-4);
-  padding: var(--bui-spacing-xs);
-}
-.bui-icon-btn-small.bui-icon-btn-outlined,
-.bui-icon-btn-small.bui-icon-btn-contained {
-  padding: var(--bui-spacing-xs);
-}
-.bui-icon-btn-medium.bui-icon-btn-outlined,
-.bui-icon-btn-medium.bui-icon-btn-contained {
-  padding: 5px;
-}
-.bui-icon-btn-large {
-  font-size: 23px;
-  padding: var(--bui-spacing-sm);
-}
-.bui-icon-btn-large.bui-icon-btn-outlined,
-.bui-icon-btn-large.bui-icon-btn-contained {
-  padding: var(--bui-spacing-sm);
-}
-.bui-icon-btn-disabled {
-  pointer-events: none;
-  opacity: 0.5;
-}
-.bui-icon-btn-circular {
-  border-radius: 100%;
-}
-.bui-icon-btn-rounded {
-  border-radius: var(--bui-shape-radius-default);
-}
-.bui-icon-btn-square {
-  border-radius: 0;
-}
-.bui-icon-btn-default.bui-icon-btn-primary {
-  color: var(--bui-color-primary);
-}
-.bui-icon-btn-default.bui-icon-btn-success {
-  color: var(--bui-color-success);
-}
-.bui-icon-btn-default.bui-icon-btn-info {
-  color: var(--bui-color-info);
-}
-.bui-icon-btn-default.bui-icon-btn-warning {
-  color: var(--bui-color-warning);
-}
-.bui-icon-btn-outlined {
-  border: solid 1px;
-}
-.bui-icon-btn-outlined.bui-icon-btn-primary {
-  color: var(--bui-color-primary);
-  border-color: var(--bui-color-primary);
-}
-.bui-icon-btn-outlined.bui-icon-btn-success {
-  color: var(--bui-color-success);
-  border-color: var(--bui-color-success);
-}
-.bui-icon-btn-outlined.bui-icon-btn-info {
-  color: var(--bui-color-info);
-  border-color: var(--bui-color-info);
-}
-.bui-icon-btn-outlined.bui-icon-btn-warning {
-  color: var(--bui-color-warning);
-  border-color: var(--bui-color-warning);
-}
-.bui-icon-btn-outlined.bui-icon-btn-danger {
-  color: var(--bui-color-danger);
-  border-color: var(--bui-color-danger);
-}
-.bui-icon-btn-contained {
-  background-color: var(--bg-color);
-}
-.bui-icon-btn-contained.bui-icon-btn-primary {
-  color: var(--bui-color-white);
-  background-image: linear-gradient(45deg, var(--bui-color-primary-start) 0%, var(--bui-color-primary-end) 100%);
-}
-.bui-icon-btn-contained.bui-icon-btn-success {
-  color: var(--bui-color-white);
-  background-image: linear-gradient(45deg, var(--bui-color-success-start) 0%, var(--bui-color-success-end) 100%);
-}
-.bui-icon-btn-contained.bui-icon-btn-info {
-  color: var(--bui-color-white);
-  background-image: linear-gradient(45deg, var(--bui-color-info-start) 0%, var(--bui-color-info-end) 100%);
-}
-.bui-icon-btn-contained.bui-icon-btn-warning {
-  color: var(--bui-color-white);
-  background-image: linear-gradient(45deg, var(--bui-color-warning-start) 0%, var(--bui-color-warning-end) 100%);
-}
-.bui-icon-btn-contained.bui-icon-btn-danger {
-  color: var(--bui-color-white);
-  background-image: linear-gradient(45deg, var(--bui-color-danger-start) 0%, var(--bui-color-danger-end) 100%);
-}

package/dist/Image/index.css

@@ -1,35 +0,0 @@
-.bui-image {
-  width: auto;
-  height: auto;
-  display: inline-block;
-  overflow: hidden;
-  position: relative;
-  font-family: var(--bui-font-family);
-}
-.bui-image .bui-image-img {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  display: block;
-  opacity: 0;
-}
-.bui-image .bui-image-img.bui-image-loaded {
-  opacity: 1;
-}
-.bui-image-default-icon-wrap {
-  top: 0;
-  left: 0;
-  z-index: 1;
-  opacity: 1;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-}
-.bui-image-default-icon-wrap.bui-image-loaded {
-  opacity: 0;
-}
-.bui-image-default-icon-item {
-  width: 100%;
-  height: 100%;
-  background-color: rgba(127, 127, 127, 0.2);
-}