@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.
- package/LICENSE +21 -0
- package/README.md +328 -0
- package/dist/_shared/client-CLAcY4nN.cjs +1 -0
- package/dist/_shared/client-CsCPbj42.mjs +93 -0
- package/dist/_shared/rolldown-runtime-BocRIvOZ.cjs +1 -0
- package/dist/_shared/shared-B07rlYN8.cjs +1 -0
- package/dist/_shared/shared-DZTw1JIu.mjs +400 -0
- package/dist/components/Article/Article.d.ts +7 -0
- package/dist/components/Article/Article.d.ts.map +1 -0
- package/dist/components/Article/index.cjs +1 -0
- package/dist/components/Article/index.d.ts +9 -0
- package/dist/components/Article/index.d.ts.map +1 -0
- package/dist/components/Article/index.mjs +6 -0
- package/dist/components/Aside/Aside.d.ts +9 -0
- package/dist/components/Aside/Aside.d.ts.map +1 -0
- package/dist/components/Aside/index.cjs +1 -0
- package/dist/components/Aside/index.d.ts +12 -0
- package/dist/components/Aside/index.d.ts.map +1 -0
- package/dist/components/Aside/index.mjs +22 -0
- package/dist/components/Aside/styles.css +3 -0
- package/dist/components/Aside/styles.scss +3 -0
- package/dist/components/Body/Body.d.ts +7 -0
- package/dist/components/Body/Body.d.ts.map +1 -0
- package/dist/components/Body/index.cjs +1 -0
- package/dist/components/Body/index.d.ts +9 -0
- package/dist/components/Body/index.d.ts.map +1 -0
- package/dist/components/Body/index.mjs +9 -0
- package/dist/components/Button/Button.d.ts +24 -0
- package/dist/components/Button/Button.d.ts.map +1 -0
- package/dist/components/Button/index.cjs +1 -0
- package/dist/components/Button/index.d.ts +35 -0
- package/dist/components/Button/index.d.ts.map +1 -0
- package/dist/components/Button/index.mjs +2 -0
- package/dist/components/Button/styles.css +120 -0
- package/dist/components/Button/styles.scss +120 -0
- package/dist/components/ButtonGroup/ButtonGroup.d.ts +10 -0
- package/dist/components/ButtonGroup/ButtonGroup.d.ts.map +1 -0
- package/dist/components/ButtonGroup/index.cjs +1 -0
- package/dist/components/ButtonGroup/index.d.ts +17 -0
- package/dist/components/ButtonGroup/index.d.ts.map +1 -0
- package/dist/components/ButtonGroup/index.mjs +2 -0
- package/dist/components/ButtonGroup/styles.css +22 -0
- package/dist/components/ButtonGroup/styles.scss +22 -0
- package/dist/components/Card/Card.d.ts +16 -0
- package/dist/components/Card/Card.d.ts.map +1 -0
- package/dist/components/Card/index.cjs +1 -0
- package/dist/components/Card/index.d.ts +48 -0
- package/dist/components/Card/index.d.ts.map +1 -0
- package/dist/components/Card/index.mjs +21 -0
- package/dist/components/Card/styles.css +133 -0
- package/dist/components/Card/styles.scss +133 -0
- package/dist/components/CodeBlock/CodeBlock.d.ts +12 -0
- package/dist/components/CodeBlock/CodeBlock.d.ts.map +1 -0
- package/dist/components/CodeBlock/index.cjs +1 -0
- package/dist/components/CodeBlock/index.d.ts +29 -0
- package/dist/components/CodeBlock/index.d.ts.map +1 -0
- package/dist/components/CodeBlock/index.mjs +20 -0
- package/dist/components/CodeBlock/styles.css +53 -0
- package/dist/components/CodeBlock/styles.scss +53 -0
- package/dist/components/Column/Column.d.ts +23 -0
- package/dist/components/Column/Column.d.ts.map +1 -0
- package/dist/components/Column/ColumnContent.d.ts +10 -0
- package/dist/components/Column/ColumnContent.d.ts.map +1 -0
- package/dist/components/Column/index.cjs +1 -0
- package/dist/components/Column/index.d.ts +33 -0
- package/dist/components/Column/index.d.ts.map +1 -0
- package/dist/components/Column/index.mjs +21 -0
- package/dist/components/Column/styles.css +74 -0
- package/dist/components/Column/styles.scss +74 -0
- package/dist/components/Container/Container.d.ts +16 -0
- package/dist/components/Container/Container.d.ts.map +1 -0
- package/dist/components/Container/index.cjs +1 -0
- package/dist/components/Container/index.d.ts +51 -0
- package/dist/components/Container/index.d.ts.map +1 -0
- package/dist/components/Container/index.mjs +2 -0
- package/dist/components/Container/styles.css +126 -0
- package/dist/components/Container/styles.scss +126 -0
- package/dist/components/Figure/Figure.d.ts +12 -0
- package/dist/components/Figure/Figure.d.ts.map +1 -0
- package/dist/components/Figure/index.cjs +1 -0
- package/dist/components/Figure/index.d.ts +14 -0
- package/dist/components/Figure/index.d.ts.map +1 -0
- package/dist/components/Figure/index.mjs +23 -0
- package/dist/components/Figure/styles.css +78 -0
- package/dist/components/Figure/styles.scss +78 -0
- package/dist/components/FlexGroup/FlexGroup.d.ts +21 -0
- package/dist/components/FlexGroup/FlexGroup.d.ts.map +1 -0
- package/dist/components/FlexGroup/index.cjs +1 -0
- package/dist/components/FlexGroup/index.d.ts +69 -0
- package/dist/components/FlexGroup/index.d.ts.map +1 -0
- package/dist/components/FlexGroup/index.mjs +2 -0
- package/dist/components/FlexGroup/styles.css +197 -0
- package/dist/components/FlexGroup/styles.scss +197 -0
- package/dist/components/GridGroup/GridGroup.d.ts +16 -0
- package/dist/components/GridGroup/GridGroup.d.ts.map +1 -0
- package/dist/components/GridGroup/index.cjs +1 -0
- package/dist/components/GridGroup/index.d.ts +46 -0
- package/dist/components/GridGroup/index.d.ts.map +1 -0
- package/dist/components/GridGroup/index.mjs +22 -0
- package/dist/components/GridGroup/styles.css +144 -0
- package/dist/components/GridGroup/styles.scss +144 -0
- package/dist/components/Hero/Hero.d.ts +7 -0
- package/dist/components/Hero/Hero.d.ts.map +1 -0
- package/dist/components/Hero/index.cjs +1 -0
- package/dist/components/Hero/index.d.ts +9 -0
- package/dist/components/Hero/index.d.ts.map +1 -0
- package/dist/components/Hero/index.mjs +23 -0
- package/dist/components/Hero/styles.css +27 -0
- package/dist/components/Hero/styles.scss +27 -0
- package/dist/components/HeroHeader/HeroHeader.d.ts +11 -0
- package/dist/components/HeroHeader/HeroHeader.d.ts.map +1 -0
- package/dist/components/HeroHeader/index.cjs +1 -0
- package/dist/components/HeroHeader/index.d.ts +14 -0
- package/dist/components/HeroHeader/index.d.ts.map +1 -0
- package/dist/components/HeroHeader/index.mjs +30 -0
- package/dist/components/HeroHeader/styles.css +39 -0
- package/dist/components/HeroHeader/styles.scss +39 -0
- package/dist/components/InfoBar/InfoBar.d.ts +8 -0
- package/dist/components/InfoBar/InfoBar.d.ts.map +1 -0
- package/dist/components/InfoBar/index.cjs +1 -0
- package/dist/components/InfoBar/index.d.ts +10 -0
- package/dist/components/InfoBar/index.d.ts.map +1 -0
- package/dist/components/InfoBar/index.mjs +44 -0
- package/dist/components/InfoBar/styles.css +11 -0
- package/dist/components/InfoBar/styles.scss +11 -0
- package/dist/components/LinkProvider/LinkContext.d.ts +4 -0
- package/dist/components/LinkProvider/LinkContext.d.ts.map +1 -0
- package/dist/components/LinkProvider/index.cjs +1 -0
- package/dist/components/LinkProvider/index.d.ts +16 -0
- package/dist/components/LinkProvider/index.d.ts.map +1 -0
- package/dist/components/LinkProvider/index.mjs +11 -0
- package/dist/components/LinkProvider/useLinkContext.d.ts +2 -0
- package/dist/components/LinkProvider/useLinkContext.d.ts.map +1 -0
- package/dist/components/Main/Main.d.ts +8 -0
- package/dist/components/Main/Main.d.ts.map +1 -0
- package/dist/components/Main/index.cjs +1 -0
- package/dist/components/Main/index.d.ts +10 -0
- package/dist/components/Main/index.d.ts.map +1 -0
- package/dist/components/Main/index.mjs +20 -0
- package/dist/components/Main/styles.css +19 -0
- package/dist/components/Main/styles.scss +19 -0
- package/dist/components/SectionHeader/SectionHeader.d.ts +9 -0
- package/dist/components/SectionHeader/SectionHeader.d.ts.map +1 -0
- package/dist/components/SectionHeader/index.cjs +1 -0
- package/dist/components/SectionHeader/index.d.ts +12 -0
- package/dist/components/SectionHeader/index.d.ts.map +1 -0
- package/dist/components/SectionHeader/index.mjs +19 -0
- package/dist/components/SectionHeader/styles.css +29 -0
- package/dist/components/SectionHeader/styles.scss +29 -0
- package/dist/components/SiteHeader/SiteHeader.d.ts +9 -0
- package/dist/components/SiteHeader/SiteHeader.d.ts.map +1 -0
- package/dist/components/SiteHeader/index.cjs +1 -0
- package/dist/components/SiteHeader/index.d.ts +11 -0
- package/dist/components/SiteHeader/index.d.ts.map +1 -0
- package/dist/components/SiteHeader/index.mjs +73 -0
- package/dist/components/SiteHeader/styles.css +47 -0
- package/dist/components/SiteHeader/styles.scss +47 -0
- package/dist/components/_shared/Button-CAFrgdq8.mjs +28 -0
- package/dist/components/_shared/Button-CQIUEu-m.cjs +1 -0
- package/dist/components/_shared/ButtonGroup-B0V_8y-2.mjs +9 -0
- package/dist/components/_shared/ButtonGroup-ChqwMTps.cjs +1 -0
- package/dist/components/_shared/Container-Bl4f1ZwJ.cjs +1 -0
- package/dist/components/_shared/Container-OGjfScEb.mjs +26 -0
- package/dist/components/_shared/FlexGroup-CgPbyEha.cjs +1 -0
- package/dist/components/_shared/FlexGroup-CnOrx2MF.mjs +24 -0
- package/dist/components/_shared/parlour-tokens-BT0frVnY.cjs +1 -0
- package/dist/components/_shared/parlour-tokens-CHt4gBUd.mjs +245 -0
- package/dist/components/_shared/propClasses-CLbmpfVJ.cjs +1 -0
- package/dist/components/_shared/propClasses-R9s_eOfA.mjs +40 -0
- package/dist/components/_shared/rolldown-runtime-BocRIvOZ.cjs +1 -0
- package/dist/components/_shared/useLinkContext-CJko6HGf.mjs +6 -0
- package/dist/components/_shared/useLinkContext-DwwV1iqK.cjs +1 -0
- package/dist/components/tokens/index.cjs +1 -0
- package/dist/components/tokens/index.d.ts +5 -0
- package/dist/components/tokens/index.d.ts.map +1 -0
- package/dist/components/tokens/index.mjs +2 -0
- package/dist/data/ArticleData.d.ts +2 -0
- package/dist/data/ArticleData.d.ts.map +1 -0
- package/dist/data/CodeData.d.ts +3 -0
- package/dist/data/CodeData.d.ts.map +1 -0
- package/dist/data/ImageData.d.ts +5 -0
- package/dist/data/ImageData.d.ts.map +1 -0
- package/dist/data/NewsData.d.ts +11 -0
- package/dist/data/NewsData.d.ts.map +1 -0
- package/dist/data/SampleContent.d.ts +9 -0
- package/dist/data/SampleContent.d.ts.map +1 -0
- package/dist/data-images/attend-1-thumb.jpg +0 -0
- package/dist/data-images/attend-2-thumb.jpg +0 -0
- package/dist/data-images/attend-3-thumb.jpg +0 -0
- package/dist/data-images/attend-4-thumb.jpg +0 -0
- package/dist/data-images/event-1-thumb.jpg +0 -0
- package/dist/data-images/event-2-thumb.jpg +0 -0
- package/dist/data-images/event-3-thumb.jpg +0 -0
- package/dist/data-images/event-4-thumb.jpg +0 -0
- package/dist/data-images/story-1-thumb.jpg +0 -0
- package/dist/data-images/story-2-thumb.jpg +0 -0
- package/dist/data-images/story-3-thumb.jpg +0 -0
- package/dist/data-images/story-4-thumb.jpg +0 -0
- package/dist/docs/stylebook/components/BorderRadiusSamples.d.ts +7 -0
- package/dist/docs/stylebook/components/BorderRadiusSamples.d.ts.map +1 -0
- package/dist/docs/stylebook/components/ColorSwatches.d.ts +9 -0
- package/dist/docs/stylebook/components/ColorSwatches.d.ts.map +1 -0
- package/dist/docs/stylebook/components/ShadowSamples.d.ts +7 -0
- package/dist/docs/stylebook/components/ShadowSamples.d.ts.map +1 -0
- package/dist/docs/stylebook/components/SpacingScale.d.ts +8 -0
- package/dist/docs/stylebook/components/SpacingScale.d.ts.map +1 -0
- package/dist/docs/stylebook/components/TypographyScale.d.ts +23 -0
- package/dist/docs/stylebook/components/TypographyScale.d.ts.map +1 -0
- package/dist/fonts/inter-tight/inter-tight-variable-italic.woff2 +0 -0
- package/dist/fonts/inter-tight/inter-tight-variable-normal.woff2 +0 -0
- package/dist/fonts/jetbrains-mono/jetbrains-mono-variable-italic.woff2 +0 -0
- package/dist/fonts/jetbrains-mono/jetbrains-mono-variable-normal.woff2 +0 -0
- package/dist/fonts/source-serif-4/source-serif-4-variable-italic.woff2 +0 -0
- package/dist/fonts/source-serif-4/source-serif-4-variable-normal.woff2 +0 -0
- package/dist/fonts.css +43 -0
- package/dist/index.cjs +1 -0
- package/dist/index.d.ts +20 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.mjs +3 -0
- package/dist/sample-imgs/event-img.jpg +0 -0
- package/dist/sample-imgs/news-img.jpg +0 -0
- package/dist/sample-imgs/page-img.jpg +0 -0
- package/dist/sample-imgs/people-img.jpg +0 -0
- package/dist/style.css +43 -0
- package/dist/styles/_parlour-variables.scss +83 -0
- package/dist/styles/c2b/parlour-tokens.d.ts +19 -0
- package/dist/styles/parlour-base-styles.css +72 -0
- package/dist/styles/parlour-base-styles.scss +72 -0
- package/dist/styles/parlour-layout.css +50 -0
- package/dist/styles/parlour-layout.scss +50 -0
- package/dist/styles/parlour-tokens.css +129 -0
- package/dist/styles/parlour-tokens.d.ts +19 -0
- package/dist/styles/parlour-tokens.js +148 -0
- package/dist/styles/parlour-tokens.scss +129 -0
- package/dist/styles/parlour-typography.css +29 -0
- package/dist/styles/parlour-typography.scss +29 -0
- package/dist/utils/propClasses.d.ts +101 -0
- package/dist/utils/propClasses.d.ts.map +1 -0
- package/dist/wordpress/block-theme.css +157 -0
- package/dist/wordpress/hybrid-theme.css +324 -0
- package/dist/wordpress/integrate.php +139 -0
- package/dist/wordpress/theme-parlour.json +581 -0
- 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 @@
|
|
|
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"}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
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;
|
package/dist/index.d.ts
ADDED
|
@@ -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
|
+
}
|