@brosco/ui 0.0.25 → 0.0.26
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/button/button.d.ts +3 -3
- package/dist/button/button.types.d.ts +2 -8
- package/dist/button/index.d.ts +1 -1
- package/dist/button/index.js +7 -10
- package/dist/index.js +3 -3
- package/dist/spinner/index.js +2 -17
- package/dist/spinner/spinner.css +2 -0
- package/dist/spinner/spinner.js +16 -0
- package/package.json +6 -4
- /package/dist/{index/index-DcLtrj_Z.css → button/button.css} +0 -0
package/dist/button/button.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import "./
|
|
2
|
-
import
|
|
3
|
-
export declare const Button: ({ children, icon,
|
|
1
|
+
import type { ButtonProps } from "./button.types.ts";
|
|
2
|
+
import "./styles.css";
|
|
3
|
+
export declare const Button: ({ children, icon, ...props }: ButtonProps) => import("react").JSX.Element;
|
|
@@ -1,11 +1,5 @@
|
|
|
1
1
|
import type { ButtonProps as BaseButtonProps } from "@base-ui/react";
|
|
2
2
|
import type { ReactNode } from "react";
|
|
3
3
|
export type ButtonProps = BaseButtonProps & {
|
|
4
|
-
|
|
5
|
-
}
|
|
6
|
-
icon?: never;
|
|
7
|
-
isIconOnly?: never;
|
|
8
|
-
} | {
|
|
9
|
-
icon: ReactNode;
|
|
10
|
-
isIconOnly?: boolean;
|
|
11
|
-
});
|
|
4
|
+
icon?: ReactNode;
|
|
5
|
+
};
|
package/dist/button/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export * from "./button";
|
|
2
|
-
export * from "./button.types";
|
|
2
|
+
export * from "./button.types.ts";
|
package/dist/button/index.js
CHANGED
|
@@ -1,13 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
var i = ({ children: i, icon: a, isPending: o, isIconOnly: s, ...c }) => /* @__PURE__ */ r(t, {
|
|
1
|
+
import { Button as e } from "@base-ui/react";
|
|
2
|
+
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
3
|
+
import './button.css';//#region src/button/button.tsx
|
|
4
|
+
var r = ({ children: r, icon: i, ...a }) => /* @__PURE__ */ n(e, {
|
|
6
5
|
className: "button--base",
|
|
7
|
-
|
|
8
|
-
"
|
|
9
|
-
...c,
|
|
10
|
-
children: [o ? /* @__PURE__ */ n(e, {}) : a, !s && /* @__PURE__ */ n("span", { children: i })]
|
|
6
|
+
...a,
|
|
7
|
+
children: [i, /* @__PURE__ */ t("span", { children: r })]
|
|
11
8
|
});
|
|
12
9
|
//#endregion
|
|
13
|
-
export {
|
|
10
|
+
export { r as Button };
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
export {
|
|
1
|
+
import { Button as e } from "./button/index.js";
|
|
2
|
+
import { t } from "./spinner/spinner.js";
|
|
3
|
+
export { e as Button, t as Spinner };
|
package/dist/spinner/index.js
CHANGED
|
@@ -1,17 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
//#region src/spinner/spinner.tsx
|
|
4
|
-
var n = ({ className: n, size: r = 24 }) => /* @__PURE__ */ t("svg", {
|
|
5
|
-
stroke: "currentColor",
|
|
6
|
-
fill: "currentColor",
|
|
7
|
-
strokeWidth: "0",
|
|
8
|
-
version: "1.1",
|
|
9
|
-
viewBox: "0 0 16 16",
|
|
10
|
-
height: r,
|
|
11
|
-
width: r,
|
|
12
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
-
className: e("animate-spin", n),
|
|
14
|
-
children: /* @__PURE__ */ t("path", { d: "M16 8c-0.020-1.045-0.247-2.086-0.665-3.038-0.417-0.953-1.023-1.817-1.766-2.53s-1.624-1.278-2.578-1.651c-0.953-0.374-1.978-0.552-2.991-0.531-1.013 0.020-2.021 0.24-2.943 0.646-0.923 0.405-1.758 0.992-2.449 1.712s-1.237 1.574-1.597 2.497c-0.361 0.923-0.533 1.914-0.512 2.895 0.020 0.981 0.234 1.955 0.627 2.847 0.392 0.892 0.961 1.7 1.658 2.368s1.523 1.195 2.416 1.543c0.892 0.348 1.851 0.514 2.799 0.493 0.949-0.020 1.89-0.227 2.751-0.608 0.862-0.379 1.642-0.929 2.287-1.604s1.154-1.472 1.488-2.335c0.204-0.523 0.342-1.069 0.415-1.622 0.019 0.001 0.039 0.002 0.059 0.002 0.552 0 1-0.448 1-1 0-0.028-0.001-0.056-0.004-0.083h0.004zM14.411 10.655c-0.367 0.831-0.898 1.584-1.55 2.206s-1.422 1.112-2.254 1.434c-0.832 0.323-1.723 0.476-2.608 0.454-0.884-0.020-1.759-0.215-2.56-0.57-0.801-0.354-1.526-0.867-2.125-1.495s-1.071-1.371-1.38-2.173c-0.31-0.801-0.457-1.66-0.435-2.512s0.208-1.694 0.551-2.464c0.342-0.77 0.836-1.468 1.441-2.044s1.321-1.029 2.092-1.326c0.771-0.298 1.596-0.438 2.416-0.416s1.629 0.202 2.368 0.532c0.74 0.329 1.41 0.805 1.963 1.387s0.988 1.27 1.272 2.011c0.285 0.74 0.418 1.532 0.397 2.32h0.004c-0.002 0.027-0.004 0.055-0.004 0.083 0 0.516 0.39 0.94 0.892 0.994-0.097 0.544-0.258 1.075-0.481 1.578z" })
|
|
15
|
-
});
|
|
16
|
-
//#endregion
|
|
17
|
-
export { n as Spinner };
|
|
1
|
+
import { t as e } from "./spinner.js";
|
|
2
|
+
export { e as Spinner };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { cn as t } from "cn";
|
|
3
|
+
import './spinner.css';var n = { wrapper: "_wrapper_1w0n3_2" }, r = ({ className: r, size: i = 24 }) => /* @__PURE__ */ e("svg", {
|
|
4
|
+
stroke: "currentColor",
|
|
5
|
+
fill: "currentColor",
|
|
6
|
+
strokeWidth: "0",
|
|
7
|
+
version: "1.1",
|
|
8
|
+
viewBox: "0 0 16 16",
|
|
9
|
+
height: i,
|
|
10
|
+
width: i,
|
|
11
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
12
|
+
className: t("animate-spin", r, n.wrapper),
|
|
13
|
+
children: /* @__PURE__ */ e("path", { d: "M16 8c-0.020-1.045-0.247-2.086-0.665-3.038-0.417-0.953-1.023-1.817-1.766-2.53s-1.624-1.278-2.578-1.651c-0.953-0.374-1.978-0.552-2.991-0.531-1.013 0.020-2.021 0.24-2.943 0.646-0.923 0.405-1.758 0.992-2.449 1.712s-1.237 1.574-1.597 2.497c-0.361 0.923-0.533 1.914-0.512 2.895 0.020 0.981 0.234 1.955 0.627 2.847 0.392 0.892 0.961 1.7 1.658 2.368s1.523 1.195 2.416 1.543c0.892 0.348 1.851 0.514 2.799 0.493 0.949-0.020 1.89-0.227 2.751-0.608 0.862-0.379 1.642-0.929 2.287-1.604s1.154-1.472 1.488-2.335c0.204-0.523 0.342-1.069 0.415-1.622 0.019 0.001 0.039 0.002 0.059 0.002 0.552 0 1-0.448 1-1 0-0.028-0.001-0.056-0.004-0.083h0.004zM14.411 10.655c-0.367 0.831-0.898 1.584-1.55 2.206s-1.422 1.112-2.254 1.434c-0.832 0.323-1.723 0.476-2.608 0.454-0.884-0.020-1.759-0.215-2.56-0.57-0.801-0.354-1.526-0.867-2.125-1.495s-1.071-1.371-1.38-2.173c-0.31-0.801-0.457-1.66-0.435-2.512s0.208-1.694 0.551-2.464c0.342-0.77 0.836-1.468 1.441-2.044s1.321-1.029 2.092-1.326c0.771-0.298 1.596-0.438 2.416-0.416s1.629 0.202 2.368 0.532c0.74 0.329 1.41 0.805 1.963 1.387s0.988 1.27 1.272 2.011c0.285 0.74 0.418 1.532 0.397 2.32h0.004c-0.002 0.027-0.004 0.055-0.004 0.083 0 0.516 0.39 0.94 0.892 0.994-0.097 0.544-0.258 1.075-0.481 1.578z" })
|
|
14
|
+
});
|
|
15
|
+
//#endregion
|
|
16
|
+
export { r as t };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brosco/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.26",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist"
|
|
@@ -15,11 +15,13 @@
|
|
|
15
15
|
"scripts": {
|
|
16
16
|
"dev": "vite",
|
|
17
17
|
"build": "vite build && vite build --config vite.css.config.ts && tsc -p tsconfig.build.json",
|
|
18
|
-
"lint": "eslint
|
|
18
|
+
"lint": "eslint --fix",
|
|
19
19
|
"preview": "vite preview",
|
|
20
20
|
"format": "prettier --write \"**/*.{js,ts,jsx,tsx,md,mdx,mjs,css,json}\"",
|
|
21
21
|
"release": "npm publish --access public",
|
|
22
|
-
"clear": "rimraf dist"
|
|
22
|
+
"clear": "rimraf dist",
|
|
23
|
+
"tsc": "tsc --noEmit",
|
|
24
|
+
"prepare": "husky"
|
|
23
25
|
},
|
|
24
26
|
"peerDependencies": {
|
|
25
27
|
"@base-ui/react": "^1.8.0",
|
|
@@ -37,7 +39,7 @@
|
|
|
37
39
|
"eslint-plugin-react-hooks": "^7.1.1",
|
|
38
40
|
"eslint-plugin-react-refresh": "^0.5.6",
|
|
39
41
|
"globals": "^17.12.0",
|
|
40
|
-
"
|
|
42
|
+
"husky": "^9.1.7",
|
|
41
43
|
"prettier": "^3.9.6",
|
|
42
44
|
"prettier-plugin-classnames": "^0.10.4",
|
|
43
45
|
"prettier-plugin-merge": "^0.10.1",
|
|
File without changes
|