@saasquatch/mint-components 1.15.0-55 → 1.15.0-57

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 (111) hide show
  1. package/dist/cjs/{IndirectTaxDetailsView-dfef88aa.js → IndirectTaxDetailsView-9419f367.js} +2 -2
  2. package/dist/cjs/{ShadowViewAddon-26f92307.js → ShadowViewAddon-5712e67f.js} +2 -2
  3. package/dist/cjs/{global-adc86686.js → global-7cd532eb.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-8e45fe79.js → sqm-portal-email-verification-view-a97fa9ce.js} +1 -1
  14. package/dist/cjs/sqm-portal-email-verification.cjs.entry.js +2 -2
  15. package/dist/cjs/{sqm-portal-profile-view-d467ee35.js → sqm-portal-profile-view-3c6695e5.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-5c07844e.js → utils-e21cc47f.js} +1 -1
  22. package/dist/collection/components/sqm-task-card/sqm-task-card-view.js +1 -1
  23. package/dist/collection/global/styles.js +61 -57
  24. package/dist/collection/global/styles.ts +54 -42
  25. package/dist/esm/{IndirectTaxDetailsView-db6a9748.js → IndirectTaxDetailsView-f933388c.js} +2 -2
  26. package/dist/esm/{ShadowViewAddon-bb9a8dd5.js → ShadowViewAddon-5df3f0ff.js} +2 -2
  27. package/dist/esm/{global-f50c85cf.js → global-3271d26a.js} +61 -57
  28. package/dist/esm/loader.js +1 -1
  29. package/dist/esm/mint-components.js +1 -1
  30. package/dist/esm/sqm-banking-info-form_10.entry.js +3 -3
  31. package/dist/esm/sqm-big-stat_42.entry.js +2 -2
  32. package/dist/esm/sqm-code-verification.entry.js +1 -1
  33. package/dist/esm/sqm-email-verification.entry.js +1 -1
  34. package/dist/esm/sqm-empty_4.entry.js +1 -1
  35. package/dist/esm/sqm-leaderboard-rank.entry.js +1 -1
  36. package/dist/esm/sqm-pagination_3.entry.js +1 -1
  37. package/dist/esm/{sqm-portal-email-verification-view-ca131d3b.js → sqm-portal-email-verification-view-97666a00.js} +1 -1
  38. package/dist/esm/sqm-portal-email-verification.entry.js +2 -2
  39. package/dist/esm/{sqm-portal-profile-view-3358dd68.js → sqm-portal-profile-view-2ffef772.js} +1 -1
  40. package/dist/esm/sqm-portal-profile.entry.js +2 -2
  41. package/dist/esm/sqm-referral-table_11.entry.js +1 -1
  42. package/dist/esm/sqm-rewards-table_9.entry.js +1 -1
  43. package/dist/esm/sqm-stencilbook.entry.js +6 -6
  44. package/dist/esm/sqm-tax-and-cash.entry.js +2 -2
  45. package/dist/esm/{utils-0e4cc3fb.js → utils-a448eab7.js} +1 -1
  46. package/dist/esm-es5/{IndirectTaxDetailsView-db6a9748.js → IndirectTaxDetailsView-f933388c.js} +1 -1
  47. package/dist/esm-es5/{ShadowViewAddon-bb9a8dd5.js → ShadowViewAddon-5df3f0ff.js} +1 -1
  48. package/dist/esm-es5/{global-f50c85cf.js → global-3271d26a.js} +3 -3
  49. package/dist/esm-es5/loader.js +1 -1
  50. package/dist/esm-es5/mint-components.js +1 -1
  51. package/dist/esm-es5/sqm-banking-info-form_10.entry.js +1 -1
  52. package/dist/esm-es5/sqm-big-stat_42.entry.js +1 -1
  53. package/dist/esm-es5/sqm-code-verification.entry.js +1 -1
  54. package/dist/esm-es5/sqm-email-verification.entry.js +1 -1
  55. package/dist/esm-es5/sqm-empty_4.entry.js +1 -1
  56. package/dist/esm-es5/sqm-leaderboard-rank.entry.js +1 -1
  57. package/dist/esm-es5/sqm-pagination_3.entry.js +1 -1
  58. package/dist/esm-es5/{sqm-portal-email-verification-view-ca131d3b.js → sqm-portal-email-verification-view-97666a00.js} +1 -1
  59. package/dist/esm-es5/sqm-portal-email-verification.entry.js +1 -1
  60. package/dist/esm-es5/{sqm-portal-profile-view-3358dd68.js → sqm-portal-profile-view-2ffef772.js} +1 -1
  61. package/dist/esm-es5/sqm-portal-profile.entry.js +1 -1
  62. package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
  63. package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
  64. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  65. package/dist/esm-es5/sqm-tax-and-cash.entry.js +1 -1
  66. package/dist/esm-es5/{utils-0e4cc3fb.js → utils-a448eab7.js} +1 -1
  67. package/dist/mint-components/global/styles.ts +54 -42
  68. package/dist/mint-components/mint-components.esm.js +1 -1
  69. package/dist/mint-components/mint-components.js +1 -1
  70. package/dist/mint-components/{p-498eff1a.system.entry.js → p-087beaf5.system.entry.js} +1 -1
  71. package/dist/mint-components/{p-16f9453d.system.entry.js → p-0ee9de8a.system.entry.js} +1 -1
  72. package/dist/mint-components/{p-3c9ca9be.entry.js → p-1efadac7.entry.js} +2 -2
  73. package/dist/mint-components/{p-d0a25912.system.entry.js → p-2afc40e7.system.entry.js} +1 -1
  74. package/dist/mint-components/{p-d4a8298d.entry.js → p-358464c3.entry.js} +1 -1
  75. package/dist/mint-components/{p-ca96a20f.system.entry.js → p-452ac269.system.entry.js} +1 -1
  76. package/dist/mint-components/{p-f13d0b4c.system.entry.js → p-4b8836fc.system.entry.js} +1 -1
  77. package/dist/mint-components/{p-c29e07a9.system.entry.js → p-4bb40e62.system.entry.js} +1 -1
  78. package/dist/mint-components/{p-4f384ad0.js → p-51e40308.js} +1 -1
  79. package/dist/mint-components/{p-5fa75265.system.js → p-679559fa.system.js} +1 -1
  80. package/dist/mint-components/{p-99af44e3.system.entry.js → p-6d552d61.system.entry.js} +1 -1
  81. package/dist/mint-components/p-71f366ae.js +1 -0
  82. package/dist/mint-components/{p-2ce028bd.system.entry.js → p-785f3998.system.entry.js} +1 -1
  83. package/dist/mint-components/{p-87196574.entry.js → p-7a971d1b.entry.js} +1 -1
  84. package/dist/mint-components/{p-aa0f597a.system.js → p-8abae06b.system.js} +12 -12
  85. package/dist/mint-components/{p-5210f021.entry.js → p-8abae3bb.entry.js} +1 -1
  86. package/dist/mint-components/{p-367b702e.entry.js → p-8d933dfc.entry.js} +1 -1
  87. package/dist/mint-components/{p-9f86f878.js → p-917a5e73.js} +2 -2
  88. package/dist/mint-components/{p-9616a0ef.entry.js → p-957829b1.entry.js} +1 -1
  89. package/dist/mint-components/{p-366028ad.entry.js → p-a2b408f3.entry.js} +1 -1
  90. package/dist/mint-components/{p-fc592a31.system.entry.js → p-aa43078c.system.entry.js} +1 -1
  91. package/dist/mint-components/{p-b24ca3e9.system.js → p-ad6f2c6e.system.js} +1 -1
  92. package/dist/mint-components/{p-33d55ad7.system.entry.js → p-ae754d0c.system.entry.js} +1 -1
  93. package/dist/mint-components/{p-189e1995.entry.js → p-b01eaa78.entry.js} +1 -1
  94. package/dist/mint-components/{p-655bd421.system.entry.js → p-b16b1d47.system.entry.js} +1 -1
  95. package/dist/mint-components/{p-df9bea7a.entry.js → p-b4157e85.entry.js} +1 -1
  96. package/dist/mint-components/{p-380e5257.system.js → p-b454fbd0.system.js} +1 -1
  97. package/dist/mint-components/{p-61ea13c4.system.js → p-b5d3415c.system.js} +1 -1
  98. package/dist/mint-components/{p-3851d145.js → p-bc9cacf7.js} +1 -1
  99. package/dist/mint-components/{p-99921ce8.system.entry.js → p-c0e2e812.system.entry.js} +1 -1
  100. package/dist/mint-components/{p-a42e6ab3.system.js → p-cf1e4a76.system.js} +1 -1
  101. package/dist/mint-components/{p-bed793fd.js → p-d1a138aa.js} +9 -9
  102. package/dist/mint-components/{p-6f812969.entry.js → p-d60969ff.entry.js} +2 -2
  103. package/dist/mint-components/{p-4731a666.entry.js → p-dcba8a90.entry.js} +1 -1
  104. package/dist/mint-components/{p-77e96216.system.entry.js → p-de23d3b1.system.entry.js} +1 -1
  105. package/dist/mint-components/{p-8ef2f30c.entry.js → p-e61206c1.entry.js} +1 -1
  106. package/dist/mint-components/{p-7ccd64de.system.js → p-f0308aba.system.js} +1 -1
  107. package/dist/mint-components/{p-45c444fb.js → p-f48c33cd.js} +1 -1
  108. package/dist/mint-components/{p-b3fc88b2.entry.js → p-f5f0946e.entry.js} +2 -2
  109. package/docs/docs.docx +0 -0
  110. package/package.json +1 -1
  111. package/dist/mint-components/p-581d3a24.js +0 -1
