@alfalab/core-components-page-indicator 3.0.4 → 3.0.5-alfasans

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (121) hide show
  1. package/components/bullet/default.css +2 -2
  2. package/components/bullet/default.module.css.js +1 -1
  3. package/components/bullet/index.css +7 -7
  4. package/components/bullet/index.module.css.js +1 -1
  5. package/components/bullet/inverted.css +2 -2
  6. package/components/bullet/inverted.module.css.js +1 -1
  7. package/components/bullet/static-inverted.css +2 -2
  8. package/components/bullet/static-inverted.module.css.js +1 -1
  9. package/components/bullet/static.css +2 -2
  10. package/components/bullet/static.module.css.js +1 -1
  11. package/components/dynamic/default.css +3 -3
  12. package/components/dynamic/default.module.css.js +1 -1
  13. package/components/dynamic/index.css +6 -6
  14. package/components/dynamic/index.module.css.js +1 -1
  15. package/components/dynamic/inverted.css +3 -3
  16. package/components/dynamic/inverted.module.css.js +1 -1
  17. package/components/dynamic/static-inverted.css +3 -3
  18. package/components/dynamic/static-inverted.module.css.js +1 -1
  19. package/components/dynamic/static.css +3 -3
  20. package/components/dynamic/static.module.css.js +1 -1
  21. package/components/runner/default.css +2 -2
  22. package/components/runner/default.module.css.js +1 -1
  23. package/components/runner/index.css +2 -2
  24. package/components/runner/index.module.css.js +1 -1
  25. package/components/runner/inverted.css +2 -2
  26. package/components/runner/inverted.module.css.js +1 -1
  27. package/components/runner/static-inverted.css +2 -2
  28. package/components/runner/static-inverted.module.css.js +1 -1
  29. package/components/runner/static.css +2 -2
  30. package/components/runner/static.module.css.js +1 -1
  31. package/components/step/default.css +2 -2
  32. package/components/step/default.module.css.js +1 -1
  33. package/components/step/index.css +2 -2
  34. package/components/step/index.module.css.js +1 -1
  35. package/components/step/inverted.css +2 -2
  36. package/components/step/inverted.module.css.js +1 -1
  37. package/components/step/static-inverted.css +2 -2
  38. package/components/step/static-inverted.module.css.js +1 -1
  39. package/components/step/static.css +2 -2
  40. package/components/step/static.module.css.js +1 -1
  41. package/esm/components/bullet/default.css +2 -2
  42. package/esm/components/bullet/default.module.css.js +1 -1
  43. package/esm/components/bullet/index.css +7 -7
  44. package/esm/components/bullet/index.module.css.js +1 -1
  45. package/esm/components/bullet/inverted.css +2 -2
  46. package/esm/components/bullet/inverted.module.css.js +1 -1
  47. package/esm/components/bullet/static-inverted.css +2 -2
  48. package/esm/components/bullet/static-inverted.module.css.js +1 -1
  49. package/esm/components/bullet/static.css +2 -2
  50. package/esm/components/bullet/static.module.css.js +1 -1
  51. package/esm/components/dynamic/default.css +3 -3
  52. package/esm/components/dynamic/default.module.css.js +1 -1
  53. package/esm/components/dynamic/index.css +6 -6
  54. package/esm/components/dynamic/index.module.css.js +1 -1
  55. package/esm/components/dynamic/inverted.css +3 -3
  56. package/esm/components/dynamic/inverted.module.css.js +1 -1
  57. package/esm/components/dynamic/static-inverted.css +3 -3
  58. package/esm/components/dynamic/static-inverted.module.css.js +1 -1
  59. package/esm/components/dynamic/static.css +3 -3
  60. package/esm/components/dynamic/static.module.css.js +1 -1
  61. package/esm/components/runner/default.css +2 -2
  62. package/esm/components/runner/default.module.css.js +1 -1
  63. package/esm/components/runner/index.css +2 -2
  64. package/esm/components/runner/index.module.css.js +1 -1
  65. package/esm/components/runner/inverted.css +2 -2
  66. package/esm/components/runner/inverted.module.css.js +1 -1
  67. package/esm/components/runner/static-inverted.css +2 -2
  68. package/esm/components/runner/static-inverted.module.css.js +1 -1
  69. package/esm/components/runner/static.css +2 -2
  70. package/esm/components/runner/static.module.css.js +1 -1
  71. package/esm/components/step/default.css +2 -2
  72. package/esm/components/step/default.module.css.js +1 -1
  73. package/esm/components/step/index.css +2 -2
  74. package/esm/components/step/index.module.css.js +1 -1
  75. package/esm/components/step/inverted.css +2 -2
  76. package/esm/components/step/inverted.module.css.js +1 -1
  77. package/esm/components/step/static-inverted.css +2 -2
  78. package/esm/components/step/static-inverted.module.css.js +1 -1
  79. package/esm/components/step/static.css +2 -2
  80. package/esm/components/step/static.module.css.js +1 -1
  81. package/modern/components/bullet/default.css +2 -2
  82. package/modern/components/bullet/default.module.css.js +1 -1
  83. package/modern/components/bullet/index.css +7 -7
  84. package/modern/components/bullet/index.module.css.js +1 -1
  85. package/modern/components/bullet/inverted.css +2 -2
  86. package/modern/components/bullet/inverted.module.css.js +1 -1
  87. package/modern/components/bullet/static-inverted.css +2 -2
  88. package/modern/components/bullet/static-inverted.module.css.js +1 -1
  89. package/modern/components/bullet/static.css +2 -2
  90. package/modern/components/bullet/static.module.css.js +1 -1
  91. package/modern/components/dynamic/default.css +3 -3
  92. package/modern/components/dynamic/default.module.css.js +1 -1
  93. package/modern/components/dynamic/index.css +6 -6
  94. package/modern/components/dynamic/index.module.css.js +1 -1
  95. package/modern/components/dynamic/inverted.css +3 -3
  96. package/modern/components/dynamic/inverted.module.css.js +1 -1
  97. package/modern/components/dynamic/static-inverted.css +3 -3
  98. package/modern/components/dynamic/static-inverted.module.css.js +1 -1
  99. package/modern/components/dynamic/static.css +3 -3
  100. package/modern/components/dynamic/static.module.css.js +1 -1
  101. package/modern/components/runner/default.css +2 -2
  102. package/modern/components/runner/default.module.css.js +1 -1
  103. package/modern/components/runner/index.css +2 -2
  104. package/modern/components/runner/index.module.css.js +1 -1
  105. package/modern/components/runner/inverted.css +2 -2
  106. package/modern/components/runner/inverted.module.css.js +1 -1
  107. package/modern/components/runner/static-inverted.css +2 -2
  108. package/modern/components/runner/static-inverted.module.css.js +1 -1
  109. package/modern/components/runner/static.css +2 -2
  110. package/modern/components/runner/static.module.css.js +1 -1
  111. package/modern/components/step/default.css +2 -2
  112. package/modern/components/step/default.module.css.js +1 -1
  113. package/modern/components/step/index.css +2 -2
  114. package/modern/components/step/index.module.css.js +1 -1
  115. package/modern/components/step/inverted.css +2 -2
  116. package/modern/components/step/inverted.module.css.js +1 -1
  117. package/modern/components/step/static-inverted.css +2 -2
  118. package/modern/components/step/static-inverted.module.css.js +1 -1
  119. package/modern/components/step/static.css +2 -2
  120. package/modern/components/step/static.module.css.js +1 -1
  121. package/package.json +4 -4
