@gemeente-denhaag/anchor-navigation - npm Package Compare versions

Comparing version 0.1.1-alpha.259 to 0.1.1-alpha.260

dist/cjs/index.js

@@ -31,16 +31,19 @@ 'use strict';var React=require('react');/* global Reflect, Promise, SuppressedError, Symbol */
 };var css_248z$2 = ".denhaag-button{align-items:center;background-color:var(--denhaag-button-primary-action-background-color);border:0;border-radius:var(--denhaag-button-border-radius);color:var(--denhaag-button-primary-action-color);cursor:var(--denhaag-button-cursor,default);display:inline-flex;font-family:var(--denhaag-button-font-family);font-size:var(--denhaag-typography-scale-base-font-size);font-weight:var(--denhaag-button-font-weight,400);justify-content:center;line-height:1.5;padding-block-end:var(--denhaag-button-medium-size-padding-block,var(--denhaag-button-padding-block));padding-block-start:var(--denhaag-button-medium-size-padding-block,var(--denhaag-button-padding-block));padding-inline-end:var(--denhaag-button-medium-size-padding-inline,var(--denhaag-button-padding-inline));padding-inline-start:var(--denhaag-button-medium-size-padding-inline,var(--denhaag-button-padding-inline));position:relative;text-decoration:none}a.denhaag-button{--denhaag-button-cursor:pointer}.denhaag-button--focus-visible:after,.denhaag-button--focus:after,.denhaag-button:focus-visible:after,.denhaag-button:focus:after{border:var(--denhaag-focus-border);border-radius:var(--denhaag-border-radius);bottom:-2px;content:\"\";display:block;left:-2px;position:absolute;right:-2px;top:-2px}.denhaag-button--focus-visible,.denhaag-button:focus-visible{outline:none}.denhaag-button--secondary-action.denhaag-button--focus:after,.denhaag-button--secondary-action:focus:after{bottom:-3px;left:-3px;right:-3px;top:-3px}.denhaag-button.denhaag-button--hover,.denhaag-button:hover{background-color:var(--denhaag-button-primary-action-hover-background-color);color:var(--denhaag-button-primary-action-hover-color)}.denhaag-button.denhaag-button--disabled,.denhaag-button.denhaag-button:disabled{background-color:var(--denhaag-button-primary-action-disabled-background-color);color:var(--denhaag-button-primary-action-disabled-color)}.denhaag-button--secondary-action{background-color:var(--denhaag-button-secondary-action-background-color);border-color:var(--denhaag-button-secondary-action-border-color);border-style:solid;border-width:var(--denhaag-button-border-width);color:var(--denhaag-button-secondary-action-color);padding-block-end:calc(var(--denhaag-button-medium-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width));padding-block-start:calc(var(--denhaag-button-medium-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width));padding-inline-end:calc(var(--denhaag-button-medium-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width));padding-inline-start:calc(var(--denhaag-button-medium-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width))}.denhaag-button--secondary-action.denhaag-button--hover,.denhaag-button--secondary-action:hover{background-color:var(--denhaag-button-secondary-action-hover-background-color);border-color:var(--denhaag-button-secondary-action-hover-border-color);color:var(--denhaag-button-secondary-action-hover-color)}.denhaag-button--secondary-action.denhaag-button--disabled,.denhaag-button--secondary-action.denhaag-button:disabled{background-color:var(--denhaag-button-secondary-action-disabled-background-color);border-color:var(--denhaag-button-secondary-action-disabled-border-color);color:var(--denhaag-button-secondary-action-disabled-color)}.denhaag-button--large{font-size:var(--denhaag-typography-scale-lg-font-size);line-height:var(--denhaag-button-large-size-line-height);padding-block-end:var(--denhaag-button-large-size-padding-block,var(--denhaag-button-padding-block));padding-block-start:var(--denhaag-button-large-size-padding-block,var(--denhaag-button-padding-block));padding-inline-end:var(--denhaag-button-large-size-padding-inline,var(--denhaag-button-padding-inline));padding-inline-start:var(--denhaag-button-large-size-padding-inline,var(--denhaag-button-padding-inline))}.denhaag-button--large.denhaag-button--secondary-action{padding-block-end:calc(var(--denhaag-button-large-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width));padding-block-start:calc(var(--denhaag-button-large-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width));padding-inline-end:calc(var(--denhaag-button-large-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width));padding-inline-start:calc(var(--denhaag-button-large-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width))}.denhaag-button__icon>:first-child{font-size:var(--denhaag-typography-scale-lg-font-size)}.denhaag-button--large .denhaag-button__icon>:first-child{font-size:var(--denhaag-typography-scale-xl-font-size)}.denhaag-button--start-icon .denhaag-button__icon{display:inherit;margin-inline-end:8px;margin-inline-start:-4px}.denhaag-button--end-icon .denhaag-button__icon{display:inherit;margin-inline-end:-4px;margin-inline-start:8px}.denhaag-button__sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin-block-end:-1px;margin-block-start:-1px;margin-inline-end:-1px;margin-inline-start:-1px;overflow:hidden;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0;position:absolute;width:1px}.denhaag-button--icon-only{--denhaag-button-medium-size-padding-inline:0.75rem;height:var(--denhaag-button-icon-only-height);padding-inline-end:var(--denhaag-button-medium-size-padding-inline);padding-inline-start:var(--denhaag-button-medium-size-padding-inline)}.denhaag-button--icon-only .denhaag-button__icon{height:var(--denhaag-button-icon-only-icon-height)}";
