From 92d60f28865f214662c0e04b4c8b785437e6d4b2 Mon Sep 17 00:00:00 2001
From: Dimitris - Rafail Katsampas <katsampasdr@gmail.com>
Date: Sat, 10 Aug 2024 15:07:15 +0000
Subject: [PATCH 1/2] feat(core): Added css class for styling dialog nested
 elements

---
 packages/core/ui/dialogs/dialogs-common.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/core/ui/dialogs/dialogs-common.ts b/packages/core/ui/dialogs/dialogs-common.ts
index 36fc918d39..539808e62f 100644
--- a/packages/core/ui/dialogs/dialogs-common.ts
+++ b/packages/core/ui/dialogs/dialogs-common.ts
@@ -3,6 +3,7 @@ import { View } from '../core/view';
 import { Color } from '../../color';
 import { Page } from '../page';
 import { Frame } from '../frame';
+import { CSSUtils } from '../../css/system-classes';
 import { isObject, isString } from '../../utils/types';
 
 export namespace DialogStrings {
@@ -15,6 +16,8 @@ export namespace DialogStrings {
 	export const CANCEL = 'Cancel';
 }
 
+const CSS_CLASS = `${CSSUtils.CLASS_PREFIX}dialog-item`;
+
 /**
  * Provides options for the dialog.
  */
@@ -271,6 +274,7 @@ export function getButtonColors(): { color: Color; backgroundColor: Color } {
 	if (!button) {
 		const Button = require('../button').Button;
 		button = new Button();
+		button.className = CSS_CLASS;
 		if (__APPLE__) {
 			button._setupUI(<any>{});
 		}
@@ -290,6 +294,7 @@ export function getLabelColor(): Color {
 	if (!label) {
 		const Label = require('../label').Label;
 		label = new Label();
+		label.className = CSS_CLASS;
 		if (__APPLE__) {
 			label._setupUI(<any>{});
 		}
@@ -307,6 +312,7 @@ export function getTextFieldColor(): Color {
 	if (!textField) {
 		const TextField = require('../text-field').TextField;
 		textField = new TextField();
+		textField.className = CSS_CLASS;
 		if (__APPLE__) {
 			textField._setupUI(<any>{});
 		}

From 8154969ed69faf5274fd77ead84d3856d87f6eca Mon Sep 17 00:00:00 2001
From: Dimitris - Rafail Katsampas <dimitris.katsampas@fuelics.com>
Date: Sat, 10 Aug 2024 18:47:09 +0300
Subject: [PATCH 2/2] chore: Move constant on top

---
 packages/core/ui/dialogs/dialogs-common.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/core/ui/dialogs/dialogs-common.ts b/packages/core/ui/dialogs/dialogs-common.ts
index 539808e62f..fad0152b77 100644
--- a/packages/core/ui/dialogs/dialogs-common.ts
+++ b/packages/core/ui/dialogs/dialogs-common.ts
@@ -6,6 +6,8 @@ import { Frame } from '../frame';
 import { CSSUtils } from '../../css/system-classes';
 import { isObject, isString } from '../../utils/types';
 
+const CSS_CLASS = `${CSSUtils.CLASS_PREFIX}dialog-item`;
+
 export namespace DialogStrings {
 	export const STRING = 'string';
 	export const PROMPT = 'Prompt';
@@ -16,8 +18,6 @@ export namespace DialogStrings {
 	export const CANCEL = 'Cancel';
 }
 
-const CSS_CLASS = `${CSSUtils.CLASS_PREFIX}dialog-item`;
-
 /**
  * Provides options for the dialog.
  */