@saasquatch/mint-components 1.15.0-128 → 1.15.0-129

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.
@@ -2380,7 +2380,9 @@ const style$3 = {
2380
2380
  borderRadius: "var(--sqm-primary-button-radius)",
2381
2381
  },
2382
2382
  "&::part(base):hover": {
2383
- background: "var(--sqm-primary-button-background-hover)",
2383
+ backgroundColor: "var(--sqm-primary-button-background-hover)",
2384
+ borderColor: "var(--sqm-primary-button-border-color-hover)",
2385
+ color: "var(--sqm-primary-button-color-hover)",
2384
2386
  },
2385
2387
  },
2386
2388
  SecondaryButton: {
@@ -2394,8 +2396,9 @@ const style$3 = {
2394
2396
  margin: "auto",
2395
2397
  },
2396
2398
  "&::part(base):hover": {
2397
- color: "var(--sqm-text)",
2398
- background: "var(--sqm-secondary-button-background-hover)",
2399
+ backgroundColor: "var(--sqm-secondary-button-background-hover)",
2400
+ color: "var(--sqm-secondary-button-color-hover)",
2401
+ borderColor: "var(--sqm-secondary-button-border-color-hover)",
2399
2402
  },
2400
2403
  },
2401
2404
  };
@@ -1216,7 +1216,7 @@ const DividedLayout = class {
1216
1216
  this.dividerStyle = "var(--sqm-border-thickness) solid var(--sqm-border-color)";
1217
1217
  /**
1218
1218
  * Background color of the divider
1219
- * @uiName Divider Background Color
1219
+ * @uiName Background Color
1220
1220
  * @uiWidget color
1221
1221
  */
1222
1222
  this.backgroundColor = "#FFFFFF";
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-a43a63b4.js');
6
6
  const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
7
7
 
8
- const sqmFormMessageCss = "sl-alert::part(base){border:var(--sqm-border-thickness) solid;border-radius:var(--sqm-border-radius-normal);font-family:var(--sqm-primary-font)}.Error::part(base){color:var(--sqm-danger-color-text);background-color:var(--sqm-danger-color-background);border-color:var(--sqm-danger-color-border);font-size:14px}.Error::part(alert-icon){color:var(--sqm-danger-color-icon);font-size:24px}.Warning::part(base){color:var(--sqm-warning-color-text);background-color:var(--sqm-warning-color-background);border-color:var(--sqm-warning-color-border)}.Warning::part(alert-icon){color:var(--sqm-warning-color-icon);font-size:24px}.Success::part(base){color:var(--sqm-success-color-text);background-color:var(--sqm-success-color-background);border-color:var(--sqm-success-color-border)}.Success::part(alert-icon){color:var(--sqm-success-color-icon);font-size:24px}.Info::part(base){color:var(--sqm-informative-color-text);background-color:var(--sqm-informative-color-background);border-color:var(--sqm-informative-color-border)}.Info::part(alert-icon){color:var(--sqm-informative-color-icon);font-size:24px}::slotted(*){margin:0}::slotted(*[part=alert-title]){font-size:16px;font-weight:bold}::slotted(*[part=alert-description]),::slotted(*[part=erroralert-text]){font-size:14px}";
8
+ const sqmFormMessageCss = "sl-alert::part(base){border:var(--sqm-border-thickness) solid;border-radius:var(--sqm-border-radius-normal);font-family:var(--sqm-primary-font)}.Error::part(base){color:var(--sqm-danger-color-text);background-color:var(--sqm-danger-color-background);border-color:var(--sqm-danger-color-border);font-size:14px}.Error::part(alert-icon){color:var(--sqm-danger-color-icon) !important;font-size:24px}.Warning::part(base){color:var(--sqm-warning-color-text);background-color:var(--sqm-warning-color-background);border-color:var(--sqm-warning-color-border)}.Warning::part(alert-icon){color:var(--sqm-warning-color-icon) !important;font-size:24px}.Success::part(base){color:var(--sqm-success-color-text);background-color:var(--sqm-success-color-background);border-color:var(--sqm-success-color-border)}.Success::part(alert-icon){color:var(--sqm-success-color-icon) !important;font-size:24px}.Info::part(base){color:var(--sqm-informative-color-text);background-color:var(--sqm-informative-color-background);border-color:var(--sqm-informative-color-border)}.Info::part(alert-icon){color:var(--sqm-informative-color-icon) !important;font-size:24px}::slotted(*){margin:0}::slotted(*[part=alert-title]){font-size:16px;font-weight:bold}::slotted(*[part=alert-description]),::slotted(*[part=erroralert-text]){font-size:14px}";
9
9
 
10
10
  const FormMessage = class {
11
11
  constructor(hostRef) {
@@ -21,7 +21,7 @@ export class DividedLayout {
21
21
  this.dividerStyle = "var(--sqm-border-thickness) solid var(--sqm-border-color)";
22
22
  /**
23
23
  * Background color of the divider
24
- * @uiName Divider Background Color
24
+ * @uiName Background Color
25
25
  * @uiWidget color
26
26
  */
27
27
  this.backgroundColor = "#FFFFFF";
@@ -123,7 +123,7 @@ export class DividedLayout {
123
123
  "optional": true,
124
124
  "docs": {
125
125
  "tags": [{
126
- "text": "Divider Background Color",
126
+ "text": "Background Color",
127
127
  "name": "uiName"
128
128
  }, {
129
129
  "text": "color",
@@ -147,7 +147,7 @@ export class DividedLayout {
147
147
  "optional": true,
148
148
  "docs": {
149
149
  "tags": [{
150
- "text": "Divider Background Color",
150
+ "text": "Border Color",
151
151
  "name": "uiName"
152
152
  }, {
153
153
  "text": "color",
@@ -12,7 +12,7 @@ sl-alert::part(base) {
12
12
  }
13
13
 
14
14
  .Error::part(alert-icon) {
15
- color: var(--sqm-danger-color-icon);
15
+ color: var(--sqm-danger-color-icon) !important;
16
16
  font-size: 24px;
17
17
  }
18
18
 
@@ -23,7 +23,7 @@ sl-alert::part(base) {
23
23
  }
24
24
 
25
25
  .Warning::part(alert-icon) {
26
- color: var(--sqm-warning-color-icon);
26
+ color: var(--sqm-warning-color-icon) !important;
27
27
  font-size: 24px;
28
28
  }
29
29
 
@@ -34,7 +34,7 @@ sl-alert::part(base) {
34
34
  }
35
35
 
36
36
  .Success::part(alert-icon) {
37
- color: var(--sqm-success-color-icon);
37
+ color: var(--sqm-success-color-icon) !important;
38
38
  font-size: 24px;
39
39
  }
40
40
 
@@ -45,7 +45,7 @@ sl-alert::part(base) {
45
45
  }
46
46
 
47
47
  .Info::part(alert-icon) {
48
- color: var(--sqm-informative-color-icon);
48
+ color: var(--sqm-informative-color-icon) !important;
49
49
  font-size: 24px;
50
50
  }
51
51
 
@@ -75,7 +75,9 @@ const style = {
75
75
  borderRadius: "var(--sqm-primary-button-radius)",
76
76
  },
77
77
  "&::part(base):hover": {
78
- background: "var(--sqm-primary-button-background-hover)",
78
+ backgroundColor: "var(--sqm-primary-button-background-hover)",
79
+ borderColor: "var(--sqm-primary-button-border-color-hover)",
80
+ color: "var(--sqm-primary-button-color-hover)",
79
81
  },
80
82
  },
81
83
  SecondaryButton: {
@@ -89,8 +91,9 @@ const style = {
89
91
  margin: "auto",
90
92
  },
91
93
  "&::part(base):hover": {
92
- color: "var(--sqm-text)",
93
- background: "var(--sqm-secondary-button-background-hover)",
94
+ backgroundColor: "var(--sqm-secondary-button-background-hover)",
95
+ color: "var(--sqm-secondary-button-color-hover)",
96
+ borderColor: "var(--sqm-secondary-button-border-color-hover)",
94
97
  },
95
98
  },
96
99
  };
@@ -2376,7 +2376,9 @@ const style$3 = {
2376
2376
  borderRadius: "var(--sqm-primary-button-radius)",
2377
2377
  },
2378
2378
  "&::part(base):hover": {
2379
- background: "var(--sqm-primary-button-background-hover)",
2379
+ backgroundColor: "var(--sqm-primary-button-background-hover)",
2380
+ borderColor: "var(--sqm-primary-button-border-color-hover)",
2381
+ color: "var(--sqm-primary-button-color-hover)",
2380
2382
  },
2381
2383
  },
2382
2384
  SecondaryButton: {
@@ -2390,8 +2392,9 @@ const style$3 = {
2390
2392
  margin: "auto",
2391
2393
  },
2392
2394
  "&::part(base):hover": {
2393
- color: "var(--sqm-text)",
2394
- background: "var(--sqm-secondary-button-background-hover)",
2395
+ backgroundColor: "var(--sqm-secondary-button-background-hover)",
2396
+ color: "var(--sqm-secondary-button-color-hover)",
2397
+ borderColor: "var(--sqm-secondary-button-border-color-hover)",
2395
2398
  },
2396
2399
  },
2397
2400
  };
@@ -1212,7 +1212,7 @@ const DividedLayout = class {
1212
1212
  this.dividerStyle = "var(--sqm-border-thickness) solid var(--sqm-border-color)";
1213
1213
  /**
1214
1214
  * Background color of the divider
1215
- * @uiName Divider Background Color
1215
+ * @uiName Background Color
1216
1216
  * @uiWidget color
1217
1217
  */
1218
1218
  this.backgroundColor = "#FFFFFF";
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
2
2
  import { n as h } from './dom-context-hooks.module-63370afd.js';
3
3
 
4
- const sqmFormMessageCss = "sl-alert::part(base){border:var(--sqm-border-thickness) solid;border-radius:var(--sqm-border-radius-normal);font-family:var(--sqm-primary-font)}.Error::part(base){color:var(--sqm-danger-color-text);background-color:var(--sqm-danger-color-background);border-color:var(--sqm-danger-color-border);font-size:14px}.Error::part(alert-icon){color:var(--sqm-danger-color-icon);font-size:24px}.Warning::part(base){color:var(--sqm-warning-color-text);background-color:var(--sqm-warning-color-background);border-color:var(--sqm-warning-color-border)}.Warning::part(alert-icon){color:var(--sqm-warning-color-icon);font-size:24px}.Success::part(base){color:var(--sqm-success-color-text);background-color:var(--sqm-success-color-background);border-color:var(--sqm-success-color-border)}.Success::part(alert-icon){color:var(--sqm-success-color-icon);font-size:24px}.Info::part(base){color:var(--sqm-informative-color-text);background-color:var(--sqm-informative-color-background);border-color:var(--sqm-informative-color-border)}.Info::part(alert-icon){color:var(--sqm-informative-color-icon);font-size:24px}::slotted(*){margin:0}::slotted(*[part=alert-title]){font-size:16px;font-weight:bold}::slotted(*[part=alert-description]),::slotted(*[part=erroralert-text]){font-size:14px}";
4
+ const sqmFormMessageCss = "sl-alert::part(base){border:var(--sqm-border-thickness) solid;border-radius:var(--sqm-border-radius-normal);font-family:var(--sqm-primary-font)}.Error::part(base){color:var(--sqm-danger-color-text);background-color:var(--sqm-danger-color-background);border-color:var(--sqm-danger-color-border);font-size:14px}.Error::part(alert-icon){color:var(--sqm-danger-color-icon) !important;font-size:24px}.Warning::part(base){color:var(--sqm-warning-color-text);background-color:var(--sqm-warning-color-background);border-color:var(--sqm-warning-color-border)}.Warning::part(alert-icon){color:var(--sqm-warning-color-icon) !important;font-size:24px}.Success::part(base){color:var(--sqm-success-color-text);background-color:var(--sqm-success-color-background);border-color:var(--sqm-success-color-border)}.Success::part(alert-icon){color:var(--sqm-success-color-icon) !important;font-size:24px}.Info::part(base){color:var(--sqm-informative-color-text);background-color:var(--sqm-informative-color-background);border-color:var(--sqm-informative-color-border)}.Info::part(alert-icon){color:var(--sqm-informative-color-icon) !important;font-size:24px}::slotted(*){margin:0}::slotted(*[part=alert-title]){font-size:16px;font-weight:bold}::slotted(*[part=alert-description]),::slotted(*[part=erroralert-text]){font-size:14px}";
5
5
 
6
6
  const FormMessage = class {
7
7
  constructor(hostRef) {