@carto/ps-react-ui 6.1.0 → 6.1.1

package/dist/types/widgets/wrapper/style.d.ts

@@ -40,14 +40,43 @@ export declare const styles: {
         height: ({ spacing }: Theme) => string;
         zIndex: number;
     };
+    header: {
+        display: "flex";
+        alignItems: "center";
+        gap: ({ spacing }: Theme) => string;
+        minHeight: ({ spacing }: Theme) => string;
+        paddingInlineEnd: ({ spacing }: Theme) => string;
+    };
     summary: {
+        flex: number;
+        minWidth: number;
         minHeight: ({ spacing }: Theme) => string;
+        paddingInlineEnd: number;
         '& .MuiAccordionSummary-content': {
-            gap: ({ spacing }: Theme) => string;
-            paddingInlineEnd: ({ spacing }: Theme) => string;
             alignItems: "center";
+            minWidth: number;
+            marginInlineEnd: number;
+            paddingInlineEnd: number;
         };
     };
+    headerNoIcon: {
+        paddingInlineEnd: ({ spacing }: Theme) => string;
+    };
+    expandIcon: {
+        display: "flex";
+        marginInlineStart: ({ spacing }: Theme) => string;
+        color: "text.secondary";
+        cursor: "pointer";
+        '& svg': {
+            width: number;
+            height: number;
+            color: "inherit";
+        };
+        transition: ({ transitions }: Theme) => string;
+    };
+    expanded: {
+        transform: "rotate(180deg)";
+    };
     summaryDisabled: {
         '&, &:hover:not(.Mui-disabled)': {
             cursor: "default";

package/dist/types/widgets/wrapper/widget-actions.d.ts

@@ -11,8 +11,8 @@ export interface ActionsProps {
  * pointer devices), and stay full-opacity when a descendant is marked with
  * `.active` — typically applied by toggled actions.
  *
- * The container also stops click propagation so interacting with an action
- * doesn't toggle the wrapper's collapse.
+ * The container also stops click propagation, so a click on an action never
+ * reaches handlers further up the widget.
  */
 export declare function Actions({ sx, children }: ActionsProps): import('react').JSX.Element;
 export interface OptionsProps {

package/dist/types/widgets/wrapper/widget-wrapper.d.ts

@@ -30,8 +30,8 @@ export interface WrapperProps {
     variant?: 'outlined' | 'elevation';
     labels?: Partial<WrapperLabels>;
     /**
-     * Icon shown at the right edge of the summary row. Accordion rotates it
-     * 180° automatically when the wrapper expands. Default: `ExpandMoreIcon`.
+     * Icon shown at the right edge of the header row, rotated 180° while the
+     * wrapper is expanded. Default: `ExpandMoreIcon`.
      */
     expandIcon?: ComponentType<SvgIconProps>;
     iconProps?: SvgIconProps;