@alfalab/core-components 41.1.0-beta.0 → 41.2.0

package/link/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_fbfhe {
+} .link__primary_1h65z {
     color: var(--link-inverted-primary-color);
     border-bottom-color: var(--link-inverted-primary-color)
-} .link__primary_fbfhe:hover {
+} .link__primary_1h65z:hover {
         color: var(--link-inverted-primary-hover-color);
-    } .link__primary_fbfhe:active {
+    } .link__primary_1h65z:active {
         color: var(--link-inverted-primary-active-color);
-    } .link__secondary_fbfhe {
+    } .link__secondary_1h65z {
     color: var(--link-inverted-secondary-color);
     border-bottom-color: var(--link-inverted-secondary-color)
-} .link__secondary_fbfhe:hover {
+} .link__secondary_1h65z:hover {
         color: var(--link-inverted-secondary-hover-color);
-    } .link__secondary_fbfhe:active {
+    } .link__secondary_1h65z:active {
         color: var(--link-inverted-secondary-active-color);
-    } .link__defaultView_fbfhe {
+    } .link__defaultView_1h65z {
     color: var(--link-inverted-default-color);
     border-bottom-color: var(--link-inverted-default-color)
-} .link__defaultView_fbfhe:hover {
+} .link__defaultView_1h65z:hover {
         color: var(--link-inverted-default-hover-color);
-    } .link__defaultView_fbfhe:active {
+    } .link__defaultView_1h65z:active {
         color: var(--link-inverted-default-active-color);
     }

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_1bezf","secondary":"link__secondary_1bezf","defaultView":"link__defaultView_1bezf"};
+const defaultColors = {"primary":"link__primary_e8lvx","secondary":"link__secondary_e8lvx","defaultView":"link__defaultView_e8lvx"};
 require('./default.css');
 
-const styles = {"component":"link__component_72oqy","text":"link__text_72oqy","withAddons":"link__withAddons_72oqy","focused":"link__focused_72oqy","pseudo":"link__pseudo_72oqy","withoutUnderline":"link__withoutUnderline_72oqy","addons":"link__addons_72oqy"};
+const styles = {"component":"link__component_1prdn","text":"link__text_1prdn","withAddons":"link__withAddons_1prdn","focused":"link__focused_1prdn","pseudo":"link__pseudo_1prdn","withoutUnderline":"link__withoutUnderline_1prdn","addons":"link__addons_1prdn"};
 require('./index.css');
 
