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

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.
@@ -3899,6 +3899,45 @@ const vanillaStyle$3 = `
3899
3899
  text-decoration: underline;
3900
3900
  cursor: pointer;
3901
3901
  }
3902
+
3903
+ *::part(primarybutton-base),
3904
+ sl-button[type="primary"]::part(base) {
3905
+ font-family: var(--sqm-primary-font);
3906
+ width: 100%;
3907
+ background-color: var(--sqm-primary-button-background);
3908
+ color: var(--sqm-primary-button-color);
3909
+ border-color: var(--sqm-primary-button-color-border);
3910
+ border-radius: var(--sqm-primary-button-radius);
3911
+ }
3912
+
3913
+ *::part(primarybutton-base):hover,
3914
+ sl-button[type="primary"]::part(base):hover{
3915
+ background-color: var(--sqm-primary-button-background-hover);
3916
+ border-color: var(--sqm-primary-button-border-color-hover);
3917
+ color: var(--sqm-primary-button-color-hover);
3918
+ }
3919
+
3920
+
3921
+ *::part(primarybutton-base):focus,
3922
+ sl-button[type="primary"]::part(base):focus {
3923
+ box-shadow: none;
3924
+ }
3925
+
3926
+ *::part(secondarybutton-base),
3927
+ sl-button[type="secondary"]::part(base) {
3928
+ font-family: var(--sqm-primary-font);
3929
+ background-color: var(--sqm-secondary-button-background);
3930
+ color: var(--sqm-secondary-button-color);
3931
+ border-color: var(--sqm-secondary-button-color-border);
3932
+ border-radius: var(--sqm-secondary-button-radius);
3933
+ }
3934
+
3935
+ *::part(secondarybutton-base):hover,
3936
+ sl-button[type="secondary"]::part(base):hover {
3937
+ background-color: var(--sqm-secondary-button-background-hover);
3938
+ color: var(--sqm-secondary-button-color-hover);
3939
+ border-color: var(--sqm-secondary-button-border-color-hover);
3940
+ }
3902
3941
  `;
3903
3942
  const sheet$4 = JSS.createStyleSheet(style$5);
3904
3943
  const styleString$4 = sheet$4.toString();
@@ -210,6 +210,45 @@ const vanillaStyle = `
210
210
  text-decoration: underline;
211
211
  cursor: pointer;
212
212
  }
213
+
214
+ *::part(primarybutton-base),
215
+ sl-button[type="primary"]::part(base) {
216
+ font-family: var(--sqm-primary-font);
217
+ width: 100%;
218
+ background-color: var(--sqm-primary-button-background);
219
+ color: var(--sqm-primary-button-color);
220
+ border-color: var(--sqm-primary-button-color-border);
221
+ border-radius: var(--sqm-primary-button-radius);
222
+ }
223
+
224
+ *::part(primarybutton-base):hover,
225
+ sl-button[type="primary"]::part(base):hover{
226
+ background-color: var(--sqm-primary-button-background-hover);
227
+ border-color: var(--sqm-primary-button-border-color-hover);
228
+ color: var(--sqm-primary-button-color-hover);
229
+ }
230
+
231
+
232
+ *::part(primarybutton-base):focus,
233
+ sl-button[type="primary"]::part(base):focus {
234
+ box-shadow: none;
235
+ }
236
+
237
+ *::part(secondarybutton-base),
238
+ sl-button[type="secondary"]::part(base) {
239
+ font-family: var(--sqm-primary-font);
240
+ background-color: var(--sqm-secondary-button-background);
241
+ color: var(--sqm-secondary-button-color);
242
+ border-color: var(--sqm-secondary-button-color-border);
243
+ border-radius: var(--sqm-secondary-button-radius);
244
+ }
245
+
246
+ *::part(secondarybutton-base):hover,
247
+ sl-button[type="secondary"]::part(base):hover {
248
+ background-color: var(--sqm-secondary-button-background-hover);
249
+ color: var(--sqm-secondary-button-color-hover);
250
+ border-color: var(--sqm-secondary-button-border-color-hover);
251
+ }
213
252
  `;
214
253
  const sheet = createStyleSheet(style);
215
254
  const styleString = sheet.toString();
@@ -3895,6 +3895,45 @@ const vanillaStyle$3 = `
3895
3895
  text-decoration: underline;
3896
3896
  cursor: pointer;
3897
3897
  }
3898
+
3899
+ *::part(primarybutton-base),
3900
+ sl-button[type="primary"]::part(base) {
3901
+ font-family: var(--sqm-primary-font);
3902
+ width: 100%;
3903
+ background-color: var(--sqm-primary-button-background);
3904
+ color: var(--sqm-primary-button-color);
3905
+ border-color: var(--sqm-primary-button-color-border);
3906
+ border-radius: var(--sqm-primary-button-radius);
3907
+ }
3908
+
3909
+ *::part(primarybutton-base):hover,
3910
+ sl-button[type="primary"]::part(base):hover{
3911
+ background-color: var(--sqm-primary-button-background-hover);
3912
+ border-color: var(--sqm-primary-button-border-color-hover);
3913
+ color: var(--sqm-primary-button-color-hover);
3914
+ }
3915
+
3916
+
3917
+ *::part(primarybutton-base):focus,
3918
+ sl-button[type="primary"]::part(base):focus {
3919
+ box-shadow: none;
3920
+ }
3921
+
3922
+ *::part(secondarybutton-base),
3923
+ sl-button[type="secondary"]::part(base) {
3924
+ font-family: var(--sqm-primary-font);
3925
+ background-color: var(--sqm-secondary-button-background);
3926
+ color: var(--sqm-secondary-button-color);
3927
+ border-color: var(--sqm-secondary-button-color-border);
3928
+ border-radius: var(--sqm-secondary-button-radius);
3929
+ }
3930
+
3931
+ *::part(secondarybutton-base):hover,
3932
+ sl-button[type="secondary"]::part(base):hover {
3933
+ background-color: var(--sqm-secondary-button-background-hover);
3934
+ color: var(--sqm-secondary-button-color-hover);
3935
+ border-color: var(--sqm-secondary-button-border-color-hover);
3936
+ }
3898
3937
  `;
3899
3938
  const sheet$4 = createStyleSheet(style$5);
3900
3939
  const styleString$4 = sheet$4.toString();