@opensite/ui 2.1.9 → 2.2.1

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 (29) hide show
  1. package/dist/about-network-spotlight.cjs +84 -14
  2. package/dist/about-network-spotlight.d.cts +5 -1
  3. package/dist/about-network-spotlight.d.ts +5 -1
  4. package/dist/about-network-spotlight.js +84 -14
  5. package/dist/contact-card.cjs +170 -193
  6. package/dist/contact-card.d.cts +33 -69
  7. package/dist/contact-card.d.ts +33 -69
  8. package/dist/contact-card.js +171 -194
  9. package/dist/contact-dark-VpMwwNkH.d.cts +152 -0
  10. package/dist/contact-dark-tweUQnN1.d.ts +152 -0
  11. package/dist/contact-dark.cjs +109 -171
  12. package/dist/contact-dark.d.cts +5 -237
  13. package/dist/contact-dark.d.ts +5 -237
  14. package/dist/contact-dark.js +110 -172
  15. package/dist/contact-emergency.cjs +107 -213
  16. package/dist/contact-emergency.d.cts +6 -52
  17. package/dist/contact-emergency.d.ts +6 -52
  18. package/dist/contact-emergency.js +109 -215
  19. package/dist/contact-faq.cjs +1 -1
  20. package/dist/contact-faq.js +1 -1
  21. package/dist/contact-image.cjs +175 -627
  22. package/dist/contact-image.d.cts +104 -59
  23. package/dist/contact-image.d.ts +104 -59
  24. package/dist/contact-image.js +176 -628
  25. package/dist/registry.cjs +2400 -2533
  26. package/dist/registry.js +1159 -1292
  27. package/dist/team-social-grid.cjs +40 -82
  28. package/dist/team-social-grid.js +40 -82
  29. package/package.json +1 -1
package/dist/team-social-grid.cjs CHANGED
@@ -34,32 +34,6 @@ var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive)
34
34
  function cn(...inputs) {
35
35
  return tailwindMerge.twMerge(clsx.clsx(inputs));
36
36
  }
37
- function getTextColor(parentBg, variant = "default", options) {
38
- const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
39
- if (isDark) {
40
- switch (variant) {
41
- case "default":
42
- return "text-foreground";
43
- case "muted":
44
- return "text-foreground/80";
45
- case "subtle":
46
- return "text-foreground/60";
47
- case "accent":
48
- return "text-accent-foreground";
49
- }
50
- } else {
51
- switch (variant) {
52
- case "default":
53
- return "text-foreground";
54
- case "muted":
55
- return "text-muted-foreground";
56
- case "subtle":
57
- return "text-muted-foreground/70";
58
- case "accent":
59
- return "text-primary";
60
- }
61
- }
62
- }
63
37
  var maxWidthStyles = {
64
38
  sm: "max-w-screen-sm",
65
39
  md: "max-w-screen-md",
@@ -944,61 +918,49 @@ function TeamSocialGrid({
944
918
  }
945
919
  ),
946
920
  /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-center font-medium", memberNameClassName), children: member.name }),
947
- /* @__PURE__ */ jsxRuntime.jsx(
948
- "p",
949
- {
950
- className: cn(
951
- "text-center",
952
- getTextColor(background, "muted"),
953
- memberRoleClassName
954
- ),
955
- children: member.role
956
- }
957
- ),
958
- member.social && /* @__PURE__ */ jsxRuntime.jsxs(
959
- "div",
960
- {
961
- className: cn(
962
- "mt-2 flex gap-2",
963
- getTextColor(background, "muted"),
964
- socialLinksClassName
965
- ),
966
- children: [
967
- member.social.github && /* @__PURE__ */ jsxRuntime.jsx(
968
- Pressable,
969
- {
970
- href: member.social.github,
971
- className: "transition-colors",
972
- "aria-label": `${member.name}'s GitHub`,
973
- children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/github", size: 20 })
974
- }
975
- ),
976
- member.social.twitter && /* @__PURE__ */ jsxRuntime.jsx(
977
- Pressable,
978
- {
979
- href: member.social.twitter,
980
- className: "transition-colors",
981
- "aria-label": `${member.name}'s Twitter`,
982
- children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/twitter", size: 20 })
983
- }
984
- ),
985
- member.social.linkedin && /* @__PURE__ */ jsxRuntime.jsx(
986
- Pressable,
987
- {
988
- href: member.social.linkedin,
989
- className: "transition-colors",
990
- "aria-label": `${member.name}'s LinkedIn`,
991
- children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/linkedin", size: 20 })
992
- }
993
- )
994
- ]
995
- }
996
- )
921
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-center", memberRoleClassName), children: member.role }),
922
+ member.social && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-2 flex gap-2", socialLinksClassName), children: [
923
+ member.social.github && /* @__PURE__ */ jsxRuntime.jsx(
924
+ Pressable,
925
+ {
926
+ href: member.social.github,
927
+ className: "transition-colors",
928
+ "aria-label": `${member.name}'s GitHub`,
929
+ children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/github", size: 20 })
930
+ }
931
+ ),
932
+ member.social.twitter && /* @__PURE__ */ jsxRuntime.jsx(
933
+ Pressable,
934
+ {
935
+ href: member.social.twitter,
936
+ className: "transition-colors",
937
+ "aria-label": `${member.name}'s Twitter`,
938
+ children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/twitter", size: 20 })
939
+ }
940
+ ),
941
+ member.social.linkedin && /* @__PURE__ */ jsxRuntime.jsx(
942
+ Pressable,
943
+ {
944
+ href: member.social.linkedin,
945
+ className: "transition-colors",
946
+ "aria-label": `${member.name}'s LinkedIn`,
947
+ children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/linkedin", size: 20 })
948
+ }
949
+ )
950
+ ] })
997
951
  ]
