@metamask-previews/design-system-react 0.0.0-preview.bf69b6b → 0.0.0-preview.fbd1fe9

package/dist/components/button-secondary/ButtonSecondary.cjs

@@ -13,46 +13,47 @@ exports.ButtonSecondary = react_1.default.forwardRef(({ className, isDanger, isI
     // Default secondary styles
     !isDanger &&
         !isInverse && [
-        'bg-default border-2 border-muted text-default',
-        // Only apply hover/active styles when interactive
-        isInteractive && [
-            'hover:bg-default-hover hover:border-default',
-            'active:bg-default-pressed',
-        ],
+        'bg-transparent border-2 border-icon-muted text-default',
+        // Loading state uses pressed color
+        isLoading && 'bg-pressed',
     ], 
     // Danger styles
     isDanger &&
         !isInverse && [
-        'bg-default border-2 border-error-default text-error-default',
-        // Only apply hover/active styles when interactive
-        isInteractive && [
-            'hover:bg-default-hover',
-            'active:bg-default-pressed',
-        ],
+        'bg-error-muted border-2 border-error-default text-error-default',
+        // Loading state uses error muted pressed color
+        isLoading && 'bg-error-muted-pressed text-error-default-pressed',
     ], 
     // Inverse styles
     isInverse &&
         !isDanger && [
         'bg-transparent border-2 border-primary-inverse text-primary-inverse',
-        // Only apply hover/active styles when interactive
-        isInteractive && ['hover:bg-hover', 'active:bg-pressed'],
+        // Loading state uses pressed color
+        isLoading && 'bg-pressed',
     ], 
     // Inverse danger styles
     isInverse &&
         isDanger && [
-        'bg-transparent border-2 border-error-inverse text-error-inverse',
-        // Only apply hover/active styles when interactive
-        isInteractive && ['hover:bg-hover', 'active:bg-pressed'],
+        'bg-default border-0 text-error-default',
+        // Loading state uses pressed color
+        isLoading && 'bg-default-pressed',
     ], 
-    // Animation classes - only applied when interactive
+    // Hover/Active states - only applied when interactive
     isInteractive && [
-        'transition-[transform,colors,opacity]',
-        'duration-100',
-        'ease-linear',
-        // Scale animation
-        'active:scale-95',
-        'active:ease-[cubic-bezier(0.3,0.8,0.3,1)]',
-    ], className);
+        !isDanger && !isInverse && ['hover:bg-hover', 'active:bg-pressed'],
+        isDanger &&
+            !isInverse && [
+            'hover:bg-error-muted-hover',
+            'active:bg-error-muted-pressed',
+        ],
+        isInverse && !isDanger && ['hover:bg-hover', 'active:bg-pressed'],
+        isInverse &&
+            isDanger && ['hover:bg-default-hover', 'active:bg-default-pressed'],
+    ], 
+    // Loading styles
+    isLoading && 'cursor-not-allowed', 
+    // Disabled styles (but not loading)
+    isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'], className);
     return (react_1.default.createElement(button_base_1.ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, isLoading: isLoading, ...props }));
 });
 exports.ButtonSecondary.displayName = 'ButtonSecondary';

package/dist/components/button-secondary/ButtonSecondary.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSecondary.cjs","sourceRoot":"","sources":["../../../src/components/button-secondary/ButtonSecondary.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uDAA+C;AAC/C,0DAA4C;AAG/B,QAAA,eAAe,GAAG,eAAK,CAAC,UAAU,CAI7C,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACnE,GAAG,EACH,EAAE;IACF,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,IAAA,kBAAO;IAC7B,2BAA2B;IAC3B,CAAC,QAAQ;QACP,CAAC,SAAS,IAAI;QACZ,+CAA+C;QAC/C,kDAAkD;QAClD,aAAa,IAAI;YACf,6CAA6C;YAC7C,2BAA2B;SAC5B;KACF;IACH,gBAAgB;IAChB,QAAQ;QACN,CAAC,SAAS,IAAI;QACZ,6DAA6D;QAC7D,kDAAkD;QAClD,aAAa,IAAI;YACf,wBAAwB;YACxB,2BAA2B;SAC5B;KACF;IACH,iBAAiB;IACjB,SAAS;QACP,CAAC,QAAQ,IAAI;QACX,qEAAqE;QACrE,kDAAkD;QAClD,aAAa,IAAI,CAAC,gBAAgB,EAAE,mBAAmB,CAAC;KACzD;IACH,wBAAwB;IACxB,SAAS;QACP,QAAQ,IAAI;QACV,iEAAiE;QACjE,kDAAkD;QAClD,aAAa,IAAI,CAAC,gBAAgB,EAAE,mBAAmB,CAAC;KACzD;IACH,oDAAoD;IACpD,aAAa,IAAI;QACf,uCAAuC;QACvC,cAAc;QACd,aAAa;QACb,kBAAkB;QAClB,iBAAiB;QACjB,2CAA2C;KAC5C,EACD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,wBAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../button-base';\nimport type { ButtonSecondaryProps } from './ButtonSecondary.types';\n\nexport const ButtonSecondary = React.forwardRef<\n  HTMLButtonElement,\n  ButtonSecondaryProps\n>(\n  (\n    { className, isDanger, isInverse, isDisabled, isLoading, ...props },\n    ref,\n  ) => {\n    const isInteractive = !(isDisabled ?? isLoading);\n\n    const mergedClassName = twMerge(\n      // Default secondary styles\n      !isDanger &&\n        !isInverse && [\n          'bg-default border-2 border-muted text-default',\n          // Only apply hover/active styles when interactive\n          isInteractive && [\n            'hover:bg-default-hover hover:border-default',\n            'active:bg-default-pressed',\n          ],\n        ],\n      // Danger styles\n      isDanger &&\n        !isInverse && [\n          'bg-default border-2 border-error-default text-error-default',\n          // Only apply hover/active styles when interactive\n          isInteractive && [\n            'hover:bg-default-hover',\n            'active:bg-default-pressed',\n          ],\n        ],\n      // Inverse styles\n      isInverse &&\n        !isDanger && [\n          'bg-transparent border-2 border-primary-inverse text-primary-inverse',\n          // Only apply hover/active styles when interactive\n          isInteractive && ['hover:bg-hover', 'active:bg-pressed'],\n        ],\n      // Inverse danger styles\n      isInverse &&\n        isDanger && [\n          'bg-transparent border-2 border-error-inverse text-error-inverse',\n          // Only apply hover/active styles when interactive\n          isInteractive && ['hover:bg-hover', 'active:bg-pressed'],\n        ],\n      // Animation classes - only applied when interactive\n      isInteractive && [\n        'transition-[transform,colors,opacity]',\n        'duration-100',\n        'ease-linear',\n        // Scale animation\n        'active:scale-95',\n        'active:ease-[cubic-bezier(0.3,0.8,0.3,1)]',\n      ],\n      className,\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        className={mergedClassName}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        {...props}\n      />\n    );\n  },\n);\n\nButtonSecondary.displayName = 'ButtonSecondary';\n"]}
+{"version":3,"file":"ButtonSecondary.cjs","sourceRoot":"","sources":["../../../src/components/button-secondary/ButtonSecondary.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uDAA+C;AAC/C,0DAA4C;AAG/B,QAAA,eAAe,GAAG,eAAK,CAAC,UAAU,CAI7C,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACnE,GAAG,EACH,EAAE;IACF,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,IAAA,kBAAO;IAC7B,2BAA2B;IAC3B,CAAC,QAAQ;QACP,CAAC,SAAS,IAAI;QACZ,wDAAwD;QACxD,mCAAmC;QACnC,SAAS,IAAI,YAAY;KAC1B;IACH,gBAAgB;IAChB,QAAQ;QACN,CAAC,SAAS,IAAI;QACZ,iEAAiE;QACjE,+CAA+C;QAC/C,SAAS,IAAI,mDAAmD;KACjE;IACH,iBAAiB;IACjB,SAAS;QACP,CAAC,QAAQ,IAAI;QACX,qEAAqE;QACrE,mCAAmC;QACnC,SAAS,IAAI,YAAY;KAC1B;IACH,wBAAwB;IACxB,SAAS;QACP,QAAQ,IAAI;QACV,wCAAwC;QACxC,mCAAmC;QACnC,SAAS,IAAI,oBAAoB;KAClC;IACH,sDAAsD;IACtD,aAAa,IAAI;QACf,CAAC,QAAQ,IAAI,CAAC,SAAS,IAAI,CAAC,gBAAgB,EAAE,mBAAmB,CAAC;QAClE,QAAQ;YACN,CAAC,SAAS,IAAI;YACZ,4BAA4B;YAC5B,+BAA+B;SAChC;QACH,SAAS,IAAI,CAAC,QAAQ,IAAI,CAAC,gBAAgB,EAAE,mBAAmB,CAAC;QACjE,SAAS;YACP,QAAQ,IAAI,CAAC,wBAAwB,EAAE,2BAA2B,CAAC;KACtE;IACD,iBAAiB;IACjB,SAAS,IAAI,oBAAoB;IACjC,oCAAoC;IACpC,UAAU,IAAI,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,oBAAoB,CAAC,EAChE,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,wBAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../button-base';\nimport type { ButtonSecondaryProps } from './ButtonSecondary.types';\n\nexport const ButtonSecondary = React.forwardRef<\n  HTMLButtonElement,\n  ButtonSecondaryProps\n>(\n  (\n    { className, isDanger, isInverse, isDisabled, isLoading, ...props },\n    ref,\n  ) => {\n    const isInteractive = !(isDisabled ?? isLoading);\n\n    const mergedClassName = twMerge(\n      // Default secondary styles\n      !isDanger &&\n        !isInverse && [\n          'bg-transparent border-2 border-icon-muted text-default',\n          // Loading state uses pressed color\n          isLoading && 'bg-pressed',\n        ],\n      // Danger styles\n      isDanger &&\n        !isInverse && [\n          'bg-error-muted border-2 border-error-default text-error-default',\n          // Loading state uses error muted pressed color\n          isLoading && 'bg-error-muted-pressed text-error-default-pressed',\n        ],\n      // Inverse styles\n      isInverse &&\n        !isDanger && [\n          'bg-transparent border-2 border-primary-inverse text-primary-inverse',\n          // Loading state uses pressed color\n          isLoading && 'bg-pressed',\n        ],\n      // Inverse danger styles\n      isInverse &&\n        isDanger && [\n          'bg-default border-0 text-error-default',\n          // Loading state uses pressed color\n          isLoading && 'bg-default-pressed',\n        ],\n      // Hover/Active states - only applied when interactive\n      isInteractive && [\n        !isDanger && !isInverse && ['hover:bg-hover', 'active:bg-pressed'],\n        isDanger &&\n          !isInverse && [\n            'hover:bg-error-muted-hover',\n            'active:bg-error-muted-pressed',\n          ],\n        isInverse && !isDanger && ['hover:bg-hover', 'active:bg-pressed'],\n        isInverse &&\n          isDanger && ['hover:bg-default-hover', 'active:bg-default-pressed'],\n      ],\n      // Loading styles\n      isLoading && 'cursor-not-allowed',\n      // Disabled styles (but not loading)\n      isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'],\n      className,\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        className={mergedClassName}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        {...props}\n      />\n    );\n  },\n);\n\nButtonSecondary.displayName = 'ButtonSecondary';\n"]}

