@newhighsco/chipset 6.22.0 → 6.23.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@newhighsco/chipset",
   "description": "Shareable, theme-able component library by New High Score",
-  "version": "6.22.0",
+  "version": "6.23.0",
   "author": "New High Score",
   "license": "ISC",
   "repository": {

package/src/components/Button/Button.jsx

@@ -4,12 +4,25 @@ import React from 'react'
 import { classNames } from '../../utils'
 import SmartLink from '../SmartLink'
 
-const Button = ({ active, children, theme, className, setRef, ...rest }) => {
+const Button = ({
+  variant,
+  active,
+  children,
+  theme,
+  className,
+  setRef,
+  ...rest
+}) => {
   if (!children) return null
 
   return (
     <SmartLink
-      className={classNames(theme?.root, active && theme?.active, className)}
+      className={classNames(
+        theme?.root,
+        variant && theme?.[variant],
+        active && theme?.active,
+        className
+      )}
       ref={setRef}
       {...rest}
     >
@@ -20,9 +33,10 @@ const Button = ({ active, children, theme, className, setRef, ...rest }) => {
 
 Button.displayName = 'Button'
 Button.propTypes = {
+  variant: string,
   active: bool,
   children: node,
-  theme: shape({ root: string, active: string }),
+  theme: shape({ root: string, active: string, variant: string }),
   setRef: oneOfType([func, object]),
   className: string
 }