@opensite/ui 2.5.8 → 2.6.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.
@@ -709,7 +709,10 @@ function ContactCareers({
709
709
  {
710
710
  value: job.id,
711
711
  className: cn(
712
- "rounded-xl border border-border/60 px-5 shadow-sm transition-shadow hover:shadow-md data-[state=open]:shadow-md",
712
+ "rounded-xl border border-border/60",
713
+ "px-5 shadow-sm transition-all hover:shadow-md",
714
+ "data-[state=open]:shadow-md",
715
+ "data-[state=open]:bg-card data-[state=open]:text-card-foreground",
713
716
  accordionItemClassName
714
717
  ),
715
718
  children: [
@@ -717,7 +720,10 @@ function ContactCareers({
717
720
  AccordionTrigger,
718
721
  {
719
722
  className: cn(
720
- "py-4 font-medium transition-opacity hover:no-underline hover:opacity-70 lg:text-lg [&[data-state=open]>svg]:rotate-180",
723
+ "py-4 font-medium transition-opacity",
724
+ "hover:no-underline hover:opacity-70 lg:text-lg",
725
+ "[&[data-state=open]>svg]:rotate-180",
726
+ "cursor-pointer",
721
727
  accordionTriggerClassName
722
728
  ),
723
729
  children: job.title
@@ -792,10 +798,10 @@ function ContactCareers({
792
798
  "order-first lg:order-last lg:col-span-2",
793
799
  sidebarClassName
794
800
  ),
795
- children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("lg:sticky lg:top-8", sidebarStickyClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl p-6", children: [
796
- (sidebarTitle || sidebarDescription) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4", children: [
797
- sidebarTitle && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold", children: sidebarTitle }),
798
- sidebarDescription && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm ", children: sidebarDescription })
801
+ children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("lg:sticky lg:top-8", sidebarStickyClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "py-0 px-0 md:px-6", children: [
802
+ (sidebarTitle || sidebarDescription) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 mb-6 md:mb-8", children: [
803
+ sidebarTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base uppercase font-bold opacity-60", children: sidebarTitle }),
804
+ sidebarDescription && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-pretty", children: sidebarDescription })
799
805
  ] }),
800
806
  jobListingsContent
801
807
  ] }) })
@@ -806,14 +812,20 @@ function ContactCareers({
806
812
  formCardTitle && /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: formCardTitle }),
807
813
  formCardDescription && /* @__PURE__ */ jsxRuntime.jsx(CardDescription, { children: formCardDescription })
808
814
  ] }),
809
- /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: cn("p-6", cardContentClassName), children: formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
810
- integration.FormEngine,
815
+ /* @__PURE__ */ jsxRuntime.jsx(
816
+ CardContent,
811
817
  {
812
- formEngineSetup,
813
- defaultFields: DEFAULT_FORM_FIELDS,
814
- defaultStyleRules: DEFAULT_STYLE_RULES
818
+ className: cn("pt-6 md:pt-0 p-6", cardContentClassName),
819
+ children: formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
820
+ integration.FormEngine,
821
+ {
822
+ formEngineSetup,
823
+ defaultFields: DEFAULT_FORM_FIELDS,
824
+ defaultStyleRules: DEFAULT_STYLE_RULES
825
+ }
826
+ ) : null
815
827
  }
816
- ) : null })
828
+ )
817
829
  ] }) })
818
830
  ] })
819
831
  ] })
