quirk-ui 0.1.77 → 0.1.78

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 (81) hide show
  1. package/dist/{FormField-J7D8joVl.js → FormField-Rqe3qF_t.js} +62 -62
  2. package/dist/FormField-fg7Q2UyZ.cjs +1 -0
  3. package/dist/FormField.css +1 -1
  4. package/dist/next/blocks/FormBlock/FormField.cjs +1 -1
  5. package/dist/next/blocks/FormBlock/FormField.mjs +1 -1
  6. package/dist/next/blocks/FormBlock/index.cjs +1 -1
  7. package/dist/next/blocks/FormBlock/index.mjs +1 -1
  8. package/package.json +1 -1
  9. package/dist/AccordionItem.css.d.ts +0 -13
  10. package/dist/CategoryFilters.css.d.ts +0 -31
  11. package/dist/FormField-CtUZKmKE.cjs +0 -1
  12. package/dist/FormField.css.d.ts +0 -27
  13. package/dist/HeroSubComponents.css.d.ts +0 -30
  14. package/dist/NavLink.css.d.ts +0 -72
  15. package/dist/index.css.d.ts +0 -1
  16. package/dist/index10.css.d.ts +0 -7
  17. package/dist/index11.css.d.ts +0 -26
  18. package/dist/index12.css.d.ts +0 -24
  19. package/dist/index13.css.d.ts +0 -33
  20. package/dist/index14.css.d.ts +0 -10
  21. package/dist/index15.css.d.ts +0 -18
  22. package/dist/index16.css.d.ts +0 -38
  23. package/dist/index17.css.d.ts +0 -16
  24. package/dist/index18.css.d.ts +0 -14
  25. package/dist/index19.css.d.ts +0 -17
  26. package/dist/index2.css.d.ts +0 -9
  27. package/dist/index20.css.d.ts +0 -13
  28. package/dist/index21.css.d.ts +0 -25
  29. package/dist/index22.css.d.ts +0 -5
  30. package/dist/index23.css.d.ts +0 -19
  31. package/dist/index24.css.d.ts +0 -21
  32. package/dist/index25.css.d.ts +0 -16
  33. package/dist/index26.css.d.ts +0 -10
  34. package/dist/index27.css.d.ts +0 -18
  35. package/dist/index28.css.d.ts +0 -16
  36. package/dist/index29.css.d.ts +0 -10
  37. package/dist/index3.css.d.ts +0 -12
  38. package/dist/index30.css.d.ts +0 -19
  39. package/dist/index31.css.d.ts +0 -15
  40. package/dist/index32.css.d.ts +0 -22
  41. package/dist/index33.css.d.ts +0 -15
  42. package/dist/index34.css.d.ts +0 -14
  43. package/dist/index35.css.d.ts +0 -23
  44. package/dist/index36.css.d.ts +0 -14
  45. package/dist/index37.css.d.ts +0 -18
  46. package/dist/index38.css.d.ts +0 -21
  47. package/dist/index39.css.d.ts +0 -20
  48. package/dist/index4.css.d.ts +0 -10
  49. package/dist/index40.css.d.ts +0 -17
  50. package/dist/index41.css.d.ts +0 -14
  51. package/dist/index42.css.d.ts +0 -22
  52. package/dist/index43.css.d.ts +0 -35
  53. package/dist/index44.css.d.ts +0 -13
  54. package/dist/index45.css.d.ts +0 -23
  55. package/dist/index46.css.d.ts +0 -12
  56. package/dist/index47.css.d.ts +0 -19
  57. package/dist/index48.css.d.ts +0 -20
  58. package/dist/index49.css.d.ts +0 -20
  59. package/dist/index5.css.d.ts +0 -22
  60. package/dist/index50.css.d.ts +0 -27
  61. package/dist/index51.css.d.ts +0 -17
  62. package/dist/index52.css.d.ts +0 -11
  63. package/dist/index53.css.d.ts +0 -12
  64. package/dist/index54.css.d.ts +0 -14
  65. package/dist/index55.css.d.ts +0 -20
  66. package/dist/index56.css.d.ts +0 -25
  67. package/dist/index57.css.d.ts +0 -13
  68. package/dist/index58.css.d.ts +0 -12
  69. package/dist/index59.css.d.ts +0 -20
  70. package/dist/index6.css.d.ts +0 -19
  71. package/dist/index60.css.d.ts +0 -20
  72. package/dist/index61.css.d.ts +0 -18
  73. package/dist/index62.css.d.ts +0 -22
  74. package/dist/index63.css.d.ts +0 -28
  75. package/dist/index64.css.d.ts +0 -26
  76. package/dist/index65.css.d.ts +0 -19
  77. package/dist/index7.css.d.ts +0 -40
  78. package/dist/index8.css.d.ts +0 -32
  79. package/dist/index9.css.d.ts +0 -9
  80. package/dist/styles.css.d.ts +0 -1
  81. package/dist/tokens.css.d.ts +0 -1
@@ -1,13 +1,13 @@
1
- import { jsx as u } from "react/jsx-runtime";
2
- import { Input as T } from "./core/components/Input/index.mjs";
3
- import { Textarea as W } from "./core/components/Textarea/index.mjs";
4
- import { Select as d } from "./core/components/Select/index.mjs";
5
- import { Checkbox as m } from "./core/components/Checkbox/index.mjs";
6
- import { Radio as f } from "./core/components/Radio/index.mjs";
7
- import { Fieldset as p } from "./core/components/Fieldset/index.mjs";
1
+ import { jsx as s } from "react/jsx-runtime";
2
+ import { Input as v } from "./core/components/Input/index.mjs";
3
+ import { Textarea as T } from "./core/components/Textarea/index.mjs";
4
+ import { Select as b } from "./core/components/Select/index.mjs";
5
+ import { Checkbox as d } from "./core/components/Checkbox/index.mjs";
6
+ import { Radio as W } from "./core/components/Radio/index.mjs";
7
+ import { Fieldset as h } from "./core/components/Fieldset/index.mjs";
8
8
  import { DatePicker as k } from "./core/components/DatePicker/index.mjs";
9
9
  import { Range as w } from "./core/components/Range/index.mjs";
