@amsterdam/design-system-css 0.1.5 → 0.1.6

package/dist/buttons/button/button.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/buttons/button/button.scss","../../../node_modules/@utrecht/components/button/css/index.scss","../../../node_modules/@utrecht/components/common/focus/_mixin.scss","../../../node_modules/@utrecht/components/button/css/_mixin.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AA6BA;AC7BA;AAAA;AAAA;AAAA;AAAA;ADAA;AAAA;AAAA;AAAA;AAAA;AA6BA;ADpBA;AEAE;AAAA;AAAA;;AAAA;AAAA;AAAA;EAOA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUA;EACA;AAAA;AAAA;AAAA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EFzOF;IE0OI;IACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;AAEA;;;;AFlPJ;EEuPE;EACA;EACA;EACA;;;AFtPF;AACE;EEyPA;;;AFrPF;EEyPE;;;AFrPF;EEyRE;EACA;EACA;;;AFvRF;AAAA;EEqPE;EACA;EACA;EACA;;;AFnPF;AACE;AC5BA;AAAA;AAAA;AAAA;EAIA;AAAA;EAGA;EACA;EACA;EACA;EACA;;;ADqBF;EE6PE;EACA;EACA;EACA;;;AFxPA;AACE;AAAA;ACzCF;AAAA;AAAA;AAAA;EAIA;AAAA;EAGA;EACA;EACA;EACA;EACA;;;ADmCA;EE+OA;EACA;EACA;EACA;AARA;ADxRA;AAAA;AAAA;AAAA;EAIA;AAAA;EAGA;EACA;EACA;EACA;EACA;;;ADwCA;AACA;AACA;ACtCA;EACA;EACA;;;ADiDF;AAAA;EEkOE;EACA;EACA;EACA;;;AFhOF;AAAA;EE2ME;EACA;EACA;;;AA6BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;;;AAtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;;;AAtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;;;AAtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;;;AAtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;;;AAtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;;;AAtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;;;AAtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;;;AAtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;;;AC3WJ;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AJGA;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;;AAEA;AAAA;EAEE;;AAGF;EACE;;;AAQF;EACE;;;AAIJ;EACE;;;AAIA;EACE;;;AAIJ;EACE","file":"button.css"}

package/dist/card/card.css