@@ -687,7 +687,10 @@ function ContactCareers({
687
687
  {
688
688
  value: job.id,
689
689
  className: cn(
690
- "rounded-xl border border-border/60 px-5 shadow-sm transition-shadow hover:shadow-md data-[state=open]:shadow-md",
690
+ "rounded-xl border border-border/60",
691
+ "px-5 shadow-sm transition-all hover:shadow-md",
692
+ "data-[state=open]:shadow-md",
693
+ "data-[state=open]:bg-card data-[state=open]:text-card-foreground",
691
694
  accordionItemClassName
692
695
  ),
693
696
  children: [
@@ -695,7 +698,10 @@ function ContactCareers({
695
698
  AccordionTrigger,
696
699
  {
697
700
  className: cn(
698
- "py-4 font-medium transition-opacity hover:no-underline hover:opacity-70 lg:text-lg [&[data-state=open]>svg]:rotate-180",
701
+ "py-4 font-medium transition-opacity",
702
+ "hover:no-underline hover:opacity-70 lg:text-lg",
703
+ "[&[data-state=open]>svg]:rotate-180",
704
+ "cursor-pointer",
699
705
  accordionTriggerClassName
700
706
  ),
701
707
  children: job.title
@@ -770,10 +776,10 @@ function ContactCareers({
770
776
  "order-first lg:order-last lg:col-span-2",
771
777
  sidebarClassName
772
778
  ),
773
- children: /* @__PURE__ */ jsx("div", { className: cn("lg:sticky lg:top-8", sidebarStickyClassName), children: /* @__PURE__ */ jsxs("div", { className: "rounded-xl p-6", children: [
774
- (sidebarTitle || sidebarDescription) && /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
775
- sidebarTitle && /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: sidebarTitle }),
776
- sidebarDescription && /* @__PURE__ */ jsx("p", { className: "text-sm ", children: sidebarDescription })
779
+ children: /* @__PURE__ */ jsx("div", { className: cn("lg:sticky lg:top-8", sidebarStickyClassName), children: /* @__PURE__ */ jsxs("div", { className: "py-0 px-0 md:px-6", children: [
780
+ (sidebarTitle || sidebarDescription) && /* @__PURE__ */ jsxs("div", { className: "space-y-4 mb-6 md:mb-8", children: [
781
+ sidebarTitle && /* @__PURE__ */ jsx("div", { className: "text-base uppercase font-bold opacity-60", children: sidebarTitle }),
782
+ sidebarDescription && /* @__PURE__ */ jsx("div", { className: "text-sm text-pretty", children: sidebarDescription })
777
783
  ] }),
778
784
  jobListingsContent
779
785
  ] }) })
@@ -784,14 +790,20 @@ function ContactCareers({
784
790
  formCardTitle && /* @__PURE__ */ jsx(CardTitle, { children: formCardTitle }),
785
791
  formCardDescription && /* @__PURE__ */ jsx(CardDescription, { children: formCardDescription })
786
792
  ] }),
787
- /* @__PURE__ */ jsx(CardContent, { className: cn("p-6", cardContentClassName), children: formEngineSetup ? /* @__PURE__ */ jsx(
788
- FormEngine,
793
+ /* @__PURE__ */ jsx(
794
+ CardContent,
789
795
  {
790
- formEngineSetup,
791
- defaultFields: DEFAULT_FORM_FIELDS,
792
- defaultStyleRules: DEFAULT_STYLE_RULES
796
+ className: cn("pt-6 md:pt-0 p-6", cardContentClassName),
797
+ children: formEngineSetup ? /* @__PURE__ */ jsx(
798
+ FormEngine,
799
+ {
800
+ formEngineSetup,
801
+ defaultFields: DEFAULT_FORM_FIELDS,
802
+ defaultStyleRules: DEFAULT_STYLE_RULES
803
+ }
804
+ ) : null
793
805
  }
794
- ) : null })
806
+ )
795
807
  ] }) })
796
808
  ] })
797
809
  ] })
