@saasquatch/mint-components 1.15.0-140 → 1.15.0-142

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 (123) hide show
  1. package/dist/cjs/{IndirectTaxDetailsView-92481647.js → IndirectTaxDetailsView-7f6a93d0.js} +2 -2
  2. package/dist/cjs/{ShadowViewAddon-5ab169b9.js → ShadowViewAddon-677229ca.js} +8 -9
  3. package/dist/cjs/{copy-text-view-2942fe20.js → copy-text-view-fdc30546.js} +2 -2
  4. package/dist/cjs/{global-0df1c47f.js → global-304d7dd5.js} +17 -0
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/cjs/mint-components.cjs.js +1 -1
  7. package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js +3 -3
  8. package/dist/cjs/sqm-big-stat_44.cjs.entry.js +3 -3
  9. package/dist/cjs/sqm-code-verification.cjs.entry.js +1 -1
  10. package/dist/cjs/sqm-email-verification.cjs.entry.js +1 -1
  11. package/dist/cjs/sqm-empty_4.cjs.entry.js +1 -1
  12. package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js +1 -1
  13. package/dist/cjs/sqm-pagination_3.cjs.entry.js +2 -2
  14. package/dist/cjs/{sqm-portal-email-verification-view-bd4ec210.js → sqm-portal-email-verification-view-a5fb2542.js} +1 -1
  15. package/dist/cjs/sqm-portal-email-verification.cjs.entry.js +2 -2
  16. package/dist/cjs/{sqm-portal-profile-view-9f6772c0.js → sqm-portal-profile-view-48a96d6d.js} +1 -1
  17. package/dist/cjs/sqm-portal-profile.cjs.entry.js +2 -2
  18. package/dist/cjs/sqm-referral-table_11.cjs.entry.js +1 -1
  19. package/dist/cjs/sqm-rewards-table_9.cjs.entry.js +1 -1
  20. package/dist/cjs/sqm-stencilbook.cjs.entry.js +7 -7
  21. package/dist/cjs/sqm-tax-and-cash.cjs.entry.js +2 -2
  22. package/dist/cjs/{utils-ba8fc342.js → utils-a6522d22.js} +1 -1
  23. package/dist/collection/components/sqm-task-card/sqm-task-card-view.js +6 -7
  24. package/dist/collection/components/views/copy-text-view.js +2 -2
  25. package/dist/collection/global/styles.js +17 -0
  26. package/dist/collection/global/styles.ts +17 -0
  27. package/dist/esm/{IndirectTaxDetailsView-67deb1d0.js → IndirectTaxDetailsView-6230d141.js} +2 -2
  28. package/dist/esm/{ShadowViewAddon-021e117a.js → ShadowViewAddon-f2d7befa.js} +8 -9
  29. package/dist/esm/{copy-text-view-a2667802.js → copy-text-view-47cbf0e4.js} +2 -2
  30. package/dist/esm/{global-200e3d35.js → global-cf7f0da3.js} +17 -0
  31. package/dist/esm/loader.js +1 -1
  32. package/dist/esm/mint-components.js +1 -1
  33. package/dist/esm/sqm-banking-info-form_10.entry.js +3 -3
  34. package/dist/esm/sqm-big-stat_44.entry.js +3 -3
  35. package/dist/esm/sqm-code-verification.entry.js +1 -1
  36. package/dist/esm/sqm-email-verification.entry.js +1 -1
  37. package/dist/esm/sqm-empty_4.entry.js +1 -1
  38. package/dist/esm/sqm-leaderboard-rank.entry.js +1 -1
  39. package/dist/esm/sqm-pagination_3.entry.js +2 -2
  40. package/dist/esm/{sqm-portal-email-verification-view-6b046416.js → sqm-portal-email-verification-view-b0ba14e0.js} +1 -1
  41. package/dist/esm/sqm-portal-email-verification.entry.js +2 -2
  42. package/dist/esm/{sqm-portal-profile-view-322e6649.js → sqm-portal-profile-view-ff58a280.js} +1 -1
  43. package/dist/esm/sqm-portal-profile.entry.js +2 -2
  44. package/dist/esm/sqm-referral-table_11.entry.js +1 -1
  45. package/dist/esm/sqm-rewards-table_9.entry.js +1 -1
  46. package/dist/esm/sqm-stencilbook.entry.js +7 -7
  47. package/dist/esm/sqm-tax-and-cash.entry.js +2 -2
  48. package/dist/esm/{utils-325c4849.js → utils-51f47651.js} +1 -1
  49. package/dist/esm-es5/{IndirectTaxDetailsView-67deb1d0.js → IndirectTaxDetailsView-6230d141.js} +1 -1
  50. package/dist/esm-es5/{ShadowViewAddon-021e117a.js → ShadowViewAddon-f2d7befa.js} +1 -1
  51. package/dist/esm-es5/copy-text-view-47cbf0e4.js +1 -0
  52. package/dist/esm-es5/{global-200e3d35.js → global-cf7f0da3.js} +1 -1
  53. package/dist/esm-es5/loader.js +1 -1
  54. package/dist/esm-es5/mint-components.js +1 -1
  55. package/dist/esm-es5/sqm-banking-info-form_10.entry.js +1 -1
  56. package/dist/esm-es5/sqm-big-stat_44.entry.js +1 -1
  57. package/dist/esm-es5/sqm-code-verification.entry.js +1 -1
  58. package/dist/esm-es5/sqm-email-verification.entry.js +1 -1
  59. package/dist/esm-es5/sqm-empty_4.entry.js +1 -1
  60. package/dist/esm-es5/sqm-leaderboard-rank.entry.js +1 -1
  61. package/dist/esm-es5/sqm-pagination_3.entry.js +1 -1
  62. package/dist/esm-es5/{sqm-portal-email-verification-view-6b046416.js → sqm-portal-email-verification-view-b0ba14e0.js} +1 -1
  63. package/dist/esm-es5/sqm-portal-email-verification.entry.js +1 -1
  64. package/dist/esm-es5/{sqm-portal-profile-view-322e6649.js → sqm-portal-profile-view-ff58a280.js} +1 -1
  65. package/dist/esm-es5/sqm-portal-profile.entry.js +1 -1
  66. package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
  67. package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
  68. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  69. package/dist/esm-es5/sqm-tax-and-cash.entry.js +1 -1
  70. package/dist/esm-es5/{utils-325c4849.js → utils-51f47651.js} +1 -1
  71. package/dist/mint-components/global/styles.ts +17 -0
  72. package/dist/mint-components/mint-components.esm.js +1 -1
  73. package/dist/mint-components/mint-components.js +1 -1
  74. package/dist/mint-components/{p-40601ea1.js → p-061d3efa.js} +1 -1
  75. package/dist/mint-components/{p-4b8c6fd2.system.entry.js → p-13d5c629.system.entry.js} +1 -1
  76. package/dist/mint-components/p-1b3c16f8.entry.js +33 -0
  77. package/dist/mint-components/{p-59d63018.entry.js → p-1dac71a2.entry.js} +1 -1
  78. package/dist/mint-components/{p-6ec042c7.system.entry.js → p-21db3fc4.system.entry.js} +1 -1
  79. package/dist/mint-components/{p-c9d17c23.system.entry.js → p-23b2f138.system.entry.js} +1 -1
  80. package/dist/mint-components/{p-c1d8b28d.system.entry.js → p-26199d9f.system.entry.js} +1 -1
  81. package/dist/mint-components/{p-7e51f5eb.system.entry.js → p-310da87e.system.entry.js} +1 -1
  82. package/dist/mint-components/{p-65411272.entry.js → p-36e33e25.entry.js} +1 -1
  83. package/dist/mint-components/{p-e3083901.entry.js → p-4258178f.entry.js} +1 -1
  84. package/dist/mint-components/{p-56e5d39c.system.js → p-47e30387.system.js} +1 -1
  85. package/dist/mint-components/{p-e90c16ea.system.js → p-47ee88dc.system.js} +1 -1
  86. package/dist/mint-components/{p-d8ae8320.js → p-4ff4d197.js} +1 -1
  87. package/dist/mint-components/{p-e6fa59bc.entry.js → p-50da103a.entry.js} +1 -1
  88. package/dist/mint-components/{p-5fdc28c3.entry.js → p-5b0a8b42.entry.js} +2 -2
  89. package/dist/mint-components/{p-c020a549.system.entry.js → p-63cf9fed.system.entry.js} +1 -1
  90. package/dist/mint-components/{p-21c12094.system.js → p-6a1583e8.system.js} +1 -1
  91. package/dist/mint-components/{p-0119e244.entry.js → p-756c4856.entry.js} +1 -1
  92. package/dist/mint-components/{p-c8b4d08d.system.entry.js → p-7ecb610b.system.entry.js} +1 -1
  93. package/dist/mint-components/{p-8c184d4b.system.js → p-8332f17d.system.js} +1 -1
  94. package/dist/mint-components/{p-46336db6.system.js → p-94e1f94a.system.js} +1 -1
  95. package/dist/mint-components/{p-c98f526c.system.js → p-a87ae6ab.system.js} +1 -1
  96. package/dist/mint-components/{p-6db40a60.entry.js → p-ad0076bd.entry.js} +1 -1
  97. package/dist/mint-components/{p-8ec70371.js → p-adde23bc.js} +1 -1
  98. package/dist/mint-components/{p-2352dd91.entry.js → p-b4ef2dfa.entry.js} +1 -1
  99. package/dist/mint-components/{p-cd827626.system.entry.js → p-b5f42155.system.entry.js} +1 -1
  100. package/dist/mint-components/p-bc2cce30.js +1 -0
  101. package/dist/mint-components/p-c096b985.js +448 -0
  102. package/dist/mint-components/{p-b39e5b44.entry.js → p-d790efeb.entry.js} +1 -1
  103. package/dist/mint-components/{p-582d1771.system.entry.js → p-e0d95369.system.entry.js} +1 -1
  104. package/dist/mint-components/{p-7a0ed7a9.system.entry.js → p-e13d75aa.system.entry.js} +1 -1
  105. package/dist/mint-components/{p-aa349f83.entry.js → p-e178cfb2.entry.js} +1 -1
  106. package/dist/mint-components/{p-8933514f.system.entry.js → p-e1f210d6.system.entry.js} +1 -1
  107. package/dist/mint-components/{p-9c7a614a.js → p-e5a4f49e.js} +1 -1
  108. package/dist/mint-components/{p-cb39dc04.system.js → p-e6c66511.system.js} +1 -1
  109. package/dist/mint-components/{p-4c3a9913.entry.js → p-e8078b7d.entry.js} +1 -1
  110. package/dist/mint-components/{p-2a20579d.system.entry.js → p-ee8543cc.system.entry.js} +1 -1
  111. package/dist/mint-components/{p-2fb29f43.system.entry.js → p-ef528b9a.system.entry.js} +1 -1
  112. package/dist/mint-components/{p-69782dfe.js → p-f655c9ae.js} +1 -1
  113. package/dist/mint-components/p-f9e466b8.system.js +1 -0
  114. package/dist/mint-components/{p-44e23242.entry.js → p-ffb1969e.entry.js} +1 -1
  115. package/docs/docs.docx +0 -0
  116. package/docs/raisins.json +1 -1
  117. package/package.json +1 -1
  118. package/dist/esm-es5/copy-text-view-a2667802.js +0 -1
  119. package/dist/mint-components/p-2c6fd7ae.entry.js +0 -33
  120. package/dist/mint-components/p-501c64e8.js +0 -448
  121. package/dist/mint-components/p-7da15a34.js +0 -1
  122. package/dist/mint-components/p-f31d74a0.system.js +0 -1
  123. package/shoelace/assets/icons/twitter-x.svg +0 -4
