@alfalab/core-components 37.4.0-beta.0 → 37.5.0

package/custom-button/cssm/index.module.css

@@ -1,30 +1,31 @@
 :root {
+} /* deprecated */ :root {
     --color-static-text-primary-dark: #0b1f35;
     --color-static-text-primary-light: #fff;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.customButton {
+} :root {
+} :root {
+} :root {
+} :root {
+} .customButton {
     overflow: hidden;
     position: relative
-}
-.customButton.white * {
+} .customButton.white * {
         color: var(--color-static-text-primary-light);
-    }
-.customButton.black * {
+    } .customButton.black * {
         color: var(--color-static-text-primary-dark);
-    }
-.customButton span {
+    } .customButton span {
         position: relative;
         z-index: 3;
-    }
-.customButton:before {
+    } .customButton:before {
         position: absolute;
         left: 0;
         right: 0;
@@ -35,29 +36,20 @@
         transition: 0.2s;
         opacity: 1;
         pointer-events: none;
-    }
-.customButton.darkening:hover:before {
+    } .customButton.darkening:hover:before {
             background-color: rgba(0, 0, 0, 0.07);
-        }
-.customButton.darkening:active:before {
+        } .customButton.darkening:active:before {
             background-color: rgba(0, 0, 0, 0.15);
-        }
-.customButton.lightening:hover:before {
+        } .customButton.lightening:hover:before {
             background-color: rgba(255, 255, 255, 0.15);
-        }
-.customButton.lightening:active:before {
+        } .customButton.lightening:active:before {
             background-color: rgba(255, 255, 255, 0.2);
-        }
-/* Disabled */
-.customButton:disabled {
+        } /* Disabled */ .customButton:disabled {
     opacity: 0.3
-}
-.customButton:disabled.customLoading {
+} .customButton:disabled.customLoading {
         opacity: 1;
-    }
-.customButton:disabled.white * {
+    } .customButton:disabled.white * {
         color: var(--color-static-text-primary-light);
-    }
-.customButton:disabled.black * {
+    } .customButton:disabled.black * {
         color: var(--color-static-text-primary-dark);
     }

package/custom-button/esm/index.css

@@ -1,31 +1,32 @@
 /* hash: 6ou5a */
 :root {
+} /* deprecated */ :root {
     --color-static-text-primary-dark: #0b1f35;
     --color-static-text-primary-light: #fff;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.custom-button__customButton_1clyi {
+} :root {
+} :root {
+} :root {
+} :root {
+} .custom-button__customButton_1clyi {
     overflow: hidden;
     position: relative
-}
-.custom-button__customButton_1clyi.custom-button__white_1clyi * {
+} .custom-button__customButton_1clyi.custom-button__white_1clyi * {
         color: var(--color-static-text-primary-light);
-    }
-.custom-button__customButton_1clyi.custom-button__black_1clyi * {
+    } .custom-button__customButton_1clyi.custom-button__black_1clyi * {
         color: var(--color-static-text-primary-dark);
-    }
-.custom-button__customButton_1clyi span {
+    } .custom-button__customButton_1clyi span {
         position: relative;
         z-index: 3;
-    }
-.custom-button__customButton_1clyi:before {
+    } .custom-button__customButton_1clyi:before {
         position: absolute;
         left: 0;
         right: 0;
@@ -36,29 +37,20 @@
         transition: 0.2s;
         opacity: 1;
         pointer-events: none;
-    }
-.custom-button__customButton_1clyi.custom-button__darkening_1clyi:hover:before {
+    } .custom-button__customButton_1clyi.custom-button__darkening_1clyi:hover:before {
             background-color: rgba(0, 0, 0, 0.07);
-        }
-.custom-button__customButton_1clyi.custom-button__darkening_1clyi:active:before {
+        } .custom-button__customButton_1clyi.custom-button__darkening_1clyi:active:before {
             background-color: rgba(0, 0, 0, 0.15);
-        }
-.custom-button__customButton_1clyi.custom-button__lightening_1clyi:hover:before {
+        } .custom-button__customButton_1clyi.custom-button__lightening_1clyi:hover:before {
             background-color: rgba(255, 255, 255, 0.15);
-        }
-.custom-button__customButton_1clyi.custom-button__lightening_1clyi:active:before {
+        } .custom-button__customButton_1clyi.custom-button__lightening_1clyi:active:before {
             background-color: rgba(255, 255, 255, 0.2);
-        }
-/* Disabled */
-.custom-button__customButton_1clyi:disabled {
+        } /* Disabled */ .custom-button__customButton_1clyi:disabled {
     opacity: 0.3
-}
-.custom-button__customButton_1clyi:disabled.custom-button__customLoading_1clyi {
+} .custom-button__customButton_1clyi:disabled.custom-button__customLoading_1clyi {
         opacity: 1;
-    }
-.custom-button__customButton_1clyi:disabled.custom-button__white_1clyi * {
+    } .custom-button__customButton_1clyi:disabled.custom-button__white_1clyi * {
         color: var(--color-static-text-primary-light);
-    }
-.custom-button__customButton_1clyi:disabled.custom-button__black_1clyi * {
+    } .custom-button__customButton_1clyi:disabled.custom-button__black_1clyi * {
         color: var(--color-static-text-primary-dark);
     }

