@saasquatch/mint-components 1.15.0-121 → 1.15.0-123

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 (124) hide show
  1. package/dist/cjs/{IndirectTaxDetailsView-cf888c7b.js → IndirectTaxDetailsView-436df538.js} +2 -2
  2. package/dist/cjs/{ShadowViewAddon-ef5e33a3.js → ShadowViewAddon-673d984d.js} +1 -1
  3. package/dist/cjs/{global-191f2253.js → global-85b9678e.js} +42 -42
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/mint-components.cjs.js +1 -1
  6. package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js +3 -3
  7. package/dist/cjs/sqm-big-stat_44.cjs.entry.js +9 -2
  8. package/dist/cjs/sqm-code-verification.cjs.entry.js +1 -1
  9. package/dist/cjs/sqm-email-verification.cjs.entry.js +1 -1
  10. package/dist/cjs/sqm-empty_4.cjs.entry.js +1 -1
  11. package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js +1 -1
  12. package/dist/cjs/sqm-pagination_3.cjs.entry.js +1 -1
  13. package/dist/cjs/{sqm-portal-email-verification-view-87e083ca.js → sqm-portal-email-verification-view-d1deac22.js} +1 -1
  14. package/dist/cjs/sqm-portal-email-verification.cjs.entry.js +2 -2
  15. package/dist/cjs/{sqm-portal-profile-view-7ac7d3ac.js → sqm-portal-profile-view-e0e88ac1.js} +1 -1
  16. package/dist/cjs/sqm-portal-profile.cjs.entry.js +2 -2
  17. package/dist/cjs/sqm-referral-table_11.cjs.entry.js +1 -1
  18. package/dist/cjs/sqm-rewards-table_9.cjs.entry.js +1 -1
  19. package/dist/cjs/sqm-scroll.cjs.entry.js +1 -56
  20. package/dist/cjs/sqm-stencilbook.cjs.entry.js +6 -6
  21. package/dist/cjs/sqm-tax-and-cash.cjs.entry.js +2 -2
  22. package/dist/cjs/{utils-e3305bd8.js → utils-42db2b14.js} +1 -1
  23. package/dist/collection/components/sqm-hero/sqm-hero.js +16 -2
  24. package/dist/collection/components/sqm-scroll/sqm-scroll.js +4 -61
  25. package/dist/collection/global/styles.js +42 -42
  26. package/dist/collection/global/styles.ts +1 -1
  27. package/dist/esm/{IndirectTaxDetailsView-a2beb98a.js → IndirectTaxDetailsView-ab51e871.js} +2 -2
  28. package/dist/esm/{ShadowViewAddon-09d3154b.js → ShadowViewAddon-a3f174c4.js} +1 -1
  29. package/dist/esm/{global-ef7a7354.js → global-6e857596.js} +42 -42
  30. package/dist/esm/loader.js +1 -1
  31. package/dist/esm/mint-components.js +1 -1
  32. package/dist/esm/sqm-banking-info-form_10.entry.js +3 -3
  33. package/dist/esm/sqm-big-stat_44.entry.js +9 -2
  34. package/dist/esm/sqm-code-verification.entry.js +1 -1
  35. package/dist/esm/sqm-email-verification.entry.js +1 -1
  36. package/dist/esm/sqm-empty_4.entry.js +1 -1
  37. package/dist/esm/sqm-leaderboard-rank.entry.js +1 -1
  38. package/dist/esm/sqm-pagination_3.entry.js +1 -1
  39. package/dist/esm/{sqm-portal-email-verification-view-37bee5df.js → sqm-portal-email-verification-view-0cefc0dc.js} +1 -1
  40. package/dist/esm/sqm-portal-email-verification.entry.js +2 -2
  41. package/dist/esm/{sqm-portal-profile-view-afb6d879.js → sqm-portal-profile-view-c90d2ec4.js} +1 -1
  42. package/dist/esm/sqm-portal-profile.entry.js +2 -2
  43. package/dist/esm/sqm-referral-table_11.entry.js +1 -1
  44. package/dist/esm/sqm-rewards-table_9.entry.js +1 -1
  45. package/dist/esm/sqm-scroll.entry.js +1 -56
  46. package/dist/esm/sqm-stencilbook.entry.js +6 -6
  47. package/dist/esm/sqm-tax-and-cash.entry.js +2 -2
  48. package/dist/esm/{utils-a86c25e9.js → utils-0723c2f1.js} +1 -1
  49. package/dist/esm-es5/{IndirectTaxDetailsView-a2beb98a.js → IndirectTaxDetailsView-ab51e871.js} +1 -1
  50. package/dist/esm-es5/{ShadowViewAddon-09d3154b.js → ShadowViewAddon-a3f174c4.js} +1 -1
  51. package/dist/esm-es5/{global-ef7a7354.js → global-6e857596.js} +1 -1
  52. package/dist/esm-es5/loader.js +1 -1
  53. package/dist/esm-es5/mint-components.js +1 -1
  54. package/dist/esm-es5/sqm-banking-info-form_10.entry.js +1 -1
  55. package/dist/esm-es5/sqm-big-stat_44.entry.js +1 -1
  56. package/dist/esm-es5/sqm-code-verification.entry.js +1 -1
  57. package/dist/esm-es5/sqm-email-verification.entry.js +1 -1
  58. package/dist/esm-es5/sqm-empty_4.entry.js +1 -1
  59. package/dist/esm-es5/sqm-leaderboard-rank.entry.js +1 -1
  60. package/dist/esm-es5/sqm-pagination_3.entry.js +1 -1
  61. package/dist/esm-es5/{sqm-portal-email-verification-view-37bee5df.js → sqm-portal-email-verification-view-0cefc0dc.js} +1 -1
  62. package/dist/esm-es5/sqm-portal-email-verification.entry.js +1 -1
  63. package/dist/esm-es5/{sqm-portal-profile-view-afb6d879.js → sqm-portal-profile-view-c90d2ec4.js} +1 -1
  64. package/dist/esm-es5/sqm-portal-profile.entry.js +1 -1
  65. package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
  66. package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
  67. package/dist/esm-es5/sqm-scroll.entry.js +1 -1
  68. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  69. package/dist/esm-es5/sqm-tax-and-cash.entry.js +1 -1
  70. package/dist/esm-es5/{utils-a86c25e9.js → utils-0723c2f1.js} +1 -1
  71. package/dist/mint-components/global/styles.ts +1 -1
  72. package/dist/mint-components/mint-components.esm.js +1 -1
  73. package/dist/mint-components/mint-components.js +1 -1
  74. package/dist/mint-components/{p-a4564acb.system.entry.js → p-00505c73.system.entry.js} +1 -1
  75. package/dist/mint-components/{p-40b8b093.js → p-01db2723.js} +1 -1
  76. package/dist/mint-components/{p-574b08e7.system.js → p-02c57d95.system.js} +1 -1
  77. package/dist/mint-components/p-049d3078.system.entry.js +1 -0
  78. package/dist/mint-components/{p-699a9b20.js → p-06beaf34.js} +1 -1
  79. package/dist/mint-components/{p-2fd59b38.entry.js → p-0c274c2b.entry.js} +1 -1
  80. package/dist/mint-components/p-0f587d0c.entry.js +1 -0
  81. package/dist/mint-components/{p-7b2d40e5.entry.js → p-17947f5a.entry.js} +1 -1
  82. package/dist/mint-components/{p-fcbed888.system.entry.js → p-277792c5.system.entry.js} +1 -1
  83. package/dist/mint-components/{p-4a379796.js → p-4d045da0.js} +1 -1
  84. package/dist/mint-components/{p-29fa3d84.system.entry.js → p-4dedcaf4.system.entry.js} +1 -1
  85. package/dist/mint-components/{p-6919414d.entry.js → p-52b37f22.entry.js} +1 -1
  86. package/dist/mint-components/{p-2c0c8872.entry.js → p-5e48bd77.entry.js} +1 -1
  87. package/dist/mint-components/p-65e8d424.system.entry.js +1 -0
  88. package/dist/mint-components/{p-43246ab1.js → p-6a616d9f.js} +1 -1
  89. package/dist/mint-components/{p-5aad9df5.system.entry.js → p-6e192b5a.system.entry.js} +1 -1
  90. package/dist/mint-components/{p-4ddf5eaa.system.js → p-7232addc.system.js} +1 -1
  91. package/dist/mint-components/{p-14fd4b05.entry.js → p-7333224d.entry.js} +1 -1
  92. package/dist/mint-components/{p-7ff34e84.system.js → p-737eea53.system.js} +1 -1
  93. package/dist/mint-components/{p-9b29f4f5.system.entry.js → p-832f5155.system.entry.js} +1 -1
  94. package/dist/mint-components/{p-76b1b937.system.entry.js → p-85b147e6.system.entry.js} +1 -1
  95. package/dist/mint-components/{p-28c50364.js → p-90062810.js} +32 -32
  96. package/dist/mint-components/{p-5bb59fa8.system.entry.js → p-951bc965.system.entry.js} +1 -1
  97. package/dist/mint-components/{p-2e1eceb7.system.entry.js → p-9c921435.system.entry.js} +1 -1
  98. package/dist/mint-components/{p-6773244a.entry.js → p-a38f69f6.entry.js} +1 -1
  99. package/dist/mint-components/{p-37ffa277.system.js → p-a891c877.system.js} +1 -1
  100. package/dist/mint-components/{p-ddaf4c57.system.entry.js → p-ac5f35b1.system.entry.js} +1 -1
  101. package/dist/mint-components/{p-e71e147a.system.entry.js → p-c0e5cdf9.system.entry.js} +1 -1
  102. package/dist/mint-components/{p-f7919872.system.js → p-c14b7fae.system.js} +1 -1
  103. package/dist/mint-components/{p-d51c9a98.system.entry.js → p-d5ae2b8e.system.entry.js} +1 -1
  104. package/dist/mint-components/{p-682359ae.entry.js → p-d614cfea.entry.js} +1 -1
  105. package/dist/mint-components/{p-5116afad.system.entry.js → p-d81b09de.system.entry.js} +1 -1
  106. package/dist/mint-components/{p-56069d3f.entry.js → p-dbe4480e.entry.js} +1 -1
  107. package/dist/mint-components/{p-78878a5a.entry.js → p-dfc2ee26.entry.js} +1 -1
  108. package/dist/mint-components/{p-2074933f.system.js → p-e0166128.system.js} +1 -1
  109. package/dist/mint-components/{p-1b933fb5.system.js → p-f098fc94.system.js} +1 -1
  110. package/dist/mint-components/{p-fa0ad3f2.entry.js → p-f24410f9.entry.js} +1 -1
  111. package/dist/mint-components/{p-ef1616b5.entry.js → p-f4ae6b52.entry.js} +2 -2
  112. package/dist/mint-components/{p-261ef00a.entry.js → p-f76a3009.entry.js} +1 -1
  113. package/dist/mint-components/{p-3b0e2094.entry.js → p-f81cb995.entry.js} +2 -2
  114. package/dist/mint-components/{p-a5b58d30.js → p-ff636489.js} +1 -1
  115. package/dist/types/components/sqm-hero/sqm-hero-view.d.ts +1 -1
  116. package/dist/types/components/sqm-hero/sqm-hero.d.ts +3 -1
  117. package/dist/types/components.d.ts +6 -2
  118. package/docs/docs.docx +0 -0
  119. package/docs/raisins.json +1 -1
  120. package/grapesjs/grapesjs.js +1 -1
  121. package/package.json +1 -1
  122. package/dist/mint-components/p-910f56ca.system.entry.js +0 -1
  123. package/dist/mint-components/p-b6e8d3d7.system.entry.js +0 -1
  124. package/dist/mint-components/p-e27ff213.entry.js +0 -1
