@rolster/react-components 18.21.27 → 18.21.29

package/dist/cjs/assets/{index-BW6KjVET.css → index-iBIATb-B.css}

@@ -15,7 +15,7 @@
   display: block;
   text-align: center;
   width: var(--rlc-tabulartext-pointer-width, 2rem);
-}
+} /*# sourceMappingURL=TabularText.css.map */
 
 .rls-amount {
   --pvt-font-size: var(--rlc-amount-font-size, inherit);
@@ -28,7 +28,7 @@
 }
 .rls-amount[rls-theme] {
   color: var(--rls-theme-color-500);
-}
+} /*# sourceMappingURL=Amount.css.map */
 
 .rls-avatar {
   position: relative;
@@ -54,7 +54,7 @@
 .rls-avatar span {
   align-self: center;
   font-size: inherit;
-}
+} /*# sourceMappingURL=Avatar.css.map */
 
 .rls-badge {
   position: relative;
@@ -73,7 +73,7 @@
   font-size: inherit;
   letter-spacing: inherit;
   line-height: inherit;
-}
+} /*# sourceMappingURL=Badge.css.map */
 
 .rls-breadcrumb {
   --pvt-height: var(--rlc-breadcrumb-height, var(--rls-sizing-x18));
@@ -109,7 +109,7 @@
 .rls-breadcrumb__label::before {
   font-family: -rolster-icons;
   display: inline-block;
-  content: '\e911';
+  content: '';
   margin: 0rem var(--rls-sizing-x2);
   cursor: default;
   color: inherit;
@@ -133,7 +133,7 @@
 .rls-breadcrumb__label__a--actionable:hover {
   color: var(--rls-theme-color-500);
   text-decoration: underline;
-}
+} /*# sourceMappingURL=Breadcrumb.css.map */
 
 .rls-icon {
   --pvt-icon-dimension: var(--rlc-icon-dimension, var(--rls-sizing-x12));
@@ -156,7 +156,7 @@
   height: 100%;
   line-height: inherit;
   font-size: inherit;
-}
+} /*# sourceMappingURL=Icon.css.map */
 
 .rls-button {
   --pvt-button-content-background: none;
@@ -190,7 +190,7 @@
   padding: 0rem;
   overflow: hidden;
   outline: none;
-  background: transparent;
+  background: rgba(0, 0, 0, 0);
 }
 .rls-button:not(:disabled):not(:active) {
   --pvt-button-content-animation: ripple-squarecenter 1000ms
@@ -333,7 +333,6 @@
   text-decoration: none;
   color: inherit;
 }
