@bolio-ui/core 2.0.0-alpha.1 → 3.0.0-alpha.0

package/dist/css/Stepper-StepperStep.css

@@ -0,0 +1,106 @@
+@layer Stepper-StepperStep {
+.StepperStep-module_step__Of2Aj {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  min-width: 0;
+}
+
+.StepperStep-module_last__OvXfG {
+  flex: 0 0 auto;
+}
+
+.StepperStep-module_vertical__Nd0eQ {
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.StepperStep-module_head__9GMkW {
+  display: flex;
+  align-items: center;
+  gap: 0.75em;
+  margin: 0;
+  padding: 0;
+  font: inherit;
+  text-align: left;
+  color: inherit;
+  background: none;
+  border: 0;
+  appearance: none;
+  -webkit-appearance: none;
+}
+
+button.StepperStep-module_head__9GMkW {
+  cursor: pointer;
+}
+
+button.StepperStep-module_head__9GMkW:disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+button.StepperStep-module_head__9GMkW:focus-visible {
+  outline: 2px solid var(--stepper-focus-color);
+  outline-offset: 2px;
+}
+
+.StepperStep-module_indicator__FCCY6 {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  width: 2em;
+  height: 2em;
+  font-weight: 600;
+  border-radius: 50%;
+  transition:
+    background-color 0.2s ease,
+    border-color 0.2s ease,
+    color 0.2s ease;
+}
+
+.StepperStep-module_text__DxOjn {
+  display: flex;
+  flex-direction: column;
+  line-height: 1.3em;
+}
+
+.StepperStep-module_label__FPtyS {
+  font-weight: 500;
+  white-space: nowrap;
+}
+
+.StepperStep-module_description__HyHso {
+  font-size: 0.875em;
+}
+
+.StepperStep-module_connector__8b1i- {
+  flex: 1;
+  height: 2px;
+  min-width: 1.5em;
+  margin: 0 0.75em;
+}
+
+.StepperStep-module_vertical__Nd0eQ .StepperStep-module_connector__8b1i- {
+  flex: none;
+  width: 2px;
+  height: auto;
+  min-width: 0;
+  min-height: 1.5em;
+  margin: 0.25em 0 0.25em calc(1em - 1px);
+}
+
+.StepperStep-module_srOnly__1yOBy {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+}

package/dist/css/Stepper.css

@@ -0,0 +1,12 @@
+@layer Stepper {
+.Stepper-module_stepper__voFJp {
+  display: flex;
+  box-sizing: border-box;
+  list-style: none;
+}
+
+.Stepper-module_vertical__XlHRx {
+  flex-direction: column;
+}
+
+}

package/dist/css/Table-TableBody.css

@@ -0,0 +1,27 @@
+@layer Table-TableBody {
+.TableBody-module_tr__lTn-M {
+  transition: background-color 0.25s ease;
+  font-size: inherit;
+}
+
+.TableBody-module_hover__AjVlq:hover {
+  background-color: var(--table-body-hover-bg);
+}
+
+.TableBody-module_tr__lTn-M td {
+  padding: 0 0.5em;
+  border-bottom: 1px solid var(--table-body-border-color);
+  color: var(--table-body-text-color);
+  font-size: calc(0.875 * var(--table-font-size));
+  text-align: left;
+}
+
+.TableBody-module_tr__lTn-M .cell {
+  min-height: calc(3.125 * var(--table-font-size));
+  display: flex;
+  -webkit-box-align: center;
+  align-items: center;
+  flex-flow: row wrap;
+}
+
+}

package/dist/css/Table-TableHead.css

@@ -0,0 +1,47 @@
+@layer Table-TableHead {
+.TableHead-module_thead__zMtMt {
+  border-collapse: separate;
+  border-spacing: 0;
+  font-size: inherit;
+}
+
+.TableHead-module_th__GzIce {
+  padding: 0 0.5em;
+  font-size: calc(0.75 * var(--table-font-size));
+  font-weight: normal;
+  text-align: left;
+  letter-spacing: 0;
+  vertical-align: middle;
+  min-height: calc(2.5 * var(--table-font-size));
+  color: var(--table-head-text-color);
+  background: var(--table-head-bg);
+  border-bottom: 1px solid var(--table-head-border-color);
+  border-top: 1px solid var(--table-head-border-color);
+  border-radius: 0;
+}
+
+.TableHead-module_th__GzIce:first-child {
+  border-bottom: 1px solid var(--table-head-border-color);
+  border-left: 1px solid var(--table-head-border-color);
+  border-top: 1px solid var(--table-head-border-color);
+  border-top-left-radius: var(--table-head-radius);
+  border-bottom-left-radius: var(--table-head-radius);
+}
+
+.TableHead-module_th__GzIce:last-child {
+  border-bottom: 1px solid var(--table-head-border-color);
+  border-right: 1px solid var(--table-head-border-color);
+  border-top: 1px solid var(--table-head-border-color);
+  border-top-right-radius: var(--table-head-radius);
+  border-bottom-right-radius: var(--table-head-radius);
+}
+
+.TableHead-module_theadBox__6QaBJ {
+  display: flex;
+  align-items: center;
+  -webkit-box-align: center;
+  min-height: calc(2.5 * var(--table-font-size));
+  text-transform: uppercase;
+}
+
+}

package/dist/css/Table.css

@@ -0,0 +1,20 @@
+@layer Table {
+.Table-module_table__H9ZOx {
+  border-collapse: separate;
+  border-spacing: 0;
+  font-size: var(--table-font-size);
+  width: var(--table-width);
+  height: var(--table-height);
+  padding: var(--table-padding-top) var(--table-padding-right)
+    var(--table-padding-bottom) var(--table-padding-left);
+  margin: var(--table-margin-top) var(--table-margin-right)
+    var(--table-margin-bottom) var(--table-margin-left);
+}
+
+.Table-module_footer__7eFVi {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 1em;
+}
+
+}

package/dist/css/Tabs-TabsItem.css

@@ -0,0 +1,90 @@
+@layer Tabs-TabsItem {
+.TabsItem-module_tab__uI-6R {
+  position: relative;
+  box-sizing: border-box;
+  cursor: pointer;
+  outline: 0;
+  white-space: nowrap;
+  background-color: transparent;
+  color: var(--tabs-item-color);
+  user-select: none;
+  display: flex;
+  align-items: center;
+  font-size: var(--tabs-item-font-size);
+  line-height: normal;
+  width: var(--tabs-item-width);
+  height: var(--tabs-item-height);
+  padding: var(--tabs-item-padding-top) var(--tabs-item-padding-right)
+    var(--tabs-item-padding-bottom) var(--tabs-item-padding-left);
+  margin: var(--tabs-item-margin-top) var(--tabs-item-margin-right)
+    var(--tabs-item-margin-bottom) var(--tabs-item-margin-left);
+  z-index: 1;
+}
+
+.TabsItem-module_tab__uI-6R:hover {
+  color: var(--tabs-item-hover-color);
+}
+
+.TabsItem-module_tab__uI-6R:after {
+  position: absolute;
+  content: '';
+  bottom: -1px;
+  left: 0;
+  right: 0;
+  width: 100%;
+  height: 2px;
+  border-radius: 4px;
+  transform: scaleX(0.75);
+  background-color: var(--tabs-item-after-bg);
+  transition:
+    opacity,
+    transform 200ms ease-in;
+  opacity: 0;
+}
+
+.TabsItem-module_active__BWQaR:after {
+  opacity: 1;
+  transform: scaleX(1);
+}
+
+.TabsItem-module_tab__uI-6R svg {
+  max-height: 1em;
+  margin-right: 5px;
+}
+
+.TabsItem-module_tab__uI-6R:first-of-type {
+  margin-left: 0;
+}
+
+.TabsItem-module_active__BWQaR {
+  color: var(--tabs-item-active-color);
+}
+
+.TabsItem-module_disabled__C3bbH {
+  color: var(--tabs-item-disabled-color);
+  cursor: not-allowed;
+}
+
+.TabsItem-module_hideBorder__JBKMA:before {
+  display: block;
+  content: var(--tabs-item-hide-border-content);
+  font-weight: 500;
+  height: 0;
+  overflow: hidden;
+  visibility: hidden;
+}
+
+.TabsItem-module_tab__uI-6R:focus-visible {
+  outline: 2px solid var(--tabs-item-focus-outline);
+  outline-offset: -2px;
+}
+
+.TabsItem-module_hideBorder__JBKMA:after {
+  display: none;
+}
+
+.TabsItem-module_hideBorder__JBKMA.TabsItem-module_active__BWQaR {
+  font-weight: 500;
+}
+
+}

package/dist/css/Tabs.css

@@ -0,0 +1,65 @@
+@layer Tabs {
+.Tabs-module_tabs__8oFn6 {
+  font-size: var(--tabs-font-size);
+  width: var(--tabs-width);
+  height: var(--tabs-height);
+  padding: var(--tabs-padding-top) var(--tabs-padding-right)
+    var(--tabs-padding-bottom) var(--tabs-padding-left);
+  margin: var(--tabs-margin-top) var(--tabs-margin-right)
+    var(--tabs-margin-bottom) var(--tabs-margin-left);
+}
+
+.Tabs-module_header__PJqRs {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  overflow-y: hidden;
+  overflow-x: scroll;
+  scrollbar-width: none;
+  position: relative;
+}
+
+.Tabs-module_header__PJqRs::-webkit-scrollbar {
+  display: none;
+}
+
+.Tabs-module_scrollContainer__L7lB1 {
+  width: 100%;
+  height: 100%;
+  flex: 1;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: var(--tabs-align);
+  border-bottom: 1px solid var(--tabs-border-color);
+  padding-left: var(--tabs-left-space);
+}
+
+.Tabs-module_hideDivider__c7DVF {
+  border-color: transparent;
+}
+
+.Tabs-module_content__zOu-1 {
+  padding-top: 0.625rem;
+}
+
+.Tabs-module_slide__5Nrt1 {
+  position: relative;
+}
+
+.Tabs-module_slide__5Nrt1 [role='tab']:after {
+  display: none;
+}
+
+.Tabs-module_indicator__unDp5 {
+  position: absolute;
+  bottom: -1px;
+  left: 0;
+  height: 2px;
+  border-radius: 4px;
+  transition:
+    transform 250ms ease,
+    width 250ms ease;
+}
+
+}

package/dist/css/Tag.css

@@ -0,0 +1,8 @@
+@layer Tag {
+.Tag-module_tag__gmGAL {
+  display: inline-block;
+  box-sizing: border-box;
+  line-height: 1em;
+}
+
+}

package/dist/css/Textarea.css

@@ -0,0 +1,61 @@
+@layer Textarea {
+.Textarea-module_wrapper__AgIvs {
+  display: inline-flex;
+  box-sizing: border-box;
+  user-select: none;
+  border-radius: var(--textarea-radius);
+  border: 1px solid var(--textarea-border);
+  color: var(--textarea-color);
+  background-color: var(--textarea-bg);
+  transition:
+    border 0.2s ease 0s,
+    background-color 0.2s ease 0s,
+    color 0.2s ease 0s;
+  min-width: 12.5rem;
+  max-width: 95vw;
+}
+
+.Textarea-module_wrapper__AgIvs:hover {
+  border-color: var(--textarea-hover-border);
+  background-color: var(--textarea-hover-bg);
+}
+
+.Textarea-module_wrapper__AgIvs.Textarea-module_hover__pK4xh {
+  border-color: var(--textarea-focus-border);
+}
+
+.Textarea-module_wrapper__AgIvs.Textarea-module_disabled__M-zKD {
+  cursor: not-allowed;
+}
+
+.Textarea-module_textarea__F0GAR {
+  background-color: transparent;
+  box-shadow: none;
+  display: block;
+  font-family: var(--textarea-font-family);
+  font-size: var(--textarea-font-size);
+  width: 100%;
+  border: none;
+  outline: none;
+  resize: var(--textarea-resize);
+  border-radius: var(--textarea-radius);
+  color: inherit;
+}
+
+.Textarea-module_textarea__F0GAR::placeholder {
+  color: var(--textarea-placeholder-color);
+}
+
+.Textarea-module_disabled__M-zKD > .Textarea-module_textarea__F0GAR {
+  cursor: not-allowed;
+}
+
+.Textarea-module_textarea__F0GAR:-webkit-autofill,
+.Textarea-module_textarea__F0GAR:-webkit-autofill:hover,
+.Textarea-module_textarea__F0GAR:-webkit-autofill:active,
+.Textarea-module_textarea__F0GAR:-webkit-autofill:focus {
+  -webkit-box-shadow: 0 0 0 30px var(--textarea-autofill-bg) inset !important;
+  -webkit-text-fill-color: var(--textarea-autofill-color) !important;
+}
+
+}

package/dist/css/Timeline.css

@@ -0,0 +1,68 @@
+@layer Timeline {
+.Timeline-module_timeline__vSb-z {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.Timeline-module_item__F3aBP {
+  position: relative;
+  padding: 0 0 1.5em 2.25em;
+}
+
+.Timeline-module_item__F3aBP:last-child {
+  padding-bottom: 0;
+}
+
+/* the line runs from one marker to the next */
+.Timeline-module_item__F3aBP:not(:last-child)::before {
+  content: '';
+  position: absolute;
+  left: 0.6875em;
+  top: 1.5em;
+  bottom: 0.25em;
+  width: 1px;
+  background: var(--timeline-line);
+}
+
+.Timeline-module_marker__e1-0Y {
+  position: absolute;
+  left: 0;
+  top: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.375em;
+  height: 1.375em;
+  border-radius: 50%;
+  font-size: 0.875em;
+}
+
+.Timeline-module_dot__clYtj {
+  width: 0.5em;
+  height: 0.5em;
+  border-radius: 50%;
+}
+
+.Timeline-module_head__XzyXQ {
+  display: flex;
+  align-items: baseline;
+  flex-wrap: wrap;
+  gap: 0.5em;
+}
+
+.Timeline-module_title__f6uWv {
+  font-weight: 600;
+}
+
+.Timeline-module_time__OBQ6X {
+  font-size: 0.8125em;
+}
+
+.Timeline-module_body__oTyvi {
+  margin-top: 0.25em;
+  font-size: 0.875em;
+  line-height: 1.6;
+}
+
+}

package/dist/css/Toggle.css

@@ -0,0 +1,84 @@
+@layer Toggle {
+.Toggle-module_label__M08Fl {
+  -webkit-tap-highlight-color: transparent;
+  display: inline-block;
+  vertical-align: middle;
+  white-space: nowrap;
+  user-select: none;
+  position: relative;
+}
+
+.Toggle-module_input__Odswo {
+  overflow: hidden;
+  height: 0;
+  margin: 0;
+  opacity: 0;
+  width: 0;
+  position: absolute;
+  background-color: transparent;
+  z-index: -1;
+}
+
+.Toggle-module_input__Odswo:focus-visible + .Toggle-module_toggle__-4tZB {
+  outline: 2px solid var(--toggle-focus-color);
+  outline-offset: 2px;
+}
+
+.Toggle-module_toggle__-4tZB {
+  height: calc(var(--toggle-height) + 2px);
+  width: 100%;
+  border-radius: var(--toggle-height);
+  transition-delay: 0.12s;
+  transition-duration: 0.2s;
+  transition-property: background, border;
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  position: relative;
+  border: 1px solid transparent;
+  background-color: var(--toggle-bg);
+  padding: 0;
+}
+
+.Toggle-module_inner__aQgyY {
+  width: calc(var(--toggle-height) - 2px);
+  height: calc(var(--toggle-height) - 2px);
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  left: 1px;
+  box-shadow:
+    rgba(0, 0, 0, 0.2) 0 1px 2px 0,
+    rgba(0, 0, 0, 0.1) 0 1px 3px 0;
+  transition: left 280ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 50%;
+  background-color: var(--toggle-inner-bg);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 0.6em;
+  color: var(--toggle-icon-color);
+}
+
+.Toggle-module_disabled__klv4j {
+  border-color: var(--toggle-disabled-border);
+  background-color: var(--toggle-disabled-bg);
+}
+
+.Toggle-module_disabled__klv4j > .Toggle-module_inner__aQgyY {
+  background-color: var(--toggle-disabled-inner-bg);
+}
+
+.Toggle-module_disabled__klv4j.Toggle-module_checked__53mGq {
+  border-color: var(--toggle-disabled-checked-border);
+  background-color: var(--toggle-disabled-checked-bg);
+}
+
+.Toggle-module_checked__53mGq {
+  background-color: var(--toggle-checked-bg);
+}
+
+.Toggle-module_checked__53mGq > .Toggle-module_inner__aQgyY {
+  left: calc(100% - (var(--toggle-height) - 1px));
+  box-shadow: none;
+}
+
+}

package/dist/css/Tooltip-TooltipContent.css

@@ -0,0 +1,16 @@
+@layer Tooltip-TooltipContent {
+.TooltipContent-module_tooltipContent__zfz-P {
+  box-sizing: border-box;
+  position: absolute;
+  background-color: var(--tooltip-content-bg);
+  padding: 0;
+  z-index: 1000;
+}
+
+.TooltipContent-module_inner__pAcL5 {
+  box-sizing: border-box;
+  position: relative;
+  height: 100%;
+}
+
+}

package/dist/css/Tooltip-TooltipIcon.css

@@ -0,0 +1,11 @@
+@layer Tooltip-TooltipIcon {
+.TooltipIcon-module_icon__lx2Kw {
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 6px 7px 6px 0;
+  border-color: transparent var(--tooltip-content-bg) transparent transparent;
+  position: absolute;
+}
+
+}

package/dist/css/Tooltip.css

@@ -0,0 +1,7 @@
+@layer Tooltip {
+.Tooltip-module_tooltip__ZOF3O {
+  width: max-content;
+  display: inline-block;
+}
+
+}

package/dist/css/use-toasts-toast-container.css

@@ -0,0 +1,26 @@
+@layer use-toasts-toast-container {
+.toast-container-module_toasts__wLlVr {
+  position: fixed;
+  width: auto;
+  max-width: 100%;
+  right: var(--toasts-gap);
+  bottom: var(--toasts-gap);
+  z-index: 2000;
+  transition: all 400ms ease;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+}
+
+.toast-container-module_top__jBxX6 {
+  bottom: unset;
+  flex-direction: column-reverse;
+  top: var(--toasts-gap);
+}
+
+.toast-container-module_left__xyAbl {
+  right: unset;
+  left: var(--toasts-gap);
+}
+
+}