@aristobyte-ui/radio 1.0.6 → 1.0.8
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/index.css +527 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.mts +35 -0
- package/dist/index.d.ts +35 -0
- package/dist/index.js +174 -1
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +139 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +11 -8
- package/dist/components/Anchor/index.js +0 -28
- package/dist/components/Button/index.js +0 -35
- package/dist/components/ButtonGroup/index.js +0 -16
- package/dist/components/CodeBlock/index.js +0 -33
- package/dist/components/CodeBlock/types.js +0 -1
- package/dist/components/Dropdown/index.js +0 -73
- package/dist/components/DropdownOption/index.js +0 -13
- package/dist/components/MessageBox/index.js +0 -19
- package/dist/components/Radio/index.js +0 -10
- package/dist/components/RadioGroup/index.js +0 -21
- package/dist/components/Spinner/index.js +0 -6
- package/dist/components/Switch/index.js +0 -15
- package/dist/components/TabSwitchWithSlidingIndicator/index.js +0 -10
- package/dist/components/index.js +0 -2
- package/dist/tsconfig.tsbuildinfo +0 -1
- package/dist/types/components/Anchor/index.d.ts +0 -6
- package/dist/types/components/Anchor/index.d.ts.map +0 -1
- package/dist/types/components/Button/index.d.ts +0 -15
- package/dist/types/components/Button/index.d.ts.map +0 -1
- package/dist/types/components/ButtonGroup/index.d.ts +0 -13
- package/dist/types/components/ButtonGroup/index.d.ts.map +0 -1
- package/dist/types/components/CodeBlock/index.d.ts +0 -11
- package/dist/types/components/CodeBlock/index.d.ts.map +0 -1
- package/dist/types/components/CodeBlock/types.d.ts +0 -3
- package/dist/types/components/CodeBlock/types.d.ts.map +0 -1
- package/dist/types/components/Dropdown/index.d.ts +0 -14
- package/dist/types/components/Dropdown/index.d.ts.map +0 -1
- package/dist/types/components/DropdownOption/index.d.ts +0 -12
- package/dist/types/components/DropdownOption/index.d.ts.map +0 -1
- package/dist/types/components/MessageBox/index.d.ts +0 -14
- package/dist/types/components/MessageBox/index.d.ts.map +0 -1
- package/dist/types/components/Radio/index.d.ts +0 -17
- package/dist/types/components/Radio/index.d.ts.map +0 -1
- package/dist/types/components/RadioGroup/index.d.ts +0 -18
- package/dist/types/components/RadioGroup/index.d.ts.map +0 -1
- package/dist/types/components/Spinner/index.d.ts +0 -9
- package/dist/types/components/Spinner/index.d.ts.map +0 -1
- package/dist/types/components/Switch/index.d.ts +0 -18
- package/dist/types/components/Switch/index.d.ts.map +0 -1
- package/dist/types/components/TabSwitchWithSlidingIndicator/index.d.ts +0 -9
- package/dist/types/components/TabSwitchWithSlidingIndicator/index.d.ts.map +0 -1
- package/dist/types/components/index.d.ts +0 -3
- package/dist/types/components/index.d.ts.map +0 -1
- package/dist/types/index.d.ts +0 -2
- package/dist/types/index.d.ts.map +0 -1
- package/dist/types/utils/Portal.d.ts +0 -5
- package/dist/types/utils/Portal.d.ts.map +0 -1
- package/dist/types/utils/icons.d.ts +0 -8
- package/dist/types/utils/icons.d.ts.map +0 -1
- package/dist/types/utils/index.d.ts +0 -3
- package/dist/types/utils/index.d.ts.map +0 -1
- package/dist/types/utils/ripple.d.ts +0 -9
- package/dist/types/utils/ripple.d.ts.map +0 -1
- package/dist/utils/Portal.js +0 -12
- package/dist/utils/icons.js +0 -12
- package/dist/utils/index.js +0 -2
- package/dist/utils/ripple.js +0 -38
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
export interface ITabSwitchWithSlidingIndicator {
|
|
3
|
-
tabs: {
|
|
4
|
-
buttonContent?: React.ReactElement | React.ReactNode | string;
|
|
5
|
-
content: React.ReactElement | React.ReactNode | string;
|
|
6
|
-
}[];
|
|
7
|
-
}
|
|
8
|
-
export declare const TabSwitchWithSlidingIndicator: React.FC<ITabSwitchWithSlidingIndicator>;
|
|
9
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/TabSwitchWithSlidingIndicator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,8BAA8B;IAC7C,IAAI,EAAE;QACJ,aAAa,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QAC9D,OAAO,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;KACxD,EAAE,CAAC;CACL;AAED,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAClD,8BAA8B,CAgC/B,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
package/dist/types/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../utils/Portal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAW1D,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export declare const Icons: {
|
|
2
|
-
Copy: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
|
|
3
|
-
Error: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
|
|
4
|
-
Info: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
|
|
5
|
-
Success: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
|
|
6
|
-
Warning: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
|
|
7
|
-
};
|
|
8
|
-
//# sourceMappingURL=icons.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../utils/icons.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK;;;;;;CAMjB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
type RippleParamsRef = HTMLButtonElement | HTMLAnchorElement;
|
|
2
|
-
export type RippleParams<HTMLElementType extends RippleParamsRef> = {
|
|
3
|
-
ref: React.RefObject<HTMLElementType | null>;
|
|
4
|
-
clientX: number;
|
|
5
|
-
clientY: number;
|
|
6
|
-
};
|
|
7
|
-
export declare const renderRipple: <HTMLElementType extends RippleParamsRef>({ ref, clientX, clientY, }: RippleParams<HTMLElementType>) => void;
|
|
8
|
-
export {};
|
|
9
|
-
//# sourceMappingURL=ripple.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ripple.d.ts","sourceRoot":"","sources":["../../../utils/ripple.tsx"],"names":[],"mappings":"AAAA,KAAK,eAAe,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;AAE7D,MAAM,MAAM,YAAY,CAAC,eAAe,SAAS,eAAe,IAAI;IAClE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IAC7C,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,eAAe,SAAS,eAAe,EAAE,4BAInE,YAAY,CAAC,eAAe,CAAC,SAyC/B,CAAC"}
|
package/dist/utils/Portal.js
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { createPortal } from "react-dom";
|
|
4
|
-
export const Portal = ({ children, }) => {
|
|
5
|
-
const [mounted, setMounted] = React.useState(false);
|
|
6
|
-
React.useEffect(() => {
|
|
7
|
-
setMounted(true);
|
|
8
|
-
}, []);
|
|
9
|
-
if (!mounted || typeof window === "undefined")
|
|
10
|
-
return null;
|
|
11
|
-
return createPortal(children, document.body);
|
|
12
|
-
};
|
package/dist/utils/icons.js
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import Copy from "../assets/svg/i_Copy.svg";
|
|
2
|
-
import Error from "../assets/svg/i_Error.svg";
|
|
3
|
-
import Info from "../assets/svg/i_Info.svg";
|
|
4
|
-
import Success from "../assets/svg/i_Success.svg";
|
|
5
|
-
import Warning from "../assets/svg/i_Warning.svg";
|
|
6
|
-
export const Icons = {
|
|
7
|
-
Copy,
|
|
8
|
-
Error,
|
|
9
|
-
Info,
|
|
10
|
-
Success,
|
|
11
|
-
Warning,
|
|
12
|
-
};
|
package/dist/utils/index.js
DELETED
package/dist/utils/ripple.js
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
export const renderRipple = ({ ref, clientX, clientY, }) => {
|
|
2
|
-
const button = ref.current;
|
|
3
|
-
if (!button)
|
|
4
|
-
return;
|
|
5
|
-
const circle = document.createElement("span");
|
|
6
|
-
const diameter = Math.max(button.clientWidth, button.clientHeight);
|
|
7
|
-
const radius = diameter / 2;
|
|
8
|
-
circle.id = "ripple";
|
|
9
|
-
const style = document.createElement("style");
|
|
10
|
-
style.innerHTML = `
|
|
11
|
-
#ripple {
|
|
12
|
-
animation: ripple 300ms linear;
|
|
13
|
-
background-color: rgba(255, 255, 255, 0.3);
|
|
14
|
-
border-radius: 50%;
|
|
15
|
-
height: ${diameter}px;
|
|
16
|
-
left: ${clientX - button.getBoundingClientRect().left - radius}px;
|
|
17
|
-
pointer-events: none;
|
|
18
|
-
position: absolute;
|
|
19
|
-
top: ${clientY - button.getBoundingClientRect().top - radius}px;
|
|
20
|
-
transform: scale(0);
|
|
21
|
-
width: ${diameter}px;
|
|
22
|
-
z-index: 0;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
@keyframes ripple {
|
|
26
|
-
to {
|
|
27
|
-
opacity: 0;
|
|
28
|
-
transform: scale(2);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
`;
|
|
32
|
-
button.appendChild(style);
|
|
33
|
-
button.appendChild(circle);
|
|
34
|
-
circle.addEventListener("animationend", () => {
|
|
35
|
-
circle.remove();
|
|
36
|
-
style.remove();
|
|
37
|
-
});
|
|
38
|
-
};
|