@rijkshuisstijl-community/components-css 16.0.1 → 17.1.0

package/src/card-as-link/index.scss

@@ -1,126 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-@use "mixin";
-
-.rhc-card-as-link {
-  @include mixin.rhc-card-as-link;
-  .utrecht-img:not(img[width]) {
-    block-size: 100%;
-    inline-size: 100%;
-  }
-}
-
-.rhc-card-as-link__button {
-  @include mixin.rhc-card-as-link__button;
-}
-
-.rhc-card-as-link div:empty {
-  @include mixin.rhc-card-as-link__empty-element;
-}
-
-.rhc-card-as-link--default {
-  @include mixin.rhc-card-as-link--default;
-}
-
-.rhc-card-as-link--full-bleed {
-  @include mixin.rhc-card-as-link--full-bleed;
-}
-
-.rhc-card-as-link--horizontal {
-  @include mixin.rhc-card-as-link--horizontal;
-}
-
-.rhc-card-as-link__footer {
-  @include mixin.rhc-card-as-link__footer;
-}
-
-.rhc-card-as-link__image-container {
-  @include mixin.rhc-card-as-link__image-container;
-}
-
-.rhc-card-as-link__image {
-  @include mixin.rhc-card-as-link__image;
-}
-
-.rhc-card-as-link__heading {
-  @include mixin.rhc-card-as-link__heading;
-}
-
-.rhc-card-as-link__icon {
-  @include mixin.rhc-card-as-link__icon;
-}
-
-.rhc-card-as-link__metadata {
-  @include mixin.rhc-card-as-link__metadata;
-}
-
-.rhc-card-as-link__content {
-  @include mixin.rhc-card-as-link__content;
-}
-
-.rhc-card-as-link--horizontal .rhc-card-as-link__content {
-  @include mixin.rhc-card-as-link--horizontal__content;
-}
-
-.rhc-card-as-link--horizontal .rhc-card-as-link__heading {
-  @include mixin.rhc-card-as-link--horizontal__heading;
-}
-
-.rhc-card-as-link--horizontal .rhc-card-as-link__image {
-  @include mixin.rhc-card-as-link--horizontal__image;
-}
-
-.rhc-card-as-link--full-bleed .rhc-card-as-link__footer {
-  @include mixin.rhc-card-as-link--full-bleed__footer;
-}
-
-.rhc-card-as-link--full-bleed .rhc-card-as-link__image {
-  @include mixin.rhc-card-as-link--full-bleed__image;
-}
-
-.rhc-card-as-link__link {
-  @include mixin.rhc-card-as-link__link;
-}
-
-.rhc-card-as-link__anchor {
-  @include mixin.rhc-card-as-link__anchor;
-}
-
-.rhc-card-as-link:active {
-  @include mixin.rhc-card-as-link--active;
-}
-
-.rhc-card-as-link:active .rhc-card-as-link__heading {
-  @include mixin.rhc-card-as-link__heading--active;
-}
-
-.rhc-card-as-link:active .rhc-card-as-link__link {
-  @include mixin.rhc-card-as-link__link--active;
-}
-
-.rhc-card-as-link--default:focus {
-  @include mixin.rhc-card-as-link--default--focus;
-}
-
-.rhc-card-as-link:focus .rhc-card-as-link__heading {
-  @include mixin.rhc-card-as-link__heading--active;
-}
-
-.rhc-card-as-link:focus .rhc-card-as-link__link {
-  @include mixin.rhc-card-as-link__link--focus;
-}
-
-.rhc-card-as-link--default:hover {
-  @include mixin.rhc-card-as-link--default--hover;
-}
-
-.rhc-card-as-link:hover .rhc-card-as-link__heading {
-  @include mixin.rhc-card-as-link__heading--active;
-}
-
-.rhc-card-as-link:hover .rhc-card-as-link__link {
-  @include mixin.rhc-card-as-link__link--hover;
-}

package/src/checkbox/_mixin.scss