-
 @keyframes ripple-squarecenter {
   0% {
     transform: scale(0);
@@ -345,7 +344,7 @@
     opacity: 0;
     transform: scale(1);
   }
-}
+} /*# sourceMappingURL=Button.css.map */
 
 .rls-button-action {
   --pvt-ripple-dimension: var(
@@ -365,7 +364,7 @@
   box-sizing: border-box;
   user-select: none;
   cursor: default;
-  background: transparent;
+  background: rgba(0, 0, 0, 0);
   color: var(--rlc-action-color, var(--rls-app-color-600));
 }
 .rls-button-action::before {
@@ -433,7 +432,6 @@
   opacity: var(--pvt-tooltip-opacity);
   transition-delay: var(--pvt-tooltip-transition-delay);
 }
-
 @keyframes ripple-button-action {
   0% {
     transform: scale(0);
@@ -445,7 +443,7 @@
     opacity: 0;
     transform: scale(1);
   }
-}
+} /*# sourceMappingURL=ButtonAction.css.map */
 
 .rls-checkbox {
   --pvt-dimension: var(--rlc-checkbox-dimension, var(--rls-sizing-x12));
@@ -486,7 +484,7 @@
   transform: var(--pvt-component-transform);
   transform-origin: 50% 50%;
   transition: all 160ms 0ms var(--rls-standard-curve);
-}
+} /*# sourceMappingURL=CheckBox.css.map */
 
 .rls-input {
   --pvt-font-color: var(--rlc-input-font-color, var(--rls-app-color-900));
@@ -519,7 +517,7 @@
   cursor: text;
   border: none;
   outline: none;
-  background: transparent;
+  background: rgba(0, 0, 0, 0);
   color: var(--pvt-component-font-color);
   font-weight: var(--rls-font-weight-medium);
   font-size: var(--pvt-font-size);
@@ -548,7 +546,7 @@
   width: 100%;
   height: var(--pvt-height);
   line-height: var(--pvt-height);
-  background: transparent;
+  background: rgba(0, 0, 0, 0);
   pointer-events: none;
   overflow: hidden;
   white-space: nowrap;
@@ -558,7 +556,7 @@
   font-size: var(--pvt-font-size);
   text-align: var(--pvt-text-align);
   letter-spacing: var(--pvt-letter-spacing);
-}
+} /*# sourceMappingURL=Input.css.map */
 
 .rls-input-money {
   --rlc-tabulartext-font-size: var(--rls-input-font-size);
@@ -566,13 +564,13 @@
   position: relative;
   width: 100%;
   box-sizing: border-box;
-}
+} /*# sourceMappingURL=InputMoney.css.map */
 
 .rls-input-number {
   position: relative;
   width: 100%;
   box-sizing: border-box;
-}
+} /*# sourceMappingURL=InputNumber.css.map */
 
 .rls-input-password {
   position: relative;
@@ -589,7 +587,7 @@
   cursor: text;
   border: none;
   outline: none;
-  background: transparent;
+  background: rgba(0, 0, 0, 0);
   color: var(--rlc-input-font-color);
   font-weight: var(--rls-font-weight-medium);
   font-size: var(--rls-input-font-size);
@@ -609,7 +607,7 @@
 }
 .rls-input-password__component:disabled {
   opacity: 0.5;
-}
+} /*# sourceMappingURL=InputPassword.css.map */
 
 .rls-input-search {
   --rlc-input-height: var(--rls-sizing-x14);
@@ -618,15 +616,15 @@
   align-items: center;
   padding: var(--rls-sizing-x4) var(--rls-sizing-x6);
   box-sizing: border-box;
-  background: var(rlc-input-search-background, var(--rls-app-color-100));
+  background: var(--rlc-input-search-background, var(--rls-app-color-100));
   border-radius: var(--rls-sizing-x4);
-}
+} /*# sourceMappingURL=InputSearch.css.map */
 
 .rls-input-text {
   position: relative;
   width: 100%;
   box-sizing: border-box;
-}
+} /*# sourceMappingURL=InputText.css.map */
 
 .rls-label {
   font-size: var(--rlc-label-font-size, var(--rls-smalltext-font-size));
@@ -639,11 +637,11 @@
 }
 .rls-label[rls-theme] {
   color: var(--rls-theme-color-500);
-}
+} /*# sourceMappingURL=Label.css.map */
 
 .rls-message-icon {
   --rlc-icon-color: var(--rls-theme-color-500);
-  --rlc-icon-dimesion: var(--rls-sizing-x8);
+  --rlc-icon-dimension: var(--rls-sizing-x8);
   display: flex;
   align-items: center;
   column-gap: var(--rls-sizing-x2);
@@ -652,7 +650,7 @@
   font-size: var(--rls-caption-font-size);
   letter-spacing: var(--rls-caption-letter-spacing);
   color: var(--rls-app-color-600);
-}
+} /*# sourceMappingURL=MessageIcon.css.map */
 
 .rls-poster {
   --pvt-background: var(--rls-theme-color-100);
@@ -690,7 +688,7 @@
 .rls-poster--outline {
   --pvt-background: var(--rls-theme-color-050);
   --pvt-border-content: 1px solid var(--pvt-border-color);
-}
+} /*# sourceMappingURL=Poster.css.map */
 
 .rls-progress-bar {
   --pvt-component-display: block;
@@ -727,7 +725,6 @@
   background: var(--rls-theme-gradient-500);
   transition: width 320ms 0ms var(--rls-standard-curve);
 }
