@bikdotai/bik-component-library 0.0.817-beta.1 → 0.0.817-beta.3

package/dist/cjs/components/bik-layout/SimpleSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleSidebar.js","sources":["../../../../src/components/bik-layout/SimpleSidebar.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button } from '../button';\nimport { NavigationHyperlink } from '../navigation-hyperlink/NavigationHyperlink';\nimport { BodySecondary, TitleSmall } from '../TypographyStyle';\nimport { Menu, SimpleSidebarProps } from './Sidebar.model';\nimport { SimpleSidebarContainer } from './SidebarStyles';\n\nexport const SimpleSidebar: React.FC<SimpleSidebarProps> = (\n\tsimpleSidebarProps,\n) => {\n\tconst {\n\t\tmenuList,\n\t\tactiveMenu,\n\t\ttheme,\n\t\tshowAccessUpgradePanel = false,\n\t\theader,\n\t\twidth,\n\t\tzIndex,\n\t\tleft,\n\t\tpostion,\n\t\ttop,\n\t\trouter,\n\t\tonMouseLeaveOnMenu,\n\t\tonMouseEnterOnMenu,\n\t\tonMenuClick,\n\t\tonUpgrade,\n\t\tisNewSidebar,\n\t} = simpleSidebarProps;\n\n\tconst [isActiveMenu, setIsActiveMenu] = useState(activeMenu);\n\tconst getChildSideBar = (child: Menu, hoveredIndex: number) => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={`sub-child-menu  ${\n\t\t\t\t\tisActiveMenu?.key == child?.key ? 'sub-child-active-menu' : ''\n\t\t\t\t}`}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tsetIsActiveMenu(child);\n\t\t\t\t\tonMenuClick(child, !child.page);\n\t\t\t\t}}\n\t\t\t\tkey={hoveredIndex}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclassName={\n\t\t\t\t\t\tisActiveMenu?.key == child?.key && theme == 'brand'\n\t\t\t\t\t\t\t? 'sub-child-active-text'\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<BodySecondary\n\t\t\t\t\tclassName={`sub-child-text ${\n\t\t\t\t\t\tisActiveMenu?.key == child?.key && theme == 'white'\n\t\t\t\t\t\t\t? 'active-bold-weight'\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}`}\n\t\t\t\t>\n\t\t\t\t\t{child?.displayName}\n\t\t\t\t</BodySecondary>\n\t\t\t\t{child.isNew && <div className=\"sub-child-new-tag\">NEW</div>}\n\t\t\t</div>\n\t\t);\n\t};\n\n\treturn (\n\t\t<SimpleSidebarContainer\n\t\t\twidth={width}\n\t\t\tzIndex={zIndex}\n\t\t\tleft={left}\n\t\t\ttheme={theme}\n\t\t\tpostion={postion}\n\t\t\ttop={top}\n\t\t\tisNewSidebar={isNewSidebar}\n\t\t>\n\t\t\t<div\n\t\t\t\tid={'_sub-menu'}\n\t\t\t\tkey={'_sub-menu'}\n\t\t\t\tclassName={'sidebar-right-menu' + ' transform-class'}\n\t\t\t\tonMouseLeave={onMouseLeaveOnMenu}\n\t\t\t\tonMouseEnter={onMouseEnterOnMenu}\n\t\t\t>\n\t\t\t\t<div>\n\t\t\t\t\t{!isNewSidebar && (\n\t\t\t\t\t\t<BodySecondary className=\"sub-child-display-name\">\n\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{menuList?.map((child, hoveredIndex) => {\n\t\t\t\t\t\treturn child.page ? (\n\t\t\t\t\t\t\t<NavigationHyperlink href={child.page} router={router}>\n\t\t\t\t\t\t\t\t{getChildSideBar(child, hoveredIndex)}\n\t\t\t\t\t\t\t</NavigationHyperlink>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\tgetChildSideBar(child, hoveredIndex)\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t\t{showAccessUpgradePanel && (\n\t\t\t\t\t<div className=\"lower-sticky-panel\">\n\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\tclassName=\"title-text\"\n\t\t\t\t\t\t\tstyle={{ color: COLORS.surface.standard }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tUpgrade plan to access this feature.\n\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"upgrade-button\"\n\t\t\t\t\t\t\tbuttonText=\"Upgrade plan\"\n\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tinverse\n\t\t\t\t\t\t\tonClick={() => (onUpgrade ? onUpgrade() : '')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</SimpleSidebarContainer>\n\t);\n};\n"],"names":["SimpleSidebar","simpleSidebarProps","menuList","activeMenu","theme","showAccessUpgradePanel","header","width","zIndex","left","postion","top","router","onMouseLeaveOnMenu","onMouseEnterOnMenu","onMenuClick","onUpgrade","isNewSidebar","isActiveMenu","setIsActiveMenu","useState","getChildSideBar","child","hoveredIndex","jsxDEV","this","BodySecondary","SimpleSidebarContainer","NavigationHyperlink","TitleSmall","COLORS","Button"],"mappings":"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"}
+{"version":3,"file":"SimpleSidebar.js","sources":["../../../../src/components/bik-layout/SimpleSidebar.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button } from '../button';\nimport { NavigationHyperlink } from '../navigation-hyperlink/NavigationHyperlink';\nimport { BodySecondary, TitleSmall } from '../TypographyStyle';\nimport { Menu, SimpleSidebarProps } from './Sidebar.model';\nimport { SimpleSidebarContainer } from './SidebarStyles';\n\nexport const SimpleSidebar: React.FC<SimpleSidebarProps> = (\n\tsimpleSidebarProps,\n) => {\n\tconst {\n\t\tmenuList,\n\t\tactiveMenu,\n\t\ttheme,\n\t\tshowAccessUpgradePanel = false,\n\t\theader,\n\t\twidth,\n\t\tzIndex,\n\t\tleft,\n\t\tpostion,\n\t\ttop,\n\t\trouter,\n\t\tonMouseLeaveOnMenu,\n\t\tonMouseEnterOnMenu,\n\t\tonMenuClick,\n\t\tonUpgrade,\n\t\tisNewSidebar,\n\t} = simpleSidebarProps;\n\n\tconst [isActiveMenu, setIsActiveMenu] = useState(activeMenu);\n\tconst getChildSideBar = (child: Menu, hoveredIndex: number) => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={`sub-child-menu  ${\n\t\t\t\t\tisActiveMenu?.key == child?.key ? 'sub-child-active-menu' : ''\n\t\t\t\t}`}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tsetIsActiveMenu(child);\n\t\t\t\t\tonMenuClick(child, !child.page);\n\t\t\t\t}}\n\t\t\t\tkey={hoveredIndex}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclassName={\n\t\t\t\t\t\tisActiveMenu?.key == child?.key && theme == 'brand'\n\t\t\t\t\t\t\t? 'sub-child-active-text'\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<BodySecondary\n\t\t\t\t\tclassName={`sub-child-text ${\n\t\t\t\t\t\tisActiveMenu?.key == child?.key && theme == 'white'\n\t\t\t\t\t\t\t? 'active-bold-weight'\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}`}\n\t\t\t\t>\n\t\t\t\t\t{child?.displayName}\n\t\t\t\t</BodySecondary>\n\t\t\t\t{child.isNew && <div className=\"sub-child-new-tag\">NEW</div>}\n\t\t\t</div>\n\t\t);\n\t};\n\n\treturn (\n\t\t<SimpleSidebarContainer\n\t\t\twidth={width}\n\t\t\tzIndex={zIndex}\n\t\t\tleft={left}\n\t\t\ttheme={theme}\n\t\t\tpostion={postion}\n\t\t\ttop={top}\n\t\t\tisNewSidebar={isNewSidebar}\n\t\t>\n\t\t\t<div\n\t\t\t\tid={'_sub-menu'}\n\t\t\t\tkey={'_sub-menu'}\n\t\t\t\tclassName={'sidebar-right-menu' + ' transform-class'}\n\t\t\t\tonMouseLeave={onMouseLeaveOnMenu}\n\t\t\t\tonMouseEnter={onMouseEnterOnMenu}\n\t\t\t>\n\t\t\t\t<div>\n\t\t\t\t\t{!isNewSidebar && (\n\t\t\t\t\t\t<BodySecondary className=\"sub-child-display-name\">\n\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{menuList?.map((child, hoveredIndex) => {\n\t\t\t\t\t\treturn child.page ? (\n\t\t\t\t\t\t\t<NavigationHyperlink href={child.page} router={router}>\n\t\t\t\t\t\t\t\t{getChildSideBar(child, hoveredIndex)}\n\t\t\t\t\t\t\t</NavigationHyperlink>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\tgetChildSideBar(child, hoveredIndex)\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t\t{showAccessUpgradePanel && (\n\t\t\t\t\t<div className=\"lower-sticky-panel\">\n\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\tclassName=\"title-text\"\n\t\t\t\t\t\t\tstyle={{ color: COLORS.surface.standard }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tUpgrade plan to access this feature.\n\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"upgrade-button\"\n\t\t\t\t\t\t\tbuttonText=\"Upgrade plan\"\n\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tinverse\n\t\t\t\t\t\t\tonClick={() => (onUpgrade ? onUpgrade() : '')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</SimpleSidebarContainer>\n\t);\n};\n"],"names":["SimpleSidebar","simpleSidebarProps","menuList","activeMenu","theme","showAccessUpgradePanel","header","width","zIndex","left","postion","top","router","onMouseLeaveOnMenu","onMouseEnterOnMenu","onMenuClick","onUpgrade","isNewSidebar","isActiveMenu","setIsActiveMenu","useState","getChildSideBar","child","hoveredIndex","jsxDEV","this","BodySecondary","SimpleSidebarContainer","NavigationHyperlink","TitleSmall","COLORS","Button"],"mappings":"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"}

