@popsure/dirty-swan 0.27.7 → 0.27.9

package/dist/index.css

@@ -1557,7 +1557,7 @@ input[type=number] {
 }
 
 .tc-grey-500 {
-  color: #848490 !important;
+  color: #91919c !important;
 }
 
 .tc-grey-600 {
@@ -1793,7 +1793,7 @@ input[type=number] {
 }
 
 .bg-grey-500 {
-  background-color: #848490 !important;
+  background-color: #91919c !important;
 }
 
 .bg-grey-600 {
@@ -1939,7 +1939,7 @@ input[type=number] {
   --ds-grey-200: #f5f5fa;
   --ds-grey-300: #ededf2;
   --ds-grey-400: #d2d2d8;
-  --ds-grey-500: #848490;
+  --ds-grey-500: #91919c;
   --ds-grey-600: #696970;
   --ds-grey-700: #4c4c53;
   --ds-grey-900: #26262e;
@@ -2298,16 +2298,16 @@ body {
   border-color: #6160a2;
 }
 .p-btn--outline-grey {
-  color: #848490;
+  color: #91919c;
   background-color: transparent;
   border: 1px dashed #d2d2d8;
 }
 .p-btn--outline-grey:hover {
   color: #696970;
-  border-color: #848490;
+  border-color: #91919c;
 }
 .p-btn--outline-grey[disabled] {
-  color: #848490;
+  color: #91919c;
   border-color: #d2d2d8;
   opacity: 0.5;
 }
@@ -2331,7 +2331,7 @@ body {
   transition: box-shadow 0.3s;
 }
 .p-input::placeholder, .p-input--error::placeholder {
-  color: #848490;
+  color: #91919c;
 }
 .p-input:disabled, .p-input--error:disabled {
   background-color: #ededf2;
@@ -2476,7 +2476,7 @@ input:checked[type=checkbox] + .p-label--bordered {
   border-color: #8e8cee;
 }
 .p-select:invalid {
-  color: #848490;
+  color: #91919c;
 }
 .p-select:focus {
   outline: none;

package/dist/index.js

@@ -2197,7 +2197,7 @@ var css_248z$u = ".style-module_container__3bJf5 {\n  display: flex;\n  align-it
 var styles$s = {"container":"style-module_container__3bJf5","date-selector-container":"style-module_date-selector-container__165Ii","row-container":"style-module_row-container__2J4YP","day-select":"style-module_day-select__pHm0x","month-select":"style-module_month-select__2RXk9","year-select":"style-module_year-select__8HXni","date-calendar-container":"style-module_date-calendar-container__2ERYZ"};
 styleInject(css_248z$u);
 
-var css_248z$t = ".datepicker_DayPickerInput__BIdi9 {\n  cursor: pointer;\n  position: relative;\n  background-color: white;\n  display: flex;\n  align-items: center;\n  height: 40px;\n  min-width: 180px;\n  padding-left: 8px;\n  line-height: 40px;\n  border-radius: 4px;\n  text-align: left;\n  border: 1px solid #848490;\n}\n\n.datepicker_DayPickerInput__BIdi9 input {\n  cursor: pointer;\n  border: none;\n  background-color: transparent;\n  height: 100%;\n  color: #4c4c53;\n  font-size: 16px;\n}\n\n.datepicker_DayPickerInput__BIdi9::before {\n  content: \"\";\n  display: inline-block;\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  border-left: 9px solid transparent;\n  border-right: 9px solid transparent;\n  border-top: 12px solid #848490;\n}\n\n.datepicker_DayPickerInput__BIdi9:hover::before {\n  border-top: 12px solid #4c4c53;\n}\n\n.datepicker_DayPickerInput__BIdi9:hover {\n  border-color: #4c4c53;\n}\n\n.datepicker_DayPicker__3gbq9 {\n  position: absolute;\n  left: -9px;\n  top: 8px;\n  z-index: 100;\n  border-radius: 4px;\n  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);\n  background-color: white;\n  display: inline-block;\n  font-size: 1rem;\n}\n\n.datepicker_DayPicker-wrapper__2YoUZ {\n  position: relative;\n  flex-direction: row;\n  padding-bottom: 1em;\n  user-select: none;\n}\n\n.datepicker_DayPicker-Months__1HWtD {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n\n.datepicker_DayPicker-Month__2zQx4 {\n  display: table;\n  margin: 0 1em;\n  margin-top: 1em;\n  border-spacing: 0;\n  border-collapse: collapse;\n  user-select: none;\n  font: 16px;\n}\n\n.datepicker_DayPicker-NavButton__gYhRh {\n  position: absolute;\n  top: 1em;\n  right: 1.5em;\n  left: auto;\n  display: inline-block;\n  margin-top: 2px;\n  width: 1.25em;\n  height: 1.25em;\n  background-position: center;\n  background-size: 50%;\n  background-repeat: no-repeat;\n  color: #8b9898;\n  cursor: pointer;\n}\n\n.datepicker_DayPicker-NavButton__gYhRh:hover {\n  opacity: 0.8;\n}\n\n.datepicker_DayPicker-NavButton--prev__YQNOk {\n  margin-right: 1.5em;\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC\");\n}\n\n.datepicker_DayPicker-NavButton--next__Zmber {\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==\");\n}\n\n.datepicker_DayPicker-NavButton--interactionDisabled__3I_W_ {\n  visibility: hidden;\n}\n\n.datepicker_DayPicker-Caption__2fe7G {\n  display: table-caption;\n  margin-bottom: 0.5em;\n  padding: 0 0.5em;\n  text-align: left;\n}\n\n.datepicker_DayPicker-Caption__2fe7G > div {\n  font-weight: 500;\n  font-size: 1.15em;\n}\n\n.datepicker_DayPicker-Weekdays__3xfTx {\n  display: table-header-group;\n  margin-top: 1em;\n}\n\n.datepicker_DayPicker-WeekdaysRow__1Tq3c {\n  display: table-row;\n}\n\n.datepicker_DayPicker-Weekday__2Mtjv {\n  display: table-cell;\n  padding: 0.5em;\n  color: #8b9898;\n  text-align: center;\n  font-size: 0.875em;\n}\n\n.datepicker_DayPicker-Weekday__2Mtjv abbr[title] {\n  border-bottom: none;\n  text-decoration: none;\n}\n\n.datepicker_DayPicker-Body__1nLLj {\n  display: table-row-group;\n}\n\n.datepicker_DayPicker-Week__3pr46 {\n  display: table-row;\n}\n\n.datepicker_DayPicker-Day__3P_ZQ {\n  display: table-cell;\n  padding: 0.5em;\n  border-radius: 50%;\n  vertical-align: middle;\n  text-align: center;\n  cursor: pointer;\n  font: normal 16px Lato;\n}\n\n.datepicker_DayPicker-WeekNumber__uW3oy {\n  display: table-cell;\n  padding: 0.5em;\n  min-width: 1em;\n  border-right: 1px solid #eaecec;\n  color: #8b9898;\n  vertical-align: middle;\n  text-align: right;\n  font-size: 0.75em;\n  cursor: pointer;\n}\n\n.datepicker_DayPicker--interactionDisabled__2DFt- .datepicker_DayPicker-Day__3P_ZQ {\n  cursor: default;\n}\n\n.datepicker_DayPicker-Footer__2xtuF {\n  padding-top: 0.5em;\n}\n\n.datepicker_DayPicker-TodayButton__wac7H {\n  border: none;\n  background-color: transparent;\n  background-image: none;\n  box-shadow: none;\n  color: #4a90e2;\n  font-size: 0.875em;\n  cursor: pointer;\n}\n\n.datepicker_DayPicker-Day--sunday__2yj_w {\n  background-color: #f7f8f8;\n}\n\n.datepicker_DayPicker-Day--sunday__2yj_w:not(.datepicker_DayPicker-Day--today__2ugfC) {\n  color: #dce0e0;\n}\n\n.datepicker_DayPicker-Day--selected__nlbP_:not(.datepicker_DayPicker-Day--disabled__DzYSi):not(.datepicker_DayPicker-Day--outside__3jJk8) {\n  position: relative;\n  background-color: #8e8cee;\n  color: #f0f8ff;\n}\n\n.datepicker_DayPicker-Day--selected__nlbP_:not(.datepicker_DayPicker-Day--disabled__DzYSi):not(.datepicker_DayPicker-Day--outside__3jJk8):hover {\n  background-color: #6160a2;\n}\n\n.datepicker_DayPicker__3gbq9:not(.datepicker_DayPicker--interactionDisabled__2DFt-) .datepicker_DayPicker-Day__3P_ZQ:not(.datepicker_DayPicker-Day--disabled__DzYSi):not(.datepicker_DayPicker-Day--selected__nlbP_):not(.datepicker_DayPicker-Day--outside__3jJk8):hover {\n  background-color: #e6e5ff;\n}\n\n.datepicker_DayPickerInput__BIdi9 {\n  display: inline-block;\n}\n\n.datepicker_DayPickerInput-OverlayWrapper__2ygAS {\n  position: relative;\n}\n\n.datepicker_DayPickerInput-Overlay__3NJ5W {\n  position: absolute;\n  left: 0;\n  z-index: 1;\n  background: white;\n  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n}\n\n.datepicker_DayPicker__3gbq9 {\n  position: absolute;\n  left: 40px;\n  top: -112px;\n  z-index: 100;\n  background-color: white;\n  border: 1px solid #d2d2d8;\n  box-shadow: 0px 0px 32px rgba(210, 210, 216, 0.25);\n  border-radius: 16px;\n  display: inline-block;\n  color: #26262e;\n}\n@media (max-width: 34rem) {\n  .datepicker_DayPicker__3gbq9 {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.datepicker_DayPicker-wrapper__2YoUZ {\n  padding: 8px 24px 24px 24px;\n}\n\n.datepicker_DayPicker-NavBar__Z377- {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  position: absolute;\n  left: 0;\n}\n\n.datepicker_DayPicker-NavButton__gYhRh {\n  position: unset;\n  margin-top: 0;\n  width: 48px;\n  height: 48px;\n}\n\n.datepicker_DayPicker-NavButton__gYhRh:hover {\n  opacity: 1;\n  border-radius: 50%;\n  background-color: #e6e5ff;\n}\n\n.datepicker_DayPicker-NavButton--prev__YQNOk {\n  background-image: url(\"./icons/chevron-left.svg\");\n  margin-left: 16px;\n}\n\n.datepicker_DayPicker-NavButton--next__Zmber {\n  background-image: url(\"./icons/chevron-right.svg\");\n  margin-right: 16px;\n}\n\n.datepicker_DayPicker-Months__1HWtD {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  margin-top: 14px;\n}\n\n.datepicker_DayPicker-Month__2zQx4 {\n  display: table;\n  margin: 0;\n  border-spacing: 0;\n  border-collapse: collapse;\n  user-select: none;\n  font: 16px;\n}\n\n.datepicker_DayPicker-Caption__2fe7G {\n  margin: 0 0 24px 0;\n  padding: unset;\n  text-align: center;\n}\n\n.datepicker_DayPicker-Weekdays__3xfTx {\n  display: table-header-group;\n}\n\n.datepicker_DayPicker-WeekdaysRow__1Tq3c {\n  display: table-row;\n}\n\n.datepicker_DayPicker-Weekday__2Mtjv {\n  display: table-cell;\n  padding: 0.5em;\n  color: #8b9898;\n  text-align: center;\n  font-size: 0.875em;\n}\n\n.datepicker_DayPicker-Weekday__2Mtjv abbr[title] {\n  border-bottom: none;\n  text-decoration: none;\n}\n\n.datepicker_DayPicker-Body__1nLLj {\n  display: table-row-group;\n}\n\n.datepicker_DayPicker-Week__3pr46 {\n  display: table-row;\n}\n\n.datepicker_DayPicker-Day__3P_ZQ {\n  display: table-cell;\n  padding: 0.5em;\n  border-radius: 50%;\n  vertical-align: middle;\n  text-align: center;\n  cursor: pointer;\n  font: normal 16px Lato;\n}\n\n.datepicker_DayPicker-WeekNumber__uW3oy {\n  display: table-cell;\n  padding: 0.5em;\n  min-width: 1em;\n  border-right: 1px solid #eaecec;\n  color: #8b9898;\n  vertical-align: middle;\n  text-align: right;\n  font-size: 0.75em;\n  cursor: pointer;\n}\n\n.datepicker_DayPicker--interactionDisabled__2DFt- .datepicker_DayPicker-Day__3P_ZQ {\n  cursor: default;\n}\n\n.datepicker_DayPicker-Footer__2xtuF {\n  padding-top: 0.5em;\n}\n\n.datepicker_DayPicker-TodayButton__wac7H {\n  border: none;\n  background-color: transparent;\n  background-image: none;\n  box-shadow: none;\n  color: #4a90e2;\n  font-size: 0.875em;\n  cursor: pointer;\n}\n\n.datepicker_DayPicker-Day--outside__3jJk8 {\n  color: #d2d2d8;\n  cursor: pointer;\n}\n.datepicker_DayPicker-Day--outside__3jJk8:hover {\n  background: #e6e5ff;\n}\n\n.datepicker_DayPicker-Day--disabled__DzYSi {\n  color: #d2d2d8;\n  background-color: transparent;\n  pointer-events: none;\n}";
+var css_248z$t = ".datepicker_DayPickerInput__BIdi9 {\n  cursor: pointer;\n  position: relative;\n  background-color: white;\n  display: flex;\n  align-items: center;\n  height: 40px;\n  min-width: 180px;\n  padding-left: 8px;\n  line-height: 40px;\n  border-radius: 4px;\n  text-align: left;\n  border: 1px solid #91919c;\n}\n\n.datepicker_DayPickerInput__BIdi9 input {\n  cursor: pointer;\n  border: none;\n  background-color: transparent;\n  height: 100%;\n  color: #4c4c53;\n  font-size: 16px;\n}\n\n.datepicker_DayPickerInput__BIdi9::before {\n  content: \"\";\n  display: inline-block;\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  border-left: 9px solid transparent;\n  border-right: 9px solid transparent;\n  border-top: 12px solid #91919c;\n}\n\n.datepicker_DayPickerInput__BIdi9:hover::before {\n  border-top: 12px solid #4c4c53;\n}\n\n.datepicker_DayPickerInput__BIdi9:hover {\n  border-color: #4c4c53;\n}\n\n.datepicker_DayPicker__3gbq9 {\n  position: absolute;\n  left: -9px;\n  top: 8px;\n  z-index: 100;\n  border-radius: 4px;\n  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);\n  background-color: white;\n  display: inline-block;\n  font-size: 1rem;\n}\n\n.datepicker_DayPicker-wrapper__2YoUZ {\n  position: relative;\n  flex-direction: row;\n  padding-bottom: 1em;\n  user-select: none;\n}\n\n.datepicker_DayPicker-Months__1HWtD {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n\n.datepicker_DayPicker-Month__2zQx4 {\n  display: table;\n  margin: 0 1em;\n  margin-top: 1em;\n  border-spacing: 0;\n  border-collapse: collapse;\n  user-select: none;\n  font: 16px;\n}\n\n.datepicker_DayPicker-NavButton__gYhRh {\n  position: absolute;\n  top: 1em;\n  right: 1.5em;\n  left: auto;\n  display: inline-block;\n  margin-top: 2px;\n  width: 1.25em;\n  height: 1.25em;\n  background-position: center;\n  background-size: 50%;\n  background-repeat: no-repeat;\n  color: #8b9898;\n  cursor: pointer;\n}\n\n.datepicker_DayPicker-NavButton__gYhRh:hover {\n  opacity: 0.8;\n}\n\n.datepicker_DayPicker-NavButton--prev__YQNOk {\n  margin-right: 1.5em;\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC\");\n}\n\n.datepicker_DayPicker-NavButton--next__Zmber {\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==\");\n}\n\n.datepicker_DayPicker-NavButton--interactionDisabled__3I_W_ {\n  visibility: hidden;\n}\n\n.datepicker_DayPicker-Caption__2fe7G {\n  display: table-caption;\n  margin-bottom: 0.5em;\n  padding: 0 0.5em;\n  text-align: left;\n}\n\n.datepicker_DayPicker-Caption__2fe7G > div {\n  font-weight: 500;\n  font-size: 1.15em;\n}\n\n.datepicker_DayPicker-Weekdays__3xfTx {\n  display: table-header-group;\n  margin-top: 1em;\n}\n\n.datepicker_DayPicker-WeekdaysRow__1Tq3c {\n  display: table-row;\n}\n\n.datepicker_DayPicker-Weekday__2Mtjv {\n  display: table-cell;\n  padding: 0.5em;\n  color: #8b9898;\n  text-align: center;\n  font-size: 0.875em;\n}\n\n.datepicker_DayPicker-Weekday__2Mtjv abbr[title] {\n  border-bottom: none;\n  text-decoration: none;\n}\n\n.datepicker_DayPicker-Body__1nLLj {\n  display: table-row-group;\n}\n\n.datepicker_DayPicker-Week__3pr46 {\n  display: table-row;\n}\n\n.datepicker_DayPicker-Day__3P_ZQ {\n  display: table-cell;\n  padding: 0.5em;\n  border-radius: 50%;\n  vertical-align: middle;\n  text-align: center;\n  cursor: pointer;\n  font: normal 16px Lato;\n}\n\n.datepicker_DayPicker-WeekNumber__uW3oy {\n  display: table-cell;\n  padding: 0.5em;\n  min-width: 1em;\n  border-right: 1px solid #eaecec;\n  color: #8b9898;\n  vertical-align: middle;\n  text-align: right;\n  font-size: 0.75em;\n  cursor: pointer;\n}\n\n.datepicker_DayPicker--interactionDisabled__2DFt- .datepicker_DayPicker-Day__3P_ZQ {\n  cursor: default;\n}\n\n.datepicker_DayPicker-Footer__2xtuF {\n  padding-top: 0.5em;\n}\n\n.datepicker_DayPicker-TodayButton__wac7H {\n  border: none;\n  background-color: transparent;\n  background-image: none;\n  box-shadow: none;\n  color: #4a90e2;\n  font-size: 0.875em;\n  cursor: pointer;\n}\n\n.datepicker_DayPicker-Day--sunday__2yj_w {\n  background-color: #f7f8f8;\n}\n\n.datepicker_DayPicker-Day--sunday__2yj_w:not(.datepicker_DayPicker-Day--today__2ugfC) {\n  color: #dce0e0;\n}\n\n.datepicker_DayPicker-Day--selected__nlbP_:not(.datepicker_DayPicker-Day--disabled__DzYSi):not(.datepicker_DayPicker-Day--outside__3jJk8) {\n  position: relative;\n  background-color: #8e8cee;\n  color: #f0f8ff;\n}\n\n.datepicker_DayPicker-Day--selected__nlbP_:not(.datepicker_DayPicker-Day--disabled__DzYSi):not(.datepicker_DayPicker-Day--outside__3jJk8):hover {\n  background-color: #6160a2;\n}\n\n.datepicker_DayPicker__3gbq9:not(.datepicker_DayPicker--interactionDisabled__2DFt-) .datepicker_DayPicker-Day__3P_ZQ:not(.datepicker_DayPicker-Day--disabled__DzYSi):not(.datepicker_DayPicker-Day--selected__nlbP_):not(.datepicker_DayPicker-Day--outside__3jJk8):hover {\n  background-color: #e6e5ff;\n}\n\n.datepicker_DayPickerInput__BIdi9 {\n  display: inline-block;\n}\n\n.datepicker_DayPickerInput-OverlayWrapper__2ygAS {\n  position: relative;\n}\n\n.datepicker_DayPickerInput-Overlay__3NJ5W {\n  position: absolute;\n  left: 0;\n  z-index: 1;\n  background: white;\n  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n}\n\n.datepicker_DayPicker__3gbq9 {\n  position: absolute;\n  left: 40px;\n  top: -112px;\n  z-index: 100;\n  background-color: white;\n  border: 1px solid #d2d2d8;\n  box-shadow: 0px 0px 32px rgba(210, 210, 216, 0.25);\n  border-radius: 16px;\n  display: inline-block;\n  color: #26262e;\n}\n@media (max-width: 34rem) {\n  .datepicker_DayPicker__3gbq9 {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.datepicker_DayPicker-wrapper__2YoUZ {\n  padding: 8px 24px 24px 24px;\n}\n\n.datepicker_DayPicker-NavBar__Z377- {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  position: absolute;\n  left: 0;\n}\n\n.datepicker_DayPicker-NavButton__gYhRh {\n  position: unset;\n  margin-top: 0;\n  width: 48px;\n  height: 48px;\n}\n\n.datepicker_DayPicker-NavButton__gYhRh:hover {\n  opacity: 1;\n  border-radius: 50%;\n  background-color: #e6e5ff;\n}\n\n.datepicker_DayPicker-NavButton--prev__YQNOk {\n  background-image: url(\"./icons/chevron-left.svg\");\n  margin-left: 16px;\n}\n\n.datepicker_DayPicker-NavButton--next__Zmber {\n  background-image: url(\"./icons/chevron-right.svg\");\n  margin-right: 16px;\n}\n\n.datepicker_DayPicker-Months__1HWtD {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  margin-top: 14px;\n}\n\n.datepicker_DayPicker-Month__2zQx4 {\n  display: table;\n  margin: 0;\n  border-spacing: 0;\n  border-collapse: collapse;\n  user-select: none;\n  font: 16px;\n}\n\n.datepicker_DayPicker-Caption__2fe7G {\n  margin: 0 0 24px 0;\n  padding: unset;\n  text-align: center;\n}\n\n.datepicker_DayPicker-Weekdays__3xfTx {\n  display: table-header-group;\n}\n\n.datepicker_DayPicker-WeekdaysRow__1Tq3c {\n  display: table-row;\n}\n\n.datepicker_DayPicker-Weekday__2Mtjv {\n  display: table-cell;\n  padding: 0.5em;\n  color: #8b9898;\n  text-align: center;\n  font-size: 0.875em;\n}\n\n.datepicker_DayPicker-Weekday__2Mtjv abbr[title] {\n  border-bottom: none;\n  text-decoration: none;\n}\n\n.datepicker_DayPicker-Body__1nLLj {\n  display: table-row-group;\n}\n\n.datepicker_DayPicker-Week__3pr46 {\n  display: table-row;\n}\n\n.datepicker_DayPicker-Day__3P_ZQ {\n  display: table-cell;\n  padding: 0.5em;\n  border-radius: 50%;\n  vertical-align: middle;\n  text-align: center;\n  cursor: pointer;\n  font: normal 16px Lato;\n}\n\n.datepicker_DayPicker-WeekNumber__uW3oy {\n  display: table-cell;\n  padding: 0.5em;\n  min-width: 1em;\n  border-right: 1px solid #eaecec;\n  color: #8b9898;\n  vertical-align: middle;\n  text-align: right;\n  font-size: 0.75em;\n  cursor: pointer;\n}\n\n.datepicker_DayPicker--interactionDisabled__2DFt- .datepicker_DayPicker-Day__3P_ZQ {\n  cursor: default;\n}\n\n.datepicker_DayPicker-Footer__2xtuF {\n  padding-top: 0.5em;\n}\n\n.datepicker_DayPicker-TodayButton__wac7H {\n  border: none;\n  background-color: transparent;\n  background-image: none;\n  box-shadow: none;\n  color: #4a90e2;\n  font-size: 0.875em;\n  cursor: pointer;\n}\n\n.datepicker_DayPicker-Day--outside__3jJk8 {\n  color: #d2d2d8;\n  cursor: pointer;\n}\n.datepicker_DayPicker-Day--outside__3jJk8:hover {\n  background: #e6e5ff;\n}\n\n.datepicker_DayPicker-Day--disabled__DzYSi {\n  color: #d2d2d8;\n  background-color: transparent;\n  pointer-events: none;\n}";
 styleInject(css_248z$t);
 
 var calendarIcon = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%204.46118H5C3.89543%204.46118%203%205.35661%203%206.46118V20.4612C3%2021.5658%203.89543%2022.4612%205%2022.4612H19C20.1046%2022.4612%2021%2021.5658%2021%2020.4612V6.46118C21%205.35661%2020.1046%204.46118%2019%204.46118Z%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16%202.46118V6.46118%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%202.46118V6.46118%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M3%2010.4612H21%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
@@ -7583,17 +7583,18 @@ module.exports = isEqual;
 
 var isEqual = lodash_isequal.exports;
 
-var css_248z$p = ".style-module_container__2L4SP {\n  position: relative;\n}\n\n.style-module_prefix__3jAFZ {\n  position: absolute;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--ds-grey-400);\n  transition: 0.3s top;\n}\n.style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_placeholder__1U2z0,\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0 {\n  top: 7px;\n  left: 16px;\n  transform: translateY(0);\n  font-size: 10px;\n  line-height: 12px;\n  opacity: 1;\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0 {\n  color: var(--ds-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n  color: var(--ds-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ,\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n  top: 28px;\n}\n\n.style-module_input__1eJO5 {\n  box-sizing: border-box;\n  padding-top: 9px;\n  font-family: inherit;\n}\n.style-module_input--no-placeholder__3EGwh {\n  padding-top: 0px;\n}\n.style-module_input--with-prefix__38e0j {\n  padding-left: 32px !important;\n}\n\n.style-module_placeholder__1U2z0 {\n  position: absolute;\n  pointer-events: none;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  transition: 0.3s ease all;\n  color: var(--ds-grey-400);\n}\n.style-module_placeholder--with-prefix__2PquQ {\n  left: 32px;\n}\n.style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\n.style-module_error__167Zc {\n  margin-top: 4px;\n}";
-var styles$o = {"container":"style-module_container__2L4SP","prefix":"style-module_prefix__3jAFZ","prefix--with-error":"style-module_prefix--with-error__1yTTM","input":"style-module_input__1eJO5","placeholder":"style-module_placeholder__1U2z0","placeholder--with-error":"style-module_placeholder--with-error__2ieRU","input--no-placeholder":"style-module_input--no-placeholder__3EGwh","input--with-prefix":"style-module_input--with-prefix__38e0j","placeholder--with-prefix":"style-module_placeholder--with-prefix__2PquQ","error":"style-module_error__167Zc"};
+var css_248z$p = ".style-module_container__2L4SP {\n  position: relative;\n}\n\n.style-module_prefix__3jAFZ {\n  position: absolute;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--ds-grey-500);\n  transition: 0.3s top;\n}\n.style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n.style-module_prefix--disabled__2-gcw {\n  color: var(--ds-grey-600);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_placeholder__1U2z0,\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0 {\n  top: 7px;\n  left: 16px;\n  transform: translateY(0);\n  font-size: 10px;\n  line-height: 12px;\n  opacity: 1;\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0 {\n  color: var(--ds-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n  color: var(--ds-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ,\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n  top: 28px;\n}\n\n.style-module_input__1eJO5 {\n  box-sizing: border-box;\n  padding-top: 9px;\n  font-family: inherit;\n}\n.style-module_input--no-placeholder__3EGwh {\n  padding-top: 0px;\n}\n.style-module_input--with-prefix__38e0j {\n  padding-left: 32px !important;\n}\n\n.style-module_placeholder__1U2z0 {\n  position: absolute;\n  pointer-events: none;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  transition: 0.3s ease all;\n  color: var(--ds-grey-500);\n}\n.style-module_placeholder--with-prefix__2PquQ {\n  left: 32px;\n}\n.style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\n.style-module_error__167Zc {\n  margin-top: 4px;\n}";
+var styles$o = {"container":"style-module_container__2L4SP","prefix":"style-module_prefix__3jAFZ","prefix--with-error":"style-module_prefix--with-error__1yTTM","prefix--disabled":"style-module_prefix--disabled__2-gcw","input":"style-module_input__1eJO5","placeholder":"style-module_placeholder__1U2z0","placeholder--with-error":"style-module_placeholder--with-error__2ieRU","input--no-placeholder":"style-module_input--no-placeholder__3EGwh","input--with-prefix":"style-module_input--with-prefix__38e0j","placeholder--with-prefix":"style-module_placeholder--with-prefix__2PquQ","error":"style-module_error__167Zc"};
 styleInject(css_248z$p);
 
 var Input = require$$0__default['default'].forwardRef(function (_a, ref) {
-    var className = _a.className, placeholder = _a.placeholder, prefix = _a.prefix, error = _a.error, props = __rest(_a, ["className", "placeholder", "prefix", "error"]);
-    return (jsxRuntime.jsxs("div", __assign({ className: styles$o.container + " " + (className !== null && className !== void 0 ? className : '') }, { children: [jsxRuntime.jsx("input", __assign({ "data-testid": "ds-input-input", type: "text", ref: ref, className: (error ? 'p-input--error' : 'p-input') + " " + (placeholder && (placeholder === null || placeholder === void 0 ? void 0 : placeholder.length) > 0
+    var _b, _c, _d, _e, _f;
+    var className = _a.className, placeholder = _a.placeholder, prefix = _a.prefix, error = _a.error, disabled = _a.disabled, props = __rest(_a, ["className", "placeholder", "prefix", "error", "disabled"]);
+    return (jsxRuntime.jsxs("div", __assign({ className: styles$o.container + " " + (className !== null && className !== void 0 ? className : '') }, { children: [jsxRuntime.jsx("input", __assign({ "data-testid": "ds-input-input", type: "text", ref: ref, className: classNames(error ? 'p-input--error' : 'p-input', placeholder && placeholder.length > 0
                     ? styles$o.input
-                    : styles$o['input--no-placeholder']) + " " + (prefix ? styles$o['input--with-prefix'] : ''), placeholder: " " }, props), void 0),
-            prefix && (jsxRuntime.jsx("span", __assign({ className: styles$o.prefix + " " + (error ? styles$o['prefix--with-error'] : '') }, { children: prefix }), void 0)),
-            jsxRuntime.jsx("span", __assign({ className: styles$o.placeholder + " " + (prefix ? styles$o['placeholder--with-prefix'] : '') + " " + (error ? styles$o['placeholder--with-error'] : '') }, { children: placeholder }), void 0),
+                    : styles$o['input--no-placeholder'], (_b = {}, _b[styles$o['input--with-prefix']] = prefix, _b)), placeholder: " ", disabled: disabled }, props), void 0),
+            prefix && (jsxRuntime.jsx("span", __assign({ className: classNames(styles$o.prefix, (_c = {}, _c[styles$o['prefix--with-error']] = error, _c), (_d = {}, _d[styles$o['prefix--disabled']] = disabled, _d)) }, { children: prefix }), void 0)),
+            jsxRuntime.jsx("span", __assign({ className: classNames(styles$o.placeholder, (_e = {}, _e[styles$o['placeholder--with-prefix']] = prefix, _e), (_f = {}, _f[styles$o['placeholder--with-error']] = error, _f)) }, { children: placeholder }), void 0),
             error && (jsxRuntime.jsx("p", __assign({ className: "p-p--small tc-red-500 w100 " + styles$o.error }, { children: error }), void 0))] }), void 0));
 });