@rijkshuisstijl-community/components-css 17.0.0 → 17.1.0

package/src/message-list/_mixin.scss

@@ -1,89 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-@mixin rhc-message-list {
-  display: flex;
-  flex-direction: column;
-  list-style: none;
-  margin-block: 0;
-  padding-inline: 0;
-  &:last-child {
-    border-block-end-color: var(--rhc-message-list-item-border-color);
-    border-block-end-style: solid;
-    border-block-end-width: var(--rhc-message-list-item-border-width);
-  }
-}
-@mixin rhc-message-list__item {
-  background-color: var(--rhc-message-list-item-background-color);
-  border-block-start-color: var(--rhc-message-list-item-border-color);
-  border-block-start-style: solid;
-  border-block-start-width: var(--rhc-message-list-item-border-width);
-  color: var(--rhc-message-list-item-color);
-  column-gap: var(--rhc-message-list-item-column-gap);
-  display: flex;
-  min-block-size: var(--rhc-message-list-item-min-height);
-  padding-block: var(--rhc-message-list-item-padding-block);
-  padding-inline: var(--rhc-message-list-item-padding-inline);
-  position: relative;
-  text-decoration: none;
-  &:hover {
-    background-color: var(--rhc-message-list-item-hover-background-color, var(--rhc-color-grijs-50));
-  }
-
-  &:focus {
-    background-color: var(--rhc-message-list-item-focus-background-color, var(--rhc-color-lintblauw-50));
-    z-index: 999;
-  }
-
-  &:active {
-    background-color: var(--rhc-message-list-item-active-background-color, var(--rhc-color-grijs-100));
-  }
-}
-
-@mixin rhc-message-list__item-content {
-  align-items: center;
-  display: grid;
-  flex: 1;
-  grid-column-gap: var(--rhc-message-list-item-content-column-gap);
-  grid-row-gap: var(--rhc-message-list-item-content-row-gap);
-  grid-template-areas:
-    "label description meta icon"
-    "label description meta icon"
-    "label description meta icon";
-  grid-template-columns: 1fr 2fr auto auto;
-}
-@mixin rhc-message-list__item__label {
-  --nl-paragraph-font-weight: var(--rhc-message-list-item-label-font-weight);
-  --nl-paragraph-font-size: var(--rhc-message-list-item-label-font-size);
-  --nl-paragraph-line-height: var(--rhc-message-list-item-label-line-height);
-
-  align-items: center;
-  color: var(--rhc-message-list-item-heading-color);
-  column-gap: var(--rhc-space-md);
-  display: flex;
-  font-family: var(--rhc-message-list-item-label-font-family), sans-serif;
-  grid-area: label;
-  margin-block: 0;
-}
-@mixin rhc-message-list__item__description {
-  --nl-paragraph-color: var(--rhc-color-foreground-subtle, inherit);
-  --nl-paragraph-font-size: var(--rhc-message-list-item-content-font-size);
-
-  grid-area: description;
-  margin-block: 0;
-}
-@mixin rhc-message-list__item__meta-data {
-  --nl-paragraph-color: var(--rhc-color-foreground-subtle, inherit);
-  --nl-paragraph-font-size: var(--rhc-message-list-item-content-font-size);
-
-  grid-area: meta;
-  margin-block: 0;
-}
-@mixin rhc-navigation-list__item__end-icon {
-  --utrecht-icon-color: var(--rhc-color-foreground-lint, inherit);
-
-  grid-area: icon;
-  min-block-size: var(--rhc-message-list-item-icon-size);
-}

package/src/message-list/index.scss

