@amsterdam/design-system-css 0.6.1 → 0.7.1

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:var(--amsterdam-skip-link-padding-block);padding-inline:var(--amsterdam-skip-link-padding-inline);text-align:center;text-decoration:none}.amsterdam-skip-link:hover{background-color:var(--amsterdam-skip-link-hover-background-color)}/*# sourceMappingURL=skip-link.css.map */
+.ams-skip-link{background-color:var(--ams-skip-link-background-color);color:var(--ams-skip-link-color);display:block;font-family:var(--ams-skip-link-font-family);font-size:var(--ams-skip-link-font-size);font-weight:var(--ams-skip-link-font-weight);line-height:var(--ams-skip-link-line-height);outline-offset:var(--ams-skip-link-outline-offset);padding-block:var(--ams-skip-link-padding-block);padding-inline:var(--ams-skip-link-padding-inline);text-align:center;text-decoration:none}.ams-skip-link:hover{background-color:var(--ams-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,uDACA,yDACA,kBACA,qBAEA,2BACE","file":"skip-link.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/skip-link/skip-link.scss"],"names":[],"mappings":"AAKA,eACE,uDACA,iCACA,cACA,6CACA,yCACA,6CACA,6CACA,mDACA,iDACA,mDACA,kBACA,qBAEA,qBACE","file":"skip-link.css"}

package/dist/spotlight/spotlight.css

@@ -1 +1 @@
-.amsterdam-spotlight--blue{background-color:var(--amsterdam-spotlight-blue-background-color)}.amsterdam-spotlight--dark-blue{background-color:var(--amsterdam-spotlight-dark-blue-background-color)}.amsterdam-spotlight--dark-green{background-color:var(--amsterdam-spotlight-dark-green-background-color)}.amsterdam-spotlight--green{background-color:var(--amsterdam-spotlight-green-background-color)}.amsterdam-spotlight--magenta{background-color:var(--amsterdam-spotlight-magenta-background-color)}.amsterdam-spotlight--orange{background-color:var(--amsterdam-spotlight-orange-background-color)}.amsterdam-spotlight--purple{background-color:var(--amsterdam-spotlight-purple-background-color)}.amsterdam-spotlight--yellow{background-color:var(--amsterdam-spotlight-yellow-background-color)}/*# sourceMappingURL=spotlight.css.map */
+.ams-spotlight--blue{background-color:var(--ams-spotlight-blue-background-color)}.ams-spotlight--dark-blue{background-color:var(--ams-spotlight-dark-blue-background-color)}.ams-spotlight--dark-green{background-color:var(--ams-spotlight-dark-green-background-color)}.ams-spotlight--green{background-color:var(--ams-spotlight-green-background-color)}.ams-spotlight--magenta{background-color:var(--ams-spotlight-magenta-background-color)}.ams-spotlight--orange{background-color:var(--ams-spotlight-orange-background-color)}.ams-spotlight--purple{background-color:var(--ams-spotlight-purple-background-color)}.ams-spotlight--yellow{background-color:var(--ams-spotlight-yellow-background-color)}/*# sourceMappingURL=spotlight.css.map */

package/dist/spotlight/spotlight.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/spotlight/spotlight.scss"],"names":[],"mappings":"AAKA,2BACE,kEAGF,gCACE,uEAGF,iCACE,wEAGF,4BACE,mEAGF,8BACE,qEAGF,6BACE,oEAGF,6BACE,oEAGF,6BACE","file":"spotlight.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/spotlight/spotlight.scss"],"names":[],"mappings":"AAKA,qBACE,4DAGF,0BACE,iEAGF,2BACE,kEAGF,sBACE,6DAGF,wBACE,+DAGF,uBACE,8DAGF,uBACE,8DAGF,uBACE","file":"spotlight.css"}

package/dist/switch/switch.css

@@ -1 +1 @@
-.amsterdam-switch__input{appearance:none;margin-block:0;margin-inline:0;opacity:0%}.amsterdam-switch__input:focus+label{outline:auto}.amsterdam-switch__input:focus:not(:focus-visible)+label{outline:0}.amsterdam-switch__label{background-color:var(--amsterdam-switch-background-color);border-radius:calc(var(--amsterdam-switch-thumb-width)*2);cursor:pointer;display:inline-block;outline-offset:var(--amsterdam-switch-outline-offset);padding-block:1px;padding-inline:1px;transition:background-color .2s ease-in-out;width:var(--amsterdam-switch-width);box-sizing:border-box}.amsterdam-switch__label::before{background-color:var(--amsterdam-switch-thumb-background-color);border-radius:50%;content:"";display:block;height:var(--amsterdam-switch-thumb-height);transition-duration:.1s;transition-property:box-shadow,transform;transition-timing-function:ease-in-out;width:var(--amsterdam-switch-thumb-width)}.amsterdam-switch__input:checked+.amsterdam-switch__label{background-color:var(--amsterdam-switch-checked-background-color)}.amsterdam-switch__input:disabled+.amsterdam-switch__label{background-color:var(--amsterdam-switch-disabled-background-color);cursor:not-allowed}.amsterdam-switch__input:checked+.amsterdam-switch__label::before{transform:translate(calc(var(--amsterdam-switch-width) - var(--amsterdam-switch-thumb-width) - 2px))}.amsterdam-switch:hover .amsterdam-switch__input:enabled+.amsterdam-switch__label::before{box-shadow:0 0 0 2px var(--amsterdam-switch-thumb-hover-color)}/*# sourceMappingURL=switch.css.map */
+.ams-switch__input{appearance:none;margin-block:0;margin-inline:0;opacity:0%}.ams-switch__input:focus+label{outline:auto}.ams-switch__input:focus:not(:focus-visible)+label{outline:0}.ams-switch__label{background-color:var(--ams-switch-background-color);border-radius:calc(var(--ams-switch-thumb-width)*2);cursor:pointer;display:inline-block;outline-offset:var(--ams-switch-outline-offset);padding-block:1px;padding-inline:1px;transition:background-color .2s ease-in-out;width:var(--ams-switch-width);box-sizing:border-box}.ams-switch__label::before{background-color:var(--ams-switch-thumb-background-color);border-radius:50%;content:"";display:block;height:var(--ams-switch-thumb-height);transition-duration:.1s;transition-property:box-shadow,transform;transition-timing-function:ease-in-out;width:var(--ams-switch-thumb-width)}.ams-switch__input:checked+.ams-switch__label{background-color:var(--ams-switch-checked-background-color)}.ams-switch__input:disabled+.ams-switch__label{background-color:var(--ams-switch-disabled-background-color);cursor:not-allowed}.ams-switch__input:checked+.ams-switch__label::before{transform:translate(calc(var(--ams-switch-width) - var(--ams-switch-thumb-width) - 2px))}.ams-switch:hover .ams-switch__input:enabled+.ams-switch__label::before{box-shadow:0 0 0 2px var(--ams-switch-thumb-hover-color)}/*# sourceMappingURL=switch.css.map */

package/dist/switch/switch.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/switch/switch.scss","../../src/common/hide-input.scss","../../src/common/input-label-focus.scss"],"names":[],"mappings":"AAYA,yBCNE,gBACA,eACA,gBACA,WCIA,qCACE,aAGF,yDACE,UFDJ,yBACE,0DACA,0DACA,eACA,qBACA,sDACA,kBACA,mBACA,4CACA,oCAjBA,sBAsBF,iCACE,gEACA,kBACA,WACA,cACA,4CACA,wBACA,yCACA,uCACA,0CAGF,0DACE,kEAGF,2DACE,mEACA,mBAGF,kEAEE,qGAGF,0FACE","file":"switch.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/switch/switch.scss","../../src/common/hide-input.scss","../../src/common/input-label-focus.scss"],"names":[],"mappings":"AAYA,mBCNE,gBACA,eACA,gBACA,WCIA,+BACE,aAGF,mDACE,UFDJ,mBACE,oDACA,oDACA,eACA,qBACA,gDACA,kBACA,mBACA,4CACA,8BAjBA,sBAsBF,2BACE,0DACA,kBACA,WACA,cACA,sCACA,wBACA,yCACA,uCACA,oCAGF,8CACE,4DAGF,+CACE,6DACA,mBAGF,sDAEE,yFAGF,wEACE","file":"switch.css"}

package/dist/table/table.css

@@ -1 +1 @@
-.amsterdam-table{overflow-x:auto}.amsterdam-table__table{border-spacing:0;break-inside:avoid;color:var(--amsterdam-table-color);font-family:var(--amsterdam-table-font-family);font-size:var(--amsterdam-table-font-size);font-weight:var(--amsterdam-table-font-weight);line-height:var(--amsterdam-table-line-height)}.amsterdam-table__caption{font-weight:var(--amsterdam-table-caption-font-weight);text-align:start}.amsterdam-table__cell,.amsterdam-table__header-cell{border-bottom:var(--amsterdam-table-cell-border-bottom);padding-block:var(--amsterdam-table-cell-padding-block);padding-inline:var(--amsterdam-table-cell-padding-inline);text-align:start;vertical-align:top}.amsterdam-table__header-cell{font-weight:var(--amsterdam-table-header-cell-font-weight)}/*# sourceMappingURL=table.css.map */
+.ams-table{overflow-x:auto}.ams-table__table{border-spacing:0;break-inside:avoid;color:var(--ams-table-color);font-family:var(--ams-table-font-family);font-size:var(--ams-table-font-size);font-weight:var(--ams-table-font-weight);line-height:var(--ams-table-line-height)}.ams-table__caption{font-weight:var(--ams-table-caption-font-weight);text-align:start}.ams-table__cell,.ams-table__header-cell{border-bottom:var(--ams-table-cell-border-bottom);padding-block:var(--ams-table-cell-padding-block);padding-inline:var(--ams-table-cell-padding-inline);text-align:start;vertical-align:top}.ams-table__header-cell{font-weight:var(--ams-table-header-cell-font-weight)}/*# sourceMappingURL=table.css.map */

package/dist/table/table.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/table/table.scss"],"names":[],"mappings":"AAKA,iBACE,gBAGF,wBACE,iBACA,mBACA,mCACA,+CACA,2CACA,+CACA,+CAGF,0BACE,uDACA,iBAGF,qDAEE,wDACA,wDACA,0DACA,iBACA,mBAGF,8BACE","file":"table.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/table/table.scss"],"names":[],"mappings":"AAKA,WACE,gBAGF,kBACE,iBACA,mBACA,6BACA,yCACA,qCACA,yCACA,yCAGF,oBACE,iDACA,iBAGF,yCAEE,kDACA,kDACA,oDACA,iBACA,mBAGF,wBACE","file":"table.css"}

package/dist/tabs/tabs.css

@@ -1 +1 @@
-.amsterdam-tabs__list{border-bottom:var(--amsterdam-tabs-list-border-bottom);display:flex;overflow-x:auto}.amsterdam-tabs__button{background-color:var(--amsterdam-tabs-button-background-color);border:var(--amsterdam-tabs-button-border);color:var(--amsterdam-tabs-button-color);cursor:var(--amsterdam-tabs-button-cursor);font-family:var(--amsterdam-tabs-button-font-family);font-size:var(--amsterdam-tabs-button-font-size);font-weight:var(--amsterdam-tabs-button-font-weight);line-height:var(--amsterdam-tabs-button-line-height);outline-offset:var(--amsterdam-tabs-button-outline-offset);padding-block:var(--amsterdam-tabs-button-padding-block);padding-inline:var(--amsterdam-tabs-button-padding-inline)}.amsterdam-tabs__button:disabled{color:var(--amsterdam-tabs-button-disabled-color);cursor:var(--amsterdam-tab-button-disabled-cursor)}.amsterdam-tabs__button:hover:not([aria-selected=true],[disabled]){box-shadow:var(--amsterdam-tabs-button-hover-box-shadow);color:var(--amsterdam-tabs-button-hover-color)}.amsterdam-tabs__button[aria-selected=true]{background-color:var(--amsterdam-tabs-button-selected-background-color);color:var(--amsterdam-tabs-button-selected-color)}/*# sourceMappingURL=tabs.css.map */
+.ams-tabs__list{border-bottom:var(--ams-tabs-list-border-bottom);display:flex;overflow-x:auto}.ams-tabs__button{background-color:var(--ams-tabs-button-background-color);border:var(--ams-tabs-button-border);color:var(--ams-tabs-button-color);cursor:var(--ams-tabs-button-cursor);font-family:var(--ams-tabs-button-font-family);font-size:var(--ams-tabs-button-font-size);font-weight:var(--ams-tabs-button-font-weight);line-height:var(--ams-tabs-button-line-height);outline-offset:var(--ams-tabs-button-outline-offset);padding-block:var(--ams-tabs-button-padding-block);padding-inline:var(--ams-tabs-button-padding-inline)}.ams-tabs__button:disabled{color:var(--ams-tabs-button-disabled-color);cursor:var(--ams-tab-button-disabled-cursor)}.ams-tabs__button:hover:not([aria-selected=true],[disabled]){box-shadow:var(--ams-tabs-button-hover-box-shadow);color:var(--ams-tabs-button-hover-color)}.ams-tabs__button[aria-selected=true]{background-color:var(--ams-tabs-button-selected-background-color);color:var(--ams-tabs-button-selected-color)}/*# sourceMappingURL=tabs.css.map */

package/dist/tabs/tabs.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/tabs/tabs.scss"],"names":[],"mappings":"AAOA,sBACE,uDACA,aACA,gBAGF,wBACE,+DACA,2CACA,yCACA,2CACA,qDACA,iDACA,qDACA,qDACA,2DACA,yDACA,2DAEA,iCACE,kDACA,mDAGF,mEACE,yDACA,+CAGF,4CACE,wEACA","file":"tabs.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/tabs/tabs.scss"],"names":[],"mappings":"AAOA,gBACE,iDACA,aACA,gBAGF,kBACE,yDACA,qCACA,mCACA,qCACA,+CACA,2CACA,+CACA,+CACA,qDACA,mDACA,qDAEA,2BACE,4CACA,6CAGF,6DACE,mDACA,yCAGF,sCACE,kEACA","file":"tabs.css"}

package/dist/text-area/text-area.css

@@ -1 +1 @@
-.amsterdam-text-area{border:none;box-shadow:var(--amsterdam-text-area-box-shadow);color:var(--amsterdam-text-area-color);font-family:var(--amsterdam-text-area-font-family);font-size:var(--amsterdam-text-area-font-size);font-weight:var(--amsterdam-text-area-font-weight);line-height:var(--amsterdam-text-area-line-height);max-width:100%;min-height:var(--amsterdam-text-area-min-height);outline-offset:var(--amsterdam-text-area-outline-offset);padding-block:var(--amsterdam-text-area-padding-block);padding-inline:var(--amsterdam-text-area-padding-inline);touch-action:manipulation;width:100%;box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-text-area:hover{box-shadow:var(--amsterdam-text-area-hover-box-shadow)}.amsterdam-text-area::placeholder{color:var(--amsterdam-text-area-placeholder-color)}.amsterdam-text-area:disabled{background-color:var(--amsterdam-text-area-disabled-background-color);box-shadow:var(--amsterdam-text-area-disabled-box-shadow);color:var(--amsterdam-text-area-disabled-color);cursor:var(--amsterdam-text-area-disabled-cursor)}.amsterdam-text-area:invalid,.amsterdam-text-area[aria-invalid=true]{box-shadow:var(--amsterdam-text-area-invalid-box-shadow)}.amsterdam-text-area:invalid:hover,.amsterdam-text-area[aria-invalid=true]:hover{box-shadow:var(--amsterdam-text-area-invalid-hover-box-shadow)}.amsterdam-text-area--resize-none{resize:none}.amsterdam-text-area--resize-horizontal{resize:inline}.amsterdam-text-area--resize-vertical{resize:block}.amsterdam-text-area--cols{width:auto}/*# sourceMappingURL=text-area.css.map */
+.ams-text-area{border:none;box-shadow:var(--ams-text-area-box-shadow);color:var(--ams-text-area-color);font-family:var(--ams-text-area-font-family);font-size:var(--ams-text-area-font-size);font-weight:var(--ams-text-area-font-weight);line-height:var(--ams-text-area-line-height);max-width:100%;min-height:var(--ams-text-area-min-height);outline-offset:var(--ams-text-area-outline-offset);padding-block:var(--ams-text-area-padding-block);padding-inline:var(--ams-text-area-padding-inline);touch-action:manipulation;width:100%;box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.ams-text-area:hover{box-shadow:var(--ams-text-area-hover-box-shadow)}.ams-text-area::placeholder{color:var(--ams-text-area-placeholder-color)}.ams-text-area:disabled{background-color:var(--ams-text-area-disabled-background-color);box-shadow:var(--ams-text-area-disabled-box-shadow);color:var(--ams-text-area-disabled-color);cursor:var(--ams-text-area-disabled-cursor)}.ams-text-area:invalid,.ams-text-area[aria-invalid=true]{box-shadow:var(--ams-text-area-invalid-box-shadow)}.ams-text-area:invalid:hover,.ams-text-area[aria-invalid=true]:hover{box-shadow:var(--ams-text-area-invalid-hover-box-shadow)}.ams-text-area--resize-none{resize:none}.ams-text-area--resize-horizontal{resize:inline}.ams-text-area--resize-vertical{resize:block}.ams-text-area--cols{width:auto}/*# sourceMappingURL=text-area.css.map */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/text-area/text-area.scss"],"names":[],"mappings":"AAWA,qBACE,YACA,iDACA,uCACA,mDACA,+CACA,mDACA,mDACA,eACA,iDACA,yDACA,uDACA,yDACA,0BACA,WAnBA,sBACA,eACA,8BAqBA,2BACE,uDAIJ,kCACE,mDAGF,8BACE,sEACA,0DACA,gDACA,kDAGF,qEAEE,yDAEA,iFAEE,+DAIJ,kCACE,YAGF,wCACE,cAGF,sCACE,aAGF,2BACE","file":"text-area.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/text-area/text-area.scss"],"names":[],"mappings":"AAWA,eACE,YACA,2CACA,iCACA,6CACA,yCACA,6CACA,6CACA,eACA,2CACA,mDACA,iDACA,mDACA,0BACA,WAnBA,sBACA,eACA,8BAqBA,qBACE,iDAIJ,4BACE,6CAGF,wBACE,gEACA,oDACA,0CACA,4CAGF,yDAEE,mDAEA,qEAEE,yDAIJ,4BACE,YAGF,kCACE,cAGF,gCACE,aAGF,qBACE","file":"text-area.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-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:var(--amsterdam-text-input-padding-block);padding-inline:var(--amsterdam-text-input-padding-inline);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 */
+.ams-text-input{border:none;box-shadow:var(--ams-text-input-box-shadow);color:var(--ams-text-input-color);font-family:var(--ams-text-input-font-family);font-size:var(--ams-text-input-font-size);font-weight:var(--ams-text-input-font-weight);line-height:var(--ams-text-input-line-height);outline-offset:var(--ams-text-input-outline-offset);padding-block:var(--ams-text-input-padding-block);padding-inline:var(--ams-text-input-padding-inline);touch-action:manipulation;width:100%;box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.ams-text-input:hover{box-shadow:var(--ams-text-input-hover-box-shadow)}.ams-text-input::placeholder{color:var(--ams-text-input-placeholder-color)}.ams-text-input:disabled{background-color:var(--ams-text-input-disabled-background-color);box-shadow:var(--ams-text-input-disabled-box-shadow);color:var(--ams-text-input-disabled-color);cursor:not-allowed}.ams-text-input:invalid,.ams-text-input[aria-invalid=true]{box-shadow:var(--ams-text-input-invalid-box-shadow)}.ams-text-input:invalid:hover,.ams-text-input[aria-invalid=true]:hover{box-shadow:var(--ams-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,gDACA,oDACA,oDACA,0DACA,wDACA,0DACA,0BACA,WAjBA,sBACA,eACA,8BAmBA,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,gBACE,YACA,4CACA,kCACA,8CACA,0CACA,8CACA,8CACA,oDACA,kDACA,oDACA,0BACA,WAjBA,sBACA,eACA,8BAmBA,sBACE,kDAIJ,6BACE,8CAGF,yBACE,iEACA,qDACA,2CACA,mBAGF,2DAEE,oDAEA,uEAEE","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-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 */
+.ams-top-task-link{break-inside:avoid;display:flex;flex-direction:column;gap:.5rem;outline-offset:var(--ams-top-task-link-outline-offset);text-decoration:none}.ams-top-task-link__label{color:var(--ams-top-task-link-label-color);font-family:var(--ams-top-task-link-label-font-family);font-size:var(--ams-top-task-link-label-font-size);font-weight:var(--ams-top-task-link-label-font-weight);line-height:var(--ams-top-task-link-label-line-height);text-decoration-line:var(--ams-top-task-link-label-text-decoration-line);text-decoration-thickness:var(--ams-top-task-link-label-text-decoration-thickness);text-underline-offset:var(--ams-top-task-link-label-text-underline-offset);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);box-sizing:border-box;-webkit-text-size-adjust:100%}.ams-top-task-link:hover .ams-top-task-link__label{color:var(--ams-top-task-link-label-hover-color);text-decoration-line:var(--ams-top-task-link-label-hover-text-decoration-line)}.ams-top-task-link__description{color:var(--ams-top-task-link-description-color);font-family:var(--ams-top-task-link-description-font-family);font-size:var(--ams-top-task-link-description-font-size);font-weight:var(--ams-top-task-link-description-font-weight);line-height:var(--ams-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","../../src/common/hyphenation.scss"],"names":[],"mappings":"AAOA,yBACE,mBACA,aACA,sBACA,UACA,6DACA,qBAQF,gCACE,iDACA,6DACA,yDACA,6DACA,6DACA,+EACA,yFACA,iFCvBA,yEACA,6CACA,yDDSA,sBACA,8BAiBF,+DACE,uDACA,qFAGF,sCACE,uDACA,mEACA,+DACA,mEACA,mEA5BA,sBACA","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,mBACE,mBACA,aACA,sBACA,UACA,uDACA,qBAQF,0BACE,2CACA,uDACA,mDACA,uDACA,uDACA,yEACA,mFACA,2ECvBA,mEACA,uCACA,mDDSA,sBACA,8BAiBF,mDACE,iDACA,+EAGF,gCACE,iDACA,6DACA,yDACA,6DACA,6DA5BA,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-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)}.amsterdam-unordered-list--inverse-color:not(.amsterdam-unordered-list--no-markers){color:var(--amsterdam-unordered-list-inverse-color)}: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 */
+.ams-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(--ams-unordered-list-gap)}.ams-unordered-list:not(.ams-unordered-list--no-markers){color:var(--ams-unordered-list-color);font-family:var(--ams-unordered-list-font-family);font-size:var(--ams-unordered-list-font-size);font-weight:var(--ams-unordered-list-font-weight);line-height:var(--ams-unordered-list-line-height);list-style-type:var(--ams-unordered-list-list-style-type)}.ams-unordered-list:not(.ams-unordered-list--no-markers) .ams-unordered-list__item{margin-inline-start:var(--ams-unordered-list-item-margin-inline-start);padding-inline-start:var(--ams-unordered-list-item-padding-inline-start)}.ams-unordered-list--inverse-color:not(.ams-unordered-list--no-markers){color:var(--ams-unordered-list-inverse-color)}:is(.ams-ordered-list,.ams-unordered-list) .ams-unordered-list{list-style-type:var(--ams-unordered-list-unordered-list-list-style-type)}:is(.ams-ordered-list,.ams-unordered-list) .ams-unordered-list .ams-unordered-list__item{margin-inline-start:var(--ams-unordered-list-unordered-list-item-margin-inline-start);padding-inline-start:var(--ams-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,oDACA,wDACA,wDACA,gEAGA,qGACE,6EACA,+EAIJ,oFACE,oDAIF,iFACE,+EAEA,iHACE,4FACA","file":"unordered-list.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/unordered-list/unordered-list.scss"],"names":[],"mappings":"AAeA,oBARE,sBACA,gBACA,eACA,uBACA,8BAOA,aACA,kCAIF,yDACE,sCACA,kDACA,8CACA,kDACA,kDACA,0DAGA,mFACE,uEACA,yEAIJ,wEACE,8CAIF,+DACE,yEAEA,yFACE,sFACA","file":"unordered-list.css"}

package/dist/visually-hidden/visually-hidden.css

@@ -1 +1 @@
-.amsterdam-visually-hidden:not(:active,:focus){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}/*# sourceMappingURL=visually-hidden.css.map */
+.ams-visually-hidden:not(:active,:focus){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}/*# sourceMappingURL=visually-hidden.css.map */

package/dist/visually-hidden/visually-hidden.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/visually-hidden/visually-hidden.scss"],"names":[],"mappings":"AAMA,+CACE,mBACA,qBACA,WACA,gBACA,kBACA,mBACA","file":"visually-hidden.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/visually-hidden/visually-hidden.scss"],"names":[],"mappings":"AAMA,yCACE,mBACA,qBACA,WACA,gBACA,kBACA,mBACA","file":"visually-hidden.css"}

package/documentation/coding-conventions.md

@@ -11,7 +11,7 @@ This link receives an underline when the user’s pointer hovers over it.
 Still, we define its thickness and offset for the initial state.
 
 ```css
-.amsterdam-link {
+.ams-link {
   text-decoration: none;
   text-decoration-thickness: 2px;
   text-underline-offset: 3px;
@@ -25,7 +25,7 @@ Still, we define its thickness and offset for the initial state.
 ### Do not do this
 
 ```css
-.amsterdam-link {
+.ams-link {
   text-decoration: none;
 
   &:hover {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.6.1",
+  "version": "0.7.1",
   "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",
@@ -14,8 +14,8 @@
     "directory": "packages/css"
   },
   "devDependencies": {
-    "sass": "1.71.1",
-    "@amsterdam/design-system-tokens": "0.6.1"
+    "sass": "1.72.0",
+    "@amsterdam/design-system-tokens": "0.7.1"
   },
   "dependencies": {
     "@utrecht/components": "3.0.0"

package/src/common/breakpoint.scss

@@ -9,7 +9,7 @@
  */
 
 /** The breakpoint at which medium screens start. */
-$amsterdam-breakpoint-medium: 36rem;
+$ams-breakpoint-medium: 36rem;
 
 /** The breakpoint at which wide screens start. */
-$amsterdam-breakpoint-wide: 68rem;
+$ams-breakpoint-wide: 68rem;

package/src/common/hyphenation.scss

@@ -4,7 +4,7 @@
  */
 
 @mixin hyphenation {
-  hyphenate-limit-chars: var(--amsterdam-hyphenation-hyphenate-limit-chars);
-  hyphens: var(--amsterdam-hyphenation-hyphens);
-  overflow-wrap: var(--amsterdam-hyphenation-overflow-wrap);
+  hyphenate-limit-chars: var(--ams-hyphenation-hyphenate-limit-chars);
+  hyphens: var(--ams-hyphenation-hyphens);
+  overflow-wrap: var(--ams-hyphenation-overflow-wrap);
 }

package/src/common/size.scss

@@ -4,7 +4,7 @@
  */
 
 /** The set of available options for sizing. */
-$amsterdam-sizes: (
+$ams-sizes: (
   "xs": "extra-small",
   "sm": "small",
   "md": "medium",

package/src/components/accordion/accordion.scss

@@ -3,7 +3,7 @@
  * Copyright Gemeente Amsterdam
  */
 
-.amsterdam-accordion__header {
+.ams-accordion__header {
   display: flex;
   margin-block: 0;
   margin-inline: 0;
@@ -13,27 +13,27 @@
   -webkit-text-size-adjust: 100%;
 }
 
-.amsterdam-accordion__button {
+.ams-accordion__button {
   background-color: transparent;
   border: 0;
-  color: var(--amsterdam-accordion-button-color);
+  color: var(--ams-accordion-button-color);
   cursor: pointer;
   display: flex;
-  font-family: var(--amsterdam-accordion-button-font-family);
-  font-size: var(--amsterdam-accordion-button-font-size);
-  font-weight: var(--amsterdam-accordion-button-font-weight);
+  font-family: var(--ams-accordion-button-font-family);
+  font-size: var(--ams-accordion-button-font-size);
+  font-weight: var(--ams-accordion-button-font-weight);
   justify-content: space-between;
-  line-height: var(--amsterdam-accordion-button-line-height);
-  padding-block: var(--amsterdam-accordion-button-padding-block);
-  padding-inline: var(--amsterdam-accordion-button-padding-inline);
+  line-height: var(--ams-accordion-button-line-height);
+  padding-block: var(--ams-accordion-button-padding-block);
+  padding-inline: var(--ams-accordion-button-padding-inline);
   width: 100%;
 
   &:focus {
-    outline-offset: var(--amsterdam-accordion-button-focus-outline-offset);
+    outline-offset: var(--ams-accordion-button-focus-outline-offset);
   }
 
   &:hover {
-    box-shadow: var(--amsterdam-accordion-button-hover-box-shadow);
+    box-shadow: var(--ams-accordion-button-hover-box-shadow);
   }
 
   svg {
@@ -48,16 +48,16 @@
   @include reset;
 }
 
-.amsterdam-accordion__button[aria-expanded="true"] svg {
+.ams-accordion__button[aria-expanded="true"] svg {
   transform: rotate(180deg);
 }
 
-.amsterdam-accordion__panel {
+.ams-accordion__panel {
   display: none;
-  padding-block: var(--amsterdam-accordion-panel-padding-block);
-  padding-inline: var(--amsterdam-accordion-panel-padding-inline);
+  padding-block: var(--ams-accordion-panel-padding-block);
+  padding-inline: var(--ams-accordion-panel-padding-inline);
 }
 
-.amsterdam-accordion__panel--expanded {
+.ams-accordion__panel--expanded {
   display: block;
 }

package/src/components/alert/alert.scss

@@ -3,34 +3,34 @@
  * Copyright Gemeente Amsterdam
  */
 
-.amsterdam-alert {
+.ams-alert {
   align-items: flex-start;
-  border-style: var(--amsterdam-alert-border-style);
-  border-width: var(--amsterdam-alert-border-width);
+  border-style: var(--ams-alert-border-style);
+  border-width: var(--ams-alert-border-width);
   display: flex;
   flex-direction: row;
-  gap: var(--amsterdam-alert-gap);
+  gap: var(--ams-alert-gap);
   justify-content: space-between;
-  padding-block: var(--amsterdam-alert-padding-block);
-  padding-inline: var(--amsterdam-alert-padding-inline);
+  padding-block: var(--ams-alert-padding-block);
+  padding-inline: var(--ams-alert-padding-inline);
 }
 
-.amsterdam-alert__content {
+.ams-alert__content {
   flex: auto;
 }
 
-.amsterdam-alert--error {
-  border-color: var(--amsterdam-alert-error-border-color);
+.ams-alert--error {
+  border-color: var(--ams-alert-error-border-color);
 }
 
-.amsterdam-alert--info {
-  border-color: var(--amsterdam-alert-info-border-color);
+.ams-alert--info {
+  border-color: var(--ams-alert-info-border-color);
 }
 
-.amsterdam-alert--success {
-  border-color: var(--amsterdam-alert-success-border-color);
+.ams-alert--success {
+  border-color: var(--ams-alert-success-border-color);
 }
 
-.amsterdam-alert--warning {
-  border-color: var(--amsterdam-alert-warning-border-color);
+.ams-alert--warning {
+  border-color: var(--ams-alert-warning-border-color);
 }

package/src/components/aspect-ratio/aspect-ratio.scss

@@ -3,31 +3,31 @@
  * Copyright Gemeente Amsterdam
  */
 
-.amsterdam-aspect-ratio {
+.ams-aspect-ratio {
   overflow: hidden;
   position: relative;
 }
 
-.amsterdam-aspect-ratio--x-tall {
-  aspect-ratio: var(--amsterdam-aspect-ratio-x-tall);
+.ams-aspect-ratio--x-tall {
+  aspect-ratio: var(--ams-aspect-ratio-x-tall);
 }
 
-.amsterdam-aspect-ratio--tall {
-  aspect-ratio: var(--amsterdam-aspect-ratio-tall);
+.ams-aspect-ratio--tall {
+  aspect-ratio: var(--ams-aspect-ratio-tall);
 }
 
-.amsterdam-aspect-ratio--square {
-  aspect-ratio: var(--amsterdam-aspect-ratio-square);
+.ams-aspect-ratio--square {
+  aspect-ratio: var(--ams-aspect-ratio-square);
 }
 
-.amsterdam-aspect-ratio--wide {
-  aspect-ratio: var(--amsterdam-aspect-ratio-wide);
+.ams-aspect-ratio--wide {
+  aspect-ratio: var(--ams-aspect-ratio-wide);
 }
 
-.amsterdam-aspect-ratio--x-wide {
-  aspect-ratio: var(--amsterdam-aspect-ratio-x-wide);
+.ams-aspect-ratio--x-wide {
+  aspect-ratio: var(--ams-aspect-ratio-x-wide);
 }
 
-.amsterdam-aspect-ratio--2x-wide {
-  aspect-ratio: var(--amsterdam-aspect-ratio-2x-wide);
+.ams-aspect-ratio--2x-wide {
+  aspect-ratio: var(--ams-aspect-ratio-2x-wide);
 }

package/src/components/avatar/README.md

@@ -0,0 +1,15 @@
+<!-- @license CC0-1.0 -->
+
+# Avatar
+
+A circular badge representing a person.
+
+## Design
+
+The avatar contains 1 or 2 initial letters from the person's full name, a picture, or a generic icon.
+The default background colour is dark blue.
+
+## Usage
+
+Display an avatar for the person currently using the application,
+or to associate a person with a content item.

package/src/components/avatar/avatar.scss

@@ -0,0 +1,74 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
+
+.ams-avatar {
+  aspect-ratio: var(--ams-avatar-aspect-ratio);
+  border-radius: 50%;
+  display: inline-flex;
+  font-family: var(--ams-avatar-font-family);
+  font-size: var(--ams-avatar-font-size);
+  line-height: var(--ams-avatar-line-height);
+  padding-block: var(--ams-avatar-padding-block);
+  padding-inline: var(--ams-avatar-padding-inline);
+  place-content: center;
+  width: calc(var(--ams-avatar-line-height) * var(--ams-avatar-font-size));
+
+  svg {
+    fill: currentColor;
+  }
+}
+
+.ams-avatar--has-image {
+  overflow: hidden;
+  padding-block: 0;
+  padding-inline: 0;
+  vertical-align: middle; /* Remove ‘phantom’ white space when image doesn’t load */
+  width: calc(var(--ams-avatar-line-height) * var(--ams-avatar-font-size) + 2 * var(--ams-avatar-padding-inline));
+}
+
+.ams-avatar--blue {
+  background-color: var(--ams-avatar-blue-background-color);
+  color: var(--ams-avatar-blue-color);
+}
+
+.ams-avatar--dark-blue {
+  background-color: var(--ams-avatar-dark-blue-background-color);
+  color: var(--ams-avatar-dark-blue-color);
+}
+
+.ams-avatar--dark-green {
+  background-color: var(--ams-avatar-dark-green-background-color);
+  color: var(--ams-avatar-dark-green-color);
+}
+
+.ams-avatar--green {
+  background-color: var(--ams-avatar-green-background-color);
+  color: var(--ams-avatar-green-color);
+}
+
+.ams-avatar--magenta {
+  background-color: var(--ams-avatar-magenta-background-color);
+  color: var(--ams-avatar-magenta-color);
+}
+
+.ams-avatar--orange {
+  background-color: var(--ams-avatar-orange-background-color);
+  color: var(--ams-avatar-orange-color);
+}
+
+.ams-avatar--purple {
+  background-color: var(--ams-avatar-purple-background-color);
+  color: var(--ams-avatar-purple-color);
+}
+
+.ams-avatar--red {
+  background-color: var(--ams-avatar-red-background-color);
+  color: var(--ams-avatar-red-color);
+}
+
+.ams-avatar--yellow {
+  background-color: var(--ams-avatar-yellow-background-color);
+  color: var(--ams-avatar-yellow-color);
+}

package/src/components/badge/badge.scss

@@ -3,51 +3,51 @@
  * Copyright Gemeente Amsterdam
  */
 
-.amsterdam-badge {
+.ams-badge {
   display: inline-block;
-  font-family: var(--amsterdam-badge-font-family);
-  font-size: var(--amsterdam-badge-font-size);
-  font-weight: var(--amsterdam-badge-font-weight);
-  line-height: var(--amsterdam-badge-line-height);
-  padding-inline: var(--amsterdam-badge-padding-inline);
+  font-family: var(--ams-badge-font-family);
+  font-size: var(--ams-badge-font-size);
+  font-weight: var(--ams-badge-font-weight);
+  line-height: var(--ams-badge-line-height);
+  padding-inline: var(--ams-badge-padding-inline);
 }
 
-.amsterdam-badge--blue {
-  background-color: var(--amsterdam-badge-blue-background-color);
-  color: var(--amsterdam-badge-blue-color);
+.ams-badge--blue {
+  background-color: var(--ams-badge-blue-background-color);
+  color: var(--ams-badge-blue-color);
 }
 
-.amsterdam-badge--dark-blue {
-  background-color: var(--amsterdam-badge-dark-blue-background-color);
-  color: var(--amsterdam-badge-dark-blue-color);
+.ams-badge--dark-blue {
+  background-color: var(--ams-badge-dark-blue-background-color);
+  color: var(--ams-badge-dark-blue-color);
 }
 
-.amsterdam-badge--dark-green {
-  background-color: var(--amsterdam-badge-dark-green-background-color);
-  color: var(--amsterdam-badge-dark-green-color);
+.ams-badge--dark-green {
+  background-color: var(--ams-badge-dark-green-background-color);
+  color: var(--ams-badge-dark-green-color);
 }
 
-.amsterdam-badge--green {
-  background-color: var(--amsterdam-badge-green-background-color);
-  color: var(--amsterdam-badge-green-color);
+.ams-badge--green {
+  background-color: var(--ams-badge-green-background-color);
+  color: var(--ams-badge-green-color);
 }
 
-.amsterdam-badge--magenta {
-  background-color: var(--amsterdam-badge-magenta-background-color);
-  color: var(--amsterdam-badge-magenta-color);
+.ams-badge--magenta {
+  background-color: var(--ams-badge-magenta-background-color);
+  color: var(--ams-badge-magenta-color);
 }
 
-.amsterdam-badge--orange {
-  background-color: var(--amsterdam-badge-orange-background-color);
-  color: var(--amsterdam-badge-orange-color);
+.ams-badge--orange {
+  background-color: var(--ams-badge-orange-background-color);
+  color: var(--ams-badge-orange-color);
 }
 
-.amsterdam-badge--purple {
-  background-color: var(--amsterdam-badge-purple-background-color);
-  color: var(--amsterdam-badge-purple-color);
+.ams-badge--purple {
+  background-color: var(--ams-badge-purple-background-color);
+  color: var(--ams-badge-purple-color);
 }
 
-.amsterdam-badge--yellow {
-  background-color: var(--amsterdam-badge-yellow-background-color);
-  color: var(--amsterdam-badge-yellow-color);
+.ams-badge--yellow {
+  background-color: var(--ams-badge-yellow-background-color);
+  color: var(--ams-badge-yellow-color);
 }

package/src/components/blockquote/blockquote.scss

@@ -12,13 +12,13 @@
   -webkit-text-size-adjust: 100%;
 }
 
-.amsterdam-blockquote {
+.ams-blockquote {
   break-inside: avoid;
-  color: var(--amsterdam-blockquote-color);
-  font-family: var(--amsterdam-blockquote-font-family);
-  font-size: var(--amsterdam-blockquote-font-size);
-  font-weight: var(--amsterdam-blockquote-font-weight);
-  line-height: var(--amsterdam-blockquote-line-height);
+  color: var(--ams-blockquote-color);
+  font-family: var(--ams-blockquote-font-family);
+  font-size: var(--ams-blockquote-font-size);
+  font-weight: var(--ams-blockquote-font-weight);
+  line-height: var(--ams-blockquote-line-height);
   quotes: "“" "”";
 
   &::before {
@@ -33,6 +33,6 @@
   @include reset;
 }
 
-.amsterdam-blockquote--inverse-color {
-  color: var(--amsterdam-blockquote-inverse-color);
+.ams-blockquote--inverse-color {
+  color: var(--ams-blockquote-inverse-color);
 }