@bikdotai/bik-component-library 0.0.786-beta.6 → 0.0.786-beta.7

package/dist/cjs/components/whats-new/WhatsNew.d.ts

@@ -13,6 +13,7 @@ interface WhatsNewProps {
     buttonTestId?: string;
     iconWidth?: number;
     iconHeight?: number;
+    iconColor?: string;
     customIcon?: React.ComponentType<{
         width?: number;
         height?: number;

package/dist/cjs/components/whats-new/WhatsNew.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("./WhatsNewButton.js"),o=require("./WhatsNewPanel.js"),s=require("./WhatsNewProvider.js");exports.WhatsNew=r=>{let{title:i="What's new",tooltip:a="What's new",searchPlaceholder:u="Search posts",emptyStateTitle:c="Nothing new!",emptyStateDescription:h="There are no new updates or features at the moment. Check back soon!",noResultsText:l="Sorry, no results found.",width:d="480px",onContentClick:w,renderCustomContent:C,buttonTestId:p="whats-new-button",iconWidth:m=32,iconHeight:W=32,customIcon:x}=r;const[N,j]=t.useState(!1),{whatsNewContent:g,isLoading:S,newContentCount:y}=s.useWhatsNewContext();return e.jsxs(e.Fragment,{children:[e.jsx(n.WhatsNewButton,{onClick:()=>j(!0),newContentCount:y,isOpen:N,isLoading:S,tooltip:a,testId:p,iconWidth:m,iconHeight:W,customIcon:x}),e.jsx(o.WhatsNewPanel,{isOpen:N,onClose:()=>j(!1),content:g,isLoading:S,title:i,searchPlaceholder:u,emptyStateTitle:c,emptyStateDescription:h,noResultsText:l,width:d,onContentClick:e=>{w&&w(e)},renderCustomContent:C})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("./WhatsNewButton.js"),o=require("./WhatsNewPanel.js"),s=require("./WhatsNewProvider.js");exports.WhatsNew=r=>{let{title:i="What's new",tooltip:a="What's new",searchPlaceholder:c="Search posts",emptyStateTitle:u="Nothing new!",emptyStateDescription:h="There are no new updates or features at the moment. Check back soon!",noResultsText:l="Sorry, no results found.",width:d="480px",onContentClick:w,renderCustomContent:C,buttonTestId:p="whats-new-button",iconWidth:m=24,iconHeight:W=24,iconColor:x,customIcon:N}=r;const[j,g]=t.useState(!1),{whatsNewContent:S,isLoading:y,newContentCount:P}=s.useWhatsNewContext();return e.jsxs(e.Fragment,{children:[e.jsx(n.WhatsNewButton,{onClick:()=>g(!0),newContentCount:P,isOpen:j,isLoading:y,tooltip:a,testId:p,iconWidth:m,iconHeight:W,iconColor:x,customIcon:N}),e.jsx(o.WhatsNewPanel,{isOpen:j,onClose:()=>g(!1),content:S,isLoading:y,title:i,searchPlaceholder:c,emptyStateTitle:u,emptyStateDescription:h,noResultsText:l,width:d,onContentClick:e=>{w&&w(e)},renderCustomContent:C})]})};

package/dist/cjs/components/whats-new/WhatsNew.types.d.ts

@@ -35,6 +35,7 @@ export interface WhatsNewButtonProps {
     testId?: string;
     iconWidth?: number;
     iconHeight?: number;
+    iconColor?: string;
     customIcon?: React.ComponentType<{
         width?: number;
         height?: number;

package/dist/cjs/components/whats-new/WhatsNewButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../../assets/icons/whatsNew.svg.js"),n=require("../../constants/Theme.js"),s=require("../icon-button/IconButton.js"),i=require("../tooltips/Tooltip.js"),o=require("./WhatsNew.styles.js");exports.WhatsNewButton=r=>{let{onClick:a,newContentCount:c=0,isOpen:d=!1,isLoading:l=!1,tooltip:u="What's new",testId:h="whats-new-button",iconWidth:j=32,iconHeight:p=32,customIcon:x}=r;return l?t.jsxs("div",Object.assign({style:{margin:"0px 8px"}},{children:[t.jsx("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}}),t.jsx("style",{children:"\n\t\t\t\t\t\t@keyframes spin {\n\t\t\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t\t\t}\n\t\t\t\t\t"})]})):t.jsxs(o.WhatsNewIconContainer,Object.assign({count:c},{children:[t.jsx(i.Tooltip,Object.assign({body:u,placement:"bottom"},{children:t.jsx(s.IconButton,{Icon:null!=x?x:e.default,width:j,height:p,isSelected:d,iconColor:d?n.COLORS.content.brand:n.COLORS.content.primary,onClick:a,"data-testid":h})})),c>0&&t.jsx("div",Object.assign({className:"notification--count"},{children:t.jsx("div",Object.assign({className:"count--text"},{children:c}))}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../../assets/icons/whatsNew.svg.js"),n=require("../../constants/Theme.js"),s=require("../icon-button/IconButton.js"),i=require("../tooltips/Tooltip.js"),o=require("./WhatsNew.styles.js");exports.WhatsNewButton=r=>{let{onClick:a,newContentCount:c=0,isOpen:l=!1,isLoading:d=!1,tooltip:u="What's new",testId:h="whats-new-button",iconWidth:j=24,iconHeight:p=24,iconColor:x,customIcon:b}=r;return d?t.jsxs("div",Object.assign({style:{margin:"0px 8px"}},{children:[t.jsx("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}}),t.jsx("style",{children:"\n\t\t\t\t\t\t@keyframes spin {\n\t\t\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t\t\t}\n\t\t\t\t\t"})]})):t.jsxs(o.WhatsNewIconContainer,Object.assign({count:c},{children:[t.jsx(i.Tooltip,Object.assign({body:u,placement:"bottom"},{children:t.jsx(s.IconButton,{Icon:null!=b?b:e.default,width:j,height:p,isSelected:l,iconColor:null!=x?x:l?n.COLORS.content.brand:n.COLORS.content.primary,onClick:a,"data-testid":h})})),c>0&&t.jsx("div",Object.assign({className:"notification--count"},{children:t.jsx("div",Object.assign({className:"count--text"},{children:c}))}))]}))};