-          const head$2 = document.head || document.getElementsByTagName('head')[0];
-          const style$2 = document.createElement('style');
-          style$2.type = 'text/css';
-          style$2.nonce = window.NONCE;
+        if (typeof document !== 'undefined') { 
+
+          const head = document.head || document.getElementsByTagName('head')[0];
+          const style = document.createElement('style');
+          style.type = 'text/css';
+          style.nonce = window.NONCE;
         
           {
-            head$2.appendChild(style$2);
+            head.appendChild(style);
           }
         
-          if (style$2.styleSheet) {
-            style$2.styleSheet.cssText = css_248z$2;
+          if (style.styleSheet) {
+            style.styleSheet.cssText = css_248z$2;
           } else {
-            style$2.appendChild(document.createTextNode(css_248z$2));
-          }function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}/**
+            style.appendChild(document.createTextNode(css_248z$2));
+          }
+        }function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}/**
  * Primary UI component for user interaction
@@ -65,16 +68,21 @@ */
 };var css_248z$1 = ".denhaag-icon{fill:currentColor;display:inline-block;flex-shrink:0;font-size:1.5rem;height:1em;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms;width:1em}";
-          const head$1 = document.head || document.getElementsByTagName('head')[0];
-          const style$1 = document.createElement('style');
-          style$1.type = 'text/css';
-          style$1.nonce = window.NONCE;
+        if (typeof document !== 'undefined') { 
+
+          const head = document.head || document.getElementsByTagName('head')[0];
+          const style = document.createElement('style');
+          style.type = 'text/css';
+          style.nonce = window.NONCE;
         
           {
-            head$1.appendChild(style$1);
+            head.appendChild(style);
           }
         
-          if (style$1.styleSheet) {
-            style$1.styleSheet.cssText = css_248z$1;
+          if (style.styleSheet) {
+            style.styleSheet.cssText = css_248z$1;
           } else {
-            style$1.appendChild(document.createTextNode(css_248z$1));
-          }var css_248z = ".denhaag-anchor-navigation,.denhaag-anchor-navigation+.denhaag-button{display:none}@media (width >= 768px){.denhaag-anchor-navigation,.denhaag-anchor-navigation+.denhaag-button{display:flex}}.denhaag-anchor-navigation__list{list-style:var(--denhaag-anchor-navigation-list-list-style);margin-block-end:0;margin-block-start:0;padding-inline-start:0}.denhaag-anchor-navigation+.denhaag-button{margin-block-start:var(--denhaag-anchor-navigation-button-margin-block-start,1em)}.denhaag-anchor-navigation__link{color:var(--denhaag-anchor-navigation-link-color);display:block;font-family:var(--denhaag-anchor-navigation-link-font-family);font-size:var(--denhaag-anchor-navigation-link-font-size,inherit);font-weight:var(--denhaag-anchor-navigation-link-font-weight);line-height:var(--denhaag-anchor-navigation-link-line-height);outline:none;padding-block-end:var(--denhaag-anchor-navigation-link-padding-block);padding-block-start:var(--denhaag-anchor-navigation-link-padding-block);padding-inline-end:var(--denhaag-anchor-navigation-link-padding-inline-end);padding-inline-start:var(--denhaag-anchor-navigation-link-padding-inline-start);position:relative;text-decoration:var(--denhaag-anchor-navigation-link-text-decoration)}.denhaag-anchor-navigation__link--active,.denhaag-anchor-navigation__link:active{--denhaag-anchor-navigation-link-color:var(--denhaag-anchor-navigation-link-active-color);--denhaag-anchor-navigation-link-background-color:var(--denhaag-anchor-navigation-link-active-color);--denhaag-anchor-navigation-link-font-weight:var(--denhaag-anchor-navigation-link-active-font-weight)}.denhaag-anchor-navigation__link--hover,.denhaag-anchor-navigation__link:hover{--denhaag-anchor-navigation-link-color:var(--denhaag-anchor-navigation-link-hover-color);--denhaag-anchor-navigation-link-background-color:var(--denhaag-anchor-navigation-link-hover-color)}.denhaag-anchor-navigation__link:target{--denhaag-anchor-navigation-link-color:var(--denhaag-anchor-navigation-link-target-color)}.denhaag-anchor-navigation__link:active,.denhaag-anchor-navigation__link:target{font-weight:var(--denhaag-anchor-navigation-link-font-weight)}.denhaag-anchor-navigation__link--focus,.denhaag-anchor-navigation__link:focus-visible{--denhaag-anchor-navigation-link-color:var(--denhaag-anchor-navigation-link-focus-color);--denhaag-anchor-navigation-link-background-color:var(--denhaag-anchor-navigation-link-focus-color);outline:var(--denhaag-anchor-navigation-link-outline)}.denhaag-anchor-navigation__link:focus:not(:focus-visible){outline:none}.denhaag-anchor-navigation__link:before{background-color:var(--denhaag-anchor-navigation-link-background-color);content:\"\";height:100%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:var(--denhaag-anchor-navigation-link-width)}";
+            style.appendChild(document.createTextNode(css_248z$1));
+          }
+        }var css_248z = ".denhaag-anchor-navigation,.denhaag-anchor-navigation+.denhaag-button{display:none}@media (width >= 768px){.denhaag-anchor-navigation,.denhaag-anchor-navigation+.denhaag-button{display:flex}}.denhaag-anchor-navigation__list{list-style:var(--denhaag-anchor-navigation-list-list-style);margin-block-end:0;margin-block-start:0;padding-inline-start:0}.denhaag-anchor-navigation+.denhaag-button{margin-block-start:var(--denhaag-anchor-navigation-button-margin-block-start,1em)}.denhaag-anchor-navigation__link{color:var(--denhaag-anchor-navigation-link-color);display:block;font-family:var(--denhaag-anchor-navigation-link-font-family);font-size:var(--denhaag-anchor-navigation-link-font-size,inherit);font-weight:var(--denhaag-anchor-navigation-link-font-weight);line-height:var(--denhaag-anchor-navigation-link-line-height);outline:none;padding-block-end:var(--denhaag-anchor-navigation-link-padding-block);padding-block-start:var(--denhaag-anchor-navigation-link-padding-block);padding-inline-end:var(--denhaag-anchor-navigation-link-padding-inline-end);padding-inline-start:var(--denhaag-anchor-navigation-link-padding-inline-start);position:relative;text-decoration:var(--denhaag-anchor-navigation-link-text-decoration)}.denhaag-anchor-navigation__link--active,.denhaag-anchor-navigation__link:active{--denhaag-anchor-navigation-link-color:var(--denhaag-anchor-navigation-link-active-color);--denhaag-anchor-navigation-link-background-color:var(--denhaag-anchor-navigation-link-active-color);--denhaag-anchor-navigation-link-font-weight:var(--denhaag-anchor-navigation-link-active-font-weight)}.denhaag-anchor-navigation__link--hover,.denhaag-anchor-navigation__link:hover{--denhaag-anchor-navigation-link-color:var(--denhaag-anchor-navigation-link-hover-color);--denhaag-anchor-navigation-link-background-color:var(--denhaag-anchor-navigation-link-hover-color)}.denhaag-anchor-navigation__link:target{--denhaag-anchor-navigation-link-color:var(--denhaag-anchor-navigation-link-target-color)}.denhaag-anchor-navigation__link:active,.denhaag-anchor-navigation__link:target{font-weight:var(--denhaag-anchor-navigation-link-font-weight)}.denhaag-anchor-navigation__link--focus,.denhaag-anchor-navigation__link:focus-visible{--denhaag-anchor-navigation-link-color:var(--denhaag-anchor-navigation-link-focus-color);--denhaag-anchor-navigation-link-background-color:var(--denhaag-anchor-navigation-link-focus-color);outline:var(--denhaag-anchor-navigation-link-outline)}.denhaag-anchor-navigation__link:focus:not(:focus-visible){outline:none}.denhaag-anchor-navigation__link:before{background-color:var(--denhaag-anchor-navigation-link-background-color);content:\"\";height:100%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:var(--denhaag-anchor-navigation-link-width)}";
+        if (typeof document !== 'undefined') { 
+
           const head = document.head || document.getElementsByTagName('head')[0];
@@ -93,2 +101,3 @@ const style = document.createElement('style');
             style.appendChild(document.createTextNode(css_248z));
-          }
+          }
+        }

