@ndla/preset-panda 0.0.69 → 0.0.71

package/dist/styles.css

@@ -164,7 +164,7 @@
 }
 
   .ndla-article section:not([class]) > :is([data-embed-type="ordered-list"]),.ndla-article section:not([class]) > div:not([class]) > :is([data-embed-type="ordered-list"]),.ndla-article [data-embed-type="framed-content"] > :is([data-embed-type="ordered-list"]),.ndla-article [data-embed-type="grid"] > div > :is([data-embed-type="ordered-list"]),.ndla-article [data-embed-type="factbox"] > div > :is([data-embed-type="ordered-list"]),.ndla-article [data-embed-type="copyright"] > [data-copyright-content] > :is([data-embed-type="ordered-list"]),.ndla-article [data-embed-type="uu-disclaimer"] > [data-uu-content] > :is([data-embed-type="ordered-list"]),.ndla-article [data-embed-wrapper] > :is([data-embed-type="ordered-list"]),.ndla-article details > :is([data-embed-type="ordered-list"]),.ndla-article [data-embed-type="expandable-box"] > :is([data-embed-type="ordered-list"]),.ndla-article blockquote > :is([data-embed-type="ordered-list"]) {
-    margin-inline-start: var(--spacing-xlarge) !important;
+    margin-inline-start: var(--spacing-small);
 }
 
   .ndla-article [data-embed-type="framed-content"] > :first-child,.ndla-article [data-embed-type="grid"] > div > :first-child,.ndla-article [data-embed-type="factbox"] > div > :first-child,.ndla-article [data-embed-type="copyright"] > [data-copyright-content] > :first-child,.ndla-article [data-embed-type="uu-disclaimer"] > [data-uu-content] > :first-child,.ndla-article details > :first-child,.ndla-article blockquote > :first-child {

package/es/globalCss.mjs

@@ -83,7 +83,7 @@ const globalCss = defineGlobalStyles({
 				marginBlockStart: "xsmall",
 				marginBlockEnd: "xsmall"
 			},
-			"& > :is([data-embed-type=\"ordered-list\"])": { marginInlineStart: "xlarge!" }
+			"& > :is([data-embed-type=\"ordered-list\"])": { marginInlineStart: "small" }
 		},
 		"& [data-embed-type=\"framed-content\"], [data-embed-type=\"grid\"] > 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" },

package/es/globalCss.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"globalCss.mjs","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=\"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=\"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;EACvB;CACD,MAAM;EACJ,WAAW;EACX,qBAAqB;EAErB,4BAA4B,EAC1B,UAAU,SACX;EACF;CACD,MAAM;EACJ,YAAY;EACZ,OAAO;EACR;CACD,8CAA8C;EAC5C,SAAS;EACT,eAAe;GACb,SAAS;GACT,cAAc;GACd,cAAc;GACd,eAAe;GACf,cAAc;GACf;EACF;CACD,MAAM;EACJ,YAAY;EACZ,YAAY;EACb;CAED,mBAAmB,EACjB,SAAS,QACV;CAGD,iBAAiB;EACf,IAAI,EACF,WAAW,kBACZ;EACD,IAAI,EACF,WAAW,iBACZ;EACD,IAAI,EACF,WAAW,gBACZ;EACD,cAAc,EACZ,WAAW,eACZ;EACD,8BAA4B,EAC1B,WAAW,UACZ;EAED,YAAY;GACV,WAAW;GACX,YAAY;GACb;EACD,8BAA4B,EAC1B,WAAW,OACZ;EACD,WAAW;EACX,OAAO;EAGP,qdACE;GACE,kBAAkB;GAClB,gBAAgB;GAChB,YAAY;IACV,kBAAkB;IAClB,gBAAgB;IACjB;GACF;EAGH,sXACE;GACE,mDAAiD;IAC/C,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;IACF;GACD,UAAU;IACR,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,UACnB;IACF;GACD,uBAAuB;IACrB,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;IACF;GACD,mBAAmB;IACjB,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,UACnB;IACF;GACD,wDAAsD;IACpD,kBAAkB;IAClB,gBAAgB;IACjB;GACD,+CAA6C,EAC3C,mBAAmB,WACpB;GACF;EACH,2PACE;GACE,oBAAoB,EAClB,kBAAkB,KACnB;GACD,mBAAmB,EACjB,gBAAgB,KACjB;GACF;EACH,mEAAmE;GACjE,oBAAoB;IAClB,kBAAkB;IAClB,YAAY,EACV,kBAAkB,UACnB;IACF;GACD,mBAAmB;IACjB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,UACnB;IACF;GACF;EACF;CAED,2EAAyE;EACvE,OAAO;EACP,gBAAgB;EAChB,QAAQ,EACN,gBAAgB,QACjB;EACD,UAAU,EACR,OAAO,oBACR;EACF;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;GAClB;EACD,kCAAkC,EAChC,mBAAmB,UACpB;EACD,uCAAuC,EACrC,iBAAiB,UAClB;EAED,uFAAuF,EACrF,OAAO,WACR;EACD,wBAAwB,EACtB,OAAO,WACR;EACD,sIACE,EACE,OAAO,WACR;EACH,qHACE,EACE,OAAO,WACR;EACH,iEAAiE;GAC/D,OAAO;GACP,YAAY;GACb;EACD,yEAAyE,EACvE,OAAO,WACR;EACD,oCAAoC,EAClC,OAAO,QACR;EACD,uDAAuD;GACrD,OAAO;GACP,YAAY;GACb;EACD,sBAAsB,EACpB,YAAY,UACb;EACD,iBAAiB,EACf,YAAY,QACb;EACD,mBAAmB,EACjB,WAAW,UACZ;EACD,mBAAmB,EACjB,QAAQ,QACT;EACD,sBAAsB,EACpB,SAAS,OACV;EACF;CACF,CAAC"}
+{"version":3,"file":"globalCss.mjs","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=\"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: \"small\",\n        },\n      },\n    '& [data-embed-type=\"framed-content\"], [data-embed-type=\"grid\"] > 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;EACvB;CACD,MAAM;EACJ,WAAW;EACX,qBAAqB;EAErB,4BAA4B,EAC1B,UAAU,SACX;EACF;CACD,MAAM;EACJ,YAAY;EACZ,OAAO;EACR;CACD,8CAA8C;EAC5C,SAAS;EACT,eAAe;GACb,SAAS;GACT,cAAc;GACd,cAAc;GACd,eAAe;GACf,cAAc;GACf;EACF;CACD,MAAM;EACJ,YAAY;EACZ,YAAY;EACb;CAED,mBAAmB,EACjB,SAAS,QACV;CAGD,iBAAiB;EACf,IAAI,EACF,WAAW,kBACZ;EACD,IAAI,EACF,WAAW,iBACZ;EACD,IAAI,EACF,WAAW,gBACZ;EACD,cAAc,EACZ,WAAW,eACZ;EACD,8BAA4B,EAC1B,WAAW,UACZ;EAED,YAAY;GACV,WAAW;GACX,YAAY;GACb;EACD,8BAA4B,EAC1B,WAAW,OACZ;EACD,WAAW;EACX,OAAO;EAGP,qdACE;GACE,kBAAkB;GAClB,gBAAgB;GAChB,YAAY;IACV,kBAAkB;IAClB,gBAAgB;IACjB;GACF;EAGH,sXACE;GACE,mDAAiD;IAC/C,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;IACF;GACD,UAAU;IACR,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,UACnB;IACF;GACD,uBAAuB;IACrB,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;IACF;GACD,mBAAmB;IACjB,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,UACnB;IACF;GACD,wDAAsD;IACpD,kBAAkB;IAClB,gBAAgB;IACjB;GACD,+CAA6C,EAC3C,mBAAmB,SACpB;GACF;EACH,2PACE;GACE,oBAAoB,EAClB,kBAAkB,KACnB;GACD,mBAAmB,EACjB,gBAAgB,KACjB;GACF;EACH,mEAAmE;GACjE,oBAAoB;IAClB,kBAAkB;IAClB,YAAY,EACV,kBAAkB,UACnB;IACF;GACD,mBAAmB;IACjB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,UACnB;IACF;GACF;EACF;CAED,2EAAyE;EACvE,OAAO;EACP,gBAAgB;EAChB,QAAQ,EACN,gBAAgB,QACjB;EACD,UAAU,EACR,OAAO,oBACR;EACF;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;GAClB;EACD,kCAAkC,EAChC,mBAAmB,UACpB;EACD,uCAAuC,EACrC,iBAAiB,UAClB;EAED,uFAAuF,EACrF,OAAO,WACR;EACD,wBAAwB,EACtB,OAAO,WACR;EACD,sIACE,EACE,OAAO,WACR;EACH,qHACE,EACE,OAAO,WACR;EACH,iEAAiE;GAC/D,OAAO;GACP,YAAY;GACb;EACD,yEAAyE,EACvE,OAAO,WACR;EACD,oCAAoC,EAClC,OAAO,QACR;EACD,uDAAuD;GACrD,OAAO;GACP,YAAY;GACb;EACD,sBAAsB,EACpB,YAAY,UACb;EACD,iBAAiB,EACf,YAAY,QACb;EACD,mBAAmB,EACjB,WAAW,UACZ;EACD,mBAAmB,EACjB,QAAQ,QACT;EACD,sBAAsB,EACpB,SAAS,OACV;EACF;CACF,CAAC"}

