@ndla/preset-panda 0.0.53 → 0.0.55

package/es/globalCss.js

@@ -1,227 +1,150 @@
-/**
- * Copyright (c) 2024-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
 import { defineGlobalStyles } from "@pandacss/dev";
-export const globalCss = defineGlobalStyles({
-  ":root": {
-    // Applied to html in preflight (css reset)
-    "--global-font-body": "fonts.sans",
-    // Code, kbd, pre, samp
-    "--global-font-mono": "fonts.code"
-  },
-  html: {
-    minHeight: "100%",
-    fontFeatureSettings: "'ss03' on, 'liga' off, 'clig' off",
-    // this is included in the css reset we use. We don't want it.
-    "& h1, h2, h3, h4, h5, h6": {
-      textWrap: "unset"
-    }
-  },
-  body: {
-    background: "background.default",
-    color: "text.default"
-  },
-  "a, summary,[tabindex]:not([tabindex='-1'])": {
-    outline: "none",
-    _focusVisible: {
-      outline: "3px",
-      borderRadius: "xsmall",
-      outlineColor: "stroke.default",
-      outlineOffset: "3px",
-      outlineStyle: "solid"
-    }
-  },
-  code: {
-    background: "background.subtle",
-    whiteSpace: "pre-wrap"
-  },
-  /* Hide default zendesk launcher so that we can provide our own. */
-  "iframe#launcher": {
-    display: "none"
-  },
-  // For future readers: Life here would be much simpler if we could use flex.
-  // However, our usage of float within the article content forces us to use margins.
-  ".ndla-article": {
-    h1: {
-      textStyle: "heading.medium"
-    },
-    h2: {
-      textStyle: "heading.small"
-    },
-    h3: {
-      textStyle: "title.medium"
-    },
-    "h4, h5, h6": {
-      textStyle: "title.small"
-    },
-    '& p[data-align="center"]': {
-      textAlign: "center"
-    },
-    // TODO: This is not an actual text style. Should it be?
-    blockquote: {
-      textStyle: "body.medium",
-      fontFamily: "serif"
-    },
-    '& p:has(span[dir="rtl"])': {
-      direction: "rtl"
-    },
-    textStyle: "body.article",
-    width: "100%",
-    // Non-figure block elements that should have margin above and below.
-    '& details, :not(li) > blockquote, [data-embed-type="expandable-box"], [data-embed-type="framed-content"], [data-embed-type="factbox"], table, [data-embed-type="related-content-list"], [data-embed-type="link-block-list"], [data-embed-type="pitch"], [data-embed-type="campaign-block"], [data-embed-type="key-figure"], [data-embed-type="grid"], [data-embed-type="contact-block"], [data-embed-type="file-list"], [data-embed-type="uu-disclaimer"]': {
-      marginBlockStart: "xxlarge",
-      marginBlockEnd: "xxlarge",
-      tabletDown: {
-        marginBlockStart: "xlarge",
-        marginBlockEnd: "xlarge"
-      }
-    },
-    // Article content is usually wrapped in a section. The rest of the elements in this list contains other elements, and should add margin to them no matter where they are placed in the DOM.
-    '& section:not([class]), section:not([class]) > div:not([class]), [data-embed-type="framed-content"], [data-embed-type="grid"] > div, [data-embed-type="grid-parallax"] > div, [data-embed-type="factbox"] > div, [data-embed-type="copyright"] > [data-copyright-content], [data-embed-type="uu-disclaimer"] > [data-uu-content], [data-embed-wrapper], details, [data-embed-type="expandable-box"], blockquote': {
-      '& > :is(h2, [data-embed-type="copy-heading"])': {
-        marginBlockStart: "xlarge",
-        marginBlockEnd: "small",
-        tabletDown: {
-          marginBlockStart: "large"
-        }
-      },
-      "& > h3": {
-        marginBlockStart: "large",
-        marginBlockEnd: "xsmall",
-        tabletDown: {
-          marginBlockStart: "medium"
-        }
-      },
-      "& > :is(h4, h5, h6)": {
-        marginBlockStart: "medium",
-        marginBlockEnd: "xsmall",
-        tabletDown: {
-          marginBlockStart: "small"
-        }
-      },
-      "& > :is(figure)": {
-        marginBlockStart: "xxlarge",
-        marginBlockEnd: "xxlarge",
-        tabletDown: {
-          marginBlockStart: "xlarge"
-        }
-      },
-      '& > :is(p, ul, ol, dl, [data-embed-type="speech"])': {
-        marginBlockStart: "xsmall",
-        marginBlockEnd: "xsmall"
-      },
-      '& > :is([data-embed-type="ordered-list"])': {
-        marginInlineStart: "xlarge!"
-      }
-    },
-    '& [data-embed-type="framed-content"], [data-embed-type="grid"] > div, [data-embed-type="grid-parallax"] > div, [data-embed-type="factbox"] > div, [data-embed-type="copyright"] > [data-copyright-content], [data-embed-type="uu-disclaimer"] > [data-uu-content], details, blockquote': {
-      "& > :first-child": {
-        marginBlockStart: "0"
-      },
-      "& > :last-child": {
-        marginBlockEnd: "0"
-      }
-    },
-    "& section:not([class]), section:not([class]) > div:not([class])": {
-      "& > :first-child": {
-        marginBlockStart: "xxlarge",
-        tabletDown: {
-          marginBlockStart: "xlarge"
-        }
-      },
-      "& > :last-child": {
-        marginBlockEnd: "xxlarge",
-        tabletDown: {
-          marginBlockStart: "xlarge"
-        }
-      }
-    }
-  },
-  // Adds default link styling to links without classes
-  'a:not([class]):not([data-unstyled]), a[class=""]:not([data-unstyled])': {
-    color: "text.link",
-    textDecoration: "underline",
-    _hover: {
-      textDecoration: "none"
-    },
-    _visited: {
-      color: "text.linkVisited"
-    }
-  },
-  ".codeblock": {
-    border: "1px solid",
-    borderColor: "stroke.subtle",
-    borderLeft: "4px solid",
-    borderLeftColor: "stroke.default",
-    borderRadius: "xsmall",
-    boxSizing: "border-box",
-    overflowX: "auto",
-    textStyle: "label.medium",
-    fontFamily: "code",
-    display: "block",
-    whiteSpace: "pre",
-    "& .linenumber": {
-      display: "inline-block",
-      paddingBlock: "0",
-      paddingInline: "small",
-      borderRight: "1px solid",
-      borderColor: "stroke.subtle",
-      width: "xxlarge",
-      textAlign: "right",
-      marginInlineEnd: "xsmall"
-    },
-    "& :nth-child(1 of .linenumber)": {
-      paddingBlockStart: "xsmall"
-    },
-    "& :nth-last-child(1 of .linenumber)": {
-      paddingBlockEnd: "xsmall"
-    },
-    // The remaining css is copied from the coy theme in prismjs. A lot of css is omitted due to styling clashes
-    "& .token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata": {
-      color: "#7d8b99"
-    },
-    "& .token.punctuation": {
-      color: "#5f6364"
-    },
-    "& .token.property, .token.tag, .token.boolean, .token.number, .token.function-name, .token.constant, .token.symbol, .token.deleted": {
-      color: "#c92c2c"
-    },
-    "& .token.selector, .token.attr-name, .token.string, .token.char, .token.function, .token.builtin, .token.inserted": {
-      color: "#2f9c0a"
-    },
-    "& .token.operator, .token.entity, .token.url, .token.variable": {
-      color: "#a67f59",
-      background: "rgba(255, 255, 255, 0.5)"
-    },
-    "& .token.atrule, .token.attr-value, .token.keyword, .token.class-name": {
-      color: "#1990b8"
-    },
-    "& .token.regex, .token.important": {
-      color: "#e90"
-    },
-    "& .language-css .token.string, .style .token.string": {
-      color: "#a67f59",
-      background: "rgba(255, 255, 255, 0.5)"
-    },
-    "& .token.important": {
-      fontWeight: "normal"
-    },
-    "& .token.bold": {
-      fontWeight: "bold"
-    },
-    "& .token.italic": {
-      fontStyle: "italic"
-    },
-    "& .token.entity": {
-      cursor: "help"
-    },
-    "& .token.namespace": {
-      opacity: "0.7"
-    }
-  }
-});
+
+//#region src/globalCss.ts
+const globalCss = defineGlobalStyles({
+	":root": {
+		"--global-font-body": "fonts.sans",
+		"--global-font-mono": "fonts.code"
+	},
+	html: {
+		minHeight: "100%",
+		fontFeatureSettings: "'ss03' on, 'liga' off, 'clig' off",
+		"& h1, h2, h3, h4, h5, h6": { textWrap: "unset" }
+	},
+	body: {
+		background: "background.default",
+		color: "text.default"
+	},
+	"a, summary,[tabindex]:not([tabindex='-1'])": {
+		outline: "none",
+		_focusVisible: {
+			outline: "3px",
+			borderRadius: "xsmall",
+			outlineColor: "stroke.default",
+			outlineOffset: "3px",
+			outlineStyle: "solid"
+		}
+	},
+	code: {
+		background: "background.subtle",
+		whiteSpace: "pre-wrap"
+	},
+	"iframe#launcher": { display: "none" },
+	".ndla-article": {
+		h1: { textStyle: "heading.medium" },
+		h2: { textStyle: "heading.small" },
+		h3: { textStyle: "title.medium" },
+		"h4, h5, h6": { textStyle: "title.small" },
+		"& p[data-align=\"center\"]": { textAlign: "center" },
+		blockquote: {
+			textStyle: "body.medium",
+			fontFamily: "serif"
+		},
+		"& p:has(span[dir=\"rtl\"])": { direction: "rtl" },
+		textStyle: "body.article",
+		width: "100%",
+		"& details, :not(li) > blockquote, [data-embed-type=\"expandable-box\"], [data-embed-type=\"framed-content\"], [data-embed-type=\"factbox\"], table, [data-embed-type=\"related-content-list\"], [data-embed-type=\"link-block-list\"], [data-embed-type=\"pitch\"], [data-embed-type=\"campaign-block\"], [data-embed-type=\"key-figure\"], [data-embed-type=\"grid\"], [data-embed-type=\"contact-block\"], [data-embed-type=\"file-list\"], [data-embed-type=\"uu-disclaimer\"]": {
+			marginBlockStart: "xxlarge",
+			marginBlockEnd: "xxlarge",
+			tabletDown: {
+				marginBlockStart: "xlarge",
+				marginBlockEnd: "xlarge"
+			}
+		},
+		"& section:not([class]), section:not([class]) > div:not([class]), [data-embed-type=\"framed-content\"], [data-embed-type=\"grid\"] > div, [data-embed-type=\"grid-parallax\"] > div, [data-embed-type=\"factbox\"] > div, [data-embed-type=\"copyright\"] > [data-copyright-content], [data-embed-type=\"uu-disclaimer\"] > [data-uu-content], [data-embed-wrapper], details, [data-embed-type=\"expandable-box\"], blockquote": {
+			"& > :is(h2, [data-embed-type=\"copy-heading\"])": {
+				marginBlockStart: "xlarge",
+				marginBlockEnd: "small",
+				tabletDown: { marginBlockStart: "large" }
+			},
+			"& > h3": {
+				marginBlockStart: "large",
+				marginBlockEnd: "xsmall",
+				tabletDown: { marginBlockStart: "medium" }
+			},
+			"& > :is(h4, h5, h6)": {
+				marginBlockStart: "medium",
+				marginBlockEnd: "xsmall",
+				tabletDown: { marginBlockStart: "small" }
+			},
+			"& > :is(figure)": {
+				marginBlockStart: "xxlarge",
+				marginBlockEnd: "xxlarge",
+				tabletDown: { marginBlockStart: "xlarge" }
+			},
+			"& > :is(p, ul, ol, dl, [data-embed-type=\"speech\"])": {
+				marginBlockStart: "xsmall",
+				marginBlockEnd: "xsmall"
+			},
+			"& > :is([data-embed-type=\"ordered-list\"])": { marginInlineStart: "xlarge!" }
+		},
+		"& [data-embed-type=\"framed-content\"], [data-embed-type=\"grid\"] > div, [data-embed-type=\"grid-parallax\"] > div, [data-embed-type=\"factbox\"] > div, [data-embed-type=\"copyright\"] > [data-copyright-content], [data-embed-type=\"uu-disclaimer\"] > [data-uu-content], details, blockquote": {
+			"& > :first-child": { marginBlockStart: "0" },
+			"& > :last-child": { marginBlockEnd: "0" }
+		},
+		"& section:not([class]), section:not([class]) > div:not([class])": {
+			"& > :first-child": {
+				marginBlockStart: "xxlarge",
+				tabletDown: { marginBlockStart: "xlarge" }
+			},
+			"& > :last-child": {
+				marginBlockEnd: "xxlarge",
+				tabletDown: { marginBlockStart: "xlarge" }
+			}
+		}
+	},
+	"a:not([class]):not([data-unstyled]), a[class=\"\"]:not([data-unstyled])": {
+		color: "text.link",
+		textDecoration: "underline",
+		_hover: { textDecoration: "none" },
+		_visited: { color: "text.linkVisited" }
+	},
+	".codeblock": {
+		border: "1px solid",
+		borderColor: "stroke.subtle",
+		borderLeft: "4px solid",
+		borderLeftColor: "stroke.default",
+		borderRadius: "xsmall",
+		boxSizing: "border-box",
+		overflowX: "auto",
+		textStyle: "label.medium",
+		fontFamily: "code",
+		display: "block",
+		whiteSpace: "pre",
+		"& .linenumber": {
+			display: "inline-block",
+			paddingBlock: "0",
+			paddingInline: "small",
+			borderRight: "1px solid",
+			borderColor: "stroke.subtle",
+			width: "xxlarge",
+			textAlign: "right",
+			marginInlineEnd: "xsmall"
+		},
+		"& :nth-child(1 of .linenumber)": { paddingBlockStart: "xsmall" },
+		"& :nth-last-child(1 of .linenumber)": { paddingBlockEnd: "xsmall" },
+		"& .token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata": { color: "#7d8b99" },
+		"& .token.punctuation": { color: "#5f6364" },
+		"& .token.property, .token.tag, .token.boolean, .token.number, .token.function-name, .token.constant, .token.symbol, .token.deleted": { color: "#c92c2c" },
+		"& .token.selector, .token.attr-name, .token.string, .token.char, .token.function, .token.builtin, .token.inserted": { color: "#2f9c0a" },
+		"& .token.operator, .token.entity, .token.url, .token.variable": {
+			color: "#a67f59",
+			background: "rgba(255, 255, 255, 0.5)"
+		},
+		"& .token.atrule, .token.attr-value, .token.keyword, .token.class-name": { color: "#1990b8" },
+		"& .token.regex, .token.important": { color: "#e90" },
+		"& .language-css .token.string, .style .token.string": {
+			color: "#a67f59",
+			background: "rgba(255, 255, 255, 0.5)"
+		},
+		"& .token.important": { fontWeight: "normal" },
+		"& .token.bold": { fontWeight: "bold" },
+		"& .token.italic": { fontStyle: "italic" },
+		"& .token.entity": { cursor: "help" },
+		"& .token.namespace": { opacity: "0.7" }
+	}
+});
+
+//#endregion
+export { globalCss };
+//# sourceMappingURL=globalCss.js.map

