@alfalab/core-components-tab-bar 3.0.0 → 3.0.1

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 +5 -5
package/components/tab/index.css CHANGED
@@ -9,7 +9,7 @@
9
9
  --gap-0: 0px;
10
10
  --gap-4: var(--gap-2xs);
11
11
  --gap-8: var(--gap-xs);
12
- } .tab-bar__component_l5b05 {
12
+ } .tab-bar__component_1lfc5 {
13
13
  -webkit-tap-highlight-color: transparent;
14
14
  box-sizing: border-box;
15
15
  background-color: transparent;
@@ -36,17 +36,17 @@
36
36
  align-items: center;
37
37
  padding: var(--gap-8) var(--gap-0);
38
38
  color: var(--color-light-neutral-translucent-700);
39
- } .tab-bar__primary_l5b05 {
39
+ } .tab-bar__primary_1lfc5 {
40
40
  color: var(--color-light-accent-primary);
41
- } .tab-bar__secondary_l5b05 {
41
+ } .tab-bar__secondary_1lfc5 {
42
42
  color: var(--color-light-accent-secondary);
43
- } .tab-bar__icon_l5b05 {
43
+ } .tab-bar__icon_1lfc5 {
44
44
  display: flex;
45
45
  align-items: center;
46
46
  justify-content: center;
47
47
  flex-grow: 1;
48
48
  width: 100%;
49
- } .tab-bar__label_l5b05 {
49
+ } .tab-bar__label_1lfc5 {
50
50
  -webkit-line-clamp: 1;
51
51
  display: -webkit-box;
52
52
  -webkit-box-orient: vertical;
@@ -55,9 +55,9 @@
55
55
  flex-shrink: 0;
56
56
 
57
57
  color: var(--color-light-text-secondary);
58
- } .tab-bar__labelSelected_l5b05 {
58
+ } .tab-bar__labelSelected_1lfc5 {
59
59
  color: inherit;
60
- } .tab-bar__indicator_l5b05 {
60
+ } .tab-bar__indicator_1lfc5 {
61
61
  position: absolute;
62
62
  top: 3px;
63
63
  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_l5b05","primary":"tab-bar__primary_l5b05","secondary":"tab-bar__secondary_l5b05","icon":"tab-bar__icon_l5b05","label":"tab-bar__label_l5b05","labelSelected":"tab-bar__labelSelected_l5b05","indicator":"tab-bar__indicator_l5b05"};
5
+ var styles = {"component":"tab-bar__component_1lfc5","primary":"tab-bar__primary_1lfc5","secondary":"tab-bar__secondary_1lfc5","icon":"tab-bar__icon_1lfc5","label":"tab-bar__label_1lfc5","labelSelected":"tab-bar__labelSelected_1lfc5","indicator":"tab-bar__indicator_1lfc5"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/esm/components/tab/index.css CHANGED
@@ -9,7 +9,7 @@
9
9
  --gap-0: 0px;
10
10
  --gap-4: var(--gap-2xs);
11
11
  --gap-8: var(--gap-xs);
12
- } .tab-bar__component_l5b05 {
12
+ } .tab-bar__component_1lfc5 {
13
13
  -webkit-tap-highlight-color: transparent;
14
14
  box-sizing: border-box;
15
15
  background-color: transparent;
@@ -36,17 +36,17 @@
36
36
  align-items: center;
37
37
  padding: var(--gap-8) var(--gap-0);
38
38
  color: var(--color-light-neutral-translucent-700);
39
- } .tab-bar__primary_l5b05 {
39
+ } .tab-bar__primary_1lfc5 {
40
40
  color: var(--color-light-accent-primary);
41
- } .tab-bar__secondary_l5b05 {
41
+ } .tab-bar__secondary_1lfc5 {
42
42
  color: var(--color-light-accent-secondary);
43
- } .tab-bar__icon_l5b05 {
43
+ } .tab-bar__icon_1lfc5 {
44
44
  display: flex;
45
45
  align-items: center;
46
46
  justify-content: center;
47
47
  flex-grow: 1;
48
48
  width: 100%;
49
- } .tab-bar__label_l5b05 {
49
+ } .tab-bar__label_1lfc5 {
50
50
  -webkit-line-clamp: 1;
51
51
  display: -webkit-box;
52
52
  -webkit-box-orient: vertical;
@@ -55,9 +55,9 @@
55
55
  flex-shrink: 0;
56
56
 
57
57
  color: var(--color-light-text-secondary);
58
- } .tab-bar__labelSelected_l5b05 {
58
+ } .tab-bar__labelSelected_1lfc5 {
59
59
  color: inherit;
60
- } .tab-bar__indicator_l5b05 {
60
+ } .tab-bar__indicator_1lfc5 {
61
61
  position: absolute;
62
62
  top: 3px;
63
63
  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_l5b05","primary":"tab-bar__primary_l5b05","secondary":"tab-bar__secondary_l5b05","icon":"tab-bar__icon_l5b05","label":"tab-bar__label_l5b05","labelSelected":"tab-bar__labelSelected_l5b05","indicator":"tab-bar__indicator_l5b05"};
3
+ var styles = {"component":"tab-bar__component_1lfc5","primary":"tab-bar__primary_1lfc5","secondary":"tab-bar__secondary_1lfc5","icon":"tab-bar__icon_1lfc5","label":"tab-bar__label_1lfc5","labelSelected":"tab-bar__labelSelected_1lfc5","indicator":"tab-bar__indicator_1lfc5"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/index.css CHANGED
@@ -6,7 +6,7 @@
6
6
  --gap-0: 0px;
7
7
  } :root {
8
8
  --sab: env(safe-area-inset-bottom, var(--gap-0));
9
- } .tab-bar__component_j8zh2 {
9
+ } .tab-bar__component_2kija {
10
10
  display: flex;
11
11
  justify-content: center;
12
12
  height: 64px;
@@ -14,13 +14,13 @@
14
14
  box-sizing: border-box;
15
15
  overflow: hidden;
16
16
  transition: box-shadow 0.2s ease
17
- } .tab-bar__component_j8zh2.tab-bar__modal-bg-primary_j8zh2 {
17
+ } .tab-bar__component_2kija.tab-bar__modal-bg-primary_2kija {
18
18
  background-color: var(--color-light-base-bg-primary);
19
- } .tab-bar__component_j8zh2.tab-bar__modal-bg-alt-primary_j8zh2 {
19
+ } .tab-bar__component_2kija.tab-bar__modal-bg-alt-primary_2kija {
20
20
  background-color: var(--color-light-base-bg-alt-primary);
21
- } @media (display-mode: standalone) { .tab-bar__component_j8zh2 {
21
+ } @media (display-mode: standalone) { .tab-bar__component_2kija {
22
22
  padding-bottom: var(--sab)
23
23
  }
24
- } .tab-bar__border_j8zh2 {
24
+ } .tab-bar__border_2kija {
25
25
  box-shadow: 0 -1px 0 0 var(--color-light-neutral-translucent-300);
26
26
  }
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_j8zh2","modal-bg-primary":"tab-bar__modal-bg-primary_j8zh2","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_j8zh2","border":"tab-bar__border_j8zh2"};
3
+ var styles = {"component":"tab-bar__component_2kija","modal-bg-primary":"tab-bar__modal-bg-primary_2kija","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_2kija","border":"tab-bar__border_2kija"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -6,7 +6,7 @@
6
6
  --gap-0: 0px;
7
7
  } :root {
8
8
  --sab: env(safe-area-inset-bottom, var(--gap-0));
9
- } .tab-bar__component_j8zh2 {
9
+ } .tab-bar__component_2kija {
10
10
  display: flex;
11
11
  justify-content: center;
12
12
  height: 64px;
@@ -14,13 +14,13 @@
14
14
  box-sizing: border-box;
15
15
  overflow: hidden;
16
16
  transition: box-shadow 0.2s ease
17
- } .tab-bar__component_j8zh2.tab-bar__modal-bg-primary_j8zh2 {
17
+ } .tab-bar__component_2kija.tab-bar__modal-bg-primary_2kija {
18
18
  background-color: var(--color-light-base-bg-primary);
19
- } .tab-bar__component_j8zh2.tab-bar__modal-bg-alt-primary_j8zh2 {
19
+ } .tab-bar__component_2kija.tab-bar__modal-bg-alt-primary_2kija {
20
20
  background-color: var(--color-light-base-bg-alt-primary);
21
- } @media (display-mode: standalone) { .tab-bar__component_j8zh2 {
21
+ } @media (display-mode: standalone) { .tab-bar__component_2kija {
22
22
  padding-bottom: var(--sab)
23
23
  }
24
- } .tab-bar__border_j8zh2 {
24
+ } .tab-bar__border_2kija {
25
25
  box-shadow: 0 -1px 0 0 var(--color-light-neutral-translucent-300);
26
26
  }
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_j8zh2","modal-bg-primary":"tab-bar__modal-bg-primary_j8zh2","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_j8zh2","border":"tab-bar__border_j8zh2"};
5
+ var styles = {"component":"tab-bar__component_2kija","modal-bg-primary":"tab-bar__modal-bg-primary_2kija","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_2kija","border":"tab-bar__border_2kija"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/tab/index.css CHANGED
@@ -9,7 +9,7 @@
9
9
  --gap-0: 0px;
10
10
  --gap-4: var(--gap-2xs);
11
11
  --gap-8: var(--gap-xs);
12
- } .tab-bar__component_l5b05 {
12
+ } .tab-bar__component_1lfc5 {
13
13
  -webkit-tap-highlight-color: transparent;
14
14
  box-sizing: border-box;
15
15
  background-color: transparent;
@@ -36,17 +36,17 @@
36
36
  align-items: center;
37
37
  padding: var(--gap-8) var(--gap-0);
38
38
  color: var(--color-light-neutral-translucent-700);
39
- } .tab-bar__primary_l5b05 {
39
+ } .tab-bar__primary_1lfc5 {
40
40
  color: var(--color-light-accent-primary);
41
- } .tab-bar__secondary_l5b05 {
41
+ } .tab-bar__secondary_1lfc5 {
42
42
  color: var(--color-light-accent-secondary);
43
- } .tab-bar__icon_l5b05 {
43
+ } .tab-bar__icon_1lfc5 {
44
44
  display: flex;
45
45
  align-items: center;
46
46
  justify-content: center;
47
47
  flex-grow: 1;
48
48
  width: 100%;
49
- } .tab-bar__label_l5b05 {
49
+ } .tab-bar__label_1lfc5 {
50
50
  -webkit-line-clamp: 1;
51
51
  display: -webkit-box;
52
52
  -webkit-box-orient: vertical;
@@ -55,9 +55,9 @@
55
55
  flex-shrink: 0;
56
56
 
57
57
  color: var(--color-light-text-secondary);
58
- } .tab-bar__labelSelected_l5b05 {
58
+ } .tab-bar__labelSelected_1lfc5 {
59
59
  color: inherit;
60
- } .tab-bar__indicator_l5b05 {
60
+ } .tab-bar__indicator_1lfc5 {
61
61
  position: absolute;
62
62
  top: 3px;
63
63
  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_l5b05","primary":"tab-bar__primary_l5b05","secondary":"tab-bar__secondary_l5b05","icon":"tab-bar__icon_l5b05","label":"tab-bar__label_l5b05","labelSelected":"tab-bar__labelSelected_l5b05","indicator":"tab-bar__indicator_l5b05"};
3
+ const styles = {"component":"tab-bar__component_1lfc5","primary":"tab-bar__primary_1lfc5","secondary":"tab-bar__secondary_1lfc5","icon":"tab-bar__icon_1lfc5","label":"tab-bar__label_1lfc5","labelSelected":"tab-bar__labelSelected_1lfc5","indicator":"tab-bar__indicator_1lfc5"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.css CHANGED
@@ -6,7 +6,7 @@
6
6
  --gap-0: 0px;
7
7
  } :root {
8
8
  --sab: env(safe-area-inset-bottom, var(--gap-0));
9
- } .tab-bar__component_j8zh2 {
9
+ } .tab-bar__component_2kija {
10
10
  display: flex;
11
11
  justify-content: center;
12
12
  height: 64px;
@@ -14,13 +14,13 @@
14
14
  box-sizing: border-box;
15
15
  overflow: hidden;
16
16
  transition: box-shadow 0.2s ease
17
- } .tab-bar__component_j8zh2.tab-bar__modal-bg-primary_j8zh2 {
17
+ } .tab-bar__component_2kija.tab-bar__modal-bg-primary_2kija {
18
18
  background-color: var(--color-light-base-bg-primary);
19
- } .tab-bar__component_j8zh2.tab-bar__modal-bg-alt-primary_j8zh2 {
19
+ } .tab-bar__component_2kija.tab-bar__modal-bg-alt-primary_2kija {
20
20
  background-color: var(--color-light-base-bg-alt-primary);
21
- } @media (display-mode: standalone) { .tab-bar__component_j8zh2 {
21
+ } @media (display-mode: standalone) { .tab-bar__component_2kija {
22
22
  padding-bottom: var(--sab)
23
23
  }
24
- } .tab-bar__border_j8zh2 {
24
+ } .tab-bar__border_2kija {
25
25
  box-shadow: 0 -1px 0 0 var(--color-light-neutral-translucent-300);
26
26
  }
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_j8zh2","modal-bg-primary":"tab-bar__modal-bg-primary_j8zh2","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_j8zh2","border":"tab-bar__border_j8zh2"};
3
+ const styles = {"component":"tab-bar__component_2kija","modal-bg-primary":"tab-bar__modal-bg-primary_2kija","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_2kija","border":"tab-bar__border_2kija"};
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": "3.0.0",
3
+ "version": "3.0.1",
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": "^3.0.0",
14
- "@alfalab/core-components-shared": "^1.0.0",
15
- "@alfalab/core-components-typography": "^5.0.0",
14
+ "@alfalab/core-components-shared": "^1.1.0",
15
+ "@alfalab/core-components-typography": "^5.0.1",
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": "14.0.0",
28
- "varsVersion": "10.0.0"
27
+ "themesVersion": "14.1.0",
28
+ "varsVersion": "10.1.0"
29
29
  }