@ndla/preset-panda 0.0.41 → 0.0.43

package/dist/styles.css

@@ -636,10 +636,12 @@
     --z-index-banner: 1200;
     --z-index-overlay: 1300;
     --z-index-modal: 1400;
-    --z-index-popover: 1500;
-    --z-index-skip-link: 1600;
-    --z-index-toast: 1700;
-    --z-index-tooltip: 1800;
+    --z-index-alert-modal-overlay: 1400;
+    --z-index-alert-modal: 1600;
+    --z-index-popover: 1700;
+    --z-index-skip-link: 1800;
+    --z-index-toast: 1900;
+    --z-index-tooltip: 2000;
     --breakpoints-mobile: 20em;
     --breakpoints-mobile-wide: 29.75em;
     --breakpoints-tablet: 37.5625em;
@@ -714,6 +716,7 @@
     --colors-icon-default: var(--colors-grey-950);
     --colors-icon-strong: var(--colors-primary);
     --colors-icon-on-action: var(--colors-white);
+    --colors-icon-subtle: var(--colors-grey-700);
     --colors-surface-brand-1: var(--colors-purple-500);
     --colors-surface-brand-1-subtle: var(--colors-purple-100);
     --colors-surface-brand-1-moderate: var(--colors-purple-300);

package/es/semanticTokens.js

@@ -222,6 +222,9 @@ export const semanticTokens = defineSemanticTokens({
       },
       onAction: {
         value: "{colors.white}"
+      },
+      subtle: {
+        value: "{colors.grey.700}"
       }
     },
     surface: {

package/es/zIndex.js

@@ -32,16 +32,22 @@ export const zIndex = defineTokens.zIndex({
   modal: {
     value: 1400
   },
+  alertModalOverlay: {
+    value: 1400
+  },
+  alertModal: {
+    value: 1600
+  },
   popover: {
-    value: 1500
+    value: 1700
   },
   skipLink: {
-    value: 1600
+    value: 1800
   },
   toast: {
-    value: 1700
+    value: 1900
   },
   tooltip: {
-    value: 1800
+    value: 2000
   }
 });

package/lib/semanticTokens.d.ts

@@ -221,6 +221,9 @@ export declare const semanticTokens: {
             onAction: {
                 value: string;
             };
+            subtle: {
+                value: string;
+            };
         };
         surface: {
             brand: {

package/lib/semanticTokens.js

@@ -228,6 +228,9 @@ const semanticTokens = exports.semanticTokens = (0, _dev.defineSemanticTokens)({
       },
       onAction: {
         value: "{colors.white}"
+      },
+      subtle: {
+        value: "{colors.grey.700}"
       }
     },
     surface: {

package/lib/zIndex.d.ts

@@ -30,6 +30,12 @@ export declare const zIndex: {
     modal: {
         value: number;
     };
+    alertModalOverlay: {
+        value: number;
+    };
+    alertModal: {
+        value: number;
+    };
     popover: {
         value: number;
     };

package/lib/zIndex.js

@@ -38,16 +38,22 @@ const zIndex = exports.zIndex = _dev.defineTokens.zIndex({
   modal: {
     value: 1400
   },
+  alertModalOverlay: {
+    value: 1400
+  },
+  alertModal: {
+    value: 1600
+  },
   popover: {
-    value: 1500
+    value: 1700
   },
   skipLink: {
-    value: 1600
+    value: 1800
   },
   toast: {
-    value: 1700
+    value: 1900
   },
   tooltip: {
-    value: 1800
+    value: 2000
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/preset-panda",
-  "version": "0.0.41",
+  "version": "0.0.43",
   "description": "Panda preset for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -37,5 +37,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1566b12dac651e40b3300afe8f41080649a9eed5"
+  "gitHead": "8810ca6acc9306d1f4dc3b2f658cbbd7090e84c5"
 }