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

@@ -540,6 +540,9 @@ View:
                     name: dummyData
                     template:
                       DataRow:
+                        styles:
+                          backgroundColor: lime
+                        rowHoverBg: yellow
                         children:
                           - Text:
                               id: ${'x_'+index}
@@ -1131,6 +1134,8 @@ View:
                   size: small
                   value: true
                   leadingText: Set to true and requred
+                  htmlAttributes:
+                    title: tooltip text
         - Card:
             styles:
               width: unset

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>
   );