package/es/index.mjs

@@ -9,8 +9,8 @@ import { spacing } from "./spacing.mjs";
 import { fontSizes, fontWeights, fonts, lineHeights, textStyles } from "./typography.mjs";
 import { zIndex } from "./zIndex.mjs";
 import { forwardCssPropPlugin } from "./plugins/forwardCssPropPlugin.mjs";
-import { definePreset } from "@pandacss/dev";
 import { breakpoints } from "@ndla/core";
+import { definePreset } from "@pandacss/dev";
 
 //#region src/index.ts
 /**

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","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;GACT;EACe;EAChB,gBAAgB;EACjB;CACF,CAAC;AAIF,kBAAe"}
+{"version":3,"file":"index.mjs","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 { breakpoints } from \"@ndla/core\";\nimport { definePreset } from \"@pandacss/dev\";\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;GACT;EACe;EAChB,gBAAgB;EACjB;CACF,CAAC;AAIF,kBAAe"}

package/es/typography.mjs

@@ -1,13 +1,6 @@
 import { defineTextStyles, defineTokens } from "@pandacss/dev";
 
 //#region src/typography.ts
-/**
-* 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.
-*
-*/
 const fontWeights = defineTokens.fontWeights({
 	light: { value: 300 },
 	normal: { value: 400 },

package/es/typography.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"typography.mjs","names":[],"sources":["../src/typography.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 { defineTextStyles, defineTokens } from \"@pandacss/dev\";\nimport type { FontSizeToken, LineHeightToken } from \"@ndla/styled-system/tokens\";\n\nexport const fontWeights = defineTokens.fontWeights({\n  light: { value: 300 },\n  normal: { value: 400 },\n  semibold: { value: 600 },\n  bold: { value: 670 },\n});\n\nexport const fonts = defineTokens.fonts({\n  sans: {\n    value: [\n      \"Satoshi\",\n      \"Helvetica\",\n      \"Arial\",\n      \"STKaiti\",\n      \"'华文楷体'\",\n      \"KaiTi\",\n      \"SimKai\",\n      \"'楷体'\",\n      \"KaiU\",\n      \"DFKai-SB\",\n      \"'標楷體'\",\n      \"SongTi\",\n      \"'宋体'\",\n      \"sans-serif\",\n    ],\n  },\n  serif: {\n    value: [\n      \"'Source Serif 4 Variable'\",\n      \"Times\",\n      \"STKaiti\",\n      \"'华文楷体'\",\n      \"KaiTi\",\n      \"SimKai\",\n      \"'楷体'\",\n      \"KaiU\",\n      \"DFKai-SB\",\n      \"'標楷體'\",\n      \"SongTi\",\n      \"'宋体'\",\n      \"serif\",\n    ],\n  },\n  code: {\n    value: [\"'Source Code Pro Variable'\", \"Monaco\"],\n  },\n});\n\nexport const fontSizes = defineTokens.fontSizes({\n  // 12px\n  xxsmall: { value: \"0.75rem\" },\n  // 14px\n  xsmall: { value: \"0.875rem\" },\n  // 16px\n  small: { value: \"1rem\" },\n  // 18px\n  medium: { value: \"1.125rem\" },\n  // 22px\n  large: { value: \"1.375rem\" },\n  // 26px\n  xlarge: { value: \"1.625rem\" },\n  // 30px\n  xxlarge: { value: \"1.875rem\" },\n  // 38px\n  \"3xlarge\": { value: \"2.375rem\" },\n  // 48px\n  \"4xlarge\": { value: \"3rem\" },\n});\n\nexport const lineHeights = defineTokens.lineHeights({\n  xxsmall: { value: \"0.75rem\" },\n  xsmall: { value: \"1.375rem\" },\n  small: { value: \"1.5rem\" },\n  medium: { value: \"1.75rem\" },\n  large: { value: \"1.875rem\" },\n  xlarge: { value: \"2.25rem\" },\n  xxlarge: { value: \"2.375rem\" },\n  \"3xlarge\": { value: \"3rem\" },\n  \"4xlarge\": { value: \"3.75rem\" },\n});\n\nconst sizes = (size: FontSizeToken, lineHeight: LineHeightToken) => {\n  return {\n    fontSize: size,\n    lineHeight,\n    _chinese: {\n      fontSize: `calc(token(fontSizes.${size}) * 1.11)`,\n      lineHeight: `calc(token(lineHeights.${lineHeight}) * 1.11)`,\n    },\n  };\n};\n\nexport const textStyles = defineTextStyles({\n  heading: {\n    large: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"4xlarge\", \"4xlarge\"),\n        mobileWideDown: {\n          ...sizes(\"3xlarge\", \"3xlarge\"),\n        },\n      },\n    },\n    medium: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"3xlarge\", \"3xlarge\"),\n        mobileWideDown: {\n          letterSpacing: \"-0.01em\",\n          ...sizes(\"xxlarge\", \"xxlarge\"),\n        },\n      },\n    },\n    small: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"xxlarge\", \"xxlarge\"),\n        mobileWideDown: {\n          ...sizes(\"xlarge\", \"xlarge\"),\n        },\n      },\n    },\n  },\n  title: {\n    large: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"xlarge\", \"xlarge\"),\n        mobileWideDown: {\n          ...sizes(\"large\", \"large\"),\n        },\n      },\n    },\n    medium: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"large\", \"large\"),\n        mobileWideDown: {\n          ...sizes(\"medium\", \"small\"),\n        },\n      },\n    },\n    small: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"medium\", \"small\"),\n      },\n    },\n  },\n  body: {\n    article: {\n      value: {\n        fontFamily: \"serif\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"medium\", \"medium\"),\n      },\n    },\n    articleLink: {\n      value: {\n        fontFamily: \"serif\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"medium\", \"medium\"),\n      },\n    },\n    link: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"medium\", \"medium\"),\n      },\n    },\n    xlarge: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"large\", \"large\"),\n      },\n    },\n    large: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"medium\", \"medium\"),\n      },\n    },\n    medium: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"small\", \"small\"),\n      },\n    },\n    small: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"xsmall\", \"xsmall\"),\n      },\n    },\n  },\n  label: {\n    large: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"medium\", \"medium\"),\n      },\n      strong: {\n        value: {\n          fontFamily: \"sans\",\n          fontWeight: \"bold\",\n          letterSpacing: \"normal\",\n          ...sizes(\"medium\", \"medium\"),\n        },\n      },\n    },\n    medium: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"small\", \"small\"),\n      },\n    },\n    small: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"xsmall\", \"xsmall\"),\n      },\n    },\n    xsmall: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"xxsmall\", \"xxsmall\"),\n      },\n    },\n  },\n});\n"],"mappings":"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"}
+{"version":3,"file":"typography.mjs","names":[],"sources":["../src/typography.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 type { FontSizeToken, LineHeightToken } from \"@ndla/styled-system/tokens\";\nimport { defineTextStyles, defineTokens } from \"@pandacss/dev\";\n\nexport const fontWeights = defineTokens.fontWeights({\n  light: { value: 300 },\n  normal: { value: 400 },\n  semibold: { value: 600 },\n  bold: { value: 670 },\n});\n\nexport const fonts = defineTokens.fonts({\n  sans: {\n    value: [\n      \"Satoshi\",\n      \"Helvetica\",\n      \"Arial\",\n      \"STKaiti\",\n      \"'华文楷体'\",\n      \"KaiTi\",\n      \"SimKai\",\n      \"'楷体'\",\n      \"KaiU\",\n      \"DFKai-SB\",\n      \"'標楷體'\",\n      \"SongTi\",\n      \"'宋体'\",\n      \"sans-serif\",\n    ],\n  },\n  serif: {\n    value: [\n      \"'Source Serif 4 Variable'\",\n      \"Times\",\n      \"STKaiti\",\n      \"'华文楷体'\",\n      \"KaiTi\",\n      \"SimKai\",\n      \"'楷体'\",\n      \"KaiU\",\n      \"DFKai-SB\",\n      \"'標楷體'\",\n      \"SongTi\",\n      \"'宋体'\",\n      \"serif\",\n    ],\n  },\n  code: {\n    value: [\"'Source Code Pro Variable'\", \"Monaco\"],\n  },\n});\n\nexport const fontSizes = defineTokens.fontSizes({\n  // 12px\n  xxsmall: { value: \"0.75rem\" },\n  // 14px\n  xsmall: { value: \"0.875rem\" },\n  // 16px\n  small: { value: \"1rem\" },\n  // 18px\n  medium: { value: \"1.125rem\" },\n  // 22px\n  large: { value: \"1.375rem\" },\n  // 26px\n  xlarge: { value: \"1.625rem\" },\n  // 30px\n  xxlarge: { value: \"1.875rem\" },\n  // 38px\n  \"3xlarge\": { value: \"2.375rem\" },\n  // 48px\n  \"4xlarge\": { value: \"3rem\" },\n});\n\nexport const lineHeights = defineTokens.lineHeights({\n  xxsmall: { value: \"0.75rem\" },\n  xsmall: { value: \"1.375rem\" },\n  small: { value: \"1.5rem\" },\n  medium: { value: \"1.75rem\" },\n  large: { value: \"1.875rem\" },\n  xlarge: { value: \"2.25rem\" },\n  xxlarge: { value: \"2.375rem\" },\n  \"3xlarge\": { value: \"3rem\" },\n  \"4xlarge\": { value: \"3.75rem\" },\n});\n\nconst sizes = (size: FontSizeToken, lineHeight: LineHeightToken) => {\n  return {\n    fontSize: size,\n    lineHeight,\n    _chinese: {\n      fontSize: `calc(token(fontSizes.${size}) * 1.11)`,\n      lineHeight: `calc(token(lineHeights.${lineHeight}) * 1.11)`,\n    },\n  };\n};\n\nexport const textStyles = defineTextStyles({\n  heading: {\n    large: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"4xlarge\", \"4xlarge\"),\n        mobileWideDown: {\n          ...sizes(\"3xlarge\", \"3xlarge\"),\n        },\n      },\n    },\n    medium: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"3xlarge\", \"3xlarge\"),\n        mobileWideDown: {\n          letterSpacing: \"-0.01em\",\n          ...sizes(\"xxlarge\", \"xxlarge\"),\n        },\n      },\n    },\n    small: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"xxlarge\", \"xxlarge\"),\n        mobileWideDown: {\n          ...sizes(\"xlarge\", \"xlarge\"),\n        },\n      },\n    },\n  },\n  title: {\n    large: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"xlarge\", \"xlarge\"),\n        mobileWideDown: {\n          ...sizes(\"large\", \"large\"),\n        },\n      },\n    },\n    medium: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"large\", \"large\"),\n        mobileWideDown: {\n          ...sizes(\"medium\", \"small\"),\n        },\n      },\n    },\n    small: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"medium\", \"small\"),\n      },\n    },\n  },\n  body: {\n    article: {\n      value: {\n        fontFamily: \"serif\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"medium\", \"medium\"),\n      },\n    },\n    articleLink: {\n      value: {\n        fontFamily: \"serif\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"medium\", \"medium\"),\n      },\n    },\n    link: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"medium\", \"medium\"),\n      },\n    },\n    xlarge: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"large\", \"large\"),\n      },\n    },\n    large: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"medium\", \"medium\"),\n      },\n    },\n    medium: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"small\", \"small\"),\n      },\n    },\n    small: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"xsmall\", \"xsmall\"),\n      },\n    },\n  },\n  label: {\n    large: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"medium\", \"medium\"),\n      },\n      strong: {\n        value: {\n          fontFamily: \"sans\",\n          fontWeight: \"bold\",\n          letterSpacing: \"normal\",\n          ...sizes(\"medium\", \"medium\"),\n        },\n      },\n    },\n    medium: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"small\", \"small\"),\n      },\n    },\n    small: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"xsmall\", \"xsmall\"),\n      },\n    },\n    xsmall: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"xxsmall\", \"xxsmall\"),\n      },\n    },\n  },\n});\n"],"mappings":";;;AAWA,MAAa,cAAc,aAAa,YAAY;CAClD,OAAO,EAAE,OAAO,KAAK;CACrB,QAAQ,EAAE,OAAO,KAAK;CACtB,UAAU,EAAE,OAAO,KAAK;CACxB,MAAM,EAAE,OAAO,KAAK;CACrB,CAAC;AAEF,MAAa,QAAQ,aAAa,MAAM;CACtC,MAAM,EACJ,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EACF;CACD,OAAO,EACL,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EACF;CACD,MAAM,EACJ,OAAO,CAAC,8BAA8B,SAAS,EAChD;CACF,CAAC;AAEF,MAAa,YAAY,aAAa,UAAU;CAE9C,SAAS,EAAE,OAAO,WAAW;CAE7B,QAAQ,EAAE,OAAO,YAAY;CAE7B,OAAO,EAAE,OAAO,QAAQ;CAExB,QAAQ,EAAE,OAAO,YAAY;CAE7B,OAAO,EAAE,OAAO,YAAY;CAE5B,QAAQ,EAAE,OAAO,YAAY;CAE7B,SAAS,EAAE,OAAO,YAAY;CAE9B,WAAW,EAAE,OAAO,YAAY;CAEhC,WAAW,EAAE,OAAO,QAAQ;CAC7B,CAAC;AAEF,MAAa,cAAc,aAAa,YAAY;CAClD,SAAS,EAAE,OAAO,WAAW;CAC7B,QAAQ,EAAE,OAAO,YAAY;CAC7B,OAAO,EAAE,OAAO,UAAU;CAC1B,QAAQ,EAAE,OAAO,WAAW;CAC5B,OAAO,EAAE,OAAO,YAAY;CAC5B,QAAQ,EAAE,OAAO,WAAW;CAC5B,SAAS,EAAE,OAAO,YAAY;CAC9B,WAAW,EAAE,OAAO,QAAQ;CAC5B,WAAW,EAAE,OAAO,WAAW;CAChC,CAAC;AAEF,MAAM,SAAS,MAAqB,eAAgC;AAClE,QAAO;EACL,UAAU;EACV;EACA,UAAU;GACR,UAAU,wBAAwB,KAAK;GACvC,YAAY,0BAA0B,WAAW;GAClD;EACF;;AAGH,MAAa,aAAa,iBAAiB;CACzC,SAAS;EACP,OAAO,EACL,OAAO;GACL,YAAY;GACZ,YAAY;GACZ,eAAe;GACf,GAAG,MAAM,WAAW,UAAU;GAC9B,gBAAgB,EACd,GAAG,MAAM,WAAW,UAAU,EAC/B;GACF,EACF;EACD,QAAQ,EACN,OAAO;GACL,YAAY;GACZ,YAAY;GACZ,eAAe;GACf,GAAG,MAAM,WAAW,UAAU;GAC9B,gBAAgB;IACd,eAAe;IACf,GAAG,MAAM,WAAW,UAAU;IAC/B;GACF,EACF;EACD,OAAO,EACL,OAAO;GACL,YAAY;GACZ,YAAY;GACZ,eAAe;GACf,GAAG,MAAM,WAAW,UAAU;GAC9B,gBAAgB,EACd,GAAG,MAAM,UAAU,SAAS,EAC7B;GACF,EACF;EACF;CACD,OAAO;EACL,OAAO,EACL,OAAO;GACL,YAAY;GACZ,YAAY;GACZ,eAAe;GACf,GAAG,MAAM,UAAU,SAAS;GAC5B,gBAAgB,EACd,GAAG,MAAM,SAAS,QAAQ,EAC3B;GACF,EACF;EACD,QAAQ,EACN,OAAO;GACL,YAAY;GACZ,YAAY;GACZ,eAAe;GACf,GAAG,MAAM,SAAS,QAAQ;GAC1B,gBAAgB,EACd,GAAG,MAAM,UAAU,QAAQ,EAC5B;GACF,EACF;EACD,OAAO,EACL,OAAO;GACL,YAAY;GACZ,YAAY;GACZ,eAAe;GACf,GAAG,MAAM,UAAU,QAAQ;GAC5B,EACF;EACF;CACD,MAAM;EACJ,SAAS,EACP,OAAO;GACL,YAAY;GACZ,YAAY;GACZ,eAAe;GACf,GAAG,MAAM,UAAU,SAAS;GAC7B,EACF;EACD,aAAa,EACX,OAAO;GACL,YAAY;GACZ,YAAY;GACZ,eAAe;GACf,GAAG,MAAM,UAAU,SAAS;GAC7B,EACF;EACD,MAAM,EACJ,OAAO;GACL,YAAY;GACZ,YAAY;GACZ,eAAe;GACf,GAAG,MAAM,UAAU,SAAS;GAC7B,EACF;EACD,QAAQ,EACN,OAAO;GACL,YAAY;GACZ,YAAY;GACZ,eAAe;GACf,GAAG,MAAM,SAAS,QAAQ;GAC3B,EACF;EACD,OAAO,EACL,OAAO;GACL,YAAY;GACZ,YAAY;GACZ,eAAe;GACf,GAAG,MAAM,UAAU,SAAS;GAC7B,EACF;EACD,QAAQ,EACN,OAAO;GACL,YAAY;GACZ,YAAY;GACZ,eAAe;GACf,GAAG,MAAM,SAAS,QAAQ;GAC3B,EACF;EACD,OAAO,EACL,OAAO;GACL,YAAY;GACZ,YAAY;GACZ,eAAe;GACf,GAAG,MAAM,UAAU,SAAS;GAC7B,EACF;EACF;CACD,OAAO;EACL,OAAO;GACL,OAAO;IACL,YAAY;IACZ,YAAY;IACZ,eAAe;IACf,GAAG,MAAM,UAAU,SAAS;IAC7B;GACD,QAAQ,EACN,OAAO;IACL,YAAY;IACZ,YAAY;IACZ,eAAe;IACf,GAAG,MAAM,UAAU,SAAS;IAC7B,EACF;GACF;EACD,QAAQ,EACN,OAAO;GACL,YAAY;GACZ,YAAY;GACZ,eAAe;GACf,GAAG,MAAM,SAAS,QAAQ;GAC3B,EACF;EACD,OAAO,EACL,OAAO;GACL,YAAY;GACZ,YAAY;GACZ,eAAe;GACf,GAAG,MAAM,UAAU,SAAS;GAC7B,EACF;EACD,QAAQ,EACN,OAAO;GACL,YAAY;GACZ,YAAY;GACZ,eAAe;GACf,GAAG,MAAM,WAAW,UAAU;GAC/B,EACF;EACF;CACF,CAAC"}

package/lib/globalCss.js

@@ -83,7 +83,7 @@ const globalCss = (0, _pandacss_dev.defineGlobalStyles)({
 				marginBlockStart: "xsmall",
 				marginBlockEnd: "xsmall"
 			},
-			"& > :is([data-embed-type=\"ordered-list\"])": { marginInlineStart: "xlarge!" }
+			"& > :is([data-embed-type=\"ordered-list\"])": { marginInlineStart: "small" }
 		},
 		"& [data-embed-type=\"framed-content\"], [data-embed-type=\"grid\"] > 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" },