package/dist/components/button-secondary/ButtonSecondary.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSecondary.d.cts","sourceRoot":"","sources":["../../../src/components/button-secondary/ButtonSecondary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,oCAAgC;AAEpE,eAAO,MAAM,eAAe,6GAmE3B,CAAC"}
+{"version":3,"file":"ButtonSecondary.d.cts","sourceRoot":"","sources":["../../../src/components/button-secondary/ButtonSecondary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,oCAAgC;AAEpE,eAAO,MAAM,eAAe,6GAoE3B,CAAC"}

package/dist/components/button-secondary/ButtonSecondary.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSecondary.d.mts","sourceRoot":"","sources":["../../../src/components/button-secondary/ButtonSecondary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,oCAAgC;AAEpE,eAAO,MAAM,eAAe,6GAmE3B,CAAC"}
+{"version":3,"file":"ButtonSecondary.d.mts","sourceRoot":"","sources":["../../../src/components/button-secondary/ButtonSecondary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,oCAAgC;AAEpE,eAAO,MAAM,eAAe,6GAoE3B,CAAC"}

package/dist/components/button-secondary/ButtonSecondary.mjs

@@ -14,46 +14,47 @@ export const ButtonSecondary = React.forwardRef(({ className, isDanger, isInvers
     // Default secondary styles
     !isDanger &&
         !isInverse && [
-        'bg-default border-2 border-muted text-default',
-        // Only apply hover/active styles when interactive
-        isInteractive && [
-            'hover:bg-default-hover hover:border-default',
-            'active:bg-default-pressed',
-        ],
+        'bg-transparent border-2 border-icon-muted text-default',
+        // Loading state uses pressed color
+        isLoading && 'bg-pressed',
     ], 
     // Danger styles
     isDanger &&
         !isInverse && [
-        'bg-default border-2 border-error-default text-error-default',
-        // Only apply hover/active styles when interactive
-        isInteractive && [
-            'hover:bg-default-hover',
-            'active:bg-default-pressed',
-        ],
+        'bg-error-muted border-2 border-error-default text-error-default',
+        // Loading state uses error muted pressed color
+        isLoading && 'bg-error-muted-pressed text-error-default-pressed',
     ], 
     // Inverse styles
     isInverse &&
         !isDanger && [
         'bg-transparent border-2 border-primary-inverse text-primary-inverse',
-        // Only apply hover/active styles when interactive
-        isInteractive && ['hover:bg-hover', 'active:bg-pressed'],
+        // Loading state uses pressed color
+        isLoading && 'bg-pressed',
     ], 
     // Inverse danger styles
     isInverse &&
         isDanger && [
-        'bg-transparent border-2 border-error-inverse text-error-inverse',
-        // Only apply hover/active styles when interactive
-        isInteractive && ['hover:bg-hover', 'active:bg-pressed'],
+        'bg-default border-0 text-error-default',
+        // Loading state uses pressed color
+        isLoading && 'bg-default-pressed',
     ], 
-    // Animation classes - only applied when interactive
+    // Hover/Active states - only applied when interactive
     isInteractive && [
-        'transition-[transform,colors,opacity]',
-        'duration-100',
-        'ease-linear',
-        // Scale animation
-        'active:scale-95',
-        'active:ease-[cubic-bezier(0.3,0.8,0.3,1)]',
-    ], className);
+        !isDanger && !isInverse && ['hover:bg-hover', 'active:bg-pressed'],
+        isDanger &&
+            !isInverse && [
+            'hover:bg-error-muted-hover',
+            'active:bg-error-muted-pressed',
+        ],
+        isInverse && !isDanger && ['hover:bg-hover', 'active:bg-pressed'],
+        isInverse &&
+            isDanger && ['hover:bg-default-hover', 'active:bg-default-pressed'],
+    ], 
+    // Loading styles
+    isLoading && 'cursor-not-allowed', 
+    // Disabled styles (but not loading)
+    isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'], className);
     return (React.createElement(ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, isLoading: isLoading, ...props }));
 });
 ButtonSecondary.displayName = 'ButtonSecondary';

