@saasquatch/mint-components 2.0.0-55 → 2.0.0-58

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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,12 +3774,13 @@ 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)",
3778
3781
  },
3779
3782
  NotRegisteredIndirectTaxText: {
3780
- color: "var(--sl-color-gray-500)",
3783
+ color: "var(--sqm-text-subdued)",
3781
3784
  },
3782
3785
  TaxDocumentsContainer: {
3783
3786
  marginTop: "var(--sl-spacing-xx-large)",
@@ -3798,7 +3801,6 @@ const style$5 = {
3798
3801
  "& p": {
3799
3802
  margin: "0",
3800
3803
  paddingTop: "2px",
3801
- color: "var(--sl-color-gray-500)",
3802
3804
  },
3803
3805
  },
3804
3806
  StatusAlert: {
@@ -3854,7 +3856,7 @@ const style$5 = {
3854
3856
  gap: "6px",
3855
3857
  },
3856
3858
  DescriptionText: {
3857
- color: "var(--sl-color-gray-500)",
3859
+ color: "var(--sqm-text-subdued)",
3858
3860
  fontSize: "var(--sl-font-size-x-small)",
3859
3861
  marginBottom: "none",
3860
3862
  maxWidth: "492px",
@@ -3912,6 +3914,9 @@ const style$5 = {
3912
3914
  background: "var(--sqm-danger-color-icon)",
3913
3915
  },
3914
3916
  },
3917
+ SubduedText: {
3918
+ color: "var(--sqm-text-subdued)",
3919
+ },
3915
3920
  };
3916
3921
  const sheet$4 = JSS.createStyleSheet(style$5);
3917
3922
  const styleString$4 = sheet$4.toString();
@@ -4059,7 +4064,7 @@ const TaxAndCashDashboardView = (props) => {
4059
4064
  const statusMap = {
4060
4065
  NOT_VERIFIED: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
4061
4066
  index.h("sl-badge", { class: sheet$4.classes.WarningBadge, type: "warning", pill: true }, text.statusTextNotVerified),
4062
- index.h("p", null, global.intl.formatMessage({
4067
+ index.h("p", { class: sheet$4.classes.SubduedText }, global.intl.formatMessage({
4063
4068
  id: `badgeTextAwaitingReview`,
4064
4069
  defaultMessage: text.badgeTextAwaitingReview,
4065
4070
  }, {
@@ -4067,7 +4072,7 @@ const TaxAndCashDashboardView = (props) => {
4067
4072
  })))),
4068
4073
  ACTIVE: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
4069
4074
  index.h("sl-badge", { class: sheet$4.classes.SuccessBadge, type: "success", pill: true }, text.statusTextActive),
4070
- index.h("p", null, global.intl.formatMessage({
4075
+ index.h("p", { class: sheet$4.classes.SubduedText }, global.intl.formatMessage({
4071
4076
  id: `badgeTextSubmittedOn`,
4072
4077
  defaultMessage: states.documentType === "W9"
4073
4078
  ? text.badgeTextSubmittedOn
@@ -4077,7 +4082,7 @@ const TaxAndCashDashboardView = (props) => {
4077
4082
  })))),
4078
4083
  INACTIVE: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
4079
4084
  index.h("sl-badge", { class: sheet$4.classes.ErrorBadge, type: "danger", pill: true }, text.statusTextNotActive),
4080
- index.h("p", null, text.invalidForm))),
4085
+ index.h("p", { class: sheet$4.classes.SubduedText }, text.invalidForm))),
4081
4086
  undefined: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
4082
4087
  index.h("sl-badge", { type: "danger", pill: true }, text.statusTextRequired),
4083
4088
  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,12 +68,13 @@ 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)",
72
75
  },
73
76
  NotRegisteredIndirectTaxText: {
74
- color: "var(--sl-color-gray-500)",
77
+ color: "var(--sqm-text-subdued)",
75
78
  },
76
79
  TaxDocumentsContainer: {
77
80
  marginTop: "var(--sl-spacing-xx-large)",
@@ -92,7 +95,6 @@ const style = {
92
95
  "& p": {
93
96
  margin: "0",
94
97
  paddingTop: "2px",
95
- color: "var(--sl-color-gray-500)",
96
98
  },
97
99
  },
98
100
  StatusAlert: {
@@ -148,7 +150,7 @@ const style = {
148
150
  gap: "6px",
149
151
  },
150
152
  DescriptionText: {
151
- color: "var(--sl-color-gray-500)",
153
+ color: "var(--sqm-text-subdued)",
152
154
  fontSize: "var(--sl-font-size-x-small)",
153
155
  marginBottom: "none",
154
156
  maxWidth: "492px",
@@ -206,6 +208,9 @@ const style = {
206
208
  background: "var(--sqm-danger-color-icon)",
207
209
  },
208
210
  },
211
+ SubduedText: {
212
+ color: "var(--sqm-text-subdued)",
213
+ },
209
214
  };
210
215
  const sheet = createStyleSheet(style);
211
216
  const styleString = sheet.toString();
@@ -353,7 +358,7 @@ export const TaxAndCashDashboardView = (props) => {
353
358
  const statusMap = {
354
359
  NOT_VERIFIED: (h("div", { class: sheet.classes.TaxFormDetailsContainer },
355
360
  h("sl-badge", { class: sheet.classes.WarningBadge, type: "warning", pill: true }, text.statusTextNotVerified),
356
- h("p", null, intl.formatMessage({
361
+ h("p", { class: sheet.classes.SubduedText }, intl.formatMessage({
357
362
  id: `badgeTextAwaitingReview`,
358
363
  defaultMessage: text.badgeTextAwaitingReview,
359
364
  }, {
@@ -361,7 +366,7 @@ export const TaxAndCashDashboardView = (props) => {
361
366
  })))),
362
367
  ACTIVE: (h("div", { class: sheet.classes.TaxFormDetailsContainer },
363
368
  h("sl-badge", { class: sheet.classes.SuccessBadge, type: "success", pill: true }, text.statusTextActive),
364
- h("p", null, intl.formatMessage({
369
+ h("p", { class: sheet.classes.SubduedText }, intl.formatMessage({
365
370
  id: `badgeTextSubmittedOn`,
366
371
  defaultMessage: states.documentType === "W9"
367
372
  ? text.badgeTextSubmittedOn
@@ -371,7 +376,7 @@ export const TaxAndCashDashboardView = (props) => {
371
376
  })))),
372
377
  INACTIVE: (h("div", { class: sheet.classes.TaxFormDetailsContainer },
373
378
  h("sl-badge", { class: sheet.classes.ErrorBadge, type: "danger", pill: true }, text.statusTextNotActive),
374
- h("p", null, text.invalidForm))),
379
+ h("p", { class: sheet.classes.SubduedText }, text.invalidForm))),
375
380
  undefined: (h("div", { class: sheet.classes.TaxFormDetailsContainer },
376
381
  h("sl-badge", { type: "danger", pill: true }, text.statusTextRequired),
377
382
  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,12 +3770,13 @@ 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)",
3774
3777
  },
3775
3778
  NotRegisteredIndirectTaxText: {
3776
- color: "var(--sl-color-gray-500)",
3779
+ color: "var(--sqm-text-subdued)",
3777
3780
  },
3778
3781
  TaxDocumentsContainer: {
3779
3782
  marginTop: "var(--sl-spacing-xx-large)",
@@ -3794,7 +3797,6 @@ const style$5 = {
3794
3797
  "& p": {
3795
3798
  margin: "0",
3796
3799
  paddingTop: "2px",
3797
- color: "var(--sl-color-gray-500)",
3798
3800
  },
3799
3801
  },
3800
3802
  StatusAlert: {
@@ -3850,7 +3852,7 @@ const style$5 = {
3850
3852
  gap: "6px",
3851
3853
  },
3852
3854
  DescriptionText: {
3853
- color: "var(--sl-color-gray-500)",
3855
+ color: "var(--sqm-text-subdued)",
3854
3856
  fontSize: "var(--sl-font-size-x-small)",
3855
3857
  marginBottom: "none",
3856
3858
  maxWidth: "492px",
@@ -3908,6 +3910,9 @@ const style$5 = {
3908
3910
  background: "var(--sqm-danger-color-icon)",
3909
3911
  },
3910
3912
  },
3913
+ SubduedText: {
3914
+ color: "var(--sqm-text-subdued)",
3915
+ },
3911
3916
  };
3912
3917
  const sheet$4 = createStyleSheet(style$5);
3913
3918
  const styleString$4 = sheet$4.toString();
@@ -4055,7 +4060,7 @@ const TaxAndCashDashboardView = (props) => {
4055
4060
  const statusMap = {
4056
4061
  NOT_VERIFIED: (h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
4057
4062
  h("sl-badge", { class: sheet$4.classes.WarningBadge, type: "warning", pill: true }, text.statusTextNotVerified),
4058
- h("p", null, intl.formatMessage({
4063
+ h("p", { class: sheet$4.classes.SubduedText }, intl.formatMessage({
4059
4064
  id: `badgeTextAwaitingReview`,
4060
4065
  defaultMessage: text.badgeTextAwaitingReview,
4061
4066
  }, {
@@ -4063,7 +4068,7 @@ const TaxAndCashDashboardView = (props) => {
4063
4068
  })))),
4064
4069
  ACTIVE: (h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
4065
4070
  h("sl-badge", { class: sheet$4.classes.SuccessBadge, type: "success", pill: true }, text.statusTextActive),
4066
- h("p", null, intl.formatMessage({
4071
+ h("p", { class: sheet$4.classes.SubduedText }, intl.formatMessage({
4067
4072
  id: `badgeTextSubmittedOn`,
4068
4073
  defaultMessage: states.documentType === "W9"
4069
4074
  ? text.badgeTextSubmittedOn
@@ -4073,7 +4078,7 @@ const TaxAndCashDashboardView = (props) => {
4073
4078
  })))),
4074
4079
  INACTIVE: (h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
4075
4080
  h("sl-badge", { class: sheet$4.classes.ErrorBadge, type: "danger", pill: true }, text.statusTextNotActive),
4076
- h("p", null, text.invalidForm))),
4081
+ h("p", { class: sheet$4.classes.SubduedText }, text.invalidForm))),
4077
4082
  undefined: (h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
4078
4083
  h("sl-badge", { type: "danger", pill: true }, text.statusTextRequired),
4079
4084
  h("p", null, intl.formatMessage({