@@ -0,0 +1,56 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+.amsterdam-card {
+  display: grid;
+  gap: 0.5rem;
+  outline-offset: var(--amsterdam-card-outline-offset);
+  position: relative;
+  touch-action: manipulation;
+  /* Set native outline on card if card has focus visible within */
+  /*
+    Remove link focus outline only if :has is supported,
+    which means the outline on the whole card is set
+  */
+  /*
+    This trick, together with position: relative on the outer wrapper, makes the whole card clickable.
+    Taken from https://inclusive-components.design/cards/
+  */
+}
+.amsterdam-card:has(:focus-visible) {
+  outline-color: -webkit-focus-ring-color;
+  outline-style: auto;
+  outline-width: 1px;
+}
+.amsterdam-card:has(:focus-visible) a:focus {
+  outline: none;
+}
+.amsterdam-card a::after {
+  bottom: 0;
+  content: "";
+  display: block;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+
+.amsterdam-card__heading-group {
+  display: flex;
+  flex-direction: column-reverse;
+  gap: 0.5rem;
+}
+
+.amsterdam-card__link {
+  color: var(--amsterdam-card-link-color);
+  text-decoration: none;
+  text-decoration-thickness: 2px;
+  text-underline-offset: 3px;
+}
+.amsterdam-card__link:hover {
+  color: var(--amsterdam-card-link-hover-color);
+  text-decoration: underline;
+}
+
+/*# sourceMappingURL=card.css.map */

package/dist/card/card.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../src/card/card.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;EACA;EACA;AAEA;AAOA;AAAA;AAAA;AAAA;AAQA;AAAA;AAAA;AAAA;;AAdA;EACE;EACA;EACA;;AAOF;EACE;;AAOF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA","file":"card.css"}

package/dist/containers/accordion/accordion.css

@@ -0,0 +1,69 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+/*
+  The breakpoint is 854px / 16 = 53.375rems
+  https://developer.mozilla.org/en-US/docs/Web/CSS/@media#accessibility_concerns
+*/
+.amsterdam-accordion__header {
+  display: flex;
+  margin-block: 0;
+  margin-inline: 0;
+}
+
+.amsterdam-accordion__button {
+  background-color: transparent;
+  border: 0;
+  color: var(--amsterdam-accordion-button-color);
+  cursor: pointer;
+  display: flex;
+  font-family: var(--amsterdam-accordion-button-font-family);
+  font-size: var(--amsterdam-accordion-button-narrow-font-size);
+  font-weight: var(--amsterdam-accordion-button-font-weight);
+  justify-content: space-between;
+  line-height: var(--amsterdam-accordion-button-line-height);
+  padding-block: 0.75rem;
+  padding-inline: 1rem;
+  width: 100%;
+}
+@media screen and (width > 53.375rem) {
+  .amsterdam-accordion__button {
+    font-size: var(--amsterdam-accordion-button-wide-font-size);
+  }
+}
+.amsterdam-accordion__button:focus {
+  outline-offset: var(--amsterdam-accordion-button-focus-outline-offset);
+}
+.amsterdam-accordion__button:hover {
+  box-shadow: var(--amsterdam-accordion-button-hover-box-shadow);
+}
+.amsterdam-accordion__button svg {
+  transform: rotate(0deg);
+  transition: transform 0.3s ease;
+}
+@media (prefers-reduced-motion) {
+  .amsterdam-accordion__button svg {
+    transition: none;
+  }
+}
+
+.amsterdam-accordion__button[aria-expanded=true] svg {
+  transform: rotate(180deg);
+}
+
+.amsterdam-accordion__panel {
+  display: none;
+  padding-block: 1rem;
+  padding-inline: 1rem;
+}
+
+.amsterdam-accordion__panel--expanded {
+  display: block;
+}
+
+/*# sourceMappingURL=accordion.css.map */

package/dist/containers/accordion/accordion.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/containers/accordion/accordion.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADEA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAfF;IAgBI;;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EAJF;IAKI;;;;AAKN;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE","file":"accordion.css"}

package/dist/containers/footer/footer.css

@@ -0,0 +1,35 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+/*
+  The breakpoint is 854px / 16 = 53.375rems
+  https://developer.mozilla.org/en-US/docs/Web/CSS/@media#accessibility_concerns
+*/
+.amsterdam-footer__top {
+  background-color: var(--amsterdam-footer-top-background-color);
+  padding-block: 2.5rem;
+  padding-inline: 2rem; /* TODO: For now I've set a padding here, this should eventually be handled by PageGrid */
+}
+
+@media screen and (width > 53.375rem) {
+  .amsterdam-footer__top {
+    grid-template-columns: repeat(var(--amsterdam-page-grid-column-count-wide), 1fr);
+  }
+}
+.amsterdam-footer__column {
+  display: flex;
+  flex-direction: column;
+  gap: 2.5rem;
+}
+
+.amsterdam-footer__bottom {
+  padding-block: 0.5rem;
+  padding-inline: 2rem; /* TODO: For now I've set a padding here, this should eventually be handled by PageGrid */
+}
+
+/*# sourceMappingURL=footer.css.map */

package/dist/containers/footer/footer.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/containers/footer/footer.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADEA;EACE;EACA;EACA;;;AAGF;EACE;IACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA","file":"footer.css"}

package/dist/containers/visually-hidden/visually-hidden.css

@@ -0,0 +1,18 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+.amsterdam-visually-hidden {
+  clip: rect(1px, 1px, 1px, 1px);
+  clip-path: inset(50%);
+  height: 1px;
+  margin-block: -1px;
+  margin-inline: -1px;
+  overflow: hidden;
+  padding-block: 0;
+  padding-inline: 0;
+  position: absolute;
+  width: 1px;
+}
+
+/*# sourceMappingURL=visually-hidden.css.map */

package/dist/containers/visually-hidden/visually-hidden.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/containers/visually-hidden/visually-hidden.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"visually-hidden.css"}

package/dist/forms/checkbox/checkbox.css

