@manamerge/mana-atomic-ui 1.0.187 → 1.0.188
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/index.js +13 -16
- package/dist/index.js.map +1 -1
- package/dist/themes/themes/manamerge/atoms/button.ts +3 -3
- package/dist/themes/themes/manamerge/atoms/icon.ts +1 -1
- package/dist/themes/themes/manamerge/miscellaneous/colorpalette.ts +2 -5
- package/dist/themes/themes/manamerge/molecules/accordion.ts +17 -9
- package/dist/themes/themes/manamerge/molecules/cardBanner.ts +1 -1
- package/dist/themes/themes/manamerge/molecules/cardSimpleRender.ts +5 -5
- package/dist/types/themes/DavidWebTheme.d.ts +7 -1
- package/dist/types/themes/ManamergeTheme.d.ts +13 -5
- package/dist/types/themes/manamerge/miscellaneous/colorpalette.d.ts +1 -4
- package/dist/types/themes/manamerge/molecules/accordion.d.ts +7 -1
- package/dist/types/themes/manamerge/molecules/cardBanner.d.ts +1 -0
- package/dist/types/themes/manamerge/molecules/cardSimpleRender.d.ts +4 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1308,7 +1308,6 @@ const Card$1 = styled.div `
|
|
|
1308
1308
|
`}
|
|
1309
1309
|
border: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.border};
|
|
1310
1310
|
outline: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.outline};
|
|
1311
|
-
/* outline-offset: ${(thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.outlineOffset) || "-2px"}; */
|
|
1312
1311
|
border-radius: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.borderRadius};
|
|
1313
1312
|
box-shadow: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.boxShadow};
|
|
1314
1313
|
box-sizing: border-box;
|
|
@@ -1462,14 +1461,14 @@ const AccordionTitle = styled.button `
|
|
|
1462
1461
|
gap: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.gap};
|
|
1463
1462
|
cursor: pointer;
|
|
1464
1463
|
background: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.backgroundTitle};
|
|
1464
|
+
transition: ${(thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.transition) || "all 0.2s ease"};
|
|
1465
1465
|
&:hover {
|
|
1466
1466
|
background: ${(_b = thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.hover) === null || _b === void 0 ? void 0 : _b.background};
|
|
1467
1467
|
}
|
|
1468
1468
|
&:focus-visible {
|
|
1469
1469
|
outline: ${((_c = thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.focusVisible) === null || _c === void 0 ? void 0 : _c.outline) ||
|
|
1470
1470
|
"#0078d4 2px solid"};
|
|
1471
|
-
outline-offset: ${(
|
|
1472
|
-
"1px"};
|
|
1471
|
+
outline-offset: ${(_d = thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.focusVisible) === null || _d === void 0 ? void 0 : _d.outlineOffset};
|
|
1473
1472
|
}
|
|
1474
1473
|
> * {
|
|
1475
1474
|
padding: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.paddingTitle};
|
|
@@ -1494,23 +1493,21 @@ const AccordionDescription = styled.div `
|
|
|
1494
1493
|
opacity 0.6s ease;
|
|
1495
1494
|
`;
|
|
1496
1495
|
const AtomHeading = styled(Heading).attrs(({ theme, moleculeVariant }) => {
|
|
1497
|
-
var _a, _b, _c;
|
|
1496
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
1498
1497
|
return ({
|
|
1499
|
-
variant: (
|
|
1498
|
+
variant: (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.accordion) === null || _a === void 0 ? void 0 : _a[moleculeVariant]) === null || _b === void 0 ? void 0 : _b.atomHeading) === null || _c === void 0 ? void 0 : _c.variant,
|
|
1499
|
+
asTag: (_f = (_e = (_d = theme === null || theme === void 0 ? void 0 : theme.accordion) === null || _d === void 0 ? void 0 : _d[moleculeVariant]) === null || _e === void 0 ? void 0 : _e.atomHeading) === null || _f === void 0 ? void 0 : _f.asTag,
|
|
1500
|
+
vColor: (_j = (_h = (_g = theme === null || theme === void 0 ? void 0 : theme.accordion) === null || _g === void 0 ? void 0 : _g[moleculeVariant]) === null || _h === void 0 ? void 0 : _h.atomHeading) === null || _j === void 0 ? void 0 : _j.vColor
|
|
1500
1501
|
});
|
|
1501
|
-
})
|
|
1502
|
-
${({ theme, moleculeVariant }) => {
|
|
1503
|
-
var _a, _b;
|
|
1504
|
-
const thisTheme = ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.accordion) === null || _a === void 0 ? void 0 : _a[moleculeVariant]) === null || _b === void 0 ? void 0 : _b.atomHeading) || {};
|
|
1505
|
-
return css `
|
|
1506
|
-
color: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.color};
|
|
1507
|
-
`;
|
|
1508
|
-
}};
|
|
1509
|
-
`;
|
|
1502
|
+
}) ``;
|
|
1510
1503
|
const AtomIcon = styled(Icon).attrs(({ theme, moleculeVariant }) => {
|
|
1511
|
-
var _a, _b, _c;
|
|
1504
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
1512
1505
|
return ({
|
|
1513
|
-
variant: (
|
|
1506
|
+
variant: (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.accordion) === null || _a === void 0 ? void 0 : _a[moleculeVariant]) === null || _b === void 0 ? void 0 : _b.atomIcon) === null || _c === void 0 ? void 0 : _c.variant,
|
|
1507
|
+
size: (_f = (_e = (_d = theme === null || theme === void 0 ? void 0 : theme.accordion) === null || _d === void 0 ? void 0 : _d[moleculeVariant]) === null || _e === void 0 ? void 0 : _e.atomIcon) === null || _f === void 0 ? void 0 : _f.size,
|
|
1508
|
+
color: (_j = (_h = (_g = theme === null || theme === void 0 ? void 0 : theme.accordion) === null || _g === void 0 ? void 0 : _g[moleculeVariant]) === null || _h === void 0 ? void 0 : _h.atomIcon) === null || _j === void 0 ? void 0 : _j.color,
|
|
1509
|
+
fill: (_m = (_l = (_k = theme === null || theme === void 0 ? void 0 : theme.accordion) === null || _k === void 0 ? void 0 : _k[moleculeVariant]) === null || _l === void 0 ? void 0 : _l.atomIcon) === null || _m === void 0 ? void 0 : _m.fill,
|
|
1510
|
+
stroke: (_q = (_p = (_o = theme === null || theme === void 0 ? void 0 : theme.accordion) === null || _o === void 0 ? void 0 : _o[moleculeVariant]) === null || _p === void 0 ? void 0 : _p.atomIcon) === null || _q === void 0 ? void 0 : _q.stroke
|
|
1514
1511
|
});
|
|
1515
1512
|
}) `
|
|
1516
1513
|
min-width: fit-content;
|