package/dist/registry.cjs CHANGED
@@ -14114,7 +14114,10 @@ function ContactCareers({
14114
14114
  {
14115
14115
  value: job.id,
14116
14116
  className: cn(
14117
- "rounded-xl border border-border/60 px-5 shadow-sm transition-shadow hover:shadow-md data-[state=open]:shadow-md",
14117
+ "rounded-xl border border-border/60",
14118
+ "px-5 shadow-sm transition-all hover:shadow-md",
14119
+ "data-[state=open]:shadow-md",
14120
+ "data-[state=open]:bg-card data-[state=open]:text-card-foreground",
14118
14121
  accordionItemClassName
14119
14122
  ),
14120
14123
  children: [
@@ -14122,7 +14125,10 @@ function ContactCareers({
14122
14125
  AccordionTrigger,
14123
14126
  {
14124
14127
  className: cn(
14125
- "py-4 font-medium transition-opacity hover:no-underline hover:opacity-70 lg:text-lg [&[data-state=open]>svg]:rotate-180",
14128
+ "py-4 font-medium transition-opacity",
14129
+ "hover:no-underline hover:opacity-70 lg:text-lg",
14130
+ "[&[data-state=open]>svg]:rotate-180",
14131
+ "cursor-pointer",
14126
14132
  accordionTriggerClassName
14127
14133
  ),
14128
14134
  children: job.title
@@ -14197,10 +14203,10 @@ function ContactCareers({
14197
14203
  "order-first lg:order-last lg:col-span-2",
14198
14204
  sidebarClassName
14199
14205
  ),
14200
- children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("lg:sticky lg:top-8", sidebarStickyClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl p-6", children: [
14201
- (sidebarTitle || sidebarDescription) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4", children: [
14202
- sidebarTitle && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold", children: sidebarTitle }),
14203
- sidebarDescription && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm ", children: sidebarDescription })
14206
+ children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("lg:sticky lg:top-8", sidebarStickyClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "py-0 px-0 md:px-6", children: [
14207
+ (sidebarTitle || sidebarDescription) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 mb-6 md:mb-8", children: [
14208
+ sidebarTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base uppercase font-bold opacity-60", children: sidebarTitle }),
14209
+ sidebarDescription && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-pretty", children: sidebarDescription })
14204
14210
  ] }),
14205
14211
  jobListingsContent
14206
14212
  ] }) })
@@ -14211,14 +14217,20 @@ function ContactCareers({
14211
14217
  formCardTitle && /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: formCardTitle }),
14212
14218
  formCardDescription && /* @__PURE__ */ jsxRuntime.jsx(CardDescription, { children: formCardDescription })
14213
14219
  ] }),
14214
- /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: cn("p-6", cardContentClassName), children: formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
14215
- integration.FormEngine,
14220
+ /* @__PURE__ */ jsxRuntime.jsx(
14221
+ CardContent,
14216
14222
  {
14217
- formEngineSetup,
14218
- defaultFields: DEFAULT_FORM_FIELDS7,
14219
- defaultStyleRules: DEFAULT_STYLE_RULES7
14223
+ className: cn("pt-6 md:pt-0 p-6", cardContentClassName),
14224
+ children: formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
14225
+ integration.FormEngine,
14226
+ {
14227
+ formEngineSetup,
14228
+ defaultFields: DEFAULT_FORM_FIELDS7,
14229
+ defaultStyleRules: DEFAULT_STYLE_RULES7
14230
+ }
14231
+ ) : null
14220
14232
  }
14221
- ) : null })
14233
+ )
14222
14234
  ] }) })
14223
14235
  ] })
14224
14236
  ] })
