@troychaplin/parlour-ui 0.1.0

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 (243) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +328 -0
  3. package/dist/_shared/client-CLAcY4nN.cjs +1 -0
  4. package/dist/_shared/client-CsCPbj42.mjs +93 -0
  5. package/dist/_shared/rolldown-runtime-BocRIvOZ.cjs +1 -0
  6. package/dist/_shared/shared-B07rlYN8.cjs +1 -0
  7. package/dist/_shared/shared-DZTw1JIu.mjs +400 -0
  8. package/dist/components/Article/Article.d.ts +7 -0
  9. package/dist/components/Article/Article.d.ts.map +1 -0
  10. package/dist/components/Article/index.cjs +1 -0
  11. package/dist/components/Article/index.d.ts +9 -0
  12. package/dist/components/Article/index.d.ts.map +1 -0
  13. package/dist/components/Article/index.mjs +6 -0
  14. package/dist/components/Aside/Aside.d.ts +9 -0
  15. package/dist/components/Aside/Aside.d.ts.map +1 -0
  16. package/dist/components/Aside/index.cjs +1 -0
  17. package/dist/components/Aside/index.d.ts +12 -0
  18. package/dist/components/Aside/index.d.ts.map +1 -0
  19. package/dist/components/Aside/index.mjs +22 -0
  20. package/dist/components/Aside/styles.css +3 -0
  21. package/dist/components/Aside/styles.scss +3 -0
  22. package/dist/components/Body/Body.d.ts +7 -0
  23. package/dist/components/Body/Body.d.ts.map +1 -0
  24. package/dist/components/Body/index.cjs +1 -0
  25. package/dist/components/Body/index.d.ts +9 -0
  26. package/dist/components/Body/index.d.ts.map +1 -0
  27. package/dist/components/Body/index.mjs +9 -0
  28. package/dist/components/Button/Button.d.ts +24 -0
  29. package/dist/components/Button/Button.d.ts.map +1 -0
  30. package/dist/components/Button/index.cjs +1 -0
  31. package/dist/components/Button/index.d.ts +35 -0
  32. package/dist/components/Button/index.d.ts.map +1 -0
  33. package/dist/components/Button/index.mjs +2 -0
  34. package/dist/components/Button/styles.css +120 -0
  35. package/dist/components/Button/styles.scss +120 -0
  36. package/dist/components/ButtonGroup/ButtonGroup.d.ts +10 -0
  37. package/dist/components/ButtonGroup/ButtonGroup.d.ts.map +1 -0
  38. package/dist/components/ButtonGroup/index.cjs +1 -0
  39. package/dist/components/ButtonGroup/index.d.ts +17 -0
  40. package/dist/components/ButtonGroup/index.d.ts.map +1 -0
  41. package/dist/components/ButtonGroup/index.mjs +2 -0
  42. package/dist/components/ButtonGroup/styles.css +22 -0
  43. package/dist/components/ButtonGroup/styles.scss +22 -0
  44. package/dist/components/Card/Card.d.ts +16 -0
  45. package/dist/components/Card/Card.d.ts.map +1 -0
  46. package/dist/components/Card/index.cjs +1 -0
  47. package/dist/components/Card/index.d.ts +48 -0
  48. package/dist/components/Card/index.d.ts.map +1 -0
  49. package/dist/components/Card/index.mjs +21 -0
  50. package/dist/components/Card/styles.css +133 -0
  51. package/dist/components/Card/styles.scss +133 -0
  52. package/dist/components/CodeBlock/CodeBlock.d.ts +12 -0
  53. package/dist/components/CodeBlock/CodeBlock.d.ts.map +1 -0
  54. package/dist/components/CodeBlock/index.cjs +1 -0
  55. package/dist/components/CodeBlock/index.d.ts +29 -0
  56. package/dist/components/CodeBlock/index.d.ts.map +1 -0
  57. package/dist/components/CodeBlock/index.mjs +20 -0
  58. package/dist/components/CodeBlock/styles.css +53 -0
  59. package/dist/components/CodeBlock/styles.scss +53 -0
  60. package/dist/components/Column/Column.d.ts +23 -0
  61. package/dist/components/Column/Column.d.ts.map +1 -0
  62. package/dist/components/Column/ColumnContent.d.ts +10 -0
  63. package/dist/components/Column/ColumnContent.d.ts.map +1 -0
  64. package/dist/components/Column/index.cjs +1 -0
  65. package/dist/components/Column/index.d.ts +33 -0
  66. package/dist/components/Column/index.d.ts.map +1 -0
  67. package/dist/components/Column/index.mjs +21 -0
  68. package/dist/components/Column/styles.css +74 -0
  69. package/dist/components/Column/styles.scss +74 -0
  70. package/dist/components/Container/Container.d.ts +16 -0
  71. package/dist/components/Container/Container.d.ts.map +1 -0
  72. package/dist/components/Container/index.cjs +1 -0
  73. package/dist/components/Container/index.d.ts +51 -0
  74. package/dist/components/Container/index.d.ts.map +1 -0
  75. package/dist/components/Container/index.mjs +2 -0
  76. package/dist/components/Container/styles.css +126 -0
  77. package/dist/components/Container/styles.scss +126 -0
  78. package/dist/components/Figure/Figure.d.ts +12 -0
  79. package/dist/components/Figure/Figure.d.ts.map +1 -0
  80. package/dist/components/Figure/index.cjs +1 -0
  81. package/dist/components/Figure/index.d.ts +14 -0
  82. package/dist/components/Figure/index.d.ts.map +1 -0
  83. package/dist/components/Figure/index.mjs +23 -0
  84. package/dist/components/Figure/styles.css +78 -0
  85. package/dist/components/Figure/styles.scss +78 -0
  86. package/dist/components/FlexGroup/FlexGroup.d.ts +21 -0
  87. package/dist/components/FlexGroup/FlexGroup.d.ts.map +1 -0
  88. package/dist/components/FlexGroup/index.cjs +1 -0
  89. package/dist/components/FlexGroup/index.d.ts +69 -0
  90. package/dist/components/FlexGroup/index.d.ts.map +1 -0
  91. package/dist/components/FlexGroup/index.mjs +2 -0
  92. package/dist/components/FlexGroup/styles.css +197 -0
  93. package/dist/components/FlexGroup/styles.scss +197 -0
  94. package/dist/components/GridGroup/GridGroup.d.ts +16 -0
  95. package/dist/components/GridGroup/GridGroup.d.ts.map +1 -0
  96. package/dist/components/GridGroup/index.cjs +1 -0
  97. package/dist/components/GridGroup/index.d.ts +46 -0
  98. package/dist/components/GridGroup/index.d.ts.map +1 -0
  99. package/dist/components/GridGroup/index.mjs +22 -0
  100. package/dist/components/GridGroup/styles.css +144 -0
  101. package/dist/components/GridGroup/styles.scss +144 -0
  102. package/dist/components/Hero/Hero.d.ts +7 -0
  103. package/dist/components/Hero/Hero.d.ts.map +1 -0
  104. package/dist/components/Hero/index.cjs +1 -0
  105. package/dist/components/Hero/index.d.ts +9 -0
  106. package/dist/components/Hero/index.d.ts.map +1 -0
  107. package/dist/components/Hero/index.mjs +23 -0
  108. package/dist/components/Hero/styles.css +27 -0
  109. package/dist/components/Hero/styles.scss +27 -0
  110. package/dist/components/HeroHeader/HeroHeader.d.ts +11 -0
  111. package/dist/components/HeroHeader/HeroHeader.d.ts.map +1 -0
  112. package/dist/components/HeroHeader/index.cjs +1 -0
  113. package/dist/components/HeroHeader/index.d.ts +14 -0
  114. package/dist/components/HeroHeader/index.d.ts.map +1 -0
  115. package/dist/components/HeroHeader/index.mjs +30 -0
  116. package/dist/components/HeroHeader/styles.css +39 -0
  117. package/dist/components/HeroHeader/styles.scss +39 -0
  118. package/dist/components/InfoBar/InfoBar.d.ts +8 -0
  119. package/dist/components/InfoBar/InfoBar.d.ts.map +1 -0
  120. package/dist/components/InfoBar/index.cjs +1 -0
  121. package/dist/components/InfoBar/index.d.ts +10 -0
  122. package/dist/components/InfoBar/index.d.ts.map +1 -0
  123. package/dist/components/InfoBar/index.mjs +44 -0
  124. package/dist/components/InfoBar/styles.css +11 -0
  125. package/dist/components/InfoBar/styles.scss +11 -0
  126. package/dist/components/LinkProvider/LinkContext.d.ts +4 -0
  127. package/dist/components/LinkProvider/LinkContext.d.ts.map +1 -0
  128. package/dist/components/LinkProvider/index.cjs +1 -0
  129. package/dist/components/LinkProvider/index.d.ts +16 -0
  130. package/dist/components/LinkProvider/index.d.ts.map +1 -0
  131. package/dist/components/LinkProvider/index.mjs +11 -0
  132. package/dist/components/LinkProvider/useLinkContext.d.ts +2 -0
  133. package/dist/components/LinkProvider/useLinkContext.d.ts.map +1 -0
  134. package/dist/components/Main/Main.d.ts +8 -0
  135. package/dist/components/Main/Main.d.ts.map +1 -0
  136. package/dist/components/Main/index.cjs +1 -0
  137. package/dist/components/Main/index.d.ts +10 -0
  138. package/dist/components/Main/index.d.ts.map +1 -0
  139. package/dist/components/Main/index.mjs +20 -0
  140. package/dist/components/Main/styles.css +19 -0
  141. package/dist/components/Main/styles.scss +19 -0
  142. package/dist/components/SectionHeader/SectionHeader.d.ts +9 -0
  143. package/dist/components/SectionHeader/SectionHeader.d.ts.map +1 -0
  144. package/dist/components/SectionHeader/index.cjs +1 -0
  145. package/dist/components/SectionHeader/index.d.ts +12 -0
  146. package/dist/components/SectionHeader/index.d.ts.map +1 -0
  147. package/dist/components/SectionHeader/index.mjs +19 -0
  148. package/dist/components/SectionHeader/styles.css +29 -0
  149. package/dist/components/SectionHeader/styles.scss +29 -0
  150. package/dist/components/SiteHeader/SiteHeader.d.ts +9 -0
  151. package/dist/components/SiteHeader/SiteHeader.d.ts.map +1 -0
  152. package/dist/components/SiteHeader/index.cjs +1 -0
  153. package/dist/components/SiteHeader/index.d.ts +11 -0
  154. package/dist/components/SiteHeader/index.d.ts.map +1 -0
  155. package/dist/components/SiteHeader/index.mjs +73 -0
  156. package/dist/components/SiteHeader/styles.css +47 -0
  157. package/dist/components/SiteHeader/styles.scss +47 -0
  158. package/dist/components/_shared/Button-CAFrgdq8.mjs +28 -0
  159. package/dist/components/_shared/Button-CQIUEu-m.cjs +1 -0
  160. package/dist/components/_shared/ButtonGroup-B0V_8y-2.mjs +9 -0
  161. package/dist/components/_shared/ButtonGroup-ChqwMTps.cjs +1 -0
  162. package/dist/components/_shared/Container-Bl4f1ZwJ.cjs +1 -0
  163. package/dist/components/_shared/Container-OGjfScEb.mjs +26 -0
  164. package/dist/components/_shared/FlexGroup-CgPbyEha.cjs +1 -0
  165. package/dist/components/_shared/FlexGroup-CnOrx2MF.mjs +24 -0
  166. package/dist/components/_shared/parlour-tokens-BT0frVnY.cjs +1 -0
  167. package/dist/components/_shared/parlour-tokens-CHt4gBUd.mjs +245 -0
  168. package/dist/components/_shared/propClasses-CLbmpfVJ.cjs +1 -0
  169. package/dist/components/_shared/propClasses-R9s_eOfA.mjs +40 -0
  170. package/dist/components/_shared/rolldown-runtime-BocRIvOZ.cjs +1 -0
  171. package/dist/components/_shared/useLinkContext-CJko6HGf.mjs +6 -0
  172. package/dist/components/_shared/useLinkContext-DwwV1iqK.cjs +1 -0
  173. package/dist/components/tokens/index.cjs +1 -0
  174. package/dist/components/tokens/index.d.ts +5 -0
  175. package/dist/components/tokens/index.d.ts.map +1 -0
  176. package/dist/components/tokens/index.mjs +2 -0
  177. package/dist/data/ArticleData.d.ts +2 -0
  178. package/dist/data/ArticleData.d.ts.map +1 -0
  179. package/dist/data/CodeData.d.ts +3 -0
  180. package/dist/data/CodeData.d.ts.map +1 -0
  181. package/dist/data/ImageData.d.ts +5 -0
  182. package/dist/data/ImageData.d.ts.map +1 -0
  183. package/dist/data/NewsData.d.ts +11 -0
  184. package/dist/data/NewsData.d.ts.map +1 -0
  185. package/dist/data/SampleContent.d.ts +9 -0
  186. package/dist/data/SampleContent.d.ts.map +1 -0
  187. package/dist/data-images/attend-1-thumb.jpg +0 -0
  188. package/dist/data-images/attend-2-thumb.jpg +0 -0
  189. package/dist/data-images/attend-3-thumb.jpg +0 -0
  190. package/dist/data-images/attend-4-thumb.jpg +0 -0
  191. package/dist/data-images/event-1-thumb.jpg +0 -0
  192. package/dist/data-images/event-2-thumb.jpg +0 -0
  193. package/dist/data-images/event-3-thumb.jpg +0 -0
  194. package/dist/data-images/event-4-thumb.jpg +0 -0
  195. package/dist/data-images/story-1-thumb.jpg +0 -0
  196. package/dist/data-images/story-2-thumb.jpg +0 -0
  197. package/dist/data-images/story-3-thumb.jpg +0 -0
  198. package/dist/data-images/story-4-thumb.jpg +0 -0
  199. package/dist/docs/stylebook/components/BorderRadiusSamples.d.ts +7 -0
  200. package/dist/docs/stylebook/components/BorderRadiusSamples.d.ts.map +1 -0
  201. package/dist/docs/stylebook/components/ColorSwatches.d.ts +9 -0
  202. package/dist/docs/stylebook/components/ColorSwatches.d.ts.map +1 -0
  203. package/dist/docs/stylebook/components/ShadowSamples.d.ts +7 -0
  204. package/dist/docs/stylebook/components/ShadowSamples.d.ts.map +1 -0
  205. package/dist/docs/stylebook/components/SpacingScale.d.ts +8 -0
  206. package/dist/docs/stylebook/components/SpacingScale.d.ts.map +1 -0
  207. package/dist/docs/stylebook/components/TypographyScale.d.ts +23 -0
  208. package/dist/docs/stylebook/components/TypographyScale.d.ts.map +1 -0
  209. package/dist/fonts/inter-tight/inter-tight-variable-italic.woff2 +0 -0
  210. package/dist/fonts/inter-tight/inter-tight-variable-normal.woff2 +0 -0
  211. package/dist/fonts/jetbrains-mono/jetbrains-mono-variable-italic.woff2 +0 -0
  212. package/dist/fonts/jetbrains-mono/jetbrains-mono-variable-normal.woff2 +0 -0
  213. package/dist/fonts/source-serif-4/source-serif-4-variable-italic.woff2 +0 -0
  214. package/dist/fonts/source-serif-4/source-serif-4-variable-normal.woff2 +0 -0
  215. package/dist/fonts.css +43 -0
  216. package/dist/index.cjs +1 -0
  217. package/dist/index.d.ts +20 -0
  218. package/dist/index.d.ts.map +1 -0
  219. package/dist/index.mjs +3 -0
  220. package/dist/sample-imgs/event-img.jpg +0 -0
  221. package/dist/sample-imgs/news-img.jpg +0 -0
  222. package/dist/sample-imgs/page-img.jpg +0 -0
  223. package/dist/sample-imgs/people-img.jpg +0 -0
  224. package/dist/style.css +43 -0
  225. package/dist/styles/_parlour-variables.scss +83 -0
  226. package/dist/styles/c2b/parlour-tokens.d.ts +19 -0
  227. package/dist/styles/parlour-base-styles.css +72 -0
  228. package/dist/styles/parlour-base-styles.scss +72 -0
  229. package/dist/styles/parlour-layout.css +50 -0
  230. package/dist/styles/parlour-layout.scss +50 -0
  231. package/dist/styles/parlour-tokens.css +129 -0
  232. package/dist/styles/parlour-tokens.d.ts +19 -0
  233. package/dist/styles/parlour-tokens.js +148 -0
  234. package/dist/styles/parlour-tokens.scss +129 -0
  235. package/dist/styles/parlour-typography.css +29 -0
  236. package/dist/styles/parlour-typography.scss +29 -0
  237. package/dist/utils/propClasses.d.ts +101 -0
  238. package/dist/utils/propClasses.d.ts.map +1 -0
  239. package/dist/wordpress/block-theme.css +157 -0
  240. package/dist/wordpress/hybrid-theme.css +324 -0
  241. package/dist/wordpress/integrate.php +139 -0
  242. package/dist/wordpress/theme-parlour.json +581 -0
  243. package/package.json +154 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BorderRadiusSamples.d.ts","sourceRoot":"","sources":["../../../../src/docs/stylebook/components/BorderRadiusSamples.tsx"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAK1B,KAAK,wBAAwB,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,wBAAwB,+BA8BnF"}
