use ConfigProvider instead

Author: anserwaseem

.changeset/big-kangaroos-enjoy.md

@@ -2,4 +2,4 @@
 "@ensembleui/react-runtime": patch
 ---
 
-enhance DataGrid with rowHoverStyle and hideSelectAll props for improved styling and functionality
+enhance DataGrid with rowHoverBg and rowSelectedHoverBg styles

apps/kitchen-sink/src/ensemble/screens/widgets.yaml

@@ -526,6 +526,8 @@ View:
                       hasDivider: true
                       borderBottom: false
                   hidePagination: true
+                  allowSelection: true
+                  hideSelectAll: true
                   DataColumns:
                     - label: Number
                   scroll:
@@ -540,6 +542,10 @@ View:
                     name: dummyData
                     template:
                       DataRow:
+                        styles:
+                          backgroundColor: lime
+                        rowHoverStyle:
+                          backgroundColor: yellow
                         children:
                           - Text:
                               id: ${'x_'+index}

packages/runtime/src/widgets/Collapsible.tsx

@@ -233,6 +233,12 @@ export const Collapsible: React.FC<CollapsibleProps> = (props) => {
         expandIconPosition={props.expandIconPosition}
         items={[...collapsibleItems, ...templateItems]}
         onChange={handleCollapsibleChange}
+        style={{
+          ...values?.styles,
+          ...(values?.styles?.visible === false
+            ? { display: "none" }
+            : undefined),
+        }}
       />
     </ConfigProvider>
   );