@alfalab/core-components-tabs 6.2.5 → 6.2.6

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 (88) hide show
  1. package/dist/components/primary-tablist/Component.desktop.js +2 -2
  2. package/dist/components/primary-tablist/Component.js +1 -1
  3. package/dist/components/primary-tablist/Component.mobile.js +3 -3
  4. package/dist/components/primary-tablist/Component.responsive.js +2 -2
  5. package/dist/components/primary-tablist/index.css +19 -19
  6. package/dist/components/primary-tablist/mobile.css +186 -89
  7. package/dist/components/scrollable-container/Component.js +1 -1
  8. package/dist/components/scrollable-container/index.css +4 -4
  9. package/dist/components/secondary-tablist/Component.desktop.js +2 -2
  10. package/dist/components/secondary-tablist/Component.js +1 -1
  11. package/dist/components/secondary-tablist/Component.mobile.js +3 -3
  12. package/dist/components/secondary-tablist/Component.responsive.js +2 -2
  13. package/dist/components/secondary-tablist/index.css +10 -10
  14. package/dist/components/secondary-tablist/mobile.css +177 -80
  15. package/dist/components/tab/Component.js +1 -1
  16. package/dist/components/tab/index.css +3 -3
  17. package/dist/components/tabs/Component.desktop.js +3 -3
  18. package/dist/components/tabs/Component.mobile.js +3 -3
  19. package/dist/components/tabs/Component.responsive.js +3 -3
  20. package/dist/cssm/components/tabs/Component.d.ts +1 -1
  21. package/dist/cssm/components/tabs/Component.desktop.d.ts +1 -1
  22. package/dist/cssm/components/tabs/Component.mobile.d.ts +1 -1
  23. package/dist/cssm/components/tabs/Component.responsive.d.ts +1 -1
  24. package/dist/desktop.js +3 -3
  25. package/dist/esm/components/primary-tablist/Component.desktop.js +2 -2
  26. package/dist/esm/components/primary-tablist/Component.js +1 -1
  27. package/dist/esm/components/primary-tablist/Component.mobile.js +3 -3
  28. package/dist/esm/components/primary-tablist/Component.responsive.js +2 -2
  29. package/dist/esm/components/primary-tablist/index.css +19 -19
  30. package/dist/esm/components/primary-tablist/mobile.css +186 -89
  31. package/dist/esm/components/scrollable-container/Component.js +1 -1
  32. package/dist/esm/components/scrollable-container/index.css +4 -4
  33. package/dist/esm/components/secondary-tablist/Component.desktop.js +2 -2
  34. package/dist/esm/components/secondary-tablist/Component.js +1 -1
  35. package/dist/esm/components/secondary-tablist/Component.mobile.js +3 -3
  36. package/dist/esm/components/secondary-tablist/Component.responsive.js +2 -2
  37. package/dist/esm/components/secondary-tablist/index.css +10 -10
  38. package/dist/esm/components/secondary-tablist/mobile.css +177 -80
  39. package/dist/esm/components/tab/Component.js +1 -1
  40. package/dist/esm/components/tab/index.css +3 -3
  41. package/dist/esm/components/tabs/Component.desktop.js +3 -3
  42. package/dist/esm/components/tabs/Component.mobile.js +3 -3
  43. package/dist/esm/components/tabs/Component.responsive.js +3 -3
  44. package/dist/esm/desktop.js +3 -3
  45. package/dist/esm/index.js +3 -3
  46. package/dist/esm/index.module-2ea3d338.js +4 -0
  47. package/dist/esm/index.module-3b6fb134.js +4 -0
  48. package/dist/esm/mobile.js +3 -3
  49. package/dist/esm/responsive.js +3 -3
  50. package/dist/esm/{tslib.es6-99e48a82.d.ts → tslib.es6-58e23a63.d.ts} +0 -0
  51. package/dist/esm/{tslib.es6-99e48a82.js → tslib.es6-58e23a63.js} +0 -0
  52. package/dist/index.js +3 -3
  53. package/dist/index.module-5199abc6.js +6 -0
  54. package/dist/index.module-d8000b3b.js +6 -0
  55. package/dist/mobile.js +3 -3
  56. package/dist/modern/components/primary-tablist/Component.desktop.js +1 -1
  57. package/dist/modern/components/primary-tablist/Component.mobile.js +2 -2
  58. package/dist/modern/components/primary-tablist/Component.responsive.js +1 -1
  59. package/dist/modern/components/primary-tablist/index.css +19 -19
  60. package/dist/modern/components/primary-tablist/mobile.css +186 -89
  61. package/dist/modern/components/scrollable-container/Component.js +1 -1
  62. package/dist/modern/components/scrollable-container/index.css +4 -4
  63. package/dist/modern/components/secondary-tablist/Component.desktop.js +1 -1
  64. package/dist/modern/components/secondary-tablist/Component.mobile.js +2 -2
  65. package/dist/modern/components/secondary-tablist/Component.responsive.js +1 -1
  66. package/dist/modern/components/secondary-tablist/index.css +10 -10
  67. package/dist/modern/components/secondary-tablist/mobile.css +177 -80
  68. package/dist/modern/components/tab/Component.js +1 -1
  69. package/dist/modern/components/tab/index.css +3 -3
  70. package/dist/modern/components/tabs/Component.desktop.js +2 -2
  71. package/dist/modern/components/tabs/Component.mobile.js +2 -2
  72. package/dist/modern/components/tabs/Component.responsive.js +2 -2
  73. package/dist/modern/desktop.js +2 -2
  74. package/dist/modern/index.js +2 -2
  75. package/dist/modern/index.module-2ea3d338.js +4 -0
  76. package/dist/modern/index.module-3b6fb134.js +4 -0
  77. package/dist/modern/mobile.js +2 -2
  78. package/dist/modern/responsive.js +2 -2
  79. package/dist/responsive.js +3 -3
  80. package/dist/{tslib.es6-28db86de.d.ts → tslib.es6-458e718e.d.ts} +0 -0
  81. package/dist/{tslib.es6-28db86de.js → tslib.es6-458e718e.js} +0 -0
  82. package/package.json +3 -3
  83. package/dist/esm/index.module-4f872dce.js +0 -4
  84. package/dist/esm/index.module-cb2d5475.js +0 -4
  85. package/dist/index.module-46c31e55.js +0 -6
  86. package/dist/index.module-676d379f.js +0 -6
  87. package/dist/modern/index.module-4f872dce.js +0 -4
  88. package/dist/modern/index.module-cb2d5475.js +0 -4
