@bikdotai/bik-component-library 0.0.804-beta.18 → 0.0.804-beta.3

package/dist/esm/components/multi-level-dropdown/MultiLevelDropdown.styled.js

@@ -1,78 +1,75 @@
-import e from"styled-components";import{COLORS as t}from"../../constants/Theme.js";const i=e.div`
+import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const t=e.div`
 	position: relative;
-	border-radius: ${e=>{let{version:t}=e;return"3.0"===t?4:8}}px;
+	border-radius: 8px;
 	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
-	padding-bottom: ${e=>{let{version:t}=e;return"3.0"===t?0:4}}px;
+	padding-bottom: 4px;
 `,r=e.div`
-	width: ${e=>{let{width:t}=e;return t||"200px"}};
+	width: ${e=>{let{width:i}=e;return i||"200px"}};
 	max-width: 300px;
 	max-height: 280px;
 	overflow-y: scroll;
-	padding: ${e=>{let{version:t}=e;return"3.0"===t?"0":"4px 0 0"}};
+	padding: 4px 0 0;
 	&::-webkit-scrollbar {
 		width: 0px;
 	}
 `,n=e.div`
-	margin-top: ${e=>{let{version:t}=e;return"3.0"===t?0:64}}px;
-	height: ${e=>{let{version:t}=e;return"3.0"===t?236:200}}px;
-	width: ${e=>{let{width:t}=e;return t||"200px"}};
-	display: ${e=>{let{version:t}=e;return"3.0"===t?"flex":"block"}};
-	align-items: center;
-	justify-content: center;
-`,o=e.div`
+	margin-top: 64px;
+	height: 200px;
+	width: ${e=>{let{width:i}=e;return i||"200px"}};
+`,d=e.div`
 	width: 100%;
 	justify-content: center;
 	cursor: pointer;
 	align-items: center;
 	justify-content: space-between;
-	margin: ${e=>{let{version:t}=e;return"3.0"===t?"0":"4px 0"}};
-`,d=e.div`
+	margin: 4px 0;
+`,o=e.div`
 	z-index: 1000;
 	position: relative;
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
-`,s=e.div`
+`,p=e.div`
 	position: relative;
-	padding: ${e=>{let{version:t}=e;return"3.0"===t?"0px":"1px 4px"}};
+	padding: 1px 4px;
 	cursor: pointer;
 	width: 100%;
 	&:hover > .submenu,
 	&:focus-within > .submenu {
 		display: block;
 	}
-`,p=e.div`
+`,s=e.div`
 	position: relative;
-	padding: ${e=>{let{version:t}=e;return"3.0"===t?"8px":"4px 8px"}};
+	padding: 4px 8px 4px 8px;
 	transition: background-color 0.2s;
 	width: 100%;
-	border-radius: ${e=>{let{version:t}=e;return"3.0"===t?0:8}}px;
+	border-radius: 8px;
 	justify-content: center;
-	background-color: ${e=>{let{isSelected:i,isHovered:r,isSubMenuOpen:n,isDisabled:o,version:d}=e;return o?t.surface.standard:i||n?"3.0"===d?t.background.brandLight:t.background.positive.light:r?t.surface.hovered:t.surface.standard}};
-	color: ${e=>{let{isSelected:i,isSubMenuOpen:r,version:n}=e;return i||r?"3.0"===n?t.text.primary:t.content.positive:t.content.primary}};
+	background-color: ${e=>{let{isSelected:t,isHovered:r,isSubMenuOpen:n,isDisabled:d}=e;return d?i.surface.standard:t||n?i.background.positive.light:r?i.surface.hovered:i.surface.standard}};
+	color: ${e=>{let{isSelected:t,isSubMenuOpen:r}=e;return t||r?i.content.positive:i.content.primary}};
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 
 	&:hover {
-		background-color: ${e=>{let{isSelected:i,isDisabled:r,version:n}=e;return r?t.surface.standard:i?"3.0"===n?t.background.brandLight:t.background.positive.light:t.surface.hovered}};
+		background-color: ${e=>{let{isSelected:t,isDisabled:r}=e;return r?i.surface.standard:t?i.background.positive.light:i.surface.hovered}};
 	}
 `,a=e.div`
 	display: flex;
 	align-items: center;
 	gap: 8px;
-`,l=e.div`
+`,x=e.div`
 	z-index: 1001;
 	position: fixed;
 	border-left: 4px solid transparent;
-`,x=e.div`
+`,l=e.div`
 	margin: 4px;
-	background-color: ${t.surface.standard};
+	background-color: ${i.surface.standard};
 	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
-	border-radius: ${e=>{let{version:t}=e;return"3.0"===t?4:8}}px;
-	padding-top: ${e=>{let{version:t}=e;return"3.0"===t?0:4}}px;
+	border-radius: 8px;
+	padding-top: 4px;
 	max-height: 480px;
-	padding-bottom: ${e=>{let{version:t}=e;return"3.0"===t?0:4}}px;
+	padding-bottom: 4px;
 	overflow-y: scroll;
 
 	&::-webkit-scrollbar {
@@ -85,18 +82,18 @@ import e from"styled-components";import{COLORS as t}from"../../constants/Theme.j
 	align-items: center;
 	justify-content: center;
 	margin-right: 4px;
-`,u=e.div`
+`,h=e.div`
 	width: 16px;
 	height: 16px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin-left: 4px;
-`,v=e.div`
+`,u=e.div`
 	width: ${e=>e.width};
-`,g=e(l)`
+`,g=e(x)`
 	width: ${e=>e.width};
 	top: ${e=>e.top}px;
 	left: ${e=>e.left}px;
-`;export{a as ContentContainer,i as DropdownContainer,o as GroupedMenuListContainer,c as LeadingIconContainer,p as MenuItemContainer,s as MenuItemWrapper,n as NoResultsContainer,r as OptionsContainer,d as StyledMenuList,g as StyledSubMenuWrapper,v as SubMenuContainer,x as SubMenuListContainer,l as SubMenuWrapper,u as TrailingIconContainer};
+`;export{a as ContentContainer,t as DropdownContainer,d as GroupedMenuListContainer,c as LeadingIconContainer,s as MenuItemContainer,p as MenuItemWrapper,n as NoResultsContainer,r as OptionsContainer,o as StyledMenuList,g as StyledSubMenuWrapper,u as SubMenuContainer,l as SubMenuListContainer,x as SubMenuWrapper,h as TrailingIconContainer};
 //# sourceMappingURL=MultiLevelDropdown.styled.js.map

package/dist/esm/components/multi-level-dropdown/MultiLevelDropdown.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiLevelDropdown.styled.js","sources":["../../../../src/components/multi-level-dropdown/MultiLevelDropdown.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const DropdownContainer = styled.div<{\n\twidth?: string;\n\tversion?: '1.0' | '2.0' | '3.0';\n}>`\n\tposition: relative;\n\tborder-radius: ${({ version }) => (version === '3.0' ? 4 : 8)}px;\n\tbox-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);\n\tpadding-bottom: ${({ version }) => (version === '3.0' ? 0 : 4)}px;\n`;\n\nexport const OptionsContainer = styled.div<{\n\twidth?: string;\n\tversion?: '1.0' | '2.0' | '3.0';\n}>`\n\twidth: ${({ width }) => (width ? width : '200px')};\n\tmax-width: 300px;\n\tmax-height: 280px;\n\toverflow-y: scroll;\n\tpadding: ${({ version }) => (version === '3.0' ? '0' : '4px 0 0')};\n\t&::-webkit-scrollbar {\n\t\twidth: 0px;\n\t}\n`;\n\nexport const NoResultsContainer = styled.div<{\n\twidth?: string;\n\tversion?: '1.0' | '2.0' | '3.0';\n}>`\n\tmargin-top: ${({ version }) => (version === '3.0' ? 0 : 64)}px;\n\theight: ${({ version }) => (version === '3.0' ? 236 : 200)}px;\n\twidth: ${({ width }) => (width ? width : '200px')};\n\tdisplay: ${({ version }) => (version === '3.0' ? 'flex' : 'block')};\n\talign-items: center;\n\tjustify-content: center;\n`;\n\nexport const GroupedMenuListContainer = styled.div<{\n\tversion?: '1.0' | '2.0' | '3.0';\n}>`\n\twidth: 100%;\n\tjustify-content: center;\n\tcursor: pointer;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmargin: ${({ version }) => (version === '3.0' ? '0' : '4px 0')};\n`;\n\nexport const StyledMenuList = styled.div`\n\tz-index: 1000;\n\tposition: relative;\n\tmargin: 0px;\n\tpadding: 0px;\n\twidth: 100%;\n`;\n\nexport const MenuItemWrapper = styled.div<{ version?: '1.0' | '2.0' | '3.0' }>`\n\tposition: relative;\n\tpadding: ${({ version }) => (version === '3.0' ? '0px' : '1px 4px')};\n\tcursor: pointer;\n\twidth: 100%;\n\t&:hover > .submenu,\n\t&:focus-within > .submenu {\n\t\tdisplay: block;\n\t}\n`;\n\nexport interface MenuItemContainerProps {\n\tisSelected?: boolean;\n\tisHovered?: boolean;\n\tisSubMenuOpen?: boolean;\n\tisDisabled?: boolean;\n\tversion?: '1.0' | '2.0' | '3.0';\n}\n\nexport const MenuItemContainer = styled.div<MenuItemContainerProps>`\n\tposition: relative;\n\tpadding: ${({ version }) => (version === '3.0' ? '8px' : '4px 8px')};\n\ttransition: background-color 0.2s;\n\twidth: 100%;\n\tborder-radius: ${({ version }) => (version === '3.0' ? 0 : 8)}px;\n\tjustify-content: center;\n\tbackground-color: ${({\n\t\tisSelected,\n\t\tisHovered,\n\t\tisSubMenuOpen,\n\t\tisDisabled,\n\t\tversion,\n\t}) =>\n\t\tisDisabled\n\t\t\t? COLORS.surface.standard\n\t\t\t: isSelected || isSubMenuOpen\n\t\t\t? version === '3.0'\n\t\t\t\t? COLORS.background.brandLight\n\t\t\t\t: COLORS.background.positive.light\n\t\t\t: isHovered\n\t\t\t? COLORS.surface.hovered\n\t\t\t: COLORS.surface.standard};\n\tcolor: ${({ isSelected, isSubMenuOpen, version }) =>\n\t\tisSelected || isSubMenuOpen\n\t\t\t? version === '3.0'\n\t\t\t\t? COLORS.text.primary\n\t\t\t\t: COLORS.content.positive\n\t\t\t: COLORS.content.primary};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\n\t&:hover {\n\t\tbackground-color: ${({ isSelected, isDisabled, version }) =>\n\t\t\tisDisabled\n\t\t\t\t? COLORS.surface.standard\n\t\t\t\t: isSelected\n\t\t\t\t? version === '3.0'\n\t\t\t\t\t? COLORS.background.brandLight\n\t\t\t\t\t: COLORS.background.positive.light\n\t\t\t\t: COLORS.surface.hovered};\n\t}\n`;\n\nexport const ContentContainer = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n`;\n\nexport const SubMenuWrapper = styled.div`\n\tz-index: 1001;\n\tposition: fixed;\n\tborder-left: 4px solid transparent;\n`;\n\nexport const SubMenuListContainer = styled.div<{\n\tversion?: '1.0' | '2.0' | '3.0';\n}>`\n\tmargin: 4px;\n\tbackground-color: ${COLORS.surface.standard};\n\tbox-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);\n\tborder-radius: ${({ version }) => (version === '3.0' ? 4 : 8)}px;\n\tpadding-top: ${({ version }) => (version === '3.0' ? 0 : 4)}px;\n\tmax-height: 480px;\n\tpadding-bottom: ${({ version }) => (version === '3.0' ? 0 : 4)}px;\n\toverflow-y: scroll;\n\n\t&::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n`;\n\nexport const LeadingIconContainer = styled.div`\n\twidth: 16px;\n\theight: 16px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-right: 4px;\n`;\n\nexport const TrailingIconContainer = styled.div`\n\twidth: 16px;\n\theight: 16px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-left: 4px;\n`;\n\nexport const SubMenuContainer = styled.div<{ width: string }>`\n\twidth: ${(props) => props.width};\n`;\n\nexport const StyledSubMenuWrapper = styled(SubMenuWrapper)<{\n\twidth: string;\n\ttop: number;\n\tleft: number;\n}>`\n\twidth: ${(props) => props.width};\n\ttop: ${(props) => props.top}px;\n\tleft: ${(props) => props.left}px;\n`;\n"],"names":["DropdownContainer","styled","div","_ref","version","_ref2","OptionsContainer","_ref3","width","_ref4","NoResultsContainer","_ref5","_ref6","_ref7","_ref8","GroupedMenuListContainer","_ref9","StyledMenuList","MenuItemWrapper","_ref10","MenuItemContainer","_ref11","_ref12","_ref13","isSelected","isHovered","isSubMenuOpen","isDisabled","COLORS","surface","standard","background","brandLight","positive","light","hovered","_ref14","text","primary","content","_ref15","ContentContainer","SubMenuWrapper","SubMenuListContainer","_ref16","_ref17","_ref18","LeadingIconContainer","TrailingIconContainer","SubMenuContainer","props","StyledSubMenuWrapper","top","left"],"mappings":"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"}
+{"version":3,"file":"MultiLevelDropdown.styled.js","sources":["../../../../src/components/multi-level-dropdown/MultiLevelDropdown.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const DropdownContainer = styled.div<{ width?: string }>`\n\tposition: relative;\n\tborder-radius: 8px;\n\tbox-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);\n\tpadding-bottom: 4px;\n`;\n\nexport const OptionsContainer = styled.div<{ width?: string }>`\n\twidth: ${({ width }) => (width ? width : '200px')};\n\tmax-width: 300px;\n\tmax-height: 280px;\n\toverflow-y: scroll;\n\tpadding: 4px 0 0;\n\t&::-webkit-scrollbar {\n\t\twidth: 0px;\n\t}\n`;\n\nexport const NoResultsContainer = styled.div<{ width?: string }>`\n\tmargin-top: 64px;\n\theight: 200px;\n\twidth: ${({ width }) => (width ? width : '200px')};\n`;\n\nexport const GroupedMenuListContainer = styled.div`\n\twidth: 100%;\n\tjustify-content: center;\n\tcursor: pointer;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmargin: 4px 0;\n`;\n\nexport const StyledMenuList = styled.div`\n\tz-index: 1000;\n\tposition: relative;\n\tmargin: 0px;\n\tpadding: 0px;\n\twidth: 100%;\n`;\n\nexport const MenuItemWrapper = styled.div`\n\tposition: relative;\n\tpadding: 1px 4px;\n\tcursor: pointer;\n\twidth: 100%;\n\t&:hover > .submenu,\n\t&:focus-within > .submenu {\n\t\tdisplay: block;\n\t}\n`;\n\nexport interface MenuItemContainerProps {\n\tisSelected?: boolean;\n\tisHovered?: boolean;\n\tisSubMenuOpen?: boolean;\n\tisDisabled?: boolean;\n}\n\nexport const MenuItemContainer = styled.div<MenuItemContainerProps>`\n\tposition: relative;\n\tpadding: 4px 8px 4px 8px;\n\ttransition: background-color 0.2s;\n\twidth: 100%;\n\tborder-radius: 8px;\n\tjustify-content: center;\n\tbackground-color: ${({ isSelected, isHovered, isSubMenuOpen, isDisabled }) =>\n\t\tisDisabled\n\t\t\t? COLORS.surface.standard\n\t\t\t: isSelected || isSubMenuOpen\n\t\t\t? COLORS.background.positive.light\n\t\t\t: isHovered\n\t\t\t? COLORS.surface.hovered\n\t\t\t: COLORS.surface.standard};\n\tcolor: ${({ isSelected, isSubMenuOpen }) =>\n\t\tisSelected || isSubMenuOpen\n\t\t\t? COLORS.content.positive\n\t\t\t: COLORS.content.primary};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\n\t&:hover {\n\t\tbackground-color: ${({ isSelected, isDisabled }) =>\n\t\t\tisDisabled\n\t\t\t\t? COLORS.surface.standard\n\t\t\t\t: isSelected\n\t\t\t\t? COLORS.background.positive.light\n\t\t\t\t: COLORS.surface.hovered};\n\t}\n`;\n\nexport const ContentContainer = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n`;\n\nexport const SubMenuWrapper = styled.div`\n\tz-index: 1001;\n\tposition: fixed;\n\tborder-left: 4px solid transparent;\n`;\n\nexport const SubMenuListContainer = styled.div`\n\tmargin: 4px;\n\tbackground-color: ${COLORS.surface.standard};\n\tbox-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);\n\tborder-radius: 8px;\n\tpadding-top: 4px;\n\tmax-height: 480px;\n\tpadding-bottom: 4px;\n\toverflow-y: scroll;\n\n\t&::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n`;\n\nexport const LeadingIconContainer = styled.div`\n\twidth: 16px;\n\theight: 16px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-right: 4px;\n`;\n\nexport const TrailingIconContainer = styled.div`\n\twidth: 16px;\n\theight: 16px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-left: 4px;\n`;\n\nexport const SubMenuContainer = styled.div<{ width: string }>`\n\twidth: ${(props) => props.width};\n`;\n\nexport const StyledSubMenuWrapper = styled(SubMenuWrapper)<{\n\twidth: string;\n\ttop: number;\n\tleft: number;\n}>`\n\twidth: ${(props) => props.width};\n\ttop: ${(props) => props.top}px;\n\tleft: ${(props) => props.left}px;\n`;\n"],"names":["DropdownContainer","styled","div","OptionsContainer","_ref","width","NoResultsContainer","_ref2","GroupedMenuListContainer","StyledMenuList","MenuItemWrapper","MenuItemContainer","_ref3","isSelected","isHovered","isSubMenuOpen","isDisabled","COLORS","surface","standard","background","positive","light","hovered","_ref4","content","primary","_ref5","ContentContainer","SubMenuWrapper","SubMenuListContainer","LeadingIconContainer","TrailingIconContainer","SubMenuContainer","props","StyledSubMenuWrapper","top","left"],"mappings":"mFAGaA,MAAAA,EAAoBC,EAAOC,GAAuB;;;;;EAOlDC,EAAmBF,EAAOC,GAAuB;UACpDE,IAAA,IAACC,MAAEA,GAAOD,EAAA,OAAMC,GAAgB,OAAO;;;;;;;;EAUpCC,EAAqBL,EAAOC,GAAuB;;;UAGtDK,IAAA,IAACF,MAAEA,GAAOE,EAAA,OAAMF,GAAgB,OAAO;EAGpCG,EAA2BP,EAAOC,GAAG;;;;;;;EASrCO,EAAiBR,EAAOC,GAAG;;;;;;EAQ3BQ,EAAkBT,EAAOC,GAAG;;;;;;;;;EAkB5BS,EAAoBV,EAAOC,GAA2B;;;;;;;qBAO9CU,IAAA,IAACC,WAAEA,EAAUC,UAAEA,EAASC,cAAEA,EAAaC,WAAEA,GAAYJ,EAAA,OACxEI,EACGC,EAAOC,QAAQC,SACfN,GAAcE,EACdE,EAAOG,WAAWC,SAASC,MAC3BR,EACAG,EAAOC,QAAQK,QACfN,EAAOC,QAAQC,QAAQ;UAClBK,IAAA,IAACX,WAAEA,EAAUE,cAAEA,GAAeS,EAAA,OACtCX,GAAcE,EACXE,EAAOQ,QAAQJ,SACfJ,EAAOQ,QAAQC,OAAO;;;;;;sBAMLC,IAAA,IAACd,WAAEA,EAAUG,WAAEA,GAAYW,EAAA,OAC9CX,EACGC,EAAOC,QAAQC,SACfN,EACAI,EAAOG,WAAWC,SAASC,MAC3BL,EAAOC,QAAQK,OAAO;;EAIfK,EAAmB3B,EAAOC,GAAG;;;;EAM7B2B,EAAiB5B,EAAOC,GAAG;;;;EAM3B4B,EAAuB7B,EAAOC,GAAG;;qBAEzBe,EAAOC,QAAQC;;;;;;;;;;;EAavBY,EAAuB9B,EAAOC,GAAG;;;;;;;EASjC8B,EAAwB/B,EAAOC,GAAG;;;;;;;EASlC+B,EAAmBhC,EAAOC,GAAsB;UAClDgC,GAAUA,EAAM7B;EAGd8B,EAAuBlC,EAAO4B,EAIzC;UACSK,GAAUA,EAAM7B;QAClB6B,GAAUA,EAAME;SACfF,GAAUA,EAAMG;"}

