@troychaplin/parlour-ui 0.1.0 → 0.2.1

package/dist/components/BrandIcon/brandIcons.d.ts

@@ -0,0 +1,88 @@
+export declare const brandIcons: {
+    react: {
+        title: string;
+        path: string;
+    };
+    wordpress: {
+        title: string;
+        path: string;
+    };
+    nextjs: {
+        title: string;
+        path: string;
+    };
+    storybook: {
+        title: string;
+        path: string;
+    };
+    npm: {
+        title: string;
+        path: string;
+    };
+    typescript: {
+        title: string;
+        path: string;
+    };
+    javascript: {
+        title: string;
+        path: string;
+    };
+    php: {
+        title: string;
+        path: string;
+    };
+    nodejs: {
+        title: string;
+        path: string;
+    };
+    vite: {
+        title: string;
+        path: string;
+    };
+    sass: {
+        title: string;
+        path: string;
+    };
+    github: {
+        title: string;
+        path: string;
+    };
+    laravel: {
+        title: string;
+        path: string;
+    };
+    packagist: {
+        title: string;
+        path: string;
+    };
+    x: {
+        title: string;
+        path: string;
+    };
+    bluesky: {
+        title: string;
+        path: string;
+    };
+    linkedin: {
+        title: string;
+        path: string;
+    };
+    facebook: {
+        title: string;
+        path: string;
+    };
+    instagram: {
+        title: string;
+        path: string;
+    };
+    youtube: {
+        title: string;
+        path: string;
+    };
+    tiktok: {
+        title: string;
+        path: string;
+    };
+};
+export type BrandIconName = keyof typeof brandIcons;
+//# sourceMappingURL=brandIcons.d.ts.map

package/dist/components/BrandIcon/brandIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brandIcons.d.ts","sourceRoot":"","sources":["../../../src/components/BrandIcon/brandIcons.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsFtB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,UAAU,CAAC"}

package/dist/components/BrandIcon/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/BrandIcon-CRT5CX33.cjs");exports.BrandIcon=e.t,exports.brandIcons=e.n;

package/dist/components/BrandIcon/index.d.ts

@@ -0,0 +1,99 @@
+import React from 'react';
+
+declare const brandIcons: {
+    react: {
+        title: string;
+        path: string;
+    };
+    wordpress: {
+        title: string;
+        path: string;
+    };
+    nextjs: {
+        title: string;
+        path: string;
+    };
+    storybook: {
+        title: string;
+        path: string;
+    };
+    npm: {
+        title: string;
+        path: string;
+    };
+    typescript: {
+        title: string;
+        path: string;
+    };
+    javascript: {
+        title: string;
+        path: string;
+    };
+    php: {
+        title: string;
+        path: string;
+    };
+    nodejs: {
+        title: string;
+        path: string;
+    };
+    vite: {
+        title: string;
+        path: string;
+    };
+    sass: {
+        title: string;
+        path: string;
+    };
+    github: {
+        title: string;
+        path: string;
+    };
+    laravel: {
+        title: string;
+        path: string;
+    };
+    packagist: {
+        title: string;
+        path: string;
+    };
+    x: {
+        title: string;
+        path: string;
+    };
+    bluesky: {
+        title: string;
+        path: string;
+    };
+    linkedin: {
+        title: string;
+        path: string;
+    };
+    facebook: {
+        title: string;
+        path: string;
+    };
+    instagram: {
+        title: string;
+        path: string;
+    };
+    youtube: {
+        title: string;
+        path: string;
+    };
+    tiktok: {
+        title: string;
+        path: string;
+    };
+};
+type BrandIconName = keyof typeof brandIcons;
+
+interface BrandIconProps extends Omit<React.SVGProps<SVGSVGElement>, 'name'> {
+    name: BrandIconName;
+    label?: string;
+    className?: string;
+}
+declare const BrandIcon: ({ name, label, className, ...rest }: BrandIconProps) => React.JSX.Element;
+
+export { BrandIcon, brandIcons };
+export type { BrandIconName, BrandIconProps };

package/dist/components/BrandIcon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BrandIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/BrandIcon/index.mjs

@@ -0,0 +1,2 @@
+import { n as e, t } from "../_shared/BrandIcon-CcelVr9Y.mjs";
+export { t as BrandIcon, e as brandIcons };

