@bikdotai/bik-component-library 0.0.267 → 0.0.269-0

package/dist/cjs/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),o=require("../../../components/AllowedListDropdown.js"),t=require("../../../components/QueryBuilderNode/Property/PropertyNode.js"),i=require("../../../hooks/useQueryBuilder.js"),s=require("../../../hooks/useQueryBuilderCache.js"),d=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");exports.default=a=>{let{node:l,allowedNodes:u,apiHandler:n,mode:p,selectorKey:c}=a;var y;const{selectType:v,createProperty:j,updateProperty:P}=i.useQueryBuilder(c),{cacheWrap:_}=s.useQueryBuilderCache(),f=e=>_((()=>n({query:{propertyName:e}})),`USER_PROPERTIES-${e}`);return r.jsx(d.BaseQueryBuilderNode,Object.assign({node:l,mode:p},{children:r.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r.jsx(o.default,{disabled:"view"===p,selectedType:l.type,allowedList:u,onSelect:e=>v(e.value,l._id)}),r.jsx(t.PropertyNodeHeadless,{mode:p,property:null===(y=null==l?void 0:l.properties)||void 0===y?void 0:y[0],fetchPropertyData:()=>_((()=>n({})),"USER_PROPERTIES"),onPropertyNameSelect:function(r){var o,t;return e.__awaiter(this,void 0,void 0,(function*(){if((null===(o=l.properties)||void 0===o?void 0:o[0])?P(Object.assign(Object.assign({},null===(t=l.properties)||void 0===t?void 0:t[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),l._id):j({name:r.id,dataType:r.type},l._id),r.needValuesRetrieval){const e=yield f(r.id);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){P(Object.assign(Object.assign({},l.properties[0]),{operator:e,value:void 0,error:{}}),l._id)},onPropertyValueChange:function(e){P(Object.assign(Object.assign({},l.properties[0]),{value:e,error:{}}),l._id)}})]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),o=require("../../../components/AllowedListDropdown.js"),i=require("../../../components/QueryBuilderNode/Property/PropertyNode.js"),t=require("../../../hooks/useQueryBuilder.js"),d=require("../../../hooks/useQueryBuilderCache.js"),a=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");exports.default=s=>{let{node:l,allowedNodes:n,apiHandler:u,mode:p,selectorKey:c}=s;var y;const{selectType:v,createProperty:j,updateProperty:_}=t.useQueryBuilder(c),{cacheWrap:m}=d.useQueryBuilderCache(),f=e=>m((()=>u({query:{propertyName:e}})),`USER_PROPERTIES-${e}`),P=(r,o)=>e.__awaiter(void 0,void 0,void 0,(function*(){return yield u({query:{propertyName:r,searchKey:o}})}));return r.jsx(a.BaseQueryBuilderNode,Object.assign({node:l,mode:p},{children:r.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r.jsx(o.default,{disabled:"view"===p,selectedType:l.type,allowedList:n,onSelect:e=>v(e.value,l._id)}),r.jsx(i.PropertyNodeHeadless,{mode:p,property:null===(y=null==l?void 0:l.properties)||void 0===y?void 0:y[0],fetchPropertyData:()=>m((()=>u({})),"USER_PROPERTIES"),onPropertyNameSelect:function(r){var o,i;return e.__awaiter(this,void 0,void 0,(function*(){if((null===(o=l.properties)||void 0===o?void 0:o[0])?_(Object.assign(Object.assign({},null===(i=l.properties)||void 0===i?void 0:i[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),l._id):j({name:r.id,dataType:r.type},l._id),r.needValuesRetrieval){const e=yield f(r.id);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){_(Object.assign(Object.assign({},l.properties[0]),{operator:e,value:void 0,error:{}}),l._id)},onPropertyValueChange:function(e){_(Object.assign(Object.assign({},l.properties[0]),{value:e,error:{}}),l._id)},onPropertyValueSearch:function(r,o){var i,t;return e.__awaiter(this,void 0,void 0,(function*(){const e=yield P(o.name,r);return null!==(t=null===(i=null==e?void 0:e.data)||void 0===i?void 0:i.map((e=>({label:e.name,value:e.id,selected:!1}))))&&void 0!==t?t:[]}))}})]}))}))};

package/dist/cjs/components/QueryBuilder/constants/DATE_OPERATORS_OPTIONS.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.DATE_OPERATORS_OPTIONS=[{label:"Commonly used",options:[{selected:!1,value:"today",label:"Today"},{selected:!1,value:"yesterday",label:"Yesterday"},{selected:!1,value:"last week",label:"Last week"},{selected:!0,value:"last month",label:"Last month"}]},{label:"Relative",options:[{selected:!1,value:"in the last",label:"In the last"}]},{label:"Absolute",options:[{selected:!1,value:"on",label:"On"},{selected:!1,value:"notOn",label:"Not On"},{selected:!1,value:"inBetween",label:"In Between"},{selected:!1,value:"notInBetween",label:"Not In Between"},{selected:!1,value:"before",label:"Before"},{selected:!1,value:"after",label:"After"}]}];
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.DATE_OPERATORS_OPTIONS=[{label:"Commonly used",options:[{selected:!1,value:"today",label:"Today"},{selected:!1,value:"yesterday",label:"Yesterday"},{selected:!1,value:"last 7 days",label:"Last 7 days"},{selected:!1,value:"last 30 days",label:"Last 30 days"},{selected:!1,value:"this week",label:"This week"},{selected:!1,value:"last week",label:"Last week"},{selected:!1,value:"this month",label:"This month"},{selected:!0,value:"last month",label:"Last month"}]},{label:"Relative",options:[{selected:!1,value:"exactly",label:"Exactly"},{selected:!1,value:"in the last",label:"In the last"},{selected:!1,value:"in between last",label:"In between last"}]},{label:"Absolute",options:[{selected:!1,value:"on",label:"On"},{selected:!1,value:"notOn",label:"Not On"},{selected:!1,value:"inBetween",label:"In Between"},{selected:!1,value:"notInBetween",label:"Not In Between"},{selected:!1,value:"before",label:"Before"},{selected:!1,value:"after",label:"After"}]}];

package/dist/cjs/components/tabs/Tabs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../constants/Theme.js"),o=require("../TypographyStyle.js"),s=require("./Tabs.styles.js");const n=o=>{var n,l;const{tabs:c,initialTab:i,onTabSelected:d,TabItemStyledProps:b,selectedTab:T,extendedBorder:u,rightComponent:p}=o,[x,m]=t.useState(i||c[0].key),{colorsV2:C}=r.DEFAULT_THEME;t.useEffect((()=>{T&&m(T)}),[T]);const g=o.backgroundColor,y=null!==(n=o.selectedTextColor)&&void 0!==n?n:C.background.brand,j=null!==(l=o.textColor)&&void 0!==l?l:C.content.secondary;return e.jsxs(s.TabHeader,Object.assign({bgColor:g},{children:[c.map((t=>e.jsx(a,{hasEqualSpacing:o.hasEqualSpacing,selectedTextColor:y,textColor:j,tab:t,currentTab:x,TabItemStyledProps:b,IconComponent:t.icon,setCurrentTab:e=>{d(e),m(e)}},t.key))),u&&e.jsx(s.EmptyTab,{}),e.jsx(s.RightComponent,{children:p})]}))},a=t=>{const{tab:n,currentTab:a,setCurrentTab:l,TabItemStyledProps:c,IconComponent:i}=t,d=n.key===a,{colorsV2:b}=r.DEFAULT_THEME;return e.jsxs(s.TabItem,Object.assign({style:c,selected:d,hasEqualSpacing:t.hasEqualSpacing,onClick:()=>l(t.tab.key),selectedTextColor:t.selectedTextColor},{children:[i&&e.jsx(i,{selected:d?b.background.brand:b.content.secondary}),e.jsx(s.TabItemText,Object.assign({textColor:t.textColor,selectedTextColor:t.selectedTextColor,selected:d},{children:n.title})),void 0!==n.trailingNumber&&null!==n.trailingNumber&&e.jsx(s.TrailingNumberContainer,Object.assign({selected:d},{children:e.jsx(o.BodyCaption,Object.assign({color:b.content.primaryInverse},{children:n.trailingNumber}))}))]}))};n.displayName="Tabs",a.displayName="TabItemComponent",exports.TabItemComponent=a,exports.Tabs=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../constants/Theme.js"),o=require("../TypographyStyle.js"),s=require("./Tabs.styles.js");const n=o=>{var n,l;const{tabs:c,initialTab:i,onTabSelected:d,TabItemStyledProps:b,selectedTab:T,extendedBorder:u,rightComponent:p,itemTextStyledProps:x}=o,[m,y]=t.useState(i||c[0].key),{colorsV2:C}=r.DEFAULT_THEME;t.useEffect((()=>{T&&y(T)}),[T]);const g=o.backgroundColor,j=null!==(n=o.selectedTextColor)&&void 0!==n?n:C.background.brand,h=null!==(l=o.textColor)&&void 0!==l?l:C.content.secondary;return e.jsxs(s.TabHeader,Object.assign({bgColor:g},{children:[c.map((t=>e.jsx(a,{hasEqualSpacing:o.hasEqualSpacing,selectedTextColor:j,textColor:h,tab:t,currentTab:m,TabItemStyledProps:b,IconComponent:t.icon,itemTextStyledProps:x,setCurrentTab:e=>{d(e),y(e)}},t.key))),u&&e.jsx(s.EmptyTab,{}),e.jsx(s.RightComponent,{children:p})]}))},a=t=>{const{tab:n,currentTab:a,setCurrentTab:l,TabItemStyledProps:c,IconComponent:i,itemTextStyledProps:d}=t,b=n.key===a,{colorsV2:T}=r.DEFAULT_THEME;return e.jsxs(s.TabItem,Object.assign({style:c,selected:b,hasEqualSpacing:t.hasEqualSpacing,onClick:()=>l(t.tab.key),selectedTextColor:t.selectedTextColor},{children:[i&&e.jsx(i,{selected:b?T.background.brand:T.content.secondary}),e.jsx(s.TabItemText,Object.assign({style:d,textColor:t.textColor,selectedTextColor:t.selectedTextColor,selected:b},{children:n.title})),void 0!==n.trailingNumber&&null!==n.trailingNumber&&e.jsx(s.TrailingNumberContainer,Object.assign({selected:b},{children:e.jsx(o.BodyCaption,Object.assign({color:T.content.primaryInverse},{children:n.trailingNumber}))}))]}))};n.displayName="Tabs",a.displayName="TabItemComponent",exports.TabItemComponent=a,exports.Tabs=n;

package/dist/cjs/components/tabs/Tabs.model.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface TabItemProps {
     hasEqualSpacing?: boolean;
     selected: boolean;
@@ -8,6 +8,7 @@ export interface TabItemTextProps {
     selected: boolean;
     textColor: string;
     selectedTextColor: string;
+    style?: React.CSSProperties;
 }
 export interface TabInterface {
     key: string;
@@ -32,6 +33,7 @@ export interface TabViewHeaderProps {
     selectedTab?: string;
     extendedBorder?: boolean;
     rightComponent?: JSX.Element;
+    itemTextStyledProps?: React.CSSProperties;
 }
 export interface TabItemComponentProps {
     hasEqualSpacing?: boolean;
@@ -41,6 +43,7 @@ export interface TabItemComponentProps {
     textColor: string;
     selectedTextColor: string;
     TabItemStyledProps?: React.CSSProperties;
+    itemTextStyledProps?: React.CSSProperties;
     IconComponent?: React.JSXElementConstructor<{
         selected: string;
     }>;

package/dist/esm/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as r,jsxs as o}from"react/jsx-runtime";import t from"../../../components/AllowedListDropdown.js";import{PropertyNodeHeadless as i}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{useQueryBuilder as s}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as d}from"../../../hooks/useQueryBuilderCache.js";import{BaseQueryBuilderNode as a}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const n=n=>{let{node:p,allowedNodes:l,apiHandler:u,mode:c,selectorKey:y}=n;var m;const{selectType:v,createProperty:f,updateProperty:j}=s(y),{cacheWrap:g}=d(),P=e=>g((()=>u({query:{propertyName:e}})),`USER_PROPERTIES-${e}`);return r(a,Object.assign({node:p,mode:c},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r(t,{disabled:"view"===c,selectedType:p.type,allowedList:l,onSelect:e=>v(e.value,p._id)}),r(i,{mode:c,property:null===(m=null==p?void 0:p.properties)||void 0===m?void 0:m[0],fetchPropertyData:()=>g((()=>u({})),"USER_PROPERTIES"),onPropertyNameSelect:function(r){var o,t;return e(this,void 0,void 0,(function*(){if((null===(o=p.properties)||void 0===o?void 0:o[0])?j(Object.assign(Object.assign({},null===(t=p.properties)||void 0===t?void 0:t[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),p._id):f({name:r.id,dataType:r.type},p._id),r.needValuesRetrieval){const e=yield P(r.id);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){j(Object.assign(Object.assign({},p.properties[0]),{operator:e,value:void 0,error:{}}),p._id)},onPropertyValueChange:function(e){j(Object.assign(Object.assign({},p.properties[0]),{value:e,error:{}}),p._id)}})]}))}))};export{n as default};
+import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as r,jsxs as o}from"react/jsx-runtime";import t from"../../../components/AllowedListDropdown.js";import{PropertyNodeHeadless as i}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{useQueryBuilder as n}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as d}from"../../../hooks/useQueryBuilderCache.js";import{BaseQueryBuilderNode as a}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const l=l=>{let{node:s,allowedNodes:p,apiHandler:u,mode:c,selectorKey:v}=l;var y;const{selectType:m,createProperty:f,updateProperty:j}=n(v),{cacheWrap:h}=d(),P=e=>h((()=>u({query:{propertyName:e}})),`USER_PROPERTIES-${e}`),g=(r,o)=>e(void 0,void 0,void 0,(function*(){return yield u({query:{propertyName:r,searchKey:o}})}));return r(a,Object.assign({node:s,mode:c},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r(t,{disabled:"view"===c,selectedType:s.type,allowedList:p,onSelect:e=>m(e.value,s._id)}),r(i,{mode:c,property:null===(y=null==s?void 0:s.properties)||void 0===y?void 0:y[0],fetchPropertyData:()=>h((()=>u({})),"USER_PROPERTIES"),onPropertyNameSelect:function(r){var o,t;return e(this,void 0,void 0,(function*(){if((null===(o=s.properties)||void 0===o?void 0:o[0])?j(Object.assign(Object.assign({},null===(t=s.properties)||void 0===t?void 0:t[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),s._id):f({name:r.id,dataType:r.type},s._id),r.needValuesRetrieval){const e=yield P(r.id);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){j(Object.assign(Object.assign({},s.properties[0]),{operator:e,value:void 0,error:{}}),s._id)},onPropertyValueChange:function(e){j(Object.assign(Object.assign({},s.properties[0]),{value:e,error:{}}),s._id)},onPropertyValueSearch:function(r,o){var t,i;return e(this,void 0,void 0,(function*(){const e=yield g(o.name,r);return null!==(i=null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.map((e=>({label:e.name,value:e.id,selected:!1}))))&&void 0!==i?i:[]}))}})]}))}))};export{l as default};

package/dist/esm/components/QueryBuilder/constants/DATE_OPERATORS_OPTIONS.js

@@ -1 +1 @@
-const e=[{label:"Commonly used",options:[{selected:!1,value:"today",label:"Today"},{selected:!1,value:"yesterday",label:"Yesterday"},{selected:!1,value:"last week",label:"Last week"},{selected:!0,value:"last month",label:"Last month"}]},{label:"Relative",options:[{selected:!1,value:"in the last",label:"In the last"}]},{label:"Absolute",options:[{selected:!1,value:"on",label:"On"},{selected:!1,value:"notOn",label:"Not On"},{selected:!1,value:"inBetween",label:"In Between"},{selected:!1,value:"notInBetween",label:"Not In Between"},{selected:!1,value:"before",label:"Before"},{selected:!1,value:"after",label:"After"}]}];export{e as DATE_OPERATORS_OPTIONS};
+const e=[{label:"Commonly used",options:[{selected:!1,value:"today",label:"Today"},{selected:!1,value:"yesterday",label:"Yesterday"},{selected:!1,value:"last 7 days",label:"Last 7 days"},{selected:!1,value:"last 30 days",label:"Last 30 days"},{selected:!1,value:"this week",label:"This week"},{selected:!1,value:"last week",label:"Last week"},{selected:!1,value:"this month",label:"This month"},{selected:!0,value:"last month",label:"Last month"}]},{label:"Relative",options:[{selected:!1,value:"exactly",label:"Exactly"},{selected:!1,value:"in the last",label:"In the last"},{selected:!1,value:"in between last",label:"In between last"}]},{label:"Absolute",options:[{selected:!1,value:"on",label:"On"},{selected:!1,value:"notOn",label:"Not On"},{selected:!1,value:"inBetween",label:"In Between"},{selected:!1,value:"notInBetween",label:"Not In Between"},{selected:!1,value:"before",label:"Before"},{selected:!1,value:"after",label:"After"}]}];export{e as DATE_OPERATORS_OPTIONS};

package/dist/esm/components/tabs/Tabs.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useEffect as r}from"react";import{DEFAULT_THEME as n}from"../../constants/Theme.js";import{BodyCaption as l}from"../TypographyStyle.js";import{TabHeader as a,EmptyTab as s,RightComponent as c,TabItem as i,TabItemText as d,TrailingNumberContainer as b}from"./Tabs.styles.js";const m=l=>{var i,d;const{tabs:b,initialTab:m,onTabSelected:T,TabItemStyledProps:u,selectedTab:C,extendedBorder:g,rightComponent:y}=l,[h,x]=o(m||b[0].key),{colorsV2:j}=n;r((()=>{C&&x(C)}),[C]);const S=l.backgroundColor,k=null!==(i=l.selectedTextColor)&&void 0!==i?i:j.background.brand,I=null!==(d=l.textColor)&&void 0!==d?d:j.content.secondary;return e(a,Object.assign({bgColor:S},{children:[b.map((e=>t(p,{hasEqualSpacing:l.hasEqualSpacing,selectedTextColor:k,textColor:I,tab:e,currentTab:h,TabItemStyledProps:u,IconComponent:e.icon,setCurrentTab:e=>{T(e),x(e)}},e.key))),g&&t(s,{}),t(c,{children:y})]}))},p=o=>{const{tab:r,currentTab:a,setCurrentTab:s,TabItemStyledProps:c,IconComponent:m}=o,p=r.key===a,{colorsV2:T}=n;return e(i,Object.assign({style:c,selected:p,hasEqualSpacing:o.hasEqualSpacing,onClick:()=>s(o.tab.key),selectedTextColor:o.selectedTextColor},{children:[m&&t(m,{selected:p?T.background.brand:T.content.secondary}),t(d,Object.assign({textColor:o.textColor,selectedTextColor:o.selectedTextColor,selected:p},{children:r.title})),void 0!==r.trailingNumber&&null!==r.trailingNumber&&t(b,Object.assign({selected:p},{children:t(l,Object.assign({color:T.content.primaryInverse},{children:r.trailingNumber}))}))]}))};m.displayName="Tabs",p.displayName="TabItemComponent";export{p as TabItemComponent,m as Tabs};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useEffect as r}from"react";import{DEFAULT_THEME as n}from"../../constants/Theme.js";import{BodyCaption as l}from"../TypographyStyle.js";import{TabHeader as s,EmptyTab as a,RightComponent as c,TabItem as i,TabItemText as d,TrailingNumberContainer as b}from"./Tabs.styles.js";const m=l=>{var i,d;const{tabs:b,initialTab:m,onTabSelected:T,TabItemStyledProps:y,selectedTab:u,extendedBorder:C,rightComponent:g,itemTextStyledProps:x}=l,[h,S]=o(m||b[0].key),{colorsV2:j}=n;r((()=>{u&&S(u)}),[u]);const k=l.backgroundColor,I=null!==(i=l.selectedTextColor)&&void 0!==i?i:j.background.brand,P=null!==(d=l.textColor)&&void 0!==d?d:j.content.secondary;return e(s,Object.assign({bgColor:k},{children:[b.map((e=>t(p,{hasEqualSpacing:l.hasEqualSpacing,selectedTextColor:I,textColor:P,tab:e,currentTab:h,TabItemStyledProps:y,IconComponent:e.icon,itemTextStyledProps:x,setCurrentTab:e=>{T(e),S(e)}},e.key))),C&&t(a,{}),t(c,{children:g})]}))},p=o=>{const{tab:r,currentTab:s,setCurrentTab:a,TabItemStyledProps:c,IconComponent:m,itemTextStyledProps:p}=o,T=r.key===s,{colorsV2:y}=n;return e(i,Object.assign({style:c,selected:T,hasEqualSpacing:o.hasEqualSpacing,onClick:()=>a(o.tab.key),selectedTextColor:o.selectedTextColor},{children:[m&&t(m,{selected:T?y.background.brand:y.content.secondary}),t(d,Object.assign({style:p,textColor:o.textColor,selectedTextColor:o.selectedTextColor,selected:T},{children:r.title})),void 0!==r.trailingNumber&&null!==r.trailingNumber&&t(b,Object.assign({selected:T},{children:t(l,Object.assign({color:y.content.primaryInverse},{children:r.trailingNumber}))}))]}))};m.displayName="Tabs",p.displayName="TabItemComponent";export{p as TabItemComponent,m as Tabs};

package/dist/esm/components/tabs/Tabs.model.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface TabItemProps {
     hasEqualSpacing?: boolean;
     selected: boolean;
@@ -8,6 +8,7 @@ export interface TabItemTextProps {
     selected: boolean;
     textColor: string;
     selectedTextColor: string;
+    style?: React.CSSProperties;
 }
 export interface TabInterface {
     key: string;
@@ -32,6 +33,7 @@ export interface TabViewHeaderProps {
     selectedTab?: string;
     extendedBorder?: boolean;
     rightComponent?: JSX.Element;
+    itemTextStyledProps?: React.CSSProperties;
 }
 export interface TabItemComponentProps {
     hasEqualSpacing?: boolean;
@@ -41,6 +43,7 @@ export interface TabItemComponentProps {
     textColor: string;
     selectedTextColor: string;
     TabItemStyledProps?: React.CSSProperties;
+    itemTextStyledProps?: React.CSSProperties;
     IconComponent?: React.JSXElementConstructor<{
         selected: string;
     }>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.267",
+	"version": "0.0.269-0",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",