@alfalab/core-components 41.11.0 → 41.12.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_e18w7","secondary":"link__secondary_e18w7","defaultView":"link__defaultView_e18w7"};
+const defaultColors = {"primary":"link__primary_uozn5","secondary":"link__secondary_uozn5","defaultView":"link__defaultView_uozn5"};
 require('./default.css');
 
-const styles = {"component":"link__component_mxfd9","text":"link__text_mxfd9","withAddons":"link__withAddons_mxfd9","focused":"link__focused_mxfd9","pseudo":"link__pseudo_mxfd9","withoutUnderline":"link__withoutUnderline_mxfd9","addons":"link__addons_mxfd9"};
+const styles = {"component":"link__component_qxain","text":"link__text_qxain","withAddons":"link__withAddons_qxain","focused":"link__focused_qxain","pseudo":"link__pseudo_qxain","withoutUnderline":"link__withoutUnderline_qxain","addons":"link__addons_qxain"};
 require('./index.css');
 
-const invertedColors = {"primary":"link__primary_rdoux","secondary":"link__secondary_rdoux","defaultView":"link__defaultView_rdoux"};
+const invertedColors = {"primary":"link__primary_181fl","secondary":"link__secondary_181fl","defaultView":"link__defaultView_181fl"};
 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_e18w7 {
+} .link__primary_uozn5 {
     color: var(--link-primary-color);
     border-bottom-color: var(--link-primary-color)
-} .link__primary_e18w7:hover {
+} .link__primary_uozn5:hover {
         color: var(--link-primary-hover-color);
-    } .link__primary_e18w7:active {
+    } .link__primary_uozn5:active {
         color: var(--link-primary-active-color);
-    } .link__secondary_e18w7 {
+    } .link__secondary_uozn5 {
     color: var(--link-secondary-color);
     border-bottom-color: var(--link-secondary-color)
-} .link__secondary_e18w7:hover {
+} .link__secondary_uozn5:hover {
         color: var(--link-secondary-hover-color);
-    } .link__secondary_e18w7:active {
+    } .link__secondary_uozn5:active {
         color: var(--link-secondary-active-color);
-    } .link__defaultView_e18w7 {
+    } .link__defaultView_uozn5 {
     color: var(--link-default-color);
     border-bottom-color: var(--link-default-color)
-} .link__defaultView_e18w7:hover {
+} .link__defaultView_uozn5:hover {
         color: var(--link-default-hover-color);
-    } .link__defaultView_e18w7:active {
+    } .link__defaultView_uozn5: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_mxfd9 {
+} .link__component_qxain {
     box-sizing: border-box;
     text-decoration: none;
     font-family: var(--font-family);
     cursor: pointer;
     outline: none
-} .link__component_mxfd9:hover .link__text_mxfd9,
-    .link__component_mxfd9:active .link__text_mxfd9 {
+} .link__component_qxain:hover .link__text_qxain,
+    .link__component_qxain:active .link__text_qxain {
         border-bottom-color: rgba(0, 0, 0, 0);
-    } .link__withAddons_mxfd9 {
+    } .link__withAddons_qxain {
     display: inline-flex;
     flex-direction: row;
     flex-wrap: nowrap;
-} .link__text_mxfd9 {
+} .link__text_qxain {
     border-bottom: 1px solid;
     transition: border 0.2s ease, color 0.2s ease;
-} .link__focused_mxfd9 {
+} .link__focused_qxain {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .link__pseudo_mxfd9 {
+} .link__pseudo_qxain {
     margin: 0;
     padding: 0;
     background-color: transparent;
     border: none;
     box-shadow: none;
     font: inherit;
-} .link__pseudo_mxfd9 .link__text_mxfd9 {
+} .link__pseudo_qxain .link__text_qxain {
     border-bottom-style: dashed;
-} .link__withoutUnderline_mxfd9 .link__text_mxfd9 {
+} .link__withoutUnderline_qxain .link__text_qxain {
     border-bottom: none;
-} .link__addons_mxfd9 {
+} .link__addons_qxain {
     display: flex;
     align-items: center;
     transition: color 0.2s ease;
-} .link__addons_mxfd9:first-child {
+} .link__addons_qxain:first-child {
     margin-right: var(--gap-xs);
-} .link__addons_mxfd9:last-child {
+} .link__addons_qxain:last-child {
     margin-left: var(--gap-2xs);
-} .link__addons_mxfd9:only-child {
+} .link__addons_qxain: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_rdoux {
+} .link__primary_181fl {
     color: var(--link-inverted-primary-color);
     border-bottom-color: var(--link-inverted-primary-color)
-} .link__primary_rdoux:hover {
+} .link__primary_181fl:hover {
         color: var(--link-inverted-primary-hover-color);
-    } .link__primary_rdoux:active {
+    } .link__primary_181fl:active {
         color: var(--link-inverted-primary-active-color);
-    } .link__secondary_rdoux {
+    } .link__secondary_181fl {
     color: var(--link-inverted-secondary-color);
     border-bottom-color: var(--link-inverted-secondary-color)
-} .link__secondary_rdoux:hover {
+} .link__secondary_181fl:hover {
         color: var(--link-inverted-secondary-hover-color);
-    } .link__secondary_rdoux:active {
+    } .link__secondary_181fl:active {
         color: var(--link-inverted-secondary-active-color);
-    } .link__defaultView_rdoux {
+    } .link__defaultView_181fl {
     color: var(--link-inverted-default-color);
     border-bottom-color: var(--link-inverted-default-color)
-} .link__defaultView_rdoux:hover {
+} .link__defaultView_181fl:hover {
         color: var(--link-inverted-default-hover-color);
-    } .link__defaultView_rdoux:active {
+    } .link__defaultView_181fl:active {
         color: var(--link-inverted-default-active-color);
     }

package/list/{Component-1c2d9998.js → Component-682c731b.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_zrpge","reversed":"list__reversed_zrpge","unorderedItem":"list__unorderedItem_zrpge","slot":"list__slot_zrpge","defaultColor":"list__defaultColor_zrpge","disc":"list__disc_zrpge","caption":"list__caption_zrpge"};
+var styles$1 = {"item":"list__item_1dra7","reversed":"list__reversed_1dra7","unorderedItem":"list__unorderedItem_1dra7","slot":"list__slot_1dra7","defaultColor":"list__defaultColor_1dra7","disc":"list__disc_1dra7","caption":"list__caption_1dra7"};
 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_1udvu","lowerAlpha":"list__lowerAlpha_1udvu","decimal":"list__decimal_1udvu","reversed":"list__reversed_1udvu"};
+var styles = {"list":"list__list_macnt","lowerAlpha":"list__lowerAlpha_macnt","decimal":"list__decimal_macnt","reversed":"list__reversed_macnt"};
 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-1c2d9998.js');
+var components_item_Component = require('./Component-682c731b.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-1c2d9998.js');
+var components_item_Component = require('../../Component-682c731b.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_zrpge {
+} .list__item_1dra7 {
     margin-top: var(--list-item-margin);
     display: flex
-} .list__item_zrpge:first-child {
+} .list__item_1dra7:first-child {
         margin-top: 0;
-    } .list__item_zrpge.list__reversed_zrpge:first-child {
+    } .list__item_1dra7.list__reversed_1dra7:first-child {
         margin-top: var(--list-item-margin);
-    } .list__item_zrpge.list__reversed_zrpge:last-child {
+    } .list__item_1dra7.list__reversed_1dra7:last-child {
         margin-top: 0;
-    } .list__item_zrpge.list__unorderedItem_zrpge {
+    } .list__item_1dra7.list__unorderedItem_1dra7 {
         display: list-item;
-    } .list__slot_zrpge {
+    } .list__slot_1dra7 {
     min-width: 20px;
     display: flex;
     box-sizing: border-box;
     justify-content: start;
     padding-right: var(--gap-2xs);
     flex-shrink: 0
-} .list__slot_zrpge.list__defaultColor_zrpge {
+} .list__slot_1dra7.list__defaultColor_1dra7 {
         color: var(--list-marker-color);
-    } .list__slot_zrpge.list__disc_zrpge {
+    } .list__slot_1dra7.list__disc_1dra7 {
         justify-content: center;
         padding: 0 var(--gap-2xs);
-    } .list__caption_zrpge {
+    } .list__caption_1dra7 {
     margin-top: var(--gap-3xs);
 }

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

@@ -1 +1 @@
-export * from "../../Component-1c2d9998";
+export * from "../../Component-682c731b";

package/list/components/item/index.js

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

package/list/esm/{Component-171bbc5e.js → Component-ce97382c.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_zrpge","reversed":"list__reversed_zrpge","unorderedItem":"list__unorderedItem_zrpge","slot":"list__slot_zrpge","defaultColor":"list__defaultColor_zrpge","disc":"list__disc_zrpge","caption":"list__caption_zrpge"};
+var styles$1 = {"item":"list__item_1dra7","reversed":"list__reversed_1dra7","unorderedItem":"list__unorderedItem_1dra7","slot":"list__slot_1dra7","defaultColor":"list__defaultColor_1dra7","disc":"list__disc_1dra7","caption":"list__caption_1dra7"};
 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_1udvu","lowerAlpha":"list__lowerAlpha_1udvu","decimal":"list__decimal_1udvu","reversed":"list__reversed_1udvu"};
+var styles = {"list":"list__list_macnt","lowerAlpha":"list__lowerAlpha_macnt","decimal":"list__decimal_macnt","reversed":"list__reversed_macnt"};
 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-171bbc5e.js';
+export { a as List, L as ListContext } from './Component-ce97382c.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-171bbc5e.js';
+export { I as Item } from '../../Component-ce97382c.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_zrpge {
+} .list__item_1dra7 {
     margin-top: var(--list-item-margin);
     display: flex
-} .list__item_zrpge:first-child {
+} .list__item_1dra7:first-child {
         margin-top: 0;
-    } .list__item_zrpge.list__reversed_zrpge:first-child {
+    } .list__item_1dra7.list__reversed_1dra7:first-child {
         margin-top: var(--list-item-margin);
-    } .list__item_zrpge.list__reversed_zrpge:last-child {
+    } .list__item_1dra7.list__reversed_1dra7:last-child {
         margin-top: 0;
-    } .list__item_zrpge.list__unorderedItem_zrpge {
+    } .list__item_1dra7.list__unorderedItem_1dra7 {
         display: list-item;
-    } .list__slot_zrpge {
+    } .list__slot_1dra7 {
     min-width: 20px;
     display: flex;
     box-sizing: border-box;
     justify-content: start;
     padding-right: var(--gap-2xs);
     flex-shrink: 0
-} .list__slot_zrpge.list__defaultColor_zrpge {
+} .list__slot_1dra7.list__defaultColor_1dra7 {
         color: var(--list-marker-color);
-    } .list__slot_zrpge.list__disc_zrpge {
+    } .list__slot_1dra7.list__disc_1dra7 {
         justify-content: center;
         padding: 0 var(--gap-2xs);
-    } .list__caption_zrpge {
+    } .list__caption_1dra7 {
     margin-top: var(--gap-3xs);
 }

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

@@ -1 +1 @@
-export * from "../../Component-171bbc5e";
+export * from "../../Component-ce97382c";

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

@@ -1,4 +1,4 @@
-export { I as Item } from '../../Component-171bbc5e.js';
+export { I as Item } from '../../Component-ce97382c.js';
 import 'tslib';
 import 'react';
 import 'classnames';

package/list/esm/index.css

@@ -16,7 +16,7 @@
     --gap-l: 20px;
 } :root {
 } :root {
-} .list__list_1udvu {
+} .list__list_macnt {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -26,14 +26,14 @@
     line-height: 24px;
 
     font-weight: 400;
-} .list__lowerAlpha_1udvu {
+} .list__lowerAlpha_macnt {
     list-style-type: lower-alpha;
     padding-left: var(--gap-l);
-} .list__decimal_1udvu {
+} .list__decimal_macnt {
     list-style-type: decimal;
-} ol.list__list_1udvu {
+} ol.list__list_macnt {
     display: flex;
     flex-direction: column
-} ol.list__list_1udvu.list__reversed_1udvu {
+} ol.list__list_macnt.list__reversed_macnt {
         flex-direction: column-reverse;
     }

package/list/esm/index.js

@@ -1,4 +1,4 @@
-export { a as List, L as ListContext } from './Component-171bbc5e.js';
+export { a as List, L as ListContext } from './Component-ce97382c.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_1udvu {
+} .list__list_macnt {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -26,14 +26,14 @@
     line-height: 24px;
 
     font-weight: 400;
-} .list__lowerAlpha_1udvu {
+} .list__lowerAlpha_macnt {
     list-style-type: lower-alpha;
     padding-left: var(--gap-l);
-} .list__decimal_1udvu {
+} .list__decimal_macnt {
     list-style-type: decimal;
-} ol.list__list_1udvu {
+} ol.list__list_macnt {
     display: flex;
     flex-direction: column
-} ol.list__list_1udvu.list__reversed_1udvu {
+} ol.list__list_macnt.list__reversed_macnt {
         flex-direction: column-reverse;
     }

