@alfalab/core-components 41.17.0 → 41.18.0

package/link/modern/Component.js

@@ -3,13 +3,13 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
 
-const defaultColors = {"primary":"link__primary_1g3ww","secondary":"link__secondary_1g3ww","defaultView":"link__defaultView_1g3ww"};
+const defaultColors = {"primary":"link__primary_aa8q2","secondary":"link__secondary_aa8q2","defaultView":"link__defaultView_aa8q2"};
 require('./default.css');
 
-const styles = {"component":"link__component_rajpw","text":"link__text_rajpw","withAddons":"link__withAddons_rajpw","focused":"link__focused_rajpw","pseudo":"link__pseudo_rajpw","withoutUnderline":"link__withoutUnderline_rajpw","addons":"link__addons_rajpw"};
+const styles = {"component":"link__component_vaeva","text":"link__text_vaeva","withAddons":"link__withAddons_vaeva","focused":"link__focused_vaeva","pseudo":"link__pseudo_vaeva","withoutUnderline":"link__withoutUnderline_vaeva","addons":"link__addons_vaeva"};
 require('./index.css');
 
-const invertedColors = {"primary":"link__primary_1tgcv","secondary":"link__secondary_1tgcv","defaultView":"link__defaultView_1tgcv"};
+const invertedColors = {"primary":"link__primary_nmoot","secondary":"link__secondary_nmoot","defaultView":"link__defaultView_nmoot"};
 require('./inverted.css');
 
 const colorStyles = {

package/link/modern/default.css

@@ -38,25 +38,25 @@
     --link-default-color: var(--color-light-text-link);
     --link-default-hover-color: var(--color-light-text-link-shade-20);
     --link-default-active-color: var(--color-light-text-link-shade-40);
-} .link__primary_1g3ww {
+} .link__primary_aa8q2 {
     color: var(--link-primary-color);
     border-bottom-color: var(--link-primary-color)
-} .link__primary_1g3ww:hover {
+} .link__primary_aa8q2:hover {
         color: var(--link-primary-hover-color);
-    } .link__primary_1g3ww:active {
+    } .link__primary_aa8q2:active {
         color: var(--link-primary-active-color);
-    } .link__secondary_1g3ww {
+    } .link__secondary_aa8q2 {
     color: var(--link-secondary-color);
     border-bottom-color: var(--link-secondary-color)
-} .link__secondary_1g3ww:hover {
+} .link__secondary_aa8q2:hover {
         color: var(--link-secondary-hover-color);
-    } .link__secondary_1g3ww:active {
+    } .link__secondary_aa8q2:active {
         color: var(--link-secondary-active-color);
-    } .link__defaultView_1g3ww {
+    } .link__defaultView_aa8q2 {
     color: var(--link-default-color);
     border-bottom-color: var(--link-default-color)
-} .link__defaultView_1g3ww:hover {
+} .link__defaultView_aa8q2:hover {
         color: var(--link-default-hover-color);
-    } .link__defaultView_1g3ww:active {
+    } .link__defaultView_aa8q2:active {
         color: var(--link-default-active-color);
     }

package/link/modern/index.css

