@affinda/wc 0.0.1 → 0.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 (227) hide show
  1. package/dist/affinda/af-aspect-ratio.entry.esm.js.map +1 -0
  2. package/dist/affinda/af-button-group.entry.esm.js.map +1 -0
  3. package/dist/affinda/af-button.entry.esm.js.map +1 -0
  4. package/dist/affinda/af-color-swatch.entry.esm.js.map +1 -0
  5. package/dist/affinda/af-container.entry.esm.js.map +1 -0
  6. package/dist/affinda/af-heading.af-logo.af-nav-item.af-navbar.af-text.entry.esm.js.map +1 -0
  7. package/dist/affinda/af-icon-button.entry.esm.js.map +1 -0
  8. package/dist/affinda/af-typography-lockup.entry.esm.js.map +1 -0
  9. package/dist/affinda/affinda.css +1 -1
  10. package/dist/affinda/affinda.esm.js +1 -1
  11. package/dist/affinda/index.esm.js +1 -1
  12. package/dist/affinda/index.esm.js.map +1 -1
  13. package/dist/affinda/p-540af9d9.entry.js +2 -0
  14. package/dist/affinda/p-540af9d9.entry.js.map +1 -0
  15. package/dist/affinda/p-619bc077.entry.js +2 -0
  16. package/dist/affinda/p-619bc077.entry.js.map +1 -0
  17. package/dist/affinda/p-6b07f590.entry.js +2 -0
  18. package/dist/affinda/p-6b07f590.entry.js.map +1 -0
  19. package/dist/affinda/p-8d3b4917.entry.js +2 -0
  20. package/dist/affinda/p-8d3b4917.entry.js.map +1 -0
  21. package/dist/affinda/p-9d0e6ed1.entry.js +2 -0
  22. package/dist/affinda/p-9d0e6ed1.entry.js.map +1 -0
  23. package/dist/affinda/p-DxVtR6vj.js +3 -0
  24. package/dist/affinda/p-DxVtR6vj.js.map +1 -0
  25. package/dist/affinda/p-afbe9cb3.entry.js +2 -0
  26. package/dist/affinda/p-afbe9cb3.entry.js.map +1 -0
  27. package/dist/affinda/p-cbb06a14.entry.js +2 -0
  28. package/dist/affinda/p-cbb06a14.entry.js.map +1 -0
  29. package/dist/affinda/p-e274e11a.entry.js +2 -0
  30. package/dist/affinda/p-e274e11a.entry.js.map +1 -0
  31. package/dist/cjs/af-aspect-ratio.cjs.entry.js +83 -0
  32. package/dist/cjs/af-aspect-ratio.entry.cjs.js.map +1 -0
  33. package/dist/cjs/af-button-group.cjs.entry.js +30 -0
  34. package/dist/cjs/af-button-group.entry.cjs.js.map +1 -0
  35. package/dist/cjs/af-button.cjs.entry.js +48 -0
  36. package/dist/cjs/af-button.entry.cjs.js.map +1 -0
  37. package/dist/cjs/af-color-swatch.cjs.entry.js +23 -0
  38. package/dist/cjs/af-color-swatch.entry.cjs.js.map +1 -0
  39. package/dist/cjs/af-container.cjs.entry.js +26 -0
  40. package/dist/cjs/af-container.entry.cjs.js.map +1 -0
  41. package/dist/cjs/af-heading.af-logo.af-nav-item.af-navbar.af-text.entry.cjs.js.map +1 -0
  42. package/dist/cjs/af-heading_5.cjs.entry.js +128 -0
  43. package/dist/cjs/af-icon-button.cjs.entry.js +44 -0
  44. package/dist/cjs/af-icon-button.entry.cjs.js.map +1 -0
  45. package/dist/cjs/af-typography-lockup.cjs.entry.js +45 -0
  46. package/dist/cjs/af-typography-lockup.entry.cjs.js.map +1 -0
  47. package/dist/cjs/affinda.cjs.js +2 -2
  48. package/dist/cjs/{index-5BGpYleS.js → index-E2jkaTPt.js} +92 -61
  49. package/dist/cjs/index-E2jkaTPt.js.map +1 -0
  50. package/dist/cjs/index.cjs.js +24 -136
  51. package/dist/cjs/index.cjs.js.map +1 -1
  52. package/dist/cjs/loader.cjs.js +2 -2
  53. package/dist/collection/collection-manifest.json +10 -3
  54. package/dist/collection/components/af-aspect-ratio/af-aspect-ratio.css +17 -0
  55. package/dist/collection/components/af-aspect-ratio/af-aspect-ratio.js +117 -0
  56. package/dist/collection/components/af-aspect-ratio/af-aspect-ratio.js.map +1 -0
  57. package/dist/collection/components/af-button/af-button.css +151 -42
  58. package/dist/collection/components/af-button/af-button.js +62 -57
  59. package/dist/collection/components/af-button/af-button.js.map +1 -1
  60. package/dist/collection/components/af-button-group/af-button-group.css +22 -0
  61. package/dist/collection/components/af-button-group/af-button-group.js +77 -0
  62. package/dist/collection/components/af-button-group/af-button-group.js.map +1 -0
  63. package/dist/collection/components/af-color-swatch/af-color-swatch.css +42 -0
  64. package/dist/collection/components/af-color-swatch/af-color-swatch.js +88 -0
  65. package/dist/collection/components/af-color-swatch/af-color-swatch.js.map +1 -0
  66. package/dist/collection/components/af-container/af-container.css +76 -0
  67. package/dist/collection/components/af-container/af-container.js +57 -0
  68. package/dist/collection/components/af-container/af-container.js.map +1 -0
  69. package/dist/collection/components/af-heading/af-heading.css +99 -0
  70. package/dist/collection/components/af-heading/af-heading.js +86 -0
  71. package/dist/collection/components/af-heading/af-heading.js.map +1 -0
  72. package/dist/collection/components/af-icon-button/af-icon-button.css +140 -41
  73. package/dist/collection/components/af-icon-button/af-icon-button.js +81 -57
  74. package/dist/collection/components/af-icon-button/af-icon-button.js.map +1 -1
  75. package/dist/collection/components/af-logo/af-logo.css +10 -0
  76. package/dist/collection/components/af-logo/af-logo.js +22 -0
  77. package/dist/collection/components/af-logo/af-logo.js.map +1 -0
  78. package/dist/collection/components/af-nav-item/af-nav-item.css +146 -0
  79. package/dist/collection/components/af-nav-item/af-nav-item.js +134 -0
  80. package/dist/collection/components/af-nav-item/af-nav-item.js.map +1 -0
  81. package/dist/collection/components/af-navbar/af-navbar.css +119 -0
  82. package/dist/collection/components/af-navbar/af-navbar.js +23 -0
  83. package/dist/collection/components/af-navbar/af-navbar.js.map +1 -0
  84. package/dist/collection/components/af-text/af-text.css +61 -0
  85. package/dist/collection/components/af-text/af-text.js +96 -0
  86. package/dist/collection/components/af-text/af-text.js.map +1 -0
  87. package/dist/collection/components/af-typography-lockup/af-typography-lockup.css +168 -0
  88. package/dist/collection/components/af-typography-lockup/af-typography-lockup.js +151 -0
  89. package/dist/collection/components/af-typography-lockup/af-typography-lockup.js.map +1 -0
  90. package/dist/collection/components.js +10 -3
  91. package/dist/collection/components.js.map +1 -1
  92. package/dist/components/af-aspect-ratio.d.ts +11 -0
  93. package/dist/components/af-aspect-ratio.js +9 -0
  94. package/dist/components/af-aspect-ratio.js.map +1 -0
  95. package/dist/components/af-button-group.d.ts +11 -0
  96. package/dist/components/af-button-group.js +9 -0
  97. package/dist/components/af-button-group.js.map +1 -0
  98. package/dist/components/af-button.js +1 -1
  99. package/dist/components/af-color-swatch.d.ts +11 -0
  100. package/dist/components/af-color-swatch.js +9 -0
  101. package/dist/components/af-color-swatch.js.map +1 -0
  102. package/dist/components/af-container.d.ts +11 -0
  103. package/dist/components/af-container.js +9 -0
  104. package/dist/components/af-container.js.map +1 -0
  105. package/dist/components/af-heading.d.ts +11 -0
  106. package/dist/components/af-heading.js +9 -0
  107. package/dist/components/af-heading.js.map +1 -0
  108. package/dist/components/af-icon-button.js +1 -1
  109. package/dist/components/{af-card.d.ts → af-logo.d.ts} +4 -4
  110. package/dist/components/af-logo.js +9 -0
  111. package/dist/components/af-logo.js.map +1 -0
  112. package/dist/components/af-nav-item.d.ts +11 -0
  113. package/dist/components/af-nav-item.js +9 -0
  114. package/dist/components/af-nav-item.js.map +1 -0
  115. package/dist/components/{af-badge.d.ts → af-navbar.d.ts} +4 -4
  116. package/dist/components/af-navbar.js +9 -0
  117. package/dist/components/af-navbar.js.map +1 -0
  118. package/dist/components/{af-input.d.ts → af-text.d.ts} +4 -4
  119. package/dist/components/af-text.js +9 -0
  120. package/dist/components/af-text.js.map +1 -0
  121. package/dist/components/af-typography-lockup.d.ts +11 -0
  122. package/dist/components/af-typography-lockup.js +9 -0
  123. package/dist/components/af-typography-lockup.js.map +1 -0
  124. package/dist/components/index.js +13 -6
  125. package/dist/components/index.js.map +1 -1
  126. package/dist/components/p-B17zxKkI.js +35 -0
  127. package/dist/components/p-B17zxKkI.js.map +1 -0
  128. package/dist/components/p-BJDmHNDi.js +59 -0
  129. package/dist/components/p-BJDmHNDi.js.map +1 -0
  130. package/dist/components/p-BfmeW04T.js +50 -0
  131. package/dist/components/p-BfmeW04T.js.map +1 -0
  132. package/dist/components/p-BoU5qaPt.js +68 -0
  133. package/dist/components/p-BoU5qaPt.js.map +1 -0
  134. package/dist/components/p-CT_9_xN3.js +50 -0
  135. package/dist/components/p-CT_9_xN3.js.map +1 -0
  136. package/dist/components/{p-DOtgsZRB.js → p-CzaQ1fCu.js} +92 -65
  137. package/dist/components/p-CzaQ1fCu.js.map +1 -0
  138. package/dist/components/p-DG7Mtz0G.js +66 -0
  139. package/dist/components/p-DG7Mtz0G.js.map +1 -0
  140. package/dist/components/p-DcFGu6up.js +68 -0
  141. package/dist/components/p-DcFGu6up.js.map +1 -0
  142. package/dist/components/p-DfIqdEs7.js +45 -0
  143. package/dist/components/p-DfIqdEs7.js.map +1 -0
  144. package/dist/components/p-DqIqR4VU.js +102 -0
  145. package/dist/components/p-DqIqR4VU.js.map +1 -0
  146. package/dist/components/p-LEksuu7O.js +44 -0
  147. package/dist/components/p-LEksuu7O.js.map +1 -0
  148. package/dist/components/p-uhOM63Ux.js +71 -0
  149. package/dist/components/p-uhOM63Ux.js.map +1 -0
  150. package/dist/components/p-zBrKMKWE.js +35 -0
  151. package/dist/components/p-zBrKMKWE.js.map +1 -0
  152. package/dist/esm/af-aspect-ratio.entry.js +81 -0
  153. package/dist/esm/af-aspect-ratio.entry.js.map +1 -0
  154. package/dist/esm/af-button-group.entry.js +28 -0
  155. package/dist/esm/af-button-group.entry.js.map +1 -0
  156. package/dist/esm/af-button.entry.js +46 -0
  157. package/dist/esm/af-button.entry.js.map +1 -0
  158. package/dist/esm/af-color-swatch.entry.js +21 -0
  159. package/dist/esm/af-color-swatch.entry.js.map +1 -0
  160. package/dist/esm/af-container.entry.js +24 -0
  161. package/dist/esm/af-container.entry.js.map +1 -0
  162. package/dist/esm/af-heading.af-logo.af-nav-item.af-navbar.af-text.entry.js.map +1 -0
  163. package/dist/esm/af-heading_5.entry.js +122 -0
  164. package/dist/esm/af-icon-button.entry.js +42 -0
  165. package/dist/esm/af-icon-button.entry.js.map +1 -0
  166. package/dist/esm/af-typography-lockup.entry.js +43 -0
  167. package/dist/esm/af-typography-lockup.entry.js.map +1 -0
  168. package/dist/esm/affinda.js +3 -3
  169. package/dist/esm/{index-o0tfWqnY.js → index-DxVtR6vj.js} +92 -61
  170. package/dist/esm/index-DxVtR6vj.js.map +1 -0
  171. package/dist/esm/index.js +9 -132
  172. package/dist/esm/index.js.map +1 -1
  173. package/dist/esm/loader.js +3 -3
  174. package/dist/types/components/af-aspect-ratio/af-aspect-ratio.d.ts +18 -0
  175. package/dist/types/components/af-button/af-button.d.ts +19 -11
  176. package/dist/types/components/af-button-group/af-button-group.d.ts +11 -0
  177. package/dist/types/components/af-color-swatch/af-color-swatch.d.ts +9 -0
  178. package/dist/types/components/af-container/af-container.d.ts +15 -0
  179. package/dist/types/components/af-heading/af-heading.d.ts +8 -0
  180. package/dist/types/components/af-icon-button/af-icon-button.d.ts +23 -11
  181. package/dist/types/components/af-logo/af-logo.d.ts +6 -0
  182. package/dist/types/components/af-nav-item/af-nav-item.d.ts +27 -0
  183. package/dist/types/components/af-navbar/af-navbar.d.ts +7 -0
  184. package/dist/types/components/af-text/af-text.d.ts +9 -0
  185. package/dist/types/components/af-typography-lockup/af-typography-lockup.d.ts +23 -0
  186. package/dist/types/components.d.ts +416 -163
  187. package/package.json +13 -13
  188. package/dist/affinda/af-badge.af-button.af-card.af-icon-button.af-input.entry.esm.js.map +0 -1
  189. package/dist/affinda/p-bca10492.entry.js +0 -2
  190. package/dist/affinda/p-bca10492.entry.js.map +0 -1
  191. package/dist/affinda/p-o0tfWqnY.js +0 -3
  192. package/dist/affinda/p-o0tfWqnY.js.map +0 -1
  193. package/dist/cjs/af-badge.af-button.af-card.af-icon-button.af-input.entry.cjs.js.map +0 -1
  194. package/dist/cjs/af-badge_5.cjs.entry.js +0 -13
  195. package/dist/cjs/index-5BGpYleS.js.map +0 -1
  196. package/dist/collection/components/af-badge/af-badge.css +0 -29
  197. package/dist/collection/components/af-badge/af-badge.js +0 -47
  198. package/dist/collection/components/af-badge/af-badge.js.map +0 -1
  199. package/dist/collection/components/af-card/af-card.css +0 -69
  200. package/dist/collection/components/af-card/af-card.js +0 -70
  201. package/dist/collection/components/af-card/af-card.js.map +0 -1
  202. package/dist/collection/components/af-input/af-input.css +0 -57
  203. package/dist/collection/components/af-input/af-input.js +0 -193
  204. package/dist/collection/components/af-input/af-input.js.map +0 -1
  205. package/dist/components/af-badge.js +0 -9
  206. package/dist/components/af-badge.js.map +0 -1
  207. package/dist/components/af-card.js +0 -9
  208. package/dist/components/af-card.js.map +0 -1
  209. package/dist/components/af-input.js +0 -9
  210. package/dist/components/af-input.js.map +0 -1
  211. package/dist/components/p-B7I93sz2.js +0 -39
  212. package/dist/components/p-B7I93sz2.js.map +0 -1
  213. package/dist/components/p-CZd1ieht.js +0 -62
  214. package/dist/components/p-CZd1ieht.js.map +0 -1
  215. package/dist/components/p-D6PwARU0.js +0 -59
  216. package/dist/components/p-D6PwARU0.js.map +0 -1
  217. package/dist/components/p-DOtgsZRB.js.map +0 -1
  218. package/dist/components/p-DZIXhvI0.js +0 -44
  219. package/dist/components/p-DZIXhvI0.js.map +0 -1
  220. package/dist/components/p-zIKPa48S.js +0 -62
  221. package/dist/components/p-zIKPa48S.js.map +0 -1
  222. package/dist/esm/af-badge.af-button.af-card.af-icon-button.af-input.entry.js.map +0 -1
  223. package/dist/esm/af-badge_5.entry.js +0 -3
  224. package/dist/esm/index-o0tfWqnY.js.map +0 -1
  225. package/dist/types/components/af-badge/af-badge.d.ts +0 -5
  226. package/dist/types/components/af-card/af-card.d.ts +0 -7
  227. package/dist/types/components/af-input/af-input.d.ts +0 -24
