@saasquatch/mint-components 1.15.0-56 → 1.15.0-58

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 (109) hide show
  1. package/dist/cjs/{IndirectTaxDetailsView-327a5fbb.js → IndirectTaxDetailsView-efb91164.js} +2 -2
  2. package/dist/cjs/{ShadowViewAddon-ff75ab64.js → ShadowViewAddon-f1335e17.js} +1 -1
  3. package/dist/cjs/{global-5dd02132.js → global-5364773c.js} +61 -57
  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_42.cjs.entry.js +2 -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-93b8caa6.js → sqm-portal-email-verification-view-ba877a79.js} +1 -1
  14. package/dist/cjs/sqm-portal-email-verification.cjs.entry.js +2 -2
  15. package/dist/cjs/{sqm-portal-profile-view-63b34f11.js → sqm-portal-profile-view-4ecd7ae0.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-stencilbook.cjs.entry.js +6 -6
  20. package/dist/cjs/sqm-tax-and-cash.cjs.entry.js +2 -2
  21. package/dist/cjs/{utils-2a58ebaa.js → utils-88c75f64.js} +1 -1
  22. package/dist/collection/global/styles.js +61 -57
  23. package/dist/collection/global/styles.ts +60 -42
  24. package/dist/esm/{IndirectTaxDetailsView-83ba1411.js → IndirectTaxDetailsView-e21e45a9.js} +2 -2
  25. package/dist/esm/{ShadowViewAddon-e35b15a1.js → ShadowViewAddon-e9e83c68.js} +1 -1
  26. package/dist/esm/{global-314df4e4.js → global-65c71ba6.js} +61 -57
  27. package/dist/esm/loader.js +1 -1
  28. package/dist/esm/mint-components.js +1 -1
  29. package/dist/esm/sqm-banking-info-form_10.entry.js +3 -3
  30. package/dist/esm/sqm-big-stat_42.entry.js +2 -2
  31. package/dist/esm/sqm-code-verification.entry.js +1 -1
  32. package/dist/esm/sqm-email-verification.entry.js +1 -1
  33. package/dist/esm/sqm-empty_4.entry.js +1 -1
  34. package/dist/esm/sqm-leaderboard-rank.entry.js +1 -1
  35. package/dist/esm/sqm-pagination_3.entry.js +1 -1
  36. package/dist/esm/{sqm-portal-email-verification-view-a9ea5c74.js → sqm-portal-email-verification-view-3cf8fa19.js} +1 -1
  37. package/dist/esm/sqm-portal-email-verification.entry.js +2 -2
  38. package/dist/esm/{sqm-portal-profile-view-b4f7337e.js → sqm-portal-profile-view-be9ce223.js} +1 -1
  39. package/dist/esm/sqm-portal-profile.entry.js +2 -2
  40. package/dist/esm/sqm-referral-table_11.entry.js +1 -1
  41. package/dist/esm/sqm-rewards-table_9.entry.js +1 -1
  42. package/dist/esm/sqm-stencilbook.entry.js +6 -6
  43. package/dist/esm/sqm-tax-and-cash.entry.js +2 -2
  44. package/dist/esm/{utils-b72a4473.js → utils-8ec55dc5.js} +1 -1
  45. package/dist/esm-es5/{IndirectTaxDetailsView-83ba1411.js → IndirectTaxDetailsView-e21e45a9.js} +1 -1
  46. package/dist/esm-es5/{ShadowViewAddon-e35b15a1.js → ShadowViewAddon-e9e83c68.js} +1 -1
  47. package/dist/esm-es5/{global-314df4e4.js → global-65c71ba6.js} +3 -3
  48. package/dist/esm-es5/loader.js +1 -1
  49. package/dist/esm-es5/mint-components.js +1 -1
  50. package/dist/esm-es5/sqm-banking-info-form_10.entry.js +1 -1
  51. package/dist/esm-es5/sqm-big-stat_42.entry.js +1 -1
  52. package/dist/esm-es5/sqm-code-verification.entry.js +1 -1
  53. package/dist/esm-es5/sqm-email-verification.entry.js +1 -1
  54. package/dist/esm-es5/sqm-empty_4.entry.js +1 -1
  55. package/dist/esm-es5/sqm-leaderboard-rank.entry.js +1 -1
  56. package/dist/esm-es5/sqm-pagination_3.entry.js +1 -1
  57. package/dist/esm-es5/{sqm-portal-email-verification-view-a9ea5c74.js → sqm-portal-email-verification-view-3cf8fa19.js} +1 -1
  58. package/dist/esm-es5/sqm-portal-email-verification.entry.js +1 -1
  59. package/dist/esm-es5/{sqm-portal-profile-view-b4f7337e.js → sqm-portal-profile-view-be9ce223.js} +1 -1
  60. package/dist/esm-es5/sqm-portal-profile.entry.js +1 -1
  61. package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
  62. package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
  63. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  64. package/dist/esm-es5/sqm-tax-and-cash.entry.js +1 -1
  65. package/dist/esm-es5/{utils-b72a4473.js → utils-8ec55dc5.js} +1 -1
  66. package/dist/mint-components/global/styles.ts +60 -42
  67. package/dist/mint-components/mint-components.esm.js +1 -1
  68. package/dist/mint-components/mint-components.js +1 -1
  69. package/dist/mint-components/{p-90b5933e.system.entry.js → p-053e951b.system.entry.js} +1 -1
  70. package/dist/mint-components/{p-42da1370.system.entry.js → p-0da0f8f7.system.entry.js} +1 -1
  71. package/dist/mint-components/{p-409c29d3.js → p-116d2c05.js} +1 -1
  72. package/dist/mint-components/{p-8dfaddeb.system.entry.js → p-13eb9c48.system.entry.js} +1 -1
  73. package/dist/mint-components/{p-26a44864.entry.js → p-1a6cd743.entry.js} +1 -1
  74. package/dist/mint-components/{p-158c9b20.entry.js → p-1e8faf18.entry.js} +1 -1
  75. package/dist/mint-components/{p-9b103d72.system.entry.js → p-30f1aa2e.system.entry.js} +1 -1
  76. package/dist/mint-components/{p-df09b9fb.system.entry.js → p-38d55177.system.entry.js} +1 -1
  77. package/dist/mint-components/{p-8ab63320.entry.js → p-3a831f6d.entry.js} +1 -1
  78. package/dist/mint-components/{p-3f826de6.entry.js → p-3acc5981.entry.js} +1 -1
  79. package/dist/mint-components/{p-7539dad9.system.js → p-3dd3d099.system.js} +1 -1
  80. package/dist/mint-components/{p-c39d68e7.entry.js → p-3f7a762a.entry.js} +2 -2
  81. package/dist/mint-components/{p-540b5ec1.js → p-432b0cf7.js} +1 -1
  82. package/dist/mint-components/{p-9818a89d.entry.js → p-47ce7dd2.entry.js} +1 -1
  83. package/dist/mint-components/{p-4607075e.system.js → p-4b93abef.system.js} +1 -1
  84. package/dist/mint-components/{p-e925fac7.system.entry.js → p-515e865e.system.entry.js} +1 -1
  85. package/dist/mint-components/{p-86e5fabc.system.entry.js → p-5aaedfb3.system.entry.js} +1 -1
  86. package/dist/mint-components/{p-247594bb.entry.js → p-5f0a4066.entry.js} +1 -1
  87. package/dist/mint-components/{p-d89c9f4e.entry.js → p-5fe9d54c.entry.js} +1 -1
  88. package/dist/mint-components/{p-0a998561.system.js → p-60317645.system.js} +12 -12
  89. package/dist/mint-components/{p-b94d16d1.js → p-65c936fe.js} +1 -1
  90. package/dist/mint-components/{p-481503f0.system.entry.js → p-6b45f2ce.system.entry.js} +1 -1
  91. package/dist/mint-components/{p-9a396868.system.js → p-728a5cef.system.js} +1 -1
  92. package/dist/mint-components/{p-753da9ee.entry.js → p-854a32af.entry.js} +1 -1
  93. package/dist/mint-components/{p-fbb89cb5.system.js → p-895f4004.system.js} +1 -1
  94. package/dist/mint-components/{p-e735ba6c.entry.js → p-92d12e98.entry.js} +1 -1
  95. package/dist/mint-components/{p-f0429b47.entry.js → p-97920f95.entry.js} +1 -1
  96. package/dist/mint-components/{p-730b06ef.system.entry.js → p-9d301ee5.system.entry.js} +1 -1
  97. package/dist/mint-components/{p-ed6c1113.system.js → p-9db09e92.system.js} +1 -1
  98. package/dist/mint-components/{p-19fe9692.system.entry.js → p-9fd2b90a.system.entry.js} +1 -1
  99. package/dist/mint-components/{p-5c7cae43.js → p-a9c20a29.js} +1 -1
  100. package/dist/mint-components/{p-c2af93d1.entry.js → p-a9cf7156.entry.js} +1 -1
  101. package/dist/mint-components/{p-73084fdf.system.entry.js → p-b11ad24f.system.entry.js} +1 -1
  102. package/dist/mint-components/{p-51bb9860.js → p-bfbe7523.js} +9 -9
  103. package/dist/mint-components/{p-f00c2007.entry.js → p-d6a37722.entry.js} +2 -2
  104. package/dist/mint-components/{p-ac255bb1.js → p-d7cdb31f.js} +1 -1
  105. package/dist/mint-components/{p-8b2bdd34.system.entry.js → p-d961cfc2.system.entry.js} +1 -1
  106. package/dist/mint-components/{p-e831f72c.system.js → p-f2d8297f.system.js} +1 -1
  107. package/dist/mint-components/{p-2497956a.system.entry.js → p-f6a6a90e.system.entry.js} +1 -1
  108. package/docs/docs.docx +0 -0
  109. package/package.json +1 -1
@@ -71,7 +71,7 @@
71
71
  --teal-7: #004551;
72
72
  } */