@@ -1,119 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-@mixin rhc-checkbox-label--checkbox {
-  display: flex;
-}
-
-@mixin rhc-checkbox-label--checkbox-label {
-  margin-block-start: var(--rhc-checkbox-label-margin-block-start);
-  order: 0;
-}
-
-@mixin rhc-checkbox--checked {
-  background-image: url('data:image/svg+xml,<svg width="5.5" height="7" viewBox="0 0 17 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.7071 0.292893C17.0976 0.683417 17.0976 1.31658 16.7071 1.70711L6.70711 11.7071C6.31658 12.0976 5.68342 12.0976 5.29289 11.7071L0.292893 6.70711C-0.0976311 6.31658 -0.0976311 5.68342 0.292893 5.29289C0.683417 4.90237 1.31658 4.90237 1.70711 5.29289L6 9.58579L15.2929 0.292893C15.6834 -0.0976311 16.3166 -0.0976311 16.7071 0.292893Z" fill="white"/></svg>');
-}
-
-@mixin rhc-checkbox--disabled {
-  background-color: var(--utrecht-checkbox-disabled-background-color);
-  border-color: var(--utrecht-checkbox-disabled-border-color);
-  cursor: var(--utrecht-action-disabled-cursor, revert);
-}
-
-@mixin rhc-checkbox--invalid {
-  background-color: var(--utrecht-checkbox-invalid-background-color);
-  border-color: var(--utrecht-checkbox-invalid-border-color);
-}
-
-@mixin rhc-checkbox--checked--active {
-  background-color: var(--utrecht-checkbox-checked-active-background-color);
-  border-color: var(--utrecht-checkbox-checked-active-border-color);
-}
-
-@mixin rhc-checkbox--checked--hover {
-  background-color: var(--utrecht-checkbox-checked-hover-background-color);
-  background-image: url('data:image/svg+xml,<svg width="5.5" height="7" viewBox="0 0 17 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.7071 0.292893C17.0976 0.683417 17.0976 1.31658 16.7071 1.70711L6.70711 11.7071C6.31658 12.0976 5.68342 12.0976 5.29289 11.7071L0.292893 6.70711C-0.0976311 6.31658 -0.0976311 5.68342 0.292893 5.29289C0.683417 4.90237 1.31658 4.90237 1.70711 5.29289L6 9.58579L15.2929 0.292893C15.6834 -0.0976311 16.3166 -0.0976311 16.7071 0.292893Z" fill="white"/></svg>');
-  border-color: var(--utrecht-checkbox-checked-hover-border-color);
-}
-@mixin rhc-checkbox--checked--disabled {
-  background-color: var(--utrecht-checkbox-disabled-background-color);
-  background-image: url('data:image/svg+xml,<svg width="5.5" height="7" viewBox="0 0 17 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.7071 0.292893C17.0976 0.683417 17.0976 1.31658 16.7071 1.70711L6.70711 11.7071C6.31658 12.0976 5.68342 12.0976 5.29289 11.7071L0.292893 6.70711C-0.0976311 6.31658 -0.0976311 5.68342 0.292893 5.29289C0.683417 4.90237 1.31658 4.90237 1.70711 5.29289L6 9.58579L15.2929 0.292893C15.6834 -0.0976311 16.3166 -0.0976311 16.7071 0.292893Z" fill="%23475569"/></svg>');
-}
-
-@mixin rhc-checkbox--indeterminate--active {
-  background-color: var(--utrecht-checkbox-indeterminate-active-background-color);
-  border-color: var(--utrecht-checkbox-indeterminate-active-border-color);
-}
-
-@mixin rhc-checkbox--indeterminate--hover {
-  background-color: var(--utrecht-checkbox-indeterminate-hover-background-color);
-  border-color: var(--utrecht-checkbox-indeterminate-hover-border-color);
-}
-
-@mixin rhc-checkbox--indeterminate--focus {
-  background-color: var(--utrecht-checkbox-indeterminate-focus-background-color);
-  background-image: url('data:image/svg+xml,<svg  width="16" height="4" viewBox="0 0 16 4"   fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="%23154273"/></svg>');
-  border-color: var(--utrecht-checkbox-indeterminate-focus-border-color);
-}
-
-@mixin rhc-checkbox--indeterminate--disabled {
-  background-color: var(--utrecht-checkbox-indeterminate-disabled-background-color);
-  background-image: url('data:image/svg+xml,<svg width="16" height="4" viewBox="0 0 16 4"  fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="%23154273"/></svg>');
-  border-color: var(--utrecht-checkbox-indeterminate-disabled-border-color);
-}
-
-@mixin rhc-custom-checkbox--html-input {
-  &:checked {
-    @include rhc-checkbox--checked;
-    &:active {
-      @include rhc-checkbox--checked--active;
-    }
-    &:hover {
-      @include rhc-checkbox--checked--hover;
-    }
-    &:disabled {
-      @include rhc-checkbox--checked--disabled;
-    }
-    &:focus {
-      background-color: var(--utrecht-checkbox-checked-focus-background-color);
-      background-image: url('data:image/svg+xml,<svg width="5.5" height="7" viewBox="0 0 17 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.7071 0.292893C17.0976 0.683417 17.0976 1.31658 16.7071 1.70711L6.70711 11.7071C6.31658 12.0976 5.68342 12.0976 5.29289 11.7071L0.292893 6.70711C-0.0976311 6.31658 -0.0976311 5.68342 0.292893 5.29289C0.683417 4.90237 1.31658 4.90237 1.70711 5.29289L6 9.58579L15.2929 0.292893C15.6834 -0.0976311 16.3166 -0.0976311 16.7071 0.292893Z" fill="%23154273"/></svg>');
-      border-color: var(--utrecht-checkbox-checked-focus-border-color);
-      border-width: var(--utrecht-checkbox-checked-focus-border-width);
-    }
-    &:focus-visible {
-      background-color: var(--utrecht-checkbox-checked-focus-background-color);
-      background-image: url('data:image/svg+xml,<svg width="5.5" height="7" viewBox="0 0 17 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.7071 0.292893C17.0976 0.683417 17.0976 1.31658 16.7071 1.70711L6.70711 11.7071C6.31658 12.0976 5.68342 12.0976 5.29289 11.7071L0.292893 6.70711C-0.0976311 6.31658 -0.0976311 5.68342 0.292893 5.29289C0.683417 4.90237 1.31658 4.90237 1.70711 5.29289L6 9.58579L15.2929 0.292893C15.6834 -0.0976311 16.3166 -0.0976311 16.7071 0.292893Z" fill="%23154273"/></svg>');
-      border-color: var(--utrecht-checkbox-checked-focus-border-color);
-      border-width: var(--utrecht-checkbox-checked-focus-border-width);
-    }
-  }
-  &:disabled:hover {
-    @include rhc-checkbox--disabled;
-  }
-}
-
-@mixin rhc-checkbox--indeterminate {
-  &:indeterminate,
-  &:checked:indeterminate {
-    background-image: url('data:image/svg+xml,<svg width="16" height="4" viewBox="0 0 16 4"  fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 1C0 0.447715 0.447715 0 1 0H15C15.5523 0 16 0.447715 16 1C16 1.55228 15.5523 2 15 2H1C0.447715 2 0 1.55228 0 1Z" fill="white"/></svg>');
-    background-position: center;
-    background-size: 16px 4px;
-  }
-  &:indeterminate {
-    &:active {
-      @include rhc-checkbox--indeterminate--active;
-    }
-    &:hover {
-      @include rhc-checkbox--indeterminate--hover;
-    }
-
-    &:focus {
-      @include rhc-checkbox--indeterminate--focus;
-    }
-    &:disabled {
-      @include rhc-checkbox--indeterminate--disabled;
-    }
-  }
-}