-const invertedColors = {"primary":"link__primary_fbfhe","secondary":"link__secondary_fbfhe","defaultView":"link__defaultView_fbfhe"};
+const invertedColors = {"primary":"link__primary_1h65z","secondary":"link__secondary_1h65z","defaultView":"link__defaultView_1h65z"};
 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_1bezf {
+} .link__primary_e8lvx {
     color: var(--link-primary-color);
     border-bottom-color: var(--link-primary-color)
-} .link__primary_1bezf:hover {
+} .link__primary_e8lvx:hover {
         color: var(--link-primary-hover-color);
-    } .link__primary_1bezf:active {
+    } .link__primary_e8lvx:active {
         color: var(--link-primary-active-color);
-    } .link__secondary_1bezf {
+    } .link__secondary_e8lvx {
     color: var(--link-secondary-color);
     border-bottom-color: var(--link-secondary-color)
-} .link__secondary_1bezf:hover {
+} .link__secondary_e8lvx:hover {
         color: var(--link-secondary-hover-color);
-    } .link__secondary_1bezf:active {
+    } .link__secondary_e8lvx:active {
         color: var(--link-secondary-active-color);
-    } .link__defaultView_1bezf {
+    } .link__defaultView_e8lvx {
     color: var(--link-default-color);
     border-bottom-color: var(--link-default-color)
-} .link__defaultView_1bezf:hover {
+} .link__defaultView_e8lvx:hover {
         color: var(--link-default-hover-color);
-    } .link__defaultView_1bezf:active {
+    } .link__defaultView_e8lvx: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_72oqy {
+} .link__component_1prdn {
     box-sizing: border-box;
     text-decoration: none;
     font-family: var(--font-family);
     cursor: pointer;
     outline: none
-} .link__component_72oqy:hover .link__text_72oqy,
-    .link__component_72oqy:active .link__text_72oqy {
+} .link__component_1prdn:hover .link__text_1prdn,
+    .link__component_1prdn:active .link__text_1prdn {
         border-bottom-color: rgba(0, 0, 0, 0);
-    } .link__withAddons_72oqy {
+    } .link__withAddons_1prdn {
     display: inline-flex;
     flex-direction: row;
     flex-wrap: nowrap;
-} .link__text_72oqy {
+} .link__text_1prdn {
     border-bottom: 1px solid;
     transition: border 0.2s ease, color 0.2s ease;
-} .link__focused_72oqy {
+} .link__focused_1prdn {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .link__pseudo_72oqy {
+} .link__pseudo_1prdn {
     margin: 0;
     padding: 0;
     background-color: transparent;
     border: none;
     box-shadow: none;
     font: inherit;
-} .link__pseudo_72oqy .link__text_72oqy {
+} .link__pseudo_1prdn .link__text_1prdn {
     border-bottom-style: dashed;
-} .link__withoutUnderline_72oqy .link__text_72oqy {
+} .link__withoutUnderline_1prdn .link__text_1prdn {
     border-bottom: none;
-} .link__addons_72oqy {
+} .link__addons_1prdn {
     display: flex;
     align-items: center;
     transition: color 0.2s ease;
-} .link__addons_72oqy:first-child {
+} .link__addons_1prdn:first-child {
     margin-right: var(--gap-xs);
-} .link__addons_72oqy:last-child {
+} .link__addons_1prdn:last-child {
     margin-left: var(--gap-2xs);
-} .link__addons_72oqy:only-child {
+} .link__addons_1prdn: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_fbfhe {
+} .link__primary_1h65z {
     color: var(--link-inverted-primary-color);
     border-bottom-color: var(--link-inverted-primary-color)
-} .link__primary_fbfhe:hover {
+} .link__primary_1h65z:hover {
         color: var(--link-inverted-primary-hover-color);
-    } .link__primary_fbfhe:active {
+    } .link__primary_1h65z:active {
         color: var(--link-inverted-primary-active-color);
-    } .link__secondary_fbfhe {
+    } .link__secondary_1h65z {
     color: var(--link-inverted-secondary-color);
     border-bottom-color: var(--link-inverted-secondary-color)
-} .link__secondary_fbfhe:hover {
+} .link__secondary_1h65z:hover {
         color: var(--link-inverted-secondary-hover-color);
-    } .link__secondary_fbfhe:active {
+    } .link__secondary_1h65z:active {
         color: var(--link-inverted-secondary-active-color);
-    } .link__defaultView_fbfhe {
+    } .link__defaultView_1h65z {
     color: var(--link-inverted-default-color);
     border-bottom-color: var(--link-inverted-default-color)
-} .link__defaultView_fbfhe:hover {
+} .link__defaultView_1h65z:hover {
         color: var(--link-inverted-default-hover-color);
-    } .link__defaultView_fbfhe:active {
+    } .link__defaultView_1h65z:active {
         color: var(--link-inverted-default-active-color);
     }

package/list/{Component-fc430462.js → Component-c9e0a313.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_1dov7","reversed":"list__reversed_1dov7","unorderedItem":"list__unorderedItem_1dov7","slot":"list__slot_1dov7","defaultColor":"list__defaultColor_1dov7","disc":"list__disc_1dov7","caption":"list__caption_1dov7"};
+var styles$1 = {"item":"list__item_1nbtp","reversed":"list__reversed_1nbtp","unorderedItem":"list__unorderedItem_1nbtp","slot":"list__slot_1nbtp","defaultColor":"list__defaultColor_1nbtp","disc":"list__disc_1nbtp","caption":"list__caption_1nbtp"};
 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_126gf","lowerAlpha":"list__lowerAlpha_126gf","decimal":"list__decimal_126gf","reversed":"list__reversed_126gf"};
+var styles = {"list":"list__list_1t9d4","lowerAlpha":"list__lowerAlpha_1t9d4","decimal":"list__decimal_1t9d4","reversed":"list__reversed_1t9d4"};
 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-fc430462.js');
+var components_item_Component = require('./Component-c9e0a313.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-fc430462.js');
+var components_item_Component = require('../../Component-c9e0a313.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_1dov7 {
+} .list__item_1nbtp {
     margin-top: var(--list-item-margin);
     display: flex
-} .list__item_1dov7:first-child {
+} .list__item_1nbtp:first-child {
         margin-top: 0;
-    } .list__item_1dov7.list__reversed_1dov7:first-child {
+    } .list__item_1nbtp.list__reversed_1nbtp:first-child {
         margin-top: var(--list-item-margin);
-    } .list__item_1dov7.list__reversed_1dov7:last-child {
+    } .list__item_1nbtp.list__reversed_1nbtp:last-child {
         margin-top: 0;
-    } .list__item_1dov7.list__unorderedItem_1dov7 {
+    } .list__item_1nbtp.list__unorderedItem_1nbtp {
         display: list-item;
-    } .list__slot_1dov7 {
+    } .list__slot_1nbtp {
     min-width: 20px;
     display: flex;
     box-sizing: border-box;
     justify-content: start;
     padding-right: var(--gap-2xs);
     flex-shrink: 0
-} .list__slot_1dov7.list__defaultColor_1dov7 {
+} .list__slot_1nbtp.list__defaultColor_1nbtp {
         color: var(--list-marker-color);
-    } .list__slot_1dov7.list__disc_1dov7 {
+    } .list__slot_1nbtp.list__disc_1nbtp {
         justify-content: center;
         padding: 0 var(--gap-2xs);
-    } .list__caption_1dov7 {
+    } .list__caption_1nbtp {
     margin-top: var(--gap-3xs);
 }

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

@@ -1 +1 @@
-export * from "../../Component-fc430462";
+export * from "../../Component-c9e0a313";

package/list/components/item/index.js

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

package/list/esm/{Component-778cfabd.js → Component-ec23a250.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_1dov7","reversed":"list__reversed_1dov7","unorderedItem":"list__unorderedItem_1dov7","slot":"list__slot_1dov7","defaultColor":"list__defaultColor_1dov7","disc":"list__disc_1dov7","caption":"list__caption_1dov7"};
+var styles$1 = {"item":"list__item_1nbtp","reversed":"list__reversed_1nbtp","unorderedItem":"list__unorderedItem_1nbtp","slot":"list__slot_1nbtp","defaultColor":"list__defaultColor_1nbtp","disc":"list__disc_1nbtp","caption":"list__caption_1nbtp"};
 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_126gf","lowerAlpha":"list__lowerAlpha_126gf","decimal":"list__decimal_126gf","reversed":"list__reversed_126gf"};
+var styles = {"list":"list__list_1t9d4","lowerAlpha":"list__lowerAlpha_1t9d4","decimal":"list__decimal_1t9d4","reversed":"list__reversed_1t9d4"};
 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-778cfabd.js';
+export { a as List, L as ListContext } from './Component-ec23a250.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-778cfabd.js';
+export { I as Item } from '../../Component-ec23a250.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_1dov7 {
+} .list__item_1nbtp {
     margin-top: var(--list-item-margin);
     display: flex
-} .list__item_1dov7:first-child {
+} .list__item_1nbtp:first-child {
         margin-top: 0;
-    } .list__item_1dov7.list__reversed_1dov7:first-child {
+    } .list__item_1nbtp.list__reversed_1nbtp:first-child {
         margin-top: var(--list-item-margin);
-    } .list__item_1dov7.list__reversed_1dov7:last-child {
+    } .list__item_1nbtp.list__reversed_1nbtp:last-child {
         margin-top: 0;
-    } .list__item_1dov7.list__unorderedItem_1dov7 {
+    } .list__item_1nbtp.list__unorderedItem_1nbtp {
         display: list-item;
-    } .list__slot_1dov7 {
+    } .list__slot_1nbtp {
     min-width: 20px;
     display: flex;
     box-sizing: border-box;
     justify-content: start;
     padding-right: var(--gap-2xs);
     flex-shrink: 0
-} .list__slot_1dov7.list__defaultColor_1dov7 {
+} .list__slot_1nbtp.list__defaultColor_1nbtp {
         color: var(--list-marker-color);
-    } .list__slot_1dov7.list__disc_1dov7 {
+    } .list__slot_1nbtp.list__disc_1nbtp {
         justify-content: center;
         padding: 0 var(--gap-2xs);
-    } .list__caption_1dov7 {
+    } .list__caption_1nbtp {
     margin-top: var(--gap-3xs);
 }

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

@@ -1 +1 @@
-export * from "../../Component-778cfabd";
+export * from "../../Component-ec23a250";

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

@@ -1,4 +1,4 @@
-export { I as Item } from '../../Component-778cfabd.js';
+export { I as Item } from '../../Component-ec23a250.js';
 import 'tslib';
 import 'react';
 import 'classnames';

package/list/esm/index.css

@@ -16,7 +16,7 @@
     --gap-l: 20px;
 } :root {
 } :root {
-} .list__list_126gf {
+} .list__list_1t9d4 {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -26,14 +26,14 @@
     line-height: 24px;
 
     font-weight: 400;
-} .list__lowerAlpha_126gf {
+} .list__lowerAlpha_1t9d4 {
     list-style-type: lower-alpha;
     padding-left: var(--gap-l);
-} .list__decimal_126gf {
+} .list__decimal_1t9d4 {
     list-style-type: decimal;
-} ol.list__list_126gf {
+} ol.list__list_1t9d4 {
     display: flex;
     flex-direction: column
-} ol.list__list_126gf.list__reversed_126gf {
+} ol.list__list_1t9d4.list__reversed_1t9d4 {
         flex-direction: column-reverse;
     }

package/list/esm/index.js

@@ -1,4 +1,4 @@
-export { a as List, L as ListContext } from './Component-778cfabd.js';
+export { a as List, L as ListContext } from './Component-ec23a250.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_126gf {
+} .list__list_1t9d4 {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -26,14 +26,14 @@
     line-height: 24px;
 
     font-weight: 400;
-} .list__lowerAlpha_126gf {
+} .list__lowerAlpha_1t9d4 {
     list-style-type: lower-alpha;
     padding-left: var(--gap-l);
-} .list__decimal_126gf {
+} .list__decimal_1t9d4 {
     list-style-type: decimal;
-} ol.list__list_126gf {
+} ol.list__list_1t9d4 {
     display: flex;
     flex-direction: column
-} ol.list__list_126gf.list__reversed_126gf {
+} ol.list__list_1t9d4.list__reversed_1t9d4 {
         flex-direction: column-reverse;
     }

