dhre-component-lib 0.6.3 → 0.6.5

package/dist/index.esm.js

@@ -9831,7 +9831,7 @@ const Toast = ({ icon, text, onActionText, onAction, onHide, type, className, du
         " "));
 };
 
-var css$2 = ".range {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  color: #a7a7a7;\n  width: 100%;\n}\n\n.satisfiedText {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-top: 1rem;\n}\n\n.rangeBorder {\n  width: 2px;\n  height: 0.5rem;\n  background: #a7a7a7;\n}\n\n.rangeSelectedBorder {\n  width: 2px;\n  height: 0.5rem;\n  background: #000000;\n}\n\n.rangeMarginTop {\n  margin-top: 1.4rem;\n}\n\n.rangeLabelColor {\n  color: #000000;\n}\n\n.rangeLabels {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.slidecontainer {\n  width: 100%;\n}\n\n.slider {\n  -webkit-appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  border-radius: 6.25rem;\n  background: #cecece;\n  outline: none;\n  opacity: 0.7;\n  -webkit-transition: 0.2s;\n  transition: opacity 0.2s;\n}\n\n.slider:hover {\n  opacity: 1;\n}\n\n.slider::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 1.625rem;\n  height: 1.625rem;\n  border-radius: 50%;\n  background: #ffffff;\n  cursor: pointer;\n  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2509803922);\n}\n\n.slider::-moz-range-thumb {\n  width: 1.625rem;\n  height: 1.625rem;\n  border-radius: 50%;\n  background: #000000;\n  cursor: pointer;\n}";
+var css$2 = ".range {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  color: #a7a7a7;\n  width: 100%;\n}\n\n.satisfiedText {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-top: 1rem;\n}\n\n.rangeBorder {\n  width: 2px;\n  height: 0.5rem;\n  background: #a7a7a7;\n}\n\n.rangeSelectedBorder {\n  width: 2px;\n  height: 0.5rem;\n  background: #000000;\n}\n\n.rangeMarginTop {\n  margin-top: 1.4rem;\n}\n\n.rangeLabelColor {\n  color: #000000;\n}\n\n.rangeLabels {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 1.625rem;\n}\n\n.slidecontainer {\n  width: 100%;\n}\n\n.slider {\n  -webkit-appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  border-radius: 6.25rem;\n  background: #cecece;\n  outline: none;\n  opacity: 0.7;\n  -webkit-transition: 0.2s;\n  transition: opacity 0.2s;\n}\n\n.slider:hover {\n  opacity: 1;\n}\n\n.slider::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 1.625rem;\n  height: 1.625rem;\n  border-radius: 50%;\n  background: #ffffff;\n  cursor: pointer;\n  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2509803922);\n}\n\n.slider::-moz-range-thumb {\n  width: 1.625rem;\n  height: 1.625rem;\n  border-radius: 50%;\n  background: #000000;\n  cursor: pointer;\n}";
 n(css$2,{});
 
 const RangeSlider = (props) => {
@@ -9884,7 +9884,7 @@ const Carousel = ({ items }) => {
         React__default.createElement("div", { className: "carousel-dots" }, items?.map((_, index) => (React__default.createElement("span", { key: index, "data-testid": `dot-${index}`, className: `dot ${index === currentIndex ? "active" : ""}`, onClick: () => handleDotClick(index) }))))));
 };
 
