@alfalab/core-components-tabs 6.3.2 → 6.5.0

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 (151) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/components/primary-tablist/Component.d.ts +2 -1
  3. package/components/primary-tablist/Component.desktop.js +2 -2
  4. package/components/primary-tablist/Component.js +24 -19
  5. package/components/primary-tablist/Component.mobile.d.ts +1 -1
  6. package/components/primary-tablist/Component.mobile.js +3 -3
  7. package/components/primary-tablist/Component.responsive.d.ts +1 -1
  8. package/components/primary-tablist/Component.responsive.js +4 -4
  9. package/components/primary-tablist/index.css +27 -21
  10. package/components/primary-tablist/mobile.css +30 -24
  11. package/components/scrollable-container/Component.d.ts +2 -1
  12. package/components/scrollable-container/Component.js +14 -4
  13. package/components/scrollable-container/index.css +11 -6
  14. package/components/secondary-tablist/Component.d.ts +2 -1
  15. package/components/secondary-tablist/Component.desktop.d.ts +1 -1
  16. package/components/secondary-tablist/Component.desktop.js +2 -2
  17. package/components/secondary-tablist/Component.js +11 -6
  18. package/components/secondary-tablist/Component.mobile.d.ts +1 -1
  19. package/components/secondary-tablist/Component.mobile.js +3 -3
  20. package/components/secondary-tablist/Component.responsive.d.ts +1 -1
  21. package/components/secondary-tablist/Component.responsive.js +4 -4
  22. package/components/secondary-tablist/index.css +15 -14
  23. package/components/secondary-tablist/mobile.css +17 -16
  24. package/components/tab/Component.js +1 -1
  25. package/components/tab/index.css +3 -3
  26. package/components/tabs/Component.d.ts +1 -1
  27. package/components/tabs/Component.desktop.d.ts +1 -1
  28. package/components/tabs/Component.desktop.js +3 -3
  29. package/components/tabs/Component.js +4 -3
  30. package/components/tabs/Component.mobile.d.ts +1 -1
  31. package/components/tabs/Component.mobile.js +3 -3
  32. package/components/tabs/Component.responsive.d.ts +1 -1
  33. package/components/tabs/Component.responsive.js +3 -3
  34. package/cssm/components/primary-tablist/Component.d.ts +2 -1
  35. package/cssm/components/primary-tablist/Component.js +23 -18
  36. package/cssm/components/primary-tablist/Component.mobile.d.ts +1 -1
  37. package/cssm/components/primary-tablist/Component.responsive.d.ts +1 -1
  38. package/cssm/components/primary-tablist/Component.responsive.js +2 -2
  39. package/cssm/components/primary-tablist/index.module.css +8 -2
  40. package/cssm/components/scrollable-container/Component.d.ts +2 -1
  41. package/cssm/components/scrollable-container/Component.js +13 -3
  42. package/cssm/components/scrollable-container/index.module.css +7 -2
  43. package/cssm/components/secondary-tablist/Component.d.ts +2 -1
  44. package/cssm/components/secondary-tablist/Component.desktop.d.ts +1 -1
  45. package/cssm/components/secondary-tablist/Component.js +10 -5
  46. package/cssm/components/secondary-tablist/Component.mobile.d.ts +1 -1
  47. package/cssm/components/secondary-tablist/Component.responsive.d.ts +1 -1
  48. package/cssm/components/secondary-tablist/Component.responsive.js +2 -2
  49. package/cssm/components/secondary-tablist/index.module.css +5 -4
  50. package/cssm/components/tabs/Component.d.ts +1 -1
  51. package/cssm/components/tabs/Component.desktop.d.ts +1 -1
  52. package/cssm/components/tabs/Component.js +4 -3
  53. package/cssm/components/tabs/Component.mobile.d.ts +1 -1
  54. package/cssm/components/tabs/Component.responsive.d.ts +1 -1
  55. package/cssm/typings.d.ts +11 -2
  56. package/desktop.js +3 -3
  57. package/esm/components/primary-tablist/Component.d.ts +2 -1
  58. package/esm/components/primary-tablist/Component.desktop.js +2 -2
  59. package/esm/components/primary-tablist/Component.js +24 -19
  60. package/esm/components/primary-tablist/Component.mobile.d.ts +1 -1
  61. package/esm/components/primary-tablist/Component.mobile.js +3 -3
  62. package/esm/components/primary-tablist/Component.responsive.d.ts +1 -1
  63. package/esm/components/primary-tablist/Component.responsive.js +4 -4
  64. package/esm/components/primary-tablist/index.css +27 -21
  65. package/esm/components/primary-tablist/mobile.css +30 -24
  66. package/esm/components/scrollable-container/Component.d.ts +2 -1
  67. package/esm/components/scrollable-container/Component.js +14 -4
  68. package/esm/components/scrollable-container/index.css +11 -6
  69. package/esm/components/secondary-tablist/Component.d.ts +2 -1
  70. package/esm/components/secondary-tablist/Component.desktop.d.ts +1 -1
  71. package/esm/components/secondary-tablist/Component.desktop.js +2 -2
  72. package/esm/components/secondary-tablist/Component.js +11 -6
  73. package/esm/components/secondary-tablist/Component.mobile.d.ts +1 -1
  74. package/esm/components/secondary-tablist/Component.mobile.js +3 -3
  75. package/esm/components/secondary-tablist/Component.responsive.d.ts +1 -1
  76. package/esm/components/secondary-tablist/Component.responsive.js +4 -4
  77. package/esm/components/secondary-tablist/index.css +15 -14
  78. package/esm/components/secondary-tablist/mobile.css +17 -16
  79. package/esm/components/tab/Component.js +1 -1
  80. package/esm/components/tab/index.css +3 -3
  81. package/esm/components/tabs/Component.d.ts +1 -1
  82. package/esm/components/tabs/Component.desktop.d.ts +1 -1
  83. package/esm/components/tabs/Component.desktop.js +3 -3
  84. package/esm/components/tabs/Component.js +4 -3
  85. package/esm/components/tabs/Component.mobile.d.ts +1 -1
  86. package/esm/components/tabs/Component.mobile.js +3 -3
  87. package/esm/components/tabs/Component.responsive.d.ts +1 -1
  88. package/esm/components/tabs/Component.responsive.js +3 -3
  89. package/esm/desktop.js +3 -3
  90. package/esm/index.js +3 -3
  91. package/esm/index.module-4bf6c045.js +4 -0
  92. package/esm/index.module-c15e7c79.js +4 -0
  93. package/esm/mobile.js +3 -3
  94. package/esm/responsive.js +3 -3
  95. package/esm/{tslib.es6-d595f357.d.ts → tslib.es6-b50bf201.d.ts} +0 -0
  96. package/esm/{tslib.es6-d595f357.js → tslib.es6-b50bf201.js} +0 -0
  97. package/esm/typings.d.ts +11 -2
  98. package/index.js +3 -3
  99. package/index.module-960245fb.js +6 -0
  100. package/index.module-d67ef5e7.js +6 -0
  101. package/mobile.js +3 -3
  102. package/modern/components/primary-tablist/Component.d.ts +2 -1
  103. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  104. package/modern/components/primary-tablist/Component.js +7 -5
  105. package/modern/components/primary-tablist/Component.mobile.d.ts +1 -1
  106. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  107. package/modern/components/primary-tablist/Component.responsive.d.ts +1 -1
  108. package/modern/components/primary-tablist/Component.responsive.js +3 -3
  109. package/modern/components/primary-tablist/index.css +27 -21
  110. package/modern/components/primary-tablist/mobile.css +30 -24
  111. package/modern/components/scrollable-container/Component.d.ts +2 -1
  112. package/modern/components/scrollable-container/Component.js +13 -4
  113. package/modern/components/scrollable-container/index.css +11 -6
  114. package/modern/components/secondary-tablist/Component.d.ts +2 -1
  115. package/modern/components/secondary-tablist/Component.desktop.d.ts +1 -1
  116. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  117. package/modern/components/secondary-tablist/Component.js +9 -5
  118. package/modern/components/secondary-tablist/Component.mobile.d.ts +1 -1
  119. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  120. package/modern/components/secondary-tablist/Component.responsive.d.ts +1 -1
  121. package/modern/components/secondary-tablist/Component.responsive.js +3 -3
  122. package/modern/components/secondary-tablist/index.css +15 -14
  123. package/modern/components/secondary-tablist/mobile.css +17 -16
  124. package/modern/components/tab/Component.js +1 -1
  125. package/modern/components/tab/index.css +3 -3
  126. package/modern/components/tabs/Component.d.ts +1 -1
  127. package/modern/components/tabs/Component.desktop.d.ts +1 -1
  128. package/modern/components/tabs/Component.desktop.js +2 -2
  129. package/modern/components/tabs/Component.js +4 -3
  130. package/modern/components/tabs/Component.mobile.d.ts +1 -1
  131. package/modern/components/tabs/Component.mobile.js +2 -2
  132. package/modern/components/tabs/Component.responsive.d.ts +1 -1
  133. package/modern/components/tabs/Component.responsive.js +2 -2
  134. package/modern/desktop.js +2 -2
  135. package/modern/index.js +2 -2
  136. package/modern/index.module-4bf6c045.js +4 -0
  137. package/modern/index.module-c15e7c79.js +4 -0
  138. package/modern/mobile.js +2 -2
  139. package/modern/responsive.js +2 -2
  140. package/modern/typings.d.ts +11 -2
  141. package/package.json +4 -4
  142. package/responsive.js +3 -3
  143. package/{tslib.es6-21f3b6da.d.ts → tslib.es6-996824db.d.ts} +0 -0
  144. package/{tslib.es6-21f3b6da.js → tslib.es6-996824db.js} +0 -0
  145. package/typings.d.ts +11 -2
  146. package/esm/index.module-7be29ac4.js +0 -4
  147. package/esm/index.module-a7445354.js +0 -4
  148. package/index.module-5ed9b0e6.js +0 -6
  149. package/index.module-fa5020d4.js +0 -6
  150. package/modern/index.module-7be29ac4.js +0 -4
  151. package/modern/index.module-a7445354.js +0 -4
