npm - @primer/react-brand - Versions diffs - 0.72.0-rc.f8b72452 → 0.72.0 - Mend

@primer/react-brand 0.72.0-rc.f8b72452 → 0.72.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (506) hide show

package/esm/Hero/sub-components/HeroButtonGroup.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"HeroButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/Hero/sub-components/HeroButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAA;AAK7C,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AAE3E,eAAO,MAAM,eAAe,yKAyB3B,CAAA"}

package/esm/Hero/sub-components/HeroButtonGroup.js ADDED Viewed

@@ -0,0 +1,28 @@
+import e from "../../node_modules/clsx/dist/clsx.js";
+import { Box as t } from "../../Box/Box.js";
+import { useHeroContext as n } from "../HeroContext.js";
+import r from "../Hero.module.js";
+import { ButtonGroup as i } from "../../ButtonGroup/ButtonGroup.js";
+import a, { forwardRef as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/Hero/sub-components/HeroButtonGroup.tsx
+var c = o(({ className: o, children: c, ...l }, u) => {
+	let { variant: d, enableAnimation: f } = n(), p = d === "gridline" || d === "gridline-expressive";
+	return /* @__PURE__ */ s(p ? t : a.Fragment, {
+		...p ? { animate: f ? {
+			variant: "slide-in-up",
+			delay: 750,
+			duration: 1e3
+		} : void 0 } : {},
+		children: /* @__PURE__ */ s(i, {
+			ref: u,
+			className: e(r["Hero-actions"], o),
+			...l,
+			children: c
+		})
+	});
+});
+//#endregion
+export { c as HeroButtonGroup };
+//# sourceMappingURL=HeroButtonGroup.js.map

package/esm/Hero/sub-components/HeroButtonGroup.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"HeroButtonGroup.js","names":[],"sources":["../../../src/Hero/sub-components/HeroButtonGroup.tsx"],"sourcesContent":["import React, {forwardRef} from 'react'\nimport {clsx} from 'clsx'\nimport {Box} from '../../Box'\nimport {ButtonGroup} from '../../ButtonGroup'\nimport {useHeroContext} from '../HeroContext'\n\nimport styles from '../Hero.module.css'\n\nexport type HeroButtonGroupProps = React.ComponentProps<typeof ButtonGroup>\n\nexport const HeroButtonGroup = forwardRef<HTMLDivElement, HeroButtonGroupProps>(\n ({className, children, ...props}, ref) => {\n const {variant, enableAnimation} = useHeroContext()\n const isGridline = variant === 'gridline' || variant === 'gridline-expressive'\n const Tag = isGridline ? Box : React.Fragment\n const tagProps = isGridline\n ? {\n animate: enableAnimation\n ? {\n variant: 'slide-in-up' as const,\n delay: 750,\n duration: 1000,\n }\n : undefined,\n }\n : {}\n\n return (\n <Tag {...tagProps}>\n <ButtonGroup ref={ref} className={clsx(styles['Hero-actions'], className)} {...props}>\n {children}\n </ButtonGroup>\n </Tag>\n )\n },\n)\n"],"mappings":";;;;;;;;AAUA,IAAa,IAAkB,GAC5B,EAAC,cAAW,aAAU,GAAG,KAAQ,MAAQ;CACxC,IAAM,EAAC,YAAS,uBAAmB,GAAgB,EAC7C,IAAa,MAAY,cAAc,MAAY;AAczD,QACE,kBAdU,IAAa,IAAM,EAAM,UAcnC;EAAK,GAbU,IACb,EACE,SAAS,IACL;GACE,SAAS;GACT,OAAO;GACP,UAAU;GACX,GACD,KAAA,GACL,GACD,EAAE;YAIF,kBAAC,GAAD;GAAkB;GAAK,WAAW,EAAK,EAAO,iBAAiB,EAAU;GAAE,GAAI;GAC5E;GACW,CAAA;EACV,CAAA;EAGX"}

package/esm/Hero/sub-components/HeroImage.d.ts CHANGED Viewed

@@ -1,12 +1,14 @@
 import { ImageProps } from '../../Image';
 import type { BaseProps } from '../../component-helpers';
