@bccampus/ui-components 0.1.0 → 0.2.0
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/banner.d.ts +16 -0
- package/dist/banner.js +42 -0
- package/dist/button.d.ts +5 -4
- package/dist/button.js +20 -14
- package/dist/caption.js +9 -8
- package/dist/card.d.ts +15 -9
- package/dist/card.js +62 -84
- package/dist/createLucideIcon-CzehbSja.js +94 -0
- package/dist/horizontal-list.d.ts +9 -2
- package/dist/horizontal-list.js +47 -115
- package/dist/icon-generator.d.ts +2 -1
- package/dist/icon-generator.js +180 -147
- package/dist/index-CQhYMnjT.js +34 -0
- package/dist/index-DlfV3JTY.js +70 -0
- package/dist/input.d.ts +7 -0
- package/dist/input.js +18 -0
- package/dist/masked-image-generator.d.ts +1 -0
- package/dist/overlay.d.ts +13 -0
- package/dist/overlay.js +27 -0
- package/dist/page-header.d.ts +5 -0
- package/dist/page-header.js +943 -0
- package/dist/page-section.d.ts +14 -0
- package/dist/page-section.js +31 -0
- package/dist/page.d.ts +7 -0
- package/dist/page.js +8 -0
- package/dist/search-input.d.ts +7 -0
- package/dist/search-input.js +23 -0
- package/dist/tag.d.ts +2 -2
- package/dist/tag.js +10 -9
- package/dist/ui-components.d.ts +84 -29
- package/dist/ui-components.js +42 -27
- package/package.json +44 -15
- package/src/assets/images/image_06.jpg +0 -0
- package/src/components/ui/banner.tsx +48 -0
- package/src/components/ui/button.tsx +52 -47
- package/src/components/ui/card.tsx +131 -147
- package/src/components/ui/horizontal-list.tsx +75 -50
- package/src/components/ui/icon-generator/generate-tiles.tsx +243 -243
- package/src/components/ui/icon-generator/icon-generator.tsx +84 -51
- package/src/components/ui/icon-generator/masked-image-generator.tsx +38 -38
- package/src/components/ui/icon-generator/types.ts +53 -52
- package/src/components/ui/index.ts +11 -4
- package/src/components/ui/input.tsx +17 -0
- package/src/components/ui/overlay.tsx +29 -0
- package/src/components/ui/page-header.tsx +16 -0
- package/src/components/ui/page-section.tsx +33 -0
- package/src/components/ui/page.tsx +9 -0
- package/src/components/ui/search-input.tsx +16 -0
- package/src/components/ui/tag.tsx +39 -39
- package/src/components/ui/typography/caption.tsx +32 -32
- package/src/styles/all.css +4 -4
- package/src/styles/colors.css +9 -10
- package/src/styles/index.css +7 -7
- package/src/styles/theme.css +56 -2
- package/src/styles/typography.css +480 -479
- package/tsconfig.app.json +37 -37
- package/vite.config.ts +51 -44
- package/dist/@bccampus-ui-components-0.1.0.tgz +0 -0
- package/dist/index-DcqAdr0d.js +0 -102
- package/dist/mockServiceWorker.js +0 -348
- package/public/mockServiceWorker.js +0 -348
- package/src/assets/images/bg_pattern_01.png +0 -0
- package/src/assets/images/bg_pattern_02.png +0 -0
- package/src/assets/images/bg_pattern_03.png +0 -0
- package/src/assets/images/bg_pattern_04.png +0 -0
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { a as O } from "./utils-CRiPKpXj.js";
|
|
2
|
+
const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
|
|
3
|
+
var u;
|
|
4
|
+
if (l?.variants == null) return y(e, n?.class, n?.className);
|
|
5
|
+
const { variants: r, defaultVariants: d } = l, V = Object.keys(r).map((t) => {
|
|
6
|
+
const a = n?.[t], s = d?.[t];
|
|
7
|
+
if (a === null) return null;
|
|
8
|
+
const i = m(a) || m(s);
|
|
9
|
+
return r[t][i];
|
|
10
|
+
}), v = n && Object.entries(n).reduce((t, a) => {
|
|
11
|
+
let [s, i] = a;
|
|
12
|
+
return i === void 0 || (t[s] = i), t;
|
|
13
|
+
}, {}), N = l == null || (u = l.compoundVariants) === null || u === void 0 ? void 0 : u.reduce((t, a) => {
|
|
14
|
+
let { class: s, className: i, ...f } = a;
|
|
15
|
+
return Object.entries(f).every((C) => {
|
|
16
|
+
let [c, o] = C;
|
|
17
|
+
return Array.isArray(o) ? o.includes({
|
|
18
|
+
...d,
|
|
19
|
+
...v
|
|
20
|
+
}[c]) : {
|
|
21
|
+
...d,
|
|
22
|
+
...v
|
|
23
|
+
}[c] === o;
|
|
24
|
+
}) ? [
|
|
25
|
+
...t,
|
|
26
|
+
s,
|
|
27
|
+
i
|
|
28
|
+
] : t;
|
|
29
|
+
}, []);
|
|
30
|
+
return y(e, V, N, n?.class, n?.className);
|
|
31
|
+
};
|
|
32
|
+
export {
|
|
33
|
+
j as c
|
|
34
|
+
};
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import * as i from "react";
|
|
2
|
+
import { j as p } from "./jsx-runtime-BzflLqGi.js";
|
|
3
|
+
function d(n, t) {
|
|
4
|
+
if (typeof n == "function")
|
|
5
|
+
return n(t);
|
|
6
|
+
n != null && (n.current = t);
|
|
7
|
+
}
|
|
8
|
+
function m(...n) {
|
|
9
|
+
return (t) => {
|
|
10
|
+
let r = !1;
|
|
11
|
+
const o = n.map((e) => {
|
|
12
|
+
const l = d(e, t);
|
|
13
|
+
return !r && typeof l == "function" && (r = !0), l;
|
|
14
|
+
});
|
|
15
|
+
if (r)
|
|
16
|
+
return () => {
|
|
17
|
+
for (let e = 0; e < o.length; e++) {
|
|
18
|
+
const l = o[e];
|
|
19
|
+
typeof l == "function" ? l() : d(n[e], null);
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
// @__NO_SIDE_EFFECTS__
|
|
25
|
+
function S(n) {
|
|
26
|
+
const t = /* @__PURE__ */ g(n), r = i.forwardRef((o, e) => {
|
|
27
|
+
const { children: l, ...c } = o, s = i.Children.toArray(l), a = s.find(C);
|
|
28
|
+
if (a) {
|
|
29
|
+
const u = a.props.children, y = s.map((f) => f === a ? i.Children.count(u) > 1 ? i.Children.only(null) : i.isValidElement(u) ? u.props.children : null : f);
|
|
30
|
+
return /* @__PURE__ */ p.jsx(t, { ...c, ref: e, children: i.isValidElement(u) ? i.cloneElement(u, void 0, y) : null });
|
|
31
|
+
}
|
|
32
|
+
return /* @__PURE__ */ p.jsx(t, { ...c, ref: e, children: l });
|
|
33
|
+
});
|
|
34
|
+
return r.displayName = `${n}.Slot`, r;
|
|
35
|
+
}
|
|
36
|
+
var j = /* @__PURE__ */ S("Slot");
|
|
37
|
+
// @__NO_SIDE_EFFECTS__
|
|
38
|
+
function g(n) {
|
|
39
|
+
const t = i.forwardRef((r, o) => {
|
|
40
|
+
const { children: e, ...l } = r;
|
|
41
|
+
if (i.isValidElement(e)) {
|
|
42
|
+
const c = h(e), s = R(l, e.props);
|
|
43
|
+
return e.type !== i.Fragment && (s.ref = o ? m(o, c) : c), i.cloneElement(e, s);
|
|
44
|
+
}
|
|
45
|
+
return i.Children.count(e) > 1 ? i.Children.only(null) : null;
|
|
46
|
+
});
|
|
47
|
+
return t.displayName = `${n}.SlotClone`, t;
|
|
48
|
+
}
|
|
49
|
+
var E = Symbol("radix.slottable");
|
|
50
|
+
function C(n) {
|
|
51
|
+
return i.isValidElement(n) && typeof n.type == "function" && "__radixId" in n.type && n.type.__radixId === E;
|
|
52
|
+
}
|
|
53
|
+
function R(n, t) {
|
|
54
|
+
const r = { ...t };
|
|
55
|
+
for (const o in t) {
|
|
56
|
+
const e = n[o], l = t[o];
|
|
57
|
+
/^on[A-Z]/.test(o) ? e && l ? r[o] = (...s) => {
|
|
58
|
+
const a = l(...s);
|
|
59
|
+
return e(...s), a;
|
|
60
|
+
} : e && (r[o] = e) : o === "style" ? r[o] = { ...e, ...l } : o === "className" && (r[o] = [e, l].filter(Boolean).join(" "));
|
|
61
|
+
}
|
|
62
|
+
return { ...n, ...r };
|
|
63
|
+
}
|
|
64
|
+
function h(n) {
|
|
65
|
+
let t = Object.getOwnPropertyDescriptor(n.props, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning;
|
|
66
|
+
return r ? n.ref : (t = Object.getOwnPropertyDescriptor(n, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? n.props.ref : n.props.ref || n.ref);
|
|
67
|
+
}
|
|
68
|
+
export {
|
|
69
|
+
j as S
|
|
70
|
+
};
|
package/dist/input.d.ts
ADDED
package/dist/input.js
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { j as n } from "./jsx-runtime-BzflLqGi.js";
|
|
2
|
+
import { c as i } from "./utils-CRiPKpXj.js";
|
|
3
|
+
function t({ className: r, ...e }) {
|
|
4
|
+
return /* @__PURE__ */ n.jsx(
|
|
5
|
+
"input",
|
|
6
|
+
{
|
|
7
|
+
className: i(
|
|
8
|
+
"w-full p-2 pr-8 text-brand-1 placeholder:text-brand-1 rounded-sm bg-complement-1-50 outline-none focus-visible:border-ring focus-visible:ring-ring focus-visible:ring-2",
|
|
9
|
+
r
|
|
10
|
+
),
|
|
11
|
+
name: "search",
|
|
12
|
+
...e
|
|
13
|
+
}
|
|
14
|
+
);
|
|
15
|
+
}
|
|
16
|
+
export {
|
|
17
|
+
t as Input
|
|
18
|
+
};
|
|
@@ -6,6 +6,7 @@ declare interface IconGeneratorProps extends Omit<React.ComponentProps<"svg">, "
|
|
|
6
6
|
tileSize?: number;
|
|
7
7
|
tileClassName?: string;
|
|
8
8
|
tileBgClassName?: string;
|
|
9
|
+
fit?: "none" | "fill" | "width" | "height";
|
|
9
10
|
renderChildren?: (paths: (JSX.Element | null)[], width: number, height: number) => React.ReactNode;
|
|
10
11
|
}
|
|
11
12
|
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ClassProp } from 'class-variance-authority/types';
|
|
2
|
+
import { JSX } from 'react/jsx-runtime';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
|
|
5
|
+
export declare function Overlay({ className, position, ...props }: OverlayProps): JSX.Element;
|
|
6
|
+
|
|
7
|
+
export declare type OverlayProps = React.ComponentProps<"div"> & VariantProps<typeof overlayVariants>;
|
|
8
|
+
|
|
9
|
+
declare const overlayVariants: (props?: ({
|
|
10
|
+
position?: "b" | "br" | "tr" | "r" | "t" | "l" | "tl" | "bl" | "c" | null | undefined;
|
|
11
|
+
} & ClassProp) | undefined) => string;
|
|
12
|
+
|
|
13
|
+
export { }
|
package/dist/overlay.js
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { j as a } from "./jsx-runtime-BzflLqGi.js";
|
|
2
|
+
import { c as e } from "./utils-CRiPKpXj.js";
|
|
3
|
+
import { c as n } from "./index-CQhYMnjT.js";
|
|
4
|
+
const i = n("absolute w-fit h-fit z-1 overflow-hidden p-0.25", {
|
|
5
|
+
variants: {
|
|
6
|
+
position: {
|
|
7
|
+
t: "top-0 left-1/2 -translate-x-1/2",
|
|
8
|
+
b: "bottom-0 left-1/2 -translate-x-1/2",
|
|
9
|
+
l: "top-1/2 left-0 -translate-y-1/2",
|
|
10
|
+
r: "top-1/2 right-0 -translate-y-1/2",
|
|
11
|
+
tl: "top-0 left-0 rounded-tl-container",
|
|
12
|
+
tr: "top-0 right-0 rounded-tr-container",
|
|
13
|
+
bl: "bottom-0 left-0 rounded-bl-container",
|
|
14
|
+
br: "bottom-0 right-0 rounded-br-container",
|
|
15
|
+
c: "top-1/2 left-1/2 -translate-1/2"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
defaultVariants: {
|
|
19
|
+
position: "br"
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
function p({ className: t, position: o, ...r }) {
|
|
23
|
+
return /* @__PURE__ */ a.jsx("div", { className: e(i({ position: o }), t), ...r });
|
|
24
|
+
}
|
|
25
|
+
export {
|
|
26
|
+
p as Overlay
|
|
27
|
+
};
|