@traefik-labs/faency 12.2.1 → 12.2.3

package/dist/stitches.config.js

@@ -1,276 +1,273 @@
-import { createStitches } from "@stitches/react";
-import { lightColors, darkColors } from "./colors/index.js";
-import { Theme as Theme$l } from "./components/Accordion/Accordion.themes.js";
-import { Theme as Theme$k } from "./components/Badge/Badge.themes.js";
-import { Theme as Theme$j } from "./components/Button/Button.themes.js";
-import { Theme as Theme$i } from "./components/ButtonSwitch/ButtonSwitch.themes.js";
-import { Theme as Theme$g } from "./components/Card/Card.themes.js";
-import { Theme as Theme$f } from "./components/Checkbox/Checkbox.themes.js";
-import { Theme as Theme$e } from "./components/CodeBlock/CodeBlock.themes.js";
-import { Theme as Theme$5 } from "./components/Dialog/Dialog.themes.js";
-import { Theme as Theme$1 } from "./components/Heading/Heading.themes.js";
-import { Theme as Theme$4 } from "./components/IconButton/IconButton.themes.js";
-import { Theme as Theme$a } from "./components/Input/Input.themes.js";
-import { Theme as Theme$d } from "./components/Link/Link.themes.js";
-import { Theme as Theme$c } from "./components/List/List.themes.js";
-import { Theme as Theme$m } from "./components/Navigation/Navigation.themes.js";
-import { Theme as Theme$b } from "./components/Radio/Radio.themes.js";
-import { Theme as Theme$7 } from "./components/Select/Select.themes.js";
-import { Theme } from "./components/SidePanel/SidePanel.themes.js";
-import { Theme as Theme$6 } from "./components/Skeleton/Skeleton.themes.js";
-import { Theme as Theme$h } from "./components/Switch/Switch.themes.js";
-import { Theme as Theme$9 } from "./components/Table/Table.themes.js";
-import { Theme as Theme$8 } from "./components/Text/Text.themes.js";
-import { Theme as Theme$2 } from "./components/Textarea/Textarea.themes.js";
-import { Theme as Theme$3 } from "./components/Tooltip/Tooltip.themes.js";
+import { darkColors, lightColors } from "./colors/index.js";
+import { Theme } from "./components/Accordion/Accordion.themes.js";
+import { Theme as Theme$1 } from "./components/Badge/Badge.themes.js";
+import { Theme as Theme$2 } from "./components/Button/Button.themes.js";
+import { Theme as Theme$3 } from "./components/ButtonSwitch/ButtonSwitch.themes.js";
+import { Theme as Theme$4 } from "./components/Card/Card.themes.js";
+import { Theme as Theme$5 } from "./components/Checkbox/Checkbox.themes.js";
+import { Theme as Theme$6 } from "./components/CodeBlock/CodeBlock.themes.js";
+import { Theme as Theme$7 } from "./components/Dialog/Dialog.themes.js";
+import { Theme as Theme$8 } from "./components/Heading/Heading.themes.js";
+import { Theme as Theme$9 } from "./components/IconButton/IconButton.themes.js";
+import { Theme as Theme$10 } from "./components/Input/Input.themes.js";
+import { Theme as Theme$11 } from "./components/Link/Link.themes.js";
+import { Theme as Theme$12 } from "./components/List/List.themes.js";
+import { Theme as Theme$13 } from "./components/Navigation/Navigation.themes.js";
+import { Theme as Theme$14 } from "./components/Radio/Radio.themes.js";
+import { Theme as Theme$15 } from "./components/Select/Select.themes.js";
+import { Theme as Theme$16 } from "./components/SidePanel/SidePanel.themes.js";
+import { Theme as Theme$17 } from "./components/Skeleton/Skeleton.themes.js";
+import { Theme as Theme$18 } from "./components/Switch/Switch.themes.js";
+import { Theme as Theme$19 } from "./components/Table/Table.themes.js";
+import { Theme as Theme$20 } from "./components/Text/Text.themes.js";
+import { Theme as Theme$21 } from "./components/Textarea/Textarea.themes.js";
+import { Theme as Theme$22 } from "./components/Tooltip/Tooltip.themes.js";
 import getPrimaryColorInfo from "./utils/getPrimaryColorInfo.js";
