@alfalab/core-components-tabs 7.3.13 → 7.3.14

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 (154) hide show
  1. package/Component-3e68f8db.d.ts +2 -2
  2. package/{cssm/Component-a8deae7f.d.ts → Component-f9462675.d.ts} +1 -1
  3. package/{esm/Component.responsive-3677ec46.d.ts → Component.responsive-abcc39aa.d.ts} +3 -3
  4. package/components/primary-tablist/Component.desktop.js +3 -1
  5. package/components/primary-tablist/Component.js +2 -0
  6. package/components/primary-tablist/Component.mobile.js +4 -2
  7. package/components/primary-tablist/Component.responsive.js +3 -1
  8. package/components/primary-tablist/index.css +34 -34
  9. package/components/primary-tablist/mobile.css +374 -369
  10. package/components/scrollable-container/Component.js +3 -1
  11. package/components/scrollable-container/index.css +5 -5
  12. package/components/scrollable-container/index.js +2 -0
  13. package/components/secondary-tablist/Component.desktop.js +3 -1
  14. package/components/secondary-tablist/Component.js +2 -0
  15. package/components/secondary-tablist/Component.mobile.js +4 -2
  16. package/components/secondary-tablist/Component.responsive.js +3 -1
  17. package/components/secondary-tablist/index.css +11 -11
  18. package/components/secondary-tablist/mobile.css +350 -345
  19. package/components/tab/Component.js +3 -1
  20. package/components/tab/index.css +3 -3
  21. package/components/tab/index.js +2 -0
  22. package/components/tabs/Component.desktop.js +4 -2
  23. package/components/tabs/Component.js +2 -0
  24. package/components/tabs/Component.mobile.js +4 -2
  25. package/components/tabs/Component.responsive.js +4 -2
  26. package/components/title/Component.js +2 -0
  27. package/components/title/index.js +2 -0
  28. package/cssm/Component-3e68f8db.d.ts +2 -2
  29. package/{Component-a8deae7f.d.ts → cssm/Component-f9462675.d.ts} +1 -1
  30. package/cssm/{Component.responsive-3677ec46.d.ts → Component.responsive-abcc39aa.d.ts} +3 -3
  31. package/cssm/components/primary-tablist/Component.desktop.js +2 -0
  32. package/cssm/components/primary-tablist/Component.js +2 -0
  33. package/cssm/components/primary-tablist/Component.mobile.js +2 -0
  34. package/cssm/components/primary-tablist/Component.responsive.js +2 -0
  35. package/cssm/components/primary-tablist/index.module.css +5 -5
  36. package/cssm/components/scrollable-container/Component.js +2 -0
  37. package/cssm/components/scrollable-container/index.js +2 -0
  38. package/cssm/components/secondary-tablist/Component.desktop.js +2 -0
  39. package/cssm/components/secondary-tablist/Component.js +2 -0
  40. package/cssm/components/secondary-tablist/Component.mobile.js +2 -0
  41. package/cssm/components/secondary-tablist/Component.responsive.js +2 -0
  42. package/cssm/components/tab/Component.js +2 -0
  43. package/cssm/components/tab/index.js +2 -0
  44. package/cssm/components/tabs/Component.desktop.js +2 -0
  45. package/cssm/components/tabs/Component.js +2 -0
  46. package/cssm/components/tabs/Component.mobile.js +2 -0
  47. package/cssm/components/tabs/Component.responsive.js +2 -0
  48. package/cssm/components/title/Component.js +2 -0
  49. package/cssm/components/title/index.js +2 -0
  50. package/cssm/desktop.js +2 -0
  51. package/cssm/hooks/use-collapsible-elements.js +2 -0
  52. package/cssm/hooks/use-tablist-titles.js +2 -0
  53. package/cssm/hooks/use-tabs.js +2 -0
  54. package/cssm/index-3e68f8db.d.ts +3 -3
  55. package/cssm/index-48646db0.d.ts +1 -1
  56. package/cssm/{index-3677ec46.d.ts → index-abcc39aa.d.ts} +2 -2
  57. package/cssm/index-ebda875c.d.ts +1 -1
  58. package/cssm/index.js +4 -2
  59. package/cssm/mobile.js +4 -2
  60. package/cssm/responsive.js +5 -3
  61. package/cssm/synthetic-events.js +2 -0
  62. package/cssm/{typings-a8deae7f.d.ts → typings-f9462675.d.ts} +1 -1
  63. package/{esm/utils-a8deae7f.d.ts → cssm/utils-f9462675.d.ts} +1 -1
  64. package/desktop.js +4 -2
  65. package/esm/Component-3e68f8db.d.ts +2 -2
  66. package/esm/{Component-a8deae7f.d.ts → Component-f9462675.d.ts} +1 -1
  67. package/{Component.responsive-3677ec46.d.ts → esm/Component.responsive-abcc39aa.d.ts} +3 -3
  68. package/esm/components/primary-tablist/Component.desktop.js +1 -1
  69. package/esm/components/primary-tablist/Component.mobile.js +2 -2
  70. package/esm/components/primary-tablist/Component.responsive.js +1 -1
  71. package/esm/components/primary-tablist/index.css +34 -34
  72. package/esm/components/primary-tablist/mobile.css +374 -369
  73. package/esm/components/scrollable-container/Component.js +1 -1
  74. package/esm/components/scrollable-container/index.css +5 -5
  75. package/esm/components/secondary-tablist/Component.desktop.js +1 -1
  76. package/esm/components/secondary-tablist/Component.mobile.js +2 -2
  77. package/esm/components/secondary-tablist/Component.responsive.js +1 -1
  78. package/esm/components/secondary-tablist/index.css +11 -11
  79. package/esm/components/secondary-tablist/mobile.css +350 -345
  80. package/esm/components/tab/Component.js +1 -1
  81. package/esm/components/tab/index.css +3 -3
  82. package/esm/components/tabs/Component.desktop.js +2 -2
  83. package/esm/components/tabs/Component.mobile.js +2 -2
  84. package/esm/components/tabs/Component.responsive.js +2 -2
  85. package/esm/desktop.js +2 -2
  86. package/esm/index-3e68f8db.d.ts +3 -3
  87. package/esm/index-48646db0.d.ts +1 -1
  88. package/esm/{index-3677ec46.d.ts → index-abcc39aa.d.ts} +2 -2
  89. package/esm/index-ebda875c.d.ts +1 -1
  90. package/esm/index.js +3 -3
  91. package/esm/index.module-39c2e145.js +4 -0
  92. package/esm/index.module-42191a44.js +4 -0
  93. package/esm/mobile.js +2 -2
  94. package/esm/responsive.js +4 -4
  95. package/esm/{typings-a8deae7f.d.ts → typings-f9462675.d.ts} +1 -1
  96. package/{cssm/utils-a8deae7f.d.ts → esm/utils-f9462675.d.ts} +1 -1
  97. package/hooks/use-collapsible-elements.js +2 -0
  98. package/hooks/use-tablist-titles.js +2 -0
  99. package/hooks/use-tabs.js +2 -0
  100. package/index-3e68f8db.d.ts +3 -3
  101. package/index-48646db0.d.ts +1 -1
  102. package/{index-3677ec46.d.ts → index-abcc39aa.d.ts} +2 -2
  103. package/index-ebda875c.d.ts +1 -1
  104. package/index.js +5 -3
  105. package/index.module-1a4b95d7.js +6 -0
  106. package/index.module-38cd83a8.js +6 -0
  107. package/mobile.js +4 -2
  108. package/modern/Component-3e68f8db.d.ts +2 -2
  109. package/modern/{Component-a8deae7f.d.ts → Component-f9462675.d.ts} +1 -1
  110. package/modern/{Component.responsive-3677ec46.d.ts → Component.responsive-abcc39aa.d.ts} +3 -3
  111. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  112. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  113. package/modern/components/primary-tablist/Component.responsive.js +1 -1
  114. package/modern/components/primary-tablist/index.css +34 -34
  115. package/modern/components/primary-tablist/mobile.css +374 -369
  116. package/modern/components/scrollable-container/Component.js +1 -1
  117. package/modern/components/scrollable-container/index.css +5 -5
  118. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  119. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  120. package/modern/components/secondary-tablist/Component.responsive.js +1 -1
  121. package/modern/components/secondary-tablist/index.css +11 -11
  122. package/modern/components/secondary-tablist/mobile.css +350 -345
  123. package/modern/components/tab/Component.js +1 -1
  124. package/modern/components/tab/index.css +3 -3
  125. package/modern/components/tabs/Component.desktop.js +2 -2
  126. package/modern/components/tabs/Component.mobile.js +2 -2
  127. package/modern/components/tabs/Component.responsive.js +2 -2
  128. package/modern/desktop.js +2 -2
  129. package/modern/index-3e68f8db.d.ts +3 -3
  130. package/modern/index-48646db0.d.ts +1 -1
  131. package/modern/{index-3677ec46.d.ts → index-abcc39aa.d.ts} +2 -2
  132. package/modern/index-ebda875c.d.ts +1 -1
  133. package/modern/index.js +3 -3
  134. package/modern/index.module-21d0d0f4.js +4 -0
  135. package/modern/index.module-97bc07a5.js +4 -0
  136. package/modern/mobile.js +2 -2
  137. package/modern/responsive.js +4 -4
  138. package/modern/{typings-a8deae7f.d.ts → typings-f9462675.d.ts} +1 -1
  139. package/modern/{utils-a8deae7f.d.ts → utils-f9462675.d.ts} +1 -1
  140. package/package.json +5 -5
  141. package/responsive.js +6 -4
  142. package/synthetic-events.js +2 -0
  143. package/{typings-a8deae7f.d.ts → typings-f9462675.d.ts} +1 -1
  144. package/{utils-a8deae7f.d.ts → utils-f9462675.d.ts} +1 -1
  145. package/esm/index.module-9d799350.js +0 -4
  146. package/esm/index.module-cd3889ee.js +0 -4
  147. package/index.module-aaadb186.js +0 -6
  148. package/index.module-cfa85c1f.js +0 -6
  149. package/modern/index.module-585f12e8.js +0 -4
  150. package/modern/index.module-733dba62.js +0 -4
  151. /package/{Component-3677ec46.d.ts → Component-abcc39aa.d.ts} +0 -0
  152. /package/cssm/{Component-3677ec46.d.ts → Component-abcc39aa.d.ts} +0 -0
  153. /package/esm/{Component-3677ec46.d.ts → Component-abcc39aa.d.ts} +0 -0
  154. /package/modern/{Component-3677ec46.d.ts → Component-abcc39aa.d.ts} +0 -0
