azeriand-library 1.14.0 → 1.15.0
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/azeriand.png +0 -0
- package/dist/components/input/input.d.ts +1 -1
- package/dist/components/slider/slider.d.ts +2 -1
- package/dist/index.esm.js +6 -6
- package/dist/index.esm.js.map +1 -1
- package/dist/index.umd.js +6 -6
- package/dist/index.umd.js.map +1 -1
- package/dist/my-notion-face-transparent.png +0 -0
- package/dist/styles.css +1 -1
- package/package.json +8 -10
|
Binary file
|
|
@@ -13,4 +13,4 @@ export type InputProps = CardProps & {
|
|
|
13
13
|
className?: string;
|
|
14
14
|
style?: React.CSSProperties;
|
|
15
15
|
};
|
|
16
|
-
export declare function Input({ type, value, disabled, placeholder,
|
|
16
|
+
export declare function Input({ type, value, disabled, placeholder, maxLength, onChange, iconPosition, centerText, icon, className, ...cardProps }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
type SliderProps = {
|
|
2
2
|
defaultValue: number;
|
|
3
|
+
className?: string;
|
|
3
4
|
onChange?: (event: Event, value: number | number[]) => void;
|
|
4
5
|
};
|
|
5
|
-
export declare function NewSlider({ defaultValue, onChange }: SliderProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare function NewSlider({ defaultValue, className, onChange }: SliderProps): import("react/jsx-runtime").JSX.Element;
|
|
6
7
|
export {};
|
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
|
|
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.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\nbutton .card.ghost:hover, button .card.outlined:hover{\n background: color-mix(in oklch, var(--glass-color), transparent 80%);\n}\n\nbutton .card.glass:hover{\n box-shadow: 0 4px 10px color-mix(in oklch, var(--glass-color), transparent 85%);\n}\n\nbutton .card.mate: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) {
|
|
@@ -15815,7 +15815,7 @@ function Button({ children, label, icon, position: position2 = "left", onClick,
|
|
|
15815
15815
|
] });
|
|
15816
15816
|
}
|
|
15817
15817
|
function Badge({ label, size, ...cardProps }) {
|
|
15818
|
-
let cardClassNames = "rounded-md";
|
|
15818
|
+
let cardClassNames = "rounded-md cursor-default";
|
|
15819
15819
|
let divClassNames = "px-1.5 py-0.5 text-[0.85rem]";
|
|
15820
15820
|
if (size === "sm") {
|
|
15821
15821
|
cardClassNames = "rounded-md";
|
|
@@ -15980,7 +15980,7 @@ function Checkbox({ label, checkedDefault = false, onChange }) {
|
|
|
15980
15980
|
function SectionName({ section, className }) {
|
|
15981
15981
|
return /* @__PURE__ */ jsx$1("div", { className: `uppercase font-bold tracking-[0.15rem] w-fit section-name ${className}`, children: section });
|
|
15982
15982
|
}
|
|
15983
|
-
function Input({ type, value, disabled, placeholder,
|
|
15983
|
+
function Input({ type, value, disabled, placeholder, maxLength, onChange, iconPosition = "left", centerText = false, icon, className, ...cardProps }) {
|
|
15984
15984
|
function inputUpdated(ev) {
|
|
15985
15985
|
onChange == null ? void 0 : onChange(ev.target.value);
|
|
15986
15986
|
}
|
|
@@ -15989,7 +15989,7 @@ function Input({ type, value, disabled, placeholder, size, maxLength, onChange,
|
|
|
15989
15989
|
const directionClassName = iconPosition === "left" ? "pl-2" : "flex-row-reverse pr-2";
|
|
15990
15990
|
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: [
|
|
15991
15991
|
icon && /* @__PURE__ */ jsx$1("div", { className: "flex items-center", children: icon }),
|
|
15992
|
-
/* @__PURE__ */ jsx$1("input", { className: inputClassName, onChange: inputUpdated, placeholder, value, disabled, type,
|
|
15992
|
+
/* @__PURE__ */ jsx$1("input", { className: inputClassName, onChange: inputUpdated, placeholder, value, disabled, type, maxLength, style: cardProps.style })
|
|
15993
15993
|
] }) });
|
|
15994
15994
|
}
|
|
15995
15995
|
function CustomDay(props) {
|
|
@@ -17832,8 +17832,8 @@ process.env.NODE_ENV !== "production" ? Box.propTypes = {
|
|
|
17832
17832
|
*/
|
|
17833
17833
|
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
|
|
17834
17834
|
} : void 0;
|
|
17835
|
-
function NewSlider({ defaultValue, onChange }) {
|
|
17836
|
-
return /* @__PURE__ */ jsx$1(Card, { noPadding: true, appearance: "ghost", children: /* @__PURE__ */ jsx$1(Box, { sx: { width: 150 }, children: /* @__PURE__ */ jsx$1(Slider, { defaultValue, "aria-label": "Default", valueLabelDisplay: "auto", onChange }) }) });
|
|
17835
|
+
function NewSlider({ defaultValue, className, onChange }) {
|
|
17836
|
+
return /* @__PURE__ */ jsx$1(Card, { noPadding: true, appearance: "ghost", className, children: /* @__PURE__ */ jsx$1(Box, { sx: { width: 150 }, children: /* @__PURE__ */ jsx$1(Slider, { defaultValue, "aria-label": "Default", valueLabelDisplay: "auto", onChange }) }) });
|
|
17837
17837
|
}
|
|
17838
17838
|
function Tab({ items, onTabSelected, defaultValue, ...cardProps }) {
|
|
17839
17839
|
const [tabSelected, setTabSelected] = useState(defaultValue);
|