@youngonesworks/ui 0.1.134 → 1.0.2
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/README.md +35 -7
- package/dist/globals.css +1 -9
- package/dist/index.cjs +8 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +8 -5
- package/dist/index.js.map +1 -1
- package/dist/styles/base.css +58 -0
- package/dist/styles/index.css +1 -0
- package/dist/styles/typography.css +20 -82
- package/dist/styles/utilities.css +33 -112
- package/dist/styles/variables.css +2 -15
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -66,17 +66,20 @@ const AccordionItem = ({ controlContent, panelContent, style = "light", border =
|
|
|
66
66
|
/* @__PURE__ */ jsx("span", {
|
|
67
67
|
onClick: () => setIsActive(!isActive),
|
|
68
68
|
className: `duration-300${isActive ? "rotate-180" : ""}`,
|
|
69
|
-
children: /* @__PURE__ */ jsx(IconChevronDown, {
|
|
69
|
+
children: /* @__PURE__ */ jsx(IconChevronDown, {
|
|
70
|
+
size: 18,
|
|
71
|
+
color: style === "dark" ? "white" : "black"
|
|
72
|
+
})
|
|
70
73
|
}),
|
|
71
74
|
/* @__PURE__ */ jsx("div", {
|
|
72
75
|
onClick: () => setIsActive(!isActive),
|
|
73
|
-
className: `flex w-full flex-row justify-between ${style === "dark" && "
|
|
76
|
+
className: `flex w-full flex-row justify-between ${style === "dark" && "text-white"} leading-8 text-lg`,
|
|
74
77
|
children: controlContent
|
|
75
78
|
}),
|
|
76
79
|
endContent
|
|
77
80
|
]
|
|
78
81
|
}), /* @__PURE__ */ jsx("div", {
|
|
79
|
-
className: `transition-max-height overflow-hidden duration-500 ease-in-out ${isActive ? "max-h-1000" : "max-h-0"} leading-6
|
|
82
|
+
className: `transition-max-height overflow-hidden duration-500 ease-in-out ${isActive ? "max-h-1000" : "max-h-0"} leading-6 text-base`,
|
|
80
83
|
children: /* @__PURE__ */ jsx("div", {
|
|
81
84
|
className: "px-4 py-3",
|
|
82
85
|
children: panelContent
|
|
@@ -1606,7 +1609,7 @@ Island.displayName = "Island";
|
|
|
1606
1609
|
const KebabMenu = ({ title, tooltip, content, disabled = false, styleVariant = "default" }) => {
|
|
1607
1610
|
const [isOpen, setIsOpen] = useState(false);
|
|
1608
1611
|
const menuRef = useRef(null);
|
|
1609
|
-
const defaultStyling = "
|
|
1612
|
+
const defaultStyling = "flex items-center justify-self-end gap-1 bg-transparent py-1 h-9 min-w-9 cursor-pointer px-0";
|
|
1610
1613
|
const handleToggle = () => {
|
|
1611
1614
|
if (!disabled) setIsOpen((prev) => !prev);
|
|
1612
1615
|
};
|
|
@@ -1634,7 +1637,7 @@ const KebabMenu = ({ title, tooltip, content, disabled = false, styleVariant = "
|
|
|
1634
1637
|
disabled,
|
|
1635
1638
|
onClick: handleToggle,
|
|
1636
1639
|
children: [title && /* @__PURE__ */ jsx("span", {
|
|
1637
|
-
className: "hidden md:block",
|
|
1640
|
+
className: "yo-text-small hidden md:block",
|
|
1638
1641
|
children: title
|
|
1639
1642
|
}), /* @__PURE__ */ jsx(IconDotsVertical, {
|
|
1640
1643
|
size: 20,
|