package/list/index.js

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

package/list/modern/{Component-585b7cd6.js → Component-3000577e.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_zrpge","reversed":"list__reversed_zrpge","unorderedItem":"list__unorderedItem_zrpge","slot":"list__slot_zrpge","defaultColor":"list__defaultColor_zrpge","disc":"list__disc_zrpge","caption":"list__caption_zrpge"};
+const styles$1 = {"item":"list__item_1dra7","reversed":"list__reversed_1dra7","unorderedItem":"list__unorderedItem_1dra7","slot":"list__slot_1dra7","defaultColor":"list__defaultColor_1dra7","disc":"list__disc_1dra7","caption":"list__caption_1dra7"};
 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_1udvu","lowerAlpha":"list__lowerAlpha_1udvu","decimal":"list__decimal_1udvu","reversed":"list__reversed_1udvu"};
+const styles = {"list":"list__list_macnt","lowerAlpha":"list__lowerAlpha_macnt","decimal":"list__decimal_macnt","reversed":"list__reversed_macnt"};
 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-585b7cd6.js';
+export { a as List, L as ListContext } from './Component-3000577e.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-585b7cd6.js';
+export { I as Item } from '../../Component-3000577e.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_zrpge {
+} .list__item_1dra7 {
     margin-top: var(--list-item-margin);
     display: flex
-} .list__item_zrpge:first-child {
+} .list__item_1dra7:first-child {
         margin-top: 0;
-    } .list__item_zrpge.list__reversed_zrpge:first-child {
+    } .list__item_1dra7.list__reversed_1dra7:first-child {
         margin-top: var(--list-item-margin);
-    } .list__item_zrpge.list__reversed_zrpge:last-child {
+    } .list__item_1dra7.list__reversed_1dra7:last-child {
         margin-top: 0;
-    } .list__item_zrpge.list__unorderedItem_zrpge {
+    } .list__item_1dra7.list__unorderedItem_1dra7 {
         display: list-item;
-    } .list__slot_zrpge {
+    } .list__slot_1dra7 {
     min-width: 20px;
     display: flex;
     box-sizing: border-box;
     justify-content: start;
     padding-right: var(--gap-2xs);
     flex-shrink: 0
-} .list__slot_zrpge.list__defaultColor_zrpge {
+} .list__slot_1dra7.list__defaultColor_1dra7 {
         color: var(--list-marker-color);
-    } .list__slot_zrpge.list__disc_zrpge {
+    } .list__slot_1dra7.list__disc_1dra7 {
         justify-content: center;
         padding: 0 var(--gap-2xs);
-    } .list__caption_zrpge {
+    } .list__caption_1dra7 {
     margin-top: var(--gap-3xs);
 }

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

