@amsterdam/design-system-css 0.15.0 → 1.0.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 (144) hide show
  1. package/CHANGELOG.md +69 -0
  2. package/README.md +1 -1
  3. package/dist/accordion/accordion.css +1 -1
  4. package/dist/accordion/accordion.css.map +1 -1
  5. package/dist/alert/alert.css +1 -1
  6. package/dist/alert/alert.css.map +1 -1
  7. package/dist/avatar/avatar.css +1 -1
  8. package/dist/avatar/avatar.css.map +1 -1
  9. package/dist/breakout/breakout.css +1 -1
  10. package/dist/breakout/breakout.css.map +1 -1
  11. package/dist/button/button.css +1 -1
  12. package/dist/button/button.css.map +1 -1
  13. package/dist/card/card.css +1 -1
  14. package/dist/card/card.css.map +1 -1
  15. package/dist/checkbox/checkbox.css +1 -1
  16. package/dist/checkbox/checkbox.css.map +1 -1
  17. package/dist/date-input/date-input.css +1 -1
  18. package/dist/date-input/date-input.css.map +1 -1
  19. package/dist/dialog/dialog.css +1 -1
  20. package/dist/dialog/dialog.css.map +1 -1
  21. package/dist/field-set/field-set.css +1 -1
  22. package/dist/field-set/field-set.css.map +1 -1
  23. package/dist/file-input/file-input.css +1 -1
  24. package/dist/file-input/file-input.css.map +1 -1
  25. package/dist/grid/grid.css +1 -1
  26. package/dist/grid/grid.css.map +1 -1
  27. package/dist/heading/heading.css +1 -1
  28. package/dist/heading/heading.css.map +1 -1
  29. package/dist/hint/hint.css +1 -1
  30. package/dist/hint/hint.css.map +1 -1
  31. package/dist/icon/icon.css +1 -1
  32. package/dist/icon/icon.css.map +1 -1
  33. package/dist/image/image.css +1 -1
  34. package/dist/image/image.css.map +1 -1
  35. package/dist/index.css +1 -1
  36. package/dist/index.css.map +1 -1
  37. package/dist/invalid-form-alert/invalid-form-alert.css.map +1 -1
  38. package/dist/label/label.css +1 -1
  39. package/dist/label/label.css.map +1 -1
  40. package/dist/link/link.css +1 -1
  41. package/dist/link/link.css.map +1 -1
  42. package/dist/page/page.css +1 -0
  43. package/dist/page/page.css.map +1 -0
  44. package/dist/page-footer/page-footer.css +1 -0
  45. package/dist/page-footer/page-footer.css.map +1 -0
  46. package/dist/page-header/page-header.css +1 -0
  47. package/dist/page-header/page-header.css.map +1 -0
  48. package/dist/page-heading/page-heading.css +1 -1
  49. package/dist/page-heading/page-heading.css.map +1 -1
  50. package/dist/password-input/password-input.css +1 -1
  51. package/dist/password-input/password-input.css.map +1 -1
  52. package/dist/radio/radio.css +1 -1
  53. package/dist/radio/radio.css.map +1 -1
  54. package/dist/search-field/search-field.css +1 -1
  55. package/dist/search-field/search-field.css.map +1 -1
  56. package/dist/select/select.css +1 -1
  57. package/dist/select/select.css.map +1 -1
  58. package/dist/standalone-link/standalone-link.css +1 -0
  59. package/dist/standalone-link/standalone-link.css.map +1 -0
  60. package/dist/switch/switch.css +1 -1
  61. package/dist/switch/switch.css.map +1 -1
  62. package/dist/text-area/text-area.css +1 -1
  63. package/dist/text-area/text-area.css.map +1 -1
  64. package/dist/text-input/text-input.css +1 -1
  65. package/dist/text-input/text-input.css.map +1 -1
  66. package/dist/time-input/time-input.css +1 -1
  67. package/dist/time-input/time-input.css.map +1 -1
  68. package/dist/visually-hidden/visually-hidden.css +1 -1
  69. package/dist/visually-hidden/visually-hidden.css.map +1 -1
  70. package/package.json +4 -4
  71. package/src/components/accordion/accordion.scss +1 -0
  72. package/src/components/alert/README.md +1 -1
  73. package/src/components/alert/alert.scss +6 -9
  74. package/src/components/aspect-ratio/README.md +1 -0
  75. package/src/components/avatar/avatar.scss +14 -10
  76. package/src/components/breakout/breakout.scss +19 -19
  77. package/src/components/button/README.md +6 -6
  78. package/src/components/button/button.scss +7 -18
  79. package/src/components/card/README.md +15 -14
  80. package/src/components/card/card.scss +9 -1
  81. package/src/components/checkbox/checkbox.scss +229 -125
  82. package/src/components/date-input/date-input.scss +9 -9
  83. package/src/components/dialog/README.md +3 -5
  84. package/src/components/dialog/dialog.scss +24 -1
  85. package/src/components/field-set/field-set.scss +7 -6
  86. package/src/components/file-input/file-input.scss +6 -10
  87. package/src/components/grid/README.md +9 -8
  88. package/src/components/grid/_mixins.scss +22 -22
  89. package/src/components/grid/grid.scss +19 -19
  90. package/src/components/heading/heading.scss +1 -0
  91. package/src/components/hint/hint.scss +1 -1
  92. package/src/components/icon/icon.scss +2 -1
  93. package/src/components/icon-button/README.md +6 -5
  94. package/src/components/image/image.scss +1 -2
  95. package/src/components/image-slider/README.md +1 -1
  96. package/src/components/index.scss +4 -6
  97. package/src/components/invalid-form-alert/invalid-form-alert.scss +5 -0
  98. package/src/components/label/label.scss +1 -0
  99. package/src/components/link/README.md +9 -10
  100. package/src/components/link/link.scss +6 -28
  101. package/src/components/logo/README.md +1 -1
  102. package/src/components/page/README.md +23 -0
  103. package/src/components/page/page.scss +12 -0
  104. package/src/components/{footer → page-footer}/README.md +7 -5
  105. package/src/components/page-footer/page-footer.scss +56 -0
  106. package/src/components/{header → page-header}/README.md +5 -5
  107. package/src/components/{header/header.scss → page-header/page-header.scss} +74 -57
  108. package/src/components/page-heading/README.md +1 -1
  109. package/src/components/page-heading/page-heading.scss +1 -0
  110. package/src/components/password-input/password-input.scss +13 -9
  111. package/src/components/radio/radio.scss +6 -4
  112. package/src/components/search-field/search-field.scss +5 -3
  113. package/src/components/select/select.scss +14 -8
  114. package/src/components/skip-link/README.md +3 -3
  115. package/src/components/spotlight/README.md +2 -3
  116. package/src/components/standalone-link/README.md +11 -0
  117. package/src/components/standalone-link/standalone-link.scss +53 -0
  118. package/src/components/switch/switch.scss +1 -1
  119. package/src/components/tabs/README.md +1 -1
  120. package/src/components/text-area/text-area.scss +9 -9
  121. package/src/components/text-input/text-input.scss +13 -9
  122. package/src/components/time-input/time-input.scss +9 -9
  123. package/src/components/visually-hidden/visually-hidden.scss +1 -0
  124. package/dist/footer/footer.css +0 -1
  125. package/dist/footer/footer.css.map +0 -1
  126. package/dist/header/header.css +0 -1
  127. package/dist/header/header.css.map +0 -1
  128. package/dist/mega-menu/mega-menu.css +0 -1
  129. package/dist/mega-menu/mega-menu.css.map +0 -1
  130. package/dist/page-menu/page-menu.css +0 -1
  131. package/dist/page-menu/page-menu.css.map +0 -1
  132. package/dist/screen/screen.css +0 -1
  133. package/dist/screen/screen.css.map +0 -1
  134. package/dist/top-task-link/top-task-link.css +0 -1
  135. package/dist/top-task-link/top-task-link.css.map +0 -1
  136. package/src/components/footer/footer.scss +0 -47
  137. package/src/components/mega-menu/README.md +0 -3
  138. package/src/components/mega-menu/mega-menu.scss +0 -16
  139. package/src/components/page-menu/README.md +0 -24
  140. package/src/components/page-menu/page-menu.scss +0 -65
  141. package/src/components/screen/README.md +0 -23
  142. package/src/components/screen/screen.scss +0 -23
  143. package/src/components/top-task-link/README.md +0 -27
  144. package/src/components/top-task-link/top-task-link.scss +0 -45