-import { type HeroMediaPositions } from '../HeroContext';
+import { type HeroMediaPadding, type HeroMediaPosition } from '../HeroContext';
 export type HeroImageProps = {
-    position?: HeroMediaPositions;
+    position?: HeroMediaPosition;
+    padding?: HeroMediaPadding;
     enableBorder?: boolean;
 } & ImageProps & BaseProps<HTMLImageElement>;
 export declare const HeroImage: import("react").ForwardRefExoticComponent<(Omit<{
-    position?: HeroMediaPositions;
+    position?: HeroMediaPosition;
+    padding?: HeroMediaPadding;
     enableBorder?: boolean;
 } & import("react").ImgHTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement> & {
     src: string;
@@ -19,7 +21,8 @@ export declare const HeroImage: import("react").ForwardRefExoticComponent<(Omit<
     as?: "img";
     srcSet?: Pick<React.ImgHTMLAttributes<HTMLImageElement>, "srcSet">;
 }, "ref"> | Omit<{
-    position?: HeroMediaPositions;
+    position?: HeroMediaPosition;
+    padding?: HeroMediaPadding;
     enableBorder?: boolean;
 } & import("react").ImgHTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement> & {
     src: string;

package/esm/Hero/sub-components/HeroImage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeroImage.d.ts","sourceRoot":"","sources":["../../../src/Hero/sub-components/HeroImage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,UAAU,EAAC,MAAM,aAAa,CAAA;AAC7C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAiB,KAAK,~~kBAAkB~~,EAAC,MAAM,gBAAgB,CAAA;~~AAItE~~,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,~~kBAAkB~~,CAAA;~~IAC7B~~,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,GAAG,UAAU,GACZ,SAAS,CAAC,gBAAgB,CAAC,CAAA;AAE7B,eAAO,MAAM,SAAS;~~eALT~~,~~kBAAkB~~;~~mBACd~~,OAAO;;;;;;;;;;;;~~eADX~~,~~kBAAkB~~;~~mBACd~~,OAAO;;;;;;;;;;;;;;;6DAiCvB,CAAA"}
1	+ {"version":3,"file":"HeroImage.d.ts","sourceRoot":"","sources":["../../../src/Hero/sub-components/HeroImage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,UAAU,EAAC,MAAM,aAAa,CAAA;AAC7C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAiB,KAAK,gBAAgB,EAAE,KAAK,iBAAiB,EAAC,MAAM,gBAAgB,CAAA;AAI5F,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,GAAG,UAAU,GACZ,SAAS,CAAC,gBAAgB,CAAC,CAAA;AAE7B,eAAO,MAAM,SAAS;eANT,iBAAiB;cAClB,gBAAgB;mBACX,OAAO;;;;;;;;;;;;eAFX,iBAAiB;cAClB,gBAAgB;mBACX,OAAO;;;;;;;;;;;;;;;6DAiCvB,CAAA"}

package/esm/Hero/sub-components/HeroImage.js CHANGED Viewed

@@ -5,17 +5,17 @@ import { Image as r } from "../../Image/Image.js";
 import { forwardRef as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 //#region src/Hero/sub-components/HeroImage.tsx
-var o = i(({ position: i = "block-end", className: o, enableBorder: s, ...c }, l) => {
-	let { variant: u, enableAnimation: d } = t(), f = i.startsWith("inline"), p = i.endsWith("-padded");
+var o = i(({ position: i = "block-end", padding: o = "default", className: s, enableBorder: c, ...l }, u) => {
+	let { variant: d, enableAnimation: f } = t(), p = i.startsWith("inline");
 	return /* @__PURE__ */ a(r, {
-		animate: u === "gridline" && d ? {
+		animate: d === "gridline" && f ? {
 			variant: "slide-in-up",
 			delay: 0,
 			duration: 1e3
 		} : void 0,
-		ref: l,
-		className: e(n["Hero-image"], n["Hero-media"], n[`Hero-media--pos-${i}`], f && n["Hero-media--pos-inline"], f && p && n["Hero-media--pos-inline-padded"], o),
-		...c
+		ref: u,
+		className: e(n["Hero-image"], n["Hero-media"], n[`Hero-media--pos-${i}`], p && n["Hero-media--pos-inline"], o === "all" && n["Hero-media--padding-all"], o === "none" && n["Hero-media--padding-none"], s),
+		...l
 	});
 });
 //#endregion

package/esm/Hero/sub-components/HeroImage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeroImage.js","names":[],"sources":["../../../src/Hero/sub-components/HeroImage.tsx"],"sourcesContent":["import {forwardRef~~, PropsWithChildren~~} from 'react'\nimport {clsx} from 'clsx'\nimport {Image, ImageProps} from '../../Image'\nimport type {BaseProps} from '../../component-helpers'\nimport {useHeroContext, type ~~HeroMediaPositions~~} from '../HeroContext'\n\nimport styles from '../Hero.module.css'\n\nexport type HeroImageProps = {\n position?: ~~HeroMediaPositions~~\n enableBorder?: boolean\n} & ImageProps &\n BaseProps<HTMLImageElement>\n\nexport const HeroImage = forwardRef<HTMLImageElement, HeroImageProps>(\n ({position = 'block-end', className, enableBorder, ...rest}: ~~PropsWithChildren<~~HeroImageProps>, ref) => {\n const {variant: heroVariant, enableAnimation} = useHeroContext()\n const isInlinePosition = position.startsWith('inline')\n ~~const isInlinePadded = position.endsWith('-padded')\n~~ return (\n <Image\n animate={\n heroVariant === 'gridline' && enableAnimation\n ? {\n variant: 'slide-in-up',\n delay: 0,\n duration: 1000,\n }\n : undefined\n }\n ref={ref}\n className={clsx(\n styles['Hero-image'],\n styles['Hero-media'],\n styles[`Hero-media--pos-${position}`],\n isInlinePosition && styles['Hero-media--pos-inline'],\n ~~isInlinePosition~~ && ~~isInlinePadded~~ && styles['Hero-media--~~pos~~-~~inline-padded~~'],\n className,\n )}\n {...rest}\n />\n )\n },\n)\n"],"mappings":";;;;;;;~~AAcA~~,IAAa,IAAY,GACtB,EAAC,cAAW,aAAa,cAAW,iBAAc,GAAG,~~KAA0C~~,MAAQ;~~CACtG~~,IAAM,EAAC,SAAS,GAAa,uBAAmB,GAAgB,EAC1D,IAAmB,EAAS,WAAW,SAAS~~,EAChD,IAAiB,EAAS,SAAS,UAAU~~;~~AACnD~~,QACE,kBAAC,GAAD;EACE,SACE,MAAgB,cAAc,IAC1B;GACE,SAAS;GACT,OAAO;GACP,UAAU;GACX,GACD,KAAA;EAED;EACL,WAAW,EACT,EAAO,eACP,EAAO,eACP,EAAO,mBAAmB,MAC1B,KAAoB,EAAO,2BAC3B,~~KAAoB~~,~~KAAkB~~,EAAO,~~kCAC7C~~,EACD;EACD,GAAI;EACJ,CAAA;EAGP"}
1	+ {"version":3,"file":"HeroImage.js","names":[],"sources":["../../../src/Hero/sub-components/HeroImage.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {clsx} from 'clsx'\nimport {Image, ImageProps} from '../../Image'\nimport type {BaseProps} from '../../component-helpers'\nimport {useHeroContext, type HeroMediaPadding, type HeroMediaPosition} from '../HeroContext'\n\nimport styles from '../Hero.module.css'\n\nexport type HeroImageProps = {\n position?: HeroMediaPosition\n padding?: HeroMediaPadding\n enableBorder?: boolean\n} & ImageProps &\n BaseProps<HTMLImageElement>\n\nexport const HeroImage = forwardRef<HTMLImageElement, HeroImageProps>(\n ({position = 'block-end', padding = 'default', className, enableBorder, ...rest}: HeroImageProps, ref) => {\n const {variant: heroVariant, enableAnimation} = useHeroContext()\n const isInlinePosition = position.startsWith('inline')\n return (\n <Image\n animate={\n heroVariant === 'gridline' && enableAnimation\n ? {\n variant: 'slide-in-up',\n delay: 0,\n duration: 1000,\n }\n : undefined\n }\n ref={ref}\n className={clsx(\n styles['Hero-image'],\n styles['Hero-media'],\n styles[`Hero-media--pos-${position}`],\n isInlinePosition && styles['Hero-media--pos-inline'],\n padding === 'all' && styles['Hero-media--padding-all'],\n padding === 'none' && styles['Hero-media--padding-none'],\n className,\n )}\n {...rest}\n />\n )\n },\n)\n"],"mappings":";;;;;;;AAeA,IAAa,IAAY,GACtB,EAAC,cAAW,aAAa,aAAU,WAAW,cAAW,iBAAc,GAAG,KAAuB,MAAQ;CACxG,IAAM,EAAC,SAAS,GAAa,uBAAmB,GAAgB,EAC1D,IAAmB,EAAS,WAAW,SAAS;AACtD,QACE,kBAAC,GAAD;EACE,SACE,MAAgB,cAAc,IAC1B;GACE,SAAS;GACT,OAAO;GACP,UAAU;GACX,GACD,KAAA;EAED;EACL,WAAW,EACT,EAAO,eACP,EAAO,eACP,EAAO,mBAAmB,MAC1B,KAAoB,EAAO,2BAC3B,MAAY,SAAS,EAAO,4BAC5B,MAAY,UAAU,EAAO,6BAC7B,EACD;EACD,GAAI;EACJ,CAAA;EAGP"}

package/esm/Hero/sub-components/HeroVideo.d.ts CHANGED Viewed

@@ -1,8 +1,12 @@
 import React, { PropsWithChildren } from 'react';
 import type { BaseProps } from '../../component-helpers';
-import type { HeroMediaPositions } from '../HeroContext';
+import type { HeroMediaPadding, HeroMediaPosition } from '../HeroContext';
 type HeroVideoBaseProps = {
-    position?: HeroMediaPositions;
+    position?: HeroMediaPosition;
+    /**
+     * Controls the padding around media in gridline layouts. `default` preserves the padding recommended for the position.
+     */
+    padding?: HeroMediaPadding;
     enableBorder?: boolean;
     'data-testid'?: string;
 } & PropsWithChildren<BaseProps<HTMLDivElement>>;
@@ -17,7 +21,11 @@ type PosterProps = {
 };
 export type HeroVideoProps = HeroVideoBaseProps & PosterProps;
 export declare const HeroVideo: React.ForwardRefExoticComponent<(Omit<{
-    position?: HeroMediaPositions;
+    position?: HeroMediaPosition;
+    /**
+     * Controls the padding around media in gridline layouts. `default` preserves the padding recommended for the position.
+     */
+    padding?: HeroMediaPadding;
     enableBorder?: boolean;
     'data-testid'?: string;
 } & BaseProps<HTMLDivElement> & {
@@ -27,7 +35,11 @@ export declare const HeroVideo: React.ForwardRefExoticComponent<(Omit<{
     posterAltText?: never;
     posterTitle?: never;
 }, "ref"> | Omit<{
-    position?: HeroMediaPositions;
+    position?: HeroMediaPosition;
+    /**
+     * Controls the padding around media in gridline layouts. `default` preserves the padding recommended for the position.
+     */
+    padding?: HeroMediaPadding;
     enableBorder?: boolean;
     'data-testid'?: string;
 } & BaseProps<HTMLDivElement> & {

package/esm/Hero/sub-components/HeroVideo.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeroVideo.d.ts","sourceRoot":"","sources":["../../../src/Hero/sub-components/HeroVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AACtD,OAAO,KAAK,EAAC,~~kBAAkB~~,EAAC,MAAM,gBAAgB,CAAA;~~AAQtD~~,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,~~kBAAkB~~,CAAA;~~IAC7B~~,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,iBAAiB,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;AAGhD,KAAK,WAAW,GACZ;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,aAAa,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAC,GAC5D;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAC,CAAA;AAEhE,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG,WAAW,CAAA;AAE7D,eAAO,MAAM,SAAS;~~eAZT~~,~~kBAAkB~~;~~mBACd~~,OAAO;oBACN,MAAM;;;;aAKV,KAAK;oBAAkB,KAAK;kBAAgB,KAAK;;~~eAPlD~~,~~kBAAkB~~;~~mBACd~~,OAAO;oBACN,MAAM;;;;YAMX,MAAM;mBAAiB,MAAM;iBAAe,MAAM;~~iDAuD9D~~,CAAA"}
1	+ {"version":3,"file":"HeroVideo.d.ts","sourceRoot":"","sources":["../../../src/Hero/sub-components/HeroVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AACtD,OAAO,KAAK,EAAC,gBAAgB,EAAE,iBAAiB,EAAC,MAAM,gBAAgB,CAAA;AAQvE,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,iBAAiB,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;AAGhD,KAAK,WAAW,GACZ;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,aAAa,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAC,GAC5D;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAC,CAAA;AAEhE,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG,WAAW,CAAA;AAE7D,eAAO,MAAM,SAAS;eAhBT,iBAAiB;IAC5B;;OAEG;cACO,gBAAgB;mBACX,OAAO;oBACN,MAAM;;;;aAKV,KAAK;oBAAkB,KAAK;kBAAgB,KAAK;;eAXlD,iBAAiB;IAC5B;;OAEG;cACO,gBAAgB;mBACX,OAAO;oBACN,MAAM;;;;YAMX,MAAM;mBAAiB,MAAM;iBAAe,MAAM;iDAwD9D,CAAA"}

package/esm/Hero/sub-components/HeroVideo.js CHANGED Viewed

@@ -3,24 +3,24 @@ import { useProvidedRefOrCreate as t } from "../../hooks/useRef.js";
 import { Box as n } from "../../Box/Box.js";
 import { Text as r } from "../../Text/Text.js";
 import i from "../Hero.module.js";
-import { Image as a } from "../../Image/Image.js";
-import { PlayIcon as o } from "../../VideoPlayer/components/PlayIcon/PlayIcon.js";
-import { MarkGithubIcon as s } from "../../node_modules/@primer/octicons-react/dist/index.esm.js";
+import { MarkGithubIcon as a } from "../../node_modules/@primer/octicons-react/dist/index.esm.js";
+import { Image as o } from "../../Image/Image.js";
+import { PlayIcon as s } from "../../VideoPlayer/components/PlayIcon/PlayIcon.js";
 import c, { forwardRef as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/Hero/sub-components/HeroVideo.tsx
-var f = l(({ className: n, children: r, position: a = "block-end", poster: o, posterTitle: s, posterAltText: l, enableBorder: d, "data-testid": f, ...m }, h) => {
-	let [g, _] = c.useState(!o), v = t(h), y = a.startsWith("inline"), b = a.endsWith("-padded"), x = e(i["Hero-video"], i["Hero-media"], i[`Hero-media--pos-${a}`], y && i["Hero-media--pos-inline"], y && b && i["Hero-media--pos-inline-padded"], n), S = () => _(!0), C = /* @__PURE__ */ u("div", {
+var f = l(({ className: n, children: r, position: a = "block-end", padding: o = "default", poster: s, posterTitle: l, posterAltText: d, enableBorder: f, "data-testid": m, ...h }, g) => {
+	let [_, v] = c.useState(!s), y = t(g), b = a.startsWith("inline"), x = e(i["Hero-video"], i["Hero-media"], i[`Hero-media--pos-${a}`], b && i["Hero-media--pos-inline"], o === "all" && i["Hero-media--padding-all"], o === "none" && i["Hero-media--padding-none"], n), S = () => v(!0), C = /* @__PURE__ */ u("div", {
 		className: x,
-		ref: v,
-		"data-testid": f || "Hero-video",
-		...m,
+		ref: y,
+		"data-testid": m || "Hero-video",
+		...h,
 		children: r
 	});
-	return g ? C : /* @__PURE__ */ u(p, {
-		posterSrc: o,
-		posterAlt: l,
-		posterTitle: s,
+	return _ ? C : /* @__PURE__ */ u(p, {
+		posterSrc: s,
+		posterAlt: d,
+		posterTitle: l,
 		onClick: S,
 		className: x
 	});
@@ -33,15 +33,15 @@ function p({ posterSrc: e, posterAlt: t, posterTitle: c, onClick: l, className:
 			onClick: l,
 			className: i["Hero-video-poster-button"],
 			children: [
-				/* @__PURE__ */ u(a, {
+				/* @__PURE__ */ u(o, {
 					src: e,
 					alt: t,
 					className: i["Hero-video-poster-image"]
 				}),
-				/* @__PURE__ */ u(o, { className: i["Hero-video-poster-icon"] }),
+				/* @__PURE__ */ u(s, { className: i["Hero-video-poster-icon"] }),
 				/* @__PURE__ */ d("span", {
 					className: i["Hero-video-poster-header"],
-					children: [/* @__PURE__ */ u(s, {
+					children: [/* @__PURE__ */ u(a, {
 						size: 48,
 						className: i["Hero-video-header-poster-icon"]
 					}), /* @__PURE__ */ u(r, {

package/esm/Hero/sub-components/HeroVideo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeroVideo.js","names":[],"sources":["../../../src/Hero/sub-components/HeroVideo.tsx"],"sourcesContent":["import React, {forwardRef, PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport type {BaseProps} from '../../component-helpers'\nimport type {~~HeroMediaPositions~~} from '../HeroContext'\nimport {useProvidedRefOrCreate} from '../../hooks/useRef'\n\nimport styles from '../Hero.module.css'\nimport {Box, Image, Text} from '../..'\nimport {PlayIcon} from '../../VideoPlayer/components/PlayIcon'\nimport {MarkGithubIcon} from '@primer/octicons-react'\n\ntype HeroVideoBaseProps = {\n position?: ~~HeroMediaPositions~~\n enableBorder?: boolean\n 'data-testid'?: string\n} & PropsWithChildren<BaseProps<HTMLDivElement>>\n\n// discriminated union to ensure that if one poster* prop is set, all are required\ntype PosterProps =\n \| {poster?: never; posterAltText?: never; posterTitle?: never}\n \| {poster: string; posterAltText: string; posterTitle: string}\n\nexport type HeroVideoProps = HeroVideoBaseProps & PosterProps\n\nexport const HeroVideo = forwardRef<HTMLDivElement, HeroVideoProps>(\n (\n {\n className,\n children,\n position = 'block-end',\n poster,\n posterTitle,\n posterAltText,\n enableBorder,\n 'data-testid': testId,\n ...rest\n }: HeroVideoProps,\n ref,\n ) => {\n const [showVideo, setShowVideo] = React.useState(poster ? false : true)\n const containerRef = useProvidedRefOrCreate(ref as React.RefObject<HTMLDivElement>)\n const isInlinePosition = position.startsWith('inline')\n ~~const isInlinePadded = position.endsWith('-padded')~~\n\n const mediaClasses = clsx(\n styles['Hero-video'],\n styles['Hero-media'],\n styles[`Hero-media--pos-${position}`],\n isInlinePosition && styles['Hero-media--pos-inline'],\n ~~isInlinePosition~~ && ~~isInlinePadded~~ && styles['Hero-media--~~pos~~-~~inline-padded~~'],\n className,\n )\n\n const handlePosterClick = () => setShowVideo(true)\n\n const videoContent = (\n <div className={mediaClasses} ref={containerRef} data-testid={testId \|\| 'Hero-video'} {...rest}>\n {children}\n </div>\n )\n\n if (showVideo) {\n return videoContent\n }\n\n return (\n <PosterImage\n posterSrc={poster!}\n posterAlt={posterAltText!}\n posterTitle={posterTitle!}\n onClick={handlePosterClick}\n className={mediaClasses}\n />\n )\n },\n)\n\ntype PosterImageProps = {\n posterSrc: string\n posterAlt: string\n posterTitle: string\n onClick: () => void\n className?: string\n}\n\nfunction PosterImage({posterSrc, posterAlt, posterTitle, onClick, className}: PosterImageProps) {\n return (\n <Box className={className}>\n <button aria-label=\"Play video\" onClick={onClick} className={styles['Hero-video-poster-button']}>\n <Image src={posterSrc} alt={posterAlt} className={styles['Hero-video-poster-image']} />\n <PlayIcon className={styles['Hero-video-poster-icon']} />\n <span className={styles['Hero-video-poster-header']}>\n <MarkGithubIcon size={48} className={styles['Hero-video-header-poster-icon']} />\n <Text size=\"350\" className={styles['Hero-video-poster-text']}>\n {posterTitle}\n </Text>\n </span>\n </button>\n </Box>\n )\n}\n"],"mappings":";;;;;;;;;;;~~AAwBA~~,IAAa,IAAY,GAErB,EACE,cACA,aACA,cAAW,aACX,WACA,gBACA,kBACA,iBACA,eAAe,GACf,GAAG,KAEL,MACG;CACH,IAAM,CAAC,GAAW,KAAgB,EAAM,SAAS,GAAsB,EACjE,IAAe,EAAuB,EAAuC,EAC7E,IAAmB,EAAS,WAAW,SAAS,~~EAChD~~,~~IAAiB,EAAS,SAAS,UAAU,EAE7C,~~IAAe,EACnB,EAAO,eACP,EAAO,eACP,EAAO,mBAAmB,MAC1B,KAAoB,EAAO,2BAC3B,~~KAAoB~~,~~KAAkB~~,EAAO,~~kCAC7C~~,EACD,EAEK,UAA0B,EAAa,GAAK,EAE5C,IACJ,kBAAC,OAAD;EAAK,WAAW;EAAc,KAAK;EAAc,eAAa,KAAU;EAAc,GAAI;EACvF;EACG,CAAA;AAOR,QAJI,IACK,IAIP,kBAAC,GAAD;EACE,WAAW;EACX,WAAW;EACE;EACb,SAAS;EACT,WAAW;EACX,CAAA;EAGP;AAUD,SAAS,EAAY,EAAC,cAAW,cAAW,gBAAa,YAAS,gBAA8B;AAC9F,QACE,kBAAC,GAAD;EAAgB;YACd,kBAAC,UAAD;GAAQ,cAAW;GAAsB;GAAS,WAAW,EAAO;aAApE;IACE,kBAAC,GAAD;KAAO,KAAK;KAAW,KAAK;KAAW,WAAW,EAAO;KAA8B,CAAA;IACvF,kBAAC,GAAD,EAAU,WAAW,EAAO,2BAA6B,CAAA;IACzD,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAxB,CACE,kBAAC,GAAD;MAAgB,MAAM;MAAI,WAAW,EAAO;MAAoC,CAAA,EAChF,kBAAC,GAAD;MAAM,MAAK;MAAM,WAAW,EAAO;gBAChC;MACI,CAAA,CACF;;IACA;;EACL,CAAA"}
1	+ {"version":3,"file":"HeroVideo.js","names":[],"sources":["../../../src/Hero/sub-components/HeroVideo.tsx"],"sourcesContent":["import React, {forwardRef, PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport type {BaseProps} from '../../component-helpers'\nimport type {HeroMediaPadding, HeroMediaPosition} from '../HeroContext'\nimport {useProvidedRefOrCreate} from '../../hooks/useRef'\n\nimport styles from '../Hero.module.css'\nimport {Box, Image, Text} from '../..'\nimport {PlayIcon} from '../../VideoPlayer/components/PlayIcon'\nimport {MarkGithubIcon} from '@primer/octicons-react'\n\ntype HeroVideoBaseProps = {\n position?: HeroMediaPosition\n /*\n Controls the padding around media in gridline layouts. `default` preserves the padding recommended for the position.\n /\n padding?: HeroMediaPadding\n enableBorder?: boolean\n 'data-testid'?: string\n} & PropsWithChildren<BaseProps<HTMLDivElement>>\n\n// discriminated union to ensure that if one poster prop is set, all are required\ntype PosterProps =\n \| {poster?: never; posterAltText?: never; posterTitle?: never}\n \| {poster: string; posterAltText: string; posterTitle: string}\n\nexport type HeroVideoProps = HeroVideoBaseProps & PosterProps\n\nexport const HeroVideo = forwardRef<HTMLDivElement, HeroVideoProps>(\n (\n {\n className,\n children,\n position = 'block-end',\n padding = 'default',\n poster,\n posterTitle,\n posterAltText,\n enableBorder,\n 'data-testid': testId,\n ...rest\n }: HeroVideoProps,\n ref,\n ) => {\n const [showVideo, setShowVideo] = React.useState(poster ? false : true)\n const containerRef = useProvidedRefOrCreate(ref as React.RefObject<HTMLDivElement>)\n const isInlinePosition = position.startsWith('inline')\n\n const mediaClasses = clsx(\n styles['Hero-video'],\n styles['Hero-media'],\n styles[`Hero-media--pos-${position}`],\n isInlinePosition && styles['Hero-media--pos-inline'],\n padding === 'all' && styles['Hero-media--padding-all'],\n padding === 'none' && styles['Hero-media--padding-none'],\n className,\n )\n\n const handlePosterClick = () => setShowVideo(true)\n\n const videoContent = (\n <div className={mediaClasses} ref={containerRef} data-testid={testId \|\| 'Hero-video'} {...rest}>\n {children}\n </div>\n )\n\n if (showVideo) {\n return videoContent\n }\n\n return (\n <PosterImage\n posterSrc={poster!}\n posterAlt={posterAltText!}\n posterTitle={posterTitle!}\n onClick={handlePosterClick}\n className={mediaClasses}\n />\n )\n },\n)\n\ntype PosterImageProps = {\n posterSrc: string\n posterAlt: string\n posterTitle: string\n onClick: () => void\n className?: string\n}\n\nfunction PosterImage({posterSrc, posterAlt, posterTitle, onClick, className}: PosterImageProps) {\n return (\n <Box className={className}>\n <button aria-label=\"Play video\" onClick={onClick} className={styles['Hero-video-poster-button']}>\n <Image src={posterSrc} alt={posterAlt} className={styles['Hero-video-poster-image']} />\n <PlayIcon className={styles['Hero-video-poster-icon']} />\n <span className={styles['Hero-video-poster-header']}>\n <MarkGithubIcon size={48} className={styles['Hero-video-header-poster-icon']} />\n <Text size=\"350\" className={styles['Hero-video-poster-text']}>\n {posterTitle}\n </Text>\n </span>\n </button>\n </Box>\n )\n}\n"],"mappings":";;;;;;;;;;;AA4BA,IAAa,IAAY,GAErB,EACE,cACA,aACA,cAAW,aACX,aAAU,WACV,WACA,gBACA,kBACA,iBACA,eAAe,GACf,GAAG,KAEL,MACG;CACH,IAAM,CAAC,GAAW,KAAgB,EAAM,SAAS,GAAsB,EACjE,IAAe,EAAuB,EAAuC,EAC7E,IAAmB,EAAS,WAAW,SAAS,EAEhD,IAAe,EACnB,EAAO,eACP,EAAO,eACP,EAAO,mBAAmB,MAC1B,KAAoB,EAAO,2BAC3B,MAAY,SAAS,EAAO,4BAC5B,MAAY,UAAU,EAAO,6BAC7B,EACD,EAEK,UAA0B,EAAa,GAAK,EAE5C,IACJ,kBAAC,OAAD;EAAK,WAAW;EAAc,KAAK;EAAc,eAAa,KAAU;EAAc,GAAI;EACvF;EACG,CAAA;AAOR,QAJI,IACK,IAIP,kBAAC,GAAD;EACE,WAAW;EACX,WAAW;EACE;EACb,SAAS;EACT,WAAW;EACX,CAAA;EAGP;AAUD,SAAS,EAAY,EAAC,cAAW,cAAW,gBAAa,YAAS,gBAA8B;AAC9F,QACE,kBAAC,GAAD;EAAgB;YACd,kBAAC,UAAD;GAAQ,cAAW;GAAsB;GAAS,WAAW,EAAO;aAApE;IACE,kBAAC,GAAD;KAAO,KAAK;KAAW,KAAK;KAAW,WAAW,EAAO;KAA8B,CAAA;IACvF,kBAAC,GAAD,EAAU,WAAW,EAAO,2BAA6B,CAAA;IACzD,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAxB,CACE,kBAAC,GAAD;MAAgB,MAAM;MAAI,WAAW,EAAO;MAAoC,CAAA,EAChF,kBAAC,GAAD;MAAM,MAAK;MAAM,WAAW,EAAO;gBAChC;MACI,CAAA,CACF;;IACA;;EACL,CAAA"}

package/esm/Hero/sub-components/index.d.ts CHANGED Viewed

@@ -4,6 +4,8 @@ export { HeroHeading } from './HeroHeading';
 export type { HeroHeadingProps } from './HeroHeading';
 export { HeroDescription } from './HeroDescription';
 export type { HeroDescriptionProps } from './HeroDescription';
+export { HeroButtonGroup } from './HeroButtonGroup';
+export type { HeroButtonGroupProps } from './HeroButtonGroup';
 export { HeroImage } from './HeroImage';
 export type { HeroImageProps } from './HeroImage';
 export { HeroVideo } from './HeroVideo';

package/esm/Hero/sub-components/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Hero/sub-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAA;AACrC,YAAY,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAE/C,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,YAAY,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAA;AAEnD,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAA;AACjD,YAAY,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAA;AACrC,YAAY,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAE/C,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAA;AACrC,YAAY,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAE/C,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,YAAY,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAA;AAEnD,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAA;AACrD,YAAY,EAAC,sBAAsB,EAAC,MAAM,qBAAqB,CAAA;AAE/D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAA;AACzD,YAAY,EAAC,wBAAwB,EAAC,MAAM,uBAAuB,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Hero/sub-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAA;AACrC,YAAY,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAE/C,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,YAAY,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAA;AAEnD,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAA;AACjD,YAAY,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAA;AACjD,YAAY,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAA;AACrC,YAAY,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAE/C,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAA;AACrC,YAAY,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAE/C,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,YAAY,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAA;AAEnD,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAA;AACrD,YAAY,EAAC,sBAAsB,EAAC,MAAM,qBAAqB,CAAA;AAE/D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAA;AACzD,YAAY,EAAC,wBAAwB,EAAC,MAAM,uBAAuB,CAAA"}

package/esm/Link/Link.js CHANGED Viewed

@@ -1,7 +1,7 @@
 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 { ExpandableArrow as n } from "../ExpandableArrow/ExpandableArrow.js";
+import { LinkExternalIcon as r } from "../node_modules/@primer/octicons-react/dist/index.esm.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";
@@ -42,7 +42,7 @@ function m({ size: l = "medium", variant: u = "default", className: d, children:
 		onBlur: k,
 		...x,
 		children: [
-			b === "start" && !h && /* @__PURE__ */ s(r, {
+			b === "start" && !h && /* @__PURE__ */ s(n, {
 				className: i["Link-arrow"],
 				expanded: S || w,
 				reverse: !0,
@@ -54,12 +54,12 @@ function m({ size: l = "medium", variant: u = "default", className: d, children:
 				className: e(i["Link--label"]),
 				children: m
 			}),
-			b === "end" && !h && /* @__PURE__ */ s(r, {
+			b === "end" && !h && /* @__PURE__ */ s(n, {
 				className: i["Link-arrow"],
 				expanded: S || w,
 				hidden: !0
 			}),
-			h && /* @__PURE__ */ s(n, {
+			h && /* @__PURE__ */ s(r, {
 				size: p[l],
 				"aria-label": "External link"
 			})

package/esm/LogoSuite/LogoSuite.js CHANGED Viewed

@@ -3,8 +3,8 @@ 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 { Button as o } from "../Button/Button.js";
+import { PauseIcon as s, PlayIcon as c } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
 import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes-B8ia26TA.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";
@@ -64,20 +64,20 @@ var y = {
 		type: "button",
 		onClick: n,
 		"aria-label": e ? "Pause animation" : "Play animation",
-		children: _(e ? o : s, {})
+		children: _(e ? s : c, {})
 	});
-}, 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");
+}, w = d(({ className: t, children: r, gap: i = "default", marquee: a = !1, marqueeSpeed: s = "normal", variant: c = "muted", takeoverButton: u, ...d }, m) => {
+	let g = n(), [b, x] = h(() => a && !g && s !== "idle");
 	p(() => {
-		x(a && !g && o !== "idle");
+		x(a && !g && s !== "idle");
 	}, [
 		a,
 		g,
-		o
+		s
 	]), 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),
+		className: e(l.LogoSuite__logobar, l[`LogoSuite__logobar--variant-${c}`], l[`LogoSuite__logobar--gap-${i}`], t),
 		...d
 	}, [w, T] = h(!1), E = f(() => {
 		T(!0);
@@ -88,7 +88,7 @@ var y = {
 		let { className: t, label: n, ref: r, ...i } = u;
 		return /* @__PURE__ */ _("div", {
 			className: l["LogoSuite__logobar-takeoverButtonContainer"],
-			children: /* @__PURE__ */ _(c, {
+			children: /* @__PURE__ */ _(o, {
 				as: "a",
 				variant: "primary",
 				className: e(l["LogoSuite__logobar-takeoverButton"], t),
@@ -107,13 +107,13 @@ var y = {
 				onFocus: E,
 				onBlur: D,
 				children: [/* @__PURE__ */ _("div", {
-					className: e(l["LogoSuite__logobar-marqueeGroup"], l[`LogoSuite__logobar-marqueeGroup--speed-${o}`]),
+					className: e(l["LogoSuite__logobar-marqueeGroup"], l[`LogoSuite__logobar-marqueeGroup--speed-${s}`]),
 					"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}`]),
+					className: e(l["LogoSuite__logobar-marqueeGroup"], l[`LogoSuite__logobar-marqueeGroup--speed-${s}`]),
 					children: r
 				})]
 			}), /* @__PURE__ */ _(C, {

package/esm/LogoSuite/LogoSuite.module-BCbX-lfy.css ADDED Viewed

@@ -0,0 +1 @@

+ .Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ{padding-block-end:var(--brand-LogoSuite-logobar-rowGap)}.Primer_Brand__LogoSuite-module__LogoSuite--default___mbLiN+.Primer_Brand__LogoSuite-module__LogoSuite--default___mbLiN{padding-block-start:var(--brand-LogoSuite-logobar-rowGap)}.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ:not(:has(.Primer_Brand__LogoSuite-module__LogoSuite__description___J_Sms)) .Primer_Brand__LogoSuite-module__LogoSuite__heading___PsSGL{font-family:var(--brand-fontStack-monospace);font-weight:var(--brand-text-weight-100);font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100);letter-spacing:var(--brand-text-letterSpacing-100);text-transform:uppercase;color:var(--brand-color-text-muted)}.Primer_Brand__LogoSuite-module__LogoSuite__heading___PsSGL+.Primer_Brand__LogoSuite-module__LogoSuite__description___J_Sms{padding-block-start:var(--base-size-16)}.Primer_Brand__LogoSuite-module__LogoSuite--start___zqwlX{text-align:left}.Primer_Brand__LogoSuite-module__LogoSuite--center___j119b,.Primer_Brand__LogoSuite-module__LogoSuite--justify___MTk0u{text-align:center}.Primer_Brand__LogoSuite-module__LogoSuite--default___mbLiN:not(.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ+.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ) .Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC{padding-block-start:var(--base-size-32)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC{row-gap:var(--brand-LogoSuite-logobar-rowGap);flex-wrap:wrap;justify-content:center;display:flex}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--gap-default___sGwUx{--marquee-gap:var(--brand-LogoSuite-logobar-marquee-gap-default);-moz-column-gap:var(--brand-LogoSuite-logobar-columnGap-default);column-gap:var(--brand-LogoSuite-logobar-columnGap-default)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--gap-condensed___T86E8{--marquee-gap:var(--brand-LogoSuite-logobar-marquee-gap-condensed);-moz-column-gap:var(--brand-LogoSuite-logobar-columnGap-condensed);column-gap:var(--brand-LogoSuite-logobar-columnGap-condensed)}.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ:not(.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ+.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ) .Primer_Brand__LogoSuite-module__LogoSuite__heading___PsSGL:not(.Primer_Brand__LogoSuite-module__LogoSuite__heading--visually-hidden___oZzlO)+.Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC,.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ:not(.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ+.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ) .Primer_Brand__LogoSuite-module__LogoSuite__description___J_Sms+.Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC{margin-block-start:var(--base-size-44);padding-block-start:0}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___iM9ru svg,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___iM9ru img,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___iM9ru a,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___yvuYR svg,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___yvuYR img,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___yvuYR a{width:auto;height:var(--base-size-32)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC img{display:block}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___iM9ru svg,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___iM9ru path{fill:var(--brand-LogoSuite-color-logo-muted)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___iM9ru img{filter:var(--brand-LogoSuite-color-logo-filter-muted)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___yvuYR svg,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___yvuYR path{fill:var(--brand-LogoSuite-color-logo-emphasis)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___yvuYR img{filter:var(--brand-LogoSuite-color-logo-filter-emphasis)}.Primer_Brand__LogoSuite-module__LogoSuite--start___zqwlX .Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC{justify-content:center}@media screen and (width>=48rem){.Primer_Brand__LogoSuite-module__LogoSuite--justify___MTk0u .Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC{justify-content:space-between}}.Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC a:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:var(--base-size-2);border-radius:var(--base-size-4)}.Primer_Brand__LogoSuite-module__LogoSuite--hasDivider___Wj8u_{border-bottom:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-marquee___tyW6K{align-items:center;gap:var(--base-size-24);flex-direction:row;max-width:100vw;margin:auto;display:flex;position:relative}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___bUhyS{justify-content:space-around;align-items:center;gap:var(--marquee-gap);min-width:100%;animation-name:Primer_Brand__LogoSuite-module__LogobarScrollX___eGhi4;animation-duration:var(--brand-LogoSuite-logobar-marquee-default);flex-shrink:0;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal;animation-play-state:running;animation-fill-mode:none;display:flex}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup--speed-default___nsm9D{animation-duration:var(--brand-LogoSuite-logobar-marquee-default)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup--speed-slow___NZHrb{animation-duration:var(--brand-LogoSuite-logobar-marquee-slow)}@keyframes Primer_Brand__LogoSuite-module__LogobarScrollX___eGhi4{0%{transform:translate(0)}to{transform:translateX(calc(-100% - var(--marquee-gap)))}}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee____s6pK:hover .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___bUhyS,.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee____s6pK:focus-within .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___bUhyS{animation-play-state:paused}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee____s6pK{padding-block:var(--base-size-4);-webkit-user-select:none;user-select:none;gap:var(--marquee-gap);flex:1;min-width:0;display:flex;overflow:hidden visible;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--paused___7p9ka *{animation-play-state:paused!important}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee--focused___zizoE .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___bUhyS{animation-name:none}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___KDfie{cursor:pointer;width:var(--base-size-32);height:var(--base-size-32);border-radius:var(--base-size-48);border:none;border:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);background-color:var(--brand-LogoSuite-color-control-rest);transition:background-color var(--brand-animation-duration-faster);flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___KDfie:hover{background-color:var(--brand-LogoSuite-color-control-hover)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___KDfie:focus-visible{outline:var(--base-size-4) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___KDfie svg{width:var(--base-size-16);height:var(--base-size-16);fill:var(--brand-color-text-muted)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___KDfie path{fill:var(--brand-color-text-muted)}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16{padding:0}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__content____8K_Y{gap:0;padding-inline:0}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__textContainer___OB63e{padding:var(--base-size-20);flex-direction:column;justify-content:center;display:flex}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC{margin-block-start:auto}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___RcqbC{padding:var(--base-size-32) var(--base-size-20) var(--base-size-32);flex-direction:column;justify-content:center;display:flex}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC,.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-marquee___tyW6K{width:100%;max-width:none}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__heading___PsSGL+.Primer_Brand__LogoSuite-module__LogoSuite__description___J_Sms{padding-block-start:var(--base-size-8)}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC{padding-block-start:0}@media screen and (width>=48rem){.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16{padding-inline:91px}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___RcqbC{padding:var(--base-size-40)}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__content____8K_Y{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__textContainer___OB63e{border-inline-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}@media screen and (width>=64rem){.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16{padding-inline:0}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__content____8K_Y{max-width:1280px}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__textContainer___OB63e{text-align:left;padding:var(--base-size-64)}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___RcqbC{padding:var(--base-size-64)}}@media screen and (width>=1281px){.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__content____8K_Y{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___RcqbC:first-child{border-inline-start:none}}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf{position:relative;overflow:visible}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:before{content:"";inset:calc(-1 * var(--base-size-16)) 0;z-index:1;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(var(--base-size-6));transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);position:absolute}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:hover:before,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:focus-within:before{opacity:1}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:hover svg,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:focus-within svg,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:hover img,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:focus-within img{opacity:.7;transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-takeoverButtonContainer___ehoEd{opacity:0;visibility:hidden;z-index:2;transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:hover .Primer_Brand__LogoSuite-module__LogoSuite__logobar-takeoverButtonContainer___ehoEd,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:focus-within .Primer_Brand__LogoSuite-module__LogoSuite__logobar-takeoverButtonContainer___ehoEd{opacity:1;visibility:visible}

package/esm/LogoSuite/LogoSuite.module.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './LogoSuite.module-69Mthqju.css';var e = {
+import './LogoSuite.module-BCbX-lfy.css';var e = {
 	LogoSuite: "Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ",
 	"LogoSuite--default": "Primer_Brand__LogoSuite-module__LogoSuite--default___mbLiN",
 	LogoSuite__description: "Primer_Brand__LogoSuite-module__LogoSuite__description___J_Sms",

package/esm/LogoSuite/LogoSuite.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LogoSuite.module.js","names":[],"sources":["../../src/LogoSuite/LogoSuite.module.css"],"sourcesContent":[".LogoSuite {\n padding-block-end: var(--brand-LogoSuite-logobar-rowGap);\n}\n\n.LogoSuite--default + .LogoSuite--default {\n padding-block-start: var(--brand-LogoSuite-logobar-rowGap);\n}\n\n/* Small monospace heading when standalone (no description) /\n.LogoSuite:not(:has(.LogoSuite__description)) .LogoSuite__heading {\n font-family: var(--brand-fontStack-monospace);\n font-weight: var(--brand-text-weight-100);\n font-size: var(--brand-text-size-100);\n line-height: var(--brand-text-lineHeight-100);\n letter-spacing: var(--brand-text-letterSpacing-100);\n text-transform: uppercase;\n color: var(--brand-color-text-muted);\n}\n\n.LogoSuite__heading + .LogoSuite__description {\n padding-block-start: var(--base-size-16);\n}\n\n.LogoSuite--start {\n text-align: left;\n}\n\n.LogoSuite--center,\n.LogoSuite--justify {\n text-align: center;\n}\n\n.LogoSuite--default:not(.LogoSuite + .LogoSuite) .LogoSuite__logobar {\n padding-block-start: var(--base-size-32);\n}\n\n.LogoSuite__logobar {\n display: flex;\n flex-wrap: wrap;\n row-gap: var(--brand-LogoSuite-logobar-rowGap);\n justify-content: center;\n}\n\n.LogoSuite__logobar--gap-default {\n --marquee-gap: var(--brand-LogoSuite-logobar-marquee-gap-default);\n column-gap: var(--brand-LogoSuite-logobar-columnGap-default);\n}\n\n.LogoSuite__logobar--gap-condensed {\n --marquee-gap: var(--brand-LogoSuite-logobar-marquee-gap-condensed);\n column-gap: var(--brand-LogoSuite-logobar-columnGap-condensed);\n}\n\n.LogoSuite:not(.LogoSuite + .LogoSuite)\n .LogoSuite__heading:not(.LogoSuite__heading--visually-hidden)\n + .LogoSuite__logobar,\n.LogoSuite:not(.LogoSuite + .LogoSuite) .LogoSuite__description + .LogoSuite__logobar {\n padding-block-start: 0;\n margin-block-start: var(--base-size-44);\n}\n\n.LogoSuite__logobar--variant-muted svg,\n.LogoSuite__logobar--variant-muted img,\n.LogoSuite__logobar--variant-muted a,\n.LogoSuite__logobar--variant-emphasis svg,\n.LogoSuite__logobar--variant-emphasis img,\n.LogoSuite__logobar--variant-emphasis a {\n width: auto;\n height: var(--base-size-32);\n}\n\n.LogoSuite__logobar--variant-muted svg,\n.LogoSuite__logobar--variant-muted path {\n fill: var(--brand-LogoSuite-color-logo-muted);\n}\n\n.LogoSuite__logobar--variant-muted img {\n filter: var(--brand-LogoSuite-color-logo-filter-muted);\n}\n\n.LogoSuite__logobar--variant-emphasis svg,\n.LogoSuite__logobar--variant-emphasis path {\n fill: var(--brand-LogoSuite-color-logo-emphasis);\n}\n\n.LogoSuite__logobar--variant-emphasis img {\n filter: var(--brand-LogoSuite-color-logo-filter-emphasis);\n}\n\n.LogoSuite--start .LogoSuite__logobar {\n justify-content: center;\n}\n\n@media screen and (min-width: 48rem) {\n .LogoSuite--justify .LogoSuite__logobar {\n justify-content: space-between;\n }\n}\n\n.LogoSuite__logobar a:focus-visible {\n outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n outline-offset: var(--base-size-2);\n border-radius: var(--base-size-4);\n}\n\n.LogoSuite--hasDivider {\n border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.LogoSuite__logobar--has-marquee {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--base-size-24);\n margin: auto;\n max-width: 100vw;\n}\n\n.LogoSuite__logobar-marqueeGroup {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: space-around;\n gap: var(--marquee-gap);\n min-width: 100%;\n animation-name: LogobarScrollX;\n animation-duration: var(--brand-LogoSuite-logobar-marquee-default);\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n animation-direction: normal;\n animation-fill-mode: none;\n animation-play-state: running;\n}\n\n.LogoSuite__logobar-marqueeGroup--speed-default {\n animation-duration: var(--brand-LogoSuite-logobar-marquee-default);\n}\n\n.LogoSuite__logobar-marqueeGroup--speed-slow {\n animation-duration: var(--brand-LogoSuite-logobar-marquee-slow);\n}\n\n@keyframes LogobarScrollX {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(calc(-100% - var(--marquee-gap)));\n }\n}\n\n.LogoSuite__logobar-marquee:hover .LogoSuite__logobar-marqueeGroup,\n.LogoSuite__logobar-marquee:focus-within .LogoSuite__logobar-marqueeGroup {\n animation-play-state: paused;\n}\n\n.LogoSuite__logobar-marquee {\n display: flex;\n overflow-x: hidden;\n overflow-y: visible;\n padding-block: var(--base-size-4);\n user-select: none;\n gap: var(--marquee-gap);\n flex: 1;\n min-width: 0;\n -webkit-mask-image: linear-gradient(\n to right,\n hsl(0 0% 0% / 0),\n hsl(0 0% 0% / 1) 20%,\n hsl(0 0% 0% / 1) 80%,\n hsl(0 0% 0% / 0)\n );\n mask-image: linear-gradient(to right, hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0));\n}\n\n.LogoSuite__logobar--paused {\n animation-play-state: paused !important;\n}\n\n.LogoSuite__logobar-marquee--focused .LogoSuite__logobar-marqueeGroup {\n animation-name: none;\n}\n\n.LogoSuite__logobar-playPauseButton {\n cursor: pointer;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--base-size-32);\n height: var(--base-size-32);\n margin: 0;\n padding: 0;\n border: none;\n border-radius: var(--base-size-48);\n border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n background-color: var(--brand-LogoSuite-color-control-rest);\n transition: background-color var(--brand-animation-duration-faster);\n}\n\n.LogoSuite__logobar-playPauseButton:hover {\n background-color: var(--brand-LogoSuite-color-control-hover);\n}\n\n.LogoSuite__logobar-playPauseButton:focus-visible {\n outline: var(--base-size-4) solid var(--brand-color-focus);\n outline-offset: var(--base-size-2);\n}\n\n.LogoSuite__logobar-playPauseButton svg {\n width: var(--base-size-16);\n height: var(--base-size-16);\n fill: var(--brand-color-text-muted);\n}\n\n.LogoSuite__logobar-playPauseButton path {\n fill: var(--brand-color-text-muted);\n}\n\n/* Gridline expressive variant styles /\n.LogoSuite--gridline-expressive {\n padding: 0;\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__content {\n padding-inline: 0;\n gap: 0;\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__textContainer {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--base-size-20);\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__logobar {\n margin-block-start: auto;\n}\n.LogoSuite--gridline-expressive .LogoSuite__logobarContainer {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--base-size-32) var(--base-size-20) var(--base-size-32);\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__logobar,\n.LogoSuite--gridline-expressive .LogoSuite__logobar--has-marquee {\n max-width: none;\n width: 100%;\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__heading + .LogoSuite__description {\n padding-block-start: var(--base-size-8);\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__logobar {\n padding-block-start: 0;\n}\n\n@media screen and (min-width: 48rem) {\n .LogoSuite--gridline-expressive {\n padding-inline: 91px;\n }\n\n .LogoSuite--gridline-expressive .LogoSuite__logobarContainer {\n padding: var(--base-size-40);\n }\n .LogoSuite--gridline-expressive .LogoSuite__content {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n .LogoSuite--gridline-expressive .LogoSuite__textContainer {\n border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n@media screen and (min-width: 64rem) {\n .LogoSuite--gridline-expressive {\n padding-inline: 0;\n }\n\n .LogoSuite--gridline-expressive .LogoSuite__content {\n max-width: 1280px;\n }\n\n .LogoSuite--gridline-expressive .LogoSuite__textContainer {\n text-align: left;\n padding: var(--base-size-64);\n }\n\n .LogoSuite--gridline-expressive .LogoSuite__logobarContainer {\n padding: var(--base-size-64);\n }\n}\n\n@media screen and (min-width: 1281px) {\n .LogoSuite--gridline-expressive .LogoSuite__content {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n\n / When the logobar is the only column visible (no adjacent text), this removes start border /\n .LogoSuite--gridline-expressive .LogoSuite__logobarContainer:first-child {\n border-inline-start: none;\n }\n}\n\n.LogoSuite__logobar--has-takeover {\n position: relative;\n overflow: visible;\n}\n\n/ Glass blur overlay effect /\n.LogoSuite__logobar--has-takeover::before {\n content: '';\n position: absolute;\n inset: calc(-1 var(--base-size-16)) 0;\n z-index: 1;\n pointer-events: none;\n opacity: 0;\n backdrop-filter: blur(var(--base-size-6));\n -webkit-backdrop-filter: blur(var(--base-size-6));\n transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.LogoSuite__logobar--has-takeover:hover::before,\n.LogoSuite__logobar--has-takeover:focus-within::before {\n opacity: 1;\n}\n\n.LogoSuite__logobar--has-takeover:hover svg,\n.LogoSuite__logobar--has-takeover:focus-within svg,\n.LogoSuite__logobar--has-takeover:hover img,\n.LogoSuite__logobar--has-takeover:focus-within img {\n opacity: 0.7;\n transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.LogoSuite__logobar-takeoverButtonContainer {\n opacity: 0;\n visibility: hidden;\n z-index: 2;\n transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.LogoSuite__logobar--has-takeover:hover .LogoSuite__logobar-takeoverButtonContainer,\n.LogoSuite__logobar--has-takeover:focus-within .LogoSuite__logobar-takeoverButtonContainer {\n opacity: 1;\n visibility: visible;\n}\n"],"mappings":""}
1	+ {"version":3,"file":"LogoSuite.module.js","names":[],"sources":["../../src/LogoSuite/LogoSuite.module.css"],"sourcesContent":[".LogoSuite {\n padding-block-end: var(--brand-LogoSuite-logobar-rowGap);\n}\n\n.LogoSuite--default + .LogoSuite--default {\n padding-block-start: var(--brand-LogoSuite-logobar-rowGap);\n}\n\n/* Small monospace heading when standalone (no description) /\n.LogoSuite:not(:has(.LogoSuite__description)) .LogoSuite__heading {\n font-family: var(--brand-fontStack-monospace);\n font-weight: var(--brand-text-weight-100);\n font-size: var(--brand-text-size-100);\n line-height: var(--brand-text-lineHeight-100);\n letter-spacing: var(--brand-text-letterSpacing-100);\n text-transform: uppercase;\n color: var(--brand-color-text-muted);\n}\n\n.LogoSuite__heading + .LogoSuite__description {\n padding-block-start: var(--base-size-16);\n}\n\n.LogoSuite--start {\n text-align: left;\n}\n\n.LogoSuite--center,\n.LogoSuite--justify {\n text-align: center;\n}\n\n.LogoSuite--default:not(.LogoSuite + .LogoSuite) .LogoSuite__logobar {\n padding-block-start: var(--base-size-32);\n}\n\n.LogoSuite__logobar {\n display: flex;\n flex-wrap: wrap;\n row-gap: var(--brand-LogoSuite-logobar-rowGap);\n justify-content: center;\n}\n\n.LogoSuite__logobar--gap-default {\n --marquee-gap: var(--brand-LogoSuite-logobar-marquee-gap-default);\n column-gap: var(--brand-LogoSuite-logobar-columnGap-default);\n}\n\n.LogoSuite__logobar--gap-condensed {\n --marquee-gap: var(--brand-LogoSuite-logobar-marquee-gap-condensed);\n column-gap: var(--brand-LogoSuite-logobar-columnGap-condensed);\n}\n\n.LogoSuite:not(.LogoSuite + .LogoSuite)\n .LogoSuite__heading:not(.LogoSuite__heading--visually-hidden)\n + .LogoSuite__logobar,\n.LogoSuite:not(.LogoSuite + .LogoSuite) .LogoSuite__description + .LogoSuite__logobar {\n padding-block-start: 0;\n margin-block-start: var(--base-size-44);\n}\n\n.LogoSuite__logobar--variant-muted svg,\n.LogoSuite__logobar--variant-muted img,\n.LogoSuite__logobar--variant-muted a,\n.LogoSuite__logobar--variant-emphasis svg,\n.LogoSuite__logobar--variant-emphasis img,\n.LogoSuite__logobar--variant-emphasis a {\n width: auto;\n height: var(--base-size-32);\n}\n\n.LogoSuite__logobar img {\n display: block;\n}\n\n.LogoSuite__logobar--variant-muted svg,\n.LogoSuite__logobar--variant-muted path {\n fill: var(--brand-LogoSuite-color-logo-muted);\n}\n\n.LogoSuite__logobar--variant-muted img {\n filter: var(--brand-LogoSuite-color-logo-filter-muted);\n}\n\n.LogoSuite__logobar--variant-emphasis svg,\n.LogoSuite__logobar--variant-emphasis path {\n fill: var(--brand-LogoSuite-color-logo-emphasis);\n}\n\n.LogoSuite__logobar--variant-emphasis img {\n filter: var(--brand-LogoSuite-color-logo-filter-emphasis);\n}\n\n.LogoSuite--start .LogoSuite__logobar {\n justify-content: center;\n}\n\n@media screen and (min-width: 48rem) {\n .LogoSuite--justify .LogoSuite__logobar {\n justify-content: space-between;\n }\n}\n\n.LogoSuite__logobar a:focus-visible {\n outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n outline-offset: var(--base-size-2);\n border-radius: var(--base-size-4);\n}\n\n.LogoSuite--hasDivider {\n border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.LogoSuite__logobar--has-marquee {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--base-size-24);\n margin: auto;\n max-width: 100vw;\n}\n\n.LogoSuite__logobar-marqueeGroup {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: space-around;\n gap: var(--marquee-gap);\n min-width: 100%;\n animation-name: LogobarScrollX;\n animation-duration: var(--brand-LogoSuite-logobar-marquee-default);\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n animation-direction: normal;\n animation-fill-mode: none;\n animation-play-state: running;\n}\n\n.LogoSuite__logobar-marqueeGroup--speed-default {\n animation-duration: var(--brand-LogoSuite-logobar-marquee-default);\n}\n\n.LogoSuite__logobar-marqueeGroup--speed-slow {\n animation-duration: var(--brand-LogoSuite-logobar-marquee-slow);\n}\n\n@keyframes LogobarScrollX {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(calc(-100% - var(--marquee-gap)));\n }\n}\n\n.LogoSuite__logobar-marquee:hover .LogoSuite__logobar-marqueeGroup,\n.LogoSuite__logobar-marquee:focus-within .LogoSuite__logobar-marqueeGroup {\n animation-play-state: paused;\n}\n\n.LogoSuite__logobar-marquee {\n display: flex;\n overflow-x: hidden;\n overflow-y: visible;\n padding-block: var(--base-size-4);\n user-select: none;\n gap: var(--marquee-gap);\n flex: 1;\n min-width: 0;\n -webkit-mask-image: linear-gradient(\n to right,\n hsl(0 0% 0% / 0),\n hsl(0 0% 0% / 1) 20%,\n hsl(0 0% 0% / 1) 80%,\n hsl(0 0% 0% / 0)\n );\n mask-image: linear-gradient(to right, hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0));\n}\n\n.LogoSuite__logobar--paused {\n animation-play-state: paused !important;\n}\n\n.LogoSuite__logobar-marquee--focused .LogoSuite__logobar-marqueeGroup {\n animation-name: none;\n}\n\n.LogoSuite__logobar-playPauseButton {\n cursor: pointer;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--base-size-32);\n height: var(--base-size-32);\n margin: 0;\n padding: 0;\n border: none;\n border-radius: var(--base-size-48);\n border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n background-color: var(--brand-LogoSuite-color-control-rest);\n transition: background-color var(--brand-animation-duration-faster);\n}\n\n.LogoSuite__logobar-playPauseButton:hover {\n background-color: var(--brand-LogoSuite-color-control-hover);\n}\n\n.LogoSuite__logobar-playPauseButton:focus-visible {\n outline: var(--base-size-4) solid var(--brand-color-focus);\n outline-offset: var(--base-size-2);\n}\n\n.LogoSuite__logobar-playPauseButton svg {\n width: var(--base-size-16);\n height: var(--base-size-16);\n fill: var(--brand-color-text-muted);\n}\n\n.LogoSuite__logobar-playPauseButton path {\n fill: var(--brand-color-text-muted);\n}\n\n/* Gridline expressive variant styles /\n.LogoSuite--gridline-expressive {\n padding: 0;\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__content {\n padding-inline: 0;\n gap: 0;\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__textContainer {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--base-size-20);\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__logobar {\n margin-block-start: auto;\n}\n.LogoSuite--gridline-expressive .LogoSuite__logobarContainer {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--base-size-32) var(--base-size-20) var(--base-size-32);\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__logobar,\n.LogoSuite--gridline-expressive .LogoSuite__logobar--has-marquee {\n max-width: none;\n width: 100%;\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__heading + .LogoSuite__description {\n padding-block-start: var(--base-size-8);\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__logobar {\n padding-block-start: 0;\n}\n\n@media screen and (min-width: 48rem) {\n .LogoSuite--gridline-expressive {\n padding-inline: 91px;\n }\n\n .LogoSuite--gridline-expressive .LogoSuite__logobarContainer {\n padding: var(--base-size-40);\n }\n .LogoSuite--gridline-expressive .LogoSuite__content {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n .LogoSuite--gridline-expressive .LogoSuite__textContainer {\n border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n@media screen and (min-width: 64rem) {\n .LogoSuite--gridline-expressive {\n padding-inline: 0;\n }\n\n .LogoSuite--gridline-expressive .LogoSuite__content {\n max-width: 1280px;\n }\n\n .LogoSuite--gridline-expressive .LogoSuite__textContainer {\n text-align: left;\n padding: var(--base-size-64);\n }\n\n .LogoSuite--gridline-expressive .LogoSuite__logobarContainer {\n padding: var(--base-size-64);\n }\n}\n\n@media screen and (min-width: 1281px) {\n .LogoSuite--gridline-expressive .LogoSuite__content {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n\n / When the logobar is the only column visible (no adjacent text), this removes start border /\n .LogoSuite--gridline-expressive .LogoSuite__logobarContainer:first-child {\n border-inline-start: none;\n }\n}\n\n.LogoSuite__logobar--has-takeover {\n position: relative;\n overflow: visible;\n}\n\n/ Glass blur overlay effect /\n.LogoSuite__logobar--has-takeover::before {\n content: '';\n position: absolute;\n inset: calc(-1 var(--base-size-16)) 0;\n z-index: 1;\n pointer-events: none;\n opacity: 0;\n backdrop-filter: blur(var(--base-size-6));\n -webkit-backdrop-filter: blur(var(--base-size-6));\n transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.LogoSuite__logobar--has-takeover:hover::before,\n.LogoSuite__logobar--has-takeover:focus-within::before {\n opacity: 1;\n}\n\n.LogoSuite__logobar--has-takeover:hover svg,\n.LogoSuite__logobar--has-takeover:focus-within svg,\n.LogoSuite__logobar--has-takeover:hover img,\n.LogoSuite__logobar--has-takeover:focus-within img {\n opacity: 0.7;\n transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.LogoSuite__logobar-takeoverButtonContainer {\n opacity: 0;\n visibility: hidden;\n z-index: 2;\n transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.LogoSuite__logobar--has-takeover:hover .LogoSuite__logobar-takeoverButtonContainer,\n.LogoSuite__logobar--has-takeover:focus-within .LogoSuite__logobar-takeoverButtonContainer {\n opacity: 1;\n visibility: visible;\n}\n"],"mappings":""}

package/esm/MinimalFooter/MinimalFooter.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import e from "../node_modules/clsx/dist/clsx.js";
 import { Stack as t } from "../Stack/Stack.js";
 import { Text as n } from "../Text/Text.js";
-import { LogoGithubIcon as r } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
-import { ColorModesEnum as i } from "../ThemeProvider/ThemeProvider.js";
-import { useTheme as a } from "../ThemeProvider/useTheme.js";
+import { ColorModesEnum as r } from "../ThemeProvider/ThemeProvider.js";
+import { useTheme as i } from "../ThemeProvider/useTheme.js";
+import { LogoGithubIcon as a } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
 import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes-DhME9i-y.css';/* empty css                                                                                                    */
 import o from "./MinimalFooter.module.js";
 import s from "react";
@@ -162,7 +162,7 @@ var h = ({ name: e }) => {
 	}) }, e);
 };
 function g({ socialLinks: n = f, logoHref: s }) {
-	let { colorMode: c } = a();
+	let { colorMode: c } = i();
 	return /* @__PURE__ */ l("section", {
 		className: e(o.Footer__logomarks),
 		children: /* @__PURE__ */ l("div", {
@@ -180,8 +180,8 @@ function g({ socialLinks: n = f, logoHref: s }) {
 					href: s,
 					"data-analytics-event": "{\"category\":\"Footer\",\"action\":\"go to home\",\"label\":\"text:home\"}",
 					"aria-label": "GitHub",
-					children: /* @__PURE__ */ l(r, {
-						fill: c === i.DARK ? "white" : "black",
+					children: /* @__PURE__ */ l(a, {
+						fill: c === r.DARK ? "white" : "black",
 						size: "medium"
 					})
 				}) }), n ? /* @__PURE__ */ l("ul", {

package/esm/MinimalFooter/{MinimalFooter.module-DPMYigso.css → MinimalFooter.module-Cl2g38SO.css} RENAMED Viewed

	@@ -1 +1 @@
1	- .Primer_Brand__MinimalFooter-module__Footer___N646_{background-color:var(--brand-footer-bg-color);position:relative}.Primer_Brand__MinimalFooter-module__Footer__container___YiFAB{max-width:1280px;max-width:var(--brand-footer-max-width,1280px);margin-left:auto;margin-right:auto;padding:0 28px}.Primer_Brand__MinimalFooter-module__Footer__terms___0JWoT{padding:var(--base-size-48) 0}.Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9{margin-bottom:var(--base-size-24)}.Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9 sup{font-size:var(--base-size-12);vertical-align:super;margin-right:var(--base-size-4);display:inline-block}.Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9:last-child{margin-bottom:0}.Primer_Brand__MinimalFooter-module__Footer__social-links___VWTjM{justify-content:flex-start;align-items:center;gap:var(--base-size-16);margin:0;padding:0;list-style:none;display:flex}.Primer_Brand__MinimalFooter-module__Footer__logomarks___Sak80{border-top:var(--brand-borderWidth-thin) solid var(--brand-color-border-default);border-bottom:var(--brand-borderWidth-thin) solid var(--brand-color-border-default)}.Primer_Brand__MinimalFooter-module__Footer__logomarks___Sak80,.Primer_Brand__MinimalFooter-module__Footer__legal-and-links___2FEd5{padding-top:var(--base-size-48);padding-bottom:var(--base-size-48)}.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF{position:relative}.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF:before{content:"";min-width:var(--base-size-24);min-height:var(--base-size-24);display:block;position:absolute}.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF:hover .Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso,.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF:focus-visible .Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso{filter:var(--brand-footer-socialIcon-hoverFilter)}.Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso{width:24px;height:auto}[data-color-mode=light] .Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso{filter:brightness(95%)saturate()}.Primer_Brand__MinimalFooter-module__Footer__copyright___M5PJu{padding-bottom:var(--base-size-4);order:2;display:flex}@media screen and (width>=48rem){.Primer_Brand__MinimalFooter-module__Footer__copyright___M5PJu{order:1}}.Primer_Brand__MinimalFooter-module__Footer__links___7RcTo{order:1}@media screen and (width>=48rem){.Primer_Brand__MinimalFooter-module__Footer__links___7RcTo{order:2}}.Primer_Brand__MinimalFooter-module__Footer__link___lYG6f{color:var(--brand-color-text-muted);border-top:none;border-left:none;border-right:none;border-bottom:var(--brand-borderWidth-thin) solid transparent;background-color:inherit;cursor:pointer;padding:0 0 var(--base-size-4) 0;transition:border var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);align-self:flex-start;-webkit-text-decoration:none;text-decoration:none}.Primer_Brand__MinimalFooter-module__Footer__link___lYG6f:hover{color:var(--brand-color-text-default);border-bottom-color:var(--brand-color-text-muted);-webkit-text-decoration:none;text-decoration:none}@media (prefers-reduced-motion:reduce){.Primer_Brand__MinimalFooter-module__Footer___N646_,.Primer_Brand__MinimalFooter-module__Footer___N646_:before,.Primer_Brand__MinimalFooter-module__Footer___N646_:after,.Primer_Brand__MinimalFooter-module__Footer___N646_ *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
1	+ .Primer_Brand__MinimalFooter-module__Footer___N646_{background-color:var(--brand-footer-bg-color);position:relative}.Primer_Brand__MinimalFooter-module__Footer__container___YiFAB{max-width:1280px;max-width:var(--brand-footer-max-width,1280px);margin-left:auto;margin-right:auto;padding:0 28px}.Primer_Brand__MinimalFooter-module__Footer__terms___0JWoT{padding:var(--base-size-48) 0}.Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9{margin-bottom:var(--base-size-24)}.Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9 sup{font-size:var(--base-size-12);vertical-align:super;margin-right:var(--base-size-4);display:inline-block}.Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9:last-child{margin-bottom:0}.Primer_Brand__MinimalFooter-module__Footer__social-links___VWTjM{justify-content:flex-start;align-items:center;gap:var(--base-size-16);margin:0;padding:0;list-style:none;display:flex}.Primer_Brand__MinimalFooter-module__Footer__logomarks___Sak80{border-top:var(--brand-borderWidth-thin) solid var(--brand-color-border-default);border-bottom:var(--brand-borderWidth-thin) solid var(--brand-color-border-default)}.Primer_Brand__MinimalFooter-module__Footer__logomarks___Sak80,.Primer_Brand__MinimalFooter-module__Footer__legal-and-links___2FEd5{padding-top:var(--base-size-48);padding-bottom:var(--base-size-48)}.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF{position:relative}.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF:before{content:"";min-width:var(--base-size-24);min-height:var(--base-size-24);display:block;position:absolute}.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF:hover .Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso,.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF:focus-visible .Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso{filter:var(--brand-footer-socialIcon-hoverFilter)}.Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso{width:24px;height:auto;display:block}[data-color-mode=light] .Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso{filter:brightness(95%)saturate()}.Primer_Brand__MinimalFooter-module__Footer__copyright___M5PJu{padding-bottom:var(--base-size-4);order:2;display:flex}@media screen and (width>=48rem){.Primer_Brand__MinimalFooter-module__Footer__copyright___M5PJu{order:1}}.Primer_Brand__MinimalFooter-module__Footer__links___7RcTo{order:1}@media screen and (width>=48rem){.Primer_Brand__MinimalFooter-module__Footer__links___7RcTo{order:2}}.Primer_Brand__MinimalFooter-module__Footer__link___lYG6f{color:var(--brand-color-text-muted);border-top:none;border-left:none;border-right:none;border-bottom:var(--brand-borderWidth-thin) solid transparent;background-color:inherit;cursor:pointer;padding:0 0 var(--base-size-4) 0;transition:border var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);align-self:flex-start;-webkit-text-decoration:none;text-decoration:none}.Primer_Brand__MinimalFooter-module__Footer__link___lYG6f:hover{color:var(--brand-color-text-default);border-bottom-color:var(--brand-color-text-muted);-webkit-text-decoration:none;text-decoration:none}@media (prefers-reduced-motion:reduce){.Primer_Brand__MinimalFooter-module__Footer___N646_,.Primer_Brand__MinimalFooter-module__Footer___N646_:before,.Primer_Brand__MinimalFooter-module__Footer___N646_:after,.Primer_Brand__MinimalFooter-module__Footer___N646_ *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/MinimalFooter/MinimalFooter.module.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './MinimalFooter.module-DPMYigso.css';var e = {
+import './MinimalFooter.module-Cl2g38SO.css';var e = {
 	Footer: "Primer_Brand__MinimalFooter-module__Footer___N646_",
 	Footer__container: "Primer_Brand__MinimalFooter-module__Footer__container___YiFAB",
 	Footer__terms: "Primer_Brand__MinimalFooter-module__Footer__terms___0JWoT",

package/esm/MinimalFooter/MinimalFooter.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MinimalFooter.module.js","names":[],"sources":["../../src/MinimalFooter/MinimalFooter.module.css"],"sourcesContent":[".Footer {\n position: relative;\n background-color: var(--brand-footer-bg-color);\n}\n\n/*\n Footer shared styles\n /\n.Footer__container {\n max-width: var(--brand-footer-max-width, 1280px);\n padding: 0 28px; / should match SubdomainNavBar /\n margin-right: auto;\n margin-left: auto;\n}\n\n/\n Footer terms section\n /\n.Footer__terms {\n padding: var(--base-size-48) 0;\n}\n\n.Footer__terms-item {\n margin-bottom: var(--base-size-24);\n}\n\n.Footer__terms-item sup {\n font-size: var(--base-size-12);\n vertical-align: super;\n display: inline-block;\n margin-right: var(--base-size-4);\n}\n\n.Footer__terms-item:last-child {\n margin-bottom: 0;\n}\n\n/\n Footer social and logomarks section\n /\n.Footer__social-links {\n display: flex;\n padding: 0;\n margin: 0;\n list-style: none;\n justify-content: flex-start;\n align-items: center;\n gap: var(--base-size-16);\n}\n\n.Footer__logomarks {\n border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n}\n\n.Footer__logomarks,\n.Footer__legal-and-links {\n padding-top: var(--base-size-48);\n padding-bottom: var(--base-size-48);\n}\n\n.Footer__social-link {\n position: relative;\n}\n\n.Footer__social-link::before {\n content: '';\n display: block;\n position: absolute;\n min-width: var(--base-size-24);\n min-height: var(--base-size-24);\n}\n\n.Footer__social-link:hover .Footer__social-icon,\n.Footer__social-link:focus-visible .Footer__social-icon {\n filter: var(--brand-footer-socialIcon-hoverFilter);\n}\n\n.Footer__social-icon {\n width: 24px;\n height: auto;\n}\n\n[data-color-mode='light'] .Footer__social-icon {\n filter: brightness(95%) saturate(100%);\n}\n\n/\n Footer legal section\n /\n\n.Footer__copyright {\n display: flex;\n order: 2;\n padding-bottom: var(--base-size-4);\n}\n\n@media screen and (min-width: 48rem) {\n .Footer__copyright {\n order: 1;\n }\n}\n\n.Footer__links {\n order: 1;\n}\n\n@media screen and (min-width: 48rem) {\n .Footer__links {\n order: 2;\n }\n}\n\n.Footer__link {\n align-self: flex-start;\n color: var(--brand-color-text-muted);\n text-decoration: none;\n border-top: none;\n border-right: none;\n border-left: none;\n border-bottom: var(--brand-borderWidth-thin) solid transparent;\n background-color: inherit;\n cursor: pointer;\n padding: 0 0 var(--base-size-4) 0;\n transition: border var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n}\n\n.Footer__link:hover {\n color: var(--brand-color-text-default);\n border-bottom-color: var(--brand-color-text-muted);\n text-decoration: none;\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 .Footer,\n .Footer::before,\n .Footer::after,\n .Footer {\n animation: none !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"MinimalFooter.module.js","names":[],"sources":["../../src/MinimalFooter/MinimalFooter.module.css"],"sourcesContent":[".Footer {\n position: relative;\n background-color: var(--brand-footer-bg-color);\n}\n\n/*\n Footer shared styles\n /\n.Footer__container {\n max-width: var(--brand-footer-max-width, 1280px);\n padding: 0 28px; / should match SubdomainNavBar /\n margin-right: auto;\n margin-left: auto;\n}\n\n/\n Footer terms section\n /\n.Footer__terms {\n padding: var(--base-size-48) 0;\n}\n\n.Footer__terms-item {\n margin-bottom: var(--base-size-24);\n}\n\n.Footer__terms-item sup {\n font-size: var(--base-size-12);\n vertical-align: super;\n display: inline-block;\n margin-right: var(--base-size-4);\n}\n\n.Footer__terms-item:last-child {\n margin-bottom: 0;\n}\n\n/\n Footer social and logomarks section\n /\n.Footer__social-links {\n display: flex;\n padding: 0;\n margin: 0;\n list-style: none;\n justify-content: flex-start;\n align-items: center;\n gap: var(--base-size-16);\n}\n\n.Footer__logomarks {\n border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n}\n\n.Footer__logomarks,\n.Footer__legal-and-links {\n padding-top: var(--base-size-48);\n padding-bottom: var(--base-size-48);\n}\n\n.Footer__social-link {\n position: relative;\n}\n\n.Footer__social-link::before {\n content: '';\n display: block;\n position: absolute;\n min-width: var(--base-size-24);\n min-height: var(--base-size-24);\n}\n\n.Footer__social-link:hover .Footer__social-icon,\n.Footer__social-link:focus-visible .Footer__social-icon {\n filter: var(--brand-footer-socialIcon-hoverFilter);\n}\n\n.Footer__social-icon {\n display: block;\n width: 24px;\n height: auto;\n}\n\n[data-color-mode='light'] .Footer__social-icon {\n filter: brightness(95%) saturate(100%);\n}\n\n/\n Footer legal section\n /\n\n.Footer__copyright {\n display: flex;\n order: 2;\n padding-bottom: var(--base-size-4);\n}\n\n@media screen and (min-width: 48rem) {\n .Footer__copyright {\n order: 1;\n }\n}\n\n.Footer__links {\n order: 1;\n}\n\n@media screen and (min-width: 48rem) {\n .Footer__links {\n order: 2;\n }\n}\n\n.Footer__link {\n align-self: flex-start;\n color: var(--brand-color-text-muted);\n text-decoration: none;\n border-top: none;\n border-right: none;\n border-left: none;\n border-bottom: var(--brand-borderWidth-thin) solid transparent;\n background-color: inherit;\n cursor: pointer;\n padding: 0 0 var(--base-size-4) 0;\n transition: border var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n}\n\n.Footer__link:hover {\n color: var(--brand-color-text-default);\n border-bottom-color: var(--brand-color-text-muted);\n text-decoration: none;\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 .Footer,\n .Footer::before,\n .Footer::after,\n .Footer {\n animation: none !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n}\n"],"mappings":""}