dist/mjs/index.js

@@ -31,16 +31,19 @@ import React from'react';/* global Reflect, Promise, SuppressedError, Symbol */
 };var css_248z$2 = ".denhaag-button{align-items:center;background-color:var(--denhaag-button-primary-action-background-color);border:0;border-radius:var(--denhaag-button-border-radius);color:var(--denhaag-button-primary-action-color);cursor:var(--denhaag-button-cursor,default);display:inline-flex;font-family:var(--denhaag-button-font-family);font-size:var(--denhaag-typography-scale-base-font-size);font-weight:var(--denhaag-button-font-weight,400);justify-content:center;line-height:1.5;padding-block-end:var(--denhaag-button-medium-size-padding-block,var(--denhaag-button-padding-block));padding-block-start:var(--denhaag-button-medium-size-padding-block,var(--denhaag-button-padding-block));padding-inline-end:var(--denhaag-button-medium-size-padding-inline,var(--denhaag-button-padding-inline));padding-inline-start:var(--denhaag-button-medium-size-padding-inline,var(--denhaag-button-padding-inline));position:relative;text-decoration:none}a.denhaag-button{--denhaag-button-cursor:pointer}.denhaag-button--focus-visible:after,.denhaag-button--focus:after,.denhaag-button:focus-visible:after,.denhaag-button:focus:after{border:var(--denhaag-focus-border);border-radius:var(--denhaag-border-radius);bottom:-2px;content:\"\";display:block;left:-2px;position:absolute;right:-2px;top:-2px}.denhaag-button--focus-visible,.denhaag-button:focus-visible{outline:none}.denhaag-button--secondary-action.denhaag-button--focus:after,.denhaag-button--secondary-action:focus:after{bottom:-3px;left:-3px;right:-3px;top:-3px}.denhaag-button.denhaag-button--hover,.denhaag-button:hover{background-color:var(--denhaag-button-primary-action-hover-background-color);color:var(--denhaag-button-primary-action-hover-color)}.denhaag-button.denhaag-button--disabled,.denhaag-button.denhaag-button:disabled{background-color:var(--denhaag-button-primary-action-disabled-background-color);color:var(--denhaag-button-primary-action-disabled-color)}.denhaag-button--secondary-action{background-color:var(--denhaag-button-secondary-action-background-color);border-color:var(--denhaag-button-secondary-action-border-color);border-style:solid;border-width:var(--denhaag-button-border-width);color:var(--denhaag-button-secondary-action-color);padding-block-end:calc(var(--denhaag-button-medium-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width));padding-block-start:calc(var(--denhaag-button-medium-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width));padding-inline-end:calc(var(--denhaag-button-medium-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width));padding-inline-start:calc(var(--denhaag-button-medium-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width))}.denhaag-button--secondary-action.denhaag-button--hover,.denhaag-button--secondary-action:hover{background-color:var(--denhaag-button-secondary-action-hover-background-color);border-color:var(--denhaag-button-secondary-action-hover-border-color);color:var(--denhaag-button-secondary-action-hover-color)}.denhaag-button--secondary-action.denhaag-button--disabled,.denhaag-button--secondary-action.denhaag-button:disabled{background-color:var(--denhaag-button-secondary-action-disabled-background-color);border-color:var(--denhaag-button-secondary-action-disabled-border-color);color:var(--denhaag-button-secondary-action-disabled-color)}.denhaag-button--large{font-size:var(--denhaag-typography-scale-lg-font-size);line-height:var(--denhaag-button-large-size-line-height);padding-block-end:var(--denhaag-button-large-size-padding-block,var(--denhaag-button-padding-block));padding-block-start:var(--denhaag-button-large-size-padding-block,var(--denhaag-button-padding-block));padding-inline-end:var(--denhaag-button-large-size-padding-inline,var(--denhaag-button-padding-inline));padding-inline-start:var(--denhaag-button-large-size-padding-inline,var(--denhaag-button-padding-inline))}.denhaag-button--large.denhaag-button--secondary-action{padding-block-end:calc(var(--denhaag-button-large-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width));padding-block-start:calc(var(--denhaag-button-large-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width));padding-inline-end:calc(var(--denhaag-button-large-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width));padding-inline-start:calc(var(--denhaag-button-large-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width))}.denhaag-button__icon>:first-child{font-size:var(--denhaag-typography-scale-lg-font-size)}.denhaag-button--large .denhaag-button__icon>:first-child{font-size:var(--denhaag-typography-scale-xl-font-size)}.denhaag-button--start-icon .denhaag-button__icon{display:inherit;margin-inline-end:8px;margin-inline-start:-4px}.denhaag-button--end-icon .denhaag-button__icon{display:inherit;margin-inline-end:-4px;margin-inline-start:8px}.denhaag-button__sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin-block-end:-1px;margin-block-start:-1px;margin-inline-end:-1px;margin-inline-start:-1px;overflow:hidden;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0;position:absolute;width:1px}.denhaag-button--icon-only{--denhaag-button-medium-size-padding-inline:0.75rem;height:var(--denhaag-button-icon-only-height);padding-inline-end:var(--denhaag-button-medium-size-padding-inline);padding-inline-start:var(--denhaag-button-medium-size-padding-inline)}.denhaag-button--icon-only .denhaag-button__icon{height:var(--denhaag-button-icon-only-icon-height)}";