@@ -1,41 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-@use "mixin";
-
-.rhc-message-list {
-  @include mixin.rhc-message-list;
-  &__item {
-    @include mixin.rhc-message-list__item;
-    &-content {
-      @include mixin.rhc-message-list__item-content;
-    }
-    &__label {
-      @include mixin.rhc-message-list__item__label;
-    }
-    &__description {
-      @include mixin.rhc-message-list__item__description;
-    }
-    &__meta-data {
-      @include mixin.rhc-message-list__item__meta-data;
-    }
-    &__end-icon {
-      @include mixin.rhc-navigation-list__item__end-icon;
-    }
-  }
-}
-.rhc-message-list__item-container {
-  container-name: message-list;
-  container-type: inline-size;
-}
-@container message-list (width <= 768px) {
-  .rhc-message-list__item-content {
-    grid-row-gap: var(--rhc-message-list-item-content-row-gap);
-    grid-template-areas:
-      "label label label icon"
-      "description description description icon"
-      "meta meta meta icon";
-  }
-}

package/src/navbar/index.scss

@@ -1,98 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-.rhc-nav-bar__container {
-  align-items: center;
-  background-color: var(--rhc-nav-bar-background-color);
-  border-block-end-color: var(--rhc-nav-bar-border-color);
-  border-block-end-style: solid;
-  border-block-end-width: var(--rhc-nav-bar-border-block-end-width);
-  display: flex;
-  inline-size: var(--rhc-nav-bar-container-inline-size);
-  justify-content: center;
-}
-
-.rhc-nav-bar {
-  align-items: center;
-  background-color: var(--rhc-nav-bar-background-color);
-  color: var(--rhc-nav-bar-color);
-  column-gap: var(--rhc-nav-bar-content-column-gap);
-  display: flex;
-  flex: 1;
-  font-family: var(--rhc-text-font-family-default, inherit);
-  justify-content: space-between;
-  max-inline-size: var(--rhc-nav-bar-max-inline-size);
-  row-gap: var(--rhc-nav-bar-content-row-gap);
-}
-
-.rhc-nav-bar__list {
-  background-color: var(--rhc-nav-bar-background-color);
-  display: flex;
-  list-style: none;
-  margin-block: 0;
-  margin-inline: 0;
-  padding-block: 0;
-  padding-inline: 0;
-}
-
-.rhc-nav-bar__list--end {
-  margin-inline-start: auto;
-}
-
-.rhc-nav-bar__heading {
-  font-weight: var(--rhc-nav-bar-heading-font-weight);
-}
-
-.rhc-nav-bar__link {
-  --nl-link-text-decoration-line: none;
-  --utrecht-link-visited-color: var(--rhc-nav-bar-color);
-  --nl-link-color: var(--rhc-nav-bar-color);
-
-  font-size: var(--rhc-nav-bar-link-font-size);
-  padding-block-end: var(--rhc-nav-bar-link-padding-block-end);
-  padding-block-start: var(--rhc-nav-bar-link-padding-block-start);
-  padding-inline-end: var(--rhc-nav-bar-link-padding-inline-end);
-  padding-inline-start: var(--rhc-nav-bar-link-padding-inline-start);
-  text-decoration: none;
-
-  &:active {
-    background-color: var(--rhc-nav-bar-link-active-background-color);
-    color: var(--rhc-nav-bar-link-active-color);
-  }
-
-  &:hover {
-    background-color: var(--rhc-nav-bar-link-hover-background-color);
-  }
-
-  &:focus {
-    background-color: var(--rhc-nav-bar-link-focus-background-color);
-    color: var(--rhc-nav-bar-link-focus-color);
-  }
-}
-
-.rhc-sub-nav-bar {
-  --utrecht-column-layout-gap: var(--rhc-sub-nav-bar-column-gap);
-  --utrecht-column-layout-column-width: var(--rhc-sub-nav-bar-column-width);
-
-  background-color: var(--rhc-sub-nav-bar-background-color);
-  inline-size: var(--rhc-sub-nav-bar-inline-size);
-  padding-block-end: calc(var(--rhc-sub-nav-bar-padding-block-end) - var(--rhc-sub-nav-bar-content-list-row-gap));
-  padding-block-start: var(--rhc-sub-nav-bar-padding-block-start);
-  text-align: center;
-}
-
-.rhc-sub-nav-bar__content {
-  margin-inline-end: auto;
-  margin-inline-start: auto;
-  max-inline-size: var(--rhc-sub-nav-bar-content-max-inline-size);
-  padding-inline-end: var(--rhc-sub-nav-bar-content-padding-inline-end);
-  padding-inline-start: var(--rhc-sub-nav-bar-content-padding-inline-start);
-}
-
-.rhc-sub-nav-bar__list {
-  break-inside: avoid;
-  margin-block-end: var(--rhc-sub-nav-bar-content-list-row-gap);
-  text-align: initial;
-}

