@alfalab/core-components 48.33.2 → 48.33.4

package/tabs/components/scroll-controls/Component.js

@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var _debounce__default = /*#__PURE__*/_interopDefaultCompat(_debounce);
 
-var styles = {"component":"tabs__component_ddug9","primary":"tabs__primary_ddug9","button":"tabs__button_ddug9","xl":"tabs__xl_ddug9","secondary":"tabs__secondary_ddug9","xs":"tabs__xs_ddug9","borderVisible":"tabs__borderVisible_ddug9"};
+var styles = {"component":"tabs__component_3qseo","primary":"tabs__primary_3qseo","button":"tabs__button_3qseo","xl":"tabs__xl_3qseo","secondary":"tabs__secondary_3qseo","xs":"tabs__xs_3qseo","borderVisible":"tabs__borderVisible_3qseo"};
 require('./index.css');
 
 var ScrollControls = React.forwardRef(function (_a, ref) {

package/tabs/components/scroll-controls/index.css

@@ -56,14 +56,14 @@
     /* size xl */
 
     /* default transparent gaps */
-} .tabs__component_ddug9 {
+} .tabs__component_3qseo {
     position: relative;
     display: flex;
     flex-shrink: 0;
-} .tabs__primary_ddug9 {
+} .tabs__primary_3qseo {
     align-items: flex-start;
     justify-content: flex-end
-} .tabs__primary_ddug9:after {
+} .tabs__primary_3qseo:after {
         content: '';
         display: block;
         position: absolute;
@@ -71,18 +71,18 @@
         height: 1px;
         width: 100%;
         background-color: var(--primary-tablist-bottom-border-color);
-    } .tabs__primary_ddug9 {
+    } .tabs__primary_3qseo {
 
-    .tabs__button_ddug9:first-child {
+    .tabs__button_3qseo:first-child {
         padding-left: var(--gap-8);
         margin-right: var(--gap-8);
     }
-} .tabs__primary_ddug9.tabs__xl_ddug9 .tabs__button_ddug9:first-child {
+} .tabs__primary_3qseo.tabs__xl_3qseo .tabs__button_3qseo:first-child {
         margin-right: var(--gap-4);
-    } .tabs__secondary_ddug9 {
+    } .tabs__secondary_3qseo {
     align-items: center;
     justify-content: center
-} .tabs__secondary_ddug9:before {
+} .tabs__secondary_3qseo:before {
         content: '';
         display: block;
         position: absolute;
@@ -92,12 +92,12 @@
         background-color: transparent;
         transition: background-color 0.3s ease;
         bottom: var(--gap-0);
-    } .tabs__secondary_ddug9.tabs__xs_ddug9 {
+    } .tabs__secondary_3qseo.tabs__xs_3qseo {
         width: 76px;
 
-        .tabs__button_ddug9:first-child {
+        .tabs__button_3qseo:first-child {
             margin-right: var(--gap-4);
         }
-    } .tabs__borderVisible_ddug9:before {
+    } .tabs__borderVisible_3qseo:before {
     background-color: var(--color-light-neutral-translucent-300);
 }

package/tabs/components/scrollable-container/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_17e5j","container":"tabs__container_17e5j","fullWidthScroll":"tabs__fullWidthScroll_17e5j"};
+var styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_1jn06","container":"tabs__container_1jn06","fullWidthScroll":"tabs__fullWidthScroll_1jn06"};
 require('./index.css');
 
 /**

package/tabs/components/scrollable-container/index.css

@@ -55,9 +55,9 @@
     /* size xl */
 
     /* default transparent gaps */
-} .tabs__scrollableContainerWrapper_17e5j {
+} .tabs__scrollableContainerWrapper_1jn06 {
     display: flex;
-} .tabs__container_17e5j {
+} .tabs__container_1jn06 {
     position: relative;
     overflow-x: auto;
     overflow-y: hidden;
@@ -68,11 +68,11 @@
     /* focus-outline fix */
     margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
     padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4)
-} .tabs__container_17e5j::-webkit-scrollbar {
+} .tabs__container_1jn06::-webkit-scrollbar {
         display: none;
-    } .tabs__container_17e5j > * {
+    } .tabs__container_1jn06 > * {
         flex-shrink: 0;
-    } .tabs__fullWidthScroll_17e5j {
+    } .tabs__fullWidthScroll_1jn06 {
     padding-left: var(--gap-0);
     margin: var(--gap-4-neg) var(--gap-16-neg);
 }

package/tabs/components/secondary-tablist/Component.desktop.js

@@ -5,7 +5,7 @@ var React = require('react');
 var cn = require('classnames');
 var desktop = require('../../../tag/desktop');
 var components_secondaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-99ec183b.js');
+var index_module = require('../../index.module-91abe87b.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/tabs/components/secondary-tablist/Component.mobile.js

@@ -5,14 +5,14 @@ var React = require('react');
 var cn = require('classnames');
 var mobile = require('../../../tag/mobile');
 var components_secondaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-99ec183b.js');
+var index_module = require('../../index.module-91abe87b.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var mobileStyles = {"title":"tabs__title_1kmi3 tabs__title_a5der","mobile":"tabs__mobile_1kmi3","skeleton":"tabs__skeleton_1kmi3","transparentView":"tabs__transparentView_1kmi3"};
+var mobileStyles = {"title":"tabs__title_1wvcr tabs__title_wc4ku","mobile":"tabs__mobile_1wvcr","skeleton":"tabs__skeleton_1wvcr","transparentView":"tabs__transparentView_1wvcr"};
 require('./mobile.css');
 
 var styles = tslib.__assign(tslib.__assign({}, index_module.commonStyles), mobileStyles);

package/tabs/components/secondary-tablist/index.css

@@ -66,39 +66,39 @@
 
     /* default transparent gaps */
     --secondary-tablist-transparent-gaps: var(--gap-0);
-} .tabs__component_a5der {
+} .tabs__component_wc4ku {
     position: relative;
     display: inline-flex;
-} .tabs__fullWidthScroll_a5der {
+} .tabs__fullWidthScroll_wc4ku {
     margin: var(--gap-0) var(--gap-16);
-} .tabs__container_a5der {
+} .tabs__container_wc4ku {
     overflow: hidden;
 
     /* focus-outline fix */
     margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
     padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
-} .tabs__title_a5der {
+} .tabs__title_wc4ku {
     white-space: nowrap;
-} .tabs__desktop_a5der.tabs__desktop_a5der.tabs__transparentView_a5der.tabs__transparentView_a5der {
-        .tabs__title_a5der.tabs__title_a5der {
+} .tabs__desktop_wc4ku.tabs__desktop_wc4ku.tabs__transparentView_wc4ku.tabs__transparentView_wc4ku {
+        .tabs__title_wc4ku.tabs__title_wc4ku {
             margin-left: var(--secondary-tablist-transparent-gaps);
         }
-    } /* sizes */ .tabs__xxs_a5der .tabs__title_a5der + .tabs__title_a5der,
-    .tabs__xxs_a5der .tabs__skeleton_a5der + .tabs__skeleton_a5der {
+    } /* sizes */ .tabs__xxs_wc4ku .tabs__title_wc4ku + .tabs__title_wc4ku,
+    .tabs__xxs_wc4ku .tabs__skeleton_wc4ku + .tabs__skeleton_wc4ku {
         margin-left: var(--secondary-tablist-xxs-gaps);
-    } .tabs__xs_a5der .tabs__title_a5der + .tabs__title_a5der,
-    .tabs__xs_a5der .tabs__skeleton_a5der + .tabs__skeleton_a5der {
+    } .tabs__xs_wc4ku .tabs__title_wc4ku + .tabs__title_wc4ku,
+    .tabs__xs_wc4ku .tabs__skeleton_wc4ku + .tabs__skeleton_wc4ku {
         margin-left: var(--secondary-tablist-xs-gaps);
-    } .tabs__s_a5der .tabs__title_a5der + .tabs__title_a5der,
-    .tabs__s_a5der .tabs__skeleton_a5der + .tabs__skeleton_a5der {
+    } .tabs__s_wc4ku .tabs__title_wc4ku + .tabs__title_wc4ku,
+    .tabs__s_wc4ku .tabs__skeleton_wc4ku + .tabs__skeleton_wc4ku {
         margin-left: var(--secondary-tablist-s-gaps);
-    } .tabs__m_a5der .tabs__title_a5der + .tabs__title_a5der,
-    .tabs__m_a5der .tabs__skeleton_a5der + .tabs__skeleton_a5der {
+    } .tabs__m_wc4ku .tabs__title_wc4ku + .tabs__title_wc4ku,
+    .tabs__m_wc4ku .tabs__skeleton_wc4ku + .tabs__skeleton_wc4ku {
         margin-left: var(--secondary-tablist-m-gaps);
-    } .tabs__l_a5der .tabs__title_a5der + .tabs__title_a5der,
-    .tabs__l_a5der .tabs__skeleton_a5der + .tabs__skeleton_a5der {
+    } .tabs__l_wc4ku .tabs__title_wc4ku + .tabs__title_wc4ku,
+    .tabs__l_wc4ku .tabs__skeleton_wc4ku + .tabs__skeleton_wc4ku {
         margin-left: var(--secondary-tablist-l-gaps);
-    } .tabs__xl_a5der .tabs__title_a5der + .tabs__title_a5der,
-    .tabs__xl_a5der .tabs__skeleton_a5der + .tabs__skeleton_a5der {
+    } .tabs__xl_wc4ku .tabs__title_wc4ku + .tabs__title_wc4ku,
+    .tabs__xl_wc4ku .tabs__skeleton_wc4ku + .tabs__skeleton_wc4ku {
         margin-left: var(--secondary-tablist-xl-gaps);
     }

package/tabs/components/secondary-tablist/mobile.css

@@ -67,40 +67,40 @@
 
     /* default transparent gaps */
     --secondary-tablist-transparent-gaps: var(--gap-0);
-}.tabs__component_a5der {
+}.tabs__component_wc4ku {
     position: relative;
     display: inline-flex;
-}.tabs__fullWidthScroll_a5der {
+}.tabs__fullWidthScroll_wc4ku {
     margin: var(--gap-0) var(--gap-16);
-}.tabs__container_a5der {
+}.tabs__container_wc4ku {
     overflow: hidden;
 
     /* focus-outline fix */
     margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
     padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
-}.tabs__title_a5der {
+}.tabs__title_wc4ku {
     white-space: nowrap;
-}.tabs__desktop_a5der.tabs__desktop_a5der.tabs__transparentView_a5der.tabs__transparentView_a5der {
-        .tabs__title_a5der.tabs__title_a5der {
+}.tabs__desktop_wc4ku.tabs__desktop_wc4ku.tabs__transparentView_wc4ku.tabs__transparentView_wc4ku {
+        .tabs__title_wc4ku.tabs__title_wc4ku {
             margin-left: var(--secondary-tablist-transparent-gaps);
         }
-    }/* sizes */.tabs__xxs_a5der .tabs__title_a5der + .tabs__title_a5der,
-    .tabs__xxs_a5der .tabs__skeleton_a5der + .tabs__skeleton_a5der {
+    }/* sizes */.tabs__xxs_wc4ku .tabs__title_wc4ku + .tabs__title_wc4ku,
+    .tabs__xxs_wc4ku .tabs__skeleton_wc4ku + .tabs__skeleton_wc4ku {
         margin-left: var(--secondary-tablist-xxs-gaps);
-    }.tabs__xs_a5der .tabs__title_a5der + .tabs__title_a5der,
-    .tabs__xs_a5der .tabs__skeleton_a5der + .tabs__skeleton_a5der {
+    }.tabs__xs_wc4ku .tabs__title_wc4ku + .tabs__title_wc4ku,
+    .tabs__xs_wc4ku .tabs__skeleton_wc4ku + .tabs__skeleton_wc4ku {
         margin-left: var(--secondary-tablist-xs-gaps);
-    }.tabs__s_a5der .tabs__title_a5der + .tabs__title_a5der,
-    .tabs__s_a5der .tabs__skeleton_a5der + .tabs__skeleton_a5der {
+    }.tabs__s_wc4ku .tabs__title_wc4ku + .tabs__title_wc4ku,
+    .tabs__s_wc4ku .tabs__skeleton_wc4ku + .tabs__skeleton_wc4ku {
         margin-left: var(--secondary-tablist-s-gaps);
-    }.tabs__m_a5der .tabs__title_a5der + .tabs__title_a5der,
-    .tabs__m_a5der .tabs__skeleton_a5der + .tabs__skeleton_a5der {
+    }.tabs__m_wc4ku .tabs__title_wc4ku + .tabs__title_wc4ku,
+    .tabs__m_wc4ku .tabs__skeleton_wc4ku + .tabs__skeleton_wc4ku {
         margin-left: var(--secondary-tablist-m-gaps);
-    }.tabs__l_a5der .tabs__title_a5der + .tabs__title_a5der,
-    .tabs__l_a5der .tabs__skeleton_a5der + .tabs__skeleton_a5der {
+    }.tabs__l_wc4ku .tabs__title_wc4ku + .tabs__title_wc4ku,
+    .tabs__l_wc4ku .tabs__skeleton_wc4ku + .tabs__skeleton_wc4ku {
         margin-left: var(--secondary-tablist-l-gaps);
-    }.tabs__xl_a5der .tabs__title_a5der + .tabs__title_a5der,
-    .tabs__xl_a5der .tabs__skeleton_a5der + .tabs__skeleton_a5der {
+    }.tabs__xl_wc4ku .tabs__title_wc4ku + .tabs__title_wc4ku,
+    .tabs__xl_wc4ku .tabs__skeleton_wc4ku + .tabs__skeleton_wc4ku {
         margin-left: var(--secondary-tablist-xl-gaps);
     } :root {
     --color-dark-indigo: #0b1f35; /* deprecated */
@@ -1764,10 +1764,10 @@
 
     /* default transparent gaps */
     --secondary-tablist-transparent-gaps: var(--gap-0);
-} .tabs__title_1kmi3 {
-} .tabs__mobile_1kmi3 .tabs__title_1kmi3 + .tabs__title_1kmi3,
-    .tabs__mobile_1kmi3 .tabs__skeleton_1kmi3 + .tabs__skeleton_1kmi3 {
+} .tabs__title_1wvcr {
+} .tabs__mobile_1wvcr .tabs__title_1wvcr + .tabs__title_1wvcr,
+    .tabs__mobile_1wvcr .tabs__skeleton_1wvcr + .tabs__skeleton_1wvcr {
         margin-left: var(--secondary-tablist-mobile-gaps);
-    } .tabs__mobile_1kmi3.tabs__transparentView_1kmi3.tabs__transparentView_1kmi3 .tabs__title_1kmi3 {
+    } .tabs__mobile_1wvcr.tabs__transparentView_1wvcr.tabs__transparentView_1wvcr .tabs__title_1wvcr {
         margin-left: var(--secondary-tablist-transparent-gaps);
     }

package/tabs/components/tab/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":"tabs__component_1uwjk","hidden":"tabs__hidden_1uwjk"};
+var styles = {"component":"tabs__component_1inow","hidden":"tabs__hidden_1inow"};
 require('./index.css');
 
 var Tab = function (_a) {

package/tabs/components/tab/index.css

@@ -1,8 +1,8 @@
 /* hash: fxsvf */
-.tabs__component_1uwjk {
+.tabs__component_1inow {
     outline: none;
 }
 
-.tabs__hidden_1uwjk {
+.tabs__hidden_1inow {
     display: none;
 }

package/tabs/esm/collapsible/index.js

@@ -18,5 +18,5 @@ import '../../../shared/esm';
 import '../synthetic-events.js';
 import '../components/title/Component.js';
 import '../../../skeleton/esm';
-import '../index.module-7c3b7bff.js';
+import '../index.module-a1e6c436.js';
 import '../components/tabs/Component.js';

package/tabs/esm/components/primary-tablist/Component.collapsible.js

@@ -7,7 +7,7 @@ import { PickerButtonDesktop } from '../../../../picker-button/esm/desktop';
 import { useTablistTitles } from '../../hooks/use-tablist-titles.js';
 import { createSyntheticMouseEvent } from '../../synthetic-events.js';
 import { Title } from '../title/Component.js';
-import { s as styles } from '../../index.module-7c3b7bff.js';
+import { s as styles } from '../../index.module-a1e6c436.js';
 import '../../../../mq/esm';
 import '../../hooks/use-collapsible-elements.js';
 import '@juggle/resize-observer';

package/tabs/esm/components/primary-tablist/Component.desktop.js

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles } from '../../index.module-7c3b7bff.js';
+import { s as styles } from '../../index.module-a1e6c436.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/esm';

package/tabs/esm/components/primary-tablist/Component.mobile.js

@@ -1,7 +1,7 @@
 import { __assign } from 'tslib';
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles$1 } from '../../index.module-7c3b7bff.js';
+import { s as styles$1 } from '../../index.module-a1e6c436.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/esm';
@@ -19,7 +19,7 @@ import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/esm';
 
-var mobileStyles = {"title":"tabs__title_iafdh tabs__title_92627","mobile":"tabs__mobile_iafdh","paragraph-primary-large":"tabs__paragraph-primary-large_iafdh","paragraph-primary-medium":"tabs__paragraph-primary-medium_iafdh","paragraph-primary-small":"tabs__paragraph-primary-small_iafdh","action-primary-large":"tabs__action-primary-large_iafdh","action-primary-medium":"tabs__action-primary-medium_iafdh","action-primary-small":"tabs__action-primary-small_iafdh","accent-primary-large":"tabs__accent-primary-large_iafdh","accent-primary-medium":"tabs__accent-primary-medium_iafdh","accent-primary-small":"tabs__accent-primary-small_iafdh","pickerWrapper":"tabs__pickerWrapper_iafdh","option":"tabs__option_iafdh","scrollControls":"tabs__scrollControls_iafdh","headline-system-xlarge":"tabs__headline-system-xlarge_iafdh","headline-system-large":"tabs__headline-system-large_iafdh","headline-system-medium":"tabs__headline-system-medium_iafdh","headline-system-small":"tabs__headline-system-small_iafdh","headline-system-xsmall":"tabs__headline-system-xsmall_iafdh","headline-xlarge":"tabs__headline-xlarge_iafdh","headline-large":"tabs__headline-large_iafdh","headline-medium":"tabs__headline-medium_iafdh","headline-small":"tabs__headline-small_iafdh","headline-xsmall":"tabs__headline-xsmall_iafdh"};
+var mobileStyles = {"title":"tabs__title_14h6j tabs__title_100m8","mobile":"tabs__mobile_14h6j","paragraph-primary-large":"tabs__paragraph-primary-large_14h6j","paragraph-primary-medium":"tabs__paragraph-primary-medium_14h6j","paragraph-primary-small":"tabs__paragraph-primary-small_14h6j","action-primary-large":"tabs__action-primary-large_14h6j","action-primary-medium":"tabs__action-primary-medium_14h6j","action-primary-small":"tabs__action-primary-small_14h6j","accent-primary-large":"tabs__accent-primary-large_14h6j","accent-primary-medium":"tabs__accent-primary-medium_14h6j","accent-primary-small":"tabs__accent-primary-small_14h6j","pickerWrapper":"tabs__pickerWrapper_14h6j","option":"tabs__option_14h6j","scrollControls":"tabs__scrollControls_14h6j","headline-system-xlarge":"tabs__headline-system-xlarge_14h6j","headline-system-large":"tabs__headline-system-large_14h6j","headline-system-medium":"tabs__headline-system-medium_14h6j","headline-system-small":"tabs__headline-system-small_14h6j","headline-system-xsmall":"tabs__headline-system-xsmall_14h6j","headline-xlarge":"tabs__headline-xlarge_14h6j","headline-large":"tabs__headline-large_14h6j","headline-medium":"tabs__headline-medium_14h6j","headline-small":"tabs__headline-small_14h6j","headline-xsmall":"tabs__headline-xsmall_14h6j"};
 require('./mobile.css');
 
 var styles = __assign(__assign({}, styles$1), mobileStyles);

package/tabs/esm/components/primary-tablist/Component.responsive.js

@@ -20,7 +20,7 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/esm';
-import '../../index.module-7c3b7bff.js';
+import '../../index.module-a1e6c436.js';
 
 var PrimaryTabListResponsive = function (_a) {
     var size = _a.size, breakpoint = _a.breakpoint, client = _a.client, fullWidthScroll = _a.fullWidthScroll, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, restProps = __rest(_a, ["size", "breakpoint", "client", "fullWidthScroll", "defaultMatchMediaValue"]);