@windstream/react-shared-components 0.1.3 → 0.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windstream/react-shared-components",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "type": "module",
   "description": "Shared React components for Kinetic applications",
   "main": "dist/index.js",

package/src/components/checklist/index.tsx

@@ -14,6 +14,7 @@ export const Checklist: React.FC<ChecklistProps> = props => {
     iconSize = 20,
     iconPosition = "center",
     iconColor = "green",
+    iconClassName,
   } = props;
   const showIcons = listIconName !== "disc";
   if (!items?.length) return null;
@@ -39,7 +40,10 @@ export const Checklist: React.FC<ChecklistProps> = props => {
                 size={iconSize}
                 color={iconColors[iconColor]}
                 weight="600"
-                className={iconPosition === "top" ? "mt-1" : ""}
+                className={cx(
+                  iconPosition === "top" ? "mt-1" : "",
+                  iconClassName
+                )}
               />
             </div>
           )}

package/src/components/checklist/types.ts

@@ -3,12 +3,14 @@ export type ChecklistProps = {
   // TODO: add icon names as needed
   listIconName?: "check" | "disc";
   listItemClassName?: string;
+  iconClassName?: string;
   iconSize?: 20 | 24 | 32 | 40 | 48 | 52 | undefined;
   iconPosition?: "top" | "center";
-  iconColor?: "green" | "yellow";
+  iconColor?: "green" | "yellow" | "blue";
 };
 
 export const iconColors = {
   green: "#209A61",
   yellow: "#F5FF36",
+  blue: "#0393BA",
 };

package/src/contentful/blocks/breadcrumbs/index.tsx

@@ -52,4 +52,4 @@ export const BreadcrumbNavigation: React.FC<
   );
 };
 
-export default BreadcrumbNavigation;  
+export default BreadcrumbNavigation;

package/src/contentful/blocks/search-block/index.tsx

@@ -87,5 +87,4 @@ export const SearchBlock: React.FC<SearchBlockProps> = props => {
   );
 };
 
-
-export default SearchBlock;
+export default SearchBlock;

package/src/contentful/index.ts

@@ -65,5 +65,5 @@ export type { BlogGridProps } from "./blocks/blogs-grid/types";
 export { BreadcrumbNavigation } from "./blocks/breadcrumbs";
 export type { BreadcrumbNavigationProps } from "./blocks/breadcrumbs/types";
 
-export {SearchBlock} from "./blocks/search-block";
-export type {SearchBlockProps} from "./blocks/search-block/types";
+export { SearchBlock } from "./blocks/search-block";
+export type { SearchBlockProps } from "./blocks/search-block/types";