@saasquatch/mint-components 1.5.0-0 → 1.5.0-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.
Files changed (93) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/mint-components.cjs.js +1 -1
  3. package/dist/cjs/{sqm-divided-layout_30.cjs.entry.js → sqm-brand_31.cjs.entry.js} +27134 -26654
  4. package/dist/cjs/sqm-program-explainer-step-view-74863815.js +70 -0
  5. package/dist/cjs/sqm-program-explainer-step.cjs.entry.js +22 -0
  6. package/dist/cjs/sqm-program-explainer-view-afed92f5.js +45 -0
  7. package/dist/cjs/sqm-program-explainer.cjs.entry.js +23 -0
  8. package/dist/cjs/sqm-share-code.cjs.entry.js +19 -0
  9. package/dist/collection/collection-manifest.json +3 -0
  10. package/dist/collection/components/sqm-brand/SqmBrand.stories.js +93 -0
  11. package/dist/collection/components/sqm-brand/sqm-brand.js +97 -0
  12. package/dist/collection/components/sqm-program-explainer/ProgramExplainer.stories.js +49 -0
  13. package/dist/collection/components/sqm-program-explainer/sqm-program-explainer-view.js +41 -0
  14. package/dist/collection/components/sqm-program-explainer/sqm-program-explainer.js +131 -0
  15. package/dist/collection/components/sqm-program-explainer-step/ProgramExplainerStep.stories.js +22 -0
  16. package/dist/collection/components/sqm-program-explainer-step/sqm-program-explainer-step-view.js +66 -0
  17. package/dist/collection/components/sqm-program-explainer-step/sqm-program-explainer-step.js +123 -0
  18. package/dist/collection/components/sqm-reward-exchange-list/RewardExchangeList.stories.js +5 -3
  19. package/dist/collection/components/sqm-reward-exchange-list/RewardExchangeListData.js +38 -19
  20. package/dist/collection/components/sqm-reward-exchange-list/SVGs.js +3 -0
  21. package/dist/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list-view.js +142 -102
  22. package/dist/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list.js +349 -3
  23. package/dist/collection/components/sqm-reward-exchange-list/useRewardExchangeList.js +28 -4
  24. package/dist/collection/components/sqm-rewards-table/useRewardsTable.js +0 -1
  25. package/dist/collection/components/sqm-share-code/useShareCode.js +20 -1
  26. package/dist/collection/components/sqm-share-link/useShareLink.js +20 -1
  27. package/dist/collection/components/sqm-stencilbook/AutoColor.js +32 -4
  28. package/dist/collection/components/sqm-stencilbook/Themes.js +14 -0
  29. package/dist/collection/components/sqm-stencilbook/sqm-stencilbook.js +6 -0
  30. package/dist/collection/components/sqm-task-card/TaskCard.stories.js +26 -18
  31. package/dist/collection/components/sqm-task-card/progress-bar/progress-bar-view.js +37 -0
  32. package/dist/collection/components/sqm-task-card/sqm-task-card-view.js +8 -6
  33. package/dist/collection/components/sqm-task-card/sqm-task-card.js +5 -6
  34. package/dist/collection/fonts/GoogleFonts.js +12 -0
  35. package/dist/esm/loader.js +1 -1
  36. package/dist/esm/mint-components.js +1 -1
  37. package/dist/esm/{sqm-divided-layout_30.entry.js → sqm-brand_31.entry.js} +27128 -26649
  38. package/dist/esm/sqm-program-explainer-step-view-f190277a.js +68 -0
  39. package/dist/esm/sqm-program-explainer-step.entry.js +18 -0
  40. package/dist/esm/sqm-program-explainer-view-1c603bb7.js +43 -0
  41. package/dist/esm/sqm-program-explainer.entry.js +19 -0
  42. package/dist/esm/sqm-share-code.entry.js +20 -1
  43. package/dist/esm-es5/loader.js +1 -1
  44. package/dist/esm-es5/mint-components.js +1 -1
  45. package/dist/esm-es5/sqm-brand_31.entry.js +58 -0
  46. package/dist/esm-es5/sqm-program-explainer-step-view-f190277a.js +1 -0
  47. package/dist/esm-es5/sqm-program-explainer-step.entry.js +1 -0
  48. package/dist/esm-es5/sqm-program-explainer-view-1c603bb7.js +1 -0
  49. package/dist/esm-es5/sqm-program-explainer.entry.js +1 -0
  50. package/dist/esm-es5/sqm-share-code.entry.js +1 -1
  51. package/dist/mint-components/mint-components.esm.js +1 -1
  52. package/dist/mint-components/mint-components.js +1 -1
  53. package/dist/mint-components/p-16f5a7cb.system.js +1 -1
  54. package/dist/mint-components/p-2d6421b6.system.js +1 -0
  55. package/dist/mint-components/p-3b6228f4.system.js +1 -0
  56. package/dist/mint-components/p-49cbd0a2.entry.js +13 -0
  57. package/dist/mint-components/p-5f4d838e.system.entry.js +58 -0
  58. package/dist/mint-components/p-6c9c4477.js +1 -0
  59. package/dist/mint-components/p-84dc4854.entry.js +397 -0
  60. package/dist/mint-components/p-96a1967b.entry.js +1 -0
  61. package/dist/mint-components/p-9e4e397a.system.entry.js +1 -0
  62. package/dist/mint-components/p-bc8b6125.js +1 -0
  63. package/dist/mint-components/p-bf1b79ba.entry.js +1 -0
  64. package/dist/mint-components/p-c3f91add.system.entry.js +1 -0
  65. package/dist/mint-components/p-e6d77d20.system.entry.js +1 -0
  66. package/dist/types/components/sqm-brand/SqmBrand.stories.d.ts +7 -0
  67. package/dist/types/components/sqm-brand/sqm-brand.d.ts +23 -0
  68. package/dist/types/components/sqm-program-explainer/ProgramExplainer.stories.d.ts +7 -0
  69. package/dist/types/components/sqm-program-explainer/sqm-program-explainer-view.d.ts +9 -0
  70. package/dist/types/components/sqm-program-explainer/sqm-program-explainer.d.ts +31 -0
  71. package/dist/types/components/sqm-program-explainer-step/ProgramExplainerStep.stories.d.ts +5 -0
  72. package/dist/types/components/sqm-program-explainer-step/sqm-program-explainer-step-view.d.ts +8 -0
  73. package/dist/types/components/sqm-program-explainer-step/sqm-program-explainer-step.d.ts +29 -0
  74. package/dist/types/components/sqm-reward-exchange-list/RewardExchangeList.stories.d.ts +2 -0
  75. package/dist/types/components/sqm-reward-exchange-list/RewardExchangeListData.d.ts +85 -0
  76. package/dist/types/components/sqm-reward-exchange-list/SVGs.d.ts +1 -0
  77. package/dist/types/components/sqm-reward-exchange-list/sqm-reward-exchange-list-view.d.ts +3 -0
  78. package/dist/types/components/sqm-reward-exchange-list/sqm-reward-exchange-list.d.ts +53 -0
  79. package/dist/types/components/sqm-reward-exchange-list/useRewardExchangeList.d.ts +17 -0
  80. package/dist/types/components/sqm-stencilbook/AutoColor.d.ts +15 -0
  81. package/dist/types/components/sqm-stencilbook/Themes.d.ts +1 -0
  82. package/dist/types/components/sqm-task-card/TaskCard.stories.d.ts +1 -0
  83. package/dist/types/components/sqm-task-card/sqm-task-card-view.d.ts +1 -1
  84. package/dist/types/components/sqm-task-card/sqm-task-card.d.ts +1 -1
  85. package/dist/types/components.d.ts +253 -2
  86. package/dist/types/fonts/GoogleFonts.d.ts +9 -0
  87. package/grapesjs/grapesjs.js +1 -1
  88. package/package.json +2 -2
  89. package/dist/esm-es5/sqm-divided-layout_30.entry.js +0 -58
  90. package/dist/mint-components/p-55508395.system.entry.js +0 -1
  91. package/dist/mint-components/p-925ccb31.system.entry.js +0 -58
  92. package/dist/mint-components/p-cd410a05.entry.js +0 -9
  93. package/dist/mint-components/p-fdb484a0.entry.js +0 -392