package/src/checkbox/index.scss

@@ -1,35 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-@use "mixin";
-
-.rhc-checkbox.utrecht-checkbox,
-.rhc-form-field-checkbox-option .utrecht-checkbox {
-  margin-block-start: var(--rhc-space-sm);
-  &--disabled {
-    @include mixin.rhc-checkbox--disabled;
-  }
-  &--invalid {
-    @include mixin.rhc-checkbox--invalid;
-  }
-}
-.rhc-form-field-checkbox-option .utrecht-form-label--checkbox {
-  @include mixin.rhc-checkbox-label--checkbox;
-}
-.rhc-form-field-checkbox-option .utrecht-form-label--checkbox .utrecht-checkbox--custom {
-  @include mixin.rhc-checkbox-label--checkbox-label;
-}
-.rhc-checkbox.utrecht-checkbox--custom.utrecht-checkbox--html-input,
-.rhc-checkbox.utrecht-custom-checkbox--html-input,
-.rhc-form-field-checkbox-option .utrecht-checkbox--custom.utrecht-checkbox--html-input {
-  @include mixin.rhc-custom-checkbox--html-input;
-}
-.rhc-checkbox.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,
-.rhc-form-field-checkbox-option .utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate {
-  @include mixin.rhc-checkbox--indeterminate;
-}
-.rhc-checkbox.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid="true"]:hover,
-.rhc-form-field-checkbox-option .utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid="true"]:hover {
-  @include mixin.rhc-checkbox--invalid;
-}

