@db-ux/core-components 4.13.1-angular-signal-forms13-577b861 → 4.14.0-shell-52d18db

package/build/components/notification/notification.css

@@ -841,10 +841,17 @@
   }
 }
 .db-notification a:not([hidden]) {
-  display: inline-block;
+  display: inline-flex;
+}
+.db-notification a {
+  align-items: center;
+}
+.db-notification a:not([data-wrap=true]):not([hidden]) {
+  display: inline-flex;
 }
 .db-notification a:not([data-wrap=true]) {
-  block-size: var(--db-sizing-sm);
+  block-size: 1lh;
+  align-items: center;
 }
 
 .db-notification a[data-variant=brand], .db-notification a {
@@ -881,6 +888,9 @@
   opacity: var(--db-opacity-md);
   pointer-events: none;
 }
+.db-notification a::after {
+  text-decoration: none;
+}
 
 .db-notification {
   grid-template-areas: "content";

package/build/components/page/page.css

@@ -8,6 +8,14 @@
   }
 }
 
+/* stylelint-disable selector-max-id */
+body:has(.db-page),
+#root:has(.db-page),
+#app:has(.db-page) {
+  block-size: inherit;
+}
+
+/* stylelint-enable selector-max-id */
 @media screen {
   .db-page {
     opacity: 0;

package/build/components/page/page.scss

@@ -18,6 +18,14 @@
 	}
 }
 
+/* stylelint-disable selector-max-id */
+body:has(.db-page),
+#root:has(.db-page),
+#app:has(.db-page) {
+	block-size: inherit;
+}
+/* stylelint-enable selector-max-id */
+
 .db-page {
 	@media screen {
 		opacity: 0;

package/build/components/radio/radio.css

@@ -3,19 +3,14 @@
 /* Variants for adaptive components like input, select, notification, ... */
 .db-visually-hidden,
 [data-visually-hidden=true] {
-  clip: rect(0, 0, 0, 0) !important;
-  overflow: hidden !important;
-  white-space: nowrap !important;
-  font-size: 0 !important;
-  all: initial;
-  inset-block-start: 0 !important;
-  block-size: 1px !important;
   position: absolute !important;
+  inset-block-start: 0 !important;
   inline-size: 1px !important;
-  border-width: 0 !important;
-  border-style: initial !important;
-  border-color: initial !important;
-  border-image: initial !important;
+  block-size: 1px !important;
+  overflow: hidden !important;
+  clip: rect(0, 0, 0, 0) !important;
+  white-space: nowrap !important;
+  border: 0 !important;
   padding: 0 !important;
   pointer-events: none !important;
 }

package/build/components/select/select.css

@@ -3,19 +3,14 @@
 /* Variants for adaptive components like input, select, notification, ... */
 .db-select[data-hide-label=true] > label, .db-visually-hidden,
 [data-visually-hidden=true] {
-  clip: rect(0, 0, 0, 0) !important;
-  overflow: hidden !important;
-  white-space: nowrap !important;
-  font-size: 0 !important;
-  all: initial;
-  inset-block-start: 0 !important;
-  block-size: 1px !important;
   position: absolute !important;
+  inset-block-start: 0 !important;
   inline-size: 1px !important;
-  border-width: 0 !important;
-  border-style: initial !important;
-  border-color: initial !important;
-  border-image: initial !important;
+  block-size: 1px !important;
+  overflow: hidden !important;
+  clip: rect(0, 0, 0, 0) !important;
+  white-space: nowrap !important;
+  border: 0 !important;
   padding: 0 !important;
   pointer-events: none !important;
 }