@@ -0,0 +1,170 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+/*
+  The breakpoint is 854px / 16 = 53.375rems
+  https://developer.mozilla.org/en-US/docs/Web/CSS/@media#accessibility_concerns
+*/
+.amsterdam-checkbox__input {
+  appearance: none;
+  margin-block: 0;
+  margin-inline: 0;
+  opacity: 0%; /* to hide native input field in older iOS */
+}
+.amsterdam-checkbox__input:focus-visible + label {
+  outline: auto;
+  outline-offset: var(--amsterdam-checkbox-outline-offset);
+}
+
+.amsterdam-checkbox__checkmark {
+  align-items: center;
+  display: flex;
+  flex-shrink: 0;
+  height: calc(var(--amsterdam-checkbox-checkmark-narrow-size) * var(--amsterdam-checkbox-checkmark-multiplier));
+  width: 1.5rem;
+}
+.amsterdam-checkbox__checkmark::after {
+  border-color: var(--amsterdam-checkbox-checkmark-border-color);
+  border-style: solid;
+  border-width: 2px;
+  box-sizing: border-box;
+  content: "";
+  height: 1.5rem;
+  width: 100%;
+}
+@media screen and (width > 53.375rem) {
+  .amsterdam-checkbox__checkmark {
+    height: calc(var(--amsterdam-checkbox-checkmark-wide-size) * var(--amsterdam-checkbox-checkmark-multiplier));
+  }
+}
+
+.amsterdam-checkbox__label {
+  color: var(--amsterdam-checkbox-color);
+  cursor: pointer;
+  display: inline-flex;
+  font-family: var(--amsterdam-checkbox-font-family);
+  font-size: var(--amsterdam-checkbox-narrow-font-size);
+  font-weight: 400;
+  gap: 0.5rem;
+  line-height: var(--amsterdam-checkbox-line-height);
+}
+.amsterdam-checkbox__label:hover {
+  color: var(--amsterdam-checkbox-hover-color);
+  text-decoration: underline;
+  text-decoration-thickness: 2px;
+  text-underline-offset: 3px;
+}
+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after {
+  border-color: var(--amsterdam-checkbox-checkmark-hover-border-color);
+  border-width: 3px;
+}
+@media screen and (width > 53.375rem) {
+  .amsterdam-checkbox__label {
+    font-size: var(--amsterdam-checkbox-wide-font-size);
+  }
+}
+
+.amsterdam-checkbox__input:checked + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after {
+  background-color: var(--amsterdam-checkbox-checkmark-checked-background-color);
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22%23ffffff%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12.216%2027.016%200%2014.168l2.91-2.77%209.346%209.837L29.129%204%2032%206.8z%22%2F%3E%3C%2Fsvg%3E");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 1rem;
+  border: none;
+}
+
+.amsterdam-checkbox__input:indeterminate + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after {
+  background-color: var(--amsterdam-checkbox-checkmark-indeterminate-background-color);
+  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0id2hpdGUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMTMuNzE0aDMydjRIMHoiLz48L3N2Zz4=");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 1rem;
+  border: none;
+}
+
+.amsterdam-checkbox__input:invalid + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,
+.amsterdam-checkbox__input[aria-invalid=true] + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after {
+  border-color: var(--amsterdam-checkbox-checkmark-invalid-border-color);
+}
+
+.amsterdam-checkbox__input:disabled + .amsterdam-checkbox__label {
+  color: var(--amsterdam-checkbox-disabled-color);
+  cursor: not-allowed;
+}
+.amsterdam-checkbox__input:disabled + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after {
+  border-color: var(--amsterdam-checkbox-checkmark-disabled-border-color);
+  border-width: 2px;
+}
+
+.amsterdam-checkbox__input:invalid:checked + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,
+.amsterdam-checkbox__input[aria-invalid=true]:checked + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after {
+  background-color: var(--amsterdam-checkbox-checkmark-invalid-checked-background-color);
+}
+
+.amsterdam-checkbox__input:invalid:indeterminate + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,
+.amsterdam-checkbox__input[aria-invalid=true]:indeterminate + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after {
+  background-color: var(--amsterdam-checkbox-checkmark-invalid-indeterminate-background-color);
+}
+
+.amsterdam-checkbox__input:disabled + .amsterdam-checkbox__label:hover {
+  text-decoration: none;
+}
+
+.amsterdam-checkbox__input:disabled:checked + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after {
+  background-color: var(--amsterdam-checkbox-checkmark-disabled-checked-background-color);
+}
+
+.amsterdam-checkbox__input:disabled:indeterminate + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after {
+  background-color: var(--amsterdam-checkbox-checkmark-disabled-indeterminate-background-color);
+}
+
+.amsterdam-checkbox__input:invalid:disabled + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,
+.amsterdam-checkbox__input[aria-invalid=true]:disabled + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after {
+  border-color: var(--amsterdam-checkbox-checkmark-disabled-border-color);
+}
+
+:is(.amsterdam-checkbox__input:invalid, .amsterdam-checkbox__input[aria-invalid=true]) + .amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after {
+  border-color: var(--amsterdam-checkbox-checkmark-invalid-hover-border-color);
+}
+
+.amsterdam-checkbox__input:checked + .amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after {
+  background-color: var(--amsterdam-checkbox-checkmark-checked-hover-background-color);
+}
+
+.amsterdam-checkbox__input:indeterminate + .amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after {
+  background-color: var(--amsterdam-checkbox-checkmark-indeterminate-hover-background-color);
+}
+
+:is(.amsterdam-checkbox__input:invalid:checked, .amsterdam-checkbox__input[aria-invalid=true]:checked) + .amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after {
+  background-color: var(--amsterdam-checkbox-checkmark-invalid-checked-hover-background-color);
+}
+
+:is(.amsterdam-checkbox__input:invalid:indeterminate, .amsterdam-checkbox__input[aria-invalid=true]:indeterminate) + .amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after {
+  background-color: var(--amsterdam-checkbox-checkmark-invalid-indeterminate-hover-background-color);
+}
+
+.amsterdam-checkbox__input:disabled:checked + .amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after {
+  background-color: var(--amsterdam-checkbox-checkmark-disabled-checked-hover-background-color);
+}
+
+.amsterdam-checkbox__input:disabled:indeterminate + .amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after {
+  background-color: var(--amsterdam-checkbox-checkmark-disabled-indeterminate-hover-background-color);
+}
+
+:is(.amsterdam-checkbox__input:invalid:disabled, .amsterdam-checkbox__input[aria-invalid=true]:disabled) + .amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after {
+  border-color: var(--amsterdam-checkbox-checkmark-disabled-border-color);
+}
+
+.amsterdam-checkbox__input:invalid:disabled:checked + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,
+.amsterdam-checkbox__input:invalid:disabled:indeterminate + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,
+.amsterdam-checkbox__input[aria-invalid=true]:disabled:checked + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,
+.amsterdam-checkbox__input[aria-invalid=true]:disabled:indeterminate + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after {
+  background-color: var(--amsterdam-checkbox-checkmark-disabled-checked-background-color);
+}
+
+/*# sourceMappingURL=checkbox.css.map */

