@traefik-labs/faency 12.2.1 → 12.2.2

package/dist/components/Link/Link.js

@@ -1,88 +1,58 @@
 import { styled } from "../../stitches.config.js";
 import { Text } from "../Text/Text.js";
 styled("a", {
-  color: "inherit",
-  textDecoration: "inherit",
-  fontWeight: "inherit"
+	color: "inherit",
+	textDecoration: "inherit",
+	fontWeight: "inherit"
 });
-const Link = styled("a", {
-  alignItems: "center",
-  gap: "$1",
-  flexShrink: 0,
-  outline: "none",
-  textDecoration: "underline",
-  textUnderlineOffset: "3px",
-  textDecorationColor: "$slate4",
-  WebkitTapHighlightColor: "rgba(0,0,0,0)",
-  lineHeight: "inherit",
-  fontFamily: "$rubik",
-  "@hover": {
-    "&:hover": {
-      textDecorationLine: "underline"
-    }
-  },
-  "&:focus": {
-    outlineWidth: "2px",
-    outlineStyle: "solid",
-    outlineOffset: "2px",
-    textDecorationLine: "none"
-  },
-  [`& ${Text}`]: {
-    color: "inherit"
-  },
-  variants: {
-    variant: {
-      blue: {
-        color: "$linkBlue",
-        textDecoration: "none",
-        textDecorationColor: "$linkBlueTextDecoration",
-        "&:focus": {
-          outlineColor: "$linkBlueFocusOutline"
-        }
-      },
-      primary: {
-        color: "$linkPrimary",
-        textDecorationColor: "$linkPrimaryTextDecoration",
-        "@hover": {
-          "&:hover": {
-            textDecorationColor: "$linkPrimaryHoverTextDecoration"
-          }
-        },
-        "&:focus": {
-          outlineColor: "$linkPrimaryFocusOutline"
-        }
-      },
-      subtle: {
-        color: "$linkSubtle",
-        textDecorationColor: "$linkSubtleTextDecoration",
-        "@hover": {
-          "&:hover": {
-            textDecorationColor: "$linkSubtleHoverTextDecoration"
-          }
-        },
-        "&:focus": {
-          outlineColor: "$linkSubtleFocusOutline"
-        }
-      },
-      contrast: {
-        color: "$linkContrast",
-        textDecorationColor: "$linkContrastTextDecoration",
-        "@hover": {
-          "&:hover": {
-            textDecorationColor: "$linkContrastHoverTextDecoration"
-          }
-        },
-        "&:focus": {
-          outlineColor: "$linkContrastFocusOutline"
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    variant: "contrast"
-  }
+var Link = styled("a", {
+	alignItems: "center",
+	gap: "$1",
+	flexShrink: 0,
+	outline: "none",
+	textDecoration: "underline",
+	textUnderlineOffset: "3px",
+	textDecorationColor: "$slate4",
+	WebkitTapHighlightColor: "rgba(0,0,0,0)",
+	lineHeight: "inherit",
+	fontFamily: "$rubik",
+	"@hover": { "&:hover": { textDecorationLine: "underline" } },
+	"&:focus": {
+		outlineWidth: "2px",
+		outlineStyle: "solid",
+		outlineOffset: "2px",
+		textDecorationLine: "none"
+	},
+	[`& ${Text}`]: { color: "inherit" },
+	variants: { variant: {
+		blue: {
+			color: "$linkBlue",
+			textDecoration: "none",
+			textDecorationColor: "$linkBlueTextDecoration",
+			"&:focus": { outlineColor: "$linkBlueFocusOutline" }
+		},
+		primary: {
+			color: "$linkPrimary",
+			textDecorationColor: "$linkPrimaryTextDecoration",
+			"@hover": { "&:hover": { textDecorationColor: "$linkPrimaryHoverTextDecoration" } },
+			"&:focus": { outlineColor: "$linkPrimaryFocusOutline" }
+		},
+		subtle: {
+			color: "$linkSubtle",
+			textDecorationColor: "$linkSubtleTextDecoration",
+			"@hover": { "&:hover": { textDecorationColor: "$linkSubtleHoverTextDecoration" } },
+			"&:focus": { outlineColor: "$linkSubtleFocusOutline" }
+		},
+		contrast: {
+			color: "$linkContrast",
+			textDecorationColor: "$linkContrastTextDecoration",
+			"@hover": { "&:hover": { textDecorationColor: "$linkContrastHoverTextDecoration" } },
+			"&:focus": { outlineColor: "$linkContrastFocusOutline" }
+		}
+	} },
+	defaultVariants: { variant: "contrast" }
 });
-export {
-  Link
-};
-//# sourceMappingURL=Link.js.map
+//#endregion
+export { Link };
+
+//# sourceMappingURL=Link.js.map

package/dist/components/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../components/Link/Link.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\nimport { Text } from '../Text';\n\nexport const UnstyledLink = styled('a', {\n  color: 'inherit',\n  textDecoration: 'inherit',\n  fontWeight: 'inherit',\n});\n\nexport const Link = styled('a', {\n  alignItems: 'center',\n  gap: '$1',\n  flexShrink: 0,\n  outline: 'none',\n\n  textDecoration: 'underline',\n  textUnderlineOffset: '3px',\n  textDecorationColor: '$slate4',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n  lineHeight: 'inherit',\n  fontFamily: '$rubik',\n\n  '@hover': {\n    '&:hover': {\n      textDecorationLine: 'underline',\n    },\n  },\n  '&:focus': {\n    outlineWidth: '2px',\n    outlineStyle: 'solid',\n    outlineOffset: '2px',\n    textDecorationLine: 'none',\n  },\n  [`& ${Text}`]: {\n    color: 'inherit',\n  },\n  variants: {\n    variant: {\n      blue: {\n        color: '$linkBlue',\n        textDecoration: 'none',\n        textDecorationColor: '$linkBlueTextDecoration',\n        '&:focus': {\n          outlineColor: '$linkBlueFocusOutline',\n        },\n      },\n      primary: {\n        color: '$linkPrimary',\n        textDecorationColor: '$linkPrimaryTextDecoration',\n        '@hover': {\n          '&:hover': {\n            textDecorationColor: '$linkPrimaryHoverTextDecoration',\n          },\n        },\n        '&:focus': {\n          outlineColor: '$linkPrimaryFocusOutline',\n        },\n      },\n      subtle: {\n        color: '$linkSubtle',\n        textDecorationColor: '$linkSubtleTextDecoration',\n        '@hover': {\n          '&:hover': {\n            textDecorationColor: '$linkSubtleHoverTextDecoration',\n          },\n        },\n        '&:focus': {\n          outlineColor: '$linkSubtleFocusOutline',\n        },\n      },\n      contrast: {\n        color: '$linkContrast',\n        textDecorationColor: '$linkContrastTextDecoration',\n        '@hover': {\n          '&:hover': {\n            textDecorationColor: '$linkContrastHoverTextDecoration',\n          },\n        },\n        '&:focus': {\n          outlineColor: '$linkContrastFocusOutline',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'contrast',\n  },\n});\n"],"names":[],"mappings":";;AAG4B,OAAO,KAAK;AAAA,EACtC,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,YAAY;AACd,CAAC;AAEM,MAAM,OAAO,OAAO,KAAK;AAAA,EAC9B,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,SAAS;AAAA,EAET,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,yBAAyB;AAAA,EACzB,YAAY;AAAA,EACZ,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,WAAW;AAAA,MACT,oBAAoB;AAAA,IAAA;AAAA,EACtB;AAAA,EAEF,WAAW;AAAA,IACT,cAAc;AAAA,IACd,cAAc;AAAA,IACd,eAAe;AAAA,IACf,oBAAoB;AAAA,EAAA;AAAA,EAEtB,CAAC,KAAK,IAAI,EAAE,GAAG;AAAA,IACb,OAAO;AAAA,EAAA;AAAA,EAET,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,qBAAqB;AAAA,QACrB,WAAW;AAAA,UACT,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,MAEF,SAAS;AAAA,QACP,OAAO;AAAA,QACP,qBAAqB;AAAA,QACrB,UAAU;AAAA,UACR,WAAW;AAAA,YACT,qBAAqB;AAAA,UAAA;AAAA,QACvB;AAAA,QAEF,WAAW;AAAA,UACT,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,MAEF,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,qBAAqB;AAAA,QACrB,UAAU;AAAA,UACR,WAAW;AAAA,YACT,qBAAqB;AAAA,UAAA;AAAA,QACvB;AAAA,QAEF,WAAW;AAAA,UACT,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,MAEF,UAAU;AAAA,QACR,OAAO;AAAA,QACP,qBAAqB;AAAA,QACrB,UAAU;AAAA,UACR,WAAW;AAAA,YACT,qBAAqB;AAAA,UAAA;AAAA,QACvB;AAAA,QAEF,WAAW;AAAA,UACT,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC;"}
+{"version":3,"file":"Link.js","names":[],"sources":["../../../components/Link/Link.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\nimport { Text } from '../Text';\n\nexport const UnstyledLink = styled('a', {\n  color: 'inherit',\n  textDecoration: 'inherit',\n  fontWeight: 'inherit',\n});\n\nexport const Link = styled('a', {\n  alignItems: 'center',\n  gap: '$1',\n  flexShrink: 0,\n  outline: 'none',\n\n  textDecoration: 'underline',\n  textUnderlineOffset: '3px',\n  textDecorationColor: '$slate4',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n  lineHeight: 'inherit',\n  fontFamily: '$rubik',\n\n  '@hover': {\n    '&:hover': {\n      textDecorationLine: 'underline',\n    },\n  },\n  '&:focus': {\n    outlineWidth: '2px',\n    outlineStyle: 'solid',\n    outlineOffset: '2px',\n    textDecorationLine: 'none',\n  },\n  [`& ${Text}`]: {\n    color: 'inherit',\n  },\n  variants: {\n    variant: {\n      blue: {\n        color: '$linkBlue',\n        textDecoration: 'none',\n        textDecorationColor: '$linkBlueTextDecoration',\n        '&:focus': {\n          outlineColor: '$linkBlueFocusOutline',\n        },\n      },\n      primary: {\n        color: '$linkPrimary',\n        textDecorationColor: '$linkPrimaryTextDecoration',\n        '@hover': {\n          '&:hover': {\n            textDecorationColor: '$linkPrimaryHoverTextDecoration',\n          },\n        },\n        '&:focus': {\n          outlineColor: '$linkPrimaryFocusOutline',\n        },\n      },\n      subtle: {\n        color: '$linkSubtle',\n        textDecorationColor: '$linkSubtleTextDecoration',\n        '@hover': {\n          '&:hover': {\n            textDecorationColor: '$linkSubtleHoverTextDecoration',\n          },\n        },\n        '&:focus': {\n          outlineColor: '$linkSubtleFocusOutline',\n        },\n      },\n      contrast: {\n        color: '$linkContrast',\n        textDecorationColor: '$linkContrastTextDecoration',\n        '@hover': {\n          '&:hover': {\n            textDecorationColor: '$linkContrastHoverTextDecoration',\n          },\n        },\n        '&:focus': {\n          outlineColor: '$linkContrastFocusOutline',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'contrast',\n  },\n});\n"],"mappings":";;AAG4B,OAAO,KAAK;CACtC,OAAO;CACP,gBAAgB;CAChB,YAAY;CACb,CAAC;AAEF,IAAa,OAAO,OAAO,KAAK;CAC9B,YAAY;CACZ,KAAK;CACL,YAAY;CACZ,SAAS;CAET,gBAAgB;CAChB,qBAAqB;CACrB,qBAAqB;CACrB,yBAAyB;CACzB,YAAY;CACZ,YAAY;CAEZ,UAAU,EACR,WAAW,EACT,oBAAoB,aACrB,EACF;CACD,WAAW;EACT,cAAc;EACd,cAAc;EACd,eAAe;EACf,oBAAoB;EACrB;EACA,KAAK,SAAS,EACb,OAAO,WACR;CACD,UAAU,EACR,SAAS;EACP,MAAM;GACJ,OAAO;GACP,gBAAgB;GAChB,qBAAqB;GACrB,WAAW,EACT,cAAc,yBACf;GACF;EACD,SAAS;GACP,OAAO;GACP,qBAAqB;GACrB,UAAU,EACR,WAAW,EACT,qBAAqB,mCACtB,EACF;GACD,WAAW,EACT,cAAc,4BACf;GACF;EACD,QAAQ;GACN,OAAO;GACP,qBAAqB;GACrB,UAAU,EACR,WAAW,EACT,qBAAqB,kCACtB,EACF;GACD,WAAW,EACT,cAAc,2BACf;GACF;EACD,UAAU;GACR,OAAO;GACP,qBAAqB;GACrB,UAAU,EACR,WAAW,EACT,qBAAqB,oCACtB,EACF;GACD,WAAW,EACT,cAAc,6BACf;GACF;EACF,EACF;CACD,iBAAiB,EACf,SAAS,YACV;CACF,CAAC"}

package/dist/components/Link/Link.themes.cjs

@@ -1,43 +1,52 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tinycolor = require("tinycolor2");
-exports.Theme = void 0;
-((Theme2) => {
-  Theme2.getLight = (primaryColor) => ({
-    linkBlue: "$blue11",
-    linkBlueTextDecoration: "$blue7",
-    linkBlueHoverTextDecoration: "$blue11",
-    linkBlueFocusOutline: "$blue8",
-    linkContrast: "$hiContrast",
-    linkContrastTextDecoration: "$slate8",
-    linkContrastHoverTextDecoration: "$hiContrast",
-    linkContrastFocusOutline: "$slate8",
-    linkSubtle: "$deepBlue7",
-    linkSubtleTextDecoration: "$deepBlue5",
-    linkSubtleHoverTextDecoration: "$deepBlue7",
-    linkSubtleFocusOutline: "$deepBlue4",
-    linkPrimary: tinycolor(primaryColor.value).darken(26).toHslString(),
-    linkPrimaryTextDecoration: tinycolor(primaryColor.value).darken(16).toHslString(),
-    linkPrimaryHoverTextDecoration: tinycolor(primaryColor.value).darken(26).toHslString(),
-    linkPrimaryFocusOutline: tinycolor(primaryColor.value).darken(16).toHslString()
-  });
-  Theme2.getDark = (primaryColor) => ({
-    linkBlue: "$blue11",
-    linkBlueTextDecoration: "$blue8",
-    linkBlueHoverTextDecoration: "$blue11",
-    linkBlueFocusOutline: "$blue8",
-    linkContrast: "$hiContrast",
-    linkContrastTextDecoration: "$slate8",
-    linkContrastHoverTextDecoration: "$hiContrast",
-    linkContrastFocusOutline: "$slate8",
-    linkSubtle: "$deepBlue6",
-    linkSubtleTextDecoration: "$deepBlue4",
-    linkSubtleHoverTextDecoration: "$deepBlue5",
-    linkSubtleFocusOutline: "$deepBlue3",
-    linkPrimary: "$primary",
-    linkPrimaryTextDecoration: tinycolor(primaryColor.value).lighten(16).toHslString(),
-    linkPrimaryHoverTextDecoration: tinycolor(primaryColor.value).darken(20).toHslString(),
-    linkPrimaryFocusOutline: tinycolor(primaryColor.value).lighten(16).toHslString()
-  });
-})(exports.Theme || (exports.Theme = {}));
-//# sourceMappingURL=Link.themes.cjs.map
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let tinycolor2 = require("tinycolor2");
+tinycolor2 = require_runtime.__toESM(tinycolor2, 1);
+//#region components/Link/Link.themes.ts
+var Theme;
+(function(_Theme) {
+	_Theme.getLight = (primaryColor) => ({
+		linkBlue: "$blue11",
+		linkBlueTextDecoration: "$blue7",
+		linkBlueHoverTextDecoration: "$blue11",
+		linkBlueFocusOutline: "$blue8",
+		linkContrast: "$hiContrast",
+		linkContrastTextDecoration: "$slate8",
+		linkContrastHoverTextDecoration: "$hiContrast",
+		linkContrastFocusOutline: "$slate8",
+		linkSubtle: "$deepBlue7",
+		linkSubtleTextDecoration: "$deepBlue5",
+		linkSubtleHoverTextDecoration: "$deepBlue7",
+		linkSubtleFocusOutline: "$deepBlue4",
+		linkPrimary: (0, tinycolor2.default)(primaryColor.value).darken(26).toHslString(),
+		linkPrimaryTextDecoration: (0, tinycolor2.default)(primaryColor.value).darken(16).toHslString(),
+		linkPrimaryHoverTextDecoration: (0, tinycolor2.default)(primaryColor.value).darken(26).toHslString(),
+		linkPrimaryFocusOutline: (0, tinycolor2.default)(primaryColor.value).darken(16).toHslString()
+	});
+	_Theme.getDark = (primaryColor) => ({
+		linkBlue: "$blue11",
+		linkBlueTextDecoration: "$blue8",
+		linkBlueHoverTextDecoration: "$blue11",
+		linkBlueFocusOutline: "$blue8",
+		linkContrast: "$hiContrast",
+		linkContrastTextDecoration: "$slate8",
+		linkContrastHoverTextDecoration: "$hiContrast",
+		linkContrastFocusOutline: "$slate8",
+		linkSubtle: "$deepBlue6",
+		linkSubtleTextDecoration: "$deepBlue4",
+		linkSubtleHoverTextDecoration: "$deepBlue5",
+		linkSubtleFocusOutline: "$deepBlue3",
+		linkPrimary: "$primary",
+		linkPrimaryTextDecoration: (0, tinycolor2.default)(primaryColor.value).lighten(16).toHslString(),
+		linkPrimaryHoverTextDecoration: (0, tinycolor2.default)(primaryColor.value).darken(20).toHslString(),
+		linkPrimaryFocusOutline: (0, tinycolor2.default)(primaryColor.value).lighten(16).toHslString()
+	});
+})(Theme || (Theme = {}));
+//#endregion
+Object.defineProperty(exports, "Theme", {
+	enumerable: true,
+	get: function() {
+		return Theme;
+	}
+});
+
+//# sourceMappingURL=Link.themes.cjs.map

package/dist/components/Link/Link.themes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Link.themes.cjs","sources":["../../../components/Link/Link.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nexport namespace Theme {\n  type Colors = {\n    linkSubtle: Property.Color;\n    linkBlueTextDecoration: Property.Color;\n    linkBlueHoverTextDecoration: Property.Color;\n    linkBlueFocusOutline: Property.Color;\n    linkContrast: Property.Color;\n    linkContrastTextDecoration: Property.Color;\n    linkContrastHoverTextDecoration: Property.Color;\n    linkContrastFocusOutline: Property.Color;\n    linkSubtleTextDecoration: Property.Color;\n    linkSubtleHoverTextDecoration: Property.Color;\n    linkSubtleFocusOutline: Property.Color;\n    linkPrimary: Property.Color;\n    linkPrimaryTextDecoration: Property.Color;\n    linkPrimaryHoverTextDecoration: Property.Color;\n    linkPrimaryFocusOutline: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    linkBlue: '$blue11',\n    linkBlueTextDecoration: '$blue7',\n    linkBlueHoverTextDecoration: '$blue11',\n    linkBlueFocusOutline: '$blue8',\n    linkContrast: '$hiContrast',\n    linkContrastTextDecoration: '$slate8',\n    linkContrastHoverTextDecoration: '$hiContrast',\n    linkContrastFocusOutline: '$slate8',\n    linkSubtle: '$deepBlue7',\n    linkSubtleTextDecoration: '$deepBlue5',\n    linkSubtleHoverTextDecoration: '$deepBlue7',\n    linkSubtleFocusOutline: '$deepBlue4',\n    linkPrimary: tinycolor(primaryColor.value).darken(26).toHslString(),\n    linkPrimaryTextDecoration: tinycolor(primaryColor.value).darken(16).toHslString(),\n    linkPrimaryHoverTextDecoration: tinycolor(primaryColor.value).darken(26).toHslString(),\n    linkPrimaryFocusOutline: tinycolor(primaryColor.value).darken(16).toHslString(),\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    linkBlue: '$blue11',\n    linkBlueTextDecoration: '$blue8',\n    linkBlueHoverTextDecoration: '$blue11',\n    linkBlueFocusOutline: '$blue8',\n    linkContrast: '$hiContrast',\n    linkContrastTextDecoration: '$slate8',\n    linkContrastHoverTextDecoration: '$hiContrast',\n    linkContrastFocusOutline: '$slate8',\n    linkSubtle: '$deepBlue6',\n    linkSubtleTextDecoration: '$deepBlue4',\n    linkSubtleHoverTextDecoration: '$deepBlue5',\n    linkSubtleFocusOutline: '$deepBlue3',\n    linkPrimary: '$primary',\n    linkPrimaryTextDecoration: tinycolor(primaryColor.value).lighten(16).toHslString(),\n    linkPrimaryHoverTextDecoration: tinycolor(primaryColor.value).darken(20).toHslString(),\n    linkPrimaryFocusOutline: tinycolor(primaryColor.value).lighten(16).toHslString(),\n  });\n}\n"],"names":["Theme"],"mappings":";;;AAIiBA,QAAAA,QAAAA;AAAAA,CAAV,CAAUA,WAAV;AAqBQA,SAAA,WAAoB,CAAC,kBAAkB;AAAA,IAClD,UAAU;AAAA,IACV,wBAAwB;AAAA,IACxB,6BAA6B;AAAA,IAC7B,sBAAsB;AAAA,IACtB,cAAc;AAAA,IACd,4BAA4B;AAAA,IAC5B,iCAAiC;AAAA,IACjC,0BAA0B;AAAA,IAC1B,YAAY;AAAA,IACZ,0BAA0B;AAAA,IAC1B,+BAA+B;AAAA,IAC/B,wBAAwB;AAAA,IACxB,aAAa,UAAU,aAAa,KAAK,EAAE,OAAO,EAAE,EAAE,YAAA;AAAA,IACtD,2BAA2B,UAAU,aAAa,KAAK,EAAE,OAAO,EAAE,EAAE,YAAA;AAAA,IACpE,gCAAgC,UAAU,aAAa,KAAK,EAAE,OAAO,EAAE,EAAE,YAAA;AAAA,IACzE,yBAAyB,UAAU,aAAa,KAAK,EAAE,OAAO,EAAE,EAAE,YAAA;AAAA,EAAY;AAGnEA,SAAA,UAAmB,CAAC,kBAAkB;AAAA,IACjD,UAAU;AAAA,IACV,wBAAwB;AAAA,IACxB,6BAA6B;AAAA,IAC7B,sBAAsB;AAAA,IACtB,cAAc;AAAA,IACd,4BAA4B;AAAA,IAC5B,iCAAiC;AAAA,IACjC,0BAA0B;AAAA,IAC1B,YAAY;AAAA,IACZ,0BAA0B;AAAA,IAC1B,+BAA+B;AAAA,IAC/B,wBAAwB;AAAA,IACxB,aAAa;AAAA,IACb,2BAA2B,UAAU,aAAa,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAA;AAAA,IACrE,gCAAgC,UAAU,aAAa,KAAK,EAAE,OAAO,EAAE,EAAE,YAAA;AAAA,IACzE,yBAAyB,UAAU,aAAa,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAA;AAAA,EAAY;AACjF,GAzDeA,QAAAA,UAAAA,gBAAA,CAAA,EAAA;"}
+{"version":3,"file":"Link.themes.cjs","names":[],"sources":["../../../components/Link/Link.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nexport namespace Theme {\n  type Colors = {\n    linkSubtle: Property.Color;\n    linkBlueTextDecoration: Property.Color;\n    linkBlueHoverTextDecoration: Property.Color;\n    linkBlueFocusOutline: Property.Color;\n    linkContrast: Property.Color;\n    linkContrastTextDecoration: Property.Color;\n    linkContrastHoverTextDecoration: Property.Color;\n    linkContrastFocusOutline: Property.Color;\n    linkSubtleTextDecoration: Property.Color;\n    linkSubtleHoverTextDecoration: Property.Color;\n    linkSubtleFocusOutline: Property.Color;\n    linkPrimary: Property.Color;\n    linkPrimaryTextDecoration: Property.Color;\n    linkPrimaryHoverTextDecoration: Property.Color;\n    linkPrimaryFocusOutline: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    linkBlue: '$blue11',\n    linkBlueTextDecoration: '$blue7',\n    linkBlueHoverTextDecoration: '$blue11',\n    linkBlueFocusOutline: '$blue8',\n    linkContrast: '$hiContrast',\n    linkContrastTextDecoration: '$slate8',\n    linkContrastHoverTextDecoration: '$hiContrast',\n    linkContrastFocusOutline: '$slate8',\n    linkSubtle: '$deepBlue7',\n    linkSubtleTextDecoration: '$deepBlue5',\n    linkSubtleHoverTextDecoration: '$deepBlue7',\n    linkSubtleFocusOutline: '$deepBlue4',\n    linkPrimary: tinycolor(primaryColor.value).darken(26).toHslString(),\n    linkPrimaryTextDecoration: tinycolor(primaryColor.value).darken(16).toHslString(),\n    linkPrimaryHoverTextDecoration: tinycolor(primaryColor.value).darken(26).toHslString(),\n    linkPrimaryFocusOutline: tinycolor(primaryColor.value).darken(16).toHslString(),\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    linkBlue: '$blue11',\n    linkBlueTextDecoration: '$blue8',\n    linkBlueHoverTextDecoration: '$blue11',\n    linkBlueFocusOutline: '$blue8',\n    linkContrast: '$hiContrast',\n    linkContrastTextDecoration: '$slate8',\n    linkContrastHoverTextDecoration: '$hiContrast',\n    linkContrastFocusOutline: '$slate8',\n    linkSubtle: '$deepBlue6',\n    linkSubtleTextDecoration: '$deepBlue4',\n    linkSubtleHoverTextDecoration: '$deepBlue5',\n    linkSubtleFocusOutline: '$deepBlue3',\n    linkPrimary: '$primary',\n    linkPrimaryTextDecoration: tinycolor(primaryColor.value).lighten(16).toHslString(),\n    linkPrimaryHoverTextDecoration: tinycolor(primaryColor.value).darken(20).toHslString(),\n    linkPrimaryFocusOutline: tinycolor(primaryColor.value).lighten(16).toHslString(),\n  });\n}\n"],"mappings":";;;;AAIO,IAAA;;AAqBQ,QAAA,YAAqB,kBAAkB;EAClD,UAAU;EACV,wBAAwB;EACxB,6BAA6B;EAC7B,sBAAsB;EACtB,cAAc;EACd,4BAA4B;EAC5B,iCAAiC;EACjC,0BAA0B;EAC1B,YAAY;EACZ,0BAA0B;EAC1B,+BAA+B;EAC/B,wBAAwB;EACxB,cAAA,GAAA,WAAA,SAAuB,aAAa,MAAM,CAAC,OAAO,GAAG,CAAC,aAAa;EACnE,4BAAA,GAAA,WAAA,SAAqC,aAAa,MAAM,CAAC,OAAO,GAAG,CAAC,aAAa;EACjF,iCAAA,GAAA,WAAA,SAA0C,aAAa,MAAM,CAAC,OAAO,GAAG,CAAC,aAAa;EACtF,0BAAA,GAAA,WAAA,SAAmC,aAAa,MAAM,CAAC,OAAO,GAAG,CAAC,aAAa;EAChF;AAEY,QAAA,WAAoB,kBAAkB;EACjD,UAAU;EACV,wBAAwB;EACxB,6BAA6B;EAC7B,sBAAsB;EACtB,cAAc;EACd,4BAA4B;EAC5B,iCAAiC;EACjC,0BAA0B;EAC1B,YAAY;EACZ,0BAA0B;EAC1B,+BAA+B;EAC/B,wBAAwB;EACxB,aAAa;EACb,4BAAA,GAAA,WAAA,SAAqC,aAAa,MAAM,CAAC,QAAQ,GAAG,CAAC,aAAa;EAClF,iCAAA,GAAA,WAAA,SAA0C,aAAa,MAAM,CAAC,OAAO,GAAG,CAAC,aAAa;EACtF,0BAAA,GAAA,WAAA,SAAmC,aAAa,MAAM,CAAC,QAAQ,GAAG,CAAC,aAAa;EACjF;yBACF"}

package/dist/components/Link/Link.themes.js

@@ -1,44 +1,45 @@
 import tinycolor from "tinycolor2";
+//#region components/Link/Link.themes.ts
 var Theme;
-((Theme2) => {
-  Theme2.getLight = (primaryColor) => ({
-    linkBlue: "$blue11",
-    linkBlueTextDecoration: "$blue7",
-    linkBlueHoverTextDecoration: "$blue11",
-    linkBlueFocusOutline: "$blue8",
-    linkContrast: "$hiContrast",
-    linkContrastTextDecoration: "$slate8",
-    linkContrastHoverTextDecoration: "$hiContrast",
-    linkContrastFocusOutline: "$slate8",
-    linkSubtle: "$deepBlue7",
-    linkSubtleTextDecoration: "$deepBlue5",
-    linkSubtleHoverTextDecoration: "$deepBlue7",
-    linkSubtleFocusOutline: "$deepBlue4",
-    linkPrimary: tinycolor(primaryColor.value).darken(26).toHslString(),
-    linkPrimaryTextDecoration: tinycolor(primaryColor.value).darken(16).toHslString(),
-    linkPrimaryHoverTextDecoration: tinycolor(primaryColor.value).darken(26).toHslString(),
-    linkPrimaryFocusOutline: tinycolor(primaryColor.value).darken(16).toHslString()
-  });
-  Theme2.getDark = (primaryColor) => ({
-    linkBlue: "$blue11",
-    linkBlueTextDecoration: "$blue8",
-    linkBlueHoverTextDecoration: "$blue11",
-    linkBlueFocusOutline: "$blue8",
-    linkContrast: "$hiContrast",
-    linkContrastTextDecoration: "$slate8",
-    linkContrastHoverTextDecoration: "$hiContrast",
-    linkContrastFocusOutline: "$slate8",
-    linkSubtle: "$deepBlue6",
-    linkSubtleTextDecoration: "$deepBlue4",
-    linkSubtleHoverTextDecoration: "$deepBlue5",
-    linkSubtleFocusOutline: "$deepBlue3",
-    linkPrimary: "$primary",
-    linkPrimaryTextDecoration: tinycolor(primaryColor.value).lighten(16).toHslString(),
-    linkPrimaryHoverTextDecoration: tinycolor(primaryColor.value).darken(20).toHslString(),
-    linkPrimaryFocusOutline: tinycolor(primaryColor.value).lighten(16).toHslString()
-  });
+(function(_Theme) {
+	_Theme.getLight = (primaryColor) => ({
+		linkBlue: "$blue11",
+		linkBlueTextDecoration: "$blue7",
+		linkBlueHoverTextDecoration: "$blue11",
+		linkBlueFocusOutline: "$blue8",
+		linkContrast: "$hiContrast",
+		linkContrastTextDecoration: "$slate8",
+		linkContrastHoverTextDecoration: "$hiContrast",
+		linkContrastFocusOutline: "$slate8",
+		linkSubtle: "$deepBlue7",
+		linkSubtleTextDecoration: "$deepBlue5",
+		linkSubtleHoverTextDecoration: "$deepBlue7",
+		linkSubtleFocusOutline: "$deepBlue4",
+		linkPrimary: tinycolor(primaryColor.value).darken(26).toHslString(),
+		linkPrimaryTextDecoration: tinycolor(primaryColor.value).darken(16).toHslString(),
+		linkPrimaryHoverTextDecoration: tinycolor(primaryColor.value).darken(26).toHslString(),
+		linkPrimaryFocusOutline: tinycolor(primaryColor.value).darken(16).toHslString()
+	});
+	_Theme.getDark = (primaryColor) => ({
+		linkBlue: "$blue11",
+		linkBlueTextDecoration: "$blue8",
+		linkBlueHoverTextDecoration: "$blue11",
+		linkBlueFocusOutline: "$blue8",
+		linkContrast: "$hiContrast",
+		linkContrastTextDecoration: "$slate8",
+		linkContrastHoverTextDecoration: "$hiContrast",
+		linkContrastFocusOutline: "$slate8",
+		linkSubtle: "$deepBlue6",
+		linkSubtleTextDecoration: "$deepBlue4",
+		linkSubtleHoverTextDecoration: "$deepBlue5",
+		linkSubtleFocusOutline: "$deepBlue3",
+		linkPrimary: "$primary",
+		linkPrimaryTextDecoration: tinycolor(primaryColor.value).lighten(16).toHslString(),
+		linkPrimaryHoverTextDecoration: tinycolor(primaryColor.value).darken(20).toHslString(),
+		linkPrimaryFocusOutline: tinycolor(primaryColor.value).lighten(16).toHslString()
+	});
 })(Theme || (Theme = {}));
-export {
-  Theme
-};
-//# sourceMappingURL=Link.themes.js.map
+//#endregion
+export { Theme };
+
+//# sourceMappingURL=Link.themes.js.map

package/dist/components/Link/Link.themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.themes.js","sources":["../../../components/Link/Link.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nexport namespace Theme {\n  type Colors = {\n    linkSubtle: Property.Color;\n    linkBlueTextDecoration: Property.Color;\n    linkBlueHoverTextDecoration: Property.Color;\n    linkBlueFocusOutline: Property.Color;\n    linkContrast: Property.Color;\n    linkContrastTextDecoration: Property.Color;\n    linkContrastHoverTextDecoration: Property.Color;\n    linkContrastFocusOutline: Property.Color;\n    linkSubtleTextDecoration: Property.Color;\n    linkSubtleHoverTextDecoration: Property.Color;\n    linkSubtleFocusOutline: Property.Color;\n    linkPrimary: Property.Color;\n    linkPrimaryTextDecoration: Property.Color;\n    linkPrimaryHoverTextDecoration: Property.Color;\n    linkPrimaryFocusOutline: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    linkBlue: '$blue11',\n    linkBlueTextDecoration: '$blue7',\n    linkBlueHoverTextDecoration: '$blue11',\n    linkBlueFocusOutline: '$blue8',\n    linkContrast: '$hiContrast',\n    linkContrastTextDecoration: '$slate8',\n    linkContrastHoverTextDecoration: '$hiContrast',\n    linkContrastFocusOutline: '$slate8',\n    linkSubtle: '$deepBlue7',\n    linkSubtleTextDecoration: '$deepBlue5',\n    linkSubtleHoverTextDecoration: '$deepBlue7',\n    linkSubtleFocusOutline: '$deepBlue4',\n    linkPrimary: tinycolor(primaryColor.value).darken(26).toHslString(),\n    linkPrimaryTextDecoration: tinycolor(primaryColor.value).darken(16).toHslString(),\n    linkPrimaryHoverTextDecoration: tinycolor(primaryColor.value).darken(26).toHslString(),\n    linkPrimaryFocusOutline: tinycolor(primaryColor.value).darken(16).toHslString(),\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    linkBlue: '$blue11',\n    linkBlueTextDecoration: '$blue8',\n    linkBlueHoverTextDecoration: '$blue11',\n    linkBlueFocusOutline: '$blue8',\n    linkContrast: '$hiContrast',\n    linkContrastTextDecoration: '$slate8',\n    linkContrastHoverTextDecoration: '$hiContrast',\n    linkContrastFocusOutline: '$slate8',\n    linkSubtle: '$deepBlue6',\n    linkSubtleTextDecoration: '$deepBlue4',\n    linkSubtleHoverTextDecoration: '$deepBlue5',\n    linkSubtleFocusOutline: '$deepBlue3',\n    linkPrimary: '$primary',\n    linkPrimaryTextDecoration: tinycolor(primaryColor.value).lighten(16).toHslString(),\n    linkPrimaryHoverTextDecoration: tinycolor(primaryColor.value).darken(20).toHslString(),\n    linkPrimaryFocusOutline: tinycolor(primaryColor.value).lighten(16).toHslString(),\n  });\n}\n"],"names":["Theme"],"mappings":";AAIO,IAAU;AAAA,CAAV,CAAUA,WAAV;AAqBQA,SAAA,WAAoB,CAAC,kBAAkB;AAAA,IAClD,UAAU;AAAA,IACV,wBAAwB;AAAA,IACxB,6BAA6B;AAAA,IAC7B,sBAAsB;AAAA,IACtB,cAAc;AAAA,IACd,4BAA4B;AAAA,IAC5B,iCAAiC;AAAA,IACjC,0BAA0B;AAAA,IAC1B,YAAY;AAAA,IACZ,0BAA0B;AAAA,IAC1B,+BAA+B;AAAA,IAC/B,wBAAwB;AAAA,IACxB,aAAa,UAAU,aAAa,KAAK,EAAE,OAAO,EAAE,EAAE,YAAA;AAAA,IACtD,2BAA2B,UAAU,aAAa,KAAK,EAAE,OAAO,EAAE,EAAE,YAAA;AAAA,IACpE,gCAAgC,UAAU,aAAa,KAAK,EAAE,OAAO,EAAE,EAAE,YAAA;AAAA,IACzE,yBAAyB,UAAU,aAAa,KAAK,EAAE,OAAO,EAAE,EAAE,YAAA;AAAA,EAAY;AAGnEA,SAAA,UAAmB,CAAC,kBAAkB;AAAA,IACjD,UAAU;AAAA,IACV,wBAAwB;AAAA,IACxB,6BAA6B;AAAA,IAC7B,sBAAsB;AAAA,IACtB,cAAc;AAAA,IACd,4BAA4B;AAAA,IAC5B,iCAAiC;AAAA,IACjC,0BAA0B;AAAA,IAC1B,YAAY;AAAA,IACZ,0BAA0B;AAAA,IAC1B,+BAA+B;AAAA,IAC/B,wBAAwB;AAAA,IACxB,aAAa;AAAA,IACb,2BAA2B,UAAU,aAAa,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAA;AAAA,IACrE,gCAAgC,UAAU,aAAa,KAAK,EAAE,OAAO,EAAE,EAAE,YAAA;AAAA,IACzE,yBAAyB,UAAU,aAAa,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAA;AAAA,EAAY;AACjF,GAzDe,UAAA,QAAA,CAAA,EAAA;"}
+{"version":3,"file":"Link.themes.js","names":[],"sources":["../../../components/Link/Link.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nexport namespace Theme {\n  type Colors = {\n    linkSubtle: Property.Color;\n    linkBlueTextDecoration: Property.Color;\n    linkBlueHoverTextDecoration: Property.Color;\n    linkBlueFocusOutline: Property.Color;\n    linkContrast: Property.Color;\n    linkContrastTextDecoration: Property.Color;\n    linkContrastHoverTextDecoration: Property.Color;\n    linkContrastFocusOutline: Property.Color;\n    linkSubtleTextDecoration: Property.Color;\n    linkSubtleHoverTextDecoration: Property.Color;\n    linkSubtleFocusOutline: Property.Color;\n    linkPrimary: Property.Color;\n    linkPrimaryTextDecoration: Property.Color;\n    linkPrimaryHoverTextDecoration: Property.Color;\n    linkPrimaryFocusOutline: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    linkBlue: '$blue11',\n    linkBlueTextDecoration: '$blue7',\n    linkBlueHoverTextDecoration: '$blue11',\n    linkBlueFocusOutline: '$blue8',\n    linkContrast: '$hiContrast',\n    linkContrastTextDecoration: '$slate8',\n    linkContrastHoverTextDecoration: '$hiContrast',\n    linkContrastFocusOutline: '$slate8',\n    linkSubtle: '$deepBlue7',\n    linkSubtleTextDecoration: '$deepBlue5',\n    linkSubtleHoverTextDecoration: '$deepBlue7',\n    linkSubtleFocusOutline: '$deepBlue4',\n    linkPrimary: tinycolor(primaryColor.value).darken(26).toHslString(),\n    linkPrimaryTextDecoration: tinycolor(primaryColor.value).darken(16).toHslString(),\n    linkPrimaryHoverTextDecoration: tinycolor(primaryColor.value).darken(26).toHslString(),\n    linkPrimaryFocusOutline: tinycolor(primaryColor.value).darken(16).toHslString(),\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    linkBlue: '$blue11',\n    linkBlueTextDecoration: '$blue8',\n    linkBlueHoverTextDecoration: '$blue11',\n    linkBlueFocusOutline: '$blue8',\n    linkContrast: '$hiContrast',\n    linkContrastTextDecoration: '$slate8',\n    linkContrastHoverTextDecoration: '$hiContrast',\n    linkContrastFocusOutline: '$slate8',\n    linkSubtle: '$deepBlue6',\n    linkSubtleTextDecoration: '$deepBlue4',\n    linkSubtleHoverTextDecoration: '$deepBlue5',\n    linkSubtleFocusOutline: '$deepBlue3',\n    linkPrimary: '$primary',\n    linkPrimaryTextDecoration: tinycolor(primaryColor.value).lighten(16).toHslString(),\n    linkPrimaryHoverTextDecoration: tinycolor(primaryColor.value).darken(20).toHslString(),\n    linkPrimaryFocusOutline: tinycolor(primaryColor.value).lighten(16).toHslString(),\n  });\n}\n"],"mappings":";;AAIO,IAAA;;AAqBQ,QAAA,YAAqB,kBAAkB;EAClD,UAAU;EACV,wBAAwB;EACxB,6BAA6B;EAC7B,sBAAsB;EACtB,cAAc;EACd,4BAA4B;EAC5B,iCAAiC;EACjC,0BAA0B;EAC1B,YAAY;EACZ,0BAA0B;EAC1B,+BAA+B;EAC/B,wBAAwB;EACxB,aAAa,UAAU,aAAa,MAAM,CAAC,OAAO,GAAG,CAAC,aAAa;EACnE,2BAA2B,UAAU,aAAa,MAAM,CAAC,OAAO,GAAG,CAAC,aAAa;EACjF,gCAAgC,UAAU,aAAa,MAAM,CAAC,OAAO,GAAG,CAAC,aAAa;EACtF,yBAAyB,UAAU,aAAa,MAAM,CAAC,OAAO,GAAG,CAAC,aAAa;EAChF;AAEY,QAAA,WAAoB,kBAAkB;EACjD,UAAU;EACV,wBAAwB;EACxB,6BAA6B;EAC7B,sBAAsB;EACtB,cAAc;EACd,4BAA4B;EAC5B,iCAAiC;EACjC,0BAA0B;EAC1B,YAAY;EACZ,0BAA0B;EAC1B,+BAA+B;EAC/B,wBAAwB;EACxB,aAAa;EACb,2BAA2B,UAAU,aAAa,MAAM,CAAC,QAAQ,GAAG,CAAC,aAAa;EAClF,gCAAgC,UAAU,aAAa,MAAM,CAAC,OAAO,GAAG,CAAC,aAAa;EACtF,yBAAyB,UAAU,aAAa,MAAM,CAAC,QAAQ,GAAG,CAAC,aAAa;EACjF;yBACF"}