package/src/checkbox-group/index.scss

@@ -1,17 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-.rhc-checkbox-group {
-  display: flex;
-  flex-direction: column;
-  padding-block-end: var(--rhc-checkbox-group-padding-block-end);
-  padding-block-start: var(--rhc-checkbox-group-padding-block-start);
-  row-gap: var(--rhc-checkbox-group-row-gap);
-
-  .utrecht-checkbox {
-    align-self: baseline;
-    line-height: var(--rhc-text-line-height-md, inherit);
-  }
-}

package/src/code-input/index.scss

@@ -1,14 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-.rhc-code-input {
-  block-size: var(--rhc-code-input-size);
-  inline-size: var(--rhc-code-input-size);
-  text-align: center;
-
-  &--capitalized {
-    text-transform: uppercase;
-  }
-}

package/src/code-input-group/_mixin.scss

@@ -1,16 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-@mixin rhc-code-input-group {
-  column-gap: var(--rhc-code-input-group-column-gap);
-  display: flex;
-  flex-direction: row;
-}
-
-@mixin rhc-code-input {
-  block-size: var(--rhc-code-input-size);
-  inline-size: var(--rhc-code-input-size);
-  text-align: center;
-}

package/src/code-input-group/index.scss

@@ -1,14 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-@use "mixin";
-
-.rhc-code-input {
-  @include mixin.rhc-code-input;
-}
-
-.rhc-code-input-group {
-  @include mixin.rhc-code-input-group;
-}

package/src/data-badge-button/_mixin.scss

@@ -1,28 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-@use "@rijkshuisstijl-community/button-css/src/mixin" as button-mixin;
-@use "@utrecht/focus-ring-css/src/mixin" as utrecht-focus-mixin;
-
-@mixin rhc-data-badge-button {
-  align-items: center;
-  column-gap: var(--rhc-data-badge-button-column-gap);
-  cursor: pointer;
-  display: inline-flex;
-  position: relative;
-}
-
-@mixin rhc-data-badge-button--hover {
-  --utrecht-data-badge-background-color: var(--rhc-data-badge-button-hover-background-color);
-  --utrecht-data-badge-color: var(--rhc-data-badge-button-hover-color);
-}
-
-@mixin rhc-data-badge-button__sr-only {
-  @include button-mixin.invisible-but-accessible;
-}
-
-@mixin rhc-data-badge-button--focus-visible {
-  @include utrecht-focus-mixin.utrecht-focus-visible;
-}

package/src/data-badge-button/index.scss

@@ -1,23 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-@use "mixin";
-
-.rhc-data-badge-button {
-  @include mixin.rhc-data-badge-button;
-
-  &:hover {
-    @include mixin.rhc-data-badge-button--hover;
-  }
-}
-
-.rhc-data-badge-button .rhc-data-badge-button__sr-only {
-  @include mixin.rhc-data-badge-button__sr-only;
-}
-
-.rhc-data-badge-button:focus-visible,
-.rhc-data-badge-button--focus-visible {
-  @include mixin.rhc-data-badge-button--focus-visible;
-}

package/src/data-summary/_mixin.scss