package/list/index.js

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

package/list/modern/{Component-26137be9.js → Component-e00633cf.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_1dov7","reversed":"list__reversed_1dov7","unorderedItem":"list__unorderedItem_1dov7","slot":"list__slot_1dov7","defaultColor":"list__defaultColor_1dov7","disc":"list__disc_1dov7","caption":"list__caption_1dov7"};
+const styles$1 = {"item":"list__item_1nbtp","reversed":"list__reversed_1nbtp","unorderedItem":"list__unorderedItem_1nbtp","slot":"list__slot_1nbtp","defaultColor":"list__defaultColor_1nbtp","disc":"list__disc_1nbtp","caption":"list__caption_1nbtp"};
 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_126gf","lowerAlpha":"list__lowerAlpha_126gf","decimal":"list__decimal_126gf","reversed":"list__reversed_126gf"};
+const styles = {"list":"list__list_1t9d4","lowerAlpha":"list__lowerAlpha_1t9d4","decimal":"list__decimal_1t9d4","reversed":"list__reversed_1t9d4"};
 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-26137be9.js';
+export { a as List, L as ListContext } from './Component-e00633cf.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-26137be9.js';
+export { I as Item } from '../../Component-e00633cf.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_1dov7 {
+} .list__item_1nbtp {
     margin-top: var(--list-item-margin);
     display: flex
-} .list__item_1dov7:first-child {
+} .list__item_1nbtp:first-child {
         margin-top: 0;
-    } .list__item_1dov7.list__reversed_1dov7:first-child {
+    } .list__item_1nbtp.list__reversed_1nbtp:first-child {
         margin-top: var(--list-item-margin);
-    } .list__item_1dov7.list__reversed_1dov7:last-child {
+    } .list__item_1nbtp.list__reversed_1nbtp:last-child {
         margin-top: 0;
-    } .list__item_1dov7.list__unorderedItem_1dov7 {
+    } .list__item_1nbtp.list__unorderedItem_1nbtp {
         display: list-item;
-    } .list__slot_1dov7 {
+    } .list__slot_1nbtp {
     min-width: 20px;
     display: flex;
     box-sizing: border-box;
     justify-content: start;
     padding-right: var(--gap-2xs);
     flex-shrink: 0
-} .list__slot_1dov7.list__defaultColor_1dov7 {
+} .list__slot_1nbtp.list__defaultColor_1nbtp {
         color: var(--list-marker-color);
-    } .list__slot_1dov7.list__disc_1dov7 {
+    } .list__slot_1nbtp.list__disc_1nbtp {
         justify-content: center;
         padding: 0 var(--gap-2xs);
-    } .list__caption_1dov7 {
+    } .list__caption_1nbtp {
     margin-top: var(--gap-3xs);
 }

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

