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

package/esm/css/Input.css

@@ -0,0 +1,118 @@
+@layer Input {
+.Input-module_withLabel__iIKYH {
+  display: inline-block;
+  box-sizing: border-box;
+  -webkit-box-align: center;
+}
+
+.Input-module_inputContainer__ZTwjt {
+  display: inline-flex;
+  align-items: center;
+  height: var(--input-height);
+}
+
+.Input-module_inputWrapper__WpYTp {
+  position: relative;
+  display: inline-flex;
+  vertical-align: middle;
+  align-items: center;
+  height: 100%;
+  flex: 1;
+  user-select: none;
+  box-sizing: border-box;
+  border: 1px solid var(--input-border);
+  border-radius: var(--input-radius);
+  background-color: var(--input-bg);
+  transition:
+    border 0.2s ease 0s,
+    color 0.2s ease 0s;
+  background-clip: padding-box;
+}
+
+.Input-module_inputWrapper__WpYTp:hover {
+  border-color: var(--input-hover-border);
+  background-color: var(--input-hover-bg);
+}
+
+.Input-module_inputWrapper__WpYTp.Input-module_leftLabel__7MeVJ {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.Input-module_inputWrapper__WpYTp.Input-module_rightLabel__TmWT6 {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.Input-module_inputWrapper__WpYTp.Input-module_disabled__EPhPp {
+  cursor: not-allowed;
+}
+
+.Input-module_input__hCma0.Input-module_disabled__EPhPp {
+  cursor: not-allowed;
+}
+
+.Input-module_inputWrapper__WpYTp.Input-module_hover__Gq-MR {
+  border-color: var(--input-focus-border);
+}
+
+.Input-module_input__hCma0 {
+  margin: 0.25em 0.625em;
+  padding: 0 4px;
+  box-shadow: none;
+  background-color: transparent;
+  border: none;
+  outline: none;
+  border-radius: 0;
+  width: 100%;
+  min-width: 0;
+  -webkit-appearance: none;
+}
+
+.Input-module_input__hCma0.Input-module_leftIcon__icHNG {
+  margin-left: 0;
+}
+
+.Input-module_input__hCma0.Input-module_rightIcon__5Mw-X {
+  margin-right: 0;
+}
+
+.Input-module_input__hCma0::placeholder,
+.Input-module_input__hCma0::-moz-placeholder,
+.Input-module_input__hCma0:-ms-input-placeholder,
+.Input-module_input__hCma0::-webkit-input-placeholder {
+  color: var(--input-placeholder-color);
+}
+
+.Input-module_input__hCma0::-ms-reveal {
+  display: none !important;
+}
+
+.Input-module_input__hCma0:-webkit-autofill,
+.Input-module_input__hCma0:-webkit-autofill:hover,
+.Input-module_input__hCma0:-webkit-autofill:active,
+.Input-module_input__hCma0:-webkit-autofill:focus {
+  -webkit-box-shadow: 0 0 0 30px var(--input-autofill-bg) inset !important;
+  -webkit-text-fill-color: var(--input-color) !important;
+}
+
+.Input-module_floating__7ZNyB {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  padding: 0 4px;
+  color: var(--input-placeholder-color, inherit);
+  background-color: var(--input-floating-bg);
+  pointer-events: none;
+  transition:
+    top 0.15s ease,
+    transform 0.15s ease;
+}
+
+.Input-module_input__hCma0:focus ~ .Input-module_floating__7ZNyB,
+.Input-module_input__hCma0:not(:placeholder-shown) ~ .Input-module_floating__7ZNyB {
+  top: 0;
+  transform: translateY(-50%) scale(0.85);
+}
+
+}

package/esm/css/Keyboard.css

@@ -0,0 +1,20 @@
+@layer Keyboard {
+.Keyboard-module_kbd__Xnr1C {
+  line-height: 2em;
+  text-align: center;
+  display: inline-block;
+  min-width: 2em;
+  min-height: 2em;
+}
+
+.Keyboard-module_kbd__Xnr1C span {
+  line-height: 2em;
+  font-size: 1em;
+  text-align: center;
+}
+
+.Keyboard-module_kbd__Xnr1C span + span {
+  margin-left: 0.3em;
+}
+
+}

package/esm/css/Link-Icon.css

@@ -0,0 +1,9 @@
+@layer Link-Icon {
+.Icon-module_icon__CJT1r {
+  margin: 0 0 -1px 0.1875em;
+  display: inline-flex;
+  align-self: center;
+  color: currentColor;
+}
+
+}

package/esm/css/Link.css

@@ -0,0 +1,21 @@
+@layer Link {
+.Link-module_link__nFt2S {
+  display: inline-flex;
+  align-items: baseline;
+  line-height: inherit;
+  text-decoration: none;
+  transition: color 200ms ease 0ms;
+}
+
+.Link-module_link__nFt2S:hover,
+.Link-module_link__nFt2S:active,
+.Link-module_link__nFt2S:focus {
+  text-decoration: var(--link-decoration);
+}
+
+.Link-module_link__nFt2S:hover {
+  background-color: var(--link-hover-bg);
+  color: var(--link-hover-color);
+}
+
+}

package/esm/css/Loading.css

@@ -0,0 +1,62 @@
+@layer Loading {
+.Loading-module_loadingContainer__xI5N- {
+  display: inline-flex;
+  align-items: center;
+  position: relative;
+  min-height: 1em;
+}
+
+.Loading-module_loadingContainer__xI5N- label {
+  margin-right: 0.5em;
+  line-height: 1;
+}
+
+.Loading-module_loadingContainer__xI5N- label * {
+  margin: 0;
+}
+
+.Loading-module_loading__bHt1h {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 100%;
+  height: 100%;
+  transform: translate(-50%, -50%);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: transparent;
+  user-select: none;
+}
+
+.Loading-module_loading__bHt1h i {
+  width: 0.25em;
+  height: 0.25em;
+  border-radius: 50%;
+  display: inline-block;
+  animation: Loading-module_loadingBlink__4TRML 1.4s infinite both;
+}
+
+.Loading-module_loading__bHt1h i:nth-child(2) {
+  animation-delay: 0.2s;
+}
+
+.Loading-module_loading__bHt1h i:nth-child(3) {
+  animation-delay: 0.4s;
+}
+
+@keyframes Loading-module_loadingBlink__4TRML {
+  0% {
+    opacity: 0.2;
+  }
+
+  20% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0.2;
+  }
+}
+
+}

package/esm/css/Marquee.css

@@ -0,0 +1,46 @@
+@layer Marquee {
+.Marquee-module_marquee__sIUoV {
+  display: flex;
+  overflow: hidden;
+  box-sizing: border-box;
+  gap: var(--marquee-gap);
+  mask-image: linear-gradient(
+    90deg,
+    transparent,
+    #000 8%,
+    #000 92%,
+    transparent
+  );
+}
+
+.Marquee-module_track__mS66p {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  gap: var(--marquee-gap);
+  min-width: 100%;
+  justify-content: space-around;
+  animation: Marquee-module_marquee__sIUoV var(--marquee-duration) linear infinite;
+  animation-direction: var(--marquee-direction);
+}
+
+.Marquee-module_pause__rM3H6:hover .Marquee-module_track__mS66p {
+  animation-play-state: paused;
+}
+
+@keyframes Marquee-module_marquee__sIUoV {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(calc(-100% - var(--marquee-gap)));
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .Marquee-module_track__mS66p {
+    animation: none;
+  }
+}
+
+}

package/esm/css/MdxWidgets-MockPage.css

@@ -0,0 +1,20 @@
+@layer MdxWidgets-MockPage {
+.MockPage-module_section__j-IxP {
+  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  background-color: var(--mock-page-bg);
+  z-index: 5000;
+  top: -5000px;
+  left: -5000px;
+  display: none;
+}
+
+.MockPage-module_active__tIr-O {
+  top: 0;
+  left: 0;
+  bottom: 0;
+  display: block;
+}
+
+}

package/esm/css/Menu-MenuItem.css

@@ -0,0 +1,70 @@
+@layer Menu-MenuItem {
+.MenuItem-module_menuItem__hgTYG {
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+  box-sizing: border-box;
+  min-height: 2.25em;
+  padding: 0.375em 0.75em;
+  border-radius: 4px;
+  line-height: 1.25em;
+  color: var(--menu-item-color);
+  cursor: pointer;
+  user-select: none;
+  outline: none;
+}
+
+.MenuItem-module_menuItem__hgTYG:focus,
+.MenuItem-module_menuItem__hgTYG[aria-expanded='true'] {
+  background-color: var(--menu-item-focus-bg);
+}
+
+.MenuItem-module_error__sqxkQ {
+  color: var(--menu-item-error-color);
+}
+
+.MenuItem-module_error__sqxkQ:focus {
+  background-color: var(--menu-item-error-focus-bg);
+  color: var(--menu-item-error-focus-color);
+}
+
+.MenuItem-module_menuItem__hgTYG[aria-disabled='true'] {
+  color: var(--menu-item-disabled-color);
+  cursor: not-allowed;
+}
+
+.MenuItem-module_indicator__z4xj8,
+.MenuItem-module_icon__WYQOm {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 1em;
+}
+
+.MenuItem-module_label__MB5an {
+  flex: 1;
+  white-space: nowrap;
+}
+
+.MenuItem-module_shortcut__U10Ab {
+  padding-left: 1.5em;
+  font-size: 0.875em;
+  color: var(--menu-item-shortcut-color);
+}
+
+.MenuItem-module_menuLabel__PUX5u {
+  padding: 0.375em 0.75em;
+  font-size: 0.8125em;
+  font-weight: 500;
+  color: var(--menu-label-color);
+  user-select: none;
+}
+
+.MenuItem-module_menuDivider__iDHWR {
+  height: 1px;
+  margin: 0.25em -0.25em;
+  background-color: var(--menu-divider-color);
+}
+
+}

package/esm/css/Menu-MenuList.css

@@ -0,0 +1,24 @@
+@layer Menu-MenuList {
+.MenuList-module_menuList__8VtPL {
+  box-sizing: border-box;
+  min-width: 12em;
+  padding: 0.25em;
+  font-size: var(--menu-list-font-size);
+  color: var(--menu-list-color);
+  background-color: var(--menu-list-bg);
+  border: 1px solid var(--menu-list-border-color);
+  border-radius: var(--menu-list-radius);
+  box-shadow: var(--menu-list-shadow);
+  outline: none;
+  background-clip: padding-box;
+}
+
+.MenuList-module_sub__Bjn8e {
+  position: absolute;
+  top: calc(-0.25em - 1px);
+  left: calc(100% + 0.25em);
+  z-index: 1;
+  font-size: 1em;
+}
+
+}

package/esm/css/Menu-MenuSub.css

@@ -0,0 +1,12 @@
+@layer Menu-MenuSub {
+.MenuSub-module_menuSub__yZ0fN {
+  position: relative;
+}
+
+.MenuSub-module_chevron__b0HtZ {
+  display: inline-flex;
+  margin-left: auto;
+  padding-left: 1em;
+}
+
+}

package/esm/css/Menu.css

@@ -0,0 +1,6 @@
+@layer Menu {
+.Menu-module_menu__nskKP {
+  display: inline-block;
+}
+
+}

package/esm/css/Modal-ModalAction.css

@@ -0,0 +1,8 @@
+@layer Modal-ModalAction {
+.ModalAction-module_action__hEtmQ.ModalAction-module_btn__If5jI:hover,
+.ModalAction-module_action__hEtmQ.ModalAction-module_btn__If5jI:focus {
+  color: var(--modal-action-hover-color);
+  background-color: var(--modal-action-hover-bg);
+}
+
+}

package/esm/css/Modal-ModalActions.css

@@ -0,0 +1,21 @@
+@layer Modal-ModalActions {
+.ModalActions-module_footer__gDr-2 {
+  display: flex;
+  overflow: hidden;
+  width: 100%;
+  height: auto;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.ModalActions-module_footer__gDr-2 > button.btn + button.btn {
+  border-left: 1px solid var(--modal-actions-border);
+}
+
+.ModalActions-module_spacer__zek5w {
+  flex-shrink: 0;
+}
+
+}

package/esm/css/Modal-ModalContent.css

@@ -0,0 +1,15 @@
+@layer Modal-ModalContent {
+.ModalContent-module_content__RXGwI {
+  position: relative;
+  text-align: left;
+}
+
+.ModalContent-module_content__RXGwI > *:first-child {
+  margin-top: 0;
+}
+
+.ModalContent-module_content__RXGwI > *:last-child {
+  margin-bottom: 0;
+}
+
+}

package/esm/css/Modal-ModalSubtitle.css

@@ -0,0 +1,11 @@
+@layer Modal-ModalSubtitle {
+.ModalSubtitle-module_subtitle__Hudi- {
+  font-weight: normal;
+  display: inline-block;
+  text-align: center;
+  word-break: break-word;
+  text-transform: uppercase;
+  line-height: 1.5em;
+}
+
+}

package/esm/css/Modal-ModalTitle.css

@@ -0,0 +1,14 @@
+@layer Modal-ModalTitle {
+.ModalTitle-module_title__ThnLn {
+  line-height: 1.6;
+  font-weight: normal;
+  text-align: center;
+  display: inline-flex;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  word-break: break-word;
+  text-transform: capitalize;
+}
+
+}

package/esm/css/Modal-ModalWrapper.css

@@ -0,0 +1,47 @@
+@layer Modal-ModalWrapper {
+.ModalWrapper-module_wrapper__DGcJw {
+  max-width: 100%;
+  vertical-align: middle;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  box-sizing: border-box;
+  opacity: 0;
+  outline: none;
+  transform: translate3d(0px, -30px, 0px);
+  transition:
+    opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0s,
+    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0s;
+  width: 100%;
+}
+
+.wrapper-enter {
+  opacity: 0;
+  transform: translate3d(0px, -30px, 0px);
+}
+
+.wrapper-enter-active {
+  opacity: 1;
+  transform: translate3d(0px, 0px, 0px);
+}
+
+.wrapper-leave {
+  opacity: 1;
+  transform: translate3d(0px, 0px, 0px);
+}
+
+.wrapper-leave-active {
+  opacity: 0;
+  transform: translate3d(0px, -30px, 0px);
+}
+
+.ModalWrapper-module_hideTab__PCR9O {
+  outline: none;
+  overflow: hidden;
+  width: 0;
+  height: 0;
+  opacity: 0;
+}
+
+}

package/esm/css/Note.css

@@ -0,0 +1,17 @@
+@layer Note {
+.Note-module_note__wbhzd {
+  line-height: 1.8;
+}
+
+.Note-module_note__wbhzd p {
+  margin: 0;
+}
+
+.Note-module_label__MJvQf {
+  text-transform: uppercase;
+  user-select: none;
+  line-height: 1.5;
+  padding-right: 0.38em;
+}
+
+}

package/esm/css/NumberInput.css

@@ -0,0 +1,80 @@
+@layer NumberInput {
+.NumberInput-module_withLabel__NYE52 {
+  display: inline-block;
+  box-sizing: border-box;
+}
+
+.NumberInput-module_numberInput__hOY3x {
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  height: var(--input-height);
+  border: 1px solid var(--input-border);
+  border-radius: var(--input-radius);
+  background-color: var(--input-bg);
+  transition: border 0.2s ease;
+  background-clip: padding-box;
+}
+
+.NumberInput-module_numberInput__hOY3x:hover {
+  border-color: var(--input-hover-border);
+  background-color: var(--input-hover-bg);
+}
+
+.NumberInput-module_numberInput__hOY3x:focus-within {
+  border-color: var(--input-focus-border);
+}
+
+.NumberInput-module_numberInput__hOY3x.NumberInput-module_disabled__gDhCu {
+  cursor: not-allowed;
+}
+
+.NumberInput-module_input__LsKWE {
+  flex: 1;
+  width: 100%;
+  min-width: 4em;
+  margin: 0 0.625em;
+  padding: 0;
+  font: inherit;
+  color: var(--input-color);
+  background-color: transparent;
+  border: none;
+  outline: none;
+}
+
+.NumberInput-module_input__LsKWE::placeholder {
+  color: var(--input-placeholder-color);
+}
+
+.NumberInput-module_input__LsKWE:disabled {
+  cursor: not-allowed;
+}
+
+.NumberInput-module_control__mog-- {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: calc(var(--input-height) - 2px);
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  font: inherit;
+  color: var(--control-color);
+  background-color: none;
+  border: 0;
+  appearance: none;
+  -webkit-appearance: none;
+  cursor: pointer;
+}
+
+.NumberInput-module_control__mog--:hover:not(:disabled) {
+  color: var(--control-hover-color);
+}
+
+.NumberInput-module_control__mog--:disabled {
+  color: var(--control-disabled-color);
+  cursor: not-allowed;
+}
+
+}

package/esm/css/Page-PageHeader.css

@@ -0,0 +1,8 @@
+@layer Page-PageHeader {
+.PageHeader-module_center__yFLt0 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+}

package/esm/css/Page.css

@@ -0,0 +1,17 @@
+@layer Page {
+.Page-module_section__6-oXj {
+  max-width: 100vw;
+  min-height: 100vh;
+  box-sizing: border-box;
+  position: relative;
+  align-content: space-between;
+  flex-wrap: wrap;
+  display: flex;
+}
+
+.Page-module_hidden__-axKH {
+  opacity: 0;
+  display: none;
+}
+
+}

package/esm/css/Pagination-PaginationEllipsis.css

@@ -0,0 +1,9 @@
+@layer Pagination-PaginationEllipsis {
+.PaginationEllipsis-module_svg__2Fipb {
+  color: currentColor;
+  stroke: currentColor;
+  width: 1em;
+  height: 1em;
+}
+
+}