@alfalab/core-components 39.2.0 → 39.3.0

package/confirmation-v1/modern/index.css

@@ -41,16 +41,16 @@
     /* error */
 
     /* input */
-} .confirmation-v1__component_1id49 {
+} .confirmation-v1__component_1cq6u {
     display: flex;
     flex-direction: column;
     width: 100%;
     font-family: var(--confirmation-text-font-family);
-} .confirmation-v1__error_1id49 {
+} .confirmation-v1__error_1cq6u {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-} .confirmation-v1__errorHeader_1id49 {
+} .confirmation-v1__errorHeader_1cq6u {
     font-size: var(--confirmation-title-font-size);
     line-height: var(--confirmation-title-line-height);
     font-weight: var(--confirmation-title-font-weight);
@@ -60,7 +60,7 @@
 
     margin-bottom: var(--gap-2xl);
     color: var(--confirmation-title-color);
-} .confirmation-v1__errorText_1id49 {
+} .confirmation-v1__errorText_1cq6u {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -69,11 +69,11 @@
 
     margin-bottom: var(--gap-2xl);
     color: var(--confirmation-text-color);
-} .confirmation-v1__phoneHintWrap_1id49 {
+} .confirmation-v1__phoneHintWrap_1cq6u {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-} .confirmation-v1__phoneHintText_1id49 {
+} .confirmation-v1__phoneHintText_1cq6u {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -82,7 +82,7 @@
 
     margin-bottom: var(--gap-xl);
     color: var(--confirmation-text-color);
-} .confirmation-v1__phonesWrap_1id49 {
+} .confirmation-v1__phonesWrap_1cq6u {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -92,16 +92,16 @@
     display: flex;
     flex-direction: column;
     margin-bottom: var(--gap-4xl);
-} .confirmation-v1__phoneWrap_1id49 {
+} .confirmation-v1__phoneWrap_1cq6u {
     margin-bottom: var(--gap-xs)
-} .confirmation-v1__phoneWrap_1id49:last-child {
+} .confirmation-v1__phoneWrap_1cq6u:last-child {
         margin-bottom: 0;
-    } .confirmation-v1__phoneDescription_1id49 {
+    } .confirmation-v1__phoneDescription_1cq6u {
     color: var(--confirmation-text-color);
-} .confirmation-v1__component_1id49.confirmation-v1__center_1id49 {
+} .confirmation-v1__component_1cq6u.confirmation-v1__center_1cq6u {
     text-align: center;
-} .confirmation-v1__center_1id49 .confirmation-v1__phoneHintWrap_1id49 {
+} .confirmation-v1__center_1cq6u .confirmation-v1__phoneHintWrap_1cq6u {
         align-items: center;
-    } .confirmation-v1__center_1id49 .confirmation-v1__error_1id49 {
+    } .confirmation-v1__center_1cq6u .confirmation-v1__error_1cq6u {
         align-items: center;
     }

package/custom-button/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"customButton":"custom-button__customButton_aao2c","white":"custom-button__white_aao2c","black":"custom-button__black_aao2c","darkening":"custom-button__darkening_aao2c","lightening":"custom-button__lightening_aao2c","customLoading":"custom-button__customLoading_aao2c"};
+var styles = {"customButton":"custom-button__customButton_7km6c","white":"custom-button__white_7km6c","black":"custom-button__black_7km6c","darkening":"custom-button__darkening_7km6c","lightening":"custom-button__lightening_7km6c","customLoading":"custom-button__customLoading_7km6c"};
 require('./index.css');
 
 var DEFAULT_BUTTON_COLOR = '#FF45C3';

package/custom-button/esm/Component.js

@@ -3,7 +3,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Button } from '../../button/esm';
 
-var styles = {"customButton":"custom-button__customButton_aao2c","white":"custom-button__white_aao2c","black":"custom-button__black_aao2c","darkening":"custom-button__darkening_aao2c","lightening":"custom-button__lightening_aao2c","customLoading":"custom-button__customLoading_aao2c"};
+var styles = {"customButton":"custom-button__customButton_7km6c","white":"custom-button__white_7km6c","black":"custom-button__black_7km6c","darkening":"custom-button__darkening_7km6c","lightening":"custom-button__lightening_7km6c","customLoading":"custom-button__customLoading_7km6c"};
 require('./index.css');
 
 var DEFAULT_BUTTON_COLOR = '#FF45C3';

