@alfalab/core-components 20.6.0 → 21.0.0

package/themes/dist/corp.css

@@ -515,4 +515,6 @@
     --input-error-icon-not-alone-display: none;
     /* theme */
     --primary-tablist-bottom-border-color: var(--color-light-border-secondary-inverted);
+    --calendar-input-icon-color: var(--color-light-graphic-secondary);
+    --select-arrow-color: var(--color-light-graphic-secondary);
 }

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

@@ -0,0 +1,4 @@
+@define-mixin calendar-input-click {
+    --calendar-input-popover-border-color: transparent;
+    --calendar-input-popover-border-radius: var(--border-radius-s);
+}

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

@@ -0,0 +1,3 @@
+@define-mixin calendar-input-corp {
+    --calendar-input-icon-color: var(--color-light-graphic-secondary);
+}

package/themes/dist/mixins/click.css

@@ -11,6 +11,7 @@
 @import './select/click.css';
 @import './confirmation/click.css';
 @import './calendar/click.css';
+@import './calendar-input/click.css';
 @import './modal/click.css';
 @import './toast-plate/click.css';
 @import './list/click.css';
@@ -36,6 +37,7 @@
     @mixin select-click;
     @mixin confirmation-click;
     @mixin calendar-click;
+    @mixin calendar-input-click;
     @mixin modal-click;
     @mixin toast-plate-click;
     @mixin list-click;

package/themes/dist/mixins/corp.css

@@ -1,9 +1,13 @@
 @import './button/corp.css';
 @import './input/corp.css';
 @import './tabs/corp.css';
+@import './calendar-input/corp.css';
+@import './select/corp.css';
 
 @define-mixin theme-corp {
     @mixin button-corp;
     @mixin input-corp;
     @mixin tabs-corp;
+    @mixin calendar-input-corp;
+    @mixin select-corp;
 }

package/themes/dist/mixins/mobile.css

@@ -6,7 +6,6 @@
 @import './radio/mobile.css';
 @import './confirmation/mobile.css';
 @import './input/mobile.css';
-@import './calendar-input/mobile.css';
 @import './slider/mobile.css';
 @import './slider-input/mobile.css';
 
@@ -17,7 +16,6 @@
     @mixin radio-mobile;
     @mixin confirmation-mobile;
     @mixin input-mobile;
-    @mixin calendar-input-mobile;
     @mixin form-control-mobile;
     @mixin input-mobile;
     @mixin slider-mobile;

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

@@ -0,0 +1,3 @@
+@define-mixin select-corp {
+    --select-arrow-color: var(--color-light-graphic-secondary);
+}

package/themes/dist/mobile.css

@@ -548,7 +548,6 @@
     --input-caret-color: var(--color-light-text-link);
     --input-inverted-caret-color: var(--color-light-text-link);
     --input-error-icon-not-alone-display: none;
-    --calendar-input-calendar-icon: url('https://alfabank.st/icons/glyph_calendar_m.svg');
     /* theme */
     --form-control-border-radius: var(--border-radius-l);
     --form-control-border-bottom: 0;

package/themes/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-themes",
-    "version": "5.0.0",
+    "version": "5.0.1",
     "description": "",
     "keywords": [],
     "license": "MIT",

package/themes/dist/select/corp.css

@@ -0,0 +1,3 @@
+:root {
+    --select-arrow-color: var(--color-light-graphic-secondary);
+}

package/themes/mixins/calendar-input/click.css

@@ -0,0 +1,4 @@
+@define-mixin calendar-input-click {
+    --calendar-input-popover-border-color: transparent;
+    --calendar-input-popover-border-radius: var(--border-radius-s);
+}

package/themes/mixins/calendar-input/corp.css

@@ -0,0 +1,3 @@
+@define-mixin calendar-input-corp {
+    --calendar-input-icon-color: var(--color-light-graphic-secondary);
+}

package/themes/mixins/click.css

@@ -11,6 +11,7 @@
 @import './select/click.css';
 @import './confirmation/click.css';
 @import './calendar/click.css';
+@import './calendar-input/click.css';
 @import './modal/click.css';
 @import './toast-plate/click.css';
 @import './list/click.css';
@@ -36,6 +37,7 @@
     @mixin select-click;
     @mixin confirmation-click;
     @mixin calendar-click;
+    @mixin calendar-input-click;
     @mixin modal-click;
     @mixin toast-plate-click;
     @mixin list-click;

package/themes/mixins/corp.css

@@ -1,9 +1,13 @@
 @import './button/corp.css';
 @import './input/corp.css';
 @import './tabs/corp.css';