package/dist/esm/components/tag/Tag.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import n from"react";import{Tooltip as a}from"../tooltips/Tooltip.js";import{AiBodyTiny as r,AiBodyCaption as t,BodyTiny as s,BodyCaption as c}from"../TypographyStyle.js";import{ValidTagTypeMap as o}from"./model.js";import{Tag as l}from"./Tag.styled.js";import{getTagIconColor as g}from"./themes.js";const d=d=>{let{tagText:m,LeadingIcon:p,TrailingIcon:b,onLeadingIconClicked:h,leadingIconId:j,trailingIconId:O,onTrailingIconClicked:u,theme:f="light",type:I="neutral",variant:T="regular",version:y,cursor:k,alignIcon:w,noBorder:C,tagHtmlText:N,contentPadding:L,padding:x,height:v,leadingIconTooltip:E,trailingIconTooltip:$,tagColor:z,numberOfLines:B,backgroundColor:P,borderRadius:R,size:H="regular"}=d,S=m;const q=f;let A=I;o[T][I]||(A="neutral"),"circle"===T&&"number"==typeof S&&S>99&&(S="99+");const D={height:"compressed"===T?12:16,width:"compressed"===T?12:16,color:g(f,A),style:{display:"block"}};return e(l,Object.assign({cursor:k,theme:q,type:A,variant:T,version:y,alignIcon:w,noBorder:C,contentPadding:L,padding:x,height:v,backgroundColor:P,borderRadius:R,size:H},{children:i("div",Object.assign({className:"container"},{children:[p&&(E?e(a,Object.assign({},E,{children:e("button",Object.assign({className:"icon-leading",onClick:h,id:`${j}-wrapper`||"leading-icon-wrapper"},{children:n.createElement(p,Object.assign(Object.assign({},D),{id:j||"leading-icon"}))}))})):e("button",Object.assign({className:"icon-leading",onClick:h,id:`${j}-wrapper`||"leading-icon-wrapper"},{children:n.createElement(p,Object.assign(Object.assign({},D),{id:j||"leading-icon"}))}))),N&&("ai"===I&&"light"===f?e("small"===H?r:t,Object.assign({numberOfLines:B},{children:N})):e("small"===H?s:c,Object.assign({className:"text",numberOfLines:B},{children:N}))),!N&&""!==S&&("ai"===I&&"light"===f?e("small"===H?r:t,Object.assign({numberOfLines:B},{children:S})):e("small"===H?s:c,Object.assign({className:"text",color:z,numberOfLines:B},{children:S}))),b&&($?e(a,Object.assign({},$,{children:e("button",Object.assign({className:"icon-trailing",onClick:u,id:`${O}-wrapper`||"trailing-icon-wrapper"},{children:n.createElement(b,Object.assign(Object.assign({},D),{id:O||"trailing-icon"}))}))})):e("button",Object.assign({className:"icon-trailing",onClick:u,id:`${O}-wrapper`||"trailing-icon-wrapper"},{children:n.createElement(b,Object.assign(Object.assign({},D),{id:O||"trailing-icon"}))})))]}))}))};d.displayName="Tag";export{d as Tag};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import n from"react";import{Tooltip as a}from"../tooltips/Tooltip.js";import{AiBodyTiny as r,AiBodyCaption as t,BodyTiny as s,BodyCaption as c}from"../TypographyStyle.js";import{ValidTagTypeMap as o}from"./model.js";import{Tag as l}from"./Tag.styled.js";import{getTagIconColor as g}from"./themes.js";const d=d=>{let{tagText:m,LeadingIcon:p,TrailingIcon:b,onLeadingIconClicked:j,leadingIconId:O,trailingIconId:h,onTrailingIconClicked:u,theme:f="light",type:I="neutral",variant:T="regular",version:y,cursor:k,alignIcon:w,noBorder:C,tagHtmlText:N,contentPadding:L,leadingIconTooltip:x,trailingIconTooltip:v,tagColor:E,numberOfLines:$,backgroundColor:z,borderRadius:B,size:P="regular"}=d,R=m;const H=f;let S=I;o[T][I]||(S="neutral"),"circle"===T&&"number"==typeof R&&R>99&&(R="99+");const q={height:"compressed"===T?12:16,width:"compressed"===T?12:16,color:g(f,S),style:{display:"block"}};return e(l,Object.assign({cursor:k,theme:H,type:S,variant:T,version:y,alignIcon:w,noBorder:C,contentPadding:L,backgroundColor:z,borderRadius:B,size:P},{children:i("div",Object.assign({className:"container"},{children:[p&&(x?e(a,Object.assign({},x,{children:e("button",Object.assign({className:"icon-leading",onClick:j,id:`${O}-wrapper`||"leading-icon-wrapper"},{children:n.createElement(p,Object.assign(Object.assign({},q),{id:O||"leading-icon"}))}))})):e("button",Object.assign({className:"icon-leading",onClick:j,id:`${O}-wrapper`||"leading-icon-wrapper"},{children:n.createElement(p,Object.assign(Object.assign({},q),{id:O||"leading-icon"}))}))),N&&("ai"===I&&"light"===f?e("small"===P?r:t,Object.assign({numberOfLines:$},{children:N})):e("small"===P?s:c,Object.assign({className:"text",numberOfLines:$},{children:N}))),!N&&""!==R&&("ai"===I&&"light"===f?e("small"===P?r:t,Object.assign({numberOfLines:$},{children:R})):e("small"===P?s:c,Object.assign({className:"text",color:E,numberOfLines:$},{children:R}))),b&&(v?e(a,Object.assign({},v,{children:e("button",Object.assign({className:"icon-trailing",onClick:u,id:`${h}-wrapper`||"trailing-icon-wrapper"},{children:n.createElement(b,Object.assign(Object.assign({},q),{id:h||"trailing-icon"}))}))})):e("button",Object.assign({className:"icon-trailing",onClick:u,id:`${h}-wrapper`||"trailing-icon-wrapper"},{children:n.createElement(b,Object.assign(Object.assign({},q),{id:h||"trailing-icon"}))})))]}))}))};d.displayName="Tag";export{d as Tag};
 //# sourceMappingURL=Tag.js.map

package/dist/esm/components/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../../src/components/tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip } from '../tooltips/Tooltip';\nimport {\n\tAiBodyCaption,\n\tAiBodyTiny,\n\tBodyCaption,\n\tBodyTiny,\n} from '../TypographyStyle';\nimport { TagProps, ValidTagTypeMap } from './model';\nimport * as Sc from './Tag.styled';\nimport { getTagIconColor } from './themes';\n\nexport const Tag = ({\n\ttagText,\n\tLeadingIcon,\n\tTrailingIcon,\n\tonLeadingIconClicked = undefined,\n\tleadingIconId,\n\ttrailingIconId,\n\tonTrailingIconClicked = undefined,\n\ttheme = 'light',\n\ttype = 'neutral',\n\tvariant = 'regular',\n\tversion,\n\tcursor,\n\talignIcon,\n\tnoBorder,\n\ttagHtmlText,\n\tcontentPadding,\n\tpadding,\n\theight,\n\tleadingIconTooltip,\n\ttrailingIconTooltip,\n\ttagColor,\n\tnumberOfLines,\n\tbackgroundColor,\n\tborderRadius,\n\tsize = 'regular',\n}: TagProps) => {\n\tlet displayTagText = tagText;\n\tconst displayTheme = theme;\n\tlet displayType = type;\n\n\tif (!ValidTagTypeMap[variant][type]) {\n\t\tdisplayType = 'neutral';\n\t}\n\n\tif (variant === 'circle') {\n\t\tif (typeof displayTagText === 'number' && displayTagText > 99) {\n\t\t\tdisplayTagText = '99+';\n\t\t}\n\t}\n\n\tconst iconColor = getTagIconColor(theme, displayType);\n\tconst iconProps = {\n\t\theight: variant === 'compressed' ? 12 : 16,\n\t\twidth: variant === 'compressed' ? 12 : 16,\n\t\tcolor: iconColor,\n\t\tstyle: { display: 'block' },\n\t};\n\n\treturn (\n\t\t<Sc.Tag\n\t\t\tcursor={cursor}\n\t\t\ttheme={displayTheme}\n\t\t\ttype={displayType}\n\t\t\tvariant={variant}\n\t\t\tversion={version}\n\t\t\talignIcon={alignIcon}\n\t\t\tnoBorder={noBorder}\n\t\t\tcontentPadding={contentPadding}\n\t\t\tpadding={padding}\n\t\t\theight={height}\n\t\t\tbackgroundColor={backgroundColor}\n\t\t\tborderRadius={borderRadius}\n\t\t\tsize={size}\n\t\t>\n\t\t\t<div className=\"container\">\n\t\t\t\t{LeadingIcon &&\n\t\t\t\t\t(leadingIconTooltip ? (\n\t\t\t\t\t\t<Tooltip {...leadingIconTooltip}>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\t\tonClick={onLeadingIconClicked}\n\t\t\t\t\t\t\t\tid={`${leadingIconId}-wrapper` || 'leading-icon-wrapper'}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{React.createElement(LeadingIcon, {\n\t\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\t\tid: leadingIconId || 'leading-icon',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\tonClick={onLeadingIconClicked}\n\t\t\t\t\t\t\tid={`${leadingIconId}-wrapper` || 'leading-icon-wrapper'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(LeadingIcon, {\n\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\tid: leadingIconId || 'leading-icon',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\n\t\t\t\t{tagHtmlText &&\n\t\t\t\t\t(type === 'ai' && theme === 'light' ? (\n\t\t\t\t\t\tsize === 'small' ? (\n\t\t\t\t\t\t\t<AiBodyTiny numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t\t</AiBodyTiny>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<AiBodyCaption numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t\t</AiBodyCaption>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : size === 'small' ? (\n\t\t\t\t\t\t<BodyTiny className=\"text\" numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodyCaption className=\"text\" numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t))}\n\n\t\t\t\t{!tagHtmlText &&\n\t\t\t\t\tdisplayTagText !== '' &&\n\t\t\t\t\t(type === 'ai' && theme === 'light' ? (\n\t\t\t\t\t\tsize === 'small' ? (\n\t\t\t\t\t\t\t<AiBodyTiny numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t\t</AiBodyTiny>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<AiBodyCaption numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t\t</AiBodyCaption>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : size === 'small' ? (\n\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tcolor={tagColor}\n\t\t\t\t\t\t\tnumberOfLines={numberOfLines}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tcolor={tagColor}\n\t\t\t\t\t\t\tnumberOfLines={numberOfLines}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t))}\n\n\t\t\t\t{TrailingIcon &&\n\t\t\t\t\t(trailingIconTooltip ? (\n\t\t\t\t\t\t<Tooltip {...trailingIconTooltip}>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclassName=\"icon-trailing\"\n\t\t\t\t\t\t\t\tonClick={onTrailingIconClicked}\n\t\t\t\t\t\t\t\tid={`${trailingIconId}-wrapper` || 'trailing-icon-wrapper'}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{React.createElement(TrailingIcon, {\n\t\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\t\tid: trailingIconId || 'trailing-icon',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName=\"icon-trailing\"\n\t\t\t\t\t\t\tonClick={onTrailingIconClicked}\n\t\t\t\t\t\t\tid={`${trailingIconId}-wrapper` || 'trailing-icon-wrapper'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(TrailingIcon, {\n\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\tid: trailingIconId || 'trailing-icon',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t</Sc.Tag>\n\t);\n};\n\nTag.displayName = 'Tag';\n"],"names":["Tag","_ref","tagText","LeadingIcon","TrailingIcon","onLeadingIconClicked","leadingIconId","trailingIconId","onTrailingIconClicked","theme","type","variant","version","cursor","alignIcon","noBorder","tagHtmlText","contentPadding","padding","height","leadingIconTooltip","trailingIconTooltip","tagColor","numberOfLines","backgroundColor","borderRadius","size","displayTagText","displayTheme","displayType","ValidTagTypeMap","iconProps","width","color","getTagIconColor","style","display","_jsx","Sc","Object","assign","children","_jsxs","className","Tooltip","onClick","id","React","createElement","AiBodyTiny","AiBodyCaption","BodyTiny","BodyCaption","displayName"],"mappings":"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"}
+{"version":3,"file":"Tag.js","sources":["../../../../src/components/tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip } from '../tooltips/Tooltip';\nimport {\n\tAiBodyCaption,\n\tAiBodyTiny,\n\tBodyCaption,\n\tBodyTiny,\n} from '../TypographyStyle';\nimport { TagProps, ValidTagTypeMap } from './model';\nimport * as Sc from './Tag.styled';\nimport { getTagIconColor } from './themes';\n\nexport const Tag = ({\n\ttagText,\n\tLeadingIcon,\n\tTrailingIcon,\n\tonLeadingIconClicked = undefined,\n\tleadingIconId,\n\ttrailingIconId,\n\tonTrailingIconClicked = undefined,\n\ttheme = 'light',\n\ttype = 'neutral',\n\tvariant = 'regular',\n\tversion,\n\tcursor,\n\talignIcon,\n\tnoBorder,\n\ttagHtmlText,\n\tcontentPadding,\n\tleadingIconTooltip,\n\ttrailingIconTooltip,\n\ttagColor,\n\tnumberOfLines,\n\tbackgroundColor,\n\tborderRadius,\n\tsize = 'regular',\n}: TagProps) => {\n\tlet displayTagText = tagText;\n\tconst displayTheme = theme;\n\tlet displayType = type;\n\n\tif (!ValidTagTypeMap[variant][type]) {\n\t\tdisplayType = 'neutral';\n\t}\n\n\tif (variant === 'circle') {\n\t\tif (typeof displayTagText === 'number' && displayTagText > 99) {\n\t\t\tdisplayTagText = '99+';\n\t\t}\n\t}\n\n\tconst iconColor = getTagIconColor(theme, displayType);\n\tconst iconProps = {\n\t\theight: variant === 'compressed' ? 12 : 16,\n\t\twidth: variant === 'compressed' ? 12 : 16,\n\t\tcolor: iconColor,\n\t\tstyle: { display: 'block' },\n\t};\n\n\treturn (\n\t\t<Sc.Tag\n\t\t\tcursor={cursor}\n\t\t\ttheme={displayTheme}\n\t\t\ttype={displayType}\n\t\t\tvariant={variant}\n\t\t\tversion={version}\n\t\t\talignIcon={alignIcon}\n\t\t\tnoBorder={noBorder}\n\t\t\tcontentPadding={contentPadding}\n\t\t\tbackgroundColor={backgroundColor}\n\t\t\tborderRadius={borderRadius}\n\t\t\tsize={size}\n\t\t>\n\t\t\t<div className=\"container\">\n\t\t\t\t{LeadingIcon &&\n\t\t\t\t\t(leadingIconTooltip ? (\n\t\t\t\t\t\t<Tooltip {...leadingIconTooltip}>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\t\tonClick={onLeadingIconClicked}\n\t\t\t\t\t\t\t\tid={`${leadingIconId}-wrapper` || 'leading-icon-wrapper'}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{React.createElement(LeadingIcon, {\n\t\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\t\tid: leadingIconId || 'leading-icon',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\tonClick={onLeadingIconClicked}\n\t\t\t\t\t\t\tid={`${leadingIconId}-wrapper` || 'leading-icon-wrapper'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(LeadingIcon, {\n\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\tid: leadingIconId || 'leading-icon',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\n\t\t\t\t{tagHtmlText &&\n\t\t\t\t\t(type === 'ai' && theme === 'light' ? (\n\t\t\t\t\t\tsize === 'small' ? (\n\t\t\t\t\t\t\t<AiBodyTiny numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t\t</AiBodyTiny>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<AiBodyCaption numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t\t</AiBodyCaption>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : size === 'small' ? (\n\t\t\t\t\t\t<BodyTiny className=\"text\" numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodyCaption className=\"text\" numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t))}\n\n\t\t\t\t{!tagHtmlText &&\n\t\t\t\t\tdisplayTagText !== '' &&\n\t\t\t\t\t(type === 'ai' && theme === 'light' ? (\n\t\t\t\t\t\tsize === 'small' ? (\n\t\t\t\t\t\t\t<AiBodyTiny numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t\t</AiBodyTiny>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<AiBodyCaption numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t\t</AiBodyCaption>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : size === 'small' ? (\n\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tcolor={tagColor}\n\t\t\t\t\t\t\tnumberOfLines={numberOfLines}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tcolor={tagColor}\n\t\t\t\t\t\t\tnumberOfLines={numberOfLines}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t))}\n\n\t\t\t\t{TrailingIcon &&\n\t\t\t\t\t(trailingIconTooltip ? (\n\t\t\t\t\t\t<Tooltip {...trailingIconTooltip}>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclassName=\"icon-trailing\"\n\t\t\t\t\t\t\t\tonClick={onTrailingIconClicked}\n\t\t\t\t\t\t\t\tid={`${trailingIconId}-wrapper` || 'trailing-icon-wrapper'}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{React.createElement(TrailingIcon, {\n\t\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\t\tid: trailingIconId || 'trailing-icon',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName=\"icon-trailing\"\n\t\t\t\t\t\t\tonClick={onTrailingIconClicked}\n\t\t\t\t\t\t\tid={`${trailingIconId}-wrapper` || 'trailing-icon-wrapper'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(TrailingIcon, {\n\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\tid: trailingIconId || 'trailing-icon',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t</Sc.Tag>\n\t);\n};\n\nTag.displayName = 'Tag';\n"],"names":["Tag","_ref","tagText","LeadingIcon","TrailingIcon","onLeadingIconClicked","leadingIconId","trailingIconId","onTrailingIconClicked","theme","type","variant","version","cursor","alignIcon","noBorder","tagHtmlText","contentPadding","leadingIconTooltip","trailingIconTooltip","tagColor","numberOfLines","backgroundColor","borderRadius","size","displayTagText","displayTheme","displayType","ValidTagTypeMap","iconProps","height","width","color","getTagIconColor","style","display","_jsx","Sc","children","_jsxs","Object","assign","className","Tooltip","onClick","id","React","createElement","AiBodyTiny","AiBodyCaption","BodyTiny","BodyCaption","displayName"],"mappings":"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"}

