@amsterdam/design-system-css 0.4.0 → 0.5.0

package/dist/link/link.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/link/link.scss"],"names":[],"mappings":"AASA,gBACE,kCACA,8CACA,8CACA,oDAPA,8BASA,sBACE,wCAMJ,4BACE,qBACA,8DACA,kEACA,2EACA,qFACA,6EAEA,kCACE,2FACA,mFAGF,sDACE,6DACA,iEAIJ,wBACE,qDACA,iDACA,qDACA,uEACA,iFACA,yEAEA,8BACE,uFACA,+EAGF,gCACE,iDAIJ,yBACE,uBACA,oBACA,2DACA,sCACA,+DACA,wEACA,kFACA,0EAEA,+BACE,8EAGF,mDACE,0DACA,8DAMF,0DACE,YACA,WAIJ,oCACE,qDAEA,0CACE,2DAGF,4CACE,6DAIJ,qCACE,sDAEA,2CACE,4DAGF,6CACE","file":"link.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/link/link.scss"],"names":[],"mappings":"AASA,gBACE,kCACA,8CACA,8CACA,oDAPA,8BASA,sBACE,wCAMJ,4BACE,qBACA,qDACA,yDACA,2EACA,qFACA,6EAEA,kCACE,2FACA,mFAIJ,wBACE,qDACA,iDACA,qDACA,uEACA,iFACA,yEAEA,8BACE,uFACA,+EAGF,gCACE,iDAIJ,oCACE,qDAEA,0CACE,2DAGF,4CACE,6DAIJ,qCACE,sDAEA,2CACE,4DAGF,6CACE","file":"link.css"}

package/dist/link-list/link-list.css

@@ -1 +1 @@
-.amsterdam-link-list{box-sizing:border-box;list-style:none;margin-block:0;padding-inline-start:0;-webkit-text-size-adjust:100%;display:grid;gap:var(--amsterdam-link-list-gap)}.amsterdam-link-list__link{align-items:flex-start;color:var(--amsterdam-link-list-link-color);display:inline-flex;font-family:var(--amsterdam-link-list-link-font-family);font-size:var(--amsterdam-link-list-link-spacious-medium-font-size);font-weight:var(--amsterdam-link-list-link-font-weight);gap:var(--amsterdam-link-list-link-gap);line-height:var(--amsterdam-link-list-link-spacious-medium-line-height);outline-offset:var(--amsterdam-link-list-link-outline-offset);text-decoration-line:var(--amsterdam-link-list-link-text-decoration-line);text-decoration-thickness:var(--amsterdam-link-list-link-text-decoration-thickness);text-underline-offset:var(--amsterdam-link-list-link-text-underline-offset)}.amsterdam-theme--compact .amsterdam-link-list__link{font-size:var(--amsterdam-link-list-link-compact-medium-font-size);line-height:var(--amsterdam-link-list-link-compact-medium-line-height)}.amsterdam-link-list__link:hover{color:var(--amsterdam-link-list-link-hover-color);text-decoration-line:var(--amsterdam-link-list-link-hover-text-decoration-line)}.amsterdam-link-list__link--small{font-size:var(--amsterdam-link-list-link-spacious-small-font-size);line-height:var(--amsterdam-link-list-link-spacious-small-line-height)}.amsterdam-theme--compact .amsterdam-link-list__link--small{font-size:var(--amsterdam-link-list-link-compact-small-font-size);line-height:var(--amsterdam-link-list-link-compact-small-line-height)}.amsterdam-link-list__link--large{font-size:var(--amsterdam-link-list-link-spacious-large-font-size);line-height:var(--amsterdam-link-list-link-spacious-large-line-height)}.amsterdam-theme--compact .amsterdam-link-list__link--large{font-size:var(--amsterdam-link-list-link-compact-large-font-size);line-height:var(--amsterdam-link-list-link-compact-large-line-height)}.amsterdam-link-list__link--on-background-dark{color:var(--amsterdam-link-list-link-on-background-dark-color)}.amsterdam-link-list__link--on-background-dark:hover{color:var(--amsterdam-link-list-link-on-background-dark-hover-color)}.amsterdam-link-list__link--on-background-light{color:var(--amsterdam-link-list-link-on-background-light-color)}.amsterdam-link-list__link--on-background-light:hover{color:var(--amsterdam-link-list-link-on-background-light-hover-color)}/*# sourceMappingURL=link-list.css.map */
+.amsterdam-link-list{box-sizing:border-box;list-style:none;margin-block:0;padding-inline-start:0;-webkit-text-size-adjust:100%;display:grid;gap:var(--amsterdam-link-list-gap)}.amsterdam-link-list__link{align-items:flex-start;color:var(--amsterdam-link-list-link-color);display:inline-flex;font-family:var(--amsterdam-link-list-link-font-family);font-size:var(--amsterdam-link-list-link-medium-font-size);font-weight:var(--amsterdam-link-list-link-font-weight);gap:var(--amsterdam-link-list-link-gap);line-height:var(--amsterdam-link-list-link-medium-line-height);outline-offset:var(--amsterdam-link-list-link-outline-offset);text-decoration-line:var(--amsterdam-link-list-link-text-decoration-line);text-decoration-thickness:var(--amsterdam-link-list-link-text-decoration-thickness);text-underline-offset:var(--amsterdam-link-list-link-text-underline-offset)}.amsterdam-link-list__link:hover{color:var(--amsterdam-link-list-link-hover-color);text-decoration-line:var(--amsterdam-link-list-link-hover-text-decoration-line)}.amsterdam-link-list__link--small{font-size:var(--amsterdam-link-list-link-small-font-size);line-height:var(--amsterdam-link-list-link-small-line-height)}.amsterdam-link-list__link--large{font-size:var(--amsterdam-link-list-link-large-font-size);line-height:var(--amsterdam-link-list-link-large-line-height);hyphenate-limit-chars:var(--amsterdam-hyphenation-hyphenate-limit-chars);hyphens:var(--amsterdam-hyphenation-hyphens);overflow-wrap:var(--amsterdam-hyphenation-overflow-wrap)}.amsterdam-link-list__link--on-background-dark{color:var(--amsterdam-link-list-link-on-background-dark-color)}.amsterdam-link-list__link--on-background-dark:hover{color:var(--amsterdam-link-list-link-on-background-dark-hover-color)}.amsterdam-link-list__link--on-background-light{color:var(--amsterdam-link-list-link-on-background-light-color)}.amsterdam-link-list__link--on-background-light:hover{color:var(--amsterdam-link-list-link-on-background-light-hover-color)}/*# sourceMappingURL=link-list.css.map */

package/dist/link-list/link-list.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/link-list/link-list.scss"],"names":[],"mappings":"AAaA,qBAPE,sBACA,gBACA,eACA,uBACA,8BAMA,aACA,mCAGF,2BACE,uBACA,4CACA,oBACA,wDACA,oEACA,wDACA,wCACA,wEACA,8DACA,0EACA,oFACA,4EAEA,qDACE,mEACA,uEAGF,iCACE,kDACA,gFAIJ,kCACE,mEACA,uEAEA,4DACE,kEACA,sEAIJ,kCACE,mEACA,uEAEA,4DACE,kEACA,sEAIJ,+CACE,+DAEA,qDACE,qEAIJ,gDACE,gEAEA,sDACE","file":"link-list.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/link-list/link-list.scss","../../src/common/hyphenation.scss"],"names":[],"mappings":"AAeA,qBAPE,sBACA,gBACA,eACA,uBACA,8BAMA,aACA,mCAGF,2BACE,uBACA,4CACA,oBACA,wDACA,2DACA,wDACA,wCACA,+DACA,8DACA,0EACA,oFACA,4EAEA,iCACE,kDACA,gFAIJ,kCACE,0DACA,8DAGF,kCACE,0DACA,8DChDA,yEACA,6CACA,yDDmDF,+CACE,+DAEA,qDACE,qEAIJ,gDACE,gEAEA,sDACE","file":"link-list.css"}