@@ -0,0 +1,9 @@
1
+ type ColorSwatchesProps = {
2
+ gradient?: boolean;
3
+ names?: string[];
4
+ title?: string;
5
+ description?: string;
6
+ };
7
+ export declare function ColorSwatches({ gradient, names, title, description }: ColorSwatchesProps): import('react').JSX.Element;
8
+ export {};
9
+ //# sourceMappingURL=ColorSwatches.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ColorSwatches.d.ts","sourceRoot":"","sources":["../../../../src/docs/stylebook/components/ColorSwatches.tsx"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAyC1B,KAAK,kBAAkB,GAAG;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,kBAAkB,+BAyBxF"}
@@ -0,0 +1,7 @@
1
+ type ShadowSamplesProps = {
2
+ title?: string;
3
+ description?: string;
4
+ };
5
+ export declare function ShadowSamples({ title, description }: ShadowSamplesProps): import('react').JSX.Element;
6
+ export {};
7
+ //# sourceMappingURL=ShadowSamples.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ShadowSamples.d.ts","sourceRoot":"","sources":["../../../../src/docs/stylebook/components/ShadowSamples.tsx"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAK1B,KAAK,kBAAkB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,kBAAkB,+BAyBvE"}
@@ -0,0 +1,8 @@
1
+ type SpacingScaleProps = {
2
+ title?: string;
3
+ description?: string;
4
+ };
5
+ export declare function SpacingScale({ title, description }: SpacingScaleProps): import('react').JSX.Element;
6
+ export declare function PaddingScale({ title, description }: SpacingScaleProps): import('react').JSX.Element;
7
+ export {};
8
+ //# sourceMappingURL=SpacingScale.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SpacingScale.d.ts","sourceRoot":"","sources":["../../../../src/docs/stylebook/components/SpacingScale.tsx"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAK1B,KAAK,iBAAiB,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAkCF,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,iBAAiB,+BAgBrE;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,iBAAiB,+BAerE"}
@@ -0,0 +1,23 @@
1
+ type SectionProps = {
2
+ title?: string;
3
+ description?: string;
4
+ };
5
+ type FontSizeFilter = 'heading' | 'body' | 'all';
6
+ /**
7
+ * Base styles — the typography c2b actually applies to `body` and `h1`–`h6`,
8
+ * read from `baseStyles` in c2b.config.json. This is the applied scale, which
9
+ * is a subset of the font-size tokens shown by `FontSizeTokens`.
10
+ */
11
+ export declare function BaseStyles({ title, description }: SectionProps): import('react').JSX.Element;
12
+ type FontSizesProps = SectionProps & {
13
+ /** Filter by token naming convention. Default `'all'`. */
14
+ filter?: FontSizeFilter;
15
+ /** Explicit list of token names to include. Overrides `filter`. */
16
+ include?: string[];
17
+ /** Explicit list of token names to exclude. Applied after filter/include. */
18
+ exclude?: string[];
19
+ };
20
+ export declare function FontSizeTokens({ filter, include, exclude, title, description, }: FontSizesProps): import('react').JSX.Element;
21
+ export declare function FontFamilies({ title, description }: SectionProps): import('react').JSX.Element;
22
+ export {};
23
+ //# sourceMappingURL=TypographyScale.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TypographyScale.d.ts","sourceRoot":"","sources":["../../../../src/docs/stylebook/components/TypographyScale.tsx"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAU1B,KAAK,YAAY,GAAG;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,cAAc,GAAG,SAAS,GAAG,MAAM,GAAG,KAAK,CAAC;AA+GjD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,YAAY,+BA8B9D;AAID,KAAK,cAAc,GAAG,YAAY,GAAG;IACjC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC3B,MAAc,EACd,OAAO,EACP,OAAO,EACP,KAAK,EACL,WAAW,GACd,EAAE,cAAc,+BA+ChB;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,YAAY,+BAqBhE"}
package/dist/fonts.css ADDED
@@ -0,0 +1,43 @@
1
+ /* Auto-generated by component2block — do not edit manually */
2
+
3
+ @font-face {
4
+ font-family: 'Inter Tight';
5
+ font-style: normal;
6
+ font-weight: 100 900;
7
+ src: url('./fonts/inter-tight/inter-tight-variable-normal.woff2') format('woff2');
8
+ }
9
+
10
+ @font-face {
11
+ font-family: 'Inter Tight';
12
+ font-style: italic;
13
+ font-weight: 100 900;
14
+ src: url('./fonts/inter-tight/inter-tight-variable-italic.woff2') format('woff2');
15
+ }
16
+
17
+ @font-face {
18
+ font-family: 'Source Serif 4';
19
+ font-style: normal;
20
+ font-weight: 200 900;
21
+ src: url('./fonts/source-serif-4/source-serif-4-variable-normal.woff2') format('woff2');
22
+ }
23
+
24
+ @font-face {
25
+ font-family: 'Source Serif 4';
26
+ font-style: italic;
27
+ font-weight: 200 900;
28
+ src: url('./fonts/source-serif-4/source-serif-4-variable-italic.woff2') format('woff2');
29
+ }
30
+
31
+ @font-face {
32
+ font-family: 'Jetbrains Mono';
33
+ font-style: normal;
34
+ font-weight: 100 800;
35
+ src: url('./fonts/jetbrains-mono/jetbrains-mono-variable-normal.woff2') format('woff2');
36
+ }
37
+
38
+ @font-face {
39
+ font-family: 'Jetbrains Mono';
40
+ font-style: italic;
41
+ font-weight: 100 800;
42
+ src: url('./fonts/jetbrains-mono/jetbrains-mono-variable-italic.woff2') format('woff2');
43
+ }
package/dist/index.cjs ADDED
@@ -0,0 +1 @@
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./_shared/shared-B07rlYN8.cjs"),t=require("./_shared/client-CLAcY4nN.cjs");exports.Article=e.g,exports.Aside=e.h,exports.Body=e.m,exports.Button=t.r,exports.ButtonGroup=e.d,exports.Card=e.o,exports.CodeBlock=e.a,exports.Column=e.l,exports.Container=e.s,exports.Figure=e.i,exports.FlexGroup=e.f,exports.GridGroup=e.c,exports.Hero=e.r,exports.HeroHeader=e.n,exports.InfoBar=e.u,exports.LinkProvider=t.n,exports.Main=e.p,exports.SectionHeader=e.t,exports.SiteHeader=t.t;
@@ -0,0 +1,20 @@
1
+ export { Article } from './components/Article/Article';
2
+ export { Aside } from './components/Aside/Aside';
3
+ export { Body } from './components/Body/Body';
4
+ export { Main } from './components/Main/Main';
5
+ export { SiteHeader } from './components/SiteHeader/SiteHeader';
6
+ export { InfoBar } from './components/InfoBar/InfoBar';
7
+ export { Column } from './components/Column/Column';
8
+ export { FlexGroup, type FlexGroupProps } from './components/FlexGroup/FlexGroup';
9
+ export { GridGroup, type GridGroupProps } from './components/GridGroup/GridGroup';
10
+ export { Container, type ContainerProps } from './components/Container/Container';
11
+ export { Button, type ButtonProps } from './components/Button/Button';
12
+ export { ButtonGroup } from './components/ButtonGroup/ButtonGroup';
13
+ export { Card, type CardProps } from './components/Card/Card';
14
+ export { CodeBlock, type CodeBlockProps } from './components/CodeBlock/CodeBlock';
15
+ export { Figure, type FigureProps } from './components/Figure/Figure';
16
+ export { Hero, type HeroProps } from './components/Hero/Hero';
17
+ export { HeroHeader, type HeroHeaderProps } from './components/HeroHeader/HeroHeader';
18
+ export { SectionHeader, type SectionHeaderProps } from './components/SectionHeader/SectionHeader';
19
+ export { LinkProvider } from './components/LinkProvider/index';
20
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAGvD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAGlF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAGnE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAGlG,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC"}
package/dist/index.mjs ADDED
@@ -0,0 +1,3 @@
1
+ import { a as e, c as t, d as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h } from "./_shared/shared-DZTw1JIu.mjs";
2
+ import { n as g, r as _, t as v } from "./_shared/client-CsCPbj42.mjs";
3
+ export { i as Article, a as Aside, c as Body, _ as Button, n as ButtonGroup, u as Card, e as CodeBlock, s as Column, p as Container, o as Figure, r as FlexGroup, t as GridGroup, f as Hero, l as HeroHeader, h as InfoBar, g as LinkProvider, d as Main, m as SectionHeader, v as SiteHeader };
Binary file
Binary file
Binary file
Binary file
package/dist/style.css ADDED
@@ -0,0 +1,43 @@
1
+ @font-face {
2
+ font-family: 'Inter Tight';
3
+ font-style: normal;
4
+ font-weight: 100 900;
5
+ src: url('./fonts/inter-tight/inter-tight-variable-normal.woff2') format('woff2');
6
+ }
7
+
8
+ @font-face {
9
+ font-family: 'Inter Tight';
10
+ font-style: italic;
11
+ font-weight: 100 900;
12
+ src: url('./fonts/inter-tight/inter-tight-variable-italic.woff2') format('woff2');
13
+ }
14
+
15
+ @font-face {
16
+ font-family: 'Source Serif 4';
17
+ font-style: normal;
18
+ font-weight: 200 900;
19
+ src: url('./fonts/source-serif-4/source-serif-4-variable-normal.woff2') format('woff2');
20
+ }
21
+
22
+ @font-face {
23
+ font-family: 'Source Serif 4';
24
+ font-style: italic;
25
+ font-weight: 200 900;
26
+ src: url('./fonts/source-serif-4/source-serif-4-variable-italic.woff2') format('woff2');
27
+ }
28
+
29
+ @font-face {
30
+ font-family: 'Jetbrains Mono';
31
+ font-style: normal;
32
+ font-weight: 100 800;
33
+ src: url('./fonts/jetbrains-mono/jetbrains-mono-variable-normal.woff2') format('woff2');
34
+ }
35
+
36
+ @font-face {
37
+ font-family: 'Jetbrains Mono';
38
+ font-style: italic;
39
+ font-weight: 100 800;
40
+ src: url('./fonts/jetbrains-mono/jetbrains-mono-variable-italic.woff2') format('woff2');
41
+ }
42
+ *,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentColor}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{--parlour--color-black:#191919;--parlour--color-white:#fff;--parlour--color-accent-primary:#a34f3e;--parlour--color-accent-secondary:#ca2135;--parlour--color-neutral-50:#f9f7f3;--parlour--color-neutral-100:#f2f0ea;--parlour--color-neutral-200:#efeae2;--parlour--color-neutral-300:#e0d6c8;--parlour--color-neutral-400:#d8d5cf;--parlour--color-neutral-500:#8d7661;--parlour--color-neutral-600:#766051;--parlour--color-neutral-700:#5e4c42;--parlour--color-neutral-800:#51413a;--parlour--color-neutral-900:#473a35;--parlour--color-neutral-950:#271f1c;--parlour--color-info:#2571eb;--parlour--color-success:#16a34a;--parlour--color-warning:#fff154;--parlour--color-error:#dc2626;--parlour--color-linkedin:#0a66c2;--parlour--color-facebook:#1877f2;--parlour--color-bluesky:#1185fe;--parlour--color-twitter:#000;--parlour--color-instagram:#e4405f;--parlour--color-youtube:red;--parlour--color-tiktok:#010101;--parlour--gradient-white-to-neutral-50:linear-gradient(135deg,#fafafa 0%,#f9f7f3 90%);--parlour--spacing-3-x-small:.175rem;--parlour--spacing-2-x-small:.25rem;--parlour--spacing-x-small:.5rem;--parlour--spacing-small:clamp(.625rem, .625rem + ((1vw - .2rem) * .24), .75rem);--parlour--spacing-normal:clamp(.8125rem, .8125rem + ((1vw - .2rem) * .361), 1rem);--parlour--spacing-medium:clamp(.9375rem, .9375rem + ((1vw - .2rem) * .601), 1.25rem);--parlour--spacing-large:clamp(1.0625rem, 1.0625rem + ((1vw - .2rem) * .841), 1.5rem);--parlour--spacing-x-large:clamp(1.1875rem, 1.1875rem + ((1vw - .2rem) * 1.563), 2rem);--parlour--spacing-2-x-large:clamp(1.3125rem, 1.3125rem + ((1vw - .2rem) * 2.284), 2.5rem);--parlour--spacing-3-x-large:clamp(1.4375rem, 1.4375rem + ((1vw - .2rem) * 3.005), 3rem);--parlour--spacing-4-x-large:clamp(1.625rem, 1.625rem + ((1vw - .2rem) * 4.567), 4rem);--parlour--spacing-5-x-large:clamp(1.75rem, 1.75rem + ((1vw - .2rem) * 6.25), 5rem);--parlour--font-family-inter-tight:"Inter Tight", system-ui, "Segoe UI", roboto, sans-serif;--parlour--font-family-source-serif-4:"Source Serif 4", ui-serif, georgia, serif;--parlour--font-family-jetbrains-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--parlour--font-size-2-x-small:clamp(.6875rem, .6875rem + ((1vw - .2rem) * .12), .75rem);--parlour--font-size-x-small:clamp(.8125rem, .8125rem + ((1vw - .2rem) * .12), .875rem);--parlour--font-size-small:clamp(.875rem, .875rem + ((1vw - .2rem) * .24), 1rem);--parlour--font-size-medium:clamp(1rem, 1rem + ((1vw - .2rem) * .481), 1.25rem);--parlour--font-size-large:clamp(1rem, 1rem + ((1vw - .2rem) * .962), 1.5rem);--parlour--font-size-x-large:clamp(1.4375rem, 1.4375rem + ((1vw - .2rem) * 1.082), 2rem);--parlour--font-size-2-x-large:clamp(1.75rem, 1.75rem + ((1vw - .2rem) * 1.803), 2.6875rem);--parlour--font-size-3-x-large:clamp(2.0625rem, 2.0625rem + ((1vw - .2rem) * 2.885), 3.5625rem);--parlour--font-size-4-x-large:clamp(2.5rem, 2.5rem + ((1vw - .2rem) * 4.327), 4.75rem);--parlour--font-size-5-x-large:clamp(2.375rem, 2.375rem + ((1vw - .2rem) * 6.418), 5.7125rem);--parlour--font-size-hero:clamp(3.5625rem, 3.5625rem + ((1vw - .2rem) * 9.375), 8.4375rem);--parlour--font-size-heading-small:clamp(1rem, 1rem + ((1vw - .2rem) * .962), 1.5rem);--parlour--font-size-heading-medium:clamp(1.25rem, 1.25rem + ((1vw - .2rem) * .962), 1.75rem);--parlour--font-size-heading-large:clamp(1.5rem, 1.5rem + ((1vw - .2rem) * 1.442), 2.25rem);--parlour--font-size-heading-x-large:clamp(1.75rem, 1.75rem + ((1vw - .2rem) * 1.442), 2.5rem);--parlour--font-size-heading-primary:clamp(1.75rem, 1.75rem + ((1vw - .2rem) * 2.404), 3rem);--parlour--shadow-natural:6px 6px 9px #0003;--parlour--shadow-deep:12px 12px 50px #0006;--parlour--shadow-sharp:6px 6px 0px #0003;--parlour--shadow-outlined:6px 6px 0px -3px #fff, 6px 6px #000;--parlour--shadow-crisp:6px 6px 0px #000;--parlour--font-weight-thin:100;--parlour--font-weight-extra-light:200;--parlour--font-weight-light:300;--parlour--font-weight-normal:400;--parlour--font-weight-medium:500;--parlour--font-weight-semibold:600;--parlour--font-weight-bold:700;--parlour--font-weight-extra-bold:800;--parlour--font-weight-black:900;--parlour--line-height-tight:1.3;--parlour--line-height-normal:1.6;--parlour--line-height-loose:1.8;--parlour--radius-sm:2px;--parlour--radius-md:4px;--parlour--radius-lg:8px;--parlour--radius-xl:12px;--parlour--radius-full:9999px;--parlour--transition-fast:.15s ease;--parlour--transition-base:.25s ease;--parlour--z-100:100;--parlour--z-200:200;--parlour--z-500:500;--parlour--layout-content-size:768px;--parlour--layout-wide-size:1152px;--parlour--layout-small-size:600px;--parlour--layout-full-size:100vw;--parlour--viewport-mobile:600px;--parlour--viewport-tablet:768px;--parlour--root-padding-x:var(--parlour--spacing-x-large);--parlour--root-padding-y:0;--parlour--root-padding-top:var(--parlour--root-padding-y);--parlour--root-padding-right:var(--parlour--root-padding-x);--parlour--root-padding-bottom:var(--parlour--root-padding-y);--parlour--root-padding-left:var(--parlour--root-padding-x);--parlour--root-block-gap:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:focus-visible{outline:2px solid var(--parlour--color-accent-primary);outline-offset:2px}::selection{background-color:var(--parlour--color-accent-primary);color:var(--parlour--color-white)}.alignsmall{max-width:var(--parlour--layout-small-size)!important}.aligncontent{max-width:var(--parlour--layout-content-size)}.alignwide{max-width:var(--parlour--layout-wide-size)}.alignfull{max-width:var(--parlour--layout-full-size)}.parlour-main>div>.parlour-layout+.parlour-layout,.parlour-main>div>.parlour-layout+:not(.parlour-layout),.parlour-main>div>:not(.parlour-layout)+.parlour-layout{margin-top:var(--parlour--spacing-4-x-large)}h1,h2,h3,h4,h5,h6{margin-bottom:0!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{font-family:var(--parlour--font-family-source-serif-4);font-size:var(--parlour--font-size-medium);font-weight:300;line-height:var(--parlour--line-height-normal);color:var(--parlour--color-black);background-color:var(--parlour--color-neutral-50)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--parlour--font-family-inter-tight);color:var(--parlour--color-neutral-800);line-height:1.1}:where(h1){font-size:var(--parlour--font-size-3-x-large);font-style:normal;font-weight:600}:where(h2){font-size:var(--parlour--font-size-2-x-large);font-style:normal;font-weight:600}:where(h3){font-size:var(--parlour--font-size-x-large);font-style:normal;font-weight:600}:where(h4){font-size:var(--parlour--font-size-large);font-style:normal;font-weight:600}:where(h5){font-size:var(--parlour--font-size-medium);font-style:normal;font-weight:600}:where(h6){font-size:var(--parlour--font-size-medium);font-style:italic;font-weight:600}:where(figcaption){font-size:var(--parlour--font-size-small);font-style:italic;font-weight:var(--parlour--font-weight-light);color:var(--parlour--color-warning)}:where(button){color:var(--parlour--color-white);background-color:var(--parlour--color-black)}:where(a){color:var(--parlour--color-accent-primary)}:where(a:hover){color:var(--parlour--color-error)}:where(.is-layout-constrained)>*{margin-block:0}:where(.is-layout-constrained)>*+*{margin-block-start:var(--parlour--root-block-gap)}:where(.is-layout-flex),:where(.is-layout-grid){gap:var(--parlour--root-block-gap)}:where(.entry-content)>*+*{margin-block-start:var(--parlour--spacing-normal)}.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:var(--parlour--layout-content-size);margin-left:auto!important;margin-right:auto!important}.is-layout-constrained>.alignwide{max-width:var(--parlour--layout-wide-size);margin-left:auto!important;margin-right:auto!important}.has-global-padding{padding-right:var(--parlour--root-padding-right);padding-left:var(--parlour--root-padding-left)}.has-global-padding>.alignfull{max-width:none;margin-right:calc(var(--parlour--root-padding-right) * -1);margin-left:calc(var(--parlour--root-padding-left) * -1)}.has-global-padding>.alignfull>.has-global-padding{padding-right:var(--parlour--root-padding-right);padding-left:var(--parlour--root-padding-left)}.is-layout-constrained>*+h1{margin-block-start:var(--parlour--spacing-large)}.is-layout-constrained>*+h2,.is-layout-constrained>*+h3,.is-layout-constrained>*+h4,.is-layout-constrained>*+h5,.is-layout-constrained>*+h6{margin-block-start:var(--parlour--spacing-medium)}.is-layout-constrained>:is(h1,h2,h3,h4,h5,h6)+*{margin-block-start:var(--parlour--spacing-small)}.parlour-aside>.sticky{position:sticky}.parlour-main>*+*{margin-block-start:var(--parlour--spacing-medium);margin-block-end:0}.parlour-main a{font-weight:700;text-decoration:none;transition:color .25s}.parlour-main a:hover{text-decoration:underline;transition:color .25s}.parlour-main--padding{padding-block:var(--parlour--spacing-4-x-large)}.parlour-flex-group{margin-left:auto;margin-right:auto;display:flex}.parlour-flex-group--row{flex-direction:row}.parlour-flex-group--column{flex-direction:column}.parlour-flex-group--wrap{flex-wrap:wrap}.parlour-flex-group--nowrap{flex-wrap:nowrap}.parlour-flex-group--justify-start{justify-content:flex-start}.parlour-flex-group--justify-center{justify-content:center}.parlour-flex-group--justify-end{justify-content:flex-end}.parlour-flex-group--justify-space-between{justify-content:space-between}.parlour-flex-group--align-start{align-items:flex-start}.parlour-flex-group--align-center{align-items:center}.parlour-flex-group--align-end{align-items:flex-end}.parlour-flex-group--align-stretch{align-items:stretch}.parlour-flex-group--gap-none{gap:0}.parlour-flex-group--padding-none{padding:0}.parlour-flex-group.parlour-flex-group--margin-none{margin-block:0}.parlour-flex-group--gap--3-x-small{gap:var(--parlour--spacing--3-x-small)}.parlour-flex-group--padding--3-x-small{padding:var(--parlour--spacing--3-x-small)}.parlour-flex-group.parlour-flex-group--margin--3-x-small{margin-block:var(--parlour--spacing--3-x-small)}.parlour-flex-group--gap--2-x-small{gap:var(--parlour--spacing--2-x-small)}.parlour-flex-group--padding--2-x-small{padding:var(--parlour--spacing--2-x-small)}.parlour-flex-group.parlour-flex-group--margin--2-x-small{margin-block:var(--parlour--spacing--2-x-small)}.parlour-flex-group--gap--x-small{gap:var(--parlour--spacing--x-small)}.parlour-flex-group--padding--x-small{padding:var(--parlour--spacing--x-small)}.parlour-flex-group.parlour-flex-group--margin--x-small{margin-block:var(--parlour--spacing--x-small)}.parlour-flex-group--gap--small{gap:var(--parlour--spacing--small)}.parlour-flex-group--padding--small{padding:var(--parlour--spacing--small)}.parlour-flex-group.parlour-flex-group--margin--small{margin-block:var(--parlour--spacing--small)}.parlour-flex-group--gap--normal{gap:var(--parlour--spacing--normal)}.parlour-flex-group--padding--normal{padding:var(--parlour--spacing--normal)}.parlour-flex-group.parlour-flex-group--margin--normal{margin-block:var(--parlour--spacing--normal)}.parlour-flex-group--gap--medium{gap:var(--parlour--spacing--medium)}.parlour-flex-group--padding--medium{padding:var(--parlour--spacing--medium)}.parlour-flex-group.parlour-flex-group--margin--medium{margin-block:var(--parlour--spacing--medium)}.parlour-flex-group--gap--large{gap:var(--parlour--spacing--large)}.parlour-flex-group--padding--large{padding:var(--parlour--spacing--large)}.parlour-flex-group.parlour-flex-group--margin--large{margin-block:var(--parlour--spacing--large)}.parlour-flex-group--gap--x-large{gap:var(--parlour--spacing--x-large)}.parlour-flex-group--padding--x-large{padding:var(--parlour--spacing--x-large)}.parlour-flex-group.parlour-flex-group--margin--x-large{margin-block:var(--parlour--spacing--x-large)}.parlour-flex-group--gap--2-x-large{gap:var(--parlour--spacing--2-x-large)}.parlour-flex-group--padding--2-x-large{padding:var(--parlour--spacing--2-x-large)}.parlour-flex-group.parlour-flex-group--margin--2-x-large{margin-block:var(--parlour--spacing--2-x-large)}.parlour-flex-group--gap--3-x-large{gap:var(--parlour--spacing--3-x-large)}.parlour-flex-group--padding--3-x-large{padding:var(--parlour--spacing--3-x-large)}.parlour-flex-group.parlour-flex-group--margin--3-x-large{margin-block:var(--parlour--spacing--3-x-large)}.parlour-flex-group--gap--4-x-large{gap:var(--parlour--spacing--4-x-large)}.parlour-flex-group--padding--4-x-large{padding:var(--parlour--spacing--4-x-large)}.parlour-flex-group.parlour-flex-group--margin--4-x-large{margin-block:var(--parlour--spacing--4-x-large)}.parlour-flex-group--gap--5-x-large{gap:var(--parlour--spacing--5-x-large)}.parlour-flex-group--padding--5-x-large{padding:var(--parlour--spacing--5-x-large)}.parlour-flex-group.parlour-flex-group--margin--5-x-large{margin-block:var(--parlour--spacing--5-x-large)}.parlour-buttongroup{gap:var(--parlour--spacing-2-x-small);flex-wrap:wrap;display:flex}@media (width>768px){.parlour-buttongroup{flex:1}}.parlour-buttongroup--justify-start{justify-content:flex-start}.parlour-buttongroup--justify-center{justify-content:center}.parlour-buttongroup--justify-end{justify-content:flex-end}.parlour-button,a.parlour-button{padding:var(--parlour--spacing-small) var(--parlour--spacing-medium);font-family:var(--parlour--font-family-inter-tight);font-size:var(--parlour--font-size-medium);font-weight:var(--parlour--font-weight-light);line-height:var(--parlour--line-height-tight);border-radius:var(--parlour--radius-sm);white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.parlour-button:hover,.parlour-button.parlour-button--outline:hover,a.parlour-button:hover,a.parlour-button.parlour-button--outline:hover{color:var(--parlour--color-white);background-color:var(--parlour--color-accent-secondary);border-color:var(--parlour--color-accent-secondary);text-decoration:none}.parlour-button--light{color:var(--parlour--color-neutral-900);background-color:var(--parlour--color-neutral-100);border-color:var(--parlour--color-neutral-100)}.parlour-button--light.parlour-button--outline{color:var(--parlour--color-neutral-900);background-color:var(--parlour--color-neutral-100)}.parlour-button--link{color:var(--parlour--color-white);background-color:var(--parlour--color-accent-secondary);border-color:var(--parlour--color-accent-secondary)}.parlour-button--link:hover{background-color:var(--parlour--color-neutral-800);border-color:var(--parlour--color-neutral-800)}.parlour-button--link.parlour-button--outline{color:var(--parlour--color-accent-secondary);background-color:var(--parlour--color-white)}.parlour-button--link.parlour-button--outline:hover{background-color:var(--parlour--color-neutral-800);border-color:var(--parlour--color-neutral-800)}.parlour-button--medium{color:var(--parlour--color-white);background-color:var(--parlour--color-neutral-800);border-color:var(--parlour--color-neutral-800)}.parlour-button--medium.parlour-button--outline{color:var(--parlour--color-neutral-800);background-color:var(--parlour--color-white)}.parlour-button--dark{color:var(--parlour--color-white);background-color:var(--parlour--color-neutral-900);border-color:var(--parlour--color-neutral-900)}.parlour-button--dark.parlour-button--outline{color:var(--parlour--color-neutral-900);background-color:var(--parlour--color-white)}.parlour-button--white{color:var(--parlour--color-neutral-800);background-color:var(--parlour--color-white);border-color:var(--parlour--color-white)}.parlour-button--white.parlour-button--outline{color:var(--parlour--color-white);background-color:var(--parlour--color-neutral-800)}.parlour-button--disabled{color:var(--parlour--color-neutral-800);background-color:var(--parlour--color-neutral-300);border-color:var(--parlour--color-neutral-300);cursor:default}.parlour-button--small,a.parlour-button--small{padding:var(--parlour--spacing-x-small) var(--parlour--spacing-small);font-size:var(--parlour--font-size-small)}.parlour-button--full{width:100%}.parlour-button--radius-sm{border-radius:var(--parlour--radius-sm)}.parlour-button--radius-md{border-radius:var(--parlour--radius-md)}.parlour-button--radius-lg{border-radius:var(--parlour--radius-lg)}.parlour-button--radius-full{border-radius:var(--parlour--radius-full)}.parlour-button--radius-none{border-radius:0}.parlour-site-header{padding-block:var(--parlour--spacing-medium);padding-inline:var(--parlour--root-padding-x);background-color:var(--parlour--color-white);border-bottom:1px solid var(--parlour--color-neutral-400)}.parlour-site-header__branding p{font-family:var(--parlour--font-family-source-serif-4);font-size:var(--parlour--font-size-large);margin:0;padding:0}.parlour-site-header__branding p span{color:var(--parlour--color-accent-secondary);font-style:italic}.parlour-site-header__branding p a{font-weight:var(--parlour--font-weight-normal);color:var(--parlour--color-neutral-900);text-decoration:none}.parlour-site-header__branding p a:hover,.parlour-site-header__branding p a:focus-visible{color:var(--parlour--color-accent-secondary)}.parlour-site-header__branding p a:hover span.parlour-site-header__title-accent,.parlour-site-header__branding p a:focus-visible span.parlour-site-header__title-accent{color:var(--parlour--color-neutral-900)}.parlour-site-header__nav ul{gap:var(--parlour--spacing-medium);margin:0;padding:0;list-style:none;display:flex}.parlour-site-header__nav ul li{font-family:var(--parlour--font-family-inter-tight);font-size:var(--parlour--font-size-small);margin:0;padding:0}.parlour-site-header__nav ul li a{font-weight:var(--parlour--font-weight-normal);color:var(--parlour--color-neutral-950);text-decoration:none}.parlour-infobar{width:100%;padding-block:var(--parlour--spacing-small);padding-inline:var(--parlour--root-padding-x);background-color:var(--parlour--color-neutral-100)}.parlour-infobar p{font-family:var(--parlour--font-family-jetbrains-mono);font-size:var(--parlour--font-size-2-x-small);margin:0}.parlour-column{gap:var(--parlour--spacing-large);margin-left:auto;margin-right:auto;display:grid}.parlour-column--one{grid-template-columns:repeat(1,minmax(0,1fr))}.parlour-column--two{grid-template-columns:1fr}@media (width>600px){.parlour-column--two{grid-template-columns:repeat(2,minmax(0,1fr))}}.parlour-column--three{grid-template-columns:1fr}@media (width>768px){.parlour-column--three{grid-template-columns:repeat(3,minmax(0,1fr))}}.parlour-column--four{grid-template-columns:1fr}@media (width>600px){.parlour-column--four{grid-template-columns:repeat(2,minmax(0,1fr))}}.parlour-column--one-third{grid-template-columns:1fr}@media (width>768px){.parlour-column--one-third{grid-template-columns:33% auto}}.parlour-column--two-thirds{grid-template-columns:1fr}@media (width>768px){.parlour-column--two-thirds{grid-template-columns:66% auto}}.parlour-column>.parlour-column__content :first-child{margin-top:0}.parlour-column>.parlour-column__content :last-child{margin-bottom:0}@media (width>600px){.parlour-column--two>.is-first,.parlour-column--four>.is-first{order:-1}}@media (width>768px){.parlour-column--three>.is-first,.parlour-column--one-third>.is-first,.parlour-column--two-thirds>.is-first{order:-1}}.parlour-grid-group{grid-template-columns:minmax(0,1fr);margin-left:auto;margin-right:auto;display:grid}ul.parlour-grid-group,ol.parlour-grid-group{padding-left:0;list-style:none}@media (width>600px){.parlour-grid-group--columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>768px){.parlour-grid-group--columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.parlour-grid-group--align-start{align-items:start}.parlour-grid-group--align-center{align-items:center}.parlour-grid-group--align-end{align-items:end}.parlour-grid-group--align-stretch{align-items:stretch}.parlour-grid-group--gap-none{gap:0}.parlour-grid-group--gap-3-x-small{gap:var(--parlour--spacing-3-x-small)}.parlour-grid-group--gap-2-x-small{gap:var(--parlour--spacing-2-x-small)}.parlour-grid-group--gap-x-small{gap:var(--parlour--spacing-x-small)}.parlour-grid-group--gap-small{gap:var(--parlour--spacing-small)}.parlour-grid-group--gap-normal{gap:var(--parlour--spacing-normal)}.parlour-grid-group--gap-medium{gap:var(--parlour--spacing-medium)}.parlour-grid-group--gap-large{gap:var(--parlour--spacing-large)}.parlour-grid-group--gap-x-large{gap:var(--parlour--spacing-x-large)}.parlour-grid-group--gap-2-x-large{gap:var(--parlour--spacing-2-x-large)}.parlour-grid-group--gap-3-x-large{gap:var(--parlour--spacing-3-x-large)}.parlour-grid-group--gap-4-x-large{gap:var(--parlour--spacing-4-x-large)}.parlour-grid-group--gap-5-x-large{gap:var(--parlour--spacing-5-x-large)}.parlour-grid-group--row-gap-none{row-gap:0}.parlour-grid-group--row-gap-3-x-small{row-gap:var(--parlour--spacing-3-x-small)}.parlour-grid-group--row-gap-2-x-small{row-gap:var(--parlour--spacing-2-x-small)}.parlour-grid-group--row-gap-x-small{row-gap:var(--parlour--spacing-x-small)}.parlour-grid-group--row-gap-small{row-gap:var(--parlour--spacing-small)}.parlour-grid-group--row-gap-normal{row-gap:var(--parlour--spacing-normal)}.parlour-grid-group--row-gap-medium{row-gap:var(--parlour--spacing-medium)}.parlour-grid-group--row-gap-large{row-gap:var(--parlour--spacing-large)}.parlour-grid-group--row-gap-x-large{row-gap:var(--parlour--spacing-x-large)}.parlour-grid-group--row-gap-2-x-large{row-gap:var(--parlour--spacing-2-x-large)}.parlour-grid-group--row-gap-3-x-large{row-gap:var(--parlour--spacing-3-x-large)}.parlour-grid-group--row-gap-4-x-large{row-gap:var(--parlour--spacing-4-x-large)}.parlour-grid-group--row-gap-5-x-large{row-gap:var(--parlour--spacing-5-x-large)}.parlour-container>*{margin-left:auto;margin-right:auto}.parlour-container>*+*{margin-block-start:var(--parlour--spacing-medium);margin-block-end:0}.parlour-container>.has-global-padding,.has-global-padding>.parlour-container.alignfull>.has-global-padding{padding-left:0;padding-right:0}.parlour-container>.has-global-padding>:first-child,.has-global-padding>.parlour-container.alignfull>.has-global-padding>:first-child{margin-top:0}.parlour-container>.has-global-padding>:last-child,.has-global-padding>.parlour-container.alignfull>.has-global-padding>:last-child{margin-bottom:0}.parlour-container.aligncontent,.parlour-container.alignwide,.parlour-container.alignfull{padding-right:var(--parlour--spacing-3-x-large);padding-left:var(--parlour--spacing-3-x-large)}@media (width>768px){.parlour-container.aligncontent,.parlour-container.alignwide,.parlour-container.alignfull{padding-right:var(--parlour--spacing-4-x-large);padding-left:var(--parlour--spacing-4-x-large)}}.parlour-main>div>.parlour-container--no-gap+.parlour-container--no-gap{margin-top:var(--parlour--spacing-2-x-large)}.parlour-main>div>.parlour-container--no-gap.alignfull+.parlour-container--no-gap.alignfull{margin-top:0}.parlour-container--light,.parlour-container--medium,.parlour-container--dark,.parlour-container--white{padding-block:var(--parlour--spacing-5-x-large)}.parlour-container--light{background-color:var(--parlour--color-neutral-200)}.parlour-container--medium{background-color:var(--parlour--color-neutral-900);color:var(--parlour--color-white)}.parlour-container--medium h2,.parlour-container--medium h3,.parlour-container--medium h4,.parlour-container--medium h5,.parlour-container--medium h6{color:var(--parlour--color-white)}.parlour-container--dark{background-color:var(--parlour--color-neutral-950);color:var(--parlour--color-white)}.parlour-container--dark h2,.parlour-container--dark h3,.parlour-container--dark h4,.parlour-container--dark h5,.parlour-container--dark h6{color:var(--parlour--color-white)}.parlour-container--white{background-color:var(--parlour--color-white)}.parlour-container--light,.parlour-container--white{border:1px solid var(--parlour--color-neutral-300)}.parlour-container--light.alignfull,.parlour-container--white.alignfull{border-inline:none}.parlour-container--light.alignfull+.parlour-container--has-border,.parlour-container--white.alignfull+.parlour-container--has-border{border-top:none}.parlour-container--full{width:100%}.parlour-container--radius-sm:not(.alignfull){border-radius:var(--parlour--radius-sm)}.parlour-container--radius-md:not(.alignfull){border-radius:var(--parlour--radius-md)}.parlour-container--radius-lg:not(.alignfull){border-radius:var(--parlour--radius-lg)}.parlour-container--radius-xl:not(.alignfull){border-radius:var(--parlour--radius-xl)}.parlour-container--radius-full:not(.alignfull){border-radius:var(--parlour--radius-full)}.parlour-container--radius-none:not(.alignfull){border-radius:0}.parlour-card{min-width:0}.parlour-card>:first-child{margin-top:0}.parlour-card>:last-child{margin-bottom:0}.parlour-card.parlour-card :is(h1,h2,h3,h4,h5,h6){color:inherit}li.parlour-card{list-style:none}.parlour-card--bg-white{background-color:var(--parlour--color-white);color:var(--parlour--color-black)}.parlour-card--bg-light{background-color:var(--parlour--color-neutral-50);color:var(--parlour--color-black)}.parlour-card--bg-medium{background-color:var(--parlour--color-neutral-900);color:var(--parlour--color-white)}.parlour-card--bg-dark{background-color:var(--parlour--color-neutral-950);color:var(--parlour--color-white)}.parlour-card--border{border-style:solid;border-width:1px}.parlour-card--border-white{border-color:var(--parlour--color-white)}.parlour-card--border-light{border-color:var(--parlour--color-neutral-300)}.parlour-card--border-medium{border-color:var(--parlour--color-neutral-500)}.parlour-card--border-dark{border-color:var(--parlour--color-neutral-900)}.parlour-card--radius-none{border-radius:0}.parlour-card--radius-sm{border-radius:var(--parlour--radius-sm)}.parlour-card--radius-md{border-radius:var(--parlour--radius-md)}.parlour-card--radius-lg{border-radius:var(--parlour--radius-lg)}.parlour-card--radius-xl{border-radius:var(--parlour--radius-xl)}.parlour-card--radius-full{border-radius:var(--parlour--radius-full)}.parlour-card--padding-none{padding:0}.parlour-card--padding-3-x-small{padding:var(--parlour--spacing-3-x-small)}.parlour-card--padding-2-x-small{padding:var(--parlour--spacing-2-x-small)}.parlour-card--padding-x-small{padding:var(--parlour--spacing-x-small)}.parlour-card--padding-small{padding:var(--parlour--spacing-small)}.parlour-card--padding-normal{padding:var(--parlour--spacing-normal)}.parlour-card--padding-medium{padding:var(--parlour--spacing-medium)}.parlour-card--padding-large{padding:var(--parlour--spacing-large)}.parlour-card--padding-x-large{padding:var(--parlour--spacing-x-large)}.parlour-card--padding-2-x-large{padding:var(--parlour--spacing-2-x-large)}.parlour-card--padding-3-x-large{padding:var(--parlour--spacing-3-x-large)}.parlour-card--padding-4-x-large{padding:var(--parlour--spacing-4-x-large)}.parlour-card--padding-5-x-large{padding:var(--parlour--spacing-5-x-large)}.parlour-code-block{padding-inline:var(--parlour--spacing-x-large);padding-block:var(--parlour--spacing-x-large);font-family:var(--parlour--font-family-jetbrains-mono);font-size:var(--parlour--font-size-small);line-height:var(--parlour--line-height-normal);color:var(--parlour--color-neutral-950);background-color:var(--parlour--color-neutral-200);border-color:var(--parlour--color-neutral-300);overflow-x:auto}.parlour-code-block code{font-family:inherit;display:block}.parlour-code-block--light{background-color:var(--parlour--color-neutral-200)}.parlour-code-block--medium{color:var(--parlour--color-white);background-color:var(--parlour--color-neutral-900);border-color:var(--parlour--color-neutral-900)}.parlour-code-block--dark{color:var(--parlour--color-white);background-color:var(--parlour--color-neutral-950);border-color:var(--parlour--color-neutral-950)}.parlour-code-block--white{background-color:var(--parlour--color-white)}.parlour-code-block--has-border{border-style:solid;border-width:1px}.parlour-code-block--radius-sm{border-radius:var(--parlour--radius-sm)}.parlour-code-block--radius-md{border-radius:var(--parlour--radius-md)}.parlour-code-block--radius-lg{border-radius:var(--parlour--radius-lg)}.parlour-code-block--radius-xl{border-radius:var(--parlour--radius-xl)}.parlour-code-block--radius-full{border-radius:var(--parlour--radius-full)}.parlour-code-block--radius-none{border-radius:0}.parlour-figure{max-width:100%;margin:0}.parlour-figure img{width:100%;height:auto;display:block}.parlour-figure--xs{width:320px}.parlour-figure--sm{width:440px}.parlour-figure--md{width:512px}.parlour-figure--lg{width:48rem}.parlour-figure--full{width:100%}@media (width<=768px){.parlour-figure--xs,.parlour-figure--sm,.parlour-figure--md,.parlour-figure--lg{width:100%}}.parlour-figure--left{margin:var(--parlour--spacing-medium) 0}@media (width>768px){.parlour-figure--left{float:left;clear:left;margin-top:0;margin-right:var(--parlour--spacing-large)}}.parlour-figure--right{margin:var(--parlour--spacing-medium) 0}@media (width>768px){.parlour-figure--right{float:right;clear:right;margin-top:0;margin-left:var(--parlour--spacing-large)}}.parlour-figure--center{margin:var(--parlour--spacing-medium) 0}.parlour-figure__inner{border-radius:var(--parlour--radius-md);overflow:hidden}.parlour-figure__caption{background-color:var(--parlour--color-neutral-100);padding:var(--parlour--spacing-small) var(--parlour--spacing-medium);font-size:var(--parlour--font-size-medium);color:var(--parlour--color-neutral-800);font-style:italic}.parlour-hero{padding-bottom:var(--parlour--spacing-small)}.parlour-hero .parlour-flex-group{gap:var(--parlour--spacing-3-x-large)}.parlour-hero__content{flex:1}.parlour-hero__code{min-width:0}@media (width<=768px){.parlour-hero__code{display:none}}@media (width>768px){.parlour-hero__code{flex:0 0 40%}}.parlour-hero__code>*{margin-block:0}.parlour-hero-header__title{font-size:var(--parlour--font-size-4-x-large);font-weight:var(--parlour--font-weight-normal);color:var(--parlour--color-neutral-900);letter-spacing:-2px;margin-top:0;line-height:1.1}.parlour-hero-header__title-accent{font-family:var(--parlour--font-family-source-serif-4);font-weight:var(--parlour--font-weight-extra-light);font-style:italic;display:block}.parlour-hero-header__prefix{font-size:var(--parlour--font-size-medium);font-weight:var(--parlour--font-weight-light);padding-bottom:var(--parlour--spacing-2-x-large);font-style:italic}.parlour-hero-header ul.parlour-hero-header__stats{gap:var(--parlour--spacing-2-x-large);font-size:var(--parlour--font-size-small);font-weight:var(--parlour--font-weight-light);margin-top:var(--parlour--spacing-x-large);padding-top:var(--parlour--spacing-medium);border-top:1px solid var(--parlour--color-neutral-300);padding-left:0;list-style:none;display:flex}.parlour-container--dark .parlour-hero-header__title,.parlour-container--medium .parlour-hero-header__title{color:var(--parlour--color-white)}.parlour-section-header{padding-bottom:var(--parlour--spacing-large);margin-bottom:var(--parlour--spacing-2-x-large);border-bottom:1px solid}.parlour-section-header__prefix{margin:0 0 var(--parlour--spacing-medium);font-family:var(--parlour--font-family-jetbrains-mono);font-size:var(--parlour--font-size-2-x-small);font-weight:var(--parlour--font-weight-normal);letter-spacing:.1em;text-transform:uppercase;color:var(--parlour--color-neutral-600)}.parlour-section-header__title{font-size:var(--parlour--font-size-2-x-large);font-weight:var(--parlour--font-weight-normal);letter-spacing:-1px;color:var(--parlour--color-neutral-950);margin:0;line-height:1.1}.parlour-container--dark .parlour-section-header__prefix,.parlour-container--medium .parlour-section-header__prefix{color:var(--parlour--color-neutral-300)}
43
+ /*$vite$:1*/
@@ -0,0 +1,83 @@
1
+ // Auto-generated by component2block — do not edit manually
2
+
3
+ // Spacing
4
+ $parlour-spacing-3-x-small: 0.175rem;
5
+ $parlour-spacing-2-x-small: 0.25rem;
6
+ $parlour-spacing-x-small: 0.5rem;
7
+ $parlour-spacing-small: clamp(0.625rem, 0.625rem + ((1vw - 0.2rem) * 0.240), 0.75rem);
8
+ $parlour-spacing-normal: clamp(0.8125rem, 0.8125rem + ((1vw - 0.2rem) * 0.361), 1rem);
9
+ $parlour-spacing-medium: clamp(0.9375rem, 0.9375rem + ((1vw - 0.2rem) * 0.601), 1.25rem);
10
+ $parlour-spacing-large: clamp(1.0625rem, 1.0625rem + ((1vw - 0.2rem) * 0.841), 1.5rem);
11
+ $parlour-spacing-x-large: clamp(1.1875rem, 1.1875rem + ((1vw - 0.2rem) * 1.563), 2rem);
12
+ $parlour-spacing-2-x-large: clamp(1.3125rem, 1.3125rem + ((1vw - 0.2rem) * 2.284), 2.5rem);
13
+ $parlour-spacing-3-x-large: clamp(1.4375rem, 1.4375rem + ((1vw - 0.2rem) * 3.005), 3rem);
14
+ $parlour-spacing-4-x-large: clamp(1.625rem, 1.625rem + ((1vw - 0.2rem) * 4.567), 4rem);
15
+ $parlour-spacing-5-x-large: clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 6.250), 5rem);
16
+
17
+ $parlour-spacing: (
18
+ '3-x-small': $parlour-spacing-3-x-small,
19
+ '2-x-small': $parlour-spacing-2-x-small,
20
+ 'x-small': $parlour-spacing-x-small,
21
+ 'small': $parlour-spacing-small,
22
+ 'normal': $parlour-spacing-normal,
23
+ 'medium': $parlour-spacing-medium,
24
+ 'large': $parlour-spacing-large,
25
+ 'x-large': $parlour-spacing-x-large,
26
+ '2-x-large': $parlour-spacing-2-x-large,
27
+ '3-x-large': $parlour-spacing-3-x-large,
28
+ '4-x-large': $parlour-spacing-4-x-large,
29
+ '5-x-large': $parlour-spacing-5-x-large,
30
+ );
31
+
32
+ // Border Radius
33
+ $parlour-radius-sm: 2px;
34
+ $parlour-radius-md: 4px;
35
+ $parlour-radius-lg: 8px;
36
+ $parlour-radius-xl: 12px;
37
+ $parlour-radius-full: 9999px;
38
+
39
+ $parlour-radius: (
40
+ 'sm': $parlour-radius-sm,
41
+ 'md': $parlour-radius-md,
42
+ 'lg': $parlour-radius-lg,
43
+ 'xl': $parlour-radius-xl,
44
+ 'full': $parlour-radius-full,
45
+ );
46
+
47
+ // Viewport
48
+ $parlour-viewport-mobile: 600px;
49
+ $parlour-viewport-tablet: 768px;
50
+
51
+ $parlour-viewport: (
52
+ 'mobile': $parlour-viewport-mobile,
53
+ 'tablet': $parlour-viewport-tablet,
54
+ );
55
+
56
+ // Viewport media queries
57
+ // Built from the settings.viewport breakpoints WordPress uses for responsive
58
+ // block styles. Each below-/above- pair is an exact complement, so no viewport
59
+ // width matches both.
60
+
61
+ @mixin below-mobile {
62
+ @media (width <= #{$parlour-viewport-mobile}) {
63
+ @content;
64
+ }
65
+ }
66
+
67
+ @mixin above-mobile {
68
+ @media (width > #{$parlour-viewport-mobile}) {
69
+ @content;
70
+ }
71
+ }
72
+
73
+ @mixin below-tablet {
74
+ @media (width <= #{$parlour-viewport-tablet}) {
75
+ @content;
76
+ }
77
+ }
78
+
79
+ @mixin above-tablet {
80
+ @media (width > #{$parlour-viewport-tablet}) {
81
+ @content;
82
+ }
83
+ }
@@ -0,0 +1,19 @@
1
+ /* Auto-generated by component2block — do not edit manually */
2
+
3
+ export declare const parlourTokens: Record<string, Record<string, string>>;
4
+ export declare const parlourTokenKeys: {
5
+ readonly color: { readonly black: 'black'; readonly white: 'white'; readonly 'accent-primary': 'accent-primary'; readonly 'accent-secondary': 'accent-secondary'; readonly 'neutral-50': 'neutral-50'; readonly 'neutral-100': 'neutral-100'; readonly 'neutral-200': 'neutral-200'; readonly 'neutral-300': 'neutral-300'; readonly 'neutral-400': 'neutral-400'; readonly 'neutral-500': 'neutral-500'; readonly 'neutral-600': 'neutral-600'; readonly 'neutral-700': 'neutral-700'; readonly 'neutral-800': 'neutral-800'; readonly 'neutral-900': 'neutral-900'; readonly 'neutral-950': 'neutral-950'; readonly info: 'info'; readonly success: 'success'; readonly warning: 'warning'; readonly error: 'error'; readonly linkedin: 'linkedin'; readonly facebook: 'facebook'; readonly bluesky: 'bluesky'; readonly twitter: 'twitter'; readonly instagram: 'instagram'; readonly youtube: 'youtube'; readonly tiktok: 'tiktok' };
6
+ readonly gradient: { readonly 'white-to-neutral-50': 'white-to-neutral-50' };
7
+ readonly spacing: { readonly '3-x-small': '3-x-small'; readonly '2-x-small': '2-x-small'; readonly 'x-small': 'x-small'; readonly small: 'small'; readonly normal: 'normal'; readonly medium: 'medium'; readonly large: 'large'; readonly 'x-large': 'x-large'; readonly '2-x-large': '2-x-large'; readonly '3-x-large': '3-x-large'; readonly '4-x-large': '4-x-large'; readonly '5-x-large': '5-x-large' };
8
+ readonly fontFamily: { readonly 'inter-tight': 'inter-tight'; readonly 'source-serif-4': 'source-serif-4'; readonly 'jetbrains-mono': 'jetbrains-mono' };
9
+ readonly fontSize: { readonly '2-x-small': '2-x-small'; readonly 'x-small': 'x-small'; readonly small: 'small'; readonly medium: 'medium'; readonly large: 'large'; readonly 'x-large': 'x-large'; readonly '2-x-large': '2-x-large'; readonly '3-x-large': '3-x-large'; readonly '4-x-large': '4-x-large'; readonly '5-x-large': '5-x-large'; readonly hero: 'hero'; readonly 'heading-small': 'heading-small'; readonly 'heading-medium': 'heading-medium'; readonly 'heading-large': 'heading-large'; readonly 'heading-x-large': 'heading-x-large'; readonly 'heading-primary': 'heading-primary' };
10
+ readonly shadow: { readonly natural: 'natural'; readonly deep: 'deep'; readonly sharp: 'sharp'; readonly outlined: 'outlined'; readonly crisp: 'crisp' };
11
+ readonly fontWeight: { readonly thin: 'thin'; readonly 'extra-light': 'extra-light'; readonly light: 'light'; readonly normal: 'normal'; readonly medium: 'medium'; readonly semibold: 'semibold'; readonly bold: 'bold'; readonly 'extra-bold': 'extra-bold'; readonly black: 'black' };
12
+ readonly lineHeight: { readonly tight: 'tight'; readonly normal: 'normal'; readonly loose: 'loose' };
13
+ readonly radius: { readonly sm: 'sm'; readonly md: 'md'; readonly lg: 'lg'; readonly xl: 'xl'; readonly full: 'full' };
14
+ readonly transition: { readonly fast: 'fast'; readonly base: 'base' };
15
+ readonly z: { readonly '100': '100'; readonly '200': '200'; readonly '500': '500' };
16
+ readonly layout: { readonly 'content-size': 'content-size'; readonly 'wide-size': 'wide-size'; readonly 'small-size': 'small-size'; readonly 'full-size': 'full-size' };
17
+ readonly viewport: { readonly mobile: 'mobile'; readonly tablet: 'tablet' };
18
+ };
19
+ export default parlourTokens;
@@ -0,0 +1,72 @@
1
+ /* Auto-generated by component2block — do not edit manually */
2
+
3
+ body {
4
+ font-family: var(--parlour--font-family-source-serif-4);
5
+ font-size: var(--parlour--font-size-medium);
6
+ font-weight: 300;
7
+ line-height: var(--parlour--line-height-normal);
8
+ color: var(--parlour--color-black);
9
+ background-color: var(--parlour--color-neutral-50);
10
+ }
11
+
12
+ :where(h1, h2, h3, h4, h5, h6) {
13
+ font-family: var(--parlour--font-family-inter-tight);
14
+ line-height: 1.1;
15
+ color: var(--parlour--color-neutral-800);
16
+ }
17
+
18
+ :where(h1) {
19
+ font-size: var(--parlour--font-size-3-x-large);
20
+ font-style: normal;
21
+ font-weight: 600;
22
+ }
23
+
24
+ :where(h2) {
25
+ font-size: var(--parlour--font-size-2-x-large);
26
+ font-style: normal;
27
+ font-weight: 600;
28
+ }
29
+
30
+ :where(h3) {
31
+ font-size: var(--parlour--font-size-x-large);
32
+ font-style: normal;
33
+ font-weight: 600;
34
+ }
35
+
36
+ :where(h4) {
37
+ font-size: var(--parlour--font-size-large);
38
+ font-style: normal;
39
+ font-weight: 600;
40
+ }
41
+
42
+ :where(h5) {
43
+ font-size: var(--parlour--font-size-medium);
44
+ font-style: normal;
45
+ font-weight: 600;
46
+ }
47
+
48
+ :where(h6) {
49
+ font-size: var(--parlour--font-size-medium);
50
+ font-style: italic;
51
+ font-weight: 600;
52
+ }
53
+
54
+ :where(figcaption) {
55
+ font-size: var(--parlour--font-size-small);
56
+ font-style: italic;
57
+ font-weight: var(--parlour--font-weight-light);
58
+ color: var(--parlour--color-warning);
59
+ }
60
+
61
+ :where(button) {
62
+ color: var(--parlour--color-white);
63
+ background-color: var(--parlour--color-black);
64
+ }
65
+
66
+ :where(a) {
67
+ color: var(--parlour--color-accent-primary);
68
+ }
69
+
70
+ :where(a:hover) {
71
+ color: var(--parlour--color-error);
72
+ }
@@ -0,0 +1,72 @@
1
+ /* Auto-generated by component2block — do not edit manually */
2
+
3
+ body {
4
+ font-family: var(--parlour--font-family-source-serif-4);
5
+ font-size: var(--parlour--font-size-medium);
6
+ font-weight: 300;
7
+ line-height: var(--parlour--line-height-normal);
8
+ color: var(--parlour--color-black);
9
+ background-color: var(--parlour--color-neutral-50);
10
+ }
11
+
12
+ :where(h1, h2, h3, h4, h5, h6) {
13
+ font-family: var(--parlour--font-family-inter-tight);
14
+ line-height: 1.1;
15
+ color: var(--parlour--color-neutral-800);
16
+ }
17
+
18
+ :where(h1) {
19
+ font-size: var(--parlour--font-size-3-x-large);
20
+ font-style: normal;
21
+ font-weight: 600;
22
+ }
23
+
24
+ :where(h2) {
25
+ font-size: var(--parlour--font-size-2-x-large);
26
+ font-style: normal;
27
+ font-weight: 600;
28
+ }
29
+
30
+ :where(h3) {
31
+ font-size: var(--parlour--font-size-x-large);
32
+ font-style: normal;
33
+ font-weight: 600;
34
+ }
35
+
36
+ :where(h4) {
37
+ font-size: var(--parlour--font-size-large);
38
+ font-style: normal;
39
+ font-weight: 600;
40
+ }
41
+
42
+ :where(h5) {
43
+ font-size: var(--parlour--font-size-medium);
44
+ font-style: normal;
45
+ font-weight: 600;
46
+ }
47
+
48
+ :where(h6) {
49
+ font-size: var(--parlour--font-size-medium);
50
+ font-style: italic;
51
+ font-weight: 600;
52
+ }
53
+
54
+ :where(figcaption) {
55
+ font-size: var(--parlour--font-size-small);
56
+ font-style: italic;
57
+ font-weight: var(--parlour--font-weight-light);
58
+ color: var(--parlour--color-warning);
59
+ }
60
+
61
+ :where(button) {
62
+ color: var(--parlour--color-white);
63
+ background-color: var(--parlour--color-black);
64
+ }
65
+
66
+ :where(a) {
67
+ color: var(--parlour--color-accent-primary);
68
+ }
69
+
70
+ :where(a:hover) {
71
+ color: var(--parlour--color-error);
72
+ }
@@ -0,0 +1,50 @@
1
+ /* Auto-generated by component2block — do not edit manually */
2
+
3
+ :where(.is-layout-constrained) > * {
4
+ margin-block-start: 0;
5
+ margin-block-end: 0;
6
+ }
7
+
8
+ :where(.is-layout-constrained) > * + * {
9
+ margin-block-start: var(--parlour--root-block-gap);
10
+ }
11
+
12
+ :where(.is-layout-flex) {
13
+ gap: var(--parlour--root-block-gap);
14
+ }
15
+
16
+ :where(.is-layout-grid) {
17
+ gap: var(--parlour--root-block-gap);
18
+ }
19
+
20
+ :where(.entry-content) > * + * {
21
+ margin-block-start: var(--parlour--spacing-normal);
22
+ }
23
+
24
+ .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
25
+ max-width: var(--parlour--layout-content-size);
26
+ margin-left: auto !important;
27
+ margin-right: auto !important;
28
+ }
29
+
30
+ .is-layout-constrained > .alignwide {
31
+ max-width: var(--parlour--layout-wide-size);
32
+ margin-left: auto !important;
33
+ margin-right: auto !important;
34
+ }
35
+
36
+ .has-global-padding {
37
+ padding-right: var(--parlour--root-padding-right);
38
+ padding-left: var(--parlour--root-padding-left);
39
+ }
40
+
41
+ .has-global-padding > .alignfull {
42
+ max-width: none;
43
+ margin-right: calc(var(--parlour--root-padding-right) * -1);
44
+ margin-left: calc(var(--parlour--root-padding-left) * -1);
45
+ }
46
+
47
+ .has-global-padding > .alignfull > .has-global-padding {
48
+ padding-right: var(--parlour--root-padding-right);
49
+ padding-left: var(--parlour--root-padding-left);
50
+ }
@@ -0,0 +1,50 @@
1
+ /* Auto-generated by component2block — do not edit manually */
2
+
3
+ :where(.is-layout-constrained) > * {
4
+ margin-block-start: 0;
5
+ margin-block-end: 0;
6
+ }
7
+
8
+ :where(.is-layout-constrained) > * + * {
9
+ margin-block-start: var(--parlour--root-block-gap);
10
+ }
11
+
12
+ :where(.is-layout-flex) {
13
+ gap: var(--parlour--root-block-gap);
14
+ }
15
+
16
+ :where(.is-layout-grid) {
17
+ gap: var(--parlour--root-block-gap);
18
+ }
19
+
20
+ :where(.entry-content) > * + * {
21
+ margin-block-start: var(--parlour--spacing-normal);
22
+ }
23
+
24
+ .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
25
+ max-width: var(--parlour--layout-content-size);
26
+ margin-left: auto !important;
27
+ margin-right: auto !important;
28
+ }
29
+
30
+ .is-layout-constrained > .alignwide {
31
+ max-width: var(--parlour--layout-wide-size);
32
+ margin-left: auto !important;
33
+ margin-right: auto !important;
34
+ }
35
+
36
+ .has-global-padding {
37
+ padding-right: var(--parlour--root-padding-right);
38
+ padding-left: var(--parlour--root-padding-left);
39
+ }
40
+
41
+ .has-global-padding > .alignfull {
42
+ max-width: none;
43
+ margin-right: calc(var(--parlour--root-padding-right) * -1);
44
+ margin-left: calc(var(--parlour--root-padding-left) * -1);
45
+ }
46
+
47
+ .has-global-padding > .alignfull > .has-global-padding {
48
+ padding-right: var(--parlour--root-padding-right);
49
+ padding-left: var(--parlour--root-padding-left);
50
+ }