@syscore/ui-library 1.14.0 → 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.
- package/client/components/icons/UtilityCheck.tsx +29 -0
- package/client/components/ui/checkbox.tsx +4 -4
- package/client/global.css +20 -12
- package/client/ui/{Checkbox/Checkbox.stories.tsx → Checkbox.stories.tsx} +19 -5
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +25 -2
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -8,7 +8,7 @@ import { cva } from "class-variance-authority";
|
|
|
8
8
|
import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
|
|
9
9
|
import * as SeparatorPrimitive from "@radix-ui/react-separator";
|
|
10
10
|
import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
|
|
11
|
-
import { GripVertical, X as X$1, PanelLeft,
|
|
11
|
+
import { GripVertical, X as X$1, PanelLeft, Circle, Dot, ChevronLeft, ChevronRight, Search, Check, MoreHorizontal, ChevronDown, ArrowLeft, ArrowRight } from "lucide-react";
|
|
12
12
|
import * as ResizablePrimitive from "react-resizable-panels";
|
|
13
13
|
import { Slot } from "@radix-ui/react-slot";
|
|
14
14
|
import * as SheetPrimitive from "@radix-ui/react-dialog";
|
|
@@ -1666,13 +1666,36 @@ const Textarea = React.forwardRef(
|
|
|
1666
1666
|
}
|
|
1667
1667
|
);
|
|
1668
1668
|
Textarea.displayName = "Textarea";
|
|
1669
|
+
const UtilityCheck = ({ className }) => {
|
|
1670
|
+
return /* @__PURE__ */ jsx("div", { className: cn("flex items-center justify-center", className), children: /* @__PURE__ */ jsx(
|
|
1671
|
+
"svg",
|
|
1672
|
+
{
|
|
1673
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1674
|
+
width: "7",
|
|
1675
|
+
height: "5",
|
|
1676
|
+
viewBox: "0 0 7 5",
|
|
1677
|
+
fill: "none",
|
|
1678
|
+
children: /* @__PURE__ */ jsx(
|
|
1679
|
+
"path",
|
|
1680
|
+
{
|
|
1681
|
+
d: "M0.75 2.30556L2.30556 3.86111L5.41667 0.75",
|
|
1682
|
+
stroke: "currentColor",
|
|
1683
|
+
strokeWidth: "1.5",
|
|
1684
|
+
strokeLinecap: "round",
|
|
1685
|
+
strokeLinejoin: "round",
|
|
1686
|
+
transform: "translate(0.42, 0.19)"
|
|
1687
|
+
}
|
|
1688
|
+
)
|
|
1689
|
+
}
|
|
1690
|
+
) });
|
|
1691
|
+
};
|
|
1669
1692
|
const Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1670
1693
|
CheckboxPrimitive.Root,
|
|
1671
1694
|
{
|
|
1672
1695
|
ref,
|
|
1673
1696
|
className: cn("checkbox", className),
|
|
1674
1697
|
...props,
|
|
1675
|
-
children: /* @__PURE__ */ jsx(
|
|
1698
|
+
children: /* @__PURE__ */ jsx("span", { className: "checkbox-indicator", children: /* @__PURE__ */ jsx(UtilityCheck, {}) })
|
|
1676
1699
|
}
|
|
1677
1700
|
));
|
|
1678
1701
|
Checkbox.displayName = CheckboxPrimitive.Root.displayName;
|