package/dist/esm/components/whats-new/WhatsNew.d.ts

@@ -13,6 +13,7 @@ interface WhatsNewProps {
     buttonTestId?: string;
     iconWidth?: number;
     iconHeight?: number;
+    iconColor?: string;
     customIcon?: React.ComponentType<{
         width?: number;
         height?: number;

package/dist/esm/components/whats-new/WhatsNew.js

@@ -1 +1 @@
-import{jsxs as t,Fragment as e,jsx as o}from"react/jsx-runtime";import{useState as n}from"react";import{WhatsNewButton as i}from"./WhatsNewButton.js";import{WhatsNewPanel as s}from"./WhatsNewPanel.js";import{useWhatsNewContext as r}from"./WhatsNewProvider.js";const a=a=>{let{title:c="What's new",tooltip:h="What's new",searchPlaceholder:m="Search posts",emptyStateTitle:l="Nothing new!",emptyStateDescription:p="There are no new updates or features at the moment. Check back soon!",noResultsText:d="Sorry, no results found.",width:u="480px",onContentClick:C,renderCustomContent:w,buttonTestId:f="whats-new-button",iconWidth:W=32,iconHeight:g=32,customIcon:S}=a;const[T,k]=n(!1),{whatsNewContent:x,isLoading:y,newContentCount:N}=r();return t(e,{children:[o(i,{onClick:()=>k(!0),newContentCount:N,isOpen:T,isLoading:y,tooltip:h,testId:f,iconWidth:W,iconHeight:g,customIcon:S}),o(s,{isOpen:T,onClose:()=>k(!1),content:x,isLoading:y,title:c,searchPlaceholder:m,emptyStateTitle:l,emptyStateDescription:p,noResultsText:d,width:u,onContentClick:t=>{C&&C(t)},renderCustomContent:w})]})};export{a as WhatsNew};
+import{jsxs as t,Fragment as e,jsx as o}from"react/jsx-runtime";import{useState as n}from"react";import{WhatsNewButton as i}from"./WhatsNewButton.js";import{WhatsNewPanel as s}from"./WhatsNewPanel.js";import{useWhatsNewContext as r}from"./WhatsNewProvider.js";const c=c=>{let{title:a="What's new",tooltip:h="What's new",searchPlaceholder:l="Search posts",emptyStateTitle:m="Nothing new!",emptyStateDescription:p="There are no new updates or features at the moment. Check back soon!",noResultsText:C="Sorry, no results found.",width:d="480px",onContentClick:u,renderCustomContent:w,buttonTestId:f="whats-new-button",iconWidth:W=24,iconHeight:g=24,iconColor:S,customIcon:T}=c;const[k,x]=n(!1),{whatsNewContent:y,isLoading:N,newContentCount:j}=r();return t(e,{children:[o(i,{onClick:()=>x(!0),newContentCount:j,isOpen:k,isLoading:N,tooltip:h,testId:f,iconWidth:W,iconHeight:g,iconColor:S,customIcon:T}),o(s,{isOpen:k,onClose:()=>x(!1),content:y,isLoading:N,title:a,searchPlaceholder:l,emptyStateTitle:m,emptyStateDescription:p,noResultsText:C,width:d,onContentClick:t=>{u&&u(t)},renderCustomContent:w})]})};export{c as WhatsNew};

package/dist/esm/components/whats-new/WhatsNew.types.d.ts

@@ -35,6 +35,7 @@ export interface WhatsNewButtonProps {
     testId?: string;
     iconWidth?: number;
     iconHeight?: number;
+    iconColor?: string;
     customIcon?: React.ComponentType<{
         width?: number;
         height?: number;

package/dist/esm/components/whats-new/WhatsNewButton.js

@@ -1 +1 @@
-import{jsxs as t,jsx as n}from"react/jsx-runtime";import o from"../../assets/icons/whatsNew.svg.js";import{COLORS as i}from"../../constants/Theme.js";import{IconButton as e}from"../icon-button/IconButton.js";import{Tooltip as s}from"../tooltips/Tooltip.js";import{WhatsNewIconContainer as r}from"./WhatsNew.styles.js";const c=c=>{let{onClick:a,newContentCount:d=0,isOpen:l=!1,isLoading:m=!1,tooltip:p="What's new",testId:h="whats-new-button",iconWidth:f=32,iconHeight:b=32,customIcon:g}=c;return m?t("div",Object.assign({style:{margin:"0px 8px"}},{children:[n("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}}),n("style",{children:"\n\t\t\t\t\t\t@keyframes spin {\n\t\t\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t\t\t}\n\t\t\t\t\t"})]})):t(r,Object.assign({count:d},{children:[n(s,Object.assign({body:p,placement:"bottom"},{children:n(e,{Icon:null!=g?g:o,width:f,height:b,isSelected:l,iconColor:l?i.content.brand:i.content.primary,onClick:a,"data-testid":h})})),d>0&&n("div",Object.assign({className:"notification--count"},{children:n("div",Object.assign({className:"count--text"},{children:d}))}))]}))};export{c as WhatsNewButton};
+import{jsxs as t,jsx as n}from"react/jsx-runtime";import o from"../../assets/icons/whatsNew.svg.js";import{COLORS as i}from"../../constants/Theme.js";import{IconButton as e}from"../icon-button/IconButton.js";import{Tooltip as s}from"../tooltips/Tooltip.js";import{WhatsNewIconContainer as r}from"./WhatsNew.styles.js";const c=c=>{let{onClick:a,newContentCount:l=0,isOpen:d=!1,isLoading:m=!1,tooltip:p="What's new",testId:h="whats-new-button",iconWidth:f=24,iconHeight:b=24,iconColor:g,customIcon:u}=c;return m?t("div",Object.assign({style:{margin:"0px 8px"}},{children:[n("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}}),n("style",{children:"\n\t\t\t\t\t\t@keyframes spin {\n\t\t\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t\t\t}\n\t\t\t\t\t"})]})):t(r,Object.assign({count:l},{children:[n(s,Object.assign({body:p,placement:"bottom"},{children:n(e,{Icon:null!=u?u:o,width:f,height:b,isSelected:d,iconColor:null!=g?g:d?i.content.brand:i.content.primary,onClick:a,"data-testid":h})})),l>0&&n("div",Object.assign({className:"notification--count"},{children:n("div",Object.assign({className:"count--text"},{children:l}))}))]}))};export{c as WhatsNewButton};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.786-beta.6",
+	"version": "0.0.786-beta.7",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",

package/dist/cjs/assets/icons/Icons.stories.d.ts

@@ -1,31 +0,0 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<({ color, size, }: {
-    color?: string | undefined;
-    size?: number | undefined;
-}) => import("react/jsx-runtime").JSX.Element>;
-export default _default;
-export declare const AllIcons: ComponentStory<({ color, size, }: {
-    color?: string | undefined;
-    size?: number | undefined;
-}) => import("react/jsx-runtime").JSX.Element>;
-export declare const ActiveChecklist: ComponentStory<any>;
-export declare const CheckIndicator: ComponentStory<any>;
-export declare const CompletedChecklist: ComponentStory<any>;
-export declare const InactiveChecklist: ComponentStory<any>;
-export declare const ProgressBadge: ComponentStory<any>;
-export declare const Redirect2: ComponentStory<any>;
-export declare const SearchIconComponent: ComponentStory<any>;
-export declare const SmallCheck: ComponentStory<any>;
-export declare const Customise: ComponentStory<any>;
-export declare const Enable: ComponentStory<any>;
-export declare const GoLive: ComponentStory<any>;
-export declare const Headset: ComponentStory<any>;
-export declare const ListChecks: ComponentStory<any>;
-export declare const Marketing: ComponentStory<any>;
-export declare const Nudges: ComponentStory<any>;
-export declare const OnboardingLogoStory: ComponentStory<any>;
-export declare const OrderTracking: ComponentStory<any>;
-export declare const PlusIconComponent: ComponentStory<any>;
-export declare const Shopping: ComponentStory<any>;
-export declare const Support: ComponentStory<any>;
-export declare const Training: ComponentStory<any>;

package/dist/esm/assets/icons/Icons.stories.d.ts

@@ -1,31 +0,0 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<({ color, size, }: {
-    color?: string | undefined;
-    size?: number | undefined;
-}) => import("react/jsx-runtime").JSX.Element>;
-export default _default;
-export declare const AllIcons: ComponentStory<({ color, size, }: {
-    color?: string | undefined;
-    size?: number | undefined;
-}) => import("react/jsx-runtime").JSX.Element>;
-export declare const ActiveChecklist: ComponentStory<any>;
-export declare const CheckIndicator: ComponentStory<any>;
-export declare const CompletedChecklist: ComponentStory<any>;
-export declare const InactiveChecklist: ComponentStory<any>;
-export declare const ProgressBadge: ComponentStory<any>;
-export declare const Redirect2: ComponentStory<any>;
-export declare const SearchIconComponent: ComponentStory<any>;
-export declare const SmallCheck: ComponentStory<any>;
-export declare const Customise: ComponentStory<any>;
-export declare const Enable: ComponentStory<any>;
-export declare const GoLive: ComponentStory<any>;
-export declare const Headset: ComponentStory<any>;
-export declare const ListChecks: ComponentStory<any>;
-export declare const Marketing: ComponentStory<any>;
-export declare const Nudges: ComponentStory<any>;
-export declare const OnboardingLogoStory: ComponentStory<any>;
-export declare const OrderTracking: ComponentStory<any>;
-export declare const PlusIconComponent: ComponentStory<any>;
-export declare const Shopping: ComponentStory<any>;
-export declare const Support: ComponentStory<any>;
-export declare const Training: ComponentStory<any>;