@@ -71,7 +71,7 @@
71
71
  --teal-7: #004551;
72
72
  } */
73
73
  export const parseBrandingConfig = (config) => {
74
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66;
74
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67;
75
75
  return ({
76
76
  styles: `
77
77
  /* vietnamese */
@@ -590,57 +590,57 @@ html {
590
590
  --sqm-primary-button-color-border: ${((_u = (_t = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _t === void 0 ? void 0 : _t.buttonColor) === null || _u === void 0 ? void 0 : _u.border) || "transparent"};
591
591
  --sqm-primary-button-radius: ${((_v = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _v === void 0 ? void 0 : _v.borderRadius) ? ((_w = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _w === void 0 ? void 0 : _w.borderRadius) + "px"
592
592
  : "4px"};
593
- --sqm-secondary-button-background: ${((_x = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _x === void 0 ? void 0 : _x.buttonColor) || "transparent"};
594
- --sqm-secondary-button-background-hover: ${((_z = (_y = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _y === void 0 ? void 0 : _y.buttonHoverColor) === null || _z === void 0 ? void 0 : _z.background) || "#DEF0FC"};
595
- --sqm-secondary-button-color-hover: ${((_1 = (_0 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _0 === void 0 ? void 0 : _0.buttonHoverColor) === null || _1 === void 0 ? void 0 : _1.label) || "#3878DB"};
596
- --sqm-secondary-button-border-color-hover: ${((_3 = (_2 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _2 === void 0 ? void 0 : _2.buttonHoverColor) === null || _3 === void 0 ? void 0 : _3.border) || "#3798DF"};
597
- --sqm-secondary-button-color: ${((_5 = (_4 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _4 === void 0 ? void 0 : _4.buttonColor) === null || _5 === void 0 ? void 0 : _5.label) || "#27272A"};
598
- --sqm-secondary-button-color-border: ${((_7 = (_6 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _6 === void 0 ? void 0 : _6.buttonColor) === null || _7 === void 0 ? void 0 : _7.border) || "#E4E4E7"};
599
- --sqm-secondary-button-radius: ${((_8 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _8 === void 0 ? void 0 : _8.borderRadius) ? ((_9 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _9 === void 0 ? void 0 : _9.borderRadius) + "px"
593
+ --sqm-secondary-button-background: ${((_y = (_x = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _x === void 0 ? void 0 : _x.buttonColor) === null || _y === void 0 ? void 0 : _y.background) || "transparent"};
594
+ --sqm-secondary-button-background-hover: ${((_0 = (_z = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _z === void 0 ? void 0 : _z.buttonHoverColor) === null || _0 === void 0 ? void 0 : _0.background) || "#DEF0FC"};
595
+ --sqm-secondary-button-color-hover: ${((_2 = (_1 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _1 === void 0 ? void 0 : _1.buttonHoverColor) === null || _2 === void 0 ? void 0 : _2.label) || "#3878DB"};
596
+ --sqm-secondary-button-border-color-hover: ${((_4 = (_3 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _3 === void 0 ? void 0 : _3.buttonHoverColor) === null || _4 === void 0 ? void 0 : _4.border) || "#3798DF"};
597
+ --sqm-secondary-button-color: ${((_6 = (_5 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _5 === void 0 ? void 0 : _5.buttonColor) === null || _6 === void 0 ? void 0 : _6.label) || "#27272A"};
598
+ --sqm-secondary-button-color-border: ${((_8 = (_7 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _7 === void 0 ? void 0 : _7.buttonColor) === null || _8 === void 0 ? void 0 : _8.border) || "#E4E4E7"};
599
+ --sqm-secondary-button-radius: ${((_9 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _9 === void 0 ? void 0 : _9.borderRadius) ? ((_10 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _10 === void 0 ? void 0 : _10.borderRadius) + "px"
600
600
  : "4px"};
601
601
 
602
- --sqm-border-radius-normal: ${((_10 = config === null || config === void 0 ? void 0 : config.border) === null || _10 === void 0 ? void 0 : _10.borderRadius) ? ((_11 = config === null || config === void 0 ? void 0 : config.border) === null || _11 === void 0 ? void 0 : _11.borderRadius) + "px" : "4px"};
603
- --sqm-border-color: ${((_12 = config === null || config === void 0 ? void 0 : config.border) === null || _12 === void 0 ? void 0 : _12.borderColor) || "#E4E4E7"};
602
+ --sqm-border-radius-normal: ${((_11 = config === null || config === void 0 ? void 0 : config.border) === null || _11 === void 0 ? void 0 : _11.borderRadius) ? ((_12 = config === null || config === void 0 ? void 0 : config.border) === null || _12 === void 0 ? void 0 : _12.borderRadius) + "px" : "4px"};
603
+ --sqm-border-color: ${((_13 = config === null || config === void 0 ? void 0 : config.border) === null || _13 === void 0 ? void 0 : _13.borderColor) || "#E4E4E7"};
604
604
 
605
- --sqm-border-thickness: ${((_13 = config === null || config === void 0 ? void 0 : config.border) === null || _13 === void 0 ? void 0 : _13.borderThickness) ? ((_14 = config === null || config === void 0 ? void 0 : config.border) === null || _14 === void 0 ? void 0 : _14.borderThickness) + "px"
605
+ --sqm-border-thickness: ${((_14 = config === null || config === void 0 ? void 0 : config.border) === null || _14 === void 0 ? void 0 : _14.borderThickness) ? ((_15 = config === null || config === void 0 ? void 0 : config.border) === null || _15 === void 0 ? void 0 : _15.borderThickness) + "px"
606
606
  : "1px"};
607
607
 
608
- --sqm-accent-color-icon: ${((_16 = (_15 = config === null || config === void 0 ? void 0 : config.color) === null || _15 === void 0 ? void 0 : _15.accentColorShades) === null || _16 === void 0 ? void 0 : _16.icon) || "#7ECCF7"};
609
- --sqm-accent-color-text: ${((_18 = (_17 = config === null || config === void 0 ? void 0 : config.color) === null || _17 === void 0 ? void 0 : _17.accentColorShades) === null || _18 === void 0 ? void 0 : _18.text) || "#3798DF"};
610
- --sqm-accent-color-border: ${((_20 = (_19 = config === null || config === void 0 ? void 0 : config.color) === null || _19 === void 0 ? void 0 : _19.accentColorShades) === null || _20 === void 0 ? void 0 : _20.border) || "#3798DF"};
611
- --sqm-accent-color-background: ${((_22 = (_21 = config === null || config === void 0 ? void 0 : config.color) === null || _21 === void 0 ? void 0 : _21.accentColorShades) === null || _22 === void 0 ? void 0 : _22.background) || "#EFF8FE"};
608
+ --sqm-accent-color-icon: ${((_17 = (_16 = config === null || config === void 0 ? void 0 : config.color) === null || _16 === void 0 ? void 0 : _16.accentColorShades) === null || _17 === void 0 ? void 0 : _17.icon) || "#7ECCF7"};
609
+ --sqm-accent-color-text: ${((_19 = (_18 = config === null || config === void 0 ? void 0 : config.color) === null || _18 === void 0 ? void 0 : _18.accentColorShades) === null || _19 === void 0 ? void 0 : _19.text) || "#3798DF"};
610
+ --sqm-accent-color-border: ${((_21 = (_20 = config === null || config === void 0 ? void 0 : config.color) === null || _20 === void 0 ? void 0 : _20.accentColorShades) === null || _21 === void 0 ? void 0 : _21.border) || "#3798DF"};
611
+ --sqm-accent-color-background: ${((_23 = (_22 = config === null || config === void 0 ? void 0 : config.color) === null || _22 === void 0 ? void 0 : _22.accentColorShades) === null || _23 === void 0 ? void 0 : _23.background) || "#EFF8FE"};
612
612
 
613
- --sqm-success-color-icon: ${((_24 = (_23 = config === null || config === void 0 ? void 0 : config.color) === null || _23 === void 0 ? void 0 : _23.success) === null || _24 === void 0 ? void 0 : _24.iconAndBadge) || "var(--sl-color-success-600)"};
614
- --sqm-success-color-text: ${((_26 = (_25 = config === null || config === void 0 ? void 0 : config.color) === null || _25 === void 0 ? void 0 : _25.success) === null || _26 === void 0 ? void 0 : _26.text) || "#fff"};
615
- --sqm-success-color-border: ${((_28 = (_27 = config === null || config === void 0 ? void 0 : config.color) === null || _27 === void 0 ? void 0 : _27.success) === null || _28 === void 0 ? void 0 : _28.border) || "var(--sl-color-success-400)"};
616
- --sqm-success-color-background: ${((_30 = (_29 = config === null || config === void 0 ? void 0 : config.color) === null || _29 === void 0 ? void 0 : _29.success) === null || _30 === void 0 ? void 0 : _30.background) || "var(--sl-color-success-300)"};
613
+ --sqm-success-color-icon: ${((_25 = (_24 = config === null || config === void 0 ? void 0 : config.color) === null || _24 === void 0 ? void 0 : _24.success) === null || _25 === void 0 ? void 0 : _25.iconAndBadge) || "var(--sl-color-success-600)"};
614
+ --sqm-success-color-text: ${((_27 = (_26 = config === null || config === void 0 ? void 0 : config.color) === null || _26 === void 0 ? void 0 : _26.success) === null || _27 === void 0 ? void 0 : _27.text) || "#fff"};
615
+ --sqm-success-color-border: ${((_29 = (_28 = config === null || config === void 0 ? void 0 : config.color) === null || _28 === void 0 ? void 0 : _28.success) === null || _29 === void 0 ? void 0 : _29.border) || "var(--sl-color-success-400)"};
616
+ --sqm-success-color-background: ${((_31 = (_30 = config === null || config === void 0 ? void 0 : config.color) === null || _30 === void 0 ? void 0 : _30.success) === null || _31 === void 0 ? void 0 : _31.background) || "var(--sl-color-success-300)"};
617
617
 
618
- --sqm-warning-color-icon: ${((_32 = (_31 = config === null || config === void 0 ? void 0 : config.color) === null || _31 === void 0 ? void 0 : _31.warning) === null || _32 === void 0 ? void 0 : _32.iconAndBadge) || "var(--sl-color-warning-600)"};
619
- --sqm-warning-color-text: ${((_34 = (_33 = config === null || config === void 0 ? void 0 : config.color) === null || _33 === void 0 ? void 0 : _33.warning) === null || _34 === void 0 ? void 0 : _34.text) || "#fff"};
620
- --sqm-warning-color-border: ${((_36 = (_35 = config === null || config === void 0 ? void 0 : config.color) === null || _35 === void 0 ? void 0 : _35.warning) === null || _36 === void 0 ? void 0 : _36.border) || "var(--sl-color-warning-400)"};
621
- --sqm-warning-color-background: ${((_38 = (_37 = config === null || config === void 0 ? void 0 : config.color) === null || _37 === void 0 ? void 0 : _37.warning) === null || _38 === void 0 ? void 0 : _38.background) || "var(--sl-color-warning-300)"};
622
-
623
- --sqm-danger-color-icon: ${((_40 = (_39 = config === null || config === void 0 ? void 0 : config.color) === null || _39 === void 0 ? void 0 : _39.critical) === null || _40 === void 0 ? void 0 : _40.iconAndBadge) || "var(--sl-color-danger-600)"};
624
- --sqm-danger-color-text: ${((_42 = (_41 = config === null || config === void 0 ? void 0 : config.color) === null || _41 === void 0 ? void 0 : _41.critical) === null || _42 === void 0 ? void 0 : _42.text) || "#fff"};
625
- --sqm-danger-color-border: ${((_44 = (_43 = config === null || config === void 0 ? void 0 : config.color) === null || _43 === void 0 ? void 0 : _43.critical) === null || _44 === void 0 ? void 0 : _44.border) || "var(--sl-color-danger-400)"};
626
- --sqm-danger-color-background: ${((_46 = (_45 = config === null || config === void 0 ? void 0 : config.color) === null || _45 === void 0 ? void 0 : _45.critical) === null || _46 === void 0 ? void 0 : _46.background) || "var(--sl-color-danger-300)"};
627
-
628
- --sqm-informative-color-icon: ${((_48 = (_47 = config === null || config === void 0 ? void 0 : config.color) === null || _47 === void 0 ? void 0 : _47.informative) === null || _48 === void 0 ? void 0 : _48.iconAndBadge) || "var(--sl-color-sky-600)"};
629
- --sqm-informative-color-text: ${((_50 = (_49 = config === null || config === void 0 ? void 0 : config.color) === null || _49 === void 0 ? void 0 : _49.informative) === null || _50 === void 0 ? void 0 : _50.text) || "#fff"};
630
- --sqm-informative-color-border: ${((_52 = (_51 = config === null || config === void 0 ? void 0 : config.color) === null || _51 === void 0 ? void 0 : _51.informative) === null || _52 === void 0 ? void 0 : _52.border) || "var(--sl-color-sky-400)"};
631
- --sqm-informative-color-background: ${((_54 = (_53 = config === null || config === void 0 ? void 0 : config.color) === null || _53 === void 0 ? void 0 : _53.informative) === null || _54 === void 0 ? void 0 : _54.background) || "var(--sl-color-sky-300)"};
632
-
633
- --sqm-input-background: ${((_56 = (_55 = config === null || config === void 0 ? void 0 : config.formFields) === null || _55 === void 0 ? void 0 : _55.formFieldColor) === null || _56 === void 0 ? void 0 : _56.background) || "#fff"};
634
- --sqm-input-border-color: ${((_58 = (_57 = config === null || config === void 0 ? void 0 : config.formFields) === null || _57 === void 0 ? void 0 : _57.formFieldColor) === null || _58 === void 0 ? void 0 : _58.border) || "#E4E4E7"};
635
- --sqm-input-border-radius: ${((_59 = config === null || config === void 0 ? void 0 : config.formFields) === null || _59 === void 0 ? void 0 : _59.borderRadius) ? ((_60 = config === null || config === void 0 ? void 0 : config.formFields) === null || _60 === void 0 ? void 0 : _60.borderRadius) + "px"
618
+ --sqm-warning-color-icon: ${((_33 = (_32 = config === null || config === void 0 ? void 0 : config.color) === null || _32 === void 0 ? void 0 : _32.warning) === null || _33 === void 0 ? void 0 : _33.iconAndBadge) || "var(--sl-color-warning-600)"};
619
+ --sqm-warning-color-text: ${((_35 = (_34 = config === null || config === void 0 ? void 0 : config.color) === null || _34 === void 0 ? void 0 : _34.warning) === null || _35 === void 0 ? void 0 : _35.text) || "#fff"};
620
+ --sqm-warning-color-border: ${((_37 = (_36 = config === null || config === void 0 ? void 0 : config.color) === null || _36 === void 0 ? void 0 : _36.warning) === null || _37 === void 0 ? void 0 : _37.border) || "var(--sl-color-warning-400)"};
621
+ --sqm-warning-color-background: ${((_39 = (_38 = config === null || config === void 0 ? void 0 : config.color) === null || _38 === void 0 ? void 0 : _38.warning) === null || _39 === void 0 ? void 0 : _39.background) || "var(--sl-color-warning-300)"};
622
+
623
+ --sqm-danger-color-icon: ${((_41 = (_40 = config === null || config === void 0 ? void 0 : config.color) === null || _40 === void 0 ? void 0 : _40.critical) === null || _41 === void 0 ? void 0 : _41.iconAndBadge) || "var(--sl-color-danger-600)"};
624
+ --sqm-danger-color-text: ${((_43 = (_42 = config === null || config === void 0 ? void 0 : config.color) === null || _42 === void 0 ? void 0 : _42.critical) === null || _43 === void 0 ? void 0 : _43.text) || "#fff"};
625
+ --sqm-danger-color-border: ${((_45 = (_44 = config === null || config === void 0 ? void 0 : config.color) === null || _44 === void 0 ? void 0 : _44.critical) === null || _45 === void 0 ? void 0 : _45.border) || "var(--sl-color-danger-400)"};
626
+ --sqm-danger-color-background: ${((_47 = (_46 = config === null || config === void 0 ? void 0 : config.color) === null || _46 === void 0 ? void 0 : _46.critical) === null || _47 === void 0 ? void 0 : _47.background) || "var(--sl-color-danger-300)"};
627
+
628
+ --sqm-informative-color-icon: ${((_49 = (_48 = config === null || config === void 0 ? void 0 : config.color) === null || _48 === void 0 ? void 0 : _48.informative) === null || _49 === void 0 ? void 0 : _49.iconAndBadge) || "var(--sl-color-sky-600)"};
629
+ --sqm-informative-color-text: ${((_51 = (_50 = config === null || config === void 0 ? void 0 : config.color) === null || _50 === void 0 ? void 0 : _50.informative) === null || _51 === void 0 ? void 0 : _51.text) || "#fff"};
630
+ --sqm-informative-color-border: ${((_53 = (_52 = config === null || config === void 0 ? void 0 : config.color) === null || _52 === void 0 ? void 0 : _52.informative) === null || _53 === void 0 ? void 0 : _53.border) || "var(--sl-color-sky-400)"};
631
+ --sqm-informative-color-background: ${((_55 = (_54 = config === null || config === void 0 ? void 0 : config.color) === null || _54 === void 0 ? void 0 : _54.informative) === null || _55 === void 0 ? void 0 : _55.background) || "var(--sl-color-sky-300)"};
632
+
633
+ --sqm-input-background: ${((_57 = (_56 = config === null || config === void 0 ? void 0 : config.formFields) === null || _56 === void 0 ? void 0 : _56.formFieldColor) === null || _57 === void 0 ? void 0 : _57.background) || "#fff"};
634
+ --sqm-input-border-color: ${((_59 = (_58 = config === null || config === void 0 ? void 0 : config.formFields) === null || _58 === void 0 ? void 0 : _58.formFieldColor) === null || _59 === void 0 ? void 0 : _59.border) || "#E4E4E7"};
635
+ --sqm-input-border-radius: ${((_60 = config === null || config === void 0 ? void 0 : config.formFields) === null || _60 === void 0 ? void 0 : _60.borderRadius) ? ((_61 = config === null || config === void 0 ? void 0 : config.formFields) === null || _61 === void 0 ? void 0 : _61.borderRadius) + "px"
636
636
  : "4px"};
637
- --sqm-input-color: ${((_62 = (_61 = config === null || config === void 0 ? void 0 : config.formFields) === null || _61 === void 0 ? void 0 : _61.formFieldColor) === null || _62 === void 0 ? void 0 : _62.inputText) || "#27272A"};
637
+ --sqm-input-color: ${((_63 = (_62 = config === null || config === void 0 ? void 0 : config.formFields) === null || _62 === void 0 ? void 0 : _62.formFieldColor) === null || _63 === void 0 ? void 0 : _63.inputText) || "#27272A"};
638
638
  --sqm-input-label-color: var(--sqm-text);
639
- --sqm-input-border-color-focus: ${((_63 = config === null || config === void 0 ? void 0 : config.formFields) === null || _63 === void 0 ? void 0 : _63.selectedStateColor) || "#E4E4E7"};
640
- --sqm-input-border-color-hover: ${((_64 = config === null || config === void 0 ? void 0 : config.formFields) === null || _64 === void 0 ? void 0 : _64.hoverStateColor) || "#E4E4E7"};
639
+ --sqm-input-border-color-focus: ${((_64 = config === null || config === void 0 ? void 0 : config.formFields) === null || _64 === void 0 ? void 0 : _64.selectedStateColor) || "#E4E4E7"};
640
+ --sqm-input-border-color-hover: ${((_65 = config === null || config === void 0 ? void 0 : config.formFields) === null || _65 === void 0 ? void 0 : _65.hoverStateColor) || "#E4E4E7"};
641
641
  --sqm-input-label-font-size: inherit;
642
642
  --sqm-input-disabled-color: var(--sqm-text-subdued);
643
- --sqm-input-disabled-background: ${((_65 = config === null || config === void 0 ? void 0 : config.formFields) === null || _65 === void 0 ? void 0 : _65.disabledBackgroundColor) || "#F4F4F5"};
643
+ --sqm-input-disabled-background: ${((_66 = config === null || config === void 0 ? void 0 : config.formFields) === null || _66 === void 0 ? void 0 : _66.disabledBackgroundColor) || "#F4F4F5"};
644
644
 
645
645
  --sl-color-primary-100: var(--sqm-primary-color);
646
646
  --sl-color-primary-200: var(--sqm-primary-color);
@@ -959,6 +959,6 @@ sl-icon::part(base):hover {
959
959
 
960
960
 
961
961
  `,
962
- font: (_66 = config === null || config === void 0 ? void 0 : config.main) === null || _66 === void 0 ? void 0 : _66.brandFont,
962
+ font: (_67 = config === null || config === void 0 ? void 0 : config.main) === null || _67 === void 0 ? void 0 : _67.brandFont,
963
963
  });
964
964
  };
