@deque/cauldron-styles 6.14.0-canary.1653ddc7 → 6.14.0-canary.3aa034a4

package/dist/index.css

@@ -1194,8 +1194,6 @@ textarea.Field--has-error:focus:hover,
   --button-background-color-secondary-active: var(--gray-30);
   --button-border-color-secondary: var(--gray-40);
 
-  --button-background-color-badge-active: var(--gray-20);
-
   --button-background-color-error: var(--error);
   --button-background-color-error-disabled: #db6379;
   --button-background-color-error-active: var(--accent-error-active);
@@ -1234,29 +1232,10 @@ textarea.Field--has-error:focus:hover,
   gap: var(--space-smallest);
 }
 
-.Button--tag,
-.Button--badge {
+.Button--tag {
   position: relative;
 }
 
-.Button--badge {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 var(--space-small) 0 var(--space-smaller);
-  background-color: var(--badge-background-color);
-  color: var(--badge-text-color);
-  border: 1px solid var(--badge-border-color);
-  border-radius: var(--badge-height);
-  font-size: var(--text-size-body);
-  font-weight: var(--font-weight-normal);
-  min-height: var(--badge-height);
-}
-
-.Button--badge:not([disabled], [aria-disabled='true']):active {
-  background-color: var(--button-background-color-badge-active);
-}
-
 button.Link {
   cursor: pointer;
   font-size: inherit;
@@ -1276,8 +1255,7 @@ button.Link {
 .Button--tertiary:before,
 .Button--clear:before,
 .Button--error:before,
-.Button--tag:before,
-.Button--badge:before {
+.Button--tag:before {
   content: '';
   position: absolute;
   top: -2px;
@@ -1288,8 +1266,7 @@ button.Link {
   pointer-events: none;
 }
 
-.Button--tag:before,
-.Button--badge:before {
+.Button--tag:before {
   border-radius: var(--button-height);
 }
 
@@ -1306,8 +1283,7 @@ button.Link {
   box-shadow: 0 0 0 1px var(--button-outline-color-error);
 }
 
-.Button--tag:not([disabled]):not([aria-disabled='true']):hover:before,
-.Button--badge:not([disabled]):not([aria-disabled='true']):hover:before {
+.Button--tag:not([disabled]):not([aria-disabled='true']):hover:before {
   box-shadow: 0 0 0 1px var(--button-outline-color-secondary);
 }
 
@@ -1375,8 +1351,7 @@ button.Link {
   background-color: var(--button-background-color-error-active);
 }
 
-.Button--tag:is([disabled], [aria-disabled='true']),
-.Button--badge:is([disabled], [aria-disabled='true']) {
+.Button--tag:is([disabled], [aria-disabled='true']) {
   color: var(--disabled);
 }
 
@@ -1451,8 +1426,6 @@ button.Link {
   --button-background-color-secondary-active: var(--accent-light);
   --button-background-color-error-active: #fea7a6;
 
-  --button-background-color-badge-active: var(--badge-background-color);
-
   --button-focus-ring-color: var(--focus-dark);
   --field-label-text-color: var(--accent-light);
   --field-border-color-error: var(--accent-danger);
@@ -1489,8 +1462,7 @@ button.Link {
 .cauldron--theme-dark .Button--primary:is([disabled], [aria-disabled='true']),
 .cauldron--theme-dark .Button--secondary:is([disabled], [aria-disabled='true']),
 .cauldron--theme-dark .Button--error:is([disabled], [aria-disabled='true']),
-.cauldron--theme-dark .Button--tag:is([disabled], [aria-disabled='true']),
-.cauldron--theme-dark .Button--badge:is([disabled], [aria-disabled='true']) {
+.cauldron--theme-dark .Button--tag:is([disabled], [aria-disabled='true']) {
   color: var(--dark-workspace-color);
 }
 
@@ -1538,9 +1510,7 @@ button.Link {
 }
 
 .cauldron--theme-dark
-  .Button--tag:not([disabled]):not([aria-disabled='true']):hover:before,
-.cauldron--theme-dark
-  .Button--badge:not([disabled]):not([aria-disabled='true']):hover:before {
+  .Button--tag:not([disabled]):not([aria-disabled='true']):hover:before {
   box-shadow: 0 0 0 1px var(--dark-workspace-color),
     0 0 0 2px var(--accent-info);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-styles",
-  "version": "6.14.0-canary.1653ddc7",
+  "version": "6.14.0-canary.3aa034a4",
   "license": "MPL-2.0",
   "description": "deque cauldron pattern library styles",
   "repository": "https://github.com/dequelabs/cauldron",