package/dist/cjs/components/button/Button.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),u=require("react"),h=require("./Button.styled.js"),l=require("./themes.js"),_=require("../spinner/Spinner.js"),g=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},c=g(u),y=u.forwardRef(({version:t,id:D,buttonType:n="primary",size:o="small",buttonText:b,disabled:s,IconComponent:p,LeadingIcon:d,TrailingIcon:k,isLoading:r,inverse:i,onClick:B,matchParentWidth:E,subtitle:j,darkMode:f,activated:w,error:W,buttonTextColor:U,buttonFontSize:V,customIconColor:a,buttonColor:S,LeadingIconStyles:q,...N},C)=>{const R=l.GetButtonTextComponent(o,n,s),v=l.getButtonIconColor(o,n,i,s,r,f),m=u.useCallback(()=>{const x=o==="chip"?16:20;return{height:x,width:x,color:a||v,style:{display:"block"},className:"icon"}},[o,a,v]);return e.jsxDEV(h.Button,{"data-test":N["data-test"],version:t,onClick:r?()=>{}:B,ref:C,id:D,disabled:s,size:o,buttonType:n,isLoading:r,inverse:i,matchParentWidth:E,darkMode:f,activated:w,error:W,buttonColor:S,...N,children:e.jsxDEV("div",{className:"button-container",children:[n.startsWith("dash")&&e.jsxDEV(h.ButtonCustomDashedBorder,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/button/Button.tsx",lineNumber:93,columnNumber:40},void 0),e.jsxDEV("div",{className:"overlay-container",children:r&&e.jsxDEV(_.Spinner,{className:"spinner",size:"small",color:l.SpinnerColorMap(n,i)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/button/Button.tsx",lineNumber:96,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/button/Button.tsx",lineNumber:94,columnNumber:6},void 0),p&&e.jsxDEV("div",{className:"icon-component",children:c.default.createElement(p,m())},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/button/Button.tsx",lineNumber:104,columnNumber:7},void 0),d&&e.jsxDEV("div",{className:"icon-leading",style:{zIndex:1,...q},children:c.default.createElement(d,m())},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/button/Button.tsx",lineNumber:109,columnNumber:7},void 0),b?e.jsxDEV(R,{className:"text",style:{color:U,fontSize:V},children:[b,e.jsxDEV("div",{className:"text-subtitle",children:j},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/button/Button.tsx",lineNumber:125,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/button/Button.tsx",lineNumber:117,columnNumber:7},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/button/Button.tsx",lineNumber:128,columnNumber:7},void 0),k&&e.jsxDEV("div",{className:"icon-trailing",style:{zIndex:1},children:c.default.createElement(k,m())},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/button/Button.tsx",lineNumber:131,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/button/Button.tsx",lineNumber:92,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/button/Button.tsx",lineNumber:68,columnNumber:4},void 0)});y.displayName="Button";exports.Button=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),m=require("react"),B=require("./Button.styled.js"),c=require("./themes.js"),g=require("../spinner/Spinner.js"),P=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},u=P(m),v=m.forwardRef(({version:n,id:h,buttonType:o="primary",size:t="small",buttonText:d,disabled:r,IconComponent:b,LeadingIcon:f,TrailingIcon:N,isLoading:s,inverse:l,onClick:E,matchParentWidth:j,subtitle:k,darkMode:p,activated:w,error:U,buttonTextColor:V,buttonFontSize:S,customIconColor:a,buttonColor:q,LeadingIconStyles:C,...y},R)=>{const _=c.GetButtonTextComponent(t,o,r),x=c.getButtonIconColor(t,o,l,r,s,p),i=m.useCallback(()=>{const D=t==="chip"?16:20;return{height:D,width:D,color:a||x,style:{display:"block"},className:"icon"}},[t,a,x]);return e.jsxDEV(B.Button,{"data-test":y["data-test"],version:n,onClick:s?()=>{}:E,ref:R,id:h,disabled:r,size:t,buttonType:o,isLoading:s,inverse:l,matchParentWidth:j,darkMode:p,activated:w,error:U,buttonColor:q,...y,children:e.jsxDEV("div",{className:"button-container",children:[o.startsWith("dash")&&e.jsxDEV(B.ButtonCustomDashedBorder,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/button/Button.tsx",lineNumber:93,columnNumber:40},void 0),e.jsxDEV("div",{className:"overlay-container",children:s&&e.jsxDEV(g.Spinner,{className:"spinner",size:"small",color:c.SpinnerColorMap(o,l)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/button/Button.tsx",lineNumber:96,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/button/Button.tsx",lineNumber:94,columnNumber:6},void 0),b&&e.jsxDEV("div",{className:"icon-component",children:u.default.createElement(b,i())},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/button/Button.tsx",lineNumber:104,columnNumber:7},void 0),f&&e.jsxDEV("div",{className:"icon-leading",style:{zIndex:1,...C},children:u.default.createElement(f,i())},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/button/Button.tsx",lineNumber:109,columnNumber:7},void 0),d?e.jsxDEV(_,{className:"text",style:{color:V,fontSize:S},children:[d,e.jsxDEV("div",{className:"text-subtitle",children:k},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/button/Button.tsx",lineNumber:125,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/button/Button.tsx",lineNumber:117,columnNumber:7},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/button/Button.tsx",lineNumber:128,columnNumber:7},void 0),N&&e.jsxDEV("div",{className:"icon-trailing",style:{zIndex:1},children:u.default.createElement(N,i())},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/button/Button.tsx",lineNumber:131,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/button/Button.tsx",lineNumber:92,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/button/Button.tsx",lineNumber:68,columnNumber:4},void 0)});v.displayName="Button";exports.Button=v;
 //# sourceMappingURL=Button.js.map

package/dist/cjs/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import { forwardRef, useCallback } from 'react';\nimport React from 'react';\nimport { Spinner } from '../spinner';\nimport * as Sc from './Button.styled';\nimport { ButtonProps } from './model';\nimport {\n\tgetButtonIconColor,\n\tGetButtonTextComponent,\n\tSpinnerColorMap,\n} from './themes';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n\t(\n\t\t{\n\t\t\tversion,\n\t\t\tid,\n\t\t\tbuttonType = 'primary',\n\t\t\tsize = 'small',\n\t\t\tbuttonText,\n\t\t\tdisabled,\n\t\t\tIconComponent,\n\t\t\tLeadingIcon,\n\t\t\tTrailingIcon,\n\t\t\tisLoading,\n\t\t\tinverse,\n\t\t\tonClick,\n\t\t\tmatchParentWidth,\n\t\t\tsubtitle,\n\t\t\tdarkMode,\n\t\t\tactivated,\n\t\t\terror,\n\t\t\tbuttonTextColor,\n\t\t\tbuttonFontSize,\n\t\t\tcustomIconColor,\n\t\t\tbuttonColor,\n\t\t\tLeadingIconStyles,\n\t\t\t...rest\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst ButtonTextElement = GetButtonTextComponent(\n\t\t\tsize,\n\t\t\tbuttonType,\n\t\t\tdisabled,\n\t\t);\n\n\t\tconst iconColor = getButtonIconColor(\n\t\t\tsize,\n\t\t\tbuttonType,\n\t\t\tinverse,\n\t\t\tdisabled,\n\t\t\tisLoading,\n\t\t\tdarkMode,\n\t\t);\n\n\t\tconst getIconProps = useCallback(() => {\n\t\t\tconst iconSize = size === 'chip' ? 16 : 20;\n\t\t\treturn {\n\t\t\t\theight: iconSize,\n\t\t\t\twidth: iconSize,\n\t\t\t\tcolor: customIconColor ? customIconColor : iconColor,\n\t\t\t\tstyle: { display: 'block' },\n\t\t\t\tclassName: 'icon',\n\t\t\t};\n\t\t}, [size, customIconColor, iconColor]);\n\n\t\treturn (\n\t\t\t<Sc.Button\n\t\t\t\tdata-test={rest['data-test']}\n\t\t\t\tversion={version}\n\t\t\t\tonClick={\n\t\t\t\t\tisLoading\n\t\t\t\t\t\t? () => {\n\t\t\t\t\t\t\t\t// Do nothing\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: onClick\n\t\t\t\t}\n\t\t\t\tref={ref}\n\t\t\t\tid={id}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tsize={size}\n\t\t\t\tbuttonType={buttonType}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\tinverse={inverse}\n\t\t\t\tmatchParentWidth={matchParentWidth}\n\t\t\t\tdarkMode={darkMode}\n\t\t\t\tactivated={activated}\n\t\t\t\terror={error}\n\t\t\t\tbuttonColor={buttonColor}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t<div className=\"button-container\">\n\t\t\t\t\t{buttonType.startsWith('dash') && <Sc.ButtonCustomDashedBorder />}\n\t\t\t\t\t<div className=\"overlay-container\">\n\t\t\t\t\t\t{isLoading && (\n\t\t\t\t\t\t\t<Spinner\n\t\t\t\t\t\t\t\tclassName=\"spinner\"\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tcolor={SpinnerColorMap(buttonType, inverse)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{IconComponent && (\n\t\t\t\t\t\t<div className=\"icon-component\">\n\t\t\t\t\t\t\t{React.createElement(IconComponent, getIconProps())}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{LeadingIcon && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\tstyle={{ zIndex: 1, ...LeadingIconStyles }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(LeadingIcon, getIconProps())}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{buttonText ? (\n\t\t\t\t\t\t<ButtonTextElement\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tcolor: buttonTextColor,\n\t\t\t\t\t\t\t\tfontSize: buttonFontSize,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{buttonText}\n\t\t\t\t\t\t\t<div className=\"text-subtitle\">{subtitle}</div>\n\t\t\t\t\t\t</ButtonTextElement>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t\t{TrailingIcon && (\n\t\t\t\t\t\t<div className=\"icon-trailing\" style={{ zIndex: 1 }}>\n\t\t\t\t\t\t\t{React.createElement(TrailingIcon, getIconProps())}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Sc.Button>\n\t\t);\n\t},\n);\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor","buttonFontSize","customIconColor","buttonColor","LeadingIconStyles","rest","ref","ButtonTextElement","GetButtonTextComponent","iconColor","getButtonIconColor","getIconProps","useCallback","iconSize","jsxDEV","Sc.Button","Sc.ButtonCustomDashedBorder","this","Spinner","SpinnerColorMap","React","Fragment"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import { forwardRef, useCallback } from 'react';\nimport React from 'react';\nimport { Spinner } from '../spinner';\nimport * as Sc from './Button.styled';\nimport { ButtonProps } from './model';\nimport {\n\tgetButtonIconColor,\n\tGetButtonTextComponent,\n\tSpinnerColorMap,\n} from './themes';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n\t(\n\t\t{\n\t\t\tversion,\n\t\t\tid,\n\t\t\tbuttonType = 'primary',\n\t\t\tsize = 'small',\n\t\t\tbuttonText,\n\t\t\tdisabled,\n\t\t\tIconComponent,\n\t\t\tLeadingIcon,\n\t\t\tTrailingIcon,\n\t\t\tisLoading,\n\t\t\tinverse,\n\t\t\tonClick,\n\t\t\tmatchParentWidth,\n\t\t\tsubtitle,\n\t\t\tdarkMode,\n\t\t\tactivated,\n\t\t\terror,\n\t\t\tbuttonTextColor,\n\t\t\tbuttonFontSize,\n\t\t\tcustomIconColor,\n\t\t\tbuttonColor,\n\t\t\tLeadingIconStyles,\n\t\t\t...rest\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst ButtonTextElement = GetButtonTextComponent(\n\t\t\tsize,\n\t\t\tbuttonType,\n\t\t\tdisabled,\n\t\t);\n\n\t\tconst iconColor = getButtonIconColor(\n\t\t\tsize,\n\t\t\tbuttonType,\n\t\t\tinverse,\n\t\t\tdisabled,\n\t\t\tisLoading,\n\t\t\tdarkMode,\n\t\t);\n\n\t\tconst getIconProps = useCallback(() => {\n\t\t\tconst iconSize = size === 'chip' ? 16 : 20;\n\t\t\treturn {\n\t\t\t\theight: iconSize,\n\t\t\t\twidth: iconSize,\n\t\t\t\tcolor: customIconColor ? customIconColor : iconColor,\n\t\t\t\tstyle: { display: 'block' },\n\t\t\t\tclassName: 'icon',\n\t\t\t};\n\t\t}, [size, customIconColor, iconColor]);\n\n\t\treturn (\n\t\t\t<Sc.Button\n\t\t\t\tdata-test={rest['data-test']}\n\t\t\t\tversion={version}\n\t\t\t\tonClick={\n\t\t\t\t\tisLoading\n\t\t\t\t\t\t? () => {\n\t\t\t\t\t\t\t\t// Do nothing\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: onClick\n\t\t\t\t}\n\t\t\t\tref={ref}\n\t\t\t\tid={id}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tsize={size}\n\t\t\t\tbuttonType={buttonType}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\tinverse={inverse}\n\t\t\t\tmatchParentWidth={matchParentWidth}\n\t\t\t\tdarkMode={darkMode}\n\t\t\t\tactivated={activated}\n\t\t\t\terror={error}\n\t\t\t\tbuttonColor={buttonColor}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t<div className=\"button-container\">\n\t\t\t\t\t{buttonType.startsWith('dash') && <Sc.ButtonCustomDashedBorder />}\n\t\t\t\t\t<div className=\"overlay-container\">\n\t\t\t\t\t\t{isLoading && (\n\t\t\t\t\t\t\t<Spinner\n\t\t\t\t\t\t\t\tclassName=\"spinner\"\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tcolor={SpinnerColorMap(buttonType, inverse)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{IconComponent && (\n\t\t\t\t\t\t<div className=\"icon-component\">\n\t\t\t\t\t\t\t{React.createElement(IconComponent, getIconProps())}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{LeadingIcon && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\tstyle={{ zIndex: 1, ...LeadingIconStyles }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(LeadingIcon, getIconProps())}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{buttonText ? (\n\t\t\t\t\t\t<ButtonTextElement\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tcolor: buttonTextColor,\n\t\t\t\t\t\t\t\tfontSize: buttonFontSize,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{buttonText}\n\t\t\t\t\t\t\t<div className=\"text-subtitle\">{subtitle}</div>\n\t\t\t\t\t\t</ButtonTextElement>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t\t{TrailingIcon && (\n\t\t\t\t\t\t<div className=\"icon-trailing\" style={{ zIndex: 1 }}>\n\t\t\t\t\t\t\t{React.createElement(TrailingIcon, getIconProps())}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Sc.Button>\n\t\t);\n\t},\n);\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor","buttonFontSize","customIconColor","buttonColor","LeadingIconStyles","rest","ref","ButtonTextElement","GetButtonTextComponent","iconColor","getButtonIconColor","getIconProps","useCallback","iconSize","jsxDEV","Sc.Button","Sc.ButtonCustomDashedBorder","this","Spinner","SpinnerColorMap","React","Fragment"],"mappings":"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"}

package/dist/cjs/components/button/Button.styled.js

@@ -1,53 +1,53 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),o=require("styled-components"),n=require("../../constants/Theme.js"),e=require("./themes.js"),a=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},r=a(o),d=r.default.button`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),o=require("styled-components"),n=require("../../constants/Theme.js"),t=require("./themes.js"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=a(o),r=d.default.button`
 	all: unset;
 	cursor: pointer;
 	display: flex;
 	gap: 8.83px;
-	border-radius: ${t=>t.buttonType=="text"?"0":"4px"};
+	border-radius: ${e=>e.buttonType=="text"?"0":"4px"};
 	overflow: hidden;
-	${t=>t.matchParentWidth?"flex-grow: 1;":""}
-	background-color: ${t=>e.getBackgroundColor(t.buttonType,t.size,t.inverse,t.darkMode,t.buttonColor)};
+	${e=>e.matchParentWidth?"flex-grow: 1;":""}
+	background-color: ${e=>t.getBackgroundColor(e.buttonType,e.size,e.inverse,e.darkMode,e.buttonColor)};
 
-	${t=>t.buttonType.startsWith("dash")?`.button-container {
+	${e=>e.buttonType.startsWith("dash")?`.button-container {
 					display: flex;
 					width: 100%;
 					position: relative;
 					border-radius: 4px;
 					overflow: hidden;
-					${t.matchParentWidth?"justify-content: center;":""}
-					padding: ${e.getPadding(t.buttonType,t.size)};
-				}`:`padding: ${e.getPadding(t.buttonType,t.size)};
-	${e.getBorder(t.version??"1.0",t.buttonType,t.size,t.inverse,t.error)}`}
+					${e.matchParentWidth?"justify-content: center;":""}
+					padding: ${t.getPadding(e.buttonType,e.size)};
+				}`:`padding: ${t.getPadding(e.buttonType,e.size)};
+	${t.getBorder(e.version??"1.0",e.buttonType,e.size,e.inverse,e.error)}`}
 
 	.icon-component {
-		height: ${t=>t.size==="chip"?"16px":"20px"};
-		width: ${t=>t.size==="chip"?"16px":"20px"};
+		height: ${e=>e.size==="chip"?"16px":"20px"};
+		width: ${e=>e.size==="chip"?"16px":"20px"};
 	}
 
 	.icon-trailing {
-		height: ${t=>t.size==="chip"?"16px":"20px"};
-		width: ${t=>t.size==="chip"?"16px":"20px"};
+		height: ${e=>e.size==="chip"?"16px":"20px"};
+		width: ${e=>e.size==="chip"?"16px":"20px"};
 	}
 
 	.text {
-		color: ${t=>e.getColor(t.buttonType,t.size,t.inverse,t.darkMode)};
+		color: ${e=>t.getColor(e.buttonType,e.size,e.inverse,e.darkMode)};
 	}
 
 	.icon-leading {
-		height: ${t=>t.size==="chip"?"16px":"20px"};
-		width: ${t=>t.size==="chip"?"16px":"20px"};
+		height: ${e=>e.size==="chip"?"16px":"20px"};
+		width: ${e=>e.size==="chip"?"16px":"20px"};
 	}
 
-	${t=>e.getDashedBorderStyling(t.buttonType,t.size,t.isLoading?n.COLORS.stroke.brandLightAlt:t.error?n.COLORS.stroke.negative.vibrant:void 0)}
+	${e=>t.getDashedBorderStyling(e.buttonType,e.size,e.isLoading?n.COLORS.stroke.brandLightAlt:e.error?n.COLORS.stroke.negative.vibrant:void 0)}
 
 	.overlay-container {
 		display: none;
 	}
 
-	${t=>!t.disabled&&!t.isLoading&&t.activated&&(t.buttonType=="dashBold"||t.buttonType=="dashRegular")&&`
+	${e=>!e.disabled&&!e.isLoading&&e.activated&&(e.buttonType=="dashBold"||e.buttonType=="dashRegular")&&`
 	.button-container {
 		display: flex;
-		${t.matchParentWidth?"justify-content: center;":""}
+		${e.matchParentWidth?"justify-content: center;":""}
 		position: relative;
 		width: 100%;
 		.overlay-container {
@@ -61,32 +61,32 @@
 		}
 		`}
 	}
-	${e.getClickEffect(t.buttonType,t.size,t.inverse)}
-	${e.getDashedBorderStyling(t.buttonType,t.size,n.COLORS.content.brand)}
+	${t.getClickEffect(e.buttonType,e.size,e.inverse)}
+	${t.getDashedBorderStyling(e.buttonType,e.size,n.COLORS.content.brand)}
 	`}
 
 	:disabled {
 		.overlay-container {
 			display: none !important;
 		}
-		cursor: ${t=>t.buttonType==="text"?"auto":"not-allowed"};
-		${t=>e.generateDisabledStyling(t.buttonType,t.size,t.inverse)}
+		cursor: ${e=>e.buttonType==="text"?"auto":"not-allowed"};
+		${e=>t.generateDisabledStyling(e.buttonType,e.size,e.inverse)}
 		.text {
-			color: ${t=>e.getDisabledTextColor(t.inverse)} !important;
+			color: ${e=>t.getDisabledTextColor(e.inverse)} !important;
 		}
-		${t=>e.getDashedBorderStyling(t.buttonType,t.size,n.COLORS.stroke.primary)}
+		${e=>t.getDashedBorderStyling(e.buttonType,e.size,n.COLORS.stroke.primary)}
 	}
 
-	${t=>!t.disabled&&!t.isLoading&&`:active {
+	${e=>!e.disabled&&!e.isLoading&&`:active {
 				.button-container {
 					display: flex;
-					${t.matchParentWidth?"justify-content: center;":""}
+					${e.matchParentWidth?"justify-content: center;":""}
 					position: relative;
 					width: 100%;
 					.overlay-container {
 						display: none !important;
 					}
-					${t.size==="chip"&&`.text {
+					${e.size==="chip"&&`.text {
 						color: ${n.COLORS.background.inverseLight} !important;
 					}
 					.icon {
@@ -96,14 +96,14 @@
 				}
 
 
-			${e.getClickEffect(t.buttonType,t.size,t.inverse)}
-			${e.getDashedBorderStyling(t.buttonType,t.size,n.COLORS.content.brand)}
+			${t.getClickEffect(e.buttonType,e.size,e.inverse)}
+			${t.getDashedBorderStyling(e.buttonType,e.size,n.COLORS.content.brand)}
 		}`}
 
-	${t=>t.isLoading?`
+	${e=>e.isLoading?`
 			cursor: not-allowed;
 			padding: 0;
-		${e.getLoadingBorder(t.buttonType,t.size,t.inverse)}
+		${t.getLoadingBorder(e.buttonType,e.size,e.inverse)}
 
 		.button-container {
 			display: flex;
@@ -112,8 +112,8 @@
 			.text {
 				opacity: 0;
 			}
-			${t.buttonColor?`background-color: ${e.getLoadingButtonBackgroundCustom(t.buttonColor,15)};`:""}
-			padding: ${e.getPadding(t.buttonType,t.size)};
+			${e.buttonColor?`background-color: ${t.getLoadingButtonBackgroundCustom(e.buttonColor,15)};`:""}
+			padding: ${t.getPadding(e.buttonType,e.size)};
 			.overlay-container {
 				display: block;
 				position: absolute;
@@ -123,7 +123,7 @@
 				left: 0;
 				width: 100%;
 				height: 100%;
-				${e.getLoadingBackground(t.buttonType,t.size,t.inverse,t.buttonColor)}
+				${t.getLoadingBackground(e.buttonType,e.size,e.inverse,e.buttonColor)}
 				.spinner {
 					position: absolute;
 					top: calc(50% - 14px);
@@ -137,9 +137,9 @@
 				display: flex;
 				position: relative;
 				width: 100%;
-				${t.matchParentWidth?"justify-content: center;":""}
-				padding: ${e.getPadding(t.buttonType,t.size)};
-				{${t.buttonColor?`background-color: ${e.getHoverButtonBackgroundCustom(t.buttonColor,15)}`:""}}
+				${e.matchParentWidth?"justify-content: center;":""}
+				padding: ${t.getPadding(e.buttonType,e.size)};
+				{${e.buttonColor?`background-color: ${t.getHoverButtonBackgroundCustom(e.buttonColor,15)}`:""}}
 				.overlay-container {
 					display: block;
 					position: absolute;
@@ -148,19 +148,19 @@
 					left: 0;
 					width: 100%;
 					height: 100%;
-					${e.getHoverButtonBackground(t.buttonType,t.inverse)}
+					${t.getHoverButtonBackground(e.buttonType,e.inverse)}
 				}
-				${t.size==="chip"&&t.buttonType!=="text"?t.darkMode?`background-color: ${n.COLORS.stroke.primary};`:`background-color: ${n.COLORS.surface.hovered};`:""}
-				${t.buttonType==="primary"&&t.size!=="chip"&&!t.inverse&&!t.buttonColor?`background-color: ${n.COLORS.background.inverse};`:""}
+				${e.size==="chip"&&e.buttonType!=="text"?e.darkMode?`background-color: ${n.COLORS.stroke.primary};`:`background-color: ${n.COLORS.surface.hovered};`:""}
+				${e.buttonType==="primary"&&e.size!=="chip"&&!e.inverse&&!e.buttonColor?`background-color: ${n.COLORS.background.inverse};`:""}
 			}
-			${t.buttonType==="text"?e.getHoverButtonTextDecorationStyle(t.buttonType,t.disabled):""}
-			${t.inverse?e.generateInverseHoverBackground(t.buttonType,t.disabled):""}
+			${e.buttonType==="text"?t.getHoverButtonTextDecorationStyle(e.buttonType,e.disabled):""}
+			${e.inverse?t.generateInverseHoverBackground(e.buttonType,e.disabled):""}
 		}`}
 
 		.button-container {
 		display: flex;
 		gap: 8.33px;
-		${t=>t.matchParentWidth?"margin: auto;":""}
+		${e=>e.matchParentWidth?"margin: auto;":""}
 	}
-`,l=()=>i.jsxDEV(i.Fragment,{children:[i.jsxDEV("div",{className:"line-top"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/button/Button.styled.tsx",lineNumber:291,columnNumber:4},void 0),i.jsxDEV("div",{className:"line-left"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/button/Button.styled.tsx",lineNumber:292,columnNumber:4},void 0),i.jsxDEV("div",{className:"line-bottom"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/button/Button.styled.tsx",lineNumber:293,columnNumber:4},void 0),i.jsxDEV("div",{className:"line-right"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/button/Button.styled.tsx",lineNumber:294,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/button/Button.styled.tsx",lineNumber:290,columnNumber:3},void 0);exports.Button=d;exports.ButtonCustomDashedBorder=l;
+`,l=()=>i.jsxDEV(i.Fragment,{children:[i.jsxDEV("div",{className:"line-top"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/button/Button.styled.tsx",lineNumber:291,columnNumber:4},void 0),i.jsxDEV("div",{className:"line-left"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/button/Button.styled.tsx",lineNumber:292,columnNumber:4},void 0),i.jsxDEV("div",{className:"line-bottom"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/button/Button.styled.tsx",lineNumber:293,columnNumber:4},void 0),i.jsxDEV("div",{className:"line-right"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/button/Button.styled.tsx",lineNumber:294,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/button/Button.styled.tsx",lineNumber:290,columnNumber:3},void 0);exports.Button=r;exports.ButtonCustomDashedBorder=l;
 //# sourceMappingURL=Button.styled.js.map

package/dist/cjs/components/button/Button.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styled.js","sources":["../../../../src/components/button/Button.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { Size, Type } from './model';\nimport {\n\tgenerateDisabledStyling,\n\tgenerateInverseHoverBackground,\n\tgetBackgroundColor,\n\tgetBorder,\n\tgetClickEffect,\n\tgetColor,\n\tgetDashedBorderStyling,\n\tgetDisabledTextColor,\n\tgetHoverButtonBackground,\n\tgetHoverButtonBackgroundCustom,\n\tgetHoverButtonTextDecorationStyle,\n\tgetLoadingBackground,\n\tgetLoadingBorder,\n\tgetLoadingButtonBackgroundCustom,\n\tgetPadding,\n} from './themes';\n\nexport const Button = styled.button<{\n\tsize: Size;\n\tbuttonType: Type;\n\tisLoading?: boolean;\n\tinverse?: boolean;\n\tdisabled?: boolean;\n\tmatchParentWidth?: boolean;\n\tversion?: '1.0' | '2.0';\n\tdarkMode?: boolean;\n\tactivated?: boolean;\n\terror?: boolean;\n\tbuttonColor?: string;\n}>`\n\tall: unset;\n\tcursor: pointer;\n\tdisplay: flex;\n\tgap: 8.83px;\n\tborder-radius: ${(props) => (props.buttonType == 'text' ? '0' : '4px')};\n\toverflow: hidden;\n\t${(props) => (props.matchParentWidth ? `flex-grow: 1;` : '')}\n\tbackground-color: ${(props) =>\n\t\tgetBackgroundColor(\n\t\t\tprops.buttonType,\n\t\t\tprops.size,\n\t\t\tprops.inverse,\n\t\t\tprops.darkMode,\n\t\t\tprops.buttonColor,\n\t\t)};\n\n\t${(props) =>\n\t\tprops.buttonType.startsWith('dash')\n\t\t\t? `.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\t\t\t\tpadding: ${getPadding(props.buttonType, props.size)};\n\t\t\t\t}`\n\t\t\t: `padding: ${getPadding(props.buttonType, props.size)};\n\t${getBorder(\n\t\tprops.version ?? '1.0',\n\t\tprops.buttonType,\n\t\tprops.size,\n\t\tprops.inverse,\n\t\tprops.error,\n\t)}`}\n\n\t.icon-component {\n\t\theight: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t\twidth: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t}\n\n\t.icon-trailing {\n\t\theight: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t\twidth: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t}\n\n\t.text {\n\t\tcolor: ${(props) =>\n\t\t\tgetColor(props.buttonType, props.size, props.inverse, props.darkMode)};\n\t}\n\n\t.icon-leading {\n\t\theight: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t\twidth: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t}\n\n\t${(props) =>\n\t\tgetDashedBorderStyling(\n\t\t\tprops.buttonType,\n\t\t\tprops.size,\n\t\t\tprops.isLoading\n\t\t\t\t? COLORS.stroke.brandLightAlt\n\t\t\t\t: props.error\n\t\t\t\t? COLORS.stroke.negative.vibrant\n\t\t\t\t: undefined,\n\t\t)}\n\n\t.overlay-container {\n\t\tdisplay: none;\n\t}\n\n\t${(props) =>\n\t\t!props.disabled &&\n\t\t!props.isLoading &&\n\t\tprops.activated &&\n\t\t(props.buttonType == 'dashBold' || props.buttonType == 'dashRegular') &&\n\t\t`\n\t.button-container {\n\t\tdisplay: flex;\n\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\t.overlay-container {\n\t\t\tdisplay: none !important;\n\t\t}\n\t\t${`.text {\n\t\t\tcolor: ${COLORS.content.brand} !important;\n\t\t}\n\t\t.icon {\n\t\t\tcolor: ${COLORS.background.brand};\n\t\t}\n\t\t`}\n\t}\n\t${getClickEffect(props.buttonType, props.size, props.inverse)}\n\t${getDashedBorderStyling(props.buttonType, props.size, COLORS.content.brand)}\n\t`}\n\n\t:disabled {\n\t\t.overlay-container {\n\t\t\tdisplay: none !important;\n\t\t}\n\t\tcursor: ${(props) =>\n\t\t\tprops.buttonType === 'text' ? 'auto' : 'not-allowed'};\n\t\t${(props) =>\n\t\t\tgenerateDisabledStyling(props.buttonType, props.size, props.inverse)}\n\t\t.text {\n\t\t\tcolor: ${(props) => getDisabledTextColor(props.inverse)} !important;\n\t\t}\n\t\t${(props) =>\n\t\t\tgetDashedBorderStyling(\n\t\t\t\tprops.buttonType,\n\t\t\t\tprops.size,\n\t\t\t\tCOLORS.stroke.primary,\n\t\t\t)}\n\t}\n\n\t${(props) =>\n\t\t!props.disabled &&\n\t\t!props.isLoading &&\n\t\t`:active {\n\t\t\t\t.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\t.overlay-container {\n\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t}\n\t\t\t\t\t${\n\t\t\t\t\t\tprops.size === 'chip' &&\n\t\t\t\t\t\t`.text {\n\t\t\t\t\t\tcolor: ${COLORS.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${COLORS.background.inverseLight};\n\t\t\t\t\t}\n\t\t\t\t\t`\n\t\t\t\t\t}\n\t\t\t\t}\n\n\n\t\t\t${getClickEffect(props.buttonType, props.size, props.inverse)}\n\t\t\t${getDashedBorderStyling(props.buttonType, props.size, COLORS.content.brand)}\n\t\t}`}\n\n\t${(props) =>\n\t\t// do not load hover styles for loading state and also active state\n\t\t!props.isLoading\n\t\t\t? `:not(:active):not(:disabled):hover {\n\t\t\tpadding: 0;\n\t\t\t.button-container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\t\t\tpadding: ${getPadding(props.buttonType, props.size)};\n\t\t\t\t{${\n\t\t\t\t\tprops.buttonColor\n\t\t\t\t\t\t? `background-color: ${getHoverButtonBackgroundCustom(\n\t\t\t\t\t\t\t\tprops.buttonColor,\n\t\t\t\t\t\t\t\t15,\n\t\t\t\t\t\t  )}`\n\t\t\t\t\t\t: ''\n\t\t\t\t}}\n\t\t\t\t.overlay-container {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\t${getHoverButtonBackground(props.buttonType, props.inverse)}\n\t\t\t\t}\n\t\t\t\t${\n\t\t\t\t\tprops.size === 'chip' && props.buttonType !== 'text'\n\t\t\t\t\t\t? props.darkMode\n\t\t\t\t\t\t\t? `background-color: ${COLORS.stroke.primary};`\n\t\t\t\t\t\t\t: `background-color: ${COLORS.surface.hovered};`\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t\t${\n\t\t\t\t\tprops.buttonType === 'primary' &&\n\t\t\t\t\tprops.size !== 'chip' &&\n\t\t\t\t\t!props.inverse &&\n\t\t\t\t\t!props.buttonColor\n\t\t\t\t\t\t? `background-color: ${COLORS.background.inverse};`\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t}\n\t\t\t${\n\t\t\t\tprops.buttonType === 'text'\n\t\t\t\t\t? getHoverButtonTextDecorationStyle(props.buttonType, props.disabled)\n\t\t\t\t\t: ''\n\t\t\t}\n\t\t\t${\n\t\t\t\tprops.inverse\n\t\t\t\t\t? generateInverseHoverBackground(props.buttonType, props.disabled)\n\t\t\t\t\t: ''\n\t\t\t}\n\t\t}`\n\t\t\t: `\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${getLoadingBorder(props.buttonType, props.size, props.inverse)}\n\n\t\t.button-container {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\t.text {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\t${\n\t\t\t\tprops.buttonColor\n\t\t\t\t\t? `background-color: ${getLoadingButtonBackgroundCustom(\n\t\t\t\t\t\t\tprops.buttonColor,\n\t\t\t\t\t\t\t15,\n\t\t\t\t\t  )};`\n\t\t\t\t\t: ''\n\t\t\t}\n\t\t\tpadding: ${getPadding(props.buttonType, props.size)};\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tpadding: 0;\n\t\t\t\tpadding-top: 1px;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\t${getLoadingBackground(\n\t\t\t\t\tprops.buttonType,\n\t\t\t\t\tprops.size,\n\t\t\t\t\tprops.inverse,\n\t\t\t\t\tprops.buttonColor,\n\t\t\t\t)}\n\t\t\t\t.spinner {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: calc(50% - 14px);\n\t\t\t\t\tleft: calc(50% - 7px);\n\t\t\t\t}\n\n\t\t\t}\n\t\t}`}\n\n\t\t.button-container {\n\t\tdisplay: flex;\n\t\tgap: 8.33px;\n\t\t${(props) => (props.matchParentWidth ? 'margin: auto;' : '')}\n\t}\n`;\n\nexport const ButtonCustomDashedBorder = () => {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"line-top\"></div>\n\t\t\t<div className=\"line-left\"></div>\n\t\t\t<div className=\"line-bottom\"></div>\n\t\t\t<div className=\"line-right\"></div>\n\t\t</>\n\t);\n};\n"],"names":["Button","styled","props","getBackgroundColor","getPadding","getBorder","getColor","getDashedBorderStyling","COLORS","getClickEffect","generateDisabledStyling","getDisabledTextColor","getLoadingBorder","getLoadingButtonBackgroundCustom","getLoadingBackground","getHoverButtonBackgroundCustom","getHoverButtonBackground","getHoverButtonTextDecorationStyle","generateInverseHoverBackground","ButtonCustomDashedBorder","jsxDEV","Fragment","this"],"mappings":"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"}
+{"version":3,"file":"Button.styled.js","sources":["../../../../src/components/button/Button.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { Size, Type } from './model';\nimport {\n\tgenerateDisabledStyling,\n\tgenerateInverseHoverBackground,\n\tgetBackgroundColor,\n\tgetBorder,\n\tgetClickEffect,\n\tgetColor,\n\tgetDashedBorderStyling,\n\tgetDisabledTextColor,\n\tgetHoverButtonBackground,\n\tgetHoverButtonBackgroundCustom,\n\tgetHoverButtonTextDecorationStyle,\n\tgetLoadingBackground,\n\tgetLoadingBorder,\n\tgetLoadingButtonBackgroundCustom,\n\tgetPadding,\n} from './themes';\n\nexport const Button = styled.button<{\n\tsize: Size;\n\tbuttonType: Type;\n\tisLoading?: boolean;\n\tinverse?: boolean;\n\tdisabled?: boolean;\n\tmatchParentWidth?: boolean;\n\tversion?: '1.0' | '2.0';\n\tdarkMode?: boolean;\n\tactivated?: boolean;\n\terror?: boolean;\n\tbuttonColor?: string;\n}>`\n\tall: unset;\n\tcursor: pointer;\n\tdisplay: flex;\n\tgap: 8.83px;\n\tborder-radius: ${(props) => (props.buttonType == 'text' ? '0' : '4px')};\n\toverflow: hidden;\n\t${(props) => (props.matchParentWidth ? `flex-grow: 1;` : '')}\n\tbackground-color: ${(props) =>\n\t\tgetBackgroundColor(\n\t\t\tprops.buttonType,\n\t\t\tprops.size,\n\t\t\tprops.inverse,\n\t\t\tprops.darkMode,\n\t\t\tprops.buttonColor,\n\t\t)};\n\n\t${(props) =>\n\t\tprops.buttonType.startsWith('dash')\n\t\t\t? `.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\t\t\t\tpadding: ${getPadding(props.buttonType, props.size)};\n\t\t\t\t}`\n\t\t\t: `padding: ${getPadding(props.buttonType, props.size)};\n\t${getBorder(\n\t\tprops.version ?? '1.0',\n\t\tprops.buttonType,\n\t\tprops.size,\n\t\tprops.inverse,\n\t\tprops.error,\n\t)}`}\n\n\t.icon-component {\n\t\theight: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t\twidth: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t}\n\n\t.icon-trailing {\n\t\theight: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t\twidth: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t}\n\n\t.text {\n\t\tcolor: ${(props) =>\n\t\t\tgetColor(props.buttonType, props.size, props.inverse, props.darkMode)};\n\t}\n\n\t.icon-leading {\n\t\theight: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t\twidth: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t}\n\n\t${(props) =>\n\t\tgetDashedBorderStyling(\n\t\t\tprops.buttonType,\n\t\t\tprops.size,\n\t\t\tprops.isLoading\n\t\t\t\t? COLORS.stroke.brandLightAlt\n\t\t\t\t: props.error\n\t\t\t\t? COLORS.stroke.negative.vibrant\n\t\t\t\t: undefined,\n\t\t)}\n\n\t.overlay-container {\n\t\tdisplay: none;\n\t}\n\n\t${(props) =>\n\t\t!props.disabled &&\n\t\t!props.isLoading &&\n\t\tprops.activated &&\n\t\t(props.buttonType == 'dashBold' || props.buttonType == 'dashRegular') &&\n\t\t`\n\t.button-container {\n\t\tdisplay: flex;\n\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\t.overlay-container {\n\t\t\tdisplay: none !important;\n\t\t}\n\t\t${`.text {\n\t\t\tcolor: ${COLORS.content.brand} !important;\n\t\t}\n\t\t.icon {\n\t\t\tcolor: ${COLORS.background.brand};\n\t\t}\n\t\t`}\n\t}\n\t${getClickEffect(props.buttonType, props.size, props.inverse)}\n\t${getDashedBorderStyling(props.buttonType, props.size, COLORS.content.brand)}\n\t`}\n\n\t:disabled {\n\t\t.overlay-container {\n\t\t\tdisplay: none !important;\n\t\t}\n\t\tcursor: ${(props) =>\n\t\t\tprops.buttonType === 'text' ? 'auto' : 'not-allowed'};\n\t\t${(props) =>\n\t\t\tgenerateDisabledStyling(props.buttonType, props.size, props.inverse)}\n\t\t.text {\n\t\t\tcolor: ${(props) => getDisabledTextColor(props.inverse)} !important;\n\t\t}\n\t\t${(props) =>\n\t\t\tgetDashedBorderStyling(\n\t\t\t\tprops.buttonType,\n\t\t\t\tprops.size,\n\t\t\t\tCOLORS.stroke.primary,\n\t\t\t)}\n\t}\n\n\t${(props) =>\n\t\t!props.disabled &&\n\t\t!props.isLoading &&\n\t\t`:active {\n\t\t\t\t.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\t.overlay-container {\n\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t}\n\t\t\t\t\t${\n\t\t\t\t\t\tprops.size === 'chip' &&\n\t\t\t\t\t\t`.text {\n\t\t\t\t\t\tcolor: ${COLORS.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${COLORS.background.inverseLight};\n\t\t\t\t\t}\n\t\t\t\t\t`\n\t\t\t\t\t}\n\t\t\t\t}\n\n\n\t\t\t${getClickEffect(props.buttonType, props.size, props.inverse)}\n\t\t\t${getDashedBorderStyling(props.buttonType, props.size, COLORS.content.brand)}\n\t\t}`}\n\n\t${(props) =>\n\t\t// do not load hover styles for loading state and also active state\n\t\t!props.isLoading\n\t\t\t? `:not(:active):not(:disabled):hover {\n\t\t\tpadding: 0;\n\t\t\t.button-container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\t\t\tpadding: ${getPadding(props.buttonType, props.size)};\n\t\t\t\t{${\n\t\t\t\t\tprops.buttonColor\n\t\t\t\t\t\t? `background-color: ${getHoverButtonBackgroundCustom(\n\t\t\t\t\t\t\t\tprops.buttonColor,\n\t\t\t\t\t\t\t\t15,\n\t\t\t\t\t\t  )}`\n\t\t\t\t\t\t: ''\n\t\t\t\t}}\n\t\t\t\t.overlay-container {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\t${getHoverButtonBackground(props.buttonType, props.inverse)}\n\t\t\t\t}\n\t\t\t\t${\n\t\t\t\t\tprops.size === 'chip' && props.buttonType !== 'text'\n\t\t\t\t\t\t? props.darkMode\n\t\t\t\t\t\t\t? `background-color: ${COLORS.stroke.primary};`\n\t\t\t\t\t\t\t: `background-color: ${COLORS.surface.hovered};`\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t\t${\n\t\t\t\t\tprops.buttonType === 'primary' &&\n\t\t\t\t\tprops.size !== 'chip' &&\n\t\t\t\t\t!props.inverse &&\n\t\t\t\t\t!props.buttonColor\n\t\t\t\t\t\t? `background-color: ${COLORS.background.inverse};`\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t}\n\t\t\t${\n\t\t\t\tprops.buttonType === 'text'\n\t\t\t\t\t? getHoverButtonTextDecorationStyle(props.buttonType, props.disabled)\n\t\t\t\t\t: ''\n\t\t\t}\n\t\t\t${\n\t\t\t\tprops.inverse\n\t\t\t\t\t? generateInverseHoverBackground(props.buttonType, props.disabled)\n\t\t\t\t\t: ''\n\t\t\t}\n\t\t}`\n\t\t\t: `\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${getLoadingBorder(props.buttonType, props.size, props.inverse)}\n\n\t\t.button-container {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\t.text {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\t${\n\t\t\t\tprops.buttonColor\n\t\t\t\t\t? `background-color: ${getLoadingButtonBackgroundCustom(\n\t\t\t\t\t\t\tprops.buttonColor,\n\t\t\t\t\t\t\t15,\n\t\t\t\t\t  )};`\n\t\t\t\t\t: ''\n\t\t\t}\n\t\t\tpadding: ${getPadding(props.buttonType, props.size)};\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tpadding: 0;\n\t\t\t\tpadding-top: 1px;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\t${getLoadingBackground(\n\t\t\t\t\tprops.buttonType,\n\t\t\t\t\tprops.size,\n\t\t\t\t\tprops.inverse,\n\t\t\t\t\tprops.buttonColor,\n\t\t\t\t)}\n\t\t\t\t.spinner {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: calc(50% - 14px);\n\t\t\t\t\tleft: calc(50% - 7px);\n\t\t\t\t}\n\n\t\t\t}\n\t\t}`}\n\n\t\t.button-container {\n\t\tdisplay: flex;\n\t\tgap: 8.33px;\n\t\t${(props) => (props.matchParentWidth ? 'margin: auto;' : '')}\n\t}\n`;\n\nexport const ButtonCustomDashedBorder = () => {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"line-top\"></div>\n\t\t\t<div className=\"line-left\"></div>\n\t\t\t<div className=\"line-bottom\"></div>\n\t\t\t<div className=\"line-right\"></div>\n\t\t</>\n\t);\n};\n"],"names":["Button","styled","props","getBackgroundColor","getPadding","getBorder","getColor","getDashedBorderStyling","COLORS","getClickEffect","generateDisabledStyling","getDisabledTextColor","getLoadingBorder","getLoadingButtonBackgroundCustom","getLoadingBackground","getHoverButtonBackgroundCustom","getHoverButtonBackground","getHoverButtonTextDecorationStyle","generateInverseHoverBackground","ButtonCustomDashedBorder","jsxDEV","Fragment","this"],"mappings":"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"}

package/dist/cjs/components/buttonGroup/ButtonGroup.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),a=require("react"),m=require("../TypographyStyle.js"),i=require("../../constants/Theme.js"),u=require("./ButtonGroupStyle.js"),l=e=>{const[n,r]=a.useState(void 0);a.useEffect(()=>{r(e.activeButtonId||void 0)},[e?.activeButtonId]);const c=o=>{r(o.id),e.onButtonClick(o.id)};return t.jsxDEV(u.ButtonGroupStyle,{className:"button-group",width:e.width||"100%",gap:e.gap,size:e.size,iconPosition:e.iconPosition,children:e.buttonGroup.map(o=>{const s=o?.icon;return t.jsxDEV(u.Button,{borderRadius:e.borderRadius??"4px",matchParentWidth:e.matchParentWidth??!0,className:"button",isActive:n===o.id,onClick:()=>c(o),iconPosition:e.iconPosition,size:e.size,backgroundColor:e.backgroundColor||i.COLORS.surface.subdued,children:[e?.iconPosition&&s&&t.jsxDEV("div",{className:"button__image",children:t.jsxDEV(s,{color:n===o.id?i.COLORS.background.inverseLight:i.COLORS.content.secondary,width:e?.iconWidth||"18px",height:e?.iconHeight||"18px"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/buttonGroup/ButtonGroup.tsx",lineNumber:64,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/buttonGroup/ButtonGroup.tsx",lineNumber:63,columnNumber:8},void 0),t.jsxDEV("div",{className:"button__name",children:t.jsxDEV(m.BodySecondary,{style:{color:n===o.id?i.COLORS.background.inverseLight:i.COLORS.content.secondary},children:o.title},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/buttonGroup/ButtonGroup.tsx",lineNumber:76,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/buttonGroup/ButtonGroup.tsx",lineNumber:75,columnNumber:7},void 0)]},o.id,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/buttonGroup/ButtonGroup.tsx",lineNumber:51,columnNumber:6},void 0)})},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/buttonGroup/ButtonGroup.tsx",lineNumber:41,columnNumber:3},void 0)};exports.ButtonGroup=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),s=require("react"),d=require("../TypographyStyle.js"),t=require("../../constants/Theme.js"),c=require("./ButtonGroupStyle.js"),l=e=>{const[i,r]=s.useState(void 0);s.useEffect(()=>{r(e.activeButtonId||void 0)},[e?.activeButtonId]);const a=o=>{r(o.id),e.onButtonClick(o.id)};return n.jsxDEV(c.ButtonGroupStyle,{className:"button-group",width:e.width||"100%",gap:e.gap,size:e.size,iconPosition:e.iconPosition,children:e.buttonGroup.map(o=>{const u=o?.icon;return n.jsxDEV(c.Button,{borderRadius:e.borderRadius??"4px",matchParentWidth:e.matchParentWidth??!0,className:"button",isActive:i===o.id,onClick:()=>a(o),iconPosition:e.iconPosition,size:e.size,backgroundColor:e.backgroundColor||t.COLORS.surface.subdued,children:[e?.iconPosition&&u&&n.jsxDEV("div",{className:"button__image",children:n.jsxDEV(u,{color:i===o.id?t.COLORS.background.inverseLight:t.COLORS.content.secondary,width:e?.iconWidth||"18px",height:e?.iconHeight||"18px"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/buttonGroup/ButtonGroup.tsx",lineNumber:64,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/buttonGroup/ButtonGroup.tsx",lineNumber:63,columnNumber:8},void 0),n.jsxDEV("div",{className:"button__name",children:n.jsxDEV(d.BodySecondary,{style:{color:i===o.id?t.COLORS.background.inverseLight:t.COLORS.content.secondary},children:o.title},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/buttonGroup/ButtonGroup.tsx",lineNumber:76,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/buttonGroup/ButtonGroup.tsx",lineNumber:75,columnNumber:7},void 0)]},o.id,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/buttonGroup/ButtonGroup.tsx",lineNumber:51,columnNumber:6},void 0)})},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/buttonGroup/ButtonGroup.tsx",lineNumber:41,columnNumber:3},void 0)};exports.ButtonGroup=l;
 //# sourceMappingURL=ButtonGroup.js.map

package/dist/cjs/components/buttonGroup/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/buttonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button, ButtonGroupStyle } from './ButtonGroupStyle';\n\nexport interface ButtonGroupInterface {\n\tid: string;\n\ttitle: string;\n\ticon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n}\n\nexport interface ButtonGroupProps {\n\tid?: string;\n\twidth?: string;\n\tgap?: string;\n\ticonWidth?: string;\n\ticonHeight?: string;\n\ticonPosition?: 'left' | 'right' | 'top';\n\tonButtonClick: (buttonId: string) => void;\n\tactiveButtonId?: string;\n\tbuttonGroup: Array<ButtonGroupInterface>;\n\tsize: 'small' | 'medium' | 'large';\n\tmatchParentWidth?: boolean;\n\tborderRadius?: string;\n\tbackgroundColor?: string;\n}\n\nexport const ButtonGroup: React.FC<ButtonGroupProps> = (props) => {\n\tconst [activeTab, setActiveTab] = useState<string | undefined>(undefined);\n\n\tuseEffect(() => {\n\t\tsetActiveTab(props.activeButtonId || undefined);\n\t}, [props?.activeButtonId]);\n\n\tconst onButtonClicked = (button: ButtonGroupInterface) => {\n\t\tsetActiveTab(button.id);\n\t\tprops.onButtonClick(button.id);\n\t};\n\n\treturn (\n\t\t<ButtonGroupStyle\n\t\t\tclassName=\"button-group\"\n\t\t\twidth={props.width || '100%'}\n\t\t\tgap={props.gap}\n\t\t\tsize={props.size}\n\t\t\ticonPosition={props.iconPosition}\n\t\t>\n\t\t\t{props.buttonGroup.map((button) => {\n\t\t\t\tconst IconToRender = button?.icon;\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tborderRadius={props.borderRadius ?? '4px'}\n\t\t\t\t\t\tmatchParentWidth={props.matchParentWidth ?? true}\n\t\t\t\t\t\tkey={button.id}\n\t\t\t\t\t\tclassName=\"button\"\n\t\t\t\t\t\tisActive={activeTab === button.id}\n\t\t\t\t\t\tonClick={() => onButtonClicked(button)}\n\t\t\t\t\t\ticonPosition={props.iconPosition}\n\t\t\t\t\t\tsize={props.size}\n\t\t\t\t\t\tbackgroundColor={props.backgroundColor || COLORS.surface.subdued}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props?.iconPosition && IconToRender && (\n\t\t\t\t\t\t\t<div className=\"button__image\">\n\t\t\t\t\t\t\t\t<IconToRender\n\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\tactiveTab === button.id\n\t\t\t\t\t\t\t\t\t\t\t? COLORS.background.inverseLight\n\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.secondary\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\twidth={props?.iconWidth || '18px'}\n\t\t\t\t\t\t\t\t\theight={props?.iconHeight || '18px'}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div className=\"button__name\">\n\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\tactiveTab === button.id\n\t\t\t\t\t\t\t\t\t\t\t? COLORS.background.inverseLight\n\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{button.title}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t})}\n\t\t</ButtonGroupStyle>\n\t);\n};\n"],"names":["ButtonGroup","props","activeTab","setActiveTab","useState","useEffect","onButtonClicked","button","jsxDEV","ButtonGroupStyle","IconToRender","Button","COLORS","this","BodySecondary"],"mappings":"wPA2BaA,EAA2CC,GAAU,CACjE,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAA6B,MAAS,EAExEC,EAAAA,UAAU,IAAM,CACfF,EAAaF,EAAM,gBAAkB,MAAS,CAC/C,EAAG,CAACA,GAAO,cAAc,CAAC,EAE1B,MAAMK,EAAmBC,GAAiC,CACzDJ,EAAaI,EAAO,EAAE,EACtBN,EAAM,cAAcM,EAAO,EAAE,CAC9B,EAEA,OACCC,EAAAA,OAACC,EAAAA,iBAAA,CACA,UAAU,eACV,MAAOR,EAAM,OAAS,OACtB,IAAKA,EAAM,IACX,KAAMA,EAAM,KACZ,aAAcA,EAAM,aAEnB,SAAAA,EAAM,YAAY,IAAKM,GAAW,CAClC,MAAMG,EAAeH,GAAQ,KAC7B,OACCC,EAAAA,OAACG,EAAAA,OAAA,CACA,aAAcV,EAAM,cAAgB,MACpC,iBAAkBA,EAAM,kBAAoB,GAE5C,UAAU,SACV,SAAUC,IAAcK,EAAO,GAC/B,QAAS,IAAMD,EAAgBC,CAAM,EACrC,aAAcN,EAAM,aACpB,KAAMA,EAAM,KACZ,gBAAiBA,EAAM,iBAAmBW,EAAAA,OAAO,QAAQ,QAExD,SAAA,CAAAX,GAAO,cAAgBS,GACvBF,EAAAA,OAAC,MAAA,CAAI,UAAU,gBACd,SAAAA,EAAAA,OAACE,EAAA,CACA,MACCR,IAAcK,EAAO,GAClBK,EAAAA,OAAO,WAAW,aAClBA,SAAO,QAAQ,UAEnB,MAAOX,GAAO,WAAa,OAC3B,OAAQA,GAAO,YAAc,MAAA,EAP9B,OAAA,GAAA,CAAA,SAAA,6JAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAAA,CAQA,EATD,OAAA,GAAA,CAAA,SAAA,6JAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAUA,EAEDL,EAAAA,OAAC,MAAA,CAAI,UAAU,eACd,SAAAA,EAAAA,OAACM,EAAAA,cAAA,CACA,MAAO,CACN,MACCZ,IAAcK,EAAO,GAClBK,EAAAA,OAAO,WAAW,aAClBA,EAAAA,OAAO,QAAQ,SAAA,EAGnB,SAAAL,EAAO,KAAA,EART,OAAA,GAAA,CAAA,SAAA,6JAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,CASA,EAVD,OAAA,GAAA,CAAA,SAAA,6JAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAWA,CAAA,CAAA,EAhCKN,EAAO,GAHb,GAAA,CAAA,SAAA,6JAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,CAsCF,CAAC,CAAA,EAhDF,OAAA,GAAA,CAAA,SAAA,6JAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAmDF"}
+{"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/buttonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button, ButtonGroupStyle } from './ButtonGroupStyle';\n\nexport interface ButtonGroupInterface {\n\tid: string;\n\ttitle: string;\n\ticon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n}\n\nexport interface ButtonGroupProps {\n\tid?: string;\n\twidth?: string;\n\tgap?: string;\n\ticonWidth?: string;\n\ticonHeight?: string;\n\ticonPosition?: 'left' | 'right' | 'top';\n\tonButtonClick: (buttonId: string) => void;\n\tactiveButtonId?: string;\n\tbuttonGroup: Array<ButtonGroupInterface>;\n\tsize: 'small' | 'medium' | 'large';\n\tmatchParentWidth?: boolean;\n\tborderRadius?: string;\n\tbackgroundColor?: string;\n}\n\nexport const ButtonGroup: React.FC<ButtonGroupProps> = (props) => {\n\tconst [activeTab, setActiveTab] = useState<string | undefined>(undefined);\n\n\tuseEffect(() => {\n\t\tsetActiveTab(props.activeButtonId || undefined);\n\t}, [props?.activeButtonId]);\n\n\tconst onButtonClicked = (button: ButtonGroupInterface) => {\n\t\tsetActiveTab(button.id);\n\t\tprops.onButtonClick(button.id);\n\t};\n\n\treturn (\n\t\t<ButtonGroupStyle\n\t\t\tclassName=\"button-group\"\n\t\t\twidth={props.width || '100%'}\n\t\t\tgap={props.gap}\n\t\t\tsize={props.size}\n\t\t\ticonPosition={props.iconPosition}\n\t\t>\n\t\t\t{props.buttonGroup.map((button) => {\n\t\t\t\tconst IconToRender = button?.icon;\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tborderRadius={props.borderRadius ?? '4px'}\n\t\t\t\t\t\tmatchParentWidth={props.matchParentWidth ?? true}\n\t\t\t\t\t\tkey={button.id}\n\t\t\t\t\t\tclassName=\"button\"\n\t\t\t\t\t\tisActive={activeTab === button.id}\n\t\t\t\t\t\tonClick={() => onButtonClicked(button)}\n\t\t\t\t\t\ticonPosition={props.iconPosition}\n\t\t\t\t\t\tsize={props.size}\n\t\t\t\t\t\tbackgroundColor={props.backgroundColor || COLORS.surface.subdued}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props?.iconPosition && IconToRender && (\n\t\t\t\t\t\t\t<div className=\"button__image\">\n\t\t\t\t\t\t\t\t<IconToRender\n\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\tactiveTab === button.id\n\t\t\t\t\t\t\t\t\t\t\t? COLORS.background.inverseLight\n\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.secondary\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\twidth={props?.iconWidth || '18px'}\n\t\t\t\t\t\t\t\t\theight={props?.iconHeight || '18px'}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div className=\"button__name\">\n\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\tactiveTab === button.id\n\t\t\t\t\t\t\t\t\t\t\t? COLORS.background.inverseLight\n\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{button.title}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t})}\n\t\t</ButtonGroupStyle>\n\t);\n};\n"],"names":["ButtonGroup","props","activeTab","setActiveTab","useState","useEffect","onButtonClicked","button","jsxDEV","ButtonGroupStyle","IconToRender","Button","COLORS","this","BodySecondary"],"mappings":"wPA2BaA,EAA2CC,GAAU,CACjE,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAA6B,MAAS,EAExEC,EAAAA,UAAU,IAAM,CACfF,EAAaF,EAAM,gBAAkB,MAAS,CAC/C,EAAG,CAACA,GAAO,cAAc,CAAC,EAE1B,MAAMK,EAAmBC,GAAiC,CACzDJ,EAAaI,EAAO,EAAE,EACtBN,EAAM,cAAcM,EAAO,EAAE,CAC9B,EAEA,OACCC,EAAAA,OAACC,EAAAA,iBAAA,CACA,UAAU,eACV,MAAOR,EAAM,OAAS,OACtB,IAAKA,EAAM,IACX,KAAMA,EAAM,KACZ,aAAcA,EAAM,aAEnB,SAAAA,EAAM,YAAY,IAAKM,GAAW,CAClC,MAAMG,EAAeH,GAAQ,KAC7B,OACCC,EAAAA,OAACG,EAAAA,OAAA,CACA,aAAcV,EAAM,cAAgB,MACpC,iBAAkBA,EAAM,kBAAoB,GAE5C,UAAU,SACV,SAAUC,IAAcK,EAAO,GAC/B,QAAS,IAAMD,EAAgBC,CAAM,EACrC,aAAcN,EAAM,aACpB,KAAMA,EAAM,KACZ,gBAAiBA,EAAM,iBAAmBW,EAAAA,OAAO,QAAQ,QAExD,SAAA,CAAAX,GAAO,cAAgBS,GACvBF,EAAAA,OAAC,MAAA,CAAI,UAAU,gBACd,SAAAA,EAAAA,OAACE,EAAA,CACA,MACCR,IAAcK,EAAO,GAClBK,EAAAA,OAAO,WAAW,aAClBA,SAAO,QAAQ,UAEnB,MAAOX,GAAO,WAAa,OAC3B,OAAQA,GAAO,YAAc,MAAA,EAP9B,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAAA,CAQA,EATD,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAUA,EAEDL,EAAAA,OAAC,MAAA,CAAI,UAAU,eACd,SAAAA,EAAAA,OAACM,EAAAA,cAAA,CACA,MAAO,CACN,MACCZ,IAAcK,EAAO,GAClBK,EAAAA,OAAO,WAAW,aAClBA,EAAAA,OAAO,QAAQ,SAAA,EAGnB,SAAAL,EAAO,KAAA,EART,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,CASA,EAVD,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAWA,CAAA,CAAA,EAhCKN,EAAO,GAHb,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,CAsCF,CAAC,CAAA,EAhDF,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAmDF"}

package/dist/cjs/components/card-selection-modal/CardSelectionModal.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),s=require("../../assets/icons/info.svg.js"),n=require("./CardSelectionModal.styled.js"),a=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),l=require("../modals/styledModal.js"),c=o=>{const t=()=>o.cards.map(r=>e.jsxDEV(n.StyledCard,{onClick:()=>{o.onCardSelected(r.value)},children:[r.icon&&e.jsxDEV("div",{className:"icon__container",children:e.jsxDEV(r.icon,{width:22,color:a.DEFAULT_THEME.colorsV2.content.brand},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selection-modal/CardSelectionModal.tsx",lineNumber:42,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selection-modal/CardSelectionModal.tsx",lineNumber:41,columnNumber:7},void 0),e.jsxDEV(i.TitleRegular,{children:r.title},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selection-modal/CardSelectionModal.tsx",lineNumber:48,columnNumber:6},void 0),e.jsxDEV(i.BodyCaption,{children:r.description},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selection-modal/CardSelectionModal.tsx",lineNumber:49,columnNumber:6},void 0)]},r.value,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selection-modal/CardSelectionModal.tsx",lineNumber:34,columnNumber:5},void 0));return e.jsxDEV(l.StyledModal,{open:o.isOpen,onClose:o.onClose,headingTitle:o.title,headingSubtitle:o.subTitle,centralContainerStyles:{width:716},children:e.jsxDEV(n.StyledCardContainer,{children:[e.jsxDEV("div",{className:"cards__wrapper",children:t()},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selection-modal/CardSelectionModal.tsx",lineNumber:64,columnNumber:5},void 0),o.infoText&&e.jsxDEV("div",{className:"info__wrapper",children:[e.jsxDEV(s.default,{width:15,color:a.DEFAULT_THEME.colorsV2.content.placeholder},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selection-modal/CardSelectionModal.tsx",lineNumber:67,columnNumber:7},void 0),e.jsxDEV(i.BodySecondary,{children:o.infoText},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selection-modal/CardSelectionModal.tsx",lineNumber:71,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selection-modal/CardSelectionModal.tsx",lineNumber:66,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selection-modal/CardSelectionModal.tsx",lineNumber:63,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selection-modal/CardSelectionModal.tsx",lineNumber:56,columnNumber:3},void 0)};exports.CardSelectionModal=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),d=require("../../assets/icons/info.svg.js"),r=require("./CardSelectionModal.styled.js"),i=require("../../constants/Theme.js"),l=require("../TypographyStyle.js"),s=require("../modals/styledModal.js"),c=n=>{const a=()=>n.cards.map(o=>e.jsxDEV(r.StyledCard,{onClick:()=>{n.onCardSelected(o.value)},children:[o.icon&&e.jsxDEV("div",{className:"icon__container",children:e.jsxDEV(o.icon,{width:22,color:i.DEFAULT_THEME.colorsV2.content.brand},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selection-modal/CardSelectionModal.tsx",lineNumber:42,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selection-modal/CardSelectionModal.tsx",lineNumber:41,columnNumber:7},void 0),e.jsxDEV(l.TitleRegular,{children:o.title},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selection-modal/CardSelectionModal.tsx",lineNumber:48,columnNumber:6},void 0),e.jsxDEV(l.BodyCaption,{children:o.description},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selection-modal/CardSelectionModal.tsx",lineNumber:49,columnNumber:6},void 0)]},o.value,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selection-modal/CardSelectionModal.tsx",lineNumber:34,columnNumber:5},void 0));return e.jsxDEV(s.StyledModal,{open:n.isOpen,onClose:n.onClose,headingTitle:n.title,headingSubtitle:n.subTitle,centralContainerStyles:{width:716},children:e.jsxDEV(r.StyledCardContainer,{children:[e.jsxDEV("div",{className:"cards__wrapper",children:a()},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selection-modal/CardSelectionModal.tsx",lineNumber:64,columnNumber:5},void 0),n.infoText&&e.jsxDEV("div",{className:"info__wrapper",children:[e.jsxDEV(d.default,{width:15,color:i.DEFAULT_THEME.colorsV2.content.placeholder},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selection-modal/CardSelectionModal.tsx",lineNumber:67,columnNumber:7},void 0),e.jsxDEV(l.BodySecondary,{children:n.infoText},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selection-modal/CardSelectionModal.tsx",lineNumber:71,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selection-modal/CardSelectionModal.tsx",lineNumber:66,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selection-modal/CardSelectionModal.tsx",lineNumber:63,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selection-modal/CardSelectionModal.tsx",lineNumber:56,columnNumber:3},void 0)};exports.CardSelectionModal=c;
 //# sourceMappingURL=CardSelectionModal.js.map

package/dist/cjs/components/card-selection-modal/CardSelectionModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardSelectionModal.js","sources":["../../../../src/components/card-selection-modal/CardSelectionModal.tsx"],"sourcesContent":["import InfoIcon from '@src/assets/icons/info.svg';\nimport React from 'react';\nimport {\n\tStyledCard,\n\tStyledCardContainer,\n} from '@src/components/card-selection-modal/CardSelectionModal.styled';\nimport { StyledModal } from '@src/components/modals';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport { BodyCaption, BodySecondary, TitleRegular } from '../TypographyStyle';\n\nexport type CardSelectionModalProps = {\n\tisOpen: boolean;\n\ttitle?: string;\n\tsubTitle?: string;\n\tinfoText?: string;\n\tcards: SelectionCardData[];\n\tonCardSelected: (value: string) => void;\n\tonClose: () => void;\n};\n\nexport type SelectionCardData = {\n\ticon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tvalue: string;\n\ttitle: string;\n\tdescription: string;\n};\n\nexport const CardSelectionModal: React.FC<CardSelectionModalProps> = (\n\tprops,\n) => {\n\tconst renderCards = () => {\n\t\treturn props.cards.map((card) => {\n\t\t\treturn (\n\t\t\t\t<StyledCard\n\t\t\t\t\tkey={card.value}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tprops.onCardSelected(card.value);\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{card.icon && (\n\t\t\t\t\t\t<div className=\"icon__container\">\n\t\t\t\t\t\t\t<card.icon\n\t\t\t\t\t\t\t\twidth={22}\n\t\t\t\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.brand}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<TitleRegular>{card.title}</TitleRegular>\n\t\t\t\t\t<BodyCaption>{card.description}</BodyCaption>\n\t\t\t\t</StyledCard>\n\t\t\t);\n\t\t});\n\t};\n\n\treturn (\n\t\t<StyledModal\n\t\t\topen={props.isOpen}\n\t\t\tonClose={props.onClose}\n\t\t\theadingTitle={props.title}\n\t\t\theadingSubtitle={props.subTitle}\n\t\t\tcentralContainerStyles={{ width: 716 }}\n\t\t>\n\t\t\t<StyledCardContainer>\n\t\t\t\t<div className=\"cards__wrapper\">{renderCards()}</div>\n\t\t\t\t{props.infoText && (\n\t\t\t\t\t<div className=\"info__wrapper\">\n\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\twidth={15}\n\t\t\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.placeholder}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<BodySecondary>{props.infoText}</BodySecondary>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</StyledCardContainer>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["CardSelectionModal","props","renderCards","card","jsxDEV","StyledCard","DEFAULT_THEME","this","TitleRegular","BodyCaption","StyledModal","StyledCardContainer","InfoIcon","BodySecondary"],"mappings":"gUA2BaA,EACZC,GACI,CACJ,MAAMC,EAAc,IACZD,EAAM,MAAM,IAAKE,GAEtBC,EAAAA,OAACC,EAAAA,WAAA,CAEA,QAAS,IAAM,CACdJ,EAAM,eAAeE,EAAK,KAAK,CAChC,EAEC,SAAA,CAAAA,EAAK,MACLC,SAAC,MAAA,CAAI,UAAU,kBACd,SAAAA,EAAAA,OAACD,EAAK,KAAL,CACA,MAAO,GACP,MAAOG,EAAAA,cAAc,SAAS,QAAQ,KAAA,EAFvC,OAAA,GAAA,CAAA,SAAA,6KAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAGA,EAJD,OAAA,GAAA,CAAA,SAAA,6KAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAKA,EAEDH,EAAAA,OAACI,EAAAA,aAAA,CAAc,SAAAL,EAAK,KAAA,EAApB,OAAA,GAAA,CAAA,SAAA,6KAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAA0B,EAC1BH,EAAAA,OAACK,EAAAA,YAAA,CAAa,SAAAN,EAAK,WAAA,EAAnB,OAAA,GAAA,CAAA,SAAA,6KAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAA+B,CAAA,CAAA,EAd1BJ,EAAK,MADX,GAAA,CAAA,SAAA,6KAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAkBD,EAGF,OACCH,EAAAA,OAACM,EAAAA,YAAA,CACA,KAAMT,EAAM,OACZ,QAASA,EAAM,QACf,aAAcA,EAAM,MACpB,gBAAiBA,EAAM,SACvB,uBAAwB,CAAE,MAAO,GAAA,EAEjC,kBAACU,sBAAA,CACA,SAAA,CAAAP,SAAC,MAAA,CAAI,UAAU,iBAAkB,SAAAF,EAAA,CAAY,EAA7C,OAAA,GAAA,CAAA,SAAA,6KAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAA+C,EAC9CN,EAAM,UACNG,SAAC,MAAA,CAAI,UAAU,gBACd,SAAA,CAAAA,EAAAA,OAACQ,EAAAA,QAAA,CACA,MAAO,GACP,MAAON,EAAAA,cAAc,SAAS,QAAQ,WAAA,EAFvC,OAAA,GAAA,CAAA,SAAA,6KAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAIAH,EAAAA,OAACS,EAAAA,cAAA,CAAe,SAAAZ,EAAM,QAAA,EAAtB,OAAA,GAAA,CAAA,SAAA,6KAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAA+B,CAAA,CAAA,EALhC,OAAA,GAAA,CAAA,SAAA,6KAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAMA,CAAA,CAAA,EATF,OAAA,GAAA,CAAA,SAAA,6KAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAWA,CAAA,EAlBD,OAAA,GAAA,CAAA,SAAA,6KAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAqBF"}
+{"version":3,"file":"CardSelectionModal.js","sources":["../../../../src/components/card-selection-modal/CardSelectionModal.tsx"],"sourcesContent":["import InfoIcon from '@src/assets/icons/info.svg';\nimport React from 'react';\nimport {\n\tStyledCard,\n\tStyledCardContainer,\n} from '@src/components/card-selection-modal/CardSelectionModal.styled';\nimport { StyledModal } from '@src/components/modals';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport { BodyCaption, BodySecondary, TitleRegular } from '../TypographyStyle';\n\nexport type CardSelectionModalProps = {\n\tisOpen: boolean;\n\ttitle?: string;\n\tsubTitle?: string;\n\tinfoText?: string;\n\tcards: SelectionCardData[];\n\tonCardSelected: (value: string) => void;\n\tonClose: () => void;\n};\n\nexport type SelectionCardData = {\n\ticon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tvalue: string;\n\ttitle: string;\n\tdescription: string;\n};\n\nexport const CardSelectionModal: React.FC<CardSelectionModalProps> = (\n\tprops,\n) => {\n\tconst renderCards = () => {\n\t\treturn props.cards.map((card) => {\n\t\t\treturn (\n\t\t\t\t<StyledCard\n\t\t\t\t\tkey={card.value}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tprops.onCardSelected(card.value);\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{card.icon && (\n\t\t\t\t\t\t<div className=\"icon__container\">\n\t\t\t\t\t\t\t<card.icon\n\t\t\t\t\t\t\t\twidth={22}\n\t\t\t\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.brand}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<TitleRegular>{card.title}</TitleRegular>\n\t\t\t\t\t<BodyCaption>{card.description}</BodyCaption>\n\t\t\t\t</StyledCard>\n\t\t\t);\n\t\t});\n\t};\n\n\treturn (\n\t\t<StyledModal\n\t\t\topen={props.isOpen}\n\t\t\tonClose={props.onClose}\n\t\t\theadingTitle={props.title}\n\t\t\theadingSubtitle={props.subTitle}\n\t\t\tcentralContainerStyles={{ width: 716 }}\n\t\t>\n\t\t\t<StyledCardContainer>\n\t\t\t\t<div className=\"cards__wrapper\">{renderCards()}</div>\n\t\t\t\t{props.infoText && (\n\t\t\t\t\t<div className=\"info__wrapper\">\n\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\twidth={15}\n\t\t\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.placeholder}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<BodySecondary>{props.infoText}</BodySecondary>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</StyledCardContainer>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["CardSelectionModal","props","renderCards","card","jsxDEV","StyledCard","DEFAULT_THEME","this","TitleRegular","BodyCaption","StyledModal","StyledCardContainer","InfoIcon","BodySecondary"],"mappings":"gUA2BaA,EACZC,GACI,CACJ,MAAMC,EAAc,IACZD,EAAM,MAAM,IAAKE,GAEtBC,EAAAA,OAACC,EAAAA,WAAA,CAEA,QAAS,IAAM,CACdJ,EAAM,eAAeE,EAAK,KAAK,CAChC,EAEC,SAAA,CAAAA,EAAK,MACLC,SAAC,MAAA,CAAI,UAAU,kBACd,SAAAA,EAAAA,OAACD,EAAK,KAAL,CACA,MAAO,GACP,MAAOG,EAAAA,cAAc,SAAS,QAAQ,KAAA,EAFvC,OAAA,GAAA,CAAA,SAAA,iHAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAGA,EAJD,OAAA,GAAA,CAAA,SAAA,iHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAKA,EAEDH,EAAAA,OAACI,EAAAA,aAAA,CAAc,SAAAL,EAAK,KAAA,EAApB,OAAA,GAAA,CAAA,SAAA,iHAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAA0B,EAC1BH,EAAAA,OAACK,EAAAA,YAAA,CAAa,SAAAN,EAAK,WAAA,EAAnB,OAAA,GAAA,CAAA,SAAA,iHAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAA+B,CAAA,CAAA,EAd1BJ,EAAK,MADX,GAAA,CAAA,SAAA,iHAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAkBD,EAGF,OACCH,EAAAA,OAACM,EAAAA,YAAA,CACA,KAAMT,EAAM,OACZ,QAASA,EAAM,QACf,aAAcA,EAAM,MACpB,gBAAiBA,EAAM,SACvB,uBAAwB,CAAE,MAAO,GAAA,EAEjC,kBAACU,sBAAA,CACA,SAAA,CAAAP,SAAC,MAAA,CAAI,UAAU,iBAAkB,SAAAF,EAAA,CAAY,EAA7C,OAAA,GAAA,CAAA,SAAA,iHAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAA+C,EAC9CN,EAAM,UACNG,SAAC,MAAA,CAAI,UAAU,gBACd,SAAA,CAAAA,EAAAA,OAACQ,EAAAA,QAAA,CACA,MAAO,GACP,MAAON,EAAAA,cAAc,SAAS,QAAQ,WAAA,EAFvC,OAAA,GAAA,CAAA,SAAA,iHAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAIAH,EAAAA,OAACS,EAAAA,cAAA,CAAe,SAAAZ,EAAM,QAAA,EAAtB,OAAA,GAAA,CAAA,SAAA,iHAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAA+B,CAAA,CAAA,EALhC,OAAA,GAAA,CAAA,SAAA,iHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAMA,CAAA,CAAA,EATF,OAAA,GAAA,CAAA,SAAA,iHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAWA,CAAA,EAlBD,OAAA,GAAA,CAAA,SAAA,iHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAqBF"}

package/dist/cjs/components/card-selector/CardSelector.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),t=require("../../constants/Theme.js"),a=require("../spinner/Spinner.js"),n=require("../TypographyStyle.js"),i=require("./CardSelector.styled.js"),s=require("../tooltips/Tooltip.js"),l=e=>r.jsxDEV(r.Fragment,{children:e.tooltip?r.jsxDEV(s.Tooltip,{title:e.tooltip,children:r.jsxDEV(i.Container,{style:{alignItems:e.title&&e.subtitle?"flex-start":"center"},selected:e.selected,disabled:e.disabled??!1,loading:e.loading??!1,onClick:()=>{!e.disabled&&!e.loading&&e.onCardClick(e.id)},isTooltipPresent:!!e.tooltip,children:r.jsxDEV(o,{...e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selector/CardSelector.tsx",lineNumber:44,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selector/CardSelector.tsx",lineNumber:29,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selector/CardSelector.tsx",lineNumber:28,columnNumber:5},void 0):r.jsxDEV(i.Container,{style:{alignItems:e.title&&e.subtitle?"flex-start":"center"},selected:e.selected,disabled:e.disabled??!1,loading:e.loading??!1,onClick:()=>{!e.disabled&&!e.loading&&e.onCardClick(e.id)},isTooltipPresent:!!e.tooltip,children:r.jsxDEV(o,{...e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selector/CardSelector.tsx",lineNumber:62,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selector/CardSelector.tsx",lineNumber:48,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selector/CardSelector.tsx",lineNumber:26,columnNumber:3},void 0),o=e=>r.jsxDEV(r.Fragment,{children:e.loading?r.jsxDEV(i.Loader,{children:r.jsxDEV(a.Spinner,{size:"large"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selector/CardSelector.tsx",lineNumber:74,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selector/CardSelector.tsx",lineNumber:73,columnNumber:5},void 0):r.jsxDEV(r.Fragment,{children:[e?.icon&&r.jsxDEV("div",{style:{width:24,height:24},children:r.jsxDEV(e.icon,{width:24,color:e.selected?t.COLORS.content.brand:e.disabled?t.COLORS.content.inactive:t.COLORS.content.placeholder},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selector/CardSelector.tsx",lineNumber:80,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selector/CardSelector.tsx",lineNumber:79,columnNumber:7},void 0),r.jsxDEV("div",{"data-test":e?.dataTestId,children:[e.title&&r.jsxDEV(n.TitleSmall,{style:{color:e.selected?t.COLORS.content.brand:e.disabled?t.COLORS.content.inactive:t.COLORS.content.secondary},children:e.title},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selector/CardSelector.tsx",lineNumber:94,columnNumber:8},void 0),e.subtitle&&r.jsxDEV(n.BodyCaption,{style:{marginTop:e.title?4:0,color:e.selected?t.COLORS.content.brand:e.disabled?t.COLORS.content.inactive:t.COLORS.content.secondary},children:e.subtitle},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selector/CardSelector.tsx",lineNumber:107,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selector/CardSelector.tsx",lineNumber:92,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selector/CardSelector.tsx",lineNumber:77,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selector/CardSelector.tsx",lineNumber:71,columnNumber:3},void 0);exports.CardSelector=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),o=require("../../constants/Theme.js"),t=require("../spinner/Spinner.js"),r=require("../TypographyStyle.js"),l=require("./CardSelector.styled.js"),a=require("../tooltips/Tooltip.js"),d=e=>n.jsxDEV(n.Fragment,{children:e.tooltip?n.jsxDEV(a.Tooltip,{title:e.tooltip,children:n.jsxDEV(l.Container,{style:{alignItems:e.title&&e.subtitle?"flex-start":"center"},selected:e.selected,disabled:e.disabled??!1,loading:e.loading??!1,onClick:()=>{!e.disabled&&!e.loading&&e.onCardClick(e.id)},isTooltipPresent:!!e.tooltip,children:n.jsxDEV(i,{...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selector/CardSelector.tsx",lineNumber:44,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selector/CardSelector.tsx",lineNumber:29,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selector/CardSelector.tsx",lineNumber:28,columnNumber:5},void 0):n.jsxDEV(l.Container,{style:{alignItems:e.title&&e.subtitle?"flex-start":"center"},selected:e.selected,disabled:e.disabled??!1,loading:e.loading??!1,onClick:()=>{!e.disabled&&!e.loading&&e.onCardClick(e.id)},isTooltipPresent:!!e.tooltip,children:n.jsxDEV(i,{...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selector/CardSelector.tsx",lineNumber:62,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selector/CardSelector.tsx",lineNumber:48,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selector/CardSelector.tsx",lineNumber:26,columnNumber:3},void 0),i=e=>n.jsxDEV(n.Fragment,{children:e.loading?n.jsxDEV(l.Loader,{children:n.jsxDEV(t.Spinner,{size:"large"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selector/CardSelector.tsx",lineNumber:74,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selector/CardSelector.tsx",lineNumber:73,columnNumber:5},void 0):n.jsxDEV(n.Fragment,{children:[e?.icon&&n.jsxDEV("div",{style:{width:24,height:24},children:n.jsxDEV(e.icon,{width:24,color:e.selected?o.COLORS.content.brand:e.disabled?o.COLORS.content.inactive:o.COLORS.content.placeholder},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selector/CardSelector.tsx",lineNumber:80,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selector/CardSelector.tsx",lineNumber:79,columnNumber:7},void 0),n.jsxDEV("div",{"data-test":e?.dataTestId,children:[e.title&&n.jsxDEV(r.TitleSmall,{style:{color:e.selected?o.COLORS.content.brand:e.disabled?o.COLORS.content.inactive:o.COLORS.content.secondary},children:e.title},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selector/CardSelector.tsx",lineNumber:94,columnNumber:8},void 0),e.subtitle&&n.jsxDEV(r.BodyCaption,{style:{marginTop:e.title?4:0,color:e.selected?o.COLORS.content.brand:e.disabled?o.COLORS.content.inactive:o.COLORS.content.secondary},children:e.subtitle},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selector/CardSelector.tsx",lineNumber:107,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selector/CardSelector.tsx",lineNumber:92,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selector/CardSelector.tsx",lineNumber:77,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selector/CardSelector.tsx",lineNumber:71,columnNumber:3},void 0);exports.CardSelector=d;
 //# sourceMappingURL=CardSelector.js.map

package/dist/cjs/components/card-selector/CardSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardSelector.js","sources":["../../../../src/components/card-selector/CardSelector.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Spinner } from '../spinner/Spinner';\nimport { Tooltip } from '../tooltips';\nimport { BodyCaption, TitleSmall } from '../TypographyStyle';\nimport { Container, Loader } from './CardSelector.styled';\n\nexport type CardSelectorProps = {\n\tid: number;\n\ticon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\ttitle?: string;\n\tsubtitle?: string;\n\tselected: boolean;\n\tloading?: boolean;\n\tdisabled?: boolean;\n\tdataTestId?: string;\n\ttooltip?: string;\n};\n\ntype CardSelectorInternalProps = CardSelectorProps & {\n\tonCardClick: (id: number) => void;\n};\n\nexport const CardSelector: React.FC<CardSelectorInternalProps> = (props) => {\n\treturn (\n\t\t<>\n\t\t\t{props.tooltip ? (\n\t\t\t\t<Tooltip title={props.tooltip}>\n\t\t\t\t\t<Container\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\talignItems:\n\t\t\t\t\t\t\t\tprops.title && props.subtitle ? 'flex-start' : 'center',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tselected={props.selected}\n\t\t\t\t\t\tdisabled={props.disabled ?? false}\n\t\t\t\t\t\tloading={props.loading ?? false}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (!props.disabled && !props.loading) {\n\t\t\t\t\t\t\t\tprops.onCardClick(props.id);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tisTooltipPresent={!!props.tooltip}\n\t\t\t\t\t>\n\t\t\t\t\t\t<EachSelector {...props} />\n\t\t\t\t\t</Container>\n\t\t\t\t</Tooltip>\n\t\t\t) : (\n\t\t\t\t<Container\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\talignItems: props.title && props.subtitle ? 'flex-start' : 'center',\n\t\t\t\t\t}}\n\t\t\t\t\tselected={props.selected}\n\t\t\t\t\tdisabled={props.disabled ?? false}\n\t\t\t\t\tloading={props.loading ?? false}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tif (!props.disabled && !props.loading) {\n\t\t\t\t\t\t\tprops.onCardClick(props.id);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tisTooltipPresent={!!props.tooltip}\n\t\t\t\t>\n\t\t\t\t\t<EachSelector {...props} />\n\t\t\t\t</Container>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nconst EachSelector: React.FC<CardSelectorInternalProps> = (props) => {\n\treturn (\n\t\t<>\n\t\t\t{props.loading ? (\n\t\t\t\t<Loader>\n\t\t\t\t\t<Spinner size={'large'} />\n\t\t\t\t</Loader>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{props?.icon && (\n\t\t\t\t\t\t<div style={{ width: 24, height: 24 }}>\n\t\t\t\t\t\t\t<props.icon\n\t\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\tprops.selected\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.brand\n\t\t\t\t\t\t\t\t\t\t: props.disabled\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t: COLORS.content.placeholder\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div data-test={props?.dataTestId}>\n\t\t\t\t\t\t{props.title && (\n\t\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: props.selected\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.brand\n\t\t\t\t\t\t\t\t\t\t: props.disabled\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{props.title}\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{props.subtitle && (\n\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tmarginTop: props.title ? 4 : 0,\n\t\t\t\t\t\t\t\t\tcolor: props.selected\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.brand\n\t\t\t\t\t\t\t\t\t\t: props.disabled\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{props.subtitle}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["CardSelector","props","Tooltip","jsxDEV","Container","EachSelector","this","Fragment","Loader","Spinner","COLORS","TitleSmall","BodyCaption"],"mappings":"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"}
+{"version":3,"file":"CardSelector.js","sources":["../../../../src/components/card-selector/CardSelector.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Spinner } from '../spinner/Spinner';\nimport { Tooltip } from '../tooltips';\nimport { BodyCaption, TitleSmall } from '../TypographyStyle';\nimport { Container, Loader } from './CardSelector.styled';\n\nexport type CardSelectorProps = {\n\tid: number;\n\ticon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\ttitle?: string;\n\tsubtitle?: string;\n\tselected: boolean;\n\tloading?: boolean;\n\tdisabled?: boolean;\n\tdataTestId?: string;\n\ttooltip?: string;\n};\n\ntype CardSelectorInternalProps = CardSelectorProps & {\n\tonCardClick: (id: number) => void;\n};\n\nexport const CardSelector: React.FC<CardSelectorInternalProps> = (props) => {\n\treturn (\n\t\t<>\n\t\t\t{props.tooltip ? (\n\t\t\t\t<Tooltip title={props.tooltip}>\n\t\t\t\t\t<Container\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\talignItems:\n\t\t\t\t\t\t\t\tprops.title && props.subtitle ? 'flex-start' : 'center',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tselected={props.selected}\n\t\t\t\t\t\tdisabled={props.disabled ?? false}\n\t\t\t\t\t\tloading={props.loading ?? false}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (!props.disabled && !props.loading) {\n\t\t\t\t\t\t\t\tprops.onCardClick(props.id);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tisTooltipPresent={!!props.tooltip}\n\t\t\t\t\t>\n\t\t\t\t\t\t<EachSelector {...props} />\n\t\t\t\t\t</Container>\n\t\t\t\t</Tooltip>\n\t\t\t) : (\n\t\t\t\t<Container\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\talignItems: props.title && props.subtitle ? 'flex-start' : 'center',\n\t\t\t\t\t}}\n\t\t\t\t\tselected={props.selected}\n\t\t\t\t\tdisabled={props.disabled ?? false}\n\t\t\t\t\tloading={props.loading ?? false}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tif (!props.disabled && !props.loading) {\n\t\t\t\t\t\t\tprops.onCardClick(props.id);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tisTooltipPresent={!!props.tooltip}\n\t\t\t\t>\n\t\t\t\t\t<EachSelector {...props} />\n\t\t\t\t</Container>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nconst EachSelector: React.FC<CardSelectorInternalProps> = (props) => {\n\treturn (\n\t\t<>\n\t\t\t{props.loading ? (\n\t\t\t\t<Loader>\n\t\t\t\t\t<Spinner size={'large'} />\n\t\t\t\t</Loader>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{props?.icon && (\n\t\t\t\t\t\t<div style={{ width: 24, height: 24 }}>\n\t\t\t\t\t\t\t<props.icon\n\t\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\tprops.selected\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.brand\n\t\t\t\t\t\t\t\t\t\t: props.disabled\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t: COLORS.content.placeholder\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div data-test={props?.dataTestId}>\n\t\t\t\t\t\t{props.title && (\n\t\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: props.selected\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.brand\n\t\t\t\t\t\t\t\t\t\t: props.disabled\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{props.title}\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{props.subtitle && (\n\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tmarginTop: props.title ? 4 : 0,\n\t\t\t\t\t\t\t\t\tcolor: props.selected\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.brand\n\t\t\t\t\t\t\t\t\t\t: props.disabled\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{props.subtitle}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["CardSelector","props","Tooltip","jsxDEV","Container","EachSelector","this","Fragment","Loader","Spinner","COLORS","TitleSmall","BodyCaption"],"mappings":"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"}

package/dist/cjs/components/card-selector/CardSelectorGroup.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),r=require("./CardSelector.js"),o=t=>i.jsxDEV("div",{style:{display:"flex",flexDirection:t.align==="vertical"?"column":"row",gap:t.gap||16},children:t.cards.map(e=>i.jsxDEV("div",{style:{display:"flex",flex:1},children:i.jsxDEV(r.CardSelector,{"data-test":t["data-test"],id:e.id,icon:e.icon,title:e.title,subtitle:e.subtitle,selected:e.selected,onCardClick:t.onClick,loading:e.loading,disabled:e.disabled,dataTestId:e.dataTestId,tooltip:e.tooltip},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selector/CardSelectorGroup.tsx",lineNumber:23,columnNumber:6},void 0)},e.id,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selector/CardSelectorGroup.tsx",lineNumber:22,columnNumber:5},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/card-selector/CardSelectorGroup.tsx",lineNumber:14,columnNumber:3},void 0);exports.CardSelectorGroup=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-dev-runtime"),t=require("./CardSelector.js"),i=o=>l.jsxDEV("div",{style:{display:"flex",flexDirection:o.align==="vertical"?"column":"row",gap:o.gap||16},children:o.cards.map(e=>l.jsxDEV("div",{style:{display:"flex",flex:1},children:l.jsxDEV(t.CardSelector,{"data-test":o["data-test"],id:e.id,icon:e.icon,title:e.title,subtitle:e.subtitle,selected:e.selected,onCardClick:o.onClick,loading:e.loading,disabled:e.disabled,dataTestId:e.dataTestId,tooltip:e.tooltip},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selector/CardSelectorGroup.tsx",lineNumber:23,columnNumber:6},void 0)},e.id,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selector/CardSelectorGroup.tsx",lineNumber:22,columnNumber:5},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/card-selector/CardSelectorGroup.tsx",lineNumber:14,columnNumber:3},void 0);exports.CardSelectorGroup=i;
 //# sourceMappingURL=CardSelectorGroup.js.map

package/dist/cjs/components/card-selector/CardSelectorGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardSelectorGroup.js","sources":["../../../../src/components/card-selector/CardSelectorGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { CardSelector, CardSelectorProps } from './CardSelector';\n\nexport type CardSelectorGroupProps = {\n\tgap?: number;\n\talign?: 'horizontal' | 'vertical';\n\tcards: CardSelectorProps[];\n\tonClick: (id: number) => void;\n\t'data-test': string;\n};\n\nexport const CardSelectorGroup: React.FC<CardSelectorGroupProps> = (props) => {\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: props.align === 'vertical' ? 'column' : 'row',\n\t\t\t\tgap: props.gap || 16,\n\t\t\t}}\n\t\t>\n\t\t\t{props.cards.map((card) => (\n\t\t\t\t<div key={card.id} style={{ display: 'flex', flex: 1 }}>\n\t\t\t\t\t<CardSelector\n\t\t\t\t\t\tdata-test={props['data-test']}\n\t\t\t\t\t\tid={card.id}\n\t\t\t\t\t\ticon={card.icon}\n\t\t\t\t\t\ttitle={card.title}\n\t\t\t\t\t\tsubtitle={card.subtitle}\n\t\t\t\t\t\tselected={card.selected}\n\t\t\t\t\t\tonCardClick={props.onClick}\n\t\t\t\t\t\tloading={card.loading}\n\t\t\t\t\t\tdisabled={card.disabled}\n\t\t\t\t\t\tdataTestId={card.dataTestId}\n\t\t\t\t\t\ttooltip={card.tooltip}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t))}\n\t\t</div>\n\t);\n};\n"],"names":["CardSelectorGroup","props","jsxDEV","card","CardSelector","this"],"mappings":"wJAWaA,EAAuDC,GAElEC,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAeD,EAAM,QAAU,WAAa,SAAW,MACvD,IAAKA,EAAM,KAAO,EAAA,EAGlB,SAAAA,EAAM,MAAM,IAAKE,GACjBD,EAAAA,OAAC,MAAA,CAAkB,MAAO,CAAE,QAAS,OAAQ,KAAM,GAClD,SAAAA,EAAAA,OAACE,EAAAA,aAAA,CACA,YAAWH,EAAM,WAAW,EAC5B,GAAIE,EAAK,GACT,KAAMA,EAAK,KACX,MAAOA,EAAK,MACZ,SAAUA,EAAK,SACf,SAAUA,EAAK,SACf,YAAaF,EAAM,QACnB,QAASE,EAAK,QACd,SAAUA,EAAK,SACf,WAAYA,EAAK,WACjB,QAASA,EAAK,OAAA,EAXf,OAAA,GAAA,CAAA,SAAA,qKAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,GADSF,EAAK,GAAf,GAAA,CAAA,SAAA,qKAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAcA,CACA,CAAA,EAvBF,OAAA,GAAA,CAAA,SAAA,qKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA"}
+{"version":3,"file":"CardSelectorGroup.js","sources":["../../../../src/components/card-selector/CardSelectorGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { CardSelector, CardSelectorProps } from './CardSelector';\n\nexport type CardSelectorGroupProps = {\n\tgap?: number;\n\talign?: 'horizontal' | 'vertical';\n\tcards: CardSelectorProps[];\n\tonClick: (id: number) => void;\n\t'data-test': string;\n};\n\nexport const CardSelectorGroup: React.FC<CardSelectorGroupProps> = (props) => {\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: props.align === 'vertical' ? 'column' : 'row',\n\t\t\t\tgap: props.gap || 16,\n\t\t\t}}\n\t\t>\n\t\t\t{props.cards.map((card) => (\n\t\t\t\t<div key={card.id} style={{ display: 'flex', flex: 1 }}>\n\t\t\t\t\t<CardSelector\n\t\t\t\t\t\tdata-test={props['data-test']}\n\t\t\t\t\t\tid={card.id}\n\t\t\t\t\t\ticon={card.icon}\n\t\t\t\t\t\ttitle={card.title}\n\t\t\t\t\t\tsubtitle={card.subtitle}\n\t\t\t\t\t\tselected={card.selected}\n\t\t\t\t\t\tonCardClick={props.onClick}\n\t\t\t\t\t\tloading={card.loading}\n\t\t\t\t\t\tdisabled={card.disabled}\n\t\t\t\t\t\tdataTestId={card.dataTestId}\n\t\t\t\t\t\ttooltip={card.tooltip}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t))}\n\t\t</div>\n\t);\n};\n"],"names":["CardSelectorGroup","props","jsxDEV","card","CardSelector","this"],"mappings":"wJAWaA,EAAuDC,GAElEC,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAeD,EAAM,QAAU,WAAa,SAAW,MACvD,IAAKA,EAAM,KAAO,EAAA,EAGlB,SAAAA,EAAM,MAAM,IAAKE,GACjBD,EAAAA,OAAC,MAAA,CAAkB,MAAO,CAAE,QAAS,OAAQ,KAAM,GAClD,SAAAA,EAAAA,OAACE,EAAAA,aAAA,CACA,YAAWH,EAAM,WAAW,EAC5B,GAAIE,EAAK,GACT,KAAMA,EAAK,KACX,MAAOA,EAAK,MACZ,SAAUA,EAAK,SACf,SAAUA,EAAK,SACf,YAAaF,EAAM,QACnB,QAASE,EAAK,QACd,SAAUA,EAAK,SACf,WAAYA,EAAK,WACjB,QAASA,EAAK,OAAA,EAXf,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,GADSF,EAAK,GAAf,GAAA,CAAA,SAAA,yGAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAcA,CACA,CAAA,EAvBF,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA"}