@ni/nimble-components 33.3.0 → 33.4.0

package/dist/all-components-bundle.js

@@ -74573,6 +74573,10 @@ focus outline in that case.
         color: ${bodyDisabledFontColor};
     }
 
+    :host([disabled][appearance-readonly]) {
+        color: ${bodyFontColor};
+    }
+
     .label {
         display: block;
         color: ${controlLabelFontColor};
@@ -74583,6 +74587,10 @@ focus outline in that case.
         color: ${controlLabelDisabledFontColor};
     }
 
+    :host([disabled][appearance-readonly]) .label {
+        color: ${controlLabelFontColor};
+    }
+
     .container {
         display: flex;
         justify-content: center;
@@ -74659,6 +74667,10 @@ focus outline in that case.
         border-color: rgba(${borderRgbPartialColor}, 0.1);
     }
 
+    :host([disabled][appearance-readonly]) .control {
+        cursor: text;
+    }
+
     :host([error-visible]) .control {
         border-bottom-color: ${failColor};
     }
@@ -74671,10 +74683,14 @@ focus outline in that case.
         color: ${controlLabelFontColor};
     }
 
-    .control[disabled]::placeholder {
+    :host([disabled]) .control::placeholder {
         color: ${controlLabelDisabledFontColor};
     }
 
+    :host([disabled][appearance-readonly]) .control::placeholder {
+        color: ${controlLabelFontColor};
+    }
+
     :host([resize='both']) .control {
         resize: both;
     }
@@ -74714,6 +74730,11 @@ focus outline in that case.
                 background-color: rgba(${borderRgbPartialColor}, 0.1);
             }
 
+            :host([disabled][appearance-readonly]) .control {
+                border-color: rgba(${borderRgbPartialColor}, 0.1);
+                background-color: transparent;
+            }
+
             :host([error-visible][disabled]) .control {
                 border-bottom-color: ${failColor};
             }
@@ -74796,6 +74817,7 @@ focus outline in that case.
            * HTML Attribute: appearance
            */
           this.appearance = TextAreaAppearance.outline;
+          this.appearanceReadOnly = false;
           /**
            * The width of the vertical scrollbar, if displayed.
            * @internal
@@ -74866,6 +74888,9 @@ focus outline in that case.
   __decorate([
       attr
   ], TextArea.prototype, "appearance", void 0);
+  __decorate([
+      attr({ attribute: 'appearance-readonly', mode: 'boolean' })
+  ], TextArea.prototype, "appearanceReadOnly", void 0);
   __decorate([
       observable
   ], TextArea.prototype, "scrollbarWidth", void 0);