package/dist/components/button-secondary/ButtonSecondary.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSecondary.mjs","sourceRoot":"","sources":["../../../src/components/button-secondary/ButtonSecondary.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,UAAU,EAAE,iCAAuB;AAG5C,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAI7C,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACnE,GAAG,EACH,EAAE;IACF,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,OAAO;IAC7B,2BAA2B;IAC3B,CAAC,QAAQ;QACP,CAAC,SAAS,IAAI;QACZ,+CAA+C;QAC/C,kDAAkD;QAClD,aAAa,IAAI;YACf,6CAA6C;YAC7C,2BAA2B;SAC5B;KACF;IACH,gBAAgB;IAChB,QAAQ;QACN,CAAC,SAAS,IAAI;QACZ,6DAA6D;QAC7D,kDAAkD;QAClD,aAAa,IAAI;YACf,wBAAwB;YACxB,2BAA2B;SAC5B;KACF;IACH,iBAAiB;IACjB,SAAS;QACP,CAAC,QAAQ,IAAI;QACX,qEAAqE;QACrE,kDAAkD;QAClD,aAAa,IAAI,CAAC,gBAAgB,EAAE,mBAAmB,CAAC;KACzD;IACH,wBAAwB;IACxB,SAAS;QACP,QAAQ,IAAI;QACV,iEAAiE;QACjE,kDAAkD;QAClD,aAAa,IAAI,CAAC,gBAAgB,EAAE,mBAAmB,CAAC;KACzD;IACH,oDAAoD;IACpD,aAAa,IAAI;QACf,uCAAuC;QACvC,cAAc;QACd,aAAa;QACb,kBAAkB;QAClB,iBAAiB;QACjB,2CAA2C;KAC5C,EACD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../button-base';\nimport type { ButtonSecondaryProps } from './ButtonSecondary.types';\n\nexport const ButtonSecondary = React.forwardRef<\n  HTMLButtonElement,\n  ButtonSecondaryProps\n>(\n  (\n    { className, isDanger, isInverse, isDisabled, isLoading, ...props },\n    ref,\n  ) => {\n    const isInteractive = !(isDisabled ?? isLoading);\n\n    const mergedClassName = twMerge(\n      // Default secondary styles\n      !isDanger &&\n        !isInverse && [\n          'bg-default border-2 border-muted text-default',\n          // Only apply hover/active styles when interactive\n          isInteractive && [\n            'hover:bg-default-hover hover:border-default',\n            'active:bg-default-pressed',\n          ],\n        ],\n      // Danger styles\n      isDanger &&\n        !isInverse && [\n          'bg-default border-2 border-error-default text-error-default',\n          // Only apply hover/active styles when interactive\n          isInteractive && [\n            'hover:bg-default-hover',\n            'active:bg-default-pressed',\n          ],\n        ],\n      // Inverse styles\n      isInverse &&\n        !isDanger && [\n          'bg-transparent border-2 border-primary-inverse text-primary-inverse',\n          // Only apply hover/active styles when interactive\n          isInteractive && ['hover:bg-hover', 'active:bg-pressed'],\n        ],\n      // Inverse danger styles\n      isInverse &&\n        isDanger && [\n          'bg-transparent border-2 border-error-inverse text-error-inverse',\n          // Only apply hover/active styles when interactive\n          isInteractive && ['hover:bg-hover', 'active:bg-pressed'],\n        ],\n      // Animation classes - only applied when interactive\n      isInteractive && [\n        'transition-[transform,colors,opacity]',\n        'duration-100',\n        'ease-linear',\n        // Scale animation\n        'active:scale-95',\n        'active:ease-[cubic-bezier(0.3,0.8,0.3,1)]',\n      ],\n      className,\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        className={mergedClassName}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        {...props}\n      />\n    );\n  },\n);\n\nButtonSecondary.displayName = 'ButtonSecondary';\n"]}
+{"version":3,"file":"ButtonSecondary.mjs","sourceRoot":"","sources":["../../../src/components/button-secondary/ButtonSecondary.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,UAAU,EAAE,iCAAuB;AAG5C,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAI7C,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACnE,GAAG,EACH,EAAE;IACF,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,OAAO;IAC7B,2BAA2B;IAC3B,CAAC,QAAQ;QACP,CAAC,SAAS,IAAI;QACZ,wDAAwD;QACxD,mCAAmC;QACnC,SAAS,IAAI,YAAY;KAC1B;IACH,gBAAgB;IAChB,QAAQ;QACN,CAAC,SAAS,IAAI;QACZ,iEAAiE;QACjE,+CAA+C;QAC/C,SAAS,IAAI,mDAAmD;KACjE;IACH,iBAAiB;IACjB,SAAS;QACP,CAAC,QAAQ,IAAI;QACX,qEAAqE;QACrE,mCAAmC;QACnC,SAAS,IAAI,YAAY;KAC1B;IACH,wBAAwB;IACxB,SAAS;QACP,QAAQ,IAAI;QACV,wCAAwC;QACxC,mCAAmC;QACnC,SAAS,IAAI,oBAAoB;KAClC;IACH,sDAAsD;IACtD,aAAa,IAAI;QACf,CAAC,QAAQ,IAAI,CAAC,SAAS,IAAI,CAAC,gBAAgB,EAAE,mBAAmB,CAAC;QAClE,QAAQ;YACN,CAAC,SAAS,IAAI;YACZ,4BAA4B;YAC5B,+BAA+B;SAChC;QACH,SAAS,IAAI,CAAC,QAAQ,IAAI,CAAC,gBAAgB,EAAE,mBAAmB,CAAC;QACjE,SAAS;YACP,QAAQ,IAAI,CAAC,wBAAwB,EAAE,2BAA2B,CAAC;KACtE;IACD,iBAAiB;IACjB,SAAS,IAAI,oBAAoB;IACjC,oCAAoC;IACpC,UAAU,IAAI,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,oBAAoB,CAAC,EAChE,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../button-base';\nimport type { ButtonSecondaryProps } from './ButtonSecondary.types';\n\nexport const ButtonSecondary = React.forwardRef<\n  HTMLButtonElement,\n  ButtonSecondaryProps\n>(\n  (\n    { className, isDanger, isInverse, isDisabled, isLoading, ...props },\n    ref,\n  ) => {\n    const isInteractive = !(isDisabled ?? isLoading);\n\n    const mergedClassName = twMerge(\n      // Default secondary styles\n      !isDanger &&\n        !isInverse && [\n          'bg-transparent border-2 border-icon-muted text-default',\n          // Loading state uses pressed color\n          isLoading && 'bg-pressed',\n        ],\n      // Danger styles\n      isDanger &&\n        !isInverse && [\n          'bg-error-muted border-2 border-error-default text-error-default',\n          // Loading state uses error muted pressed color\n          isLoading && 'bg-error-muted-pressed text-error-default-pressed',\n        ],\n      // Inverse styles\n      isInverse &&\n        !isDanger && [\n          'bg-transparent border-2 border-primary-inverse text-primary-inverse',\n          // Loading state uses pressed color\n          isLoading && 'bg-pressed',\n        ],\n      // Inverse danger styles\n      isInverse &&\n        isDanger && [\n          'bg-default border-0 text-error-default',\n          // Loading state uses pressed color\n          isLoading && 'bg-default-pressed',\n        ],\n      // Hover/Active states - only applied when interactive\n      isInteractive && [\n        !isDanger && !isInverse && ['hover:bg-hover', 'active:bg-pressed'],\n        isDanger &&\n          !isInverse && [\n            'hover:bg-error-muted-hover',\n            'active:bg-error-muted-pressed',\n          ],\n        isInverse && !isDanger && ['hover:bg-hover', 'active:bg-pressed'],\n        isInverse &&\n          isDanger && ['hover:bg-default-hover', 'active:bg-default-pressed'],\n      ],\n      // Loading styles\n      isLoading && 'cursor-not-allowed',\n      // Disabled styles (but not loading)\n      isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'],\n      className,\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        className={mergedClassName}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        {...props}\n      />\n    );\n  },\n);\n\nButtonSecondary.displayName = 'ButtonSecondary';\n"]}