@@ -20,45 +20,45 @@
     --focus-color: var(--color-light-border-link);
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-} .link__component_rajpw {
+} .link__component_vaeva {
     box-sizing: border-box;
     text-decoration: none;
     font-family: var(--font-family);
     cursor: pointer;
     outline: none
-} .link__component_rajpw:hover .link__text_rajpw,
-    .link__component_rajpw:active .link__text_rajpw {
+} .link__component_vaeva:hover .link__text_vaeva,
+    .link__component_vaeva:active .link__text_vaeva {
         border-bottom-color: rgba(0, 0, 0, 0);
-    } .link__withAddons_rajpw {
+    } .link__withAddons_vaeva {
     display: inline-flex;
     flex-direction: row;
     flex-wrap: nowrap;
-} .link__text_rajpw {
+} .link__text_vaeva {
     border-bottom: 1px solid;
     transition: border 0.2s ease, color 0.2s ease;
-} .link__focused_rajpw {
+} .link__focused_vaeva {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .link__pseudo_rajpw {
+} .link__pseudo_vaeva {
     margin: 0;
     padding: 0;
     background-color: transparent;
     border: none;
     box-shadow: none;
     font: inherit;
-} .link__pseudo_rajpw .link__text_rajpw {
+} .link__pseudo_vaeva .link__text_vaeva {
     border-bottom-style: dashed;
-} .link__withoutUnderline_rajpw .link__text_rajpw {
+} .link__withoutUnderline_vaeva .link__text_vaeva {
     border-bottom: none;
-} .link__addons_rajpw {
+} .link__addons_vaeva {
     display: flex;
     align-items: center;
     transition: color 0.2s ease;
-} .link__addons_rajpw:first-child {
+} .link__addons_vaeva:first-child {
     margin-right: var(--gap-xs);
-} .link__addons_rajpw:last-child {
+} .link__addons_vaeva:last-child {
     margin-left: var(--gap-2xs);
-} .link__addons_rajpw:only-child {
+} .link__addons_vaeva:only-child {
     margin-right: 0;
     margin-left: 0;
 }

package/link/modern/inverted.css

@@ -32,25 +32,25 @@
     --link-inverted-default-color: var(--color-light-text-link);
     --link-inverted-default-hover-color: rgb(0, 91, 191);
     --link-inverted-default-active-color: rgb(0, 68, 143);
-} .link__primary_1tgcv {
+} .link__primary_nmoot {
     color: var(--link-inverted-primary-color);
     border-bottom-color: var(--link-inverted-primary-color)
-} .link__primary_1tgcv:hover {
+} .link__primary_nmoot:hover {
         color: var(--link-inverted-primary-hover-color);
-    } .link__primary_1tgcv:active {
+    } .link__primary_nmoot:active {
         color: var(--link-inverted-primary-active-color);
-    } .link__secondary_1tgcv {
+    } .link__secondary_nmoot {
     color: var(--link-inverted-secondary-color);
     border-bottom-color: var(--link-inverted-secondary-color)
-} .link__secondary_1tgcv:hover {
+} .link__secondary_nmoot:hover {
         color: var(--link-inverted-secondary-hover-color);
-    } .link__secondary_1tgcv:active {
+    } .link__secondary_nmoot:active {
         color: var(--link-inverted-secondary-active-color);
-    } .link__defaultView_1tgcv {
+    } .link__defaultView_nmoot {
     color: var(--link-inverted-default-color);
     border-bottom-color: var(--link-inverted-default-color)
-} .link__defaultView_1tgcv:hover {
+} .link__defaultView_nmoot:hover {
         color: var(--link-inverted-default-hover-color);
-    } .link__defaultView_1tgcv:active {
+    } .link__defaultView_nmoot:active {
         color: var(--link-inverted-default-active-color);
     }