package/dist/esm/components/tag/Tag.styled.js

@@ -1,2 +1,2 @@
-import c from"@emotion/styled/base";import{getPadding as g,getBackgroundColor as I,generateBorder as b,getTextColor as l}from"./themes.js";const i=c("div","production"===process.env.NODE_ENV?{target:"e930jd90"}:{target:"e930jd90",label:"Tag"})("cursor:",(c=>{var g;return null!==(g=c.cursor)&&void 0!==g?g:"default"}),";",(c=>"small"!==c.size&&("regular"===c.variant?"display: block;\n\t\t     min-height: 26px;\n\t\t":"min-height: 20px;"))," .container{display:flex;align-items:",(c=>c.alignIcon?c.alignIcon:"center"),";gap:6px;",(c=>c.height?`height: ${c.height}px; box-sizing: border-box;`:"small"===c.size?"height: 16px; box-sizing: border-box;":"")," padding:",(c=>c.padding?c.padding:"small"===c.size?"2px 6px":c.contentPadding?`${c.contentPadding}px`:g(c.variant)),";background:",(c=>{var g;return null!==(g=c.backgroundColor)&&void 0!==g?g:I(c.theme,c.type)}),";border-radius:",(c=>void 0!==c.borderRadius?"number"==typeof c.borderRadius?`${c.borderRadius}px`:c.borderRadius:"regular"===c.variant?"4px":"12px"),";",(c=>!c.noBorder&&"light"===c.theme&&`border: ${"2.0"===c.version?.5:1}px solid ${b(c.type,c.theme)};`)," .text{color:",(c=>l(c.theme,c.type)),";}.icon-trailing{all:unset;display:flex;}.icon-leading{all:unset;display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QiIsImZpbGUiOiJUYWcuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgZ2VuZXJhdGVCb3JkZXIsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0UGFkZGluZywgZ2V0VGV4dENvbG9yLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IFRhZyA9IHN0eWxlZC5kaXYgYFxuXHRjdXJzb3I6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLmN1cnNvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RlZmF1bHQnOyB9fTtcblx0JHsocHJvcHMpID0+IHByb3BzLnNpemUgIT09ICdzbWFsbCcgJiZcclxuICAgIChwcm9wcy52YXJpYW50ID09PSAncmVndWxhcidcclxuICAgICAgICA/IGBkaXNwbGF5OiBibG9jaztcblx0XHQgICAgIG1pbi1oZWlnaHQ6IDI2cHg7XG5cdFx0YFxyXG4gICAgICAgIDogYG1pbi1oZWlnaHQ6IDIwcHg7YCl9XG5cdC5jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6ICR7KHByb3BzKSA9PiAocHJvcHMuYWxpZ25JY29uID8gcHJvcHMuYWxpZ25JY29uIDogJ2NlbnRlcicpfTtcblx0XHRnYXA6IDZweDtcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0XHJcbiAgICA/IGBoZWlnaHQ6ICR7cHJvcHMuaGVpZ2h0fXB4OyBib3gtc2l6aW5nOiBib3JkZXItYm94O2BcclxuICAgIDogcHJvcHMuc2l6ZSA9PT0gJ3NtYWxsJ1xyXG4gICAgICAgID8gJ2hlaWdodDogMTZweDsgYm94LXNpemluZzogYm9yZGVyLWJveDsnXHJcbiAgICAgICAgOiAnJ31cblx0XHRwYWRkaW5nOiAkeyhwcm9wcykgPT4gcHJvcHMucGFkZGluZ1xyXG4gICAgPyBwcm9wcy5wYWRkaW5nXHJcbiAgICA6IHByb3BzLnNpemUgPT09ICdzbWFsbCdcclxuICAgICAgICA/ICcycHggNnB4J1xyXG4gICAgICAgIDogcHJvcHMuY29udGVudFBhZGRpbmdcclxuICAgICAgICAgICAgPyBgJHtwcm9wcy5jb250ZW50UGFkZGluZ31weGBcclxuICAgICAgICAgICAgOiBnZXRQYWRkaW5nKHByb3BzLnZhcmlhbnQpfTtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5iYWNrZ3JvdW5kQ29sb3IpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IGdldEJhY2tncm91bmRDb2xvcihwcm9wcy50aGVtZSwgcHJvcHMudHlwZSk7IH19O1xuXG5cdFx0Ym9yZGVyLXJhZGl1czogJHsocHJvcHMpID0+IHByb3BzLmJvcmRlclJhZGl1cyAhPT0gdW5kZWZpbmVkXHJcbiAgICA/IHR5cGVvZiBwcm9wcy5ib3JkZXJSYWRpdXMgPT09ICdudW1iZXInXHJcbiAgICAgICAgPyBgJHtwcm9wcy5ib3JkZXJSYWRpdXN9cHhgXHJcbiAgICAgICAgOiBwcm9wcy5ib3JkZXJSYWRpdXNcclxuICAgIDogcHJvcHMudmFyaWFudCA9PT0gJ3JlZ3VsYXInXHJcbiAgICAgICAgPyAnNHB4J1xyXG4gICAgICAgIDogJzEycHgnfTtcblxuXHRcdCR7KHByb3BzKSA9PiAhcHJvcHMubm9Cb3JkZXIgJiZcclxuICAgIHByb3BzLnRoZW1lID09PSAnbGlnaHQnICYmXHJcbiAgICBgYm9yZGVyOiAke3Byb3BzLnZlcnNpb24gPT09ICcyLjAnID8gMC41IDogMX1weCBzb2xpZCAke2dlbmVyYXRlQm9yZGVyKHByb3BzLnR5cGUsIHByb3BzLnRoZW1lKX07YH1cblxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0VGV4dENvbG9yKHByb3BzLnRoZW1lLCBwcm9wcy50eXBlKX07XG5cdFx0fVxuXG5cdFx0Lmljb24tdHJhaWxpbmcge1xuXHRcdFx0YWxsOiB1bnNldDtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXG5cdFx0Lmljb24tbGVhZGluZyB7XG5cdFx0XHRhbGw6IHVuc2V0O1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRhZy5zdHlsZWQuanMubWFwIl19 */"));export{i as Tag};
+import c from"@emotion/styled/base";import{getPadding as I,getBackgroundColor as b,generateBorder as g,getTextColor as l}from"./themes.js";const i=c("div","production"===process.env.NODE_ENV?{target:"e930jd90"}:{target:"e930jd90",label:"Tag"})("cursor:",(c=>{var I;return null!==(I=c.cursor)&&void 0!==I?I:"default"}),";",(c=>"small"!==c.size&&("regular"===c.variant?"display: block;\n\t\t     min-height: 26px;\n\t\t":"min-height: 20px;"))," .container{display:flex;align-items:",(c=>c.alignIcon?c.alignIcon:"center"),";gap:6px;",(c=>"small"===c.size?"height: 16px; box-sizing: border-box;":"")," padding:",(c=>"small"===c.size?"2px 6px":c.contentPadding?`${c.contentPadding}px`:I(c.variant)),";background:",(c=>{var I;return null!==(I=c.backgroundColor)&&void 0!==I?I:b(c.theme,c.type)}),";border-radius:",(c=>void 0!==c.borderRadius?"number"==typeof c.borderRadius?`${c.borderRadius}px`:c.borderRadius:"regular"===c.variant?"4px":"12px"),";",(c=>!c.noBorder&&"light"===c.theme&&`border: ${"2.0"===c.version?.5:1}px solid ${g(c.type,c.theme)};`)," .text{color:",(c=>l(c.theme,c.type)),";}.icon-trailing{all:unset;display:flex;}.icon-leading{all:unset;display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QiIsImZpbGUiOiJUYWcuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgZ2VuZXJhdGVCb3JkZXIsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0UGFkZGluZywgZ2V0VGV4dENvbG9yLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IFRhZyA9IHN0eWxlZC5kaXYgYFxuXHRjdXJzb3I6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLmN1cnNvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RlZmF1bHQnOyB9fTtcblx0JHsocHJvcHMpID0+IHByb3BzLnNpemUgIT09ICdzbWFsbCcgJiZcclxuICAgIChwcm9wcy52YXJpYW50ID09PSAncmVndWxhcidcclxuICAgICAgICA/IGBkaXNwbGF5OiBibG9jaztcblx0XHQgICAgIG1pbi1oZWlnaHQ6IDI2cHg7XG5cdFx0YFxyXG4gICAgICAgIDogYG1pbi1oZWlnaHQ6IDIwcHg7YCl9XG5cdC5jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6ICR7KHByb3BzKSA9PiAocHJvcHMuYWxpZ25JY29uID8gcHJvcHMuYWxpZ25JY29uIDogJ2NlbnRlcicpfTtcblx0XHRnYXA6IDZweDtcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuc2l6ZSA9PT0gJ3NtYWxsJyA/ICdoZWlnaHQ6IDE2cHg7IGJveC1zaXppbmc6IGJvcmRlci1ib3g7JyA6ICcnfVxuXHRcdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBwcm9wcy5zaXplID09PSAnc21hbGwnXHJcbiAgICA/ICcycHggNnB4J1xyXG4gICAgOiBwcm9wcy5jb250ZW50UGFkZGluZ1xyXG4gICAgICAgID8gYCR7cHJvcHMuY29udGVudFBhZGRpbmd9cHhgXHJcbiAgICAgICAgOiBnZXRQYWRkaW5nKHByb3BzLnZhcmlhbnQpfTtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5iYWNrZ3JvdW5kQ29sb3IpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IGdldEJhY2tncm91bmRDb2xvcihwcm9wcy50aGVtZSwgcHJvcHMudHlwZSk7IH19O1xuXG5cdFx0Ym9yZGVyLXJhZGl1czogJHsocHJvcHMpID0+IHByb3BzLmJvcmRlclJhZGl1cyAhPT0gdW5kZWZpbmVkXHJcbiAgICA/IHR5cGVvZiBwcm9wcy5ib3JkZXJSYWRpdXMgPT09ICdudW1iZXInXHJcbiAgICAgICAgPyBgJHtwcm9wcy5ib3JkZXJSYWRpdXN9cHhgXHJcbiAgICAgICAgOiBwcm9wcy5ib3JkZXJSYWRpdXNcclxuICAgIDogcHJvcHMudmFyaWFudCA9PT0gJ3JlZ3VsYXInXHJcbiAgICAgICAgPyAnNHB4J1xyXG4gICAgICAgIDogJzEycHgnfTtcblxuXHRcdCR7KHByb3BzKSA9PiAhcHJvcHMubm9Cb3JkZXIgJiZcclxuICAgIHByb3BzLnRoZW1lID09PSAnbGlnaHQnICYmXHJcbiAgICBgYm9yZGVyOiAke3Byb3BzLnZlcnNpb24gPT09ICcyLjAnID8gMC41IDogMX1weCBzb2xpZCAke2dlbmVyYXRlQm9yZGVyKHByb3BzLnR5cGUsIHByb3BzLnRoZW1lKX07YH1cblxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0VGV4dENvbG9yKHByb3BzLnRoZW1lLCBwcm9wcy50eXBlKX07XG5cdFx0fVxuXG5cdFx0Lmljb24tdHJhaWxpbmcge1xuXHRcdFx0YWxsOiB1bnNldDtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXG5cdFx0Lmljb24tbGVhZGluZyB7XG5cdFx0XHRhbGw6IHVuc2V0O1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRhZy5zdHlsZWQuanMubWFwIl19 */"));export{i as Tag};
 //# sourceMappingURL=Tag.styled.js.map