-var css = ".stepperCircle {\n  width: 1.75rem;\n  height: 1.75rem;\n  border-radius: 50%;\n  border: 2px solid #000000;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n\n.contentSecondary {\n  color: #686868;\n}\n\n.stepperSuccessBorder {\n  border: none;\n}\n\n.stepperNotReachedBorder {\n  border: 2px solid #a7a7a7;\n}\n\n.stepperAlignment {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  align-items: baseline;\n  justify-content: space-between;\n}\n\n.stepperItem {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 1rem;\n}\n\n.marginRight1 {\n  margin-right: 1rem;\n}\n\n.stepperVerticalItem {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  justify-content: space-between;\n}\n\n.stepperDivider {\n  width: 88%;\n  border: 2px dashed #898989;\n  height: 0.125rem;\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n\n.stepperDisabledDivider {\n  width: 88%;\n  border: 2px dashed #898989;\n  height: 0.125rem;\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n\n.stepperPlainDivider {\n  width: 88%;\n  border: 2px solid #000000;\n  height: 0.125rem;\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n\n.stepperVerticalDivider {\n  border-left: 2px solid #000000;\n  min-height: 2rem;\n  max-height: 100%;\n  margin-left: 1rem;\n  padding-left: 2rem;\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n\n.stepperVerticalCircle {\n  min-width: 2.5rem;\n  height: 2.5rem;\n  border-radius: 50%;\n  border: 2px solid #000000;\n  color: #ffffff;\n  background: #000000;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  margin-right: 1rem;\n}\n\n.stepperVerticalDisabledDivider {\n  width: 50%;\n  border-left: 2px dashed #898989;\n  min-height: 1rem;\n  max-height: 100%;\n  margin-left: 0.7rem;\n  padding-left: 2rem;\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n\n.stepperVerticalPlainDivider {\n  width: 50%;\n  border-left: 2px solid #00b578;\n  min-height: 1rem;\n  max-height: 100%;\n  margin-left: 0.7rem;\n  padding-left: 2rem;\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n\n.paddingLeft2 {\n  padding-left: 2.7rem;\n}\n\n.stepperVerticalAlignment {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.flex {\n  display: flex;\n  flex-direction: row;\n}\n\n.warning {\n  color: #eb8425;\n}\n\n.error {\n  color: #eb0542;\n}\n\n.stepperWarningCircle {\n  border: 2px solid #eb8425;\n}\n\n.stepperErrorCircle {\n  border: 2px solid #eb0542;\n}\n\n.flexCenter {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.marginRight {\n  margin-right: 1rem;\n  margin-top: -0.3rem;\n}\n\n.column {\n  display: flex;\n  flex-direction: column;\n}\n\n.typoClass {\n  color: #686868;\n  margin-top: 4px;\n}";
+var css = ".stepperCircle {\n  width: 1.75rem;\n  height: 1.75rem;\n  border-radius: 50%;\n  border: 2px solid #000000;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  aspect-ratio: 1;\n}\n\n.contentSecondary {\n  color: #686868;\n}\n\n.stepperSuccessBorder {\n  border: none;\n}\n\n.stepperNotReachedBorder {\n  border: 2px solid #a7a7a7;\n}\n\n.stepperAlignment {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  align-items: baseline;\n  justify-content: space-between;\n}\n\n.stepperItem {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 1rem;\n}\n\n.marginRight1 {\n  margin-right: 1rem;\n}\n\n.stepperVerticalItem {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  justify-content: space-between;\n}\n\n.stepperDivider {\n  width: 88%;\n  border: 2px dashed #898989;\n  height: 0.125rem;\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n\n.stepperDisabledDivider {\n  width: 88%;\n  border: 2px dashed #898989;\n  height: 0.125rem;\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n\n.stepperPlainDivider {\n  width: 88%;\n  border: 2px solid #000000;\n  height: 0.125rem;\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n\n.stepperVerticalDivider {\n  border-left: 2px solid #000000;\n  min-height: 2rem;\n  max-height: 100%;\n  margin-left: 1rem;\n  padding-left: 2rem;\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n\n.stepperVerticalCircle {\n  min-width: 2.5rem;\n  height: 2.5rem;\n  border-radius: 50%;\n  border: 2px solid #000000;\n  color: #ffffff;\n  background: #000000;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  margin-right: 1rem;\n}\n\n.stepperVerticalDisabledDivider {\n  width: 50%;\n  border-left: 2px dashed #898989;\n  min-height: 1rem;\n  max-height: 100%;\n  margin-left: 0.7rem;\n  padding-left: 2rem;\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n\n.stepperVerticalPlainDivider {\n  width: 50%;\n  border-left: 2px solid #00b578;\n  min-height: 1rem;\n  max-height: 100%;\n  margin-left: 0.7rem;\n  padding-left: 2rem;\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n\n.paddingLeft2 {\n  padding-left: 2.7rem;\n}\n\n.stepperVerticalAlignment {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.flex {\n  display: flex;\n  flex-direction: row;\n}\n\n.warning {\n  color: #eb8425;\n}\n\n.error {\n  color: #eb0542;\n}\n\n.stepperWarningCircle {\n  border: 2px solid #eb8425;\n}\n\n.stepperErrorCircle {\n  border: 2px solid #eb0542;\n}\n\n.flexCenter {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.marginRight {\n  margin-right: 1rem;\n  margin-top: -0.3rem;\n}\n\n.column {\n  display: flex;\n  flex-direction: column;\n}\n\n.typoClass {\n  color: #686868;\n  margin-top: 4px;\n}";
 n(css,{});
 
 const common = {

package/dist/index.js

@@ -9854,7 +9854,7 @@ const Toast = ({ icon, text, onActionText, onAction, onHide, type, className, du
         " "));
 };
 