package/es/globalCss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalCss.js","names":[],"sources":["../src/globalCss.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineGlobalStyles } from \"@pandacss/dev\";\n\nexport const globalCss = defineGlobalStyles({\n  \":root\": {\n    // Applied to html in preflight (css reset)\n    \"--global-font-body\": \"fonts.sans\",\n    // Code, kbd, pre, samp\n    \"--global-font-mono\": \"fonts.code\",\n  },\n  html: {\n    minHeight: \"100%\",\n    fontFeatureSettings: \"'ss03' on, 'liga' off, 'clig' off\",\n    // this is included in the css reset we use. We don't want it.\n    \"& h1, h2, h3, h4, h5, h6\": {\n      textWrap: \"unset\",\n    },\n  },\n  body: {\n    background: \"background.default\",\n    color: \"text.default\",\n  },\n  \"a, summary,[tabindex]:not([tabindex='-1'])\": {\n    outline: \"none\",\n    _focusVisible: {\n      outline: \"3px\",\n      borderRadius: \"xsmall\",\n      outlineColor: \"stroke.default\",\n      outlineOffset: \"3px\",\n      outlineStyle: \"solid\",\n    },\n  },\n  code: {\n    background: \"background.subtle\",\n    whiteSpace: \"pre-wrap\",\n  },\n  /* Hide default zendesk launcher so that we can provide our own. */\n  \"iframe#launcher\": {\n    display: \"none\",\n  },\n  // For future readers: Life here would be much simpler if we could use flex.\n  // However, our usage of float within the article content forces us to use margins.\n  \".ndla-article\": {\n    h1: {\n      textStyle: \"heading.medium\",\n    },\n    h2: {\n      textStyle: \"heading.small\",\n    },\n    h3: {\n      textStyle: \"title.medium\",\n    },\n    \"h4, h5, h6\": {\n      textStyle: \"title.small\",\n    },\n    '& p[data-align=\"center\"]': {\n      textAlign: \"center\",\n    },\n    // TODO: This is not an actual text style. Should it be?\n    blockquote: {\n      textStyle: \"body.medium\",\n      fontFamily: \"serif\",\n    },\n    '& p:has(span[dir=\"rtl\"])': {\n      direction: \"rtl\",\n    },\n    textStyle: \"body.article\",\n    width: \"100%\",\n\n    // Non-figure block elements that should have margin above and below.\n    '& details, :not(li) > blockquote, [data-embed-type=\"expandable-box\"], [data-embed-type=\"framed-content\"], [data-embed-type=\"factbox\"], table, [data-embed-type=\"related-content-list\"], [data-embed-type=\"link-block-list\"], [data-embed-type=\"pitch\"], [data-embed-type=\"campaign-block\"], [data-embed-type=\"key-figure\"], [data-embed-type=\"grid\"], [data-embed-type=\"contact-block\"], [data-embed-type=\"file-list\"], [data-embed-type=\"uu-disclaimer\"]':\n      {\n        marginBlockStart: \"xxlarge\",\n        marginBlockEnd: \"xxlarge\",\n        tabletDown: {\n          marginBlockStart: \"xlarge\",\n          marginBlockEnd: \"xlarge\",\n        },\n      },\n\n    // Article content is usually wrapped in a section. The rest of the elements in this list contains other elements, and should add margin to them no matter where they are placed in the DOM.\n    '& section:not([class]), section:not([class]) > div:not([class]), [data-embed-type=\"framed-content\"], [data-embed-type=\"grid\"] > div, [data-embed-type=\"grid-parallax\"] > div, [data-embed-type=\"factbox\"] > div, [data-embed-type=\"copyright\"] > [data-copyright-content], [data-embed-type=\"uu-disclaimer\"] > [data-uu-content], [data-embed-wrapper], details, [data-embed-type=\"expandable-box\"], blockquote':\n      {\n        '& > :is(h2, [data-embed-type=\"copy-heading\"])': {\n          marginBlockStart: \"xlarge\",\n          marginBlockEnd: \"small\",\n          tabletDown: {\n            marginBlockStart: \"large\",\n          },\n        },\n        \"& > h3\": {\n          marginBlockStart: \"large\",\n          marginBlockEnd: \"xsmall\",\n          tabletDown: {\n            marginBlockStart: \"medium\",\n          },\n        },\n        \"& > :is(h4, h5, h6)\": {\n          marginBlockStart: \"medium\",\n          marginBlockEnd: \"xsmall\",\n          tabletDown: {\n            marginBlockStart: \"small\",\n          },\n        },\n        \"& > :is(figure)\": {\n          marginBlockStart: \"xxlarge\",\n          marginBlockEnd: \"xxlarge\",\n          tabletDown: {\n            marginBlockStart: \"xlarge\",\n          },\n        },\n        '& > :is(p, ul, ol, dl, [data-embed-type=\"speech\"])': {\n          marginBlockStart: \"xsmall\",\n          marginBlockEnd: \"xsmall\",\n        },\n        '& > :is([data-embed-type=\"ordered-list\"])': {\n          marginInlineStart: \"xlarge!\",\n        },\n      },\n    '& [data-embed-type=\"framed-content\"], [data-embed-type=\"grid\"] > div, [data-embed-type=\"grid-parallax\"] > div, [data-embed-type=\"factbox\"] > div, [data-embed-type=\"copyright\"] > [data-copyright-content], [data-embed-type=\"uu-disclaimer\"] > [data-uu-content], details, blockquote':\n      {\n        \"& > :first-child\": {\n          marginBlockStart: \"0\",\n        },\n        \"& > :last-child\": {\n          marginBlockEnd: \"0\",\n        },\n      },\n    \"& section:not([class]), section:not([class]) > div:not([class])\": {\n      \"& > :first-child\": {\n        marginBlockStart: \"xxlarge\",\n        tabletDown: {\n          marginBlockStart: \"xlarge\",\n        },\n      },\n      \"& > :last-child\": {\n        marginBlockEnd: \"xxlarge\",\n        tabletDown: {\n          marginBlockStart: \"xlarge\",\n        },\n      },\n    },\n  },\n  // Adds default link styling to links without classes\n  'a:not([class]):not([data-unstyled]), a[class=\"\"]:not([data-unstyled])': {\n    color: \"text.link\",\n    textDecoration: \"underline\",\n    _hover: {\n      textDecoration: \"none\",\n    },\n    _visited: {\n      color: \"text.linkVisited\",\n    },\n  },\n  \".codeblock\": {\n    border: \"1px solid\",\n    borderColor: \"stroke.subtle\",\n    borderLeft: \"4px solid\",\n    borderLeftColor: \"stroke.default\",\n    borderRadius: \"xsmall\",\n    boxSizing: \"border-box\",\n    overflowX: \"auto\",\n    textStyle: \"label.medium\",\n    fontFamily: \"code\",\n    display: \"block\",\n    whiteSpace: \"pre\",\n    \"& .linenumber\": {\n      display: \"inline-block\",\n      paddingBlock: \"0\",\n      paddingInline: \"small\",\n      borderRight: \"1px solid\",\n      borderColor: \"stroke.subtle\",\n      width: \"xxlarge\",\n      textAlign: \"right\",\n      marginInlineEnd: \"xsmall\",\n    },\n    \"& :nth-child(1 of .linenumber)\": {\n      paddingBlockStart: \"xsmall\",\n    },\n    \"& :nth-last-child(1 of .linenumber)\": {\n      paddingBlockEnd: \"xsmall\",\n    },\n    // The remaining css is copied from the coy theme in prismjs. A lot of css is omitted due to styling clashes. TODO: Consider moving this\n    \"& .token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata\": {\n      color: \"#7d8b99\",\n    },\n    \"& .token.punctuation\": {\n      color: \"#5f6364\",\n    },\n    \"& .token.property, .token.tag, .token.boolean, .token.number, .token.function-name, .token.constant, .token.symbol, .token.deleted\":\n      {\n        color: \"#c92c2c\",\n      },\n    \"& .token.selector, .token.attr-name, .token.string, .token.char, .token.function, .token.builtin, .token.inserted\":\n      {\n        color: \"#2f9c0a\",\n      },\n    \"& .token.operator, .token.entity, .token.url, .token.variable\": {\n      color: \"#a67f59\",\n      background: \"rgba(255, 255, 255, 0.5)\",\n    },\n    \"& .token.atrule, .token.attr-value, .token.keyword, .token.class-name\": {\n      color: \"#1990b8\",\n    },\n    \"& .token.regex, .token.important\": {\n      color: \"#e90\",\n    },\n    \"& .language-css .token.string, .style .token.string\": {\n      color: \"#a67f59\",\n      background: \"rgba(255, 255, 255, 0.5)\",\n    },\n    \"& .token.important\": {\n      fontWeight: \"normal\",\n    },\n    \"& .token.bold\": {\n      fontWeight: \"bold\",\n    },\n    \"& .token.italic\": {\n      fontStyle: \"italic\",\n    },\n    \"& .token.entity\": {\n      cursor: \"help\",\n    },\n    \"& .token.namespace\": {\n      opacity: \"0.7\",\n    },\n  },\n});\n"],"mappings":";;;AAUA,MAAa,YAAY,mBAAmB;CAC1C,SAAS;EAEP,sBAAsB;EAEtB,sBAAsB;CACvB;CACD,MAAM;EACJ,WAAW;EACX,qBAAqB;EAErB,4BAA4B,EAC1B,UAAU,QACX;CACF;CACD,MAAM;EACJ,YAAY;EACZ,OAAO;CACR;CACD,8CAA8C;EAC5C,SAAS;EACT,eAAe;GACb,SAAS;GACT,cAAc;GACd,cAAc;GACd,eAAe;GACf,cAAc;EACf;CACF;CACD,MAAM;EACJ,YAAY;EACZ,YAAY;CACb;CAED,mBAAmB,EACjB,SAAS,OACV;CAGD,iBAAiB;EACf,IAAI,EACF,WAAW,iBACZ;EACD,IAAI,EACF,WAAW,gBACZ;EACD,IAAI,EACF,WAAW,eACZ;EACD,cAAc,EACZ,WAAW,cACZ;EACD,8BAA4B,EAC1B,WAAW,SACZ;EAED,YAAY;GACV,WAAW;GACX,YAAY;EACb;EACD,8BAA4B,EAC1B,WAAW,MACZ;EACD,WAAW;EACX,OAAO;EAGP,qdACE;GACE,kBAAkB;GAClB,gBAAgB;GAChB,YAAY;IACV,kBAAkB;IAClB,gBAAgB;GACjB;EACF;EAGH,iaACE;GACE,mDAAiD;IAC/C,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,QACnB;GACF;GACD,UAAU;IACR,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;GACF;GACD,uBAAuB;IACrB,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,QACnB;GACF;GACD,mBAAmB;IACjB,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;GACF;GACD,wDAAsD;IACpD,kBAAkB;IAClB,gBAAgB;GACjB;GACD,+CAA6C,EAC3C,mBAAmB,UACpB;EACF;EACH,sSACE;GACE,oBAAoB,EAClB,kBAAkB,IACnB;GACD,mBAAmB,EACjB,gBAAgB,IACjB;EACF;EACH,mEAAmE;GACjE,oBAAoB;IAClB,kBAAkB;IAClB,YAAY,EACV,kBAAkB,SACnB;GACF;GACD,mBAAmB;IACjB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;GACF;EACF;CACF;CAED,2EAAyE;EACvE,OAAO;EACP,gBAAgB;EAChB,QAAQ,EACN,gBAAgB,OACjB;EACD,UAAU,EACR,OAAO,mBACR;CACF;CACD,cAAc;EACZ,QAAQ;EACR,aAAa;EACb,YAAY;EACZ,iBAAiB;EACjB,cAAc;EACd,WAAW;EACX,WAAW;EACX,WAAW;EACX,YAAY;EACZ,SAAS;EACT,YAAY;EACZ,iBAAiB;GACf,SAAS;GACT,cAAc;GACd,eAAe;GACf,aAAa;GACb,aAAa;GACb,OAAO;GACP,WAAW;GACX,iBAAiB;EAClB;EACD,kCAAkC,EAChC,mBAAmB,SACpB;EACD,uCAAuC,EACrC,iBAAiB,SAClB;EAED,uFAAuF,EACrF,OAAO,UACR;EACD,wBAAwB,EACtB,OAAO,UACR;EACD,sIACE,EACE,OAAO,UACR;EACH,qHACE,EACE,OAAO,UACR;EACH,iEAAiE;GAC/D,OAAO;GACP,YAAY;EACb;EACD,yEAAyE,EACvE,OAAO,UACR;EACD,oCAAoC,EAClC,OAAO,OACR;EACD,uDAAuD;GACrD,OAAO;GACP,YAAY;EACb;EACD,sBAAsB,EACpB,YAAY,SACb;EACD,iBAAiB,EACf,YAAY,OACb;EACD,mBAAmB,EACjB,WAAW,SACZ;EACD,mBAAmB,EACjB,QAAQ,OACT;EACD,sBAAsB,EACpB,SAAS,MACV;CACF;AACF,EAAC"}

