@alfalab/core-components-navigation-bar 3.0.3 → 3.0.4

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 (31) hide show
  1. package/components/action-icon-addon/index.css +6 -6
  2. package/components/action-icon-addon/index.module.css.js +1 -1
  3. package/components/action-icon-addon/index.module.css.js.map +1 -1
  4. package/components/action-text-addon/index.css +2 -2
  5. package/components/action-text-addon/index.module.css.js +1 -1
  6. package/components/action-text-addon/index.module.css.js.map +1 -1
  7. package/esm/components/action-icon-addon/index.css +6 -6
  8. package/esm/components/action-icon-addon/index.module.css.js +1 -1
  9. package/esm/components/action-icon-addon/index.module.css.js.map +1 -1
  10. package/esm/components/action-text-addon/index.css +2 -2
  11. package/esm/components/action-text-addon/index.module.css.js +1 -1
  12. package/esm/components/action-text-addon/index.module.css.js.map +1 -1
  13. package/esm/index.css +16 -16
  14. package/esm/index.module.css.js +1 -1
  15. package/esm/index.module.css.js.map +1 -1
  16. package/index.css +16 -16
  17. package/index.module.css.js +1 -1
  18. package/index.module.css.js.map +1 -1
  19. package/modern/components/action-icon-addon/index.css +6 -6
  20. package/modern/components/action-icon-addon/index.module.css.js +1 -1
  21. package/modern/components/action-icon-addon/index.module.css.js.map +1 -1
  22. package/modern/components/action-text-addon/index.css +2 -2
  23. package/modern/components/action-text-addon/index.module.css.js +1 -1
  24. package/modern/components/action-text-addon/index.module.css.js.map +1 -1
  25. package/modern/index.css +16 -16
  26. package/modern/index.module.css.js +1 -1
  27. package/modern/index.module.css.js.map +1 -1
  28. package/package.json +5 -5
  29. package/src/components/action-icon-addon/index.module.css +1 -1
  30. package/src/components/action-text-addon/index.module.css +1 -1
  31. package/src/index.module.css +1 -1
package/components/action-icon-addon/index.css CHANGED
@@ -8,12 +8,12 @@
8
8
  --border-radius-circle: 50%;
9
9
  --border-radius-pill: 99px;
10
10
  }
