@amsterdam/design-system-css 2.0.1 → 2.2.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 (91) hide show
  1. package/CHANGELOG.md +38 -1
  2. package/dist/accordion/accordion.css.map +1 -1
  3. package/dist/avatar/avatar.css +1 -1
  4. package/dist/avatar/avatar.css.map +1 -1
  5. package/dist/badge/badge.css.map +1 -1
  6. package/dist/blockquote/blockquote.css.map +1 -1
  7. package/dist/breadcrumb/breadcrumb.css +1 -1
  8. package/dist/breadcrumb/breadcrumb.css.map +1 -1
  9. package/dist/breakout/breakout.css +1 -1
  10. package/dist/breakout/breakout.css.map +1 -1
  11. package/dist/button/button.css.map +1 -1
  12. package/dist/call-to-action-link/call-to-action-link.css.map +1 -1
  13. package/dist/card/card.css +1 -1
  14. package/dist/card/card.css.map +1 -1
  15. package/dist/character-count/character-count.css.map +1 -1
  16. package/dist/checkbox/checkbox.css.map +1 -1
  17. package/dist/date-input/date-input.css +1 -1
  18. package/dist/date-input/date-input.css.map +1 -1
  19. package/dist/description-list/description-list.css +1 -1
  20. package/dist/description-list/description-list.css.map +1 -1
  21. package/dist/error-message/error-message.css.map +1 -1
  22. package/dist/field-set/field-set.css +1 -1
  23. package/dist/field-set/field-set.css.map +1 -1
  24. package/dist/figure/figure.css.map +1 -1
  25. package/dist/file-input/file-input.css.map +1 -1
  26. package/dist/file-list/file-list.css.map +1 -1
  27. package/dist/grid/grid.css.map +1 -1
  28. package/dist/heading/heading.css.map +1 -1
  29. package/dist/hint/hint.css +1 -1
  30. package/dist/hint/hint.css.map +1 -1
  31. package/dist/image-slider/image-slider.css.map +1 -1
  32. package/dist/index.css +1 -1
  33. package/dist/index.css.map +1 -1
  34. package/dist/label/label.css +1 -1
  35. package/dist/label/label.css.map +1 -1
  36. package/dist/link/link.css.map +1 -1
  37. package/dist/link-list/link-list.css.map +1 -1
  38. package/dist/menu/menu.css +1 -1
  39. package/dist/menu/menu.css.map +1 -1
  40. package/dist/ordered-list/ordered-list.css.map +1 -1
  41. package/dist/page/page.css +1 -1
  42. package/dist/page/page.css.map +1 -1
  43. package/dist/page-footer/page-footer.css.map +1 -1
  44. package/dist/page-header/page-header.css +1 -1
  45. package/dist/page-header/page-header.css.map +1 -1
  46. package/dist/page-heading/page-heading.deprecated.css.map +1 -1
  47. package/dist/pagination/pagination.css.map +1 -1
  48. package/dist/paragraph/paragraph.css.map +1 -1
  49. package/dist/password-input/password-input.css.map +1 -1
  50. package/dist/radio/radio.css.map +1 -1
  51. package/dist/search-field/search-field.css.map +1 -1
  52. package/dist/standalone-link/standalone-link.css.map +1 -1
  53. package/dist/table-of-contents/table-of-contents.css.map +1 -1
  54. package/dist/tabs/tabs.css +1 -1
  55. package/dist/tabs/tabs.css.map +1 -1
  56. package/dist/text-area/text-area.css.map +1 -1
  57. package/dist/text-input/text-input.css.map +1 -1
  58. package/dist/time-input/time-input.css +1 -1
  59. package/dist/time-input/time-input.css.map +1 -1
  60. package/dist/unordered-list/unordered-list.css.map +1 -1
  61. package/dist/visually-hidden/visually-hidden.css +1 -1
  62. package/dist/visually-hidden/visually-hidden.css.map +1 -1
  63. package/documentation/coding-conventions.md +2 -0
  64. package/package.json +3 -3
  65. package/src/common/calculate-fluid-style.scss +2 -0
  66. package/src/common/hyphenation.scss +3 -0
  67. package/src/common/text-rendering.scss +3 -0
  68. package/src/components/avatar/avatar.scss +10 -2
  69. package/src/components/breadcrumb/breadcrumb.scss +6 -1
  70. package/src/components/breakout/breakout.scss +9 -1
  71. package/src/components/card/card.scss +17 -8
  72. package/src/components/checkbox/checkbox.scss +2 -0
  73. package/src/components/date-input/date-input.scss +4 -4
  74. package/src/components/description-list/description-list.scss +0 -6
  75. package/src/components/field-set/field-set.scss +19 -1
  76. package/src/components/grid/_mixins.scss +2 -0
  77. package/src/components/heading/heading.scss +12 -0
  78. package/src/components/hint/hint.scss +4 -0
  79. package/src/components/image-slider/image-slider.scss +10 -4
  80. package/src/components/label/label.scss +16 -0
  81. package/src/components/menu/README.md +18 -2
  82. package/src/components/menu/menu.scss +38 -4
  83. package/src/components/page/README.md +6 -18
  84. package/src/components/page/page.scss +33 -0
  85. package/src/components/page-header/README.md +2 -1
  86. package/src/components/page-header/page-header.scss +30 -23
  87. package/src/components/page-heading/page-heading.deprecated.scss +2 -0
  88. package/src/components/tabs/tabs.scss +4 -0
  89. package/src/components/text-area/text-area.scss +7 -0
  90. package/src/components/time-input/time-input.scss +4 -4
  91. package/src/components/visually-hidden/visually-hidden.scss +4 -1
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/label/label.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,WACE,6BACA,yCACA,qCACA,yCACA,yCACA,qCCRA,kEACA,aACA,yBCEA,kCACA,2BACA,8BACA","file":"label.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/label/label.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,WACE,6BACA,yCACA,qCACA,yCACA,yCAOA,qCCZA,kEAEA,aACA,yBCDA,kCACA,2BACA,8BAIA,sBFUF,wBACE,qDAGF,oBACE,qCACA,yCACA","file":"label.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/link/link.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,UACE,4BACA,wCACA,oCACA,wCACA,wCACA,8CACA,oEACA,4DCNA,kCACA,2BACA,8BACA,sBDOA,gBACE,kCACA,0EACA,kEAIJ,oBACE,qCAEA,0BACE,2CAIJ,mBACE,oCAEA,yBACE","file":"link.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/link/link.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,UACE,4BACA,wCACA,oCACA,wCACA,wCACA,8CACA,oEACA,4DCNA,kCACA,2BACA,8BAIA,sBDIA,gBACE,kCACA,0EACA,kEAIJ,oBACE,qCAEA,0BACE,2CAIJ,mBACE,oCAEA,yBACE","file":"link.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/link-list/link-list.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,eACE,sBACA,aACA,6BCXA,kEACA,aACA,yBCEA,kCACA,2BACA,8BACA,sBFJA,gBACA,eACA,uBAaF,qBACE,uBACA,sCACA,oBACA,kDACA,8CACA,kDACA,kCACA,kDACA,wDACA,oEACA,8EACA,sEAEA,2BACE,4CACA,0EAIJ,4BACE,oDACA,wDAGF,4BACE,oDACA,wDAGF,+BACE,+CAEA,qCACE,qDAIJ,8BACE,8CAEA,oCACE","file":"link-list.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/link-list/link-list.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,eACE,sBACA,aACA,6BCTA,kEAEA,aACA,yBCDA,kCACA,2BACA,8BAIA,sBFPA,gBACA,eACA,uBAaF,qBACE,uBACA,sCACA,oBACA,kDACA,8CACA,kDACA,kCACA,kDACA,wDACA,oEACA,8EACA,sEAEA,2BACE,4CACA,0EAIJ,4BACE,oDACA,wDAGF,4BACE,oDACA,wDAGF,+BACE,+CAEA,qCACE,qDAIJ,8BACE,8CAEA,oCACE","file":"link-list.css"}
@@ -1 +1 @@
1
- .ams-menu{font-family:var(--ams-menu-font-family);font-size:var(--ams-menu-font-size);font-weight:var(--ams-menu-font-weight);line-height:var(--ams-menu-line-height)}.ams-menu__list{display:grid;hyphenate-limit-chars:var(--ams-typography-hyphenate-limit-chars);hyphens:auto;overflow-wrap:break-word;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;list-style:none;margin-block:0;padding-inline-start:0}@media screen and (min-width: 72.5rem){.ams-menu__list{gap:var(--ams-menu-list-gap)}}.ams-menu__link{align-items:flex-start;color:var(--ams-menu-link-color);display:flex;gap:var(--ams-menu-link-gap);outline-offset:var(--ams-menu-link-outline-offset);padding-block:var(--ams-menu-link-padding-block);padding-inline:var(--ams-menu-link-padding-inline);text-decoration-line:var(--ams-menu-link-text-decoration-line);text-decoration-thickness:var(--ams-menu-link-text-decoration-thickness);text-underline-offset:var(--ams-menu-link-text-underline-offset)}.ams-menu__link:hover{color:var(--ams-menu-link-hover-color);text-decoration-line:var(--ams-menu-link-hover-text-decoration-line)}.ams-menu__link .ams-menu__icon{align-self:initial}@media screen and (min-width: 72.5rem){.ams-menu__link{align-items:center;flex-direction:column;gap:0}.ams-menu__link .ams-menu__icon{--ams-icon-font-size: var(--ams-icon-heading-3-font-size);--ams-icon-line-height: var(--ams-icon-heading-3-line-height)}}.ams-menu__link--contrast{color:var(--ams-menu-link-contrast-color)}.ams-menu__link--contrast:hover{color:var(--ams-menu-link-contrast-hover-color)}.ams-menu__link--inverse{color:var(--ams-menu-link-inverse-color)}.ams-menu__link--inverse:hover{color:var(--ams-menu-link-inverse-hover-color)}/*# sourceMappingURL=menu.css.map */
1
+ .ams-menu{background-color:var(--ams-menu-background-color);font-family:var(--ams-menu-font-family);font-size:var(--ams-menu-font-size);font-weight:var(--ams-menu-font-weight);line-height:var(--ams-menu-line-height);margin-inline:calc(var(--ams-grid-padding-inline)*-1);padding-block:var(--ams-menu-padding-block);padding-inline:calc(var(--ams-grid-padding-inline) - var(--ams-menu-link-padding-inline))}@media screen and (min-width: 37.5rem){.ams-menu{margin-inline:calc(var(--ams-grid-medium-padding-inline)*-1);padding-inline:var(--ams-grid-medium-padding-inline)}}@media screen and (min-width: 72.5rem){.ams-menu{display:none;margin-inline:0;max-inline-size:var(--ams-menu-wide-max-inline-size);padding-block:var(--ams-menu-wide-padding-block);padding-inline:var(--ams-menu-wide-padding-inline)}}.ams-menu--in-wide-window{display:none}@media screen and (min-width: 72.5rem){.ams-menu--in-wide-window{display:block}}.ams-menu__list{display:grid;hyphenate-limit-chars:var(--ams-typography-hyphenate-limit-chars);hyphens:auto;overflow-wrap:break-word;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;list-style:none;margin-block:0;padding-inline-start:0}@media screen and (min-width: 72.5rem){.ams-menu__list{gap:var(--ams-menu-list-gap)}}.ams-menu__link{align-items:flex-start;color:var(--ams-menu-link-color);display:inline-flex;gap:var(--ams-menu-link-gap);outline-offset:var(--ams-menu-link-outline-offset);padding-block:var(--ams-menu-link-padding-block);padding-inline:var(--ams-menu-link-padding-inline);text-decoration-line:var(--ams-menu-link-text-decoration-line);text-decoration-thickness:var(--ams-menu-link-text-decoration-thickness);text-underline-offset:var(--ams-menu-link-text-underline-offset)}.ams-menu__link:hover{color:var(--ams-menu-link-hover-color);text-decoration-line:var(--ams-menu-link-hover-text-decoration-line)}.ams-menu__link .ams-menu__icon{align-self:initial}@media screen and (min-width: 72.5rem){.ams-menu__link{align-items:center;display:flex;flex-direction:column;gap:var(--ams-menu-link-wide-gap);text-align:center}.ams-menu__link .ams-menu__icon{--ams-icon-font-size: var(--ams-icon-heading-2-font-size);--ams-icon-line-height: var(--ams-icon-heading-2-line-height)}}.ams-menu__link--contrast{color:var(--ams-menu-link-contrast-color)}.ams-menu__link--contrast:hover{color:var(--ams-menu-link-contrast-hover-color)}.ams-menu__link--inverse{color:var(--ams-menu-link-inverse-color)}.ams-menu__link--inverse:hover{color:var(--ams-menu-link-inverse-hover-color)}/*# sourceMappingURL=menu.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/menu/menu.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAeA,UACE,wCACA,oCACA,wCACA,wCAGF,gBACE,aCjBA,kEACA,aACA,yBCEA,kCACA,2BACA,8BACA,sBFHA,gBACA,eACA,uBAiBA,uCAPF,gBAQI,8BAIJ,gBACE,uBACA,iCACA,aACA,6BACA,mDACA,iDACA,mDACA,+DACA,yEACA,iEAEA,sBACE,uCACA,qEAGF,gCACE,mBAGF,uCArBF,gBAsBI,mBACA,sBACA,MAEA,gCACE,0DACA,+DAKN,0BACE,0CAEA,gCACE,gDAIJ,yBACE,yCAEA,+BACE","file":"menu.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/menu/menu.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAeA,UACE,kDACA,wCACA,oCACA,wCACA,wCAIA,sDACA,4CAGA,0FAEA,uCAfF,UAgBI,6DACA,sDAGF,uCApBF,UAqBI,aACA,gBACA,qDACA,iDACA,oDAIJ,0BACE,aAEA,uCAHF,0BAII,eAIJ,gBACE,aC7CA,kEAEA,aACA,yBCDA,kCACA,2BACA,8BAIA,sBFNA,gBACA,eACA,uBA+CA,uCAPF,gBAQI,8BAIJ,gBACE,uBACA,iCACA,oBACA,6BACA,mDACA,iDACA,mDACA,+DACA,yEACA,iEAEA,sBACE,uCACA,qEAGF,gCACE,mBAGF,uCArBF,gBAsBI,mBACA,aACA,sBACA,kCACA,kBAEA,gCACE,0DACA,+DAMN,0BACE,0CAEA,gCACE,gDAKJ,yBACE,yCAEA,+BACE","file":"menu.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/ordered-list/ordered-list.scss","../../src/common/text-rendering.scss","../../src/common/hyphenation.scss"],"names":[],"mappings":"AAcA,kBACE,sBACA,aACA,gCCPA,kCACA,2BACA,8BACA,sBCPA,kEACA,aACA,yBFCA,qBACA,eACA,uBAaF,qDACE,oCACA,gDACA,4CACA,gDACA,gDACA,wDAEA,6EACE,qEACA,uEAIJ,8DACE,4CAGF,4DACE,kDACA,sDAIA,6DACE,6CACA,qEACA,6EAEA,qFACE,kFACA,oFAIJ,+EACE","file":"ordered-list.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/ordered-list/ordered-list.scss","../../src/common/text-rendering.scss","../../src/common/hyphenation.scss"],"names":[],"mappings":"AAcA,kBACE,sBACA,aACA,gCCPA,kCACA,2BACA,8BAIA,sBCRA,kEAEA,aACA,yBFFA,qBACA,eACA,uBAaF,qDACE,oCACA,gDACA,4CACA,gDACA,gDACA,wDAEA,6EACE,qEACA,uEAIJ,8DACE,4CAGF,4DACE,kDACA,sDAIA,6DACE,6CACA,qEACA,6EAEA,qFACE,kFACA,oFAIJ,+EACE","file":"ordered-list.css"}
@@ -1 +1 @@
1
- .ams-page{background-color:var(--ams-page-background-color);margin-inline:auto;max-inline-size:var(--ams-page-max-inline-size);min-block-size:100vh;min-block-size:100dvh}/*# sourceMappingURL=page.css.map */
1
+ .ams-page{background-color:var(--ams-page-background-color);margin-inline:auto;max-inline-size:var(--ams-page-max-inline-size);min-block-size:100vh;min-block-size:100dvh}.ams-page--with-menu{display:grid;grid-auto-rows:min-content auto 1fr auto;grid-template-areas:"skip-link skip-link" "menu header" "menu body" "menu footer";grid-template-columns:auto 1fr;max-inline-size:var(--ams-page-with-menu-max-inline-size)}.ams-page--with-menu>.ams-page__area--skip-link{grid-area:skip-link;margin-inline-end:var(--ams-page-with-menu-area-skip-link-margin-inline-end)}.ams-page--with-menu>.ams-page__area--menu{grid-area:menu}.ams-page--with-menu>.ams-page__area--header{grid-area:header}.ams-page--with-menu>.ams-page__area--body{grid-area:body}.ams-page--with-menu>.ams-page__area--footer{grid-area:footer}/*# sourceMappingURL=page.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/page/page.scss"],"names":[],"mappings":"AAKA,UACE,kDACA,mBACA,gDACA,qBACA","file":"page.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/page/page.scss"],"names":[],"mappings":"AAKA,UACE,kDACA,mBACA,gDACA,qBACA,sBAGF,qBACE,aACA,yCACA,oBACE,8DAIF,+BACA,0DAEA,gDACE,oBACA,6EAGF,2CACE,eAGF,6CACE,iBAGF,2CACE,eAGF,6CACE","file":"page.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/page-footer/page-footer.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,4BACE,mEAGF,uBACE,kDACA,aACA,eACA,wDACA,0DACA,4CAdA,gBACA,eAiBA,uCAVF,uBAWI,kEAGF,uCAdF,uBAeI,gEAIJ,4BACE,6CACA,yDACA,qDACA,yDACA,yDACA,+DACA,2EACA,qFACA,6ECxCA,kEACA,aACA,yBCEA,kCACA,2BACA,8BACA,sBFsCA,kCACE,mDACA","file":"page-footer.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/page-footer/page-footer.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,4BACE,mEAGF,uBACE,kDACA,aACA,eACA,wDACA,0DACA,4CAdA,gBACA,eAiBA,uCAVF,uBAWI,kEAGF,uCAdF,uBAeI,gEAIJ,4BACE,6CACA,yDACA,qDACA,yDACA,yDACA,+DACA,2EACA,qFACA,6ECtCA,kEAEA,aACA,yBCDA,kCACA,2BACA,8BAIA,sBFmCA,kCACE,mDACA","file":"page-footer.css"}
@@ -1 +1 @@
1
- .ams-page-header{display:grid;font-family:var(--ams-page-header-font-family);padding-block:var(--ams-page-header-padding-block);padding-inline:var(--ams-page-header-padding-inline)}@media screen and (min-width: 37.5rem){.ams-page-header{padding-inline:var(--ams-page-header-medium-padding-inline)}}@media screen and (min-width: 72.5rem){.ams-page-header{padding-inline:var(--ams-page-header-wide-padding-inline)}}.ams-page-header__logo-link{align-items:center;align-self:start;column-gap:var(--ams-page-header-logo-link-column-gap);display:flex;grid-area:1/1;inline-size:fit-content;outline-offset:var(--ams-page-header-logo-link-outline-offset);text-decoration:none}@media(forced-colors: active){.ams-page-header__logo-link .ams-logo__emblem,.ams-page-header__logo-link .ams-logo__text-primary,.ams-page-header__logo-link .ams-logo__text-secondary{fill:LinkText}}.ams-page-header__logo-link--hidden{opacity:0%;user-select:none}.ams-page-header__logo-container{flex-shrink:0;inline-size:.75rem;overflow:hidden}@media screen and (min-width: 37.5rem){.ams-page-header__logo-container{inline-size:auto}}.ams-page-header__brand-name{color:var(--ams-page-header-brand-name-color);font-size:var(--ams-page-header-brand-name-font-size);font-weight:var(--ams-page-header-brand-name-font-weight);line-height:var(--ams-page-header-brand-name-line-height);text-wrap:var(--ams-page-header-brand-name-text-wrap)}.ams-page-header__navigation{column-gap:var(--ams-page-header-navigation-column-gap);display:flex;flex-wrap:wrap;grid-area:1/1;pointer-events:none;row-gap:var(--ams-page-header-navigation-row-gap)}.ams-page-header__menu{align-items:center;column-gap:var(--ams-page-header-menu-column-gap);display:flex;flex-wrap:wrap;justify-content:flex-end;margin-inline-start:auto;pointer-events:auto;row-gap:var(--ams-page-header-menu-row-gap);list-style:none;margin-block:0;padding-inline-start:0}@media screen and not (min-width: 72.5rem){.ams-page-header__menu-item{display:none}}.ams-page-header__menu-item--fixed{display:revert}.ams-page-header__menu-link{display:inline-block;text-decoration-line:var(--ams-page-header-menu-link-text-decoration-line);text-decoration-thickness:var(--ams-page-header-menu-link-text-decoration-thickness);text-underline-offset:var(--ams-page-header-menu-link-text-underline-offset);color:var(--ams-page-header-menu-item-color);font-size:var(--ams-page-header-menu-item-font-size);font-weight:var(--ams-page-header-menu-item-font-weight);line-height:var(--ams-page-header-menu-item-line-height);outline-offset:var(--ams-page-header-menu-item-outline-offset);padding-block:var(--ams-page-header-menu-item-padding-block);touch-action:manipulation;white-space:nowrap;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-page-header__menu-link:hover{color:var(--ams-page-header-menu-item-hover-color)}.ams-page-header__menu-link:hover{text-decoration-line:var(--ams-page-header-menu-link-hover-text-decoration-line)}@media screen and (min-width: 72.5rem){.ams-page-header__mega-menu-button-item--hide-on-wide-window{display:none}}.ams-page-header__mega-menu-button{column-gap:var(--ams-page-header-menu-item-column-gap);cursor:var(--ams-page-header-mega-menu-button-cursor);display:grid;font-family:inherit;grid-auto-flow:column;color:var(--ams-page-header-menu-item-color);font-size:var(--ams-page-header-menu-item-font-size);font-weight:var(--ams-page-header-menu-item-font-weight);line-height:var(--ams-page-header-menu-item-line-height);outline-offset:var(--ams-page-header-menu-item-outline-offset);padding-block:var(--ams-page-header-menu-item-padding-block);touch-action:manipulation;white-space:nowrap;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-page-header__mega-menu-button:hover{color:var(--ams-page-header-menu-item-hover-color)}.ams-page-header__mega-menu-button{background:none;border:none;margin-block:0;margin-inline:0;padding-inline:0}.ams-page-header__mega-menu-button[aria-expanded=true]{font-weight:var(--ams-page-header-mega-menu-button-label-open-font-weight)}.ams-page-header__mega-menu-button-label,.ams-page-header__mega-menu-button-hidden-label{grid-area:1/1}.ams-page-header__mega-menu-button-hidden-label{font-weight:var(--ams-page-header-mega-menu-button-label-open-font-weight);pointer-events:none;user-select:none;visibility:hidden}.ams-page-header__menu-icon line{stroke:currentColor;stroke-width:3px;transform-origin:center;transition:translate .1s ease-in-out,rotate .2s ease-in-out,opacity .1s ease-in-out}@media(prefers-reduced-motion){.ams-page-header__menu-icon line{transition:none}}.ams-page-header__menu-icon .ams-page-header__menu-icon-top{translate:0 -7px}.ams-page-header__menu-icon .ams-page-header__menu-icon-bottom{translate:0 7px}.ams-page-header__menu-icon--open .ams-page-header__menu-icon-top{rotate:45deg;translate:0}.ams-page-header__menu-icon--open .ams-page-header__menu-icon-middle{opacity:0%}.ams-page-header__menu-icon--open .ams-page-header__menu-icon-bottom{rotate:-45deg;translate:0}.ams-page-header__mega-menu{inline-size:100%;pointer-events:auto}.ams-page-header__mega-menu .ams-grid{padding-inline:0}.ams-page-header__mega-menu--closed.ams-page-header__mega-menu--closed{display:none}@media screen and (min-width: 72.5rem){.ams-page-header__grid-cell-narrow-window-only{display:none}}/*# sourceMappingURL=page-header.css.map */
1
+ .ams-page-header{display:grid;font-family:var(--ams-page-header-font-family);padding-block:var(--ams-page-header-padding-block);padding-inline:var(--ams-page-header-padding-inline)}@media screen and (min-width: 37.5rem){.ams-page-header{padding-inline:var(--ams-page-header-medium-padding-inline)}}@media screen and (min-width: 72.5rem){.ams-page-header{padding-inline:var(--ams-page-header-wide-padding-inline)}}.ams-page-header__logo-link{align-items:center;align-self:start;column-gap:var(--ams-page-header-logo-link-column-gap);display:flex;grid-area:1/1;inline-size:fit-content;outline-offset:var(--ams-page-header-logo-link-outline-offset);text-decoration:none}@media(forced-colors: active){.ams-page-header__logo-link .ams-logo__emblem,.ams-page-header__logo-link .ams-logo__text-primary,.ams-page-header__logo-link .ams-logo__text-secondary{fill:LinkText}}.ams-page-header__logo-link--hidden{opacity:0%;-webkit-user-select:none;user-select:none}.ams-page-header__logo-container{flex-shrink:0;inline-size:.75rem;overflow:hidden}@media screen and (min-width: 37.5rem){.ams-page-header__logo-container{inline-size:auto}}.ams-page-header__brand-name{color:var(--ams-page-header-brand-name-color);font-size:var(--ams-page-header-brand-name-font-size);font-weight:var(--ams-page-header-brand-name-font-weight);line-height:var(--ams-page-header-brand-name-line-height);text-wrap:var(--ams-page-header-brand-name-text-wrap)}.ams-page-header__navigation{column-gap:var(--ams-page-header-navigation-column-gap);display:flex;flex-wrap:wrap;grid-area:1/1;pointer-events:none;row-gap:var(--ams-page-header-navigation-row-gap)}.ams-page-header__menu{align-items:center;column-gap:var(--ams-page-header-menu-column-gap);display:flex;flex-wrap:wrap;justify-content:flex-end;margin-inline-start:auto;pointer-events:auto;row-gap:var(--ams-page-header-menu-row-gap);list-style:none;margin-block:0;padding-inline-start:0}@media screen and not (min-width: 72.5rem){.ams-page-header__menu-item{display:none}}.ams-page-header__menu-item--fixed{display:revert}.ams-page-header__menu-link{display:inline-flex;gap:var(--ams-page-header-menu-link-gap);text-decoration-line:var(--ams-page-header-menu-link-text-decoration-line);text-decoration-thickness:var(--ams-page-header-menu-link-text-decoration-thickness);text-underline-offset:var(--ams-page-header-menu-link-text-underline-offset);color:var(--ams-page-header-menu-item-color);font-size:var(--ams-page-header-menu-item-font-size);font-weight:var(--ams-page-header-menu-item-font-weight);line-height:var(--ams-page-header-menu-item-line-height);outline-offset:var(--ams-page-header-menu-item-outline-offset);padding-block:var(--ams-page-header-menu-item-padding-block);touch-action:manipulation;white-space:nowrap;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-page-header__menu-link:hover{color:var(--ams-page-header-menu-item-hover-color)}.ams-page-header__menu-link:hover{text-decoration-line:var(--ams-page-header-menu-link-hover-text-decoration-line)}@media screen and (min-width: 72.5rem){.ams-page-header__mega-menu-button-item--hide-on-wide-window{display:none}}.ams-page-header__mega-menu-button{column-gap:var(--ams-page-header-menu-item-column-gap);cursor:var(--ams-page-header-mega-menu-button-cursor);display:grid;font-family:inherit;grid-auto-flow:column;color:var(--ams-page-header-menu-item-color);font-size:var(--ams-page-header-menu-item-font-size);font-weight:var(--ams-page-header-menu-item-font-weight);line-height:var(--ams-page-header-menu-item-line-height);outline-offset:var(--ams-page-header-menu-item-outline-offset);padding-block:var(--ams-page-header-menu-item-padding-block);touch-action:manipulation;white-space:nowrap;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-page-header__mega-menu-button:hover{color:var(--ams-page-header-menu-item-hover-color)}.ams-page-header__mega-menu-button{background:none;border:none;margin-block:0;margin-inline:0;padding-inline:0}.ams-page-header__mega-menu-button[aria-expanded=true]{font-weight:var(--ams-page-header-mega-menu-button-label-open-font-weight)}.ams-page-header__mega-menu-button-label,.ams-page-header__mega-menu-button-hidden-label{grid-area:1/1}.ams-page-header__mega-menu-button-hidden-label{font-weight:var(--ams-page-header-mega-menu-button-label-open-font-weight);pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden}.ams-page-header__menu-icon-top,.ams-page-header__menu-icon-middle,.ams-page-header__menu-icon-bottom{transform-origin:center;transition:opacity .1s ease-in-out,rotate .2s ease-in-out,translate .1s ease-in-out}@media(prefers-reduced-motion){.ams-page-header__menu-icon-top,.ams-page-header__menu-icon-middle,.ams-page-header__menu-icon-bottom{transition:none}}.ams-page-header__menu-icon--open .ams-page-header__menu-icon-top{rotate:45deg;translate:-4px 4px}.ams-page-header__menu-icon--open .ams-page-header__menu-icon-middle{opacity:0%}.ams-page-header__menu-icon--open .ams-page-header__menu-icon-bottom{rotate:-45deg;translate:-4px -4px}.ams-page-header__mega-menu{inline-size:100%;pointer-events:auto}.ams-page-header__mega-menu .ams-grid{padding-inline:0}.ams-page-header__mega-menu--closed.ams-page-header__mega-menu--closed{display:none}@media screen and (min-width: 72.5rem){.ams-page-header__grid-cell-narrow-window-only{display:none}}/*# sourceMappingURL=page-header.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/page-header/page-header.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,iBAME,aACA,+CACA,mDACA,qDAEA,uCAXF,iBAYI,6DAGF,uCAfF,iBAgBI,2DAIJ,4BACE,mBACA,iBACA,uDACA,aACA,cACA,wBACA,+DACA,qBAEA,8BACE,wJAGE,eAKN,oCACE,WACA,iBAGF,iCACE,cACA,mBACA,gBAEA,uCALF,iCAMI,kBAIJ,6BACE,8CACA,sDACA,0DACA,0DACA,sDAGF,6BACE,wDACA,aACA,eACA,cAGA,oBACA,kDASF,uBACE,mBACA,kDACA,aACA,eACA,yBACA,yBACA,oBACA,4CAbA,gBACA,eACA,uBAkBA,2CADF,4BAEI,cAKJ,mCACE,eAoBF,4BACE,qBACA,2EACA,qFACA,6EApBA,6CACA,qDACA,yDACA,yDACA,+DACA,6DACA,0BACA,mBC9GA,kCACA,2BACA,8BACA,sBD+GA,kCACE,mDAYF,kCACE,iFAKF,uCADF,6DAEI,cAcJ,mCACE,uDACA,sDACA,aACA,oBACA,sBAlDA,6CACA,qDACA,yDACA,yDACA,+DACA,6DACA,0BACA,mBC9GA,kCACA,2BACA,8BACA,sBD+GA,yCACE,mDAiCJ,mCATE,gBACA,YACA,eACA,gBACA,iBAgBF,uDACE,2EAGF,yFAEE,cAKF,gDACE,2EACA,oBACA,iBACA,kBAIA,iCACE,oBACA,iBACA,wBACA,WACE,yEAIF,+BATF,iCAUI,iBAIJ,4DACE,iBAGF,+DACE,gBAKF,kEACE,aACA,YAEF,qEACE,WAEF,qEACE,cACA,YAIJ,4BACE,iBACA,oBAIA,sCACE,iBAIJ,uEACE,aAIA,uCADF,+CAEI","file":"page-header.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/page-header/page-header.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,iBAME,aACA,+CACA,mDACA,qDAEA,uCAXF,iBAYI,6DAGF,uCAfF,iBAgBI,2DAIJ,4BACE,mBACA,iBACA,uDACA,aACA,cACA,wBACA,+DACA,qBAEA,8BACE,wJAGE,eAKN,oCACE,WACA,yBAIA,iBAGF,iCACE,cACA,mBACA,gBAEA,uCALF,iCAMI,kBAIJ,6BACE,8CACA,sDACA,0DACA,0DAOA,sDAGF,6BACE,wDACA,aACA,eACA,cAGA,oBACA,kDASF,uBACE,mBACA,kDACA,aACA,eACA,yBACA,yBACA,oBACA,4CAbA,gBACA,eACA,uBAkBA,2CADF,4BAEI,cAKJ,mCACE,eAoBF,4BACE,oBACA,yCACA,2EACA,qFACA,6EArBA,6CACA,qDACA,yDACA,yDACA,+DACA,6DACA,0BACA,mBCxHA,kCACA,2BACA,8BAIA,sBDsHA,kCACE,mDAaF,kCACE,iFAKF,uCADF,6DAEI,cAcJ,mCACE,uDACA,sDACA,aACA,oBACA,sBAnDA,6CACA,qDACA,yDACA,yDACA,+DACA,6DACA,0BACA,mBCxHA,kCACA,2BACA,8BAIA,sBDsHA,yCACE,mDAkCJ,mCATE,gBACA,YACA,eACA,gBACA,iBAgBF,uDACE,2EAGF,yFAEE,cAKF,gDACE,2EACA,oBACA,yBAIA,iBACA,kBAGF,sGAGE,wBACA,WACE,yEAIF,+BATF,sGAUI,iBAKF,kEACE,aACA,mBAGF,qEACE,WAGF,qEACE,cACA,oBAIJ,4BACE,iBACA,oBAIA,sCACE,iBAIJ,uEACE,aAIA,uCADF,+CAEI","file":"page-header.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/page-heading/page-heading.deprecated.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,kBACE,sBACA,kBACA,mBACA,oCACA,gDACA,4CACA,gDACA,gDACA,4CChBA,kEACA,aACA,yBCEA,kCACA,2BACA,8BACA,sBFJA,eAoBF,2BACE","file":"page-heading.deprecated.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/page-heading/page-heading.deprecated.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,kBACE,sBAEA,kBACA,mBACA,oCACA,gDACA,4CACA,gDACA,gDAEA,4CChBA,kEAEA,aACA,yBCDA,kCACA,2BACA,8BAIA,sBFPA,eAsBF,2BACE","file":"page-heading.deprecated.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/pagination/pagination.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAOA,gBACE,aACA,eACA,8CACA,0CACA,8CACA,uBACA,8CASF,sBACE,aACA,eAPA,qBACA,eACA,uBAUF,sBACE,uCACA,oBACA,mCACA,yDACA,yDACA,qEACA,+EACA,uEACA,0BC7BA,kCACA,2BACA,8BACA,sBD8BA,4BACE,6CACA,2EAIF,wCACE,gBACA,iBAIJ,yCACE,2DAEA,+CACE","file":"pagination.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/pagination/pagination.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAOA,gBACE,aACA,eACA,8CACA,0CACA,8CACA,uBACA,8CASF,sBACE,aACA,eAPA,qBACA,eACA,uBAUF,sBACE,uCACA,oBACA,mCACA,yDACA,yDACA,qEACA,+EACA,uEACA,0BC7BA,kCACA,2BACA,8BAIA,sBD2BA,4BACE,6CACA,2EAIF,wCACE,gBACA,iBAIJ,yCACE,2DAEA,+CACE","file":"pagination.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/paragraph/paragraph.scss","../../src/common/text-rendering.scss","../../src/common/hyphenation.scss"],"names":[],"mappings":"AAYA,eACE,sBACA,iCACA,6CACA,yCACA,6CACA,6CCRA,kCACA,2BACA,8BACA,sBCPA,kEACA,aACA,yBFCA,eAgBF,sBACE,+CACA,mDAGF,sBACE,+CACA,mDAGF,wBACE","file":"paragraph.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/paragraph/paragraph.scss","../../src/common/text-rendering.scss","../../src/common/hyphenation.scss"],"names":[],"mappings":"AAYA,eACE,sBACA,iCACA,6CACA,yCACA,6CACA,6CCRA,kCACA,2BACA,8BAIA,sBCRA,kEAEA,aACA,yBFFA,eAgBF,sBACE,+CACA,mDAGF,sBACE,+CACA,mDAGF,wBACE","file":"paragraph.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/password-input/password-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,oBACE,4DACA,oDACA,oDACA,oDACA,sBACA,sCACA,kDACA,8CACA,kDACA,kDACA,qBACA,wDACA,sDACA,wDACA,0BCnBA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,gBACA,eAwBF,gCACE,iBAOF,iCACE,kDAJA,aASF,6BACE,+CACA,iDAGF,iGAEE,4DAGF,yCACE,sDAGF,6GAEE,kEACA","file":"password-input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/password-input/password-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,oBACE,4DACA,oDACA,oDACA,oDACA,sBACA,sCACA,kDACA,8CACA,kDACA,kDACA,qBACA,wDACA,sDACA,wDACA,0BCnBA,kCACA,2BACA,8BAIA,sBDRA,wBACA,gBACA,gBACA,eAwBF,gCACE,iBAOF,iCACE,kDAJA,aASF,6BACE,+CACA,iDAGF,iGAEE,4DAGF,yCACE,sDAGF,6GAEE,kEACA","file":"password-input.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/radio/radio.scss","../../src/common/hide-input.scss","../../src/common/input-label-focus.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAUA,kBCJE,gBACA,cACA,eACA,gBCIA,8BACE,aAGF,kDACE,UFFJ,kBACE,6BACA,+BACA,oBACA,yCACA,qCACA,yCACA,yBACA,yCACA,+CACA,qEACA,6DGrBA,kEACA,aACA,yBCEA,kCACA,2BACA,8BACA,sBJoBF,2BACE,sDACA,aACA,UACA,wDAGF,mBACE,kCACA,sCAGF,4BACE,YAGF,8BACE,aACA,6CAIF,wBACE,mCACA,iEAEA,2CACE,4CAGF,oDACE,qDAGF,sDACE,mDAMF,0EACE,8CAGF,qFACE,qDAMF,0EACE,cAKJ,6CACE,sCACA,wCAEA,gEACE,+CAGF,2EACE,sDAMF,mFAEE,uDAGF,8FAEE,8DAOJ,mDACE,qBAEA,+EACE,qBAMF,gFACE,oDAGF,yFACE,6DAGF,2FACE,2DAMF,yFAEE,6DAGF,kGACE,qBAEF,oGAEE,oEAOJ,8BAKI,0OACE,YACA,iBAGF,8QACE,YAGF,sRACE,gBAMN,8BAGI,uJACE,kBAGF,6KACE,iBAMN,8BAII,4OACE,gBAGF,6QACE","file":"radio.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/radio/radio.scss","../../src/common/hide-input.scss","../../src/common/input-label-focus.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAUA,kBCJE,gBACA,cACA,eACA,gBCIA,8BACE,aAGF,kDACE,UFFJ,kBACE,6BACA,+BACA,oBACA,yCACA,qCACA,yCACA,yBACA,yCACA,+CACA,qEACA,6DGnBA,kEAEA,aACA,yBCDA,kCACA,2BACA,8BAIA,sBJiBF,2BACE,sDACA,aACA,UACA,wDAGF,mBACE,kCACA,sCAGF,4BACE,YAGF,8BACE,aACA,6CAIF,wBACE,mCACA,iEAEA,2CACE,4CAGF,oDACE,qDAGF,sDACE,mDAMF,0EACE,8CAGF,qFACE,qDAMF,0EACE,cAKJ,6CACE,sCACA,wCAEA,gEACE,+CAGF,2EACE,sDAMF,mFAEE,uDAGF,8FAEE,8DAOJ,mDACE,qBAEA,+EACE,qBAMF,gFACE,oDAGF,yFACE,6DAGF,2FACE,2DAMF,yFAEE,6DAGF,kGACE,qBAEF,oGAEE,oEAOJ,8BAKI,0OACE,YACA,iBAGF,8QACE,YAGF,sRACE,gBAMN,8BAGI,uJACE,kBAGF,6KACE,iBAMN,8BAII,4OACE,gBAGF,6QACE","file":"radio.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/search-field/search-field.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAOA,kBACE,aACA,kBAUF,yBACE,gEACA,wDACA,wDACA,wDACA,sBACA,0CACA,sDACA,kDACA,sDACA,iBACA,sDACA,4DACA,0DACA,4DACA,0BCxBA,kCACA,2BACA,8BACA,8CDCA,gBACA,gBACA,eAuBA,+BACE,UAQJ,sCACE,sDAGF,2GAEE,gEAGF,8CACE,0DAGF,uHAEE,sEACA,kEAGF,uDACE,gBACA,8EACA,kEACA,0DACA,oEACA","file":"search-field.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/search-field/search-field.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAOA,kBACE,aACA,kBAUF,yBACE,gEACA,wDACA,wDACA,wDACA,sBACA,0CACA,sDACA,kDACA,sDACA,iBACA,sDACA,4DACA,0DACA,4DACA,0BCxBA,kCACA,2BACA,8BAIA,sBDHA,wBACA,gBACA,gBACA,eAuBA,+BACE,UAQJ,sCACE,sDAGF,2GAEE,gEAGF,8CACE,0DAGF,uHAEE,sEACA,kEAGF,uDACE,gBACA,8EACA,kEACA,0DACA,oEACA","file":"search-field.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/standalone-link/standalone-link.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,qBACE,uCACA,iDACA,oBACA,mDACA,+CACA,mDACA,mDACA,yDACA,qEACA,+EACA,uECbA,kEACA,aACA,yBCEA,kCACA,2BACA,8BACA,sBFWA,2BACE,6CACA,2EAIJ,+BACE,gDAEA,qCACE,sDAIJ,8BACE,+CAEA,oCACE","file":"standalone-link.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/standalone-link/standalone-link.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,qBACE,uCACA,iDACA,oBACA,mDACA,+CACA,mDACA,mDACA,yDACA,qEACA,+EACA,uECXA,kEAEA,aACA,yBCDA,kCACA,2BACA,8BAIA,sBFQA,2BACE,6CACA,2EAIJ,+BACE,gDAEA,qCACE,sDAIJ,8BACE,+CAEA,oCACE","file":"standalone-link.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/table-of-contents/table-of-contents.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,uBACE,aACA,sBACA,qDACA,iDACA,qDACA,qCACA,qDAGF,6BACE,sBACA,aACA,sBACA,0CACA,gBCtBA,kEACA,aACA,yBCEA,kCACA,2BACA,8BACA,sBFJA,eACA,iBAwBA,0DACE,+EACA,iFAIJ,6BACE,8CACA,gEACA,4EACA,sFACA,8EAEA,mCACE,oDACA","file":"table-of-contents.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/table-of-contents/table-of-contents.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,uBACE,aACA,sBACA,qDACA,iDACA,qDACA,qCACA,qDAGF,6BACE,sBACA,aACA,sBACA,0CACA,gBCpBA,kEAEA,aACA,yBCDA,kCACA,2BACA,8BAIA,sBFPA,eACA,iBAwBA,0DACE,+EACA,iFAIJ,6BACE,8CACA,gEACA,4EACA,sFACA,8EAEA,mCACE,oDACA","file":"table-of-contents.css"}
@@ -1 +1 @@
1
- .ams-tabs{display:grid;gap:var(--ams-tabs-gap)}.ams-tabs__list{box-shadow:var(--ams-tabs-list-box-shadow);display:flex;overflow-x:auto}.ams-tabs__button{color:var(--ams-tabs-button-color);cursor:var(--ams-tabs-button-cursor);display:grid;flex-shrink:0;font-family:var(--ams-tabs-button-font-family);font-size:var(--ams-tabs-button-font-size);font-weight:var(--ams-tabs-button-font-weight);line-height:var(--ams-tabs-button-line-height);outline-offset:var(--ams-tabs-button-outline-offset);padding-block:var(--ams-tabs-button-padding-block);padding-inline:var(--ams-tabs-button-padding-inline);background-color:rgba(0,0,0,0);border:none;margin-block:0;margin-inline:0}.ams-tabs__button:disabled{color:var(--ams-tabs-button-disabled-color);cursor:var(--ams-tabs-button-disabled-cursor)}@media(forced-colors: active){.ams-tabs__button:disabled{color:GrayText}}.ams-tabs__button:hover:not([disabled]){color:var(--ams-tabs-button-hover-color)}.ams-tabs__button:hover:not([aria-selected=true],[disabled]){box-shadow:var(--ams-tabs-button-hover-box-shadow)}.ams-tabs__button[aria-selected=true]{box-shadow:var(--ams-tabs-button-selected-box-shadow);font-weight:var(--ams-tabs-button-selected-font-weight)}@media(forced-colors: active){.ams-tabs__button[aria-selected=true]{background-color:SelectedItem}}.ams-tabs__button-label,.ams-tabs__button-label-hidden{grid-area:1/1}.ams-tabs__button-label-hidden{font-weight:var(--ams-tabs-button-selected-font-weight);pointer-events:none;user-select:none;visibility:hidden}.ams-tabs__panel{overflow-x:auto}/*# sourceMappingURL=tabs.css.map */
1
+ .ams-tabs{display:grid;gap:var(--ams-tabs-gap)}.ams-tabs__list{box-shadow:var(--ams-tabs-list-box-shadow);display:flex;overflow-x:auto}.ams-tabs__button{color:var(--ams-tabs-button-color);cursor:var(--ams-tabs-button-cursor);display:grid;flex-shrink:0;font-family:var(--ams-tabs-button-font-family);font-size:var(--ams-tabs-button-font-size);font-weight:var(--ams-tabs-button-font-weight);line-height:var(--ams-tabs-button-line-height);outline-offset:var(--ams-tabs-button-outline-offset);padding-block:var(--ams-tabs-button-padding-block);padding-inline:var(--ams-tabs-button-padding-inline);background-color:rgba(0,0,0,0);border:none;margin-block:0;margin-inline:0}.ams-tabs__button:disabled{color:var(--ams-tabs-button-disabled-color);cursor:var(--ams-tabs-button-disabled-cursor)}@media(forced-colors: active){.ams-tabs__button:disabled{color:GrayText}}.ams-tabs__button:hover:not([disabled]){color:var(--ams-tabs-button-hover-color)}.ams-tabs__button:hover:not([aria-selected=true],[disabled]){box-shadow:var(--ams-tabs-button-hover-box-shadow)}.ams-tabs__button[aria-selected=true]{box-shadow:var(--ams-tabs-button-selected-box-shadow);font-weight:var(--ams-tabs-button-selected-font-weight)}@media(forced-colors: active){.ams-tabs__button[aria-selected=true]{background-color:SelectedItem}}.ams-tabs__button-label,.ams-tabs__button-label-hidden{grid-area:1/1}.ams-tabs__button-label-hidden{font-weight:var(--ams-tabs-button-selected-font-weight);pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden}.ams-tabs__panel{overflow-x:auto}/*# sourceMappingURL=tabs.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/tabs/tabs.scss"],"names":[],"mappings":"AAgBA,UACE,aACA,wBAGF,gBACE,2CACA,aACA,gBAGF,kBACE,mCACA,qCACA,aACA,cACA,+CACA,2CACA,+CACA,+CACA,qDACA,mDACA,qDA9BA,+BACA,YACA,eACA,gBA+BA,2BACE,4CACA,8CAEA,8BAJF,2BAKI,gBAIJ,wCACE,yCAGF,6DACE,mDAGF,sCACE,sDACA,wDAEA,8BAJF,sCAKI,+BAKN,uDAEE,cAKF,+BACE,wDACA,oBACA,iBACA,kBAGF,iBACE","file":"tabs.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/tabs/tabs.scss"],"names":[],"mappings":"AAgBA,UACE,aACA,wBAGF,gBACE,2CACA,aACA,gBAGF,kBACE,mCACA,qCACA,aACA,cACA,+CACA,2CACA,+CACA,+CACA,qDACA,mDACA,qDA9BA,+BACA,YACA,eACA,gBA+BA,2BACE,4CACA,8CAEA,8BAJF,2BAKI,gBAIJ,wCACE,yCAGF,6DACE,mDAGF,sCACE,sDACA,wDAEA,8BAJF,sCAKI,+BAKN,uDAEE,cAKF,+BACE,wDACA,oBACA,yBAIA,iBACA,kBAGF,iBACE","file":"tabs.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/text-area/text-area.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,eACE,uDACA,+CACA,+CACA,+CACA,sBACA,iCACA,6CACA,yCACA,6CACA,iBACA,6CACA,qBACA,mDACA,mDACA,iDACA,mDACA,0BCrBA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,gBACA,eA8BF,4BACE,6CAJA,aASF,wBACE,0CACA,4CAGF,uFAEE,uDAGF,oCACE,iDAGF,mGAEE,6DACA,yDAGF,4BACE,YAGF,kCACE,cAGF,gCACE,aAGF,qBACE","file":"text-area.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/text-area/text-area.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,eACE,uDACA,+CACA,+CACA,+CACA,sBACA,iCACA,6CACA,yCACA,6CACA,iBACA,6CACA,qBACA,mDACA,mDACA,iDACA,mDACA,0BCrBA,kCACA,2BACA,8BAIA,sBDRA,wBACA,gBACA,gBACA,eA8BF,4BACE,6CAJA,aASF,wBACE,0CACA,4CAGF,uFAEE,uDAGF,oCACE,iDAGF,mGAEE,6DACA,yDAOF,4BAEE,YAGF,kCAEE,cAGF,gCAEE,aAGF,qBACE","file":"text-area.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/text-input/text-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,gBACE,wDACA,gDACA,gDACA,gDACA,sBACA,kCACA,8CACA,0CACA,8CACA,8CACA,qBACA,oDACA,kDACA,oDACA,0BCnBA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,gBACA,eAwBF,4BACE,iBAOF,6BACE,8CAJA,aASF,yBACE,2CACA,6CAGF,yFAEE,wDAGF,qCACE,kDAGF,qGAEE,8DACA","file":"text-input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/text-input/text-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,gBACE,wDACA,gDACA,gDACA,gDACA,sBACA,kCACA,8CACA,0CACA,8CACA,8CACA,qBACA,oDACA,kDACA,oDACA,0BCnBA,kCACA,2BACA,8BAIA,sBDRA,wBACA,gBACA,gBACA,eAwBF,4BACE,iBAOF,6BACE,8CAJA,aASF,yBACE,2CACA,6CAGF,yFAEE,wDAGF,qCACE,kDAGF,qGAEE,8DACA","file":"text-input.css"}
@@ -1 +1 @@
1
- .ams-time-input{background-color:var(--ams-time-input-background-color);border-color:var(--ams-time-input-border-color);border-style:var(--ams-time-input-border-style);border-width:var(--ams-time-input-border-width);box-sizing:border-box;color:var(--ams-time-input-color);font-family:var(--ams-time-input-font-family);font-size:var(--ams-time-input-font-size);font-weight:var(--ams-time-input-font-weight);line-height:var(--ams-time-input-line-height);min-block-size:calc(var(--ams-time-input-font-size)*var(--ams-time-input-line-height) + 2*var(--ams-time-input-padding-block));min-inline-size:calc(4ch + 2*var(--ams-time-input-padding-inline));outline-offset:var(--ams-time-input-outline-offset);padding-block:var(--ams-time-input-padding-block);padding-inline:var(--ams-time-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;appearance:none;border-radius:0;inline-size:auto;margin-block:0}.ams-time-input::-webkit-datetime-edit,.ams-time-input::-webkit-datetime-edit-ampm-field,.ams-time-input::-webkit-datetime-edit-fields-wrapper,.ams-time-input::-webkit-datetime-edit-hour-field,.ams-time-input::-webkit-datetime-edit-millisecond-field,.ams-time-input::-webkit-datetime-edit-minute-field,.ams-time-input::-webkit-datetime-edit-second-field{padding-block:0}.ams-time-input::-webkit-calendar-picker-indicator{appearance:none;background-image:var(--ams-time-input-calender-picker-indicator-background-image);cursor:var(--ams-time-input-calender-picker-indicator-cursor)}.ams-time-input:hover::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-hover-calender-picker-indicator-background-image)}.ams-time-input:disabled{color:var(--ams-time-input-disabled-color);cursor:var(--ams-time-input-disabled-cursor)}.ams-time-input:disabled::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-disabled-calender-picker-indicator-background-image);visibility:visible}.ams-time-input:not(:disabled):invalid,.ams-time-input:not(:disabled)[aria-invalid=true]{border-color:var(--ams-time-input-invalid-border-color)}.ams-time-input:not(:disabled):hover{box-shadow:var(--ams-time-input-hover-box-shadow)}.ams-time-input:not(:disabled):invalid:hover,.ams-time-input:not(:disabled)[aria-invalid=true]:hover{border-color:var(--ams-time-input-invalid-hover-border-color);box-shadow:var(--ams-time-input-invalid-hover-box-shadow)}/*# sourceMappingURL=time-input.css.map */
1
+ .ams-time-input{background-color:var(--ams-time-input-background-color);border-color:var(--ams-time-input-border-color);border-style:var(--ams-time-input-border-style);border-width:var(--ams-time-input-border-width);box-sizing:border-box;color:var(--ams-time-input-color);font-family:var(--ams-time-input-font-family);font-size:var(--ams-time-input-font-size);font-weight:var(--ams-time-input-font-weight);line-height:var(--ams-time-input-line-height);min-block-size:calc(var(--ams-time-input-font-size)*var(--ams-time-input-line-height) + 2*var(--ams-time-input-padding-block));min-inline-size:calc(4ch + 2*var(--ams-time-input-padding-inline));outline-offset:var(--ams-time-input-outline-offset);padding-block:var(--ams-time-input-padding-block);padding-inline:var(--ams-time-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;appearance:none;border-radius:0;inline-size:auto;margin-block:0}.ams-time-input::-webkit-datetime-edit,.ams-time-input::-webkit-datetime-edit-ampm-field,.ams-time-input::-webkit-datetime-edit-fields-wrapper,.ams-time-input::-webkit-datetime-edit-hour-field,.ams-time-input::-webkit-datetime-edit-millisecond-field,.ams-time-input::-webkit-datetime-edit-minute-field,.ams-time-input::-webkit-datetime-edit-second-field{padding-block:0}.ams-time-input::-webkit-calendar-picker-indicator{appearance:none;background-image:var(--ams-time-input-calendar-picker-indicator-background-image);cursor:var(--ams-time-input-calendar-picker-indicator-cursor)}.ams-time-input:hover::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-hover-calendar-picker-indicator-background-image)}.ams-time-input:disabled{color:var(--ams-time-input-disabled-color);cursor:var(--ams-time-input-disabled-cursor)}.ams-time-input:disabled::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-disabled-calendar-picker-indicator-background-image);visibility:visible}.ams-time-input:not(:disabled):invalid,.ams-time-input:not(:disabled)[aria-invalid=true]{border-color:var(--ams-time-input-invalid-border-color)}.ams-time-input:not(:disabled):hover{box-shadow:var(--ams-time-input-hover-box-shadow)}.ams-time-input:not(:disabled):invalid:hover,.ams-time-input:not(:disabled)[aria-invalid=true]:hover{border-color:var(--ams-time-input-invalid-hover-border-color);box-shadow:var(--ams-time-input-invalid-hover-box-shadow)}/*# sourceMappingURL=time-input.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/time-input/time-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAyBA,gBACE,wDACA,gDACA,gDACA,gDACA,sBACA,kCACA,8CACA,0CACA,8CACA,8CAGA,+HAKA,mEACA,oDACA,kDACA,oDACA,0BCrCA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,gBACA,iBACA,eAEA,kWAOE,gBAiCJ,mDACE,gBACA,kFACA,8DAGF,yDACE,wFAGF,yBACE,2CACA,6CAGF,4DACE,2FACA,mBAGF,yFAEE,wDAGF,qCACE,kDAGF,qGAEE,8DACA","file":"time-input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/time-input/time-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAyBA,gBACE,wDACA,gDACA,gDACA,gDACA,sBACA,kCACA,8CACA,0CACA,8CACA,8CAGA,+HAKA,mEACA,oDACA,kDACA,oDACA,0BCrCA,kCACA,2BACA,8BAIA,sBDRA,wBACA,gBACA,gBACA,iBACA,eAEA,kWAOE,gBAiCJ,mDACE,gBACA,kFACA,8DAGF,yDACE,wFAGF,yBACE,2CACA,6CAGF,4DACE,2FACA,mBAGF,yFAEE,wDAGF,qCACE,kDAGF,qGAEE,8DACA","file":"time-input.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/unordered-list/unordered-list.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,oBACE,sBACA,aACA,kCCXA,kEACA,aACA,yBCEA,kCACA,2BACA,8BACA,sBFJA,gBACA,eACA,uBAaF,yDACE,sCACA,kDACA,8CACA,kDACA,kDACA,0DAEA,mFACE,uEACA,yEAIJ,kEACE,8CAGF,gEACE,oDACA,wDAIA,+DACE,iDACA,yEACA,iFAEA,yFACE,sFACA,wFAIJ,iFACE","file":"unordered-list.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/unordered-list/unordered-list.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,oBACE,sBACA,aACA,kCCTA,kEAEA,aACA,yBCDA,kCACA,2BACA,8BAIA,sBFPA,gBACA,eACA,uBAaF,yDACE,sCACA,kDACA,8CACA,kDACA,kDACA,0DAEA,mFACE,uEACA,yEAIJ,kEACE,8CAGF,gEACE,oDACA,wDAIA,+DACE,iDACA,yEACA,iFAEA,yFACE,sFACA,wFAIJ,iFACE","file":"unordered-list.css"}
@@ -1 +1 @@
1
- .ams-visually-hidden:not(:active,:focus){block-size:1px;clip:rect(0 0 0 0);clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;user-select:none;white-space:nowrap}/*# sourceMappingURL=visually-hidden.css.map */
1
+ .ams-visually-hidden:not(:active,:focus){block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}/*# sourceMappingURL=visually-hidden.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/visually-hidden/visually-hidden.scss"],"names":[],"mappings":"AAMA,yCACE,eACA,mBACA,qBACA,gBACA,gBACA,kBACA,iBACA","file":"visually-hidden.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/visually-hidden/visually-hidden.scss"],"names":[],"mappings":"AAMA,yCACE,eACA,qBACA,gBACA,gBACA,kBACA,yBAIA,iBACA","file":"visually-hidden.css"}
@@ -1,3 +1,5 @@
1
+ <!-- @license CC0-1.0 -->
2
+
1
3
  # Coding Conventions
2
4
 
3
5
  ## Where to put properties for various states
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "2.0.1",
2
+ "version": "2.2.0",
3
3
  "author": "Design System Team, City of Amsterdam <designsystem@amsterdam.nl>",
4
4
  "description": "Stylesheets for all components from the Amsterdam Design System and some general utilities. Use it to apply the visual design of the City of Amsterdam to your HTML elements or non-React components.",
5
5
  "homepage": "https://designsystem.amsterdam",
@@ -19,10 +19,10 @@
19
19
  "directory": "packages/css"
20
20
  },
21
21
  "devDependencies": {
22
- "sass": "1.93.0"
22
+ "sass": "1.94.0"
23
23
  },
24
24
  "peerDependencies": {
25
- "@amsterdam/design-system-tokens": "2.0.0",
25
+ "@amsterdam/design-system-tokens": "2.2.0",
26
26
  "@amsterdam/design-system-assets": "1.1.0"
27
27
  },
28
28
  "scripts": {
@@ -5,6 +5,8 @@
5
5
 
6
6
  @use "sass:math";
7
7
 
8
+ /* This is a SCSS function, not a CSS function. This gets converted to vanilla CSS when built. */
9
+ /* stylelint-disable-next-line plugin/use-baseline */
8
10
  @function calculate-fluid-style($minSizePx, $maxSizePx, $minScreenWidthPx: 320, $maxScreenWidthPx: 1440) {
9
11
  $defaultBaseSize: 16;
10
12
  $minSize: math.div($minSizePx, $defaultBaseSize) * 1rem;
@@ -4,7 +4,10 @@
4
4
  */
5
5
 
6
6
  @mixin hyphenation {
7
+ /* These CSS declarations have a fallback, so it's safe to use them. */
8
+ /* stylelint-disable-next-line plugin/use-baseline */
7
9
  hyphenate-limit-chars: var(--ams-typography-hyphenate-limit-chars);
10
+ /* stylelint-disable-next-line plugin/use-baseline */
8
11
  hyphens: auto;
9
12
  overflow-wrap: break-word; // Break overflowing words for browsers that don’t support CSS hyphens.
10
13
  }
@@ -11,5 +11,8 @@
11
11
  text-rendering: optimizeLegibility;
12
12
  -moz-text-size-adjust: none;
13
13
  -webkit-text-size-adjust: none;
14
+
15
+ /* The prefixed declarations increase the support somewhat, and if the property is not supported it is ignored. */
16
+ /* stylelint-disable-next-line plugin/use-baseline */
14
17
  text-size-adjust: none;
15
18
  }
