refactor(tag): remove appearance

In favor of future simplification of style states with isPressed and themeName handling the same concepts. BREAKING CHANGE remove appearance prop
pluralsight · May 7, 2019 · 6500825 · 6500825
1 parent 5b63b79
commit 6500825
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 354 deletions.
diff --git a/packages/tag/src/css/index.js b/packages/tag/src/css/index.js
@@ -20,6 +20,8 @@ export default {
     fontWeight: core.type.fontWeightMedium,
     textDecoration: 'none',
     border: 'none',
+    color: core.colors.bone,
+    backgroundColor: core.colors.gray03,
     transition: `background-color ${core.motion.speedXFast} linear, color ${
       core.motion.speedXFast
     } linear`
@@ -79,17 +81,6 @@ export default {
     }
   },
 
-  [`${base}--appearance-${vars.appearances.accent}`]: accent,
-  [`${base}--appearance-${vars.appearances.basic}`]: {
-    color: core.colors.bone,
-    backgroundColor: core.colors.gray03
-  },
-  [`${base}--appearance-${vars.appearances.bright}`]: {
-    color: core.colors.gray06,
-    backgroundColor: core.colors.white,
-    border: `1px solid ${core.colors.gray02}`
-  },
-
   [`${base}--size-${vars.sizes.small}`]: {
     height: '24px',
     padding: `0 ${core.layout.spacingSmall}`,