@alfalab/core-components-page-indicator 3.0.5 → 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 +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_xikjh {
9
+ .page-indicator__element_10fkj {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_xikjh.page-indicator__active_xikjh {
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_xikjh","active":"page-indicator__active_xikjh"};
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_22m3m.page-indicator__bullet_22m3m {
8
+ .page-indicator__pageIndicator_181mt.page-indicator__bullet_181mt {
9
9
  overflow: hidden;
10
10
  }
11
- .page-indicator__elementsList_22m3m {
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_22m3m {
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_22m3m.page-indicator__entering_22m3m {
25
+ .page-indicator__element_181mt.page-indicator__entering_181mt {
26
26
  opacity: 0;
27
27
  }
28
- .page-indicator__element_22m3m.page-indicator__entered_22m3m {
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_22m3m.page-indicator__exiting_22m3m {
36
+ .page-indicator__element_181mt.page-indicator__exiting_181mt {
37
37
  opacity: 0;
38
38
  }
39
- .page-indicator__element_22m3m.page-indicator__exited_22m3m {
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_22m3m","bullet":"page-indicator__bullet_22m3m","elementsList":"page-indicator__elementsList_22m3m","element":"page-indicator__element_22m3m","entering":"page-indicator__entering_22m3m","entered":"page-indicator__entered_22m3m","exiting":"page-indicator__exiting_22m3m","exited":"page-indicator__exited_22m3m"};
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_197b8 {
9
+ .page-indicator__element_v4d5x {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_197b8.page-indicator__active_197b8 {
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_197b8","active":"page-indicator__active_197b8"};
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_17abv {
9
+ .page-indicator__element_whh6v {
10
10
  background: var(--page-indicator-color-static-inverted);
11
11
  }
12
- .page-indicator__element_17abv.page-indicator__active_17abv {
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_17abv","active":"page-indicator__active_17abv"};
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_1etn9 {
9
+ .page-indicator__element_106lh {
10
10
  background: var(--page-indicator-color-static);
11
11
  }
12
- .page-indicator__element_1etn9.page-indicator__active_1etn9 {
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_1etn9","active":"page-indicator__active_1etn9"};
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_1xj1z {
9
+ .page-indicator__element_9oxs5 {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_1xj1z.page-indicator__active_1xj1z {
13
- .page-indicator__progress_1xj1z {
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_1xj1z","active":"page-indicator__active_1xj1z","progress":"page-indicator__progress_1xj1z"};
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_g9iso {
4
+ .page-indicator__pageIndicator_1xql3 {
5
5
  display: flex;
6
6
  }
7
- .page-indicator__element_g9iso {
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_g9iso:not(.page-indicator__active_g9iso) {
13
- .page-indicator__progress_g9iso {
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_g9iso {
17
+ .page-indicator__element_1xql3 {
18
18
 
19
- .page-indicator__progress_g9iso {
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_g9iso","element":"page-indicator__element_g9iso","active":"page-indicator__active_g9iso","progress":"page-indicator__progress_g9iso"};
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_4xmva {
9
+ .page-indicator__element_8artw {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_4xmva.page-indicator__active_4xmva {
13
- .page-indicator__progress_4xmva {
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_4xmva","active":"page-indicator__active_4xmva","progress":"page-indicator__progress_4xmva"};
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_1b7r0 {
9
+ .page-indicator__element_1nb4c {
10
10
  background: var(--page-indicator-color-static-inverted);
11
11
  }
12
- .page-indicator__element_1b7r0.page-indicator__active_1b7r0 {
13
- .page-indicator__progress_1b7r0 {
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_1b7r0","active":"page-indicator__active_1b7r0","progress":"page-indicator__progress_1b7r0"};
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_1nrbl {
9
+ .page-indicator__element_aj87a {
10
10
  background: var(--page-indicator-color-static);
11
11
  }
12
- .page-indicator__element_1nrbl.page-indicator__active_1nrbl {
13
- .page-indicator__progress_1nrbl {
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_1nrbl","active":"page-indicator__active_1nrbl","progress":"page-indicator__progress_1nrbl"};
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_uxptg {
9
+ .page-indicator__pageIndicator_l6f65 {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_uxptg {
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_uxptg","element":"page-indicator__element_uxptg"};
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_7wulx {
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_7wulx {
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_7wulx","pageIndicator":"page-indicator__pageIndicator_7wulx"};
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_zaoz5 {
9
+ .page-indicator__pageIndicator_1nwh2 {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_zaoz5 {
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_zaoz5","element":"page-indicator__element_zaoz5"};
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_1kgbx {
9
+ .page-indicator__pageIndicator_1ri0e {
10
10
  background: var(--page-indicator-color-static-inverted);
11
11
  }
12
- .page-indicator__element_1kgbx {
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_1kgbx","element":"page-indicator__element_1kgbx"};
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_1vb9y {
9
+ .page-indicator__pageIndicator_qoj4h {
10
10
  background: var(--page-indicator-color-static);
11
11
  }
12
- .page-indicator__element_1vb9y {
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_1vb9y","element":"page-indicator__element_1vb9y"};
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_52rbi {
9
+ .page-indicator__element_135ho {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_52rbi.page-indicator__active_52rbi {
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_52rbi","active":"page-indicator__active_52rbi"};
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_6lule {
5
+ .page-indicator__pageIndicator_1du4h {
6
6
  display: flex;
7
7
  width: 100%;
8
8
  }
9
- .page-indicator__element_6lule {
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_6lule","element":"page-indicator__element_6lule"};
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_541hu {
9
+ .page-indicator__element_moxgb {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_541hu.page-indicator__active_541hu {
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_541hu","active":"page-indicator__active_541hu"};
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_1p7kq {
9
+ .page-indicator__element_1iwvo {
10
10
  background: var(--page-indicator-color-static-inverted);
11
11
  }
12
- .page-indicator__element_1p7kq.page-indicator__active_1p7kq {
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_1p7kq","active":"page-indicator__active_1p7kq"};
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_ppwqb {
9
+ .page-indicator__element_8l3xv {
10
10
  background: var(--page-indicator-color-static);
11
11
  }
12
- .page-indicator__element_ppwqb.page-indicator__active_ppwqb {
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_ppwqb","active":"page-indicator__active_ppwqb"};
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_xikjh {
9
+ .page-indicator__element_10fkj {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_xikjh.page-indicator__active_xikjh {
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_xikjh","active":"page-indicator__active_xikjh"};
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_22m3m.page-indicator__bullet_22m3m {
8
+ .page-indicator__pageIndicator_181mt.page-indicator__bullet_181mt {
9
9
  overflow: hidden;
10
10
  }
11
- .page-indicator__elementsList_22m3m {
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_22m3m {
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_22m3m.page-indicator__entering_22m3m {
25
+ .page-indicator__element_181mt.page-indicator__entering_181mt {
26
26
  opacity: 0;
27
27
  }
28
- .page-indicator__element_22m3m.page-indicator__entered_22m3m {
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_22m3m.page-indicator__exiting_22m3m {
36
+ .page-indicator__element_181mt.page-indicator__exiting_181mt {
37
37
  opacity: 0;
38
38
  }
39
- .page-indicator__element_22m3m.page-indicator__exited_22m3m {
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_22m3m","bullet":"page-indicator__bullet_22m3m","elementsList":"page-indicator__elementsList_22m3m","element":"page-indicator__element_22m3m","entering":"page-indicator__entering_22m3m","entered":"page-indicator__entered_22m3m","exiting":"page-indicator__exiting_22m3m","exited":"page-indicator__exited_22m3m"};
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_197b8 {
9
+ .page-indicator__element_v4d5x {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_197b8.page-indicator__active_197b8 {
12
+ .page-indicator__element_v4d5x.page-indicator__active_v4d5x {
13
13
  background: var(--page-indicator-active-color-inverted);
14
14
  }