package/dist/ordered-list/ordered-list.css

@@ -1 +1 @@
-.amsterdam-ordered-list{box-sizing:border-box;list-style-type:none;margin-block:0;padding-inline-start:0;-webkit-text-size-adjust:100%;display:grid;gap:var(--amsterdam-ordered-list-gap)}.amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers){color:var(--amsterdam-ordered-list-color);font-family:var(--amsterdam-ordered-list-font-family);font-size:var(--amsterdam-ordered-list-spacious-font-size);font-weight:var(--amsterdam-ordered-list-font-weight);line-height:var(--amsterdam-ordered-list-spacious-line-height);list-style-type:var(--amsterdam-ordered-list-list-style-type)}.amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers) .amsterdam-ordered-list__item{margin-inline-start:var(--amsterdam-ordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-ordered-list-item-padding-inline-start)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-ordered-list{list-style-type:var(--amsterdam-ordered-list-ordered-list-list-style-type)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-ordered-list .amsterdam-ordered-list__item{margin-inline-start:var(--amsterdam-ordered-list-ordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-ordered-list-ordered-list-item-padding-inline-start)}.amsterdam-theme--compact .amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers){font-size:var(--amsterdam-ordered-list-compact-font-size);line-height:var(--amsterdam-ordered-list-compact-line-height)}/*# sourceMappingURL=ordered-list.css.map */
+.amsterdam-ordered-list{box-sizing:border-box;list-style-type:none;margin-block:0;padding-inline-start:0;-webkit-text-size-adjust:100%;display:grid;gap:var(--amsterdam-ordered-list-gap)}.amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers){color:var(--amsterdam-ordered-list-color);font-family:var(--amsterdam-ordered-list-font-family);font-size:var(--amsterdam-ordered-list-font-size);font-weight:var(--amsterdam-ordered-list-font-weight);line-height:var(--amsterdam-ordered-list-line-height);list-style-type:var(--amsterdam-ordered-list-list-style-type)}.amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers) .amsterdam-ordered-list__item{margin-inline-start:var(--amsterdam-ordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-ordered-list-item-padding-inline-start)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-ordered-list{list-style-type:var(--amsterdam-ordered-list-ordered-list-list-style-type)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-ordered-list .amsterdam-ordered-list__item{margin-inline-start:var(--amsterdam-ordered-list-ordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-ordered-list-ordered-list-item-padding-inline-start)}/*# sourceMappingURL=ordered-list.css.map */

package/dist/ordered-list/ordered-list.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/ordered-list/ordered-list.scss"],"names":[],"mappings":"AAeA,wBARE,sBACA,qBACA,eACA,uBACA,8BAOA,aACA,sCAIF,iEACE,0CACA,sDACA,2DACA,sDACA,+DACA,8DAGA,+FACE,2EACA,6EAKJ,+EACE,2EAEA,6GACE,wFACA,0FAIJ,2FACE,0DACA","file":"ordered-list.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/ordered-list/ordered-list.scss"],"names":[],"mappings":"AAeA,wBARE,sBACA,qBACA,eACA,uBACA,8BAOA,aACA,sCAIF,iEACE,0CACA,sDACA,kDACA,sDACA,sDACA,8DAGA,+FACE,2EACA,6EAKJ,+EACE,2EAEA,6GACE,wFACA","file":"ordered-list.css"}

package/dist/page-heading/page-heading.css

@@ -1 +1 @@
-.amsterdam-page-heading{break-after:avoid;break-inside:avoid;color:var(--amsterdam-page-heading-color);font-family:var(--amsterdam-page-heading-font-family);font-size:var(--amsterdam-page-heading-spacious-font-size);font-weight:var(--amsterdam-page-heading-font-weight);line-height:var(--amsterdam-page-heading-spacious-line-height);box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-page-heading{font-size:var(--amsterdam-page-heading-compact-font-size);line-height:var(--amsterdam-page-heading-compact-line-height)}.amsterdam-page-heading--inverse-color{color:var(--amsterdam-page-heading-inverse-color)}/*# sourceMappingURL=page-heading.css.map */
+.amsterdam-page-heading{break-after:avoid;break-inside:avoid;color:var(--amsterdam-page-heading-color);font-family:var(--amsterdam-page-heading-font-family);font-size:var(--amsterdam-page-heading-font-size);font-weight:var(--amsterdam-page-heading-font-weight);line-height:var(--amsterdam-page-heading-line-height);hyphenate-limit-chars:var(--amsterdam-hyphenation-hyphenate-limit-chars);hyphens:var(--amsterdam-hyphenation-hyphens);overflow-wrap:var(--amsterdam-hyphenation-overflow-wrap);box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-page-heading--inverse-color{color:var(--amsterdam-page-heading-inverse-color)}/*# sourceMappingURL=page-heading.css.map */

package/dist/page-heading/page-heading.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/page-heading/page-heading.scss"],"names":[],"mappings":"AAWA,wBACE,kBACA,mBACA,0CACA,sDACA,2DACA,sDACA,+DAZA,sBACA,eACA,8BAcA,kDACE,0DACA,8DAIJ,uCACE","file":"page-heading.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/page-heading/page-heading.scss","../../src/common/hyphenation.scss"],"names":[],"mappings":"AAaA,wBACE,kBACA,mBACA,0CACA,sDACA,kDACA,sDACA,sDCnBA,yEACA,6CACA,yDDKA,sBACA,eACA,8BAgBF,uCACE","file":"page-heading.css"}

package/dist/page-menu/page-menu.css

@@ -1 +1 @@
-.amsterdam-page-menu{align-items:center;column-gap:var(--amsterdam-page-menu-column-gap);display:flex;flex-direction:row;list-style:none;row-gap:var(--amsterdam-page-menu-row-gap);box-sizing:border-box;margin-block:0;padding-inline:0}.amsterdam-page-menu--align-end{justify-content:end}.amsterdam-page-menu__link{color:var(--amsterdam-page-menu-item-color);display:inline-flex;flex-direction:row;font-family:var(--amsterdam-page-menu-item-font-family);font-size:var(--amsterdam-page-menu-item-spacious-font-size);font-weight:var(--amsterdam-page-menu-item-font-weight);gap:var(--amsterdam-page-menu-item-gap);line-height:var(--amsterdam-page-menu-item-spacious-line-height);outline-offset:var(--amsterdam-page-menu-item-outline-offset);text-align:center;text-decoration-line:var(--amsterdam-page-menu-item-text-decoration-line);text-decoration-thickness:var(--amsterdam-page-menu-item-text-decoration-thickness);text-underline-offset:var(--amsterdam-page-menu-item-text-underline-offset);touch-action:manipulation;white-space:nowrap;box-sizing:border-box;-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-page-menu__link{font-size:var(--amsterdam-page-menu-item-compact-font-size);line-height:var(--amsterdam-page-menu-item-compact-line-height)}.amsterdam-page-menu__link:hover,.amsterdam-page-menu__button:hover{color:var(--amsterdam-page-menu-item-hover-color);text-decoration-line:var(--amsterdam-page-menu-item-hover-text-decoration-line)}.amsterdam-page-menu__link svg{color:currentColor}/*# sourceMappingURL=page-menu.css.map */
+.amsterdam-page-menu{align-items:center;column-gap:var(--amsterdam-page-menu-column-gap);display:flex;flex-direction:row;list-style:none;row-gap:var(--amsterdam-page-menu-row-gap);box-sizing:border-box;margin-block:0;padding-inline:0}.amsterdam-page-menu--align-end{justify-content:end}.amsterdam-page-menu__link{color:var(--amsterdam-page-menu-item-color);display:inline-flex;flex-direction:row;font-family:var(--amsterdam-page-menu-item-font-family);font-size:var(--amsterdam-page-menu-item-font-size);font-weight:var(--amsterdam-page-menu-item-font-weight);gap:var(--amsterdam-page-menu-item-gap);line-height:var(--amsterdam-page-menu-item-line-height);outline-offset:var(--amsterdam-page-menu-item-outline-offset);text-align:center;text-decoration-line:var(--amsterdam-page-menu-item-text-decoration-line);text-decoration-thickness:var(--amsterdam-page-menu-item-text-decoration-thickness);text-underline-offset:var(--amsterdam-page-menu-item-text-underline-offset);touch-action:manipulation;white-space:nowrap;box-sizing:border-box;-webkit-text-size-adjust:100%}.amsterdam-page-menu__link:hover,.amsterdam-page-menu__button:hover{color:var(--amsterdam-page-menu-item-hover-color);text-decoration-line:var(--amsterdam-page-menu-item-hover-text-decoration-line)}.amsterdam-page-menu__link svg{color:currentColor}/*# sourceMappingURL=page-menu.css.map */

package/dist/page-menu/page-menu.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/page-menu/page-menu.scss"],"names":[],"mappings":"AAgBA,qBACE,mBACA,iDACA,aACA,mBACA,gBACA,2CAhBA,sBACA,eACA,iBAmBF,gCACE,oBA0BF,2BAtBE,4CACA,oBACA,mBACA,wDACA,6DACA,wDACA,wCACA,iEACA,8DACA,kBACA,0EACA,oFACA,4EACA,0BACA,mBAlCA,sBACA,8BAmCA,qDACE,4DACA,gEASJ,oEAEE,kDACA,gFAGF,+BACE","file":"page-menu.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/page-menu/page-menu.scss"],"names":[],"mappings":"AAgBA,qBACE,mBACA,iDACA,aACA,mBACA,gBACA,2CAhBA,sBACA,eACA,iBAmBF,gCACE,oBAqBF,2BAjBE,4CACA,oBACA,mBACA,wDACA,oDACA,wDACA,wCACA,wDACA,8DACA,kBACA,0EACA,oFACA,4EACA,0BACA,mBAlCA,sBACA,8BAyCF,oEAEE,kDACA,gFAGF,+BACE","file":"page-menu.css"}

package/dist/pagination/pagination.css

@@ -1 +1 @@
-.amsterdam-pagination__list{color:var(--amsterdam-pagination-color);display:flex;flex-wrap:wrap;font-family:var(--amsterdam-pagination-font-family);font-size:var(--amsterdam-pagination-spacious-font-size);font-weight:var(--amsterdam-pagination-font-weight);justify-content:center;line-height:var(--amsterdam-pagination-spacious-line-height);list-style-type:none;margin-block:0;padding-inline-start:0}.amsterdam-theme--compact .amsterdam-pagination__list{font-size:var(--amsterdam-pagination-compact-font-size);line-height:var(--amsterdam-pagination-compact-line-height)}.amsterdam-pagination__button{all:unset;box-sizing:border-box;outline:revert;-webkit-text-size-adjust:100%;cursor:pointer;display:flex;gap:.5rem;outline-offset:var(--amsterdam-pagination-button-outline-offset);padding-inline:.75rem;text-decoration-line:var(--amsterdam-pagination-button-text-decoration-line);text-decoration-thickness:var(--amsterdam-pagination-button-text-decoration-thickness);text-underline-offset:var(--amsterdam-pagination-button-text-underline-offset);touch-action:manipulation}.amsterdam-pagination__button:hover{color:var(--amsterdam-pagination-button-hover-color);text-decoration-line:var(--amsterdam-pagination-button-hover-text-decoration-line)}.amsterdam-pagination__button:disabled{display:none}.amsterdam-pagination__button span.amsterdam-icon svg{height:1rem;width:1rem}.amsterdam-pagination__button--current{cursor:default;font-weight:var(--amsterdam-pagination-button-current-font-weight)}.amsterdam-pagination__button--current:hover{text-decoration:none}/*# sourceMappingURL=pagination.css.map */
+.amsterdam-pagination__list{color:var(--amsterdam-pagination-color);display:flex;flex-wrap:wrap;font-family:var(--amsterdam-pagination-font-family);font-size:var(--amsterdam-pagination-font-size);font-weight:var(--amsterdam-pagination-font-weight);justify-content:center;line-height:var(--amsterdam-pagination-line-height);list-style-type:none;margin-block:0;padding-inline-start:0}.amsterdam-pagination__button{all:unset;box-sizing:border-box;outline:revert;-webkit-text-size-adjust:100%;cursor:pointer;display:flex;gap:.5rem;outline-offset:var(--amsterdam-pagination-button-outline-offset);padding-inline:.75rem;text-decoration-line:var(--amsterdam-pagination-button-text-decoration-line);text-decoration-thickness:var(--amsterdam-pagination-button-text-decoration-thickness);text-underline-offset:var(--amsterdam-pagination-button-text-underline-offset);touch-action:manipulation}.amsterdam-pagination__button:hover{color:var(--amsterdam-pagination-button-hover-color);text-decoration-line:var(--amsterdam-pagination-button-hover-text-decoration-line)}.amsterdam-pagination__button:disabled{display:none}.amsterdam-pagination__button span.amsterdam-icon svg{height:1rem;width:1rem}.amsterdam-pagination__button--current{cursor:default;font-weight:var(--amsterdam-pagination-button-current-font-weight)}.amsterdam-pagination__button--current:hover{text-decoration:none}/*# sourceMappingURL=pagination.css.map */

package/dist/pagination/pagination.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/pagination/pagination.scss"],"names":[],"mappings":"AAWA,4BACE,wCACA,aACA,eACA,oDACA,yDACA,oDACA,uBACA,6DAbA,qBACA,eACA,uBAeA,sDACE,wDACA,4DAWJ,8BANE,UACA,sBACA,eACA,8BAQA,eACA,aACA,UACA,iEACA,sBACA,6EACA,uFACA,+EACA,0BAEA,oCACE,qDACA,mFAGF,uCACE,aAIF,sDACE,YACA,WAIJ,uCACE,eACA,mEAEA,6CACE","file":"pagination.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/pagination/pagination.scss"],"names":[],"mappings":"AAWA,4BACE,wCACA,aACA,eACA,oDACA,gDACA,oDACA,uBACA,oDAbA,qBACA,eACA,uBAuBF,8BANE,UACA,sBACA,eACA,8BAQA,eACA,aACA,UACA,iEACA,sBACA,6EACA,uFACA,+EACA,0BAEA,oCACE,qDACA,mFAGF,uCACE,aAIF,sDACE,YACA,WAIJ,uCACE,eACA,mEAEA,6CACE","file":"pagination.css"}

package/dist/paragraph/paragraph.css

@@ -1 +1 @@
-.amsterdam-paragraph{color:var(--amsterdam-paragraph-color);font-family:var(--amsterdam-paragraph-font-family);font-size:var(--amsterdam-paragraph-spacious-medium-font-size);font-weight:var(--amsterdam-paragraph-font-weight);line-height:var(--amsterdam-paragraph-spacious-medium-line-height);box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-paragraph{font-size:var(--amsterdam-paragraph-compact-medium-font-size);line-height:var(--amsterdam-paragraph-compact-medium-line-height)}.amsterdam-paragraph--small{font-size:var(--amsterdam-paragraph-spacious-small-font-size);line-height:var(--amsterdam-paragraph-spacious-small-line-height)}.amsterdam-theme--compact .amsterdam-paragraph--small{font-size:var(--amsterdam-paragraph-compact-small-font-size);line-height:var(--amsterdam-paragraph-compact-small-line-height)}.amsterdam-paragraph--large{font-size:var(--amsterdam-paragraph-spacious-large-font-size);line-height:var(--amsterdam-paragraph-spacious-large-line-height)}.amsterdam-theme--compact .amsterdam-paragraph--large{font-size:var(--amsterdam-paragraph-compact-large-font-size);line-height:var(--amsterdam-paragraph-compact-large-line-height)}.amsterdam-paragraph--inverse-color{color:var(--amsterdam-paragraph-inverse-color)}/*# sourceMappingURL=paragraph.css.map */
+.amsterdam-paragraph{color:var(--amsterdam-paragraph-color);font-family:var(--amsterdam-paragraph-font-family);font-size:var(--amsterdam-paragraph-medium-font-size);font-weight:var(--amsterdam-paragraph-font-weight);line-height:var(--amsterdam-paragraph-medium-line-height);box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-paragraph--small{font-size:var(--amsterdam-paragraph-small-font-size);line-height:var(--amsterdam-paragraph-small-line-height)}.amsterdam-paragraph--large{font-size:var(--amsterdam-paragraph-large-font-size);line-height:var(--amsterdam-paragraph-large-line-height)}.amsterdam-paragraph--inverse-color{color:var(--amsterdam-paragraph-inverse-color)}/*# sourceMappingURL=paragraph.css.map */

package/dist/paragraph/paragraph.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/paragraph/paragraph.scss"],"names":[],"mappings":"AAWA,qBACE,uCACA,mDACA,+DACA,mDACA,mEAVA,sBACA,eACA,8BAYA,+CACE,8DACA,kEAIJ,4BACE,8DACA,kEAEA,sDACE,6DACA,iEAIJ,4BACE,8DACA,kEAEA,sDACE,6DACA,iEAIJ,oCACE","file":"paragraph.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/paragraph/paragraph.scss"],"names":[],"mappings":"AAWA,qBACE,uCACA,mDACA,sDACA,mDACA,0DAVA,sBACA,eACA,8BAaF,4BACE,qDACA,yDAGF,4BACE,qDACA,yDAGF,oCACE","file":"paragraph.css"}

package/dist/search-field/search-field.css

@@ -1 +1 @@
-.amsterdam-search-field{display:flex;isolation:isolate}.amsterdam-search-field__input{border:none;box-shadow:var(--amsterdam-search-field-input-box-shadow);color:var(--amsterdam-search-field-input-color);font-family:var(--amsterdam-search-field-input-font-family);font-size:var(--amsterdam-search-field-input-spacious-font-size);font-weight:var(--amsterdam-search-field-input-font-weight);line-height:var(--amsterdam-search-field-input-spacious-line-height);outline-offset:var(--amsterdam-search-field-input-outline-offset);padding-block:.5rem;padding-inline:1rem;touch-action:manipulation;width:100%;box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-search-field__input{font-size:var(--amsterdam-search-field-input-compact-font-size);line-height:var(--amsterdam-search-field-input-compact-line-height)}.amsterdam-search-field__input:hover{box-shadow:var(--amsterdam-search-field-input-hover-box-shadow)}.amsterdam-search-field__input:focus{z-index:1}.amsterdam-search-field__input::placeholder{color:var(--amsterdam-search-field-input-placeholder-color)}.amsterdam-search-field__input::-webkit-search-cancel-button{appearance:none;background-image:var(--amsterdam-search-field-input-cancel-button-background-image);cursor:pointer;height:var(--amsterdam-search-field-input-cancel-button-height);margin-inline-start:.5rem;width:var(--amsterdam-search-field-input-cancel-button-width)}.amsterdam-search-field__button{background-color:var(--amsterdam-search-field-button-background-color);border:0;color:var(--amsterdam-search-field-button-color);cursor:pointer;outline-offset:var(--amsterdam-search-field-button-outline-offset);padding-block:.5rem;padding-inline:.5rem;touch-action:manipulation}.amsterdam-search-field__button:hover{background-color:var(--amsterdam-search-field-button-hover-background-color)}/*# sourceMappingURL=search-field.css.map */
+.amsterdam-search-field{display:flex;isolation:isolate}.amsterdam-search-field__input{border:none;box-shadow:var(--amsterdam-search-field-input-box-shadow);color:var(--amsterdam-search-field-input-color);font-family:var(--amsterdam-search-field-input-font-family);font-size:var(--amsterdam-search-field-input-font-size);font-weight:var(--amsterdam-search-field-input-font-weight);line-height:var(--amsterdam-search-field-input-line-height);outline-offset:var(--amsterdam-search-field-input-outline-offset);padding-block:.5rem;padding-inline:1rem;touch-action:manipulation;width:100%;box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-search-field__input:hover{box-shadow:var(--amsterdam-search-field-input-hover-box-shadow)}.amsterdam-search-field__input:focus{z-index:1}.amsterdam-search-field__input::placeholder{color:var(--amsterdam-search-field-input-placeholder-color)}.amsterdam-search-field__input::-webkit-search-cancel-button{appearance:none;background-image:var(--amsterdam-search-field-input-cancel-button-background-image);cursor:pointer;height:var(--amsterdam-search-field-input-cancel-button-height);margin-inline-start:.5rem;width:var(--amsterdam-search-field-input-cancel-button-width)}.amsterdam-search-field__button{background-color:var(--amsterdam-search-field-button-background-color);border:0;color:var(--amsterdam-search-field-button-color);cursor:pointer;outline-offset:var(--amsterdam-search-field-button-outline-offset);padding-block:.5rem;padding-inline:.5rem;touch-action:manipulation}.amsterdam-search-field__button:hover{background-color:var(--amsterdam-search-field-button-hover-background-color)}/*# sourceMappingURL=search-field.css.map */

package/dist/search-field/search-field.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/search-field/search-field.scss"],"names":[],"mappings":"AAKA,wBACE,aACA,kBASF,+BACE,YACA,0DACA,gDACA,4DACA,iEACA,4DACA,qEACA,kEACA,oBACA,oBACA,0BACA,WAjBA,sBACA,eACA,8BAmBA,yDACE,gEACA,oEAGF,qCACE,gEAGF,qCACE,UAIJ,4CACE,4DAGF,6DACE,gBACA,oFACA,eACA,gEACA,0BACA,8DAGF,gCACE,uEACA,SACA,iDACA,eACA,mEACA,oBACA,qBACA,0BAEA,sCACE","file":"search-field.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/search-field/search-field.scss"],"names":[],"mappings":"AAKA,wBACE,aACA,kBASF,+BACE,YACA,0DACA,gDACA,4DACA,wDACA,4DACA,4DACA,kEACA,oBACA,oBACA,0BACA,WAjBA,sBACA,eACA,8BAmBA,qCACE,gEAGF,qCACE,UAIJ,4CACE,4DAGF,6DACE,gBACA,oFACA,eACA,gEACA,0BACA,8DAGF,gCACE,uEACA,SACA,iDACA,eACA,mEACA,oBACA,qBACA,0BAEA,sCACE","file":"search-field.css"}

package/dist/skip-link/skip-link.css

@@ -1 +1 @@
-.amsterdam-skip-link{background-color:var(--amsterdam-skip-link-background-color);color:var(--amsterdam-skip-link-color);display:block;font-family:var(--amsterdam-skip-link-font-family);font-size:var(--amsterdam-skip-link-font-size);font-weight:var(--amsterdam-skip-link-font-weight);line-height:var(--amsterdam-skip-link-line-height);outline-offset:var(--amsterdam-skip-link-outline-offset);padding-block:.5rem;padding-inline:1rem;text-align:center;text-decoration:none}.amsterdam-skip-link:hover{background-color:var(--amsterdam-skip-link-hover-background-color)}.amsterdam-theme--compact .amsterdam-skip-link{font-size:var(--amsterdam-skip-link-compact-font-size);line-height:var(--amsterdam-skip-link-compact-line-height)}/*# sourceMappingURL=skip-link.css.map */
+.amsterdam-skip-link{background-color:var(--amsterdam-skip-link-background-color);color:var(--amsterdam-skip-link-color);display:block;font-family:var(--amsterdam-skip-link-font-family);font-size:var(--amsterdam-skip-link-font-size);font-weight:var(--amsterdam-skip-link-font-weight);line-height:var(--amsterdam-skip-link-line-height);outline-offset:var(--amsterdam-skip-link-outline-offset);padding-block:.5rem;padding-inline:1rem;text-align:center;text-decoration:none}.amsterdam-skip-link:hover{background-color:var(--amsterdam-skip-link-hover-background-color)}/*# sourceMappingURL=skip-link.css.map */

package/dist/skip-link/skip-link.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/skip-link/skip-link.scss"],"names":[],"mappings":"AAKA,qBACE,6DACA,uCACA,cACA,mDACA,+CACA,mDACA,mDACA,yDACA,oBACA,oBACA,kBACA,qBAEA,2BACE,mEAGF,+CACE,uDACA","file":"skip-link.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/skip-link/skip-link.scss"],"names":[],"mappings":"AAKA,qBACE,6DACA,uCACA,cACA,mDACA,+CACA,mDACA,mDACA,yDACA,oBACA,oBACA,kBACA,qBAEA,2BACE","file":"skip-link.css"}

package/dist/text-input/text-input.css

@@ -1 +1 @@
-.amsterdam-text-input{border:none;box-shadow:var(--amsterdam-text-input-box-shadow);color:var(--amsterdam-text-input-color);font-family:var(--amsterdam-text-input-font-family);font-size:var(--amsterdam-text-input-spacious-font-size);font-weight:var(--amsterdam-text-input-font-weight);line-height:var(--amsterdam-text-input-spacious-line-height);outline-offset:var(--amsterdam-text-input-outline-offset);padding-block:.5rem;padding-inline:1rem;touch-action:manipulation;width:100%;box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-text-input{font-size:var(--amsterdam-text-input-compact-font-size);line-height:var(--amsterdam-text-input-compact-line-height)}.amsterdam-text-input:hover{box-shadow:var(--amsterdam-text-input-hover-box-shadow)}.amsterdam-text-input::placeholder{color:var(--amsterdam-text-input-placeholder-color)}.amsterdam-text-input:disabled{background-color:var(--amsterdam-text-input-disabled-background-color);box-shadow:var(--amsterdam-text-input-disabled-box-shadow);color:var(--amsterdam-text-input-disabled-color);cursor:not-allowed}.amsterdam-text-input:invalid,.amsterdam-text-input[aria-invalid=true]{box-shadow:var(--amsterdam-text-input-invalid-box-shadow)}.amsterdam-text-input:invalid:hover,.amsterdam-text-input[aria-invalid=true]:hover{box-shadow:var(--amsterdam-text-input-invalid-hover-box-shadow)}/*# sourceMappingURL=text-input.css.map */
+.amsterdam-text-input{border:none;box-shadow:var(--amsterdam-text-input-box-shadow);color:var(--amsterdam-text-input-color);font-family:var(--amsterdam-text-input-font-family);font-size:var(--amsterdam-text-input-font-size);font-weight:var(--amsterdam-text-input-font-weight);line-height:var(--amsterdam-text-input-line-height);outline-offset:var(--amsterdam-text-input-outline-offset);padding-block:.5rem;padding-inline:1rem;touch-action:manipulation;width:100%;box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-text-input:hover{box-shadow:var(--amsterdam-text-input-hover-box-shadow)}.amsterdam-text-input::placeholder{color:var(--amsterdam-text-input-placeholder-color)}.amsterdam-text-input:disabled{background-color:var(--amsterdam-text-input-disabled-background-color);box-shadow:var(--amsterdam-text-input-disabled-box-shadow);color:var(--amsterdam-text-input-disabled-color);cursor:not-allowed}.amsterdam-text-input:invalid,.amsterdam-text-input[aria-invalid=true]{box-shadow:var(--amsterdam-text-input-invalid-box-shadow)}.amsterdam-text-input:invalid:hover,.amsterdam-text-input[aria-invalid=true]:hover{box-shadow:var(--amsterdam-text-input-invalid-hover-box-shadow)}/*# sourceMappingURL=text-input.css.map */

package/dist/text-input/text-input.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/text-input/text-input.scss"],"names":[],"mappings":"AAWA,sBACE,YACA,kDACA,wCACA,oDACA,yDACA,oDACA,6DACA,0DACA,oBACA,oBACA,0BACA,WAjBA,sBACA,eACA,8BAmBA,gDACE,wDACA,4DAGF,4BACE,wDAIJ,mCACE,oDAGF,+BACE,uEACA,2DACA,iDACA,mBAGF,uEAEE,0DAEA,mFAEE","file":"text-input.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/text-input/text-input.scss"],"names":[],"mappings":"AAWA,sBACE,YACA,kDACA,wCACA,oDACA,gDACA,oDACA,oDACA,0DACA,oBACA,oBACA,0BACA,WAjBA,sBACA,eACA,8BAmBA,4BACE,wDAIJ,mCACE,oDAGF,+BACE,uEACA,2DACA,iDACA,mBAGF,uEAEE,0DAEA,mFAEE","file":"text-input.css"}

package/dist/top-task-link/top-task-link.css

@@ -1 +1 @@
-.amsterdam-top-task-link{break-inside:avoid;display:flex;flex-direction:column;gap:.5rem;outline-offset:var(--amsterdam-top-task-link-outline-offset);text-decoration:none}.amsterdam-top-task-link__label{color:var(--amsterdam-top-task-link-label-color);font-family:var(--amsterdam-top-task-link-label-font-family);font-size:var(--amsterdam-top-task-link-label-spacious-font-size);font-weight:var(--amsterdam-top-task-link-label-font-weight);line-height:var(--amsterdam-top-task-link-label-line-height);text-decoration-line:var(--amsterdam-top-task-link-label-text-decoration-line);text-decoration-thickness:var(--amsterdam-top-task-link-label-text-decoration-thickness);text-underline-offset:var(--amsterdam-top-task-link-label-text-underline-offset);box-sizing:border-box;-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-top-task-link__label{font-size:var(--amsterdam-top-task-link-label-compact-font-size);line-height:var(--amsterdam-top-task-link-label-compact-line-height)}.amsterdam-top-task-link:hover .amsterdam-top-task-link__label{color:var(--amsterdam-top-task-link-label-hover-color);text-decoration-line:var(--amsterdam-top-task-link-label-hover-text-decoration-line)}.amsterdam-top-task-link__description{color:var(--amsterdam-top-task-link-description-color);font-family:var(--amsterdam-top-task-link-description-font-family);font-size:var(--amsterdam-top-task-link-description-spacious-font-size);font-weight:var(--amsterdam-top-task-link-description-font-weight);line-height:var(--amsterdam-top-task-link-description-spacious-line-height);box-sizing:border-box;-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-top-task-link__description{font-size:var(--amsterdam-top-task-link-description-compact-font-size);line-height:var(--amsterdam-top-task-link-description-compact-line-height)}/*# sourceMappingURL=top-task-link.css.map */
+.amsterdam-top-task-link{break-inside:avoid;display:flex;flex-direction:column;gap:.5rem;outline-offset:var(--amsterdam-top-task-link-outline-offset);text-decoration:none}.amsterdam-top-task-link__label{color:var(--amsterdam-top-task-link-label-color);font-family:var(--amsterdam-top-task-link-label-font-family);font-size:var(--amsterdam-top-task-link-label-font-size);font-weight:var(--amsterdam-top-task-link-label-font-weight);line-height:var(--amsterdam-top-task-link-label-line-height);text-decoration-line:var(--amsterdam-top-task-link-label-text-decoration-line);text-decoration-thickness:var(--amsterdam-top-task-link-label-text-decoration-thickness);text-underline-offset:var(--amsterdam-top-task-link-label-text-underline-offset);hyphenate-limit-chars:var(--amsterdam-hyphenation-hyphenate-limit-chars);hyphens:var(--amsterdam-hyphenation-hyphens);overflow-wrap:var(--amsterdam-hyphenation-overflow-wrap);box-sizing:border-box;-webkit-text-size-adjust:100%}.amsterdam-top-task-link:hover .amsterdam-top-task-link__label{color:var(--amsterdam-top-task-link-label-hover-color);text-decoration-line:var(--amsterdam-top-task-link-label-hover-text-decoration-line)}.amsterdam-top-task-link__description{color:var(--amsterdam-top-task-link-description-color);font-family:var(--amsterdam-top-task-link-description-font-family);font-size:var(--amsterdam-top-task-link-description-font-size);font-weight:var(--amsterdam-top-task-link-description-font-weight);line-height:var(--amsterdam-top-task-link-description-line-height);box-sizing:border-box;-webkit-text-size-adjust:100%}/*# sourceMappingURL=top-task-link.css.map */

package/dist/top-task-link/top-task-link.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/top-task-link/top-task-link.scss"],"names":[],"mappings":"AAKA,yBACE,mBACA,aACA,sBACA,UACA,6DACA,qBAQF,gCACE,iDACA,6DACA,kEACA,6DACA,6DACA,+EACA,yFACA,iFAZA,sBACA,8BAaA,0DACE,iEACA,qEAMJ,+DACE,uDACA,qFAGF,sCACE,uDACA,mEACA,wEACA,mEACA,4EAhCA,sBACA,8BAiCA,gEACE,uEACA","file":"top-task-link.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/top-task-link/top-task-link.scss","../../src/common/hyphenation.scss"],"names":[],"mappings":"AAOA,yBACE,mBACA,aACA,sBACA,UACA,6DACA,qBAQF,gCACE,iDACA,6DACA,yDACA,6DACA,6DACA,+EACA,yFACA,iFC5BA,yEACA,6CACA,yDDcA,sBACA,8BAiBF,+DACE,uDACA,qFAGF,sCACE,uDACA,mEACA,+DACA,mEACA,mEA5BA,sBACA","file":"top-task-link.css"}

package/dist/unordered-list/unordered-list.css

@@ -1 +1 @@
-.amsterdam-unordered-list{box-sizing:border-box;list-style:none;margin-block:0;padding-inline-start:0;-webkit-text-size-adjust:100%;display:grid;gap:var(--amsterdam-unordered-list-gap)}.amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers){color:var(--amsterdam-unordered-list-color);font-family:var(--amsterdam-unordered-list-font-family);font-size:var(--amsterdam-unordered-list-spacious-font-size);font-weight:var(--amsterdam-unordered-list-font-weight);line-height:var(--amsterdam-unordered-list-spacious-line-height);list-style-type:var(--amsterdam-unordered-list-list-style-type)}.amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers) .amsterdam-unordered-list__item{margin-inline-start:var(--amsterdam-unordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-unordered-list-item-padding-inline-start)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-unordered-list{list-style-type:var(--amsterdam-unordered-list-unordered-list-list-style-type)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-unordered-list .amsterdam-unordered-list__item{margin-inline-start:var(--amsterdam-unordered-list-unordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-unordered-list-unordered-list-item-padding-inline-start)}.amsterdam-theme--compact .amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers){font-size:var(--amsterdam-unordered-list-compact-font-size);line-height:var(--amsterdam-unordered-list-compact-line-height)}/*# sourceMappingURL=unordered-list.css.map */
+.amsterdam-unordered-list{box-sizing:border-box;list-style:none;margin-block:0;padding-inline-start:0;-webkit-text-size-adjust:100%;display:grid;gap:var(--amsterdam-unordered-list-gap)}.amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers){color:var(--amsterdam-unordered-list-color);font-family:var(--amsterdam-unordered-list-font-family);font-size:var(--amsterdam-unordered-list-font-size);font-weight:var(--amsterdam-unordered-list-font-weight);line-height:var(--amsterdam-unordered-list-line-height);list-style-type:var(--amsterdam-unordered-list-list-style-type)}.amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers) .amsterdam-unordered-list__item{margin-inline-start:var(--amsterdam-unordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-unordered-list-item-padding-inline-start)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-unordered-list{list-style-type:var(--amsterdam-unordered-list-unordered-list-list-style-type)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-unordered-list .amsterdam-unordered-list__item{margin-inline-start:var(--amsterdam-unordered-list-unordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-unordered-list-unordered-list-item-padding-inline-start)}/*# sourceMappingURL=unordered-list.css.map */

package/dist/unordered-list/unordered-list.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/unordered-list/unordered-list.scss"],"names":[],"mappings":"AAeA,0BARE,sBACA,gBACA,eACA,uBACA,8BAOA,aACA,wCAIF,qEACE,4CACA,wDACA,6DACA,wDACA,iEACA,gEAGA,qGACE,6EACA,+EAKJ,iFACE,+EAEA,iHACE,4FACA,8FAIJ,+FACE,4DACA","file":"unordered-list.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/unordered-list/unordered-list.scss"],"names":[],"mappings":"AAeA,0BARE,sBACA,gBACA,eACA,uBACA,8BAOA,aACA,wCAIF,qEACE,4CACA,wDACA,oDACA,wDACA,wDACA,gEAGA,qGACE,6EACA,+EAKJ,iFACE,+EAEA,iHACE,4FACA","file":"unordered-list.css"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.4.0",
+  "version": "0.5.0",
   "author": "Community for NL Design System",
   "description": "CSS files for components for the City of Amsterdam based on the NL Design System architecture",
   "license": "EUPL-1.2",
@@ -13,17 +13,16 @@
     "url": "https://github.com/Amsterdam/design-system.git",
     "directory": "packages/css"
   },
-  "scripts": {
-    "build": "sass src/components:dist/ --style=compressed",
-    "build:watch": "sass src/components:dist/ --watch",
-    "clean": "rimraf dist/"
-  },
   "devDependencies": {
-    "@amsterdam/design-system-tokens": "0.4.0",
-    "sass": "1.70.0"
+    "sass": "1.70.0",
+    "@amsterdam/design-system-tokens": "0.5.0"
   },
   "dependencies": {
     "@utrecht/components": "3.0.0"
   },
-  "gitHead": "3bc9765e9de9553db5b643d2ed79735837d4d7b6"
-}
+  "scripts": {
+    "build": "sass src/components:dist/ --style=compressed",
+    "build:watch": "sass src/components:dist/ --watch",
+    "clean": "rimraf dist/"
+  }
+}

package/src/common/hyphenation.scss

@@ -0,0 +1,5 @@
+@mixin hyphenation {
+  hyphenate-limit-chars: var(--amsterdam-hyphenation-hyphenate-limit-chars);
+  hyphens: var(--amsterdam-hyphenation-hyphens);
+  overflow-wrap: var(--amsterdam-hyphenation-overflow-wrap);
+}

package/src/components/accordion/accordion.scss

@@ -20,19 +20,14 @@
   cursor: pointer;
   display: flex;
   font-family: var(--amsterdam-accordion-button-font-family);
-  font-size: var(--amsterdam-accordion-button-spacious-font-size);
+  font-size: var(--amsterdam-accordion-button-font-size);
   font-weight: var(--amsterdam-accordion-button-font-weight);
   justify-content: space-between;
-  line-height: var(--amsterdam-accordion-button-spacious-line-height);
+  line-height: var(--amsterdam-accordion-button-line-height);
   padding-block: 0.75rem;
   padding-inline: 1rem;
   width: 100%;
 
-  .amsterdam-theme--compact & {
-    font-size: var(--amsterdam-accordion-button-compact-font-size);
-    line-height: var(--amsterdam-accordion-button-compact-line-height);
-  }
-
   &:focus {
     outline-offset: var(--amsterdam-accordion-button-focus-outline-offset);
   }

package/src/components/badge/badge.scss

@@ -6,15 +6,10 @@
 .amsterdam-badge {
   display: inline-block;
   font-family: var(--amsterdam-badge-font-family);
-  font-size: var(--amsterdam-badge-spacious-font-size);
+  font-size: var(--amsterdam-badge-font-size);
   font-weight: var(--amsterdam-badge-font-weight);
-  line-height: var(--amsterdam-badge-spacious-line-height);
+  line-height: var(--amsterdam-badge-line-height);
   padding-inline: var(--amsterdam-badge-padding-inline);
-
-  .amsterdam-theme--compact & {
-    font-size: var(--amsterdam-badge-compact-font-size);
-    line-height: var(--amsterdam-badge-compact-line-height);
-  }
 }
 
 .amsterdam-badge--blue {

package/src/components/blockquote/blockquote.scss

@@ -3,6 +3,8 @@
  * Copyright (c) 2023 Gemeente Amsterdam
  */
 
+@import "../../common/hyphenation";
+
 @mixin reset {
   box-sizing: border-box;
   margin-block: 0;
@@ -14,9 +16,9 @@
   break-inside: avoid;
   color: var(--amsterdam-blockquote-color);
   font-family: var(--amsterdam-blockquote-font-family);
-  font-size: var(--amsterdam-blockquote-spacious-font-size);
+  font-size: var(--amsterdam-blockquote-font-size);
   font-weight: var(--amsterdam-blockquote-font-weight);
-  line-height: var(--amsterdam-blockquote-spacious-line-height);
+  line-height: var(--amsterdam-blockquote-line-height);
   quotes: "“" "”";
 
   &::before {
@@ -27,11 +29,7 @@
     content: close-quote;
   }
 
-  .amsterdam-theme--compact & {
-    font-size: var(--amsterdam-blockquote-spacious-font-size);
-    line-height: var(--amsterdam-blockquote-spacious-line-height);
-  }
-
+  @include hyphenation;
   @include reset;
 }
 

package/src/components/breadcrumb/breadcrumb.scss

@@ -12,14 +12,9 @@
 
 .amsterdam-breadcrumb {
   font-family: var(--amsterdam-breadcrumb-font-family, inherit);
-  font-size: var(--amsterdam-breadcrumb-spacious-font-size);
+  font-size: var(--amsterdam-breadcrumb-font-size);
   font-weight: var(--amsterdam-breadcrumb-font-weight);
-  line-height: var(--amsterdam-breadcrumb-spacious-line-height);
-
-  .amsterdam-theme--compact & {
-    font-size: var(--amsterdam-breadcrumb-compact-font-size);
-    line-height: var(--amsterdam-breadcrumb-compact-line-height);
-  }
+  line-height: var(--amsterdam-breadcrumb-line-height);
 }
 
 .amsterdam-breadcrumb__list {

package/src/components/button/button.scss

@@ -10,15 +10,10 @@
 }
 
 .amsterdam-button {
-  font-size: var(--amsterdam-button-spacious-font-size);
-  line-height: var(--amsterdam-button-spacious-line-height);
+  font-size: var(--amsterdam-button-font-size);
+  line-height: var(--amsterdam-button-line-height);
 
   @include reset;
-
-  .amsterdam-theme--compact & {
-    font-size: var(--amsterdam-breadcrumb-compact-font-size);
-    line-height: var(--amsterdam-breadcrumb-compact-line-height);
-  }
 }
 
 .amsterdam-button--secondary {

package/src/components/checkbox/checkbox.scss

@@ -19,7 +19,7 @@
   align-items: center;
   display: flex;
   flex-shrink: 0;
-  height: calc(var(--amsterdam-checkbox-spacious-font-size) * var(--amsterdam-checkbox-spacious-line-height));
+  height: calc(var(--amsterdam-checkbox-font-size) * var(--amsterdam-checkbox-line-height));
   width: 1.5rem;
 
   &::after {
@@ -31,10 +31,6 @@
     height: 1.5rem;
     width: 100%;
   }
-
-  .amsterdam-theme--compact & {
-    height: calc(var(--amsterdam-checkbox-compact-font-size) * var(--amsterdam-checkbox-compact-line-height));
-  }
 }
 
 @mixin reset {
@@ -46,10 +42,10 @@
   cursor: pointer;
   display: inline-flex;
   font-family: var(--amsterdam-checkbox-font-family);
-  font-size: var(--amsterdam-checkbox-spacious-font-size);
+  font-size: var(--amsterdam-checkbox-font-size);
   font-weight: 400;
   gap: 0.5rem;
-  line-height: var(--amsterdam-checkbox-spacious-line-height);
+  line-height: var(--amsterdam-checkbox-line-height);
 
   &:hover {
     color: var(--amsterdam-checkbox-hover-color);
@@ -63,11 +59,6 @@
     }
   }
 
-  .amsterdam-theme--compact & {
-    font-size: var(--amsterdam-checkbox-compact-font-size);
-    line-height: var(--amsterdam-checkbox-compact-line-height);
-  }
-
   @include reset;
 }
 

package/src/components/dialog/dialog.scss

@@ -4,6 +4,7 @@
  */
 
 @import "../../common/breakpoint";
+@import "../../common/hyphenation";
 
 .amsterdam-dialog {
   background-color: var(--amsterdam-dialog-background-color);
@@ -52,15 +53,11 @@
   color: var(--amsterdam-dialog-title-color);
   flex: auto;
   font-family: var(--amsterdam-dialog-title-font-family);
-  font-size: var(--amsterdam-dialog-title-spacious-font-size);
+  font-size: var(--amsterdam-dialog-title-font-size);
   font-weight: var(--amsterdam-dialog-title-font-weight);
-  line-height: var(--amsterdam-dialog-title-spacious-line-height);
-
-  .amsterdam-theme--compact & {
-    font-size: var(--amsterdam-dialog-title-compact-font-size);
-    line-height: var(--amsterdam-dialog-title-compact-line-height);
-  }
+  line-height: var(--amsterdam-dialog-title-line-height);
 
+  @include hyphenation;
   @include reset;
 }
 

package/src/components/form-label/form-label.scss

@@ -3,6 +3,8 @@
  * Copyright (c) 2023 Gemeente Amsterdam
  */
 
+@import "../../common/hyphenation";
+
 @mixin reset {
   -webkit-text-size-adjust: 100%;
 }
@@ -10,14 +12,10 @@
 .amsterdam-form-label {
   color: var(--amsterdam-form-label-color);
   font-family: var(--amsterdam-form-label-font-family);
-  font-size: var(--amsterdam-form-label-spacious-font-size);
+  font-size: var(--amsterdam-form-label-font-size);
   font-weight: var(--amsterdam-form-label-font-weight);
-  line-height: var(--amsterdam-form-label-spacious-line-height);
+  line-height: var(--amsterdam-form-label-line-height);
 
+  @include hyphenation;
   @include reset;
-
-  .amsterdam-theme--compact & {
-    font-size: var(--amsterdam-form-label-compact-font-size);
-    line-height: var(--amsterdam-form-label-compact-line-height);
-  }
 }

package/src/components/grid/grid.scss

@@ -6,9 +6,6 @@
 @import "../../common/breakpoint";
 
 .amsterdam-grid {
-  --amsterdam-grid-gap: var(--amsterdam-grid-spacious-gap);
-  --amsterdam-grid-padding-inline: var(--amsterdam-grid-spacious-padding-inline);
-
   display: grid;
   gap: var(--amsterdam-grid-gap);
   grid-template-columns: repeat(var(--amsterdam-grid-column-count), 1fr);
@@ -23,11 +20,6 @@
   }
 }
 
-.amsterdam-grid--compact {
-  --amsterdam-grid-gap: var(--amsterdam-grid-compact-gap);
-  --amsterdam-grid-padding-inline: var(--amsterdam-grid-compact-padding-inline);
-}
-
 .amsterdam-grid--gap-vertical--none {
   row-gap: initial;
 }

package/src/components/header/header.scss

@@ -75,9 +75,9 @@
   border: 0;
   color: var(--amsterdam-page-menu-item-color);
   font-family: var(--amsterdam-page-menu-item-font-family);
-  font-size: var(--amsterdam-page-menu-item-spacious-font-size);
+  font-size: var(--amsterdam-page-menu-item-font-size);
   font-weight: var(--amsterdam-page-menu-item-font-weight);
-  line-height: var(--amsterdam-page-menu-item-spacious-line-height);
+  line-height: var(--amsterdam-page-menu-item-line-height);
   margin-block: 0;
   padding-inline: 0 30px;
   text-align: center;

package/src/components/heading/heading.scss

@@ -3,6 +3,8 @@
  * Copyright (c) 2023 Gemeente Amsterdam
  */
 
+@import "../../common/hyphenation";
+
 @mixin reset {
   box-sizing: border-box;
   margin-block: 0;
@@ -16,67 +18,38 @@
   font-family: var(--amsterdam-heading-font-family);
   font-weight: var(--amsterdam-heading-font-weight);
 
+  @include hyphenation;
   @include reset;
 }
 
 .amsterdam-heading--1 {
-  font-size: var(--amsterdam-heading-spacious-level-1-font-size);
-  line-height: var(--amsterdam-heading-spacious-level-1-line-height);
-
-  .amsterdam-theme--compact & {
-    font-size: var(--amsterdam-heading-compact-level-1-font-size);
-    line-height: var(--amsterdam-heading-compact-level-1-line-height);
-  }
+  font-size: var(--amsterdam-heading-level-1-font-size);
+  line-height: var(--amsterdam-heading-level-1-line-height);
 }
 
 .amsterdam-heading--2 {
-  font-size: var(--amsterdam-heading-spacious-level-2-font-size);
-  line-height: var(--amsterdam-heading-spacious-level-2-line-height);
-
-  .amsterdam-theme--compact & {
-    font-size: var(--amsterdam-heading-compact-level-2-font-size);
-    line-height: var(--amsterdam-heading-compact-level-2-line-height);
-  }
+  font-size: var(--amsterdam-heading-level-2-font-size);
+  line-height: var(--amsterdam-heading-level-2-line-height);
 }
 
 .amsterdam-heading--3 {
-  font-size: var(--amsterdam-heading-spacious-level-3-font-size);
-  line-height: var(--amsterdam-heading-spacious-level-3-line-height);
-
-  .amsterdam-theme--compact & {
-    font-size: var(--amsterdam-heading-compact-level-3-font-size);
-    line-height: var(--amsterdam-heading-compact-level-3-line-height);
-  }
+  font-size: var(--amsterdam-heading-level-3-font-size);
+  line-height: var(--amsterdam-heading-level-3-line-height);
 }
 
 .amsterdam-heading--4 {
-  font-size: var(--amsterdam-heading-spacious-level-4-font-size);
-  line-height: var(--amsterdam-heading-spacious-level-4-line-height);
-
-  .amsterdam-theme--compact & {
-    font-size: var(--amsterdam-heading-compact-level-4-font-size);
-    line-height: var(--amsterdam-heading-compact-level-4-line-height);
-  }
+  font-size: var(--amsterdam-heading-level-4-font-size);
+  line-height: var(--amsterdam-heading-level-4-line-height);
 }
 
 .amsterdam-heading--5 {
-  font-size: var(--amsterdam-heading-spacious-level-5-font-size);
-  line-height: var(--amsterdam-heading-spacious-level-5-line-height);
-
-  .amsterdam-theme--compact & {
-    font-size: var(--amsterdam-heading-compact-level-5-font-size);
-    line-height: var(--amsterdam-heading-compact-level-5-line-height);
-  }
+  font-size: var(--amsterdam-heading-level-5-font-size);
+  line-height: var(--amsterdam-heading-level-5-line-height);
 }
 
 .amsterdam-heading--6 {
-  font-size: var(--amsterdam-heading-spacious-level-6-font-size);
-  line-height: var(--amsterdam-heading-spacious-level-6-line-height);
-
-  .amsterdam-theme--compact & {
-    font-size: var(--amsterdam-heading-compact-level-6-font-size);
-    line-height: var(--amsterdam-heading-compact-level-6-line-height);
-  }
+  font-size: var(--amsterdam-heading-level-6-font-size);
+  line-height: var(--amsterdam-heading-level-6-line-height);
 }
 
 .amsterdam-heading--inverse-color {