@alfalab/core-components-tabs 10.0.3 → 10.0.4-alfasans

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.
Files changed (47) hide show
  1. package/components/primary-tablist/index.css +180 -167
  2. package/components/primary-tablist/index.module.css.js +1 -1
  3. package/components/primary-tablist/mobile.css +317 -291
  4. package/components/primary-tablist/mobile.module.css.js +1 -1
  5. package/components/scroll-controls/index.css +11 -11
  6. package/components/scroll-controls/index.module.css.js +1 -1
  7. package/components/scrollable-container/index.css +5 -5
  8. package/components/scrollable-container/index.module.css.js +1 -1
  9. package/components/secondary-tablist/index.css +18 -18
  10. package/components/secondary-tablist/index.module.css.js +1 -1
  11. package/components/secondary-tablist/mobile.css +22 -22
  12. package/components/secondary-tablist/mobile.module.css.js +1 -1
  13. package/components/tab/index.css +2 -2
  14. package/components/tab/index.module.css.js +1 -1
  15. package/cssm/components/primary-tablist/index.module.css +48 -35
  16. package/cssm/components/primary-tablist/mobile.module.css +48 -35
  17. package/esm/components/primary-tablist/index.css +180 -167
  18. package/esm/components/primary-tablist/index.module.css.js +1 -1
  19. package/esm/components/primary-tablist/mobile.css +317 -291
  20. package/esm/components/primary-tablist/mobile.module.css.js +1 -1
  21. package/esm/components/scroll-controls/index.css +11 -11
  22. package/esm/components/scroll-controls/index.module.css.js +1 -1
  23. package/esm/components/scrollable-container/index.css +5 -5
  24. package/esm/components/scrollable-container/index.module.css.js +1 -1
  25. package/esm/components/secondary-tablist/index.css +18 -18
  26. package/esm/components/secondary-tablist/index.module.css.js +1 -1
  27. package/esm/components/secondary-tablist/mobile.css +22 -22
  28. package/esm/components/secondary-tablist/mobile.module.css.js +1 -1
  29. package/esm/components/tab/index.css +2 -2
  30. package/esm/components/tab/index.module.css.js +1 -1
  31. package/modern/components/primary-tablist/index.css +180 -167
  32. package/modern/components/primary-tablist/index.module.css.js +1 -1
  33. package/modern/components/primary-tablist/mobile.css +317 -291
  34. package/modern/components/primary-tablist/mobile.module.css.js +1 -1
  35. package/modern/components/scroll-controls/index.css +11 -11
  36. package/modern/components/scroll-controls/index.module.css.js +1 -1
  37. package/modern/components/scrollable-container/index.css +5 -5
  38. package/modern/components/scrollable-container/index.module.css.js +1 -1
  39. package/modern/components/secondary-tablist/index.css +18 -18
  40. package/modern/components/secondary-tablist/index.module.css.js +1 -1
  41. package/modern/components/secondary-tablist/mobile.css +22 -22
  42. package/modern/components/secondary-tablist/mobile.module.css.js +1 -1
  43. package/modern/components/tab/index.css +2 -2
  44. package/modern/components/tab/index.module.css.js +1 -1
  45. package/moderncssm/components/primary-tablist/index.module.css +45 -30
  46. package/moderncssm/components/primary-tablist/mobile.module.css +45 -30
  47. package/package.json +12 -12
