@saasquatch/mint-components 1.5.0-15 → 1.5.0-16

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 (35) hide show
  1. package/dist/cjs/sqm-brand_39.cjs.entry.js +7 -9
  2. package/dist/cjs/{sqm-program-explainer-step-view-54424840.js → sqm-program-explainer-step-view-17c5e99d.js} +4 -4
  3. package/dist/cjs/sqm-program-explainer-step.cjs.entry.js +1 -1
  4. package/dist/cjs/{sqm-program-explainer-view-db516613.js → sqm-program-explainer-view-d516c9df.js} +2 -2
  5. package/dist/cjs/sqm-program-explainer.cjs.entry.js +1 -1
  6. package/dist/collection/components/sqm-program-explainer/sqm-program-explainer-view.js +2 -2
  7. package/dist/collection/components/sqm-program-explainer-step/sqm-program-explainer-step-view.js +5 -5
  8. package/dist/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list-view.js +2 -2
  9. package/dist/collection/components/sqm-task-card/progress-bar/progress-bar-view.js +0 -3
  10. package/dist/collection/components/sqm-task-card/sqm-task-card-view.js +3 -2
  11. package/dist/esm/sqm-brand_39.entry.js +7 -9
  12. package/dist/esm/{sqm-program-explainer-step-view-7c0d5f71.js → sqm-program-explainer-step-view-e2b39225.js} +4 -4
  13. package/dist/esm/sqm-program-explainer-step.entry.js +1 -1
  14. package/dist/esm/{sqm-program-explainer-view-ab291eb4.js → sqm-program-explainer-view-f726f5ec.js} +2 -2
  15. package/dist/esm/sqm-program-explainer.entry.js +1 -1
  16. package/dist/esm-es5/sqm-brand_39.entry.js +1 -1
  17. package/dist/esm-es5/{sqm-program-explainer-step-view-7c0d5f71.js → sqm-program-explainer-step-view-e2b39225.js} +1 -1
  18. package/dist/esm-es5/sqm-program-explainer-step.entry.js +1 -1
  19. package/dist/esm-es5/{sqm-program-explainer-view-ab291eb4.js → sqm-program-explainer-view-f726f5ec.js} +1 -1
  20. package/dist/esm-es5/sqm-program-explainer.entry.js +1 -1
  21. package/dist/mint-components/mint-components.esm.js +1 -1
  22. package/dist/mint-components/{p-e18f69c1.entry.js → p-2b70efca.entry.js} +3 -3
  23. package/dist/mint-components/{p-376a0b37.js → p-35ee8cdf.js} +1 -1
  24. package/dist/mint-components/{p-f79454fc.entry.js → p-69e273b4.entry.js} +1 -1
  25. package/dist/mint-components/{p-0d0ec6fd.system.entry.js → p-6caa44e1.system.entry.js} +1 -1
  26. package/dist/mint-components/{p-0e95b67b.js → p-700f96f5.js} +1 -1
  27. package/dist/mint-components/{p-4fc31af7.system.js → p-89d63744.system.js} +1 -1
  28. package/dist/mint-components/{p-8a261335.system.entry.js → p-8f58ce03.system.entry.js} +1 -1
  29. package/dist/mint-components/p-a88a08bb.system.js +1 -1
  30. package/dist/mint-components/{p-f8f125a7.system.js → p-bb7fd343.system.js} +1 -1
  31. package/dist/mint-components/{p-046c45b1.entry.js → p-c61028b0.entry.js} +1 -1
  32. package/dist/mint-components/p-f7167cc9.system.entry.js +1 -0
  33. package/dist/types/components/sqm-task-card/sqm-task-card-view.d.ts +0 -1
  34. package/package.json +1 -1
  35. package/dist/mint-components/p-2b5d97fe.system.entry.js +0 -1
package/dist/cjs/sqm-brand_39.cjs.entry.js CHANGED
@@ -31,8 +31,8 @@ const sqmAssetCardView = require('./sqm-asset-card-view-07f86880.js');
31
31
  const sqmPortalFooterView = require('./sqm-portal-footer-view-03408484.js');
