@momentum-design/components 0.133.8 → 0.133.9

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 (4) hide show
  1. package/dist/browser/index.js +24 -24
  2. package/dist/browser/index.js.map +1 -1
  3. package/dist/components/button/button.styles.js +24 -24
  4. package/package.json +1 -1
package/dist/browser/index.js CHANGED
@@ -272,11 +272,11 @@
272
272
  --mdc-button-text-color: var(--mds-color-theme-common-text-primary-normal);
273
273
  --mdc-button-background: var(--mds-color-theme-button-accent-normal);
274
274
  }
275
- :host([color='accent'][variant='primary']:hover) {
275
+ :host([color='accent'][variant='primary']:hover:not([disabled]):not([soft-disabled])) {
276
276
  --mdc-button-background: var(--mds-color-theme-button-accent-hover);
277
277
  }
278
- :host([color='accent'][variant='primary']:active),
279
- :host([color='accent'][variant='primary'].pressed) {
278
+ :host([color='accent'][variant='primary']:active:not([disabled]):not([soft-disabled])),
279
+ :host([color='accent'][variant='primary'].pressed:not([disabled]):not([soft-disabled])) {
280
280
  --mdc-button-background: var(--mds-color-theme-button-accent-pressed);
281
281
  }
282
282
 
@@ -284,11 +284,11 @@
284
284
  --mdc-button-text-color: var(--mds-color-theme-text-accent-normal);
285
285
  --mdc-button-border-color: var(--mds-color-theme-outline-theme-normal);
286
286
  }
287
- :host([color='accent'][variant='secondary']:hover) {
287
+ :host([color='accent'][variant='secondary']:hover:not([disabled]):not([soft-disabled])) {
288
288
  --mdc-button-background: var(--mds-color-theme-button-secondary-hover);
289
289
  }
290
- :host([color='accent'][variant='secondary']:active),
291
- :host([color='accent'][variant='secondary'].pressed) {
290
+ :host([color='accent'][variant='secondary']:active:not([disabled]):not([soft-disabled])),
291
+ :host([color='accent'][variant='secondary'].pressed:not([disabled]):not([soft-disabled])) {
292
292
  --mdc-button-background: var(--mds-color-theme-button-secondary-pressed);
293
293
  }
294
294
 
@@ -296,11 +296,11 @@
296
296
  --mdc-button-text-color: var(--mds-color-theme-common-text-primary-normal);
297
297
  --mdc-button-background: var(--mds-color-theme-button-join-normal);
298
298
  }
299
- :host([color='positive'][variant='primary']:hover) {
299
+ :host([color='positive'][variant='primary']:hover:not([disabled]):not([soft-disabled])) {
300
300
  --mdc-button-background: var(--mds-color-theme-button-join-hover);
301
301
  }
302
- :host([color='positive'][variant='primary']:active),
303
- :host([color='positive'][variant='primary'].pressed) {
302
+ :host([color='positive'][variant='primary']:active:not([disabled]):not([soft-disabled])),
303
+ :host([color='positive'][variant='primary'].pressed:not([disabled]):not([soft-disabled])) {
304
304
  --mdc-button-background: var(--mds-color-theme-button-join-pressed);
305
305
  }
306
306
 
@@ -308,11 +308,11 @@
308
308
  --mdc-button-text-color: var(--mds-color-theme-text-success-normal);
309
309
  --mdc-button-border-color: var(--mds-color-theme-outline-join-normal);
310
310
  }
311
- :host([color='positive'][variant='secondary']:hover) {
311
+ :host([color='positive'][variant='secondary']:hover:not([disabled]):not([soft-disabled])) {
312
312
  --mdc-button-background: var(--mds-color-theme-button-secondary-hover);
313
313
  }
314
- :host([color='positive'][variant='secondary']:active),
315
- :host([color='positive'][variant='secondary'].pressed) {
314
+ :host([color='positive'][variant='secondary']:active:not([disabled]):not([soft-disabled])),
315
+ :host([color='positive'][variant='secondary'].pressed:not([disabled]):not([soft-disabled])) {
316
316
  --mdc-button-background: var(--mds-color-theme-button-secondary-pressed);
317
317
  }
318
318
 
@@ -320,11 +320,11 @@
320
320
  --mdc-button-text-color: var(--mds-color-theme-common-text-primary-normal);
321
321
  --mdc-button-background: var(--mds-color-theme-button-cancel-normal);
322
322
  }
323
- :host([color='negative'][variant='primary']:hover) {
323
+ :host([color='negative'][variant='primary']:hover:not([disabled]):not([soft-disabled])) {
324
324
  --mdc-button-background: var(--mds-color-theme-button-cancel-hover);
325
325
  }
326
- :host([color='negative'][variant='primary']:active),
327
- :host([color='negative'][variant='primary'].pressed) {
326
+ :host([color='negative'][variant='primary']:active:not([disabled]):not([soft-disabled])),
327
+ :host([color='negative'][variant='primary'].pressed:not([disabled]):not([soft-disabled])) {
328
328
  --mdc-button-background: var(--mds-color-theme-button-cancel-pressed);
329
329
  }
330
330
 
@@ -332,11 +332,11 @@
332
332
  --mdc-button-text-color: var(--mds-color-theme-text-error-normal);
333
333
  --mdc-button-border-color: var(--mds-color-theme-outline-cancel-normal);
334
334
  }
335
- :host([color='negative'][variant='secondary']:hover) {
335
+ :host([color='negative'][variant='secondary']:hover:not([disabled]):not([soft-disabled])) {
336
336
  --mdc-button-background: var(--mds-color-theme-button-secondary-hover);
337
337
  }
338
- :host([color='negative'][variant='secondary']:active),
339
- :host([color='negative'][variant='secondary'].pressed) {
338
+ :host([color='negative'][variant='secondary']:active:not([disabled]):not([soft-disabled])),
339
+ :host([color='negative'][variant='secondary'].pressed:not([disabled]):not([soft-disabled])) {
340
340
  --mdc-button-background: var(--mds-color-theme-button-secondary-pressed);
341
341
  }
342
342
 
@@ -344,11 +344,11 @@
344
344
  --mdc-button-text-color: var(--mds-color-theme-common-text-primary-normal);
345
345
  --mdc-button-background: var(--mds-color-theme-common-button-promotion-normal);
346
346
  }
347
- :host([color='promotional'][variant='primary']:hover) {
347
+ :host([color='promotional'][variant='primary']:hover:not([disabled]):not([soft-disabled])) {
348
348
  --mdc-button-background: var(--mds-color-theme-common-button-promotion-hover);
349
349
  }
350
- :host([color='promotional'][variant='primary']:active),
351
- :host([color='promotional'][variant='primary'].pressed) {
350
+ :host([color='promotional'][variant='primary']:active:not([disabled]):not([soft-disabled])),
351
+ :host([color='promotional'][variant='primary'].pressed:not([disabled]):not([soft-disabled])) {
352
352
  --mdc-button-background: var(--mds-color-theme-common-button-promotion-active);
353
353
  }
354
354
 
@@ -356,11 +356,11 @@
356
356
  --mdc-button-text-color: var(--mds-color-theme-text-primary-normal);
357
357
  --mdc-button-border-color: var(--mds-color-theme-outline-promotion-normal);
358
358
  }
359
- :host([color='promotional'][variant='secondary']:hover) {
359
+ :host([color='promotional'][variant='secondary']:hover:not([disabled]):not([soft-disabled])) {
360
360
  --mdc-button-background: var(--mds-color-theme-button-secondary-hover);
361
361
  }
362
- :host([color='promotional'][variant='secondary']:active),
363
- :host([color='promotional'][variant='secondary'].pressed) {
362
+ :host([color='promotional'][variant='secondary']:active:not([disabled]):not([soft-disabled])),
363
+ :host([color='promotional'][variant='secondary'].pressed:not([disabled]):not([soft-disabled])) {
364
364
  --mdc-button-background: var(--mds-color-theme-button-secondary-pressed);
365
365
  }
366
366