@bikdotai/bik-component-library 0.0.833 → 0.0.834

package/dist/esm/components/TypographyStyle.js

@@ -50,7 +50,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, w = n.div`
+`, y = n.div`
 	font-family: Inter;
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.titleSmall.fontWeight};
@@ -60,7 +60,19 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, y = n.div`
+`, w = n.div`
+	font-family: Inter;
+	color: ${(e) => e.color || o.text.primary};
+	font-weight: ${t.titleTiny.fontWeight};
+	font-size: ${i(t.titleTiny.fontSize)};
+	line-height: ${i(t.titleTiny.lineHeight)};
+	font-variant-numeric: lining-nums tabular-nums;
+	font-feature-settings: 'case' on;
+	-webkit-box-orient: vertical;
+	overflow: hidden;
+	display: -webkit-box;
+	-webkit-line-clamp: ${(e) => e.numberOfLines};
+`, s = n.div`
 	font-family: Inter;
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.display.fontWeight};
@@ -101,7 +113,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, s = n.div`
+`, m = n.div`
 	font-family: Inter;
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.bodySecondary.fontWeight};
@@ -117,17 +129,17 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	text-fill-color: transparent;
-`, m = n(l)`
+`, p = n(l)`
 	text-decoration: underline;
 	color: ${o.content.brand};
 	text-decoration-color: ${o.content.brand};
 	cursor: pointer;
-`, p = n(r)`
+`, x = n(r)`
 	text-decoration: underline;
 	color: ${o.content.brand};
 	text-decoration-color: ${o.content.brand};
 	cursor: pointer;
-`, x = n.div`
+`, k = n.div`
 	font-family: Inter;
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.caption.fontWeight};
@@ -139,7 +151,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
 	word-break: break-word;
 	overflow-wrap: break-word;
-`, k = n.div`
+`, u = n.div`
 	font-family: Inter;
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.caption.fontWeight};
@@ -155,7 +167,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	text-fill-color: transparent;
-`, u = n.div`
+`, v = n.div`
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.tiny.fontWeight};
 	font-size: ${i(t.tiny.fontSize)};
@@ -164,7 +176,16 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, v = n.div`
+`, z = n.div`
+	color: ${(e) => e.color || o.text.primary};
+	font-weight: ${t.bodyTinySemiBold.fontWeight};
+	font-size: ${i(t.bodyTinySemiBold.fontSize)};
+	line-height: ${i(t.bodyTinySemiBold.lineHeight)};
+	-webkit-box-orient: vertical;
+	overflow: hidden;
+	display: -webkit-box;
+	-webkit-line-clamp: ${(e) => e.numberOfLines};
+`, S = n.div`
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.tiny.fontWeight};
 	font-size: ${i(t.tiny.fontSize)};
@@ -179,7 +200,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	text-fill-color: transparent;
-`, z = n.div`
+`, L = n.div`
 	font-family: Inter;
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.buttonLarge.fontWeight};
@@ -189,7 +210,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, S = n.div`
+`, H = n.div`
 	font-family: Inter;
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.buttonLarge.fontWeight};
@@ -205,7 +226,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	text-fill-color: transparent;
-`, L = n.div`
+`, O = n.div`
 	font-family: Inter;
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.buttonRegular.fontWeight};
@@ -215,7 +236,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, H = n.div`
+`, W = n.div`
 	font-family: Inter;
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.subHeading.fontWeight};
@@ -225,7 +246,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, O = n.div`
+`, I = n.div`
 	font-family: Inter;
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.bodyRegular.fontWeight};
@@ -235,7 +256,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, W = n.div`
+`, B = n.div`
 	font-family: Inter;
 	color: ${o.text.primary};
 	font-weight: ${t.caption.fontWeight};
@@ -245,7 +266,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, I = n.div`
+`, T = n.div`
 	font-family: Inter;
 	color: ${o.text.primary};
 	font-weight: ${t.textPlaceholder.fontWeight};
@@ -255,7 +276,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, B = n.div`
+`, R = n.div`
 	font-family: Inter;
 	color: ${o.text.primary};
 	font-weight: ${t.title4.fontWeight};
@@ -265,7 +286,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, R = n.div`
+`, P = n.div`
 	font-family: Inter;
 	color: ${o.text.primary};
 	font-weight: ${t.bodySmall.fontWeight};
@@ -275,7 +296,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, P = n.div`
+`, C = n.div`
 	font-family: Inter;
 	color: ${o.text.primary};
 	font-weight: ${t.captionBold.fontWeight};