package/dist/esm/components/tag/Tag.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.styled.js","sources":["../../../../src/components/tag/Tag.styled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { TagTheme, TagType, TagVariant } from './model';\nimport {\n\tgenerateBorder,\n\tgetBackgroundColor,\n\tgetPadding,\n\tgetTextColor,\n} from './themes';\n\nexport const Tag = styled.div<{\n\ttheme: TagTheme;\n\ttype: TagType;\n\tvariant: TagVariant;\n\tversion?: '1.0' | '2.0' | '3.0';\n\tcursor?: string;\n\talignIcon?: string;\n\tnoBorder?: boolean;\n\tcontentPadding?: number;\n\tpadding?: string;\n\theight?: number;\n\tbackgroundColor?: string;\n\tborderRadius?: string | number;\n\tsize?: 'regular' | 'small';\n}>`\n\tcursor: ${(props) => props.cursor ?? 'default'};\n\t${(props) =>\n\t\tprops.size !== 'small' &&\n\t\t(props.variant === 'regular'\n\t\t\t? `display: block;\n\t\t     min-height: 26px;\n\t\t`\n\t\t\t: `min-height: 20px;`)}\n\t.container {\n\t\tdisplay: flex;\n\t\talign-items: ${(props) => (props.alignIcon ? props.alignIcon : 'center')};\n\t\tgap: 6px;\n\t\t${(props) =>\n\t\t\tprops.height\n\t\t\t\t? `height: ${props.height}px; box-sizing: border-box;`\n\t\t\t\t: props.size === 'small'\n\t\t\t\t? 'height: 16px; box-sizing: border-box;'\n\t\t\t\t: ''}\n\t\tpadding: ${(props) =>\n\t\t\tprops.padding\n\t\t\t\t? props.padding\n\t\t\t\t: props.size === 'small'\n\t\t\t\t? '2px 6px'\n\t\t\t\t: props.contentPadding\n\t\t\t\t? `${props.contentPadding}px`\n\t\t\t\t: getPadding(props.variant)};\n\t\tbackground: ${(props) =>\n\t\t\tprops.backgroundColor ?? getBackgroundColor(props.theme, props.type)};\n\n\t\tborder-radius: ${(props) =>\n\t\t\tprops.borderRadius !== undefined\n\t\t\t\t? typeof props.borderRadius === 'number'\n\t\t\t\t\t? `${props.borderRadius}px`\n\t\t\t\t\t: props.borderRadius\n\t\t\t\t: props.variant === 'regular'\n\t\t\t\t? '4px'\n\t\t\t\t: '12px'};\n\n\t\t${(props) =>\n\t\t\t!props.noBorder &&\n\t\t\tprops.theme === 'light' &&\n\t\t\t`border: ${props.version === '2.0' ? 0.5 : 1}px solid ${generateBorder(\n\t\t\t\tprops.type,\n\t\t\t\tprops.theme,\n\t\t\t)};`}\n\n\t\t.text {\n\t\t\tcolor: ${(props) => getTextColor(props.theme, props.type)};\n\t\t}\n\n\t\t.icon-trailing {\n\t\t\tall: unset;\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t.icon-leading {\n\t\t\tall: unset;\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n`;\n"],"names":["Tag","_styled","process","env","NODE_ENV","target","label","props","_a","cursor","size","variant","alignIcon","height","padding","contentPadding","getPadding","backgroundColor","getBackgroundColor","theme","type","undefined","borderRadius","noBorder","version","generateBorder","getTextColor"],"mappings":"2IASO,MAAMA,EAAGC,QAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,OAAAL,CAAA,WAeJM,IAAS,IAAAC,EAAC,OAAY,QAAZA,EAAAD,EAAME,cAAM,IAAAD,EAAAA,EAAI,SAAS,GAC3CD,KAAAA,GACa,UAAfA,EAAMG,OACa,YAAlBH,EAAMI,QACJ,0EAGoB,yCAGPJ,GAAWA,EAAMK,UAAYL,EAAMK,UAAY,UAE5DL,aAAAA,GACFA,EAAMM,OACH,WAAWN,EAAMM,oCACF,UAAfN,EAAMG,KACN,wCACA,IACQH,aAAAA,GACXA,EAAMO,QACHP,EAAMO,QACS,UAAfP,EAAMG,KACN,UACAH,EAAMQ,eACN,GAAGR,EAAMQ,mBACTC,EAAWT,EAAMI,UAAQ,gBACdJ,IAAS,IAAAC,EACvB,OAAqB,QAArBA,EAAAD,EAAMU,uBAAe,IAAAT,EAAAA,EAAIU,EAAmBX,EAAMY,MAAOZ,EAAMa,KAAK,sBAEnDb,QACMc,IAAvBd,EAAMe,aAC2B,iBAAvBf,EAAMe,aACZ,GAAGf,EAAMe,iBACTf,EAAMe,aACW,YAAlBf,EAAMI,QACN,MACA,QAAM,KAEPJ,IACDA,EAAMgB,UACS,UAAhBhB,EAAMY,OACK,WAAkB,QAAlBZ,EAAMiB,QAAoB,GAAM,aAAaC,EACvDlB,EAAMa,KACNb,EAAMY,4BAIGZ,GAAUmB,EAAanB,EAAMY,MAAOZ,EAAMa,OAAKlB,oFAa3D,eAb2DA,QAAAC,IAAAC,SAa3D,GAAA"}
+{"version":3,"file":"Tag.styled.js","sources":["../../../../src/components/tag/Tag.styled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { TagTheme, TagType, TagVariant } from './model';\nimport {\n\tgenerateBorder,\n\tgetBackgroundColor,\n\tgetPadding,\n\tgetTextColor,\n} from './themes';\n\nexport const Tag = styled.div<{\n\ttheme: TagTheme;\n\ttype: TagType;\n\tvariant: TagVariant;\n\tversion?: '1.0' | '2.0';\n\tcursor?: string;\n\talignIcon?: string;\n\tnoBorder?: boolean;\n\tcontentPadding?: number;\n\tbackgroundColor?: string;\n\tborderRadius?: string | number;\n\tsize?: 'regular' | 'small';\n}>`\n\tcursor: ${(props) => props.cursor ?? 'default'};\n\t${(props) =>\n\t\tprops.size !== 'small' &&\n\t\t(props.variant === 'regular'\n\t\t\t? `display: block;\n\t\t     min-height: 26px;\n\t\t`\n\t\t\t: `min-height: 20px;`)}\n\t.container {\n\t\tdisplay: flex;\n\t\talign-items: ${(props) => (props.alignIcon ? props.alignIcon : 'center')};\n\t\tgap: 6px;\n\t\t${(props) =>\n\t\t\tprops.size === 'small' ? 'height: 16px; box-sizing: border-box;' : ''}\n\t\tpadding: ${(props) =>\n\t\t\tprops.size === 'small'\n\t\t\t\t? '2px 6px'\n\t\t\t\t: props.contentPadding\n\t\t\t\t? `${props.contentPadding}px`\n\t\t\t\t: getPadding(props.variant)};\n\t\tbackground: ${(props) =>\n\t\t\tprops.backgroundColor ?? getBackgroundColor(props.theme, props.type)};\n\n\t\tborder-radius: ${(props) =>\n\t\t\tprops.borderRadius !== undefined\n\t\t\t\t? typeof props.borderRadius === 'number'\n\t\t\t\t\t? `${props.borderRadius}px`\n\t\t\t\t\t: props.borderRadius\n\t\t\t\t: props.variant === 'regular'\n\t\t\t\t? '4px'\n\t\t\t\t: '12px'};\n\n\t\t${(props) =>\n\t\t\t!props.noBorder &&\n\t\t\tprops.theme === 'light' &&\n\t\t\t`border: ${props.version === '2.0' ? 0.5 : 1}px solid ${generateBorder(\n\t\t\t\tprops.type,\n\t\t\t\tprops.theme,\n\t\t\t)};`}\n\n\t\t.text {\n\t\t\tcolor: ${(props) => getTextColor(props.theme, props.type)};\n\t\t}\n\n\t\t.icon-trailing {\n\t\t\tall: unset;\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t.icon-leading {\n\t\t\tall: unset;\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n`;\n"],"names":["Tag","_styled","process","env","NODE_ENV","target","label","props","_a","cursor","size","variant","alignIcon","contentPadding","getPadding","backgroundColor","getBackgroundColor","theme","type","undefined","borderRadius","noBorder","version","generateBorder","getTextColor"],"mappings":"2IASO,MAAMA,EAAGC,QAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,OAAAL,CAAA,WAaJM,IAAS,IAAAC,EAAC,OAAY,QAAZA,EAAAD,EAAME,cAAM,IAAAD,EAAAA,EAAI,SAAS,GAC3CD,KAAAA,GACa,UAAfA,EAAMG,OACa,YAAlBH,EAAMI,QACJ,0EAMaJ,yCAAAA,GAAWA,EAAMK,UAAYL,EAAMK,UAAY,UAAS,aAErEL,GACa,UAAfA,EAAMG,KAAmB,wCAA0C,IAAE,aAC1DH,GACI,UAAfA,EAAMG,KACH,UACAH,EAAMM,eACN,GAAGN,EAAMM,mBACTC,EAAWP,EAAMI,UACNJ,gBAAAA,IAAS,IAAAC,EACvB,OAAqB,QAArBA,EAAAD,EAAMQ,uBAAe,IAAAP,EAAAA,EAAIQ,EAAmBT,EAAMU,MAAOV,EAAMW,KAAK,sBAEnDX,QACMY,IAAvBZ,EAAMa,aAC2B,iBAAvBb,EAAMa,aACZ,GAAGb,EAAMa,iBACTb,EAAMa,aACW,YAAlBb,EAAMI,QACN,MACA,QAAM,KAEPJ,IACDA,EAAMc,UACS,UAAhBd,EAAMU,OACK,WAAkB,QAAlBV,EAAMe,QAAoB,GAAM,aAAaC,EACvDhB,EAAMW,KACNX,EAAMU,4BAIGV,GAAUiB,EAAajB,EAAMU,MAAOV,EAAMW,OAAKhB,oFAa3D,eAb2DA,QAAAC,IAAAC,SAa3D,GAAA"}

package/dist/esm/components/tag/model.js.map