package/lib/globalCss.js.map

@@ -1 +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=\"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=\"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,kDAA+B;CAC1C,SAAS;EAEP,sBAAsB;EAEtB,sBAAsB;EACvB;CACD,MAAM;EACJ,WAAW;EACX,qBAAqB;EAErB,4BAA4B,EAC1B,UAAU,SACX;EACF;CACD,MAAM;EACJ,YAAY;EACZ,OAAO;EACR;CACD,8CAA8C;EAC5C,SAAS;EACT,eAAe;GACb,SAAS;GACT,cAAc;GACd,cAAc;GACd,eAAe;GACf,cAAc;GACf;EACF;CACD,MAAM;EACJ,YAAY;EACZ,YAAY;EACb;CAED,mBAAmB,EACjB,SAAS,QACV;CAGD,iBAAiB;EACf,IAAI,EACF,WAAW,kBACZ;EACD,IAAI,EACF,WAAW,iBACZ;EACD,IAAI,EACF,WAAW,gBACZ;EACD,cAAc,EACZ,WAAW,eACZ;EACD,8BAA4B,EAC1B,WAAW,UACZ;EAED,YAAY;GACV,WAAW;GACX,YAAY;GACb;EACD,8BAA4B,EAC1B,WAAW,OACZ;EACD,WAAW;EACX,OAAO;EAGP,qdACE;GACE,kBAAkB;GAClB,gBAAgB;GAChB,YAAY;IACV,kBAAkB;IAClB,gBAAgB;IACjB;GACF;EAGH,sXACE;GACE,mDAAiD;IAC/C,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;IACF;GACD,UAAU;IACR,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,UACnB;IACF;GACD,uBAAuB;IACrB,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;IACF;GACD,mBAAmB;IACjB,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,UACnB;IACF;GACD,wDAAsD;IACpD,kBAAkB;IAClB,gBAAgB;IACjB;GACD,+CAA6C,EAC3C,mBAAmB,WACpB;GACF;EACH,2PACE;GACE,oBAAoB,EAClB,kBAAkB,KACnB;GACD,mBAAmB,EACjB,gBAAgB,KACjB;GACF;EACH,mEAAmE;GACjE,oBAAoB;IAClB,kBAAkB;IAClB,YAAY,EACV,kBAAkB,UACnB;IACF;GACD,mBAAmB;IACjB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,UACnB;IACF;GACF;EACF;CAED,2EAAyE;EACvE,OAAO;EACP,gBAAgB;EAChB,QAAQ,EACN,gBAAgB,QACjB;EACD,UAAU,EACR,OAAO,oBACR;EACF;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;GAClB;EACD,kCAAkC,EAChC,mBAAmB,UACpB;EACD,uCAAuC,EACrC,iBAAiB,UAClB;EAED,uFAAuF,EACrF,OAAO,WACR;EACD,wBAAwB,EACtB,OAAO,WACR;EACD,sIACE,EACE,OAAO,WACR;EACH,qHACE,EACE,OAAO,WACR;EACH,iEAAiE;GAC/D,OAAO;GACP,YAAY;GACb;EACD,yEAAyE,EACvE,OAAO,WACR;EACD,oCAAoC,EAClC,OAAO,QACR;EACD,uDAAuD;GACrD,OAAO;GACP,YAAY;GACb;EACD,sBAAsB,EACpB,YAAY,UACb;EACD,iBAAiB,EACf,YAAY,QACb;EACD,mBAAmB,EACjB,WAAW,UACZ;EACD,mBAAmB,EACjB,QAAQ,QACT;EACD,sBAAsB,EACpB,SAAS,OACV;EACF;CACF,CAAC"}
+{"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=\"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: \"small\",\n        },\n      },\n    '& [data-embed-type=\"framed-content\"], [data-embed-type=\"grid\"] > 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,kDAA+B;CAC1C,SAAS;EAEP,sBAAsB;EAEtB,sBAAsB;EACvB;CACD,MAAM;EACJ,WAAW;EACX,qBAAqB;EAErB,4BAA4B,EAC1B,UAAU,SACX;EACF;CACD,MAAM;EACJ,YAAY;EACZ,OAAO;EACR;CACD,8CAA8C;EAC5C,SAAS;EACT,eAAe;GACb,SAAS;GACT,cAAc;GACd,cAAc;GACd,eAAe;GACf,cAAc;GACf;EACF;CACD,MAAM;EACJ,YAAY;EACZ,YAAY;EACb;CAED,mBAAmB,EACjB,SAAS,QACV;CAGD,iBAAiB;EACf,IAAI,EACF,WAAW,kBACZ;EACD,IAAI,EACF,WAAW,iBACZ;EACD,IAAI,EACF,WAAW,gBACZ;EACD,cAAc,EACZ,WAAW,eACZ;EACD,8BAA4B,EAC1B,WAAW,UACZ;EAED,YAAY;GACV,WAAW;GACX,YAAY;GACb;EACD,8BAA4B,EAC1B,WAAW,OACZ;EACD,WAAW;EACX,OAAO;EAGP,qdACE;GACE,kBAAkB;GAClB,gBAAgB;GAChB,YAAY;IACV,kBAAkB;IAClB,gBAAgB;IACjB;GACF;EAGH,sXACE;GACE,mDAAiD;IAC/C,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;IACF;GACD,UAAU;IACR,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,UACnB;IACF;GACD,uBAAuB;IACrB,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;IACF;GACD,mBAAmB;IACjB,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,UACnB;IACF;GACD,wDAAsD;IACpD,kBAAkB;IAClB,gBAAgB;IACjB;GACD,+CAA6C,EAC3C,mBAAmB,SACpB;GACF;EACH,2PACE;GACE,oBAAoB,EAClB,kBAAkB,KACnB;GACD,mBAAmB,EACjB,gBAAgB,KACjB;GACF;EACH,mEAAmE;GACjE,oBAAoB;IAClB,kBAAkB;IAClB,YAAY,EACV,kBAAkB,UACnB;IACF;GACD,mBAAmB;IACjB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,UACnB;IACF;GACF;EACF;CAED,2EAAyE;EACvE,OAAO;EACP,gBAAgB;EAChB,QAAQ,EACN,gBAAgB,QACjB;EACD,UAAU,EACR,OAAO,oBACR;EACF;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;GAClB;EACD,kCAAkC,EAChC,mBAAmB,UACpB;EACD,uCAAuC,EACrC,iBAAiB,UAClB;EAED,uFAAuF,EACrF,OAAO,WACR;EACD,wBAAwB,EACtB,OAAO,WACR;EACD,sIACE,EACE,OAAO,WACR;EACH,qHACE,EACE,OAAO,WACR;EACH,iEAAiE;GAC/D,OAAO;GACP,YAAY;GACb;EACD,yEAAyE,EACvE,OAAO,WACR;EACD,oCAAoC,EAClC,OAAO,QACR;EACD,uDAAuD;GACrD,OAAO;GACP,YAAY;GACb;EACD,sBAAsB,EACpB,YAAY,UACb;EACD,iBAAiB,EACf,YAAY,QACb;EACD,mBAAmB,EACjB,WAAW,UACZ;EACD,mBAAmB,EACjB,QAAQ,QACT;EACD,sBAAsB,EACpB,SAAS,OACV;EACF;CACF,CAAC"}

