athameui 0.0.11 → 0.0.12
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/components/Button/Button.tsx +0 -1
- package/components/Carousel/Carousel.tsx +6 -2
- package/components/FormField/FormField.tsx +1 -0
- package/dist/athameui.cjs +6 -4
- package/dist/athameui.cjs.map +1 -1
- package/dist/athameui.mjs +6 -4
- package/dist/athameui.mjs.map +1 -1
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Carousel/Carousel.d.ts.map +1 -1
- package/dist/components/FormField/FormField.d.ts.map +1 -1
- package/dist/styles/components/carousel.css +9 -2
- package/dist/styles/components/form-input.css +27 -7
- package/dist/styles/tokens.css +0 -3
- package/package.json +1 -1
- package/styles/components/carousel.css +9 -2
- package/styles/components/form-input.css +27 -7
- package/styles/tokens.css +0 -3
package/dist/athameui.mjs
CHANGED
|
@@ -2184,7 +2184,6 @@ const Button = /*#__PURE__*/forwardRef(({
|
|
|
2184
2184
|
onMouseLeave,
|
|
2185
2185
|
...other
|
|
2186
2186
|
}, ref) => {
|
|
2187
|
-
console.log(sx);
|
|
2188
2187
|
const isIconOnly = icon && !children;
|
|
2189
2188
|
const sharedClasses = cx("ath-button", buttonVariants.size[size], buttonVariants.variant[variant], isIconOnly ? "ath-button-icon-only" : "", dark ? buttonVariants.dark : "", wrap ? buttonVariants.wrap : "");
|
|
2190
2189
|
const buttonClasses = cx(sharedClasses, buttonVariants.textPosition[textPosition], typeof className === "object" && className !== null ? className.button : className);
|
|
@@ -2565,7 +2564,7 @@ const ButtonGroup = ({
|
|
|
2565
2564
|
const Carousel = ({
|
|
2566
2565
|
children,
|
|
2567
2566
|
className,
|
|
2568
|
-
emptyMessage,
|
|
2567
|
+
emptyMessage = "Nothing here yet",
|
|
2569
2568
|
sx
|
|
2570
2569
|
}) => {
|
|
2571
2570
|
const [isHovered, setIsHovered] = useState(false);
|
|
@@ -2611,7 +2610,10 @@ const Carousel = ({
|
|
|
2611
2610
|
icon: Qt,
|
|
2612
2611
|
size: 36
|
|
2613
2612
|
})
|
|
2614
|
-
}), hasItems ? children :
|
|
2613
|
+
}), hasItems ? children : jsx("div", {
|
|
2614
|
+
className: "ath-carousel-empty",
|
|
2615
|
+
children: emptyMessage
|
|
2616
|
+
}), jsx(Button, {
|
|
2615
2617
|
className: {
|
|
2616
2618
|
button: "ath-carousel-arrow ath-carousel-right-arrow"
|
|
2617
2619
|
},
|
|
@@ -2751,7 +2753,7 @@ const FormField = ({
|
|
|
2751
2753
|
...other
|
|
2752
2754
|
}) => {
|
|
2753
2755
|
const textAreaRef = useRef(null);
|
|
2754
|
-
const containerClasses = cx("ath-form-input-container", (labelPosition === "left" || labelPosition === "right") && "ath-form-input-container-horizontal", className?.container ? className.container : "");
|
|
2756
|
+
const containerClasses = cx("ath-form-input-container", readOnly && "ath-form-input-container-readonly", (labelPosition === "left" || labelPosition === "right") && "ath-form-input-container-horizontal", className?.container ? className.container : "");
|
|
2755
2757
|
const inputSharedClasses = cx(`ath-form-input-${size}`, disabled && "ath-form-input-shared-disabled", readOnly && "ath-form-input-shared-readonly", dark && "ath-form-input-shared-dark", className?.input ? className.input : "");
|
|
2756
2758
|
const inputClasses = cx("ath-form-input", inputSharedClasses, error && "ath-form-input-error");
|
|
2757
2759
|
const textAreaClasses = cx("ath-form-textarea", inputSharedClasses, autoResize && "ath-form-textarea-auto-resize", error && "ath-form-textarea-error");
|