@tydavidson/design-system 1.0.1 → 1.0.3
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/components/email/button.js +21 -30
- package/dist/components/email/button.js.map +1 -1
- package/dist/components/email/index.js +15 -3
- package/dist/components/email/index.js.map +1 -1
- package/dist/components/email/layout.js +75 -81
- package/dist/components/email/layout.js.map +1 -1
- package/dist/components/email/typography.js +14 -19
- package/dist/components/email/typography.js.map +1 -1
- package/dist/components/typography/heading/heading.js +48 -35
- package/dist/components/typography/heading/heading.js.map +1 -1
- package/dist/components/typography/heading/heading.stories.js +18 -15
- package/dist/components/typography/heading/heading.stories.js.map +1 -1
- package/dist/components/typography/heading/index.js +17 -1
- package/dist/components/typography/heading/index.js.map +1 -1
- package/dist/components/typography/index.js +20 -4
- package/dist/components/typography/index.js.map +1 -1
- package/dist/components/typography/showcase.js +10 -6
- package/dist/components/typography/showcase.js.map +1 -1
- package/dist/components/typography/text/index.js +17 -1
- package/dist/components/typography/text/index.js.map +1 -1
- package/dist/components/typography/text/text.js +44 -31
- package/dist/components/typography/text/text.js.map +1 -1
- package/dist/components/typography/text/text.stories.js +20 -17
- package/dist/components/typography/text/text.stories.js.map +1 -1
- package/dist/components/ui/accordion.js +48 -40
- package/dist/components/ui/accordion.js.map +1 -1
- package/dist/components/ui/alert.js +46 -39
- package/dist/components/ui/alert.js.map +1 -1
- package/dist/components/ui/aspect-ratio.js +39 -3
- package/dist/components/ui/aspect-ratio.js.map +1 -1
- package/dist/components/ui/avatar.js +45 -38
- package/dist/components/ui/avatar.js.map +1 -1
- package/dist/components/ui/badge.js +48 -34
- package/dist/components/ui/badge.js.map +1 -1
- package/dist/components/ui/breadcrumb.js +54 -51
- package/dist/components/ui/breadcrumb.js.map +1 -1
- package/dist/components/ui/button.js +52 -38
- package/dist/components/ui/button.js.map +1 -1
- package/dist/components/ui/calendar.js +38 -37
- package/dist/components/ui/calendar.js.map +1 -1
- package/dist/components/ui/card/card.js +54 -56
- package/dist/components/ui/card/card.js.map +1 -1
- package/dist/components/ui/card/index.js +17 -1
- package/dist/components/ui/card/index.js.map +1 -1
- package/dist/components/ui/card.js +52 -49
- package/dist/components/ui/card.js.map +1 -1
- package/dist/components/ui/checkbox.js +42 -31
- package/dist/components/ui/checkbox.js.map +1 -1
- package/dist/components/ui/collapsible.js +43 -5
- package/dist/components/ui/collapsible.js.map +1 -1
- package/dist/components/ui/command.js +68 -66
- package/dist/components/ui/command.js.map +1 -1
- package/dist/components/ui/context-menu.js +74 -69
- package/dist/components/ui/context-menu.js.map +1 -1
- package/dist/components/ui/dialog.js +60 -55
- package/dist/components/ui/dialog.js.map +1 -1
- package/dist/components/ui/dropdown-menu/dropdown-menu.js +59 -69
- package/dist/components/ui/dropdown-menu/dropdown-menu.js.map +1 -1
- package/dist/components/ui/dropdown-menu/index.js +17 -1
- package/dist/components/ui/dropdown-menu/index.js.map +1 -1
- package/dist/components/ui/header.js +13 -8
- package/dist/components/ui/header.js.map +1 -1
- package/dist/components/ui/hover-card.js +45 -32
- package/dist/components/ui/hover-card.js.map +1 -1
- package/dist/components/ui/index.js +30 -14
- package/dist/components/ui/index.js.map +1 -1
- package/dist/components/ui/input.js +41 -28
- package/dist/components/ui/input.js.map +1 -1
- package/dist/components/ui/label.js +43 -32
- package/dist/components/ui/label.js.map +1 -1
- package/dist/components/ui/nav.js +17 -34
- package/dist/components/ui/nav.js.map +1 -1
- package/dist/components/ui/org-switcher.js +46 -11
- package/dist/components/ui/org-switcher.js.map +1 -1
- package/dist/components/ui/popover.js +47 -33
- package/dist/components/ui/popover.js.map +1 -1
- package/dist/components/ui/progress.js +41 -30
- package/dist/components/ui/progress.js.map +1 -1
- package/dist/components/ui/radio-group.js +46 -33
- package/dist/components/ui/radio-group.js.map +1 -1
- package/dist/components/ui/select.js +62 -60
- package/dist/components/ui/select.js.map +1 -1
- package/dist/components/ui/separator.js +41 -30
- package/dist/components/ui/separator.js.map +1 -1
- package/dist/components/ui/sheet.js +62 -55
- package/dist/components/ui/sheet.js.map +1 -1
- package/dist/components/ui/sidebar.js +167 -161
- package/dist/components/ui/sidebar.js.map +1 -1
- package/dist/components/ui/skeleton.js +7 -28
- package/dist/components/ui/skeleton.js.map +1 -1
- package/dist/components/ui/slider.js +41 -30
- package/dist/components/ui/slider.js.map +1 -1
- package/dist/components/ui/switch.js +41 -30
- package/dist/components/ui/switch.js.map +1 -1
- package/dist/components/ui/tabs.js +47 -39
- package/dist/components/ui/tabs.js.map +1 -1
- package/dist/components/ui/textarea.js +41 -28
- package/dist/components/ui/textarea.js.map +1 -1
- package/dist/components/ui/theme-toggle/index.js +17 -1
- package/dist/components/ui/theme-toggle/index.js.map +1 -1
- package/dist/components/ui/theme-toggle/theme-toggle.js +17 -37
- package/dist/components/ui/theme-toggle/theme-toggle.js.map +1 -1
- package/dist/components/ui/toast.js +9 -30
- package/dist/components/ui/toast.js.map +1 -1
- package/dist/components/ui/toggle-group.js +43 -34
- package/dist/components/ui/toggle-group.js.map +1 -1
- package/dist/components/ui/toggle.js +41 -30
- package/dist/components/ui/toggle.js.map +1 -1
- package/dist/components/ui/tooltip.js +47 -33
- package/dist/components/ui/tooltip.js.map +1 -1
- package/dist/components/ui/use-toast.js +5 -2
- package/dist/components/ui/use-toast.js.map +1 -1
- package/dist/email/button.js +21 -30
- package/dist/email/button.js.map +1 -1
- package/dist/email/index.js +15 -3
- package/dist/email/index.js.map +1 -1
- package/dist/email/layout.js +75 -81
- package/dist/email/layout.js.map +1 -1
- package/dist/email/typography.js +14 -19
- package/dist/email/typography.js.map +1 -1
- package/dist/hooks/use-media-query.js +10 -7
- package/dist/hooks/use-media-query.js.map +1 -1
- package/dist/index.js +21 -5
- package/dist/index.js.map +1 -1
- package/dist/lib/theme-utils.js +12 -5
- package/dist/lib/theme-utils.js.map +1 -1
- package/dist/lib/types.js +2 -1
- package/dist/lib/types.js.map +1 -1
- package/dist/lib/utils.js +17 -27
- package/dist/lib/utils.js.map +1 -1
- package/dist/styles/constants/button-colors.js +4 -1
- package/dist/styles/constants/button-colors.js.map +1 -1
- package/dist/themes/theme-context.js +20 -17
- package/dist/themes/theme-context.js.map +1 -1
- package/dist/tokens/colors.js +4 -1
- package/dist/tokens/colors.js.map +1 -1
- package/dist/tokens/index.js +33 -16
- package/dist/tokens/index.js.map +1 -1
- package/dist/tokens/radius.js +4 -1
- package/dist/tokens/radius.js.map +1 -1
- package/dist/tokens/shadows.js +4 -1
- package/dist/tokens/shadows.js.map +1 -1
- package/dist/tokens/spacing.js +4 -1
- package/dist/tokens/spacing.js.map +1 -1
- package/dist/tokens/typography.js +4 -1
- package/dist/tokens/typography.js.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +1 -3
@@ -1,30 +1,10 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
-
var t = {};
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
-
t[p] = s[p];
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
-
export var EmailButton = function (_a) {
|
25
|
-
var _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, children = _a.children, href = _a.href, style = _a.style, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, props = __rest(_a, ["variant", "size", "children", "href", "style", "fullWidth"]);
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.EmailButton = void 0;
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
+
const EmailButton = ({ variant = 'primary', size = 'md', children, href, style, fullWidth = false, ...props }) => {
|
26
6
|
// Convert design system colors to inline styles
|
27
|
-
|
7
|
+
const getVariantStyles = () => {
|
28
8
|
switch (variant) {
|
29
9
|
case 'primary':
|
30
10
|
return {
|
@@ -64,7 +44,7 @@ export var EmailButton = function (_a) {
|
|
64
44
|
};
|
65
45
|
}
|
66
46
|
};
|
67
|
-
|
47
|
+
const getSizeStyles = () => {
|
68
48
|
switch (size) {
|
69
49
|
case 'sm':
|
70
50
|
return {
|
@@ -86,10 +66,21 @@ export var EmailButton = function (_a) {
|
|
86
66
|
};
|
87
67
|
}
|
88
68
|
};
|
89
|
-
|
69
|
+
const baseStyles = {
|
70
|
+
display: 'inline-block',
|
71
|
+
textDecoration: 'none',
|
72
|
+
textAlign: 'center',
|
73
|
+
fontWeight: '500',
|
74
|
+
cursor: 'pointer',
|
75
|
+
width: fullWidth ? '100%' : 'auto',
|
76
|
+
...getVariantStyles(),
|
77
|
+
...getSizeStyles(),
|
78
|
+
...style,
|
79
|
+
};
|
90
80
|
if (href) {
|
91
|
-
return (
|
81
|
+
return ((0, jsx_runtime_1.jsx)("a", { href: href, style: baseStyles, ...props, children: children }));
|
92
82
|
}
|
93
|
-
return (
|
83
|
+
return ((0, jsx_runtime_1.jsx)("button", { style: baseStyles, ...props, children: children }));
|
94
84
|
};
|
85
|
+
exports.EmailButton = EmailButton;
|
95
86
|
//# sourceMappingURL=button.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/email/button.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/email/button.tsx"],"names":[],"mappings":";;;;AAWO,MAAM,WAAW,GAA+B,CAAC,EACtD,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,gDAAgD;IAChD,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,SAAS;gBACZ,OAAO;oBACL,eAAe,EAAE,SAAS;oBAC1B,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,mBAAmB;iBAC5B,CAAC;YACJ,KAAK,WAAW;gBACd,OAAO;oBACL,eAAe,EAAE,SAAS;oBAC1B,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,mBAAmB;iBAC5B,CAAC;YACJ,KAAK,OAAO;gBACV,OAAO;oBACL,eAAe,EAAE,aAAa;oBAC9B,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,uBAAuB;iBAChC,CAAC;YACJ,KAAK,SAAS;gBACZ,OAAO;oBACL,eAAe,EAAE,aAAa;oBAC9B,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,mBAAmB;iBAC5B,CAAC;YACJ,KAAK,aAAa;gBAChB,OAAO;oBACL,eAAe,EAAE,SAAS;oBAC1B,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,mBAAmB;iBAC5B,CAAC;YACJ;gBACE,OAAO;oBACL,eAAe,EAAE,SAAS;oBAC1B,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,mBAAmB;iBAC5B,CAAC;QACN,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,IAAI;gBACP,OAAO;oBACL,OAAO,EAAE,UAAU;oBACnB,QAAQ,EAAE,MAAM;oBAChB,YAAY,EAAE,KAAK;iBACpB,CAAC;YACJ,KAAK,IAAI;gBACP,OAAO;oBACL,OAAO,EAAE,WAAW;oBACpB,QAAQ,EAAE,MAAM;oBAChB,YAAY,EAAE,KAAK;iBACpB,CAAC;YACJ;gBACE,OAAO;oBACL,OAAO,EAAE,UAAU;oBACnB,QAAQ,EAAE,MAAM;oBAChB,YAAY,EAAE,KAAK;iBACpB,CAAC;QACN,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,OAAO,EAAE,cAAc;QACvB,cAAc,EAAE,MAAM;QACtB,SAAS,EAAE,QAAiB;QAC5B,UAAU,EAAE,KAAK;QACjB,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;QAClC,GAAG,gBAAgB,EAAE;QACrB,GAAG,aAAa,EAAE;QAClB,GAAG,KAAK;KACT,CAAC;IAEF,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,8BAAG,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,KAAM,KAAK,YACxC,QAAQ,GACP,CACL,CAAC;IACJ,CAAC;IAED,OAAO,CACL,mCAAQ,KAAK,EAAE,UAAU,KAAM,KAAK,YACjC,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAC;AAnGW,QAAA,WAAW,eAmGtB"}
|
@@ -1,5 +1,17 @@
|
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.EmailFooter = exports.EmailHeader = exports.EmailContainer = exports.EmailLayout = exports.EmailMuted = exports.EmailCaption = exports.EmailHeading = exports.EmailText = exports.EmailButton = void 0;
|
1
4
|
// Email-compatible components
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
+
var button_1 = require("./button");
|
6
|
+
Object.defineProperty(exports, "EmailButton", { enumerable: true, get: function () { return button_1.EmailButton; } });
|
7
|
+
var typography_1 = require("./typography");
|
8
|
+
Object.defineProperty(exports, "EmailText", { enumerable: true, get: function () { return typography_1.EmailText; } });
|
9
|
+
Object.defineProperty(exports, "EmailHeading", { enumerable: true, get: function () { return typography_1.EmailHeading; } });
|
10
|
+
Object.defineProperty(exports, "EmailCaption", { enumerable: true, get: function () { return typography_1.EmailCaption; } });
|
11
|
+
Object.defineProperty(exports, "EmailMuted", { enumerable: true, get: function () { return typography_1.EmailMuted; } });
|
12
|
+
var layout_1 = require("./layout");
|
13
|
+
Object.defineProperty(exports, "EmailLayout", { enumerable: true, get: function () { return layout_1.EmailLayout; } });
|
14
|
+
Object.defineProperty(exports, "EmailContainer", { enumerable: true, get: function () { return layout_1.EmailContainer; } });
|
15
|
+
Object.defineProperty(exports, "EmailHeader", { enumerable: true, get: function () { return layout_1.EmailHeader; } });
|
16
|
+
Object.defineProperty(exports, "EmailFooter", { enumerable: true, get: function () { return layout_1.EmailFooter; } });
|
5
17
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/email/index.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/email/index.ts"],"names":[],"mappings":";;;AAAA,8BAA8B;AAC9B,mCAAuC;AAA9B,qGAAA,WAAW,OAAA;AACpB,2CAAiF;AAAxE,uGAAA,SAAS,OAAA;AAAE,0GAAA,YAAY,OAAA;AAAE,0GAAA,YAAY,OAAA;AAAE,wGAAA,UAAU,OAAA;AAC1D,mCAAiF;AAAxE,qGAAA,WAAW,OAAA;AAAE,wGAAA,cAAc,OAAA;AAAE,qGAAA,WAAW,OAAA;AAAE,qGAAA,WAAW,OAAA"}
|
@@ -1,51 +1,46 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
return (_jsx("div", { style: __assign({ maxWidth: '600px', margin: '0 auto', padding: '24px', backgroundColor: '#ffffff', border: '1px solid #eaebed', borderRadius: '16px' }, style), children: children }));
|
37
|
-
};
|
38
|
-
export var EmailHeader = function (_a) {
|
39
|
-
var _b = _a.logoUrl, logoUrl = _b === void 0 ? "http://cdn.mcauto-images-production.sendgrid.net/a704493bc4576a45/e4e1b526-0ef3-4511-a7a8-bc94353e9b3b/201x67.png" : _b, _c = _a.logoAlt, logoAlt = _c === void 0 ? "Float" : _c, _d = _a.logoWidth, logoWidth = _d === void 0 ? "100px" : _d, _e = _a.logoHeight, logoHeight = _e === void 0 ? "auto" : _e;
|
40
|
-
return (_jsx("div", { style: {
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.EmailFooter = exports.EmailHeader = exports.EmailContainer = exports.EmailLayout = void 0;
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
+
const EmailLayout = ({ children, preheader }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [preheader && ((0, jsx_runtime_1.jsx)("div", { style: {
|
6
|
+
color: 'transparent',
|
7
|
+
display: 'none',
|
8
|
+
height: '0',
|
9
|
+
maxHeight: '0',
|
10
|
+
maxWidth: '0',
|
11
|
+
opacity: '0',
|
12
|
+
overflow: 'hidden',
|
13
|
+
visibility: 'hidden',
|
14
|
+
width: '0',
|
15
|
+
}, children: preheader })), (0, jsx_runtime_1.jsx)("div", { style: {
|
16
|
+
backgroundColor: '#F4F4F5',
|
17
|
+
fontFamily: 'Helvetica-Neue, Helvetica, Arial, sans-serif',
|
18
|
+
fontSize: '16px',
|
19
|
+
lineHeight: '1.3',
|
20
|
+
margin: '0',
|
21
|
+
padding: '0',
|
22
|
+
}, children: children })] }));
|
23
|
+
exports.EmailLayout = EmailLayout;
|
24
|
+
const EmailContainer = ({ children, style }) => ((0, jsx_runtime_1.jsx)("div", { style: {
|
25
|
+
maxWidth: '600px',
|
26
|
+
margin: '0 auto',
|
27
|
+
padding: '24px',
|
28
|
+
backgroundColor: '#ffffff',
|
29
|
+
border: '1px solid #eaebed',
|
30
|
+
borderRadius: '16px',
|
31
|
+
...style
|
32
|
+
}, children: children }));
|
33
|
+
exports.EmailContainer = EmailContainer;
|
34
|
+
const EmailHeader = ({ logoUrl = "http://cdn.mcauto-images-production.sendgrid.net/a704493bc4576a45/e4e1b526-0ef3-4511-a7a8-bc94353e9b3b/201x67.png", logoAlt = "Float", logoWidth = "100px", logoHeight = "auto" }) => {
|
35
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: {
|
41
36
|
width: '100px',
|
42
37
|
textAlign: 'center',
|
43
38
|
marginBottom: '24px',
|
44
|
-
}, children:
|
39
|
+
}, children: (0, jsx_runtime_1.jsx)("a", { href: "https://float.tech", style: {
|
45
40
|
color: '#4A49A6',
|
46
41
|
fontWeight: 'bold',
|
47
42
|
textDecoration: 'none'
|
48
|
-
}, children:
|
43
|
+
}, children: (0, jsx_runtime_1.jsx)("img", { src: logoUrl, alt: logoAlt, width: logoWidth, height: logoHeight, style: {
|
49
44
|
display: 'block',
|
50
45
|
margin: '0 auto',
|
51
46
|
border: '0',
|
@@ -56,44 +51,43 @@ export var EmailHeader = function (_a) {
|
|
56
51
|
width: '100%',
|
57
52
|
} }) }) }));
|
58
53
|
};
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
54
|
+
exports.EmailHeader = EmailHeader;
|
55
|
+
const EmailFooter = ({ children }) => ((0, jsx_runtime_1.jsx)("div", { style: {
|
56
|
+
clear: 'both',
|
57
|
+
paddingTop: '24px',
|
58
|
+
textAlign: 'center',
|
59
|
+
width: '100%',
|
60
|
+
}, children: children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("p", { style: {
|
61
|
+
color: '#9a9ea6',
|
62
|
+
fontFamily: 'Helvetica-Neue, Helvetica, Arial, sans-serif',
|
63
|
+
fontSize: '14px',
|
64
|
+
fontWeight: 'normal',
|
65
|
+
margin: '0',
|
66
|
+
marginBottom: '16px',
|
67
|
+
paddingBottom: '0px',
|
68
|
+
textAlign: 'center',
|
69
|
+
}, children: ["Float helps financial institutions interact seamlessly through shared digital workflows and standardized APIs across the transaction lifecycle.", ' ', (0, jsx_runtime_1.jsx)("a", { href: "https://float.tech", style: {
|
70
|
+
color: '#4A49A6',
|
71
|
+
fontSize: '14px',
|
72
|
+
fontWeight: 'bold',
|
73
|
+
paddingBottom: '0px',
|
74
|
+
textAlign: 'center',
|
75
|
+
textDecoration: 'underline',
|
76
|
+
}, children: "Learn more" }), "."] }), (0, jsx_runtime_1.jsx)("a", { href: "https://float.tech", style: {
|
77
|
+
color: '#4A49A6',
|
78
|
+
fontSize: '14px',
|
79
|
+
fontWeight: 'bold',
|
80
|
+
paddingBottom: '0px',
|
81
|
+
textAlign: 'center',
|
82
|
+
textDecoration: 'underline',
|
83
|
+
}, children: (0, jsx_runtime_1.jsx)("img", { src: "http://cdn.mcauto-images-production.sendgrid.net/a704493bc4576a45/6a3db2b3-d35b-423f-8aac-830de81fb114/32x32.png", alt: "Float Logo", width: "32", height: "32", style: {
|
84
|
+
display: 'inline-block',
|
72
85
|
marginBottom: '16px',
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
textAlign: 'center',
|
81
|
-
textDecoration: 'underline',
|
82
|
-
}, children: "Learn more" }), "."] }), _jsx("a", { href: "https://float.tech", style: {
|
83
|
-
color: '#4A49A6',
|
84
|
-
fontSize: '14px',
|
85
|
-
fontWeight: 'bold',
|
86
|
-
paddingBottom: '0px',
|
87
|
-
textAlign: 'center',
|
88
|
-
textDecoration: 'underline',
|
89
|
-
}, children: _jsx("img", { src: "http://cdn.mcauto-images-production.sendgrid.net/a704493bc4576a45/6a3db2b3-d35b-423f-8aac-830de81fb114/32x32.png", alt: "Float Logo", width: "32", height: "32", style: {
|
90
|
-
display: 'inline-block',
|
91
|
-
marginBottom: '16px',
|
92
|
-
} }) }), _jsxs("div", { style: {
|
93
|
-
color: '#9a9ea6',
|
94
|
-
fontFamily: 'Helvetica-Neue, Helvetica, Arial, sans-serif',
|
95
|
-
fontSize: '14px',
|
96
|
-
paddingBottom: '0px',
|
97
|
-
}, children: [_jsx("div", { children: "Float Technologies Inc." }), _jsx("div", { children: "SoHo, New York" })] })] })) }));
|
98
|
-
};
|
86
|
+
} }) }), (0, jsx_runtime_1.jsxs)("div", { style: {
|
87
|
+
color: '#9a9ea6',
|
88
|
+
fontFamily: 'Helvetica-Neue, Helvetica, Arial, sans-serif',
|
89
|
+
fontSize: '14px',
|
90
|
+
paddingBottom: '0px',
|
91
|
+
}, children: [(0, jsx_runtime_1.jsx)("div", { children: "Float Technologies Inc." }), (0, jsx_runtime_1.jsx)("div", { children: "SoHo, New York" })] })] })) }));
|
92
|
+
exports.EmailFooter = EmailFooter;
|
99
93
|
//# sourceMappingURL=layout.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/components/email/layout.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/components/email/layout.tsx"],"names":[],"mappings":"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"}
|
@@ -1,18 +1,9 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
13
|
-
export var EmailText = function (_a) {
|
14
|
-
var children = _a.children, _b = _a.variant, variant = _b === void 0 ? 'body' : _b, style = _a.style;
|
15
|
-
var getVariantStyles = function () {
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.EmailMuted = exports.EmailCaption = exports.EmailHeading = exports.EmailText = void 0;
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
+
const EmailText = ({ children, variant = 'body', style }) => {
|
6
|
+
const getVariantStyles = () => {
|
16
7
|
switch (variant) {
|
17
8
|
case 'heading':
|
18
9
|
return {
|
@@ -52,9 +43,13 @@ export var EmailText = function (_a) {
|
|
52
43
|
};
|
53
44
|
}
|
54
45
|
};
|
55
|
-
return (
|
46
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: { ...getVariantStyles(), ...style }, children: children }));
|
56
47
|
};
|
57
|
-
|
58
|
-
|
59
|
-
|
48
|
+
exports.EmailText = EmailText;
|
49
|
+
const EmailHeading = (props) => ((0, jsx_runtime_1.jsx)(exports.EmailText, { variant: "heading", ...props }));
|
50
|
+
exports.EmailHeading = EmailHeading;
|
51
|
+
const EmailCaption = (props) => ((0, jsx_runtime_1.jsx)(exports.EmailText, { variant: "caption", ...props }));
|
52
|
+
exports.EmailCaption = EmailCaption;
|
53
|
+
const EmailMuted = (props) => ((0, jsx_runtime_1.jsx)(exports.EmailText, { variant: "muted", ...props }));
|
54
|
+
exports.EmailMuted = EmailMuted;
|
60
55
|
//# sourceMappingURL=typography.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../src/components/email/typography.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../src/components/email/typography.tsx"],"names":[],"mappings":";;;;AAQO,MAAM,SAAS,GAA6B,CAAC,EAClD,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,KAAK,EACN,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,SAAS;gBACZ,OAAO;oBACL,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,MAAM;oBAClB,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,YAAY;oBACpB,UAAU,EAAE,KAAK;iBAClB,CAAC;YACJ,KAAK,MAAM;gBACT,OAAO;oBACL,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,YAAY;oBACpB,UAAU,EAAE,KAAK;iBAClB,CAAC;YACJ,KAAK,SAAS;gBACZ,OAAO;oBACL,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,WAAW;oBACnB,UAAU,EAAE,KAAK;iBAClB,CAAC;YACJ,KAAK,OAAO;gBACV,OAAO;oBACL,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,YAAY;oBACpB,UAAU,EAAE,KAAK;iBAClB,CAAC;YACJ;gBACE,OAAO;oBACL,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,YAAY;oBACpB,UAAU,EAAE,KAAK;iBAClB,CAAC;QACN,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,GAAG,gBAAgB,EAAE,EAAE,GAAG,KAAK,EAAE,YAC5C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,SAAS,aAmDpB;AAEK,MAAM,YAAY,GAA6B,CAAC,KAAK,EAAE,EAAE,CAAC,CAC/D,uBAAC,iBAAS,IAAC,OAAO,EAAC,SAAS,KAAK,KAAK,GAAI,CAC3C,CAAC;AAFW,QAAA,YAAY,gBAEvB;AAEK,MAAM,YAAY,GAA6B,CAAC,KAAK,EAAE,EAAE,CAAC,CAC/D,uBAAC,iBAAS,IAAC,OAAO,EAAC,SAAS,KAAK,KAAK,GAAI,CAC3C,CAAC;AAFW,QAAA,YAAY,gBAEvB;AAEK,MAAM,UAAU,GAA6B,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7D,uBAAC,iBAAS,IAAC,OAAO,EAAC,OAAO,KAAK,KAAK,GAAI,CACzC,CAAC;AAFW,QAAA,UAAU,cAErB"}
|
@@ -1,42 +1,55 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
1
|
+
"use strict";
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
+
if (k2 === undefined) k2 = k;
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
+
}
|
8
|
+
Object.defineProperty(o, k2, desc);
|
9
|
+
}) : (function(o, m, k, k2) {
|
10
|
+
if (k2 === undefined) k2 = k;
|
11
|
+
o[k2] = m[k];
|
12
|
+
}));
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
15
|
+
}) : function(o, v) {
|
16
|
+
o["default"] = v;
|
17
|
+
});
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
19
|
+
var ownKeys = function(o) {
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
21
|
+
var ar = [];
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
23
|
+
return ar;
|
24
|
+
};
|
25
|
+
return ownKeys(o);
|
26
|
+
};
|
27
|
+
return function (mod) {
|
28
|
+
if (mod && mod.__esModule) return mod;
|
29
|
+
var result = {};
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
31
|
+
__setModuleDefault(result, mod);
|
32
|
+
return result;
|
9
33
|
};
|
10
|
-
|
11
|
-
};
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
-
import * as React from "react";
|
25
|
-
import { cn } from "@/lib/utils";
|
34
|
+
})();
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
36
|
+
exports.Heading = void 0;
|
37
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
38
|
+
const React = __importStar(require("react"));
|
39
|
+
const utils_1 = require("@/lib/utils");
|
26
40
|
/**
|
27
41
|
* Heading component that follows the design system guidelines.
|
28
42
|
*
|
29
43
|
* This component renders headings following the design system's typography
|
30
44
|
* scale, with support for different levels, sizes, weights, styles, and colors.
|
31
45
|
*/
|
32
|
-
|
33
|
-
var _b = _a.level, level = _b === void 0 ? 1 : _b, size = _a.size, _c = _a.weight, weight = _c === void 0 ? "bold" : _c, _d = _a.italic, italic = _d === void 0 ? false : _d, _e = _a.underline, underline = _e === void 0 ? false : _e, _f = _a.color, color = _f === void 0 ? "default" : _f, _g = _a.className, className = _g === void 0 ? "" : _g, as = _a.as, children = _a.children, props = __rest(_a, ["level", "size", "weight", "italic", "underline", "color", "className", "as", "children"]);
|
46
|
+
exports.Heading = React.forwardRef(({ level = 1, size, weight = "bold", italic = false, underline = false, color = "default", className = "", as, children, ...props }, ref) => {
|
34
47
|
// Default heading tag based on level
|
35
|
-
|
48
|
+
const defaultTag = `h${level}`;
|
36
49
|
// Use provided "as" prop or default based on level
|
37
|
-
|
50
|
+
const Component = as || defaultTag;
|
38
51
|
// Default sizes based on heading level if not explicitly provided
|
39
|
-
|
52
|
+
const defaultSizes = {
|
40
53
|
1: "md",
|
41
54
|
2: "sm",
|
42
55
|
3: "xs",
|
@@ -45,9 +58,9 @@ export var Heading = React.forwardRef(function (_a, ref) {
|
|
45
58
|
6: "text-md",
|
46
59
|
};
|
47
60
|
// Determine the final size
|
48
|
-
|
61
|
+
const finalSize = size || defaultSizes[level];
|
49
62
|
// Map to standard Tailwind classes with appropriate sizing
|
50
|
-
|
63
|
+
const sizeClasses = {
|
51
64
|
"2xl": "text-5xl leading-tight tracking-tight",
|
52
65
|
"xl": "text-4xl leading-tight tracking-tight",
|
53
66
|
"lg": "text-3xl leading-tight tracking-tight",
|
@@ -59,14 +72,14 @@ export var Heading = React.forwardRef(function (_a, ref) {
|
|
59
72
|
"text-md": "text-base leading-tight",
|
60
73
|
};
|
61
74
|
// Map to standard Tailwind weight classes
|
62
|
-
|
75
|
+
const weightClasses = {
|
63
76
|
regular: "font-normal",
|
64
77
|
medium: "font-medium",
|
65
78
|
semibold: "font-semibold",
|
66
79
|
bold: "font-bold",
|
67
80
|
};
|
68
81
|
// Keep the existing color classes since they're semantic
|
69
|
-
|
82
|
+
const colorClasses = {
|
70
83
|
default: "text-foreground",
|
71
84
|
muted: "text-muted-foreground",
|
72
85
|
brand: "text-brand-700 dark:text-brand-400",
|
@@ -74,7 +87,7 @@ export var Heading = React.forwardRef(function (_a, ref) {
|
|
74
87
|
warning: "text-warning-700 dark:text-warning-400",
|
75
88
|
success: "text-success-700 dark:text-success-400",
|
76
89
|
};
|
77
|
-
return (
|
90
|
+
return ((0, jsx_runtime_1.jsx)(Component, { ref: ref, className: (0, utils_1.cn)(sizeClasses[finalSize], weightClasses[weight], colorClasses[color], italic && "italic", underline && "underline", className), ...props, children: children }));
|
78
91
|
});
|
79
|
-
Heading.displayName = "Heading";
|
92
|
+
exports.Heading.displayName = "Heading";
|
80
93
|
//# sourceMappingURL=heading.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../../src/components/typography/heading/heading.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../../src/components/typography/heading/heading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,uCAAiC;AAiDjC;;;;;GAKG;AACU,QAAA,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EACC,KAAK,GAAG,CAAC,EACT,IAAI,EACJ,MAAM,GAAG,MAAM,EACf,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,EAAE,EACd,EAAE,EACF,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,qCAAqC;IACrC,MAAM,UAAU,GAAG,IAAI,KAAK,EAAiB,CAAC;IAE9C,mDAAmD;IACnD,MAAM,SAAS,GAAG,EAAE,IAAI,UAAU,CAAC;IAEnC,kEAAkE;IAClE,MAAM,YAAY,GAA2B;QAC3C,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;KACb,CAAC;IAEF,2BAA2B;IAC3B,MAAM,SAAS,GAAG,IAAI,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;IAE9C,2DAA2D;IAC3D,MAAM,WAAW,GAA2B;QAC1C,KAAK,EAAE,uCAAuC;QAC9C,IAAI,EAAE,uCAAuC;QAC7C,IAAI,EAAE,uCAAuC;QAC7C,IAAI,EAAE,uCAAuC;QAC7C,IAAI,EAAE,sCAAsC;QAC5C,IAAI,EAAE,sCAAsC;QAC5C,SAAS,EAAE,uBAAuB;QAClC,SAAS,EAAE,uBAAuB;QAClC,SAAS,EAAE,yBAAyB;KACrC,CAAC;IAEF,0CAA0C;IAC1C,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,aAAa;QACtB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,eAAe;QACzB,IAAI,EAAE,WAAW;KAClB,CAAC;IAEF,yDAAyD;IACzD,MAAM,YAAY,GAAG;QACnB,OAAO,EAAE,iBAAiB;QAC1B,KAAK,EAAE,uBAAuB;QAC9B,KAAK,EAAE,oCAAoC;QAC3C,KAAK,EAAE,oCAAoC;QAC3C,OAAO,EAAE,wCAAwC;QACjD,OAAO,EAAE,wCAAwC;KAClD,CAAC;IAEF,OAAO,CACL,uBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACX,WAAW,CAAC,SAAS,CAAC,EACtB,aAAa,CAAC,MAAM,CAAC,EACrB,YAAY,CAAC,KAAK,CAAC,EACnB,MAAM,IAAI,QAAQ,EAClB,SAAS,IAAI,WAAW,EACxB,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
|
@@ -1,8 +1,11 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.CustomElement = exports.HeadingColors = exports.HeadingWeights = exports.HeadingSizes = exports.HeadingLevels = exports.Default = void 0;
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
+
const _1 = require(".");
|
6
|
+
const meta = {
|
4
7
|
title: "Typography/Heading",
|
5
|
-
component: Heading,
|
8
|
+
component: _1.Heading,
|
6
9
|
parameters: {
|
7
10
|
layout: "centered",
|
8
11
|
},
|
@@ -46,26 +49,26 @@ var meta = {
|
|
46
49
|
},
|
47
50
|
},
|
48
51
|
};
|
49
|
-
|
50
|
-
|
52
|
+
exports.default = meta;
|
53
|
+
exports.Default = {
|
51
54
|
args: {
|
52
55
|
level: 1,
|
53
56
|
children: "Default Heading (h1)",
|
54
57
|
},
|
55
58
|
};
|
56
|
-
|
57
|
-
render:
|
59
|
+
exports.HeadingLevels = {
|
60
|
+
render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(_1.Heading, { level: 1, children: "Heading 1" }), (0, jsx_runtime_1.jsx)(_1.Heading, { level: 2, children: "Heading 2" }), (0, jsx_runtime_1.jsx)(_1.Heading, { level: 3, children: "Heading 3" }), (0, jsx_runtime_1.jsx)(_1.Heading, { level: 4, children: "Heading 4" }), (0, jsx_runtime_1.jsx)(_1.Heading, { level: 5, children: "Heading 5" }), (0, jsx_runtime_1.jsx)(_1.Heading, { level: 6, children: "Heading 6" })] })),
|
58
61
|
};
|
59
|
-
|
60
|
-
render:
|
62
|
+
exports.HeadingSizes = {
|
63
|
+
render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(_1.Heading, { size: "2xl", children: "Display 2XL" }), (0, jsx_runtime_1.jsx)(_1.Heading, { size: "xl", children: "Display XL" }), (0, jsx_runtime_1.jsx)(_1.Heading, { size: "lg", children: "Display LG" }), (0, jsx_runtime_1.jsx)(_1.Heading, { size: "md", children: "Display MD" }), (0, jsx_runtime_1.jsx)(_1.Heading, { size: "sm", children: "Display SM" }), (0, jsx_runtime_1.jsx)(_1.Heading, { size: "xs", children: "Display XS" })] })),
|
61
64
|
};
|
62
|
-
|
63
|
-
render:
|
65
|
+
exports.HeadingWeights = {
|
66
|
+
render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(_1.Heading, { weight: "regular", children: "Regular Heading" }), (0, jsx_runtime_1.jsx)(_1.Heading, { weight: "medium", children: "Medium Heading" }), (0, jsx_runtime_1.jsx)(_1.Heading, { weight: "semibold", children: "Semibold Heading" }), (0, jsx_runtime_1.jsx)(_1.Heading, { weight: "bold", children: "Bold Heading" })] })),
|
64
67
|
};
|
65
|
-
|
66
|
-
render:
|
68
|
+
exports.HeadingColors = {
|
69
|
+
render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(_1.Heading, { color: "default", children: "Default Color" }), (0, jsx_runtime_1.jsx)(_1.Heading, { color: "muted", children: "Muted Color" }), (0, jsx_runtime_1.jsx)(_1.Heading, { color: "brand", children: "Brand Color" }), (0, jsx_runtime_1.jsx)(_1.Heading, { color: "error", children: "Error Color" }), (0, jsx_runtime_1.jsx)(_1.Heading, { color: "warning", children: "Warning Color" }), (0, jsx_runtime_1.jsx)(_1.Heading, { color: "success", children: "Success Color" })] })),
|
67
70
|
};
|
68
|
-
|
71
|
+
exports.CustomElement = {
|
69
72
|
args: {
|
70
73
|
as: "div",
|
71
74
|
children: "Heading as a div element",
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"heading.stories.js","sourceRoot":"","sources":["../../../../src/components/typography/heading/heading.stories.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"heading.stories.js","sourceRoot":"","sources":["../../../../src/components/typography/heading/heading.stories.tsx"],"names":[],"mappings":"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"}
|
@@ -1,2 +1,18 @@
|
|
1
|
-
|
1
|
+
"use strict";
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
+
if (k2 === undefined) k2 = k;
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
+
}
|
8
|
+
Object.defineProperty(o, k2, desc);
|
9
|
+
}) : (function(o, m, k, k2) {
|
10
|
+
if (k2 === undefined) k2 = k;
|
11
|
+
o[k2] = m[k];
|
12
|
+
}));
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
15
|
+
};
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
17
|
+
__exportStar(require("./heading"), exports);
|
2
18
|
//# sourceMappingURL=index.js.map
|