From 6a7739018091c4b010a35341e28462d2c5fa2c71 Mon Sep 17 00:00:00 2001
From: Stanca <stanca.pop@lgepartner.com>
Date: Mon, 2 Dec 2024 14:53:19 +0200
Subject: [PATCH 1/6] added ColorPicker component

---
 sample-runner/sandstone/src/EnactImporter.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/sample-runner/sandstone/src/EnactImporter.js b/sample-runner/sandstone/src/EnactImporter.js
index f50b4065..a8bab286 100644
--- a/sample-runner/sandstone/src/EnactImporter.js
+++ b/sample-runner/sandstone/src/EnactImporter.js
@@ -7,6 +7,7 @@ import BodyText from '@enact/sandstone/BodyText';
 import Button from '@enact/sandstone/Button';
 import Checkbox from '@enact/sandstone/Checkbox';
 import CheckboxItem from '@enact/sandstone/CheckboxItem';
+import ColorPicker from '@enact/sandstone/ColorPicker';
 import ContextualMenuDecorator from '@enact/sandstone/ContextualMenuDecorator';
 import ContextualPopupDecorator from '@enact/sandstone/ContextualPopupDecorator';
 import DatePicker, {dateToLocaleString} from '@enact/sandstone/DatePicker';
@@ -65,6 +66,7 @@ const sandstoneExports = {
 	Button,
 	Checkbox,
 	CheckboxItem,
+	ColorPicker,
 	ContextualMenuDecorator,
 	ContextualPopupDecorator,
 	DatePicker,

From 296c8f18ee42297c8ce3bf72d5a5d5b0e7c2aab4 Mon Sep 17 00:00:00 2001
From: Stanca <stanca.pop@lgepartner.com>
Date: Tue, 3 Dec 2024 14:47:39 +0200
Subject: [PATCH 2/6] adjusted EnactLiveEdit height for ColorPicker

---
 src/components/EnactLiveEdit.js          | 3 ++-
 src/components/EnactLiveEdit.module.less | 4 ++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/EnactLiveEdit.js b/src/components/EnactLiveEdit.js
index dd6e8f9b..82d0478e 100644
--- a/src/components/EnactLiveEdit.js
+++ b/src/components/EnactLiveEdit.js
@@ -75,10 +75,11 @@ export default class EnactLiveEdit extends Component {
 			const theme = getThemeName(this.props.name);
 			const dropdownClass = theme === 'agate' ? css.dropdownAgate : css.dropdownSandstoneMoonstone;
 			const dropdown = this.props.code.includes('Dropdown') ? dropdownClass : '';
+			const colorPicker = this.props.code.includes('ColorPicker') ? css.colorPickerSandstone : '';
 			return (
 				// eslint-disable-next-line jsx-a11y/iframe-has-title
 				<iframe
-					className={`${css.frame} ${dropdown}`}
+					className={`${css.frame} ${dropdown} ${colorPicker}`}
 					ref={this.setFrame}
 					src={withPrefix(`/${theme}-runner/index.html`)}
 				/>
diff --git a/src/components/EnactLiveEdit.module.less b/src/components/EnactLiveEdit.module.less
index 6c64dfa9..ce18526f 100644
--- a/src/components/EnactLiveEdit.module.less
+++ b/src/components/EnactLiveEdit.module.less
@@ -11,6 +11,10 @@
 	height: 531px;
 }
 
+.colorPickerSandstone {
+	height: 330px;
+}
+
 .frame {
 	border: none;
 	width: 100%;

From 93e4d6fcf2e18510cf0d6c0b96ce2abe61b9626e Mon Sep 17 00:00:00 2001
From: Stanca <stanca.pop@lgepartner.com>
Date: Fri, 17 Jan 2025 16:57:24 +0200
Subject: [PATCH 3/6] fix tab width

---
 src/components/EnactLiveEdit.module.less | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/EnactLiveEdit.module.less b/src/components/EnactLiveEdit.module.less
index ce18526f..ea0f4c44 100644
--- a/src/components/EnactLiveEdit.module.less
+++ b/src/components/EnactLiveEdit.module.less
@@ -13,6 +13,10 @@
 
 .colorPickerSandstone {
 	height: 330px;
+
+	[role*=tab] {
+		width: 132px;
+	}
 }
 
 .frame {

From 91eb6fd4ca841f9087bb98757694a841eadf9c17 Mon Sep 17 00:00:00 2001
From: Stanca <stanca.pop@lgepartner.com>
Date: Fri, 17 Jan 2025 17:14:19 +0200
Subject: [PATCH 4/6] undo fix tab width

---
 src/components/EnactLiveEdit.module.less | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/components/EnactLiveEdit.module.less b/src/components/EnactLiveEdit.module.less
index ea0f4c44..ce18526f 100644
--- a/src/components/EnactLiveEdit.module.less
+++ b/src/components/EnactLiveEdit.module.less
@@ -13,10 +13,6 @@
 
 .colorPickerSandstone {
 	height: 330px;
-
-	[role*=tab] {
-		width: 132px;
-	}
 }
 
 .frame {

From 732a805dcf7f287ae0d114eb11435e439e65c1ca Mon Sep 17 00:00:00 2001
From: Adrian Cocoara <adrian.cocoara@lgepartner.com>
Date: Fri, 17 Jan 2025 17:58:57 +0200
Subject: [PATCH 5/6] removed ColorPicker Live preview

---
 src/components/EnactLiveEdit.js          | 3 +--
 src/components/EnactLiveEdit.module.less | 4 ----
 2 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/components/EnactLiveEdit.js b/src/components/EnactLiveEdit.js
index 82d0478e..dd6e8f9b 100644
--- a/src/components/EnactLiveEdit.js
+++ b/src/components/EnactLiveEdit.js
@@ -75,11 +75,10 @@ export default class EnactLiveEdit extends Component {
 			const theme = getThemeName(this.props.name);
 			const dropdownClass = theme === 'agate' ? css.dropdownAgate : css.dropdownSandstoneMoonstone;
 			const dropdown = this.props.code.includes('Dropdown') ? dropdownClass : '';
-			const colorPicker = this.props.code.includes('ColorPicker') ? css.colorPickerSandstone : '';
 			return (
 				// eslint-disable-next-line jsx-a11y/iframe-has-title
 				<iframe
-					className={`${css.frame} ${dropdown} ${colorPicker}`}
+					className={`${css.frame} ${dropdown}`}
 					ref={this.setFrame}
 					src={withPrefix(`/${theme}-runner/index.html`)}
 				/>
diff --git a/src/components/EnactLiveEdit.module.less b/src/components/EnactLiveEdit.module.less
index ce18526f..6c64dfa9 100644
--- a/src/components/EnactLiveEdit.module.less
+++ b/src/components/EnactLiveEdit.module.less
@@ -11,10 +11,6 @@
 	height: 531px;
 }
 
-.colorPickerSandstone {
-	height: 330px;
-}
-
 .frame {
 	border: none;
 	width: 100%;

From 24c7d7ba0c05f9bff5f54cc7d468e8368188402d Mon Sep 17 00:00:00 2001
From: Adrian Cocoara <adrian.cocoara@lgepartner.com>
Date: Fri, 17 Jan 2025 20:58:04 +0200
Subject: [PATCH 6/6] undo last commit

---
 src/components/EnactLiveEdit.js          | 3 ++-
 src/components/EnactLiveEdit.module.less | 4 ++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/EnactLiveEdit.js b/src/components/EnactLiveEdit.js
index dd6e8f9b..82d0478e 100644
--- a/src/components/EnactLiveEdit.js
+++ b/src/components/EnactLiveEdit.js
@@ -75,10 +75,11 @@ export default class EnactLiveEdit extends Component {
 			const theme = getThemeName(this.props.name);
 			const dropdownClass = theme === 'agate' ? css.dropdownAgate : css.dropdownSandstoneMoonstone;
 			const dropdown = this.props.code.includes('Dropdown') ? dropdownClass : '';
+			const colorPicker = this.props.code.includes('ColorPicker') ? css.colorPickerSandstone : '';
 			return (
 				// eslint-disable-next-line jsx-a11y/iframe-has-title
 				<iframe
-					className={`${css.frame} ${dropdown}`}
+					className={`${css.frame} ${dropdown} ${colorPicker}`}
 					ref={this.setFrame}
 					src={withPrefix(`/${theme}-runner/index.html`)}
 				/>
diff --git a/src/components/EnactLiveEdit.module.less b/src/components/EnactLiveEdit.module.less
index 6c64dfa9..ce18526f 100644
--- a/src/components/EnactLiveEdit.module.less
+++ b/src/components/EnactLiveEdit.module.less
@@ -11,6 +11,10 @@
 	height: 531px;
 }
 
+.colorPickerSandstone {
+	height: 330px;
+}
+
 .frame {
 	border: none;
 	width: 100%;