@rolster/react-components 18.12.10 → 18.13.0

package/dist/esm/components/atoms/Poster/Poster.css

@@ -2,11 +2,11 @@
   position: relative;
   float: left;
   width: auto;
-  height: var(--rls-poster-height);
-  line-height: var(--rls-poster-height);
-  padding: var(--rls-poster-padding);
+  height: var(--rlc-poster-height);
+  line-height: var(--rlc-poster-height);
+  padding: var(--rlc-poster-padding);
   box-sizing: border-box;
-  border-radius: var(--sizing-x2);
-  color: var(--color-light-500);
-  background: var(--gradient-rolster-500);
+  border-radius: var(--rls-sizing-x2);
+  color: var(--rls-light-color-500);
+  background: var(--rls-theme-gradient-500);
 }

package/dist/esm/components/atoms/ProgressBar/ProgressBar.css

@@ -3,9 +3,9 @@
   position: relative;
   float: left;
   width: 100%;
-  height: var(--sizing-x2);
+  height: var(--rls-sizing-x2);
   overflow: hidden;
-  background: var(--color-rolster-100);
+  background: var(--rls-theme-color-100);
 }
 .rls-progress-bar--indeterminate {
   --pvt-component-display: none;
@@ -16,8 +16,8 @@
   content: '';
   top: 0rem;
   width: 0%;
-  height: var(--sizing-x2);
-  background: var(--gradient-rolster-500);
+  height: var(--rls-sizing-x2);
+  background: var(--rls-theme-gradient-500);
 }
 .rls-progress-bar--indeterminate::after {
   animation: progress-bar-indeterminate-after 2000ms infinite;
@@ -29,10 +29,10 @@
   position: absolute;
   top: 0rem;
   width: 0%;
-  height: var(--sizing-x4);
+  height: var(--rls-sizing-x4);
   display: var(--pvt-component-display);
-  background: var(--gradient-rolster-500);
-  transition: width 320ms 0ms var(--standard-curve);
+  background: var(--rls-theme-gradient-500);
+  transition: width 320ms 0ms var(--rls-standard-curve);
 }
 
 @keyframes progress-bar-indeterminate-before {

package/dist/esm/components/atoms/ProgressCircular/ProgressCircular.css

@@ -1,10 +1,10 @@
 .rls-progress-circular {
   position: relative;
-  width: var(--rls-progress-circular-dimension);
-  height: var(--rls-progress-circular-dimension);
-  padding: var(--sizing-x2);
+  width: var(--rlc-progress-circular-dimension);
+  height: var(--rlc-progress-circular-dimension);
+  padding: var(--rls-sizing-x2);
   box-sizing: border-box;
-  stroke: var(--color-rolster-500);
+  stroke: var(--rls-theme-color-500);
 }
 .rls-progress-circular__svg {
   height: 100%;
@@ -19,7 +19,7 @@
   stroke-dasharray: 65;
   stroke-dashoffset: 65;
   opacity: 1;
-  animation: progress-circular-circle 1750ms var(--standard-curve) infinite;
+  animation: progress-circular-circle 1750ms var(--rls-standard-curve) infinite;
 }
 
 @keyframes progress-circular-svg {

package/dist/esm/components/atoms/RadioButton/RadioButton.css

@@ -4,18 +4,18 @@
   float: left;
   display: flex;
   outline: none;
-  width: var(--sizing-x12);
-  height: var(--sizing-x12);
+  width: var(--rls-sizing-x12);
+  height: var(--rls-sizing-x12);
   border-radius: 50%;
   box-sizing: border-box;
-  border: var(--border-1-theme-300);
+  border: var(--rls-app-border-1-300);
 }
 .rls-radiobutton:hover {
   cursor: pointer;
 }
 .rls-radiobutton--checked {
   --pvt-component-transform: scale(1);
-  border: var(--border-1-rolster-500);
+  border: var(--rls-theme-border-1-500);
 }
 .rls-radiobutton--disabled {
   opacity: 0.5;
@@ -26,8 +26,8 @@
   width: 7rem;
   height: 7rem;
   margin: auto;
-  background: var(--gradient-rolster-500);
+  background: var(--rls-theme-gradient-500);
   transform: var(--pvt-component-transform);
   transform-origin: 50% 50%;
-  transition: all 160ms 0ms var(--standard-curve);
+  transition: all 160ms 0ms var(--rls-standard-curve);
 }

package/dist/esm/components/atoms/SearchInput/SearchInput.css

@@ -1,11 +1,11 @@
 .rls-search-input {
-  --rls-input-height: var(--sizing-x14);
+  --rlc-input-height: var(--rls-sizing-x14);
   position: relative;
   float: left;
   display: flex;
   align-items: center;
-  padding: var(--sizing-x4) var(--sizing-x6);
+  padding: var(--rls-sizing-x4) var(--rls-sizing-x6);
   box-sizing: border-box;
-  border: var(--border-1-theme-300);
-  border-radius: var(--sizing-x4);
+  border: var(--rls-app-border-1-300);
+  border-radius: var(--rls-sizing-x4);
 }

package/dist/esm/components/atoms/Skeleton/Skeleton.css

@@ -8,8 +8,8 @@
   line-height: inherit;
   letter-spacing: inherit;
   overflow: hidden;
-  background: var(--color-rolster-100);
-  border-radius: var(--sizing-x2);
+  background: var(--rls-theme-color-100);
+  border-radius: var(--rls-sizing-x2);
 }
 .rls-skeleton::after {
   position: absolute;
@@ -21,10 +21,10 @@
   transform: translateX(-100%);
   background-image: linear-gradient(
     90deg,
-    var(--skeleton-rolster-100) 0%,
-    var(--skeleton-rolster-100) 20%,
-    var(--skeleton-rolster-300) 60%,
-    var(--skeleton-rolster-100)
+    var(--rls-theme-skeleton-100) 0%,
+    var(--rls-theme-skeleton-100) 20%,
+    var(--rls-theme-skeleton-300) 60%,
+    var(--rls-theme-skeleton-100)
   );
   animation: skeleton-animation 1600ms infinite;
 }

