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

package/dist/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/dist/css/Menu-MenuList.css

@@ -0,0 +1,23 @@
+@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;
+}
+
+.MenuList-module_sub__Bjn8e {
+  position: absolute;
+  top: calc(-0.25em - 1px);
+  left: calc(100% + 0.25em);
+  z-index: 1;
+  font-size: 1em;
+}
+
+}

package/dist/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/dist/css/Menu.css

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

package/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/css/NumberInput.css

@@ -0,0 +1,79 @@
+@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: var(--input-bg);
+  transition: border 0.2s ease;
+}
+
+.NumberInput-module_numberInput__hOY3x:hover {
+  border-color: var(--input-hover-border);
+  background: 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: 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: 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/dist/css/Page-PageHeader.css

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

package/dist/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/dist/css/Pagination-PaginationEllipsis.css

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

package/dist/css/Pagination-PaginationItem.css

@@ -0,0 +1,60 @@
+@layer Pagination-PaginationItem {
+.PaginationItem-module_li__luFDz {
+  margin-right: 0.428em;
+  display: inline-block;
+}
+
+.PaginationItem-module_button__MvU4S {
+  border: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  text-transform: capitalize;
+  user-select: none;
+  white-space: nowrap;
+  text-align: center;
+  vertical-align: middle;
+  box-shadow: none;
+  outline: none;
+  height: var(--pagination-size);
+  min-width: var(--pagination-size);
+  font-size: inherit;
+  cursor: pointer;
+  color: var(--pagination-color);
+  border-radius: var(--pagination-radius);
+  background-color: var(--pagination-bg);
+  transition: all linear 200ms 0ms;
+}
+
+.PaginationItem-module_button__MvU4S:hover {
+  background-color: var(--pagination-hover-bg);
+}
+
+.PaginationItem-module_active__XzmCN {
+  font-weight: bold;
+  background-color: var(--pagination-active-bg);
+  color: var(--pagination-active-color);
+  box-shadow: var(--pagination-active-shadow);
+}
+
+.PaginationItem-module_active__XzmCN:hover {
+  background-color: var(--pagination-active-hover-bg);
+  box-shadow: var(--pagination-active-hover-shadow);
+}
+
+.PaginationItem-module_disabled__NDjJA {
+  color: var(--pagination-disabled-color);
+  cursor: not-allowed;
+}
+
+.PaginationItem-module_disabled__NDjJA:hover {
+  background-color: var(--pagination-disabled-hover-bg);
+}
+
+.PaginationItem-module_button__MvU4S svg {
+  width: 1.3em;
+  height: 1.3em;
+}
+
+}

package/dist/css/Pagination.css

@@ -0,0 +1,17 @@
+@layer Pagination {
+.Pagination-module_list__7wh2a {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.Pagination-module_nav__di9oF {
+  font-variant: tabular-nums;
+  font-feature-settings: 'tnum';
+}
+
+.Pagination-module_nav__di9oF button:last-of-type {
+  margin-right: 0;
+}
+
+}

package/dist/css/Popover-PopoverItem.css

@@ -0,0 +1,26 @@
+@layer Popover-PopoverItem {
+.PopoverItem-module_item__ntzzC {
+  display: flex;
+  box-sizing: border-box;
+  justify-content: flex-start;
+  align-items: center;
+  transition:
+    color,
+    background-color 150ms linear;
+  line-height: 1.25em;
+}
+
+.PopoverItem-module_item__ntzzC:hover {
+  color: var(--popover-item-hover-color);
+}
+
+.PopoverItem-module_item__ntzzC.PopoverItem-module_line__AtYEN {
+  line-height: 0;
+  padding: 0;
+}
+
+.PopoverItem-module_item__ntzzC.PopoverItem-module_title__ARsPq {
+  font-weight: 500;
+}
+
+}

package/dist/css/Progress.css

@@ -0,0 +1,65 @@
+@layer Progress {
+.Progress-module_progress__w5vIG {
+  position: relative;
+}
+
+.Progress-module_progress__w5vIG progress {
+  position: fixed;
+  top: -1000px;
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+}
+
+.Progress-module_fixed__jy1Ih {
+  position: fixed;
+  left: 0;
+  border-radius: 0;
+}
+
+.Progress-module_fixed__jy1Ih > .Progress-module_inner__TgWMs {
+  border-radius: 0;
+}
+
+.Progress-module_inner__TgWMs {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  bottom: 0;
+  transition: all 100ms ease-in;
+}
+
+.Progress-module_segments__qfhwZ {
+  display: flex;
+  gap: 3px;
+  height: 100%;
+}
+
+.Progress-module_segment__qcUp2 {
+  flex: 1;
+  transition: background-color 100ms ease-in;
+}
+
+.Progress-module_circular__RjAuX {
+  position: relative;
+  display: inline-block;
+}
+
+.Progress-module_circular__RjAuX svg {
+  transform: rotate(-90deg);
+}
+
+.Progress-module_arc__2izVZ {
+  transition: stroke-dasharray 200ms ease-in;
+}
+
+.Progress-module_circular__RjAuX progress {
+  position: fixed;
+  top: -1000px;
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+}
+
+}

package/dist/css/Radio-RadioGroup.css

@@ -0,0 +1,16 @@
+@layer Radio-RadioGroup {
+.RadioGroup-module_radioGroup__6XPZE {
+  display: flex;
+}
+
+.RadioGroup-module_radioGroup__6XPZE .radio {
+  --radio-size: var(--radio-group-item-size);
+  margin-top: var(--radio-group-margin-top);
+  margin-left: var(--radio-group-margin-left);
+}
+
+.RadioGroup-module_radioGroup__6XPZE .radio:first-of-type {
+  margin: 0;
+}
+
+}

package/dist/css/Radio.css

@@ -0,0 +1,80 @@
+@layer Radio {
+.Radio-module_input__bPgim {
+  opacity: 0;
+  overflow: hidden;
+  width: 1px;
+  height: 1px;
+  margin: 0;
+  top: 0;
+  left: 0;
+  position: absolute;
+  font-size: 0;
+}
+
+.Radio-module_input__bPgim:focus-visible + .Radio-module_name__9QrEM .Radio-module_point__O2nmm {
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--radio-color) 30%, transparent);
+}
+
+.Radio-module_radio__o2X4H {
+  display: flex;
+  align-items: flex-start;
+  position: relative;
+  --radio-size: var(--radio-own-size);
+}
+
+.Radio-module_label__eRJLf {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  color: var(--radio-label-color);
+  cursor: var(--radio-cursor);
+}
+
+.Radio-module_name__9QrEM {
+  font-size: var(--radio-size);
+  font-weight: 500;
+  line-height: 1.25;
+  user-select: none;
+  display: inline-flex;
+  align-items: center;
+}
+
+.Radio-module_point__O2nmm {
+  box-sizing: border-box;
+  flex-shrink: 0;
+  height: calc(var(--radio-size) * 1.125);
+  width: calc(var(--radio-size) * 1.125);
+  border-radius: 50%;
+  border: 1.5px solid var(--radio-border);
+  background-color: var(--radio-bg);
+  transition:
+    border-color 0.2s ease,
+    box-shadow 0.2s ease;
+  display: inline-grid;
+  place-items: center;
+  margin-right: calc(var(--radio-size) * 0.5);
+}
+
+.Radio-module_point__O2nmm:before {
+  content: '';
+  width: 50%;
+  height: 50%;
+  transform: scale(0);
+  border-radius: 50%;
+  background-color: var(--radio-color);
+  transition: transform 0.2s ease;
+}
+
+.Radio-module_label__eRJLf:hover .Radio-module_point__O2nmm {
+  border-color: var(--radio-hover-border);
+}
+
+.Radio-module_active__W254J {
+  border-color: var(--radio-color);
+}
+
+.Radio-module_active__W254J:before {
+  transform: scale(1);
+}
+
+}