@db-ux/core-components 2.1.1 → 2.1.2

package/build/components/textarea/textarea.css

@@ -4,6 +4,7 @@
 paddings/gaps in an application e.g. the <main> should have a responsive padding. */
 /* Elevation */
 /* Border */
+/* Opacity */
 /* Transitions */
 .db-textarea[data-hide-label=true] > label, .db-visually-hidden,
 [data-visually-hidden=true] {
@@ -372,7 +373,7 @@ input[type=radio]:checked) > label {
   --db-label-visible-above: 0;
 }
 .db-textarea[data-variant=floating] > label {
-  opacity: 0.75;
+  opacity: var(--db-opacity-xl);
   position: absolute;
   z-index: 2;
   inset-block-start: calc((var(--db-sizing-md) - var(--db-icon-font-size)) / 2);
@@ -411,7 +412,7 @@ textarea:is(input, textarea):not(:placeholder-shown),
 > select option:checked:not([hidden]),
 input[type=checkbox]:checked,
 input[type=radio]:checked) [id$=-placeholder] {
-  opacity: 0.75;
+  opacity: var(--db-opacity-xl);
   font-family: var(--db-font-family-sans);
   font-style: italic;
 }
@@ -623,7 +624,7 @@ input[type=radio]:checked) [id$=-placeholder] {
 }
 .db-textarea textarea::placeholder,
 .db-textarea [id$=-placeholder] {
-  opacity: 0.75;
+  opacity: var(--db-opacity-xl);
   font-family: var(--db-font-family-sans);
   font-style: italic;
 }
@@ -669,7 +670,7 @@ input[type=radio]:checked) [id$=-placeholder] {
 .db-textarea:has(textarea:disabled,
 textarea[data-disabled=true],
 textarea[aria-disabled=true]) {
-  opacity: 0.4;
+  opacity: var(--db-opacity-md);
   pointer-events: none;
 }
 .db-textarea::after, .db-textarea::before {

package/build/components/tooltip/tooltip.css

@@ -4,6 +4,7 @@
 paddings/gaps in an application e.g. the <main> should have a responsive padding. */
 /* Elevation */
 /* Border */
+/* Opacity */
 /* Transitions */
 /* Variants for adaptive components like input, select, notification, ... */
 @layer variables {}