npm - @alfalab/core-components-page-indicator - Versions diffs - 3.0.2 → 3.0.3-alfasans - Mend

@alfalab/core-components-page-indicator 3.0.2 → 3.0.3-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 (132) hide show

package/components/bullet/default.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color: var(--color-light-neutral-translucent-300);
     --page-indicator-active-color: var(--color-light-neutral-translucent-1300);
 }
-.page-indicator__element_1bd65 {
+.page-indicator__element_1ets3 {
     background: var(--page-indicator-color);
 }
-.page-indicator__element_1bd65.page-indicator__active_1bd65 {
+.page-indicator__element_1ets3.page-indicator__active_1ets3 {
         background: var(--page-indicator-active-color);
     }

package/components/bullet/default.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./default.css');
-var defaultColors = {"element":"page-indicator__element_1bd65","active":"page-indicator__active_1bd65"};
+var defaultColors = {"element":"page-indicator__element_1ets3","active":"page-indicator__active_1ets3"};
 module.exports = defaultColors;
 //# sourceMappingURL=default.module.css.js.map

package/components/bullet/index.css CHANGED Viewed

@@ -5,10 +5,10 @@
     --page-indicator-animation-duration: 0.2s;
     --page-indicator-animation-timing-function: ease-in-out;
 }
-.page-indicator__pageIndicator_ohnrb.page-indicator__bullet_ohnrb {
+.page-indicator__pageIndicator_tnf9s.page-indicator__bullet_tnf9s {
         overflow: hidden;
     }
-.page-indicator__elementsList_ohnrb {
+.page-indicator__elementsList_tnf9s {
     margin: 0;
     padding: 0;
     display: flex;
@@ -17,17 +17,17 @@
     transition: transform var(--page-indicator-animation-duration)
         var(--page-indicator-animation-timing-function);
 }
-.page-indicator__element_ohnrb {
+.page-indicator__element_tnf9s {
     list-style-type: none;
     flex-shrink: 0;
     transition: background var(--page-indicator-animation-duration)
         var(--page-indicator-animation-timing-function);
     border-radius: var(--border-radius-circle);
 }
-.page-indicator__element_ohnrb.page-indicator__entering_ohnrb {
+.page-indicator__element_tnf9s.page-indicator__entering_tnf9s {
         opacity: 0;
     }
-.page-indicator__element_ohnrb.page-indicator__entered_ohnrb {
+.page-indicator__element_tnf9s.page-indicator__entered_tnf9s {
         opacity: 1;
         transition:
             background var(--page-indicator-animation-duration)
@@ -35,9 +35,9 @@
             opacity var(--page-indicator-animation-duration)
                 var(--page-indicator-animation-timing-function);
     }
-.page-indicator__element_ohnrb.page-indicator__exiting_ohnrb {
+.page-indicator__element_tnf9s.page-indicator__exiting_tnf9s {
         opacity: 0;
     }
-.page-indicator__element_ohnrb.page-indicator__exited_ohnrb {
+.page-indicator__element_tnf9s.page-indicator__exited_tnf9s {
         opacity: 0;
     }

package/components/bullet/index.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./index.css');
-var styles = {"pageIndicator":"page-indicator__pageIndicator_ohnrb","bullet":"page-indicator__bullet_ohnrb","elementsList":"page-indicator__elementsList_ohnrb","element":"page-indicator__element_ohnrb","entering":"page-indicator__entering_ohnrb","entered":"page-indicator__entered_ohnrb","exiting":"page-indicator__exiting_ohnrb","exited":"page-indicator__exited_ohnrb"};
+var styles = {"pageIndicator":"page-indicator__pageIndicator_tnf9s","bullet":"page-indicator__bullet_tnf9s","elementsList":"page-indicator__elementsList_tnf9s","element":"page-indicator__element_tnf9s","entering":"page-indicator__entering_tnf9s","entered":"page-indicator__entered_tnf9s","exiting":"page-indicator__exiting_tnf9s","exited":"page-indicator__exited_tnf9s"};
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/bullet/inverted.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color-inverted: var(--color-light-neutral-translucent-300-inverted);
     --page-indicator-active-color-inverted: var(--color-light-neutral-translucent-1300-inverted);
 }
-.page-indicator__element_1n1wv {
+.page-indicator__element_19ikp {
     background: var(--page-indicator-color-inverted);
 }
-.page-indicator__element_1n1wv.page-indicator__active_1n1wv {
+.page-indicator__element_19ikp.page-indicator__active_19ikp {
         background: var(--page-indicator-active-color-inverted);
     }

package/components/bullet/inverted.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./inverted.css');
-var invertedColors = {"element":"page-indicator__element_1n1wv","active":"page-indicator__active_1n1wv"};
+var invertedColors = {"element":"page-indicator__element_19ikp","active":"page-indicator__active_19ikp"};
 module.exports = invertedColors;
 //# sourceMappingURL=inverted.module.css.js.map

package/components/bullet/static-inverted.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color-static-inverted: var(--color-static-neutral-translucent-300-inverted);
     --page-indicator-active-color-static-inverted: var(--color-static-neutral-1300-inverted);
 }
-.page-indicator__element_1tpdi {
+.page-indicator__element_i39n4 {
     background: var(--page-indicator-color-static-inverted);
 }
-.page-indicator__element_1tpdi.page-indicator__active_1tpdi {
+.page-indicator__element_i39n4.page-indicator__active_i39n4 {
         background: var(--page-indicator-active-color-static-inverted);
     }

package/components/bullet/static-inverted.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./static-inverted.css');
-var staticInvertedColors = {"element":"page-indicator__element_1tpdi","active":"page-indicator__active_1tpdi"};
+var staticInvertedColors = {"element":"page-indicator__element_i39n4","active":"page-indicator__active_i39n4"};
 module.exports = staticInvertedColors;
 //# sourceMappingURL=static-inverted.module.css.js.map

package/components/bullet/static.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color-static: var(--color-static-neutral-translucent-300);
     --page-indicator-active-color-static: var(--color-static-neutral-1300);
 }
-.page-indicator__element_13m8z {
+.page-indicator__element_109t1 {
     background: var(--page-indicator-color-static);
 }
-.page-indicator__element_13m8z.page-indicator__active_13m8z {
+.page-indicator__element_109t1.page-indicator__active_109t1 {
         background: var(--page-indicator-active-color-static);
     }

package/components/bullet/static.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./static.css');
-var staticColors = {"element":"page-indicator__element_13m8z","active":"page-indicator__active_13m8z"};
+var staticColors = {"element":"page-indicator__element_109t1","active":"page-indicator__active_109t1"};
 module.exports = staticColors;
 //# sourceMappingURL=static.module.css.js.map

package/components/bullet/utils/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../src/components/bullet/utils/utils.ts"],"sourcesContent":["const RENDER_ELEMENTS_COUNT = 5;\n\nexport function calcParams(\n size: number,\n gap: number,\n activeElementIndex: number,\n elementsCount: number,\n): [\n height: number,\n width: number,\n offset: number,\n elementSize: (index: number) => number,\n firstVisibleElementIndex: number,\n lastVisibleElementIndex: number,\n] {\n const renderElementsCount = Math.min(elementsCount, RENDER_ELEMENTS_COUNT);\n const firstIndex = 0;\n const lastIndex = elementsCount - 1;\n\n function findFirstVisibleElementIndex(): number {\n const middle = (renderElementsCount - 1) / 2;\n let leadingOffset: number;\n let tailingOffset: number;\n\n if (middle % 1 === 0) {\n leadingOffset = middle;\n tailingOffset = middle;\n } else {\n leadingOffset = Math.floor(middle);\n tailingOffset = Math.ceil(middle);\n }\n\n // rebalance leadingOffset\n const maybeFirstVisibleElementIndex = activeElementIndex - leadingOffset;\n\n if (maybeFirstVisibleElementIndex < firstIndex) {\n leadingOffset -= firstIndex - maybeFirstVisibleElementIndex;\n }\n const maybeLastActiveElementIndex = activeElementIndex + tailingOffset;\n\n if (maybeLastActiveElementIndex > lastIndex) {\n leadingOffset += maybeLastActiveElementIndex - lastIndex;\n }\n\n return activeElementIndex - leadingOffset;\n }\n\n const firstVisibleElementIndex = findFirstVisibleElementIndex();\n const lastVisibleElementIndex = renderElementsCount + firstVisibleElementIndex - 1;\n\n const largeSize = size;\n const middleSize = 0.75 * size;\n const smallSize = 0.5 * size;\n\n // eslint-disable-next-line complexity\n function computeElementSize(_: unknown, index: number): number {\n if (index < firstVisibleElementIndex \|\| index > lastVisibleElementIndex) {\n return smallSize;\n }\n\n if (elementsCount === RENDER_ELEMENTS_COUNT + 1 /* totalCount === 6 /) {\n if (\n (index === firstVisibleElementIndex &&\n !(firstVisibleElementIndex === firstIndex)) \|\|\n (index === lastVisibleElementIndex && !(lastVisibleElementIndex === lastIndex))\n ) {\n return middleSize;\n }\n } else if (elementsCount > RENDER_ELEMENTS_COUNT + 1 / totalCount > 6 /) {\n if (firstVisibleElementIndex === firstIndex) {\n if (!(lastVisibleElementIndex === lastIndex)) {\n if (index === lastVisibleElementIndex) {\n if (activeElementIndex === lastVisibleElementIndex - 1) {\n return middleSize;\n }\n\n return smallSize;\n }\n\n if (index === lastVisibleElementIndex - 1) {\n return middleSize;\n }\n }\n }\n if (lastVisibleElementIndex === lastIndex) {\n if (!(firstVisibleElementIndex === firstIndex)) {\n if (index === firstVisibleElementIndex) {\n if (activeElementIndex === firstVisibleElementIndex + 1) {\n return middleSize;\n }\n\n return smallSize;\n }\n\n if (index === firstVisibleElementIndex + 1) {\n return middleSize;\n }\n }\n }\n\n if (\n (index === firstVisibleElementIndex &&\n !(firstVisibleElementIndex === firstIndex)) \|\|\n (index === lastVisibleElementIndex && !(lastVisibleElementIndex === lastIndex))\n ) {\n return middleSize;\n }\n }\n\n return largeSize;\n }\n const elementSizes = Array.from({ length: elementsCount }, computeElementSize);\n const width = renderElementsCount (largeSize + gap) - gap;\n\n function actualWidth() {\n return elementSizes\n .slice(firstVisibleElementIndex, lastVisibleElementIndex + 1)\n .map((elementSize, index, array) =>\n index === array.length - 1 ? elementSize : elementSize + gap,\n )\n .reduce((a, b) => a + b, 0);\n }\n\n function offset() {\n const extraOffset =\n firstVisibleElementIndex === firstIndex\n ? 0\n : (width - actualWidth()) / (lastVisibleElementIndex === lastIndex ? 1 : 2);\n\n return (\n extraOffset -\n elementSizes\n .slice(firstIndex, firstVisibleElementIndex)\n .map((elementSize) => elementSize + gap)\n .reduce((a, b) => a + b, 0)\n );\n }\n\n function height() {\n return Math.max(size, largeSize, middleSize, smallSize);\n }\n\n return [\n height(),\n width,\n offset(),\n function elementSize(index: number) {\n return elementSizes[index];\n },\n firstVisibleElementIndex,\n lastVisibleElementIndex,\n ];\n}\n"],"names":[],"mappings":";;;;AAAA,IAAM,qBAAqB,GAAG,CAAC;AAEzB,SAAU,UAAU,CACtB,IAAY,EACZ,GAAW,EACX,kBAA0B,EAC1B,aAAqB,EAAA;IASrB,IAAM,mBAAmB,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,qBAAqB,CAAC;IAC1E,IAAM,UAAU,GAAG,CAAC;AACpB,IAAA,IAAM,SAAS,GAAG,aAAa,GAAG,CAAC;AAEnC,IAAA,SAAS,4BAA4B,GAAA;QACjC,IAAM,MAAM,GAAG,CAAC,mBAAmB,GAAG,CAAC,IAAI,CAAC;AAC5C,QAAA,IAAI,aAAqB;AACzB,QAAA,IAAI,aAAqB;AAEzB,QAAA,IAAI,MAAM,GAAG,CAAC,KAAK,CAAC,EAAE;YAClB,aAAa,GAAG,MAAM;YACtB,aAAa,GAAG,MAAM;~~AACzB;AAAM,aAAA;~~AACH,YAAA,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;AAClC,YAAA,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC~~;AACpC;;AAGD~~,QAAA,IAAM,6BAA6B,GAAG,kBAAkB,GAAG,aAAa;~~QAExE~~,IAAI,6BAA6B,GAAG,UAAU,EAAE;AAC5C,YAAA,aAAa,IAAI,UAAU,GAAG,6BAA6B~~;AAC9D;AACD~~,QAAA,IAAM,2BAA2B,GAAG,kBAAkB,GAAG,aAAa;~~QAEtE~~,IAAI,2BAA2B,GAAG,SAAS,EAAE;AACzC,YAAA,aAAa,IAAI,2BAA2B,GAAG,SAAS~~;AAC3D;QAED~~,OAAO,kBAAkB,GAAG,aAAa;;AAG7C,IAAA,IAAM,wBAAwB,GAAG,4BAA4B,EAAE;AAC/D,IAAA,IAAM,uBAAuB,GAAG,mBAAmB,GAAG,wBAAwB,GAAG,CAAC;IAElF,IAAM,SAAS,GAAG,IAAI;AACtB,IAAA,IAAM,UAAU,GAAG,IAAI,GAAG,IAAI;AAC9B,IAAA,IAAM,SAAS,GAAG,GAAG,GAAG,IAAI;;AAG5B,IAAA,SAAS,kBAAkB,CAAC,CAAU,EAAE,KAAa,EAAA;~~AACjD~~,~~QAAA,~~IAAI,KAAK,GAAG,wBAAwB,IAAI,KAAK,GAAG,uBAAuB,EAAE;AACrE,YAAA,OAAO,SAAS~~;AACnB;AAED~~,~~QAAA,~~IAAI,aAAa,KAAK,qBAAqB,GAAG,CAAC,yBAAyB;YACpE,IACI,CAAC,KAAK,KAAK,wBAAwB;AAC/B,gBAAA,EAAE,wBAAwB,KAAK,UAAU,CAAC;~~iBAC7C~~,KAAK,KAAK,uBAAuB,IAAI,EAAE,uBAAuB,KAAK,SAAS,CAAC,CAAC,EACjF;AACE,gBAAA,OAAO,UAAU~~;AACpB;AACJ;AAAM~~,~~aAAA,~~IAAI,aAAa,GAAG,qBAAqB,GAAG,CAAC,uBAAuB;~~YACvE~~,IAAI,wBAAwB,KAAK,UAAU,EAAE;AACzC,gBAAA,IAAI,EAAE,uBAAuB,KAAK,SAAS,CAAC,EAAE;~~oBAC1C~~,IAAI,KAAK,KAAK,uBAAuB,EAAE;AACnC,wBAAA,IAAI,kBAAkB,KAAK,uBAAuB,GAAG,CAAC,EAAE;AACpD,4BAAA,OAAO,UAAU~~;AACpB;AAED~~,wBAAA,OAAO,SAAS~~;AACnB;AAED~~,oBAAA,IAAI,KAAK,KAAK,uBAAuB,GAAG,CAAC,EAAE;AACvC,wBAAA,OAAO,UAAU~~;AACpB;AACJ;AACJ;YACD~~,IAAI,uBAAuB,KAAK,SAAS,EAAE;AACvC,gBAAA,IAAI,EAAE,wBAAwB,KAAK,UAAU,CAAC,EAAE;~~oBAC5C~~,IAAI,KAAK,KAAK,wBAAwB,EAAE;AACpC,wBAAA,IAAI,kBAAkB,KAAK,wBAAwB,GAAG,CAAC,EAAE;AACrD,4BAAA,OAAO,UAAU~~;AACpB;AAED~~,wBAAA,OAAO,SAAS~~;AACnB;AAED~~,oBAAA,IAAI,KAAK,KAAK,wBAAwB,GAAG,CAAC,EAAE;AACxC,wBAAA,OAAO,UAAU~~;AACpB;AACJ;AACJ;YAED~~,IACI,CAAC,KAAK,KAAK,wBAAwB;AAC/B,gBAAA,EAAE,wBAAwB,KAAK,UAAU,CAAC;~~iBAC7C~~,KAAK,KAAK,uBAAuB,IAAI,EAAE,uBAAuB,KAAK,SAAS,CAAC,CAAC,EACjF;AACE,gBAAA,OAAO,UAAU~~;AACpB;AACJ;AAED~~,QAAA,OAAO,SAAS;;AAEpB,IAAA,IAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,kBAAkB,CAAC;IAC9E,IAAM,KAAK,GAAG,mBAAmB,IAAI,SAAS,GAAG,GAAG,CAAC,GAAG,GAAG;AAE3D,IAAA,SAAS,WAAW,GAAA;AAChB,QAAA,OAAO;AACF,aAAA,KAAK,CAAC,wBAAwB,EAAE,uBAAuB,GAAG,CAAC;AAC3D,aAAA,GAAG,CAAC,UAAC,WAAW,EAAE,KAAK,EAAE,KAAK,EAAA;AAC3B,YAAA,OAAA,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,WAAW,GAAG,WAAW,GAAG,GAAG;AAA5D,SAA4D;AAE/D,aAAA,MAAM,CAAC,UAAC,CAAC,EAAE,CAAC,EAAK,EAAA,OAAA,CAAC,GAAG,CAAC,CAAL,EAAK,EAAE,CAAC,CAAC;;AAGnC,IAAA,SAAS,MAAM,GAAA;AACX,QAAA,IAAM,WAAW,GACb,wBAAwB,KAAK;AACzB,cAAE;cACA,CAAC,KAAK,GAAG,WAAW,EAAE,KAAK,uBAAuB,KAAK,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC;AAEnF,QAAA,QACI,WAAW;YACX;AACK,iBAAA,KAAK,CAAC,UAAU,EAAE,wBAAwB;iBAC1C,GAAG,CAAC,UAAC,WAAW,EAAK,EAAA,OAAA,WAAW,GAAG,GAAG,CAAjB,EAAiB;AACtC,iBAAA,MAAM,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,GAAG,CAAC,GAAA,EAAE,CAAC,CAAC;;AAIvC,IAAA,SAAS,MAAM,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;;IAG3D,OAAO;AACH,QAAA,MAAM,EAAE;QACR,KAAK;AACL,QAAA,MAAM,EAAE;QACR,SAAS,WAAW,CAAC,KAAa,EAAA;AAC9B,YAAA,OAAO,YAAY,CAAC,KAAK,CAAC;SAC7B;QACD,wBAAwB;QACxB,uBAAuB;KAC1B;AACL;;;;"}
1	+ {"version":3,"file":"utils.js","sources":["../../../src/components/bullet/utils/utils.ts"],"sourcesContent":["const RENDER_ELEMENTS_COUNT = 5;\n\nexport function calcParams(\n size: number,\n gap: number,\n activeElementIndex: number,\n elementsCount: number,\n): [\n height: number,\n width: number,\n offset: number,\n elementSize: (index: number) => number,\n firstVisibleElementIndex: number,\n lastVisibleElementIndex: number,\n] {\n const renderElementsCount = Math.min(elementsCount, RENDER_ELEMENTS_COUNT);\n const firstIndex = 0;\n const lastIndex = elementsCount - 1;\n\n function findFirstVisibleElementIndex(): number {\n const middle = (renderElementsCount - 1) / 2;\n let leadingOffset: number;\n let tailingOffset: number;\n\n if (middle % 1 === 0) {\n leadingOffset = middle;\n tailingOffset = middle;\n } else {\n leadingOffset = Math.floor(middle);\n tailingOffset = Math.ceil(middle);\n }\n\n // rebalance leadingOffset\n const maybeFirstVisibleElementIndex = activeElementIndex - leadingOffset;\n\n if (maybeFirstVisibleElementIndex < firstIndex) {\n leadingOffset -= firstIndex - maybeFirstVisibleElementIndex;\n }\n const maybeLastActiveElementIndex = activeElementIndex + tailingOffset;\n\n if (maybeLastActiveElementIndex > lastIndex) {\n leadingOffset += maybeLastActiveElementIndex - lastIndex;\n }\n\n return activeElementIndex - leadingOffset;\n }\n\n const firstVisibleElementIndex = findFirstVisibleElementIndex();\n const lastVisibleElementIndex = renderElementsCount + firstVisibleElementIndex - 1;\n\n const largeSize = size;\n const middleSize = 0.75 * size;\n const smallSize = 0.5 * size;\n\n // eslint-disable-next-line complexity\n function computeElementSize(_: unknown, index: number): number {\n if (index < firstVisibleElementIndex \|\| index > lastVisibleElementIndex) {\n return smallSize;\n }\n\n if (elementsCount === RENDER_ELEMENTS_COUNT + 1 /* totalCount === 6 /) {\n if (\n (index === firstVisibleElementIndex &&\n !(firstVisibleElementIndex === firstIndex)) \|\|\n (index === lastVisibleElementIndex && !(lastVisibleElementIndex === lastIndex))\n ) {\n return middleSize;\n }\n } else if (elementsCount > RENDER_ELEMENTS_COUNT + 1 / totalCount > 6 /) {\n if (firstVisibleElementIndex === firstIndex) {\n if (!(lastVisibleElementIndex === lastIndex)) {\n if (index === lastVisibleElementIndex) {\n if (activeElementIndex === lastVisibleElementIndex - 1) {\n return middleSize;\n }\n\n return smallSize;\n }\n\n if (index === lastVisibleElementIndex - 1) {\n return middleSize;\n }\n }\n }\n if (lastVisibleElementIndex === lastIndex) {\n if (!(firstVisibleElementIndex === firstIndex)) {\n if (index === firstVisibleElementIndex) {\n if (activeElementIndex === firstVisibleElementIndex + 1) {\n return middleSize;\n }\n\n return smallSize;\n }\n\n if (index === firstVisibleElementIndex + 1) {\n return middleSize;\n }\n }\n }\n\n if (\n (index === firstVisibleElementIndex &&\n !(firstVisibleElementIndex === firstIndex)) \|\|\n (index === lastVisibleElementIndex && !(lastVisibleElementIndex === lastIndex))\n ) {\n return middleSize;\n }\n }\n\n return largeSize;\n }\n const elementSizes = Array.from({ length: elementsCount }, computeElementSize);\n const width = renderElementsCount (largeSize + gap) - gap;\n\n function actualWidth() {\n return elementSizes\n .slice(firstVisibleElementIndex, lastVisibleElementIndex + 1)\n .map((elementSize, index, array) =>\n index === array.length - 1 ? elementSize : elementSize + gap,\n )\n .reduce((a, b) => a + b, 0);\n }\n\n function offset() {\n const extraOffset =\n firstVisibleElementIndex === firstIndex\n ? 0\n : (width - actualWidth()) / (lastVisibleElementIndex === lastIndex ? 1 : 2);\n\n return (\n extraOffset -\n elementSizes\n .slice(firstIndex, firstVisibleElementIndex)\n .map((elementSize) => elementSize + gap)\n .reduce((a, b) => a + b, 0)\n );\n }\n\n function height() {\n return Math.max(size, largeSize, middleSize, smallSize);\n }\n\n return [\n height(),\n width,\n offset(),\n function elementSize(index: number) {\n return elementSizes[index];\n },\n firstVisibleElementIndex,\n lastVisibleElementIndex,\n ];\n}\n"],"names":[],"mappings":"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"}

package/components/dynamic/Component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.js","sources":["../../src/components/dynamic/Component.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport cn from 'classnames';\n\nimport {\n hasOwnProperty,\n isFn,\n isNonNullable,\n isNullable,\n noop,\n} from '@alfalab/core-components-shared';\n\nimport { type PageIndicatorDynamicProps } from '../../types';\n\nimport defaultColors from './default.module.css';\nimport styles from './index.module.css';\nimport invertedColors from './inverted.module.css';\nimport staticColors from './static.module.css';\nimport staticInvertedColors from './static-inverted.module.css';\n\nconst colorsStyle = {\n inverted: invertedColors,\n default: defaultColors,\n static: staticColors,\n 'static-inverted': staticInvertedColors,\n} as const;\n\nconst FULL_PROGRESS = 100;\n\nexport const PageIndicatorDynamic: React.FC<PageIndicatorDynamicProps> = (props) => {\n const {\n size: height = 8,\n gap = 8,\n activeElementWidth = height * 7,\n elements: count = 10,\n activeElement: indexFromProps,\n onActiveElementChange,\n defaultActiveElement: defaultIndex = 0,\n active = true,\n duration: durationFromProps = 3000,\n cycle = false,\n colors = 'default',\n } = props;\n const [activeIndex, setActiveIndex] = useState<number \| undefined>(\n indexFromProps ?? defaultIndex,\n );\n const [progress, setProgress] = useState(0);\n const inProgress = progress < FULL_PROGRESS;\n const activeIndexInProps = hasOwnProperty(props, 'activeElement');\n let duration: number;\n\n if (active && isNonNullable(activeIndex) && inProgress) {\n duration = isFn(durationFromProps) ? durationFromProps(activeIndex) : durationFromProps;\n } else {\n duration = -1;\n }\n\n // getDerivedStateFromProps\n if (activeIndexInProps && !(activeIndex === indexFromProps)) {\n setActiveIndex(indexFromProps);\n setProgress(0);\n }\n\n useEffect(() => {\n if (duration === -1) {\n return noop;\n }\n\n const interval = duration / FULL_PROGRESS;\n const timer = setInterval(\n () => setProgress((prevProgress) => Math.min(prevProgress + 1, FULL_PROGRESS)),\n interval,\n );\n\n return () => clearInterval(timer);\n }, [duration]);\n\n useEffect(() => {\n const isLast = activeIndex === count - 1;\n\n if (inProgress \|\| isNullable(activeIndex) \|\| (isLast && !cycle)) {\n return;\n }\n\n const nextActiveIndex = isLast && cycle ? 0 : activeIndex + 1;\n\n onActiveElementChange?.(nextActiveIndex);\n\n if (activeIndexInProps) {\n return;\n }\n\n setActiveIndex(nextActiveIndex);\n setProgress(0);\n }, [activeIndex, activeIndexInProps, count, cycle, inProgress, onActiveElementChange]);\n\n return (\n <ol className={styles.pageIndicator} style={{ height, gap }}>\n {Array.from({ length: count }, (_, index) => {\n const isActive = index === activeIndex;\n const style: React.CSSProperties = {\n width: isActive ? activeElementWidth : height,\n borderRadius: height / 2,\n };\n const progressStyle: React.CSSProperties \| undefined = isActive\n ? { transform: `translateX(${progress - FULL_PROGRESS}%)` }\n : undefined;\n\n return (\n <li\n key={index}\n style={style}\n className={cn(styles.element, colorsStyle[colors].element, {\n [styles.active]: isActive,\n [colorsStyle[colors].active]: isActive,\n })}\n >\n <div\n style={progressStyle}\n className={cn(styles.progress, colorsStyle[colors].progress)}\n />\n </li>\n );\n })}\n </ol>\n );\n};\n"],"names":["invertedColors","defaultColors","staticColors","staticInvertedColors","useState","hasOwnProperty","isNonNullable","isFn","useEffect","noop","isNullable","React","styles","cn"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,IAAM,WAAW,GAAG;AAChB,IAAA,QAAQ,EAAEA,eAAc;AACxB,IAAA,OAAO,EAAEC,cAAa;AACtB,IAAA,MAAM,EAAEC,aAAY;AACpB,IAAA,iBAAiB,EAAEC,qBAAoB;CACjC;AAEV,IAAM,aAAa,GAAG,GAAG;AAElB,IAAM,oBAAoB,GAAwC,UAAC,KAAK,EAAA;IAEvE,IAAA,EAAA,GAWA,KAAK,CAXW,IAAA,EAAV,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,KAAA,EAChB,EAAA,GAUA,KAAK,CAVE,GAAA,EAAP,GAAG,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,KAAA,EACP,EAAA,GASA,KAAK,CAT0B,kBAAA,EAA/B,kBAAkB,GAAG,EAAA,KAAA,MAAA,GAAA,MAAM,GAAG,CAAC,GAAA,EAAA,EAC/B,EAQA,GAAA,KAAK,SARe,EAAV,KAAK,mBAAG,EAAE,GAAA,EAAA,EACL,cAAc,GAO7B,KAAK,CAPwB,aAAA,EAC7B,qBAAqB,GAMrB,KAAK,sBANgB,EACrB,EAAA,GAKA,KAAK,CALiC,oBAAA,EAAhB,YAAY,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,KAAA,EACtC,EAAA,GAIA,KAAK,CAJQ,MAAA,EAAb,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,KAAA,EACb,EAAA,GAGA,KAAK,CAH6B,QAAA,EAAxB,iBAAiB,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,KAAA,EAClC,EAAA,GAEA,KAAK,CAFQ,KAAA,EAAb,KAAK,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EACb,EAAA,GACA,KAAK,CADa,MAAA,EAAlB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,SAAS,KAAA;AAEhB,IAAA,IAAA,KAAgCC,cAAQ,CAC1C,cAAc,KAAA,IAAA,IAAd,cAAc,KAAd,MAAA,GAAA,cAAc,GAAI,YAAY,CACjC,EAFM,WAAW,QAAA,EAAE,cAAc,QAEjC;IACK,IAAA,EAAA,GAA0BA,cAAQ,CAAC,CAAC,CAAC,EAApC,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,WAAW,GAAA,EAAA,CAAA,CAAA,CAAe;AAC3C,IAAA,IAAM,UAAU,GAAG,QAAQ,GAAG,aAAa;IAC3C,IAAM,kBAAkB,GAAGC,mCAAc,CAAC,KAAK,EAAE,eAAe,CAAC;AACjE,IAAA,IAAI,QAAgB;IAEpB,IAAI,MAAM,IAAIC,kCAAa,CAAC,WAAW,CAAC,IAAI,UAAU,EAAE;AACpD,QAAA,QAAQ,GAAGC,yBAAI,CAAC,iBAAiB,CAAC,GAAG,iBAAiB,CAAC,WAAW,CAAC,GAAG,iBAAiB;~~AAC1F;AAAM,SAAA;~~QACH,QAAQ,GAAG,EAAE~~;AAChB;;IAGD~~,IAAI,kBAAkB,IAAI,EAAE,WAAW,KAAK,cAAc,CAAC,EAAE;QACzD,cAAc,CAAC,cAAc,CAAC;QAC9B,WAAW,CAAC,CAAC,CAAC~~;AACjB;AAED~~,IAAAC,eAAS,CAAC,YAAA;AACN,QAAA,IAAI,QAAQ,KAAK,EAAE,EAAE;AACjB,YAAA,OAAOC,yBAAI~~;AACd;AAED~~,QAAA,IAAM,QAAQ,GAAG,QAAQ,GAAG,aAAa;AACzC,QAAA,IAAM,KAAK,GAAG,WAAW,CACrB,YAAM,EAAA,OAAA,WAAW,CAAC,UAAC,YAAY,EAAK,EAAA,OAAA,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,CAAC,EAAE,aAAa,CAAC,CAAA,EAAA,CAAC,CAAxE,EAAwE,EAC9E,QAAQ,CACX;QAED,OAAO,YAAA,EAAM,OAAA,aAAa,CAAC,KAAK,CAAC,CAAA,EAAA;AACrC,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEd,IAAAD,eAAS,CAAC,YAAA;AACN,QAAA,IAAM,MAAM,GAAG,WAAW,KAAK,KAAK,GAAG,CAAC;AAExC,QAAA,IAAI,UAAU,IAAIE,+BAAU,CAAC,WAAW,CAAC,KAAK,MAAM,IAAI,CAAC,KAAK,CAAC,EAAE;YAC7D~~;AACH;AAED~~,QAAA,IAAM,eAAe,GAAG,MAAM,IAAI,KAAK,GAAG,CAAC,GAAG,WAAW,GAAG,CAAC;AAE7D,QAAA,qBAAqB,aAArB,qBAAqB,KAAA,MAAA,GAAA,MAAA,GAArB,qBAAqB,CAAG,eAAe,CAAC;~~AAExC~~,~~QAAA,~~IAAI,kBAAkB,EAAE;YACpB~~;AACH;QAED~~,cAAc,CAAC,eAAe,CAAC;QAC/B,WAAW,CAAC,CAAC,CAAC;AAClB,KAAC,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,qBAAqB,CAAC,CAAC;AAEtF,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAEC,YAAM,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE,MAAM,QAAA,EAAE,GAAG,EAAA,GAAA,EAAE,EACtD,EAAA,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,UAAC,CAAC,EAAE,KAAK,EAAA;;AACpC,QAAA,IAAM,QAAQ,GAAG,KAAK,KAAK,WAAW;AACtC,QAAA,IAAM,KAAK,GAAwB;YAC/B,KAAK,EAAE,QAAQ,GAAG,kBAAkB,GAAG,MAAM;YAC7C,YAAY,EAAE,MAAM,GAAG,CAAC;SAC3B;QACD,IAAM,aAAa,GAAoC;cACjD,EAAE,SAAS,EAAE,qBAAc,QAAQ,GAAG,aAAa,EAAA,IAAA,CAAI;cACvD,SAAS;QAEf,QACID,6CACI,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAEE,mBAAE,CAACD,YAAM,CAAC,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,GAAA,EAAA,GAAA,EAAA;AACrD,gBAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,QAAQ;AACzB,gBAAA,EAAA,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,IAAG,QAAQ;AACxC,gBAAA,EAAA,EAAA,EAAA;YAEFD,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,aAAa,EACpB,SAAS,EAAEE,mBAAE,CAACD,YAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,EAAA,CAC9D,CACD;KAEZ,CAAC,CACD;AAEb;;;;"}
1	+ {"version":3,"file":"Component.js","sources":["../../src/components/dynamic/Component.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport cn from 'classnames';\n\nimport {\n hasOwnProperty,\n isFn,\n isNonNullable,\n isNullable,\n noop,\n} from '@alfalab/core-components-shared';\n\nimport { type PageIndicatorDynamicProps } from '../../types';\n\nimport defaultColors from './default.module.css';\nimport styles from './index.module.css';\nimport invertedColors from './inverted.module.css';\nimport staticColors from './static.module.css';\nimport staticInvertedColors from './static-inverted.module.css';\n\nconst colorsStyle = {\n inverted: invertedColors,\n default: defaultColors,\n static: staticColors,\n 'static-inverted': staticInvertedColors,\n} as const;\n\nconst FULL_PROGRESS = 100;\n\nexport const PageIndicatorDynamic: React.FC<PageIndicatorDynamicProps> = (props) => {\n const {\n size: height = 8,\n gap = 8,\n activeElementWidth = height * 7,\n elements: count = 10,\n activeElement: indexFromProps,\n onActiveElementChange,\n defaultActiveElement: defaultIndex = 0,\n active = true,\n duration: durationFromProps = 3000,\n cycle = false,\n colors = 'default',\n } = props;\n const [activeIndex, setActiveIndex] = useState<number \| undefined>(\n indexFromProps ?? defaultIndex,\n );\n const [progress, setProgress] = useState(0);\n const inProgress = progress < FULL_PROGRESS;\n const activeIndexInProps = hasOwnProperty(props, 'activeElement');\n let duration: number;\n\n if (active && isNonNullable(activeIndex) && inProgress) {\n duration = isFn(durationFromProps) ? durationFromProps(activeIndex) : durationFromProps;\n } else {\n duration = -1;\n }\n\n // getDerivedStateFromProps\n if (activeIndexInProps && !(activeIndex === indexFromProps)) {\n setActiveIndex(indexFromProps);\n setProgress(0);\n }\n\n useEffect(() => {\n if (duration === -1) {\n return noop;\n }\n\n const interval = duration / FULL_PROGRESS;\n const timer = setInterval(\n () => setProgress((prevProgress) => Math.min(prevProgress + 1, FULL_PROGRESS)),\n interval,\n );\n\n return () => clearInterval(timer);\n }, [duration]);\n\n useEffect(() => {\n const isLast = activeIndex === count - 1;\n\n if (inProgress \|\| isNullable(activeIndex) \|\| (isLast && !cycle)) {\n return;\n }\n\n const nextActiveIndex = isLast && cycle ? 0 : activeIndex + 1;\n\n onActiveElementChange?.(nextActiveIndex);\n\n if (activeIndexInProps) {\n return;\n }\n\n setActiveIndex(nextActiveIndex);\n setProgress(0);\n }, [activeIndex, activeIndexInProps, count, cycle, inProgress, onActiveElementChange]);\n\n return (\n <ol className={styles.pageIndicator} style={{ height, gap }}>\n {Array.from({ length: count }, (_, index) => {\n const isActive = index === activeIndex;\n const style: React.CSSProperties = {\n width: isActive ? activeElementWidth : height,\n borderRadius: height / 2,\n };\n const progressStyle: React.CSSProperties \| undefined = isActive\n ? { transform: `translateX(${progress - FULL_PROGRESS}%)` }\n : undefined;\n\n return (\n <li\n key={index}\n style={style}\n className={cn(styles.element, colorsStyle[colors].element, {\n [styles.active]: isActive,\n [colorsStyle[colors].active]: isActive,\n })}\n >\n <div\n style={progressStyle}\n className={cn(styles.progress, colorsStyle[colors].progress)}\n />\n </li>\n );\n })}\n </ol>\n );\n};\n"],"names":["invertedColors","defaultColors","staticColors","staticInvertedColors","useState","hasOwnProperty","isNonNullable","isFn","useEffect","noop","isNullable","React","styles","cn"],"mappings":"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"}

package/components/dynamic/default.css CHANGED Viewed

@@ -6,11 +6,11 @@
     --page-indicator-color: var(--color-light-neutral-translucent-300);
     --page-indicator-active-color: var(--color-light-neutral-translucent-1300);
 }
-.page-indicator__element_1n067 {
+.page-indicator__element_84ygl {
     background: var(--page-indicator-color);
 }
-.page-indicator__element_1n067.page-indicator__active_1n067 {
-        .page-indicator__progress_1n067 {
+.page-indicator__element_84ygl.page-indicator__active_84ygl {
+        .page-indicator__progress_84ygl {
             background: var(--page-indicator-active-color);
         }
     }

package/components/dynamic/default.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./default.css');
-var defaultColors = {"element":"page-indicator__element_1n067","active":"page-indicator__active_1n067","progress":"page-indicator__progress_1n067"};
+var defaultColors = {"element":"page-indicator__element_84ygl","active":"page-indicator__active_84ygl","progress":"page-indicator__progress_84ygl"};
 module.exports = defaultColors;
 //# sourceMappingURL=default.module.css.js.map

package/components/dynamic/index.css CHANGED Viewed

@@ -1,24 +1,24 @@
 :root {
     --page-indicator-animation-duration: 0.2s;
 }
-.page-indicator__pageIndicator_1vz15 {
+.page-indicator__pageIndicator_93ga1 {
     margin: 0;
     padding: 0;
     display: flex;
 }
-.page-indicator__element_1vz15 {
+.page-indicator__element_93ga1 {
     list-style-type: none;
     overflow: hidden;
     transition: width var(--page-indicator-animation-duration) linear;
 }
-.page-indicator__element_1vz15:not(.page-indicator__active_1vz15) {
-        .page-indicator__progress_1vz15 {
+.page-indicator__element_93ga1:not(.page-indicator__active_93ga1) {
+        .page-indicator__progress_93ga1 {
             display: none;
         }
     }
-.page-indicator__element_1vz15 {
+.page-indicator__element_93ga1 {
-    .page-indicator__progress_1vz15 {
+    .page-indicator__progress_93ga1 {
         width: 100%;
         height: 100%;
         will-change: transform;

package/components/dynamic/index.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./index.css');
-var styles = {"pageIndicator":"page-indicator__pageIndicator_1vz15","element":"page-indicator__element_1vz15","active":"page-indicator__active_1vz15","progress":"page-indicator__progress_1vz15"};
+var styles = {"pageIndicator":"page-indicator__pageIndicator_93ga1","element":"page-indicator__element_93ga1","active":"page-indicator__active_93ga1","progress":"page-indicator__progress_93ga1"};
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/dynamic/inverted.css CHANGED Viewed

@@ -6,11 +6,11 @@
     --page-indicator-color-inverted: var(--color-light-neutral-translucent-300-inverted);
     --page-indicator-active-color-inverted: var(--color-light-neutral-translucent-1300-inverted);
 }
-.page-indicator__element_1tfv5 {
+.page-indicator__element_6qsic {
     background: var(--page-indicator-color-inverted);
 }
-.page-indicator__element_1tfv5.page-indicator__active_1tfv5 {
-        .page-indicator__progress_1tfv5 {
+.page-indicator__element_6qsic.page-indicator__active_6qsic {
+        .page-indicator__progress_6qsic {
             background: var(--page-indicator-active-color-inverted);
         }
     }

package/components/dynamic/inverted.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./inverted.css');
-var invertedColors = {"element":"page-indicator__element_1tfv5","active":"page-indicator__active_1tfv5","progress":"page-indicator__progress_1tfv5"};
+var invertedColors = {"element":"page-indicator__element_6qsic","active":"page-indicator__active_6qsic","progress":"page-indicator__progress_6qsic"};
 module.exports = invertedColors;
 //# sourceMappingURL=inverted.module.css.js.map

package/components/dynamic/static-inverted.css CHANGED Viewed

@@ -6,11 +6,11 @@
     --page-indicator-color-static-inverted: var(--color-static-neutral-translucent-300-inverted);
     --page-indicator-active-color-static-inverted: var(--color-static-neutral-1300-inverted);
 }
-.page-indicator__element_rw5c7 {
+.page-indicator__element_1xp3l {
     background: var(--page-indicator-color-static-inverted);
 }
-.page-indicator__element_rw5c7.page-indicator__active_rw5c7 {
-        .page-indicator__progress_rw5c7 {
+.page-indicator__element_1xp3l.page-indicator__active_1xp3l {
+        .page-indicator__progress_1xp3l {
             background: var(--page-indicator-active-color-static-inverted);
         }
     }

package/components/dynamic/static-inverted.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./static-inverted.css');
-var staticInvertedColors = {"element":"page-indicator__element_rw5c7","active":"page-indicator__active_rw5c7","progress":"page-indicator__progress_rw5c7"};
+var staticInvertedColors = {"element":"page-indicator__element_1xp3l","active":"page-indicator__active_1xp3l","progress":"page-indicator__progress_1xp3l"};
 module.exports = staticInvertedColors;
 //# sourceMappingURL=static-inverted.module.css.js.map

package/components/dynamic/static.css CHANGED Viewed

@@ -6,11 +6,11 @@
     --page-indicator-color-static: var(--color-static-neutral-translucent-300);
     --page-indicator-active-color-static: var(--color-static-neutral-1300);
 }
-.page-indicator__element_1o1du {
+.page-indicator__element_eg8ye {
     background: var(--page-indicator-color-static);
 }
-.page-indicator__element_1o1du.page-indicator__active_1o1du {
-        .page-indicator__progress_1o1du {
+.page-indicator__element_eg8ye.page-indicator__active_eg8ye {
+        .page-indicator__progress_eg8ye {
             background: var(--page-indicator-active-color-static);
         }
     }

package/components/dynamic/static.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./static.css');
-var staticColors = {"element":"page-indicator__element_1o1du","active":"page-indicator__active_1o1du","progress":"page-indicator__progress_1o1du"};
+var staticColors = {"element":"page-indicator__element_eg8ye","active":"page-indicator__active_eg8ye","progress":"page-indicator__progress_eg8ye"};
 module.exports = staticColors;
 //# sourceMappingURL=static.module.css.js.map

package/components/runner/default.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color: var(--color-light-neutral-translucent-300);
     --page-indicator-active-color: var(--color-light-neutral-translucent-1300);
 }
-.page-indicator__pageIndicator_camly {
+.page-indicator__pageIndicator_w8wvq {
     background: var(--page-indicator-color);
 }
-.page-indicator__element_camly {
+.page-indicator__element_w8wvq {
     background: var(--page-indicator-active-color);
 }

package/components/runner/default.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./default.css');
-var defaultColors = {"pageIndicator":"page-indicator__pageIndicator_camly","element":"page-indicator__element_camly"};
+var defaultColors = {"pageIndicator":"page-indicator__pageIndicator_w8wvq","element":"page-indicator__element_w8wvq"};
 module.exports = defaultColors;
 //# sourceMappingURL=default.module.css.js.map

package/components/runner/index.css CHANGED Viewed

@@ -1,7 +1,7 @@
 :root {
     --page-indicator-animation-duration: 0.2s;
 }
-.page-indicator__element_34m5s {
+.page-indicator__element_10ztk {
     transition: transform var(--page-indicator-animation-duration) linear;
     will-change: transition;
 }

package/components/runner/index.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./index.css');
-var styles = {"element":"page-indicator__element_34m5s"};
+var styles = {"element":"page-indicator__element_10ztk"};
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/runner/inverted.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color-inverted: var(--color-light-neutral-translucent-300-inverted);
     --page-indicator-active-color-inverted: var(--color-light-neutral-translucent-1300-inverted);
 }
-.page-indicator__pageIndicator_gnlrn {
+.page-indicator__pageIndicator_1yyys {
     background: var(--page-indicator-color-inverted);
 }
-.page-indicator__element_gnlrn {
+.page-indicator__element_1yyys {
     background: var(--page-indicator-active-color-inverted);
 }

package/components/runner/inverted.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./inverted.css');
-var invertedColors = {"pageIndicator":"page-indicator__pageIndicator_gnlrn","element":"page-indicator__element_gnlrn"};
+var invertedColors = {"pageIndicator":"page-indicator__pageIndicator_1yyys","element":"page-indicator__element_1yyys"};
 module.exports = invertedColors;
 //# sourceMappingURL=inverted.module.css.js.map

package/components/runner/static-inverted.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color-static-inverted: var(--color-static-neutral-translucent-300-inverted);
     --page-indicator-active-color-static-inverted: var(--color-static-neutral-1300-inverted);
 }
-.page-indicator__pageIndicator_1fo3h {
+.page-indicator__pageIndicator_1gfio {
     background: var(--page-indicator-color-static-inverted);
 }
-.page-indicator__element_1fo3h {
+.page-indicator__element_1gfio {
     background: var(--page-indicator-active-color-static-inverted);
 }

package/components/runner/static-inverted.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./static-inverted.css');
-var staticInvertedColors = {"pageIndicator":"page-indicator__pageIndicator_1fo3h","element":"page-indicator__element_1fo3h"};
+var staticInvertedColors = {"pageIndicator":"page-indicator__pageIndicator_1gfio","element":"page-indicator__element_1gfio"};
 module.exports = staticInvertedColors;
 //# sourceMappingURL=static-inverted.module.css.js.map

package/components/runner/static.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color-static: var(--color-static-neutral-translucent-300);
     --page-indicator-active-color-static: var(--color-static-neutral-1300);
 }
-.page-indicator__pageIndicator_ca1r8 {
+.page-indicator__pageIndicator_mhcg1 {
     background: var(--page-indicator-color-static);
 }
-.page-indicator__element_ca1r8 {
+.page-indicator__element_mhcg1 {
     background: var(--page-indicator-active-color-static);
 }

package/components/runner/static.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./static.css');
-var staticColors = {"pageIndicator":"page-indicator__pageIndicator_ca1r8","element":"page-indicator__element_ca1r8"};
+var staticColors = {"pageIndicator":"page-indicator__pageIndicator_mhcg1","element":"page-indicator__element_mhcg1"};
 module.exports = staticColors;
 //# sourceMappingURL=static.module.css.js.map

package/components/step/default.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color: var(--color-light-neutral-translucent-300);
     --page-indicator-active-color: var(--color-light-neutral-translucent-1300);
 }
-.page-indicator__element_213pw {
+.page-indicator__element_13qsl {
     background: var(--page-indicator-color);
 }
-.page-indicator__element_213pw.page-indicator__active_213pw {
+.page-indicator__element_13qsl.page-indicator__active_13qsl {
         background: var(--page-indicator-active-color);
     }

package/components/step/default.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./default.css');
-var defaultColors = {"element":"page-indicator__element_213pw","active":"page-indicator__active_213pw"};
+var defaultColors = {"element":"page-indicator__element_13qsl","active":"page-indicator__active_13qsl"};
 module.exports = defaultColors;
 //# sourceMappingURL=default.module.css.js.map

package/components/step/index.css CHANGED Viewed

@@ -2,12 +2,12 @@
     --page-indicator-animation-duration: 0.2s;
     --page-indicator-animation-timing-function: ease-in-out;
 }
-.page-indicator__pageIndicator_pxga7 {
+.page-indicator__pageIndicator_1cynn {
     margin: 0;
     padding: 0;
     display: flex;
 }
-.page-indicator__element_pxga7 {
+.page-indicator__element_1cynn {
     list-style-type: none;
     flex-grow: 1;
     transition: backgroud var(--page-indicator-animation-duration)

package/components/step/index.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./index.css');
-var styles = {"pageIndicator":"page-indicator__pageIndicator_pxga7","element":"page-indicator__element_pxga7"};
+var styles = {"pageIndicator":"page-indicator__pageIndicator_1cynn","element":"page-indicator__element_1cynn"};
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/step/inverted.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color-inverted: var(--color-light-neutral-translucent-300-inverted);
     --page-indicator-active-color-inverted: var(--color-light-neutral-translucent-1300-inverted);
 }
-.page-indicator__element_22dw7 {
+.page-indicator__element_na8d9 {
     background: var(--page-indicator-color-inverted);
 }
-.page-indicator__element_22dw7.page-indicator__active_22dw7 {
+.page-indicator__element_na8d9.page-indicator__active_na8d9 {
         background: var(--page-indicator-active-color-inverted);
     }

package/components/step/inverted.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./inverted.css');
-var invertedColors = {"element":"page-indicator__element_22dw7","active":"page-indicator__active_22dw7"};
+var invertedColors = {"element":"page-indicator__element_na8d9","active":"page-indicator__active_na8d9"};
 module.exports = invertedColors;
 //# sourceMappingURL=inverted.module.css.js.map

package/components/step/static-inverted.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color-static-inverted: var(--color-static-neutral-translucent-300-inverted);
     --page-indicator-active-color-static-inverted: var(--color-static-neutral-1300-inverted);
 }
-.page-indicator__element_9i2do {
+.page-indicator__element_1i1eu {
     background: var(--page-indicator-color-static-inverted);
 }
-.page-indicator__element_9i2do.page-indicator__active_9i2do {
+.page-indicator__element_1i1eu.page-indicator__active_1i1eu {
         background: var(--page-indicator-active-color-static-inverted);
     }

package/components/step/static-inverted.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./static-inverted.css');
-var staticInvertedColors = {"element":"page-indicator__element_9i2do","active":"page-indicator__active_9i2do"};
+var staticInvertedColors = {"element":"page-indicator__element_1i1eu","active":"page-indicator__active_1i1eu"};
 module.exports = staticInvertedColors;
 //# sourceMappingURL=static-inverted.module.css.js.map

package/components/step/static.css CHANGED Viewed

@@ -6,9 +6,9 @@
     --page-indicator-color-static: var(--color-static-neutral-translucent-300);
     --page-indicator-active-color-static: var(--color-static-neutral-1300);
 }
-.page-indicator__element_pfuhs {
+.page-indicator__element_1twix {
     background: var(--page-indicator-color-static);
 }
-.page-indicator__element_pfuhs.page-indicator__active_pfuhs {
+.page-indicator__element_1twix.page-indicator__active_1twix {
         background: var(--page-indicator-active-color-static);
     }

package/components/step/static.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./static.css');
-var staticColors = {"element":"page-indicator__element_pfuhs","active":"page-indicator__active_pfuhs"};
+var staticColors = {"element":"page-indicator__element_1twix","active":"page-indicator__active_1twix"};
 module.exports = staticColors;
 //# sourceMappingURL=static.module.css.js.map