+@import './calendar-input/corp.css';
+@import './select/corp.css';
 
 @define-mixin theme-corp {
     @mixin button-corp;
     @mixin input-corp;
     @mixin tabs-corp;
+    @mixin calendar-input-corp;
+    @mixin select-corp;
 }

package/themes/mixins/mobile.css

@@ -6,7 +6,6 @@
 @import './radio/mobile.css';
 @import './confirmation/mobile.css';
 @import './input/mobile.css';
-@import './calendar-input/mobile.css';
 @import './slider/mobile.css';
 @import './slider-input/mobile.css';
 
@@ -17,7 +16,6 @@
     @mixin radio-mobile;
     @mixin confirmation-mobile;
     @mixin input-mobile;
-    @mixin calendar-input-mobile;
     @mixin form-control-mobile;
     @mixin input-mobile;
     @mixin slider-mobile;

package/themes/mixins/select/corp.css

@@ -0,0 +1,3 @@
+@define-mixin select-corp {
+    --select-arrow-color: var(--color-light-graphic-secondary);
+}

package/themes/mobile.css

@@ -548,7 +548,6 @@
     --input-caret-color: var(--color-light-text-link);
     --input-inverted-caret-color: var(--color-light-text-link);
     --input-error-icon-not-alone-display: none;
-    --calendar-input-calendar-icon: url('https://alfabank.st/icons/glyph_calendar_m.svg');
     /* theme */
     --form-control-border-radius: var(--border-radius-l);
     --form-control-border-bottom: 0;

package/themes/select/corp.css

@@ -0,0 +1,3 @@
+:root {
+    --select-arrow-color: var(--color-light-graphic-secondary);
+}

package/with-suffix/Component.js