@@ -0,0 +1 @@
1
+ .ams-page{background-color:var(--ams-page-background-color);margin-inline:auto;max-inline-size:var(--ams-page-max-inline-size);min-block-size:100vh;min-block-size:100dvh}/*# sourceMappingURL=page.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/page/page.scss"],"names":[],"mappings":"AAKA,UACE,kDACA,mBACA,gDACA,qBACA","file":"page.css"}
@@ -0,0 +1 @@
1
+ .ams-page-footer__spotlight{background-color:var(--ams-page-footer-spotlight-background-color)}.ams-page-footer__menu{column-gap:var(--ams-page-footer-menu-column-gap);display:flex;flex-wrap:wrap;padding-block:var(--ams-page-footer-menu-padding-block);padding-inline:var(--ams-page-footer-menu-padding-inline);row-gap:var(--ams-page-footer-menu-row-gap);list-style:none;margin-block:0}@media screen and (min-width: 36rem){.ams-page-footer__menu{padding-inline:var(--ams-page-footer-menu-medium-padding-inline)}}@media screen and (min-width: 68rem){.ams-page-footer__menu{padding-inline:var(--ams-page-footer-menu-wide-padding-inline)}}.ams-page-footer__menu-link{color:var(--ams-page-footer-menu-link-color);font-family:var(--ams-page-footer-menu-link-font-family);font-size:var(--ams-page-footer-menu-link-font-size);font-weight:var(--ams-page-footer-menu-link-font-weight);line-height:var(--ams-page-footer-menu-link-line-height);outline-offset:var(--ams-page-footer-menu-link-outline-offset);text-decoration-line:var(--ams-page-footer-menu-link-text-decoration-line);text-decoration-thickness:var(--ams-page-footer-menu-link-text-decoration-thickness);text-underline-offset:var(--ams-page-footer-menu-link-text-underline-offset);hyphenate-limit-chars:var(--ams-typography-hyphenate-limit-chars);hyphens:auto;overflow-wrap:break-word;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-page-footer__menu-link:hover{color:var(--ams-page-footer-menu-link-hover-color);text-decoration-line:var(--ams-page-footer-menu-link-hover-text-decoration-line)}/*# sourceMappingURL=page-footer.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/page-footer/page-footer.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,4BACE,mEAGF,uBACE,kDACA,aACA,eACA,wDACA,0DACA,4CAdA,gBACA,eAiBA,qCAVF,uBAWI,kEAGF,qCAdF,uBAeI,gEAIJ,4BACE,6CACA,yDACA,qDACA,yDACA,yDACA,+DACA,2EACA,qFACA,6ECxCA,kEACA,aACA,yBCEA,kCACA,2BACA,8BACA,sBFsCA,kCACE,mDACA","file":"page-footer.css"}
@@ -0,0 +1 @@
1
+ .ams-page-header{display:grid;font-family:var(--ams-page-header-font-family);padding-block:var(--ams-page-header-padding-block);padding-inline:var(--ams-page-header-padding-inline)}@media screen and (min-width: 36rem){.ams-page-header{padding-inline:var(--ams-page-header-medium-padding-inline)}}@media screen and (min-width: 68rem){.ams-page-header{padding-inline:var(--ams-page-header-wide-padding-inline)}}.ams-page-header__logo-link{align-items:center;align-self:start;column-gap:var(--ams-page-header-logo-link-column-gap);display:flex;grid-area:1/1;inline-size:fit-content;outline-offset:var(--ams-page-header-logo-link-outline-offset);text-decoration:none}@media(forced-colors: active){.ams-page-header__logo-link .ams-logo__emblem,.ams-page-header__logo-link .ams-logo__text-primary,.ams-page-header__logo-link .ams-logo__text-secondary{fill:LinkText}}.ams-page-header__logo-link--hidden{opacity:0%;user-select:none}.ams-page-header__logo-container{flex-shrink:0;inline-size:.75rem;overflow:hidden}@media screen and (min-width: 36rem){.ams-page-header__logo-container{inline-size:auto}}.ams-page-header__brand-name{color:var(--ams-page-header-brand-name-color);font-size:var(--ams-page-header-brand-name-font-size);font-weight:var(--ams-page-header-brand-name-font-weight);line-height:var(--ams-page-header-brand-name-line-height);text-wrap:var(--ams-page-header-brand-name-text-wrap)}.ams-page-header__navigation{column-gap:var(--ams-page-header-navigation-column-gap);display:flex;flex-wrap:wrap;grid-area:1/1;pointer-events:none;row-gap:var(--ams-page-header-navigation-row-gap)}.ams-page-header__menu{align-items:center;column-gap:var(--ams-page-header-menu-column-gap);display:flex;flex-wrap:wrap;justify-content:flex-end;margin-inline-start:auto;pointer-events:auto;row-gap:var(--ams-page-header-menu-row-gap);list-style:none;margin-block:0;padding-inline-start:0}@media screen and not (min-width: 68rem){.ams-page-header__menu-item{display:none}}.ams-page-header__menu-item--fixed{display:revert}.ams-page-header__menu-link{display:inline-block;text-decoration-line:var(--ams-page-header-menu-link-text-decoration-line);text-decoration-thickness:var(--ams-page-header-menu-link-text-decoration-thickness);text-underline-offset:var(--ams-page-header-menu-link-text-underline-offset);color:var(--ams-page-header-menu-item-color);font-size:var(--ams-page-header-menu-item-font-size);font-weight:var(--ams-page-header-menu-item-font-weight);line-height:var(--ams-page-header-menu-item-line-height);outline-offset:var(--ams-page-header-menu-item-outline-offset);padding-block:var(--ams-page-header-menu-item-padding-block);touch-action:manipulation;white-space:nowrap;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-page-header__menu-link:hover{color:var(--ams-page-header-menu-item-hover-color)}.ams-page-header__menu-link:hover{text-decoration-line:var(--ams-page-header-menu-link-hover-text-decoration-line)}@media screen and (min-width: 68rem){.ams-page-header__mega-menu-button-item--hide-on-wide-window{display:none}}.ams-page-header__mega-menu-button{column-gap:var(--ams-page-header-menu-item-column-gap);cursor:var(--ams-page-header-mega-menu-button-cursor);display:grid;font-family:inherit;grid-auto-flow:column;color:var(--ams-page-header-menu-item-color);font-size:var(--ams-page-header-menu-item-font-size);font-weight:var(--ams-page-header-menu-item-font-weight);line-height:var(--ams-page-header-menu-item-line-height);outline-offset:var(--ams-page-header-menu-item-outline-offset);padding-block:var(--ams-page-header-menu-item-padding-block);touch-action:manipulation;white-space:nowrap;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;background:none;border:none;margin-block:0;margin-inline:0;padding-inline:0}.ams-page-header__mega-menu-button:hover{color:var(--ams-page-header-menu-item-hover-color)}.ams-page-header__mega-menu-button[aria-expanded=true]{font-weight:var(--ams-page-header-mega-menu-button-label-open-font-weight)}.ams-page-header__mega-menu-button-label,.ams-page-header__mega-menu-button-hidden-label{grid-area:1/1}.ams-page-header__mega-menu-button-hidden-label{font-weight:var(--ams-page-header-mega-menu-button-label-open-font-weight);pointer-events:none;user-select:none;visibility:hidden}.ams-page-header__menu-icon line{stroke:currentColor;stroke-width:3px;transform-origin:center;transition:translate .1s ease-in-out,rotate .2s ease-in-out,opacity .1s ease-in-out}@media(prefers-reduced-motion){.ams-page-header__menu-icon line{transition:none}}.ams-page-header__menu-icon .ams-page-header__menu-icon-top{translate:0 -7px}.ams-page-header__menu-icon .ams-page-header__menu-icon-bottom{translate:0 7px}.ams-page-header__menu-icon--open .ams-page-header__menu-icon-top{rotate:45deg;translate:0}.ams-page-header__menu-icon--open .ams-page-header__menu-icon-middle{opacity:0%}.ams-page-header__menu-icon--open .ams-page-header__menu-icon-bottom{rotate:-45deg;translate:0}.ams-page-header__mega-menu{inline-size:100%;pointer-events:auto}.ams-page-header__mega-menu .ams-grid{padding-inline:0}.ams-page-header__mega-menu--closed.ams-page-header__mega-menu--closed{display:none}@media screen and (min-width: 68rem){.ams-page-header__grid-cell-narrow-window-only{display:none}}/*# sourceMappingURL=page-header.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/page-header/page-header.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,iBAME,aACA,+CACA,mDACA,qDAEA,qCAXF,iBAYI,6DAGF,qCAfF,iBAgBI,2DAIJ,4BACE,mBACA,iBACA,uDACA,aACA,cACA,wBACA,+DACA,qBAEA,8BACE,wJAGE,eAKN,oCACE,WACA,iBAGF,iCACE,cACA,mBACA,gBAEA,qCALF,iCAMI,kBAIJ,6BACE,8CACA,sDACA,0DACA,0DACA,sDAGF,6BACE,wDACA,aACA,eACA,cAGA,oBACA,kDASF,uBACE,mBACA,kDACA,aACA,eACA,yBACA,yBACA,oBACA,4CAbA,gBACA,eACA,uBAkBA,yCADF,4BAEI,cAKJ,mCACE,eAoBF,4BACE,qBACA,2EACA,qFACA,6EApBA,6CACA,qDACA,yDACA,yDACA,+DACA,6DACA,0BACA,mBC9GA,kCACA,2BACA,8BACA,sBD+GA,kCACE,mDAYF,kCACE,iFAKF,qCADF,6DAEI,cAcJ,mCACE,uDACA,sDACA,aACA,oBACA,sBAlDA,6CACA,qDACA,yDACA,yDACA,+DACA,6DACA,0BACA,mBC9GA,kCACA,2BACA,8BACA,sBDwIA,gBACA,YACA,eACA,gBACA,iBA7BA,yCACE,mDA4CJ,uDACE,2EAGF,yFAEE,cAKF,gDACE,2EACA,oBACA,iBACA,kBAIA,iCACE,oBACA,iBACA,wBACA,WACE,yEAIF,+BATF,iCAUI,iBAIJ,4DACE,iBAGF,+DACE,gBAKF,kEACE,aACA,YAEF,qEACE,WAEF,qEACE,cACA,YAIJ,4BACE,iBACA,oBAIA,sCACE,iBAIJ,uEACE,aAIA,qCADF,+CAEI","file":"page-header.css"}
@@ -1 +1 @@
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-typography-hyphenate-limit-chars);hyphens:auto;overflow-wrap:break-word;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0}.ams-page-heading--inverse{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);text-wrap:var(--ams-page-heading-text-wrap);hyphenate-limit-chars:var(--ams-typography-hyphenate-limit-chars);hyphens:auto;overflow-wrap:break-word;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0}.ams-page-heading--inverse{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":"AAYA,kBACE,sBACA,kBACA,mBACA,oCACA,gDACA,4CACA,gDACA,gDCdA,kEACA,aACA,yBCEA,kCACA,2BACA,8BACA,sBFJA,eAkBF,2BACE","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,gDACA,4CCfA,kEACA,aACA,yBCEA,kCACA,2BACA,8BACA,sBFJA,eAmBF,2BACE","file":"page-heading.css"}
@@ -1 +1 @@
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:none;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:var(--ams-password-input-disabled-cursor)}.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);border-color:var(--ams-password-input-border-color);border-style:var(--ams-password-input-border-style);border-width:var(--ams-password-input-border-width);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);line-height:var(--ams-password-input-line-height);max-inline-size:100%;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-radius:0;margin-block:0}.ams-password-input:not([size]){inline-size:100%}.ams-password-input::placeholder{color:var(--ams-password-input-placeholder-color);opacity:100%}.ams-password-input:disabled{color:var(--ams-password-input-disabled-color);cursor:var(--ams-password-input-disabled-cursor)}.ams-password-input:invalid,.ams-password-input[aria-invalid=true]{border-color:var(--ams-password-input-invalid-border-color)}.ams-password-input:invalid:hover,.ams-password-input[aria-invalid=true]:hover{border-color:var(--ams-password-input-invalid-hover-border-color);box-shadow:var(--ams-password-input-invalid-hover-box-shadow)}.ams-password-input:not(:disabled):hover{box-shadow:var(--ams-password-input-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":"AAeA,oBACE,4DACA,gDACA,sBACA,sCACA,kDACA,8CACA,kDACA,iBACA,kDACA,wDACA,sDACA,wDACA,0BClBA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,YACA,gBACA,eAqBA,0BACE,sDAIJ,iCACE,kDACA,aAGF,6BACE,qEACA,yDACA,+CACA,iDAGF,mEAEE,wDAEA,+EACE","file":"password-input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/password-input/password-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,oBACE,4DACA,oDACA,oDACA,oDACA,sBACA,sCACA,kDACA,8CACA,kDACA,kDACA,qBACA,wDACA,sDACA,wDACA,0BCnBA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,gBACA,eAwBF,gCACE,iBAGF,iCACE,kDACA,aAGF,6BACE,+CACA,iDAGF,mEAEE,4DAEA,+EACE,kEACA,8DAIJ,yCACE","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:var(--ams-radio-cursor);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);hyphenate-limit-chars:var(--ams-typography-hyphenate-limit-chars);hyphens:auto;overflow-wrap:break-word;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.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:var(--ams-radio-disabled-cursor)}.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
+ .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:var(--ams-radio-cursor);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);hyphenate-limit-chars:var(--ams-typography-hyphenate-limit-chars);hyphens:auto;overflow-wrap:break-word;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.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)}.ams-radio__hover-indicator{stroke:none}.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:var(--ams-radio-disabled-cursor)}.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{fill:Canvas;stroke:FieldText}.ams-radio__label .ams-radio__hover-indicator,.ams-radio__label:hover .ams-radio__hover-indicator,.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__hover-indicator,.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:none}.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/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAUA,kBCJE,gBACA,cACA,eACA,gBCIA,8BACE,aAGF,kDACE,UFFJ,kBACE,6BACA,+BACA,oBACA,yCACA,qCACA,yCACA,yBACA,yCACA,+CACA,qEACA,6DGrBA,kEACA,aACA,yBCEA,kCACA,2BACA,8BACA,sBJoBF,2BACE,sDACA,aACA,UACA,wDAGF,mBACE,kCACA,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,wCAEA,gEACE,+CAGF,2EACE,sDAMF,mFAEE,uDAGF,8FAEE,8DAOJ,mDACE,qBAEA,+EACE,qBAMF,gFACE,oDAGF,yFACE,6DAGF,2FACE,2DAMF,yFAEE,6DAGF,kGACE,qBAEF,oGAEE,oEAOJ,8BAKI,0OACE,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/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAUA,kBCJE,gBACA,cACA,eACA,gBCIA,8BACE,aAGF,kDACE,UFFJ,kBACE,6BACA,+BACA,oBACA,yCACA,qCACA,yCACA,yBACA,yCACA,+CACA,qEACA,6DGrBA,kEACA,aACA,yBCEA,kCACA,2BACA,8BACA,sBJoBF,2BACE,sDACA,aACA,UACA,wDAGF,mBACE,kCACA,sCAGF,4BACE,YAGF,8BACE,aACA,6CAIF,wBACE,mCACA,iEAEA,2CACE,4CAGF,oDACE,qDAGF,sDACE,mDAMF,0EACE,8CAGF,qFACE,qDAMF,0EACE,cAKJ,6CACE,sCACA,wCAEA,gEACE,+CAGF,2EACE,sDAMF,mFAEE,uDAGF,8FAEE,8DAOJ,mDACE,qBAEA,+EACE,qBAMF,gFACE,oDAGF,yFACE,6DAGF,2FACE,2DAMF,yFAEE,6DAGF,kGACE,qBAEF,oGAEE,oEAOJ,8BAKI,0OACE,YACA,iBAGF,8QACE,YAGF,sRACE,gBAMN,8BAGI,uJACE,kBAGF,6KACE,iBAMN,8BAII,4OACE,gBAGF,6QACE","file":"radio.css"}
@@ -1 +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);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:none;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:var(--ams-search-field-input-cancel-button-cursor);inline-size:var(--ams-search-field-input-cancel-button-inline-size);margin-inline-start:.5rem}/*# 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);border-color:var(--ams-search-field-input-border-color);border-style:var(--ams-search-field-input-border-style);border-width:var(--ams-search-field-input-border-width);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-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]{border-color:var(--ams-search-field-input-invalid-border-color)}.ams-search-field__input:invalid:hover,.ams-search-field__input[aria-invalid=true]:hover{border-color:var(--ams-search-field-input-invalid-hover-border-color);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:var(--ams-search-field-input-cancel-button-cursor);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,kBAWF,yBACE,gEACA,oDACA,sBACA,0CACA,sDACA,kDACA,sDACA,iBACA,sDACA,4DACA,0DACA,4DACA,0BCvBA,kCACA,2BACA,8BACA,8CDCA,gBACA,YACA,gBACA,eAqBA,+BACE,0DAGF,+BACE,UAIJ,6EAEE,4DAEA,yFACE,kEAIJ,sCACE,sDACA,aAGF,uDACE,gBACA,8EACA,kEACA,0DACA,oEACA","file":"search-field.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/search-field/search-field.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAOA,kBACE,aACA,kBAUF,yBACE,gEACA,wDACA,wDACA,wDACA,sBACA,0CACA,sDACA,kDACA,sDACA,iBACA,sDACA,4DACA,0DACA,4DACA,0BCxBA,kCACA,2BACA,8BACA,8CDCA,gBACA,gBACA,eAuBA,+BACE,0DAGF,+BACE,UAIJ,6EAEE,gEAEA,yFACE,sEACA,kEAIJ,sCACE,sDACA,aAGF,uDACE,gBACA,8EACA,kEACA,0DACA,oEACA","file":"search-field.css"}
@@ -1 +1 @@
1
- .ams-select{background-color:var(--ams-select-background-color);box-shadow:var(--ams-select-box-shadow);color:var(--ams-select-color);font-family:var(--ams-select-font-family);font-size:var(--ams-select-font-size);font-weight:var(--ams-select-font-weight);inline-size:100%;line-height:var(--ams-select-line-height);outline-offset:var(--ams-select-outline-offset);padding-block:var(--ams-select-padding-block);padding-inline:var(--ams-select-padding-inline);touch-action:manipulation;appearance:none;border:none;border-radius:0}.ams-select:not([multiple]){background-image:var(--ams-select-background-image);background-position:var(--ams-select-background-position);background-repeat:no-repeat;background-size:1em 1em}.ams-select:hover{box-shadow:var(--ams-select-hover-box-shadow)}.ams-select:invalid,.ams-select[aria-invalid=true]{box-shadow:var(--ams-select-invalid-box-shadow)}.ams-select:disabled{box-shadow:var(--ams-select-disabled-box-shadow);color:var(--ams-select-disabled-color);cursor:var(--ams-select-disabled-cursor)}.ams-select:disabled:not([multiple]){background-image:var(--ams-select-disabled-background-image)}.ams-select:invalid:hover,.ams-select[aria-invalid=true]:hover{box-shadow:var(--ams-select-invalid-hover-box-shadow)}.ams-select__option:disabled{color:var(--ams-select-option-disabled-color)}/*# sourceMappingURL=select.css.map */
1
+ .ams-select{background-color:var(--ams-select-background-color);border-color:var(--ams-select-border-color);border-style:var(--ams-select-border-style);border-width:var(--ams-select-border-width);color:var(--ams-select-color);font-family:var(--ams-select-font-family);font-size:var(--ams-select-font-size);font-weight:var(--ams-select-font-weight);inline-size:100%;line-height:var(--ams-select-line-height);outline-offset:var(--ams-select-outline-offset);padding-block:var(--ams-select-padding-block);padding-inline:var(--ams-select-padding-inline);touch-action:manipulation;appearance:none;border-radius:0}.ams-select:not([multiple]){background-image:var(--ams-select-background-image);background-position:var(--ams-select-background-position);background-repeat:no-repeat;background-size:1em 1em}.ams-select:invalid,.ams-select[aria-invalid=true]{border-color:var(--ams-select-invalid-border-color)}.ams-select:disabled{color:var(--ams-select-disabled-color);cursor:var(--ams-select-disabled-cursor)}.ams-select:disabled:not([multiple]){background-image:var(--ams-select-disabled-background-image)}.ams-select:disabled:not([multiple]):hover{background-image:var(--ams-select-hover-background-image)}.ams-select:invalid:hover,.ams-select[aria-invalid=true]:hover{border-color:var(--ams-select-invalid-hover-border-color);box-shadow:var(--ams-select-invalid-hover-box-shadow)}.ams-select:not(:disabled):hover{box-shadow:var(--ams-select-hover-box-shadow)}.ams-select__option:disabled{color:var(--ams-select-option-disabled-color)}/*# sourceMappingURL=select.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/select/select.scss"],"names":[],"mappings":"AAWA,YACE,oDACA,wCACA,8BACA,0CACA,sCACA,0CACA,iBACA,0CACA,gDACA,8CACA,gDACA,0BAjBA,gBACA,YACA,gBAmBA,4BACE,oDACA,0DACA,4BACA,wBAGF,kBACE,8CAIJ,mDAEE,gDAGF,qBACE,iDACA,uCACA,yCAEA,qCACE,6DAIJ,+DAEE,sDAGF,6BACE","file":"select.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/select/select.scss"],"names":[],"mappings":"AAUA,YACE,oDACA,4CACA,4CACA,4CACA,8BACA,0CACA,sCACA,0CACA,iBACA,0CACA,gDACA,8CACA,gDACA,0BAlBA,gBACA,gBAqBA,4BACE,oDACA,0DACA,4BACA,wBAIJ,mDAEE,oDAGF,qBACE,uCACA,yCAEA,qCACE,6DAGA,2CACE,0DAKN,+DAEE,0DACA,sDAGF,iCACE,8CAGF,6BACE","file":"select.css"}
@@ -0,0 +1 @@
1
+ .ams-standalone-link{color:var(--ams-standalone-link-color);column-gap:var(--ams-standalone-link-column-gap);display:inline-flex;font-family:var(--ams-standalone-link-font-family);font-size:var(--ams-standalone-link-font-size);font-weight:var(--ams-standalone-link-font-weight);line-height:var(--ams-standalone-link-line-height);outline-offset:var(--ams-standalone-link-outline-offset);text-decoration-thickness:var(--ams-standalone-link-text-decoration-thickness);text-underline-offset:var(--ams-standalone-link-text-underline-offset);hyphenate-limit-chars:var(--ams-typography-hyphenate-limit-chars);hyphens:auto;overflow-wrap:break-word;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-standalone-link:hover{color:var(--ams-standalone-link-hover-color);text-decoration-thickness:var(--ams-standalone-link-hover-text-decoration-thickness);text-underline-offset:var(--ams-standalone-link-hover-text-underline-offset)}.ams-standalone-link--contrast{color:var(--ams-standalone-link-contrast-color)}.ams-standalone-link--contrast:hover{color:var(--ams-standalone-link-contrast-hover-color)}.ams-standalone-link--inverse{color:var(--ams-standalone-link-inverse-color)}.ams-standalone-link--inverse:hover{color:var(--ams-standalone-link-inverse-hover-color)}.ams-standalone-link--with-icon{text-decoration-line:var(--ams-standalone-link-with-icon-text-decoration-line)}.ams-standalone-link--with-icon:hover{text-decoration-line:var(--ams-standalone-link-with-icon-hover-text-decoration-line)}/*# sourceMappingURL=standalone-link.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/standalone-link/standalone-link.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,qBACE,uCACA,iDACA,oBACA,mDACA,+CACA,mDACA,mDACA,yDACA,+EACA,uECZA,kEACA,aACA,yBCEA,kCACA,2BACA,8BACA,sBFUA,2BACE,6CACA,qFACA,6EAIJ,+BACE,gDAEA,qCACE,sDAIJ,8BACE,+CAEA,oCACE,qDAIJ,gCACE,+EAEA,sCACE","file":"standalone-link.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);box-sizing:border-box;cursor:var(--ams-switch-cursor);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:var(--ams-switch-disabled-cursor)}.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: var(--ams-border-width-m);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:var(--ams-switch-cursor);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:var(--ams-switch-disabled-cursor)}.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":"AAQA,mBCFE,gBACA,cACA,eACA,gBCIA,+BACE,aAGF,mDACE,UFLJ,mBACE,2CAEA,oDAGA,gEACA,0DACA,sBACA,gCACA,qBACA,0CACA,gDACA,4CAGF,2BACE,0DACA,8CACA,kBACA,WACA,cACA,gDACA,wBACA,yCACA,uCAEA,8BAXF,2BAYI,4BAIJ,8CACE,4DAGF,+CACE,6DACA,yCAGF,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,2DAEA,oDAGA,gEACA,0DACA,sBACA,gCACA,qBACA,0CACA,gDACA,4CAGF,2BACE,0DACA,8CACA,kBACA,WACA,cACA,gDACA,wBACA,yCACA,uCAEA,8BAXF,2BAYI,4BAIJ,8CACE,4DAGF,+CACE,6DACA,yCAGF,sDACE,2EAGF,wEACE","file":"switch.css"}
@@ -1 +1 @@
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:none;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
+ .ams-text-area{background-color:var(--ams-text-area-background-color);border-color:var(--ams-text-area-border-color);border-style:var(--ams-text-area-border-style);border-width:var(--ams-text-area-border-width);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-radius:0;margin-block:0}.ams-text-area::placeholder{color:var(--ams-text-area-placeholder-color);opacity:100%}.ams-text-area:disabled{color:var(--ams-text-area-disabled-color);cursor:var(--ams-text-area-disabled-cursor)}.ams-text-area:invalid,.ams-text-area[aria-invalid=true]{border-color:var(--ams-text-area-invalid-border-color)}.ams-text-area:invalid:hover,.ams-text-area[aria-invalid=true]:hover{border-color:var(--ams-text-area-invalid-hover-border-color);box-shadow:var(--ams-text-area-invalid-hover-box-shadow)}.ams-text-area:not(:disabled):hover{box-shadow:var(--ams-text-area-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":"AAeA,eACE,uDACA,2CACA,sBACA,iCACA,6CACA,yCACA,6CACA,iBACA,6CACA,qBACA,mDACA,mDACA,iDACA,mDACA,0BCpBA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,YACA,gBACA,eAuBA,qBACE,iDAIJ,4BACE,6CACA,aAGF,wBACE,gEACA,oDACA,0CACA,4CAGF,yDAEE,mDAEA,qEACE,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":"AAcA,eACE,uDACA,+CACA,+CACA,+CACA,sBACA,iCACA,6CACA,yCACA,6CACA,iBACA,6CACA,qBACA,mDACA,mDACA,iDACA,mDACA,0BCrBA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,gBACA,eA0BF,4BACE,6CACA,aAGF,wBACE,0CACA,4CAGF,yDAEE,uDAEA,qEACE,6DACA,yDAIJ,oCACE,iDAGF,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);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:none;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:var(--ams-text-input-disabled-cursor)}.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);border-color:var(--ams-text-input-border-color);border-style:var(--ams-text-input-border-style);border-width:var(--ams-text-input-border-width);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);line-height:var(--ams-text-input-line-height);max-inline-size:100%;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-radius:0;margin-block:0}.ams-text-input:not([size]){inline-size:100%}.ams-text-input::placeholder{color:var(--ams-text-input-placeholder-color);opacity:100%}.ams-text-input:disabled{color:var(--ams-text-input-disabled-color);cursor:var(--ams-text-input-disabled-cursor)}.ams-text-input:invalid,.ams-text-input[aria-invalid=true]{border-color:var(--ams-text-input-invalid-border-color)}.ams-text-input:invalid:hover,.ams-text-input[aria-invalid=true]:hover{border-color:var(--ams-text-input-invalid-hover-border-color);box-shadow:var(--ams-text-input-invalid-hover-box-shadow)}.ams-text-input:not(:disabled):hover{box-shadow:var(--ams-text-input-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":"AAeA,gBACE,wDACA,4CACA,sBACA,kCACA,8CACA,0CACA,8CACA,iBACA,8CACA,oDACA,kDACA,oDACA,0BClBA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,YACA,gBACA,eAqBA,sBACE,kDAIJ,6BACE,8CACA,aAGF,yBACE,iEACA,qDACA,2CACA,6CAGF,2DAEE,oDAEA,uEACE","file":"text-input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/text-input/text-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,gBACE,wDACA,gDACA,gDACA,gDACA,sBACA,kCACA,8CACA,0CACA,8CACA,8CACA,qBACA,oDACA,kDACA,oDACA,0BCnBA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,gBACA,eAwBF,4BACE,iBAGF,6BACE,8CACA,aAGF,yBACE,2CACA,6CAGF,2DAEE,wDAEA,uEACE,8DACA,0DAIJ,qCACE","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);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:none;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:var(--ams-time-input-calender-picker-indicator-cursor)}.ams-time-input:hover::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-hover-calender-picker-indicator-background-image)}.ams-time-input:disabled{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:var(--ams-time-input-disabled-cursor)}.ams-time-input:disabled::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-disabled-calender-picker-indicator-background-image);visibility:visible}.ams-time-input: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);border-color:var(--ams-time-input-border-color);border-style:var(--ams-time-input-border-style);border-width:var(--ams-time-input-border-width);box-sizing:border-box;color:var(--ams-time-input-color);font-family:var(--ams-time-input-font-family);font-size:var(--ams-time-input-font-size);font-weight:var(--ams-time-input-font-weight);line-height:var(--ams-time-input-line-height);min-block-size:calc(var(--ams-time-input-font-size)*var(--ams-time-input-line-height) + 2*var(--ams-time-input-padding-block));min-inline-size:calc(4ch + 2*var(--ams-time-input-padding-inline));outline-offset:var(--ams-time-input-outline-offset);padding-block:var(--ams-time-input-padding-block);padding-inline:var(--ams-time-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;appearance:none;border-radius:0;inline-size:auto;margin-block:0}.ams-time-input::-webkit-calendar-picker-indicator{appearance:none;background-image:var(--ams-time-input-calender-picker-indicator-background-image);cursor:var(--ams-time-input-calender-picker-indicator-cursor)}.ams-time-input:hover::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-hover-calender-picker-indicator-background-image)}.ams-time-input:disabled{color:var(--ams-time-input-disabled-color);cursor:var(--ams-time-input-disabled-cursor)}.ams-time-input:disabled::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-disabled-calender-picker-indicator-background-image);visibility:visible}.ams-time-input:invalid,.ams-time-input[aria-invalid=true]{border-color:var(--ams-time-input-invalid-border-color)}.ams-time-input:invalid:hover,.ams-time-input[aria-invalid=true]:hover{border-color:var(--ams-time-input-invalid-hover-border-color);box-shadow:var(--ams-time-input-invalid-hover-box-shadow)}.ams-time-input:not(:disabled):hover{box-shadow:var(--ams-time-input-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":"AAgBA,gBACE,wDACA,4CACA,sBACA,kCACA,8CACA,0CACA,8CACA,8CAGA,+HAKA,mEACA,oDACA,kDACA,oDACA,0BC1BA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,YACA,gBACA,iBACA,eA4BA,sBACE,kDAKJ,mDACE,gBACA,kFACA,8DAGF,yDACE,wFAGF,yBACE,iEACA,qDACA,2CACA,6CAGF,4DACE,2FACA,mBAGF,2DAEE,oDAEA,uEACE","file":"time-input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/time-input/time-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAeA,gBACE,wDACA,gDACA,gDACA,gDACA,sBACA,kCACA,8CACA,0CACA,8CACA,8CAGA,+HAKA,mEACA,oDACA,kDACA,oDACA,0BC3BA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,gBACA,iBACA,eAgCF,mDACE,gBACA,kFACA,8DAGF,yDACE,wFAGF,yBACE,2CACA,6CAGF,4DACE,2FACA,mBAGF,2DAEE,wDAEA,uEACE,8DACA,0DAIJ,qCACE","file":"time-input.css"}
@@ -1 +1 @@
1
- .ams-visually-hidden:not(:active,:focus){block-size:1px;clip:rect(0 0 0 0);clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}/*# sourceMappingURL=visually-hidden.css.map */
1
+ .ams-visually-hidden:not(:active,:focus){block-size:1px;clip:rect(0 0 0 0);clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;user-select:none;white-space:nowrap}/*# sourceMappingURL=visually-hidden.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/visually-hidden/visually-hidden.scss"],"names":[],"mappings":"AAMA,yCACE,eACA,mBACA,qBACA,gBACA,gBACA,kBACA","file":"visually-hidden.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/visually-hidden/visually-hidden.scss"],"names":[],"mappings":"AAMA,yCACE,eACA,mBACA,qBACA,gBACA,gBACA,kBACA,iBACA","file":"visually-hidden.css"}
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.15.0",
2
+ "version": "1.0.0",
3
3
  "author": "Design System Team, City of Amsterdam <designsystem@amsterdam.nl>",
4
4
  "description": "Stylesheets for all components from the Amsterdam Design System and some general utilities. Use it to apply the visual design of the City of Amsterdam to your HTML elements or non-React components.",
5
5
  "homepage": "https://designsystem.amsterdam",
@@ -19,11 +19,11 @@
19
19
  "directory": "packages/css"
20
20
  },
21
21
  "devDependencies": {
22
- "sass": "1.86.0"
22
+ "sass": "1.89.0"
23
23
  },
24
24
  "peerDependencies": {
25
- "@amsterdam/design-system-tokens": "0.15.0",
26
- "@amsterdam/design-system-assets": "0.3.0"
25
+ "@amsterdam/design-system-tokens": "1.0.0",
26
+ "@amsterdam/design-system-assets": "1.0.0"
27
27
  },
28
28
  "scripts": {
29
29
  "build": "sass src/components:dist/ --style=compressed",
@@ -44,6 +44,7 @@
44
44
  padding-block: var(--ams-accordion-button-padding-block);
45
45
  padding-inline: var(--ams-accordion-button-padding-inline);
46
46
  text-align: start;
47
+ text-wrap: var(--ams-accordion-button-text-wrap);
47
48
 
48
49
  @include reset-button;
49
50
 
@@ -16,7 +16,7 @@ An Alert informs the user of a significant or time-sensitive message without int
16
16
  - **Error** indicates an error has occurred.
17
17
  This variation is red.
18
18
  - Place the Alert in a Grid Cell to create enough white space around it.
19
- - Important and urgent information is to be placed directly below the Header.
19
+ - Important and urgent information is to be placed directly below the Page Header.
20
20
  Examples: system outage or changes in the opening hours of a City Office.
21
21
  This can be applied to the entire application or to a part of it.
22
22
  - Add a close button if the user should be able to dismiss the Alert.
@@ -5,13 +5,10 @@
5
5
 
6
6
  .ams-alert {
7
7
  background-color: var(--ams-alert-background-color);
8
- box-shadow: var(--ams-alert-box-shadow);
8
+ border-color: var(--ams-alert-border-color);
9
+ border-style: var(--ams-alert-border-style);
10
+ border-width: var(--ams-alert-border-width);
9
11
  display: flex;
10
-
11
- @media (forced-colors: active) {
12
- border-style: solid;
13
- border-width: var(--ams-alert-forced-colors-border-width);
14
- }
15
12
  }
16
13
 
17
14
  .ams-alert__severity-indicator {
@@ -31,7 +28,7 @@
31
28
  }
32
29
 
33
30
  .ams-alert--error {
34
- box-shadow: var(--ams-alert-error-box-shadow);
31
+ border-color: var(--ams-alert-error-border-color);
35
32
 
36
33
  > .ams-alert__severity-indicator {
37
34
  background-color: var(--ams-alert-error-severity-indicator-background-color);
@@ -39,7 +36,7 @@
39
36
  }
40
37
 
41
38
  .ams-alert--success {
42
- box-shadow: var(--ams-alert-success-box-shadow);
39
+ border-color: var(--ams-alert-success-border-color);
43
40
 
44
41
  > .ams-alert__severity-indicator {
45
42
  background-color: var(--ams-alert-success-severity-indicator-background-color);
@@ -47,7 +44,7 @@
47
44
  }
48
45
 
49
46
  .ams-alert--warning {
50
- box-shadow: var(--ams-alert-warning-box-shadow);
47
+ border-color: var(--ams-alert-warning-border-color);
51
48
 
52
49
  > .ams-alert__severity-indicator {
53
50
  background-color: var(--ams-alert-warning-severity-indicator-background-color);
@@ -22,3 +22,4 @@ The class can be applied to any component or element.
22
22
 
23
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
24
  - The default aspect ratio is 16:9.
25
+ - When using `width` and `height` attributes on an image (for example, when using the [Next Image component](https://nextjs.org/docs/app/api-reference/components/image)), the aspect ratio is determined by these values and will take precedence over the class. To correct this, use the class `ams-image`.
@@ -6,7 +6,10 @@
6
6
  .ams-avatar {
7
7
  aspect-ratio: var(--ams-avatar-aspect-ratio);
8
8
  background-color: var(--ams-avatar-background-color);
9
+ border-color: var(--ams-avatar-border-color);
9
10
  border-radius: 50%;
11
+ border-style: var(--ams-avatar-border-style);
12
+ border-width: var(--ams-avatar-border-width);
10
13
  color: var(--ams-avatar-color);
11
14
  display: inline-flex;
12
15
  font-family: var(--ams-avatar-font-family);
@@ -22,17 +25,12 @@
22
25
  }
23
26
  }
24
27
 
25
- .ams-avatar:not(.ams-avatar--has-image) {
26
- @media (forced-colors: active) {
27
- border-style: solid;
28
- border-width: var(--ams-avatar-forced-colors-border-width);
29
- padding-block: calc(var(--ams-avatar-padding-block) - var(--ams-avatar-forced-colors-border-width));
30
- padding-inline: calc(var(--ams-avatar-padding-inline) - var(--ams-avatar-forced-colors-border-width));
31
- }
32
- }
33
-
34
28
  .ams-avatar--has-image {
35
- inline-size: calc(var(--ams-avatar-line-height) * var(--ams-avatar-font-size) + 2 * var(--ams-avatar-padding-inline));
29
+ border: none;
30
+ inline-size: calc(
31
+ var(--ams-avatar-line-height) * var(--ams-avatar-font-size) + 2 * var(--ams-avatar-padding-inline) + 2 *
32
+ var(--ams-border-width-m)
33
+ );
36
34
  overflow: hidden;
37
35
  padding-block: 0;
38
36
  padding-inline: 0;
@@ -41,30 +39,36 @@
41
39
 
42
40
  .ams-avatar--azure {
43
41
  background-color: var(--ams-avatar-azure-background-color);
42
+ border-color: var(--ams-avatar-azure-border-color);
44
43
  color: var(--ams-avatar-azure-color);
45
44
  }
46
45
 
47
46
  .ams-avatar--green {
48
47
  background-color: var(--ams-avatar-green-background-color);
48
+ border-color: var(--ams-avatar-green-border-color);
49
49
  color: var(--ams-avatar-green-color);
50
50
  }
51
51
 
52
52
  .ams-avatar--lime {
53
53
  background-color: var(--ams-avatar-lime-background-color);
54
+ border-color: var(--ams-avatar-lime-border-color);
54
55
  color: var(--ams-avatar-lime-color);
55
56
  }
56
57
 
57
58
  .ams-avatar--magenta {
58
59
  background-color: var(--ams-avatar-magenta-background-color);
60
+ border-color: var(--ams-avatar-magenta-border-color);
59
61
  color: var(--ams-avatar-magenta-color);
60
62
  }
61
63
 
62
64
  .ams-avatar--orange {
63
65
  background-color: var(--ams-avatar-orange-background-color);
66
+ border-color: var(--ams-avatar-orange-border-color);
64
67
  color: var(--ams-avatar-orange-color);
65
68
  }
66
69
 
67
70
  .ams-avatar--yellow {
68
71
  background-color: var(--ams-avatar-yellow-background-color);
72
+ border-color: var(--ams-avatar-yellow-border-color);
69
73
  color: var(--ams-avatar-yellow-color);
70
74
  }
@@ -19,52 +19,52 @@ $ams-breakout-row-span-max: 4;
19
19
  @include ams-grid--gap-vertical--none;
20
20
  }
21
21
 
22
- .ams-breakout--gap-vertical--small {
23
- @include ams-grid--gap-vertical--small;
24
- }
25
-
26
22
  .ams-breakout--gap-vertical--large {
27
23
  @include ams-grid--gap-vertical--large;
28
24
  }
29
25
 
30
- // Grid padding
31
-
32
- .ams-breakout--padding-bottom--small {
33
- @include ams-grid--padding-bottom--small;
26
+ .ams-breakout--gap-vertical--2x-large {
27
+ @include ams-grid--gap-vertical--2x-large;
34
28
  }
35
29
 
36
- .ams-breakout--padding-bottom--medium {
37
- @include ams-grid--padding-bottom--medium;
38
- }
30
+ // Grid padding
39
31
 
40
32
  .ams-breakout--padding-bottom--large {
41
33
  @include ams-grid--padding-bottom--large;
42
34
  }
43
35
 
44
- .ams-breakout--padding-top--small {
45
- @include ams-grid--padding-top--small;
36
+ .ams-breakout--padding-bottom--x-large {
37
+ @include ams-grid--padding-bottom--x-large;
46
38
  }
47
39
 
48
- .ams-breakout--padding-top--medium {
49
- @include ams-grid--padding-top--medium;
40
+ .ams-breakout--padding-bottom--2x-large {
41
+ @include ams-grid--padding-bottom--2x-large;
50
42
  }
51
43
 
52
44
  .ams-breakout--padding-top--large {
53
45
  @include ams-grid--padding-top--large;
54
46
  }
55
47
 
56
- .ams-breakout--padding-vertical--small {
57
- @include ams-grid--padding-vertical--small;
48
+ .ams-breakout--padding-top--x-large {
49
+ @include ams-grid--padding-top--x-large;
58
50
  }
59
51
 
60
- .ams-breakout--padding-vertical--medium {
61
- @include ams-grid--padding-vertical--medium;
52
+ .ams-breakout--padding-top--2x-large {
53
+ @include ams-grid--padding-top--2x-large;
62
54
  }
63
55
 
64
56
  .ams-breakout--padding-vertical--large {
65
57
  @include ams-grid--padding-vertical--large;
66
58
  }
67
59
 
60
+ .ams-breakout--padding-vertical--x-large {
61
+ @include ams-grid--padding-vertical--x-large;
62
+ }
63
+
64
+ .ams-breakout--padding-vertical--2x-large {
65
+ @include ams-grid--padding-vertical--2x-large;
66
+ }
67
+
68
68
  // Column span
69
69
  // The order of these declaration blocks ensures the intended specificity.
70
70
 
@@ -2,16 +2,16 @@
2
2
 
3
3
  # Button
4
4
 
5
- Allows the user to perform actions and operate the user interface.
5
+ Allows the user to perform an action or operate the interface.
6
6
 
7
7
  ## Guidelines
8
8
 
9
- - Choose a short label that describes the function of the button.
10
- - Use the correct type of button for the corresponding application, e.g. `type="submit"` for the primary form button.
11
- - Make sure one can operate a button through a keyboard.
9
+ - Describe the Button’s function through a short label.
10
+ - Use only 1 primary Button per screen.
12
11
  - Wrap 2 or more consecutive buttons and/or links in an [Action Group](https://designsystem.amsterdam/?path=/docs/components-layout-action-group--docs).
13
- - Primary, secondary and tertiary buttons can be used side by side.
14
- Skipping levels is allowed.
12
+ - Add `type="submit"` to make the Button submit a form.
13
+ - Do not use a Button to link to another page.
14
+ Use a [Standalone Link](https://designsystem.amsterdam/?path=/docs/components-navigation-standalone-link--docs) instead, or an inline [Link](https://designsystem.amsterdam/?path=/docs/components-navigation-link--docs) in the running text.
15
15
 
16
16
  ## Relevant WCAG requirements
17
17
 
@@ -15,6 +15,8 @@
15
15
  }
16
16
 
17
17
  .ams-button {
18
+ border-style: var(--ams-button-border-style);
19
+ border-width: var(--ams-button-border-width);
18
20
  cursor: var(--ams-button-cursor);
19
21
  display: inline-flex;
20
22
  font-family: var(--ams-button-font-family);
@@ -38,42 +40,29 @@
38
40
  }
39
41
  }
40
42
 
41
- @mixin ams-button-forced-color-mode {
42
- @media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
43
- border: var(--ams-button-forced-color-mode-border); // add border because forced colors changes box-shadow to none
44
- }
45
- }
46
-
47
43
  .ams-button--primary {
48
44
  background-color: var(--ams-button-primary-background-color);
49
- box-shadow: var(--ams-button-primary-box-shadow);
45
+ border-color: var(--ams-button-primary-border-color);
50
46
  color: var(--ams-button-primary-color);
51
47
 
52
- @include ams-button-forced-color-mode;
53
-
54
48
  &:disabled,
55
49
  [aria-disabled="true"] {
56
50
  background-color: var(--ams-button-primary-disabled-background-color);
57
- box-shadow: var(--ams-button-primary-disabled-box-shadow);
51
+ border-color: var(--ams-button-primary-disabled-border-color);
58
52
  }
59
53
 
60
54
  &:hover:not(:disabled, [aria-disabled="true"]) {
61
55
  background-color: var(--ams-button-primary-hover-background-color);
62
- box-shadow: var(--ams-button-primary-hover-box-shadow);
56
+ border-color: var(--ams-button-primary-hover-border-color);
63
57
  }
64
58
  }
65
59
 
66
60
  .ams-button--secondary {
67
61
  background-color: var(--ams-button-secondary-background-color);
68
- box-shadow: var(--ams-button-secondary-box-shadow);
69
62
  color: var(--ams-button-secondary-color);
70
63
 
71
- @include ams-button-forced-color-mode;
72
-
73
64
  &:disabled,
74
65
  [aria-disabled="true"] {
75
- background-color: var(--ams-button-secondary-disabled-background-color);
76
- box-shadow: var(--ams-button-secondary-disabled-box-shadow);
77
66
  color: var(--ams-button-secondary-disabled-color);
78
67
  }
79
68
 
@@ -85,16 +74,16 @@
85
74
 
86
75
  .ams-button--tertiary {
87
76
  background-color: var(--ams-button-tertiary-background-color);
77
+ border-color: var(--ams-button-tertiary-border-color);
88
78
  color: var(--ams-button-tertiary-color);
89
79
 
90
80
  &:disabled,
91
81
  [aria-disabled="true"] {
92
- background-color: var(--ams-button-tertiary-disabled-background-color);
93
82
  color: var(--ams-button-tertiary-disabled-color);
94
83
  }
95
84
 
96
85
  &:hover:not(:disabled, [aria-disabled="true"]) {
97
- box-shadow: var(--ams-button-tertiary-hover-box-shadow);
86
+ border-color: var(--ams-button-tertiary-hover-border-color);
98
87
  color: var(--ams-button-tertiary-hover-color);
99
88
  }
100
89
  }