@guardian/stand 0.0.40 → 0.0.42

package/dist/components/IntendedAudienceSignifier/FlagIcons.js

@@ -1,9 +1,113 @@
-import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-
-const ukFlag = jsxs("svg", { height: "12px", xmlns: "http://www.w3.org/2000/svg", id: "flag-icons-gb", viewBox: "0 0 640 480", children: [jsx("path", { fill: "#012169", d: "M0 0h640v480H0z" }), jsx("path", { fill: "#FFF", d: "m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z" }), jsx("path", { fill: "#C8102E", d: "m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z" }), jsx("path", { fill: "#FFF", d: "M241 0v480h160V0zM0 160v160h640V160z" }), jsx("path", { fill: "#C8102E", d: "M0 193v96h640v-96zM273 0v480h96V0z" })] });
-const usFlag = jsxs("svg", { height: "12px", xmlns: "http://www.w3.org/2000/svg", id: "flag-icons-us", viewBox: "0 0 640 480", children: [jsx("path", { fill: "#bd3d44", d: "M0 0h640v480H0" }), jsx("path", { stroke: "#fff", strokeWidth: "37", d: "M0 55.3h640M0 129h640M0 203h640M0 277h640M0 351h640M0 425h640" }), jsx("path", { fill: "#192f5d", d: "M0 0h364.8v258.5H0" }), jsx("marker", { id: "us-a", markerHeight: "30", markerWidth: "30", children: jsx("path", { fill: "#fff", d: "m14 0 9 27L0 10h28L5 27z" }) }), jsx("path", { fill: "none", markerMid: "url(#us-a)", d: "m0 0 16 11h61 61 61 61 60L47 37h61 61 60 61L16 63h61 61 61 61 60L47 89h61 61 60 61L16 115h61 61 61 61 60L47 141h61 61 60 61L16 166h61 61 61 61 60L47 192h61 61 60 61L16 218h61 61 61 61 60z" })] });
-const auFlag = jsxs("svg", { height: "12px", xmlns: "http://www.w3.org/2000/svg", id: "flag-icons-au", viewBox: "0 0 640 480", children: [jsx("path", { fill: "#00008B", d: "M0 0h640v480H0z" }), jsx("path", { fill: "#fff", d: "m37.5 0 122 90.5L281 0h39v31l-120 89.5 120 89V240h-40l-120-89.5L40.5 240H0v-30l119.5-89L0 32V0z" }), jsx("path", { fill: "red", d: "M212 140.5 320 220v20l-135.5-99.5zm-92 10 3 17.5-96 72H0zM320 0v1.5l-124.5 94 1-22L295 0zM0 0l119.5 88h-30L0 21z" }), jsx("path", { fill: "#fff", d: "M120.5 0v240h80V0zM0 80v80h320V80z" }), jsx("path", { fill: "red", d: "M0 96.5v48h320v-48zM136.5 0v240h48V0z" }), jsx("path", { fill: "#fff", d: "m527 396.7-20.5 2.6 2.2 20.5-14.8-14.4-14.7 14.5 2-20.5-20.5-2.4 17.3-11.2-10.9-17.5 19.6 6.5 6.9-19.5 7.1 19.4 19.5-6.7-10.7 17.6zm-3.7-117.2 2.7-13-9.8-9 13.2-1.5 5.5-12.1 5.5 12.1 13.2 1.5-9.8 9 2.7 13-11.6-6.6zm-104.1-60-20.3 2.2 1.8 20.3-14.4-14.5-14.8 14.1 2.4-20.3-20.2-2.7 17.3-10.8-10.5-17.5 19.3 6.8L387 178l6.7 19.3 19.4-6.3-10.9 17.3 17.1 11.2ZM623 186.7l-20.9 2.7 2.3 20.9-15.1-14.7-15 14.8 2.1-21-20.9-2.4 17.7-11.5-11.1-17.9 20 6.7 7-19.8 7.2 19.8 19.9-6.9-11 18zm-96.1-83.5-20.7 2.3 1.9 20.8-14.7-14.8-15.1 14.4 2.4-20.7-20.7-2.8 17.7-11L467 73.5l19.7 6.9 7.3-19.5 6.8 19.7 19.8-6.5-11.1 17.6zM234 385.7l-45.8 5.4 4.6 45.9-32.8-32.4-33 32.2 4.9-45.9-45.8-5.8 38.9-24.8-24-39.4 43.6 15 15.8-43.4 15.5 43.5 43.7-14.7-24.3 39.2 38.8 25.1Z" })] });
-const globeIcon = jsx("svg", { width: "12px", height: "12px", fill: "#000000", viewBox: "0 0 16 16", children: jsx("path", { d: "M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0M3.668 2.501l-.288.646a.847.847 0 0 0 1.479.815l.245-.368a.81.81 0 0 1 1.034-.275.81.81 0 0 0 .724 0l.261-.13a1 1 0 0 1 .775-.05l.984.34q.118.04.243.054c.784.093.855.377.694.801-.155.41-.616.617-1.035.487l-.01-.003C8.274 4.663 7.748 4.5 6 4.5 4.8 4.5 3.5 5.62 3.5 7c0 1.96.826 2.166 1.696 2.382.46.115.935.233 1.304.618.449.467.393 1.181.339 1.877C6.755 12.96 6.674 14 8.5 14c1.75 0 3-3.5 3-4.5 0-.262.208-.468.444-.7.396-.392.87-.86.556-1.8-.097-.291-.396-.568-.641-.756-.174-.133-.207-.396-.052-.551a.33.33 0 0 1 .42-.042l1.085.724c.11.072.255.058.348-.035.15-.15.415-.083.489.117.16.43.445 1.05.849 1.357L15 8A7 7 0 1 1 3.668 2.501" }) });
-const DoubleChevronRightSvg = jsxs("svg", { width: "12", height: "12", viewBox: "0 0 9 7", xmlns: "http://www.w3.org/2000/svg", children: [jsx("path", { d: "M5.75 0H3.5L6 3.5L3.5 7H5.75L8.25 3.5L5.75 0Z" }), jsx("path", { d: "M2.25 0H0L2.5 3.5L0 7H2.25L4.75 3.5L2.25 0Z" })] });
-
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+//#region src/components/IntendedAudienceSignifier/FlagIcons.tsx
+const ukFlag = /* @__PURE__ */ jsxs("svg", {
+	height: "12px",
+	xmlns: "http://www.w3.org/2000/svg",
+	id: "flag-icons-gb",
+	viewBox: "0 0 640 480",
+	children: [
+		/* @__PURE__ */ jsx("path", {
+			fill: "#012169",
+			d: "M0 0h640v480H0z"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fill: "#FFF",
+			d: "m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fill: "#C8102E",
+			d: "m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fill: "#FFF",
+			d: "M241 0v480h160V0zM0 160v160h640V160z"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fill: "#C8102E",
+			d: "M0 193v96h640v-96zM273 0v480h96V0z"
+		})
+	]
+});
+const usFlag = /* @__PURE__ */ jsxs("svg", {
+	height: "12px",
+	xmlns: "http://www.w3.org/2000/svg",
+	id: "flag-icons-us",
+	viewBox: "0 0 640 480",
+	children: [
+		/* @__PURE__ */ jsx("path", {
+			fill: "#bd3d44",
+			d: "M0 0h640v480H0"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			stroke: "#fff",
+			strokeWidth: "37",
+			d: "M0 55.3h640M0 129h640M0 203h640M0 277h640M0 351h640M0 425h640"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fill: "#192f5d",
+			d: "M0 0h364.8v258.5H0"
+		}),
+		/* @__PURE__ */ jsx("marker", {
+			id: "us-a",
+			markerHeight: "30",
+			markerWidth: "30",
+			children: /* @__PURE__ */ jsx("path", {
+				fill: "#fff",
+				d: "m14 0 9 27L0 10h28L5 27z"
+			})
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fill: "none",
+			markerMid: "url(#us-a)",
+			d: "m0 0 16 11h61 61 61 61 60L47 37h61 61 60 61L16 63h61 61 61 61 60L47 89h61 61 60 61L16 115h61 61 61 61 60L47 141h61 61 60 61L16 166h61 61 61 61 60L47 192h61 61 60 61L16 218h61 61 61 61 60z"
+		})
+	]
+});
+const auFlag = /* @__PURE__ */ jsxs("svg", {
+	height: "12px",
+	xmlns: "http://www.w3.org/2000/svg",
+	id: "flag-icons-au",
+	viewBox: "0 0 640 480",
+	children: [
+		/* @__PURE__ */ jsx("path", {
+			fill: "#00008B",
+			d: "M0 0h640v480H0z"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fill: "#fff",
+			d: "m37.5 0 122 90.5L281 0h39v31l-120 89.5 120 89V240h-40l-120-89.5L40.5 240H0v-30l119.5-89L0 32V0z"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fill: "red",
+			d: "M212 140.5 320 220v20l-135.5-99.5zm-92 10 3 17.5-96 72H0zM320 0v1.5l-124.5 94 1-22L295 0zM0 0l119.5 88h-30L0 21z"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fill: "#fff",
+			d: "M120.5 0v240h80V0zM0 80v80h320V80z"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fill: "red",
+			d: "M0 96.5v48h320v-48zM136.5 0v240h48V0z"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fill: "#fff",
+			d: "m527 396.7-20.5 2.6 2.2 20.5-14.8-14.4-14.7 14.5 2-20.5-20.5-2.4 17.3-11.2-10.9-17.5 19.6 6.5 6.9-19.5 7.1 19.4 19.5-6.7-10.7 17.6zm-3.7-117.2 2.7-13-9.8-9 13.2-1.5 5.5-12.1 5.5 12.1 13.2 1.5-9.8 9 2.7 13-11.6-6.6zm-104.1-60-20.3 2.2 1.8 20.3-14.4-14.5-14.8 14.1 2.4-20.3-20.2-2.7 17.3-10.8-10.5-17.5 19.3 6.8L387 178l6.7 19.3 19.4-6.3-10.9 17.3 17.1 11.2ZM623 186.7l-20.9 2.7 2.3 20.9-15.1-14.7-15 14.8 2.1-21-20.9-2.4 17.7-11.5-11.1-17.9 20 6.7 7-19.8 7.2 19.8 19.9-6.9-11 18zm-96.1-83.5-20.7 2.3 1.9 20.8-14.7-14.8-15.1 14.4 2.4-20.7-20.7-2.8 17.7-11L467 73.5l19.7 6.9 7.3-19.5 6.8 19.7 19.8-6.5-11.1 17.6zM234 385.7l-45.8 5.4 4.6 45.9-32.8-32.4-33 32.2 4.9-45.9-45.8-5.8 38.9-24.8-24-39.4 43.6 15 15.8-43.4 15.5 43.5 43.7-14.7-24.3 39.2 38.8 25.1Z"
+		})
+	]
+});
+const globeIcon = /* @__PURE__ */ jsx("svg", {
+	width: "12px",
+	height: "12px",
+	fill: "#000000",
+	viewBox: "0 0 16 16",
+	children: /* @__PURE__ */ jsx("path", { d: "M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0M3.668 2.501l-.288.646a.847.847 0 0 0 1.479.815l.245-.368a.81.81 0 0 1 1.034-.275.81.81 0 0 0 .724 0l.261-.13a1 1 0 0 1 .775-.05l.984.34q.118.04.243.054c.784.093.855.377.694.801-.155.41-.616.617-1.035.487l-.01-.003C8.274 4.663 7.748 4.5 6 4.5 4.8 4.5 3.5 5.62 3.5 7c0 1.96.826 2.166 1.696 2.382.46.115.935.233 1.304.618.449.467.393 1.181.339 1.877C6.755 12.96 6.674 14 8.5 14c1.75 0 3-3.5 3-4.5 0-.262.208-.468.444-.7.396-.392.87-.86.556-1.8-.097-.291-.396-.568-.641-.756-.174-.133-.207-.396-.052-.551a.33.33 0 0 1 .42-.042l1.085.724c.11.072.255.058.348-.035.15-.15.415-.083.489.117.16.43.445 1.05.849 1.357L15 8A7 7 0 1 1 3.668 2.501" })
+});
+const DoubleChevronRightSvg = /* @__PURE__ */ jsxs("svg", {
+	width: "12",
+	height: "12",
+	viewBox: "0 0 9 7",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: [/* @__PURE__ */ jsx("path", { d: "M5.75 0H3.5L6 3.5L3.5 7H5.75L8.25 3.5L5.75 0Z" }), /* @__PURE__ */ jsx("path", { d: "M2.25 0H0L2.5 3.5L0 7H2.25L4.75 3.5L2.25 0Z" })]
+});
+//#endregion
 export { DoubleChevronRightSvg, auFlag, globeIcon, ukFlag, usFlag };