package/list/{Component-620c1a62.js → Component-42afa613.js}

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles$1 = {"item":"list__item_voaey","reversed":"list__reversed_voaey","unorderedItem":"list__unorderedItem_voaey","slot":"list__slot_voaey","defaultColor":"list__defaultColor_voaey","disc":"list__disc_voaey","caption":"list__caption_voaey"};
+var styles$1 = {"item":"list__item_1odgo","reversed":"list__reversed_1odgo","unorderedItem":"list__unorderedItem_1odgo","slot":"list__slot_1odgo","defaultColor":"list__defaultColor_1odgo","disc":"list__disc_1odgo","caption":"list__caption_1odgo"};
 require('./components/item/index.css');
 
 var Item = function (_a) {
@@ -35,7 +35,7 @@ var Item = function (_a) {
 };
 Item.displayName = 'ListItem';
 
-var styles = {"list":"list__list_bxams","lowerAlpha":"list__lowerAlpha_bxams","decimal":"list__decimal_bxams","reversed":"list__reversed_bxams"};
+var styles = {"list":"list__list_12uvh","lowerAlpha":"list__lowerAlpha_12uvh","decimal":"list__decimal_12uvh","reversed":"list__reversed_12uvh"};
 require('./index.css');
 
 var ListContext = React__default.default.createContext({});

package/list/Component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('classnames');
-var components_item_Component = require('./Component-620c1a62.js');
+var components_item_Component = require('./Component-42afa613.js');
 require('./utils.js');
 require('../typography');
 

package/list/components/item/Component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../../typography');
-var components_item_Component = require('../../Component-620c1a62.js');
+var components_item_Component = require('../../Component-42afa613.js');
 require('tslib');
 require('../../utils.js');
 

package/list/components/item/index.css

@@ -21,29 +21,29 @@
 } :root {
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
-} .list__item_voaey {
+} .list__item_1odgo {
     margin-top: var(--list-item-margin);
     display: flex
-} .list__item_voaey:first-child {
+} .list__item_1odgo:first-child {
         margin-top: 0;
-    } .list__item_voaey.list__reversed_voaey:first-child {
+    } .list__item_1odgo.list__reversed_1odgo:first-child {
         margin-top: var(--list-item-margin);
-    } .list__item_voaey.list__reversed_voaey:last-child {
+    } .list__item_1odgo.list__reversed_1odgo:last-child {
         margin-top: 0;
-    } .list__item_voaey.list__unorderedItem_voaey {
+    } .list__item_1odgo.list__unorderedItem_1odgo {
         display: list-item;
-    } .list__slot_voaey {
+    } .list__slot_1odgo {
     min-width: 20px;
     display: flex;
     box-sizing: border-box;
     justify-content: start;
     padding-right: var(--gap-2xs);
     flex-shrink: 0
-} .list__slot_voaey.list__defaultColor_voaey {
+} .list__slot_1odgo.list__defaultColor_1odgo {
         color: var(--list-marker-color);
-    } .list__slot_voaey.list__disc_voaey {
+    } .list__slot_1odgo.list__disc_1odgo {
         justify-content: center;
         padding: 0 var(--gap-2xs);
-    } .list__caption_voaey {
+    } .list__caption_1odgo {
     margin-top: var(--gap-3xs);
 }

package/list/components/item/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-620c1a62";
+export * from "../../Component-42afa613";

package/list/components/item/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_item_Component = require('../../Component-620c1a62.js');
+var components_item_Component = require('../../Component-42afa613.js');
 require('tslib');
 require('react');
 require('classnames');

package/list/esm/{Component-3bba18db.js → Component-2ee37507.js}

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { Typography } from '../../typography/esm';
 import { isItem } from './utils.js';
 
-var styles$1 = {"item":"list__item_voaey","reversed":"list__reversed_voaey","unorderedItem":"list__unorderedItem_voaey","slot":"list__slot_voaey","defaultColor":"list__defaultColor_voaey","disc":"list__disc_voaey","caption":"list__caption_voaey"};
+var styles$1 = {"item":"list__item_1odgo","reversed":"list__reversed_1odgo","unorderedItem":"list__unorderedItem_1odgo","slot":"list__slot_1odgo","defaultColor":"list__defaultColor_1odgo","disc":"list__disc_1odgo","caption":"list__caption_1odgo"};
 require('./components/item/index.css');
 
 var Item = function (_a) {
@@ -30,7 +30,7 @@ var Item = function (_a) {
 };
 Item.displayName = 'ListItem';
 
-var styles = {"list":"list__list_bxams","lowerAlpha":"list__lowerAlpha_bxams","decimal":"list__decimal_bxams","reversed":"list__reversed_bxams"};
+var styles = {"list":"list__list_12uvh","lowerAlpha":"list__lowerAlpha_12uvh","decimal":"list__decimal_12uvh","reversed":"list__reversed_12uvh"};
 require('./index.css');
 
 var ListContext = React.createContext({});

package/list/esm/Component.js

@@ -1,6 +1,6 @@
 import 'tslib';
 import 'react';
 import 'classnames';
-export { a as List, L as ListContext } from './Component-3bba18db.js';
+export { a as List, L as ListContext } from './Component-2ee37507.js';
 import '../../typography/esm';
 import './utils.js';

package/list/esm/components/item/Component.js

@@ -1,6 +1,6 @@
 import 'react';
 import 'classnames';
 import '../../../../typography/esm';
-export { I as Item } from '../../Component-3bba18db.js';
+export { I as Item } from '../../Component-2ee37507.js';
 import 'tslib';
 import '../../utils.js';

package/list/esm/components/item/index.css

@@ -21,29 +21,29 @@
 } :root {
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
-} .list__item_voaey {
+} .list__item_1odgo {
     margin-top: var(--list-item-margin);
     display: flex
-} .list__item_voaey:first-child {
+} .list__item_1odgo:first-child {
         margin-top: 0;
-    } .list__item_voaey.list__reversed_voaey:first-child {
+    } .list__item_1odgo.list__reversed_1odgo:first-child {
         margin-top: var(--list-item-margin);
-    } .list__item_voaey.list__reversed_voaey:last-child {
+    } .list__item_1odgo.list__reversed_1odgo:last-child {
         margin-top: 0;
-    } .list__item_voaey.list__unorderedItem_voaey {
+    } .list__item_1odgo.list__unorderedItem_1odgo {
         display: list-item;
-    } .list__slot_voaey {
+    } .list__slot_1odgo {
     min-width: 20px;
     display: flex;
     box-sizing: border-box;
     justify-content: start;
     padding-right: var(--gap-2xs);
     flex-shrink: 0
-} .list__slot_voaey.list__defaultColor_voaey {
+} .list__slot_1odgo.list__defaultColor_1odgo {
         color: var(--list-marker-color);
-    } .list__slot_voaey.list__disc_voaey {
+    } .list__slot_1odgo.list__disc_1odgo {
         justify-content: center;
         padding: 0 var(--gap-2xs);
-    } .list__caption_voaey {
+    } .list__caption_1odgo {
     margin-top: var(--gap-3xs);
 }

