@alfalab/core-components-tabs 10.0.0 → 10.0.1-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/components/primary-tablist/mobile.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./mobile.css');
4
4
 
5
- var mobileStyles = {"title":"tabs__title_16qrn tabs__title_1dokx","mobile":"tabs__mobile_16qrn","paragraph-primary-large":"tabs__paragraph-primary-large_16qrn","paragraph-primary-medium":"tabs__paragraph-primary-medium_16qrn","paragraph-primary-small":"tabs__paragraph-primary-small_16qrn","action-primary-large":"tabs__action-primary-large_16qrn","action-primary-medium":"tabs__action-primary-medium_16qrn","action-primary-small":"tabs__action-primary-small_16qrn","accent-primary-large":"tabs__accent-primary-large_16qrn","accent-primary-medium":"tabs__accent-primary-medium_16qrn","accent-primary-small":"tabs__accent-primary-small_16qrn","pickerWrapper":"tabs__pickerWrapper_16qrn","option":"tabs__option_16qrn","scrollControls":"tabs__scrollControls_16qrn","headline-system-xlarge":"tabs__headline-system-xlarge_16qrn","headline-system-large":"tabs__headline-system-large_16qrn","headline-system-medium":"tabs__headline-system-medium_16qrn","headline-system-small":"tabs__headline-system-small_16qrn","headline-system-xsmall":"tabs__headline-system-xsmall_16qrn","headline-xlarge":"tabs__headline-xlarge_16qrn","headline-large":"tabs__headline-large_16qrn","headline-medium":"tabs__headline-medium_16qrn","headline-small":"tabs__headline-small_16qrn","headline-xsmall":"tabs__headline-xsmall_16qrn","noTextStyle":"tabs__noTextStyle_16qrn"};
5
+ var mobileStyles = {"title":"tabs__title_o6xb4 tabs__title_17ahm","mobile":"tabs__mobile_o6xb4","paragraph-primary-large":"tabs__paragraph-primary-large_o6xb4","paragraph-primary-medium":"tabs__paragraph-primary-medium_o6xb4","paragraph-primary-small":"tabs__paragraph-primary-small_o6xb4","action-primary-large":"tabs__action-primary-large_o6xb4","action-primary-medium":"tabs__action-primary-medium_o6xb4","action-primary-small":"tabs__action-primary-small_o6xb4","accent-primary-large":"tabs__accent-primary-large_o6xb4","accent-primary-medium":"tabs__accent-primary-medium_o6xb4","accent-primary-small":"tabs__accent-primary-small_o6xb4","pickerWrapper":"tabs__pickerWrapper_o6xb4","option":"tabs__option_o6xb4","scrollControls":"tabs__scrollControls_o6xb4","headline-system-xlarge":"tabs__headline-system-xlarge_o6xb4","headline-system-large":"tabs__headline-system-large_o6xb4","headline-system-medium":"tabs__headline-system-medium_o6xb4","headline-system-small":"tabs__headline-system-small_o6xb4","headline-system-xsmall":"tabs__headline-system-xsmall_o6xb4","headline-xlarge":"tabs__headline-xlarge_o6xb4","headline-large":"tabs__headline-large_o6xb4","headline-medium":"tabs__headline-medium_o6xb4","headline-small":"tabs__headline-small_o6xb4","headline-xsmall":"tabs__headline-xsmall_o6xb4","noTextStyle":"tabs__noTextStyle_o6xb4"};
6
6
 
7
7
  module.exports = mobileStyles;
8
8
  //# sourceMappingURL=mobile.module.css.js.map
