@bikdotai/bik-component-library 0.0.805-beta.21 → 0.0.805-beta.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/TypographyStyle.js +22 -13
- package/dist/cjs/components/TypographyStyle.js.map +1 -1
- package/dist/cjs/constants/Theme.js +1 -1
- package/dist/cjs/constants/Theme.js.map +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/src/components/TypographyStyle.d.ts +4 -0
- package/dist/cjs/src/constants/Theme.d.ts +18 -0
- package/dist/esm/components/TypographyStyle.js +21 -12
- package/dist/esm/components/TypographyStyle.js.map +1 -1
- package/dist/esm/constants/Theme.js +1 -1
- package/dist/esm/constants/Theme.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/src/components/TypographyStyle.d.ts +4 -0
- package/dist/esm/src/constants/Theme.d.ts +18 -0
- package/package.json +1 -1
|
@@ -120,12 +120,12 @@
|
|
|
120
120
|
color: ${t.COLORS.content.brand};
|
|
121
121
|
text-decoration-color: ${t.COLORS.content.brand};
|
|
122
122
|
cursor: pointer;
|
|
123
|
-
`,
|
|
123
|
+
`,y=o.default(g)`
|
|
124
124
|
text-decoration: underline;
|
|
125
125
|
color: ${t.COLORS.content.brand};
|
|
126
126
|
text-decoration-color: ${t.COLORS.content.brand};
|
|
127
127
|
cursor: pointer;
|
|
128
|
-
`,
|
|
128
|
+
`,w=o.default.div`
|
|
129
129
|
font-family: Inter;
|
|
130
130
|
color: ${e=>e.color||t.COLORS.text.primary};
|
|
131
131
|
font-weight: ${t.FONTS.caption.fontWeight};
|
|
@@ -163,6 +163,15 @@
|
|
|
163
163
|
display: -webkit-box;
|
|
164
164
|
-webkit-line-clamp: ${e=>e.numberOfLines};
|
|
165
165
|
`,$=o.default.div`
|
|
166
|
+
color: ${e=>e.color||t.COLORS.text.primary};
|
|
167
|
+
font-weight: ${t.FONTS.bodyTinySemiBold.fontWeight};
|
|
168
|
+
font-size: ${n(t.FONTS.bodyTinySemiBold.fontSize)};
|
|
169
|
+
line-height: ${n(t.FONTS.bodyTinySemiBold.lineHeight)};
|
|
170
|
+
-webkit-box-orient: vertical;
|
|
171
|
+
overflow: hidden;
|
|
172
|
+
display: -webkit-box;
|
|
173
|
+
-webkit-line-clamp: ${e=>e.numberOfLines};
|
|
174
|
+
`,m=o.default.div`
|
|
166
175
|
color: ${e=>e.color||t.COLORS.text.primary};
|
|
167
176
|
font-weight: ${t.FONTS.tiny.fontWeight};
|
|
168
177
|
font-size: ${n(t.FONTS.tiny.fontSize)};
|
|
@@ -177,7 +186,7 @@
|
|
|
177
186
|
-webkit-text-fill-color: transparent;
|
|
178
187
|
background-clip: text;
|
|
179
188
|
text-fill-color: transparent;
|
|
180
|
-
`,
|
|
189
|
+
`,u=o.default.div`
|
|
181
190
|
font-family: Inter;
|
|
182
191
|
color: ${e=>e.color||t.COLORS.text.primary};
|
|
183
192
|
font-weight: ${t.FONTS.buttonLarge.fontWeight};
|
|
@@ -187,7 +196,7 @@
|
|
|
187
196
|
overflow: hidden;
|
|
188
197
|
display: -webkit-box;
|
|
189
198
|
-webkit-line-clamp: ${e=>e.numberOfLines};
|
|
190
|
-
`,
|
|
199
|
+
`,k=o.default.div`
|
|
191
200
|
font-family: Inter;
|
|
192
201
|
color: ${e=>e.color||t.COLORS.text.primary};
|
|
193
202
|
font-weight: ${t.FONTS.buttonLarge.fontWeight};
|
|
@@ -203,7 +212,7 @@
|
|
|
203
212
|
-webkit-text-fill-color: transparent;
|
|
204
213
|
background-clip: text;
|
|
205
214
|
text-fill-color: transparent;
|
|
206
|
-
`,
|
|
215
|
+
`,T=o.default.div`
|
|
207
216
|
font-family: Inter;
|
|
208
217
|
color: ${e=>e.color||t.COLORS.text.primary};
|
|
209
218
|
font-weight: ${t.FONTS.buttonRegular.fontWeight};
|
|
@@ -223,7 +232,7 @@
|
|
|
223
232
|
overflow: hidden;
|
|
224
233
|
display: -webkit-box;
|
|
225
234
|
-webkit-line-clamp: ${e=>e.numberOfLines};
|
|
226
|
-
`,
|
|
235
|
+
`,F=o.default.div`
|
|
227
236
|
font-family: Inter;
|
|
228
237
|
color: ${e=>e.color||t.COLORS.text.primary};
|
|
229
238
|
font-weight: ${t.FONTS.bodyRegular.fontWeight};
|
|
@@ -233,7 +242,7 @@
|
|
|
233
242
|
overflow: hidden;
|
|
234
243
|
display: -webkit-box;
|
|
235
244
|
-webkit-line-clamp: ${e=>e.numberOfLines};
|
|
236
|
-
`,
|
|
245
|
+
`,N=o.default.div`
|
|
237
246
|
font-family: Inter;
|
|
238
247
|
color: ${t.COLORS.text.primary};
|
|
239
248
|
font-weight: ${t.FONTS.caption.fontWeight};
|
|
@@ -243,7 +252,7 @@
|
|
|
243
252
|
overflow: hidden;
|
|
244
253
|
display: -webkit-box;
|
|
245
254
|
-webkit-line-clamp: ${e=>e.numberOfLines};
|
|
246
|
-
`,
|
|
255
|
+
`,L=o.default.div`
|
|
247
256
|
font-family: Inter;
|
|
248
257
|
color: ${t.COLORS.text.primary};
|
|
249
258
|
font-weight: ${t.FONTS.textPlaceholder.fontWeight};
|
|
@@ -253,7 +262,7 @@
|
|
|
253
262
|
overflow: hidden;
|
|
254
263
|
display: -webkit-box;
|
|
255
264
|
-webkit-line-clamp: ${e=>e.numberOfLines};
|
|
256
|
-
`,
|
|
265
|
+
`,z=o.default.div`
|
|
257
266
|
font-family: Inter;
|
|
258
267
|
color: ${t.COLORS.text.primary};
|
|
259
268
|
font-weight: ${t.FONTS.title4.fontWeight};
|
|
@@ -263,7 +272,7 @@
|
|
|
263
272
|
overflow: hidden;
|
|
264
273
|
display: -webkit-box;
|
|
265
274
|
-webkit-line-clamp: ${e=>e.numberOfLines};
|
|
266
|
-
`,
|
|
275
|
+
`,R=o.default.div`
|
|
267
276
|
font-family: Inter;
|
|
268
277
|
color: ${t.COLORS.text.primary};
|
|
269
278
|
font-weight: ${t.FONTS.bodySmall.fontWeight};
|
|
@@ -273,7 +282,7 @@
|
|
|
273
282
|
overflow: hidden;
|
|
274
283
|
display: -webkit-box;
|
|
275
284
|
-webkit-line-clamp: ${e=>e.numberOfLines};
|
|
276
|
-
`,
|
|
285
|
+
`,C=o.default.div`
|
|
277
286
|
font-family: Inter;
|
|
278
287
|
color: ${t.COLORS.text.primary};
|
|
279
288
|
font-weight: ${t.FONTS.captionBold.fontWeight};
|
|
@@ -283,7 +292,7 @@
|
|
|
283
292
|
overflow: hidden;
|
|
284
293
|
display: -webkit-box;
|
|
285
294
|
-webkit-line-clamp: ${e=>e.numberOfLines};
|
|
286
|
-
`,
|
|
295
|
+
`,H=o.default.div`
|
|
287
296
|
font-family: Inter;
|
|
288
297
|
color: ${t.COLORS.text.primary};
|
|
289
298
|
font-weight: ${t.FONTS.tiny.fontWeight};
|
|
@@ -293,5 +302,5 @@
|
|
|
293
302
|
overflow: hidden;
|
|
294
303
|
display: -webkit-box;
|
|
295
304
|
-webkit-line-clamp: ${e=>e.numberOfLines};
|
|
296
|
-
`;exports.AiBodyCaption=s,exports.AiBodyTiny
|
|
305
|
+
`;exports.AiBodyCaption=s,exports.AiBodyTiny=m,exports.BodyCaption=w,exports.BodyLarge=O,exports.BodyPrimary=h,exports.BodyPrimaryLink=p,exports.BodyRegular=F,exports.BodySecondary=g,exports.BodySecondaryLink=y,exports.BodySmall=R,exports.BodyTiny=x,exports.BodyTinySemiBold=$,exports.ButtonLarge=u,exports.ButtonLargeAI=k,exports.ButtonRegular=T,exports.ButtonRegularAI=S,exports.Caption=N,exports.CaptionBold=C,exports.Display=c,exports.SmallRegular=f,exports.SubHeading=v,exports.TextPlaceholder=L,exports.Tiny=H,exports.TitleFour=z,exports.TitleLarge=r,exports.TitleMedium=a,exports.TitleRegular=d,exports.TitleSmall=b,exports.TitleXlarge=l;
|
|
297
306
|
//# sourceMappingURL=TypographyStyle.js.map
|
|
@@ -1 +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};\ninterface 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","undefined","TitleXlarge","styled","div","props","color","COLORS","text","primary","FONTS","titleXLarge","fontWeight","fontSize","lineHeight","numberOfLines","TitleLarge","titleLarge","TitleMedium","titleMedium","SmallRegular","title4","TitleRegular","titleRegular","TitleSmall","titleSmall","Display","display","BodyLarge","bodyPrimary","bodyLarge","BodyPrimary","BodySecondary","_a","customStyles","width","bodySecondary","ButtonRegularAI","BodyPrimaryLink","content","brand","BodySecondaryLink","BodyCaption","caption","AiBodyCaption","BodyTiny","tiny","AiBodyTiny","ButtonLarge","buttonLarge","ButtonLargeAI","ButtonRegular","buttonRegular","SubHeading","subHeading","BodyRegular","bodyRegular","Caption","TextPlaceholder","textPlaceholder","TitleFour","BodySmall","bodySmall","CaptionBold","captionBold","Tiny"],"mappings":"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"}
|
|
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};\ninterface 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 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","undefined","TitleXlarge","styled","div","props","color","COLORS","text","primary","FONTS","titleXLarge","fontWeight","fontSize","lineHeight","numberOfLines","TitleLarge","titleLarge","TitleMedium","titleMedium","SmallRegular","title4","TitleRegular","titleRegular","TitleSmall","titleSmall","Display","display","BodyLarge","bodyPrimary","bodyLarge","BodyPrimary","BodySecondary","_a","customStyles","width","bodySecondary","ButtonRegularAI","BodyPrimaryLink","content","brand","BodySecondaryLink","BodyCaption","caption","AiBodyCaption","BodyTiny","tiny","BodyTinySemiBold","bodyTinySemiBold","AiBodyTiny","ButtonLarge","buttonLarge","ButtonLargeAI","ButtonRegular","buttonRegular","SubHeading","subHeading","BodyRegular","bodyRegular","Caption","TextPlaceholder","textPlaceholder","TitleFour","BodySmall","bodySmall","CaptionBold","captionBold","Tiny"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});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};exports.BASE_COLORS=e,exports.COLORS=t,exports.DEFAULT_THEME=n,exports.FONTS=i;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e={brand:{900:"#28034E",850:"#360A63",800:"#4B1583",700:"#5E3A83",500:"#731DCF",100:"#F3EDF9",50:"#EFE6F9",10:"#F9F3FF",7:"#F7F2FC",5:"#FDFBFF"},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],brandUltraLight:e.brand[7],brandGhost:e.brand[5],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},bodyTinySemiBold:{fontWeight:"600",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};exports.BASE_COLORS=e,exports.COLORS=t,exports.DEFAULT_THEME=n,exports.FONTS=i;
|
|
2
2
|
//# sourceMappingURL=Theme.js.map
|
|
@@ -1 +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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"}
|
|
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\t7: '#F7F2FC',\n\t\t5: '#FDFBFF',\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\tbrandUltraLight: BASE_COLORS.brand['7'],\n\t\tbrandGhost: BASE_COLORS.brand['5'],\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\tbodyTinySemiBold: {\n\t\tfontWeight: '600',\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","brandUltraLight","brandGhost","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","bodyTinySemiBold","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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"}
|