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

package/esm/css/Fieldset-FieldsetGroup.css

@@ -0,0 +1,59 @@
+@layer Fieldset-FieldsetGroup {
+.FieldsetGroup-module_groupTabs__p2Txr {
+  white-space: nowrap;
+  overflow-y: hidden;
+  overflow-x: auto;
+  margin-bottom: -1px;
+}
+
+.FieldsetGroup-module_groupContent__WavmJ {
+  border-top-left-radius: 0;
+  overflow: hidden;
+}
+
+.FieldsetGroup-module_groupContent__WavmJ .fieldset {
+  border-top-left-radius: 0;
+}
+
+.FieldsetGroup-module_button__kXAoU {
+  height: 2.7em;
+  line-height: 2.7em;
+  text-align: center;
+  user-select: none;
+  color: var(--fieldset-group-color);
+  background-color: var(--fieldset-group-bg);
+  font-size: 0.875em;
+  white-space: nowrap;
+  text-transform: capitalize;
+  -webkit-appearance: none;
+  cursor: pointer;
+  margin: 0;
+  padding: 0 1.45em;
+  overflow: hidden;
+  transition: all 0.2s ease 0s;
+  border-radius: 0;
+  border: 1px solid var(--fieldset-group-border);
+  text-decoration: none;
+  outline: none;
+}
+
+.FieldsetGroup-module_button__kXAoU.FieldsetGroup-module_active__tJFHM {
+  border-bottom-color: transparent;
+  background-color: var(--fieldset-group-active-bg);
+  color: var(--fieldset-group-active-color);
+  cursor: default;
+}
+
+.FieldsetGroup-module_button__kXAoU:first-of-type {
+  border-top-left-radius: var(--fieldset-group-radius);
+}
+
+.FieldsetGroup-module_button__kXAoU:last-of-type {
+  border-top-right-radius: var(--fieldset-group-radius);
+}
+
+.FieldsetGroup-module_button__kXAoU + .FieldsetGroup-module_button__kXAoU {
+  border-left: 0;
+}
+
+}

package/esm/css/Fieldset-FieldsetSubtitle.css

@@ -0,0 +1,9 @@
+@layer Fieldset-FieldsetSubtitle {
+.FieldsetSubtitle-module_subtitle__h-9Hh {
+  font-size: 0.875em;
+  line-height: 1.6;
+  letter-spacing: -0.005625em;
+  margin: 0.75em 0;
+}
+
+}

package/esm/css/Fieldset-FieldsetTitle.css

@@ -0,0 +1,12 @@
+@layer Fieldset-FieldsetTitle {
+.FieldsetTitle-module_title__B1QAm {
+  line-height: 1.5;
+  display: inline-flex;
+  word-break: break-word;
+  font-weight: 600;
+  letter-spacing: -0.020625em;
+  font-size: 1.25em;
+  width: auto;
+}
+
+}

package/esm/css/Grid-BasicItem.css

@@ -0,0 +1,66 @@
+@layer Grid-BasicItem {
+.BasicItem-module_item__Jar5a {
+  font-size: var(--grid-font-size, inherit);
+  height: var(--grid-height, auto);
+}
+
+.BasicItem-module_justify__RY7v5 {
+  justify-content: var(--grid-justify);
+}
+
+.BasicItem-module_direction__DKP7a {
+  flex-direction: var(--grid-direction);
+}
+
+.BasicItem-module_alignContent__KMzjY {
+  align-content: var(--grid-align-content);
+}
+
+.BasicItem-module_alignItems__0o0MQ {
+  align-items: var(--grid-align-items);
+}
+
+.BasicItem-module_xs__VjPCw {
+  flex-grow: var(--grid-xs-grow);
+  max-width: var(--grid-xs-max-width);
+  flex-basis: var(--grid-xs-basis);
+  display: var(--grid-xs-display);
+}
+
+@media only screen and (min-width: 650px) {
+  .BasicItem-module_sm__83Nx4 {
+    flex-grow: var(--grid-sm-grow);
+    max-width: var(--grid-sm-max-width);
+    flex-basis: var(--grid-sm-basis);
+    display: var(--grid-sm-display);
+  }
+}
+
+@media only screen and (min-width: 900px) {
+  .BasicItem-module_md__-XqXQ {
+    flex-grow: var(--grid-md-grow);
+    max-width: var(--grid-md-max-width);
+    flex-basis: var(--grid-md-basis);
+    display: var(--grid-md-display);
+  }
+}
+
+@media only screen and (min-width: 1280px) {
+  .BasicItem-module_lg__1gvck {
+    flex-grow: var(--grid-lg-grow);
+    max-width: var(--grid-lg-max-width);
+    flex-basis: var(--grid-lg-basis);
+    display: var(--grid-lg-display);
+  }
+}
+
+@media only screen and (min-width: 1920px) {
+  .BasicItem-module_xl__zTNsS {
+    flex-grow: var(--grid-xl-grow);
+    max-width: var(--grid-xl-max-width);
+    flex-basis: var(--grid-xl-basis);
+    display: var(--grid-xl-display);
+  }
+}
+
+}

package/esm/css/Image-ImageBrowser.css

