@rolster/react-components 18.21.46 → 18.22.0

package/dist/es/assets/{index-CaA_sxmM.css → index-PeMi6MeC.css}

@@ -1767,6 +1767,67 @@
   letter-spacing: 0.325rem;
 } /*# sourceMappingURL=PickerYear.css.map */
 
+.rls-slider {
+  --pvt-track-height: var(--rls-sizing-x3);
+  --pvt-thumb-background: var(--rls-theme-color-600);
+  --pvt-thumb-color: var(--rls-theme-color-050);
+}
+.rls-slider--empty {
+  --pvt-thumb-background: var(--rls-app-color-300);
+  --pvt-thumb-color: var(--rls-app-color-900);
+}
+.rls-slider__component {
+  position: relative;
+  width: calc(100% - var(--rls-sizing-x10));
+  margin: 0rem 5rem;
+  padding: var(--rls-sizing-x4) 0rem;
+  box-sizing: border-box;
+}
+.rls-slider__body {
+  display: flex;
+  column-gap: var(--rls-sizing-x4);
+  align-items: center;
+}
+.rls-slider__body .rls-icon {
+  padding: var(--rls-sizing-x4);
+  border-radius: 50%;
+  background: var(--rls-app-color-300);
+}
+.rls-slider__track {
+  position: relative;
+  width: 100%;
+  height: var(--pvt-track-height);
+  cursor: pointer;
+  background: var(--rls-app-color-300);
+}
+.rls-slider__track__on {
+  position: absolute;
+  width: 0%;
+  height: var(--pvt-track-height);
+  overflow: hidden;
+  z-index: var(--rls-z-index-4);
+  transition: width 200ms 0ms var(--rls-standard-curve);
+  background: var(--rls-theme-color-600);
+}
+.rls-slider__thumb {
+  position: absolute;
+  top: 0.5rem;
+  left: 0rem;
+  cursor: pointer;
+  width: var(--rls-sizing-x10);
+  height: var(--rls-sizing-x10);
+  line-height: var(--rls-sizing-x10);
+  text-align: center;
+  font-size: 3.5rem;
+  font-weight: var(--rls-font-weight-medium);
+  color: var(--pvt-thumb-color);
+  z-index: var(--rls-z-index-4);
+  border-radius: 50%;
+  background: var(--pvt-thumb-background);
+  transform: translateX(-50%);
+  transition: left 200ms 0ms var(--rls-standard-curve);
+} /*# sourceMappingURL=Slider.css.map */
+
 .rls-toolbar {
   display: flex;
   justify-content: space-between;
@@ -2424,6 +2485,142 @@
   float: right;
 } /*# sourceMappingURL=FormNavigation.css.map */
 
+.rls-image-editor {
+  --pvt-overlay-background: var(--rls-theme-backdrop-900);
+  --pvt-sliders-padding: 0rem var(--rls-sizing-x8);
+  --pvt-actions-direction: row;
+  --pvt-actions-row-gap: 0rem;
+  --pvt-actions-column-gap: var(--rls-sizing-x8);
+  position: relative;
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  row-gap: var(--rls-sizing-x12);
+}
+.rls-image-editor__body {
+  position: relative;
+  display: flex;
+  height: 100%;
+  justify-content: center;
+  background: var(--rls-app-color-900);
+}
+.rls-image-editor__body__image {
+  overflow: hidden;
+}
+.rls-image-editor__body__selection {
+  position: absolute;
+  cursor: move;
+  box-sizing: border-box;
+  z-index: var(--rls-z-index-4);
+  border: var(
+    --rlc-image-editor-selection-border,
+    2px dashed var(--rls-app-color-050)
+  );
+  user-select: none;
+}
+.rls-image-editor__body__overlay--top {
+  position: absolute;
+  top: 0rem;
+  z-index: var(--rls-z-index-2);
+  background: var(--pvt-overlay-background);
+}
+.rls-image-editor__body__overlay--right {
+  position: absolute;
+  right: 0rem;
+  height: 100%;
+  z-index: var(--rls-z-index-2);
+  background: var(--pvt-overlay-background);
+}
+.rls-image-editor__body__overlay--bottom {
+  position: absolute;
+  bottom: 0rem;
+  z-index: var(--rls-z-index-2);
+  background: var(--pvt-overlay-background);
+}
+.rls-image-editor__body__overlay--left {
+  position: absolute;
+  right: 0rem;
+  height: 100%;
+  z-index: var(--rls-z-index-2);
+  background: var(--pvt-overlay-background);
+}
+.rls-image-editor__footer {
+  display: flex;
+  flex-direction: column;
+  row-gap: var(--rls-sizing-x12);
+  padding: var(--rlc-image-editor-footer-padding, 0rem);
+  box-sizing: border-box;
+}
+.rls-image-editor__sliders {
+  display: flex;
+  flex-direction: column;
+  row-gap: var(--rls-sizing-x6);
+  padding: var(--pvt-sliders-padding);
+  box-sizing: border-box;
+}
+.rls-image-editor__actions {
+  display: flex;
+  flex-direction: var(--pvt-actions-direction);
+  justify-content: center;
+  row-gap: var(--pvt-actions-row-gap);
+  column-gap: var(--pvt-actions-column-gap);
+}
+.rls-image-editor > canvas {
+  position: absolute;
+  top: 0rem;
+  left: 0rem;
+  z-index: -1;
+  visibility: hidden;
+  pointer-events: none;
+}
+@media only screen and (max-width: 420px) {
+  .rls-image-editor {
+    --pvt-sliders-padding: 0rem;
+    --pvt-actions-direction: column;
+    --pvt-actions-row-gap: var(--rls-sizing-x6);
+    --pvt-actions-column-gap: 0rem;
+    row-gap: var(--rls-sizing-x8);
+  }
+} /*# sourceMappingURL=ImageEditor.css.map */
+
+.rls-image-chooser {
+  position: relative;
+  width: var(--rlc-image-chooser-width, 48rem);
+  height: var(--rlc-image-chooser-height, 48rem);
+  border-radius: var(--rlc-image-chooser-radius, 50%);
+  overflow: hidden;
+}
+.rls-image-chooser__avatar {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  justify-content: center;
+  align-items: center;
+  background: var(--rls-theme-color-600);
+}
+.rls-image-chooser__avatar img {
+  width: 100%;
+}
+.rls-image-chooser > input[type='file'] {
+  position: absolute;
+  z-index: -1;
+  visibility: hidden;
+}
+.rls-image-chooser__modal {
+  --rlc-image-editor-footer-padding: 0rem var(--rls-sizing-x12)
+    var(--rls-sizing-x12) var(--rls-sizing-x12);
+  --pvt-modal-max-width: 240rem;
+  width: 100%;
+  max-width: var(--pvt-modal-max-width);
+}
+@media only screen and (max-width: 420px) {
+  .rls-image-chooser__modal {
+    --rlc-image-editor-footer-padding: 0rem var(--rls-sizing-x8)
+      var(--rls-sizing-x8) var(--rls-sizing-x8);
+    --pvt-modal-max-width: 160rem;
+  }
+} /*# sourceMappingURL=ImageChooser.css.map */
+
 .rls-snackbar {
   position: fixed;
   display: flex;