@@ -285,7 +306,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, T = n.div`
+`, A = n.div`
 	font-family: Inter;
 	color: ${o.text.primary};
 	font-weight: ${t.tiny.fontWeight};
@@ -297,33 +318,35 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
 `;
 export {
-  k as AiBodyCaption,
-  v as AiBodyTiny,
-  x as BodyCaption,
+  u as AiBodyCaption,
+  S as AiBodyTiny,
+  k as BodyCaption,
   $ as BodyLarge,
   l as BodyPrimary,
-  m as BodyPrimaryLink,
-  O as BodyRegular,
+  p as BodyPrimaryLink,
+  I as BodyRegular,
   r as BodySecondary,
-  p as BodySecondaryLink,
-  R as BodySmall,
-  u as BodyTiny,
-  z as ButtonLarge,
-  S as ButtonLargeAI,
-  L as ButtonRegular,
-  s as ButtonRegularAI,
-  W as Caption,
-  P as CaptionBold,
-  y as Display,
+  x as BodySecondaryLink,
+  P as BodySmall,
+  v as BodyTiny,
+  z as BodyTinySemiBold,
+  L as ButtonLarge,
+  H as ButtonLargeAI,
+  O as ButtonRegular,
+  m as ButtonRegularAI,
+  B as Caption,
+  C as CaptionBold,
+  s as Display,
   h as SmallRegular,
-  H as SubHeading,
-  I as TextPlaceholder,
-  T as Tiny,
-  B as TitleFour,
+  W as SubHeading,
+  T as TextPlaceholder,
+  A as Tiny,
+  R as TitleFour,
   d as TitleLarge,
   c as TitleMedium,
   g as TitleRegular,
-  w as TitleSmall,
+  y as TitleSmall,
+  w as TitleTiny,
   b as TitleXlarge
 };
 //# sourceMappingURL=TypographyStyle.js.map

