@amsterdam/design-system-css 0.2.0 → 0.3.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 (75) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/dist/breadcrumb/breadcrumb.css +1 -1
  3. package/dist/breadcrumb/breadcrumb.css.map +1 -1
  4. package/dist/checkbox/checkbox.css +1 -1
  5. package/dist/checkbox/checkbox.css.map +1 -1
  6. package/dist/dialog/dialog.css +1 -1
  7. package/dist/dialog/dialog.css.map +1 -1
  8. package/dist/grid/grid.css +1 -1
  9. package/dist/grid/grid.css.map +1 -1
  10. package/dist/header/header.css +1 -0
  11. package/dist/header/header.css.map +1 -0
  12. package/dist/heading/heading.css +1 -1
  13. package/dist/heading/heading.css.map +1 -1
  14. package/dist/icon/icon.css +1 -1
  15. package/dist/icon/icon.css.map +1 -1
  16. package/dist/image/image.css +1 -1
  17. package/dist/image/image.css.map +1 -1
  18. package/dist/index.css +1 -1
  19. package/dist/index.css.map +1 -1
  20. package/dist/logo/logo.css +1 -1
  21. package/dist/logo/logo.css.map +1 -1
  22. package/dist/mark/mark.css +1 -0
  23. package/dist/mark/mark.css.map +1 -0
  24. package/dist/overlap/overlap.css +1 -0
  25. package/dist/overlap/overlap.css.map +1 -0
  26. package/dist/page-menu/page-menu.css +1 -1
  27. package/dist/page-menu/page-menu.css.map +1 -1
  28. package/dist/search-field/search-field.css +1 -0
  29. package/dist/search-field/search-field.css.map +1 -0
  30. package/dist/skip-link/skip-link.css +1 -0
  31. package/dist/skip-link/skip-link.css.map +1 -0
  32. package/dist/spotlight/spotlight.css +1 -0
  33. package/dist/spotlight/spotlight.css.map +1 -0
  34. package/dist/text-input/text-input.css +1 -0
  35. package/dist/text-input/text-input.css.map +1 -0
  36. package/dist/visually-hidden/visually-hidden.css +1 -1
  37. package/dist/visually-hidden/visually-hidden.css.map +1 -1
  38. package/package.json +4 -4
  39. package/src/components/breadcrumb/breadcrumb.scss +6 -15
  40. package/src/components/card/README.md +19 -6
  41. package/src/components/checkbox/checkbox.scss +3 -3
  42. package/src/components/dialog/dialog.scss +0 -1
  43. package/src/components/grid/README.md +21 -0
  44. package/src/components/grid/grid.scss +40 -0
  45. package/src/components/header/README.md +14 -0
  46. package/src/components/header/header.scss +85 -0
  47. package/src/components/heading/heading.scss +20 -0
  48. package/src/components/icon/icon.scss +0 -18
  49. package/src/components/image/README.md +6 -1
  50. package/src/components/image/image.scss +4 -0
  51. package/src/components/index.scss +7 -2
  52. package/src/components/logo/logo.scss +1 -0
  53. package/src/components/mark/README.md +18 -0
  54. package/src/components/mark/mark.scss +8 -0
  55. package/src/components/overlap/README.md +3 -0
  56. package/src/components/overlap/overlap.scss +12 -0
  57. package/src/components/page-menu/page-menu.scss +2 -18
  58. package/src/components/screen/README.md +1 -1
  59. package/src/components/search-field/README.md +33 -0
  60. package/src/components/search-field/search-field.scss +81 -0
  61. package/src/components/skip-link/README.md +33 -0
  62. package/src/components/skip-link/skip-link.scss +28 -0
  63. package/src/components/{highlight → spotlight}/README.md +1 -1
  64. package/src/components/spotlight/spotlight.scss +36 -0
  65. package/src/components/text-input/README.md +12 -0
  66. package/src/components/text-input/text-input.scss +57 -0
  67. package/src/components/visually-hidden/visually-hidden.scss +4 -6
  68. package/dist/grid/grid-cell.css +0 -1
  69. package/dist/grid/grid-cell.css.map +0 -1
  70. package/dist/highlight/highlight.css +0 -1
  71. package/dist/highlight/highlight.css.map +0 -1
  72. package/src/components/grid/README.grid-cell.md +0 -14
  73. package/src/components/grid/README.grid.md +0 -17
  74. package/src/components/grid/grid-cell.scss +0 -46
  75. package/src/components/highlight/highlight.scss +0 -36
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../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/grid/grid-cell.scss","../src/components/heading/heading.scss","../src/components/highlight/highlight.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,gBACE,oCAGF,wBACE,wCAGF,8BACE,uCAGF,gCACE,yCCXF,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,4CACA,2DAEA,qCANF,0BAOI,mBACA,qBAIJ,yBACE,gEACA,SACA,eACA,gBACA,iBAGF,6BACE,wCAGF,mCACE,8CCtFF,iBACE,kBACA,YACA,eACA,sBCEF,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,mBACA,aACA,eACA,UACA,gBAxBA,sBACA,eACA,iBACA,8BA0BF,4BACE,mBACA,aAGF,oDACE,wEACA,8EACA,WACA,qBACA,YACA,yBACA,WAGF,4BACE,kDACA,oEACA,gFACA,0FACA,kFAEA,0CACE,0BAGF,kCACE,wDACA,sFCtDJ,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,0BACA,8BACA,0BAEA,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,gDChEF,iCACE,iBAMA,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,8BACE,wBAGF,+BACE,kBANS,GACX,8BACE,wBAGF,+BACE,kBANS,GACX,8BACE,wBAGF,+BACE,kBANS,GAUb,qCAEI,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,qCACE,wBAGF,sCACE,kBANS,GACX,qCACE,wBAGF,sCACE,kBANS,GACX,qCACE,wBAGF,sCACE,kBANS,IAWf,qCAEI,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,mCACE,wBAGF,oCACE,kBANS,GACX,mCACE,wBAGF,oCACE,kBANS,GACX,mCACE,wBAGF,oCACE,kBANS,ICzBf,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,kCACE,6CCzDF,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,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,qDAGF,kDACE,6GAGF,sDACE,sDACA,qDC7FJ,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,kDCNF,qBACE,mBACA,iDACA,aACA,mBACA,eACA,gBACA,2CAxBA,sBACA,eACA,iBA2BF,gCACE,oBAyBF,2BArBE,4CACA,oBACA,mBACA,wDACA,6DACA,wDACA,wCACA,iEACA,8DACA,kBACA,0EACA,oFACA,4EACA,0BAzCA,sBACA,8BA0CA,qDACE,4DACA,gEASJ,6BACE,eAvDA,sBACA,8BAIA,+BACA,SACA,eACA,iBAoBA,4CACA,oBACA,mBACA,wDACA,6DACA,wDACA,wCACA,iEACA,8DACA,kBACA,0EACA,oFACA,4EACA,0BAEA,uDACE,4DACA,gEAiBJ,oEAEE,kDACA,gFAGF,gEAEE,mBCvEF,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,gEC7CF,2BACE,8BACA,qBACA,WACA,kBACA,mBACA,gBACA,gBACA,iBACA,kBACA","file":"index.css"}
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 +1 @@
1
- .amsterdam-logo{height:var(--amsterdam-logo-height)}.amsterdam-logo__emblem{fill:var(--amsterdam-logo-emblem-color)}.amsterdam-logo__text-primary{fill:var(--amsterdam-logo-title-color)}.amsterdam-logo__text-secondary{fill:var(--amsterdam-logo-subsite-color)}/*# sourceMappingURL=logo.css.map */
1
+ .amsterdam-logo{display:block;height:var(--amsterdam-logo-height)}.amsterdam-logo__emblem{fill:var(--amsterdam-logo-emblem-color)}.amsterdam-logo__text-primary{fill:var(--amsterdam-logo-title-color)}.amsterdam-logo__text-secondary{fill:var(--amsterdam-logo-subsite-color)}/*# sourceMappingURL=logo.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/logo/logo.scss"],"names":[],"mappings":"AAKA,gBACE,oCAGF,wBACE,wCAGF,8BACE,uCAGF,gCACE","file":"logo.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/logo/logo.scss"],"names":[],"mappings":"AAKA,gBACE,cACA,oCAGF,wBACE,wCAGF,8BACE,uCAGF,gCACE","file":"logo.css"}
@@ -0,0 +1 @@
1
+ .amsterdam-mark{background-color:var(--amsterdam-mark-background-color)}/*# sourceMappingURL=mark.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/mark/mark.scss"],"names":[],"mappings":"AAKA,gBACE","file":"mark.css"}
@@ -0,0 +1 @@
1
+ .amsterdam-overlap{display:grid}.amsterdam-overlap>*{grid-area:1/-1}/*# sourceMappingURL=overlap.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/overlap/overlap.scss"],"names":[],"mappings":"AAKA,mBACE,aAEA,qBACE","file":"overlap.css"}
@@ -1 +1 @@
1
- .amsterdam-page-menu{align-items:center;column-gap:var(--amsterdam-page-menu-column-gap);display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;row-gap:var(--amsterdam-page-menu-row-gap);box-sizing:border-box;margin-block:0;padding-inline:0}.amsterdam-page-menu--align-end{justify-content:end}.amsterdam-page-menu__link{color:var(--amsterdam-page-menu-item-color);display:inline-flex;flex-direction:row;font-family:var(--amsterdam-page-menu-item-font-family);font-size:var(--amsterdam-page-menu-item-spacious-font-size);font-weight:var(--amsterdam-page-menu-item-font-weight);gap:var(--amsterdam-page-menu-item-gap);line-height:var(--amsterdam-page-menu-item-spacious-line-height);outline-offset:var(--amsterdam-page-menu-item-outline-offset);text-align:center;text-decoration-line:var(--amsterdam-page-menu-item-text-decoration-line);text-decoration-thickness:var(--amsterdam-page-menu-item-text-decoration-thickness);text-underline-offset:var(--amsterdam-page-menu-item-text-underline-offset);touch-action:manipulation;box-sizing:border-box;-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-page-menu__link{font-size:var(--amsterdam-page-menu-item-compact-font-size);line-height:var(--amsterdam-page-menu-item-compact-line-height)}.amsterdam-page-menu__button{cursor:pointer;box-sizing:border-box;-webkit-text-size-adjust:100%;background-color:rgba(0,0,0,0);border:0;margin-block:0;padding-inline:0;color:var(--amsterdam-page-menu-item-color);display:inline-flex;flex-direction:row;font-family:var(--amsterdam-page-menu-item-font-family);font-size:var(--amsterdam-page-menu-item-spacious-font-size);font-weight:var(--amsterdam-page-menu-item-font-weight);gap:var(--amsterdam-page-menu-item-gap);line-height:var(--amsterdam-page-menu-item-spacious-line-height);outline-offset:var(--amsterdam-page-menu-item-outline-offset);text-align:center;text-decoration-line:var(--amsterdam-page-menu-item-text-decoration-line);text-decoration-thickness:var(--amsterdam-page-menu-item-text-decoration-thickness);text-underline-offset:var(--amsterdam-page-menu-item-text-underline-offset);touch-action:manipulation}.amsterdam-theme--compact .amsterdam-page-menu__button{font-size:var(--amsterdam-page-menu-item-compact-font-size);line-height:var(--amsterdam-page-menu-item-compact-line-height)}.amsterdam-page-menu__link:hover,.amsterdam-page-menu__button:hover{color:var(--amsterdam-page-menu-item-hover-color);text-decoration-line:var(--amsterdam-page-menu-item-hover-text-decoration-line)}.amsterdam-page-menu__link svg,.amsterdam-page-menu__button svg{color:currentColor}/*# sourceMappingURL=page-menu.css.map */
1
+ .amsterdam-page-menu{align-items:center;column-gap:var(--amsterdam-page-menu-column-gap);display:flex;flex-direction:row;list-style:none;row-gap:var(--amsterdam-page-menu-row-gap);box-sizing:border-box;margin-block:0;padding-inline:0}.amsterdam-page-menu--align-end{justify-content:end}.amsterdam-page-menu__link{color:var(--amsterdam-page-menu-item-color);display:inline-flex;flex-direction:row;font-family:var(--amsterdam-page-menu-item-font-family);font-size:var(--amsterdam-page-menu-item-spacious-font-size);font-weight:var(--amsterdam-page-menu-item-font-weight);gap:var(--amsterdam-page-menu-item-gap);line-height:var(--amsterdam-page-menu-item-spacious-line-height);outline-offset:var(--amsterdam-page-menu-item-outline-offset);text-align:center;text-decoration-line:var(--amsterdam-page-menu-item-text-decoration-line);text-decoration-thickness:var(--amsterdam-page-menu-item-text-decoration-thickness);text-underline-offset:var(--amsterdam-page-menu-item-text-underline-offset);touch-action:manipulation;white-space:nowrap;box-sizing:border-box;-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-page-menu__link{font-size:var(--amsterdam-page-menu-item-compact-font-size);line-height:var(--amsterdam-page-menu-item-compact-line-height)}.amsterdam-page-menu__link:hover,.amsterdam-page-menu__button:hover{color:var(--amsterdam-page-menu-item-hover-color);text-decoration-line:var(--amsterdam-page-menu-item-hover-text-decoration-line)}.amsterdam-page-menu__link svg{color:currentColor}/*# sourceMappingURL=page-menu.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/page-menu/page-menu.scss"],"names":[],"mappings":"AAuBA,qBACE,mBACA,iDACA,aACA,mBACA,eACA,gBACA,2CAxBA,sBACA,eACA,iBA2BF,gCACE,oBAyBF,2BArBE,4CACA,oBACA,mBACA,wDACA,6DACA,wDACA,wCACA,iEACA,8DACA,kBACA,0EACA,oFACA,4EACA,0BAzCA,sBACA,8BA0CA,qDACE,4DACA,gEASJ,6BACE,eAvDA,sBACA,8BAIA,+BACA,SACA,eACA,iBAoBA,4CACA,oBACA,mBACA,wDACA,6DACA,wDACA,wCACA,iEACA,8DACA,kBACA,0EACA,oFACA,4EACA,0BAEA,uDACE,4DACA,gEAiBJ,oEAEE,kDACA,gFAGF,gEAEE","file":"page-menu.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/page-menu/page-menu.scss"],"names":[],"mappings":"AAgBA,qBACE,mBACA,iDACA,aACA,mBACA,gBACA,2CAhBA,sBACA,eACA,iBAmBF,gCACE,oBA0BF,2BAtBE,4CACA,oBACA,mBACA,wDACA,6DACA,wDACA,wCACA,iEACA,8DACA,kBACA,0EACA,oFACA,4EACA,0BACA,mBAlCA,sBACA,8BAmCA,qDACE,4DACA,gEASJ,oEAEE,kDACA,gFAGF,+BACE","file":"page-menu.css"}
@@ -0,0 +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 */
@@ -0,0 +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"}
@@ -0,0 +1 @@
1
+ .amsterdam-skip-link{background-color:var(--amsterdam-skip-link-background-color);color:var(--amsterdam-skip-link-color);display:block;font-family:var(--amsterdam-skip-link-font-family);font-size:var(--amsterdam-skip-link-font-size);font-weight:var(--amsterdam-skip-link-font-weight);line-height:var(--amsterdam-skip-link-line-height);outline-offset:var(--amsterdam-skip-link-outline-offset);padding-block:.5rem;padding-inline:1rem;text-align:center;text-decoration:none}.amsterdam-skip-link:hover{background-color:var(--amsterdam-skip-link-hover-background-color)}.amsterdam-theme--compact .amsterdam-skip-link{font-size:var(--amsterdam-skip-link-compact-font-size);line-height:var(--amsterdam-skip-link-compact-line-height)}/*# sourceMappingURL=skip-link.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/skip-link/skip-link.scss"],"names":[],"mappings":"AAKA,qBACE,6DACA,uCACA,cACA,mDACA,+CACA,mDACA,mDACA,yDACA,oBACA,oBACA,kBACA,qBAEA,2BACE,mEAGF,+CACE,uDACA","file":"skip-link.css"}
@@ -0,0 +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 */
@@ -0,0 +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"}
@@ -0,0 +1 @@
1
+ .amsterdam-text-input{border:none;box-shadow:var(--amsterdam-text-input-box-shadow);color:var(--amsterdam-text-input-color);font-family:var(--amsterdam-text-input-font-family);font-size:var(--amsterdam-text-input-spacious-font-size);font-weight:var(--amsterdam-text-input-font-weight);line-height:var(--amsterdam-text-input-spacious-line-height);outline-offset:var(--amsterdam-text-input-outline-offset);padding-block:.5rem;padding-inline:1rem;touch-action:manipulation;width:100%;box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-text-input{font-size:var(--amsterdam-text-input-compact-font-size);line-height:var(--amsterdam-text-input-compact-line-height)}.amsterdam-text-input:hover{box-shadow:var(--amsterdam-text-input-hover-box-shadow)}.amsterdam-text-input::placeholder{color:var(--amsterdam-text-input-placeholder-color)}.amsterdam-text-input:disabled{background-color:var(--amsterdam-text-input-disabled-background-color);box-shadow:var(--amsterdam-text-input-disabled-box-shadow);color:var(--amsterdam-text-input-disabled-color);cursor:not-allowed}.amsterdam-text-input:invalid,.amsterdam-text-input[aria-invalid=true]{box-shadow:var(--amsterdam-text-input-invalid-box-shadow)}.amsterdam-text-input:invalid:hover,.amsterdam-text-input[aria-invalid=true]:hover{box-shadow:var(--amsterdam-text-input-invalid-hover-box-shadow)}/*# sourceMappingURL=text-input.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/text-input/text-input.scss"],"names":[],"mappings":"AAWA,sBACE,YACA,kDACA,wCACA,oDACA,yDACA,oDACA,6DACA,0DACA,oBACA,oBACA,0BACA,WAjBA,sBACA,eACA,8BAmBA,gDACE,wDACA,4DAGF,4BACE,wDAIJ,mCACE,oDAGF,+BACE,uEACA,2DACA,iDACA,mBAGF,uEAEE,0DAEA,mFAEE","file":"text-input.css"}
@@ -1 +1 @@
1
- .amsterdam-visually-hidden{clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;width:1px}/*# sourceMappingURL=visually-hidden.css.map */
1
+ .amsterdam-visually-hidden:not(:active,:focus){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}/*# sourceMappingURL=visually-hidden.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/visually-hidden/visually-hidden.scss"],"names":[],"mappings":"AAKA,2BACE,8BACA,qBACA,WACA,kBACA,mBACA,gBACA,gBACA,iBACA,kBACA","file":"visually-hidden.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/visually-hidden/visually-hidden.scss"],"names":[],"mappings":"AAMA,+CACE,mBACA,qBACA,WACA,gBACA,kBACA,mBACA","file":"visually-hidden.css"}
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.2.0",
2
+ "version": "0.3.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.2.0",
22
+ "@amsterdam/design-system-tokens": "0.3.0",
23
23
  "sass": "1.69.5"
24
24
  },
25
25
  "dependencies": {
26
- "@utrecht/components": "2.0.0"
26
+ "@utrecht/components": "3.0.0"
27
27
  },
28
- "gitHead": "de071558a849af9c0f7b1a442b255a1a42d78f2f"
28
+ "gitHead": "0201bd289e2eec2297f23d93959718f7235d76c4"
29
29
  }
@@ -25,27 +25,22 @@
25
25
  .amsterdam-breadcrumb__list {
26
26
  break-after: avoid;
27
27
  break-inside: avoid;
28
- display: flex;
29
- flex-wrap: wrap;
30
- gap: 0.5rem;
31
- list-style: none;
32
28
 
33
29
  @include reset;
34
30
  }
35
31
 
36
32
  .amsterdam-breadcrumb__item {
37
- align-items: center;
38
- display: flex;
33
+ display: inline;
39
34
  }
40
35
 
41
36
  .amsterdam-breadcrumb__item:not(:last-child)::after {
42
- background-color: var(--amsterdam-breadcrumb-separator-background-color);
43
- clip-path: path("M 4.725,16 3.275,14.545 9.815,8 3.275,1.455 4.725,0 l 8,8 z");
37
+ background-image: var(--amsterdam-breadcrumb-separator-background-image);
38
+ background-repeat: no-repeat;
44
39
  content: "";
45
40
  display: inline-block;
46
- height: 1rem;
47
- margin-inline-start: 1rem;
48
- width: 1rem;
41
+ height: 1ex;
42
+ margin-inline: 0.5rem;
43
+ width: 1ex;
49
44
  }
50
45
 
51
46
  .amsterdam-breadcrumb__link {
@@ -55,10 +50,6 @@
55
50
  text-decoration-thickness: var(--amsterdam-breadcrumb-item-link-text-decoration-thickness);
56
51
  text-underline-offset: var(--amsterdam-breadcrumb-item-link-text-underline-offset);
57
52
 
58
- &::first-letter {
59
- text-transform: capitalize;
60
- }
61
-
62
53
  &:hover {
63
54
  color: var(--amsterdam-breadcrumb-item-link-hover-color);
64
55
  text-decoration-line: var(--amsterdam-breadcrumb-item-link-hover-text-decoration-line);
@@ -1,12 +1,25 @@
1
1
  # Card
2
2
 
3
- Gebruik een card op een overzichtspagina om te verwijzen naar een detailpagina, zoals een nieuwsbericht, een vacature of een zoekresultaat. De card bevat meestal de titel, introductie en afbeelding van de content. De link is verplicht.
3
+ Gebruik een card op een overzichtspagina om te verwijzen naar een detailpagina,
4
+ zoals een nieuwsbericht, een vacature of een zoekresultaat.
5
+ De card bevat meestal de titel, introductie en afbeelding van de content.
6
+ De link is verplicht.
4
7
 
5
- ## Schermlezers
8
+ ## Richtlijnen
6
9
 
7
- Met een schermlezer kun je onder andere navigeren via headings en links in een document. De titel van een card is een link in een heading, zodat je van beide navigatiemanieren gebruik kunt maken. Een schermlezer leest eerst de titel op, daarna de rest van de inhoud.
10
+ - De titel van een card is een link in een heading.
11
+ Hier gelden dezelfde richtlijnen voor als voor reguliere [links](?path=/docs/react_navigation-link--docs) en [headings](?path=/docs/react_text-heading--docs).
12
+ De link is actief op het hele gebied van de card.
13
+ - Een card heeft meer inhoud nodig dan alleen een titel.
14
+ Vul dit aan met tekstuele en/of visuele inhoud.
15
+ - De tekst zet je in een reguliere paragraaf.
16
+ Alleen voor een tagline of datum gebruik je de kleinste tekstgrootte.
17
+ - Als de inhoud geen detailpagina vertegenwoordigt is dit component niet de beste optie.
18
+ Om te verwijzen naar een thematische pagina gebruik je een [top task link](?path=/docs/react_navigation-top-task-link--docs).
19
+ Ook kun je een [reguliere link](?path=/docs/react_navigation-link--docs) inzetten.
8
20
 
9
- ## Richtlijnen
21
+ ## Schermlezers
10
22
 
11
- - De titel van een card is een link in een heading. Hier gelden dezelfde richtlijnen voor als voor reguliere [links](https://amsterdam.github.io/design-system/?path=/docs/react_navigation-link--docs) en [headings](https://amsterdam.github.io/design-system/?path=/docs/react_text-heading--docs).
12
- - Een card heeft meer inhoud nodig dan alleen een titel. Vul dit aan met tekstuele en/of visuele inhoud. Als dit lastig is, kijk dan of een [top task link](https://amsterdam.github.io/design-system/?path=/docs/react_navigation-top-task-link--docs) of [reguliere link](https://amsterdam.github.io/design-system/?path=/docs/react_navigation-link--docs) beter past.
23
+ Met een schermlezer kun je onder andere navigeren via headings en links in een document.
24
+ De titel van een card is een link in een heading, zodat je van beide navigatiemanieren gebruik kunt maken.
25
+ Een schermlezer leest eerst de titel op, daarna de rest van de inhoud.
@@ -53,9 +53,9 @@
53
53
 
54
54
  &:hover {
55
55
  color: var(--amsterdam-checkbox-hover-color);
56
- text-decoration: underline;
57
- text-decoration-thickness: 2px;
58
- text-underline-offset: 3px;
56
+ text-decoration-line: underline;
57
+ text-decoration-thickness: 0.125rem;
58
+ text-underline-offset: 0.375rem;
59
59
 
60
60
  .amsterdam-checkbox__checkmark::after {
61
61
  border-color: var(--amsterdam-checkbox-checkmark-hover-border-color);
@@ -68,7 +68,6 @@
68
68
  display: flex;
69
69
  flex-direction: column;
70
70
  grid-gap: var(--amsterdam-dialog-footer-gap);
71
- padding-block: var(--amsterdam-dialog-footer-padding-block);
72
71
 
73
72
  @media screen and (min-width: $amsterdam-breakpoint-medium) {
74
73
  flex-direction: row;
@@ -0,0 +1,21 @@
1
+ # Grid
2
+
3
+ Verdeelt de breedte van het scherm in kolommen waarop de elementen van een pagina worden uitgelijnd.
4
+
5
+ ## Gebruik
6
+
7
+ Elke pagina moet het grid gebruiken als basis voor de layout.
8
+ Het staat dus direct binnen [Screen](?path=/docs/layout-screen--docs).
9
+
10
+ Een [Footer](?path=/docs/react_containers-footer--docs) en een [Highlight](?path=/docs/react_containers-highlight--docs) zijn iets breder dan het grid.
11
+ Vóór deze componenten sluit je een instantie van het grid af.
12
+ Erbinnen en eventueel erna start je een nieuwe.
13
+ Meerdere instanties van het grid component zijn dus mogelijk op een pagina.
14
+ De kolommen van alle grids moeten wel precies op elkaar aansluiten.
15
+
16
+ Binnen het grid maak je cellen die de gewenste inhoud bevatten.
17
+ Een cel beslaat vaak meerdere kolommen van het grid.
18
+
19
+ ## Ontwerp
20
+
21
+ De [ontwerpkeuzes](?path=/docs/docs-designrichtlijnen-grid--docs) staan beschreven onder de designrichtlijnen.
@@ -71,3 +71,43 @@
71
71
  .amsterdam-grid--padding-vertical--large {
72
72
  padding-block: calc(var(--amsterdam-grid-gap) * 2);
73
73
  }
74
+
75
+ .amsterdam-grid__cell--span-all {
76
+ grid-column: 1 / -1;
77
+ }
78
+
79
+ // The order of the following declaration blocks ensures the intended specificity.
80
+
81
+ @for $i from 1 through 12 {
82
+ .amsterdam-grid__cell--span-#{$i} {
83
+ grid-column-end: span $i;
84
+ }
85
+
86
+ .amsterdam-grid__cell--start-#{$i} {
87
+ grid-column-start: $i;
88
+ }
89
+ }
90
+
91
+ @media screen and (min-width: $amsterdam-breakpoint-medium) {
92
+ @for $i from 1 through 12 {
93
+ .amsterdam-grid__cell--span-#{$i}-medium {
94
+ grid-column-end: span $i;
95
+ }
96
+
97
+ .amsterdam-grid__cell--start-#{$i}-medium {
98
+ grid-column-start: $i;
99
+ }
100
+ }
101
+ }
102
+
103
+ @media screen and (min-width: $amsterdam-breakpoint-wide) {
104
+ @for $i from 1 through 12 {
105
+ .amsterdam-grid__cell--span-#{$i}-wide {
106
+ grid-column-end: span $i;
107
+ }
108
+
109
+ .amsterdam-grid__cell--start-#{$i}-wide {
110
+ grid-column-start: $i;
111
+ }
112
+ }
113
+ }
@@ -0,0 +1,14 @@
1
+ # Header
2
+
3
+ A Header offers a container to display a City of Amsterdam logo, subsite title and page menu.
4
+
5
+ ## Guidelines
6
+
7
+ - Use the Header when the site is hosted on amsterdam.nl or one of its subdomains.
8
+ - The page menu can contain a maximum of 5 items, including menu and search.
9
+ - When you have a long subsite title, use no or as little page menu items as possible.
10
+
11
+ ## References
12
+
13
+ - A Header is a [landmark](https://www.w3.org/TR/wai-aria-practices-1.1/#aria_landmark_roles) and can be use to group navigation elements.
14
+ - [WCAG 3.2.3](https://wcag.com/designers/3-2-3-consistent-navigation/) Consistent Navigation: Navigation menus that appear on multiple pages are consistent.
@@ -0,0 +1,85 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright (c) 2023 Gemeente Amsterdam
4
+ */
5
+
6
+ @import "../../common/breakpoint";
7
+
8
+ .amsterdam-header {
9
+ align-items: center;
10
+ display: flex;
11
+ flex-wrap: wrap;
12
+ padding-block: 1rem;
13
+ row-gap: 1.5rem;
14
+
15
+ @media screen and (min-width: $amsterdam-breakpoint-wide) {
16
+ column-gap: var(--amsterdam-header-column-gap);
17
+ flex-wrap: nowrap;
18
+ }
19
+ }
20
+
21
+ .amsterdam-header__logo {
22
+ flex: none;
23
+ outline-offset: var(--amsterdam-link-outline-offset);
24
+ }
25
+
26
+ .amsterdam-header__links {
27
+ display: none;
28
+
29
+ @media screen and (min-width: $amsterdam-breakpoint-medium) {
30
+ display: block;
31
+ flex: 10 0 auto;
32
+ }
33
+
34
+ @media screen and (min-width: $amsterdam-breakpoint-wide) {
35
+ order: 3;
36
+ }
37
+ }
38
+
39
+ .amsterdam-header__menu {
40
+ flex: 1;
41
+ padding-inline-start: var(--amsterdam-page-menu-column-gap);
42
+ text-align: end;
43
+
44
+ @media screen and (min-width: $amsterdam-breakpoint-wide) {
45
+ order: 4;
46
+ padding-inline-start: 0;
47
+ }
48
+ }
49
+
50
+ .amsterdam-header__title {
51
+ flex: 1 1 100%;
52
+
53
+ @media screen and (min-width: $amsterdam-breakpoint-wide) {
54
+ min-width: 0;
55
+ order: 2;
56
+
57
+ .amsterdam-header__title-heading {
58
+ display: block;
59
+ line-height: 1;
60
+ overflow: hidden;
61
+ text-overflow: ellipsis;
62
+ white-space: nowrap;
63
+ width: 100%;
64
+ }
65
+ }
66
+ }
67
+
68
+ // Temporary, will move to megamenu (and/or iconButton)
69
+ .amsterdam-header__menu-button {
70
+ background-color: transparent;
71
+ background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='M0 3.238h32V7.81H0V3.238zm0 10.476h32v4.572H0v-4.572zM0 24.19h32v4.572H0V24.19z'/></svg>");
72
+ background-position: center right;
73
+ background-repeat: no-repeat;
74
+ background-size: 19px 19px;
75
+ border: 0;
76
+ color: var(--amsterdam-page-menu-item-color);
77
+ font-family: var(--amsterdam-page-menu-item-font-family);
78
+ font-size: var(--amsterdam-page-menu-item-spacious-font-size);
79
+ font-weight: var(--amsterdam-page-menu-item-font-weight);
80
+ line-height: var(--amsterdam-page-menu-item-spacious-line-height);
81
+ margin-block: 0;
82
+ padding-inline: 0 30px;
83
+ text-align: center;
84
+ touch-action: manipulation;
85
+ }
@@ -59,6 +59,26 @@
59
59
  }
60
60
  }
