@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.
Files changed (148) hide show
  1. package/dist/components/email/button.js +21 -30
  2. package/dist/components/email/button.js.map +1 -1
  3. package/dist/components/email/index.js +15 -3
  4. package/dist/components/email/index.js.map +1 -1
  5. package/dist/components/email/layout.js +75 -81
  6. package/dist/components/email/layout.js.map +1 -1
  7. package/dist/components/email/typography.js +14 -19
  8. package/dist/components/email/typography.js.map +1 -1
  9. package/dist/components/typography/heading/heading.js +48 -35
  10. package/dist/components/typography/heading/heading.js.map +1 -1
  11. package/dist/components/typography/heading/heading.stories.js +18 -15
  12. package/dist/components/typography/heading/heading.stories.js.map +1 -1
  13. package/dist/components/typography/heading/index.js +17 -1
  14. package/dist/components/typography/heading/index.js.map +1 -1
  15. package/dist/components/typography/index.js +20 -4
  16. package/dist/components/typography/index.js.map +1 -1
  17. package/dist/components/typography/showcase.js +10 -6
  18. package/dist/components/typography/showcase.js.map +1 -1
  19. package/dist/components/typography/text/index.js +17 -1
  20. package/dist/components/typography/text/index.js.map +1 -1
  21. package/dist/components/typography/text/text.js +44 -31
  22. package/dist/components/typography/text/text.js.map +1 -1
  23. package/dist/components/typography/text/text.stories.js +20 -17
  24. package/dist/components/typography/text/text.stories.js.map +1 -1
  25. package/dist/components/ui/accordion.js +48 -40
  26. package/dist/components/ui/accordion.js.map +1 -1
  27. package/dist/components/ui/alert.js +46 -39
  28. package/dist/components/ui/alert.js.map +1 -1
  29. package/dist/components/ui/aspect-ratio.js +39 -3
  30. package/dist/components/ui/aspect-ratio.js.map +1 -1
  31. package/dist/components/ui/avatar.js +45 -38
  32. package/dist/components/ui/avatar.js.map +1 -1
  33. package/dist/components/ui/badge.js +48 -34
  34. package/dist/components/ui/badge.js.map +1 -1
  35. package/dist/components/ui/breadcrumb.js +54 -51
  36. package/dist/components/ui/breadcrumb.js.map +1 -1
  37. package/dist/components/ui/button.js +52 -38
  38. package/dist/components/ui/button.js.map +1 -1
  39. package/dist/components/ui/calendar.js +38 -37
  40. package/dist/components/ui/calendar.js.map +1 -1
  41. package/dist/components/ui/card/card.js +54 -56
  42. package/dist/components/ui/card/card.js.map +1 -1
  43. package/dist/components/ui/card/index.js +17 -1
  44. package/dist/components/ui/card/index.js.map +1 -1
  45. package/dist/components/ui/card.js +52 -49
  46. package/dist/components/ui/card.js.map +1 -1
  47. package/dist/components/ui/checkbox.js +42 -31
  48. package/dist/components/ui/checkbox.js.map +1 -1
  49. package/dist/components/ui/collapsible.js +43 -5
  50. package/dist/components/ui/collapsible.js.map +1 -1
  51. package/dist/components/ui/command.js +68 -66
  52. package/dist/components/ui/command.js.map +1 -1
  53. package/dist/components/ui/context-menu.js +74 -69
  54. package/dist/components/ui/context-menu.js.map +1 -1
  55. package/dist/components/ui/dialog.js +60 -55
  56. package/dist/components/ui/dialog.js.map +1 -1
  57. package/dist/components/ui/dropdown-menu/dropdown-menu.js +59 -69
  58. package/dist/components/ui/dropdown-menu/dropdown-menu.js.map +1 -1
  59. package/dist/components/ui/dropdown-menu/index.js +17 -1
  60. package/dist/components/ui/dropdown-menu/index.js.map +1 -1
  61. package/dist/components/ui/header.js +13 -8
  62. package/dist/components/ui/header.js.map +1 -1
  63. package/dist/components/ui/hover-card.js +45 -32
  64. package/dist/components/ui/hover-card.js.map +1 -1
  65. package/dist/components/ui/index.js +30 -14
  66. package/dist/components/ui/index.js.map +1 -1
  67. package/dist/components/ui/input.js +41 -28
  68. package/dist/components/ui/input.js.map +1 -1
  69. package/dist/components/ui/label.js +43 -32
  70. package/dist/components/ui/label.js.map +1 -1
  71. package/dist/components/ui/nav.js +17 -34
  72. package/dist/components/ui/nav.js.map +1 -1
  73. package/dist/components/ui/org-switcher.js +46 -11
  74. package/dist/components/ui/org-switcher.js.map +1 -1
  75. package/dist/components/ui/popover.js +47 -33
  76. package/dist/components/ui/popover.js.map +1 -1
  77. package/dist/components/ui/progress.js +41 -30
  78. package/dist/components/ui/progress.js.map +1 -1
  79. package/dist/components/ui/radio-group.js +46 -33
  80. package/dist/components/ui/radio-group.js.map +1 -1
  81. package/dist/components/ui/select.js +62 -60
  82. package/dist/components/ui/select.js.map +1 -1
  83. package/dist/components/ui/separator.js +41 -30
  84. package/dist/components/ui/separator.js.map +1 -1
  85. package/dist/components/ui/sheet.js +62 -55
  86. package/dist/components/ui/sheet.js.map +1 -1
  87. package/dist/components/ui/sidebar.js +167 -161
  88. package/dist/components/ui/sidebar.js.map +1 -1
  89. package/dist/components/ui/skeleton.js +7 -28
  90. package/dist/components/ui/skeleton.js.map +1 -1
  91. package/dist/components/ui/slider.js +41 -30
  92. package/dist/components/ui/slider.js.map +1 -1
  93. package/dist/components/ui/switch.js +41 -30
  94. package/dist/components/ui/switch.js.map +1 -1
  95. package/dist/components/ui/tabs.js +47 -39
  96. package/dist/components/ui/tabs.js.map +1 -1
  97. package/dist/components/ui/textarea.js +41 -28
  98. package/dist/components/ui/textarea.js.map +1 -1
  99. package/dist/components/ui/theme-toggle/index.js +17 -1
  100. package/dist/components/ui/theme-toggle/index.js.map +1 -1
  101. package/dist/components/ui/theme-toggle/theme-toggle.js +17 -37
  102. package/dist/components/ui/theme-toggle/theme-toggle.js.map +1 -1
  103. package/dist/components/ui/toast.js +9 -30
  104. package/dist/components/ui/toast.js.map +1 -1
  105. package/dist/components/ui/toggle-group.js +43 -34
  106. package/dist/components/ui/toggle-group.js.map +1 -1
  107. package/dist/components/ui/toggle.js +41 -30
  108. package/dist/components/ui/toggle.js.map +1 -1
  109. package/dist/components/ui/tooltip.js +47 -33
  110. package/dist/components/ui/tooltip.js.map +1 -1
  111. package/dist/components/ui/use-toast.js +5 -2
  112. package/dist/components/ui/use-toast.js.map +1 -1
  113. package/dist/email/button.js +21 -30
  114. package/dist/email/button.js.map +1 -1
  115. package/dist/email/index.js +15 -3
  116. package/dist/email/index.js.map +1 -1
  117. package/dist/email/layout.js +75 -81
  118. package/dist/email/layout.js.map +1 -1
  119. package/dist/email/typography.js +14 -19
  120. package/dist/email/typography.js.map +1 -1
  121. package/dist/hooks/use-media-query.js +10 -7
  122. package/dist/hooks/use-media-query.js.map +1 -1
  123. package/dist/index.js +21 -5
  124. package/dist/index.js.map +1 -1
  125. package/dist/lib/theme-utils.js +12 -5
  126. package/dist/lib/theme-utils.js.map +1 -1
  127. package/dist/lib/types.js +2 -1
  128. package/dist/lib/types.js.map +1 -1
  129. package/dist/lib/utils.js +17 -27
  130. package/dist/lib/utils.js.map +1 -1
  131. package/dist/styles/constants/button-colors.js +4 -1
  132. package/dist/styles/constants/button-colors.js.map +1 -1
  133. package/dist/themes/theme-context.js +20 -17
  134. package/dist/themes/theme-context.js.map +1 -1
  135. package/dist/tokens/colors.js +4 -1
  136. package/dist/tokens/colors.js.map +1 -1
  137. package/dist/tokens/index.js +33 -16
  138. package/dist/tokens/index.js.map +1 -1
  139. package/dist/tokens/radius.js +4 -1
  140. package/dist/tokens/radius.js.map +1 -1
  141. package/dist/tokens/shadows.js +4 -1
  142. package/dist/tokens/shadows.js.map +1 -1
  143. package/dist/tokens/spacing.js +4 -1
  144. package/dist/tokens/spacing.js.map +1 -1
  145. package/dist/tokens/typography.js +4 -1
  146. package/dist/tokens/typography.js.map +1 -1
  147. package/dist/tsconfig.build.tsbuildinfo +1 -1
  148. package/package.json +1 -3