package/dist/components/button-tertiary/ButtonTertiary.cjs

@@ -0,0 +1,60 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonTertiary = void 0;
+const react_1 = __importDefault(require("react"));
+const tw_merge_1 = require("../../utils/tw-merge.cjs");
+const button_base_1 = require("../button-base/index.cjs");
+exports.ButtonTertiary = react_1.default.forwardRef(({ className, isDanger, isInverse, isDisabled, isLoading, ...props }, ref) => {
+    const isInteractive = !(isDisabled ?? isLoading);
+    const mergedClassName = (0, tw_merge_1.twMerge)(
+    // Default tertiary styles
+    !isDanger &&
+        !isInverse && [
+        'bg-transparent text-primary-default',
+        // Loading state uses pressed color
+        isLoading && 'bg-pressed',
+    ], 
+    // Danger styles
+    isDanger &&
+        !isInverse && [
+        'bg-transparent text-error-default',
+        // Loading state uses error muted pressed color
+        isLoading && 'bg-error-muted-pressed text-error-default-pressed',
+    ], 
+    // Inverse styles
+    isInverse &&
+        !isDanger && [
+        'bg-transparent text-primary-inverse',
+        // Loading state uses pressed color
+        isLoading && 'bg-pressed',
+    ], 
+    // Inverse danger styles
+    isInverse &&
+        isDanger && [
+        'bg-default text-error-default',
+        // Loading state uses pressed color
+        isLoading && 'bg-default-pressed',
+    ], 
+    // Hover/Active states - only applied when interactive
+    isInteractive && [
+        'hover:bg-hover',
+        'active:bg-pressed',
+        isInverse &&
+            isDanger && ['hover:bg-default-hover', 'active:bg-default-pressed'],
+        isDanger &&
+            !isInverse && [
+            'hover:bg-error-muted-hover',
+            'active:bg-error-muted-pressed',
+        ],
+    ], 
+    // Loading styles
+    isLoading && 'cursor-not-allowed', 
+    // Disabled styles (but not loading)
+    isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'], className);
+    return (react_1.default.createElement(button_base_1.ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, isLoading: isLoading, ...props }));
+});
+exports.ButtonTertiary.displayName = 'ButtonTertiary';
+//# sourceMappingURL=ButtonTertiary.cjs.map

package/dist/components/button-tertiary/ButtonTertiary.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTertiary.cjs","sourceRoot":"","sources":["../../../src/components/button-tertiary/ButtonTertiary.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uDAA+C;AAC/C,0DAA4C;AAG/B,QAAA,cAAc,GAAG,eAAK,CAAC,UAAU,CAI5C,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACnE,GAAG,EACH,EAAE;IACF,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,IAAA,kBAAO;IAC7B,0BAA0B;IAC1B,CAAC,QAAQ;QACP,CAAC,SAAS,IAAI;QACZ,qCAAqC;QACrC,mCAAmC;QACnC,SAAS,IAAI,YAAY;KAC1B;IACH,gBAAgB;IAChB,QAAQ;QACN,CAAC,SAAS,IAAI;QACZ,mCAAmC;QACnC,+CAA+C;QAC/C,SAAS,IAAI,mDAAmD;KACjE;IACH,iBAAiB;IACjB,SAAS;QACP,CAAC,QAAQ,IAAI;QACX,qCAAqC;QACrC,mCAAmC;QACnC,SAAS,IAAI,YAAY;KAC1B;IACH,wBAAwB;IACxB,SAAS;QACP,QAAQ,IAAI;QACV,+BAA+B;QAC/B,mCAAmC;QACnC,SAAS,IAAI,oBAAoB;KAClC;IACH,sDAAsD;IACtD,aAAa,IAAI;QACf,gBAAgB;QAChB,mBAAmB;QACnB,SAAS;YACP,QAAQ,IAAI,CAAC,wBAAwB,EAAE,2BAA2B,CAAC;QACrE,QAAQ;YACN,CAAC,SAAS,IAAI;YACZ,4BAA4B;YAC5B,+BAA+B;SAChC;KACJ;IACD,iBAAiB;IACjB,SAAS,IAAI,oBAAoB;IACjC,oCAAoC;IACpC,UAAU,IAAI,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,oBAAoB,CAAC,EAChE,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,wBAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../button-base';\nimport type { ButtonTertiaryProps } from './ButtonTertiary.types';\n\nexport const ButtonTertiary = React.forwardRef<\n  HTMLButtonElement,\n  ButtonTertiaryProps\n>(\n  (\n    { className, isDanger, isInverse, isDisabled, isLoading, ...props },\n    ref,\n  ) => {\n    const isInteractive = !(isDisabled ?? isLoading);\n\n    const mergedClassName = twMerge(\n      // Default tertiary styles\n      !isDanger &&\n        !isInverse && [\n          'bg-transparent text-primary-default',\n          // Loading state uses pressed color\n          isLoading && 'bg-pressed',\n        ],\n      // Danger styles\n      isDanger &&\n        !isInverse && [\n          'bg-transparent text-error-default',\n          // Loading state uses error muted pressed color\n          isLoading && 'bg-error-muted-pressed text-error-default-pressed',\n        ],\n      // Inverse styles\n      isInverse &&\n        !isDanger && [\n          'bg-transparent text-primary-inverse',\n          // Loading state uses pressed color\n          isLoading && 'bg-pressed',\n        ],\n      // Inverse danger styles\n      isInverse &&\n        isDanger && [\n          'bg-default text-error-default',\n          // Loading state uses pressed color\n          isLoading && 'bg-default-pressed',\n        ],\n      // Hover/Active states - only applied when interactive\n      isInteractive && [\n        'hover:bg-hover',\n        'active:bg-pressed',\n        isInverse &&\n          isDanger && ['hover:bg-default-hover', 'active:bg-default-pressed'],\n        isDanger &&\n          !isInverse && [\n            'hover:bg-error-muted-hover',\n            'active:bg-error-muted-pressed',\n          ],\n      ],\n      // Loading styles\n      isLoading && 'cursor-not-allowed',\n      // Disabled styles (but not loading)\n      isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'],\n      className,\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        className={mergedClassName}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        {...props}\n      />\n    );\n  },\n);\n\nButtonTertiary.displayName = 'ButtonTertiary';\n"]}

