@alfalab/core-components 37.3.0-beta-.1 → 37.3.0-beta.10

package/themes/dist/compiled/mobile-dark-bluetint.css

@@ -106,8 +106,6 @@
 }
 .checkbox-group__hint_2ptyx {
     color: rgba(235, 235, 245, 0.6);
-}.divider__component_1bs2b {
-    border-bottom: 1px solid #2b2b2e;
 }.checkbox__box_1osos {
     color: #000;
     background-color: #000;
@@ -196,6 +194,8 @@
     background-color: #000;
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+}.divider__component_1bs2b {
+    border-bottom: 1px solid #2b2b2e;
 }.dropzone__component_kn1mc {
     border: 2px dashed #464649;
 }
@@ -459,20 +459,20 @@
     border-bottom-color: rgba(60, 60, 67, 0.6)
 }
 .link__secondary_1otym:hover {
-        color: rgba(188, 188, 196, 0.6);
+        color: rgba(204, 204, 204, 0.7);
     }
 .link__secondary_1otym:active {
-        color: rgba(141, 141, 147, 0.6);
+        color: rgba(153, 153, 153, 0.7);
     }
 .link__defaultView_1otym {
     color: #0072ef;
     border-bottom-color: #0072ef
 }
 .link__defaultView_1otym:hover {
-        color: rgb(0, 91, 191);
+        color: rgb(0, 98, 204);
     }
 .link__defaultView_1otym:active {
-        color: rgb(0, 68, 143);
+        color: rgb(0, 73, 153);
     }@keyframes loader__blink_1u243 {
 }.progress-bar__container_ocl1l {
     background: rgba(255, 255, 255, 0.1)
@@ -554,6 +554,17 @@
 }
 .pure-input__component_1uh29:not(:disabled):hover {
     background-color: #202022;
+}.radio-group__error_pnspl {
+    border-left: 1px solid #f15045;
+}
+.radio-group__label_pnspl {
+    color: #fff;
+}
+.radio-group__errorMessage_pnspl {
+    color: #f15045;
+}
+.radio-group__hint_pnspl {
+    color: rgba(235, 235, 245, 0.6);
 }.radio__container_ik2c1:not(.radio__checked_ik2c1):not(.radio__disabled_ik2c1):not(.radio__inactive_ik2c1) .radio__circle_ik2c1 {
             background-color: #000;
             border: 1.5px solid #8d8d93;
@@ -611,17 +622,6 @@
 }
 .radio__hint_ik2c1 {
     color: rgba(235, 235, 245, 0.6);
-}.radio-group__error_pnspl {
-    border-left: 1px solid #f15045;
-}
-.radio-group__label_pnspl {
-    color: #fff;
-}
-.radio-group__errorMessage_pnspl {
-    color: #f15045;
-}
-.radio-group__hint_pnspl {
-    color: rgba(235, 235, 245, 0.6);
 }.skeleton__component_bgmht {
     color: transparent;
     background: rgba(255, 255, 255, 0.1);
@@ -1443,7 +1443,7 @@
     background-color: #3a3a3c
 }
 .button__filled_g47jq:hover {
-        background-color: rgb(88, 88, 89)
+        background-color: rgb(99, 112, 126)
     }
 @media (hover: none) {
 .button__filled_g47jq:hover {
@@ -1451,7 +1451,7 @@
     }
         }
 .button__filled_g47jq:active {
-        background-color: rgb(49, 49, 51);
+        background-color: rgb(61, 74, 88);
     }
 .button__transparent_g47jq {
     color: #000;
@@ -1524,7 +1524,7 @@
 .button__component_g47jq[disabled].button__outlined_g47jq {
         color: rgba(255, 255, 255, 0.3);
         background-color: transparent;
-        border-color: rgba(28, 28, 30, 0.3)
+        border-color: rgba(35, 53, 73, 0.3)
     }
 .button__component_g47jq[disabled].button__outlined_g47jq.button__loading_g47jq {
             color: #fff;
@@ -1539,7 +1539,7 @@
         }
 .button__component_g47jq[disabled].button__filled_g47jq {
         color: rgba(255, 255, 255, 0.3);
-        background-color: rgba(58, 58, 60, 0.3);
+        background-color: rgba(72, 87, 103, 0.3);
         border-color: transparent
     }
 .button__component_g47jq[disabled].button__filled_g47jq.button__loading_g47jq {
@@ -1620,7 +1620,7 @@
     stroke: #d91d0b;
 }
 .circular-progress-bar__backgroundCircle_17fl7 {
-    stroke: #2b2b2e
+    stroke: #2c2c2e
 }
 .circular-progress-bar__backgroundCircle_17fl7.circular-progress-bar__stroke_17fl7 {
         stroke: transparent;
@@ -1679,19 +1679,6 @@
 }
 .stepped-progress-bar__accent_3hgxe {
     background: #ef3124;
-}.drawer__backdropEnter_1ezay {
-    background-color: transparent;
-}
-.drawer__backdropEnterActive_1ezay,
-.drawer__backdropEnterDone_1ezay {
-    background-color: rgba(0, 0, 0, 0.8);
-}
-.drawer__backdropExit_1ezay {
-    background-color: rgba(0, 0, 0, 0.8);
-}
-.drawer__backdropExitActive_1ezay,
-.drawer__backdropExitDone_1ezay {
-    background-color: transparent;
 }.attach__component_ttrdg {
 }
 .attach__focused_ttrdg {
@@ -1755,6 +1742,32 @@
 .confirmation-v1__loaderText_19wlo {
     color: rgba(235, 235, 245, 0.6);
     color: rgba(235, 235, 245, 0.6);
+}
+.confirmation__component_16tyl {
+    color: rgba(235, 235, 245, 0.6);
+}
+.confirmation__circle_1yd50 {
+    fill: transparent;
+    stroke: #464649;
+}
+
+.confirmation__typographyTheme_1n8wj.confirmation__typographyTheme_1n8wj {
+    color: rgba(235, 235, 245, 0.6);
+}
+.confirmation__typographyTheme_vwyxz.confirmation__typographyTheme_vwyxz {
+    color: rgba(235, 235, 245, 0.6);
+}
+.confirmation__typographyTheme_pteqq.confirmation__typographyTheme_pteqq {
+    color: rgba(235, 235, 245, 0.6);
+}
+.confirmation__phone_pteqq.confirmation__phone_pteqq {
+    color: #fff;
+}
+.confirmation__countdownContainer_pteqq.confirmation__countdownContainer_pteqq {
+    color: rgba(235, 235, 245, 0.6);
+}
+.confirmation__typographyTheme_1ydrb.confirmation__typographyTheme_1ydrb {
+    color: rgba(235, 235, 245, 0.6);
 }.custom-button__customButton_z7axf.custom-button__white_z7axf * {
         color: #fff;
     }
@@ -1781,33 +1794,7 @@
     }
 .custom-button__customButton_z7axf:disabled.custom-button__black_z7axf * {
         color: #000;
-    }
-.confirmation__component_16tyl {
-    color: rgba(235, 235, 245, 0.6);
-}
-.confirmation__circle_1yd50 {
-    fill: transparent;
-    stroke: #464649;
-}
-
-.confirmation__typographyTheme_1n8wj.confirmation__typographyTheme_1n8wj {
-    color: rgba(235, 235, 245, 0.6);
-}
-.confirmation__typographyTheme_vwyxz.confirmation__typographyTheme_vwyxz {
-    color: rgba(235, 235, 245, 0.6);
-}
-.confirmation__typographyTheme_pteqq.confirmation__typographyTheme_pteqq {
-    color: rgba(235, 235, 245, 0.6);
-}
-.confirmation__phone_pteqq.confirmation__phone_pteqq {
-    color: #fff;
-}
-.confirmation__countdownContainer_pteqq.confirmation__countdownContainer_pteqq {
-    color: rgba(235, 235, 245, 0.6);
-}
-.confirmation__typographyTheme_1ydrb.confirmation__typographyTheme_1ydrb {
-    color: rgba(235, 235, 245, 0.6);
-}.cc-icon-button.icon-button__primary_1p7l4 {
+    }.cc-icon-button.icon-button__primary_1p7l4 {
         color: #fff
     }
 .cc-icon-button.icon-button__primary_1p7l4:hover {
@@ -2077,6 +2064,7 @@
 }
 @keyframes pass-code__shake_knpp8 {
 }
+
 .pass-code__secondary_1y7g6.pass-code__secondary_1y7g6 {
     color: #fff;
     background: rgba(255, 255, 255, 0.06)
@@ -2095,8 +2083,20 @@
     }
 .pass-code__ghost_1y7g6.pass-code__ghost_1y7g6:active {
         background: rgba(255, 255, 255, 0.11);
-    }
-.pure-cell__focused_1ifaa {
+    }.drawer__backdropEnter_1ezay {
+    background-color: transparent;
+}
+.drawer__backdropEnterActive_1ezay,
+.drawer__backdropEnterDone_1ezay {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+.drawer__backdropExit_1ezay {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+.drawer__backdropExitActive_1ezay,
+.drawer__backdropExitDone_1ezay {
+    background-color: transparent;
+}.pure-cell__focused_1ifaa {
     outline: 2px solid #0072ef;
 }
 
@@ -2110,43 +2110,43 @@
 
 
 
-.slider-input__slider_gbwhs .noUi-base:hover > .noUi-connects {
-            background-color: #2a2a2c;
-        }
-.slider-input__slider_gbwhs .noUi-connects {
-        background-color: #2a2a2c;
-    }
-.slider-input__steps_gbwhs {
-    color: rgba(235, 235, 245, 0.6);
+.bottom-sheet__modal_1hse9 {
+    background-color: transparent;
 }
-.slider-input__info_gbwhs {
-    color: rgba(235, 235, 245, 0.6);
-}.with-suffix__hasSuffix_1bn4d input:focus::placeholder {
-    color: transparent;
+.bottom-sheet__component_1hse9 {
+    background: #121212;
 }
-.with-suffix__disabled_1bn4d {
+.bottom-sheet__marker_1hse9 {
+    background-color: #2a2a2c;
+}
+.bottom-sheet__content_1hse9 {
     color: #fff;
+    background-color: #121212;
 }
-.with-suffix__readOnly_1bn4d {
-    color: rgba(235, 235, 245, 0.6);
-}.file-upload-item__component_1ovgz {
-    color: rgba(235, 235, 245, 0.6);
-    box-shadow: 0 -1px 0 0 #2b2b2e inset
+.bottom-sheet__backer_1k990 {
+    color: #fff;
 }
-.file-upload-item__icon_1ovgz {
+.bottom-sheet__button_1k990 {
+    background: rgba(255, 255, 255, 0.03);
+}
+.bottom-sheet__closer_1iz26 {
     color: #fff;
 }
-.file-upload-item__errorIcon_1ovgz {
-    color: #d91d0b;
+.bottom-sheet__button_1iz26 {
+    background: rgba(255, 255, 255, 0.03);
 }
-.file-upload-item__successIcon_1ovgz {
-    color: #2fc26e;
+.bottom-sheet__footer_1mk8h {
+    background-color: #121212;
 }
-.file-upload-item__name_1ovgz {
-    color: #fff
+.bottom-sheet__highlighted_1mk8h {
+    border-top: 1px solid #2b2b2e;
+    background-color: #121212;
 }
-.file-upload-item__errorWrapper_1ovgz {
-    color: #ef3124
+.bottom-sheet__headerWrapper_1rnrb {
+    background-color: #121212;
+}
+.bottom-sheet__highlighted_1rnrb {
+    border-bottom: 1px solid #2b2b2e;
 }.filter-tag__component_1qx59.filter-tag__disabled_1qx59 {
         background-color: rgba(32, 32, 34, 0.3);
     }
@@ -2220,43 +2220,24 @@
 .filter-tag__clear_1qx59:active {
         background-color: rgb(194, 195, 196);
         color: #000;
-    }.bottom-sheet__modal_1hse9 {
-    background-color: transparent;
-}
-.bottom-sheet__component_1hse9 {
-    background: #121212;
-}
-.bottom-sheet__marker_1hse9 {
-    background-color: #2a2a2c;
-}
-.bottom-sheet__content_1hse9 {
-    color: #fff;
-    background-color: #121212;
-}
-.bottom-sheet__backer_1k990 {
-    color: #fff;
-}
-.bottom-sheet__button_1k990 {
-    background: rgba(255, 255, 255, 0.03);
+    }.file-upload-item__component_1ovgz {
+    color: rgba(235, 235, 245, 0.6);
+    box-shadow: 0 -1px 0 0 #2b2b2e inset
 }
-.bottom-sheet__closer_1iz26 {
+.file-upload-item__icon_1ovgz {
     color: #fff;
 }
-.bottom-sheet__button_1iz26 {
-    background: rgba(255, 255, 255, 0.03);
-}
-.bottom-sheet__footer_1mk8h {
-    background-color: #121212;
+.file-upload-item__errorIcon_1ovgz {
+    color: #d91d0b;
 }
-.bottom-sheet__highlighted_1mk8h {
-    border-top: 1px solid #2b2b2e;
-    background-color: #121212;
+.file-upload-item__successIcon_1ovgz {
+    color: #2fc26e;
 }
-.bottom-sheet__headerWrapper_1rnrb {
-    background-color: #121212;
+.file-upload-item__name_1ovgz {
+    color: #fff
 }
-.bottom-sheet__highlighted_1rnrb {
-    border-bottom: 1px solid #2b2b2e;
+.file-upload-item__errorWrapper_1ovgz {
+    color: #ef3124
 }
 
 
@@ -2340,7 +2321,26 @@
 }
 .toast-plate__closeButtonWrapper_swozi:before {
         background-color: #262629;
+    }.slider-input__slider_gbwhs .noUi-base:hover > .noUi-connects {
+            background-color: #2a2a2c;
+        }
+.slider-input__slider_gbwhs .noUi-connects {
+        background-color: #2a2a2c;
     }
+.slider-input__steps_gbwhs {
+    color: rgba(235, 235, 245, 0.6);
+}
+.slider-input__info_gbwhs {
+    color: rgba(235, 235, 245, 0.6);
+}.with-suffix__hasSuffix_1bn4d input:focus::placeholder {
+    color: transparent;
+}
+.with-suffix__disabled_1bn4d {
+    color: #fff;
+}
+.with-suffix__readOnly_1bn4d {
+    color: rgba(235, 235, 245, 0.6);
+}
 
 
 
@@ -2367,44 +2367,7 @@
 .side-panel__sticky_1via4.side-panel__hasContent_1via4 {
         background: #121212;
     }
-.bank-card__component_yf95n {
-    --form-control-bg-color: transparent;
-    --form-control-focus-shadow: transparent;
-    --form-control-hover-bg-color: transparent;
-    --form-control-focus-bg-color: transparent;
-}
-.bank-card__label_yf95n {
-    color: rgba(0, 0, 0, 0.6)
-}
-.bank-card__focused_yf95n .bank-card__label_yf95n,
-.bank-card__filled_yf95n .bank-card__label_yf95n {
-    color: #000
-}
-.bank-card__input_yf95n {
-    color: #000;
-    caret-color: #000
-}
-.bank-card__bankLogo_yf95n svg g {
-            fill: #000;
-        }
-.bank-card__brandLogo_yf95n svg {
-        fill: #000;
-    }
-.bank-card__usePhoto_yf95n {
-    background-color: transparent
-}
-.bank-card__usePhoto_yf95n svg {
-        fill: #000;
-    }.amount-input__minorPartAndCurrency_1elal {
-    color: rgba(235, 235, 245, 0.6);
-}
-.amount-input__filled_osp33 .amount-input__input_osp33,
-.amount-input__input_osp33:focus {
-    -webkit-text-fill-color: transparent;
-}
-.amount-input__minorPartAndCurrency_a3goo {
-    color: rgba(60, 60, 67, 0.6);
-}.tooltip__hint_l2sts {
+.tooltip__hint_l2sts {
     background-color: #fff;
     box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16),
         0 8px 16px rgba(11, 31, 53, 0.16);
@@ -2673,6 +2636,43 @@
 }
 .select__withBorder_ir798 {
     box-shadow: inset 0 1px 0 #262629;
+}.bank-card__component_yf95n {
+    --form-control-bg-color: transparent;
+    --form-control-focus-shadow: transparent;
+    --form-control-hover-bg-color: transparent;
+    --form-control-focus-bg-color: transparent;
+}
+.bank-card__label_yf95n {
+    color: rgba(0, 0, 0, 0.6)
+}
+.bank-card__focused_yf95n .bank-card__label_yf95n,
+.bank-card__filled_yf95n .bank-card__label_yf95n {
+    color: #000
+}
+.bank-card__input_yf95n {
+    color: #000;
+    caret-color: #000
+}
+.bank-card__bankLogo_yf95n svg g {
+            fill: #000;
+        }
+.bank-card__brandLogo_yf95n svg {
+        fill: #000;
+    }
+.bank-card__usePhoto_yf95n {
+    background-color: transparent
+}
+.bank-card__usePhoto_yf95n svg {
+        fill: #000;
+    }.amount-input__minorPartAndCurrency_1elal {
+    color: rgba(235, 235, 245, 0.6);
+}
+.amount-input__filled_osp33 .amount-input__input_osp33,
+.amount-input__input_osp33:focus {
+    -webkit-text-fill-color: transparent;
+}
+.amount-input__minorPartAndCurrency_a3goo {
+    color: rgba(60, 60, 67, 0.6);
 }@media (min-width: 600px) {
 }.gallery__modal_kt04d {
     background: transparent;
@@ -2768,7 +2768,10 @@
 }
 .select-with-tags__placeholder_1ms7d {
     color: rgba(235, 235, 245, 0.3);
-}.table__component_14fx1 {
+}
+.calendar-range__component_eslzr:after {
+        background-color: #fff;
+    }.table__component_14fx1 {
     border-top: 1px solid #2b2b2e;
 }
 .table__wrapper_ln4zp {
@@ -2823,10 +2826,7 @@
 .table__open_1jeu8,
 .table__open_1jeu8:hover {
     background-color: rgba(255, 255, 255, 0.163);
-}
-.calendar-range__component_eslzr:after {
-        background-color: #fff;
-    }.intl-phone-input__emptyCountryIcon_ldvui {
+}.intl-phone-input__emptyCountryIcon_ldvui {
     color: #8d8d93;
 }
 .intl-phone-input__flagPlaceholder_jv6x2 {

package/themes/dist/form-control/intranet.css

@@ -1,9 +1,9 @@
 :root {
     /* theme */
     --form-control-border-radius: var(--border-radius-l);
-    --form-control-s-border-radius: var(--border-radius-l);
-    --form-control-m-border-radius: var(--border-radius-l);
-    --form-control-l-border-radius: var(--border-radius-l);
+    --form-control-s-border-radius: 10px;
+    --form-control-m-border-radius: 10px;
+    --form-control-l-border-radius: 10px;
     --form-control-xl-border-radius: var(--border-radius-l);
     --form-control-border-bottom: 0;
     --form-control-inverted-border-bottom: 0;

package/themes/dist/form-control/mobile.css

@@ -1,9 +1,9 @@
 :root {
     /* theme */
     --form-control-border-radius: var(--border-radius-l);
-    --form-control-s-border-radius: var(--border-radius-l);
-    --form-control-m-border-radius: var(--border-radius-l);
-    --form-control-l-border-radius: var(--border-radius-l);
+    --form-control-s-border-radius: 10px;
+    --form-control-m-border-radius: 10px;
+    --form-control-l-border-radius: 10px;
     --form-control-xl-border-radius: var(--border-radius-l);
     --form-control-border-bottom: 0;
     --form-control-inverted-border-bottom: 0;

package/themes/dist/intranet.css

@@ -739,12 +739,12 @@
     /* theme */
     --button-active-transform: none;
     /* border-radius */
-    --button-xxs-size-border-radius: var(--border-radius-l);
+    --button-xxs-size-border-radius: var(--border-radius-m);
     --button-xs-size-border-radius: var(--border-radius-l);
     --button-s-size-border-radius: var(--border-radius-l);
-    --button-m-size-border-radius: var(--border-radius-l);
-    --button-l-size-border-radius: var(--border-radius-l);
-    --button-xl-size-border-radius: var(--border-radius-l);
+    --button-m-size-border-radius: var(--border-radius-xl);
+    --button-l-size-border-radius: var(--border-radius-xl);
+    --button-xl-size-border-radius: var(--border-radius-xl);
     /* primary */
     --button-primary-base-bg-color: var(--color-light-bg-secondary-inverted);
     --button-primary-hover-bg-color: var(--color-light-bg-secondary-inverted-tint-15);
@@ -835,9 +835,9 @@
     --radio-icon-color: var(--color-light-graphic-primary-inverted);
     /* theme */
     --form-control-border-radius: var(--border-radius-l);
-    --form-control-s-border-radius: var(--border-radius-l);
-    --form-control-m-border-radius: var(--border-radius-l);
-    --form-control-l-border-radius: var(--border-radius-l);
+    --form-control-s-border-radius: 10px;
+    --form-control-m-border-radius: 10px;
+    --form-control-l-border-radius: 10px;
     --form-control-xl-border-radius: var(--border-radius-l);
     --form-control-border-bottom: 0;
     --form-control-inverted-border-bottom: 0;
@@ -906,6 +906,7 @@
     --calendar-selected-hover-background: var(--color-light-graphic-accent-tint-15);
     --calendar-select-button-selected-background: var(--color-light-graphic-accent);
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-border-primary);
+    --select-options-list-border-radius: 10px;
     /* select mobile footer */
     --select-mobile-footer-border-top: 1px solid var(--color-light-border-primary);
     /* theme */
@@ -914,4 +915,5 @@
     --confirmation-text-font-size: 14px;
     --confirmation-text-line-height: 20px;
     --confirmation-text-color: var(--color-light-text-secondary);
+    --calendar-input-popover-border-radius: 10px;
 }

package/themes/dist/mixins/button/intranet.css

@@ -3,12 +3,12 @@
     --button-active-transform: none;
 
     /* border-radius */
-    --button-xxs-size-border-radius: var(--border-radius-l);
+    --button-xxs-size-border-radius: var(--border-radius-m);
     --button-xs-size-border-radius: var(--border-radius-l);
     --button-s-size-border-radius: var(--border-radius-l);
-    --button-m-size-border-radius: var(--border-radius-l);
-    --button-l-size-border-radius: var(--border-radius-l);
-    --button-xl-size-border-radius: var(--border-radius-l);
+    --button-m-size-border-radius: var(--border-radius-xl);
+    --button-l-size-border-radius: var(--border-radius-xl);
+    --button-xl-size-border-radius: var(--border-radius-xl);
 
     /* primary */
     --button-primary-base-bg-color: var(--color-light-bg-secondary-inverted);

package/themes/dist/mixins/button/mobile.css

@@ -3,12 +3,12 @@
     --button-active-transform: none;
 
     /* border-radius */
-    --button-xxs-size-border-radius: var(--border-radius-l);
+    --button-xxs-size-border-radius: var(--border-radius-m);
     --button-xs-size-border-radius: var(--border-radius-l);
     --button-s-size-border-radius: var(--border-radius-l);
-    --button-m-size-border-radius: var(--border-radius-l);
-    --button-l-size-border-radius: var(--border-radius-l);
-    --button-xl-size-border-radius: var(--border-radius-l);
+    --button-m-size-border-radius: var(--border-radius-xl);
+    --button-l-size-border-radius: var(--border-radius-xl);
+    --button-xl-size-border-radius: var(--border-radius-xl);
 
     /* primary */
     --button-primary-base-bg-color: var(--color-light-bg-secondary-inverted);

package/themes/dist/mixins/calendar-input/intranet.css

@@ -0,0 +1,3 @@
+@define-mixin calendar-input-intranet {
+    --calendar-input-popover-border-radius: 10px;
+}

package/themes/dist/mixins/calendar-input/mobile.css

@@ -0,0 +1,3 @@
+@define-mixin calendar-input-mobile {
+    --calendar-input-popover-border-radius: 10px;
+}

package/themes/dist/mixins/form-control/intranet.css

@@ -1,9 +1,9 @@
 @define-mixin form-control-intranet {
     /* theme */
     --form-control-border-radius: var(--border-radius-l);
-    --form-control-s-border-radius: var(--border-radius-l);
-    --form-control-m-border-radius: var(--border-radius-l);
-    --form-control-l-border-radius: var(--border-radius-l);
+    --form-control-s-border-radius: 10px;
+    --form-control-m-border-radius: 10px;
+    --form-control-l-border-radius: 10px;
     --form-control-xl-border-radius: var(--border-radius-l);
     --form-control-border-bottom: 0;
     --form-control-inverted-border-bottom: 0;

package/themes/dist/mixins/form-control/mobile.css

@@ -1,9 +1,9 @@
 @define-mixin form-control-mobile {
     /* theme */
     --form-control-border-radius: var(--border-radius-l);
-    --form-control-s-border-radius: var(--border-radius-l);
-    --form-control-m-border-radius: var(--border-radius-l);
-    --form-control-l-border-radius: var(--border-radius-l);
+    --form-control-s-border-radius: 10px;
+    --form-control-m-border-radius: 10px;
+    --form-control-l-border-radius: 10px;
     --form-control-xl-border-radius: var(--border-radius-l);
     --form-control-border-bottom: 0;
     --form-control-inverted-border-bottom: 0;

package/themes/dist/mixins/intranet.css

@@ -10,6 +10,7 @@
 @import './bottom-sheet/intranet.css';
 @import './select/intranet.css';
 @import './confirmation/intranet.css';
+@import './calendar-input/intranet.css';
 
 @define-mixin theme-intranet {
     @mixin button-intranet;
@@ -24,4 +25,5 @@
     @mixin bottom-sheet-intranet;
     @mixin select-intranet;
     @mixin confirmation-intranet;
+    @mixin calendar-input-intranet;
 }

package/themes/dist/mixins/mobile.css

@@ -11,6 +11,7 @@
 @import './select/mobile.css';
 @import './steps/mobile.css';
 @import './confirmation/mobile.css';
+@import './calendar-input/mobile.css';
 
 @define-mixin theme-mobile {
     @mixin button-mobile;
@@ -26,4 +27,5 @@
     @mixin select-mobile;
     @mixin steps-mobile;
     @mixin confirmation-mobile;
+    @mixin calendar-input-mobile;
 }

package/themes/dist/mixins/select/intranet.css

@@ -1,4 +1,6 @@
 @define-mixin select-intranet {
+    --select-options-list-border-radius: 10px;
+
     /* select mobile footer */
     --select-mobile-footer-border-top: 1px solid var(--color-light-border-primary);
 }