package/dist/components/IntendedAudienceSignifier/IntendedAudienceSignifier.cjs

@@ -1,98 +1,61 @@
-'use strict';
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var mergeDeep = require('../../util/mergeDeep.cjs');
-var FlagIcons = require('./FlagIcons.cjs');
-var styles = require('./styles.cjs');
-
-const sourceIcons = {
-  UK: FlagIcons.ukFlag,
-  US: FlagIcons.usFlag,
-  AUS: FlagIcons.auFlag,
-  Global: FlagIcons.globeIcon
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_mergeDeep = require("../../util/mergeDeep.cjs");
+const require_FlagIcons = require("./FlagIcons.cjs");
+const require_styles = require("./styles.cjs");
+let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
+//#region src/components/IntendedAudienceSignifier/IntendedAudienceSignifier.tsx
+const icons = {
+	UK: require_FlagIcons.ukFlag,
+	US: require_FlagIcons.usFlag,
+	AUS: require_FlagIcons.auFlag,
+	global: require_FlagIcons.globeIcon
 };
-const getSourceIconElement = (source, audience) => {
-  if (audience === "Global") {
-    return FlagIcons.globeIcon;
-  }
-  return sourceIcons[source];
+const getSourceDescription = (source) => {
+	switch (source) {
+		case "global": return "Global";
+		case "UK":
+		case "US":
+		case "AUS": return source;
+	}
 };
-const getIntendedAudienceIconElement = (source, audience) => {
-  if (audience === "Domestic for Domestic") {
-    return getSourceIconElement(source, audience);
-  }
-  if (audience === "Global" || audience === "Domestic For Global") {
-    return FlagIcons.globeIcon;
-  }
-  return sourceIcons[audience];
-};
-const getSourceDescription = (source, audience) => {
-  switch (audience) {
-    case "Global":
-      return "Global";
-    case "Domestic For Global":
-    case "Domestic for Domestic":
-    case "UK":
-    case "US":
-    case "AUS":
-      return source;
-  }
-};
-const getAudienceDescription = (source, audience) => {
-  switch (audience) {
-    case "Global":
-    case "Domestic For Global":
-      return "Global";
-    case "Domestic for Domestic":
-      return "Domestic";
-    case "UK":
-    case "US":
-    case "AUS":
-      return audience === source ? "Domestic" : audience;
-  }
-};
-const getSignifierDescription = (source, audience) => {
-  return `${getSourceDescription(source, audience)} article for ${getAudienceDescription(source, audience)} audience`;
+const getTargetDescription = (source, target) => {
+	switch (target) {
+		case "global": return "Global";
+		case "UK":
+		case "US":
+		case "AUS": return target === source ? "Domestic" : target;
+	}
 };
 const AUDIENCE_NOT_KNOWN_DESCRIPTION = "Intended audience unknown";
-function IntendedAudienceSignifier({
-  source,
-  intendedAudience,
-  theme = {},
-  cssOverrides,
-  className,
-  ...props
-}) {
-  const mergedTheme = mergeDeep.mergeDeep(styles.defaultIntendedAudienceSignifierTheme, theme);
-  if (intendedAudience === "Don't know") {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ...props,
-        className,
-        css: [styles.intendedAudienceSignifierStyles(mergedTheme), cssOverrides],
-        "aria-label": AUDIENCE_NOT_KNOWN_DESCRIPTION,
-        children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Don\u2018t know" })
-      }
-    );
-  }
-  const iconStyles = styles.intendedAudienceSignifierIconStyles(mergedTheme);
-  const chevronIconStyles = styles.intendedAudienceSignifierChevronIconStyles(mergedTheme);
-  const description = getSignifierDescription(source, intendedAudience);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ...props,
-      className,
-      css: [styles.intendedAudienceSignifierStyles(mergedTheme), cssOverrides],
-      "aria-label": description,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { css: iconStyles, children: getSourceIconElement(source, intendedAudience) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { css: chevronIconStyles, children: FlagIcons.DoubleChevronRightSvg }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { css: iconStyles, children: getIntendedAudienceIconElement(source, intendedAudience) })
-      ]
-    }
-  );
+const getSignifierDescription = (source, target) => {
+	if (!source || !target) return AUDIENCE_NOT_KNOWN_DESCRIPTION;
+	return `${getSourceDescription(source)} article for ${getTargetDescription(source, target)} audience`;
+};
+function IntendedAudienceSignifier({ source, target, theme = {}, cssOverrides, className, ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultIntendedAudienceSignifierTheme, theme);
+	const description = getSignifierDescription(source, target);
+	const iconStyles = require_styles.intendedAudienceSignifierIconStyles(mergedTheme);
+	const chevronIconStyles = require_styles.intendedAudienceSignifierChevronIconStyles(mergedTheme);
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
+		...props,
+		className,
+		css: [require_styles.intendedAudienceSignifierStyles(mergedTheme), cssOverrides],
+		"aria-label": description,
+		children: target && source ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(_emotion_react_jsx_runtime.Fragment, { children: [
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
+				css: iconStyles,
+				children: icons[source]
+			}),
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
+				css: chevronIconStyles,
+				children: require_FlagIcons.DoubleChevronRightSvg
+			}),
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
+				css: iconStyles,
+				children: icons[target]
+			})
+		] }) : /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", { children: "Don‘t know" })
+	});
 }