@@ -1,127 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-@mixin rhc-data-summary {
-  font-family: var(--rhc-data-summary-font-family);
-  font-size: var(--rhc-data-summary-font-size);
-  line-height: var(--rhc-data-summary-line-height);
-}
-
-@mixin rhc-data-summary__item {
-  border-block-end-style: var(--rhc-data-summary-item-border-block-end-style);
-  border-color: var(--rhc-data-summary-item-border-color);
-  border-width: var(--rhc-data-summary-item-border-width);
-  color: var(--rhc-data-summary-item-color);
-  display: flex;
-}
-
-@mixin rhc-data-summary--column__item {
-  flex-direction: column;
-}
-
-@mixin rhc-data-summary--row__item {
-  @include rhc-data-summary--column__item;
-
-  @media (width > 768px) {
-    flex-direction: row;
-  }
-}
-
-@mixin rhc-data-summary__item-action {
-  padding-block-end: var(--_rhc-data-summary-item-action-padding-block-end);
-  padding-block-start: var(--_rhc-data-summary-item-action-padding-block-start);
-  padding-inline-end: var(--_rhc-data-summary-item-action-padding-inline-end);
-  padding-inline-start: var(--_rhc-data-summary-item-action-padding-inline-start);
-
-  @media (width > 768px) {
-    flex-basis: 20%;
-    flex-grow: 0;
-    flex-shrink: 0;
-  }
-}
-
-@mixin rhc-data-summary--column__item-action {
-  --_rhc-data-summary-item-action-padding-block-end: var(--rhc-data-summary-item-action-padding-block-end);
-  --_rhc-data-summary-item-action-padding-block-start: var(--rhc-data-summary-item-action-padding-block-start);
-  --_rhc-data-summary-item-action-padding-inline-end: var(--rhc-data-summary-item-action-padding-inline-end);
-  --_rhc-data-summary-item-action-padding-inline-start: var(--rhc-data-summary-item-action-padding-inline-start);
-
-  margin-inline-start: 0;
-}
-
-@mixin rhc-data-summary--row__item-action {
-  @include rhc-data-summary--column__item-action;
-
-  @media (width > 768px) {
-    --_rhc-data-summary-item-action-padding-block-end: var(--rhc-data-summary-item-action-row-padding-block-end);
-    --_rhc-data-summary-item-action-padding-block-start: var(--rhc-data-summary-item-action-row-padding-block-start);
-    --_rhc-data-summary-item-action-padding-inline-end: var(--rhc-data-summary-item-action-row-padding-inline-end);
-    --_rhc-data-summary-item-action-padding-inline-start: var(--rhc-data-summary-item-action-row-padding-inline-start);
-
-    margin-inline-start: auto;
-    text-align: end;
-  }
-}
-
-@mixin rhc-data-summary__item-key {
-  font-weight: var(--rhc-data-summary-item-key-font-weight);
-  padding-block-end: var(--_rhc-data-summary-item-key-padding-block-end);
-  padding-block-start: var(--_rhc-data-summary-item-key-padding-block-start);
-  padding-inline-end: var(--_rhc-data-summary-item-key-padding-inline-end);
-  padding-inline-start: var(--_rhc-data-summary-item-key-padding-inline-start);
-}
-
-@mixin rhc-data-summary--column__item-key {
-  --_rhc-data-summary-item-key-padding-block-end: var(--rhc-data-summary-item-key-padding-block-end);
-  --_rhc-data-summary-item-key-padding-block-start: var(--rhc-data-summary-item-key-padding-block-start);
-  --_rhc-data-summary-item-key-padding-inline-end: var(--rhc-data-summary-item-key-padding-inline-end);
-  --_rhc-data-summary-item-key-padding-inline-start: var(--rhc-data-summary-item-key-padding-inline-start);
-}
-
-@mixin rhc-data-summary--row__item-key {
-  @include rhc-data-summary--column__item-key;
-
-  @media (width > 768px) {
-    --_rhc-data-summary-item-key-padding-block-end: var(--rhc-data-summary-item-key-row-padding-block-end);
-    --_rhc-data-summary-item-key-padding-block-start: var(--rhc-data-summary-item-key-row-padding-block-start);
-    --_rhc-data-summary-item-key-padding-inline-end: var(--rhc-data-summary-item-key-row-padding-inline-end);
-    --_rhc-data-summary-item-key-padding-inline-start: var(--rhc-data-summary-item-key-row-padding-inline-start);
-
-    flex-basis: 20%;
-    flex-grow: 0;
-    flex-shrink: 0;
-  }
-}
-
-@mixin rhc-data-summary__item-value {
-  flex: 1;
-  font-weight: var(--rhc-data-summary-item-value-font-weight);
-  margin-inline-start: 0;
-  padding-block-end: var(--_rhc-data-summary-item-value-padding-block-end);
-  padding-block-start: var(--_rhc-data-summary-item-value-padding-block-start);
-  padding-inline-end: var(--_rhc-data-summary-item-value-padding-inline-end);
-  padding-inline-start: var(--_rhc-data-summary-item-value-padding-inline-start);
-}
-
-@mixin rhc-data-summary--column__item-value {
-  --_rhc-data-summary-item-value-padding-block-end: var(--rhc-data-summary-item-value-padding-block-end);
-  --_rhc-data-summary-item-value-padding-block-start: var(--rhc-data-summary-item-value-padding-block-start);
-  --_rhc-data-summary-item-value-padding-inline-end: var(--rhc-data-summary-item-value-padding-inline-end);
-  --_rhc-data-summary-item-value-padding-inline-start: var(--rhc-data-summary-item-value-padding-inline-start);
-}
-
-@mixin rhc-data-summary--row__item-value {
-  @include rhc-data-summary--column__item-value;
-
-  @media (width > 768px) {
-    --_rhc-data-summary-item-value-padding-block-end: var(--rhc-data-summary-item-value-row-padding-block-end);
-    --_rhc-data-summary-item-value-padding-block-start: var(--rhc-data-summary-item-value-row-padding-block-start);
-    --_rhc-data-summary-item-value-padding-inline-end: var(--rhc-data-summary-item-value-row-padding-inline-end);
-    --_rhc-data-summary-item-value-padding-inline-start: var(--rhc-data-summary-item-value-row-padding-inline-start);
-
-    flex-basis: 60%;
-    flex-grow: 0;
-  }
-}

