@ztwoint/z-ui 0.1.94 → 0.1.96
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/dist/components/assets/icons/arrow-left.d.ts +8 -0
- package/dist/components/assets/icons/arrow-left.js +53 -0
- package/dist/components/assets/icons/index.d.ts +1 -0
- package/dist/components/segmented-control/controller.d.ts +7 -0
- package/dist/components/segmented-control/item.d.ts +12 -0
- package/dist/components/segmented-control/use-segmented-control.hook.d.ts +9 -0
- package/dist/css/styles/tailwind.css +1 -1
- package/dist/index.js +10 -8
- package/dist/types/components/assets/icons/arrow-left.d.ts +8 -0
- package/dist/types/components/assets/icons/index.d.ts +1 -0
- package/dist/types/components/segmented-control/controller.d.ts +7 -0
- package/dist/types/components/segmented-control/item.d.ts +12 -0
- package/dist/types/components/segmented-control/use-segmented-control.hook.d.ts +9 -0
- package/package.json +1 -1
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { SVGProps } from 'react';
|
|
2
|
+
type IconProps = SVGProps<SVGSVGElement> & {
|
|
3
|
+
secondaryfill?: string;
|
|
4
|
+
strokewidth?: number;
|
|
5
|
+
title?: string;
|
|
6
|
+
};
|
|
7
|
+
declare function ArrowLeft({ fill, secondaryfill, width, height, title, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default ArrowLeft;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { jsxs as n, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
function u({
|
|
3
|
+
fill: e = "currentColor",
|
|
4
|
+
secondaryfill: o,
|
|
5
|
+
width: t = "1em",
|
|
6
|
+
height: i = "1em",
|
|
7
|
+
title: s = "badge 13",
|
|
8
|
+
...d
|
|
9
|
+
}) {
|
|
10
|
+
return o = o || e, /* @__PURE__ */ n(
|
|
11
|
+
"svg",
|
|
12
|
+
{
|
|
13
|
+
height: i,
|
|
14
|
+
width: t,
|
|
15
|
+
viewBox: "0 0 20 20",
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
17
|
+
...d,
|
|
18
|
+
children: [
|
|
19
|
+
/* @__PURE__ */ r("title", { children: s }),
|
|
20
|
+
/* @__PURE__ */ n("g", { fill: e, children: [
|
|
21
|
+
/* @__PURE__ */ r(
|
|
22
|
+
"line",
|
|
23
|
+
{
|
|
24
|
+
fill: "none",
|
|
25
|
+
stroke: o,
|
|
26
|
+
strokeLinecap: "round",
|
|
27
|
+
strokeLinejoin: "round",
|
|
28
|
+
strokeWidth: "2",
|
|
29
|
+
x1: "17",
|
|
30
|
+
x2: "3",
|
|
31
|
+
y1: "10",
|
|
32
|
+
y2: "10"
|
|
33
|
+
}
|
|
34
|
+
),
|
|
35
|
+
/* @__PURE__ */ r(
|
|
36
|
+
"polyline",
|
|
37
|
+
{
|
|
38
|
+
fill: "none",
|
|
39
|
+
points: "8 5 3 10 8 15",
|
|
40
|
+
stroke: e,
|
|
41
|
+
strokeLinecap: "round",
|
|
42
|
+
strokeLinejoin: "round",
|
|
43
|
+
strokeWidth: "2"
|
|
44
|
+
}
|
|
45
|
+
)
|
|
46
|
+
] })
|
|
47
|
+
]
|
|
48
|
+
}
|
|
49
|
+
);
|
|
50
|
+
}
|
|
51
|
+
export {
|
|
52
|
+
u as default
|
|
53
|
+
};
|
|
@@ -37,3 +37,4 @@ export { default as Z2DataIcon } from './z2data';
|
|
|
37
37
|
export { default as Vector3Icon } from './vector_3';
|
|
38
38
|
export { default as TableCols2Icon } from './table-cols-2';
|
|
39
39
|
export { default as TriangleWarningIcon } from './triangle-warning';
|
|
40
|
+
export { default as ArrowLeftIcon } from './arrow-left';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
interface SegmentedControlProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
2
|
+
handleOnClick?: (id?: string) => void;
|
|
3
|
+
className?: string;
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
declare function SegmentedControl({ handleOnClick, className, children, ...props }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { SegmentedControl };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
declare const segmentedControlItemVariants: (props?: ({
|
|
3
|
+
size?: "small" | "medium" | null | undefined;
|
|
4
|
+
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
|
|
5
|
+
interface SegmentedControlItemProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof segmentedControlItemVariants> {
|
|
6
|
+
leftIcon?: React.ReactNode;
|
|
7
|
+
rightIcon?: React.ReactNode;
|
|
8
|
+
id: string;
|
|
9
|
+
label?: string;
|
|
10
|
+
}
|
|
11
|
+
declare function SegmentedControlItem({ leftIcon, rightIcon, id, label, size, ...props }: SegmentedControlItemProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export { SegmentedControlItem, SegmentedControlItemProps };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
type UseSegmentedControlOptions = {
|
|
2
|
+
onSelect?: (id?: string) => void;
|
|
3
|
+
};
|
|
4
|
+
type UseSegmentedControlResult = {
|
|
5
|
+
containerRef: React.RefObject<HTMLDivElement | null>;
|
|
6
|
+
handleClick: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
7
|
+
};
|
|
8
|
+
export declare function useSegmentedControl(options?: UseSegmentedControlOptions): UseSegmentedControlResult;
|
|
9
|
+
export {};
|