@@ -75,6 +75,18 @@ export namespace Components {
75
75
  */
76
76
  "statType": string;
77
77
  }
78
+ interface SqmBrand {
79
+ /**
80
+ * Controls the primary brand color used in the Mint Components library. Note that this does not affect vanilla components or other component libraries.
81
+ * @uiName Brand Color
82
+ */
83
+ "brandColor": string;
84
+ /**
85
+ * The brand font that you want to use
86
+ * @uiName Brand Font
87
+ */
88
+ "brandFont": string;
89
+ }
78
90
  interface SqmDividedLayout {
79
91
  /**
80
92
  * @uiName Direction
@@ -680,6 +692,53 @@ export namespace Components {
680
692
  */
681
693
  "nextPage": string;
682
694
  }
695
+ interface SqmProgramExplainer {
696
+ /**
697
+ * @uiName Background
698
+ * @uiWidget color
699
+ */
700
+ "background": string;
701
+ /**
702
+ * @uiName Color
703
+ * @uiWidget color
704
+ */
705
+ "color": string;
706
+ /**
707
+ * @uiName Description
708
+ */
709
+ "description": string;
710
+ /**
711
+ * @uiName Header
712
+ */
713
+ "header": string;
714
+ /**
715
+ * @uiName Title
716
+ */
717
+ "title": string;
718
+ }
719
+ interface SqmProgramExplainerStep {
720
+ /**
721
+ * @uiName Background
722
+ */
723
+ "background": string;
724
+ /**
725
+ * @uiName Color
726
+ * @uiWidget color
727
+ */
728
+ "color": string;
729
+ /**
730
+ * @uiName Description
731
+ */
732
+ "description": string;
733
+ /**
734
+ * @uiName Icon
735
+ */
736
+ "icon": string;
737
+ /**
738
+ * @uiName Title
739
+ */
740
+ "title": string;
741
+ }
683
742
  interface SqmProgramMenu {
684
743
  }