@@ -1 +1 @@
-{"version":3,"file":"model.js","sources":["../../../../src/components/tag/model.ts"],"sourcesContent":["import React from 'react';\nimport { MouseEventHandler } from 'react';\nimport { TooltipProps } from '../tooltips/Tooltip';\n\nexport type TagTheme = 'light' | 'dark';\n\nexport type TagVariant = 'regular' | 'circle' | 'compressed';\n\nexport type TagType =\n\t| 'negative'\n\t| 'warning'\n\t| 'positive'\n\t| 'neutral'\n\t| 'white'\n\t| 'purple'\n\t| 'blue'\n\t| 'grey'\n\t| 'ai';\n\nexport const ValidTagTypeMap = {\n\tregular: {\n\t\tnegative: true,\n\t\twarning: true,\n\t\tpositive: true,\n\t\tneutral: true,\n\t\twhite: true,\n\t\tpurple: true,\n\t\tblue: true,\n\t\tai: true,\n\t},\n\tcircle: {\n\t\tnegative: true,\n\t\twarning: true,\n\t\tpositive: true,\n\t\tneutral: true,\n\t\tblue: true,\n\t\tgrey: true,\n\t\tai: true,\n\t},\n\tcompressed: {\n\t\tnegative: true,\n\t\twarning: true,\n\t\tpositive: true,\n\t\tneutral: true,\n\t\twhite: true,\n\t\tpurple: true,\n\t\tblue: true,\n\t\tai: true,\n\t},\n};\n\nexport interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {\n\t/**\n\t * Set the theme of the Tag\n\t * @default default light\n\t */\n\ttheme?: TagTheme;\n\n\t/**\n\t * Set the color of the Tag\n\t * @default default neutral\n\t */\n\ttype?: TagType;\n\n\t/**\n\t * Set the color of the Tag\n\t * @default default regular\n\t */\n\tvariant?: TagVariant;\n\n\t/**\n\t * The icon component that is the right of the text\n\t * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react\n\t * @default undefined\n\t */\n\tTrailingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\t/**\n\t * The right icon id,\n\t * @default trailing-icon\n\t */\n\ttrailingIconId?: string;\n\t/**\n\t * The right icon on click event, defaults to () => {}\n\t */\n\tonTrailingIconClicked?: MouseEventHandler<HTMLButtonElement>;\n\t/**\n\t * Tooltip props for the trailing icon\n\t * @default undefined\n\t */\n\ttrailingIconTooltip?: Omit<TooltipProps, 'children'>;\n\n\t/**\n\t * The icon component that is to the left of the text\n\t * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react\n\t * @default undefined\n\t */\n\tLeadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\t/**\n\t * The right icon on click event, defaults to () => {}\n\t */\n\tonLeadingIconClicked?: MouseEventHandler<HTMLButtonElement>;\n\t/**\n\t * The left icon id,\n\t * @default leading-icon\n\t */\n\tleadingIconId?: string;\n\t/**\n\t * Tooltip props for the leading icon\n\t * @default undefined\n\t */\n\tleadingIconTooltip?: Omit<TooltipProps, 'children'>;\n\n\ttagText: string | number;\n\tversion?: '1.0' | '2.0' | '3.0';\n\t/** Custom CSS padding string, e.g. '4px 8px' */\n\tpadding?: string;\n\t/** Custom height in px */\n\theight?: number;\n\tcursor?: string;\n\talignIcon?: string;\n\tnoBorder?: boolean;\n\ttagHtmlText?: JSX.Element;\n\tcontentPadding?: number;\n\ttagColor?: string;\n\tnumberOfLines?: number;\n\t/**\n\t * Override the computed background color of the tag container.\n\t * @default undefined (uses theme/type color)\n\t */\n\tbackgroundColor?: string;\n\t/**\n\t * Override the border-radius of the tag container.\n\t * @default undefined (uses variant-based radius: 4px for regular, 12px otherwise)\n\t */\n\tborderRadius?: string | number;\n\t/**\n\t * Controls the size of the tag. 'small' sets height to 16px and uses tiny font.\n\t * @default 'regular'\n\t */\n\tsize?: 'regular' | 'small';\n}\n"],"names":["ValidTagTypeMap","regular","negative","warning","positive","neutral","white","purple","blue","ai","circle","grey","compressed"],"mappings":"AAmBO,MAAMA,EAAkB,CAC9BC,QAAS,CACRC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,OAAO,EACPC,QAAQ,EACRC,MAAM,EACNC,IAAI,GAELC,OAAQ,CACPR,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTG,MAAM,EACNG,MAAM,EACNF,IAAI,GAELG,WAAY,CACXV,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,OAAO,EACPC,QAAQ,EACRC,MAAM,EACNC,IAAI"}
+{"version":3,"file":"model.js","sources":["../../../../src/components/tag/model.ts"],"sourcesContent":["import React from 'react';\nimport { MouseEventHandler } from 'react';\nimport { TooltipProps } from '../tooltips/Tooltip';\n\nexport type TagTheme = 'light' | 'dark';\n\nexport type TagVariant = 'regular' | 'circle' | 'compressed';\n\nexport type TagType =\n\t| 'negative'\n\t| 'warning'\n\t| 'positive'\n\t| 'neutral'\n\t| 'white'\n\t| 'purple'\n\t| 'blue'\n\t| 'grey'\n\t| 'ai';\n\nexport const ValidTagTypeMap = {\n\tregular: {\n\t\tnegative: true,\n\t\twarning: true,\n\t\tpositive: true,\n\t\tneutral: true,\n\t\twhite: true,\n\t\tpurple: true,\n\t\tblue: true,\n\t\tai: true,\n\t},\n\tcircle: {\n\t\tnegative: true,\n\t\twarning: true,\n\t\tpositive: true,\n\t\tneutral: true,\n\t\tblue: true,\n\t\tgrey: true,\n\t\tai: true,\n\t},\n\tcompressed: {\n\t\tnegative: true,\n\t\twarning: true,\n\t\tpositive: true,\n\t\tneutral: true,\n\t\twhite: true,\n\t\tpurple: true,\n\t\tblue: true,\n\t\tai: true,\n\t},\n};\n\nexport interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {\n\t/**\n\t * Set the theme of the Tag\n\t * @default default light\n\t */\n\ttheme?: TagTheme;\n\n\t/**\n\t * Set the color of the Tag\n\t * @default default neutral\n\t */\n\ttype?: TagType;\n\n\t/**\n\t * Set the color of the Tag\n\t * @default default regular\n\t */\n\tvariant?: TagVariant;\n\n\t/**\n\t * The icon component that is the right of the text\n\t * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react\n\t * @default undefined\n\t */\n\tTrailingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\t/**\n\t * The right icon id,\n\t * @default trailing-icon\n\t */\n\ttrailingIconId?: string;\n\t/**\n\t * The right icon on click event, defaults to () => {}\n\t */\n\tonTrailingIconClicked?: MouseEventHandler<HTMLButtonElement>;\n\t/**\n\t * Tooltip props for the trailing icon\n\t * @default undefined\n\t */\n\ttrailingIconTooltip?: Omit<TooltipProps, 'children'>;\n\n\t/**\n\t * The icon component that is to the left of the text\n\t * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react\n\t * @default undefined\n\t */\n\tLeadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\t/**\n\t * The right icon on click event, defaults to () => {}\n\t */\n\tonLeadingIconClicked?: MouseEventHandler<HTMLButtonElement>;\n\t/**\n\t * The left icon id,\n\t * @default leading-icon\n\t */\n\tleadingIconId?: string;\n\t/**\n\t * Tooltip props for the leading icon\n\t * @default undefined\n\t */\n\tleadingIconTooltip?: Omit<TooltipProps, 'children'>;\n\n\ttagText: string | number;\n\tversion?: '1.0' | '2.0';\n\tcursor?: string;\n\talignIcon?: string;\n\tnoBorder?: boolean;\n\ttagHtmlText?: JSX.Element;\n\tcontentPadding?: number;\n\ttagColor?: string;\n\tnumberOfLines?: number;\n\t/**\n\t * Override the computed background color of the tag container.\n\t * @default undefined (uses theme/type color)\n\t */\n\tbackgroundColor?: string;\n\t/**\n\t * Override the border-radius of the tag container.\n\t * @default undefined (uses variant-based radius: 4px for regular, 12px otherwise)\n\t */\n\tborderRadius?: string | number;\n\t/**\n\t * Controls the size of the tag. 'small' sets height to 16px and uses tiny font.\n\t * @default 'regular'\n\t */\n\tsize?: 'regular' | 'small';\n}\n"],"names":["ValidTagTypeMap","regular","negative","warning","positive","neutral","white","purple","blue","ai","circle","grey","compressed"],"mappings":"AAmBO,MAAMA,EAAkB,CAC9BC,QAAS,CACRC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,OAAO,EACPC,QAAQ,EACRC,MAAM,EACNC,IAAI,GAELC,OAAQ,CACPR,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTG,MAAM,EACNG,MAAM,EACNF,IAAI,GAELG,WAAY,CACXV,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,OAAO,EACPC,QAAQ,EACRC,MAAM,EACNC,IAAI"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"WhatsNew.js","sources":["../../../../src/components/whats-new/WhatsNew.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { WhatsNewContent } from './WhatsNew.types';\nimport { WhatsNewButton } from './WhatsNewButton';\nimport { WhatsNewPanel } from './WhatsNewPanel';\nimport { useWhatsNewContext } from './WhatsNewProvider';\n\ninterface WhatsNewProps {\n\ttitle?: string;\n\ttooltip?: string;\n\tsearchPlaceholder?: string;\n\temptyStateTitle?: string;\n\temptyStateDescription?: string;\n\tnoResultsText?: string;\n\twidth?: string;\n\tonContentClick?: (content: WhatsNewContent) => void;\n\trenderCustomContent?: (content: WhatsNewContent) => React.ReactNode;\n\tbuttonTestId?: string;\n\ticonWidth?: number;\n\ticonHeight?: number;\n\ticonColor?: string;\n\ticonPadding?: number;\n\tcustomIcon?: React.ComponentType<{\n\t\twidth?: number;\n\t\theight?: number;\n\t\tcolor?: string;\n\t}>;\n}\n\nexport const WhatsNew: React.FC<WhatsNewProps> = ({\n\ttitle = \"What's new\",\n\ttooltip = \"What's new\",\n\tsearchPlaceholder = 'Search posts',\n\temptyStateTitle = 'Nothing new!',\n\temptyStateDescription = 'There are no new updates or features at the moment. Check back soon!',\n\tnoResultsText = 'Sorry, no results found.',\n\twidth = '480px',\n\tonContentClick,\n\trenderCustomContent,\n\tbuttonTestId = 'whats-new-button',\n\ticonWidth = 24,\n\ticonHeight = 24,\n\ticonColor,\n\ticonPadding,\n\tcustomIcon,\n}) => {\n\tconst [isOpen, setIsOpen] = useState(false);\n\tconst { whatsNewContent, isLoading, newContentCount } = useWhatsNewContext();\n\n\tconst handleOpen = () => setIsOpen(true);\n\tconst handleClose = () => setIsOpen(false);\n\n\tconst handleContentClick = (contentItem: WhatsNewContent) => {\n\t\t// WhatsNewPanel handles video/redirect logic directly\n\t\t// This handler is only for parent-level analytics/tracking\n\n\t\tif (onContentClick) {\n\t\t\tonContentClick(contentItem);\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<WhatsNewButton\n\t\t\t\tonClick={handleOpen}\n\t\t\t\tnewContentCount={newContentCount}\n\t\t\t\tisOpen={isOpen}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\ttooltip={tooltip}\n\t\t\t\ttestId={buttonTestId}\n\t\t\t\ticonWidth={iconWidth}\n\t\t\t\ticonHeight={iconHeight}\n\t\t\t\ticonColor={iconColor}\n\t\t\t\ticonPadding={iconPadding}\n\t\t\t\tcustomIcon={customIcon}\n\t\t\t/>\n\t\t\t<WhatsNewPanel\n\t\t\t\tisOpen={isOpen}\n\t\t\t\tonClose={handleClose}\n\t\t\t\tcontent={whatsNewContent}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\ttitle={title}\n\t\t\t\tsearchPlaceholder={searchPlaceholder}\n\t\t\t\temptyStateTitle={emptyStateTitle}\n\t\t\t\temptyStateDescription={emptyStateDescription}\n\t\t\t\tnoResultsText={noResultsText}\n\t\t\t\twidth={width}\n\t\t\t\tonContentClick={handleContentClick}\n\t\t\t\trenderCustomContent={renderCustomContent}\n\t\t\t/>\n\t\t</>\n\t);\n};\n"],"names":["WhatsNew","_ref","title","tooltip","searchPlaceholder","emptyStateTitle","emptyStateDescription","noResultsText","width","onContentClick","renderCustomContent","buttonTestId","iconWidth","iconHeight","iconColor","iconPadding","customIcon","isOpen","setIsOpen","useState","whatsNewContent","isLoading","newContentCount","useWhatsNewContext","_jsxs","_jsx","WhatsNewButton","onClick","handleOpen","testId","WhatsNewPanel","onClose","handleClose","content","contentItem"],"mappings":"oQA4BaA,MAAAA,EAAoCC,IAgB5C,IAhB6CC,MACjDA,EAAQ,aAAYC,QACpBA,EAAU,aAAYC,kBACtBA,EAAoB,eAAcC,gBAClCA,EAAkB,eAAcC,sBAChCA,EAAwB,uEAAsEC,cAC9FA,EAAgB,2BAA0BC,MAC1CA,EAAQ,QAAOC,eACfA,EAAcC,oBACdA,EAAmBC,aACnBA,EAAe,mBAAkBC,UACjCA,EAAY,GAAEC,WACdA,EAAa,GAAEC,UACfA,EAASC,YACTA,EAAWC,WACXA,GACAf,EACA,MAAOgB,EAAQC,GAAaC,GAAS,IAC/BC,gBAAEA,EAAeC,UAAEA,EAASC,gBAAEA,GAAoBC,IAcxD,OACCC,eACCC,EAACC,GACAC,QAfgBC,IAAMV,GAAU,GAgBhCI,gBAAiBA,EACjBL,OAAQA,EACRI,UAAWA,EACXlB,QAASA,EACT0B,OAAQlB,EACRC,UAAWA,EACXC,WAAYA,EACZC,UAAWA,EACXC,YAAaA,EACbC,WAAYA,IAEbS,EAACK,EACA,CAAAb,OAAQA,EACRc,QA5BiBC,IAAMd,GAAU,GA6BjCe,QAASb,EACTC,UAAWA,EACXnB,MAAOA,EACPE,kBAAmBA,EACnBC,gBAAiBA,EACjBC,sBAAuBA,EACvBC,cAAeA,EACfC,MAAOA,EACPC,eAnCyByB,IAIvBzB,GACHA,EAAeyB,EACf,EA8BCxB,oBAAqBA,MAEpB"}
+{"version":3,"file":"WhatsNew.js","sources":["../../../../src/components/whats-new/WhatsNew.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { WhatsNewContent } from './WhatsNew.types';\nimport { WhatsNewButton } from './WhatsNewButton';\nimport { WhatsNewPanel } from './WhatsNewPanel';\nimport { useWhatsNewContext } from './WhatsNewProvider';\n\ninterface WhatsNewProps {\n\ttitle?: string;\n\ttooltip?: string;\n\tsearchPlaceholder?: string;\n\temptyStateTitle?: string;\n\temptyStateDescription?: string;\n\tnoResultsText?: string;\n\twidth?: string;\n\tonContentClick?: (content: WhatsNewContent) => void;\n\trenderCustomContent?: (content: WhatsNewContent) => React.ReactNode;\n\tbuttonTestId?: string;\n\ticonWidth?: number;\n\ticonHeight?: number;\n\tcustomIcon?: React.ComponentType<{\n\t\twidth?: number;\n\t\theight?: number;\n\t\tcolor?: string;\n\t}>;\n}\n\nexport const WhatsNew: React.FC<WhatsNewProps> = ({\n\ttitle = \"What's new\",\n\ttooltip = \"What's new\",\n\tsearchPlaceholder = 'Search posts',\n\temptyStateTitle = 'Nothing new!',\n\temptyStateDescription = 'There are no new updates or features at the moment. Check back soon!',\n\tnoResultsText = 'Sorry, no results found.',\n\twidth = '480px',\n\tonContentClick,\n\trenderCustomContent,\n\tbuttonTestId = 'whats-new-button',\n\ticonWidth = 32,\n\ticonHeight = 32,\n\tcustomIcon,\n}) => {\n\tconst [isOpen, setIsOpen] = useState(false);\n\tconst { whatsNewContent, isLoading, newContentCount } = useWhatsNewContext();\n\n\tconst handleOpen = () => setIsOpen(true);\n\tconst handleClose = () => setIsOpen(false);\n\n\tconst handleContentClick = (contentItem: WhatsNewContent) => {\n\t\t// WhatsNewPanel handles video/redirect logic directly\n\t\t// This handler is only for parent-level analytics/tracking\n\n\t\tif (onContentClick) {\n\t\t\tonContentClick(contentItem);\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<WhatsNewButton\n\t\t\t\tonClick={handleOpen}\n\t\t\t\tnewContentCount={newContentCount}\n\t\t\t\tisOpen={isOpen}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\ttooltip={tooltip}\n\t\t\t\ttestId={buttonTestId}\n\t\t\t\ticonWidth={iconWidth}\n\t\t\t\ticonHeight={iconHeight}\n\t\t\t\tcustomIcon={customIcon}\n\t\t\t/>\n\t\t\t<WhatsNewPanel\n\t\t\t\tisOpen={isOpen}\n\t\t\t\tonClose={handleClose}\n\t\t\t\tcontent={whatsNewContent}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\ttitle={title}\n\t\t\t\tsearchPlaceholder={searchPlaceholder}\n\t\t\t\temptyStateTitle={emptyStateTitle}\n\t\t\t\temptyStateDescription={emptyStateDescription}\n\t\t\t\tnoResultsText={noResultsText}\n\t\t\t\twidth={width}\n\t\t\t\tonContentClick={handleContentClick}\n\t\t\t\trenderCustomContent={renderCustomContent}\n\t\t\t/>\n\t\t</>\n\t);\n};\n"],"names":["WhatsNew","_ref","title","tooltip","searchPlaceholder","emptyStateTitle","emptyStateDescription","noResultsText","width","onContentClick","renderCustomContent","buttonTestId","iconWidth","iconHeight","customIcon","isOpen","setIsOpen","useState","whatsNewContent","isLoading","newContentCount","useWhatsNewContext","_jsxs","_jsx","WhatsNewButton","onClick","handleOpen","testId","WhatsNewPanel","onClose","handleClose","content","contentItem"],"mappings":"oQA0BaA,MAAAA,EAAoCC,IAc5C,IAd6CC,MACjDA,EAAQ,aAAYC,QACpBA,EAAU,aAAYC,kBACtBA,EAAoB,eAAcC,gBAClCA,EAAkB,eAAcC,sBAChCA,EAAwB,uEAAsEC,cAC9FA,EAAgB,2BAA0BC,MAC1CA,EAAQ,QAAOC,eACfA,EAAcC,oBACdA,EAAmBC,aACnBA,EAAe,mBAAkBC,UACjCA,EAAY,GAAEC,WACdA,EAAa,GAAEC,WACfA,GACAb,EACA,MAAOc,EAAQC,GAAaC,GAAS,IAC/BC,gBAAEA,EAAeC,UAAEA,EAASC,gBAAEA,GAAoBC,IAcxD,OACCC,eACCC,EAACC,GACAC,QAfgBC,IAAMV,GAAU,GAgBhCI,gBAAiBA,EACjBL,OAAQA,EACRI,UAAWA,EACXhB,QAASA,EACTwB,OAAQhB,EACRC,UAAWA,EACXC,WAAYA,EACZC,WAAYA,IAEbS,EAACK,EAAa,CACbb,OAAQA,EACRc,QA1BiBC,IAAMd,GAAU,GA2BjCe,QAASb,EACTC,UAAWA,EACXjB,MAAOA,EACPE,kBAAmBA,EACnBC,gBAAiBA,EACjBC,sBAAuBA,EACvBC,cAAeA,EACfC,MAAOA,EACPC,eAjCyBuB,IAIvBvB,GACHA,EAAeuB,EACf,EA4BCtB,oBAAqBA,MAEpB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"WhatsNewButton.js","sources":["../../../../src/components/whats-new/WhatsNewButton.tsx"],"sourcesContent":["import React from 'react';\nimport WhatsNewIcon from '../../assets/icons/whatsNew.svg';\nimport { COLORS } from '../../constants/Theme';\nimport { IconButton } from '../icon-button';\nimport { Tooltip } from '../tooltips';\nimport { WhatsNewIconContainer } from './WhatsNew.styles';\nimport { WhatsNewButtonProps } from './WhatsNew.types';\n\nexport const WhatsNewButton: React.FC<WhatsNewButtonProps> = ({\n\tonClick,\n\tnewContentCount = 0,\n\tisOpen = false,\n\tisLoading = false,\n\ttooltip = \"What's new\",\n\ttestId = 'whats-new-button',\n\ticonWidth = 24,\n\ticonHeight = 24,\n\ticonColor,\n\ticonPadding,\n\tcustomIcon: CustomIcon,\n}) => {\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ margin: '0px 8px' }}>\n\t\t\t\t{/* Simple loading spinner */}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\twidth: 16,\n\t\t\t\t\t\theight: 16,\n\t\t\t\t\t\tborder: '2px solid #f3f3f3',\n\t\t\t\t\t\tborderTop: '2px solid #731DCF',\n\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\tanimation: 'spin 1s linear infinite',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<style>\n\t\t\t\t\t{`\n\t\t\t\t\t\t@keyframes spin {\n\t\t\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t\t\t}\n\t\t\t\t\t`}\n\t\t\t\t</style>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<WhatsNewIconContainer count={newContentCount}>\n\t\t\t<Tooltip body={tooltip} placement={'bottom'}>\n\t\t\t\t<IconButton\n\t\t\t\t\tIcon={\n\t\t\t\t\t\t(CustomIcon ?? WhatsNewIcon) as React.FC<\n\t\t\t\t\t\t\tReact.SVGAttributes<SVGElement>\n\t\t\t\t\t\t>\n\t\t\t\t\t}\n\t\t\t\t\twidth={iconWidth}\n\t\t\t\t\theight={iconHeight}\n\t\t\t\t\tisSelected={isOpen}\n\t\t\t\t\ticonColor={\n\t\t\t\t\t\ticonColor ??\n\t\t\t\t\t\t(isOpen ? COLORS.content.brand : COLORS.content.primary)\n\t\t\t\t\t}\n\t\t\t\t\tonClick={onClick}\n\t\t\t\t\tdata-testid={testId}\n\t\t\t\t/>\n\t\t\t</Tooltip>\n\t\t\t{newContentCount > 0 && (\n\t\t\t\t<div className=\"notification--count\">\n\t\t\t\t\t<div className=\"count--text\">{newContentCount}</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</WhatsNewIconContainer>\n\t);\n};\n"],"names":["WhatsNewButton","_ref","onClick","newContentCount","isOpen","isLoading","tooltip","testId","iconWidth","iconHeight","iconColor","iconPadding","customIcon","CustomIcon","_jsxs","Object","assign","style","margin","children","_jsx","width","height","border","borderTop","borderRadius","animation","WhatsNewIconContainer","count","Tooltip","body","placement","IconButton","Icon","WhatsNewIcon","isSelected","COLORS","content","brand","primary","className"],"mappings":"8TAQaA,MAAAA,EAAgDC,IAYxD,IAZyDC,QAC7DA,EAAOC,gBACPA,EAAkB,EAACC,OACnBA,GAAS,EAAKC,UACdA,GAAY,EAAKC,QACjBA,EAAU,aAAYC,OACtBA,EAAS,mBAAkBC,UAC3BA,EAAY,GAAEC,WACdA,EAAa,GAAEC,UACfA,EAASC,YACTA,EACAC,WAAYC,GACZZ,EACA,OAAII,EAEFS,EAAA,MAAAC,OAAAC,OAAA,CAAKC,MAAO,CAAEC,OAAQ,YAAW,CAAAC,SAAA,CAEhCC,EACC,MAAA,CAAAH,MAAO,CACNI,MAAO,GACPC,OAAQ,GACRC,OAAQ,oBACRC,UAAW,oBACXC,aAAc,MACdC,UAAW,6BAGbN,EACE,QAAA,CAAAD,SAAA,qKAYJL,EAACa,EAAqBZ,OAAAC,OAAA,CAACY,MAAOzB,GAC7B,CAAAgB,SAAA,CAAAC,EAACS,EAAOd,OAAAC,OAAA,CAACc,KAAMxB,EAASyB,UAAW,UAClC,CAAAZ,SAAAC,EAACY,EAAU,CACVC,KACEpB,QAAAA,EAAcqB,EAIhBb,MAAOb,EACPc,OAAQb,EACR0B,WAAY/B,EACZM,UACCA,QAAAA,EACCN,EAASgC,EAAOC,QAAQC,MAAQF,EAAOC,QAAQE,QAEjDrC,QAASA,EAAO,cACHK,OAGdJ,EAAkB,GAClBiB,EAAK,MAAAL,OAAAC,OAAA,CAAAwB,UAAU,iCACdpB,EAAK,MAAAL,OAAAC,OAAA,CAAAwB,UAAU,eAAe,CAAArB,SAAAhB,WAGT"}
+{"version":3,"file":"WhatsNewButton.js","sources":["../../../../src/components/whats-new/WhatsNewButton.tsx"],"sourcesContent":["import React from 'react';\nimport WhatsNewIcon from '../../assets/icons/whatsNew.svg';\nimport { COLORS } from '../../constants/Theme';\nimport { Tooltip } from '../tooltips';\nimport { WhatsNewIconContainer } from './WhatsNew.styles';\nimport { WhatsNewButtonProps } from './WhatsNew.types';\n\nexport const WhatsNewButton: React.FC<WhatsNewButtonProps> = ({\n\tonClick,\n\tnewContentCount = 0,\n\tisOpen = false,\n\tisLoading = false,\n\ttooltip = \"What's new\",\n\ttestId = 'whats-new-button',\n\ticonWidth = 32,\n\ticonHeight = 32,\n\tcustomIcon: CustomIcon,\n}) => {\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ margin: '0px 8px' }}>\n\t\t\t\t{/* Simple loading spinner */}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\twidth: 16,\n\t\t\t\t\t\theight: 16,\n\t\t\t\t\t\tborder: '2px solid #f3f3f3',\n\t\t\t\t\t\tborderTop: '2px solid #731DCF',\n\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\tanimation: 'spin 1s linear infinite',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<style>\n\t\t\t\t\t{`\n\t\t\t\t\t\t@keyframes spin {\n\t\t\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t\t\t}\n\t\t\t\t\t`}\n\t\t\t\t</style>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<WhatsNewIconContainer count={newContentCount}>\n\t\t\t<div\n\t\t\t\tclassName={`main-icon-class ${isOpen ? 'icon-active' : ''}`}\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: isOpen ? COLORS.content.brand : COLORS.content.primary,\n\t\t\t\t}}\n\t\t\t\tonClick={onClick}\n\t\t\t\tdata-testid={testId}\n\t\t\t>\n\t\t\t\t<Tooltip body={tooltip} placement={'bottom'}>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{CustomIcon ? (\n\t\t\t\t\t\t\t<CustomIcon\n\t\t\t\t\t\t\t\twidth={iconWidth}\n\t\t\t\t\t\t\t\theight={iconHeight}\n\t\t\t\t\t\t\t\tcolor={isOpen ? COLORS.content.brand : COLORS.content.primary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<WhatsNewIcon width={iconWidth} height={iconHeight} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</Tooltip>\n\t\t\t\t{newContentCount > 0 && (\n\t\t\t\t\t<div className=\"notification--count\">\n\t\t\t\t\t\t<div className=\"count--text\">{newContentCount}</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</WhatsNewIconContainer>\n\t);\n};\n"],"names":["WhatsNewButton","_ref","onClick","newContentCount","isOpen","isLoading","tooltip","testId","iconWidth","iconHeight","customIcon","CustomIcon","_jsxs","Object","assign","style","margin","children","_jsx","width","height","border","borderTop","borderRadius","animation","WhatsNewIconContainer","count","className","color","COLORS","content","brand","primary","Tooltip","body","placement","WhatsNewIcon"],"mappings":"oQAOaA,MAAAA,EAAgDC,IAUxD,IAVyDC,QAC7DA,EAAOC,gBACPA,EAAkB,EAACC,OACnBA,GAAS,EAAKC,UACdA,GAAY,EAAKC,QACjBA,EAAU,aAAYC,OACtBA,EAAS,mBAAkBC,UAC3BA,EAAY,GAAEC,WACdA,EAAa,GACbC,WAAYC,GACZV,EACA,OAAII,EAEFO,EAAA,MAAAC,OAAAC,OAAA,CAAKC,MAAO,CAAEC,OAAQ,YAAW,CAAAC,SAAA,CAEhCC,EACC,MAAA,CAAAH,MAAO,CACNI,MAAO,GACPC,OAAQ,GACRC,OAAQ,oBACRC,UAAW,oBACXC,aAAc,MACdC,UAAW,6BAGbN,EACE,QAAA,CAAAD,SAAA,qKAYJC,EAACO,EAAsBZ,OAAAC,OAAA,CAAAY,MAAOvB,GAAe,CAAAc,SAC5CL,EACC,MAAAC,OAAAC,OAAA,CAAAa,UAAW,oBAAmBvB,EAAS,cAAgB,IACvDW,MAAO,CACNa,MAAOxB,EAASyB,EAAOC,QAAQC,MAAQF,EAAOC,QAAQE,SAEvD9B,QAASA,EAAO,cACHK,GAEb,CAAAU,SAAA,CAAAC,EAACe,EAAQpB,OAAAC,OAAA,CAAAoB,KAAM5B,EAAS6B,UAAW,oBAClCjB,EACE,MAAA,CAAAD,SAAAN,EACAO,EAACP,EAAU,CACVQ,MAAOX,EACPY,OAAQX,EACRmB,MAAOxB,EAASyB,EAAOC,QAAQC,MAAQF,EAAOC,QAAQE,UAGvDd,EAACkB,EAAa,CAAAjB,MAAOX,EAAWY,OAAQX,SAI1CN,EAAkB,GAClBe,uBAAKS,UAAU,uBACd,CAAAV,SAAAC,EAAA,MAAAL,OAAAC,OAAA,CAAKa,UAAU,yBAAexB,cAIV"}

package/dist/esm/constants/Theme.js

@@ -1,2 +1,2 @@
-const e={brand:{900:"#28034E",850:"#360A63",800:"#4B1583",700:"#5E3A83",500:"#731DCF",100:"#F3EDF9",50:"#EFE6F9",10:"#F9F3FF"},grayscale:{900:"#212121",700:"#616161",500:"#9E9E9E",400:"#BDBDBD",200:"#E0E0E0",100:"#F0F0F0",70:"#F7F7F7",50:"#FAFAFA",white:"#FFFFFF",alpha:"#00000088"},negative:{900:"#B92321",700:"#D53434",100:"#FFCED4",50:"#FFEBEF"},warning:{900:"#99631B",500:"#FEC02D",100:"#FFEABE",50:"#FFF7E5"},positive:{900:"#00580E",700:"#1A872C",100:"#C3E4C4",50:"#E6F4E7"},bikAi:{500:"linear-gradient(93deg, #FF166A 0.37%, #FB5F08 100%)",100:"linear-gradient(93deg, #FEBAD2 0.37%, #FDD1B9 100%)",50:"linear-gradient(93deg, #FFE6EE 0.37%, #FFF0E7 100%)"}},t={background:{inactive:e.grayscale[200],base:e.grayscale[100],inverse:e.brand[900],inverseLight:e.brand[800],brand:e.brand[500],brandLight:e.brand[50],brandVeryLight:e.brand[10],pureWhite:e.grayscale.white,brandTint:e.brand[100],brandHovered:e.brand[850],negative:{vibrant:e.negative[700],light:e.negative[50]},warning:{vibrant:e.warning[500],light:e.warning[50]},positive:{vibrant:e.positive[700],light:e.positive[50]},blue:{light:"#E5F2FF"}},icon:{placeholder:"#9E9E9E"},scrim:{standard:"#00000099"},surface:{standard:e.grayscale.white,subdued:e.grayscale[50],hovered:e.grayscale[100],grey:e.grayscale[70],ai:e.bikAi[500],aiLight:e.bikAi[50]},content:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],inactive:e.grayscale[400],brand:e.brand[500],primaryInverse:e.grayscale.white,secondaryInverse:"#ffffffcc",negative:e.negative[900],warning:e.warning[900],positive:e.positive[900],blue:"#28458F",ai:e.bikAi[500]},stroke:{primary:e.grayscale[200],brand:e.brand[500],negative:{lightAlt:e.negative[100],vibrant:e.negative[700]},warning:{lightAlt:e.warning[100],vibrant:e.warning[500]},positive:{lightAlt:e.positive[100],vibrant:e.positive[700]},brandLightAlt:"#DDCCF0",brandSubdued:e.brand[700],blue:{lightAlt:"#C3D5E5"},ai:{lightAlt:"#FEBAD2",vibrant:"#F23275"}},special:{whatsapp:{brand:"#25D366",gradient:"linear-gradient(360deg, #20B038 0%, #60D66A 100%)",dark:"#455A64",gradientArr:["#20B038","#60D66A"]},brand:{google:"#DD4B39",facebook:"#1877F2"}},text:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],disabled:e.grayscale[400],white:e.grayscale.white,brand:e.brand[500],altPrimary:e.brand[900],altSecondary:e.brand[800]}},i={display:{fontWeight:"400",fontSize:32,lineHeight:40,letterSpacing:0},titleXLarge:{fontWeight:"600",fontSize:32,lineHeight:40,letterSpacing:0},titleLarge:{fontWeight:"600",fontSize:28,lineHeight:40,letterSpacing:0},titleMedium:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},titleRegular:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},titleSmall:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},bodyPrimary:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodyLarge:{fontWeight:"400",fontSize:20,lineHeight:28,letterSpacing:0},bodySecondary:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},caption:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},tiny:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},subHeading:{fontWeight:"600",fontSize:10,lineHeight:12,letterSpacing:0},title1:{fontWeight:"600",fontSize:24,lineHeight:32,letterSpacing:0},title1Mobile:{fontWeight:"600",fontSize:20,lineHeight:30,letterSpacing:0},title2:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},title2Mobile:{fontWeight:"600",fontSize:18,lineHeight:24,letterSpacing:0},title3:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},title3Mobile:{fontWeight:"500",fontSize:14,lineHeight:20,letterSpacing:0},title4:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},textPlaceholder:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},title4Mobile:{fontWeight:"400",fontSize:10,lineHeight:16,letterSpacing:0},bodyRegularMobile:{fontWeight:"400",fontSize:14,lineHeight:18,letterSpacing:0},bodyRegular:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodySmall:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},buttonLarge:{fontWeight:"600",fontSize:16,lineHeight:20,letterSpacing:0},buttonRegular:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},captionMobile:{fontWeight:"500",fontSize:10,lineHeight:12,letterSpacing:0},captionBold:{fontWeight:"700",fontSize:12,lineHeight:16,letterSpacing:0},text1Bold:{fontWeight:"700",fontSize:10,lineHeight:14,letterSpacing:0},toast:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},toastMobile:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0}},n={colorsV2:t,fonts:i};export{e as BASE_COLORS,t as COLORS,n as DEFAULT_THEME,i as FONTS};
+const e={brand:{900:"#28034E",800:"#4B1583",500:"#731DCF",100:"#F3EDF9",50:"#EFE6F9",10:"#F9F3FF"},grayscale:{900:"#212121",700:"#616161",500:"#9E9E9E",400:"#BDBDBD",200:"#E0E0E0",100:"#F0F0F0",70:"#F7F7F7",50:"#FAFAFA",white:"#FFFFFF",alpha:"#00000088"},negative:{900:"#B92321",700:"#D53434",100:"#FFCED4",50:"#FFEBEF"},warning:{900:"#99631B",500:"#FEC02D",100:"#FFEABE",50:"#FFF7E5"},positive:{900:"#00580E",700:"#1A872C",100:"#C3E4C4",50:"#E6F4E7"},bikAi:{500:"linear-gradient(93deg, #FF166A 0.37%, #FB5F08 100%)",100:"linear-gradient(93deg, #FEBAD2 0.37%, #FDD1B9 100%)",50:"linear-gradient(93deg, #FFE6EE 0.37%, #FFF0E7 100%)"}},t={background:{inactive:e.grayscale[200],base:e.grayscale[100],inverse:e.brand[900],inverseLight:e.brand[800],brand:e.brand[500],brandLight:e.brand[50],brandVeryLight:e.brand[10],pureWhite:e.grayscale.white,brandTint:e.brand[100],negative:{vibrant:e.negative[700],light:e.negative[50]},warning:{vibrant:e.warning[500],light:e.warning[50]},positive:{vibrant:e.positive[700],light:e.positive[50]},blue:{light:"#E5F2FF"}},icon:{placeholder:"#9E9E9E"},scrim:{standard:"#00000099"},surface:{standard:e.grayscale.white,subdued:e.grayscale[50],hovered:e.grayscale[100],grey:e.grayscale[70],ai:e.bikAi[500],aiLight:e.bikAi[50]},content:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],inactive:e.grayscale[400],brand:e.brand[500],primaryInverse:e.grayscale.white,secondaryInverse:"#ffffffcc",negative:e.negative[900],warning:e.warning[900],positive:e.positive[900],blue:"#28458F",ai:e.bikAi[500]},stroke:{primary:e.grayscale[200],brand:e.brand[500],negative:{lightAlt:e.negative[100],vibrant:e.negative[700]},warning:{lightAlt:e.warning[100],vibrant:e.warning[500]},positive:{lightAlt:e.positive[100],vibrant:e.positive[700]},brandLightAlt:"#DDCCF0",blue:{lightAlt:"#C3D5E5"},ai:{lightAlt:"#FEBAD2",vibrant:"#F23275"}},special:{whatsapp:{brand:"#25D366",gradient:"linear-gradient(360deg, #20B038 0%, #60D66A 100%)",dark:"#455A64",gradientArr:["#20B038","#60D66A"]},brand:{google:"#DD4B39",facebook:"#1877F2"}},text:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],disabled:e.grayscale[400],white:e.grayscale.white,brand:e.brand[500],altPrimary:e.brand[900],altSecondary:e.brand[800]}},i={display:{fontWeight:"400",fontSize:32,lineHeight:40,letterSpacing:0},titleXLarge:{fontWeight:"600",fontSize:32,lineHeight:40,letterSpacing:0},titleLarge:{fontWeight:"600",fontSize:28,lineHeight:40,letterSpacing:0},titleMedium:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},titleRegular:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},titleSmall:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},bodyPrimary:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodyLarge:{fontWeight:"400",fontSize:20,lineHeight:28,letterSpacing:0},bodySecondary:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},caption:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},tiny:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},subHeading:{fontWeight:"600",fontSize:10,lineHeight:12,letterSpacing:0},title1:{fontWeight:"600",fontSize:24,lineHeight:32,letterSpacing:0},title1Mobile:{fontWeight:"600",fontSize:20,lineHeight:30,letterSpacing:0},title2:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},title2Mobile:{fontWeight:"600",fontSize:18,lineHeight:24,letterSpacing:0},title3:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},title3Mobile:{fontWeight:"500",fontSize:14,lineHeight:20,letterSpacing:0},title4:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},textPlaceholder:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},title4Mobile:{fontWeight:"400",fontSize:10,lineHeight:16,letterSpacing:0},bodyRegularMobile:{fontWeight:"400",fontSize:14,lineHeight:18,letterSpacing:0},bodyRegular:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodySmall:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},buttonLarge:{fontWeight:"600",fontSize:16,lineHeight:20,letterSpacing:0},buttonRegular:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},captionMobile:{fontWeight:"500",fontSize:10,lineHeight:12,letterSpacing:0},captionBold:{fontWeight:"700",fontSize:12,lineHeight:16,letterSpacing:0},text1Bold:{fontWeight:"700",fontSize:10,lineHeight:14,letterSpacing:0},toast:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},toastMobile:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0}},n={colorsV2:t,fonts:i};export{e as BASE_COLORS,t as COLORS,n as DEFAULT_THEME,i as FONTS};
 //# sourceMappingURL=Theme.js.map

