@bccampus/ui-components 0.5.5 → 0.5.6

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.
Files changed (7) hide show
  1. package/dist/components/ui/card.js +3 -3
  2. package/dist/components/ui/overlay.d.ts +2 -1
  3. package/dist/components/ui/overlay.js +56 -4
  4. package/package.json +1 -1
  5. package/src/components/ui/card.tsx +3 -3
  6. package/src/components/ui/overlay.tsx +55 -3
  7. package/src/styles/typography.css +20 -5
package/dist/components/ui/card.js CHANGED
@@ -62,9 +62,9 @@ function CardSubtitle({ size = "md", className, ...props }) {
62
62
  className: cn(
63
63
  "text-secondary",
64
64
  {
65
- "heading-1": size === "lg",
66
- "heading-2": size === "md",
67
- "heading-3": size === "sm"
65
+ "heading-2": size === "lg",
66
+ "heading-3": size === "md",
67
+ "text-base": size === "sm"
68
68
  },
69
69
  className
70
70
  ),
package/dist/components/ui/overlay.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  import { VariantProps } from 'class-variance-authority';
2
2
  declare const overlayVariants: (props?: ({
3
3
  position?: "b" | "br" | "tr" | "r" | "t" | "l" | "tl" | "bl" | "c" | null | undefined;
4
+ rounded?: boolean | null | undefined;
4
5
  } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
5
6
  export type OverlayProps = React.ComponentProps<"div"> & VariantProps<typeof overlayVariants>;
6
- declare function Overlay({ className, position, ...props }: OverlayProps): import("react").JSX.Element;
7
+ declare function Overlay({ className, position, rounded, ...props }: OverlayProps): import("react").JSX.Element;
7
8
  export { Overlay };
package/dist/components/ui/overlay.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { c as cn } from "../../_chunks/utils.js";
3
3
  import { c as cva } from "../../_chunks/index2.js";
4
- const overlayVariants = cva("absolute w-fit h-fit z-1 overflow-hidden p-0.25", {
4
+ const overlayVariants = cva("absolute w-fit h-fit z-1 overflow-hidden p-0", {
5
5
  variants: {
6
6
  position: {
7
7
  t: "top-0 left-1/2 -translate-x-1/2",
@@ -13,14 +13,66 @@ const overlayVariants = cva("absolute w-fit h-fit z-1 overflow-hidden p-0.25", {
13
13
  bl: "bottom-0 left-0",
14
14
  br: "bottom-0 right-0",
15
15
  c: "top-1/2 left-1/2 -translate-1/2"
16
+ },
17
+ rounded: {
18
+ true: null,
19
+ false: null
16
20
  }
17
21
  },
22
+ compoundVariants: [
23
+ {
24
+ position: "tl",
25
+ rounded: true,
26
+ className: "rounded-tl-lg"
27
+ },
28
+ {
29
+ position: "tr",
30
+ rounded: true,
31
+ className: "rounded-tr-lg"
32
+ },
33
+ {
34
+ position: "bl",
35
+ rounded: true,
36
+ className: "rounded-bl-lg"
37
+ },
38
+ {
39
+ position: "br",
40
+ rounded: true,
41
+ className: "rounded-br-lg"
42
+ },
43
+ {
44
+ position: "t",
45
+ rounded: true,
46
+ className: "rounded-b-lg"
47
+ },
48
+ {
49
+ position: "b",
50
+ rounded: true,
51
+ className: "rounded-t-lg"
52
+ },
53
+ {
54
+ position: "l",
55
+ rounded: true,
56
+ className: "rounded-r-lg"
57
+ },
58
+ {
59
+ position: "r",
60
+ rounded: true,
61
+ className: "rounded-l-lg"
62
+ },
63
+ {
64
+ position: "c",
65
+ rounded: true,
66
+ className: "rounded-lg"
67
+ }
68
+ ],
18
69
  defaultVariants: {
19
- position: "br"
70
+ position: "br",
71
+ rounded: false
20
72
  }
21
73
  });
22
- function Overlay({ className, position, ...props }) {
23
- return /* @__PURE__ */ jsx("div", { className: cn(overlayVariants({ position }), className), ...props });
74
+ function Overlay({ className, position, rounded, ...props }) {
75
+ return /* @__PURE__ */ jsx("div", { className: cn(overlayVariants({ position, rounded }), className), ...props });
24
76
  }
25
77
  export {
26
78
  Overlay
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bccampus/ui-components",
3
- "version": "0.5.5",
3
+ "version": "0.5.6",
4
4
  "type": "module",
5
5
  "packageManager": "yarn@4.10.3",
6
6
  "exports": {
package/src/components/ui/card.tsx CHANGED
@@ -72,9 +72,9 @@ function CardSubtitle({ size = "md", className, ...props }: CardTitleProps) {
72
72
  className={cn(
73
73
  "text-secondary",
74
74
  {
75
- "heading-1": size === "lg",
76
- "heading-2": size === "md",
77
- "heading-3": size === "sm",
75
+ "heading-2": size === "lg",
76
+ "heading-3": size === "md",
77
+ "text-base": size === "sm",
78
78
  },
79
79
  className
80
80
  )}
package/src/components/ui/overlay.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import { cn } from "@/lib/utils";
2
2
  import { cva, type VariantProps } from "class-variance-authority";
3
3
 
4
- const overlayVariants = cva("absolute w-fit h-fit z-1 overflow-hidden p-0.25", {
4
+ const overlayVariants = cva("absolute w-fit h-fit z-1 overflow-hidden p-0", {
5
5
  variants: {
6
6
  position: {
7
7
  t: "top-0 left-1/2 -translate-x-1/2",
@@ -14,16 +14,68 @@ const overlayVariants = cva("absolute w-fit h-fit z-1 overflow-hidden p-0.25", {
14
14
  br: "bottom-0 right-0",
15
15
  c: "top-1/2 left-1/2 -translate-1/2",
16
16
  },
17
+ rounded: {
18
+ true: null,
19
+ false: null,
20
+ },
17
21
  },
22
+ compoundVariants: [
23
+ {
24
+ position: "tl",
25
+ rounded: true,
26
+ className: "rounded-tl-lg",
27
+ },
28
+ {
29
+ position: "tr",
30
+ rounded: true,
31
+ className: "rounded-tr-lg",
32
+ },
33
+ {
34
+ position: "bl",
35
+ rounded: true,
36
+ className: "rounded-bl-lg",
37
+ },
38
+ {
39
+ position: "br",
40
+ rounded: true,
41
+ className: "rounded-br-lg",
42
+ },
43
+ {
44
+ position: "t",
45
+ rounded: true,
46
+ className: "rounded-b-lg",
47
+ },
48
+ {
49
+ position: "b",
50
+ rounded: true,
51
+ className: "rounded-t-lg",
52
+ },
53
+ {
54
+ position: "l",
55
+ rounded: true,
56
+ className: "rounded-r-lg",
57
+ },
58
+ {
59
+ position: "r",
60
+ rounded: true,
61
+ className: "rounded-l-lg",
62
+ },
63
+ {
64
+ position: "c",
65
+ rounded: true,
66
+ className: "rounded-lg",
67
+ },
68
+ ],
18
69
  defaultVariants: {
19
70
  position: "br",
71
+ rounded: false,
20
72
  },
21
73
  });
22
74
 
23
75
  export type OverlayProps = React.ComponentProps<"div"> & VariantProps<typeof overlayVariants>;
24
76
 
25
- function Overlay({ className, position, ...props }: OverlayProps) {
26
- return <div className={cn(overlayVariants({ position }), className)} {...props} />;
77
+ function Overlay({ className, position, rounded, ...props }: OverlayProps) {
78
+ return <div className={cn(overlayVariants({ position, rounded }), className)} {...props} />;
27
79
  }
28
80
 
29
81
  export { Overlay };
package/src/styles/typography.css CHANGED
@@ -13,7 +13,7 @@
13
13
  color: var(--primary);
14
14
  text-wrap: balance;
15
15
  letter-spacing: var(--tracking-tight);
16
- font-weight: var(--font-weight-medium);
16
+ font-weight: var(--font-weight-normal);
17
17
  --tw-tracking: var(--tracking-tight);
18
18
  line-height: 1.125em;
19
19
  }
@@ -21,21 +21,36 @@
21
21
  h1,
22
22
  .heading-1 {
23
23
  font-size: calc(var(--text-base) * 2.5);
24
- font-weight: var(--font-weight-semibold);
25
24
 
26
- @media (width >= 64rem) {
25
+ @variant lg {
27
26
  font-size: calc(var(--text-base) * 5);
28
27
  }
29
28
  }
30
29
 
31
30
  h2,
32
31
  .heading-2 {
33
- font-size: calc(var(--text-base) * 2);
32
+ font-size: calc(var(--text-base) * 1.875);
33
+ font-weight: var(--font-weight-semibold);
34
+ }
35
+
36
+ h2.big,
37
+ .heading-2.big {
38
+ font-size: calc(var(--text-base) * 1.875);
39
+ font-weight: var(--font-weight-semibold);
40
+
41
+ @variant lg {
42
+ font-size: calc(var(--text-base) * 4.75);
43
+ }
34
44
  }
35
45
 
36
46
  h3,
37
47
  .heading-3 {
38
- font-size: calc(var(--text-base) * 1.5);
48
+ font-size: calc(var(--text-base) * 1.25);
49
+ font-weight: var(--font-weight-medium);
50
+
51
+ @variant lg {
52
+ font-size: calc(var(--text-base) * 1.5);
53
+ }
39
54
  }
40
55
 
41
56
  p {