@alfalab/core-components-tab-bar 4.0.4 → 4.0.5-alfasans

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 +6 -6
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_416vz {
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_416vz {
48
48
  color: var(--color-light-accent-primary);
49
49
  }
50
- .tab-bar__secondary_1vhmw {
50
+ .tab-bar__secondary_416vz {
51
51
  color: var(--color-light-accent-secondary);
52
52
  }
53
- .tab-bar__icon_1vhmw {
53
+ .tab-bar__icon_416vz {
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_416vz {
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_416vz {
72
72
  color: inherit;
73
73
  }
74
- .tab-bar__indicator_1vhmw {
74
+ .tab-bar__indicator_416vz {
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_416vz","primary":"tab-bar__primary_416vz","secondary":"tab-bar__secondary_416vz","icon":"tab-bar__icon_416vz","label":"tab-bar__label_416vz","labelSelected":"tab-bar__labelSelected_416vz","indicator":"tab-bar__indicator_416vz"};
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_416vz {
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_416vz {
48
48
  color: var(--color-light-accent-primary);
49
49
  }
50
- .tab-bar__secondary_1vhmw {
50
+ .tab-bar__secondary_416vz {
51
51
  color: var(--color-light-accent-secondary);
52
52
  }
53
- .tab-bar__icon_1vhmw {
53
+ .tab-bar__icon_416vz {
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_416vz {
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_416vz {
72
72
  color: inherit;
73
73
  }
74
- .tab-bar__indicator_1vhmw {
74
+ .tab-bar__indicator_416vz {
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_416vz","primary":"tab-bar__primary_416vz","secondary":"tab-bar__secondary_416vz","icon":"tab-bar__icon_416vz","label":"tab-bar__label_416vz","labelSelected":"tab-bar__labelSelected_416vz","indicator":"tab-bar__indicator_416vz"};
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_znkro {
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_znkro.tab-bar__modal-bg-primary_znkro {
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_znkro.tab-bar__modal-bg-alt-primary_znkro {
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_znkro {
27
27
  padding-bottom: var(--sab);
28
28
  }
29
29
  }
30
- .tab-bar__border_1rh6p {
30
+ .tab-bar__border_znkro {
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_znkro","modal-bg-primary":"tab-bar__modal-bg-primary_znkro","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_znkro","border":"tab-bar__border_znkro"};
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_znkro {
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_znkro.tab-bar__modal-bg-primary_znkro {
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_znkro.tab-bar__modal-bg-alt-primary_znkro {
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_znkro {
27
27
  padding-bottom: var(--sab);
28
28
  }
29
29
  }
30
- .tab-bar__border_1rh6p {
30
+ .tab-bar__border_znkro {
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_znkro","modal-bg-primary":"tab-bar__modal-bg-primary_znkro","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_znkro","border":"tab-bar__border_znkro"};
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_416vz {
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_416vz {
48
48
  color: var(--color-light-accent-primary);
49
49
  }
50
- .tab-bar__secondary_1vhmw {
50
+ .tab-bar__secondary_416vz {
51
51
  color: var(--color-light-accent-secondary);
52
52
  }
53
- .tab-bar__icon_1vhmw {
53
+ .tab-bar__icon_416vz {
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_416vz {
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_416vz {
72
72
  color: inherit;
73
73
  }
74
- .tab-bar__indicator_1vhmw {
74
+ .tab-bar__indicator_416vz {
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_416vz","primary":"tab-bar__primary_416vz","secondary":"tab-bar__secondary_416vz","icon":"tab-bar__icon_416vz","label":"tab-bar__label_416vz","labelSelected":"tab-bar__labelSelected_416vz","indicator":"tab-bar__indicator_416vz"};
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_znkro {
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_znkro.tab-bar__modal-bg-primary_znkro {
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_znkro.tab-bar__modal-bg-alt-primary_znkro {
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_znkro {
27
27
  padding-bottom: var(--sab);
28
28
  }
29
29
  }
30
- .tab-bar__border_1rh6p {
30
+ .tab-bar__border_znkro {
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_znkro","modal-bg-primary":"tab-bar__modal-bg-primary_znkro","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_znkro","border":"tab-bar__border_znkro"};
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-alfasans",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,9 +10,9 @@
10
10
  "main": "index.js",
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
- "@alfalab/core-components-indicator": "^4.0.2",
14
- "@alfalab/core-components-shared": "^2.1.1",
15
- "@alfalab/core-components-typography": "^6.0.3",
13
+ "@alfalab/core-components-indicator": "4.0.2-alfasans",
14
+ "@alfalab/core-components-shared": "2.1.1-alfasans",
15
+ "@alfalab/core-components-typography": "6.0.4-alfasans",
16
16
  "classnames": "^2.5.1",
17
17
  "tslib": "^2.4.0"
18
18
  },
@@ -24,6 +24,6 @@
24
24
  "access": "public",
25
25
  "directory": "dist"
26
26
  },
27
- "themesVersion": "15.0.2",
28
- "varsVersion": "11.0.2"
27
+ "themesVersion": "15.0.2-alfasans",
28
+ "varsVersion": "11.0.2-alfasans"
29
29
  }