@amsterdam/design-system-css 0.4.0 → 0.6.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 (177) hide show
  1. package/CHANGELOG.md +51 -2
  2. package/LICENSE.txt +287 -0
  3. package/README.md +11 -0
  4. package/dist/accordion/accordion.css +1 -1
  5. package/dist/accordion/accordion.css.map +1 -1
  6. package/dist/alert/alert.css +1 -1
  7. package/dist/alert/alert.css.map +1 -1
  8. package/dist/badge/badge.css +1 -1
  9. package/dist/badge/badge.css.map +1 -1
  10. package/dist/blockquote/blockquote.css +1 -1
  11. package/dist/blockquote/blockquote.css.map +1 -1
  12. package/dist/breadcrumb/breadcrumb.css +1 -1
  13. package/dist/breadcrumb/breadcrumb.css.map +1 -1
  14. package/dist/button/button.css +1 -1
  15. package/dist/button/button.css.map +1 -1
  16. package/dist/checkbox/checkbox.css +1 -1
  17. package/dist/checkbox/checkbox.css.map +1 -1
  18. package/dist/column/column.css +1 -0
  19. package/dist/column/column.css.map +1 -0
  20. package/dist/dialog/dialog.css +1 -1
  21. package/dist/dialog/dialog.css.map +1 -1
  22. package/dist/fieldset/fieldset.css +1 -0
  23. package/dist/fieldset/fieldset.css.map +1 -0
  24. package/dist/form-label/form-label.css +1 -1
  25. package/dist/form-label/form-label.css.map +1 -1
  26. package/dist/gap/gap.css +1 -0
  27. package/dist/gap/gap.css.map +1 -0
  28. package/dist/grid/grid.css +1 -1
  29. package/dist/grid/grid.css.map +1 -1
  30. package/dist/header/header.css +1 -1
  31. package/dist/header/header.css.map +1 -1
  32. package/dist/heading/heading.css +1 -1
  33. package/dist/heading/heading.css.map +1 -1
  34. package/dist/icon/icon.css +1 -1
  35. package/dist/icon/icon.css.map +1 -1
  36. package/dist/index.css +1 -1
  37. package/dist/index.css.map +1 -1
  38. package/dist/link/link.css +1 -1
  39. package/dist/link/link.css.map +1 -1
  40. package/dist/link-list/link-list.css +1 -1
  41. package/dist/link-list/link-list.css.map +1 -1
  42. package/dist/margin/margin.css +1 -0
  43. package/dist/margin/margin.css.map +1 -0
  44. package/dist/mega-menu/mega-menu.css.map +1 -1
  45. package/dist/ordered-list/ordered-list.css +1 -1
  46. package/dist/ordered-list/ordered-list.css.map +1 -1
  47. package/dist/page-heading/page-heading.css +1 -1
  48. package/dist/page-heading/page-heading.css.map +1 -1
  49. package/dist/page-menu/page-menu.css +1 -1
  50. package/dist/page-menu/page-menu.css.map +1 -1
  51. package/dist/pagination/pagination.css +1 -1
  52. package/dist/pagination/pagination.css.map +1 -1
  53. package/dist/paragraph/paragraph.css +1 -1
  54. package/dist/paragraph/paragraph.css.map +1 -1
  55. package/dist/radio/radio.css +1 -0
  56. package/dist/radio/radio.css.map +1 -0
  57. package/dist/row/row.css +1 -0
  58. package/dist/row/row.css.map +1 -0
  59. package/dist/search-field/search-field.css +1 -1
  60. package/dist/search-field/search-field.css.map +1 -1
  61. package/dist/skip-link/skip-link.css +1 -1
  62. package/dist/skip-link/skip-link.css.map +1 -1
  63. package/dist/switch/switch.css +1 -1
  64. package/dist/switch/switch.css.map +1 -1
  65. package/dist/table/table.css +1 -1
  66. package/dist/table/table.css.map +1 -1
  67. package/dist/tabs/tabs.css +1 -0
  68. package/dist/tabs/tabs.css.map +1 -0
  69. package/dist/text-area/text-area.css +1 -0
  70. package/dist/text-area/text-area.css.map +1 -0
  71. package/dist/text-input/text-input.css +1 -1
  72. package/dist/text-input/text-input.css.map +1 -1
  73. package/dist/top-task-link/top-task-link.css +1 -1
  74. package/dist/top-task-link/top-task-link.css.map +1 -1
  75. package/dist/unordered-list/unordered-list.css +1 -1
  76. package/dist/unordered-list/unordered-list.css.map +1 -1
  77. package/package.json +9 -10
  78. package/src/common/breakpoint.scss +1 -1
  79. package/src/common/calculate-fluid-style.scss +1 -1
  80. package/src/common/hide-input.scss +11 -0
  81. package/src/common/hyphenation.scss +10 -0
  82. package/src/common/input-label-focus.scss +21 -0
  83. package/src/common/size.scss +13 -0
  84. package/src/components/accordion/README.md +2 -0
  85. package/src/components/accordion/accordion.scss +7 -12
  86. package/src/components/alert/README.md +4 -2
  87. package/src/components/alert/alert.scss +3 -5
  88. package/src/components/aspect-ratio/README.md +2 -0
  89. package/src/components/aspect-ratio/aspect-ratio.scss +1 -1
  90. package/src/components/badge/README.md +2 -0
  91. package/src/components/badge/badge.scss +3 -8
  92. package/src/components/blockquote/README.md +2 -0
  93. package/src/components/blockquote/blockquote.scss +6 -8
  94. package/src/components/breadcrumb/README.md +2 -0
  95. package/src/components/breadcrumb/breadcrumb.scss +3 -8
  96. package/src/components/button/README.md +3 -1
  97. package/src/components/button/button.scss +60 -15
  98. package/src/components/card/README.md +5 -3
  99. package/src/components/card/card.scss +1 -1
  100. package/src/components/checkbox/README.md +3 -1
  101. package/src/components/checkbox/checkbox.scss +19 -31
  102. package/src/components/column/README.md +5 -0
  103. package/src/components/column/column.scss +16 -0
  104. package/src/components/dialog/README.md +2 -0
  105. package/src/components/dialog/dialog.scss +7 -9
  106. package/src/components/fieldset/README.md +18 -0
  107. package/src/components/fieldset/fieldset.scss +34 -0
  108. package/src/components/footer/README.md +2 -0
  109. package/src/components/form-label/README.md +2 -0
  110. package/src/components/form-label/form-label.scss +6 -8
  111. package/src/components/gap/README.md +5 -0
  112. package/src/components/gap/gap.scss +16 -0
  113. package/src/components/grid/README.md +5 -3
  114. package/src/components/grid/grid.scss +14 -21
  115. package/src/components/header/README.md +2 -0
  116. package/src/components/header/header.scss +7 -7
  117. package/src/components/heading/README.md +2 -0
  118. package/src/components/heading/heading.scss +16 -43
  119. package/src/components/icon/README.md +3 -1
  120. package/src/components/icon/icon.scss +13 -51
  121. package/src/components/icon-button/README.md +3 -1
  122. package/src/components/icon-button/icon-button.scss +1 -1
  123. package/src/components/image/README.md +3 -1
  124. package/src/components/image/image.scss +2 -2
  125. package/src/components/index.scss +9 -1
  126. package/src/components/link/README.md +2 -0
  127. package/src/components/link/link.scss +3 -36
  128. package/src/components/link-list/README.md +3 -1
  129. package/src/components/link-list/link-list.scss +10 -21
  130. package/src/components/logo/README.md +4 -1
  131. package/src/components/logo/logo.scss +1 -1
  132. package/src/components/margin/README.md +5 -0
  133. package/src/components/margin/margin.scss +12 -0
  134. package/src/components/mark/README.md +2 -0
  135. package/src/components/mark/mark.scss +1 -1
  136. package/src/components/mega-menu/README.md +2 -0
  137. package/src/components/mega-menu/mega-menu.scss +3 -1
  138. package/src/components/ordered-list/README.md +2 -0
  139. package/src/components/ordered-list/ordered-list.scss +8 -9
  140. package/src/components/overlap/README.md +2 -0
  141. package/src/components/overlap/overlap.scss +1 -1
  142. package/src/components/page-heading/README.md +3 -1
  143. package/src/components/page-heading/page-heading.scss +6 -8
  144. package/src/components/page-menu/README.md +3 -1
  145. package/src/components/page-menu/page-menu.scss +3 -8
  146. package/src/components/pagination/README.md +3 -1
  147. package/src/components/pagination/pagination.scss +4 -9
  148. package/src/components/paragraph/README.md +2 -0
  149. package/src/components/paragraph/paragraph.scss +7 -22
  150. package/src/components/radio/README.md +18 -0
  151. package/src/components/radio/radio.scss +157 -0
  152. package/src/components/row/README.md +3 -0
  153. package/src/components/row/row.scss +17 -0
  154. package/src/components/screen/README.md +6 -4
  155. package/src/components/screen/screen.scss +1 -1
  156. package/src/components/search-field/README.md +3 -1
  157. package/src/components/search-field/search-field.scss +9 -12
  158. package/src/components/skip-link/README.md +2 -0
  159. package/src/components/skip-link/skip-link.scss +3 -8
  160. package/src/components/spotlight/README.md +2 -0
  161. package/src/components/spotlight/spotlight.scss +1 -1
  162. package/src/components/switch/README.md +3 -1
  163. package/src/components/switch/switch.scss +11 -10
  164. package/src/components/table/README.md +3 -1
  165. package/src/components/table/table.scss +3 -3
  166. package/src/components/tabs/README.md +32 -0
  167. package/src/components/tabs/tabs.scss +41 -0
  168. package/src/components/text-area/README.md +17 -0
  169. package/src/components/text-area/text-area.scss +70 -0
  170. package/src/components/text-input/README.md +2 -0
  171. package/src/components/text-input/text-input.scss +5 -10
  172. package/src/components/top-task-link/README.md +5 -3
  173. package/src/components/top-task-link/top-task-link.scss +7 -14
  174. package/src/components/unordered-list/README.md +2 -0
  175. package/src/components/unordered-list/unordered-list.scss +8 -9
  176. package/src/components/visually-hidden/README.md +2 -0
  177. package/src/components/visually-hidden/visually-hidden.scss +1 -1