package/list/esm/components/item/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-3bba18db";
+export * from "../../Component-2ee37507";

package/list/esm/components/item/index.js

@@ -1,4 +1,4 @@
-export { I as Item } from '../../Component-3bba18db.js';
+export { I as Item } from '../../Component-2ee37507.js';
 import 'tslib';
 import 'react';
 import 'classnames';

package/list/esm/index.css

@@ -16,7 +16,7 @@
     --gap-l: 20px;
 } :root {
 } :root {
-} .list__list_bxams {
+} .list__list_12uvh {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -26,14 +26,14 @@
     line-height: 24px;
 
     font-weight: 400;
-} .list__lowerAlpha_bxams {
+} .list__lowerAlpha_12uvh {
     list-style-type: lower-alpha;
     padding-left: var(--gap-l);
-} .list__decimal_bxams {
+} .list__decimal_12uvh {
     list-style-type: decimal;
-} ol.list__list_bxams {
+} ol.list__list_12uvh {
     display: flex;
     flex-direction: column
-} ol.list__list_bxams.list__reversed_bxams {
+} ol.list__list_12uvh.list__reversed_12uvh {
         flex-direction: column-reverse;
     }

package/list/esm/index.js

@@ -1,4 +1,4 @@
-export { a as List, L as ListContext } from './Component-3bba18db.js';
+export { a as List, L as ListContext } from './Component-2ee37507.js';
 export { listPresets } from './presets.js';
 import 'tslib';
 import 'react';

package/list/index.css

@@ -16,7 +16,7 @@
     --gap-l: 20px;
 } :root {
 } :root {
-} .list__list_bxams {
+} .list__list_12uvh {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -26,14 +26,14 @@
     line-height: 24px;
 
     font-weight: 400;
-} .list__lowerAlpha_bxams {
+} .list__lowerAlpha_12uvh {
     list-style-type: lower-alpha;
     padding-left: var(--gap-l);
-} .list__decimal_bxams {
+} .list__decimal_12uvh {
     list-style-type: decimal;
-} ol.list__list_bxams {
+} ol.list__list_12uvh {
     display: flex;
     flex-direction: column
-} ol.list__list_bxams.list__reversed_bxams {
+} ol.list__list_12uvh.list__reversed_12uvh {
         flex-direction: column-reverse;
     }

package/list/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_item_Component = require('./Component-620c1a62.js');
+var components_item_Component = require('./Component-42afa613.js');
 var presets = require('./presets.js');
 require('tslib');
 require('react');

