@alfalab/core-components-navigation-bar 2.0.0 → 2.1.0-snapshot-92b8690

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 (67) 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/dynamic-mixins/Component.d.ts +73 -0
  8. package/dynamic-mixins/Component.js +63 -0
  9. package/dynamic-mixins/Component.js.map +1 -0
  10. package/dynamic-mixins/components/action-icon-addon/Component.d.ts +20 -0
  11. package/dynamic-mixins/components/action-icon-addon/Component.js +31 -0
  12. package/dynamic-mixins/components/action-icon-addon/Component.js.map +1 -0
  13. package/dynamic-mixins/components/action-icon-addon/index.css +30 -0
  14. package/dynamic-mixins/components/action-icon-addon/index.d.ts +1 -0
  15. package/dynamic-mixins/components/action-icon-addon/index.js +10 -0
  16. package/dynamic-mixins/components/action-icon-addon/index.js.map +1 -0
  17. package/dynamic-mixins/components/action-icon-addon/index.module.css.js +8 -0
  18. package/dynamic-mixins/components/action-icon-addon/index.module.css.js.map +1 -0
  19. package/dynamic-mixins/components/action-text-addon/Component.d.ts +24 -0
  20. package/dynamic-mixins/components/action-text-addon/Component.js +24 -0
  21. package/dynamic-mixins/components/action-text-addon/Component.js.map +1 -0
  22. package/dynamic-mixins/components/action-text-addon/index.css +10 -0
  23. package/dynamic-mixins/components/action-text-addon/index.d.ts +1 -0
  24. package/dynamic-mixins/components/action-text-addon/index.js +10 -0
  25. package/dynamic-mixins/components/action-text-addon/index.js.map +1 -0
  26. package/dynamic-mixins/components/action-text-addon/index.module.css.js +8 -0
  27. package/dynamic-mixins/components/action-text-addon/index.module.css.js.map +1 -0
  28. package/dynamic-mixins/index.css +62 -0
  29. package/dynamic-mixins/index.d.ts +1 -0
  30. package/dynamic-mixins/index.js +10 -0
  31. package/dynamic-mixins/index.js.map +1 -0
  32. package/dynamic-mixins/index.module.css.js +8 -0
  33. package/dynamic-mixins/index.module.css.js.map +1 -0
  34. package/dynamic-mixins/shared/index.d.ts +3 -0
  35. package/dynamic-mixins/shared/index.js +14 -0
  36. package/dynamic-mixins/shared/index.js.map +1 -0
  37. package/dynamic-mixins/utils.d.ts +5 -0
  38. package/dynamic-mixins/utils.js +16 -0
  39. package/dynamic-mixins/utils.js.map +1 -0
  40. package/esm/components/action-icon-addon/index.css +6 -6
  41. package/esm/components/action-icon-addon/index.module.css.js +1 -1
  42. package/esm/components/action-icon-addon/index.module.css.js.map +1 -1
  43. package/esm/components/action-text-addon/index.css +2 -2
  44. package/esm/components/action-text-addon/index.module.css.js +1 -1
  45. package/esm/components/action-text-addon/index.module.css.js.map +1 -1
  46. package/esm/index.css +16 -16
  47. package/esm/index.module.css.js +1 -1
  48. package/esm/index.module.css.js.map +1 -1
  49. package/index.css +16 -16
  50. package/index.module.css.js +1 -1
  51. package/index.module.css.js.map +1 -1
  52. package/modern/components/action-icon-addon/index.css +6 -6
  53. package/modern/components/action-icon-addon/index.module.css.js +1 -1
  54. package/modern/components/action-icon-addon/index.module.css.js.map +1 -1
  55. package/modern/components/action-text-addon/index.css +2 -2
  56. package/modern/components/action-text-addon/index.module.css.js +1 -1
  57. package/modern/components/action-text-addon/index.module.css.js.map +1 -1
  58. package/modern/index.css +16 -16
  59. package/modern/index.module.css.js +1 -1
  60. package/modern/index.module.css.js.map +1 -1
  61. package/moderncssm/components/action-icon-addon/index.module.css +2 -0
  62. package/moderncssm/components/action-text-addon/index.module.css +2 -0
  63. package/moderncssm/index.module.css +2 -0
  64. package/package.json +6 -6
  65. package/src/components/action-icon-addon/index.module.css +1 -1
  66. package/src/components/action-text-addon/index.module.css +1 -1
  67. package/src/index.module.css +1 -1
