@primer/react-brand 0.68.0-rc.59bbed40 → 0.68.0-rc.5bd56cbb

package/esm/Label/Label.js

@@ -0,0 +1,49 @@
+import e from "../node_modules/clsx/dist/clsx.js";
+import { BiColorGradients as t, Colors as n, TriColorGradients as r } from "../constants.js";
+import { useAnimation as i } from "../animation/useAnimation.js";
+import { Text as a } from "../Text/Text.js";
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes-BB1L_8rS.css';/* empty css                                                                                                   */
+import o from "./Label.module.js";
+import s, { forwardRef as c, useMemo as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/Label/Label.tsx
+var f = [...t, ...r], p = [...n, ...f], m = [
+	"small",
+	"medium",
+	"large"
+], h = p[0], g = m[1], _ = {
+	root: "Label",
+	get leadingVisual() {
+		return `${this.root}-leading-visual`;
+	}
+}, v = c(({ animate: t, className: n, size: r = g, color: c = h, children: p, "data-testid": m, leadingVisual: v, style: y, ...b }, x) => {
+	let { classes: S, styles: C } = i(t), w = l(() => f.find((e) => e === c), [c]);
+	return /* @__PURE__ */ d("span", {
+		ref: x,
+		className: e(S, o.Label, o[`Label--color-${c}`], o[`Label--size-${r}`], w && o["Label--gradient"], n),
+		"data-testid": m || _.root,
+		style: {
+			...C,
+			...y
+		},
+		...b,
+		children: [v && /* @__PURE__ */ u("span", {
+			className: o["Label__leading-visual"],
+			"data-testid": _.leadingVisual,
+			"aria-hidden": "true",
+			children: typeof v == "function" ? /* @__PURE__ */ u(v, {}) : s.isValidElement(v) && s.cloneElement(v, { className: e(o["Label__icon-visual"]) })
+		}), /* @__PURE__ */ u("span", {
+			className: e(o.Label__text),
+			children: /* @__PURE__ */ u(a, {
+				as: "span",
+				size: r === "large" ? "200" : "100",
+				className: e(o.Label__label),
+				children: p
+			})
+		})]
+	});
+}), y = Object.assign(v, { testIds: _ });
+//#endregion
+export { y as Label, p as LabelColors, m as LabelSizes, h as defaultLabelColor, g as defaultLabelSize };
+
+//# sourceMappingURL=Label.js.map

package/esm/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","names":[],"sources":["../../src/Label/Label.tsx"],"sourcesContent":["import {clsx} from 'clsx'\nimport React, {forwardRef, useMemo, type Ref} from 'react'\nimport {Text} from '../Text'\n\nimport {useAnimation} from '../animation'\n\nimport type {BaseProps} from '../component-helpers'\nimport {Colors, BiColorGradients, TriColorGradients} from '../constants'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './Label.module.css'\nimport type {Icon} from '@primer/octicons-react'\n\nconst Gradients = [...BiColorGradients, ...TriColorGradients] as const\n\nexport const LabelColors = [...Colors, ...Gradients] as const\nexport const LabelSizes = ['small', 'medium', 'large'] as const\n\nexport const defaultLabelColor = LabelColors[0]\nexport const defaultLabelSize = LabelSizes[1]\n\nexport type LabelProps = BaseProps<HTMLSpanElement> & {\n  /**\n   * The leading visual appears before the Label content\n   */\n  leadingVisual?: React.ReactNode | Icon\n  /**\n   * The color variations available in Label\n   */\n  color?: (typeof LabelColors)[number]\n  /**\n   * The size variations available in Label\n   */\n  size?: (typeof LabelSizes)[number]\n  ['data-testid']?: string\n} & React.ComponentPropsWithoutRef<'span'>\n\nconst testIds = {\n  root: 'Label',\n  get leadingVisual() {\n    return `${this.root}-leading-visual`\n  },\n}\n\nconst _Label = forwardRef<HTMLSpanElement, LabelProps>(\n  (\n    {\n      animate,\n      className,\n      size = defaultLabelSize,\n      color = defaultLabelColor,\n      children,\n      'data-testid': testId,\n      leadingVisual: LeadingVisual,\n      style,\n      ...props\n    },\n    ref: Ref<HTMLSpanElement>,\n  ) => {\n    const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n    const isGradient = useMemo(() => Gradients.find(gradient => gradient === color), [color])\n\n    return (\n      <span\n        ref={ref}\n        className={clsx(\n          animationClasses,\n          styles.Label,\n          styles[`Label--color-${color}`],\n          styles[`Label--size-${size}`],\n          isGradient && styles['Label--gradient'],\n          className,\n        )}\n        data-testid={testId || testIds.root}\n        style={{...animationInlineStyles, ...style}}\n        {...props}\n      >\n        {LeadingVisual && (\n          <span className={styles['Label__leading-visual']} data-testid={testIds.leadingVisual} aria-hidden=\"true\">\n            {typeof LeadingVisual === 'function' ? (\n              <LeadingVisual />\n            ) : (\n              React.isValidElement<{className?: string}>(LeadingVisual) &&\n              React.cloneElement(LeadingVisual, {\n                className: clsx(styles['Label__icon-visual']),\n              })\n            )}\n          </span>\n        )}\n        <span className={clsx(styles['Label__text'])}>\n          <Text as=\"span\" size={size === 'large' ? '200' : '100'} className={clsx(styles['Label__label'])}>\n            {children}\n          </Text>\n        </span>\n      </span>\n    )\n  },\n)\n\n/**\n * Use a Label to indicate the status of an object or to categorize it with metadata that describes it.\n * @see https://primer.style/brand/components/Label\n */\nexport const Label = Object.assign(_Label, {testIds})\n"],"mappings":";;;;;;;;;AAkBA,IAAM,IAAY,CAAC,GAAG,GAAkB,GAAG,EAAkB,EAEhD,IAAc,CAAC,GAAG,GAAQ,GAAG,EAAU,EACvC,IAAa;CAAC;CAAS;CAAU;CAAQ,EAEzC,IAAoB,EAAY,IAChC,IAAmB,EAAW,IAkBrC,IAAU;CACd,MAAM;CACN,IAAI,gBAAgB;AAClB,SAAO,GAAG,KAAK,KAAK;;CAEvB,EAEK,IAAS,GAEX,EACE,YACA,cACA,UAAO,GACP,WAAQ,GACR,aACA,eAAe,GACf,eAAe,GACf,UACA,GAAG,KAEL,MACG;CACH,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,EAAQ,EAElF,IAAa,QAAc,EAAU,MAAK,MAAY,MAAa,EAAM,EAAE,CAAC,EAAM,CAAC;AAEzF,QACE,kBAAC,QAAD;EACO;EACL,WAAW,EACT,GACA,EAAO,OACP,EAAO,gBAAgB,MACvB,EAAO,eAAe,MACtB,KAAc,EAAO,oBACrB,EACD;EACD,eAAa,KAAU,EAAQ;EAC/B,OAAO;GAAC,GAAG;GAAuB,GAAG;GAAM;EAC3C,GAAI;YAZN,CAcG,KACC,kBAAC,QAAD;GAAM,WAAW,EAAO;GAA0B,eAAa,EAAQ;GAAe,eAAY;aAC/F,OAAO,KAAkB,aACxB,kBAAC,GAAD,EAAiB,CAAA,GAEjB,EAAM,eAAqC,EAAc,IACzD,EAAM,aAAa,GAAe,EAChC,WAAW,EAAK,EAAO,sBAAsB,EAC9C,CAAC;GAEC,CAAA,EAET,kBAAC,QAAD;GAAM,WAAW,EAAK,EAAO,YAAe;aAC1C,kBAAC,GAAD;IAAM,IAAG;IAAO,MAAM,MAAS,UAAU,QAAQ;IAAO,WAAW,EAAK,EAAO,aAAgB;IAC5F;IACI,CAAA;GACF,CAAA,CACF;;EAGZ,EAMY,IAAQ,OAAO,OAAO,GAAQ,EAAC,YAAQ,CAAC"}

package/esm/Label/Label.module-DDkalJAE.css

@@ -0,0 +1 @@
+.Primer_Brand__Label-module__Label___RWs_8{--brand-Label-gradient-radial:radial-gradient(circle at top left, var(--brand-Label-color-start), var(--brand-Label-color-end));--brand-Label-gradient-conical:conic-gradient(from 90deg at center, var(--brand-Label-color-stop-1) 0deg, var(--brand-Label-color-stop-2) 160deg, var(--brand-Label-color-stop-3) 175deg, var(--brand-Label-color-stop-4) 200deg, var(--brand-Label-color-stop-4) 350deg, var(--brand-Label-color-stop-1) 360deg);--brand-Label-background:var(--brand-Label-gradient-conical,var(--brand-Label-gradient-radial,var(--brand-Label-color,currentColor)));vertical-align:middle;border-radius:var(--brand-borderRadius-xlarge);color:var(--brand-Label-color-start,var(--brand-Label-color,currentColor));text-align:center;background:0 0;justify-content:center;align-items:center;height:min-content;display:inline-flex;position:relative}[data-color-mode=dark] .Primer_Brand__Label-module__Label___RWs_8{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:auto}.Primer_Brand__Label-module__Label___RWs_8:before{content:"";padding:var(--brand-borderWidth-thin);border-radius:inherit;background:var(--brand-Label-background);-webkit-mask:linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box, linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));-webkit-mask:linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box, linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));mask:linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box, linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));-webkit-mask-composite:xor;position:absolute;inset:0;-webkit-mask-composite:xor;mask-composite:exclude}.Primer_Brand__Label-module__Label--size-small___QxC5y{min-height:var(--base-size-20);padding-inline:var(--base-size-8);padding-block:var(--base-size-2)}.Primer_Brand__Label-module__Label--size-small___QxC5y .Primer_Brand__Label-module__Label__label___nUKUt{font-size:var(--base-size-12)!important}.Primer_Brand__Label-module__Label--size-medium___QxFgp{min-height:var(--base-size-28);padding-inline:var(--base-size-16);padding-block:var(--base-size-4)}.Primer_Brand__Label-module__Label--size-large___AEmn9{min-height:var(--base-size-32);padding-inline:var(--base-size-16);padding-block:var(--base-size-4)}.Primer_Brand__Label-module__Label--color-default___Y9nDM{--brand-Label-color:var(--brand-Label-color-default)}.Primer_Brand__Label-module__Label--color-blue___4vwLc{--brand-Label-color:var(--brand-Label-color-blue)}.Primer_Brand__Label-module__Label--color-blue-purple___KMf_q{--brand-Label-color-start:var(--brand-Label-color-blue-purple-start);--brand-Label-color-end:var(--brand-Label-color-blue-purple-end)}.Primer_Brand__Label-module__Label--color-coral____t2ES{--brand-Label-color:var(--brand-Label-color-coral)}.Primer_Brand__Label-module__Label--color-green___S_avt{--brand-Label-color:var(--brand-Label-color-green)}.Primer_Brand__Label-module__Label--color-green-blue___4blsS{--brand-Label-color-start:var(--brand-Label-color-green-blue-start);--brand-Label-color-end:var(--brand-Label-color-green-blue-end)}.Primer_Brand__Label-module__Label--color-gray___HvmOr{--brand-Label-color:var(--brand-Label-color-gray)}.Primer_Brand__Label-module__Label--color-indigo___PKgQg{--brand-Label-color:var(--brand-Label-color-indigo)}.Primer_Brand__Label-module__Label--color-lemon___rHL3m{--brand-Label-color:var(--brand-Label-color-lemon)}.Primer_Brand__Label-module__Label--color-lime___NUsy_{--brand-Label-color:var(--brand-Label-color-lime)}.Primer_Brand__Label-module__Label--color-orange___mDGf_{--brand-Label-color:var(--brand-Label-color-orange)}.Primer_Brand__Label-module__Label--color-pink___LSfCd{--brand-Label-color:var(--brand-Label-color-pink)}.Primer_Brand__Label-module__Label--color-pink-blue___Lv3aE{--brand-Label-color-start:var(--brand-Label-color-pink-blue-start);--brand-Label-color-end:var(--brand-Label-color-pink-blue-end)}.Primer_Brand__Label-module__Label--color-green-blue-purple___Y5QW4{--brand-Label-color-stop-1:var(--brand-Label-color-green-blue-purple-1);--brand-Label-color-stop-2:var(--brand-Label-color-green-blue-purple-2);--brand-Label-color-stop-3:var(--brand-Label-color-green-blue-purple-3);--brand-Label-color-stop-4:var(--brand-Label-color-green-blue-purple-4)}.Primer_Brand__Label-module__Label--color-purple___bDHFt{--brand-Label-color:var(--brand-Label-color-purple)}.Primer_Brand__Label-module__Label--color-purple-red___Vu9Mh{--brand-Label-color-start:var(--brand-Label-color-purple-red-start);--brand-Label-color-end:var(--brand-Label-color-purple-red-end)}.Primer_Brand__Label-module__Label--color-red___KI5FZ{--brand-Label-color:var(--brand-Label-color-red)}.Primer_Brand__Label-module__Label--color-red-orange___d4Om3{--brand-Label-color-start:var(--brand-Label-color-red-orange-start);--brand-Label-color-end:var(--brand-Label-color-red-orange-end)}.Primer_Brand__Label-module__Label--color-teal___AC7RS{--brand-Label-color:var(--brand-Label-color-teal)}.Primer_Brand__Label-module__Label--color-yellow___QjHgW{--brand-Label-color:var(--brand-Label-color-yellow)}.Primer_Brand__Label-module__Label__text___YCBde:not(.Primer_Brand__Label-module__Label--gradient___r4d_A .Primer_Brand__Label-module__Label__text___YCBde){background:var(--brand-Label-background);-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text}.Primer_Brand__Label-module__Label__text___YCBde{line-height:var(--base-size-16)}.Primer_Brand__Label-module__Label__icon-visual___Cq0aX{height:var(--base-size-16);align-self:center;width:auto;display:flex}.Primer_Brand__Label-module__Label__leading-visual___2wAbr{margin-right:var(--base-size-8);display:flex}.Primer_Brand__Label-module__Label__label___nUKUt{font-weight:var(--base-text-weight-medium);line-height:inherit}@media (forced-colors:active){.Primer_Brand__Label-module__Label___RWs_8{outline:var(--brand-borderWidth-thin) solid transparent}}