-const defaultPrimary = "blue";
-const defaultPrimaryColor = getPrimaryColorInfo(defaultPrimary, lightColors);
-const colors = {
-  ...lightColors,
-  // Semantic colors
-  primary: defaultPrimary,
-  contentBg: "$00dp",
-  hiContrast: "$deepBlue11",
-  loContrast: "white",
-  focusOutline: "hsl(216, 100%, 64%)",
-  divider: "hsl(207, 10%, 82%)"
-};
-const stitches = createStitches({
-  theme: {
-    colors: {
-      ...colors,
-      ...Theme$l.getLight(defaultPrimaryColor),
-      ...Theme$k.getLight(defaultPrimaryColor),
-      ...Theme$j.getLight(defaultPrimaryColor),
-      ...Theme$i.getLight(defaultPrimaryColor),
-      ...Theme$h.getLight(defaultPrimaryColor),
-      ...Theme$g.getLight(defaultPrimaryColor),
-      ...Theme$f.getLight(defaultPrimaryColor),
-      ...Theme$e.getLight(),
-      ...Theme$d.getLight(defaultPrimaryColor),
-      ...Theme$c.getLight(defaultPrimaryColor),
-      ...Theme$b.getLight(defaultPrimaryColor),
-      ...Theme$a.getLight(defaultPrimaryColor),
-      ...Theme$9.getLight(defaultPrimaryColor),
-      ...Theme$8.getLight(defaultPrimaryColor),
-      ...Theme$7.getLight(defaultPrimaryColor),
-      ...Theme$6.getLight(defaultPrimaryColor),
-      ...Theme$5.getLight(defaultPrimaryColor),
-      ...Theme$4.getLight(defaultPrimaryColor),
-      ...Theme$3.getLight(defaultPrimaryColor),
-      ...Theme$2.getLight(defaultPrimaryColor),
-      ...Theme$1.getLight(defaultPrimaryColor),
-      ...Theme.getLight(defaultPrimaryColor)
-    },
-    fonts: {
-      rubik: 'Rubik, -apple-system, system-ui, "Segoe UI", "Helvetica Neue", helvetica, arial, sans-serif'
-    },
-    space: {
-      1: "4px",
-      2: "8px",
-      3: "16px",
-      4: "20px",
-      5: "24px",
-      6: "32px",
-      7: "48px",
-      8: "64px",
-      9: "80px"
-    },
-    sizes: {
-      1: "4px",
-      2: "8px",
-      3: "16px",
-      4: "20px",
-      5: "24px",
-      6: "32px",
-      7: "40px",
-      8: "48px",
-      9: "64px",
-      10: "80px"
-    },
-    fontSizes: {
-      0: "11px",
-      1: "12px",
-      2: "13px",
-      3: "14px",
-      4: "16px",
-      5: "18px",
-      6: "20px",
-      7: "22px",
-      8: "24px",
-      9: "26px",
-      10: "28px",
-      11: "32px",
-      12: "38px"
-    },
-    fontWeights: { light: 300, regular: 400, medium: 500, semiBold: 600, bold: 700 },
-    radii: { 1: "4px", 2: "6px", 3: "8px", 4: "12px", round: "50%", pill: "9999px" },
-    zIndices: { 1: "100", 2: "200", 3: "300", 4: "400", max: "999" }
-  },
-  media: {
-    bp1: "(min-width: 520px) and (max-width: 899px)",
-    bp2: "(min-width: 900px) and (max-width: 1199px)",
-    bp3: "(min-width: 1200px) and (max-width: 1799px)",
-    bp4: "(min-width: 1800px)",
-    motion: "(prefers-reduced-motion)",
-    hover: "(any-hover: hover)",
-    dark: "(prefers-color-scheme: dark)",
-    light: "(prefers-color-scheme: light)"
-  },
-  utils: {
-    p: (value) => ({ padding: value }),
-    pt: (value) => ({ paddingTop: value }),
-    pr: (value) => ({ paddingRight: value }),
-    pb: (value) => ({ paddingBottom: value }),
-    pl: (value) => ({ paddingLeft: value }),
-    px: (value) => ({
-      paddingLeft: value,
-      paddingRight: value
-    }),
-    py: (value) => ({
-      paddingTop: value,
-      paddingBottom: value
-    }),
-    m: (value) => ({ margin: value }),
-    mt: (value) => ({ marginTop: value }),
-    mr: (value) => ({ marginRight: value }),
-    mb: (value) => ({ marginBottom: value }),
-    ml: (value) => ({ marginLeft: value }),
-    mx: (value) => ({
-      marginLeft: value,
-      marginRight: value
-    }),
-    my: (value) => ({ marginTop: value, marginBottom: value }),
-    ta: (value) => ({ textAlign: value }),
-    fd: (value) => ({ flexDirection: value }),
-    fw: (value) => ({ flexWrap: value }),
-    ai: (value) => ({ alignItems: value }),
-    ac: (value) => ({ alignContent: value }),
-    jc: (value) => ({ justifyContent: value }),
-    as: (value) => ({ alignSelf: value }),
-    fg: (value) => ({ flexGrow: value }),
-    fs: (value) => ({ flexShrink: value }),
-    fb: (value) => ({ flexBasis: value }),
-    bc: (value) => ({ backgroundColor: value }),
-    br: (value) => ({ borderRadius: value }),
-    btrr: (value) => ({
-      borderTopRightRadius: value
-    }),
-    bbrr: (value) => ({
-      borderBottomRightRadius: value
-    }),
-    bblr: (value) => ({
-      borderBottomLeftRadius: value
-    }),
-    btlr: (value) => ({
-      borderTopLeftRadius: value
-    }),
-    bs: (value) => ({ boxShadow: value }),
-    c: (value) => ({ color: value }),
-    lh: (value) => ({ lineHeight: value }),
-    ox: (value) => ({ overflowX: value }),
-    oy: (value) => ({ overflowY: value }),
-    pe: (value) => ({ pointerEvents: value }),
-    us: (value) => ({
-      WebkitUserSelect: value,
-      userSelect: value
-    }),
-    userSelect: (value) => ({
-      WebkitUserSelect: value,
-      userSelect: value
-    }),
-    size: (value) => ({ width: value, height: value }),
-    appearance: (value) => ({
-      WebkitAppearance: value,
-      appearance: value
-    }),
-    backgroundClip: (value) => ({
-      WebkitBackgroundClip: value,
-      backgroundClip: value
-    })
-  }
+import { createStitches } from "@stitches/react";
+//#region stitches.config.ts
+var defaultPrimary = "blue";
+var defaultPrimaryColor = getPrimaryColorInfo(defaultPrimary, lightColors);
+var { styled, css, createTheme, getCssText, globalCss, keyframes, config } = createStitches({
+	theme: {
+		colors: {
+			...lightColors,
+			primary: defaultPrimary,
+			contentBg: "$00dp",
+			hiContrast: "$deepBlue11",
+			loContrast: "white",
+			focusOutline: "hsl(216, 100%, 64%)",
+			divider: "hsl(207, 10%, 82%)",
+			...Theme.getLight(defaultPrimaryColor),
+			...Theme$1.getLight(defaultPrimaryColor),
+			...Theme$2.getLight(defaultPrimaryColor),
+			...Theme$3.getLight(defaultPrimaryColor),
+			...Theme$18.getLight(defaultPrimaryColor),
+			...Theme$4.getLight(defaultPrimaryColor),
+			...Theme$5.getLight(defaultPrimaryColor),
+			...Theme$6.getLight(),
+			...Theme$11.getLight(defaultPrimaryColor),
+			...Theme$12.getLight(defaultPrimaryColor),
+			...Theme$14.getLight(defaultPrimaryColor),
+			...Theme$10.getLight(defaultPrimaryColor),
+			...Theme$19.getLight(defaultPrimaryColor),
+			...Theme$20.getLight(defaultPrimaryColor),
+			...Theme$15.getLight(defaultPrimaryColor),
+			...Theme$17.getLight(defaultPrimaryColor),
+			...Theme$7.getLight(defaultPrimaryColor),
+			...Theme$9.getLight(defaultPrimaryColor),
+			...Theme$22.getLight(defaultPrimaryColor),
+			...Theme$21.getLight(defaultPrimaryColor),
+			...Theme$8.getLight(defaultPrimaryColor),
+			...Theme$16.getLight(defaultPrimaryColor)
+		},
+		fonts: { rubik: "Rubik, -apple-system, system-ui, \"Segoe UI\", \"Helvetica Neue\", helvetica, arial, sans-serif" },
+		space: {
+			1: "4px",
+			2: "8px",
+			3: "16px",
+			4: "20px",
+			5: "24px",
+			6: "32px",
+			7: "48px",
+			8: "64px",
+			9: "80px"
+		},
+		sizes: {
+			1: "4px",
+			2: "8px",
+			3: "16px",
+			4: "20px",
+			5: "24px",
+			6: "32px",
+			7: "40px",
+			8: "48px",
+			9: "64px",
+			10: "80px"
+		},
+		fontSizes: {
+			0: "11px",
+			1: "12px",
+			2: "13px",
+			3: "14px",
+			4: "16px",
+			5: "18px",
+			6: "20px",
+			7: "22px",
+			8: "24px",
+			9: "26px",
+			10: "28px",
+			11: "32px",
+			12: "38px"
+		},
+		fontWeights: {
+			light: 300,
+			regular: 400,
+			medium: 500,
+			semiBold: 600,
+			bold: 700
+		},
+		radii: {
+			1: "4px",
+			2: "6px",
+			3: "8px",
+			4: "12px",
+			round: "50%",
+			pill: "9999px"
+		},
+		zIndices: {
+			1: "100",
+			2: "200",
+			3: "300",
+			4: "400",
+			max: "999"
+		}
+	},
+	media: {
+		bp1: "(min-width: 520px) and (max-width: 899px)",
+		bp2: "(min-width: 900px) and (max-width: 1199px)",
+		bp3: "(min-width: 1200px) and (max-width: 1799px)",
+		bp4: "(min-width: 1800px)",
+		motion: "(prefers-reduced-motion)",
+		hover: "(any-hover: hover)",
+		dark: "(prefers-color-scheme: dark)",
+		light: "(prefers-color-scheme: light)"
+	},
+	utils: {
+		p: (value) => ({ padding: value }),
+		pt: (value) => ({ paddingTop: value }),
+		pr: (value) => ({ paddingRight: value }),
+		pb: (value) => ({ paddingBottom: value }),
+		pl: (value) => ({ paddingLeft: value }),
+		px: (value) => ({
+			paddingLeft: value,
+			paddingRight: value
+		}),
+		py: (value) => ({
+			paddingTop: value,
+			paddingBottom: value
+		}),
+		m: (value) => ({ margin: value }),
+		mt: (value) => ({ marginTop: value }),
+		mr: (value) => ({ marginRight: value }),
+		mb: (value) => ({ marginBottom: value }),
+		ml: (value) => ({ marginLeft: value }),
+		mx: (value) => ({
+			marginLeft: value,
+			marginRight: value
+		}),
+		my: (value) => ({
+			marginTop: value,
+			marginBottom: value
+		}),
+		ta: (value) => ({ textAlign: value }),
+		fd: (value) => ({ flexDirection: value }),
+		fw: (value) => ({ flexWrap: value }),
+		ai: (value) => ({ alignItems: value }),
+		ac: (value) => ({ alignContent: value }),
+		jc: (value) => ({ justifyContent: value }),
+		as: (value) => ({ alignSelf: value }),
+		fg: (value) => ({ flexGrow: value }),
+		fs: (value) => ({ flexShrink: value }),
+		fb: (value) => ({ flexBasis: value }),
+		bc: (value) => ({ backgroundColor: value }),
+		br: (value) => ({ borderRadius: value }),
+		btrr: (value) => ({ borderTopRightRadius: value }),
+		bbrr: (value) => ({ borderBottomRightRadius: value }),
+		bblr: (value) => ({ borderBottomLeftRadius: value }),
+		btlr: (value) => ({ borderTopLeftRadius: value }),
+		bs: (value) => ({ boxShadow: value }),
+		c: (value) => ({ color: value }),
+		lh: (value) => ({ lineHeight: value }),
+		ox: (value) => ({ overflowX: value }),
+		oy: (value) => ({ overflowY: value }),
+		pe: (value) => ({ pointerEvents: value }),
+		us: (value) => ({
+			WebkitUserSelect: value,
+			userSelect: value
+		}),
+		userSelect: (value) => ({
+			WebkitUserSelect: value,
+			userSelect: value
+		}),
+		size: (value) => ({
+			width: value,
+			height: value
+		}),
+		appearance: (value) => ({
+			WebkitAppearance: value,
+			appearance: value
+		}),
+		backgroundClip: (value) => ({
+			WebkitBackgroundClip: value,
+			backgroundClip: value
+		})
+	}
 });
-const { styled, css, createTheme, getCssText, globalCss, keyframes, config } = stitches;
 config.utils;
-const darkTheme = (primary, name = "dark") => {
-  const darkPrimaryColor = getPrimaryColorInfo(primary, darkColors);
-  return createTheme(name, {
-    colors: {
-      ...darkColors,
-      // Semantic colors
-      primary: darkPrimaryColor.token,
-      contentBg: "$00dp",
-      hiContrast: "white",
-      loContrast: "$deepBlue2",
-      divider: "hsl(209, 29%, 19%)",
-      ...Theme$l.getDark(darkPrimaryColor),
-      ...Theme$k.getDark(darkPrimaryColor),
-      ...Theme$j.getDark(darkPrimaryColor),
-      ...Theme$i.getDark(darkPrimaryColor),
-      ...Theme$4.getDark(darkPrimaryColor),
-      ...Theme$h.getDark(darkPrimaryColor),
-      ...Theme$g.getDark(darkPrimaryColor),
-      ...Theme$f.getDark(darkPrimaryColor),
-      ...Theme$e.getDark(),
-      ...Theme$d.getDark(darkPrimaryColor),
-      ...Theme$c.getDark(darkPrimaryColor),
-      ...Theme$b.getDark(darkPrimaryColor),
-      ...Theme$a.getDark(darkPrimaryColor),
-      ...Theme$9.getDark(darkPrimaryColor),
-      ...Theme$8.getDark(darkPrimaryColor),
-      ...Theme$7.getDark(darkPrimaryColor),
-      ...Theme$6.getDark(darkPrimaryColor),
-      ...Theme$5.getDark(darkPrimaryColor),
-      ...Theme$m.getDark(darkPrimaryColor),
-      ...Theme$3.getDark(darkPrimaryColor),
-      ...Theme$2.getDark(darkPrimaryColor),
-      ...Theme$1.getDark(darkPrimaryColor),
-      ...Theme.getDark(darkPrimaryColor)
-    }
-  });
-};
-const lightTheme = (primary, name = "light") => {
-  const lightPrimaryColor = getPrimaryColorInfo(primary, lightColors);
-  return createTheme(name, {
-    colors: {
-      primary: lightPrimaryColor.token,
-      ...Theme$l.getLight(lightPrimaryColor),
-      ...Theme$k.getLight(lightPrimaryColor),
-      ...Theme$j.getLight(lightPrimaryColor),
-      ...Theme$i.getLight(lightPrimaryColor),
-      ...Theme$4.getLight(lightPrimaryColor),
-      ...Theme$h.getLight(lightPrimaryColor),
-      ...Theme$g.getLight(lightPrimaryColor),
-      ...Theme$f.getLight(lightPrimaryColor),
-      ...Theme$e.getLight(),
-      ...Theme$d.getLight(lightPrimaryColor),
-      ...Theme$c.getLight(lightPrimaryColor),
-      ...Theme$b.getLight(lightPrimaryColor),
-      ...Theme$a.getLight(lightPrimaryColor),
-      ...Theme$9.getLight(lightPrimaryColor),
-      ...Theme$8.getLight(lightPrimaryColor),
-      ...Theme$7.getLight(lightPrimaryColor),
-      ...Theme$6.getLight(lightPrimaryColor),
-      ...Theme$5.getLight(lightPrimaryColor),
-      ...Theme$m.getLight(lightPrimaryColor),
-      ...Theme$3.getLight(lightPrimaryColor),
-      ...Theme$2.getLight(lightPrimaryColor),
-      ...Theme$1.getLight(lightPrimaryColor),
-      ...Theme.getLight(lightPrimaryColor)
-    }
-  });
+var darkTheme = (primary, name = "dark") => {
+	const darkPrimaryColor = getPrimaryColorInfo(primary, darkColors);
+	return createTheme(name, { colors: {
+		...darkColors,
+		primary: darkPrimaryColor.token,
+		contentBg: "$00dp",
+		hiContrast: "white",
+		loContrast: "$deepBlue2",
+		divider: "hsl(209, 29%, 19%)",
+		...Theme.getDark(darkPrimaryColor),
+		...Theme$1.getDark(darkPrimaryColor),
+		...Theme$2.getDark(darkPrimaryColor),
+		...Theme$3.getDark(darkPrimaryColor),
+		...Theme$9.getDark(darkPrimaryColor),
+		...Theme$18.getDark(darkPrimaryColor),
+		...Theme$4.getDark(darkPrimaryColor),
+		...Theme$5.getDark(darkPrimaryColor),
+		...Theme$6.getDark(),
+		...Theme$11.getDark(darkPrimaryColor),
+		...Theme$12.getDark(darkPrimaryColor),
+		...Theme$14.getDark(darkPrimaryColor),
+		...Theme$10.getDark(darkPrimaryColor),
+		...Theme$19.getDark(darkPrimaryColor),
+		...Theme$20.getDark(darkPrimaryColor),
+		...Theme$15.getDark(darkPrimaryColor),
+		...Theme$17.getDark(darkPrimaryColor),
+		...Theme$7.getDark(darkPrimaryColor),
+		...Theme$13.getDark(darkPrimaryColor),
+		...Theme$22.getDark(darkPrimaryColor),
+		...Theme$21.getDark(darkPrimaryColor),
+		...Theme$8.getDark(darkPrimaryColor),
+		...Theme$16.getDark(darkPrimaryColor)
+	} });
 };
-export {
-  colors,
-  config,
-  createTheme,
-  css,
-  darkTheme,
-  getCssText,
-  globalCss,
-  keyframes,
-  lightTheme,
-  styled
+var lightTheme = (primary, name = "light") => {
+	const lightPrimaryColor = getPrimaryColorInfo(primary, lightColors);
+	return createTheme(name, { colors: {
+		primary: lightPrimaryColor.token,
+		...Theme.getLight(lightPrimaryColor),
+		...Theme$1.getLight(lightPrimaryColor),
+		...Theme$2.getLight(lightPrimaryColor),
+		...Theme$3.getLight(lightPrimaryColor),
+		...Theme$9.getLight(lightPrimaryColor),
+		...Theme$18.getLight(lightPrimaryColor),
+		...Theme$4.getLight(lightPrimaryColor),
+		...Theme$5.getLight(lightPrimaryColor),
+		...Theme$6.getLight(),
+		...Theme$11.getLight(lightPrimaryColor),
+		...Theme$12.getLight(lightPrimaryColor),
+		...Theme$14.getLight(lightPrimaryColor),
+		...Theme$10.getLight(lightPrimaryColor),
+		...Theme$19.getLight(lightPrimaryColor),
+		...Theme$20.getLight(lightPrimaryColor),
+		...Theme$15.getLight(lightPrimaryColor),
+		...Theme$17.getLight(lightPrimaryColor),
+		...Theme$7.getLight(lightPrimaryColor),
+		...Theme$13.getLight(lightPrimaryColor),
+		...Theme$22.getLight(lightPrimaryColor),
+		...Theme$21.getLight(lightPrimaryColor),
+		...Theme$8.getLight(lightPrimaryColor),
+		...Theme$16.getLight(lightPrimaryColor)
+	} });
 };
-//# sourceMappingURL=stitches.config.js.map
+//#endregion
+export { config, createTheme, css, darkTheme, getCssText, globalCss, keyframes, lightTheme, styled };
+
+//# sourceMappingURL=stitches.config.js.map