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/cjs/index.js
CHANGED
|
@@ -310,9 +310,24 @@ const ammetlifeTypography = {
|
|
|
310
310
|
fontSize: '28px',
|
|
311
311
|
fontStyle: 'normal',
|
|
312
312
|
fontWeight: 700,
|
|
313
|
-
lineHeight: '
|
|
313
|
+
lineHeight: '24px',
|
|
314
314
|
letterSpacing: 0,
|
|
315
315
|
wordSpacing: '0px',
|
|
316
|
+
'@media (max-width:600px)': {
|
|
317
|
+
fontSize: '20px',
|
|
318
|
+
fontStyle: 'normal',
|
|
319
|
+
fontWeight: 700,
|
|
320
|
+
lineHeight: '28px',
|
|
321
|
+
wordSpacing: '0px',
|
|
322
|
+
},
|
|
323
|
+
},
|
|
324
|
+
titleLargeMobile: {
|
|
325
|
+
fontSize: '28px',
|
|
326
|
+
fontStyle: 'normal',
|
|
327
|
+
fontWeight: 700,
|
|
328
|
+
lineHeight: '24px',
|
|
329
|
+
letterSpacing: '0px',
|
|
330
|
+
wordSpacing: '-10px',
|
|
316
331
|
},
|
|
317
332
|
// Title Medium (H2) - MetLife Circular Bold 16/24
|
|
318
333
|
titleMedium: {
|
|
@@ -5255,15 +5270,12 @@ const ChecklistTitle = styles.styled(material.Typography)({
|
|
|
5255
5270
|
wordSpacing: '0px',
|
|
5256
5271
|
fontFamily: '"MetLifeCircular", "Montserrat", sans-serif',
|
|
5257
5272
|
});
|
|
5258
|
-
const ChecklistGrid = styles.styled(material.Box)(
|
|
5273
|
+
const ChecklistGrid = styles.styled(material.Box)({
|
|
5259
5274
|
display: 'grid',
|
|
5260
5275
|
gridTemplateColumns: 'repeat(2, minmax(0, 1fr))',
|
|
5261
5276
|
columnGap: '8px',
|
|
5262
5277
|
rowGap: '0px',
|
|
5263
|
-
|
|
5264
|
-
gridTemplateColumns: 'repeat(4, minmax(0, 1fr))',
|
|
5265
|
-
},
|
|
5266
|
-
}));
|
|
5278
|
+
});
|
|
5267
5279
|
const ChecklistOptionLabel = styles.styled(material.Typography)({
|
|
5268
5280
|
fontSize: '12px',
|
|
5269
5281
|
fontWeight: 400,
|
|
@@ -5361,7 +5373,7 @@ const HealthQuestionGroup = ({ description, bullets, question, questionNumber, v
|
|
|
5361
5373
|
}, children: description })), jsxRuntime.jsxs(QuestionText, { children: [questionNumber && `${questionNumber}. `, question] }), Boolean(bullets?.length) && (jsxRuntime.jsx(material.Box, { sx: {
|
|
5362
5374
|
display: 'flex',
|
|
5363
5375
|
flexDirection: { xs: 'column', md: 'row' },
|
|
5364
|
-
gap: '16px',
|
|
5376
|
+
// gap: '16px',
|
|
5365
5377
|
width: '100%',
|
|
5366
5378
|
}, children: bulletColumns.map((columnBullets, columnIndex) => (jsxRuntime.jsx(material.Box, { sx: { flex: '1 0 0', minWidth: 0 }, children: jsxRuntime.jsx("ul", { style: {
|
|
5367
5379
|
margin: '0',
|