package/custom-button/esm/index.css

@@ -16,17 +16,17 @@
 } :root {
 } :root {
 } :root {
-} .custom-button__customButton_aao2c {
+} .custom-button__customButton_7km6c {
     overflow: hidden;
     position: relative
-} .custom-button__customButton_aao2c.custom-button__white_aao2c * {
+} .custom-button__customButton_7km6c.custom-button__white_7km6c * {
         color: var(--color-static-text-primary-light);
-    } .custom-button__customButton_aao2c.custom-button__black_aao2c * {
+    } .custom-button__customButton_7km6c.custom-button__black_7km6c * {
         color: var(--color-static-text-primary-dark);
-    } .custom-button__customButton_aao2c span {
+    } .custom-button__customButton_7km6c span {
         position: relative;
         z-index: 3;
-    } .custom-button__customButton_aao2c:before {
+    } .custom-button__customButton_7km6c:before {
         position: absolute;
         left: 0;
         right: 0;
@@ -37,20 +37,20 @@
         transition: 0.2s;
         opacity: 1;
         pointer-events: none;
-    } .custom-button__customButton_aao2c.custom-button__darkening_aao2c:hover:before {
+    } .custom-button__customButton_7km6c.custom-button__darkening_7km6c:hover:before {
             background-color: rgba(0, 0, 0, 0.07);
-        } .custom-button__customButton_aao2c.custom-button__darkening_aao2c:active:before {
+        } .custom-button__customButton_7km6c.custom-button__darkening_7km6c:active:before {
             background-color: rgba(0, 0, 0, 0.15);
-        } .custom-button__customButton_aao2c.custom-button__lightening_aao2c:hover:before {
+        } .custom-button__customButton_7km6c.custom-button__lightening_7km6c:hover:before {
             background-color: rgba(255, 255, 255, 0.15);
-        } .custom-button__customButton_aao2c.custom-button__lightening_aao2c:active:before {
+        } .custom-button__customButton_7km6c.custom-button__lightening_7km6c:active:before {
             background-color: rgba(255, 255, 255, 0.2);
-        } /* Disabled */ .custom-button__customButton_aao2c:disabled {
+        } /* Disabled */ .custom-button__customButton_7km6c:disabled {
     opacity: 0.3
-} .custom-button__customButton_aao2c:disabled.custom-button__customLoading_aao2c {
+} .custom-button__customButton_7km6c:disabled.custom-button__customLoading_7km6c {
         opacity: 1;
-    } .custom-button__customButton_aao2c:disabled.custom-button__white_aao2c * {
+    } .custom-button__customButton_7km6c:disabled.custom-button__white_7km6c * {
         color: var(--color-static-text-primary-light);
-    } .custom-button__customButton_aao2c:disabled.custom-button__black_aao2c * {
+    } .custom-button__customButton_7km6c:disabled.custom-button__black_7km6c * {
         color: var(--color-static-text-primary-dark);
     }

package/custom-button/index.css

