quirk-ui 0.0.364 → 0.0.366

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.
@@ -1,6 +1,6 @@
1
1
  import { jsxs as n, jsx as l } from "react/jsx-runtime";
2
2
  import './assets/index.css';import './assets/CategoryFilters.css';/* empty css */
3
- import { v as u } from "./index-Byur-F1z-Bsxk81hO.js";
3
+ import { v as u } from "./index-D3Zh1vaJ-DrnyUdVV.js";
4
4
  import { X as m } from "./x-CnsEH4Ox.js";
5
5
  const f = "_documentList_17zlj_1", H = "_container_17zlj_9", L = "_heading_17zlj_20", S = "_listContainer_17zlj_26", F = "_listWrapper_17zlj_37", b = "_list_17zlj_26", g = "_listHeader_17zlj_58", k = "_listSearch_17zlj_71", v = "_clearSearch_17zlj_98", C = "_listHeaderFilters_17zlj_117", w = "_listResults_17zlj_128", y = "_listSort_17zlj_132", x = "_filterToggle_17zlj_155", N = "_filterHeader_17zlj_170", I = "_loadMore_17zlj_191", M = "_filterList_17zlj_195", R = "_listFilters_17zlj_202", T = "_applyFilters_17zlj_210", W = "_show_17zlj_239", $ = "_hide_17zlj_248", A = "_buttonIsLoading_17zlj_299", s = {
6
6
  documentList: f,
@@ -1,6 +1,6 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
2
  import { d as i, i as o, r, s as l, g as t } from "../../../vi.ClIskdbk-D39wA6Kr.js";
3
- import { C as a } from "../../../index-J37Ll8tB.js";
3
+ import { C as a } from "../../../index-BZW6Mm3B.js";
4
4
  import "../../../index-DPGXWTtt.js";
5
5
  i("CallToAction", () => {
6
6
  o("renders as a button when 'as' is set to 'button'", () => {
@@ -1,5 +1,5 @@
1
1
  import "react/jsx-runtime";
2
- import { C as c } from "../../../index-J37Ll8tB.js";
2
+ import { C as c } from "../../../index-BZW6Mm3B.js";
3
3
  import "../../../index-CeBA0PT0.js";
4
4
  import "../../../external-link-BOPobeQJ.js";
5
5
  import "../../../play-DYgKiSaf.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as a, jsxs as r } from "react/jsx-runtime";
2
- import { C as y } from "../../../index-J37Ll8tB.js";
2
+ import { C as y } from "../../../index-BZW6Mm3B.js";
3
3
  import { ButtonGroup as $ } from "../ButtonGroup/index.js";
4
4
  import { a as x, b as F, c as I, d as w, e as A } from "../../../index-CeBA0PT0.js";
5
5
  import { E } from "../../../external-link-BOPobeQJ.js";
@@ -2,7 +2,7 @@ import { jsx as a, jsxs as r, Fragment as ee } from "react/jsx-runtime";
2
2
  import { useState as h, useEffect as T, useRef as R, useCallback as A } from "react";
3
3
  import { s as e, N as Ce } from "../../../NavLink-BE_Z3sd3.js";
4
4
  import { Modal as ne } from "../Modal/index.js";
5
- import { a as xe, C as ae } from "../../../index-J37Ll8tB.js";
5
+ import { a as xe, C as ae } from "../../../index-BZW6Mm3B.js";
6
6
  import { ButtonGroup as le } from "../ButtonGroup/index.js";
7
7
  import { E as F } from "../../../external-link-BOPobeQJ.js";
8
8
  import { X as Me } from "../../../x-CnsEH4Ox.js";
package/dist/core.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import './assets/index.css';/* empty css */
2
2
  import { ButtonGroup as t } from "./core/components/ButtonGroup/index.js";
3
3
  import { FloatingActionButton as m } from "./core/components/FloatingActionButton/index.js";
4
- import { C as f } from "./index-J37Ll8tB.js";
4
+ import { C as f } from "./index-BZW6Mm3B.js";
5
5
  import { IconButton as i } from "./core/components/IconButton/index.js";
6
6
  import { Heading as l } from "./core/components/Heading/index.js";
7
7
  import { Text as d } from "./core/components/Text/index.js";
@@ -6,7 +6,7 @@ import { P as x } from "./play-DYgKiSaf.js";
6
6
  import { C as $ } from "./chevron-down-DSUzBz9F.js";
7
7
  import { A as L } from "./arrow-right-QEwnX3Sk.js";
8
8
  import { A as M } from "./arrow-left-BIJvHwNQ.js";
9
- import './assets/index-Byur-F1z.css';const N = "_callToAction_1wtpc_1", C = "_blurred_1wtpc_26", R = "_primary_1wtpc_27", T = "_secondary_1wtpc_28", E = "_primaryInverted_1wtpc_29", q = "_secondaryInverted_1wtpc_30", F = "_blurredInverted_1wtpc_32", z = "_link_1wtpc_46", j = "_linkInverted_1wtpc_47", P = "_underline_1wtpc_48", V = "_underlineInverted_1wtpc_49", D = "_content_1wtpc_59", G = "_icon_1wtpc_193", B = "_iconLeft_1wtpc_213", H = "_iconRight_1wtpc_217", n = {
9
+ import './assets/index-D3Zh1vaJ.css';const N = "_callToAction_1wtpc_1", C = "_blurred_1wtpc_26", R = "_primary_1wtpc_27", T = "_secondary_1wtpc_28", E = "_primaryInverted_1wtpc_29", q = "_secondaryInverted_1wtpc_30", F = "_blurredInverted_1wtpc_32", z = "_link_1wtpc_46", j = "_linkInverted_1wtpc_47", P = "_underline_1wtpc_48", V = "_underlineInverted_1wtpc_49", D = "_content_1wtpc_59", G = "_icon_1wtpc_193", B = "_iconLeft_1wtpc_213", H = "_iconRight_1wtpc_217", n = {
10
10
  callToAction: N,
11
11
  blurred: C,
12
12
  primary: R,
@@ -1,7 +1,7 @@
1
1
  import { jsx as a, jsxs as k, Fragment as M } from "react/jsx-runtime";
2
2
  import d from "react";
3
3
  import { b as l, e as P } from "./chevron-down-DSUzBz9F-D-Ho8Mhr.js";
4
- import './assets/index-Byur-F1z.css';var O = {
4
+ import './assets/index-D3Zh1vaJ.css';var O = {
5
5
  color: void 0,
6
6
  size: void 0,
7
7
  className: void 0,
package/dist/main.d.ts CHANGED
@@ -241,6 +241,14 @@ export declare type CallToActionProps = BaseProps & ((AnchorProps & {
241
241
  ImageComponent?: default_2.ReactNode;
242
242
  };
243
243
 
244
+ declare type CallToActionSection = {
245
+ callToAction?: Link[] | Link;
246
+ };
247
+
248
+ declare type CallToActionSection_2 = {
249
+ callToAction?: Link[] | Link;
250
+ };
251
+
244
252
  export declare function Card({ title, content, footer, imageSrc, imageAlt, onClick, variant, clickable, className, }: CardProps): JSX.Element;
245
253
 
246
254
  export declare function CardGridBlock({ heading, grid, textReplaceOnHover, callToAction, styleOptions, }: CardGridBlockProps): JSX.Element;
@@ -372,7 +380,7 @@ declare type ContainerProps = {
372
380
 
373
381
  export declare function ContentBlock({ layout, heading, image, video, metrics, callToAction, disclaimer, styleOptions, }: ContentBlockProps): JSX.Element;
374
382
 
375
- declare interface ContentBlockProps {
383
+ export declare interface ContentBlockProps {
376
384
  layout: {
377
385
  orientation?: "no-image" | "vertical-image-top" | "vertical-image-bottom" | "horizontal-image-right" | "horizontal-image-left";
378
386
  gap?: string;
@@ -621,6 +629,20 @@ declare interface FeaturedDocumentsBlockProps {
621
629
  styleOptions: Styles;
622
630
  }
623
631
 
632
+ declare interface FetchedSingletonBlock {
633
+ _id: string;
634
+ identifier: string;
635
+ title: string;
636
+ blockSelection: "contentBlock" | "richTextBlock" | "quoteBlock";
637
+ blockContent: ({
638
+ _type: "contentBlock";
639
+ } & ContentBlockProps & CallToActionSection_2) | ({
640
+ _type: "richTextBlock";
641
+ } & RichTextBlockProps) | ({
642
+ _type: "quoteBlock";
643
+ } & QuoteBlockProps);
644
+ }
645
+
624
646
  export declare function Fieldset({ legend, className, children, ...restProps }: FieldsetProps): JSX.Element;
625
647
 
626
648
  declare type FieldsetProps = {
@@ -1316,6 +1338,38 @@ declare interface PageProps {
1316
1338
  helpfulYesCount: number;
1317
1339
  }
1318
1340
 
1341
+ export declare type PageSection = ({
1342
+ _type: "heroBlock";
1343
+ } & HeroBlockProps & CallToActionSection) | ({
1344
+ _type: "cardGridBlock";
1345
+ } & CardGridBlockProps) | ({
1346
+ _type: "carouselBlock";
1347
+ } & CarouselBlockProps) | ({
1348
+ _type: "contentBlock";
1349
+ } & ContentBlockProps & CallToActionSection) | ({
1350
+ _type: "stickyScrollBlock";
1351
+ } & StickyScrollBlockProps) | ({
1352
+ _type: "faqBlock";
1353
+ } & FaqBlockProps) | ({
1354
+ _type: "tabsBlock";
1355
+ } & TabsBlockProps) | ({
1356
+ _type: "richTextBlock";
1357
+ } & RichTextBlockProps) | ({
1358
+ _type: "quoteBlock";
1359
+ } & QuoteBlockProps) | ({
1360
+ _type: "accordionBlock";
1361
+ } & AccordionBlockProps) | ({
1362
+ _type: "documentListBlock";
1363
+ } & DocumentListBlockProps) | ({
1364
+ _type: "featuredDocumentsBlock";
1365
+ } & FeaturedDocumentsBlockProps & CallToActionSection) | ({
1366
+ _type: "additionalCategoriesBlock";
1367
+ } & AdditionalCategoriesProps) | ({
1368
+ _type: "wasHelpfulBlock";
1369
+ } & WasHelpfulProps) | ({
1370
+ _type: "singletonBlock";
1371
+ } & SingletonBlockProps);
1372
+
1319
1373
  declare type Position = keyof typeof positionClassMap;
1320
1374
 
1321
1375
  declare type Position_2 = keyof typeof positionClassMap_2;
@@ -1345,7 +1399,7 @@ declare type ProgressBarProps = {
1345
1399
 
1346
1400
  export declare function QuoteBlock({ quote, author, styleOptions }: QuoteBlockProps): JSX.Element;
1347
1401
 
1348
- declare interface QuoteBlockProps {
1402
+ export declare interface QuoteBlockProps {
1349
1403
  quote: PortableTextBlock[];
1350
1404
  author?: string;
1351
1405
  style?: string;
@@ -1392,7 +1446,7 @@ declare type RangeProps = {
1392
1446
 
1393
1447
  export declare function RichTextBlock({ text, styleOptions }: RichTextBlockProps): JSX.Element;
1394
1448
 
1395
- declare interface RichTextBlockProps {
1449
+ export declare interface RichTextBlockProps {
1396
1450
  text: PortableTextBlock[];
1397
1451
  styleOptions: Styles;
1398
1452
  }
@@ -1433,6 +1487,11 @@ declare type SelectProps = {
1433
1487
  className?: string;
1434
1488
  };
1435
1489
 
1490
+ export declare type SingletonBlockProps = {
1491
+ _type: "singletonBlock";
1492
+ singleton: FetchedSingletonBlock;
1493
+ };
1494
+
1436
1495
  declare type Size = keyof typeof sizeClassMap;
1437
1496
 
1438
1497
  declare type Size_2 = keyof typeof sizeClassMap_2;
package/dist/main.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import './assets/index.css';/* empty css */
2
2
  import { ButtonGroup as t } from "./core/components/ButtonGroup/index.js";
3
3
  import { FloatingActionButton as m } from "./core/components/FloatingActionButton/index.js";
4
- import { C as f } from "./index-J37Ll8tB.js";
4
+ import { C as f } from "./index-BZW6Mm3B.js";
5
5
  import { IconButton as i } from "./core/components/IconButton/index.js";
6
6
  import { Heading as l } from "./core/components/Heading/index.js";
7
7
  import { Text as B } from "./core/components/Text/index.js";
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
- import { C as e } from "../../../CategoryFilters-IheU-7e9.js";
2
+ import { C as e } from "../../../CategoryFilters-w-DzDbkw.js";
3
3
  import '../../../assets/index.css';/* empty css */
4
- import "../../../index-Byur-F1z-Bsxk81hO.js";
4
+ import "../../../index-D3Zh1vaJ-DrnyUdVV.js";
5
5
  import "../../../x-CnsEH4Ox.js";
6
6
  export {
7
7
  e as CategoryFilters
@@ -4,14 +4,14 @@ import { RichText as H } from "../../ui/PortableTextRenderer/index.js";
4
4
  import { useStyleClasses as J } from "../../hooks/useStyleClasses.js";
5
5
  import { useLocaleBridge as K } from "../../contexts/LocaleBridge.js";
6
6
  import '../../../assets/colors.css';import '../../../assets/index.css';/* empty css */
7
- import { C as L } from "../../../index-J37Ll8tB.js";
7
+ import { C as L } from "../../../index-BZW6Mm3B.js";
8
8
  import "react-dom";
9
9
  import "../../../core/components/Tabs/index.js";
10
10
  import { Input as Q } from "../../../core/components/Input/index.js";
11
11
  import { Select as V } from "../../../core/components/Select/index.js";
12
12
  /* empty css */
13
13
  import { BlogArticleCard as Y } from "../../cards/BlogArticleCard/index.js";
14
- import { s, C as F } from "../../../CategoryFilters-IheU-7e9.js";
14
+ import { s, C as F } from "../../../CategoryFilters-w-DzDbkw.js";
15
15
  import { X as ee } from "../../../x-CnsEH4Ox.js";
16
16
  const te = [
17
17
  { label: "Newest", value: "date-desc" },
@@ -2,7 +2,7 @@ import { jsxs as i, jsx as t } from "react/jsx-runtime";
2
2
  import { useState as X, useEffect as Y } from "react";
3
3
  import { useStyleClasses as Z } from "../../hooks/useStyleClasses.js";
4
4
  import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index11.css';/* empty css */
5
- import { C as A } from "../../../index-J37Ll8tB.js";
5
+ import { C as A } from "../../../index-BZW6Mm3B.js";
6
6
  import "react-dom";
7
7
  import { Tabs as f } from "../../../core/components/Tabs/index.js";
8
8
  /* empty css */
@@ -1,7 +1,7 @@
1
1
  import { jsx as t, jsxs as r, Fragment as _ } from "react/jsx-runtime";
2
2
  import { useState as f, useEffect as m } from "react";
3
3
  import '../../../assets/index.css';import '../../../assets/index67.css';/* empty css */
4
- import { v as p } from "../../../index-Byur-F1z-Bsxk81hO.js";
4
+ import { v as p } from "../../../index-D3Zh1vaJ-DrnyUdVV.js";
5
5
  const g = "_buttonGroup_15lw8_1", b = "_left_15lw8_16", w = "_center_15lw8_20", y = "_right_15lw8_29", v = "_vertical_15lw8_33", N = "_horizontal_15lw8_37", n = {
6
6
  buttonGroup: g,
7
7
  left: b,
@@ -1,7 +1,7 @@
1
1
  import { jsxs as y, jsx as n } from "react/jsx-runtime";
2
2
  import v from "next/image";
3
3
  import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index2.css';/* empty css */
4
- import { C as O } from "../../../index-J37Ll8tB.js";
4
+ import { C as O } from "../../../index-BZW6Mm3B.js";
5
5
  import "react";
6
6
  import "react-dom";
7
7
  import "../../../core/components/Tabs/index.js";
@@ -0,0 +1 @@
1
+
@@ -0,0 +1 @@
1
+
@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
2
2
  import { useState as c, useEffect as b } from "react";
3
3
  import '../../../assets/colors.css';import '../../../assets/index.css';/* empty css */
4
4
  import { ButtonGroup as h } from "../../../core/components/ButtonGroup/index.js";
5
- import { C as l } from "../../../index-J37Ll8tB.js";
5
+ import { C as l } from "../../../index-BZW6Mm3B.js";
6
6
  import { Modal as p } from "../../../core/components/Modal/index.js";
7
7
  import "../../../core/components/Tabs/index.js";
8
8
  /* empty css */
package/dist/next.d.ts CHANGED
@@ -56,6 +56,14 @@ declare type ArticleItem = {
56
56
  featuredImage?: SanityImage;
57
57
  };
58
58
 
59
+ declare type CallToActionSection = {
60
+ callToAction?: Link[] | Link;
61
+ };
62
+
63
+ declare type CallToActionSection_2 = {
64
+ callToAction?: Link[] | Link;
65
+ };
66
+
59
67
  export declare function CardGridBlock({ heading, grid, textReplaceOnHover, callToAction, styleOptions, }: CardGridBlockProps): JSX.Element;
60
68
 
61
69
  declare interface CardGridBlockProps {
@@ -129,7 +137,7 @@ declare interface CategoryProps {
129
137
 
130
138
  export declare function ContentBlock({ layout, heading, image, video, metrics, callToAction, disclaimer, styleOptions, }: ContentBlockProps): JSX.Element;
131
139
 
132
- declare interface ContentBlockProps {
140
+ export declare interface ContentBlockProps {
133
141
  layout: {
134
142
  orientation?: "no-image" | "vertical-image-top" | "vertical-image-bottom" | "horizontal-image-right" | "horizontal-image-left";
135
143
  gap?: string;
@@ -263,6 +271,20 @@ declare interface FeaturedDocumentsBlockProps {
263
271
  styleOptions: Styles;
264
272
  }
265
273
 
274
+ declare interface FetchedSingletonBlock {
275
+ _id: string;
276
+ identifier: string;
277
+ title: string;
278
+ blockSelection: "contentBlock" | "richTextBlock" | "quoteBlock";
279
+ blockContent: ({
280
+ _type: "contentBlock";
281
+ } & ContentBlockProps & CallToActionSection_2) | ({
282
+ _type: "richTextBlock";
283
+ } & RichTextBlockProps) | ({
284
+ _type: "quoteBlock";
285
+ } & QuoteBlockProps);
286
+ }
287
+
266
288
  export declare function HeroBlock({ heading, image, video, callToAction, pageData, styleOptions, }: HeroBlockProps): JSX.Element;
267
289
 
268
290
  declare interface HeroBlockProps {
@@ -375,9 +397,41 @@ declare interface PageProps {
375
397
  helpfulYesCount: number;
376
398
  }
377
399
 
400
+ export declare type PageSection = ({
401
+ _type: "heroBlock";
402
+ } & HeroBlockProps & CallToActionSection) | ({
403
+ _type: "cardGridBlock";
404
+ } & CardGridBlockProps) | ({
405
+ _type: "carouselBlock";
406
+ } & CarouselBlockProps) | ({
407
+ _type: "contentBlock";
408
+ } & ContentBlockProps & CallToActionSection) | ({
409
+ _type: "stickyScrollBlock";
410
+ } & StickyScrollBlockProps) | ({
411
+ _type: "faqBlock";
412
+ } & FaqBlockProps) | ({
413
+ _type: "tabsBlock";
414
+ } & TabsBlockProps) | ({
415
+ _type: "richTextBlock";
416
+ } & RichTextBlockProps) | ({
417
+ _type: "quoteBlock";
418
+ } & QuoteBlockProps) | ({
419
+ _type: "accordionBlock";
420
+ } & AccordionBlockProps) | ({
421
+ _type: "documentListBlock";
422
+ } & DocumentListBlockProps) | ({
423
+ _type: "featuredDocumentsBlock";
424
+ } & FeaturedDocumentsBlockProps & CallToActionSection) | ({
425
+ _type: "additionalCategoriesBlock";
426
+ } & AdditionalCategoriesProps) | ({
427
+ _type: "wasHelpfulBlock";
428
+ } & WasHelpfulProps) | ({
429
+ _type: "singletonBlock";
430
+ } & SingletonBlockProps);
431
+
378
432
  export declare function QuoteBlock({ quote, author, styleOptions }: QuoteBlockProps): JSX.Element;
379
433
 
380
- declare interface QuoteBlockProps {
434
+ export declare interface QuoteBlockProps {
381
435
  quote: PortableTextBlock[];
382
436
  author?: string;
383
437
  style?: string;
@@ -386,7 +440,7 @@ declare interface QuoteBlockProps {
386
440
 
387
441
  export declare function RichTextBlock({ text, styleOptions }: RichTextBlockProps): JSX.Element;
388
442
 
389
- declare interface RichTextBlockProps {
443
+ export declare interface RichTextBlockProps {
390
444
  text: PortableTextBlock[];
391
445
  styleOptions: Styles;
392
446
  }
@@ -413,6 +467,11 @@ declare interface SanityImage {
413
467
  maxWidth?: number | string;
414
468
  }
415
469
 
470
+ export declare type SingletonBlockProps = {
471
+ _type: "singletonBlock";
472
+ singleton: FetchedSingletonBlock;
473
+ };
474
+
416
475
  export declare function StickyScrollBlock({ heading, items, showNumbers, }: StickyScrollBlockProps): JSX.Element;
417
476
 
418
477
  declare interface StickyScrollBlockProps {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.0.364",
4
+ "version": "0.0.366",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {