@alfalab/core-components-tab-bar 3.0.0-snapshot-c39129c → 3.0.0

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 +15 -12
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_xyp9i {
12
+ } .tab-bar__component_l5b05 {
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_xyp9i {
39
+ } .tab-bar__primary_l5b05 {
40
40
  color: var(--color-light-accent-primary);
41
- } .tab-bar__secondary_xyp9i {
41
+ } .tab-bar__secondary_l5b05 {
42
42
  color: var(--color-light-accent-secondary);
43
- } .tab-bar__icon_xyp9i {
43
+ } .tab-bar__icon_l5b05 {
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_xyp9i {
49
+ } .tab-bar__label_l5b05 {
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_xyp9i {
58
+ } .tab-bar__labelSelected_l5b05 {
59
59
  color: inherit;
60
- } .tab-bar__indicator_xyp9i {
60
+ } .tab-bar__indicator_l5b05 {
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_xyp9i","primary":"tab-bar__primary_xyp9i","secondary":"tab-bar__secondary_xyp9i","icon":"tab-bar__icon_xyp9i","label":"tab-bar__label_xyp9i","labelSelected":"tab-bar__labelSelected_xyp9i","indicator":"tab-bar__indicator_xyp9i"};
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"};
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_xyp9i {
12
+ } .tab-bar__component_l5b05 {
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_xyp9i {
39
+ } .tab-bar__primary_l5b05 {
40
40
  color: var(--color-light-accent-primary);
41
- } .tab-bar__secondary_xyp9i {
41
+ } .tab-bar__secondary_l5b05 {
42
42
  color: var(--color-light-accent-secondary);
43
- } .tab-bar__icon_xyp9i {
43
+ } .tab-bar__icon_l5b05 {
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_xyp9i {
49
+ } .tab-bar__label_l5b05 {
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_xyp9i {
58
+ } .tab-bar__labelSelected_l5b05 {
59
59
  color: inherit;
60
- } .tab-bar__indicator_xyp9i {
60
+ } .tab-bar__indicator_l5b05 {
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_xyp9i","primary":"tab-bar__primary_xyp9i","secondary":"tab-bar__secondary_xyp9i","icon":"tab-bar__icon_xyp9i","label":"tab-bar__label_xyp9i","labelSelected":"tab-bar__labelSelected_xyp9i","indicator":"tab-bar__indicator_xyp9i"};
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"};
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_11vhh {
9
+ } .tab-bar__component_j8zh2 {
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_11vhh.tab-bar__modal-bg-primary_11vhh {
17
+ } .tab-bar__component_j8zh2.tab-bar__modal-bg-primary_j8zh2 {
18
18
  background-color: var(--color-light-base-bg-primary);
19
- } .tab-bar__component_11vhh.tab-bar__modal-bg-alt-primary_11vhh {
19
+ } .tab-bar__component_j8zh2.tab-bar__modal-bg-alt-primary_j8zh2 {
20
20
  background-color: var(--color-light-base-bg-alt-primary);
21
- } @media (display-mode: standalone) { .tab-bar__component_11vhh {
21
+ } @media (display-mode: standalone) { .tab-bar__component_j8zh2 {
22
22
  padding-bottom: var(--sab)
23
23
  }
24
- } .tab-bar__border_11vhh {
24
+ } .tab-bar__border_j8zh2 {
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_11vhh","modal-bg-primary":"tab-bar__modal-bg-primary_11vhh","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_11vhh","border":"tab-bar__border_11vhh"};
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"};
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_11vhh {
9
+ } .tab-bar__component_j8zh2 {
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_11vhh.tab-bar__modal-bg-primary_11vhh {
17
+ } .tab-bar__component_j8zh2.tab-bar__modal-bg-primary_j8zh2 {
18
18
  background-color: var(--color-light-base-bg-primary);
19
- } .tab-bar__component_11vhh.tab-bar__modal-bg-alt-primary_11vhh {
19
+ } .tab-bar__component_j8zh2.tab-bar__modal-bg-alt-primary_j8zh2 {
20
20
  background-color: var(--color-light-base-bg-alt-primary);
21
- } @media (display-mode: standalone) { .tab-bar__component_11vhh {
21
+ } @media (display-mode: standalone) { .tab-bar__component_j8zh2 {
22
22
  padding-bottom: var(--sab)
23
23
  }
24
- } .tab-bar__border_11vhh {
24
+ } .tab-bar__border_j8zh2 {
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_11vhh","modal-bg-primary":"tab-bar__modal-bg-primary_11vhh","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_11vhh","border":"tab-bar__border_11vhh"};
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"};
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_xyp9i {
12
+ } .tab-bar__component_l5b05 {
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_xyp9i {
39
+ } .tab-bar__primary_l5b05 {
40
40
  color: var(--color-light-accent-primary);
41
- } .tab-bar__secondary_xyp9i {
41
+ } .tab-bar__secondary_l5b05 {
42
42
  color: var(--color-light-accent-secondary);
43
- } .tab-bar__icon_xyp9i {
43
+ } .tab-bar__icon_l5b05 {
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_xyp9i {
49
+ } .tab-bar__label_l5b05 {
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_xyp9i {
58
+ } .tab-bar__labelSelected_l5b05 {
59
59
  color: inherit;
60
- } .tab-bar__indicator_xyp9i {
60
+ } .tab-bar__indicator_l5b05 {
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_xyp9i","primary":"tab-bar__primary_xyp9i","secondary":"tab-bar__secondary_xyp9i","icon":"tab-bar__icon_xyp9i","label":"tab-bar__label_xyp9i","labelSelected":"tab-bar__labelSelected_xyp9i","indicator":"tab-bar__indicator_xyp9i"};
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"};
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_11vhh {
9
+ } .tab-bar__component_j8zh2 {
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_11vhh.tab-bar__modal-bg-primary_11vhh {
17
+ } .tab-bar__component_j8zh2.tab-bar__modal-bg-primary_j8zh2 {
18
18
  background-color: var(--color-light-base-bg-primary);
19
- } .tab-bar__component_11vhh.tab-bar__modal-bg-alt-primary_11vhh {
19
+ } .tab-bar__component_j8zh2.tab-bar__modal-bg-alt-primary_j8zh2 {
20
20
  background-color: var(--color-light-base-bg-alt-primary);
21
- } @media (display-mode: standalone) { .tab-bar__component_11vhh {
21
+ } @media (display-mode: standalone) { .tab-bar__component_j8zh2 {
22
22
  padding-bottom: var(--sab)
23
23
  }
24
- } .tab-bar__border_11vhh {
24
+ } .tab-bar__border_j8zh2 {
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_11vhh","modal-bg-primary":"tab-bar__modal-bg-primary_11vhh","modal-bg-alt-primary":"tab-bar__modal-bg-alt-primary_11vhh","border":"tab-bar__border_11vhh"};
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"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/package.json CHANGED
@@ -1,26 +1,29 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-tab-bar",
3
- "version": "3.0.0-snapshot-c39129c",
3
+ "version": "3.0.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
+ "sideEffects": [
8
+ "**/*.css"
9
+ ],
7
10
  "main": "index.js",
8
11
  "module": "./esm/index.js",
9
- "publishConfig": {
10
- "access": "public",
11
- "directory": "dist"
12
+ "dependencies": {
13
+ "@alfalab/core-components-indicator": "^3.0.0",
14
+ "@alfalab/core-components-shared": "^1.0.0",
15
+ "@alfalab/core-components-typography": "^5.0.0",
16
+ "classnames": "^2.5.1",
17
+ "tslib": "^2.4.0"
12
18
  },
13
19
  "peerDependencies": {
14
20
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0",
15
21
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
22
  },
17
- "dependencies": {
18
- "@alfalab/core-components-typography": "5.0.0-snapshot-c39129c",
19
- "@alfalab/core-components-indicator": "3.0.0-snapshot-c39129c",
20
- "@alfalab/core-components-shared": "1.0.0-snapshot-c39129c",
21
- "classnames": "^2.5.1",
22
- "tslib": "^2.4.0"
23
+ "publishConfig": {
24
+ "access": "public",
25
+ "directory": "dist"
23
26
  },
24
- "themesVersion": "14.0.0-snapshot-c39129c",
25
- "varsVersion": "10.0.0-snapshot-c39129c"
27
+ "themesVersion": "14.0.0",
28
+ "varsVersion": "10.0.0"
26
29
  }