61
61
 
62
+ .amsterdam-heading--5 {
63
+ font-size: var(--amsterdam-heading-spacious-level-5-font-size);
64
+ line-height: var(--amsterdam-heading-spacious-level-5-line-height);
65
+
66
+ .amsterdam-theme--compact & {
67
+ font-size: var(--amsterdam-heading-compact-level-5-font-size);
68
+ line-height: var(--amsterdam-heading-compact-level-5-line-height);
69
+ }
70
+ }
71
+
72
+ .amsterdam-heading--6 {
73
+ font-size: var(--amsterdam-heading-spacious-level-6-font-size);
74
+ line-height: var(--amsterdam-heading-spacious-level-6-line-height);
75
+
76
+ .amsterdam-theme--compact & {
77
+ font-size: var(--amsterdam-heading-compact-level-6-font-size);
78
+ line-height: var(--amsterdam-heading-compact-level-6-line-height);
79
+ }
80
+ }
81
+
62
82
  .amsterdam-heading--inverse-color {
63
83
  color: var(--amsterdam-heading-inverse-color);
64
84
  }
@@ -48,15 +48,6 @@
48
48
  width: var(--amsterdam-icon-spacious-size-6-font-size);
49
49
  }
50
50
 
51
- .amsterdam-icon--size-7 {
52
- height: calc(var(--amsterdam-icon-spacious-size-7-font-size) * var(--amsterdam-icon-spacious-size-7-line-height));
53
- }
54
-
55
- .amsterdam-icon--size-7 svg {
56
- height: var(--amsterdam-icon-spacious-size-7-font-size);
57
- width: var(--amsterdam-icon-spacious-size-7-font-size);
58
- }
59
-
60
51
  .amsterdam-theme--compact {
61
52
  .amsterdam-icon--size-3 {
62
53
  height: calc(var(--amsterdam-icon-compact-size-3-font-size) * var(--amsterdam-icon-compact-size-3-line-height));
@@ -93,13 +84,4 @@
93
84
  height: var(--amsterdam-icon-compact-size-6-font-size);
94
85
  width: var(--amsterdam-icon-compact-size-6-font-size);
95
86
  }
96
-
97
- .amsterdam-icon--size-7 {
98
- height: calc(var(--amsterdam-icon-compact-size-7-font-size) * var(--amsterdam-icon-compact-size-7-line-height));
99
- }
100
-
101
- .amsterdam-icon--size-7 svg {
102
- height: var(--amsterdam-icon-compact-size-7-font-size);
103
- width: var(--amsterdam-icon-compact-size-7-font-size);
104
- }
105
87
  }