package/esm/components/scrollable-container/Component.js CHANGED
@@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
2
2
  import cn from 'classnames';
3
3
  import computeScrollIntoView from 'compute-scroll-into-view';
4
4
 
5
- var styles = {"container":"tabs__container_jyt0x","fullWidthScroll":"tabs__fullWidthScroll_jyt0x"};
5
+ var styles = {"container":"tabs__container_1km8q","fullWidthScroll":"tabs__fullWidthScroll_1km8q"};
6
6
  require('./index.css')
7
7
 
8
8
  /**
package/esm/components/scrollable-container/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1bvvq */
1
+ /* hash: 178oc */
2
2
  :root {
3
3
  } /* deprecated */ :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 */
4
4
  } :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 */
@@ -42,7 +42,7 @@
42
42
  /* size l */
43
43
 
44
44
  /* size xl */
45
- } .tabs__container_jyt0x {
45
+ } .tabs__container_1km8q {
46
46
  position: relative;
47
47
  overflow-x: auto;
48
48
  overflow-y: hidden;
@@ -52,10 +52,10 @@
52
52
  /* focus-outline fix */
53
53
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
54
54
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs)
55
- } .tabs__container_jyt0x::-webkit-scrollbar {
55
+ } .tabs__container_1km8q::-webkit-scrollbar {
56
56
  display: none;
57
- } .tabs__container_jyt0x > * {
57
+ } .tabs__container_1km8q > * {
58
58
  flex-shrink: 0;
59
- } .tabs__fullWidthScroll_jyt0x {
59
+ } .tabs__fullWidthScroll_1km8q {
60
60
  margin: 0 var(--gap-m-neg);
61
61
  }
