@pingux/astro 2.80.0-alpha.0 → 2.80.0-alpha.1

package/lib/cjs/types/collapsiblePanel.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/cjs/types/iconButton.d.ts

@@ -17,4 +17,6 @@ export interface IconButtonProps extends ThemeUIIconButtonProps, TestingAttribut
     /** Whether the icon button is disabled. */
     isDisabled?: boolean;
     size?: IconSize;
+    isRow?: boolean;
+    'aria-controls'?: string | undefined;
 }

package/lib/cjs/types/index.d.ts

@@ -8,6 +8,7 @@ export * from './buttonBar';
 export * from './calendar';
 export * from './card';
 export * from './checkboxField';
+export * from './collapsiblePanel';
 export * from './colorField';
 export * from './copyText';
 export * from './dataTable';

package/lib/cjs/types/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49;
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
@@ -117,8 +117,19 @@ _forEachInstanceProperty(_context10 = _Object$keys(_checkboxField)).call(_contex
     }
   });
 });
+var _collapsiblePanel = require("./collapsiblePanel");
+_forEachInstanceProperty(_context11 = _Object$keys(_collapsiblePanel)).call(_context11, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _collapsiblePanel[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _collapsiblePanel[key];
+    }
+  });
+});
 var _colorField = require("./colorField");
