@alfalab/core-components-page-indicator 2.0.0 → 2.0.1-snapshot-c2c8d5a

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 +3 -3
@@ -4,8 +4,8 @@
4
4
  } :root {
5
5
  --page-indicator-color: var(--color-light-neutral-translucent-300);
6
6
  --page-indicator-active-color: var(--color-light-neutral-translucent-1300);
7
- } .page-indicator__element_100b4 {
7
+ } .page-indicator__element_1i5oy {
8
8
  background: var(--page-indicator-color)
9
- } .page-indicator__element_100b4.page-indicator__active_100b4 {
9
+ } .page-indicator__element_1i5oy.page-indicator__active_1i5oy {
10
10
  background: var(--page-indicator-active-color);
11
11
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./default.css');
4
4
 
5
- var defaultColors = {"element":"page-indicator__element_100b4","active":"page-indicator__active_100b4"};
5
+ var defaultColors = {"element":"page-indicator__element_1i5oy","active":"page-indicator__active_1i5oy"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
@@ -3,9 +3,9 @@
3
3
  } :root {
4
4
  --page-indicator-animation-duration: 0.2s;
5
5
  --page-indicator-animation-timing-function: ease-in-out;
6
- } .page-indicator__pageIndicator_gavq3.page-indicator__bullet_gavq3 {
6
+ } .page-indicator__pageIndicator_u0ujl.page-indicator__bullet_u0ujl {
7
7
  overflow: hidden;
8
- } .page-indicator__elementsList_gavq3 {
8
+ } .page-indicator__elementsList_u0ujl {
9
9
  margin: 0;
10
10
  padding: 0;
11
11
  display: flex;
@@ -13,22 +13,22 @@
13
13
  will-change: transform;
14
14
  transition: transform var(--page-indicator-animation-duration)
15
15
  var(--page-indicator-animation-timing-function);
16
- } .page-indicator__element_gavq3 {
16
+ } .page-indicator__element_u0ujl {
17
17
  list-style-type: none;
18
18
  flex-shrink: 0;
19
19
  transition: background var(--page-indicator-animation-duration)
20
20
  var(--page-indicator-animation-timing-function);
21
21
  border-radius: var(--border-radius-circle)
22
- } .page-indicator__element_gavq3.page-indicator__entering_gavq3 {
22
+ } .page-indicator__element_u0ujl.page-indicator__entering_u0ujl {
23
23
  opacity: 0;
24
- } .page-indicator__element_gavq3.page-indicator__entered_gavq3 {
24
+ } .page-indicator__element_u0ujl.page-indicator__entered_u0ujl {
25
25
  opacity: 1;
26
26
  transition: background var(--page-indicator-animation-duration)
27
27
  var(--page-indicator-animation-timing-function),
28
28
  opacity var(--page-indicator-animation-duration)
29
29
  var(--page-indicator-animation-timing-function);
30
- } .page-indicator__element_gavq3.page-indicator__exiting_gavq3 {
30
+ } .page-indicator__element_u0ujl.page-indicator__exiting_u0ujl {
31
31
  opacity: 0;
32
- } .page-indicator__element_gavq3.page-indicator__exited_gavq3 {
32
+ } .page-indicator__element_u0ujl.page-indicator__exited_u0ujl {
33
33
  opacity: 0;
34
34
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"pageIndicator":"page-indicator__pageIndicator_gavq3","bullet":"page-indicator__bullet_gavq3","elementsList":"page-indicator__elementsList_gavq3","element":"page-indicator__element_gavq3","entering":"page-indicator__entering_gavq3","entered":"page-indicator__entered_gavq3","exiting":"page-indicator__exiting_gavq3","exited":"page-indicator__exited_gavq3"};
5
+ var styles = {"pageIndicator":"page-indicator__pageIndicator_u0ujl","bullet":"page-indicator__bullet_u0ujl","elementsList":"page-indicator__elementsList_u0ujl","element":"page-indicator__element_u0ujl","entering":"page-indicator__entering_u0ujl","entered":"page-indicator__entered_u0ujl","exiting":"page-indicator__exiting_u0ujl","exited":"page-indicator__exited_u0ujl"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -4,8 +4,8 @@
4
4
  } :root {
5
5
  --page-indicator-color-inverted: var(--color-light-neutral-translucent-300-inverted);
6
6
  --page-indicator-active-color-inverted: var(--color-light-neutral-translucent-1300-inverted);
7
- } .page-indicator__element_1bp1t {
7
+ } .page-indicator__element_1tfjd {
8
8
  background: var(--page-indicator-color-inverted)
9
- } .page-indicator__element_1bp1t.page-indicator__active_1bp1t {
9
+ } .page-indicator__element_1tfjd.page-indicator__active_1tfjd {
10
10
  background: var(--page-indicator-active-color-inverted);
11
11
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./inverted.css');
4
4
 
5
- var invertedColors = {"element":"page-indicator__element_1bp1t","active":"page-indicator__active_1bp1t"};
5
+ var invertedColors = {"element":"page-indicator__element_1tfjd","active":"page-indicator__active_1tfjd"};
6
6
 
7
7
  module.exports = invertedColors;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
@@ -4,8 +4,8 @@
4
4
  } :root {
5
5
  --page-indicator-color-static-inverted: var(--color-static-neutral-translucent-300-inverted);
6
6
  --page-indicator-active-color-static-inverted: var(--color-static-neutral-1300-inverted);
7
- } .page-indicator__element_1lilh {
7
+ } .page-indicator__element_hs5rk {
8
8
  background: var(--page-indicator-color-static-inverted)
9
- } .page-indicator__element_1lilh.page-indicator__active_1lilh {
9
+ } .page-indicator__element_hs5rk.page-indicator__active_hs5rk {
10
10
  background: var(--page-indicator-active-color-static-inverted);
11
11
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./static-inverted.css');
4
4
 
5
- var staticInvertedColors = {"element":"page-indicator__element_1lilh","active":"page-indicator__active_1lilh"};
5
+ var staticInvertedColors = {"element":"page-indicator__element_hs5rk","active":"page-indicator__active_hs5rk"};
6
6
 
7
7
  module.exports = staticInvertedColors;
8
8
  //# sourceMappingURL=static-inverted.module.css.js.map
@@ -4,8 +4,8 @@
4
4
  } :root {
5
5
  --page-indicator-color-static: var(--color-static-neutral-translucent-300);
6
6
  --page-indicator-active-color-static: var(--color-static-neutral-1300);
7
- } .page-indicator__element_1fnmi {
7
+ } .page-indicator__element_c8uob {
8
8
  background: var(--page-indicator-color-static)
9
- } .page-indicator__element_1fnmi.page-indicator__active_1fnmi {
9
+ } .page-indicator__element_c8uob.page-indicator__active_c8uob {
10
10
  background: var(--page-indicator-active-color-static);
11
11
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./static.css');
4
4
 
5
- var staticColors = {"element":"page-indicator__element_1fnmi","active":"page-indicator__active_1fnmi"};
5
+ var staticColors = {"element":"page-indicator__element_c8uob","active":"page-indicator__active_c8uob"};
6
6
 
7
7
  module.exports = staticColors;
8
8
  //# sourceMappingURL=static.module.css.js.map
@@ -4,10 +4,10 @@
4
4
  } :root {
5
5
  --page-indicator-color: var(--color-light-neutral-translucent-300);
6
6
  --page-indicator-active-color: var(--color-light-neutral-translucent-1300);
7
- } .page-indicator__element_1yd19 {
7
+ } .page-indicator__element_12j7f {
8
8
  background: var(--page-indicator-color)
9
- } .page-indicator__element_1yd19.page-indicator__active_1yd19 {
10
- .page-indicator__progress_1yd19 {
9
+ } .page-indicator__element_12j7f.page-indicator__active_12j7f {
10
+ .page-indicator__progress_12j7f {
11
11
  background: var(--page-indicator-active-color);
12
12
  }
13
13
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./default.css');
4
4
 
5
- var defaultColors = {"element":"page-indicator__element_1yd19","active":"page-indicator__active_1yd19","progress":"page-indicator__progress_1yd19"};
5
+ var defaultColors = {"element":"page-indicator__element_12j7f","active":"page-indicator__active_12j7f","progress":"page-indicator__progress_12j7f"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
@@ -1,20 +1,20 @@
1
1
  :root {
2
2
  --page-indicator-animation-duration: 0.2s;
3
- } .page-indicator__pageIndicator_ffjjc {
3
+ } .page-indicator__pageIndicator_1p2jr {
4
4
  margin: 0;
5
5
  padding: 0;
6
6
  display: flex;
7
- } .page-indicator__element_ffjjc {
7
+ } .page-indicator__element_1p2jr {
8
8
  list-style-type: none;
9
9
  overflow: hidden;
10
10
  transition: width var(--page-indicator-animation-duration) linear
11
- } .page-indicator__element_ffjjc:not(.page-indicator__active_ffjjc) {
12
- .page-indicator__progress_ffjjc {
11
+ } .page-indicator__element_1p2jr:not(.page-indicator__active_1p2jr) {
12
+ .page-indicator__progress_1p2jr {
13
13
  display: none;
14
14
  }
15
- } .page-indicator__element_ffjjc {
15
+ } .page-indicator__element_1p2jr {
16
16
 
17
- .page-indicator__progress_ffjjc {
17
+ .page-indicator__progress_1p2jr {
18
18
  width: 100%;
19
19
  height: 100%;
20
20
  will-change: transform;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"pageIndicator":"page-indicator__pageIndicator_ffjjc","element":"page-indicator__element_ffjjc","active":"page-indicator__active_ffjjc","progress":"page-indicator__progress_ffjjc"};
5
+ var styles = {"pageIndicator":"page-indicator__pageIndicator_1p2jr","element":"page-indicator__element_1p2jr","active":"page-indicator__active_1p2jr","progress":"page-indicator__progress_1p2jr"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -4,10 +4,10 @@
4
4
  } :root {
5
5
  --page-indicator-color-inverted: var(--color-light-neutral-translucent-300-inverted);
6
6
  --page-indicator-active-color-inverted: var(--color-light-neutral-translucent-1300-inverted);
7
- } .page-indicator__element_5rm4m {
7
+ } .page-indicator__element_1msfb {
8
8
  background: var(--page-indicator-color-inverted)
9
- } .page-indicator__element_5rm4m.page-indicator__active_5rm4m {
10
- .page-indicator__progress_5rm4m {
9
+ } .page-indicator__element_1msfb.page-indicator__active_1msfb {
10
+ .page-indicator__progress_1msfb {
11
11
  background: var(--page-indicator-active-color-inverted);
12
12
  }
13
13
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./inverted.css');
4
4
 
5
- var invertedColors = {"element":"page-indicator__element_5rm4m","active":"page-indicator__active_5rm4m","progress":"page-indicator__progress_5rm4m"};
5
+ var invertedColors = {"element":"page-indicator__element_1msfb","active":"page-indicator__active_1msfb","progress":"page-indicator__progress_1msfb"};
6
6
 
7
7
  module.exports = invertedColors;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
@@ -4,10 +4,10 @@
4
4
  } :root {
5
5
  --page-indicator-color-static-inverted: var(--color-static-neutral-translucent-300-inverted);
6
6
  --page-indicator-active-color-static-inverted: var(--color-static-neutral-1300-inverted);
7
- } .page-indicator__element_1adrr {
7
+ } .page-indicator__element_gftrr {
8
8
  background: var(--page-indicator-color-static-inverted)
9
- } .page-indicator__element_1adrr.page-indicator__active_1adrr {
10
- .page-indicator__progress_1adrr {
9
+ } .page-indicator__element_gftrr.page-indicator__active_gftrr {
10
+ .page-indicator__progress_gftrr {
11
11
  background: var(--page-indicator-active-color-static-inverted);
12
12
  }
13
13
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./static-inverted.css');
4
4
 
5
- var staticInvertedColors = {"element":"page-indicator__element_1adrr","active":"page-indicator__active_1adrr","progress":"page-indicator__progress_1adrr"};
5
+ var staticInvertedColors = {"element":"page-indicator__element_gftrr","active":"page-indicator__active_gftrr","progress":"page-indicator__progress_gftrr"};
6
6
 
7
7
  module.exports = staticInvertedColors;
8
8
  //# sourceMappingURL=static-inverted.module.css.js.map
@@ -4,10 +4,10 @@
4
4
  } :root {
5
5
  --page-indicator-color-static: var(--color-static-neutral-translucent-300);
6
6
  --page-indicator-active-color-static: var(--color-static-neutral-1300);
7
- } .page-indicator__element_19j1z {
7
+ } .page-indicator__element_19la7 {
8
8
  background: var(--page-indicator-color-static)
9
- } .page-indicator__element_19j1z.page-indicator__active_19j1z {
10
- .page-indicator__progress_19j1z {
9
+ } .page-indicator__element_19la7.page-indicator__active_19la7 {
10
+ .page-indicator__progress_19la7 {
11
11
  background: var(--page-indicator-active-color-static);
12
12
  }
13
13
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./static.css');
4
4
 
5
- var staticColors = {"element":"page-indicator__element_19j1z","active":"page-indicator__active_19j1z","progress":"page-indicator__progress_19j1z"};
5
+ var staticColors = {"element":"page-indicator__element_19la7","active":"page-indicator__active_19la7","progress":"page-indicator__progress_19la7"};
6
6
 
7
7
  module.exports = staticColors;
8
8
  //# sourceMappingURL=static.module.css.js.map
@@ -4,8 +4,8 @@
4
4
  } :root {
5
5
  --page-indicator-color: var(--color-light-neutral-translucent-300);
6
6
  --page-indicator-active-color: var(--color-light-neutral-translucent-1300);
7
- } .page-indicator__pageIndicator_u3qk5 {
7
+ } .page-indicator__pageIndicator_13hni {
8
8
  background: var(--page-indicator-color);
9
- } .page-indicator__element_u3qk5 {
9
+ } .page-indicator__element_13hni {
10
10
  background: var(--page-indicator-active-color);
11
11
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./default.css');
4
4
 
5
- var defaultColors = {"pageIndicator":"page-indicator__pageIndicator_u3qk5","element":"page-indicator__element_u3qk5"};
5
+ var defaultColors = {"pageIndicator":"page-indicator__pageIndicator_13hni","element":"page-indicator__element_13hni"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  --page-indicator-animation-duration: 0.2s;
3
- } .page-indicator__element_pgu2k {
3
+ } .page-indicator__element_1myql {
4
4
  transition: transform var(--page-indicator-animation-duration) linear;
5
5
  will-change: transition;
6
6
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"element":"page-indicator__element_pgu2k"};
5
+ var styles = {"element":"page-indicator__element_1myql"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -4,8 +4,8 @@
4
4
  } :root {
5
5
  --page-indicator-color-inverted: var(--color-light-neutral-translucent-300-inverted);
6
6
  --page-indicator-active-color-inverted: var(--color-light-neutral-translucent-1300-inverted);
7
- } .page-indicator__pageIndicator_ygppt {
7
+ } .page-indicator__pageIndicator_3f9on {
8
8
  background: var(--page-indicator-color-inverted);
9
- } .page-indicator__element_ygppt {
9
+ } .page-indicator__element_3f9on {
10
10
  background: var(--page-indicator-active-color-inverted);
11
11
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./inverted.css');
4
4
 
5
- var invertedColors = {"pageIndicator":"page-indicator__pageIndicator_ygppt","element":"page-indicator__element_ygppt"};
5
+ var invertedColors = {"pageIndicator":"page-indicator__pageIndicator_3f9on","element":"page-indicator__element_3f9on"};
6
6
 
7
7
  module.exports = invertedColors;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
@@ -4,8 +4,8 @@
4
4
  } :root {
5
5
  --page-indicator-color-static-inverted: var(--color-static-neutral-translucent-300-inverted);
6
6
  --page-indicator-active-color-static-inverted: var(--color-static-neutral-1300-inverted);
7
- } .page-indicator__pageIndicator_2z7c0 {
7
+ } .page-indicator__pageIndicator_n1609 {
8
8
  background: var(--page-indicator-color-static-inverted);
9
- } .page-indicator__element_2z7c0 {
9
+ } .page-indicator__element_n1609 {
10
10
  background: var(--page-indicator-active-color-static-inverted);
11
11
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./static-inverted.css');
4
4
 
5
- var staticInvertedColors = {"pageIndicator":"page-indicator__pageIndicator_2z7c0","element":"page-indicator__element_2z7c0"};
5
+ var staticInvertedColors = {"pageIndicator":"page-indicator__pageIndicator_n1609","element":"page-indicator__element_n1609"};
6
6
 
7
7
  module.exports = staticInvertedColors;
8
8
  //# sourceMappingURL=static-inverted.module.css.js.map
@@ -4,8 +4,8 @@
4
4
  } :root {
5
5
  --page-indicator-color-static: var(--color-static-neutral-translucent-300);
6
6
  --page-indicator-active-color-static: var(--color-static-neutral-1300);
7
- } .page-indicator__pageIndicator_1stjd {
7
+ } .page-indicator__pageIndicator_szezz {
8
8
  background: var(--page-indicator-color-static);
9
- } .page-indicator__element_1stjd {
9
+ } .page-indicator__element_szezz {
10
10
  background: var(--page-indicator-active-color-static);
11
11
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./static.css');
4
4
 
5
- var staticColors = {"pageIndicator":"page-indicator__pageIndicator_1stjd","element":"page-indicator__element_1stjd"};
5
+ var staticColors = {"pageIndicator":"page-indicator__pageIndicator_szezz","element":"page-indicator__element_szezz"};
6
6
 
7
7
  module.exports = staticColors;
8
8
  //# sourceMappingURL=static.module.css.js.map
@@ -4,8 +4,8 @@
4
4
  } :root {
5
5
  --page-indicator-color: var(--color-light-neutral-translucent-300);
6
6
  --page-indicator-active-color: var(--color-light-neutral-translucent-1300);
7
- } .page-indicator__element_1mjvw {
7
+ } .page-indicator__element_nnupi {
8
8
  background: var(--page-indicator-color)
9
- } .page-indicator__element_1mjvw.page-indicator__active_1mjvw {
9
+ } .page-indicator__element_nnupi.page-indicator__active_nnupi {
10
10
  background: var(--page-indicator-active-color);
11
11
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./default.css');
4
4
 
5
- var defaultColors = {"element":"page-indicator__element_1mjvw","active":"page-indicator__active_1mjvw"};
5
+ var defaultColors = {"element":"page-indicator__element_nnupi","active":"page-indicator__active_nnupi"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
@@ -1,11 +1,11 @@
1
1
  :root {
2
2
  --page-indicator-animation-duration: 0.2s;
3
3
  --page-indicator-animation-timing-function: ease-in-out;
4
- } .page-indicator__pageIndicator_7ftuq {
4
+ } .page-indicator__pageIndicator_1e3fi {
5
5
  margin: 0;
6
6
  padding: 0;
7
7
  display: flex;
8
- } .page-indicator__element_7ftuq {
8
+ } .page-indicator__element_1e3fi {
9
9
  list-style-type: none;
10
10
  flex-grow: 1;
11
11
  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_7ftuq","element":"page-indicator__element_7ftuq"};
5
+ var styles = {"pageIndicator":"page-indicator__pageIndicator_1e3fi","element":"page-indicator__element_1e3fi"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -4,8 +4,8 @@
4
4
  } :root {
5
5
  --page-indicator-color-inverted: var(--color-light-neutral-translucent-300-inverted);
6
6
  --page-indicator-active-color-inverted: var(--color-light-neutral-translucent-1300-inverted);
7
- } .page-indicator__element_1ml63 {
7
+ } .page-indicator__element_12wmk {
8
8
  background: var(--page-indicator-color-inverted)
9
- } .page-indicator__element_1ml63.page-indicator__active_1ml63 {
9
+ } .page-indicator__element_12wmk.page-indicator__active_12wmk {
10
10
  background: var(--page-indicator-active-color-inverted);
11
11
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./inverted.css');
4
4
 
5
- var invertedColors = {"element":"page-indicator__element_1ml63","active":"page-indicator__active_1ml63"};
5
+ var invertedColors = {"element":"page-indicator__element_12wmk","active":"page-indicator__active_12wmk"};
6
6
 
7
7
  module.exports = invertedColors;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
@@ -4,8 +4,8 @@
4
4
  } :root {
5
5
  --page-indicator-color-static-inverted: var(--color-static-neutral-translucent-300-inverted);
6
6
  --page-indicator-active-color-static-inverted: var(--color-static-neutral-1300-inverted);
7
- } .page-indicator__element_1q1k0 {
7
+ } .page-indicator__element_y833x {
8
8
  background: var(--page-indicator-color-static-inverted)
9
- } .page-indicator__element_1q1k0.page-indicator__active_1q1k0 {
9
+ } .page-indicator__element_y833x.page-indicator__active_y833x {
10
10
  background: var(--page-indicator-active-color-static-inverted);
11
11
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./static-inverted.css');
4
4
 
5
- var staticInvertedColors = {"element":"page-indicator__element_1q1k0","active":"page-indicator__active_1q1k0"};
5
+ var staticInvertedColors = {"element":"page-indicator__element_y833x","active":"page-indicator__active_y833x"};
6
6
 
7
7
  module.exports = staticInvertedColors;
8
8
  //# sourceMappingURL=static-inverted.module.css.js.map
@@ -4,8 +4,8 @@
4
4
  } :root {
5
5
  --page-indicator-color-static: var(--color-static-neutral-translucent-300);
6
6
  --page-indicator-active-color-static: var(--color-static-neutral-1300);
7
- } .page-indicator__element_13y6c {
7
+ } .page-indicator__element_hubke {
8
8
  background: var(--page-indicator-color-static)
9
- } .page-indicator__element_13y6c.page-indicator__active_13y6c {
9
+ } .page-indicator__element_hubke.page-indicator__active_hubke {
10
10
  background: var(--page-indicator-active-color-static);
11
11
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./static.css');
4
4
 
5
- var staticColors = {"element":"page-indicator__element_13y6c","active":"page-indicator__active_13y6c"};
5
+ var staticColors = {"element":"page-indicator__element_hubke","active":"page-indicator__active_hubke"};
6
6
 
7
7
  module.exports = staticColors;
8
8
  //# sourceMappingURL=static.module.css.js.map
@@ -4,8 +4,8 @@
4
4
  } :root {
5
5
  --page-indicator-color: var(--color-light-neutral-translucent-300);
6
6
  --page-indicator-active-color: var(--color-light-neutral-translucent-1300);
7
- } .page-indicator__element_100b4 {
7
+ } .page-indicator__element_1i5oy {
8
8
  background: var(--page-indicator-color)
9
- } .page-indicator__element_100b4.page-indicator__active_100b4 {
9
+ } .page-indicator__element_1i5oy.page-indicator__active_1i5oy {
10
10
  background: var(--page-indicator-active-color);
11
11
  }
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- var defaultColors = {"element":"page-indicator__element_100b4","active":"page-indicator__active_100b4"};
3
+ var defaultColors = {"element":"page-indicator__element_1i5oy","active":"page-indicator__active_1i5oy"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
@@ -3,9 +3,9 @@
3
3
  } :root {
4
4
  --page-indicator-animation-duration: 0.2s;
5
5
  --page-indicator-animation-timing-function: ease-in-out;
6
- } .page-indicator__pageIndicator_gavq3.page-indicator__bullet_gavq3 {
6
+ } .page-indicator__pageIndicator_u0ujl.page-indicator__bullet_u0ujl {
7
7
  overflow: hidden;
8
- } .page-indicator__elementsList_gavq3 {
8
+ } .page-indicator__elementsList_u0ujl {
9
9
  margin: 0;
10
10
  padding: 0;
11
11
  display: flex;
@@ -13,22 +13,22 @@
13
13
  will-change: transform;
14
14
  transition: transform var(--page-indicator-animation-duration)
15
15
  var(--page-indicator-animation-timing-function);
16
- } .page-indicator__element_gavq3 {
16
+ } .page-indicator__element_u0ujl {
17
17
  list-style-type: none;
18
18
  flex-shrink: 0;
19
19
  transition: background var(--page-indicator-animation-duration)
20
20
  var(--page-indicator-animation-timing-function);
21
21
  border-radius: var(--border-radius-circle)
22
- } .page-indicator__element_gavq3.page-indicator__entering_gavq3 {
22
+ } .page-indicator__element_u0ujl.page-indicator__entering_u0ujl {
23
23
  opacity: 0;
24
- } .page-indicator__element_gavq3.page-indicator__entered_gavq3 {
24
+ } .page-indicator__element_u0ujl.page-indicator__entered_u0ujl {
25
25
  opacity: 1;
26
26
  transition: background var(--page-indicator-animation-duration)
27
27
  var(--page-indicator-animation-timing-function),
28
28
  opacity var(--page-indicator-animation-duration)
29
29
  var(--page-indicator-animation-timing-function);
30
- } .page-indicator__element_gavq3.page-indicator__exiting_gavq3 {
30
+ } .page-indicator__element_u0ujl.page-indicator__exiting_u0ujl {
31
31
  opacity: 0;
32
- } .page-indicator__element_gavq3.page-indicator__exited_gavq3 {
32
+ } .page-indicator__element_u0ujl.page-indicator__exited_u0ujl {
33
33
  opacity: 0;
34
34
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"pageIndicator":"page-indicator__pageIndicator_gavq3","bullet":"page-indicator__bullet_gavq3","elementsList":"page-indicator__elementsList_gavq3","element":"page-indicator__element_gavq3","entering":"page-indicator__entering_gavq3","entered":"page-indicator__entered_gavq3","exiting":"page-indicator__exiting_gavq3","exited":"page-indicator__exited_gavq3"};
3
+ var styles = {"pageIndicator":"page-indicator__pageIndicator_u0ujl","bullet":"page-indicator__bullet_u0ujl","elementsList":"page-indicator__elementsList_u0ujl","element":"page-indicator__element_u0ujl","entering":"page-indicator__entering_u0ujl","entered":"page-indicator__entered_u0ujl","exiting":"page-indicator__exiting_u0ujl","exited":"page-indicator__exited_u0ujl"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -4,8 +4,8 @@
4
4
  } :root {
5
5
  --page-indicator-color-inverted: var(--color-light-neutral-translucent-300-inverted);
6
6
  --page-indicator-active-color-inverted: var(--color-light-neutral-translucent-1300-inverted);
7
- } .page-indicator__element_1bp1t {
7
+ } .page-indicator__element_1tfjd {
8
8
  background: var(--page-indicator-color-inverted)
9
- } .page-indicator__element_1bp1t.page-indicator__active_1bp1t {
9
+ } .page-indicator__element_1tfjd.page-indicator__active_1tfjd {
10
10
  background: var(--page-indicator-active-color-inverted);
11
11
  }
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- var invertedColors = {"element":"page-indicator__element_1bp1t","active":"page-indicator__active_1bp1t"};
3
+ var invertedColors = {"element":"page-indicator__element_1tfjd","active":"page-indicator__active_1tfjd"};
4
4
 
5
5
  export { invertedColors as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
@@ -4,8 +4,8 @@
4
4
  } :root {
5
5
  --page-indicator-color-static-inverted: var(--color-static-neutral-translucent-300-inverted);
6
6
  --page-indicator-active-color-static-inverted: var(--color-static-neutral-1300-inverted);
7
- } .page-indicator__element_1lilh {
7
+ } .page-indicator__element_hs5rk {
8
8
  background: var(--page-indicator-color-static-inverted)
9
- } .page-indicator__element_1lilh.page-indicator__active_1lilh {
9
+ } .page-indicator__element_hs5rk.page-indicator__active_hs5rk {
10
10
  background: var(--page-indicator-active-color-static-inverted);
11
11
  }
@@ -1,6 +1,6 @@
1
1
  import './static-inverted.css';
2
2
 
3
- var staticInvertedColors = {"element":"page-indicator__element_1lilh","active":"page-indicator__active_1lilh"};
3
+ var staticInvertedColors = {"element":"page-indicator__element_hs5rk","active":"page-indicator__active_hs5rk"};
4
4
 
5
5
  export { staticInvertedColors as default };
6
6
  //# sourceMappingURL=static-inverted.module.css.js.map