998
952
  },
999
953
  member.id
1000
954
  ));
1001
- }, [membersSlot, members, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, socialLinksClassName]);
955
+ }, [
956
+ membersSlot,
957
+ members,
958
+ memberCardClassName,
959
+ avatarClassName,
960
+ memberNameClassName,
961
+ memberRoleClassName,
962
+ socialLinksClassName
963
+ ]);
1002
964
  return /* @__PURE__ */ jsxRuntime.jsxs(
1003
965
  Section,
1004
966
  {
@@ -1029,11 +991,7 @@ function TeamSocialGrid({
1029
991
  description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1030
992
  "p",
1031
993
  {
1032
- className: cn(
1033
- "mb-8 max-w-3xl lg:text-xl",
1034
- getTextColor(background, "muted"),
1035
- descriptionClassName
1036
- ),
994
+ className: cn("mb-8 max-w-3xl lg:text-xl", descriptionClassName),
1037
995
  children: description
1038
996
  }
1039
997
  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
package/dist/team-social-grid.js CHANGED
@@ -12,32 +12,6 @@ import { cva } from 'class-variance-authority';
12
12
  function cn(...inputs) {
13
13
  return twMerge(clsx(inputs));
14
14
  }
15
- function getTextColor(parentBg, variant = "default", options) {
16
- const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
17
- if (isDark) {
18
- switch (variant) {
19
- case "default":
20
- return "text-foreground";
21
- case "muted":
22
- return "text-foreground/80";
23
- case "subtle":
24
- return "text-foreground/60";
25
- case "accent":
26
- return "text-accent-foreground";
27
- }
28
- } else {
29
- switch (variant) {
30
- case "default":
31
- return "text-foreground";
32
- case "muted":
33
- return "text-muted-foreground";
34
- case "subtle":
35
- return "text-muted-foreground/70";
36
- case "accent":
37
- return "text-primary";
38
- }
39
- }
40
- }
41
15
  var maxWidthStyles = {
42
16
  sm: "max-w-screen-sm",
43
17
  md: "max-w-screen-md",
@@ -922,61 +896,49 @@ function TeamSocialGrid({
922
896
  }
923
897
  ),
924
898
  /* @__PURE__ */ jsx("p", { className: cn("text-center font-medium", memberNameClassName), children: member.name }),
925
- /* @__PURE__ */ jsx(
926
- "p",
927
- {
928
- className: cn(
929
- "text-center",
930
- getTextColor(background, "muted"),
931
- memberRoleClassName
932
- ),
933
- children: member.role
934
- }
935
- ),
936
- member.social && /* @__PURE__ */ jsxs(
937
- "div",
938
- {
939
- className: cn(
940
- "mt-2 flex gap-2",
941
- getTextColor(background, "muted"),
942
- socialLinksClassName
943
- ),
944
- children: [
945
- member.social.github && /* @__PURE__ */ jsx(
946
- Pressable,
947
- {
948
- href: member.social.github,
949
- className: "transition-colors",
950
- "aria-label": `${member.name}'s GitHub`,
951
- children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/github", size: 20 })
952
- }
953
- ),
954
- member.social.twitter && /* @__PURE__ */ jsx(
955
- Pressable,
956
- {
957
- href: member.social.twitter,
958
- className: "transition-colors",
959
- "aria-label": `${member.name}'s Twitter`,
960
- children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/twitter", size: 20 })
961
- }
962
- ),
963
- member.social.linkedin && /* @__PURE__ */ jsx(
964
- Pressable,
965
- {
966
- href: member.social.linkedin,
967
- className: "transition-colors",
968
- "aria-label": `${member.name}'s LinkedIn`,
969
- children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/linkedin", size: 20 })
970
- }
971
- )
972
- ]
973
- }
974
- )
899
+ /* @__PURE__ */ jsx("p", { className: cn("text-center", memberRoleClassName), children: member.role }),
900
+ member.social && /* @__PURE__ */ jsxs("div", { className: cn("mt-2 flex gap-2", socialLinksClassName), children: [
901
+ member.social.github && /* @__PURE__ */ jsx(
902
+ Pressable,
903
+ {
904
+ href: member.social.github,
905
+ className: "transition-colors",
906
+ "aria-label": `${member.name}'s GitHub`,
907
+ children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/github", size: 20 })
908
+ }
909
+ ),
910
+ member.social.twitter && /* @__PURE__ */ jsx(
911
+ Pressable,
912
+ {
913
+ href: member.social.twitter,
914
+ className: "transition-colors",
915
+ "aria-label": `${member.name}'s Twitter`,
916
+ children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/twitter", size: 20 })
917
+ }
918
+ ),
919
+ member.social.linkedin && /* @__PURE__ */ jsx(
920
+ Pressable,
921
+ {
922
+ href: member.social.linkedin,
923
+ className: "transition-colors",
924
+ "aria-label": `${member.name}'s LinkedIn`,
925
+ children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/linkedin", size: 20 })
926
+ }
927
+ )
928
+ ] })
975
929
  ]
976
930
  },
977
931
  member.id
978
932
  ));
979
- }, [membersSlot, members, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, socialLinksClassName]);
933
+ }, [
934
+ membersSlot,
935
+ members,
936
+ memberCardClassName,
937
+ avatarClassName,
938
+ memberNameClassName,
939
+ memberRoleClassName,
940
+ socialLinksClassName
941
+ ]);
980
942
  return /* @__PURE__ */ jsxs(
981
943
  Section,
982
944
  {
@@ -1007,11 +969,7 @@ function TeamSocialGrid({
1007
969
  description && (typeof description === "string" ? /* @__PURE__ */ jsx(
1008
970
  "p",
1009
971
  {
1010
- className: cn(
1011
- "mb-8 max-w-3xl lg:text-xl",
1012
- getTextColor(background, "muted"),
1013
- descriptionClassName
1014
- ),
972
+ className: cn("mb-8 max-w-3xl lg:text-xl", descriptionClassName),
1015
973
  children: description
1016
974
  }
1017
975
  ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "2.1.9",
3
+ "version": "2.2.1",
4
4
  "description": "Foundational UI component library for OpenSite Semantic Site Builder with tree-shakable exports and abstract styling",
5
5
  "keywords": [
6
6
  "react",