@amsterdam/design-system-css 0.3.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +23 -0
- package/LICENSE.md +1 -1
- package/README.md +2 -1
- package/dist/alert/alert.css +1 -1
- package/dist/alert/alert.css.map +1 -1
- package/dist/badge/badge.css +1 -0
- package/dist/badge/badge.css.map +1 -0
- package/dist/dialog/dialog.css +1 -1
- package/dist/dialog/dialog.css.map +1 -1
- package/dist/grid/grid.css +1 -1
- package/dist/grid/grid.css.map +1 -1
- package/dist/icon/icon.css +1 -1
- package/dist/icon/icon.css.map +1 -1
- package/dist/icon-button/icon-button.css +1 -0
- package/dist/icon-button/icon-button.css.map +1 -0
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/link-list/link-list.css +1 -0
- package/dist/link-list/link-list.css.map +1 -0
- package/dist/mega-menu/mega-menu.css +1 -0
- package/dist/mega-menu/mega-menu.css.map +1 -0
- package/dist/search-field/search-field.css +1 -1
- package/dist/search-field/search-field.css.map +1 -1
- package/dist/spotlight/spotlight.css +1 -1
- package/dist/spotlight/spotlight.css.map +1 -1
- package/dist/table/table.css +1 -0
- package/dist/table/table.css.map +1 -0
- package/documentation/coding-conventions.md +4 -2
- package/package.json +4 -4
- package/src/components/accordion/README.md +45 -38
- package/src/components/alert/README.md +15 -11
- package/src/components/alert/alert.scss +8 -38
- package/src/components/aspect-ratio/README.md +12 -12
- package/src/components/badge/README.md +10 -0
- package/src/components/badge/badge.scss +58 -0
- package/src/components/blockquote/README.md +8 -8
- package/src/components/breadcrumb/README.md +10 -7
- package/src/components/button/README.md +17 -14
- package/src/components/card/README.md +18 -19
- package/src/components/checkbox/README.md +19 -18
- package/src/components/dialog/README.md +9 -8
- package/src/components/dialog/dialog.scss +0 -16
- package/src/components/footer/README.md +11 -7
- package/src/components/form-label/README.md +5 -1
- package/src/components/grid/README.md +12 -13
- package/src/components/grid/grid.scss +4 -0
- package/src/components/header/README.md +2 -2
- package/src/components/heading/README.md +14 -11
- package/src/components/icon/README.md +19 -9
- package/src/components/icon/icon.scss +5 -0
- package/src/components/icon-button/README.md +14 -0
- package/src/components/icon-button/icon-button.scss +60 -0
- package/src/components/image/README.md +16 -17
- package/src/components/index.scss +5 -0
- package/src/components/link/README.md +26 -24
- package/src/components/link-list/README.md +16 -0
- package/src/components/link-list/link-list.scss +80 -0
- package/src/components/logo/README.md +21 -20
- package/src/components/mark/README.md +10 -11
- package/src/components/mega-menu/README.md +1 -0
- package/src/components/mega-menu/mega-menu.scss +14 -0
- package/src/components/ordered-list/README.md +5 -5
- package/src/components/overlap/README.md +1 -1
- package/src/components/page-heading/README.md +10 -9
- package/src/components/page-menu/README.md +10 -9
- package/src/components/pagination/README.md +13 -10
- package/src/components/paragraph/README.md +16 -14
- package/src/components/screen/README.md +12 -12
- package/src/components/search-field/README.md +18 -18
- package/src/components/search-field/search-field.scss +2 -10
- package/src/components/skip-link/README.md +18 -25
- package/src/components/spotlight/README.md +5 -5
- package/src/components/spotlight/spotlight.scss +4 -4
- package/src/components/switch/README.md +11 -9
- package/src/components/table/README.md +11 -0
- package/src/components/table/table.scss +36 -0
- package/src/components/text-input/README.md +10 -8
- package/src/components/top-task-link/README.md +15 -14
- package/src/components/unordered-list/README.md +5 -5
- package/src/components/visually-hidden/README.md +3 -2
- package/src/components/button/button-css.md +0 -12
- package/src/components/checkbox/checkbox-css.md +0 -3
- package/src/components/footer/footer-css.md +0 -11
- package/src/components/heading/heading-css.md +0 -3
- package/src/components/paragraph/paragraph-css.md +0 -3
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/components/skip-link/skip-link.scss","../src/components/overlap/overlap.scss","../src/components/header/header.scss","../src/components/mark/mark.scss","../src/components/text-input/text-input.scss","../src/components/search-field/search-field.scss","../src/components/logo/logo.scss","../src/components/dialog/dialog.scss","../src/components/image/image.scss","../src/components/pagination/pagination.scss","../src/components/accordion/accordion.scss","../src/components/alert/alert.scss","../src/components/aspect-ratio/aspect-ratio.scss","../src/components/blockquote/blockquote.scss","../src/components/breadcrumb/breadcrumb.scss","../node_modules/@utrecht/components/button/css/index.scss","../node_modules/@utrecht/components/button/css/_mixin.scss","../node_modules/@utrecht/components/common/focus/_mixin.scss","../src/components/button/button.scss","../src/components/card/card.scss","../src/components/checkbox/checkbox.scss","../src/components/form-label/form-label.scss","../src/components/grid/grid.scss","../src/components/heading/heading.scss","../src/components/spotlight/spotlight.scss","../src/components/icon/icon.scss","../src/components/link/link.scss","../src/components/ordered-list/ordered-list.scss","../src/components/page-heading/page-heading.scss","../src/components/page-menu/page-menu.scss","../src/components/paragraph/paragraph.scss","../src/components/screen/screen.scss","../src/components/switch/switch.scss","../src/components/top-task-link/top-task-link.scss","../src/components/unordered-list/unordered-list.scss","../src/components/visually-hidden/visually-hidden.scss"],"names":[],"mappings":"CAKA,qBACE,6DACA,uCACA,cACA,mDACA,+CACA,mDACA,mDACA,yDACA,oBACA,oBACA,kBACA,qBAEA,2BACE,mEAGF,+CACE,uDACA,2DCpBJ,mBACE,aAEA,qBACE,eCFJ,kBACE,mBACA,aACA,eACA,mBACA,eAEA,qCAPF,kBAQI,8CACA,kBAIJ,wBACE,UACA,oDAGF,yBACE,aAEA,qCAHF,yBAII,cACA,gBAGF,qCARF,yBASI,SAIJ,wBACE,OACA,2DACA,eAEA,qCALF,wBAMI,QACA,wBAIJ,yBACE,cAEA,qCAHF,yBAII,YACA,QAEA,0DACE,cACA,cACA,gBACA,uBACA,mBACA,YAMN,+BACE,+BACA,mPACA,iCACA,4BACA,0BACA,SACA,4CACA,wDACA,6DACA,wDACA,iEACA,eACA,sBACA,kBACA,0BC9EF,gBACE,wDCKF,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,gECjDJ,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,qCACE,aACA,uBAGA,8GAGF,sCACE,6ECzEJ,gBACE,cACA,oCAGF,wBACE,wCAGF,8BACE,uCAGF,gCACE,yCCZF,kBACE,0DACA,sCACA,QACA,wDACA,gBACA,iBACA,eAGA,4BACE,0BAIJ,wBACE,aACA,qCACA,iCACA,2DACA,yDACA,2DAGF,2BACE,aACA,WACA,oBACA,gBACA,8BACA,sEAGF,0BACE,uBACA,aACA,uCAOF,yBACE,0CACA,UACA,sDACA,2DACA,sDACA,+DATA,8BAWA,mDACE,0DACA,8DAMJ,0BACE,aACA,sBACA,4CAEA,qCALF,0BAMI,mBACA,qBAIJ,yBACE,gEACA,SACA,eACA,gBACA,iBAGF,6BACE,wCAGF,mCACE,8CCrFF,iBACE,kBACA,YACA,eACA,sBAEA,wBACE,iBCDJ,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,qBCnEJ,6BACE,aACA,eACA,gBAOF,6BACE,+BACA,SACA,8CACA,eACA,aACA,0DACA,+DACA,0DACA,8BACA,mEACA,qBACA,oBACA,WAhBA,8BAkBA,uDACE,8DACA,kEAGF,mCACE,sEAGF,mCACE,8DAGF,iCACE,uBACA,8BAEA,+BAJF,iCAKI,iBAON,qDACE,yBAGF,4BACE,aACA,mBACA,oBAGF,sCACE,cC7DF,iBACE,uBACA,yDACA,qCACA,aACA,mBACA,+BACA,8BACA,2DACA,+DACA,6DACA,iEAGF,0BACE,UAOF,wBACE,yCACA,qDACA,0DACA,qDACA,8DARA,8BAUA,kDACE,yDACA,6DAMJ,wBACE,+DACA,uDAGF,0BACE,iEACA,yDAIF,wBACE,+DACA,SACA,eACA,gBACA,iBAGF,4BACE,uCAGF,kCACE,6CC7DF,wBACE,gBACA,kBAGF,gCACE,kDAGF,8BACE,gDAGF,gCACE,kDAGF,8BACE,gDAGF,gCACE,kDAGF,iCACE,mDCnBF,sBACE,mBACA,wCACA,oDACA,yDACA,oDACA,6DACA,eAbA,sBACA,eACA,gBACA,8BAYA,8BACE,mBAGF,6BACE,oBAGF,gDACE,yDACA,6DAMJ,qCACE,gDC1BF,sBACE,6DACA,yDACA,oDACA,6DAEA,gDACE,wDACA,4DAIJ,4BACE,kBACA,mBApBA,sBACA,eACA,iBACA,8BAsBF,4BACE,eAGF,oDACE,wEACA,4BACA,WACA,qBACA,WACA,oBACA,UAGF,4BACE,kDACA,oEACA,gFACA,0FACA,kFAEA,kCACE,wDACA,sFC7CJ,gBCOE,+KAIA,mIAIA,4KAIA,4UAaA,6PAOA,yOAOA,oMAIA,+VAaA,mUAaA,gRAUA,uVAaA,2TAaA,wQAUA,uVAaA,2TAaA,wQAUA,2VAaA,+TAaA,4QAUA,sHACA,8HAIA,0DAEA,mBACA,yDACA,uBACA,kEACA,qEACA,iDACA,kDACA,mBACA,iDACA,sBACA,mCACA,qDACA,oBACA,mFACA,wFACA,6FACA,mCACA,oDACA,uBACA,8CACA,mEACA,0DACA,4DACA,0DACA,8DACA,4DACA,gEACA,QACA,oDACA,yBACA,iBAIA,iFD3OF,gBC4OI,kDACA,2CAQA,4BACA,0BACA,kBDlPJ,2BCyPE,wDACA,4DACA,0DACA,8DDxPF,wBC4PE,mDDvPF,sBC2PE,+CDvPF,yBC2RE,iEACA,yDACA,2CDzRF,mDCuPE,kEACA,0DACA,4CACA,0DDrPF,+BEvBE,sIAGA,iDACA,yDACA,2DACA,yDACA,yDFqBF,sDC+PE,+DACA,uDACA,yCACA,2CD1PA,sBEpCA,sIAGA,iDACA,yDACA,2DACA,yDACA,yDFmCA,oFCiPA,+DACA,uDACA,yCACA,2CC9RA,sIAGA,iDACA,yDACA,2DACA,yDACA,yDF0CA,0CErCA,gBACA,qBFiDF,oJCoOE,+DACA,uDACA,yCACA,2CDlOF,6GC6ME,gEACA,wDACA,0CA6BA,gCACE,mHACA,2GACA,6FACA,qGACA,6FACA,6FACA,+EACA,2FACA,yHAGA,+GACA,iGACA,iHACA,yGACA,2FACA,iHACA,yGACA,2FACA,qHACA,6GACA,+FAtBF,kCACE,qHACA,6GACA,+FACA,uGACA,+FACA,+FACA,iFACA,6FACA,2HAGA,iHACA,mGACA,mHACA,2GACA,6FACA,mHACA,2GACA,6FACA,uHACA,+GACA,iGAtBF,wBACE,2GACA,mGACA,qFACA,6FACA,qFACA,qFACA,uEACA,mFACA,iHAGA,uGACA,yFACA,yGACA,iGACA,mFACA,yGACA,iGACA,mFACA,6GACA,qGACA,uFAKF,uDACE,oHACA,4GACA,8FACA,sGACA,8FACA,gFACA,0HAGA,gHACA,kGACA,kHACA,0GACA,4FACA,kHACA,0GACA,4FACA,wHAGA,8GACA,gGAtBF,sDACE,mHACA,2GACA,6FACA,qGACA,6FACA,+EACA,yHAGA,+GACA,iGACA,iHACA,yGACA,2FACA,iHACA,yGACA,2FACA,uHAGA,6GACA,+FAtBF,wDACE,qHACA,6GACA,+FACA,uGACA,+FACA,iFACA,2HAGA,iHACA,mGACA,mHACA,2GACA,6FACA,mHACA,2GACA,6FACA,yHAGA,+GACA,iGAtBF,yDACE,sHACA,8GACA,gGACA,wGACA,gGACA,kFACA,4HAGA,kHACA,oGACA,oHACA,4GACA,8FACA,oHACA,4GACA,8FACA,0HAGA,gHACA,kGAtBF,wDACE,qHACA,6GACA,+FACA,uGACA,+FACA,iFACA,2HAGA,iHACA,mGACA,mHACA,2GACA,6FACA,mHACA,2GACA,6FACA,yHAGA,+GACA,iGAtBF,0DACE,uHACA,+GACA,iGACA,yGACA,iGACA,mFACA,6HAGA,mHACA,qGACA,qHACA,6GACA,+FACA,qHACA,6GACA,+FACA,2HAGA,iHACA,mGAtBF,+CACE,4GACA,oGACA,sFACA,8FACA,sFACA,wEACA,kHAGA,wGACA,0FACA,0GACA,kGACA,oFACA,0GACA,kGACA,oFACA,gHAGA,sGACA,wFAtBF,8CACE,2GACA,mGACA,qFACA,6FACA,qFACA,uEACA,iHAGA,uGACA,yFACA,yGACA,iGACA,mFACA,yGACA,iGACA,mFACA,+GAGA,qGACA,uFAtBF,gDACE,6GACA,qGACA,uFACA,+FACA,uFACA,yEACA,mHAGA,yGACA,2FACA,2GACA,mGACA,qFACA,2GACA,mGACA,qFACA,iHAGA,uGACA,yFElWJ,kBACE,qDACA,yDALA,8BASA,4CACE,wDACA,4DAIJ,6BACE,wDAEA,wFAEE,iEAGF,uEACE,8DAIJ,oEACE,8DAIA,sEACE,6DAIJ,mEACE,gBC1CF,gBACE,aACA,UACA,oDACA,kBACA,0BAGA,oCACE,uCACA,mBACA,kBAOF,4CACE,aAOF,yBACE,WACA,cACA,QACA,kBAIJ,+BACE,aACA,8BACA,UAGF,sBACE,uCACA,qEACA,+EACA,uEAEA,4BACE,6CACA,2EChDJ,2BACE,gBACA,eACA,gBACA,WAEA,+CACE,aACA,wDAIJ,+BACE,mBACA,aACA,cACA,yGACA,aAEA,sCACE,8DACA,mBACA,iBACA,sBACA,WACA,cACA,WAGF,yDACE,uGAQJ,2BACE,sCACA,eACA,oBACA,kDACA,uDACA,gBACA,UACA,2DAXA,8BAaA,iCACE,4CACA,+BACA,kCACA,8BAEA,uEACE,oEACA,iBAIJ,qDACE,sDACA,0DAQF,oGACE,8EACA,qTACA,2BACA,4BACA,qBACA,YAMF,0GACE,oFACA,+NACA,2BACA,4BACA,qBACA,YAOF,mNACE,sEAMF,+DACE,+CACA,mBAEA,qGACE,uEACA,iBAQJ,mOACE,sFAOF,+OACE,4FAKJ,qEACE,qBAKA,6GACE,uFAMF,mHACE,6FAOF,qOAEE,uEAOJ,6JAIE,4EAIF,0GACE,oFAIF,gHACE,0FAIF,6KAIE,4FAIF,yLAIE,kGAIF,mHACE,6FAIF,yHAGE,mGAIF,+KAIE,uEAUA,sfAEE,uFC1NJ,sBACE,wCACA,oDACA,yDACA,oDACA,6DARA,8BAYA,gDACE,wDACA,4DCbJ,gBACE,yDACA,+EAEA,aACA,8BACA,sEACA,oDAEA,qCATF,gBAUI,8EAGF,qCAbF,gBAcI,4EAIJ,yBACE,wDACA,8EAGF,qCACE,0CAGF,qCACE,0CAGF,uCACE,oDAGF,wCACE,4CAGF,uCACE,oDAGF,oCACE,sDAGF,qCACE,8CAGF,oCACE,sDAGF,yCACE,gDAGF,0CACE,wCAGF,yCACE,gDAGF,gCACE,iBAMA,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,+BACE,wBAGF,gCACE,kBANS,GACX,+BACE,wBAGF,gCACE,kBANS,GACX,+BACE,wBAGF,gCACE,kBANS,GAUb,qCAEI,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,sCACE,wBAGF,uCACE,kBANS,GACX,sCACE,wBAGF,uCACE,kBANS,GACX,sCACE,wBAGF,uCACE,kBANS,IAWf,qCAEI,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,oCACE,wBAGF,qCACE,kBANS,GACX,oCACE,wBAGF,qCACE,kBANS,GACX,oCACE,wBAGF,qCACE,kBANS,IC5Ff,mBACE,kBACA,mBACA,qCACA,iDACA,iDAVA,sBACA,eACA,8BAaF,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,kCACE,6CC7EF,2BACE,kEAGF,iCACE,wEAGF,4BACE,mEAGF,iCACE,wEAGF,8BACE,qEAGF,6BACE,oEAGF,6BACE,oEAGF,6BACE,oEC7BF,gBACE,mBACA,oBAGF,oBACE,kBAGF,wBACE,+GAGF,4BACE,uDACA,sDAGF,wBACE,+GAGF,4BACE,uDACA,sDAGF,wBACE,+GAGF,4BACE,uDACA,sDAGF,wBACE,+GAGF,4BACE,uDACA,sDAIA,kDACE,6GAGF,sDACE,sDACA,qDAGF,kDACE,6GAGF,sDACE,sDACA,qDAGF,kDACE,6GAGF,sDACE,sDACA,qDAGF,kDACE,6GAGF,sDACE,sDACA,qDC3EJ,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,8DC5FJ,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,8DCvCF,wBACE,kBACA,mBACA,0CACA,sDACA,2DACA,sDACA,+DAZA,sBACA,eACA,8BAcA,kDACE,0DACA,8DAIJ,uCACE,kDCbF,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,mBCvDF,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,+CCtCF,kBAHE,sBAMA,mBAGF,wBACE,iDAGF,0BACE,mDChBF,yBACE,gBACA,eACA,gBACA,WAGF,yBACE,0DACA,0DACA,eACA,qBACA,kBACA,mBACA,4CACA,oCAlBA,sBAuBF,iCACE,gEACA,kBACA,WACA,cACA,4CACA,wBACA,yCACA,uCACA,0CAGF,0DACE,kEAGF,2DACE,mEACA,mBAGF,gEACE,uCACA,sDACA,mBAGF,kEAEE,qGAGF,0FACE,+DCpDF,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,2ECpCJ,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,gEC5CF,+CACE,mBACA,qBACA,WACA,gBACA,kBACA,mBACA","file":"index.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/components/link-list/link-list.scss","../src/components/badge/badge.scss","../src/components/table/table.scss","../src/components/mega-menu/mega-menu.scss","../src/components/icon-button/icon-button.scss","../src/components/skip-link/skip-link.scss","../src/components/overlap/overlap.scss","../src/components/header/header.scss","../src/components/mark/mark.scss","../src/components/text-input/text-input.scss","../src/components/search-field/search-field.scss","../src/components/logo/logo.scss","../src/components/dialog/dialog.scss","../src/components/image/image.scss","../src/components/pagination/pagination.scss","../src/components/accordion/accordion.scss","../src/components/alert/alert.scss","../src/components/aspect-ratio/aspect-ratio.scss","../src/components/blockquote/blockquote.scss","../src/components/breadcrumb/breadcrumb.scss","../node_modules/@utrecht/components/button/css/index.scss","../node_modules/@utrecht/components/button/css/_mixin.scss","../node_modules/@utrecht/components/common/focus/_mixin.scss","../src/components/button/button.scss","../src/components/card/card.scss","../src/components/checkbox/checkbox.scss","../src/components/form-label/form-label.scss","../src/components/grid/grid.scss","../src/components/heading/heading.scss","../src/components/spotlight/spotlight.scss","../src/components/icon/icon.scss","../src/components/link/link.scss","../src/components/ordered-list/ordered-list.scss","../src/components/page-heading/page-heading.scss","../src/components/page-menu/page-menu.scss","../src/components/paragraph/paragraph.scss","../src/components/screen/screen.scss","../src/components/switch/switch.scss","../src/components/top-task-link/top-task-link.scss","../src/components/unordered-list/unordered-list.scss","../src/components/visually-hidden/visually-hidden.scss"],"names":[],"mappings":"CAaA,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,sECxEJ,iBACE,qBACA,+CACA,oDACA,+CACA,wDACA,qDAEA,2CACE,mDACA,uDAIJ,uBACE,8DACA,wCAGF,4BACE,mEACA,6CAGF,6BACE,oEACA,8CAGF,wBACE,+DACA,yCAGF,0BACE,iEACA,2CAGF,yBACE,gEACA,0CAGF,yBACE,gEACA,0CAGF,yBACE,gEACA,0CCnDF,iBACE,gBAGF,wBACE,iBACA,mBACA,mCACA,+CACA,2CACA,+CACA,+CAGF,0BACE,uDACA,iBAGF,qDAEE,wDACA,mBACA,oBACA,iBACA,mBAGF,8BACE,2DC7BF,oCACE,+DACA,mEACA,iFAEA,qDACE,oGCCF,+BACA,yCACA,eACA,2DACA,0BAVA,SACA,gBACA,iBAUA,6BACE,qEACA,+CAGF,gCACE,+BACA,kDACA,mBAMJ,4CACE,6DAEA,kDACE,yFACA,mEAGF,qDACE,+BACA,sEAIJ,2CACE,kFACA,4DAEA,iDACE,wFACA,kEAGF,oDACE,2FACA,qECpDJ,qBACE,6DACA,uCACA,cACA,mDACA,+CACA,mDACA,mDACA,yDACA,oBACA,oBACA,kBACA,qBAEA,2BACE,mEAGF,+CACE,uDACA,2DCpBJ,mBACE,aAEA,qBACE,eCFJ,kBACE,mBACA,aACA,eACA,mBACA,eAEA,qCAPF,kBAQI,8CACA,kBAIJ,wBACE,UACA,oDAGF,yBACE,aAEA,qCAHF,yBAII,cACA,gBAGF,qCARF,yBASI,SAIJ,wBACE,OACA,2DACA,eAEA,qCALF,wBAMI,QACA,wBAIJ,yBACE,cAEA,qCAHF,yBAII,YACA,QAEA,0DACE,cACA,cACA,gBACA,uBACA,mBACA,YAMN,+BACE,+BACA,mPACA,iCACA,4BACA,0BACA,SACA,4CACA,wDACA,6DACA,wDACA,iEACA,eACA,sBACA,kBACA,0BC9EF,gBACE,wDCKF,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,gECjDJ,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,6ECjEJ,gBACE,cACA,oCAGF,wBACE,wCAGF,8BACE,uCAGF,gCACE,yCCZF,kBACE,0DACA,sCACA,QACA,wDACA,gBACA,iBACA,eAGA,4BACE,0BAIJ,wBACE,aACA,qCACA,iCACA,2DACA,yDACA,2DAGF,2BACE,aACA,WACA,oBACA,gBACA,8BACA,sEAGF,0BACE,uBACA,aACA,uCAOF,yBACE,0CACA,UACA,sDACA,2DACA,sDACA,+DATA,8BAWA,mDACE,0DACA,8DAMJ,0BACE,aACA,sBACA,4CAEA,qCALF,0BAMI,mBACA,qBCpEJ,iBACE,kBACA,YACA,eACA,sBAEA,wBACE,iBCDJ,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,qBCnEJ,6BACE,aACA,eACA,gBAOF,6BACE,+BACA,SACA,8CACA,eACA,aACA,0DACA,+DACA,0DACA,8BACA,mEACA,qBACA,oBACA,WAhBA,8BAkBA,uDACE,8DACA,kEAGF,mCACE,sEAGF,mCACE,8DAGF,iCACE,uBACA,8BAEA,+BAJF,iCAKI,iBAON,qDACE,yBAGF,4BACE,aACA,mBACA,oBAGF,sCACE,cC7DF,iBACE,uBACA,iDACA,iDACA,aACA,mBACA,+BACA,8BACA,2DACA,+DACA,6DACA,iEAGF,0BACE,UAGF,wBACE,uDAGF,uBACE,sDAGF,0BACE,yDAGF,0BACE,yDC/BF,wBACE,gBACA,kBAGF,gCACE,kDAGF,8BACE,gDAGF,gCACE,kDAGF,8BACE,gDAGF,gCACE,kDAGF,iCACE,mDCnBF,sBACE,mBACA,wCACA,oDACA,yDACA,oDACA,6DACA,eAbA,sBACA,eACA,gBACA,8BAYA,8BACE,mBAGF,6BACE,oBAGF,gDACE,yDACA,6DAMJ,qCACE,gDC1BF,sBACE,6DACA,yDACA,oDACA,6DAEA,gDACE,wDACA,4DAIJ,4BACE,kBACA,mBApBA,sBACA,eACA,iBACA,8BAsBF,4BACE,eAGF,oDACE,wEACA,4BACA,WACA,qBACA,WACA,oBACA,UAGF,4BACE,kDACA,oEACA,gFACA,0FACA,kFAEA,kCACE,wDACA,sFC7CJ,gBCOE,+KAIA,mIAIA,4KAIA,4UAaA,6PAOA,yOAOA,oMAIA,+VAaA,mUAaA,gRAUA,uVAaA,2TAaA,wQAUA,uVAaA,2TAaA,wQAUA,2VAaA,+TAaA,4QAUA,sHACA,8HAIA,0DAEA,mBACA,yDACA,uBACA,kEACA,qEACA,iDACA,kDACA,mBACA,iDACA,sBACA,mCACA,qDACA,oBACA,mFACA,wFACA,6FACA,mCACA,oDACA,uBACA,8CACA,mEACA,0DACA,4DACA,0DACA,8DACA,4DACA,gEACA,QACA,oDACA,yBACA,iBAIA,iFD3OF,gBC4OI,kDACA,2CAQA,4BACA,0BACA,kBDlPJ,2BCyPE,wDACA,4DACA,0DACA,8DDxPF,wBC4PE,mDDvPF,sBC2PE,+CDvPF,yBC2RE,iEACA,yDACA,2CDzRF,mDCuPE,kEACA,0DACA,4CACA,0DDrPF,+BEvBE,sIAGA,iDACA,yDACA,2DACA,yDACA,yDFqBF,sDC+PE,+DACA,uDACA,yCACA,2CD1PA,sBEpCA,sIAGA,iDACA,yDACA,2DACA,yDACA,yDFmCA,oFCiPA,+DACA,uDACA,yCACA,2CC9RA,sIAGA,iDACA,yDACA,2DACA,yDACA,yDF0CA,0CErCA,gBACA,qBFiDF,oJCoOE,+DACA,uDACA,yCACA,2CDlOF,6GC6ME,gEACA,wDACA,0CA6BA,gCACE,mHACA,2GACA,6FACA,qGACA,6FACA,6FACA,+EACA,2FACA,yHAGA,+GACA,iGACA,iHACA,yGACA,2FACA,iHACA,yGACA,2FACA,qHACA,6GACA,+FAtBF,kCACE,qHACA,6GACA,+FACA,uGACA,+FACA,+FACA,iFACA,6FACA,2HAGA,iHACA,mGACA,mHACA,2GACA,6FACA,mHACA,2GACA,6FACA,uHACA,+GACA,iGAtBF,wBACE,2GACA,mGACA,qFACA,6FACA,qFACA,qFACA,uEACA,mFACA,iHAGA,uGACA,yFACA,yGACA,iGACA,mFACA,yGACA,iGACA,mFACA,6GACA,qGACA,uFAKF,uDACE,oHACA,4GACA,8FACA,sGACA,8FACA,gFACA,0HAGA,gHACA,kGACA,kHACA,0GACA,4FACA,kHACA,0GACA,4FACA,wHAGA,8GACA,gGAtBF,sDACE,mHACA,2GACA,6FACA,qGACA,6FACA,+EACA,yHAGA,+GACA,iGACA,iHACA,yGACA,2FACA,iHACA,yGACA,2FACA,uHAGA,6GACA,+FAtBF,wDACE,qHACA,6GACA,+FACA,uGACA,+FACA,iFACA,2HAGA,iHACA,mGACA,mHACA,2GACA,6FACA,mHACA,2GACA,6FACA,yHAGA,+GACA,iGAtBF,yDACE,sHACA,8GACA,gGACA,wGACA,gGACA,kFACA,4HAGA,kHACA,oGACA,oHACA,4GACA,8FACA,oHACA,4GACA,8FACA,0HAGA,gHACA,kGAtBF,wDACE,qHACA,6GACA,+FACA,uGACA,+FACA,iFACA,2HAGA,iHACA,mGACA,mHACA,2GACA,6FACA,mHACA,2GACA,6FACA,yHAGA,+GACA,iGAtBF,0DACE,uHACA,+GACA,iGACA,yGACA,iGACA,mFACA,6HAGA,mHACA,qGACA,qHACA,6GACA,+FACA,qHACA,6GACA,+FACA,2HAGA,iHACA,mGAtBF,+CACE,4GACA,oGACA,sFACA,8FACA,sFACA,wEACA,kHAGA,wGACA,0FACA,0GACA,kGACA,oFACA,0GACA,kGACA,oFACA,gHAGA,sGACA,wFAtBF,8CACE,2GACA,mGACA,qFACA,6FACA,qFACA,uEACA,iHAGA,uGACA,yFACA,yGACA,iGACA,mFACA,yGACA,iGACA,mFACA,+GAGA,qGACA,uFAtBF,gDACE,6GACA,qGACA,uFACA,+FACA,uFACA,yEACA,mHAGA,yGACA,2FACA,2GACA,mGACA,qFACA,2GACA,mGACA,qFACA,iHAGA,uGACA,yFElWJ,kBACE,qDACA,yDALA,8BASA,4CACE,wDACA,4DAIJ,6BACE,wDAEA,wFAEE,iEAGF,uEACE,8DAIJ,oEACE,8DAIA,sEACE,6DAIJ,mEACE,gBC1CF,gBACE,aACA,UACA,oDACA,kBACA,0BAGA,oCACE,uCACA,mBACA,kBAOF,4CACE,aAOF,yBACE,WACA,cACA,QACA,kBAIJ,+BACE,aACA,8BACA,UAGF,sBACE,uCACA,qEACA,+EACA,uEAEA,4BACE,6CACA,2EChDJ,2BACE,gBACA,eACA,gBACA,WAEA,+CACE,aACA,wDAIJ,+BACE,mBACA,aACA,cACA,yGACA,aAEA,sCACE,8DACA,mBACA,iBACA,sBACA,WACA,cACA,WAGF,yDACE,uGAQJ,2BACE,sCACA,eACA,oBACA,kDACA,uDACA,gBACA,UACA,2DAXA,8BAaA,iCACE,4CACA,+BACA,kCACA,8BAEA,uEACE,oEACA,iBAIJ,qDACE,sDACA,0DAQF,oGACE,8EACA,qTACA,2BACA,4BACA,qBACA,YAMF,0GACE,oFACA,+NACA,2BACA,4BACA,qBACA,YAOF,mNACE,sEAMF,+DACE,+CACA,mBAEA,qGACE,uEACA,iBAQJ,mOACE,sFAOF,+OACE,4FAKJ,qEACE,qBAKA,6GACE,uFAMF,mHACE,6FAOF,qOAEE,uEAOJ,6JAIE,4EAIF,0GACE,oFAIF,gHACE,0FAIF,6KAIE,4FAIF,yLAIE,kGAIF,mHACE,6FAIF,yHAGE,mGAIF,+KAIE,uEAUA,sfAEE,uFC1NJ,sBACE,wCACA,oDACA,yDACA,oDACA,6DARA,8BAYA,gDACE,wDACA,4DCbJ,gBACE,yDACA,+EAEA,aACA,8BACA,sEACA,oDAEA,qCATF,gBAUI,8EAGF,qCAbF,gBAcI,4EAIJ,yBACE,wDACA,8EAGF,oCACE,gBAGF,qCACE,0CAGF,qCACE,0CAGF,uCACE,oDAGF,wCACE,4CAGF,uCACE,oDAGF,oCACE,sDAGF,qCACE,8CAGF,oCACE,sDAGF,yCACE,gDAGF,0CACE,wCAGF,yCACE,gDAGF,gCACE,iBAMA,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,+BACE,wBAGF,gCACE,kBANS,GACX,+BACE,wBAGF,gCACE,kBANS,GACX,+BACE,wBAGF,gCACE,kBANS,GAUb,qCAEI,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,sCACE,wBAGF,uCACE,kBANS,GACX,sCACE,wBAGF,uCACE,kBANS,GACX,sCACE,wBAGF,uCACE,kBANS,IAWf,qCAEI,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,oCACE,wBAGF,qCACE,kBANS,GACX,oCACE,wBAGF,qCACE,kBANS,GACX,oCACE,wBAGF,qCACE,kBANS,IChGf,mBACE,kBACA,mBACA,qCACA,iDACA,iDAVA,sBACA,eACA,8BAaF,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,kCACE,6CC7EF,2BACE,kEAGF,gCACE,uEAGF,iCACE,wEAGF,4BACE,mEAGF,8BACE,qEAGF,6BACE,oEAGF,6BACE,oEAGF,6BACE,oEC7BF,gBACE,mBACA,oBAGF,oBACE,kBAGF,wBACE,iBACA,uBAGF,wBACE,+GAGF,4BACE,uDACA,sDAGF,wBACE,+GAGF,4BACE,uDACA,sDAGF,wBACE,+GAGF,4BACE,uDACA,sDAGF,wBACE,+GAGF,4BACE,uDACA,sDAIA,kDACE,6GAGF,sDACE,sDACA,qDAGF,kDACE,6GAGF,sDACE,sDACA,qDAGF,kDACE,6GAGF,sDACE,sDACA,qDAGF,kDACE,6GAGF,sDACE,sDACA,qDChFJ,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,8DC5FJ,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,8DCvCF,wBACE,kBACA,mBACA,0CACA,sDACA,2DACA,sDACA,+DAZA,sBACA,eACA,8BAcA,kDACE,0DACA,8DAIJ,uCACE,kDCbF,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,mBCvDF,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,+CCtCF,kBAHE,sBAMA,mBAGF,wBACE,iDAGF,0BACE,mDChBF,yBACE,gBACA,eACA,gBACA,WAGF,yBACE,0DACA,0DACA,eACA,qBACA,kBACA,mBACA,4CACA,oCAlBA,sBAuBF,iCACE,gEACA,kBACA,WACA,cACA,4CACA,wBACA,yCACA,uCACA,0CAGF,0DACE,kEAGF,2DACE,mEACA,mBAGF,gEACE,uCACA,sDACA,mBAGF,kEAEE,qGAGF,0FACE,+DCpDF,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,2ECpCJ,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,gEC5CF,+CACE,mBACA,qBACA,WACA,gBACA,kBACA,mBACA","file":"index.css"}
|
|
@@ -0,0 +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 */
|
|
@@ -0,0 +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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.amsterdam-mega-menu__list-category{column-gap:var(--amsterdam-mega-menu-list-category-column-gap);column-width:var(--amsterdam-mega-menu-list-category-column-width);padding-block-start:var(--amsterdam-mega-menu-list-category-padding-block-start)}.amsterdam-mega-menu__list-category:not(:last-child){padding-block-end:var(--amsterdam-mega-menu-list-category-padding-block-end)}/*# sourceMappingURL=mega-menu.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/mega-menu/mega-menu.scss"],"names":[],"mappings":"AAKA,oCACE,+DACA,mEACA,iFAEA,qDACE","file":"mega-menu.css"}
|
|
@@ -1 +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
|
|
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 */
|
|
@@ -1 +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,
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-spotlight--blue{background-color:var(--amsterdam-spotlight-blue-background-color)}.amsterdam-spotlight--dark-
|
|
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 */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/spotlight/spotlight.scss"],"names":[],"mappings":"AAKA,2BACE,kEAGF,iCACE,wEAGF,4BACE,mEAGF,
|
|
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"}
|
|
@@ -0,0 +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:1rem;padding-inline:1rem;text-align:start;vertical-align:top}.amsterdam-table__header-cell{font-weight:var(--amsterdam-table-header-cell-font-weight)}/*# sourceMappingURL=table.css.map */
|
|
@@ -0,0 +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,mBACA,oBACA,iBACA,mBAGF,8BACE","file":"table.css"}
|
|
@@ -2,11 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
## Where to put properties for various states
|
|
4
4
|
|
|
5
|
-
The declaration block for the pseudo-class name only lists the properties for which the value changes in the related state.
|
|
5
|
+
The declaration block for the pseudo-class name only lists the properties for which the value changes in the related state.
|
|
6
|
+
Properties that remain unchanged in all other states are part of the declaration block for the general class name, even if they don’t affect the element’s initial state.
|
|
6
7
|
|
|
7
8
|
### Do this
|
|
8
9
|
|
|
9
|
-
This link receives an underline when
|
|
10
|
+
This link receives an underline when the user’s pointer hovers over it.
|
|
11
|
+
Still, we define its thickness and offset for the initial state.
|
|
10
12
|
|
|
11
13
|
```css
|
|
12
14
|
.amsterdam-link {
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.
|
|
2
|
+
"version": "0.4.0",
|
|
3
3
|
"author": "Community for NL Design System",
|
|
4
4
|
"description": "CSS files for components for the City of Amsterdam based on the NL Design System architecture",
|
|
5
5
|
"license": "EUPL-1.2",
|
|
@@ -19,11 +19,11 @@
|
|
|
19
19
|
"clean": "rimraf dist/"
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
|
-
"@amsterdam/design-system-tokens": "0.
|
|
23
|
-
"sass": "1.
|
|
22
|
+
"@amsterdam/design-system-tokens": "0.4.0",
|
|
23
|
+
"sass": "1.70.0"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@utrecht/components": "3.0.0"
|
|
27
27
|
},
|
|
28
|
-
"gitHead": "
|
|
28
|
+
"gitHead": "3bc9765e9de9553db5b643d2ed79735837d4d7b6"
|
|
29
29
|
}
|
|
@@ -1,42 +1,49 @@
|
|
|
1
1
|
# Accordion
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
-
|
|
9
|
-
-
|
|
10
|
-
-
|
|
11
|
-
-
|
|
12
|
-
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
|
23
|
-
|
|
|
24
|
-
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
- [WCAG
|
|
39
|
-
|
|
40
|
-
|
|
3
|
+
The accordion component is a clickable (vertically stacked) list of headings to hide or show associated content.
|
|
4
|
+
With an accordion, you offer content to users progressively.
|
|
5
|
+
|
|
6
|
+
## Guidelines
|
|
7
|
+
|
|
8
|
+
- Use an accordion on a full page with essential and non-essential content.
|
|
9
|
+
- Hiding non-essential content helps users get to important content more quickly.
|
|
10
|
+
- Avoid using an accordion to avoid too much essential content on 1 page.
|
|
11
|
+
- Rewrite the page more compactly or divide the content over multiple pages instead of using the accordion in the first place.
|
|
12
|
+
- Don’t hide essential information in an accordion.
|
|
13
|
+
- An accordion consists of several accordion sections.
|
|
14
|
+
- Use a minimum of 3 and a maximum of 10 sections underneath each other.
|
|
15
|
+
- It is essential for accordion sections to have clear headings, as the user cannot "scan" the hidden content to find relevant information.
|
|
16
|
+
- Hiding the content has the disadvantage that "search in page" does not yield any hidden content results.
|
|
17
|
+
- If you know the search term the user used to get to the accordion page, you can automatically expand the sections that contain the search term.
|
|
18
|
+
- The accordion’s content may contain formatting (e.g. headings, lists, links and buttons).
|
|
19
|
+
|
|
20
|
+
You can navigate an accordion with your keyboard:
|
|
21
|
+
|
|
22
|
+
| key | element |
|
|
23
|
+
| :------------- | :-------------------------------------------------------------------------------------------------------------------- |
|
|
24
|
+
| Enter or Space | Open or close the accordion section that has the focus |
|
|
25
|
+
| Tab | Go to the next element that can have focus |
|
|
26
|
+
| Shift + Tab | Go to the next element that can have focus |
|
|
27
|
+
| Down arrow | If an accordion section has focus, go to the next section; if the last section has focus, go to the first section |
|
|
28
|
+
| Up arrow | If an accordion section has focus, go to the previous section; if the first section has focus, go to the last section |
|
|
29
|
+
| Home | If an accordion section has focus: go to the first section |
|
|
30
|
+
| End | If an accordion section has focus, go to the last section |
|
|
31
|
+
|
|
32
|
+
## Relevant WCAG requirements
|
|
33
|
+
|
|
34
|
+
The WCAG requirements for the Button and Heading components also apply to the accordion header.
|
|
35
|
+
|
|
36
|
+
Pay extra attention to these parts:
|
|
37
|
+
|
|
38
|
+
- [WCAG requirement 1.3.1](https://www.w3.org/TR/WCAG21/#info-and-relationships): the heading level of the accordion sections depends on where in the page the accordion is placed, this may differ per page.
|
|
39
|
+
- [WCAG requirement 1.3.6](https://www.w3.org/TR/WCAG21/#identify-purpose): use `aria-controls` for the button, and use a `region` landmark for the expandable region (use the HTML element `<section>` for this)
|
|
40
|
+
- [WCAG requirement 1.4.3](https://www.w3.org/TR/WCAG21/#contrast-minimum): contrast between text and background and between icon and background is sufficient in all variants, all interactive statuses and all possible combinations.
|
|
41
|
+
- [WCAG requirement 3.2.1](https://www.w3.org/TR/WCAG21/#on-focus): do not automatically make the accordion expanded when the button gets focus.
|
|
42
|
+
- [WCAG requirement 2.1.3](https://www.w3.org/TR/WCAG21/#keyboard-no-exception): Support the optional keys: `Down Arrow`, `Up Arrow`, `Home` and `End`.
|
|
43
|
+
- `Space` should activate the button, not scroll the page (use `keypressEvt.preventDefault()`).
|
|
44
|
+
- [WCAG requirement 2.4.6](https://www.w3.org/TR/WCAG21/#headings-and-labels): The text used both as a heading and as a label for the button must be clear because the content is not always visible.
|
|
45
|
+
- [WCAG requirement 2.4.10](https://www.w3.org/TR/WCAG21/#section-headings): accordions that are part of the running text must use section headings.
|
|
46
|
+
|
|
47
|
+
## References
|
|
41
48
|
|
|
42
49
|
- [W3C - Accordion Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/accordion/)
|
|
@@ -1,18 +1,22 @@
|
|
|
1
1
|
# Alert
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
An Alert informs the user of a significant or time-sensitive message without interrupting their task.
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## Specifications
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
There are four types of notifications:
|
|
8
8
|
|
|
9
|
-
-
|
|
10
|
-
-
|
|
11
|
-
-
|
|
9
|
+
- **Warning** (orange) when action is needed to prevent damage.
|
|
10
|
+
- **Error** (red) indicates an error has occurred.
|
|
11
|
+
- **Confirmation** (green) to reassure that a process is complete.
|
|
12
|
+
- **Notification** (blue) to bring attention to a message.
|
|
12
13
|
|
|
13
|
-
##
|
|
14
|
+
## Guidelines
|
|
14
15
|
|
|
15
|
-
-
|
|
16
|
-
|
|
17
|
-
-
|
|
18
|
-
|
|
16
|
+
- Place an orange Alert directly below the Header for important and urgent information.
|
|
17
|
+
Examples: system outage or changes in the opening hours of a City Office.
|
|
18
|
+
- Ensure sufficient whitespace around the Alert.
|
|
19
|
+
The grid’s whitespace is a good reference – place the Alert in its own cell.
|
|
20
|
+
- By default, the Alert cannot be closed.
|
|
21
|
+
This functionality can be added optionally.
|
|
22
|
+
- Optionally, the title can be omitted.
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
|
|
6
6
|
.amsterdam-alert {
|
|
7
7
|
align-items: flex-start;
|
|
8
|
-
|
|
9
|
-
border: var(--amsterdam-alert-border);
|
|
8
|
+
border-style: var(--amsterdam-alert-border-style);
|
|
9
|
+
border-width: var(--amsterdam-alert-border-width);
|
|
10
10
|
display: flex;
|
|
11
11
|
flex-direction: row;
|
|
12
12
|
gap: var(--amsterdam-alert-gap);
|
|
@@ -21,48 +21,18 @@
|
|
|
21
21
|
flex: auto;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
@mixin reset {
|
|
25
|
-
-webkit-text-size-adjust: 100%;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.amsterdam-alert__title {
|
|
29
|
-
color: var(--amsterdam-alert-title-color);
|
|
30
|
-
font-family: var(--amsterdam-alert-title-font-family);
|
|
31
|
-
font-size: var(--amsterdam-alert-title-spacious-font-size);
|
|
32
|
-
font-weight: var(--amsterdam-alert-title-font-weight);
|
|
33
|
-
line-height: var(--amsterdam-alert-title-spacious-line-height);
|
|
34
|
-
|
|
35
|
-
.amsterdam-theme--compact & {
|
|
36
|
-
font-size: var(--amsterdam-alert-title-compact-font-size);
|
|
37
|
-
line-height: var(--amsterdam-alert-title-compact-line-height);
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
@include reset;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
24
|
.amsterdam-alert--error {
|
|
44
|
-
background-color: var(--amsterdam-alert-error-background-color);
|
|
45
25
|
border-color: var(--amsterdam-alert-error-border-color);
|
|
46
26
|
}
|
|
47
27
|
|
|
48
|
-
.amsterdam-alert--
|
|
49
|
-
|
|
50
|
-
border-color: var(--amsterdam-alert-success-border-color);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
/* todo: move to action button component */
|
|
54
|
-
.amsterdam-alert__close {
|
|
55
|
-
background-color: var(--amsterdam-alert-close-background-color);
|
|
56
|
-
border: 0;
|
|
57
|
-
cursor: pointer;
|
|
58
|
-
padding-block: 0;
|
|
59
|
-
padding-inline: 0;
|
|
28
|
+
.amsterdam-alert--info {
|
|
29
|
+
border-color: var(--amsterdam-alert-info-border-color);
|
|
60
30
|
}
|
|
61
31
|
|
|
62
|
-
.amsterdam-
|
|
63
|
-
|
|
32
|
+
.amsterdam-alert--success {
|
|
33
|
+
border-color: var(--amsterdam-alert-success-border-color);
|
|
64
34
|
}
|
|
65
35
|
|
|
66
|
-
.amsterdam-
|
|
67
|
-
|
|
36
|
+
.amsterdam-alert--warning {
|
|
37
|
+
border-color: var(--amsterdam-alert-warning-border-color);
|
|
68
38
|
}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
# Aspect Ratio
|
|
2
2
|
|
|
3
|
-
Aspect Ratio
|
|
3
|
+
Aspect Ratio updates the height of an element with its width.
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
These are the proportions we use:
|
|
6
6
|
|
|
7
|
-
|
|
|
8
|
-
| :-------- |
|
|
9
|
-
| `2x-wide` |
|
|
10
|
-
| `x-wide` |
|
|
11
|
-
| `wide` |
|
|
12
|
-
| `square` |
|
|
13
|
-
| `tall` |
|
|
14
|
-
| `x-tall` |
|
|
7
|
+
| keyword | ratio |
|
|
8
|
+
| :-------- | ----: |
|
|
9
|
+
| `2x-wide` | 32:9 |
|
|
10
|
+
| `x-wide` | 16:9 |
|
|
11
|
+
| `wide` | 5:4 |
|
|
12
|
+
| `square` | 1:1 |
|
|
13
|
+
| `tall` | 4:5 |
|
|
14
|
+
| `x-tall` | 9:16 |
|
|
15
15
|
|
|
16
|
-
##
|
|
16
|
+
## Guidelines
|
|
17
17
|
|
|
18
|
-
-
|
|
18
|
+
- Use this component to constrain images, videos and other elements to one of the available aspect ratios.
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
# Badge
|
|
2
|
+
|
|
3
|
+
A prominently coloured box containing 1 or 2 words.
|
|
4
|
+
Guides the user in taking a specific action or describes its surrounding content.
|
|
5
|
+
|
|
6
|
+
## Design
|
|
7
|
+
|
|
8
|
+
The badge can contain a short text or a number.
|
|
9
|
+
The default background colour is dark green.
|
|
10
|
+
Suggestions on when to use the other colours will follow soon.
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license EUPL-1.2+
|
|
3
|
+
* Copyright (c) 2024 Gemeente Amsterdam
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
.amsterdam-badge {
|
|
7
|
+
display: inline-block;
|
|
8
|
+
font-family: var(--amsterdam-badge-font-family);
|
|
9
|
+
font-size: var(--amsterdam-badge-spacious-font-size);
|
|
10
|
+
font-weight: var(--amsterdam-badge-font-weight);
|
|
11
|
+
line-height: var(--amsterdam-badge-spacious-line-height);
|
|
12
|
+
padding-inline: var(--amsterdam-badge-padding-inline);
|
|
13
|
+
|
|
14
|
+
.amsterdam-theme--compact & {
|
|
15
|
+
font-size: var(--amsterdam-badge-compact-font-size);
|
|
16
|
+
line-height: var(--amsterdam-badge-compact-line-height);
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.amsterdam-badge--blue {
|
|
21
|
+
background-color: var(--amsterdam-badge-blue-background-color);
|
|
22
|
+
color: var(--amsterdam-badge-blue-color);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.amsterdam-badge--dark-blue {
|
|
26
|
+
background-color: var(--amsterdam-badge-dark-blue-background-color);
|
|
27
|
+
color: var(--amsterdam-badge-dark-blue-color);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.amsterdam-badge--dark-green {
|
|
31
|
+
background-color: var(--amsterdam-badge-dark-green-background-color);
|
|
32
|
+
color: var(--amsterdam-badge-dark-green-color);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.amsterdam-badge--green {
|
|
36
|
+
background-color: var(--amsterdam-badge-green-background-color);
|
|
37
|
+
color: var(--amsterdam-badge-green-color);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.amsterdam-badge--magenta {
|
|
41
|
+
background-color: var(--amsterdam-badge-magenta-background-color);
|
|
42
|
+
color: var(--amsterdam-badge-magenta-color);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.amsterdam-badge--orange {
|
|
46
|
+
background-color: var(--amsterdam-badge-orange-background-color);
|
|
47
|
+
color: var(--amsterdam-badge-orange-color);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.amsterdam-badge--purple {
|
|
51
|
+
background-color: var(--amsterdam-badge-purple-background-color);
|
|
52
|
+
color: var(--amsterdam-badge-purple-color);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.amsterdam-badge--yellow {
|
|
56
|
+
background-color: var(--amsterdam-badge-yellow-background-color);
|
|
57
|
+
color: var(--amsterdam-badge-yellow-color);
|
|
58
|
+
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
# Blockquote
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
We use blockquotes to emphasize citations.
|
|
4
|
+
A quote appears differently from the main text to make it stand out.
|
|
4
5
|
|
|
5
|
-
|
|
6
|
+
## Guidelines
|
|
6
7
|
|
|
7
|
-
|
|
8
|
+
- Quote someone’s literal written or oral text.
|
|
9
|
+
- A quote has a width of half or a whole column of text.
|
|
10
|
+
- The component adds the correct quotation marks.
|
|
8
11
|
|
|
9
|
-
|
|
10
|
-
- Een citaat heeft een breedte van een halve of hele tekstkolom.
|
|
12
|
+
## Relevant WCAG requirements
|
|
11
13
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
- [WCAG 3.1.2](https://www.w3.org/WAI/WCAG21/Understanding/language-of-parts.html): wanneer het citaat in een andere taal is geschreven dan de pagina, dan moet het `lang` attribuut gebruikt worden om de taal duidelijk te maken.
|
|
14
|
+
- [WCAG 3.1.2](https://www.w3.org/WAI/WCAG21/Understanding/language-of-parts.html): if the citation is in a language other than that of the surrounding content, indicate so through the `lang` attribute.
|
|
@@ -1,15 +1,18 @@
|
|
|
1
1
|
# Breadcrumb
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
The breadcrumb is a secondary navigation pattern that helps a user understand the structure between levels in the website up to the current page.
|
|
4
|
+
Users can use it to navigate.
|
|
4
5
|
|
|
5
|
-
##
|
|
6
|
+
## Guidelines
|
|
6
7
|
|
|
7
|
-
###
|
|
8
|
+
### Use like this
|
|
8
9
|
|
|
9
|
-
|
|
10
|
+
Only use the breadcrumb trail if it adds something functional for the user and the structure is ‘static’.
|
|
10
11
|
|
|
11
|
-
###
|
|
12
|
+
### Avoid this
|
|
12
13
|
|
|
13
|
-
|
|
14
|
+
Do not display the breadcrumb trail on a form page.
|
|
15
|
+
It distracts the user from their task, or one can accidentally interpret it as a Progress Indicator.
|
|
14
16
|
|
|
15
|
-
|
|
17
|
+
It is a secondary navigation pattern.
|
|
18
|
+
It can’t replace the main navigation.
|
|
@@ -1,24 +1,27 @@
|
|
|
1
1
|
# Button
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Allows the user to perform actions and operate the user interface.
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## Guidelines
|
|
6
6
|
|
|
7
|
-
-
|
|
8
|
-
-
|
|
9
|
-
-
|
|
10
|
-
|
|
7
|
+
- A label text that describes the function of the button.
|
|
8
|
+
- A clear contrasting colour scheme so that it is easy to recognize and quickly locate.
|
|
9
|
+
- Use the correct type of button for the corresponding application.
|
|
10
|
+
For example, a button within a form must always be of the type `submit`.
|
|
11
|
+
- Make sure one can operate a button through a keyboard.
|
|
11
12
|
|
|
12
|
-
##
|
|
13
|
+
## Relevant WCAG requirements
|
|
13
14
|
|
|
14
|
-
- [WCAG
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
-
|
|
15
|
+
- [WCAG requirement 2.1.3](https://www.w3.org/TR/WCAG21/#keyboard-no-exception):
|
|
16
|
+
You can activate the button with `Enter` or `Space`, and it is possible with ‘Tab’ the button to focus.
|
|
17
|
+
Using `Space` does not result in scrolling the page.
|
|
18
|
+
- [WCAG requirement 2.4.6](https://www.w3.org/TR/WCAG21/#headings-and-labels): the label of the button must be clear
|
|
19
|
+
- [WCAG requirement 2.5.2](https://www.w3.org/TR/WCAG21/#pointer-cancellation):
|
|
20
|
+
- do not use the `mousedown` event to activate the button, instead use the `click` event
|
|
21
|
+
- `mousedown` may only be used if `mouseup` undoes the effect, for example, a “fast forward” button to fast-forward audio or video.
|
|
22
|
+
- [WCAG requirement 2.5.5](https://www.w3.org/TR/WCAG21/#target-size): The button must be large enough to click, and small buttons should not be too close to another button.
|
|
20
23
|
|
|
21
|
-
##
|
|
24
|
+
## References
|
|
22
25
|
|
|
23
26
|
- [W3C - Focus Visible](https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html)
|
|
24
27
|
- [W3C - Headings & labels](https://www.w3.org/TR/WCAG21/#headings-and-labels)
|