@alfalab/core-components-tabs 9.2.4 → 9.2.5

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 (43) hide show
  1. package/components/primary-tablist/index.css +131 -131
  2. package/components/primary-tablist/index.module.css.js +1 -1
  3. package/components/primary-tablist/mobile.css +219 -219
  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/esm/components/primary-tablist/index.css +131 -131
  16. package/esm/components/primary-tablist/index.module.css.js +1 -1
  17. package/esm/components/primary-tablist/mobile.css +219 -219
  18. package/esm/components/primary-tablist/mobile.module.css.js +1 -1
  19. package/esm/components/scroll-controls/index.css +11 -11
  20. package/esm/components/scroll-controls/index.module.css.js +1 -1
  21. package/esm/components/scrollable-container/index.css +5 -5
  22. package/esm/components/scrollable-container/index.module.css.js +1 -1
  23. package/esm/components/secondary-tablist/index.css +18 -18
  24. package/esm/components/secondary-tablist/index.module.css.js +1 -1
  25. package/esm/components/secondary-tablist/mobile.css +22 -22
  26. package/esm/components/secondary-tablist/mobile.module.css.js +1 -1
  27. package/esm/components/tab/index.css +2 -2
  28. package/esm/components/tab/index.module.css.js +1 -1
  29. package/modern/components/primary-tablist/index.css +131 -131
  30. package/modern/components/primary-tablist/index.module.css.js +1 -1
  31. package/modern/components/primary-tablist/mobile.css +219 -219
  32. package/modern/components/primary-tablist/mobile.module.css.js +1 -1
  33. package/modern/components/scroll-controls/index.css +11 -11
  34. package/modern/components/scroll-controls/index.module.css.js +1 -1
  35. package/modern/components/scrollable-container/index.css +5 -5
  36. package/modern/components/scrollable-container/index.module.css.js +1 -1
  37. package/modern/components/secondary-tablist/index.css +18 -18
  38. package/modern/components/secondary-tablist/index.module.css.js +1 -1
  39. package/modern/components/secondary-tablist/mobile.css +22 -22
  40. package/modern/components/secondary-tablist/mobile.module.css.js +1 -1
  41. package/modern/components/tab/index.css +2 -2
  42. package/modern/components/tab/index.module.css.js +1 -1
  43. package/package.json +2 -2
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- var mobileStyles = {"title":"tabs__title_1aprn tabs__title_1unyr","mobile":"tabs__mobile_1aprn","paragraph-primary-large":"tabs__paragraph-primary-large_1aprn","paragraph-primary-medium":"tabs__paragraph-primary-medium_1aprn","paragraph-primary-small":"tabs__paragraph-primary-small_1aprn","action-primary-large":"tabs__action-primary-large_1aprn","action-primary-medium":"tabs__action-primary-medium_1aprn","action-primary-small":"tabs__action-primary-small_1aprn","accent-primary-large":"tabs__accent-primary-large_1aprn","accent-primary-medium":"tabs__accent-primary-medium_1aprn","accent-primary-small":"tabs__accent-primary-small_1aprn","pickerWrapper":"tabs__pickerWrapper_1aprn","option":"tabs__option_1aprn","scrollControls":"tabs__scrollControls_1aprn","headline-system-xlarge":"tabs__headline-system-xlarge_1aprn","headline-system-large":"tabs__headline-system-large_1aprn","headline-system-medium":"tabs__headline-system-medium_1aprn","headline-system-small":"tabs__headline-system-small_1aprn","headline-system-xsmall":"tabs__headline-system-xsmall_1aprn","headline-xlarge":"tabs__headline-xlarge_1aprn","headline-large":"tabs__headline-large_1aprn","headline-medium":"tabs__headline-medium_1aprn","headline-small":"tabs__headline-small_1aprn","headline-xsmall":"tabs__headline-xsmall_1aprn"};
3
+ var mobileStyles = {"title":"tabs__title_a1rra tabs__title_nif34","mobile":"tabs__mobile_a1rra","paragraph-primary-large":"tabs__paragraph-primary-large_a1rra","paragraph-primary-medium":"tabs__paragraph-primary-medium_a1rra","paragraph-primary-small":"tabs__paragraph-primary-small_a1rra","action-primary-large":"tabs__action-primary-large_a1rra","action-primary-medium":"tabs__action-primary-medium_a1rra","action-primary-small":"tabs__action-primary-small_a1rra","accent-primary-large":"tabs__accent-primary-large_a1rra","accent-primary-medium":"tabs__accent-primary-medium_a1rra","accent-primary-small":"tabs__accent-primary-small_a1rra","pickerWrapper":"tabs__pickerWrapper_a1rra","option":"tabs__option_a1rra","scrollControls":"tabs__scrollControls_a1rra","headline-system-xlarge":"tabs__headline-system-xlarge_a1rra","headline-system-large":"tabs__headline-system-large_a1rra","headline-system-medium":"tabs__headline-system-medium_a1rra","headline-system-small":"tabs__headline-system-small_a1rra","headline-system-xsmall":"tabs__headline-system-xsmall_a1rra","headline-xlarge":"tabs__headline-xlarge_a1rra","headline-large":"tabs__headline-large_a1rra","headline-medium":"tabs__headline-medium_a1rra","headline-small":"tabs__headline-small_a1rra","headline-xsmall":"tabs__headline-xsmall_a1rra"};
4
4
 
