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/esm/index.js
CHANGED
|
@@ -278,6 +278,13 @@ const ammetlifeTypography = {
|
|
|
278
278
|
lineHeight: '38px',
|
|
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
|
+
},
|
|
281
288
|
},
|
|
282
289
|
// Title Medium (H2) - MetLife Circular Bold 16/24
|
|
283
290
|
titleMedium: {
|
|
@@ -5220,15 +5227,12 @@ const ChecklistTitle = styled(Typography)({
|
|
|
5220
5227
|
wordSpacing: '0px',
|
|
5221
5228
|
fontFamily: '"MetLifeCircular", "Montserrat", sans-serif',
|
|
5222
5229
|
});
|
|
5223
|
-
const ChecklistGrid = styled(Box)(
|
|
5230
|
+
const ChecklistGrid = styled(Box)({
|
|
5224
5231
|
display: 'grid',
|
|
5225
5232
|
gridTemplateColumns: 'repeat(2, minmax(0, 1fr))',
|
|
5226
5233
|
columnGap: '8px',
|
|
5227
5234
|
rowGap: '0px',
|
|
5228
|
-
|
|
5229
|
-
gridTemplateColumns: 'repeat(4, minmax(0, 1fr))',
|
|
5230
|
-
},
|
|
5231
|
-
}));
|
|
5235
|
+
});
|
|
5232
5236
|
const ChecklistOptionLabel = styled(Typography)({
|
|
5233
5237
|
fontSize: '12px',
|
|
5234
5238
|
fontWeight: 400,
|
|
@@ -5326,7 +5330,7 @@ const HealthQuestionGroup = ({ description, bullets, question, questionNumber, v
|
|
|
5326
5330
|
}, children: description })), jsxs(QuestionText, { children: [questionNumber && `${questionNumber}. `, question] }), Boolean(bullets?.length) && (jsx(Box, { sx: {
|
|
5327
5331
|
display: 'flex',
|
|
5328
5332
|
flexDirection: { xs: 'column', md: 'row' },
|
|
5329
|
-
gap: '16px',
|
|
5333
|
+
// gap: '16px',
|
|
5330
5334
|
width: '100%',
|
|
5331
5335
|
}, children: bulletColumns.map((columnBullets, columnIndex) => (jsx(Box, { sx: { flex: '1 0 0', minWidth: 0 }, children: jsx("ul", { style: {
|
|
5332
5336
|
margin: '0',
|