package/dist/components/button-tertiary/ButtonTertiary.d.cts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { ButtonTertiaryProps } from "./ButtonTertiary.types.cjs";
+export declare const ButtonTertiary: React.ForwardRefExoticComponent<Omit<ButtonTertiaryProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ButtonTertiary.d.cts.map

package/dist/components/button-tertiary/ButtonTertiary.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTertiary.d.cts","sourceRoot":"","sources":["../../../src/components/button-tertiary/ButtonTertiary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,mCAA+B;AAElE,eAAO,MAAM,cAAc,4GAoE1B,CAAC"}

package/dist/components/button-tertiary/ButtonTertiary.d.mts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { ButtonTertiaryProps } from "./ButtonTertiary.types.mjs";
+export declare const ButtonTertiary: React.ForwardRefExoticComponent<Omit<ButtonTertiaryProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ButtonTertiary.d.mts.map

package/dist/components/button-tertiary/ButtonTertiary.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTertiary.d.mts","sourceRoot":"","sources":["../../../src/components/button-tertiary/ButtonTertiary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,mCAA+B;AAElE,eAAO,MAAM,cAAc,4GAoE1B,CAAC"}

package/dist/components/button-tertiary/ButtonTertiary.mjs

@@ -0,0 +1,61 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React from "react";
+const React = $importDefault($React);
+import { twMerge } from "../../utils/tw-merge.mjs";
+import { ButtonBase } from "../button-base/index.mjs";
+export const ButtonTertiary = React.forwardRef(({ className, isDanger, isInverse, isDisabled, isLoading, ...props }, ref) => {
+    const isInteractive = !(isDisabled ?? isLoading);
+    const mergedClassName = twMerge(
+    // Default tertiary styles
+    !isDanger &&
+        !isInverse && [
+        'bg-transparent text-primary-default',
+        // Loading state uses pressed color
+        isLoading && 'bg-pressed',
+    ], 
+    // Danger styles
+    isDanger &&
+        !isInverse && [
+        'bg-transparent text-error-default',
+        // Loading state uses error muted pressed color
+        isLoading && 'bg-error-muted-pressed text-error-default-pressed',
+    ], 
+    // Inverse styles
+    isInverse &&
+        !isDanger && [
+        'bg-transparent text-primary-inverse',
+        // Loading state uses pressed color
+        isLoading && 'bg-pressed',
+    ], 
+    // Inverse danger styles
+    isInverse &&
+        isDanger && [
+        'bg-default text-error-default',
+        // Loading state uses pressed color
+        isLoading && 'bg-default-pressed',
+    ], 
+    // Hover/Active states - only applied when interactive
+    isInteractive && [
+        'hover:bg-hover',
+        'active:bg-pressed',
+        isInverse &&
+            isDanger && ['hover:bg-default-hover', 'active:bg-default-pressed'],
+        isDanger &&
+            !isInverse && [
+            'hover:bg-error-muted-hover',
+            'active:bg-error-muted-pressed',
+        ],
+    ], 
+    // Loading styles
+    isLoading && 'cursor-not-allowed', 
+    // Disabled styles (but not loading)
+    isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'], className);
+    return (React.createElement(ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, isLoading: isLoading, ...props }));
+});
+ButtonTertiary.displayName = 'ButtonTertiary';
+//# sourceMappingURL=ButtonTertiary.mjs.map

package/dist/components/button-tertiary/ButtonTertiary.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTertiary.mjs","sourceRoot":"","sources":["../../../src/components/button-tertiary/ButtonTertiary.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,UAAU,EAAE,iCAAuB;AAG5C,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAI5C,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACnE,GAAG,EACH,EAAE;IACF,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,OAAO;IAC7B,0BAA0B;IAC1B,CAAC,QAAQ;QACP,CAAC,SAAS,IAAI;QACZ,qCAAqC;QACrC,mCAAmC;QACnC,SAAS,IAAI,YAAY;KAC1B;IACH,gBAAgB;IAChB,QAAQ;QACN,CAAC,SAAS,IAAI;QACZ,mCAAmC;QACnC,+CAA+C;QAC/C,SAAS,IAAI,mDAAmD;KACjE;IACH,iBAAiB;IACjB,SAAS;QACP,CAAC,QAAQ,IAAI;QACX,qCAAqC;QACrC,mCAAmC;QACnC,SAAS,IAAI,YAAY;KAC1B;IACH,wBAAwB;IACxB,SAAS;QACP,QAAQ,IAAI;QACV,+BAA+B;QAC/B,mCAAmC;QACnC,SAAS,IAAI,oBAAoB;KAClC;IACH,sDAAsD;IACtD,aAAa,IAAI;QACf,gBAAgB;QAChB,mBAAmB;QACnB,SAAS;YACP,QAAQ,IAAI,CAAC,wBAAwB,EAAE,2BAA2B,CAAC;QACrE,QAAQ;YACN,CAAC,SAAS,IAAI;YACZ,4BAA4B;YAC5B,+BAA+B;SAChC;KACJ;IACD,iBAAiB;IACjB,SAAS,IAAI,oBAAoB;IACjC,oCAAoC;IACpC,UAAU,IAAI,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,oBAAoB,CAAC,EAChE,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../button-base';\nimport type { ButtonTertiaryProps } from './ButtonTertiary.types';\n\nexport const ButtonTertiary = React.forwardRef<\n  HTMLButtonElement,\n  ButtonTertiaryProps\n>(\n  (\n    { className, isDanger, isInverse, isDisabled, isLoading, ...props },\n    ref,\n  ) => {\n    const isInteractive = !(isDisabled ?? isLoading);\n\n    const mergedClassName = twMerge(\n      // Default tertiary styles\n      !isDanger &&\n        !isInverse && [\n          'bg-transparent text-primary-default',\n          // Loading state uses pressed color\n          isLoading && 'bg-pressed',\n        ],\n      // Danger styles\n      isDanger &&\n        !isInverse && [\n          'bg-transparent text-error-default',\n          // Loading state uses error muted pressed color\n          isLoading && 'bg-error-muted-pressed text-error-default-pressed',\n        ],\n      // Inverse styles\n      isInverse &&\n        !isDanger && [\n          'bg-transparent text-primary-inverse',\n          // Loading state uses pressed color\n          isLoading && 'bg-pressed',\n        ],\n      // Inverse danger styles\n      isInverse &&\n        isDanger && [\n          'bg-default text-error-default',\n          // Loading state uses pressed color\n          isLoading && 'bg-default-pressed',\n        ],\n      // Hover/Active states - only applied when interactive\n      isInteractive && [\n        'hover:bg-hover',\n        'active:bg-pressed',\n        isInverse &&\n          isDanger && ['hover:bg-default-hover', 'active:bg-default-pressed'],\n        isDanger &&\n          !isInverse && [\n            'hover:bg-error-muted-hover',\n            'active:bg-error-muted-pressed',\n          ],\n      ],\n      // Loading styles\n      isLoading && 'cursor-not-allowed',\n      // Disabled styles (but not loading)\n      isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'],\n      className,\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        className={mergedClassName}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        {...props}\n      />\n    );\n  },\n);\n\nButtonTertiary.displayName = 'ButtonTertiary';\n"]}