@@ -1,4 +1,4 @@
1
- import './tslib.es6-99e48a82.js';
1
+ import './tslib.es6-58e23a63.js';
2
2
  import 'react';
3
3
  import '@alfalab/core-components-keyboard-focusable/dist/esm';
4
4
  import 'classnames';
@@ -6,11 +6,11 @@ import 'compute-scroll-into-view';
6
6
  export { ScrollableContainer } from './components/scrollable-container/Component.js';
7
7
  export { useTabs } from './useTabs.js';
8
8
  import './components/primary-tablist/Component.js';
9
- import './index.module-4f872dce.js';
9
+ import './index.module-3b6fb134.js';
10
10
  export { PrimaryTabListDesktop } from './components/primary-tablist/Component.desktop.js';
11
11
  import '@alfalab/core-components-tag/dist/esm';
12
12
  import './components/secondary-tablist/Component.js';
13
- import './index.module-cb2d5475.js';
13
+ import './index.module-2ea3d338.js';
14
14
  export { SecondaryTabListDesktop } from './components/secondary-tablist/Component.desktop.js';
15
15
  export { Tab } from './components/tab/Component.js';
16
16
  import './components/tabs/Component.js';
package/dist/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-99e48a82.js';
1
+ import './tslib.es6-58e23a63.js';
2
2
  import 'react';
3
3
  import '@alfalab/core-components-keyboard-focusable/dist/esm';
4
4
  import 'classnames';