@@ -7,8 +7,13 @@ Toont een afbeelding.
7
7
  - Vergeet niet om een beschrijving van de afbeelding op te nemen in het `alt`-attribuut.
8
8
  Dit zorgt ervoor dat gebruikers van schermlezers deze informatie ook tot zich kunnen nemen.
9
9
  Daarnaast kan het helpen bij zoekmachineoptimalisatie.
10
- - Alleen voor decoratieve afbeeldingen is zo’n beschrijving niet nodig. Gebruik in dit geval `alt=""`.
10
+ Alleen voor decoratieve afbeeldingen is zo’n beschrijving niet nodig. Gebruik in dit geval `alt=""`.
11
11
  Denk aan afbeeldingen die weinig toevoegen aan de nabije tekst of afbeeldingen die louter bijdragen aan het ontwerp of de sfeer van de pagina (bron: [W3C Web Accessibility Initiative](https://www.w3.org/WAI/tutorials/images/decorative/)).
12
+ - Specificeer eventueel meerdere kandidaten voor de afbeelding via het `srcSet`-attribuut.
13
+ Bijvoorbeeld een kleine, middelgrote en grote variant voor de diverse schermformaten.
14
+ Zo voorkom je het onnodige downloaden van grote bestanden.
15
+ Doe dit vooral voor de hoofdafbeelding van een pagina,
16
+ daar is het verschil tussen de formaten op een smal en breed scherm het grootst.
12
17
  - Zorg ervoor dat de afbeelding een beeldverhouding heeft die ondersteund wordt door het [Aspect Ratio](?path=/docs/layout-aspect-ratio--docs) component.
13
18
 
14
19
  ## Relevante WCAG-eisen
@@ -8,6 +8,10 @@
8
8
  height: auto; /* [1] */
9
9
  max-width: 100%; /* [1] */
10
10
  vertical-align: middle; /* [2] */
11
+
12
+ &--cover {
13
+ object-fit: cover;
14
+ }
11
15
  }
12
16
 
13
17
  // [1] Allow for fluid image sizing while maintaining aspect ratio governed by width/height attributes
@@ -4,6 +4,12 @@
4
4
  */
5
5
 
6
6
  /* Append here */
7
+ @import "./skip-link/skip-link";
8
+ @import "./overlap/overlap";
9
+ @import "./header/header";
10
+ @import "./mark/mark";
11
+ @import "./text-input/text-input";
12
+ @import "./search-field/search-field";
7
13
  @import "./logo/logo";
8
14
  @import "./dialog/dialog";
9
15
  @import "./image/image";
@@ -18,9 +24,8 @@
18
24
  @import "./checkbox/checkbox";
19
25
  @import "./form-label/form-label";
20
26
  @import "./grid/grid";
21
- @import "./grid/grid-cell";
22
27
  @import "./heading/heading";
23
- @import "./highlight/highlight";
28
+ @import "./spotlight/spotlight";
24
29
  @import "./icon/icon";
25
30
  @import "./link/link";
26
31
  @import "./ordered-list/ordered-list";
@@ -4,6 +4,7 @@
4
4
  */
5
5
 
6
6
  .amsterdam-logo {
7
+ display: block;
7
8
  height: var(--amsterdam-logo-height);
8
9
  }
9
10
 
@@ -0,0 +1,18 @@
1
+ # Mark
2
+
3
+ Markeert een fragment tekst met een gele achtergrond.
4
+ Het zorgt voor sterke nadruk op de tekst en leidt de aandacht ernaartoe.
5
+
6
+ ## Richtlijnen
7
+
8
+ ### Zo gebruiken
9
+
10
+ - Maximaal 1 markering per pagina.
11
+ De voorkeur is geen markering.
12
+ - Maximaal 1 zin.
13
+
14
+ ### Dit vermijden
15
+
16
+ - Niet in de titel en subtitels gebruiken.
17
+ Zorg voor een belangrijke, pakkende titel als de hele paragraaf belangrijk is.
18
+ - Mag niet voor een hele paragraaf gebruikt worden.
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright (c) 2023 Gemeente Amsterdam
4
+ */
5
+
6
+ .amsterdam-mark {
7
+ background-color: var(--amsterdam-mark-background-color);
8
+ }
@@ -0,0 +1,3 @@
1
+ # Overlap
2
+
3
+ Toont twee of meer componenten over elkaar heen.
@@ -0,0 +1,12 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright (c) 2023 Gemeente Amsterdam
4
+ */
5
+
6
+ .amsterdam-overlap {
7
+ display: grid;
8
+
9
+ > * {
10
+ grid-area: 1 / -1;
11
+ }
12
+ }