685
744
  interface SqmReferralIframe {
@@ -818,19 +877,72 @@ export namespace Components {
818
877
  "renderLabel": () => Promise<string>;
819
878
  }
820
879
  interface SqmRewardExchangeList {
880
+ /**
881
+ * @uiName Back Button Text
882
+ */
883
+ "backText": string;
821
884
  /**
822
885
  * @uiName Exchange button text
823
886
  */
824
887
  "buttonText": string;
888
+ /**
889
+ * @uiName Cancel Button Text
890
+ */
891
+ "cancelText": string;
892
+ /**
893
+ * @uiName Choose Amount Progress Title
894
+ */
895
+ "chooseAmountTitle": string;
896
+ /**
897
+ * @uiName Choose Reward Progress Title
898
+ */
899
+ "chooseRewardTitle": string;
900
+ /**
901
+ * @uiName Confirmation Progress Title
902
+ */
903
+ "confirmationTitle": string;
904
+ /**
905
+ * @uiName Continue Button Text
906
+ */
907
+ "continueText": string;
908
+ /**
909
+ * @uiName Continue to Confirmation Button Text
910
+ */
911
+ "continueToConfirmationText": string;
825
912
  /**
826
913
  * @undocumented
827
914
  * @uiType object
828
915
  */
829
916
  "demoData"?: DemoData<RewardExchangeViewProps>;
917
+ /**
918
+ * @uiName Done Text
919
+ */
920
+ "doneText": string;
830
921
  /**
831
922
  * @uiName Exchange button text
832
923
  */
833
924
  "notAvailableError": string;
925
+ /**
926
+ * @uiName Not Enough Available Error Message
927
+ */
928
+ "notEnoughError": string;
929
+ /**
930
+ * @uiName Reward List Error Message
931
+ */
932
+ "queryError": string;
933
+ /**
934
+ * @uiName Redeem Button Text
935
+ */
936
+ "redeemText": string;
937
+ /**
938
+ * @uiName Confirmation Title Text
939
+ */
940
+ "redeemTitle": string;
941
+ /**
942
+ * @uiName Redemption Error Message
943
+ */
944
+ "redemptionError": string;
945
+ "redemptionSuccessText": string;
834
946
  }
835
947
  interface SqmRewardsTable {
836
948
  /**
@@ -1070,7 +1182,7 @@ export namespace Components {
1070
1182
  /**
1071
1183
  * @uiName Reward Amount
1072
1184
  */
1073
- "rewardAmount": number;
1185
+ "rewardAmount": string;
1074
1186
  /**
1075
1187
  * @uiName Reward Duration
1076
1188
  * @uiWidget DateRange
@@ -1159,6 +1271,12 @@ declare global {
1159
1271
  prototype: HTMLSqmBigStatElement;
1160
1272
  new (): HTMLSqmBigStatElement;
1161
1273
  };
1274
+ interface HTMLSqmBrandElement extends Components.SqmBrand, HTMLStencilElement {
1275
+ }
1276
+ var HTMLSqmBrandElement: {
1277
+ prototype: HTMLSqmBrandElement;
1278
+ new (): HTMLSqmBrandElement;
1279
+ };
1162
1280
  interface HTMLSqmDividedLayoutElement extends Components.SqmDividedLayout, HTMLStencilElement {
1163
1281
  }
1164
1282
  var HTMLSqmDividedLayoutElement: {
@@ -1321,6 +1439,18 @@ declare global {
1321
1439
  prototype: HTMLSqmPortalVerifyEmailElement;
1322
1440
  new (): HTMLSqmPortalVerifyEmailElement;
1323
1441
  };
1442
+ interface HTMLSqmProgramExplainerElement extends Components.SqmProgramExplainer, HTMLStencilElement {
1443
+ }
1444
+ var HTMLSqmProgramExplainerElement: {
1445
+ prototype: HTMLSqmProgramExplainerElement;
1446
+ new (): HTMLSqmProgramExplainerElement;
1447
+ };
1448
+ interface HTMLSqmProgramExplainerStepElement extends Components.SqmProgramExplainerStep, HTMLStencilElement {
1449
+ }
1450
+ var HTMLSqmProgramExplainerStepElement: {
1451
+ prototype: HTMLSqmProgramExplainerStepElement;
1452
+ new (): HTMLSqmProgramExplainerStepElement;
1453
+ };
1324
1454
  interface HTMLSqmProgramMenuElement extends Components.SqmProgramMenu, HTMLStencilElement {
1325
1455
  }
1326
1456
  var HTMLSqmProgramMenuElement: {
@@ -1504,6 +1634,7 @@ declare global {
1504
1634
  interface HTMLElementTagNameMap {
1505
1635
  "sqm-asset-card": HTMLSqmAssetCardElement;
1506
1636
  "sqm-big-stat": HTMLSqmBigStatElement;
1637
+ "sqm-brand": HTMLSqmBrandElement;
1507
1638
  "sqm-divided-layout": HTMLSqmDividedLayoutElement;
1508
1639
  "sqm-edit-profile": HTMLSqmEditProfileElement;
1509
1640
  "sqm-form-message": HTMLSqmFormMessageElement;
@@ -1531,6 +1662,8 @@ declare global {
1531
1662
  "sqm-portal-register": HTMLSqmPortalRegisterElement;
1532
1663
  "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
1533
1664
  "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
1665
+ "sqm-program-explainer": HTMLSqmProgramExplainerElement;
1666
+ "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
1534
1667
  "sqm-program-menu": HTMLSqmProgramMenuElement;
1535
1668
  "sqm-referral-iframe": HTMLSqmReferralIframeElement;
1536
1669
  "sqm-referral-table": HTMLSqmReferralTableElement;
@@ -1603,6 +1736,18 @@ declare namespace LocalJSX {
1603
1736
  */
1604
1737
  "statType"?: string;
1605
1738
  }
1739
+ interface SqmBrand {
1740
+ /**
1741
+ * Controls the primary brand color used in the Mint Components library. Note that this does not affect vanilla components or other component libraries.
1742
+ * @uiName Brand Color
1743
+ */
1744
+ "brandColor"?: string;
1745
+ /**
1746
+ * The brand font that you want to use
1747
+ * @uiName Brand Font
1748
+ */
1749
+ "brandFont"?: string;
1750
+ }
1606
1751
  interface SqmDividedLayout {
1607
1752
  /**
1608
1753
  * @uiName Direction
@@ -2208,6 +2353,53 @@ declare namespace LocalJSX {
2208
2353
  */
2209
2354
  "nextPage"?: string;
2210
2355
  }
2356
+ interface SqmProgramExplainer {
2357
+ /**
2358
+ * @uiName Background
2359
+ * @uiWidget color
2360
+ */
2361
+ "background"?: string;
2362
+ /**
2363
+ * @uiName Color
2364
+ * @uiWidget color
2365
+ */
2366
+ "color"?: string;
2367
+ /**
2368
+ * @uiName Description
2369
+ */
2370
+ "description"?: string;
2371
+ /**
2372
+ * @uiName Header
2373
+ */
2374
+ "header"?: string;
2375
+ /**
2376
+ * @uiName Title
2377
+ */
2378
+ "title"?: string;
2379
+ }
2380
+ interface SqmProgramExplainerStep {
2381
+ /**
2382
+ * @uiName Background
2383
+ */
2384
+ "background"?: string;
2385
+ /**
2386
+ * @uiName Color
2387
+ * @uiWidget color
2388
+ */
2389
+ "color"?: string;
2390
+ /**
2391
+ * @uiName Description
2392
+ */
2393
+ "description"?: string;
2394
+ /**
2395
+ * @uiName Icon
2396
+ */
2397
+ "icon"?: string;
2398
+ /**
2399
+ * @uiName Title
2400
+ */
2401
+ "title"?: string;
2402
+ }
2211
2403
  interface SqmProgramMenu {
2212
2404
  }
2213
2405
  interface SqmReferralIframe {
@@ -2336,19 +2528,72 @@ declare namespace LocalJSX {
2336
2528
  "deletedUser"?: string;
2337
2529
  }
2338
2530
  interface SqmRewardExchangeList {
2531
+ /**
2532
+ * @uiName Back Button Text
2533
+ */
2534
+ "backText"?: string;
2339
2535
  /**
2340
2536
  * @uiName Exchange button text
2341
2537
  */
2342
2538
  "buttonText"?: string;
2539
+ /**
2540
+ * @uiName Cancel Button Text
2541
+ */
2542
+ "cancelText"?: string;
2543
+ /**
2544
+ * @uiName Choose Amount Progress Title
2545
+ */
2546
+ "chooseAmountTitle"?: string;
2547
+ /**
2548
+ * @uiName Choose Reward Progress Title
2549
+ */
2550
+ "chooseRewardTitle"?: string;
2551
+ /**
2552
+ * @uiName Confirmation Progress Title
2553
+ */
2554
+ "confirmationTitle"?: string;
2555
+ /**
2556
+ * @uiName Continue Button Text
2557
+ */
2558
+ "continueText"?: string;
2559
+ /**
2560
+ * @uiName Continue to Confirmation Button Text
2561
+ */
2562
+ "continueToConfirmationText"?: string;
2343
2563
  /**
2344
2564
  * @undocumented
2345
2565
  * @uiType object
2346
2566
  */
2347
2567
  "demoData"?: DemoData<RewardExchangeViewProps>;
2568
+ /**
2569
+ * @uiName Done Text
2570
+ */
2571
+ "doneText"?: string;
2348
2572
  /**
2349
2573
  * @uiName Exchange button text
2350
2574
  */
2351
2575
  "notAvailableError"?: string;
2576
+ /**
2577
+ * @uiName Not Enough Available Error Message
2578
+ */
2579
+ "notEnoughError"?: string;
2580
+ /**
2581
+ * @uiName Reward List Error Message
2582
+ */
2583
+ "queryError"?: string;
2584
+ /**
2585
+ * @uiName Redeem Button Text
2586
+ */
2587
+ "redeemText"?: string;
2588
+ /**
2589
+ * @uiName Confirmation Title Text
2590
+ */
2591
+ "redeemTitle"?: string;
2592
+ /**
2593
+ * @uiName Redemption Error Message
2594
+ */
2595
+ "redemptionError"?: string;
2596
+ "redemptionSuccessText"?: string;
2352
2597
  }
2353
2598
  interface SqmRewardsTable {
2354
2599
  /**
@@ -2586,7 +2831,7 @@ declare namespace LocalJSX {
2586
2831
  /**
2587
2832
  * @uiName Reward Amount
2588
2833
  */
2589
- "rewardAmount"?: number;
2834
+ "rewardAmount"?: string;
2590
2835
  /**
2591
2836
  * @uiName Reward Duration
2592
2837
  * @uiWidget DateRange
@@ -2664,6 +2909,7 @@ declare namespace LocalJSX {
2664
2909
  interface IntrinsicElements {
2665
2910
  "sqm-asset-card": SqmAssetCard;
2666
2911
  "sqm-big-stat": SqmBigStat;
2912
+ "sqm-brand": SqmBrand;
2667
2913
  "sqm-divided-layout": SqmDividedLayout;
2668
2914
  "sqm-edit-profile": SqmEditProfile;
2669
2915
  "sqm-form-message": SqmFormMessage;
@@ -2691,6 +2937,8 @@ declare namespace LocalJSX {
2691
2937
  "sqm-portal-register": SqmPortalRegister;
2692
2938
  "sqm-portal-reset-password": SqmPortalResetPassword;
2693
2939
  "sqm-portal-verify-email": SqmPortalVerifyEmail;
2940
+ "sqm-program-explainer": SqmProgramExplainer;
2941
+ "sqm-program-explainer-step": SqmProgramExplainerStep;
2694
2942
  "sqm-program-menu": SqmProgramMenu;
2695
2943
  "sqm-referral-iframe": SqmReferralIframe;
2696
2944
  "sqm-referral-table": SqmReferralTable;
@@ -2729,6 +2977,7 @@ declare module "@stencil/core" {
2729
2977
  interface IntrinsicElements {
2730
2978
  "sqm-asset-card": LocalJSX.SqmAssetCard & JSXBase.HTMLAttributes<HTMLSqmAssetCardElement>;
2731
2979
  "sqm-big-stat": LocalJSX.SqmBigStat & JSXBase.HTMLAttributes<HTMLSqmBigStatElement>;
2980
+ "sqm-brand": LocalJSX.SqmBrand & JSXBase.HTMLAttributes<HTMLSqmBrandElement>;
2732
2981
  "sqm-divided-layout": LocalJSX.SqmDividedLayout & JSXBase.HTMLAttributes<HTMLSqmDividedLayoutElement>;
2733
2982
  "sqm-edit-profile": LocalJSX.SqmEditProfile & JSXBase.HTMLAttributes<HTMLSqmEditProfileElement>;
2734
2983
  "sqm-form-message": LocalJSX.SqmFormMessage & JSXBase.HTMLAttributes<HTMLSqmFormMessageElement>;
@@ -2756,6 +3005,8 @@ declare module "@stencil/core" {
2756
3005
  "sqm-portal-register": LocalJSX.SqmPortalRegister & JSXBase.HTMLAttributes<HTMLSqmPortalRegisterElement>;
2757
3006
  "sqm-portal-reset-password": LocalJSX.SqmPortalResetPassword & JSXBase.HTMLAttributes<HTMLSqmPortalResetPasswordElement>;
2758
3007
  "sqm-portal-verify-email": LocalJSX.SqmPortalVerifyEmail & JSXBase.HTMLAttributes<HTMLSqmPortalVerifyEmailElement>;
3008
+ "sqm-program-explainer": LocalJSX.SqmProgramExplainer & JSXBase.HTMLAttributes<HTMLSqmProgramExplainerElement>;
3009
+ "sqm-program-explainer-step": LocalJSX.SqmProgramExplainerStep & JSXBase.HTMLAttributes<HTMLSqmProgramExplainerStepElement>;
2759
3010
  "sqm-program-menu": LocalJSX.SqmProgramMenu & JSXBase.HTMLAttributes<HTMLSqmProgramMenuElement>;
2760
3011
  "sqm-referral-iframe": LocalJSX.SqmReferralIframe & JSXBase.HTMLAttributes<HTMLSqmReferralIframeElement>;
2761
3012
  "sqm-referral-table": LocalJSX.SqmReferralTable & JSXBase.HTMLAttributes<HTMLSqmReferralTableElement>;
@@ -0,0 +1,9 @@
1
+ /**
2
+ * Build a font CSS URL using the Google Fonts CSS API
3
+ *
4
+ * Docs: https://developers.google.com/fonts/docs/css2
5
+ *
6
+ * @param fonts - the font family or families to load
7
+ * @returns url to a .css file
8
+ */
9
+ export declare function buildFontsCssUrl(...fonts: string[]): string;