@@ -1 +1 @@
-export * from "../../Component-585b7cd6";
+export * from "../../Component-3000577e";

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

@@ -1,4 +1,4 @@
-export { I as Item } from '../../Component-585b7cd6.js';
+export { I as Item } from '../../Component-3000577e.js';
 import 'react';
 import 'classnames';
 import '../../../../typography/modern';

package/list/modern/index.css

@@ -16,7 +16,7 @@
     --gap-l: 20px;
 } :root {
 } :root {
-} .list__list_1udvu {
+} .list__list_macnt {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -26,14 +26,14 @@
     line-height: 24px;
 
     font-weight: 400;
-} .list__lowerAlpha_1udvu {
+} .list__lowerAlpha_macnt {
     list-style-type: lower-alpha;
     padding-left: var(--gap-l);
-} .list__decimal_1udvu {
+} .list__decimal_macnt {
     list-style-type: decimal;
-} ol.list__list_1udvu {
+} ol.list__list_macnt {
     display: flex;
     flex-direction: column
-} ol.list__list_1udvu.list__reversed_1udvu {
+} ol.list__list_macnt.list__reversed_macnt {
         flex-direction: column-reverse;
     }

package/list/modern/index.js

@@ -1,4 +1,4 @@
-export { a as List, L as ListContext } from './Component-585b7cd6.js';
+export { a as List, L as ListContext } from './Component-3000577e.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_1udb5","description":"list-header__description_1udb5","filled":"list-header__filled_1udb5"};
+var styles = {"component":"list-header__component_fbta1","description":"list-header__description_fbta1","filled":"list-header__filled_fbta1"};
 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_1udb5","description":"list-header__description_1udb5","filled":"list-header__filled_1udb5"};