-          const head$2 = document.head || document.getElementsByTagName('head')[0];
-          const style$2 = document.createElement('style');
-          style$2.type = 'text/css';
-          style$2.nonce = window.NONCE;
+        if (typeof document !== 'undefined') { 
+
+          const head = document.head || document.getElementsByTagName('head')[0];
+          const style = document.createElement('style');
+          style.type = 'text/css';
+          style.nonce = window.NONCE;
         
           {
-            head$2.appendChild(style$2);
+            head.appendChild(style);
           }
         
-          if (style$2.styleSheet) {
-            style$2.styleSheet.cssText = css_248z$2;
+          if (style.styleSheet) {
+            style.styleSheet.cssText = css_248z$2;
           } else {
-            style$2.appendChild(document.createTextNode(css_248z$2));
-          }function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}/**
+            style.appendChild(document.createTextNode(css_248z$2));
+          }
+        }function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}/**
  * Primary UI component for user interaction
@@ -65,16 +68,21 @@ */
 };var css_248z$1 = ".denhaag-icon{fill:currentColor;display:inline-block;flex-shrink:0;font-size:1.5rem;height:1em;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms;width:1em}";
-          const head$1 = document.head || document.getElementsByTagName('head')[0];
-          const style$1 = document.createElement('style');
-          style$1.type = 'text/css';
-          style$1.nonce = window.NONCE;
+        if (typeof document !== 'undefined') { 
+
+          const head = document.head || document.getElementsByTagName('head')[0];
+          const style = document.createElement('style');
+          style.type = 'text/css';
+          style.nonce = window.NONCE;
         
           {
-            head$1.appendChild(style$1);
+            head.appendChild(style);
           }
         
-          if (style$1.styleSheet) {
-            style$1.styleSheet.cssText = css_248z$1;
+          if (style.styleSheet) {
+            style.styleSheet.cssText = css_248z$1;
           } else {
-            style$1.appendChild(document.createTextNode(css_248z$1));
-          }var css_248z = ".denhaag-anchor-navigation,.denhaag-anchor-navigation+.denhaag-button{display:none}@media (width >= 768px){.denhaag-anchor-navigation,.denhaag-anchor-navigation+.denhaag-button{display:flex}}.denhaag-anchor-navigation__list{list-style:var(--denhaag-anchor-navigation-list-list-style);margin-block-end:0;margin-block-start:0;padding-inline-start:0}.denhaag-anchor-navigation+.denhaag-button{margin-block-start:var(--denhaag-anchor-navigation-button-margin-block-start,1em)}.denhaag-anchor-navigation__link{color:var(--denhaag-anchor-navigation-link-color);display:block;font-family:var(--denhaag-anchor-navigation-link-font-family);font-size:var(--denhaag-anchor-navigation-link-font-size,inherit);font-weight:var(--denhaag-anchor-navigation-link-font-weight);line-height:var(--denhaag-anchor-navigation-link-line-height);outline:none;padding-block-end:var(--denhaag-anchor-navigation-link-padding-block);padding-block-start:var(--denhaag-anchor-navigation-link-padding-block);padding-inline-end:var(--denhaag-anchor-navigation-link-padding-inline-end);padding-inline-start:var(--denhaag-anchor-navigation-link-padding-inline-start);position:relative;text-decoration:var(--denhaag-anchor-navigation-link-text-decoration)}.denhaag-anchor-navigation__link--active,.denhaag-anchor-navigation__link:active{--denhaag-anchor-navigation-link-color:var(--denhaag-anchor-navigation-link-active-color);--denhaag-anchor-navigation-link-background-color:var(--denhaag-anchor-navigation-link-active-color);--denhaag-anchor-navigation-link-font-weight:var(--denhaag-anchor-navigation-link-active-font-weight)}.denhaag-anchor-navigation__link--hover,.denhaag-anchor-navigation__link:hover{--denhaag-anchor-navigation-link-color:var(--denhaag-anchor-navigation-link-hover-color);--denhaag-anchor-navigation-link-background-color:var(--denhaag-anchor-navigation-link-hover-color)}.denhaag-anchor-navigation__link:target{--denhaag-anchor-navigation-link-color:var(--denhaag-anchor-navigation-link-target-color)}.denhaag-anchor-navigation__link:active,.denhaag-anchor-navigation__link:target{font-weight:var(--denhaag-anchor-navigation-link-font-weight)}.denhaag-anchor-navigation__link--focus,.denhaag-anchor-navigation__link:focus-visible{--denhaag-anchor-navigation-link-color:var(--denhaag-anchor-navigation-link-focus-color);--denhaag-anchor-navigation-link-background-color:var(--denhaag-anchor-navigation-link-focus-color);outline:var(--denhaag-anchor-navigation-link-outline)}.denhaag-anchor-navigation__link:focus:not(:focus-visible){outline:none}.denhaag-anchor-navigation__link:before{background-color:var(--denhaag-anchor-navigation-link-background-color);content:\"\";height:100%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:var(--denhaag-anchor-navigation-link-width)}";
+            style.appendChild(document.createTextNode(css_248z$1));
+          }
+        }var css_248z = ".denhaag-anchor-navigation,.denhaag-anchor-navigation+.denhaag-button{display:none}@media (width >= 768px){.denhaag-anchor-navigation,.denhaag-anchor-navigation+.denhaag-button{display:flex}}.denhaag-anchor-navigation__list{list-style:var(--denhaag-anchor-navigation-list-list-style);margin-block-end:0;margin-block-start:0;padding-inline-start:0}.denhaag-anchor-navigation+.denhaag-button{margin-block-start:var(--denhaag-anchor-navigation-button-margin-block-start,1em)}.denhaag-anchor-navigation__link{color:var(--denhaag-anchor-navigation-link-color);display:block;font-family:var(--denhaag-anchor-navigation-link-font-family);font-size:var(--denhaag-anchor-navigation-link-font-size,inherit);font-weight:var(--denhaag-anchor-navigation-link-font-weight);line-height:var(--denhaag-anchor-navigation-link-line-height);outline:none;padding-block-end:var(--denhaag-anchor-navigation-link-padding-block);padding-block-start:var(--denhaag-anchor-navigation-link-padding-block);padding-inline-end:var(--denhaag-anchor-navigation-link-padding-inline-end);padding-inline-start:var(--denhaag-anchor-navigation-link-padding-inline-start);position:relative;text-decoration:var(--denhaag-anchor-navigation-link-text-decoration)}.denhaag-anchor-navigation__link--active,.denhaag-anchor-navigation__link:active{--denhaag-anchor-navigation-link-color:var(--denhaag-anchor-navigation-link-active-color);--denhaag-anchor-navigation-link-background-color:var(--denhaag-anchor-navigation-link-active-color);--denhaag-anchor-navigation-link-font-weight:var(--denhaag-anchor-navigation-link-active-font-weight)}.denhaag-anchor-navigation__link--hover,.denhaag-anchor-navigation__link:hover{--denhaag-anchor-navigation-link-color:var(--denhaag-anchor-navigation-link-hover-color);--denhaag-anchor-navigation-link-background-color:var(--denhaag-anchor-navigation-link-hover-color)}.denhaag-anchor-navigation__link:target{--denhaag-anchor-navigation-link-color:var(--denhaag-anchor-navigation-link-target-color)}.denhaag-anchor-navigation__link:active,.denhaag-anchor-navigation__link:target{font-weight:var(--denhaag-anchor-navigation-link-font-weight)}.denhaag-anchor-navigation__link--focus,.denhaag-anchor-navigation__link:focus-visible{--denhaag-anchor-navigation-link-color:var(--denhaag-anchor-navigation-link-focus-color);--denhaag-anchor-navigation-link-background-color:var(--denhaag-anchor-navigation-link-focus-color);outline:var(--denhaag-anchor-navigation-link-outline)}.denhaag-anchor-navigation__link:focus:not(:focus-visible){outline:none}.denhaag-anchor-navigation__link:before{background-color:var(--denhaag-anchor-navigation-link-background-color);content:\"\";height:100%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:var(--denhaag-anchor-navigation-link-width)}";
+        if (typeof document !== 'undefined') { 
+
           const head = document.head || document.getElementsByTagName('head')[0];
@@ -93,2 +101,3 @@ const style = document.createElement('style');
             style.appendChild(document.createTextNode(css_248z));
-          }
+          }
+        }

