@amsterdam/design-system-css 0.14.1 → 0.16.0

package/src/components/password-input/password-input.scss

@@ -8,7 +8,7 @@
 @mixin reset-input {
   -webkit-appearance: none; // Reset appearance for Safari < 15.4
   appearance: none; // Reset native appearance, this causes issues on iOS and Android devices
-  border: 0;
+  border: none;
   border-radius: 0; // Reset rounded borders on iOS devices
   margin-block: 0;
 }
@@ -45,7 +45,7 @@
   background-color: var(--ams-password-input-disabled-background-color);
   box-shadow: var(--ams-password-input-disabled-box-shadow);
   color: var(--ams-password-input-disabled-color);
-  cursor: not-allowed;
+  cursor: var(--ams-password-input-disabled-cursor);
 }
 
 .ams-password-input:invalid,
@@ -53,7 +53,6 @@
   box-shadow: var(--ams-password-input-invalid-box-shadow);
 
   &:hover {
-    // TODO: this should be the (currently non-existent) dark red hover color
     box-shadow: var(--ams-password-input-invalid-hover-box-shadow);
   }
 }

package/src/components/radio/radio.scss

@@ -5,6 +5,7 @@
 
 @use "../../common/input-label-focus" as *;
 @use "../../common/hide-input" as *;
