igloo-d2c-components 1.1.11 → 1.1.12-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 +10 -6
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +10 -6
- package/dist/esm/index.js.map +1 -1
- package/package.json +2 -1
package/dist/cjs/index.js
CHANGED
|
@@ -313,6 +313,13 @@ const ammetlifeTypography = {
|
|
|
313
313
|
lineHeight: '38px',
|
|
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
|
+
},
|
|
316
323
|
},
|
|
317
324
|
// Title Medium (H2) - MetLife Circular Bold 16/24
|
|
318
325
|
titleMedium: {
|
|
@@ -5255,15 +5262,12 @@ const ChecklistTitle = styles.styled(material.Typography)({
|
|
|
5255
5262
|
wordSpacing: '0px',
|
|
5256
5263
|
fontFamily: '"MetLifeCircular", "Montserrat", sans-serif',
|
|
5257
5264
|
});
|
|
5258
|
-
const ChecklistGrid = styles.styled(material.Box)(
|
|
5265
|
+
const ChecklistGrid = styles.styled(material.Box)({
|
|
5259
5266
|
display: 'grid',
|
|
5260
5267
|
gridTemplateColumns: 'repeat(2, minmax(0, 1fr))',
|
|
5261
5268
|
columnGap: '8px',
|
|
5262
5269
|
rowGap: '0px',
|
|
5263
|
-
|
|
5264
|
-
gridTemplateColumns: 'repeat(4, minmax(0, 1fr))',
|
|
5265
|
-
},
|
|
5266
|
-
}));
|
|
5270
|
+
});
|
|
5267
5271
|
const ChecklistOptionLabel = styles.styled(material.Typography)({
|
|
5268
5272
|
fontSize: '12px',
|
|
5269
5273
|
fontWeight: 400,
|
|
@@ -5361,7 +5365,7 @@ const HealthQuestionGroup = ({ description, bullets, question, questionNumber, v
|
|
|
5361
5365
|
}, children: description })), jsxRuntime.jsxs(QuestionText, { children: [questionNumber && `${questionNumber}. `, question] }), Boolean(bullets?.length) && (jsxRuntime.jsx(material.Box, { sx: {
|
|
5362
5366
|
display: 'flex',
|
|
5363
5367
|
flexDirection: { xs: 'column', md: 'row' },
|
|
5364
|
-
gap: '16px',
|
|
5368
|
+
// gap: '16px',
|
|
5365
5369
|
width: '100%',
|
|
5366
5370
|
}, children: bulletColumns.map((columnBullets, columnIndex) => (jsxRuntime.jsx(material.Box, { sx: { flex: '1 0 0', minWidth: 0 }, children: jsxRuntime.jsx("ul", { style: {
|
|
5367
5371
|
margin: '0',
|