From 2c9a39654de0ca857b2394ed1465a111f174f666 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Tue, 5 Dec 2023 12:56:30 +0300
Subject: [PATCH] Chart styled and unstyled mode updates

---
 components/lib/chart/Chart.vue               |  2 +-
 components/lib/chart/style/ChartStyle.js     | 12 ++++--------
 components/lib/passthrough/tailwind/index.js |  6 ------
 3 files changed, 5 insertions(+), 15 deletions(-)

diff --git a/components/lib/chart/Chart.vue b/components/lib/chart/Chart.vue
index f2c5f55de..4c326e593 100755
--- a/components/lib/chart/Chart.vue
+++ b/components/lib/chart/Chart.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" v-bind="ptm('root')" data-pc-name="chart">
+    <div :class="cx('root')" :style="sx('root')" v-bind="ptm('root')" data-pc-name="chart">
         <canvas ref="canvas" :width="width" :height="height" @click="onCanvasClick($event)" v-bind="{ ...canvasProps, ...ptm('canvas') }"></canvas>
     </div>
 </template>
diff --git a/components/lib/chart/style/ChartStyle.js b/components/lib/chart/style/ChartStyle.js
index caec2009a..8fa6b3480 100644
--- a/components/lib/chart/style/ChartStyle.js
+++ b/components/lib/chart/style/ChartStyle.js
@@ -1,12 +1,8 @@
 import BaseStyle from 'primevue/base/style';
 
-const css = `
-@layer primevue {
-    .p-chart {
-        position: relative;
-    }
-}
-`;
+const inlineStyles = {
+    root: { position: 'relative' }
+};
 
 const classes = {
     root: 'p-chart'
@@ -14,6 +10,6 @@ const classes = {
 
 export default BaseStyle.extend({
     name: 'chart',
-    css,
+    inlineStyles,
     classes
 });
diff --git a/components/lib/passthrough/tailwind/index.js b/components/lib/passthrough/tailwind/index.js
index 3a8d3cd8b..bc5a853c4 100644
--- a/components/lib/passthrough/tailwind/index.js
+++ b/components/lib/passthrough/tailwind/index.js
@@ -4249,11 +4249,5 @@ export default {
         resizehelper: {
             class: 'absolute hidden w-px z-10 bg-blue-500 dark:bg-blue-300'
         }
-    },
-    // CHART
-    chart: {
-        root: {
-            class: 'relative'
-        }
     }
 };