package/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_dc6hn {
15
+ .tabs__component_1th7u {
16
16
  position: relative;
17
17
  display: flex;
18
18
  flex-shrink: 0;
19
19
  }
20
- .tabs__primary_dc6hn {
20
+ .tabs__primary_1th7u {
21
21
  align-items: flex-start;
22
22
  justify-content: flex-end;
23
23
  }
24
- .tabs__primary_dc6hn:after {
24
+ .tabs__primary_1th7u: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_dc6hn {
33
+ .tabs__primary_1th7u {
34
34
 
35
- .tabs__button_dc6hn:first-child {
35
+ .tabs__button_1th7u:first-child {
36
36
  padding-left: var(--gap-8);
37
37
  margin-right: var(--gap-8);
38
38
  }
39
39
  }
40
- .tabs__primary_dc6hn.tabs__xl_dc6hn .tabs__button_dc6hn:first-child {
40
+ .tabs__primary_1th7u.tabs__xl_1th7u .tabs__button_1th7u:first-child {
41
41
  margin-right: var(--gap-4);
42
42
  }
43
- .tabs__secondary_dc6hn {
43
+ .tabs__secondary_1th7u {
44
44
  align-items: center;
45
45
  justify-content: center;
46
46
  }
47
- .tabs__secondary_dc6hn:before {
47
+ .tabs__secondary_1th7u: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_dc6hn.tabs__xs_dc6hn {
58
+ .tabs__secondary_1th7u.tabs__xs_1th7u {
59
59
  width: 76px;
60
60
 
61
- .tabs__button_dc6hn:first-child {
61
+ .tabs__button_1th7u:first-child {
62
62
  margin-right: var(--gap-4);
63
63
  }
64
64
  }
65
- .tabs__borderVisible_dc6hn:before {
65
+ .tabs__borderVisible_1th7u:before {
66
66
  background-color: var(--color-light-neutral-translucent-300);
67
67
  }
package/components/scroll-controls/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"tabs__component_dc6hn","primary":"tabs__primary_dc6hn","button":"tabs__button_dc6hn","xl":"tabs__xl_dc6hn","secondary":"tabs__secondary_dc6hn","xs":"tabs__xs_dc6hn","borderVisible":"tabs__borderVisible_dc6hn"};
5
+ var styles = {"component":"tabs__component_1th7u","primary":"tabs__primary_1th7u","button":"tabs__button_1th7u","xl":"tabs__xl_1th7u","secondary":"tabs__secondary_1th7u","xs":"tabs__xs_1th7u","borderVisible":"tabs__borderVisible_1th7u"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/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_16s9i {
10
+ .tabs__scrollableContainerWrapper_4javi {
11
11
  display: flex;
12
12
  }
13
- .tabs__container_16s9i {
13
+ .tabs__container_4javi {
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_16s9i::-webkit-scrollbar {
23
+ .tabs__container_4javi::-webkit-scrollbar {
24
24
  display: none;
25
25
  }
26
- .tabs__container_16s9i > * {
26
+ .tabs__container_4javi > * {
27
27
  flex-shrink: 0;
28
28
  }
29
- .tabs__fullWidthScroll_16s9i {
29
+ .tabs__fullWidthScroll_4javi {
30
30
  padding-left: var(--gap-0);
31
31
  margin: var(--gap-4-neg) var(--gap-16-neg);
32
32
  }
package/components/scrollable-container/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_16s9i","container":"tabs__container_16s9i","fullWidthScroll":"tabs__fullWidthScroll_16s9i"};
5
+ var styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_4javi","container":"tabs__container_4javi","fullWidthScroll":"tabs__fullWidthScroll_4javi"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/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_hog5t {
23
+ .tabs__component_1awk6 {
24
24
  position: relative;
25
25
  display: inline-flex;
26
26
  }
27
- .tabs__fullWidthScroll_hog5t {
27
+ .tabs__fullWidthScroll_1awk6 {
28
28
  margin: var(--gap-0) var(--gap-16);
29
29
  }
30
- .tabs__container_hog5t {
30
+ .tabs__container_1awk6 {
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_hog5t {
35
+ .tabs__title_1awk6 {
36
36
  white-space: nowrap;
37
37
  }
38
- .tabs__desktop_hog5t.tabs__desktop_hog5t.tabs__transparentView_hog5t.tabs__transparentView_hog5t {
39
- .tabs__title_hog5t.tabs__title_hog5t {
38
+ .tabs__desktop_1awk6.tabs__desktop_1awk6.tabs__transparentView_1awk6.tabs__transparentView_1awk6 {
39
+ .tabs__title_1awk6.tabs__title_1awk6 {
40
40
  margin-left: var(--secondary-tablist-transparent-gaps);
41
41
  }
42
42
  }
43
- .tabs__xxs_hog5t .tabs__title_hog5t + .tabs__title_hog5t,
44
- .tabs__xxs_hog5t .tabs__skeleton_hog5t + .tabs__skeleton_hog5t {
43
+ .tabs__xxs_1awk6 .tabs__title_1awk6 + .tabs__title_1awk6,
44
+ .tabs__xxs_1awk6 .tabs__skeleton_1awk6 + .tabs__skeleton_1awk6 {
45
45
  margin-left: var(--secondary-tablist-xxs-gaps);
46
46
  }
47
- .tabs__xs_hog5t .tabs__title_hog5t + .tabs__title_hog5t,
48
- .tabs__xs_hog5t .tabs__skeleton_hog5t + .tabs__skeleton_hog5t {
47
+ .tabs__xs_1awk6 .tabs__title_1awk6 + .tabs__title_1awk6,
48
+ .tabs__xs_1awk6 .tabs__skeleton_1awk6 + .tabs__skeleton_1awk6 {
49
49
  margin-left: var(--secondary-tablist-xs-gaps);
50
50
  }
51
- .tabs__s_hog5t .tabs__title_hog5t + .tabs__title_hog5t,
52
- .tabs__s_hog5t .tabs__skeleton_hog5t + .tabs__skeleton_hog5t {
51
+ .tabs__s_1awk6 .tabs__title_1awk6 + .tabs__title_1awk6,
52
+ .tabs__s_1awk6 .tabs__skeleton_1awk6 + .tabs__skeleton_1awk6 {
53
53
  margin-left: var(--secondary-tablist-s-gaps);
54
54
  }
55
- .tabs__m_hog5t .tabs__title_hog5t + .tabs__title_hog5t,
56
- .tabs__m_hog5t .tabs__skeleton_hog5t + .tabs__skeleton_hog5t {
55
+ .tabs__m_1awk6 .tabs__title_1awk6 + .tabs__title_1awk6,
56
+ .tabs__m_1awk6 .tabs__skeleton_1awk6 + .tabs__skeleton_1awk6 {
57
57
  margin-left: var(--secondary-tablist-m-gaps);
58
58
  }
59
- .tabs__l_hog5t .tabs__title_hog5t + .tabs__title_hog5t,
60
- .tabs__l_hog5t .tabs__skeleton_hog5t + .tabs__skeleton_hog5t {
59
+ .tabs__l_1awk6 .tabs__title_1awk6 + .tabs__title_1awk6,
60
+ .tabs__l_1awk6 .tabs__skeleton_1awk6 + .tabs__skeleton_1awk6 {
61
61
  margin-left: var(--secondary-tablist-l-gaps);
62
62
  }
63
- .tabs__xl_hog5t .tabs__title_hog5t + .tabs__title_hog5t,
64
- .tabs__xl_hog5t .tabs__skeleton_hog5t + .tabs__skeleton_hog5t {
63
+ .tabs__xl_1awk6 .tabs__title_1awk6 + .tabs__title_1awk6,
64
+ .tabs__xl_1awk6 .tabs__skeleton_1awk6 + .tabs__skeleton_1awk6 {
65
65
  margin-left: var(--secondary-tablist-xl-gaps);
66
66
  }
package/components/secondary-tablist/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var commonStyles = {"component":"tabs__component_hog5t","fullWidthScroll":"tabs__fullWidthScroll_hog5t","container":"tabs__container_hog5t","title":"tabs__title_hog5t","desktop":"tabs__desktop_hog5t","transparentView":"tabs__transparentView_hog5t","xxs":"tabs__xxs_hog5t","skeleton":"tabs__skeleton_hog5t","xs":"tabs__xs_hog5t","s":"tabs__s_hog5t","m":"tabs__m_hog5t","l":"tabs__l_hog5t","xl":"tabs__xl_hog5t"};
5
+ var commonStyles = {"component":"tabs__component_1awk6","fullWidthScroll":"tabs__fullWidthScroll_1awk6","container":"tabs__container_1awk6","title":"tabs__title_1awk6","desktop":"tabs__desktop_1awk6","transparentView":"tabs__transparentView_1awk6","xxs":"tabs__xxs_1awk6","skeleton":"tabs__skeleton_1awk6","xs":"tabs__xs_1awk6","s":"tabs__s_1awk6","m":"tabs__m_1awk6","l":"tabs__l_1awk6","xl":"tabs__xl_1awk6"};
6
6
 
7
7
  module.exports = commonStyles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/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_hog5t {
22
+ }.tabs__component_1awk6 {
23
23
  position: relative;
24
24
  display: inline-flex;
25
- }.tabs__fullWidthScroll_hog5t {
25
+ }.tabs__fullWidthScroll_1awk6 {
26
26
  margin: var(--gap-0) var(--gap-16);
27
- }.tabs__container_hog5t {
27
+ }.tabs__container_1awk6 {
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_hog5t {
31
+ }.tabs__title_1awk6 {
32
32
  white-space: nowrap;
33
- }.tabs__desktop_hog5t.tabs__desktop_hog5t.tabs__transparentView_hog5t.tabs__transparentView_hog5t {
34
- .tabs__title_hog5t.tabs__title_hog5t {
33
+ }.tabs__desktop_1awk6.tabs__desktop_1awk6.tabs__transparentView_1awk6.tabs__transparentView_1awk6 {
34
+ .tabs__title_1awk6.tabs__title_1awk6 {
35
35
  margin-left: var(--secondary-tablist-transparent-gaps);
36
36
  }
37
- }.tabs__xxs_hog5t .tabs__title_hog5t + .tabs__title_hog5t,
38
- .tabs__xxs_hog5t .tabs__skeleton_hog5t + .tabs__skeleton_hog5t {
37
+ }.tabs__xxs_1awk6 .tabs__title_1awk6 + .tabs__title_1awk6,
38
+ .tabs__xxs_1awk6 .tabs__skeleton_1awk6 + .tabs__skeleton_1awk6 {
39
39
  margin-left: var(--secondary-tablist-xxs-gaps);
40
- }.tabs__xs_hog5t .tabs__title_hog5t + .tabs__title_hog5t,
41
- .tabs__xs_hog5t .tabs__skeleton_hog5t + .tabs__skeleton_hog5t {
40
+ }.tabs__xs_1awk6 .tabs__title_1awk6 + .tabs__title_1awk6,
41
+ .tabs__xs_1awk6 .tabs__skeleton_1awk6 + .tabs__skeleton_1awk6 {
42
42
  margin-left: var(--secondary-tablist-xs-gaps);
43
- }.tabs__s_hog5t .tabs__title_hog5t + .tabs__title_hog5t,
44
- .tabs__s_hog5t .tabs__skeleton_hog5t + .tabs__skeleton_hog5t {
43
+ }.tabs__s_1awk6 .tabs__title_1awk6 + .tabs__title_1awk6,
44
+ .tabs__s_1awk6 .tabs__skeleton_1awk6 + .tabs__skeleton_1awk6 {
45
45
  margin-left: var(--secondary-tablist-s-gaps);
46
- }.tabs__m_hog5t .tabs__title_hog5t + .tabs__title_hog5t,
47
- .tabs__m_hog5t .tabs__skeleton_hog5t + .tabs__skeleton_hog5t {
46
+ }.tabs__m_1awk6 .tabs__title_1awk6 + .tabs__title_1awk6,
47
+ .tabs__m_1awk6 .tabs__skeleton_1awk6 + .tabs__skeleton_1awk6 {
48
48
  margin-left: var(--secondary-tablist-m-gaps);
49
- }.tabs__l_hog5t .tabs__title_hog5t + .tabs__title_hog5t,
50
- .tabs__l_hog5t .tabs__skeleton_hog5t + .tabs__skeleton_hog5t {
49
+ }.tabs__l_1awk6 .tabs__title_1awk6 + .tabs__title_1awk6,
50
+ .tabs__l_1awk6 .tabs__skeleton_1awk6 + .tabs__skeleton_1awk6 {
51
51
  margin-left: var(--secondary-tablist-l-gaps);
52
- }.tabs__xl_hog5t .tabs__title_hog5t + .tabs__title_hog5t,
53
- .tabs__xl_hog5t .tabs__skeleton_hog5t + .tabs__skeleton_hog5t {
52
+ }.tabs__xl_1awk6 .tabs__title_1awk6 + .tabs__title_1awk6,
53
+ .tabs__xl_1awk6 .tabs__skeleton_1awk6 + .tabs__skeleton_1awk6 {
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_14vef {
79
+ .tabs__title_1eaf0 {
80
80
  }
81
- .tabs__mobile_14vef .tabs__title_14vef + .tabs__title_14vef,
82
- .tabs__mobile_14vef .tabs__skeleton_14vef + .tabs__skeleton_14vef {
81
+ .tabs__mobile_1eaf0 .tabs__title_1eaf0 + .tabs__title_1eaf0,
82
+ .tabs__mobile_1eaf0 .tabs__skeleton_1eaf0 + .tabs__skeleton_1eaf0 {
83
83
  margin-left: var(--secondary-tablist-mobile-gaps);
84
84
  }
85
- .tabs__mobile_14vef.tabs__transparentView_14vef.tabs__transparentView_14vef .tabs__title_14vef {
85
+ .tabs__mobile_1eaf0.tabs__transparentView_1eaf0.tabs__transparentView_1eaf0 .tabs__title_1eaf0 {
86
86
  margin-left: var(--secondary-tablist-transparent-gaps);
87
87
  }
package/components/secondary-tablist/mobile.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./mobile.css');
4
4
 
5
- var mobileStyles = {"title":"tabs__title_14vef tabs__title_hog5t","mobile":"tabs__mobile_14vef","skeleton":"tabs__skeleton_14vef","transparentView":"tabs__transparentView_14vef"};
5
+ var mobileStyles = {"title":"tabs__title_1eaf0 tabs__title_1awk6","mobile":"tabs__mobile_1eaf0","skeleton":"tabs__skeleton_1eaf0","transparentView":"tabs__transparentView_1eaf0"};
6
6
 
7
7
  module.exports = mobileStyles;
8
8
  //# sourceMappingURL=mobile.module.css.js.map
package/components/tab/index.css CHANGED
@@ -1,7 +1,7 @@
1
- .tabs__component_1ac8j {
1
+ .tabs__component_iirmt {
2
2
  outline: none;
3
3
  }
4
4
 
5
- .tabs__hidden_1ac8j {
5
+ .tabs__hidden_iirmt {
6
6
  display: none;
7
7
  }
package/components/tab/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"tabs__component_1ac8j","hidden":"tabs__hidden_1ac8j"};
5
+ var styles = {"component":"tabs__component_iirmt","hidden":"tabs__hidden_iirmt"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/cssm/components/primary-tablist/index.module.css CHANGED
@@ -28,11 +28,9 @@
28
28
  --gap-4-neg: var(--gap-2xs-neg);
29
29
  }
30
30
  :root {
31
- --font-family-system:
32
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
33
- --font-family-styrene:
34
- 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
35
- sans-serif;
31
+ --font-family-alfasans:
32
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
33
+ Helvetica, sans-serif;
36
34
  }
37
35
  :root {
38
36
  --focus-color: var(--color-light-status-info);
@@ -72,55 +70,64 @@
72
70
  font-size: 18px;
73
71
  line-height: 24px;
74
72
  font-weight: 400;
75
- font-family: var(--font-family-system);
73
+ letter-spacing: -0.36px;
74
+ font-family: var(--font-family-alfasans);
76
75
  }
77
76
  .desktop.paragraph-primary-medium .title {
78
77
  font-size: 16px;
79
78
  line-height: 24px;
80
79
  font-weight: 400;
81
- font-family: var(--font-family-system);
80
+ letter-spacing: -0.24px;
81
+ font-family: var(--font-family-alfasans);
82
82
  }
83
83
  .desktop.paragraph-primary-small .title {
84
84
  font-size: 14px;
85
85
  line-height: 20px;
86
86
  font-weight: 400;
87
- font-family: var(--font-family-system);
87
+ letter-spacing: -0.08px;
88
+ font-family: var(--font-family-alfasans);
88
89
  }
89
90
  .desktop.action-primary-large .title {
90
91
  font-size: 18px;
91
92
  line-height: 24px;
92
93
  font-weight: 500;
93
- font-family: var(--font-family-system);
94
+ letter-spacing: -0.17px;
95
+ font-family: var(--font-family-alfasans);
94
96
  }
95
97
  .desktop.action-primary-medium .title {
96
98
  font-size: 16px;
97
99
  line-height: 24px;
98
100
  font-weight: 500;
99
- font-family: var(--font-family-system);
101
+ letter-spacing: -0.05px;
102
+ font-family: var(--font-family-alfasans);
100
103
  }
101
104
  .desktop.action-primary-small .title {
102
105
  font-size: 14px;
103
106
  line-height: 20px;
104
107
  font-weight: 500;
105
- font-family: var(--font-family-system);
108
+ letter-spacing: 0.07px;
109
+ font-family: var(--font-family-alfasans);
106
110
  }
107
111
  .desktop.accent-primary-large .title {
108
112
  font-size: 18px;
109
113
  line-height: 24px;
110
114
  font-weight: 700;
111
- font-family: var(--font-family-system);
115
+ letter-spacing: 0.38px;
116
+ font-family: var(--font-family-alfasans);
112
117
  }
113
118
  .desktop.accent-primary-medium .title {
114
119
  font-size: 16px;
115
120
  line-height: 24px;
116
121
  font-weight: 700;
117
- font-family: var(--font-family-system);
122
+ letter-spacing: 0.43px;
123
+ font-family: var(--font-family-alfasans);
118
124
  }
119
125
  .desktop.accent-primary-small .title {
120
126
  font-size: 14px;
121
127
  line-height: 20px;
122
128
  font-weight: 700;
123
- font-family: var(--font-family-system);
129
+ letter-spacing: 0.47px;
130
+ font-family: var(--font-family-alfasans);
124
131
  }
125
132
  .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 {
126
133
  padding-bottom: calc(24px / 2);
@@ -178,66 +185,71 @@
178
185
  font-size: 48px;
179
186
  line-height: 52px;
180
187
  font-weight: 700;
181
- font-family: var(--font-family-system);
188
+ letter-spacing: 0.1px;
189
+ font-family: var(--font-family-alfasans);
182
190
  }
183
191
  .desktop.headline-system-large .title {
184
192
  font-size: 40px;
185
193
  line-height: 48px;
186
194
  font-weight: 700;
187
- font-family: var(--font-family-system);
195
+ letter-spacing: 0.1px;
196
+ font-family: var(--font-family-alfasans);
188
197
  }
189
198
  .desktop.headline-system-medium .title {
190
199
  font-size: 30px;
191
200
  line-height: 36px;
192
201
  font-weight: 700;
193
- font-family: var(--font-family-system);
202
+ letter-spacing: 0.1px;
203
+ font-family: var(--font-family-alfasans);
194
204
  }
195
205
  .desktop.headline-system-small .title {
196
206
  font-size: 22px;
197
207
  line-height: 26px;
198
208
  font-weight: 700;
199
- font-family: var(--font-family-system);
209
+ letter-spacing: 0.2px;
210
+ font-family: var(--font-family-alfasans);
200
211
  }
201
212
  .desktop.headline-system-xsmall .title {
202
213
  font-size: 18px;
203
214
  line-height: 22px;
204
215
  font-weight: 700;
205
- font-family: var(--font-family-system);
216
+ letter-spacing: 0.38px;
217
+ font-family: var(--font-family-alfasans);
206
218
  }
207
219
  .desktop.headline-xlarge .title {
208
220
  font-size: 48px;
209
221
  line-height: 64px;
210
- font-weight: 500;
211
- font-feature-settings: 'ss01';
212
- font-family: var(--font-family-styrene);
222
+ font-weight: 700;
223
+ letter-spacing: 0.1px;
224
+ font-family: var(--font-family-alfasans);
213
225
  }
214
226
  .desktop.headline-large .title {
215
227
  font-size: 40px;
216
228
  line-height: 48px;
217
- font-weight: 500;
218
- font-feature-settings: 'ss01';
219
- font-family: var(--font-family-styrene);
229
+ font-weight: 700;
230
+ letter-spacing: 0.1px;
231
+ font-family: var(--font-family-alfasans);
220
232
  }
221
233
  .desktop.headline-medium .title {
222
234
  font-size: 32px;
223
235
  line-height: 40px;
224
- font-weight: 500;
225
- font-feature-settings: 'ss01';
226
- font-family: var(--font-family-styrene);
236
+ font-weight: 700;
237
+ letter-spacing: 0.3px;
238
+ font-family: var(--font-family-alfasans);
227
239
  }
228
240
  .desktop.headline-small .title {
229
241
  font-size: 24px;
230
242
  line-height: 32px;
231
- font-weight: 500;
232
- font-feature-settings: 'ss01';
233
- font-family: var(--font-family-styrene);
243
+ font-weight: 700;
244
+ letter-spacing: 0.39px;
245
+ font-family: var(--font-family-alfasans);
234
246
  }
235
247
  .desktop.headline-xsmall .title {
236
248
  font-size: 20px;
237
249
  line-height: 24px;
238
- font-weight: 500;
239
- font-feature-settings: 'ss01';
240
- font-family: var(--font-family-styrene);
250
+ font-weight: 700;
251
+ letter-spacing: 0.33px;
252
+ font-family: var(--font-family-alfasans);
241
253
  }
242
254
  .desktop.headline-system-xlarge .title {
243
255
  padding-bottom: calc(52px / 2);
@@ -532,5 +544,6 @@
532
544
  font-size: 18px;
533
545
  line-height: 24px;
534
546
  font-weight: 400;
535
- font-family: var(--font-family-system);
547
+ letter-spacing: -0.36px;
548
+ font-family: var(--font-family-alfasans);
536
549
  }