@alfalab/core-components-page-indicator 3.0.1 → 3.0.2-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 +1 -1
  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 +1 -1
  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 +1 -1
  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_1yozh {
9
+ .page-indicator__element_2kvg0 {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_1yozh.page-indicator__active_1yozh {
12
+ .page-indicator__element_2kvg0.page-indicator__active_2kvg0 {
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_1yozh","active":"page-indicator__active_1yozh"};
5
+ var defaultColors = {"element":"page-indicator__element_2kvg0","active":"page-indicator__active_2kvg0"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
@@ -5,10 +5,10 @@
5
5
  --page-indicator-animation-duration: 0.2s;
6
6
  --page-indicator-animation-timing-function: ease-in-out;
7
7
  }
8
- .page-indicator__pageIndicator_zxb7i.page-indicator__bullet_zxb7i {
8
+ .page-indicator__pageIndicator_6v7vh.page-indicator__bullet_6v7vh {
9
9
  overflow: hidden;
10
10
  }
11
- .page-indicator__elementsList_zxb7i {
11
+ .page-indicator__elementsList_6v7vh {
12
12
  margin: 0;
13
13
  padding: 0;
14
14
  display: flex;
@@ -17,17 +17,17 @@
17
17
  transition: transform var(--page-indicator-animation-duration)
18
18
  var(--page-indicator-animation-timing-function);
19
19
  }
20
- .page-indicator__element_zxb7i {
20
+ .page-indicator__element_6v7vh {
21
21
  list-style-type: none;
22
22
  flex-shrink: 0;
23
23
  transition: background var(--page-indicator-animation-duration)
24
24
  var(--page-indicator-animation-timing-function);
25
25
  border-radius: var(--border-radius-circle);
26
26
  }
27
- .page-indicator__element_zxb7i.page-indicator__entering_zxb7i {
27
+ .page-indicator__element_6v7vh.page-indicator__entering_6v7vh {
28
28
  opacity: 0;
29
29
  }
30
- .page-indicator__element_zxb7i.page-indicator__entered_zxb7i {
30
+ .page-indicator__element_6v7vh.page-indicator__entered_6v7vh {
31
31
  opacity: 1;
32
32
  transition:
33
33
  background var(--page-indicator-animation-duration)
@@ -35,9 +35,9 @@
35
35
  opacity var(--page-indicator-animation-duration)
36
36
  var(--page-indicator-animation-timing-function);
37
37
  }
38
- .page-indicator__element_zxb7i.page-indicator__exiting_zxb7i {
38
+ .page-indicator__element_6v7vh.page-indicator__exiting_6v7vh {
39
39
  opacity: 0;
40
40
  }
41
- .page-indicator__element_zxb7i.page-indicator__exited_zxb7i {
41
+ .page-indicator__element_6v7vh.page-indicator__exited_6v7vh {
42
42
  opacity: 0;
43
43
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"pageIndicator":"page-indicator__pageIndicator_zxb7i","bullet":"page-indicator__bullet_zxb7i","elementsList":"page-indicator__elementsList_zxb7i","element":"page-indicator__element_zxb7i","entering":"page-indicator__entering_zxb7i","entered":"page-indicator__entered_zxb7i","exiting":"page-indicator__exiting_zxb7i","exited":"page-indicator__exited_zxb7i"};
5
+ var styles = {"pageIndicator":"page-indicator__pageIndicator_6v7vh","bullet":"page-indicator__bullet_6v7vh","elementsList":"page-indicator__elementsList_6v7vh","element":"page-indicator__element_6v7vh","entering":"page-indicator__entering_6v7vh","entered":"page-indicator__entered_6v7vh","exiting":"page-indicator__exiting_6v7vh","exited":"page-indicator__exited_6v7vh"};
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_bcm52 {
9
+ .page-indicator__element_1was4 {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_bcm52.page-indicator__active_bcm52 {
12
+ .page-indicator__element_1was4.page-indicator__active_1was4 {
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_bcm52","active":"page-indicator__active_bcm52"};
5
+ var invertedColors = {"element":"page-indicator__element_1was4","active":"page-indicator__active_1was4"};
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_63wx5 {
9
+ .page-indicator__element_1uc6a {
10
10
  background: var(--page-indicator-color-static-inverted);
11
11
  }
12
- .page-indicator__element_63wx5.page-indicator__active_63wx5 {
12
+ .page-indicator__element_1uc6a.page-indicator__active_1uc6a {
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_63wx5","active":"page-indicator__active_63wx5"};
5
+ var staticInvertedColors = {"element":"page-indicator__element_1uc6a","active":"page-indicator__active_1uc6a"};
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_gyy59 {
9
+ .page-indicator__element_2bwdb {
10
10
  background: var(--page-indicator-color-static);
11
11
  }
12
- .page-indicator__element_gyy59.page-indicator__active_gyy59 {
12
+ .page-indicator__element_2bwdb.page-indicator__active_2bwdb {
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_gyy59","active":"page-indicator__active_gyy59"};
5
+ var staticColors = {"element":"page-indicator__element_2bwdb","active":"page-indicator__active_2bwdb"};
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_zocvw {
9
+ .page-indicator__element_1avcq {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_zocvw.page-indicator__active_zocvw {
13
- .page-indicator__progress_zocvw {
12
+ .page-indicator__element_1avcq.page-indicator__active_1avcq {
13
+ .page-indicator__progress_1avcq {
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_zocvw","active":"page-indicator__active_zocvw","progress":"page-indicator__progress_zocvw"};
5
+ var defaultColors = {"element":"page-indicator__element_1avcq","active":"page-indicator__active_1avcq","progress":"page-indicator__progress_1avcq"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
@@ -1,24 +1,24 @@
1
1
  :root {
2
2
  --page-indicator-animation-duration: 0.2s;
3
3
  }
4
- .page-indicator__pageIndicator_1e47w {
4
+ .page-indicator__pageIndicator_wk65n {
5
5
  margin: 0;
6
6
  padding: 0;
7
7
  display: flex;
8
8
  }
9
- .page-indicator__element_1e47w {
9
+ .page-indicator__element_wk65n {
10
10
  list-style-type: none;
11
11
  overflow: hidden;
12
12
  transition: width var(--page-indicator-animation-duration) linear;
13
13
  }
14
- .page-indicator__element_1e47w:not(.page-indicator__active_1e47w) {
15
- .page-indicator__progress_1e47w {
14
+ .page-indicator__element_wk65n:not(.page-indicator__active_wk65n) {
15
+ .page-indicator__progress_wk65n {
16
16
  display: none;
17
17
  }
18
18
  }
19
- .page-indicator__element_1e47w {
19
+ .page-indicator__element_wk65n {
20
20
 
21
- .page-indicator__progress_1e47w {
21
+ .page-indicator__progress_wk65n {
22
22
  width: 100%;
23
23
  height: 100%;
24
24
  will-change: transform;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"pageIndicator":"page-indicator__pageIndicator_1e47w","element":"page-indicator__element_1e47w","active":"page-indicator__active_1e47w","progress":"page-indicator__progress_1e47w"};
5
+ var styles = {"pageIndicator":"page-indicator__pageIndicator_wk65n","element":"page-indicator__element_wk65n","active":"page-indicator__active_wk65n","progress":"page-indicator__progress_wk65n"};
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_1641t {
9
+ .page-indicator__element_19h6r {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_1641t.page-indicator__active_1641t {
13
- .page-indicator__progress_1641t {
12
+ .page-indicator__element_19h6r.page-indicator__active_19h6r {
13
+ .page-indicator__progress_19h6r {
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_1641t","active":"page-indicator__active_1641t","progress":"page-indicator__progress_1641t"};
5
+ var invertedColors = {"element":"page-indicator__element_19h6r","active":"page-indicator__active_19h6r","progress":"page-indicator__progress_19h6r"};
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_a1c2w {
9
+ .page-indicator__element_m4pes {
10
10
  background: var(--page-indicator-color-static-inverted);
11
11
  }
12
- .page-indicator__element_a1c2w.page-indicator__active_a1c2w {
13
- .page-indicator__progress_a1c2w {
12
+ .page-indicator__element_m4pes.page-indicator__active_m4pes {
13
+ .page-indicator__progress_m4pes {
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_a1c2w","active":"page-indicator__active_a1c2w","progress":"page-indicator__progress_a1c2w"};
5
+ var staticInvertedColors = {"element":"page-indicator__element_m4pes","active":"page-indicator__active_m4pes","progress":"page-indicator__progress_m4pes"};
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_pwmho {
9
+ .page-indicator__element_1bpn5 {
10
10
  background: var(--page-indicator-color-static);
11
11
  }
12
- .page-indicator__element_pwmho.page-indicator__active_pwmho {
13
- .page-indicator__progress_pwmho {
12
+ .page-indicator__element_1bpn5.page-indicator__active_1bpn5 {
13
+ .page-indicator__progress_1bpn5 {
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_pwmho","active":"page-indicator__active_pwmho","progress":"page-indicator__progress_pwmho"};
5
+ var staticColors = {"element":"page-indicator__element_1bpn5","active":"page-indicator__active_1bpn5","progress":"page-indicator__progress_1bpn5"};
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_1ssex {
9
+ .page-indicator__pageIndicator_1j14a {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_1ssex {
12
+ .page-indicator__element_1j14a {
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_1ssex","element":"page-indicator__element_1ssex"};
5
+ var defaultColors = {"pageIndicator":"page-indicator__pageIndicator_1j14a","element":"page-indicator__element_1j14a"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --page-indicator-animation-duration: 0.2s;
3
3
  }
4
- .page-indicator__element_1939k {
4
+ .page-indicator__element_e7m61 {
5
5
  transition: transform var(--page-indicator-animation-duration) linear;
6
6
  will-change: transition;
7
7
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"element":"page-indicator__element_1939k"};
5
+ var styles = {"element":"page-indicator__element_e7m61"};
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_1x5e3 {
9
+ .page-indicator__pageIndicator_mq24w {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_1x5e3 {
12
+ .page-indicator__element_mq24w {
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_1x5e3","element":"page-indicator__element_1x5e3"};
5
+ var invertedColors = {"pageIndicator":"page-indicator__pageIndicator_mq24w","element":"page-indicator__element_mq24w"};
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_mlmtg {
9
+ .page-indicator__pageIndicator_tnbaj {
10
10
  background: var(--page-indicator-color-static-inverted);
11
11
  }
12
- .page-indicator__element_mlmtg {
12
+ .page-indicator__element_tnbaj {
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_mlmtg","element":"page-indicator__element_mlmtg"};
5
+ var staticInvertedColors = {"pageIndicator":"page-indicator__pageIndicator_tnbaj","element":"page-indicator__element_tnbaj"};
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_u4v0i {
9
+ .page-indicator__pageIndicator_1oj88 {
10
10
  background: var(--page-indicator-color-static);
11
11
  }
12
- .page-indicator__element_u4v0i {
12
+ .page-indicator__element_1oj88 {
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_u4v0i","element":"page-indicator__element_u4v0i"};
5
+ var staticColors = {"pageIndicator":"page-indicator__pageIndicator_1oj88","element":"page-indicator__element_1oj88"};
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_12xgf {
9
+ .page-indicator__element_1z2q9 {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_12xgf.page-indicator__active_12xgf {
12
+ .page-indicator__element_1z2q9.page-indicator__active_1z2q9 {
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_12xgf","active":"page-indicator__active_12xgf"};
5
+ var defaultColors = {"element":"page-indicator__element_1z2q9","active":"page-indicator__active_1z2q9"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
@@ -2,12 +2,12 @@
2
2
  --page-indicator-animation-duration: 0.2s;
3
3
  --page-indicator-animation-timing-function: ease-in-out;
4
4
  }
5
- .page-indicator__pageIndicator_17s9j {
5
+ .page-indicator__pageIndicator_fzfdy {
6
6
  margin: 0;
7
7
  padding: 0;
8
8
  display: flex;
9
9
  }
10
- .page-indicator__element_17s9j {
10
+ .page-indicator__element_fzfdy {
11
11
  list-style-type: none;
12
12
  flex-grow: 1;
13
13
  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_17s9j","element":"page-indicator__element_17s9j"};
5
+ var styles = {"pageIndicator":"page-indicator__pageIndicator_fzfdy","element":"page-indicator__element_fzfdy"};
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_12yql {
9
+ .page-indicator__element_1kjmk {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_12yql.page-indicator__active_12yql {
12
+ .page-indicator__element_1kjmk.page-indicator__active_1kjmk {
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_12yql","active":"page-indicator__active_12yql"};
5
+ var invertedColors = {"element":"page-indicator__element_1kjmk","active":"page-indicator__active_1kjmk"};
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_rcvmy {
9
+ .page-indicator__element_l26kx {
10
10
  background: var(--page-indicator-color-static-inverted);
11
11
  }
12
- .page-indicator__element_rcvmy.page-indicator__active_rcvmy {
12
+ .page-indicator__element_l26kx.page-indicator__active_l26kx {
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_rcvmy","active":"page-indicator__active_rcvmy"};
5
+ var staticInvertedColors = {"element":"page-indicator__element_l26kx","active":"page-indicator__active_l26kx"};
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_1nklu {
9
+ .page-indicator__element_16ft1 {
10
10
  background: var(--page-indicator-color-static);
11
11
  }
12
- .page-indicator__element_1nklu.page-indicator__active_1nklu {
12
+ .page-indicator__element_16ft1.page-indicator__active_16ft1 {
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_1nklu","active":"page-indicator__active_1nklu"};
5
+ var staticColors = {"element":"page-indicator__element_16ft1","active":"page-indicator__active_16ft1"};
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_1yozh {
9
+ .page-indicator__element_2kvg0 {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_1yozh.page-indicator__active_1yozh {
12
+ .page-indicator__element_2kvg0.page-indicator__active_2kvg0 {
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_1yozh","active":"page-indicator__active_1yozh"};
3
+ var defaultColors = {"element":"page-indicator__element_2kvg0","active":"page-indicator__active_2kvg0"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
@@ -5,10 +5,10 @@
5
5
  --page-indicator-animation-duration: 0.2s;
6
6
  --page-indicator-animation-timing-function: ease-in-out;
7
7
  }
8
- .page-indicator__pageIndicator_zxb7i.page-indicator__bullet_zxb7i {
8
+ .page-indicator__pageIndicator_6v7vh.page-indicator__bullet_6v7vh {
9
9
  overflow: hidden;
10
10
  }
11
- .page-indicator__elementsList_zxb7i {
11
+ .page-indicator__elementsList_6v7vh {
12
12
  margin: 0;
13
13
  padding: 0;
14
14
  display: flex;
@@ -17,17 +17,17 @@
17
17
  transition: transform var(--page-indicator-animation-duration)
18
18
  var(--page-indicator-animation-timing-function);
19
19
  }
20
- .page-indicator__element_zxb7i {
20
+ .page-indicator__element_6v7vh {
21
21
  list-style-type: none;
22
22
  flex-shrink: 0;
23
23
  transition: background var(--page-indicator-animation-duration)
24
24
  var(--page-indicator-animation-timing-function);
25
25
  border-radius: var(--border-radius-circle);
26
26
  }
27
- .page-indicator__element_zxb7i.page-indicator__entering_zxb7i {
27
+ .page-indicator__element_6v7vh.page-indicator__entering_6v7vh {
28
28
  opacity: 0;
29
29
  }
30
- .page-indicator__element_zxb7i.page-indicator__entered_zxb7i {
30
+ .page-indicator__element_6v7vh.page-indicator__entered_6v7vh {
31
31
  opacity: 1;
32
32
  transition:
33
33
  background var(--page-indicator-animation-duration)
@@ -35,9 +35,9 @@
35
35
  opacity var(--page-indicator-animation-duration)
36
36
  var(--page-indicator-animation-timing-function);
37
37
  }
38
- .page-indicator__element_zxb7i.page-indicator__exiting_zxb7i {
38
+ .page-indicator__element_6v7vh.page-indicator__exiting_6v7vh {
39
39
  opacity: 0;
40
40
  }
41
- .page-indicator__element_zxb7i.page-indicator__exited_zxb7i {
41
+ .page-indicator__element_6v7vh.page-indicator__exited_6v7vh {
42
42
  opacity: 0;
43
43
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"pageIndicator":"page-indicator__pageIndicator_zxb7i","bullet":"page-indicator__bullet_zxb7i","elementsList":"page-indicator__elementsList_zxb7i","element":"page-indicator__element_zxb7i","entering":"page-indicator__entering_zxb7i","entered":"page-indicator__entered_zxb7i","exiting":"page-indicator__exiting_zxb7i","exited":"page-indicator__exited_zxb7i"};
3
+ var styles = {"pageIndicator":"page-indicator__pageIndicator_6v7vh","bullet":"page-indicator__bullet_6v7vh","elementsList":"page-indicator__elementsList_6v7vh","element":"page-indicator__element_6v7vh","entering":"page-indicator__entering_6v7vh","entered":"page-indicator__entered_6v7vh","exiting":"page-indicator__exiting_6v7vh","exited":"page-indicator__exited_6v7vh"};
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_bcm52 {
9
+ .page-indicator__element_1was4 {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_bcm52.page-indicator__active_bcm52 {
12
+ .page-indicator__element_1was4.page-indicator__active_1was4 {
13
13
  background: var(--page-indicator-active-color-inverted);
14
14
  }