package/dist/components/button-tertiary/ButtonTertiary.types.cjs

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ButtonTertiary.types.cjs.map

package/dist/components/button-tertiary/ButtonTertiary.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTertiary.types.cjs","sourceRoot":"","sources":["../../../src/components/button-tertiary/ButtonTertiary.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonBaseProps } from '../button-base';\n\nexport type ButtonTertiaryProps = Omit<\n  ButtonBaseProps,\n  'className' | 'isDisabled' | 'isLoading' | 'style'\n> & {\n  /**\n   * Optional prop for additional CSS classes to be applied to the ButtonTertiary component\n   */\n  className?: string;\n  /**\n   * Optional prop that when true, applies error/danger styling to the button\n   * @default false\n   */\n  isDanger?: boolean;\n  /**\n   * Optional prop that when true, applies inverse styling to the button\n   * @default false\n   */\n  isInverse?: boolean;\n  /**\n   * Optional prop that when true, disables the button\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop that when true, shows a loading spinner\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Optional CSS styles to be applied to the component.\n   * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n   */\n  style?: React.CSSProperties;\n};\n"]}

package/dist/components/{button-link/ButtonLink.types.d.cts → button-tertiary/ButtonTertiary.types.d.cts}

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import type { ButtonBaseProps } from "../button-base/index.cjs";
-export type ButtonLinkProps = Omit<ButtonBaseProps, 'className' | 'isDisabled' | 'isLoading' | 'style'> & {
+export type ButtonTertiaryProps = Omit<ButtonBaseProps, 'className' | 'isDisabled' | 'isLoading' | 'style'> & {
     /**
-     * Optional prop for additional CSS classes to be applied to the ButtonLink component
+     * Optional prop for additional CSS classes to be applied to the ButtonTertiary component
      */
     className?: string;
     /**
@@ -10,6 +10,11 @@ export type ButtonLinkProps = Omit<ButtonBaseProps, 'className' | 'isDisabled' |
      * @default false
      */
     isDanger?: boolean;
+    /**
+     * Optional prop that when true, applies inverse styling to the button
+     * @default false
+     */
+    isInverse?: boolean;
     /**
      * Optional prop that when true, disables the button
      * @default false
@@ -26,4 +31,4 @@ export type ButtonLinkProps = Omit<ButtonBaseProps, 'className' | 'isDisabled' |
      */
     style?: React.CSSProperties;
 };
-//# sourceMappingURL=ButtonLink.types.d.cts.map
+//# sourceMappingURL=ButtonTertiary.types.d.cts.map

package/dist/components/button-tertiary/ButtonTertiary.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTertiary.types.d.cts","sourceRoot":"","sources":["../../../src/components/button-tertiary/ButtonTertiary.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAuB;AAEtD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,eAAe,EACf,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,CACnD,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}

package/dist/components/{button-link/ButtonLink.types.d.mts → button-tertiary/ButtonTertiary.types.d.mts}

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import type { ButtonBaseProps } from "../button-base/index.mjs";
-export type ButtonLinkProps = Omit<ButtonBaseProps, 'className' | 'isDisabled' | 'isLoading' | 'style'> & {
+export type ButtonTertiaryProps = Omit<ButtonBaseProps, 'className' | 'isDisabled' | 'isLoading' | 'style'> & {
     /**
-     * Optional prop for additional CSS classes to be applied to the ButtonLink component
+     * Optional prop for additional CSS classes to be applied to the ButtonTertiary component
      */
     className?: string;
     /**
@@ -10,6 +10,11 @@ export type ButtonLinkProps = Omit<ButtonBaseProps, 'className' | 'isDisabled' |
      * @default false
      */
     isDanger?: boolean;
+    /**
+     * Optional prop that when true, applies inverse styling to the button
+     * @default false
+     */
+    isInverse?: boolean;
     /**
      * Optional prop that when true, disables the button
      * @default false
@@ -26,4 +31,4 @@ export type ButtonLinkProps = Omit<ButtonBaseProps, 'className' | 'isDisabled' |
      */
     style?: React.CSSProperties;
 };
-//# sourceMappingURL=ButtonLink.types.d.mts.map
+//# sourceMappingURL=ButtonTertiary.types.d.mts.map

package/dist/components/button-tertiary/ButtonTertiary.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTertiary.types.d.mts","sourceRoot":"","sources":["../../../src/components/button-tertiary/ButtonTertiary.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAuB;AAEtD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,eAAe,EACf,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,CACnD,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}

package/dist/components/button-tertiary/ButtonTertiary.types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ButtonTertiary.types.mjs.map

package/dist/components/button-tertiary/ButtonTertiary.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTertiary.types.mjs","sourceRoot":"","sources":["../../../src/components/button-tertiary/ButtonTertiary.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonBaseProps } from '../button-base';\n\nexport type ButtonTertiaryProps = Omit<\n  ButtonBaseProps,\n  'className' | 'isDisabled' | 'isLoading' | 'style'\n> & {\n  /**\n   * Optional prop for additional CSS classes to be applied to the ButtonTertiary component\n   */\n  className?: string;\n  /**\n   * Optional prop that when true, applies error/danger styling to the button\n   * @default false\n   */\n  isDanger?: boolean;\n  /**\n   * Optional prop that when true, applies inverse styling to the button\n   * @default false\n   */\n  isInverse?: boolean;\n  /**\n   * Optional prop that when true, disables the button\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop that when true, shows a loading spinner\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Optional CSS styles to be applied to the component.\n   * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n   */\n  style?: React.CSSProperties;\n};\n"]}

package/dist/components/button-tertiary/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonTertiarySize = exports.ButtonTertiary = void 0;
+var ButtonTertiary_1 = require("./ButtonTertiary.cjs");
+Object.defineProperty(exports, "ButtonTertiary", { enumerable: true, get: function () { return ButtonTertiary_1.ButtonTertiary; } });
+var button_base_1 = require("../button-base/index.cjs");
+Object.defineProperty(exports, "ButtonTertiarySize", { enumerable: true, get: function () { return button_base_1.ButtonBaseSize; } });
+//# sourceMappingURL=index.cjs.map

package/dist/components/button-tertiary/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/button-tertiary/index.ts"],"names":[],"mappings":";;;AAAA,uDAAkD;AAAzC,gHAAA,cAAc,OAAA;AAEvB,wDAAsE;AAA7D,iHAAA,cAAc,OAAsB","sourcesContent":["export { ButtonTertiary } from './ButtonTertiary';\nexport type { ButtonTertiaryProps } from './ButtonTertiary.types';\nexport { ButtonBaseSize as ButtonTertiarySize } from '../button-base';\n"]}

package/dist/components/button-tertiary/index.d.cts