11
- .navigation-bar__component_khe2z {
11
+ .navigation-bar__component_tf25n {
12
12
  height: 100%;
13
13
  border-radius: var(--border-radius-pill);
14
14
  min-width: 48px;
15
15
  }
16
- .navigation-bar__iconWrapper_khe2z {
16
+ .navigation-bar__iconWrapper_tf25n {
17
17
  display: inline-flex;
18
18
  align-items: center;
19
19
  justify-content: center;
@@ -23,15 +23,15 @@
23
23
  background: var(--color-light-neutral-translucent-100);
24
24
  vertical-align: middle;
25
25
  }
26
- .navigation-bar__iconWrapper_khe2z.navigation-bar__back_khe2z {
26
+ .navigation-bar__iconWrapper_tf25n.navigation-bar__back_tf25n {
27
27
  background: transparent;
28
28
  }
29
- .navigation-bar__floating_khe2z path {
29
+ .navigation-bar__floating_tf25n path {
30
30
  fill: var(--color-light-neutral-translucent-700);
31
31
  }
32
- .navigation-bar__floating_khe2z:hover path {
32
+ .navigation-bar__floating_tf25n:hover path {
33
33
  fill: var(--color-light-neutral-translucent-700-hover);
34
34
  }
35
- .navigation-bar__floating_khe2z:active path {
35
+ .navigation-bar__floating_tf25n:active path {
36
36
  fill: var(--color-light-neutral-translucent-700-press);
37
37
  }
package/components/action-icon-addon/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"navigation-bar__component_khe2z","iconWrapper":"navigation-bar__iconWrapper_khe2z","back":"navigation-bar__back_khe2z","floating":"navigation-bar__floating_khe2z"};
5
+ var styles = {"component":"navigation-bar__component_tf25n","iconWrapper":"navigation-bar__iconWrapper_tf25n","back":"navigation-bar__back_tf25n","floating":"navigation-bar__floating_tf25n"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/components/action-icon-addon/index.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/action-icon-addon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n height: 100%;\n border-radius: var(--border-radius-pill);\n min-width: 48px;\n}\n\n.iconWrapper {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 30px;\n width: 30px;\n border-radius: var(--border-radius-circle);\n background: var(--color-light-neutral-translucent-100);\n vertical-align: middle;\n\n &.back {\n background: transparent;\n }\n}\n\n.floating {\n & path {\n fill: var(--color-light-neutral-translucent-700);\n }\n\n &:hover {\n & path {\n fill: var(--color-light-neutral-translucent-700-hover);\n }\n }\n\n &:active {\n & path {\n fill: var(--color-light-neutral-translucent-700-press);\n }\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,aAAa,CAAC,mCAAmC,CAAC,MAAM,CAAC,4BAA4B,CAAC,UAAU,CAAC,gCAAgC,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/action-icon-addon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n height: 100%;\n border-radius: var(--border-radius-pill);\n min-width: 48px;\n}\n\n.iconWrapper {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 30px;\n width: 30px;\n border-radius: var(--border-radius-circle);\n background: var(--color-light-neutral-translucent-100);\n vertical-align: middle;\n\n &.back {\n background: transparent;\n }\n}\n\n.floating {\n & path {\n fill: var(--color-light-neutral-translucent-700);\n }\n\n &:hover {\n & path {\n fill: var(--color-light-neutral-translucent-700-hover);\n }\n }\n\n &:active {\n & path {\n fill: var(--color-light-neutral-translucent-700-press);\n }\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,aAAa,CAAC,mCAAmC,CAAC,MAAM,CAAC,4BAA4B,CAAC,UAAU,CAAC,gCAAgC,CAAC;;;;"}
package/components/action-text-addon/index.css CHANGED
@@ -4,9 +4,9 @@
4
4
  --gap-8: var(--gap-xs);
5
5
  --gap-16: var(--gap-m);
6
6
  }
7
- .navigation-bar__component_oh9mu {
7
+ .navigation-bar__component_137a0 {
8
8
  height: 100%;
9
9
  }
10
- .navigation-bar__text_oh9mu {
10
+ .navigation-bar__text_137a0 {
11
11
  padding: var(--gap-8) var(--gap-16);
12
12
  }
package/components/action-text-addon/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"navigation-bar__component_oh9mu","text":"navigation-bar__text_oh9mu"};
5
+ var styles = {"component":"navigation-bar__component_137a0","text":"navigation-bar__text_137a0"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/components/action-text-addon/index.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/action-text-addon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n height: 100%;\n}\n\n.text {\n padding: var(--gap-8) var(--gap-16);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,MAAM,CAAC,4BAA4B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/action-text-addon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n height: 100%;\n}\n\n.text {\n padding: var(--gap-8) var(--gap-16);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,MAAM,CAAC,4BAA4B,CAAC;;;;"}
package/esm/components/action-icon-addon/index.css CHANGED
@@ -8,12 +8,12 @@
8
8
  --border-radius-circle: 50%;
9
9
  --border-radius-pill: 99px;
10
10
  }
11
- .navigation-bar__component_khe2z {
11
+ .navigation-bar__component_tf25n {
12
12
  height: 100%;
13
13
  border-radius: var(--border-radius-pill);
14
14
  min-width: 48px;
15
15
  }
16
- .navigation-bar__iconWrapper_khe2z {
16
+ .navigation-bar__iconWrapper_tf25n {
17
17
  display: inline-flex;
18
18
  align-items: center;
19
19
  justify-content: center;
@@ -23,15 +23,15 @@
23
23
  background: var(--color-light-neutral-translucent-100);
24
24
  vertical-align: middle;
25
25
  }
26
- .navigation-bar__iconWrapper_khe2z.navigation-bar__back_khe2z {
26
+ .navigation-bar__iconWrapper_tf25n.navigation-bar__back_tf25n {
27
27
  background: transparent;
28
28
  }
29
- .navigation-bar__floating_khe2z path {
29
+ .navigation-bar__floating_tf25n path {
30
30
  fill: var(--color-light-neutral-translucent-700);
31
31
  }
32
- .navigation-bar__floating_khe2z:hover path {
32
+ .navigation-bar__floating_tf25n:hover path {
33
33
  fill: var(--color-light-neutral-translucent-700-hover);
34
34
  }
35
- .navigation-bar__floating_khe2z:active path {
35
+ .navigation-bar__floating_tf25n:active path {
36
36
  fill: var(--color-light-neutral-translucent-700-press);
37
37
  }
package/esm/components/action-icon-addon/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"navigation-bar__component_khe2z","iconWrapper":"navigation-bar__iconWrapper_khe2z","back":"navigation-bar__back_khe2z","floating":"navigation-bar__floating_khe2z"};
3
+ var styles = {"component":"navigation-bar__component_tf25n","iconWrapper":"navigation-bar__iconWrapper_tf25n","back":"navigation-bar__back_tf25n","floating":"navigation-bar__floating_tf25n"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/components/action-icon-addon/index.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/action-icon-addon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n height: 100%;\n border-radius: var(--border-radius-pill);\n min-width: 48px;\n}\n\n.iconWrapper {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 30px;\n width: 30px;\n border-radius: var(--border-radius-circle);\n background: var(--color-light-neutral-translucent-100);\n vertical-align: middle;\n\n &.back {\n background: transparent;\n }\n}\n\n.floating {\n & path {\n fill: var(--color-light-neutral-translucent-700);\n }\n\n &:hover {\n & path {\n fill: var(--color-light-neutral-translucent-700-hover);\n }\n }\n\n &:active {\n & path {\n fill: var(--color-light-neutral-translucent-700-press);\n }\n }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,aAAa,CAAC,mCAAmC,CAAC,MAAM,CAAC,4BAA4B,CAAC,UAAU,CAAC,gCAAgC,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/action-icon-addon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n height: 100%;\n border-radius: var(--border-radius-pill);\n min-width: 48px;\n}\n\n.iconWrapper {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 30px;\n width: 30px;\n border-radius: var(--border-radius-circle);\n background: var(--color-light-neutral-translucent-100);\n vertical-align: middle;\n\n &.back {\n background: transparent;\n }\n}\n\n.floating {\n & path {\n fill: var(--color-light-neutral-translucent-700);\n }\n\n &:hover {\n & path {\n fill: var(--color-light-neutral-translucent-700-hover);\n }\n }\n\n &:active {\n & path {\n fill: var(--color-light-neutral-translucent-700-press);\n }\n }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,aAAa,CAAC,mCAAmC,CAAC,MAAM,CAAC,4BAA4B,CAAC,UAAU,CAAC,gCAAgC,CAAC;;;;"}
package/esm/components/action-text-addon/index.css CHANGED
@@ -4,9 +4,9 @@
4
4
  --gap-8: var(--gap-xs);
5
5
  --gap-16: var(--gap-m);
6
6
  }
7
- .navigation-bar__component_oh9mu {
7
+ .navigation-bar__component_137a0 {
8
8
  height: 100%;
9
9
  }
10
- .navigation-bar__text_oh9mu {
10
+ .navigation-bar__text_137a0 {
11
11
  padding: var(--gap-8) var(--gap-16);
12
12
  }
package/esm/components/action-text-addon/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"navigation-bar__component_oh9mu","text":"navigation-bar__text_oh9mu"};
3
+ var styles = {"component":"navigation-bar__component_137a0","text":"navigation-bar__text_137a0"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/components/action-text-addon/index.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/action-text-addon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n height: 100%;\n}\n\n.text {\n padding: var(--gap-8) var(--gap-16);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,MAAM,CAAC,4BAA4B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/action-text-addon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n height: 100%;\n}\n\n.text {\n padding: var(--gap-8) var(--gap-16);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,MAAM,CAAC,4BAA4B,CAAC;;;;"}
package/esm/index.css CHANGED
@@ -16,77 +16,77 @@
16
16
  --font-family-system:
17
17
  system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
18
18
  }
19
- .navigation-bar__component_nvl8r {
19
+ .navigation-bar__component_15rrc {
20
20
  padding: var(--gap-8) var(--gap-4);
21
21
  box-sizing: border-box;
22
22
  width: 100%;
23
23
  }
24
- .navigation-bar__sticky_nvl8r {
24
+ .navigation-bar__sticky_15rrc {
25
25
  position: sticky;
26
26
  top: var(--gap-0);
27
27
  z-index: 1;
28
28
  }
29
- .navigation-bar__border_nvl8r {
29
+ .navigation-bar__border_15rrc {
30
30
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
31
31
  }
32
- .navigation-bar__mainLine_nvl8r {
32
+ .navigation-bar__mainLine_15rrc {
33
33
  display: flex;
34
34
  background-color: inherit;
35
35
  justify-content: space-between;
36
36
  min-height: 40px;
37
37
  align-items: stretch;
38
38
  }
39
- .navigation-bar__left_nvl8r {
39
+ .navigation-bar__left_15rrc {
40
40
  text-align: left;
41
41
  }
42
- .navigation-bar__center_nvl8r {
42
+ .navigation-bar__center_15rrc {
43
43
  text-align: center;
44
44
  }
45
- .navigation-bar__children_nvl8r {
45
+ .navigation-bar__children_15rrc {
46
46
  width: 100%;
47
47
  }
48
- .navigation-bar__content_nvl8r {
48
+ .navigation-bar__content_15rrc {
49
49
  display: flex;
50
50
  flex-grow: 1;
51
51
  justify-content: center;
52
52
  flex-flow: column nowrap;
53
53
  color: var(--color-light-text-primary);
54
54
  }
55
- .navigation-bar__content_nvl8r.navigation-bar__left_nvl8r {
55
+ .navigation-bar__content_15rrc.navigation-bar__left_15rrc {
56
56
  padding: var(--gap-0) var(--gap-16);
57
57
  }
58
- .navigation-bar__content_nvl8r > .navigation-bar__title_nvl8r,
59
- .navigation-bar__content_nvl8r > .navigation-bar__subtitle_nvl8r {
58
+ .navigation-bar__content_15rrc > .navigation-bar__title_15rrc,
59
+ .navigation-bar__content_15rrc > .navigation-bar__subtitle_15rrc {
60
60
  -webkit-line-clamp: 1;
61
61
  display: -webkit-box;
62
62
  -webkit-box-orient: vertical;
63
63
  overflow: hidden;
64
64
  word-break: break-all;
65
65
  }
66
- .navigation-bar__title_nvl8r {
66
+ .navigation-bar__title_15rrc {
67
67
  font-size: 16px;
68
68
  line-height: 20px;
69
69
  font-weight: 500;
70
70
  font-family: var(--font-family-system);
71
71
  }
72
- .navigation-bar__title_nvl8r.navigation-bar__left_nvl8r {
72
+ .navigation-bar__title_15rrc.navigation-bar__left_15rrc {
73
73
  font-size: 20px;
74
74
  line-height: 28px;
75
75
  font-weight: 600;
76
76
  font-family: var(--font-family-system);
77
77
  }
78
- .navigation-bar__subtitle_nvl8r {
78
+ .navigation-bar__subtitle_15rrc {
79
79
  font-size: 14px;
80
80
  line-height: 20px;
81
81
  font-weight: 400;
82
82
  font-family: var(--font-family-system);
83
83
  color: var(--color-light-text-secondary);
84
84
  }
85
- .navigation-bar__addons_nvl8r {
85
+ .navigation-bar__addons_15rrc {
86
86
  min-width: 48px;
87
87
  display: flex;
88
88
  justify-content: center;
89
89
  }
90
- .navigation-bar__rightAddons_nvl8r {
90
+ .navigation-bar__rightAddons_15rrc {
91
91
  margin-left: auto;
92
92
  }
package/esm/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"navigation-bar__component_nvl8r","sticky":"navigation-bar__sticky_nvl8r","border":"navigation-bar__border_nvl8r","mainLine":"navigation-bar__mainLine_nvl8r","left":"navigation-bar__left_nvl8r","center":"navigation-bar__center_nvl8r","children":"navigation-bar__children_nvl8r","content":"navigation-bar__content_nvl8r","title":"navigation-bar__title_nvl8r","subtitle":"navigation-bar__subtitle_nvl8r","addons":"navigation-bar__addons_nvl8r","rightAddons":"navigation-bar__rightAddons_nvl8r"};
3
+ var styles = {"component":"navigation-bar__component_15rrc","sticky":"navigation-bar__sticky_15rrc","border":"navigation-bar__border_15rrc","mainLine":"navigation-bar__mainLine_15rrc","left":"navigation-bar__left_15rrc","center":"navigation-bar__center_15rrc","children":"navigation-bar__children_15rrc","content":"navigation-bar__content_15rrc","title":"navigation-bar__title_15rrc","subtitle":"navigation-bar__subtitle_15rrc","addons":"navigation-bar__addons_15rrc","rightAddons":"navigation-bar__rightAddons_15rrc"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/index.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n padding: var(--gap-8) var(--gap-4);\n box-sizing: border-box;\n width: 100%;\n}\n\n.sticky {\n position: sticky;\n top: var(--gap-0);\n z-index: 1;\n}\n\n.border {\n box-shadow: 0 1px 0 0 var(--color-light-neutral-300);\n}\n\n.mainLine {\n display: flex;\n background-color: inherit;\n justify-content: space-between;\n min-height: 40px;\n align-items: stretch;\n}\n\n.left {\n text-align: left;\n}\n\n.center {\n text-align: center;\n}\n\n.children {\n width: 100%;\n}\n\n.content {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n flex-flow: column nowrap;\n color: var(--color-light-text-primary);\n\n &.left {\n padding: var(--gap-0) var(--gap-16);\n }\n\n & > .title,\n & > .subtitle {\n @mixin row_limit 1;\n word-break: break-all;\n }\n}\n\n.title {\n @mixin action_component_primary;\n\n &.left {\n @mixin headline-system-mobile_small;\n }\n}\n\n.subtitle {\n @mixin paragraph_primary_small;\n color: var(--color-light-text-secondary);\n}\n\n.addons {\n min-width: 48px;\n display: flex;\n justify-content: center;\n}\n\n.rightAddons {\n margin-left: auto;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,QAAQ,CAAC,8BAA8B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC,MAAM,CAAC,4BAA4B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC,SAAS,CAAC,+BAA+B,CAAC,OAAO,CAAC,6BAA6B,CAAC,UAAU,CAAC,gCAAgC,CAAC,QAAQ,CAAC,8BAA8B,CAAC,aAAa,CAAC,mCAAmC,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n padding: var(--gap-8) var(--gap-4);\n box-sizing: border-box;\n width: 100%;\n}\n\n.sticky {\n position: sticky;\n top: var(--gap-0);\n z-index: 1;\n}\n\n.border {\n box-shadow: 0 1px 0 0 var(--color-light-neutral-300);\n}\n\n.mainLine {\n display: flex;\n background-color: inherit;\n justify-content: space-between;\n min-height: 40px;\n align-items: stretch;\n}\n\n.left {\n text-align: left;\n}\n\n.center {\n text-align: center;\n}\n\n.children {\n width: 100%;\n}\n\n.content {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n flex-flow: column nowrap;\n color: var(--color-light-text-primary);\n\n &.left {\n padding: var(--gap-0) var(--gap-16);\n }\n\n & > .title,\n & > .subtitle {\n @mixin row_limit 1;\n word-break: break-all;\n }\n}\n\n.title {\n @mixin action_component_primary;\n\n &.left {\n @mixin headline-system-mobile_small;\n }\n}\n\n.subtitle {\n @mixin paragraph_primary_small;\n color: var(--color-light-text-secondary);\n}\n\n.addons {\n min-width: 48px;\n display: flex;\n justify-content: center;\n}\n\n.rightAddons {\n margin-left: auto;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,QAAQ,CAAC,8BAA8B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC,MAAM,CAAC,4BAA4B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC,SAAS,CAAC,+BAA+B,CAAC,OAAO,CAAC,6BAA6B,CAAC,UAAU,CAAC,gCAAgC,CAAC,QAAQ,CAAC,8BAA8B,CAAC,aAAa,CAAC,mCAAmC,CAAC;;;;"}
package/index.css CHANGED
@@ -16,77 +16,77 @@
16
16
  --font-family-system:
17
17
  system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
18
18
  }
19
- .navigation-bar__component_nvl8r {
19
+ .navigation-bar__component_15rrc {
20
20
  padding: var(--gap-8) var(--gap-4);
21
21
  box-sizing: border-box;
22
22
  width: 100%;
23
23
  }
24
- .navigation-bar__sticky_nvl8r {
24
+ .navigation-bar__sticky_15rrc {
25
25
  position: sticky;
26
26
  top: var(--gap-0);
27
27
  z-index: 1;
28
28
  }
29
- .navigation-bar__border_nvl8r {
29
+ .navigation-bar__border_15rrc {
30
30
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
31
31
  }
32
- .navigation-bar__mainLine_nvl8r {
32
+ .navigation-bar__mainLine_15rrc {
33
33
  display: flex;
34
34
  background-color: inherit;
35
35
  justify-content: space-between;
36
36
  min-height: 40px;
37
37
  align-items: stretch;
38
38
  }
39
- .navigation-bar__left_nvl8r {
39
+ .navigation-bar__left_15rrc {
40
40
  text-align: left;
41
41
  }
42
- .navigation-bar__center_nvl8r {
42
+ .navigation-bar__center_15rrc {
43
43
  text-align: center;
44
44
  }
45
- .navigation-bar__children_nvl8r {
45
+ .navigation-bar__children_15rrc {
46
46
  width: 100%;
47
47
  }
48
- .navigation-bar__content_nvl8r {
48
+ .navigation-bar__content_15rrc {
49
49
  display: flex;
50
50
  flex-grow: 1;
51
51
  justify-content: center;
52
52
  flex-flow: column nowrap;
53
53
  color: var(--color-light-text-primary);
54
54
  }
55
- .navigation-bar__content_nvl8r.navigation-bar__left_nvl8r {
55
+ .navigation-bar__content_15rrc.navigation-bar__left_15rrc {
56
56
  padding: var(--gap-0) var(--gap-16);
57
57
  }
58
- .navigation-bar__content_nvl8r > .navigation-bar__title_nvl8r,
59
- .navigation-bar__content_nvl8r > .navigation-bar__subtitle_nvl8r {
58
+ .navigation-bar__content_15rrc > .navigation-bar__title_15rrc,
59
+ .navigation-bar__content_15rrc > .navigation-bar__subtitle_15rrc {
60
60
  -webkit-line-clamp: 1;
61
61
  display: -webkit-box;
62
62
  -webkit-box-orient: vertical;
63
63
  overflow: hidden;
64
64
  word-break: break-all;
65
65
  }
66
- .navigation-bar__title_nvl8r {
66
+ .navigation-bar__title_15rrc {
67
67
  font-size: 16px;
68
68
  line-height: 20px;
69
69
  font-weight: 500;
70
70
  font-family: var(--font-family-system);
71
71
  }
72
- .navigation-bar__title_nvl8r.navigation-bar__left_nvl8r {
72
+ .navigation-bar__title_15rrc.navigation-bar__left_15rrc {
73
73
  font-size: 20px;
74
74
  line-height: 28px;
75
75
  font-weight: 600;
76
76
  font-family: var(--font-family-system);
77
77
  }
78
- .navigation-bar__subtitle_nvl8r {
78
+ .navigation-bar__subtitle_15rrc {
79
79
  font-size: 14px;
80
80
  line-height: 20px;
81
81
  font-weight: 400;
82
82
  font-family: var(--font-family-system);
83
83
  color: var(--color-light-text-secondary);
84
84
  }
85
- .navigation-bar__addons_nvl8r {
85
+ .navigation-bar__addons_15rrc {
86
86
  min-width: 48px;
87
87
  display: flex;
88
88
  justify-content: center;
89
89
  }
90
- .navigation-bar__rightAddons_nvl8r {
90
+ .navigation-bar__rightAddons_15rrc {
91
91
  margin-left: auto;
92
92
  }
package/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"navigation-bar__component_nvl8r","sticky":"navigation-bar__sticky_nvl8r","border":"navigation-bar__border_nvl8r","mainLine":"navigation-bar__mainLine_nvl8r","left":"navigation-bar__left_nvl8r","center":"navigation-bar__center_nvl8r","children":"navigation-bar__children_nvl8r","content":"navigation-bar__content_nvl8r","title":"navigation-bar__title_nvl8r","subtitle":"navigation-bar__subtitle_nvl8r","addons":"navigation-bar__addons_nvl8r","rightAddons":"navigation-bar__rightAddons_nvl8r"};
5
+ var styles = {"component":"navigation-bar__component_15rrc","sticky":"navigation-bar__sticky_15rrc","border":"navigation-bar__border_15rrc","mainLine":"navigation-bar__mainLine_15rrc","left":"navigation-bar__left_15rrc","center":"navigation-bar__center_15rrc","children":"navigation-bar__children_15rrc","content":"navigation-bar__content_15rrc","title":"navigation-bar__title_15rrc","subtitle":"navigation-bar__subtitle_15rrc","addons":"navigation-bar__addons_15rrc","rightAddons":"navigation-bar__rightAddons_15rrc"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/index.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n padding: var(--gap-8) var(--gap-4);\n box-sizing: border-box;\n width: 100%;\n}\n\n.sticky {\n position: sticky;\n top: var(--gap-0);\n z-index: 1;\n}\n\n.border {\n box-shadow: 0 1px 0 0 var(--color-light-neutral-300);\n}\n\n.mainLine {\n display: flex;\n background-color: inherit;\n justify-content: space-between;\n min-height: 40px;\n align-items: stretch;\n}\n\n.left {\n text-align: left;\n}\n\n.center {\n text-align: center;\n}\n\n.children {\n width: 100%;\n}\n\n.content {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n flex-flow: column nowrap;\n color: var(--color-light-text-primary);\n\n &.left {\n padding: var(--gap-0) var(--gap-16);\n }\n\n & > .title,\n & > .subtitle {\n @mixin row_limit 1;\n word-break: break-all;\n }\n}\n\n.title {\n @mixin action_component_primary;\n\n &.left {\n @mixin headline-system-mobile_small;\n }\n}\n\n.subtitle {\n @mixin paragraph_primary_small;\n color: var(--color-light-text-secondary);\n}\n\n.addons {\n min-width: 48px;\n display: flex;\n justify-content: center;\n}\n\n.rightAddons {\n margin-left: auto;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,QAAQ,CAAC,8BAA8B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC,MAAM,CAAC,4BAA4B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC,SAAS,CAAC,+BAA+B,CAAC,OAAO,CAAC,6BAA6B,CAAC,UAAU,CAAC,gCAAgC,CAAC,QAAQ,CAAC,8BAA8B,CAAC,aAAa,CAAC,mCAAmC,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n padding: var(--gap-8) var(--gap-4);\n box-sizing: border-box;\n width: 100%;\n}\n\n.sticky {\n position: sticky;\n top: var(--gap-0);\n z-index: 1;\n}\n\n.border {\n box-shadow: 0 1px 0 0 var(--color-light-neutral-300);\n}\n\n.mainLine {\n display: flex;\n background-color: inherit;\n justify-content: space-between;\n min-height: 40px;\n align-items: stretch;\n}\n\n.left {\n text-align: left;\n}\n\n.center {\n text-align: center;\n}\n\n.children {\n width: 100%;\n}\n\n.content {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n flex-flow: column nowrap;\n color: var(--color-light-text-primary);\n\n &.left {\n padding: var(--gap-0) var(--gap-16);\n }\n\n & > .title,\n & > .subtitle {\n @mixin row_limit 1;\n word-break: break-all;\n }\n}\n\n.title {\n @mixin action_component_primary;\n\n &.left {\n @mixin headline-system-mobile_small;\n }\n}\n\n.subtitle {\n @mixin paragraph_primary_small;\n color: var(--color-light-text-secondary);\n}\n\n.addons {\n min-width: 48px;\n display: flex;\n justify-content: center;\n}\n\n.rightAddons {\n margin-left: auto;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,QAAQ,CAAC,8BAA8B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC,MAAM,CAAC,4BAA4B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC,SAAS,CAAC,+BAA+B,CAAC,OAAO,CAAC,6BAA6B,CAAC,UAAU,CAAC,gCAAgC,CAAC,QAAQ,CAAC,8BAA8B,CAAC,aAAa,CAAC,mCAAmC,CAAC;;;;"}
package/modern/components/action-icon-addon/index.css CHANGED
@@ -8,12 +8,12 @@
8
8
  --border-radius-circle: 50%;
9
9
  --border-radius-pill: 99px;
10
10
  }
11
- .navigation-bar__component_khe2z {
11
+ .navigation-bar__component_tf25n {
12
12
  height: 100%;
13
13
  border-radius: var(--border-radius-pill);
14
14
  min-width: 48px;
15
15
  }
16
- .navigation-bar__iconWrapper_khe2z {
16
+ .navigation-bar__iconWrapper_tf25n {
17
17
  display: inline-flex;
18
18
  align-items: center;
19
19
  justify-content: center;
@@ -23,15 +23,15 @@
23
23
  background: var(--color-light-neutral-translucent-100);
24
24
  vertical-align: middle;
25
25
  }
26
- .navigation-bar__iconWrapper_khe2z.navigation-bar__back_khe2z {
26
+ .navigation-bar__iconWrapper_tf25n.navigation-bar__back_tf25n {
27
27
  background: transparent;
28
28
  }
29
- .navigation-bar__floating_khe2z path {
29
+ .navigation-bar__floating_tf25n path {
30
30
  fill: var(--color-light-neutral-translucent-700);
31
31
  }
32
- .navigation-bar__floating_khe2z:hover path {
32
+ .navigation-bar__floating_tf25n:hover path {
33
33
  fill: var(--color-light-neutral-translucent-700-hover);
34
34
  }
35
- .navigation-bar__floating_khe2z:active path {
35
+ .navigation-bar__floating_tf25n:active path {
36
36
  fill: var(--color-light-neutral-translucent-700-press);
37
37
  }
package/modern/components/action-icon-addon/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"navigation-bar__component_khe2z","iconWrapper":"navigation-bar__iconWrapper_khe2z","back":"navigation-bar__back_khe2z","floating":"navigation-bar__floating_khe2z"};
3
+ const styles = {"component":"navigation-bar__component_tf25n","iconWrapper":"navigation-bar__iconWrapper_tf25n","back":"navigation-bar__back_tf25n","floating":"navigation-bar__floating_tf25n"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/action-icon-addon/index.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/action-icon-addon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n height: 100%;\n border-radius: var(--border-radius-pill);\n min-width: 48px;\n}\n\n.iconWrapper {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 30px;\n width: 30px;\n border-radius: var(--border-radius-circle);\n background: var(--color-light-neutral-translucent-100);\n vertical-align: middle;\n\n &.back {\n background: transparent;\n }\n}\n\n.floating {\n & path {\n fill: var(--color-light-neutral-translucent-700);\n }\n\n &:hover {\n & path {\n fill: var(--color-light-neutral-translucent-700-hover);\n }\n }\n\n &:active {\n & path {\n fill: var(--color-light-neutral-translucent-700-press);\n }\n }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,aAAa,CAAC,mCAAmC,CAAC,MAAM,CAAC,4BAA4B,CAAC,UAAU,CAAC,gCAAgC,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/action-icon-addon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n height: 100%;\n border-radius: var(--border-radius-pill);\n min-width: 48px;\n}\n\n.iconWrapper {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 30px;\n width: 30px;\n border-radius: var(--border-radius-circle);\n background: var(--color-light-neutral-translucent-100);\n vertical-align: middle;\n\n &.back {\n background: transparent;\n }\n}\n\n.floating {\n & path {\n fill: var(--color-light-neutral-translucent-700);\n }\n\n &:hover {\n & path {\n fill: var(--color-light-neutral-translucent-700-hover);\n }\n }\n\n &:active {\n & path {\n fill: var(--color-light-neutral-translucent-700-press);\n }\n }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,aAAa,CAAC,mCAAmC,CAAC,MAAM,CAAC,4BAA4B,CAAC,UAAU,CAAC,gCAAgC,CAAC;;;;"}
package/modern/components/action-text-addon/index.css CHANGED
@@ -4,9 +4,9 @@
4
4
  --gap-8: var(--gap-xs);
5
5
  --gap-16: var(--gap-m);
6
6
  }
7
- .navigation-bar__component_oh9mu {
7
+ .navigation-bar__component_137a0 {
8
8
  height: 100%;
9
9
  }
10
- .navigation-bar__text_oh9mu {
10
+ .navigation-bar__text_137a0 {
11
11
  padding: var(--gap-8) var(--gap-16);
12
12
  }
package/modern/components/action-text-addon/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"navigation-bar__component_oh9mu","text":"navigation-bar__text_oh9mu"};
3
+ const styles = {"component":"navigation-bar__component_137a0","text":"navigation-bar__text_137a0"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/action-text-addon/index.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/action-text-addon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n height: 100%;\n}\n\n.text {\n padding: var(--gap-8) var(--gap-16);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,MAAM,CAAC,4BAA4B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/action-text-addon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n height: 100%;\n}\n\n.text {\n padding: var(--gap-8) var(--gap-16);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,MAAM,CAAC,4BAA4B,CAAC;;;;"}
package/modern/index.css CHANGED
@@ -16,77 +16,77 @@
16
16
  --font-family-system:
17
17
  system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
18
18
  }
19
- .navigation-bar__component_nvl8r {
19
+ .navigation-bar__component_15rrc {
20
20
  padding: var(--gap-8) var(--gap-4);
21
21
  box-sizing: border-box;
22
22
  width: 100%;
23
23
  }
24
- .navigation-bar__sticky_nvl8r {
24
+ .navigation-bar__sticky_15rrc {
25
25
  position: sticky;
26
26
  top: var(--gap-0);
27
27
  z-index: 1;
28
28
  }
29
- .navigation-bar__border_nvl8r {
29
+ .navigation-bar__border_15rrc {
30
30
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
31
31
  }
32
- .navigation-bar__mainLine_nvl8r {
32
+ .navigation-bar__mainLine_15rrc {
33
33
  display: flex;
34
34
  background-color: inherit;
35
35
  justify-content: space-between;
36
36
  min-height: 40px;
37
37
  align-items: stretch;
38
38
  }
39
- .navigation-bar__left_nvl8r {
39
+ .navigation-bar__left_15rrc {
40
40
  text-align: left;
41
41
  }
42
- .navigation-bar__center_nvl8r {
42
+ .navigation-bar__center_15rrc {
43
43
  text-align: center;
44
44
  }
45
- .navigation-bar__children_nvl8r {
45
+ .navigation-bar__children_15rrc {
46
46
  width: 100%;
47
47
  }
48
- .navigation-bar__content_nvl8r {
48
+ .navigation-bar__content_15rrc {
49
49
  display: flex;
50
50
  flex-grow: 1;
51
51
  justify-content: center;
52
52
  flex-flow: column nowrap;
53
53
  color: var(--color-light-text-primary);
54
54
  }
55
- .navigation-bar__content_nvl8r.navigation-bar__left_nvl8r {
55
+ .navigation-bar__content_15rrc.navigation-bar__left_15rrc {
56
56
  padding: var(--gap-0) var(--gap-16);
57
57
  }
58
- .navigation-bar__content_nvl8r > .navigation-bar__title_nvl8r,
59
- .navigation-bar__content_nvl8r > .navigation-bar__subtitle_nvl8r {
58
+ .navigation-bar__content_15rrc > .navigation-bar__title_15rrc,
59
+ .navigation-bar__content_15rrc > .navigation-bar__subtitle_15rrc {
60
60
  -webkit-line-clamp: 1;
61
61
  display: -webkit-box;
62
62
  -webkit-box-orient: vertical;
63
63
  overflow: hidden;
64
64
  word-break: break-all;
65
65
  }
66
- .navigation-bar__title_nvl8r {
66
+ .navigation-bar__title_15rrc {
67
67
  font-size: 16px;
68
68
  line-height: 20px;
69
69
  font-weight: 500;
70
70
  font-family: var(--font-family-system);
71
71
  }
72
- .navigation-bar__title_nvl8r.navigation-bar__left_nvl8r {
72
+ .navigation-bar__title_15rrc.navigation-bar__left_15rrc {
73
73
  font-size: 20px;
74
74
  line-height: 28px;
75
75
  font-weight: 600;
76
76
  font-family: var(--font-family-system);
77
77
  }
78
- .navigation-bar__subtitle_nvl8r {
78
+ .navigation-bar__subtitle_15rrc {
79
79
  font-size: 14px;
80
80
  line-height: 20px;
81
81
  font-weight: 400;
82
82
  font-family: var(--font-family-system);
83
83
  color: var(--color-light-text-secondary);
84
84
  }
85
- .navigation-bar__addons_nvl8r {
85
+ .navigation-bar__addons_15rrc {
86
86
  min-width: 48px;
87
87
  display: flex;
88
88
  justify-content: center;
89
89
  }
90
- .navigation-bar__rightAddons_nvl8r {
90
+ .navigation-bar__rightAddons_15rrc {
91
91
  margin-left: auto;
92
92
  }
package/modern/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"navigation-bar__component_nvl8r","sticky":"navigation-bar__sticky_nvl8r","border":"navigation-bar__border_nvl8r","mainLine":"navigation-bar__mainLine_nvl8r","left":"navigation-bar__left_nvl8r","center":"navigation-bar__center_nvl8r","children":"navigation-bar__children_nvl8r","content":"navigation-bar__content_nvl8r","title":"navigation-bar__title_nvl8r","subtitle":"navigation-bar__subtitle_nvl8r","addons":"navigation-bar__addons_nvl8r","rightAddons":"navigation-bar__rightAddons_nvl8r"};
3
+ const styles = {"component":"navigation-bar__component_15rrc","sticky":"navigation-bar__sticky_15rrc","border":"navigation-bar__border_15rrc","mainLine":"navigation-bar__mainLine_15rrc","left":"navigation-bar__left_15rrc","center":"navigation-bar__center_15rrc","children":"navigation-bar__children_15rrc","content":"navigation-bar__content_15rrc","title":"navigation-bar__title_15rrc","subtitle":"navigation-bar__subtitle_15rrc","addons":"navigation-bar__addons_15rrc","rightAddons":"navigation-bar__rightAddons_15rrc"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n padding: var(--gap-8) var(--gap-4);\n box-sizing: border-box;\n width: 100%;\n}\n\n.sticky {\n position: sticky;\n top: var(--gap-0);\n z-index: 1;\n}\n\n.border {\n box-shadow: 0 1px 0 0 var(--color-light-neutral-300);\n}\n\n.mainLine {\n display: flex;\n background-color: inherit;\n justify-content: space-between;\n min-height: 40px;\n align-items: stretch;\n}\n\n.left {\n text-align: left;\n}\n\n.center {\n text-align: center;\n}\n\n.children {\n width: 100%;\n}\n\n.content {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n flex-flow: column nowrap;\n color: var(--color-light-text-primary);\n\n &.left {\n padding: var(--gap-0) var(--gap-16);\n }\n\n & > .title,\n & > .subtitle {\n @mixin row_limit 1;\n word-break: break-all;\n }\n}\n\n.title {\n @mixin action_component_primary;\n\n &.left {\n @mixin headline-system-mobile_small;\n }\n}\n\n.subtitle {\n @mixin paragraph_primary_small;\n color: var(--color-light-text-secondary);\n}\n\n.addons {\n min-width: 48px;\n display: flex;\n justify-content: center;\n}\n\n.rightAddons {\n margin-left: auto;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,QAAQ,CAAC,8BAA8B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC,MAAM,CAAC,4BAA4B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC,SAAS,CAAC,+BAA+B,CAAC,OAAO,CAAC,6BAA6B,CAAC,UAAU,CAAC,gCAAgC,CAAC,QAAQ,CAAC,8BAA8B,CAAC,aAAa,CAAC,mCAAmC,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n padding: var(--gap-8) var(--gap-4);\n box-sizing: border-box;\n width: 100%;\n}\n\n.sticky {\n position: sticky;\n top: var(--gap-0);\n z-index: 1;\n}\n\n.border {\n box-shadow: 0 1px 0 0 var(--color-light-neutral-300);\n}\n\n.mainLine {\n display: flex;\n background-color: inherit;\n justify-content: space-between;\n min-height: 40px;\n align-items: stretch;\n}\n\n.left {\n text-align: left;\n}\n\n.center {\n text-align: center;\n}\n\n.children {\n width: 100%;\n}\n\n.content {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n flex-flow: column nowrap;\n color: var(--color-light-text-primary);\n\n &.left {\n padding: var(--gap-0) var(--gap-16);\n }\n\n & > .title,\n & > .subtitle {\n @mixin row_limit 1;\n word-break: break-all;\n }\n}\n\n.title {\n @mixin action_component_primary;\n\n &.left {\n @mixin headline-system-mobile_small;\n }\n}\n\n.subtitle {\n @mixin paragraph_primary_small;\n color: var(--color-light-text-secondary);\n}\n\n.addons {\n min-width: 48px;\n display: flex;\n justify-content: center;\n}\n\n.rightAddons {\n margin-left: auto;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,QAAQ,CAAC,8BAA8B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC,MAAM,CAAC,4BAA4B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC,SAAS,CAAC,+BAA+B,CAAC,OAAO,CAAC,6BAA6B,CAAC,UAAU,CAAC,gCAAgC,CAAC,QAAQ,CAAC,8BAA8B,CAAC,aAAa,CAAC,mCAAmC,CAAC;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-navigation-bar",
3
- "version": "3.0.3",
3
+ "version": "3.0.4",
4
4
  "description": "NavigationBar",
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-button": "^13.1.0",
14
- "@alfalab/core-components-shared": "^2.1.0",
15
- "@alfalab/core-components-typography": "^6.0.2",
13
+ "@alfalab/core-components-button": "^13.1.1",
14
+ "@alfalab/core-components-shared": "^2.1.1",
15
+ "@alfalab/core-components-typography": "^6.0.3",
16
16
  "@alfalab/icons-glyph": "^2.260.0",
17
17
  "classnames": "^2.5.1",
18
18
  "tslib": "^2.4.0"
@@ -26,5 +26,5 @@
26
26
  "directory": "dist"
27
27
  },
28
28
  "themesVersion": "15.0.2",
29
- "varsVersion": "11.0.1"
29
+ "varsVersion": "11.0.2"
30
30
  }
package/src/components/action-icon-addon/index.module.css CHANGED
@@ -1,4 +1,4 @@
1
- @import '@alfalab/core-components-vars/src/no-typography-index.css';
1
+ @import '@alfalab/core-components-vars/src/index.css';
2
2
 
3
3
  .component {
4
4
  height: 100%;
package/src/components/action-text-addon/index.module.css CHANGED
@@ -1,4 +1,4 @@
1
- @import '@alfalab/core-components-vars/src/no-typography-index.css';
1
+ @import '@alfalab/core-components-vars/src/index.css';
2
2
 
3
3
  .component {
4
4
  height: 100%;
package/src/index.module.css CHANGED
@@ -1,4 +1,4 @@
1
- @import '@alfalab/core-components-vars/src/no-typography-index.css';
1
+ @import '@alfalab/core-components-vars/src/index.css';
2
2
 
3
3
  .component {
4
4
  padding: var(--gap-8) var(--gap-4);