package.json

 {
   "name": "@gemeente-denhaag/anchor-navigation",
-  "version": "0.1.1-alpha.259",
+  "version": "0.1.1-alpha.260",
   "description": "An anchor navigation component",
@@ -33,6 +33,6 @@ "bugs": "https://github.com/nl-design-system/denhaag/issues",
   "dependencies": {
-    "@gemeente-denhaag/button": "0.2.3-alpha.385",
-    "@gemeente-denhaag/icons": "0.2.3-alpha.385"
+    "@gemeente-denhaag/button": "0.2.3-alpha.386",
+    "@gemeente-denhaag/icons": "0.2.3-alpha.386"
   },
-  "gitHead": "d15e15e52d0f938fc0d5eba0edd451a08ee6db48"
+  "gitHead": "5dcb45117e560f0d96321a2be259da14b06b14db"
 }

No alert changes

Improved metrics

Total package byte prevSize

47803

increased by0.59%

Lines of code

314

increased by3.97%

Dependency changes

• + Added@gemeente-denhaag/button@0.2.3-alpha.386(transitive)

• + Added@gemeente-denhaag/icons@0.2.3-alpha.386(transitive)

• - Removed@gemeente-denhaag/button@0.2.3-alpha.385(transitive)

• - Removed@gemeente-denhaag/icons@0.2.3-alpha.385(transitive)

• Updated@gemeente-denhaag/button@0.2.3-alpha.386

• Updated@gemeente-denhaag/icons@0.2.3-alpha.386