@alfalab/core-components 27.9.0 → 27.10.0

package/select-with-tags/modern/components/tag-list/index.css

@@ -703,6 +703,7 @@
     --border-radius-m: 8px;
     --border-radius-l: 12px;
     --border-radius-xl: 16px;
+    --border-radius-xxl: 20px;
     --border-radius-circle: 50%;
     --border-radius-pill: 99px;
 }
@@ -721,59 +722,59 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.select-with-tags__component_8bxv7.select-with-tags__xl_8bxv7 .select-with-tags__contentWrapper_8bxv7 {
+.select-with-tags__component_15b9a.select-with-tags__xl_15b9a .select-with-tags__contentWrapper_15b9a {
     padding: var(--gap-l) var(--gap-m);
 }
-.select-with-tags__component_8bxv7.select-with-tags__l_8bxv7 .select-with-tags__contentWrapper_8bxv7 {
+.select-with-tags__component_15b9a.select-with-tags__l_15b9a .select-with-tags__contentWrapper_15b9a {
     padding: var(--gap-m) var(--gap-m);
 }
-.select-with-tags__component_8bxv7.select-with-tags__m_8bxv7 .select-with-tags__contentWrapper_8bxv7 {
+.select-with-tags__component_15b9a.select-with-tags__m_15b9a .select-with-tags__contentWrapper_15b9a {
     padding: var(--gap-m) var(--gap-s);
 }
-.select-with-tags__component_8bxv7.select-with-tags__s_8bxv7 .select-with-tags__contentWrapper_8bxv7 {
+.select-with-tags__component_15b9a.select-with-tags__s_15b9a .select-with-tags__contentWrapper_15b9a {
     padding: var(--gap-s) var(--gap-s);
 }
-.select-with-tags__component_8bxv7.select-with-tags__xl_8bxv7 .select-with-tags__contentWrapperVertical_8bxv7 {
+.select-with-tags__component_15b9a.select-with-tags__xl_15b9a .select-with-tags__contentWrapperVertical_15b9a {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
 }
-.select-with-tags__component_8bxv7.select-with-tags__l_8bxv7 .select-with-tags__contentWrapperVertical_8bxv7 {
+.select-with-tags__component_15b9a.select-with-tags__l_15b9a .select-with-tags__contentWrapperVertical_15b9a {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
 }
-.select-with-tags__component_8bxv7.select-with-tags__m_8bxv7 .select-with-tags__contentWrapperVertical_8bxv7 {
+.select-with-tags__component_15b9a.select-with-tags__m_15b9a .select-with-tags__contentWrapperVertical_15b9a {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }
-.select-with-tags__component_8bxv7.select-with-tags__s_8bxv7 .select-with-tags__contentWrapperVertical_8bxv7 {
+.select-with-tags__component_15b9a.select-with-tags__s_15b9a .select-with-tags__contentWrapperVertical_15b9a {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 }
-.select-with-tags__component_8bxv7 .select-with-tags__contentWrapper_8bxv7 {
+.select-with-tags__component_15b9a .select-with-tags__contentWrapper_15b9a {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
 }
-.select-with-tags__component_8bxv7 .select-with-tags__contentWrapper_8bxv7:not(.select-with-tags__contentWrapperVertical_8bxv7):not(.select-with-tags__hasLabel_8bxv7) {
+.select-with-tags__component_15b9a .select-with-tags__contentWrapper_15b9a:not(.select-with-tags__contentWrapperVertical_15b9a):not(.select-with-tags__hasLabel_15b9a) {
         padding-top: 0;
         padding-bottom: 0;
     }
-.select-with-tags__component_8bxv7 .select-with-tags__contentWrapper_8bxv7.select-with-tags__hasLabel_8bxv7 {
+.select-with-tags__component_15b9a .select-with-tags__contentWrapper_15b9a.select-with-tags__hasLabel_15b9a {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
     }
-.select-with-tags__component_8bxv7 .select-with-tags__contentWrapper_8bxv7.select-with-tags__hasTags_8bxv7.select-with-tags__hasLabel_8bxv7 {
+.select-with-tags__component_15b9a .select-with-tags__contentWrapper_15b9a.select-with-tags__hasTags_15b9a.select-with-tags__hasLabel_15b9a {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
     }
-.select-with-tags__component_8bxv7:hover .select-with-tags__addons_8bxv7 {
+.select-with-tags__component_15b9a:hover .select-with-tags__addons_15b9a {
     opacity: 0.7;
 }
-.select-with-tags__field_8bxv7 {
+.select-with-tags__field_15b9a {
     cursor: pointer;
 }
-.select-with-tags__input_8bxv7 {
+.select-with-tags__input_15b9a {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -788,23 +789,23 @@
     font-family: var(--font-family);
     color: var(--color-light-text-primary)
 }
-.select-with-tags__input_8bxv7:disabled {
+.select-with-tags__input_15b9a:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_8bxv7::placeholder {
+.select-with-tags__input_15b9a::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_8bxv7:focus::placeholder {
+.select-with-tags__input_15b9a:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_8bxv7 {
+.select-with-tags__block_15b9a {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_8bxv7 {
+.select-with-tags__focusVisible_15b9a {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_8bxv7 {
+.select-with-tags__placeholder_15b9a {
     display: flex;
     align-items: center;
     min-height: 28px;
@@ -812,36 +813,36 @@
     color: var(--color-light-text-tertiary);
     pointer-events: none;
 }
-.select-with-tags__addons_8bxv7 {
+.select-with-tags__addons_15b9a {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_8bxv7 {
+.select-with-tags__addons-size-m_15b9a {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_8bxv7 {
+.select-with-tags__addons-size-l_15b9a {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_8bxv7 {
+.select-with-tags__addons-size-xl_15b9a {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_8bxv7.select-with-tags__s_8bxv7 .select-with-tags__label_8bxv7 {
+.select-with-tags__component_15b9a.select-with-tags__s_15b9a .select-with-tags__label_15b9a {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_8bxv7.select-with-tags__m_8bxv7 .select-with-tags__label_8bxv7 {
+.select-with-tags__component_15b9a.select-with-tags__m_15b9a .select-with-tags__label_15b9a {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_8bxv7.select-with-tags__l_8bxv7 .select-with-tags__label_8bxv7 {
+.select-with-tags__component_15b9a.select-with-tags__l_15b9a .select-with-tags__label_15b9a {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_8bxv7.select-with-tags__xl_8bxv7 .select-with-tags__label_8bxv7 {
+.select-with-tags__component_15b9a.select-with-tags__xl_15b9a .select-with-tags__label_15b9a {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_8bxv7 .select-with-tags__label_8bxv7 {
+.select-with-tags__component_15b9a .select-with-tags__label_15b9a {
     top: 14px;
     align-items: flex-start;
     height: auto;

package/select-with-tags/utils/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-7772ee83.js');
+require('../tslib.es6-ad4868b5.js');
 require('../../select');
 var utils_match = require('./match.js');
 

package/select-with-tags/utils/match.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-7772ee83.js');
+var tslib_es6 = require('../tslib.es6-ad4868b5.js');
 var coreComponentsSelect = require('../../select');
 
 var defaultMatch = function (option, inputValue) {

package/skeleton/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"skeleton__component_k7s33","animate":"skeleton__animate_k7s33","background":"skeleton__background_k7s33","gradient":"skeleton__gradient_k7s33"};
+var styles = {"component":"skeleton__component_1rcou","animate":"skeleton__animate_1rcou","background":"skeleton__background_1rcou","gradient":"skeleton__gradient_1rcou"};
 require('./index.css');
 
 var Skeleton = function (_a) {

package/skeleton/cssm/index.module.css

@@ -702,6 +702,7 @@
     --border-radius-m: 8px;
     --border-radius-l: 12px;
     --border-radius-xl: 16px;
+    --border-radius-xxl: 20px;
     --border-radius-circle: 50%;
     --border-radius-pill: 99px;
 }

package/skeleton/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"skeleton__component_k7s33","animate":"skeleton__animate_k7s33","background":"skeleton__background_k7s33","gradient":"skeleton__gradient_k7s33"};
+var styles = {"component":"skeleton__component_1rcou","animate":"skeleton__animate_1rcou","background":"skeleton__background_1rcou","gradient":"skeleton__gradient_1rcou"};
 require('./index.css');
 
 var Skeleton = function (_a) {

package/skeleton/esm/index.css

@@ -703,6 +703,7 @@
     --border-radius-m: 8px;
     --border-radius-l: 12px;
     --border-radius-xl: 16px;
+    --border-radius-xxl: 20px;
     --border-radius-circle: 50%;
     --border-radius-pill: 99px;
 }
@@ -731,7 +732,7 @@
     --skeleton-gradient-animation-display: block;
     --skeleton-bg-animation-display: none;
 }
-.skeleton__component_k7s33 {
+.skeleton__component_1rcou {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -744,10 +745,10 @@
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black);
 }
-.skeleton__component_k7s33 > * {
+.skeleton__component_1rcou > * {
     visibility: hidden;
 }
-.skeleton__component_k7s33:before {
+.skeleton__component_1rcou:before {
     content: '';
     position: absolute;
     top: 0;
@@ -756,9 +757,9 @@
     bottom: 0;
     background: var(--skeleton-default-color);
 }
-.skeleton__animate_k7s33:before {
+.skeleton__animate_1rcou:before {
     display: var(--skeleton-bg-animation-display);
-    animation-name: skeleton__background_k7s33;
+    animation-name: skeleton__background_1rcou;
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
@@ -767,11 +768,11 @@
     opacity: 0.5;
 }
 @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_k7s33:before {
+    .skeleton__animate_1rcou:before {
         opacity: 0.4;
     }
 }
-.skeleton__animate_k7s33:after {
+.skeleton__animate_1rcou:after {
     display: var(--skeleton-gradient-animation-display);
     content: '';
     position: absolute;
@@ -780,7 +781,7 @@
     width: 500%;
     height: 100%;
     transform: translateX(-80%);
-    animation-name: skeleton__gradient_k7s33;
+    animation-name: skeleton__gradient_1rcou;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
@@ -794,7 +795,7 @@
         rgba(0, 0, 0, 0)
     );
 }
-@keyframes skeleton__gradient_k7s33 {
+@keyframes skeleton__gradient_1rcou {
     0% {
         transform: translateX(-80%);
     }
@@ -805,7 +806,7 @@
         transform: translateX(0);
     }
 }
-@keyframes skeleton__background_k7s33 {
+@keyframes skeleton__background_1rcou {
     0% {
         background: rgb(182, 188, 195);
     }

package/skeleton/index.css

@@ -703,6 +703,7 @@
     --border-radius-m: 8px;
     --border-radius-l: 12px;
     --border-radius-xl: 16px;
+    --border-radius-xxl: 20px;
     --border-radius-circle: 50%;
     --border-radius-pill: 99px;
 }
@@ -731,7 +732,7 @@
     --skeleton-gradient-animation-display: block;
     --skeleton-bg-animation-display: none;
 }
-.skeleton__component_k7s33 {
+.skeleton__component_1rcou {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -744,10 +745,10 @@
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black);
 }
-.skeleton__component_k7s33 > * {
+.skeleton__component_1rcou > * {
     visibility: hidden;
 }
-.skeleton__component_k7s33:before {
+.skeleton__component_1rcou:before {
     content: '';
     position: absolute;
     top: 0;
@@ -756,9 +757,9 @@
     bottom: 0;
     background: var(--skeleton-default-color);
 }
-.skeleton__animate_k7s33:before {
+.skeleton__animate_1rcou:before {
     display: var(--skeleton-bg-animation-display);
-    animation-name: skeleton__background_k7s33;
+    animation-name: skeleton__background_1rcou;
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
@@ -767,11 +768,11 @@
     opacity: 0.5;
 }
 @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_k7s33:before {
+    .skeleton__animate_1rcou:before {
         opacity: 0.4;
     }
 }
-.skeleton__animate_k7s33:after {
+.skeleton__animate_1rcou:after {
     display: var(--skeleton-gradient-animation-display);
     content: '';
     position: absolute;
@@ -780,7 +781,7 @@
     width: 500%;
     height: 100%;
     transform: translateX(-80%);
-    animation-name: skeleton__gradient_k7s33;
+    animation-name: skeleton__gradient_1rcou;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
@@ -794,7 +795,7 @@
         rgba(0, 0, 0, 0)
     );
 }
-@keyframes skeleton__gradient_k7s33 {
+@keyframes skeleton__gradient_1rcou {
     0% {
         transform: translateX(-80%);
     }
@@ -805,7 +806,7 @@
         transform: translateX(0);
     }
 }
-@keyframes skeleton__background_k7s33 {
+@keyframes skeleton__background_1rcou {
     0% {
         background: rgb(182, 188, 195);
     }

package/skeleton/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"skeleton__component_k7s33","animate":"skeleton__animate_k7s33","background":"skeleton__background_k7s33","gradient":"skeleton__gradient_k7s33"};
+var styles = {"component":"skeleton__component_1rcou","animate":"skeleton__animate_1rcou","background":"skeleton__background_1rcou","gradient":"skeleton__gradient_1rcou"};
 require('./index.css');
 
 const Skeleton = ({ visible, animate = true, className, dataTestId, children, }) => {

package/skeleton/modern/index.css

@@ -703,6 +703,7 @@
     --border-radius-m: 8px;
     --border-radius-l: 12px;
     --border-radius-xl: 16px;
+    --border-radius-xxl: 20px;
     --border-radius-circle: 50%;
     --border-radius-pill: 99px;
 }
@@ -731,7 +732,7 @@
     --skeleton-gradient-animation-display: block;
     --skeleton-bg-animation-display: none;
 }
-.skeleton__component_k7s33 {
+.skeleton__component_1rcou {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -744,10 +745,10 @@
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black);
 }
-.skeleton__component_k7s33 > * {
+.skeleton__component_1rcou > * {
     visibility: hidden;
 }
-.skeleton__component_k7s33:before {
+.skeleton__component_1rcou:before {
     content: '';
     position: absolute;
     top: 0;
@@ -756,9 +757,9 @@
     bottom: 0;
     background: var(--skeleton-default-color);
 }
-.skeleton__animate_k7s33:before {
+.skeleton__animate_1rcou:before {
     display: var(--skeleton-bg-animation-display);
-    animation-name: skeleton__background_k7s33;
+    animation-name: skeleton__background_1rcou;
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
@@ -767,11 +768,11 @@
     opacity: 0.5;
 }
 @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_k7s33:before {
+    .skeleton__animate_1rcou:before {
         opacity: 0.4;
     }
 }
-.skeleton__animate_k7s33:after {
+.skeleton__animate_1rcou:after {
     display: var(--skeleton-gradient-animation-display);
     content: '';
     position: absolute;
@@ -780,7 +781,7 @@
     width: 500%;
     height: 100%;
     transform: translateX(-80%);
-    animation-name: skeleton__gradient_k7s33;
+    animation-name: skeleton__gradient_1rcou;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
@@ -794,7 +795,7 @@
         rgba(0, 0, 0, 0)
     );
 }
-@keyframes skeleton__gradient_k7s33 {
+@keyframes skeleton__gradient_1rcou {
     0% {
         transform: translateX(-80%);
     }
@@ -805,7 +806,7 @@
         transform: translateX(0);
     }
 }
-@keyframes skeleton__background_k7s33 {
+@keyframes skeleton__background_1rcou {
     0% {
         background: rgb(182, 188, 195);
     }

package/slider/Component.js

@@ -50,7 +50,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"slider__component_11qwe","progress":"slider__progress_11qwe","rangeWrapper":"slider__rangeWrapper_11qwe","range":"slider__range_11qwe","focused":"slider__focused_11qwe"};
+var styles = {"component":"slider__component_hz57m","progress":"slider__progress_hz57m","rangeWrapper":"slider__rangeWrapper_hz57m","range":"slider__range_hz57m","focused":"slider__focused_hz57m"};
 require('./index.css');
 
 var Slider = React.forwardRef(function (_a, ref) {

package/slider/cssm/index.module.css

@@ -702,6 +702,7 @@
     --border-radius-m: 8px;
     --border-radius-l: 12px;
     --border-radius-xl: 16px;
+    --border-radius-xxl: 20px;
     --border-radius-circle: 50%;
     --border-radius-pill: 99px;
 }

package/slider/esm/Component.js

@@ -42,7 +42,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"slider__component_11qwe","progress":"slider__progress_11qwe","rangeWrapper":"slider__rangeWrapper_11qwe","range":"slider__range_11qwe","focused":"slider__focused_11qwe"};
+var styles = {"component":"slider__component_hz57m","progress":"slider__progress_hz57m","rangeWrapper":"slider__rangeWrapper_hz57m","range":"slider__range_hz57m","focused":"slider__focused_hz57m"};
 require('./index.css');
 
 var Slider = forwardRef(function (_a, ref) {