-
+//#endregion
 exports.IntendedAudienceSignifier = IntendedAudienceSignifier;

package/dist/components/IntendedAudienceSignifier/IntendedAudienceSignifier.d.cts

@@ -0,0 +1,13 @@
+import { IntendedAudienceSignifierProps } from "./types.cjs";
+
+//#region src/components/IntendedAudienceSignifier/IntendedAudienceSignifier.d.ts
+declare function IntendedAudienceSignifier({
+  source,
+  target,
+  theme,
+  cssOverrides,
+  className,
+  ...props
+}: IntendedAudienceSignifierProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { IntendedAudienceSignifier };

package/dist/components/IntendedAudienceSignifier/IntendedAudienceSignifier.d.ts

@@ -0,0 +1,13 @@
+import { IntendedAudienceSignifierProps } from "./types.js";
+
+//#region src/components/IntendedAudienceSignifier/IntendedAudienceSignifier.d.ts
+declare function IntendedAudienceSignifier({
+  source,
+  target,
+  theme,
+  cssOverrides,
+  className,
+  ...props
+}: IntendedAudienceSignifierProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { IntendedAudienceSignifier };

package/dist/components/IntendedAudienceSignifier/IntendedAudienceSignifier.js

@@ -1,67 +1,60 @@
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-import { mergeDeep } from '../../util/mergeDeep.js';
-import { DoubleChevronRightSvg, globeIcon, auFlag, usFlag, ukFlag } from './FlagIcons.js';
-import { defaultIntendedAudienceSignifierTheme, intendedAudienceSignifierStyles, intendedAudienceSignifierIconStyles, intendedAudienceSignifierChevronIconStyles } from './styles.js';
-
-const sourceIcons = {
-  UK: ukFlag,
-  US: usFlag,
-  AUS: auFlag,
-  Global: globeIcon
+import { mergeDeep } from "../../util/mergeDeep.js";
+import { DoubleChevronRightSvg, auFlag, globeIcon, ukFlag, usFlag } from "./FlagIcons.js";
+import { defaultIntendedAudienceSignifierTheme, intendedAudienceSignifierChevronIconStyles, intendedAudienceSignifierIconStyles, intendedAudienceSignifierStyles } from "./styles.js";
+import { Fragment, jsx, jsxs } from "@emotion/react/jsx-runtime";
+//#region src/components/IntendedAudienceSignifier/IntendedAudienceSignifier.tsx
+const icons = {
+	UK: ukFlag,
+	US: usFlag,
+	AUS: auFlag,
+	global: globeIcon
 };
-const getSourceIconElement = (source, audience) => {
-  if (audience === "Global") {
-    return globeIcon;
-  }
-  return sourceIcons[source];
+const getSourceDescription = (source) => {
+	switch (source) {
+		case "global": return "Global";
+		case "UK":
+		case "US":
+		case "AUS": return source;
+	}
 };
-const getIntendedAudienceIconElement = (source, audience) => {
-  if (audience === "Domestic for Domestic") {
-    return getSourceIconElement(source, audience);
-  }
-  if (audience === "Global" || audience === "Domestic For Global") {
-    return globeIcon;
-  }
-  return sourceIcons[audience];
-};
-const getSourceDescription = (source, audience) => {
-  switch (audience) {
-    case "Global":
-      return "Global";
-    case "Domestic For Global":
-    case "Domestic for Domestic":
-    case "UK":
-    case "US":
-    case "AUS":
-      return source;
-  }
-};
-const getAudienceDescription = (source, audience) => {
-  switch (audience) {
-    case "Global":
-    case "Domestic For Global":
-      return "Global";
-    case "Domestic for Domestic":
-      return "Domestic";
-    case "UK":
-    case "US":
-    case "AUS":
-      return audience === source ? "Domestic" : audience;
-  }
-};
-const getSignifierDescription = (source, audience) => {
-  return `${getSourceDescription(source, audience)} article for ${getAudienceDescription(source, audience)} audience`;
+const getTargetDescription = (source, target) => {
+	switch (target) {
+		case "global": return "Global";
+		case "UK":
+		case "US":
+		case "AUS": return target === source ? "Domestic" : target;
+	}
 };
 const AUDIENCE_NOT_KNOWN_DESCRIPTION = "Intended audience unknown";
-function IntendedAudienceSignifier({ source, intendedAudience, theme = {}, cssOverrides, className, ...props }) {
-  const mergedTheme = mergeDeep(defaultIntendedAudienceSignifierTheme, theme);
-  if (intendedAudience === "Don't know") {
-    return jsx("div", { ...props, className, css: [intendedAudienceSignifierStyles(mergedTheme), cssOverrides], "aria-label": AUDIENCE_NOT_KNOWN_DESCRIPTION, children: jsx("span", { children: "Don\u2018t know" }) });
-  }
-  const iconStyles = intendedAudienceSignifierIconStyles(mergedTheme);
-  const chevronIconStyles = intendedAudienceSignifierChevronIconStyles(mergedTheme);
-  const description = getSignifierDescription(source, intendedAudience);
-  return jsxs("div", { ...props, className, css: [intendedAudienceSignifierStyles(mergedTheme), cssOverrides], "aria-label": description, children: [jsx("div", { css: iconStyles, children: getSourceIconElement(source, intendedAudience) }), jsx("div", { css: chevronIconStyles, children: DoubleChevronRightSvg }), jsx("div", { css: iconStyles, children: getIntendedAudienceIconElement(source, intendedAudience) })] });
+const getSignifierDescription = (source, target) => {
+	if (!source || !target) return AUDIENCE_NOT_KNOWN_DESCRIPTION;
+	return `${getSourceDescription(source)} article for ${getTargetDescription(source, target)} audience`;
+};
+function IntendedAudienceSignifier({ source, target, theme = {}, cssOverrides, className, ...props }) {
+	const mergedTheme = mergeDeep(defaultIntendedAudienceSignifierTheme, theme);
+	const description = getSignifierDescription(source, target);
+	const iconStyles = intendedAudienceSignifierIconStyles(mergedTheme);
+	const chevronIconStyles = intendedAudienceSignifierChevronIconStyles(mergedTheme);
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className,
+		css: [intendedAudienceSignifierStyles(mergedTheme), cssOverrides],
+		"aria-label": description,
+		children: target && source ? /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx("div", {
+				css: iconStyles,
+				children: icons[source]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				css: chevronIconStyles,
+				children: DoubleChevronRightSvg
+			}),
+			/* @__PURE__ */ jsx("div", {
+				css: iconStyles,
+				children: icons[target]
+			})
+		] }) : /* @__PURE__ */ jsx("span", { children: "Don‘t know" })
+	});
 }
-
+//#endregion
 export { IntendedAudienceSignifier };

package/dist/components/IntendedAudienceSignifier/styles.cjs

@@ -1,10 +1,9 @@
-'use strict';
-
-var react = require('@emotion/react');
-var intendedAudienceSignifier = require('../../styleD/build/typescript/component/intendedAudienceSignifier.cjs');
-
-const defaultIntendedAudienceSignifierTheme = intendedAudienceSignifier.componentIntendedAudienceSignifier;
-const intendedAudienceSignifierStyles = (theme) => react.css`
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_intendedAudienceSignifier = require("../../styleD/build/typescript/component/intendedAudienceSignifier.cjs");
+let _emotion_react = require("@emotion/react");
+//#region src/components/IntendedAudienceSignifier/styles.ts
+const defaultIntendedAudienceSignifierTheme = require_intendedAudienceSignifier.componentIntendedAudienceSignifier;
+const intendedAudienceSignifierStyles = (theme) => _emotion_react.css`
 	display: ${theme.display};
 	flex-direction: ${theme.flexDirection};
 	justify-content: ${theme.justifyContent};
@@ -21,14 +20,14 @@ const intendedAudienceSignifierStyles = (theme) => react.css`
 	width: ${theme.width};
 	gap: ${theme.gap};
 `;
-const intendedAudienceSignifierIconStyles = (theme) => react.css`
+const intendedAudienceSignifierIconStyles = (theme) => _emotion_react.css`
 	display: flex;
 	svg {
 		height: ${theme.svg.height};
 		width: ${theme.svg.width};
 	}
 `;
-const intendedAudienceSignifierChevronIconStyles = (theme) => react.css`
+const intendedAudienceSignifierChevronIconStyles = (theme) => _emotion_react.css`
 	display: flex;
 	svg {
 		height: ${theme.chevron.size};
@@ -38,7 +37,7 @@ const intendedAudienceSignifierChevronIconStyles = (theme) => react.css`
 		fill: ${theme.chevron.fill};
 	}
 `;
-
+//#endregion
 exports.defaultIntendedAudienceSignifierTheme = defaultIntendedAudienceSignifierTheme;
 exports.intendedAudienceSignifierChevronIconStyles = intendedAudienceSignifierChevronIconStyles;
 exports.intendedAudienceSignifierIconStyles = intendedAudienceSignifierIconStyles;

package/dist/components/IntendedAudienceSignifier/styles.d.cts

@@ -0,0 +1,8 @@
+import { Prettify } from "../../util/types.cjs";
+import { ComponentIntendedAudienceSignifier } from "../../styleD/build/typescript/component/intendedAudienceSignifier.cjs";
+import { SerializedStyles } from "@emotion/react";
+
+//#region src/components/IntendedAudienceSignifier/styles.d.ts
+type IntendedAudienceSignifierTheme = Prettify<ComponentIntendedAudienceSignifier>;
+//#endregion
+export { IntendedAudienceSignifierTheme };

package/dist/components/IntendedAudienceSignifier/styles.d.ts

@@ -0,0 +1,8 @@
+import { Prettify } from "../../util/types.js";
+import { ComponentIntendedAudienceSignifier } from "../../styleD/build/typescript/component/intendedAudienceSignifier.js";
+import { SerializedStyles } from "@emotion/react";
+
+//#region src/components/IntendedAudienceSignifier/styles.d.ts
+type IntendedAudienceSignifierTheme = Prettify<ComponentIntendedAudienceSignifier>;
+//#endregion
+export { IntendedAudienceSignifierTheme };

package/dist/components/IntendedAudienceSignifier/styles.js

@@ -1,6 +1,6 @@
-import { css } from '@emotion/react';
-import { componentIntendedAudienceSignifier } from '../../styleD/build/typescript/component/intendedAudienceSignifier.js';
-
+import { componentIntendedAudienceSignifier } from "../../styleD/build/typescript/component/intendedAudienceSignifier.js";
+import { css } from "@emotion/react";
+//#region src/components/IntendedAudienceSignifier/styles.ts
 const defaultIntendedAudienceSignifierTheme = componentIntendedAudienceSignifier;
 const intendedAudienceSignifierStyles = (theme) => css`
 	display: ${theme.display};
