@watermarkinsights/ripple 3.9.0 → 3.10.0-0

package/dist/collection/components/wm-button/wm-button.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 /* --------------------------------------
    1. Box-shadow
    -------------------------------------- */
@@ -38,7 +39,6 @@
 /* BELOW IS BEFORE WE HAD THE COLOR PALETTE FROM UI */
 /* TODO: replace with vars above whenever possible */
 /* Buttons */
-/* VIA */
 :host .wm-button,
 wm-button .wm-button {
   -ms-transition: background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);
@@ -154,11 +154,6 @@ wm-button .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-
   -moz-transform: scale(0.9, 0.9);
   transform: scale(0.9, 0.9);
 }
-:host .wm-button:hover:not(:disabled):not(.disabled),
-wm-button .wm-button:hover:not(:disabled):not(.disabled) {
-  background: #464177;
-  color: #fff;
-}
 :host .wm-button .mdi,
 wm-button .wm-button .mdi {
   display: inline-block;
@@ -205,6 +200,12 @@ wm-button .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled)
   background: #e6e6e6;
   border: 2px solid #e6e6e6;
 }
+:host .wm-button.-secondary:hover:not(:disabled):not(.disabled),
+wm-button .wm-button.-secondary:hover:not(:disabled):not(.disabled), :host .wm-button.-icononly:hover:not(:disabled):not(.disabled),
+wm-button .wm-button.-icononly:hover:not(:disabled):not(.disabled) {
+  background: #464177;
+  color: #fff;
+}
 :host .wm-button.-textonly,
 wm-button .wm-button.-textonly {
   -webkit-box-shadow: none;
@@ -259,14 +260,13 @@ wm-button .wm-button.-textonly.small {
 :host .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete),
 wm-button .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete) {
   text-decoration: underline;
-  color: #454077;
 }
 :host .wm-button.-textonly.-permanentlydelete,
 wm-button .wm-button.-textonly.-permanentlydelete {
   color: #c0392b;
 }
-:host .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled),
-wm-button .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled) {
+:host .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled):not(.dark),
+wm-button .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled):not(.dark) {
   text-decoration: underline;
   color: #c0392b !important;
 }
@@ -354,8 +354,8 @@ wm-button .wm-button.-permanentlydelete:not(.-textonly) {
   border-color: #c0392b;
   color: #fff;
 }
-:host .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled),
-wm-button .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled) {
+:host .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled):not(.dark),
+wm-button .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled):not(.dark) {
   background: #9a2e22;
   border-color: #9a2e22;
 }
@@ -418,7 +418,7 @@ wm-button .wm-button.-selectoronly:before {
   line-height: inherit;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  content: "\f140";
+  content: "";
   position: absolute;
   right: 0.5625rem;
   top: 50%;
@@ -455,12 +455,6 @@ wm-button .wm-button.disabled {
   cursor: default;
   pointer-events: none;
 }
-:host .wm-button:disabled.dark,
-wm-button .wm-button:disabled.dark, :host .wm-button.disabled.dark,
-wm-button .wm-button.disabled.dark {
-  color: #a6a6a6;
-  border-color: #a6a6a6;
-}
 :host .wm-button:disabled.-primary,
 wm-button .wm-button:disabled.-primary, :host .wm-button:disabled.-permanentlydelete,
 wm-button .wm-button:disabled.-permanentlydelete, :host .wm-button:disabled.-pairnegative,
@@ -474,13 +468,6 @@ wm-button .wm-button.disabled.-pairpositive {
   color: #fff;
   border-color: #737373;
 }
-:host .wm-button:disabled.-primary.dark,
-wm-button .wm-button:disabled.-primary.dark, :host .wm-button.disabled.-primary.dark,
-wm-button .wm-button.disabled.-primary.dark {
-  background: #a6a6a6;
-  border-color: #a6a6a6;
-  color: #353b48;
-}
 :host .wm-button:disabled.-secondary,
 wm-button .wm-button:disabled.-secondary, :host .wm-button.disabled.-secondary,
 wm-button .wm-button.disabled.-secondary {
@@ -499,6 +486,27 @@ wm-button .wm-button.disabled.-textonly {
   color: #6b6b6b;
   background: transparent;
 }
+:host .wm-button:disabled.dark.-secondary:not(.-permanentlydelete),
+wm-button .wm-button:disabled.dark.-secondary:not(.-permanentlydelete), :host .wm-button:disabled.dark.-textonly,
+wm-button .wm-button:disabled.dark.-textonly, :host .wm-button:disabled.dark.-navigational,
+wm-button .wm-button:disabled.dark.-navigational, :host .wm-button:disabled.dark.-icononly,
+wm-button .wm-button:disabled.dark.-icononly, :host .wm-button.disabled.dark.-secondary:not(.-permanentlydelete),
+wm-button .wm-button.disabled.dark.-secondary:not(.-permanentlydelete), :host .wm-button.disabled.dark.-textonly,
+wm-button .wm-button.disabled.dark.-textonly, :host .wm-button.disabled.dark.-navigational,
+wm-button .wm-button.disabled.dark.-navigational, :host .wm-button.disabled.dark.-icononly,
+wm-button .wm-button.disabled.dark.-icononly {
+  color: #b5b5b5;
+  border-color: #b5b5b5;
+}
+:host .wm-button:disabled.dark.-primary,
+wm-button .wm-button:disabled.dark.-primary, :host .wm-button:disabled.dark.-permanentlydelete:not(.-textonly),
+wm-button .wm-button:disabled.dark.-permanentlydelete:not(.-textonly), :host .wm-button.disabled.dark.-primary,
+wm-button .wm-button.disabled.dark.-primary, :host .wm-button.disabled.dark.-permanentlydelete:not(.-textonly),
+wm-button .wm-button.disabled.dark.-permanentlydelete:not(.-textonly) {
+  background: #a6a6a6;
+  border-color: #a6a6a6;
+  color: #353b48;
+}
 :host a.wm-button,
 wm-button a.wm-button,
 :host label.wm-button,