@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.
- package/components/bullet/default.css +2 -2
- package/components/bullet/default.module.css.js +1 -1
- package/components/bullet/index.css +7 -7
- package/components/bullet/index.module.css.js +1 -1
- package/components/bullet/inverted.css +2 -2
- package/components/bullet/inverted.module.css.js +1 -1
- package/components/bullet/static-inverted.css +2 -2
- package/components/bullet/static-inverted.module.css.js +1 -1
- package/components/bullet/static.css +2 -2
- package/components/bullet/static.module.css.js +1 -1
- package/components/dynamic/default.css +3 -3
- package/components/dynamic/default.module.css.js +1 -1
- package/components/dynamic/index.css +6 -6
- package/components/dynamic/index.module.css.js +1 -1
- package/components/dynamic/inverted.css +3 -3
- package/components/dynamic/inverted.module.css.js +1 -1
- package/components/dynamic/static-inverted.css +3 -3
- package/components/dynamic/static-inverted.module.css.js +1 -1
- package/components/dynamic/static.css +3 -3
- package/components/dynamic/static.module.css.js +1 -1
- package/components/runner/default.css +2 -2
- package/components/runner/default.module.css.js +1 -1
- package/components/runner/index.css +1 -1
- package/components/runner/index.module.css.js +1 -1
- package/components/runner/inverted.css +2 -2
- package/components/runner/inverted.module.css.js +1 -1
- package/components/runner/static-inverted.css +2 -2
- package/components/runner/static-inverted.module.css.js +1 -1
- package/components/runner/static.css +2 -2
- package/components/runner/static.module.css.js +1 -1
- package/components/step/default.css +2 -2
- package/components/step/default.module.css.js +1 -1
- package/components/step/index.css +2 -2
- package/components/step/index.module.css.js +1 -1
- package/components/step/inverted.css +2 -2
- package/components/step/inverted.module.css.js +1 -1
- package/components/step/static-inverted.css +2 -2
- package/components/step/static-inverted.module.css.js +1 -1
- package/components/step/static.css +2 -2
- package/components/step/static.module.css.js +1 -1
- package/esm/components/bullet/default.css +2 -2
- package/esm/components/bullet/default.module.css.js +1 -1
- package/esm/components/bullet/index.css +7 -7
- package/esm/components/bullet/index.module.css.js +1 -1
- package/esm/components/bullet/inverted.css +2 -2
- package/esm/components/bullet/inverted.module.css.js +1 -1
- package/esm/components/bullet/static-inverted.css +2 -2
- package/esm/components/bullet/static-inverted.module.css.js +1 -1
- package/esm/components/bullet/static.css +2 -2
- package/esm/components/bullet/static.module.css.js +1 -1
- package/esm/components/dynamic/default.css +3 -3
- package/esm/components/dynamic/default.module.css.js +1 -1
- package/esm/components/dynamic/index.css +6 -6
- package/esm/components/dynamic/index.module.css.js +1 -1
- package/esm/components/dynamic/inverted.css +3 -3
- package/esm/components/dynamic/inverted.module.css.js +1 -1
- package/esm/components/dynamic/static-inverted.css +3 -3
- package/esm/components/dynamic/static-inverted.module.css.js +1 -1
- package/esm/components/dynamic/static.css +3 -3
- package/esm/components/dynamic/static.module.css.js +1 -1
- package/esm/components/runner/default.css +2 -2
- package/esm/components/runner/default.module.css.js +1 -1
- package/esm/components/runner/index.css +1 -1
- package/esm/components/runner/index.module.css.js +1 -1
- package/esm/components/runner/inverted.css +2 -2
- package/esm/components/runner/inverted.module.css.js +1 -1
- package/esm/components/runner/static-inverted.css +2 -2
- package/esm/components/runner/static-inverted.module.css.js +1 -1
- package/esm/components/runner/static.css +2 -2
- package/esm/components/runner/static.module.css.js +1 -1
- package/esm/components/step/default.css +2 -2
- package/esm/components/step/default.module.css.js +1 -1
- package/esm/components/step/index.css +2 -2
- package/esm/components/step/index.module.css.js +1 -1
- package/esm/components/step/inverted.css +2 -2
- package/esm/components/step/inverted.module.css.js +1 -1
- package/esm/components/step/static-inverted.css +2 -2
- package/esm/components/step/static-inverted.module.css.js +1 -1
- package/esm/components/step/static.css +2 -2
- package/esm/components/step/static.module.css.js +1 -1
- package/modern/components/bullet/default.css +2 -2
- package/modern/components/bullet/default.module.css.js +1 -1
- package/modern/components/bullet/index.css +7 -7
- package/modern/components/bullet/index.module.css.js +1 -1
- package/modern/components/bullet/inverted.css +2 -2
- package/modern/components/bullet/inverted.module.css.js +1 -1
- package/modern/components/bullet/static-inverted.css +2 -2
- package/modern/components/bullet/static-inverted.module.css.js +1 -1
- package/modern/components/bullet/static.css +2 -2
- package/modern/components/bullet/static.module.css.js +1 -1
- package/modern/components/dynamic/default.css +3 -3
- package/modern/components/dynamic/default.module.css.js +1 -1
- package/modern/components/dynamic/index.css +6 -6
- package/modern/components/dynamic/index.module.css.js +1 -1
- package/modern/components/dynamic/inverted.css +3 -3
- package/modern/components/dynamic/inverted.module.css.js +1 -1
- package/modern/components/dynamic/static-inverted.css +3 -3
- package/modern/components/dynamic/static-inverted.module.css.js +1 -1
- package/modern/components/dynamic/static.css +3 -3
- package/modern/components/dynamic/static.module.css.js +1 -1
- package/modern/components/runner/default.css +2 -2
- package/modern/components/runner/default.module.css.js +1 -1
- package/modern/components/runner/index.css +1 -1
- package/modern/components/runner/index.module.css.js +1 -1
- package/modern/components/runner/inverted.css +2 -2
- package/modern/components/runner/inverted.module.css.js +1 -1
- package/modern/components/runner/static-inverted.css +2 -2
- package/modern/components/runner/static-inverted.module.css.js +1 -1
- package/modern/components/runner/static.css +2 -2
- package/modern/components/runner/static.module.css.js +1 -1
- package/modern/components/step/default.css +2 -2
- package/modern/components/step/default.module.css.js +1 -1
- package/modern/components/step/index.css +2 -2
- package/modern/components/step/index.module.css.js +1 -1
- package/modern/components/step/inverted.css +2 -2
- package/modern/components/step/inverted.module.css.js +1 -1
- package/modern/components/step/static-inverted.css +2 -2
- package/modern/components/step/static-inverted.module.css.js +1 -1
- package/modern/components/step/static.css +2 -2
- package/modern/components/step/static.module.css.js +1 -1
- 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-
|
|
7
|
+
} .page-indicator__element_1i5oy {
|
|
8
8
|
background: var(--page-indicator-color)
|
|
9
|
-
} .page-
|
|
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-
|
|
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-
|
|
6
|
+
} .page-indicator__pageIndicator_u0ujl.page-indicator__bullet_u0ujl {
|
|
7
7
|
overflow: hidden;
|
|
8
|
-
} .page-
|
|
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-
|
|
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-
|
|
22
|
+
} .page-indicator__element_u0ujl.page-indicator__entering_u0ujl {
|
|
23
23
|
opacity: 0;
|
|
24
|
-
} .page-
|
|
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-
|
|
30
|
+
} .page-indicator__element_u0ujl.page-indicator__exiting_u0ujl {
|
|
31
31
|
opacity: 0;
|
|
32
|
-
} .page-
|
|
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-
|
|
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-
|
|
7
|
+
} .page-indicator__element_1tfjd {
|
|
8
8
|
background: var(--page-indicator-color-inverted)
|
|
9
|
-
} .page-
|
|
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-
|
|
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-
|
|
7
|
+
} .page-indicator__element_hs5rk {
|
|
8
8
|
background: var(--page-indicator-color-static-inverted)
|
|
9
|
-
} .page-
|
|
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-
|
|
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-
|
|
7
|
+
} .page-indicator__element_c8uob {
|
|
8
8
|
background: var(--page-indicator-color-static)
|
|
9
|
-
} .page-
|
|
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-
|
|
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-
|
|
7
|
+
} .page-indicator__element_12j7f {
|
|
8
8
|
background: var(--page-indicator-color)
|
|
9
|
-
} .page-
|
|
10
|
-
.page-
|
|
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-
|
|
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-
|
|
3
|
+
} .page-indicator__pageIndicator_1p2jr {
|
|
4
4
|
margin: 0;
|
|
5
5
|
padding: 0;
|
|
6
6
|
display: flex;
|
|
7
|
-
} .page-
|
|
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-
|
|
12
|
-
.page-
|
|
11
|
+
} .page-indicator__element_1p2jr:not(.page-indicator__active_1p2jr) {
|
|
12
|
+
.page-indicator__progress_1p2jr {
|
|
13
13
|
display: none;
|
|
14
14
|
}
|
|
15
|
-
} .page-
|
|
15
|
+
} .page-indicator__element_1p2jr {
|
|
16
16
|
|
|
17
|
-
.page-
|
|
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-
|
|
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-
|
|
7
|
+
} .page-indicator__element_1msfb {
|
|
8
8
|
background: var(--page-indicator-color-inverted)
|
|
9
|
-
} .page-
|
|
10
|
-
.page-
|
|
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-
|
|
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-
|
|
7
|
+
} .page-indicator__element_gftrr {
|
|
8
8
|
background: var(--page-indicator-color-static-inverted)
|
|
9
|
-
} .page-
|
|
10
|
-
.page-
|
|
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-
|
|
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-
|
|
7
|
+
} .page-indicator__element_19la7 {
|
|
8
8
|
background: var(--page-indicator-color-static)
|
|
9
|
-
} .page-
|
|
10
|
-
.page-
|
|
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-
|
|
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-
|
|
7
|
+
} .page-indicator__pageIndicator_13hni {
|
|
8
8
|
background: var(--page-indicator-color);
|
|
9
|
-
} .page-
|
|
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-
|
|
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
|
|
@@ -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-
|
|
7
|
+
} .page-indicator__pageIndicator_3f9on {
|
|
8
8
|
background: var(--page-indicator-color-inverted);
|
|
9
|
-
} .page-
|
|
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-
|
|
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-
|
|
7
|
+
} .page-indicator__pageIndicator_n1609 {
|
|
8
8
|
background: var(--page-indicator-color-static-inverted);
|
|
9
|
-
} .page-
|
|
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-
|
|
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-
|
|
7
|
+
} .page-indicator__pageIndicator_szezz {
|
|
8
8
|
background: var(--page-indicator-color-static);
|
|
9
|
-
} .page-
|
|
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-
|
|
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-
|
|
7
|
+
} .page-indicator__element_nnupi {
|
|
8
8
|
background: var(--page-indicator-color)
|
|
9
|
-
} .page-
|
|
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-
|
|
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-
|
|
4
|
+
} .page-indicator__pageIndicator_1e3fi {
|
|
5
5
|
margin: 0;
|
|
6
6
|
padding: 0;
|
|
7
7
|
display: flex;
|
|
8
|
-
} .page-
|
|
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-
|
|
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-
|
|
7
|
+
} .page-indicator__element_12wmk {
|
|
8
8
|
background: var(--page-indicator-color-inverted)
|
|
9
|
-
} .page-
|
|
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-
|
|
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-
|
|
7
|
+
} .page-indicator__element_y833x {
|
|
8
8
|
background: var(--page-indicator-color-static-inverted)
|
|
9
|
-
} .page-
|
|
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-
|
|
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-
|
|
7
|
+
} .page-indicator__element_hubke {
|
|
8
8
|
background: var(--page-indicator-color-static)
|
|
9
|
-
} .page-
|
|
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-
|
|
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-
|
|
7
|
+
} .page-indicator__element_1i5oy {
|
|
8
8
|
background: var(--page-indicator-color)
|
|
9
|
-
} .page-
|
|
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-
|
|
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-
|
|
6
|
+
} .page-indicator__pageIndicator_u0ujl.page-indicator__bullet_u0ujl {
|
|
7
7
|
overflow: hidden;
|
|
8
|
-
} .page-
|
|
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-
|
|
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-
|
|
22
|
+
} .page-indicator__element_u0ujl.page-indicator__entering_u0ujl {
|
|
23
23
|
opacity: 0;
|
|
24
|
-
} .page-
|
|
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-
|
|
30
|
+
} .page-indicator__element_u0ujl.page-indicator__exiting_u0ujl {
|
|
31
31
|
opacity: 0;
|
|
32
|
-
} .page-
|
|
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-
|
|
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-
|
|
7
|
+
} .page-indicator__element_1tfjd {
|
|
8
8
|
background: var(--page-indicator-color-inverted)
|
|
9
|
-
} .page-
|
|
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-
|
|
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-
|
|
7
|
+
} .page-indicator__element_hs5rk {
|
|
8
8
|
background: var(--page-indicator-color-static-inverted)
|
|
9
|
-
} .page-
|
|
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-
|
|
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
|