@opensite/ui 1.7.9 → 1.8.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.
@@ -1714,7 +1714,7 @@ function ContactDark({
1714
1714
  method: formMethod,
1715
1715
  className: cn("space-y-6", formClassName),
1716
1716
  children: [
1717
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-4", children: formFields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
1717
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-6", children: formFields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
1718
1718
  "div",
1719
1719
  {
1720
1720
  className: getColumnSpanClass(field.columnSpan),
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { F as FormFieldConfig } from './form-field-types-1zE7Be71.cjs';
2
+ import { F as FormFieldConfig } from './form-field-types-BfKIzipA.cjs';
3
3
  import { P as PageSpeedFormConfig } from './forms-nGgHUTBw.cjs';
4
4
  import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-Bs7X576B.cjs';
5
5
  import { A as ActionConfig } from './blocks-DyVWHMtH.cjs';
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { F as FormFieldConfig } from './form-field-types-1zE7Be71.js';
2
+ import { F as FormFieldConfig } from './form-field-types-BfKIzipA.js';
3
3
  import { P as PageSpeedFormConfig } from './forms-nGgHUTBw.js';
4
4
  import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CxYoHqdn.js';
5
5
  import { A as ActionConfig } from './blocks-S9tBV7Wg.js';
@@ -1692,7 +1692,7 @@ function ContactDark({
1692
1692
  method: formMethod,
1693
1693
  className: cn("space-y-6", formClassName),
1694
1694
  children: [
1695
- /* @__PURE__ */ jsx("div", { className: "grid grid-cols-12 gap-4", children: formFields.map((field) => /* @__PURE__ */ jsx(
1695
+ /* @__PURE__ */ jsx("div", { className: "grid grid-cols-12 gap-6", children: formFields.map((field) => /* @__PURE__ */ jsx(
1696
1696
  "div",
1697
1697
  {
1698
1698
  className: getColumnSpanClass(field.columnSpan),
@@ -1804,7 +1804,7 @@ function ContactFaq({
1804
1804
  method: formMethod,
1805
1805
  className: cn("space-y-4", formClassName),
1806
1806
  children: [
1807
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-4", children: formFields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
1807
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-6", children: formFields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
1808
1808
  "div",
1809
1809
  {
1810
1810
  className: getColumnSpanClass(field.columnSpan),
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { P as PageSpeedFormConfig } from './forms-nGgHUTBw.cjs';
3
3
  import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-Bs7X576B.cjs';
4
- import { F as FormFieldConfig } from './form-field-types-1zE7Be71.cjs';
4
+ import { F as FormFieldConfig } from './form-field-types-BfKIzipA.cjs';
5
5
  import { A as ActionConfig } from './blocks-DyVWHMtH.cjs';
6
6
  import '@page-speed/forms/integration';
7
7
  import 'react/jsx-runtime';
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { P as PageSpeedFormConfig } from './forms-nGgHUTBw.js';
3
3
  import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CxYoHqdn.js';
4
- import { F as FormFieldConfig } from './form-field-types-1zE7Be71.js';
4
+ import { F as FormFieldConfig } from './form-field-types-BfKIzipA.js';
5
5
  import { A as ActionConfig } from './blocks-S9tBV7Wg.js';
6
6
  import '@page-speed/forms/integration';
7
7
  import 'react/jsx-runtime';
@@ -1781,7 +1781,7 @@ function ContactFaq({
1781
1781
  method: formMethod,
1782
1782
  className: cn("space-y-4", formClassName),
1783
1783
  children: [
1784
- /* @__PURE__ */ jsx("div", { className: "grid grid-cols-12 gap-4", children: formFields.map((field) => /* @__PURE__ */ jsx(
1784
+ /* @__PURE__ */ jsx("div", { className: "grid grid-cols-12 gap-6", children: formFields.map((field) => /* @__PURE__ */ jsx(
1785
1785
  "div",
1786
1786
  {
1787
1787
  className: getColumnSpanClass(field.columnSpan),
@@ -1485,7 +1485,7 @@ function ContactPhotography({
1485
1485
  method: formMethod,
1486
1486
  className: cn("space-y-4", formClassName),
1487
1487
  children: [
1488
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-4", children: formFields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
1488
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-6", children: formFields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
1489
1489
  "div",
1490
1490
  {
1491
1491
  className: getColumnSpanClass(field.columnSpan),
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { F as FormFieldConfig } from './form-field-types-1zE7Be71.cjs';
2
+ import { F as FormFieldConfig } from './form-field-types-BfKIzipA.cjs';
3
3
  import { P as PageSpeedFormConfig } from './forms-nGgHUTBw.cjs';
4
4
  import { f as SectionBackground, s as PatternName } from './community-initiatives-Bs7X576B.cjs';
5
5
  import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DyVWHMtH.cjs';
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { F as FormFieldConfig } from './form-field-types-1zE7Be71.js';
2
+ import { F as FormFieldConfig } from './form-field-types-BfKIzipA.js';
3
3
  import { P as PageSpeedFormConfig } from './forms-nGgHUTBw.js';
4
4
  import { f as SectionBackground, s as PatternName } from './community-initiatives-CxYoHqdn.js';
5
5
  import { A as ActionConfig, O as OptixFlowConfig } from './blocks-S9tBV7Wg.js';
@@ -1463,7 +1463,7 @@ function ContactPhotography({
1463
1463
  method: formMethod,
1464
1464
  className: cn("space-y-4", formClassName),
1465
1465
  children: [
1466
- /* @__PURE__ */ jsx("div", { className: "grid grid-cols-12 gap-4", children: formFields.map((field) => /* @__PURE__ */ jsx(
1466
+ /* @__PURE__ */ jsx("div", { className: "grid grid-cols-12 gap-6", children: formFields.map((field) => /* @__PURE__ */ jsx(
1467
1467
  "div",
1468
1468
  {
1469
1469
  className: getColumnSpanClass(field.columnSpan),
@@ -6,6 +6,7 @@ interface SelectOption {
6
6
  value: string;
7
7
  label: string;
8
8
  disabled?: boolean;
9
+ description?: string;
9
10
  }
10
11
  interface FormFieldConfig {
11
12
  /**
@@ -6,6 +6,7 @@ interface SelectOption {
6
6
  value: string;
7
7
  label: string;
8
8
  disabled?: boolean;
9
+ description?: string;
9
10
  }
10
11
  interface FormFieldConfig {
11
12
  /**
package/dist/index.d.cts CHANGED
@@ -30,8 +30,8 @@ export { FooterCtaSocial } from './footer-cta-social.cjs';
30
30
  export { FooterNavSocial } from './footer-nav-social.cjs';
31
31
  export { LinkType, UseNavigationArgs, UseNavigationReturn, useNavigation } from './use-navigation.cjs';
32
32
  export { BorderColorVariant, NestedCardBgOptions, NestedCardVariant, TextColorVariant, cn, getAccentColor, getBorderColor, getNestedCardBg, getNestedCardTextColor, getTextColor } from './utils.cjs';
33
- import { F as FormFieldConfig } from './form-field-types-1zE7Be71.cjs';
34
- export { c as FormFieldType, S as SelectOption, g as generateInitialValues, a as generateValidationSchema, b as getColumnSpanClass } from './form-field-types-1zE7Be71.cjs';
33
+ import { F as FormFieldConfig } from './form-field-types-BfKIzipA.cjs';
34
+ export { c as FormFieldType, S as SelectOption, g as generateInitialValues, a as generateValidationSchema, b as getColumnSpanClass } from './form-field-types-BfKIzipA.cjs';
35
35
  import { P as PageSpeedFormConfig } from './forms-nGgHUTBw.cjs';
36
36
  export { b as PageSpeedFormMethod, a as PageSpeedFormSubmissionError, c as PageSpeedFormSubmissionFormat, i as isValidEmail, s as submitPageSpeedForm } from './forms-nGgHUTBw.cjs';
37
37
  import { useForm } from '@page-speed/forms';
package/dist/index.d.ts CHANGED
@@ -30,8 +30,8 @@ export { FooterCtaSocial } from './footer-cta-social.js';
30
30
  export { FooterNavSocial } from './footer-nav-social.js';
31
31
  export { LinkType, UseNavigationArgs, UseNavigationReturn, useNavigation } from './use-navigation.js';
32
32
  export { BorderColorVariant, NestedCardBgOptions, NestedCardVariant, TextColorVariant, cn, getAccentColor, getBorderColor, getNestedCardBg, getNestedCardTextColor, getTextColor } from './utils.js';
33
- import { F as FormFieldConfig } from './form-field-types-1zE7Be71.js';
34
- export { c as FormFieldType, S as SelectOption, g as generateInitialValues, a as generateValidationSchema, b as getColumnSpanClass } from './form-field-types-1zE7Be71.js';
33
+ import { F as FormFieldConfig } from './form-field-types-BfKIzipA.js';
34
+ export { c as FormFieldType, S as SelectOption, g as generateInitialValues, a as generateValidationSchema, b as getColumnSpanClass } from './form-field-types-BfKIzipA.js';
35
35
  import { P as PageSpeedFormConfig } from './forms-nGgHUTBw.js';
36
36
  export { b as PageSpeedFormMethod, a as PageSpeedFormSubmissionError, c as PageSpeedFormSubmissionFormat, i as isValidEmail, s as submitPageSpeedForm } from './forms-nGgHUTBw.js';
37
37
  import { useForm } from '@page-speed/forms';
package/dist/registry.cjs CHANGED
@@ -15163,7 +15163,7 @@ function ContactDark({
15163
15163
  method: formMethod,
15164
15164
  className: cn("space-y-6", formClassName),
15165
15165
  children: [
15166
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-4", children: formFields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
15166
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-6", children: formFields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
15167
15167
  "div",
15168
15168
  {
15169
15169
  className: getColumnSpanClass(field.columnSpan),
@@ -16418,7 +16418,7 @@ function ContactFaq({
16418
16418
  method: formMethod,
16419
16419
  className: cn("space-y-4", formClassName),
16420
16420
  children: [
16421
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-4", children: formFields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
16421
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-6", children: formFields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
16422
16422
  "div",
16423
16423
  {
16424
16424
  className: getColumnSpanClass(field.columnSpan),
@@ -19440,7 +19440,7 @@ function ContactPhotography({
19440
19440
  method: formMethod,
19441
19441
  className: cn("space-y-4", formClassName),
19442
19442
  children: [
19443
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-4", children: formFields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
19443
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-6", children: formFields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
19444
19444
  "div",
19445
19445
  {
19446
19446
  className: getColumnSpanClass(field.columnSpan),
package/dist/registry.js CHANGED
@@ -15123,7 +15123,7 @@ function ContactDark({
15123
15123
  method: formMethod,
15124
15124
  className: cn("space-y-6", formClassName),
15125
15125
  children: [
15126
- /* @__PURE__ */ jsx("div", { className: "grid grid-cols-12 gap-4", children: formFields.map((field) => /* @__PURE__ */ jsx(
15126
+ /* @__PURE__ */ jsx("div", { className: "grid grid-cols-12 gap-6", children: formFields.map((field) => /* @__PURE__ */ jsx(
15127
15127
  "div",
15128
15128
  {
15129
15129
  className: getColumnSpanClass(field.columnSpan),
@@ -16378,7 +16378,7 @@ function ContactFaq({
16378
16378
  method: formMethod,
16379
16379
  className: cn("space-y-4", formClassName),
16380
16380
  children: [
16381
- /* @__PURE__ */ jsx("div", { className: "grid grid-cols-12 gap-4", children: formFields.map((field) => /* @__PURE__ */ jsx(
16381
+ /* @__PURE__ */ jsx("div", { className: "grid grid-cols-12 gap-6", children: formFields.map((field) => /* @__PURE__ */ jsx(
16382
16382
  "div",
16383
16383
  {
16384
16384
  className: getColumnSpanClass(field.columnSpan),
@@ -19400,7 +19400,7 @@ function ContactPhotography({
19400
19400
  method: formMethod,
19401
19401
  className: cn("space-y-4", formClassName),
19402
19402
  children: [
19403
- /* @__PURE__ */ jsx("div", { className: "grid grid-cols-12 gap-4", children: formFields.map((field) => /* @__PURE__ */ jsx(
19403
+ /* @__PURE__ */ jsx("div", { className: "grid grid-cols-12 gap-6", children: formFields.map((field) => /* @__PURE__ */ jsx(
19404
19404
  "div",
19405
19405
  {
19406
19406
  className: getColumnSpanClass(field.columnSpan),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "1.7.9",
3
+ "version": "1.8.0",
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",
@@ -3379,7 +3379,7 @@
3379
3379
  },
3380
3380
  "dependencies": {
3381
3381
  "@opensite/hooks": "2.0.6",
3382
- "@page-speed/forms": "0.4.1",
3382
+ "@page-speed/forms": "0.4.3",
3383
3383
  "@page-speed/img": "0.4.5",
3384
3384
  "@page-speed/lightbox": "0.2.1",
3385
3385
  "@page-speed/pdf-viewer": "0.1.9",