@amsterdam/design-system-css 0.13.1 → 0.14.1

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 (148) hide show
  1. package/CHANGELOG.md +39 -2
  2. package/README.md +1 -1
  3. package/dist/alert/alert.css +1 -1
  4. package/dist/alert/alert.css.map +1 -1
  5. package/dist/aspect-ratio/aspect-ratio.css +1 -1
  6. package/dist/aspect-ratio/aspect-ratio.css.map +1 -1
  7. package/dist/blockquote/blockquote.css +1 -1
  8. package/dist/blockquote/blockquote.css.map +1 -1
  9. package/dist/breadcrumb/breadcrumb.css +1 -1
  10. package/dist/breadcrumb/breadcrumb.css.map +1 -1
  11. package/dist/breakout/breakout.css.map +1 -1
  12. package/dist/date-input/date-input.css +1 -1
  13. package/dist/date-input/date-input.css.map +1 -1
  14. package/dist/description-list/description-list.css +1 -1
  15. package/dist/description-list/description-list.css.map +1 -1
  16. package/dist/dialog/dialog.css +1 -1
  17. package/dist/dialog/dialog.css.map +1 -1
  18. package/dist/error-message/error-message.css +1 -1
  19. package/dist/error-message/error-message.css.map +1 -1
  20. package/dist/figure/figure.css +1 -0
  21. package/dist/figure/figure.css.map +1 -0
  22. package/dist/file-input/file-input.css +1 -1
  23. package/dist/file-input/file-input.css.map +1 -1
  24. package/dist/file-list/file-list.css +1 -0
  25. package/dist/file-list/file-list.css.map +1 -0
  26. package/dist/footer/footer.css +1 -0
  27. package/dist/footer/footer.css.map +1 -0
  28. package/dist/gap/gap.css.map +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/image/image.css +1 -1
  37. package/dist/image/image.css.map +1 -1
  38. package/dist/index.css +1 -1
  39. package/dist/index.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/logo/logo.css +1 -1
  43. package/dist/logo/logo.css.map +1 -1
  44. package/dist/margin/margin.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/overlap/overlap.css +1 -1
  48. package/dist/overlap/overlap.css.map +1 -1
  49. package/dist/page-heading/page-heading.css +1 -1
  50. package/dist/page-heading/page-heading.css.map +1 -1
  51. package/dist/page-menu/page-menu.css +1 -1
  52. package/dist/page-menu/page-menu.css.map +1 -1
  53. package/dist/pagination/pagination.css +1 -1
  54. package/dist/pagination/pagination.css.map +1 -1
  55. package/dist/paragraph/paragraph.css +1 -1
  56. package/dist/paragraph/paragraph.css.map +1 -1
  57. package/dist/password-input/password-input.css +1 -1
  58. package/dist/password-input/password-input.css.map +1 -1
  59. package/dist/radio/radio.css +1 -1
  60. package/dist/radio/radio.css.map +1 -1
  61. package/dist/screen/screen.css +1 -1
  62. package/dist/screen/screen.css.map +1 -1
  63. package/dist/search-field/search-field.css +1 -1
  64. package/dist/search-field/search-field.css.map +1 -1
  65. package/dist/spotlight/spotlight.css +1 -1
  66. package/dist/spotlight/spotlight.css.map +1 -1
  67. package/dist/switch/switch.css +1 -1
  68. package/dist/switch/switch.css.map +1 -1
  69. package/dist/table-of-contents/table-of-contents.css +1 -1
  70. package/dist/table-of-contents/table-of-contents.css.map +1 -1
  71. package/dist/tabs/tabs.css +1 -1
  72. package/dist/tabs/tabs.css.map +1 -1
  73. package/dist/text-area/text-area.css +1 -1
  74. package/dist/text-area/text-area.css.map +1 -1
  75. package/dist/text-input/text-input.css +1 -1
  76. package/dist/text-input/text-input.css.map +1 -1
  77. package/dist/time-input/time-input.css +1 -1
  78. package/dist/time-input/time-input.css.map +1 -1
  79. package/dist/top-task-link/top-task-link.css +1 -1
  80. package/dist/top-task-link/top-task-link.css.map +1 -1
  81. package/dist/unordered-list/unordered-list.css +1 -1
  82. package/dist/unordered-list/unordered-list.css.map +1 -1
  83. package/documentation/coding-conventions.md +5 -1
  84. package/package.json +4 -4
  85. package/src/components/accordion/accordion.scss +1 -1
  86. package/src/components/alert/alert.scss +1 -0
  87. package/src/components/aspect-ratio/README.md +15 -11
  88. package/src/components/aspect-ratio/aspect-ratio.scss +5 -26
  89. package/src/components/blockquote/blockquote.scss +5 -5
  90. package/src/components/breadcrumb/breadcrumb.scss +4 -4
  91. package/src/components/breakout/breakout.scss +3 -3
  92. package/src/components/button/button.scss +1 -1
  93. package/src/components/character-count/character-count.scss +1 -1
  94. package/src/components/checkbox/checkbox.scss +3 -3
  95. package/src/components/column/column.scss +1 -1
  96. package/src/components/date-input/date-input.scss +4 -4
  97. package/src/components/description-list/description-list.scss +34 -12
  98. package/src/components/dialog/dialog.scss +1 -1
  99. package/src/components/error-message/error-message.scss +6 -4
  100. package/src/components/field-set/field-set.scss +4 -4
  101. package/src/components/figure/README.md +5 -0
  102. package/src/components/figure/figure.scss +33 -0
  103. package/src/components/file-input/file-input.scss +4 -3
  104. package/src/components/file-list/README.md +5 -0
  105. package/src/components/file-list/file-list.scss +55 -0
  106. package/src/components/footer/README.md +6 -6
  107. package/src/components/footer/footer.scss +8 -0
  108. package/src/components/gap/gap.scss +3 -2
  109. package/src/components/grid/_mixins.scss +2 -0
  110. package/src/components/grid/grid.scss +2 -2
  111. package/src/components/header/README.md +7 -5
  112. package/src/components/header/header.scss +183 -53
  113. package/src/components/heading/heading.scss +5 -5
  114. package/src/components/icon/icon.scss +4 -0
  115. package/src/components/icon-button/icon-button.scss +2 -2
  116. package/src/components/image/README.md +27 -5
  117. package/src/components/image/image.scss +4 -4
  118. package/src/components/image-slider/image-slider.scss +1 -1
  119. package/src/components/index.scss +66 -63
  120. package/src/components/label/label.scss +2 -2
  121. package/src/components/link/link.scss +1 -1
  122. package/src/components/link-list/link-list.scss +5 -5
  123. package/src/components/logo/README.md +1 -1
  124. package/src/components/logo/logo.scss +1 -0
  125. package/src/components/margin/margin.scss +3 -2
  126. package/src/components/ordered-list/ordered-list.scss +4 -4
  127. package/src/components/overlap/overlap.scss +2 -1
  128. package/src/components/page-heading/page-heading.scss +5 -5
  129. package/src/components/page-menu/page-menu.scss +6 -9
  130. package/src/components/pagination/pagination.scss +4 -4
  131. package/src/components/paragraph/paragraph.scss +4 -4
  132. package/src/components/password-input/password-input.scss +4 -4
  133. package/src/components/radio/radio.scss +28 -6
  134. package/src/components/row/row.scss +1 -1
  135. package/src/components/screen/screen.scss +1 -6
  136. package/src/components/search-field/search-field.scss +2 -28
  137. package/src/components/select/select.scss +2 -2
  138. package/src/components/skip-link/README.md +11 -13
  139. package/src/components/spotlight/README.md +2 -0
  140. package/src/components/spotlight/spotlight.scss +4 -4
  141. package/src/components/switch/switch.scss +3 -8
  142. package/src/components/table-of-contents/table-of-contents.scss +4 -4
  143. package/src/components/tabs/tabs.scss +24 -5
  144. package/src/components/text-area/text-area.scss +4 -4
  145. package/src/components/text-input/text-input.scss +4 -4
  146. package/src/components/time-input/time-input.scss +4 -4
  147. package/src/components/top-task-link/top-task-link.scss +4 -9
  148. package/src/components/unordered-list/unordered-list.scss +4 -4
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/ordered-list/ordered-list.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,kBACE,aACA,gCCNA,kCACA,2BACA,8BACA,sBDLA,sBACA,qBACA,eACA,uBAWF,qDACE,oCACA,gDACA,4CACA,gDACA,gDACA,wDAEA,6EACE,qEACA,uEAIJ,oEACE,4CAGF,4DACE,kDACA,sDAGF,6DACE,6CACA,qEACA,yEACA,6EAEA,qFACE,kFACA","file":"ordered-list.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/ordered-list/ordered-list.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,kBACE,sBACA,aACA,gCCNA,kCACA,2BACA,8BACA,sBDLA,qBACA,eACA,uBAYF,qDACE,oCACA,gDACA,4CACA,gDACA,gDACA,wDAEA,6EACE,qEACA,uEAIJ,oEACE,4CAGF,4DACE,kDACA,sDAGF,6DACE,6CACA,qEACA,yEACA,6EAEA,qFACE,kFACA","file":"ordered-list.css"}
@@ -1 +1 @@
1
- .ams-overlap{display:grid}.ams-overlap>*{grid-area:1/-1}/*# sourceMappingURL=overlap.css.map */
1
+ .ams-overlap{display:grid}.ams-overlap>*{grid-column:1/-1;grid-row:1/-1}/*# sourceMappingURL=overlap.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/overlap/overlap.scss"],"names":[],"mappings":"AAKA,aACE,aAEA,eACE","file":"overlap.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/overlap/overlap.scss"],"names":[],"mappings":"AAKA,aACE,aAEA,eACE,iBACA","file":"overlap.css"}
@@ -1 +1 @@
1
- .ams-page-heading{break-after:avoid;break-inside:avoid;color:var(--ams-page-heading-color);font-family:var(--ams-page-heading-font-family);font-size:var(--ams-page-heading-font-size);font-weight:var(--ams-page-heading-font-weight);line-height:var(--ams-page-heading-line-height);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;box-sizing:border-box;margin-block:0}.ams-page-heading--inverse-color{color:var(--ams-page-heading-inverse-color)}/*# sourceMappingURL=page-heading.css.map */
1
+ .ams-page-heading{box-sizing:border-box;break-after:avoid;break-inside:avoid;color:var(--ams-page-heading-color);font-family:var(--ams-page-heading-font-family);font-size:var(--ams-page-heading-font-size);font-weight:var(--ams-page-heading-font-weight);line-height:var(--ams-page-heading-line-height);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0}.ams-page-heading--inverse-color{color:var(--ams-page-heading-inverse-color)}/*# sourceMappingURL=page-heading.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/page-heading/page-heading.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,kBACE,kBACA,mBACA,oCACA,gDACA,4CACA,gDACA,gDCdA,mEACA,uCACA,mDCEA,kCACA,2BACA,8BACA,sBFJA,sBACA,eAiBF,iCACE","file":"page-heading.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/page-heading/page-heading.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAYA,kBACE,sBACA,kBACA,mBACA,oCACA,gDACA,4CACA,gDACA,gDCdA,mEACA,uCACA,mDCEA,kCACA,2BACA,8BACA,sBFJA,eAkBF,iCACE","file":"page-heading.css"}
@@ -1 +1 @@
1
- .ams-page-menu{align-items:center;column-gap:var(--ams-page-menu-column-gap);display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;row-gap:var(--ams-page-menu-row-gap);box-sizing:border-box;margin-block:0;padding-inline:0}.ams-page-menu--align-end{justify-content:end}.ams-page-menu--no-wrap{flex-wrap:nowrap}.ams-page-menu__link{color:var(--ams-page-menu-item-color);display:inline-flex;flex-direction:row;font-family:var(--ams-page-menu-item-font-family);font-size:var(--ams-page-menu-item-font-size);font-weight:var(--ams-page-menu-item-font-weight);gap:var(--ams-page-menu-item-gap);line-height:var(--ams-page-menu-item-line-height);outline-offset:var(--ams-page-menu-item-outline-offset);text-align:center;text-decoration-line:var(--ams-page-menu-item-text-decoration-line);text-decoration-thickness:var(--ams-page-menu-item-text-decoration-thickness);text-underline-offset:var(--ams-page-menu-item-text-underline-offset);touch-action:manipulation;white-space:nowrap;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;box-sizing:border-box}.ams-page-menu__link:hover,.ams-page-menu__button:hover{color:var(--ams-page-menu-item-hover-color);text-decoration-line:var(--ams-page-menu-item-hover-text-decoration-line)}.ams-page-menu__link svg{color:currentColor}/*# sourceMappingURL=page-menu.css.map */
1
+ .ams-page-menu{align-items:center;box-sizing:border-box;column-gap:var(--ams-page-menu-column-gap);display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;row-gap:var(--ams-page-menu-row-gap);margin-block:0;padding-inline:0}.ams-page-menu--align-end{justify-content:end}.ams-page-menu--no-wrap{flex-wrap:nowrap}.ams-page-menu__link{box-sizing:border-box;color:var(--ams-page-menu-item-color);display:inline-flex;flex-direction:row;font-family:var(--ams-page-menu-item-font-family);font-size:var(--ams-page-menu-item-font-size);font-weight:var(--ams-page-menu-item-font-weight);gap:var(--ams-page-menu-item-gap);line-height:var(--ams-page-menu-item-line-height);outline-offset:var(--ams-page-menu-item-outline-offset);text-align:center;text-decoration-line:var(--ams-page-menu-item-text-decoration-line);text-decoration-thickness:var(--ams-page-menu-item-text-decoration-thickness);text-underline-offset:var(--ams-page-menu-item-text-underline-offset);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-menu__link:hover,.ams-page-menu__button:hover{color:var(--ams-page-menu-item-hover-color);text-decoration-line:var(--ams-page-menu-item-hover-text-decoration-line)}.ams-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","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAiBA,eACE,mBACA,2CACA,aACA,mBACA,eACA,gBACA,qCAhBA,sBACA,eACA,iBAmBF,0BACE,oBAGF,wBACE,iBAqBF,qBAjBE,sCACA,oBACA,mBACA,kDACA,8CACA,kDACA,kCACA,kDACA,wDACA,kBACA,oEACA,8EACA,sEACA,0BACA,mBC1CA,kCACA,2BACA,8BACA,sBDCA,sBA+CF,wDAEE,4CACA,0EAGF,yBACE","file":"page-menu.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/page-menu/page-menu.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAYA,eACE,mBACA,sBACA,2CACA,aACA,mBACA,eACA,gBACA,qCAZA,eACA,iBAgBF,0BACE,oBAGF,wBACE,iBAqBF,qBACE,sBAlBA,sCACA,oBACA,mBACA,kDACA,8CACA,kDACA,kCACA,kDACA,wDACA,kBACA,oEACA,8EACA,sEACA,0BACA,mBCtCA,kCACA,2BACA,8BACA,sBD6CF,wDAEE,4CACA,0EAGF,yBACE","file":"page-menu.css"}
@@ -1 +1 @@
1
- .ams-pagination__list{color:var(--ams-pagination-color);display:flex;flex-wrap:wrap;font-family:var(--ams-pagination-font-family);font-size:var(--ams-pagination-font-size);font-weight:var(--ams-pagination-font-weight);justify-content:center;line-height:var(--ams-pagination-line-height);list-style-type:none;margin-block:0;padding-inline-start:0}.ams-pagination__button{all:unset;box-sizing:border-box;outline:revert;cursor:pointer;display:flex;gap:var(--ams-pagination-button-gap);outline-offset:var(--ams-pagination-button-outline-offset);padding-inline:var(--ams-pagination-button-padding-inline);text-decoration-line:var(--ams-pagination-button-text-decoration-line);text-decoration-thickness:var(--ams-pagination-button-text-decoration-thickness);text-underline-offset:var(--ams-pagination-button-text-underline-offset);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-pagination__button:disabled{display:none}.ams-pagination__button:hover{color:var(--ams-pagination-button-hover-color);text-decoration-line:var(--ams-pagination-button-hover-text-decoration-line)}.ams-pagination__button span.ams-icon svg{block-size:1rem;inline-size:1rem}.ams-pagination__button--current{cursor:default;font-weight:var(--ams-pagination-button-current-font-weight)}.ams-pagination__button--current:hover{text-decoration:none}/*# sourceMappingURL=pagination.css.map */
1
+ .ams-pagination__list{color:var(--ams-pagination-color);display:flex;flex-wrap:wrap;font-family:var(--ams-pagination-font-family);font-size:var(--ams-pagination-font-size);font-weight:var(--ams-pagination-font-weight);justify-content:center;line-height:var(--ams-pagination-line-height);list-style-type:none;margin-block:0;padding-inline-start:0}.ams-pagination__button{all:unset;outline:revert;box-sizing:border-box;cursor:pointer;display:flex;gap:var(--ams-pagination-button-gap);outline-offset:var(--ams-pagination-button-outline-offset);padding-inline:var(--ams-pagination-button-padding-inline);text-decoration-line:var(--ams-pagination-button-text-decoration-line);text-decoration-thickness:var(--ams-pagination-button-text-decoration-thickness);text-underline-offset:var(--ams-pagination-button-text-underline-offset);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-pagination__button:disabled{display:none}.ams-pagination__button:hover{color:var(--ams-pagination-button-hover-color);text-decoration-line:var(--ams-pagination-button-hover-text-decoration-line)}.ams-pagination__button span.ams-icon svg{block-size:1rem;inline-size:1rem}.ams-pagination__button--current{cursor:default;font-weight:var(--ams-pagination-button-current-font-weight)}.ams-pagination__button--current:hover{text-decoration:none}/*# sourceMappingURL=pagination.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/pagination/pagination.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,sBACE,kCACA,aACA,eACA,8CACA,0CACA,8CACA,uBACA,8CAbA,qBACA,eACA,uBAsBF,wBALE,UACA,sBACA,eAQA,eACA,aACA,qCACA,2DACA,2DACA,uEACA,iFACA,yEACA,0BCnCA,kCACA,2BACA,8BACA,sBDoCA,iCACE,aAGF,8BACE,+CACA,6EAIF,0CACE,gBACA,iBAIJ,iCACE,eACA,6DAEA,uCACE","file":"pagination.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/pagination/pagination.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,sBACE,kCACA,aACA,eACA,8CACA,0CACA,8CACA,uBACA,8CAbA,qBACA,eACA,uBAqBF,wBAJE,UACA,eAQA,sBACA,eACA,aACA,qCACA,2DACA,2DACA,uEACA,iFACA,yEACA,0BCnCA,kCACA,2BACA,8BACA,sBDoCA,iCACE,aAGF,8BACE,+CACA,6EAIF,0CACE,gBACA,iBAIJ,iCACE,eACA,6DAEA,uCACE","file":"pagination.css"}
@@ -1 +1 @@
1
- .ams-paragraph{color:var(--ams-paragraph-color);font-family:var(--ams-paragraph-font-family);font-size:var(--ams-paragraph-font-size);font-weight:var(--ams-paragraph-font-weight);line-height:var(--ams-paragraph-line-height);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;box-sizing:border-box;margin-block:0}.ams-paragraph--small{font-size:var(--ams-paragraph-small-font-size);line-height:var(--ams-paragraph-small-line-height)}.ams-paragraph--large{font-size:var(--ams-paragraph-large-font-size);line-height:var(--ams-paragraph-large-line-height)}.ams-paragraph--inverse-color{color:var(--ams-paragraph-inverse-color)}/*# sourceMappingURL=paragraph.css.map */
1
+ .ams-paragraph{box-sizing:border-box;color:var(--ams-paragraph-color);font-family:var(--ams-paragraph-font-family);font-size:var(--ams-paragraph-font-size);font-weight:var(--ams-paragraph-font-weight);line-height:var(--ams-paragraph-line-height);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0}.ams-paragraph--small{font-size:var(--ams-paragraph-small-font-size);line-height:var(--ams-paragraph-small-line-height)}.ams-paragraph--large{font-size:var(--ams-paragraph-large-font-size);line-height:var(--ams-paragraph-large-line-height)}.ams-paragraph--inverse-color{color:var(--ams-paragraph-inverse-color)}/*# sourceMappingURL=paragraph.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/paragraph/paragraph.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAYA,eACE,iCACA,6CACA,yCACA,6CACA,6CCPA,kCACA,2BACA,8BACA,sBDLA,sBACA,eAcF,sBACE,+CACA,mDAGF,sBACE,+CACA,mDAGF,8BACE","file":"paragraph.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/paragraph/paragraph.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAWA,eACE,sBACA,iCACA,6CACA,yCACA,6CACA,6CCPA,kCACA,2BACA,8BACA,sBDLA,eAeF,sBACE,+CACA,mDAGF,sBACE,+CACA,mDAGF,8BACE","file":"paragraph.css"}
@@ -1 +1 @@
1
- .ams-password-input{background-color:var(--ams-password-input-background-color);box-shadow:var(--ams-password-input-box-shadow);color:var(--ams-password-input-color);font-family:var(--ams-password-input-font-family);font-size:var(--ams-password-input-font-size);font-weight:var(--ams-password-input-font-weight);inline-size:100%;line-height:var(--ams-password-input-line-height);outline-offset:var(--ams-password-input-outline-offset);padding-block:var(--ams-password-input-padding-block);padding-inline:var(--ams-password-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:0;border-radius:0;box-sizing:border-box;margin-block:0}.ams-password-input:hover{box-shadow:var(--ams-password-input-hover-box-shadow)}.ams-password-input::placeholder{color:var(--ams-password-input-placeholder-color);opacity:100%}.ams-password-input:disabled{background-color:var(--ams-password-input-disabled-background-color);box-shadow:var(--ams-password-input-disabled-box-shadow);color:var(--ams-password-input-disabled-color);cursor:not-allowed}.ams-password-input:invalid,.ams-password-input[aria-invalid=true]{box-shadow:var(--ams-password-input-invalid-box-shadow)}.ams-password-input:invalid:hover,.ams-password-input[aria-invalid=true]:hover{box-shadow:var(--ams-password-input-invalid-hover-box-shadow)}/*# sourceMappingURL=password-input.css.map */
1
+ .ams-password-input{background-color:var(--ams-password-input-background-color);box-shadow:var(--ams-password-input-box-shadow);box-sizing:border-box;color:var(--ams-password-input-color);font-family:var(--ams-password-input-font-family);font-size:var(--ams-password-input-font-size);font-weight:var(--ams-password-input-font-weight);inline-size:100%;line-height:var(--ams-password-input-line-height);outline-offset:var(--ams-password-input-outline-offset);padding-block:var(--ams-password-input-padding-block);padding-inline:var(--ams-password-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:0;border-radius:0;margin-block:0}.ams-password-input:hover{box-shadow:var(--ams-password-input-hover-box-shadow)}.ams-password-input::placeholder{color:var(--ams-password-input-placeholder-color);opacity:100%}.ams-password-input:disabled{background-color:var(--ams-password-input-disabled-background-color);box-shadow:var(--ams-password-input-disabled-box-shadow);color:var(--ams-password-input-disabled-color);cursor:not-allowed}.ams-password-input:invalid,.ams-password-input[aria-invalid=true]{box-shadow:var(--ams-password-input-invalid-box-shadow)}.ams-password-input:invalid:hover,.ams-password-input[aria-invalid=true]:hover{box-shadow:var(--ams-password-input-invalid-hover-box-shadow)}/*# sourceMappingURL=password-input.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/password-input/password-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAgBA,oBACE,4DACA,gDACA,sCACA,kDACA,8CACA,kDACA,iBACA,kDACA,wDACA,sDACA,wDACA,0BClBA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,SACA,gBACA,sBACA,eAoBA,0BACE,sDAIJ,iCACE,kDACA,aAGF,6BACE,qEACA,yDACA,+CACA,mBAGF,mEAEE,wDAEA,+EAEE","file":"password-input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/password-input/password-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAeA,oBACE,4DACA,gDACA,sBACA,sCACA,kDACA,8CACA,kDACA,iBACA,kDACA,wDACA,sDACA,wDACA,0BClBA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,SACA,gBACA,eAqBA,0BACE,sDAIJ,iCACE,kDACA,aAGF,6BACE,qEACA,yDACA,+CACA,mBAGF,mEAEE,wDAEA,+EAEE","file":"password-input.css"}
@@ -1 +1 @@
1
- .ams-radio__input{appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-radio__input:focus+label{outline:auto}.ams-radio__input:focus:not(:focus-visible)+label{outline:0}.ams-radio__label{color:var(--ams-radio-color);cursor:pointer;display:inline-flex;font-family:var(--ams-radio-font-family);font-size:var(--ams-radio-font-size);font-weight:var(--ams-radio-font-weight);gap:var(--ams-radio-gap);line-height:var(--ams-radio-line-height);outline-offset:var(--ams-radio-outline-offset);text-decoration-thickness:var(--ams-radio-text-decoration-thickness);text-underline-offset:var(--ams-radio-text-underline-offset);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-radio__icon-container{block-size:var(--ams-radio-icon-container-block-size);display:flex;flex:none;inline-size:var(--ams-radio-icon-container-inline-size)}.ams-radio__circle{fill:none;stroke:var(--ams-radio-circle-stroke);stroke-width:.125rem}.ams-radio__checked-indicator{display:none;fill:var(--ams-radio-checked-indicator-fill)}.ams-radio__label:hover{color:var(--ams-radio-hover-color);text-decoration-line:var(--ams-radio-hover-text-decoration-line)}.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-hover-stroke)}.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-hover-fill)}.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-invalid-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-invalid-fill)}.ams-radio__input:checked+.ams-radio__label .ams-radio__checked-indicator{display:block}.ams-radio__input:disabled+.ams-radio__label{color:var(--ams-radio-disabled-color);cursor:not-allowed}.ams-radio__input:disabled+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-stroke)}.ams-radio__input:disabled+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-fill)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-invalid-stroke)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-invalid-fill)}.ams-radio__input:disabled+.ams-radio__label:hover{text-decoration:none}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-invalid-hover-fill)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-invalid-hover-fill)}@media(forced-colors: active){.ams-radio__label .ams-radio__circle,.ams-radio__label:hover .ams-radio__circle,.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__circle{stroke:FieldText}.ams-radio__label .ams-radio__checked-indicator,.ams-radio__label:hover .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__checked-indicator{fill:FieldText}}@media(forced-colors: active){.ams-radio__input:checked+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:checked+.ams-radio__label:hover .ams-radio__circle{stroke:ActiveText}.ams-radio__input:checked+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:checked+.ams-radio__label:hover .ams-radio__checked-indicator{fill:ActiveText}}@media(forced-colors: active){.ams-radio__input:disabled+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__circle{stroke:GrayText}.ams-radio__input:disabled+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__checked-indicator{fill:GrayText}}/*# sourceMappingURL=radio.css.map */
1
+ .ams-radio__input{appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-radio__input:focus+label{outline:auto}.ams-radio__input:focus:not(:focus-visible)+label{outline:0}.ams-radio__label{color:var(--ams-radio-color);cursor:pointer;display:inline-flex;font-family:var(--ams-radio-font-family);font-size:var(--ams-radio-font-size);font-weight:var(--ams-radio-font-weight);gap:var(--ams-radio-gap);line-height:var(--ams-radio-line-height);outline-offset:var(--ams-radio-outline-offset);text-decoration-thickness:var(--ams-radio-text-decoration-thickness);text-underline-offset:var(--ams-radio-text-underline-offset);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-radio__icon-container{block-size:var(--ams-radio-icon-container-block-size);display:flex;flex:none;inline-size:var(--ams-radio-icon-container-inline-size)}.ams-radio__circle{fill:var(--ams-radio-circle-fill);stroke:var(--ams-radio-circle-stroke);stroke-width:var(--ams-radio-circle-stroke-width)}.ams-radio__hover-indicator{fill:none;stroke:rgba(0,0,0,0);stroke-width:var(--ams-radio-hover-indicator-stroke-width)}.ams-radio__checked-indicator{display:none;fill:var(--ams-radio-checked-indicator-fill)}.ams-radio__label:hover{color:var(--ams-radio-hover-color);text-decoration-line:var(--ams-radio-hover-text-decoration-line)}.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-hover-stroke)}.ams-radio__label:hover .ams-radio__hover-indicator{stroke:var(--ams-radio-hover-indicator-hover-stroke)}.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-hover-fill)}.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-invalid-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-invalid-fill)}.ams-radio__input:checked+.ams-radio__label .ams-radio__checked-indicator{display:block}.ams-radio__input:disabled+.ams-radio__label{color:var(--ams-radio-disabled-color);cursor:not-allowed}.ams-radio__input:disabled+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-stroke)}.ams-radio__input:disabled+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-fill)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-invalid-stroke)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-invalid-fill)}.ams-radio__input:disabled+.ams-radio__label:hover{text-decoration:none}.ams-radio__input:disabled+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:rgba(0,0,0,0)}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:var(--ams-radio-hover-indicator-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-invalid-hover-fill)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:rgba(0,0,0,0)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-invalid-hover-fill)}@media(forced-colors: active){.ams-radio__label .ams-radio__circle,.ams-radio__label:hover .ams-radio__circle,.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__circle{stroke:FieldText}.ams-radio__label .ams-radio__checked-indicator,.ams-radio__label:hover .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__checked-indicator{fill:FieldText}}@media(forced-colors: active){.ams-radio__input:checked+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:checked+.ams-radio__label:hover .ams-radio__circle{stroke:ActiveText}.ams-radio__input:checked+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:checked+.ams-radio__label:hover .ams-radio__checked-indicator{fill:ActiveText}}@media(forced-colors: active){.ams-radio__input:disabled+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__circle{stroke:GrayText}.ams-radio__input:disabled+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__checked-indicator{fill:GrayText}}/*# sourceMappingURL=radio.css.map */
@@ -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/text-rendering.scss"],"names":[],"mappings":"AASA,kBCHE,gBACA,cACA,eACA,gBCIA,8BACE,aAGF,kDACE,UFHJ,kBACE,6BACA,eACA,oBACA,yCACA,qCACA,yCACA,yBACA,yCACA,+CACA,qEACA,6DGhBA,kCACA,2BACA,8BACA,sBHkBF,2BACE,sDACA,aACA,UACA,wDAGF,mBACE,UACA,sCACA,qBAGF,8BACE,aACA,6CAIF,wBACE,mCACA,iEAEA,2CACE,4CAGF,sDACE,mDAMF,0EACE,8CAGF,qFACE,qDAMF,0EACE,cAKJ,6CACE,sCACA,mBAEA,gEACE,+CAGF,2EACE,sDAMF,mFAEE,uDAGF,8FAEE,8DAOJ,mDACE,qBAKA,gFAEE,oDAGF,2FAEE,2DAMF,yFAEE,6DAGF,oGAEE,oEAOJ,8BAKI,0OACE,iBAGF,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/text-rendering.scss"],"names":[],"mappings":"AASA,kBCHE,gBACA,cACA,eACA,gBCIA,8BACE,aAGF,kDACE,UFHJ,kBACE,6BACA,eACA,oBACA,yCACA,qCACA,yCACA,yBACA,yCACA,+CACA,qEACA,6DGhBA,kCACA,2BACA,8BACA,sBHkBF,2BACE,sDACA,aACA,UACA,wDAGF,mBACE,kCACA,sCACA,kDAGF,4BACE,UACA,qBACA,2DAGF,8BACE,aACA,6CAIF,wBACE,mCACA,iEAEA,2CACE,4CAGF,oDACE,qDAGF,sDACE,mDAMF,0EACE,8CAGF,qFACE,qDAMF,0EACE,cAKJ,6CACE,sCACA,mBAEA,gEACE,+CAGF,2EACE,sDAMF,mFAEE,uDAGF,8FAEE,8DAOJ,mDACE,qBAEA,+EACE,qBAMF,gFAEE,oDAGF,yFAEE,6DAGF,2FAEE,2DAMF,yFAEE,6DAGF,kGACE,qBAEF,oGAEE,oEAOJ,8BAKI,0OACE,iBAGF,sRACE,gBAMN,8BAGI,uJACE,kBAGF,6KACE,iBAMN,8BAII,4OACE,gBAGF,6QACE","file":"radio.css"}
@@ -1 +1 @@
1
- .ams-screen{background-color:var(--ams-screen-background-color);margin-inline:auto;position:relative;box-sizing:border-box}.ams-screen--full-height{min-block-size:100vh}.ams-screen--wide{max-inline-size:var(--ams-screen-wide-max-inline-size)}.ams-screen--x-wide{max-inline-size:var(--ams-screen-x-wide-max-inline-size)}/*# sourceMappingURL=screen.css.map */
1
+ .ams-screen{background-color:var(--ams-screen-background-color);box-sizing:border-box;margin-inline:auto;position:relative}.ams-screen--full-height{min-block-size:100vh}.ams-screen--wide{max-inline-size:var(--ams-screen-wide-max-inline-size)}.ams-screen--x-wide{max-inline-size:var(--ams-screen-x-wide-max-inline-size)}/*# sourceMappingURL=screen.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/screen/screen.scss"],"names":[],"mappings":"AASA,YACE,oDACA,mBACA,kBANA,sBAWF,yBACE,qBAGF,kBACE,uDAGF,oBACE","file":"screen.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/screen/screen.scss"],"names":[],"mappings":"AAKA,YACE,oDACA,sBACA,mBACA,kBAGF,yBACE,qBAGF,kBACE,uDAGF,oBACE","file":"screen.css"}
@@ -1 +1 @@
1
- .ams-search-field{display:flex;isolation:isolate}.ams-search-field__input{background-color:var(--ams-search-field-input-background-color);box-shadow:var(--ams-search-field-input-box-shadow);color:var(--ams-search-field-input-color);font-family:var(--ams-search-field-input-font-family);font-size:var(--ams-search-field-input-font-size);font-weight:var(--ams-search-field-input-font-weight);inline-size:100%;line-height:var(--ams-search-field-input-line-height);outline-offset:var(--ams-search-field-input-outline-offset);padding-block:var(--ams-search-field-input-padding-block);padding-inline:var(--ams-search-field-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:0;border-radius:0;box-sizing:border-box;margin-block:0}.ams-search-field__input:hover{box-shadow:var(--ams-search-field-input-hover-box-shadow)}.ams-search-field__input:focus{z-index:1}.ams-search-field__input:invalid,.ams-search-field__input[aria-invalid=true]{box-shadow:var(--ams-search-field-input-invalid-box-shadow)}.ams-search-field__input:invalid:hover,.ams-search-field__input[aria-invalid=true]:hover{box-shadow:var(--ams-search-field-input-invalid-hover-box-shadow)}.ams-search-field__input::placeholder{color:var(--ams-search-field-input-placeholder-color);opacity:100%}.ams-search-field__input::-webkit-search-cancel-button{appearance:none;background-image:var(--ams-search-field-input-cancel-button-background-image);block-size:var(--ams-search-field-input-cancel-button-block-size);cursor:pointer;inline-size:var(--ams-search-field-input-cancel-button-inline-size);margin-inline-start:.5rem}.ams-search-field__button{background-color:var(--ams-search-field-button-background-color);color:var(--ams-search-field-button-color);cursor:pointer;outline-offset:var(--ams-search-field-button-outline-offset);padding-block:var(--ams-search-field-button-padding-block);padding-inline:var(--ams-search-field-button-padding-inline);touch-action:manipulation;border:0;margin-block:0;margin-inline:0}.ams-search-field__button:hover{background-color:var(--ams-search-field-button-hover-background-color)}/*# sourceMappingURL=search-field.css.map */
1
+ .ams-search-field{display:flex;isolation:isolate}.ams-search-field__input{background-color:var(--ams-search-field-input-background-color);box-shadow:var(--ams-search-field-input-box-shadow);box-sizing:border-box;color:var(--ams-search-field-input-color);font-family:var(--ams-search-field-input-font-family);font-size:var(--ams-search-field-input-font-size);font-weight:var(--ams-search-field-input-font-weight);inline-size:100%;line-height:var(--ams-search-field-input-line-height);outline-offset:var(--ams-search-field-input-outline-offset);padding-block:var(--ams-search-field-input-padding-block);padding-inline:var(--ams-search-field-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:0;border-radius:0;margin-block:0}.ams-search-field__input:hover{box-shadow:var(--ams-search-field-input-hover-box-shadow)}.ams-search-field__input:focus{z-index:1}.ams-search-field__input:invalid,.ams-search-field__input[aria-invalid=true]{box-shadow:var(--ams-search-field-input-invalid-box-shadow)}.ams-search-field__input:invalid:hover,.ams-search-field__input[aria-invalid=true]:hover{box-shadow:var(--ams-search-field-input-invalid-hover-box-shadow)}.ams-search-field__input::placeholder{color:var(--ams-search-field-input-placeholder-color);opacity:100%}.ams-search-field__input::-webkit-search-cancel-button{appearance:none;background-image:var(--ams-search-field-input-cancel-button-background-image);block-size:var(--ams-search-field-input-cancel-button-block-size);cursor:pointer;inline-size:var(--ams-search-field-input-cancel-button-inline-size);margin-inline-start:.5rem}/*# sourceMappingURL=search-field.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/search-field/search-field.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAOA,kBACE,aACA,kBAYF,yBACE,gEACA,oDACA,0CACA,sDACA,kDACA,sDACA,iBACA,sDACA,4DACA,0DACA,4DACA,0BCvBA,kCACA,2BACA,8BACA,8CDCA,gBACA,SACA,gBACA,sBACA,eAoBA,+BACE,0DAGF,+BACE,UAIJ,6EAEE,4DAEA,yFAEE,kEAIJ,sCACE,sDACA,aAGF,uDACE,gBACA,8EACA,kEACA,eACA,oEACA,0BAWF,0BACE,iEACA,2CACA,eACA,6DAGA,2DACA,6DACA,0BAhBA,SACA,eACA,gBAkBA,gCACE","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,kBAWF,yBACE,gEACA,oDACA,sBACA,0CACA,sDACA,kDACA,sDACA,iBACA,sDACA,4DACA,0DACA,4DACA,0BCvBA,kCACA,2BACA,8BACA,8CDCA,gBACA,SACA,gBACA,eAqBA,+BACE,0DAGF,+BACE,UAIJ,6EAEE,4DAEA,yFAEE,kEAIJ,sCACE,sDACA,aAGF,uDACE,gBACA,8EACA,kEACA,eACA,oEACA","file":"search-field.css"}
@@ -1 +1 @@
1
- .ams-spotlight--blue{background-color:var(--ams-spotlight-blue-background-color)}.ams-spotlight--dark-blue{background-color:var(--ams-spotlight-dark-blue-background-color)}.ams-spotlight--dark-green{background-color:var(--ams-spotlight-dark-green-background-color)}.ams-spotlight--green{background-color:var(--ams-spotlight-green-background-color)}.ams-spotlight--magenta{background-color:var(--ams-spotlight-magenta-background-color)}.ams-spotlight--orange{background-color:var(--ams-spotlight-orange-background-color)}.ams-spotlight--purple{background-color:var(--ams-spotlight-purple-background-color)}.ams-spotlight--yellow{background-color:var(--ams-spotlight-yellow-background-color)}/*# sourceMappingURL=spotlight.css.map */
1
+ .ams-spotlight{background-color:var(--ams-spotlight-background-color)}.ams-spotlight--blue{background-color:var(--ams-spotlight-blue-background-color)}.ams-spotlight--dark-blue{background-color:var(--ams-spotlight-dark-blue-background-color)}.ams-spotlight--dark-green{background-color:var(--ams-spotlight-dark-green-background-color)}.ams-spotlight--green{background-color:var(--ams-spotlight-green-background-color)}.ams-spotlight--magenta{background-color:var(--ams-spotlight-magenta-background-color)}.ams-spotlight--orange{background-color:var(--ams-spotlight-orange-background-color)}.ams-spotlight--yellow{background-color:var(--ams-spotlight-yellow-background-color)}/*# sourceMappingURL=spotlight.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/spotlight/spotlight.scss"],"names":[],"mappings":"AAKA,qBACE,4DAGF,0BACE,iEAGF,2BACE,kEAGF,sBACE,6DAGF,wBACE,+DAGF,uBACE,8DAGF,uBACE,8DAGF,uBACE","file":"spotlight.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/spotlight/spotlight.scss"],"names":[],"mappings":"AAKA,eACE,uDAGF,qBACE,4DAGF,0BACE,iEAGF,2BACE,kEAGF,sBACE,6DAGF,wBACE,+DAGF,uBACE,8DAGF,uBACE","file":"spotlight.css"}
@@ -1 +1 @@
1
- .ams-switch__input{appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-switch__input:focus+label{outline:auto}.ams-switch__input:focus:not(:focus-visible)+label{outline:0}.ams-switch__label{--ams-switch-track-border-width: 0.0625rem;background-color:var(--ams-switch-background-color);border:var(--ams-switch-track-border-width) solid rgba(0,0,0,0);border-radius:calc(var(--ams-switch-thumb-inline-size)*2);cursor:pointer;display:inline-block;inline-size:var(--ams-switch-inline-size);outline-offset:var(--ams-switch-outline-offset);transition:background-color .2s ease-in-out;box-sizing:border-box}.ams-switch__label::before{background-color:var(--ams-switch-thumb-background-color);block-size:var(--ams-switch-thumb-block-size);border-radius:50%;content:"";display:block;inline-size:var(--ams-switch-thumb-inline-size);transition-duration:.1s;transition-property:box-shadow,transform;transition-timing-function:ease-in-out}@media(forced-colors: active){.ams-switch__label::before{background-color:FieldText}}.ams-switch__input:checked+.ams-switch__label{background-color:var(--ams-switch-checked-background-color)}.ams-switch__input:disabled+.ams-switch__label{background-color:var(--ams-switch-disabled-background-color);cursor:not-allowed}.ams-switch__input:checked+.ams-switch__label::before{transform:translate(calc(100% - 2 * var(--ams-switch-track-border-width)))}.ams-switch:hover .ams-switch__input:enabled+.ams-switch__label::before{box-shadow:var(--ams-switch-thumb-hover-box-shadow)}/*# sourceMappingURL=switch.css.map */
1
+ .ams-switch__input{appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-switch__input:focus+label{outline:auto}.ams-switch__input:focus:not(:focus-visible)+label{outline:0}.ams-switch__label{--ams-switch-track-border-width: 0.0625rem;background-color:var(--ams-switch-background-color);border:var(--ams-switch-track-border-width) solid rgba(0,0,0,0);border-radius:calc(var(--ams-switch-thumb-inline-size)*2);box-sizing:border-box;cursor:pointer;display:inline-block;inline-size:var(--ams-switch-inline-size);outline-offset:var(--ams-switch-outline-offset);transition:background-color .2s ease-in-out}.ams-switch__label::before{background-color:var(--ams-switch-thumb-background-color);block-size:var(--ams-switch-thumb-block-size);border-radius:50%;content:"";display:block;inline-size:var(--ams-switch-thumb-inline-size);transition-duration:.1s;transition-property:box-shadow,transform;transition-timing-function:ease-in-out}@media(forced-colors: active){.ams-switch__label::before{background-color:FieldText}}.ams-switch__input:checked+.ams-switch__label{background-color:var(--ams-switch-checked-background-color)}.ams-switch__input:disabled+.ams-switch__label{background-color:var(--ams-switch-disabled-background-color);cursor:not-allowed}.ams-switch__input:checked+.ams-switch__label::before{transform:translate(calc(100% - 2 * var(--ams-switch-track-border-width)))}.ams-switch:hover .ams-switch__input:enabled+.ams-switch__label::before{box-shadow:var(--ams-switch-thumb-hover-box-shadow)}/*# sourceMappingURL=switch.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/switch/switch.scss","../../src/common/hide-input.scss","../../src/common/input-label-focus.scss"],"names":[],"mappings":"AAYA,mBCNE,gBACA,cACA,eACA,gBCIA,+BACE,aAGF,mDACE,UFDJ,mBACE,2CAEA,oDAGA,gEACA,0DACA,eACA,qBACA,0CACA,gDACA,4CApBA,sBAyBF,2BACE,0DACA,8CACA,kBACA,WACA,cACA,gDACA,wBACA,yCACA,uCAEA,8BAXF,2BAYI,4BAIJ,8CACE,4DAGF,+CACE,6DACA,mBAGF,sDACE,2EAGF,wEACE","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":"AAQA,mBCFE,gBACA,cACA,eACA,gBCIA,+BACE,aAGF,mDACE,UFLJ,mBACE,2CAEA,oDAGA,gEACA,0DACA,sBACA,eACA,qBACA,0CACA,gDACA,4CAGF,2BACE,0DACA,8CACA,kBACA,WACA,cACA,gDACA,wBACA,yCACA,uCAEA,8BAXF,2BAYI,4BAIJ,8CACE,4DAGF,+CACE,6DACA,mBAGF,sDACE,2EAGF,wEACE","file":"switch.css"}
@@ -1 +1 @@
1
- .ams-table-of-contents{display:flex;flex-direction:column;font-family:var(--ams-table-of-contents-font-family);font-size:var(--ams-table-of-contents-font-size);font-weight:var(--ams-table-of-contents-font-weight);gap:var(--ams-table-of-contents-gap);line-height:var(--ams-table-of-contents-line-height)}.ams-table-of-contents__list{display:flex;flex-direction:column;gap:var(--ams-table-of-contents-list-gap);list-style:none;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;box-sizing:border-box;margin-block:0;padding-inline:0}.ams-table-of-contents__list .ams-table-of-contents__list{padding-block-start:var(--ams-table-of-contents-list-list-padding-block-start);padding-inline-start:var(--ams-table-of-contents-list-list-padding-inline-start)}.ams-table-of-contents__link{color:var(--ams-table-of-contents-link-color);outline-offset:var(--ams-table-of-contents-link-outline-offset);text-decoration-line:var(--ams-table-of-contents-link-text-decoration-line);text-decoration-thickness:var(--ams-table-of-contents-link-text-decoration-thickness);text-underline-offset:var(--ams-table-of-contents-link-text-underline-offset)}.ams-table-of-contents__link:hover{color:var(--ams-table-of-contents-link-hover-color);text-decoration-line:var(--ams-table-of-contents-link-hover-text-decoration-line)}/*# sourceMappingURL=table-of-contents.css.map */
1
+ .ams-table-of-contents{display:flex;flex-direction:column;font-family:var(--ams-table-of-contents-font-family);font-size:var(--ams-table-of-contents-font-size);font-weight:var(--ams-table-of-contents-font-weight);gap:var(--ams-table-of-contents-gap);line-height:var(--ams-table-of-contents-line-height)}.ams-table-of-contents__list{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ams-table-of-contents-list-gap);list-style:none;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0;padding-inline:0}.ams-table-of-contents__list .ams-table-of-contents__list{padding-block-start:var(--ams-table-of-contents-list-list-padding-block-start);padding-inline-start:var(--ams-table-of-contents-list-list-padding-inline-start)}.ams-table-of-contents__link{color:var(--ams-table-of-contents-link-color);outline-offset:var(--ams-table-of-contents-link-outline-offset);text-decoration-line:var(--ams-table-of-contents-link-text-decoration-line);text-decoration-thickness:var(--ams-table-of-contents-link-text-decoration-thickness);text-underline-offset:var(--ams-table-of-contents-link-text-underline-offset)}.ams-table-of-contents__link:hover{color:var(--ams-table-of-contents-link-hover-color);text-decoration-line:var(--ams-table-of-contents-link-hover-text-decoration-line)}/*# sourceMappingURL=table-of-contents.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/table-of-contents/table-of-contents.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,uBACE,aACA,sBACA,qDACA,iDACA,qDACA,qCACA,qDAGF,6BACE,aACA,sBACA,0CACA,gBCjBA,kCACA,2BACA,8BACA,sBDLA,sBACA,eACA,iBAsBA,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/text-rendering.scss"],"names":[],"mappings":"AAYA,uBACE,aACA,sBACA,qDACA,iDACA,qDACA,qCACA,qDAGF,6BACE,sBACA,aACA,sBACA,0CACA,gBCjBA,kCACA,2BACA,8BACA,sBDLA,eACA,iBAuBA,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{background-color:var(--ams-tabs-list-background-color);border-block-end:var(--ams-tabs-list-border-block-end);display:flex;overflow-x:auto}.ams-tabs__button{color:var(--ams-tabs-button-color);cursor:var(--ams-tabs-button-cursor);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:0;margin-block:0;margin-inline:0}.ams-tabs__button:disabled{color:var(--ams-tabs-button-disabled-color);cursor:var(--ams-tab-button-disabled-cursor)}@media(forced-colors: active){.ams-tabs__button:disabled{color:GrayText}}.ams-tabs__button:hover:not([aria-selected=true],[disabled]){box-shadow:var(--ams-tabs-button-hover-box-shadow);color:var(--ams-tabs-button-hover-color)}.ams-tabs__button[aria-selected=true]{background-color:var(--ams-tabs-button-selected-background-color);color:var(--ams-tabs-button-selected-color)}@media(forced-colors: active){.ams-tabs__button[aria-selected=true]{background-color:SelectedItem}}/*# 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;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:0;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([aria-selected=true],[disabled]){box-shadow:var(--ams-tabs-button-hover-box-shadow);color:var(--ams-tabs-button-hover-color)}.ams-tabs__button[aria-selected=true]{box-shadow:var(--ams-tabs-button-selected-box-shadow);color:var(--ams-tabs-button-selected-color);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 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/tabs/tabs.scss"],"names":[],"mappings":"AAgBA,UACE,aACA,wBAGF,gBACE,uDACA,uDACA,aACA,gBAGF,kBACE,mCACA,qCACA,+CACA,2CACA,+CACA,+CACA,qDACA,mDACA,qDA7BA,+BACA,SACA,eACA,gBA8BA,2BACE,4CACA,6CAEA,8BAJF,2BAKI,gBAIJ,6DACE,mDACA,yCAGF,sCACE,kEACA,4CAEA,8BAJF,sCAKI","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,2CACA,+CACA,+CACA,qDACA,mDACA,qDA7BA,+BACA,SACA,eACA,gBA8BA,2BACE,4CACA,8CAEA,8BAJF,2BAKI,gBAIJ,6DACE,mDACA,yCAGF,sCACE,sDACA,4CACA,wDAEA,8BALF,sCAMI,+BAKN,uDAEE,cAKF,+BACE,wDACA,oBACA,iBACA,kBAGF,iBACE","file":"tabs.css"}
@@ -1 +1 @@
1
- .ams-text-area{background-color:var(--ams-text-area-background-color);box-shadow:var(--ams-text-area-box-shadow);color:var(--ams-text-area-color);font-family:var(--ams-text-area-font-family);font-size:var(--ams-text-area-font-size);font-weight:var(--ams-text-area-font-weight);inline-size:100%;line-height:var(--ams-text-area-line-height);max-inline-size:100%;min-block-size:var(--ams-text-area-min-block-size);outline-offset:var(--ams-text-area-outline-offset);padding-block:var(--ams-text-area-padding-block);padding-inline:var(--ams-text-area-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:0;border-radius:0;box-sizing:border-box;margin-block:0}.ams-text-area:hover{box-shadow:var(--ams-text-area-hover-box-shadow)}.ams-text-area::placeholder{color:var(--ams-text-area-placeholder-color);opacity:100%}.ams-text-area:disabled{background-color:var(--ams-text-area-disabled-background-color);box-shadow:var(--ams-text-area-disabled-box-shadow);color:var(--ams-text-area-disabled-color);cursor:var(--ams-text-area-disabled-cursor)}.ams-text-area:invalid,.ams-text-area[aria-invalid=true]{box-shadow:var(--ams-text-area-invalid-box-shadow)}.ams-text-area:invalid:hover,.ams-text-area[aria-invalid=true]:hover{box-shadow:var(--ams-text-area-invalid-hover-box-shadow)}.ams-text-area--resize-none{resize:none}.ams-text-area--resize-horizontal{resize:inline}.ams-text-area--resize-vertical{resize:block}.ams-text-area--cols{inline-size:auto}/*# sourceMappingURL=text-area.css.map */
1
+ .ams-text-area{background-color:var(--ams-text-area-background-color);box-shadow:var(--ams-text-area-box-shadow);box-sizing:border-box;color:var(--ams-text-area-color);font-family:var(--ams-text-area-font-family);font-size:var(--ams-text-area-font-size);font-weight:var(--ams-text-area-font-weight);inline-size:100%;line-height:var(--ams-text-area-line-height);max-inline-size:100%;min-block-size:var(--ams-text-area-min-block-size);outline-offset:var(--ams-text-area-outline-offset);padding-block:var(--ams-text-area-padding-block);padding-inline:var(--ams-text-area-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:0;border-radius:0;margin-block:0}.ams-text-area:hover{box-shadow:var(--ams-text-area-hover-box-shadow)}.ams-text-area::placeholder{color:var(--ams-text-area-placeholder-color);opacity:100%}.ams-text-area:disabled{background-color:var(--ams-text-area-disabled-background-color);box-shadow:var(--ams-text-area-disabled-box-shadow);color:var(--ams-text-area-disabled-color);cursor:var(--ams-text-area-disabled-cursor)}.ams-text-area:invalid,.ams-text-area[aria-invalid=true]{box-shadow:var(--ams-text-area-invalid-box-shadow)}.ams-text-area:invalid:hover,.ams-text-area[aria-invalid=true]:hover{box-shadow:var(--ams-text-area-invalid-hover-box-shadow)}.ams-text-area--resize-none{resize:none}.ams-text-area--resize-horizontal{resize:inline}.ams-text-area--resize-vertical{resize:block}.ams-text-area--cols{inline-size:auto}/*# sourceMappingURL=text-area.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/text-area/text-area.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAgBA,eACE,uDACA,2CACA,iCACA,6CACA,yCACA,6CACA,iBACA,6CACA,qBACA,mDACA,mDACA,iDACA,mDACA,0BCpBA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,SACA,gBACA,sBACA,eAsBA,qBACE,iDAIJ,4BACE,6CACA,aAGF,wBACE,gEACA,oDACA,0CACA,4CAGF,yDAEE,mDAEA,qEAEE,yDAIJ,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":"AAeA,eACE,uDACA,2CACA,sBACA,iCACA,6CACA,yCACA,6CACA,iBACA,6CACA,qBACA,mDACA,mDACA,iDACA,mDACA,0BCpBA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,SACA,gBACA,eAuBA,qBACE,iDAIJ,4BACE,6CACA,aAGF,wBACE,gEACA,oDACA,0CACA,4CAGF,yDAEE,mDAEA,qEAEE,yDAIJ,4BACE,YAGF,kCACE,cAGF,gCACE,aAGF,qBACE","file":"text-area.css"}
@@ -1 +1 @@
1
- .ams-text-input{background-color:var(--ams-text-input-background-color);box-shadow:var(--ams-text-input-box-shadow);color:var(--ams-text-input-color);font-family:var(--ams-text-input-font-family);font-size:var(--ams-text-input-font-size);font-weight:var(--ams-text-input-font-weight);inline-size:100%;line-height:var(--ams-text-input-line-height);outline-offset:var(--ams-text-input-outline-offset);padding-block:var(--ams-text-input-padding-block);padding-inline:var(--ams-text-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:0;border-radius:0;box-sizing:border-box;margin-block:0}.ams-text-input:hover{box-shadow:var(--ams-text-input-hover-box-shadow)}.ams-text-input::placeholder{color:var(--ams-text-input-placeholder-color);opacity:100%}.ams-text-input:disabled{background-color:var(--ams-text-input-disabled-background-color);box-shadow:var(--ams-text-input-disabled-box-shadow);color:var(--ams-text-input-disabled-color);cursor:not-allowed}.ams-text-input:invalid,.ams-text-input[aria-invalid=true]{box-shadow:var(--ams-text-input-invalid-box-shadow)}.ams-text-input:invalid:hover,.ams-text-input[aria-invalid=true]:hover{box-shadow:var(--ams-text-input-invalid-hover-box-shadow)}/*# sourceMappingURL=text-input.css.map */
1
+ .ams-text-input{background-color:var(--ams-text-input-background-color);box-shadow:var(--ams-text-input-box-shadow);box-sizing:border-box;color:var(--ams-text-input-color);font-family:var(--ams-text-input-font-family);font-size:var(--ams-text-input-font-size);font-weight:var(--ams-text-input-font-weight);inline-size:100%;line-height:var(--ams-text-input-line-height);outline-offset:var(--ams-text-input-outline-offset);padding-block:var(--ams-text-input-padding-block);padding-inline:var(--ams-text-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:0;border-radius:0;margin-block:0}.ams-text-input:hover{box-shadow:var(--ams-text-input-hover-box-shadow)}.ams-text-input::placeholder{color:var(--ams-text-input-placeholder-color);opacity:100%}.ams-text-input:disabled{background-color:var(--ams-text-input-disabled-background-color);box-shadow:var(--ams-text-input-disabled-box-shadow);color:var(--ams-text-input-disabled-color);cursor:not-allowed}.ams-text-input:invalid,.ams-text-input[aria-invalid=true]{box-shadow:var(--ams-text-input-invalid-box-shadow)}.ams-text-input:invalid:hover,.ams-text-input[aria-invalid=true]:hover{box-shadow:var(--ams-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","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAgBA,gBACE,wDACA,4CACA,kCACA,8CACA,0CACA,8CACA,iBACA,8CACA,oDACA,kDACA,oDACA,0BClBA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,SACA,gBACA,sBACA,eAoBA,sBACE,kDAIJ,6BACE,8CACA,aAGF,yBACE,iEACA,qDACA,2CACA,mBAGF,2DAEE,oDAEA,uEAEE","file":"text-input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/text-input/text-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAeA,gBACE,wDACA,4CACA,sBACA,kCACA,8CACA,0CACA,8CACA,iBACA,8CACA,oDACA,kDACA,oDACA,0BClBA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,SACA,gBACA,eAqBA,sBACE,kDAIJ,6BACE,8CACA,aAGF,yBACE,iEACA,qDACA,2CACA,mBAGF,2DAEE,oDAEA,uEAEE","file":"text-input.css"}
@@ -1 +1 @@
1
- .ams-time-input{background-color:var(--ams-time-input-background-color);box-shadow:var(--ams-time-input-box-shadow);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:0;border-radius:0;box-sizing:border-box;inline-size:auto;margin-block:0}.ams-time-input:hover{box-shadow:var(--ams-time-input-hover-box-shadow)}.ams-time-input::-webkit-calendar-picker-indicator{appearance:none;background-image:var(--ams-time-input-calender-picker-indicator-background-image);cursor:pointer}.ams-time-input:hover::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-hover-calender-picker-indicator-background-image)}.ams-time-input:disabled{background-color:var(--ams-time-input-disabled-background-color);box-shadow:var(--ams-time-input-disabled-box-shadow);color:var(--ams-time-input-disabled-color);cursor:not-allowed}.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:invalid,.ams-time-input[aria-invalid=true]{box-shadow:var(--ams-time-input-invalid-box-shadow)}.ams-time-input:invalid:hover,.ams-time-input[aria-invalid=true]:hover{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);box-shadow:var(--ams-time-input-box-shadow);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:0;border-radius:0;inline-size:auto;margin-block:0}.ams-time-input:hover{box-shadow:var(--ams-time-input-hover-box-shadow)}.ams-time-input::-webkit-calendar-picker-indicator{appearance:none;background-image:var(--ams-time-input-calender-picker-indicator-background-image);cursor:pointer}.ams-time-input:hover::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-hover-calender-picker-indicator-background-image)}.ams-time-input:disabled{background-color:var(--ams-time-input-disabled-background-color);box-shadow:var(--ams-time-input-disabled-box-shadow);color:var(--ams-time-input-disabled-color);cursor:not-allowed}.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:invalid,.ams-time-input[aria-invalid=true]{box-shadow:var(--ams-time-input-invalid-box-shadow)}.ams-time-input:invalid:hover,.ams-time-input[aria-invalid=true]:hover{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":"AAiBA,gBACE,wDACA,4CACA,kCACA,8CACA,0CACA,8CACA,8CAGA,+HAKA,mEACA,oDACA,kDACA,oDACA,0BC1BA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,SACA,gBACA,sBACA,iBACA,eA2BA,sBACE,kDAKJ,mDACE,gBACA,kFACA,eAGF,yDACE,wFAGF,yBACE,iEACA,qDACA,2CACA,mBAGF,4DACE,2FACA,mBAGF,2DAEE,oDAEA,uEAEE","file":"time-input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/time-input/time-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAgBA,gBACE,wDACA,4CACA,sBACA,kCACA,8CACA,0CACA,8CACA,8CAGA,+HAKA,mEACA,oDACA,kDACA,oDACA,0BC1BA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,SACA,gBACA,iBACA,eA4BA,sBACE,kDAKJ,mDACE,gBACA,kFACA,eAGF,yDACE,wFAGF,yBACE,iEACA,qDACA,2CACA,mBAGF,4DACE,2FACA,mBAGF,2DAEE,oDAEA,uEAEE","file":"time-input.css"}
@@ -1 +1 @@
1
- .ams-top-task-link{break-inside:avoid;display:flex;flex-direction:column;gap:var(--ams-top-task-link-gap);outline-offset:var(--ams-top-task-link-outline-offset);text-decoration:none}.ams-top-task-link__label{color:var(--ams-top-task-link-label-color);font-family:var(--ams-top-task-link-label-font-family);font-size:var(--ams-top-task-link-label-font-size);font-weight:var(--ams-top-task-link-label-font-weight);line-height:var(--ams-top-task-link-label-line-height);text-decoration-line:var(--ams-top-task-link-label-text-decoration-line);text-decoration-thickness:var(--ams-top-task-link-label-text-decoration-thickness);text-underline-offset:var(--ams-top-task-link-label-text-underline-offset);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;box-sizing:border-box}.ams-top-task-link:hover .ams-top-task-link__label{color:var(--ams-top-task-link-label-hover-color);text-decoration-line:var(--ams-top-task-link-label-hover-text-decoration-line)}.ams-top-task-link__description{color:var(--ams-top-task-link-description-color);font-family:var(--ams-top-task-link-description-font-family);font-size:var(--ams-top-task-link-description-font-size);font-weight:var(--ams-top-task-link-description-font-weight);line-height:var(--ams-top-task-link-description-line-height);box-sizing:border-box}/*# sourceMappingURL=top-task-link.css.map */
1
+ .ams-top-task-link{break-inside:avoid;display:flex;flex-direction:column;gap:var(--ams-top-task-link-gap);outline-offset:var(--ams-top-task-link-outline-offset);text-decoration:none}.ams-top-task-link__label{box-sizing:border-box;color:var(--ams-top-task-link-label-color);font-family:var(--ams-top-task-link-label-font-family);font-size:var(--ams-top-task-link-label-font-size);font-weight:var(--ams-top-task-link-label-font-weight);line-height:var(--ams-top-task-link-label-line-height);text-decoration-line:var(--ams-top-task-link-label-text-decoration-line);text-decoration-thickness:var(--ams-top-task-link-label-text-decoration-thickness);text-underline-offset:var(--ams-top-task-link-label-text-underline-offset);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-top-task-link:hover .ams-top-task-link__label{color:var(--ams-top-task-link-label-hover-color);text-decoration-line:var(--ams-top-task-link-label-hover-text-decoration-line)}.ams-top-task-link__description{box-sizing:border-box;color:var(--ams-top-task-link-description-color);font-family:var(--ams-top-task-link-description-font-family);font-size:var(--ams-top-task-link-description-font-size);font-weight:var(--ams-top-task-link-description-font-weight);line-height:var(--ams-top-task-link-description-line-height)}/*# sourceMappingURL=top-task-link.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/top-task-link/top-task-link.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,mBACE,mBACA,aACA,sBACA,iCACA,uDACA,qBAOF,0BACE,2CACA,uDACA,mDACA,uDACA,uDACA,yEACA,mFACA,2ECvBA,mEACA,uCACA,mDCEA,kCACA,2BACA,8BACA,sBFKA,sBAkBF,mDACE,iDACA,+EAGF,gCACE,iDACA,6DACA,yDACA,6DACA,6DA5BA","file":"top-task-link.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/top-task-link/top-task-link.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,mBACE,mBACA,aACA,sBACA,iCACA,uDACA,qBAGF,0BACE,sBACA,2CACA,uDACA,mDACA,uDACA,uDACA,yEACA,mFACA,2ECpBA,mEACA,uCACA,mDCEA,kCACA,2BACA,8BACA,sBFmBF,mDACE,iDACA,+EAGF,gCACE,sBACA,iDACA,6DACA,yDACA,6DACA","file":"top-task-link.css"}
@@ -1 +1 @@
1
- .ams-unordered-list{display:grid;gap:var(--ams-unordered-list-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;box-sizing:border-box;list-style:none;margin-block:0;padding-inline-start:0}.ams-unordered-list:not(.ams-unordered-list--no-markers){color:var(--ams-unordered-list-color);font-family:var(--ams-unordered-list-font-family);font-size:var(--ams-unordered-list-font-size);font-weight:var(--ams-unordered-list-font-weight);line-height:var(--ams-unordered-list-line-height);list-style-type:var(--ams-unordered-list-list-style-type)}.ams-unordered-list:not(.ams-unordered-list--no-markers) .ams-unordered-list__item{margin-inline-start:var(--ams-unordered-list-item-margin-inline-start);padding-inline-start:var(--ams-unordered-list-item-padding-inline-start)}.ams-unordered-list--inverse-color:not(.ams-unordered-list--no-markers){color:var(--ams-unordered-list-inverse-color)}.ams-unordered-list--small:not(.ams-unordered-list--no-markers){font-size:var(--ams-unordered-list-small-font-size);line-height:var(--ams-unordered-list-small-line-height)}:is(.ams-ordered-list,.ams-unordered-list) .ams-unordered-list{gap:var(--ams-unordered-list-unordered-list-gap);list-style-type:var(--ams-unordered-list-unordered-list-list-style-type);padding-block-end:var(--ams-unordered-list-unordered-list-padding-block-end);padding-block-start:var(--ams-unordered-list-unordered-list-padding-block-start)}:is(.ams-ordered-list,.ams-unordered-list) .ams-unordered-list .ams-unordered-list__item{margin-inline-start:var(--ams-unordered-list-unordered-list-item-margin-inline-start);padding-inline-start:var(--ams-unordered-list-unordered-list-item-padding-inline-start)}/*# sourceMappingURL=unordered-list.css.map */
1
+ .ams-unordered-list{box-sizing:border-box;display:grid;gap:var(--ams-unordered-list-gap);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}.ams-unordered-list:not(.ams-unordered-list--no-markers){color:var(--ams-unordered-list-color);font-family:var(--ams-unordered-list-font-family);font-size:var(--ams-unordered-list-font-size);font-weight:var(--ams-unordered-list-font-weight);line-height:var(--ams-unordered-list-line-height);list-style-type:var(--ams-unordered-list-list-style-type)}.ams-unordered-list:not(.ams-unordered-list--no-markers) .ams-unordered-list__item{margin-inline-start:var(--ams-unordered-list-item-margin-inline-start);padding-inline-start:var(--ams-unordered-list-item-padding-inline-start)}.ams-unordered-list--inverse-color:not(.ams-unordered-list--no-markers){color:var(--ams-unordered-list-inverse-color)}.ams-unordered-list--small:not(.ams-unordered-list--no-markers){font-size:var(--ams-unordered-list-small-font-size);line-height:var(--ams-unordered-list-small-line-height)}:is(.ams-ordered-list,.ams-unordered-list) .ams-unordered-list{gap:var(--ams-unordered-list-unordered-list-gap);list-style-type:var(--ams-unordered-list-unordered-list-list-style-type);padding-block-end:var(--ams-unordered-list-unordered-list-padding-block-end);padding-block-start:var(--ams-unordered-list-unordered-list-padding-block-start)}:is(.ams-ordered-list,.ams-unordered-list) .ams-unordered-list .ams-unordered-list__item{margin-inline-start:var(--ams-unordered-list-unordered-list-item-margin-inline-start);padding-inline-start:var(--ams-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","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,oBACE,aACA,kCCNA,kCACA,2BACA,8BACA,sBDLA,sBACA,gBACA,eACA,uBAWF,yDACE,sCACA,kDACA,8CACA,kDACA,kDACA,0DAEA,mFACE,uEACA,yEAIJ,wEACE,8CAGF,gEACE,oDACA,wDAGF,+DACE,iDACA,yEACA,6EACA,iFAEA,yFACE,sFACA","file":"unordered-list.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/unordered-list/unordered-list.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,oBACE,sBACA,aACA,kCCNA,kCACA,2BACA,8BACA,sBDLA,gBACA,eACA,uBAYF,yDACE,sCACA,kDACA,8CACA,kDACA,kDACA,0DAEA,mFACE,uEACA,yEAIJ,wEACE,8CAGF,gEACE,oDACA,wDAGF,+DACE,iDACA,yEACA,6EACA,iFAEA,yFACE,sFACA","file":"unordered-list.css"}
@@ -39,9 +39,13 @@ Still, we define its thickness and offset for the initial state.
39
39
  ## Use mixins for patterns and resets
40
40
 
41
41
  We use Sass mixins to extract common patterns, especially if they need more than 1 declaration.
42
- We collect reset styles in mixins as well.
43
42
  Both the name of the mixins and their documentation help explain the approach.
44
43
 
44
+ We collect reset styles in mixins as well.
45
+ These are named after the element they reset, e.g. `@mixin reset-ul`.
46
+ This helps reusing reset styles per element, and reminds to update the mixin if the element type changes.
47
+ The declarations in the mixin must override default user agent styling; otherwise it is not a reset.
48
+
45
49
  ## Form validation styling
46
50
 
47
51
  We style both the native invalid state (`:invalid`) as the invalid state you can set manually, using `aria-invalid`.
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.13.1",
2
+ "version": "0.14.1",
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,11 +19,11 @@
19
19
  "directory": "packages/css"
20
20
  },
21
21
  "devDependencies": {
22
- "sass": "1.80.6"
22
+ "sass": "1.83.1"
23
23
  },
24
24
  "peerDependencies": {
25
- "@amsterdam/design-system-tokens": "0.13.0",
26
- "@amsterdam/design-system-assets": "0.2.2"
25
+ "@amsterdam/design-system-tokens": "0.14.0",
26
+ "@amsterdam/design-system-assets": "0.3.0"
27
27
  },
28
28
  "scripts": {
29
29
  "build": "sass src/components:dist/ --style=compressed",
@@ -3,7 +3,7 @@
3
3
  * Copyright Gemeente Amsterdam
4
4
  */
5
5
 
6
- @import "../../common/text-rendering";
6
+ @use "../../common/text-rendering" as *;
7
7
 
8
8
  .ams-accordion {
9
9
  display: flex;
@@ -5,6 +5,7 @@
5
5
 
6
6
  .ams-alert {
7
7
  align-items: flex-start;
8
+ background-color: var(--ams-alert-background-color);
8
9
  border-style: var(--ams-alert-border-style);
9
10
  border-width: var(--ams-alert-border-width);
10
11
  display: flex;
@@ -2,19 +2,23 @@
2
2
 
3
3
  # Aspect Ratio
4
4
 
5
- Aspect Ratio updates the height of an element with its width.
5
+ Constrains media content to a supported aspect ratio.
6
6
 
7
- These are the proportions we use:
7
+ ## Class names
8
8
 
9
- | keyword | ratio |
10
- | :-------- | ----: |
11
- | `2x-wide` | 16:5 |
12
- | `x-wide` | 16:9 |
13
- | `wide` | 4:3 |
14
- | `square` | 1:1 |
15
- | `tall` | 3:4 |
16
- | `x-tall` | 9:16 |
9
+ Each available aspect ratio has an associated class name.
10
+ The class can be applied to any component or element.
11
+
12
+ | Class name | Example |
13
+ | :-------------------------- | :-------------------------------------------------------------------------- |
14
+ | `ams-aspect-ratio--x-tall` | <div className="ams-docs-token-example--space ams-aspect-ratio--x-tall" /> |
15
+ | `ams-aspect-ratio--tall` | <div className="ams-docs-token-example--space ams-aspect-ratio--tall" /> |
16
+ | `ams-aspect-ratio--square` | <div className="ams-docs-token-example--space ams-aspect-ratio--square" /> |
17
+ | `ams-aspect-ratio--wide` | <div className="ams-docs-token-example--space ams-aspect-ratio--wide" /> |
18
+ | `ams-aspect-ratio--x-wide` | <div className="ams-docs-token-example--space ams-aspect-ratio--x-wide" /> |
19
+ | `ams-aspect-ratio--2x-wide` | <div className="ams-docs-token-example--space ams-aspect-ratio--2x-wide" /> |
17
20
 
18
21
  ## Guidelines
19
22
 
20
- - Use this component to constrain images, videos and other elements to one of the available aspect ratios.
23
+ - Apply one of these classes to an image, video or other media content to constrain its dimensions to one of the available aspect ratios.
24
+ - The default aspect ratio is 16:9.
@@ -4,30 +4,9 @@
4
4
  */
5
5
 
6
6
  .ams-aspect-ratio {
7
- overflow: hidden;
8
- position: relative;
9
- }
10
-
11
- .ams-aspect-ratio--x-tall {
12
- aspect-ratio: var(--ams-aspect-ratio-x-tall);
13
- }
14
-
15
- .ams-aspect-ratio--tall {
16
- aspect-ratio: var(--ams-aspect-ratio-tall);
17
- }
18
-
19
- .ams-aspect-ratio--square {
20
- aspect-ratio: var(--ams-aspect-ratio-square);
21
- }
22
-
23
- .ams-aspect-ratio--wide {
24
- aspect-ratio: var(--ams-aspect-ratio-wide);
25
- }
26
-
27
- .ams-aspect-ratio--x-wide {
28
- aspect-ratio: var(--ams-aspect-ratio-x-wide);
29
- }
30
-
31
- .ams-aspect-ratio--2x-wide {
32
- aspect-ratio: var(--ams-aspect-ratio-2x-wide);
7
+ @each $name in ("x-tall", "tall", "square", "wide", "x-wide", "2x-wide") {
8
+ &--#{$name} {
9
+ aspect-ratio: var(--ams-aspect-ratio-#{$name}) !important;
10
+ }
11
+ }
33
12
  }
@@ -3,16 +3,16 @@
3
3
  * Copyright Gemeente Amsterdam
4
4
  */
5
5
 
6
- @import "../../common/hyphenation";
7
- @import "../../common/text-rendering";
6
+ @use "../../common/hyphenation" as *;
7
+ @use "../../common/text-rendering" as *;
8
8
 
9
- @mixin reset {
10
- box-sizing: border-box;
9
+ @mixin reset-blockquote {
11
10
  margin-block: 0;
12
11
  margin-inline: 0;
13
12
  }
14
13
 
15
14
  .ams-blockquote {
15
+ box-sizing: border-box;
16
16
  break-inside: avoid;
17
17
  color: var(--ams-blockquote-color);
18
18
  font-family: var(--ams-blockquote-font-family);
@@ -23,7 +23,7 @@
23
23
 
24
24
  @include hyphenation;
25
25
  @include text-rendering;
26
- @include reset;
26
+ @include reset-blockquote;
27
27
 
28
28
  &::before {
29
29
  content: open-quote;
@@ -3,10 +3,9 @@
3
3
  * Copyright Gemeente Amsterdam
4
4
  */
5
5
 
6
- @import "../../common/text-rendering";
6
+ @use "../../common/text-rendering" as *;
7
7
 
8
- @mixin reset {
9
- box-sizing: border-box;
8
+ @mixin reset-ol {
10
9
  margin-block: 0;
11
10
  padding-inline: 0;
12
11
  }
@@ -19,11 +18,12 @@
19
18
  }
20
19
 
21
20
  .ams-breadcrumb__list {
21
+ box-sizing: border-box;
22
22
  break-after: avoid;
23
23
  break-inside: avoid;
24
24
 
25
25
  @include text-rendering;
26
- @include reset;
26
+ @include reset-ol;
27
27
  }
28
28
 
29
29
  .ams-breadcrumb__item {
@@ -3,9 +3,9 @@
3
3
  * Copyright Gemeente Amsterdam
4
4
  */
5
5
 
6
- @import "../../common/breakpoint";
7
- @import "../grid/grid";
8
- @import "../grid/mixins";
6
+ @use "../../common/breakpoint" as *;
7
+ @use "../grid/grid" as *;
8
+ @use "../grid/mixins" as *;
9
9
 
10
10
  $ams-breakout-row-span-max: 4;
11
11
 
@@ -3,7 +3,7 @@
3
3
  * Copyright Gemeente Amsterdam
4
4
  */
5
5
 
6
- @import "../../common/text-rendering";
6
+ @use "../../common/text-rendering" as *;
7
7
 
8
8
  @mixin reset-button {
9
9
  border: 0;
@@ -3,7 +3,7 @@
3
3
  * Copyright Gemeente Amsterdam
4
4
  */
5
5
 
6
- @import "../../common/text-rendering";
6
+ @use "../../common/text-rendering" as *;
7
7
 
8
8
  .ams-character-count {
9
9
  color: var(--ams-character-count-color);
@@ -3,9 +3,9 @@
3
3
  * Copyright Gemeente Amsterdam
4
4
  */
5
5
 
6
- @import "../../common/input-label-focus";
7
- @import "../../common/hide-input";
8
- @import "../../common/text-rendering";
6
+ @use "../../common/input-label-focus" as *;
7
+ @use "../../common/hide-input" as *;
8
+ @use "../../common/text-rendering" as *;
9
9
 
10
10
  .ams-checkbox__input {
11
11
  @include hide-input;
@@ -3,7 +3,7 @@
3
3
  * Copyright Gemeente Amsterdam
4
4
  */
5
5
 
6
- @import "../../common/size";
6
+ @use "../../common/size" as *;
7
7
 
8
8
  .ams-column {
9
9
  display: flex;
@@ -3,20 +3,20 @@
3
3
  * Copyright Gemeente Amsterdam
4
4
  */
5
5
 
6
- @import "../../common/text-rendering";
6
+ @use "../../common/text-rendering" as *;
7
7
 
8
- @mixin reset {
8
+ @mixin reset-input {
9
9
  -webkit-appearance: none; // Reset appearance for Safari < 15.4
10
10
  appearance: none; // Reset native appearance, this causes issues on iOS and Android devices
11
11
  border: 0;
12
12
  border-radius: 0; // Reset rounded borders on iOS devices
13
- box-sizing: border-box;
14
13
  margin-block: 0;
15
14
  }
16
15
 
17
16
  .ams-date-input {
18
17
  background-color: var(--ams-date-input-background-color);
19
18
  box-shadow: var(--ams-date-input-box-shadow);
19
+ box-sizing: border-box;
20
20
  color: var(--ams-date-input-color);
21
21
  font-family: var(--ams-date-input-font-family);
22
22
  font-size: var(--ams-date-input-font-size);
@@ -36,7 +36,7 @@
36
36
  touch-action: manipulation;
37
37
 
38
38
  @include text-rendering;
39
- @include reset;
39
+ @include reset-input;
40
40
 
41
41
  &:hover {
42
42
  box-shadow: var(--ams-date-input-hover-box-shadow);