package/modern/components/primary-tablist/mobile.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- const mobileStyles = {"title":"tabs__title_18gys tabs__title_jr4hr","mobile":"tabs__mobile_18gys","paragraph-primary-large":"tabs__paragraph-primary-large_18gys","paragraph-primary-medium":"tabs__paragraph-primary-medium_18gys","paragraph-primary-small":"tabs__paragraph-primary-small_18gys","action-primary-large":"tabs__action-primary-large_18gys","action-primary-medium":"tabs__action-primary-medium_18gys","action-primary-small":"tabs__action-primary-small_18gys","accent-primary-large":"tabs__accent-primary-large_18gys","accent-primary-medium":"tabs__accent-primary-medium_18gys","accent-primary-small":"tabs__accent-primary-small_18gys","pickerWrapper":"tabs__pickerWrapper_18gys","option":"tabs__option_18gys","scrollControls":"tabs__scrollControls_18gys","headline-system-xlarge":"tabs__headline-system-xlarge_18gys","headline-system-large":"tabs__headline-system-large_18gys","headline-system-medium":"tabs__headline-system-medium_18gys","headline-system-small":"tabs__headline-system-small_18gys","headline-system-xsmall":"tabs__headline-system-xsmall_18gys","headline-xlarge":"tabs__headline-xlarge_18gys","headline-large":"tabs__headline-large_18gys","headline-medium":"tabs__headline-medium_18gys","headline-small":"tabs__headline-small_18gys","headline-xsmall":"tabs__headline-xsmall_18gys","noTextStyle":"tabs__noTextStyle_18gys"};
3
+ const mobileStyles = {"title":"tabs__title_eai65 tabs__title_ymwe4","mobile":"tabs__mobile_eai65","paragraph-primary-large":"tabs__paragraph-primary-large_eai65","paragraph-primary-medium":"tabs__paragraph-primary-medium_eai65","paragraph-primary-small":"tabs__paragraph-primary-small_eai65","action-primary-large":"tabs__action-primary-large_eai65","action-primary-medium":"tabs__action-primary-medium_eai65","action-primary-small":"tabs__action-primary-small_eai65","accent-primary-large":"tabs__accent-primary-large_eai65","accent-primary-medium":"tabs__accent-primary-medium_eai65","accent-primary-small":"tabs__accent-primary-small_eai65","pickerWrapper":"tabs__pickerWrapper_eai65","option":"tabs__option_eai65","scrollControls":"tabs__scrollControls_eai65","headline-system-xlarge":"tabs__headline-system-xlarge_eai65","headline-system-large":"tabs__headline-system-large_eai65","headline-system-medium":"tabs__headline-system-medium_eai65","headline-system-small":"tabs__headline-system-small_eai65","headline-system-xsmall":"tabs__headline-system-xsmall_eai65","headline-xlarge":"tabs__headline-xlarge_eai65","headline-large":"tabs__headline-large_eai65","headline-medium":"tabs__headline-medium_eai65","headline-small":"tabs__headline-small_eai65","headline-xsmall":"tabs__headline-xsmall_eai65","noTextStyle":"tabs__noTextStyle_eai65"};
4
4
 
