azeriand-library 1.14.1 → 1.15.1
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.
|
@@ -5,6 +5,7 @@ export type CardProps<T extends ElementType = 'article'> = {
|
|
|
5
5
|
noPadding?: boolean;
|
|
6
6
|
noBlur?: boolean;
|
|
7
7
|
appearance?: string;
|
|
8
|
+
blur?: number;
|
|
8
9
|
color?: string;
|
|
9
10
|
intensity?: number;
|
|
10
11
|
dark?: boolean;
|
|
@@ -12,4 +13,4 @@ export type CardProps<T extends ElementType = 'article'> = {
|
|
|
12
13
|
className?: string;
|
|
13
14
|
style?: React.CSSProperties;
|
|
14
15
|
} & React.ComponentPropsWithoutRef<T>;
|
|
15
|
-
export declare function Card<T extends ElementType = 'article'>({ as, children, noPadding, noBlur, appearance, color, intensity, dark, onClick, className, style, ...rest }: CardProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare function Card<T extends ElementType = 'article'>({ as, children, noPadding, noBlur, appearance, blur, color, intensity, dark, onClick, className, style, ...rest }: CardProps<T>): 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) {
|
|
@@ -15751,6 +15751,7 @@ function Card({
|
|
|
15751
15751
|
noPadding,
|
|
15752
15752
|
noBlur = false,
|
|
15753
15753
|
appearance = "glass",
|
|
15754
|
+
blur = 10,
|
|
15754
15755
|
color: color2 = "neutral",
|
|
15755
15756
|
intensity,
|
|
15756
15757
|
dark: dark2 = true,
|
|
@@ -15771,7 +15772,7 @@ function Card({
|
|
|
15771
15772
|
setCardStyle({
|
|
15772
15773
|
"--glass-color": `var(--color-${color2}-${intensityValue})`,
|
|
15773
15774
|
"--card-text-color": `var(--color-${color2}-${dark2 ? "100" : "800"})`,
|
|
15774
|
-
backdropFilter: appearance === "glass" && !noBlur ?
|
|
15775
|
+
backdropFilter: appearance === "glass" && !noBlur ? `blur(${blur}px)` : void 0,
|
|
15775
15776
|
...style2
|
|
15776
15777
|
});
|
|
15777
15778
|
let rounded = "rounded-md";
|
|
@@ -15815,7 +15816,7 @@ function Button({ children, label, icon, position: position2 = "left", onClick,
|
|
|
15815
15816
|
] });
|
|
15816
15817
|
}
|
|
15817
15818
|
function Badge({ label, size, ...cardProps }) {
|
|
15818
|
-
let cardClassNames = "rounded-md";
|
|
15819
|
+
let cardClassNames = "rounded-md cursor-default";
|
|
15819
15820
|
let divClassNames = "px-1.5 py-0.5 text-[0.85rem]";
|
|
15820
15821
|
if (size === "sm") {
|
|
15821
15822
|
cardClassNames = "rounded-md";
|
|
@@ -17832,8 +17833,8 @@ process.env.NODE_ENV !== "production" ? Box.propTypes = {
|
|
|
17832
17833
|
*/
|
|
17833
17834
|
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
|
|
17834
17835
|
} : 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 }) }) });
|
|
17836
|
+
function NewSlider({ defaultValue, className, onChange }) {
|
|
17837
|
+
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
17838
|
}
|
|
17838
17839
|
function Tab({ items, onTabSelected, defaultValue, ...cardProps }) {
|
|
17839
17840
|
const [tabSelected, setTabSelected] = useState(defaultValue);
|