dhre-component-lib 0.6.4 → 0.6.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.js +2 -2
- package/dist/index.js +2 -2
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -9347,7 +9347,7 @@ const MapComponent = ({ containerClassName = "map-container", zoom = 18, mapOpti
|
|
|
9347
9347
|
}
|
|
9348
9348
|
};
|
|
9349
9349
|
|
|
9350
|
-
var css$e = ".otpMainContainer {\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin: 10px;\n width: 343px;\n}\n\n.otpInputDiv {\n flex-direction: row;\n gap: 12px;\n display: flex;\n}\n\n.otpInput {\n width:
|
|
9350
|
+
var css$e = ".otpMainContainer {\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin: 10px;\n width: 343px;\n}\n\n.otpInputDiv {\n flex-direction: row;\n gap: 12px;\n display: flex;\n}\n\n.otpInput {\n width: calc(25% - 9px);\n height: 48px;\n text-align: center;\n font-size: 18px;\n font-weight: 400;\n border-radius: 8px;\n}\n@media (max-width: 600px) {\n .otpInput {\n height: 40px;\n }\n}\n\n.resendContainer {\n display: flex;\n flex-direction: row;\n margin-top: 10px;\n justify-content: space-between;\n}\n\n.errorText {\n color: #EB0542;\n font-weight: 400;\n font-size: 14px;\n}\n\n.timerText {\n color: #0569C2;\n font-weight: 400;\n font-size: 14px;\n display: flex;\n align-items: center;\n}\n\n.resendText {\n color: #A7A7A7;\n font-weight: 700;\n font-size: 14px;\n}\n\n.enabledResendText {\n color: #000000;\n font-weight: 700;\n font-size: 14px;\n}";
|
|
9351
9351
|
n(css$e,{});
|
|
9352
9352
|
|
|
9353
9353
|
const OTPInput = ({ length = 4, onChange, autoFocus = false, onResend, resendDelay = 60, error = false, errorText, resendText, showResendButton = true, className, inputClassName, disableResend, icon }) => {
|
|
@@ -9831,7 +9831,7 @@ const Toast = ({ icon, text, onActionText, onAction, onHide, type, className, du
|
|
|
9831
9831
|
" "));
|
|
9832
9832
|
};
|
|
9833
9833
|
|
|
9834
|
-
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}";
|
|
9834
|
+
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}";
|
|
9835
9835
|
n(css$2,{});
|
|
9836
9836
|
|
|
9837
9837
|
const RangeSlider = (props) => {
|
package/dist/index.js
CHANGED
|
@@ -9370,7 +9370,7 @@ const MapComponent = ({ containerClassName = "map-container", zoom = 18, mapOpti
|
|
|
9370
9370
|
}
|
|
9371
9371
|
};
|
|
9372
9372
|
|
|
9373
|
-
var css$e = ".otpMainContainer {\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin: 10px;\n width: 343px;\n}\n\n.otpInputDiv {\n flex-direction: row;\n gap: 12px;\n display: flex;\n}\n\n.otpInput {\n width:
|
|
9373
|
+
var css$e = ".otpMainContainer {\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin: 10px;\n width: 343px;\n}\n\n.otpInputDiv {\n flex-direction: row;\n gap: 12px;\n display: flex;\n}\n\n.otpInput {\n width: calc(25% - 9px);\n height: 48px;\n text-align: center;\n font-size: 18px;\n font-weight: 400;\n border-radius: 8px;\n}\n@media (max-width: 600px) {\n .otpInput {\n height: 40px;\n }\n}\n\n.resendContainer {\n display: flex;\n flex-direction: row;\n margin-top: 10px;\n justify-content: space-between;\n}\n\n.errorText {\n color: #EB0542;\n font-weight: 400;\n font-size: 14px;\n}\n\n.timerText {\n color: #0569C2;\n font-weight: 400;\n font-size: 14px;\n display: flex;\n align-items: center;\n}\n\n.resendText {\n color: #A7A7A7;\n font-weight: 700;\n font-size: 14px;\n}\n\n.enabledResendText {\n color: #000000;\n font-weight: 700;\n font-size: 14px;\n}";
|
|
9374
9374
|
n(css$e,{});
|
|
9375
9375
|
|
|
9376
9376
|
const OTPInput = ({ length = 4, onChange, autoFocus = false, onResend, resendDelay = 60, error = false, errorText, resendText, showResendButton = true, className, inputClassName, disableResend, icon }) => {
|
|
@@ -9854,7 +9854,7 @@ const Toast = ({ icon, text, onActionText, onAction, onHide, type, className, du
|
|
|
9854
9854
|
" "));
|
|
9855
9855
|
};
|
|
9856
9856
|
|
|
9857
|
-
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}";
|
|
9857
|
+
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}";
|
|
9858
9858
|
n(css$2,{});
|
|
9859
9859
|
|
|
9860
9860
|
const RangeSlider = (props) => {
|