@@ -6,11 +6,11 @@ import 'compute-scroll-into-view';
6
6
  export { ScrollableContainer } from './components/scrollable-container/Component.js';
7
7
  export { useTabs } from './useTabs.js';
8
8
  import './components/primary-tablist/Component.js';
9
- import './index.module-4f872dce.js';
9
+ import './index.module-3b6fb134.js';
10
10
  import './components/primary-tablist/Component.desktop.js';
11
11
  import '@alfalab/core-components-tag/dist/esm';
12
12
  import './components/secondary-tablist/Component.js';
13
- import './index.module-cb2d5475.js';
13
+ import './index.module-2ea3d338.js';
14
14
  import './components/secondary-tablist/Component.desktop.js';
15
15
  export { Tab } from './components/tab/Component.js';
16
16
  import './components/tabs/Component.js';
@@ -0,0 +1,4 @@
1
+ var commonStyles = {"component":"tabs__component_1xvpd","container":"tabs__container_1xvpd","title":"tabs__title_1xvpd","xxs":"tabs__xxs_1xvpd","xs":"tabs__xs_1xvpd","s":"tabs__s_1xvpd","m":"tabs__m_1xvpd","l":"tabs__l_1xvpd","xl":"tabs__xl_1xvpd"};
2
+ require('./components/secondary-tablist/index.css')
3
+
4
+ export { commonStyles as c };
@@ -0,0 +1,4 @@
1
+ var commonStyles = {"component":"tabs__component_1vrxk","container":"tabs__container_1vrxk","title":"tabs__title_1vrxk","disabled":"tabs__disabled_1vrxk","focused":"tabs__focused_1vrxk","selected":"tabs__selected_1vrxk","line":"tabs__line_1vrxk","s":"tabs__s_1vrxk","xs":"tabs__xs_1vrxk","xxs":"tabs__xxs_1vrxk","m":"tabs__m_1vrxk","l":"tabs__l_1vrxk","xl":"tabs__xl_1vrxk","rightAddons":"tabs__rightAddons_1vrxk"};
2
+ require('./components/primary-tablist/index.css')
3
+
4
+ export { commonStyles as c };
@@ -1,4 +1,4 @@
1
- import './tslib.es6-99e48a82.js';
1
+ import './tslib.es6-58e23a63.js';
2
2
  import 'react';
3
3
  import '@alfalab/core-components-keyboard-focusable/dist/esm';
4
4
  import 'classnames';
@@ -6,10 +6,10 @@ import 'compute-scroll-into-view';
6
6
  export { ScrollableContainer } from './components/scrollable-container/Component.js';
7
7
  export { useTabs } from './useTabs.js';
8
8
  import './components/primary-tablist/Component.js';
9
- import './index.module-4f872dce.js';
9
+ import './index.module-3b6fb134.js';
10
10
  import '@alfalab/core-components-tag/dist/esm';
11
11
  import './components/secondary-tablist/Component.js';
12
- import './index.module-cb2d5475.js';
12
+ import './index.module-2ea3d338.js';
13
13
  export { Tab } from './components/tab/Component.js';
14
14
  import './components/tabs/Component.js';
15
15
  export { PrimaryTabListMobile } from './components/primary-tablist/Component.mobile.js';
@@ -1,4 +1,4 @@
1
- import './tslib.es6-99e48a82.js';
1
+ import './tslib.es6-58e23a63.js';
2
2
  import 'react';
3
3
  import '@alfalab/core-components-keyboard-focusable/dist/esm';
4
4
  import 'classnames';
@@ -6,11 +6,11 @@ import 'compute-scroll-into-view';
6
6
  export { ScrollableContainer } from './components/scrollable-container/Component.js';
7
7
  export { useTabs } from './useTabs.js';
8
8
  import './components/primary-tablist/Component.js';
9
- import './index.module-4f872dce.js';
9
+ import './index.module-3b6fb134.js';
10
10
  import './components/primary-tablist/Component.desktop.js';
11
11
  import '@alfalab/core-components-tag/dist/esm';
12
12
  import './components/secondary-tablist/Component.js';