@@ -1 +1 @@
-export * from "../../Component-26137be9";
+export * from "../../Component-e00633cf";

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

@@ -1,4 +1,4 @@
-export { I as Item } from '../../Component-26137be9.js';
+export { I as Item } from '../../Component-e00633cf.js';
 import 'react';
 import 'classnames';
 import '../../../../typography/modern';

package/list/modern/index.css

@@ -16,7 +16,7 @@
     --gap-l: 20px;
 } :root {
 } :root {
-} .list__list_126gf {
+} .list__list_1t9d4 {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -26,14 +26,14 @@
     line-height: 24px;
 
     font-weight: 400;
-} .list__lowerAlpha_126gf {
+} .list__lowerAlpha_1t9d4 {
     list-style-type: lower-alpha;
     padding-left: var(--gap-l);
-} .list__decimal_126gf {
+} .list__decimal_1t9d4 {
     list-style-type: decimal;
-} ol.list__list_126gf {
+} ol.list__list_1t9d4 {
     display: flex;
     flex-direction: column
-} ol.list__list_126gf.list__reversed_126gf {
+} ol.list__list_1t9d4.list__reversed_1t9d4 {
         flex-direction: column-reverse;
     }

package/list/modern/index.js

@@ -1,4 +1,4 @@
-export { a as List, L as ListContext } from './Component-26137be9.js';
+export { a as List, L as ListContext } from './Component-e00633cf.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_carwd","description":"list-header__description_carwd","filled":"list-header__filled_carwd"};
+var styles = {"component":"list-header__component_1bh7i","description":"list-header__description_1bh7i","filled":"list-header__filled_1bh7i"};
 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_carwd","description":"list-header__description_carwd","filled":"list-header__filled_carwd"};
+var styles = {"component":"list-header__component_1bh7i","description":"list-header__description_1bh7i","filled":"list-header__filled_1bh7i"};
 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_carwd {
+} .list-header__component_1bh7i {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
-} .list-header__description_carwd {
+} .list-header__description_1bh7i {
     opacity: var(--list-header-description-opacity);
-} .list-header__filled_carwd {
+} .list-header__filled_1bh7i {
     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_carwd {
+} .list-header__component_1bh7i {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
-} .list-header__description_carwd {
+} .list-header__description_1bh7i {
     opacity: var(--list-header-description-opacity);
-} .list-header__filled_carwd {
+} .list-header__filled_1bh7i {
     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_carwd","description":"list-header__description_carwd","filled":"list-header__filled_carwd"};
+const styles = {"component":"list-header__component_1bh7i","description":"list-header__description_1bh7i","filled":"list-header__filled_1bh7i"};
 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) },