package/esm/Label/Label.module.js

@@ -0,0 +1,35 @@
+import './Label.module-DDkalJAE.css';var e = {
+	Label: "Primer_Brand__Label-module__Label___RWs_8",
+	"Label--size-small": "Primer_Brand__Label-module__Label--size-small___QxC5y",
+	Label__label: "Primer_Brand__Label-module__Label__label___nUKUt",
+	"Label--size-medium": "Primer_Brand__Label-module__Label--size-medium___QxFgp",
+	"Label--size-large": "Primer_Brand__Label-module__Label--size-large___AEmn9",
+	"Label--color-default": "Primer_Brand__Label-module__Label--color-default___Y9nDM",
+	"Label--color-blue": "Primer_Brand__Label-module__Label--color-blue___4vwLc",
+	"Label--color-blue-purple": "Primer_Brand__Label-module__Label--color-blue-purple___KMf_q",
+	"Label--color-coral": "Primer_Brand__Label-module__Label--color-coral____t2ES",
+	"Label--color-green": "Primer_Brand__Label-module__Label--color-green___S_avt",
+	"Label--color-green-blue": "Primer_Brand__Label-module__Label--color-green-blue___4blsS",
+	"Label--color-gray": "Primer_Brand__Label-module__Label--color-gray___HvmOr",
+	"Label--color-indigo": "Primer_Brand__Label-module__Label--color-indigo___PKgQg",
+	"Label--color-lemon": "Primer_Brand__Label-module__Label--color-lemon___rHL3m",
+	"Label--color-lime": "Primer_Brand__Label-module__Label--color-lime___NUsy_",
+	"Label--color-orange": "Primer_Brand__Label-module__Label--color-orange___mDGf_",
+	"Label--color-pink": "Primer_Brand__Label-module__Label--color-pink___LSfCd",
+	"Label--color-pink-blue": "Primer_Brand__Label-module__Label--color-pink-blue___Lv3aE",
+	"Label--color-green-blue-purple": "Primer_Brand__Label-module__Label--color-green-blue-purple___Y5QW4",
+	"Label--color-purple": "Primer_Brand__Label-module__Label--color-purple___bDHFt",
+	"Label--color-purple-red": "Primer_Brand__Label-module__Label--color-purple-red___Vu9Mh",
+	"Label--color-red": "Primer_Brand__Label-module__Label--color-red___KI5FZ",
+	"Label--color-red-orange": "Primer_Brand__Label-module__Label--color-red-orange___d4Om3",
+	"Label--color-teal": "Primer_Brand__Label-module__Label--color-teal___AC7RS",
+	"Label--color-yellow": "Primer_Brand__Label-module__Label--color-yellow___QjHgW",
+	Label__text: "Primer_Brand__Label-module__Label__text___YCBde",
+	"Label--gradient": "Primer_Brand__Label-module__Label--gradient___r4d_A",
+	"Label__icon-visual": "Primer_Brand__Label-module__Label__icon-visual___Cq0aX",
+	"Label__leading-visual": "Primer_Brand__Label-module__Label__leading-visual___2wAbr"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=Label.module.js.map

package/esm/Label/Label.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.module.js","names":[],"sources":["../../src/Label/Label.module.css"],"sourcesContent":[".Label {\n  --brand-Label-gradient-radial: radial-gradient(\n    circle at top left,\n    var(--brand-Label-color-start),\n    var(--brand-Label-color-end)\n  );\n\n  --brand-Label-gradient-conical: conic-gradient(\n    from 90deg at center,\n    var(--brand-Label-color-stop-1) 0deg,\n    var(--brand-Label-color-stop-2) 160deg,\n    var(--brand-Label-color-stop-3) 175deg,\n    var(--brand-Label-color-stop-4) 200deg,\n    var(--brand-Label-color-stop-4) 350deg,\n    var(--brand-Label-color-stop-1) 360deg\n  );\n\n  --brand-Label-background: var(\n    --brand-Label-gradient-conical,\n    var(--brand-Label-gradient-radial, var(--brand-Label-color, currentColor))\n  );\n\n  vertical-align: middle;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--brand-borderRadius-xlarge);\n  display: inline-flex;\n  color: var(--brand-Label-color-start, var(--brand-Label-color, currentColor));\n  position: relative;\n  height: min-content;\n  background: none;\n  text-align: center;\n}\n\n[data-color-mode='dark'] .Label {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: auto;\n}\n\n.Label::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  padding: var(--brand-borderWidth-thin);\n  border-radius: inherit;\n  background: var(--brand-Label-background);\n  -webkit-mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,\n    linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));\n  mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,\n    linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));\n  -webkit-mask-composite: xor;\n  mask-composite: exclude;\n}\n\n.Label--size-small {\n  min-height: var(--base-size-20);\n  padding-inline: var(--base-size-8);\n  padding-block: var(--base-size-2);\n}\n\n.Label--size-small .Label__label {\n  font-size: var(--base-size-12) !important; /* Font size not available in the typographic scale */\n}\n\n.Label--size-medium {\n  min-height: var(--base-size-28);\n  padding-inline: var(--base-size-16);\n  padding-block: var(--base-size-4);\n}\n\n.Label--size-large {\n  min-height: var(--base-size-32);\n  padding-inline: var(--base-size-16);\n  padding-block: var(--base-size-4);\n}\n\n.Label--color-default {\n  --brand-Label-color: var(--brand-Label-color-default);\n}\n\n.Label--color-blue {\n  --brand-Label-color: var(--brand-Label-color-blue);\n}\n\n.Label--color-blue-purple {\n  --brand-Label-color-start: var(--brand-Label-color-blue-purple-start);\n  --brand-Label-color-end: var(--brand-Label-color-blue-purple-end);\n}\n\n.Label--color-coral {\n  --brand-Label-color: var(--brand-Label-color-coral);\n}\n\n.Label--color-green {\n  --brand-Label-color: var(--brand-Label-color-green);\n}\n\n.Label--color-green-blue {\n  --brand-Label-color-start: var(--brand-Label-color-green-blue-start);\n  --brand-Label-color-end: var(--brand-Label-color-green-blue-end);\n}\n\n.Label--color-gray {\n  --brand-Label-color: var(--brand-Label-color-gray);\n}\n\n.Label--color-indigo {\n  --brand-Label-color: var(--brand-Label-color-indigo);\n}\n\n.Label--color-lemon {\n  --brand-Label-color: var(--brand-Label-color-lemon);\n}\n\n.Label--color-lime {\n  --brand-Label-color: var(--brand-Label-color-lime);\n}\n\n.Label--color-orange {\n  --brand-Label-color: var(--brand-Label-color-orange);\n}\n\n.Label--color-pink {\n  --brand-Label-color: var(--brand-Label-color-pink);\n}\n\n.Label--color-pink-blue {\n  --brand-Label-color-start: var(--brand-Label-color-pink-blue-start);\n  --brand-Label-color-end: var(--brand-Label-color-pink-blue-end);\n}\n\n.Label--color-green-blue-purple {\n  --brand-Label-color-stop-1: var(--brand-Label-color-green-blue-purple-1);\n  --brand-Label-color-stop-2: var(--brand-Label-color-green-blue-purple-2);\n  --brand-Label-color-stop-3: var(--brand-Label-color-green-blue-purple-3);\n  --brand-Label-color-stop-4: var(--brand-Label-color-green-blue-purple-4);\n}\n\n.Label--color-purple {\n  --brand-Label-color: var(--brand-Label-color-purple);\n}\n\n.Label--color-purple-red {\n  --brand-Label-color-start: var(--brand-Label-color-purple-red-start);\n  --brand-Label-color-end: var(--brand-Label-color-purple-red-end);\n}\n\n.Label--color-red {\n  --brand-Label-color: var(--brand-Label-color-red);\n}\n\n.Label--color-red-orange {\n  --brand-Label-color-start: var(--brand-Label-color-red-orange-start);\n  --brand-Label-color-end: var(--brand-Label-color-red-orange-end);\n}\n\n.Label--color-teal {\n  --brand-Label-color: var(--brand-Label-color-teal);\n}\n\n.Label--color-yellow {\n  --brand-Label-color: var(--brand-Label-color-yellow);\n}\n\n.Label__text:not(.Label--gradient .Label__text) {\n  background: var(--brand-Label-background);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  -webkit-box-decoration-break: clone;\n  box-decoration-break: clone;\n}\n\n.Label__text {\n  line-height: var(--base-size-16);\n}\n\n.Label__icon-visual {\n  display: flex;\n  align-self: center;\n  height: var(--base-size-16);\n  width: auto;\n}\n\n.Label__leading-visual {\n  display: flex;\n  margin-right: var(--base-size-8);\n}\n\n.Label__label {\n  font-weight: var(--base-text-weight-medium);\n  line-height: inherit;\n}\n\n@media (forced-colors: active) {\n  .Label {\n    outline: var(--brand-borderWidth-thin) solid transparent;\n  }\n}\n"],"mappings":""}