73
73
  export const getStyles = (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;
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
  /* vietnamese */
77
77
  @font-face {
@@ -571,70 +571,74 @@ html {
571
571
  --sqm-color-text-error: #e63717;
572
572
  --sqm-content-max-width: 700px;
573
573
  --sqm-content-background: var(--sl-color-white);
574
- --sqm-portal-background: ${(_a = config === null || config === void 0 ? void 0 : config.color) === null || _a === void 0 ? void 0 : _a.backgroundColor};
574
+ --sqm-portal-background: ${((_a = config === null || config === void 0 ? void 0 : config.color) === null || _a === void 0 ? void 0 : _a.backgroundColor) || "#fff"};
575
575
  --widget-background-color: var(--sl-color-white);
576
576
  --sqm-portal-main-width: 900px;
577
577
  --sqm-max-width: 100%;
578
578
  --sqm-skeleton-background: #eee;
579
- --sqm-text: ${((_c = (_b = config === null || config === void 0 ? void 0 : config.color) === null || _b === void 0 ? void 0 : _b.textColorShades) === null || _c === void 0 ? void 0 : _c.mainText) || "white"};
580
- --sqm-text-subdued: ${(_e = (_d = config === null || config === void 0 ? void 0 : config.color) === null || _d === void 0 ? void 0 : _d.textColorShades) === null || _e === void 0 ? void 0 : _e.subduedText};
581
-
582
- --sqm-primary-color: ${((_f = config === null || config === void 0 ? void 0 : config.main) === null || _f === void 0 ? void 0 : _f.brandColor) || "#1ed760"};
583
- --sqm-primary-button-background:${((_h = (_g = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _g === void 0 ? void 0 : _g.buttonColor) === null || _h === void 0 ? void 0 : _h.background) || "#ff6347"};
584
- --sqm-primary-button-background-hover: ${((_k = (_j = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _j === void 0 ? void 0 : _j.buttonHoverColor) === null || _k === void 0 ? void 0 : _k.background) || "#1ed760"};
585
- --sqm-primary-button-color-hover: ${(_m = (_l = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _l === void 0 ? void 0 : _l.buttonHoverColor) === null || _m === void 0 ? void 0 : _m.label};
586
- --sqm-primary-button-border-color-hover: ${((_p = (_o = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _o === void 0 ? void 0 : _o.buttonHoverColor) === null || _p === void 0 ? void 0 : _p.border) || "#ff6347"};
579
+ --sqm-text: ${((_c = (_b = config === null || config === void 0 ? void 0 : config.color) === null || _b === void 0 ? void 0 : _b.textColorShades) === null || _c === void 0 ? void 0 : _c.mainText) || "#27272A"};
580
+ --sqm-text-subdued: ${((_e = (_d = config === null || config === void 0 ? void 0 : config.color) === null || _d === void 0 ? void 0 : _d.textColorShades) === null || _e === void 0 ? void 0 : _e.subduedText) || "#717179"};
581
+
582
+ --sqm-primary-color: ${((_f = config === null || config === void 0 ? void 0 : config.main) === null || _f === void 0 ? void 0 : _f.brandColor) || "#236AEB"};
583
+ --sqm-primary-button-background:${((_h = (_g = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _g === void 0 ? void 0 : _g.buttonColor) === null || _h === void 0 ? void 0 : _h.background) || "#236AEB"};
584
+ --sqm-primary-button-background-hover: ${((_k = (_j = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _j === void 0 ? void 0 : _j.buttonHoverColor) === null || _k === void 0 ? void 0 : _k.background) || "#3698df"};
585
+ --sqm-primary-button-color-hover: ${((_m = (_l = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _l === void 0 ? void 0 : _l.buttonHoverColor) === null || _m === void 0 ? void 0 : _m.label) || "#FFFFFF"};
586
+ --sqm-primary-button-border-color-hover: ${((_p = (_o = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _o === void 0 ? void 0 : _o.buttonHoverColor) === null || _p === void 0 ? void 0 : _p.border) || "transparent"};
587
587
  --sqm-primary-button-color: ${((_r = (_q = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _q === void 0 ? void 0 : _q.buttonColor) === null || _r === void 0 ? void 0 : _r.label) || "#FFFFFF"};
588
588
  --sqm-primary-button-color-border: ${((_t = (_s = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _s === void 0 ? void 0 : _s.buttonColor) === null || _t === void 0 ? void 0 : _t.border) || "transparent"};
589
- --sqm-primary-button-radius: ${((_u = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _u === void 0 ? void 0 : _u.borderRadius) + "px"};
590
- --sqm-secondary-button-background: ${((_v = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _v === void 0 ? void 0 : _v.buttonColor) || "#191414"};
591
- --sqm-secondary-button-background-hover: ${(_x = (_w = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _w === void 0 ? void 0 : _w.buttonHoverColor) === null || _x === void 0 ? void 0 : _x.background};
592
- --sqm-secondary-button-color-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.label};
593
- --sqm-secondary-button-border-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.border};
594
- --sqm-secondary-button-color: ${((_3 = (_2 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _2 === void 0 ? void 0 : _2.buttonColor) === null || _3 === void 0 ? void 0 : _3.label) || "#FFFFFF"};
595
- --sqm-secondary-button-color-border: ${((_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.border) || "#FFFFFF"};
596
- --sqm-secondary-button-radius: ${((_6 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _6 === void 0 ? void 0 : _6.borderRadius) + "px"};
597
-
598
- --sqm-border-radius-normal: ${((_7 = config === null || config === void 0 ? void 0 : config.border) === null || _7 === void 0 ? void 0 : _7.borderRadius) + "px"};
599
- --sqm-border-color: ${(_8 = config === null || config === void 0 ? void 0 : config.border) === null || _8 === void 0 ? void 0 : _8.borderColor};
600
-
601
- --sqm-border-thickness: ${((_9 = config === null || config === void 0 ? void 0 : config.border) === null || _9 === void 0 ? void 0 : _9.borderThickness) + "px"};
602
-
603
- --sqm-accent-color-icon: ${(_11 = (_10 = config === null || config === void 0 ? void 0 : config.color) === null || _10 === void 0 ? void 0 : _10.accentColorShades) === null || _11 === void 0 ? void 0 : _11.icon};
604
- --sqm-accent-color-text: ${(_13 = (_12 = config === null || config === void 0 ? void 0 : config.color) === null || _12 === void 0 ? void 0 : _12.accentColorShades) === null || _13 === void 0 ? void 0 : _13.text};
605
- --sqm-accent-color-border: ${(_15 = (_14 = config === null || config === void 0 ? void 0 : config.color) === null || _14 === void 0 ? void 0 : _14.accentColorShades) === null || _15 === void 0 ? void 0 : _15.border};
606
- --sqm-accent-color-background: ${(_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.background};
607
-
608
- --sqm-success-color-icon: ${((_19 = (_18 = config === null || config === void 0 ? void 0 : config.color) === null || _18 === void 0 ? void 0 : _18.success) === null || _19 === void 0 ? void 0 : _19.iconAndBadge) || "var(--sl-color-success-600)"};
609
- --sqm-success-color-text: ${((_21 = (_20 = config === null || config === void 0 ? void 0 : config.color) === null || _20 === void 0 ? void 0 : _20.success) === null || _21 === void 0 ? void 0 : _21.text) || "var(--sl-color-success-950)"};
610
- --sqm-success-color-border: ${((_23 = (_22 = config === null || config === void 0 ? void 0 : config.color) === null || _22 === void 0 ? void 0 : _22.success) === null || _23 === void 0 ? void 0 : _23.border) || "var(--sl-color-success-400)"};
611
- --sqm-success-color-background: ${((_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.background) || "var(--sl-color-success-300)"};
589
+ --sqm-primary-button-radius: ${((_u = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _u === void 0 ? void 0 : _u.borderRadius) ? ((_v = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _v === void 0 ? void 0 : _v.borderRadius) + "px"
590
+ : "4px"};
591
+ --sqm-secondary-button-background: ${((_w = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _w === void 0 ? void 0 : _w.buttonColor) || "transparent"};
592
+ --sqm-secondary-button-background-hover: ${((_y = (_x = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _x === void 0 ? void 0 : _x.buttonHoverColor) === null || _y === void 0 ? void 0 : _y.background) || "#DEF0FC"};
593
+ --sqm-secondary-button-color-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.label) || "#3878DB"};
594
+ --sqm-secondary-button-border-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.border) || "#3798DF"};
595
+ --sqm-secondary-button-color: ${((_4 = (_3 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _3 === void 0 ? void 0 : _3.buttonColor) === null || _4 === void 0 ? void 0 : _4.label) || "#27272A"};
596
+ --sqm-secondary-button-color-border: ${((_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.border) || "#E4E4E7"};
597
+ --sqm-secondary-button-radius: ${((_7 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _7 === void 0 ? void 0 : _7.borderRadius) ? ((_8 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _8 === void 0 ? void 0 : _8.borderRadius) + "px"
598
+ : "4px"};
599
+
600
+ --sqm-border-radius-normal: ${((_9 = config === null || config === void 0 ? void 0 : config.border) === null || _9 === void 0 ? void 0 : _9.borderRadius) ? ((_10 = config === null || config === void 0 ? void 0 : config.border) === null || _10 === void 0 ? void 0 : _10.borderRadius) + "px" : "4px"};
601
+ --sqm-border-color: ${((_11 = config === null || config === void 0 ? void 0 : config.border) === null || _11 === void 0 ? void 0 : _11.borderColor) || "#E4E4E7"};
602
+
603
+ --sqm-border-thickness: ${((_12 = config === null || config === void 0 ? void 0 : config.border) === null || _12 === void 0 ? void 0 : _12.borderThickness) ? ((_13 = config === null || config === void 0 ? void 0 : config.border) === null || _13 === void 0 ? void 0 : _13.borderThickness) + "px"
604
+ : "1px"};
605
+
606
+ --sqm-accent-color-icon: ${((_15 = (_14 = config === null || config === void 0 ? void 0 : config.color) === null || _14 === void 0 ? void 0 : _14.accentColorShades) === null || _15 === void 0 ? void 0 : _15.icon) || "#7ECCF7"};
607
+ --sqm-accent-color-text: ${((_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.text) || "#3798DF"};
608
+ --sqm-accent-color-border: ${((_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.border) || "#3798DF"};
609
+ --sqm-accent-color-background: ${((_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.background) || "#EFF8FE"};
610
+
611
+ --sqm-success-color-icon: ${((_23 = (_22 = config === null || config === void 0 ? void 0 : config.color) === null || _22 === void 0 ? void 0 : _22.success) === null || _23 === void 0 ? void 0 : _23.iconAndBadge) || "var(--sl-color-success-600)"};
612
+ --sqm-success-color-text: ${((_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.text) || "#fff"};
613
+ --sqm-success-color-border: ${((_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.border) || "var(--sl-color-success-400)"};
614
+ --sqm-success-color-background: ${((_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.background) || "var(--sl-color-success-300)"};
612
615
 
613
- --sqm-warning-color-icon: ${((_27 = (_26 = config === null || config === void 0 ? void 0 : config.color) === null || _26 === void 0 ? void 0 : _26.warning) === null || _27 === void 0 ? void 0 : _27.iconAndBadge) || "var(--sl-color-warning-600)"};
614
- --sqm-warning-color-text: ${((_29 = (_28 = config === null || config === void 0 ? void 0 : config.color) === null || _28 === void 0 ? void 0 : _28.warning) === null || _29 === void 0 ? void 0 : _29.text) || "var(--sl-color-warning-950)"};
615
- --sqm-warning-color-border: ${((_31 = (_30 = config === null || config === void 0 ? void 0 : config.color) === null || _30 === void 0 ? void 0 : _30.warning) === null || _31 === void 0 ? void 0 : _31.border) || "var(--sl-color-warning-400)"};
616
- --sqm-warning-color-background: ${((_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.background) || "var(--sl-color-warning-300)"};
617
-
618
- --sqm-danger-color-icon: ${((_35 = (_34 = config === null || config === void 0 ? void 0 : config.color) === null || _34 === void 0 ? void 0 : _34.critical) === null || _35 === void 0 ? void 0 : _35.iconAndBadge) || "var(--sl-color-danger-600)"};
619
- --sqm-danger-color-text: ${((_37 = (_36 = config === null || config === void 0 ? void 0 : config.color) === null || _36 === void 0 ? void 0 : _36.critical) === null || _37 === void 0 ? void 0 : _37.text) || "var(--sl-color-danger-950)"};
620
- --sqm-danger-color-border: ${((_39 = (_38 = config === null || config === void 0 ? void 0 : config.color) === null || _38 === void 0 ? void 0 : _38.critical) === null || _39 === void 0 ? void 0 : _39.border) || "var(--sl-color-danger-400)"};
621
- --sqm-danger-color-background: ${((_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.background) || "var(--sl-color-danger-300)"};
622
-
623
- --sqm-informative-color-icon: ${((_43 = (_42 = config === null || config === void 0 ? void 0 : config.color) === null || _42 === void 0 ? void 0 : _42.informative) === null || _43 === void 0 ? void 0 : _43.iconAndBadge) || "var(--sl-color-sky-600)"};
624
- --sqm-informative-color-text: ${((_45 = (_44 = config === null || config === void 0 ? void 0 : config.color) === null || _44 === void 0 ? void 0 : _44.informative) === null || _45 === void 0 ? void 0 : _45.text) || "var(--sl-color-sky-950)"};
625
- --sqm-informative-color-border: ${((_47 = (_46 = config === null || config === void 0 ? void 0 : config.color) === null || _46 === void 0 ? void 0 : _46.informative) === null || _47 === void 0 ? void 0 : _47.border) || "var(--sl-color-sky-400)"};
626
- --sqm-informative-color-background: ${((_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.background) || "var(--sl-color-sky-300)"};
627
-
628
- --sqm-input-background: ${((_51 = (_50 = config === null || config === void 0 ? void 0 : config.formFields) === null || _50 === void 0 ? void 0 : _50.formFieldColor) === null || _51 === void 0 ? void 0 : _51.background) || "#fff"};
629
- --sqm-input-border-color: ${((_53 = (_52 = config === null || config === void 0 ? void 0 : config.formFields) === null || _52 === void 0 ? void 0 : _52.formFieldColor) === null || _53 === void 0 ? void 0 : _53.border) || "#eaeaea"};
630
- --sqm-input-border-radius: ${((_54 = config === null || config === void 0 ? void 0 : config.formFields) === null || _54 === void 0 ? void 0 : _54.borderRadius) + "px"};
631
- --sqm-input-color: ${((_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.inputText) || "#000"};
632
- --sqm-input-label-color: ${((_58 = (_57 = config === null || config === void 0 ? void 0 : config.color) === null || _57 === void 0 ? void 0 : _57.textColorShades) === null || _58 === void 0 ? void 0 : _58.mainText) || "#000"};
633
- --sqm-input-border-color-focus: ${((_59 = config === null || config === void 0 ? void 0 : config.formFields) === null || _59 === void 0 ? void 0 : _59.selectedStateColor) || "#eaeaea"};
634
- --sqm-input-border-color-hover: ${((_60 = config === null || config === void 0 ? void 0 : config.formFields) === null || _60 === void 0 ? void 0 : _60.hoverStateColor) || "#ccc"};
616
+ --sqm-warning-color-icon: ${((_31 = (_30 = config === null || config === void 0 ? void 0 : config.color) === null || _30 === void 0 ? void 0 : _30.warning) === null || _31 === void 0 ? void 0 : _31.iconAndBadge) || "var(--sl-color-warning-600)"};
617
+ --sqm-warning-color-text: ${((_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.text) || "#fff"};
618
+ --sqm-warning-color-border: ${((_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.border) || "var(--sl-color-warning-400)"};
619
+ --sqm-warning-color-background: ${((_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.background) || "var(--sl-color-warning-300)"};
620
+
621
+ --sqm-danger-color-icon: ${((_39 = (_38 = config === null || config === void 0 ? void 0 : config.color) === null || _38 === void 0 ? void 0 : _38.critical) === null || _39 === void 0 ? void 0 : _39.iconAndBadge) || "var(--sl-color-danger-600)"};
622
+ --sqm-danger-color-text: ${((_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.text) || "#fff"};
623
+ --sqm-danger-color-border: ${((_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.border) || "var(--sl-color-danger-400)"};
624
+ --sqm-danger-color-background: ${((_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.background) || "var(--sl-color-danger-300)"};
625
+
626
+ --sqm-informative-color-icon: ${((_47 = (_46 = config === null || config === void 0 ? void 0 : config.color) === null || _46 === void 0 ? void 0 : _46.informative) === null || _47 === void 0 ? void 0 : _47.iconAndBadge) || "var(--sl-color-sky-600)"};
627
+ --sqm-informative-color-text: ${((_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.text) || "#fff"};
628
+ --sqm-informative-color-border: ${((_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.border) || "var(--sl-color-sky-400)"};
629
+ --sqm-informative-color-background: ${((_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.background) || "var(--sl-color-sky-300)"};
630
+
631
+ --sqm-input-background: ${((_55 = (_54 = config === null || config === void 0 ? void 0 : config.formFields) === null || _54 === void 0 ? void 0 : _54.formFieldColor) === null || _55 === void 0 ? void 0 : _55.background) || "#fff"};
632
+ --sqm-input-border-color: ${((_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.border) || "#E4E4E7"};
633
+ --sqm-input-border-radius: ${((_58 = config === null || config === void 0 ? void 0 : config.formFields) === null || _58 === void 0 ? void 0 : _58.borderRadius) ? ((_59 = config === null || config === void 0 ? void 0 : config.formFields) === null || _59 === void 0 ? void 0 : _59.borderRadius) + "px"
634
+ : "4px"};
635
+ --sqm-input-color: ${((_61 = (_60 = config === null || config === void 0 ? void 0 : config.formFields) === null || _60 === void 0 ? void 0 : _60.formFieldColor) === null || _61 === void 0 ? void 0 : _61.inputText) || "#27272A"};
636
+ --sqm-input-label-color: ${((_63 = (_62 = config === null || config === void 0 ? void 0 : config.color) === null || _62 === void 0 ? void 0 : _62.textColorShades) === null || _63 === void 0 ? void 0 : _63.mainText) || "#27272A"};
637
+ --sqm-input-border-color-focus: ${((_64 = config === null || config === void 0 ? void 0 : config.formFields) === null || _64 === void 0 ? void 0 : _64.selectedStateColor) || "#E4E4E7"};
638
+ --sqm-input-border-color-hover: ${((_65 = config === null || config === void 0 ? void 0 : config.formFields) === null || _65 === void 0 ? void 0 : _65.hoverStateColor) || "#E4E4E7"};
635
639
  --sqm-input-label-font-size: inherit;
636
640
  --sqm-input-disabled-color: var(--sqm-text-subdued);
637
- --sqm-input-disabled-background: ${(_61 = config === null || config === void 0 ? void 0 : config.formFields) === null || _61 === void 0 ? void 0 : _61.disabledBackgroundColor};
641
+ --sqm-input-disabled-background: ${((_66 = config === null || config === void 0 ? void 0 : config.formFields) === null || _66 === void 0 ? void 0 : _66.disabledBackgroundColor) || "#F4F4F5"};
638
642
 
639
643
  --sl-color-primary-100: var(--sqm-primary-color);
640
644
  --sl-color-primary-200: var(--sqm-primary-color);
@@ -683,7 +687,7 @@ html {
683
687
  }
684
688
 
685
689
  body {
686
- font-family: ${((_62 = config === null || config === void 0 ? void 0 : config.main) === null || _62 === void 0 ? void 0 : _62.brandFont) || "var(--sl-font-sans)"};
690
+ font-family: ${((_67 = config === null || config === void 0 ? void 0 : config.main) === null || _67 === void 0 ? void 0 : _67.brandFont) || "var(--sl-font-sans)"};
687
691
  font-size: var(--sl-font-size-medium);
688
692
  font-weight: var(--sl-font-weight-normal);
689
693
  letter-spacing: var(--sl-letter-spacing-small);
@@ -578,26 +578,28 @@ html {
578
578
  --sqm-color-text-error: #e63717;
579
579
  --sqm-content-max-width: 700px;
580
580
  --sqm-content-background: var(--sl-color-white);
581
- --sqm-portal-background: ${config?.color?.backgroundColor};
581
+ --sqm-portal-background: ${config?.color?.backgroundColor || "#fff"};
582
582
  --widget-background-color: var(--sl-color-white);
583
583
  --sqm-portal-main-width: 900px;
584
584
  --sqm-max-width: 100%;
585
585
  --sqm-skeleton-background: #eee;
586
- --sqm-text: ${config?.color?.textColorShades?.mainText || "white"};
587
- --sqm-text-subdued: ${config?.color?.textColorShades?.subduedText};
586
+ --sqm-text: ${config?.color?.textColorShades?.mainText || "#27272A"};
587
+ --sqm-text-subdued: ${
588
+ config?.color?.textColorShades?.subduedText || "#717179"
589
+ };
588
590
 
589
- --sqm-primary-color: ${config?.main?.brandColor || "#1ed760"};
591
+ --sqm-primary-color: ${config?.main?.brandColor || "#236AEB"};
590
592
  --sqm-primary-button-background:${
591
- config?.primaryButton?.buttonColor?.background || "#ff6347"
593
+ config?.primaryButton?.buttonColor?.background || "#236AEB"
592
594
  };
593
595
  --sqm-primary-button-background-hover: ${
594
- config?.primaryButton?.buttonHoverColor?.background || "#1ed760"
596
+ config?.primaryButton?.buttonHoverColor?.background || "#3698df"
595
597
  };
596
598
  --sqm-primary-button-color-hover: ${
597
- config?.primaryButton?.buttonHoverColor?.label
599
+ config?.primaryButton?.buttonHoverColor?.label || "#FFFFFF"
598
600
  };
599
601
  --sqm-primary-button-border-color-hover: ${
600
- config?.primaryButton?.buttonHoverColor?.border || "#ff6347"
602
+ config?.primaryButton?.buttonHoverColor?.border || "transparent"
601
603
  };
602
604
  --sqm-primary-button-color: ${
603
605
  config?.primaryButton?.buttonColor?.label || "#FFFFFF"
@@ -605,47 +607,63 @@ html {
605
607
  --sqm-primary-button-color-border: ${
606
608
  config?.primaryButton?.buttonColor?.border || "transparent"
607
609
  };
608
- --sqm-primary-button-radius: ${config?.primaryButton?.borderRadius + "px"};
610
+ --sqm-primary-button-radius: ${
611
+ config?.primaryButton?.borderRadius
612
+ ? config?.primaryButton?.borderRadius + "px"
613
+ : "4px"
614
+ };
609
615
  --sqm-secondary-button-background: ${
610
- config?.secondaryButton?.buttonColor || "#191414"
616
+ config?.secondaryButton?.buttonColor || "transparent"
611
617
  };
612
618
  --sqm-secondary-button-background-hover: ${
613
- config?.secondaryButton?.buttonHoverColor?.background
619
+ config?.secondaryButton?.buttonHoverColor?.background || "#DEF0FC"
614
620
  };
615
621
  --sqm-secondary-button-color-hover: ${
616
- config?.secondaryButton?.buttonHoverColor?.label
622
+ config?.secondaryButton?.buttonHoverColor?.label || "#3878DB"
617
623
  };
618
624
  --sqm-secondary-button-border-color-hover: ${
619
- config?.secondaryButton?.buttonHoverColor?.border
625
+ config?.secondaryButton?.buttonHoverColor?.border || "#3798DF"
620
626
  };
621
627
  --sqm-secondary-button-color: ${
622
- config?.secondaryButton?.buttonColor?.label || "#FFFFFF"
628
+ config?.secondaryButton?.buttonColor?.label || "#27272A"
623
629
  };
624
630
  --sqm-secondary-button-color-border: ${
625
- config?.secondaryButton?.buttonColor?.border || "#FFFFFF"
631
+ config?.secondaryButton?.buttonColor?.border || "#E4E4E7"
626
632
  };
627
633
  --sqm-secondary-button-radius: ${
628
- config?.secondaryButton?.borderRadius + "px"
634
+ config?.secondaryButton?.borderRadius
635
+ ? config?.secondaryButton?.borderRadius + "px"
636
+ : "4px"
629
637
  };
630
638
 
631
- --sqm-border-radius-normal: ${config?.border?.borderRadius + "px"};
632
- --sqm-border-color: ${config?.border?.borderColor};
639
+ --sqm-border-radius-normal: ${
640
+ config?.border?.borderRadius ? config?.border?.borderRadius + "px" : "4px"
641
+ };
642
+ --sqm-border-color: ${config?.border?.borderColor || "#E4E4E7"};
633
643
 
634
- --sqm-border-thickness: ${config?.border?.borderThickness + "px"};
644
+ --sqm-border-thickness: ${
645
+ config?.border?.borderThickness
646
+ ? config?.border?.borderThickness + "px"
647
+ : "1px"
648
+ };
635
649
 
636
- --sqm-accent-color-icon: ${config?.color?.accentColorShades?.icon};
637
- --sqm-accent-color-text: ${config?.color?.accentColorShades?.text};
638
- --sqm-accent-color-border: ${config?.color?.accentColorShades?.border};
650
+ --sqm-accent-color-icon: ${
651
+ config?.color?.accentColorShades?.icon || "#7ECCF7"
652
+ };
653
+ --sqm-accent-color-text: ${
654
+ config?.color?.accentColorShades?.text || "#3798DF"
655
+ };
656
+ --sqm-accent-color-border: ${
657
+ config?.color?.accentColorShades?.border || "#3798DF"
658
+ };
639
659
  --sqm-accent-color-background: ${
640
- config?.color?.accentColorShades?.background
660
+ config?.color?.accentColorShades?.background || "#EFF8FE"
641
661
  };
642
662
 
643
663
  --sqm-success-color-icon: ${
644
664
  config?.color?.success?.iconAndBadge || "var(--sl-color-success-600)"
645
665
  };
646
- --sqm-success-color-text: ${
647
- config?.color?.success?.text || "var(--sl-color-success-950)"
648
- };
666
+ --sqm-success-color-text: ${config?.color?.success?.text || "#fff"};
649
667
  --sqm-success-color-border: ${
650
668
  config?.color?.success?.border || "var(--sl-color-success-400)"
651
669
  };
@@ -656,9 +674,7 @@ html {
656
674
  --sqm-warning-color-icon: ${
657
675
  config?.color?.warning?.iconAndBadge || "var(--sl-color-warning-600)"
658
676
  };
659
- --sqm-warning-color-text: ${
660
- config?.color?.warning?.text || "var(--sl-color-warning-950)"
661
- };
677
+ --sqm-warning-color-text: ${config?.color?.warning?.text || "#fff"};
662
678
  --sqm-warning-color-border: ${
663
679
  config?.color?.warning?.border || "var(--sl-color-warning-400)"
664
680
  };
@@ -669,9 +685,7 @@ html {
669
685
  --sqm-danger-color-icon: ${
670
686
  config?.color?.critical?.iconAndBadge || "var(--sl-color-danger-600)"
671
687
  };
672
- --sqm-danger-color-text: ${
673
- config?.color?.critical?.text || "var(--sl-color-danger-950)"
674
- };
688
+ --sqm-danger-color-text: ${config?.color?.critical?.text || "#fff"};
675
689
  --sqm-danger-color-border: ${
676
690
  config?.color?.critical?.border || "var(--sl-color-danger-400)"
677
691
  };
@@ -682,9 +696,7 @@ html {
682
696
  --sqm-informative-color-icon: ${
683
697
  config?.color?.informative?.iconAndBadge || "var(--sl-color-sky-600)"
684
698
  };
685
- --sqm-informative-color-text: ${
686
- config?.color?.informative?.text || "var(--sl-color-sky-950)"
687
- };
699
+ --sqm-informative-color-text: ${config?.color?.informative?.text || "#fff"};
688
700
  --sqm-informative-color-border: ${
689
701
  config?.color?.informative?.border || "var(--sl-color-sky-400)"
690
702
  };
@@ -696,23 +708,29 @@ html {
696
708
  config?.formFields?.formFieldColor?.background || "#fff"
697
709
  };
698
710
  --sqm-input-border-color: ${
699
- config?.formFields?.formFieldColor?.border || "#eaeaea"
711
+ config?.formFields?.formFieldColor?.border || "#E4E4E7"
712
+ };
713
+ --sqm-input-border-radius: ${
714
+ config?.formFields?.borderRadius
715
+ ? config?.formFields?.borderRadius + "px"
716
+ : "4px"
717
+ };
718
+ --sqm-input-color: ${
719
+ config?.formFields?.formFieldColor?.inputText || "#27272A"
700
720
  };
701
- --sqm-input-border-radius: ${config?.formFields?.borderRadius + "px"};
702
- --sqm-input-color: ${config?.formFields?.formFieldColor?.inputText || "#000"};
703
721
  --sqm-input-label-color: ${
704
- config?.color?.textColorShades?.mainText || "#000"
722
+ config?.color?.textColorShades?.mainText || "#27272A"
705
723
  };
706
724
  --sqm-input-border-color-focus: ${
707
- config?.formFields?.selectedStateColor || "#eaeaea"
725
+ config?.formFields?.selectedStateColor || "#E4E4E7"
708
726
  };
709
727
  --sqm-input-border-color-hover: ${
710
- config?.formFields?.hoverStateColor || "#ccc"
728
+ config?.formFields?.hoverStateColor || "#E4E4E7"
711
729
  };
712
730
  --sqm-input-label-font-size: inherit;
713
731
  --sqm-input-disabled-color: var(--sqm-text-subdued);
714
732
  --sqm-input-disabled-background: ${
715
- config?.formFields?.disabledBackgroundColor
733
+ config?.formFields?.disabledBackgroundColor || "#F4F4F5"
716
734
  };
717
735
 
718
736
  --sl-color-primary-100: var(--sqm-primary-color);
@@ -1,7 +1,7 @@
1
1
  import { h } from './index-b3a06de8.js';
2
- import { i as intl } from './global-314df4e4.js';
2
+ import { i as intl } from './global-65c71ba6.js';
3
3
  import { c as createStyleSheet } from './JSS-67b5cff8.js';
4
- import { f as formatErrorMessage } from './utils-b72a4473.js';
4
+ import { f as formatErrorMessage } from './utils-8ec55dc5.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-314df4e4.js';
2
+ import { i as intl } from './global-65c71ba6.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, B, F as Fn, $ as $e, g as getEnvironmentSDK } from './index.module-38dad6c9.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
@@ -25975,7 +25975,7 @@ function createStyleElement() {
25975
25975
  --teal-7: #004551;
25976
25976
  } */
25977
25977
  const getStyles = (config) => {
25978
- 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;
25978
+ 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;
25979
25979
  return `
25980
25980
  /* vietnamese */
25981
25981
  @font-face {
@@ -26475,70 +26475,74 @@ html {
26475
26475
  --sqm-color-text-error: #e63717;
26476
26476
  --sqm-content-max-width: 700px;
26477
26477
  --sqm-content-background: var(--sl-color-white);
26478
- --sqm-portal-background: ${(_a = config === null || config === void 0 ? void 0 : config.color) === null || _a === void 0 ? void 0 : _a.backgroundColor};
26478
+ --sqm-portal-background: ${((_a = config === null || config === void 0 ? void 0 : config.color) === null || _a === void 0 ? void 0 : _a.backgroundColor) || "#fff"};
26479
26479
  --widget-background-color: var(--sl-color-white);
26480
26480
  --sqm-portal-main-width: 900px;
26481
26481
  --sqm-max-width: 100%;
26482
26482
  --sqm-skeleton-background: #eee;
26483
- --sqm-text: ${((_c = (_b = config === null || config === void 0 ? void 0 : config.color) === null || _b === void 0 ? void 0 : _b.textColorShades) === null || _c === void 0 ? void 0 : _c.mainText) || "white"};
26484
- --sqm-text-subdued: ${(_e = (_d = config === null || config === void 0 ? void 0 : config.color) === null || _d === void 0 ? void 0 : _d.textColorShades) === null || _e === void 0 ? void 0 : _e.subduedText};
26485
-
26486
- --sqm-primary-color: ${((_f = config === null || config === void 0 ? void 0 : config.main) === null || _f === void 0 ? void 0 : _f.brandColor) || "#1ed760"};
26487
- --sqm-primary-button-background:${((_h = (_g = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _g === void 0 ? void 0 : _g.buttonColor) === null || _h === void 0 ? void 0 : _h.background) || "#ff6347"};
26488
- --sqm-primary-button-background-hover: ${((_k = (_j = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _j === void 0 ? void 0 : _j.buttonHoverColor) === null || _k === void 0 ? void 0 : _k.background) || "#1ed760"};
26489
- --sqm-primary-button-color-hover: ${(_m = (_l = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _l === void 0 ? void 0 : _l.buttonHoverColor) === null || _m === void 0 ? void 0 : _m.label};
26490
- --sqm-primary-button-border-color-hover: ${((_p = (_o = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _o === void 0 ? void 0 : _o.buttonHoverColor) === null || _p === void 0 ? void 0 : _p.border) || "#ff6347"};
26483
+ --sqm-text: ${((_c = (_b = config === null || config === void 0 ? void 0 : config.color) === null || _b === void 0 ? void 0 : _b.textColorShades) === null || _c === void 0 ? void 0 : _c.mainText) || "#27272A"};
26484
+ --sqm-text-subdued: ${((_e = (_d = config === null || config === void 0 ? void 0 : config.color) === null || _d === void 0 ? void 0 : _d.textColorShades) === null || _e === void 0 ? void 0 : _e.subduedText) || "#717179"};
26485
+
26486
+ --sqm-primary-color: ${((_f = config === null || config === void 0 ? void 0 : config.main) === null || _f === void 0 ? void 0 : _f.brandColor) || "#236AEB"};
26487
+ --sqm-primary-button-background:${((_h = (_g = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _g === void 0 ? void 0 : _g.buttonColor) === null || _h === void 0 ? void 0 : _h.background) || "#236AEB"};
26488
+ --sqm-primary-button-background-hover: ${((_k = (_j = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _j === void 0 ? void 0 : _j.buttonHoverColor) === null || _k === void 0 ? void 0 : _k.background) || "#3698df"};
26489
+ --sqm-primary-button-color-hover: ${((_m = (_l = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _l === void 0 ? void 0 : _l.buttonHoverColor) === null || _m === void 0 ? void 0 : _m.label) || "#FFFFFF"};
26490
+ --sqm-primary-button-border-color-hover: ${((_p = (_o = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _o === void 0 ? void 0 : _o.buttonHoverColor) === null || _p === void 0 ? void 0 : _p.border) || "transparent"};
26491
26491
  --sqm-primary-button-color: ${((_r = (_q = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _q === void 0 ? void 0 : _q.buttonColor) === null || _r === void 0 ? void 0 : _r.label) || "#FFFFFF"};
26492
26492
  --sqm-primary-button-color-border: ${((_t = (_s = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _s === void 0 ? void 0 : _s.buttonColor) === null || _t === void 0 ? void 0 : _t.border) || "transparent"};
26493
- --sqm-primary-button-radius: ${((_u = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _u === void 0 ? void 0 : _u.borderRadius) + "px"};
26494
- --sqm-secondary-button-background: ${((_v = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _v === void 0 ? void 0 : _v.buttonColor) || "#191414"};
26495
- --sqm-secondary-button-background-hover: ${(_x = (_w = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _w === void 0 ? void 0 : _w.buttonHoverColor) === null || _x === void 0 ? void 0 : _x.background};
26496
- --sqm-secondary-button-color-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.label};
26497
- --sqm-secondary-button-border-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.border};
26498
- --sqm-secondary-button-color: ${((_3 = (_2 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _2 === void 0 ? void 0 : _2.buttonColor) === null || _3 === void 0 ? void 0 : _3.label) || "#FFFFFF"};
26499
- --sqm-secondary-button-color-border: ${((_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.border) || "#FFFFFF"};
26500
- --sqm-secondary-button-radius: ${((_6 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _6 === void 0 ? void 0 : _6.borderRadius) + "px"};
26501
-
26502
- --sqm-border-radius-normal: ${((_7 = config === null || config === void 0 ? void 0 : config.border) === null || _7 === void 0 ? void 0 : _7.borderRadius) + "px"};
26503
- --sqm-border-color: ${(_8 = config === null || config === void 0 ? void 0 : config.border) === null || _8 === void 0 ? void 0 : _8.borderColor};
26504
-
26505
- --sqm-border-thickness: ${((_9 = config === null || config === void 0 ? void 0 : config.border) === null || _9 === void 0 ? void 0 : _9.borderThickness) + "px"};
26506
-
26507
- --sqm-accent-color-icon: ${(_11 = (_10 = config === null || config === void 0 ? void 0 : config.color) === null || _10 === void 0 ? void 0 : _10.accentColorShades) === null || _11 === void 0 ? void 0 : _11.icon};
26508
- --sqm-accent-color-text: ${(_13 = (_12 = config === null || config === void 0 ? void 0 : config.color) === null || _12 === void 0 ? void 0 : _12.accentColorShades) === null || _13 === void 0 ? void 0 : _13.text};
26509
- --sqm-accent-color-border: ${(_15 = (_14 = config === null || config === void 0 ? void 0 : config.color) === null || _14 === void 0 ? void 0 : _14.accentColorShades) === null || _15 === void 0 ? void 0 : _15.border};
26510
- --sqm-accent-color-background: ${(_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.background};
26511
-
26512
- --sqm-success-color-icon: ${((_19 = (_18 = config === null || config === void 0 ? void 0 : config.color) === null || _18 === void 0 ? void 0 : _18.success) === null || _19 === void 0 ? void 0 : _19.iconAndBadge) || "var(--sl-color-success-600)"};
26513
- --sqm-success-color-text: ${((_21 = (_20 = config === null || config === void 0 ? void 0 : config.color) === null || _20 === void 0 ? void 0 : _20.success) === null || _21 === void 0 ? void 0 : _21.text) || "var(--sl-color-success-950)"};
26514
- --sqm-success-color-border: ${((_23 = (_22 = config === null || config === void 0 ? void 0 : config.color) === null || _22 === void 0 ? void 0 : _22.success) === null || _23 === void 0 ? void 0 : _23.border) || "var(--sl-color-success-400)"};
26515
- --sqm-success-color-background: ${((_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.background) || "var(--sl-color-success-300)"};
26493
+ --sqm-primary-button-radius: ${((_u = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _u === void 0 ? void 0 : _u.borderRadius) ? ((_v = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _v === void 0 ? void 0 : _v.borderRadius) + "px"
26494
+ : "4px"};
26495
+ --sqm-secondary-button-background: ${((_w = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _w === void 0 ? void 0 : _w.buttonColor) || "transparent"};
26496
+ --sqm-secondary-button-background-hover: ${((_y = (_x = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _x === void 0 ? void 0 : _x.buttonHoverColor) === null || _y === void 0 ? void 0 : _y.background) || "#DEF0FC"};
26497
+ --sqm-secondary-button-color-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.label) || "#3878DB"};
26498
+ --sqm-secondary-button-border-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.border) || "#3798DF"};
26499
+ --sqm-secondary-button-color: ${((_4 = (_3 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _3 === void 0 ? void 0 : _3.buttonColor) === null || _4 === void 0 ? void 0 : _4.label) || "#27272A"};
26500
+ --sqm-secondary-button-color-border: ${((_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.border) || "#E4E4E7"};
26501
+ --sqm-secondary-button-radius: ${((_7 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _7 === void 0 ? void 0 : _7.borderRadius) ? ((_8 = config === null || config === void 0 ? void 0 : config.secondaryButton) === null || _8 === void 0 ? void 0 : _8.borderRadius) + "px"
26502
+ : "4px"};
26503
+
26504
+ --sqm-border-radius-normal: ${((_9 = config === null || config === void 0 ? void 0 : config.border) === null || _9 === void 0 ? void 0 : _9.borderRadius) ? ((_10 = config === null || config === void 0 ? void 0 : config.border) === null || _10 === void 0 ? void 0 : _10.borderRadius) + "px" : "4px"};
26505
+ --sqm-border-color: ${((_11 = config === null || config === void 0 ? void 0 : config.border) === null || _11 === void 0 ? void 0 : _11.borderColor) || "#E4E4E7"};
26506
+
26507
+ --sqm-border-thickness: ${((_12 = config === null || config === void 0 ? void 0 : config.border) === null || _12 === void 0 ? void 0 : _12.borderThickness) ? ((_13 = config === null || config === void 0 ? void 0 : config.border) === null || _13 === void 0 ? void 0 : _13.borderThickness) + "px"
26508
+ : "1px"};
26509
+
26510
+ --sqm-accent-color-icon: ${((_15 = (_14 = config === null || config === void 0 ? void 0 : config.color) === null || _14 === void 0 ? void 0 : _14.accentColorShades) === null || _15 === void 0 ? void 0 : _15.icon) || "#7ECCF7"};
26511
+ --sqm-accent-color-text: ${((_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.text) || "#3798DF"};
26512
+ --sqm-accent-color-border: ${((_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.border) || "#3798DF"};
26513
+ --sqm-accent-color-background: ${((_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.background) || "#EFF8FE"};
26514
+
26515
+ --sqm-success-color-icon: ${((_23 = (_22 = config === null || config === void 0 ? void 0 : config.color) === null || _22 === void 0 ? void 0 : _22.success) === null || _23 === void 0 ? void 0 : _23.iconAndBadge) || "var(--sl-color-success-600)"};
26516
+ --sqm-success-color-text: ${((_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.text) || "#fff"};
26517
+ --sqm-success-color-border: ${((_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.border) || "var(--sl-color-success-400)"};
26518
+ --sqm-success-color-background: ${((_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.background) || "var(--sl-color-success-300)"};
26516
26519
 
26517
- --sqm-warning-color-icon: ${((_27 = (_26 = config === null || config === void 0 ? void 0 : config.color) === null || _26 === void 0 ? void 0 : _26.warning) === null || _27 === void 0 ? void 0 : _27.iconAndBadge) || "var(--sl-color-warning-600)"};
26518
- --sqm-warning-color-text: ${((_29 = (_28 = config === null || config === void 0 ? void 0 : config.color) === null || _28 === void 0 ? void 0 : _28.warning) === null || _29 === void 0 ? void 0 : _29.text) || "var(--sl-color-warning-950)"};
26519
- --sqm-warning-color-border: ${((_31 = (_30 = config === null || config === void 0 ? void 0 : config.color) === null || _30 === void 0 ? void 0 : _30.warning) === null || _31 === void 0 ? void 0 : _31.border) || "var(--sl-color-warning-400)"};
26520
- --sqm-warning-color-background: ${((_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.background) || "var(--sl-color-warning-300)"};
26521
-
26522
- --sqm-danger-color-icon: ${((_35 = (_34 = config === null || config === void 0 ? void 0 : config.color) === null || _34 === void 0 ? void 0 : _34.critical) === null || _35 === void 0 ? void 0 : _35.iconAndBadge) || "var(--sl-color-danger-600)"};
26523
- --sqm-danger-color-text: ${((_37 = (_36 = config === null || config === void 0 ? void 0 : config.color) === null || _36 === void 0 ? void 0 : _36.critical) === null || _37 === void 0 ? void 0 : _37.text) || "var(--sl-color-danger-950)"};
26524
- --sqm-danger-color-border: ${((_39 = (_38 = config === null || config === void 0 ? void 0 : config.color) === null || _38 === void 0 ? void 0 : _38.critical) === null || _39 === void 0 ? void 0 : _39.border) || "var(--sl-color-danger-400)"};
26525
- --sqm-danger-color-background: ${((_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.background) || "var(--sl-color-danger-300)"};
26526
-
26527
- --sqm-informative-color-icon: ${((_43 = (_42 = config === null || config === void 0 ? void 0 : config.color) === null || _42 === void 0 ? void 0 : _42.informative) === null || _43 === void 0 ? void 0 : _43.iconAndBadge) || "var(--sl-color-sky-600)"};
26528
- --sqm-informative-color-text: ${((_45 = (_44 = config === null || config === void 0 ? void 0 : config.color) === null || _44 === void 0 ? void 0 : _44.informative) === null || _45 === void 0 ? void 0 : _45.text) || "var(--sl-color-sky-950)"};
26529
- --sqm-informative-color-border: ${((_47 = (_46 = config === null || config === void 0 ? void 0 : config.color) === null || _46 === void 0 ? void 0 : _46.informative) === null || _47 === void 0 ? void 0 : _47.border) || "var(--sl-color-sky-400)"};
26530
- --sqm-informative-color-background: ${((_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.background) || "var(--sl-color-sky-300)"};
26531
-
26532
- --sqm-input-background: ${((_51 = (_50 = config === null || config === void 0 ? void 0 : config.formFields) === null || _50 === void 0 ? void 0 : _50.formFieldColor) === null || _51 === void 0 ? void 0 : _51.background) || "#fff"};
26533
- --sqm-input-border-color: ${((_53 = (_52 = config === null || config === void 0 ? void 0 : config.formFields) === null || _52 === void 0 ? void 0 : _52.formFieldColor) === null || _53 === void 0 ? void 0 : _53.border) || "#eaeaea"};
26534
- --sqm-input-border-radius: ${((_54 = config === null || config === void 0 ? void 0 : config.formFields) === null || _54 === void 0 ? void 0 : _54.borderRadius) + "px"};
26535
- --sqm-input-color: ${((_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.inputText) || "#000"};
26536
- --sqm-input-label-color: ${((_58 = (_57 = config === null || config === void 0 ? void 0 : config.color) === null || _57 === void 0 ? void 0 : _57.textColorShades) === null || _58 === void 0 ? void 0 : _58.mainText) || "#000"};
26537
- --sqm-input-border-color-focus: ${((_59 = config === null || config === void 0 ? void 0 : config.formFields) === null || _59 === void 0 ? void 0 : _59.selectedStateColor) || "#eaeaea"};
26538
- --sqm-input-border-color-hover: ${((_60 = config === null || config === void 0 ? void 0 : config.formFields) === null || _60 === void 0 ? void 0 : _60.hoverStateColor) || "#ccc"};
26520
+ --sqm-warning-color-icon: ${((_31 = (_30 = config === null || config === void 0 ? void 0 : config.color) === null || _30 === void 0 ? void 0 : _30.warning) === null || _31 === void 0 ? void 0 : _31.iconAndBadge) || "var(--sl-color-warning-600)"};
26521
+ --sqm-warning-color-text: ${((_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.text) || "#fff"};
26522
+ --sqm-warning-color-border: ${((_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.border) || "var(--sl-color-warning-400)"};
26523
+ --sqm-warning-color-background: ${((_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.background) || "var(--sl-color-warning-300)"};
26524
+
26525
+ --sqm-danger-color-icon: ${((_39 = (_38 = config === null || config === void 0 ? void 0 : config.color) === null || _38 === void 0 ? void 0 : _38.critical) === null || _39 === void 0 ? void 0 : _39.iconAndBadge) || "var(--sl-color-danger-600)"};
26526
+ --sqm-danger-color-text: ${((_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.text) || "#fff"};
26527
+ --sqm-danger-color-border: ${((_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.border) || "var(--sl-color-danger-400)"};
26528
+ --sqm-danger-color-background: ${((_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.background) || "var(--sl-color-danger-300)"};
26529
+
26530
+ --sqm-informative-color-icon: ${((_47 = (_46 = config === null || config === void 0 ? void 0 : config.color) === null || _46 === void 0 ? void 0 : _46.informative) === null || _47 === void 0 ? void 0 : _47.iconAndBadge) || "var(--sl-color-sky-600)"};
26531
+ --sqm-informative-color-text: ${((_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.text) || "#fff"};
26532
+ --sqm-informative-color-border: ${((_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.border) || "var(--sl-color-sky-400)"};
26533
+ --sqm-informative-color-background: ${((_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.background) || "var(--sl-color-sky-300)"};
26534
+
26535
+ --sqm-input-background: ${((_55 = (_54 = config === null || config === void 0 ? void 0 : config.formFields) === null || _54 === void 0 ? void 0 : _54.formFieldColor) === null || _55 === void 0 ? void 0 : _55.background) || "#fff"};
26536
+ --sqm-input-border-color: ${((_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.border) || "#E4E4E7"};
26537
+ --sqm-input-border-radius: ${((_58 = config === null || config === void 0 ? void 0 : config.formFields) === null || _58 === void 0 ? void 0 : _58.borderRadius) ? ((_59 = config === null || config === void 0 ? void 0 : config.formFields) === null || _59 === void 0 ? void 0 : _59.borderRadius) + "px"
26538
+ : "4px"};
26539
+ --sqm-input-color: ${((_61 = (_60 = config === null || config === void 0 ? void 0 : config.formFields) === null || _60 === void 0 ? void 0 : _60.formFieldColor) === null || _61 === void 0 ? void 0 : _61.inputText) || "#27272A"};
26540
+ --sqm-input-label-color: ${((_63 = (_62 = config === null || config === void 0 ? void 0 : config.color) === null || _62 === void 0 ? void 0 : _62.textColorShades) === null || _63 === void 0 ? void 0 : _63.mainText) || "#27272A"};
26541
+ --sqm-input-border-color-focus: ${((_64 = config === null || config === void 0 ? void 0 : config.formFields) === null || _64 === void 0 ? void 0 : _64.selectedStateColor) || "#E4E4E7"};
26542
+ --sqm-input-border-color-hover: ${((_65 = config === null || config === void 0 ? void 0 : config.formFields) === null || _65 === void 0 ? void 0 : _65.hoverStateColor) || "#E4E4E7"};
26539
26543
  --sqm-input-label-font-size: inherit;
26540
26544
  --sqm-input-disabled-color: var(--sqm-text-subdued);
26541
- --sqm-input-disabled-background: ${(_61 = config === null || config === void 0 ? void 0 : config.formFields) === null || _61 === void 0 ? void 0 : _61.disabledBackgroundColor};
26545
+ --sqm-input-disabled-background: ${((_66 = config === null || config === void 0 ? void 0 : config.formFields) === null || _66 === void 0 ? void 0 : _66.disabledBackgroundColor) || "#F4F4F5"};
26542
26546
 
26543
26547
  --sl-color-primary-100: var(--sqm-primary-color);
26544
26548
  --sl-color-primary-200: var(--sqm-primary-color);
@@ -26587,7 +26591,7 @@ html {
26587
26591
  }
26588
26592
 
26589
26593
  body {
26590
- font-family: ${((_62 = config === null || config === void 0 ? void 0 : config.main) === null || _62 === void 0 ? void 0 : _62.brandFont) || "var(--sl-font-sans)"};
26594
+ font-family: ${((_67 = config === null || config === void 0 ? void 0 : config.main) === null || _67 === void 0 ? void 0 : _67.brandFont) || "var(--sl-font-sans)"};
26591
26595
  font-size: var(--sl-font-size-medium);
26592
26596
  font-weight: var(--sl-font-weight-normal);
26593
26597
  letter-spacing: var(--sl-letter-spacing-small);
@@ -1,5 +1,5 @@
1
1
  import { p as promiseResolve, b as bootstrapLazy } from './index-b3a06de8.js';
2
- import './global-314df4e4.js';
2
+ import './global-65c71ba6.js';
3
3
  import './dom-context-hooks.module-63370afd.js';
4
4
  import './index.module-38dad6c9.js';
5
5
 
@@ -1,5 +1,5 @@
1
1
  import { p as promiseResolve, H, b as bootstrapLazy } from './index-b3a06de8.js';
2
- import './global-314df4e4.js';
2
+ import './global-65c71ba6.js';
3
3
  import './dom-context-hooks.module-63370afd.js';
4
4
  import './index.module-38dad6c9.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-314df4e4.js';
2
+ import { i as intl } from './global-65c71ba6.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, q as En, u as useCallback, R as Rn } from './index.module-38dad6c9.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-9
12
12
  import { u as useChildElements } from './useChildElements-4e70ac0e.js';
13
13
  import { l as luxon } from './luxon-bbf75a9d.js';
14
14
  import { g as generateUserError } from './useReferralTable-65a01a6a.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-83ba1411.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-b72a4473.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-e21e45a9.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-8ec55dc5.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-ee3ae298.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-7eeec61b.js';