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

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/PinInput.css

@@ -0,0 +1,41 @@
+@layer PinInput {
+.PinInput-module_pin__XgaDZ {
+  display: inline-flex;
+  gap: 0.5em;
+  box-sizing: border-box;
+}
+
+.PinInput-module_box__DIU85 {
+  box-sizing: border-box;
+  width: var(--pin-size);
+  height: var(--pin-size);
+  margin: 0;
+  padding: 0;
+  font: inherit;
+  font-weight: 500;
+  text-align: center;
+  color: var(--input-color);
+  background-color: var(--input-bg);
+  border: 1px solid var(--input-border);
+  border-radius: var(--input-radius);
+  outline: none;
+  transition:
+    border-color 0.2s ease,
+    background-color 0.2s ease;
+  background-clip: padding-box;
+}
+
+.PinInput-module_box__DIU85:hover {
+  border-color: var(--input-hover-border);
+  background-color: var(--input-hover-bg);
+}
+
+.PinInput-module_box__DIU85:focus {
+  border-color: var(--input-focus-border);
+}
+
+.PinInput-module_box__DIU85:disabled {
+  cursor: not-allowed;
+}
+
+}

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,81 @@
+@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);
+  background-clip: padding-box;
+}
+
+.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);
+}
+
+}

package/dist/css/Rating.css