package/custom-button/index.css

@@ -1,31 +1,32 @@
 /* hash: 6ou5a */
 :root {
+} /* deprecated */ :root {
     --color-static-text-primary-dark: #0b1f35;
     --color-static-text-primary-light: #fff;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.custom-button__customButton_1clyi {
+} :root {
+} :root {
+} :root {
+} :root {
+} .custom-button__customButton_1clyi {
     overflow: hidden;
     position: relative
-}
-.custom-button__customButton_1clyi.custom-button__white_1clyi * {
+} .custom-button__customButton_1clyi.custom-button__white_1clyi * {
         color: var(--color-static-text-primary-light);
-    }
-.custom-button__customButton_1clyi.custom-button__black_1clyi * {
+    } .custom-button__customButton_1clyi.custom-button__black_1clyi * {
         color: var(--color-static-text-primary-dark);
-    }
-.custom-button__customButton_1clyi span {
+    } .custom-button__customButton_1clyi span {
         position: relative;
         z-index: 3;
-    }
-.custom-button__customButton_1clyi:before {
+    } .custom-button__customButton_1clyi:before {
         position: absolute;
         left: 0;
         right: 0;
@@ -36,29 +37,20 @@
         transition: 0.2s;
         opacity: 1;
         pointer-events: none;
-    }
-.custom-button__customButton_1clyi.custom-button__darkening_1clyi:hover:before {
+    } .custom-button__customButton_1clyi.custom-button__darkening_1clyi:hover:before {
             background-color: rgba(0, 0, 0, 0.07);
-        }
-.custom-button__customButton_1clyi.custom-button__darkening_1clyi:active:before {
+        } .custom-button__customButton_1clyi.custom-button__darkening_1clyi:active:before {
             background-color: rgba(0, 0, 0, 0.15);
-        }
-.custom-button__customButton_1clyi.custom-button__lightening_1clyi:hover:before {
+        } .custom-button__customButton_1clyi.custom-button__lightening_1clyi:hover:before {
             background-color: rgba(255, 255, 255, 0.15);
-        }
-.custom-button__customButton_1clyi.custom-button__lightening_1clyi:active:before {
+        } .custom-button__customButton_1clyi.custom-button__lightening_1clyi:active:before {
             background-color: rgba(255, 255, 255, 0.2);
-        }
-/* Disabled */
-.custom-button__customButton_1clyi:disabled {
+        } /* Disabled */ .custom-button__customButton_1clyi:disabled {
     opacity: 0.3
-}
-.custom-button__customButton_1clyi:disabled.custom-button__customLoading_1clyi {
+} .custom-button__customButton_1clyi:disabled.custom-button__customLoading_1clyi {
         opacity: 1;
-    }
-.custom-button__customButton_1clyi:disabled.custom-button__white_1clyi * {
+    } .custom-button__customButton_1clyi:disabled.custom-button__white_1clyi * {
         color: var(--color-static-text-primary-light);
-    }
-.custom-button__customButton_1clyi:disabled.custom-button__black_1clyi * {
+    } .custom-button__customButton_1clyi:disabled.custom-button__black_1clyi * {
         color: var(--color-static-text-primary-dark);
     }

package/custom-button/modern/index.css

