@manamerge/mana-atomic-ui 1.0.187 → 1.0.189
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 +14 -16
- package/dist/index.js.map +1 -1
- package/dist/themes/themes/davidWeb/fonts/Gilmer-Bold.woff2 +0 -0
- package/dist/themes/themes/davidWeb/fonts/Gilmer-Heavy.woff2 +0 -0
- package/dist/themes/themes/davidWeb/fonts/Gilmer-Light.woff2 +0 -0
- package/dist/themes/themes/davidWeb/fonts/Gilmer-Medium.woff2 +0 -0
- package/dist/themes/themes/davidWeb/fonts/Gilmer-Regular.woff2 +0 -0
- package/dist/themes/themes/davidWeb/fonts/Springwood/SpringwoodBrush-Italic.woff2 +0 -0
- package/dist/themes/themes/davidWeb/fonts/Springwood/SpringwoodBrush-Regular.woff2 +0 -0
- 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/fonts/Gilmer-Bold.woff2 +0 -0
- package/dist/themes/themes/manamerge/fonts/Gilmer-Heavy.woff2 +0 -0
- package/dist/themes/themes/manamerge/fonts/Gilmer-Light.woff2 +0 -0
- package/dist/themes/themes/manamerge/fonts/Gilmer-Medium.woff2 +0 -0
- package/dist/themes/themes/manamerge/fonts/Gilmer-Regular.woff2 +0 -0
- package/dist/themes/themes/manamerge/miscellaneous/colorpalette.ts +3 -5
- package/dist/themes/themes/manamerge/molecules/accordion.ts +18 -9
- package/dist/themes/themes/manamerge/molecules/cardBanner.ts +1 -1
- package/dist/themes/themes/manamerge/molecules/cardSimpleRender.ts +5 -5
- package/dist/types/components/Molecules/CardSimpleRender/CardSimpleRender.stories copy.d.ts +11 -0
- package/dist/types/themes/DavidWebTheme.d.ts +8 -1
- package/dist/types/themes/ManamergeTheme.d.ts +15 -5
- package/dist/types/themes/manamerge/miscellaneous/colorpalette.d.ts +2 -4
- package/dist/types/themes/manamerge/molecules/accordion.d.ts +8 -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;
|
|
@@ -1444,6 +1443,7 @@ const AccordionContainer = styled.div `
|
|
|
1444
1443
|
return css `
|
|
1445
1444
|
width: ${(thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.width) || "100%"};
|
|
1446
1445
|
border-radius: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.borderRadius};
|
|
1446
|
+
border: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.border};
|
|
1447
1447
|
overflow: hidden;
|
|
1448
1448
|
`;
|
|
1449
1449
|
}};
|
|
@@ -1462,14 +1462,14 @@ const AccordionTitle = styled.button `
|
|
|
1462
1462
|
gap: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.gap};
|
|
1463
1463
|
cursor: pointer;
|
|
1464
1464
|
background: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.backgroundTitle};
|
|
1465
|
+
transition: ${(thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.transition) || "all 0.2s ease"};
|
|
1465
1466
|
&:hover {
|
|
1466
1467
|
background: ${(_b = thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.hover) === null || _b === void 0 ? void 0 : _b.background};
|
|
1467
1468
|
}
|
|
1468
1469
|
&:focus-visible {
|
|
1469
1470
|
outline: ${((_c = thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.focusVisible) === null || _c === void 0 ? void 0 : _c.outline) ||
|
|
1470
1471
|
"#0078d4 2px solid"};
|
|
1471
|
-
outline-offset: ${(
|
|
1472
|
-
"1px"};
|
|
1472
|
+
outline-offset: ${(_d = thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.focusVisible) === null || _d === void 0 ? void 0 : _d.outlineOffset};
|
|
1473
1473
|
}
|
|
1474
1474
|
> * {
|
|
1475
1475
|
padding: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.paddingTitle};
|
|
@@ -1494,23 +1494,21 @@ const AccordionDescription = styled.div `
|
|
|
1494
1494
|
opacity 0.6s ease;
|
|
1495
1495
|
`;
|
|
1496
1496
|
const AtomHeading = styled(Heading).attrs(({ theme, moleculeVariant }) => {
|
|
1497
|
-
var _a, _b, _c;
|
|
1497
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
1498
1498
|
return ({
|
|
1499
|
-
variant: (
|
|
1499
|
+
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,
|
|
1500
|
+
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,
|
|
1501
|
+
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
1502
|
});
|
|
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
|
-
`;
|
|
1503
|
+
}) ``;
|
|
1510
1504
|
const AtomIcon = styled(Icon).attrs(({ theme, moleculeVariant }) => {
|
|
1511
|
-
var _a, _b, _c;
|
|
1505
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
1512
1506
|
return ({
|
|
1513
|
-
variant: (
|
|
1507
|
+
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,
|
|
1508
|
+
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,
|
|
1509
|
+
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,
|
|
1510
|
+
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,
|
|
1511
|
+
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
1512
|
});
|
|
1515
1513
|
}) `
|
|
1516
1514
|
min-width: fit-content;
|