@alfalab/core-components-tabs 8.9.8 → 8.9.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/primary-tablist/Component.collapsible.js +1 -1
- package/components/primary-tablist/Component.desktop.js +1 -1
- package/components/primary-tablist/Component.mobile.js +2 -2
- package/components/primary-tablist/index.css +132 -132
- package/components/primary-tablist/mobile.css +220 -220
- package/components/scroll-controls/Component.js +1 -1
- package/components/scroll-controls/index.css +12 -12
- package/components/scrollable-container/Component.js +1 -1
- package/components/scrollable-container/index.css +6 -6
- package/components/secondary-tablist/Component.desktop.js +1 -1
- package/components/secondary-tablist/Component.mobile.js +2 -2
- package/components/secondary-tablist/index.css +17 -17
- package/components/secondary-tablist/mobile.css +20 -20
- package/components/tab/Component.js +1 -1
- package/components/tab/index.css +3 -3
- package/esm/components/primary-tablist/Component.collapsible.js +1 -1
- package/esm/components/primary-tablist/Component.desktop.js +1 -1
- package/esm/components/primary-tablist/Component.mobile.js +2 -2
- package/esm/components/primary-tablist/index.css +132 -132
- package/esm/components/primary-tablist/mobile.css +220 -220
- package/esm/components/scroll-controls/Component.js +1 -1
- package/esm/components/scroll-controls/index.css +12 -12
- package/esm/components/scrollable-container/Component.js +1 -1
- package/esm/components/scrollable-container/index.css +6 -6
- package/esm/components/secondary-tablist/Component.desktop.js +1 -1
- package/esm/components/secondary-tablist/Component.mobile.js +2 -2
- package/esm/components/secondary-tablist/index.css +17 -17
- package/esm/components/secondary-tablist/mobile.css +20 -20
- package/esm/components/tab/Component.js +1 -1
- package/esm/components/tab/index.css +3 -3
- package/esm/index.module-2d351e35.js +4 -0
- package/esm/index.module-79d21161.js +4 -0
- package/index.module-4c2f9157.js +6 -0
- package/index.module-9a152fac.js +6 -0
- package/modern/components/primary-tablist/Component.collapsible.js +1 -1
- package/modern/components/primary-tablist/Component.desktop.js +1 -1
- package/modern/components/primary-tablist/Component.mobile.js +2 -2
- package/modern/components/primary-tablist/index.css +132 -132
- package/modern/components/primary-tablist/mobile.css +220 -220
- package/modern/components/scroll-controls/Component.js +1 -1
- package/modern/components/scroll-controls/index.css +12 -12
- package/modern/components/scrollable-container/Component.js +1 -1
- package/modern/components/scrollable-container/index.css +6 -6
- package/modern/components/secondary-tablist/Component.desktop.js +1 -1
- package/modern/components/secondary-tablist/Component.mobile.js +2 -2
- package/modern/components/secondary-tablist/index.css +17 -17
- package/modern/components/secondary-tablist/mobile.css +20 -20
- package/modern/components/tab/Component.js +1 -1
- package/modern/components/tab/index.css +3 -3
- package/modern/index.module-95d21ba2.js +4 -0
- package/modern/index.module-b6a3e2aa.js +4 -0
- package/package.json +2 -2
- package/esm/index.module-0e6d4e9c.js +0 -4
- package/esm/index.module-5279a2c0.js +0 -4
- package/index.module-9c923703.js +0 -6
- package/index.module-af0ef9cc.js +0 -6
- package/modern/index.module-0dc64add.js +0 -4
- package/modern/index.module-c2a2cbdd.js +0 -4
|
@@ -11,7 +11,7 @@ var desktop = require('@alfalab/core-components-picker-button/desktop');
|
|
|
11
11
|
var hooks_useTablistTitles = require('../../hooks/use-tablist-titles.js');
|
|
12
12
|
var syntheticEvents = require('../../synthetic-events.js');
|
|
13
13
|
var components_title_Component = require('../title/Component.js');
|
|
14
|
-
var index_module = require('../../index.module-
|
|
14
|
+
var index_module = require('../../index.module-9a152fac.js');
|
|
15
15
|
|
|
16
16
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
17
17
|
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var components_primaryTablist_Component = require('./Component.js');
|
|
8
|
-
var index_module = require('../../index.module-
|
|
8
|
+
var index_module = require('../../index.module-9a152fac.js');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
11
11
|
|
|
@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var components_primaryTablist_Component = require('./Component.js');
|
|
8
|
-
var index_module = require('../../index.module-
|
|
8
|
+
var index_module = require('../../index.module-9a152fac.js');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
13
|
|
|
14
|
-
var mobileStyles = {"title":"
|
|
14
|
+
var mobileStyles = {"title":"tabs__title_7flg8 tabs__title_1gjek","mobile":"tabs__mobile_7flg8","paragraph-primary-large":"tabs__paragraph-primary-large_7flg8","paragraph-primary-medium":"tabs__paragraph-primary-medium_7flg8","paragraph-primary-small":"tabs__paragraph-primary-small_7flg8","action-primary-large":"tabs__action-primary-large_7flg8","action-primary-medium":"tabs__action-primary-medium_7flg8","action-primary-small":"tabs__action-primary-small_7flg8","accent-primary-large":"tabs__accent-primary-large_7flg8","accent-primary-medium":"tabs__accent-primary-medium_7flg8","accent-primary-small":"tabs__accent-primary-small_7flg8","pickerWrapper":"tabs__pickerWrapper_7flg8","option":"tabs__option_7flg8","scrollControls":"tabs__scrollControls_7flg8","headline-system-xlarge":"tabs__headline-system-xlarge_7flg8","headline-system-large":"tabs__headline-system-large_7flg8","headline-system-medium":"tabs__headline-system-medium_7flg8","headline-system-small":"tabs__headline-system-small_7flg8","headline-system-xsmall":"tabs__headline-system-xsmall_7flg8","headline-xlarge":"tabs__headline-xlarge_7flg8","headline-large":"tabs__headline-large_7flg8","headline-medium":"tabs__headline-medium_7flg8","headline-small":"tabs__headline-small_7flg8","headline-xsmall":"tabs__headline-xsmall_7flg8"};
|
|
15
15
|
require('./mobile.css')
|
|
16
16
|
|
|
17
17
|
var styles = tslib.__assign(tslib.__assign({}, index_module.styles), mobileStyles);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 11a7o */
|
|
2
2
|
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-accent-primary: #ef3124;
|
|
@@ -89,11 +89,11 @@
|
|
|
89
89
|
/* size l */
|
|
90
90
|
|
|
91
91
|
/* size xl */
|
|
92
|
-
} .
|
|
92
|
+
} .tabs__component_1gjek {
|
|
93
93
|
position: relative;
|
|
94
94
|
display: inline-flex;
|
|
95
95
|
min-width: 100%
|
|
96
|
-
} .
|
|
96
|
+
} .tabs__component_1gjek:before {
|
|
97
97
|
content: '';
|
|
98
98
|
display: block;
|
|
99
99
|
position: absolute;
|
|
@@ -101,273 +101,273 @@
|
|
|
101
101
|
height: 1px;
|
|
102
102
|
width: 100%;
|
|
103
103
|
background-color: var(--primary-tablist-bottom-border-color);
|
|
104
|
-
} .
|
|
104
|
+
} .tabs__desktop_1gjek.tabs__paragraph-primary-large_1gjek .tabs__title_1gjek {
|
|
105
105
|
font-size: 18px;
|
|
106
106
|
line-height: 24px;
|
|
107
107
|
font-weight: 400;
|
|
108
|
-
} .
|
|
108
|
+
} .tabs__desktop_1gjek.tabs__paragraph-primary-medium_1gjek .tabs__title_1gjek {
|
|
109
109
|
font-size: 16px;
|
|
110
110
|
line-height: 24px;
|
|
111
111
|
font-weight: 400;
|
|
112
|
-
} .
|
|
112
|
+
} .tabs__desktop_1gjek.tabs__paragraph-primary-small_1gjek .tabs__title_1gjek {
|
|
113
113
|
font-size: 14px;
|
|
114
114
|
line-height: 20px;
|
|
115
115
|
font-weight: 400;
|
|
116
|
-
} .
|
|
116
|
+
} .tabs__desktop_1gjek.tabs__action-primary-large_1gjek .tabs__title_1gjek {
|
|
117
117
|
font-size: 18px;
|
|
118
118
|
line-height: 24px;
|
|
119
119
|
font-weight: 500;
|
|
120
|
-
} .
|
|
120
|
+
} .tabs__desktop_1gjek.tabs__action-primary-medium_1gjek .tabs__title_1gjek {
|
|
121
121
|
font-size: 16px;
|
|
122
122
|
line-height: 24px;
|
|
123
123
|
font-weight: 500;
|
|
124
|
-
} .
|
|
124
|
+
} .tabs__desktop_1gjek.tabs__action-primary-small_1gjek .tabs__title_1gjek {
|
|
125
125
|
font-size: 14px;
|
|
126
126
|
line-height: 20px;
|
|
127
127
|
font-weight: 500;
|
|
128
|
-
} .
|
|
128
|
+
} .tabs__desktop_1gjek.tabs__accent-primary-large_1gjek .tabs__title_1gjek {
|
|
129
129
|
font-size: 18px;
|
|
130
130
|
line-height: 24px;
|
|
131
131
|
font-weight: 700;
|
|
132
|
-
} .
|
|
132
|
+
} .tabs__desktop_1gjek.tabs__accent-primary-medium_1gjek .tabs__title_1gjek {
|
|
133
133
|
font-size: 16px;
|
|
134
134
|
line-height: 24px;
|
|
135
135
|
font-weight: 700;
|
|
136
|
-
} .
|
|
136
|
+
} .tabs__desktop_1gjek.tabs__accent-primary-small_1gjek .tabs__title_1gjek {
|
|
137
137
|
font-size: 14px;
|
|
138
138
|
line-height: 20px;
|
|
139
139
|
font-weight: 700;
|
|
140
|
-
} .
|
|
140
|
+
} .tabs__desktop_1gjek.tabs__paragraph-primary-large_1gjek .tabs__title_1gjek, .tabs__desktop_1gjek.tabs__paragraph-primary-medium_1gjek .tabs__title_1gjek, .tabs__desktop_1gjek.tabs__accent-primary-large_1gjek .tabs__title_1gjek, .tabs__desktop_1gjek.tabs__accent-primary-medium_1gjek .tabs__title_1gjek, .tabs__desktop_1gjek.tabs__action-primary-large_1gjek .tabs__title_1gjek, .tabs__desktop_1gjek.tabs__action-primary-medium_1gjek .tabs__title_1gjek {
|
|
141
141
|
padding-bottom: calc(24px / 2);
|
|
142
|
-
} .
|
|
143
|
-
.
|
|
144
|
-
.
|
|
145
|
-
.
|
|
146
|
-
.
|
|
147
|
-
.
|
|
148
|
-
.
|
|
149
|
-
.
|
|
150
|
-
.
|
|
151
|
-
.
|
|
152
|
-
.
|
|
153
|
-
.
|
|
142
|
+
} .tabs__desktop_1gjek.tabs__paragraph-primary-large_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
|
|
143
|
+
.tabs__desktop_1gjek.tabs__paragraph-primary-large_1gjek .tabs__pickerWrapper_1gjek,
|
|
144
|
+
.tabs__desktop_1gjek.tabs__paragraph-primary-medium_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
|
|
145
|
+
.tabs__desktop_1gjek.tabs__paragraph-primary-medium_1gjek .tabs__pickerWrapper_1gjek,
|
|
146
|
+
.tabs__desktop_1gjek.tabs__accent-primary-large_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
|
|
147
|
+
.tabs__desktop_1gjek.tabs__accent-primary-large_1gjek .tabs__pickerWrapper_1gjek,
|
|
148
|
+
.tabs__desktop_1gjek.tabs__accent-primary-medium_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
|
|
149
|
+
.tabs__desktop_1gjek.tabs__accent-primary-medium_1gjek .tabs__pickerWrapper_1gjek,
|
|
150
|
+
.tabs__desktop_1gjek.tabs__action-primary-large_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
|
|
151
|
+
.tabs__desktop_1gjek.tabs__action-primary-large_1gjek .tabs__pickerWrapper_1gjek,
|
|
152
|
+
.tabs__desktop_1gjek.tabs__action-primary-medium_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
|
|
153
|
+
.tabs__desktop_1gjek.tabs__action-primary-medium_1gjek .tabs__pickerWrapper_1gjek {
|
|
154
154
|
margin-left: 24px;
|
|
155
|
-
} .
|
|
155
|
+
} .tabs__desktop_1gjek.tabs__paragraph-primary-large_1gjek .tabs__option_1gjek, .tabs__desktop_1gjek.tabs__paragraph-primary-medium_1gjek .tabs__option_1gjek, .tabs__desktop_1gjek.tabs__accent-primary-large_1gjek .tabs__option_1gjek, .tabs__desktop_1gjek.tabs__accent-primary-medium_1gjek .tabs__option_1gjek, .tabs__desktop_1gjek.tabs__action-primary-large_1gjek .tabs__option_1gjek, .tabs__desktop_1gjek.tabs__action-primary-medium_1gjek .tabs__option_1gjek {
|
|
156
156
|
padding: 0;
|
|
157
|
-
} .
|
|
157
|
+
} .tabs__desktop_1gjek.tabs__paragraph-primary-large_1gjek .tabs__scrollControls_1gjek > button, .tabs__desktop_1gjek.tabs__paragraph-primary-medium_1gjek .tabs__scrollControls_1gjek > button, .tabs__desktop_1gjek.tabs__accent-primary-large_1gjek .tabs__scrollControls_1gjek > button, .tabs__desktop_1gjek.tabs__accent-primary-medium_1gjek .tabs__scrollControls_1gjek > button, .tabs__desktop_1gjek.tabs__action-primary-large_1gjek .tabs__scrollControls_1gjek > button, .tabs__desktop_1gjek.tabs__action-primary-medium_1gjek .tabs__scrollControls_1gjek > button {
|
|
158
158
|
box-sizing: content-box;
|
|
159
159
|
width: 24px;
|
|
160
160
|
height: 24px;
|
|
161
161
|
padding: 0;
|
|
162
|
-
} .
|
|
162
|
+
} .tabs__desktop_1gjek.tabs__paragraph-primary-large_1gjek .tabs__scrollControls_1gjek button:first-child, .tabs__desktop_1gjek.tabs__paragraph-primary-medium_1gjek .tabs__scrollControls_1gjek button:first-child, .tabs__desktop_1gjek.tabs__accent-primary-large_1gjek .tabs__scrollControls_1gjek button:first-child, .tabs__desktop_1gjek.tabs__accent-primary-medium_1gjek .tabs__scrollControls_1gjek button:first-child, .tabs__desktop_1gjek.tabs__action-primary-large_1gjek .tabs__scrollControls_1gjek button:first-child, .tabs__desktop_1gjek.tabs__action-primary-medium_1gjek .tabs__scrollControls_1gjek button:first-child {
|
|
163
163
|
margin: 0 0 0 calc(24px / 2);
|
|
164
|
-
} .
|
|
164
|
+
} .tabs__desktop_1gjek.tabs__paragraph-primary-small_1gjek .tabs__title_1gjek, .tabs__desktop_1gjek.tabs__accent-primary-small_1gjek .tabs__title_1gjek, .tabs__desktop_1gjek.tabs__action-primary-small_1gjek .tabs__title_1gjek {
|
|
165
165
|
padding-bottom: calc(20px / 2);
|
|
166
|
-
} .
|
|
167
|
-
.
|
|
168
|
-
.
|
|
169
|
-
.
|
|
170
|
-
.
|
|
171
|
-
.
|
|
166
|
+
} .tabs__desktop_1gjek.tabs__paragraph-primary-small_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
|
|
167
|
+
.tabs__desktop_1gjek.tabs__paragraph-primary-small_1gjek .tabs__pickerWrapper_1gjek,
|
|
168
|
+
.tabs__desktop_1gjek.tabs__accent-primary-small_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
|
|
169
|
+
.tabs__desktop_1gjek.tabs__accent-primary-small_1gjek .tabs__pickerWrapper_1gjek,
|
|
170
|
+
.tabs__desktop_1gjek.tabs__action-primary-small_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
|
|
171
|
+
.tabs__desktop_1gjek.tabs__action-primary-small_1gjek .tabs__pickerWrapper_1gjek {
|
|
172
172
|
margin-left: 20px;
|
|
173
|
-
} .
|
|
173
|
+
} .tabs__desktop_1gjek.tabs__paragraph-primary-small_1gjek .tabs__option_1gjek, .tabs__desktop_1gjek.tabs__accent-primary-small_1gjek .tabs__option_1gjek, .tabs__desktop_1gjek.tabs__action-primary-small_1gjek .tabs__option_1gjek {
|
|
174
174
|
padding: 0;
|
|
175
|
-
} .
|
|
175
|
+
} .tabs__desktop_1gjek.tabs__paragraph-primary-small_1gjek .tabs__scrollControls_1gjek > button, .tabs__desktop_1gjek.tabs__accent-primary-small_1gjek .tabs__scrollControls_1gjek > button, .tabs__desktop_1gjek.tabs__action-primary-small_1gjek .tabs__scrollControls_1gjek > button {
|
|
176
176
|
box-sizing: content-box;
|
|
177
177
|
width: 20px;
|
|
178
178
|
height: 20px;
|
|
179
179
|
padding: 0;
|
|
180
|
-
} .
|
|
180
|
+
} .tabs__desktop_1gjek.tabs__paragraph-primary-small_1gjek .tabs__scrollControls_1gjek button:first-child, .tabs__desktop_1gjek.tabs__accent-primary-small_1gjek .tabs__scrollControls_1gjek button:first-child, .tabs__desktop_1gjek.tabs__action-primary-small_1gjek .tabs__scrollControls_1gjek button:first-child {
|
|
181
181
|
margin: 0 0 0 calc(20px / 2);
|
|
182
|
-
} .
|
|
182
|
+
} .tabs__desktop_1gjek.tabs__headline-system-xlarge_1gjek .tabs__title_1gjek {
|
|
183
183
|
font-size: 48px;
|
|
184
184
|
line-height: 52px;
|
|
185
185
|
font-weight: 700;
|
|
186
|
-
} .
|
|
186
|
+
} .tabs__desktop_1gjek.tabs__headline-system-large_1gjek .tabs__title_1gjek {
|
|
187
187
|
font-size: 40px;
|
|
188
188
|
line-height: 48px;
|
|
189
189
|
font-weight: 700;
|
|
190
|
-
} .
|
|
190
|
+
} .tabs__desktop_1gjek.tabs__headline-system-medium_1gjek .tabs__title_1gjek {
|
|
191
191
|
font-size: 30px;
|
|
192
192
|
line-height: 36px;
|
|
193
193
|
font-weight: 700;
|
|
194
|
-
} .
|
|
194
|
+
} .tabs__desktop_1gjek.tabs__headline-system-small_1gjek .tabs__title_1gjek {
|
|
195
195
|
font-size: 22px;
|
|
196
196
|
line-height: 26px;
|
|
197
197
|
font-weight: 700;
|
|
198
|
-
} .
|
|
198
|
+
} .tabs__desktop_1gjek.tabs__headline-system-xsmall_1gjek .tabs__title_1gjek {
|
|
199
199
|
font-size: 18px;
|
|
200
200
|
line-height: 22px;
|
|
201
201
|
font-weight: 700;
|
|
202
|
-
} .
|
|
202
|
+
} .tabs__desktop_1gjek.tabs__headline-xlarge_1gjek .tabs__title_1gjek {
|
|
203
203
|
font-size: 48px;
|
|
204
204
|
line-height: 64px;
|
|
205
205
|
font-weight: 500;
|
|
206
206
|
font-feature-settings: 'ss01';
|
|
207
207
|
font-family: var(--font-family-styrene);
|
|
208
|
-
} .
|
|
208
|
+
} .tabs__desktop_1gjek.tabs__headline-large_1gjek .tabs__title_1gjek {
|
|
209
209
|
font-size: 40px;
|
|
210
210
|
line-height: 48px;
|
|
211
211
|
font-weight: 500;
|
|
212
212
|
font-feature-settings: 'ss01';
|
|
213
213
|
font-family: var(--font-family-styrene);
|
|
214
|
-
} .
|
|
214
|
+
} .tabs__desktop_1gjek.tabs__headline-medium_1gjek .tabs__title_1gjek {
|
|
215
215
|
font-size: 32px;
|
|
216
216
|
line-height: 40px;
|
|
217
217
|
font-weight: 500;
|
|
218
218
|
font-feature-settings: 'ss01';
|
|
219
219
|
font-family: var(--font-family-styrene);
|
|
220
|
-
} .
|
|
220
|
+
} .tabs__desktop_1gjek.tabs__headline-small_1gjek .tabs__title_1gjek {
|
|
221
221
|
font-size: 24px;
|
|
222
222
|
line-height: 32px;
|
|
223
223
|
font-weight: 500;
|
|
224
224
|
font-feature-settings: 'ss01';
|
|
225
225
|
font-family: var(--font-family-styrene);
|
|
226
|
-
} .
|
|
226
|
+
} .tabs__desktop_1gjek.tabs__headline-xsmall_1gjek .tabs__title_1gjek {
|
|
227
227
|
font-size: 20px;
|
|
228
228
|
line-height: 24px;
|
|
229
229
|
font-weight: 500;
|
|
230
230
|
font-feature-settings: 'ss01';
|
|
231
231
|
font-family: var(--font-family-styrene);
|
|
232
|
-
} .
|
|
232
|
+
} .tabs__desktop_1gjek.tabs__headline-system-xlarge_1gjek .tabs__title_1gjek {
|
|
233
233
|
padding-bottom: calc(52px / 2);
|
|
234
|
-
} .
|
|
235
|
-
.
|
|
234
|
+
} .tabs__desktop_1gjek.tabs__headline-system-xlarge_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
|
|
235
|
+
.tabs__desktop_1gjek.tabs__headline-system-xlarge_1gjek .tabs__pickerWrapper_1gjek {
|
|
236
236
|
margin-left: 52px;
|
|
237
|
-
} .
|
|
237
|
+
} .tabs__desktop_1gjek.tabs__headline-system-xlarge_1gjek .tabs__option_1gjek {
|
|
238
238
|
padding: 0;
|
|
239
|
-
} .
|
|
239
|
+
} .tabs__desktop_1gjek.tabs__headline-system-xlarge_1gjek .tabs__scrollControls_1gjek > button {
|
|
240
240
|
box-sizing: content-box;
|
|
241
241
|
width: 52px;
|
|
242
242
|
height: 52px;
|
|
243
243
|
padding: 0;
|
|
244
|
-
} .
|
|
244
|
+
} .tabs__desktop_1gjek.tabs__headline-system-xlarge_1gjek .tabs__scrollControls_1gjek button:first-child {
|
|
245
245
|
margin: 0 0 0 calc(52px / 2);
|
|
246
|
-
} .
|
|
246
|
+
} .tabs__desktop_1gjek.tabs__headline-system-large_1gjek .tabs__title_1gjek, .tabs__desktop_1gjek.tabs__headline-large_1gjek .tabs__title_1gjek {
|
|
247
247
|
padding-bottom: calc(48px / 2);
|
|
248
|
-
} .
|
|
249
|
-
.
|
|
250
|
-
.
|
|
251
|
-
.
|
|
248
|
+
} .tabs__desktop_1gjek.tabs__headline-system-large_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
|
|
249
|
+
.tabs__desktop_1gjek.tabs__headline-system-large_1gjek .tabs__pickerWrapper_1gjek,
|
|
250
|
+
.tabs__desktop_1gjek.tabs__headline-large_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
|
|
251
|
+
.tabs__desktop_1gjek.tabs__headline-large_1gjek .tabs__pickerWrapper_1gjek {
|
|
252
252
|
margin-left: 48px;
|
|
253
|
-
} .
|
|
253
|
+
} .tabs__desktop_1gjek.tabs__headline-system-large_1gjek .tabs__option_1gjek, .tabs__desktop_1gjek.tabs__headline-large_1gjek .tabs__option_1gjek {
|
|
254
254
|
padding: 0;
|
|
255
|
-
} .
|
|
255
|
+
} .tabs__desktop_1gjek.tabs__headline-system-large_1gjek .tabs__scrollControls_1gjek > button, .tabs__desktop_1gjek.tabs__headline-large_1gjek .tabs__scrollControls_1gjek > button {
|
|
256
256
|
box-sizing: content-box;
|
|
257
257
|
width: 48px;
|
|
258
258
|
height: 48px;
|
|
259
259
|
padding: 0;
|
|
260
|
-
} .
|
|
260
|
+
} .tabs__desktop_1gjek.tabs__headline-system-large_1gjek .tabs__scrollControls_1gjek button:first-child, .tabs__desktop_1gjek.tabs__headline-large_1gjek .tabs__scrollControls_1gjek button:first-child {
|
|
261
261
|
margin: 0 0 0 calc(48px / 2);
|
|
262
|
-
} .
|
|
262
|
+
} .tabs__desktop_1gjek.tabs__headline-system-medium_1gjek .tabs__title_1gjek {
|
|
263
263
|
padding-bottom: calc(36px / 2);
|
|
264
|
-
} .
|
|
265
|
-
.
|
|
264
|
+
} .tabs__desktop_1gjek.tabs__headline-system-medium_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
|
|
265
|
+
.tabs__desktop_1gjek.tabs__headline-system-medium_1gjek .tabs__pickerWrapper_1gjek {
|
|
266
266
|
margin-left: 36px;
|
|
267
|
-
} .
|
|
267
|
+
} .tabs__desktop_1gjek.tabs__headline-system-medium_1gjek .tabs__option_1gjek {
|
|
268
268
|
padding: 0;
|
|
269
|
-
} .
|
|
269
|
+
} .tabs__desktop_1gjek.tabs__headline-system-medium_1gjek .tabs__scrollControls_1gjek > button {
|
|
270
270
|
box-sizing: content-box;
|
|
271
271
|
width: 36px;
|
|
272
272
|
height: 36px;
|
|
273
273
|
padding: 0;
|
|
274
|
-
} .
|
|
274
|
+
} .tabs__desktop_1gjek.tabs__headline-system-medium_1gjek .tabs__scrollControls_1gjek button:first-child {
|
|
275
275
|
margin: 0 0 0 calc(36px / 2);
|
|
276
|
-
} .
|
|
276
|
+
} .tabs__desktop_1gjek.tabs__headline-system-small_1gjek .tabs__title_1gjek {
|
|
277
277
|
padding-bottom: calc(26px / 2);
|
|
278
|
-
} .
|
|
279
|
-
.
|
|
278
|
+
} .tabs__desktop_1gjek.tabs__headline-system-small_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
|
|
279
|
+
.tabs__desktop_1gjek.tabs__headline-system-small_1gjek .tabs__pickerWrapper_1gjek {
|
|
280
280
|
margin-left: 26px;
|
|
281
|
-
} .
|
|
281
|
+
} .tabs__desktop_1gjek.tabs__headline-system-small_1gjek .tabs__option_1gjek {
|
|
282
282
|
padding: 0;
|
|
283
|
-
} .
|
|
283
|
+
} .tabs__desktop_1gjek.tabs__headline-system-small_1gjek .tabs__scrollControls_1gjek > button {
|
|
284
284
|
box-sizing: content-box;
|
|
285
285
|
width: 26px;
|
|
286
286
|
height: 26px;
|
|
287
287
|
padding: 0;
|
|
288
|
-
} .
|
|
288
|
+
} .tabs__desktop_1gjek.tabs__headline-system-small_1gjek .tabs__scrollControls_1gjek button:first-child {
|
|
289
289
|
margin: 0 0 0 calc(26px / 2);
|
|
290
|
-
} .
|
|
290
|
+
} .tabs__desktop_1gjek.tabs__headline-system-xsmall_1gjek .tabs__title_1gjek {
|
|
291
291
|
padding-bottom: calc(22px / 2);
|
|
292
|
-
} .
|
|
293
|
-
.
|
|
292
|
+
} .tabs__desktop_1gjek.tabs__headline-system-xsmall_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
|
|
293
|
+
.tabs__desktop_1gjek.tabs__headline-system-xsmall_1gjek .tabs__pickerWrapper_1gjek {
|
|
294
294
|
margin-left: 22px;
|
|
295
|
-
} .
|
|
295
|
+
} .tabs__desktop_1gjek.tabs__headline-system-xsmall_1gjek .tabs__option_1gjek {
|
|
296
296
|
padding: 0;
|
|
297
|
-
} .
|
|
297
|
+
} .tabs__desktop_1gjek.tabs__headline-system-xsmall_1gjek .tabs__scrollControls_1gjek > button {
|
|
298
298
|
box-sizing: content-box;
|
|
299
299
|
width: 22px;
|
|
300
300
|
height: 22px;
|
|
301
301
|
padding: 0;
|
|
302
|
-
} .
|
|
302
|
+
} .tabs__desktop_1gjek.tabs__headline-system-xsmall_1gjek .tabs__scrollControls_1gjek button:first-child {
|
|
303
303
|
margin: 0 0 0 calc(22px / 2);
|
|
304
|
-
} .
|
|
304
|
+
} .tabs__desktop_1gjek.tabs__headline-xlarge_1gjek .tabs__title_1gjek {
|
|
305
305
|
padding-bottom: calc(64px / 2);
|
|
306
|
-
} .
|
|
307
|
-
.
|
|
306
|
+
} .tabs__desktop_1gjek.tabs__headline-xlarge_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
|
|
307
|
+
.tabs__desktop_1gjek.tabs__headline-xlarge_1gjek .tabs__pickerWrapper_1gjek {
|
|
308
308
|
margin-left: 64px;
|
|
309
|
-
} .
|
|
309
|
+
} .tabs__desktop_1gjek.tabs__headline-xlarge_1gjek .tabs__option_1gjek {
|
|
310
310
|
padding: 0;
|
|
311
|
-
} .
|
|
311
|
+
} .tabs__desktop_1gjek.tabs__headline-xlarge_1gjek .tabs__scrollControls_1gjek > button {
|
|
312
312
|
box-sizing: content-box;
|
|
313
313
|
width: 64px;
|
|
314
314
|
height: 64px;
|
|
315
315
|
padding: 0;
|
|
316
|
-
} .
|
|
316
|
+
} .tabs__desktop_1gjek.tabs__headline-xlarge_1gjek .tabs__scrollControls_1gjek button:first-child {
|
|
317
317
|
margin: 0 0 0 calc(64px / 2);
|
|
318
|
-
} .
|
|
318
|
+
} .tabs__desktop_1gjek.tabs__headline-medium_1gjek .tabs__title_1gjek {
|
|
319
319
|
padding-bottom: calc(40px / 2);
|
|
320
|
-
} .
|
|
321
|
-
.
|
|
320
|
+
} .tabs__desktop_1gjek.tabs__headline-medium_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
|
|
321
|
+
.tabs__desktop_1gjek.tabs__headline-medium_1gjek .tabs__pickerWrapper_1gjek {
|
|
322
322
|
margin-left: 40px;
|
|
323
|
-
} .
|
|
323
|
+
} .tabs__desktop_1gjek.tabs__headline-medium_1gjek .tabs__option_1gjek {
|
|
324
324
|
padding: 0;
|
|
325
|
-
} .
|
|
325
|
+
} .tabs__desktop_1gjek.tabs__headline-medium_1gjek .tabs__scrollControls_1gjek > button {
|
|
326
326
|
box-sizing: content-box;
|
|
327
327
|
width: 40px;
|
|
328
328
|
height: 40px;
|
|
329
329
|
padding: 0;
|
|
330
|
-
} .
|
|
330
|
+
} .tabs__desktop_1gjek.tabs__headline-medium_1gjek .tabs__scrollControls_1gjek button:first-child {
|
|
331
331
|
margin: 0 0 0 calc(40px / 2);
|
|
332
|
-
} .
|
|
332
|
+
} .tabs__desktop_1gjek.tabs__headline-small_1gjek .tabs__title_1gjek {
|
|
333
333
|
padding-bottom: calc(32px / 2);
|
|
334
|
-
} .
|
|
335
|
-
.
|
|
334
|
+
} .tabs__desktop_1gjek.tabs__headline-small_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
|
|
335
|
+
.tabs__desktop_1gjek.tabs__headline-small_1gjek .tabs__pickerWrapper_1gjek {
|
|
336
336
|
margin-left: 32px;
|
|
337
|
-
} .
|
|
337
|
+
} .tabs__desktop_1gjek.tabs__headline-small_1gjek .tabs__option_1gjek {
|
|
338
338
|
padding: 0;
|
|
339
|
-
} .
|
|
339
|
+
} .tabs__desktop_1gjek.tabs__headline-small_1gjek .tabs__scrollControls_1gjek > button {
|
|
340
340
|
box-sizing: content-box;
|
|
341
341
|
width: 32px;
|
|
342
342
|
height: 32px;
|
|
343
343
|
padding: 0;
|
|
344
|
-
} .
|
|
344
|
+
} .tabs__desktop_1gjek.tabs__headline-small_1gjek .tabs__scrollControls_1gjek button:first-child {
|
|
345
345
|
margin: 0 0 0 calc(32px / 2);
|
|
346
|
-
} .
|
|
346
|
+
} .tabs__desktop_1gjek.tabs__headline-xsmall_1gjek .tabs__title_1gjek {
|
|
347
347
|
padding-bottom: calc(24px / 2);
|
|
348
|
-
} .
|
|
349
|
-
.
|
|
348
|
+
} .tabs__desktop_1gjek.tabs__headline-xsmall_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
|
|
349
|
+
.tabs__desktop_1gjek.tabs__headline-xsmall_1gjek .tabs__pickerWrapper_1gjek {
|
|
350
350
|
margin-left: 24px;
|
|
351
|
-
} .
|
|
351
|
+
} .tabs__desktop_1gjek.tabs__headline-xsmall_1gjek .tabs__option_1gjek {
|
|
352
352
|
padding: 0;
|
|
353
|
-
} .
|
|
353
|
+
} .tabs__desktop_1gjek.tabs__headline-xsmall_1gjek .tabs__scrollControls_1gjek > button {
|
|
354
354
|
box-sizing: content-box;
|
|
355
355
|
width: 24px;
|
|
356
356
|
height: 24px;
|
|
357
357
|
padding: 0;
|
|
358
|
-
} .
|
|
358
|
+
} .tabs__desktop_1gjek.tabs__headline-xsmall_1gjek .tabs__scrollControls_1gjek button:first-child {
|
|
359
359
|
margin: 0 0 0 calc(24px / 2);
|
|
360
|
-
} .
|
|
360
|
+
} .tabs__fullWidthScroll_1gjek {
|
|
361
361
|
min-width: calc(100% - 2 * var(--gap-m));
|
|
362
362
|
margin: 0 var(--gap-m);
|
|
363
|
-
} .
|
|
363
|
+
} .tabs__container_1gjek {
|
|
364
364
|
position: relative;
|
|
365
365
|
overflow: hidden;
|
|
366
366
|
|
|
367
367
|
/* focus-outline fix */
|
|
368
368
|
margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
|
|
369
369
|
padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
|
|
370
|
-
} .
|
|
370
|
+
} .tabs__title_1gjek {
|
|
371
371
|
display: flex;
|
|
372
372
|
align-items: center;
|
|
373
373
|
height: 100%;
|
|
@@ -383,82 +383,82 @@
|
|
|
383
383
|
-webkit-user-select: none;
|
|
384
384
|
user-select: none;
|
|
385
385
|
outline: none
|
|
386
|
-
} .
|
|
386
|
+
} .tabs__title_1gjek:not(:disabled):hover {
|
|
387
387
|
color: var(--primary-tablist-hover-color);
|
|
388
|
-
} .
|
|
388
|
+
} .tabs__focused_1gjek {
|
|
389
389
|
outline: 2px solid var(--focus-color);
|
|
390
390
|
outline-offset: 2px;
|
|
391
|
-
} .
|
|
391
|
+
} .tabs__collapsed_1gjek {
|
|
392
392
|
order: 99;
|
|
393
393
|
visibility: collapse;
|
|
394
|
-
} .
|
|
394
|
+
} .tabs__selected_1gjek {
|
|
395
395
|
cursor: default;
|
|
396
396
|
color: var(--primary-tablist-selected-color);
|
|
397
|
-
} .
|
|
397
|
+
} .tabs__disabled_1gjek {
|
|
398
398
|
cursor: var(--disabled-cursor);
|
|
399
399
|
color: var(--primary-tablist-disabled-color);
|
|
400
|
-
} .
|
|
400
|
+
} .tabs__line_1gjek {
|
|
401
401
|
position: absolute;
|
|
402
402
|
height: 3px;
|
|
403
403
|
bottom: 0;
|
|
404
404
|
left: 0;
|
|
405
405
|
background-color: var(--primary-tablist-line-color);
|
|
406
406
|
transition: transform 0.2s ease, width 0.2s ease;
|
|
407
|
-
} .
|
|
407
|
+
} .tabs__option_1gjek {
|
|
408
408
|
color: var(--color-light-text-primary);
|
|
409
|
-
} /* sizes */ .
|
|
409
|
+
} /* sizes */ .tabs__s_1gjek .tabs__title_1gjek, .tabs__xs_1gjek .tabs__title_1gjek, .tabs__xxs_1gjek .tabs__title_1gjek {
|
|
410
410
|
padding: var(--primary-tablist-s-padding);
|
|
411
411
|
font-size: var(--primary-tablist-s-font-size);
|
|
412
412
|
font-weight: var(--primary-tablist-s-font-weight);
|
|
413
413
|
font-family: var(--primary-tablist-s-font-family);
|
|
414
414
|
line-height: 24px;
|
|
415
|
-
} .
|
|
415
|
+
} .tabs__s_1gjek .tabs__title_1gjek + .tabs__title_1gjek, .tabs__xs_1gjek .tabs__title_1gjek + .tabs__title_1gjek, .tabs__xxs_1gjek .tabs__title_1gjek + .tabs__title_1gjek {
|
|
416
416
|
margin-left: var(--primary-tablist-s-gaps);
|
|
417
|
-
} .
|
|
417
|
+
} .tabs__s_1gjek .tabs__pickerWrapper_1gjek, .tabs__xs_1gjek .tabs__pickerWrapper_1gjek, .tabs__xxs_1gjek .tabs__pickerWrapper_1gjek {
|
|
418
418
|
margin-left: var(--primary-tablist-s-gaps);
|
|
419
|
-
} .
|
|
419
|
+
} .tabs__s_1gjek .tabs__option_1gjek, .tabs__xs_1gjek .tabs__option_1gjek, .tabs__xxs_1gjek .tabs__option_1gjek {
|
|
420
420
|
padding: 0;
|
|
421
|
-
} .
|
|
421
|
+
} .tabs__m_1gjek .tabs__title_1gjek {
|
|
422
422
|
padding: var(--primary-tablist-m-padding);
|
|
423
423
|
font-size: var(--primary-tablist-m-font-size);
|
|
424
424
|
font-weight: var(--primary-tablist-m-font-weight);
|
|
425
425
|
font-family: var(--primary-tablist-m-font-family);
|
|
426
426
|
line-height: 24px;
|
|
427
|
-
} .
|
|
427
|
+
} .tabs__m_1gjek .tabs__title_1gjek + .tabs__title_1gjek {
|
|
428
428
|
margin-left: var(--primary-tablist-m-gaps);
|
|
429
|
-
} .
|
|
429
|
+
} .tabs__m_1gjek .tabs__pickerWrapper_1gjek {
|
|
430
430
|
margin-left: var(--primary-tablist-m-gaps);
|
|
431
|
-
} .
|
|
431
|
+
} .tabs__m_1gjek .tabs__option_1gjek {
|
|
432
432
|
padding: 0;
|
|
433
|
-
} .
|
|
433
|
+
} .tabs__l_1gjek .tabs__title_1gjek {
|
|
434
434
|
padding: var(--primary-tablist-l-padding);
|
|
435
435
|
font-size: var(--primary-tablist-l-font-size);
|
|
436
436
|
font-weight: var(--primary-tablist-l-font-weight);
|
|
437
437
|
font-family: var(--primary-tablist-l-font-family);
|
|
438
438
|
line-height: 24px;
|
|
439
|
-
} .
|
|
439
|
+
} .tabs__l_1gjek .tabs__title_1gjek + .tabs__title_1gjek {
|
|
440
440
|
margin-left: var(--primary-tablist-l-gaps);
|
|
441
|
-
} .
|
|
441
|
+
} .tabs__l_1gjek .tabs__pickerWrapper_1gjek {
|
|
442
442
|
margin-left: var(--primary-tablist-l-gaps);
|
|
443
|
-
} .
|
|
443
|
+
} .tabs__l_1gjek .tabs__option_1gjek {
|
|
444
444
|
padding: 0;
|
|
445
|
-
} .
|
|
445
|
+
} .tabs__xl_1gjek .tabs__title_1gjek {
|
|
446
446
|
padding: var(--primary-tablist-xl-padding);
|
|
447
447
|
font-size: var(--primary-tablist-xl-font-size);
|
|
448
448
|
font-weight: var(--primary-tablist-xl-font-weight);
|
|
449
449
|
font-family: var(--primary-tablist-xl-font-family);
|
|
450
450
|
line-height: 32px;
|
|
451
|
-
} .
|
|
451
|
+
} .tabs__xl_1gjek .tabs__title_1gjek + .tabs__title_1gjek {
|
|
452
452
|
margin-left: var(--primary-tablist-xl-gaps);
|
|
453
|
-
} .
|
|
453
|
+
} .tabs__xl_1gjek .tabs__pickerWrapper_1gjek {
|
|
454
454
|
margin-left: var(--primary-tablist-xl-gaps);
|
|
455
|
-
} .
|
|
455
|
+
} .tabs__xl_1gjek .tabs__option_1gjek {
|
|
456
456
|
padding: 0;
|
|
457
|
-
} .
|
|
457
|
+
} .tabs__rightAddons_1gjek {
|
|
458
458
|
display: flex;
|
|
459
459
|
justify-content: center;
|
|
460
460
|
align-items: center;
|
|
461
461
|
margin-left: var(--gap-xs);
|
|
462
|
-
} .
|
|
462
|
+
} .tabs__rightAddonsMarginZero_1gjek {
|
|
463
463
|
margin-left: 0;
|
|
464
464
|
}
|