package/src/navigation-list/_mixin.scss

@@ -1,97 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-@mixin rhc-navigation-list {
-  display: flex;
-  flex-direction: column;
-  list-style: none;
-  margin-block: 0;
-  padding-inline: 0;
-  &:last-child {
-    border-block-start-color: var(--rhc-navigation-list-item-border-color, var(--rhc-color-grijs-300));
-    border-block-start-style: solid;
-    border-block-start-width: var(--rhc-navigation-list-item-border-width, var(--rhc-border-width-default));
-  }
-}
-@mixin rhc-navigation-list__item {
-  align-items: center;
-  background-color: var(--rhc-navigation-list-item-background-color, var(--rhc-color-bg-document));
-  border-block-end-color: var(--rhc-navigation-list-item-border-color, var(--rhc-color-grijs-300));
-  border-block-end-style: solid;
-  border-block-end-width: var(--rhc-navigation-list-item-border-width, var(--rhc-border-width-default));
-  column-gap: var(--rhc-navigation-list-item-column-gap, var(--rhc-space-md));
-  display: flex;
-  min-block-size: var(--rhc-navigation-list-item-min-height, var(--rhc-size-pointer-target));
-  padding-block: var(--rhc-navigation-list-item-padding-block, var(--rhc-space-md));
-  padding-inline: var(--rhc-navigation-list-item-padding-inline, var(--rhc-space-xl));
-  position: relative;
-  text-decoration: none;
-  &:hover {
-    background-color: var(--rhc-navigation-list-item-hover-background-color, var(--rhc-color-grijs-50));
-  }
-
-  &:focus {
-    background-color: var(--rhc-navigation-list-item-focus-background-color, var(--rhc-color-lintblauw-50));
-    z-index: 999;
-  }
-
-  &:active {
-    background-color: var(--rhc-navigation-list-item-active-background-color, var(--rhc-color-grijs-100));
-  }
-}
-
-@mixin rhc-navigation-list__item__start-icon {
-  --utrecht-icon-color: var(--rhc-navigation-list-item-icon-start-color, var(--rhc-color-foreground-subtle));
-
-  background-color: var(--rhc-navigation-list-item-icon-start-background-color, var(--rhc-color-wit));
-  block-size: var(--rhc-navigation-list-item-icon-start-size);
-  border-radius: var(--rhc-navigation-list-item-icon-start-border-radius, var(--rhc-border-radius-circle));
-  grid-area: start-icon;
-  min-inline-size: var(--rhc-navigation-list-item-icon-start-size);
-  padding-block: var(--rhc-navigation-list-item-icon-start-padding-block);
-  padding-inline: var(--rhc-navigation-list-item-icon-start-padding-inline);
-}
-
-@mixin rhc-navigation-list__item-content {
-  align-items: center;
-  display: grid;
-  flex: 1;
-  grid-column-gap: var(--rhc-navigation-list-item-content-column-gap, var(--rhc-space-md));
-  grid-row-gap: var(--rhc-navigation-list-item-content-row-gap, var(--rhc-space-md));
-  grid-template-areas:
-    "label content content end-icon"
-    "label content content end-icon";
-  grid-template-columns: 1fr 1fr 1fr auto;
-}
-
-@mixin rhc-navigation-list__item__label {
-  --nl-paragraph-color: var(--rhc-navigation-list-item-label-color, var(--rhc-color-foreground-lint));
-  --nl-paragraph-font-family:
-    var(--rhc-navigation-list-item-label-font-family, var(--rhc-text-font-family-default)), sans-serif;
-  --nl-paragraph-font-size: var(--rhc-navigation-list-item-label-font-size);
-  --nl-paragraph-font-weight: var(--rhc-navigation-list-item-label-font-weight, var(--rhc-text-font-weight-bold));
-  --nl-paragraph-line-height: var(--rhc-navigation-list-item-label-line-height, var(--rhc-text-line-height-md));
-  --nl-paragraph-margin-block-end: 0;
-  --nl-paragraph-margin-block-start: 0;
-
-  grid-area: label;
-}
-@mixin rhc-navigation-list__item__description {
-  --nl-paragraph-color: var(--rhc-navigation-list-item-description-color, var(--rhc-color-foreground-subtle));
-  --nl-paragraph-font-size: var(--rhc-navigation-list-item-description-font-size);
-  --nl-paragraph-line-height: var(--rhc-navigation-list-item-description-line-height, inherit);
-  --nl-paragraph-margin-block-end: 0;
-  --nl-paragraph-margin-block-start: 0;
-
-  grid-area: content;
-}
-
-@mixin rhc-navigation-list__item__end-icon {
-  --utrecht-icon-color: var(--rhc-navigation-list-item-icon-end-color, var(--rhc-color-foreground-subtle));
-
-  align-self: center;
-  grid-area: end-icon;
-  justify-self: end;
-}

