@brosco/ui 0.0.24 → 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.css +2 -0
- package/dist/button/button.d.ts +3 -2
- package/dist/button/button.types.d.ts +2 -8
- package/dist/button/index.d.ts +1 -1
- package/dist/button/index.js +10 -2
- package/dist/index.js +3 -3
- package/dist/spinner/index.js +2 -17
- package/dist/{button/button-D4ZNioAF.css → spinner/spinner.css} +1 -1
- package/dist/spinner/spinner.js +16 -0
- package/dist/styles.css +1 -1
- package/package.json +6 -4
- package/dist/button/button-Cgz8SZfV.js +0 -13
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}.button--base{box-sizing:border-box;appearance:none;border-style:var(--tw-border-style);color:inherit;font:inherit;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));-webkit-user-select:none;user-select:none;background-color:#0000;border-width:0;margin:0;padding:0;display:inline-flex}.button--base:focus-visible{--tw-outline-style:none;outline-style:none}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}
|
package/dist/button/button.d.ts
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
import type { ButtonProps } from "./button.types";
|
|
2
|
-
|
|
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,2 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
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, {
|
|
5
|
+
className: "button--base",
|
|
6
|
+
...a,
|
|
7
|
+
children: [i, /* @__PURE__ */ t("span", { children: r })]
|
|
8
|
+
});
|
|
9
|
+
//#endregion
|
|
10
|
+
export { r as Button };
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t } from "./
|
|
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 };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
-
|
|
2
|
+
._wrapper_1w0n3_2{background-color:green}
|
|
@@ -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/dist/styles.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
-
|
|
2
|
+
:root,:host{--color-red-500:oklch(63.7% .237 25.331);--color-green-600:oklch(62.7% .194 149.214);--color-blue-500:oklch(62.3% .214 259.815);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-900:oklch(21% .006 285.885);--color-white:#fff;--animate-spin:spin 1s linear infinite}.animate-spin{animation:var(--animate-spin)}:root{--eclipse:var(--color-zinc-900);--background:var(--color-white);--foreground:var(--eclipse);--muted:var(--color-zinc-500);--primary:var(--color-blue-500);--secondary:var(--eclipse);--success:var(--color-green-600);--danger:var(--color-red-500)}@keyframes spin{to{transform:rotate(360deg)}}
|
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",
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Spinner as e } from "../spinner/index.js";
|
|
2
|
-
import { Button as t } from "@base-ui/react";
|
|
3
|
-
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
4
|
-
import './button-D4ZNioAF.css';//#region src/button/button.module.css
|
|
5
|
-
var i = {}, a = ({ children: a, icon: o, isPending: s, isIconOnly: c, ...l }) => /* @__PURE__ */ r(t, {
|
|
6
|
-
className: i.wrapper,
|
|
7
|
-
"data-pending": s,
|
|
8
|
-
"data-icon-only": c,
|
|
9
|
-
...l,
|
|
10
|
-
children: [s ? /* @__PURE__ */ n(e, {}) : o, !c && /* @__PURE__ */ n("span", { children: a })]
|
|
11
|
-
});
|
|
12
|
-
//#endregion
|
|
13
|
-
export { a as t };
|