@@ -0,0 +1,87 @@
+@layer Rating {
+.Rating-module_rating__7siaT {
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  gap: calc(var(--rating-font-size) * 0.2);
+  font-size: var(--rating-font-size);
+}
+
+.Rating-module_disabled__of-BG {
+  opacity: 0.5;
+}
+
+.Rating-module_item__GfEIM {
+  position: relative;
+  display: inline-block;
+  flex-shrink: 0;
+  width: calc(var(--rating-font-size) * 1.5);
+  height: calc(var(--rating-font-size) * 1.5);
+}
+
+.Rating-module_layer__B7f3- {
+  position: absolute;
+  inset: 0;
+  display: block;
+  transition: clip-path 100ms linear;
+}
+
+.Rating-module_layer__B7f3- svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.Rating-module_empty__nUE0G {
+  color: var(--rating-empty-color);
+}
+
+.Rating-module_empty__nUE0G svg {
+  fill: var(--rating-empty-fill);
+}
+
+.Rating-module_filled__uPLdj {
+  color: var(--rating-color);
+}
+
+.Rating-module_filled__uPLdj svg {
+  fill: currentColor;
+}
+
+.Rating-module_hit__WMP3G {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  cursor: pointer;
+  border-radius: 4px;
+}
+
+.Rating-module_hit__WMP3G.Rating-module_half__xqWUq {
+  width: 50%;
+}
+
+.Rating-module_hit__WMP3G.Rating-module_full__dcRIA {
+  left: 50%;
+  width: 50%;
+}
+
+.Rating-module_hit__WMP3G:has(:focus-visible) {
+  outline: 2px solid var(--rating-focus-outline);
+  outline-offset: 1px;
+}
+
+.Rating-module_input__MLAsw {
+  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/Row.css

@@ -0,0 +1,8 @@
+@layer Row {
+.Row-module_row__KhY-H {
+  display: flex;
+  position: relative;
+  box-sizing: border-box;
+}
+
+}

package/dist/css/SegmentedControl-SegmentedControlItem.css

@@ -0,0 +1,65 @@
+@layer SegmentedControl-SegmentedControlItem {
+.SegmentedControlItem-module_item__R48V1 {
+  position: relative;
+  display: flex;
+  flex: 1 1 auto;
+}
+
+.SegmentedControlItem-module_input__Q8UWL {
+  position: absolute;
+  opacity: 0;
+  overflow: hidden;
+  width: 1px;
+  height: 1px;
+  margin: 0;
+  font-size: 0;
+}
+
+.SegmentedControlItem-module_text__7YVZC {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5em;
+  box-sizing: border-box;
+  padding: 0 0.875em;
+  font-weight: 500;
+  white-space: nowrap;
+  color: var(--segmented-color);
+  border-radius: calc(var(--segmented-radius) - 2px);
+  cursor: pointer;
+  user-select: none;
+  transition:
+    color 0.15s ease,
+    background-color 0.15s ease,
+    box-shadow 0.15s ease;
+}
+
+.SegmentedControlItem-module_text__7YVZC:hover {
+  color: var(--segmented-hover-color);
+}
+
+.SegmentedControlItem-module_input__Q8UWL:checked + .SegmentedControlItem-module_text__7YVZC {
+  color: var(--segmented-active-color);
+  background: var(--segmented-active-bg);
+  box-shadow: var(--segmented-shadow);
+}
+
+.SegmentedControlItem-module_input__Q8UWL:focus-visible + .SegmentedControlItem-module_text__7YVZC {
+  box-shadow: 0 0 0 2px var(--segmented-focus);
+}
+
+.SegmentedControlItem-module_input__Q8UWL:disabled + .SegmentedControlItem-module_text__7YVZC {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.SegmentedControlItem-module_input__Q8UWL:disabled + .SegmentedControlItem-module_text__7YVZC:hover {
+  color: var(--segmented-color);
+}
+
+.SegmentedControlItem-module_input__Q8UWL:disabled:checked + .SegmentedControlItem-module_text__7YVZC:hover {
+  color: var(--segmented-active-color);
+}
+
+}

package/dist/css/SegmentedControl.css

@@ -0,0 +1,14 @@
+@layer SegmentedControl {
+.SegmentedControl-module_segmented__DCgXM {
+  display: flex;
+  align-items: stretch;
+  box-sizing: border-box;
+  gap: 2px;
+  padding: 3px;
+  background-color: var(--segmented-bg);
+  border: 1px solid var(--segmented-border);
+  border-radius: var(--segmented-radius);
+  background-clip: padding-box;
+}
+
+}

package/dist/css/Select-SelectDropdown.css

@@ -0,0 +1,16 @@
+@layer Select-SelectDropdown {
+.SelectDropdown-module_selectDropdown__gcGH- {
+  border-radius: var(--select-dropdown-radius);
+  border: 1px solid var(--select-dropdown-border);
+  box-shadow: var(--select-dropdown-shadow);
+  background-color: var(--select-dropdown-bg);
+  color: var(--select-dropdown-color);
+  max-height: 15em;
+  overflow-y: auto;
+  overflow-anchor: none;
+  padding: 0.25em;
+  scroll-behavior: smooth;
+  background-clip: padding-box;
+}
+
+}

package/dist/css/Select-SelectIcon.css

@@ -0,0 +1,10 @@
+@layer Select-SelectIcon {
+.SelectIcon-module_icon__vgja5 {
+  color: inherit;
+  stroke: currentColor;
+  transition: all 200ms ease;
+  width: 1.214em;
+  height: 1.214em;
+}
+
+}

package/dist/css/Select-SelectIconClear.css

@@ -0,0 +1,26 @@
+@layer Select-SelectIconClear {
+.SelectIconClear-module_clearIcon__p5IH4 {
+  padding: 0 0 0 0.5em;
+  margin: 0;
+  display: inline-flex;
+  align-items: center;
+  height: 100%;
+  cursor: pointer;
+  box-sizing: border-box;
+  transition: color 150ms ease 0s;
+  color: var(--select-clear-icon-color);
+  visibility: visible;
+  opacity: 1;
+}
+
+.SelectIconClear-module_clearIcon__p5IH4:hover {
+  color: var(--select-clear-icon-hover-color);
+}
+
+.SelectIconClear-module_clearIcon__p5IH4 svg {
+  color: currentColor;
+  width: 1em;
+  height: 1em;
+}
+
+}

package/dist/css/Select-SelectInput.css

@@ -0,0 +1,15 @@
+@layer Select-SelectInput {
+.SelectInput-module_input__xsgNv {
+  position: fixed;
+  top: -10000px;
+  left: -10000px;
+  opacity: 0;
+  z-index: -1;
+  width: 0;
+  height: 0;
+  padding: 0;
+  font-size: 0;
+  border: none;
+}
+
+}

package/dist/css/Select-SelectMultipleValue.css

@@ -0,0 +1,25 @@
+@layer Select-SelectMultipleValue {
+.SelectMultipleValue-module_item__P4Dn3 {
+  display: inline-flex;
+  justify-items: center;
+  align-items: center;
+  line-height: 1;
+  padding: 0 0.5em;
+  font-size: var(--select-font-size);
+  height: calc(var(--select-font-size) * 2);
+  border-radius: var(--select-multiple-value-radius);
+  background-color: var(--select-multiple-value-bg);
+  color: var(--select-multiple-value-color);
+}
+
+.SelectMultipleValue-module_item__P4Dn3 > div:not(.clear-icon),
+.SelectMultipleValue-module_item__P4Dn3 > div:not(.clear-icon):hover {
+  border-radius: 0;
+  background-color: transparent;
+  padding: 0;
+  margin: 0;
+  color: inherit;
+  font-weight: inherit;
+}
+
+}

package/dist/css/Select-SelectOption.css

@@ -0,0 +1,78 @@
+@layer Select-SelectOption {
+.SelectOption-module_option__NAlFp {
+  display: flex;
+  max-width: 100%;
+  box-sizing: border-box;
+  justify-content: flex-start;
+  align-items: center;
+  font-weight: normal;
+  color: inherit;
+  user-select: none;
+  border: 0;
+  border-radius: 4px;
+  cursor: var(--select-option-cursor);
+  transition:
+    background 0.2s ease 0s,
+    border-color 0.2s ease 0s;
+  font-size: var(--select-font-size);
+  width: var(--select-option-width);
+  height: var(--select-option-height);
+  padding: var(--select-option-padding-top) var(--select-option-padding-right)
+    var(--select-option-padding-bottom) var(--select-option-padding-left);
+  margin: var(--select-option-margin-top) var(--select-option-margin-right)
+    var(--select-option-margin-bottom) var(--select-option-margin-left);
+  background-clip: padding-box;
+}
+
+.SelectOption-module_option__NAlFp:hover {
+  background-color: color-mix(in srgb, currentColor 12%, transparent);
+}
+
+.SelectOption-module_label__NtVM7:hover,
+.SelectOption-module_divider__mmqJj:hover {
+  background-color: transparent;
+}
+
+.SelectOption-module_disabled__cDMWS,
+.SelectOption-module_disabled__cDMWS:hover {
+  opacity: 0.5;
+  background-color: transparent;
+}
+
+.SelectOption-module_selected__HOwTO {
+  font-weight: 600;
+}
+
+.SelectOption-module_divider__mmqJj {
+  line-height: 0;
+  overflow: hidden;
+  border-top: 1px solid color-mix(in srgb, currentColor 25%, transparent);
+  width: var(--select-option-width);
+  height: var(--select-option-divider-height);
+  padding: var(--select-option-divider-padding-top)
+    var(--select-option-divider-padding-right)
+    var(--select-option-divider-padding-bottom)
+    var(--select-option-divider-padding-left);
+  margin: var(--select-option-divider-margin-top)
+    var(--select-option-divider-margin-right)
+    var(--select-option-divider-margin-bottom)
+    var(--select-option-divider-margin-left);
+}
+
+.SelectOption-module_label__NtVM7:not(:first-child) {
+  margin-top: 0.25em;
+}
+
+.SelectOption-module_label__NtVM7 {
+  color: color-mix(in srgb, currentColor 80%, transparent);
+  border-radius: 0;
+  margin-bottom: 0.25em;
+  border-bottom: 1px solid color-mix(in srgb, currentColor 25%, transparent);
+  text-transform: capitalize;
+  cursor: default;
+  font-size: var(--select-option-label-font-size);
+  width: var(--select-option-width);
+  font-weight: 500;
+}
+
+}