@@ -11,7 +11,7 @@
11
11
  border-style: var(--ams-avatar-border-style);
12
12
  border-width: var(--ams-avatar-border-width);
13
13
  color: var(--ams-avatar-color);
14
- display: inline-flex;
14
+ display: inline-grid; /* Avoid Safari flexbox bug that distorts images by resolving intrinsic size incorrectly. */
15
15
  font-family: var(--ams-avatar-font-family);
16
16
  font-size: var(--ams-avatar-font-size);
17
17
  inline-size: calc(var(--ams-avatar-line-height) * var(--ams-avatar-font-size));
@@ -34,7 +34,15 @@
34
34
  overflow: hidden;
35
35
  padding-block: 0;
36
36
  padding-inline: 0;
37
- vertical-align: middle; /* Remove ‘phantom’ white space when image doesn’t load */
37
+ place-content: stretch; /* Make the image occupy the full avatar area, even when its intrinsic size is smaller. */
38
+ vertical-align: middle; /* Remove ‘phantom’ white space when image doesn’t load. */
39
+
40
+ /* Ensure Safari ignores intrinsic image sizing inside flex/grid containers, preventing incorrect scaling and distortion. */
41
+ img {
42
+ block-size: 100%;
43
+ inline-size: 100%;
44
+ object-fit: cover;
45
+ }
38
46
  }
