azeriand-library 1.17.2 → 1.17.4
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 +7 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/index.umd.js +7 -4
- package/dist/index.umd.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
try {
|
|
4
4
|
if (typeof document != "undefined") {
|
|
5
5
|
var elementStyle = document.createElement("style");
|
|
6
|
-
elementStyle.appendChild(document.createTextNode('.card{\n /* border-radius: 20px; */\n color: var(--card-text-color, white);\n}\n\n.card.glass{\n background-color: color-mix(in oklch, var(--glass-color), transparent 80%);\n -webkit-backface-visibility: hidden;\n -webkit-perspective: 1000;\n -webkit-transform: translate3d(0,0,0);\n -webkit-transform: translateZ(0);\n backface-visibility: hidden;\n perspective: 1000;\n transform: translate3d(0,0,0);\n transform: translateZ(0);\n}\n\n.card.
|
|
6
|
+
elementStyle.appendChild(document.createTextNode('.card{\n /* border-radius: 20px; */\n color: var(--card-text-color, white);\n}\n\n.card.glass{\n background-color: color-mix(in oklch, var(--glass-color), transparent 80%);\n -webkit-backface-visibility: hidden;\n -webkit-perspective: 1000;\n -webkit-transform: translate3d(0,0,0);\n -webkit-transform: translateZ(0);\n backface-visibility: hidden;\n perspective: 1000;\n transform: translate3d(0,0,0);\n transform: translateZ(0);\n}\n\n.card.glass.hoverable:hover {\n background-color: color-mix(in oklch, var(--glass-color), transparent 40%);\n box-shadow: 0 4px 10px color-mix(in oklch, var(--glass-color), transparent 85%);\n}\n\n.card.mate{\n background-color: var(--glass-color);\n}\n\n.card.outlined{\n border: 2px solid color-mix(in oklch, var(--glass-color), transparent 40%);\n}\n\n.card.ghost.hoverable:hover, .card.outlined.hoverable:hover{\n background: color-mix(in oklch, var(--glass-color), transparent 80%);\n}\n\n.card.mate.hoverable:hover{\n background-color: color-mix(in oklch, var(--glass-color), white 10%) \n}\nbutton{\n background: none;\n color: inherit;\n border: none;\n padding: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n font-weight: bold;\n}\n\nbutton:focus {\n outline: revert;\n}\n.section-name{\n color: hsla(0, 0%, 100%, 0.7);\n}input:disabled{\n color: hsla(0, 0%, 100%, 0.5);\n font-weight: bold;\n}\n\ninput::-moz-placeholder{\n color: hsla(0, 0%, 100%, 0.5);\n \n}\n\ninput::placeholder{\n color: hsla(0, 0%, 100%, 0.5);\n \n}\n\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\ninput:focus{\n outline: none;\n}.MuiDateCalendar-root{\n color: white;\n}.dropdown-content{\n box-shadow: rgba(149, 157, 165, 0.2)\n 0px 8px 24px;\n max-height: 40%vh;\n scrollbar-width: none;\n -ms-overflow-style: none;\n z-index: 10;\n}\n\n.dropdown-content::-webkit-scrollbar{\n width: 0;\n height: 0;\n}\n\n.dropdown-item:hover{\n background-color: rgb(240, 249, 255);\n}.button-open{\n border: rgb(147, 197, 253) 2px solid;\n border-radius: 7px;\n}.vertical-line::before {\n content: "";\n position: absolute;\n width: 1.5px;\n height: 100%;\n background-color: white;\n left: 0;\n top: 0;\n transform: translateX(5.1px);\n}'));
|
|
7
7
|
document.head.appendChild(elementStyle);
|
|
8
8
|
}
|
|
9
9
|
} catch (e) {
|
|
@@ -15836,6 +15836,9 @@ function Button({ children, label, icon, position: position2 = "left", onClick,
|
|
|
15836
15836
|
cardClassNames += " " + roundedMatch[roundedMatch.length - 1];
|
|
15837
15837
|
}
|
|
15838
15838
|
}
|
|
15839
|
+
{
|
|
15840
|
+
cardClassNames += "hoverable ";
|
|
15841
|
+
}
|
|
15839
15842
|
const buttonClick = (ev) => {
|
|
15840
15843
|
if (typeof onClick === "function") {
|
|
15841
15844
|
onClick(ev);
|
|
@@ -16019,8 +16022,8 @@ function Input({ type, value, disabled, placeholder, maxLength, onChange, iconPo
|
|
|
16019
16022
|
onChange == null ? void 0 : onChange(ev.target.value);
|
|
16020
16023
|
}
|
|
16021
16024
|
const classnames = `flex`;
|
|
16022
|
-
const inputClassName = `flex justify-center items-center border-none bg-transparent py-[0.5rem] px-[1rem] m-0 w-full ${centerText ? "text-center" : ""}`;
|
|
16023
|
-
const directionClassName = iconPosition === "left" ? "pl-
|
|
16025
|
+
const inputClassName = `flex justify-center items-center border-none bg-transparent py-[0.5rem] ${iconPosition && icon ? "px-[0.5rem]" : "px-[1rem]"} m-0 w-full ${centerText ? "text-center" : ""}`;
|
|
16026
|
+
const directionClassName = iconPosition === "left" ? "pl-3" : "flex-row-reverse pr-3";
|
|
16024
16027
|
return /* @__PURE__ */ jsx$1("div", { className: classnames, children: /* @__PURE__ */ jsxs(Card, { className: `flex justify-center items-center rounded-md ${className} ${icon ? directionClassName : ""}`, noBlur: true, noPadding: true, ...cardProps, style: cardProps.style, children: [
|
|
16025
16028
|
icon && /* @__PURE__ */ jsx$1("div", { className: "flex items-center", children: icon }),
|
|
16026
16029
|
/* @__PURE__ */ jsx$1("input", { className: inputClassName, onChange: inputUpdated, placeholder, value, disabled, type, maxLength, style: cardProps.style })
|
|
@@ -17896,7 +17899,7 @@ function Timeline({ children, faded, ...cardProps }) {
|
|
|
17896
17899
|
WebkitMaskImage: "linear-gradient(to bottom, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0) 100%)",
|
|
17897
17900
|
maskImage: "linear-gradient(to bottom, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%)"
|
|
17898
17901
|
};
|
|
17899
|
-
return /* @__PURE__ */ jsx$1(Card, { className: "rounded-sm", noPadding: true, appearance: "ghost", ...cardProps, style: { ...cardProps.style, ...timelineStyle }, children: /* @__PURE__ */ jsx$1("ul", { className: "vertical-line list-disc font-bold text-start relative", style: { paddingInlineStart: 16.75 }, children }) });
|
|
17902
|
+
return /* @__PURE__ */ jsx$1(Card, { className: "rounded-sm", noPadding: true, appearance: "ghost", ...cardProps, style: faded ? { ...cardProps.style || {}, ...timelineStyle } : { ...cardProps.style || {} }, children: /* @__PURE__ */ jsx$1("ul", { className: "vertical-line list-disc font-bold text-start relative", style: { paddingInlineStart: 16.75 }, children }) });
|
|
17900
17903
|
}
|
|
17901
17904
|
function TlListItem({ label, badge, ...cardProps }) {
|
|
17902
17905
|
return /* @__PURE__ */ jsx$1("li", { children: /* @__PURE__ */ jsx$1(Card, { noBlur: true, appearance: "ghost", noPadding: true, ...cardProps, children: /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center gap-x-[1rem] text-[1rem]", children: [
|