@bifrostui/react 1.5.0 → 2.0.0-alpha.0

package/es/TextArea/TextArea.css

@@ -1,53 +0,0 @@
-.bui-textarea {
-  --border-radius: var(--bui-textarea-border-radius, var(--bui-shape-radius-label));
-  --width: var(--bui-textarea-width, 100%);
-  --bg-color: var(--bui-textarea-background-color, var(--bui-color-bg-default));
-  --text-color: var(--bui-textarea-text-color, var(--bui-color-fg-subtle));
-  --count-bg-color: var(--bg-color, var(--bui-color-bg-default));
-  --count-text-color: var(--bui-textarea-count-color, var(--bui-color-fg-subtle));
-  --text-font-size: var(--bui-textarea-text-font-size, var(--bui-text-size-2));
-  --count-font-size: var(--bui-textarea-count-font-size, var(--bui-title-size-3));
-  --content-padding: var(--bui-textarea-padding, 8px);
-  --count-padding: var(--bui-textarea-count-padding, 0 4px);
-  --placeholder-color: var(--bui-textarea-placeholder-color, #ced1d6);
-  --placeholder-line-height: var(--bui-textarea-placeholder-line-height, 1.3);
-  background: var(--bui-color-bg-default);
-  border-radius: var(--border-radius);
-  font-family: var(--bui-font-family);
-  overflow: hidden;
-}
-.bui-textarea textarea {
-  font-size: var(--text-font-size);
-  color: var(--text-color);
-  line-height: var(--bui-line-height);
-}
-.bui-textarea .bui-mini-placeholder {
-  color: var(--placeholder-color);
-}
-.bui-textarea-disabled {
-  pointer-events: none;
-}
-.bui-textarea .a-textarea-count-wrap {
-  display: none;
-}
-.bui-textarea-content {
-  width: var(--width);
-  resize: none;
-  background-color: var(--bg-color);
-  padding: var(--content-padding);
-  border: none;
-  outline: none;
-  word-break: break-all;
-  box-sizing: border-box;
-}
-.bui-textarea-content::placeholder {
-  color: var(--placeholder-color);
-  line-height: var(--placeholder-line-height);
-}
-.bui-textarea-count {
-  background-color: var(--count-bg-color);
-  color: var(--count-text-color);
-  text-align: right;
-  padding: var(--count-padding);
-  font-size: var(--count-font-size);
-}

package/es/Toast/Toast.css

@@ -1,53 +0,0 @@
-.bui-toast {
-  --min-width: var(--bui-toast-min-width, 86px);
-  --max-width: var(--bui-toast-max-width, 80%);
-  --text-align: var(--bui-toast-text-align, center);
-  --flex-direction: var(--bui-toast-flex-direction, column);
-  --padding: var(--bui-toast-padding, var(--bui-spacing-xl));
-  --position-top: var(--bui-toast-position-top, 15%);
-  --position-bottom: var(--bui-toast-position-bottom, 85%);
-  --background-color: var(--bui-toast-bg-color, rgba(0, 0, 0, 0.8));
-  --border-radius: var(--bui-toast-border-radius, var(--bui-shape-radius-default));
-  --icon-margin: var(--bui-toast-icon-margin, 0 0 8px);
-  --icon-font-size: var(--bui-toast-icon-font-size, 30px);
-  position: fixed;
-  left: 50%;
-  z-index: var(--bui-z-index-toast);
-  min-width: var(--min-width);
-  max-width: var(--max-width);
-  padding: var(--padding);
-  font-size: var(--bui-text-size-1);
-  color: var(--bui-color-white);
-  border-radius: var(--border-radius);
-  word-break: break-all;
-  white-space: pre-wrap;
-  background-color: var(--background-color);
-  text-align: var(--text-align);
-  font-family: var(--bui-font-family);
-}
-.bui-toast.bui-toast-allow-click {
-  position: fixed;
-  right: unset;
-  bottom: unset;
-}
-.bui-toast-center {
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-.bui-toast-top {
-  top: var(--position-top);
-  transform: translate(-50%, calc(-1 * var(--position-top)));
-}
-.bui-toast-bottom {
-  top: var(--position-bottom);
-  transform: translate(-50%, calc(-1 * var(--position-bottom)));
-}
-.bui-toast-icon {
-  display: flex;
-  flex-direction: var(--flex-direction);
-  align-items: center;
-}
-.bui-toast-icon .bui-svg-icon {
-  margin: var(--icon-margin);
-  font-size: var(--icon-font-size);
-}

package/es/Tooltip/Tooltip.css

@@ -1,91 +0,0 @@
-.bui-tooltip {
-  --arrow-size: var(--bui-tooltip-arrow-size, 8PX);
-  --localtion-position: var(--bui-tooltip-localtion-position, 8PX);
-  --max-width: var(--bui-tooltip-max-width, 350px);
-  --content-min-width: var(--bui-tooltip-content-min-width, 30px);
-  --content-min-height: var(--bui-tooltip-content-min-height, 32px);
-  --content-padding: var(--bui-tooltip-content-padding, 6px 8px);
-  max-width: var(--max-width);
-  font-size: var(--bui-text-size-1);
-  position: absolute;
-  visibility: hidden;
-  z-index: var(--bui-z-index-tooltip);
-}
-.bui-tooltip .bui-tooltip-arrow {
-  width: 0;
-  height: 0;
-  position: absolute;
-}
-.bui-tooltip .bui-tooltip-arrow.location-left {
-  left: var(--localtion-position);
-}
-.bui-tooltip .bui-tooltip-arrow.location-right {
-  right: var(--localtion-position);
-}
-.bui-tooltip .bui-tooltip-arrow.location-top {
-  top: var(--localtion-position);
-}
-.bui-tooltip .bui-tooltip-arrow.location-bottom {
-  bottom: var(--localtion-position);
-}
-.bui-tooltip.tooltip-top .location-center,
-.bui-tooltip.tooltip-bottom .location-center {
-  left: 50%;
-  transform: translateX(-50%);
-}
-.bui-tooltip.tooltip-left .location-center,
-.bui-tooltip.tooltip-right .location-center {
-  top: 50%;
-  transform: translateY(-50%);
-}
-.bui-tooltip.tooltip-top {
-  padding-bottom: var(--arrow-size);
-}
-.bui-tooltip.tooltip-top .bui-tooltip-arrow {
-  border-left: var(--arrow-size) solid transparent;
-  border-right: var(--arrow-size) solid transparent;
-  border-top: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
-  bottom: 0;
-}
-.bui-tooltip.tooltip-bottom {
-  padding-top: var(--arrow-size);
-}
-.bui-tooltip.tooltip-bottom .bui-tooltip-arrow {
-  border-left: var(--arrow-size) solid transparent;
-  border-right: var(--arrow-size) solid transparent;
-  border-bottom: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
-  top: 0;
-}
-.bui-tooltip.tooltip-left {
-  padding-right: var(--arrow-size);
-}
-.bui-tooltip.tooltip-left .bui-tooltip-arrow {
-  border-top: var(--arrow-size) solid transparent;
-  border-bottom: var(--arrow-size) solid transparent;
-  border-left: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
-  right: 0;
-}
-.bui-tooltip.tooltip-right {
-  padding-left: var(--arrow-size);
-}
-.bui-tooltip.tooltip-right .bui-tooltip-arrow {
-  border-top: var(--arrow-size) solid transparent;
-  border-bottom: var(--arrow-size) solid transparent;
-  border-right: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
-  left: 0;
-}
-.bui-tooltip .bui-tooltip-content {
-  min-width: var(--content-min-width);
-  min-height: var(--content-min-height);
-  padding: var(--content-padding);
-  color: var(--bui-color-white);
-  text-align: left;
-  text-decoration: none;
-  word-wrap: break-word;
-  background-color: var(--bui-color-bg-alpha-dark-7);
-  border-radius: var(--bui-shape-radius-poster);
-  box-shadow:
-    0 3px 6px -4px rgba(0, 0, 0, 0.12),
-    0 6px 16px 0 rgba(0, 0, 0, 0.08),
-    0 9px 28px 8px rgba(0, 0, 0, 0.05);
-}