@@ -1,9 +1,9 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-a43a63b4.js');
4
- const global = require('./global-0df1c47f.js');
4
+ const global = require('./global-304d7dd5.js');
5
5
  const JSS = require('./JSS-8503a151.js');
6
- const utils = require('./utils-ba8fc342.js');
6
+ const utils = require('./utils-a6522d22.js');
7
7
 
8
8
  const style = {
9
9
  Description: {
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-a43a63b4.js');
4
- const global = require('./global-0df1c47f.js');
4
+ const global = require('./global-304d7dd5.js');
5
5
  const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
6
6
  const index_module = require('./index.module-4f54e412.js');
7
7
  const cjs = require('./cjs-1066ec21.js');
@@ -9,7 +9,7 @@ const utils = require('./utils-7cbd60cc.js');
9
9
  const JSS = require('./JSS-8503a151.js');
10
10
  const useReferralCodes = require('./useReferralCodes-11cdf43b.js');
11
11
  const mixins = require('./mixins-4761d472.js');
12
- const copyTextView = require('./copy-text-view-2942fe20.js');
12
+ const copyTextView = require('./copy-text-view-fdc30546.js');
13
13
  const useChildElements = require('./useChildElements-966c9041.js');
14
14
  const luxon = require('./luxon-949beaf2.js');
15
15
  const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
@@ -1885,7 +1885,6 @@ const arrow_left_right = () => {
1885
1885
  function TaskCardView(props) {
1886
1886
  var _a, _b;
1887
1887
  const { callbacks, states, content } = props;
1888
- console.log("buttonType ", content.buttonType);
1889
1888
  const style = {
1890
1889
  TaskCard: {
1891
1890
  display: "inline-block",
@@ -1896,7 +1895,7 @@ function TaskCardView(props) {
1896
1895
  background: content.backgroundColor || "var(--sqm-portal-background)",
1897
1896
  border: `var(--sqm-border-thickness) solid ${content.borderColor || "var(--sqm-border-color)"}`,
1898
1897
  borderRadius: "var(--sqm-border-radius-normal)",
1899
- boxShadow: "1px 2px 4px rgba(211, 211, 211, 0.2)",
1898
+ boxShadow: "1px 2px 4px rgba(211, 211, 211, 0.4)",
1900
1899
  fontSize: "var(--sl-font-size-small)",
1901
1900
  lineHeight: "var(--sl-line-height-dense)",
1902
1901
  color: content.textColor || "var(--sqm-text)",
@@ -1926,7 +1925,7 @@ function TaskCardView(props) {
1926
1925
  NotStarted: {
1927
1926
  fontSize: "var(--sl-font-size-small)",
1928
1927
  padding: "var(--sl-spacing-medium)",
1929
- color: content.textColor || "var(--sl-color-primary-600)",
1928
+ color: content.textColor || "var(--sqm-primary-color)",
1930
1929
  border: `var(--sqm-border-thickness, 1px) solid ${content.borderColor || "var(--sl-color-neutral-200)"}`,
1931
1930
  borderRadius: "var(--sqm-border-radius-normal) var(--sqm-border-radius-normal) 0 0",
1932
1931
  borderBottom: "none",
@@ -1943,11 +1942,11 @@ function TaskCardView(props) {
1943
1942
  Ended: {
1944
1943
  fontSize: "var(--sl-font-size-small)",
1945
1944
  padding: "var(--sl-spacing-medium)",
1946
- color: content.textColor || "var(--sl-color-warning-600)",
1945
+ color: content.textColor || "var(--sqm-warning-color-text)",
1947
1946
  border: `var(--sqm-border-thickness, 1px) solid ${content.borderColor || "var(--sl-color-neutral-200)"}`,
1948
1947
  borderRadius: "var(--sqm-border-radius-normal) var(--sqm-border-radius-normal) 0 0",
1949
1948
  borderBottom: "none",
1950
- background: content.backgroundColor || "var(--sl-color-warning-50)",
1949
+ background: content.backgroundColor || "var(--sqm-warning-color-background)",
1951
1950
  fontWeight: "var(--sl-font-weight-semibold)",
1952
1951
  lineHeight: "var(--sl-line-height-dense)",
1953
1952
  "& .icon": {
@@ -1985,7 +1984,7 @@ function TaskCardView(props) {
1985
1984
  marginRight: "var(--sl-spacing-xx-small)",
1986
1985
  },
1987
1986
  "& .end": {
1988
- color: content.textColor || "var(--sl-color-warning-500)",
1987
+ color: content.textColor || "var(--sqm-warning-color-text)",
1989
1988
  fontWeight: "var(--sl-font-weight-semibold)",
1990
1989
  marginBottom: "var(--sl-spacing-xx-small)",
1991
1990
  },
@@ -1995,7 +1994,7 @@ function TaskCardView(props) {
1995
1994
  },
1996
1995
  Footer: {
1997
1996
  "&[data-subdue] .success": {
1998
- color: content.textColor || "var(--sl-color-primary-300)",
1997
+ color: content.textColor || "var(--sqm-accent-color-text)",
1999
1998
  },
2000
1999
  "&[data-subdue] .neutral": {
2001
2000
  color: content.textColor || "var(--sqm-text)",
@@ -44,8 +44,8 @@ function CopyTextView(props) {
44
44
  "--sl-input-color-hover": "var(--sqm-input-color-hover)",
45
45
  "--sl-input-color-focus": "var(--sqm-input-color-focus)",
46
46
  "--sl-input-color-disabled": "var(--sqm-input-disabled-color)",
47
- "--sl-input-background-color-focus": "var(--sqm-portal-background)",
48
- "--sl-input-background-color-hover": "var(--sqm-portal-background)",
47
+ "--sl-input-background-color-focus": "var(--sqm-input-background)",
48
+ "--sl-input-background-color-hover": "var(--sqm-input-background)",
49
49
  cursor: "pointer",
50
50
  overflow: "visible",
51
51
  borderRadius: `${props.borderRadius}px` || "var(--sqm-border-radius-normal)",
@@ -26575,10 +26575,25 @@ html {
26575
26575
  --sqm-input-label-color: var(--sqm-text);
26576
26576
  --sqm-input-border-color-focus: ${((_64 = config === null || config === void 0 ? void 0 : config.formFields) === null || _64 === void 0 ? void 0 : _64.selectedStateColor) || "hsl(0, 0%, 7%)"};
26577
26577
  --sqm-input-border-color-hover: ${((_65 = config === null || config === void 0 ? void 0 : config.formFields) === null || _65 === void 0 ? void 0 : _65.hoverStateColor) || "hsl(0, 0%, 91%)"};
26578
+
26578
26579
  --sqm-input-label-font-size: inherit;
26579
26580
  --sqm-input-disabled-color: var(--sqm-text-subdued);
26580
26581
  --sqm-input-disabled-background: ${((_66 = config === null || config === void 0 ? void 0 : config.formFields) === null || _66 === void 0 ? void 0 : _66.disabledBackgroundColor) || "#F4F4F5"};
26581
26582
 
26583
+ sl-select::part(display-input),
26584
+ sl-select::part(base),
26585
+ sl-dropdown::part(display-input),
26586
+ sl-dropdown::part(base),
26587
+ sl-input::part(input)
26588
+ {
26589
+ color: var(--sqm-input-color);
26590
+ }
26591
+
26592
+ sl-menu-item::part(base):hover {
26593
+ background-color: var(--sqm-input-border-color-hover);
26594
+ }
26595
+
26596
+
26582
26597
  --sl-color-primary-100: var(--sqm-primary-color);
26583
26598
  --sl-color-primary-200: var(--sqm-primary-color);
26584
26599
  --sl-color-primary-300: var(--sqm-primary-color);
@@ -26604,6 +26619,8 @@ html {
26604
26619
 
26605
26620
 
26606
26621
 
26622
+
26623
+
26607
26624
  /* --- Disabled State --- */
26608
26625
  --sl-input-background-color-disabled: var(--sqm-input-disabled-background, var(--sl-color-neutral-100));
26609
26626
  --sl-input-color-disabled: var(--sqm-input-disabled-color, var(--sl-color-neutral-500)); /* Your current: var(--sqm-input-disabled-color) */
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a43a63b4.js');
6
- require('./global-0df1c47f.js');
6
+ require('./global-304d7dd5.js');
7
7
  require('./dom-context-hooks.module-7fa676ae.js');
8
8
  require('./index.module-4f54e412.js');
9
9
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-a43a63b4.js');
4
- require('./global-0df1c47f.js');
4
+ require('./global-304d7dd5.js');
5
5
  require('./dom-context-hooks.module-7fa676ae.js');
6
6
  require('./index.module-4f54e412.js');
7
7
 
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a43a63b4.js');
6
- const global = require('./global-0df1c47f.js');
6
+ const global = require('./global-304d7dd5.js');
7
7
  const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
8
8
  const index_module = require('./index.module-4f54e412.js');
9
9
  const jsonpointer = require('./jsonpointer-11327262.js');
@@ -16,8 +16,8 @@ const reRender = require('./re-render-d516138a.js');
16
16
  const useChildElements = require('./useChildElements-966c9041.js');
17
17
  const luxon = require('./luxon-949beaf2.js');
18
18
  const useReferralTable = require('./useReferralTable-90d4d6e9.js');
19
- const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-92481647.js');
20
- const utils$1 = require('./utils-ba8fc342.js');
19
+ const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-7f6a93d0.js');
20
+ const utils$1 = require('./utils-a6522d22.js');
21
21
  const data = require('./data-d4339c2e.js');
22
22
  const keys = require('./keys-cff24974.js');
23
23
  const usePayoutStatus = require('./usePayoutStatus-3b34dab1.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a43a63b4.js');
6
- const global = require('./global-0df1c47f.js');
6
+ const global = require('./global-304d7dd5.js');
7
7
  const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
8
8
  const index_module = require('./index.module-4f54e412.js');
9
9
  const jsonpointer = require('./jsonpointer-11327262.js');
@@ -12,7 +12,7 @@ const utils = require('./utils-7cbd60cc.js');
12
12
  const JSS = require('./JSS-8503a151.js');
13
13
  require('./useReferralCodes-11cdf43b.js');
14
14
  require('./mixins-4761d472.js');
15
- const copyTextView = require('./copy-text-view-2942fe20.js');
15
+ const copyTextView = require('./copy-text-view-fdc30546.js');
16
16
  const reRender = require('./re-render-d516138a.js');
17
17
  const useChildElements = require('./useChildElements-966c9041.js');
18
18
  require('./luxon-949beaf2.js');
@@ -25,7 +25,7 @@ const sqmPortalLoginView = require('./sqm-portal-login-view-bb50304c.js');
25
25
  const usePortalLogin = require('./usePortalLogin-6aa864ef.js');
26
26
  const AsYouType = require('./AsYouType-6788393a.js');
27
27
  const utilities = require('./utilities-9a0c5e91.js');
28
- const ShadowViewAddon = require('./ShadowViewAddon-5ab169b9.js');
28
+ const ShadowViewAddon = require('./ShadowViewAddon-677229ca.js');
29
29
  require('./sqm-portal-container-view-07e4343f.js');
30
30
  const parseStates = require('./parseStates-d1effc19.js');
31
31
  const usePayoutStatus = require('./usePayoutStatus-3b34dab1.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a43a63b4.js');
6
- const global = require('./global-0df1c47f.js');
6
+ const global = require('./global-304d7dd5.js');
7
7
  const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
8
8
  const index_module = require('./index.module-4f54e412.js');
9
9
  const cjs = require('./cjs-1066ec21.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a43a63b4.js');
6
- const global = require('./global-0df1c47f.js');
6
+ const global = require('./global-304d7dd5.js');
7
7
  const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
8
8
  const index_module = require('./index.module-4f54e412.js');
9
9
  const cjs = require('./cjs-1066ec21.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a43a63b4.js');
6
- const global = require('./global-0df1c47f.js');
6
+ const global = require('./global-304d7dd5.js');
7
7
  const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
8
8
  require('./index.module-4f54e412.js');
9
9
  const utils = require('./utils-7cbd60cc.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a43a63b4.js');
6
- const global = require('./global-0df1c47f.js');
6
+ const global = require('./global-304d7dd5.js');
7
7
  const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
8
8
  const index_module = require('./index.module-4f54e412.js');
9
9
  const cjs = require('./cjs-1066ec21.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a43a63b4.js');
6
- const global = require('./global-0df1c47f.js');
6
+ const global = require('./global-304d7dd5.js');
7
7
  const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
8
8
  const index_module = require('./index.module-4f54e412.js');
9
9
  const cjs = require('./cjs-1066ec21.js');
@@ -11,7 +11,7 @@ const utils = require('./utils-7cbd60cc.js');
11
11
  const JSS = require('./JSS-8503a151.js');
12
12
  const useReferralCodes = require('./useReferralCodes-11cdf43b.js');
13
13
  require('./mixins-4761d472.js');
14
- const copyTextView = require('./copy-text-view-2942fe20.js');
14
+ const copyTextView = require('./copy-text-view-fdc30546.js');
15
15
 
16
16
  const style = {
17
17
  Container: {
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-a43a63b4.js');
4
- const global = require('./global-0df1c47f.js');
4
+ const global = require('./global-304d7dd5.js');
5
5
  const JSS = require('./JSS-8503a151.js');
6
6
  const mixins = require('./mixins-4761d472.js');
7
7
  const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
@@ -3,14 +3,14 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a43a63b4.js');
6
- require('./global-0df1c47f.js');
6
+ require('./global-304d7dd5.js');
7
7
  const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
8
8
  const index_module = require('./index.module-4f54e412.js');
9
9
  const cjs = require('./cjs-1066ec21.js');
10
10
  require('./JSS-8503a151.js');
11
11
  require('./mixins-4761d472.js');
12
12
  require('./sqm-text-span-view-7a61ae4c.js');
13
- const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-bd4ec210.js');
13
+ const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-a5fb2542.js');
14
14
 
15
15
  function usePortalEmailVerification(props) {
16
16
  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-a43a63b4.js');
4
- const global = require('./global-0df1c47f.js');
4
+ const global = require('./global-304d7dd5.js');
5
5
  const JSS = require('./JSS-8503a151.js');
6
6
  const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
7
7
 
@@ -3,14 +3,14 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a43a63b4.js');
6
- require('./global-0df1c47f.js');
6
+ require('./global-304d7dd5.js');
7
7
  const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
8
8
  const index_module = require('./index.module-4f54e412.js');
9
9
  const cjs = require('./cjs-1066ec21.js');
10
10
  const utils = require('./utils-7cbd60cc.js');
11
11
  require('./JSS-8503a151.js');
12
12
  require('./sqm-text-span-view-7a61ae4c.js');
13
- const sqmPortalProfileView = require('./sqm-portal-profile-view-9f6772c0.js');
13
+ const sqmPortalProfileView = require('./sqm-portal-profile-view-48a96d6d.js');
14
14
  const utilities = require('./utilities-9a0c5e91.js');
15
15
 
16
16
  const GET_USER = index_module.dist.gql `
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a43a63b4.js');
6
- const global = require('./global-0df1c47f.js');
6
+ const global = require('./global-304d7dd5.js');
7
7
  const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
8
8
  const index_module = require('./index.module-4f54e412.js');
9
9
  const cjs = require('./cjs-1066ec21.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a43a63b4.js');
6
- const global = require('./global-0df1c47f.js');
6
+ const global = require('./global-304d7dd5.js');
7
7
  const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
8
8
  const index_module = require('./index.module-4f54e412.js');
9
9
  const cjs = require('./cjs-1066ec21.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a43a63b4.js');
6
- require('./global-0df1c47f.js');
6
+ require('./global-304d7dd5.js');
7
7
  const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
8
8
  const index_module = require('./index.module-4f54e412.js');
9
9
  require('./cjs-1066ec21.js');
@@ -11,7 +11,7 @@ require('./utils-7cbd60cc.js');
11
11
  const JSS = require('./JSS-8503a151.js');
12
12
  require('./useReferralCodes-11cdf43b.js');
13
13
  require('./mixins-4761d472.js');
14
- const copyTextView = require('./copy-text-view-2942fe20.js');
14
+ const copyTextView = require('./copy-text-view-fdc30546.js');
15
15
  const GenericTableView = require('./GenericTableView-a9845e80.js');
16
16
  require('./useChildElements-966c9041.js');
17
17
  const luxon = require('./luxon-949beaf2.js');
@@ -23,19 +23,19 @@ const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-6a1e63de.js'
23
23
  const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-b61c8bdf.js');
24
24
  const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-de90ef03.js');
25
25
  const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-4e88f774.js');
26
- const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-bd4ec210.js');
26
+ const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-a5fb2542.js');
27
27
  const sqmPortalLoginView = require('./sqm-portal-login-view-bb50304c.js');
28
28
  const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-8847804c.js');
29
29
  const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-5a96c2f5.js');
30
- const sqmPortalProfileView = require('./sqm-portal-profile-view-9f6772c0.js');
30
+ const sqmPortalProfileView = require('./sqm-portal-profile-view-48a96d6d.js');
31
31
  require('./utilities-9a0c5e91.js');
32
32
  const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-25eb2099.js');
33
33
  const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-1c4e781f.js');
34
34
  const sqmQrCodeView = require('./sqm-qr-code-view-0c3b2f48.js');
35
- const ShadowViewAddon = require('./ShadowViewAddon-5ab169b9.js');
35
+ const ShadowViewAddon = require('./ShadowViewAddon-677229ca.js');
36
36
  const sqmPortalContainerView = require('./sqm-portal-container-view-07e4343f.js');
37
- const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-92481647.js');
38
- const utils = require('./utils-ba8fc342.js');
37
+ const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-7f6a93d0.js');
38
+ const utils = require('./utils-a6522d22.js');
39
39
 
40
40
  /**
41
41
  * lodash (Custom Build) <https://lodash.com/>
@@ -3,13 +3,13 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a43a63b4.js');
6
- require('./global-0df1c47f.js');
6
+ require('./global-304d7dd5.js');
7
7
  const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
8
8
  const index_module = require('./index.module-4f54e412.js');
9
9
  const cjs = require('./cjs-1066ec21.js');
10
10
  const utils$1 = require('./utils-7cbd60cc.js');
11
11
  require('./JSS-8503a151.js');
12
- const utils = require('./utils-ba8fc342.js');
12
+ const utils = require('./utils-a6522d22.js');
13
13
  const parseStates = require('./parseStates-d1effc19.js');
14
14
  const data = require('./data-d4339c2e.js');
15
15
  const extractProps = require('./extractProps-fd93ba62.js');
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-a43a63b4.js');
4
- const global = require('./global-0df1c47f.js');
4
+ const global = require('./global-304d7dd5.js');
5
5
  const JSS = require('./JSS-8503a151.js');
6
6
 
7
7
  const style = {
@@ -9,7 +9,6 @@ import * as SVGs from "./SVGs";
9
9
  export function TaskCardView(props) {
10
10
  var _a, _b;
11
11
  const { callbacks, states, content } = props;
12
- console.log("buttonType ", content.buttonType);
13
12
  const style = {
14
13
  TaskCard: {
15
14
  display: "inline-block",
@@ -20,7 +19,7 @@ export function TaskCardView(props) {
20
19
  background: content.backgroundColor || "var(--sqm-portal-background)",
21
20
  border: `var(--sqm-border-thickness) solid ${content.borderColor || "var(--sqm-border-color)"}`,
22
21
  borderRadius: "var(--sqm-border-radius-normal)",
23
- boxShadow: "1px 2px 4px rgba(211, 211, 211, 0.2)",
22
+ boxShadow: "1px 2px 4px rgba(211, 211, 211, 0.4)",
24
23
  fontSize: "var(--sl-font-size-small)",
25
24
  lineHeight: "var(--sl-line-height-dense)",
26
25
  color: content.textColor || "var(--sqm-text)",
@@ -50,7 +49,7 @@ export function TaskCardView(props) {
50
49
  NotStarted: {
51
50
  fontSize: "var(--sl-font-size-small)",
52
51
  padding: "var(--sl-spacing-medium)",
53
- color: content.textColor || "var(--sl-color-primary-600)",
52
+ color: content.textColor || "var(--sqm-primary-color)",
54
53
  border: `var(--sqm-border-thickness, 1px) solid ${content.borderColor || "var(--sl-color-neutral-200)"}`,
55
54
  borderRadius: "var(--sqm-border-radius-normal) var(--sqm-border-radius-normal) 0 0",
56
55
  borderBottom: "none",
@@ -67,11 +66,11 @@ export function TaskCardView(props) {
67
66
  Ended: {
68
67
  fontSize: "var(--sl-font-size-small)",
69
68
  padding: "var(--sl-spacing-medium)",
70
- color: content.textColor || "var(--sl-color-warning-600)",
69
+ color: content.textColor || "var(--sqm-warning-color-text)",
71
70
  border: `var(--sqm-border-thickness, 1px) solid ${content.borderColor || "var(--sl-color-neutral-200)"}`,
72
71
  borderRadius: "var(--sqm-border-radius-normal) var(--sqm-border-radius-normal) 0 0",
73
72
  borderBottom: "none",
74
- background: content.backgroundColor || "var(--sl-color-warning-50)",
73
+ background: content.backgroundColor || "var(--sqm-warning-color-background)",
75
74
  fontWeight: "var(--sl-font-weight-semibold)",
76
75
  lineHeight: "var(--sl-line-height-dense)",
77
76
  "& .icon": {
@@ -109,7 +108,7 @@ export function TaskCardView(props) {
109
108
  marginRight: "var(--sl-spacing-xx-small)",
110
109
  },
111
110
  "& .end": {
112
- color: content.textColor || "var(--sl-color-warning-500)",
111
+ color: content.textColor || "var(--sqm-warning-color-text)",
113
112
  fontWeight: "var(--sl-font-weight-semibold)",
114
113
  marginBottom: "var(--sl-spacing-xx-small)",
115
114
  },
@@ -119,7 +118,7 @@ export function TaskCardView(props) {
119
118
  },
120
119
  Footer: {
121
120
  "&[data-subdue] .success": {
122
- color: content.textColor || "var(--sl-color-primary-300)",
121
+ color: content.textColor || "var(--sqm-accent-color-text)",
123
122
  },
124
123
  "&[data-subdue] .neutral": {
125
124
  color: content.textColor || "var(--sqm-text)",
@@ -41,8 +41,8 @@ export function CopyTextView(props) {
41
41
  "--sl-input-color-hover": "var(--sqm-input-color-hover)",
42
42
  "--sl-input-color-focus": "var(--sqm-input-color-focus)",
43
43
  "--sl-input-color-disabled": "var(--sqm-input-disabled-color)",
44
- "--sl-input-background-color-focus": "var(--sqm-portal-background)",
45
- "--sl-input-background-color-hover": "var(--sqm-portal-background)",
44
+ "--sl-input-background-color-focus": "var(--sqm-input-background)",
45
+ "--sl-input-background-color-hover": "var(--sqm-input-background)",
46
46
  cursor: "pointer",
47
47
  overflow: "visible",
48
48
  borderRadius: `${props.borderRadius}px` || "var(--sqm-border-radius-normal)",
@@ -638,10 +638,25 @@ html {
638
638
  --sqm-input-label-color: var(--sqm-text);
639
639
  --sqm-input-border-color-focus: ${((_64 = config === null || config === void 0 ? void 0 : config.formFields) === null || _64 === void 0 ? void 0 : _64.selectedStateColor) || "hsl(0, 0%, 7%)"};
640
640
  --sqm-input-border-color-hover: ${((_65 = config === null || config === void 0 ? void 0 : config.formFields) === null || _65 === void 0 ? void 0 : _65.hoverStateColor) || "hsl(0, 0%, 91%)"};
641
+
641
642
  --sqm-input-label-font-size: inherit;
642
643
  --sqm-input-disabled-color: var(--sqm-text-subdued);
643
644
  --sqm-input-disabled-background: ${((_66 = config === null || config === void 0 ? void 0 : config.formFields) === null || _66 === void 0 ? void 0 : _66.disabledBackgroundColor) || "#F4F4F5"};
644
645
 
646
+ sl-select::part(display-input),
647
+ sl-select::part(base),
648
+ sl-dropdown::part(display-input),
649
+ sl-dropdown::part(base),
650
+ sl-input::part(input)
651
+ {
652
+ color: var(--sqm-input-color);
653
+ }
654
+
655
+ sl-menu-item::part(base):hover {
656
+ background-color: var(--sqm-input-border-color-hover);
657
+ }
658
+
659
+
645
660
  --sl-color-primary-100: var(--sqm-primary-color);
646
661
  --sl-color-primary-200: var(--sqm-primary-color);
647
662
  --sl-color-primary-300: var(--sqm-primary-color);
@@ -667,6 +682,8 @@ html {
667
682
 
668
683
 
669
684
 
685
+
686
+
670
687
  /* --- Disabled State --- */
671
688
  --sl-input-background-color-disabled: var(--sqm-input-disabled-background, var(--sl-color-neutral-100));
672
689
  --sl-input-color-disabled: var(--sqm-input-disabled-color, var(--sl-color-neutral-500)); /* Your current: var(--sqm-input-disabled-color) */
@@ -739,12 +739,27 @@ html {
739
739
  --sqm-input-border-color-hover: ${
740
740
  config?.formFields?.hoverStateColor || "hsl(0, 0%, 91%)"
741
741
  };
742
+
742
743
  --sqm-input-label-font-size: inherit;
743
744
  --sqm-input-disabled-color: var(--sqm-text-subdued);
744
745
  --sqm-input-disabled-background: ${
745
746
  config?.formFields?.disabledBackgroundColor || "#F4F4F5"
746
747
  };
747
748
 
749
+ sl-select::part(display-input),
750
+ sl-select::part(base),
751
+ sl-dropdown::part(display-input),
752
+ sl-dropdown::part(base),
753
+ sl-input::part(input)
754
+ {
755
+ color: var(--sqm-input-color);
756
+ }
757
+
758
+ sl-menu-item::part(base):hover {
759
+ background-color: var(--sqm-input-border-color-hover);
760
+ }
761
+
762
+
748
763
  --sl-color-primary-100: var(--sqm-primary-color);
749
764
  --sl-color-primary-200: var(--sqm-primary-color);
750
765
  --sl-color-primary-300: var(--sqm-primary-color);
@@ -770,6 +785,8 @@ html {
770
785
 
771
786
 
772
787
 
788
+
789
+
773
790
  /* --- Disabled State --- */
774
791
  --sl-input-background-color-disabled: var(--sqm-input-disabled-background, var(--sl-color-neutral-100));
775
792
  --sl-input-color-disabled: var(--sqm-input-disabled-color, var(--sl-color-neutral-500)); /* Your current: var(--sqm-input-disabled-color) */
@@ -1,7 +1,7 @@
1
1
  import { h } from './index-b3a06de8.js';
2
- import { i as intl } from './global-200e3d35.js';
2
+ import { i as intl } from './global-cf7f0da3.js';
3
3
  import { c as createStyleSheet } from './JSS-67b5cff8.js';
4
- import { f as formatErrorMessage } from './utils-325c4849.js';
4
+ import { f as formatErrorMessage } from './utils-51f47651.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-200e3d35.js';
2
+ import { i as intl } from './global-cf7f0da3.js';
3
3
  import { b as browser, u as useMemo, k as useState } from './dom-context-hooks.module-63370afd.js';
4
4
  import { H, L, J, d as dist, w as wn, j as jn, B, F as Fn, $ as $e, g as getEnvironmentSDK } from './index.module-c9811a48.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
@@ -7,7 +7,7 @@ import { l as luxonLocale } from './utils-03188de2.js';
7
7
  import { c as createStyleSheet, j as jss, a as create } from './JSS-67b5cff8.js';
8
8
  import { a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED } from './useReferralCodes-c2e809cf.js';
9
9
  import { H as HostBlock, A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f750863a.js';
10
- import { C as CopyTextView } from './copy-text-view-a2667802.js';
10
+ import { C as CopyTextView } from './copy-text-view-47cbf0e4.js';
11
11
  import { u as useChildElements } from './useChildElements-3d872cef.js';
12
12
  import { l as luxon } from './luxon-bbf75a9d.js';
13
13
  import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
@@ -1883,7 +1883,6 @@ const arrow_left_right = () => {
1883
1883
  function TaskCardView(props) {
1884
1884
  var _a, _b;
1885
1885
  const { callbacks, states, content } = props;
1886
- console.log("buttonType ", content.buttonType);
1887
1886
  const style = {
1888
1887
  TaskCard: {
1889
1888
  display: "inline-block",
@@ -1894,7 +1893,7 @@ function TaskCardView(props) {
1894
1893
  background: content.backgroundColor || "var(--sqm-portal-background)",
1895
1894
  border: `var(--sqm-border-thickness) solid ${content.borderColor || "var(--sqm-border-color)"}`,
1896
1895
  borderRadius: "var(--sqm-border-radius-normal)",
1897
- boxShadow: "1px 2px 4px rgba(211, 211, 211, 0.2)",
1896
+ boxShadow: "1px 2px 4px rgba(211, 211, 211, 0.4)",
1898
1897
  fontSize: "var(--sl-font-size-small)",
1899
1898
  lineHeight: "var(--sl-line-height-dense)",
1900
1899
  color: content.textColor || "var(--sqm-text)",
@@ -1924,7 +1923,7 @@ function TaskCardView(props) {
1924
1923
  NotStarted: {
1925
1924
  fontSize: "var(--sl-font-size-small)",
1926
1925
  padding: "var(--sl-spacing-medium)",
1927
- color: content.textColor || "var(--sl-color-primary-600)",
1926
+ color: content.textColor || "var(--sqm-primary-color)",
1928
1927
  border: `var(--sqm-border-thickness, 1px) solid ${content.borderColor || "var(--sl-color-neutral-200)"}`,
1929
1928
  borderRadius: "var(--sqm-border-radius-normal) var(--sqm-border-radius-normal) 0 0",
1930
1929
  borderBottom: "none",
@@ -1941,11 +1940,11 @@ function TaskCardView(props) {
1941
1940
  Ended: {
1942
1941
  fontSize: "var(--sl-font-size-small)",
1943
1942
  padding: "var(--sl-spacing-medium)",
1944
- color: content.textColor || "var(--sl-color-warning-600)",
1943
+ color: content.textColor || "var(--sqm-warning-color-text)",
1945
1944
  border: `var(--sqm-border-thickness, 1px) solid ${content.borderColor || "var(--sl-color-neutral-200)"}`,
1946
1945
  borderRadius: "var(--sqm-border-radius-normal) var(--sqm-border-radius-normal) 0 0",
1947
1946
  borderBottom: "none",
1948
- background: content.backgroundColor || "var(--sl-color-warning-50)",
1947
+ background: content.backgroundColor || "var(--sqm-warning-color-background)",
1949
1948
  fontWeight: "var(--sl-font-weight-semibold)",
1950
1949
  lineHeight: "var(--sl-line-height-dense)",
1951
1950
  "& .icon": {
@@ -1983,7 +1982,7 @@ function TaskCardView(props) {
1983
1982
  marginRight: "var(--sl-spacing-xx-small)",
1984
1983
  },
1985
1984
  "& .end": {
1986
- color: content.textColor || "var(--sl-color-warning-500)",
1985
+ color: content.textColor || "var(--sqm-warning-color-text)",
1987
1986
  fontWeight: "var(--sl-font-weight-semibold)",
1988
1987
  marginBottom: "var(--sl-spacing-xx-small)",
1989
1988
  },
@@ -1993,7 +1992,7 @@ function TaskCardView(props) {
1993
1992
  },
1994
1993
  Footer: {
1995
1994
  "&[data-subdue] .success": {
1996
- color: content.textColor || "var(--sl-color-primary-300)",
1995
+ color: content.textColor || "var(--sqm-accent-color-text)",
1997
1996
  },
1998
1997
  "&[data-subdue] .neutral": {
1999
1998
  color: content.textColor || "var(--sqm-text)",