package/dist/esm/components/TypographyStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypographyStyle.js","sources":["../../../src/components/TypographyStyle.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS, FONTS } from '@src/constants/Theme';\n\nconst addPixels = (value?: number) => {\n\tif (value === undefined || value == null) return '';\n\treturn value + 'px';\n};\nexport interface customStyles {\n\tfontWeight?: number;\n\tfontSize?: number;\n\twidth?: number;\n}\n\nexport const TitleXlarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.titleXLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleXLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.titleXLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleLarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.titleLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.titleLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleMedium = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.titleMedium.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleMedium.fontSize)};\n\tline-height: ${addPixels(FONTS.titleMedium.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const SmallRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.title4.fontWeight};\n\tfont-size: ${addPixels(FONTS.title4.fontSize)};\n\tline-height: ${addPixels(FONTS.title4.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.titleRegular.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleRegular.fontSize)};\n\tline-height: ${addPixels(FONTS.titleRegular.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\nexport const TitleSmall = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.titleSmall.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleSmall.fontSize)};\n\tline-height: ${addPixels(FONTS.titleSmall.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const Display = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.display.fontWeight};\n\tfont-size: ${addPixels(FONTS.display.fontSize)};\n\tline-height: ${addPixels(FONTS.display.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const BodyLarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.bodyPrimary.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodyLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.bodyLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\nexport const BodyPrimary = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.bodyPrimary.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodyPrimary.fontSize)};\n\tline-height: ${addPixels(FONTS.bodyPrimary.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\nexport const BodySecondary = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n\tcustomStyles?: customStyles;\n}>`\n\tfont-family: Inter;\n\twidth: ${(props) => addPixels(props.customStyles?.width)};\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${(props) =>\n\t\tprops.customStyles?.fontWeight || FONTS.bodySecondary.fontWeight};\n\tfont-size: ${(props) =>\n\t\taddPixels(props.customStyles?.fontSize) ||\n\t\taddPixels(FONTS.bodySecondary.fontSize)};\n\tline-height: ${addPixels(FONTS.bodySecondary.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const ButtonRegularAI = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n\tdisabled?: boolean;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.bodySecondary.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodySecondary.fontSize)};\n\tline-height: ${addPixels(FONTS.bodySecondary.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tz-index: 1;\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const BodyPrimaryLink = styled(BodyPrimary)`\n\ttext-decoration: underline;\n\tcolor: ${COLORS.content.brand};\n\ttext-decoration-color: ${COLORS.content.brand};\n\tcursor: pointer;\n`;\n\nexport const BodySecondaryLink = styled(BodySecondary)`\n\ttext-decoration: underline;\n\tcolor: ${COLORS.content.brand};\n\ttext-decoration-color: ${COLORS.content.brand};\n\tcursor: pointer;\n`;\n\nexport const BodyCaption = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.caption.fontWeight};\n\tfont-size: ${addPixels(FONTS.caption.fontSize)};\n\tline-height: ${addPixels(FONTS.caption.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tword-break: break-word;\n\toverflow-wrap: break-word;\n`;\n\nexport const AiBodyCaption = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.caption.fontWeight};\n\tfont-size: ${addPixels(FONTS.caption.fontSize)};\n\tline-height: ${addPixels(FONTS.caption.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tz-index: 1;\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const BodyTiny = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.tiny.fontWeight};\n\tfont-size: ${addPixels(FONTS.tiny.fontSize)};\n\tline-height: ${addPixels(FONTS.tiny.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const AiBodyTiny = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.tiny.fontWeight};\n\tfont-size: ${addPixels(FONTS.tiny.fontSize)};\n\tline-height: ${addPixels(FONTS.tiny.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tz-index: 1;\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const ButtonLarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.buttonLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.buttonLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.buttonLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const ButtonLargeAI = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.buttonLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.buttonLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.buttonLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\tz-index: 1;\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const ButtonRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.buttonRegular.fontWeight};\n\tfont-size: ${addPixels(FONTS.buttonRegular.fontSize)};\n\tline-height: ${addPixels(FONTS.buttonRegular.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const SubHeading = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.subHeading.fontWeight};\n\tfont-size: ${addPixels(FONTS.subHeading.fontSize)};\n\tline-height: ${addPixels(FONTS.subHeading.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const BodyRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.bodyRegular.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodyRegular.fontSize)};\n\tline-height: ${addPixels(FONTS.bodyRegular.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const Caption = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.caption.fontWeight};\n\tfont-size: ${addPixels(FONTS.caption.fontSize)};\n\tline-height: ${addPixels(FONTS.caption.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TextPlaceholder = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.textPlaceholder.fontWeight};\n\tfont-size: ${addPixels(FONTS.textPlaceholder.fontSize)};\n\tline-height: ${addPixels(FONTS.textPlaceholder.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleFour = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.title4.fontWeight};\n\tfont-size: ${addPixels(FONTS.title4.fontSize)};\n\tline-height: ${addPixels(FONTS.title4.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const BodySmall = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.bodySmall.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodySmall.fontSize)};\n\tline-height: ${addPixels(FONTS.bodySmall.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const CaptionBold = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.captionBold.fontWeight};\n\tfont-size: ${addPixels(FONTS.captionBold.fontSize)};\n\tline-height: ${addPixels(FONTS.captionBold.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const Tiny = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.tiny.fontWeight};\n\tfont-size: ${addPixels(FONTS.tiny.fontSize)};\n\tline-height: ${addPixels(FONTS.tiny.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n"],"names":["addPixels","value","TitleXlarge","styled","props","COLORS","FONTS","TitleLarge","TitleMedium","SmallRegular","TitleRegular","TitleSmall","Display","BodyLarge","BodyPrimary","BodySecondary","ButtonRegularAI","BodyPrimaryLink","BodySecondaryLink","BodyCaption","AiBodyCaption","BodyTiny","AiBodyTiny","ButtonLarge","ButtonLargeAI","ButtonRegular","SubHeading","BodyRegular","Caption","TextPlaceholder","TitleFour","BodySmall","CaptionBold","Tiny"],"mappings":"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"}
+{"version":3,"file":"TypographyStyle.js","sources":["../../../src/components/TypographyStyle.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS, FONTS } from '@src/constants/Theme';\n\nconst addPixels = (value?: number) => {\n\tif (value === undefined || value == null) return '';\n\treturn value + 'px';\n};\nexport interface customStyles {\n\tfontWeight?: number;\n\tfontSize?: number;\n\twidth?: number;\n}\n\nexport const TitleXlarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.titleXLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleXLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.titleXLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleLarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.titleLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.titleLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleMedium = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.titleMedium.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleMedium.fontSize)};\n\tline-height: ${addPixels(FONTS.titleMedium.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const SmallRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.title4.fontWeight};\n\tfont-size: ${addPixels(FONTS.title4.fontSize)};\n\tline-height: ${addPixels(FONTS.title4.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.titleRegular.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleRegular.fontSize)};\n\tline-height: ${addPixels(FONTS.titleRegular.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\nexport const TitleSmall = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.titleSmall.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleSmall.fontSize)};\n\tline-height: ${addPixels(FONTS.titleSmall.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleTiny = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.titleTiny.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleTiny.fontSize)};\n\tline-height: ${addPixels(FONTS.titleTiny.lineHeight)};\n\tfont-variant-numeric: lining-nums tabular-nums;\n\tfont-feature-settings: 'case' on;\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const Display = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.display.fontWeight};\n\tfont-size: ${addPixels(FONTS.display.fontSize)};\n\tline-height: ${addPixels(FONTS.display.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const BodyLarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.bodyPrimary.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodyLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.bodyLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\nexport const BodyPrimary = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.bodyPrimary.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodyPrimary.fontSize)};\n\tline-height: ${addPixels(FONTS.bodyPrimary.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\nexport const BodySecondary = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n\tcustomStyles?: customStyles;\n}>`\n\tfont-family: Inter;\n\twidth: ${(props) => addPixels(props.customStyles?.width)};\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${(props) =>\n\t\tprops.customStyles?.fontWeight || FONTS.bodySecondary.fontWeight};\n\tfont-size: ${(props) =>\n\t\taddPixels(props.customStyles?.fontSize) ||\n\t\taddPixels(FONTS.bodySecondary.fontSize)};\n\tline-height: ${addPixels(FONTS.bodySecondary.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const ButtonRegularAI = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n\tdisabled?: boolean;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.bodySecondary.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodySecondary.fontSize)};\n\tline-height: ${addPixels(FONTS.bodySecondary.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tz-index: 1;\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const BodyPrimaryLink = styled(BodyPrimary)`\n\ttext-decoration: underline;\n\tcolor: ${COLORS.content.brand};\n\ttext-decoration-color: ${COLORS.content.brand};\n\tcursor: pointer;\n`;\n\nexport const BodySecondaryLink = styled(BodySecondary)`\n\ttext-decoration: underline;\n\tcolor: ${COLORS.content.brand};\n\ttext-decoration-color: ${COLORS.content.brand};\n\tcursor: pointer;\n`;\n\nexport const BodyCaption = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.caption.fontWeight};\n\tfont-size: ${addPixels(FONTS.caption.fontSize)};\n\tline-height: ${addPixels(FONTS.caption.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tword-break: break-word;\n\toverflow-wrap: break-word;\n`;\n\nexport const AiBodyCaption = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.caption.fontWeight};\n\tfont-size: ${addPixels(FONTS.caption.fontSize)};\n\tline-height: ${addPixels(FONTS.caption.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tz-index: 1;\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const BodyTiny = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.tiny.fontWeight};\n\tfont-size: ${addPixels(FONTS.tiny.fontSize)};\n\tline-height: ${addPixels(FONTS.tiny.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const BodyTinySemiBold = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.bodyTinySemiBold.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodyTinySemiBold.fontSize)};\n\tline-height: ${addPixels(FONTS.bodyTinySemiBold.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const AiBodyTiny = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.tiny.fontWeight};\n\tfont-size: ${addPixels(FONTS.tiny.fontSize)};\n\tline-height: ${addPixels(FONTS.tiny.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tz-index: 1;\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const ButtonLarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.buttonLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.buttonLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.buttonLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const ButtonLargeAI = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.buttonLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.buttonLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.buttonLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\tz-index: 1;\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const ButtonRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.buttonRegular.fontWeight};\n\tfont-size: ${addPixels(FONTS.buttonRegular.fontSize)};\n\tline-height: ${addPixels(FONTS.buttonRegular.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const SubHeading = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.subHeading.fontWeight};\n\tfont-size: ${addPixels(FONTS.subHeading.fontSize)};\n\tline-height: ${addPixels(FONTS.subHeading.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const BodyRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.bodyRegular.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodyRegular.fontSize)};\n\tline-height: ${addPixels(FONTS.bodyRegular.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const Caption = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.caption.fontWeight};\n\tfont-size: ${addPixels(FONTS.caption.fontSize)};\n\tline-height: ${addPixels(FONTS.caption.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TextPlaceholder = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.textPlaceholder.fontWeight};\n\tfont-size: ${addPixels(FONTS.textPlaceholder.fontSize)};\n\tline-height: ${addPixels(FONTS.textPlaceholder.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleFour = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.title4.fontWeight};\n\tfont-size: ${addPixels(FONTS.title4.fontSize)};\n\tline-height: ${addPixels(FONTS.title4.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const BodySmall = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.bodySmall.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodySmall.fontSize)};\n\tline-height: ${addPixels(FONTS.bodySmall.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const CaptionBold = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.captionBold.fontWeight};\n\tfont-size: ${addPixels(FONTS.captionBold.fontSize)};\n\tline-height: ${addPixels(FONTS.captionBold.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const Tiny = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.tiny.fontWeight};\n\tfont-size: ${addPixels(FONTS.tiny.fontSize)};\n\tline-height: ${addPixels(FONTS.tiny.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n"],"names":["addPixels","value","TitleXlarge","styled","props","COLORS","FONTS","TitleLarge","TitleMedium","SmallRegular","TitleRegular","TitleSmall","TitleTiny","Display","BodyLarge","BodyPrimary","BodySecondary","ButtonRegularAI","BodyPrimaryLink","BodySecondaryLink","BodyCaption","AiBodyCaption","BodyTiny","BodyTinySemiBold","AiBodyTiny","ButtonLarge","ButtonLargeAI","ButtonRegular","SubHeading","BodyRegular","Caption","TextPlaceholder","TitleFour","BodySmall","CaptionBold","Tiny"],"mappings":"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"}

package/dist/esm/components/WhatsAppTextEditor/AIRephraseButton.js

@@ -1,4 +1,4 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import { useRef as O, useState as x, useEffect as $ } from "react";
 import d from "styled-components";
 import { useOutside as R } from "../../hooks/useOutside.js";
@@ -21,7 +21,7 @@ const B = d.div`
 	background: #ffe8ef;
 	color: #f53f77;
 	border-radius: 16px 0 0 16px;
-	padding: 6px 10px;
+	padding: 4px 6px;
 	font-size: 12px;
 	font-weight: 400;
 	line-height: 16px;
@@ -33,19 +33,30 @@ const B = d.div`
 		filter: brightness(0.98);
 	}
 `, j = d.button`
+	position: relative;
 	border: 0;
-	border-left: 1px solid #f6c8d7;
 	background: #ffe8ef;
 	color: #f53f77;
 	border-radius: 0 16px 16px 0;
-	//padding: 4px 6px;
+	padding: 4px;
 	line-height: 1;
 	cursor: ${(e) => e.disabled ? "not-allowed" : "pointer"};
 	display: flex;
 	align-items: center;
+	/* 12px inset divider, matching Figma (Line 14) */
+	::before {
+		content: '';
+		position: absolute;
+		left: 0;
+		top: 50%;
+		transform: translateY(-50%);
+		width: 1px;
+		height: 12px;
+		background: #f6c8d7;
+	}
 `, L = d.div`
 	position: relative;
-`, G = d.div`
+`, F = d.div`
 	position: absolute;
 	top: calc(100% + 6px);
 	left: 0;
@@ -78,7 +89,7 @@ const B = d.div`
 			background: ${e.toneSubmenuOpen ? "#d9e8db" : "#f7f7f8"};
 		}
 	` : ""}
-`, q = d.div`
+`, G = d.div`
 	position: absolute;
 	top: 0;
 	left: calc(100% + 4px);
@@ -89,9 +100,9 @@ const B = d.div`
 	z-index: 11;
 	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
 	padding: 4px;
-`, Y = ({
+`, X = ({
   label: e,
-  disabled: p,
+  disabled: a,
   loading: s,
   highlighted: g,
   tones: c,
@@ -99,62 +110,62 @@ const B = d.div`
   instructionActive: f,
   onClick: y,
   onToneChange: k,
-  onInstructionsClick: C,
-  showSecondaryRephraseOption: S,
-  onSecondaryRephraseClick: v
+  onInstructionsClick: v,
+  showSecondaryRephraseOption: C,
+  onSecondaryRephraseClick: S
 }) => {
-  const h = O(null), [I, l] = x(!1), [b, o] = x(!1), a = !!f || !!p || !!s;
+  const h = O(null), [I, l] = x(!1), [b, o] = x(!1), p = !!f || !!a || !!s;
   return R(h, () => {
     l(!1), o(!1);
   }), $(() => {
     f && (l(!1), o(!1));
-  }, [f]), /* @__PURE__ */ t(L, { ref: h, children: [
-    /* @__PURE__ */ r(
+  }, [f]), /* @__PURE__ */ n(L, { ref: h, children: [
+    /* @__PURE__ */ t(
       z,
       {
         showAnimation: !!g,
-        disabled: !!p || !!s,
+        disabled: !!a || !!s,
         borderRadius: 16,
         borderSize: 2,
-        children: /* @__PURE__ */ t(B, { disabled: p || s, children: [
-          /* @__PURE__ */ t(
+        children: /* @__PURE__ */ n(B, { disabled: a || s, children: [
+          /* @__PURE__ */ n(
             T,
             {
               type: "button",
-              disabled: p || s,
+              disabled: a || s,
               onClick: y,
               children: [
-                /* @__PURE__ */ r(m, { width: 12, height: 12, color: "#f53f77" }),
+                /* @__PURE__ */ t(m, { width: 16, height: 16, color: "#f53f77" }),
                 s ? "..." : e
               ]
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ t(
             j,
             {
               type: "button",
-              disabled: a,
+              disabled: p,
               onClick: () => {
-                a || (l((n) => !n), o(!1));
+                p || (l((r) => !r), o(!1));
               },
-              children: /* @__PURE__ */ r(A, { width: 14, height: 14 })
+              children: /* @__PURE__ */ t(A, { width: 16, height: 16 })
             }
           )
         ] })
       }
     ),
-    I ? /* @__PURE__ */ t(G, { children: [
-      c?.length ? /* @__PURE__ */ r(
+    I ? /* @__PURE__ */ n(F, { children: [
+      c?.length ? /* @__PURE__ */ t(
         u,
         {
           type: "button",
           toneSubmenuOpen: b,
           isChangeToneRow: !0,
           onMouseEnter: () => {
-            a || o(!0);
+            p || o(!0);
           },
-          onClick: () => o((n) => !n),
-          children: /* @__PURE__ */ t(
+          onClick: () => o((r) => !r),
+          children: /* @__PURE__ */ n(
             "div",
             {
               style: {
@@ -164,7 +175,7 @@ const B = d.div`
                 width: "100%"
               },
               children: [
-                /* @__PURE__ */ t(
+                /* @__PURE__ */ n(
                   "span",
                   {
                     style: {
@@ -173,18 +184,18 @@ const B = d.div`
                       gap: 8
                     },
                     children: [
-                      /* @__PURE__ */ r(E, { width: 18, height: 18, color: "currentColor" }),
+                      /* @__PURE__ */ t(E, { width: 18, height: 18, color: "currentColor" }),
                       "Change tone"
                     ]
                   }
                 ),
-                /* @__PURE__ */ r(D, { width: 14, height: 14, color: "currentColor" })
+                /* @__PURE__ */ t(D, { width: 14, height: 14, color: "currentColor" })
               ]
             }
           )
         }
       ) : null,
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ n(
         u,
         {
           type: "button",
@@ -192,24 +203,24 @@ const B = d.div`
           selected: !!f,
           onMouseEnter: () => o(!1),
           onClick: () => {
-            a || (C?.(), l(!1), o(!1));
+            p || (v?.(), l(!1), o(!1));
           },
           children: [
-            /* @__PURE__ */ r(M, { width: 16, height: 16, color: i.content.primary }),
+            /* @__PURE__ */ t(M, { width: 16, height: 16, color: i.content.primary }),
             "Add instructions"
           ]
         }
       ),
-      S ? /* @__PURE__ */ t(
+      C ? /* @__PURE__ */ n(
         u,
         {
           type: "button",
           onMouseEnter: () => o(!1),
           onClick: () => {
-            p || s || (v?.(), l(!1), o(!1));
+            a || s || (S?.(), l(!1), o(!1));
           },
           children: [
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ t(
               m,
               {
                 width: 16,
@@ -221,22 +232,22 @@ const B = d.div`
           ]
         }
       ) : null,
-      b && c?.length ? /* @__PURE__ */ r(q, { children: c.map((n) => /* @__PURE__ */ r(
+      b && c?.length ? /* @__PURE__ */ t(G, { children: c.map((r) => /* @__PURE__ */ t(
         u,
         {
           type: "button",
-          selected: n.id === w,
+          selected: r.id === w,
           onClick: () => {
-            a || (k?.(n.id), l(!1), o(!1));
+            p || (k?.(r.id), l(!1), o(!1));
           },
-          children: n.label
+          children: r.label
         },
-        n.id
+        r.id
       )) }) : null
     ] }) : null
   ] });
 };
 export {
-  Y as AIRephraseButton
+  X as AIRephraseButton
 };
 //# sourceMappingURL=AIRephraseButton.js.map