-var css$2 = ".range {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  color: #a7a7a7;\n  width: 100%;\n}\n\n.satisfiedText {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-top: 1rem;\n}\n\n.rangeBorder {\n  width: 2px;\n  height: 0.5rem;\n  background: #a7a7a7;\n}\n\n.rangeSelectedBorder {\n  width: 2px;\n  height: 0.5rem;\n  background: #000000;\n}\n\n.rangeMarginTop {\n  margin-top: 1.4rem;\n}\n\n.rangeLabelColor {\n  color: #000000;\n}\n\n.rangeLabels {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.slidecontainer {\n  width: 100%;\n}\n\n.slider {\n  -webkit-appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  border-radius: 6.25rem;\n  background: #cecece;\n  outline: none;\n  opacity: 0.7;\n  -webkit-transition: 0.2s;\n  transition: opacity 0.2s;\n}\n\n.slider:hover {\n  opacity: 1;\n}\n\n.slider::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 1.625rem;\n  height: 1.625rem;\n  border-radius: 50%;\n  background: #ffffff;\n  cursor: pointer;\n  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2509803922);\n}\n\n.slider::-moz-range-thumb {\n  width: 1.625rem;\n  height: 1.625rem;\n  border-radius: 50%;\n  background: #000000;\n  cursor: pointer;\n}";
+var css$2 = ".range {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  color: #a7a7a7;\n  width: 100%;\n}\n\n.satisfiedText {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-top: 1rem;\n}\n\n.rangeBorder {\n  width: 2px;\n  height: 0.5rem;\n  background: #a7a7a7;\n}\n\n.rangeSelectedBorder {\n  width: 2px;\n  height: 0.5rem;\n  background: #000000;\n}\n\n.rangeMarginTop {\n  margin-top: 1.4rem;\n}\n\n.rangeLabelColor {\n  color: #000000;\n}\n\n.rangeLabels {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 1.625rem;\n}\n\n.slidecontainer {\n  width: 100%;\n}\n\n.slider {\n  -webkit-appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  border-radius: 6.25rem;\n  background: #cecece;\n  outline: none;\n  opacity: 0.7;\n  -webkit-transition: 0.2s;\n  transition: opacity 0.2s;\n}\n\n.slider:hover {\n  opacity: 1;\n}\n\n.slider::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 1.625rem;\n  height: 1.625rem;\n  border-radius: 50%;\n  background: #ffffff;\n  cursor: pointer;\n  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2509803922);\n}\n\n.slider::-moz-range-thumb {\n  width: 1.625rem;\n  height: 1.625rem;\n  border-radius: 50%;\n  background: #000000;\n  cursor: pointer;\n}";
 n(css$2,{});
 
 const RangeSlider = (props) => {
@@ -9907,7 +9907,7 @@ const Carousel = ({ items }) => {
         React__namespace.default.createElement("div", { className: "carousel-dots" }, items?.map((_, index) => (React__namespace.default.createElement("span", { key: index, "data-testid": `dot-${index}`, className: `dot ${index === currentIndex ? "active" : ""}`, onClick: () => handleDotClick(index) }))))));
 };
 
