@hashicorp/mds-react 0.9.13 → 0.9.15

package/patterns/card/promo-card/index.d.ts

@@ -1,18 +0,0 @@
-import { ThumbnailProps } from '../types';
-interface PromoCardProps {
-    heading: string;
-    description?: string;
-    eyebrow?: string;
-    link: string;
-    clickHandler?: () => void;
-    thumbnail?: ThumbnailProps;
-    withArrow?: boolean;
-    isExternal?: boolean;
-    className?: string;
-}
-declare const PromoCard: {
-    ({ heading, description, eyebrow, link, clickHandler, thumbnail, withArrow, isExternal, className, }: PromoCardProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export type { PromoCardProps };
-export { PromoCard };

package/patterns/card/resource-card/index.d.ts

@@ -1,16 +0,0 @@
-import { CardPatternProps, ThumbnailProps } from '../types';
-interface ResourceCardProps {
-    heading: string;
-    date?: string;
-    category: string;
-    link: string;
-    productBadges?: CardPatternProps['productBadges'];
-    thumbnail: ThumbnailProps;
-    isExternal?: CardPatternProps['isExternal'];
-}
-declare const ResourceCard: {
-    ({ heading, date, category, link, productBadges, thumbnail, isExternal, }: ResourceCardProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export type { ResourceCardProps };
-export { ResourceCard };

package/patterns/card/style.module.css

@@ -1,121 +0,0 @@
-.card {
-	display: flex;
-	flex-direction: column;
-	flex-grow: 1;
-
-	&:hover {
-		& .cta svg {
-			transform: translateX(2px);
-		}
-	}
-
-	&.dark {
-		& .thumbnail {
-			border-bottom: 0;
-		}
-	}
-}
-
-.link {
-	position: absolute;
-	inset: 0;
-	outline: none;
-}
-
-.thumbnail {
-	& .image {
-		position: relative;
-		display: grid;
-		aspect-ratio: 16 / 9;
-		overflow: hidden;
-
-		& img {
-			object-fit: cover;
-			object-position: center;
-			width: 100%;
-			height: 100%;
-		}
-	}
-}
-
-.personThumbnail {
-	composes: thumbnail;
-	& .image {
-		aspect-ratio: 4 / 3;
-	}
-}
-
-.logoThumbnail {
-	composes: thumbnail;
-	padding: var(--mds-spacing-07);
-
-	& .image {
-		aspect-ratio: none;
-
-		& img {
-			aspect-ratio: 16 / 9;
-			object-fit: contain;
-		}
-	}
-}
-
-.meta {
-	color: var(--mds-color-foreground-faint);
-	text-transform: uppercase;
-	margin: 0;
-	display: flex;
-	flex-wrap: wrap;
-	list-style: none;
-	padding: 0;
-}
-
-.metaSeparator {
-	--padding-x: 12px;
-
-	padding-left: var(--padding-x);
-	padding-right: var(--padding-x);
-}
-
-.content {
-	display: flex;
-	flex-direction: column;
-	flex-grow: 1;
-	row-gap: 16px;
-	padding: 20px 20px 0 20px;
-}
-
-.heading {
-	font-weight: var(--mds-typography-font-weight-bold);
-	color: var(--mds-color-foreground-strong);
-	margin: 0;
-}
-
-.description {
-	color: var(--mds-color-foreground-primary);
-	margin: 0;
-}
-
-.productBadges {
-	margin-top: auto;
-	display: flex;
-	flex-wrap: wrap;
-	gap: 8px;
-}
-
-.cta {
-	display: flex;
-	align-items: center;
-	justify-content: flex-end;
-	color: var(--mds-color-foreground-primary);
-	padding: 8px 20px 20px 20px;
-	margin-top: auto;
-	transition: color 0.25s ease;
-
-	& svg {
-		transition: transform 0.25s ease;
-	}
-
-	&:empty {
-		padding-top: 0;
-	}
-}

package/patterns/card/thumbnails/index.d.ts

@@ -1,13 +0,0 @@
-import { ThumbnailProps } from '../types';
-export declare const Thumbnail: {
-    ({ src, alt }: ThumbnailProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const PersonThumbnail: {
-    ({ src, alt }: ThumbnailProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const LogoThumbnail: {
-    ({ src, alt }: ThumbnailProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/patterns/card/types.d.ts

@@ -1,41 +0,0 @@
-import { PropsWithChildren, ReactNode } from 'react';
-import { ProductBadgeProps } from '../../patterns/product-badge';
-import { NewsroomCardProps } from './newsroom-card';
-import { PersonCardProps } from './person-card';
-import { ResourceCardProps } from './resource-card';
-import { UnifiedCardProps } from './unified-card';
-interface BaseCardProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'aria-label'> {
-    withArrow?: boolean;
-    link: string;
-    clickHandler?: () => void;
-    isExternal?: boolean;
-}
-interface CardPrimitiveProps extends BaseCardProps {
-    children: ReactNode;
-    'aria-label': string;
-}
-interface ThumbnailProps {
-    src: string;
-    alt: string;
-}
-interface MetaProps {
-    items: Array<string | ReactNode>;
-}
-type ContentProps = PropsWithChildren;
-interface HeadingProps {
-    as?: 'h2' | 'h3' | 'h4';
-    children: string;
-}
-interface ProductBadgesProps extends PropsWithChildren {
-    badges: Array<ProductBadgeProps['productName']>;
-}
-type DescriptionProps = PropsWithChildren;
-interface CardPatternProps extends BaseCardProps {
-    heading: string;
-    thumbnail?: ThumbnailProps;
-    meta?: MetaProps['items'];
-    description?: DescriptionProps['children'];
-    productBadges?: ProductBadgesProps['badges'];
-    'aria-label'?: string;
-}
-export type { CardPrimitiveProps, ThumbnailProps, MetaProps, ContentProps, HeadingProps, ProductBadgesProps, DescriptionProps, CardPatternProps, NewsroomCardProps, PersonCardProps, ResourceCardProps, UnifiedCardProps, };

package/patterns/card/unified-card/index.d.ts

@@ -1,10 +0,0 @@
-import { CardPatternProps } from '../types';
-interface UnifiedCardProps extends CardPatternProps {
-    badges?: (string | string[])[];
-}
-declare const UnifiedCard: {
-    ({ heading, meta, link, productBadges, badges, thumbnail, withArrow, isExternal, className, "aria-label": ariaLabel, }: UnifiedCardProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export type { UnifiedCardProps };
-export { UnifiedCard };

package/patterns/card/unified-card/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/patterns/card/unified-card/index.tsx"],"sourcesContent":["import { Badge } from '../../../components/badge'\nimport { CardPrimitives } from '../primitives'\nimport type { CardPatternProps } from '../types'\n\ninterface UnifiedCardProps extends CardPatternProps {\n\tbadges?: (string | string[])[]\n}\n\nconst UnifiedCard = ({\n\theading,\n\tmeta,\n\tlink,\n\tproductBadges,\n\tbadges,\n\tthumbnail,\n\twithArrow = false,\n\tisExternal = false,\n\tclassName,\n\t'aria-label': ariaLabel,\n}: UnifiedCardProps) => {\n\treturn (\n\t\t<CardPrimitives.Root\n\t\t\tlink={link}\n\t\t\twithArrow={withArrow}\n\t\t\tisExternal={isExternal}\n\t\t\tclassName={className}\n\t\t\taria-label={ariaLabel || heading}\n\t\t>\n\t\t\t{thumbnail ? <CardPrimitives.Thumbnail {...thumbnail} /> : null}\n\t\t\t<CardPrimitives.Content>\n\t\t\t\t{meta && meta.length > 0 ? <CardPrimitives.Meta items={meta} /> : null}\n\t\t\t\t<CardPrimitives.Heading>{heading}</CardPrimitives.Heading>\n\t\t\t\t{productBadges && productBadges?.length > 0 ? (\n\t\t\t\t\t<CardPrimitives.ProductBadges badges={productBadges}>\n\t\t\t\t\t\t{badges && badges.length > 0\n\t\t\t\t\t\t\t? badges.map((badge, stableIdx) => {\n\t\t\t\t\t\t\t\t\tif (Array.isArray(badge)) {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<Badge key={stableIdx} icon={badge[0]} text={badge[1]} />\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\treturn <Badge key={stableIdx} text={badge} />\n\t\t\t\t\t\t\t  })\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t</CardPrimitives.ProductBadges>\n\t\t\t\t) : null}\n\t\t\t</CardPrimitives.Content>\n\t\t</CardPrimitives.Root>\n\t)\n}\n\nUnifiedCard.displayName = 'UnifiedCard'\n\nexport type { UnifiedCardProps }\nexport { UnifiedCard }\n"],"names":["UnifiedCard","heading","meta","link","productBadges","badges","thumbnail","withArrow","isExternal","className","ariaLabel","jsxs","CardPrimitives","jsx","badge","stableIdx","Badge"],"mappings":";;;AAQA,MAAMA,IAAc,CAAC;AAAA,EACpB,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,cAAcC;AACf,MAEE,gBAAAC;AAAA,EAACC,EAAe;AAAA,EAAf;AAAA,IACA,MAAAT;AAAA,IACA,WAAAI;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAYC,KAAaT;AAAA,IAExB,UAAA;AAAA,MAAAK,sBAAaM,EAAe,WAAf,EAA0B,GAAGN,GAAW,IAAK;AAAA,MAC3D,gBAAAK,EAACC,EAAe,SAAf,EACC,UAAA;AAAA,QAAAV,KAAQA,EAAK,SAAS,IAAI,gBAAAW,EAACD,EAAe,MAAf,EAAoB,OAAOV,EAAA,CAAM,IAAK;AAAA,QAClE,gBAAAW,EAACD,EAAe,SAAf,EAAwB,UAAAX,EAAA,CAAQ;AAAA,QAChCG,KAAiBA,GAAe,SAAS,IACzC,gBAAAS,EAACD,EAAe,eAAf,EAA6B,QAAQR,GACpC,UAAAC,KAAUA,EAAO,SAAS,IACxBA,EAAO,IAAI,CAACS,GAAOC,MACf,MAAM,QAAQD,CAAK,IAErB,gBAAAD,EAACG,GAAA,EAAsB,MAAMF,EAAM,CAAC,GAAG,MAAMA,EAAM,CAAC,EAAA,GAAxCC,CAA2C,IAIlD,gBAAAF,EAACG,GAAA,EAAsB,MAAMF,EAAA,GAAjBC,CAAwB,CAC1C,IACD,KAAA,CACJ,IACG;AAAA,MAAA,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAAA;AAKHf,EAAY,cAAc;"}

package/patterns/copy-button/clipboard.d.ts

@@ -1,16 +0,0 @@
-import { MouseEvent } from 'react';
-type HandlerArgs = {
-    trigger: Element;
-    text: string | number | bigint | undefined;
-    target: string | Element | undefined;
-};
-declare const onClickHandler: (named: {
-    text: string | number | bigint | undefined;
-    target: string | Element | undefined;
-    getTextFn: (() => string) | undefined;
-    onSuccess: (args: HandlerArgs) => void;
-    onError: (args: HandlerArgs) => void;
-}) => {
-    onClick: (event: MouseEvent<HTMLButtonElement>) => Promise<void>;
-};
-export { onClickHandler, type HandlerArgs };

package/patterns/copy-button/clipboard.js

@@ -1,78 +0,0 @@
-const a = (e) => {
-  let o;
-  if (e)
-    if (typeof e == "string")
-      o = e;
-    else if (
-      // context: https://github.com/hashicorp/design-system/pull/1564
-      typeof e == "number" || typeof e == "bigint"
-    )
-      o = e.toString();
-    else
-      throw new Error(
-        `\`hds-clipboard\` modifier - \`text\` argument must be a string - provided: ${typeof e}`
-      );
-  return o;
-}, d = (e) => {
-  let o;
-  if (typeof e == "string") {
-    if (o = document.querySelector(e), !o) {
-      console.error(
-        "`hds-clipboard` modifier - `target` selector provided does not point to an existing DOM node, check your selector string",
-        o
-      );
-      return;
-    }
-  } else if (e instanceof Node && e.nodeType === Node.ELEMENT_NODE)
-    o = e;
-  else
-    throw e instanceof NodeList ? new Error(
-      "`hds-clipboard` modifier - `target` argument must be a string or a DOM node - provided: a list of DOM nodes"
-    ) : new Error(
-      `\`hds-clipboard\` modifier - \`target\` argument must be a string or a DOM node - provided: ${typeof e}`
-    );
-  return o;
-}, l = (e) => {
-  let o;
-  return e instanceof Node && e.nodeType === Node.ELEMENT_NODE && (e instanceof HTMLInputElement || // targetElement.nodeName === 'INPUT' ||
-  e instanceof HTMLTextAreaElement || // targetElement.nodeName === 'TEXTAREA' ||
-  e instanceof HTMLSelectElement ? o = e.value : o = e.innerText), o;
-}, f = async (e) => {
-  if (e)
-    try {
-      return await navigator.clipboard.writeText(e), !0;
-    } catch {
-      return console.warn(
-        "copy action failed, please check your browser‘s permissions",
-        {
-          id: "hds-clipboard.write-text-to-clipboard.catch-error"
-        }
-      ), !1;
-    }
-  else
-    return !1;
-}, p = async (e, o, r) => {
-  let t;
-  if (r)
-    t = r();
-  else if (e)
-    t = a(e);
-  else if (o) {
-    const n = d(o);
-    t = l(n);
-  } else
-    throw new Error(
-      "`hds-clipboard` modifier - either a `getTextFn`, `text`, or a `target` argument is required"
-    );
-  return await f(t);
-}, T = (e) => {
-  const { text: o, target: r, getTextFn: t, onSuccess: i, onError: n } = e;
-  return { onClick: async (c) => {
-    const s = c.currentTarget;
-    await p(o, r, t) ? typeof i == "function" && i({ trigger: s, text: o, target: r }) : typeof n == "function" && n({ trigger: s, text: o, target: r });
-  } };
-};
-export {
-  T as onClickHandler
-};
-//# sourceMappingURL=clipboard.js.map

package/patterns/copy-button/clipboard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"clipboard.js","sources":["../../../src/patterns/copy-button/clipboard.ts"],"sourcesContent":["import type { MouseEvent } from 'react'\n\nconst getTextToCopy = (text: string | number | bigint) => {\n\tlet textToCopy: string\n\n\tif (text) {\n\t\tif (typeof text === 'string') {\n\t\t\ttextToCopy = text\n\t\t} else if (\n\t\t\t// context: https://github.com/hashicorp/design-system/pull/1564\n\t\t\ttypeof text === 'number' ||\n\t\t\ttypeof text === 'bigint'\n\t\t) {\n\t\t\ttextToCopy = text.toString()\n\t\t} else {\n\t\t\tthrow new Error(\n\t\t\t\t`\\`hds-clipboard\\` modifier - \\`text\\` argument must be a string - provided: ${typeof text}`\n\t\t\t)\n\t\t}\n\t}\n\treturn textToCopy!\n}\n\nconst getTargetElement = (target: string | Element) => {\n\tlet targetElement: Element | null\n\tif (typeof target === 'string') {\n\t\ttargetElement = document.querySelector(target)\n\n\t\tif (!targetElement) {\n\t\t\tconsole.error(\n\t\t\t\t'`hds-clipboard` modifier - `target` selector provided does not point to an existing DOM node, check your selector string',\n\t\t\t\ttargetElement\n\t\t\t)\n\t\t\treturn\n\t\t}\n\t} else if (target instanceof Node && target.nodeType === Node.ELEMENT_NODE) {\n\t\ttargetElement = target\n\t} else {\n\t\tif (target instanceof NodeList) {\n\t\t\tthrow new Error(\n\t\t\t\t'`hds-clipboard` modifier - `target` argument must be a string or a DOM node - provided: a list of DOM nodes'\n\t\t\t)\n\t\t} else {\n\t\t\tthrow new Error(\n\t\t\t\t`\\`hds-clipboard\\` modifier - \\`target\\` argument must be a string or a DOM node - provided: ${typeof target}`\n\t\t\t)\n\t\t}\n\t}\n\treturn targetElement\n}\n\nconst getTextToCopyFromTargetElement = (targetElement: Element | undefined) => {\n\tlet textToCopy: string | undefined\n\tif (\n\t\ttargetElement instanceof Node &&\n\t\ttargetElement.nodeType === Node.ELEMENT_NODE\n\t) {\n\t\tif (\n\t\t\ttargetElement instanceof HTMLInputElement || // targetElement.nodeName === 'INPUT' ||\n\t\t\ttargetElement instanceof HTMLTextAreaElement || // targetElement.nodeName === 'TEXTAREA' ||\n\t\t\ttargetElement instanceof HTMLSelectElement // targetElement.nodeName === 'SELECT'\n\t\t) {\n\t\t\ttextToCopy = targetElement.value\n\t\t} else {\n\t\t\t// simplest approach\n\t\t\ttextToCopy = (targetElement as HTMLElement).innerText\n\n\t\t\t// approach based on text selection (left for backup just in case)\n\t\t\t// var selection = window.getSelection();\n\t\t\t// var range = document.createRange();\n\t\t\t// selection.removeAllRanges();\n\t\t\t// range.selectNodeContents(targetElement);\n\t\t\t// selection.addRange(range);\n\t\t\t// textToCopy = selection.toString();\n\t\t\t// selection.removeAllRanges();\n\t\t}\n\t}\n\treturn textToCopy\n}\n\nconst writeTextToClipboard = async (textToCopy: string | undefined) => {\n\t// finally copy the text to the clipboard using the Clipboard API\n\t// https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API\n\tif (textToCopy) {\n\t\ttry {\n\t\t\t// notice: the \"clipboard-write\" permission is granted automatically to pages when they are in the active tab\n\t\t\t// https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/write\n\t\t\tawait navigator.clipboard.writeText(textToCopy)\n\t\t\t// DEBUG uncomment this for easy debugging\n\t\t\t// console.log('success', textToCopy);\n\t\t\treturn true\n\t\t} catch (error) {\n\t\t\t// clipboard write failed\n\t\t\t// this probably never happens (see comment above) or happens only for very old browsers that don't for which `navigator.clipboard` is undefined\n\t\t\tconsole.warn(\n\t\t\t\t'copy action failed, please check your browser‘s permissions',\n\t\t\t\t{\n\t\t\t\t\tid: 'hds-clipboard.write-text-to-clipboard.catch-error',\n\t\t\t\t}\n\t\t\t)\n\t\t\treturn false\n\t\t}\n\t} else {\n\t\treturn false\n\t}\n}\n\nconst copyToClipboard = async (\n\ttext: string | number | bigint | undefined,\n\ttarget: string | Element | undefined,\n\tgetTextFn: (() => string) | undefined\n) => {\n\tlet textToCopy: string | undefined\n\n\tif (getTextFn) {\n\t\ttextToCopy = getTextFn()\n\t} else if (text) {\n\t\ttextToCopy = getTextToCopy(text)\n\t} else if (target) {\n\t\tconst targetElement = getTargetElement(target)\n\t\ttextToCopy = getTextToCopyFromTargetElement(targetElement)\n\t} else {\n\t\tthrow new Error(\n\t\t\t'`hds-clipboard` modifier - either a `getTextFn`, `text`, or a `target` argument is required'\n\t\t)\n\t}\n\tconst success = await writeTextToClipboard(textToCopy)\n\treturn success\n}\n\ntype HandlerArgs = {\n\ttrigger: Element\n\ttext: string | number | bigint | undefined\n\ttarget: string | Element | undefined\n}\n\nconst onClickHandler = (named: {\n\ttext: string | number | bigint | undefined\n\ttarget: string | Element | undefined\n\tgetTextFn: (() => string) | undefined\n\tonSuccess: (args: HandlerArgs) => void\n\tonError: (args: HandlerArgs) => void\n}) => {\n\tconst { text, target, getTextFn, onSuccess, onError } = named\n\n\tconst onClick = async (event: MouseEvent<HTMLButtonElement>) => {\n\t\tconst trigger = event.currentTarget\n\t\tconst success = await copyToClipboard(text, target, getTextFn)\n\n\t\t// fire the `onSuccess/onError` callbacks (if provided)\n\t\tif (success) {\n\t\t\tif (typeof onSuccess === 'function') {\n\t\t\t\tonSuccess({ trigger, text, target })\n\t\t\t}\n\t\t} else {\n\t\t\tif (typeof onError === 'function') {\n\t\t\t\tonError({ trigger, text, target })\n\t\t\t}\n\t\t}\n\t}\n\n\treturn { onClick }\n}\n\nexport { onClickHandler, type HandlerArgs }\n"],"names":["getTextToCopy","text","textToCopy","getTargetElement","target","targetElement","getTextToCopyFromTargetElement","writeTextToClipboard","copyToClipboard","getTextFn","onClickHandler","named","onSuccess","onError","event","trigger"],"mappings":"AAEA,MAAMA,IAAgB,CAACC,MAAmC;AACzD,MAAIC;AAEJ,MAAID;AACH,QAAI,OAAOA,KAAS;AACnB,MAAAC,IAAaD;AAAA;AAAA;AAAA,MAGb,OAAOA,KAAS,YAChB,OAAOA,KAAS;AAAA;AAEhB,MAAAC,IAAaD,EAAK,SAAA;AAAA;AAElB,YAAM,IAAI;AAAA,QACT,+EAA+E,OAAOA,CAAI;AAAA,MAAA;AAI7F,SAAOC;AACR,GAEMC,IAAmB,CAACC,MAA6B;AACtD,MAAIC;AACJ,MAAI,OAAOD,KAAW;AAGrB,QAFAC,IAAgB,SAAS,cAAcD,CAAM,GAEzC,CAACC,GAAe;AACnB,cAAQ;AAAA,QACP;AAAA,QACAA;AAAA,MAAA;AAED;AAAA,IACD;AAAA,aACUD,aAAkB,QAAQA,EAAO,aAAa,KAAK;AAC7D,IAAAC,IAAgBD;AAAA;AAEhB,UAAIA,aAAkB,WACf,IAAI;AAAA,MACT;AAAA,IAAA,IAGK,IAAI;AAAA,MACT,+FAA+F,OAAOA,CAAM;AAAA,IAAA;AAI/G,SAAOC;AACR,GAEMC,IAAiC,CAACD,MAAuC;AAC9E,MAAIH;AACJ,SACCG,aAAyB,QACzBA,EAAc,aAAa,KAAK,iBAG/BA,aAAyB;AAAA,EACzBA,aAAyB;AAAA,EACzBA,aAAyB,oBAEzBH,IAAaG,EAAc,QAG3BH,IAAcG,EAA8B,YAYvCH;AACR,GAEMK,IAAuB,OAAOL,MAAmC;AAGtE,MAAIA;AACH,QAAI;AAGH,mBAAM,UAAU,UAAU,UAAUA,CAAU,GAGvC;AAAA,IACR,QAAgB;AAGf,qBAAQ;AAAA,QACP;AAAA,QACA;AAAA,UACC,IAAI;AAAA,QAAA;AAAA,MACL,GAEM;AAAA,IACR;AAAA;AAEA,WAAO;AAET,GAEMM,IAAkB,OACvBP,GACAG,GACAK,MACI;AACJ,MAAIP;AAEJ,MAAIO;AACH,IAAAP,IAAaO,EAAA;AAAA,WACHR;AACV,IAAAC,IAAaF,EAAcC,CAAI;AAAA,WACrBG,GAAQ;AAClB,UAAMC,IAAgBF,EAAiBC,CAAM;AAC7C,IAAAF,IAAaI,EAA+BD,CAAa;AAAA,EAC1D;AACC,UAAM,IAAI;AAAA,MACT;AAAA,IAAA;AAIF,SADgB,MAAME,EAAqBL,CAAU;AAEtD,GAQMQ,IAAiB,CAACC,MAMlB;AACL,QAAM,EAAE,MAAAV,GAAM,QAAAG,GAAQ,WAAAK,GAAW,WAAAG,GAAW,SAAAC,MAAYF;AAkBxD,SAAO,EAAE,SAhBO,OAAOG,MAAyC;AAC/D,UAAMC,IAAUD,EAAM;AAItB,IAHgB,MAAMN,EAAgBP,GAAMG,GAAQK,CAAS,IAIxD,OAAOG,KAAc,cACxBA,EAAU,EAAE,SAAAG,GAAS,MAAAd,GAAM,QAAAG,EAAA,CAAQ,IAGhC,OAAOS,KAAY,cACtBA,EAAQ,EAAE,SAAAE,GAAS,MAAAd,GAAM,QAAAG,EAAA,CAAQ;AAAA,EAGpC,EAES;AACV;"}

package/patterns/copy-button/index.d.ts

@@ -1,19 +0,0 @@
-import { HandlerArgs } from './clipboard';
-export interface CopyButtonProps {
-    size?: 'small' | 'medium';
-    isIconOnly?: boolean;
-    isFullWidth?: boolean;
-    text: string;
-    textToCopy?: string;
-    getTextFn?: () => string;
-    targetToCopy?: string | Element;
-    onSuccess?: (args: HandlerArgs) => void;
-    onError?: (args: HandlerArgs) => void;
-    className?: string;
-    defaultIcon?: string;
-}
-declare const CopyButton: {
-    ({ size, isIconOnly, isFullWidth, text, textToCopy, getTextFn, targetToCopy, onSuccess, onError, className, defaultIcon, ...rest }: CopyButtonProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { CopyButton };

package/patterns/copy-button/index.js

@@ -1,57 +0,0 @@
-"use client";
-import { jsx as b } from "react/jsx-runtime";
-import { useState as x, useRef as O } from "react";
-import { onClickHandler as R } from "./clipboard.js";
-import U from "classnames";
-import { Button as A } from "../../components/button/index.js";
-import i from "./style.module.css.js";
-const B = "clipboard-copy", D = "clipboard-checked", I = "clipboard-x", a = "idle", g = ({
-  size: u = "medium",
-  isIconOnly: m = !1,
-  isFullWidth: l = !1,
-  text: p,
-  textToCopy: f,
-  getTextFn: d,
-  targetToCopy: S,
-  onSuccess: r,
-  onError: c,
-  className: C,
-  defaultIcon: y,
-  ...N
-}) => {
-  const [t, o] = x(a), s = O(null), T = t === "idle" ? y || B : t === "success" ? D : I, n = () => {
-    s.current && clearTimeout(s.current), s.current = setTimeout(() => {
-      o(a);
-    }, 1500);
-  }, _ = (e) => {
-    o("success"), n(), r && r(e);
-  }, E = (e) => {
-    o("error"), n(), c && c(e);
-  };
-  return /* @__PURE__ */ b(
-    A,
-    {
-      className: U(i["copy-button"], i[t], C),
-      size: u,
-      isFullWidth: l,
-      text: p,
-      icon: T,
-      isIconOnly: m,
-      color: "secondary",
-      iconPosition: "trailing",
-      ...R({
-        text: f,
-        getTextFn: d,
-        target: S,
-        onSuccess: _,
-        onError: E
-      }),
-      ...N
-    }
-  );
-};
-g.displayName = "CopyButton";
-export {
-  g as CopyButton
-};
-//# sourceMappingURL=index.js.map

package/patterns/copy-button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/patterns/copy-button/index.tsx"],"sourcesContent":["'use client'\n\nimport { useRef, useState } from 'react'\nimport { onClickHandler, type HandlerArgs } from './clipboard'\nimport classNames from 'classnames'\nimport { Button } from '../../components/button'\nimport s from './style.module.css'\n\nexport interface CopyButtonProps {\n\tsize?: 'small' | 'medium'\n\tisIconOnly?: boolean\n\tisFullWidth?: boolean\n\ttext: string\n\ttextToCopy?: string\n\tgetTextFn?: () => string\n\ttargetToCopy?: string | Element\n\tonSuccess?: (args: HandlerArgs) => void\n\tonError?: (args: HandlerArgs) => void\n\tclassName?: string\n\tdefaultIcon?: string\n}\n\nconst DEFAULT_ICON = 'clipboard-copy'\nconst SUCCESS_ICON = 'clipboard-checked'\nconst ERROR_ICON = 'clipboard-x'\nconst DEFAULT_STATUS = 'idle'\n\nconst CopyButton = ({\n\tsize = 'medium',\n\tisIconOnly = false,\n\tisFullWidth = false,\n\ttext,\n\ttextToCopy,\n\tgetTextFn,\n\ttargetToCopy,\n\tonSuccess,\n\tonError,\n\tclassName,\n\tdefaultIcon,\n\t...rest\n}: CopyButtonProps) => {\n\tconst [status, setStatus] = useState(DEFAULT_STATUS)\n\tconst timer = useRef<ReturnType<typeof setTimeout> | null>(null)\n\tconst icon =\n\t\tstatus === 'idle'\n\t\t\t? defaultIcon || DEFAULT_ICON\n\t\t\t: status === 'success'\n\t\t\t? SUCCESS_ICON\n\t\t\t: ERROR_ICON\n\n\tconst resetStatusDelayed = () => {\n\t\tif (timer.current) {\n\t\t\tclearTimeout(timer.current)\n\t\t}\n\t\ttimer.current = setTimeout(() => {\n\t\t\tsetStatus(DEFAULT_STATUS)\n\t\t}, 1500)\n\t}\n\n\tconst _onSuccess = (args: HandlerArgs) => {\n\t\tsetStatus('success')\n\t\tresetStatusDelayed()\n\n\t\tif (onSuccess) {\n\t\t\tonSuccess(args)\n\t\t}\n\t}\n\n\tconst _onError = (args: HandlerArgs) => {\n\t\tsetStatus('error')\n\t\tresetStatusDelayed()\n\n\t\tif (onError) {\n\t\t\tonError(args)\n\t\t}\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\tclassName={classNames(s['copy-button'], s[status], className)}\n\t\t\tsize={size}\n\t\t\tisFullWidth={isFullWidth}\n\t\t\ttext={text}\n\t\t\ticon={icon}\n\t\t\tisIconOnly={isIconOnly}\n\t\t\tcolor=\"secondary\"\n\t\t\ticonPosition=\"trailing\"\n\t\t\t{...onClickHandler({\n\t\t\t\ttext: textToCopy,\n\t\t\t\tgetTextFn: getTextFn,\n\t\t\t\ttarget: targetToCopy,\n\t\t\t\tonSuccess: _onSuccess,\n\t\t\t\tonError: _onError,\n\t\t\t})}\n\t\t\t{...rest}\n\t\t/>\n\t)\n}\n\nCopyButton.displayName = 'CopyButton'\n\nexport { CopyButton }\n"],"names":["DEFAULT_ICON","SUCCESS_ICON","ERROR_ICON","DEFAULT_STATUS","CopyButton","size","isIconOnly","isFullWidth","text","textToCopy","getTextFn","targetToCopy","onSuccess","onError","className","defaultIcon","rest","status","setStatus","useState","timer","useRef","icon","resetStatusDelayed","_onSuccess","args","_onError","jsx","Button","classNames","s","onClickHandler"],"mappings":";;;;;;;AAuBA,MAAMA,IAAe,kBACfC,IAAa,qBACbC,IAAA,eAEAC,IAAc,QACnBC,IAAO,CAAA;AAAA,EACP,MAAAC,IAAA;AAAA,EACA,YAAAC;EACA,aAAAC,IAAA;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACD,GAAAC;AACC,MAAA;AACA,QAAM,CAAAC,GAAQC,KAAiDC,EAAAhB,CAAA,GACzDiB,IACLC,EAAA,OAMKC,IAAAL,eAA2BF,KAAAf,IAAAiB,MAAA,YAAAhB,IAAAC,GAC5BqB,IAAe,MAAA;AAClB,IAAAH,EAAA,WACD,aAAAA,EAAA,OAAA,GAECA,EAAA,UAAU,WAAc,MAAA;QAClBjB,CAAA;AAAA,IACR,GAAA,IAAA;AAAA,EAEA,GACCqB,IAAU,CAAAC,MAAS;AACnB,IAAAP,WAAA,GAEAK,EAAe,GACdX,KACDA,EAAAa,CAAA;AAAA,EAGD,GACCC,IAAU,CAAAD,MAAO;AACjB,IAAAP,YAEAK,EAAa,GACZV,KACDA,EAAAY,CAAA;AAAA,EAGD;AACC,SAAC,gBAAAE;AAAA,IAAAC;AAAA,IAAA;AAAA,MAEA,WAAAC,EAAAC,EAAA,aAAA,GAAAA,EAAAb,CAAA,GAAAH,CAAA;AAAA,MACA,MAAAT;AAAA,MACA,aAAAE;AAAA,MACA,MAAAC;AAAA,MACA,MAAAc;AAAA,MACA,YAAAhB;AAAA,MACA,OAAA;AAAA,MACC;MAAkB,GAClByB,EAAM;AAAA,QACN,MAAAtB;AAAA,QACA,WAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAASa;AAAA,QACT,SAAAE;AAAA,MACA,CAAA;AAAA,MAAG,GAAAV;AAAA,IACL;AAAA,EAEF;AAEA;;"}

package/patterns/index.d.ts

@@ -1,15 +0,0 @@
-export { NewsroomCard, PersonCard, PromoCard, ResourceCard, UnifiedCard, } from './card';
-export type { NewsroomCardProps, PersonCardProps, PromoCardProps, ResourceCardProps, UnifiedCardProps, } from './card';
-export type { CardPatternProps } from './card/types';
-export { PartnerCard } from './card/partner-card';
-export { CardPrimitives } from './card/primitives';
-export type { CopyButtonProps } from './copy-button';
-export { CopyButton } from './copy-button';
-export type { LayoutAppearance, LayoutBackground, LayoutPadding, LayoutProps, } from './layout';
-export { Layout, LAYOUT_APPEARANCES, LAYOUT_BACKGROUNDS, LAYOUT_PADDING, normalizeLayoutProps, } from './layout';
-export type { ProductBadgeProps } from './product-badge';
-export { ProductBadge } from './product-badge';
-export type { ProductLogoColor, ProductLogoProduct, ProductLogoSize, ProductLogoProps, } from './product-logo';
-export { ProductLogo, PRODUCT_LOGO_COLORS, PRODUCT_LOGO_PRODUCTS, PRODUCT_LOGO_SIZES, normalizeProductLogoProps, } from './product-logo';
-export type { RelatedContentProps } from './related-content/types';
-export { RelatedContent } from './related-content';

package/patterns/layout/index.d.ts

@@ -1,69 +0,0 @@
-import { PropsWithChildren } from 'react';
-export declare const LAYOUT_APPEARANCES: readonly ["light", "dark"];
-export declare const LAYOUT_BACKGROUNDS: readonly ["primary", "faint", "transparent"];
-export declare const LAYOUT_PADDING: readonly ["none", "small", "medium", "large"];
-export type LayoutAppearance = (typeof LAYOUT_APPEARANCES)[number];
-export type LayoutBackground = (typeof LAYOUT_BACKGROUNDS)[number];
-export type LayoutPadding = (typeof LAYOUT_PADDING)[number];
-export declare const normalizeLayoutProps: ((input: {
-    appearance?: unknown;
-    background?: unknown;
-    paddingTop?: unknown;
-    paddingBottom?: unknown;
-}, opts?: {
-    all?: Pick<import('../../utils/make-normalizer').NormalizerOpts<string>, "transform"> | undefined;
-    each?: {
-        appearance?: import('../../utils/make-normalizer').NormalizerOpts<"light"> | undefined;
-        background?: import('../../utils/make-normalizer').NormalizerOpts<"primary"> | undefined;
-        paddingTop?: import('../../utils/make-normalizer').NormalizerOpts<"medium"> | undefined;
-        paddingBottom?: import('../../utils/make-normalizer').NormalizerOpts<"medium"> | undefined;
-    } | undefined;
-} | undefined) => {
-    appearance: "light";
-    background: "primary";
-    paddingTop: "medium";
-    paddingBottom: "medium";
-}) & {
-    with(all: Pick<import('../../utils/make-normalizer').NormalizerOpts<string>, "transform">): (input: {
-        appearance?: unknown;
-        background?: unknown;
-        paddingTop?: unknown;
-        paddingBottom?: unknown;
-    }, opts?: {
-        all?: Pick<import('../../utils/make-normalizer').NormalizerOpts<string>, "transform"> | undefined;
-        each?: {
-            appearance?: import('../../utils/make-normalizer').NormalizerOpts<"light"> | undefined;
-            background?: import('../../utils/make-normalizer').NormalizerOpts<"primary"> | undefined;
-            paddingTop?: import('../../utils/make-normalizer').NormalizerOpts<"medium"> | undefined;
-            paddingBottom?: import('../../utils/make-normalizer').NormalizerOpts<"medium"> | undefined;
-        } | undefined;
-    } | undefined) => {
-        appearance: "light";
-        background: "primary";
-        paddingTop: "medium";
-        paddingBottom: "medium";
-    };
-};
-export interface LayoutProps extends PropsWithChildren {
-    className?: string;
-    /**
-     * The appearance of the layout
-     */
-    appearance?: LayoutAppearance;
-    /**
-     * The color token used for the background. The color value changes based on `appearance`
-     */
-    background?: LayoutBackground;
-    /**
-     * The space between the layout component's content and its top border
-     */
-    paddingTop?: LayoutPadding;
-    /**
-     * The space between the layout component's content and its bottom border
-     */
-    paddingBottom?: LayoutPadding;
-}
-export declare const Layout: {
-    ({ className, children, appearance, background, paddingBottom, paddingTop, }: LayoutProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/patterns/layout/layout.module.css

@@ -1,72 +0,0 @@
-.layout {
-	--none: 0;
-	--small: var(--mds-spacing-08);
-	--medium: var(--mds-spacing-10);
-	--large: var(--mds-spacing-12);
-
-	color: var(--mds-color-foreground-primary);
-
-	@media (--medium-up) {
-		--small: var(--mds-spacing-10);
-		--medium: var(--mds-spacing-12);
-		--large: var(--mds-spacing-14);
-	}
-
-	@media (--large) {
-		--small: var(--mds-spacing-12);
-		--medium: var(--mds-spacing-14);
-		--large: var(--mds-spacing-16);
-	}
-
-	/* Background */
-
-	background-color: var(
-		--background-color-primary-override,
-		var(--mds-color-surface-primary)
-	);
-
-	&.faint {
-		background-color: var(
-			--background-color-faint-override,
-			var(--mds-color-surface-faint)
-		);
-	}
-
-	&.transparent {
-		background-color: transparent;
-	}
-
-	/* Padding */
-
-	&.padding-top-none {
-		padding-top: var(--none);
-	}
-
-	&.padding-top-small {
-		padding-top: var(--small);
-	}
-
-	&.padding-top-medium {
-		padding-top: var(--medium);
-	}
-
-	&.padding-top-large {
-		padding-top: var(--large);
-	}
-
-	&.padding-bottom-none {
-		padding-bottom: var(--none);
-	}
-
-	&.padding-bottom-small {
-		padding-bottom: var(--small);
-	}
-
-	&.padding-bottom-medium {
-		padding-bottom: var(--medium);
-	}
-
-	&.padding-bottom-large {
-		padding-bottom: var(--large);
-	}
-}

package/patterns/product-badge/index.d.ts

@@ -1,11 +0,0 @@
-type Products = 'hashicorp' | 'boundary' | 'consul' | 'nomad' | 'packer' | 'terraform' | 'vault' | 'vagrant' | 'waypoint';
-interface ProductBadgeProps {
-    productName: Products;
-    hasDot?: boolean;
-}
-declare const ProductBadge: {
-    ({ productName, hasDot }: ProductBadgeProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export type { ProductBadgeProps };
-export { ProductBadge };

package/patterns/product-badge/style.module.css

@@ -1,3 +0,0 @@
-.badge {
-	text-transform: capitalize;
-}

package/patterns/product-logo/index.d.ts

@@ -1,48 +0,0 @@
-export declare const PRODUCT_LOGO_SIZES: readonly ["small", "medium", "large"];
-export declare const PRODUCT_LOGO_COLORS: readonly ["primary", "strong"];
-export declare const PRODUCT_LOGO_PRODUCTS: readonly ["hcp", "hashicorp", "boundary", "consul", "nomad", "packer", "terraform", "vault", "vault-dedicated", "vault-enterprise", "vault-radar", "vault-secrets", "vagrant", "waypoint"];
-export type ProductLogoSize = (typeof PRODUCT_LOGO_SIZES)[number];
-export type ProductLogoColor = (typeof PRODUCT_LOGO_COLORS)[number];
-export type ProductLogoProduct = (typeof PRODUCT_LOGO_PRODUCTS)[number];
-export declare const normalizeProductLogoProps: ((input: {
-    size?: unknown;
-    color?: unknown;
-    product?: unknown;
-}, opts?: {
-    all?: Pick<import('../../utils/make-normalizer').NormalizerOpts<string>, "transform"> | undefined;
-    each?: {
-        size?: import('../../utils/make-normalizer').NormalizerOpts<"small"> | undefined;
-        color?: import('../../utils/make-normalizer').NormalizerOpts<"primary"> | undefined;
-        product?: import('../../utils/make-normalizer').NormalizerOpts<"hcp"> | undefined;
-    } | undefined;
-} | undefined) => {
-    size: "small";
-    color: "primary";
-    product: "hcp";
-}) & {
-    with(all: Pick<import('../../utils/make-normalizer').NormalizerOpts<string>, "transform">): (input: {
-        size?: unknown;
-        color?: unknown;
-        product?: unknown;
-    }, opts?: {
-        all?: Pick<import('../../utils/make-normalizer').NormalizerOpts<string>, "transform"> | undefined;
-        each?: {
-            size?: import('../../utils/make-normalizer').NormalizerOpts<"small"> | undefined;
-            color?: import('../../utils/make-normalizer').NormalizerOpts<"primary"> | undefined;
-            product?: import('../../utils/make-normalizer').NormalizerOpts<"hcp"> | undefined;
-        } | undefined;
-    } | undefined) => {
-        size: "small";
-        color: "primary";
-        product: "hcp";
-    };
-};
-export interface ProductLogoProps {
-    size?: ProductLogoSize;
-    color?: ProductLogoColor;
-    product: ProductLogoProduct;
-}
-export declare const ProductLogo: {
-    ({ size, color, product, }: ProductLogoProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/patterns/related-content/index.d.ts

@@ -1,6 +0,0 @@
-import { RelatedContentProps } from './types';
-declare const RelatedContent: {
-    ({ appearance, headline, description, cards, cta, }: RelatedContentProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { RelatedContent };