package/list/modern/{Component-280048d3.js → Component-6de564de.js}

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Typography } from '../../typography/modern';
 import { isItem } from './utils.js';
 
-const styles$1 = {"item":"list__item_voaey","reversed":"list__reversed_voaey","unorderedItem":"list__unorderedItem_voaey","slot":"list__slot_voaey","defaultColor":"list__defaultColor_voaey","disc":"list__disc_voaey","caption":"list__caption_voaey"};
+const styles$1 = {"item":"list__item_1odgo","reversed":"list__reversed_1odgo","unorderedItem":"list__unorderedItem_1odgo","slot":"list__slot_1odgo","defaultColor":"list__defaultColor_1odgo","disc":"list__disc_1odgo","caption":"list__caption_1odgo"};
 require('./components/item/index.css');
 
 const Item = ({ caption, children }) => {
@@ -27,7 +27,7 @@ const Item = ({ caption, children }) => {
 };
 Item.displayName = 'ListItem';
 
-const styles = {"list":"list__list_bxams","lowerAlpha":"list__lowerAlpha_bxams","decimal":"list__decimal_bxams","reversed":"list__reversed_bxams"};
+const styles = {"list":"list__list_12uvh","lowerAlpha":"list__lowerAlpha_12uvh","decimal":"list__decimal_12uvh","reversed":"list__reversed_12uvh"};
 require('./index.css');
 
 const ListContext = React.createContext({});

package/list/modern/Component.js

@@ -1,5 +1,5 @@
 import 'react';
 import 'classnames';
-export { a as List, L as ListContext } from './Component-280048d3.js';
+export { a as List, L as ListContext } from './Component-6de564de.js';
 import '../../typography/modern';
 import './utils.js';

package/list/modern/components/item/Component.js

@@ -1,5 +1,5 @@
 import 'react';
 import 'classnames';
 import '../../../../typography/modern';
-export { I as Item } from '../../Component-280048d3.js';
+export { I as Item } from '../../Component-6de564de.js';
 import '../../utils.js';

package/list/modern/components/item/index.css

@@ -21,29 +21,29 @@
 } :root {
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
-} .list__item_voaey {
+} .list__item_1odgo {
     margin-top: var(--list-item-margin);
     display: flex
-} .list__item_voaey:first-child {
+} .list__item_1odgo:first-child {
         margin-top: 0;
-    } .list__item_voaey.list__reversed_voaey:first-child {
+    } .list__item_1odgo.list__reversed_1odgo:first-child {
         margin-top: var(--list-item-margin);
-    } .list__item_voaey.list__reversed_voaey:last-child {
+    } .list__item_1odgo.list__reversed_1odgo:last-child {
         margin-top: 0;
-    } .list__item_voaey.list__unorderedItem_voaey {
+    } .list__item_1odgo.list__unorderedItem_1odgo {
         display: list-item;
-    } .list__slot_voaey {
+    } .list__slot_1odgo {
     min-width: 20px;
     display: flex;
     box-sizing: border-box;
     justify-content: start;
     padding-right: var(--gap-2xs);
     flex-shrink: 0
-} .list__slot_voaey.list__defaultColor_voaey {
+} .list__slot_1odgo.list__defaultColor_1odgo {
         color: var(--list-marker-color);
-    } .list__slot_voaey.list__disc_voaey {
+    } .list__slot_1odgo.list__disc_1odgo {
         justify-content: center;
         padding: 0 var(--gap-2xs);
-    } .list__caption_voaey {
+    } .list__caption_1odgo {
     margin-top: var(--gap-3xs);
 }

package/list/modern/components/item/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-280048d3";
+export * from "../../Component-6de564de";

package/list/modern/components/item/index.js

@@ -1,4 +1,4 @@
-export { I as Item } from '../../Component-280048d3.js';
+export { I as Item } from '../../Component-6de564de.js';
 import 'react';
 import 'classnames';
 import '../../../../typography/modern';

package/list/modern/index.css