package/dist/esm/constants/Theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.js","sources":["../../../src/constants/Theme.ts"],"sourcesContent":["export const BASE_COLORS = {\n\tbrand: {\n\t\t900: '#28034E',\n\t\t850: '#360A63',\n\t\t800: '#4B1583',\n\t\t700: '#5E3A83',\n\t\t500: '#731DCF',\n\t\t100: '#F3EDF9',\n\t\t50: '#EFE6F9',\n\t\t10: '#F9F3FF',\n\t},\n\tgrayscale: {\n\t\t900: '#212121',\n\t\t700: '#616161',\n\t\t500: '#9E9E9E',\n\t\t400: '#BDBDBD',\n\t\t200: '#E0E0E0',\n\t\t100: '#F0F0F0',\n\t\t70: '#F7F7F7',\n\t\t50: '#FAFAFA',\n\t\twhite: '#FFFFFF',\n\t\talpha: '#00000088',\n\t},\n\tnegative: {\n\t\t900: '#B92321',\n\t\t700: '#D53434',\n\t\t100: '#FFCED4',\n\t\t50: '#FFEBEF',\n\t},\n\twarning: {\n\t\t900: '#99631B',\n\t\t500: '#FEC02D',\n\t\t100: '#FFEABE',\n\t\t50: '#FFF7E5',\n\t},\n\tpositive: {\n\t\t900: '#00580E',\n\t\t700: '#1A872C',\n\t\t100: '#C3E4C4',\n\t\t50: '#E6F4E7',\n\t},\n\tbikAi: {\n\t\t500: 'linear-gradient(93deg, #FF166A 0.37%, #FB5F08 100%)',\n\t\t100: 'linear-gradient(93deg, #FEBAD2 0.37%, #FDD1B9 100%)',\n\t\t50: 'linear-gradient(93deg, #FFE6EE 0.37%, #FFF0E7 100%)',\n\t},\n};\n\nexport const COLORS = {\n\tbackground: {\n\t\tinactive: BASE_COLORS.grayscale['200'],\n\t\tbase: BASE_COLORS.grayscale['100'],\n\t\tinverse: BASE_COLORS.brand['900'],\n\t\tinverseLight: BASE_COLORS.brand['800'],\n\t\tbrand: BASE_COLORS.brand['500'],\n\t\tbrandLight: BASE_COLORS.brand['50'],\n\t\tbrandVeryLight: BASE_COLORS.brand['10'],\n\t\tpureWhite: BASE_COLORS.grayscale.white,\n\t\tbrandTint: BASE_COLORS.brand['100'],\n\t\tbrandHovered: BASE_COLORS.brand['850'],\n\t\tnegative: {\n\t\t\tvibrant: BASE_COLORS.negative['700'],\n\t\t\tlight: BASE_COLORS.negative['50'],\n\t\t},\n\t\twarning: {\n\t\t\tvibrant: BASE_COLORS.warning['500'],\n\t\t\tlight: BASE_COLORS.warning['50'],\n\t\t},\n\t\tpositive: {\n\t\t\tvibrant: BASE_COLORS.positive['700'],\n\t\t\tlight: BASE_COLORS.positive['50'],\n\t\t},\n\t\tblue: {\n\t\t\tlight: '#E5F2FF',\n\t\t},\n\t},\n\ticon: { placeholder: '#9E9E9E' },\n\tscrim: {\n\t\tstandard: '#00000099',\n\t},\n\tsurface: {\n\t\tstandard: BASE_COLORS.grayscale['white'],\n\t\tsubdued: BASE_COLORS.grayscale['50'],\n\t\thovered: BASE_COLORS.grayscale['100'],\n\t\tgrey: BASE_COLORS.grayscale['70'],\n\t\tai: BASE_COLORS.bikAi['500'],\n\t\taiLight: BASE_COLORS.bikAi['50'],\n\t},\n\tcontent: {\n\t\tprimary: BASE_COLORS.grayscale['900'],\n\t\tsecondary: BASE_COLORS.grayscale['700'],\n\t\tplaceholder: BASE_COLORS.grayscale['500'],\n\t\tinactive: BASE_COLORS.grayscale['400'],\n\t\tbrand: BASE_COLORS.brand['500'],\n\t\tprimaryInverse: BASE_COLORS.grayscale['white'],\n\t\tsecondaryInverse: '#ffffffcc',\n\t\tnegative: BASE_COLORS.negative['900'],\n\t\twarning: BASE_COLORS.warning['900'],\n\t\tpositive: BASE_COLORS.positive['900'],\n\t\tblue: '#28458F',\n\t\tai: BASE_COLORS.bikAi['500'],\n\t},\n\tstroke: {\n\t\tprimary: BASE_COLORS.grayscale['200'],\n\t\tbrand: BASE_COLORS.brand['500'],\n\t\tnegative: {\n\t\t\tlightAlt: BASE_COLORS.negative['100'],\n\t\t\tvibrant: BASE_COLORS.negative['700'],\n\t\t},\n\t\twarning: {\n\t\t\tlightAlt: BASE_COLORS.warning['100'],\n\t\t\tvibrant: BASE_COLORS.warning['500'],\n\t\t},\n\t\tpositive: {\n\t\t\tlightAlt: BASE_COLORS.positive['100'],\n\t\t\tvibrant: BASE_COLORS.positive['700'],\n\t\t},\n\t\tbrandLightAlt: '#DDCCF0',\n\t\tbrandSubdued: BASE_COLORS.brand['700'],\n\t\tblue: {\n\t\t\tlightAlt: '#C3D5E5',\n\t\t},\n\t\tai: {\n\t\t\tlightAlt: '#FEBAD2',\n\t\t\tvibrant: '#F23275',\n\t\t},\n\t},\n\tspecial: {\n\t\twhatsapp: {\n\t\t\tbrand: '#25D366',\n\t\t\tgradient: 'linear-gradient(360deg, #20B038 0%, #60D66A 100%)',\n\t\t\tdark: '#455A64',\n\t\t\tgradientArr: ['#20B038', '#60D66A'],\n\t\t},\n\t\tbrand: {\n\t\t\tgoogle: '#DD4B39',\n\t\t\tfacebook: '#1877F2',\n\t\t},\n\t},\n\ttext: {\n\t\tprimary: BASE_COLORS.grayscale['900'],\n\t\tsecondary: BASE_COLORS.grayscale['700'],\n\t\tplaceholder: BASE_COLORS.grayscale['500'],\n\t\tdisabled: BASE_COLORS.grayscale['400'],\n\t\twhite: BASE_COLORS.grayscale['white'],\n\t\tbrand: BASE_COLORS.brand['500'],\n\t\taltPrimary: BASE_COLORS.brand['900'],\n\t\taltSecondary: BASE_COLORS.brand['800'],\n\t},\n};\n\nexport const FONTS = {\n\tdisplay: {\n\t\tfontWeight: '400',\n\t\tfontSize: 32,\n\t\tlineHeight: 40,\n\t\tletterSpacing: 0,\n\t},\n\ttitleXLarge: {\n\t\tfontWeight: '600',\n\t\tfontSize: 32,\n\t\tlineHeight: 40,\n\t\tletterSpacing: 0,\n\t},\n\ttitleLarge: {\n\t\tfontWeight: '600',\n\t\tfontSize: 28,\n\t\tlineHeight: 40,\n\t\tletterSpacing: 0,\n\t},\n\ttitleMedium: {\n\t\tfontWeight: '600',\n\t\tfontSize: 20,\n\t\tlineHeight: 28,\n\t\tletterSpacing: 0,\n\t},\n\ttitleRegular: {\n\t\tfontWeight: '600',\n\t\tfontSize: 16,\n\t\tlineHeight: 24,\n\t\tletterSpacing: 0,\n\t},\n\ttitleSmall: {\n\t\tfontWeight: '600',\n\t\tfontSize: 14,\n\t\tlineHeight: 20,\n\t\tletterSpacing: 0,\n\t},\n\tbodyPrimary: {\n\t\tfontWeight: '400',\n\t\tfontSize: 16,\n\t\tlineHeight: 24,\n\t\tletterSpacing: 0,\n\t},\n\tbodyLarge: {\n\t\tfontWeight: '400',\n\t\tfontSize: 20,\n\t\tlineHeight: 28,\n\t\tletterSpacing: 0,\n\t},\n\tbodySecondary: {\n\t\tfontWeight: '400',\n\t\tfontSize: 14,\n\t\tlineHeight: 20,\n\t\tletterSpacing: 0,\n\t},\n\tcaption: {\n\t\tfontWeight: '400',\n\t\tfontSize: 12,\n\t\tlineHeight: 16,\n\t\tletterSpacing: 0,\n\t},\n\ttiny: {\n\t\tfontWeight: '400',\n\t\tfontSize: 10,\n\t\tlineHeight: 12,\n\t\tletterSpacing: 0,\n\t},\n\tsubHeading: {\n\t\tfontWeight: '600',\n\t\tfontSize: 10,\n\t\tlineHeight: 12,\n\t\tletterSpacing: 0,\n\t},\n\n\ttitle1: {\n\t\tfontWeight: '600',\n\t\tfontSize: 24,\n\t\tlineHeight: 32,\n\t\tletterSpacing: 0,\n\t},\n\ttitle1Mobile: {\n\t\tfontWeight: '600',\n\t\tfontSize: 20,\n\t\tlineHeight: 30,\n\t\tletterSpacing: 0,\n\t},\n\ttitle2: {\n\t\tfontWeight: '600',\n\t\tfontSize: 20,\n\t\tlineHeight: 28,\n\t\tletterSpacing: 0,\n\t},\n\ttitle2Mobile: {\n\t\tfontWeight: '600',\n\t\tfontSize: 18,\n\t\tlineHeight: 24,\n\t\tletterSpacing: 0,\n\t},\n\ttitle3: {\n\t\tfontWeight: '600',\n\t\tfontSize: 16,\n\t\tlineHeight: 24,\n\t\tletterSpacing: 0,\n\t},\n\ttitle3Mobile: {\n\t\tfontWeight: '500',\n\t\tfontSize: 14,\n\t\tlineHeight: 20,\n\t\tletterSpacing: 0,\n\t},\n\ttitle4: {\n\t\tfontWeight: '400',\n\t\tfontSize: 14,\n\t\tlineHeight: 20,\n\t\tletterSpacing: 0,\n\t},\n\ttextPlaceholder: {\n\t\tfontWeight: '400',\n\t\tfontSize: 12,\n\t\tlineHeight: 16,\n\t\tletterSpacing: 0,\n\t},\n\ttitle4Mobile: {\n\t\tfontWeight: '400',\n\t\tfontSize: 10,\n\t\tlineHeight: 16,\n\t\tletterSpacing: 0,\n\t},\n\tbodyRegularMobile: {\n\t\tfontWeight: '400',\n\t\tfontSize: 14,\n\t\tlineHeight: 18,\n\t\tletterSpacing: 0,\n\t},\n\tbodyRegular: {\n\t\tfontWeight: '400',\n\t\tfontSize: 16,\n\t\tlineHeight: 24,\n\t\tletterSpacing: 0,\n\t},\n\n\tbodySmall: {\n\t\tfontWeight: '400',\n\t\tfontSize: 10,\n\t\tlineHeight: 12,\n\t\tletterSpacing: 0,\n\t},\n\tbuttonLarge: {\n\t\tfontWeight: '600',\n\t\tfontSize: 16,\n\t\tlineHeight: 20,\n\t\tletterSpacing: 0,\n\t},\n\tbuttonRegular: {\n\t\tfontWeight: '600',\n\t\tfontSize: 14,\n\t\tlineHeight: 20,\n\t\tletterSpacing: 0,\n\t},\n\tcaptionMobile: {\n\t\tfontWeight: '500',\n\t\tfontSize: 10,\n\t\tlineHeight: 12,\n\t\tletterSpacing: 0,\n\t},\n\tcaptionBold: {\n\t\tfontWeight: '700',\n\t\tfontSize: 12,\n\t\tlineHeight: 16,\n\t\tletterSpacing: 0,\n\t},\n\ttext1Bold: {\n\t\tfontWeight: '700',\n\t\tfontSize: 10,\n\t\tlineHeight: 14,\n\t\tletterSpacing: 0,\n\t},\n\ttoast: {\n\t\tfontWeight: '400',\n\t\tfontSize: 16,\n\t\tlineHeight: 24,\n\t\tletterSpacing: 0,\n\t},\n\ttoastMobile: {\n\t\tfontWeight: '400',\n\t\tfontSize: 10,\n\t\tlineHeight: 12,\n\t\tletterSpacing: 0,\n\t},\n};\n\n// For backward compatibility\nexport const DEFAULT_THEME = {\n\tcolorsV2: COLORS,\n\tfonts: FONTS,\n};\n"],"names":["BASE_COLORS","brand","grayscale","white","alpha","negative","warning","positive","bikAi","COLORS","background","inactive","base","inverse","inverseLight","brandLight","brandVeryLight","pureWhite","brandTint","brandHovered","vibrant","light","blue","icon","placeholder","scrim","standard","surface","subdued","hovered","grey","ai","aiLight","content","primary","secondary","primaryInverse","secondaryInverse","stroke","lightAlt","brandLightAlt","brandSubdued","special","whatsapp","gradient","dark","gradientArr","google","facebook","text","disabled","altPrimary","altSecondary","FONTS","display","fontWeight","fontSize","lineHeight","letterSpacing","titleXLarge","titleLarge","titleMedium","titleRegular","titleSmall","bodyPrimary","bodyLarge","bodySecondary","caption","tiny","subHeading","title1","title1Mobile","title2","title2Mobile","title3","title3Mobile","title4","textPlaceholder","title4Mobile","bodyRegularMobile","bodyRegular","bodySmall","buttonLarge","buttonRegular","captionMobile","captionBold","text1Bold","toast","toastMobile","DEFAULT_THEME","colorsV2","fonts"],"mappings":"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"}
+{"version":3,"file":"Theme.js","sources":["../../../src/constants/Theme.ts"],"sourcesContent":["export const BASE_COLORS = {\n\tbrand: {\n\t\t900: '#28034E',\n\t\t800: '#4B1583',\n\t\t500: '#731DCF',\n\t\t100: '#F3EDF9',\n\t\t50: '#EFE6F9',\n\t\t10: '#F9F3FF',\n\t},\n\tgrayscale: {\n\t\t900: '#212121',\n\t\t700: '#616161',\n\t\t500: '#9E9E9E',\n\t\t400: '#BDBDBD',\n\t\t200: '#E0E0E0',\n\t\t100: '#F0F0F0',\n\t\t70: '#F7F7F7',\n\t\t50: '#FAFAFA',\n\t\twhite: '#FFFFFF',\n\t\talpha: '#00000088',\n\t},\n\tnegative: {\n\t\t900: '#B92321',\n\t\t700: '#D53434',\n\t\t100: '#FFCED4',\n\t\t50: '#FFEBEF',\n\t},\n\twarning: {\n\t\t900: '#99631B',\n\t\t500: '#FEC02D',\n\t\t100: '#FFEABE',\n\t\t50: '#FFF7E5',\n\t},\n\tpositive: {\n\t\t900: '#00580E',\n\t\t700: '#1A872C',\n\t\t100: '#C3E4C4',\n\t\t50: '#E6F4E7',\n\t},\n\tbikAi: {\n\t\t500: 'linear-gradient(93deg, #FF166A 0.37%, #FB5F08 100%)',\n\t\t100: 'linear-gradient(93deg, #FEBAD2 0.37%, #FDD1B9 100%)',\n\t\t50: 'linear-gradient(93deg, #FFE6EE 0.37%, #FFF0E7 100%)',\n\t},\n};\n\nexport const COLORS = {\n\tbackground: {\n\t\tinactive: BASE_COLORS.grayscale['200'],\n\t\tbase: BASE_COLORS.grayscale['100'],\n\t\tinverse: BASE_COLORS.brand['900'],\n\t\tinverseLight: BASE_COLORS.brand['800'],\n\t\tbrand: BASE_COLORS.brand['500'],\n\t\tbrandLight: BASE_COLORS.brand['50'],\n\t\tbrandVeryLight: BASE_COLORS.brand['10'],\n\t\tpureWhite: BASE_COLORS.grayscale.white,\n\t\tbrandTint: BASE_COLORS.brand['100'],\n\t\tnegative: {\n\t\t\tvibrant: BASE_COLORS.negative['700'],\n\t\t\tlight: BASE_COLORS.negative['50'],\n\t\t},\n\t\twarning: {\n\t\t\tvibrant: BASE_COLORS.warning['500'],\n\t\t\tlight: BASE_COLORS.warning['50'],\n\t\t},\n\t\tpositive: {\n\t\t\tvibrant: BASE_COLORS.positive['700'],\n\t\t\tlight: BASE_COLORS.positive['50'],\n\t\t},\n\t\tblue: {\n\t\t\tlight: '#E5F2FF',\n\t\t},\n\t},\n\ticon: { placeholder: '#9E9E9E' },\n\tscrim: {\n\t\tstandard: '#00000099',\n\t},\n\tsurface: {\n\t\tstandard: BASE_COLORS.grayscale['white'],\n\t\tsubdued: BASE_COLORS.grayscale['50'],\n\t\thovered: BASE_COLORS.grayscale['100'],\n\t\tgrey: BASE_COLORS.grayscale['70'],\n\t\tai: BASE_COLORS.bikAi['500'],\n\t\taiLight: BASE_COLORS.bikAi['50'],\n\t},\n\tcontent: {\n\t\tprimary: BASE_COLORS.grayscale['900'],\n\t\tsecondary: BASE_COLORS.grayscale['700'],\n\t\tplaceholder: BASE_COLORS.grayscale['500'],\n\t\tinactive: BASE_COLORS.grayscale['400'],\n\t\tbrand: BASE_COLORS.brand['500'],\n\t\tprimaryInverse: BASE_COLORS.grayscale['white'],\n\t\tsecondaryInverse: '#ffffffcc',\n\t\tnegative: BASE_COLORS.negative['900'],\n\t\twarning: BASE_COLORS.warning['900'],\n\t\tpositive: BASE_COLORS.positive['900'],\n\t\tblue: '#28458F',\n\t\tai: BASE_COLORS.bikAi['500'],\n\t},\n\tstroke: {\n\t\tprimary: BASE_COLORS.grayscale['200'],\n\t\tbrand: BASE_COLORS.brand['500'],\n\t\tnegative: {\n\t\t\tlightAlt: BASE_COLORS.negative['100'],\n\t\t\tvibrant: BASE_COLORS.negative['700'],\n\t\t},\n\t\twarning: {\n\t\t\tlightAlt: BASE_COLORS.warning['100'],\n\t\t\tvibrant: BASE_COLORS.warning['500'],\n\t\t},\n\t\tpositive: {\n\t\t\tlightAlt: BASE_COLORS.positive['100'],\n\t\t\tvibrant: BASE_COLORS.positive['700'],\n\t\t},\n\t\tbrandLightAlt: '#DDCCF0',\n\t\tblue: {\n\t\t\tlightAlt: '#C3D5E5',\n\t\t},\n\t\tai: {\n\t\t\tlightAlt: '#FEBAD2',\n\t\t\tvibrant: '#F23275',\n\t\t},\n\t},\n\tspecial: {\n\t\twhatsapp: {\n\t\t\tbrand: '#25D366',\n\t\t\tgradient: 'linear-gradient(360deg, #20B038 0%, #60D66A 100%)',\n\t\t\tdark: '#455A64',\n\t\t\tgradientArr: ['#20B038', '#60D66A'],\n\t\t},\n\t\tbrand: {\n\t\t\tgoogle: '#DD4B39',\n\t\t\tfacebook: '#1877F2',\n\t\t},\n\t},\n\ttext: {\n\t\tprimary: BASE_COLORS.grayscale['900'],\n\t\tsecondary: BASE_COLORS.grayscale['700'],\n\t\tplaceholder: BASE_COLORS.grayscale['500'],\n\t\tdisabled: BASE_COLORS.grayscale['400'],\n\t\twhite: BASE_COLORS.grayscale['white'],\n\t\tbrand: BASE_COLORS.brand['500'],\n\t\taltPrimary: BASE_COLORS.brand['900'],\n\t\taltSecondary: BASE_COLORS.brand['800'],\n\t},\n};\n\nexport const FONTS = {\n\tdisplay: {\n\t\tfontWeight: '400',\n\t\tfontSize: 32,\n\t\tlineHeight: 40,\n\t\tletterSpacing: 0,\n\t},\n\ttitleXLarge: {\n\t\tfontWeight: '600',\n\t\tfontSize: 32,\n\t\tlineHeight: 40,\n\t\tletterSpacing: 0,\n\t},\n\ttitleLarge: {\n\t\tfontWeight: '600',\n\t\tfontSize: 28,\n\t\tlineHeight: 40,\n\t\tletterSpacing: 0,\n\t},\n\ttitleMedium: {\n\t\tfontWeight: '600',\n\t\tfontSize: 20,\n\t\tlineHeight: 28,\n\t\tletterSpacing: 0,\n\t},\n\ttitleRegular: {\n\t\tfontWeight: '600',\n\t\tfontSize: 16,\n\t\tlineHeight: 24,\n\t\tletterSpacing: 0,\n\t},\n\ttitleSmall: {\n\t\tfontWeight: '600',\n\t\tfontSize: 14,\n\t\tlineHeight: 20,\n\t\tletterSpacing: 0,\n\t},\n\tbodyPrimary: {\n\t\tfontWeight: '400',\n\t\tfontSize: 16,\n\t\tlineHeight: 24,\n\t\tletterSpacing: 0,\n\t},\n\tbodyLarge: {\n\t\tfontWeight: '400',\n\t\tfontSize: 20,\n\t\tlineHeight: 28,\n\t\tletterSpacing: 0,\n\t},\n\tbodySecondary: {\n\t\tfontWeight: '400',\n\t\tfontSize: 14,\n\t\tlineHeight: 20,\n\t\tletterSpacing: 0,\n\t},\n\tcaption: {\n\t\tfontWeight: '400',\n\t\tfontSize: 12,\n\t\tlineHeight: 16,\n\t\tletterSpacing: 0,\n\t},\n\ttiny: {\n\t\tfontWeight: '400',\n\t\tfontSize: 10,\n\t\tlineHeight: 12,\n\t\tletterSpacing: 0,\n\t},\n\tsubHeading: {\n\t\tfontWeight: '600',\n\t\tfontSize: 10,\n\t\tlineHeight: 12,\n\t\tletterSpacing: 0,\n\t},\n\n\ttitle1: {\n\t\tfontWeight: '600',\n\t\tfontSize: 24,\n\t\tlineHeight: 32,\n\t\tletterSpacing: 0,\n\t},\n\ttitle1Mobile: {\n\t\tfontWeight: '600',\n\t\tfontSize: 20,\n\t\tlineHeight: 30,\n\t\tletterSpacing: 0,\n\t},\n\ttitle2: {\n\t\tfontWeight: '600',\n\t\tfontSize: 20,\n\t\tlineHeight: 28,\n\t\tletterSpacing: 0,\n\t},\n\ttitle2Mobile: {\n\t\tfontWeight: '600',\n\t\tfontSize: 18,\n\t\tlineHeight: 24,\n\t\tletterSpacing: 0,\n\t},\n\ttitle3: {\n\t\tfontWeight: '600',\n\t\tfontSize: 16,\n\t\tlineHeight: 24,\n\t\tletterSpacing: 0,\n\t},\n\ttitle3Mobile: {\n\t\tfontWeight: '500',\n\t\tfontSize: 14,\n\t\tlineHeight: 20,\n\t\tletterSpacing: 0,\n\t},\n\ttitle4: {\n\t\tfontWeight: '400',\n\t\tfontSize: 14,\n\t\tlineHeight: 20,\n\t\tletterSpacing: 0,\n\t},\n\ttextPlaceholder: {\n\t\tfontWeight: '400',\n\t\tfontSize: 12,\n\t\tlineHeight: 16,\n\t\tletterSpacing: 0,\n\t},\n\ttitle4Mobile: {\n\t\tfontWeight: '400',\n\t\tfontSize: 10,\n\t\tlineHeight: 16,\n\t\tletterSpacing: 0,\n\t},\n\tbodyRegularMobile: {\n\t\tfontWeight: '400',\n\t\tfontSize: 14,\n\t\tlineHeight: 18,\n\t\tletterSpacing: 0,\n\t},\n\tbodyRegular: {\n\t\tfontWeight: '400',\n\t\tfontSize: 16,\n\t\tlineHeight: 24,\n\t\tletterSpacing: 0,\n\t},\n\n\tbodySmall: {\n\t\tfontWeight: '400',\n\t\tfontSize: 10,\n\t\tlineHeight: 12,\n\t\tletterSpacing: 0,\n\t},\n\tbuttonLarge: {\n\t\tfontWeight: '600',\n\t\tfontSize: 16,\n\t\tlineHeight: 20,\n\t\tletterSpacing: 0,\n\t},\n\tbuttonRegular: {\n\t\tfontWeight: '600',\n\t\tfontSize: 14,\n\t\tlineHeight: 20,\n\t\tletterSpacing: 0,\n\t},\n\tcaptionMobile: {\n\t\tfontWeight: '500',\n\t\tfontSize: 10,\n\t\tlineHeight: 12,\n\t\tletterSpacing: 0,\n\t},\n\tcaptionBold: {\n\t\tfontWeight: '700',\n\t\tfontSize: 12,\n\t\tlineHeight: 16,\n\t\tletterSpacing: 0,\n\t},\n\ttext1Bold: {\n\t\tfontWeight: '700',\n\t\tfontSize: 10,\n\t\tlineHeight: 14,\n\t\tletterSpacing: 0,\n\t},\n\ttoast: {\n\t\tfontWeight: '400',\n\t\tfontSize: 16,\n\t\tlineHeight: 24,\n\t\tletterSpacing: 0,\n\t},\n\ttoastMobile: {\n\t\tfontWeight: '400',\n\t\tfontSize: 10,\n\t\tlineHeight: 12,\n\t\tletterSpacing: 0,\n\t},\n};\n\n// For backward compatibility\nexport const DEFAULT_THEME = {\n\tcolorsV2: COLORS,\n\tfonts: FONTS,\n};\n"],"names":["BASE_COLORS","brand","grayscale","white","alpha","negative","warning","positive","bikAi","COLORS","background","inactive","base","inverse","inverseLight","brandLight","brandVeryLight","pureWhite","brandTint","vibrant","light","blue","icon","placeholder","scrim","standard","surface","subdued","hovered","grey","ai","aiLight","content","primary","secondary","primaryInverse","secondaryInverse","stroke","lightAlt","brandLightAlt","special","whatsapp","gradient","dark","gradientArr","google","facebook","text","disabled","altPrimary","altSecondary","FONTS","display","fontWeight","fontSize","lineHeight","letterSpacing","titleXLarge","titleLarge","titleMedium","titleRegular","titleSmall","bodyPrimary","bodyLarge","bodySecondary","caption","tiny","subHeading","title1","title1Mobile","title2","title2Mobile","title3","title3Mobile","title4","textPlaceholder","title4Mobile","bodyRegularMobile","bodyRegular","bodySmall","buttonLarge","buttonRegular","captionMobile","captionBold","text1Bold","toast","toastMobile","DEFAULT_THEME","colorsV2","fonts"],"mappings":"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"}