package/esm/components/action-icon-addon/index.css CHANGED
@@ -6,11 +6,11 @@
6
6
  } :root {
7
7
  --border-radius-circle: 50%;
8
8
  --border-radius-pill: 99px;
9
- } .navigation-bar__component_3k38a {
9
+ } .navigation-bar__component_tiuth {
10
10
  height: 100%;
11
11
  border-radius: var(--border-radius-pill);
12
12
  min-width: 48px;
13
- } .navigation-bar__iconWrapper_3k38a {
13
+ } .navigation-bar__iconWrapper_tiuth {
14
14
  display: inline-flex;
15
15
  align-items: center;
16
16
  justify-content: center;
@@ -19,12 +19,12 @@
19
19
  border-radius: var(--border-radius-circle);
20
20
  background: var(--color-light-neutral-translucent-100);
21
21
  vertical-align: middle
22
- } .navigation-bar__iconWrapper_3k38a.navigation-bar__back_3k38a {
22
+ } .navigation-bar__iconWrapper_tiuth.navigation-bar__back_tiuth {
23
23
  background: transparent;
24
- } .navigation-bar__floating_3k38a path {
24
+ } .navigation-bar__floating_tiuth path {
25
25
  fill: var(--color-light-neutral-translucent-700);
26
- } .navigation-bar__floating_3k38a:hover path {
26
+ } .navigation-bar__floating_tiuth:hover path {
27
27
  fill: var(--color-light-neutral-translucent-700-hover);
28
- } .navigation-bar__floating_3k38a:active path {
28
+ } .navigation-bar__floating_tiuth:active path {
29
29
  fill: var(--color-light-neutral-translucent-700-press);
30
30
  }
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_3k38a","iconWrapper":"navigation-bar__iconWrapper_3k38a","back":"navigation-bar__back_3k38a","floating":"navigation-bar__floating_3k38a"};
3
+ var styles = {"component":"navigation-bar__component_tiuth","iconWrapper":"navigation-bar__iconWrapper_tiuth","back":"navigation-bar__back_tiuth","floating":"navigation-bar__floating_tiuth"};
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/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/no-dynamic-mixins-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
@@ -3,8 +3,8 @@
3
3
  --gap-m: 16px;
4
4
  --gap-8: var(--gap-xs);
5
5
  --gap-16: var(--gap-m);
6
- } .navigation-bar__component_17wdd {
6
+ } .navigation-bar__component_16y32 {
7
7
  height: 100%;
8
- } .navigation-bar__text_17wdd {
8
+ } .navigation-bar__text_16y32 {
9
9
  padding: var(--gap-8) var(--gap-16);
10
10
  }
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_17wdd","text":"navigation-bar__text_17wdd"};
3
+ var styles = {"component":"navigation-bar__component_16y32","text":"navigation-bar__text_16y32"};
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/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/no-dynamic-mixins-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
@@ -10,60 +10,60 @@
10
10
  --gap-4: var(--gap-2xs);
11
11
  --gap-8: var(--gap-xs);
12
12
  --gap-16: var(--gap-m);
