@alfalab/core-components 38.1.0 → 38.2.0

package/popover/esm/index.css

@@ -19,23 +19,23 @@
 } :root {
 } :root {
     --popover-border-color: transparent;
-} .popover__component_1h53k {
+} .popover__component_1n76j {
     background-color: transparent;
     color: var(--color-light-text-primary);
-} .popover__inner_1h53k {
+} .popover__inner_1n76j {
     position: relative;
     background-color: var(--color-light-bg-primary);
     box-shadow: var(--shadow-m);
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     will-change: transform;
-} .popover__scrollableContent_1h53k {
+} .popover__scrollableContent_1n76j {
     position: relative;
     z-index: 2;
     overflow-y: auto;
-} .popover__arrow_1h53k {
+} .popover__arrow_1n76j {
     z-index: 1;
-} .popover__arrow_1h53k:after {
+} .popover__arrow_1n76j:after {
     content: '';
     display: block;
     position: absolute;
@@ -45,67 +45,67 @@
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     transform: rotate(45deg);
-} .popover__component_1h53k[data-popper-placement='left'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='left-start'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='left-end'] .popover__arrow_1h53k {
+} .popover__component_1n76j[data-popper-placement='left'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='left-start'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='left-end'] .popover__arrow_1n76j {
     right: 5px
-} .popover__component_1h53k[data-popper-placement='left'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='left-start'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='left-end'] .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='left'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='left-start'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='left-end'] .popover__arrow_1n76j:after {
         top: -6px;
         border-bottom: none;
         border-left: none;
-    } .popover__component_1h53k[data-popper-placement='left-start'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+    } .popover__component_1n76j[data-popper-placement='left-start'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     top: -7px;
-} .popover__component_1h53k[data-popper-placement='left-end'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='left-end'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     top: -5px;
-} .popover__component_1h53k[data-popper-placement='right'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='right-start'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='right-end'] .popover__arrow_1h53k {
+} .popover__component_1n76j[data-popper-placement='right'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='right-start'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='right-end'] .popover__arrow_1n76j {
     left: -7px
-} .popover__component_1h53k[data-popper-placement='right'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='right-start'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='right-end'] .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='right'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='right-start'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='right-end'] .popover__arrow_1n76j:after {
         top: -6px;
         border-top: none;
         border-right: none;
-    } .popover__component_1h53k[data-popper-placement='right-start'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+    } .popover__component_1n76j[data-popper-placement='right-start'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     top: -7px;
-} .popover__component_1h53k[data-popper-placement='right-end'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='right-end'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     top: -5px;
-} .popover__component_1h53k[data-popper-placement='top'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='top-start'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='top-end'] .popover__arrow_1h53k {
+} .popover__component_1n76j[data-popper-placement='top'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='top-start'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='top-end'] .popover__arrow_1n76j {
     bottom: 5px
-} .popover__component_1h53k[data-popper-placement='top'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='top-start'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='top-end'] .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='top'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='top-start'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='top-end'] .popover__arrow_1n76j:after {
         left: -6px;
         border-top: none;
         border-left: none;
-    } .popover__component_1h53k[data-popper-placement='top-start'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+    } .popover__component_1n76j[data-popper-placement='top-start'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     left: -17px;
-} .popover__component_1h53k[data-popper-placement='top-end'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='top-end'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     left: 5px;
-} .popover__component_1h53k[data-popper-placement='bottom'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='bottom-start'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='bottom-end'] .popover__arrow_1h53k {
+} .popover__component_1n76j[data-popper-placement='bottom'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='bottom-start'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='bottom-end'] .popover__arrow_1n76j {
     top: -7px
-} .popover__component_1h53k[data-popper-placement='bottom'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='bottom-start'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='bottom-end'] .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='bottom'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='bottom-start'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='bottom-end'] .popover__arrow_1n76j:after {
         left: -6px;
         border-bottom: none;
         border-right: none;
-    } .popover__component_1h53k[data-popper-placement='bottom-start'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+    } .popover__component_1n76j[data-popper-placement='bottom-start'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     left: -17px;
-} .popover__component_1h53k[data-popper-placement='bottom-end'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='bottom-end'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     left: 5px;
-} .popover__enter_1h53k .popover__inner_1h53k {
+} .popover__enter_1n76j .popover__inner_1n76j {
     opacity: 0;
     transform: scale(0.98);
-} .popover__enterActive_1h53k .popover__inner_1h53k {
+} .popover__enterActive_1n76j .popover__inner_1n76j {
     opacity: 1;
     transform: scale(1);
     transition-property: opacity, transform;
     transition-timing-function: ease-in-out;
     transition-duration: 150ms;
-} .popover__exit_1h53k .popover__inner_1h53k {
+} .popover__exit_1n76j .popover__inner_1n76j {
     opacity: 1;
     transform: scale(1);
-} .popover__exitActive_1h53k .popover__inner_1h53k {
+} .popover__exitActive_1n76j .popover__inner_1n76j {
     opacity: 0;
     transform: scale(0.98);
     transition-property: opacity, transform;

package/popover/index.css

@@ -19,23 +19,23 @@
 } :root {
 } :root {
     --popover-border-color: transparent;
-} .popover__component_1h53k {
+} .popover__component_1n76j {
     background-color: transparent;
     color: var(--color-light-text-primary);
-} .popover__inner_1h53k {
+} .popover__inner_1n76j {
     position: relative;
     background-color: var(--color-light-bg-primary);
     box-shadow: var(--shadow-m);
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     will-change: transform;
-} .popover__scrollableContent_1h53k {
+} .popover__scrollableContent_1n76j {
     position: relative;
     z-index: 2;
     overflow-y: auto;
-} .popover__arrow_1h53k {
+} .popover__arrow_1n76j {
     z-index: 1;
-} .popover__arrow_1h53k:after {
+} .popover__arrow_1n76j:after {
     content: '';
     display: block;
     position: absolute;
@@ -45,67 +45,67 @@
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     transform: rotate(45deg);
-} .popover__component_1h53k[data-popper-placement='left'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='left-start'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='left-end'] .popover__arrow_1h53k {
+} .popover__component_1n76j[data-popper-placement='left'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='left-start'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='left-end'] .popover__arrow_1n76j {
     right: 5px
-} .popover__component_1h53k[data-popper-placement='left'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='left-start'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='left-end'] .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='left'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='left-start'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='left-end'] .popover__arrow_1n76j:after {
         top: -6px;
         border-bottom: none;
         border-left: none;
-    } .popover__component_1h53k[data-popper-placement='left-start'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+    } .popover__component_1n76j[data-popper-placement='left-start'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     top: -7px;
-} .popover__component_1h53k[data-popper-placement='left-end'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='left-end'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     top: -5px;
-} .popover__component_1h53k[data-popper-placement='right'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='right-start'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='right-end'] .popover__arrow_1h53k {
+} .popover__component_1n76j[data-popper-placement='right'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='right-start'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='right-end'] .popover__arrow_1n76j {
     left: -7px
-} .popover__component_1h53k[data-popper-placement='right'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='right-start'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='right-end'] .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='right'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='right-start'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='right-end'] .popover__arrow_1n76j:after {
         top: -6px;
         border-top: none;
         border-right: none;
-    } .popover__component_1h53k[data-popper-placement='right-start'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+    } .popover__component_1n76j[data-popper-placement='right-start'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     top: -7px;
-} .popover__component_1h53k[data-popper-placement='right-end'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='right-end'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     top: -5px;
-} .popover__component_1h53k[data-popper-placement='top'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='top-start'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='top-end'] .popover__arrow_1h53k {
+} .popover__component_1n76j[data-popper-placement='top'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='top-start'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='top-end'] .popover__arrow_1n76j {
     bottom: 5px
-} .popover__component_1h53k[data-popper-placement='top'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='top-start'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='top-end'] .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='top'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='top-start'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='top-end'] .popover__arrow_1n76j:after {
         left: -6px;
         border-top: none;
         border-left: none;
-    } .popover__component_1h53k[data-popper-placement='top-start'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+    } .popover__component_1n76j[data-popper-placement='top-start'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     left: -17px;
-} .popover__component_1h53k[data-popper-placement='top-end'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='top-end'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     left: 5px;
-} .popover__component_1h53k[data-popper-placement='bottom'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='bottom-start'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='bottom-end'] .popover__arrow_1h53k {
+} .popover__component_1n76j[data-popper-placement='bottom'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='bottom-start'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='bottom-end'] .popover__arrow_1n76j {
     top: -7px
-} .popover__component_1h53k[data-popper-placement='bottom'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='bottom-start'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='bottom-end'] .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='bottom'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='bottom-start'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='bottom-end'] .popover__arrow_1n76j:after {
         left: -6px;
         border-bottom: none;
         border-right: none;
-    } .popover__component_1h53k[data-popper-placement='bottom-start'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+    } .popover__component_1n76j[data-popper-placement='bottom-start'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     left: -17px;
-} .popover__component_1h53k[data-popper-placement='bottom-end'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='bottom-end'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     left: 5px;
-} .popover__enter_1h53k .popover__inner_1h53k {
+} .popover__enter_1n76j .popover__inner_1n76j {
     opacity: 0;
     transform: scale(0.98);
-} .popover__enterActive_1h53k .popover__inner_1h53k {
+} .popover__enterActive_1n76j .popover__inner_1n76j {
     opacity: 1;
     transform: scale(1);
     transition-property: opacity, transform;
     transition-timing-function: ease-in-out;
     transition-duration: 150ms;
-} .popover__exit_1h53k .popover__inner_1h53k {
+} .popover__exit_1n76j .popover__inner_1n76j {
     opacity: 1;
     transform: scale(1);
-} .popover__exitActive_1h53k .popover__inner_1h53k {
+} .popover__exitActive_1n76j .popover__inner_1n76j {
     opacity: 0;
     transform: scale(0.98);
     transition-property: opacity, transform;

package/popover/modern/Component.js

@@ -8,7 +8,7 @@ import maxSize from 'popper-max-size-modifier';
 import { Portal } from '../../portal/modern';
 import { Stack, stackingOrder } from '../../stack/modern';
 
-const styles = {"component":"popover__component_1h53k","inner":"popover__inner_1h53k","scrollableContent":"popover__scrollableContent_1h53k","arrow":"popover__arrow_1h53k","arrowShift":"popover__arrowShift_1h53k","enter":"popover__enter_1h53k","enterActive":"popover__enterActive_1h53k","exit":"popover__exit_1h53k","exitActive":"popover__exitActive_1h53k"};
+const styles = {"component":"popover__component_1n76j","inner":"popover__inner_1n76j","scrollableContent":"popover__scrollableContent_1n76j","arrow":"popover__arrow_1n76j","arrowShift":"popover__arrowShift_1n76j","enter":"popover__enter_1n76j","enterActive":"popover__enterActive_1n76j","exit":"popover__exit_1n76j","exitActive":"popover__exitActive_1n76j"};
 require('./index.css');
 
 const DEFAULT_TRANSITION = {

package/popover/modern/index.css

@@ -19,23 +19,23 @@
 } :root {
 } :root {
     --popover-border-color: transparent;
-} .popover__component_1h53k {
+} .popover__component_1n76j {
     background-color: transparent;
     color: var(--color-light-text-primary);
-} .popover__inner_1h53k {
+} .popover__inner_1n76j {
     position: relative;
     background-color: var(--color-light-bg-primary);
     box-shadow: var(--shadow-m);
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     will-change: transform;
-} .popover__scrollableContent_1h53k {
+} .popover__scrollableContent_1n76j {
     position: relative;
     z-index: 2;
     overflow-y: auto;
-} .popover__arrow_1h53k {
+} .popover__arrow_1n76j {
     z-index: 1;
-} .popover__arrow_1h53k:after {
+} .popover__arrow_1n76j:after {
     content: '';
     display: block;
     position: absolute;
@@ -45,67 +45,67 @@
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     transform: rotate(45deg);
-} .popover__component_1h53k[data-popper-placement='left'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='left-start'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='left-end'] .popover__arrow_1h53k {
+} .popover__component_1n76j[data-popper-placement='left'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='left-start'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='left-end'] .popover__arrow_1n76j {
     right: 5px
-} .popover__component_1h53k[data-popper-placement='left'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='left-start'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='left-end'] .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='left'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='left-start'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='left-end'] .popover__arrow_1n76j:after {
         top: -6px;
         border-bottom: none;
         border-left: none;
-    } .popover__component_1h53k[data-popper-placement='left-start'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+    } .popover__component_1n76j[data-popper-placement='left-start'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     top: -7px;
-} .popover__component_1h53k[data-popper-placement='left-end'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='left-end'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     top: -5px;
-} .popover__component_1h53k[data-popper-placement='right'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='right-start'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='right-end'] .popover__arrow_1h53k {
+} .popover__component_1n76j[data-popper-placement='right'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='right-start'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='right-end'] .popover__arrow_1n76j {
     left: -7px
-} .popover__component_1h53k[data-popper-placement='right'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='right-start'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='right-end'] .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='right'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='right-start'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='right-end'] .popover__arrow_1n76j:after {
         top: -6px;
         border-top: none;
         border-right: none;
-    } .popover__component_1h53k[data-popper-placement='right-start'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+    } .popover__component_1n76j[data-popper-placement='right-start'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     top: -7px;
-} .popover__component_1h53k[data-popper-placement='right-end'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='right-end'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     top: -5px;
-} .popover__component_1h53k[data-popper-placement='top'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='top-start'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='top-end'] .popover__arrow_1h53k {
+} .popover__component_1n76j[data-popper-placement='top'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='top-start'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='top-end'] .popover__arrow_1n76j {
     bottom: 5px
-} .popover__component_1h53k[data-popper-placement='top'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='top-start'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='top-end'] .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='top'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='top-start'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='top-end'] .popover__arrow_1n76j:after {
         left: -6px;
         border-top: none;
         border-left: none;
-    } .popover__component_1h53k[data-popper-placement='top-start'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+    } .popover__component_1n76j[data-popper-placement='top-start'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     left: -17px;
-} .popover__component_1h53k[data-popper-placement='top-end'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='top-end'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     left: 5px;
-} .popover__component_1h53k[data-popper-placement='bottom'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='bottom-start'] .popover__arrow_1h53k,
-.popover__component_1h53k[data-popper-placement='bottom-end'] .popover__arrow_1h53k {
+} .popover__component_1n76j[data-popper-placement='bottom'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='bottom-start'] .popover__arrow_1n76j,
+.popover__component_1n76j[data-popper-placement='bottom-end'] .popover__arrow_1n76j {
     top: -7px
-} .popover__component_1h53k[data-popper-placement='bottom'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='bottom-start'] .popover__arrow_1h53k:after, .popover__component_1h53k[data-popper-placement='bottom-end'] .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='bottom'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='bottom-start'] .popover__arrow_1n76j:after, .popover__component_1n76j[data-popper-placement='bottom-end'] .popover__arrow_1n76j:after {
         left: -6px;
         border-bottom: none;
         border-right: none;
-    } .popover__component_1h53k[data-popper-placement='bottom-start'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+    } .popover__component_1n76j[data-popper-placement='bottom-start'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     left: -17px;
-} .popover__component_1h53k[data-popper-placement='bottom-end'].popover__arrowShift_1h53k .popover__arrow_1h53k:after {
+} .popover__component_1n76j[data-popper-placement='bottom-end'].popover__arrowShift_1n76j .popover__arrow_1n76j:after {
     left: 5px;
-} .popover__enter_1h53k .popover__inner_1h53k {
+} .popover__enter_1n76j .popover__inner_1n76j {
     opacity: 0;
     transform: scale(0.98);
-} .popover__enterActive_1h53k .popover__inner_1h53k {
+} .popover__enterActive_1n76j .popover__inner_1n76j {
     opacity: 1;
     transform: scale(1);
     transition-property: opacity, transform;
     transition-timing-function: ease-in-out;
     transition-duration: 150ms;
-} .popover__exit_1h53k .popover__inner_1h53k {
+} .popover__exit_1n76j .popover__inner_1n76j {
     opacity: 1;
     transform: scale(1);
-} .popover__exitActive_1h53k .popover__inner_1h53k {
+} .popover__exitActive_1n76j .popover__inner_1n76j {
     opacity: 0;
     transform: scale(0.98);
     transition-property: opacity, transform;

package/progress-bar/Component.js

@@ -6,7 +6,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"container":"progress-bar__container_1g9ts","s":"progress-bar__s_1g9ts","m":"progress-bar__m_1g9ts","filled":"progress-bar__filled_1g9ts","positive":"progress-bar__positive_1g9ts","negative":"progress-bar__negative_1g9ts","attention":"progress-bar__attention_1g9ts","link":"progress-bar__link_1g9ts","tertiary":"progress-bar__tertiary_1g9ts","secondary":"progress-bar__secondary_1g9ts","primary":"progress-bar__primary_1g9ts","accent":"progress-bar__accent_1g9ts"};
+var styles = {"container":"progress-bar__container_wz696","s":"progress-bar__s_wz696","m":"progress-bar__m_wz696","filled":"progress-bar__filled_wz696","positive":"progress-bar__positive_wz696","negative":"progress-bar__negative_wz696","attention":"progress-bar__attention_wz696","link":"progress-bar__link_wz696","tertiary":"progress-bar__tertiary_wz696","secondary":"progress-bar__secondary_wz696","primary":"progress-bar__primary_wz696","accent":"progress-bar__accent_wz696"};
 require('./index.css');
 
 var ProgressBar = React__default.default.forwardRef(function (_a, ref) {

package/progress-bar/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"container":"progress-bar__container_1g9ts","s":"progress-bar__s_1g9ts","m":"progress-bar__m_1g9ts","filled":"progress-bar__filled_1g9ts","positive":"progress-bar__positive_1g9ts","negative":"progress-bar__negative_1g9ts","attention":"progress-bar__attention_1g9ts","link":"progress-bar__link_1g9ts","tertiary":"progress-bar__tertiary_1g9ts","secondary":"progress-bar__secondary_1g9ts","primary":"progress-bar__primary_1g9ts","accent":"progress-bar__accent_1g9ts"};
+var styles = {"container":"progress-bar__container_wz696","s":"progress-bar__s_wz696","m":"progress-bar__m_wz696","filled":"progress-bar__filled_wz696","positive":"progress-bar__positive_wz696","negative":"progress-bar__negative_wz696","attention":"progress-bar__attention_wz696","link":"progress-bar__link_wz696","tertiary":"progress-bar__tertiary_wz696","secondary":"progress-bar__secondary_wz696","primary":"progress-bar__primary_wz696","accent":"progress-bar__accent_wz696"};
 require('./index.css');
 
 var ProgressBar = React.forwardRef(function (_a, ref) {

package/progress-bar/esm/index.css

@@ -51,46 +51,46 @@
     /* accent */
     --progressbar-accent-color: var(--color-light-graphic-accent);
 }
-.progress-bar__container_1g9ts {
+.progress-bar__container_wz696 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
 }
-.progress-bar__container_1g9ts.progress-bar__s_1g9ts {
+.progress-bar__container_wz696.progress-bar__s_wz696 {
         border-radius: var(--border-radius-s);
         height: 4px;
     }
-.progress-bar__container_1g9ts.progress-bar__m_1g9ts {
+.progress-bar__container_wz696.progress-bar__m_wz696 {
         border-radius: var(--border-radius-m);
         height: 8px;
     }
-.progress-bar__filled_1g9ts {
+.progress-bar__filled_wz696 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
 }
-.progress-bar__filled_1g9ts.progress-bar__positive_1g9ts {
+.progress-bar__filled_wz696.progress-bar__positive_wz696 {
         background: var(--progressbar-positive-color);
     }
-.progress-bar__filled_1g9ts.progress-bar__negative_1g9ts {
+.progress-bar__filled_wz696.progress-bar__negative_wz696 {
         background: var(--progressbar-negative-color);
     }
-.progress-bar__filled_1g9ts.progress-bar__attention_1g9ts {
+.progress-bar__filled_wz696.progress-bar__attention_wz696 {
         background: var(--progressbar-attention-color);
     }
-.progress-bar__filled_1g9ts.progress-bar__link_1g9ts {
+.progress-bar__filled_wz696.progress-bar__link_wz696 {
         background: var(--progressbar-link-color);
     }
-.progress-bar__filled_1g9ts.progress-bar__tertiary_1g9ts {
+.progress-bar__filled_wz696.progress-bar__tertiary_wz696 {
         background: var(--progressbar-tertiary-color);
     }
-.progress-bar__filled_1g9ts.progress-bar__secondary_1g9ts {
+.progress-bar__filled_wz696.progress-bar__secondary_wz696 {
         background: var(--progressbar-secondary-color);
     }
-.progress-bar__filled_1g9ts.progress-bar__primary_1g9ts {
+.progress-bar__filled_wz696.progress-bar__primary_wz696 {
         background: var(--progressbar-primary-color);
     }
-.progress-bar__filled_1g9ts.progress-bar__accent_1g9ts {
+.progress-bar__filled_wz696.progress-bar__accent_wz696 {
         background: var(--progressbar-accent-color);
     }

package/progress-bar/index.css

@@ -51,46 +51,46 @@
     /* accent */
     --progressbar-accent-color: var(--color-light-graphic-accent);
 }
-.progress-bar__container_1g9ts {
+.progress-bar__container_wz696 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
 }
-.progress-bar__container_1g9ts.progress-bar__s_1g9ts {
+.progress-bar__container_wz696.progress-bar__s_wz696 {
         border-radius: var(--border-radius-s);
         height: 4px;
     }
-.progress-bar__container_1g9ts.progress-bar__m_1g9ts {
+.progress-bar__container_wz696.progress-bar__m_wz696 {
         border-radius: var(--border-radius-m);
         height: 8px;
     }
-.progress-bar__filled_1g9ts {
+.progress-bar__filled_wz696 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
 }
-.progress-bar__filled_1g9ts.progress-bar__positive_1g9ts {
+.progress-bar__filled_wz696.progress-bar__positive_wz696 {
         background: var(--progressbar-positive-color);
     }
-.progress-bar__filled_1g9ts.progress-bar__negative_1g9ts {
+.progress-bar__filled_wz696.progress-bar__negative_wz696 {
         background: var(--progressbar-negative-color);
     }
-.progress-bar__filled_1g9ts.progress-bar__attention_1g9ts {
+.progress-bar__filled_wz696.progress-bar__attention_wz696 {
         background: var(--progressbar-attention-color);
     }
-.progress-bar__filled_1g9ts.progress-bar__link_1g9ts {
+.progress-bar__filled_wz696.progress-bar__link_wz696 {
         background: var(--progressbar-link-color);
     }
-.progress-bar__filled_1g9ts.progress-bar__tertiary_1g9ts {
+.progress-bar__filled_wz696.progress-bar__tertiary_wz696 {
         background: var(--progressbar-tertiary-color);
     }
-.progress-bar__filled_1g9ts.progress-bar__secondary_1g9ts {
+.progress-bar__filled_wz696.progress-bar__secondary_wz696 {
         background: var(--progressbar-secondary-color);
     }
-.progress-bar__filled_1g9ts.progress-bar__primary_1g9ts {
+.progress-bar__filled_wz696.progress-bar__primary_wz696 {
         background: var(--progressbar-primary-color);
     }
-.progress-bar__filled_1g9ts.progress-bar__accent_1g9ts {
+.progress-bar__filled_wz696.progress-bar__accent_wz696 {
         background: var(--progressbar-accent-color);
     }

package/progress-bar/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"container":"progress-bar__container_1g9ts","s":"progress-bar__s_1g9ts","m":"progress-bar__m_1g9ts","filled":"progress-bar__filled_1g9ts","positive":"progress-bar__positive_1g9ts","negative":"progress-bar__negative_1g9ts","attention":"progress-bar__attention_1g9ts","link":"progress-bar__link_1g9ts","tertiary":"progress-bar__tertiary_1g9ts","secondary":"progress-bar__secondary_1g9ts","primary":"progress-bar__primary_1g9ts","accent":"progress-bar__accent_1g9ts"};
+const styles = {"container":"progress-bar__container_wz696","s":"progress-bar__s_wz696","m":"progress-bar__m_wz696","filled":"progress-bar__filled_wz696","positive":"progress-bar__positive_wz696","negative":"progress-bar__negative_wz696","attention":"progress-bar__attention_wz696","link":"progress-bar__link_wz696","tertiary":"progress-bar__tertiary_wz696","secondary":"progress-bar__secondary_wz696","primary":"progress-bar__primary_wz696","accent":"progress-bar__accent_wz696"};
 require('./index.css');
 
 const ProgressBar = React.forwardRef(({ className, value, view = 'positive', size = 'm', dataTestId }, ref) => {

package/progress-bar/modern/index.css

@@ -51,46 +51,46 @@
     /* accent */
     --progressbar-accent-color: var(--color-light-graphic-accent);
 }
-.progress-bar__container_1g9ts {
+.progress-bar__container_wz696 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
 }
-.progress-bar__container_1g9ts.progress-bar__s_1g9ts {
+.progress-bar__container_wz696.progress-bar__s_wz696 {
         border-radius: var(--border-radius-s);
         height: 4px;
     }
-.progress-bar__container_1g9ts.progress-bar__m_1g9ts {
+.progress-bar__container_wz696.progress-bar__m_wz696 {
         border-radius: var(--border-radius-m);
         height: 8px;
     }
-.progress-bar__filled_1g9ts {
+.progress-bar__filled_wz696 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
 }
-.progress-bar__filled_1g9ts.progress-bar__positive_1g9ts {
+.progress-bar__filled_wz696.progress-bar__positive_wz696 {
         background: var(--progressbar-positive-color);
     }
-.progress-bar__filled_1g9ts.progress-bar__negative_1g9ts {
+.progress-bar__filled_wz696.progress-bar__negative_wz696 {
         background: var(--progressbar-negative-color);
     }
-.progress-bar__filled_1g9ts.progress-bar__attention_1g9ts {
+.progress-bar__filled_wz696.progress-bar__attention_wz696 {
         background: var(--progressbar-attention-color);
     }
-.progress-bar__filled_1g9ts.progress-bar__link_1g9ts {
+.progress-bar__filled_wz696.progress-bar__link_wz696 {
         background: var(--progressbar-link-color);
     }
-.progress-bar__filled_1g9ts.progress-bar__tertiary_1g9ts {
+.progress-bar__filled_wz696.progress-bar__tertiary_wz696 {
         background: var(--progressbar-tertiary-color);
     }
-.progress-bar__filled_1g9ts.progress-bar__secondary_1g9ts {
+.progress-bar__filled_wz696.progress-bar__secondary_wz696 {
         background: var(--progressbar-secondary-color);
     }
-.progress-bar__filled_1g9ts.progress-bar__primary_1g9ts {
+.progress-bar__filled_wz696.progress-bar__primary_wz696 {
         background: var(--progressbar-primary-color);
     }
-.progress-bar__filled_1g9ts.progress-bar__accent_1g9ts {
+.progress-bar__filled_wz696.progress-bar__accent_wz696 {
         background: var(--progressbar-accent-color);
     }