@patternfly/react-core 6.0.0-alpha.99 → 6.0.0-prerelease.2

package/src/demos/examples/Page/PageStickySectionBreadcrumb.tsx

@@ -116,7 +116,7 @@ export const PageStickySectionBreadcrumb: React.FunctionComponent = () => {
   );
 
   const headerToolbar = (
-    <Toolbar id="toolbar" isFullHeight isStatic>
+    <Toolbar id="toolbar" isStatic>
       <ToolbarContent>
         <ToolbarGroup
           variant="action-group-plain"
@@ -191,9 +191,8 @@ export const PageStickySectionBreadcrumb: React.FunctionComponent = () => {
               <MenuToggle
                 ref={toggleRef}
                 onClick={onDropdownToggle}
-                isFullHeight
                 isExpanded={isDropdownOpen}
-                icon={<Avatar src={imgAvatar} alt="" />}
+                icon={<Avatar src={imgAvatar} alt="" size="sm" />}
               >
                 Ned Username
               </MenuToggle>

package/src/demos/examples/Page/PageStickySectionGroup.tsx

@@ -116,7 +116,7 @@ export const PageStickySectionGroup: React.FunctionComponent = () => {
   );
 
   const headerToolbar = (
-    <Toolbar id="toolbar" isFullHeight isStatic>
+    <Toolbar id="toolbar" isStatic>
       <ToolbarContent>
         <ToolbarGroup
           variant="action-group-plain"
@@ -191,9 +191,8 @@ export const PageStickySectionGroup: React.FunctionComponent = () => {
               <MenuToggle
                 ref={toggleRef}
                 onClick={onDropdownToggle}
-                isFullHeight
                 isExpanded={isDropdownOpen}
-                icon={<Avatar src={imgAvatar} alt="" />}
+                icon={<Avatar src={imgAvatar} alt="" size="sm" />}
               >
                 Ned Username
               </MenuToggle>

package/src/demos/examples/Page/PageStickySectionGroupAlternate.tsx

@@ -108,7 +108,7 @@ export const PageStickySectionGroupAlternate: React.FunctionComponent = () => {
   );
 
   const headerToolbar = (
-    <Toolbar id="toolbar" isFullHeight isStatic>
+    <Toolbar id="toolbar" isStatic>
       <ToolbarContent>
         <ToolbarGroup
           variant="action-group-plain"
@@ -183,9 +183,8 @@ export const PageStickySectionGroupAlternate: React.FunctionComponent = () => {
               <MenuToggle
                 ref={toggleRef}
                 onClick={onDropdownToggle}
-                isFullHeight
                 isExpanded={isDropdownOpen}
-                icon={<Avatar src={imgAvatar} alt="" />}
+                icon={<Avatar src={imgAvatar} alt="" size="sm" />}
               >
                 Ned Username
               </MenuToggle>

package/src/demos/examples/Tabs/ModalTabs.tsx

@@ -5,10 +5,12 @@ import {
   Content,
   Gallery,
   Card,
+  CardHeader,
   CardBody,
   CardTitle,
   Modal,
-  ModalVariant,
+  ModalBody,
+  ModalHeader,
   Tab,
   Tabs,
   TabTitleText,
@@ -20,25 +22,25 @@ import {
 } from '@patternfly/react-core';
 
 interface Product {
-  id: number;
+  id: string;
   name: string;
   description: string;
 }
 
 const products: Product[] = [
   {
-    id: 0,
+    id: 'pf-card',
     name: 'PatternFly',
     description: 'PatternFly is a community project that promotes design commonality and improves user experience.'
   },
   {
-    id: 1,
+    id: 'mq-card',
     name: 'ActiveMQ',
     description:
       'The ActiveMQ component allows messages to be sent to a JMS Queue or Topic; or messages to be consumed from a JMS Queue or Topic using Apache ActiveMQ.'
   },
   {
-    id: 2,
+    id: 'apache-card',
     name: 'Apache Spark',
     description: 'This documentation page covers the Apache Spark component for the Apache Camel.'
   }
@@ -46,7 +48,7 @@ const products: Product[] = [
 
 export const ModalTabs: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(true);
-  const [selectedProduct, setSelectedProduct] = React.useState<Product>(products[0]);
+  const [selectedProduct, setSelectedProduct] = React.useState<Product | undefined>(products[0]);
   const [activeTabKey, setActiveTabKey] = React.useState<string | number>(0);
 
   const onCardClick = React.useCallback(
@@ -57,15 +59,6 @@ export const ModalTabs: React.FunctionComponent = () => {
     []
   );
 
-  const onCardKeyPress = React.useCallback(
-    (product: Product) => (event: React.KeyboardEvent<HTMLElement>) => {
-      if (event.key === 'Enter' || event.key === ' ') {
-        onCardClick(product)();
-      }
-    },
-    []
-  );
-
   const closeModal = React.useCallback(() => {
     setSelectedProduct(undefined);
     setIsModalOpen(false);
@@ -91,16 +84,23 @@ export const ModalTabs: React.FunctionComponent = () => {
             {products.map((product) => (
               <Card
                 isSelectable
-                isSelectableRaised
-                hasSelectableInput
+                isSelected={selectedProduct?.id === product.id}
                 isCompact
                 key={product.id}
                 id={product.name.replace(/ /g, '-')}
-                onClick={onCardClick(product)}
-                onSelectableInputChange={() => onCardClick(product)()}
-                onKeyPress={onCardKeyPress(product)}
               >
-                <CardTitle>{product.name}</CardTitle>
+                <CardHeader
+                  selectableActions={{
+                    selectableActionId: product.id,
+                    selectableActionAriaLabelledby: 'single-selectable-card-example-1',
+                    name: 'single-selectable-card-example',
+                    variant: 'single',
+                    onChange: onCardClick(product),
+                    hasNoOffset: true
+                  }}
+                >
+                  <CardTitle>{product.name}</CardTitle>
+                </CardHeader>
                 <CardBody>{product.description}</CardBody>
               </Card>
             ))}
@@ -109,33 +109,43 @@ export const ModalTabs: React.FunctionComponent = () => {
       </DashboardWrapper>
 
       {selectedProduct && (
-        <Modal variant={ModalVariant.small} title={selectedProduct.name} isOpen={isModalOpen} onClose={closeModal}>
-          <Grid hasGutter>
-            <GridItem>
-              <Tabs activeKey={activeTabKey} onSelect={onTabSelect} isSecondary hasSecondaryBorderBottom>
-                <Tab eventKey={0} tabContentId="details-tab" title={<TabTitleText>Details</TabTitleText>} />
-                <Tab eventKey={1} tabContentId="doc-tab" title={<TabTitleText>Documentation</TabTitleText>} />
-              </Tabs>
-            </GridItem>
-            <GridItem>
-              <TabContent eventKey={0} id="details-tab" hidden={activeTabKey !== 0}>
-                {selectedProduct.description}
-              </TabContent>
-              <TabContent eventKey={1} id="doc-tab" hidden={activeTabKey !== 1}>
-                <List>
-                  <ListItem>
-                    <a>Doc link 1</a>
-                  </ListItem>
-                  <ListItem>
-                    <a>Doc link 2</a>
-                  </ListItem>
-                  <ListItem>
-                    <a>Doc link 3</a>
-                  </ListItem>
-                </List>
-              </TabContent>
-            </GridItem>
-          </Grid>
+        <Modal
+          variant="small"
+          isOpen={isModalOpen}
+          onClose={closeModal}
+          ouiaId="TabsModal"
+          aria-labelledby="tabs-modal-title"
+          aria-describedby="tabs-modal-box-body-basic"
+        >
+          <ModalHeader title={selectedProduct.name} labelId="tabs-modal-title" />
+          <ModalBody id="tabs-modal-box-body-basic">
+            <Grid hasGutter>
+              <GridItem>
+                <Tabs activeKey={activeTabKey} onSelect={onTabSelect}>
+                  <Tab eventKey={0} tabContentId="details-tab" title={<TabTitleText>Details</TabTitleText>} />
+                  <Tab eventKey={1} tabContentId="doc-tab" title={<TabTitleText>Documentation</TabTitleText>} />
+                </Tabs>
+              </GridItem>
+              <GridItem>
+                <TabContent eventKey={0} id="details-tab" hidden={activeTabKey !== 0}>
+                  {selectedProduct.description}
+                </TabContent>
+                <TabContent eventKey={1} id="doc-tab" hidden={activeTabKey !== 1}>
+                  <List>
+                    <ListItem>
+                      <a>Doc link 1</a>
+                    </ListItem>
+                    <ListItem>
+                      <a>Doc link 2</a>
+                    </ListItem>
+                    <ListItem>
+                      <a>Doc link 3</a>
+                    </ListItem>
+                  </List>
+                </TabContent>
+              </GridItem>
+            </Grid>
+          </ModalBody>
         </Modal>
       )}
     </React.Fragment>

package/src/demos/examples/Tabs/NestedTabs.tsx

@@ -43,8 +43,6 @@ export const NestedTabs: React.FunctionComponent = () => {
               <FlexItem>
                 <Tabs
                   activeKey={activeNestedTabKey}
-                  isSecondary
-                  hasSecondaryBorderBottom
                   onSelect={(_event, tabIndex) => handleNestedTabClick(Number(tabIndex))}
                   id="nested-tabs-example-nested-tabs-list"
                 >

package/src/demos/examples/Tabs/NestedUnindentedTabs.tsx

@@ -40,8 +40,6 @@ export const NestedUnindentedTabs: React.FunctionComponent = () => {
       <GridItem>
         <Tabs
           activeKey={activeNestedTabKey}
-          isSecondary
-          hasSecondaryBorderBottom
           onSelect={(_event, tabIndex) => handleNestedTabClick(Number(tabIndex))}
           id="nested-tabs-example-nested-tabs-list"
         >

package/src/deprecated/components/Chip/__tests__/__snapshots__/Chip.test.tsx.snap

@@ -32,7 +32,7 @@ exports[`Matches snapshot 1`] = `
         type="button"
       >
         <span
-          class="pf-v6-c-button__icon pf-m-start"
+          class="pf-v6-c-button__icon"
         >
           <svg
             aria-hidden="true"

package/src/deprecated/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap

@@ -31,7 +31,7 @@ exports[`Modal Content Test description 1`] = `
             type="button"
           >
             <span
-              class="pf-v6-c-button__icon pf-m-start"
+              class="pf-v6-c-button__icon"
             >
               <svg
                 aria-hidden="true"
@@ -111,7 +111,7 @@ exports[`Modal Content Test isOpen 1`] = `
             type="button"
           >
             <span
-              class="pf-v6-c-button__icon pf-m-start"
+              class="pf-v6-c-button__icon"
             >
               <svg
                 aria-hidden="true"
@@ -186,7 +186,7 @@ exports[`Modal Content Test only body 1`] = `
             type="button"
           >
             <span
-              class="pf-v6-c-button__icon pf-m-start"
+              class="pf-v6-c-button__icon"
             >
               <svg
                 aria-hidden="true"
@@ -261,7 +261,7 @@ exports[`Modal Content Test with footer 1`] = `
             type="button"
           >
             <span
-              class="pf-v6-c-button__icon pf-m-start"
+              class="pf-v6-c-button__icon"
             >
               <svg
                 aria-hidden="true"
@@ -341,7 +341,7 @@ exports[`Modal Content Test with onclose 1`] = `
             type="button"
           >
             <span
-              class="pf-v6-c-button__icon pf-m-start"
+              class="pf-v6-c-button__icon"
             >
               <svg
                 aria-hidden="true"
@@ -421,7 +421,7 @@ exports[`Modal Content test without footer 1`] = `
             type="button"
           >
             <span
-              class="pf-v6-c-button__icon pf-m-start"
+              class="pf-v6-c-button__icon"
             >
               <svg
                 aria-hidden="true"
@@ -496,7 +496,7 @@ exports[`Modal Test with custom footer 1`] = `
             type="button"
           >
             <span
-              class="pf-v6-c-button__icon pf-m-start"
+              class="pf-v6-c-button__icon"
             >
               <svg
                 aria-hidden="true"
@@ -580,7 +580,7 @@ exports[`Modal Test with custom header 1`] = `
             type="button"
           >
             <span
-              class="pf-v6-c-button__icon pf-m-start"
+              class="pf-v6-c-button__icon"
             >
               <svg
                 aria-hidden="true"

package/src/deprecated/components/Modal/examples/ModalWithHelp.tsx

@@ -29,9 +29,7 @@ export const ModalWithHelp: React.FunctionComponent = () => {
             }
             footerContent="Popover Footer"
           >
-            <Button variant="plain" aria-label="Help">
-              <HelpIcon />
-            </Button>
+            <Button variant="plain" aria-label="Help" icon={<HelpIcon />} />
           </Popover>
         }
         isOpen={isModalOpen}

package/src/deprecated/components/Wizard/__tests__/__snapshots__/Wizard.test.tsx.snap

@@ -21,7 +21,7 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
           type="button"
         >
           <span
-            class="pf-v6-c-button__icon pf-m-start"
+            class="pf-v6-c-button__icon"
           >
             <svg
               aria-hidden="true"
@@ -336,7 +336,7 @@ exports[`Wizard Wizard should match snapshot 1`] = `
           type="button"
         >
           <span
-            class="pf-v6-c-button__icon pf-m-start"
+            class="pf-v6-c-button__icon"
           >
             <svg
               aria-hidden="true"

package/dist/styles/assets/images/pf-logo-small.svg

@@ -1,23 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="30px" height="27px" viewBox="0 0 30 27" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 54 (76480) - https://sketchapp.com -->
-    <title>Group 12</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
-            <stop stop-color="#7DC3E8" stop-opacity="0.600169362" offset="0%"></stop>
-            <stop stop-color="#007BBA" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g transform="translate(-351.000000, -422.000000)" fill="url(#linearGradient-1)" fill-rule="nonzero">
-            <g transform="translate(322.000000, 395.000000)">
-                <g transform="translate(29.000000, 27.000000)">
-                    <g>
-                        <path d="M29.3047523,13.6067281 L14.8028311,0.0924998513 L14.6960566,0 L14.5601618,0.0924998513 L0.0873609707,13.6067281 L0,13.689978 L0.0679474216,13.7824778 L5.82406471,21.5709653 L5.88230536,21.6449652 L5.9793731,21.6449652 L10.2794742,20.7199667 L14.5601618,26.4364575 L14.6766431,26.5937073 L14.7931244,26.4364575 L19.0932255,20.6829668 L23.3836198,21.6079653 L23.4806876,21.6079653 L23.5389282,21.5339654 L29.3047523,13.7454779 L29.3726997,13.6529781 L29.3047523,13.6067281 Z M20.9957533,15.1699756 L21.5005056,16.2522239 L18.7826087,19.878218 L17.5789687,19.6192185 L20.9957533,15.1699756 Z M21.1607685,13.7454779 L16.0841254,2.77499554 L23.2186047,11.0999822 L21.1607685,13.7454779 Z M22.3255814,16.4002236 L22.3741153,16.3354737 L22.3741153,16.2614739 L21.5587462,14.5039767 L24.1116279,11.0999822 L24.1698686,11.0999822 L24.1019211,11.0167323 L18.9573306,5.01349194 L28.411729,13.8194778 L26.4703741,16.4002236 L23.1506572,20.8864664 L19.5494439,20.1002177 L22.3255814,16.4002236 Z M12.269363,20.2482175 L14.6669363,23.3747124 L14.7931244,23.5412122 L14.9096057,23.3747124 L17.1227503,20.2482175 L18.3166835,20.516467 L14.6960566,25.3634592 L11.0754297,20.516467 L12.269363,20.2482175 Z M12.871183,19.8227181 L14.6960566,2.88599536 L16.5015167,19.8227181 L14.7542973,22.2924642 L12.871183,19.8227181 Z M13.8418605,3.34849462 L12.1237614,18.8144698 L8.73609707,14.4207268 L13.8418605,3.34849462 Z M6.17350859,11.0999822 L13.3176946,2.77499554 L8.23134479,13.7454779 L6.17350859,11.0999822 Z M10.4347826,4.99499197 L5.29019211,10.9982323 L5.22224469,11.0999822 L5.29019211,11.183232 L7.88190091,14.5502266 L7.06653185,16.3077238 L7.06653185,16.3817237 L7.06653185,16.4464736 L9.79413549,20.1002177 L6.20262892,20.8864664 L0.970677452,13.7732279 L10.4347826,4.99499197 Z M11.8131446,19.6469684 L10.6095046,19.905968 L7.90131446,16.2522239 L8.39635996,15.1699756 L11.8131446,19.6469684 Z M15.5308392,3.34849462 L20.6463094,14.4484768 L17.2683519,18.8422197 L15.5308392,3.34849462 Z"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/dist/styles/assets/images/pf_logo_white.hbs

@@ -1,35 +0,0 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
-  viewBox="0 0 706.3 132.5" fill="currentColor"{{#if pf_logo_white--attribute}} {{{pf_logo_white--attribute}}}{{/if}}>
-<g>
-  <path d="M197.2,83.9V48.6h15.2c2.2,0,4.1,0.3,5.6,1c1.5,0.7,2.8,1.5,3.7,2.6c1,1.1,1.6,2.3,2.1,3.6
-    c0.4,1.3,0.6,2.7,0.6,4c0,0.9-0.1,1.7-0.3,2.6c-0.2,0.9-0.5,1.7-0.9,2.6c-0.4,0.8-0.9,1.6-1.6,2.3c-0.6,0.7-1.4,1.4-2.3,1.9
-    c-0.9,0.5-1.9,1-3.1,1.3c-1.2,0.3-2.5,0.5-3.9,0.5h-8.3v13H197.2z M212.7,64.4c0.9,0,1.6-0.1,2.2-0.4c0.6-0.3,1.1-0.6,1.4-1.1
-    c0.4-0.4,0.6-0.9,0.8-1.5c0.2-0.6,0.3-1.1,0.3-1.7c0-0.5-0.1-1-0.2-1.6c-0.1-0.5-0.4-1-0.7-1.5c-0.4-0.5-0.8-0.8-1.4-1.1
-    c-0.6-0.3-1.4-0.4-2.3-0.4h-8.6v9.4H212.7z"/>
-  <path d="M271.6,83.9l-2.7-7.3h-13.6l-2.7,7.3h-7.3l13.5-35.4h6.7l13.5,35.4H271.6z M263.2,61.2
-    c-0.2-0.4-0.4-0.9-0.6-1.5c-0.2-0.6-0.4-1.1-0.5-1.7c-0.1,0.5-0.3,1.1-0.5,1.7c-0.2,0.6-0.4,1.1-0.6,1.5l-3.5,9.2h9.2L263.2,61.2z"
-    />
-  <path d="M317.3,55.2v28.8h-6.8V55.2h-10.1v-6.6h27v6.6H317.3z"/>
-  <path d="M370.2,55.2v28.8h-6.8V55.2h-10.1v-6.6h27v6.6H370.2z"/>
-  <path d="M408.5,83.9V48.6h24.1v6.5h-17.3v7.4h10.2v6.5h-10.2v8.5h18.4v6.5H408.5z"/>
-  <path d="M462.4,83.9V48.6h16.4c2.2,0,4.1,0.3,5.6,0.9c1.5,0.6,2.7,1.4,3.6,2.5c0.9,1,1.6,2.2,2,3.5
-    c0.4,1.3,0.6,2.7,0.6,4.2c0,1-0.1,2-0.4,3c-0.3,1-0.7,2-1.3,2.9c-0.6,0.9-1.3,1.8-2.1,2.5c-0.9,0.7-1.8,1.3-3,1.7l6.9,14.1H483
-    l-6.6-13.2h-7.1v13.2H462.4z M478.9,64.3c0.9,0,1.6-0.1,2.2-0.4c0.6-0.3,1.1-0.6,1.4-1c0.4-0.4,0.6-0.9,0.8-1.5
-    c0.2-0.6,0.2-1.1,0.2-1.7c0-0.6-0.1-1.1-0.2-1.7c-0.1-0.6-0.4-1-0.7-1.5c-0.3-0.4-0.8-0.8-1.4-1c-0.6-0.3-1.4-0.4-2.3-0.4h-9.7v9.2
-    H478.9z"/>
-  <path d="M541.9,83.9l-14-20.6c-0.2-0.3-0.5-0.8-0.8-1.3c-0.3-0.5-0.5-1-0.7-1.4c0.1,0.4,0.1,0.8,0.1,1.3
-    c0,0.5,0,1,0,1.3v20.6h-6.8V48.6h6.4l13.7,20.4c0.2,0.3,0.5,0.7,0.7,1.2c0.3,0.5,0.5,1,0.7,1.4c0-0.5-0.1-1-0.1-1.4
-    c0-0.5,0-0.9,0-1.2V48.6h6.8v35.4H541.9z"/>
-  <path d="M578.4,83.9V48.6h23.7v6.5h-16.9v7.4H596v6.5h-10.7v15H578.4z"/>
-  <path d="M629.8,83.9V48.6h6.8v28.8h17.1v6.6H629.8z"/>
-  <path d="M686.4,83.9V70.2l-13.1-21.6h7.7l8.7,14.5l8.7-14.5h7.7l-13.1,21.6v13.8H686.4z"/>
-</g>
-<g>
-  <path d="M49,103l-21.2,4.9L0,68.4L70,0l70,68.4l-27.8,39.4L91,103l-21,29.5L49,103z M70,128.7l18.6-26.2l-7.2-1.7
-    l-11,16.2l-11.9-16.2l-7.2,1.7L70,128.7z M70.4,113.1l9.2-13.5L70,6.7l-9.5,92.9L70.4,113.1z M28.8,105.4l18.8-4.3L33.8,81.7
-    l4.1-9.3L25.2,55L58,14.9L2.9,68.7L28.8,105.4z M111.2,105.4l16.3-23.1l9.6-13.6L82,14.9L114.9,55l-12.8,17.4l4.1,9.3L92.4,101
-    L111.2,105.4z M90.1,100.5l13.6-19.1l-3-6.9L82.7,98.8L90.1,100.5z M50,100.5l7.3-1.7L39.4,74.5l-3,6.9L50,100.5z M81.9,96.2
-    l17.6-24.1L72.9,11.6L81.9,96.2z M58.1,96.2l9-84.6L40.5,72.1L58.1,96.2z M39,70L66.1,8.5L28,55.1L39,70z M101.1,70l11-15L74,8.5
-    L101.1,70z"/>
-</g>
-</svg>

package/dist/styles/assets/images/pfbg-icon.svg

@@ -1 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 110.27 105.77"><defs><style>.cls-1{fill:#26292d;}</style></defs><polygon class="cls-1" points="110.27 87.87 97.53 105.77 99.28 105.77 110.27 90.32 110.27 87.87"/><path class="cls-1" d="M23.22,105.77H25L1.86,73.05,67.4,9,27,58.44,40.58,77l-4.37,9.93L49.6,105.77h1.75l-13.51-19,3.71-8.43,20.06,27.35-.32.08h2.49L74.21,4.22l.23-.54.23.53L85.1,105.77h2.49l-.32-.08,20.06-27.35L110.27,85V81.47l-2-4.46,2-2.68V71.92l-2.63,3.59L76.8,5.52l33.47,40.92V44.19L81.49,9l28.78,28.14v-2L74.61.28V.15l-.06.08,0,0,0-.21-.12.11L74.32,0l0,.21,0,0L74.26.15V.28L0,72.88Zm83.44-28.94-19.82,27L76.7,8.8ZM62,103.87l-19.83-27,30-68ZM41.24,75.51l-12.47-17,43.31-53Z"/></svg>

package/scripts/cleanDistExports.js

@@ -1,14 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-
-const distIndexFiles = ['esm', 'js'].map((dir) => path.join(process.cwd(), 'dist', dir, 'index.js'));
-const distIndexDeclarationFiles = ['esm', 'js'].map((dir) => path.join(process.cwd(), 'dist', dir, 'index.d.ts'));
-
-[...distIndexFiles, ...distIndexDeclarationFiles].forEach((file) => {
-  const fileContents = fs.readFileSync(file, 'utf8');
-  const newFileContents = fileContents
-    .split('\n')
-    .filter((line) => !line.includes('demos'))
-    .join('\n');
-  fs.writeFileSync(file, newFileContents);
-});

package/src/helpers/safeHTMLElement.js

@@ -1,4 +0,0 @@
-// https://github.com/reactjs/react-modal/blob/master/src/helpers/safeHTMLElement.js
-import { canUseDOM } from './util';
-
-export default canUseDOM ? window.HTMLElement : {};