@@ -615,7 +615,7 @@ html {
615
615
  : "4px"
616
616
  };
617
617
  --sqm-secondary-button-background: ${
618
- config?.secondaryButton?.buttonColor || "transparent"
618
+ config?.secondaryButton?.buttonColor?.background || "transparent"
619
619
  };
620
620
  --sqm-secondary-button-background-hover: ${
621
621
  config?.secondaryButton?.buttonHoverColor?.background || "#DEF0FC"
@@ -1,7 +1,7 @@
1
1
  import { h } from './index-b3a06de8.js';
2
- import { i as intl } from './global-ef7a7354.js';
2
+ import { i as intl } from './global-6e857596.js';
3
3
  import { c as createStyleSheet } from './JSS-67b5cff8.js';
4
- import { f as formatErrorMessage } from './utils-a86c25e9.js';
4
+ import { f as formatErrorMessage } from './utils-0723c2f1.js';
5
5
 
6
6
  const style = {
7
7
  Description: {
@@ -1,5 +1,5 @@
1
1
  import { h, c as Host, d as getAssetPath, g as getElement } from './index-b3a06de8.js';
2
- import { i as intl } from './global-ef7a7354.js';
2
+ import { i as intl } from './global-6e857596.js';
3
3
  import { b as browser, u as useMemo, k as useState } from './dom-context-hooks.module-63370afd.js';
4
4
  import { H, L, J, d as dist, w as wn, j as jn, B, F as Fn, $ as $e, g as getEnvironmentSDK } from './index.module-c9811a48.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
@@ -26006,7 +26006,7 @@ function insertFont(font) {
26006
26006
  --teal-7: #004551;
26007
26007
  } */
26008
26008
  const parseBrandingConfig = (config) => {
26009
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66;
26009
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67;
26010
26010
  return ({
26011
26011
  styles: `
26012
26012
  /* vietnamese */
@@ -26525,57 +26525,57 @@ html {
26525
26525
  --sqm-primary-button-color-border: ${((_u = (_t = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _t === void 0 ? void 0 : _t.buttonColor) === null || _u === void 0 ? void 0 : _u.border) || "transparent"};
26526
26526
  --sqm-primary-button-radius: ${((_v = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _v === void 0 ? void 0 : _v.borderRadius) ? ((_w = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _w === void 0 ? void 0 : _w.borderRadius) + "px"
26527
26527
  : "4px"};
26528
- --sqm-secondary-button-background: ${((_x = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _x === void 0 ? void 0 : _x.buttonColor) || "transparent"};
26529
- --sqm-secondary-button-background-hover: ${((_z = (_y = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _y === void 0 ? void 0 : _y.buttonHoverColor) === null || _z === void 0 ? void 0 : _z.background) || "#DEF0FC"};
26530
- --sqm-secondary-button-color-hover: ${((_1 = (_0 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _0 === void 0 ? void 0 : _0.buttonHoverColor) === null || _1 === void 0 ? void 0 : _1.label) || "#3878DB"};
26531
- --sqm-secondary-button-border-color-hover: ${((_3 = (_2 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _2 === void 0 ? void 0 : _2.buttonHoverColor) === null || _3 === void 0 ? void 0 : _3.border) || "#3798DF"};
26532
- --sqm-secondary-button-color: ${((_5 = (_4 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _4 === void 0 ? void 0 : _4.buttonColor) === null || _5 === void 0 ? void 0 : _5.label) || "#27272A"};
26533
- --sqm-secondary-button-color-border: ${((_7 = (_6 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _6 === void 0 ? void 0 : _6.buttonColor) === null || _7 === void 0 ? void 0 : _7.border) || "#E4E4E7"};
26534
- --sqm-secondary-button-radius: ${((_8 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _8 === void 0 ? void 0 : _8.borderRadius) ? ((_9 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _9 === void 0 ? void 0 : _9.borderRadius) + "px"
26528
+ --sqm-secondary-button-background: ${((_y = (_x = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _x === void 0 ? void 0 : _x.buttonColor) === null || _y === void 0 ? void 0 : _y.background) || "transparent"};
26529
+ --sqm-secondary-button-background-hover: ${((_0 = (_z = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _z === void 0 ? void 0 : _z.buttonHoverColor) === null || _0 === void 0 ? void 0 : _0.background) || "#DEF0FC"};
26530
+ --sqm-secondary-button-color-hover: ${((_2 = (_1 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _1 === void 0 ? void 0 : _1.buttonHoverColor) === null || _2 === void 0 ? void 0 : _2.label) || "#3878DB"};
26531
+ --sqm-secondary-button-border-color-hover: ${((_4 = (_3 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _3 === void 0 ? void 0 : _3.buttonHoverColor) === null || _4 === void 0 ? void 0 : _4.border) || "#3798DF"};
26532
+ --sqm-secondary-button-color: ${((_6 = (_5 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _5 === void 0 ? void 0 : _5.buttonColor) === null || _6 === void 0 ? void 0 : _6.label) || "#27272A"};
26533
+ --sqm-secondary-button-color-border: ${((_8 = (_7 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _7 === void 0 ? void 0 : _7.buttonColor) === null || _8 === void 0 ? void 0 : _8.border) || "#E4E4E7"};
26534
+ --sqm-secondary-button-radius: ${((_9 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _9 === void 0 ? void 0 : _9.borderRadius) ? ((_10 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _10 === void 0 ? void 0 : _10.borderRadius) + "px"
26535
26535
  : "4px"};
26536
26536
 
26537
- --sqm-border-radius-normal: ${((_10 = config === null || config === void 0 ? void 0 : config.border) === null || _10 === void 0 ? void 0 : _10.borderRadius) ? ((_11 = config === null || config === void 0 ? void 0 : config.border) === null || _11 === void 0 ? void 0 : _11.borderRadius) + "px" : "4px"};
26538
- --sqm-border-color: ${((_12 = config === null || config === void 0 ? void 0 : config.border) === null || _12 === void 0 ? void 0 : _12.borderColor) || "#E4E4E7"};
26537
+ --sqm-border-radius-normal: ${((_11 = config === null || config === void 0 ? void 0 : config.border) === null || _11 === void 0 ? void 0 : _11.borderRadius) ? ((_12 = config === null || config === void 0 ? void 0 : config.border) === null || _12 === void 0 ? void 0 : _12.borderRadius) + "px" : "4px"};
26538
+ --sqm-border-color: ${((_13 = config === null || config === void 0 ? void 0 : config.border) === null || _13 === void 0 ? void 0 : _13.borderColor) || "#E4E4E7"};
26539
26539
 
26540
- --sqm-border-thickness: ${((_13 = config === null || config === void 0 ? void 0 : config.border) === null || _13 === void 0 ? void 0 : _13.borderThickness) ? ((_14 = config === null || config === void 0 ? void 0 : config.border) === null || _14 === void 0 ? void 0 : _14.borderThickness) + "px"
26540
+ --sqm-border-thickness: ${((_14 = config === null || config === void 0 ? void 0 : config.border) === null || _14 === void 0 ? void 0 : _14.borderThickness) ? ((_15 = config === null || config === void 0 ? void 0 : config.border) === null || _15 === void 0 ? void 0 : _15.borderThickness) + "px"
26541
26541
  : "1px"};
26542
26542
 
26543
- --sqm-accent-color-icon: ${((_16 = (_15 = config === null || config === void 0 ? void 0 : config.color) === null || _15 === void 0 ? void 0 : _15.accentColorShades) === null || _16 === void 0 ? void 0 : _16.icon) || "#7ECCF7"};
26544
- --sqm-accent-color-text: ${((_18 = (_17 = config === null || config === void 0 ? void 0 : config.color) === null || _17 === void 0 ? void 0 : _17.accentColorShades) === null || _18 === void 0 ? void 0 : _18.text) || "#3798DF"};
26545
- --sqm-accent-color-border: ${((_20 = (_19 = config === null || config === void 0 ? void 0 : config.color) === null || _19 === void 0 ? void 0 : _19.accentColorShades) === null || _20 === void 0 ? void 0 : _20.border) || "#3798DF"};
26546
- --sqm-accent-color-background: ${((_22 = (_21 = config === null || config === void 0 ? void 0 : config.color) === null || _21 === void 0 ? void 0 : _21.accentColorShades) === null || _22 === void 0 ? void 0 : _22.background) || "#EFF8FE"};
26543
+ --sqm-accent-color-icon: ${((_17 = (_16 = config === null || config === void 0 ? void 0 : config.color) === null || _16 === void 0 ? void 0 : _16.accentColorShades) === null || _17 === void 0 ? void 0 : _17.icon) || "#7ECCF7"};
26544
+ --sqm-accent-color-text: ${((_19 = (_18 = config === null || config === void 0 ? void 0 : config.color) === null || _18 === void 0 ? void 0 : _18.accentColorShades) === null || _19 === void 0 ? void 0 : _19.text) || "#3798DF"};
26545
+ --sqm-accent-color-border: ${((_21 = (_20 = config === null || config === void 0 ? void 0 : config.color) === null || _20 === void 0 ? void 0 : _20.accentColorShades) === null || _21 === void 0 ? void 0 : _21.border) || "#3798DF"};
26546
+ --sqm-accent-color-background: ${((_23 = (_22 = config === null || config === void 0 ? void 0 : config.color) === null || _22 === void 0 ? void 0 : _22.accentColorShades) === null || _23 === void 0 ? void 0 : _23.background) || "#EFF8FE"};
26547
26547
 
26548
- --sqm-success-color-icon: ${((_24 = (_23 = config === null || config === void 0 ? void 0 : config.color) === null || _23 === void 0 ? void 0 : _23.success) === null || _24 === void 0 ? void 0 : _24.iconAndBadge) || "var(--sl-color-success-600)"};
26549
- --sqm-success-color-text: ${((_26 = (_25 = config === null || config === void 0 ? void 0 : config.color) === null || _25 === void 0 ? void 0 : _25.success) === null || _26 === void 0 ? void 0 : _26.text) || "#fff"};
26550
- --sqm-success-color-border: ${((_28 = (_27 = config === null || config === void 0 ? void 0 : config.color) === null || _27 === void 0 ? void 0 : _27.success) === null || _28 === void 0 ? void 0 : _28.border) || "var(--sl-color-success-400)"};
26551
- --sqm-success-color-background: ${((_30 = (_29 = config === null || config === void 0 ? void 0 : config.color) === null || _29 === void 0 ? void 0 : _29.success) === null || _30 === void 0 ? void 0 : _30.background) || "var(--sl-color-success-300)"};
26548
+ --sqm-success-color-icon: ${((_25 = (_24 = config === null || config === void 0 ? void 0 : config.color) === null || _24 === void 0 ? void 0 : _24.success) === null || _25 === void 0 ? void 0 : _25.iconAndBadge) || "var(--sl-color-success-600)"};
26549
+ --sqm-success-color-text: ${((_27 = (_26 = config === null || config === void 0 ? void 0 : config.color) === null || _26 === void 0 ? void 0 : _26.success) === null || _27 === void 0 ? void 0 : _27.text) || "#fff"};
26550
+ --sqm-success-color-border: ${((_29 = (_28 = config === null || config === void 0 ? void 0 : config.color) === null || _28 === void 0 ? void 0 : _28.success) === null || _29 === void 0 ? void 0 : _29.border) || "var(--sl-color-success-400)"};
26551
+ --sqm-success-color-background: ${((_31 = (_30 = config === null || config === void 0 ? void 0 : config.color) === null || _30 === void 0 ? void 0 : _30.success) === null || _31 === void 0 ? void 0 : _31.background) || "var(--sl-color-success-300)"};
26552
26552
 
26553
- --sqm-warning-color-icon: ${((_32 = (_31 = config === null || config === void 0 ? void 0 : config.color) === null || _31 === void 0 ? void 0 : _31.warning) === null || _32 === void 0 ? void 0 : _32.iconAndBadge) || "var(--sl-color-warning-600)"};
26554
- --sqm-warning-color-text: ${((_34 = (_33 = config === null || config === void 0 ? void 0 : config.color) === null || _33 === void 0 ? void 0 : _33.warning) === null || _34 === void 0 ? void 0 : _34.text) || "#fff"};
26555
- --sqm-warning-color-border: ${((_36 = (_35 = config === null || config === void 0 ? void 0 : config.color) === null || _35 === void 0 ? void 0 : _35.warning) === null || _36 === void 0 ? void 0 : _36.border) || "var(--sl-color-warning-400)"};
26556
- --sqm-warning-color-background: ${((_38 = (_37 = config === null || config === void 0 ? void 0 : config.color) === null || _37 === void 0 ? void 0 : _37.warning) === null || _38 === void 0 ? void 0 : _38.background) || "var(--sl-color-warning-300)"};
26557
-
26558
- --sqm-danger-color-icon: ${((_40 = (_39 = config === null || config === void 0 ? void 0 : config.color) === null || _39 === void 0 ? void 0 : _39.critical) === null || _40 === void 0 ? void 0 : _40.iconAndBadge) || "var(--sl-color-danger-600)"};
26559
- --sqm-danger-color-text: ${((_42 = (_41 = config === null || config === void 0 ? void 0 : config.color) === null || _41 === void 0 ? void 0 : _41.critical) === null || _42 === void 0 ? void 0 : _42.text) || "#fff"};
26560
- --sqm-danger-color-border: ${((_44 = (_43 = config === null || config === void 0 ? void 0 : config.color) === null || _43 === void 0 ? void 0 : _43.critical) === null || _44 === void 0 ? void 0 : _44.border) || "var(--sl-color-danger-400)"};
26561
- --sqm-danger-color-background: ${((_46 = (_45 = config === null || config === void 0 ? void 0 : config.color) === null || _45 === void 0 ? void 0 : _45.critical) === null || _46 === void 0 ? void 0 : _46.background) || "var(--sl-color-danger-300)"};
26562
-
26563
- --sqm-informative-color-icon: ${((_48 = (_47 = config === null || config === void 0 ? void 0 : config.color) === null || _47 === void 0 ? void 0 : _47.informative) === null || _48 === void 0 ? void 0 : _48.iconAndBadge) || "var(--sl-color-sky-600)"};
26564
- --sqm-informative-color-text: ${((_50 = (_49 = config === null || config === void 0 ? void 0 : config.color) === null || _49 === void 0 ? void 0 : _49.informative) === null || _50 === void 0 ? void 0 : _50.text) || "#fff"};
26565
- --sqm-informative-color-border: ${((_52 = (_51 = config === null || config === void 0 ? void 0 : config.color) === null || _51 === void 0 ? void 0 : _51.informative) === null || _52 === void 0 ? void 0 : _52.border) || "var(--sl-color-sky-400)"};
26566
- --sqm-informative-color-background: ${((_54 = (_53 = config === null || config === void 0 ? void 0 : config.color) === null || _53 === void 0 ? void 0 : _53.informative) === null || _54 === void 0 ? void 0 : _54.background) || "var(--sl-color-sky-300)"};
26567
-
26568
- --sqm-input-background: ${((_56 = (_55 = config === null || config === void 0 ? void 0 : config.formFields) === null || _55 === void 0 ? void 0 : _55.formFieldColor) === null || _56 === void 0 ? void 0 : _56.background) || "#fff"};
26569
- --sqm-input-border-color: ${((_58 = (_57 = config === null || config === void 0 ? void 0 : config.formFields) === null || _57 === void 0 ? void 0 : _57.formFieldColor) === null || _58 === void 0 ? void 0 : _58.border) || "#E4E4E7"};
26570
- --sqm-input-border-radius: ${((_59 = config === null || config === void 0 ? void 0 : config.formFields) === null || _59 === void 0 ? void 0 : _59.borderRadius) ? ((_60 = config === null || config === void 0 ? void 0 : config.formFields) === null || _60 === void 0 ? void 0 : _60.borderRadius) + "px"
26553
+ --sqm-warning-color-icon: ${((_33 = (_32 = config === null || config === void 0 ? void 0 : config.color) === null || _32 === void 0 ? void 0 : _32.warning) === null || _33 === void 0 ? void 0 : _33.iconAndBadge) || "var(--sl-color-warning-600)"};
26554
+ --sqm-warning-color-text: ${((_35 = (_34 = config === null || config === void 0 ? void 0 : config.color) === null || _34 === void 0 ? void 0 : _34.warning) === null || _35 === void 0 ? void 0 : _35.text) || "#fff"};
26555
+ --sqm-warning-color-border: ${((_37 = (_36 = config === null || config === void 0 ? void 0 : config.color) === null || _36 === void 0 ? void 0 : _36.warning) === null || _37 === void 0 ? void 0 : _37.border) || "var(--sl-color-warning-400)"};
26556
+ --sqm-warning-color-background: ${((_39 = (_38 = config === null || config === void 0 ? void 0 : config.color) === null || _38 === void 0 ? void 0 : _38.warning) === null || _39 === void 0 ? void 0 : _39.background) || "var(--sl-color-warning-300)"};
26557
+
26558
+ --sqm-danger-color-icon: ${((_41 = (_40 = config === null || config === void 0 ? void 0 : config.color) === null || _40 === void 0 ? void 0 : _40.critical) === null || _41 === void 0 ? void 0 : _41.iconAndBadge) || "var(--sl-color-danger-600)"};
26559
+ --sqm-danger-color-text: ${((_43 = (_42 = config === null || config === void 0 ? void 0 : config.color) === null || _42 === void 0 ? void 0 : _42.critical) === null || _43 === void 0 ? void 0 : _43.text) || "#fff"};
26560
+ --sqm-danger-color-border: ${((_45 = (_44 = config === null || config === void 0 ? void 0 : config.color) === null || _44 === void 0 ? void 0 : _44.critical) === null || _45 === void 0 ? void 0 : _45.border) || "var(--sl-color-danger-400)"};
26561
+ --sqm-danger-color-background: ${((_47 = (_46 = config === null || config === void 0 ? void 0 : config.color) === null || _46 === void 0 ? void 0 : _46.critical) === null || _47 === void 0 ? void 0 : _47.background) || "var(--sl-color-danger-300)"};
26562
+
26563
+ --sqm-informative-color-icon: ${((_49 = (_48 = config === null || config === void 0 ? void 0 : config.color) === null || _48 === void 0 ? void 0 : _48.informative) === null || _49 === void 0 ? void 0 : _49.iconAndBadge) || "var(--sl-color-sky-600)"};
26564
+ --sqm-informative-color-text: ${((_51 = (_50 = config === null || config === void 0 ? void 0 : config.color) === null || _50 === void 0 ? void 0 : _50.informative) === null || _51 === void 0 ? void 0 : _51.text) || "#fff"};
26565
+ --sqm-informative-color-border: ${((_53 = (_52 = config === null || config === void 0 ? void 0 : config.color) === null || _52 === void 0 ? void 0 : _52.informative) === null || _53 === void 0 ? void 0 : _53.border) || "var(--sl-color-sky-400)"};
26566
+ --sqm-informative-color-background: ${((_55 = (_54 = config === null || config === void 0 ? void 0 : config.color) === null || _54 === void 0 ? void 0 : _54.informative) === null || _55 === void 0 ? void 0 : _55.background) || "var(--sl-color-sky-300)"};
26567
+
26568
+ --sqm-input-background: ${((_57 = (_56 = config === null || config === void 0 ? void 0 : config.formFields) === null || _56 === void 0 ? void 0 : _56.formFieldColor) === null || _57 === void 0 ? void 0 : _57.background) || "#fff"};
26569
+ --sqm-input-border-color: ${((_59 = (_58 = config === null || config === void 0 ? void 0 : config.formFields) === null || _58 === void 0 ? void 0 : _58.formFieldColor) === null || _59 === void 0 ? void 0 : _59.border) || "#E4E4E7"};
26570
+ --sqm-input-border-radius: ${((_60 = config === null || config === void 0 ? void 0 : config.formFields) === null || _60 === void 0 ? void 0 : _60.borderRadius) ? ((_61 = config === null || config === void 0 ? void 0 : config.formFields) === null || _61 === void 0 ? void 0 : _61.borderRadius) + "px"
26571
26571
  : "4px"};
26572
- --sqm-input-color: ${((_62 = (_61 = config === null || config === void 0 ? void 0 : config.formFields) === null || _61 === void 0 ? void 0 : _61.formFieldColor) === null || _62 === void 0 ? void 0 : _62.inputText) || "#27272A"};
26572
+ --sqm-input-color: ${((_63 = (_62 = config === null || config === void 0 ? void 0 : config.formFields) === null || _62 === void 0 ? void 0 : _62.formFieldColor) === null || _63 === void 0 ? void 0 : _63.inputText) || "#27272A"};
26573
26573
  --sqm-input-label-color: var(--sqm-text);
26574
- --sqm-input-border-color-focus: ${((_63 = config === null || config === void 0 ? void 0 : config.formFields) === null || _63 === void 0 ? void 0 : _63.selectedStateColor) || "#E4E4E7"};
26575
- --sqm-input-border-color-hover: ${((_64 = config === null || config === void 0 ? void 0 : config.formFields) === null || _64 === void 0 ? void 0 : _64.hoverStateColor) || "#E4E4E7"};
26574
+ --sqm-input-border-color-focus: ${((_64 = config === null || config === void 0 ? void 0 : config.formFields) === null || _64 === void 0 ? void 0 : _64.selectedStateColor) || "#E4E4E7"};
26575
+ --sqm-input-border-color-hover: ${((_65 = config === null || config === void 0 ? void 0 : config.formFields) === null || _65 === void 0 ? void 0 : _65.hoverStateColor) || "#E4E4E7"};
26576
26576
  --sqm-input-label-font-size: inherit;
26577
26577
  --sqm-input-disabled-color: var(--sqm-text-subdued);
26578
- --sqm-input-disabled-background: ${((_65 = config === null || config === void 0 ? void 0 : config.formFields) === null || _65 === void 0 ? void 0 : _65.disabledBackgroundColor) || "#F4F4F5"};
26578
+ --sqm-input-disabled-background: ${((_66 = config === null || config === void 0 ? void 0 : config.formFields) === null || _66 === void 0 ? void 0 : _66.disabledBackgroundColor) || "#F4F4F5"};
26579
26579
 
26580
26580
  --sl-color-primary-100: var(--sqm-primary-color);
26581
26581
  --sl-color-primary-200: var(--sqm-primary-color);
@@ -26894,7 +26894,7 @@ sl-icon::part(base):hover {
26894
26894
 
26895
26895
 
26896
26896
  `,
26897
- font: (_66 = config === null || config === void 0 ? void 0 : config.main) === null || _66 === void 0 ? void 0 : _66.brandFont,
26897
+ font: (_67 = config === null || config === void 0 ? void 0 : config.main) === null || _67 === void 0 ? void 0 : _67.brandFont,
26898
26898
  });
26899
26899
  };
26900
26900
 
@@ -1,5 +1,5 @@
1
1
  import { p as promiseResolve, b as bootstrapLazy } from './index-b3a06de8.js';
2
- import './global-ef7a7354.js';
2
+ import './global-6e857596.js';
3
3
  import './dom-context-hooks.module-63370afd.js';
4
4
  import './index.module-c9811a48.js';
5
5
 
@@ -1,5 +1,5 @@
1
1
  import { p as promiseResolve, H, b as bootstrapLazy } from './index-b3a06de8.js';
2
- import './global-ef7a7354.js';
2
+ import './global-6e857596.js';
3
3
  import './dom-context-hooks.module-63370afd.js';
4
4
  import './index.module-c9811a48.js';
5
5
 
@@ -1,5 +1,5 @@
1
1
  import { h, r as registerInstance, c as Host, g as getElement } from './index-b3a06de8.js';
2
- import { i as intl } from './global-ef7a7354.js';
2
+ import { i as intl } from './global-6e857596.js';
3
3
  import { m as useRef, k as useState, f as useEffect, n as h$1, u as useMemo, b as browser, j as useReducer } from './dom-context-hooks.module-63370afd.js';
4
4
  import { d as dist, _, L, J, t as Pn, F as Fn, x as $n, $ as $e, i as isDemo, p as En, u as useCallback, R as Rn } from './index.module-c9811a48.js';
5
5
  import { j as jsonpointer } from './jsonpointer-388a7082.js';
@@ -12,8 +12,8 @@ import { u as useRerenderListener, a as useRequestRerender } from './re-render-7
12
12
  import { u as useChildElements } from './useChildElements-3d872cef.js';
13
13
  import { l as luxon } from './luxon-bbf75a9d.js';
14
14
  import { g as generateUserError } from './useReferralTable-909ccb28.js';
15
- import { a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView, I as InvoiceTableView, v as vatLabels, A as ADDRESS_REGIONS } from './IndirectTaxDetailsView-a2beb98a.js';
16
- import { t as taxTypeToName, v as validTaxDocument, g as getCountryObj, L as LoadingView, f as formatErrorMessage, a as validateBillingField, o as objectIsFull } from './utils-a86c25e9.js';
15
+ import { a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView, I as InvoiceTableView, v as vatLabels, A as ADDRESS_REGIONS } from './IndirectTaxDetailsView-ab51e871.js';
16
+ import { t as taxTypeToName, v as validTaxDocument, g as getCountryObj, L as LoadingView, f as formatErrorMessage, a as validateBillingField, o as objectIsFull } from './utils-0723c2f1.js';
17
17
  import { i as FORM_STEPS, a as TAX_FORM_CONTEXT_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, c as USER_QUERY_NAMESPACE, T as TAX_CONTEXT_NAMESPACE, F as FINANCE_NETWORK_SETTINGS_NAMESPACE, U as USER_FORM_CONTEXT_NAMESPACE, d as COUNTRIES_QUERY_NAMESPACE, C as CURRENCIES_NAMESPACE } from './data-dea73d4d.js';
18
18
  import { b as VERIFICATION_EVENT_KEY } from './keys-406491dc.js';
19
19
  import { T as TAX_FORM_UPDATED_EVENT_KEY, a as useVeriffApp, g as getStatus, V as VERIFF_COMPLETE_EVENT_KEY } from './usePayoutStatus-93462be3.js';
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
2
- import { b as buildFontsCssUrl, i as intl } from './global-ef7a7354.js';
2
+ import { b as buildFontsCssUrl, i as intl } from './global-6e857596.js';
3
3
  import { n as h, f as useEffect, k as useState, i as d, u as useMemo, m as useRef, b as browser, j as useReducer } from './dom-context-hooks.module-63370afd.js';
4
4
  import { i as isDemo, _ as _$1, d as dist, J, H, B, $ as $e, w as wn, L, y as yn, j as jn, q as Ue, r as un, V as Ve, u as useCallback, b as setUserIdentity, Q as Qe, k as kn } from './index.module-c9811a48.js';
5
5
  import { j as jsonpointer } from './jsonpointer-388a7082.js';
@@ -21,7 +21,7 @@ import { P as PortalLoginView } from './sqm-portal-login-view-7670cd86.js';
21
21
  import { u as usePortalLogin } from './usePortalLogin-e95df3c3.js';
22
22
  import { A as AsYouType } from './AsYouType-46f67d0d.js';
23
23
  import { i as isEmpty } from './utilities-72c07b09.js';
24
- import { u as useDemoBigStat, U as useBigStat, B as BigStatView, C as CardFeedView, c as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, V as withShadowView, L as LeaderboardView, N as NameFieldsView, f as ChangeMarktingView, P as PortalChangePasswordView, g as PortalFooterView, h as PortalForgotPasswordView, i as PortalFrameView, d as PortalRegisterView, R as ReferralIframeView, j as RewardExchangeView, W as demoRewardExchange, J as useShareButton, a as ShareButtonView, K as useShareLink, S as StatContainerView, T as TaskCardView } from './ShadowViewAddon-09d3154b.js';
24
+ import { u as useDemoBigStat, U as useBigStat, B as BigStatView, C as CardFeedView, c as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, V as withShadowView, L as LeaderboardView, N as NameFieldsView, f as ChangeMarktingView, P as PortalChangePasswordView, g as PortalFooterView, h as PortalForgotPasswordView, i as PortalFrameView, d as PortalRegisterView, R as ReferralIframeView, j as RewardExchangeView, W as demoRewardExchange, J as useShareButton, a as ShareButtonView, K as useShareLink, S as StatContainerView, T as TaskCardView } from './ShadowViewAddon-a3f174c4.js';
25
25
  import './sqm-portal-container-view-176e92e3.js';
26
26
  import { p as parseStates } from './parseStates-ed75e224.js';
27
27
  import { u as usePayoutStatus } from './usePayoutStatus-93462be3.js';
@@ -1556,6 +1556,13 @@ const Hero = class {
1556
1556
  * @uiEnumNames ["Wrap", "Wrap Reverse"]
1557
1557
  */
1558
1558
  this.wrapDirection = "wrap";
1559
+ /**
1560
+ * Can only be used when two columns are present
1561
+ * @uiName Hide the column in mobile view
1562
+ * @uiEnum ["primary", "secondary", "null"]
1563
+ * @uiEnumNames ["Primary", "Secondary", "None"]
1564
+ */
1565
+ this.columnToHideInMobile = null;
1559
1566
  h(this);
1560
1567
  }
1561
1568
  disconnectedCallback() { }
@@ -1,5 +1,5 @@
1
1
  import { h, r as registerInstance } from './index-b3a06de8.js';
2
- import { i as intl } from './global-ef7a7354.js';
2
+ import { i as intl } from './global-6e857596.js';
3
3
  import { l, k as useState, f as useEffect, n as h$1 } from './dom-context-hooks.module-63370afd.js';
4
4
  import { d as dist, t as Pn, F as Fn, i as isDemo, p as En } from './index.module-c9811a48.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
@@ -1,5 +1,5 @@
1
1
  import { h, r as registerInstance } from './index-b3a06de8.js';
2
- import { i as intl } from './global-ef7a7354.js';
2
+ import { i as intl } from './global-6e857596.js';
3
3
  import { k as useState, f as useEffect, n as h$1 } from './dom-context-hooks.module-63370afd.js';
4
4
  import { d as dist, t as Pn, w as wn, J, $ as $e, i as isDemo, p as En } from './index.module-c9811a48.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
@@ -1,5 +1,5 @@
1
1
  import { h, r as registerInstance, c as Host } from './index-b3a06de8.js';
2
- import { i as intl } from './global-ef7a7354.js';
2
+ import { i as intl } from './global-6e857596.js';
3
3
  import { n as h$1 } from './dom-context-hooks.module-63370afd.js';
4
4
  import './index.module-c9811a48.js';
5
5
  import { g as getProps } from './utils-03188de2.js';
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
2
- import { i as intl } from './global-ef7a7354.js';
2
+ import { i as intl } from './global-6e857596.js';
3
3
  import { n as h } from './dom-context-hooks.module-63370afd.js';
4
4
  import { d as dist, H, J, w as wn, i as isDemo } from './index.module-c9811a48.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
@@ -1,5 +1,5 @@
1
1
  import { h, F as Fragment, r as registerInstance } from './index-b3a06de8.js';
2
- import { i as intl } from './global-ef7a7354.js';
2
+ import { i as intl } from './global-6e857596.js';
3
3
  import { n as h$1, k as useState } from './dom-context-hooks.module-63370afd.js';
4
4
  import { F as Fn, i as isDemo, d as dist, H, J, B, w as wn, $ as $e } from './index.module-c9811a48.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
@@ -1,5 +1,5 @@
1
1
  import { h } from './index-b3a06de8.js';
2
- import { i as intl } from './global-ef7a7354.js';
2
+ import { i as intl } from './global-6e857596.js';
3
3
  import { c as createStyleSheet } from './JSS-67b5cff8.js';
4
4
  import { A as AuthWrapper, a as AuthColumn } from './mixins-f750863a.js';
5
5
  import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
@@ -1,12 +1,12 @@
1
1
  import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
2
- import './global-ef7a7354.js';
2
+ import './global-6e857596.js';
3
3
  import { k as useState, m as useRef, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
4
4
  import { l as ln, n as nn, J, j as jn, u as useCallback, i as isDemo } from './index.module-c9811a48.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import './JSS-67b5cff8.js';
7
7
  import './mixins-f750863a.js';
8
8
  import './sqm-text-span-view-4c17b8c9.js';
9
- import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-37bee5df.js';
9
+ import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-0cefc0dc.js';
10
10
 
11
11
  function usePortalEmailVerification(props) {
12
12
  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
@@ -1,5 +1,5 @@
1
1
  import { h } from './index-b3a06de8.js';
2
- import { i as intl } from './global-ef7a7354.js';
2
+ import { i as intl } from './global-6e857596.js';
3
3
  import { c as createStyleSheet } from './JSS-67b5cff8.js';
4
4
  import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
5
5
 
@@ -1,12 +1,12 @@
1
1
  import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
2
- import './global-ef7a7354.js';
2
+ import './global-6e857596.js';
3
3
  import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
4
4
  import { d as dist, J, w as wn, $ as $e, i as isDemo } from './index.module-c9811a48.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import { g as getProps } from './utils-03188de2.js';
7
7
  import './JSS-67b5cff8.js';
8
8
  import './sqm-text-span-view-4c17b8c9.js';
9
- import { P as PortalProfileView } from './sqm-portal-profile-view-afb6d879.js';
9
+ import { P as PortalProfileView } from './sqm-portal-profile-view-c90d2ec4.js';
10
10
  import { i as isEmpty } from './utilities-72c07b09.js';
11
11
 
12
12
  const GET_USER = dist.gql `
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-b3a06de8.js';
2
- import { i as intl } from './global-ef7a7354.js';
2
+ import { i as intl } from './global-6e857596.js';
3
3
  import { n as h, j as useReducer, u as useMemo, f as useEffect } from './dom-context-hooks.module-63370afd.js';
4
4
  import { i as isDemo } from './index.module-c9811a48.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
@@ -1,5 +1,5 @@
1
1
  import { h, r as registerInstance, c as Host } from './index-b3a06de8.js';
2
- import { i as intl } from './global-ef7a7354.js';
2
+ import { i as intl } from './global-6e857596.js';
3
3
  import { b as browser, j as useReducer, f as useEffect, n as h$1, u as useMemo } from './dom-context-hooks.module-63370afd.js';
4
4
  import { d as dist, J, H, L, w as wn, R as Rn, i as isDemo } from './index.module-c9811a48.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
@@ -1,6 +1,5 @@
1
1
  import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
2
2
  import { n as h } from './dom-context-hooks.module-63370afd.js';
3
- import { c as createStyleSheet } from './JSS-67b5cff8.js';
4
3
 
5
4
  const REVEAL_EVENT = "sq:reveal";
6
5
  function useScroll(props) {
@@ -43,62 +42,8 @@ const Scroll = class {
43
42
  }
44
43
  disconnectedCallback() { }
45
44
  render() {
46
- var _a;
47
45
  const { callbacks } = useScroll(this);
48
- const outlineColor = (_a = this.buttonType) !== null && _a !== void 0 ? _a : "primary";
49
- const style = {
50
- Button: {
51
- "& .outline": {
52
- "&::part(base)": {
53
- color: "var(--sl-color-" + outlineColor + "-500)",
54
- borderColor: "var(--sl-color-" + outlineColor + "-500)",
55
- backgroundColor: "transparent",
56
- "&:hover": {
57
- color: "var(--sl-color-primary-text)",
58
- backgroundColor: "var(--sl-color-" + outlineColor + "-500)",
59
- },
60
- },
61
- },
62
- "& .neutral": {
63
- "&::part(base)": {
64
- color: "var(--sl-color-primary-text)",
65
- background: "var(--sl-color-neutral-500)",
66
- "&:hover": {
67
- opacity: "0.8",
68
- },
69
- },
70
- },
71
- "& .mobile": {
72
- "@media (max-width: 499px)": {
73
- width: "100%",
74
- },
75
- },
76
- },
77
- };
78
- const sheet = createStyleSheet(style);
79
- const styleString = sheet.toString();
80
- const vanillaStyle = `
81
- :host{
82
- display: contents;
83
- }
84
- ${this.mobile &&
85
- `
86
- @media only screen and (max-width: 499px) {
87
- :host {
88
- display: block;
89
- width: 100%;
90
- }
91
- }
92
- `}
93
- `;
94
- let classStack = "";
95
- if (this.outline && this.buttonType != "default")
96
- classStack += "outline ";
97
- if (this.buttonType === "neutral")
98
- classStack += "neutral ";
99
- if (this.mobile)
100
- classStack += "mobile ";
101
- return (h$1("div", { class: sheet.classes.Button }, h$1("style", { type: "text/css" }, vanillaStyle, styleString), h$1("sl-button", { type: this.buttonType, onClick: callbacks.scroll, size: this.size, pill: this.pill, circle: this.circle, class: classStack }, (this.iconSlot || this.iconName) && (h$1("sl-icon", { slot: this.iconSlot || "prefix", name: this.iconName })), this.buttonText, h$1("slot", null))));
46
+ return (h$1("sl-button", { type: "secondary", onClick: callbacks.scroll, size: this.size, pill: this.pill, circle: this.circle, exportparts: "base: secondarybutton-base" }, (this.iconSlot || this.iconName) && (h$1("sl-icon", { slot: this.iconSlot || "prefix", name: this.iconName })), this.buttonText, h$1("slot", null)));
102
47
  }
103
48
  };
104
49