+var styles = {"component":"list-header__component_fbta1","description":"list-header__description_fbta1","filled":"list-header__filled_fbta1"};
 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_1udb5 {
+} .list-header__component_fbta1 {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
-} .list-header__description_1udb5 {
+} .list-header__description_fbta1 {
     opacity: var(--list-header-description-opacity);
-} .list-header__filled_1udb5 {
+} .list-header__filled_fbta1 {
     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_1udb5 {
+} .list-header__component_fbta1 {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
-} .list-header__description_1udb5 {
+} .list-header__description_fbta1 {
     opacity: var(--list-header-description-opacity);
-} .list-header__filled_1udb5 {
+} .list-header__filled_fbta1 {
     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_1udb5","description":"list-header__description_1udb5","filled":"list-header__filled_1udb5"};
+const styles = {"component":"list-header__component_fbta1","description":"list-header__description_fbta1","filled":"list-header__filled_fbta1"};
 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_1udb5 {
+} .list-header__component_fbta1 {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
-} .list-header__description_1udb5 {
+} .list-header__description_fbta1 {
     opacity: var(--list-header-description-opacity);
-} .list-header__filled_1udb5 {
+} .list-header__filled_fbta1 {
     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_17zf6","blink":"loader__blink_17zf6"};
+var styles = {"component":"loader__component_1b6b5","blink":"loader__blink_1b6b5"};
 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_17zf6","blink":"loader__blink_17zf6"};
+var styles = {"component":"loader__component_1b6b5","blink":"loader__blink_1b6b5"};
 require('./index.css');
 
 var Loader = function (_a) {