package/esm/components/secondary-tablist/Component.desktop.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { __rest, __assign } from 'tslib';
2
2
  import React from 'react';
3
3
  import { SecondaryTabList } from './Component.js';
4
- import { c as commonStyles } from '../../index.module-cd3889ee.js';
4
+ import { c as commonStyles } from '../../index.module-42191a44.js';
5
5
  import 'classnames';
6
6
  import '@alfalab/core-components-tag/esm';
7
7
  import '../../hooks/use-tabs.js';
package/esm/components/secondary-tablist/Component.mobile.js CHANGED
@@ -2,13 +2,13 @@ import { __assign, __rest } from 'tslib';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
  import { SecondaryTabList } from './Component.js';
5
- import { c as commonStyles } from '../../index.module-cd3889ee.js';
5
+ import { c as commonStyles } from '../../index.module-42191a44.js';
6
6
  import '@alfalab/core-components-tag/esm';
7
7
  import '../../hooks/use-tabs.js';
8
8
  import '../scrollable-container/Component.js';
9
9
  import 'compute-scroll-into-view';
10
10
 
11
- var mobileStyles = {"title":"tabs__title_fi3si tabs__title_1s31u","mobile":"tabs__mobile_fi3si"};
11
+ var mobileStyles = {"title":"tabs__title_of68k tabs__title_da1wu","mobile":"tabs__mobile_of68k"};
12
12
  require('./mobile.css')