package/src/navigation-list/index.scss

@@ -1,44 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-@use "mixin";
-
-.rhc-navigation-list {
-  @include mixin.rhc-navigation-list;
-  &__item {
-    @include mixin.rhc-navigation-list__item;
-    &-content {
-      @include mixin.rhc-navigation-list__item-content;
-    }
-    &__label {
-      @include mixin.rhc-navigation-list__item__label;
-    }
-    &__description {
-      @include mixin.rhc-navigation-list__item__description;
-    }
-    &__start-icon {
-      @include mixin.rhc-navigation-list__item__start-icon;
-    }
-    &__end-icon {
-      @include mixin.rhc-navigation-list__item__end-icon;
-    }
-  }
-}
-.rhc-navigation-list--container-small {
-  container-type: inline-size;
-}
-@container (width <= 768px) {
-  .rhc-navigation-list__item-content {
-    grid-template-areas:
-      "label label label end-icon"
-      "content content content end-icon";
-  }
-  .rhc-navigation-list__item__start-icon {
-    align-self: start;
-  }
-  .rhc-navigation-list__item__description {
-    text-align: start;
-  }
-}

package/src/number-badge/index.scss

@@ -1,10 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-@use "@nl-design-system-candidate/number-badge-css/dist/number-badge.css";
-
-.rhc-number-badge.nl-number-badge {
-  box-sizing: content-box;
-}

package/src/ordered-list/_mixin.scss

@@ -1,6 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-// Nothing here yet

package/src/ordered-list/index.scss

@@ -1,7 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-// If needed to extend the Utrecht component add styles here.
-@use "mixin";

package/src/page-number-navigation/index.scss

@@ -1,7 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-@use "@amsterdam/design-system-css/dist/pagination/pagination.css";
-@use "@amsterdam/design-system-css/dist/visually-hidden/visually-hidden.css";

package/src/radio/index.scss

@@ -1,27 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-.rhc-radio.utrecht-radio-button {
-  --utrecht-radio-button-icon-size: calc(var(--utrecht-radio-button-dot-size) * 0.5);
-}
-
-.rhc-radio.utrecht-radio-button:disabled,
-.rhc-radio.utrecht-radio-button--disabled {
-  --utrecht-radio-button-checked-color: var(--utrecht-radio-button-disabled-color, inherit);
-}
-
-.rhc-radio.utrecht-radio-button:invalid,
-.rhc-radio.utrecht-radio-button--invalid {
-  --utrecht-radio-button-background-color: var(--utrecht-radio-button-invalid-background-color, inherit);
-  &:hover,
-  &:focus {
-    background-color: var(--utrecht-radio-button-background-color);
-  }
-}
-
-.rhc-radio.utrecht-radio-button:focus:focus,
-.rhc-radio.utrecht-radio-button--focus {
-  --utrecht-radio-button-checked-color: var(--utrecht-radio-button-checked-background-color, inherit);
-}