13
- import './index.module-cb2d5475.js';
13
+ import './index.module-2ea3d338.js';
14
14
  import './components/secondary-tablist/Component.desktop.js';
15
15
  export { Tab } from './components/tab/Component.js';
16
16
  import './components/tabs/Component.js';
package/dist/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-28db86de.js');
5
+ require('./tslib.es6-458e718e.js');
6
6
  require('react');
7
7
  require('@alfalab/core-components-keyboard-focusable');
8
8
  require('classnames');
@@ -10,11 +10,11 @@ require('compute-scroll-into-view');
10
10
  var components_scrollableContainer_Component = require('./components/scrollable-container/Component.js');
11
11
  var useTabs = require('./useTabs.js');
12
12
  require('./components/primary-tablist/Component.js');
13
- require('./index.module-676d379f.js');
13
+ require('./index.module-5199abc6.js');
14
14
  require('./components/primary-tablist/Component.desktop.js');
15
15
  require('@alfalab/core-components-tag');
16
16
  require('./components/secondary-tablist/Component.js');
17
- require('./index.module-46c31e55.js');
17
+ require('./index.module-d8000b3b.js');
18
18
  require('./components/secondary-tablist/Component.desktop.js');
19
19
  var components_tab_Component = require('./components/tab/Component.js');
20
20
  require('./components/tabs/Component.js');
@@ -0,0 +1,6 @@
1
+ 'use strict';
2
+
3
+ var commonStyles = {"component":"tabs__component_1vrxk","container":"tabs__container_1vrxk","title":"tabs__title_1vrxk","disabled":"tabs__disabled_1vrxk","focused":"tabs__focused_1vrxk","selected":"tabs__selected_1vrxk","line":"tabs__line_1vrxk","s":"tabs__s_1vrxk","xs":"tabs__xs_1vrxk","xxs":"tabs__xxs_1vrxk","m":"tabs__m_1vrxk","l":"tabs__l_1vrxk","xl":"tabs__xl_1vrxk","rightAddons":"tabs__rightAddons_1vrxk"};
4
+ require('./components/primary-tablist/index.css')
5
+
6
+ exports.commonStyles = commonStyles;
@@ -0,0 +1,6 @@
1
+ 'use strict';
2
+
3
+ var commonStyles = {"component":"tabs__component_1xvpd","container":"tabs__container_1xvpd","title":"tabs__title_1xvpd","xxs":"tabs__xxs_1xvpd","xs":"tabs__xs_1xvpd","s":"tabs__s_1xvpd","m":"tabs__m_1xvpd","l":"tabs__l_1xvpd","xl":"tabs__xl_1xvpd"};
4
+ require('./components/secondary-tablist/index.css')
5
+
6
+ exports.commonStyles = commonStyles;
package/dist/mobile.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-28db86de.js');
5
+ require('./tslib.es6-458e718e.js');
6
6
  require('react');
7
7
  require('@alfalab/core-components-keyboard-focusable');
8
8
  require('classnames');
@@ -10,10 +10,10 @@ require('compute-scroll-into-view');
10
10
  var components_scrollableContainer_Component = require('./components/scrollable-container/Component.js');
11
11
  var useTabs = require('./useTabs.js');
12
12
  require('./components/primary-tablist/Component.js');
13
- require('./index.module-676d379f.js');
13
+ require('./index.module-5199abc6.js');
14
14
  require('@alfalab/core-components-tag');
15
15
  require('./components/secondary-tablist/Component.js');
16
- require('./index.module-46c31e55.js');
16
+ require('./index.module-d8000b3b.js');
17
17
  var components_tab_Component = require('./components/tab/Component.js');
18
18
  require('./components/tabs/Component.js');
19
19
  var components_primaryTablist_Component_mobile = require('./components/primary-tablist/Component.mobile.js');
@@ -5,7 +5,7 @@ import 'compute-scroll-into-view';
5
5
  import '../scrollable-container/Component.js';
6
6
  import '../../useTabs.js';
7
7
  import { PrimaryTabList } from './Component.js';