5
5
  export { mobileStyles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
@@ -9,14 +9,14 @@
9
9
  --gap-8: var(--gap-xs);
10
10
  } :root {
11
11
  --primary-tablist-bottom-border-color: var(--color-light-neutral-translucent-500);
12
- } .tabs__component_18wec {
12
+ } .tabs__component_1ehil {
13
13
  position: relative;
14
14
  display: flex;
15
15
  flex-shrink: 0;
16
- } .tabs__primary_18wec {
16
+ } .tabs__primary_1ehil {
17
17
  align-items: flex-start;
18
18
  justify-content: flex-end;
19
- } .tabs__primary_18wec:after {
19
+ } .tabs__primary_1ehil:after {
20
20
  content: '';
21
21
  display: block;
22
22
  position: absolute;
@@ -24,18 +24,18 @@
24
24
  height: 1px;
25
25
  width: 100%;
26
26
  background-color: var(--primary-tablist-bottom-border-color);
27
- } .tabs__primary_18wec {
27
+ } .tabs__primary_1ehil {
28
28
 
29
- .tabs__button_18wec:first-child {
29
+ .tabs__button_1ehil:first-child {
30
30
  padding-left: var(--gap-8);
31
31
  margin-right: var(--gap-8);
32
32
  }
33
- } .tabs__primary_18wec.tabs__xl_18wec .tabs__button_18wec:first-child {
33
+ } .tabs__primary_1ehil.tabs__xl_1ehil .tabs__button_1ehil:first-child {
34
34
  margin-right: var(--gap-4);
35
- } .tabs__secondary_18wec {
35
+ } .tabs__secondary_1ehil {
36
36
  align-items: center;
37
37
  justify-content: center;
38
- } .tabs__secondary_18wec:before {
38
+ } .tabs__secondary_1ehil:before {
39
39
  content: '';
40
40
  display: block;
41
41
  position: absolute;
@@ -45,12 +45,12 @@
45
45
  background-color: transparent;
46
46
  transition: background-color 0.3s ease;
47
47
  bottom: var(--gap-0);
48
- } .tabs__secondary_18wec.tabs__xs_18wec {
48
+ } .tabs__secondary_1ehil.tabs__xs_1ehil {
49
49
  width: 76px;
50
50
 
51
- .tabs__button_18wec:first-child {
51
+ .tabs__button_1ehil:first-child {
52
52
  margin-right: var(--gap-4);
53
53
  }
54
- } .tabs__borderVisible_18wec:before {
54
+ } .tabs__borderVisible_1ehil:before {
55
55
  background-color: var(--color-light-neutral-translucent-300);
56
56
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"tabs__component_18wec","primary":"tabs__primary_18wec","button":"tabs__button_18wec","xl":"tabs__xl_18wec","secondary":"tabs__secondary_18wec","xs":"tabs__xs_18wec","borderVisible":"tabs__borderVisible_18wec"};
3
+ var styles = {"component":"tabs__component_1ehil","primary":"tabs__primary_1ehil","button":"tabs__button_1ehil","xl":"tabs__xl_1ehil","secondary":"tabs__secondary_1ehil","xs":"tabs__xs_1ehil","borderVisible":"tabs__borderVisible_1ehil"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -6,9 +6,9 @@
6
6
  --gap-4: var(--gap-2xs);
7
7
  --gap-4-neg: var(--gap-2xs-neg);
8
8
  --gap-16-neg: var(--gap-m-neg);
9
- } .tabs__scrollableContainerWrapper_1xogt {
9
+ } .tabs__scrollableContainerWrapper_15swf {
10
10
  display: flex;
11
- } .tabs__container_1xogt {
11
+ } .tabs__container_15swf {
12
12
  position: relative;
13
13
  overflow-x: auto;
14
14
  overflow-y: hidden;
@@ -17,11 +17,11 @@
17
17
  flex: 1;
18
18
  margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
19
19
  padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
20
- } .tabs__container_1xogt::-webkit-scrollbar {
20
+ } .tabs__container_15swf::-webkit-scrollbar {
21
21
  display: none;
22
- } .tabs__container_1xogt > * {
22
+ } .tabs__container_15swf > * {
23
23
  flex-shrink: 0;
24
- } .tabs__fullWidthScroll_1xogt {
24
+ } .tabs__fullWidthScroll_15swf {
25
25
  padding-left: var(--gap-0);
26
26
  margin: var(--gap-4-neg) var(--gap-16-neg);
27
27
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_1xogt","container":"tabs__container_1xogt","fullWidthScroll":"tabs__fullWidthScroll_1xogt"};
3
+ var styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_15swf","container":"tabs__container_15swf","fullWidthScroll":"tabs__fullWidthScroll_15swf"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -18,37 +18,37 @@
18
18
  --secondary-tablist-l-gaps: var(--gap-16);
19
19
  --secondary-tablist-xl-gaps: var(--gap-16);
20
20
  --secondary-tablist-transparent-gaps: var(--gap-0);
21
- } .tabs__component_59gg2 {
21
+ } .tabs__component_13mkm {
22
22
  position: relative;
23
23
  display: inline-flex;
24
- } .tabs__fullWidthScroll_59gg2 {
24
+ } .tabs__fullWidthScroll_13mkm {
25
25
  margin: var(--gap-0) var(--gap-16);
26
- } .tabs__container_59gg2 {
26
+ } .tabs__container_13mkm {
27
27
  overflow: hidden;
28
28
  margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
29
29
  padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
30
- } .tabs__title_59gg2 {
30
+ } .tabs__title_13mkm {
31
31
  white-space: nowrap;
32
- } .tabs__desktop_59gg2.tabs__desktop_59gg2.tabs__transparentView_59gg2.tabs__transparentView_59gg2 {
33
- .tabs__title_59gg2.tabs__title_59gg2 {
32
+ } .tabs__desktop_13mkm.tabs__desktop_13mkm.tabs__transparentView_13mkm.tabs__transparentView_13mkm {
33
+ .tabs__title_13mkm.tabs__title_13mkm {
34
34
  margin-left: var(--secondary-tablist-transparent-gaps);
35
35
  }
36
- } .tabs__xxs_59gg2 .tabs__title_59gg2 + .tabs__title_59gg2,
37
- .tabs__xxs_59gg2 .tabs__skeleton_59gg2 + .tabs__skeleton_59gg2 {
36
+ } .tabs__xxs_13mkm .tabs__title_13mkm + .tabs__title_13mkm,
37
+ .tabs__xxs_13mkm .tabs__skeleton_13mkm + .tabs__skeleton_13mkm {
38
38
  margin-left: var(--secondary-tablist-xxs-gaps);
39
- } .tabs__xs_59gg2 .tabs__title_59gg2 + .tabs__title_59gg2,
40
- .tabs__xs_59gg2 .tabs__skeleton_59gg2 + .tabs__skeleton_59gg2 {
39
+ } .tabs__xs_13mkm .tabs__title_13mkm + .tabs__title_13mkm,
40
+ .tabs__xs_13mkm .tabs__skeleton_13mkm + .tabs__skeleton_13mkm {
41
41
  margin-left: var(--secondary-tablist-xs-gaps);
42
- } .tabs__s_59gg2 .tabs__title_59gg2 + .tabs__title_59gg2,
43
- .tabs__s_59gg2 .tabs__skeleton_59gg2 + .tabs__skeleton_59gg2 {
42
+ } .tabs__s_13mkm .tabs__title_13mkm + .tabs__title_13mkm,
43
+ .tabs__s_13mkm .tabs__skeleton_13mkm + .tabs__skeleton_13mkm {
44
44
  margin-left: var(--secondary-tablist-s-gaps);
45
- } .tabs__m_59gg2 .tabs__title_59gg2 + .tabs__title_59gg2,
46
- .tabs__m_59gg2 .tabs__skeleton_59gg2 + .tabs__skeleton_59gg2 {
45
+ } .tabs__m_13mkm .tabs__title_13mkm + .tabs__title_13mkm,
46
+ .tabs__m_13mkm .tabs__skeleton_13mkm + .tabs__skeleton_13mkm {
47
47
  margin-left: var(--secondary-tablist-m-gaps);
48
- } .tabs__l_59gg2 .tabs__title_59gg2 + .tabs__title_59gg2,
49
- .tabs__l_59gg2 .tabs__skeleton_59gg2 + .tabs__skeleton_59gg2 {
48
+ } .tabs__l_13mkm .tabs__title_13mkm + .tabs__title_13mkm,
49
+ .tabs__l_13mkm .tabs__skeleton_13mkm + .tabs__skeleton_13mkm {
50
50
  margin-left: var(--secondary-tablist-l-gaps);
51
- } .tabs__xl_59gg2 .tabs__title_59gg2 + .tabs__title_59gg2,
52
- .tabs__xl_59gg2 .tabs__skeleton_59gg2 + .tabs__skeleton_59gg2 {
51
+ } .tabs__xl_13mkm .tabs__title_13mkm + .tabs__title_13mkm,
52
+ .tabs__xl_13mkm .tabs__skeleton_13mkm + .tabs__skeleton_13mkm {
53
53
  margin-left: var(--secondary-tablist-xl-gaps);
54
54
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var commonStyles = {"component":"tabs__component_59gg2","fullWidthScroll":"tabs__fullWidthScroll_59gg2","container":"tabs__container_59gg2","title":"tabs__title_59gg2","desktop":"tabs__desktop_59gg2","transparentView":"tabs__transparentView_59gg2","xxs":"tabs__xxs_59gg2","skeleton":"tabs__skeleton_59gg2","xs":"tabs__xs_59gg2","s":"tabs__s_59gg2","m":"tabs__m_59gg2","l":"tabs__l_59gg2","xl":"tabs__xl_59gg2"};
3
+ var commonStyles = {"component":"tabs__component_13mkm","fullWidthScroll":"tabs__fullWidthScroll_13mkm","container":"tabs__container_13mkm","title":"tabs__title_13mkm","desktop":"tabs__desktop_13mkm","transparentView":"tabs__transparentView_13mkm","xxs":"tabs__xxs_13mkm","skeleton":"tabs__skeleton_13mkm","xs":"tabs__xs_13mkm","s":"tabs__s_13mkm","m":"tabs__m_13mkm","l":"tabs__l_13mkm","xl":"tabs__xl_13mkm"};
4
4
 
5
5
  export { commonStyles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -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_59gg2 {
22
+ }.tabs__component_13mkm {
23
23
  position: relative;
24
24
  display: inline-flex;
25
- }.tabs__fullWidthScroll_59gg2 {
25
+ }.tabs__fullWidthScroll_13mkm {
26
26
  margin: var(--gap-0) var(--gap-16);
27
- }.tabs__container_59gg2 {
27
+ }.tabs__container_13mkm {
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_59gg2 {
31
+ }.tabs__title_13mkm {
32
32
  white-space: nowrap;
33
- }.tabs__desktop_59gg2.tabs__desktop_59gg2.tabs__transparentView_59gg2.tabs__transparentView_59gg2 {
34
- .tabs__title_59gg2.tabs__title_59gg2 {
33
+ }.tabs__desktop_13mkm.tabs__desktop_13mkm.tabs__transparentView_13mkm.tabs__transparentView_13mkm {
34
+ .tabs__title_13mkm.tabs__title_13mkm {
35
35
  margin-left: var(--secondary-tablist-transparent-gaps);
36
36
  }
37
- }.tabs__xxs_59gg2 .tabs__title_59gg2 + .tabs__title_59gg2,
38
- .tabs__xxs_59gg2 .tabs__skeleton_59gg2 + .tabs__skeleton_59gg2 {
37
+ }.tabs__xxs_13mkm .tabs__title_13mkm + .tabs__title_13mkm,
38
+ .tabs__xxs_13mkm .tabs__skeleton_13mkm + .tabs__skeleton_13mkm {
39
39
  margin-left: var(--secondary-tablist-xxs-gaps);
40
- }.tabs__xs_59gg2 .tabs__title_59gg2 + .tabs__title_59gg2,
41
- .tabs__xs_59gg2 .tabs__skeleton_59gg2 + .tabs__skeleton_59gg2 {
40
+ }.tabs__xs_13mkm .tabs__title_13mkm + .tabs__title_13mkm,
41
+ .tabs__xs_13mkm .tabs__skeleton_13mkm + .tabs__skeleton_13mkm {
42
42
  margin-left: var(--secondary-tablist-xs-gaps);
43
- }.tabs__s_59gg2 .tabs__title_59gg2 + .tabs__title_59gg2,
44
- .tabs__s_59gg2 .tabs__skeleton_59gg2 + .tabs__skeleton_59gg2 {
43
+ }.tabs__s_13mkm .tabs__title_13mkm + .tabs__title_13mkm,
44
+ .tabs__s_13mkm .tabs__skeleton_13mkm + .tabs__skeleton_13mkm {
45
45
  margin-left: var(--secondary-tablist-s-gaps);
46
- }.tabs__m_59gg2 .tabs__title_59gg2 + .tabs__title_59gg2,
47
- .tabs__m_59gg2 .tabs__skeleton_59gg2 + .tabs__skeleton_59gg2 {
46
+ }.tabs__m_13mkm .tabs__title_13mkm + .tabs__title_13mkm,
47
+ .tabs__m_13mkm .tabs__skeleton_13mkm + .tabs__skeleton_13mkm {
48
48
  margin-left: var(--secondary-tablist-m-gaps);
49
- }.tabs__l_59gg2 .tabs__title_59gg2 + .tabs__title_59gg2,
50
- .tabs__l_59gg2 .tabs__skeleton_59gg2 + .tabs__skeleton_59gg2 {
49
+ }.tabs__l_13mkm .tabs__title_13mkm + .tabs__title_13mkm,
50
+ .tabs__l_13mkm .tabs__skeleton_13mkm + .tabs__skeleton_13mkm {
51
51
  margin-left: var(--secondary-tablist-l-gaps);
52
- }.tabs__xl_59gg2 .tabs__title_59gg2 + .tabs__title_59gg2,
53
- .tabs__xl_59gg2 .tabs__skeleton_59gg2 + .tabs__skeleton_59gg2 {
52
+ }.tabs__xl_13mkm .tabs__title_13mkm + .tabs__title_13mkm,
53
+ .tabs__xl_13mkm .tabs__skeleton_13mkm + .tabs__skeleton_13mkm {
54
54
  margin-left: var(--secondary-tablist-xl-gaps);
55
55
  } :root {
56
56
  --gap-2xs: 4px;
@@ -73,10 +73,10 @@
73
73
  --secondary-tablist-l-gaps: var(--gap-16);
74
74
  --secondary-tablist-xl-gaps: var(--gap-16);
75
75
  --secondary-tablist-transparent-gaps: var(--gap-0);
76
- } .tabs__title_18aga {
77
- } .tabs__mobile_18aga .tabs__title_18aga + .tabs__title_18aga,
78
- .tabs__mobile_18aga .tabs__skeleton_18aga + .tabs__skeleton_18aga {
76
+ } .tabs__title_uubm8 {
77
+ } .tabs__mobile_uubm8 .tabs__title_uubm8 + .tabs__title_uubm8,
78
+ .tabs__mobile_uubm8 .tabs__skeleton_uubm8 + .tabs__skeleton_uubm8 {
79
79
  margin-left: var(--secondary-tablist-mobile-gaps);
80
- } .tabs__mobile_18aga.tabs__transparentView_18aga.tabs__transparentView_18aga .tabs__title_18aga {
80
+ } .tabs__mobile_uubm8.tabs__transparentView_uubm8.tabs__transparentView_uubm8 .tabs__title_uubm8 {
81
81
  margin-left: var(--secondary-tablist-transparent-gaps);
82
82
  }
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- var mobileStyles = {"title":"tabs__title_18aga tabs__title_59gg2","mobile":"tabs__mobile_18aga","skeleton":"tabs__skeleton_18aga","transparentView":"tabs__transparentView_18aga"};
3
+ var mobileStyles = {"title":"tabs__title_uubm8 tabs__title_13mkm","mobile":"tabs__mobile_uubm8","skeleton":"tabs__skeleton_uubm8","transparentView":"tabs__transparentView_uubm8"};
4
4
 
5
5
  export { mobileStyles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
@@ -1,7 +1,7 @@
1
- .tabs__component_oyeku {
1
+ .tabs__component_9mjbf {
2
2
  outline: none;
3
3
  }
4
4
 
5
- .tabs__hidden_oyeku {
5
+ .tabs__hidden_9mjbf {
6
6
  display: none;
7
7
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"tabs__component_oyeku","hidden":"tabs__hidden_oyeku"};
3
+ var styles = {"component":"tabs__component_9mjbf","hidden":"tabs__hidden_9mjbf"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map