package/dist/collection/global/styles.js CHANGED
@@ -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) || "#1ed760"};
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};
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) || "#1ed760"};
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) || "#fff"};
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) || "#1ed760"};
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) || "#0d4a27"};
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) || "transparent"};
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) || "#3878DB"};
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);
package/dist/collection/global/styles.ts CHANGED
@@ -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 || "#1ed760"
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
602
+ config?.primaryButton?.buttonHoverColor?.border || "transparent"
601
603
  };
602
604
  --sqm-primary-button-color: ${
603
605
  config?.primaryButton?.buttonColor?.label || "#FFFFFF"
@@ -605,53 +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 || "transparent"
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 || "#3878DB"
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
650
  --sqm-accent-color-icon: ${
637
- config?.color?.accentColorShades?.icon || "#1ed760"
651
+ config?.color?.accentColorShades?.icon || "#7ECCF7"
638
652
  };
639
653
  --sqm-accent-color-text: ${
640
- config?.color?.accentColorShades?.text || "#fff"
654
+ config?.color?.accentColorShades?.text || "#3798DF"
641
655
  };
642
656
  --sqm-accent-color-border: ${
643
- config?.color?.accentColorShades?.border || "#1ed760"
657
+ config?.color?.accentColorShades?.border || "#3798DF"
644
658
  };
645
659
  --sqm-accent-color-background: ${
646
- config?.color?.accentColorShades?.background || "#0d4a27"
660
+ config?.color?.accentColorShades?.background || "#EFF8FE"
647
661
  };
648
662
 
649
663
  --sqm-success-color-icon: ${
650
664
  config?.color?.success?.iconAndBadge || "var(--sl-color-success-600)"
651
665
  };
652
- --sqm-success-color-text: ${
653
- config?.color?.success?.text || "var(--sl-color-success-950)"
654
- };
666
+ --sqm-success-color-text: ${config?.color?.success?.text || "#fff"};
655
667
  --sqm-success-color-border: ${
656
668
  config?.color?.success?.border || "var(--sl-color-success-400)"
657
669
  };
@@ -662,9 +674,7 @@ html {
662
674
  --sqm-warning-color-icon: ${
663
675
  config?.color?.warning?.iconAndBadge || "var(--sl-color-warning-600)"
664
676
  };
665
- --sqm-warning-color-text: ${
666
- config?.color?.warning?.text || "var(--sl-color-warning-950)"
667
- };
677
+ --sqm-warning-color-text: ${config?.color?.warning?.text || "#fff"};
668
678
  --sqm-warning-color-border: ${
669
679
  config?.color?.warning?.border || "var(--sl-color-warning-400)"
670
680
  };
@@ -675,9 +685,7 @@ html {
675
685
  --sqm-danger-color-icon: ${
676
686
  config?.color?.critical?.iconAndBadge || "var(--sl-color-danger-600)"
677
687
  };
678
- --sqm-danger-color-text: ${
679
- config?.color?.critical?.text || "var(--sl-color-danger-950)"
680
- };
688
+ --sqm-danger-color-text: ${config?.color?.critical?.text || "#fff"};
681
689
  --sqm-danger-color-border: ${
682
690
  config?.color?.critical?.border || "var(--sl-color-danger-400)"
683
691
  };
@@ -688,9 +696,7 @@ html {
688
696
  --sqm-informative-color-icon: ${
689
697
  config?.color?.informative?.iconAndBadge || "var(--sl-color-sky-600)"
690
698
  };
691
- --sqm-informative-color-text: ${
692
- config?.color?.informative?.text || "var(--sl-color-sky-950)"
693
- };
699
+ --sqm-informative-color-text: ${config?.color?.informative?.text || "#fff"};
694
700
  --sqm-informative-color-border: ${
695
701
  config?.color?.informative?.border || "var(--sl-color-sky-400)"
696
702
  };
@@ -702,23 +708,29 @@ html {
702
708
  config?.formFields?.formFieldColor?.background || "#fff"
703
709
  };
704
710
  --sqm-input-border-color: ${
705
- 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"
706
720
  };
707
- --sqm-input-border-radius: ${config?.formFields?.borderRadius + "px"};
708
- --sqm-input-color: ${config?.formFields?.formFieldColor?.inputText || "#000"};
709
721
  --sqm-input-label-color: ${
710
- config?.color?.textColorShades?.mainText || "#000"
722
+ config?.color?.textColorShades?.mainText || "#27272A"
711
723
  };
712
724
  --sqm-input-border-color-focus: ${
713
- config?.formFields?.selectedStateColor || "#eaeaea"
725
+ config?.formFields?.selectedStateColor || "#E4E4E7"
714
726
  };
715
727
  --sqm-input-border-color-hover: ${
716
- config?.formFields?.hoverStateColor || "#ccc"
728
+ config?.formFields?.hoverStateColor || "#E4E4E7"
717
729
  };
718
730
  --sqm-input-label-font-size: inherit;
719
731
  --sqm-input-disabled-color: var(--sqm-text-subdued);
720
732
  --sqm-input-disabled-background: ${
721
- config?.formFields?.disabledBackgroundColor
733
+ config?.formFields?.disabledBackgroundColor || "#F4F4F5"
722
734
  };
723
735
 
724
736
  --sl-color-primary-100: var(--sqm-primary-color);
package/dist/esm/{IndirectTaxDetailsView-db6a9748.js → IndirectTaxDetailsView-f933388c.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  import { h } from './index-b3a06de8.js';
2
- import { i as intl } from './global-f50c85cf.js';
2
+ import { i as intl } from './global-3271d26a.js';
3
3
  import { c as createStyleSheet } from './JSS-67b5cff8.js';
4
- import { f as formatErrorMessage } from './utils-0e4cc3fb.js';
4
+ import { f as formatErrorMessage } from './utils-a448eab7.js';
5
5
 
6
6
  const style = {
7
7
  Description: {
package/dist/esm/{ShadowViewAddon-bb9a8dd5.js → ShadowViewAddon-5df3f0ff.js} RENAMED
@@ -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-f50c85cf.js';
2
+ import { i as intl } from './global-3271d26a.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';
@@ -1794,7 +1794,7 @@ function TaskCardView(props) {
1794
1794
  width: "100%",
1795
1795
  "& .main": {
1796
1796
  position: "relative",
1797
- boxSizing: "border-sizing",
1797
+ boxSizing: "border-box",
1798
1798
  background: content.backgroundColor || "var(--sqm-portal-background)",
1799
1799
  border: `1px solid ${content.borderColor || "var(--sqm-border-color)"}`,
1800
1800
  borderRadius: "var(--sqm-border-radius-normal)",
package/dist/esm/{global-f50c85cf.js → global-3271d26a.js} RENAMED
@@ -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) || "#1ed760"};
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};
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) || "#1ed760"};
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) || "#fff"};
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) || "#1ed760"};
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) || "#0d4a27"};
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) || "transparent"};
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) || "#3878DB"};
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);
package/dist/esm/loader.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { p as promiseResolve, b as bootstrapLazy } from './index-b3a06de8.js';
2
- import './global-f50c85cf.js';
2
+ import './global-3271d26a.js';
3
3
  import './dom-context-hooks.module-63370afd.js';
4
4
  import './index.module-38dad6c9.js';
5
5
 
package/dist/esm/mint-components.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { p as promiseResolve, H, b as bootstrapLazy } from './index-b3a06de8.js';
2
- import './global-f50c85cf.js';
2
+ import './global-3271d26a.js';
3
3
  import './dom-context-hooks.module-63370afd.js';
4
4
  import './index.module-38dad6c9.js';
5
5