8
- import { c as commonStyles } from '../../index.module-4f872dce.js';
8
+ import { c as commonStyles } from '../../index.module-3b6fb134.js';
9
9
 
10
10
  const PrimaryTabListDesktop = ({ size = 'm', ...restProps }) => (React.createElement(PrimaryTabList, Object.assign({}, restProps, { size: size, styles: commonStyles })));
11
11
 
@@ -5,9 +5,9 @@ import 'compute-scroll-into-view';
5
5
  import '../scrollable-container/Component.js';
6
6
  import '../../useTabs.js';
7
7
  import { PrimaryTabList } from './Component.js';
8
- import { c as commonStyles } from '../../index.module-4f872dce.js';
8
+ import { c as commonStyles } from '../../index.module-3b6fb134.js';
9
9
 
10
- var mobileStyles = {"title":"tabs__title_h6zow tabs__title_1nlyq"};
10
+ var mobileStyles = {"title":"tabs__title_kosjr tabs__title_1vrxk"};
11
11
  require('./mobile.css')
12
12
 
13
13
  const styles = {
@@ -5,7 +5,7 @@ import 'compute-scroll-into-view';
5
5
  import '../scrollable-container/Component.js';
6
6
  import '../../useTabs.js';
7
7
  import './Component.js';
8
- import '../../index.module-4f872dce.js';
8
+ import '../../index.module-3b6fb134.js';
9
9
  import { PrimaryTabListDesktop } from './Component.desktop.js';
10
10
  import { useMedia } from '@alfalab/hooks';
11
11
  import { PrimaryTabListMobile } from './Component.mobile.js';
@@ -1,4 +1,4 @@
1
- /* hash: 7vov8 */
1
+ /* hash: 13xv3 */
2
2
  :root {
3
3
  --color-light-border-accent: #ef3124;
4
4
  --color-light-border-link: #007aff;
@@ -82,10 +82,10 @@
82
82
 
83
83
  /* size xl */
84
84
  }
85
- .tabs__component_1nlyq {
85
+ .tabs__component_1vrxk {
86
86
  position: relative
87
87
  }
88
- .tabs__component_1nlyq:before {
88
+ .tabs__component_1vrxk:before {
89
89
  content: '';
90
90
  display: block;
91
91
  position: absolute;
@@ -94,11 +94,11 @@
94
94
  width: 100%;
95
95
  background-color: var(--primary-tablist-bottom-border-color);
96
96
  }
97
- .tabs__container_1nlyq {
97
+ .tabs__container_1vrxk {
98
98
  position: relative;
99
99
  display: flex;
100
100
  }
101
- .tabs__title_1nlyq {
101
+ .tabs__title_1vrxk {
102
102
  display: flex;
103
103
  align-items: center;
104
104
  height: 100%;
@@ -116,22 +116,22 @@
116
116
  cursor: pointer;
117
117
  outline: none
118
118
  }
119
- .tabs__title_1nlyq:not(.tabs__disabled_1nlyq):hover {
119
+ .tabs__title_1vrxk:not(.tabs__disabled_1vrxk):hover {
120
120
  color: var(--primary-tablist-hover-color);
121
121
  }
122
- .tabs__focused_1nlyq {
122
+ .tabs__focused_1vrxk {
123
123
  outline: 2px solid var(--focus-color);
124
124
  outline-offset: 2px;
125
125
  }
126
- .tabs__selected_1nlyq {
126
+ .tabs__selected_1vrxk {
127
127
  cursor: default;
128
128
  color: var(--primary-tablist-selected-color);
129
129
  }
130
- .tabs__disabled_1nlyq {
130
+ .tabs__disabled_1vrxk {
131
131
  cursor: var(--disabled-cursor);
132
132
  color: var(--primary-tablist-disabled-color);
133
133
  }
134
- .tabs__line_1nlyq {
134
+ .tabs__line_1vrxk {
135
135
  position: absolute;
136
136
  height: 3px;
137
137
  bottom: 0;
@@ -140,46 +140,46 @@
140
140
  transition: transform 0.2s ease, width 0.2s ease;
141
141
  }
142
142
  /* sizes */
143
- .tabs__s_1nlyq .tabs__title_1nlyq, .tabs__xs_1nlyq .tabs__title_1nlyq, .tabs__xxs_1nlyq .tabs__title_1nlyq {
143
+ .tabs__s_1vrxk .tabs__title_1vrxk, .tabs__xs_1vrxk .tabs__title_1vrxk, .tabs__xxs_1vrxk .tabs__title_1vrxk {
144
144
  padding: var(--primary-tablist-s-padding);
145
145
  font-size: var(--primary-tablist-s-font-size);
146
146
  font-weight: var(--primary-tablist-s-font-weight);
147
147
  font-family: var(--primary-tablist-s-font-family);
148
148
  line-height: 24px;
149
149
  }
150
- .tabs__s_1nlyq .tabs__title_1nlyq + .tabs__title_1nlyq, .tabs__xs_1nlyq .tabs__title_1nlyq + .tabs__title_1nlyq, .tabs__xxs_1nlyq .tabs__title_1nlyq + .tabs__title_1nlyq {
150
+ .tabs__s_1vrxk .tabs__title_1vrxk + .tabs__title_1vrxk, .tabs__xs_1vrxk .tabs__title_1vrxk + .tabs__title_1vrxk, .tabs__xxs_1vrxk .tabs__title_1vrxk + .tabs__title_1vrxk {
151
151
  margin-left: var(--primary-tablist-s-gaps);
152
152
  }
153
- .tabs__m_1nlyq .tabs__title_1nlyq {
153
+ .tabs__m_1vrxk .tabs__title_1vrxk {
154
154
  padding: var(--primary-tablist-m-padding);
155
155
  font-size: var(--primary-tablist-m-font-size);
156
156
  font-weight: var(--primary-tablist-m-font-weight);
157
157
  font-family: var(--primary-tablist-m-font-family);
158
158
  line-height: 24px;
159
159
  }
160
- .tabs__m_1nlyq .tabs__title_1nlyq + .tabs__title_1nlyq {
160
+ .tabs__m_1vrxk .tabs__title_1vrxk + .tabs__title_1vrxk {
161
161
  margin-left: var(--primary-tablist-m-gaps);
162
162
  }
163
- .tabs__l_1nlyq .tabs__title_1nlyq {
163
+ .tabs__l_1vrxk .tabs__title_1vrxk {
164
164
  padding: var(--primary-tablist-l-padding);
165
165
  font-size: var(--primary-tablist-l-font-size);
166
166
  font-weight: var(--primary-tablist-l-font-weight);
167
167
  font-family: var(--primary-tablist-l-font-family);
168
168
  line-height: 24px;
169
169
  }
170
- .tabs__l_1nlyq .tabs__title_1nlyq + .tabs__title_1nlyq {
170
+ .tabs__l_1vrxk .tabs__title_1vrxk + .tabs__title_1vrxk {
171
171
  margin-left: var(--primary-tablist-l-gaps);
172
172
  }
173
- .tabs__xl_1nlyq .tabs__title_1nlyq {
173
+ .tabs__xl_1vrxk .tabs__title_1vrxk {
174
174
  padding: var(--primary-tablist-xl-padding);
175
175
  font-size: var(--primary-tablist-xl-font-size);
176
176
  font-weight: var(--primary-tablist-xl-font-weight);
177
177
  font-family: var(--primary-tablist-xl-font-family);
178
178
  line-height: 32px;
179
179
  }
180
- .tabs__xl_1nlyq .tabs__title_1nlyq + .tabs__title_1nlyq {
180
+ .tabs__xl_1vrxk .tabs__title_1vrxk + .tabs__title_1vrxk {
181
181
  margin-left: var(--primary-tablist-xl-gaps);
182
182
  }
183
- .tabs__rightAddons_1nlyq {
183
+ .tabs__rightAddons_1vrxk {
184
184
  margin-left: var(--gap-xs);
185
185
  }