+@use "../../common/hyphenation" as *;
 @use "../../common/text-rendering" as *;
 
 .ams-radio__input {
@@ -15,7 +16,7 @@
 // Default
 .ams-radio__label {
   color: var(--ams-radio-color);
-  cursor: pointer;
+  cursor: var(--ams-radio-cursor);
   display: inline-flex;
   font-family: var(--ams-radio-font-family);
   font-size: var(--ams-radio-font-size);
@@ -26,6 +27,7 @@
   text-decoration-thickness: var(--ams-radio-text-decoration-thickness);
   text-underline-offset: var(--ams-radio-text-underline-offset);
 
+  @include hyphenation;
   @include text-rendering;
 }
 
@@ -92,7 +94,7 @@
 // Disabled
 .ams-radio__input:disabled + .ams-radio__label {
   color: var(--ams-radio-disabled-color);
-  cursor: not-allowed;
+  cursor: var(--ams-radio-disabled-cursor);
 
   .ams-radio__circle {
     stroke: var(--ams-radio-circle-disabled-stroke);
@@ -130,17 +132,14 @@
 // Invalid hover
 .ams-radio__input[aria-invalid="true"] + .ams-radio__label:hover {
   .ams-radio__circle {
-    // TODO: this should be the (currently non-existent) dark red hover color
     stroke: var(--ams-radio-circle-invalid-hover-stroke);
   }
 
   .ams-radio__hover-indicator {
-    // TODO: this should be the (currently non-existent) dark red hover color
     stroke: var(--ams-radio-hover-indicator-invalid-hover-stroke);
   }
 
   .ams-radio__checked-indicator {
-    // TODO: this should be the (currently non-existent) dark red hover color
     fill: var(--ams-radio-checked-indicator-invalid-hover-fill);
   }
 }

package/src/components/row/row.scss

@@ -3,22 +3,22 @@
  * Copyright Gemeente Amsterdam
  */
 
-@use "../../common/size" as *;
-
 .ams-row {
   display: flex;
-  flex-direction: row;
-  gap: var(--ams-row-gap-md);
+  gap: var(--ams-row-gap-medium);
 }
 
-@each $size, $label in $ams-sizes {
-  @if $size != "md" {
-    .ams-row--gap-#{$label} {
-      gap: var(--ams-row-gap-#{$size});
-    }
+@each $size in ("x-small", "small", "large", "x-large") {
+  .ams-row--gap-#{$size} {
+    /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */
+    gap: var(--ams-row-gap-#{$size});
   }
 }
 
+.ams-row--gap-none {
+  gap: 0;
+}
+
 .ams-row--wrap {
   flex-wrap: wrap;
 }

package/src/components/search-field/search-field.scss

@@ -13,7 +13,7 @@
 @mixin reset-input {
   -webkit-appearance: none; // Reset appearance for Safari < 15.4
   appearance: none; // Reset native appearance, this causes issues on iOS and Android devices
-  border: 0;
+  border: none;
   border-radius: 0; // Reset rounded borders on iOS devices
   margin-block: 0;
 }
@@ -50,7 +50,6 @@
   box-shadow: var(--ams-search-field-input-invalid-box-shadow);
 
   &:hover {
-    // TODO: this should be the (currently non-existent) dark red hover color
     box-shadow: var(--ams-search-field-input-invalid-hover-box-shadow);
   }
 }
@@ -64,7 +63,7 @@
   appearance: none;
   background-image: var(--ams-search-field-input-cancel-button-background-image);
   block-size: var(--ams-search-field-input-cancel-button-block-size);
-  cursor: pointer;
+  cursor: var(--ams-search-field-input-cancel-button-cursor);
   inline-size: var(--ams-search-field-input-cancel-button-inline-size);
   margin-inline-start: 0.5rem;
 }

package/src/components/select/select.scss

@@ -5,7 +5,7 @@
 
 @mixin reset-select {
   appearance: none; // Reset native appearance to hide default chevron
-  border: 0;
+  border: none;
   border-radius: 0; // Reset rounded borders for Safari on MacOS
 }
 
@@ -45,7 +45,7 @@
 .ams-select:disabled {
   box-shadow: var(--ams-select-disabled-box-shadow);
   color: var(--ams-select-disabled-color);
-  cursor: not-allowed;
+  cursor: var(--ams-select-disabled-cursor);
 
   &:not([multiple]) {
     background-image: var(--ams-select-disabled-background-image);

package/src/components/skip-link/README.md

@@ -6,13 +6,13 @@ Allows skipping past recurring navigation blocks at the top of a page.
 
 ## Design
 
-The Skip Link sits above the header and is as wide as the Screen container.
+The Skip Link sits above the Page Header and is as wide as the Page container.
 It remains hidden until activated with the ‘Tab’ key.
-After appearing, it pushes the entire page down.
+After appearing, it pushes the rest of the page down.
 
 ## Guidelines
 
-- Place the Skip Link as the first element in the Screen.
+- Place the Skip Link as the first element in the [Page](/docs/components-containers-page--docs) container.
 - Target the Skip Link to the main content.
   On an article page, for example, it could be the title of the article.
   On a search page, it could be the search field.

package/src/components/spotlight/README.md

@@ -6,10 +6,12 @@ Emphasizes a section on a page through a distinctive background colour.
 
 ## Guidelines
 
-- Display the Spotlight at the entire width of the [Screen](/docs/components-layout-screen--docs); do not position it on the [Grid](/docs/components-layout-grid--docs).
+- Display the Spotlight at the entire width of the [Page](/docs/components-containers-page--docs) container; do not position it on the [Grid](/docs/components-layout-grid--docs).
 - Add a Grid with medium vertical padding inside the Spotlight to add whitespace around the content, even for a single element.
-- The default background is purple, but the colours can be chosen freely – they do not convey a meaning or theme in itself.
-- Refer to [this overview on Stijlweb](https://amsterdam.nl/stijlweb/basiselementen/kleuren/#PagCls_15671872) to determine whether you can use black or white text on the background colour of your choice.
+- Use any of the [highlight colours](/docs/brand-design-tokens-colour--docs) for the background.
+  The design system does not prescribe a meaning to any of these colours.
+  The default is purple.
+- Select [the correct colour](?path=/docs/brand-design-tokens-colour--docs#pairing-foreground-with-background-colours) for text and links against the background you choose.
 
 ## Relevant WCAG requirements
 

package/src/components/spotlight/spotlight.scss

@@ -7,22 +7,18 @@
   background-color: var(--ams-spotlight-background-color);
 }
 
-.ams-spotlight--blue {
-  background-color: var(--ams-spotlight-blue-background-color);
-}
-
-.ams-spotlight--dark-blue {
-  background-color: var(--ams-spotlight-dark-blue-background-color);
-}
-
-.ams-spotlight--dark-green {
-  background-color: var(--ams-spotlight-dark-green-background-color);
+.ams-spotlight--azure {
+  background-color: var(--ams-spotlight-azure-background-color);
 }
 
 .ams-spotlight--green {
   background-color: var(--ams-spotlight-green-background-color);
 }
 
+.ams-spotlight--lime {
+  background-color: var(--ams-spotlight-lime-background-color);
+}
+
 .ams-spotlight--magenta {
   background-color: var(--ams-spotlight-magenta-background-color);
 }

package/src/components/standalone-link/README.md

@@ -0,0 +1,11 @@
+<!-- @license CC0-1.0 -->
+
+# Standalone Link
+
+A navigation element that is seperated from the text around it.
+
+## Guidelines
+
+- Use a Standalone Link for links that need to stand out.
+- Use a regular [Link](/docs/components-navigation-link--docs) within sentences or paragraphs of text.
+- For additional guidelines, refer to the [Link](/docs/components-navigation-link--docs) component.

package/src/components/standalone-link/standalone-link.scss

@@ -0,0 +1,53 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
+
+@use "../../common/hyphenation" as *;
+@use "../../common/text-rendering" as *;
+
+.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);
+
+  @include hyphenation;
+  @include text-rendering;
+
+  &: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);
+
+  &:hover {
+    color: var(--ams-standalone-link-contrast-hover-color);
+  }
+}
+
+.ams-standalone-link--inverse {
+  color: var(--ams-standalone-link-inverse-color);
+
+  &: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);
+
+  &:hover {
+    text-decoration-line: var(--ams-standalone-link-with-icon-hover-text-decoration-line);
+  }
+}

package/src/components/switch/switch.scss

@@ -20,7 +20,7 @@
   border: var(--ams-switch-track-border-width) solid transparent;
   border-radius: calc(var(--ams-switch-thumb-inline-size) * 2);
   box-sizing: border-box;
-  cursor: pointer;
+  cursor: var(--ams-switch-cursor);
   display: inline-block;
   inline-size: var(--ams-switch-inline-size);
   outline-offset: var(--ams-switch-outline-offset);
@@ -49,7 +49,7 @@
 
 .ams-switch__input:disabled + .ams-switch__label {
   background-color: var(--ams-switch-disabled-background-color);
-  cursor: not-allowed;
+  cursor: var(--ams-switch-disabled-cursor);
 }
 
 .ams-switch__input:checked + .ams-switch__label::before {

package/src/components/table-of-contents/table-of-contents.scss

@@ -3,6 +3,7 @@
  * Copyright Gemeente Amsterdam
  */
 
+@use "../../common/hyphenation" as *;
 @use "../../common/text-rendering" as *;
 
 @mixin reset-ul {
@@ -27,6 +28,7 @@
   gap: var(--ams-table-of-contents-list-gap);
   list-style: none;
 
+  @include hyphenation;
   @include text-rendering;
   @include reset-ul;
 

package/src/components/tabs/README.md

@@ -10,7 +10,7 @@ Tabs are used to bundle related content in a compact overview within a page. Eac
 - The content within each tab should have a similar structure.
 - Use when there is limited visual space and content needs to be divided into sections.
 - Each tab consists of a button and a panel.
-  A `tab` prop with a corresponding value connects them.
+  The button has an `aria-controls` attribute that matches the `id` of the associated panel.
 
 You can navigate tabs with your keyboard:
 

package/src/components/tabs/tabs.scss

@@ -7,7 +7,7 @@
 
 @mixin reset-button {
   background-color: transparent;
-  border: 0;
+  border: none;
   margin-block: 0; // [1]
   margin-inline: 0; // [1]
 
@@ -29,6 +29,7 @@
   color: var(--ams-tabs-button-color);
   cursor: var(--ams-tabs-button-cursor);
   display: grid;
+  flex-shrink: 0;
   font-family: var(--ams-tabs-button-font-family);
   font-size: var(--ams-tabs-button-font-size);
   font-weight: var(--ams-tabs-button-font-weight);
@@ -48,14 +49,16 @@
     }
   }
 
+  &:hover:not([disabled]) {
+    color: var(--ams-tabs-button-hover-color);
+  }
+
   &:hover:not([aria-selected="true"], [disabled]) {
     box-shadow: var(--ams-tabs-button-hover-box-shadow);
-    color: var(--ams-tabs-button-hover-color);
   }
 
   &[aria-selected="true"] {
     box-shadow: var(--ams-tabs-button-selected-box-shadow);
-    color: var(--ams-tabs-button-selected-color);
     font-weight: var(--ams-tabs-button-selected-font-weight);
 
     @media (forced-colors: active) {

package/src/components/text-area/text-area.scss

@@ -8,7 +8,7 @@
 @mixin reset-textarea {
   -webkit-appearance: none; // Reset appearance for Safari < 15.4
   appearance: none; // Reset native appearance, this causes issues on iOS and Android devices
-  border: 0;
+  border: none;
   border-radius: 0; // Reset rounded borders on iOS devices
   margin-block: 0;
 }
@@ -55,7 +55,6 @@
   box-shadow: var(--ams-text-area-invalid-box-shadow);
 
   &:hover {
-    // TODO: this should be the (currently non-existent) dark red hover color
     box-shadow: var(--ams-text-area-invalid-hover-box-shadow);
   }
 }

package/src/components/text-input/text-input.scss

@@ -8,7 +8,7 @@
 @mixin reset-input {
   -webkit-appearance: none; // Reset appearance for Safari < 15.4
   appearance: none; // Reset native appearance, this causes issues on iOS and Android devices
-  border: 0;
+  border: none;
   border-radius: 0; // Reset rounded borders on iOS devices
   margin-block: 0;
 }
@@ -45,7 +45,7 @@
   background-color: var(--ams-text-input-disabled-background-color);
   box-shadow: var(--ams-text-input-disabled-box-shadow);
   color: var(--ams-text-input-disabled-color);
-  cursor: not-allowed;
+  cursor: var(--ams-text-input-disabled-cursor);
 }
 
 .ams-text-input:invalid,
@@ -53,7 +53,6 @@
   box-shadow: var(--ams-text-input-invalid-box-shadow);
 
   &:hover {
-    // TODO: this should be the (currently non-existent) dark red hover color
     box-shadow: var(--ams-text-input-invalid-hover-box-shadow);
   }
 }

package/src/components/time-input/time-input.scss

@@ -8,7 +8,7 @@
 @mixin reset-input {
   -webkit-appearance: none; // Reset appearance for Safari < 15.4
   appearance: none; // Reset native appearance, this causes issues on iOS and Android devices
-  border: 0;
+  border: none;
   border-radius: 0; // Reset rounded borders on iOS devices
   inline-size: auto; // Reset inline size of 10em set by Android devices
   margin-block: 0;
@@ -48,7 +48,7 @@
 .ams-time-input::-webkit-calendar-picker-indicator {
   appearance: none;
   background-image: var(--ams-time-input-calender-picker-indicator-background-image);
-  cursor: pointer;
+  cursor: var(--ams-time-input-calender-picker-indicator-cursor);
 }
 
 .ams-time-input:hover::-webkit-calendar-picker-indicator {
@@ -59,7 +59,7 @@
   background-color: var(--ams-time-input-disabled-background-color);
   box-shadow: var(--ams-time-input-disabled-box-shadow);
   color: var(--ams-time-input-disabled-color);
-  cursor: not-allowed;
+  cursor: var(--ams-time-input-disabled-cursor);
 }
 
 .ams-time-input:disabled::-webkit-calendar-picker-indicator {
@@ -72,7 +72,6 @@
   box-shadow: var(--ams-time-input-invalid-box-shadow);
 
   &:hover {
-    // TODO: this should be the (currently non-existent) dark red hover color
     box-shadow: var(--ams-time-input-invalid-hover-box-shadow);
   }
 }

package/src/components/unordered-list/unordered-list.scss

@@ -3,6 +3,7 @@
  * Copyright Gemeente Amsterdam
  */
 
+@use "../../common/hyphenation" as *;
 @use "../../common/text-rendering" as *;
 
 @mixin reset-ul {
@@ -16,6 +17,7 @@
   display: grid;
   gap: var(--ams-unordered-list-gap);
 
+  @include hyphenation;
   @include text-rendering;
   @include reset-ul;
 }
@@ -34,7 +36,7 @@
   }
 }
 
-.ams-unordered-list--inverse-color:not(.ams-unordered-list--no-markers) {
+.ams-unordered-list--inverse:not(.ams-unordered-list--no-markers) {
   color: var(--ams-unordered-list-inverse-color);
 }
 

package/src/components/visually-hidden/visually-hidden.scss

@@ -11,5 +11,6 @@
   inline-size: 1px;
   overflow: hidden;
   position: absolute;
+  user-select: none;
   white-space: nowrap;
 }

package/dist/footer/footer.css

@@ -1 +0,0 @@
-.ams-footer__top{background-color:var(--ams-footer-top-background-color)}/*# sourceMappingURL=footer.css.map */

package/dist/footer/footer.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/footer/footer.scss"],"names":[],"mappings":"AAKA,iBACE","file":"footer.css"}

package/dist/form-error-list/form-error-list.css

@@ -1 +0,0 @@
-.ams-form-error-list{outline-offset:var(--ams-form-error-list-outline-offset)}@supports(contain: paint) and (not (-moz-appearance: none)){.ams-form-error-list{outline-offset:calc(var(--ams-form-error-list-outline-offset)*2)}@supports(font: -apple-system-body){.ams-form-error-list{outline-offset:var(--ams-form-error-list-outline-offset)}}}/*# sourceMappingURL=form-error-list.css.map */

package/dist/form-error-list/form-error-list.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/form-error-list/form-error-list.scss"],"names":[],"mappings":"AAAA,qBACE,yDAIA,4DALF,qBAMI,iEAGA,oCATJ,qBAUM","file":"form-error-list.css"}

package/dist/header/header.css

@@ -1 +0,0 @@
-.ams-header{display:grid;padding-block:var(--ams-header-padding-block);padding-inline:var(--ams-header-padding-inline)}.ams-header__branding{align-items:center;align-self:start;column-gap:var(--ams-header-branding-column-gap);display:flex;grid-area:1/1}.ams-header__branding--hidden{opacity:0%;user-select:none}.ams-header__logo-link{outline-offset:var(--ams-header-logo-link-outline-offset)}.ams-heading.ams-header__brand-name{line-height:1.35}.ams-header__navigation{column-gap:var(--ams-header-navigation-column-gap);display:flex;flex-wrap:wrap;grid-area:1/1;pointer-events:none;row-gap:var(--ams-header-navigation-row-gap)}.ams-header__menu{align-items:center;column-gap:var(--ams-header-menu-column-gap);display:flex;flex-wrap:wrap;justify-content:flex-end;margin-inline-start:auto;pointer-events:auto;row-gap:var(--ams-header-menu-row-gap);list-style:none;margin-block:0;padding-inline-start:0}@media screen and not (min-width: 68rem){.ams-header__menu-item{display:none}}.ams-header__menu-item--fixed{display:revert}.ams-header__menu-link{display:inline-block;text-decoration-line:var(--ams-header-menu-link-text-decoration-line);text-decoration-thickness:var(--ams-header-menu-link-text-decoration-thickness);text-underline-offset:var(--ams-header-menu-link-text-underline-offset);color:var(--ams-header-menu-item-color);font-family:var(--ams-header-menu-item-font-family);font-size:var(--ams-header-menu-item-font-size);font-weight:var(--ams-header-menu-item-font-weight);line-height:var(--ams-header-menu-item-line-height);outline-offset:var(--ams-header-menu-item-outline-offset);padding-block:var(--ams-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-header__menu-link:hover{color:var(--ams-header-menu-item-hover-color)}.ams-header__menu-link:hover{text-decoration-line:var(--ams-header-menu-link-hover-text-decoration-line)}@media screen and (min-width: 68rem){.ams-header__mega-menu-button-item--hide-on-wide-window{display:none}}.ams-header__mega-menu-button{column-gap:var(--ams-header-menu-item-column-gap);cursor:pointer;display:grid;grid-auto-flow:column;color:var(--ams-header-menu-item-color);font-family:var(--ams-header-menu-item-font-family);font-size:var(--ams-header-menu-item-font-size);font-weight:var(--ams-header-menu-item-font-weight);line-height:var(--ams-header-menu-item-line-height);outline-offset:var(--ams-header-menu-item-outline-offset);padding-block:var(--ams-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:0;margin-block:0;margin-inline:0;padding-inline:0}.ams-header__mega-menu-button:hover{color:var(--ams-header-menu-item-hover-color)}.ams-header__mega-menu-button[aria-expanded=true]{font-weight:var(--ams-header-mega-menu-button-label-open-font-weight)}.ams-header__mega-menu-button-label,.ams-header__mega-menu-button-hidden-label{grid-area:1/1}.ams-header__mega-menu-button-hidden-label{font-weight:var(--ams-header-mega-menu-button-label-open-font-weight);pointer-events:none;user-select:none;visibility:hidden}.ams-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-header__menu-icon line{transition:none}}.ams-header__menu-icon .ams-header__menu-icon-top{translate:0 -7px}.ams-header__menu-icon .ams-header__menu-icon-bottom{translate:0 7px}.ams-header__menu-icon--open .ams-header__menu-icon-top{rotate:45deg;translate:0}.ams-header__menu-icon--open .ams-header__menu-icon-middle{opacity:0%}.ams-header__menu-icon--open .ams-header__menu-icon-bottom{rotate:-45deg;translate:0}.ams-header__mega-menu{inline-size:100%;pointer-events:auto}.ams-header__mega-menu .ams-grid{padding-inline:0}.ams-header__mega-menu--closed.ams-header__mega-menu--closed{display:none}@media screen and (min-width: 68rem){.ams-header__grid-cell-narrow-window-only{display:none}}/*# sourceMappingURL=header.css.map */

package/dist/header/header.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/header/header.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,YAME,aACA,8CACA,gDAGF,sBACE,mBACA,iBACA,iDACA,aACA,cAGF,8BACE,WACA,iBAGF,uBACE,0DAIF,oCACE,iBAGF,wBACE,mDACA,aACA,eACA,cAGA,oBACA,6CASF,kBACE,mBACA,6CACA,aACA,eACA,yBACA,yBACA,oBACA,uCAbA,gBACA,eACA,uBAkBA,yCADF,uBAEI,cAKJ,8BACE,eAqBF,uBACE,qBACA,sEACA,gFACA,wEArBA,wCACA,oDACA,gDACA,oDACA,oDACA,0DACA,wDACA,0BACA,mBClFA,kCACA,2BACA,8BACA,sBDmFA,6BACE,8CAYF,6BACE,4EAKF,qCADF,wDAEI,cAcJ,8BACE,kDACA,eACA,aACA,sBAlDA,wCACA,oDACA,gDACA,oDACA,oDACA,0DACA,wDACA,0BACA,mBClFA,kCACA,2BACA,8BACA,sBD4GA,gBACA,SACA,eACA,gBACA,iBA7BA,oCACE,8CA2CJ,kDACE,sEAGF,+EAEE,cAKF,2CACE,sEACA,oBACA,iBACA,kBAIA,4BACE,oBACA,iBACA,wBACA,WACE,yEAIF,+BATF,4BAUI,iBAIJ,kDACE,iBAGF,qDACE,gBAKF,wDACE,aACA,YAEF,2DACE,WAEF,2DACE,cACA,YAIJ,uBACE,iBACA,oBAIA,iCACE,iBAIJ,6DACE,aAIA,qCADF,0CAEI","file":"header.css"}

package/dist/mega-menu/mega-menu.css

@@ -1 +0,0 @@
-.ams-mega-menu__list-category{column-gap:var(--ams-mega-menu-list-category-column-gap);column-width:var(--ams-mega-menu-list-category-column-width);padding-block-start:var(--ams-mega-menu-list-category-padding-block-start)}.ams-mega-menu__list-category:not(:last-child){padding-block-end:var(--ams-mega-menu-list-category-padding-block-end)}/*# sourceMappingURL=mega-menu.css.map */

package/dist/mega-menu/mega-menu.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/mega-menu/mega-menu.scss"],"names":[],"mappings":"AAKA,8BACE,yDACA,6DAGA,2EAEA,+CACE","file":"mega-menu.css"}

package/dist/page-menu/page-menu.css

@@ -1 +0,0 @@
-.ams-page-menu{align-items:center;box-sizing:border-box;column-gap:var(--ams-page-menu-column-gap);display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;row-gap:var(--ams-page-menu-row-gap);margin-block:0;padding-inline:0}.ams-page-menu--align-end{justify-content:end}.ams-page-menu--no-wrap{flex-wrap:nowrap}.ams-page-menu__link{box-sizing:border-box;color:var(--ams-page-menu-item-color);display:inline-flex;flex-direction:row;font-family:var(--ams-page-menu-item-font-family);font-size:var(--ams-page-menu-item-font-size);font-weight:var(--ams-page-menu-item-font-weight);gap:var(--ams-page-menu-item-gap);line-height:var(--ams-page-menu-item-line-height);outline-offset:var(--ams-page-menu-item-outline-offset);text-align:center;text-decoration-line:var(--ams-page-menu-item-text-decoration-line);text-decoration-thickness:var(--ams-page-menu-item-text-decoration-thickness);text-underline-offset:var(--ams-page-menu-item-text-underline-offset);touch-action:manipulation;white-space:nowrap;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-page-menu__link:hover,.ams-page-menu__button:hover{color:var(--ams-page-menu-item-hover-color);text-decoration-line:var(--ams-page-menu-item-hover-text-decoration-line)}.ams-page-menu__link svg{color:currentColor}/*# sourceMappingURL=page-menu.css.map */

package/dist/page-menu/page-menu.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/page-menu/page-menu.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAYA,eACE,mBACA,sBACA,2CACA,aACA,mBACA,eACA,gBACA,qCAZA,eACA,iBAgBF,0BACE,oBAGF,wBACE,iBAqBF,qBACE,sBAlBA,sCACA,oBACA,mBACA,kDACA,8CACA,kDACA,kCACA,kDACA,wDACA,kBACA,oEACA,8EACA,sEACA,0BACA,mBCtCA,kCACA,2BACA,8BACA,sBD6CF,wDAEE,4CACA,0EAGF,yBACE","file":"page-menu.css"}

package/dist/screen/screen.css

@@ -1 +0,0 @@
-.ams-screen{background-color:var(--ams-screen-background-color);box-sizing:border-box;margin-inline:auto;position:relative}.ams-screen--full-height{min-block-size:100vh}.ams-screen--wide{max-inline-size:var(--ams-screen-wide-max-inline-size)}.ams-screen--x-wide{max-inline-size:var(--ams-screen-x-wide-max-inline-size)}/*# sourceMappingURL=screen.css.map */

package/dist/screen/screen.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/screen/screen.scss"],"names":[],"mappings":"AAKA,YACE,oDACA,sBACA,mBACA,kBAGF,yBACE,qBAGF,kBACE,uDAGF,oBACE","file":"screen.css"}

package/dist/top-task-link/top-task-link.css

@@ -1 +0,0 @@
-.ams-top-task-link{break-inside:avoid;display:flex;flex-direction:column;gap:var(--ams-top-task-link-gap);outline-offset:var(--ams-top-task-link-outline-offset);text-decoration:none}.ams-top-task-link__label{box-sizing:border-box;color:var(--ams-top-task-link-label-color);font-family:var(--ams-top-task-link-label-font-family);font-size:var(--ams-top-task-link-label-font-size);font-weight:var(--ams-top-task-link-label-font-weight);line-height:var(--ams-top-task-link-label-line-height);text-decoration-line:var(--ams-top-task-link-label-text-decoration-line);text-decoration-thickness:var(--ams-top-task-link-label-text-decoration-thickness);text-underline-offset:var(--ams-top-task-link-label-text-underline-offset);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-top-task-link:hover .ams-top-task-link__label{color:var(--ams-top-task-link-label-hover-color);text-decoration-line:var(--ams-top-task-link-label-hover-text-decoration-line)}.ams-top-task-link__description{box-sizing:border-box;color:var(--ams-top-task-link-description-color);font-family:var(--ams-top-task-link-description-font-family);font-size:var(--ams-top-task-link-description-font-size);font-weight:var(--ams-top-task-link-description-font-weight);line-height:var(--ams-top-task-link-description-line-height)}/*# sourceMappingURL=top-task-link.css.map */

package/dist/top-task-link/top-task-link.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../src/components/top-task-link/top-task-link.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,mBACE,mBACA,aACA,sBACA,iCACA,uDACA,qBAGF,0BACE,sBACA,2CACA,uDACA,mDACA,uDACA,uDACA,yEACA,mFACA,2ECpBA,mEACA,uCACA,mDCEA,kCACA,2BACA,8BACA,sBFmBF,mDACE,iDACA,+EAGF,gCACE,sBACA,iDACA,6DACA,yDACA,6DACA","file":"top-task-link.css"}

package/src/common/size.scss

@@ -1,14 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-
-/** The set of available widths for gaps and margins. */
-$ams-sizes: (
-  "no": "none",
-  "xs": "extra-small",
-  "sm": "small",
-  "md": "medium",
-  "lg": "large",
-  "xl": "extra-large",
-);

package/src/components/footer/footer.scss

@@ -1,8 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-
-.ams-footer__top {
-  background-color: var(--ams-footer-top-background-color);
-}