@alfalab/core-components-tab-bar 4.0.4 → 4.0.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 (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 +2 -2
package/components/tab/index.css CHANGED
@@ -16,7 +16,7 @@
16
16
  --gap-6: 6px;
17
17
  --gap-10: 10px;
18
18
  }
19
- .tab-bar__component_1vhmw {
19
+ .tab-bar__component_f1ydw {
20
20
  -webkit-tap-highlight-color: transparent;
21
21
  box-sizing: border-box;
22
22
  background-color: transparent;
@@ -44,13 +44,13 @@
44
44
  padding: var(--gap-10) var(--gap-0) var(--gap-6);
45
45
  color: var(--color-light-neutral-translucent-700);
46
46
  }
47
- .tab-bar__primary_1vhmw {
47
+ .tab-bar__primary_f1ydw {
48
48
  color: var(--color-light-accent-primary);
49
49
  }
50
- .tab-bar__secondary_1vhmw {
50
+ .tab-bar__secondary_f1ydw {
51
51
  color: var(--color-light-accent-secondary);
52
52
  }
53
- .tab-bar__icon_1vhmw {
53
+ .tab-bar__icon_f1ydw {
54
54
  display: flex;
55
55
  align-items: center;
56
56
  justify-content: center;
@@ -58,7 +58,7 @@
58
58
  width: 100%;
59
59
  margin-bottom: var(--gap-2);
60
60
  }
61
- .tab-bar__label_1vhmw {
61
+ .tab-bar__label_f1ydw {
62
62
  -webkit-line-clamp: 1;
63
63
  display: -webkit-box;
64
64
  -webkit-box-orient: vertical;
@@ -68,10 +68,10 @@
68
68
 
69
69
  color: var(--color-light-text-secondary);
70
70
  }
71
- .tab-bar__labelSelected_1vhmw {
71
+ .tab-bar__labelSelected_f1ydw {
72
72
  color: inherit;
73
73
  }
74
- .tab-bar__indicator_1vhmw {
74
+ .tab-bar__indicator_f1ydw {
75
75
  position: absolute;
76
76
  top: 3px;
77
77
  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_1vhmw","primary":"tab-bar__primary_1vhmw","secondary":"tab-bar__secondary_1vhmw","icon":"tab-bar__icon_1vhmw","label":"tab-bar__label_1vhmw","labelSelected":"tab-bar__labelSelected_1vhmw","indicator":"tab-bar__indicator_1vhmw"};
5
+ var styles = {"component":"tab-bar__component_f1ydw","primary":"tab-bar__primary_f1ydw","secondary":"tab-bar__secondary_f1ydw","icon":"tab-bar__icon_f1ydw","label":"tab-bar__label_f1ydw","labelSelected":"tab-bar__labelSelected_f1ydw","indicator":"tab-bar__indicator_f1ydw"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/esm/components/tab/index.css CHANGED
@@ -16,7 +16,7 @@
16
16
  --gap-6: 6px;
17
17
  --gap-10: 10px;
18
18
  }
19
- .tab-bar__component_1vhmw {
19
+ .tab-bar__component_f1ydw {
20
20
  -webkit-tap-highlight-color: transparent;
21
21
  box-sizing: border-box;
22
22
  background-color: transparent;
@@ -44,13 +44,13 @@
44
44
  padding: var(--gap-10) var(--gap-0) var(--gap-6);
45
45
  color: var(--color-light-neutral-translucent-700);
46
46
  }
47
- .tab-bar__primary_1vhmw {
47
+ .tab-bar__primary_f1ydw {
48
48
  color: var(--color-light-accent-primary);
49
49
  }
50
- .tab-bar__secondary_1vhmw {
50
+ .tab-bar__secondary_f1ydw {
51
51
  color: var(--color-light-accent-secondary);
52
52
  }
53
- .tab-bar__icon_1vhmw {
53
+ .tab-bar__icon_f1ydw {
54
54
  display: flex;
55
55
  align-items: center;
56
56
  justify-content: center;
@@ -58,7 +58,7 @@
58
58
  width: 100%;
59
59
  margin-bottom: var(--gap-2);
60
60
  }
61
- .tab-bar__label_1vhmw {
61
+ .tab-bar__label_f1ydw {
62
62
  -webkit-line-clamp: 1;
63
63
  display: -webkit-box;
64
64
  -webkit-box-orient: vertical;
@@ -68,10 +68,10 @@
68
68
 
69
69
  color: var(--color-light-text-secondary);
70
70
  }
71
- .tab-bar__labelSelected_1vhmw {
71
+ .tab-bar__labelSelected_f1ydw {
72
72
  color: inherit;
73
73
  }
74
- .tab-bar__indicator_1vhmw {
74
+ .tab-bar__indicator_f1ydw {
75
75
  position: absolute;
76
76
  top: 3px;
77
77
  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_1vhmw","primary":"tab-bar__primary_1vhmw","secondary":"tab-bar__secondary_1vhmw","icon":"tab-bar__icon_1vhmw","label":"tab-bar__label_1vhmw","labelSelected":"tab-bar__labelSelected_1vhmw","indicator":"tab-bar__indicator_1vhmw"};
3
+ var styles = {"component":"tab-bar__component_f1ydw","primary":"tab-bar__primary_f1ydw","secondary":"tab-bar__secondary_f1ydw","icon":"tab-bar__icon_f1ydw","label":"tab-bar__label_f1ydw","labelSelected":"tab-bar__labelSelected_f1ydw","indicator":"tab-bar__indicator_f1ydw"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/index.css CHANGED
@@ -9,24 +9,24 @@
9
9
  :root {
10
10
  --sab: env(safe-area-inset-bottom, var(--gap-0));
11
11
  }
12
- .tab-bar__component_1rh6p {
12
+ .tab-bar__component_dqrjy {
13
13
  display: flex;
14
14
  justify-content: center;
15
15
  box-sizing: border-box;
16
16
  overflow: hidden;
17
17
  transition: box-shadow 0.2s ease;
18
18
  }
19
- .tab-bar__component_1rh6p.tab-bar__modal-bg-primary_1rh6p {
19
+ .tab-bar__component_dqrjy.tab-bar__modal-bg-primary_dqrjy {
20
20
  background-color: var(--color-light-base-bg-primary);
21
21
  }
22
- .tab-bar__component_1rh6p.tab-bar__modal-bg-alt-primary_1rh6p {
22
+ .tab-bar__component_dqrjy.tab-bar__modal-bg-alt-primary_dqrjy {
23
23
  background-color: var(--color-light-base-bg-alt-primary);
24
24
  }
25
25
  @media (display-mode: standalone) {
26
- .tab-bar__component_1rh6p {
26
+ .tab-bar__component_dqrjy {
27
27
  padding-bottom: var(--sab);
28
28
  }
29
29
  }
30
- .tab-bar__border_1rh6p {
30
+ .tab-bar__border_dqrjy {
31
31
  box-shadow: 0 -1px 0 0 var(--color-light-neutral-translucent-300);
32
32
  }
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_1rh6p","modal-bg-primary":"tab-bar__modal-bg-primary_1rh6p","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_1rh6p","border":"tab-bar__border_1rh6p"};
3
+ var styles = {"component":"tab-bar__component_dqrjy","modal-bg-primary":"tab-bar__modal-bg-primary_dqrjy","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_dqrjy","border":"tab-bar__border_dqrjy"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -9,24 +9,24 @@
9
9
  :root {
10
10
  --sab: env(safe-area-inset-bottom, var(--gap-0));
11
11
  }
12
- .tab-bar__component_1rh6p {
12
+ .tab-bar__component_dqrjy {
13
13
  display: flex;
14
14
  justify-content: center;
15
15
  box-sizing: border-box;
16
16
  overflow: hidden;
17
17
  transition: box-shadow 0.2s ease;
18
18
  }
19
- .tab-bar__component_1rh6p.tab-bar__modal-bg-primary_1rh6p {
19
+ .tab-bar__component_dqrjy.tab-bar__modal-bg-primary_dqrjy {
20
20
  background-color: var(--color-light-base-bg-primary);
21
21
  }
22
- .tab-bar__component_1rh6p.tab-bar__modal-bg-alt-primary_1rh6p {
22
+ .tab-bar__component_dqrjy.tab-bar__modal-bg-alt-primary_dqrjy {
23
23
  background-color: var(--color-light-base-bg-alt-primary);
24
24
  }
25
25
  @media (display-mode: standalone) {
26
- .tab-bar__component_1rh6p {
26
+ .tab-bar__component_dqrjy {
27
27
  padding-bottom: var(--sab);
28
28
  }
29
29
  }
30
- .tab-bar__border_1rh6p {
30
+ .tab-bar__border_dqrjy {
31
31
  box-shadow: 0 -1px 0 0 var(--color-light-neutral-translucent-300);
32
32
  }
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_1rh6p","modal-bg-primary":"tab-bar__modal-bg-primary_1rh6p","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_1rh6p","border":"tab-bar__border_1rh6p"};
5
+ var styles = {"component":"tab-bar__component_dqrjy","modal-bg-primary":"tab-bar__modal-bg-primary_dqrjy","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_dqrjy","border":"tab-bar__border_dqrjy"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/tab/index.css CHANGED
@@ -16,7 +16,7 @@
16
16
  --gap-6: 6px;
17
17
  --gap-10: 10px;
18
18
  }
19
- .tab-bar__component_1vhmw {
19
+ .tab-bar__component_f1ydw {
20
20
  -webkit-tap-highlight-color: transparent;
21
21
  box-sizing: border-box;
22
22
  background-color: transparent;
@@ -44,13 +44,13 @@
44
44
  padding: var(--gap-10) var(--gap-0) var(--gap-6);
45
45
  color: var(--color-light-neutral-translucent-700);
46
46
  }
47
- .tab-bar__primary_1vhmw {
47
+ .tab-bar__primary_f1ydw {
48
48
  color: var(--color-light-accent-primary);
49
49
  }
50
- .tab-bar__secondary_1vhmw {
50
+ .tab-bar__secondary_f1ydw {
51
51
  color: var(--color-light-accent-secondary);
52
52
  }
53
- .tab-bar__icon_1vhmw {
53
+ .tab-bar__icon_f1ydw {
54
54
  display: flex;
55
55
  align-items: center;
56
56
  justify-content: center;
@@ -58,7 +58,7 @@
58
58
  width: 100%;
59
59
  margin-bottom: var(--gap-2);
60
60
  }
61
- .tab-bar__label_1vhmw {
61
+ .tab-bar__label_f1ydw {
62
62
  -webkit-line-clamp: 1;
63
63
  display: -webkit-box;
64
64
  -webkit-box-orient: vertical;
@@ -68,10 +68,10 @@
68
68
 
69
69
  color: var(--color-light-text-secondary);
70
70
  }
71
- .tab-bar__labelSelected_1vhmw {
71
+ .tab-bar__labelSelected_f1ydw {
72
72
  color: inherit;
73
73
  }
74
- .tab-bar__indicator_1vhmw {
74
+ .tab-bar__indicator_f1ydw {
75
75
  position: absolute;
76
76
  top: 3px;
77
77
  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_1vhmw","primary":"tab-bar__primary_1vhmw","secondary":"tab-bar__secondary_1vhmw","icon":"tab-bar__icon_1vhmw","label":"tab-bar__label_1vhmw","labelSelected":"tab-bar__labelSelected_1vhmw","indicator":"tab-bar__indicator_1vhmw"};
3
+ const styles = {"component":"tab-bar__component_f1ydw","primary":"tab-bar__primary_f1ydw","secondary":"tab-bar__secondary_f1ydw","icon":"tab-bar__icon_f1ydw","label":"tab-bar__label_f1ydw","labelSelected":"tab-bar__labelSelected_f1ydw","indicator":"tab-bar__indicator_f1ydw"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.css CHANGED
@@ -9,24 +9,24 @@
9
9
  :root {
10
10
  --sab: env(safe-area-inset-bottom, var(--gap-0));
11
11
  }
12
- .tab-bar__component_1rh6p {
12
+ .tab-bar__component_dqrjy {
13
13
  display: flex;
14
14
  justify-content: center;
15
15
  box-sizing: border-box;
16
16
  overflow: hidden;
17
17
  transition: box-shadow 0.2s ease;
18
18
  }
19
- .tab-bar__component_1rh6p.tab-bar__modal-bg-primary_1rh6p {
19
+ .tab-bar__component_dqrjy.tab-bar__modal-bg-primary_dqrjy {
20
20
  background-color: var(--color-light-base-bg-primary);
21
21
  }
22
- .tab-bar__component_1rh6p.tab-bar__modal-bg-alt-primary_1rh6p {
22
+ .tab-bar__component_dqrjy.tab-bar__modal-bg-alt-primary_dqrjy {
23
23
  background-color: var(--color-light-base-bg-alt-primary);
24
24
  }
25
25
  @media (display-mode: standalone) {
26
- .tab-bar__component_1rh6p {
26
+ .tab-bar__component_dqrjy {
27
27
  padding-bottom: var(--sab);
28
28
  }
29
29
  }
30
- .tab-bar__border_1rh6p {
30
+ .tab-bar__border_dqrjy {
31
31
  box-shadow: 0 -1px 0 0 var(--color-light-neutral-translucent-300);
32
32
  }
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_1rh6p","modal-bg-primary":"tab-bar__modal-bg-primary_1rh6p","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_1rh6p","border":"tab-bar__border_1rh6p"};
3
+ const styles = {"component":"tab-bar__component_dqrjy","modal-bg-primary":"tab-bar__modal-bg-primary_dqrjy","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_dqrjy","border":"tab-bar__border_dqrjy"};
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.4",
3
+ "version": "4.0.5",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -12,7 +12,7 @@
12
12
  "dependencies": {
13
13
  "@alfalab/core-components-indicator": "^4.0.2",
14
14
  "@alfalab/core-components-shared": "^2.1.1",
15
- "@alfalab/core-components-typography": "^6.0.3",
15
+ "@alfalab/core-components-typography": "^6.0.4",
16
16
  "classnames": "^2.5.1",
17
17
  "tslib": "^2.4.0"
18
18
  },