39
47
 
40
48
  .ams-avatar--azure {
@@ -12,6 +12,12 @@
12
12
  }
13
13
 
14
14
  .ams-breadcrumb {
15
+ /*
16
+ * If break-after is supported, use it to avoid Breadcrumbs from being the last item on a page when printed.
17
+ * If it is not supported, it is ignored.
18
+ */
19
+ /* stylelint-disable-next-line plugin/use-baseline */
20
+ break-after: avoid;
15
21
  font-family: var(--ams-breadcrumb-font-family);
16
22
  font-size: var(--ams-breadcrumb-font-size);
17
23
  font-weight: var(--ams-breadcrumb-font-weight);
@@ -20,7 +26,6 @@
20
26
 
21
27
  .ams-breadcrumb__list {
22
28
  box-sizing: border-box;
23
- break-after: avoid;
24
29
  break-inside: avoid;
25
30
 
26
31
  @include hyphenation;
@@ -115,7 +115,15 @@ $ams-breakout-row-span-max: 4;
115
115
  .ams-breakout__cell--has-spotlight {
116
116
  display: grid; /* Stretches the empty Spotlight vertically. */
117
117
  margin-block: calc(var(--ams-space-xl) * -1);
118
- margin-inline: calc(var(--ams-space-2xl) * -1);
118
+ margin-inline: calc(var(--ams-grid-padding-inline) * -1);
119
+
120
+ @media screen and (min-width: $ams-breakpoint-medium) {
121
+ margin-inline: calc(var(--ams-grid-medium-padding-inline) * -1);
122
+ }
123
+
124
+ @media screen and (min-width: $ams-breakpoint-wide) {
125
+ margin-inline: calc(var(--ams-grid-wide-padding-inline) * -1);
126
+ }
119
127
 
120
128
  .ams-breakout--gap-vertical--small > & {
121
129
  margin-block: calc(var(--ams-space-l) * -1);
@@ -9,18 +9,22 @@
9
9
  position: relative; // Allows stretching the card link below.
10
10
  touch-action: manipulation;
11
11
 
12
- // Set native outline to Card if it has a visible focus inside.
12
+ /*
13
+ * Set native outline to Card if it has a visible focus inside.
14
+ * It is okay to use the :has() pseudo-class here, because we have a fallback for browsers that do not support it.
15
+ */
16
+ /* stylelint-disable-next-line plugin/use-baseline */
13
17
  &:has(:focus-visible) {
14
18
  outline-color: -webkit-focus-ring-color;
15
19
  outline-style: auto;
16
20
  outline-width: 0.0625rem;
17
21
  }
18
22
 
19
- > .ams-card__heading:has(+ *) {
23
+ > .ams-card__heading:not(:last-child) {
20
24
  margin-block-end: var(--ams-card-heading-margin-block-end);
21
25
  }
22
26
 
23
- > .ams-card__image:has(+ *) {
27
+ > .ams-card__image:not(:last-child) {
24
28
  margin-block-end: var(--ams-card-image-margin-block-end);
25
29
  }
26
30
  }
@@ -38,8 +42,10 @@
38
42
  text-decoration-thickness: var(--ams-card-link-text-decoration-thickness);
39
43
  text-underline-offset: var(--ams-card-link-text-underline-offset);
40
44
 
41
- // Make the whole Card clickable by making the link cover its entire area.
42
- // Source: https://inclusive-components.design/cards/
45
+ /*
46
+ * Make the whole Card clickable by making the link cover its entire area.
47
+ * Source: https://inclusive-components.design/cards/
48
+ */
43
49
  &::after {
44
50
  content: "";
45
51
  display: block;
@@ -53,9 +59,12 @@
53
59
  text-decoration-line: var(--ams-card-link-hover-text-decoration-line);
54
60
  }
55
61
 
56
- // Remove the outline from the link; it’s already on the Card.
57
- // Reuses the `.ams-card:has(:focus-visible)` selector above, so that
58
- // browsers that support it apply both styles, while those that don’t apply neither.
62
+ /*
63
+ * Remove the outline from the link; it’s already on the Card.
64
+ * Reuses the `.ams-card:has(:focus-visible)` selector above, so that
65
+ * browsers that support it apply both styles, while those that don’t apply neither.
66
+ */
67
+ /* stylelint-disable-next-line plugin/use-baseline */
59
68
  .ams-card:has(:focus-visible) &:focus {
60
69
  outline: none;
61
70
  }
@@ -65,6 +65,7 @@
65
65
  }
66
66
  }
67
67
 
68
+ /* stylelint-disable no-invalid-position-declaration */
68
69
  @mixin forced-colors-selected {
69
70
  @media (forced-colors: active) {
70
71
  fill: ActiveText;
@@ -78,6 +79,7 @@
78
79
  stroke: GrayText;
79
80
  }
80
81
  }
82
+ /* stylelint-enable no-invalid-position-declaration */
81
83
 
82
84
  .ams-checkbox__input {
83
85
  @include hide-input;
@@ -57,12 +57,12 @@
57
57
  // This changes the default calendar icon on Chromium browsers only
58
58
  .ams-date-input::-webkit-calendar-picker-indicator {
59
59
  appearance: none;
60
- background-image: var(--ams-date-input-calender-picker-indicator-background-image);
61
- cursor: var(--ams-date-input-calender-picker-indicator-cursor);
60
+ background-image: var(--ams-date-input-calendar-picker-indicator-background-image);
61
+ cursor: var(--ams-date-input-calendar-picker-indicator-cursor);
62
62
  }
63
63
 
64
64
  .ams-date-input:hover::-webkit-calendar-picker-indicator {
65
- background-image: var(--ams-date-input-hover-calender-picker-indicator-background-image);
65
+ background-image: var(--ams-date-input-hover-calendar-picker-indicator-background-image);
66
66
  }
67
67
 
68
68
  .ams-date-input:disabled {
@@ -71,7 +71,7 @@
71
71
  }
72
72
 
73
73
  .ams-date-input:disabled::-webkit-calendar-picker-indicator {
74
- background-image: var(--ams-date-input-disabled-calender-picker-indicator-background-image);
74
+ background-image: var(--ams-date-input-disabled-calendar-picker-indicator-background-image);
75
75
  visibility: visible;
76
76
  }
77
77
 
@@ -76,12 +76,6 @@
76
76
  }
77
77
  }
78
78
 
79
- // Aligns terms and descriptions in a section to the grid of the list.
80
- // The extra class selector increases specificity to match earlier declarations.
81
- .ams-description-list .ams-description-list__section {
82
- grid-template-columns: subgrid;
83
- }
84
-
85
79
  .ams-description-list__description {
86
80
  font-weight: var(--ams-description-list-description-font-weight);
87
81
  padding-inline-start: var(--ams-description-list-description-padding-inline-start);
@@ -25,7 +25,8 @@
25
25
  }
26
26
 
27
27
  @mixin reset-legend {
28
- float: inline-start; // [1]
28
+ /* stylelint-disable-next-line csstools/use-logical */
29
+ float: left; // [1]
29
30
  inline-size: 100%; // [1]
30
31
  padding-inline: 0;
31
32
 
@@ -41,6 +42,12 @@
41
42
  font-weight: var(--ams-field-set-legend-font-weight);
42
43
  line-height: var(--ams-field-set-legend-line-height);
43
44
  margin-block-end: var(--ams-field-set-legend-margin-block-end); // [3]
45
+
46
+ /*
47
+ * If text-wrap is not supported, it is ignored.
48
+ * This means the wrapped text will look less balanced, which is fine.
49
+ */
50
+ /* stylelint-disable-next-line plugin/use-baseline */
44
51
  text-wrap: var(--ams-field-set-legend-text-wrap);
45
52
 
46
53
  @include hyphenation;
@@ -48,6 +55,17 @@
48
55
  @include reset-legend;
49
56
  }
50
57
 
58
+ .ams-field-set__legend--in-fieldset {
59
+ font-weight: var(--ams-field-set-legend-in-fieldset-font-weight);
60
+ }
61
+
62
+ .ams-field-set__heading {
63
+ font-size: inherit;
64
+ font-weight: inherit;
65
+ margin-block: 0;
66
+ }
67
+
51
68
  // [1] This combination allows the fieldset border to go around the legend, instead of through it.
69
+ // The actual value for float is not important, a legend should never have elements that wrap around it.
52
70
  // [2] Reset the applied float for the legend’s first sibling.
53
71
  // [3] We can’t use grid or flex display and a gap because of a bug in Chrome.
@@ -3,6 +3,8 @@
3
3
  * Copyright Gemeente Amsterdam
4
4
  */
5
5
 
6
+ /* stylelint-disable no-invalid-position-declaration */
7
+
6
8
  @use "../../common/breakpoint" as *;
7
9
 
8
10
  @mixin ams-grid {
@@ -12,11 +12,23 @@
12
12
 
13
13
  .ams-heading {
14
14
  box-sizing: border-box;
15
+
16
+ /*
17
+ * If break-after is supported, use it to avoid a Heading from being the last item on a page when printed.
18
+ * If it is not supported, it is ignored.
19
+ */
20
+ /* stylelint-disable-next-line plugin/use-baseline */
15
21
  break-after: avoid;
16
22
  break-inside: avoid;
17
23
  color: var(--ams-heading-color);
18
24
  font-family: var(--ams-heading-font-family);
19
25
  font-weight: var(--ams-heading-font-weight);
26
+
27
+ /*
28
+ * If text-wrap is not supported, it is ignored.
29
+ * This means the wrapped text will look less balanced, which is fine.
30
+ */
31
+ /* stylelint-disable-next-line plugin/use-baseline */
20
32
  text-wrap: var(--ams-heading-text-wrap);
21
33
 
22
34
  @include hyphenation;
@@ -7,3 +7,7 @@
7
7
  display: inline-block;
8
8
  font-weight: var(--ams-hint-font-weight);
9
9
  }
10
+
11
+ .ams-hint--in-fieldset {
12
+ color: var(--ams-hint-in-fieldset-color);
13
+ }
@@ -33,12 +33,18 @@
33
33
  overflow-x: auto;
34
34
  overscroll-behavior-x: contain;
35
35
 
36
- /**
37
- Required for the goToSlide function to work properly.
38
- Ensures that the offset of the slides is calculated relative to the scroller container.
39
- */
36
+ /*
37
+ * Required for the goToSlide function to work properly.
38
+ * Ensures that the offset of the slides is calculated relative to the scroller container.
39
+ */
40
40
  position: relative;
41
41
  scroll-snap-type: x mandatory;
42
+
43
+ /*
44
+ * Hide the scrollbar in Firefox.
45
+ * Firefox has full support for this property.
46
+ */
47
+ /* stylelint-disable-next-line plugin/use-baseline */
42
48
  scrollbar-width: none;
43
49
 
44
50
  &::-webkit-scrollbar {
@@ -12,8 +12,24 @@
12
12
  font-size: var(--ams-label-font-size);
13
13
  font-weight: var(--ams-label-font-weight);
14
14
  line-height: var(--ams-label-line-height);
15
+
16
+ /*
17
+ * If text-wrap is not supported, it is ignored.
18
+ * This means the wrapped text will look less balanced, which is fine.
19
+ */
20
+ /* stylelint-disable-next-line plugin/use-baseline */
15
21
  text-wrap: var(--ams-label-text-wrap);
16
22
 
17
23
  @include hyphenation;
18
24
  @include text-rendering;
19
25
  }
26
+
27
+ .ams-label--in-fieldset {
28
+ font-weight: var(--ams-label-in-fieldset-font-weight);
29
+ }
30
+
31
+ .ams-label__heading {
32
+ font-size: var(--ams-label-font-size);
33
+ font-weight: var(--ams-label-font-weight);
34
+ margin-block: 0;
35
+ }