From 913c0a9481b1d2ab5e923778a01e291ec7be026f Mon Sep 17 00:00:00 2001
From: Brady Lamansky <brady.l@global-gtt.com>
Date: Thu, 2 Jul 2026 14:14:50 -0500
Subject: [PATCH 1/3] theme 2845 record-list fixes

---
 src/components/form/dt-connection/dt-connection.js  |  1 +
 .../form/dt-location-map/dt-location-map.js         |  2 ++
 src/components/form/dt-location/dt-location.js      |  1 +
 src/components/form/dt-multi-text/dt-multi-text.js  |  1 +
 src/components/form/dt-textarea/dt-textarea.js      | 13 +++++++++++++
 .../form/dt-textarea/dt-textarea.stories.js         |  6 +++++-
 .../form/dt-users-connection/dt-users-connection.js |  1 +
 7 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/components/form/dt-connection/dt-connection.js b/src/components/form/dt-connection/dt-connection.js
index 5e66c62..b9430b6 100644
--- a/src/components/form/dt-connection/dt-connection.js
+++ b/src/components/form/dt-connection/dt-connection.js
@@ -108,6 +108,7 @@ export class DtConnection extends DtTags {
         clickedValue = intVal;
       }
       const event = new CustomEvent('change', {
+        bubbles: true,
         detail: {
           field: this.name,
           oldValue: this.value,
diff --git a/src/components/form/dt-location-map/dt-location-map.js b/src/components/form/dt-location-map/dt-location-map.js
index 6f1623d..0a8a753 100644
--- a/src/components/form/dt-location-map/dt-location-map.js
+++ b/src/components/form/dt-location-map/dt-location-map.js
@@ -148,6 +148,7 @@ export class DtLocationMap extends DtFormBase {
 
   selectLocation(evt) {
     const event = new CustomEvent('change', {
+      bubbles: true,
       detail: {
         field: this.name,
         oldValue: this.value,
@@ -184,6 +185,7 @@ export class DtLocationMap extends DtFormBase {
   deleteItem(evt) {
     this.activeItem = undefined;
     const event = new CustomEvent('change', {
+      bubbles: true,
       detail: {
         field: this.name,
         oldValue: this.value,
diff --git a/src/components/form/dt-location/dt-location.js b/src/components/form/dt-location/dt-location.js
index 4416e62..eda65e8 100644
--- a/src/components/form/dt-location/dt-location.js
+++ b/src/components/form/dt-location/dt-location.js
@@ -84,6 +84,7 @@ export class DtLocation extends DtTags {
   _remove(e) {
     if (e.target && e.target.dataset && e.target.dataset.value) {
       const event = new CustomEvent('change', {
+        bubbles: true,
         detail: {
           field: this.name,
           oldValue: this.value,
diff --git a/src/components/form/dt-multi-text/dt-multi-text.js b/src/components/form/dt-multi-text/dt-multi-text.js
index ab5e593..6281bc9 100644
--- a/src/components/form/dt-multi-text/dt-multi-text.js
+++ b/src/components/form/dt-multi-text/dt-multi-text.js
@@ -274,6 +274,7 @@ export class DtMultiText extends DtText {
     const key = e?.currentTarget?.dataset?.key;
     if (key) {
       const event = new CustomEvent('change', {
+        bubbles: true,
         detail: {
           field: this.name,
           oldValue: this.value,
diff --git a/src/components/form/dt-textarea/dt-textarea.js b/src/components/form/dt-textarea/dt-textarea.js
index cd589ad..2864ce6 100644
--- a/src/components/form/dt-textarea/dt-textarea.js
+++ b/src/components/form/dt-textarea/dt-textarea.js
@@ -56,6 +56,16 @@ export class DtTextArea extends DtFormBase {
           width: 100%;
         }
         input:disabled,
+        input::placeholder {
+          color: var(
+            --dt-text-placeholder-color,
+            var(--dt-form-placeholder-color, #999)
+          );
+          text-transform: var(--dt-text-placeholder-transform, none);
+          font-size: var(--dt-text-placeholder-font-size, 1rem);
+          font-weight: var(--dt-text-placeholder-font-weight, 400);
+          letter-spacing: var(--dt-text-placeholder-letter-spacing, normal);
+        }
         input[readonly],
         textarea:disabled,
         textarea[readonly] {
@@ -81,6 +91,8 @@ export class DtTextArea extends DtFormBase {
       ...super.properties,
       /** Element ID */
       id: { type: String },
+      /** Placeholder displayed when no value is entered */
+      placeholder: { type: String },
       /** Value of field. Reflected back to attribute in order to select from DOM if needed. */
       value: {
         type: String,
@@ -150,6 +162,7 @@ export class DtTextArea extends DtFormBase {
         <textarea
           id="${this.id}"
           name="${this.name}"
+          placeholder="${this.placeholder}"
           aria-label="${this.label}"
           ?disabled=${this.disabled}
           ?required=${this.required}
diff --git a/src/components/form/dt-textarea/dt-textarea.stories.js b/src/components/form/dt-textarea/dt-textarea.stories.js
index a8e2394..500561d 100644
--- a/src/components/form/dt-textarea/dt-textarea.stories.js
+++ b/src/components/form/dt-textarea/dt-textarea.stories.js
@@ -80,7 +80,11 @@ export default {
   },
 };
 
-export const Empty = {};
+export const Empty = {
+  args: {
+    placeholder: 'Enter text here...',
+  }
+};
 
 export const SvgIcon = {
   args: {
diff --git a/src/components/form/dt-users-connection/dt-users-connection.js b/src/components/form/dt-users-connection/dt-users-connection.js
index accaeff..b122e3b 100644
--- a/src/components/form/dt-users-connection/dt-users-connection.js
+++ b/src/components/form/dt-users-connection/dt-users-connection.js
@@ -151,6 +151,7 @@ export class DtUsersConnection extends DtTags {
   _remove(e) {
     if (e.target && e.target.dataset && e.target.dataset.value) {
       const event = new CustomEvent('change', {
+        bubbles: true,
         detail: {
           field: this.name,
           oldValue: this.value,

From b8fd4e95e96a9f960c43bb1240fd0a695cb7a295 Mon Sep 17 00:00:00 2001
From: Brady Lamansky <brady.l@global-gtt.com>
Date: Wed, 8 Jul 2026 14:40:40 -0500
Subject: [PATCH 2/3] fix: textarea css & storybook

---
 src/components/form/dt-textarea/dt-textarea.js   | 16 ++++++++--------
 .../form/dt-textarea/dt-textarea.stories.js      |  3 +++
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/form/dt-textarea/dt-textarea.js b/src/components/form/dt-textarea/dt-textarea.js
index 2864ce6..a531c90 100644
--- a/src/components/form/dt-textarea/dt-textarea.js
+++ b/src/components/form/dt-textarea/dt-textarea.js
@@ -55,18 +55,18 @@ export class DtTextArea extends DtFormBase {
           resize: none;
           width: 100%;
         }
-        input:disabled,
-        input::placeholder {
+        textarea:disabled,
+        textarea::placeholder {
           color: var(
-            --dt-text-placeholder-color,
+            --dt-textarea-placeholder-color,
             var(--dt-form-placeholder-color, #999)
           );
-          text-transform: var(--dt-text-placeholder-transform, none);
-          font-size: var(--dt-text-placeholder-font-size, 1rem);
-          font-weight: var(--dt-text-placeholder-font-weight, 400);
-          letter-spacing: var(--dt-text-placeholder-letter-spacing, normal);
+          text-transform: var(--dt-textarea-placeholder-transform, none);
+          font-size: var(--dt-textarea-placeholder-font-size, 1rem);
+          font-weight: var(--dt-textarea-placeholder-font-weight, 400);
+          letter-spacing: var(--dt-textarea-placeholder-letter-spacing, normal);
         }
-        input[readonly],
+        textarea[readonly],
         textarea:disabled,
         textarea[readonly] {
           background-color: var(
diff --git a/src/components/form/dt-textarea/dt-textarea.stories.js b/src/components/form/dt-textarea/dt-textarea.stories.js
index 500561d..4dd5411 100644
--- a/src/components/form/dt-textarea/dt-textarea.stories.js
+++ b/src/components/form/dt-textarea/dt-textarea.stories.js
@@ -15,6 +15,7 @@ export default {
   argTypes: {
     id: { control: 'text' },
     name: { control: 'text' },
+    placeholder: { control: 'text' },
     label: { control: 'text' },
     value: { control: 'text' },
     disabled: { control: 'boolean' },
@@ -41,6 +42,7 @@ export default {
       id = 'name',
       name = 'field-name',
       label = 'Field Name',
+      placeholder = 'Enter text here...',
       value,
       disabled = false,
       readonly = false,
@@ -60,6 +62,7 @@ export default {
         id=${ifDefined(id)}
         name=${ifDefined(name)}
         label=${ifDefined(label)}
+        placeholder=${ifDefined(placeholder)}
         value=${ifDefined(value)}
         ?disabled=${disabled}
         ?readonly=${readonly}

From 3aa69bf84926cc6821845f9d05e25dcfb373316c Mon Sep 17 00:00:00 2001
From: cairocoder01 <cairocoder01@gmail.com>
Date: Tue, 14 Jul 2026 15:54:43 +0300
Subject: [PATCH 3/3] update css property docs

---
 src/components/form/dt-textarea/docs.mdx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/form/dt-textarea/docs.mdx b/src/components/form/dt-textarea/docs.mdx
index 709d106..b1dc4df 100644
--- a/src/components/form/dt-textarea/docs.mdx
+++ b/src/components/form/dt-textarea/docs.mdx
@@ -44,6 +44,11 @@ Inherits custom properties from [DtFormBase](?path=/docs/architecture-base-class
 | `--dt-textarea-border-color`  | `var(--dt-form-border-color, #cecece)`   |
 | `--dt-textarea-border-radius`  | `var(--dt-form-border-radius, 0)`  |
 | `--dt-textarea-input-box-shadow`  | `var(--dt-form-input-box-shadow, inset 0 1px 2px hsl(0deg 0% 4% / 10%))`   |
+| `--dt-textarea-placeholder-color`  | `var(--dt-form-placeholder-color, #999)`   |
+| `--dt-textarea-placeholder-transform`  | `none`   |
+| `--dt-textarea-placeholder-font-size`  | `1rem`   |
+| `--dt-textarea-placeholder-font-weight`  | `400`   |
+| `--dt-textarea-placeholder-letter-spacing`  | `normal`   |
 | `--dt-textarea-disabled-background-color`   | `var(--dt-form-disabled-background-color, #e6e6e6)`   |
 | `--dt-textarea-border-color-alert` | `var(--dt-form-border-color-alert, var(--alert-color))` |
 | `--dt-form-padding`   | `0.5333333333rem`   |