package/es/index.js

@@ -1,49 +1,47 @@
-/**
- * Copyright (c) 2024-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
+import { animations, durations, easings, keyframes } from "./animations.js";
+import { boxShadows } from "./boxShadows.js";
+import { colors } from "./colors.js";
+import { conditions } from "./conditions.js";
+import { globalCss } from "./globalCss.js";
+import { radii } from "./radii.js";
+import { semanticTokens } from "./semanticTokens.js";
+import { spacing } from "./spacing.js";
+import { fontSizes, fontWeights, fonts, lineHeights, textStyles } from "./typography.js";
+import { zIndex } from "./zIndex.js";
+import { forwardCssPropPlugin } from "./plugins/forwardCssPropPlugin.js";
 import { definePreset } from "@pandacss/dev";
 import { breakpoints } from "@ndla/core";
-import { animations, durations, easings, keyframes } from "./animations";
-import { boxShadows } from "./boxShadows";
-import { colors } from "./colors";
-import { conditions } from "./conditions";
-import { globalCss } from "./globalCss";
-import { radii } from "./radii";
-import { semanticTokens } from "./semanticTokens";
-import { spacing } from "./spacing";
-import { fontWeights, textStyles, fonts, fontSizes, lineHeights } from "./typography";
-import { zIndex } from "./zIndex";
+
+//#region src/index.ts
 const preset = definePreset({
-  name: "ndla/panda",
-  globalCss: globalCss,
-  conditions: conditions,
-  theme: {
-    breakpoints: breakpoints,
-    textStyles: textStyles,
-    keyframes: keyframes,
-    tokens: {
-      colors: colors,
-      easings: easings,
-      durations: durations,
-      radii: radii,
-      spacing: spacing,
-      sizes: spacing,
-      lineHeights: lineHeights,
-      fontWeights: fontWeights,
-      fontSizes: fontSizes,
-      fonts: fonts,
-      animations: animations,
-      shadows: boxShadows,
-      zIndex: zIndex
-    },
-    semanticTokens: semanticTokens,
-    containerSizes: breakpoints
-  }
+	name: "ndla/panda",
+	globalCss,
+	conditions,
+	theme: {
+		breakpoints,
+		textStyles,
+		keyframes,
+		tokens: {
+			colors,
+			easings,
+			durations,
+			radii,
+			spacing,
+			sizes: spacing,
+			lineHeights,
+			fontWeights,
+			fontSizes,
+			fonts,
+			animations,
+			shadows: boxShadows,
+			zIndex
+		},
+		semanticTokens,
+		containerSizes: breakpoints
+	}
 });
-export { forwardCssPropPlugin } from "./plugins/forwardCssPropPlugin";
-export default preset;
+var src_default = preset;
+
+//#endregion
+export { src_default as default, forwardCssPropPlugin };
+//# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { definePreset } from \"@pandacss/dev\";\nimport { breakpoints } from \"@ndla/core\";\nimport { animations, durations, easings, keyframes } from \"./animations\";\nimport { boxShadows } from \"./boxShadows\";\nimport { colors } from \"./colors\";\nimport { conditions } from \"./conditions\";\nimport { globalCss } from \"./globalCss\";\nimport { radii } from \"./radii\";\nimport { semanticTokens } from \"./semanticTokens\";\nimport { spacing } from \"./spacing\";\nimport { fontWeights, textStyles, fonts, fontSizes, lineHeights } from \"./typography\";\nimport { zIndex } from \"./zIndex\";\n\nconst preset = definePreset({\n  name: \"ndla/panda\",\n  globalCss: globalCss,\n  conditions: conditions,\n  theme: {\n    breakpoints: breakpoints,\n    textStyles: textStyles,\n    keyframes: keyframes,\n    tokens: {\n      colors: colors,\n      easings: easings,\n      durations: durations,\n      radii: radii,\n      spacing: spacing,\n      sizes: spacing,\n      lineHeights: lineHeights,\n      fontWeights: fontWeights,\n      fontSizes: fontSizes,\n      fonts: fonts,\n      animations: animations,\n      shadows: boxShadows,\n      zIndex: zIndex,\n    },\n    semanticTokens: semanticTokens,\n    containerSizes: breakpoints,\n  },\n});\n\nexport { forwardCssPropPlugin } from \"./plugins/forwardCssPropPlugin\";\n\nexport default preset;\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,MAAM,SAAS,aAAa;CAC1B,MAAM;CACK;CACC;CACZ,OAAO;EACQ;EACD;EACD;EACX,QAAQ;GACE;GACC;GACE;GACJ;GACE;GACT,OAAO;GACM;GACA;GACF;GACJ;GACK;GACZ,SAAS;GACD;EACT;EACe;EAChB,gBAAgB;CACjB;AACF,EAAC;AAIF,kBAAe"}

package/es/plugins/forwardCssPropPlugin.js

@@ -1,56 +1,45 @@
-/**
- * Copyright (c) 2024-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
+//#region src/plugins/forwardCssPropPlugin.ts
 const supportedJsxFrameworks = ["react"];
-export const forwardCssPropPlugin = () => {
-  return {
-    name: "forward-css-prop",
-    hooks: {
-      "config:resolved": args => {
-        const jsxFramework = args.config.jsxFramework;
-        if (!supportedJsxFrameworks.includes(jsxFramework)) {
-          throw new Error(`[plugin:restrict-styled-props]: Unsupported jsxFramework: ${jsxFramework}. This Panda plugin only supports: ${supportedJsxFrameworks.join(", ")}`);
-        }
-      },
-      "codegen:prepare": args => {
-        return transformStyledFn(args);
-      }
-    }
-  };
+const forwardCssPropPlugin = () => {
+	return {
+		name: "forward-css-prop",
+		hooks: {
+			"config:resolved": (args) => {
+				const jsxFramework = args.config.jsxFramework;
+				if (!supportedJsxFrameworks.includes(jsxFramework)) throw new Error(`[plugin:restrict-styled-props]: Unsupported jsxFramework: ${jsxFramework}. This Panda plugin only supports: ${supportedJsxFrameworks.join(", ")}`);
+			},
+			"codegen:prepare": (args) => {
+				return transformStyledFn(args);
+			}
+		}
+	};
 };
-export const transformStyledFn = args => {
-  const factoryArtifact = args.artifacts.find(art => art.id === "jsx-factory");
-  const factoryJs = factoryArtifact?.files.find(f => f.file.includes(".mjs") || f.file.includes(".js"));
-  const jsxTypes = args.artifacts.find(art => art.id === "types-jsx")?.files.find(f => f.file.includes("jsx"));
-  const systemTypes = args.artifacts.find(art => art.id === "types-gen-system")?.files.find(f => f.file.includes("system-types"));
-  if (!factoryJs?.code || !jsxTypes?.code || !systemTypes?.code) {
-    return args.artifacts;
-  }
-  const baseCode = "const __base__ = Dynamic.__base__ || Dynamic";
-  factoryJs.code = factoryJs.code.replace(baseCode, `${baseCode}
+const transformStyledFn = (args) => {
+	const factoryArtifact = args.artifacts.find((art) => art.id === "jsx-factory");
+	const factoryJs = factoryArtifact?.files.find((f) => f.file.includes(".mjs") || f.file.includes(".js"));
+	const jsxTypes = args.artifacts.find((art) => art.id === "types-jsx")?.files.find((f) => f.file.includes("jsx"));
+	const systemTypes = args.artifacts.find((art) => art.id === "types-gen-system")?.files.find((f) => f.file.includes("system-types"));
+	if (!factoryJs?.code || !jsxTypes?.code || !systemTypes?.code) return args.artifacts;
+	const baseCode = "const __base__ = Dynamic.__base__ || Dynamic";
+	factoryJs.code = factoryJs.code.replace(baseCode, `${baseCode}
   const contextConsume = options.baseComponent || Dynamic.__base__ || typeof Dynamic === "string"`);
-  const propsCode = "const { as: Element = __base__, children, ...restProps } = props";
-  factoryJs.code = factoryJs.code.replace(propsCode, `const { as: Element = __base__, consumeCss, children, ...restProps } = props
+	const propsCode = "const { as: Element = __base__, children, ...restProps } = props";
+	factoryJs.code = factoryJs.code.replace(propsCode, `const { as: Element = __base__, consumeCss, children, ...restProps } = props
 
     const consume = props.asChild
       ? consumeCss && (options.baseComponent || Dynamic.__baseComponent__)
       : consumeCss || contextConsume`);
-  const cvaCode = "const cvaStyles = __cvaFn__.raw(variantProps)";
-  factoryJs.code = factoryJs.code.replace(cvaCode, `${cvaCode}
+	const cvaCode = "const cvaStyles = __cvaFn__.raw(variantProps)";
+	factoryJs.code = factoryJs.code.replace(cvaCode, `${cvaCode}
       if(!consume) {
         return css.raw(cvaStyles, propStyles, cssStyles)
       }`);
-  factoryJs.code = factoryJs.code.replace("className: classes()", `...(consume ? { className: classes() } : { css: classes(), consumeCss } )`);
-  const styledComponentForwardPropDeclaration = `StyledComponent.__shouldForwardProps__ = shouldForwardProp`;
-  factoryJs.code = factoryJs.code.replace(styledComponentForwardPropDeclaration, `${styledComponentForwardPropDeclaration}
+	factoryJs.code = factoryJs.code.replace("className: classes()", `...(consume ? { className: classes() } : { css: classes(), consumeCss } )`);
+	const styledComponentForwardPropDeclaration = `StyledComponent.__shouldForwardProps__ = shouldForwardProp`;
+	factoryJs.code = factoryJs.code.replace(styledComponentForwardPropDeclaration, `${styledComponentForwardPropDeclaration}
   StyledComponent.__baseComponent__ = options.baseComponent || Dynamic.__baseComponent__`);
-  const shouldForwardPropCode = "shouldForwardProp?(prop: string, variantKeys: string[]): boolean";
-  jsxTypes.code = jsxTypes.code.replace(shouldForwardPropCode, `${shouldForwardPropCode}
+	const shouldForwardPropCode = "shouldForwardProp?(prop: string, variantKeys: string[]): boolean";
+	jsxTypes.code = jsxTypes.code.replace(shouldForwardPropCode, `${shouldForwardPropCode}
   /**
   * Used when creating styled components from React components that do not support the css prop. If true, the css prop will be consumed and converted to \`className\` 
   * @example
@@ -59,8 +48,8 @@ export const transformStyledFn = args => {
   * const Button = styled(ark.button, { baseComponent: true })
   */
   baseComponent?: boolean`);
-  const jsxStylePropsCode = "export type JsxStyleProps =";
-  systemTypes.code = systemTypes.code.replace(jsxStylePropsCode, `${jsxStylePropsCode} { 
+	const jsxStylePropsCode = "export type JsxStyleProps =";
+	systemTypes.code = systemTypes.code.replace(jsxStylePropsCode, `${jsxStylePropsCode} { 
   /**
   * Tells a component to consume the \`css\` prop and turn it into a \`className\` prop. This is only used in conjunction with the \`baseComponent\` prop in the \`styled\` function to ensure that components that are \`asChild\`-ed onto non-panda components can consume their css before being merged with their child.
   * @example
@@ -76,5 +65,9 @@ export const transformStyledFn = args => {
   */
   consumeCss?: boolean 
   } & `);
-  return args.artifacts;
-};
+	return args.artifacts;
+};
+
+//#endregion
+export { forwardCssPropPlugin };
+//# sourceMappingURL=forwardCssPropPlugin.js.map