13
13
 
14
14
  var styles = __assign(__assign({}, commonStyles), mobileStyles);
package/esm/components/secondary-tablist/Component.responsive.js CHANGED
@@ -9,7 +9,7 @@ import '@alfalab/core-components-tag/esm';
9
9
  import '../../hooks/use-tabs.js';
10
10
  import '../scrollable-container/Component.js';
11
11
  import 'compute-scroll-into-view';
12
- import '../../index.module-cd3889ee.js';
12
+ import '../../index.module-42191a44.js';
13
13
 
14
14
  var SecondaryTabListResponsive = function (_a) {
15
15
  var size = _a.size, _b = _a.defaultMatch, defaultMatch = _b === void 0 ? 'desktop' : _b, fullWidthScroll = _a.fullWidthScroll, restProps = __rest(_a, ["size", "defaultMatch", "fullWidthScroll"]);
package/esm/components/secondary-tablist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1orge */
1
+ /* hash: 1d34d */
2
2
  :root {
3
3
  } /* deprecated */ :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 */
4
4
  } :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 */
@@ -50,29 +50,29 @@
50
50
 
51
51
  /* size xl */
52
52
  --secondary-tablist-xl-gaps: var(--gap-m);
53
- } .tabs__component_1s31u {
53
+ } .tabs__component_da1wu {
54
54
  position: relative;
55
55
  display: inline-flex;
56
- } .tabs__fullWidthScroll_1s31u {
56
+ } .tabs__fullWidthScroll_da1wu {
57
57
  margin: 0 var(--gap-m);
58
- } .tabs__container_1s31u {
58
+ } .tabs__container_da1wu {
59
59
  overflow: hidden;
60
60
 
61
61
  /* focus-outline fix */
62
62
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
63
63
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
64
- } .tabs__title_1s31u {
64
+ } .tabs__title_da1wu {
65
65
  white-space: nowrap;
66
- } /* sizes */ .tabs__xxs_1s31u .tabs__title_1s31u + .tabs__title_1s31u {
66
+ } /* sizes */ .tabs__xxs_da1wu .tabs__title_da1wu + .tabs__title_da1wu {
67
67
  margin-left: var(--secondary-tablist-xxs-gaps);
68
- } .tabs__xs_1s31u .tabs__title_1s31u + .tabs__title_1s31u {
68
+ } .tabs__xs_da1wu .tabs__title_da1wu + .tabs__title_da1wu {
69
69
  margin-left: var(--secondary-tablist-xs-gaps);
70
- } .tabs__s_1s31u .tabs__title_1s31u + .tabs__title_1s31u {
70
+ } .tabs__s_da1wu .tabs__title_da1wu + .tabs__title_da1wu {
71
71
  margin-left: var(--secondary-tablist-s-gaps);
72
- } .tabs__m_1s31u .tabs__title_1s31u + .tabs__title_1s31u {
72
+ } .tabs__m_da1wu .tabs__title_da1wu + .tabs__title_da1wu {
73
73
  margin-left: var(--secondary-tablist-m-gaps);
74
- } .tabs__l_1s31u .tabs__title_1s31u + .tabs__title_1s31u {
74
+ } .tabs__l_da1wu .tabs__title_da1wu + .tabs__title_da1wu {
75
75
  margin-left: var(--secondary-tablist-l-gaps);
76
- } .tabs__xl_1s31u .tabs__title_1s31u + .tabs__title_1s31u {
76
+ } .tabs__xl_da1wu .tabs__title_da1wu + .tabs__title_da1wu {
77
77
  margin-left: var(--secondary-tablist-xl-gaps);
78
78
  }