@ndla/preset-panda 0.0.26 → 0.0.28

package/dist/styles.css

@@ -14,6 +14,7 @@
 
   body {
     background: var(--colors-background-default);
+    color: var(--colors-text-default);
 }
 
   a,summary,[tabindex]:not([tabindex='-1']) {
@@ -509,6 +510,7 @@
     --sizes-surface-page-max: 1128px;
     --sizes-surface-content-max: 744px;
     --sizes-surface-article-max: 928px;
+    --sizes-surface-wide-max: 1440px;
     --colors-background-default: var(--colors-white);
     --colors-background-subtle: var(--colors-grey-100);
     --colors-background-strong: var(--colors-purple-50);

package/es/globalCss.js

@@ -19,7 +19,8 @@ export const globalCss = defineGlobalStyles({
     fontFeatureSettings: "'ss03' on, 'liga' off, 'clig' off"
   },
   body: {
-    background: "background.default"
+    background: "background.default",
+    color: "text.default"
   },
   "a, summary,[tabindex]:not([tabindex='-1'])": {
     outline: "none",

package/es/index.js

@@ -41,7 +41,8 @@ const preset = definePreset({
       shadows: boxShadows,
       zIndex: zIndex
     },
-    semanticTokens: semanticTokens
+    semanticTokens: semanticTokens,
+    containerSizes: breakpoints
   }
 });
 export { forwardCssPropPlugin } from "./plugins/forwardCssPropPlugin";

package/es/semanticTokens.js

@@ -166,6 +166,9 @@ export const semanticTokens = defineSemanticTokens({
       },
       articleMax: {
         value: "928px"
+      },
+      wideMax: {
+        value: "1440px"
       }
     }
   },

package/lib/globalCss.js

@@ -25,7 +25,8 @@ const globalCss = exports.globalCss = (0, _dev.defineGlobalStyles)({
     fontFeatureSettings: "'ss03' on, 'liga' off, 'clig' off"
   },
   body: {
-    background: "background.default"
+    background: "background.default",
+    color: "text.default"
   },
   "a, summary,[tabindex]:not([tabindex='-1'])": {
     outline: "none",

package/lib/index.js

@@ -54,7 +54,8 @@ const preset = (0, _dev.definePreset)({
       shadows: _boxShadows.boxShadows,
       zIndex: _zIndex.zIndex
     },
-    semanticTokens: _semanticTokens.semanticTokens
+    semanticTokens: _semanticTokens.semanticTokens,
+    containerSizes: _core.breakpoints
   }
 });
 var _default = exports.default = preset;

package/lib/semanticTokens.d.ts

@@ -165,6 +165,9 @@ export declare const semanticTokens: {
             articleMax: {
                 value: string;
             };
+            wideMax: {
+                value: string;
+            };
         };
     };
     colors: {

package/lib/semanticTokens.js

@@ -172,6 +172,9 @@ const semanticTokens = exports.semanticTokens = (0, _dev.defineSemanticTokens)({
       },
       articleMax: {
         value: "928px"
+      },
+      wideMax: {
+        value: "1440px"
       }
     }
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/preset-panda",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "description": "Panda preset for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -37,5 +37,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7713c89290c9b308be47bce300ad7db4a52a42dd"
+  "gitHead": "45c12a953606ca3eb14c8d09c25401c8bc24ed22"
 }