package/esm/Label/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Label';
+//# sourceMappingURL=index.d.ts.map

package/esm/Label/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Label/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/esm/Link/Link.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css';
+export declare const LinkVariants: readonly ["default", "accent"];
+export declare const LinkSizes: readonly ["medium", "large"];
+export declare const LinkArrowDirections: readonly ["start", "end", "none"];
+export type LinkProps = {
+    /**
+     * The size variations available in Link
+     */
+    size?: (typeof LinkSizes)[number];
+    /**
+     * Position of the arrow.
+     */
+    arrowDirection?: (typeof LinkArrowDirections)[number];
+    /**
+     * Show an external link icon
+     */
+    isExternal?: boolean;
+    /**
+     * Specify alternative link appearance
+     */
+    variant?: (typeof LinkVariants)[number];
+} & React.ComponentPropsWithoutRef<'a'>;
+/**
+ * Links connect users to related content.
+ * These are not intended to be used as a call-to-action.
+ */
+export declare function Link({ size, variant, className, children, isExternal, onMouseEnter, onMouseLeave, onFocus, onBlur, arrowDirection, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Link.d.ts.map

package/esm/Link/Link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,OAAO,wGAAwG,CAAA;AAE/G,eAAO,MAAM,YAAY,gCAAiC,CAAA;AAC1D,eAAO,MAAM,SAAS,8BAA+B,CAAA;AACrD,eAAO,MAAM,mBAAmB,mCAAoC,CAAA;AAEpE,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;IACjC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAA;IACrD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;CACxC,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAA;AAEvC;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAe,EACf,OAAmB,EACnB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,cAAsB,EACtB,GAAG,KAAK,EACT,EAAE,SAAS,2CAuEX"}

package/esm/Link/Link.js

@@ -0,0 +1,63 @@
+import e from "../node_modules/clsx/dist/clsx.js";
+import { Text as t } from "../Text/Text.js";
+import { LinkExternalIcon as n } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
+import { ExpandableArrow as r } from "../ExpandableArrow/ExpandableArrow.js";
+import i from "./Link.module.js";
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes-Dh1w7a05.css';/* empty css                                                                                                  */
+import a, { useCallback as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/Link/Link.tsx
+var l = ["default", "accent"], u = ["medium", "large"], d = [
+	"start",
+	"end",
+	"none"
+];
+function f({ size: l = "medium", variant: u = "default", className: d, children: f, isExternal: p, onMouseEnter: m, onMouseLeave: h, onFocus: g, onBlur: _, arrowDirection: v = "end", ...y }) {
+	let [b, x] = a.useState(!1), [S, C] = a.useState(!1), w = {
+		medium: "200",
+		large: "300"
+	}, T = o((e) => {
+		x(!b), m?.(e);
+	}, [m, b]), E = o((e) => {
+		x(!b), h?.(e);
+	}, [h, b]), D = o((e) => {
+		C(!S), g?.(e);
+	}, [g, S]), O = o((e) => {
+		C(!S), _?.(e);
+	}, [_, S]);
+	return /* @__PURE__ */ c("a", {
+		className: e(i.Link, i[`Link--${l}`], i[`Link--${u}`], p ? i["Link--is-external"] : i[`Link--arrow-${v}`], d),
+		onMouseEnter: T,
+		onMouseLeave: E,
+		onFocus: D,
+		onBlur: O,
+		...y,
+		children: [
+			v === "start" && !p && /* @__PURE__ */ s(r, {
+				className: i["Link-arrow"],
+				expanded: b || S,
+				reverse: !0,
+				hidden: !0
+			}),
+			/* @__PURE__ */ s(t, {
+				as: "span",
+				size: w[l],
+				className: e(i["Link--label"]),
+				children: f
+			}),
+			v === "end" && !p && /* @__PURE__ */ s(r, {
+				className: i["Link-arrow"],
+				expanded: b || S,
+				hidden: !0
+			}),
+			p && /* @__PURE__ */ s(n, {
+				size: l === "large" ? 20 : 16,
+				"aria-label": "External link"
+			})
+		]
+	});
+}
+//#endregion
+export { f as Link, d as LinkArrowDirections, u as LinkSizes, l as LinkVariants };
+
+//# sourceMappingURL=Link.js.map

package/esm/Link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","names":[],"sources":["../../src/Link/Link.tsx"],"sourcesContent":["import {clsx} from 'clsx'\nimport React, {useCallback} from 'react'\nimport {ExpandableArrow} from '../ExpandableArrow'\nimport {LinkExternalIcon} from '@primer/octicons-react'\nimport {Text} from '../Text'\n\nimport styles from './Link.module.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css'\n\nexport const LinkVariants = ['default', 'accent'] as const\nexport const LinkSizes = ['medium', 'large'] as const\nexport const LinkArrowDirections = ['start', 'end', 'none'] as const\n\nexport type LinkProps = {\n  /**\n   * The size variations available in Link\n   */\n  size?: (typeof LinkSizes)[number]\n  /**\n   * Position of the arrow.\n   */\n  arrowDirection?: (typeof LinkArrowDirections)[number]\n  /**\n   * Show an external link icon\n   */\n  isExternal?: boolean\n  /**\n   * Specify alternative link appearance\n   */\n  variant?: (typeof LinkVariants)[number]\n} & React.ComponentPropsWithoutRef<'a'>\n\n/**\n * Links connect users to related content.\n * These are not intended to be used as a call-to-action.\n */\nexport function Link({\n  size = 'medium',\n  variant = 'default',\n  className,\n  children,\n  isExternal,\n  onMouseEnter,\n  onMouseLeave,\n  onFocus,\n  onBlur,\n  arrowDirection = 'end',\n  ...props\n}: LinkProps) {\n  const [isHovered, setIsHovered] = React.useState(false)\n  const [isFocused, setIsFocused] = React.useState(false)\n\n  const sizeMap = {\n    medium: '200',\n    large: '300',\n  } as const\n\n  const handleMouseEnter = useCallback(\n    (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n      setIsHovered(!isHovered)\n      onMouseEnter?.(event)\n    },\n    [onMouseEnter, isHovered],\n  )\n\n  const handleMouseLeave = useCallback(\n    (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n      setIsHovered(!isHovered)\n      onMouseLeave?.(event)\n    },\n    [onMouseLeave, isHovered],\n  )\n\n  const handleOnFocus = useCallback(\n    (event: React.FocusEvent<HTMLAnchorElement, Element>) => {\n      setIsFocused(!isFocused)\n      onFocus?.(event)\n    },\n    [onFocus, isFocused],\n  )\n\n  const handleOnBlur = useCallback(\n    (event: React.FocusEvent<HTMLAnchorElement, Element>) => {\n      setIsFocused(!isFocused)\n      onBlur?.(event)\n    },\n    [onBlur, isFocused],\n  )\n\n  return (\n    <a\n      className={clsx(\n        styles.Link,\n        styles[`Link--${size}`],\n        styles[`Link--${variant}`],\n        isExternal ? styles['Link--is-external'] : styles[`Link--arrow-${arrowDirection}`],\n        className,\n      )}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onFocus={handleOnFocus}\n      onBlur={handleOnBlur}\n      {...props}\n    >\n      {arrowDirection === 'start' && !isExternal && (\n        <ExpandableArrow className={styles['Link-arrow']} expanded={isHovered || isFocused} reverse hidden />\n      )}\n\n      <Text as=\"span\" size={sizeMap[size]} className={clsx(styles['Link--label'])}>\n        {children}\n      </Text>\n\n      {arrowDirection === 'end' && !isExternal && (\n        <ExpandableArrow className={styles['Link-arrow']} expanded={isHovered || isFocused} hidden />\n      )}\n\n      {isExternal && <LinkExternalIcon size={size === 'large' ? 20 : 16} aria-label=\"External link\" />}\n    </a>\n  )\n}\n"],"mappings":";;;;;;;;;AASA,IAAa,IAAe,CAAC,WAAW,SAAS,EACpC,IAAY,CAAC,UAAU,QAAQ,EAC/B,IAAsB;CAAC;CAAS;CAAO;CAAO;AAyB3D,SAAgB,EAAK,EACnB,UAAO,UACP,aAAU,WACV,cACA,aACA,eACA,iBACA,iBACA,YACA,WACA,oBAAiB,OACjB,GAAG,KACS;CACZ,IAAM,CAAC,GAAW,KAAgB,EAAM,SAAS,GAAM,EACjD,CAAC,GAAW,KAAgB,EAAM,SAAS,GAAM,EAEjD,IAAU;EACd,QAAQ;EACR,OAAO;EACR,EAEK,IAAmB,GACtB,MAA2D;AAE1D,EADA,EAAa,CAAC,EAAU,EACxB,IAAe,EAAM;IAEvB,CAAC,GAAc,EAAU,CAC1B,EAEK,IAAmB,GACtB,MAA2D;AAE1D,EADA,EAAa,CAAC,EAAU,EACxB,IAAe,EAAM;IAEvB,CAAC,GAAc,EAAU,CAC1B,EAEK,IAAgB,GACnB,MAAwD;AAEvD,EADA,EAAa,CAAC,EAAU,EACxB,IAAU,EAAM;IAElB,CAAC,GAAS,EAAU,CACrB,EAEK,IAAe,GAClB,MAAwD;AAEvD,EADA,EAAa,CAAC,EAAU,EACxB,IAAS,EAAM;IAEjB,CAAC,GAAQ,EAAU,CACpB;AAED,QACE,kBAAC,KAAD;EACE,WAAW,EACT,EAAO,MACP,EAAO,SAAS,MAChB,EAAO,SAAS,MAChB,IAAa,EAAO,uBAAuB,EAAO,eAAe,MACjE,EACD;EACD,cAAc;EACd,cAAc;EACd,SAAS;EACT,QAAQ;EACR,GAAI;YAZN;GAcG,MAAmB,WAAW,CAAC,KAC9B,kBAAC,GAAD;IAAiB,WAAW,EAAO;IAAe,UAAU,KAAa;IAAW,SAAA;IAAQ,QAAA;IAAS,CAAA;GAGvG,kBAAC,GAAD;IAAM,IAAG;IAAO,MAAM,EAAQ;IAAO,WAAW,EAAK,EAAO,eAAe;IACxE;IACI,CAAA;GAEN,MAAmB,SAAS,CAAC,KAC5B,kBAAC,GAAD;IAAiB,WAAW,EAAO;IAAe,UAAU,KAAa;IAAW,QAAA;IAAS,CAAA;GAG9F,KAAc,kBAAC,GAAD;IAAkB,MAAM,MAAS,UAAU,KAAK;IAAI,cAAW;IAAkB,CAAA;GAC9F"}

package/esm/Link/Link.module-CiGiy5gk.css

@@ -0,0 +1 @@
+.Primer_Brand__Link-module__Link___lF11y{--visual-width:var(--external-icon-size,var(--arrow-size,0px));--gap:0px;-moz-column-gap:0px;-moz-column-gap:var(--gap);column-gap:0;column-gap:var(--gap);cursor:pointer;justify-content:center;align-items:center;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative}.Primer_Brand__Link-module__Link--arrow-start___Cyw51,.Primer_Brand__Link-module__Link--arrow-end___esdN8{--gap:var(--base-size-4);--arrow-size:var(--base-size-16);position:relative;top:.05em}.Primer_Brand__Link-module__Link--arrow-start___Cyw51.Primer_Brand__Link-module__Link--large___mTWWi,.Primer_Brand__Link-module__Link--arrow-end___esdN8.Primer_Brand__Link-module__Link--large___mTWWi{--arrow-size:var(--base-size-20)}.Primer_Brand__Link-module__Link--is-external___xsncV{--gap:var(--base-size-4);--external-icon-size:var(--base-size-16)}.Primer_Brand__Link-module__Link--is-external___xsncV.Primer_Brand__Link-module__Link--large___mTWWi{--external-icon-size:var(--base-size-20)}.Primer_Brand__Link-module__Link___lF11y:hover{-webkit-text-decoration:none;text-decoration:none}.Primer_Brand__Link-module__Link___lF11y:after{width:calc(100% - var(--gap) - var(--visual-width));pointer-events:none;content:"";border:var(--brand-borderWidth-thin) solid currentColor;transform-origin:0 0;position:absolute;bottom:-.15em;left:0;transform:scaleX(0)}@media screen and (prefers-reduced-motion:no-preference){.Primer_Brand__Link-module__Link___lF11y:after{transition:transform var(--brand-animation-duration-fast) ease}}.Primer_Brand__Link-module__Link___lF11y:active:after,.Primer_Brand__Link-module__Link___lF11y:hover:after{transform:scaleX(1)}.Primer_Brand__Link-module__Link___lF11y:focus:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}.Primer_Brand__Link-module__Link--default___VRVW0,.Primer_Brand__Link-module__Link--default___VRVW0 span{color:var(--brand-Link-color-default)}.Primer_Brand__Link-module__Link--accent___eC6rQ,.Primer_Brand__Link-module__Link--accent___eC6rQ span{color:var(--brand-Link-color-accent)}.Primer_Brand__Link-module__Link--label___jM8Ty{font-weight:var(--base-text-weight-medium);color:inherit!important}.Primer_Brand__Link-module__Link--large___mTWWi .Primer_Brand__Link-module__Link--label___jM8Ty{font-size:var(--base-size-20)}.Primer_Brand__Link-module__Link--large___mTWWi .Primer_Brand__Link-module__Link-arrow___yd78i{width:var(--arrow-size);height:var(--arrow-size)}.Primer_Brand__Link-module__Link--arrow-start___Cyw51:after{transform-origin:right 0;left:auto;right:0}@media (prefers-reduced-motion:reduce){.Primer_Brand__Link-module__Link___lF11y,.Primer_Brand__Link-module__Link___lF11y:before,.Primer_Brand__Link-module__Link___lF11y:after,.Primer_Brand__Link-module__Link___lF11y *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/Link/Link.module.js

@@ -0,0 +1,15 @@
+import './Link.module-CiGiy5gk.css';var e = {
+	Link: "Primer_Brand__Link-module__Link___lF11y",
+	"Link--arrow-start": "Primer_Brand__Link-module__Link--arrow-start___Cyw51",
+	"Link--arrow-end": "Primer_Brand__Link-module__Link--arrow-end___esdN8",
+	"Link--large": "Primer_Brand__Link-module__Link--large___mTWWi",
+	"Link--is-external": "Primer_Brand__Link-module__Link--is-external___xsncV",
+	"Link--default": "Primer_Brand__Link-module__Link--default___VRVW0",
+	"Link--accent": "Primer_Brand__Link-module__Link--accent___eC6rQ",
+	"Link--label": "Primer_Brand__Link-module__Link--label___jM8Ty",
+	"Link-arrow": "Primer_Brand__Link-module__Link-arrow___yd78i"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=Link.module.js.map

package/esm/Link/Link.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.module.js","names":[],"sources":["../../src/Link/Link.module.css"],"sourcesContent":[".Link {\n  --visual-width: var(--external-icon-size, var(--arrow-size, 0px));\n  --gap: 0px;\n  position: relative;\n  display: inline-flex;\n  column-gap: var(--gap);\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n.Link--arrow-start,\n.Link--arrow-end {\n  --gap: var(--base-size-4);\n  --arrow-size: var(--base-size-16);\n\n  /* Optical alignment */\n  position: relative;\n  top: 0.05em;\n}\n\n.Link--arrow-start.Link--large,\n.Link--arrow-end.Link--large {\n  --arrow-size: var(--base-size-20);\n}\n\n.Link--is-external {\n  --gap: var(--base-size-4);\n  --external-icon-size: var(--base-size-16);\n}\n\n.Link--is-external.Link--large {\n  --external-icon-size: var(--base-size-20);\n}\n\n.Link:hover {\n  text-decoration: none;\n}\n\n.Link::after {\n  position: absolute;\n  bottom: -0.15em;\n  left: 0;\n  width: calc(100% - var(--gap) - var(--visual-width));\n  pointer-events: none;\n  content: '';\n  border: var(--brand-borderWidth-thin) solid currentColor;\n  transform: scaleX(0);\n  transform-origin: 0 0;\n}\n\n@media screen and (prefers-reduced-motion: no-preference) {\n  .Link::after {\n    transition: transform var(--brand-animation-duration-fast) ease;\n  }\n}\n\n.Link:active:after,\n.Link:hover:after {\n  transform: scaleX(1);\n}\n\n.Link:focus:focus-visible {\n  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n  outline-offset: var(--base-size-2);\n}\n\n.Link--default,\n.Link--default span {\n  color: var(--brand-Link-color-default);\n}\n\n.Link--accent,\n.Link--accent span {\n  color: var(--brand-Link-color-accent);\n}\n\n.Link--label {\n  color: inherit !important; /* Some components like Accordion override all children color. We need to force this. */\n  font-weight: var(--base-text-weight-medium);\n}\n\n.Link--large .Link--label {\n  font-size: var(--base-size-20);\n}\n\n.Link--large .Link-arrow {\n  width: var(--arrow-size);\n  height: var(--arrow-size);\n}\n\n.Link--arrow-start::after {\n  left: auto;\n  right: 0;\n  transform-origin: right 0;\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .Link,\n  .Link::before,\n  .Link::after,\n  .Link * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}

package/esm/Link/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Link';
+//# sourceMappingURL=index.d.ts.map

package/esm/Link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Link/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}

package/esm/LogoSuite/LogoSuite.d.ts

@@ -0,0 +1,139 @@
+import React, { type PropsWithChildren } from 'react';
+import type { BaseProps } from '../component-helpers';
+import { HeadingProps, TextProps } from '../';
+/**
+ * Design tokens
+ */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/logosuite/base.css';
+export type LogoSuiteProps = {
+    /**
+     * The horizontal alignment of the LogoSuite.
+     */
+    align?: 'start' | 'center' | 'justify';
+    /**
+     * Whether to render a divider immediately after the LogoSuite.
+     */
+    hasDivider?: boolean;
+    /**
+     * Test id for the root LogoSuite element.
+     */
+    'data-testid'?: string;
+    /**
+     * Alternative presentation
+     */
+    variant?: 'default' | 'gridline-expressive';
+} & BaseProps<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>;
+export type LogoSuiteHeadingProps = BaseProps<HTMLHeadingElement> & HeadingProps & {
+    /**
+     * Whether to visually hide the heading.
+     */
+    visuallyHidden?: boolean;
+};
+export type LogoSuiteDescriptionProps = BaseProps<HTMLParagraphElement> & TextProps & {
+    children: React.ReactNode | React.ReactNode[];
+};
+export type LogoSuiteLogoBarProps = BaseProps<HTMLDivElement> & {
+    children: React.ReactNode | React.ReactNode[];
+    /**
+     * The gap between logos
+     */
+    gap?: 'default' | 'condensed';
+    /**
+     * Enables an optional marquee effect
+     */
+    marquee?: boolean;
+    /**
+     * The speed of the marquee effect
+     */
+    marqueeSpeed?: 'slow' | 'normal' | 'idle';
+    /**
+     * The stylistic variant of the LogoBar.
+     */
+    variant?: 'muted' | 'emphasis';
+    /**
+     * Displays an optional takeover button (as an anchor) on hover/focus.
+     */
+    takeoverButton?: {
+        label: string;
+    } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> & BaseProps<HTMLAnchorElement>;
+};
+/**
+ * Use LogoSuite to present a list of logos, such as sponsors or vendors.
+ * @see https://primer.style/brand/components/LogoSuite
+ */
+export declare const LogoSuite: (({ align, children, className, hasDivider, variant, "data-testid": testId, }: PropsWithChildren<LogoSuiteProps>) => import("react/jsx-runtime").JSX.Element) & {
+    Heading: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<LogoSuiteHeadingProps>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<(Omit<BaseProps<HTMLParagraphElement> & {
+        font?: import("../Text").TextFontVariants;
+        size?: typeof import("../Text").TextSizes[number];
+        variant?: typeof import("../Text").TextVariants[number];
+        weight?: import("../Text").TextWeightVariants | import("../Text").ResponsiveWeightMap;
+        align?: "start" | "center" | "end";
+        hasAntiAliasing?: boolean;
+    } & {
+        as?: typeof import("../Text").TextTags[number];
+    } & React.HTMLAttributes<HTMLParagraphElement> & {
+        as?: "p";
+    } & {
+        children: React.ReactNode | React.ReactNode[];
+    }, "ref"> | Omit<BaseProps<HTMLParagraphElement> & {
+        font?: import("../Text").TextFontVariants;
+        size?: typeof import("../Text").TextSizes[number];
+        variant?: typeof import("../Text").TextVariants[number];
+        weight?: import("../Text").TextWeightVariants | import("../Text").ResponsiveWeightMap;
+        align?: "start" | "center" | "end";
+        hasAntiAliasing?: boolean;
+    } & {
+        as?: typeof import("../Text").TextTags[number];
+    } & React.HTMLAttributes<HTMLSpanElement> & BaseProps<HTMLSpanElement> & {
+        as?: "span";
+    } & {
+        children: React.ReactNode | React.ReactNode[];
+    }, "ref"> | Omit<BaseProps<HTMLParagraphElement> & {
+        font?: import("../Text").TextFontVariants;
+        size?: typeof import("../Text").TextSizes[number];
+        variant?: typeof import("../Text").TextVariants[number];
+        weight?: import("../Text").TextWeightVariants | import("../Text").ResponsiveWeightMap;
+        align?: "start" | "center" | "end";
+        hasAntiAliasing?: boolean;
+    } & {
+        as?: typeof import("../Text").TextTags[number];
+    } & React.HTMLAttributes<HTMLDivElement> & BaseProps<HTMLDivElement> & {
+        as?: "div";
+    } & {
+        children: React.ReactNode | React.ReactNode[];
+    }, "ref"> | Omit<BaseProps<HTMLParagraphElement> & {
+        font?: import("../Text").TextFontVariants;
+        size?: typeof import("../Text").TextSizes[number];
+        variant?: typeof import("../Text").TextVariants[number];
+        weight?: import("../Text").TextWeightVariants | import("../Text").ResponsiveWeightMap;
+        align?: "start" | "center" | "end";
+        hasAntiAliasing?: boolean;
+    } & {
+        as?: typeof import("../Text").TextTags[number];
+    } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {
+        as?: "strong";
+    } & {
+        children: React.ReactNode | React.ReactNode[];
+    }, "ref"> | Omit<BaseProps<HTMLParagraphElement> & {
+        font?: import("../Text").TextFontVariants;
+        size?: typeof import("../Text").TextSizes[number];
+        variant?: typeof import("../Text").TextVariants[number];
+        weight?: import("../Text").TextWeightVariants | import("../Text").ResponsiveWeightMap;
+        align?: "start" | "center" | "end";
+        hasAntiAliasing?: boolean;
+    } & {
+        as?: typeof import("../Text").TextTags[number];
+    } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {
+        as?: "em";
+    } & {
+        children: React.ReactNode | React.ReactNode[];
+    }, "ref">) & React.RefAttributes<HTMLParagraphElement>>;
+    Logobar: React.ForwardRefExoticComponent<Omit<LogoSuiteLogoBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    testIds: {
+        root: string;
+        readonly marqueeGroup: string;
+    };
+};
+//# sourceMappingURL=LogoSuite.d.ts.map

package/esm/LogoSuite/LogoSuite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoSuite.d.ts","sourceRoot":"","sources":["../../src/LogoSuite/LogoSuite.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAkE,MAAM,OAAO,CAAA;AAGpH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAU,YAAY,EAA2B,SAAS,EAAe,MAAM,KAAK,CAAA;AAE3F;;GAEG;AACH,OAAO,6GAA6G,CAAA;AACpH,OAAO,gGAAgG,CAAA;AAYvG,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;IACtC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,qBAAqB,CAAA;CAC5C,GAAG,SAAS,CAAC,cAAc,CAAC,GAC3B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAuEtC,MAAM,MAAM,qBAAqB,GAAG,SAAS,CAAC,kBAAkB,CAAC,GAC/D,YAAY,GAAG;IACb;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAiCH,MAAM,MAAM,yBAAyB,GAAG,SAAS,CAAC,oBAAoB,CAAC,GACrE,SAAS,GAAG;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC9C,CAAA;AAgDH,MAAM,MAAM,qBAAqB,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C;;OAEG;IACH,GAAG,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;IACzC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IAC9B;;OAEG;IACH,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAA;KACd,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GACjE,SAAS,CAAC,iBAAiB,CAAC,CAAA;CAC/B,CAAA;AAmID;;;GAGG;AACH,eAAO,MAAM,SAAS,iFAxTnB,iBAAiB,CAAC,cAAc,CAAC;;;;;;;;;;;;;;kBAuGtB,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE;;;;;;;;;;;;;kBAAnC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE;;;;;;;;;;;;;kBAAnC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE;;;;;;;;;;;;;kBAAnC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE;;;;;;;;;;;;;kBAAnC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE;;;;;;;CAsN/C,CAAA"}

package/esm/LogoSuite/LogoSuite.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=LogoSuite.figma.d.ts.map

package/esm/LogoSuite/LogoSuite.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoSuite.figma.d.ts","sourceRoot":"","sources":["../../src/LogoSuite/LogoSuite.figma.tsx"],"names":[],"mappings":""}

package/esm/LogoSuite/LogoSuite.fixtures.d.ts

@@ -0,0 +1,2 @@
+export declare const logos: import("react/jsx-runtime").JSX.Element[];
+//# sourceMappingURL=LogoSuite.fixtures.d.ts.map

package/esm/LogoSuite/LogoSuite.fixtures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoSuite.fixtures.d.ts","sourceRoot":"","sources":["../../src/LogoSuite/LogoSuite.fixtures.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,2CAiKjB,CAAA"}

package/esm/LogoSuite/LogoSuite.js

@@ -0,0 +1,146 @@
+import e from "../node_modules/clsx/dist/clsx.js";
+import { Grid as t } from "../Grid/Grid.js";
+import { useReducedMotion as n } from "../hooks/useReducedMotion.js";
+import { Text as r } from "../Text/Text.js";
+import { Heading as i, defaultHeadingTag as a } from "../Heading/Heading.js";
+import { PauseIcon as o, PlayIcon as s } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
+import { Button as c } from "../Button/Button.js";
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes-n4fDsxWz.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/logosuite/base-DTi5Rx4y.css';/* empty css                                                                                                       */
+/* empty css                                                                                          */
+import l from "./LogoSuite.module.js";
+import u, { forwardRef as d, useCallback as f, useEffect as p, useMemo as m, useState as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/LogoSuite/LogoSuite.tsx
+var y = {
+	root: "LogoSuite",
+	get marqueeGroup() {
+		return `${this.root}-marqueeGroup`;
+	}
+}, b = ({ align: n = "center", children: r, className: i, hasDivider: a = !0, variant: o = "default", "data-testid": s }) => {
+	let c = m(() => u.Children.toArray(r), [r]), d = c.find((e) => u.isValidElement(e) && e.type === x), f = c.find((e) => u.isValidElement(e) && e.type === S), p = c.find((e) => u.isValidElement(e) && e.type === w);
+	d || (process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test") && console.warn("LogoSuite: Heading child is required. You may use `visuallyHidden` to hide it from view.");
+	let h = u.isValidElement(d) && d.props.visuallyHidden, y = o === "gridline-expressive", b = y && (d && !h || f);
+	return /* @__PURE__ */ _("div", {
+		className: e(l.LogoSuite, l[`LogoSuite--${n}`], a && l["LogoSuite--hasDivider"], l[`LogoSuite--${o}`], i),
+		"data-testid": s,
+		children: y ? /* @__PURE__ */ v(t, {
+			className: l.LogoSuite__content,
+			children: [b && /* @__PURE__ */ v(t.Column, {
+				span: { large: 3 },
+				className: l.LogoSuite__textContainer,
+				children: [d, f]
+			}), /* @__PURE__ */ v(t.Column, {
+				span: { large: b ? 9 : 12 },
+				className: l.LogoSuite__logobarContainer,
+				children: [!b && h && d, p]
+			})]
+		}) : /* @__PURE__ */ v(g, { children: [
+			d,
+			f,
+			p
+		] })
+	});
+}, x = d(({ as: t = a, size: n = "subhead-large", className: r, children: o, visuallyHidden: s, ...c }, u) => /* @__PURE__ */ _(i, {
+	ref: u,
+	className: e(l.LogoSuite__heading, s && l["LogoSuite__heading--visually-hidden"], s && "visually-hidden", r),
+	size: n,
+	as: t,
+	...c,
+	children: o
+})), S = d(({ className: t, children: n, size: i = "200", variant: a = "muted", ...o }, s) => /* @__PURE__ */ _(r, {
+	as: "p",
+	ref: s,
+	size: i,
+	variant: a,
+	className: e(l.LogoSuite__description, t),
+	...o,
+	children: n
+})), C = ({ isPlaying: e = !0, onPlayPause: t }) => {
+	let n = f(() => {
+		t?.(!e);
+	}, [t, e]);
+	return /* @__PURE__ */ _("button", {
+		className: l["LogoSuite__logobar-playPauseButton"],
+		type: "button",
+		onClick: n,
+		"aria-label": e ? "Pause animation" : "Play animation",
+		children: _(e ? o : s, {})
+	});
+}, w = d(({ className: t, children: r, gap: i = "default", marquee: a = !1, marqueeSpeed: o = "normal", variant: s = "muted", takeoverButton: u, ...d }, m) => {
+	let g = n(), [b, x] = h(() => a && !g && o !== "idle");
+	p(() => {
+		x(a && !g && o !== "idle");
+	}, [
+		a,
+		g,
+		o
+	]), a && u && (process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test") && console.warn("LogoSuite.Logobar: `takeoverButton` cant be used with `marquee` prop due to accessibility risks. Set `marquee={false}` to use the takeover feature.");
+	let S = {
+		ref: m,
+		className: e(l.LogoSuite__logobar, l[`LogoSuite__logobar--variant-${s}`], l[`LogoSuite__logobar--gap-${i}`], t),
+		...d
+	}, [w, T] = h(!1), E = f(() => {
+		T(!0);
+	}, []), D = f((e) => {
+		e.currentTarget.contains(e.relatedTarget) || T(!1);
+	}, []), O = () => {
+		if (!u) return null;
+		let { className: t, label: n, ref: r, ...i } = u;
+		return /* @__PURE__ */ _("div", {
+			className: l["LogoSuite__logobar-takeoverButtonContainer"],
+			children: /* @__PURE__ */ _(c, {
+				as: "a",
+				variant: "accent",
+				className: e(l["LogoSuite__logobar-takeoverButton"], t),
+				...i,
+				children: n
+			})
+		});
+	};
+	if (a) {
+		let { className: t, ...n } = S, i = !b || g;
+		return /* @__PURE__ */ v("div", {
+			...n,
+			className: e(l["LogoSuite__logobar--has-marquee"], t, i && l["LogoSuite__logobar--paused"]),
+			children: [/* @__PURE__ */ v("div", {
+				className: e(l["LogoSuite__logobar-marquee"], w && l["LogoSuite__logobar-marquee--focused"]),
+				onFocus: E,
+				onBlur: D,
+				children: [/* @__PURE__ */ _("div", {
+					className: e(l["LogoSuite__logobar-marqueeGroup"], l[`LogoSuite__logobar-marqueeGroup--speed-${o}`]),
+					"data-testid": y.marqueeGroup,
+					children: r
+				}), /* @__PURE__ */ _("div", {
+					inert: !0,
+					"aria-hidden": "true",
+					className: e(l["LogoSuite__logobar-marqueeGroup"], l[`LogoSuite__logobar-marqueeGroup--speed-${o}`]),
+					children: r
+				})]
+			}), /* @__PURE__ */ _(C, {
+				onPlayPause: x,
+				isPlaying: b
+			})]
+		});
+	}
+	if (u) {
+		let { className: t, ...n } = S;
+		return /* @__PURE__ */ v("div", {
+			...n,
+			className: e(t, l["LogoSuite__logobar--has-takeover"]),
+			children: [r, O()]
+		});
+	}
+	return /* @__PURE__ */ _("div", {
+		...S,
+		children: r
+	});
+}), T = Object.assign(b, {
+	Heading: x,
+	Description: S,
+	Logobar: w,
+	testIds: y
+});
+//#endregion
+export { T as LogoSuite };
+
+//# sourceMappingURL=LogoSuite.js.map