package/src/rounded-corner/_mixin.scss

@@ -1,20 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-@use "sass:map";
-
-$rhc-rounded-corner-positions: ("start-start", "start-end", "end-start", "end-end") !default;
-$rhc-rounded-corner-sizes: ("sm", "md", "lg") !default;
-
-@mixin rhc-rounded-corner {
-  overflow: var(--rhc-rounded-corner-overflow);
-}
-
-@mixin rhc-reset-border-radius {
-  border-end-end-radius: 0;
-  border-end-start-radius: 0;
-  border-start-end-radius: 0;
-  border-start-start-radius: 0;
-}

package/src/rounded-corner/index.scss

@@ -1,31 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-@use "mixin";
-
-.rhc-rounded-corner {
-  --_rhc-rounded-corner-border-radius: var(
-    --rhc-rounded-corner-border-radius,
-    var(--rhc-rounded-corner-md-border-radius)
-  );
-  @include mixin.rhc-rounded-corner;
-  @include mixin.rhc-reset-border-radius;
-
-  &.rhc-rounded-corner--size {
-    @each $size in mixin.$rhc-rounded-corner-sizes {
-      &-#{$size} {
-        --_rhc-rounded-corner-border-radius: var(--rhc-rounded-corner-#{$size}-border-radius);
-      }
-    }
-  }
-
-  &.rhc-rounded-corner--position {
-    @each $position in mixin.$rhc-rounded-corner-positions {
-      &-#{$position} {
-        border-#{$position}-radius: var(--_rhc-rounded-corner-border-radius);
-      }
-    }
-  }
-}

package/src/side-nav/index.scss

@@ -1,49 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-.rhc-side-nav {
-  display: var(--rhc-sidenav-display, flex);
-  flex-direction: column;
-  row-gap: var(--rhc-sidenav-row-gap);
-  &__heading {
-    display: none;
-  }
-  &__list {
-    list-style: none;
-    margin-block: 0;
-    padding-block: 0;
-    padding-inline: 0;
-  }
-  &__link {
-    align-items: center;
-    color: var(--rhc-sidenav-link-color);
-    column-gap: var(--rhc-sidenav-link-column-gap);
-    display: flex;
-    font-family: var(--rhc-sidenav-link-font-family), sans-serif;
-    font-size: var(--rhc-sidenav-link-font-size);
-    font-weight: var(--rhc-sidenav-link-font-weight);
-    line-height: var(--rhc-sidenav-link-line-height);
-    padding-block-end: var(--rhc-sidenav-link-padding-block-end);
-    padding-block-start: var(--rhc-sidenav-link-padding-block-start);
-    text-decoration: var(--rhc-sidenav-link-text-decoration);
-    &[aria-current="page"] {
-      color: var(--rhc-sidenav-link-current-color);
-      font-weight: var(--rhc-sidenav-link-current-font-weight);
-    }
-    &:active {
-      color: var(--rhc-sidenav-link-active-color);
-      text-decoration: var(--rhc-sidenav-link-active-text-decoration);
-    }
-    &:focus {
-      background-color: var(--rhc-sidenav-link-focus-background-color);
-      color: var(--rhc-sidenav-link-focus-color);
-      text-decoration: var(--rhc-sidenav-link-focus-text-decoration);
-    }
-    &:hover {
-      color: var(--rhc-sidenav-link-hover-color);
-      text-decoration: var(--rhc-sidenav-link-hover-text-decoration);
-    }
-  }
-}

package/src/skip-link/index.scss

@@ -1,6 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-@use "@nl-design-system-candidate/skip-link-css/dist/skip-link.css";

package/src/text-input/index.scss

@@ -1,11 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-.rhc-text-input.utrecht-textbox:focus {
-  border-width: var(--utrecht-textbox-focus-border-width, var(--rhc-border-width-md));
-}
-.rhc-text-input.utrecht-textbox--invalid:focus {
-  border-width: var(--utrecht-textbox-focus-border-width, var(--rhc-border-width-md));
-}