@@ -16,17 +16,17 @@
 } :root {
 } :root {
 } :root {
-} .custom-button__customButton_aao2c {
+} .custom-button__customButton_7km6c {
     overflow: hidden;
     position: relative
-} .custom-button__customButton_aao2c.custom-button__white_aao2c * {
+} .custom-button__customButton_7km6c.custom-button__white_7km6c * {
         color: var(--color-static-text-primary-light);
-    } .custom-button__customButton_aao2c.custom-button__black_aao2c * {
+    } .custom-button__customButton_7km6c.custom-button__black_7km6c * {
         color: var(--color-static-text-primary-dark);
-    } .custom-button__customButton_aao2c span {
+    } .custom-button__customButton_7km6c span {
         position: relative;
         z-index: 3;
-    } .custom-button__customButton_aao2c:before {
+    } .custom-button__customButton_7km6c:before {
         position: absolute;
         left: 0;
         right: 0;
@@ -37,20 +37,20 @@
         transition: 0.2s;
         opacity: 1;
         pointer-events: none;
-    } .custom-button__customButton_aao2c.custom-button__darkening_aao2c:hover:before {
+    } .custom-button__customButton_7km6c.custom-button__darkening_7km6c:hover:before {
             background-color: rgba(0, 0, 0, 0.07);
-        } .custom-button__customButton_aao2c.custom-button__darkening_aao2c:active:before {
+        } .custom-button__customButton_7km6c.custom-button__darkening_7km6c:active:before {
             background-color: rgba(0, 0, 0, 0.15);
-        } .custom-button__customButton_aao2c.custom-button__lightening_aao2c:hover:before {
+        } .custom-button__customButton_7km6c.custom-button__lightening_7km6c:hover:before {
             background-color: rgba(255, 255, 255, 0.15);
-        } .custom-button__customButton_aao2c.custom-button__lightening_aao2c:active:before {
+        } .custom-button__customButton_7km6c.custom-button__lightening_7km6c:active:before {
             background-color: rgba(255, 255, 255, 0.2);
-        } /* Disabled */ .custom-button__customButton_aao2c:disabled {
+        } /* Disabled */ .custom-button__customButton_7km6c:disabled {
     opacity: 0.3
-} .custom-button__customButton_aao2c:disabled.custom-button__customLoading_aao2c {
+} .custom-button__customButton_7km6c:disabled.custom-button__customLoading_7km6c {
         opacity: 1;
-    } .custom-button__customButton_aao2c:disabled.custom-button__white_aao2c * {
+    } .custom-button__customButton_7km6c:disabled.custom-button__white_7km6c * {
         color: var(--color-static-text-primary-light);
-    } .custom-button__customButton_aao2c:disabled.custom-button__black_aao2c * {
+    } .custom-button__customButton_7km6c:disabled.custom-button__black_7km6c * {
         color: var(--color-static-text-primary-dark);
     }

package/custom-button/modern/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Button } from '../../button/modern';
 
-const styles = {"customButton":"custom-button__customButton_aao2c","white":"custom-button__white_aao2c","black":"custom-button__black_aao2c","darkening":"custom-button__darkening_aao2c","lightening":"custom-button__lightening_aao2c","customLoading":"custom-button__customLoading_aao2c"};
+const styles = {"customButton":"custom-button__customButton_7km6c","white":"custom-button__white_7km6c","black":"custom-button__black_7km6c","darkening":"custom-button__darkening_7km6c","lightening":"custom-button__lightening_7km6c","customLoading":"custom-button__customLoading_7km6c"};
 require('./index.css');
 
 const DEFAULT_BUTTON_COLOR = '#FF45C3';

package/custom-button/modern/index.css

@@ -16,17 +16,17 @@
 } :root {
 } :root {
 } :root {
-} .custom-button__customButton_aao2c {
+} .custom-button__customButton_7km6c {
     overflow: hidden;
     position: relative
-} .custom-button__customButton_aao2c.custom-button__white_aao2c * {
+} .custom-button__customButton_7km6c.custom-button__white_7km6c * {
         color: var(--color-static-text-primary-light);
-    } .custom-button__customButton_aao2c.custom-button__black_aao2c * {
+    } .custom-button__customButton_7km6c.custom-button__black_7km6c * {
         color: var(--color-static-text-primary-dark);
-    } .custom-button__customButton_aao2c span {
+    } .custom-button__customButton_7km6c span {
         position: relative;
         z-index: 3;
-    } .custom-button__customButton_aao2c:before {
+    } .custom-button__customButton_7km6c:before {
         position: absolute;
         left: 0;
         right: 0;
@@ -37,20 +37,20 @@
         transition: 0.2s;
         opacity: 1;
         pointer-events: none;
-    } .custom-button__customButton_aao2c.custom-button__darkening_aao2c:hover:before {
+    } .custom-button__customButton_7km6c.custom-button__darkening_7km6c:hover:before {
             background-color: rgba(0, 0, 0, 0.07);
-        } .custom-button__customButton_aao2c.custom-button__darkening_aao2c:active:before {
+        } .custom-button__customButton_7km6c.custom-button__darkening_7km6c:active:before {
             background-color: rgba(0, 0, 0, 0.15);
-        } .custom-button__customButton_aao2c.custom-button__lightening_aao2c:hover:before {
+        } .custom-button__customButton_7km6c.custom-button__lightening_7km6c:hover:before {
             background-color: rgba(255, 255, 255, 0.15);
-        } .custom-button__customButton_aao2c.custom-button__lightening_aao2c:active:before {
+        } .custom-button__customButton_7km6c.custom-button__lightening_7km6c:active:before {
             background-color: rgba(255, 255, 255, 0.2);
-        } /* Disabled */ .custom-button__customButton_aao2c:disabled {
+        } /* Disabled */ .custom-button__customButton_7km6c:disabled {
     opacity: 0.3
-} .custom-button__customButton_aao2c:disabled.custom-button__customLoading_aao2c {
+} .custom-button__customButton_7km6c:disabled.custom-button__customLoading_7km6c {
         opacity: 1;
-    } .custom-button__customButton_aao2c:disabled.custom-button__white_aao2c * {
+    } .custom-button__customButton_7km6c:disabled.custom-button__white_7km6c * {
         color: var(--color-static-text-primary-light);
-    } .custom-button__customButton_aao2c:disabled.custom-button__black_aao2c * {
+    } .custom-button__customButton_7km6c:disabled.custom-button__black_7km6c * {
         color: var(--color-static-text-primary-dark);
     }

