@saasquatch/mint-components 2.0.0-55 → 2.0.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.
@@ -3730,6 +3730,7 @@ const style$5 = {
3730
3730
  maxWidth: "850px",
3731
3731
  border: "none",
3732
3732
  backgroundColor: "transparent",
3733
+ color: "var(--sqm-text)",
3733
3734
  },
3734
3735
  "& sl-icon::part(base)": {
3735
3736
  color: "var(--sqm-warning-color-icon)",
@@ -3741,6 +3742,7 @@ const style$5 = {
3741
3742
  maxWidth: "850px",
3742
3743
  border: "none",
3743
3744
  backgroundColor: "transparent",
3745
+ color: "var(--sqm-text)",
3744
3746
  },
3745
3747
  },
3746
3748
  ExpiringSoonAlertContainer: {
@@ -3763,7 +3765,7 @@ const style$5 = {
3763
3765
  display: "flex",
3764
3766
  gap: "var(--sl-spacing-x-small)",
3765
3767
  "&::part(base)": {
3766
- color: "var(--sl-color-green-500)",
3768
+ color: "var(--sqm-text)",
3767
3769
  },
3768
3770
  },
3769
3771
  IndirectTaxPreviewDetails: {
@@ -3772,6 +3774,7 @@ const style$5 = {
3772
3774
  flexDirection: "column",
3773
3775
  lineHeight: "var(--sl-spacing-medium)",
3774
3776
  fontSize: "var(--sl-font-size-small)",
3777
+ color: "var(--sqm-text-subdued)",
3775
3778
  },
3776
3779
  InvoiceTableContainer: {
3777
3780
  marginTop: "var(--sl-spacing-medium)",
@@ -3912,6 +3915,9 @@ const style$5 = {
3912
3915
  background: "var(--sqm-danger-color-icon)",
3913
3916
  },
3914
3917
  },
3918
+ SubduedText: {
3919
+ color: "var(--sqm-text-subdued)",
3920
+ },
3915
3921
  };
3916
3922
  const sheet$4 = JSS.createStyleSheet(style$5);
3917
3923
  const styleString$4 = sheet$4.toString();
@@ -4059,7 +4065,7 @@ const TaxAndCashDashboardView = (props) => {
4059
4065
  const statusMap = {
4060
4066
  NOT_VERIFIED: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
4061
4067
  index.h("sl-badge", { class: sheet$4.classes.WarningBadge, type: "warning", pill: true }, text.statusTextNotVerified),
4062
- index.h("p", null, global.intl.formatMessage({
4068
+ index.h("p", { class: sheet$4.classes.SubduedText }, global.intl.formatMessage({
4063
4069
  id: `badgeTextAwaitingReview`,
4064
4070
  defaultMessage: text.badgeTextAwaitingReview,
4065
4071
  }, {
@@ -4067,7 +4073,7 @@ const TaxAndCashDashboardView = (props) => {
4067
4073
  })))),
4068
4074
  ACTIVE: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
4069
4075
  index.h("sl-badge", { class: sheet$4.classes.SuccessBadge, type: "success", pill: true }, text.statusTextActive),
4070
- index.h("p", null, global.intl.formatMessage({
4076
+ index.h("p", { class: sheet$4.classes.SubduedText }, global.intl.formatMessage({
4071
4077
  id: `badgeTextSubmittedOn`,
4072
4078
  defaultMessage: states.documentType === "W9"
4073
4079
  ? text.badgeTextSubmittedOn
@@ -4077,7 +4083,7 @@ const TaxAndCashDashboardView = (props) => {
4077
4083
  })))),
4078
4084
  INACTIVE: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
4079
4085
  index.h("sl-badge", { class: sheet$4.classes.ErrorBadge, type: "danger", pill: true }, text.statusTextNotActive),
4080
- index.h("p", null, text.invalidForm))),
4086
+ index.h("p", { class: sheet$4.classes.SubduedText }, text.invalidForm))),
4081
4087
  undefined: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
4082
4088
  index.h("sl-badge", { type: "danger", pill: true }, text.statusTextRequired),
4083
4089
  index.h("p", null, global.intl.formatMessage({
@@ -24,6 +24,7 @@ const style = {
24
24
  maxWidth: "850px",
25
25
  border: "none",
26
26
  backgroundColor: "transparent",
27
+ color: "var(--sqm-text)",
27
28
  },
28
29
  "& sl-icon::part(base)": {
29
30
  color: "var(--sqm-warning-color-icon)",
@@ -35,6 +36,7 @@ const style = {
35
36
  maxWidth: "850px",
36
37
  border: "none",
37
38
  backgroundColor: "transparent",
39
+ color: "var(--sqm-text)",
38
40
  },
39
41
  },
40
42
  ExpiringSoonAlertContainer: {
@@ -57,7 +59,7 @@ const style = {
57
59
  display: "flex",
58
60
  gap: "var(--sl-spacing-x-small)",
59
61
  "&::part(base)": {
60
- color: "var(--sl-color-green-500)",
62
+ color: "var(--sqm-text)",
61
63
  },
62
64
  },
63
65
  IndirectTaxPreviewDetails: {
@@ -66,6 +68,7 @@ const style = {
66
68
  flexDirection: "column",
67
69
  lineHeight: "var(--sl-spacing-medium)",
68
70
  fontSize: "var(--sl-font-size-small)",
71
+ color: "var(--sqm-text-subdued)",
69
72
  },
70
73
  InvoiceTableContainer: {
71
74
  marginTop: "var(--sl-spacing-medium)",
@@ -206,6 +209,9 @@ const style = {
206
209
  background: "var(--sqm-danger-color-icon)",
207
210
  },
208
211
  },
212
+ SubduedText: {
213
+ color: "var(--sqm-text-subdued)",
214
+ },
209
215
  };
210
216
  const sheet = createStyleSheet(style);
211
217
  const styleString = sheet.toString();
@@ -353,7 +359,7 @@ export const TaxAndCashDashboardView = (props) => {
353
359
  const statusMap = {
354
360
  NOT_VERIFIED: (h("div", { class: sheet.classes.TaxFormDetailsContainer },
355
361
  h("sl-badge", { class: sheet.classes.WarningBadge, type: "warning", pill: true }, text.statusTextNotVerified),
356
- h("p", null, intl.formatMessage({
362
+ h("p", { class: sheet.classes.SubduedText }, intl.formatMessage({
357
363
  id: `badgeTextAwaitingReview`,
358
364
  defaultMessage: text.badgeTextAwaitingReview,
359
365
  }, {
@@ -361,7 +367,7 @@ export const TaxAndCashDashboardView = (props) => {
361
367
  })))),
362
368
  ACTIVE: (h("div", { class: sheet.classes.TaxFormDetailsContainer },
363
369
  h("sl-badge", { class: sheet.classes.SuccessBadge, type: "success", pill: true }, text.statusTextActive),
364
- h("p", null, intl.formatMessage({
370
+ h("p", { class: sheet.classes.SubduedText }, intl.formatMessage({
365
371
  id: `badgeTextSubmittedOn`,
366
372
  defaultMessage: states.documentType === "W9"
367
373
  ? text.badgeTextSubmittedOn
@@ -371,7 +377,7 @@ export const TaxAndCashDashboardView = (props) => {
371
377
  })))),
372
378
  INACTIVE: (h("div", { class: sheet.classes.TaxFormDetailsContainer },
373
379
  h("sl-badge", { class: sheet.classes.ErrorBadge, type: "danger", pill: true }, text.statusTextNotActive),
374
- h("p", null, text.invalidForm))),
380
+ h("p", { class: sheet.classes.SubduedText }, text.invalidForm))),
375
381
  undefined: (h("div", { class: sheet.classes.TaxFormDetailsContainer },
376
382
  h("sl-badge", { type: "danger", pill: true }, text.statusTextRequired),
377
383
  h("p", null, intl.formatMessage({
@@ -3726,6 +3726,7 @@ const style$5 = {
3726
3726
  maxWidth: "850px",
3727
3727
  border: "none",
3728
3728
  backgroundColor: "transparent",
3729
+ color: "var(--sqm-text)",
3729
3730
  },
3730
3731
  "& sl-icon::part(base)": {
3731
3732
  color: "var(--sqm-warning-color-icon)",
@@ -3737,6 +3738,7 @@ const style$5 = {
3737
3738
  maxWidth: "850px",
3738
3739
  border: "none",
3739
3740
  backgroundColor: "transparent",
3741
+ color: "var(--sqm-text)",
3740
3742
  },
3741
3743
  },
3742
3744
  ExpiringSoonAlertContainer: {
@@ -3759,7 +3761,7 @@ const style$5 = {
3759
3761
  display: "flex",
3760
3762
  gap: "var(--sl-spacing-x-small)",
3761
3763
  "&::part(base)": {
3762
- color: "var(--sl-color-green-500)",
3764
+ color: "var(--sqm-text)",
3763
3765
  },
3764
3766
  },
3765
3767
  IndirectTaxPreviewDetails: {
@@ -3768,6 +3770,7 @@ const style$5 = {
3768
3770
  flexDirection: "column",
3769
3771
  lineHeight: "var(--sl-spacing-medium)",
3770
3772
  fontSize: "var(--sl-font-size-small)",
3773
+ color: "var(--sqm-text-subdued)",
3771
3774
  },
3772
3775
  InvoiceTableContainer: {
3773
3776
  marginTop: "var(--sl-spacing-medium)",
@@ -3908,6 +3911,9 @@ const style$5 = {
3908
3911
  background: "var(--sqm-danger-color-icon)",
3909
3912
  },
3910
3913
  },
3914
+ SubduedText: {
3915
+ color: "var(--sqm-text-subdued)",
3916
+ },
3911
3917
  };
3912
3918
  const sheet$4 = createStyleSheet(style$5);
3913
3919
  const styleString$4 = sheet$4.toString();
@@ -4055,7 +4061,7 @@ const TaxAndCashDashboardView = (props) => {
4055
4061
  const statusMap = {
4056
4062
  NOT_VERIFIED: (h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
4057
4063
  h("sl-badge", { class: sheet$4.classes.WarningBadge, type: "warning", pill: true }, text.statusTextNotVerified),
4058
- h("p", null, intl.formatMessage({
4064
+ h("p", { class: sheet$4.classes.SubduedText }, intl.formatMessage({
4059
4065
  id: `badgeTextAwaitingReview`,
4060
4066
  defaultMessage: text.badgeTextAwaitingReview,
4061
4067
  }, {
@@ -4063,7 +4069,7 @@ const TaxAndCashDashboardView = (props) => {
4063
4069
  })))),
4064
4070
  ACTIVE: (h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
4065
4071
  h("sl-badge", { class: sheet$4.classes.SuccessBadge, type: "success", pill: true }, text.statusTextActive),
4066
- h("p", null, intl.formatMessage({
4072
+ h("p", { class: sheet$4.classes.SubduedText }, intl.formatMessage({
4067
4073
  id: `badgeTextSubmittedOn`,
4068
4074
  defaultMessage: states.documentType === "W9"
4069
4075
  ? text.badgeTextSubmittedOn
@@ -4073,7 +4079,7 @@ const TaxAndCashDashboardView = (props) => {
4073
4079
  })))),
4074
4080
  INACTIVE: (h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
4075
4081
  h("sl-badge", { class: sheet$4.classes.ErrorBadge, type: "danger", pill: true }, text.statusTextNotActive),
4076
- h("p", null, text.invalidForm))),
4082
+ h("p", { class: sheet$4.classes.SubduedText }, text.invalidForm))),
4077
4083
  undefined: (h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
4078
4084
  h("sl-badge", { type: "danger", pill: true }, text.statusTextRequired),
4079
4085
  h("p", null, intl.formatMessage({