@@ -6,9 +6,9 @@
6
6
  --page-indicator-color: var(--color-light-neutral-translucent-300);
7
7
  --page-indicator-active-color: var(--color-light-neutral-translucent-1300);
8
8
  }
9
- .page-indicator__element_1ttab {
9
+ .page-indicator__element_2at7g {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_1ttab.page-indicator__active_1ttab {
12
+ .page-indicator__element_2at7g.page-indicator__active_2at7g {
13
13
  background: var(--page-indicator-active-color);
14
14
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./default.css');
4
4
 
5
- var defaultColors = {"element":"page-indicator__element_1ttab","active":"page-indicator__active_1ttab"};
5
+ var defaultColors = {"element":"page-indicator__element_2at7g","active":"page-indicator__active_2at7g"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
@@ -5,27 +5,27 @@
5
5
  --page-indicator-animation-duration: 0.2s;
6
6
  --page-indicator-animation-timing-function: ease-in-out;
7
7
  }
8
- .page-indicator__pageIndicator_1ebir.page-indicator__bullet_1ebir {
8
+ .page-indicator__pageIndicator_1jha9.page-indicator__bullet_1jha9 {
9
9
  overflow: hidden;
10
10
  }
11
- .page-indicator__elementsList_1ebir {
11
+ .page-indicator__elementsList_1jha9 {
12
12
  display: flex;
13
13
  align-items: center;
14
14
  will-change: transform;
15
15
  transition: transform var(--page-indicator-animation-duration)
16
16
  var(--page-indicator-animation-timing-function);
17
17
  }
18
- .page-indicator__element_1ebir {
18
+ .page-indicator__element_1jha9 {
19
19
  list-style-type: none;
20
20
  flex-shrink: 0;
21
21
  transition: background var(--page-indicator-animation-duration)
22
22
  var(--page-indicator-animation-timing-function);
23
23
  border-radius: var(--border-radius-circle);
24
24
  }
25
- .page-indicator__element_1ebir.page-indicator__entering_1ebir {
25
+ .page-indicator__element_1jha9.page-indicator__entering_1jha9 {
26
26
  opacity: 0;
27
27
  }
28
- .page-indicator__element_1ebir.page-indicator__entered_1ebir {
28
+ .page-indicator__element_1jha9.page-indicator__entered_1jha9 {
29
29
  opacity: 1;
30
30
  transition:
31
31
  background var(--page-indicator-animation-duration)
@@ -33,9 +33,9 @@
33
33
  opacity var(--page-indicator-animation-duration)
34
34
  var(--page-indicator-animation-timing-function);
35
35
  }
36
- .page-indicator__element_1ebir.page-indicator__exiting_1ebir {
36
+ .page-indicator__element_1jha9.page-indicator__exiting_1jha9 {
37
37
  opacity: 0;
38
38
  }
39
- .page-indicator__element_1ebir.page-indicator__exited_1ebir {
39
+ .page-indicator__element_1jha9.page-indicator__exited_1jha9 {
40
40
  opacity: 0;
41
41
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"pageIndicator":"page-indicator__pageIndicator_1ebir","bullet":"page-indicator__bullet_1ebir","elementsList":"page-indicator__elementsList_1ebir","element":"page-indicator__element_1ebir","entering":"page-indicator__entering_1ebir","entered":"page-indicator__entered_1ebir","exiting":"page-indicator__exiting_1ebir","exited":"page-indicator__exited_1ebir"};
5
+ var styles = {"pageIndicator":"page-indicator__pageIndicator_1jha9","bullet":"page-indicator__bullet_1jha9","elementsList":"page-indicator__elementsList_1jha9","element":"page-indicator__element_1jha9","entering":"page-indicator__entering_1jha9","entered":"page-indicator__entered_1jha9","exiting":"page-indicator__exiting_1jha9","exited":"page-indicator__exited_1jha9"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -6,9 +6,9 @@
6
6
  --page-indicator-color-inverted: var(--color-light-neutral-translucent-300-inverted);
7
7
  --page-indicator-active-color-inverted: var(--color-light-neutral-translucent-1300-inverted);
8
8
  }
9
- .page-indicator__element_6gwzc {
9
+ .page-indicator__element_1w0pv {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_6gwzc.page-indicator__active_6gwzc {
12
+ .page-indicator__element_1w0pv.page-indicator__active_1w0pv {
13
13
  background: var(--page-indicator-active-color-inverted);
14
14
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./inverted.css');
4
4
 
5
- var invertedColors = {"element":"page-indicator__element_6gwzc","active":"page-indicator__active_6gwzc"};
5
+ var invertedColors = {"element":"page-indicator__element_1w0pv","active":"page-indicator__active_1w0pv"};
6
6
 
7
7
  module.exports = invertedColors;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
@@ -6,9 +6,9 @@
6
6
  --page-indicator-color-static-inverted: var(--color-static-neutral-translucent-300-inverted);
7
7
  --page-indicator-active-color-static-inverted: var(--color-static-neutral-1300-inverted);
8
8
  }
9
- .page-indicator__element_ki4gw {
9
+ .page-indicator__element_17x4n {
10
10
  background: var(--page-indicator-color-static-inverted);
11
11
  }
12
- .page-indicator__element_ki4gw.page-indicator__active_ki4gw {
12
+ .page-indicator__element_17x4n.page-indicator__active_17x4n {
13
13
  background: var(--page-indicator-active-color-static-inverted);
14
14
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./static-inverted.css');
4
4
 
5
- var staticInvertedColors = {"element":"page-indicator__element_ki4gw","active":"page-indicator__active_ki4gw"};
5
+ var staticInvertedColors = {"element":"page-indicator__element_17x4n","active":"page-indicator__active_17x4n"};
6
6
 
7
7
  module.exports = staticInvertedColors;
8
8
  //# sourceMappingURL=static-inverted.module.css.js.map
@@ -6,9 +6,9 @@
6
6
  --page-indicator-color-static: var(--color-static-neutral-translucent-300);
7
7
  --page-indicator-active-color-static: var(--color-static-neutral-1300);
8
8
  }
9
- .page-indicator__element_huezj {
9
+ .page-indicator__element_djamk {
10
10
  background: var(--page-indicator-color-static);
11
11
  }
12
- .page-indicator__element_huezj.page-indicator__active_huezj {
12
+ .page-indicator__element_djamk.page-indicator__active_djamk {
13
13
  background: var(--page-indicator-active-color-static);
14
14
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./static.css');
4
4
 
5
- var staticColors = {"element":"page-indicator__element_huezj","active":"page-indicator__active_huezj"};
5
+ var staticColors = {"element":"page-indicator__element_djamk","active":"page-indicator__active_djamk"};
6
6
 
7
7
  module.exports = staticColors;
8
8
  //# sourceMappingURL=static.module.css.js.map
@@ -6,11 +6,11 @@
6
6
  --page-indicator-color: var(--color-light-neutral-translucent-300);
7
7
  --page-indicator-active-color: var(--color-light-neutral-translucent-1300);
8
8
  }
9
- .page-indicator__element_109ns {
9
+ .page-indicator__element_1le8i {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_109ns.page-indicator__active_109ns {
13
- .page-indicator__progress_109ns {
12
+ .page-indicator__element_1le8i.page-indicator__active_1le8i {
13
+ .page-indicator__progress_1le8i {
14
14
  background: var(--page-indicator-active-color);
15
15
  }
16
16
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./default.css');
4
4
 
5
- var defaultColors = {"element":"page-indicator__element_109ns","active":"page-indicator__active_109ns","progress":"page-indicator__progress_109ns"};
5
+ var defaultColors = {"element":"page-indicator__element_1le8i","active":"page-indicator__active_1le8i","progress":"page-indicator__progress_1le8i"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
@@ -1,22 +1,22 @@
1
1
  :root {
2
2
  --page-indicator-animation-duration: 0.2s;
3
3
  }
4
- .page-indicator__pageIndicator_1diwz {
4
+ .page-indicator__pageIndicator_1srsq {
5
5
  display: flex;
6
6
  }
7
- .page-indicator__element_1diwz {
7
+ .page-indicator__element_1srsq {
8
8
  list-style-type: none;
9
9
  overflow: hidden;
10
10
  transition: width var(--page-indicator-animation-duration) linear;
11
11
  }
12
- .page-indicator__element_1diwz:not(.page-indicator__active_1diwz) {
13
- .page-indicator__progress_1diwz {
12
+ .page-indicator__element_1srsq:not(.page-indicator__active_1srsq) {
13
+ .page-indicator__progress_1srsq {
14
14
  display: none;
15
15
  }
16
16
  }
17
- .page-indicator__element_1diwz {
17
+ .page-indicator__element_1srsq {
18
18
 
19
- .page-indicator__progress_1diwz {
19
+ .page-indicator__progress_1srsq {
20
20
  width: 100%;
21
21
  height: 100%;
22
22
  will-change: transform;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"pageIndicator":"page-indicator__pageIndicator_1diwz","element":"page-indicator__element_1diwz","active":"page-indicator__active_1diwz","progress":"page-indicator__progress_1diwz"};
5
+ var styles = {"pageIndicator":"page-indicator__pageIndicator_1srsq","element":"page-indicator__element_1srsq","active":"page-indicator__active_1srsq","progress":"page-indicator__progress_1srsq"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -6,11 +6,11 @@
6
6
  --page-indicator-color-inverted: var(--color-light-neutral-translucent-300-inverted);
7
7
  --page-indicator-active-color-inverted: var(--color-light-neutral-translucent-1300-inverted);
8
8
  }
9
- .page-indicator__element_16pcq {
9
+ .page-indicator__element_1k02j {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_16pcq.page-indicator__active_16pcq {
13
- .page-indicator__progress_16pcq {
12
+ .page-indicator__element_1k02j.page-indicator__active_1k02j {
13
+ .page-indicator__progress_1k02j {
14
14
  background: var(--page-indicator-active-color-inverted);
15
15
  }
16
16
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./inverted.css');
4
4
 
5
- var invertedColors = {"element":"page-indicator__element_16pcq","active":"page-indicator__active_16pcq","progress":"page-indicator__progress_16pcq"};
5
+ var invertedColors = {"element":"page-indicator__element_1k02j","active":"page-indicator__active_1k02j","progress":"page-indicator__progress_1k02j"};
6
6
 
7
7
  module.exports = invertedColors;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
@@ -6,11 +6,11 @@
6
6
  --page-indicator-color-static-inverted: var(--color-static-neutral-translucent-300-inverted);
7
7
  --page-indicator-active-color-static-inverted: var(--color-static-neutral-1300-inverted);
8
8
  }
9
- .page-indicator__element_9g15y {
9
+ .page-indicator__element_1icbz {
10
10
  background: var(--page-indicator-color-static-inverted);
11
11
  }
12
- .page-indicator__element_9g15y.page-indicator__active_9g15y {
13
- .page-indicator__progress_9g15y {
12
+ .page-indicator__element_1icbz.page-indicator__active_1icbz {
13
+ .page-indicator__progress_1icbz {
14
14
  background: var(--page-indicator-active-color-static-inverted);
15
15
  }
16
16
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./static-inverted.css');
4
4
 
5
- var staticInvertedColors = {"element":"page-indicator__element_9g15y","active":"page-indicator__active_9g15y","progress":"page-indicator__progress_9g15y"};
5
+ var staticInvertedColors = {"element":"page-indicator__element_1icbz","active":"page-indicator__active_1icbz","progress":"page-indicator__progress_1icbz"};
6
6
 
7
7
  module.exports = staticInvertedColors;
8
8
  //# sourceMappingURL=static-inverted.module.css.js.map
@@ -6,11 +6,11 @@
6
6
  --page-indicator-color-static: var(--color-static-neutral-translucent-300);
7
7
  --page-indicator-active-color-static: var(--color-static-neutral-1300);
8
8
  }
9
- .page-indicator__element_biexx {
9
+ .page-indicator__element_xv1j8 {
10
10
  background: var(--page-indicator-color-static);
11
11
  }
12
- .page-indicator__element_biexx.page-indicator__active_biexx {
13
- .page-indicator__progress_biexx {
12
+ .page-indicator__element_xv1j8.page-indicator__active_xv1j8 {
13
+ .page-indicator__progress_xv1j8 {
14
14
  background: var(--page-indicator-active-color-static);
15
15
  }
16
16
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./static.css');
4
4
 
5
- var staticColors = {"element":"page-indicator__element_biexx","active":"page-indicator__active_biexx","progress":"page-indicator__progress_biexx"};
5
+ var staticColors = {"element":"page-indicator__element_xv1j8","active":"page-indicator__active_xv1j8","progress":"page-indicator__progress_xv1j8"};
6
6
 
7
7
  module.exports = staticColors;
8
8
  //# sourceMappingURL=static.module.css.js.map
@@ -6,9 +6,9 @@
6
6
  --page-indicator-color: var(--color-light-neutral-translucent-300);
7
7
  --page-indicator-active-color: var(--color-light-neutral-translucent-1300);
8
8
  }
9
- .page-indicator__pageIndicator_1rwy3 {
9
+ .page-indicator__pageIndicator_9qrpy {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_1rwy3 {
12
+ .page-indicator__element_9qrpy {
13
13
  background: var(--page-indicator-active-color);
14
14
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./default.css');
4
4
 
5
- var defaultColors = {"pageIndicator":"page-indicator__pageIndicator_1rwy3","element":"page-indicator__element_1rwy3"};
5
+ var defaultColors = {"pageIndicator":"page-indicator__pageIndicator_9qrpy","element":"page-indicator__element_9qrpy"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
@@ -1,10 +1,10 @@
1
1
  :root {
2
2
  --page-indicator-animation-duration: 0.2s;
3
3
  }
4
- .page-indicator__element_1jh8s {
4
+ .page-indicator__element_b5yke {
5
5
  transition: transform var(--page-indicator-animation-duration) linear;
6
6
  will-change: transition;
7
7
  }
8
- .page-indicator__pageIndicator_1jh8s {
8
+ .page-indicator__pageIndicator_b5yke {
9
9
  width: 100%;
10
10
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"element":"page-indicator__element_1jh8s","pageIndicator":"page-indicator__pageIndicator_1jh8s"};
5
+ var styles = {"element":"page-indicator__element_b5yke","pageIndicator":"page-indicator__pageIndicator_b5yke"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -6,9 +6,9 @@
6
6
  --page-indicator-color-inverted: var(--color-light-neutral-translucent-300-inverted);
7
7
  --page-indicator-active-color-inverted: var(--color-light-neutral-translucent-1300-inverted);
8
8
  }
9
- .page-indicator__pageIndicator_1w9x8 {
9
+ .page-indicator__pageIndicator_1cgtm {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_1w9x8 {
12
+ .page-indicator__element_1cgtm {
13
13
  background: var(--page-indicator-active-color-inverted);
14
14
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./inverted.css');
4
4
 
5
- var invertedColors = {"pageIndicator":"page-indicator__pageIndicator_1w9x8","element":"page-indicator__element_1w9x8"};
5
+ var invertedColors = {"pageIndicator":"page-indicator__pageIndicator_1cgtm","element":"page-indicator__element_1cgtm"};
6
6
 
7
7
  module.exports = invertedColors;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
@@ -6,9 +6,9 @@
6
6
  --page-indicator-color-static-inverted: var(--color-static-neutral-translucent-300-inverted);
7
7
  --page-indicator-active-color-static-inverted: var(--color-static-neutral-1300-inverted);
8
8
  }
9
- .page-indicator__pageIndicator_wzm1r {
9
+ .page-indicator__pageIndicator_qlnow {
10
10
  background: var(--page-indicator-color-static-inverted);
11
11
  }
12
- .page-indicator__element_wzm1r {
12
+ .page-indicator__element_qlnow {
13
13
  background: var(--page-indicator-active-color-static-inverted);
14
14
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./static-inverted.css');
4
4
 
5
- var staticInvertedColors = {"pageIndicator":"page-indicator__pageIndicator_wzm1r","element":"page-indicator__element_wzm1r"};
5
+ var staticInvertedColors = {"pageIndicator":"page-indicator__pageIndicator_qlnow","element":"page-indicator__element_qlnow"};
6
6
 
7
7
  module.exports = staticInvertedColors;
8
8
  //# sourceMappingURL=static-inverted.module.css.js.map
@@ -6,9 +6,9 @@
6
6
  --page-indicator-color-static: var(--color-static-neutral-translucent-300);
7
7
  --page-indicator-active-color-static: var(--color-static-neutral-1300);
8
8
  }
9
- .page-indicator__pageIndicator_z0k68 {
9
+ .page-indicator__pageIndicator_197uv {
10
10
  background: var(--page-indicator-color-static);
11
11
  }
12
- .page-indicator__element_z0k68 {
12
+ .page-indicator__element_197uv {
13
13
  background: var(--page-indicator-active-color-static);
14
14
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./static.css');
4
4
 
5
- var staticColors = {"pageIndicator":"page-indicator__pageIndicator_z0k68","element":"page-indicator__element_z0k68"};
5
+ var staticColors = {"pageIndicator":"page-indicator__pageIndicator_197uv","element":"page-indicator__element_197uv"};
6
6
 
7
7
  module.exports = staticColors;
8
8
  //# sourceMappingURL=static.module.css.js.map
@@ -6,9 +6,9 @@
6
6
  --page-indicator-color: var(--color-light-neutral-translucent-300);
7
7
  --page-indicator-active-color: var(--color-light-neutral-translucent-1300);
8
8
  }
9
- .page-indicator__element_ruypu {
9
+ .page-indicator__element_1qhb0 {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_ruypu.page-indicator__active_ruypu {
12
+ .page-indicator__element_1qhb0.page-indicator__active_1qhb0 {
13
13
  background: var(--page-indicator-active-color);
14
14
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./default.css');
4
4
 
5
- var defaultColors = {"element":"page-indicator__element_ruypu","active":"page-indicator__active_ruypu"};
5
+ var defaultColors = {"element":"page-indicator__element_1qhb0","active":"page-indicator__active_1qhb0"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
@@ -2,11 +2,11 @@
2
2
  --page-indicator-animation-duration: 0.2s;
3
3
  --page-indicator-animation-timing-function: ease-in-out;
4
4
  }
5
- .page-indicator__pageIndicator_19c8v {
5
+ .page-indicator__pageIndicator_1wdg8 {
6
6
  display: flex;
7
7
  width: 100%;
8
8
  }
9
- .page-indicator__element_19c8v {
9
+ .page-indicator__element_1wdg8 {
10
10
  list-style-type: none;
11
11
  flex-grow: 1;
12
12
  transition: backgroud var(--page-indicator-animation-duration)
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"pageIndicator":"page-indicator__pageIndicator_19c8v","element":"page-indicator__element_19c8v"};
5
+ var styles = {"pageIndicator":"page-indicator__pageIndicator_1wdg8","element":"page-indicator__element_1wdg8"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -6,9 +6,9 @@
6
6
  --page-indicator-color-inverted: var(--color-light-neutral-translucent-300-inverted);
7
7
  --page-indicator-active-color-inverted: var(--color-light-neutral-translucent-1300-inverted);
8
8
  }
9
- .page-indicator__element_rw8w5 {
9
+ .page-indicator__element_1a0qs {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_rw8w5.page-indicator__active_rw8w5 {
12
+ .page-indicator__element_1a0qs.page-indicator__active_1a0qs {
13
13
  background: var(--page-indicator-active-color-inverted);
14
14
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./inverted.css');
4
4
 
5
- var invertedColors = {"element":"page-indicator__element_rw8w5","active":"page-indicator__active_rw8w5"};
5
+ var invertedColors = {"element":"page-indicator__element_1a0qs","active":"page-indicator__active_1a0qs"};
6
6
 
7
7
  module.exports = invertedColors;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
@@ -6,9 +6,9 @@
6
6
  --page-indicator-color-static-inverted: var(--color-static-neutral-translucent-300-inverted);
7
7
  --page-indicator-active-color-static-inverted: var(--color-static-neutral-1300-inverted);
8
8
  }
9
- .page-indicator__element_swuyi {
9
+ .page-indicator__element_2f3df {
10
10
  background: var(--page-indicator-color-static-inverted);
11
11
  }
12
- .page-indicator__element_swuyi.page-indicator__active_swuyi {
12
+ .page-indicator__element_2f3df.page-indicator__active_2f3df {
13
13
  background: var(--page-indicator-active-color-static-inverted);
14
14
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./static-inverted.css');
4
4
 
5
- var staticInvertedColors = {"element":"page-indicator__element_swuyi","active":"page-indicator__active_swuyi"};
5
+ var staticInvertedColors = {"element":"page-indicator__element_2f3df","active":"page-indicator__active_2f3df"};
6
6
 
7
7
  module.exports = staticInvertedColors;
8
8
  //# sourceMappingURL=static-inverted.module.css.js.map
@@ -6,9 +6,9 @@
6
6
  --page-indicator-color-static: var(--color-static-neutral-translucent-300);
7
7
  --page-indicator-active-color-static: var(--color-static-neutral-1300);
8
8
  }
9
- .page-indicator__element_2xpc0 {
9
+ .page-indicator__element_1ejrc {
10
10
  background: var(--page-indicator-color-static);
11
11
  }
12
- .page-indicator__element_2xpc0.page-indicator__active_2xpc0 {
12
+ .page-indicator__element_1ejrc.page-indicator__active_1ejrc {
13
13
  background: var(--page-indicator-active-color-static);
14
14
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./static.css');
4
4
 
5
- var staticColors = {"element":"page-indicator__element_2xpc0","active":"page-indicator__active_2xpc0"};
5
+ var staticColors = {"element":"page-indicator__element_1ejrc","active":"page-indicator__active_1ejrc"};
6
6
 
7
7
  module.exports = staticColors;
8
8
  //# sourceMappingURL=static.module.css.js.map
@@ -6,9 +6,9 @@
6
6
  --page-indicator-color: var(--color-light-neutral-translucent-300);
7
7
  --page-indicator-active-color: var(--color-light-neutral-translucent-1300);
8
8
  }
9
- .page-indicator__element_1ttab {
9
+ .page-indicator__element_2at7g {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_1ttab.page-indicator__active_1ttab {
12
+ .page-indicator__element_2at7g.page-indicator__active_2at7g {
13
13
  background: var(--page-indicator-active-color);
14
14
  }
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- var defaultColors = {"element":"page-indicator__element_1ttab","active":"page-indicator__active_1ttab"};
3
+ var defaultColors = {"element":"page-indicator__element_2at7g","active":"page-indicator__active_2at7g"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
@@ -5,27 +5,27 @@
5
5
  --page-indicator-animation-duration: 0.2s;
6
6
  --page-indicator-animation-timing-function: ease-in-out;
7
7
  }
8
- .page-indicator__pageIndicator_1ebir.page-indicator__bullet_1ebir {
8
+ .page-indicator__pageIndicator_1jha9.page-indicator__bullet_1jha9 {
9
9
  overflow: hidden;
10
10
  }
11
- .page-indicator__elementsList_1ebir {
11
+ .page-indicator__elementsList_1jha9 {
12
12
  display: flex;
13
13
  align-items: center;
14
14
  will-change: transform;
15
15
  transition: transform var(--page-indicator-animation-duration)
16
16
  var(--page-indicator-animation-timing-function);
17
17
  }
18
- .page-indicator__element_1ebir {
18
+ .page-indicator__element_1jha9 {
19
19
  list-style-type: none;
20
20
  flex-shrink: 0;
21
21
  transition: background var(--page-indicator-animation-duration)
22
22
  var(--page-indicator-animation-timing-function);
23
23
  border-radius: var(--border-radius-circle);
24
24
  }
25
- .page-indicator__element_1ebir.page-indicator__entering_1ebir {
25
+ .page-indicator__element_1jha9.page-indicator__entering_1jha9 {
26
26
  opacity: 0;
27
27
  }
28
- .page-indicator__element_1ebir.page-indicator__entered_1ebir {
28
+ .page-indicator__element_1jha9.page-indicator__entered_1jha9 {
29
29
  opacity: 1;
30
30
  transition:
31
31
  background var(--page-indicator-animation-duration)
@@ -33,9 +33,9 @@
33
33
  opacity var(--page-indicator-animation-duration)
34
34
  var(--page-indicator-animation-timing-function);
35
35
  }
36
- .page-indicator__element_1ebir.page-indicator__exiting_1ebir {
36
+ .page-indicator__element_1jha9.page-indicator__exiting_1jha9 {
37
37
  opacity: 0;
38
38
  }
39
- .page-indicator__element_1ebir.page-indicator__exited_1ebir {
39
+ .page-indicator__element_1jha9.page-indicator__exited_1jha9 {
40
40
  opacity: 0;
41
41
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"pageIndicator":"page-indicator__pageIndicator_1ebir","bullet":"page-indicator__bullet_1ebir","elementsList":"page-indicator__elementsList_1ebir","element":"page-indicator__element_1ebir","entering":"page-indicator__entering_1ebir","entered":"page-indicator__entered_1ebir","exiting":"page-indicator__exiting_1ebir","exited":"page-indicator__exited_1ebir"};
3
+ var styles = {"pageIndicator":"page-indicator__pageIndicator_1jha9","bullet":"page-indicator__bullet_1jha9","elementsList":"page-indicator__elementsList_1jha9","element":"page-indicator__element_1jha9","entering":"page-indicator__entering_1jha9","entered":"page-indicator__entered_1jha9","exiting":"page-indicator__exiting_1jha9","exited":"page-indicator__exited_1jha9"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -6,9 +6,9 @@
6
6
  --page-indicator-color-inverted: var(--color-light-neutral-translucent-300-inverted);
7
7
  --page-indicator-active-color-inverted: var(--color-light-neutral-translucent-1300-inverted);
8
8
  }
9
- .page-indicator__element_6gwzc {
9
+ .page-indicator__element_1w0pv {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_6gwzc.page-indicator__active_6gwzc {
12
+ .page-indicator__element_1w0pv.page-indicator__active_1w0pv {
13
13
  background: var(--page-indicator-active-color-inverted);
14
14
  }