@alfalab/core-components-tab-bar 4.0.1 → 4.0.2

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 (13) hide show
  1. package/components/tab/index.css +7 -7
  2. package/components/tab/index.module.css.js +1 -1
  3. package/esm/components/tab/index.css +7 -7
  4. package/esm/components/tab/index.module.css.js +1 -1
  5. package/esm/index.css +5 -5
  6. package/esm/index.module.css.js +1 -1
  7. package/index.css +5 -5
  8. package/index.module.css.js +1 -1
  9. package/modern/components/tab/index.css +7 -7
  10. package/modern/components/tab/index.module.css.js +1 -1
  11. package/modern/index.css +5 -5
  12. package/modern/index.module.css.js +1 -1
  13. package/package.json +3 -3
package/components/tab/index.css CHANGED
@@ -14,7 +14,7 @@
14
14
  --gap-4: var(--gap-2xs);
15
15
  --gap-8: var(--gap-xs);
16
16
  }
17
- .tab-bar__component_1ol3s {
17
+ .tab-bar__component_1318s {
18
18
  -webkit-tap-highlight-color: transparent;
19
19
  box-sizing: border-box;
20
20
  background-color: transparent;
@@ -42,20 +42,20 @@
42
42
  padding: var(--gap-8) var(--gap-0);
43
43
  color: var(--color-light-neutral-translucent-700);
44
44
  }
45
- .tab-bar__primary_1ol3s {
45
+ .tab-bar__primary_1318s {
46
46
  color: var(--color-light-accent-primary);
47
47
  }
48
- .tab-bar__secondary_1ol3s {
48
+ .tab-bar__secondary_1318s {
49
49
  color: var(--color-light-accent-secondary);
50
50
  }
51
- .tab-bar__icon_1ol3s {
51
+ .tab-bar__icon_1318s {
52
52
  display: flex;
53
53
  align-items: center;
54
54
  justify-content: center;
55
55
  flex-grow: 1;
56
56
  width: 100%;
57
57
  }
58
- .tab-bar__label_1ol3s {
58
+ .tab-bar__label_1318s {
59
59
  -webkit-line-clamp: 1;
60
60
  display: -webkit-box;
61
61
  -webkit-box-orient: vertical;
@@ -65,10 +65,10 @@
65
65
 
66
66
  color: var(--color-light-text-secondary);
67
67
  }
68
- .tab-bar__labelSelected_1ol3s {
68
+ .tab-bar__labelSelected_1318s {
69
69
  color: inherit;
70
70
  }
71
- .tab-bar__indicator_1ol3s {
71
+ .tab-bar__indicator_1318s {
72
72
  position: absolute;
73
73
  top: 3px;
74
74
  left: calc(50% + var(--gap-4));
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":"tab-bar__component_1ol3s","primary":"tab-bar__primary_1ol3s","secondary":"tab-bar__secondary_1ol3s","icon":"tab-bar__icon_1ol3s","label":"tab-bar__label_1ol3s","labelSelected":"tab-bar__labelSelected_1ol3s","indicator":"tab-bar__indicator_1ol3s"};
5
+ var styles = {"component":"tab-bar__component_1318s","primary":"tab-bar__primary_1318s","secondary":"tab-bar__secondary_1318s","icon":"tab-bar__icon_1318s","label":"tab-bar__label_1318s","labelSelected":"tab-bar__labelSelected_1318s","indicator":"tab-bar__indicator_1318s"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/esm/components/tab/index.css CHANGED
@@ -14,7 +14,7 @@
14
14
  --gap-4: var(--gap-2xs);
15
15
  --gap-8: var(--gap-xs);
16
16
  }
17
- .tab-bar__component_1ol3s {
17
+ .tab-bar__component_1318s {
18
18
  -webkit-tap-highlight-color: transparent;
19
19
  box-sizing: border-box;
20
20
  background-color: transparent;
@@ -42,20 +42,20 @@
42
42
  padding: var(--gap-8) var(--gap-0);
43
43
  color: var(--color-light-neutral-translucent-700);
44
44
  }
45
- .tab-bar__primary_1ol3s {
45
+ .tab-bar__primary_1318s {
46
46
  color: var(--color-light-accent-primary);
47
47
  }
48
- .tab-bar__secondary_1ol3s {
48
+ .tab-bar__secondary_1318s {
49
49
  color: var(--color-light-accent-secondary);
50
50
  }
51
- .tab-bar__icon_1ol3s {
51
+ .tab-bar__icon_1318s {
52
52
  display: flex;
53
53
  align-items: center;
54
54
  justify-content: center;
55
55
  flex-grow: 1;
56
56
  width: 100%;
57
57
  }
58
- .tab-bar__label_1ol3s {
58
+ .tab-bar__label_1318s {
59
59
  -webkit-line-clamp: 1;
60
60
  display: -webkit-box;
61
61
  -webkit-box-orient: vertical;
@@ -65,10 +65,10 @@
65
65
 
66
66
  color: var(--color-light-text-secondary);
67
67
  }
68
- .tab-bar__labelSelected_1ol3s {
68
+ .tab-bar__labelSelected_1318s {
69
69
  color: inherit;
70
70
  }
71
- .tab-bar__indicator_1ol3s {
71
+ .tab-bar__indicator_1318s {
72
72
  position: absolute;
73
73
  top: 3px;
74
74
  left: calc(50% + var(--gap-4));
package/esm/components/tab/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"tab-bar__component_1ol3s","primary":"tab-bar__primary_1ol3s","secondary":"tab-bar__secondary_1ol3s","icon":"tab-bar__icon_1ol3s","label":"tab-bar__label_1ol3s","labelSelected":"tab-bar__labelSelected_1ol3s","indicator":"tab-bar__indicator_1ol3s"};
3
+ var styles = {"component":"tab-bar__component_1318s","primary":"tab-bar__primary_1318s","secondary":"tab-bar__secondary_1318s","icon":"tab-bar__icon_1318s","label":"tab-bar__label_1318s","labelSelected":"tab-bar__labelSelected_1318s","indicator":"tab-bar__indicator_1318s"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/index.css CHANGED
@@ -9,7 +9,7 @@
9
9
  :root {
10
10
  --sab: env(safe-area-inset-bottom, var(--gap-0));
11
11
  }
12
- .tab-bar__component_1n9wy {
12
+ .tab-bar__component_zhhlm {
13
13
  display: flex;
14
14
  justify-content: center;
15
15
  height: 64px;
@@ -18,17 +18,17 @@
18
18
  overflow: hidden;
19
19
  transition: box-shadow 0.2s ease;
20
20
  }
21
- .tab-bar__component_1n9wy.tab-bar__modal-bg-primary_1n9wy {
21
+ .tab-bar__component_zhhlm.tab-bar__modal-bg-primary_zhhlm {
22
22
  background-color: var(--color-light-base-bg-primary);
23
23
  }
24
- .tab-bar__component_1n9wy.tab-bar__modal-bg-alt-primary_1n9wy {
24
+ .tab-bar__component_zhhlm.tab-bar__modal-bg-alt-primary_zhhlm {
25
25
  background-color: var(--color-light-base-bg-alt-primary);
26
26
  }
27
27
  @media (display-mode: standalone) {
28
- .tab-bar__component_1n9wy {
28
+ .tab-bar__component_zhhlm {
29
29
  padding-bottom: var(--sab);
30
30
  }
31
31
  }
32
- .tab-bar__border_1n9wy {
32
+ .tab-bar__border_zhhlm {
33
33
  box-shadow: 0 -1px 0 0 var(--color-light-neutral-translucent-300);
34
34
  }
package/esm/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"tab-bar__component_1n9wy","modal-bg-primary":"tab-bar__modal-bg-primary_1n9wy","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_1n9wy","border":"tab-bar__border_1n9wy"};
3
+ var styles = {"component":"tab-bar__component_zhhlm","modal-bg-primary":"tab-bar__modal-bg-primary_zhhlm","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_zhhlm","border":"tab-bar__border_zhhlm"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -9,7 +9,7 @@
9
9
  :root {
10
10
  --sab: env(safe-area-inset-bottom, var(--gap-0));
11
11
  }
12
- .tab-bar__component_1n9wy {
12
+ .tab-bar__component_zhhlm {
13
13
  display: flex;
14
14
  justify-content: center;
15
15
  height: 64px;
@@ -18,17 +18,17 @@
18
18
  overflow: hidden;
19
19
  transition: box-shadow 0.2s ease;
20
20
  }
21
- .tab-bar__component_1n9wy.tab-bar__modal-bg-primary_1n9wy {
21
+ .tab-bar__component_zhhlm.tab-bar__modal-bg-primary_zhhlm {
22
22
  background-color: var(--color-light-base-bg-primary);
23
23
  }
24
- .tab-bar__component_1n9wy.tab-bar__modal-bg-alt-primary_1n9wy {
24
+ .tab-bar__component_zhhlm.tab-bar__modal-bg-alt-primary_zhhlm {
25
25
  background-color: var(--color-light-base-bg-alt-primary);
26
26
  }
27
27
  @media (display-mode: standalone) {
28
- .tab-bar__component_1n9wy {
28
+ .tab-bar__component_zhhlm {
29
29
  padding-bottom: var(--sab);
30
30
  }
31
31
  }
32
- .tab-bar__border_1n9wy {
32
+ .tab-bar__border_zhhlm {
33
33
  box-shadow: 0 -1px 0 0 var(--color-light-neutral-translucent-300);
34
34
  }
package/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"tab-bar__component_1n9wy","modal-bg-primary":"tab-bar__modal-bg-primary_1n9wy","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_1n9wy","border":"tab-bar__border_1n9wy"};
5
+ var styles = {"component":"tab-bar__component_zhhlm","modal-bg-primary":"tab-bar__modal-bg-primary_zhhlm","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_zhhlm","border":"tab-bar__border_zhhlm"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/tab/index.css CHANGED
@@ -14,7 +14,7 @@
14
14
  --gap-4: var(--gap-2xs);
15
15
  --gap-8: var(--gap-xs);
16
16
  }
17
- .tab-bar__component_1ol3s {
17
+ .tab-bar__component_1318s {
18
18
  -webkit-tap-highlight-color: transparent;
19
19
  box-sizing: border-box;
20
20
  background-color: transparent;
@@ -42,20 +42,20 @@
42
42
  padding: var(--gap-8) var(--gap-0);
43
43
  color: var(--color-light-neutral-translucent-700);
44
44
  }
45
- .tab-bar__primary_1ol3s {
45
+ .tab-bar__primary_1318s {
46
46
  color: var(--color-light-accent-primary);
47
47
  }
48
- .tab-bar__secondary_1ol3s {
48
+ .tab-bar__secondary_1318s {
49
49
  color: var(--color-light-accent-secondary);
50
50
  }
51
- .tab-bar__icon_1ol3s {
51
+ .tab-bar__icon_1318s {
52
52
  display: flex;
53
53
  align-items: center;
54
54
  justify-content: center;
55
55
  flex-grow: 1;
56
56
  width: 100%;
57
57
  }
58
- .tab-bar__label_1ol3s {
58
+ .tab-bar__label_1318s {
59
59
  -webkit-line-clamp: 1;
60
60
  display: -webkit-box;
61
61
  -webkit-box-orient: vertical;
@@ -65,10 +65,10 @@
65
65
 
66
66
  color: var(--color-light-text-secondary);
67
67
  }
68
- .tab-bar__labelSelected_1ol3s {
68
+ .tab-bar__labelSelected_1318s {
69
69
  color: inherit;
70
70
  }
71
- .tab-bar__indicator_1ol3s {
71
+ .tab-bar__indicator_1318s {
72
72
  position: absolute;
73
73
  top: 3px;
74
74
  left: calc(50% + var(--gap-4));
package/modern/components/tab/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"tab-bar__component_1ol3s","primary":"tab-bar__primary_1ol3s","secondary":"tab-bar__secondary_1ol3s","icon":"tab-bar__icon_1ol3s","label":"tab-bar__label_1ol3s","labelSelected":"tab-bar__labelSelected_1ol3s","indicator":"tab-bar__indicator_1ol3s"};
3
+ const styles = {"component":"tab-bar__component_1318s","primary":"tab-bar__primary_1318s","secondary":"tab-bar__secondary_1318s","icon":"tab-bar__icon_1318s","label":"tab-bar__label_1318s","labelSelected":"tab-bar__labelSelected_1318s","indicator":"tab-bar__indicator_1318s"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.css CHANGED
@@ -9,7 +9,7 @@
9
9
  :root {
10
10
  --sab: env(safe-area-inset-bottom, var(--gap-0));
11
11
  }
12
- .tab-bar__component_1n9wy {
12
+ .tab-bar__component_zhhlm {
13
13
  display: flex;
14
14
  justify-content: center;
15
15
  height: 64px;
@@ -18,17 +18,17 @@
18
18
  overflow: hidden;
19
19
  transition: box-shadow 0.2s ease;
20
20
  }
21
- .tab-bar__component_1n9wy.tab-bar__modal-bg-primary_1n9wy {
21
+ .tab-bar__component_zhhlm.tab-bar__modal-bg-primary_zhhlm {
22
22
  background-color: var(--color-light-base-bg-primary);
23
23
  }
24
- .tab-bar__component_1n9wy.tab-bar__modal-bg-alt-primary_1n9wy {
24
+ .tab-bar__component_zhhlm.tab-bar__modal-bg-alt-primary_zhhlm {
25
25
  background-color: var(--color-light-base-bg-alt-primary);
26
26
  }
27
27
  @media (display-mode: standalone) {
28
- .tab-bar__component_1n9wy {
28
+ .tab-bar__component_zhhlm {
29
29
  padding-bottom: var(--sab);
30
30
  }
31
31
  }
32
- .tab-bar__border_1n9wy {
32
+ .tab-bar__border_zhhlm {
33
33
  box-shadow: 0 -1px 0 0 var(--color-light-neutral-translucent-300);
34
34
  }
package/modern/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"tab-bar__component_1n9wy","modal-bg-primary":"tab-bar__modal-bg-primary_1n9wy","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_1n9wy","border":"tab-bar__border_1n9wy"};
3
+ const styles = {"component":"tab-bar__component_zhhlm","modal-bg-primary":"tab-bar__modal-bg-primary_zhhlm","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_zhhlm","border":"tab-bar__border_zhhlm"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-tab-bar",
3
- "version": "4.0.1",
3
+ "version": "4.0.2",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -11,8 +11,8 @@
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
13
  "@alfalab/core-components-indicator": "^4.0.1",
14
- "@alfalab/core-components-shared": "^2.0.1",
15
- "@alfalab/core-components-typography": "^6.0.1",
14
+ "@alfalab/core-components-shared": "^2.1.0",
15
+ "@alfalab/core-components-typography": "^6.0.2",
16
16
  "classnames": "^2.5.1",
17
17
  "tslib": "^2.4.0"
18
18
  },