@@ -0,0 +1 @@
1
+ .amsterdam-mb--xs{margin-block-end:var(--amsterdam-margin-xs) !important}.amsterdam-mb--sm{margin-block-end:var(--amsterdam-margin-sm) !important}.amsterdam-mb--md{margin-block-end:var(--amsterdam-margin-md) !important}.amsterdam-mb--lg{margin-block-end:var(--amsterdam-margin-lg) !important}.amsterdam-mb--xl{margin-block-end:var(--amsterdam-margin-xl) !important}/*# sourceMappingURL=margin.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/margin/margin.scss"],"names":[],"mappings":"AAQE,kBACE,uDADF,kBACE,uDADF,kBACE,uDADF,kBACE,uDADF,kBACE","file":"margin.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/mega-menu/mega-menu.scss"],"names":[],"mappings":"AAKA,oCACE,+DACA,mEACA,iFAEA,qDACE","file":"mega-menu.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/mega-menu/mega-menu.scss"],"names":[],"mappings":"AAKA,oCACE,+DACA,mEAGA,iFAEA,qDACE","file":"mega-menu.css"}
@@ -1 +1 @@
1
- .amsterdam-ordered-list{box-sizing:border-box;list-style-type:none;margin-block:0;padding-inline-start:0;-webkit-text-size-adjust:100%;display:grid;gap:var(--amsterdam-ordered-list-gap)}.amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers){color:var(--amsterdam-ordered-list-color);font-family:var(--amsterdam-ordered-list-font-family);font-size:var(--amsterdam-ordered-list-spacious-font-size);font-weight:var(--amsterdam-ordered-list-font-weight);line-height:var(--amsterdam-ordered-list-spacious-line-height);list-style-type:var(--amsterdam-ordered-list-list-style-type)}.amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers) .amsterdam-ordered-list__item{margin-inline-start:var(--amsterdam-ordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-ordered-list-item-padding-inline-start)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-ordered-list{list-style-type:var(--amsterdam-ordered-list-ordered-list-list-style-type)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-ordered-list .amsterdam-ordered-list__item{margin-inline-start:var(--amsterdam-ordered-list-ordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-ordered-list-ordered-list-item-padding-inline-start)}.amsterdam-theme--compact .amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers){font-size:var(--amsterdam-ordered-list-compact-font-size);line-height:var(--amsterdam-ordered-list-compact-line-height)}/*# sourceMappingURL=ordered-list.css.map */
1
+ .amsterdam-ordered-list{box-sizing:border-box;list-style-type:none;margin-block:0;padding-inline-start:0;-webkit-text-size-adjust:100%;display:grid;gap:var(--amsterdam-ordered-list-gap)}.amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers){color:var(--amsterdam-ordered-list-color);font-family:var(--amsterdam-ordered-list-font-family);font-size:var(--amsterdam-ordered-list-font-size);font-weight:var(--amsterdam-ordered-list-font-weight);line-height:var(--amsterdam-ordered-list-line-height);list-style-type:var(--amsterdam-ordered-list-list-style-type)}.amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers) .amsterdam-ordered-list__item{margin-inline-start:var(--amsterdam-ordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-ordered-list-item-padding-inline-start)}.amsterdam-ordered-list--inverse-color:not(.amsterdam-ordered-list--no-markers){color:var(--amsterdam-ordered-list-inverse-color)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-ordered-list{list-style-type:var(--amsterdam-ordered-list-ordered-list-list-style-type)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-ordered-list .amsterdam-ordered-list__item{margin-inline-start:var(--amsterdam-ordered-list-ordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-ordered-list-ordered-list-item-padding-inline-start)}/*# sourceMappingURL=ordered-list.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/ordered-list/ordered-list.scss"],"names":[],"mappings":"AAeA,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","file":"ordered-list.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/ordered-list/ordered-list.scss"],"names":[],"mappings":"AAeA,wBARE,sBACA,qBACA,eACA,uBACA,8BAOA,aACA,sCAIF,iEACE,0CACA,sDACA,kDACA,sDACA,sDACA,8DAGA,+FACE,2EACA,6EAIJ,gFACE,kDAIF,+EACE,2EAEA,6GACE,wFACA","file":"ordered-list.css"}
@@ -1 +1 @@
1
- .amsterdam-page-heading{break-after:avoid;break-inside:avoid;color:var(--amsterdam-page-heading-color);font-family:var(--amsterdam-page-heading-font-family);font-size:var(--amsterdam-page-heading-spacious-font-size);font-weight:var(--amsterdam-page-heading-font-weight);line-height:var(--amsterdam-page-heading-spacious-line-height);box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-page-heading{font-size:var(--amsterdam-page-heading-compact-font-size);line-height:var(--amsterdam-page-heading-compact-line-height)}.amsterdam-page-heading--inverse-color{color:var(--amsterdam-page-heading-inverse-color)}/*# sourceMappingURL=page-heading.css.map */
1
+ .amsterdam-page-heading{break-after:avoid;break-inside:avoid;color:var(--amsterdam-page-heading-color);font-family:var(--amsterdam-page-heading-font-family);font-size:var(--amsterdam-page-heading-font-size);font-weight:var(--amsterdam-page-heading-font-weight);line-height:var(--amsterdam-page-heading-line-height);hyphenate-limit-chars:var(--amsterdam-hyphenation-hyphenate-limit-chars);hyphens:var(--amsterdam-hyphenation-hyphens);overflow-wrap:var(--amsterdam-hyphenation-overflow-wrap);box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-page-heading--inverse-color{color:var(--amsterdam-page-heading-inverse-color)}/*# sourceMappingURL=page-heading.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/page-heading/page-heading.scss"],"names":[],"mappings":"AAWA,wBACE,kBACA,mBACA,0CACA,sDACA,2DACA,sDACA,+DAZA,sBACA,eACA,8BAcA,kDACE,0DACA,8DAIJ,uCACE","file":"page-heading.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/page-heading/page-heading.scss","../../src/common/hyphenation.scss"],"names":[],"mappings":"AAaA,wBACE,kBACA,mBACA,0CACA,sDACA,kDACA,sDACA,sDCdA,yEACA,6CACA,+EDCA,eACA,8BAgBF,uCACE","file":"page-heading.css"}
@@ -1 +1 @@
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
+ .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-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-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-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":"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"}
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,oBAqBF,2BAjBE,4CACA,oBACA,mBACA,wDACA,oDACA,wDACA,wCACA,wDACA,8DACA,kBACA,0EACA,oFACA,4EACA,0BACA,mBAlCA,sBACA,8BAyCF,oEAEE,kDACA,gFAGF,+BACE","file":"page-menu.css"}
@@ -1 +1 @@
1
- .amsterdam-pagination__list{color:var(--amsterdam-pagination-color);display:flex;flex-wrap:wrap;font-family:var(--amsterdam-pagination-font-family);font-size:var(--amsterdam-pagination-spacious-font-size);font-weight:var(--amsterdam-pagination-font-weight);justify-content:center;line-height:var(--amsterdam-pagination-spacious-line-height);list-style-type:none;margin-block:0;padding-inline-start:0}.amsterdam-theme--compact .amsterdam-pagination__list{font-size:var(--amsterdam-pagination-compact-font-size);line-height:var(--amsterdam-pagination-compact-line-height)}.amsterdam-pagination__button{all:unset;box-sizing:border-box;outline:revert;-webkit-text-size-adjust:100%;cursor:pointer;display:flex;gap:.5rem;outline-offset:var(--amsterdam-pagination-button-outline-offset);padding-inline:.75rem;text-decoration-line:var(--amsterdam-pagination-button-text-decoration-line);text-decoration-thickness:var(--amsterdam-pagination-button-text-decoration-thickness);text-underline-offset:var(--amsterdam-pagination-button-text-underline-offset);touch-action:manipulation}.amsterdam-pagination__button:hover{color:var(--amsterdam-pagination-button-hover-color);text-decoration-line:var(--amsterdam-pagination-button-hover-text-decoration-line)}.amsterdam-pagination__button:disabled{display:none}.amsterdam-pagination__button span.amsterdam-icon svg{height:1rem;width:1rem}.amsterdam-pagination__button--current{cursor:default;font-weight:var(--amsterdam-pagination-button-current-font-weight)}.amsterdam-pagination__button--current:hover{text-decoration:none}/*# sourceMappingURL=pagination.css.map */
1
+ .amsterdam-pagination__list{color:var(--amsterdam-pagination-color);display:flex;flex-wrap:wrap;font-family:var(--amsterdam-pagination-font-family);font-size:var(--amsterdam-pagination-font-size);font-weight:var(--amsterdam-pagination-font-weight);justify-content:center;line-height:var(--amsterdam-pagination-line-height);list-style-type:none;margin-block:0;padding-inline-start:0}.amsterdam-pagination__button{all:unset;box-sizing:border-box;outline:revert;-webkit-text-size-adjust:100%;cursor:pointer;display:flex;gap:.5rem;outline-offset:var(--amsterdam-pagination-button-outline-offset);padding-inline:var(--amsterdam-pagination-button-padding-inline);text-decoration-line:var(--amsterdam-pagination-button-text-decoration-line);text-decoration-thickness:var(--amsterdam-pagination-button-text-decoration-thickness);text-underline-offset:var(--amsterdam-pagination-button-text-underline-offset);touch-action:manipulation}.amsterdam-pagination__button:hover{color:var(--amsterdam-pagination-button-hover-color);text-decoration-line:var(--amsterdam-pagination-button-hover-text-decoration-line)}.amsterdam-pagination__button:disabled{display:none}.amsterdam-pagination__button span.amsterdam-icon svg{height:1rem;width:1rem}.amsterdam-pagination__button--current{cursor:default;font-weight:var(--amsterdam-pagination-button-current-font-weight)}.amsterdam-pagination__button--current:hover{text-decoration:none}/*# sourceMappingURL=pagination.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/pagination/pagination.scss"],"names":[],"mappings":"AAWA,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","file":"pagination.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/pagination/pagination.scss"],"names":[],"mappings":"AAWA,4BACE,wCACA,aACA,eACA,oDACA,gDACA,oDACA,uBACA,oDAbA,qBACA,eACA,uBAuBF,8BANE,UACA,sBACA,eACA,8BAQA,eACA,aACA,UACA,iEACA,iEACA,6EACA,uFACA,+EACA,0BAEA,oCACE,qDACA,mFAGF,uCACE,aAIF,sDACE,YACA,WAIJ,uCACE,eACA,mEAEA,6CACE","file":"pagination.css"}
@@ -1 +1 @@
1
- .amsterdam-paragraph{color:var(--amsterdam-paragraph-color);font-family:var(--amsterdam-paragraph-font-family);font-size:var(--amsterdam-paragraph-spacious-medium-font-size);font-weight:var(--amsterdam-paragraph-font-weight);line-height:var(--amsterdam-paragraph-spacious-medium-line-height);box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-paragraph{font-size:var(--amsterdam-paragraph-compact-medium-font-size);line-height:var(--amsterdam-paragraph-compact-medium-line-height)}.amsterdam-paragraph--small{font-size:var(--amsterdam-paragraph-spacious-small-font-size);line-height:var(--amsterdam-paragraph-spacious-small-line-height)}.amsterdam-theme--compact .amsterdam-paragraph--small{font-size:var(--amsterdam-paragraph-compact-small-font-size);line-height:var(--amsterdam-paragraph-compact-small-line-height)}.amsterdam-paragraph--large{font-size:var(--amsterdam-paragraph-spacious-large-font-size);line-height:var(--amsterdam-paragraph-spacious-large-line-height)}.amsterdam-theme--compact .amsterdam-paragraph--large{font-size:var(--amsterdam-paragraph-compact-large-font-size);line-height:var(--amsterdam-paragraph-compact-large-line-height)}.amsterdam-paragraph--inverse-color{color:var(--amsterdam-paragraph-inverse-color)}/*# sourceMappingURL=paragraph.css.map */
1
+ .amsterdam-paragraph{color:var(--amsterdam-paragraph-color);font-family:var(--amsterdam-paragraph-font-family);font-size:var(--amsterdam-paragraph-medium-font-size);font-weight:var(--amsterdam-paragraph-font-weight);line-height:var(--amsterdam-paragraph-medium-line-height);box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-paragraph--small{font-size:var(--amsterdam-paragraph-small-font-size);line-height:var(--amsterdam-paragraph-small-line-height)}.amsterdam-paragraph--large{font-size:var(--amsterdam-paragraph-large-font-size);line-height:var(--amsterdam-paragraph-large-line-height)}.amsterdam-paragraph--inverse-color{color:var(--amsterdam-paragraph-inverse-color)}/*# sourceMappingURL=paragraph.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/paragraph/paragraph.scss"],"names":[],"mappings":"AAWA,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","file":"paragraph.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/paragraph/paragraph.scss"],"names":[],"mappings":"AAWA,qBACE,uCACA,mDACA,sDACA,mDACA,0DAVA,sBACA,eACA,8BAaF,4BACE,qDACA,yDAGF,4BACE,qDACA,yDAGF,oCACE","file":"paragraph.css"}
@@ -0,0 +1 @@
1
+ .amsterdam-radio__input{appearance:none;margin-block:0;margin-inline:0;opacity:0%}.amsterdam-radio__input:focus+label{outline:auto}.amsterdam-radio__input:focus:not(:focus-visible)+label{outline:0}.amsterdam-radio__circle{align-items:center;display:flex;flex-shrink:0;height:calc(var(--amsterdam-radio-font-size)*var(--amsterdam-radio-line-height));width:1.5rem}.amsterdam-radio__circle::after{background-position:center;background-repeat:no-repeat;background-size:1rem;border-color:var(--amsterdam-radio-circle-border-color);border-radius:100%;border-style:solid;border-width:.125rem;box-sizing:border-box;content:"";height:1.5rem;width:100%}.amsterdam-radio__label{color:var(--amsterdam-radio-color);cursor:pointer;display:inline-flex;font-family:var(--amsterdam-radio-font-family);font-size:var(--amsterdam-radio-font-size);font-weight:var(--amsterdam-radio-font-weight);gap:.5rem;line-height:var(--amsterdam-radio-line-height);outline-offset:var(--amsterdam-radio-outline-offset);-webkit-text-size-adjust:100%}.amsterdam-radio__label:hover{color:var(--amsterdam-radio-hover-color);text-decoration-line:underline;text-decoration-thickness:.125rem;text-underline-offset:.375rem}.amsterdam-radio__label:hover .amsterdam-radio__circle::after{border-color:var(--amsterdam-radio-circle-hover-border-color)}.amsterdam-radio__input:checked+.amsterdam-radio__label .amsterdam-radio__circle::after{background-image:var(--amsterdam-radio-circle-checked-background-image)}.amsterdam-radio__input[aria-invalid=true]+.amsterdam-radio__label .amsterdam-radio__circle::after{border-color:var(--amsterdam-radio-circle-invalid-border-color)}.amsterdam-radio__input:disabled+.amsterdam-radio__label{color:var(--amsterdam-radio-disabled-color);cursor:not-allowed}.amsterdam-radio__input:disabled+.amsterdam-radio__label .amsterdam-radio__circle::after{border-color:var(--amsterdam-radio-circle-disabled-border-color);border-width:.125rem}.amsterdam-radio__input[aria-invalid=true]:checked+.amsterdam-radio__label .amsterdam-radio__circle::after{background-image:var(--amsterdam-radio-circle-invalid-checked-background-image)}.amsterdam-radio__input:disabled+.amsterdam-radio__label:hover{text-decoration:none}.amsterdam-radio__input:disabled:checked+.amsterdam-radio__label .amsterdam-radio__circle::after{background-image:var(--amsterdam-radio-circle-disabled-checked-background-image)}.amsterdam-radio__input[aria-invalid=true]:disabled+.amsterdam-radio__label .amsterdam-radio__circle::after{border-color:var(--amsterdam-radio-circle-disabled-border-color)}.amsterdam-radio__input[aria-invalid=true]+.amsterdam-radio__label:hover .amsterdam-radio__circle::after{border-color:var(--amsterdam-radio-circle-invalid-hover-border-color)}.amsterdam-radio__input:checked+.amsterdam-radio__label:hover .amsterdam-radio__circle::after{background-image:var(--amsterdam-radio-circle-checked-hover-background-image)}.amsterdam-radio__input[aria-invalid=true]:checked+.amsterdam-radio__label:hover .amsterdam-radio__circle::after{background-image:var(--amsterdam-radio-circle-invalid-checked-hover-background-image)}.amsterdam-radio__input:disabled:checked+.amsterdam-radio__label:hover .amsterdam-radio__circle::after{background-image:var(--amsterdam-radio-circle-disabled-checked-hover-background-image)}.amsterdam-radio__input[aria-invalid=true]:disabled+.amsterdam-radio__label:hover .amsterdam-radio__circle::after{border-color:var(--amsterdam-radio-circle-disabled-border-color)}.amsterdam-radio__input[aria-invalid=true]:disabled:checked+.amsterdam-radio__label .amsterdam-radio__circle::after{background-image:var(--amsterdam-radio-circle-disabled-checked-background-image)}/*# sourceMappingURL=radio.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/radio/radio.scss","../../src/common/hide-input.scss","../../src/common/input-label-focus.scss"],"names":[],"mappings":"AAQA,wBCFE,gBACA,eACA,gBACA,WCIA,oCACE,aAGF,wDACE,UFLJ,yBACE,mBACA,aACA,cACA,iFACA,aAEA,gCACE,2BACA,4BACA,qBACA,wDACA,mBACA,mBACA,qBACA,sBACA,WACA,cACA,WAQJ,wBACE,mCACA,eACA,oBACA,+CACA,2CACA,+CACA,UACA,+CACA,qDAZA,8BAcA,8BACE,yCACA,+BACA,kCACA,8BAEA,8DACE,8DASJ,wFACE,wEAMF,mGACE,gEAMF,yDACE,4CACA,mBAEA,yFACE,iEACA,qBAOJ,2GACE,gFAKJ,+DACE,qBAKA,iGACE,iFAMF,4GAEE,iEAOJ,yGAEE,sEAIF,8FACE,8EAIF,iHAEE,sFAIF,uGACE,uFAIF,kHAEE,iEAOA,oHAEE","file":"radio.css"}
@@ -0,0 +1 @@
1
+ .amsterdam-row{display:flex;flex-direction:row}.amsterdam-row--extra-small{gap:var(--amsterdam-row-gap-xs)}.amsterdam-row--small{gap:var(--amsterdam-row-gap-sm)}.amsterdam-row--medium{gap:var(--amsterdam-row-gap-md)}.amsterdam-row--large{gap:var(--amsterdam-row-gap-lg)}.amsterdam-row--extra-large{gap:var(--amsterdam-row-gap-xl)}/*# sourceMappingURL=row.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/row/row.scss"],"names":[],"mappings":"AAOA,eACE,aACA,mBAIA,4BACE,gCADF,sBACE,gCADF,uBACE,gCADF,sBACE,gCADF,4BACE","file":"row.css"}
@@ -1 +1 @@
1
- .amsterdam-search-field{display:flex;isolation:isolate}.amsterdam-search-field__input{border:none;box-shadow:var(--amsterdam-search-field-input-box-shadow);color:var(--amsterdam-search-field-input-color);font-family:var(--amsterdam-search-field-input-font-family);font-size:var(--amsterdam-search-field-input-spacious-font-size);font-weight:var(--amsterdam-search-field-input-font-weight);line-height:var(--amsterdam-search-field-input-spacious-line-height);outline-offset:var(--amsterdam-search-field-input-outline-offset);padding-block:.5rem;padding-inline:1rem;touch-action:manipulation;width:100%;box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-search-field__input{font-size:var(--amsterdam-search-field-input-compact-font-size);line-height:var(--amsterdam-search-field-input-compact-line-height)}.amsterdam-search-field__input:hover{box-shadow:var(--amsterdam-search-field-input-hover-box-shadow)}.amsterdam-search-field__input:focus{z-index:1}.amsterdam-search-field__input::placeholder{color:var(--amsterdam-search-field-input-placeholder-color)}.amsterdam-search-field__input::-webkit-search-cancel-button{appearance:none;background-image:var(--amsterdam-search-field-input-cancel-button-background-image);cursor:pointer;height:var(--amsterdam-search-field-input-cancel-button-height);margin-inline-start:.5rem;width:var(--amsterdam-search-field-input-cancel-button-width)}.amsterdam-search-field__button{background-color:var(--amsterdam-search-field-button-background-color);border:0;color:var(--amsterdam-search-field-button-color);cursor:pointer;outline-offset:var(--amsterdam-search-field-button-outline-offset);padding-block:.5rem;padding-inline:.5rem;touch-action:manipulation}.amsterdam-search-field__button:hover{background-color:var(--amsterdam-search-field-button-hover-background-color)}/*# sourceMappingURL=search-field.css.map */
1
+ .amsterdam-search-field{display:flex;isolation:isolate}.amsterdam-search-field__input{border:none;box-shadow:var(--amsterdam-search-field-input-box-shadow);color:var(--amsterdam-search-field-input-color);font-family:var(--amsterdam-search-field-input-font-family);font-size:var(--amsterdam-search-field-input-font-size);font-weight:var(--amsterdam-search-field-input-font-weight);line-height:var(--amsterdam-search-field-input-line-height);outline-offset:var(--amsterdam-search-field-input-outline-offset);padding-block:var(--amsterdam-search-field-input-padding-block);padding-inline:var(--amsterdam-search-field-input-padding-inline);touch-action:manipulation;width:100%;box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.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:var(--amsterdam-search-field-button-padding-block);padding-inline:var(--amsterdam-search-field-button-padding-inline);touch-action:manipulation}.amsterdam-search-field__button:hover{background-color:var(--amsterdam-search-field-button-hover-background-color)}/*# sourceMappingURL=search-field.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/search-field/search-field.scss"],"names":[],"mappings":"AAKA,wBACE,aACA,kBASF,+BACE,YACA,0DACA,gDACA,4DACA,iEACA,4DACA,qEACA,kEACA,oBACA,oBACA,0BACA,WAjBA,sBACA,eACA,8BAmBA,yDACE,gEACA,oEAGF,qCACE,gEAGF,qCACE,UAIJ,4CACE,4DAGF,6DACE,gBACA,oFACA,eACA,gEACA,0BACA,8DAGF,gCACE,uEACA,SACA,iDACA,eACA,mEACA,oBACA,qBACA,0BAEA,sCACE","file":"search-field.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/search-field/search-field.scss"],"names":[],"mappings":"AAKA,wBACE,aACA,kBASF,+BACE,YACA,0DACA,gDACA,4DACA,wDACA,4DACA,4DACA,kEACA,gEACA,kEACA,0BACA,WAjBA,sBACA,eACA,8BAmBA,qCACE,gEAGF,qCACE,UAIJ,4CACE,4DAGF,6DACE,gBACA,oFACA,eACA,gEACA,0BACA,8DAGF,gCACE,uEACA,SACA,iDACA,eACA,mEAGA,iEACA,mEACA,0BAEA,sCACE","file":"search-field.css"}
@@ -1 +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 */
1
+ .amsterdam-skip-link{background-color:var(--amsterdam-skip-link-background-color);color:var(--amsterdam-skip-link-color);display:block;font-family:var(--amsterdam-skip-link-font-family);font-size:var(--amsterdam-skip-link-font-size);font-weight:var(--amsterdam-skip-link-font-weight);line-height:var(--amsterdam-skip-link-line-height);outline-offset:var(--amsterdam-skip-link-outline-offset);padding-block:var(--amsterdam-skip-link-padding-block);padding-inline:var(--amsterdam-skip-link-padding-inline);text-align:center;text-decoration:none}.amsterdam-skip-link:hover{background-color:var(--amsterdam-skip-link-hover-background-color)}/*# sourceMappingURL=skip-link.css.map */
@@ -1 +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"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/skip-link/skip-link.scss"],"names":[],"mappings":"AAKA,qBACE,6DACA,uCACA,cACA,mDACA,+CACA,mDACA,mDACA,yDACA,uDACA,yDACA,kBACA,qBAEA,2BACE","file":"skip-link.css"}
@@ -1 +1 @@
1
- .amsterdam-switch__input{appearance:none;margin-block:0;margin-inline:0;opacity:0%}.amsterdam-switch__label{background-color:var(--amsterdam-switch-background-color);border-radius:calc(var(--amsterdam-switch-thumb-width)*2);cursor:pointer;display:inline-block;padding-block:1px;padding-inline:1px;transition:background-color .2s ease-in-out;width:var(--amsterdam-switch-width);box-sizing:border-box}.amsterdam-switch__label::before{background-color:var(--amsterdam-switch-thumb-background-color);border-radius:50%;content:"";display:block;height:var(--amsterdam-switch-thumb-height);transition-duration:.1s;transition-property:box-shadow,transform;transition-timing-function:ease-in-out;width:var(--amsterdam-switch-thumb-width)}.amsterdam-switch__input:checked+.amsterdam-switch__label{background-color:var(--amsterdam-switch-checked-background-color)}.amsterdam-switch__input:disabled+.amsterdam-switch__label{background-color:var(--amsterdam-switch-disabled-background-color);cursor:not-allowed}.amsterdam-switch__input:focus-visible+.amsterdam-switch__label{outline-color:-webkit-focus-ring-color;outline-offset:var(--amsterdam-switch-outline-offset);outline-style:auto}.amsterdam-switch__input:checked+.amsterdam-switch__label::before{transform:translate(calc(var(--amsterdam-switch-width) - var(--amsterdam-switch-thumb-width) - 2px))}.amsterdam-switch:hover .amsterdam-switch__input:enabled+.amsterdam-switch__label::before{box-shadow:0 0 0 2px var(--amsterdam-switch-thumb-hover-color)}/*# sourceMappingURL=switch.css.map */
1
+ .amsterdam-switch__input{appearance:none;margin-block:0;margin-inline:0;opacity:0%}.amsterdam-switch__input:focus+label{outline:auto}.amsterdam-switch__input:focus:not(:focus-visible)+label{outline:0}.amsterdam-switch__label{background-color:var(--amsterdam-switch-background-color);border-radius:calc(var(--amsterdam-switch-thumb-width)*2);cursor:pointer;display:inline-block;outline-offset:var(--amsterdam-switch-outline-offset);padding-block:1px;padding-inline:1px;transition:background-color .2s ease-in-out;width:var(--amsterdam-switch-width);box-sizing:border-box}.amsterdam-switch__label::before{background-color:var(--amsterdam-switch-thumb-background-color);border-radius:50%;content:"";display:block;height:var(--amsterdam-switch-thumb-height);transition-duration:.1s;transition-property:box-shadow,transform;transition-timing-function:ease-in-out;width:var(--amsterdam-switch-thumb-width)}.amsterdam-switch__input:checked+.amsterdam-switch__label{background-color:var(--amsterdam-switch-checked-background-color)}.amsterdam-switch__input:disabled+.amsterdam-switch__label{background-color:var(--amsterdam-switch-disabled-background-color);cursor:not-allowed}.amsterdam-switch__input:checked+.amsterdam-switch__label::before{transform:translate(calc(var(--amsterdam-switch-width) - var(--amsterdam-switch-thumb-width) - 2px))}.amsterdam-switch:hover .amsterdam-switch__input:enabled+.amsterdam-switch__label::before{box-shadow:0 0 0 2px var(--amsterdam-switch-thumb-hover-color)}/*# sourceMappingURL=switch.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/switch/switch.scss"],"names":[],"mappings":"AAIA,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","file":"switch.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/switch/switch.scss","../../src/common/hide-input.scss","../../src/common/input-label-focus.scss"],"names":[],"mappings":"AAYA,yBCNE,gBACA,eACA,gBACA,WCIA,qCACE,aAGF,yDACE,UFDJ,yBACE,0DACA,0DACA,eACA,qBACA,sDACA,kBACA,mBACA,4CACA,oCAjBA,sBAsBF,iCACE,gEACA,kBACA,WACA,cACA,4CACA,wBACA,yCACA,uCACA,0CAGF,0DACE,kEAGF,2DACE,mEACA,mBAGF,kEAEE,qGAGF,0FACE","file":"switch.css"}
@@ -1 +1 @@
1
- .amsterdam-table{overflow-x:auto}.amsterdam-table__table{border-spacing:0;break-inside:avoid;color:var(--amsterdam-table-color);font-family:var(--amsterdam-table-font-family);font-size:var(--amsterdam-table-font-size);font-weight:var(--amsterdam-table-font-weight);line-height:var(--amsterdam-table-line-height)}.amsterdam-table__caption{font-weight:var(--amsterdam-table-caption-font-weight);text-align:start}.amsterdam-table__cell,.amsterdam-table__header-cell{border-bottom:var(--amsterdam-table-cell-border-bottom);padding-block:1rem;padding-inline:1rem;text-align:start;vertical-align:top}.amsterdam-table__header-cell{font-weight:var(--amsterdam-table-header-cell-font-weight)}/*# sourceMappingURL=table.css.map */
1
+ .amsterdam-table{overflow-x:auto}.amsterdam-table__table{border-spacing:0;break-inside:avoid;color:var(--amsterdam-table-color);font-family:var(--amsterdam-table-font-family);font-size:var(--amsterdam-table-font-size);font-weight:var(--amsterdam-table-font-weight);line-height:var(--amsterdam-table-line-height)}.amsterdam-table__caption{font-weight:var(--amsterdam-table-caption-font-weight);text-align:start}.amsterdam-table__cell,.amsterdam-table__header-cell{border-bottom:var(--amsterdam-table-cell-border-bottom);padding-block:var(--amsterdam-table-cell-padding-block);padding-inline:var(--amsterdam-table-cell-padding-inline);text-align:start;vertical-align:top}.amsterdam-table__header-cell{font-weight:var(--amsterdam-table-header-cell-font-weight)}/*# sourceMappingURL=table.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/table/table.scss"],"names":[],"mappings":"AAKA,iBACE,gBAGF,wBACE,iBACA,mBACA,mCACA,+CACA,2CACA,+CACA,+CAGF,0BACE,uDACA,iBAGF,qDAEE,wDACA,mBACA,oBACA,iBACA,mBAGF,8BACE","file":"table.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/table/table.scss"],"names":[],"mappings":"AAKA,iBACE,gBAGF,wBACE,iBACA,mBACA,mCACA,+CACA,2CACA,+CACA,+CAGF,0BACE,uDACA,iBAGF,qDAEE,wDACA,wDACA,0DACA,iBACA,mBAGF,8BACE","file":"table.css"}
@@ -0,0 +1 @@
1
+ .amsterdam-tabs__list{border-bottom:var(--amsterdam-tabs-list-border-bottom);display:flex;overflow-x:auto}.amsterdam-tabs__button{background-color:var(--amsterdam-tabs-button-background-color);border:var(--amsterdam-tabs-button-border);color:var(--amsterdam-tabs-button-color);cursor:var(--amsterdam-tabs-button-cursor);font-family:var(--amsterdam-tabs-button-font-family);font-size:var(--amsterdam-tabs-button-font-size);font-weight:var(--amsterdam-tabs-button-font-weight);line-height:var(--amsterdam-tabs-button-line-height);outline-offset:var(--amsterdam-tabs-button-outline-offset);padding-block:var(--amsterdam-tabs-button-padding-block);padding-inline:var(--amsterdam-tabs-button-padding-inline)}.amsterdam-tabs__button:disabled{color:var(--amsterdam-tabs-button-disabled-color);cursor:var(--amsterdam-tab-button-disabled-cursor)}.amsterdam-tabs__button:hover:not([aria-selected=true],[disabled]){box-shadow:var(--amsterdam-tabs-button-hover-box-shadow);color:var(--amsterdam-tabs-button-hover-color)}.amsterdam-tabs__button[aria-selected=true]{background-color:var(--amsterdam-tabs-button-selected-background-color);color:var(--amsterdam-tabs-button-selected-color)}/*# sourceMappingURL=tabs.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/tabs/tabs.scss"],"names":[],"mappings":"AAOA,sBACE,uDACA,aACA,gBAGF,wBACE,+DACA,2CACA,yCACA,2CACA,qDACA,iDACA,qDACA,qDACA,2DACA,yDACA,2DAEA,iCACE,kDACA,mDAGF,mEACE,yDACA,+CAGF,4CACE,wEACA","file":"tabs.css"}
@@ -0,0 +1 @@
1
+ .amsterdam-text-area{border:none;box-shadow:var(--amsterdam-text-area-box-shadow);color:var(--amsterdam-text-area-color);font-family:var(--amsterdam-text-area-font-family);font-size:var(--amsterdam-text-area-font-size);font-weight:var(--amsterdam-text-area-font-weight);line-height:var(--amsterdam-text-area-line-height);max-width:100%;min-height:var(--amsterdam-text-area-min-height);outline-offset:var(--amsterdam-text-area-outline-offset);padding-block:var(--amsterdam-text-area-padding-block);padding-inline:var(--amsterdam-text-area-padding-inline);touch-action:manipulation;width:100%;box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-text-area:hover{box-shadow:var(--amsterdam-text-area-hover-box-shadow)}.amsterdam-text-area::placeholder{color:var(--amsterdam-text-area-placeholder-color)}.amsterdam-text-area:disabled{background-color:var(--amsterdam-text-area-disabled-background-color);box-shadow:var(--amsterdam-text-area-disabled-box-shadow);color:var(--amsterdam-text-area-disabled-color);cursor:var(--amsterdam-text-area-disabled-cursor)}.amsterdam-text-area:invalid,.amsterdam-text-area[aria-invalid=true]{box-shadow:var(--amsterdam-text-area-invalid-box-shadow)}.amsterdam-text-area:invalid:hover,.amsterdam-text-area[aria-invalid=true]:hover{box-shadow:var(--amsterdam-text-area-invalid-hover-box-shadow)}.amsterdam-text-area--resize-none{resize:none}.amsterdam-text-area--resize-horizontal{resize:inline}.amsterdam-text-area--resize-vertical{resize:block}.amsterdam-text-area--cols{width:auto}/*# sourceMappingURL=text-area.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/text-area/text-area.scss"],"names":[],"mappings":"AAWA,qBACE,YACA,iDACA,uCACA,mDACA,+CACA,mDACA,mDACA,eACA,iDACA,yDACA,uDACA,yDACA,0BACA,WAnBA,sBACA,eACA,8BAqBA,2BACE,uDAIJ,kCACE,mDAGF,8BACE,sEACA,0DACA,gDACA,kDAGF,qEAEE,yDAEA,iFAEE,+DAIJ,kCACE,YAGF,wCACE,cAGF,sCACE,aAGF,2BACE","file":"text-area.css"}
@@ -1 +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 */
1
+ .amsterdam-text-input{border:none;box-shadow:var(--amsterdam-text-input-box-shadow);color:var(--amsterdam-text-input-color);font-family:var(--amsterdam-text-input-font-family);font-size:var(--amsterdam-text-input-font-size);font-weight:var(--amsterdam-text-input-font-weight);line-height:var(--amsterdam-text-input-line-height);outline-offset:var(--amsterdam-text-input-outline-offset);padding-block:var(--amsterdam-text-input-padding-block);padding-inline:var(--amsterdam-text-input-padding-inline);touch-action:manipulation;width:100%;box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-text-input:hover{box-shadow:var(--amsterdam-text-input-hover-box-shadow)}.amsterdam-text-input::placeholder{color:var(--amsterdam-text-input-placeholder-color)}.amsterdam-text-input:disabled{background-color:var(--amsterdam-text-input-disabled-background-color);box-shadow:var(--amsterdam-text-input-disabled-box-shadow);color:var(--amsterdam-text-input-disabled-color);cursor:not-allowed}.amsterdam-text-input:invalid,.amsterdam-text-input[aria-invalid=true]{box-shadow:var(--amsterdam-text-input-invalid-box-shadow)}.amsterdam-text-input:invalid:hover,.amsterdam-text-input[aria-invalid=true]:hover{box-shadow:var(--amsterdam-text-input-invalid-hover-box-shadow)}/*# sourceMappingURL=text-input.css.map */
@@ -1 +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
+ {"version":3,"sourceRoot":"","sources":["../../src/components/text-input/text-input.scss"],"names":[],"mappings":"AAWA,sBACE,YACA,kDACA,wCACA,oDACA,gDACA,oDACA,oDACA,0DACA,wDACA,0DACA,0BACA,WAjBA,sBACA,eACA,8BAmBA,4BACE,wDAIJ,mCACE,oDAGF,+BACE,uEACA,2DACA,iDACA,mBAGF,uEAEE,0DAEA,mFAEE","file":"text-input.css"}
@@ -1 +1 @@
1
- .amsterdam-top-task-link{break-inside:avoid;display:flex;flex-direction:column;gap:.5rem;outline-offset:var(--amsterdam-top-task-link-outline-offset);text-decoration:none}.amsterdam-top-task-link__label{color:var(--amsterdam-top-task-link-label-color);font-family:var(--amsterdam-top-task-link-label-font-family);font-size:var(--amsterdam-top-task-link-label-spacious-font-size);font-weight:var(--amsterdam-top-task-link-label-font-weight);line-height:var(--amsterdam-top-task-link-label-line-height);text-decoration-line:var(--amsterdam-top-task-link-label-text-decoration-line);text-decoration-thickness:var(--amsterdam-top-task-link-label-text-decoration-thickness);text-underline-offset:var(--amsterdam-top-task-link-label-text-underline-offset);box-sizing:border-box;-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-top-task-link__label{font-size:var(--amsterdam-top-task-link-label-compact-font-size);line-height:var(--amsterdam-top-task-link-label-compact-line-height)}.amsterdam-top-task-link:hover .amsterdam-top-task-link__label{color:var(--amsterdam-top-task-link-label-hover-color);text-decoration-line:var(--amsterdam-top-task-link-label-hover-text-decoration-line)}.amsterdam-top-task-link__description{color:var(--amsterdam-top-task-link-description-color);font-family:var(--amsterdam-top-task-link-description-font-family);font-size:var(--amsterdam-top-task-link-description-spacious-font-size);font-weight:var(--amsterdam-top-task-link-description-font-weight);line-height:var(--amsterdam-top-task-link-description-spacious-line-height);box-sizing:border-box;-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-top-task-link__description{font-size:var(--amsterdam-top-task-link-description-compact-font-size);line-height:var(--amsterdam-top-task-link-description-compact-line-height)}/*# sourceMappingURL=top-task-link.css.map */
1
+ .amsterdam-top-task-link{break-inside:avoid;display:flex;flex-direction:column;gap:.5rem;outline-offset:var(--amsterdam-top-task-link-outline-offset);text-decoration:none}.amsterdam-top-task-link__label{color:var(--amsterdam-top-task-link-label-color);font-family:var(--amsterdam-top-task-link-label-font-family);font-size:var(--amsterdam-top-task-link-label-font-size);font-weight:var(--amsterdam-top-task-link-label-font-weight);line-height:var(--amsterdam-top-task-link-label-line-height);text-decoration-line:var(--amsterdam-top-task-link-label-text-decoration-line);text-decoration-thickness:var(--amsterdam-top-task-link-label-text-decoration-thickness);text-underline-offset:var(--amsterdam-top-task-link-label-text-underline-offset);hyphenate-limit-chars:var(--amsterdam-hyphenation-hyphenate-limit-chars);hyphens:var(--amsterdam-hyphenation-hyphens);overflow-wrap:var(--amsterdam-hyphenation-overflow-wrap);box-sizing:border-box;-webkit-text-size-adjust:100%}.amsterdam-top-task-link:hover .amsterdam-top-task-link__label{color:var(--amsterdam-top-task-link-label-hover-color);text-decoration-line:var(--amsterdam-top-task-link-label-hover-text-decoration-line)}.amsterdam-top-task-link__description{color:var(--amsterdam-top-task-link-description-color);font-family:var(--amsterdam-top-task-link-description-font-family);font-size:var(--amsterdam-top-task-link-description-font-size);font-weight:var(--amsterdam-top-task-link-description-font-weight);line-height:var(--amsterdam-top-task-link-description-line-height);box-sizing:border-box;-webkit-text-size-adjust:100%}/*# sourceMappingURL=top-task-link.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/top-task-link/top-task-link.scss"],"names":[],"mappings":"AAKA,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","file":"top-task-link.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/top-task-link/top-task-link.scss","../../src/common/hyphenation.scss"],"names":[],"mappings":"AAOA,yBACE,mBACA,aACA,sBACA,UACA,6DACA,qBAQF,gCACE,iDACA,6DACA,yDACA,6DACA,6DACA,+EACA,yFACA,iFCvBA,yEACA,6CACA,yDDSA,sBACA,8BAiBF,+DACE,uDACA,qFAGF,sCACE,uDACA,mEACA,+DACA,mEACA,mEA5BA,sBACA","file":"top-task-link.css"}
@@ -1 +1 @@
1
- .amsterdam-unordered-list{box-sizing:border-box;list-style:none;margin-block:0;padding-inline-start:0;-webkit-text-size-adjust:100%;display:grid;gap:var(--amsterdam-unordered-list-gap)}.amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers){color:var(--amsterdam-unordered-list-color);font-family:var(--amsterdam-unordered-list-font-family);font-size:var(--amsterdam-unordered-list-spacious-font-size);font-weight:var(--amsterdam-unordered-list-font-weight);line-height:var(--amsterdam-unordered-list-spacious-line-height);list-style-type:var(--amsterdam-unordered-list-list-style-type)}.amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers) .amsterdam-unordered-list__item{margin-inline-start:var(--amsterdam-unordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-unordered-list-item-padding-inline-start)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-unordered-list{list-style-type:var(--amsterdam-unordered-list-unordered-list-list-style-type)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-unordered-list .amsterdam-unordered-list__item{margin-inline-start:var(--amsterdam-unordered-list-unordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-unordered-list-unordered-list-item-padding-inline-start)}.amsterdam-theme--compact .amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers){font-size:var(--amsterdam-unordered-list-compact-font-size);line-height:var(--amsterdam-unordered-list-compact-line-height)}/*# sourceMappingURL=unordered-list.css.map */
1
+ .amsterdam-unordered-list{box-sizing:border-box;list-style:none;margin-block:0;padding-inline-start:0;-webkit-text-size-adjust:100%;display:grid;gap:var(--amsterdam-unordered-list-gap)}.amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers){color:var(--amsterdam-unordered-list-color);font-family:var(--amsterdam-unordered-list-font-family);font-size:var(--amsterdam-unordered-list-font-size);font-weight:var(--amsterdam-unordered-list-font-weight);line-height:var(--amsterdam-unordered-list-line-height);list-style-type:var(--amsterdam-unordered-list-list-style-type)}.amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers) .amsterdam-unordered-list__item{margin-inline-start:var(--amsterdam-unordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-unordered-list-item-padding-inline-start)}.amsterdam-unordered-list--inverse-color:not(.amsterdam-unordered-list--no-markers){color:var(--amsterdam-unordered-list-inverse-color)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-unordered-list{list-style-type:var(--amsterdam-unordered-list-unordered-list-list-style-type)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-unordered-list .amsterdam-unordered-list__item{margin-inline-start:var(--amsterdam-unordered-list-unordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-unordered-list-unordered-list-item-padding-inline-start)}/*# sourceMappingURL=unordered-list.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/unordered-list/unordered-list.scss"],"names":[],"mappings":"AAeA,0BARE,sBACA,gBACA,eACA,uBACA,8BAOA,aACA,wCAIF,qEACE,4CACA,wDACA,6DACA,wDACA,iEACA,gEAGA,qGACE,6EACA,+EAKJ,iFACE,+EAEA,iHACE,4FACA,8FAIJ,+FACE,4DACA","file":"unordered-list.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/unordered-list/unordered-list.scss"],"names":[],"mappings":"AAeA,0BARE,sBACA,gBACA,eACA,uBACA,8BAOA,aACA,wCAIF,qEACE,4CACA,wDACA,oDACA,wDACA,wDACA,gEAGA,qGACE,6EACA,+EAIJ,oFACE,oDAIF,iFACE,+EAEA,iHACE,4FACA","file":"unordered-list.css"}
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.4.0",
2
+ "version": "0.6.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",
@@ -13,17 +13,16 @@
13
13
  "url": "https://github.com/Amsterdam/design-system.git",
14
14
  "directory": "packages/css"
15
15
  },
16
- "scripts": {
17
- "build": "sass src/components:dist/ --style=compressed",
18
- "build:watch": "sass src/components:dist/ --watch",
19
- "clean": "rimraf dist/"
20
- },
21
16
  "devDependencies": {
22
- "@amsterdam/design-system-tokens": "0.4.0",
23
- "sass": "1.70.0"
17
+ "sass": "1.71.1",
18
+ "@amsterdam/design-system-tokens": "0.6.0"
24
19
  },
25
20
  "dependencies": {
26
21
  "@utrecht/components": "3.0.0"
27
22
  },
28
- "gitHead": "3bc9765e9de9553db5b643d2ed79735837d4d7b6"
29
- }
23
+ "scripts": {
24
+ "build": "sass src/components:dist/ --style=compressed",
25
+ "build:watch": "sass src/components:dist/ --watch",
26
+ "clean": "rimraf dist/"
27
+ }
28
+ }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
3
+ * Copyright Gemeente Amsterdam
4
4
  */
5
5
 
6
6
  /*
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
3
+ * Copyright Gemeente Amsterdam
4
4
  */
5
5
 
6
6
  @use "sass:math";
@@ -0,0 +1,11 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
5
+
6
+ @mixin hide-input {
7
+ appearance: none;
8
+ margin-block: 0;
9
+ margin-inline: 0;
10
+ opacity: 0%; /* to hide native input field in older iOS */
11
+ }
@@ -0,0 +1,10 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
5
+
6
+ @mixin hyphenation {
7
+ hyphenate-limit-chars: var(--amsterdam-hyphenation-hyphenate-limit-chars);
8
+ hyphens: var(--amsterdam-hyphenation-hyphens);
9
+ overflow-wrap: var(--amsterdam-hyphenation-overflow-wrap);
10
+ }
@@ -0,0 +1,21 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
5
+
6
+ /**
7
+ * Focus is first set on the label next to a focussed input, and then
8
+ * hidden when the focussed input doesn't have focus-visible.
9
+ * This progressive enhancement means you get the benefits of focus-visible
10
+ * while still showing a focus ring on browsers that don't support focus-visible (like older Safari).
11
+ */
12
+
13
+ @mixin input-label-focus {
14
+ &:focus + label {
15
+ outline: auto;
16
+ }
17
+
18
+ &:focus:not(:focus-visible) + label {
19
+ outline: 0;
20
+ }
21
+ }
@@ -0,0 +1,13 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
5
+
6
+ /** The set of available options for sizing. */
7
+ $amsterdam-sizes: (
8
+ "xs": "extra-small",
9
+ "sm": "small",
10
+ "md": "medium",
11
+ "lg": "large",
12
+ "xl": "extra-large",
13
+ );
@@ -1,3 +1,5 @@
1
+ <!-- @license CC0-1.0 -->
2
+
1
3
  # Accordion
2
4
 
3
5
  The accordion component is a clickable (vertically stacked) list of headings to hide or show associated content.
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
3
+ * Copyright Gemeente Amsterdam
4
4
  */
5
5
 
6
6
  .amsterdam-accordion__header {
@@ -20,19 +20,14 @@
20
20
  cursor: pointer;
21
21
  display: flex;
22
22
  font-family: var(--amsterdam-accordion-button-font-family);
23
- font-size: var(--amsterdam-accordion-button-spacious-font-size);
23
+ font-size: var(--amsterdam-accordion-button-font-size);
24
24
  font-weight: var(--amsterdam-accordion-button-font-weight);
25
25
  justify-content: space-between;
26
- line-height: var(--amsterdam-accordion-button-spacious-line-height);
27
- padding-block: 0.75rem;
28
- padding-inline: 1rem;
26
+ line-height: var(--amsterdam-accordion-button-line-height);
27
+ padding-block: var(--amsterdam-accordion-button-padding-block);
28
+ padding-inline: var(--amsterdam-accordion-button-padding-inline);
29
29
  width: 100%;
30
30
 
31
- .amsterdam-theme--compact & {
32
- font-size: var(--amsterdam-accordion-button-compact-font-size);
33
- line-height: var(--amsterdam-accordion-button-compact-line-height);
34
- }
35
-
36
31
  &:focus {
37
32
  outline-offset: var(--amsterdam-accordion-button-focus-outline-offset);
38
33
  }
@@ -59,8 +54,8 @@
59
54
 
60
55
  .amsterdam-accordion__panel {
61
56
  display: none;
62
- padding-block: 1rem;
63
- padding-inline: 1rem;
57
+ padding-block: var(--amsterdam-accordion-panel-padding-block);
58
+ padding-inline: var(--amsterdam-accordion-panel-padding-inline);
64
59
  }
65
60
 
66
61
  .amsterdam-accordion__panel--expanded {
@@ -1,3 +1,5 @@
1
+ <!-- @license CC0-1.0 -->
2
+
1
3
  # Alert
2
4
 
3
5
  An Alert informs the user of a significant or time-sensitive message without interrupting their task.
@@ -15,8 +17,8 @@ There are four types of notifications:
15
17
 
16
18
  - Place an orange Alert directly below the Header for important and urgent information.
17
19
  Examples: system outage or changes in the opening hours of a City Office.
18
- - Ensure sufficient whitespace around the Alert.
19
- The grid’s whitespace is a good reference – place the Alert in its own cell.
20
+ - Ensure sufficient white space around the Alert.
21
+ The grid’s white space is a good reference – place the Alert in its own cell.
20
22
  - By default, the Alert cannot be closed.
21
23
  This functionality can be added optionally.
22
24
  - Optionally, the title can be omitted.
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
3
+ * Copyright Gemeente Amsterdam
4
4
  */
5
5
 
6
6
  .amsterdam-alert {
@@ -11,10 +11,8 @@
11
11
  flex-direction: row;
12
12
  gap: var(--amsterdam-alert-gap);
13
13
  justify-content: space-between;
14
- padding-block-end: var(--amsterdam-alert-padding-block-end);
15
- padding-block-start: var(--amsterdam-alert-padding-block-start);
16
- padding-inline-end: var(--amsterdam-alert-padding-inline-end);
17
- padding-inline-start: var(--amsterdam-alert-padding-inline-start);
14
+ padding-block: var(--amsterdam-alert-padding-block);
15
+ padding-inline: var(--amsterdam-alert-padding-inline);
18
16
  }
19
17
 
20
18
  .amsterdam-alert__content {
@@ -1,3 +1,5 @@
1
+ <!-- @license CC0-1.0 -->
2
+
1
3
  # Aspect Ratio
2
4
 
3
5
  Aspect Ratio updates the height of an element with its width.
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
3
+ * Copyright Gemeente Amsterdam
4
4
  */
5
5
 
6
6
  .amsterdam-aspect-ratio {
@@ -1,3 +1,5 @@
1
+ <!-- @license CC0-1.0 -->
2
+
1
3
  # Badge
2
4
 
3
5
  A prominently coloured box containing 1 or 2 words.
@@ -1,20 +1,15 @@
1
1
  /**
2
2
  * @license EUPL-1.2+
3
- * Copyright (c) 2024 Gemeente Amsterdam
3
+ * Copyright Gemeente Amsterdam
4
4
  */
5
5
 
6
6
  .amsterdam-badge {
7
7
  display: inline-block;
8
8
  font-family: var(--amsterdam-badge-font-family);
9
- font-size: var(--amsterdam-badge-spacious-font-size);
9
+ font-size: var(--amsterdam-badge-font-size);
10
10
  font-weight: var(--amsterdam-badge-font-weight);
11
- line-height: var(--amsterdam-badge-spacious-line-height);
11
+ line-height: var(--amsterdam-badge-line-height);
12
12
  padding-inline: var(--amsterdam-badge-padding-inline);
13
-
14
- .amsterdam-theme--compact & {
15
- font-size: var(--amsterdam-badge-compact-font-size);
16
- line-height: var(--amsterdam-badge-compact-line-height);
17
- }
18
13
  }
19
14
 
20
15
  .amsterdam-badge--blue {
@@ -1,3 +1,5 @@
1
+ <!-- @license CC0-1.0 -->
2
+
1
3
  # Blockquote
2
4
 
3
5
  We use blockquotes to emphasize citations.
@@ -1,8 +1,10 @@
1
1
  /**
2
2
  * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
3
+ * Copyright Gemeente Amsterdam
4
4
  */
5
5
 
6
+ @import "../../common/hyphenation";
7
+
6
8
  @mixin reset {
7
9
  box-sizing: border-box;
8
10
  margin-block: 0;
@@ -14,9 +16,9 @@
14
16
  break-inside: avoid;
15
17
  color: var(--amsterdam-blockquote-color);
16
18
  font-family: var(--amsterdam-blockquote-font-family);
17
- font-size: var(--amsterdam-blockquote-spacious-font-size);
19
+ font-size: var(--amsterdam-blockquote-font-size);
18
20
  font-weight: var(--amsterdam-blockquote-font-weight);
19
- line-height: var(--amsterdam-blockquote-spacious-line-height);
21
+ line-height: var(--amsterdam-blockquote-line-height);
20
22
  quotes: "“" "”";
21
23
 
22
24
  &::before {
@@ -27,11 +29,7 @@
27
29
  content: close-quote;
28
30
  }
29
31
 
30
- .amsterdam-theme--compact & {
31
- font-size: var(--amsterdam-blockquote-spacious-font-size);
32
- line-height: var(--amsterdam-blockquote-spacious-line-height);
33
- }
34
-
32
+ @include hyphenation;
35
33
  @include reset;
36
34
  }
37
35
 
@@ -1,3 +1,5 @@
1
+ <!-- @license CC0-1.0 -->
2
+
1
3
  # Breadcrumb
2
4
 
3
5
  The breadcrumb is a secondary navigation pattern that helps a user understand the structure between levels in the website up to the current page.
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
3
+ * Copyright Gemeente Amsterdam
4
4
  */
5
5
 
6
6
  @mixin reset {
@@ -12,14 +12,9 @@
12
12
 
13
13
  .amsterdam-breadcrumb {
14
14
  font-family: var(--amsterdam-breadcrumb-font-family, inherit);
15
- font-size: var(--amsterdam-breadcrumb-spacious-font-size);
15
+ font-size: var(--amsterdam-breadcrumb-font-size);
16
16
  font-weight: var(--amsterdam-breadcrumb-font-weight);
17
- line-height: var(--amsterdam-breadcrumb-spacious-line-height);
18
-
19
- .amsterdam-theme--compact & {
20
- font-size: var(--amsterdam-breadcrumb-compact-font-size);
21
- line-height: var(--amsterdam-breadcrumb-compact-line-height);
22
- }
17
+ line-height: var(--amsterdam-breadcrumb-line-height);
23
18
  }
24
19
 
25
20
  .amsterdam-breadcrumb__list {
@@ -1,10 +1,12 @@
1
+ <!-- @license CC0-1.0 -->
2
+
1
3
  # Button
2
4
 
3
5
  Allows the user to perform actions and operate the user interface.
4
6
 
5
7
  ## Guidelines
6
8
 
7
- - A label text that describes the function of the button.
9
+ - A short label text that describes the function of the button.
8
10
  - A clear contrasting colour scheme so that it is easy to recognize and quickly locate.
9
11
  - Use the correct type of button for the corresponding application.
10
12
  For example, a button within a form must always be of the type `submit`.