10
- import './FormField.css';const L = "_formBlock_cu3uh_1", C = "_container_cu3uh_7", F = "_formInner_cu3uh_20", y = "_maxWidthSm_cu3uh_24", B = "_maxWidthMd_cu3uh_27", q = "_maxWidthLg_cu3uh_30", S = "_maxWidthFull_cu3uh_33", H = "_heading_cu3uh_39", G = "_eyebrow_cu3uh_45", M = "_title_cu3uh_49", $ = "_progress_cu3uh_55", I = "_progressHeader_cu3uh_61", D = "_stepLabel_cu3uh_67", O = "_stepCount_cu3uh_73", V = "_stepDescription_cu3uh_78", P = "_fields_cu3uh_86", R = "_fieldFull_cu3uh_93", j = "_fieldHalf_cu3uh_97", N = "_fieldThird_cu3uh_105", z = "_actions_cu3uh_115", A = "_submitButton_cu3uh_122", E = "_success_cu3uh_128", J = "_errorBanner_cu3uh_141", i = {
10
+ import './FormField.css';const L = "_formBlock_b7mbf_1", C = "_container_b7mbf_7", F = "_formInner_b7mbf_20", y = "_maxWidthSm_b7mbf_26", B = "_maxWidthMd_b7mbf_29", q = "_maxWidthLg_b7mbf_32", S = "_maxWidthFull_b7mbf_35", H = "_heading_b7mbf_41", G = "_eyebrow_b7mbf_47", M = "_title_b7mbf_51", $ = "_progress_b7mbf_57", I = "_progressHeader_b7mbf_63", D = "_stepLabel_b7mbf_69", O = "_stepCount_b7mbf_75", V = "_stepDescription_b7mbf_80", P = "_fields_b7mbf_88", R = "_fieldFull_b7mbf_95", j = "_fieldHalf_b7mbf_99", N = "_fieldThird_b7mbf_107", z = "_actions_b7mbf_117", A = "_submitButton_b7mbf_124", E = "_success_b7mbf_130", J = "_errorBanner_b7mbf_143", c = {
11
11
  formBlock: L,
12
12
  container: C,
13
13
  formInner: F,
@@ -32,14 +32,14 @@ import './FormField.css';const L = "_formBlock_cu3uh_1", C = "_container_cu3uh_7
32
32
  success: E,
33
33
  errorBanner: J
34
34
  };
35
- function c(e) {
35
+ function u(e) {
36
36
  return (e ?? []).map((r) => ({
37
37
  label: r.label,
38
38
  value: r.value.current,
39
39
  disabled: r.disabled
40
40
  }));
41
41
  }
42
- function _(e) {
42
+ function p(e) {
43
43
  return (e ?? []).map((r) => ({
44
44
  label: r.label,
45
45
  options: r.options.map((n) => ({
@@ -49,12 +49,12 @@ function _(e) {
49
49
  }))
50
50
  }));
51
51
  }
52
- function ae({ field: e, value: r, error: n, onChange: l }) {
53
- const a = e.name.current, b = {
54
- full: i.fieldFull,
55
- half: i.fieldHalf,
56
- third: i.fieldThird
57
- }[e.width ?? "full"], o = {
52
+ function ae({ field: e, value: r, error: n, onChange: o }) {
53
+ const a = e.name.current, _ = {
54
+ full: c.fieldFull,
55
+ half: c.fieldHalf,
56
+ third: c.fieldThird
57
+ }[e.width ?? "full"], i = {
58
58
  id: a,
59
59
  name: a,
60
60
  label: e.label,
@@ -62,7 +62,7 @@ function ae({ field: e, value: r, error: n, onChange: l }) {
62
62
  disabled: e.disabled,
63
63
  helperText: e.helperText,
64
64
  error: n
65
- }, h = () => {
65
+ }, m = () => {
66
66
  switch (e.fieldType) {
67
67
  // ── Text-based inputs ──────────────────────────────────────────────
68
68
  case "text":
@@ -70,103 +70,103 @@ function ae({ field: e, value: r, error: n, onChange: l }) {
70
70
  case "phone":
71
71
  case "number":
72
72
  case "url":
73
- return /* @__PURE__ */ u(
74
- T,
73
+ return /* @__PURE__ */ s(
74
+ v,
75
75
  {
76
- ...o,
76
+ ...i,
77
77
  type: e.fieldType === "phone" ? "tel" : e.fieldType,
78
78
  placeholder: e.placeholder,
79
79
  value: r ?? "",
80
80
  minLength: e.minLength,
81
81
  maxLength: e.maxLength,
82
82
  fullWidth: !0,
83
- onChange: (t) => l(a, t.target.value)
83
+ onChange: (t) => o(a, t.target.value)
84
84
  }
85
85
  );
86
86
  // ── Textarea ───────────────────────────────────────────────────────
87
87
  case "textarea":
88
- return /* @__PURE__ */ u(
89
- W,
88
+ return /* @__PURE__ */ s(
89
+ T,
90
90
  {
91
- ...o,
91
+ ...i,
92
92
  placeholder: e.placeholder,
93
93
  value: r ?? "",
94
94
  rows: e.rows ?? 4,
95
95
  maxLength: e.maxLength,
96
96
  showCharCount: e.showCharCount,
97
97
  fullWidth: !0,
98
- onChange: (t) => l(a, t.target.value)
98
+ onChange: (t) => o(a, t.target.value)
99
99
  }
100
100
  );
101
101
  // ── Select ─────────────────────────────────────────────────────────
102
102
  case "select": {
103
- const t = e.useOptionGroups ? _(e.optionGroups) : c(e.options);
104
- return /* @__PURE__ */ u(
105
- d,
103
+ const t = e.useOptionGroups ? p(e.optionGroups) : u(e.options);
104
+ return /* @__PURE__ */ s(
105
+ b,
106
106
  {
107
- ...o,
107
+ ...i,
108
108
  placeholder: e.placeholder,
109
109
  options: t,
110
110
  value: r ?? "",
111
111
  fullWidth: !0,
112
- onChange: (s) => l(a, s.target.value)
112
+ onChange: (l) => o(a, l.target.value)
113
113
  }
114
114
  );
115
115
  }
116
116
  // ── Multi-select ───────────────────────────────────────────────────
117
117
  case "multiselect": {
118
- const t = e.useOptionGroups ? _(e.optionGroups) : c(e.options);
119
- return /* @__PURE__ */ u(
120
- d,
118
+ const t = e.useOptionGroups ? p(e.optionGroups) : u(e.options);
119
+ return /* @__PURE__ */ s(
120
+ b,
121
121
  {
122
- ...o,
122
+ ...i,
123
123
  multiple: !0,
124
124
  options: t,
125
125
  value: r ?? [],
126
126
  showSelectedCount: !0,
127
- onChange: (s) => l(a, s)
127
+ onChange: (l) => o(a, l)
128
128
  }
129
129
  );
130
130
  }
131
131
  // ── Single checkbox ────────────────────────────────────────────────
132
132
  case "checkbox":
133
- return /* @__PURE__ */ u(
134
- m,
133
+ return /* @__PURE__ */ s(
134
+ d,
135
135
  {
136
- id: o.id,
137
- name: o.name,
136
+ id: i.id,
137
+ name: i.name,
138
138
  label: e.label,
139
139
  required: e.required,
140
140
  disabled: e.disabled,
141
141
  helperText: n ?? e.helperText,
142
142
  error: !!n,
143
143
  checked: r ?? !1,
144
- onChange: (t) => l(a, t.target.checked)
144
+ onChange: (t) => o(a, t.target.checked)
145
145
  }
146
146
  );
147
147
  // ── Checkbox group ─────────────────────────────────────────────────
148
148
  case "checkboxGroup": {
149
149
  const t = r ?? [];
150
- return /* @__PURE__ */ u(p, { legend: e.label, error: !!n, helperText: n, children: c(e.options).map((s) => /* @__PURE__ */ u(
151
- m,
150
+ return /* @__PURE__ */ s(h, { legend: e.label, error: !!n, helperText: n, children: u(e.options).map((l) => /* @__PURE__ */ s(
151
+ d,
152
152
  {
153
- id: `${a}-${s.value}`,
153
+ id: `${a}-${l.value}`,
154
154
  name: `${a}[]`,
155
- label: s.label,
156
- checked: t.includes(s.value),
157
- disabled: s.disabled || e.disabled,
155
+ label: l.label,
156
+ checked: t.includes(l.value),
157
+ disabled: l.disabled || e.disabled,
158
158
  onChange: (x) => {
159
- const g = x.target.checked ? [...t, s.value] : t.filter((v) => v !== s.value);
160
- l(a, g);
159
+ const f = x.target.checked ? [...t, l.value] : t.filter((g) => g !== l.value);
160
+ o(a, f);
161
161
  }
162
162
  },
163
- s.value
163
+ l.value
164
164
  )) });
165
165
  }
166
166
  // ── Radio group ────────────────────────────────────────────────────
167
167
  case "radio":
168
- return /* @__PURE__ */ u(p, { legend: e.label, error: !!n, helperText: n, children: c(e.options).map((t) => /* @__PURE__ */ u(
169
- f,
168
+ return /* @__PURE__ */ s(h, { legend: e.label, error: !!n, helperText: n, children: u(e.options).map((t) => /* @__PURE__ */ s(
169
+ W,
170
170
  {
171
171
  id: `${a}-${t.value}`,
172
172
  name: a,
@@ -175,32 +175,32 @@ function ae({ field: e, value: r, error: n, onChange: l }) {
175
175
  checked: r === t.value,
176
176
  disabled: t.disabled || e.disabled,
177
177
  required: e.required,
178
- onChange: () => l(a, t.value)
178
+ onChange: () => o(a, t.value)
179
179
  },
180
180
  t.value
181
181
  )) });
182
182
  // ── Date picker ────────────────────────────────────────────────────
183
183
  case "date":
184
- return /* @__PURE__ */ u(
184
+ return /* @__PURE__ */ s(
185
185
  k,
186
186
  {
187
- id: o.id,
188
- name: o.name,
187
+ id: i.id,
188
+ name: i.name,
189
189
  label: e.label,
190
190
  required: e.required,
191
191
  disabled: e.disabled,
192
192
  helperText: n ?? e.helperText,
193
193
  error: !!n,
194
194
  value: r ?? null,
195
- onChange: (t) => l(a, t)
195
+ onChange: (t) => o(a, t)
196
196
  }
197
197
  );
198
198
  // ── Range ──────────────────────────────────────────────────────────
199
199
  case "range":
200
- return /* @__PURE__ */ u(
200
+ return /* @__PURE__ */ s(
201
201
  w,
202
202
  {
203
- ...o,
203
+ ...i,
204
204
  value: r ?? e.rangeMin ?? 0,
205
205
  min: e.rangeMin ?? 0,
206
206
  max: e.rangeMax ?? 100,
@@ -208,12 +208,12 @@ function ae({ field: e, value: r, error: n, onChange: l }) {
208
208
  valuePrefix: e.rangeValuePrefix,
209
209
  valueSuffix: e.rangeValueSuffix,
210
210
  showValue: !0,
211
- onChange: (t) => l(a, t)
211
+ onChange: (t) => o(a, t)
212
212
  }
213
213
  );
214
214
  // ── Hidden ─────────────────────────────────────────────────────────
215
215
  case "hidden":
216
- return /* @__PURE__ */ u(
216
+ return /* @__PURE__ */ s(
217
217
  "input",
218
218
  {
219
219
  type: "hidden",
@@ -225,9 +225,9 @@ function ae({ field: e, value: r, error: n, onChange: l }) {
225
225
  return null;
226
226
  }
227
227
  };
228
- return e.fieldType === "hidden" ? h() : /* @__PURE__ */ u("div", { className: `${b}`, children: h() });
228
+ return e.fieldType === "hidden" ? m() : /* @__PURE__ */ s("div", { className: `${_}`, children: m() });
229
229
  }
230
230
  export {
231
231
  ae as F,
232
- i as s
232
+ c as s
233
233
  };
@@ -0,0 +1 @@
1
+ "use strict";require('./FormField.css');const a=require("react/jsx-runtime"),v=require("./core/components/Input/index.cjs"),q=require("./core/components/Textarea/index.cjs"),b=require("./core/components/Select/index.cjs"),_=require("./core/components/Checkbox/index.cjs"),T=require("./core/components/Radio/index.cjs"),m=require("./core/components/Fieldset/index.cjs"),k=require("./core/components/DatePicker/index.cjs"),W=require("./core/components/Range/index.cjs"),F="_formBlock_b7mbf_1",j="_container_b7mbf_7",C="_formInner_b7mbf_20",w="_maxWidthSm_b7mbf_26",L="_maxWidthMd_b7mbf_29",y="_maxWidthLg_b7mbf_32",S="_maxWidthFull_b7mbf_35",B="_heading_b7mbf_41",$="_eyebrow_b7mbf_47",H="_title_b7mbf_51",G="_progress_b7mbf_57",I="_progressHeader_b7mbf_63",M="_stepLabel_b7mbf_69",D="_stepCount_b7mbf_75",O="_stepDescription_b7mbf_80",P="_fields_b7mbf_88",R="_fieldFull_b7mbf_95",V="_fieldHalf_b7mbf_99",N="_fieldThird_b7mbf_107",z="_actions_b7mbf_117",A="_submitButton_b7mbf_124",E="_success_b7mbf_130",J="_errorBanner_b7mbf_143",u={formBlock:F,container:j,formInner:C,maxWidthSm:w,maxWidthMd:L,maxWidthLg:y,maxWidthFull:S,heading:B,eyebrow:$,title:H,progress:G,progressHeader:I,stepLabel:M,stepCount:D,stepDescription:O,fields:P,fieldFull:R,fieldHalf:V,fieldThird:N,actions:z,submitButton:A,success:E,errorBanner:J};function i(e){return(e??[]).map(n=>({label:n.label,value:n.value.current,disabled:n.disabled}))}function h(e){return(e??[]).map(n=>({label:n.label,options:n.options.map(s=>({label:s.label,value:s.value.current,disabled:s.disabled}))}))}function K({field:e,value:n,error:s,onChange:l}){const r=e.name.current,p={full:u.fieldFull,half:u.fieldHalf,third:u.fieldThird}[e.width??"full"],c={id:r,name:r,label:e.label,required:e.required,disabled:e.disabled,helperText:e.helperText,error:s},d=()=>{switch(e.fieldType){case"text":case"email":case"phone":case"number":case"url":return a.jsx(v.Input,{...c,type:e.fieldType==="phone"?"tel":e.fieldType,placeholder:e.placeholder,value:n??"",minLength:e.minLength,maxLength:e.maxLength,fullWidth:!0,onChange:t=>l(r,t.target.value)});case"textarea":return a.jsx(q.Textarea,{...c,placeholder:e.placeholder,value:n??"",rows:e.rows??4,maxLength:e.maxLength,showCharCount:e.showCharCount,fullWidth:!0,onChange:t=>l(r,t.target.value)});case"select":{const t=e.useOptionGroups?h(e.optionGroups):i(e.options);return a.jsx(b.Select,{...c,placeholder:e.placeholder,options:t,value:n??"",fullWidth:!0,onChange:o=>l(r,o.target.value)})}case"multiselect":{const t=e.useOptionGroups?h(e.optionGroups):i(e.options);return a.jsx(b.Select,{...c,multiple:!0,options:t,value:n??[],showSelectedCount:!0,onChange:o=>l(r,o)})}case"checkbox":return a.jsx(_.Checkbox,{id:c.id,name:c.name,label:e.label,required:e.required,disabled:e.disabled,helperText:s??e.helperText,error:!!s,checked:n??!1,onChange:t=>l(r,t.target.checked)});case"checkboxGroup":{const t=n??[];return a.jsx(m.Fieldset,{legend:e.label,error:!!s,helperText:s,children:i(e.options).map(o=>a.jsx(_.Checkbox,{id:`${r}-${o.value}`,name:`${r}[]`,label:o.label,checked:t.includes(o.value),disabled:o.disabled||e.disabled,onChange:x=>{const g=x.target.checked?[...t,o.value]:t.filter(f=>f!==o.value);l(r,g)}},o.value))})}case"radio":return a.jsx(m.Fieldset,{legend:e.label,error:!!s,helperText:s,children:i(e.options).map(t=>a.jsx(T.Radio,{id:`${r}-${t.value}`,name:r,value:t.value,label:t.label,checked:n===t.value,disabled:t.disabled||e.disabled,required:e.required,onChange:()=>l(r,t.value)},t.value))});case"date":return a.jsx(k.DatePicker,{id:c.id,name:c.name,label:e.label,required:e.required,disabled:e.disabled,helperText:s??e.helperText,error:!!s,value:n??null,onChange:t=>l(r,t)});case"range":return a.jsx(W.Range,{...c,value:n??e.rangeMin??0,min:e.rangeMin??0,max:e.rangeMax??100,step:e.rangeStep??1,valuePrefix:e.rangeValuePrefix,valueSuffix:e.rangeValueSuffix,showValue:!0,onChange:t=>l(r,t)});case"hidden":return a.jsx("input",{type:"hidden",name:r,value:n??e.hiddenValue??""});default:return null}};return e.fieldType==="hidden"?d():a.jsx("div",{className:`${p}`,children:d()})}exports.FormField=K;exports.styles=u;
@@ -1 +1 @@
1
- ._formBlock_cu3uh_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_cu3uh_7{width:100%;max-width:var(--layout-width, 1250px);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-lg)}._formInner_cu3uh_20{width:100%}._maxWidthSm_cu3uh_24{max-width:480px}._maxWidthMd_cu3uh_27{max-width:640px}._maxWidthLg_cu3uh_30{max-width:800px}._maxWidthFull_cu3uh_33{max-width:100%}._heading_cu3uh_39{display:flex;flex-direction:column;gap:var(--spacing-sm)}._eyebrow_cu3uh_45{font-weight:var(--font-weight-bold)}._title_cu3uh_49{text-wrap:balance}._progress_cu3uh_55{display:flex;flex-direction:column;gap:var(--spacing-sm)}._progressHeader_cu3uh_61{display:flex;justify-content:space-between;align-items:center}._stepLabel_cu3uh_67{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text-primary)}._stepCount_cu3uh_73{font-size:var(--font-size-sm);color:var(--color-secondary-50)}._stepDescription_cu3uh_78{color:var(--color-secondary-75);font-size:var(--font-size-md);margin:0}._fields_cu3uh_86{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}._fieldFull_cu3uh_93{width:100%}._fieldHalf_cu3uh_97{width:calc(50% - var(--spacing-md) / 2)}@media (max-width: 767px){._fieldHalf_cu3uh_97{width:100%}}._fieldThird_cu3uh_105{width:calc(33.333% - var(--spacing-md) * 2 / 3)}@media (max-width: 767px){._fieldThird_cu3uh_105{width:100%}}._actions_cu3uh_115{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-sm)}._submitButton_cu3uh_122{margin-left:auto}._success_cu3uh_128{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-xl);background-color:var(--color-states-success-bg);color:var(--color-states-success-text);border-radius:var(--radius-md)}._errorBanner_cu3uh_141{padding:var(--spacing-md);background-color:var(--color-states-error-bg);color:var(--color-states-error-text);border-radius:var(--radius-md);font-size:var(--font-size-sm)}
1
+ ._formBlock_b7mbf_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_b7mbf_7{width:100%;max-width:var(--layout-width, 1250px);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-lg)}._formInner_b7mbf_20{width:100%;margin-left:auto;margin-right:auto}._maxWidthSm_b7mbf_26{max-width:480px}._maxWidthMd_b7mbf_29{max-width:640px}._maxWidthLg_b7mbf_32{max-width:800px}._maxWidthFull_b7mbf_35{max-width:100%}._heading_b7mbf_41{display:flex;flex-direction:column;gap:var(--spacing-sm)}._eyebrow_b7mbf_47{font-weight:var(--font-weight-bold)}._title_b7mbf_51{text-wrap:balance}._progress_b7mbf_57{display:flex;flex-direction:column;gap:var(--spacing-sm)}._progressHeader_b7mbf_63{display:flex;justify-content:space-between;align-items:center}._stepLabel_b7mbf_69{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text-primary)}._stepCount_b7mbf_75{font-size:var(--font-size-sm);color:var(--color-secondary-50)}._stepDescription_b7mbf_80{color:var(--color-secondary-75);font-size:var(--font-size-md);margin:0}._fields_b7mbf_88{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}._fieldFull_b7mbf_95{width:100%}._fieldHalf_b7mbf_99{width:calc(50% - var(--spacing-md) / 2)}@media (max-width: 767px){._fieldHalf_b7mbf_99{width:100%}}._fieldThird_b7mbf_107{width:calc(33.333% - var(--spacing-md) * 2 / 3)}@media (max-width: 767px){._fieldThird_b7mbf_107{width:100%}}._actions_b7mbf_117{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-sm)}._submitButton_b7mbf_124{margin-left:auto}._success_b7mbf_130{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-xl);background-color:var(--color-states-success-bg);color:var(--color-states-success-text);border-radius:var(--radius-md)}._errorBanner_b7mbf_143{padding:var(--spacing-md);background-color:var(--color-states-error-bg);color:var(--color-states-error-text);border-radius:var(--radius-md);font-size:var(--font-size-sm)}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../core/components/Input/index.cjs");require("../../../core/components/Textarea/index.cjs");require("../../../core/components/Select/index.cjs");require("../../../core/components/Checkbox/index.cjs");require("../../../core/components/Radio/index.cjs");require("../../../core/components/Fieldset/index.cjs");require("../../../core/components/DatePicker/index.cjs");require("../../../core/components/Range/index.cjs");const e=require("../../../FormField-CtUZKmKE.cjs");exports.FormField=e.FormField;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../core/components/Input/index.cjs");require("../../../core/components/Textarea/index.cjs");require("../../../core/components/Select/index.cjs");require("../../../core/components/Checkbox/index.cjs");require("../../../core/components/Radio/index.cjs");require("../../../core/components/Fieldset/index.cjs");require("../../../core/components/DatePicker/index.cjs");require("../../../core/components/Range/index.cjs");const e=require("../../../FormField-fg7Q2UyZ.cjs");exports.FormField=e.FormField;
@@ -7,7 +7,7 @@ import "../../../core/components/Radio/index.mjs";
7
7
  import "../../../core/components/Fieldset/index.mjs";
8
8
  import "../../../core/components/DatePicker/index.mjs";
9
9
  import "../../../core/components/Range/index.mjs";
10
- import { F as l } from "../../../FormField-J7D8joVl.js";
10
+ import { F as l } from "../../../FormField-Rqe3qF_t.js";
11
11
  export {
12
12
  l as FormField
13
13
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),U=require("../../../core/components/Form/index.cjs"),E=require("../../../index-hPJqlEOh.cjs"),V=require("../../../core/components/ProgressBar/index.cjs"),W=require("../../hooks/useStyleClasses.cjs"),s=require("../../../FormField-CtUZKmKE.cjs"),_=require("./validate.cjs");function M(r,t){switch(t.type){case"SET_VALUE":return{...r,values:{...r.values,[t.name]:t.value},errors:{...r.errors,[t.name]:""}};case"SET_ERRORS":return{...r,errors:t.errors};case"CLEAR_ERROR":return{...r,errors:{...r.errors,[t.name]:""}};case"NEXT_STEP":return{...r,currentStep:r.currentStep+1,errors:{}};case"PREV_STEP":return{...r,currentStep:r.currentStep-1,errors:{}};case"SET_SUBMITTING":return{...r,isSubmitting:t.value};case"SET_RESULT":return{...r,submitResult:t.result,isSubmitting:!1};case"RESET":return{...r,currentStep:0,errors:{},submitResult:null,isSubmitting:!1};default:return r}}function A({id:r,heading:t,layout:x="vertical",maxWidth:B="md",steps:p,submitLabel:h="Submit",nextLabel:C="Next",backLabel:T="Back",successMessage:F="Thank you! Your submission has been received.",errorMessage:S="Something went wrong. Please try again.",styleOptions:R,renderRichText:n,onSubmit:v}){const N=W.useStyleClasses(R??{}),j={sm:s.styles.maxWidthSm,md:s.styles.maxWidthMd,lg:s.styles.maxWidthLg,full:s.styles.maxWidthFull}[B],g=u.useMemo(()=>_.buildInitialValues(p),[]),[L,c]=u.useReducer(M,{values:g,errors:{},currentStep:0,isSubmitting:!1,submitResult:null}),{values:i,errors:P,currentStep:m,isSubmitting:d,submitResult:o}=L,y=p.length,k=y>1,f=m===y-1,$=(m+1)/y*100,a=p[m],q=u.useCallback((l,b)=>{c({type:"SET_VALUE",name:l,value:b})},[]),w=u.useCallback(()=>{const l=_.validateStep(a.fields,i);if(Object.keys(l).length>0){c({type:"SET_ERRORS",errors:l});return}c({type:"NEXT_STEP"})},[a.fields,i]),I=u.useCallback(()=>{c({type:"PREV_STEP"})},[]),O=u.useCallback(async()=>{const l=_.validateStep(a.fields,i);if(Object.keys(l).length>0){c({type:"SET_ERRORS",errors:l});return}c({type:"SET_SUBMITTING",value:!0});try{const b=await v(i);c({type:"SET_RESULT",result:b})}catch{c({type:"SET_RESULT",result:{success:!1,message:S}})}},[a.fields,i,v,S]);return o!=null&&o.success?e.jsx("section",{id:r,className:`${s.styles.formBlock} ${N}`,children:e.jsx("div",{className:`${s.styles.formInner} ${j}`,children:e.jsx("div",{className:s.styles.container,children:e.jsxs("div",{className:s.styles.success,children:[e.jsx("p",{children:o.message??F}),e.jsx(E.Button,{as:"button",variant:"secondary",onClick:()=>c({type:"RESET"}),children:"Submit another response"})]})})})}):e.jsx("section",{id:r,className:`${s.styles.formBlock} ${N}`,children:e.jsx("div",{className:`${s.styles.formInner} ${j}`,children:e.jsxs("div",{className:s.styles.container,children:[((t==null?void 0:t.title)||(t==null?void 0:t.description))&&e.jsxs("div",{className:s.styles.heading,children:[t.eyebrow&&(n==null?void 0:n({blocks:t.eyebrow,className:s.styles.eyebrow})),t.title&&(n==null?void 0:n({blocks:t.title,className:s.styles.title})),t.description&&(n==null?void 0:n({blocks:t.description,className:s.styles.description}))]}),k&&e.jsxs("div",{className:s.styles.progress,children:[e.jsxs("div",{className:s.styles.progressHeader,children:[e.jsx("span",{className:s.styles.stepLabel,children:a.title}),e.jsxs("span",{className:s.styles.stepCount,children:[m+1," / ",y]})]}),e.jsx(V.ProgressBar,{progress:$,variant:"primary",size:"sm",showLabel:!1})]}),a.description&&e.jsx("p",{className:s.styles.stepDescription,children:a.description}),o&&!o.success&&e.jsx("div",{className:s.styles.errorBanner,role:"alert",children:o.message??S}),e.jsxs(U.Form,{layout:x,noValidate:!0,onSubmit:l=>{l.preventDefault(),f?O():w()},children:[e.jsx("div",{className:s.styles.fields,children:a.fields.map(l=>e.jsx(s.FormField,{field:l,value:i[l.name.current],error:P[l.name.current],onChange:q},l._key))}),e.jsxs("div",{className:s.styles.actions,children:[k&&m>0&&e.jsx(E.Button,{as:"button",type:"button",variant:"secondary",onClick:I,disabled:d,children:T}),e.jsx(E.Button,{as:"button",type:"submit",variant:"primary",disabled:d,className:s.styles.submitButton,children:d?"Submitting…":f?h:C})]})]})]})})})}exports.FormBlock=A;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),U=require("../../../core/components/Form/index.cjs"),E=require("../../../index-hPJqlEOh.cjs"),V=require("../../../core/components/ProgressBar/index.cjs"),W=require("../../hooks/useStyleClasses.cjs"),s=require("../../../FormField-fg7Q2UyZ.cjs"),_=require("./validate.cjs");function M(r,t){switch(t.type){case"SET_VALUE":return{...r,values:{...r.values,[t.name]:t.value},errors:{...r.errors,[t.name]:""}};case"SET_ERRORS":return{...r,errors:t.errors};case"CLEAR_ERROR":return{...r,errors:{...r.errors,[t.name]:""}};case"NEXT_STEP":return{...r,currentStep:r.currentStep+1,errors:{}};case"PREV_STEP":return{...r,currentStep:r.currentStep-1,errors:{}};case"SET_SUBMITTING":return{...r,isSubmitting:t.value};case"SET_RESULT":return{...r,submitResult:t.result,isSubmitting:!1};case"RESET":return{...r,currentStep:0,errors:{},submitResult:null,isSubmitting:!1};default:return r}}function A({id:r,heading:t,layout:x="vertical",maxWidth:B="md",steps:p,submitLabel:h="Submit",nextLabel:C="Next",backLabel:T="Back",successMessage:F="Thank you! Your submission has been received.",errorMessage:S="Something went wrong. Please try again.",styleOptions:R,renderRichText:n,onSubmit:v}){const N=W.useStyleClasses(R??{}),j={sm:s.styles.maxWidthSm,md:s.styles.maxWidthMd,lg:s.styles.maxWidthLg,full:s.styles.maxWidthFull}[B],g=u.useMemo(()=>_.buildInitialValues(p),[]),[L,c]=u.useReducer(M,{values:g,errors:{},currentStep:0,isSubmitting:!1,submitResult:null}),{values:i,errors:P,currentStep:m,isSubmitting:d,submitResult:o}=L,y=p.length,k=y>1,f=m===y-1,$=(m+1)/y*100,a=p[m],q=u.useCallback((l,b)=>{c({type:"SET_VALUE",name:l,value:b})},[]),w=u.useCallback(()=>{const l=_.validateStep(a.fields,i);if(Object.keys(l).length>0){c({type:"SET_ERRORS",errors:l});return}c({type:"NEXT_STEP"})},[a.fields,i]),I=u.useCallback(()=>{c({type:"PREV_STEP"})},[]),O=u.useCallback(async()=>{const l=_.validateStep(a.fields,i);if(Object.keys(l).length>0){c({type:"SET_ERRORS",errors:l});return}c({type:"SET_SUBMITTING",value:!0});try{const b=await v(i);c({type:"SET_RESULT",result:b})}catch{c({type:"SET_RESULT",result:{success:!1,message:S}})}},[a.fields,i,v,S]);return o!=null&&o.success?e.jsx("section",{id:r,className:`${s.styles.formBlock} ${N}`,children:e.jsx("div",{className:`${s.styles.formInner} ${j}`,children:e.jsx("div",{className:s.styles.container,children:e.jsxs("div",{className:s.styles.success,children:[e.jsx("p",{children:o.message??F}),e.jsx(E.Button,{as:"button",variant:"secondary",onClick:()=>c({type:"RESET"}),children:"Submit another response"})]})})})}):e.jsx("section",{id:r,className:`${s.styles.formBlock} ${N}`,children:e.jsx("div",{className:`${s.styles.formInner} ${j}`,children:e.jsxs("div",{className:s.styles.container,children:[((t==null?void 0:t.title)||(t==null?void 0:t.description))&&e.jsxs("div",{className:s.styles.heading,children:[t.eyebrow&&(n==null?void 0:n({blocks:t.eyebrow,className:s.styles.eyebrow})),t.title&&(n==null?void 0:n({blocks:t.title,className:s.styles.title})),t.description&&(n==null?void 0:n({blocks:t.description,className:s.styles.description}))]}),k&&e.jsxs("div",{className:s.styles.progress,children:[e.jsxs("div",{className:s.styles.progressHeader,children:[e.jsx("span",{className:s.styles.stepLabel,children:a.title}),e.jsxs("span",{className:s.styles.stepCount,children:[m+1," / ",y]})]}),e.jsx(V.ProgressBar,{progress:$,variant:"primary",size:"sm",showLabel:!1})]}),a.description&&e.jsx("p",{className:s.styles.stepDescription,children:a.description}),o&&!o.success&&e.jsx("div",{className:s.styles.errorBanner,role:"alert",children:o.message??S}),e.jsxs(U.Form,{layout:x,noValidate:!0,onSubmit:l=>{l.preventDefault(),f?O():w()},children:[e.jsx("div",{className:s.styles.fields,children:a.fields.map(l=>e.jsx(s.FormField,{field:l,value:i[l.name.current],error:P[l.name.current],onChange:q},l._key))}),e.jsxs("div",{className:s.styles.actions,children:[k&&m>0&&e.jsx(E.Button,{as:"button",type:"button",variant:"secondary",onClick:I,disabled:d,children:T}),e.jsx(E.Button,{as:"button",type:"submit",variant:"primary",disabled:d,className:s.styles.submitButton,children:d?"Submitting…":f?h:C})]})]})]})})})}exports.FormBlock=A;
@@ -4,7 +4,7 @@ import { Form as M } from "../../../core/components/Form/index.mjs";
4
4
  import { B as y } from "../../../index-paelIj6o.js";
5
5
  import { ProgressBar as G } from "../../../core/components/ProgressBar/index.mjs";
6
6
  import { useStyleClasses as X } from "../../hooks/useStyleClasses.mjs";
7
- import { s, F as z } from "../../../FormField-J7D8joVl.js";
7
+ import { s, F as z } from "../../../FormField-Rqe3qF_t.js";
8
8
  import { buildInitialValues as H, validateStep as B } from "./validate.mjs";
9
9
  function Y(r, e) {
10
10
  switch (e.type) {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.1.77",
4
+ "version": "0.1.78",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {
@@ -1,13 +0,0 @@
1
- declare const styles: {
2
- readonly "_accordionContent_14hw7_64": string;
3
- readonly "_accordionHeader_14hw7_15": string;
4
- readonly "_accordionItem_14hw7_7": string;
5
- readonly "_accordion_14hw7_1": string;
6
- readonly "_active_14hw7_30": string;
7
- readonly "_closed_14hw7_51": string;
8
- readonly "_icon_14hw7_44": string;
9
- readonly "_open_14hw7_50": string;
10
- readonly "_rotate_14hw7_80": string;
11
- };
12
- export = styles;
13
-
@@ -1,31 +0,0 @@
1
- declare const styles: {
2
- readonly "_applyFilters_1vg9o_218": string;
3
- readonly "_buttonIsLoading_1vg9o_307": string;
4
- readonly "_clearSearch_1vg9o_106": string;
5
- readonly "_container_1vg9o_9": string;
6
- readonly "_cta_1vg9o_25": string;
7
- readonly "_documentList_1vg9o_1": string;
8
- readonly "_eyebrow_1vg9o_30": string;
9
- readonly "_filterHeader_1vg9o_178": string;
10
- readonly "_filterList_1vg9o_203": string;
11
- readonly "_filterToggle_1vg9o_163": string;
12
- readonly "_heading_1vg9o_20": string;
13
- readonly "_hide_1vg9o_256": string;
14
- readonly "_listContainer_1vg9o_34": string;
15
- readonly "_listFilters_1vg9o_210": string;
16
- readonly "_listHeaderFilters_1vg9o_125": string;
17
- readonly "_listHeader_1vg9o_66": string;
18
- readonly "_listResults_1vg9o_136": string;
19
- readonly "_listSearch_1vg9o_79": string;
20
- readonly "_listSort_1vg9o_140": string;
21
- readonly "_listWrapper_1vg9o_45": string;
22
- readonly "_list_1vg9o_34": string;
23
- readonly "_loadMore_1vg9o_199": string;
24
- readonly "_rotate_1vg9o_1": string;
25
- readonly "_show_1vg9o_247": string;
26
- readonly "_text_1vg9o_25": string;
27
- readonly "_title_1vg9o_25": string;
28
- readonly "_wrapper_1vg9o_266": string;
29
- };
30
- export = styles;
31
-
@@ -1 +0,0 @@
1
- "use strict";require('./FormField.css');const a=require("react/jsx-runtime"),q=require("./core/components/Input/index.cjs"),T=require("./core/components/Textarea/index.cjs"),h=require("./core/components/Select/index.cjs"),_=require("./core/components/Checkbox/index.cjs"),k=require("./core/components/Radio/index.cjs"),p=require("./core/components/Fieldset/index.cjs"),W=require("./core/components/DatePicker/index.cjs"),F=require("./core/components/Range/index.cjs"),j="_formBlock_cu3uh_1",C="_container_cu3uh_7",w="_formInner_cu3uh_20",L="_maxWidthSm_cu3uh_24",y="_maxWidthMd_cu3uh_27",S="_maxWidthLg_cu3uh_30",B="_maxWidthFull_cu3uh_33",$="_heading_cu3uh_39",H="_eyebrow_cu3uh_45",G="_title_cu3uh_49",I="_progress_cu3uh_55",M="_progressHeader_cu3uh_61",D="_stepLabel_cu3uh_67",O="_stepCount_cu3uh_73",P="_stepDescription_cu3uh_78",R="_fields_cu3uh_86",V="_fieldFull_cu3uh_93",f="_fieldHalf_cu3uh_97",N="_fieldThird_cu3uh_105",z="_actions_cu3uh_115",A="_submitButton_cu3uh_122",E="_success_cu3uh_128",J="_errorBanner_cu3uh_141",i={formBlock:j,container:C,formInner:w,maxWidthSm:L,maxWidthMd:y,maxWidthLg:S,maxWidthFull:B,heading:$,eyebrow:H,title:G,progress:I,progressHeader:M,stepLabel:D,stepCount:O,stepDescription:P,fields:R,fieldFull:V,fieldHalf:f,fieldThird:N,actions:z,submitButton:A,success:E,errorBanner:J};function l(e){return(e??[]).map(n=>({label:n.label,value:n.value.current,disabled:n.disabled}))}function m(e){return(e??[]).map(n=>({label:n.label,options:n.options.map(s=>({label:s.label,value:s.value.current,disabled:s.disabled}))}))}function K({field:e,value:n,error:s,onChange:c}){const r=e.name.current,x={full:i.fieldFull,half:i.fieldHalf,third:i.fieldThird}[e.width??"full"],o={id:r,name:r,label:e.label,required:e.required,disabled:e.disabled,helperText:e.helperText,error:s},d=()=>{switch(e.fieldType){case"text":case"email":case"phone":case"number":case"url":return a.jsx(q.Input,{...o,type:e.fieldType==="phone"?"tel":e.fieldType,placeholder:e.placeholder,value:n??"",minLength:e.minLength,maxLength:e.maxLength,fullWidth:!0,onChange:t=>c(r,t.target.value)});case"textarea":return a.jsx(T.Textarea,{...o,placeholder:e.placeholder,value:n??"",rows:e.rows??4,maxLength:e.maxLength,showCharCount:e.showCharCount,fullWidth:!0,onChange:t=>c(r,t.target.value)});case"select":{const t=e.useOptionGroups?m(e.optionGroups):l(e.options);return a.jsx(h.Select,{...o,placeholder:e.placeholder,options:t,value:n??"",fullWidth:!0,onChange:u=>c(r,u.target.value)})}case"multiselect":{const t=e.useOptionGroups?m(e.optionGroups):l(e.options);return a.jsx(h.Select,{...o,multiple:!0,options:t,value:n??[],showSelectedCount:!0,onChange:u=>c(r,u)})}case"checkbox":return a.jsx(_.Checkbox,{id:o.id,name:o.name,label:e.label,required:e.required,disabled:e.disabled,helperText:s??e.helperText,error:!!s,checked:n??!1,onChange:t=>c(r,t.target.checked)});case"checkboxGroup":{const t=n??[];return a.jsx(p.Fieldset,{legend:e.label,error:!!s,helperText:s,children:l(e.options).map(u=>a.jsx(_.Checkbox,{id:`${r}-${u.value}`,name:`${r}[]`,label:u.label,checked:t.includes(u.value),disabled:u.disabled||e.disabled,onChange:b=>{const g=b.target.checked?[...t,u.value]:t.filter(v=>v!==u.value);c(r,g)}},u.value))})}case"radio":return a.jsx(p.Fieldset,{legend:e.label,error:!!s,helperText:s,children:l(e.options).map(t=>a.jsx(k.Radio,{id:`${r}-${t.value}`,name:r,value:t.value,label:t.label,checked:n===t.value,disabled:t.disabled||e.disabled,required:e.required,onChange:()=>c(r,t.value)},t.value))});case"date":return a.jsx(W.DatePicker,{id:o.id,name:o.name,label:e.label,required:e.required,disabled:e.disabled,helperText:s??e.helperText,error:!!s,value:n??null,onChange:t=>c(r,t)});case"range":return a.jsx(F.Range,{...o,value:n??e.rangeMin??0,min:e.rangeMin??0,max:e.rangeMax??100,step:e.rangeStep??1,valuePrefix:e.rangeValuePrefix,valueSuffix:e.rangeValueSuffix,showValue:!0,onChange:t=>c(r,t)});case"hidden":return a.jsx("input",{type:"hidden",name:r,value:n??e.hiddenValue??""});default:return null}};return e.fieldType==="hidden"?d():a.jsx("div",{className:`${x}`,children:d()})}exports.FormField=K;exports.styles=i;
@@ -1,27 +0,0 @@
1
- declare const styles: {
2
- readonly "_actions_cu3uh_115": string;
3
- readonly "_container_cu3uh_7": string;
4
- readonly "_errorBanner_cu3uh_141": string;
5
- readonly "_eyebrow_cu3uh_45": string;
6
- readonly "_fieldFull_cu3uh_93": string;
7
- readonly "_fieldHalf_cu3uh_97": string;
8
- readonly "_fieldThird_cu3uh_105": string;
9
- readonly "_fields_cu3uh_86": string;
10
- readonly "_formBlock_cu3uh_1": string;
11
- readonly "_formInner_cu3uh_20": string;
12
- readonly "_heading_cu3uh_39": string;
13
- readonly "_maxWidthFull_cu3uh_33": string;
14
- readonly "_maxWidthLg_cu3uh_30": string;
15
- readonly "_maxWidthMd_cu3uh_27": string;
16
- readonly "_maxWidthSm_cu3uh_24": string;
17
- readonly "_progressHeader_cu3uh_61": string;
18
- readonly "_progress_cu3uh_55": string;
19
- readonly "_stepCount_cu3uh_73": string;
20
- readonly "_stepDescription_cu3uh_78": string;
21
- readonly "_stepLabel_cu3uh_67": string;
22
- readonly "_submitButton_cu3uh_122": string;
23
- readonly "_success_cu3uh_128": string;
24
- readonly "_title_cu3uh_49": string;
25
- };
26
- export = styles;
27
-
@@ -1,30 +0,0 @@
1
- declare const styles: {
2
- readonly "_articleCategories_1yw6g_80": string;
3
- readonly "_articleDetails_1yw6g_53": string;
4
- readonly "_articleType_1yw6g_66": string;
5
- readonly "_blog_1yw6g_129": string;
6
- readonly "_category_1yw6g_86": string;
7
- readonly "_container_1yw6g_7": string;
8
- readonly "_default_1yw6g_125": string;
9
- readonly "_disclaimer_1yw6g_41": string;
10
- readonly "_eyebrow_1yw6g_37": string;
11
- readonly "_fullBleed_1yw6g_326": string;
12
- readonly "_heading_1yw6g_15": string;
13
- readonly "_hero_1yw6g_1": string;
14
- readonly "_hide_1yw6g_118": string;
15
- readonly "_iframe_1yw6g_560": string;
16
- readonly "_media_1yw6g_353": string;
17
- readonly "_number_1yw6g_102": string;
18
- readonly "_overlay_1yw6g_155": string;
19
- readonly "_pipe_1yw6g_115": string;
20
- readonly "_splitAlt_1yw6g_442": string;
21
- readonly "_split_1yw6g_442": string;
22
- readonly "_text_1yw6g_22": string;
23
- readonly "_tile_1yw6g_225": string;
24
- readonly "_videoBackground_1yw6g_559": string;
25
- readonly "_videoControl_1yw6g_516": string;
26
- readonly "portableTextContainer": string;
27
- readonly "splitAlt": string;
28
- };
29
- export = styles;
30
-
@@ -1,72 +0,0 @@
1
- declare const styles: {
2
- readonly "_actions_pnjxx_1094": string;
3
- readonly "_advanced_pnjxx_805": string;
4
- readonly "_back_pnjxx_468": string;
5
- readonly "_center_pnjxx_51": string;
6
- readonly "_chevron_pnjxx_613": string;
7
- readonly "_container_pnjxx_32": string;
8
- readonly "_content_pnjxx_1075": string;
9
- readonly "_default_pnjxx_736": string;
10
- readonly "_description_pnjxx_1090": string;
11
- readonly "_fadeInFromLeft_pnjxx_1039": string;
12
- readonly "_fadeInFromRight_pnjxx_1043": string;
13
- readonly "_grid_pnjxx_340": string;
14
- readonly "_groupDivider_pnjxx_1009": string;
15
- readonly "_hidden_pnjxx_59": string;
16
- readonly "_imageWrapper_pnjxx_1053": string;
17
- readonly "_image_pnjxx_1053": string;
18
- readonly "_left_pnjxx_31": string;
19
- readonly "_linkContent_pnjxx_431": string;
20
- readonly "_linkItem_pnjxx_105": string;
21
- readonly "_linkWrapper_pnjxx_98": string;
22
- readonly "_link_pnjxx_98": string;
23
- readonly "_localeModal_pnjxx_364": string;
24
- readonly "_locale_pnjxx_112": string;
25
- readonly "_logo_pnjxx_36": string;
26
- readonly "_menuToggle_pnjxx_283": string;
27
- readonly "_mobileButtons_pnjxx_211": string;
28
- readonly "_mobileMenuItem_pnjxx_1035": string;
29
- readonly "_mobileMenuSlide_pnjxx_1025": string;
30
- readonly "_mobileMenu_pnjxx_1024": string;
31
- readonly "_navInner_pnjxx_329": string;
32
- readonly "_navItem_pnjxx_463": string;
33
- readonly "_navTitle_pnjxx_392": string;
34
- readonly "_nav_pnjxx_1": string;
35
- readonly "_navbar_pnjxx_1": string;
36
- readonly "_newTabIcon_pnjxx_415": string;
37
- readonly "_open_pnjxx_444": string;
38
- readonly "_parent_pnjxx_98": string;
39
- readonly "_primaryColumn_pnjxx_566": string;
40
- readonly "_right_pnjxx_81": string;
41
- readonly "_searchModal_pnjxx_363": string;
42
- readonly "_searchWrapper_pnjxx_1017": string;
43
- readonly "_search_pnjxx_111": string;
44
- readonly "_secondaryColumn_pnjxx_575": string;
45
- readonly "_separator_pnjxx_384": string;
46
- readonly "_show_pnjxx_517": string;
47
- readonly "_spotlightColumn_pnjxx_579": string;
48
- readonly "_spotlight_pnjxx_579": string;
49
- readonly "_standard_pnjxx_165": string;
50
- readonly "_sticky_pnjxx_15": string;
51
- readonly "_sublinkToggle_pnjxx_114": string;
52
- readonly "_sublinksColumn_pnjxx_603": string;
53
- readonly "_sublinksDescription_pnjxx_428": string;
54
- readonly "_sublinksInner_pnjxx_583": string;
55
- readonly "_sublinks_pnjxx_428": string;
56
- readonly "_subtitle_pnjxx_814": string;
57
- readonly "_themeToggle_pnjxx_113": string;
58
- readonly "_title_pnjxx_88": string;
59
- readonly "_transparent_pnjxx_898": string;
60
- readonly "_triangle_pnjxx_173": string;
61
- readonly "_twoColumn_pnjxx_202": string;
62
- readonly "_utilityMobile_pnjxx_301": string;
63
- readonly "_utility_pnjxx_301": string;
64
- readonly "_visible_pnjxx_66": string;
65
- readonly "_withSpotlight_pnjxx_856": string;
66
- readonly "_withoutSpotlight_pnjxx_860": string;
67
- readonly "modalClose": string;
68
- readonly "modalContent": string;
69
- readonly "modalContentContainer": string;
70
- };
71
- export = styles;
72
-
@@ -1 +0,0 @@
1
- export {};
@@ -1,7 +0,0 @@
1
- declare const styles: {
2
- readonly "_container_rnjap_5": string;
3
- readonly "_richText_rnjap_1": string;
4
- readonly "blog": string;
5
- };
6
- export = styles;
7
-
@@ -1,26 +0,0 @@
1
- declare const styles: {
2
- readonly "_codeBlockWrapper_1dlqn_102": string;
3
- readonly "_codeBlock_1dlqn_93": string;
4
- readonly "_codeFilename_1dlqn_114": string;
5
- readonly "_container_1dlqn_1": string;
6
- readonly "_divider_1dlqn_15": string;
7
- readonly "_h1_1dlqn_11": string;
8
- readonly "_h2_1dlqn_11": string;
9
- readonly "_h3_1dlqn_11": string;
10
- readonly "_h4_1dlqn_11": string;
11
- readonly "_h5_1dlqn_11": string;
12
- readonly "_h6_1dlqn_11": string;
13
- readonly "_richTextImage_1dlqn_33": string;
14
- readonly "_richTextLink_1dlqn_41": string;
15
- readonly "_spacerLarge_1dlqn_65": string;
16
- readonly "_spacerMedium_1dlqn_60": string;
17
- readonly "_spacerSmall_1dlqn_55": string;
18
- readonly "_tableWrapper_1dlqn_149": string;
19
- readonly "_table_1dlqn_149": string;
20
- readonly "text-large": string;
21
- readonly "text-medium": string;
22
- readonly "text-small": string;
23
- readonly "text-xlarge": string;
24
- };
25
- export = styles;
26
-
@@ -1,24 +0,0 @@
1
- declare const styles: {
2
- readonly "_active_1e5td_106": string;
3
- readonly "_container_1e5td_7": string;
4
- readonly "_content_1e5td_118": string;
5
- readonly "_cta_1e5td_28": string;
6
- readonly "_eyebrow_1e5td_199": string;
7
- readonly "_flex_1e5td_129": string;
8
- readonly "_heading_1e5td_23": string;
9
- readonly "_image_1e5td_173": string;
10
- readonly "_item_1e5td_154": string;
11
- readonly "_layout_1e5td_1": string;
12
- readonly "_link_1e5td_91": string;
13
- readonly "_number_1e5td_73": string;
14
- readonly "_scroll_1e5td_43": string;
15
- readonly "_sidebar_1e5td_48": string;
16
- readonly "_text_1e5td_28": string;
17
- readonly "_title_1e5td_28": string;
18
- readonly "imageRadius-full": string;
19
- readonly "imageRadius-lg": string;
20
- readonly "imageRadius-md": string;
21
- readonly "imageRadius-sm": string;
22
- };
23
- export = styles;
24
-