@@ -0,0 +1,101 @@
+@layer Image-ImageBrowser {
+.ImageBrowser-module_title__8yGWk {
+  font-size: 0.75em;
+}
+
+.ImageBrowser-module_addressInput__-pEyG {
+  height: 1.75em;
+  max-width: 60%;
+  min-width: 40%;
+  color: inherit;
+  border-radius: 3px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 10px;
+  overflow: hidden;
+  position: relative;
+}
+
+.ImageBrowser-module_addressInput__-pEyG * {
+  font-size: 0.75em;
+  color: inherit;
+}
+
+.ImageBrowser-module_addressInput__-pEyG a {
+  max-width: 90%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: inline-block;
+  color: inherit;
+}
+
+.ImageBrowser-module_https__VUC-O {
+  width: 0.75em;
+  height: 0.75em;
+  font-size: 1em;
+  margin-right: 0.31em;
+  user-select: none;
+  margin-top: -1px;
+  color: inherit;
+  display: inline-flex;
+  align-items: center;
+}
+
+.ImageBrowser-module_browser__NNWlY {
+  background-color: transparent;
+  max-width: 100%;
+  overflow: hidden;
+}
+
+.ImageBrowser-module_browser__NNWlY .image {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.ImageBrowser-module_header__FofmO {
+  height: 2.5em;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+
+.ImageBrowser-module_traffic__UvQ3C {
+  width: auto;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  bottom: 0;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  user-select: none;
+  font-size: inherit;
+}
+
+.ImageBrowser-module_traffic__UvQ3C span {
+  border-radius: 50%;
+  width: 0.75em;
+  height: 0.75em;
+  max-width: 20px;
+  max-height: 20px;
+  display: inline-block;
+  margin-right: 0.5em;
+}
+
+.ImageBrowser-module_close__180FZ {
+  background-color: #ff5f56;
+}
+
+.ImageBrowser-module_mini__-SI50 {
+  background-color: #ffbd2e;
+}
+
+.ImageBrowser-module_full__2ZmLk {
+  background-color: #27c93f;
+}
+
+}

package/esm/css/Image-ImageBrowserHttpsIcon.css

@@ -0,0 +1,7 @@
+@layer Image-ImageBrowserHttpsIcon {
+.ImageBrowserHttpsIcon-module_svg__xiI3S {
+  width: 1em;
+  height: 1em;
+}
+
+}

package/esm/css/Image-ImageSkeleton.css

@@ -0,0 +1,24 @@
+@layer Image-ImageSkeleton {
+.ImageSkeleton-module_skeleton__uWwK- {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  background-size: 400% 100%;
+  animation: ImageSkeleton-module_imageSkeletonLoading__aeTB6 3s ease-in-out infinite;
+  transition: opacity 300ms ease-out;
+}
+
+@keyframes ImageSkeleton-module_imageSkeletonLoading__aeTB6 {
+  0% {
+    background-position: 200% 0;
+  }
+  to {
+    background-position: -200% 0;
+  }
+}
+
+}

package/esm/css/Image.css

@@ -0,0 +1,13 @@
+@layer Image {
+.Image-module_image__3xahg {
+  position: relative;
+  overflow: hidden;
+  max-width: 100%;
+}
+
+.Image-module_img__58sZo {
+  object-fit: scale-down;
+  display: inline-block;
+}
+
+}

package/esm/css/Input-InputBlockLabel.css

@@ -0,0 +1,17 @@
+@layer Input-InputBlockLabel {
+.InputBlockLabel-module_label__uTays {
+  display: block;
+  font-weight: normal;
+  padding: 0 0 0 1px;
+  line-height: 1.5;
+}
+
+.InputBlockLabel-module_label__uTays > *:first-child {
+  margin-top: 0;
+}
+
+.InputBlockLabel-module_label__uTays > *:last-child {
+  margin-bottom: 0;
+}
+
+}

package/esm/css/Input-InputIcon.css

@@ -0,0 +1,26 @@
+@layer Input-InputIcon {
+.InputIcon-module_inputIcon__DYoco {
+  box-sizing: border-box;
+  display: inline-flex;
+  width: calc(var(--input-height) - 2px);
+  flex-shrink: 0;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  background: none;
+  color: inherit;
+  font: inherit;
+  line-height: 1;
+  position: relative;
+}
+
+.InputIcon-module_inputIcon__DYoco svg {
+  width: calc(var(--input-height) - 2px);
+  height: calc(var(--input-height) - 2px);
+  transform: scale(0.44);
+}
+
+}

package/esm/css/Input-InputIconClear.css

@@ -0,0 +1,33 @@
+@layer Input-InputIconClear {
+.InputIconClear-module_clearIcon__2ODYc {
+  box-sizing: border-box;
+  display: inline-flex;
+  width: calc(var(--input-height) - 2px);
+  flex-shrink: 0;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+  transition: color 150ms ease 0s;
+  margin: 0;
+  padding: 0;
+  visibility: hidden;
+  opacity: 0;
+}
+
+.InputIconClear-module_visible__5nUZb {
+  visibility: visible;
+  opacity: 1;
+}
+
+.InputIconClear-module_clearIcon__2ODYc:hover {
+  color: var(--clear-icon-hover-color);
+}
+
+.InputIconClear-module_svg__g1elY {
+  color: currentColor;
+  width: calc(var(--input-height) - 2px);
+  height: calc(var(--input-height) - 2px);
+  transform: scale(0.44);
+}
+
+}

package/esm/css/Input-InputLabel.css

@@ -0,0 +1,13 @@
+@layer Input-InputLabel {
+.InputLabel-module_span__ek5IE {
+  display: inline-flex;
+  width: initial;
+  height: 100%;
+  align-items: center;
+  pointer-events: none;
+  margin: 0;
+  font-size: inherit;
+  line-height: 1;
+}
+
+}

package/esm/css/Input.css

@@ -0,0 +1,117 @@
+@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: var(--input-bg);
+  transition:
+    border 0.2s ease 0s,
+    color 0.2s ease 0s;
+}
+
+.Input-module_inputWrapper__WpYTp:hover {
+  border-color: var(--input-hover-border);
+  background: 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: 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;
+}
+
+}