-_forEachInstanceProperty(_context11 = _Object$keys(_colorField)).call(_context11, function (key) {
+_forEachInstanceProperty(_context12 = _Object$keys(_colorField)).call(_context12, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _colorField[key]) return;
   _Object$defineProperty(exports, key, {
@@ -129,7 +140,7 @@ _forEachInstanceProperty(_context11 = _Object$keys(_colorField)).call(_context11
   });
 });
 var _copyText = require("./copyText");
-_forEachInstanceProperty(_context12 = _Object$keys(_copyText)).call(_context12, function (key) {
+_forEachInstanceProperty(_context13 = _Object$keys(_copyText)).call(_context13, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _copyText[key]) return;
   _Object$defineProperty(exports, key, {
@@ -140,7 +151,7 @@ _forEachInstanceProperty(_context12 = _Object$keys(_copyText)).call(_context12,
   });
 });
 var _dataTable = require("./dataTable");
-_forEachInstanceProperty(_context13 = _Object$keys(_dataTable)).call(_context13, function (key) {
+_forEachInstanceProperty(_context14 = _Object$keys(_dataTable)).call(_context14, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _dataTable[key]) return;
   _Object$defineProperty(exports, key, {
@@ -151,7 +162,7 @@ _forEachInstanceProperty(_context13 = _Object$keys(_dataTable)).call(_context13,
   });
 });
 var _environmentBreadcrumb = require("./environmentBreadcrumb");
-_forEachInstanceProperty(_context14 = _Object$keys(_environmentBreadcrumb)).call(_context14, function (key) {
+_forEachInstanceProperty(_context15 = _Object$keys(_environmentBreadcrumb)).call(_context15, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _environmentBreadcrumb[key]) return;
   _Object$defineProperty(exports, key, {
@@ -162,7 +173,7 @@ _forEachInstanceProperty(_context14 = _Object$keys(_environmentBreadcrumb)).call
   });
 });
 var _fieldHelperText = require("./fieldHelperText");
-_forEachInstanceProperty(_context15 = _Object$keys(_fieldHelperText)).call(_context15, function (key) {
+_forEachInstanceProperty(_context16 = _Object$keys(_fieldHelperText)).call(_context16, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _fieldHelperText[key]) return;
   _Object$defineProperty(exports, key, {
@@ -173,7 +184,7 @@ _forEachInstanceProperty(_context15 = _Object$keys(_fieldHelperText)).call(_cont
   });
 });
 var _grid = require("./grid");
-_forEachInstanceProperty(_context16 = _Object$keys(_grid)).call(_context16, function (key) {
+_forEachInstanceProperty(_context17 = _Object$keys(_grid)).call(_context17, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _grid[key]) return;
   _Object$defineProperty(exports, key, {
@@ -184,7 +195,7 @@ _forEachInstanceProperty(_context16 = _Object$keys(_grid)).call(_context16, func
   });
 });
 var _helpHint = require("./helpHint");
-_forEachInstanceProperty(_context17 = _Object$keys(_helpHint)).call(_context17, function (key) {
+_forEachInstanceProperty(_context18 = _Object$keys(_helpHint)).call(_context18, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _helpHint[key]) return;
   _Object$defineProperty(exports, key, {
@@ -195,7 +206,7 @@ _forEachInstanceProperty(_context17 = _Object$keys(_helpHint)).call(_context17,
   });
 });
 var _icon = require("./icon");
-_forEachInstanceProperty(_context18 = _Object$keys(_icon)).call(_context18, function (key) {
+_forEachInstanceProperty(_context19 = _Object$keys(_icon)).call(_context19, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _icon[key]) return;
   _Object$defineProperty(exports, key, {
@@ -206,7 +217,7 @@ _forEachInstanceProperty(_context18 = _Object$keys(_icon)).call(_context18, func
   });
 });
 var _iconBadge = require("./iconBadge");
-_forEachInstanceProperty(_context19 = _Object$keys(_iconBadge)).call(_context19, function (key) {
+_forEachInstanceProperty(_context20 = _Object$keys(_iconBadge)).call(_context20, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconBadge[key]) return;
   _Object$defineProperty(exports, key, {
@@ -217,7 +228,7 @@ _forEachInstanceProperty(_context19 = _Object$keys(_iconBadge)).call(_context19,
   });
 });
 var _iconButton = require("./iconButton");
-_forEachInstanceProperty(_context20 = _Object$keys(_iconButton)).call(_context20, function (key) {
+_forEachInstanceProperty(_context21 = _Object$keys(_iconButton)).call(_context21, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconButton[key]) return;
   _Object$defineProperty(exports, key, {
@@ -228,7 +239,7 @@ _forEachInstanceProperty(_context20 = _Object$keys(_iconButton)).call(_context20
   });
 });
 var _iconButtonToggle = require("./iconButtonToggle");
-_forEachInstanceProperty(_context21 = _Object$keys(_iconButtonToggle)).call(_context21, function (key) {
+_forEachInstanceProperty(_context22 = _Object$keys(_iconButtonToggle)).call(_context22, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconButtonToggle[key]) return;
   _Object$defineProperty(exports, key, {
@@ -239,7 +250,7 @@ _forEachInstanceProperty(_context21 = _Object$keys(_iconButtonToggle)).call(_con
   });
 });
 var _input = require("./input");
-_forEachInstanceProperty(_context22 = _Object$keys(_input)).call(_context22, function (key) {
+_forEachInstanceProperty(_context23 = _Object$keys(_input)).call(_context23, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _input[key]) return;
   _Object$defineProperty(exports, key, {
@@ -250,7 +261,7 @@ _forEachInstanceProperty(_context22 = _Object$keys(_input)).call(_context22, fun
   });
 });
 var _item = require("./item");
-_forEachInstanceProperty(_context23 = _Object$keys(_item)).call(_context23, function (key) {
+_forEachInstanceProperty(_context24 = _Object$keys(_item)).call(_context24, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _item[key]) return;
   _Object$defineProperty(exports, key, {
@@ -261,7 +272,7 @@ _forEachInstanceProperty(_context23 = _Object$keys(_item)).call(_context23, func
   });
 });
 var _label = require("./label");
-_forEachInstanceProperty(_context24 = _Object$keys(_label)).call(_context24, function (key) {
+_forEachInstanceProperty(_context25 = _Object$keys(_label)).call(_context25, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _label[key]) return;
   _Object$defineProperty(exports, key, {
@@ -272,7 +283,7 @@ _forEachInstanceProperty(_context24 = _Object$keys(_label)).call(_context24, fun
   });
 });
 var _link = require("./link");
-_forEachInstanceProperty(_context25 = _Object$keys(_link)).call(_context25, function (key) {
+_forEachInstanceProperty(_context26 = _Object$keys(_link)).call(_context26, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _link[key]) return;
   _Object$defineProperty(exports, key, {
@@ -283,7 +294,7 @@ _forEachInstanceProperty(_context25 = _Object$keys(_link)).call(_context25, func
   });
 });
 var _listBox = require("./listBox");
-_forEachInstanceProperty(_context26 = _Object$keys(_listBox)).call(_context26, function (key) {
+_forEachInstanceProperty(_context27 = _Object$keys(_listBox)).call(_context27, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -294,7 +305,7 @@ _forEachInstanceProperty(_context26 = _Object$keys(_listBox)).call(_context26, f
   });
 });
 var _listItem = require("./listItem");
-_forEachInstanceProperty(_context27 = _Object$keys(_listItem)).call(_context27, function (key) {
+_forEachInstanceProperty(_context28 = _Object$keys(_listItem)).call(_context28, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -305,7 +316,7 @@ _forEachInstanceProperty(_context27 = _Object$keys(_listItem)).call(_context27,
   });
 });
 var _loader = require("./loader");
-_forEachInstanceProperty(_context28 = _Object$keys(_loader)).call(_context28, function (key) {
+_forEachInstanceProperty(_context29 = _Object$keys(_loader)).call(_context29, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _loader[key]) return;
   _Object$defineProperty(exports, key, {
@@ -316,7 +327,7 @@ _forEachInstanceProperty(_context28 = _Object$keys(_loader)).call(_context28, fu
   });
 });
 var _menu = require("./menu");
-_forEachInstanceProperty(_context29 = _Object$keys(_menu)).call(_context29, function (key) {
+_forEachInstanceProperty(_context30 = _Object$keys(_menu)).call(_context30, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -327,7 +338,7 @@ _forEachInstanceProperty(_context29 = _Object$keys(_menu)).call(_context29, func
   });
 });
 var _menuItem = require("./menuItem");
-_forEachInstanceProperty(_context30 = _Object$keys(_menuItem)).call(_context30, function (key) {
+_forEachInstanceProperty(_context31 = _Object$keys(_menuItem)).call(_context31, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menuItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -338,7 +349,7 @@ _forEachInstanceProperty(_context30 = _Object$keys(_menuItem)).call(_context30,
   });
 });
 var _messages = require("./messages");
-_forEachInstanceProperty(_context31 = _Object$keys(_messages)).call(_context31, function (key) {
+_forEachInstanceProperty(_context32 = _Object$keys(_messages)).call(_context32, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _messages[key]) return;
   _Object$defineProperty(exports, key, {
@@ -349,7 +360,7 @@ _forEachInstanceProperty(_context31 = _Object$keys(_messages)).call(_context31,
   });
 });
 var _Modal = require("./Modal");
-_forEachInstanceProperty(_context32 = _Object$keys(_Modal)).call(_context32, function (key) {
+_forEachInstanceProperty(_context33 = _Object$keys(_Modal)).call(_context33, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Modal[key]) return;
   _Object$defineProperty(exports, key, {
@@ -360,7 +371,7 @@ _forEachInstanceProperty(_context32 = _Object$keys(_Modal)).call(_context32, fun
   });
 });
 var _navBar = require("./navBar");
-_forEachInstanceProperty(_context33 = _Object$keys(_navBar)).call(_context33, function (key) {
+_forEachInstanceProperty(_context34 = _Object$keys(_navBar)).call(_context34, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _navBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -371,7 +382,7 @@ _forEachInstanceProperty(_context33 = _Object$keys(_navBar)).call(_context33, fu
   });
 });
 var _overlayPanel = require("./overlayPanel");
-_forEachInstanceProperty(_context34 = _Object$keys(_overlayPanel)).call(_context34, function (key) {
+_forEachInstanceProperty(_context35 = _Object$keys(_overlayPanel)).call(_context35, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _overlayPanel[key]) return;
   _Object$defineProperty(exports, key, {
@@ -382,7 +393,7 @@ _forEachInstanceProperty(_context34 = _Object$keys(_overlayPanel)).call(_context
   });
 });
 var _popoverContainer = require("./popoverContainer");
-_forEachInstanceProperty(_context35 = _Object$keys(_popoverContainer)).call(_context35, function (key) {
+_forEachInstanceProperty(_context36 = _Object$keys(_popoverContainer)).call(_context36, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverContainer[key]) return;
   _Object$defineProperty(exports, key, {
@@ -393,7 +404,7 @@ _forEachInstanceProperty(_context35 = _Object$keys(_popoverContainer)).call(_con
   });
 });
 var _popoverMenu = require("./popoverMenu");
-_forEachInstanceProperty(_context36 = _Object$keys(_popoverMenu)).call(_context36, function (key) {
+_forEachInstanceProperty(_context37 = _Object$keys(_popoverMenu)).call(_context37, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverMenu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -404,7 +415,7 @@ _forEachInstanceProperty(_context36 = _Object$keys(_popoverMenu)).call(_context3
   });
 });
 var _progressBar = require("./progressBar");
-_forEachInstanceProperty(_context37 = _Object$keys(_progressBar)).call(_context37, function (key) {
+_forEachInstanceProperty(_context38 = _Object$keys(_progressBar)).call(_context38, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _progressBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -415,7 +426,7 @@ _forEachInstanceProperty(_context37 = _Object$keys(_progressBar)).call(_context3
   });
 });
 var _requirementsList = require("./requirementsList");
-_forEachInstanceProperty(_context38 = _Object$keys(_requirementsList)).call(_context38, function (key) {
+_forEachInstanceProperty(_context39 = _Object$keys(_requirementsList)).call(_context39, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _requirementsList[key]) return;
   _Object$defineProperty(exports, key, {
@@ -426,7 +437,7 @@ _forEachInstanceProperty(_context38 = _Object$keys(_requirementsList)).call(_con
   });
 });
 var _rockerButtonGroup = require("./rockerButtonGroup");
-_forEachInstanceProperty(_context39 = _Object$keys(_rockerButtonGroup)).call(_context39, function (key) {
+_forEachInstanceProperty(_context40 = _Object$keys(_rockerButtonGroup)).call(_context40, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _rockerButtonGroup[key]) return;
   _Object$defineProperty(exports, key, {
@@ -437,7 +448,7 @@ _forEachInstanceProperty(_context39 = _Object$keys(_rockerButtonGroup)).call(_co
   });
 });
 var _scrollBox = require("./scrollBox");
-_forEachInstanceProperty(_context40 = _Object$keys(_scrollBox)).call(_context40, function (key) {
+_forEachInstanceProperty(_context41 = _Object$keys(_scrollBox)).call(_context41, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _scrollBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -448,7 +459,7 @@ _forEachInstanceProperty(_context40 = _Object$keys(_scrollBox)).call(_context40,
   });
 });
 var _separator = require("./separator");
-_forEachInstanceProperty(_context41 = _Object$keys(_separator)).call(_context41, function (key) {
+_forEachInstanceProperty(_context42 = _Object$keys(_separator)).call(_context42, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _separator[key]) return;
   _Object$defineProperty(exports, key, {
@@ -459,7 +470,7 @@ _forEachInstanceProperty(_context41 = _Object$keys(_separator)).call(_context41,
   });
 });
 var _shared = require("./shared");
-_forEachInstanceProperty(_context42 = _Object$keys(_shared)).call(_context42, function (key) {
+_forEachInstanceProperty(_context43 = _Object$keys(_shared)).call(_context43, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shared[key]) return;
   _Object$defineProperty(exports, key, {
@@ -470,7 +481,7 @@ _forEachInstanceProperty(_context42 = _Object$keys(_shared)).call(_context42, fu
   });
 });
 var _tab = require("./tab");
-_forEachInstanceProperty(_context43 = _Object$keys(_tab)).call(_context43, function (key) {
+_forEachInstanceProperty(_context44 = _Object$keys(_tab)).call(_context44, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tab[key]) return;
   _Object$defineProperty(exports, key, {
@@ -481,7 +492,7 @@ _forEachInstanceProperty(_context43 = _Object$keys(_tab)).call(_context43, funct
   });
 });
 var _table = require("./table");
-_forEachInstanceProperty(_context44 = _Object$keys(_table)).call(_context44, function (key) {
+_forEachInstanceProperty(_context45 = _Object$keys(_table)).call(_context45, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _table[key]) return;
   _Object$defineProperty(exports, key, {
@@ -492,7 +503,7 @@ _forEachInstanceProperty(_context44 = _Object$keys(_table)).call(_context44, fun
   });
 });
 var _tabs = require("./tabs");
-_forEachInstanceProperty(_context45 = _Object$keys(_tabs)).call(_context45, function (key) {
+_forEachInstanceProperty(_context46 = _Object$keys(_tabs)).call(_context46, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tabs[key]) return;
   _Object$defineProperty(exports, key, {
@@ -503,7 +514,7 @@ _forEachInstanceProperty(_context45 = _Object$keys(_tabs)).call(_context45, func
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context46 = _Object$keys(_text)).call(_context46, function (key) {
+_forEachInstanceProperty(_context47 = _Object$keys(_text)).call(_context47, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {
@@ -514,7 +525,7 @@ _forEachInstanceProperty(_context46 = _Object$keys(_text)).call(_context46, func
   });
 });
 var _timefield = require("./timefield");
-_forEachInstanceProperty(_context47 = _Object$keys(_timefield)).call(_context47, function (key) {
+_forEachInstanceProperty(_context48 = _Object$keys(_timefield)).call(_context48, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _timefield[key]) return;
   _Object$defineProperty(exports, key, {
@@ -525,7 +536,7 @@ _forEachInstanceProperty(_context47 = _Object$keys(_timefield)).call(_context47,
   });
 });
 var _tooltipTrigger = require("./tooltipTrigger");
-_forEachInstanceProperty(_context48 = _Object$keys(_tooltipTrigger)).call(_context48, function (key) {
+_forEachInstanceProperty(_context49 = _Object$keys(_tooltipTrigger)).call(_context49, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tooltipTrigger[key]) return;
   _Object$defineProperty(exports, key, {

package/lib/cjs/types/listView.d.ts

@@ -2,6 +2,7 @@ import { Dispatch, Key, ReactNode, SetStateAction } from 'react';
 import { FocusManager } from 'react-aria';
 import { TreeProps, TreeState } from 'react-stately';
 import type { GridNode } from '@react-types/grid';
+import { ThemeUICSSObject } from 'theme-ui';
 import { ExampleItemProps } from '../components/ListView/ListView.stories';
 export type SelectionOptions = 'expansion' | 'single' | 'multiple' | 'none';
 export interface ListViewProps extends Omit<TreeProps<ExampleItemProps>, 'selectionMode'> {
@@ -13,6 +14,7 @@ export interface ListViewProps extends Omit<TreeProps<ExampleItemProps>, 'select
     onLoadMore?: () => void;
     'aria-label'?: string;
     containerProps?: object;
+    sx?: ThemeUICSSObject;
 }
 export interface ExpandableItemChildrenContainerProps {
     children?: ReactNode;

package/lib/components/CollapsiblePanel/CollapsiblePanel.js

@@ -4,10 +4,8 @@ var _excluded = ["selectedFilterCount", "className", "closeAriaLabel", "children
 import React, { forwardRef } from 'react';
 import { mergeProps, useFocusRing } from 'react-aria';
 import kebabCase from 'lodash/kebabCase';
-import PropTypes from 'prop-types';
 import { Box, CollapsiblePanelContainer, ListView, Text } from '../..';
 import { useStatusClasses } from '../../hooks';
-import { isIterableProp } from '../../utils/devUtils/props/isIterable';
 import CollapsiblePanelBadge from '../CollapsiblePanelContainer/CollapsiblePanelBadge';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var CollapsiblePanel = /*#__PURE__*/forwardRef(function (props, ref) {
@@ -51,7 +49,9 @@ var CollapsiblePanel = /*#__PURE__*/forwardRef(function (props, ref) {
     ref: ref,
     tabIndex: -1,
     variant: "collapsiblePanel.content"
-  }, mergedProps, others), ___EmotionJSX(Box, {
+  }, mergedProps, others, {
+    role: "region"
+  }), ___EmotionJSX(Box, {
     isRow: true,
     variant: "collapsiblePanel.containerTitle"
   }, ___EmotionJSX(Text, {
@@ -68,37 +68,12 @@ var CollapsiblePanel = /*#__PURE__*/forwardRef(function (props, ref) {
     onSelectionChange: onSelectionChange,
     selectionMode: "none",
     selectionStyle: "highlight",
-    style: {
-      width: '100%'
-    },
-    pl: "md"
+    sx: {
+      width: '100%',
+      pl: 'md'
+    }
   }, children))));
 });
-CollapsiblePanel.propTypes = {
-  /** Amount of selected items indicator. */
-  selectedFilterCount: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  /** Title of list content. */
-  listTitle: PropTypes.string,
-  /** Defines a string value that labels the trigger icon when menu is open. */
-  closeAriaLabel: PropTypes.string,
-  /** Sets the default open state of the overlay. */
-  isDefaultOpen: PropTypes.bool,
-  /** Whether the overlay is currently open. */
-  isOpen: PropTypes.bool,
-  /** The list of ListView items (controlled). */
-  items: isIterableProp,
-  /**
-   * Method that is called when the open state of the menu changes.
-   * Returns the new open state and the action that caused the opening of the menu.
-   *
-   * `(isOpen: boolean, overlayTrigger: OverlayTriggerAction) => void`
-   */
-  onOpenChange: PropTypes.func,
-  /** Callback function that fires when the selected key changes. */
-  onSelectionChange: PropTypes.func,
-  /** Defines a string value that labels the trigger icon when menu is closed. */
-  openAriaLabel: PropTypes.string
-};
 CollapsiblePanel.defaultProps = {
   isDefaultOpen: true
 };

package/lib/components/CollapsiblePanel/CollapsiblePanel.stories.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { withDesign } from 'storybook-addon-designs';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { CollapsiblePanel } from '../../index';
-import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks.ts';
+import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
 import CollapsiblePanelReadme from './CollapsiblePanel.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {

package/lib/components/CollapsiblePanel/CollapsiblePanel.test.js

@@ -32,7 +32,8 @@ beforeAll(function () {
     return 1024;
   });
   jest.spyOn(window, 'requestAnimationFrame').mockImplementation(function (cb) {
-    return cb();
+    cb(0);
+    return 0;
   });
 });
 afterEach(function () {

package/lib/components/CollapsiblePanelContainer/CollapsiblePanelBadge.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["selectedFilterCount"];
 import React, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
 import Badge from '../Badge';
 
 /**
@@ -10,21 +9,18 @@ import Badge from '../Badge';
  */
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var CollapsiblePanelBadge = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _ref;
   var selectedFilterCount = props.selectedFilterCount,
     others = _objectWithoutProperties(props, _excluded);
   return ___EmotionJSX(Badge, _extends({
     ref: ref,
     as: "span",
     bg: "neutral.90",
-    label: selectedFilterCount.toString(),
+    label: (_ref = selectedFilterCount && selectedFilterCount.toString()) !== null && _ref !== void 0 ? _ref : '',
     textColor: "neutral.30",
     variant: "variants.collapsiblePanel.badge",
     isUppercase: true
   }, others));
 });
-CollapsiblePanelBadge.propTypes = {
-  selectedFilterCount: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  margin: PropTypes.string
-};
 CollapsiblePanelBadge.displayName = 'CollapsiblePanelBadge';
 export default CollapsiblePanelBadge;

package/lib/components/CollapsiblePanelContainer/CollapsiblePanelBadge.test.js

@@ -34,4 +34,11 @@ test('custom classname can be passed', function () {
   });
   var collapsiblePanelBadge = screen.getByTestId(testId);
   expect(collapsiblePanelBadge).toHaveClass('testing-class');
+});
+test('Filter count is passed', function () {
+  getComponent({
+    selectedFilterCount: 5
+  });
+  var collapsiblePanelBadge = screen.getByTestId(testId);
+  expect(collapsiblePanelBadge).toHaveTextContent('5');
 });

package/lib/components/CollapsiblePanelContainer/CollapsiblePanelContainer.js

@@ -5,7 +5,6 @@ import React, { forwardRef } from 'react';
 import { useOverlayTriggerState } from 'react-stately';
 import ChevronLeftIcon from '@pingux/mdi-react/ChevronLeftIcon';
 import ChevronRightIcon from '@pingux/mdi-react/ChevronRightIcon';
-import PropTypes from 'prop-types';
 import { useStatusClasses } from '../../hooks';
 import { Box, Icon, IconButton } from '../../index';
 import CollapsiblePanelBadge from './CollapsiblePanelBadge';
@@ -26,7 +25,7 @@ var CollapsiblePanelContainer = /*#__PURE__*/forwardRef(function (props, ref) {
     openAriaLabel = props.openAriaLabel,
     collapsiblePanelId = props.collapsiblePanelId,
     others = _objectWithoutProperties(props, _excluded);
-  var triggerRef = React.useRef();
+  var triggerRef = React.useRef(null);
   var state = useOverlayTriggerState({
     defaultOpen: isDefaultOpen,
     isOpen: isOpen,
@@ -39,14 +38,16 @@ var CollapsiblePanelContainer = /*#__PURE__*/forwardRef(function (props, ref) {
     classNames = _useStatusClasses.classNames;
   var handleButtonPress = function handleButtonPress() {
     if (state.isOpen) {
-      close(state, triggerRef, close);
+      // close(state, triggerRef, close);
+      close();
     } else {
       state.open();
     }
   };
   var handleClose = function handleClose(e) {
     if (e.key === 'Escape') {
-      close(state, triggerRef, close);
+      // close(state, triggerRef, close);
+      close();
     }
   };
   return ___EmotionJSX(Box, _extends({
@@ -64,7 +65,7 @@ var CollapsiblePanelContainer = /*#__PURE__*/forwardRef(function (props, ref) {
     ref: triggerRef,
     variant: "toggle",
     pr: "sm",
-    "aria-controls": state.isOpen ? collapsiblePanelId : null
+    "aria-controls": state.isOpen ? collapsiblePanelId : ''
   }, ___EmotionJSX(Icon, {
     color: "active",
     icon: state.isOpen ? ChevronRightIcon : ChevronLeftIcon,
@@ -79,27 +80,6 @@ var CollapsiblePanelContainer = /*#__PURE__*/forwardRef(function (props, ref) {
     selectedFilterCount: selectedFilterCount
   })), children);
 });
-CollapsiblePanelContainer.propTypes = {
-  /** Amount of selected items indicator. */
-  selectedFilterCount: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  /** Defines a string value that labels the trigger icon when menu is open. */
-  closeAriaLabel: PropTypes.string,
-  /** Sets the default open state of the overlay. */
-  isDefaultOpen: PropTypes.bool,
-  /** Whether the overlay is currently open. */
-  isOpen: PropTypes.bool,
-  /**
-   * Method that is called when the open state of the menu changes.
-   * Returns the new open state and the action that caused the opening of the menu.
-   *
-   * `(isOpen: boolean, overlayTrigger: OverlayTriggerAction) => void`
-   */
-  onOpenChange: PropTypes.func,
-  /** Defines a string value that labels the trigger icon when menu is closed. */
-  openAriaLabel: PropTypes.string,
-  /** Used in button aria-controls attribute. */
-  collapsiblePanelId: PropTypes.string
-};
 CollapsiblePanelContainer.defaultProps = {
   openAriaLabel: 'Open filter menu?',
   closeAriaLabel: 'Close filter menu?'

package/lib/components/CollapsiblePanelContainer/CollapsiblePanelContainer.test.js

@@ -43,20 +43,13 @@ test('custom classname can be passed', function () {
 test('shows badge when container is closed', function () {
   getComponent({
     selectedFilterCount: 9,
-    state: {
-      isOpen: false
-    }
+    isOpen: false
   });
   var badge = screen.getByTestId(collapsiblePanelBadgeId);
   expect(badge).toBeInTheDocument();
 });
 test('updates aria label when button is clicked', function () {
-  var state = {
-    isOpen: true
-  };
-  getComponent({
-    state: state
-  });
+  getComponent();
   var button = screen.getByTestId(collapsiblePanelButtonId);
   var container = screen.getByTestId(testId);
   userEvent.click(button);