13
- } .navigation-bar__component_12qjh {
13
+ } .navigation-bar__component_ktk7q {
14
14
  padding: var(--gap-8) var(--gap-4);
15
15
  box-sizing: border-box;
16
16
  width: 100%;
17
- } .navigation-bar__sticky_12qjh {
17
+ } .navigation-bar__sticky_ktk7q {
18
18
  position: sticky;
19
19
  top: var(--gap-0);
20
20
  z-index: 1;
21
- } .navigation-bar__border_12qjh {
21
+ } .navigation-bar__border_ktk7q {
22
22
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
23
- } .navigation-bar__mainLine_12qjh {
23
+ } .navigation-bar__mainLine_ktk7q {
24
24
  display: flex;
25
25
  background-color: inherit;
26
26
  justify-content: space-between;
27
27
  min-height: 40px;
28
28
  align-items: stretch;
29
- } .navigation-bar__left_12qjh {
29
+ } .navigation-bar__left_ktk7q {
30
30
  text-align: left;
31
- } .navigation-bar__center_12qjh {
31
+ } .navigation-bar__center_ktk7q {
32
32
  text-align: center;
33
- } .navigation-bar__children_12qjh {
33
+ } .navigation-bar__children_ktk7q {
34
34
  width: 100%;
35
- } .navigation-bar__content_12qjh {
35
+ } .navigation-bar__content_ktk7q {
36
36
  display: flex;
37
37
  flex-grow: 1;
38
38
  justify-content: center;
39
39
  flex-flow: column nowrap;
40
40
  color: var(--color-light-text-primary)
41
- } .navigation-bar__content_12qjh.navigation-bar__left_12qjh {
41
+ } .navigation-bar__content_ktk7q.navigation-bar__left_ktk7q {
42
42
  padding: var(--gap-0) var(--gap-16);
43
- } .navigation-bar__content_12qjh > .navigation-bar__title_12qjh,
44
- .navigation-bar__content_12qjh > .navigation-bar__subtitle_12qjh {
43
+ } .navigation-bar__content_ktk7q > .navigation-bar__title_ktk7q,
44
+ .navigation-bar__content_ktk7q > .navigation-bar__subtitle_ktk7q {
45
45
  -webkit-line-clamp: 1;
46
46
  display: -webkit-box;
47
47
  -webkit-box-orient: vertical;
48
48
  overflow: hidden;
49
49
  word-break: break-all;
50
- } .navigation-bar__title_12qjh {
50
+ } .navigation-bar__title_ktk7q {
51
51
  font-size: 16px;
52
52
  line-height: 20px;
53
53
  font-weight: 500
54
- } .navigation-bar__title_12qjh.navigation-bar__left_12qjh {
54
+ } .navigation-bar__title_ktk7q.navigation-bar__left_ktk7q {
55
55
  font-size: 20px;
56
56
  line-height: 28px;
57
57
  font-weight: 600;
58
- } .navigation-bar__subtitle_12qjh {
58
+ } .navigation-bar__subtitle_ktk7q {
59
59
  font-size: 14px;
60
60
  line-height: 20px;
61
61
  font-weight: 400;
62
62
  color: var(--color-light-text-secondary);
63
- } .navigation-bar__addons_12qjh {
63
+ } .navigation-bar__addons_ktk7q {
64
64
  min-width: 48px;
65
65
  display: flex;
66
66
  justify-content: center;
67
- } .navigation-bar__rightAddons_12qjh {
67
+ } .navigation-bar__rightAddons_ktk7q {
68
68
  margin-left: auto;
69
69
  }
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_12qjh","sticky":"navigation-bar__sticky_12qjh","border":"navigation-bar__border_12qjh","mainLine":"navigation-bar__mainLine_12qjh","left":"navigation-bar__left_12qjh","center":"navigation-bar__center_12qjh","children":"navigation-bar__children_12qjh","content":"navigation-bar__content_12qjh","title":"navigation-bar__title_12qjh","subtitle":"navigation-bar__subtitle_12qjh","addons":"navigation-bar__addons_12qjh","rightAddons":"navigation-bar__rightAddons_12qjh"};
3
+ var styles = {"component":"navigation-bar__component_ktk7q","sticky":"navigation-bar__sticky_ktk7q","border":"navigation-bar__border_ktk7q","mainLine":"navigation-bar__mainLine_ktk7q","left":"navigation-bar__left_ktk7q","center":"navigation-bar__center_ktk7q","children":"navigation-bar__children_ktk7q","content":"navigation-bar__content_ktk7q","title":"navigation-bar__title_ktk7q","subtitle":"navigation-bar__subtitle_ktk7q","addons":"navigation-bar__addons_ktk7q","rightAddons":"navigation-bar__rightAddons_ktk7q"};
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/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/no-dynamic-mixins-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
@@ -10,60 +10,60 @@
10
10
  --gap-4: var(--gap-2xs);