@@ -0,0 +1,4 @@
+export { ButtonTertiary } from "./ButtonTertiary.cjs";
+export type { ButtonTertiaryProps } from "./ButtonTertiary.types.cjs";
+export { ButtonBaseSize as ButtonTertiarySize } from "../button-base/index.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/components/button-tertiary/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/button-tertiary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,6BAAyB;AAClD,YAAY,EAAE,mBAAmB,EAAE,mCAA+B;AAClE,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,iCAAuB"}

package/dist/components/button-tertiary/index.d.mts

@@ -0,0 +1,4 @@
+export { ButtonTertiary } from "./ButtonTertiary.mjs";
+export type { ButtonTertiaryProps } from "./ButtonTertiary.types.mjs";
+export { ButtonBaseSize as ButtonTertiarySize } from "../button-base/index.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/components/button-tertiary/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/button-tertiary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,6BAAyB;AAClD,YAAY,EAAE,mBAAmB,EAAE,mCAA+B;AAClE,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,iCAAuB"}

package/dist/components/button-tertiary/index.mjs

@@ -0,0 +1,3 @@
+export { ButtonTertiary } from "./ButtonTertiary.mjs";
+export { ButtonBaseSize as ButtonTertiarySize } from "../button-base/index.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/components/button-tertiary/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/button-tertiary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,6BAAyB;AAElD,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,iCAAuB","sourcesContent":["export { ButtonTertiary } from './ButtonTertiary';\nexport type { ButtonTertiaryProps } from './ButtonTertiary.types';\nexport { ButtonBaseSize as ButtonTertiarySize } from '../button-base';\n"]}

package/dist/components/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonLinkSize = exports.ButtonLink = exports.ButtonSecondarySize = exports.ButtonSecondary = exports.ButtonPrimarySize = exports.ButtonPrimary = exports.ButtonBaseSize = exports.ButtonBase = exports.IconColor = exports.IconSize = exports.IconName = exports.Icon = exports.OverflowWrap = exports.TextTransform = exports.FontStyle = exports.FontWeight = exports.TextAlign = exports.TextColor = exports.TextVariant = exports.Text = void 0;
+exports.AvatarIconSeverity = exports.AvatarIconSize = exports.AvatarIcon = exports.AvatarFaviconSize = exports.AvatarFavicon = exports.AvatarTokenSize = exports.AvatarToken = exports.AvatarNetworkSize = exports.AvatarNetwork = exports.AvatarBaseSize = exports.AvatarBase = exports.ButtonIcon = exports.TextButton = exports.ButtonVariant = exports.ButtonSize = exports.Button = exports.ButtonTertiarySize = exports.ButtonTertiary = exports.ButtonSecondarySize = exports.ButtonSecondary = exports.ButtonPrimarySize = exports.ButtonPrimary = exports.ButtonBaseSize = exports.ButtonBase = exports.IconColor = exports.IconSize = exports.IconName = exports.Icon = exports.OverflowWrap = exports.TextTransform = exports.FontStyle = exports.FontWeight = exports.TextAlign = exports.TextColor = exports.TextVariant = exports.Text = void 0;
 var text_1 = require("./text/index.cjs");
 Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return text_1.Text; } });
 var text_2 = require("./text/index.cjs");
@@ -23,14 +23,35 @@ var button_base_2 = require("./button-base/index.cjs");
 Object.defineProperty(exports, "ButtonBaseSize", { enumerable: true, get: function () { return button_base_2.ButtonBaseSize; } });
 var button_primary_1 = require("./button-primary/index.cjs");
 Object.defineProperty(exports, "ButtonPrimary", { enumerable: true, get: function () { return button_primary_1.ButtonPrimary; } });
-var button_primary_2 = require("./button-primary/index.cjs");
-Object.defineProperty(exports, "ButtonPrimarySize", { enumerable: true, get: function () { return button_primary_2.ButtonPrimarySize; } });
+Object.defineProperty(exports, "ButtonPrimarySize", { enumerable: true, get: function () { return button_primary_1.ButtonPrimarySize; } });
 var button_secondary_1 = require("./button-secondary/index.cjs");
 Object.defineProperty(exports, "ButtonSecondary", { enumerable: true, get: function () { return button_secondary_1.ButtonSecondary; } });
-var button_secondary_2 = require("./button-secondary/index.cjs");
-Object.defineProperty(exports, "ButtonSecondarySize", { enumerable: true, get: function () { return button_secondary_2.ButtonSecondarySize; } });
-var button_link_1 = require("./button-link/index.cjs");
-Object.defineProperty(exports, "ButtonLink", { enumerable: true, get: function () { return button_link_1.ButtonLink; } });
-var button_link_2 = require("./button-link/index.cjs");
-Object.defineProperty(exports, "ButtonLinkSize", { enumerable: true, get: function () { return button_link_2.ButtonLinkSize; } });
+Object.defineProperty(exports, "ButtonSecondarySize", { enumerable: true, get: function () { return button_secondary_1.ButtonSecondarySize; } });
+var button_tertiary_1 = require("./button-tertiary/index.cjs");
+Object.defineProperty(exports, "ButtonTertiary", { enumerable: true, get: function () { return button_tertiary_1.ButtonTertiary; } });
+Object.defineProperty(exports, "ButtonTertiarySize", { enumerable: true, get: function () { return button_tertiary_1.ButtonTertiarySize; } });
+var button_1 = require("./button/index.cjs");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return button_1.Button; } });
+Object.defineProperty(exports, "ButtonSize", { enumerable: true, get: function () { return button_1.ButtonSize; } });
+Object.defineProperty(exports, "ButtonVariant", { enumerable: true, get: function () { return button_1.ButtonVariant; } });
+var text_button_1 = require("./text-button/index.cjs");
+Object.defineProperty(exports, "TextButton", { enumerable: true, get: function () { return text_button_1.TextButton; } });
+var button_icon_1 = require("./button-icon/index.cjs");
+Object.defineProperty(exports, "ButtonIcon", { enumerable: true, get: function () { return button_icon_1.ButtonIcon; } });
+var avatar_base_1 = require("./avatar-base/index.cjs");
+Object.defineProperty(exports, "AvatarBase", { enumerable: true, get: function () { return avatar_base_1.AvatarBase; } });
+Object.defineProperty(exports, "AvatarBaseSize", { enumerable: true, get: function () { return avatar_base_1.AvatarBaseSize; } });
+var avatar_network_1 = require("./avatar-network/index.cjs");
+Object.defineProperty(exports, "AvatarNetwork", { enumerable: true, get: function () { return avatar_network_1.AvatarNetwork; } });
+Object.defineProperty(exports, "AvatarNetworkSize", { enumerable: true, get: function () { return avatar_network_1.AvatarNetworkSize; } });
+var avatar_token_1 = require("./avatar-token/index.cjs");
+Object.defineProperty(exports, "AvatarToken", { enumerable: true, get: function () { return avatar_token_1.AvatarToken; } });
+Object.defineProperty(exports, "AvatarTokenSize", { enumerable: true, get: function () { return avatar_token_1.AvatarTokenSize; } });
+var avatar_favicon_1 = require("./avatar-favicon/index.cjs");
+Object.defineProperty(exports, "AvatarFavicon", { enumerable: true, get: function () { return avatar_favicon_1.AvatarFavicon; } });
+Object.defineProperty(exports, "AvatarFaviconSize", { enumerable: true, get: function () { return avatar_favicon_1.AvatarFaviconSize; } });
+var avatar_icon_1 = require("./avatar-icon/index.cjs");
+Object.defineProperty(exports, "AvatarIcon", { enumerable: true, get: function () { return avatar_icon_1.AvatarIcon; } });
+Object.defineProperty(exports, "AvatarIconSize", { enumerable: true, get: function () { return avatar_icon_1.AvatarIconSize; } });
+Object.defineProperty(exports, "AvatarIconSeverity", { enumerable: true, get: function () { return avatar_icon_1.AvatarIconSeverity; } });
 //# sourceMappingURL=index.cjs.map