package/dist/forms/checkbox/checkbox.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/forms/checkbox/checkbox.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAjBF;IAkBI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EAtBF;IAuBI;;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAOF;AAAA;EACE;;;AAMF;EACE;EACA;;AAEA;EACE;EACA;;;AAQJ;AAAA;EACE;;;AAOF;AAAA;EACE;;;AAKJ;EACE;;;AAKA;EACE;;;AAMF;EACE;;;AAOF;AAAA;EAEE;;;AAOJ;EAIE;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EAIE;;;AAIF;EAIE;;;AAIF;EACE;;;AAIF;EAGE;;;AAIF;EAIE;;;AAUA;AAAA;AAAA;AAAA;EAEE","file":"checkbox.css"}

package/dist/forms/form-label/form-label.css

@@ -0,0 +1,26 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+/*
+  The breakpoint is 854px / 16 = 53.375rems
+  https://developer.mozilla.org/en-US/docs/Web/CSS/@media#accessibility_concerns
+*/
+.amsterdam-form-label {
+  color: var(--amsterdam-form-label-color);
+  font-family: var(--amsterdam-form-label-font-family);
+  font-size: var(--amsterdam-form-label-narrow-font-size);
+  font-weight: var(--amsterdam-form-label-font-weight);
+  line-height: var(--amsterdam-form-label-line-height);
+}
+@media screen and (width > 53.375rem) {
+  .amsterdam-form-label {
+    font-size: var(--amsterdam-form-label-wide-font-size);
+  }
+}
+
+/*# sourceMappingURL=form-label.css.map */

package/dist/forms/form-label/form-label.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/forms/form-label/form-label.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI","file":"form-label.css"}

package/dist/hero/hero.css

@@ -0,0 +1 @@
+.amsterdam-hero{color:var(--amsterdam-hero-color);font-family:var(--amsterdam-hero-font-family);font-size:var(--amsterdam-hero-narrow-font-size);font-weight:var(--amsterdam-hero-font-weight);line-height:var(--amsterdam-hero-line-height);box-sizing:border-box;break-after:avoid;break-inside:avoid;margin-block:0;margin-inline:0}@media screen and (width > 53.375rem){.amsterdam-hero{font-size:var(--amsterdam-hero-wide-font-size)}}.amsterdam-hero--inverse-color{color:var(--amsterdam-hero-inverse-color)}/*# sourceMappingURL=hero.css.map */

package/dist/hero/hero.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../src/hero/hero.scss"],"names":[],"mappings":"AAeA,gBACE,kCACA,8CACA,iDACA,8CACA,8CAZA,sBACA,kBACA,mBACA,eACA,gBAUA,sCAPF,gBAQI,gDAMJ,+BACE","file":"hero.css"}