11
11
  --gap-8: var(--gap-xs);
12
12
  --gap-16: var(--gap-m);
13
- } .navigation-bar__component_12qjh {
13
+ } .navigation-bar__component_ktk7q {
14
14
  padding: var(--gap-8) var(--gap-4);
15
15
  box-sizing: border-box;
16
16
  width: 100%;
17
- } .navigation-bar__sticky_12qjh {
17
+ } .navigation-bar__sticky_ktk7q {
18
18
  position: sticky;
19
19
  top: var(--gap-0);
20
20
  z-index: 1;
21
- } .navigation-bar__border_12qjh {
21
+ } .navigation-bar__border_ktk7q {
22
22
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
23
- } .navigation-bar__mainLine_12qjh {
23
+ } .navigation-bar__mainLine_ktk7q {
24
24
  display: flex;
25
25
  background-color: inherit;
26
26
  justify-content: space-between;
27
27
  min-height: 40px;
28
28
  align-items: stretch;
29
- } .navigation-bar__left_12qjh {
29
+ } .navigation-bar__left_ktk7q {
30
30
  text-align: left;
31
- } .navigation-bar__center_12qjh {
31
+ } .navigation-bar__center_ktk7q {
32
32
  text-align: center;
33
- } .navigation-bar__children_12qjh {
33
+ } .navigation-bar__children_ktk7q {
34
34
  width: 100%;
35
- } .navigation-bar__content_12qjh {
35
+ } .navigation-bar__content_ktk7q {
36
36
  display: flex;
37
37
  flex-grow: 1;
38
38
  justify-content: center;
39
39
  flex-flow: column nowrap;
40
40
  color: var(--color-light-text-primary)
41
- } .navigation-bar__content_12qjh.navigation-bar__left_12qjh {
41
+ } .navigation-bar__content_ktk7q.navigation-bar__left_ktk7q {
42
42
  padding: var(--gap-0) var(--gap-16);
43
- } .navigation-bar__content_12qjh > .navigation-bar__title_12qjh,
44
- .navigation-bar__content_12qjh > .navigation-bar__subtitle_12qjh {
43
+ } .navigation-bar__content_ktk7q > .navigation-bar__title_ktk7q,
44
+ .navigation-bar__content_ktk7q > .navigation-bar__subtitle_ktk7q {
45
45
  -webkit-line-clamp: 1;
46
46
  display: -webkit-box;
47
47
  -webkit-box-orient: vertical;
48
48
  overflow: hidden;
49
49
  word-break: break-all;
50
- } .navigation-bar__title_12qjh {
50
+ } .navigation-bar__title_ktk7q {
51
51
  font-size: 16px;
52
52
  line-height: 20px;
53
53
  font-weight: 500
54
- } .navigation-bar__title_12qjh.navigation-bar__left_12qjh {
54
+ } .navigation-bar__title_ktk7q.navigation-bar__left_ktk7q {
55
55
  font-size: 20px;
56
56
  line-height: 28px;
57
57
  font-weight: 600;
58
- } .navigation-bar__subtitle_12qjh {
58
+ } .navigation-bar__subtitle_ktk7q {
59
59
  font-size: 14px;
60
60
  line-height: 20px;
61
61
  font-weight: 400;
62
62
  color: var(--color-light-text-secondary);
63
- } .navigation-bar__addons_12qjh {
63
+ } .navigation-bar__addons_ktk7q {
64
64
  min-width: 48px;
65
65
  display: flex;
66
66
  justify-content: center;
67
- } .navigation-bar__rightAddons_12qjh {
67
+ } .navigation-bar__rightAddons_ktk7q {
68
68
  margin-left: auto;
69
69
  }
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_12qjh","sticky":"navigation-bar__sticky_12qjh","border":"navigation-bar__border_12qjh","mainLine":"navigation-bar__mainLine_12qjh","left":"navigation-bar__left_12qjh","center":"navigation-bar__center_12qjh","children":"navigation-bar__children_12qjh","content":"navigation-bar__content_12qjh","title":"navigation-bar__title_12qjh","subtitle":"navigation-bar__subtitle_12qjh","addons":"navigation-bar__addons_12qjh","rightAddons":"navigation-bar__rightAddons_12qjh"};
5
+ var styles = {"component":"navigation-bar__component_ktk7q","sticky":"navigation-bar__sticky_ktk7q","border":"navigation-bar__border_ktk7q","mainLine":"navigation-bar__mainLine_ktk7q","left":"navigation-bar__left_ktk7q","center":"navigation-bar__center_ktk7q","children":"navigation-bar__children_ktk7q","content":"navigation-bar__content_ktk7q","title":"navigation-bar__title_ktk7q","subtitle":"navigation-bar__subtitle_ktk7q","addons":"navigation-bar__addons_ktk7q","rightAddons":"navigation-bar__rightAddons_ktk7q"};
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/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/no-dynamic-mixins-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
@@ -6,11 +6,11 @@
6
6
  } :root {
7
7
  --border-radius-circle: 50%;
8
8
  --border-radius-pill: 99px;
9
- } .navigation-bar__component_3k38a {
9
+ } .navigation-bar__component_tiuth {
10
10
  height: 100%;
11
11
  border-radius: var(--border-radius-pill);
12
12
  min-width: 48px;
13
- } .navigation-bar__iconWrapper_3k38a {
13
+ } .navigation-bar__iconWrapper_tiuth {
14
14
  display: inline-flex;
15
15
  align-items: center;
16
16
  justify-content: center;
@@ -19,12 +19,12 @@
19
19
  border-radius: var(--border-radius-circle);
20
20
  background: var(--color-light-neutral-translucent-100);
21
21
  vertical-align: middle
22
- } .navigation-bar__iconWrapper_3k38a.navigation-bar__back_3k38a {
22
+ } .navigation-bar__iconWrapper_tiuth.navigation-bar__back_tiuth {
23
23
  background: transparent;
24
- } .navigation-bar__floating_3k38a path {
24
+ } .navigation-bar__floating_tiuth path {
25
25
  fill: var(--color-light-neutral-translucent-700);
26
- } .navigation-bar__floating_3k38a:hover path {
26
+ } .navigation-bar__floating_tiuth:hover path {
27
27
  fill: var(--color-light-neutral-translucent-700-hover);
28
- } .navigation-bar__floating_3k38a:active path {
28
+ } .navigation-bar__floating_tiuth:active path {
29
29
  fill: var(--color-light-neutral-translucent-700-press);
30
30
  }
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_3k38a","iconWrapper":"navigation-bar__iconWrapper_3k38a","back":"navigation-bar__back_3k38a","floating":"navigation-bar__floating_3k38a"};
3
+ const styles = {"component":"navigation-bar__component_tiuth","iconWrapper":"navigation-bar__iconWrapper_tiuth","back":"navigation-bar__back_tiuth","floating":"navigation-bar__floating_tiuth"};
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/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/no-dynamic-mixins-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
@@ -3,8 +3,8 @@
3
3
  --gap-m: 16px;