package/dist/components/Card/Card.d.ts

@@ -9,8 +9,11 @@ export interface CardProps extends React.HTMLAttributes<HTMLElement> {
     border?: boolean;
     borderColor?: surfaceKeys;
     borderRadius?: borderRadiusKeys;
-    padding?: spacingKeys;
+    paddingInline?: spacingKeys;
+    paddingBlock?: spacingKeys;
+    href?: string;
+    linkProps?: Omit<React.ComponentPropsWithoutRef<'a'>, 'href' | 'className' | 'children'>;
 }
-export declare const Card: ({ children, as, backgroundColor, border, borderColor, borderRadius, padding, className, ...rest }: CardProps) => import('react').JSX.Element;
+export declare const Card: ({ children, as, backgroundColor, border, borderColor, borderRadius, paddingInline, paddingBlock, href, linkProps, className, ...rest }: CardProps) => import('react').JSX.Element;
 export {};
 //# sourceMappingURL=Card.d.ts.map

package/dist/components/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,sBAAsB,EACtB,mBAAmB,EACnB,cAAc,EACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,eAAe,CAAC;AAEvB,KAAK,WAAW,GAAG,MAAM,OAAO,sBAAsB,CAAC;AACvD,KAAK,gBAAgB,GAAG,MAAM,OAAO,mBAAmB,CAAC;AACzD,KAAK,WAAW,GAAG,MAAM,OAAO,cAAc,CAAC;AAE/C,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAChE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,OAAO,CAAC,EAAE,WAAW,CAAC;CACzB;AAED,eAAO,MAAM,IAAI,GAAI,mGAUlB,SAAS,gCAoBX,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAGA,OAAO,EACH,sBAAsB,EACtB,mBAAmB,EACnB,cAAc,EACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,eAAe,CAAC;AAEvB,KAAK,WAAW,GAAG,MAAM,OAAO,sBAAsB,CAAC;AACvD,KAAK,gBAAgB,GAAG,MAAM,OAAO,mBAAmB,CAAC;AACzD,KAAK,WAAW,GAAG,MAAM,OAAO,cAAc,CAAC;AAE/C,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAChE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC;CAC5F;AAED,eAAO,MAAM,IAAI,GAAI,wIAalB,SAAS,gCAkCX,CAAC"}

package/dist/components/Card/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/propClasses-CLbmpfVJ.cjs");let t=require("react/jsx-runtime");var n=({children:n,as:r=`div`,backgroundColor:i=`light`,border:a=!0,borderColor:o=`light`,borderRadius:s=`none`,padding:c=`large`,className:l,...u})=>{let d=r,f=[`parlour-card`,`parlour-card--bg-${e.t[i]}`,a&&`parlour-card--border`,a&&`parlour-card--border-${e.t[o]}`,`parlour-card--radius-${e.n[s]}`,`parlour-card--padding-${e.s[c]}`,l].filter(Boolean).join(` `);return(0,t.jsx)(d,{className:f,...u,children:n})};exports.Card=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/Card-CHHpCLeB.cjs");exports.Card=e.t;

package/dist/components/Card/index.d.ts