package/dist/esm/editor/BikEditor.js

@@ -0,0 +1,2 @@
+import{jsxs as t,jsx as n}from"react/jsx-runtime";import{getMarkRange as e}from"../node_modules/@tiptap/core/dist/index.js";import{useEditor as o,EditorContent as i}from"@tiptap/react";import{forwardRef as r,useRef as s,useEffect as l,useImperativeHandle as c}from"react";import{BikEditorShell as a}from"./BikEditor.styles.js";import{DEFAULT_FORMAT_STATE as d}from"./BikEditor.types.js";import{buildSectionedContent as u,normalizeHtml as m,extractContent as g,extractActiveFormats as h,extractSectionContent as v,extractBodyContent as f,setSectionContentInEditor as p,findSectionEndPos as C,findSectionStartPos as S}from"./BikEditor.utils.js";import{buildExtensions as k}from"./extensions/buildExtensions.js";import{LinkBubbleMenu as y}from"./floating/LinkBubbleMenu.js";function x(t){return Object.entries(t).map((t=>{let[n,e]=t;return`${n.replace(/([A-Z])/g,(t=>`-${t.toLowerCase()}`))}:${e}`})).join(";")}const B=r(((r,B)=>{var b;const{initialContent:A,sections:j,features:I,disabled:L,maxCharacters:E,shortcuts:O,sendShortcut:T,mentions:w,slashCommands:F,link:H,onPaste:M,onReady:z,onChange:R,onSend:D,onFocus:N,onBlur:U,onSelectionChange:P,minHeight:$,maxHeight:q,style:J,className:V,editorClassName:W,editorStyle:Z}=r,_=(null==j?void 0:j.length)?u(m(null!=A?A:""),j.map((t=>Object.assign(Object.assign({},t),{content:m(t.content)})))):m(null!=A?A:""),G=s([]),K=s(!1),Q=s(z);Q.current=z;const X=s(R);X.current=R;const Y=s(P);Y.current=P;const tt=s(N);tt.current=N;const nt=s(U);nt.current=U;const et=o({extensions:k({features:I,placeholder:r.placeholder,maxCharacters:E,hasSections:(null!==(b=null==j?void 0:j.length)&&void 0!==b?b:0)>0,mentions:{agents:null==w?void 0:w.agents,teams:null==w?void 0:w.teams},slashCommands:null==F?void 0:F.items,onPaste:M,onSend:D,sendShortcut:T,shortcuts:O,onMentionSelected:null==w?void 0:w.onSelect,onSlashCommandSelected:null==F?void 0:F.onSelect,renderMentionItem:null==w?void 0:w.renderItem,renderMentionDropdown:null==w?void 0:w.renderDropdown,renderSlashCommandItem:null==F?void 0:F.renderItem,renderSlashCommandDropdown:null==F?void 0:F.renderDropdown}),content:_,editable:!L,immediatelyRender:!1,editorProps:{attributes:Object.assign(Object.assign({},W?{class:W}:{}),Z?{style:x(Z)}:{})},onUpdate:t=>{let{editor:n}=t;var e;null===(e=X.current)||void 0===e||e.call(X,g(n))},onTransaction:t=>{let{editor:n}=t;var e;null===(e=Y.current)||void 0===e||e.call(Y,h(n))},onFocus:()=>{var t;return null===(t=tt.current)||void 0===t?void 0:t.call(tt)},onBlur:()=>{var t;return null===(t=nt.current)||void 0===t?void 0:t.call(nt)}});function ot(t){et?t(et):G.current.push(t)}return l((()=>{var t;if(et){if(G.current.length>0){G.current.splice(0).forEach((t=>t(et)))}K.current||(K.current=!0,null===(t=Q.current)||void 0===t||t.call(Q))}}),[et]),c(B,(()=>({focus:t=>ot((n=>n.commands.focus(t))),blur:()=>ot((t=>t.commands.blur())),clearContent:()=>ot((t=>t.commands.clearContent(!0))),setContent:t=>{const n=m(t);ot((t=>t.commands.setContent(n,{emitUpdate:!0})))},insertContent:t=>{const n=m(t);ot((t=>t.commands.insertContent(n)))},insertAtStart:t=>{const n=m(t);ot((t=>t.commands.insertContentAt(1,n)))},insertBlock:t=>{const n=m(t);ot((t=>t.commands.insertContentAt(t.state.doc.content.size,n)))},appendInline:t=>{const n=m(t);ot((t=>t.commands.insertContentAt(t.state.doc.content.size-1,n)))},insertAtEnd(t){this.insertBlock(t)},appendContent(t){this.appendInline(t)},getContent:()=>et?g(et):{html:"",text:"",isEmpty:!0,characterCount:0},getJSON:()=>{var t;return null!==(t=null==et?void 0:et.getJSON())&&void 0!==t?t:null},getMentions:()=>{const t=new Set,n=new Set;return et?(et.state.doc.descendants((e=>{"mentionAgent"===e.type.name&&null!=e.attrs.id?t.add(String(e.attrs.id)):"mentionTeam"===e.type.name&&null!=e.attrs.id&&n.add(String(e.attrs.id))})),{agentIds:Array.from(t),teamIds:Array.from(n)}):{agentIds:[],teamIds:[]}},getCursorPosition:()=>{if(!et)return{from:0,to:0};const{from:t,to:n}=et.state.selection;return{from:t,to:n}},insertAtPosition:(t,n)=>{const e=m(n);ot((n=>n.commands.insertContentAt(t,e)))},getSelectedText:()=>{if(!et)return"";const{state:t}=et,{from:n,to:o,empty:i}=t.selection;if(!i)return t.doc.textBetween(n,o," ");const r=t.schema.marks.link;if(r){const o=e(t.doc.resolve(n),r);if(o)return t.doc.textBetween(o.from,o.to," ")}return""},getCharacterCount:()=>{var t,n,e,o;return{count:null!==(o=null!==(e=null===(n=null===(t=null==et?void 0:et.storage.characterCount)||void 0===t?void 0:t.characters)||void 0===n?void 0:n.call(t))&&void 0!==e?e:null==et?void 0:et.getText().length)&&void 0!==o?o:0,limit:null!=E?E:null}},getSectionContent:t=>et?v(et,t):{html:"",text:"",isEmpty:!0,characterCount:0},setSectionContent:(t,n)=>{const e=m(n);ot((n=>p(n,t,e)))},focusSection:t=>{ot((n=>{if("body"===t){let t=n.state.doc.content.size-1;return n.state.doc.descendants(((e,o)=>("sectionDivider"===e.type.name&&t===n.state.doc.content.size-1&&(t=o-1),t===n.state.doc.content.size-1))),t<1&&(t=1),void n.chain().focus().setTextSelection(t).run()}let e=-1;n.state.doc.descendants(((n,o)=>{if(-1!==e)return!1;"sectionDivider"===n.type.name&&n.attrs.sectionId===t&&(e=o+n.nodeSize+1)})),-1!==e&&n.chain().focus().setTextSelection(e).run()}))},clearSection:t=>{ot((n=>p(n,t,"<p></p>")))},getBodyContent:()=>et?f(et):{html:"",text:"",isEmpty:!0,characterCount:0},setBodyContent:t=>{const n=m(t);ot((t=>p(t,"body",n)))},setBodyAndSections:(t,n)=>{const e=u(m(t),n.map((t=>({id:t.id,content:m(t.content)}))));ot((t=>t.commands.setContent(e,{emitUpdate:!0})))},appendBodyContent:t=>{const n=m(t);ot((t=>{const e=C(t,"body");t.commands.insertContentAt(e-1,n)}))},insertAtSectionStart:(t,n)=>{const e=m(n);ot((n=>{const o=S(n,t);-1!==o&&n.commands.insertContentAt(o,e)}))},insertAtSectionEnd:(t,n)=>{const e=m(n);ot((n=>{const o=C(n,t);n.commands.insertContentAt(o,e)}))},getActiveFormats:()=>et?h(et):d,actions:{toggleBold:()=>null==et?void 0:et.chain().focus().toggleBold().run(),toggleItalic:()=>null==et?void 0:et.chain().focus().toggleItalic().run(),toggleUnderline:()=>null==et?void 0:et.chain().focus().toggleUnderline().run(),toggleStrike:()=>null==et?void 0:et.chain().focus().toggleStrike().run(),toggleBulletList:()=>null==et?void 0:et.chain().focus().toggleBulletList().run(),toggleOrderedList:()=>null==et?void 0:et.chain().focus().toggleOrderedList().run(),toggleBlockquote:()=>null==et?void 0:et.chain().focus().toggleBlockquote().run(),toggleCodeBlock:()=>null==et?void 0:et.chain().focus().toggleCodeBlock().run(),setTextAlign:t=>null==et?void 0:et.chain().focus().setTextAlign(t).run(),setFontFamily:t=>null==et?void 0:et.chain().focus().setFontFamily(t).run(),setFontSize:t=>null==et?void 0:et.chain().focus().setFontSize(t).run(),setColor:t=>null==et?void 0:et.chain().focus().setColor(t).run(),setHighlight:t=>null==et?void 0:et.chain().focus().toggleHighlight({color:t}).run(),unsetColor:()=>null==et?void 0:et.chain().focus().unsetColor().run(),unsetHighlight:()=>null==et?void 0:et.chain().focus().unsetHighlight().run(),setLink:(t,n)=>{et&&(void 0!==n?et.chain().focus().extendMarkRange("link").command((e=>{let{tr:o,state:i}=e;const{from:r,to:s}=o.selection,l=i.schema.marks.link;return!!l&&(o.replaceWith(r,s,i.schema.text(n,[l.create({href:t})])),!0)})).run():et.chain().focus().extendMarkRange("link").setLink({href:t}).run())},updateLink:t=>null==et?void 0:et.chain().focus().extendMarkRange("link").setLink({href:t}).run(),removeLink:()=>null==et?void 0:et.chain().focus().extendMarkRange("link").unsetLink().run(),insertEmoji:t=>null==et?void 0:et.chain().focus().insertContent(t).run(),insertVariable:t=>null==et?void 0:et.chain().focus().insertContent(`{{${t}}}`).run(),insertHtml:t=>null==et?void 0:et.commands.insertContent(t),undo:()=>null==et?void 0:et.chain().focus().undo().run(),redo:()=>null==et?void 0:et.chain().focus().redo().run(),canUndo:()=>{var t;return null!==(t=null==et?void 0:et.can().undo())&&void 0!==t&&t},canRedo:()=>{var t;return null!==(t=null==et?void 0:et.can().redo())&&void 0!==t&&t},toggleSuperscript:()=>null==et?void 0:et.chain().focus().toggleSuperscript().run(),toggleSubscript:()=>null==et?void 0:et.chain().focus().toggleSubscript().run(),insertImage:t=>null==et?void 0:et.chain().focus().setImage({src:t}).run()}})),[et]),et?t(a,Object.assign({minHeight:$,maxHeight:q,style:J,className:V},{children:[n(i,{editor:et}),n(y,{editor:et,renderLinkTooltip:null==H?void 0:H.renderTooltip})]})):null}));B.displayName="BikEditor";export{B as BikEditor};
+//# sourceMappingURL=BikEditor.js.map