@manamerge/mana-atomic-ui 1.0.184 → 1.0.186
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 +22 -14
- package/dist/index.js.map +1 -1
- package/dist/themes/themes/manamerge/atoms/button.ts +50 -0
- package/dist/themes/themes/manamerge/layouts/pint3.ts +3 -3
- package/dist/themes/themes/manamerge/molecules/cardBanner.ts +11 -7
- package/dist/themes/themes/manamerge/molecules/cardSimpleRender.ts +3 -3
- package/dist/types/components/Atoms/Button/Button.stories.d.ts +2 -0
- package/dist/types/components/Layouts/Pint3/Pint3.stories.d.ts +1 -0
- package/dist/types/themes/ManamergeTheme.d.ts +55 -2
- package/dist/types/themes/manamerge/atoms/button.d.ts +48 -0
- package/dist/types/themes/manamerge/layouts/pint3.d.ts +2 -1
- package/dist/types/themes/manamerge/molecules/cardBanner.d.ts +4 -1
- package/dist/types/themes/manamerge/molecules/cardSimpleRender.d.ts +1 -0
- package/package.json +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/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/types/components/Molecules/CardSimpleRender/CardSimpleRender.stories copy.d.ts +0 -11
package/dist/index.js
CHANGED
|
@@ -1340,7 +1340,9 @@ const AtomIcon$2 = styled(Icon).attrs(({ theme, moleculeVariant }) => {
|
|
|
1340
1340
|
fill: (_f = (_e = (_d = theme === null || theme === void 0 ? void 0 : theme.cardSimpleRender) === null || _d === void 0 ? void 0 : _d[moleculeVariant]) === null || _e === void 0 ? void 0 : _e.atomIcon) === null || _f === void 0 ? void 0 : _f.fill,
|
|
1341
1341
|
stroke: (_j = (_h = (_g = theme === null || theme === void 0 ? void 0 : theme.cardSimpleRender) === null || _g === void 0 ? void 0 : _g[moleculeVariant]) === null || _h === void 0 ? void 0 : _h.atomIcon) === null || _j === void 0 ? void 0 : _j.stroke
|
|
1342
1342
|
});
|
|
1343
|
-
})
|
|
1343
|
+
}) `
|
|
1344
|
+
min-width: fit-content;
|
|
1345
|
+
`;
|
|
1344
1346
|
const AtomHeading$2 = styled(Heading).attrs(({ theme, moleculeVariant }) => {
|
|
1345
1347
|
var _a, _b, _c, _d, _e, _f;
|
|
1346
1348
|
return ({
|
|
@@ -1388,15 +1390,18 @@ const Card = styled.div `
|
|
|
1388
1390
|
}}
|
|
1389
1391
|
`;
|
|
1390
1392
|
const AtomHeading$1 = styled(Heading).attrs(({ theme, moleculeVariant }) => {
|
|
1391
|
-
var _a, _b, _c;
|
|
1393
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
1392
1394
|
return ({
|
|
1393
|
-
variant: (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.cardBanner) === null || _a === void 0 ? void 0 : _a[moleculeVariant]) === null || _b === void 0 ? void 0 : _b.atomHeading) === null || _c === void 0 ? void 0 : _c.variant
|
|
1395
|
+
variant: (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.cardBanner) === null || _a === void 0 ? void 0 : _a[moleculeVariant]) === null || _b === void 0 ? void 0 : _b.atomHeading) === null || _c === void 0 ? void 0 : _c.variant,
|
|
1396
|
+
asTag: (_f = (_e = (_d = theme === null || theme === void 0 ? void 0 : theme.cardBanner) === null || _d === void 0 ? void 0 : _d[moleculeVariant]) === null || _e === void 0 ? void 0 : _e.atomHeading) === null || _f === void 0 ? void 0 : _f.asTag,
|
|
1397
|
+
vColor: (_j = (_h = (_g = theme === null || theme === void 0 ? void 0 : theme.cardBanner) === null || _g === void 0 ? void 0 : _g[moleculeVariant]) === null || _h === void 0 ? void 0 : _h.atomHeading) === null || _j === void 0 ? void 0 : _j.vColor
|
|
1394
1398
|
});
|
|
1395
1399
|
}) ``;
|
|
1396
1400
|
const AtomText$1 = styled(Text).attrs(({ theme, moleculeVariant }) => {
|
|
1397
|
-
var _a, _b, _c;
|
|
1401
|
+
var _a, _b, _c, _d, _e, _f;
|
|
1398
1402
|
return ({
|
|
1399
|
-
variant: (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.cardBanner) === null || _a === void 0 ? void 0 : _a[moleculeVariant]) === null || _b === void 0 ? void 0 : _b.atomText) === null || _c === void 0 ? void 0 : _c.variant
|
|
1403
|
+
variant: (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.cardBanner) === null || _a === void 0 ? void 0 : _a[moleculeVariant]) === null || _b === void 0 ? void 0 : _b.atomText) === null || _c === void 0 ? void 0 : _c.variant,
|
|
1404
|
+
vColor: (_f = (_e = (_d = theme === null || theme === void 0 ? void 0 : theme.cardBanner) === null || _d === void 0 ? void 0 : _d[moleculeVariant]) === null || _e === void 0 ? void 0 : _e.atomText) === null || _f === void 0 ? void 0 : _f.vColor
|
|
1400
1405
|
});
|
|
1401
1406
|
}) ``;
|
|
1402
1407
|
const AtomButton = styled(Button).attrs(({ theme, moleculeVariant }) => {
|
|
@@ -1406,11 +1411,12 @@ const AtomButton = styled(Button).attrs(({ theme, moleculeVariant }) => {
|
|
|
1406
1411
|
});
|
|
1407
1412
|
}) ``;
|
|
1408
1413
|
const AtomIcon$1 = styled(Icon).attrs(({ theme, moleculeVariant }) => {
|
|
1409
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
1414
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
1410
1415
|
return ({
|
|
1411
1416
|
variant: (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.cardBanner) === null || _a === void 0 ? void 0 : _a[moleculeVariant]) === null || _b === void 0 ? void 0 : _b.atomIcon) === null || _c === void 0 ? void 0 : _c.variant,
|
|
1412
1417
|
stroke: (_f = (_e = (_d = theme === null || theme === void 0 ? void 0 : theme.cardBanner) === null || _d === void 0 ? void 0 : _d[moleculeVariant]) === null || _e === void 0 ? void 0 : _e.atomIcon) === null || _f === void 0 ? void 0 : _f.stroke,
|
|
1413
|
-
|
|
1418
|
+
fill: (_j = (_h = (_g = theme === null || theme === void 0 ? void 0 : theme.cardBanner) === null || _g === void 0 ? void 0 : _g[moleculeVariant]) === null || _h === void 0 ? void 0 : _h.atomIcon) === null || _j === void 0 ? void 0 : _j.fill,
|
|
1419
|
+
color: (_m = (_l = (_k = theme === null || theme === void 0 ? void 0 : theme.cardBanner) === null || _k === void 0 ? void 0 : _k[moleculeVariant]) === null || _l === void 0 ? void 0 : _l.atomIcon) === null || _m === void 0 ? void 0 : _m.color
|
|
1414
1420
|
});
|
|
1415
1421
|
}) ``;
|
|
1416
1422
|
|
|
@@ -1531,23 +1537,25 @@ const Layout = styled.div `
|
|
|
1531
1537
|
return css `
|
|
1532
1538
|
display: flex;
|
|
1533
1539
|
flex-wrap: wrap;
|
|
1540
|
+
/* align-items: stretch; */
|
|
1534
1541
|
justify-content: center;
|
|
1535
1542
|
gap: ${(thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.gap) || "10px"};
|
|
1536
|
-
height: ${(thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.height) || "500px"};
|
|
1537
1543
|
max-width: ${(thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.maxWidth) || "1100px"};
|
|
1544
|
+
min-height: ${(thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.minHeight) || "500px"};
|
|
1545
|
+
/* align-content: flex-start; */
|
|
1538
1546
|
`;
|
|
1539
1547
|
}}
|
|
1540
1548
|
`;
|
|
1541
1549
|
const Column = styled.div `
|
|
1542
1550
|
${({ theme, moleculeVariant }) => {
|
|
1543
|
-
var _a, _b, _c, _d;
|
|
1551
|
+
var _a, _b, _c, _d, _e;
|
|
1544
1552
|
const thisTheme = ((_a = theme === null || theme === void 0 ? void 0 : theme.pint3) === null || _a === void 0 ? void 0 : _a[moleculeVariant]) || {};
|
|
1545
1553
|
return css `
|
|
1546
1554
|
flex: 1 1 0;
|
|
1547
|
-
height:
|
|
1548
|
-
gap: ${((
|
|
1549
|
-
min-width: ${((
|
|
1550
|
-
max-width: ${((
|
|
1555
|
+
min-height: ${((_b = thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.column) === null || _b === void 0 ? void 0 : _b.minHeight) || "700px"};
|
|
1556
|
+
gap: ${((_c = thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.column) === null || _c === void 0 ? void 0 : _c.gap) || "10px"};
|
|
1557
|
+
min-width: ${((_d = thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.column) === null || _d === void 0 ? void 0 : _d.minWidth) || "200px"};
|
|
1558
|
+
max-width: ${((_e = thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.column) === null || _e === void 0 ? void 0 : _e.maxWidth) || "500px"};
|
|
1551
1559
|
white-space: normal;
|
|
1552
1560
|
display: flex;
|
|
1553
1561
|
flex-direction: column;
|
|
@@ -1566,7 +1574,7 @@ const Element = styled.div `
|
|
|
1566
1574
|
|
|
1567
1575
|
const Pint3 = ({ moleculeVariant = "primary", cards }) => {
|
|
1568
1576
|
const compVariant = `Pint3-${moleculeVariant}`;
|
|
1569
|
-
return (jsxs(Layout, Object.assign({ className: classNames(compVariant), moleculeVariant: compVariant }, { children: [jsxs(Column, Object.assign({ moleculeVariant: compVariant }, { children: [jsx(Element, Object.assign({ weight:
|
|
1577
|
+
return (jsxs(Layout, Object.assign({ className: classNames(compVariant), moleculeVariant: compVariant }, { children: [jsxs(Column, Object.assign({ moleculeVariant: compVariant }, { children: [jsx(Element, Object.assign({ weight: 2 }, { children: cards === null || cards === void 0 ? void 0 : cards[0] })), jsx(Element, Object.assign({ weight: 8 }, { children: cards === null || cards === void 0 ? void 0 : cards[1] }))] })), jsxs(Column, Object.assign({ moleculeVariant: compVariant }, { children: [jsx(Element, Object.assign({ weight: 6 }, { children: cards === null || cards === void 0 ? void 0 : cards[2] })), jsx(Element, Object.assign({ weight: 1 }, { children: cards === null || cards === void 0 ? void 0 : cards[3] })), jsx(Element, Object.assign({ weight: 3 }, { children: cards === null || cards === void 0 ? void 0 : cards[4] }))] })), jsxs(Column, Object.assign({ moleculeVariant: compVariant }, { children: [jsx(Element, Object.assign({ weight: 3.5 }, { children: cards === null || cards === void 0 ? void 0 : cards[5] })), jsx(Element, Object.assign({ weight: 6.5 }, { children: cards === null || cards === void 0 ? void 0 : cards[6] }))] }))] })));
|
|
1570
1578
|
};
|
|
1571
1579
|
|
|
1572
1580
|
export { Accordion, BreakerTape, Button, CDNImage, CardBanner, CardSimpleRender, CardTeaser, Divider, Footer, Gradient, Header, Heading, Icon, Link, Navigation, Pint3, Text };
|