@alfalab/core-components-tabs 10.0.7 → 10.0.8

package/components/primary-tablist/index.css

@@ -54,12 +54,12 @@
     --primary-tablist-xl-gaps: var(--gap-32);
     --primary-tablist-xl-padding: var(--gap-4) var(--gap-0) var(--gap-24);
 }
-.tabs__component_1psse {
+.tabs__component_1nnvm {
     position: relative;
     display: inline-flex;
     min-width: 100%;
 }
-.tabs__component_1psse:before {
+.tabs__component_1nnvm:before {
         content: '';
         display: block;
         position: absolute;
@@ -68,361 +68,361 @@
         width: 100%;
         background-color: var(--primary-tablist-bottom-border-color);
     }
-.tabs__desktop_1psse.tabs__paragraph-primary-large_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__paragraph-primary-large_1nnvm .tabs__title_1nnvm {
         font-size: 18px;
         line-height: 24px;
         font-weight: 400;
         font-family: var(--font-family-system);
     }
-.tabs__desktop_1psse.tabs__paragraph-primary-medium_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__paragraph-primary-medium_1nnvm .tabs__title_1nnvm {
         font-size: 16px;
         line-height: 24px;
         font-weight: 400;
         font-family: var(--font-family-system);
     }
-.tabs__desktop_1psse.tabs__paragraph-primary-small_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__paragraph-primary-small_1nnvm .tabs__title_1nnvm {
         font-size: 14px;
         line-height: 20px;
         font-weight: 400;
         font-family: var(--font-family-system);
     }
-.tabs__desktop_1psse.tabs__action-primary-large_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__action-primary-large_1nnvm .tabs__title_1nnvm {
         font-size: 18px;
         line-height: 24px;
         font-weight: 500;
         font-family: var(--font-family-system);
     }
-.tabs__desktop_1psse.tabs__action-primary-medium_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__action-primary-medium_1nnvm .tabs__title_1nnvm {
         font-size: 16px;
         line-height: 24px;
         font-weight: 500;
         font-family: var(--font-family-system);
     }
-.tabs__desktop_1psse.tabs__action-primary-small_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__action-primary-small_1nnvm .tabs__title_1nnvm {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
         font-family: var(--font-family-system);
     }
-.tabs__desktop_1psse.tabs__accent-primary-large_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__accent-primary-large_1nnvm .tabs__title_1nnvm {
         font-size: 18px;
         line-height: 24px;
         font-weight: 700;
         font-family: var(--font-family-system);
     }
-.tabs__desktop_1psse.tabs__accent-primary-medium_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__accent-primary-medium_1nnvm .tabs__title_1nnvm {
         font-size: 16px;
         line-height: 24px;
         font-weight: 700;
         font-family: var(--font-family-system);
     }
-.tabs__desktop_1psse.tabs__accent-primary-small_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__accent-primary-small_1nnvm .tabs__title_1nnvm {
         font-size: 14px;
         line-height: 20px;
         font-weight: 700;
         font-family: var(--font-family-system);
     }
-.tabs__desktop_1psse.tabs__paragraph-primary-large_1psse .tabs__title_1psse, .tabs__desktop_1psse.tabs__paragraph-primary-medium_1psse .tabs__title_1psse, .tabs__desktop_1psse.tabs__accent-primary-large_1psse .tabs__title_1psse, .tabs__desktop_1psse.tabs__accent-primary-medium_1psse .tabs__title_1psse, .tabs__desktop_1psse.tabs__action-primary-large_1psse .tabs__title_1psse, .tabs__desktop_1psse.tabs__action-primary-medium_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__paragraph-primary-large_1nnvm .tabs__title_1nnvm, .tabs__desktop_1nnvm.tabs__paragraph-primary-medium_1nnvm .tabs__title_1nnvm, .tabs__desktop_1nnvm.tabs__accent-primary-large_1nnvm .tabs__title_1nnvm, .tabs__desktop_1nnvm.tabs__accent-primary-medium_1nnvm .tabs__title_1nnvm, .tabs__desktop_1nnvm.tabs__action-primary-large_1nnvm .tabs__title_1nnvm, .tabs__desktop_1nnvm.tabs__action-primary-medium_1nnvm .tabs__title_1nnvm {
         padding-bottom: calc(24px / 2);
     }
-.tabs__desktop_1psse.tabs__paragraph-primary-large_1psse .tabs__title_1psse + .tabs__title_1psse,
-    .tabs__desktop_1psse.tabs__paragraph-primary-medium_1psse .tabs__title_1psse + .tabs__title_1psse,
-    .tabs__desktop_1psse.tabs__accent-primary-large_1psse .tabs__title_1psse + .tabs__title_1psse,
-    .tabs__desktop_1psse.tabs__accent-primary-medium_1psse .tabs__title_1psse + .tabs__title_1psse,
-    .tabs__desktop_1psse.tabs__action-primary-large_1psse .tabs__title_1psse + .tabs__title_1psse,
-    .tabs__desktop_1psse.tabs__action-primary-medium_1psse .tabs__title_1psse + .tabs__title_1psse,
-    .tabs__desktop_1psse.tabs__paragraph-primary-large_1psse .tabs__pickerWrapper_1psse,
-    .tabs__desktop_1psse.tabs__paragraph-primary-medium_1psse .tabs__pickerWrapper_1psse,
-    .tabs__desktop_1psse.tabs__accent-primary-large_1psse .tabs__pickerWrapper_1psse,
-    .tabs__desktop_1psse.tabs__accent-primary-medium_1psse .tabs__pickerWrapper_1psse,
-    .tabs__desktop_1psse.tabs__action-primary-large_1psse .tabs__pickerWrapper_1psse,
-    .tabs__desktop_1psse.tabs__action-primary-medium_1psse .tabs__pickerWrapper_1psse {
+.tabs__desktop_1nnvm.tabs__paragraph-primary-large_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm,
+    .tabs__desktop_1nnvm.tabs__paragraph-primary-medium_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm,
+    .tabs__desktop_1nnvm.tabs__accent-primary-large_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm,
+    .tabs__desktop_1nnvm.tabs__accent-primary-medium_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm,
+    .tabs__desktop_1nnvm.tabs__action-primary-large_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm,
+    .tabs__desktop_1nnvm.tabs__action-primary-medium_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm,
+    .tabs__desktop_1nnvm.tabs__paragraph-primary-large_1nnvm .tabs__pickerWrapper_1nnvm,
+    .tabs__desktop_1nnvm.tabs__paragraph-primary-medium_1nnvm .tabs__pickerWrapper_1nnvm,
+    .tabs__desktop_1nnvm.tabs__accent-primary-large_1nnvm .tabs__pickerWrapper_1nnvm,
+    .tabs__desktop_1nnvm.tabs__accent-primary-medium_1nnvm .tabs__pickerWrapper_1nnvm,
+    .tabs__desktop_1nnvm.tabs__action-primary-large_1nnvm .tabs__pickerWrapper_1nnvm,
+    .tabs__desktop_1nnvm.tabs__action-primary-medium_1nnvm .tabs__pickerWrapper_1nnvm {
         margin-left: 24px;
     }
-.tabs__desktop_1psse.tabs__paragraph-primary-large_1psse .tabs__option_1psse, .tabs__desktop_1psse.tabs__paragraph-primary-medium_1psse .tabs__option_1psse, .tabs__desktop_1psse.tabs__accent-primary-large_1psse .tabs__option_1psse, .tabs__desktop_1psse.tabs__accent-primary-medium_1psse .tabs__option_1psse, .tabs__desktop_1psse.tabs__action-primary-large_1psse .tabs__option_1psse, .tabs__desktop_1psse.tabs__action-primary-medium_1psse .tabs__option_1psse {
+.tabs__desktop_1nnvm.tabs__paragraph-primary-large_1nnvm .tabs__option_1nnvm, .tabs__desktop_1nnvm.tabs__paragraph-primary-medium_1nnvm .tabs__option_1nnvm, .tabs__desktop_1nnvm.tabs__accent-primary-large_1nnvm .tabs__option_1nnvm, .tabs__desktop_1nnvm.tabs__accent-primary-medium_1nnvm .tabs__option_1nnvm, .tabs__desktop_1nnvm.tabs__action-primary-large_1nnvm .tabs__option_1nnvm, .tabs__desktop_1nnvm.tabs__action-primary-medium_1nnvm .tabs__option_1nnvm {
         padding: var(--gap-0);
     }
-.tabs__desktop_1psse.tabs__paragraph-primary-large_1psse .tabs__scrollControls_1psse > button, .tabs__desktop_1psse.tabs__paragraph-primary-medium_1psse .tabs__scrollControls_1psse > button, .tabs__desktop_1psse.tabs__accent-primary-large_1psse .tabs__scrollControls_1psse > button, .tabs__desktop_1psse.tabs__accent-primary-medium_1psse .tabs__scrollControls_1psse > button, .tabs__desktop_1psse.tabs__action-primary-large_1psse .tabs__scrollControls_1psse > button, .tabs__desktop_1psse.tabs__action-primary-medium_1psse .tabs__scrollControls_1psse > button {
+.tabs__desktop_1nnvm.tabs__paragraph-primary-large_1nnvm .tabs__scrollControls_1nnvm > button, .tabs__desktop_1nnvm.tabs__paragraph-primary-medium_1nnvm .tabs__scrollControls_1nnvm > button, .tabs__desktop_1nnvm.tabs__accent-primary-large_1nnvm .tabs__scrollControls_1nnvm > button, .tabs__desktop_1nnvm.tabs__accent-primary-medium_1nnvm .tabs__scrollControls_1nnvm > button, .tabs__desktop_1nnvm.tabs__action-primary-large_1nnvm .tabs__scrollControls_1nnvm > button, .tabs__desktop_1nnvm.tabs__action-primary-medium_1nnvm .tabs__scrollControls_1nnvm > button {
             box-sizing: content-box;
             width: 24px;
             height: 24px;
             padding: var(--gap-0);
         }
-.tabs__desktop_1psse.tabs__paragraph-primary-large_1psse .tabs__scrollControls_1psse button:first-child, .tabs__desktop_1psse.tabs__paragraph-primary-medium_1psse .tabs__scrollControls_1psse button:first-child, .tabs__desktop_1psse.tabs__accent-primary-large_1psse .tabs__scrollControls_1psse button:first-child, .tabs__desktop_1psse.tabs__accent-primary-medium_1psse .tabs__scrollControls_1psse button:first-child, .tabs__desktop_1psse.tabs__action-primary-large_1psse .tabs__scrollControls_1psse button:first-child, .tabs__desktop_1psse.tabs__action-primary-medium_1psse .tabs__scrollControls_1psse button:first-child {
+.tabs__desktop_1nnvm.tabs__paragraph-primary-large_1nnvm .tabs__scrollControls_1nnvm button:first-child, .tabs__desktop_1nnvm.tabs__paragraph-primary-medium_1nnvm .tabs__scrollControls_1nnvm button:first-child, .tabs__desktop_1nnvm.tabs__accent-primary-large_1nnvm .tabs__scrollControls_1nnvm button:first-child, .tabs__desktop_1nnvm.tabs__accent-primary-medium_1nnvm .tabs__scrollControls_1nnvm button:first-child, .tabs__desktop_1nnvm.tabs__action-primary-large_1nnvm .tabs__scrollControls_1nnvm button:first-child, .tabs__desktop_1nnvm.tabs__action-primary-medium_1nnvm .tabs__scrollControls_1nnvm button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
         }
-.tabs__desktop_1psse.tabs__paragraph-primary-small_1psse .tabs__title_1psse, .tabs__desktop_1psse.tabs__accent-primary-small_1psse .tabs__title_1psse, .tabs__desktop_1psse.tabs__action-primary-small_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__paragraph-primary-small_1nnvm .tabs__title_1nnvm, .tabs__desktop_1nnvm.tabs__accent-primary-small_1nnvm .tabs__title_1nnvm, .tabs__desktop_1nnvm.tabs__action-primary-small_1nnvm .tabs__title_1nnvm {
         padding-bottom: calc(20px / 2);
     }
-.tabs__desktop_1psse.tabs__paragraph-primary-small_1psse .tabs__title_1psse + .tabs__title_1psse,
-    .tabs__desktop_1psse.tabs__accent-primary-small_1psse .tabs__title_1psse + .tabs__title_1psse,
-    .tabs__desktop_1psse.tabs__action-primary-small_1psse .tabs__title_1psse + .tabs__title_1psse,
-    .tabs__desktop_1psse.tabs__paragraph-primary-small_1psse .tabs__pickerWrapper_1psse,
-    .tabs__desktop_1psse.tabs__accent-primary-small_1psse .tabs__pickerWrapper_1psse,
-    .tabs__desktop_1psse.tabs__action-primary-small_1psse .tabs__pickerWrapper_1psse {
+.tabs__desktop_1nnvm.tabs__paragraph-primary-small_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm,
+    .tabs__desktop_1nnvm.tabs__accent-primary-small_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm,
+    .tabs__desktop_1nnvm.tabs__action-primary-small_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm,
+    .tabs__desktop_1nnvm.tabs__paragraph-primary-small_1nnvm .tabs__pickerWrapper_1nnvm,
+    .tabs__desktop_1nnvm.tabs__accent-primary-small_1nnvm .tabs__pickerWrapper_1nnvm,
+    .tabs__desktop_1nnvm.tabs__action-primary-small_1nnvm .tabs__pickerWrapper_1nnvm {
         margin-left: 20px;
     }
-.tabs__desktop_1psse.tabs__paragraph-primary-small_1psse .tabs__option_1psse, .tabs__desktop_1psse.tabs__accent-primary-small_1psse .tabs__option_1psse, .tabs__desktop_1psse.tabs__action-primary-small_1psse .tabs__option_1psse {
+.tabs__desktop_1nnvm.tabs__paragraph-primary-small_1nnvm .tabs__option_1nnvm, .tabs__desktop_1nnvm.tabs__accent-primary-small_1nnvm .tabs__option_1nnvm, .tabs__desktop_1nnvm.tabs__action-primary-small_1nnvm .tabs__option_1nnvm {
         padding: var(--gap-0);
     }
-.tabs__desktop_1psse.tabs__paragraph-primary-small_1psse .tabs__scrollControls_1psse > button, .tabs__desktop_1psse.tabs__accent-primary-small_1psse .tabs__scrollControls_1psse > button, .tabs__desktop_1psse.tabs__action-primary-small_1psse .tabs__scrollControls_1psse > button {
+.tabs__desktop_1nnvm.tabs__paragraph-primary-small_1nnvm .tabs__scrollControls_1nnvm > button, .tabs__desktop_1nnvm.tabs__accent-primary-small_1nnvm .tabs__scrollControls_1nnvm > button, .tabs__desktop_1nnvm.tabs__action-primary-small_1nnvm .tabs__scrollControls_1nnvm > button {
             box-sizing: content-box;
             width: 20px;
             height: 20px;
             padding: var(--gap-0);
         }
-.tabs__desktop_1psse.tabs__paragraph-primary-small_1psse .tabs__scrollControls_1psse button:first-child, .tabs__desktop_1psse.tabs__accent-primary-small_1psse .tabs__scrollControls_1psse button:first-child, .tabs__desktop_1psse.tabs__action-primary-small_1psse .tabs__scrollControls_1psse button:first-child {
+.tabs__desktop_1nnvm.tabs__paragraph-primary-small_1nnvm .tabs__scrollControls_1nnvm button:first-child, .tabs__desktop_1nnvm.tabs__accent-primary-small_1nnvm .tabs__scrollControls_1nnvm button:first-child, .tabs__desktop_1nnvm.tabs__action-primary-small_1nnvm .tabs__scrollControls_1nnvm button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
         }
-.tabs__desktop_1psse.tabs__headline-system-xlarge_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__headline-system-xlarge_1nnvm .tabs__title_1nnvm {
         font-size: 48px;
         line-height: 52px;
         font-weight: 700;
         font-family: var(--font-family-system);
     }
-.tabs__desktop_1psse.tabs__headline-system-large_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__headline-system-large_1nnvm .tabs__title_1nnvm {
         font-size: 40px;
         line-height: 48px;
         font-weight: 700;
         font-family: var(--font-family-system);
     }
-.tabs__desktop_1psse.tabs__headline-system-medium_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__headline-system-medium_1nnvm .tabs__title_1nnvm {
         font-size: 30px;
         line-height: 36px;
         font-weight: 700;
         font-family: var(--font-family-system);
     }
-.tabs__desktop_1psse.tabs__headline-system-small_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__headline-system-small_1nnvm .tabs__title_1nnvm {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
         font-family: var(--font-family-system);
     }
-.tabs__desktop_1psse.tabs__headline-system-xsmall_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__headline-system-xsmall_1nnvm .tabs__title_1nnvm {
         font-size: 18px;
         line-height: 22px;
         font-weight: 700;
         font-family: var(--font-family-system);
     }
-.tabs__desktop_1psse.tabs__headline-xlarge_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__headline-xlarge_1nnvm .tabs__title_1nnvm {
         font-size: 48px;
         line-height: 64px;
         font-weight: 500;
         font-feature-settings: 'ss01';
         font-family: var(--font-family-styrene);
     }
-.tabs__desktop_1psse.tabs__headline-large_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__headline-large_1nnvm .tabs__title_1nnvm {
         font-size: 40px;
         line-height: 48px;
         font-weight: 500;
         font-feature-settings: 'ss01';
         font-family: var(--font-family-styrene);
     }
-.tabs__desktop_1psse.tabs__headline-medium_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__headline-medium_1nnvm .tabs__title_1nnvm {
         font-size: 32px;
         line-height: 40px;
         font-weight: 500;
         font-feature-settings: 'ss01';
         font-family: var(--font-family-styrene);
     }
-.tabs__desktop_1psse.tabs__headline-small_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__headline-small_1nnvm .tabs__title_1nnvm {
         font-size: 24px;
         line-height: 32px;
         font-weight: 500;
         font-feature-settings: 'ss01';
         font-family: var(--font-family-styrene);
     }
-.tabs__desktop_1psse.tabs__headline-xsmall_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__headline-xsmall_1nnvm .tabs__title_1nnvm {
         font-size: 20px;
         line-height: 24px;
         font-weight: 500;
         font-feature-settings: 'ss01';
         font-family: var(--font-family-styrene);
     }
-.tabs__desktop_1psse.tabs__headline-system-xlarge_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__headline-system-xlarge_1nnvm .tabs__title_1nnvm {
         padding-bottom: calc(52px / 2);
     }
-.tabs__desktop_1psse.tabs__headline-system-xlarge_1psse .tabs__title_1psse + .tabs__title_1psse,
-    .tabs__desktop_1psse.tabs__headline-system-xlarge_1psse .tabs__pickerWrapper_1psse {
+.tabs__desktop_1nnvm.tabs__headline-system-xlarge_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm,
+    .tabs__desktop_1nnvm.tabs__headline-system-xlarge_1nnvm .tabs__pickerWrapper_1nnvm {
         margin-left: 52px;
     }
-.tabs__desktop_1psse.tabs__headline-system-xlarge_1psse .tabs__option_1psse {
+.tabs__desktop_1nnvm.tabs__headline-system-xlarge_1nnvm .tabs__option_1nnvm {
         padding: var(--gap-0);
     }
-.tabs__desktop_1psse.tabs__headline-system-xlarge_1psse .tabs__scrollControls_1psse > button {
+.tabs__desktop_1nnvm.tabs__headline-system-xlarge_1nnvm .tabs__scrollControls_1nnvm > button {
             box-sizing: content-box;
             width: 52px;
             height: 52px;
             padding: var(--gap-0);
         }
-.tabs__desktop_1psse.tabs__headline-system-xlarge_1psse .tabs__scrollControls_1psse button:first-child {
+.tabs__desktop_1nnvm.tabs__headline-system-xlarge_1nnvm .tabs__scrollControls_1nnvm button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(52px / 2);
         }
-.tabs__desktop_1psse.tabs__headline-system-large_1psse .tabs__title_1psse, .tabs__desktop_1psse.tabs__headline-large_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__headline-system-large_1nnvm .tabs__title_1nnvm, .tabs__desktop_1nnvm.tabs__headline-large_1nnvm .tabs__title_1nnvm {
         padding-bottom: calc(48px / 2);
     }
-.tabs__desktop_1psse.tabs__headline-system-large_1psse .tabs__title_1psse + .tabs__title_1psse,
-    .tabs__desktop_1psse.tabs__headline-large_1psse .tabs__title_1psse + .tabs__title_1psse,
-    .tabs__desktop_1psse.tabs__headline-system-large_1psse .tabs__pickerWrapper_1psse,
-    .tabs__desktop_1psse.tabs__headline-large_1psse .tabs__pickerWrapper_1psse {
+.tabs__desktop_1nnvm.tabs__headline-system-large_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm,
+    .tabs__desktop_1nnvm.tabs__headline-large_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm,
+    .tabs__desktop_1nnvm.tabs__headline-system-large_1nnvm .tabs__pickerWrapper_1nnvm,
+    .tabs__desktop_1nnvm.tabs__headline-large_1nnvm .tabs__pickerWrapper_1nnvm {
         margin-left: 48px;
     }
-.tabs__desktop_1psse.tabs__headline-system-large_1psse .tabs__option_1psse, .tabs__desktop_1psse.tabs__headline-large_1psse .tabs__option_1psse {
+.tabs__desktop_1nnvm.tabs__headline-system-large_1nnvm .tabs__option_1nnvm, .tabs__desktop_1nnvm.tabs__headline-large_1nnvm .tabs__option_1nnvm {
         padding: var(--gap-0);
     }
-.tabs__desktop_1psse.tabs__headline-system-large_1psse .tabs__scrollControls_1psse > button, .tabs__desktop_1psse.tabs__headline-large_1psse .tabs__scrollControls_1psse > button {
+.tabs__desktop_1nnvm.tabs__headline-system-large_1nnvm .tabs__scrollControls_1nnvm > button, .tabs__desktop_1nnvm.tabs__headline-large_1nnvm .tabs__scrollControls_1nnvm > button {
             box-sizing: content-box;
             width: 48px;
             height: 48px;
             padding: var(--gap-0);
         }
-.tabs__desktop_1psse.tabs__headline-system-large_1psse .tabs__scrollControls_1psse button:first-child, .tabs__desktop_1psse.tabs__headline-large_1psse .tabs__scrollControls_1psse button:first-child {
+.tabs__desktop_1nnvm.tabs__headline-system-large_1nnvm .tabs__scrollControls_1nnvm button:first-child, .tabs__desktop_1nnvm.tabs__headline-large_1nnvm .tabs__scrollControls_1nnvm button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(48px / 2);
         }
-.tabs__desktop_1psse.tabs__headline-system-medium_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__headline-system-medium_1nnvm .tabs__title_1nnvm {
         padding-bottom: calc(36px / 2);
     }
-.tabs__desktop_1psse.tabs__headline-system-medium_1psse .tabs__title_1psse + .tabs__title_1psse,
-    .tabs__desktop_1psse.tabs__headline-system-medium_1psse .tabs__pickerWrapper_1psse {
+.tabs__desktop_1nnvm.tabs__headline-system-medium_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm,
+    .tabs__desktop_1nnvm.tabs__headline-system-medium_1nnvm .tabs__pickerWrapper_1nnvm {
         margin-left: 36px;
     }
-.tabs__desktop_1psse.tabs__headline-system-medium_1psse .tabs__option_1psse {
+.tabs__desktop_1nnvm.tabs__headline-system-medium_1nnvm .tabs__option_1nnvm {
         padding: var(--gap-0);
     }
-.tabs__desktop_1psse.tabs__headline-system-medium_1psse .tabs__scrollControls_1psse > button {
+.tabs__desktop_1nnvm.tabs__headline-system-medium_1nnvm .tabs__scrollControls_1nnvm > button {
             box-sizing: content-box;
             width: 36px;
             height: 36px;
             padding: var(--gap-0);
         }
-.tabs__desktop_1psse.tabs__headline-system-medium_1psse .tabs__scrollControls_1psse button:first-child {
+.tabs__desktop_1nnvm.tabs__headline-system-medium_1nnvm .tabs__scrollControls_1nnvm button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
         }
-.tabs__desktop_1psse.tabs__headline-system-small_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__headline-system-small_1nnvm .tabs__title_1nnvm {
         padding-bottom: calc(26px / 2);
     }
-.tabs__desktop_1psse.tabs__headline-system-small_1psse .tabs__title_1psse + .tabs__title_1psse,
-    .tabs__desktop_1psse.tabs__headline-system-small_1psse .tabs__pickerWrapper_1psse {
+.tabs__desktop_1nnvm.tabs__headline-system-small_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm,
+    .tabs__desktop_1nnvm.tabs__headline-system-small_1nnvm .tabs__pickerWrapper_1nnvm {
         margin-left: 26px;
     }
-.tabs__desktop_1psse.tabs__headline-system-small_1psse .tabs__option_1psse {
+.tabs__desktop_1nnvm.tabs__headline-system-small_1nnvm .tabs__option_1nnvm {
         padding: var(--gap-0);
     }
-.tabs__desktop_1psse.tabs__headline-system-small_1psse .tabs__scrollControls_1psse > button {
+.tabs__desktop_1nnvm.tabs__headline-system-small_1nnvm .tabs__scrollControls_1nnvm > button {
             box-sizing: content-box;
             width: 26px;
             height: 26px;
             padding: var(--gap-0);
         }
-.tabs__desktop_1psse.tabs__headline-system-small_1psse .tabs__scrollControls_1psse button:first-child {
+.tabs__desktop_1nnvm.tabs__headline-system-small_1nnvm .tabs__scrollControls_1nnvm button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(26px / 2);
         }
-.tabs__desktop_1psse.tabs__headline-system-xsmall_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__headline-system-xsmall_1nnvm .tabs__title_1nnvm {
         padding-bottom: calc(22px / 2);
     }
-.tabs__desktop_1psse.tabs__headline-system-xsmall_1psse .tabs__title_1psse + .tabs__title_1psse,
-    .tabs__desktop_1psse.tabs__headline-system-xsmall_1psse .tabs__pickerWrapper_1psse {
+.tabs__desktop_1nnvm.tabs__headline-system-xsmall_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm,
+    .tabs__desktop_1nnvm.tabs__headline-system-xsmall_1nnvm .tabs__pickerWrapper_1nnvm {
         margin-left: 22px;
     }
-.tabs__desktop_1psse.tabs__headline-system-xsmall_1psse .tabs__option_1psse {
+.tabs__desktop_1nnvm.tabs__headline-system-xsmall_1nnvm .tabs__option_1nnvm {
         padding: var(--gap-0);
     }
-.tabs__desktop_1psse.tabs__headline-system-xsmall_1psse .tabs__scrollControls_1psse > button {
+.tabs__desktop_1nnvm.tabs__headline-system-xsmall_1nnvm .tabs__scrollControls_1nnvm > button {
             box-sizing: content-box;
             width: 22px;
             height: 22px;
             padding: var(--gap-0);
         }
-.tabs__desktop_1psse.tabs__headline-system-xsmall_1psse .tabs__scrollControls_1psse button:first-child {
+.tabs__desktop_1nnvm.tabs__headline-system-xsmall_1nnvm .tabs__scrollControls_1nnvm button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(22px / 2);
         }
-.tabs__desktop_1psse.tabs__headline-xlarge_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__headline-xlarge_1nnvm .tabs__title_1nnvm {
         padding-bottom: calc(64px / 2);
     }
-.tabs__desktop_1psse.tabs__headline-xlarge_1psse .tabs__title_1psse + .tabs__title_1psse,
-    .tabs__desktop_1psse.tabs__headline-xlarge_1psse .tabs__pickerWrapper_1psse {
+.tabs__desktop_1nnvm.tabs__headline-xlarge_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm,
+    .tabs__desktop_1nnvm.tabs__headline-xlarge_1nnvm .tabs__pickerWrapper_1nnvm {
         margin-left: 64px;
     }
-.tabs__desktop_1psse.tabs__headline-xlarge_1psse .tabs__option_1psse {
+.tabs__desktop_1nnvm.tabs__headline-xlarge_1nnvm .tabs__option_1nnvm {
         padding: var(--gap-0);
     }
-.tabs__desktop_1psse.tabs__headline-xlarge_1psse .tabs__scrollControls_1psse > button {
+.tabs__desktop_1nnvm.tabs__headline-xlarge_1nnvm .tabs__scrollControls_1nnvm > button {
             box-sizing: content-box;
             width: 64px;
             height: 64px;
             padding: var(--gap-0);
         }
-.tabs__desktop_1psse.tabs__headline-xlarge_1psse .tabs__scrollControls_1psse button:first-child {
+.tabs__desktop_1nnvm.tabs__headline-xlarge_1nnvm .tabs__scrollControls_1nnvm button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(64px / 2);
         }
-.tabs__desktop_1psse.tabs__headline-medium_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__headline-medium_1nnvm .tabs__title_1nnvm {
         padding-bottom: calc(40px / 2);
     }
-.tabs__desktop_1psse.tabs__headline-medium_1psse .tabs__title_1psse + .tabs__title_1psse,
-    .tabs__desktop_1psse.tabs__headline-medium_1psse .tabs__pickerWrapper_1psse {
+.tabs__desktop_1nnvm.tabs__headline-medium_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm,
+    .tabs__desktop_1nnvm.tabs__headline-medium_1nnvm .tabs__pickerWrapper_1nnvm {
         margin-left: 40px;
     }
-.tabs__desktop_1psse.tabs__headline-medium_1psse .tabs__option_1psse {
+.tabs__desktop_1nnvm.tabs__headline-medium_1nnvm .tabs__option_1nnvm {
         padding: var(--gap-0);
     }
-.tabs__desktop_1psse.tabs__headline-medium_1psse .tabs__scrollControls_1psse > button {
+.tabs__desktop_1nnvm.tabs__headline-medium_1nnvm .tabs__scrollControls_1nnvm > button {
             box-sizing: content-box;
             width: 40px;
             height: 40px;
             padding: var(--gap-0);
         }
-.tabs__desktop_1psse.tabs__headline-medium_1psse .tabs__scrollControls_1psse button:first-child {
+.tabs__desktop_1nnvm.tabs__headline-medium_1nnvm .tabs__scrollControls_1nnvm button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
         }
-.tabs__desktop_1psse.tabs__headline-small_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__headline-small_1nnvm .tabs__title_1nnvm {
         padding-bottom: calc(32px / 2);
     }
-.tabs__desktop_1psse.tabs__headline-small_1psse .tabs__title_1psse + .tabs__title_1psse,
-    .tabs__desktop_1psse.tabs__headline-small_1psse .tabs__pickerWrapper_1psse {
+.tabs__desktop_1nnvm.tabs__headline-small_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm,
+    .tabs__desktop_1nnvm.tabs__headline-small_1nnvm .tabs__pickerWrapper_1nnvm {
         margin-left: 32px;
     }
-.tabs__desktop_1psse.tabs__headline-small_1psse .tabs__option_1psse {
+.tabs__desktop_1nnvm.tabs__headline-small_1nnvm .tabs__option_1nnvm {
         padding: var(--gap-0);
     }
-.tabs__desktop_1psse.tabs__headline-small_1psse .tabs__scrollControls_1psse > button {
+.tabs__desktop_1nnvm.tabs__headline-small_1nnvm .tabs__scrollControls_1nnvm > button {
             box-sizing: content-box;
             width: 32px;
             height: 32px;
             padding: var(--gap-0);
         }
-.tabs__desktop_1psse.tabs__headline-small_1psse .tabs__scrollControls_1psse button:first-child {
+.tabs__desktop_1nnvm.tabs__headline-small_1nnvm .tabs__scrollControls_1nnvm button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
         }
-.tabs__desktop_1psse.tabs__headline-xsmall_1psse .tabs__title_1psse {
+.tabs__desktop_1nnvm.tabs__headline-xsmall_1nnvm .tabs__title_1nnvm {
         padding-bottom: calc(24px / 2);
     }
-.tabs__desktop_1psse.tabs__headline-xsmall_1psse .tabs__title_1psse + .tabs__title_1psse,
-    .tabs__desktop_1psse.tabs__headline-xsmall_1psse .tabs__pickerWrapper_1psse {
+.tabs__desktop_1nnvm.tabs__headline-xsmall_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm,
+    .tabs__desktop_1nnvm.tabs__headline-xsmall_1nnvm .tabs__pickerWrapper_1nnvm {
         margin-left: 24px;
     }
-.tabs__desktop_1psse.tabs__headline-xsmall_1psse .tabs__option_1psse {
+.tabs__desktop_1nnvm.tabs__headline-xsmall_1nnvm .tabs__option_1nnvm {
         padding: var(--gap-0);
     }
-.tabs__desktop_1psse.tabs__headline-xsmall_1psse .tabs__scrollControls_1psse > button {
+.tabs__desktop_1nnvm.tabs__headline-xsmall_1nnvm .tabs__scrollControls_1nnvm > button {
             box-sizing: content-box;
             width: 24px;
             height: 24px;
             padding: var(--gap-0);
         }
-.tabs__desktop_1psse.tabs__headline-xsmall_1psse .tabs__scrollControls_1psse button:first-child {
+.tabs__desktop_1nnvm.tabs__headline-xsmall_1nnvm .tabs__scrollControls_1nnvm button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
         }
-.tabs__fullWidthScroll_1psse {
+.tabs__fullWidthScroll_1nnvm {
     min-width: calc(100% - 2 * var(--gap-16));
     margin: var(--gap-0) var(--gap-16);
 }
-.tabs__container_1psse {
+.tabs__container_1nnvm {
     position: relative;
     overflow: hidden;
     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_1psse {
+.tabs__title_1nnvm {
     display: flex;
     align-items: center;
     height: 100%;
@@ -439,26 +439,26 @@
             user-select: none;
     outline: none;
 }
-.tabs__title_1psse:not(:disabled):hover {
+.tabs__title_1nnvm:not(:disabled):hover {
         color: var(--primary-tablist-hover-color);
     }
-.tabs__focused_1psse {
+.tabs__focused_1nnvm {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.tabs__collapsed_1psse {
+.tabs__collapsed_1nnvm {
     order: 99;
     visibility: collapse;
 }
-.tabs__selected_1psse {
+.tabs__selected_1nnvm {
     cursor: default;
     color: var(--primary-tablist-selected-color);
 }
-.tabs__disabled_1psse {
+.tabs__disabled_1nnvm {
     cursor: var(--disabled-cursor);
     color: var(--primary-tablist-disabled-color);
 }
-.tabs__line_1psse {
+.tabs__line_1nnvm {
     position: absolute;
     height: 3px;
     bottom: calc(var(--gap-2) / 2);
@@ -468,67 +468,67 @@
         transform 0.2s ease,
         width 0.2s ease;
 }
-.tabs__option_1psse {
+.tabs__option_1nnvm {
     color: var(--color-light-text-primary);
 }
-.tabs__s_1psse .tabs__title_1psse, .tabs__xs_1psse .tabs__title_1psse, .tabs__xxs_1psse .tabs__title_1psse {
+.tabs__s_1nnvm .tabs__title_1nnvm, .tabs__xs_1nnvm .tabs__title_1nnvm, .tabs__xxs_1nnvm .tabs__title_1nnvm {
         padding: var(--primary-tablist-s-padding);
     }
-.tabs__s_1psse .tabs__title_1psse + .tabs__title_1psse, .tabs__xs_1psse .tabs__title_1psse + .tabs__title_1psse, .tabs__xxs_1psse .tabs__title_1psse + .tabs__title_1psse {
+.tabs__s_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm, .tabs__xs_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm, .tabs__xxs_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm {
         margin-left: var(--primary-tablist-s-gaps);
     }
-.tabs__s_1psse .tabs__pickerWrapper_1psse, .tabs__xs_1psse .tabs__pickerWrapper_1psse, .tabs__xxs_1psse .tabs__pickerWrapper_1psse {
+.tabs__s_1nnvm .tabs__pickerWrapper_1nnvm, .tabs__xs_1nnvm .tabs__pickerWrapper_1nnvm, .tabs__xxs_1nnvm .tabs__pickerWrapper_1nnvm {
         margin-left: var(--primary-tablist-s-gaps);
     }
-.tabs__s_1psse .tabs__option_1psse, .tabs__xs_1psse .tabs__option_1psse, .tabs__xxs_1psse .tabs__option_1psse {
+.tabs__s_1nnvm .tabs__option_1nnvm, .tabs__xs_1nnvm .tabs__option_1nnvm, .tabs__xxs_1nnvm .tabs__option_1nnvm {
         padding: var(--gap-0);
     }
-.tabs__m_1psse .tabs__title_1psse {
+.tabs__m_1nnvm .tabs__title_1nnvm {
         padding: var(--primary-tablist-m-padding);
     }
-.tabs__m_1psse .tabs__title_1psse + .tabs__title_1psse {
+.tabs__m_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm {
         margin-left: var(--primary-tablist-m-gaps);
     }
-.tabs__m_1psse .tabs__pickerWrapper_1psse {
+.tabs__m_1nnvm .tabs__pickerWrapper_1nnvm {
         margin-left: var(--primary-tablist-m-gaps);
     }
-.tabs__m_1psse .tabs__option_1psse {
+.tabs__m_1nnvm .tabs__option_1nnvm {
         padding: var(--gap-0);
     }
-.tabs__l_1psse .tabs__title_1psse {
+.tabs__l_1nnvm .tabs__title_1nnvm {
         padding: var(--primary-tablist-l-padding);
     }
-.tabs__l_1psse .tabs__title_1psse + .tabs__title_1psse {
+.tabs__l_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm {
         margin-left: var(--primary-tablist-l-gaps);
     }
-.tabs__l_1psse .tabs__pickerWrapper_1psse {
+.tabs__l_1nnvm .tabs__pickerWrapper_1nnvm {
         margin-left: var(--primary-tablist-l-gaps);
     }
-.tabs__l_1psse .tabs__option_1psse {
+.tabs__l_1nnvm .tabs__option_1nnvm {
         padding: var(--gap-0);
     }
-.tabs__xl_1psse .tabs__title_1psse {
+.tabs__xl_1nnvm .tabs__title_1nnvm {
         padding: var(--primary-tablist-xl-padding);
     }
-.tabs__xl_1psse .tabs__title_1psse + .tabs__title_1psse {
+.tabs__xl_1nnvm .tabs__title_1nnvm + .tabs__title_1nnvm {
         margin-left: var(--primary-tablist-xl-gaps);
     }
-.tabs__xl_1psse .tabs__pickerWrapper_1psse {
+.tabs__xl_1nnvm .tabs__pickerWrapper_1nnvm {
         margin-left: var(--primary-tablist-xl-gaps);
     }
-.tabs__xl_1psse .tabs__option_1psse {
+.tabs__xl_1nnvm .tabs__option_1nnvm {
         padding: var(--gap-0);
     }
-.tabs__rightAddons_1psse {
+.tabs__rightAddons_1nnvm {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-left: var(--gap-8);
 }
-.tabs__rightAddonsMarginZero_1psse {
+.tabs__rightAddonsMarginZero_1nnvm {
     margin-left: var(--gap-0);
 }
-.tabs__title_1psse.tabs__noTextStyle_1psse {
+.tabs__title_1nnvm.tabs__noTextStyle_1nnvm {
     font-size: 18px;
     line-height: 24px;
     font-weight: 400;

package/components/primary-tablist/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var commonStyles = {"component":"tabs__component_1psse","desktop":"tabs__desktop_1psse","paragraph-primary-large":"tabs__paragraph-primary-large_1psse","title":"tabs__title_1psse","paragraph-primary-medium":"tabs__paragraph-primary-medium_1psse","paragraph-primary-small":"tabs__paragraph-primary-small_1psse","action-primary-large":"tabs__action-primary-large_1psse","action-primary-medium":"tabs__action-primary-medium_1psse","action-primary-small":"tabs__action-primary-small_1psse","accent-primary-large":"tabs__accent-primary-large_1psse","accent-primary-medium":"tabs__accent-primary-medium_1psse","accent-primary-small":"tabs__accent-primary-small_1psse","pickerWrapper":"tabs__pickerWrapper_1psse","option":"tabs__option_1psse","scrollControls":"tabs__scrollControls_1psse","headline-system-xlarge":"tabs__headline-system-xlarge_1psse","headline-system-large":"tabs__headline-system-large_1psse","headline-system-medium":"tabs__headline-system-medium_1psse","headline-system-small":"tabs__headline-system-small_1psse","headline-system-xsmall":"tabs__headline-system-xsmall_1psse","headline-xlarge":"tabs__headline-xlarge_1psse","headline-large":"tabs__headline-large_1psse","headline-medium":"tabs__headline-medium_1psse","headline-small":"tabs__headline-small_1psse","headline-xsmall":"tabs__headline-xsmall_1psse","fullWidthScroll":"tabs__fullWidthScroll_1psse","container":"tabs__container_1psse","focused":"tabs__focused_1psse","collapsed":"tabs__collapsed_1psse","selected":"tabs__selected_1psse","disabled":"tabs__disabled_1psse","line":"tabs__line_1psse","s":"tabs__s_1psse","xs":"tabs__xs_1psse","xxs":"tabs__xxs_1psse","m":"tabs__m_1psse","l":"tabs__l_1psse","xl":"tabs__xl_1psse","rightAddons":"tabs__rightAddons_1psse","rightAddonsMarginZero":"tabs__rightAddonsMarginZero_1psse","noTextStyle":"tabs__noTextStyle_1psse"};
+var commonStyles = {"component":"tabs__component_1nnvm","desktop":"tabs__desktop_1nnvm","paragraph-primary-large":"tabs__paragraph-primary-large_1nnvm","title":"tabs__title_1nnvm","paragraph-primary-medium":"tabs__paragraph-primary-medium_1nnvm","paragraph-primary-small":"tabs__paragraph-primary-small_1nnvm","action-primary-large":"tabs__action-primary-large_1nnvm","action-primary-medium":"tabs__action-primary-medium_1nnvm","action-primary-small":"tabs__action-primary-small_1nnvm","accent-primary-large":"tabs__accent-primary-large_1nnvm","accent-primary-medium":"tabs__accent-primary-medium_1nnvm","accent-primary-small":"tabs__accent-primary-small_1nnvm","pickerWrapper":"tabs__pickerWrapper_1nnvm","option":"tabs__option_1nnvm","scrollControls":"tabs__scrollControls_1nnvm","headline-system-xlarge":"tabs__headline-system-xlarge_1nnvm","headline-system-large":"tabs__headline-system-large_1nnvm","headline-system-medium":"tabs__headline-system-medium_1nnvm","headline-system-small":"tabs__headline-system-small_1nnvm","headline-system-xsmall":"tabs__headline-system-xsmall_1nnvm","headline-xlarge":"tabs__headline-xlarge_1nnvm","headline-large":"tabs__headline-large_1nnvm","headline-medium":"tabs__headline-medium_1nnvm","headline-small":"tabs__headline-small_1nnvm","headline-xsmall":"tabs__headline-xsmall_1nnvm","fullWidthScroll":"tabs__fullWidthScroll_1nnvm","container":"tabs__container_1nnvm","focused":"tabs__focused_1nnvm","collapsed":"tabs__collapsed_1nnvm","selected":"tabs__selected_1nnvm","disabled":"tabs__disabled_1nnvm","line":"tabs__line_1nnvm","s":"tabs__s_1nnvm","xs":"tabs__xs_1nnvm","xxs":"tabs__xxs_1nnvm","m":"tabs__m_1nnvm","l":"tabs__l_1nnvm","xl":"tabs__xl_1nnvm","rightAddons":"tabs__rightAddons_1nnvm","rightAddonsMarginZero":"tabs__rightAddonsMarginZero_1nnvm","noTextStyle":"tabs__noTextStyle_1nnvm"};
 
 module.exports = commonStyles;
 //# sourceMappingURL=index.module.css.js.map