-
 @keyframes progress-bar-indeterminate-before {
   0% {
     width: 100%;
@@ -742,7 +739,6 @@
     left: 100%;
   }
 }
-
 @keyframes progress-bar-indeterminate-after {
   0% {
     width: 12.5%;
@@ -756,7 +752,7 @@
     width: 100%;
     left: 125%;
   }
-}
+} /*# sourceMappingURL=ProgressBar.css.map */
 
 .rls-progress-circular {
   --pvt-dimension: var(
@@ -785,7 +781,6 @@
   opacity: 1;
   animation: progress-circular-circle 1750ms var(--rls-standard-curve) infinite;
 }
-
 @keyframes progress-circular-svg {
   0% {
     transform: rotate(0deg);
@@ -797,7 +792,6 @@
     transform: rotate(360deg);
   }
 }
-
 @keyframes progress-circular-circle {
   50% {
     stroke-dashoffset: 0;
@@ -805,7 +799,7 @@
   100% {
     stroke-dashoffset: -65;
   }
-}
+} /*# sourceMappingURL=ProgressCircular.css.map */
 
 .rls-radiobutton {
   --pvt-dimension: var(--rlc-radiobutton-dimension, var(--rls-sizing-x12));
@@ -846,7 +840,7 @@
   transform: var(--pvt-component-transform);
   transform-origin: 50% 50%;
   transition: all 160ms 0ms var(--rls-standard-curve);
-}
+} /*# sourceMappingURL=RadioButton.css.map */
 
 .rls-skeleton {
   --pvt-height: var(--rlc-skeleton-height, inherit);
@@ -880,12 +874,11 @@
   );
   animation: skeleton-animation 1600ms infinite;
 }