4
4
  --gap-8: var(--gap-xs);
5
5
  --gap-16: var(--gap-m);
6
- } .navigation-bar__component_17wdd {
6
+ } .navigation-bar__component_16y32 {
7
7
  height: 100%;
8
- } .navigation-bar__text_17wdd {
8
+ } .navigation-bar__text_16y32 {
9
9
  padding: var(--gap-8) var(--gap-16);
10
10
  }
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_17wdd","text":"navigation-bar__text_17wdd"};
3
+ const styles = {"component":"navigation-bar__component_16y32","text":"navigation-bar__text_16y32"};
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/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/no-dynamic-mixins-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
@@ -10,60 +10,60 @@
10
10
  --gap-4: var(--gap-2xs);
11
11
  --gap-8: var(--gap-xs);
12
12
  --gap-16: var(--gap-m);
13
- } .navigation-bar__component_12qjh {
13
+ } .navigation-bar__component_ktk7q {
14
14
  padding: var(--gap-8) var(--gap-4);
15
15
  box-sizing: border-box;
16
16
  width: 100%;
17
- } .navigation-bar__sticky_12qjh {
17
+ } .navigation-bar__sticky_ktk7q {
18
18
  position: sticky;
19
19
  top: var(--gap-0);
20
20
  z-index: 1;
21
- } .navigation-bar__border_12qjh {
21
+ } .navigation-bar__border_ktk7q {
22
22
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
23
- } .navigation-bar__mainLine_12qjh {
23
+ } .navigation-bar__mainLine_ktk7q {
24
24
  display: flex;
25
25
  background-color: inherit;
26
26
  justify-content: space-between;
27
27
  min-height: 40px;
28
28
  align-items: stretch;
29
- } .navigation-bar__left_12qjh {
29
+ } .navigation-bar__left_ktk7q {
30
30
  text-align: left;
31
- } .navigation-bar__center_12qjh {
31
+ } .navigation-bar__center_ktk7q {
32
32
  text-align: center;
33
- } .navigation-bar__children_12qjh {
33
+ } .navigation-bar__children_ktk7q {
34
34
  width: 100%;
35
- } .navigation-bar__content_12qjh {
35
+ } .navigation-bar__content_ktk7q {
36
36
  display: flex;
37
37
  flex-grow: 1;
38
38
  justify-content: center;
39
39
  flex-flow: column nowrap;
40
40
  color: var(--color-light-text-primary)
41
- } .navigation-bar__content_12qjh.navigation-bar__left_12qjh {
41
+ } .navigation-bar__content_ktk7q.navigation-bar__left_ktk7q {
42
42
  padding: var(--gap-0) var(--gap-16);
43
- } .navigation-bar__content_12qjh > .navigation-bar__title_12qjh,
44
- .navigation-bar__content_12qjh > .navigation-bar__subtitle_12qjh {
43
+ } .navigation-bar__content_ktk7q > .navigation-bar__title_ktk7q,
44
+ .navigation-bar__content_ktk7q > .navigation-bar__subtitle_ktk7q {
45
45
  -webkit-line-clamp: 1;
46
46
  display: -webkit-box;
47
47
  -webkit-box-orient: vertical;
48
48
  overflow: hidden;
49
49
  word-break: break-all;
50
- } .navigation-bar__title_12qjh {
50
+ } .navigation-bar__title_ktk7q {
51
51
  font-size: 16px;
52
52
  line-height: 20px;
53
53
  font-weight: 500
54
- } .navigation-bar__title_12qjh.navigation-bar__left_12qjh {
54
+ } .navigation-bar__title_ktk7q.navigation-bar__left_ktk7q {
55
55
  font-size: 20px;
56
56
  line-height: 28px;
57
57
  font-weight: 600;
58
- } .navigation-bar__subtitle_12qjh {
58
+ } .navigation-bar__subtitle_ktk7q {
59
59
  font-size: 14px;
60
60
  line-height: 20px;
61
61
  font-weight: 400;
62
62
  color: var(--color-light-text-secondary);
63
- } .navigation-bar__addons_12qjh {
63
+ } .navigation-bar__addons_ktk7q {
64
64
  min-width: 48px;
65
65
  display: flex;
66
66
  justify-content: center;
67
- } .navigation-bar__rightAddons_12qjh {
67
+ } .navigation-bar__rightAddons_ktk7q {
68
68
  margin-left: auto;
69
69
  }
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_12qjh","sticky":"navigation-bar__sticky_12qjh","border":"navigation-bar__border_12qjh","mainLine":"navigation-bar__mainLine_12qjh","left":"navigation-bar__left_12qjh","center":"navigation-bar__center_12qjh","children":"navigation-bar__children_12qjh","content":"navigation-bar__content_12qjh","title":"navigation-bar__title_12qjh","subtitle":"navigation-bar__subtitle_12qjh","addons":"navigation-bar__addons_12qjh","rightAddons":"navigation-bar__rightAddons_12qjh"};
3
+ const styles = {"component":"navigation-bar__component_ktk7q","sticky":"navigation-bar__sticky_ktk7q","border":"navigation-bar__border_ktk7q","mainLine":"navigation-bar__mainLine_ktk7q","left":"navigation-bar__left_ktk7q","center":"navigation-bar__center_ktk7q","children":"navigation-bar__children_ktk7q","content":"navigation-bar__content_ktk7q","title":"navigation-bar__title_ktk7q","subtitle":"navigation-bar__subtitle_ktk7q","addons":"navigation-bar__addons_ktk7q","rightAddons":"navigation-bar__rightAddons_ktk7q"};
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/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/no-dynamic-mixins-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/moderncssm/components/action-icon-addon/index.module.css CHANGED
@@ -1,3 +1,5 @@
1
+
2
+
1
3
  .component {
2
4
  height: 100%;
3
5
  border-radius: var(--border-radius-pill);
package/moderncssm/components/action-text-addon/index.module.css CHANGED
@@ -1,3 +1,5 @@
1
+
2
+
1
3
  .component {
2
4
  height: 100%;
3
5
  }
package/moderncssm/index.module.css CHANGED
@@ -1,3 +1,5 @@
1
+
2
+
1
3
  .component {
2
4
  padding: var(--gap-8) var(--gap-4);
3
5
  box-sizing: border-box;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-navigation-bar",
3
- "version": "2.0.0",
3
+ "version": "2.1.0-snapshot-92b8690",
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": "^12.0.0",
14
- "@alfalab/core-components-shared": "^1.0.0",
15
- "@alfalab/core-components-typography": "^5.0.0",
13
+ "@alfalab/core-components-button": "12.1.0-snapshot-92b8690",
14
+ "@alfalab/core-components-shared": "1.1.0-snapshot-92b8690",
15
+ "@alfalab/core-components-typography": "5.1.0-snapshot-92b8690",
16
16
  "@alfalab/icons-glyph": "^2.210.0",
17
17
  "classnames": "^2.5.1",
18
18
  "tslib": "^2.4.0"
@@ -25,6 +25,6 @@
25
25
  "access": "public",
26
26
  "directory": "dist"
27
27
  },
28
- "themesVersion": "14.0.0",
29
- "varsVersion": "10.0.0"
28
+ "themesVersion": "14.1.0-snapshot-92b8690",
29
+ "varsVersion": "10.1.0-snapshot-92b8690"
30
30
  }
package/src/components/action-icon-addon/index.module.css CHANGED
@@ -1,4 +1,4 @@
1
- @import '@alfalab/core-components-vars/src/index.css';
1
+ @import '@alfalab/core-components-vars/src/no-dynamic-mixins-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/index.css';
1
+ @import '@alfalab/core-components-vars/src/no-dynamic-mixins-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/index.css';
1
+ @import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';
2
2
 
3
3
  .component {
4
4
  padding: var(--gap-8) var(--gap-4);