@aortl/admin-css 0.16.0 → 0.16.2

package/CHANGELOG.md

@@ -0,0 +1,54 @@
+All notable changes to `@aortl/admin-css` and `@aortl/admin-react` are documented here. The two packages share a version and release together; each entry is tagged `(css)`, `(react)`, or `(both)` to show which package a consumer needs to bump.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+## [0.16.2] - 2026-06-11
+
+- Add a changelog following the Keep a Changelog format.
+
+## [0.16.1] - 2026-06-03
+
+### Fixed
+
+- Break long unbreakable tokens instead of overflowing flex/grid tracks. (css)
+
+## [0.16.0] - 2026-06-03
+
+### Added
+
+- `Prose` component / `.prose` class for styling rendered markdown and HTML. (both)
+
+### Changed
+
+- Rename the default `Progress` and chart variant from `primary` to `info`. (both)
+
+### Fixed
+
+- Block activation and hotkeys on disabled `Menu` items. (both)
+- Style native vanilla checkbox and radio inputs to match the React components. (css)
+- Let the `Dialog` body scroll on tall content. (css)
+- Merge a consumer-supplied `Dialog` ref so open/close survives. (react)
+- Drop `overflow-auto` on `Card` so popovers and focus rings aren't clipped. (css)
+
+## [0.15.1] - 2026-06-02
+
+### Added
+
+- Sliding animation on `Tabs`. (both)
+
+## [0.15.0] - 2026-06-02
+
+### Changed
+
+- Make `primary` a high-contrast neutral and move blue to `info`. (both)
+- Use solid color fills for `Alert` and `Badge` status variants. (both)
+
+[Unreleased]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.16.2...HEAD
+[0.16.1]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.16.0...v0.16.1
+[0.16.0]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.15.1...v0.16.0
+[0.15.1]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.15.0...v0.15.1
+[0.15.0]: https://github.com/Digital-Udvikling/admin-design-system/releases/tag/v0.15.0
+
+[0.16.2]: https://github.com/Digital-Udvikling/admin-design-system/releases/tag/v0.16.2

package/dist/admin.css

@@ -464,10 +464,6 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .select-all {
-    -webkit-user-select: all;
-    user-select: all;
-  }
 }
 @font-face {
   font-family: "IBM Plex Sans";
@@ -631,6 +627,8 @@
       outline-color: var(--color-focus);
     }
     list-style: none;
+    overflow-wrap: break-word;
+    min-width: 0;
   }
   .accordion-summary::-webkit-details-marker {
     display: none;
@@ -661,6 +659,7 @@
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
     color: var(--color-text);
+    overflow-wrap: break-word;
   }
   .accordion-item::details-content {
     opacity: 0;
@@ -1132,6 +1131,7 @@
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
     color: var(--color-text-muted);
+    overflow-wrap: break-word;
   }
   .breadcrumbs > ol {
     margin: calc(var(--spacing) * 0);
@@ -1637,6 +1637,7 @@
     &:focus-visible {
       outline-color: var(--color-focus);
     }
+    overflow-wrap: break-word;
   }
   .link > :is(i, svg) {
     flex-shrink: 0;
@@ -2039,6 +2040,8 @@
     cursor: pointer;
     align-items: center;
     gap: calc(var(--spacing) * 2);
+    overflow-wrap: break-word;
+    min-width: 0;
   }
   label:has(> .checkbox:disabled), label:has(> .checkbox[data-disabled]) {
     cursor: not-allowed;
@@ -2148,6 +2151,8 @@
     cursor: pointer;
     align-items: center;
     gap: calc(var(--spacing) * 2);
+    overflow-wrap: break-word;
+    min-width: 0;
   }
   label:has(> .radio:disabled), label:has(> .radio[data-disabled]) {
     cursor: not-allowed;
@@ -2248,6 +2253,8 @@
     cursor: pointer;
     align-items: center;
     gap: calc(var(--spacing) * 3);
+    overflow-wrap: break-word;
+    min-width: 0;
   }
   label:has(> .switch:disabled), label:has(> .switch[data-disabled]) {
     cursor: not-allowed;
@@ -2423,6 +2430,8 @@
     outline-style: none;
     -webkit-user-select: none;
     user-select: none;
+    overflow-wrap: break-word;
+    min-width: 0;
   }
   .select-item[data-highlighted] {
     background-color: var(--color-surface-muted);
@@ -2468,6 +2477,8 @@
     color: var(--color-text);
     --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    overflow-wrap: break-word;
+    min-width: 0;
   }
   .card-body {
     display: flex;
@@ -2485,6 +2496,7 @@
     line-height: var(--leading-tight);
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
+    min-width: 0;
   }
   .card-header {
     display: flex;
@@ -2625,6 +2637,7 @@
     width: calc(100% - 2rem);
     max-width: 32rem;
     max-height: calc(100dvh - 2rem);
+    overflow-wrap: break-word;
     opacity: 1;
     transform: translateY(0) scale(1);
     transition: display 150ms allow-discrete, overlay 150ms allow-discrete, opacity 150ms ease-out, transform 150ms ease-out;
@@ -2671,6 +2684,7 @@
     line-height: var(--leading-tight);
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
+    min-width: 0;
   }
   .dialog-description {
     margin-top: calc(var(--spacing) * -2);
@@ -2754,6 +2768,7 @@
     display: flex;
     flex-direction: column;
     gap: calc(var(--spacing) * 1.5);
+    overflow-wrap: break-word;
   }
   .field-row {
     flex-direction: row;
@@ -3148,6 +3163,8 @@
     &:disabled {
       opacity: 50%;
     }
+    overflow-wrap: break-word;
+    min-width: 0;
   }
   .menu-item[aria-disabled="true"] {
     cursor: not-allowed;
@@ -3936,6 +3953,9 @@
     white-space: nowrap;
     color: var(--color-text-muted);
   }
+  .table :where(td), .table-cell {
+    overflow-wrap: break-word;
+  }
   .table > :last-child > tr:last-child :where(td), .table > :last-child > tr:last-child .table-cell {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 0px;
@@ -4141,6 +4161,7 @@
     --tw-leading: var(--leading-normal);
     line-height: var(--leading-normal);
     color: var(--color-text);
+    overflow-wrap: break-word;
   }
   .prose :where(p, ul, ol, blockquote, pre, table, figure) {
     margin-block: calc(var(--spacing) * 3);