@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.
Files changed (85) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/LICENSE.md +1 -1
  3. package/README.md +2 -1
  4. package/dist/alert/alert.css +1 -1
  5. package/dist/alert/alert.css.map +1 -1
  6. package/dist/badge/badge.css +1 -0
  7. package/dist/badge/badge.css.map +1 -0
  8. package/dist/dialog/dialog.css +1 -1
  9. package/dist/dialog/dialog.css.map +1 -1
  10. package/dist/grid/grid.css +1 -1
  11. package/dist/grid/grid.css.map +1 -1
  12. package/dist/icon/icon.css +1 -1
  13. package/dist/icon/icon.css.map +1 -1
  14. package/dist/icon-button/icon-button.css +1 -0
  15. package/dist/icon-button/icon-button.css.map +1 -0
  16. package/dist/index.css +1 -1
  17. package/dist/index.css.map +1 -1
  18. package/dist/link-list/link-list.css +1 -0
  19. package/dist/link-list/link-list.css.map +1 -0
  20. package/dist/mega-menu/mega-menu.css +1 -0
  21. package/dist/mega-menu/mega-menu.css.map +1 -0
  22. package/dist/search-field/search-field.css +1 -1
  23. package/dist/search-field/search-field.css.map +1 -1
  24. package/dist/spotlight/spotlight.css +1 -1
  25. package/dist/spotlight/spotlight.css.map +1 -1
  26. package/dist/table/table.css +1 -0
  27. package/dist/table/table.css.map +1 -0
  28. package/documentation/coding-conventions.md +4 -2
  29. package/package.json +4 -4
  30. package/src/components/accordion/README.md +45 -38
  31. package/src/components/alert/README.md +15 -11
  32. package/src/components/alert/alert.scss +8 -38
  33. package/src/components/aspect-ratio/README.md +12 -12
  34. package/src/components/badge/README.md +10 -0
  35. package/src/components/badge/badge.scss +58 -0
  36. package/src/components/blockquote/README.md +8 -8
  37. package/src/components/breadcrumb/README.md +10 -7
  38. package/src/components/button/README.md +17 -14
  39. package/src/components/card/README.md +18 -19
  40. package/src/components/checkbox/README.md +19 -18
  41. package/src/components/dialog/README.md +9 -8
  42. package/src/components/dialog/dialog.scss +0 -16
  43. package/src/components/footer/README.md +11 -7
  44. package/src/components/form-label/README.md +5 -1
  45. package/src/components/grid/README.md +12 -13
  46. package/src/components/grid/grid.scss +4 -0
  47. package/src/components/header/README.md +2 -2
  48. package/src/components/heading/README.md +14 -11
  49. package/src/components/icon/README.md +19 -9
  50. package/src/components/icon/icon.scss +5 -0
  51. package/src/components/icon-button/README.md +14 -0
  52. package/src/components/icon-button/icon-button.scss +60 -0
  53. package/src/components/image/README.md +16 -17
  54. package/src/components/index.scss +5 -0
  55. package/src/components/link/README.md +26 -24
  56. package/src/components/link-list/README.md +16 -0
  57. package/src/components/link-list/link-list.scss +80 -0
  58. package/src/components/logo/README.md +21 -20
  59. package/src/components/mark/README.md +10 -11
  60. package/src/components/mega-menu/README.md +1 -0
  61. package/src/components/mega-menu/mega-menu.scss +14 -0
  62. package/src/components/ordered-list/README.md +5 -5
  63. package/src/components/overlap/README.md +1 -1
  64. package/src/components/page-heading/README.md +10 -9
  65. package/src/components/page-menu/README.md +10 -9
  66. package/src/components/pagination/README.md +13 -10
  67. package/src/components/paragraph/README.md +16 -14
  68. package/src/components/screen/README.md +12 -12
  69. package/src/components/search-field/README.md +18 -18
  70. package/src/components/search-field/search-field.scss +2 -10
  71. package/src/components/skip-link/README.md +18 -25
  72. package/src/components/spotlight/README.md +5 -5
  73. package/src/components/spotlight/spotlight.scss +4 -4
  74. package/src/components/switch/README.md +11 -9
  75. package/src/components/table/README.md +11 -0
  76. package/src/components/table/table.scss +36 -0
  77. package/src/components/text-input/README.md +10 -8
  78. package/src/components/top-task-link/README.md +15 -14
  79. package/src/components/unordered-list/README.md +5 -5
  80. package/src/components/visually-hidden/README.md +3 -2
  81. package/src/components/button/button-css.md +0 -12
  82. package/src/components/checkbox/checkbox-css.md +0 -3
  83. package/src/components/footer/footer-css.md +0 -11
  84. package/src/components/heading/heading-css.md +0 -3
  85. package/src/components/paragraph/paragraph-css.md +0 -3