package/dist/components/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,yCAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,yCAQgB;AAPd,mGAAA,WAAW,OAAA;AACX,iGAAA,SAAS,OAAA;AACT,iGAAA,SAAS,OAAA;AACT,kGAAA,UAAU,OAAA;AACV,iGAAA,SAAS,OAAA;AACT,qGAAA,aAAa,OAAA;AACb,oGAAA,YAAY,OAAA;AAId,yCAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,yCAAuD;AAA9C,gGAAA,QAAQ,OAAA;AAAE,gGAAA,QAAQ,OAAA;AAAE,iGAAA,SAAS,OAAA;AAGtC,uDAA2C;AAAlC,yGAAA,UAAU,OAAA;AAEnB,uDAA+C;AAAtC,6GAAA,cAAc,OAAA;AAEvB,6DAAiD;AAAxC,+GAAA,aAAa,OAAA;AAEtB,6DAAqD;AAA5C,mHAAA,iBAAiB,OAAA;AAE1B,iEAAqD;AAA5C,mHAAA,eAAe,OAAA;AAExB,iEAAyD;AAAhD,uHAAA,mBAAmB,OAAA;AAE5B,uDAA2C;AAAlC,yGAAA,UAAU,OAAA;AAEnB,uDAA+C;AAAtC,6GAAA,cAAc,OAAA","sourcesContent":["export { Text } from './text';\nexport {\n  TextVariant,\n  TextColor,\n  TextAlign,\n  FontWeight,\n  FontStyle,\n  TextTransform,\n  OverflowWrap,\n} from './text';\nexport type { TextProps } from './text';\n\nexport { Icon } from './icon';\nexport { IconName, IconSize, IconColor } from './icon';\nexport type { IconProps } from './icon';\n\nexport { ButtonBase } from './button-base';\nexport type { ButtonBaseProps } from './button-base';\nexport { ButtonBaseSize } from './button-base';\n\nexport { ButtonPrimary } from './button-primary';\nexport type { ButtonPrimaryProps } from './button-primary';\nexport { ButtonPrimarySize } from './button-primary';\n\nexport { ButtonSecondary } from './button-secondary';\nexport type { ButtonSecondaryProps } from './button-secondary';\nexport { ButtonSecondarySize } from './button-secondary';\n\nexport { ButtonLink } from './button-link';\nexport type { ButtonLinkProps } from './button-link';\nexport { ButtonLinkSize } from './button-link';\n"]}
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,yCAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,yCAQgB;AAPd,mGAAA,WAAW,OAAA;AACX,iGAAA,SAAS,OAAA;AACT,iGAAA,SAAS,OAAA;AACT,kGAAA,UAAU,OAAA;AACV,iGAAA,SAAS,OAAA;AACT,qGAAA,aAAa,OAAA;AACb,oGAAA,YAAY,OAAA;AAId,yCAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,yCAAuD;AAA9C,gGAAA,QAAQ,OAAA;AAAE,gGAAA,QAAQ,OAAA;AAAE,iGAAA,SAAS,OAAA;AAGtC,uDAA2C;AAAlC,yGAAA,UAAU,OAAA;AAEnB,uDAA+C;AAAtC,6GAAA,cAAc,OAAA;AAEvB,6DAAoE;AAA3D,+GAAA,aAAa,OAAA;AAAE,mHAAA,iBAAiB,OAAA;AAGzC,iEAA0E;AAAjE,mHAAA,eAAe,OAAA;AAAE,uHAAA,mBAAmB,OAAA;AAG7C,+DAAuE;AAA9D,iHAAA,cAAc,OAAA;AAAE,qHAAA,kBAAkB,OAAA;AAG3C,6CAA6D;AAApD,gGAAA,MAAM,OAAA;AAAE,oGAAA,UAAU,OAAA;AAAE,uGAAA,aAAa,OAAA;AAG1C,uDAA2C;AAAlC,yGAAA,UAAU,OAAA;AAGnB,uDAA2C;AAAlC,yGAAA,UAAU,OAAA;AAGnB,uDAA2D;AAAlD,yGAAA,UAAU,OAAA;AAAE,6GAAA,cAAc,OAAA;AAGnC,6DAAoE;AAA3D,+GAAA,aAAa,OAAA;AAAE,mHAAA,iBAAiB,OAAA;AAGzC,yDAA8D;AAArD,2GAAA,WAAW,OAAA;AAAE,+GAAA,eAAe,OAAA;AAGrC,6DAAoE;AAA3D,+GAAA,aAAa,OAAA;AAAE,mHAAA,iBAAiB,OAAA;AAGzC,uDAA+E;AAAtE,yGAAA,UAAU,OAAA;AAAE,6GAAA,cAAc,OAAA;AAAE,iHAAA,kBAAkB,OAAA","sourcesContent":["export { Text } from './text';\nexport {\n  TextVariant,\n  TextColor,\n  TextAlign,\n  FontWeight,\n  FontStyle,\n  TextTransform,\n  OverflowWrap,\n} from './text';\nexport type { TextProps } from './text';\n\nexport { Icon } from './icon';\nexport { IconName, IconSize, IconColor } from './icon';\nexport type { IconProps } from './icon';\n\nexport { ButtonBase } from './button-base';\nexport type { ButtonBaseProps } from './button-base';\nexport { ButtonBaseSize } from './button-base';\n\nexport { ButtonPrimary, ButtonPrimarySize } from './button-primary';\nexport type { ButtonPrimaryProps } from './button-primary';\n\nexport { ButtonSecondary, ButtonSecondarySize } from './button-secondary';\nexport type { ButtonSecondaryProps } from './button-secondary';\n\nexport { ButtonTertiary, ButtonTertiarySize } from './button-tertiary';\nexport type { ButtonTertiaryProps } from './button-tertiary';\n\nexport { Button, ButtonSize, ButtonVariant } from './button';\nexport type { ButtonProps } from './button';\n\nexport { TextButton } from './text-button';\nexport type { TextButtonProps } from './text-button';\n\nexport { ButtonIcon } from './button-icon';\nexport type { ButtonIconProps } from './button-icon';\n\nexport { AvatarBase, AvatarBaseSize } from './avatar-base';\nexport type { AvatarBaseProps } from './avatar-base';\n\nexport { AvatarNetwork, AvatarNetworkSize } from './avatar-network';\nexport type { AvatarNetworkProps } from './avatar-network';\n\nexport { AvatarToken, AvatarTokenSize } from './avatar-token';\nexport type { AvatarTokenProps } from './avatar-token';\n\nexport { AvatarFavicon, AvatarFaviconSize } from './avatar-favicon';\nexport type { AvatarFaviconProps } from './avatar-favicon';\n\nexport { AvatarIcon, AvatarIconSize, AvatarIconSeverity } from './avatar-icon';\nexport type { AvatarIconProps } from './avatar-icon';\n"]}