-
 @keyframes skeleton-animation {
   100% {
     transform: translateX(100%);
   }
-}
+} /*# sourceMappingURL=Skeleton.css.map */
 
 .rls-skeleton-text {
   --pvt-height: var(--rlc-skeleton-text-height, var(--rls-body-line-height));
@@ -915,7 +908,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-}
+} /*# sourceMappingURL=SkeletonText.css.map */
 
 .rls-switch {
   --pvt-element-size: var(--rlc-switch-element-size, var(--rls-sizing-x10));
@@ -975,7 +968,7 @@
   width: 100%;
   height: var(--rlc-switch-bar-height, var(--rls-sizing-x4));
   border-radius: var(--rlc-switch-bar-radius, var(--rls-sizing-x2));
-}
+} /*# sourceMappingURL=Switch.css.map */
 
 .rls-alert {
   position: relative;
@@ -1005,7 +998,7 @@
 }
 .rls-alert__content {
   width: auto;
-}
+} /*# sourceMappingURL=Alert.css.map */
 
 .rls-ballot {
   --rlc-avatar-width: var(--rls-sizing-x20);
@@ -1095,7 +1088,7 @@
   overflow: var(--rlc-ballot-subtitle-overflow, initial);
   text-overflow: var(--rlc-ballot-subtitle-text-overflow, initial);
   white-space: var(--rlc-ballot-subtitle-white-space, initial);
-}
+} /*# sourceMappingURL=Ballot.css.map */
 
 .rls-button-progress {
   --rlc-progress-circular-dimension: var(--rls-sizing-x16);
@@ -1103,7 +1096,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-}
+} /*# sourceMappingURL=ButtonProgress.css.map */
 
 .rls-button-toggle {
   width: auto;
@@ -1166,8 +1159,6 @@
   transform: var(--rlc-button-toggle-ul-transform);
   transform-origin: 0% 0%;
   box-shadow: 0px 0px 0px 3px var(--rls-theme-shadow-500);
-  /*transition: transform 240ms 0ms var(--rls-standard-curve),
-        opacity 240ms 0ms var(--rls-standard-curve);*/
 }
 .rls-button-toggle__list ul li {
   padding: 0rem var(--rls-sizing-x6);
@@ -1184,21 +1175,21 @@
 .rls-button-toggle__list ul li:hover {
   background: var(--rls-app-color-100);
   color: var(--rls-app-color-900);
-}
+} /*# sourceMappingURL=ButtonToggle.css.map */
 
 .rls-field-money {
   --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
   position: relative;
   width: 100%;
   box-sizing: border-box;
-}
+} /*# sourceMappingURL=FieldMoney.css.map */
 
 .rls-field-number {
   --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
   position: relative;
   width: 100%;
   box-sizing: border-box;
-}
+} /*# sourceMappingURL=FieldNumber.css.map */
 
 .rls-field-password {
   --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
@@ -1213,22 +1204,30 @@
   width: var(--rls-sizing-x12);
   height: var(--rls-sizing-x12);
   z-index: 2;
-}
+} /*# sourceMappingURL=FieldPassword.css.map */
 
 .rls-field-readonly {
   --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
-  --pvt-component-font-color: var(--rlc-input-font-color);
+  --pvt-font-color: var(--rlc-input-font-color, var(--rls-app-color-900));
+  --pvt-font-size: var(--rlc-input-font-size, var(--rls-input-font-size));
+  --pvt-letter-spacing: var(
+    --rlc-input-letter-spacing,
+    var(--rls-input-letter-spacing)
+  );
+  --pvt-height: var(--rlc-input-height, var(--rls-sizing-x12));
+  --pvt-text-align: var(--rlc-input-text-align, left);
+  --pvt-component-font-color: var(--pvt-font-color);
   position: relative;
   width: 100%;
   box-sizing: border-box;
-}
+} /*# sourceMappingURL=FieldReadonly.css.map */
 
 .rls-field-text {
   --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
   position: relative;
   width: 100%;
   box-sizing: border-box;
-}
+} /*# sourceMappingURL=FieldText.css.map */
 
 .rls-label-checkbox {
   --pvt-text-opacity: 1;
@@ -1265,7 +1264,7 @@
   overflow: var(--pvt-text-overflow);
   white-space: var(--pvt-text-white-space);
   text-overflow: var(--pvt-text-text-overflow);
-}
+} /*# sourceMappingURL=LabelCheckBox.css.map */
 
 .rls-label-radiobutton {
   --pvt-text-opacity: 1;
@@ -1304,7 +1303,7 @@
   overflow: var(--pvt-text-overflow);
   white-space: var(--pvt-text-white-space);
   text-overflow: var(--pvt-text-text-overflow);
-}
+} /*# sourceMappingURL=LabelRadioButton.css.map */
 
 .rls-label-switch {
   --pvt-text-opacity: 1;
@@ -1341,7 +1340,7 @@
   overflow: var(--pvt-text-overflow);
   white-space: var(--pvt-text-white-space);
   text-overflow: var(--pvt-text-text-overflow);
-}
+} /*# sourceMappingURL=LabelSwitch.css.map */
 
 .rls-pagination {
   position: relative;
@@ -1409,7 +1408,7 @@
 .rls-pagination__action:disabled {
   pointer-events: none;
   opacity: 0.5;
-}
+} /*# sourceMappingURL=Pagination.css.map */
 
 .rls-picker-day {
   --pvt-span-background: transparent;
@@ -1490,7 +1489,7 @@
   --pvt-span-font-color: var(--rls-app-color-400);
   --pvt-span-border: var(--rls-border-1) solid transparent;
   pointer-events: none;
-}
+} /*# sourceMappingURL=PickerDay.css.map */
 
 .rls-picker-day-range {
   --pvt-span-nothover-background: transparent;
@@ -1573,7 +1572,7 @@
 .rls-picker-day-range__element--disabled {
   pointer-events: none;
   opacity: 0.5;
-}
+} /*# sourceMappingURL=PickerDayRange.css.map */
 
 .rls-picker-month {
   --pvt-component-background: transparent;
@@ -1629,7 +1628,7 @@
   cursor: default;
   pointer-events: none;
   letter-spacing: 0.25rem;
-}
+} /*# sourceMappingURL=PickerMonth.css.map */
 
 .rls-picker-selector-title {
   display: flex;
@@ -1646,7 +1645,7 @@
 }
 .rls-picker-selector-title span:hover {
   color: var(--rls-theme-color-500);
-}
+} /*# sourceMappingURL=PickerSelectorTitle.css.map */
 
 .rls-picker-year {
   --pvt-component-background: transparent;
@@ -1681,7 +1680,7 @@
 }
 .rls-picker-year__action button {
   color: var(--rls-app-color-900);
-  background: transparent;
+  background: rgba(0, 0, 0, 0);
   outline: none;
   width: inherit;
   height: inherit;
@@ -1742,7 +1741,7 @@
   cursor: default;
   pointer-events: none;
   letter-spacing: 0.325rem;
-}
+} /*# sourceMappingURL=PickerYear.css.map */
 
 .rls-toolbar {
   display: flex;
@@ -1783,7 +1782,7 @@
   box-sizing: border-box;
   column-gap: var(--rls-sizing-x8);
   align-items: center;
-}
+} /*# sourceMappingURL=Toolbar.css.map */
 
 .rls-card {
   background: var(--rls-app-color-050);
@@ -1799,7 +1798,7 @@
   flex-direction: column;
   padding: var(--rlc-card-content-padding, var(--rls-sizing-x8));
   box-sizing: border-box;
-}
+} /*# sourceMappingURL=Card.css.map */
 
 .rls-confirmation {
   --pvt-component-transform: translateY(150px) scale(0.6);
@@ -1856,9 +1855,6 @@
   background: var(--rls-app-color-050);
   box-shadow: var(--rls-app-shadow-4);
   transform: var(--pvt-component-transform);
-  /*transition: opacity 125ms 0ms var(--rls-deceleration-curve),
-      transform 125ms 0ms var(--rls-deceleration-curve),
-      visibility 125ms 0ms var(--rls-deceleration-curve);*/
 }
 .rls-confirmation__header {
   position: relative;
@@ -1928,10 +1924,7 @@
   z-index: var(--rls-z-index-2);
   background: var(--rls-theme-backdrop-900);
   backdrop-filter: blur(2px);
-  /*transition: opacity 120ms 0ms var(--rls-deceleration-curve),
-      bottom 120ms 0ms var(--rls-deceleration-curve);*/
 }
