@manamerge/mana-atomic-ui 1.0.155 → 1.0.157
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.d.ts +1 -2
- package/dist/index.js +4 -5
- package/dist/index.js.map +1 -1
- package/dist/themes/themes/DavidWebTheme.ts +28 -42
- package/dist/themes/themes/davidWeb/atoms/heading.ts +164 -24
- package/dist/themes/themes/davidWeb/atoms/text.ts +46 -20
- package/dist/themes/themes/davidWeb/fonts/index.js +10 -7
- package/dist/themes/themes/manamerge/atoms/text.ts +14 -14
- package/dist/themes/themes/manamerge/molecules/breakerTape.ts +7 -11
- package/dist/types/components/Atoms/Text/Text.d.ts +1 -2
- package/dist/types/themes/DavidWebTheme.d.ts +358 -76
- package/dist/types/themes/ManamergeTheme.d.ts +15 -16
- package/dist/types/themes/davidWeb/atoms/heading.d.ts +144 -6
- package/dist/types/themes/davidWeb/atoms/text.d.ts +37 -15
- package/dist/types/themes/manamerge/atoms/text.d.ts +14 -14
- package/dist/types/themes/manamerge/molecules/breakerTape.d.ts +1 -2
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -13,11 +13,10 @@ interface ButtonTypes {
|
|
|
13
13
|
declare const Button: React.FC<ButtonTypes>;
|
|
14
14
|
|
|
15
15
|
interface TextTypes {
|
|
16
|
-
variant?:
|
|
16
|
+
variant?: "primary-light" | "primary-regular" | "primary-medium" | "primary-bold" | "primary-heavy" | "secondary-regular" | "secondary-italic";
|
|
17
17
|
children?: string;
|
|
18
18
|
htmlFor?: string;
|
|
19
19
|
margin?: string;
|
|
20
|
-
color?: string;
|
|
21
20
|
lineHeight?: string;
|
|
22
21
|
fontWeight?: string | number;
|
|
23
22
|
tag?: keyof JSX.IntrinsicElements;
|
package/dist/index.js
CHANGED
|
@@ -151,7 +151,7 @@ const TextContainer = styled.p `
|
|
|
151
151
|
font-weight: ${(props === null || props === void 0 ? void 0 : props.fontWeight) ||
|
|
152
152
|
(textStyles === null || textStyles === void 0 ? void 0 : textStyles.fontWeight) ||
|
|
153
153
|
"regular"};
|
|
154
|
-
font-family: ${
|
|
154
|
+
font-family: ${textStyles === null || textStyles === void 0 ? void 0 : textStyles.fontFamily};
|
|
155
155
|
font-style: ${(textStyles === null || textStyles === void 0 ? void 0 : textStyles.fontStyle) || "normal"};
|
|
156
156
|
color: ${(props === null || props === void 0 ? void 0 : props.vColor) || (textStyles === null || textStyles === void 0 ? void 0 : textStyles.vColor) || "inherit"};
|
|
157
157
|
`;
|
|
@@ -164,14 +164,14 @@ const TextContainerLabel = styled.label `
|
|
|
164
164
|
const textStyles = ((_b = theme === null || theme === void 0 ? void 0 : theme.text) === null || _b === void 0 ? void 0 : _b[variant]) || {};
|
|
165
165
|
return css `
|
|
166
166
|
margin: ${(props === null || props === void 0 ? void 0 : props.margin) || (textStyles === null || textStyles === void 0 ? void 0 : textStyles.margin)};
|
|
167
|
-
font-size: ${(props === null || props === void 0 ? void 0 : props.vFontSize) || (textStyles === null || textStyles === void 0 ? void 0 : textStyles.
|
|
167
|
+
font-size: ${(props === null || props === void 0 ? void 0 : props.vFontSize) || (textStyles === null || textStyles === void 0 ? void 0 : textStyles.fontSize)};
|
|
168
168
|
line-height: ${(props === null || props === void 0 ? void 0 : props.lineHeight) || (textStyles === null || textStyles === void 0 ? void 0 : textStyles.lineHeight)};
|
|
169
169
|
font-weight: ${(props === null || props === void 0 ? void 0 : props.fontWeight) ||
|
|
170
170
|
(textStyles === null || textStyles === void 0 ? void 0 : textStyles.fontWeight) ||
|
|
171
171
|
"regular"};
|
|
172
172
|
font-family: ${(textStyles === null || textStyles === void 0 ? void 0 : textStyles.fontFamily) || "inherit"};
|
|
173
173
|
font-style: ${(textStyles === null || textStyles === void 0 ? void 0 : textStyles.fontStyle) || "normal"};
|
|
174
|
-
color: ${(props === null || props === void 0 ? void 0 : props.vColor) || (textStyles === null || textStyles === void 0 ? void 0 : textStyles.
|
|
174
|
+
color: ${(props === null || props === void 0 ? void 0 : props.vColor) || (textStyles === null || textStyles === void 0 ? void 0 : textStyles.color) || "inherit"};
|
|
175
175
|
`;
|
|
176
176
|
}};
|
|
177
177
|
`;
|
|
@@ -1208,7 +1208,6 @@ const TextBreakerTape = styled(Text).attrs(({ theme, moleculeVariant }) => {
|
|
|
1208
1208
|
const textTheme = ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.breakerTape) === null || _a === void 0 ? void 0 : _a[moleculeVariant]) === null || _b === void 0 ? void 0 : _b.text) || {};
|
|
1209
1209
|
return css `
|
|
1210
1210
|
color: ${textTheme === null || textTheme === void 0 ? void 0 : textTheme.color};
|
|
1211
|
-
font-size: ${textTheme === null || textTheme === void 0 ? void 0 : textTheme.fontSize};
|
|
1212
1211
|
`;
|
|
1213
1212
|
}}
|
|
1214
1213
|
`;
|
|
@@ -1290,7 +1289,7 @@ const AtomText$2 = styled(Text).attrs(({ theme, moleculeVariant }) => {
|
|
|
1290
1289
|
|
|
1291
1290
|
const CardSimpleRender = ({ moleculeVariant = "primary", icon, title, description, children, onClick }) => {
|
|
1292
1291
|
const compVariant = `CardSimpleRender-${moleculeVariant}`;
|
|
1293
|
-
return (jsxs(Card$1, Object.assign({ className: classNames(compVariant), moleculeVariant: compVariant, as: onClick ? "button" : "div", onClick: onClick, cardHover: !!onClick }, { children: [jsxs("div", { children: [(icon || title) && (jsxs(WrapperLine, { children: [icon && (jsx(AtomIcon$2, { moleculeVariant: compVariant, svg: icon })), title && (jsx(AtomHeading$2, Object.assign({ moleculeVariant: compVariant }, { children: title })))] })), description && (jsx(AtomText$2, Object.assign({ moleculeVariant: compVariant }, { children: description })))] }), children] })));
|
|
1292
|
+
return (jsxs(Card$1, Object.assign({ className: classNames(compVariant), moleculeVariant: compVariant, as: onClick ? "button" : "div", onClick: onClick, cardHover: !!onClick }, { children: [(icon || title || description) && (jsxs("div", { children: [(icon || title) && (jsxs(WrapperLine, { children: [icon && (jsx(AtomIcon$2, { moleculeVariant: compVariant, svg: icon })), title && (jsx(AtomHeading$2, Object.assign({ moleculeVariant: compVariant }, { children: title })))] })), description && (jsx(AtomText$2, Object.assign({ moleculeVariant: compVariant }, { children: description })))] })), children] })));
|
|
1294
1293
|
};
|
|
1295
1294
|
|
|
1296
1295
|
const Card = styled.div `
|