package/lib/index.js

@@ -10,8 +10,8 @@ const require_spacing = require('./spacing.js');
 const require_typography = require('./typography.js');
 const require_zIndex = require('./zIndex.js');
 const require_forwardCssPropPlugin = require('./plugins/forwardCssPropPlugin.js');
-let _pandacss_dev = require("@pandacss/dev");
 let _ndla_core = require("@ndla/core");
+let _pandacss_dev = require("@pandacss/dev");
 
 //#region src/index.ts
 /**

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["globalCss","conditions","breakpoints","textStyles","keyframes","colors","easings","durations","radii","spacing","lineHeights","fontWeights","fontSizes","fonts","animations","boxShadows","zIndex","semanticTokens"],"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,yCAAsB;CAC1B,MAAM;CACN,WAAWA;CACX,YAAYC;CACZ,OAAO;EACL,aAAaC;EACb,YAAYC;EACZ,WAAWC;EACX,QAAQ;GACN,QAAQC;GACR,SAASC;GACT,WAAWC;GACX,OAAOC;GACP,SAASC;GACT,OAAOA;GACP,aAAaC;GACb,aAAaC;GACb,WAAWC;GACX,OAAOC;GACP,YAAYC;GACZ,SAASC;GACT,QAAQC;GACT;EACD,gBAAgBC;EAChB,gBAAgBf;EACjB;CACF,CAAC;AAIF,kBAAe"}
+{"version":3,"file":"index.js","names":["globalCss","conditions","breakpoints","textStyles","keyframes","colors","easings","durations","radii","spacing","lineHeights","fontWeights","fontSizes","fonts","animations","boxShadows","zIndex","semanticTokens"],"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 { breakpoints } from \"@ndla/core\";\nimport { definePreset } from \"@pandacss/dev\";\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,yCAAsB;CAC1B,MAAM;CACN,WAAWA;CACX,YAAYC;CACZ,OAAO;EACL,aAAaC;EACb,YAAYC;EACZ,WAAWC;EACX,QAAQ;GACN,QAAQC;GACR,SAASC;GACT,WAAWC;GACX,OAAOC;GACP,SAASC;GACT,OAAOA;GACP,aAAaC;GACb,aAAaC;GACb,WAAWC;GACX,OAAOC;GACP,YAAYC;GACZ,SAASC;GACT,QAAQC;GACT;EACD,gBAAgBC;EAChB,gBAAgBf;EACjB;CACF,CAAC;AAIF,kBAAe"}

package/lib/typography.js

@@ -1,13 +1,6 @@
 let _pandacss_dev = require("@pandacss/dev");
 
 //#region src/typography.ts
-/**
-* 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.
-*
-*/
 const fontWeights = _pandacss_dev.defineTokens.fontWeights({
 	light: { value: 300 },
 	normal: { value: 400 },

package/lib/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","names":["defineTokens"],"sources":["../src/typography.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 { defineTextStyles, defineTokens } from \"@pandacss/dev\";\nimport type { FontSizeToken, LineHeightToken } from \"@ndla/styled-system/tokens\";\n\nexport const fontWeights = defineTokens.fontWeights({\n  light: { value: 300 },\n  normal: { value: 400 },\n  semibold: { value: 600 },\n  bold: { value: 670 },\n});\n\nexport const fonts = defineTokens.fonts({\n  sans: {\n    value: [\n      \"Satoshi\",\n      \"Helvetica\",\n      \"Arial\",\n      \"STKaiti\",\n      \"'华文楷体'\",\n      \"KaiTi\",\n      \"SimKai\",\n      \"'楷体'\",\n      \"KaiU\",\n      \"DFKai-SB\",\n      \"'標楷體'\",\n      \"SongTi\",\n      \"'宋体'\",\n      \"sans-serif\",\n    ],\n  },\n  serif: {\n    value: [\n      \"'Source Serif 4 Variable'\",\n      \"Times\",\n      \"STKaiti\",\n      \"'华文楷体'\",\n      \"KaiTi\",\n      \"SimKai\",\n      \"'楷体'\",\n      \"KaiU\",\n      \"DFKai-SB\",\n      \"'標楷體'\",\n      \"SongTi\",\n      \"'宋体'\",\n      \"serif\",\n    ],\n  },\n  code: {\n    value: [\"'Source Code Pro Variable'\", \"Monaco\"],\n  },\n});\n\nexport const fontSizes = defineTokens.fontSizes({\n  // 12px\n  xxsmall: { value: \"0.75rem\" },\n  // 14px\n  xsmall: { value: \"0.875rem\" },\n  // 16px\n  small: { value: \"1rem\" },\n  // 18px\n  medium: { value: \"1.125rem\" },\n  // 22px\n  large: { value: \"1.375rem\" },\n  // 26px\n  xlarge: { value: \"1.625rem\" },\n  // 30px\n  xxlarge: { value: \"1.875rem\" },\n  // 38px\n  \"3xlarge\": { value: \"2.375rem\" },\n  // 48px\n  \"4xlarge\": { value: \"3rem\" },\n});\n\nexport const lineHeights = defineTokens.lineHeights({\n  xxsmall: { value: \"0.75rem\" },\n  xsmall: { value: \"1.375rem\" },\n  small: { value: \"1.5rem\" },\n  medium: { value: \"1.75rem\" },\n  large: { value: \"1.875rem\" },\n  xlarge: { value: \"2.25rem\" },\n  xxlarge: { value: \"2.375rem\" },\n  \"3xlarge\": { value: \"3rem\" },\n  \"4xlarge\": { value: \"3.75rem\" },\n});\n\nconst sizes = (size: FontSizeToken, lineHeight: LineHeightToken) => {\n  return {\n    fontSize: size,\n    lineHeight,\n    _chinese: {\n      fontSize: `calc(token(fontSizes.${size}) * 1.11)`,\n      lineHeight: `calc(token(lineHeights.${lineHeight}) * 1.11)`,\n    },\n  };\n};\n\nexport const textStyles = defineTextStyles({\n  heading: {\n    large: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"4xlarge\", \"4xlarge\"),\n        mobileWideDown: {\n          ...sizes(\"3xlarge\", \"3xlarge\"),\n        },\n      },\n    },\n    medium: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"3xlarge\", \"3xlarge\"),\n        mobileWideDown: {\n          letterSpacing: \"-0.01em\",\n          ...sizes(\"xxlarge\", \"xxlarge\"),\n        },\n      },\n    },\n    small: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"xxlarge\", \"xxlarge\"),\n        mobileWideDown: {\n          ...sizes(\"xlarge\", \"xlarge\"),\n        },\n      },\n    },\n  },\n  title: {\n    large: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"xlarge\", \"xlarge\"),\n        mobileWideDown: {\n          ...sizes(\"large\", \"large\"),\n        },\n      },\n    },\n    medium: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"large\", \"large\"),\n        mobileWideDown: {\n          ...sizes(\"medium\", \"small\"),\n        },\n      },\n    },\n    small: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"medium\", \"small\"),\n      },\n    },\n  },\n  body: {\n    article: {\n      value: {\n        fontFamily: \"serif\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"medium\", \"medium\"),\n      },\n    },\n    articleLink: {\n      value: {\n        fontFamily: \"serif\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"medium\", \"medium\"),\n      },\n    },\n    link: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"medium\", \"medium\"),\n      },\n    },\n    xlarge: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"large\", \"large\"),\n      },\n    },\n    large: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"medium\", \"medium\"),\n      },\n    },\n    medium: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"small\", \"small\"),\n      },\n    },\n    small: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"xsmall\", \"xsmall\"),\n      },\n    },\n  },\n  label: {\n    large: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"medium\", \"medium\"),\n      },\n      strong: {\n        value: {\n          fontFamily: \"sans\",\n          fontWeight: \"bold\",\n          letterSpacing: \"normal\",\n          ...sizes(\"medium\", \"medium\"),\n        },\n      },\n    },\n    medium: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"small\", \"small\"),\n      },\n    },\n    small: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"xsmall\", \"xsmall\"),\n      },\n    },\n    xsmall: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"xxsmall\", \"xxsmall\"),\n      },\n    },\n  },\n});\n"],"mappings":"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"}
+{"version":3,"file":"typography.js","names":["defineTokens"],"sources":["../src/typography.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 type { FontSizeToken, LineHeightToken } from \"@ndla/styled-system/tokens\";\nimport { defineTextStyles, defineTokens } from \"@pandacss/dev\";\n\nexport const fontWeights = defineTokens.fontWeights({\n  light: { value: 300 },\n  normal: { value: 400 },\n  semibold: { value: 600 },\n  bold: { value: 670 },\n});\n\nexport const fonts = defineTokens.fonts({\n  sans: {\n    value: [\n      \"Satoshi\",\n      \"Helvetica\",\n      \"Arial\",\n      \"STKaiti\",\n      \"'华文楷体'\",\n      \"KaiTi\",\n      \"SimKai\",\n      \"'楷体'\",\n      \"KaiU\",\n      \"DFKai-SB\",\n      \"'標楷體'\",\n      \"SongTi\",\n      \"'宋体'\",\n      \"sans-serif\",\n    ],\n  },\n  serif: {\n    value: [\n      \"'Source Serif 4 Variable'\",\n      \"Times\",\n      \"STKaiti\",\n      \"'华文楷体'\",\n      \"KaiTi\",\n      \"SimKai\",\n      \"'楷体'\",\n      \"KaiU\",\n      \"DFKai-SB\",\n      \"'標楷體'\",\n      \"SongTi\",\n      \"'宋体'\",\n      \"serif\",\n    ],\n  },\n  code: {\n    value: [\"'Source Code Pro Variable'\", \"Monaco\"],\n  },\n});\n\nexport const fontSizes = defineTokens.fontSizes({\n  // 12px\n  xxsmall: { value: \"0.75rem\" },\n  // 14px\n  xsmall: { value: \"0.875rem\" },\n  // 16px\n  small: { value: \"1rem\" },\n  // 18px\n  medium: { value: \"1.125rem\" },\n  // 22px\n  large: { value: \"1.375rem\" },\n  // 26px\n  xlarge: { value: \"1.625rem\" },\n  // 30px\n  xxlarge: { value: \"1.875rem\" },\n  // 38px\n  \"3xlarge\": { value: \"2.375rem\" },\n  // 48px\n  \"4xlarge\": { value: \"3rem\" },\n});\n\nexport const lineHeights = defineTokens.lineHeights({\n  xxsmall: { value: \"0.75rem\" },\n  xsmall: { value: \"1.375rem\" },\n  small: { value: \"1.5rem\" },\n  medium: { value: \"1.75rem\" },\n  large: { value: \"1.875rem\" },\n  xlarge: { value: \"2.25rem\" },\n  xxlarge: { value: \"2.375rem\" },\n  \"3xlarge\": { value: \"3rem\" },\n  \"4xlarge\": { value: \"3.75rem\" },\n});\n\nconst sizes = (size: FontSizeToken, lineHeight: LineHeightToken) => {\n  return {\n    fontSize: size,\n    lineHeight,\n    _chinese: {\n      fontSize: `calc(token(fontSizes.${size}) * 1.11)`,\n      lineHeight: `calc(token(lineHeights.${lineHeight}) * 1.11)`,\n    },\n  };\n};\n\nexport const textStyles = defineTextStyles({\n  heading: {\n    large: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"4xlarge\", \"4xlarge\"),\n        mobileWideDown: {\n          ...sizes(\"3xlarge\", \"3xlarge\"),\n        },\n      },\n    },\n    medium: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"3xlarge\", \"3xlarge\"),\n        mobileWideDown: {\n          letterSpacing: \"-0.01em\",\n          ...sizes(\"xxlarge\", \"xxlarge\"),\n        },\n      },\n    },\n    small: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"xxlarge\", \"xxlarge\"),\n        mobileWideDown: {\n          ...sizes(\"xlarge\", \"xlarge\"),\n        },\n      },\n    },\n  },\n  title: {\n    large: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"xlarge\", \"xlarge\"),\n        mobileWideDown: {\n          ...sizes(\"large\", \"large\"),\n        },\n      },\n    },\n    medium: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"large\", \"large\"),\n        mobileWideDown: {\n          ...sizes(\"medium\", \"small\"),\n        },\n      },\n    },\n    small: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"bold\",\n        letterSpacing: \"-0.01em\",\n        ...sizes(\"medium\", \"small\"),\n      },\n    },\n  },\n  body: {\n    article: {\n      value: {\n        fontFamily: \"serif\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"medium\", \"medium\"),\n      },\n    },\n    articleLink: {\n      value: {\n        fontFamily: \"serif\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"medium\", \"medium\"),\n      },\n    },\n    link: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"medium\", \"medium\"),\n      },\n    },\n    xlarge: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"large\", \"large\"),\n      },\n    },\n    large: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"medium\", \"medium\"),\n      },\n    },\n    medium: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"small\", \"small\"),\n      },\n    },\n    small: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"xsmall\", \"xsmall\"),\n      },\n    },\n  },\n  label: {\n    large: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"medium\", \"medium\"),\n      },\n      strong: {\n        value: {\n          fontFamily: \"sans\",\n          fontWeight: \"bold\",\n          letterSpacing: \"normal\",\n          ...sizes(\"medium\", \"medium\"),\n        },\n      },\n    },\n    medium: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"small\", \"small\"),\n      },\n    },\n    small: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"xsmall\", \"xsmall\"),\n      },\n    },\n    xsmall: {\n      value: {\n        fontFamily: \"sans\",\n        fontWeight: \"normal\",\n        letterSpacing: \"normal\",\n        ...sizes(\"xxsmall\", \"xxsmall\"),\n      },\n    },\n  },\n});\n"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ndla/preset-panda",
   "type": "module",
-  "version": "0.0.69",
+  "version": "0.0.71",
   "description": "Panda preset for NDLA.",
   "license": "GPL-3.0",
   "exports": {
@@ -41,5 +41,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "121f4f2b6e0468246e98b17315ea35a4b2195c15"
+  "gitHead": "305f48a7ac64bc4138e437a0798e8db35bf755ec"
 }