package/dist/registry.js CHANGED
@@ -14074,7 +14074,10 @@ function ContactCareers({
14074
14074
  {
14075
14075
  value: job.id,
14076
14076
  className: cn(
14077
- "rounded-xl border border-border/60 px-5 shadow-sm transition-shadow hover:shadow-md data-[state=open]:shadow-md",
14077
+ "rounded-xl border border-border/60",
14078
+ "px-5 shadow-sm transition-all hover:shadow-md",
14079
+ "data-[state=open]:shadow-md",
14080
+ "data-[state=open]:bg-card data-[state=open]:text-card-foreground",
14078
14081
  accordionItemClassName
14079
14082
  ),
14080
14083
  children: [
@@ -14082,7 +14085,10 @@ function ContactCareers({
14082
14085
  AccordionTrigger,
14083
14086
  {
14084
14087
  className: cn(
14085
- "py-4 font-medium transition-opacity hover:no-underline hover:opacity-70 lg:text-lg [&[data-state=open]>svg]:rotate-180",
14088
+ "py-4 font-medium transition-opacity",
14089
+ "hover:no-underline hover:opacity-70 lg:text-lg",
14090
+ "[&[data-state=open]>svg]:rotate-180",
14091
+ "cursor-pointer",
14086
14092
  accordionTriggerClassName
14087
14093
  ),
14088
14094
  children: job.title
@@ -14157,10 +14163,10 @@ function ContactCareers({
14157
14163
  "order-first lg:order-last lg:col-span-2",
14158
14164
  sidebarClassName
14159
14165
  ),
14160
- children: /* @__PURE__ */ jsx("div", { className: cn("lg:sticky lg:top-8", sidebarStickyClassName), children: /* @__PURE__ */ jsxs("div", { className: "rounded-xl p-6", children: [
14161
- (sidebarTitle || sidebarDescription) && /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
14162
- sidebarTitle && /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: sidebarTitle }),
14163
- sidebarDescription && /* @__PURE__ */ jsx("p", { className: "text-sm ", children: sidebarDescription })
14166
+ children: /* @__PURE__ */ jsx("div", { className: cn("lg:sticky lg:top-8", sidebarStickyClassName), children: /* @__PURE__ */ jsxs("div", { className: "py-0 px-0 md:px-6", children: [
14167
+ (sidebarTitle || sidebarDescription) && /* @__PURE__ */ jsxs("div", { className: "space-y-4 mb-6 md:mb-8", children: [
14168
+ sidebarTitle && /* @__PURE__ */ jsx("div", { className: "text-base uppercase font-bold opacity-60", children: sidebarTitle }),
14169
+ sidebarDescription && /* @__PURE__ */ jsx("div", { className: "text-sm text-pretty", children: sidebarDescription })
14164
14170
  ] }),
14165
14171
  jobListingsContent
14166
14172
  ] }) })
@@ -14171,14 +14177,20 @@ function ContactCareers({
14171
14177
  formCardTitle && /* @__PURE__ */ jsx(CardTitle, { children: formCardTitle }),
14172
14178
  formCardDescription && /* @__PURE__ */ jsx(CardDescription, { children: formCardDescription })
14173
14179
  ] }),
14174
- /* @__PURE__ */ jsx(CardContent, { className: cn("p-6", cardContentClassName), children: formEngineSetup ? /* @__PURE__ */ jsx(
14175
- FormEngine,
14180
+ /* @__PURE__ */ jsx(
14181
+ CardContent,
14176
14182
  {
14177
- formEngineSetup,
14178
- defaultFields: DEFAULT_FORM_FIELDS7,
14179
- defaultStyleRules: DEFAULT_STYLE_RULES7
14183
+ className: cn("pt-6 md:pt-0 p-6", cardContentClassName),
14184
+ children: formEngineSetup ? /* @__PURE__ */ jsx(
14185
+ FormEngine,
14186
+ {
14187
+ formEngineSetup,
14188
+ defaultFields: DEFAULT_FORM_FIELDS7,
14189
+ defaultStyleRules: DEFAULT_STYLE_RULES7
14190
+ }
14191
+ ) : null
14180
14192
  }
14181
- ) : null })
14193
+ )
14182
14194
  ] }) })
14183
14195
  ] })
14184
14196
  ] })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "2.5.8",
3
+ "version": "2.6.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",
@@ -3399,13 +3399,13 @@
3399
3399
  },
3400
3400
  "dependencies": {
3401
3401
  "@opensite/hooks": "2.1.0",
3402
- "@page-speed/forms": "0.7.6",
3402
+ "@page-speed/forms": "0.7.8",
3403
3403
  "@page-speed/icon": "0.1.1",
3404
3404
  "@page-speed/img": "0.4.6",
3405
3405
  "@page-speed/lightbox": "0.2.1",
3406
3406
  "@page-speed/maps": "^0.1.2",
3407
3407
  "@page-speed/pdf-viewer": "0.1.9",
3408
- "@page-speed/social-share": "0.0.4",
3408
+ "@page-speed/social-share": "0.0.5",
3409
3409
  "@radix-ui/react-accordion": "^1.2.12",
3410
3410
  "@radix-ui/react-aspect-ratio": "^1.1.8",
3411
3411
  "@radix-ui/react-avatar": "^1.1.11",