@@ -1,30 +1,10 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
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
- var getVariantStyles = function () {
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
- var getSizeStyles = function () {
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
- var baseStyles = __assign(__assign(__assign({ display: 'inline-block', textDecoration: 'none', textAlign: 'center', fontWeight: '500', cursor: 'pointer', width: fullWidth ? '100%' : 'auto' }, getVariantStyles()), getSizeStyles()), style);
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 (_jsx("a", __assign({ href: href, style: baseStyles }, props, { children: children })));
81
+ return ((0, jsx_runtime_1.jsx)("a", { href: href, style: baseStyles, ...props, children: children }));
92
82
  }
93
- return (_jsx("button", __assign({ style: baseStyles }, props, { children: children })));
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":";;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,CAAC,IAAM,WAAW,GAA+B,UAAC,EAQvD;IAPC,IAAA,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACd,KAAK,cAP8C,6DAQvD,CADS;IAER,gDAAgD;IAChD,IAAM,gBAAgB,GAAG;QACvB,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,IAAM,aAAa,GAAG;QACpB,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,IAAM,UAAU,gCACd,OAAO,EAAE,cAAc,EACvB,cAAc,EAAE,MAAM,EACtB,SAAS,EAAE,QAAiB,EAC5B,UAAU,EAAE,KAAK,EACjB,MAAM,EAAE,SAAS,EACjB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,IAC/B,gBAAgB,EAAE,GAClB,aAAa,EAAE,GACf,KAAK,CACT,CAAC;IAEF,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,qBAAG,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,IAAM,KAAK,cACxC,QAAQ,IACP,CACL,CAAC;IACJ,CAAC;IAED,OAAO,CACL,0BAAQ,KAAK,EAAE,UAAU,IAAM,KAAK,cACjC,QAAQ,IACF,CACV,CAAC;AACJ,CAAC,CAAC"}
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
- export { EmailButton } from './button';
3
- export { EmailText, EmailHeading, EmailCaption, EmailMuted } from './typography';
4
- export { EmailLayout, EmailContainer, EmailHeader, EmailFooter } from './layout';
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,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
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
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
13
- export var EmailLayout = function (_a) {
14
- var children = _a.children, preheader = _a.preheader;
15
- return (_jsxs(_Fragment, { children: [preheader && (_jsx("div", { style: {
16
- color: 'transparent',
17
- display: 'none',
18
- height: '0',
19
- maxHeight: '0',
20
- maxWidth: '0',
21
- opacity: '0',
22
- overflow: 'hidden',
23
- visibility: 'hidden',
24
- width: '0',
25
- }, children: preheader })), _jsx("div", { style: {
26
- backgroundColor: '#F4F4F5',
27
- fontFamily: 'Helvetica-Neue, Helvetica, Arial, sans-serif',
28
- fontSize: '16px',
29
- lineHeight: '1.3',
30
- margin: '0',
31
- padding: '0',
32
- }, children: children })] }));
33
- };
34
- export var EmailContainer = function (_a) {
35
- var children = _a.children, style = _a.style;
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: _jsx("a", { href: "https://float.tech", style: {
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: _jsx("img", { src: logoUrl, alt: logoAlt, width: logoWidth, height: logoHeight, style: {
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
- export var EmailFooter = function (_a) {
60
- var children = _a.children;
61
- return (_jsx("div", { style: {
62
- clear: 'both',
63
- paddingTop: '24px',
64
- textAlign: 'center',
65
- width: '100%',
66
- }, children: children || (_jsxs(_Fragment, { children: [_jsxs("p", { style: {
67
- color: '#9a9ea6',
68
- fontFamily: 'Helvetica-Neue, Helvetica, Arial, sans-serif',
69
- fontSize: '14px',
70
- fontWeight: 'normal',
71
- margin: '0',
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
- paddingBottom: '0px',
74
- textAlign: 'center',
75
- }, children: ["Float helps financial institutions interact seamlessly through shared digital workflows and standardized APIs across the transaction lifecycle.", ' ', _jsx("a", { href: "https://float.tech", style: {
76
- color: '#4A49A6',
77
- fontSize: '14px',
78
- fontWeight: 'bold',
79
- paddingBottom: '0px',
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":";;;;;;;;;;;;AAOA,MAAM,CAAC,IAAM,WAAW,GAA+B,UAAC,EAGvD;QAFC,QAAQ,cAAA,EACR,SAAS,eAAA;IACL,OAAA,CACJ,8BACG,SAAS,IAAI,CACZ,cAAK,KAAK,EAAE;oBACV,KAAK,EAAE,aAAa;oBACpB,OAAO,EAAE,MAAM;oBACf,MAAM,EAAE,GAAG;oBACX,SAAS,EAAE,GAAG;oBACd,QAAQ,EAAE,GAAG;oBACb,OAAO,EAAE,GAAG;oBACZ,QAAQ,EAAE,QAAQ;oBAClB,UAAU,EAAE,QAAQ;oBACpB,KAAK,EAAE,GAAG;iBACX,YACE,SAAS,GACN,CACP,EACD,cAAK,KAAK,EAAE;oBACV,eAAe,EAAE,SAAS;oBAC1B,UAAU,EAAE,8CAA8C;oBAC1D,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,KAAK;oBACjB,MAAM,EAAE,GAAG;oBACX,OAAO,EAAE,GAAG;iBACb,YACE,QAAQ,GACL,IACL,CACJ;AA5BK,CA4BL,CAAC;AAOF,MAAM,CAAC,IAAM,cAAc,GAAkC,UAAC,EAG7D;QAFC,QAAQ,cAAA,EACR,KAAK,WAAA;IACD,OAAA,CACJ,cAAK,KAAK,aACR,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE,MAAM,EACf,eAAe,EAAE,SAAS,EAC1B,MAAM,EAAE,mBAAmB,EAC3B,YAAY,EAAE,MAAM,IACjB,KAAK,aAEP,QAAQ,GACL,CACP;AAZK,CAYL,CAAC;AASF,MAAM,CAAC,IAAM,WAAW,GAA+B,UAAC,EAKvD;QAJC,eAA6H,EAA7H,OAAO,mBAAG,mHAAmH,KAAA,EAC7H,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EACjB,iBAAmB,EAAnB,SAAS,mBAAG,OAAO,KAAA,EACnB,kBAAmB,EAAnB,UAAU,mBAAG,MAAM,KAAA;IAEnB,OAAO,CACL,cAAK,KAAK,EAAE;YACV,KAAK,EAAE,OAAO;YACd,SAAS,EAAE,QAAQ;YACnB,YAAY,EAAE,MAAM;SACrB,YACC,YAAG,IAAI,EAAC,oBAAoB,EAAC,KAAK,EAAE;gBAClC,KAAK,EAAE,SAAS;gBAChB,UAAU,EAAE,MAAM;gBAClB,cAAc,EAAE,MAAM;aACvB,YACC,cACE,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE;oBACL,OAAO,EAAE,OAAO;oBAChB,MAAM,EAAE,QAAQ;oBAChB,MAAM,EAAE,GAAG;oBACX,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,MAAM;oBACtB,MAAM,EAAE,MAAM;oBACd,QAAQ,EAAE,OAAO;oBACjB,KAAK,EAAE,MAAM;iBACd,GACD,GACA,GACA,CACP,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,IAAM,WAAW,GAA+B,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CACvE,cAAK,KAAK,EAAE;YACV,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,MAAM;SACd,YACE,QAAQ,IAAI,CACX,8BACE,aAAG,KAAK,EAAE;wBACR,KAAK,EAAE,SAAS;wBAChB,UAAU,EAAE,8CAA8C;wBAC1D,QAAQ,EAAE,MAAM;wBAChB,UAAU,EAAE,QAAQ;wBACpB,MAAM,EAAE,GAAG;wBACX,YAAY,EAAE,MAAM;wBACpB,aAAa,EAAE,KAAK;wBACpB,SAAS,EAAE,QAAQ;qBACpB,gKACiJ,GAAG,EACnJ,YAAG,IAAI,EAAC,oBAAoB,EAAC,KAAK,EAAE;gCAClC,KAAK,EAAE,SAAS;gCAChB,QAAQ,EAAE,MAAM;gCAChB,UAAU,EAAE,MAAM;gCAClB,aAAa,EAAE,KAAK;gCACpB,SAAS,EAAE,QAAQ;gCACnB,cAAc,EAAE,WAAW;6BAC5B,2BAEG,SACF,EACJ,YAAG,IAAI,EAAC,oBAAoB,EAAC,KAAK,EAAE;wBAClC,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,MAAM;wBAChB,UAAU,EAAE,MAAM;wBAClB,aAAa,EAAE,KAAK;wBACpB,SAAS,EAAE,QAAQ;wBACnB,cAAc,EAAE,WAAW;qBAC5B,YACC,cAAK,GAAG,EAAC,kHAAkH,EACtH,GAAG,EAAC,YAAY,EAChB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,EAAE;4BACL,OAAO,EAAE,cAAc;4BACvB,YAAY,EAAE,MAAM;yBACrB,GAAI,GACR,EACJ,eAAK,KAAK,EAAE;wBACV,KAAK,EAAE,SAAS;wBAChB,UAAU,EAAE,8CAA8C;wBAC1D,QAAQ,EAAE,MAAM;wBAChB,aAAa,EAAE,KAAK;qBACrB,aACC,oDAAkC,EAClC,2CAAyB,IACrB,IACL,CACJ,GACG,CACP;AA5DwE,CA4DxE,CAAC"}
1
+ {"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/components/email/layout.tsx"],"names":[],"mappings":"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"}
@@ -1,18 +1,9 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
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 (_jsx("div", { style: __assign(__assign({}, getVariantStyles()), style), children: children }));
46
+ return ((0, jsx_runtime_1.jsx)("div", { style: { ...getVariantStyles(), ...style }, children: children }));
56
47
  };
57
- export var EmailHeading = function (props) { return (_jsx(EmailText, __assign({ variant: "heading" }, props))); };
58
- export var EmailCaption = function (props) { return (_jsx(EmailText, __assign({ variant: "caption" }, props))); };
59
- export var EmailMuted = function (props) { return (_jsx(EmailText, __assign({ variant: "muted" }, props))); };
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":";;;;;;;;;;;;AAQA,MAAM,CAAC,IAAM,SAAS,GAA6B,UAAC,EAInD;QAHC,QAAQ,cAAA,EACR,eAAgB,EAAhB,OAAO,mBAAG,MAAM,KAAA,EAChB,KAAK,WAAA;IAEL,IAAM,gBAAgB,GAAG;QACvB,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,cAAK,KAAK,wBAAO,gBAAgB,EAAE,GAAK,KAAK,aAC1C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAA6B,UAAC,KAAK,IAAK,OAAA,CAC/D,KAAC,SAAS,aAAC,OAAO,EAAC,SAAS,IAAK,KAAK,EAAI,CAC3C,EAFgE,CAEhE,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAA6B,UAAC,KAAK,IAAK,OAAA,CAC/D,KAAC,SAAS,aAAC,OAAO,EAAC,SAAS,IAAK,KAAK,EAAI,CAC3C,EAFgE,CAEhE,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAA6B,UAAC,KAAK,IAAK,OAAA,CAC7D,KAAC,SAAS,aAAC,OAAO,EAAC,OAAO,IAAK,KAAK,EAAI,CACzC,EAF8D,CAE9D,CAAC"}
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
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
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
- 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
- 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
- export var Heading = React.forwardRef(function (_a, ref) {
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
- var defaultTag = "h".concat(level);
48
+ const defaultTag = `h${level}`;
36
49
  // Use provided "as" prop or default based on level
37
- var Component = as || defaultTag;
50
+ const Component = as || defaultTag;
38
51
  // Default sizes based on heading level if not explicitly provided
39
- var defaultSizes = {
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
- var finalSize = size || defaultSizes[level];
61
+ const finalSize = size || defaultSizes[level];
49
62
  // Map to standard Tailwind classes with appropriate sizing
50
- var sizeClasses = {
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
- var weightClasses = {
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
- var colorClasses = {
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 (_jsx(Component, __assign({ ref: ref, className: cn(sizeClasses[finalSize], weightClasses[weight], colorClasses[color], italic && "italic", underline && "underline", className) }, props, { children: children })));
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":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAiDjC;;;;;GAKG;AACH,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,UAAC,EAWA,EAAE,GAAG;IAVJ,IAAA,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,IAAI,UAAA,EACJ,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EACf,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,EAAE,QAAA,EACF,QAAQ,cAAA,EACL,KAAK,cAVT,0FAWA,CADS;IAER,qCAAqC;IACrC,IAAM,UAAU,GAAG,WAAI,KAAK,CAAiB,CAAC;IAE9C,mDAAmD;IACnD,IAAM,SAAS,GAAG,EAAE,IAAI,UAAU,CAAC;IAEnC,kEAAkE;IAClE,IAAM,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,IAAM,SAAS,GAAG,IAAI,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;IAE9C,2DAA2D;IAC3D,IAAM,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,IAAM,aAAa,GAAG;QACpB,OAAO,EAAE,aAAa;QACtB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,eAAe;QACzB,IAAI,EAAE,WAAW;KAClB,CAAC;IAEF,yDAAyD;IACzD,IAAM,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,KAAC,SAAS,aACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,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,IACG,KAAK,cAER,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
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
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Heading } from ".";
3
- var meta = {
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
- export default meta;
50
- export var Default = {
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
- export var HeadingLevels = {
57
- render: function () { return (_jsxs("div", { className: "space-y-4", children: [_jsx(Heading, { level: 1, children: "Heading 1" }), _jsx(Heading, { level: 2, children: "Heading 2" }), _jsx(Heading, { level: 3, children: "Heading 3" }), _jsx(Heading, { level: 4, children: "Heading 4" }), _jsx(Heading, { level: 5, children: "Heading 5" }), _jsx(Heading, { level: 6, children: "Heading 6" })] })); },
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
- export var HeadingSizes = {
60
- render: function () { return (_jsxs("div", { className: "space-y-4", children: [_jsx(Heading, { size: "2xl", children: "Display 2XL" }), _jsx(Heading, { size: "xl", children: "Display XL" }), _jsx(Heading, { size: "lg", children: "Display LG" }), _jsx(Heading, { size: "md", children: "Display MD" }), _jsx(Heading, { size: "sm", children: "Display SM" }), _jsx(Heading, { size: "xs", children: "Display XS" })] })); },
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
- export var HeadingWeights = {
63
- render: function () { return (_jsxs("div", { className: "space-y-4", children: [_jsx(Heading, { weight: "regular", children: "Regular Heading" }), _jsx(Heading, { weight: "medium", children: "Medium Heading" }), _jsx(Heading, { weight: "semibold", children: "Semibold Heading" }), _jsx(Heading, { weight: "bold", children: "Bold Heading" })] })); },
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
- export var HeadingColors = {
66
- render: function () { return (_jsxs("div", { className: "space-y-4", children: [_jsx(Heading, { color: "default", children: "Default Color" }), _jsx(Heading, { color: "muted", children: "Muted Color" }), _jsx(Heading, { color: "brand", children: "Brand Color" }), _jsx(Heading, { color: "error", children: "Error Color" }), _jsx(Heading, { color: "warning", children: "Warning Color" }), _jsx(Heading, { color: "success", children: "Success Color" })] })); },
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
- export var CustomElement = {
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":"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"}
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
- export * from './heading';
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