@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.
- 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/dynamic/static.module.css.js.map +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/dynamic/static.module.css.js.map +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/dynamic/static.module.css.js.map +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 +4 -4
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './inverted.css';
|
|
2
2
|
|
|
3
|
-
var invertedColors = {"element":"page-
|
|
3
|
+
var invertedColors = {"element":"page-indicator__element_y60rk","active":"page-indicator__active_y60rk"};
|
|
4
4
|
|
|
5
5
|
export { invertedColors as default };
|
|
6
6
|
//# 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-
|
|
9
|
+
.page-indicator__element_6qpoz {
|
|
10
10
|
background: var(--page-indicator-color-static-inverted);
|
|
11
11
|
}
|
|
12
|
-
.page-
|
|
12
|
+
.page-indicator__element_6qpoz.page-indicator__active_6qpoz {
|
|
13
13
|
background: var(--page-indicator-active-color-static-inverted);
|
|
14
14
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './static-inverted.css';
|
|
2
2
|
|
|
3
|
-
var staticInvertedColors = {"element":"page-
|
|
3
|
+
var staticInvertedColors = {"element":"page-indicator__element_6qpoz","active":"page-indicator__active_6qpoz"};
|
|
4
4
|
|
|
5
5
|
export { staticInvertedColors as default };
|
|
6
6
|
//# 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-
|
|
9
|
+
.page-indicator__element_1eppk {
|
|
10
10
|
background: var(--page-indicator-color-static);
|
|
11
11
|
}
|
|
12
|
-
.page-
|
|
12
|
+
.page-indicator__element_1eppk.page-indicator__active_1eppk {
|
|
13
13
|
background: var(--page-indicator-active-color-static);
|
|
14
14
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './static.css';
|
|
2
2
|
|
|
3
|
-
var staticColors = {"element":"page-
|
|
3
|
+
var staticColors = {"element":"page-indicator__element_1eppk","active":"page-indicator__active_1eppk"};
|
|
4
4
|
|
|
5
5
|
export { staticColors as default };
|
|
6
6
|
//# 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-
|
|
9
|
+
.page-indicator__element_njje9 {
|
|
10
10
|
background: var(--page-indicator-color);
|
|
11
11
|
}
|
|
12
|
-
.page-
|
|
13
|
-
.page-
|
|
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
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './default.css';
|
|
2
2
|
|
|
3
|
-
var defaultColors = {"element":"page-
|
|
3
|
+
var defaultColors = {"element":"page-indicator__element_njje9","active":"page-indicator__active_njje9","progress":"page-indicator__progress_njje9"};
|
|
4
4
|
|
|
5
5
|
export { defaultColors as default };
|
|
6
6
|
//# 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-
|
|
4
|
+
.page-indicator__pageIndicator_rldsn {
|
|
5
5
|
margin: 0;
|
|
6
6
|
padding: 0;
|
|
7
7
|
display: flex;
|
|
8
8
|
}
|
|
9
|
-
.page-
|
|
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-
|
|
15
|
-
.page-
|
|
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-
|
|
19
|
+
.page-indicator__element_rldsn {
|
|
20
20
|
|
|
21
|
-
.page-
|
|
21
|
+
.page-indicator__progress_rldsn {
|
|
22
22
|
width: 100%;
|
|
23
23
|
height: 100%;
|
|
24
24
|
will-change: transform;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"pageIndicator":"page-
|
|
3
|
+
var styles = {"pageIndicator":"page-indicator__pageIndicator_rldsn","element":"page-indicator__element_rldsn","active":"page-indicator__active_rldsn","progress":"page-indicator__progress_rldsn"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# 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-
|
|
9
|
+
.page-indicator__element_m5dg0 {
|
|
10
10
|
background: var(--page-indicator-color-inverted);
|
|
11
11
|
}
|
|
12
|
-
.page-
|
|
13
|
-
.page-
|
|
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
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './inverted.css';
|
|
2
2
|
|
|
3
|
-
var invertedColors = {"element":"page-
|
|
3
|
+
var invertedColors = {"element":"page-indicator__element_m5dg0","active":"page-indicator__active_m5dg0","progress":"page-indicator__progress_m5dg0"};
|
|
4
4
|
|
|
5
5
|
export { invertedColors as default };
|
|
6
6
|
//# 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-
|
|
9
|
+
.page-indicator__element_h5x1s {
|
|
10
10
|
background: var(--page-indicator-color-static-inverted);
|
|
11
11
|
}
|
|
12
|
-
.page-
|
|
13
|
-
.page-
|
|
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
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './static-inverted.css';
|
|
2
2
|
|
|
3
|
-
var staticInvertedColors = {"element":"page-
|
|
3
|
+
var staticInvertedColors = {"element":"page-indicator__element_h5x1s","active":"page-indicator__active_h5x1s","progress":"page-indicator__progress_h5x1s"};
|
|
4
4
|
|
|
5
5
|
export { staticInvertedColors as default };
|
|
6
6
|
//# 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-
|
|
9
|
+
.page-indicator__element_cfc8 {
|
|
10
10
|
background: var(--page-indicator-color-static);
|
|
11
11
|
}
|
|
12
|
-
.page-
|
|
13
|
-
.page-
|
|
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
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './static.css';
|
|
2
2
|
|
|
3
|
-
var staticColors = {"element":"page-
|
|
3
|
+
var staticColors = {"element":"page-indicator__element_cfc8","active":"page-indicator__active_cfc8","progress":"page-indicator__progress_cfc8"};
|
|
4
4
|
|
|
5
5
|
export { staticColors as default };
|
|
6
6
|
//# 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
|
|
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-
|
|
9
|
+
.page-indicator__pageIndicator_17lgt {
|
|
10
10
|
background: var(--page-indicator-color);
|
|
11
11
|
}
|
|
12
|
-
.page-
|
|
12
|
+
.page-indicator__element_17lgt {
|
|
13
13
|
background: var(--page-indicator-active-color);
|
|
14
14
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './default.css';
|
|
2
2
|
|
|
3
|
-
var defaultColors = {"pageIndicator":"page-
|
|
3
|
+
var defaultColors = {"pageIndicator":"page-indicator__pageIndicator_17lgt","element":"page-indicator__element_17lgt"};
|
|
4
4
|
|
|
5
5
|
export { defaultColors as default };
|
|
6
6
|
//# sourceMappingURL=default.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-
|
|
9
|
+
.page-indicator__pageIndicator_baeop {
|
|
10
10
|
background: var(--page-indicator-color-inverted);
|
|
11
11
|
}
|
|
12
|
-
.page-
|
|
12
|
+
.page-indicator__element_baeop {
|
|
13
13
|
background: var(--page-indicator-active-color-inverted);
|
|
14
14
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './inverted.css';
|
|
2
2
|
|
|
3
|
-
var invertedColors = {"pageIndicator":"page-
|
|
3
|
+
var invertedColors = {"pageIndicator":"page-indicator__pageIndicator_baeop","element":"page-indicator__element_baeop"};
|
|
4
4
|
|
|
5
5
|
export { invertedColors as default };
|
|
6
6
|
//# 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-
|
|
9
|
+
.page-indicator__pageIndicator_1rs2m {
|
|
10
10
|
background: var(--page-indicator-color-static-inverted);
|
|
11
11
|
}
|
|
12
|
-
.page-
|
|
12
|
+
.page-indicator__element_1rs2m {
|
|
13
13
|
background: var(--page-indicator-active-color-static-inverted);
|
|
14
14
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './static-inverted.css';
|
|
2
2
|
|
|
3
|
-
var staticInvertedColors = {"pageIndicator":"page-
|
|
3
|
+
var staticInvertedColors = {"pageIndicator":"page-indicator__pageIndicator_1rs2m","element":"page-indicator__element_1rs2m"};
|
|
4
4
|
|
|
5
5
|
export { staticInvertedColors as default };
|
|
6
6
|
//# 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-
|
|
9
|
+
.page-indicator__pageIndicator_81fwz {
|
|
10
10
|
background: var(--page-indicator-color-static);
|
|
11
11
|
}
|
|
12
|
-
.page-
|
|
12
|
+
.page-indicator__element_81fwz {
|
|
13
13
|
background: var(--page-indicator-active-color-static);
|
|
14
14
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './static.css';
|
|
2
2
|
|
|
3
|
-
var staticColors = {"pageIndicator":"page-
|
|
3
|
+
var staticColors = {"pageIndicator":"page-indicator__pageIndicator_81fwz","element":"page-indicator__element_81fwz"};
|
|
4
4
|
|
|
5
5
|
export { staticColors as default };
|
|
6
6
|
//# 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-
|
|
9
|
+
.page-indicator__element_paw27 {
|
|
10
10
|
background: var(--page-indicator-color);
|
|
11
11
|
}
|
|
12
|
-
.page-
|
|
12
|
+
.page-indicator__element_paw27.page-indicator__active_paw27 {
|
|
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-
|
|
3
|
+
var defaultColors = {"element":"page-indicator__element_paw27","active":"page-indicator__active_paw27"};
|
|
4
4
|
|
|
5
5
|
export { defaultColors as default };
|
|
6
6
|
//# 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-
|
|
5
|
+
.page-indicator__pageIndicator_yir4i {
|
|
6
6
|
margin: 0;
|
|
7
7
|
padding: 0;
|
|
8
8
|
display: flex;
|
|
9
9
|
}
|
|
10
|
-
.page-
|
|
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)
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"pageIndicator":"page-
|
|
3
|
+
var styles = {"pageIndicator":"page-indicator__pageIndicator_yir4i","element":"page-indicator__element_yir4i"};
|
|
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-
|
|
9
|
+
.page-indicator__element_8ubu7 {
|
|
10
10
|
background: var(--page-indicator-color-inverted);
|
|
11
11
|
}
|
|
12
|
-
.page-
|
|
12
|
+
.page-indicator__element_8ubu7.page-indicator__active_8ubu7 {
|
|
13
13
|
background: var(--page-indicator-active-color-inverted);
|
|
14
14
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './inverted.css';
|
|
2
2
|
|
|
3
|
-
var invertedColors = {"element":"page-
|
|
3
|
+
var invertedColors = {"element":"page-indicator__element_8ubu7","active":"page-indicator__active_8ubu7"};
|
|
4
4
|
|
|
5
5
|
export { invertedColors as default };
|
|
6
6
|
//# 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-
|
|
9
|
+
.page-indicator__element_13lib {
|
|
10
10
|
background: var(--page-indicator-color-static-inverted);
|
|
11
11
|
}
|
|
12
|
-
.page-
|
|
12
|
+
.page-indicator__element_13lib.page-indicator__active_13lib {
|
|
13
13
|
background: var(--page-indicator-active-color-static-inverted);
|
|
14
14
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './static-inverted.css';
|
|
2
2
|
|
|
3
|
-
var staticInvertedColors = {"element":"page-
|
|
3
|
+
var staticInvertedColors = {"element":"page-indicator__element_13lib","active":"page-indicator__active_13lib"};
|
|
4
4
|
|
|
5
5
|
export { staticInvertedColors as default };
|
|
6
6
|
//# 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-
|
|
9
|
+
.page-indicator__element_ddce1 {
|
|
10
10
|
background: var(--page-indicator-color-static);
|
|
11
11
|
}
|
|
12
|
-
.page-
|
|
12
|
+
.page-indicator__element_ddce1.page-indicator__active_ddce1 {
|
|
13
13
|
background: var(--page-indicator-active-color-static);
|
|
14
14
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './static.css';
|
|
2
2
|
|
|
3
|
-
var staticColors = {"element":"page-
|
|
3
|
+
var staticColors = {"element":"page-indicator__element_ddce1","active":"page-indicator__active_ddce1"};
|
|
4
4
|
|
|
5
5
|
export { staticColors as default };
|
|
6
6
|
//# 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-
|
|
9
|
+
.page-indicator__element_13h85 {
|
|
10
10
|
background: var(--page-indicator-color);
|
|
11
11
|
}
|
|
12
|
-
.page-
|
|
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
|
-
const defaultColors = {"element":"page-
|
|
3
|
+
const 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-
|
|
8
|
+
.page-indicator__pageIndicator_iavbo.page-indicator__bullet_iavbo {
|
|
9
9
|
overflow: hidden;
|
|
10
10
|
}
|
|
11
|
-
.page-
|
|
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-
|
|
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-
|
|
27
|
+
.page-indicator__element_iavbo.page-indicator__entering_iavbo {
|
|
28
28
|
opacity: 0;
|
|
29
29
|
}
|
|
30
|
-
.page-
|
|
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-
|
|
38
|
+
.page-indicator__element_iavbo.page-indicator__exiting_iavbo {
|
|
39
39
|
opacity: 0;
|
|
40
40
|
}
|
|
41
|
-
.page-
|
|
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
|
-
const styles = {"pageIndicator":"page-
|
|
3
|
+
const 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-
|
|
9
|
+
.page-indicator__element_y60rk {
|
|
10
10
|
background: var(--page-indicator-color-inverted);
|
|
11
11
|
}
|
|
12
|
-
.page-
|
|
12
|
+
.page-indicator__element_y60rk.page-indicator__active_y60rk {
|
|
13
13
|
background: var(--page-indicator-active-color-inverted);
|
|
14
14
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './inverted.css';
|
|
2
2
|
|
|
3
|
-
const invertedColors = {"element":"page-
|
|
3
|
+
const invertedColors = {"element":"page-indicator__element_y60rk","active":"page-indicator__active_y60rk"};
|
|
4
4
|
|
|
5
5
|
export { invertedColors as default };
|
|
6
6
|
//# 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-
|
|
9
|
+
.page-indicator__element_6qpoz {
|
|
10
10
|
background: var(--page-indicator-color-static-inverted);
|
|
11
11
|
}
|
|
12
|
-
.page-
|
|
12
|
+
.page-indicator__element_6qpoz.page-indicator__active_6qpoz {
|
|
13
13
|
background: var(--page-indicator-active-color-static-inverted);
|
|
14
14
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './static-inverted.css';
|
|
2
2
|
|
|
3
|
-
const staticInvertedColors = {"element":"page-
|
|
3
|
+
const staticInvertedColors = {"element":"page-indicator__element_6qpoz","active":"page-indicator__active_6qpoz"};
|
|
4
4
|
|
|
5
5
|
export { staticInvertedColors as default };
|
|
6
6
|
//# 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-
|
|
9
|
+
.page-indicator__element_1eppk {
|
|
10
10
|
background: var(--page-indicator-color-static);
|
|
11
11
|
}
|
|
12
|
-
.page-
|
|
12
|
+
.page-indicator__element_1eppk.page-indicator__active_1eppk {
|
|
13
13
|
background: var(--page-indicator-active-color-static);
|
|
14
14
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './static.css';
|
|
2
2
|
|
|
3
|
-
const staticColors = {"element":"page-
|
|
3
|
+
const staticColors = {"element":"page-indicator__element_1eppk","active":"page-indicator__active_1eppk"};
|
|
4
4
|
|
|
5
5
|
export { staticColors as default };
|
|
6
6
|
//# 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-
|
|
9
|
+
.page-indicator__element_njje9 {
|
|
10
10
|
background: var(--page-indicator-color);
|
|
11
11
|
}
|
|
12
|
-
.page-
|
|
13
|
-
.page-
|
|
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
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './default.css';
|
|
2
2
|
|
|
3
|
-
const defaultColors = {"element":"page-
|
|
3
|
+
const defaultColors = {"element":"page-indicator__element_njje9","active":"page-indicator__active_njje9","progress":"page-indicator__progress_njje9"};
|
|
4
4
|
|
|
5
5
|
export { defaultColors as default };
|
|
6
6
|
//# sourceMappingURL=default.module.css.js.map
|