fix(text-input-skeleton): fix body visibility

Author: maradwan26

packages/web-components/src/components/text-input/text-input-skeleton.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2019, 2024
+ * Copyright IBM Corp. 2019, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -27,8 +27,9 @@ class CDSTextInputSkeleton extends LitElement {
   render() {
     const { hideLabel } = this;
     return html`
-      ${!hideLabel &&
-      html` <span class="${prefix}--label ${prefix}--skeleton"></span> `}
+      ${hideLabel
+        ? ''
+        : html`<span class="${prefix}--label ${prefix}--skeleton"></span>`}
       <div class="${prefix}--text-input ${prefix}--skeleton"></div>
     `;
   }

packages/web-components/src/components/text-input/text-input.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2019, 2024
+// Copyright IBM Corp. 2019, 2025
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -15,13 +15,16 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/layout' as *;
 @use '@carbon/styles/scss/utilities/ai-gradient' as *;
 
-:host(#{$prefix}-text-input) {
+:host(#{$prefix}-text-input),
+:host(#{$prefix}-text-input-skeleton) {
   @include emit-layout-tokens();
 
   // the base text-input class has a 100% so we need to propagate it up to the host element
   inline-size: 100%;
   outline: none;
+}
 
+:host(#{$prefix}-text-input) {
   ::slotted(#{$prefix}-ai-label),
   ::slotted(#{$prefix}-slug) {
     position: absolute;