@@ -24,6 +24,7 @@ declare const borderRadiusClasses: {
     none: string;
 };
 declare const backgroundColorClasses: {
+    pale: string;
     light: string;
     medium: string;
     dark: string;
@@ -40,9 +41,12 @@ interface CardProps extends React.HTMLAttributes<HTMLElement> {
     border?: boolean;
     borderColor?: surfaceKeys;
     borderRadius?: borderRadiusKeys;
-    padding?: spacingKeys;
+    paddingInline?: spacingKeys;
+    paddingBlock?: spacingKeys;
+    href?: string;
+    linkProps?: Omit<React.ComponentPropsWithoutRef<'a'>, 'href' | 'className' | 'children'>;
 }
-declare const Card: ({ children, as, backgroundColor, border, borderColor, borderRadius, padding, className, ...rest }: CardProps) => react.JSX.Element;
+declare const Card: ({ children, as, backgroundColor, border, borderColor, borderRadius, paddingInline, paddingBlock, href, linkProps, className, ...rest }: CardProps) => react.JSX.Element;
 
 export { Card };
 export type { CardProps };

package/dist/components/Card/index.mjs

@@ -1,21 +1,2 @@
-import { n as e, s as t, t as n } from "../_shared/propClasses-R9s_eOfA.mjs";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/components/Card/Card.tsx
-var i = ({ children: i, as: a = "div", backgroundColor: o = "light", border: s = !0, borderColor: c = "light", borderRadius: l = "none", padding: u = "large", className: d, ...f }) => {
-	let p = a, m = [
-		"parlour-card",
-		`parlour-card--bg-${n[o]}`,
-		s && "parlour-card--border",
-		s && `parlour-card--border-${n[c]}`,
-		`parlour-card--radius-${e[l]}`,
-		`parlour-card--padding-${t[u]}`,
-		d
-	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ r(p, {
-		className: m,
-		...f,
-		children: i
-	});
-};
-//#endregion
-export { i as Card };
+import { t as e } from "../_shared/Card-HwBpJDVj.mjs";
+export { e as Card };

package/dist/components/Card/styles.css

@@ -80,54 +80,151 @@ li.parlour-card {
   border-radius: var(--parlour--radius-full);
 }
 
-.parlour-card--padding-none {
-  padding: 0;
+.parlour-card--padding-inline-none {
+  --parlour-card-padding-inline: 0;
+}
+
+.parlour-card--padding-block-none {
+  --parlour-card-padding-block: 0;
+}
+
+.parlour-card--padding-inline-3-x-small {
+  --parlour-card-padding-inline: var(--parlour--spacing-3-x-small);
+}
+
+.parlour-card--padding-block-3-x-small {
+  --parlour-card-padding-block: var(--parlour--spacing-3-x-small);
+}
+
+.parlour-card--padding-inline-2-x-small {
+  --parlour-card-padding-inline: var(--parlour--spacing-2-x-small);
+}
+
+.parlour-card--padding-block-2-x-small {
+  --parlour-card-padding-block: var(--parlour--spacing-2-x-small);
+}
+
+.parlour-card--padding-inline-x-small {
+  --parlour-card-padding-inline: var(--parlour--spacing-x-small);
+}
+
+.parlour-card--padding-block-x-small {
+  --parlour-card-padding-block: var(--parlour--spacing-x-small);
+}
+
+.parlour-card--padding-inline-small {
+  --parlour-card-padding-inline: var(--parlour--spacing-small);
+}
+
+.parlour-card--padding-block-small {
+  --parlour-card-padding-block: var(--parlour--spacing-small);
+}
+
+.parlour-card--padding-inline-normal {
+  --parlour-card-padding-inline: var(--parlour--spacing-normal);
 }
 
-.parlour-card--padding-3-x-small {
-  padding: var(--parlour--spacing-3-x-small);
+.parlour-card--padding-block-normal {
+  --parlour-card-padding-block: var(--parlour--spacing-normal);
 }
 
-.parlour-card--padding-2-x-small {
-  padding: var(--parlour--spacing-2-x-small);
+.parlour-card--padding-inline-medium {
+  --parlour-card-padding-inline: var(--parlour--spacing-medium);
 }
 
-.parlour-card--padding-x-small {
-  padding: var(--parlour--spacing-x-small);
+.parlour-card--padding-block-medium {
+  --parlour-card-padding-block: var(--parlour--spacing-medium);
 }
 
-.parlour-card--padding-small {
-  padding: var(--parlour--spacing-small);
+.parlour-card--padding-inline-large {
+  --parlour-card-padding-inline: var(--parlour--spacing-large);
 }
 
-.parlour-card--padding-normal {
-  padding: var(--parlour--spacing-normal);
+.parlour-card--padding-block-large {
+  --parlour-card-padding-block: var(--parlour--spacing-large);
 }
 
-.parlour-card--padding-medium {
-  padding: var(--parlour--spacing-medium);
+.parlour-card--padding-inline-x-large {
+  --parlour-card-padding-inline: var(--parlour--spacing-x-large);
 }
 
-.parlour-card--padding-large {
-  padding: var(--parlour--spacing-large);
+.parlour-card--padding-block-x-large {
+  --parlour-card-padding-block: var(--parlour--spacing-x-large);
 }
 
-.parlour-card--padding-x-large {
-  padding: var(--parlour--spacing-x-large);
+.parlour-card--padding-inline-2-x-large {
+  --parlour-card-padding-inline: var(--parlour--spacing-2-x-large);
 }
 
-.parlour-card--padding-2-x-large {
-  padding: var(--parlour--spacing-2-x-large);
+.parlour-card--padding-block-2-x-large {
+  --parlour-card-padding-block: var(--parlour--spacing-2-x-large);
 }
 
-.parlour-card--padding-3-x-large {
-  padding: var(--parlour--spacing-3-x-large);
+.parlour-card--padding-inline-3-x-large {
+  --parlour-card-padding-inline: var(--parlour--spacing-3-x-large);
 }
 
-.parlour-card--padding-4-x-large {
-  padding: var(--parlour--spacing-4-x-large);
+.parlour-card--padding-block-3-x-large {
+  --parlour-card-padding-block: var(--parlour--spacing-3-x-large);
 }
 
-.parlour-card--padding-5-x-large {
-  padding: var(--parlour--spacing-5-x-large);
+.parlour-card--padding-inline-4-x-large {
+  --parlour-card-padding-inline: var(--parlour--spacing-4-x-large);
+}
+
+.parlour-card--padding-block-4-x-large {
+  --parlour-card-padding-block: var(--parlour--spacing-4-x-large);
+}
+
+.parlour-card--padding-inline-5-x-large {
+  --parlour-card-padding-inline: var(--parlour--spacing-5-x-large);
+}
+
+.parlour-card--padding-block-5-x-large {
+  --parlour-card-padding-block: var(--parlour--spacing-5-x-large);
+}
+
+.parlour-card {
+  padding-inline: var(--parlour-card-padding-inline, 0);
+  padding-block: var(--parlour-card-padding-block, 0);
+}
+
+.parlour-card--linked {
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  transition: border-color var(--parlour--transition-fast);
+}
+.parlour-card--linked:hover {
+  border-color: var(--parlour--color-neutral-500);
+}
+@media (prefers-reduced-motion: reduce) {
+  .parlour-card--linked {
+    transition: none;
+  }
+}
+
+.parlour-card__link {
+  flex: 1;
+  padding-inline: var(--parlour-card-padding-inline, 0);
+  padding-block: var(--parlour-card-padding-block, 0);
+}
+.parlour-card__link > :first-child {
+  margin-top: 0;
+}
+.parlour-card__link > :last-child {
+  margin-bottom: 0;
+}
+
+.parlour-card .parlour-card__link {
+  font-weight: inherit;
+  color: inherit;
+  text-decoration: none;
+}
+.parlour-card .parlour-card__link:hover {
+  text-decoration: none;
+}
+.parlour-card .parlour-card__link:focus-visible {
+  outline: 2px solid var(--parlour--color-accent-primary);
+  outline-offset: var(--parlour--spacing-2-x-small);
 }

package/dist/components/Card/styles.scss

@@ -80,54 +80,151 @@ li.parlour-card {
   border-radius: var(--parlour--radius-full);
 }
 
-.parlour-card--padding-none {
-  padding: 0;
+.parlour-card--padding-inline-none {
+  --parlour-card-padding-inline: 0;
+}
+
+.parlour-card--padding-block-none {
+  --parlour-card-padding-block: 0;
+}
+
+.parlour-card--padding-inline-3-x-small {
+  --parlour-card-padding-inline: var(--parlour--spacing-3-x-small);
+}
+
+.parlour-card--padding-block-3-x-small {
+  --parlour-card-padding-block: var(--parlour--spacing-3-x-small);
+}
+
+.parlour-card--padding-inline-2-x-small {
+  --parlour-card-padding-inline: var(--parlour--spacing-2-x-small);
+}
+
+.parlour-card--padding-block-2-x-small {
+  --parlour-card-padding-block: var(--parlour--spacing-2-x-small);
+}
+
+.parlour-card--padding-inline-x-small {
+  --parlour-card-padding-inline: var(--parlour--spacing-x-small);
+}
+
+.parlour-card--padding-block-x-small {
+  --parlour-card-padding-block: var(--parlour--spacing-x-small);
+}
+
+.parlour-card--padding-inline-small {
+  --parlour-card-padding-inline: var(--parlour--spacing-small);
+}
+
+.parlour-card--padding-block-small {
+  --parlour-card-padding-block: var(--parlour--spacing-small);
+}
+
+.parlour-card--padding-inline-normal {
+  --parlour-card-padding-inline: var(--parlour--spacing-normal);
 }
 
-.parlour-card--padding-3-x-small {
-  padding: var(--parlour--spacing-3-x-small);
+.parlour-card--padding-block-normal {
+  --parlour-card-padding-block: var(--parlour--spacing-normal);
 }
 
-.parlour-card--padding-2-x-small {
-  padding: var(--parlour--spacing-2-x-small);
+.parlour-card--padding-inline-medium {
+  --parlour-card-padding-inline: var(--parlour--spacing-medium);
 }
 
-.parlour-card--padding-x-small {
-  padding: var(--parlour--spacing-x-small);
+.parlour-card--padding-block-medium {
+  --parlour-card-padding-block: var(--parlour--spacing-medium);
 }
 
-.parlour-card--padding-small {
-  padding: var(--parlour--spacing-small);
+.parlour-card--padding-inline-large {
+  --parlour-card-padding-inline: var(--parlour--spacing-large);
 }
 
-.parlour-card--padding-normal {
-  padding: var(--parlour--spacing-normal);
+.parlour-card--padding-block-large {
+  --parlour-card-padding-block: var(--parlour--spacing-large);
 }
 
-.parlour-card--padding-medium {
-  padding: var(--parlour--spacing-medium);
+.parlour-card--padding-inline-x-large {
+  --parlour-card-padding-inline: var(--parlour--spacing-x-large);
 }
 
-.parlour-card--padding-large {
-  padding: var(--parlour--spacing-large);
+.parlour-card--padding-block-x-large {
+  --parlour-card-padding-block: var(--parlour--spacing-x-large);
 }
 
-.parlour-card--padding-x-large {
-  padding: var(--parlour--spacing-x-large);
+.parlour-card--padding-inline-2-x-large {
+  --parlour-card-padding-inline: var(--parlour--spacing-2-x-large);
 }
 
-.parlour-card--padding-2-x-large {
-  padding: var(--parlour--spacing-2-x-large);
+.parlour-card--padding-block-2-x-large {
+  --parlour-card-padding-block: var(--parlour--spacing-2-x-large);
 }
 
-.parlour-card--padding-3-x-large {
-  padding: var(--parlour--spacing-3-x-large);
+.parlour-card--padding-inline-3-x-large {
+  --parlour-card-padding-inline: var(--parlour--spacing-3-x-large);
 }
 
-.parlour-card--padding-4-x-large {
-  padding: var(--parlour--spacing-4-x-large);
+.parlour-card--padding-block-3-x-large {
+  --parlour-card-padding-block: var(--parlour--spacing-3-x-large);
 }
 
-.parlour-card--padding-5-x-large {
-  padding: var(--parlour--spacing-5-x-large);
+.parlour-card--padding-inline-4-x-large {
+  --parlour-card-padding-inline: var(--parlour--spacing-4-x-large);
+}
+
+.parlour-card--padding-block-4-x-large {
+  --parlour-card-padding-block: var(--parlour--spacing-4-x-large);
+}
+
+.parlour-card--padding-inline-5-x-large {
+  --parlour-card-padding-inline: var(--parlour--spacing-5-x-large);
+}
+
+.parlour-card--padding-block-5-x-large {
+  --parlour-card-padding-block: var(--parlour--spacing-5-x-large);
+}
+
+.parlour-card {
+  padding-inline: var(--parlour-card-padding-inline, 0);
+  padding-block: var(--parlour-card-padding-block, 0);
+}
+
+.parlour-card--linked {
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  transition: border-color var(--parlour--transition-fast);
+}
+.parlour-card--linked:hover {
+  border-color: var(--parlour--color-neutral-500);
+}
+@media (prefers-reduced-motion: reduce) {
+  .parlour-card--linked {
+    transition: none;
+  }
+}
+
+.parlour-card__link {
+  flex: 1;
+  padding-inline: var(--parlour-card-padding-inline, 0);
+  padding-block: var(--parlour-card-padding-block, 0);
+}
+.parlour-card__link > :first-child {
+  margin-top: 0;
+}
+.parlour-card__link > :last-child {
+  margin-bottom: 0;
+}
+
+.parlour-card .parlour-card__link {
+  font-weight: inherit;
+  color: inherit;
+  text-decoration: none;
+}
+.parlour-card .parlour-card__link:hover {
+  text-decoration: none;
+}
+.parlour-card .parlour-card__link:focus-visible {
+  outline: 2px solid var(--parlour--color-accent-primary);
+  outline-offset: var(--parlour--spacing-2-x-small);
 }

package/dist/components/CodeBlock/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/propClasses-CLbmpfVJ.cjs");let t=require("react/jsx-runtime");var n=({code:n,color:r,className:i,hasBorder:a,borderRadius:o,...s})=>{let c=[`parlour-code-block`,r&&`parlour-code-block--${e.t[r]}`,a&&`parlour-code-block--has-border`,o&&`parlour-code-block--radius-${e.n[o]}`,i].filter(Boolean).join(` `);return(0,t.jsx)(`pre`,{className:c,tabIndex:0,...s,children:(0,t.jsx)(`code`,{children:n})})};exports.CodeBlock=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/propClasses-BWhHB1BQ.cjs");let t=require("react/jsx-runtime");var n=({code:n,color:r,className:i,hasBorder:a,borderRadius:o,...s})=>{let c=[`parlour-code-block`,r&&`parlour-code-block--${e.t[r]}`,a&&`parlour-code-block--has-border`,o&&`parlour-code-block--radius-${e.n[o]}`,i].filter(Boolean).join(` `);return(0,t.jsx)(`pre`,{className:c,tabIndex:0,...s,children:(0,t.jsx)(`code`,{children:n})})};exports.CodeBlock=n;

package/dist/components/CodeBlock/index.d.ts

@@ -9,6 +9,7 @@ declare const borderRadiusClasses: {
     none: string;
 };
 declare const backgroundColorClasses: {
+    pale: string;
     light: string;
     medium: string;
     dark: string;

package/dist/components/CodeBlock/index.mjs

@@ -1,4 +1,4 @@
-import { n as e, t } from "../_shared/propClasses-R9s_eOfA.mjs";
+import { n as e, t } from "../_shared/propClasses-DXjiKI33.mjs";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/CodeBlock/CodeBlock.tsx
 var r = ({ code: r, color: i, className: a, hasBorder: o, borderRadius: s, ...c }) => {

package/dist/components/Column/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/rolldown-runtime-BocRIvOZ.cjs"),t=require("../_shared/propClasses-CLbmpfVJ.cjs");let n=require("react");n=e.t(n,1);let r=require("react/jsx-runtime");var i=({children:e,isFirst:t=!1})=>(0,r.jsx)(`div`,{className:`parlour-column__content ${t?`is-first`:``}`,children:e});i.displayName=`Column.Content`;var a=({children:e,cols:n=`2`,maxWidth:i=`aligncontent`})=>{let a=[`parlour-layout parlour-column parlour-column--${t.a[n]}`,i].filter(Boolean).join(` `);return(0,r.jsx)(`div`,{className:a,children:e})},o=Object.assign(a,{Content:i});a.displayName=`Column`,exports.Column=o;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_shared/rolldown-runtime-BocRIvOZ.cjs"),t=require("../_shared/propClasses-BWhHB1BQ.cjs");let n=require("react");n=e.t(n,1);let r=require("react/jsx-runtime");var i=({children:e,isFirst:t=!1})=>(0,r.jsx)(`div`,{className:`parlour-column__content ${t?`is-first`:``}`,children:e});i.displayName=`Column.Content`;var a=({children:e,cols:n=`2`,maxWidth:i=`aligncontent`})=>{let a=[`parlour-layout parlour-column parlour-column--${t.a[n]}`,i].filter(Boolean).join(` `);return(0,r.jsx)(`div`,{className:a,children:e})},o=Object.assign(a,{Content:i});a.displayName=`Column`,exports.Column=o;

package/dist/components/Column/index.mjs

@@ -1,4 +1,4 @@
-import { a as e } from "../_shared/propClasses-R9s_eOfA.mjs";
+import { a as e } from "../_shared/propClasses-DXjiKI33.mjs";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Column/ColumnContent.tsx

package/dist/components/Container/index.d.ts

@@ -27,6 +27,7 @@ declare const borderRadiusClasses: {
     none: string;
 };
 declare const backgroundColorClasses: {
+    pale: string;
     light: string;
     medium: string;
     dark: string;