@amsterdam/design-system-css 2.1.0 → 3.0.0

package/CHANGELOG.md

@@ -3,6 +3,44 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.0.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v2.2.0...design-system-css-v3.0.0) (2026-01-09)
+
+
+### ⚠ BREAKING CHANGES
+
+* **Field, Field Set:** Change spacing between elements ([#2358](https://github.com/Amsterdam/design-system/issues/2358))
+  * Although his change does not change the technical API, it may make spacing in your website incorrect.
+**How to update**: Remove the utility classes (`ams-mb-*`) from children of Field and Field Set that we previously recommended. This now gets handled by the components.
+
+* **Page Header:** Add vertical space to Mega Menu in Spacious Mode ([#2298](https://github.com/Amsterdam/design-system/issues/2298))
+  * Although his change does not change the technical API, it may make spacing in your website incorrect.
+**How to update**: Remove vertical white space from the children of Page Header.
+
+### Features
+
+* **Field, Field Set:** Change spacing between elements ([#2358](https://github.com/Amsterdam/design-system/issues/2358)) ([6bcace7](https://github.com/Amsterdam/design-system/commit/6bcace7930b1e1247601380a4e5bff1c318bbbcf))
+* **Page Footer:** Automatically render visually hidden heading before menu ([#2359](https://github.com/Amsterdam/design-system/issues/2359)) ([9019a78](https://github.com/Amsterdam/design-system/commit/9019a7891b7b2e31d9faab238317c34753bf7870))
+* **Page Header:** Add vertical space to Mega Menu in Spacious Mode ([#2298](https://github.com/Amsterdam/design-system/issues/2298)) ([3ae1729](https://github.com/Amsterdam/design-system/commit/3ae17299853fc6f35e639dfc8d9f7f97476bdbac))
+* **Page Header:** Add visually hidden description to menu button, hide menu button when CSS does not load ([#2340](https://github.com/Amsterdam/design-system/issues/2340)) ([f19ef3a](https://github.com/Amsterdam/design-system/commit/f19ef3a646ce18447a5f34382acd1eab5f7b82bb))
+* **Page Header:** Hide duplicate content of ‘narrow window only Grid Cell’ until CSS loads ([#2305](https://github.com/Amsterdam/design-system/issues/2305)) ([991252d](https://github.com/Amsterdam/design-system/commit/991252dc02e98012e278bae8c9376d2c8060c948))
+* **Paragraph:** Balance line lengths of lead paragraphs ([#2309](https://github.com/Amsterdam/design-system/issues/2309)) ([afeab6e](https://github.com/Amsterdam/design-system/commit/afeab6ebe7da883fb984e23cd9d0661f3524bb60))
+* **Paragraph:** Distinguish large and small variants without CSS ([#2315](https://github.com/Amsterdam/design-system/issues/2315)) ([c3bb5f7](https://github.com/Amsterdam/design-system/commit/c3bb5f74b1ffb8895b825a64f2fef704129b5e12))
+
+## [2.2.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v2.1.0...design-system-css-v2.2.0) (2025-11-21)
+
+
+### Features
+
+* **Label, Field Set:** Add a lighter variant to Label and Legend to clarify form hierarchy in nested Field Sets ([#2291](https://github.com/Amsterdam/design-system/issues/2291)) ([3bcc039](https://github.com/Amsterdam/design-system/commit/3bcc03901cbe1b37183d774b26367a914e3bda79))
+* **Page Header:** Allow adding an icon to a menu item ([#2285](https://github.com/Amsterdam/design-system/issues/2285)) ([15a830b](https://github.com/Amsterdam/design-system/commit/15a830b6068bb98c405da0013e90ac6697b20f5b))
+* **Page:** Add support for a layout with a Menu ([#2263](https://github.com/Amsterdam/design-system/issues/2263)) ([51a289f](https://github.com/Amsterdam/design-system/commit/51a289fe3012981fff1bfc223a0689b9be3760a7))
+
+
+### Bug Fixes
+
+* **Avatar:** Prevent a rendering issue in Safari from distorting the image ([#2286](https://github.com/Amsterdam/design-system/issues/2286)) ([42bccd4](https://github.com/Amsterdam/design-system/commit/42bccd478f11995cf98f9115badfb66ecc7c8c08))
+* **Page Header:** Use correct icon for menu button ([#2284](https://github.com/Amsterdam/design-system/issues/2284)) ([f76dec6](https://github.com/Amsterdam/design-system/commit/f76dec61800de00e2c1d3f516cb6ac36420af116))
+
 ## [2.1.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v2.0.1...design-system-css-v2.1.0) (2025-10-31)
 
 

package/README.md

@@ -7,7 +7,7 @@ Use it to apply the visual design of the City of Amsterdam to your HTML elements
 
 ## Introduction
 
-We publish our components’ stylesheets as a separate package to help replicating them in other libraries, platforms, or Saas-applications.
+We publish our components’ stylesheets as a separate package to help replicating them in other libraries, platforms, or SaaS applications.
 The classes are a contract between the component’s definition and its implementations and they facilitate ongoing upgrades.
 
 Our [React components](https://www.npmjs.com/package/@amsterdam/design-system-react) use these classes in the HTML they render.
@@ -65,9 +65,9 @@ Although it is not a typical use case, the stylesheet can be included in an HTML
 </html>
 ```
 
-### Compact mode
+### Compact Mode
 
-[Load the compact tokens](https://github.com/Amsterdam/design-system/blob/main/packages-proprietary/tokens/README.md) to use the compact appearance of the design system, e.g. for applications.
+[Load the compact tokens](https://github.com/Amsterdam/design-system/blob/main/packages-proprietary/tokens/README.md) to use the compact appearance of the design system, e.g. for internal websites with a high information density.
 They override the spacious ones; the stylesheets can remain unchanged.
 
 ### Global styles

package/dist/avatar/avatar.css

@@ -1 +1 @@
-.ams-avatar{aspect-ratio:var(--ams-avatar-aspect-ratio);background-color:var(--ams-avatar-background-color);border-color:var(--ams-avatar-border-color);border-radius:50%;border-style:var(--ams-avatar-border-style);border-width:var(--ams-avatar-border-width);color:var(--ams-avatar-color);display:inline-flex;font-family:var(--ams-avatar-font-family);font-size:var(--ams-avatar-font-size);inline-size:calc(var(--ams-avatar-line-height)*var(--ams-avatar-font-size));line-height:var(--ams-avatar-line-height);padding-block:var(--ams-avatar-padding-block);padding-inline:var(--ams-avatar-padding-inline);place-content:center}.ams-avatar svg{fill:currentColor}.ams-avatar--has-image{border:none;inline-size:calc(var(--ams-avatar-line-height)*var(--ams-avatar-font-size) + 2*var(--ams-avatar-padding-inline) + 2*var(--ams-border-width-m));overflow:hidden;padding-block:0;padding-inline:0;vertical-align:middle}.ams-avatar--azure{background-color:var(--ams-avatar-azure-background-color);border-color:var(--ams-avatar-azure-border-color);color:var(--ams-avatar-azure-color)}.ams-avatar--green{background-color:var(--ams-avatar-green-background-color);border-color:var(--ams-avatar-green-border-color);color:var(--ams-avatar-green-color)}.ams-avatar--lime{background-color:var(--ams-avatar-lime-background-color);border-color:var(--ams-avatar-lime-border-color);color:var(--ams-avatar-lime-color)}.ams-avatar--magenta{background-color:var(--ams-avatar-magenta-background-color);border-color:var(--ams-avatar-magenta-border-color);color:var(--ams-avatar-magenta-color)}.ams-avatar--orange{background-color:var(--ams-avatar-orange-background-color);border-color:var(--ams-avatar-orange-border-color);color:var(--ams-avatar-orange-color)}.ams-avatar--yellow{background-color:var(--ams-avatar-yellow-background-color);border-color:var(--ams-avatar-yellow-border-color);color:var(--ams-avatar-yellow-color)}/*# sourceMappingURL=avatar.css.map */
+.ams-avatar{aspect-ratio:var(--ams-avatar-aspect-ratio);background-color:var(--ams-avatar-background-color);border-color:var(--ams-avatar-border-color);border-radius:50%;border-style:var(--ams-avatar-border-style);border-width:var(--ams-avatar-border-width);color:var(--ams-avatar-color);display:inline-grid;font-family:var(--ams-avatar-font-family);font-size:var(--ams-avatar-font-size);inline-size:calc(var(--ams-avatar-line-height)*var(--ams-avatar-font-size));line-height:var(--ams-avatar-line-height);padding-block:var(--ams-avatar-padding-block);padding-inline:var(--ams-avatar-padding-inline);place-content:center}.ams-avatar svg{fill:currentColor}.ams-avatar--has-image{border:none;inline-size:calc(var(--ams-avatar-line-height)*var(--ams-avatar-font-size) + 2*var(--ams-avatar-padding-inline) + 2*var(--ams-border-width-m));overflow:hidden;padding-block:0;padding-inline:0;place-content:stretch;vertical-align:middle}.ams-avatar--has-image img{block-size:100%;inline-size:100%;object-fit:cover}.ams-avatar--azure{background-color:var(--ams-avatar-azure-background-color);border-color:var(--ams-avatar-azure-border-color);color:var(--ams-avatar-azure-color)}.ams-avatar--green{background-color:var(--ams-avatar-green-background-color);border-color:var(--ams-avatar-green-border-color);color:var(--ams-avatar-green-color)}.ams-avatar--lime{background-color:var(--ams-avatar-lime-background-color);border-color:var(--ams-avatar-lime-border-color);color:var(--ams-avatar-lime-color)}.ams-avatar--magenta{background-color:var(--ams-avatar-magenta-background-color);border-color:var(--ams-avatar-magenta-border-color);color:var(--ams-avatar-magenta-color)}.ams-avatar--orange{background-color:var(--ams-avatar-orange-background-color);border-color:var(--ams-avatar-orange-border-color);color:var(--ams-avatar-orange-color)}.ams-avatar--yellow{background-color:var(--ams-avatar-yellow-background-color);border-color:var(--ams-avatar-yellow-border-color);color:var(--ams-avatar-yellow-color)}/*# sourceMappingURL=avatar.css.map */

package/dist/avatar/avatar.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/avatar/avatar.scss"],"names":[],"mappings":"AAKA,YACE,4CACA,oDACA,4CACA,kBACA,4CACA,4CACA,8BACA,oBACA,0CACA,sCACA,4EACA,0CACA,8CACA,gDACA,qBAEA,gBACE,kBAIJ,uBACE,YACA,+IAIA,gBACA,gBACA,iBACA,sBAGF,mBACE,0DACA,kDACA,oCAGF,mBACE,0DACA,kDACA,oCAGF,kBACE,yDACA,iDACA,mCAGF,qBACE,4DACA,oDACA,sCAGF,oBACE,2DACA,mDACA,qCAGF,oBACE,2DACA,mDACA","file":"avatar.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/avatar/avatar.scss"],"names":[],"mappings":"AAKA,YACE,4CACA,oDACA,4CACA,kBACA,4CACA,4CACA,8BACA,oBACA,0CACA,sCACA,4EACA,0CACA,8CACA,gDACA,qBAEA,gBACE,kBAIJ,uBACE,YACA,+IAIA,gBACA,gBACA,iBACA,sBACA,sBAGA,2BACE,gBACA,iBACA,iBAIJ,mBACE,0DACA,kDACA,oCAGF,mBACE,0DACA,kDACA,oCAGF,kBACE,yDACA,iDACA,mCAGF,qBACE,4DACA,oDACA,sCAGF,oBACE,2DACA,mDACA,qCAGF,oBACE,2DACA,mDACA","file":"avatar.css"}

package/dist/button/button.css

@@ -1,101 +1 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-/**
- * Prioritizes legibility over speed when rendering text
- * and disables text inflation on some mobile devices.
- */
-.ams-button {
-  --ams-icon-line-height: var(--ams-button-line-height);
-  border-style: var(--ams-button-border-style);
-  border-width: var(--ams-button-border-width);
-  cursor: var(--ams-button-cursor);
-  display: inline-flex;
-  font-family: var(--ams-button-font-family);
-  font-size: var(--ams-button-font-size);
-  font-weight: var(--ams-button-font-weight);
-  gap: var(--ams-button-gap);
-  justify-content: center;
-  line-height: var(--ams-button-line-height);
-  outline-offset: var(--ams-button-outline-offset);
-  padding-block: var(--ams-button-padding-block);
-  padding-inline: var(--ams-button-padding-inline);
-  touch-action: manipulation;
-  /* These CSS declarations have a fallback, so it's safe to use them. */
-  /* stylelint-disable-next-line plugin/use-baseline */
-  hyphenate-limit-chars: var(--ams-typography-hyphenate-limit-chars);
-  /* stylelint-disable-next-line plugin/use-baseline */
-  hyphens: auto;
-  overflow-wrap: break-word;
-  text-rendering: optimizeLegibility;
-  -moz-text-size-adjust: none;
-  -webkit-text-size-adjust: none;
-  /* The prefixed declarations increase the support somewhat, and if the property is not supported it is ignored. */
-  /* stylelint-disable-next-line plugin/use-baseline */
-  text-size-adjust: none;
-  margin-block: 0;
-  margin-inline: 0;
-}
-.ams-button:disabled, .ams-button[aria-disabled=true] {
-  cursor: var(--ams-button-disabled-cursor);
-}
-
-.ams-button--primary {
-  background-color: var(--ams-button-primary-background-color);
-  border-color: var(--ams-button-primary-border-color);
-  color: var(--ams-button-primary-color);
-}
-.ams-button--primary:disabled,
-.ams-button--primary [aria-disabled=true] {
-  background-color: var(--ams-button-primary-disabled-background-color);
-  border-color: var(--ams-button-primary-disabled-border-color);
-}
-.ams-button--primary:hover:not(:disabled, [aria-disabled=true]) {
-  background-color: var(--ams-button-primary-hover-background-color);
-  border-color: var(--ams-button-primary-hover-border-color);
-}
-
-.ams-button--secondary {
-  background-color: var(--ams-button-secondary-background-color);
-  border-color: var(--ams-button-secondary-border-color);
-  color: var(--ams-button-secondary-color);
-}
-.ams-button--secondary:disabled,
-.ams-button--secondary [aria-disabled=true] {
-  border-color: var(--ams-button-secondary-disabled-border-color);
-  color: var(--ams-button-secondary-disabled-color);
-}
-.ams-button--secondary:hover:not(:disabled, [aria-disabled=true]) {
-  box-shadow: var(--ams-button-secondary-hover-box-shadow);
-  color: var(--ams-button-secondary-hover-color);
-}
-
-.ams-button--tertiary {
-  background-color: var(--ams-button-tertiary-background-color);
-  border-color: var(--ams-button-tertiary-border-color);
-  color: var(--ams-button-tertiary-color);
-}
-.ams-button--tertiary:disabled,
-.ams-button--tertiary [aria-disabled=true] {
-  color: var(--ams-button-tertiary-disabled-color);
-}
-.ams-button--tertiary:hover:not(:disabled, [aria-disabled=true]) {
-  border-color: var(--ams-button-tertiary-hover-border-color);
-  color: var(--ams-button-tertiary-hover-color);
-}
-
-.ams-button--icon-only {
-  padding-block: var(--ams-button-icon-only-padding-block);
-  padding-inline: var(--ams-button-icon-only-padding-inline);
-}
-
-/*# sourceMappingURL=button.css.map */
+.ams-button{--ams-icon-line-height: var(--ams-button-line-height);border-style:var(--ams-button-border-style);border-width:var(--ams-button-border-width);cursor:var(--ams-button-cursor);display:inline-flex;font-family:var(--ams-button-font-family);font-size:var(--ams-button-font-size);font-weight:var(--ams-button-font-weight);gap:var(--ams-button-gap);justify-content:center;line-height:var(--ams-button-line-height);outline-offset:var(--ams-button-outline-offset);padding-block:var(--ams-button-padding-block);padding-inline:var(--ams-button-padding-inline);touch-action:manipulation;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;margin-inline:0}.ams-button:disabled,.ams-button[aria-disabled=true]{cursor:var(--ams-button-disabled-cursor)}.ams-button--primary{background-color:var(--ams-button-primary-background-color);border-color:var(--ams-button-primary-border-color);color:var(--ams-button-primary-color)}.ams-button--primary:disabled,.ams-button--primary [aria-disabled=true]{background-color:var(--ams-button-primary-disabled-background-color);border-color:var(--ams-button-primary-disabled-border-color)}.ams-button--primary:hover:not(:disabled,[aria-disabled=true]){background-color:var(--ams-button-primary-hover-background-color);border-color:var(--ams-button-primary-hover-border-color)}.ams-button--secondary{background-color:var(--ams-button-secondary-background-color);border-color:var(--ams-button-secondary-border-color);color:var(--ams-button-secondary-color)}.ams-button--secondary:disabled,.ams-button--secondary [aria-disabled=true]{border-color:var(--ams-button-secondary-disabled-border-color);color:var(--ams-button-secondary-disabled-color)}.ams-button--secondary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--ams-button-secondary-hover-box-shadow);color:var(--ams-button-secondary-hover-color)}.ams-button--tertiary{background-color:var(--ams-button-tertiary-background-color);border-color:var(--ams-button-tertiary-border-color);color:var(--ams-button-tertiary-color)}.ams-button--tertiary:disabled,.ams-button--tertiary [aria-disabled=true]{color:var(--ams-button-tertiary-disabled-color)}.ams-button--tertiary:hover:not(:disabled,[aria-disabled=true]){border-color:var(--ams-button-tertiary-hover-border-color);color:var(--ams-button-tertiary-hover-color)}.ams-button--icon-only{padding-block:var(--ams-button-icon-only-padding-block);padding-inline:var(--ams-button-icon-only-padding-inline)}/*# sourceMappingURL=button.css.map */

package/dist/button/button.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/button/button.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AFUA;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AC1BA;AACA;EACA;AACA;EACA;EACA;ECDA;EACA;EACA;AAEA;AACA;EACA;EFPA;EACA;;AA4BA;EAEE;;;AAIJ;EACE;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;AAAA;EAEE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA","file":"button.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/button/button.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAeA,YAEE,sDAEA,4CACA,4CACA,gCACA,oBACA,0CACA,sCACA,0CACA,0BACA,uBACA,0CACA,gDACA,8CACA,gDACA,0BCxBA,kEAEA,aACA,yBCDA,kCACA,2BACA,8BAIA,sBFPA,eACA,gBA4BA,qDAEE,yCAIJ,qBACE,4DACA,oDACA,sCAEA,wEAEE,qEACA,6DAGF,+DACE,kEACA,0DAIJ,uBACE,8DACA,sDACA,wCAEA,4EAEE,+DACA,iDAGF,iEACE,wDACA,8CAIJ,sBACE,6DACA,qDACA,uCAEA,0EAEE,gDAGF,gEACE,2DACA,6CAIJ,uBACE,wDACA","file":"button.css"}

package/dist/field/field.css

@@ -1 +1 @@
-.ams-field{align-items:start;break-inside:avoid;display:flex;flex-direction:column;gap:var(--ams-field-gap)}.ams-field--invalid{border-inline-start:var(--ams-field-invalid-border-inline-start);padding-inline-start:var(--ams-field-invalid-padding-inline-start)}/*# sourceMappingURL=field.css.map */
+.ams-field{align-items:start;break-inside:avoid}.ams-field>:not(:last-child){margin-block-end:var(--ams-field-child-margin-block-end)}.ams-field>:has(+.ams-error-message){margin-block-end:var(--ams-field-child-before-error-message-margin-block-end)}.ams-field--invalid{border-inline-start:var(--ams-field-invalid-border-inline-start);padding-inline-start:var(--ams-field-invalid-padding-inline-start)}/*# sourceMappingURL=field.css.map */

package/dist/field/field.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/field/field.scss"],"names":[],"mappings":"AAKA,WACE,kBACA,mBACA,aACA,sBACA,yBAGF,oBACE,iEACA","file":"field.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/field/field.scss"],"names":[],"mappings":"AAKA,WACE,kBACA,mBAIF,6BACE,yDAMF,qCACE,8EAGF,oBACE,iEACA","file":"field.css"}

package/dist/field-set/field-set.css

@@ -1 +1 @@
-.ams-field-set{break-inside:avoid;border:none;margin-inline:0;padding-block:0;padding-inline:0}.ams-field-set--invalid{border-inline-start:var(--ams-field-set-invalid-border-inline-start);padding-inline-start:var(--ams-field-set-invalid-padding-inline-start)}.ams-field-set__legend{color:var(--ams-field-set-legend-color);font-family:var(--ams-field-set-legend-font-family);font-size:var(--ams-field-set-legend-font-size);font-weight:var(--ams-field-set-legend-font-weight);line-height:var(--ams-field-set-legend-line-height);margin-block-end:var(--ams-field-set-legend-margin-block-end);text-wrap:var(--ams-field-set-legend-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;float:left;inline-size:100%;padding-inline:0}.ams-field-set__legend+*{clear:both}.ams-field-set__heading{font-size:inherit;font-weight:inherit;margin-block:0}/*# sourceMappingURL=field-set.css.map */
+.ams-field-set{break-inside:avoid;border:none;margin-inline:0;padding-block:0;padding-inline:0}.ams-field-set>:not(:last-child){margin-block-end:var(--ams-field-set-child-margin-block-end)}.ams-field-set>:has(+.ams-error-message){margin-block-end:var(--ams-field-set-child-before-error-message-margin-block-end)}.ams-field-set>:has(+.ams-field),.ams-field-set>:has(+.ams-field-set){margin-block-end:var(--ams-field-set-child-before-field-or-field-set-margin-block-end)}.ams-field-set>:is(.ams-field,.ams-field-set):has(+:is(.ams-field,.ams-field-set)){margin-block-end:var(--ams-field-set-child-between-fields-and-field-sets-margin-block-end)}.ams-field-set--invalid{border-inline-start:var(--ams-field-set-invalid-border-inline-start);padding-inline-start:var(--ams-field-set-invalid-padding-inline-start)}.ams-field-set__legend{color:var(--ams-field-set-legend-color);font-family:var(--ams-field-set-legend-font-family);font-size:var(--ams-field-set-legend-font-size);font-weight:var(--ams-field-set-legend-font-weight);line-height:var(--ams-field-set-legend-line-height);text-wrap:var(--ams-field-set-legend-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;float:left;inline-size:100%;padding-inline:0}.ams-field-set__legend+*{clear:both}.ams-field-set__legend--in-fieldset{font-weight:var(--ams-field-set-legend-in-fieldset-font-weight)}.ams-field-set__heading{font-size:inherit;font-weight:inherit;margin-block:0}/*# sourceMappingURL=field-set.css.map */

package/dist/field-set/field-set.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/field-set/field-set.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAeA,eACE,mBAPA,YACA,gBACA,gBACA,iBASF,wBACE,qEACA,uEAcF,uBACE,wCACA,oDACA,gDACA,oDACA,oDACA,8DAOA,gDC1CA,kEAEA,aACA,yBCDA,kCACA,2BACA,8BAIA,sBFYA,WACA,iBACA,iBAEA,yBACE,WAwBJ,wBACE,kBACA,oBACA","file":"field-set.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/field-set/field-set.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAeA,eACE,mBAPA,YACA,gBACA,gBACA,iBAUF,iCACE,6DAMF,yCACE,kFAKF,sEAEE,uFAKF,mFACE,2FAGF,wBACE,qEACA,uEAcF,uBACE,wCACA,oDACA,gDACA,oDACA,oDAOA,gDClEA,kEAEA,aACA,yBCDA,kCACA,2BACA,8BAIA,sBFqCA,WACA,iBACA,iBAEA,yBACE,WAuBJ,oCACE,gEAGF,wBACE,kBACA,oBACA","file":"field-set.css"}

package/dist/hint/hint.css

@@ -1 +1 @@
-.ams-hint{display:inline-block;font-weight:var(--ams-hint-font-weight)}/*# sourceMappingURL=hint.css.map */
+.ams-hint{display:inline-block;font-weight:var(--ams-hint-font-weight)}.ams-hint--in-fieldset{color:var(--ams-hint-in-fieldset-color)}/*# sourceMappingURL=hint.css.map */

package/dist/hint/hint.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/hint/hint.scss"],"names":[],"mappings":"AAKA,UACE,qBACA","file":"hint.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/components/hint/hint.scss"],"names":[],"mappings":"AAKA,UACE,qBACA,wCAGF,uBACE","file":"hint.css"}