@@ -36,5 +36,5 @@ const intendedAudienceSignifierChevronIconStyles = (theme) => css`
 		fill: ${theme.chevron.fill};
 	}
 `;
-
+//#endregion
 export { defaultIntendedAudienceSignifierTheme, intendedAudienceSignifierChevronIconStyles, intendedAudienceSignifierIconStyles, intendedAudienceSignifierStyles };

package/dist/components/IntendedAudienceSignifier/types.d.cts

@@ -0,0 +1,11 @@
+import { DefaultProps } from "../../util/types.cjs";
+import { IntendedAudienceSignifierTheme } from "./styles.cjs";
+
+//#region src/components/IntendedAudienceSignifier/types.d.ts
+type SourceOrTarget = 'global' | 'UK' | 'US' | 'AUS';
+interface IntendedAudienceSignifierProps extends DefaultProps<IntendedAudienceSignifierTheme> {
+  source?: SourceOrTarget;
+  target?: SourceOrTarget;
+}
+//#endregion
+export { IntendedAudienceSignifierProps };

package/dist/components/IntendedAudienceSignifier/types.d.ts

@@ -0,0 +1,11 @@
+import { DefaultProps } from "../../util/types.js";
+import { IntendedAudienceSignifierTheme } from "./styles.js";
+
+//#region src/components/IntendedAudienceSignifier/types.d.ts
+type SourceOrTarget = 'global' | 'UK' | 'US' | 'AUS';
+interface IntendedAudienceSignifierProps extends DefaultProps<IntendedAudienceSignifierTheme> {
+  source?: SourceOrTarget;
+  target?: SourceOrTarget;
+}
+//#endregion
+export { IntendedAudienceSignifierProps };