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

package/dist/css/Code.css

@@ -0,0 +1,98 @@
+@layer Code {
+.Code-module_pre__UgdQp {
+  max-width: 100%;
+  overflow: hidden;
+}
+
+.Code-module_pre__UgdQp pre {
+  max-width: 100%;
+  font-size: inherit;
+  border: none;
+  border-radius: 0;
+  margin: 0;
+  line-height: 1.5em;
+}
+
+.Code-module_pre__UgdQp .Code-module_dark__kv7y4 {
+  color: white;
+  background: black;
+}
+
+.Code-module_pre__UgdQp .Code-module_dark__kv7y4 code {
+  color: white;
+}
+
+.Code-module_pre__UgdQp header {
+  height: 2.5em;
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+
+.Code-module_pre__UgdQp .Code-module_traffic__CuA-Q {
+  display: flex;
+  align-items: center;
+  user-select: none;
+}
+
+.Code-module_pre__UgdQp .Code-module_traffic__CuA-Q span {
+  border-radius: 50%;
+  width: 0.75em;
+  height: 0.75em;
+  max-width: 12px;
+  max-height: 12px;
+  display: inline-block;
+  margin-right: 0.5em;
+}
+
+.Code-module_pre__UgdQp .Code-module_traffic__CuA-Q .Code-module_close__BGiX8 {
+  background-color: #ff5f56;
+}
+
+.Code-module_pre__UgdQp .Code-module_traffic__CuA-Q .Code-module_mini__XcXfx {
+  background-color: #ffbd2e;
+}
+
+.Code-module_pre__UgdQp .Code-module_traffic__CuA-Q .Code-module_full__yJFy9 {
+  background-color: #27c93f;
+}
+
+.Code-module_pre__UgdQp .Code-module_tabs__SP22o {
+  display: flex;
+  max-width: 100%;
+}
+
+.Code-module_pre__UgdQp .Code-module_tab__536h1 {
+  min-width: 0;
+  font-family: inherit;
+  cursor: pointer;
+}
+
+.Code-module_pre__UgdQp .Code-module_tab__536h1 span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.Code-module_pre__UgdQp .Code-module_name__bFwLB {
+  margin-bottom: -1px;
+  border: none;
+  background-color: transparent;
+  height: auto;
+  line-height: 1.35em;
+  display: inline-flex;
+  align-items: center;
+  width: auto;
+  white-space: nowrap;
+}
+
+.Code-module_pre__UgdQp .Code-module_tab__536h1:hover,
+.Code-module_pre__UgdQp .Code-module_tab__536h1.Code-module_active__f48Hh {
+  color: var(--code-tab-hover-color);
+}
+
+.Code-module_pre__UgdQp .Code-module_tab__536h1:focus-visible {
+  outline: 2px solid var(--code-tab-focus-color);
+  outline-offset: -2px;
+}
+
+}

package/dist/css/Col.css

@@ -0,0 +1,8 @@
+@layer Col {
+.Col-module_col__lASNX {
+  box-sizing: border-box;
+  padding-left: calc(var(--row-gap) / 2);
+  padding-right: calc(var(--row-gap) / 2);
+}
+
+}

package/dist/css/Collapse-CollapseGroup.css

@@ -0,0 +1,6 @@
+@layer Collapse-CollapseGroup {
+.CollapseGroup-module_collapseGroup__01F3X > div + div {
+  border-top: none;
+}
+
+}

package/dist/css/Collapse-CollapseIcon.css

@@ -0,0 +1,8 @@
+@layer Collapse-CollapseIcon {
+.CollapseIcon-module_svg__-RvD- {
+  transition: transform 200ms ease;
+  width: 1.5em;
+  height: 1.5em;
+}
+
+}

package/dist/css/Collapse.css

@@ -0,0 +1,44 @@
+@layer Collapse {
+.Collapse-module_view__wymqp {
+  cursor: pointer;
+  outline: none;
+}
+
+.Collapse-module_view__wymqp:focus-visible {
+  outline: 2px solid var(--collapse-focus-color);
+  outline-offset: 4px;
+}
+
+.Collapse-module_title__ceZ1h {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.Collapse-module_title__ceZ1h h3 {
+  margin: 0;
+  font-size: 1.5em;
+}
+
+.Collapse-module_subtitle__wv5KS {
+  margin: 0;
+}
+
+.Collapse-module_subtitle__wv5KS > * {
+  margin: 0;
+}
+
+.Collapse-module_content__xZkpG {
+  font-size: inherit;
+  line-height: 1.6em;
+}
+
+.Collapse-module_content__xZkpG > *:first-child {
+  margin-top: 0;
+}
+
+.Collapse-module_content__xZkpG > *:last-child {
+  margin-bottom: 0;
+}
+
+}

package/dist/css/Combobox.css

@@ -0,0 +1,107 @@
+@layer Combobox {
+.Combobox-module_combobox__-928S {
+  position: relative;
+  display: inline-block;
+  font-size: var(--combobox-font-size);
+  width: var(--combobox-width);
+  height: var(--combobox-height);
+  padding: var(--combobox-padding-top) var(--combobox-padding-right)
+    var(--combobox-padding-bottom) var(--combobox-padding-left);
+  margin: var(--combobox-margin-top) var(--combobox-margin-right)
+    var(--combobox-margin-bottom) var(--combobox-margin-left);
+}
+
+.Combobox-module_input__ti3bv {
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 12.5em;
+  height: var(--combobox-input-height);
+  padding: 0 0.875em;
+  font: inherit;
+  color: var(--combobox-field-color);
+  background-color: var(--combobox-field-bg);
+  border: 1px solid var(--combobox-field-border);
+  border-radius: var(--combobox-radius);
+  outline: none;
+  transition:
+    border-color 0.15s ease,
+    background-color 0.15s ease;
+}
+
+.Combobox-module_input__ti3bv::placeholder {
+  color: var(--combobox-placeholder-color);
+}
+
+.Combobox-module_input__ti3bv:hover {
+  border-color: var(--combobox-field-hover-border);
+  background-color: var(--combobox-field-hover-bg);
+}
+
+.Combobox-module_input__ti3bv:focus {
+  border-color: var(--combobox-focus-border-color);
+}
+
+.Combobox-module_input__ti3bv:disabled {
+  cursor: not-allowed;
+}
+
+.Combobox-module_list__2otmP,
+.Combobox-module_empty__OHL8R {
+  position: absolute;
+  top: calc(100% + 4px);
+  left: 0;
+  right: 0;
+  z-index: 1100;
+  box-sizing: border-box;
+  background-color: var(--combobox-bg);
+  border: 1px solid var(--combobox-border-color);
+  border-radius: var(--combobox-popup-radius);
+  box-shadow: var(--combobox-shadow);
+}
+
+.Combobox-module_list__2otmP {
+  max-height: 15em;
+  overflow-y: auto;
+  margin: 0;
+  padding: 0.25em;
+  list-style: none;
+}
+
+.Combobox-module_option__7vlGK {
+  padding: 0.5em 0.75em;
+  border-radius: 4px;
+  cursor: pointer;
+  color: var(--combobox-text-color);
+}
+
+.Combobox-module_active__hBOFz {
+  background-color: var(--combobox-active-bg);
+}
+
+.Combobox-module_selected__SPX5y {
+  font-weight: 600;
+}
+
+.Combobox-module_disabled__P6bkw {
+  cursor: not-allowed;
+  color: var(--combobox-empty-color);
+}
+
+.Combobox-module_empty__OHL8R {
+  padding: 0.75em;
+  color: var(--combobox-empty-color);
+}
+
+.Combobox-module_srOnly__g2BKO {
+  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/Command.css

@@ -0,0 +1,42 @@
+@layer Command {
+.Command-module_command__Gmila {
+  padding: 0.75em;
+  text-align: left;
+}
+
+.Command-module_list__6p8VU {
+  max-height: 18em;
+  margin-top: 0.5em;
+  overflow-y: auto;
+}
+
+.Command-module_item__bARSH {
+  display: flex;
+  align-items: center;
+  gap: 0.625em;
+  padding: 0.5em 0.625em;
+  border-radius: 6px;
+  font-size: 0.875rem;
+  cursor: pointer;
+}
+
+.Command-module_icon__D2tGK {
+  display: inline-flex;
+}
+
+.Command-module_label__tKuEy {
+  flex: 1;
+  text-align: left;
+}
+
+.Command-module_hint__DZc8- {
+  font-size: 0.75rem;
+}
+
+.Command-module_empty__UDNuo {
+  padding: 1em;
+  text-align: center;
+  font-size: 0.875rem;
+}
+
+}

package/dist/css/Container.css

@@ -0,0 +1,9 @@
+@layer Container {
+.Container-module_container__qKv1a {
+  padding-left: 15px;
+  padding-right: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+}

package/dist/css/DatePicker.css

@@ -0,0 +1,92 @@
+@layer DatePicker {
+.DatePicker-module_datepicker__QDqg5 {
+  position: relative;
+  display: inline-block;
+  font-size: var(--datepicker-font-size);
+  width: var(--datepicker-width);
+  height: var(--datepicker-height);
+  padding: var(--datepicker-padding-top) var(--datepicker-padding-right)
+    var(--datepicker-padding-bottom) var(--datepicker-padding-left);
+  margin: var(--datepicker-margin-top) var(--datepicker-margin-right)
+    var(--datepicker-margin-bottom) var(--datepicker-margin-left);
+}
+
+.DatePicker-module_input__e7dhN {
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 12.5em;
+  height: var(--datepicker-input-height);
+  padding: 0 var(--datepicker-input-height) 0 0.875em;
+  font: inherit;
+  color: var(--datepicker-field-color);
+  background-color: var(--datepicker-field-bg);
+  border: 1px solid var(--datepicker-field-border);
+  border-radius: var(--datepicker-radius);
+  outline: none;
+  transition:
+    border-color 0.15s ease,
+    background-color 0.15s ease;
+}
+
+.DatePicker-module_input__e7dhN::placeholder {
+  color: var(--datepicker-placeholder-color);
+}
+
+.DatePicker-module_input__e7dhN:hover {
+  border-color: var(--datepicker-field-hover-border);
+  background-color: var(--datepicker-field-hover-bg);
+}
+
+.DatePicker-module_input__e7dhN:focus {
+  border-color: var(--datepicker-focus-border-color);
+}
+
+.DatePicker-module_input__e7dhN:disabled {
+  cursor: not-allowed;
+}
+
+.DatePicker-module_toggle__I8ARg {
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--datepicker-input-height);
+  height: var(--datepicker-input-height);
+  color: var(--datepicker-toggle-color);
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  border-radius: var(--datepicker-radius);
+  appearance: none;
+  -webkit-appearance: none;
+}
+
+.DatePicker-module_toggle__I8ARg:hover:not(:disabled) {
+  color: var(--datepicker-toggle-hover-color);
+}
+
+.DatePicker-module_toggle__I8ARg:focus-visible {
+  outline: 2px solid var(--datepicker-focus-border-color);
+  outline-offset: -2px;
+}
+
+.DatePicker-module_toggle__I8ARg:disabled {
+  cursor: not-allowed;
+  color: var(--datepicker-toggle-disabled-color);
+}
+
+.DatePicker-module_popup__rGvVR {
+  position: absolute;
+  top: calc(100% + 4px);
+  left: 0;
+  z-index: 1100;
+  padding: 0.75em;
+  background-color: var(--datepicker-bg);
+  border: 1px solid var(--datepicker-border-color);
+  border-radius: var(--datepicker-popup-radius);
+  box-shadow: var(--datepicker-shadow);
+}
+
+}

package/dist/css/Description.css

@@ -0,0 +1,24 @@
+@layer Description {
+.Description-module_description__1FMVT dt {
+  font-size: 0.75em;
+  line-height: 1em;
+  margin-bottom: 0.5em;
+  text-transform: uppercase;
+  white-space: nowrap;
+  font-weight: 500;
+  display: flex;
+}
+
+.Description-module_description__1FMVT dd {
+  font-size: 0.875em;
+  margin: 0;
+  line-height: 1.1em;
+  font-weight: 500;
+}
+
+.Description-module_description__1FMVT dd p,
+.Description-module_description__1FMVT dt p {
+  margin: 0;
+}
+
+}

package/dist/css/Display.css

@@ -0,0 +1,31 @@
+@layer Display {
+.Display-module_display__CLUNC {
+  display: block;
+  max-width: 100%;
+}
+
+.Display-module_content__UhaMN {
+  display: block;
+  margin: 0 auto;
+  border-radius: 4px;
+  overflow: hidden;
+  max-width: 100%;
+}
+
+.Display-module_content__UhaMN pre {
+  margin: 0;
+  transition: min-width ease 0.2s;
+}
+
+.Display-module_content__UhaMN img {
+  display: block;
+}
+
+.Display-module_caption__hWuj5 {
+  font-size: inherit;
+  line-height: 1.5em;
+  text-align: center;
+  max-width: 85%;
+}
+
+}

package/dist/css/Divider.css

@@ -0,0 +1,34 @@
+@layer Divider {
+.Divider-module_divider__X6T0v {
+  max-width: 100%;
+  position: relative;
+}
+
+.Divider-module_text__wMjmA {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  min-height: 100%;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  transform: translate(-50%, -50%);
+  padding: 0 0.75em;
+  font-size: inherit;
+  font-weight: bold;
+  text-transform: capitalize;
+  z-index: 10;
+}
+
+.Divider-module_start__-GHJP {
+  transform: translateY(-50%);
+  left: 7%;
+}
+
+.Divider-module_end__hg7v1 {
+  transform: translateY(-50%);
+  left: auto;
+  right: 7%;
+}
+
+}

package/dist/css/Dot.css

@@ -0,0 +1,24 @@
+@layer Dot {
+.Dot-module_dot__SGd5d {
+  display: inline-flex;
+  align-items: center;
+}
+
+.Dot-module_icon__Mc0hA {
+  width: 0.625em;
+  height: 0.625em;
+  min-width: calc(0.625 * 12px);
+  min-height: calc(0.625 * 12px);
+  line-height: 0.625em;
+  border-radius: 50%;
+  user-select: none;
+}
+
+.Dot-module_label__haoc8 {
+  margin-left: 0.5em;
+  font-size: 1em;
+  line-height: 1em;
+  text-transform: capitalize;
+}
+
+}

package/dist/css/Drawer-DrawerWrapper.css

@@ -0,0 +1,89 @@
+@layer Drawer-DrawerWrapper {
+.DrawerWrapper-module_wrapper__fBKjA {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  max-width: 100%;
+  vertical-align: middle;
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  opacity: 0;
+  outline: none;
+  transform: var(--drawer-wrapper-transform-initial);
+  transition:
+    opacity,
+    transform 400ms cubic-bezier(0.1, 0.6, 0.1, 1);
+}
+
+.DrawerWrapper-module_top__MiCoE,
+.DrawerWrapper-module_bottom__P74aR {
+  width: var(--drawer-wrapper-top-bottom-width);
+  height: var(--drawer-wrapper-top-bottom-height);
+}
+
+.DrawerWrapper-module_left__6JjuW,
+.DrawerWrapper-module_right__56-8q {
+  width: var(--drawer-wrapper-left-right-width);
+  height: var(--drawer-wrapper-left-right-height);
+}
+
+.DrawerWrapper-module_top__MiCoE {
+  bottom: auto;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.DrawerWrapper-module_left__6JjuW {
+  right: auto;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.DrawerWrapper-module_bottom__P74aR {
+  top: auto;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.DrawerWrapper-module_right__56-8q {
+  left: auto;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.wrapper-enter {
+  opacity: 0;
+  transform: var(--drawer-wrapper-transform-hidden);
+}
+
+.wrapper-enter-active {
+  opacity: 1;
+  transform: var(--drawer-wrapper-transform-visible);
+}
+
+.wrapper-leave {
+  opacity: 1;
+  transform: var(--drawer-wrapper-transform-visible);
+  transition:
+    opacity,
+    transform 400ms cubic-bezier(0.1, 0.2, 0.1, 1);
+}
+
+.wrapper-leave-active {
+  opacity: 0.4;
+  transform: var(--drawer-wrapper-transform-hidden);
+}
+
+.DrawerWrapper-module_hideTab__SgQrc {
+  outline: none;
+  overflow: hidden;
+  width: 0;
+  height: 0;
+  opacity: 0;
+}
+
+}

package/dist/css/EmptyState.css

@@ -0,0 +1,36 @@
+@layer EmptyState {
+.EmptyState-module_empty__EQSEi {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  box-sizing: border-box;
+}
+
+.EmptyState-module_icon__NtFFj {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 3em;
+  height: 3em;
+  margin-bottom: 1em;
+  border-radius: 50%;
+  font-size: 1.25em;
+}
+
+.EmptyState-module_title__yc9C1 {
+  font-weight: 600;
+}
+
+.EmptyState-module_description__1ZOka {
+  max-width: 28em;
+  margin-top: 0.5em;
+  font-size: 0.875em;
+  line-height: 1.6;
+}
+
+.EmptyState-module_action__mEtyt {
+  margin-top: 1.25em;
+}
+
+}

package/dist/css/Fieldset-FieldsetContent.css

@@ -0,0 +1,10 @@
+@layer Fieldset-FieldsetContent {
+.FieldsetContent-module_content__x6tfV > *:first-child {
+  margin-top: 0;
+}
+
+.FieldsetContent-module_content__x6tfV > *:last-child {
+  margin-bottom: 0;
+}
+
+}

package/dist/css/Fieldset-FieldsetFooter.css

@@ -0,0 +1,10 @@
+@layer Fieldset-FieldsetFooter {
+.FieldsetFooter-module_footer__UiJ17 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+
+}