-var css = ".stepperCircle {\n  width: 1.75rem;\n  height: 1.75rem;\n  border-radius: 50%;\n  border: 2px solid #000000;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n\n.contentSecondary {\n  color: #686868;\n}\n\n.stepperSuccessBorder {\n  border: none;\n}\n\n.stepperNotReachedBorder {\n  border: 2px solid #a7a7a7;\n}\n\n.stepperAlignment {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  align-items: baseline;\n  justify-content: space-between;\n}\n\n.stepperItem {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 1rem;\n}\n\n.marginRight1 {\n  margin-right: 1rem;\n}\n\n.stepperVerticalItem {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  justify-content: space-between;\n}\n\n.stepperDivider {\n  width: 88%;\n  border: 2px dashed #898989;\n  height: 0.125rem;\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n\n.stepperDisabledDivider {\n  width: 88%;\n  border: 2px dashed #898989;\n  height: 0.125rem;\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n\n.stepperPlainDivider {\n  width: 88%;\n  border: 2px solid #000000;\n  height: 0.125rem;\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n\n.stepperVerticalDivider {\n  border-left: 2px solid #000000;\n  min-height: 2rem;\n  max-height: 100%;\n  margin-left: 1rem;\n  padding-left: 2rem;\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n\n.stepperVerticalCircle {\n  min-width: 2.5rem;\n  height: 2.5rem;\n  border-radius: 50%;\n  border: 2px solid #000000;\n  color: #ffffff;\n  background: #000000;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  margin-right: 1rem;\n}\n\n.stepperVerticalDisabledDivider {\n  width: 50%;\n  border-left: 2px dashed #898989;\n  min-height: 1rem;\n  max-height: 100%;\n  margin-left: 0.7rem;\n  padding-left: 2rem;\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n\n.stepperVerticalPlainDivider {\n  width: 50%;\n  border-left: 2px solid #00b578;\n  min-height: 1rem;\n  max-height: 100%;\n  margin-left: 0.7rem;\n  padding-left: 2rem;\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n\n.paddingLeft2 {\n  padding-left: 2.7rem;\n}\n\n.stepperVerticalAlignment {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.flex {\n  display: flex;\n  flex-direction: row;\n}\n\n.warning {\n  color: #eb8425;\n}\n\n.error {\n  color: #eb0542;\n}\n\n.stepperWarningCircle {\n  border: 2px solid #eb8425;\n}\n\n.stepperErrorCircle {\n  border: 2px solid #eb0542;\n}\n\n.flexCenter {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.marginRight {\n  margin-right: 1rem;\n  margin-top: -0.3rem;\n}\n\n.column {\n  display: flex;\n  flex-direction: column;\n}\n\n.typoClass {\n  color: #686868;\n  margin-top: 4px;\n}";
+var css = ".stepperCircle {\n  width: 1.75rem;\n  height: 1.75rem;\n  border-radius: 50%;\n  border: 2px solid #000000;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  aspect-ratio: 1;\n}\n\n.contentSecondary {\n  color: #686868;\n}\n\n.stepperSuccessBorder {\n  border: none;\n}\n\n.stepperNotReachedBorder {\n  border: 2px solid #a7a7a7;\n}\n\n.stepperAlignment {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  align-items: baseline;\n  justify-content: space-between;\n}\n\n.stepperItem {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 1rem;\n}\n\n.marginRight1 {\n  margin-right: 1rem;\n}\n\n.stepperVerticalItem {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  justify-content: space-between;\n}\n\n.stepperDivider {\n  width: 88%;\n  border: 2px dashed #898989;\n  height: 0.125rem;\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n\n.stepperDisabledDivider {\n  width: 88%;\n  border: 2px dashed #898989;\n  height: 0.125rem;\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n\n.stepperPlainDivider {\n  width: 88%;\n  border: 2px solid #000000;\n  height: 0.125rem;\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n\n.stepperVerticalDivider {\n  border-left: 2px solid #000000;\n  min-height: 2rem;\n  max-height: 100%;\n  margin-left: 1rem;\n  padding-left: 2rem;\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n\n.stepperVerticalCircle {\n  min-width: 2.5rem;\n  height: 2.5rem;\n  border-radius: 50%;\n  border: 2px solid #000000;\n  color: #ffffff;\n  background: #000000;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  margin-right: 1rem;\n}\n\n.stepperVerticalDisabledDivider {\n  width: 50%;\n  border-left: 2px dashed #898989;\n  min-height: 1rem;\n  max-height: 100%;\n  margin-left: 0.7rem;\n  padding-left: 2rem;\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n\n.stepperVerticalPlainDivider {\n  width: 50%;\n  border-left: 2px solid #00b578;\n  min-height: 1rem;\n  max-height: 100%;\n  margin-left: 0.7rem;\n  padding-left: 2rem;\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n\n.paddingLeft2 {\n  padding-left: 2.7rem;\n}\n\n.stepperVerticalAlignment {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.flex {\n  display: flex;\n  flex-direction: row;\n}\n\n.warning {\n  color: #eb8425;\n}\n\n.error {\n  color: #eb0542;\n}\n\n.stepperWarningCircle {\n  border: 2px solid #eb8425;\n}\n\n.stepperErrorCircle {\n  border: 2px solid #eb0542;\n}\n\n.flexCenter {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.marginRight {\n  margin-right: 1rem;\n  margin-top: -0.3rem;\n}\n\n.column {\n  display: flex;\n  flex-direction: column;\n}\n\n.typoClass {\n  color: #686868;\n  margin-top: 4px;\n}";
 n(css,{});
 
 const common = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dhre-component-lib",
-  "version": "0.6.3",
+  "version": "0.6.5",
   "private": false,
   "scripts": {
     "test": "jest",