package/typings.d.ts CHANGED
@@ -39,6 +39,10 @@ type TabsProps = {
39
39
  * Рендерить заголовки табов в контейнере со скроллом
40
40
  */
41
41
  scrollable?: boolean;
42
+ /**
43
+ * При скроле табы будут уходить в край экрана
44
+ */
45
+ fullWidthScroll?: boolean;
42
46
  /**
43
47
  * Компоненты табов
44
48
  */
@@ -68,9 +72,13 @@ type TabProps = {
68
72
  */
69
73
  title: string;
70
74
  /**
71
- * Дополнительный класс
75
+ * Дополнительный класс для контейнера содержимого таба
72
76
  */
73
77
  className?: string;
78
+ /**
79
+ * Дополнительный класс для кнопки таба
80
+ */
81
+ toggleClassName?: string;
74
82
  /**
75
83
  * Блокирует таб
76
84
  */
@@ -96,7 +104,7 @@ type TabProps = {
96
104
  */
97
105
  dataTestId?: string;
98
106
  };
99
- type TabListProps = Pick<TabsProps, 'className' | 'containerClassName' | 'size' | 'defaultMatch' | 'selectedId' | 'scrollable' | 'onChange' | 'dataTestId'> & {
107
+ type TabListProps = Pick<TabsProps, 'className' | 'containerClassName' | 'size' | 'defaultMatch' | 'selectedId' | 'scrollable' | 'onChange' | 'dataTestId' | 'fullWidthScroll'> & {
100
108
  /**
101
109
  * Заголовки табов
102
110
  */
@@ -106,6 +114,7 @@ type TabListProps = Pick<TabsProps, 'className' | 'containerClassName' | 'size'
106
114
  disabled?: boolean;
107
115
  rightAddons?: ReactNode;
108
116
  hidden?: boolean;
117
+ toggleClassName?: string;
109
118
  }>;
110
119
  };
111
120
  type SecondaryTabListProps = TabListProps & {
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_1dx1o","container":"tabs__container_1dx1o","title":"tabs__title_1dx1o","disabled":"tabs__disabled_1dx1o","focused":"tabs__focused_1dx1o","selected":"tabs__selected_1dx1o","line":"tabs__line_1dx1o","s":"tabs__s_1dx1o","xs":"tabs__xs_1dx1o","xxs":"tabs__xxs_1dx1o","m":"tabs__m_1dx1o","l":"tabs__l_1dx1o","xl":"tabs__xl_1dx1o","rightAddons":"tabs__rightAddons_1dx1o"};
2
- require('./components/primary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_urhly","container":"tabs__container_urhly","title":"tabs__title_urhly","xxs":"tabs__xxs_urhly","xs":"tabs__xs_urhly","s":"tabs__s_urhly","m":"tabs__m_urhly","l":"tabs__l_urhly","xl":"tabs__xl_urhly"};
2
- require('./components/secondary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var commonStyles = {"component":"tabs__component_1dx1o","container":"tabs__container_1dx1o","title":"tabs__title_1dx1o","disabled":"tabs__disabled_1dx1o","focused":"tabs__focused_1dx1o","selected":"tabs__selected_1dx1o","line":"tabs__line_1dx1o","s":"tabs__s_1dx1o","xs":"tabs__xs_1dx1o","xxs":"tabs__xxs_1dx1o","m":"tabs__m_1dx1o","l":"tabs__l_1dx1o","xl":"tabs__xl_1dx1o","rightAddons":"tabs__rightAddons_1dx1o"};
4
- require('./components/primary-tablist/index.css')
5
-
6
- exports.commonStyles = commonStyles;
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var commonStyles = {"component":"tabs__component_urhly","container":"tabs__container_urhly","title":"tabs__title_urhly","xxs":"tabs__xxs_urhly","xs":"tabs__xs_urhly","s":"tabs__s_urhly","m":"tabs__m_urhly","l":"tabs__l_urhly","xl":"tabs__xl_urhly"};
4
- require('./components/secondary-tablist/index.css')
5
-
6
- exports.commonStyles = commonStyles;
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_1dx1o","container":"tabs__container_1dx1o","title":"tabs__title_1dx1o","disabled":"tabs__disabled_1dx1o","focused":"tabs__focused_1dx1o","selected":"tabs__selected_1dx1o","line":"tabs__line_1dx1o","s":"tabs__s_1dx1o","xs":"tabs__xs_1dx1o","xxs":"tabs__xxs_1dx1o","m":"tabs__m_1dx1o","l":"tabs__l_1dx1o","xl":"tabs__xl_1dx1o","rightAddons":"tabs__rightAddons_1dx1o"};
2
- require('./components/primary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_urhly","container":"tabs__container_urhly","title":"tabs__title_urhly","xxs":"tabs__xxs_urhly","xs":"tabs__xs_urhly","s":"tabs__s_urhly","m":"tabs__m_urhly","l":"tabs__l_urhly","xl":"tabs__xl_urhly"};
2
- require('./components/secondary-tablist/index.css')
3
-
4
- export { commonStyles as c };