@@ -1,31 +1,32 @@
 /* hash: 6ou5a */
 :root {
+} /* deprecated */ :root {
     --color-static-text-primary-dark: #0b1f35;
     --color-static-text-primary-light: #fff;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.custom-button__customButton_1clyi {
+} :root {
+} :root {
+} :root {
+} :root {
+} .custom-button__customButton_1clyi {
     overflow: hidden;
     position: relative
-}
-.custom-button__customButton_1clyi.custom-button__white_1clyi * {
+} .custom-button__customButton_1clyi.custom-button__white_1clyi * {
         color: var(--color-static-text-primary-light);
-    }
-.custom-button__customButton_1clyi.custom-button__black_1clyi * {
+    } .custom-button__customButton_1clyi.custom-button__black_1clyi * {
         color: var(--color-static-text-primary-dark);
-    }
-.custom-button__customButton_1clyi span {
+    } .custom-button__customButton_1clyi span {
         position: relative;
         z-index: 3;
-    }
-.custom-button__customButton_1clyi:before {
+    } .custom-button__customButton_1clyi:before {
         position: absolute;
         left: 0;
         right: 0;
@@ -36,29 +37,20 @@
         transition: 0.2s;
         opacity: 1;
         pointer-events: none;
-    }
-.custom-button__customButton_1clyi.custom-button__darkening_1clyi:hover:before {
+    } .custom-button__customButton_1clyi.custom-button__darkening_1clyi:hover:before {
             background-color: rgba(0, 0, 0, 0.07);
-        }
-.custom-button__customButton_1clyi.custom-button__darkening_1clyi:active:before {
+        } .custom-button__customButton_1clyi.custom-button__darkening_1clyi:active:before {
             background-color: rgba(0, 0, 0, 0.15);
-        }
-.custom-button__customButton_1clyi.custom-button__lightening_1clyi:hover:before {
+        } .custom-button__customButton_1clyi.custom-button__lightening_1clyi:hover:before {
             background-color: rgba(255, 255, 255, 0.15);
-        }
-.custom-button__customButton_1clyi.custom-button__lightening_1clyi:active:before {
+        } .custom-button__customButton_1clyi.custom-button__lightening_1clyi:active:before {
             background-color: rgba(255, 255, 255, 0.2);
-        }
-/* Disabled */
-.custom-button__customButton_1clyi:disabled {
+        } /* Disabled */ .custom-button__customButton_1clyi:disabled {
     opacity: 0.3
-}
-.custom-button__customButton_1clyi:disabled.custom-button__customLoading_1clyi {
+} .custom-button__customButton_1clyi:disabled.custom-button__customLoading_1clyi {
         opacity: 1;
-    }
-.custom-button__customButton_1clyi:disabled.custom-button__white_1clyi * {
+    } .custom-button__customButton_1clyi:disabled.custom-button__white_1clyi * {
         color: var(--color-static-text-primary-light);
-    }
-.custom-button__customButton_1clyi:disabled.custom-button__black_1clyi * {
+    } .custom-button__customButton_1clyi:disabled.custom-button__black_1clyi * {
         color: var(--color-static-text-primary-dark);
     }

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

@@ -1,12 +1,19 @@
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.nativeInput {
+} :root {
+} :root {
+} :root {
+} :root {
+} .nativeInput {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -16,10 +23,8 @@
     -webkit-appearance: none;
             appearance: none;
     z-index: 1
-}
-.nativeInput::-webkit-calendar-picker-indicator {
+} .nativeInput::-webkit-calendar-picker-indicator {
         display: none;
-    }
-.nativeInput::-webkit-inner-spin-button {
+    } .nativeInput::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/esm/index.css

@@ -1,13 +1,20 @@
 /* hash: 1xtww */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.date-input__nativeInput_1bxui {
+} :root {
+} :root {
+} :root {
+} :root {
+} .date-input__nativeInput_1bxui {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -17,10 +24,8 @@
     -webkit-appearance: none;
             appearance: none;
     z-index: 1
-}
-.date-input__nativeInput_1bxui::-webkit-calendar-picker-indicator {
+} .date-input__nativeInput_1bxui::-webkit-calendar-picker-indicator {
         display: none;
-    }
-.date-input__nativeInput_1bxui::-webkit-inner-spin-button {
+    } .date-input__nativeInput_1bxui::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/index.css

@@ -1,13 +1,20 @@
 /* hash: 1xtww */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.date-input__nativeInput_1bxui {
+} :root {
+} :root {
+} :root {
+} :root {
+} .date-input__nativeInput_1bxui {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -17,10 +24,8 @@
     -webkit-appearance: none;
             appearance: none;
     z-index: 1
-}
-.date-input__nativeInput_1bxui::-webkit-calendar-picker-indicator {
+} .date-input__nativeInput_1bxui::-webkit-calendar-picker-indicator {
         display: none;
-    }
-.date-input__nativeInput_1bxui::-webkit-inner-spin-button {
+    } .date-input__nativeInput_1bxui::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/modern/index.css

@@ -1,13 +1,20 @@
 /* hash: 1xtww */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.date-input__nativeInput_1bxui {
+} :root {
+} :root {
+} :root {
+} :root {
+} .date-input__nativeInput_1bxui {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -17,10 +24,8 @@
     -webkit-appearance: none;
             appearance: none;
     z-index: 1
-}
-.date-input__nativeInput_1bxui::-webkit-calendar-picker-indicator {
+} .date-input__nativeInput_1bxui::-webkit-calendar-picker-indicator {
         display: none;
-    }
-.date-input__nativeInput_1bxui::-webkit-inner-spin-button {
+    } .date-input__nativeInput_1bxui::-webkit-inner-spin-button {
         display: none;
     }