32
32
  const sqmHeroView = require('./sqm-hero-view-bb3d00a1.js');
33
33
  const sqmNameFieldsView = require('./sqm-name-fields-view-24614ac7.js');
34
- const sqmProgramExplainerView = require('./sqm-program-explainer-view-db516613.js');
35
- const sqmProgramExplainerStepView = require('./sqm-program-explainer-step-view-54424840.js');
34
+ const sqmProgramExplainerView = require('./sqm-program-explainer-view-d516c9df.js');
35
+ const sqmProgramExplainerStepView = require('./sqm-program-explainer-step-view-17c5e99d.js');
36
36
  const sqmCardFeedView = require('./sqm-card-feed-view-17fd3f0a.js');
37
37
 
38
38
  /**
@@ -15370,7 +15370,7 @@ function RewardExchangeView(props) {
15370
15370
  fontWeight: "var(--sl-font-weight-normal)",
15371
15371
  color: "var(--sl-color-neutral-1000)",
15372
15372
  },
15373
- "@media (max-width: 1024px)": {
15373
+ "@media (max-width: 499px)": {
15374
15374
  width: "100%",
15375
15375
  marginRight: "0",
15376
15376
  },
@@ -15382,7 +15382,7 @@ function RewardExchangeView(props) {
15382
15382
  fontWeight: "var(--sl-font-weight-normal)",
15383
15383
  color: "var(--sl-color-neutral-0)",
15384
15384
  },
15385
- "@media (max-width: 1024px)": {
15385
+ "@media (max-width: 499px)": {
15386
15386
  width: "100%",
15387
15387
  },
15388
15388
  },
@@ -22017,11 +22017,8 @@ function ProgressBarView(props) {
22017
22017
  marginLeft: "-100px",
22018
22018
  marginRight: "-100px",
22019
22019
  position: "relative",
22020
- display: "list-item",
22021
- listStyleType: "none",
22022
22020
  top: "-18px",
22023
22021
  filter: goal <= progress ? "" : "grayscale(100%)",
22024
- zIndex: "1",
22025
22022
  },
22026
22023
  },
22027
22024
  };
@@ -22426,11 +22423,11 @@ function TaskCardView(props) {
22426
22423
  index.h("style", { type: "text/css" },
22427
22424
  styleString,
22428
22425
  vanillaStyle),
22429
- taskNotStarted && (index.h("div", { class: sheet.classes.NotStarted },
22426
+ !props.loading && taskNotStarted && (index.h("div", { class: sheet.classes.NotStarted },
22430
22427
  index.h("span", { class: "icon" },
22431
22428
  index.h("sl-icon", { name: "info-circle-fill" })),
22432
22429
  "Starts " + dateStart.toLocaleString(luxon.DateTime.DATE_MED))),
22433
- taskEnded && (index.h("div", { class: sheet.classes.Ended },
22430
+ !props.loading && taskEnded && (index.h("div", { class: sheet.classes.Ended },
22434
22431
  index.h("span", { class: "icon" },
22435
22432
  index.h("sl-icon", { name: "exclamation-triangle-fill" })),
22436
22433
  "Ended " + dateEnd.toLocaleString(luxon.DateTime.DATE_MED))),
@@ -22500,6 +22497,7 @@ function Details(props) {
22500
22497
  },
22501
22498
  transformOrigin: "50% 37%",
22502
22499
  transition: "transform var(--sl-transition-medium) ease",
22500
+ cursor: "pointer",
22503
22501
  },
22504
22502
  "& input:checked ~ .summary": {
22505
22503
  transition: "all var(--sl-transition-medium) ease",
package/dist/cjs/{sqm-program-explainer-step-view-54424840.js → sqm-program-explainer-step-view-17c5e99d.js} RENAMED
@@ -13,14 +13,14 @@ function ProgramExplainerStepView(props) {
13
13
  background: props.background,
14
14
  padding: "var(--sl-spacing-large)",
15
15
  paddingBottom: "var(--sl-spacing-xxx-large)",
16
- "@media (max-width: 768px)": {
16
+ "@media (max-width: 499px)": {
17
17
  flexDirection: "row",
18
18
  width: "auto",
19
19
  paddingBottom: "var(--sl-spacing-large)",
20
20
  },
21
21
  },
22
22
  Text: {
23
- "@media (max-width: 768px)": {
23
+ "@media (max-width: 499px)": {
24
24
  marginLeft: "var(--sl-spacing-large)",
25
25
  },
26
26
  },
@@ -30,14 +30,14 @@ function ProgramExplainerStepView(props) {
30
30
  fontWeight: "var(--sl-font-weight-bold)",
31
31
  lineHeight: "var(--sl-line-height-dense)",
32
32
  marginTop: "var(--sl-spacing-large)",
33
- "@media (max-width: 768px)": {
33
+ "@media (max-width: 499px)": {
34
34
  margin: "0",
35
35
  },
36
36
  },
37
37
  Description: {
38
38
  fontSize: "var(--sl-font-size-medium)",
39
39
  marginTop: "var(--sl-spacing-small)",
40
- "@media (max-width: 768px)": {
40
+ "@media (max-width: 499px)": {
41
41
  marginTop: "var(--sl-spacing-x-small)",
42
42
  },
43
43
  },
package/dist/cjs/sqm-program-explainer-step.cjs.entry.js CHANGED
@@ -6,7 +6,7 @@ const index = require('./index-b0129cd6.js');
6
6
  const _extends = require('./extends-0302d27d.js');
7
7
  require('./jss-preset-default.esm-6304d24f.js');
8
8
  const utils = require('./utils-95e5317c.js');
9
- const sqmProgramExplainerStepView = require('./sqm-program-explainer-step-view-54424840.js');
9
+ const sqmProgramExplainerStepView = require('./sqm-program-explainer-step-view-17c5e99d.js');
10
10
 
11
11
  const ProgramExplainerStep = class {
12
12
  constructor(hostRef) {
package/dist/cjs/{sqm-program-explainer-view-db516613.js → sqm-program-explainer-view-d516c9df.js} RENAMED
@@ -8,7 +8,7 @@ function ProgramExplainerView(props, children) {
8
8
  Container: {
9
9
  display: "flex",
10
10
  flexDirection: "row",
11
- "@media (max-width: 768px)": {
11
+ "@media (max-width: 499px)": {
12
12
  flexDirection: "column",
13
13
  },
14
14
  },
@@ -40,7 +40,7 @@ function ProgramExplainerView(props, children) {
40
40
  display: flex;
41
41
  width: 100%;
42
42
  }
43
- @media (max-width: 768px) {
43
+ @media (max-width: 499px) {
44
44
  ::slotted(*){
45
45
  display: block;
46
46
  }
package/dist/cjs/sqm-program-explainer.cjs.entry.js CHANGED
@@ -6,7 +6,7 @@ const index = require('./index-b0129cd6.js');
6
6
  const _extends = require('./extends-0302d27d.js');
7
7
  require('./jss-preset-default.esm-6304d24f.js');
8
8
  const utils = require('./utils-95e5317c.js');
9
- const sqmProgramExplainerView = require('./sqm-program-explainer-view-db516613.js');
9
+ const sqmProgramExplainerView = require('./sqm-program-explainer-view-d516c9df.js');
10
10
 
11
11
  const ProgramExplainer = class {
12
12
  constructor(hostRef) {
package/dist/collection/components/sqm-program-explainer/sqm-program-explainer-view.js CHANGED
@@ -6,7 +6,7 @@ export function ProgramExplainerView(props, children) {
6
6
  Container: {
7
7
  display: "flex",
8
8
  flexDirection: "row",
9
- "@media (max-width: 768px)": {
9
+ "@media (max-width: 499px)": {
10
10
  flexDirection: "column",
11
11
  },
12
12
  },
@@ -38,7 +38,7 @@ export function ProgramExplainerView(props, children) {
38
38
  display: flex;
39
39
  width: 100%;
40
40
  }
41
- @media (max-width: 768px) {
41
+ @media (max-width: 499px) {
42
42
  ::slotted(*){
43
43
  display: block;
44
44
  }
package/dist/collection/components/sqm-program-explainer-step/sqm-program-explainer-step-view.js CHANGED
@@ -11,14 +11,14 @@ export function ProgramExplainerStepView(props) {
11
11
  background: props.background,
12
12
  padding: "var(--sl-spacing-large)",
13
13
  paddingBottom: "var(--sl-spacing-xxx-large)",
14
- "@media (max-width: 768px)": {
14
+ "@media (max-width: 499px)": {
15
15
  flexDirection: "row",
16
16
  width: "auto",
17
17
  paddingBottom: "var(--sl-spacing-large)",
18
18
  },
19
19
  },
20
20
  Text: {
21
- "@media (max-width: 768px)": {
21
+ "@media (max-width: 499px)": {
22
22
  marginLeft: "var(--sl-spacing-large)",
23
23
  },
24
24
  },
@@ -28,14 +28,14 @@ export function ProgramExplainerStepView(props) {
28
28
  fontWeight: "var(--sl-font-weight-bold)",
29
29
  lineHeight: "var(--sl-line-height-dense)",
30
30
  marginTop: "var(--sl-spacing-large)",
31
- "@media (max-width: 768px)": {
31
+ "@media (max-width: 499px)": {
32
32
  margin: "0",
33
33
  },
34
34
  },
35
35
  Description: {
36
36
  fontSize: "var(--sl-font-size-medium)",
37
37
  marginTop: "var(--sl-spacing-small)",
38
- "@media (max-width: 768px)": {
38
+ "@media (max-width: 499px)": {
39
39
  marginTop: "var(--sl-spacing-x-small)",
40
40
  },
41
41
  },
@@ -58,7 +58,7 @@ export function ProgramExplainerStepView(props) {
58
58
  display: flex;
59
59
  width: 100%;
60
60
  }
61
- @media (max-width: 768px) {
61
+ @media (max-width: 499px) {
62
62
  :host{
63
63
  display: block;
64
64
  }
package/dist/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list-view.js CHANGED
@@ -215,7 +215,7 @@ export function RewardExchangeView(props) {
215
215
  fontWeight: "var(--sl-font-weight-normal)",
216
216
  color: "var(--sl-color-neutral-1000)",
217
217
  },
218
- "@media (max-width: 1024px)": {
218
+ "@media (max-width: 499px)": {
219
219
  width: "100%",
220
220
  marginRight: "0",
221
221
  },
@@ -227,7 +227,7 @@ export function RewardExchangeView(props) {
227
227
  fontWeight: "var(--sl-font-weight-normal)",
228
228
  color: "var(--sl-color-neutral-0)",
229
229
  },
230
- "@media (max-width: 1024px)": {
230
+ "@media (max-width: 499px)": {
231
231
  width: "100%",
232
232
  },
233
233
  },
package/dist/collection/components/sqm-task-card/progress-bar/progress-bar-view.js CHANGED
@@ -128,11 +128,8 @@ export function ProgressBarView(props) {
128
128
  marginLeft: "-100px",
129
129
  marginRight: "-100px",
130
130
  position: "relative",
131
- display: "list-item",
132
- listStyleType: "none",
133
131
  top: "-18px",
134
132
  filter: goal <= progress ? "" : "grayscale(100%)",
135
- zIndex: "1",
136
133
  },
137
134
  },
138
135
  };
package/dist/collection/components/sqm-task-card/sqm-task-card-view.js CHANGED
@@ -173,11 +173,11 @@ export function TaskCardView(props) {
173
173
  h("style", { type: "text/css" },
174
174
  styleString,
175
175
  vanillaStyle),
176
- taskNotStarted && (h("div", { class: sheet.classes.NotStarted },
176
+ !props.loading && taskNotStarted && (h("div", { class: sheet.classes.NotStarted },
177
177
  h("span", { class: "icon" },
178
178
  h("sl-icon", { name: "info-circle-fill" })),
179
179
  "Starts " + dateStart.toLocaleString(DateTime.DATE_MED))),
180
- taskEnded && (h("div", { class: sheet.classes.Ended },
180
+ !props.loading && taskEnded && (h("div", { class: sheet.classes.Ended },
181
181
  h("span", { class: "icon" },
182
182
  h("sl-icon", { name: "exclamation-triangle-fill" })),
183
183
  "Ended " + dateEnd.toLocaleString(DateTime.DATE_MED))),
@@ -247,6 +247,7 @@ function Details(props) {
247
247
  },
248
248
  transformOrigin: "50% 37%",
249
249
  transition: "transform var(--sl-transition-medium) ease",
250
+ cursor: "pointer",
250
251
  },
251
252
  "& input:checked ~ .summary": {
252
253
  transition: "all var(--sl-transition-medium) ease",
package/dist/esm/sqm-brand_39.entry.js CHANGED
@@ -27,8 +27,8 @@ import { A as AssetCardView } from './sqm-asset-card-view-6f360937.js';
27
27
  import { P as PoweredByImg$1, a as PortalFooterView } from './sqm-portal-footer-view-60cd9ae5.js';
28
28
  import { H as HeroView } from './sqm-hero-view-bfd8abd1.js';
29
29
  import { N as NameFieldsView } from './sqm-name-fields-view-4162fb7b.js';
30
- import { P as ProgramExplainerView } from './sqm-program-explainer-view-ab291eb4.js';
31
- import { P as ProgramExplainerStepView } from './sqm-program-explainer-step-view-7c0d5f71.js';
30
+ import { P as ProgramExplainerView } from './sqm-program-explainer-view-f726f5ec.js';
31
+ import { P as ProgramExplainerStepView } from './sqm-program-explainer-step-view-e2b39225.js';
32
32
  import { C as CardFeedView } from './sqm-card-feed-view-cdd1f818.js';
33
33
 
34
34
  /**
@@ -15366,7 +15366,7 @@ function RewardExchangeView(props) {
15366
15366
  fontWeight: "var(--sl-font-weight-normal)",
15367
15367
  color: "var(--sl-color-neutral-1000)",
15368
15368
  },
15369
- "@media (max-width: 1024px)": {
15369
+ "@media (max-width: 499px)": {
15370
15370
  width: "100%",
15371
15371
  marginRight: "0",
15372
15372
  },
@@ -15378,7 +15378,7 @@ function RewardExchangeView(props) {
15378
15378
  fontWeight: "var(--sl-font-weight-normal)",
15379
15379
  color: "var(--sl-color-neutral-0)",
15380
15380
  },
15381
- "@media (max-width: 1024px)": {
15381
+ "@media (max-width: 499px)": {
15382
15382
  width: "100%",
15383
15383
  },
15384
15384
  },
@@ -22013,11 +22013,8 @@ function ProgressBarView(props) {
22013
22013
  marginLeft: "-100px",
22014
22014
  marginRight: "-100px",
22015
22015
  position: "relative",
22016
- display: "list-item",
22017
- listStyleType: "none",
22018
22016
  top: "-18px",
22019
22017
  filter: goal <= progress ? "" : "grayscale(100%)",
22020
- zIndex: "1",
22021
22018
  },
22022
22019
  },
22023
22020
  };
@@ -22422,11 +22419,11 @@ function TaskCardView(props) {
22422
22419
  h$1("style", { type: "text/css" },
22423
22420
  styleString,
22424
22421
  vanillaStyle),
22425
- taskNotStarted && (h$1("div", { class: sheet.classes.NotStarted },
22422
+ !props.loading && taskNotStarted && (h$1("div", { class: sheet.classes.NotStarted },
22426
22423
  h$1("span", { class: "icon" },
22427
22424
  h$1("sl-icon", { name: "info-circle-fill" })),
22428
22425
  "Starts " + dateStart.toLocaleString(luxon.DateTime.DATE_MED))),
22429
- taskEnded && (h$1("div", { class: sheet.classes.Ended },
22426
+ !props.loading && taskEnded && (h$1("div", { class: sheet.classes.Ended },
22430
22427
  h$1("span", { class: "icon" },
22431
22428
  h$1("sl-icon", { name: "exclamation-triangle-fill" })),
22432
22429
  "Ended " + dateEnd.toLocaleString(luxon.DateTime.DATE_MED))),
@@ -22496,6 +22493,7 @@ function Details(props) {
22496
22493
  },
22497
22494
  transformOrigin: "50% 37%",
22498
22495
  transition: "transform var(--sl-transition-medium) ease",
22496
+ cursor: "pointer",
22499
22497
  },
22500
22498
  "& input:checked ~ .summary": {
22501
22499
  transition: "all var(--sl-transition-medium) ease",
package/dist/esm/{sqm-program-explainer-step-view-7c0d5f71.js → sqm-program-explainer-step-view-e2b39225.js} RENAMED
@@ -11,14 +11,14 @@ function ProgramExplainerStepView(props) {
11
11
  background: props.background,
12
12
  padding: "var(--sl-spacing-large)",
13
13
  paddingBottom: "var(--sl-spacing-xxx-large)",
14
- "@media (max-width: 768px)": {
14
+ "@media (max-width: 499px)": {
15
15
  flexDirection: "row",
16
16
  width: "auto",
17
17
  paddingBottom: "var(--sl-spacing-large)",
18
18
  },
19
19
  },
20
20
  Text: {
21
- "@media (max-width: 768px)": {
21
+ "@media (max-width: 499px)": {
22
22
  marginLeft: "var(--sl-spacing-large)",
23
23
  },
24
24
  },
@@ -28,14 +28,14 @@ function ProgramExplainerStepView(props) {
28
28
  fontWeight: "var(--sl-font-weight-bold)",
29
29
  lineHeight: "var(--sl-line-height-dense)",
30
30
  marginTop: "var(--sl-spacing-large)",
31
- "@media (max-width: 768px)": {
31
+ "@media (max-width: 499px)": {
32
32
  margin: "0",
33
33
  },
34
34
  },
35
35
  Description: {
36
36
  fontSize: "var(--sl-font-size-medium)",
37
37
  marginTop: "var(--sl-spacing-small)",
38
- "@media (max-width: 768px)": {
38
+ "@media (max-width: 499px)": {
39
39
  marginTop: "var(--sl-spacing-x-small)",
40
40
  },
41
41
  },
package/dist/esm/sqm-program-explainer-step.entry.js CHANGED
@@ -2,7 +2,7 @@ import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
2
2
  import { m as h } from './extends-3a3f9fe2.js';
3
3
  import './jss-preset-default.esm-71fae192.js';
4
4
  import { g as getProps } from './utils-454405f5.js';
5
- import { P as ProgramExplainerStepView } from './sqm-program-explainer-step-view-7c0d5f71.js';
5
+ import { P as ProgramExplainerStepView } from './sqm-program-explainer-step-view-e2b39225.js';
6
6
 
7
7
  const ProgramExplainerStep = class {
8
8
  constructor(hostRef) {
package/dist/esm/{sqm-program-explainer-view-ab291eb4.js → sqm-program-explainer-view-f726f5ec.js} RENAMED
@@ -6,7 +6,7 @@ function ProgramExplainerView(props, children) {
6
6
  Container: {
7
7
  display: "flex",
8
8
  flexDirection: "row",
9
- "@media (max-width: 768px)": {
9
+ "@media (max-width: 499px)": {
10
10
  flexDirection: "column",
11
11
  },
12
12
  },
@@ -38,7 +38,7 @@ function ProgramExplainerView(props, children) {
38
38
  display: flex;
39
39
  width: 100%;
40
40
  }
41
- @media (max-width: 768px) {
41
+ @media (max-width: 499px) {
42
42
  ::slotted(*){
43
43
  display: block;
44
44
  }
package/dist/esm/sqm-program-explainer.entry.js CHANGED
@@ -2,7 +2,7 @@ import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
2
2
  import { m as h } from './extends-3a3f9fe2.js';
3
3
  import './jss-preset-default.esm-71fae192.js';
4
4
  import { g as getProps } from './utils-454405f5.js';
5
- import { P as ProgramExplainerView } from './sqm-program-explainer-view-ab291eb4.js';
5
+ import { P as ProgramExplainerView } from './sqm-program-explainer-view-f726f5ec.js';
6
6
 
7
7
  const ProgramExplainer = class {
8
8
  constructor(hostRef) {