@@ -50,7 +50,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"suffixContainer":"with-suffix__suffixContainer_1f04z","suffixVisible":"with-suffix__suffixVisible_1f04z","hasSuffix":"with-suffix__hasSuffix_1f04z","spacer":"with-suffix__spacer_1f04z","suffix":"with-suffix__suffix_1f04z","disabled":"with-suffix__disabled_1f04z","readOnly":"with-suffix__readOnly_1f04z"};
+var styles = {"suffixContainer":"with-suffix__suffixContainer_a3m43","suffixVisible":"with-suffix__suffixVisible_a3m43","hasSuffix":"with-suffix__hasSuffix_a3m43","spacer":"with-suffix__spacer_a3m43","suffix":"with-suffix__suffix_a3m43","disabled":"with-suffix__disabled_a3m43","readOnly":"with-suffix__readOnly_a3m43"};
 require('./index.css');
 
 var withSuffix = function (Input) {

package/with-suffix/esm/Component.js

@@ -42,7 +42,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"suffixContainer":"with-suffix__suffixContainer_1f04z","suffixVisible":"with-suffix__suffixVisible_1f04z","hasSuffix":"with-suffix__hasSuffix_1f04z","spacer":"with-suffix__spacer_1f04z","suffix":"with-suffix__suffix_1f04z","disabled":"with-suffix__disabled_1f04z","readOnly":"with-suffix__readOnly_1f04z"};
+var styles = {"suffixContainer":"with-suffix__suffixContainer_a3m43","suffixVisible":"with-suffix__suffixVisible_a3m43","hasSuffix":"with-suffix__hasSuffix_a3m43","spacer":"with-suffix__spacer_a3m43","suffix":"with-suffix__suffix_a3m43","disabled":"with-suffix__disabled_a3m43","readOnly":"with-suffix__readOnly_a3m43"};
 require('./index.css');
 
 var withSuffix = function (Input) {

package/with-suffix/esm/index.css

@@ -1,5 +1,5 @@
-/* hash: 1f04z */
-.with-suffix__suffixContainer_1f04z {
+/* hash: a3m43 */
+.with-suffix__suffixContainer_a3m43 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -13,30 +13,30 @@
     pointer-events: none;
 }
 
-input:focus:not(:read-only) + .with-suffix__suffixContainer_1f04z,
-.with-suffix__suffixVisible_1f04z .with-suffix__suffixContainer_1f04z {
+input:focus:not(:read-only) + .with-suffix__suffixContainer_a3m43,
+.with-suffix__suffixVisible_a3m43 .with-suffix__suffixContainer_a3m43 {
     display: inline-flex;
 }
 
-.with-suffix__hasSuffix_1f04z input:focus::placeholder {
+.with-suffix__hasSuffix_a3m43 input:focus::placeholder {
     color: transparent;
     transition: none;
 }
 
-.with-suffix__spacer_1f04z {
+.with-suffix__spacer_a3m43 {
     visibility: hidden;
     flex-shrink: 0;
     white-space: pre;
 }
 
-.with-suffix__suffix_1f04z {
+.with-suffix__suffix_a3m43 {
     white-space: pre;
 }
 
-.with-suffix__disabled_1f04z {
+.with-suffix__disabled_a3m43 {
     color: var(--input-disabled-color);
 }
 
-.with-suffix__readOnly_1f04z {
+.with-suffix__readOnly_a3m43 {
     color: var(--input-read-only-color);
 }

package/with-suffix/index.css

@@ -1,5 +1,5 @@
-/* hash: 1f04z */
-.with-suffix__suffixContainer_1f04z {
+/* hash: a3m43 */
+.with-suffix__suffixContainer_a3m43 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -13,30 +13,30 @@
     pointer-events: none;
 }
 
-input:focus:not(:read-only) + .with-suffix__suffixContainer_1f04z,
-.with-suffix__suffixVisible_1f04z .with-suffix__suffixContainer_1f04z {
+input:focus:not(:read-only) + .with-suffix__suffixContainer_a3m43,
+.with-suffix__suffixVisible_a3m43 .with-suffix__suffixContainer_a3m43 {
     display: inline-flex;
 }
 
-.with-suffix__hasSuffix_1f04z input:focus::placeholder {
+.with-suffix__hasSuffix_a3m43 input:focus::placeholder {
     color: transparent;
     transition: none;
 }
 
-.with-suffix__spacer_1f04z {
+.with-suffix__spacer_a3m43 {
     visibility: hidden;
     flex-shrink: 0;
     white-space: pre;
 }
 
-.with-suffix__suffix_1f04z {
+.with-suffix__suffix_a3m43 {
     white-space: pre;
 }
 
-.with-suffix__disabled_1f04z {
+.with-suffix__disabled_a3m43 {
     color: var(--input-disabled-color);
 }
 
-.with-suffix__readOnly_1f04z {
+.with-suffix__readOnly_a3m43 {
     color: var(--input-read-only-color);
 }

package/with-suffix/modern/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import mergeRefs from 'react-merge-refs';
 import { Portal } from '../../portal/modern';
 
-var styles = {"suffixContainer":"with-suffix__suffixContainer_1f04z","suffixVisible":"with-suffix__suffixVisible_1f04z","hasSuffix":"with-suffix__hasSuffix_1f04z","spacer":"with-suffix__spacer_1f04z","suffix":"with-suffix__suffix_1f04z","disabled":"with-suffix__disabled_1f04z","readOnly":"with-suffix__readOnly_1f04z"};
+var styles = {"suffixContainer":"with-suffix__suffixContainer_a3m43","suffixVisible":"with-suffix__suffixVisible_a3m43","hasSuffix":"with-suffix__hasSuffix_a3m43","spacer":"with-suffix__spacer_a3m43","suffix":"with-suffix__suffix_a3m43","disabled":"with-suffix__disabled_a3m43","readOnly":"with-suffix__readOnly_a3m43"};
 require('./index.css');
 
 const withSuffix = (Input) => forwardRef(({ value, defaultValue, onChange, onClear, suffix = '', placeholder, className, disabled, readOnly, suffixContainerClassName, ...restProps }, ref) => {

package/with-suffix/modern/index.css

@@ -1,5 +1,5 @@
-/* hash: 1f04z */
-.with-suffix__suffixContainer_1f04z {
+/* hash: a3m43 */
+.with-suffix__suffixContainer_a3m43 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -13,30 +13,30 @@
     pointer-events: none;
 }
 
-input:focus:not(:read-only) + .with-suffix__suffixContainer_1f04z,
-.with-suffix__suffixVisible_1f04z .with-suffix__suffixContainer_1f04z {
+input:focus:not(:read-only) + .with-suffix__suffixContainer_a3m43,
+.with-suffix__suffixVisible_a3m43 .with-suffix__suffixContainer_a3m43 {
     display: inline-flex;
 }
 
-.with-suffix__hasSuffix_1f04z input:focus::placeholder {
+.with-suffix__hasSuffix_a3m43 input:focus::placeholder {
     color: transparent;
     transition: none;
 }
 
-.with-suffix__spacer_1f04z {
+.with-suffix__spacer_a3m43 {
     visibility: hidden;
     flex-shrink: 0;
     white-space: pre;
 }
 
-.with-suffix__suffix_1f04z {
+.with-suffix__suffix_a3m43 {
     white-space: pre;
 }
 
-.with-suffix__disabled_1f04z {
+.with-suffix__disabled_a3m43 {
     color: var(--input-disabled-color);
 }
 
-.with-suffix__readOnly_1f04z {
+.with-suffix__readOnly_a3m43 {
     color: var(--input-read-only-color);
 }

package/tabs/esm/index.module-2eb64cb0.js

@@ -1,4 +0,0 @@
-var commonStyles = {"component":"tabs__component_lmphp","container":"tabs__container_lmphp","title":"tabs__title_lmphp","s":"tabs__s_lmphp","m":"tabs__m_lmphp","l":"tabs__l_lmphp","xl":"tabs__xl_lmphp"};
-require('./components/secondary-tablist/index.css');
-
-export { commonStyles as c };

package/tabs/esm/index.module-878a7a87.js

@@ -1,4 +0,0 @@
-var commonStyles = {"component":"tabs__component_10yps","container":"tabs__container_10yps","title":"tabs__title_10yps","disabled":"tabs__disabled_10yps","focused":"tabs__focused_10yps","selected":"tabs__selected_10yps","line":"tabs__line_10yps","scrollable":"tabs__scrollable_10yps","s":"tabs__s_10yps","m":"tabs__m_10yps","l":"tabs__l_10yps","xl":"tabs__xl_10yps","rightAddons":"tabs__rightAddons_10yps"};
-require('./components/primary-tablist/index.css');
-
-export { commonStyles as c };

package/tabs/index.module-278c87fb.js

@@ -1,4 +0,0 @@
-var commonStyles = {"component":"tabs__component_10yps","container":"tabs__container_10yps","title":"tabs__title_10yps","disabled":"tabs__disabled_10yps","focused":"tabs__focused_10yps","selected":"tabs__selected_10yps","line":"tabs__line_10yps","scrollable":"tabs__scrollable_10yps","s":"tabs__s_10yps","m":"tabs__m_10yps","l":"tabs__l_10yps","xl":"tabs__xl_10yps","rightAddons":"tabs__rightAddons_10yps"};
-require('./components/primary-tablist/index.css');
-
-exports.commonStyles = commonStyles;

package/tabs/index.module-adf99814.js

@@ -1,4 +0,0 @@
-var commonStyles = {"component":"tabs__component_lmphp","container":"tabs__container_lmphp","title":"tabs__title_lmphp","s":"tabs__s_lmphp","m":"tabs__m_lmphp","l":"tabs__l_lmphp","xl":"tabs__xl_lmphp"};
-require('./components/secondary-tablist/index.css');
-
-exports.commonStyles = commonStyles;

package/tabs/modern/index.module-2eb64cb0.js

@@ -1,4 +0,0 @@
-var commonStyles = {"component":"tabs__component_lmphp","container":"tabs__container_lmphp","title":"tabs__title_lmphp","s":"tabs__s_lmphp","m":"tabs__m_lmphp","l":"tabs__l_lmphp","xl":"tabs__xl_lmphp"};
-require('./components/secondary-tablist/index.css');
-
-export { commonStyles as c };

package/tabs/modern/index.module-878a7a87.js

@@ -1,4 +0,0 @@
-var commonStyles = {"component":"tabs__component_10yps","container":"tabs__container_10yps","title":"tabs__title_10yps","disabled":"tabs__disabled_10yps","focused":"tabs__focused_10yps","selected":"tabs__selected_10yps","line":"tabs__line_10yps","scrollable":"tabs__scrollable_10yps","s":"tabs__s_10yps","m":"tabs__m_10yps","l":"tabs__l_10yps","xl":"tabs__xl_10yps","rightAddons":"tabs__rightAddons_10yps"};
-require('./components/primary-tablist/index.css');
-
-export { commonStyles as c };

package/themes/calendar-input/mobile.css

@@ -1,3 +0,0 @@
-:root {
-    --calendar-input-calendar-icon: url('https://alfabank.st/icons/glyph_calendar_m.svg');
-}

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

@@ -1,3 +0,0 @@
-:root {
-    --calendar-input-calendar-icon: url('https://alfabank.st/icons/glyph_calendar_m.svg');
-}

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

@@ -1,3 +0,0 @@
-@define-mixin calendar-input-mobile {
-    --calendar-input-calendar-icon: url('https://alfabank.st/icons/glyph_calendar_m.svg');
-}

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

@@ -1,3 +0,0 @@
-@define-mixin calendar-input-mobile {
-    --calendar-input-calendar-icon: url('https://alfabank.st/icons/glyph_calendar_m.svg');
-}