package/src/textarea/index.scss

@@ -1,13 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-.rhc-textarea.utrecht-textarea {
-  &:focus {
-    border-width: var(--rhc-textarea-focus-border-width, var(--rhc-border-width-md));
-  }
-  &--html-textarea:read-only {
-    --utrecht-textarea-read-only-border: var(--utrecht-textarea-read-only-background-color, --rhc-color-grijs-100);
-  }
-}

package/src/toggletip/_mixin.scss

@@ -1,59 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-@mixin rhc-toggletip {
-  background-color: transparent;
-  border-radius: var(--rhc-toggletip-border-radius);
-  display: inline-flex;
-  flex-direction: column;
-  size: var(--rhc-toggletip-size);
-}
-
-@mixin rhc-toggletip__summary {
-  cursor: pointer;
-  display: inline-flex;
-  margin-block-end: var(--rhc-toggletip-gap, var(--rhc-space-xl));
-  max-inline-size: var(--rhc-toggletip-size);
-  size: var(--rhc-toggletip-size);
-}
-
-@mixin rhc-toggletip__button {
-  background-color: var(--rhc-toggletip-background-color);
-  border-color: var(--rhc-toggletip-border-color);
-  border-radius: var(--rhc-toggletip-border-radius);
-  border-width: var(--rhc-toggletip-border-width);
-  color: var(--rhc-toggletip-color);
-  cursor: pointer;
-  display: inline-flex;
-  max-inline-size: var(--rhc-toggletip-size);
-  padding-block: 0;
-  padding-inline: 0;
-  size: var(--rhc-toggletip-size);
-}
-
-@mixin rhc-toggletip__button--no-pointer-events {
-  pointer-events: none;
-}
-
-@mixin rhc-toggletip__icon {
-  size: var(--rhc-toggletip-icon-size);
-}
-
-@mixin rhc-toggletip--active {
-  background-color: var(--rhc-toggletip-active-background-color);
-  border-color: var(--rhc-toggletip-active-border-color);
-  border-style: solid;
-  color: var(--rhc-toggletip-active-color);
-}
-
-@mixin rhc-toggletip--hover {
-  background-color: var(--rhc-toggletip-hover-background-color);
-  color: var(--rhc-toggletip-hover-color);
-}
-
-@mixin rhc-toggletip--focus {
-  background-color: var(--rhc-toggletip-focus-background-color);
-  color: var(--rhc-toggletip-focus-color);
-}

package/src/toggletip/index.scss

@@ -1,48 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-@use "mixin";
-
-.rhc-toggletip {
-  @include mixin.rhc-toggletip;
-}
-
-.rhc-toggletip__summary {
-  @include mixin.rhc-toggletip__summary;
-}
-
-.rhc-toggletip__button {
-  @include mixin.rhc-toggletip__button;
-}
-
-.rhc-toggletip__summary .rhc-toggletip__button {
-  // If button is not used standalone the summary should take precedence
-  @include mixin.rhc-toggletip__button--no-pointer-events;
-}
-
-.rhc-toggletip__button:focus {
-  @include mixin.rhc-toggletip--focus;
-}
-
-.rhc-toggletip__button:hover {
-  @include mixin.rhc-toggletip--hover;
-}
-
-.rhc-toggletip__summary:focus .rhc-toggletip__button {
-  @include mixin.rhc-toggletip--focus;
-}
-
-.rhc-toggletip__summary:hover .rhc-toggletip__button {
-  @include mixin.rhc-toggletip--hover;
-}
-
-.rhc-toggletip:active .rhc-toggletip__button,
-.rhc-toggletip[open] .rhc-toggletip__button {
-  @include mixin.rhc-toggletip--active;
-}
-
-.rhc-toggletip__icon {
-  @include mixin.rhc-toggletip__icon;
-}

package/src/unordered-list/_mixin.scss

@@ -1,8 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-@mixin rhc-unordered-list--nested {
-  margin-inline-start: var(--rhc-unordered-list-nested-margin-inline-start);
-}