package/dist/esm/components/atoms/SkeletonText/SkeletonText.css

@@ -1,7 +1,6 @@
 .rls-skeleton-text {
   --pvt-value-visibility: visible;
   position: relative;
-  float: left;
   width: 100%;
   max-height: inherit;
   min-height: inherit;
@@ -12,8 +11,8 @@
 }
 .rls-skeleton-text--active {
   --pvt-value-visibility: hidden;
-  background: var(--color-rolster-100);
-  border-radius: var(--sizing-x2);
+  background: var(--rls-theme-color-100);
+  border-radius: var(--rls-sizing-x2);
 }
 .rls-skeleton-text--active::after {
   animation: skeleton-text-animation 1600ms infinite;
@@ -28,16 +27,15 @@
   transform: translateX(-100%);
   background-image: linear-gradient(
     90deg,
-    var(--skeleton-rolster-100) 0%,
-    var(--skeleton-rolster-100) 20%,
-    var(--skeleton-rolster-300) 60%,
-    var(--skeleton-rolster-100)
+    var(--rls-theme-skeleton-100) 0%,
+    var(--rls-theme-skeleton-100) 20%,
+    var(--rls-theme-skeleton-300) 60%,
+    var(--rls-theme-skeleton-100)
   );
 }
 .rls-skeleton-text__value {
   position: relative;
   display: block;
-  float: left;
   width: 100%;
   height: inherit;
   max-height: inherit;

package/dist/esm/components/atoms/Switch/Switch.css

@@ -1,18 +1,18 @@
 .rls-switch {
-  --pvt-element-left: var(--sizing-x1);
-  --pvt-element-background: var(--background-theme-500);
-  --pvt-bar-background: var(--background-theme-100);
-  max-width: var(--sizing-x20);
+  --pvt-element-left: var(--rls-sizing-x1);
+  --pvt-element-background: var(--rls-app-background-500);
+  --pvt-bar-background: var(--rls-app-background-100);
+  max-width: var(--rls-sizing-x20);
 }
 .rls-switch:hover {
   cursor: pointer;
 }
 .rls-switch--checked {
-  --pvt-element-background: var(--gradient-rolster-500);
+  --pvt-element-background: var(--rls-theme-gradient-500);
   --pvt-element-left: calc(
-    100% - var(--rls-switch-element-size) - var(--sizing-x1)
+    100% - var(--rlc-switch-element-size) - var(--rls-sizing-x1)
   );
-  --pvt-bar-background: var(--color-rolster-300);
+  --pvt-bar-background: var(--rls-theme-color-300);
 }
 .rls-switch--disabled {
   opacity: 0.5;
@@ -21,22 +21,22 @@
 .rls-switch__component {
   position: relative;
   width: 100%;
-  padding: var(--sizing-x3) var(--sizing-x1);
+  padding: var(--rls-sizing-x3) var(--rls-sizing-x1);
   box-sizing: border-box;
 }
 .rls-switch__component__element {
   position: absolute;
   top: 0rem;
   left: var(--pvt-element-left);
-  width: var(--rls-switch-element-size);
-  height: var(--rls-switch-element-size);
-  z-index: var(--z-index-2);
-  padding: var(--sizing-x2);
+  width: var(--rlc-switch-element-size);
+  height: var(--rlc-switch-element-size);
+  z-index: var(--rls-z-index-2);
+  padding: var(--rls-sizing-x2);
   box-sizing: border-box;
   border-radius: 50%;
-  background: var(--background-theme-500);
+  background: var(--rls-app-background-500);
   box-shadow: 0 0 2rem 0 rgba(37, 38, 65, 0.38);
-  transition: left 240ms var(--standard-curve);
+  transition: left 240ms var(--rls-standard-curve);
 }
 .rls-switch__component__element::before {
   display: block;
@@ -49,6 +49,6 @@
 .rls-switch__component__bar {
   background: var(--pvt-bar-background);
   width: 100%;
-  height: var(--rls-switch-bar-height);
-  border-radius: var(--rls-switch-bar-radius);
+  height: var(--rlc-switch-bar-height);
+  border-radius: var(--rlc-switch-bar-radius);
 }

package/dist/esm/components/atoms/TabularText/TabularText.css

@@ -5,11 +5,11 @@
   display: block;
   float: left;
   text-align: center;
-  width: var(--rls-tabulartext-char-width);
+  width: var(--rlc-tabulartext-char-width);
 }
 .rls-tabular-text__pointer {
   display: block;
   float: left;
   text-align: center;
-  width: var(--rls-tabulartext-pointer-width);
+  width: var(--rlc-tabulartext-pointer-width);
 }

package/dist/esm/components/definitions.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type RlsTheme = 'primary' | 'success' | 'info' | 'happy' | 'warning' | 'danger' | 'coffee' | 'obsidian';
+export type RlsTheme = 'standard' | 'success' | 'info' | 'warning' | 'danger' | 'amaizing' | 'smartness' | 'obsidian';
 export interface RlsComponent {
     children?: ReactNode;
     rlsTheme?: RlsTheme;

package/dist/esm/components/molecules/Ballot/Ballot.css

@@ -1,58 +1,51 @@
 .rls-ballot {
-  --rls-avatar-width: var(--sizing-x20);
-  --rls-avatar-height: var(--sizing-x20);
+  --rlc-avatar-width: var(--rls-sizing-x20);
+  --rlc-avatar-height: var(--rls-sizing-x20);
   position: relative;
-  float: left;
   display: flex;
   width: 100%;
-  padding: var(--sizing-x4);
+  align-content: center;
+  column-gap: var(--rls-sizing-x4);
+  padding: var(--rls-sizing-x4);
   box-sizing: border-box;
   overflow: hidden;
 }
 .rls-ballot--bordered {
-  border-radius: var(--sizing-x4);
-  border: var(--border-1-theme-300);
+  border-radius: var(--rls-sizing-x4);
+  border: var(--rls-app-border-1-300);
 }
 .rls-ballot--skeleton {
-  --subtitle-width: 60%;
-}
-.rls-ballot > .rls-avatar {
-  margin: auto 0rem;
-}
-.rls-ballot > .rls-avatar + .rls-ballot__component {
-  width: calc(100% - var(--sizing-x28));
-  margin-left: var(--sizing-x4);
+  --rls-subtitle-width: 60%;
 }
 .rls-ballot__component {
+  display: flex;
   overflow: hidden;
-  margin: auto;
+  flex-direction: column;
+  row-gap: var(--rls-sizing-x2);
 }
 .rls-ballot__title {
   position: relative;
-  float: left;
   width: 100%;
-  color: var(--color-theme-500);
+  color: var(--rls-app-color-500);
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-  font-weight: var(--font-weight-medium);
-  font-size: var(--label-font-size);
-  letter-spacing: var(--label-letter-spacing);
-  min-height: var(--label-line-height);
-  line-height: var(--label-line-height);
+  font-weight: var(--rls-font-weight-medium);
+  font-size: var(--rls-label-font-size);
+  letter-spacing: var(--rls-label-letter-spacing);
+  min-height: var(--rls-label-line-height);
+  line-height: var(--rls-label-line-height);
 }
 .rls-ballot__subtitle {
   position: relative;
-  float: left;
-  width: var(--rls-ballot-subtitle-width);
-  color: var(--color-theme-300);
-  margin-top: var(--sizing-x2);
-  font-weight: var(--font-weight-semibold);
-  font-size: var(--smalltext-font-size);
-  letter-spacing: var(--smalltext-letter-spacing);
-  min-height: var(--rls-ballot-subtitle-height);
-  line-height: var(--rls-ballot-subtitle-height);
-  overflow: var(--rls-ballot-subtitle-overflow);
-  text-overflow: var(--rls-ballot-subtitle-text-overflow);
-  white-space: var(--rls-ballot-subtitle-white-space);
+  width: var(--rlc-ballot-subtitle-width);
+  color: var(--rls-app-color-300);
+  font-weight: var(--rls-font-weight-semibold);
+  font-size: var(--rls-smalltext-font-size);
+  letter-spacing: var(--rls-smalltext-letter-spacing);
+  min-height: var(--rlc-ballot-subtitle-height);
+  line-height: var(--rlc-ballot-subtitle-height);
+  overflow: var(--rlc-ballot-subtitle-overflow);
+  text-overflow: var(--rlc-ballot-subtitle-text-overflow);
+  white-space: var(--rlc-ballot-subtitle-white-space);
 }

package/dist/esm/components/molecules/ButtonProgress/ButtonProgress.css

@@ -1,5 +1,5 @@
 .rls-button-progress {
-  --rls-progress-circular-dimension: var(--sizing-x16);
+  --rlc-progress-circular-dimension: var(--rls-sizing-x16);
   position: relative;
   display: flex;
   justify-content: center;

package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.css

@@ -6,34 +6,36 @@
   justify-content: center;
 }
 .rls-button-toggle__action {
-  --rls-button-content-radius: var(--sizing-x2) 0rem 0rem var(--sizing-x2);
+  --rlc-button-content-radius: var(--rls-sizing-x2) 0rem 0rem
+    var(--rls-sizing-x2);
   width: auto;
 }
 .rls-button-toggle__icon {
-  --rls-button-content-radius: 0rem var(--sizing-x2) var(--sizing-x2) 0rem;
-  --rls-button-content-padding: var(--sizing-x2);
+  --rlc-button-content-radius: 0rem var(--rls-sizing-x2) var(--rls-sizing-x2)
+    0rem;
+  --rlc-button-content-padding: var(--rls-sizing-x2);
   width: auto;
 }
 .rls-button-toggle__list {
-  --rls-button-toggle-ul-height: 0rem;
-  --rls-button-toggle-ul-opacity: 0;
-  --rls-button-toggle-ul-transform: none;
+  --rlc-button-toggle-ul-height: 0rem;
+  --rlc-button-toggle-ul-opacity: 0;
+  --rlc-button-toggle-ul-transform: none;
   position: absolute;
   top: 22.5rem;
   left: 0rem;
   width: 100%;
   height: 0rem;
   overflow: hidden;
-  z-index: var(--z-index-4);
+  z-index: var(--rls-z-index-4);
 }
 .rls-button-toggle__list--hide {
-  --rls-button-toggle-ul-opacity: 0;
-  --rls-button-toggle-ul-transform: scale(0, 0);
+  --rlc-button-toggle-ul-opacity: 0;
+  --rlc-button-toggle-ul-transform: scale(0, 0);
 }
 .rls-button-toggle__list--visible {
-  --rls-button-toggle-ul-height: auto;
-  --rls-button-toggle-ul-opacity: 1;
-  --rls-button-toggle-ul-transform: scale(1, 1);
+  --rlc-button-toggle-ul-height: auto;
+  --rlc-button-toggle-ul-opacity: 1;
+  --rlc-button-toggle-ul-transform: scale(1, 1);
   overflow: initial;
   opacity: 1;
   height: auto;
@@ -44,36 +46,36 @@
   flex-direction: column;
   float: left;
   width: 100%;
-  height: var(--rls-button-toggle-ul-height);
-  opacity: var(--rls-button-toggle-ul-opacity);
-  padding: var(--sizing-x4) 0rem;
-  border-radius: var(--sizing-x4);
+  height: var(--rlc-button-toggle-ul-height);
+  opacity: var(--rlc-button-toggle-ul-opacity);
+  padding: var(--rls-sizing-x4) 0rem;
+  border-radius: var(--rls-sizing-x4);
   box-sizing: border-box;
   overflow-y: auto;
   overflow-x: hidden;
-  z-index: var(--z-index-2);
-  background: var(--background-theme-500);
-  border: var(--border-1-rolster-500);
-  transform: var(--rls-button-toggle-ul-transform);
+  z-index: var(--rls-z-index-2);
+  background: var(--rls-app-background-500);
+  border: var(--rls-theme-border-1-500);
+  transform: var(--rlc-button-toggle-ul-transform);
   transform-origin: 0% 0%;
-  transition: transform 240ms 0ms var(--standard-curve),
-    opacity 240ms 0ms var(--standard-curve);
+  transition: transform 240ms 0ms var(--rls-standard-curve),
+    opacity 240ms 0ms var(--rls-standard-curve);
   will-change: opacity, transform;
-  box-shadow: 0px 0px 0px 3px var(--box-shadow-rolster-500);
+  box-shadow: 0px 0px 0px 3px var(--rls-theme-shadow-500);
 }
 .rls-button-toggle__list ul li {
-  padding: 0rem var(--sizing-x6);
+  padding: 0rem var(--rls-sizing-x6);
   box-sizing: border-box;
-  height: var(--sizing-x20);
-  line-height: var(--sizing-x20);
+  height: var(--rls-sizing-x20);
+  line-height: var(--rls-sizing-x20);
   cursor: default;
-  font-weight: var(--font-weight-semibold);
+  font-weight: var(--rls-font-weight-semibold);
   font-size: 6rem;
   letter-spacing: 0.825px;
   text-transform: uppercase;
-  color: var(--color-theme-300);
+  color: var(--rls-app-color-300);
 }
 .rls-button-toggle__list ul li:hover {
-  background: var(--background-theme-300);
-  color: var(--color-theme-500);
+  background: var(--rls-app-background-300);
+  color: var(--rls-app-color-500);
 }

package/dist/esm/components/molecules/CheckBoxLabel/CheckBoxLabel.css

@@ -1,11 +1,11 @@
 .rls-checkbox-label {
   --pvt-text-opacity: 1;
-  --pvt-text-height: var(--sizing-x12);
+  --pvt-text-height: var(--rls-sizing-x12);
   --pvt-text-overflow: hidden;
   --pvt-text-white-space: nowrap;
   --pvt-text-text-overflow: ellipsis;
   display: flex;
-  column-gap: var(--sizing-x4);
+  column-gap: var(--rls-sizing-x4);
 }
 .rls-checkbox-label--disabled {
   --pvt-text-opacity: 0.5;
@@ -21,13 +21,13 @@
   width: auto;
 }
 .rls-checkbox-label__text {
-  max-width: calc(100% - var(--sizing-x16));
+  max-width: calc(100% - var(--rls-sizing-x16));
   height: var(--pvt-text-height);
-  line-height: var(--sizing-x12);
-  color: var(--color-theme-300);
-  font-size: var(--label-font-size);
-  font-weight: var(--font-weight-medium);
-  letter-spacing: var(--label-letter-spacing);
+  line-height: var(--rls-sizing-x12);
+  color: var(--rls-app-color-300);
+  font-size: var(--rls-label-font-size);
+  font-weight: var(--rls-font-weight-medium);
+  letter-spacing: var(--rls-label-letter-spacing);
   user-select: none;
   opacity: var(--pvt-text-opacity);
   overflow: var(--pvt-text-overflow);

package/dist/esm/components/molecules/DayPicker/DayPicker.css

@@ -1,9 +1,8 @@
 .rls-day-picker {
-  --pvt-span-nothover-background: transparent;
-  --pvt-span-nothover-font-color: inherit;
   --pvt-span-background: transparent;
+  --pvt-span-font-color: var(--rls-app-color-500);
+  --pvt-span-border: var(--rls-border-1) solid transparent;
   position: relative;
-  float: left;
   width: 100%;
   max-width: 140rem;
   box-sizing: border-box;
@@ -11,56 +10,69 @@
 }
 .rls-day-picker__header {
   display: flex;
-  margin-bottom: var(--sizing-x4);
-  background: var(--background-theme-100);
-  color: var(--color-theme-500);
-  border-radius: var(--sizing-x2);
+  margin-bottom: var(--rls-sizing-x4);
+  background: var(--rls-app-background-100);
+  color: var(--rls-app-color-500);
+  border-radius: var(--rls-sizing-x2);
 }
 .rls-day-picker__label {
-  padding: var(--sizing-x6) 0rem;
+  padding: var(--rls-sizing-x6) 0rem;
   text-align: center;
   width: 100%;
-  font-size: var(--sizing-x6);
-  font-weight: var(--font-weight-bold);
+  font-size: var(--rls-sizing-x6);
+  font-weight: var(--rls-font-weight-bold);
 }
 .rls-day-picker__week {
   display: flex;
 }
 .rls-day-picker__day {
   text-align: center;
-  padding: var(--sizing-x1);
+  padding: var(--rls-sizing-x1);
   box-sizing: border-box;
 }
 .rls-day-picker__day__span {
   position: relative;
   display: block;
-  color: var(--color-theme-500);
-  border-radius: var(--sizing-x4);
-  height: var(--sizing-x18);
-  line-height: var(--sizing-x18);
-  margin: var(--sizing-x1) 0rem;
   font-size: 7rem;
-  font-weight: var(--font-weight-semibold);
-  background: var(--pvt-span-background);
+  font-weight: var(--rls-font-weight-semibold);
+  margin: var(--rls-sizing-x1) 0rem;
+  border-radius: var(--rls-sizing-x4);
+  height: var(--rls-sizing-x18);
+  line-height: var(--rls-sizing-x18);
+  box-sizing: border-box;
 }
 .rls-day-picker__day__span:not(:hover) {
-  background: var(--pvt-span-nothover-background);
-  color: var(--pvt-span-nothover-font-color);
+  color: var(--pvt-span-font-color);
+  border: var(--pvt-span-border);
+  background: var(--pvt-span-background);
 }
 .rls-day-picker__day__span:hover {
-  background: var(--color-rolster-900);
-  color: var(--color-light-500);
+  background: var(--rls-theme-color-900);
+  color: var(--rls-theme-font-900);
+  border: var(--rls-theme-border-1-900);
+}
+.rls-day-picker__day--today {
+  --pvt-span-background: transparent;
+  --pvt-span-font-color: var(--rls-theme-color-500);
+  --pvt-span-border: var(--rls-theme-border-1-500);
 }
 .rls-day-picker__day--selected {
-  --pvt-span-nothover-background: var(--color-rolster-500);
-  --pvt-span-nothover-font-color: var(--color-light-500);
+  --pvt-span-border: var(--rls-app-border-1-300);
+}
+.rls-day-picker__day--focused {
+  --pvt-span-background: var(--rls-theme-color-500);
+  --pvt-span-font-color: var(--rls-theme-font-500);
+  --pvt-span-border: var(--rls-theme-border-1-500);
 }
 .rls-day-picker__day--forbidden {
-  --pvt-span-background: var(--background-theme-100);
+  --pvt-span-background: var(--rls-app-background-300);
+  --pvt-span-font-color: var(--rls-app-color-100);
+  --pvt-span-border: var(--rls-border-1) solid var(--rls-app-background-300);
   pointer-events: none;
-  opacity: 0.5;
 }
 .rls-day-picker__day--disabled {
+  --pvt-span-background: transparent;
+  --pvt-span-font-color: var(--rls-app-color-100);
+  --pvt-span-border: var(--rls-border-1) solid transparent;
   pointer-events: none;
-  opacity: 0.5;
 }

package/dist/esm/components/molecules/DayPicker/DayPicker.d.ts

@@ -6,8 +6,10 @@ interface DayPickerProps extends RlsComponent {
     disabled?: boolean;
     formControl?: ReactControl<HTMLElement, number>;
     maxDate?: Date;
+    month?: Nulleable<number>;
     minDate?: Date;
     onValue?: (value: number) => void;
+    year?: Nulleable<number>;
 }
-export declare function RlsDayPicker({ date, disabled: disabledPicker, formControl, maxDate, minDate, rlsTheme, onValue }: DayPickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function RlsDayPicker({ date, disabled: disabledPicker, formControl, maxDate, month, minDate, onValue, rlsTheme, year }: DayPickerProps): import("react/jsx-runtime").JSX.Element;
 export {};