dhre-component-lib 0.8.27 → 0.8.28
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 +3 -3
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -22094,12 +22094,12 @@ const Accordion = ({ icon, title, description, children, border = false, upArrow
|
|
|
22094
22094
|
isOpen && (React__default.createElement("div", { className: "accordion-content" }, children))));
|
|
22095
22095
|
};
|
|
22096
22096
|
|
|
22097
|
-
var css$a = ".tabs {\n display: flex;\n}\n\n.tab {\n padding: 12px;\n cursor: pointer;\n background-color: transparent;\n border: none;\n color: #686868;\n border-bottom: 2px solid transparent;\n transition: border-bottom 0.3s ease;\n font-size: 18px !important;\n display: flex;\n align-items: center;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n gap: 0.5rem;\n line-height: 25.2px;\n font-family: var(--brand-font-family);\n font-weight: 400;\n}\n\n.tab.active {\n border-bottom: 2px solid var(--content-primary);\n color: var(--content-primary);\n}\n\n.tab.inActive {\n border-bottom: 1px solid #e1e1e1;\n}\n\n.tab:hover {\n color: var(--content-primary);\n}\n\n.main {\n display: flex;\n gap: 8px;\n overflow-x: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n}\n\n.main::-webkit-scrollbar {\n display: none;\n}\n\n@media (max-width: 767px) {\n .main {\n display: flex;\n gap: 8px;\n overflow-x: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n }\n .main::-webkit-scrollbar {\n display: none;\n }\n}\n.dot {\n display: inline-block !important;\n width: 8px !important;\n height: 8px !important;\n background-color: var(--content-error) !important;\n border-radius: 50% !important;\n margin-inline-start: 5px !important;\n}\n\n.counts {\n background-color:
|
|
22097
|
+
var css$a = ".tabs {\n display: flex;\n}\n\n.tab {\n padding: 12px;\n cursor: pointer;\n background-color: transparent;\n border: none;\n color: #686868;\n border-bottom: 2px solid transparent;\n transition: border-bottom 0.3s ease;\n font-size: 18px !important;\n display: flex;\n align-items: center;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n gap: 0.5rem;\n line-height: 25.2px;\n font-family: var(--brand-font-family);\n font-weight: 400;\n}\n\n.tab.active {\n border-bottom: 2px solid var(--content-primary);\n color: var(--content-primary);\n}\n\n.tab.inActive {\n border-bottom: 1px solid #e1e1e1;\n}\n\n.tab:hover {\n color: var(--content-primary);\n}\n\n.main {\n display: flex;\n gap: 8px;\n overflow-x: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n}\n\n.main::-webkit-scrollbar {\n display: none;\n}\n\n@media (max-width: 767px) {\n .main {\n display: flex;\n gap: 8px;\n overflow-x: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n }\n .main::-webkit-scrollbar {\n display: none;\n }\n}\n.dot {\n display: inline-block !important;\n width: 8px !important;\n height: 8px !important;\n background-color: var(--content-error) !important;\n border-radius: 50% !important;\n margin-inline-start: 5px !important;\n}\n\n.counts {\n background-color: var(--surface-brand-static);\n border-radius: 1.5rem;\n font-size: 18px;\n color: #ffffff;\n padding: 1px;\n width: 2rem;\n height: 1.5rem;\n}";
|
|
22098
22098
|
n(css$a,{});
|
|
22099
22099
|
|
|
22100
22100
|
const Tabs = ({ tabs, onTabChange, selectedTabValue, dot, wrapperClassName }) => {
|
|
22101
22101
|
const [selectedTab, setSelectedTab] = useState();
|
|
22102
|
-
const haveDots = ["identification", "", ""];
|
|
22102
|
+
const haveDots = ["identification", "personal", ""];
|
|
22103
22103
|
useEffect(() => {
|
|
22104
22104
|
if (tabs?.length) {
|
|
22105
22105
|
setSelectedTab(tabs[0]);
|
|
@@ -22171,7 +22171,7 @@ function Dropdown(props) {
|
|
|
22171
22171
|
(React__default.createElement(Typography, { variant: "B3", weight: "BOLD" }, val.name)) : (React__default.createElement(Typography, { variant: "B3", weight: "SEMI_BOLD" }, val.name))))))))));
|
|
22172
22172
|
}
|
|
22173
22173
|
|
|
22174
|
-
var css$8 = ".textArea {\n min-width: 70%;\n width: 100%;\n height: 8.875rem;\n border-radius: var(--border-radius-small);\n padding: 1rem;\n font-size: 1rem;\n font-family: var(--brand-font-family);\n font-weight: 400;\n line-height: 1.4rem;\n text-align: start;\n outline: none;\n resize: none;\n overflow: auto;\n max-width: 100%;\n max-height: 100%;\n color: var(--content-primary);\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n.textArea::-webkit-scrollbar {\n display: none;\n}\n\n.shortTextBox {\n min-width: 70%;\n width: 100%;\n border-radius: var(--border-radius-small);\n padding: 1rem;\n font-size: 1rem;\n font-family: var(--brand-font-family);\n font-weight: 400;\n line-height: 1.4rem;\n text-align: start;\n outline: none;\n resize: none;\n overflow: auto;\n max-width: 100%;\n max-height: 100%;\n color: var(--content-primary);\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n.shortTextBox::-webkit-scrollbar {\n display: none;\n}\n\n.inputTextAreaLabel {\n position: absolute;\n z-index: 1;\n top: -10px;\n inset-inline-start: 11px;\n background: #ffffff;\n padding: 0 6px;\n transition: all 0.3s ease-out;\n color: var(--content-primary);\n}\n\n.astreik {\n color:
|
|
22174
|
+
var css$8 = ".textArea {\n min-width: 70%;\n width: 100%;\n height: 8.875rem;\n border-radius: var(--border-radius-small);\n border: 1px solid var(--border-inverted);\n padding: 1rem;\n font-size: 1rem;\n font-family: var(--brand-font-family);\n font-weight: 400;\n line-height: 1.4rem;\n text-align: start;\n outline: none;\n resize: none;\n overflow: auto;\n max-width: 100%;\n max-height: 100%;\n color: var(--content-primary);\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n.textArea::-webkit-scrollbar {\n display: none;\n}\n\n.shortTextBox {\n min-width: 70%;\n width: 100%;\n border-radius: var(--border-radius-small);\n padding: 1rem;\n font-size: 1rem;\n font-family: var(--brand-font-family);\n font-weight: 400;\n line-height: 1.4rem;\n text-align: start;\n outline: none;\n resize: none;\n overflow: auto;\n max-width: 100%;\n max-height: 100%;\n color: var(--content-primary);\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n.shortTextBox::-webkit-scrollbar {\n display: none;\n}\n\n.inputTextAreaLabel {\n position: absolute;\n z-index: 1;\n top: -10px;\n inset-inline-start: 11px;\n background: #ffffff;\n padding: 0 6px;\n transition: all 0.3s ease-out;\n color: var(--content-primary);\n}\n\n.astreik {\n color: var(--content-error);\n}\n\n.characters {\n color: #686868;\n}\n\n.textArea100 {\n height: 100%;\n width: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n}\n\n.positionRel {\n position: relative;\n z-index: 0;\n}\n\n.label {\n position: absolute;\n z-index: 1;\n top: -10px;\n inset-inline-start: 11px;\n background: #ffffff;\n padding: 0 6px;\n transition: all 0.3s ease-out;\n}\n\n.astreik {\n color: var(--content-error);\n}\n\n.textArea::placeholder {\n font-family: var(--brand-font-family);\n font-size: 16px;\n font-weight: 400;\n line-height: 22.4px;\n text-align: start;\n color: #686868;\n}\n\n.maxLimit {\n color: var(--content-error) !important;\n}\n\n.maxLimitArea {\n border: 1px solid var(--content-error) !important;\n}";
|
|
22175
22175
|
n(css$8,{});
|
|
22176
22176
|
|
|
22177
22177
|
function TextArea(props) {
|