package/date-input/Component.js

@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 
-var styles = {"nativeInput":"date-input__nativeInput_t7475"};
+var styles = {"nativeInput":"date-input__nativeInput_1wn30"};
 require('./index.css');
 
 var DateInput = React.forwardRef(function (_a, ref) {

package/date-input/esm/Component.js

@@ -8,7 +8,7 @@ import 'date-fns/format';
 import 'date-fns/isValid';
 import 'date-fns/parse';
 
-var styles = {"nativeInput":"date-input__nativeInput_t7475"};
+var styles = {"nativeInput":"date-input__nativeInput_1wn30"};
 require('./index.css');
 
 var DateInput = forwardRef(function (_a, ref) {

package/date-input/esm/index.css

@@ -14,7 +14,7 @@
 } :root {
 } :root {
 } :root {
-} .date-input__nativeInput_t7475 {
+} .date-input__nativeInput_1wn30 {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -24,8 +24,8 @@
     -webkit-appearance: none;
             appearance: none;
     z-index: 1
-} .date-input__nativeInput_t7475::-webkit-calendar-picker-indicator {
+} .date-input__nativeInput_1wn30::-webkit-calendar-picker-indicator {
         display: none;
-    } .date-input__nativeInput_t7475::-webkit-inner-spin-button {
+    } .date-input__nativeInput_1wn30::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/index.css

@@ -14,7 +14,7 @@
 } :root {
 } :root {
 } :root {
-} .date-input__nativeInput_t7475 {
+} .date-input__nativeInput_1wn30 {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -24,8 +24,8 @@
     -webkit-appearance: none;
             appearance: none;
     z-index: 1
-} .date-input__nativeInput_t7475::-webkit-calendar-picker-indicator {
+} .date-input__nativeInput_1wn30::-webkit-calendar-picker-indicator {
         display: none;
-    } .date-input__nativeInput_t7475::-webkit-inner-spin-button {
+    } .date-input__nativeInput_1wn30::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/modern/Component.js

@@ -7,7 +7,7 @@ import 'date-fns/format';
 import 'date-fns/isValid';
 import 'date-fns/parse';
 
-const styles = {"nativeInput":"date-input__nativeInput_t7475"};
+const styles = {"nativeInput":"date-input__nativeInput_1wn30"};
 require('./index.css');
 
 const DateInput = forwardRef(({ mobileMode = 'input', defaultValue = '', rightAddons, error, value: propValue, onBlur, onChange, onComplete, ...restProps }, ref) => {

package/date-input/modern/index.css

@@ -14,7 +14,7 @@
 } :root {
 } :root {
 } :root {
-} .date-input__nativeInput_t7475 {
+} .date-input__nativeInput_1wn30 {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -24,8 +24,8 @@
     -webkit-appearance: none;
             appearance: none;
     z-index: 1
-} .date-input__nativeInput_t7475::-webkit-calendar-picker-indicator {
+} .date-input__nativeInput_1wn30::-webkit-calendar-picker-indicator {
         display: none;
-    } .date-input__nativeInput_t7475::-webkit-inner-spin-button {
+    } .date-input__nativeInput_1wn30::-webkit-inner-spin-button {
         display: none;
     }

package/date-range-input/components/date-range-input/Component.js

@@ -20,7 +20,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultCompat(dateFnsIsValid);
 
-var styles = {"component":"date-range-input__component_1nvuz","calendarContainer":"date-range-input__calendarContainer_1nvuz","calendarResponsive":"date-range-input__calendarResponsive_1nvuz","block":"date-range-input__block_1nvuz"};
+var styles = {"component":"date-range-input__component_ltwj3","calendarContainer":"date-range-input__calendarContainer_ltwj3","calendarResponsive":"date-range-input__calendarResponsive_ltwj3","block":"date-range-input__block_ltwj3"};
 require('./index.css');
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */

package/date-range-input/components/date-range-input/index.css

@@ -1,6 +1,7 @@
-/* hash: 1pr2h */
+/* hash: 1oihy */
 :root {
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-border-secondary: #e7e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -40,21 +41,22 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-range-input__component_1nvuz {
+} .date-range-input__component_ltwj3 {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_1nvuz {
+} .date-range-input__calendarContainer_ltwj3 {
     display: inline-block;
     box-sizing: border-box;
-    border-radius: var(--calendar-popover-border-radius)
-} @media (max-width: 374px) { .date-range-input__calendarContainer_1nvuz {
+    border-radius: var(--calendar-popover-border-radius);
+    border: 1px solid var(--color-light-border-secondary)
+} @media (max-width: 374px) { .date-range-input__calendarContainer_ltwj3 {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_1nvuz {
+    } .date-range-input__calendarResponsive_ltwj3 {
     width: var(--calendar-width);
     padding: 0 var(--gap-m);
-} .date-range-input__block_1nvuz {
+} .date-range-input__block_ltwj3 {
     width: 100%;
 }

package/date-range-input/cssm/components/date-range-input/index.module.css

@@ -1,5 +1,6 @@
 :root {
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-border-secondary: #e7e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -46,7 +47,8 @@
 } .calendarContainer {
     display: inline-block;
     box-sizing: border-box;
-    border-radius: var(--calendar-popover-border-radius)
+    border-radius: var(--calendar-popover-border-radius);
+    border: 1px solid var(--color-light-border-secondary)
 } @media (max-width: 374px) { .calendarContainer {
         width: 100%;
         min-width: 288px

package/date-range-input/esm/components/date-range-input/Component.js

@@ -13,7 +13,7 @@ import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { parseTimestampToDate, DATE_FORMAT, format, parseDateString, DATE_MASK, isCompleteDateInput, isValid } from '../../utils/format.js';
 import 'date-fns/parse';
 
-var styles = {"component":"date-range-input__component_1nvuz","calendarContainer":"date-range-input__calendarContainer_1nvuz","calendarResponsive":"date-range-input__calendarResponsive_1nvuz","block":"date-range-input__block_1nvuz"};
+var styles = {"component":"date-range-input__component_ltwj3","calendarContainer":"date-range-input__calendarContainer_ltwj3","calendarResponsive":"date-range-input__calendarResponsive_ltwj3","block":"date-range-input__block_ltwj3"};
 require('./index.css');
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */

package/date-range-input/esm/components/date-range-input/index.css

@@ -1,6 +1,7 @@
-/* hash: 1pr2h */
+/* hash: 1oihy */
 :root {
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-border-secondary: #e7e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -40,21 +41,22 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-range-input__component_1nvuz {
+} .date-range-input__component_ltwj3 {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_1nvuz {
+} .date-range-input__calendarContainer_ltwj3 {
     display: inline-block;
     box-sizing: border-box;
-    border-radius: var(--calendar-popover-border-radius)
-} @media (max-width: 374px) { .date-range-input__calendarContainer_1nvuz {
+    border-radius: var(--calendar-popover-border-radius);
+    border: 1px solid var(--color-light-border-secondary)
+} @media (max-width: 374px) { .date-range-input__calendarContainer_ltwj3 {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_1nvuz {
+    } .date-range-input__calendarResponsive_ltwj3 {
     width: var(--calendar-width);
     padding: 0 var(--gap-m);
-} .date-range-input__block_1nvuz {
+} .date-range-input__block_ltwj3 {
     width: 100%;
 }

package/date-range-input/modern/components/date-range-input/Component.js

@@ -12,7 +12,7 @@ import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { parseTimestampToDate, DATE_FORMAT, format, parseDateString, DATE_MASK, isCompleteDateInput, isValid } from '../../utils/format.js';
 import 'date-fns/parse';
 
-const styles = {"component":"date-range-input__component_1nvuz","calendarContainer":"date-range-input__calendarContainer_1nvuz","calendarResponsive":"date-range-input__calendarResponsive_1nvuz","block":"date-range-input__block_1nvuz"};
+const styles = {"component":"date-range-input__component_ltwj3","calendarContainer":"date-range-input__calendarContainer_ltwj3","calendarResponsive":"date-range-input__calendarResponsive_ltwj3","block":"date-range-input__block_ltwj3"};
 require('./index.css');
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */

package/date-range-input/modern/components/date-range-input/index.css

@@ -1,6 +1,7 @@
-/* hash: 1pr2h */
+/* hash: 1oihy */
 :root {
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-border-secondary: #e7e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -40,21 +41,22 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-range-input__component_1nvuz {
+} .date-range-input__component_ltwj3 {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_1nvuz {
+} .date-range-input__calendarContainer_ltwj3 {
     display: inline-block;
     box-sizing: border-box;
-    border-radius: var(--calendar-popover-border-radius)
-} @media (max-width: 374px) { .date-range-input__calendarContainer_1nvuz {
+    border-radius: var(--calendar-popover-border-radius);
+    border: 1px solid var(--color-light-border-secondary)
+} @media (max-width: 374px) { .date-range-input__calendarContainer_ltwj3 {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_1nvuz {
+    } .date-range-input__calendarResponsive_ltwj3 {
     width: var(--calendar-width);
     padding: 0 var(--gap-m);
-} .date-range-input__block_1nvuz {
+} .date-range-input__block_ltwj3 {
     width: 100%;
 }

package/date-time-input/components/date-time-input/Component.js

@@ -18,7 +18,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"date-time-input__component_6vbtv","calendarContainer":"date-time-input__calendarContainer_6vbtv","calendarResponsive":"date-time-input__calendarResponsive_6vbtv","block":"date-time-input__block_6vbtv"};
+var styles = {"component":"date-time-input__component_1xu2i","calendarContainer":"date-time-input__calendarContainer_1xu2i","calendarResponsive":"date-time-input__calendarResponsive_1xu2i","block":"date-time-input__block_1xu2i"};
 require('./index.css');
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */

package/date-time-input/components/date-time-input/index.css

@@ -1,6 +1,7 @@
-/* hash: 1h3h1 */
+/* hash: wxubj */
 :root {
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-border-secondary: #e7e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -40,21 +41,22 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-time-input__component_6vbtv {
+} .date-time-input__component_1xu2i {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-time-input__calendarContainer_6vbtv {
+} .date-time-input__calendarContainer_1xu2i {
     display: inline-block;
     box-sizing: border-box;
-    border-radius: var(--calendar-popover-border-radius)
-} @media (max-width: 374px) { .date-time-input__calendarContainer_6vbtv {
+    border-radius: var(--calendar-popover-border-radius);
+    border: 1px solid var(--color-light-border-secondary)
+} @media (max-width: 374px) { .date-time-input__calendarContainer_1xu2i {
         width: 100%;
         min-width: 288px
 }
-    } .date-time-input__calendarResponsive_6vbtv {
+    } .date-time-input__calendarResponsive_1xu2i {
     width: var(--calendar-width);
     padding: 0 var(--gap-m);
-} .date-time-input__block_6vbtv {
+} .date-time-input__block_1xu2i {
     width: 100%;
 }

package/date-time-input/cssm/components/date-time-input/index.module.css

@@ -1,5 +1,6 @@
 :root {
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-border-secondary: #e7e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -46,7 +47,8 @@
 } .calendarContainer {
     display: inline-block;
     box-sizing: border-box;
-    border-radius: var(--calendar-popover-border-radius)
+    border-radius: var(--calendar-popover-border-radius);
+    border: 1px solid var(--color-light-border-secondary)
 } @media (max-width: 374px) { .calendarContainer {
         width: 100%;
         min-width: 288px