package/src/data-summary/index.scss

@@ -1,58 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-@use "mixin";
-
-.rhc-data-summary {
-  @include mixin.rhc-data-summary;
-}
-
-.rhc-data-summary__item {
-  @include mixin.rhc-data-summary__item;
-}
-
-.rhc-data-summary--column .rhc-data-summary__item {
-  @include mixin.rhc-data-summary--column__item;
-}
-
-.rhc-data-summary--row .rhc-data-summary__item {
-  @include mixin.rhc-data-summary--row__item;
-}
-
-.rhc-data-summary__item-action {
-  @include mixin.rhc-data-summary__item-action;
-}
-
-.rhc-data-summary--column .rhc-data-summary__item-action {
-  @include mixin.rhc-data-summary--column__item-action;
-}
-
-.rhc-data-summary--row .rhc-data-summary__item-action {
-  @include mixin.rhc-data-summary--row__item-action;
-}
-
-.rhc-data-summary__item-key {
-  @include mixin.rhc-data-summary__item-key;
-}
-
-.rhc-data-summary--column .rhc-data-summary__item-key {
-  @include mixin.rhc-data-summary--column__item-key;
-}
-
-.rhc-data-summary--row .rhc-data-summary__item-key {
-  @include mixin.rhc-data-summary--row__item-key;
-}
-
-.rhc-data-summary__item-value {
-  @include mixin.rhc-data-summary__item-value;
-}
-
-.rhc-data-summary--column .rhc-data-summary__item-value {
-  @include mixin.rhc-data-summary--column__item-value;
-}
-
-.rhc-data-summary--row .rhc-data-summary__item-value {
-  @include mixin.rhc-data-summary--row__item-value;
-}

package/src/file/index.scss

@@ -1,43 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-.rhc-file {
-  border-color: var(--rhc-file-border-color);
-  border-radius: var(--rhc-file-border-radius);
-  border-style: var(--rhc-file-border-style);
-  display: flex;
-  flex-direction: column;
-  padding-block-end: var(--rhc-file-padding-block-end);
-  padding-block-start: var(--rhc-file-padding-block-start);
-  padding-inline-end: var(--rhc-file-padding-inline-end);
-  padding-inline-start: var(--rhc-file-padding-inline-start);
-}
-
-.rhc-file__name {
-  display: inline-block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.rhc-file__subtitle {
-  color: var(--rhc-file-subtitle-color);
-}
-
-.rhc-file__inner-container {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-}
-
-.rhc-file__inner-container__sub {
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-
-.rhc-file--error {
-  border-color: var(--rhc-file-error-border-color);
-}

package/src/file-input/index.scss

@@ -1,32 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2026 Community for NL Design System
- */
-
-.rhc-file-input {
-  display: flex;
-  flex-direction: column;
-  font-family: var(--rhc-text-font-family-default, inherit);
-  line-height: var(--rhc-text-line-height-md, inherit);
-  row-gap: var(--rhc-file-input-row-gap);
-}
-
-.rhc-file-input__button-feedback-container {
-  display: flex;
-}
-
-.rhc-file-input__feedback {
-  --nl-paragraph-font-size: var(--rhc-file-input-feedback-font-size);
-  --nl-paragraph-color: var(--rhc-file-input-feedback-color);
-
-  align-items: center;
-  display: flex;
-  padding-inline-end: var(--rhc-file-padding-inline-end);
-  padding-inline-start: var(--rhc-file-padding-inline-start);
-}
-
-.rhc-file-input__files-container {
-  display: flex;
-  flex-direction: column;
-  gap: var(--rhc-file-column-gap);
-}