@alfalab/core-components-page-indicator 2.0.0-snapshot-1ff3990 → 2.0.0

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 +15 -15
@@ -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_1wpv6 {
7
+ } .page-indicator__element_100b4 {
8
8
  background: var(--page-indicator-color)
9
- } .page-indicator__element_1wpv6.page-indicator__active_1wpv6 {
9
+ } .page-indicator__element_100b4.page-indicator__active_100b4 {
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_1wpv6","active":"page-indicator__active_1wpv6"};
5
+ var defaultColors = {"element":"page-indicator__element_100b4","active":"page-indicator__active_100b4"};
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_ew9dr.page-indicator__bullet_ew9dr {
6
+ } .page-indicator__pageIndicator_gavq3.page-indicator__bullet_gavq3 {
7
7
  overflow: hidden;
8
- } .page-indicator__elementsList_ew9dr {
8
+ } .page-indicator__elementsList_gavq3 {
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_ew9dr {
16
+ } .page-indicator__element_gavq3 {
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_ew9dr.page-indicator__entering_ew9dr {
22
+ } .page-indicator__element_gavq3.page-indicator__entering_gavq3 {
23
23
  opacity: 0;
24
- } .page-indicator__element_ew9dr.page-indicator__entered_ew9dr {
24
+ } .page-indicator__element_gavq3.page-indicator__entered_gavq3 {
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_ew9dr.page-indicator__exiting_ew9dr {
30
+ } .page-indicator__element_gavq3.page-indicator__exiting_gavq3 {
31
31
  opacity: 0;
32
- } .page-indicator__element_ew9dr.page-indicator__exited_ew9dr {
32
+ } .page-indicator__element_gavq3.page-indicator__exited_gavq3 {
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_ew9dr","bullet":"page-indicator__bullet_ew9dr","elementsList":"page-indicator__elementsList_ew9dr","element":"page-indicator__element_ew9dr","entering":"page-indicator__entering_ew9dr","entered":"page-indicator__entered_ew9dr","exiting":"page-indicator__exiting_ew9dr","exited":"page-indicator__exited_ew9dr"};
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"};
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_exqw6 {
7
+ } .page-indicator__element_1bp1t {
8
8
  background: var(--page-indicator-color-inverted)
9
- } .page-indicator__element_exqw6.page-indicator__active_exqw6 {
9
+ } .page-indicator__element_1bp1t.page-indicator__active_1bp1t {
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_exqw6","active":"page-indicator__active_exqw6"};
5
+ var invertedColors = {"element":"page-indicator__element_1bp1t","active":"page-indicator__active_1bp1t"};
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_gtrz7 {
7
+ } .page-indicator__element_1lilh {
8
8
  background: var(--page-indicator-color-static-inverted)
9
- } .page-indicator__element_gtrz7.page-indicator__active_gtrz7 {
9
+ } .page-indicator__element_1lilh.page-indicator__active_1lilh {
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_gtrz7","active":"page-indicator__active_gtrz7"};
5
+ var staticInvertedColors = {"element":"page-indicator__element_1lilh","active":"page-indicator__active_1lilh"};
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_13vqg {
7
+ } .page-indicator__element_1fnmi {
8
8
  background: var(--page-indicator-color-static)
9
- } .page-indicator__element_13vqg.page-indicator__active_13vqg {
9
+ } .page-indicator__element_1fnmi.page-indicator__active_1fnmi {
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_13vqg","active":"page-indicator__active_13vqg"};
5
+ var staticColors = {"element":"page-indicator__element_1fnmi","active":"page-indicator__active_1fnmi"};
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_1n5bp {
7
+ } .page-indicator__element_1yd19 {
8
8
  background: var(--page-indicator-color)
9
- } .page-indicator__element_1n5bp.page-indicator__active_1n5bp {
10
- .page-indicator__progress_1n5bp {
9
+ } .page-indicator__element_1yd19.page-indicator__active_1yd19 {
10
+ .page-indicator__progress_1yd19 {
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_1n5bp","active":"page-indicator__active_1n5bp","progress":"page-indicator__progress_1n5bp"};
5
+ var defaultColors = {"element":"page-indicator__element_1yd19","active":"page-indicator__active_1yd19","progress":"page-indicator__progress_1yd19"};
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_x0ucz {
3
+ } .page-indicator__pageIndicator_ffjjc {
4
4
  margin: 0;
5
5
  padding: 0;
6
6
  display: flex;
7
- } .page-indicator__element_x0ucz {
7
+ } .page-indicator__element_ffjjc {
8
8
  list-style-type: none;
9
9
  overflow: hidden;
10
10
  transition: width var(--page-indicator-animation-duration) linear
11
- } .page-indicator__element_x0ucz:not(.page-indicator__active_x0ucz) {
12
- .page-indicator__progress_x0ucz {
11
+ } .page-indicator__element_ffjjc:not(.page-indicator__active_ffjjc) {
12
+ .page-indicator__progress_ffjjc {
13
13
  display: none;
14
14
  }
15
- } .page-indicator__element_x0ucz {
15
+ } .page-indicator__element_ffjjc {
16
16
 
17
- .page-indicator__progress_x0ucz {
17
+ .page-indicator__progress_ffjjc {
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_x0ucz","element":"page-indicator__element_x0ucz","active":"page-indicator__active_x0ucz","progress":"page-indicator__progress_x0ucz"};
5
+ var styles = {"pageIndicator":"page-indicator__pageIndicator_ffjjc","element":"page-indicator__element_ffjjc","active":"page-indicator__active_ffjjc","progress":"page-indicator__progress_ffjjc"};
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_mjmwp {
7
+ } .page-indicator__element_5rm4m {
8
8
  background: var(--page-indicator-color-inverted)
9
- } .page-indicator__element_mjmwp.page-indicator__active_mjmwp {
10
- .page-indicator__progress_mjmwp {
9
+ } .page-indicator__element_5rm4m.page-indicator__active_5rm4m {
10
+ .page-indicator__progress_5rm4m {
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_mjmwp","active":"page-indicator__active_mjmwp","progress":"page-indicator__progress_mjmwp"};
5
+ var invertedColors = {"element":"page-indicator__element_5rm4m","active":"page-indicator__active_5rm4m","progress":"page-indicator__progress_5rm4m"};
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_1teds {
7
+ } .page-indicator__element_1adrr {
8
8
  background: var(--page-indicator-color-static-inverted)
9
- } .page-indicator__element_1teds.page-indicator__active_1teds {
10
- .page-indicator__progress_1teds {
9
+ } .page-indicator__element_1adrr.page-indicator__active_1adrr {
10
+ .page-indicator__progress_1adrr {
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_1teds","active":"page-indicator__active_1teds","progress":"page-indicator__progress_1teds"};
5
+ var staticInvertedColors = {"element":"page-indicator__element_1adrr","active":"page-indicator__active_1adrr","progress":"page-indicator__progress_1adrr"};
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_1wgom {
7
+ } .page-indicator__element_19j1z {
8
8
  background: var(--page-indicator-color-static)
9
- } .page-indicator__element_1wgom.page-indicator__active_1wgom {
10
- .page-indicator__progress_1wgom {
9
+ } .page-indicator__element_19j1z.page-indicator__active_19j1z {
10
+ .page-indicator__progress_19j1z {
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_1wgom","active":"page-indicator__active_1wgom","progress":"page-indicator__progress_1wgom"};
5
+ var staticColors = {"element":"page-indicator__element_19j1z","active":"page-indicator__active_19j1z","progress":"page-indicator__progress_19j1z"};
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_1bmde {
7
+ } .page-indicator__pageIndicator_u3qk5 {
8
8
  background: var(--page-indicator-color);
9
- } .page-indicator__element_1bmde {
9
+ } .page-indicator__element_u3qk5 {
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_1bmde","element":"page-indicator__element_1bmde"};
5
+ var defaultColors = {"pageIndicator":"page-indicator__pageIndicator_u3qk5","element":"page-indicator__element_u3qk5"};
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_texzw {
3
+ } .page-indicator__element_pgu2k {
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_texzw"};
5
+ var styles = {"element":"page-indicator__element_pgu2k"};
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_pq6xy {
7
+ } .page-indicator__pageIndicator_ygppt {
8
8
  background: var(--page-indicator-color-inverted);
9
- } .page-indicator__element_pq6xy {
9
+ } .page-indicator__element_ygppt {
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_pq6xy","element":"page-indicator__element_pq6xy"};
5
+ var invertedColors = {"pageIndicator":"page-indicator__pageIndicator_ygppt","element":"page-indicator__element_ygppt"};
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_1yhmt {
7
+ } .page-indicator__pageIndicator_2z7c0 {
8
8
  background: var(--page-indicator-color-static-inverted);
9
- } .page-indicator__element_1yhmt {
9
+ } .page-indicator__element_2z7c0 {
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_1yhmt","element":"page-indicator__element_1yhmt"};
5
+ var staticInvertedColors = {"pageIndicator":"page-indicator__pageIndicator_2z7c0","element":"page-indicator__element_2z7c0"};
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_eg3pz {
7
+ } .page-indicator__pageIndicator_1stjd {
8
8
  background: var(--page-indicator-color-static);
9
- } .page-indicator__element_eg3pz {
9
+ } .page-indicator__element_1stjd {
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_eg3pz","element":"page-indicator__element_eg3pz"};
5
+ var staticColors = {"pageIndicator":"page-indicator__pageIndicator_1stjd","element":"page-indicator__element_1stjd"};
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_f0knb {
7
+ } .page-indicator__element_1mjvw {
8
8
  background: var(--page-indicator-color)
9
- } .page-indicator__element_f0knb.page-indicator__active_f0knb {
9
+ } .page-indicator__element_1mjvw.page-indicator__active_1mjvw {
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_f0knb","active":"page-indicator__active_f0knb"};
5
+ var defaultColors = {"element":"page-indicator__element_1mjvw","active":"page-indicator__active_1mjvw"};
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_rgpoi {
4
+ } .page-indicator__pageIndicator_7ftuq {
5
5
  margin: 0;
6
6
  padding: 0;
7
7
  display: flex;
8
- } .page-indicator__element_rgpoi {
8
+ } .page-indicator__element_7ftuq {
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_rgpoi","element":"page-indicator__element_rgpoi"};
5
+ var styles = {"pageIndicator":"page-indicator__pageIndicator_7ftuq","element":"page-indicator__element_7ftuq"};
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_6ltxu {
7
+ } .page-indicator__element_1ml63 {
8
8
  background: var(--page-indicator-color-inverted)
9
- } .page-indicator__element_6ltxu.page-indicator__active_6ltxu {
9
+ } .page-indicator__element_1ml63.page-indicator__active_1ml63 {
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_6ltxu","active":"page-indicator__active_6ltxu"};
5
+ var invertedColors = {"element":"page-indicator__element_1ml63","active":"page-indicator__active_1ml63"};
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_hkimh {
7
+ } .page-indicator__element_1q1k0 {
8
8
  background: var(--page-indicator-color-static-inverted)
9
- } .page-indicator__element_hkimh.page-indicator__active_hkimh {
9
+ } .page-indicator__element_1q1k0.page-indicator__active_1q1k0 {
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_hkimh","active":"page-indicator__active_hkimh"};
5
+ var staticInvertedColors = {"element":"page-indicator__element_1q1k0","active":"page-indicator__active_1q1k0"};
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_9nkg1 {
7
+ } .page-indicator__element_13y6c {
8
8
  background: var(--page-indicator-color-static)
9
- } .page-indicator__element_9nkg1.page-indicator__active_9nkg1 {
9
+ } .page-indicator__element_13y6c.page-indicator__active_13y6c {
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_9nkg1","active":"page-indicator__active_9nkg1"};
5
+ var staticColors = {"element":"page-indicator__element_13y6c","active":"page-indicator__active_13y6c"};
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_1wpv6 {
7
+ } .page-indicator__element_100b4 {
8
8
  background: var(--page-indicator-color)
9
- } .page-indicator__element_1wpv6.page-indicator__active_1wpv6 {
9
+ } .page-indicator__element_100b4.page-indicator__active_100b4 {
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_1wpv6","active":"page-indicator__active_1wpv6"};
3
+ var defaultColors = {"element":"page-indicator__element_100b4","active":"page-indicator__active_100b4"};
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_ew9dr.page-indicator__bullet_ew9dr {
6
+ } .page-indicator__pageIndicator_gavq3.page-indicator__bullet_gavq3 {
7
7
  overflow: hidden;
8
- } .page-indicator__elementsList_ew9dr {
8
+ } .page-indicator__elementsList_gavq3 {
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_ew9dr {
16
+ } .page-indicator__element_gavq3 {
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_ew9dr.page-indicator__entering_ew9dr {
22
+ } .page-indicator__element_gavq3.page-indicator__entering_gavq3 {
23
23
  opacity: 0;
24
- } .page-indicator__element_ew9dr.page-indicator__entered_ew9dr {
24
+ } .page-indicator__element_gavq3.page-indicator__entered_gavq3 {
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_ew9dr.page-indicator__exiting_ew9dr {
30
+ } .page-indicator__element_gavq3.page-indicator__exiting_gavq3 {
31
31
  opacity: 0;
32
- } .page-indicator__element_ew9dr.page-indicator__exited_ew9dr {
32
+ } .page-indicator__element_gavq3.page-indicator__exited_gavq3 {
33
33
  opacity: 0;
34
34
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"pageIndicator":"page-indicator__pageIndicator_ew9dr","bullet":"page-indicator__bullet_ew9dr","elementsList":"page-indicator__elementsList_ew9dr","element":"page-indicator__element_ew9dr","entering":"page-indicator__entering_ew9dr","entered":"page-indicator__entered_ew9dr","exiting":"page-indicator__exiting_ew9dr","exited":"page-indicator__exited_ew9dr"};
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"};
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_exqw6 {
7
+ } .page-indicator__element_1bp1t {
8
8
  background: var(--page-indicator-color-inverted)
9
- } .page-indicator__element_exqw6.page-indicator__active_exqw6 {
9
+ } .page-indicator__element_1bp1t.page-indicator__active_1bp1t {
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_exqw6","active":"page-indicator__active_exqw6"};
3
+ var invertedColors = {"element":"page-indicator__element_1bp1t","active":"page-indicator__active_1bp1t"};
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_gtrz7 {
7
+ } .page-indicator__element_1lilh {
8
8
  background: var(--page-indicator-color-static-inverted)
9
- } .page-indicator__element_gtrz7.page-indicator__active_gtrz7 {
9
+ } .page-indicator__element_1lilh.page-indicator__active_1lilh {
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_gtrz7","active":"page-indicator__active_gtrz7"};
3
+ var staticInvertedColors = {"element":"page-indicator__element_1lilh","active":"page-indicator__active_1lilh"};
4
4
 
5
5
  export { staticInvertedColors as default };
6
6
  //# sourceMappingURL=static-inverted.module.css.js.map