5
5
  export { mobileStyles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
package/modern/components/scroll-controls/index.css CHANGED
@@ -12,16 +12,16 @@
12
12
  :root {
13
13
  --primary-tablist-bottom-border-color: var(--color-light-neutral-translucent-500);
14
14
  }
15
- .tabs__component_1dmkp {
15
+ .tabs__component_241z8 {
16
16
  position: relative;
17
17
  display: flex;
18
18
  flex-shrink: 0;
19
19
  }
20
- .tabs__primary_1dmkp {
20
+ .tabs__primary_241z8 {
21
21
  align-items: flex-start;
22
22
  justify-content: flex-end;
23
23
  }
24
- .tabs__primary_1dmkp:after {
24
+ .tabs__primary_241z8:after {
25
25
  content: '';
26
26
  display: block;
27
27
  position: absolute;
@@ -30,21 +30,21 @@
30
30
  width: 100%;
31
31
  background-color: var(--primary-tablist-bottom-border-color);
32
32
  }
33
- .tabs__primary_1dmkp {
33
+ .tabs__primary_241z8 {
34
34
 
35
- .tabs__button_1dmkp:first-child {
35
+ .tabs__button_241z8:first-child {
36
36
  padding-left: var(--gap-8);
37
37
  margin-right: var(--gap-8);
38
38
  }
39
39
  }
40
- .tabs__primary_1dmkp.tabs__xl_1dmkp .tabs__button_1dmkp:first-child {
40
+ .tabs__primary_241z8.tabs__xl_241z8 .tabs__button_241z8:first-child {
41
41
  margin-right: var(--gap-4);
42
42
  }
43
- .tabs__secondary_1dmkp {
43
+ .tabs__secondary_241z8 {
44
44
  align-items: center;
45
45
  justify-content: center;
46
46
  }
47
- .tabs__secondary_1dmkp:before {
47
+ .tabs__secondary_241z8:before {
48
48
  content: '';
49
49
  display: block;
50
50
  position: absolute;
@@ -55,13 +55,13 @@
55
55
  transition: background-color 0.3s ease;
56
56
  bottom: var(--gap-0);
57
57
  }
58
- .tabs__secondary_1dmkp.tabs__xs_1dmkp {
58
+ .tabs__secondary_241z8.tabs__xs_241z8 {
59
59
  width: 76px;
60
60
 
61
- .tabs__button_1dmkp:first-child {
61
+ .tabs__button_241z8:first-child {
62
62
  margin-right: var(--gap-4);
63
63
  }
64
64
  }
65
- .tabs__borderVisible_1dmkp:before {
65
+ .tabs__borderVisible_241z8:before {
66
66
  background-color: var(--color-light-neutral-translucent-300);
67
67
  }
package/modern/components/scroll-controls/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"tabs__component_1dmkp","primary":"tabs__primary_1dmkp","button":"tabs__button_1dmkp","xl":"tabs__xl_1dmkp","secondary":"tabs__secondary_1dmkp","xs":"tabs__xs_1dmkp","borderVisible":"tabs__borderVisible_1dmkp"};
3
+ const styles = {"component":"tabs__component_241z8","primary":"tabs__primary_241z8","button":"tabs__button_241z8","xl":"tabs__xl_241z8","secondary":"tabs__secondary_241z8","xs":"tabs__xs_241z8","borderVisible":"tabs__borderVisible_241z8"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/scrollable-container/index.css CHANGED
@@ -7,10 +7,10 @@
7
7
  --gap-4-neg: var(--gap-2xs-neg);
8
8
  --gap-16-neg: var(--gap-m-neg);
9
9
  }
10
- .tabs__scrollableContainerWrapper_1hiix {
10
+ .tabs__scrollableContainerWrapper_1e7ud {
11
11
  display: flex;
12
12
  }
13
- .tabs__container_1hiix {
13
+ .tabs__container_1e7ud {
14
14
  position: relative;
15
15
  overflow-x: auto;
16
16
  overflow-y: hidden;
@@ -20,13 +20,13 @@
20
20
  margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
21
21
  padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
22
22
  }
23
- .tabs__container_1hiix::-webkit-scrollbar {
23
+ .tabs__container_1e7ud::-webkit-scrollbar {
24
24
  display: none;
25
25
  }
26
- .tabs__container_1hiix > * {
26
+ .tabs__container_1e7ud > * {
27
27
  flex-shrink: 0;
28
28
  }
29
- .tabs__fullWidthScroll_1hiix {
29
+ .tabs__fullWidthScroll_1e7ud {
30
30
  padding-left: var(--gap-0);
31
31
  margin: var(--gap-4-neg) var(--gap-16-neg);
32
32
  }
package/modern/components/scrollable-container/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_1hiix","container":"tabs__container_1hiix","fullWidthScroll":"tabs__fullWidthScroll_1hiix"};
3
+ const styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_1e7ud","container":"tabs__container_1e7ud","fullWidthScroll":"tabs__fullWidthScroll_1e7ud"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/secondary-tablist/index.css CHANGED
@@ -20,47 +20,47 @@
20
20
  --secondary-tablist-xl-gaps: var(--gap-16);
21
21
  --secondary-tablist-transparent-gaps: var(--gap-0);
22
22
  }
23
- .tabs__component_jenaa {
23
+ .tabs__component_n3xd2 {
24
24
  position: relative;
25
25
  display: inline-flex;
26
26
  }
27
- .tabs__fullWidthScroll_jenaa {
27
+ .tabs__fullWidthScroll_n3xd2 {
28
28
  margin: var(--gap-0) var(--gap-16);
29
29
  }
30
- .tabs__container_jenaa {
30
+ .tabs__container_n3xd2 {
31
31
  overflow: hidden;
32
32
  margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
33
33
  padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
34
34
  }
35
- .tabs__title_jenaa {
35
+ .tabs__title_n3xd2 {
36
36
  white-space: nowrap;
37
37
  }
38
- .tabs__desktop_jenaa.tabs__desktop_jenaa.tabs__transparentView_jenaa.tabs__transparentView_jenaa {
39
- .tabs__title_jenaa.tabs__title_jenaa {
38
+ .tabs__desktop_n3xd2.tabs__desktop_n3xd2.tabs__transparentView_n3xd2.tabs__transparentView_n3xd2 {
39
+ .tabs__title_n3xd2.tabs__title_n3xd2 {
40
40
  margin-left: var(--secondary-tablist-transparent-gaps);
41
41
  }
42
42
  }
43
- .tabs__xxs_jenaa .tabs__title_jenaa + .tabs__title_jenaa,
44
- .tabs__xxs_jenaa .tabs__skeleton_jenaa + .tabs__skeleton_jenaa {
43
+ .tabs__xxs_n3xd2 .tabs__title_n3xd2 + .tabs__title_n3xd2,
44
+ .tabs__xxs_n3xd2 .tabs__skeleton_n3xd2 + .tabs__skeleton_n3xd2 {
45
45
  margin-left: var(--secondary-tablist-xxs-gaps);
46
46
  }
47
- .tabs__xs_jenaa .tabs__title_jenaa + .tabs__title_jenaa,
48
- .tabs__xs_jenaa .tabs__skeleton_jenaa + .tabs__skeleton_jenaa {
47
+ .tabs__xs_n3xd2 .tabs__title_n3xd2 + .tabs__title_n3xd2,
48
+ .tabs__xs_n3xd2 .tabs__skeleton_n3xd2 + .tabs__skeleton_n3xd2 {
49
49
  margin-left: var(--secondary-tablist-xs-gaps);
50
50
  }
51
- .tabs__s_jenaa .tabs__title_jenaa + .tabs__title_jenaa,
52
- .tabs__s_jenaa .tabs__skeleton_jenaa + .tabs__skeleton_jenaa {
51
+ .tabs__s_n3xd2 .tabs__title_n3xd2 + .tabs__title_n3xd2,
52
+ .tabs__s_n3xd2 .tabs__skeleton_n3xd2 + .tabs__skeleton_n3xd2 {
53
53
  margin-left: var(--secondary-tablist-s-gaps);
54
54
  }
55
- .tabs__m_jenaa .tabs__title_jenaa + .tabs__title_jenaa,
56
- .tabs__m_jenaa .tabs__skeleton_jenaa + .tabs__skeleton_jenaa {
55
+ .tabs__m_n3xd2 .tabs__title_n3xd2 + .tabs__title_n3xd2,
56
+ .tabs__m_n3xd2 .tabs__skeleton_n3xd2 + .tabs__skeleton_n3xd2 {
57
57
  margin-left: var(--secondary-tablist-m-gaps);
58
58
  }
59
- .tabs__l_jenaa .tabs__title_jenaa + .tabs__title_jenaa,
60
- .tabs__l_jenaa .tabs__skeleton_jenaa + .tabs__skeleton_jenaa {
59
+ .tabs__l_n3xd2 .tabs__title_n3xd2 + .tabs__title_n3xd2,
60
+ .tabs__l_n3xd2 .tabs__skeleton_n3xd2 + .tabs__skeleton_n3xd2 {
61
61
  margin-left: var(--secondary-tablist-l-gaps);
62
62
  }
63
- .tabs__xl_jenaa .tabs__title_jenaa + .tabs__title_jenaa,
64
- .tabs__xl_jenaa .tabs__skeleton_jenaa + .tabs__skeleton_jenaa {
63
+ .tabs__xl_n3xd2 .tabs__title_n3xd2 + .tabs__title_n3xd2,
64
+ .tabs__xl_n3xd2 .tabs__skeleton_n3xd2 + .tabs__skeleton_n3xd2 {
65
65
  margin-left: var(--secondary-tablist-xl-gaps);
66
66
  }
package/modern/components/secondary-tablist/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const commonStyles = {"component":"tabs__component_jenaa","fullWidthScroll":"tabs__fullWidthScroll_jenaa","container":"tabs__container_jenaa","title":"tabs__title_jenaa","desktop":"tabs__desktop_jenaa","transparentView":"tabs__transparentView_jenaa","xxs":"tabs__xxs_jenaa","skeleton":"tabs__skeleton_jenaa","xs":"tabs__xs_jenaa","s":"tabs__s_jenaa","m":"tabs__m_jenaa","l":"tabs__l_jenaa","xl":"tabs__xl_jenaa"};
3
+ const commonStyles = {"component":"tabs__component_n3xd2","fullWidthScroll":"tabs__fullWidthScroll_n3xd2","container":"tabs__container_n3xd2","title":"tabs__title_n3xd2","desktop":"tabs__desktop_n3xd2","transparentView":"tabs__transparentView_n3xd2","xxs":"tabs__xxs_n3xd2","skeleton":"tabs__skeleton_n3xd2","xs":"tabs__xs_n3xd2","s":"tabs__s_n3xd2","m":"tabs__m_n3xd2","l":"tabs__l_n3xd2","xl":"tabs__xl_n3xd2"};
4
4
 
5
5
  export { commonStyles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/secondary-tablist/mobile.css CHANGED
@@ -19,38 +19,38 @@
19
19
  --secondary-tablist-l-gaps: var(--gap-16);
20
20
  --secondary-tablist-xl-gaps: var(--gap-16);
21
21
  --secondary-tablist-transparent-gaps: var(--gap-0);
22
- }.tabs__component_jenaa {
22
+ }.tabs__component_n3xd2 {
23
23
  position: relative;
24
24
  display: inline-flex;
25
- }.tabs__fullWidthScroll_jenaa {
25
+ }.tabs__fullWidthScroll_n3xd2 {
26
26
  margin: var(--gap-0) var(--gap-16);
27
- }.tabs__container_jenaa {
27
+ }.tabs__container_n3xd2 {
28
28
  overflow: hidden;
29
29
  margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
30
30
  padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
31
- }.tabs__title_jenaa {
31
+ }.tabs__title_n3xd2 {
32
32
  white-space: nowrap;
33
- }.tabs__desktop_jenaa.tabs__desktop_jenaa.tabs__transparentView_jenaa.tabs__transparentView_jenaa {
34
- .tabs__title_jenaa.tabs__title_jenaa {
33
+ }.tabs__desktop_n3xd2.tabs__desktop_n3xd2.tabs__transparentView_n3xd2.tabs__transparentView_n3xd2 {
34
+ .tabs__title_n3xd2.tabs__title_n3xd2 {
35
35
  margin-left: var(--secondary-tablist-transparent-gaps);
36
36
  }
37
- }.tabs__xxs_jenaa .tabs__title_jenaa + .tabs__title_jenaa,
38
- .tabs__xxs_jenaa .tabs__skeleton_jenaa + .tabs__skeleton_jenaa {
37
+ }.tabs__xxs_n3xd2 .tabs__title_n3xd2 + .tabs__title_n3xd2,
38
+ .tabs__xxs_n3xd2 .tabs__skeleton_n3xd2 + .tabs__skeleton_n3xd2 {
39
39
  margin-left: var(--secondary-tablist-xxs-gaps);
40
- }.tabs__xs_jenaa .tabs__title_jenaa + .tabs__title_jenaa,
41
- .tabs__xs_jenaa .tabs__skeleton_jenaa + .tabs__skeleton_jenaa {
40
+ }.tabs__xs_n3xd2 .tabs__title_n3xd2 + .tabs__title_n3xd2,
41
+ .tabs__xs_n3xd2 .tabs__skeleton_n3xd2 + .tabs__skeleton_n3xd2 {
42
42
  margin-left: var(--secondary-tablist-xs-gaps);
43
- }.tabs__s_jenaa .tabs__title_jenaa + .tabs__title_jenaa,
44
- .tabs__s_jenaa .tabs__skeleton_jenaa + .tabs__skeleton_jenaa {
43
+ }.tabs__s_n3xd2 .tabs__title_n3xd2 + .tabs__title_n3xd2,
44
+ .tabs__s_n3xd2 .tabs__skeleton_n3xd2 + .tabs__skeleton_n3xd2 {
45
45
  margin-left: var(--secondary-tablist-s-gaps);
46
- }.tabs__m_jenaa .tabs__title_jenaa + .tabs__title_jenaa,
47
- .tabs__m_jenaa .tabs__skeleton_jenaa + .tabs__skeleton_jenaa {
46
+ }.tabs__m_n3xd2 .tabs__title_n3xd2 + .tabs__title_n3xd2,
47
+ .tabs__m_n3xd2 .tabs__skeleton_n3xd2 + .tabs__skeleton_n3xd2 {
48
48
  margin-left: var(--secondary-tablist-m-gaps);
49
- }.tabs__l_jenaa .tabs__title_jenaa + .tabs__title_jenaa,
50
- .tabs__l_jenaa .tabs__skeleton_jenaa + .tabs__skeleton_jenaa {
49
+ }.tabs__l_n3xd2 .tabs__title_n3xd2 + .tabs__title_n3xd2,
50
+ .tabs__l_n3xd2 .tabs__skeleton_n3xd2 + .tabs__skeleton_n3xd2 {
51
51
  margin-left: var(--secondary-tablist-l-gaps);
52
- }.tabs__xl_jenaa .tabs__title_jenaa + .tabs__title_jenaa,
53
- .tabs__xl_jenaa .tabs__skeleton_jenaa + .tabs__skeleton_jenaa {
52
+ }.tabs__xl_n3xd2 .tabs__title_n3xd2 + .tabs__title_n3xd2,
53
+ .tabs__xl_n3xd2 .tabs__skeleton_n3xd2 + .tabs__skeleton_n3xd2 {
54
54
  margin-left: var(--secondary-tablist-xl-gaps);
55
55
  }
56
56
  :root {
@@ -76,12 +76,12 @@
76
76
  --secondary-tablist-xl-gaps: var(--gap-16);
77
77
  --secondary-tablist-transparent-gaps: var(--gap-0);
78
78
  }
79
- .tabs__title_kxiox {
79
+ .tabs__title_1riqh {
80
80
  }
81
- .tabs__mobile_kxiox .tabs__title_kxiox + .tabs__title_kxiox,
82
- .tabs__mobile_kxiox .tabs__skeleton_kxiox + .tabs__skeleton_kxiox {
81
+ .tabs__mobile_1riqh .tabs__title_1riqh + .tabs__title_1riqh,
82
+ .tabs__mobile_1riqh .tabs__skeleton_1riqh + .tabs__skeleton_1riqh {
83
83
  margin-left: var(--secondary-tablist-mobile-gaps);
84
84
  }
85
- .tabs__mobile_kxiox.tabs__transparentView_kxiox.tabs__transparentView_kxiox .tabs__title_kxiox {
85
+ .tabs__mobile_1riqh.tabs__transparentView_1riqh.tabs__transparentView_1riqh .tabs__title_1riqh {
86
86
  margin-left: var(--secondary-tablist-transparent-gaps);
87
87
  }
package/modern/components/secondary-tablist/mobile.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- const mobileStyles = {"title":"tabs__title_kxiox tabs__title_jenaa","mobile":"tabs__mobile_kxiox","skeleton":"tabs__skeleton_kxiox","transparentView":"tabs__transparentView_kxiox"};
3
+ const mobileStyles = {"title":"tabs__title_1riqh tabs__title_n3xd2","mobile":"tabs__mobile_1riqh","skeleton":"tabs__skeleton_1riqh","transparentView":"tabs__transparentView_1riqh"};
4
4
 
5
5
  export { mobileStyles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
package/modern/components/tab/index.css CHANGED
@@ -1,7 +1,7 @@
1
- .tabs__component_58kxo {
1
+ .tabs__component_ob5kl {
2
2
  outline: none;
3
3
  }
4
4
 
5
- .tabs__hidden_58kxo {
5
+ .tabs__hidden_ob5kl {
6
6
  display: none;
7
7
  }
package/modern/components/tab/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"tabs__component_58kxo","hidden":"tabs__hidden_58kxo"};
3
+ const styles = {"component":"tabs__component_ob5kl","hidden":"tabs__hidden_ob5kl"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/moderncssm/components/primary-tablist/index.module.css CHANGED
@@ -34,55 +34,64 @@
34
34
  font-size: 18px;
35
35
  line-height: 24px;
36
36
  font-weight: 400;
37
- font-family: var(--font-family-system);
37
+ letter-spacing: -0.36px;
38
+ font-family: var(--font-family-alfasans);
38
39
  }
39
40
  .desktop.paragraph-primary-medium .title {
40
41
  font-size: 16px;
41
42
  line-height: 24px;
42
43
  font-weight: 400;
43
- font-family: var(--font-family-system);
44
+ letter-spacing: -0.24px;
45
+ font-family: var(--font-family-alfasans);
44
46
  }
45
47
  .desktop.paragraph-primary-small .title {
46
48
  font-size: 14px;
47
49
  line-height: 20px;
48
50
  font-weight: 400;
49
- font-family: var(--font-family-system);
51
+ letter-spacing: -0.08px;
52
+ font-family: var(--font-family-alfasans);
50
53
  }
51
54
  .desktop.action-primary-large .title {
52
55
  font-size: 18px;
53
56
  line-height: 24px;
54
57
  font-weight: 500;
55
- font-family: var(--font-family-system);
58
+ letter-spacing: -0.17px;
59
+ font-family: var(--font-family-alfasans);
56
60
  }
57
61
  .desktop.action-primary-medium .title {
58
62
  font-size: 16px;
59
63
  line-height: 24px;
60
64
  font-weight: 500;
61
- font-family: var(--font-family-system);
65
+ letter-spacing: -0.05px;
66
+ font-family: var(--font-family-alfasans);
62
67
  }
63
68
  .desktop.action-primary-small .title {
64
69
  font-size: 14px;
65
70
  line-height: 20px;
66
71
  font-weight: 500;
67
- font-family: var(--font-family-system);
72
+ letter-spacing: 0.07px;
73
+ font-family: var(--font-family-alfasans);
68
74
  }
69
75
  .desktop.accent-primary-large .title {
70
76
  font-size: 18px;
71
77
  line-height: 24px;
72
78
  font-weight: 700;
73
- font-family: var(--font-family-system);
79
+ letter-spacing: 0.38px;
80
+ font-family: var(--font-family-alfasans);
74
81
  }
75
82
  .desktop.accent-primary-medium .title {
76
83
  font-size: 16px;
77
84
  line-height: 24px;
78
85
  font-weight: 700;
79
- font-family: var(--font-family-system);
86
+ letter-spacing: 0.43px;
87
+ font-family: var(--font-family-alfasans);
80
88
  }
81
89
  .desktop.accent-primary-small .title {
82
90
  font-size: 14px;
83
91
  line-height: 20px;
84
92
  font-weight: 700;
85
- font-family: var(--font-family-system);
93
+ letter-spacing: 0.47px;
94
+ font-family: var(--font-family-alfasans);
86
95
  }
87
96
  .desktop.paragraph-primary-large .title, .desktop.paragraph-primary-medium .title, .desktop.accent-primary-large .title, .desktop.accent-primary-medium .title, .desktop.action-primary-large .title, .desktop.action-primary-medium .title {
88
97
  padding-bottom: calc(24px / 2);
@@ -140,66 +149,71 @@
140
149
  font-size: 48px;
141
150
  line-height: 52px;
142
151
  font-weight: 700;
143
- font-family: var(--font-family-system);
152
+ letter-spacing: 0.1px;
153
+ font-family: var(--font-family-alfasans);
144
154
  }
145
155
  .desktop.headline-system-large .title {
146
156
  font-size: 40px;
147
157
  line-height: 48px;
148
158
  font-weight: 700;
149
- font-family: var(--font-family-system);
159
+ letter-spacing: 0.1px;
160
+ font-family: var(--font-family-alfasans);
150
161
  }
151
162
  .desktop.headline-system-medium .title {
152
163
  font-size: 30px;
153
164
  line-height: 36px;
154
165
  font-weight: 700;
155
- font-family: var(--font-family-system);
166
+ letter-spacing: 0.1px;
167
+ font-family: var(--font-family-alfasans);
156
168
  }
157
169
  .desktop.headline-system-small .title {
158
170
  font-size: 22px;
159
171
  line-height: 26px;
160
172
  font-weight: 700;
161
- font-family: var(--font-family-system);
173
+ letter-spacing: 0.2px;
174
+ font-family: var(--font-family-alfasans);
162
175
  }
163
176
  .desktop.headline-system-xsmall .title {
164
177
  font-size: 18px;
165
178
  line-height: 22px;
166
179
  font-weight: 700;
167
- font-family: var(--font-family-system);
180
+ letter-spacing: 0.38px;
181
+ font-family: var(--font-family-alfasans);
168
182
  }
169
183
  .desktop.headline-xlarge .title {
170
184
  font-size: 48px;
171
185
  line-height: 64px;
172
- font-weight: 500;
173
- font-feature-settings: 'ss01';
174
- font-family: var(--font-family-styrene);
186
+ font-weight: 700;
187
+ letter-spacing: 0.1px;
188
+ font-family: var(--font-family-alfasans);
175
189
  }
176
190
  .desktop.headline-large .title {
177
191
  font-size: 40px;
178
192
  line-height: 48px;
179
- font-weight: 500;
180
- font-feature-settings: 'ss01';
181
- font-family: var(--font-family-styrene);
193
+ font-weight: 700;
194
+ letter-spacing: 0.1px;
195
+ font-family: var(--font-family-alfasans);
182
196
  }
183
197
  .desktop.headline-medium .title {
184
198
  font-size: 32px;
185
199
  line-height: 40px;
186
- font-weight: 500;
187
- font-feature-settings: 'ss01';
188
- font-family: var(--font-family-styrene);
200
+ font-weight: 700;
201
+ letter-spacing: 0.3px;
202
+ font-family: var(--font-family-alfasans);
189
203
  }
190
204
  .desktop.headline-small .title {
191
205
  font-size: 24px;
192
206
  line-height: 32px;
193
- font-weight: 500;
194
- font-feature-settings: 'ss01';
195
- font-family: var(--font-family-styrene);
207
+ font-weight: 700;
208
+ letter-spacing: 0.39px;
209
+ font-family: var(--font-family-alfasans);
196
210
  }
197
211
  .desktop.headline-xsmall .title {
198
212
  font-size: 20px;
199
213
  line-height: 24px;
200
- font-weight: 500;
201
- font-feature-settings: 'ss01';
202
- font-family: var(--font-family-styrene);
214
+ font-weight: 700;
215
+ letter-spacing: 0.33px;
216
+ font-family: var(--font-family-alfasans);
203
217
  }
204
218
  .desktop.headline-system-xlarge .title {
205
219
  padding-bottom: calc(52px / 2);
@@ -494,5 +508,6 @@
494
508
  font-size: 18px;
495
509
  line-height: 24px;
496
510
  font-weight: 400;
497
- font-family: var(--font-family-system);
511
+ letter-spacing: -0.36px;
512
+ font-family: var(--font-family-alfasans);
498
513
  }