@alfalab/core-components-page-indicator 3.0.5-alfasans → 3.0.6-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 +3 -3
@@ -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_2at7g {
9
+ .page-indicator__element_10fkj {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_2at7g.page-indicator__active_2at7g {
12
+ .page-indicator__element_10fkj.page-indicator__active_10fkj {
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_2at7g","active":"page-indicator__active_2at7g"};
5
+ var defaultColors = {"element":"page-indicator__element_10fkj","active":"page-indicator__active_10fkj"};
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_1jha9.page-indicator__bullet_1jha9 {
8
+ .page-indicator__pageIndicator_181mt.page-indicator__bullet_181mt {
9
9
  overflow: hidden;
10
10
  }
11
- .page-indicator__elementsList_1jha9 {
11
+ .page-indicator__elementsList_181mt {
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_1jha9 {
18
+ .page-indicator__element_181mt {
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_1jha9.page-indicator__entering_1jha9 {
25
+ .page-indicator__element_181mt.page-indicator__entering_181mt {
26
26
  opacity: 0;
27
27
  }
28
- .page-indicator__element_1jha9.page-indicator__entered_1jha9 {
28
+ .page-indicator__element_181mt.page-indicator__entered_181mt {
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_1jha9.page-indicator__exiting_1jha9 {
36
+ .page-indicator__element_181mt.page-indicator__exiting_181mt {
37
37
  opacity: 0;
38
38
  }
39
- .page-indicator__element_1jha9.page-indicator__exited_1jha9 {
39
+ .page-indicator__element_181mt.page-indicator__exited_181mt {
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_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"};
5
+ var styles = {"pageIndicator":"page-indicator__pageIndicator_181mt","bullet":"page-indicator__bullet_181mt","elementsList":"page-indicator__elementsList_181mt","element":"page-indicator__element_181mt","entering":"page-indicator__entering_181mt","entered":"page-indicator__entered_181mt","exiting":"page-indicator__exiting_181mt","exited":"page-indicator__exited_181mt"};
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_1w0pv {
9
+ .page-indicator__element_v4d5x {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_1w0pv.page-indicator__active_1w0pv {
12
+ .page-indicator__element_v4d5x.page-indicator__active_v4d5x {
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_1w0pv","active":"page-indicator__active_1w0pv"};
5
+ var invertedColors = {"element":"page-indicator__element_v4d5x","active":"page-indicator__active_v4d5x"};
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_17x4n {
9
+ .page-indicator__element_whh6v {
10
10
  background: var(--page-indicator-color-static-inverted);
11
11
  }
12
- .page-indicator__element_17x4n.page-indicator__active_17x4n {
12
+ .page-indicator__element_whh6v.page-indicator__active_whh6v {
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_17x4n","active":"page-indicator__active_17x4n"};
5
+ var staticInvertedColors = {"element":"page-indicator__element_whh6v","active":"page-indicator__active_whh6v"};
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_djamk {
9
+ .page-indicator__element_106lh {
10
10
  background: var(--page-indicator-color-static);
11
11
  }
12
- .page-indicator__element_djamk.page-indicator__active_djamk {
12
+ .page-indicator__element_106lh.page-indicator__active_106lh {
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_djamk","active":"page-indicator__active_djamk"};
5
+ var staticColors = {"element":"page-indicator__element_106lh","active":"page-indicator__active_106lh"};
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_1le8i {
9
+ .page-indicator__element_9oxs5 {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_1le8i.page-indicator__active_1le8i {
13
- .page-indicator__progress_1le8i {
12
+ .page-indicator__element_9oxs5.page-indicator__active_9oxs5 {
13
+ .page-indicator__progress_9oxs5 {
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_1le8i","active":"page-indicator__active_1le8i","progress":"page-indicator__progress_1le8i"};
5
+ var defaultColors = {"element":"page-indicator__element_9oxs5","active":"page-indicator__active_9oxs5","progress":"page-indicator__progress_9oxs5"};
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_1srsq {
4
+ .page-indicator__pageIndicator_1xql3 {
5
5
  display: flex;
6
6
  }
7
- .page-indicator__element_1srsq {
7
+ .page-indicator__element_1xql3 {
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_1srsq:not(.page-indicator__active_1srsq) {
13
- .page-indicator__progress_1srsq {
12
+ .page-indicator__element_1xql3:not(.page-indicator__active_1xql3) {
13
+ .page-indicator__progress_1xql3 {
14
14
  display: none;
15
15
  }
16
16
  }
17
- .page-indicator__element_1srsq {
17
+ .page-indicator__element_1xql3 {
18
18
 
19
- .page-indicator__progress_1srsq {
19
+ .page-indicator__progress_1xql3 {
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_1srsq","element":"page-indicator__element_1srsq","active":"page-indicator__active_1srsq","progress":"page-indicator__progress_1srsq"};
5
+ var styles = {"pageIndicator":"page-indicator__pageIndicator_1xql3","element":"page-indicator__element_1xql3","active":"page-indicator__active_1xql3","progress":"page-indicator__progress_1xql3"};
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_1k02j {
9
+ .page-indicator__element_8artw {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_1k02j.page-indicator__active_1k02j {
13
- .page-indicator__progress_1k02j {
12
+ .page-indicator__element_8artw.page-indicator__active_8artw {
13
+ .page-indicator__progress_8artw {
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_1k02j","active":"page-indicator__active_1k02j","progress":"page-indicator__progress_1k02j"};
5
+ var invertedColors = {"element":"page-indicator__element_8artw","active":"page-indicator__active_8artw","progress":"page-indicator__progress_8artw"};
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_1icbz {
9
+ .page-indicator__element_1nb4c {
10
10
  background: var(--page-indicator-color-static-inverted);
11
11
  }
12
- .page-indicator__element_1icbz.page-indicator__active_1icbz {
13
- .page-indicator__progress_1icbz {
12
+ .page-indicator__element_1nb4c.page-indicator__active_1nb4c {
13
+ .page-indicator__progress_1nb4c {
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_1icbz","active":"page-indicator__active_1icbz","progress":"page-indicator__progress_1icbz"};
5
+ var staticInvertedColors = {"element":"page-indicator__element_1nb4c","active":"page-indicator__active_1nb4c","progress":"page-indicator__progress_1nb4c"};
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_xv1j8 {
9
+ .page-indicator__element_aj87a {
10
10
  background: var(--page-indicator-color-static);
11
11
  }
12
- .page-indicator__element_xv1j8.page-indicator__active_xv1j8 {
13
- .page-indicator__progress_xv1j8 {
12
+ .page-indicator__element_aj87a.page-indicator__active_aj87a {
13
+ .page-indicator__progress_aj87a {
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_xv1j8","active":"page-indicator__active_xv1j8","progress":"page-indicator__progress_xv1j8"};
5
+ var staticColors = {"element":"page-indicator__element_aj87a","active":"page-indicator__active_aj87a","progress":"page-indicator__progress_aj87a"};
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_9qrpy {
9
+ .page-indicator__pageIndicator_l6f65 {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_9qrpy {
12
+ .page-indicator__element_l6f65 {
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_9qrpy","element":"page-indicator__element_9qrpy"};
5
+ var defaultColors = {"pageIndicator":"page-indicator__pageIndicator_l6f65","element":"page-indicator__element_l6f65"};
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_b5yke {
4
+ .page-indicator__element_1c2b9 {
5
5
  transition: transform var(--page-indicator-animation-duration) linear;
6
6
  will-change: transition;
7
7
  }
8
- .page-indicator__pageIndicator_b5yke {
8
+ .page-indicator__pageIndicator_1c2b9 {
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_b5yke","pageIndicator":"page-indicator__pageIndicator_b5yke"};
5
+ var styles = {"element":"page-indicator__element_1c2b9","pageIndicator":"page-indicator__pageIndicator_1c2b9"};
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_1cgtm {
9
+ .page-indicator__pageIndicator_1nwh2 {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_1cgtm {
12
+ .page-indicator__element_1nwh2 {
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_1cgtm","element":"page-indicator__element_1cgtm"};
5
+ var invertedColors = {"pageIndicator":"page-indicator__pageIndicator_1nwh2","element":"page-indicator__element_1nwh2"};
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_qlnow {
9
+ .page-indicator__pageIndicator_1ri0e {
10
10
  background: var(--page-indicator-color-static-inverted);
11
11
  }
12
- .page-indicator__element_qlnow {
12
+ .page-indicator__element_1ri0e {
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_qlnow","element":"page-indicator__element_qlnow"};
5
+ var staticInvertedColors = {"pageIndicator":"page-indicator__pageIndicator_1ri0e","element":"page-indicator__element_1ri0e"};
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_197uv {
9
+ .page-indicator__pageIndicator_qoj4h {
10
10
  background: var(--page-indicator-color-static);
11
11
  }
12
- .page-indicator__element_197uv {
12
+ .page-indicator__element_qoj4h {
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_197uv","element":"page-indicator__element_197uv"};
5
+ var staticColors = {"pageIndicator":"page-indicator__pageIndicator_qoj4h","element":"page-indicator__element_qoj4h"};
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_1qhb0 {
9
+ .page-indicator__element_135ho {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_1qhb0.page-indicator__active_1qhb0 {
12
+ .page-indicator__element_135ho.page-indicator__active_135ho {
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_1qhb0","active":"page-indicator__active_1qhb0"};
5
+ var defaultColors = {"element":"page-indicator__element_135ho","active":"page-indicator__active_135ho"};
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_1wdg8 {
5
+ .page-indicator__pageIndicator_1du4h {
6
6
  display: flex;
7
7
  width: 100%;
8
8
  }
9
- .page-indicator__element_1wdg8 {
9
+ .page-indicator__element_1du4h {
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_1wdg8","element":"page-indicator__element_1wdg8"};
5
+ var styles = {"pageIndicator":"page-indicator__pageIndicator_1du4h","element":"page-indicator__element_1du4h"};
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_1a0qs {
9
+ .page-indicator__element_moxgb {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_1a0qs.page-indicator__active_1a0qs {
12
+ .page-indicator__element_moxgb.page-indicator__active_moxgb {
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_1a0qs","active":"page-indicator__active_1a0qs"};
5
+ var invertedColors = {"element":"page-indicator__element_moxgb","active":"page-indicator__active_moxgb"};
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_2f3df {
9
+ .page-indicator__element_1iwvo {
10
10
  background: var(--page-indicator-color-static-inverted);
11
11
  }
12
- .page-indicator__element_2f3df.page-indicator__active_2f3df {
12
+ .page-indicator__element_1iwvo.page-indicator__active_1iwvo {
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_2f3df","active":"page-indicator__active_2f3df"};
5
+ var staticInvertedColors = {"element":"page-indicator__element_1iwvo","active":"page-indicator__active_1iwvo"};
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_1ejrc {
9
+ .page-indicator__element_8l3xv {
10
10
  background: var(--page-indicator-color-static);
11
11
  }
12
- .page-indicator__element_1ejrc.page-indicator__active_1ejrc {
12
+ .page-indicator__element_8l3xv.page-indicator__active_8l3xv {
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_1ejrc","active":"page-indicator__active_1ejrc"};
5
+ var staticColors = {"element":"page-indicator__element_8l3xv","active":"page-indicator__active_8l3xv"};
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_2at7g {
9
+ .page-indicator__element_10fkj {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_2at7g.page-indicator__active_2at7g {
12
+ .page-indicator__element_10fkj.page-indicator__active_10fkj {
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_2at7g","active":"page-indicator__active_2at7g"};
3
+ var defaultColors = {"element":"page-indicator__element_10fkj","active":"page-indicator__active_10fkj"};
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_1jha9.page-indicator__bullet_1jha9 {
8
+ .page-indicator__pageIndicator_181mt.page-indicator__bullet_181mt {
9
9
  overflow: hidden;
10
10
  }
11
- .page-indicator__elementsList_1jha9 {
11
+ .page-indicator__elementsList_181mt {
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_1jha9 {
18
+ .page-indicator__element_181mt {
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_1jha9.page-indicator__entering_1jha9 {
25
+ .page-indicator__element_181mt.page-indicator__entering_181mt {
26
26
  opacity: 0;
27
27
  }
28
- .page-indicator__element_1jha9.page-indicator__entered_1jha9 {
28
+ .page-indicator__element_181mt.page-indicator__entered_181mt {
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_1jha9.page-indicator__exiting_1jha9 {
36
+ .page-indicator__element_181mt.page-indicator__exiting_181mt {
37
37
  opacity: 0;
38
38
  }
39
- .page-indicator__element_1jha9.page-indicator__exited_1jha9 {
39
+ .page-indicator__element_181mt.page-indicator__exited_181mt {
40
40
  opacity: 0;
41
41
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
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"};
3
+ var styles = {"pageIndicator":"page-indicator__pageIndicator_181mt","bullet":"page-indicator__bullet_181mt","elementsList":"page-indicator__elementsList_181mt","element":"page-indicator__element_181mt","entering":"page-indicator__entering_181mt","entered":"page-indicator__entered_181mt","exiting":"page-indicator__exiting_181mt","exited":"page-indicator__exited_181mt"};
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_1w0pv {
9
+ .page-indicator__element_v4d5x {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_1w0pv.page-indicator__active_1w0pv {
12
+ .page-indicator__element_v4d5x.page-indicator__active_v4d5x {
13
13
  background: var(--page-indicator-active-color-inverted);
14
14
  }