-
 @media screen and (max-width: 480px) {
   .rls-confirmation {
     --pvt-title-font-size: var(--rls-title-font-size);
@@ -1950,14 +1943,14 @@
     column-gap: 0rem;
     row-gap: var(--rls-sizing-x8);
   }
-}
+} /*# sourceMappingURL=Confirmation.css.map */
 
 .rls-field-autocomplete {
   --pvt-control-width: 100%;
   --pvt-control-opacity: 1;
 }
 .rls-field-autocomplete.rls-field-box--selected {
-  --pvt-control-width: calc(100% - var(--rlc-fieldbox-action-dimension));
+  --pvt-control-width: calc(100% - var(--pvt-action-dimension));
 }
 .rls-field-autocomplete.rls-field-box--disabled {
   --pvt-control-opacity: 0.5;
@@ -1978,7 +1971,7 @@
 }
 .rls-field-autocomplete .rls-field-list__ul__search button {
   color: var(--rls-app-color-600);
-  background: transparent;
+  background: rgba(0, 0, 0, 0);
 }
 .rls-field-autocomplete
   .rls-field-list__ul__search
@@ -1996,7 +1989,7 @@
   cursor: text;
   border: none;
   outline: none;
-  background: transparent;
+  background: rgba(0, 0, 0, 0);
   color: var(--rls-app-color-900);
   font-size: var(--rls-input-font-size);
   font-weight: var(--rls-font-weight-medium);
