@alfalab/core-components-page-indicator 3.0.0 → 3.0.1-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 (124) 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/dynamic/static.module.css.js.map +1 -1
  22. package/components/runner/default.css +2 -2
  23. package/components/runner/default.module.css.js +1 -1
  24. package/components/runner/index.css +1 -1
  25. package/components/runner/index.module.css.js +1 -1
  26. package/components/runner/inverted.css +2 -2
  27. package/components/runner/inverted.module.css.js +1 -1
  28. package/components/runner/static-inverted.css +2 -2
  29. package/components/runner/static-inverted.module.css.js +1 -1
  30. package/components/runner/static.css +2 -2
  31. package/components/runner/static.module.css.js +1 -1
  32. package/components/step/default.css +2 -2
  33. package/components/step/default.module.css.js +1 -1
  34. package/components/step/index.css +2 -2
  35. package/components/step/index.module.css.js +1 -1
  36. package/components/step/inverted.css +2 -2
  37. package/components/step/inverted.module.css.js +1 -1
  38. package/components/step/static-inverted.css +2 -2
  39. package/components/step/static-inverted.module.css.js +1 -1
  40. package/components/step/static.css +2 -2
  41. package/components/step/static.module.css.js +1 -1
  42. package/esm/components/bullet/default.css +2 -2
  43. package/esm/components/bullet/default.module.css.js +1 -1
  44. package/esm/components/bullet/index.css +7 -7
  45. package/esm/components/bullet/index.module.css.js +1 -1
  46. package/esm/components/bullet/inverted.css +2 -2
  47. package/esm/components/bullet/inverted.module.css.js +1 -1
  48. package/esm/components/bullet/static-inverted.css +2 -2
  49. package/esm/components/bullet/static-inverted.module.css.js +1 -1
  50. package/esm/components/bullet/static.css +2 -2
  51. package/esm/components/bullet/static.module.css.js +1 -1
  52. package/esm/components/dynamic/default.css +3 -3
  53. package/esm/components/dynamic/default.module.css.js +1 -1
  54. package/esm/components/dynamic/index.css +6 -6
  55. package/esm/components/dynamic/index.module.css.js +1 -1
  56. package/esm/components/dynamic/inverted.css +3 -3
  57. package/esm/components/dynamic/inverted.module.css.js +1 -1
  58. package/esm/components/dynamic/static-inverted.css +3 -3
  59. package/esm/components/dynamic/static-inverted.module.css.js +1 -1
  60. package/esm/components/dynamic/static.css +3 -3
  61. package/esm/components/dynamic/static.module.css.js +1 -1
  62. package/esm/components/dynamic/static.module.css.js.map +1 -1
  63. package/esm/components/runner/default.css +2 -2
  64. package/esm/components/runner/default.module.css.js +1 -1
  65. package/esm/components/runner/index.css +1 -1
  66. package/esm/components/runner/index.module.css.js +1 -1
  67. package/esm/components/runner/inverted.css +2 -2
  68. package/esm/components/runner/inverted.module.css.js +1 -1
  69. package/esm/components/runner/static-inverted.css +2 -2
  70. package/esm/components/runner/static-inverted.module.css.js +1 -1
  71. package/esm/components/runner/static.css +2 -2
  72. package/esm/components/runner/static.module.css.js +1 -1
  73. package/esm/components/step/default.css +2 -2
  74. package/esm/components/step/default.module.css.js +1 -1
  75. package/esm/components/step/index.css +2 -2
  76. package/esm/components/step/index.module.css.js +1 -1
  77. package/esm/components/step/inverted.css +2 -2
  78. package/esm/components/step/inverted.module.css.js +1 -1
  79. package/esm/components/step/static-inverted.css +2 -2
  80. package/esm/components/step/static-inverted.module.css.js +1 -1
  81. package/esm/components/step/static.css +2 -2
  82. package/esm/components/step/static.module.css.js +1 -1
  83. package/modern/components/bullet/default.css +2 -2
  84. package/modern/components/bullet/default.module.css.js +1 -1
  85. package/modern/components/bullet/index.css +7 -7
  86. package/modern/components/bullet/index.module.css.js +1 -1
  87. package/modern/components/bullet/inverted.css +2 -2
  88. package/modern/components/bullet/inverted.module.css.js +1 -1
  89. package/modern/components/bullet/static-inverted.css +2 -2
  90. package/modern/components/bullet/static-inverted.module.css.js +1 -1
  91. package/modern/components/bullet/static.css +2 -2
  92. package/modern/components/bullet/static.module.css.js +1 -1
  93. package/modern/components/dynamic/default.css +3 -3
  94. package/modern/components/dynamic/default.module.css.js +1 -1
  95. package/modern/components/dynamic/index.css +6 -6
  96. package/modern/components/dynamic/index.module.css.js +1 -1
  97. package/modern/components/dynamic/inverted.css +3 -3
  98. package/modern/components/dynamic/inverted.module.css.js +1 -1
  99. package/modern/components/dynamic/static-inverted.css +3 -3
  100. package/modern/components/dynamic/static-inverted.module.css.js +1 -1
  101. package/modern/components/dynamic/static.css +3 -3
  102. package/modern/components/dynamic/static.module.css.js +1 -1
  103. package/modern/components/dynamic/static.module.css.js.map +1 -1
  104. package/modern/components/runner/default.css +2 -2
  105. package/modern/components/runner/default.module.css.js +1 -1
  106. package/modern/components/runner/index.css +1 -1
  107. package/modern/components/runner/index.module.css.js +1 -1
  108. package/modern/components/runner/inverted.css +2 -2
  109. package/modern/components/runner/inverted.module.css.js +1 -1
  110. package/modern/components/runner/static-inverted.css +2 -2
  111. package/modern/components/runner/static-inverted.module.css.js +1 -1
  112. package/modern/components/runner/static.css +2 -2
  113. package/modern/components/runner/static.module.css.js +1 -1
  114. package/modern/components/step/default.css +2 -2
  115. package/modern/components/step/default.module.css.js +1 -1
  116. package/modern/components/step/index.css +2 -2
  117. package/modern/components/step/index.module.css.js +1 -1
  118. package/modern/components/step/inverted.css +2 -2
  119. package/modern/components/step/inverted.module.css.js +1 -1
  120. package/modern/components/step/static-inverted.css +2 -2
  121. package/modern/components/step/static-inverted.module.css.js +1 -1
  122. package/modern/components/step/static.css +2 -2
  123. package/modern/components/step/static.module.css.js +1 -1
  124. 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_vyl7x {
9
+ .page-indicator__element_13h85 {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_vyl7x.page-indicator__active_vyl7x {
12
+ .page-indicator__element_13h85.page-indicator__active_13h85 {
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_vyl7x","active":"page-indicator__active_vyl7x"};
5
+ var defaultColors = {"element":"page-indicator__element_13h85","active":"page-indicator__active_13h85"};
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_d53t7.page-indicator__bullet_d53t7 {
8
+ .page-indicator__pageIndicator_iavbo.page-indicator__bullet_iavbo {
9
9
  overflow: hidden;
10
10
  }
11
- .page-indicator__elementsList_d53t7 {
11
+ .page-indicator__elementsList_iavbo {
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_d53t7 {
20
+ .page-indicator__element_iavbo {
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_d53t7.page-indicator__entering_d53t7 {
27
+ .page-indicator__element_iavbo.page-indicator__entering_iavbo {
28
28
  opacity: 0;
29
29
  }
30
- .page-indicator__element_d53t7.page-indicator__entered_d53t7 {
30
+ .page-indicator__element_iavbo.page-indicator__entered_iavbo {
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_d53t7.page-indicator__exiting_d53t7 {
38
+ .page-indicator__element_iavbo.page-indicator__exiting_iavbo {
39
39
  opacity: 0;
40
40
  }
41
- .page-indicator__element_d53t7.page-indicator__exited_d53t7 {
41
+ .page-indicator__element_iavbo.page-indicator__exited_iavbo {
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_d53t7","bullet":"page-indicator__bullet_d53t7","elementsList":"page-indicator__elementsList_d53t7","element":"page-indicator__element_d53t7","entering":"page-indicator__entering_d53t7","entered":"page-indicator__entered_d53t7","exiting":"page-indicator__exiting_d53t7","exited":"page-indicator__exited_d53t7"};
5
+ var styles = {"pageIndicator":"page-indicator__pageIndicator_iavbo","bullet":"page-indicator__bullet_iavbo","elementsList":"page-indicator__elementsList_iavbo","element":"page-indicator__element_iavbo","entering":"page-indicator__entering_iavbo","entered":"page-indicator__entered_iavbo","exiting":"page-indicator__exiting_iavbo","exited":"page-indicator__exited_iavbo"};
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_17nbx {
9
+ .page-indicator__element_y60rk {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_17nbx.page-indicator__active_17nbx {
12
+ .page-indicator__element_y60rk.page-indicator__active_y60rk {
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_17nbx","active":"page-indicator__active_17nbx"};
5
+ var invertedColors = {"element":"page-indicator__element_y60rk","active":"page-indicator__active_y60rk"};
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_1ictk {
9
+ .page-indicator__element_6qpoz {
10
10
  background: var(--page-indicator-color-static-inverted);
11
11
  }
12
- .page-indicator__element_1ictk.page-indicator__active_1ictk {
12
+ .page-indicator__element_6qpoz.page-indicator__active_6qpoz {
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_1ictk","active":"page-indicator__active_1ictk"};
5
+ var staticInvertedColors = {"element":"page-indicator__element_6qpoz","active":"page-indicator__active_6qpoz"};
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_1j0tx {
9
+ .page-indicator__element_1eppk {
10
10
  background: var(--page-indicator-color-static);
11
11
  }
12
- .page-indicator__element_1j0tx.page-indicator__active_1j0tx {
12
+ .page-indicator__element_1eppk.page-indicator__active_1eppk {
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_1j0tx","active":"page-indicator__active_1j0tx"};
5
+ var staticColors = {"element":"page-indicator__element_1eppk","active":"page-indicator__active_1eppk"};
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_2eyox {
9
+ .page-indicator__element_njje9 {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_2eyox.page-indicator__active_2eyox {
13
- .page-indicator__progress_2eyox {
12
+ .page-indicator__element_njje9.page-indicator__active_njje9 {
13
+ .page-indicator__progress_njje9 {
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_2eyox","active":"page-indicator__active_2eyox","progress":"page-indicator__progress_2eyox"};
5
+ var defaultColors = {"element":"page-indicator__element_njje9","active":"page-indicator__active_njje9","progress":"page-indicator__progress_njje9"};
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_cci1k {
4
+ .page-indicator__pageIndicator_rldsn {
5
5
  margin: 0;
6
6
  padding: 0;
7
7
  display: flex;
8
8
  }
9
- .page-indicator__element_cci1k {
9
+ .page-indicator__element_rldsn {
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_cci1k:not(.page-indicator__active_cci1k) {
15
- .page-indicator__progress_cci1k {
14
+ .page-indicator__element_rldsn:not(.page-indicator__active_rldsn) {
15
+ .page-indicator__progress_rldsn {
16
16
  display: none;
17
17
  }
18
18
  }
19
- .page-indicator__element_cci1k {
19
+ .page-indicator__element_rldsn {
20
20
 
21
- .page-indicator__progress_cci1k {
21
+ .page-indicator__progress_rldsn {
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_cci1k","element":"page-indicator__element_cci1k","active":"page-indicator__active_cci1k","progress":"page-indicator__progress_cci1k"};
5
+ var styles = {"pageIndicator":"page-indicator__pageIndicator_rldsn","element":"page-indicator__element_rldsn","active":"page-indicator__active_rldsn","progress":"page-indicator__progress_rldsn"};
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_8unme {
9
+ .page-indicator__element_m5dg0 {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_8unme.page-indicator__active_8unme {
13
- .page-indicator__progress_8unme {
12
+ .page-indicator__element_m5dg0.page-indicator__active_m5dg0 {
13
+ .page-indicator__progress_m5dg0 {
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_8unme","active":"page-indicator__active_8unme","progress":"page-indicator__progress_8unme"};
5
+ var invertedColors = {"element":"page-indicator__element_m5dg0","active":"page-indicator__active_m5dg0","progress":"page-indicator__progress_m5dg0"};
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_17aq9 {
9
+ .page-indicator__element_h5x1s {
10
10
  background: var(--page-indicator-color-static-inverted);
11
11
  }
12
- .page-indicator__element_17aq9.page-indicator__active_17aq9 {
13
- .page-indicator__progress_17aq9 {
12
+ .page-indicator__element_h5x1s.page-indicator__active_h5x1s {
13
+ .page-indicator__progress_h5x1s {
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_17aq9","active":"page-indicator__active_17aq9","progress":"page-indicator__progress_17aq9"};
5
+ var staticInvertedColors = {"element":"page-indicator__element_h5x1s","active":"page-indicator__active_h5x1s","progress":"page-indicator__progress_h5x1s"};
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_1cotw {
9
+ .page-indicator__element_cfc8 {
10
10
  background: var(--page-indicator-color-static);
11
11
  }
12
- .page-indicator__element_1cotw.page-indicator__active_1cotw {
13
- .page-indicator__progress_1cotw {
12
+ .page-indicator__element_cfc8.page-indicator__active_cfc8 {
13
+ .page-indicator__progress_cfc8 {
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_1cotw","active":"page-indicator__active_1cotw","progress":"page-indicator__progress_1cotw"};
5
+ var staticColors = {"element":"page-indicator__element_cfc8","active":"page-indicator__active_cfc8","progress":"page-indicator__progress_cfc8"};
6
6
 
7
7
  module.exports = staticColors;
8
8
  //# sourceMappingURL=static.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"static.module.css.js","sources":["../../src/components/dynamic/static.module.css"],"sourcesContent":["@import '../../vars.css';\n\n.element {\n background: var(--page-indicator-color-static);\n\n &.active {\n .progress {\n background: var(--page-indicator-active-color-static);\n }\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,mBAAe,CAAC,SAAS,CAAC,+BAA+B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC;;;;"}
1
+ {"version":3,"file":"static.module.css.js","sources":["../../src/components/dynamic/static.module.css"],"sourcesContent":["@import '../../vars.css';\n\n.element {\n background: var(--page-indicator-color-static);\n\n &.active {\n .progress {\n background: var(--page-indicator-active-color-static);\n }\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,mBAAe,CAAC,SAAS,CAAC,8BAA8B,CAAC,QAAQ,CAAC,6BAA6B,CAAC,UAAU,CAAC,+BAA+B,CAAC;;;;"}
@@ -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_qqj51 {
9
+ .page-indicator__pageIndicator_17lgt {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_qqj51 {
12
+ .page-indicator__element_17lgt {
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_qqj51","element":"page-indicator__element_qqj51"};
5
+ var defaultColors = {"pageIndicator":"page-indicator__pageIndicator_17lgt","element":"page-indicator__element_17lgt"};
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_lmjoe {
4
+ .page-indicator__element_1ccdi {
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_lmjoe"};
5
+ var styles = {"element":"page-indicator__element_1ccdi"};
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_v3iap {
9
+ .page-indicator__pageIndicator_baeop {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_v3iap {
12
+ .page-indicator__element_baeop {
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_v3iap","element":"page-indicator__element_v3iap"};
5
+ var invertedColors = {"pageIndicator":"page-indicator__pageIndicator_baeop","element":"page-indicator__element_baeop"};
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_1y60z {
9
+ .page-indicator__pageIndicator_1rs2m {
10
10
  background: var(--page-indicator-color-static-inverted);
11
11
  }
12
- .page-indicator__element_1y60z {
12
+ .page-indicator__element_1rs2m {
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_1y60z","element":"page-indicator__element_1y60z"};
5
+ var staticInvertedColors = {"pageIndicator":"page-indicator__pageIndicator_1rs2m","element":"page-indicator__element_1rs2m"};
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_1wv9a {
9
+ .page-indicator__pageIndicator_81fwz {
10
10
  background: var(--page-indicator-color-static);
11
11
  }
12
- .page-indicator__element_1wv9a {
12
+ .page-indicator__element_81fwz {
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_1wv9a","element":"page-indicator__element_1wv9a"};
5
+ var staticColors = {"pageIndicator":"page-indicator__pageIndicator_81fwz","element":"page-indicator__element_81fwz"};
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_1ppnt {
9
+ .page-indicator__element_paw27 {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_1ppnt.page-indicator__active_1ppnt {
12
+ .page-indicator__element_paw27.page-indicator__active_paw27 {
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_1ppnt","active":"page-indicator__active_1ppnt"};
5
+ var defaultColors = {"element":"page-indicator__element_paw27","active":"page-indicator__active_paw27"};
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_bhjr4 {
5
+ .page-indicator__pageIndicator_yir4i {
6
6
  margin: 0;
7
7
  padding: 0;
8
8
  display: flex;
9
9
  }
10
- .page-indicator__element_bhjr4 {
10
+ .page-indicator__element_yir4i {
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_bhjr4","element":"page-indicator__element_bhjr4"};
5
+ var styles = {"pageIndicator":"page-indicator__pageIndicator_yir4i","element":"page-indicator__element_yir4i"};
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_1pqy0 {
9
+ .page-indicator__element_8ubu7 {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_1pqy0.page-indicator__active_1pqy0 {
12
+ .page-indicator__element_8ubu7.page-indicator__active_8ubu7 {
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_1pqy0","active":"page-indicator__active_1pqy0"};
5
+ var invertedColors = {"element":"page-indicator__element_8ubu7","active":"page-indicator__active_8ubu7"};
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_1u39w {
9
+ .page-indicator__element_13lib {
10
10
  background: var(--page-indicator-color-static-inverted);
11
11
  }
12
- .page-indicator__element_1u39w.page-indicator__active_1u39w {
12
+ .page-indicator__element_13lib.page-indicator__active_13lib {
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_1u39w","active":"page-indicator__active_1u39w"};
5
+ var staticInvertedColors = {"element":"page-indicator__element_13lib","active":"page-indicator__active_13lib"};
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_10sef {
9
+ .page-indicator__element_ddce1 {
10
10
  background: var(--page-indicator-color-static);
11
11
  }
12
- .page-indicator__element_10sef.page-indicator__active_10sef {
12
+ .page-indicator__element_ddce1.page-indicator__active_ddce1 {
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_10sef","active":"page-indicator__active_10sef"};
5
+ var staticColors = {"element":"page-indicator__element_ddce1","active":"page-indicator__active_ddce1"};
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_vyl7x {
9
+ .page-indicator__element_13h85 {
10
10
  background: var(--page-indicator-color);
11
11
  }
12
- .page-indicator__element_vyl7x.page-indicator__active_vyl7x {
12
+ .page-indicator__element_13h85.page-indicator__active_13h85 {
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_vyl7x","active":"page-indicator__active_vyl7x"};
3
+ var defaultColors = {"element":"page-indicator__element_13h85","active":"page-indicator__active_13h85"};
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_d53t7.page-indicator__bullet_d53t7 {
8
+ .page-indicator__pageIndicator_iavbo.page-indicator__bullet_iavbo {
9
9
  overflow: hidden;
10
10
  }
11
- .page-indicator__elementsList_d53t7 {
11
+ .page-indicator__elementsList_iavbo {
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_d53t7 {
20
+ .page-indicator__element_iavbo {
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_d53t7.page-indicator__entering_d53t7 {
27
+ .page-indicator__element_iavbo.page-indicator__entering_iavbo {
28
28
  opacity: 0;
29
29
  }
30
- .page-indicator__element_d53t7.page-indicator__entered_d53t7 {
30
+ .page-indicator__element_iavbo.page-indicator__entered_iavbo {
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_d53t7.page-indicator__exiting_d53t7 {
38
+ .page-indicator__element_iavbo.page-indicator__exiting_iavbo {
39
39
  opacity: 0;
40
40
  }
41
- .page-indicator__element_d53t7.page-indicator__exited_d53t7 {
41
+ .page-indicator__element_iavbo.page-indicator__exited_iavbo {
42
42
  opacity: 0;
43
43
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"pageIndicator":"page-indicator__pageIndicator_d53t7","bullet":"page-indicator__bullet_d53t7","elementsList":"page-indicator__elementsList_d53t7","element":"page-indicator__element_d53t7","entering":"page-indicator__entering_d53t7","entered":"page-indicator__entered_d53t7","exiting":"page-indicator__exiting_d53t7","exited":"page-indicator__exited_d53t7"};
3
+ var styles = {"pageIndicator":"page-indicator__pageIndicator_iavbo","bullet":"page-indicator__bullet_iavbo","elementsList":"page-indicator__elementsList_iavbo","element":"page-indicator__element_iavbo","entering":"page-indicator__entering_iavbo","entered":"page-indicator__entered_iavbo","exiting":"page-indicator__exiting_iavbo","exited":"page-indicator__exited_iavbo"};
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_17nbx {
9
+ .page-indicator__element_y60rk {
10
10
  background: var(--page-indicator-color-inverted);
11
11
  }
12
- .page-indicator__element_17nbx.page-indicator__active_17nbx {
12
+ .page-indicator__element_y60rk.page-indicator__active_y60rk {
13
13
  background: var(--page-indicator-active-color-inverted);
14
14
  }