@@ -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 span{display:flex;justify-content:center;width:calc(var(--amsterdam-icon-spacious-size-6-font-size)*var(--amsterdam-icon-spacious-size-6-line-height))}.amsterdam-search-field__button:hover{background-color:var(--amsterdam-search-field-button-hover-background-color)}/*# sourceMappingURL=search-field.css.map */
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,qCACE,aACA,uBAGA,8GAGF,sCACE","file":"search-field.css"}
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-green{background-color:var(--amsterdam-spotlight-dark-green-background-color)}.amsterdam-spotlight--green{background-color:var(--amsterdam-spotlight-green-background-color)}.amsterdam-spotlight--light-blue{background-color:var(--amsterdam-spotlight-light-blue-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
+ .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,iCACE,wEAGF,8BACE,qEAGF,6BACE,oEAGF,6BACE,oEAGF,6BACE","file":"spotlight.css"}
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. 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.
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 a user's pointer hovers over it. Still, we define its thickness and offset for the initial state.
10
+ This link receives an underline when the users 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.3.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.3.0",
23
- "sass": "1.69.5"
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": "0201bd289e2eec2297f23d93959718f7235d76c4"
28
+ "gitHead": "3bc9765e9de9553db5b643d2ed79735837d4d7b6"
29
29
  }
@@ -1,42 +1,49 @@
1
1
  # Accordion
2
2
 
3
- Het accordion component is een klikbare (verticaal gestapelde) lijst van koppen om bijbehorende inhoud te verbergen of te tonen. Met een accordion toon je inhoud op een progressieve manier aan gebruikers.
4
-
5
- ## Richtlijnen
6
-
7
- - Gebruik een accordion op een volle pagina met zowel essentiële als niet-essentiële inhoud. Door niet-essentiële inhoud te verbergen, komen gebruikers sneller bij de essentiële inhoud.
8
- - Gebruik een accordion niet om te veel essentiële inhoud op 1 pagina te voorkomen. Herschrijf de pagina compacter, verdeel de inhoud over meerdere pagina's of gebruik het (nog te maken) inhoudsopgave-component in plaats van een accordion voor dat doel. Verberg essentiële informatie niet in een accordion.
9
- - Een accordion bestaat uit meerdere accordionsecties. Gebruik minimaal 3 en maximaal 10 secties onder elkaar.
10
- - Het is belangrijk dat accordionsecties duidelijke koppen hebben, omdat de gebruiker de verborgen inhoud niet kan "scannen" om relevante informatie te vinden.
11
- - De inhoud verbergen heeft als nadeel dat "zoeken in pagina" geen resultaten oplevert voor de inhoud die verborgen is. Als je weet op welke zoekterm de gebruiker heeft gezocht om op de pagina met accordion te komen, dan kun je de secties die de zoekterm bevatten automatisch uitklappen.
12
- - De inhoud van de accordeon kan opmaak bevatten (bijvoorbeeld headings, lijsten, links en knoppen).
13
-
14
- Je kunt door een accordion navigeren met je toetsenbord:
15
-
16
- | key | element |
17
- | :------------------- | :--------------------------------------------------------------------------------------------------------------------------- |
18
- | Enter of Space | Open of sluit de accordionsectie die de focus heeft |
19
- | Tab | Ga naar het volgende element dat focus kan hebben |
20
- | Shift + Tab | Ga naar het volgende element dat focus kan hebben |
21
- | Pijltje naar beneden | Als een accordionsectie focus heeft: ga naar de volgende sectie. Als de laatste sectie focus heeft, ga naar de eerste sectie |
22
- | Pijltje omhoog | Als een accordionsectie focus heeft: ga naar de vorige sectie. Als de eerste sectie focus heeft, ga naar de laatste sectie |
23
- | Home | Als een accordionsectie focus heeft: ga naar de eerste sectie |
24
- | End | Als een accordionsectie focus heeft: ga naar de laatste sectie |
25
-
26
- ## Relevante WCAG eisen
27
-
28
- De WCAG eisen voor het Button component en het Heading component gelden ook voor de accordion header.
29
-
30
- Let extra op voor deze onderdelen:
31
-
32
- - [WCAG eis 1.3.1](https://www.w3.org/TR/WCAG21/#info-and-relationships): de _heading level_ van de accordionsecties is afhankelijk van waar in de pagina de accordion is geplaatst, dit kan per pagina verschillen.
33
- - [WCAG eis 1.3.6](https://www.w3.org/TR/WCAG21/#identify-purpose): gebruik `aria-controls` voor de button, en gebruik een `region` landmark voor de _expandable region_ (gebruik daarvoor het HTML-element `<section>`)
34
- - [WCAG eis 1.4.3](https://www.w3.org/TR/WCAG21/#contrast-minimum): contrast tussen tekst en achtergrond en tussen icoon en achtergrond is voldoende in alle varianten, alle interactieve statussen en alle mogelijke combinaties.
35
- - [WCAG eis 3.2.1](https://www.w3.org/TR/WCAG21/#on-focus): maak de accordion niet automatisch _expanded_ als de button focus krijgt.
36
- - [WCAG eis 2.1.3](https://www.w3.org/TR/WCAG21/#keyboard-no-exception): ondersteun ook de optionele toetsen: `Down Arrow`, `Up Arrow`, `Home` en `End`. `Space` moet de button activeren, niet de pagina scrollen (gebruik `keypressEvt.preventDefault()`).
37
- - [WCAG eis 2.4.6](https://www.w3.org/TR/WCAG21/#headings-and-labels): de tekst die zowel wordt gebruikt als heading en als label voor de button moet duidelijk zijn, omdat de inhoud niet altijd zichtbaar is.
38
- - [WCAG eis 2.4.10](https://www.w3.org/TR/WCAG21/#section-headings): accordions die onderdeel vormen van de lopende tekst moeten section headings gebruiken.
39
-
40
- ## Referenties
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
- Met een Alert breng je de gebruiker op de hoogte van een belangrijke of tijdgevoelige boodschap. De taak van de gebruiker wordt niet onderbroken.
3
+ An Alert informs the user of a significant or time-sensitive message without interrupting their task.
4
4
 
5
- ## Specificaties
5
+ ## Specifications
6
6
 
7
- ### Kleurdefinities
7
+ There are four types of notifications:
8
8
 
9
- - Geel: informatie
10
- - Rood: fout
11
- - Groen: goed
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
- ## Richtlijnen
14
+ ## Guidelines
14
15
 
15
- - Standaard heeft het element geen sluiten knop. Optioneel kan deze toegevoegd worden.
16
- - Optioneel kan een icoon worden weggelaten. Een geel Alert heeft nooit een icoon.
17
- - Optioneel kan een titel worden weggelaten.
18
- - Aangeraden wordt om een Alert in ieder geval van een paragraaf text te voorzien en deze eventueel te ondersteunen met een link, opsomming of knop.
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
- background-color: var(--amsterdam-alert-background-color);
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--success {
49
- background-color: var(--amsterdam-alert-success-background-color);
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-alert__close svg {
63
- fill: var(--amsterdam-alert-close-fill);
32
+ .amsterdam-alert--success {
33
+ border-color: var(--amsterdam-alert-success-border-color);
64
34
  }
65
35
 
66
- .amsterdam-alert__close:hover svg {
67
- fill: var(--amsterdam-alert-close-hover-fill);
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 (in het Nederlands: beeldverhouding) koppelt de hoogte van een element aan de breedte.
3
+ Aspect Ratio updates the height of an element with its width.
4
4
 
5
- Om de vormgeving consistent te houden gebruiken we een vaste set verhoudingen (breedte:hoogte):
5
+ These are the proportions we use:
6
6
 
7
- | _keyword_ | verhouding |
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 |
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
- ## Richtlijnen
16
+ ## Guidelines
17
17
 
18
- - Gebruik dit component om plaatjes, videos en andere elementen een vaste beeldverhouding te geven, zodat ze consistent schalen.
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
- De blockquote (in het Nederlands: citaat) wordt gebruikt om uitspraken te accentueren. Een citaat is anders vormgegeven dan de broodtekst, zodat deze opvalt.
3
+ We use blockquotes to emphasize citations.
4
+ A quote appears differently from the main text to make it stand out.
4
5
 
5
- Let op: dit component voegt automatisch aanhalingstekens aan de tekst toe, dat hoef je niet zelf te doen.
6
+ ## Guidelines
6
7
 
7
- ## Richtlijnen
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
- - Bij een citaat haal je letterlijk een schriftelijke of mondelinge tekst van iemand aan.
10
- - Een citaat heeft een breedte van een halve of hele tekstkolom.
12
+ ## Relevant WCAG requirements
11
13
 
12
- ## Relevante WCAG eisen
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
- De breadcrumb (in het Nederlands: kruimelpad) is een secundair navigatiepatroon dat een gebruiker helpt de structuur tussen niveaus in de website tot de huidige pagina te begrijpen. Gebruikers kunnen het gebruiken om door de structuur te navigeren.
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
- ## Richtlijnen
6
+ ## Guidelines
6
7
 
7
- ### Zo gebruiken
8
+ ### Use like this
8
9
 
9
- Gebruik het kruimelpad alleen als het functioneel iets toevoegt voor de gebruiker en als de structuurstatisch’ is.
10
+ Only use the breadcrumb trail if it adds something functional for the user and the structure is static’.
10
11
 
11
- ### Dit vermijden
12
+ ### Avoid this
12
13
 
13
- Het kruimelpad wordt niet ingezet op een formulierpagina. Het leidt af van de taak van de gebruiker of kan per ongeluk als Progress Indicator gezien worden.
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
- Het is een secundair navigatiepatroon. Het mag nooit de hoofdnavigatie vervangen.
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
- De button gebruik je zodat de gebruiker acties kan uit te voeren en de user interface kan bedienen.
3
+ Allows the user to perform actions and operate the user interface.
4
4
 
5
- ## Richtlijnen
5
+ ## Guidelines
6
6
 
7
- - Een label tekst die beschrijft wat de functie van de button is.
8
- - Een duidelijke constrasterende kleurstelling zodat deze goed te herkennen is en snel te lokaliseren valt.
9
- - Gebruik het juiste type button voor de daarbijhorende toepassing. Bijvoorbeeld een button binnen een formulier moet altijd het het type `submit` zijn.
10
- - Zorg dat een button ook met een keyboard te bedienen is.
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
- ## Relevante WCAG eisen
13
+ ## Relevant WCAG requirements
13
14
 
14
- - [WCAG eis 2.1.3](https://www.w3.org/TR/WCAG21/#keyboard-no-exception): je kan de button activeren met `Enter` of `Space`, en het is mogelijk met `Tab` de button te focussen. `Space` gebruiken heeft dan niet het effect dat de pagina scrollt.
15
- - [WCAG eis 2.4.6](https://www.w3.org/TR/WCAG21/#headings-and-labels): de label van de button moet duidelijk zijn
16
- - [WCAG eis 2.5.2](https://www.w3.org/TR/WCAG21/#pointer-cancellation):
17
- - gebruik niet de `mousedown` event om de button te activeren, gebruik liever de `click` event
18
- - `mousedown` mag alleen gebruikt worden als `mouseup` het effect weer ongedaan maakt, bijvoorbeeld een "_fast foward_" button om audio of video door te spoelen.
19
- - [WCAG eis 2.5.5](https://www.w3.org/TR/WCAG21/#target-size): de button moet groot genoeg zijn om aan te klikken, en kleine buttons moeten niet te dicht op een andere button staan.
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
- ## Referenties
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)