@@ -2014,7 +2007,7 @@
 }
 .rls-field-autocomplete .rls-field-list__ul .rls-progress-bar {
   margin-bottom: var(--rls-sizing-x8);
-}
+} /*# sourceMappingURL=FieldAutocomplete.css.map */
 
 .rls-modal {
   --pvt-component-transform: translateY(80rem) scale(0.6);
@@ -2076,7 +2069,7 @@
   backdrop-filter: blur(2px);
   transition: opacity 120ms 0ms var(--rls-deceleration-curve),
     bottom 120ms 0ms var(--rls-deceleration-curve);
-}
+} /*# sourceMappingURL=Modal.css.map */
 
 .rls-picker-date {
   position: relative;
@@ -2155,7 +2148,7 @@
 }
 .rls-picker-date__actions button {
   width: 100%;
-}
+} /*# sourceMappingURL=PickerDate.css.map */
 
 .rls-field-date {
   --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
@@ -2184,7 +2177,7 @@
   cursor: default;
   border: none;
   outline: none;
-  background: transparent;
+  background: rgba(0, 0, 0, 0);
   color: var(--rls-app-color-900);
   font-weight: var(--rls-font-weight-medium);
   font-size: var(--pvt-font-size);
@@ -2197,7 +2190,7 @@
   opacity: 0.5;
 }
 .rls-field-date__action {
-  --rlc-icon-dimesion: calc(var(--pvt-action-dimension) - 2rem);
+  --rlc-icon-dimension: calc(var(--pvt-action-dimension) - 2rem);
   width: var(--pvt-action-dimension);
   height: var(--pvt-action-dimension);
   color: var(--rls-app-color-600);
@@ -2211,7 +2204,7 @@
 }
 .rls-field-date__action .rls-icon {
   margin: 1rem;
-}
+} /*# sourceMappingURL=FieldDate.css.map */
 
 .rls-picker-date-range {
   position: relative;
@@ -2290,7 +2283,7 @@
 }
 .rls-picker-date-range__actions button {
   width: 100%;
-}
+} /*# sourceMappingURL=PickerDateRange.css.map */
 
 .rls-field-date-range {
   --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
@@ -2316,11 +2309,11 @@
   cursor: default;
   border: none;
   outline: none;
-  color: var(--rlc-input-font-color);
-  background: transparent;
+  background: rgba(0, 0, 0, 0);
+  color: var(--rls-app-color-900);
   font-weight: var(--rls-font-weight-medium);
-  font-size: var(--rlc-input-font-size);
-  letter-spacing: var(--rlc-input-letter-spacing);
+  font-size: var(--pvt-font-size);
+  letter-spacing: var(--pvt-letter-spacing);
 }
 .rls-field-date-range__control::placeholder {
   color: var(--rls-app-color-400);
@@ -2329,7 +2322,7 @@
   opacity: 0.5;
 }
 .rls-field-date-range__action {
-  --rlc-icon-dimesion: calc(var(--pvt-action-dimension) - 2rem);
+  --rlc-icon-dimension: calc(var(--pvt-action-dimension) - 2rem);
   width: var(--pvt-action-dimension);
   height: var(--pvt-action-dimension);
   color: var(--rls-app-color-600);
@@ -2343,18 +2336,17 @@
 }
 .rls-field-date-range__action .rls-icon {
   margin: 1rem;
-}
+} /*# sourceMappingURL=FieldDateRange.css.map */
 
 .rls-field-select .rls-field-list__control {
   cursor: pointer;
 }
-
 .rls-field-select .rls-field-list__action {
   transition: transform 160ms 0ms var(--rls-sharp-curve);
 }
 .rls-field-select .rls-field-list__action--visible {
   transform: rotate(180deg);
-}
+} /*# sourceMappingURL=FieldSelect.css.map */
 
 .rls-form-navigation {
   position: fixed;
@@ -2385,7 +2377,7 @@
   height: var(--rls-sizing-x12);
   padding: 0rem;
   float: right;
-}
+} /*# sourceMappingURL=FormNavigation.css.map */
 
 .rls-snackbar {
   position: fixed;
@@ -2442,9 +2434,8 @@
   font-weight: var(--rls-font-weight-medium);
   letter-spacing: var(--rls-label-letter-spacing);
 }
-
 @media only screen and (max-width: 375px) {
   .rls-snackbar {
     width: calc(100% - var(--rls-sizing-x12));
   }
-}
+} /*# sourceMappingURL=Snackbar.css.map */