fix(label): adds missing icon and corrects class typo (#1902)

* fix(label): adds missing icon and corrects class type * fix: hello linter my old friend
Kajabi · Jul 1, 2024 · 35d35d5 · 35d35d5
1 parent a77a8b2
commit 35d35d5
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/sage-react/lib/Label/Label.jsx b/packages/sage-react/lib/Label/Label.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { SageTokens } from '../configs';
+import { SageTokens, SageClassnames } from '../configs';
 import {
   LABEL_COLORS,
   LABEL_STYLES,
@@ -61,13 +61,19 @@ export const Label = React.forwardRef(({
         type={interactiveType ? 'button' : null}
         {...rest}
       >
+        {icon && (
+          <pds-icon
+            name={icon}
+            class={`${SageClassnames.SPACERS.XS_RIGHT} ${icon && customIconColor ? 'sage-label--icon--custom-color' : ''}`}
+          />
+        )}
         <span className="sage-label__value-text">
           {value}
         </span>
       </TagName>
       {interactiveType === LABEL_INTERACTIVE_TYPES.SECONDARY_BUTTON && secondaryButton}
       {(interactiveType === LABEL_INTERACTIVE_TYPES.DROPDOWN) && (
-        <pds-icon className="sage-label__decor-icon" name="down-small" />
+        <pds-icon class="sage-label__decor-icon" name="down-small" />
       )}
     </span>
   );