azeriand-library 1.14.1 → 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.
|
@@ -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";
|
|
@@ -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);
|