@opensite/ui 2.5.3 → 2.5.4
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/components.cjs +8 -9
- package/dist/components.js +8 -9
- package/dist/footer-social-newsletter.cjs +8 -9
- package/dist/footer-social-newsletter.js +8 -9
- package/dist/index.cjs +8 -9
- package/dist/index.js +8 -9
- package/dist/process-expandable-timeline.cjs +5 -6
- package/dist/process-expandable-timeline.js +5 -6
- package/dist/registry.cjs +13 -15
- package/dist/registry.js +13 -15
- package/package.json +2 -2
package/dist/components.cjs
CHANGED
|
@@ -4602,7 +4602,7 @@ function FooterLinksGrid({
|
|
|
4602
4602
|
);
|
|
4603
4603
|
}
|
|
4604
4604
|
var DEFAULT_STYLE_RULES = {
|
|
4605
|
-
formContainer: "flex
|
|
4605
|
+
formContainer: "flex justify-center md:justify-end w-full",
|
|
4606
4606
|
fieldsContainer: "",
|
|
4607
4607
|
fieldClassName: "",
|
|
4608
4608
|
formClassName: ""
|
|
@@ -4638,7 +4638,7 @@ function FooterSocialNewsletter({
|
|
|
4638
4638
|
copyrightClassName,
|
|
4639
4639
|
background,
|
|
4640
4640
|
containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
|
|
4641
|
-
spacing = "py-
|
|
4641
|
+
spacing = "py-16 md:py-32",
|
|
4642
4642
|
pattern,
|
|
4643
4643
|
patternOpacity,
|
|
4644
4644
|
optixFlowConfig
|
|
@@ -4713,12 +4713,9 @@ function FooterSocialNewsletter({
|
|
|
4713
4713
|
SocialLinkIcon,
|
|
4714
4714
|
{
|
|
4715
4715
|
size: "icon-lg",
|
|
4716
|
-
variant: "
|
|
4716
|
+
variant: "outline",
|
|
4717
4717
|
...social,
|
|
4718
|
-
className: cn(
|
|
4719
|
-
"opacity-80 transition-colors hover:opacity-100",
|
|
4720
|
-
socialLinkClassName
|
|
4721
|
-
)
|
|
4718
|
+
className: cn(socialLinkClassName)
|
|
4722
4719
|
}
|
|
4723
4720
|
) }, idx))
|
|
4724
4721
|
}
|
|
@@ -4748,7 +4745,7 @@ function FooterSocialNewsletter({
|
|
|
4748
4745
|
"div",
|
|
4749
4746
|
{
|
|
4750
4747
|
className: cn(
|
|
4751
|
-
"gap-14 md:gap-4 mt-16 flex flex-col-reverse border-t-0 md:border-t pt-4 md:pt-10
|
|
4748
|
+
"gap-14 md:gap-4 mt-8 md:mt-16 flex flex-col-reverse border-t-0 md:border-t pt-4 md:pt-10 md:flex-row md:items-start md:justify-between w-full",
|
|
4752
4749
|
bottomClassName
|
|
4753
4750
|
),
|
|
4754
4751
|
children: [
|
|
@@ -4756,7 +4753,9 @@ function FooterSocialNewsletter({
|
|
|
4756
4753
|
"div",
|
|
4757
4754
|
{
|
|
4758
4755
|
className: cn(
|
|
4759
|
-
"flex
|
|
4756
|
+
"flex shrink-0 w-full md:w-fit flex-col gap-2 text-sm",
|
|
4757
|
+
"font-medium opacity-70 md:flex-row md:items-center md:gap-4",
|
|
4758
|
+
"text-center md:text-left",
|
|
4760
4759
|
copyrightClassName
|
|
4761
4760
|
),
|
|
4762
4761
|
children: [
|
package/dist/components.js
CHANGED
|
@@ -4579,7 +4579,7 @@ function FooterLinksGrid({
|
|
|
4579
4579
|
);
|
|
4580
4580
|
}
|
|
4581
4581
|
var DEFAULT_STYLE_RULES = {
|
|
4582
|
-
formContainer: "flex
|
|
4582
|
+
formContainer: "flex justify-center md:justify-end w-full",
|
|
4583
4583
|
fieldsContainer: "",
|
|
4584
4584
|
fieldClassName: "",
|
|
4585
4585
|
formClassName: ""
|
|
@@ -4615,7 +4615,7 @@ function FooterSocialNewsletter({
|
|
|
4615
4615
|
copyrightClassName,
|
|
4616
4616
|
background,
|
|
4617
4617
|
containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
|
|
4618
|
-
spacing = "py-
|
|
4618
|
+
spacing = "py-16 md:py-32",
|
|
4619
4619
|
pattern,
|
|
4620
4620
|
patternOpacity,
|
|
4621
4621
|
optixFlowConfig
|
|
@@ -4690,12 +4690,9 @@ function FooterSocialNewsletter({
|
|
|
4690
4690
|
SocialLinkIcon,
|
|
4691
4691
|
{
|
|
4692
4692
|
size: "icon-lg",
|
|
4693
|
-
variant: "
|
|
4693
|
+
variant: "outline",
|
|
4694
4694
|
...social,
|
|
4695
|
-
className: cn(
|
|
4696
|
-
"opacity-80 transition-colors hover:opacity-100",
|
|
4697
|
-
socialLinkClassName
|
|
4698
|
-
)
|
|
4695
|
+
className: cn(socialLinkClassName)
|
|
4699
4696
|
}
|
|
4700
4697
|
) }, idx))
|
|
4701
4698
|
}
|
|
@@ -4725,7 +4722,7 @@ function FooterSocialNewsletter({
|
|
|
4725
4722
|
"div",
|
|
4726
4723
|
{
|
|
4727
4724
|
className: cn(
|
|
4728
|
-
"gap-14 md:gap-4 mt-16 flex flex-col-reverse border-t-0 md:border-t pt-4 md:pt-10
|
|
4725
|
+
"gap-14 md:gap-4 mt-8 md:mt-16 flex flex-col-reverse border-t-0 md:border-t pt-4 md:pt-10 md:flex-row md:items-start md:justify-between w-full",
|
|
4729
4726
|
bottomClassName
|
|
4730
4727
|
),
|
|
4731
4728
|
children: [
|
|
@@ -4733,7 +4730,9 @@ function FooterSocialNewsletter({
|
|
|
4733
4730
|
"div",
|
|
4734
4731
|
{
|
|
4735
4732
|
className: cn(
|
|
4736
|
-
"flex
|
|
4733
|
+
"flex shrink-0 w-full md:w-fit flex-col gap-2 text-sm",
|
|
4734
|
+
"font-medium opacity-70 md:flex-row md:items-center md:gap-4",
|
|
4735
|
+
"text-center md:text-left",
|
|
4737
4736
|
copyrightClassName
|
|
4738
4737
|
),
|
|
4739
4738
|
children: [
|
|
@@ -1450,7 +1450,7 @@ var SocialLinkIcon = React2__namespace.forwardRef(
|
|
|
1450
1450
|
);
|
|
1451
1451
|
SocialLinkIcon.displayName = "SocialLinkIcon";
|
|
1452
1452
|
var DEFAULT_STYLE_RULES = {
|
|
1453
|
-
formContainer: "flex
|
|
1453
|
+
formContainer: "flex justify-center md:justify-end w-full",
|
|
1454
1454
|
fieldsContainer: "",
|
|
1455
1455
|
fieldClassName: "",
|
|
1456
1456
|
formClassName: ""
|
|
@@ -1486,7 +1486,7 @@ function FooterSocialNewsletter({
|
|
|
1486
1486
|
copyrightClassName,
|
|
1487
1487
|
background,
|
|
1488
1488
|
containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
|
|
1489
|
-
spacing = "py-
|
|
1489
|
+
spacing = "py-16 md:py-32",
|
|
1490
1490
|
pattern,
|
|
1491
1491
|
patternOpacity,
|
|
1492
1492
|
optixFlowConfig
|
|
@@ -1561,12 +1561,9 @@ function FooterSocialNewsletter({
|
|
|
1561
1561
|
SocialLinkIcon,
|
|
1562
1562
|
{
|
|
1563
1563
|
size: "icon-lg",
|
|
1564
|
-
variant: "
|
|
1564
|
+
variant: "outline",
|
|
1565
1565
|
...social,
|
|
1566
|
-
className: cn(
|
|
1567
|
-
"opacity-80 transition-colors hover:opacity-100",
|
|
1568
|
-
socialLinkClassName
|
|
1569
|
-
)
|
|
1566
|
+
className: cn(socialLinkClassName)
|
|
1570
1567
|
}
|
|
1571
1568
|
) }, idx))
|
|
1572
1569
|
}
|
|
@@ -1596,7 +1593,7 @@ function FooterSocialNewsletter({
|
|
|
1596
1593
|
"div",
|
|
1597
1594
|
{
|
|
1598
1595
|
className: cn(
|
|
1599
|
-
"gap-14 md:gap-4 mt-16 flex flex-col-reverse border-t-0 md:border-t pt-4 md:pt-10
|
|
1596
|
+
"gap-14 md:gap-4 mt-8 md:mt-16 flex flex-col-reverse border-t-0 md:border-t pt-4 md:pt-10 md:flex-row md:items-start md:justify-between w-full",
|
|
1600
1597
|
bottomClassName
|
|
1601
1598
|
),
|
|
1602
1599
|
children: [
|
|
@@ -1604,7 +1601,9 @@ function FooterSocialNewsletter({
|
|
|
1604
1601
|
"div",
|
|
1605
1602
|
{
|
|
1606
1603
|
className: cn(
|
|
1607
|
-
"flex
|
|
1604
|
+
"flex shrink-0 w-full md:w-fit flex-col gap-2 text-sm",
|
|
1605
|
+
"font-medium opacity-70 md:flex-row md:items-center md:gap-4",
|
|
1606
|
+
"text-center md:text-left",
|
|
1608
1607
|
copyrightClassName
|
|
1609
1608
|
),
|
|
1610
1609
|
children: [
|
|
@@ -1429,7 +1429,7 @@ var SocialLinkIcon = React2.forwardRef(
|
|
|
1429
1429
|
);
|
|
1430
1430
|
SocialLinkIcon.displayName = "SocialLinkIcon";
|
|
1431
1431
|
var DEFAULT_STYLE_RULES = {
|
|
1432
|
-
formContainer: "flex
|
|
1432
|
+
formContainer: "flex justify-center md:justify-end w-full",
|
|
1433
1433
|
fieldsContainer: "",
|
|
1434
1434
|
fieldClassName: "",
|
|
1435
1435
|
formClassName: ""
|
|
@@ -1465,7 +1465,7 @@ function FooterSocialNewsletter({
|
|
|
1465
1465
|
copyrightClassName,
|
|
1466
1466
|
background,
|
|
1467
1467
|
containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
|
|
1468
|
-
spacing = "py-
|
|
1468
|
+
spacing = "py-16 md:py-32",
|
|
1469
1469
|
pattern,
|
|
1470
1470
|
patternOpacity,
|
|
1471
1471
|
optixFlowConfig
|
|
@@ -1540,12 +1540,9 @@ function FooterSocialNewsletter({
|
|
|
1540
1540
|
SocialLinkIcon,
|
|
1541
1541
|
{
|
|
1542
1542
|
size: "icon-lg",
|
|
1543
|
-
variant: "
|
|
1543
|
+
variant: "outline",
|
|
1544
1544
|
...social,
|
|
1545
|
-
className: cn(
|
|
1546
|
-
"opacity-80 transition-colors hover:opacity-100",
|
|
1547
|
-
socialLinkClassName
|
|
1548
|
-
)
|
|
1545
|
+
className: cn(socialLinkClassName)
|
|
1549
1546
|
}
|
|
1550
1547
|
) }, idx))
|
|
1551
1548
|
}
|
|
@@ -1575,7 +1572,7 @@ function FooterSocialNewsletter({
|
|
|
1575
1572
|
"div",
|
|
1576
1573
|
{
|
|
1577
1574
|
className: cn(
|
|
1578
|
-
"gap-14 md:gap-4 mt-16 flex flex-col-reverse border-t-0 md:border-t pt-4 md:pt-10
|
|
1575
|
+
"gap-14 md:gap-4 mt-8 md:mt-16 flex flex-col-reverse border-t-0 md:border-t pt-4 md:pt-10 md:flex-row md:items-start md:justify-between w-full",
|
|
1579
1576
|
bottomClassName
|
|
1580
1577
|
),
|
|
1581
1578
|
children: [
|
|
@@ -1583,7 +1580,9 @@ function FooterSocialNewsletter({
|
|
|
1583
1580
|
"div",
|
|
1584
1581
|
{
|
|
1585
1582
|
className: cn(
|
|
1586
|
-
"flex
|
|
1583
|
+
"flex shrink-0 w-full md:w-fit flex-col gap-2 text-sm",
|
|
1584
|
+
"font-medium opacity-70 md:flex-row md:items-center md:gap-4",
|
|
1585
|
+
"text-center md:text-left",
|
|
1587
1586
|
copyrightClassName
|
|
1588
1587
|
),
|
|
1589
1588
|
children: [
|
package/dist/index.cjs
CHANGED
|
@@ -4663,7 +4663,7 @@ function FooterLinksGrid({
|
|
|
4663
4663
|
);
|
|
4664
4664
|
}
|
|
4665
4665
|
var DEFAULT_STYLE_RULES = {
|
|
4666
|
-
formContainer: "flex
|
|
4666
|
+
formContainer: "flex justify-center md:justify-end w-full",
|
|
4667
4667
|
fieldsContainer: "",
|
|
4668
4668
|
fieldClassName: "",
|
|
4669
4669
|
formClassName: ""
|
|
@@ -4699,7 +4699,7 @@ function FooterSocialNewsletter({
|
|
|
4699
4699
|
copyrightClassName,
|
|
4700
4700
|
background,
|
|
4701
4701
|
containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
|
|
4702
|
-
spacing = "py-
|
|
4702
|
+
spacing = "py-16 md:py-32",
|
|
4703
4703
|
pattern,
|
|
4704
4704
|
patternOpacity,
|
|
4705
4705
|
optixFlowConfig
|
|
@@ -4774,12 +4774,9 @@ function FooterSocialNewsletter({
|
|
|
4774
4774
|
SocialLinkIcon,
|
|
4775
4775
|
{
|
|
4776
4776
|
size: "icon-lg",
|
|
4777
|
-
variant: "
|
|
4777
|
+
variant: "outline",
|
|
4778
4778
|
...social,
|
|
4779
|
-
className: cn(
|
|
4780
|
-
"opacity-80 transition-colors hover:opacity-100",
|
|
4781
|
-
socialLinkClassName
|
|
4782
|
-
)
|
|
4779
|
+
className: cn(socialLinkClassName)
|
|
4783
4780
|
}
|
|
4784
4781
|
) }, idx))
|
|
4785
4782
|
}
|
|
@@ -4809,7 +4806,7 @@ function FooterSocialNewsletter({
|
|
|
4809
4806
|
"div",
|
|
4810
4807
|
{
|
|
4811
4808
|
className: cn(
|
|
4812
|
-
"gap-14 md:gap-4 mt-16 flex flex-col-reverse border-t-0 md:border-t pt-4 md:pt-10
|
|
4809
|
+
"gap-14 md:gap-4 mt-8 md:mt-16 flex flex-col-reverse border-t-0 md:border-t pt-4 md:pt-10 md:flex-row md:items-start md:justify-between w-full",
|
|
4813
4810
|
bottomClassName
|
|
4814
4811
|
),
|
|
4815
4812
|
children: [
|
|
@@ -4817,7 +4814,9 @@ function FooterSocialNewsletter({
|
|
|
4817
4814
|
"div",
|
|
4818
4815
|
{
|
|
4819
4816
|
className: cn(
|
|
4820
|
-
"flex
|
|
4817
|
+
"flex shrink-0 w-full md:w-fit flex-col gap-2 text-sm",
|
|
4818
|
+
"font-medium opacity-70 md:flex-row md:items-center md:gap-4",
|
|
4819
|
+
"text-center md:text-left",
|
|
4821
4820
|
copyrightClassName
|
|
4822
4821
|
),
|
|
4823
4822
|
children: [
|
package/dist/index.js
CHANGED
|
@@ -4641,7 +4641,7 @@ function FooterLinksGrid({
|
|
|
4641
4641
|
);
|
|
4642
4642
|
}
|
|
4643
4643
|
var DEFAULT_STYLE_RULES = {
|
|
4644
|
-
formContainer: "flex
|
|
4644
|
+
formContainer: "flex justify-center md:justify-end w-full",
|
|
4645
4645
|
fieldsContainer: "",
|
|
4646
4646
|
fieldClassName: "",
|
|
4647
4647
|
formClassName: ""
|
|
@@ -4677,7 +4677,7 @@ function FooterSocialNewsletter({
|
|
|
4677
4677
|
copyrightClassName,
|
|
4678
4678
|
background,
|
|
4679
4679
|
containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
|
|
4680
|
-
spacing = "py-
|
|
4680
|
+
spacing = "py-16 md:py-32",
|
|
4681
4681
|
pattern,
|
|
4682
4682
|
patternOpacity,
|
|
4683
4683
|
optixFlowConfig
|
|
@@ -4752,12 +4752,9 @@ function FooterSocialNewsletter({
|
|
|
4752
4752
|
SocialLinkIcon,
|
|
4753
4753
|
{
|
|
4754
4754
|
size: "icon-lg",
|
|
4755
|
-
variant: "
|
|
4755
|
+
variant: "outline",
|
|
4756
4756
|
...social,
|
|
4757
|
-
className: cn(
|
|
4758
|
-
"opacity-80 transition-colors hover:opacity-100",
|
|
4759
|
-
socialLinkClassName
|
|
4760
|
-
)
|
|
4757
|
+
className: cn(socialLinkClassName)
|
|
4761
4758
|
}
|
|
4762
4759
|
) }, idx))
|
|
4763
4760
|
}
|
|
@@ -4787,7 +4784,7 @@ function FooterSocialNewsletter({
|
|
|
4787
4784
|
"div",
|
|
4788
4785
|
{
|
|
4789
4786
|
className: cn(
|
|
4790
|
-
"gap-14 md:gap-4 mt-16 flex flex-col-reverse border-t-0 md:border-t pt-4 md:pt-10
|
|
4787
|
+
"gap-14 md:gap-4 mt-8 md:mt-16 flex flex-col-reverse border-t-0 md:border-t pt-4 md:pt-10 md:flex-row md:items-start md:justify-between w-full",
|
|
4791
4788
|
bottomClassName
|
|
4792
4789
|
),
|
|
4793
4790
|
children: [
|
|
@@ -4795,7 +4792,9 @@ function FooterSocialNewsletter({
|
|
|
4795
4792
|
"div",
|
|
4796
4793
|
{
|
|
4797
4794
|
className: cn(
|
|
4798
|
-
"flex
|
|
4795
|
+
"flex shrink-0 w-full md:w-fit flex-col gap-2 text-sm",
|
|
4796
|
+
"font-medium opacity-70 md:flex-row md:items-center md:gap-4",
|
|
4797
|
+
"text-center md:text-left",
|
|
4799
4798
|
copyrightClassName
|
|
4800
4799
|
),
|
|
4801
4800
|
children: [
|
|
@@ -483,6 +483,7 @@ function ProcessExpandableTimeline({
|
|
|
483
483
|
className: cn(
|
|
484
484
|
"group relative flex w-full items-start gap-6 border-b p-6 text-left transition-colors",
|
|
485
485
|
`hover:bg-card hover:text-card-foreground`,
|
|
486
|
+
expandedIndex === index ? "bg-card text-card-foreground" : "",
|
|
486
487
|
stepItemClassName
|
|
487
488
|
),
|
|
488
489
|
children: [
|
|
@@ -497,15 +498,13 @@ function ProcessExpandableTimeline({
|
|
|
497
498
|
{
|
|
498
499
|
className: cn(
|
|
499
500
|
"shrink-0 flex size-12 items-center justify-center rounded-full border-2 transition-colors",
|
|
500
|
-
expandedIndex === index ?
|
|
501
|
-
`group-hover:bg-primary group-hover:text-primary-foreground`
|
|
502
|
-
),
|
|
501
|
+
expandedIndex === index ? "bg-primary text-primary-foreground" : "group-hover:bg-primary group-hover:text-primary-foreground",
|
|
503
502
|
stepBadgeClassName
|
|
504
503
|
),
|
|
505
504
|
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold", children: String(index + 1).padStart(2, "0") })
|
|
506
505
|
}
|
|
507
506
|
),
|
|
508
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 pr-8 md:pr-12", children: [
|
|
507
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 pr-8 md:pr-12 space-y-2", children: [
|
|
509
508
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
510
509
|
step.title && (typeof step.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
511
510
|
"h3",
|
|
@@ -524,7 +523,7 @@ function ProcessExpandableTimeline({
|
|
|
524
523
|
}
|
|
525
524
|
)
|
|
526
525
|
] }),
|
|
527
|
-
step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-
|
|
526
|
+
step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-normal", children: step.description }) : step.description)
|
|
528
527
|
] })
|
|
529
528
|
]
|
|
530
529
|
}
|
|
@@ -542,7 +541,7 @@ function ProcessExpandableTimeline({
|
|
|
542
541
|
{
|
|
543
542
|
className: cn(
|
|
544
543
|
"border-b p-6",
|
|
545
|
-
"bg-card text-
|
|
544
|
+
"bg-card text-card-foreground",
|
|
546
545
|
expandedContentClassName
|
|
547
546
|
),
|
|
548
547
|
children: typeof step.expandedContent === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg", children: step.expandedContent }) : step.expandedContent
|
|
@@ -462,6 +462,7 @@ function ProcessExpandableTimeline({
|
|
|
462
462
|
className: cn(
|
|
463
463
|
"group relative flex w-full items-start gap-6 border-b p-6 text-left transition-colors",
|
|
464
464
|
`hover:bg-card hover:text-card-foreground`,
|
|
465
|
+
expandedIndex === index ? "bg-card text-card-foreground" : "",
|
|
465
466
|
stepItemClassName
|
|
466
467
|
),
|
|
467
468
|
children: [
|
|
@@ -476,15 +477,13 @@ function ProcessExpandableTimeline({
|
|
|
476
477
|
{
|
|
477
478
|
className: cn(
|
|
478
479
|
"shrink-0 flex size-12 items-center justify-center rounded-full border-2 transition-colors",
|
|
479
|
-
expandedIndex === index ?
|
|
480
|
-
`group-hover:bg-primary group-hover:text-primary-foreground`
|
|
481
|
-
),
|
|
480
|
+
expandedIndex === index ? "bg-primary text-primary-foreground" : "group-hover:bg-primary group-hover:text-primary-foreground",
|
|
482
481
|
stepBadgeClassName
|
|
483
482
|
),
|
|
484
483
|
children: /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: String(index + 1).padStart(2, "0") })
|
|
485
484
|
}
|
|
486
485
|
),
|
|
487
|
-
/* @__PURE__ */ jsxs("div", { className: "flex-1 pr-8 md:pr-12", children: [
|
|
486
|
+
/* @__PURE__ */ jsxs("div", { className: "flex-1 pr-8 md:pr-12 space-y-2", children: [
|
|
488
487
|
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
|
|
489
488
|
step.title && (typeof step.title === "string" ? /* @__PURE__ */ jsx(
|
|
490
489
|
"h3",
|
|
@@ -503,7 +502,7 @@ function ProcessExpandableTimeline({
|
|
|
503
502
|
}
|
|
504
503
|
)
|
|
505
504
|
] }),
|
|
506
|
-
step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-
|
|
505
|
+
step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm font-normal", children: step.description }) : step.description)
|
|
507
506
|
] })
|
|
508
507
|
]
|
|
509
508
|
}
|
|
@@ -521,7 +520,7 @@ function ProcessExpandableTimeline({
|
|
|
521
520
|
{
|
|
522
521
|
className: cn(
|
|
523
522
|
"border-b p-6",
|
|
524
|
-
"bg-card text-
|
|
523
|
+
"bg-card text-card-foreground",
|
|
525
524
|
expandedContentClassName
|
|
526
525
|
),
|
|
527
526
|
children: typeof step.expandedContent === "string" ? /* @__PURE__ */ jsx("p", { className: "text-lg", children: step.expandedContent }) : step.expandedContent
|
package/dist/registry.cjs
CHANGED
|
@@ -4397,7 +4397,7 @@ function FooterLinksGrid({
|
|
|
4397
4397
|
);
|
|
4398
4398
|
}
|
|
4399
4399
|
var DEFAULT_STYLE_RULES = {
|
|
4400
|
-
formContainer: "flex
|
|
4400
|
+
formContainer: "flex justify-center md:justify-end w-full",
|
|
4401
4401
|
fieldsContainer: "",
|
|
4402
4402
|
fieldClassName: "",
|
|
4403
4403
|
formClassName: ""
|
|
@@ -4433,7 +4433,7 @@ function FooterSocialNewsletter({
|
|
|
4433
4433
|
copyrightClassName,
|
|
4434
4434
|
background,
|
|
4435
4435
|
containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
|
|
4436
|
-
spacing = "py-
|
|
4436
|
+
spacing = "py-16 md:py-32",
|
|
4437
4437
|
pattern,
|
|
4438
4438
|
patternOpacity,
|
|
4439
4439
|
optixFlowConfig
|
|
@@ -4508,12 +4508,9 @@ function FooterSocialNewsletter({
|
|
|
4508
4508
|
SocialLinkIcon,
|
|
4509
4509
|
{
|
|
4510
4510
|
size: "icon-lg",
|
|
4511
|
-
variant: "
|
|
4511
|
+
variant: "outline",
|
|
4512
4512
|
...social,
|
|
4513
|
-
className: cn(
|
|
4514
|
-
"opacity-80 transition-colors hover:opacity-100",
|
|
4515
|
-
socialLinkClassName
|
|
4516
|
-
)
|
|
4513
|
+
className: cn(socialLinkClassName)
|
|
4517
4514
|
}
|
|
4518
4515
|
) }, idx))
|
|
4519
4516
|
}
|
|
@@ -4543,7 +4540,7 @@ function FooterSocialNewsletter({
|
|
|
4543
4540
|
"div",
|
|
4544
4541
|
{
|
|
4545
4542
|
className: cn(
|
|
4546
|
-
"gap-14 md:gap-4 mt-16 flex flex-col-reverse border-t-0 md:border-t pt-4 md:pt-10
|
|
4543
|
+
"gap-14 md:gap-4 mt-8 md:mt-16 flex flex-col-reverse border-t-0 md:border-t pt-4 md:pt-10 md:flex-row md:items-start md:justify-between w-full",
|
|
4547
4544
|
bottomClassName
|
|
4548
4545
|
),
|
|
4549
4546
|
children: [
|
|
@@ -4551,7 +4548,9 @@ function FooterSocialNewsletter({
|
|
|
4551
4548
|
"div",
|
|
4552
4549
|
{
|
|
4553
4550
|
className: cn(
|
|
4554
|
-
"flex
|
|
4551
|
+
"flex shrink-0 w-full md:w-fit flex-col gap-2 text-sm",
|
|
4552
|
+
"font-medium opacity-70 md:flex-row md:items-center md:gap-4",
|
|
4553
|
+
"text-center md:text-left",
|
|
4555
4554
|
copyrightClassName
|
|
4556
4555
|
),
|
|
4557
4556
|
children: [
|
|
@@ -76312,6 +76311,7 @@ function ProcessExpandableTimeline({
|
|
|
76312
76311
|
className: cn(
|
|
76313
76312
|
"group relative flex w-full items-start gap-6 border-b p-6 text-left transition-colors",
|
|
76314
76313
|
`hover:bg-card hover:text-card-foreground`,
|
|
76314
|
+
expandedIndex === index ? "bg-card text-card-foreground" : "",
|
|
76315
76315
|
stepItemClassName
|
|
76316
76316
|
),
|
|
76317
76317
|
children: [
|
|
@@ -76326,15 +76326,13 @@ function ProcessExpandableTimeline({
|
|
|
76326
76326
|
{
|
|
76327
76327
|
className: cn(
|
|
76328
76328
|
"shrink-0 flex size-12 items-center justify-center rounded-full border-2 transition-colors",
|
|
76329
|
-
expandedIndex === index ?
|
|
76330
|
-
`group-hover:bg-primary group-hover:text-primary-foreground`
|
|
76331
|
-
),
|
|
76329
|
+
expandedIndex === index ? "bg-primary text-primary-foreground" : "group-hover:bg-primary group-hover:text-primary-foreground",
|
|
76332
76330
|
stepBadgeClassName
|
|
76333
76331
|
),
|
|
76334
76332
|
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold", children: String(index + 1).padStart(2, "0") })
|
|
76335
76333
|
}
|
|
76336
76334
|
),
|
|
76337
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 pr-8 md:pr-12", children: [
|
|
76335
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 pr-8 md:pr-12 space-y-2", children: [
|
|
76338
76336
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
76339
76337
|
step.title && (typeof step.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
76340
76338
|
"h3",
|
|
@@ -76353,7 +76351,7 @@ function ProcessExpandableTimeline({
|
|
|
76353
76351
|
}
|
|
76354
76352
|
)
|
|
76355
76353
|
] }),
|
|
76356
|
-
step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-
|
|
76354
|
+
step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-normal", children: step.description }) : step.description)
|
|
76357
76355
|
] })
|
|
76358
76356
|
]
|
|
76359
76357
|
}
|
|
@@ -76371,7 +76369,7 @@ function ProcessExpandableTimeline({
|
|
|
76371
76369
|
{
|
|
76372
76370
|
className: cn(
|
|
76373
76371
|
"border-b p-6",
|
|
76374
|
-
"bg-card text-
|
|
76372
|
+
"bg-card text-card-foreground",
|
|
76375
76373
|
expandedContentClassName
|
|
76376
76374
|
),
|
|
76377
76375
|
children: typeof step.expandedContent === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg", children: step.expandedContent }) : step.expandedContent
|
package/dist/registry.js
CHANGED
|
@@ -4357,7 +4357,7 @@ function FooterLinksGrid({
|
|
|
4357
4357
|
);
|
|
4358
4358
|
}
|
|
4359
4359
|
var DEFAULT_STYLE_RULES = {
|
|
4360
|
-
formContainer: "flex
|
|
4360
|
+
formContainer: "flex justify-center md:justify-end w-full",
|
|
4361
4361
|
fieldsContainer: "",
|
|
4362
4362
|
fieldClassName: "",
|
|
4363
4363
|
formClassName: ""
|
|
@@ -4393,7 +4393,7 @@ function FooterSocialNewsletter({
|
|
|
4393
4393
|
copyrightClassName,
|
|
4394
4394
|
background,
|
|
4395
4395
|
containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
|
|
4396
|
-
spacing = "py-
|
|
4396
|
+
spacing = "py-16 md:py-32",
|
|
4397
4397
|
pattern,
|
|
4398
4398
|
patternOpacity,
|
|
4399
4399
|
optixFlowConfig
|
|
@@ -4468,12 +4468,9 @@ function FooterSocialNewsletter({
|
|
|
4468
4468
|
SocialLinkIcon,
|
|
4469
4469
|
{
|
|
4470
4470
|
size: "icon-lg",
|
|
4471
|
-
variant: "
|
|
4471
|
+
variant: "outline",
|
|
4472
4472
|
...social,
|
|
4473
|
-
className: cn(
|
|
4474
|
-
"opacity-80 transition-colors hover:opacity-100",
|
|
4475
|
-
socialLinkClassName
|
|
4476
|
-
)
|
|
4473
|
+
className: cn(socialLinkClassName)
|
|
4477
4474
|
}
|
|
4478
4475
|
) }, idx))
|
|
4479
4476
|
}
|
|
@@ -4503,7 +4500,7 @@ function FooterSocialNewsletter({
|
|
|
4503
4500
|
"div",
|
|
4504
4501
|
{
|
|
4505
4502
|
className: cn(
|
|
4506
|
-
"gap-14 md:gap-4 mt-16 flex flex-col-reverse border-t-0 md:border-t pt-4 md:pt-10
|
|
4503
|
+
"gap-14 md:gap-4 mt-8 md:mt-16 flex flex-col-reverse border-t-0 md:border-t pt-4 md:pt-10 md:flex-row md:items-start md:justify-between w-full",
|
|
4507
4504
|
bottomClassName
|
|
4508
4505
|
),
|
|
4509
4506
|
children: [
|
|
@@ -4511,7 +4508,9 @@ function FooterSocialNewsletter({
|
|
|
4511
4508
|
"div",
|
|
4512
4509
|
{
|
|
4513
4510
|
className: cn(
|
|
4514
|
-
"flex
|
|
4511
|
+
"flex shrink-0 w-full md:w-fit flex-col gap-2 text-sm",
|
|
4512
|
+
"font-medium opacity-70 md:flex-row md:items-center md:gap-4",
|
|
4513
|
+
"text-center md:text-left",
|
|
4515
4514
|
copyrightClassName
|
|
4516
4515
|
),
|
|
4517
4516
|
children: [
|
|
@@ -76272,6 +76271,7 @@ function ProcessExpandableTimeline({
|
|
|
76272
76271
|
className: cn(
|
|
76273
76272
|
"group relative flex w-full items-start gap-6 border-b p-6 text-left transition-colors",
|
|
76274
76273
|
`hover:bg-card hover:text-card-foreground`,
|
|
76274
|
+
expandedIndex === index ? "bg-card text-card-foreground" : "",
|
|
76275
76275
|
stepItemClassName
|
|
76276
76276
|
),
|
|
76277
76277
|
children: [
|
|
@@ -76286,15 +76286,13 @@ function ProcessExpandableTimeline({
|
|
|
76286
76286
|
{
|
|
76287
76287
|
className: cn(
|
|
76288
76288
|
"shrink-0 flex size-12 items-center justify-center rounded-full border-2 transition-colors",
|
|
76289
|
-
expandedIndex === index ?
|
|
76290
|
-
`group-hover:bg-primary group-hover:text-primary-foreground`
|
|
76291
|
-
),
|
|
76289
|
+
expandedIndex === index ? "bg-primary text-primary-foreground" : "group-hover:bg-primary group-hover:text-primary-foreground",
|
|
76292
76290
|
stepBadgeClassName
|
|
76293
76291
|
),
|
|
76294
76292
|
children: /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: String(index + 1).padStart(2, "0") })
|
|
76295
76293
|
}
|
|
76296
76294
|
),
|
|
76297
|
-
/* @__PURE__ */ jsxs("div", { className: "flex-1 pr-8 md:pr-12", children: [
|
|
76295
|
+
/* @__PURE__ */ jsxs("div", { className: "flex-1 pr-8 md:pr-12 space-y-2", children: [
|
|
76298
76296
|
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
|
|
76299
76297
|
step.title && (typeof step.title === "string" ? /* @__PURE__ */ jsx(
|
|
76300
76298
|
"h3",
|
|
@@ -76313,7 +76311,7 @@ function ProcessExpandableTimeline({
|
|
|
76313
76311
|
}
|
|
76314
76312
|
)
|
|
76315
76313
|
] }),
|
|
76316
|
-
step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-
|
|
76314
|
+
step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm font-normal", children: step.description }) : step.description)
|
|
76317
76315
|
] })
|
|
76318
76316
|
]
|
|
76319
76317
|
}
|
|
@@ -76331,7 +76329,7 @@ function ProcessExpandableTimeline({
|
|
|
76331
76329
|
{
|
|
76332
76330
|
className: cn(
|
|
76333
76331
|
"border-b p-6",
|
|
76334
|
-
"bg-card text-
|
|
76332
|
+
"bg-card text-card-foreground",
|
|
76335
76333
|
expandedContentClassName
|
|
76336
76334
|
),
|
|
76337
76335
|
children: typeof step.expandedContent === "string" ? /* @__PURE__ */ jsx("p", { className: "text-lg", children: step.expandedContent }) : step.expandedContent
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opensite/ui",
|
|
3
|
-
"version": "2.5.
|
|
3
|
+
"version": "2.5.4",
|
|
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,7 +3399,7 @@
|
|
|
3399
3399
|
},
|
|
3400
3400
|
"dependencies": {
|
|
3401
3401
|
"@opensite/hooks": "2.1.0",
|
|
3402
|
-
"@page-speed/forms": "0.7.
|
|
3402
|
+
"@page-speed/forms": "0.7.4",
|
|
3403
3403
|
"@page-speed/icon": "^0.1.0",
|
|
3404
3404
|
"@page-speed/img": "0.4.6",
|
|
3405
3405
|
"@page-speed/lightbox": "0.2.1",
|