igloo-d2c-components 1.1.11 → 1.1.13-non-prod
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/index.js +19 -7
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +19 -7
- package/dist/esm/index.js.map +1 -1
- package/package.json +2 -1
package/dist/esm/index.js
CHANGED
|
@@ -275,9 +275,24 @@ const ammetlifeTypography = {
|
|
|
275
275
|
fontSize: '28px',
|
|
276
276
|
fontStyle: 'normal',
|
|
277
277
|
fontWeight: 700,
|
|
278
|
-
lineHeight: '
|
|
278
|
+
lineHeight: '24px',
|
|
279
279
|
letterSpacing: 0,
|
|
280
280
|
wordSpacing: '0px',
|
|
281
|
+
'@media (max-width:600px)': {
|
|
282
|
+
fontSize: '20px',
|
|
283
|
+
fontStyle: 'normal',
|
|
284
|
+
fontWeight: 700,
|
|
285
|
+
lineHeight: '28px',
|
|
286
|
+
wordSpacing: '0px',
|
|
287
|
+
},
|
|
288
|
+
},
|
|
289
|
+
titleLargeMobile: {
|
|
290
|
+
fontSize: '28px',
|
|
291
|
+
fontStyle: 'normal',
|
|
292
|
+
fontWeight: 700,
|
|
293
|
+
lineHeight: '24px',
|
|
294
|
+
letterSpacing: '0px',
|
|
295
|
+
wordSpacing: '-10px',
|
|
281
296
|
},
|
|
282
297
|
// Title Medium (H2) - MetLife Circular Bold 16/24
|
|
283
298
|
titleMedium: {
|
|
@@ -5220,15 +5235,12 @@ const ChecklistTitle = styled(Typography)({
|
|
|
5220
5235
|
wordSpacing: '0px',
|
|
5221
5236
|
fontFamily: '"MetLifeCircular", "Montserrat", sans-serif',
|
|
5222
5237
|
});
|
|
5223
|
-
const ChecklistGrid = styled(Box)(
|
|
5238
|
+
const ChecklistGrid = styled(Box)({
|
|
5224
5239
|
display: 'grid',
|
|
5225
5240
|
gridTemplateColumns: 'repeat(2, minmax(0, 1fr))',
|
|
5226
5241
|
columnGap: '8px',
|
|
5227
5242
|
rowGap: '0px',
|
|
5228
|
-
|
|
5229
|
-
gridTemplateColumns: 'repeat(4, minmax(0, 1fr))',
|
|
5230
|
-
},
|
|
5231
|
-
}));
|
|
5243
|
+
});
|
|
5232
5244
|
const ChecklistOptionLabel = styled(Typography)({
|
|
5233
5245
|
fontSize: '12px',
|
|
5234
5246
|
fontWeight: 400,
|
|
@@ -5326,7 +5338,7 @@ const HealthQuestionGroup = ({ description, bullets, question, questionNumber, v
|
|
|
5326
5338
|
}, children: description })), jsxs(QuestionText, { children: [questionNumber && `${questionNumber}. `, question] }), Boolean(bullets?.length) && (jsx(Box, { sx: {
|
|
5327
5339
|
display: 'flex',
|
|
5328
5340
|
flexDirection: { xs: 'column', md: 'row' },
|
|
5329
|
-
gap: '16px',
|
|
5341
|
+
// gap: '16px',
|
|
5330
5342
|
width: '100%',
|
|
5331
5343
|
}, children: bulletColumns.map((columnBullets, columnIndex) => (jsx(Box, { sx: { flex: '1 0 0', minWidth: 0 }, children: jsx("ul", { style: {
|
|
5332
5344
|
margin: '0',
|