package/date-range-input/Component.desktop.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { DateRangeInputProps } from "./Component-a8cd7d2a";
+import { DateRangeInputProps } from "./Component-ab0d9f29";
 type DateRangeInputDesktopProps = Omit<DateRangeInputProps, 'view'>;
 declare const DateRangeInputDesktop: FC<DateRangeInputDesktopProps>;
 export { DateRangeInputDesktopProps, DateRangeInputDesktop };

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

@@ -1,4 +1,4 @@
-var components_dateRangeInput_Component = require('./Component-a8cd7d2a.js');
+var components_dateRangeInput_Component = require('./Component-ab0d9f29.js');
 var React = require('react');
 require('react-merge-refs');
 require('classnames');

package/date-range-input/Component.mobile.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { DateRangeInputProps } from "./Component-a8cd7d2a";
+import { DateRangeInputProps } from "./Component-ab0d9f29";
 type DateRangeInputMobileProps = Omit<DateRangeInputProps, 'view'>;
 declare const DateRangeInputMobile: FC<DateRangeInputMobileProps>;
 export { DateRangeInputMobileProps, DateRangeInputMobile };

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

@@ -1,4 +1,4 @@
-var components_dateRangeInput_Component = require('./Component-a8cd7d2a.js');
+var components_dateRangeInput_Component = require('./Component-ab0d9f29.js');
 var React = require('react');
 var coreComponentsCalendar = require('../calendar');
 require('react-merge-refs');

package/date-range-input/Component.responsive.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { DateRangeInputProps } from "./Component-a8cd7d2a";
+import { DateRangeInputProps } from "./Component-ab0d9f29";
 type DateRangeInputResponsiveProps = Omit<DateRangeInputProps, 'view'> & {
     /**
      * Контрольная точка, с нее начинается desktop версия

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

@@ -1,4 +1,4 @@
-var components_dateRangeInput_Component = require('./Component-a8cd7d2a.js');
+var components_dateRangeInput_Component = require('./Component-ab0d9f29.js');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
 var Component_desktop = require('./Component.desktop.js');

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

@@ -1,4 +1,4 @@
-var components_dateRangeInput_Component = require('../../Component-a8cd7d2a.js');
+var components_dateRangeInput_Component = require('../../Component-ab0d9f29.js');
 require('react');
 require('react-merge-refs');
 require('classnames');

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

@@ -1,19 +1,22 @@
 /* hash: me8hz */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
-    --gap-m: 16px;
-}
-:root {
+} :root {
     --border-radius-m: 8px;
-}
-:root {
+} :root {
+    --gap-m: 16px;
+} :root {
+} :root {
+} :root {
     --calendar-width: 344px;
 
     /* Кнопки выбора месяцев и годов */
@@ -35,30 +38,23 @@
     /* disabled */
 
     /* marker */
-}
-:root {
+} :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-}
-.date-range-input__component_171lx {
+} .date-range-input__component_171lx {
     display: inline-block;
     outline: none;
     position: relative;
-}
-.date-range-input__calendarContainer_171lx {
+} .date-range-input__calendarContainer_171lx {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius)
-}
-@media (max-width: 374px) {
-.date-range-input__calendarContainer_171lx {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_171lx {
         width: 100%;
         min-width: 288px
 }
-    }
-.date-range-input__calendarResponsive_171lx {
+    } .date-range-input__calendarResponsive_171lx {
     width: var(--calendar-width);
     padding: 0 var(--gap-m);
-}
-.date-range-input__block_171lx {
+} .date-range-input__block_171lx {
     width: 100%;
 }

package/date-range-input/components/date-range-input/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-a8cd7d2a";
+export * from "../../Component-ab0d9f29";

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

@@ -1,4 +1,4 @@
-var components_dateRangeInput_Component = require('../../Component-a8cd7d2a.js');
+var components_dateRangeInput_Component = require('../../Component-ab0d9f29.js');
 require('react');
 require('react-merge-refs');
 require('classnames');

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

@@ -1,18 +1,21 @@
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
-    --gap-m: 16px;
-}
-:root {
+} :root {
     --border-radius-m: 8px;
-}
-:root {
+} :root {
+    --gap-m: 16px;
+} :root {
+} :root {
+} :root {
     --calendar-width: 344px;
 
     /* Кнопки выбора месяцев и годов */
@@ -34,30 +37,23 @@
     /* disabled */
 
     /* marker */
-}
-:root {
+} :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-}
-.component {
+} .component {
     display: inline-block;
     outline: none;
     position: relative;
-}
-.calendarContainer {
+} .calendarContainer {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius)
-}
-@media (max-width: 374px) {
-.calendarContainer {
+} @media (max-width: 374px) { .calendarContainer {
         width: 100%;
         min-width: 288px
 }
-    }
-.calendarResponsive {
+    } .calendarResponsive {
     width: var(--calendar-width);
     padding: 0 var(--gap-m);
-}
-.block {
+} .block {
     width: 100%;
 }