@@ -16,7 +16,7 @@
     --gap-l: 20px;
 } :root {
 } :root {
-} .list__list_bxams {
+} .list__list_12uvh {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -26,14 +26,14 @@
     line-height: 24px;
 
     font-weight: 400;
-} .list__lowerAlpha_bxams {
+} .list__lowerAlpha_12uvh {
     list-style-type: lower-alpha;
     padding-left: var(--gap-l);
-} .list__decimal_bxams {
+} .list__decimal_12uvh {
     list-style-type: decimal;
-} ol.list__list_bxams {
+} ol.list__list_12uvh {
     display: flex;
     flex-direction: column
-} ol.list__list_bxams.list__reversed_bxams {
+} ol.list__list_12uvh.list__reversed_12uvh {
         flex-direction: column-reverse;
     }

package/list/modern/index.js

@@ -1,4 +1,4 @@
-export { a as List, L as ListContext } from './Component-280048d3.js';
+export { a as List, L as ListContext } from './Component-6de564de.js';
 export { listPresets } from './presets.js';
 import 'react';
 import 'classnames';

package/list-header/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"list-header__component_1simf","description":"list-header__description_1simf","filled":"list-header__filled_1simf"};
+var styles = {"component":"list-header__component_dh4jc","description":"list-header__description_dh4jc","filled":"list-header__filled_dh4jc"};
 require('./index.css');
 
 var ListHeader = function (_a) {

package/list-header/esm/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '../../typography/esm';
 
-var styles = {"component":"list-header__component_1simf","description":"list-header__description_1simf","filled":"list-header__filled_1simf"};
+var styles = {"component":"list-header__component_dh4jc","description":"list-header__description_dh4jc","filled":"list-header__filled_dh4jc"};
 require('./index.css');
 
 var ListHeader = function (_a) {

package/list-header/esm/index.css

@@ -22,11 +22,11 @@
 } :root {
 } :root {
     --list-header-description-opacity: 0.6;
-} .list-header__component_1simf {
+} .list-header__component_dh4jc {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
-} .list-header__description_1simf {
+} .list-header__description_dh4jc {
     opacity: var(--list-header-description-opacity);
-} .list-header__filled_1simf {
+} .list-header__filled_dh4jc {
     background-color: var(--color-light-specialbg-component);
 }

package/list-header/index.css

@@ -22,11 +22,11 @@
 } :root {
 } :root {
     --list-header-description-opacity: 0.6;
-} .list-header__component_1simf {
+} .list-header__component_dh4jc {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
-} .list-header__description_1simf {
+} .list-header__description_dh4jc {
     opacity: var(--list-header-description-opacity);
-} .list-header__filled_1simf {
+} .list-header__filled_dh4jc {
     background-color: var(--color-light-specialbg-component);
 }

package/list-header/modern/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '../../typography/modern';
 
-const styles = {"component":"list-header__component_1simf","description":"list-header__description_1simf","filled":"list-header__filled_1simf"};
+const styles = {"component":"list-header__component_dh4jc","description":"list-header__description_dh4jc","filled":"list-header__filled_dh4jc"};
 require('./index.css');
 
 const ListHeader = ({ title, description, filled = true, className, dataTestId, }) => (React.createElement("div", { "data-test-id": dataTestId, className: cn(styles.component, { [styles.filled]: filled }, className) },

package/list-header/modern/index.css

@@ -22,11 +22,11 @@
 } :root {
 } :root {
     --list-header-description-opacity: 0.6;
-} .list-header__component_1simf {
+} .list-header__component_dh4jc {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
-} .list-header__description_1simf {
+} .list-header__description_dh4jc {
     opacity: var(--list-header-description-opacity);
-} .list-header__filled_1simf {
+} .list-header__filled_dh4jc {
     background-color: var(--color-light-specialbg-component);
 }

package/loader/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 = {"component":"loader__component_1kn0w","blink":"loader__blink_1kn0w"};
+var styles = {"component":"loader__component_1ntww","blink":"loader__blink_1ntww"};
 require('./index.css');
 
 var Loader = function (_a) {

package/loader/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"loader__component_1kn0w","blink":"loader__blink_1kn0w"};
+var styles = {"component":"loader__component_1ntww","blink":"loader__blink_1ntww"};
 require('./index.css');
 
 var Loader = function (_a) {