@@ -0,0 +1,168 @@
1
+ :host {
2
+ display: block;
3
+ }
4
+
5
+ .lockup {
6
+ display: flex;
7
+ flex-direction: column;
8
+ gap: 40px;
9
+ }
10
+
11
+ /* Text alignment */
12
+ .text-left {
13
+ align-items: flex-start;
14
+ }
15
+
16
+ .text-center {
17
+ align-items: center;
18
+ }
19
+
20
+ .text-left .copy,
21
+ .text-left .heading,
22
+ .text-left .description {
23
+ text-align: left;
24
+ }
25
+
26
+ .text-center .copy,
27
+ .text-center .heading,
28
+ .text-center .description {
29
+ text-align: center;
30
+ }
31
+
32
+ /* Copy section */
33
+ .copy {
34
+ display: flex;
35
+ flex-direction: column;
36
+ gap: 16px;
37
+ width: 100%;
38
+ }
39
+
40
+ /* Heading styles */
41
+ .heading {
42
+ font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);
43
+ font-weight: 500;
44
+ color: var(--typography-heading-primary, #14343B);
45
+ line-height: 1;
46
+ white-space: pre-wrap;
47
+ }
48
+
49
+ /* Desktop heading sizes */
50
+ .breakpoint-desktop.heading-1 .heading {
51
+ font-size: 56px;
52
+ letter-spacing: -1.12px;
53
+ }
54
+
55
+ .breakpoint-desktop.heading-2 .heading {
56
+ font-size: 44px;
57
+ letter-spacing: -0.88px;
58
+ }
59
+
60
+ .breakpoint-desktop.heading-3 .heading {
61
+ font-size: 34px;
62
+ letter-spacing: -0.68px;
63
+ }
64
+
65
+ .breakpoint-desktop.heading-4 .heading {
66
+ font-size: 24px;
67
+ letter-spacing: -0.48px;
68
+ line-height: 1.2;
69
+ }
70
+
71
+ .breakpoint-desktop.heading-5 .heading {
72
+ font-size: 20px;
73
+ letter-spacing: -0.4px;
74
+ line-height: 1.2;
75
+ }
76
+
77
+ /* Mobile heading sizes */
78
+ .breakpoint-mobile.heading-1 .heading {
79
+ font-size: 38px;
80
+ letter-spacing: -0.76px;
81
+ }
82
+
83
+ .breakpoint-mobile.heading-2 .heading {
84
+ font-size: 32px;
85
+ letter-spacing: -0.64px;
86
+ }
87
+
88
+ .breakpoint-mobile.heading-3 .heading {
89
+ font-size: 25px;
90
+ letter-spacing: -0.5px;
91
+ }
92
+
93
+ .breakpoint-mobile.heading-4 .heading {
94
+ font-size: 20px;
95
+ letter-spacing: -0.4px;
96
+ line-height: 1.1;
97
+ }
98
+
99
+ .breakpoint-mobile.heading-5 .heading {
100
+ font-size: 18px;
101
+ letter-spacing: -0.36px;
102
+ line-height: 1.1;
103
+ }
104
+
105
+ /* Description/body text */
106
+ .description {
107
+ font-family: 'Helvetica', var(--typography-primaryfont, 'NeuSans', sans-serif), sans-serif;
108
+ font-size: 18px;
109
+ font-weight: 400;
110
+ line-height: 26px;
111
+ color: var(--typography-body-default, #2B484F);
112
+ white-space: pre-wrap;
113
+ }
114
+
115
+ .description:empty {
116
+ display: none;
117
+ }
118
+
119
+ /* Buttons section */
120
+ .buttons {
121
+ display: flex;
122
+ gap: 12px;
123
+ }
124
+
125
+ .buttons:empty {
126
+ display: none;
127
+ }
128
+
129
+ /* Button alignment - horizontal */
130
+ .button-horizontal .buttons {
131
+ flex-direction: row;
132
+ align-items: center;
133
+ }
134
+
135
+ .text-left.button-horizontal {
136
+ flex-direction: row;
137
+ align-items: center;
138
+ gap: 16px;
139
+ }
140
+
141
+ .text-left.button-horizontal .copy {
142
+ flex: 1 0 0;
143
+ max-width: 950px;
144
+ }
145
+
146
+ .text-left.button-horizontal .buttons {
147
+ flex-shrink: 0;
148
+ }
149
+
150
+ /* Button alignment - vertical */
151
+ .button-vertical .buttons {
152
+ flex-direction: row;
153
+ align-items: flex-start;
154
+ }
155
+
156
+ .text-center.button-vertical .buttons {
157
+ align-items: center;
158
+ }
159
+
160
+ /* Max width constraints for centered layouts */
161
+ .text-center .copy {
162
+ max-width: 840px;
163
+ }
164
+
165
+ /* Slot content styling */
166
+ ::slotted(*) {
167
+ margin: 0;
168
+ }
@@ -0,0 +1,151 @@
1
+ import { h, Host } from "@stencil/core";
2
+ export class AfTypographyLockup {
3
+ constructor() {
4
+ /**
5
+ * The heading size (1-5, where 1 is largest)
6
+ */
7
+ this.headingSize = 2;
8
+ /**
9
+ * The breakpoint for responsive typography
10
+ */
11
+ this.breakpoint = 'desktop';
12
+ /**
13
+ * Text alignment
14
+ */
15
+ this.textAlignment = 'left';
16
+ /**
17
+ * Button alignment (horizontal or vertical stacking)
18
+ */
19
+ this.buttonAlignment = 'vertical';
20
+ }
21
+ render() {
22
+ const containerClasses = {
23
+ 'lockup': true,
24
+ [`text-${this.textAlignment}`]: true,
25
+ [`button-${this.buttonAlignment}`]: true
26
+ };
27
+ const copyClasses = {
28
+ 'copy': true,
29
+ [`heading-${this.headingSize}`]: true,
30
+ [`breakpoint-${this.breakpoint}`]: true
31
+ };
32
+ const copyStyle = this.maxWidth ? { maxWidth: `${this.maxWidth}px` } : {};
33
+ return (h(Host, { key: '7a748e23cc9262e4cf73abacf51951545228344c' }, h("div", { key: '443df8d7086ae8daf88f3827551219138dab43bb', class: containerClasses }, h("div", { key: 'efbf2467f36e2888bd4892524fb3d09b21b2ddfd', class: copyClasses, style: copyStyle }, h("div", { key: 'eb206a7d2e5c364a96295b11f83a87784c342ced', class: "heading" }, h("slot", { key: '360e15b14fbeeffd01fc55b2e0552bad530a337f' })), h("div", { key: '3b76ff5527eb52c382554f470991a05cbaf8e1e3', class: "description" }, h("slot", { key: '4e9f291edeac066abf2d1e416b846b9d1cbee2dc', name: "description" }))), h("div", { key: 'ff84e9ce823763b7570109d02b10d3039adefe61', class: "buttons" }, h("slot", { key: '36d0cc47a688c23c55d449a8f8e37b6f4be93d23', name: "buttons" })))));
34
+ }
35
+ static get is() { return "af-typography-lockup"; }
36
+ static get encapsulation() { return "shadow"; }
37
+ static get originalStyleUrls() {
38
+ return {
39
+ "$": ["af-typography-lockup.css"]
40
+ };
41
+ }
42
+ static get styleUrls() {
43
+ return {
44
+ "$": ["af-typography-lockup.css"]
45
+ };
46
+ }
47
+ static get properties() {
48
+ return {
49
+ "headingSize": {
50
+ "type": "number",
51
+ "mutable": false,
52
+ "complexType": {
53
+ "original": "1 | 2 | 3 | 4 | 5",
54
+ "resolved": "1 | 2 | 3 | 4 | 5",
55
+ "references": {}
56
+ },
57
+ "required": false,
58
+ "optional": false,
59
+ "docs": {
60
+ "tags": [],
61
+ "text": "The heading size (1-5, where 1 is largest)"
62
+ },
63
+ "getter": false,
64
+ "setter": false,
65
+ "reflect": false,
66
+ "attribute": "heading-size",
67
+ "defaultValue": "2"
68
+ },
69
+ "breakpoint": {
70
+ "type": "string",
71
+ "mutable": false,
72
+ "complexType": {
73
+ "original": "'desktop' | 'mobile'",
74
+ "resolved": "\"desktop\" | \"mobile\"",
75
+ "references": {}
76
+ },
77
+ "required": false,
78
+ "optional": false,
79
+ "docs": {
80
+ "tags": [],
81
+ "text": "The breakpoint for responsive typography"
82
+ },
83
+ "getter": false,
84
+ "setter": false,
85
+ "reflect": false,
86
+ "attribute": "breakpoint",
87
+ "defaultValue": "'desktop'"
88
+ },
89
+ "textAlignment": {
90
+ "type": "string",
91
+ "mutable": false,
92
+ "complexType": {
93
+ "original": "'left' | 'center'",
94
+ "resolved": "\"center\" | \"left\"",
95
+ "references": {}
96
+ },
97
+ "required": false,
98
+ "optional": false,
99
+ "docs": {
100
+ "tags": [],
101
+ "text": "Text alignment"
102
+ },
103
+ "getter": false,
104
+ "setter": false,
105
+ "reflect": false,
106
+ "attribute": "text-alignment",
107
+ "defaultValue": "'left'"
108
+ },
109
+ "buttonAlignment": {
110
+ "type": "string",
111
+ "mutable": false,
112
+ "complexType": {
113
+ "original": "'horizontal' | 'vertical'",
114
+ "resolved": "\"horizontal\" | \"vertical\"",
115
+ "references": {}
116
+ },
117
+ "required": false,
118
+ "optional": false,
119
+ "docs": {
120
+ "tags": [],
121
+ "text": "Button alignment (horizontal or vertical stacking)"
122
+ },
123
+ "getter": false,
124
+ "setter": false,
125
+ "reflect": false,
126
+ "attribute": "button-alignment",
127
+ "defaultValue": "'vertical'"
128
+ },
129
+ "maxWidth": {
130
+ "type": "number",
131
+ "mutable": false,
132
+ "complexType": {
133
+ "original": "number",
134
+ "resolved": "number | undefined",
135
+ "references": {}
136
+ },
137
+ "required": false,
138
+ "optional": true,
139
+ "docs": {
140
+ "tags": [],
141
+ "text": "Maximum width for the copy section (in pixels)"
142
+ },
143
+ "getter": false,
144
+ "setter": false,
145
+ "reflect": false,
146
+ "attribute": "max-width"
147
+ }
148
+ };
149
+ }
150
+ }
151
+ //# sourceMappingURL=af-typography-lockup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"af-typography-lockup.js","sourceRoot":"","sources":["../../../src/components/af-typography-lockup/af-typography-lockup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,kBAAkB;IAL/B;QAME;;WAEG;QACK,gBAAW,GAAsB,CAAC,CAAC;QAE3C;;WAEG;QACK,eAAU,GAAyB,SAAS,CAAC;QAErD;;WAEG;QACK,kBAAa,GAAsB,MAAM,CAAC;QAElD;;WAEG;QACK,oBAAe,GAA8B,UAAU,CAAC;KAwCjE;IAjCC,MAAM;QACJ,MAAM,gBAAgB,GAAG;YACvB,QAAQ,EAAE,IAAI;YACd,CAAC,QAAQ,IAAI,CAAC,aAAa,EAAE,CAAC,EAAE,IAAI;YACpC,CAAC,UAAU,IAAI,CAAC,eAAe,EAAE,CAAC,EAAE,IAAI;SACzC,CAAC;QAEF,MAAM,WAAW,GAAG;YAClB,MAAM,EAAE,IAAI;YACZ,CAAC,WAAW,IAAI,CAAC,WAAW,EAAE,CAAC,EAAE,IAAI;YACrC,CAAC,cAAc,IAAI,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;SACxC,CAAC;QAEF,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAE1E,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,gBAAgB;gBAC1B,4DAAK,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS;oBACvC,4DAAK,KAAK,EAAC,SAAS;wBAClB,8DAAa,CACT;oBACN,4DAAK,KAAK,EAAC,aAAa;wBACtB,6DAAM,IAAI,EAAC,aAAa,GAAQ,CAC5B,CACF;gBACN,4DAAK,KAAK,EAAC,SAAS;oBAClB,6DAAM,IAAI,EAAC,SAAS,GAAQ,CACxB,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Host } from '@stencil/core';\n\n@Component({\n tag: 'af-typography-lockup',\n styleUrl: 'af-typography-lockup.css',\n shadow: true\n})\nexport class AfTypographyLockup {\n /**\n * The heading size (1-5, where 1 is largest)\n */\n @Prop() headingSize: 1 | 2 | 3 | 4 | 5 = 2;\n\n /**\n * The breakpoint for responsive typography\n */\n @Prop() breakpoint: 'desktop' | 'mobile' = 'desktop';\n\n /**\n * Text alignment\n */\n @Prop() textAlignment: 'left' | 'center' = 'left';\n\n /**\n * Button alignment (horizontal or vertical stacking)\n */\n @Prop() buttonAlignment: 'horizontal' | 'vertical' = 'vertical';\n\n /**\n * Maximum width for the copy section (in pixels)\n */\n @Prop() maxWidth?: number;\n\n render() {\n const containerClasses = {\n 'lockup': true,\n [`text-${this.textAlignment}`]: true,\n [`button-${this.buttonAlignment}`]: true\n };\n\n const copyClasses = {\n 'copy': true,\n [`heading-${this.headingSize}`]: true,\n [`breakpoint-${this.breakpoint}`]: true\n };\n\n const copyStyle = this.maxWidth ? { maxWidth: `${this.maxWidth}px` } : {};\n\n return (\n <Host>\n <div class={containerClasses}>\n <div class={copyClasses} style={copyStyle}>\n <div class=\"heading\">\n <slot></slot>\n </div>\n <div class=\"description\">\n <slot name=\"description\"></slot>\n </div>\n </div>\n <div class=\"buttons\">\n <slot name=\"buttons\"></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
@@ -1,6 +1,13 @@
1
+ export { AfHeading } from './components/af-heading/af-heading';
2
+ export { AfText } from './components/af-text/af-text';
3
+ export { AfColorSwatch } from './components/af-color-swatch/af-color-swatch';
4
+ export { AfContainer } from './components/af-container/af-container';
5
+ export { AfAspectRatio } from './components/af-aspect-ratio/af-aspect-ratio';
6
+ export { AfNavItem } from './components/af-nav-item/af-nav-item';
7
+ export { AfNavbar } from './components/af-navbar/af-navbar';
8
+ export { AfLogo } from './components/af-logo/af-logo';
1
9
  export { AfButton } from './components/af-button/af-button';
2
- export { AfBadge } from './components/af-badge/af-badge';
3
10
  export { AfIconButton } from './components/af-icon-button/af-icon-button';
4
- export { AfCard } from './components/af-card/af-card';
5
- export { AfInput } from './components/af-input/af-input';
11
+ export { AfButtonGroup } from './components/af-button-group/af-button-group';
12
+ export { AfTypographyLockup } from './components/af-typography-lockup/af-typography-lockup';
6
13
  //# sourceMappingURL=components.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC","sourcesContent":["export { AfButton } from './components/af-button/af-button';\nexport { AfBadge } from './components/af-badge/af-badge';\nexport { AfIconButton } from './components/af-icon-button/af-icon-button';\nexport { AfCard } from './components/af-card/af-card';\nexport { AfInput } from './components/af-input/af-input';\n"]}
1
+ {"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,wDAAwD,CAAC","sourcesContent":["export { AfHeading } from './components/af-heading/af-heading';\nexport { AfText } from './components/af-text/af-text';\nexport { AfColorSwatch } from './components/af-color-swatch/af-color-swatch';\nexport { AfContainer } from './components/af-container/af-container';\nexport { AfAspectRatio } from './components/af-aspect-ratio/af-aspect-ratio';\nexport { AfNavItem } from './components/af-nav-item/af-nav-item';\nexport { AfNavbar } from './components/af-navbar/af-navbar';\nexport { AfLogo } from './components/af-logo/af-logo';\nexport { AfButton } from './components/af-button/af-button';\nexport { AfIconButton } from './components/af-icon-button/af-icon-button';\nexport { AfButtonGroup } from './components/af-button-group/af-button-group';\nexport { AfTypographyLockup } from './components/af-typography-lockup/af-typography-lockup';\n"]}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface AfAspectRatio extends Components.AfAspectRatio, HTMLElement {}
4
+ export const AfAspectRatio: {
5
+ prototype: AfAspectRatio;
6
+ new (): AfAspectRatio;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1,9 @@
1
+ import { A as AfAspectRatio$1, d as defineCustomElement$1 } from './p-DqIqR4VU.js';
2
+
3
+ const AfAspectRatio = AfAspectRatio$1;
4
+ const defineCustomElement = defineCustomElement$1;
5
+
6
+ export { AfAspectRatio, defineCustomElement };
7
+ //# sourceMappingURL=af-aspect-ratio.js.map
8
+
9
+ //# sourceMappingURL=af-aspect-ratio.js.map
@@ -0,0 +1 @@
1
+ {"file":"af-aspect-ratio.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface AfButtonGroup extends Components.AfButtonGroup, HTMLElement {}
4
+ export const AfButtonGroup: {
5
+ prototype: AfButtonGroup;
6
+ new (): AfButtonGroup;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1,9 @@
1
+ import { A as AfButtonGroup$1, d as defineCustomElement$1 } from './p-BfmeW04T.js';
2
+
3
+ const AfButtonGroup = AfButtonGroup$1;
4
+ const defineCustomElement = defineCustomElement$1;
5
+
6
+ export { AfButtonGroup, defineCustomElement };
7
+ //# sourceMappingURL=af-button-group.js.map
8
+
9
+ //# sourceMappingURL=af-button-group.js.map
@@ -0,0 +1 @@
1
+ {"file":"af-button-group.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
@@ -1,4 +1,4 @@
1
- import { A as AfButton$1, d as defineCustomElement$1 } from './p-zIKPa48S.js';
1
+ import { A as AfButton$1, d as defineCustomElement$1 } from './p-uhOM63Ux.js';
2
2
 
3
3
  const AfButton = AfButton$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface AfColorSwatch extends Components.AfColorSwatch, HTMLElement {}
4
+ export const AfColorSwatch: {
5
+ prototype: AfColorSwatch;
6
+ new (): AfColorSwatch;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1,9 @@
1
+ import { A as AfColorSwatch$1, d as defineCustomElement$1 } from './p-LEksuu7O.js';
2
+
3
+ const AfColorSwatch = AfColorSwatch$1;
4
+ const defineCustomElement = defineCustomElement$1;
5
+
6
+ export { AfColorSwatch, defineCustomElement };
7
+ //# sourceMappingURL=af-color-swatch.js.map
8
+
9
+ //# sourceMappingURL=af-color-swatch.js.map
@@ -0,0 +1 @@
1
+ {"file":"af-color-swatch.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface AfContainer extends Components.AfContainer, HTMLElement {}
4
+ export const AfContainer: {
5
+ prototype: AfContainer;
6
+ new (): AfContainer;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1,9 @@
1
+ import { A as AfContainer$1, d as defineCustomElement$1 } from './p-DfIqdEs7.js';
2
+
3
+ const AfContainer = AfContainer$1;
4
+ const defineCustomElement = defineCustomElement$1;
5
+
6
+ export { AfContainer, defineCustomElement };
7
+ //# sourceMappingURL=af-container.js.map
8
+
9
+ //# sourceMappingURL=af-container.js.map
@@ -0,0 +1 @@
1
+ {"file":"af-container.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface AfHeading extends Components.AfHeading, HTMLElement {}
4
+ export const AfHeading: {
5
+ prototype: AfHeading;
6
+ new (): AfHeading;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1,9 @@
1
+ import { A as AfHeading$1, d as defineCustomElement$1 } from './p-BJDmHNDi.js';
2
+
3
+ const AfHeading = AfHeading$1;
4
+ const defineCustomElement = defineCustomElement$1;
5
+
6
+ export { AfHeading, defineCustomElement };
7
+ //# sourceMappingURL=af-heading.js.map
8
+
9
+ //# sourceMappingURL=af-heading.js.map
@@ -0,0 +1 @@
1
+ {"file":"af-heading.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
@@ -1,4 +1,4 @@
1
- import { A as AfIconButton$1, d as defineCustomElement$1 } from './p-D6PwARU0.js';
1
+ import { A as AfIconButton$1, d as defineCustomElement$1 } from './p-BoU5qaPt.js';
2
2
 
3
3
  const AfIconButton = AfIconButton$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,9 +1,9 @@
1
1
  import type { Components, JSX } from "../types/components";
2
2
 
3
- interface AfCard extends Components.AfCard, HTMLElement {}
4
- export const AfCard: {
5
- prototype: AfCard;
6
- new (): AfCard;
3
+ interface AfLogo extends Components.AfLogo, HTMLElement {}
4
+ export const AfLogo: {
5
+ prototype: AfLogo;
6
+ new (): AfLogo;
7
7
  };
8
8
  /**
9
9
  * Used to define this component and all nested components recursively.
@@ -0,0 +1,9 @@
1
+ import { A as AfLogo$1, d as defineCustomElement$1 } from './p-zBrKMKWE.js';
2
+
3
+ const AfLogo = AfLogo$1;
4
+ const defineCustomElement = defineCustomElement$1;
5
+
6
+ export { AfLogo, defineCustomElement };
7
+ //# sourceMappingURL=af-logo.js.map
8
+
9
+ //# sourceMappingURL=af-logo.js.map
@@ -0,0 +1 @@
1
+ {"file":"af-logo.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface AfNavItem extends Components.AfNavItem, HTMLElement {}
4
+ export const AfNavItem: {
5
+ prototype: AfNavItem;
6
+ new (): AfNavItem;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1,9 @@
1
+ import { A as AfNavItem$1, d as defineCustomElement$1 } from './p-DG7Mtz0G.js';
2
+
3
+ const AfNavItem = AfNavItem$1;
4
+ const defineCustomElement = defineCustomElement$1;
5
+
6
+ export { AfNavItem, defineCustomElement };
7
+ //# sourceMappingURL=af-nav-item.js.map
8
+
9
+ //# sourceMappingURL=af-nav-item.js.map
@@ -0,0 +1 @@
1
+ {"file":"af-nav-item.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
@@ -1,9 +1,9 @@
1
1
  import type { Components, JSX } from "../types/components";
2
2
 
3
- interface AfBadge extends Components.AfBadge, HTMLElement {}
4
- export const AfBadge: {
5
- prototype: AfBadge;
6
- new (): AfBadge;
3
+ interface AfNavbar extends Components.AfNavbar, HTMLElement {}
4
+ export const AfNavbar: {
5
+ prototype: AfNavbar;
6
+ new (): AfNavbar;
7
7
  };
8
8
  /**
9
9
  * Used to define this component and all nested components recursively.
@@ -0,0 +1,9 @@
1
+ import { A as AfNavbar$1, d as defineCustomElement$1 } from './p-B17zxKkI.js';
2
+
3
+ const AfNavbar = AfNavbar$1;
4
+ const defineCustomElement = defineCustomElement$1;
5
+
6
+ export { AfNavbar, defineCustomElement };
7
+ //# sourceMappingURL=af-navbar.js.map
8
+
9
+ //# sourceMappingURL=af-navbar.js.map
@@ -0,0 +1 @@
1
+ {"file":"af-navbar.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
@@ -1,9 +1,9 @@
1
1
  import type { Components, JSX } from "../types/components";
2
2
 
3
- interface AfInput extends Components.AfInput, HTMLElement {}
4
- export const AfInput: {
5
- prototype: AfInput;
6
- new (): AfInput;
3
+ interface AfText extends Components.AfText, HTMLElement {}
4
+ export const AfText: {
5
+ prototype: AfText;
6
+ new (): AfText;
7
7
  };
8
8
  /**
9
9
  * Used to define this component and all nested components recursively.
@@ -0,0 +1,9 @@
1
+ import { A as AfText$1, d as defineCustomElement$1 } from './p-CT_9_xN3.js';
2
+
3
+ const AfText = AfText$1;
4
+ const defineCustomElement = defineCustomElement$1;
5
+
6
+ export { AfText, defineCustomElement };
7
+ //# sourceMappingURL=af-text.js.map
8
+
9
+ //# sourceMappingURL=af-text.js.map
@@ -0,0 +1 @@
1
+ {"file":"af-text.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface AfTypographyLockup extends Components.AfTypographyLockup, HTMLElement {}
4
+ export const AfTypographyLockup: {
5
+ prototype: AfTypographyLockup;
6
+ new (): AfTypographyLockup;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1,9 @@
1
+ import { A as AfTypographyLockup$1, d as defineCustomElement$1 } from './p-DcFGu6up.js';
2
+
3
+ const AfTypographyLockup = AfTypographyLockup$1;
4
+ const defineCustomElement = defineCustomElement$1;
5
+
6
+ export { AfTypographyLockup, defineCustomElement };
7
+ //# sourceMappingURL=af-typography-lockup.js.map
8
+
9
+ //# sourceMappingURL=af-typography-lockup.js.map
@@ -0,0 +1 @@
1
+ {"file":"af-typography-lockup.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}