@wordpress/interface 5.25.1-next.79a6196f.0 → 5.27.0

package/build/components/preferences-modal-section/index.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-const Section = ({
-  description,
-  title,
-  children
-}) => (0, _react.createElement)("fieldset", {
-  className: "interface-preferences-modal__section"
-}, (0, _react.createElement)("legend", {
-  className: "interface-preferences-modal__section-legend"
-}, (0, _react.createElement)("h2", {
-  className: "interface-preferences-modal__section-title"
-}, title), description && (0, _react.createElement)("p", {
-  className: "interface-preferences-modal__section-description"
-}, description)), (0, _react.createElement)("div", {
-  className: "interface-preferences-modal__section-content"
-}, children));
-var _default = Section;
-exports.default = _default;
-//# sourceMappingURL=index.js.map

package/build/components/preferences-modal-section/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Section","description","title","children","_react","createElement","className","_default","exports","default"],"sources":["@wordpress/interface/src/components/preferences-modal-section/index.js"],"sourcesContent":["const Section = ( { description, title, children } ) => (\n\t<fieldset className=\"interface-preferences-modal__section\">\n\t\t<legend className=\"interface-preferences-modal__section-legend\">\n\t\t\t<h2 className=\"interface-preferences-modal__section-title\">\n\t\t\t\t{ title }\n\t\t\t</h2>\n\t\t\t{ description && (\n\t\t\t\t<p className=\"interface-preferences-modal__section-description\">\n\t\t\t\t\t{ description }\n\t\t\t\t</p>\n\t\t\t) }\n\t\t</legend>\n\t\t<div className=\"interface-preferences-modal__section-content\">\n\t\t\t{ children }\n\t\t</div>\n\t</fieldset>\n);\n\nexport default Section;\n"],"mappings":";;;;;;;AAAA,MAAMA,OAAO,GAAGA,CAAE;EAAEC,WAAW;EAAEC,KAAK;EAAEC;AAAS,CAAC,KACjD,IAAAC,MAAA,CAAAC,aAAA;EAAUC,SAAS,EAAC;AAAsC,GACzD,IAAAF,MAAA,CAAAC,aAAA;EAAQC,SAAS,EAAC;AAA6C,GAC9D,IAAAF,MAAA,CAAAC,aAAA;EAAIC,SAAS,EAAC;AAA4C,GACvDJ,KACC,CAAC,EACHD,WAAW,IACZ,IAAAG,MAAA,CAAAC,aAAA;EAAGC,SAAS,EAAC;AAAkD,GAC5DL,WACA,CAEG,CAAC,EACT,IAAAG,MAAA,CAAAC,aAAA;EAAKC,SAAS,EAAC;AAA8C,GAC1DH,QACE,CACI,CACV;AAAC,IAAAI,QAAA,GAEaP,OAAO;AAAAQ,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/preferences-modal-tabs/index.js

@@ -1,111 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = PreferencesModalTabs;
-var _react = require("react");
-var _compose = require("@wordpress/compose");
-var _components = require("@wordpress/components");
-var _element = require("@wordpress/element");
-var _icons = require("@wordpress/icons");
-var _i18n = require("@wordpress/i18n");
-/**
- * WordPress dependencies
- */
-
-const PREFERENCES_MENU = 'preferences-menu';
-function PreferencesModalTabs({
-  sections
-}) {
-  const isLargeViewport = (0, _compose.useViewportMatch)('medium');
-
-  // This is also used to sync the two different rendered components
-  // between small and large viewports.
-  const [activeMenu, setActiveMenu] = (0, _element.useState)(PREFERENCES_MENU);
-  /**
-   * Create helper objects from `sections` for easier data handling.
-   * `tabs` is used for creating the `TabPanel` and `sectionsContentMap`
-   * is used for easier access to active tab's content.
-   */
-  const {
-    tabs,
-    sectionsContentMap
-  } = (0, _element.useMemo)(() => {
-    let mappedTabs = {
-      tabs: [],
-      sectionsContentMap: {}
-    };
-    if (sections.length) {
-      mappedTabs = sections.reduce((accumulator, {
-        name,
-        tabLabel: title,
-        content
-      }) => {
-        accumulator.tabs.push({
-          name,
-          title
-        });
-        accumulator.sectionsContentMap[name] = content;
-        return accumulator;
-      }, {
-        tabs: [],
-        sectionsContentMap: {}
-      });
-    }
-    return mappedTabs;
-  }, [sections]);
-  const getCurrentTab = (0, _element.useCallback)(tab => sectionsContentMap[tab.name] || null, [sectionsContentMap]);
-  let modalContent;
-  // We render different components based on the viewport size.
-  if (isLargeViewport) {
-    modalContent = (0, _react.createElement)(_components.TabPanel, {
-      className: "interface-preferences__tabs",
-      tabs: tabs,
-      initialTabName: activeMenu !== PREFERENCES_MENU ? activeMenu : undefined,
-      onSelect: setActiveMenu,
-      orientation: "vertical"
-    }, getCurrentTab);
-  } else {
-    modalContent = (0, _react.createElement)(_components.__experimentalNavigatorProvider, {
-      initialPath: "/",
-      className: "interface-preferences__provider"
-    }, (0, _react.createElement)(_components.__experimentalNavigatorScreen, {
-      path: "/"
-    }, (0, _react.createElement)(_components.Card, {
-      isBorderless: true,
-      size: "small"
-    }, (0, _react.createElement)(_components.CardBody, null, (0, _react.createElement)(_components.__experimentalItemGroup, null, tabs.map(tab => {
-      return (0, _react.createElement)(_components.__experimentalNavigatorButton, {
-        key: tab.name,
-        path: tab.name,
-        as: _components.__experimentalItem,
-        isAction: true
-      }, (0, _react.createElement)(_components.__experimentalHStack, {
-        justify: "space-between"
-      }, (0, _react.createElement)(_components.FlexItem, null, (0, _react.createElement)(_components.__experimentalTruncate, null, tab.title)), (0, _react.createElement)(_components.FlexItem, null, (0, _react.createElement)(_icons.Icon, {
-        icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight
-      }))));
-    }))))), sections.length && sections.map(section => {
-      return (0, _react.createElement)(_components.__experimentalNavigatorScreen, {
-        key: `${section.name}-menu`,
-        path: section.name
-      }, (0, _react.createElement)(_components.Card, {
-        isBorderless: true,
-        size: "large"
-      }, (0, _react.createElement)(_components.CardHeader, {
-        isBorderless: false,
-        justify: "left",
-        size: "small",
-        gap: "6"
-      }, (0, _react.createElement)(_components.__experimentalNavigatorBackButton, {
-        icon: (0, _i18n.isRTL)() ? _icons.chevronRight : _icons.chevronLeft,
-        "aria-label": (0, _i18n.__)('Navigate to the previous view')
-      }), (0, _react.createElement)(_components.__experimentalText, {
-        size: "16"
-      }, section.tabLabel)), (0, _react.createElement)(_components.CardBody, null, section.content)));
-    }));
-  }
-  return modalContent;
-}
-//# sourceMappingURL=index.js.map

package/build/components/preferences-modal-tabs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_compose","require","_components","_element","_icons","_i18n","PREFERENCES_MENU","PreferencesModalTabs","sections","isLargeViewport","useViewportMatch","activeMenu","setActiveMenu","useState","tabs","sectionsContentMap","useMemo","mappedTabs","length","reduce","accumulator","name","tabLabel","title","content","push","getCurrentTab","useCallback","tab","modalContent","_react","createElement","TabPanel","className","initialTabName","undefined","onSelect","orientation","__experimentalNavigatorProvider","initialPath","__experimentalNavigatorScreen","path","Card","isBorderless","size","CardBody","__experimentalItemGroup","map","__experimentalNavigatorButton","key","as","Item","isAction","__experimentalHStack","justify","FlexItem","__experimentalTruncate","Icon","icon","isRTL","chevronLeft","chevronRight","section","CardHeader","gap","__experimentalNavigatorBackButton","__","__experimentalText"],"sources":["@wordpress/interface/src/components/preferences-modal-tabs/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n\t__experimentalNavigatorButton as NavigatorButton,\n\t__experimentalNavigatorBackButton as NavigatorBackButton,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n\t__experimentalTruncate as Truncate,\n\tFlexItem,\n\tTabPanel,\n\tCard,\n\tCardHeader,\n\tCardBody,\n} from '@wordpress/components';\nimport { useMemo, useCallback, useState } from '@wordpress/element';\nimport { chevronLeft, chevronRight, Icon } from '@wordpress/icons';\nimport { isRTL, __ } from '@wordpress/i18n';\n\nconst PREFERENCES_MENU = 'preferences-menu';\n\nexport default function PreferencesModalTabs( { sections } ) {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\t// This is also used to sync the two different rendered components\n\t// between small and large viewports.\n\tconst [ activeMenu, setActiveMenu ] = useState( PREFERENCES_MENU );\n\t/**\n\t * Create helper objects from `sections` for easier data handling.\n\t * `tabs` is used for creating the `TabPanel` and `sectionsContentMap`\n\t * is used for easier access to active tab's content.\n\t */\n\tconst { tabs, sectionsContentMap } = useMemo( () => {\n\t\tlet mappedTabs = {\n\t\t\ttabs: [],\n\t\t\tsectionsContentMap: {},\n\t\t};\n\t\tif ( sections.length ) {\n\t\t\tmappedTabs = sections.reduce(\n\t\t\t\t( accumulator, { name, tabLabel: title, content } ) => {\n\t\t\t\t\taccumulator.tabs.push( { name, title } );\n\t\t\t\t\taccumulator.sectionsContentMap[ name ] = content;\n\t\t\t\t\treturn accumulator;\n\t\t\t\t},\n\t\t\t\t{ tabs: [], sectionsContentMap: {} }\n\t\t\t);\n\t\t}\n\t\treturn mappedTabs;\n\t}, [ sections ] );\n\n\tconst getCurrentTab = useCallback(\n\t\t( tab ) => sectionsContentMap[ tab.name ] || null,\n\t\t[ sectionsContentMap ]\n\t);\n\n\tlet modalContent;\n\t// We render different components based on the viewport size.\n\tif ( isLargeViewport ) {\n\t\tmodalContent = (\n\t\t\t<TabPanel\n\t\t\t\tclassName=\"interface-preferences__tabs\"\n\t\t\t\ttabs={ tabs }\n\t\t\t\tinitialTabName={\n\t\t\t\t\tactiveMenu !== PREFERENCES_MENU ? activeMenu : undefined\n\t\t\t\t}\n\t\t\t\tonSelect={ setActiveMenu }\n\t\t\t\torientation=\"vertical\"\n\t\t\t>\n\t\t\t\t{ getCurrentTab }\n\t\t\t</TabPanel>\n\t\t);\n\t} else {\n\t\tmodalContent = (\n\t\t\t<NavigatorProvider\n\t\t\t\tinitialPath=\"/\"\n\t\t\t\tclassName=\"interface-preferences__provider\"\n\t\t\t>\n\t\t\t\t<NavigatorScreen path=\"/\">\n\t\t\t\t\t<Card isBorderless size=\"small\">\n\t\t\t\t\t\t<CardBody>\n\t\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t\t{ tabs.map( ( tab ) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<NavigatorButton\n\t\t\t\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\t\t\t\tpath={ tab.name }\n\t\t\t\t\t\t\t\t\t\t\tas={ Item }\n\t\t\t\t\t\t\t\t\t\t\tisAction\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Truncate>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronRight\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t\t\t</NavigatorButton>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t</CardBody>\n\t\t\t\t\t</Card>\n\t\t\t\t</NavigatorScreen>\n\t\t\t\t{ sections.length &&\n\t\t\t\t\tsections.map( ( section ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<NavigatorScreen\n\t\t\t\t\t\t\t\tkey={ `${ section.name }-menu` }\n\t\t\t\t\t\t\t\tpath={ section.name }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Card isBorderless size=\"large\">\n\t\t\t\t\t\t\t\t\t<CardHeader\n\t\t\t\t\t\t\t\t\t\tisBorderless={ false }\n\t\t\t\t\t\t\t\t\t\tjustify=\"left\"\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\tgap=\"6\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<NavigatorBackButton\n\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronRight\n\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Navigate to the previous view'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<Text size=\"16\">\n\t\t\t\t\t\t\t\t\t\t\t{ section.tabLabel }\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</CardHeader>\n\t\t\t\t\t\t\t\t\t<CardBody>{ section.content }</CardBody>\n\t\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t\t</NavigatorScreen>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t</NavigatorProvider>\n\t\t);\n\t}\n\n\treturn modalContent;\n}\n"],"mappings":"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"}

package/build-module/components/preferences-modal/index.js

@@ -1,17 +0,0 @@
-import { createElement } from "react";
-/**
- * WordPress dependencies
- */
-import { Modal } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-export default function PreferencesModal({
-  closeModal,
-  children
-}) {
-  return createElement(Modal, {
-    className: "interface-preferences-modal",
-    title: __('Preferences'),
-    onRequestClose: closeModal
-  }, children);
-}
-//# sourceMappingURL=index.js.map

package/build-module/components/preferences-modal/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Modal","__","PreferencesModal","closeModal","children","createElement","className","title","onRequestClose"],"sources":["@wordpress/interface/src/components/preferences-modal/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Modal } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nexport default function PreferencesModal( { closeModal, children } ) {\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"interface-preferences-modal\"\n\t\t\ttitle={ __( 'Preferences' ) }\n\t\t\tonRequestClose={ closeModal }\n\t\t>\n\t\t\t{ children }\n\t\t</Modal>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,KAAK,QAAQ,uBAAuB;AAC7C,SAASC,EAAE,QAAQ,iBAAiB;AAEpC,eAAe,SAASC,gBAAgBA,CAAE;EAAEC,UAAU;EAAEC;AAAS,CAAC,EAAG;EACpE,OACCC,aAAA,CAACL,KAAK;IACLM,SAAS,EAAC,6BAA6B;IACvCC,KAAK,EAAGN,EAAE,CAAE,aAAc,CAAG;IAC7BO,cAAc,EAAGL;EAAY,GAE3BC,QACI,CAAC;AAEV"}

package/build-module/components/preferences-modal-base-option/index.js

@@ -1,24 +0,0 @@
-import { createElement } from "react";
-/**
- * WordPress dependencies
- */
-import { ToggleControl } from '@wordpress/components';
-function BaseOption({
-  help,
-  label,
-  isChecked,
-  onChange,
-  children
-}) {
-  return createElement("div", {
-    className: "interface-preferences-modal__option"
-  }, createElement(ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    help: help,
-    label: label,
-    checked: isChecked,
-    onChange: onChange
-  }), children);
-}
-export default BaseOption;
-//# sourceMappingURL=index.js.map

package/build-module/components/preferences-modal-base-option/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ToggleControl","BaseOption","help","label","isChecked","onChange","children","createElement","className","__nextHasNoMarginBottom","checked"],"sources":["@wordpress/interface/src/components/preferences-modal-base-option/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToggleControl } from '@wordpress/components';\n\nfunction BaseOption( { help, label, isChecked, onChange, children } ) {\n\treturn (\n\t\t<div className=\"interface-preferences-modal__option\">\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\thelp={ help }\n\t\t\t\tlabel={ label }\n\t\t\t\tchecked={ isChecked }\n\t\t\t\tonChange={ onChange }\n\t\t\t/>\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport default BaseOption;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,uBAAuB;AAErD,SAASC,UAAUA,CAAE;EAAEC,IAAI;EAAEC,KAAK;EAAEC,SAAS;EAAEC,QAAQ;EAAEC;AAAS,CAAC,EAAG;EACrE,OACCC,aAAA;IAAKC,SAAS,EAAC;EAAqC,GACnDD,aAAA,CAACP,aAAa;IACbS,uBAAuB;IACvBP,IAAI,EAAGA,IAAM;IACbC,KAAK,EAAGA,KAAO;IACfO,OAAO,EAAGN,SAAW;IACrBC,QAAQ,EAAGA;EAAU,CACrB,CAAC,EACAC,QACE,CAAC;AAER;AAEA,eAAeL,UAAU"}

package/build-module/components/preferences-modal-section/index.js

@@ -1,18 +0,0 @@
-import { createElement } from "react";
-const Section = ({
-  description,
-  title,
-  children
-}) => createElement("fieldset", {
-  className: "interface-preferences-modal__section"
-}, createElement("legend", {
-  className: "interface-preferences-modal__section-legend"
-}, createElement("h2", {
-  className: "interface-preferences-modal__section-title"
-}, title), description && createElement("p", {
-  className: "interface-preferences-modal__section-description"
-}, description)), createElement("div", {
-  className: "interface-preferences-modal__section-content"
-}, children));
-export default Section;
-//# sourceMappingURL=index.js.map

package/build-module/components/preferences-modal-section/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Section","description","title","children","createElement","className"],"sources":["@wordpress/interface/src/components/preferences-modal-section/index.js"],"sourcesContent":["const Section = ( { description, title, children } ) => (\n\t<fieldset className=\"interface-preferences-modal__section\">\n\t\t<legend className=\"interface-preferences-modal__section-legend\">\n\t\t\t<h2 className=\"interface-preferences-modal__section-title\">\n\t\t\t\t{ title }\n\t\t\t</h2>\n\t\t\t{ description && (\n\t\t\t\t<p className=\"interface-preferences-modal__section-description\">\n\t\t\t\t\t{ description }\n\t\t\t\t</p>\n\t\t\t) }\n\t\t</legend>\n\t\t<div className=\"interface-preferences-modal__section-content\">\n\t\t\t{ children }\n\t\t</div>\n\t</fieldset>\n);\n\nexport default Section;\n"],"mappings":";AAAA,MAAMA,OAAO,GAAGA,CAAE;EAAEC,WAAW;EAAEC,KAAK;EAAEC;AAAS,CAAC,KACjDC,aAAA;EAAUC,SAAS,EAAC;AAAsC,GACzDD,aAAA;EAAQC,SAAS,EAAC;AAA6C,GAC9DD,aAAA;EAAIC,SAAS,EAAC;AAA4C,GACvDH,KACC,CAAC,EACHD,WAAW,IACZG,aAAA;EAAGC,SAAS,EAAC;AAAkD,GAC5DJ,WACA,CAEG,CAAC,EACTG,aAAA;EAAKC,SAAS,EAAC;AAA8C,GAC1DF,QACE,CACI,CACV;AAED,eAAeH,OAAO"}

package/build-module/components/preferences-modal-tabs/index.js

@@ -1,104 +0,0 @@
-import { createElement } from "react";
-/**
- * WordPress dependencies
- */
-import { useViewportMatch } from '@wordpress/compose';
-import { __experimentalNavigatorProvider as NavigatorProvider, __experimentalNavigatorScreen as NavigatorScreen, __experimentalNavigatorButton as NavigatorButton, __experimentalNavigatorBackButton as NavigatorBackButton, __experimentalItemGroup as ItemGroup, __experimentalItem as Item, __experimentalHStack as HStack, __experimentalText as Text, __experimentalTruncate as Truncate, FlexItem, TabPanel, Card, CardHeader, CardBody } from '@wordpress/components';
-import { useMemo, useCallback, useState } from '@wordpress/element';
-import { chevronLeft, chevronRight, Icon } from '@wordpress/icons';
-import { isRTL, __ } from '@wordpress/i18n';
-const PREFERENCES_MENU = 'preferences-menu';
-export default function PreferencesModalTabs({
-  sections
-}) {
-  const isLargeViewport = useViewportMatch('medium');
-
-  // This is also used to sync the two different rendered components
-  // between small and large viewports.
-  const [activeMenu, setActiveMenu] = useState(PREFERENCES_MENU);
-  /**
-   * Create helper objects from `sections` for easier data handling.
-   * `tabs` is used for creating the `TabPanel` and `sectionsContentMap`
-   * is used for easier access to active tab's content.
-   */
-  const {
-    tabs,
-    sectionsContentMap
-  } = useMemo(() => {
-    let mappedTabs = {
-      tabs: [],
-      sectionsContentMap: {}
-    };
-    if (sections.length) {
-      mappedTabs = sections.reduce((accumulator, {
-        name,
-        tabLabel: title,
-        content
-      }) => {
-        accumulator.tabs.push({
-          name,
-          title
-        });
-        accumulator.sectionsContentMap[name] = content;
-        return accumulator;
-      }, {
-        tabs: [],
-        sectionsContentMap: {}
-      });
-    }
-    return mappedTabs;
-  }, [sections]);
-  const getCurrentTab = useCallback(tab => sectionsContentMap[tab.name] || null, [sectionsContentMap]);
-  let modalContent;
-  // We render different components based on the viewport size.
-  if (isLargeViewport) {
-    modalContent = createElement(TabPanel, {
-      className: "interface-preferences__tabs",
-      tabs: tabs,
-      initialTabName: activeMenu !== PREFERENCES_MENU ? activeMenu : undefined,
-      onSelect: setActiveMenu,
-      orientation: "vertical"
-    }, getCurrentTab);
-  } else {
-    modalContent = createElement(NavigatorProvider, {
-      initialPath: "/",
-      className: "interface-preferences__provider"
-    }, createElement(NavigatorScreen, {
-      path: "/"
-    }, createElement(Card, {
-      isBorderless: true,
-      size: "small"
-    }, createElement(CardBody, null, createElement(ItemGroup, null, tabs.map(tab => {
-      return createElement(NavigatorButton, {
-        key: tab.name,
-        path: tab.name,
-        as: Item,
-        isAction: true
-      }, createElement(HStack, {
-        justify: "space-between"
-      }, createElement(FlexItem, null, createElement(Truncate, null, tab.title)), createElement(FlexItem, null, createElement(Icon, {
-        icon: isRTL() ? chevronLeft : chevronRight
-      }))));
-    }))))), sections.length && sections.map(section => {
-      return createElement(NavigatorScreen, {
-        key: `${section.name}-menu`,
-        path: section.name
-      }, createElement(Card, {
-        isBorderless: true,
-        size: "large"
-      }, createElement(CardHeader, {
-        isBorderless: false,
-        justify: "left",
-        size: "small",
-        gap: "6"
-      }, createElement(NavigatorBackButton, {
-        icon: isRTL() ? chevronRight : chevronLeft,
-        "aria-label": __('Navigate to the previous view')
-      }), createElement(Text, {
-        size: "16"
-      }, section.tabLabel)), createElement(CardBody, null, section.content)));
-    }));
-  }
-  return modalContent;
-}
-//# sourceMappingURL=index.js.map

package/build-module/components/preferences-modal-tabs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useViewportMatch","__experimentalNavigatorProvider","NavigatorProvider","__experimentalNavigatorScreen","NavigatorScreen","__experimentalNavigatorButton","NavigatorButton","__experimentalNavigatorBackButton","NavigatorBackButton","__experimentalItemGroup","ItemGroup","__experimentalItem","Item","__experimentalHStack","HStack","__experimentalText","Text","__experimentalTruncate","Truncate","FlexItem","TabPanel","Card","CardHeader","CardBody","useMemo","useCallback","useState","chevronLeft","chevronRight","Icon","isRTL","__","PREFERENCES_MENU","PreferencesModalTabs","sections","isLargeViewport","activeMenu","setActiveMenu","tabs","sectionsContentMap","mappedTabs","length","reduce","accumulator","name","tabLabel","title","content","push","getCurrentTab","tab","modalContent","createElement","className","initialTabName","undefined","onSelect","orientation","initialPath","path","isBorderless","size","map","key","as","isAction","justify","icon","section","gap"],"sources":["@wordpress/interface/src/components/preferences-modal-tabs/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n\t__experimentalNavigatorButton as NavigatorButton,\n\t__experimentalNavigatorBackButton as NavigatorBackButton,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n\t__experimentalTruncate as Truncate,\n\tFlexItem,\n\tTabPanel,\n\tCard,\n\tCardHeader,\n\tCardBody,\n} from '@wordpress/components';\nimport { useMemo, useCallback, useState } from '@wordpress/element';\nimport { chevronLeft, chevronRight, Icon } from '@wordpress/icons';\nimport { isRTL, __ } from '@wordpress/i18n';\n\nconst PREFERENCES_MENU = 'preferences-menu';\n\nexport default function PreferencesModalTabs( { sections } ) {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\t// This is also used to sync the two different rendered components\n\t// between small and large viewports.\n\tconst [ activeMenu, setActiveMenu ] = useState( PREFERENCES_MENU );\n\t/**\n\t * Create helper objects from `sections` for easier data handling.\n\t * `tabs` is used for creating the `TabPanel` and `sectionsContentMap`\n\t * is used for easier access to active tab's content.\n\t */\n\tconst { tabs, sectionsContentMap } = useMemo( () => {\n\t\tlet mappedTabs = {\n\t\t\ttabs: [],\n\t\t\tsectionsContentMap: {},\n\t\t};\n\t\tif ( sections.length ) {\n\t\t\tmappedTabs = sections.reduce(\n\t\t\t\t( accumulator, { name, tabLabel: title, content } ) => {\n\t\t\t\t\taccumulator.tabs.push( { name, title } );\n\t\t\t\t\taccumulator.sectionsContentMap[ name ] = content;\n\t\t\t\t\treturn accumulator;\n\t\t\t\t},\n\t\t\t\t{ tabs: [], sectionsContentMap: {} }\n\t\t\t);\n\t\t}\n\t\treturn mappedTabs;\n\t}, [ sections ] );\n\n\tconst getCurrentTab = useCallback(\n\t\t( tab ) => sectionsContentMap[ tab.name ] || null,\n\t\t[ sectionsContentMap ]\n\t);\n\n\tlet modalContent;\n\t// We render different components based on the viewport size.\n\tif ( isLargeViewport ) {\n\t\tmodalContent = (\n\t\t\t<TabPanel\n\t\t\t\tclassName=\"interface-preferences__tabs\"\n\t\t\t\ttabs={ tabs }\n\t\t\t\tinitialTabName={\n\t\t\t\t\tactiveMenu !== PREFERENCES_MENU ? activeMenu : undefined\n\t\t\t\t}\n\t\t\t\tonSelect={ setActiveMenu }\n\t\t\t\torientation=\"vertical\"\n\t\t\t>\n\t\t\t\t{ getCurrentTab }\n\t\t\t</TabPanel>\n\t\t);\n\t} else {\n\t\tmodalContent = (\n\t\t\t<NavigatorProvider\n\t\t\t\tinitialPath=\"/\"\n\t\t\t\tclassName=\"interface-preferences__provider\"\n\t\t\t>\n\t\t\t\t<NavigatorScreen path=\"/\">\n\t\t\t\t\t<Card isBorderless size=\"small\">\n\t\t\t\t\t\t<CardBody>\n\t\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t\t{ tabs.map( ( tab ) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<NavigatorButton\n\t\t\t\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\t\t\t\tpath={ tab.name }\n\t\t\t\t\t\t\t\t\t\t\tas={ Item }\n\t\t\t\t\t\t\t\t\t\t\tisAction\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Truncate>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronRight\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t\t\t</NavigatorButton>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t</CardBody>\n\t\t\t\t\t</Card>\n\t\t\t\t</NavigatorScreen>\n\t\t\t\t{ sections.length &&\n\t\t\t\t\tsections.map( ( section ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<NavigatorScreen\n\t\t\t\t\t\t\t\tkey={ `${ section.name }-menu` }\n\t\t\t\t\t\t\t\tpath={ section.name }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Card isBorderless size=\"large\">\n\t\t\t\t\t\t\t\t\t<CardHeader\n\t\t\t\t\t\t\t\t\t\tisBorderless={ false }\n\t\t\t\t\t\t\t\t\t\tjustify=\"left\"\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\tgap=\"6\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<NavigatorBackButton\n\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronRight\n\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Navigate to the previous view'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<Text size=\"16\">\n\t\t\t\t\t\t\t\t\t\t\t{ section.tabLabel }\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</CardHeader>\n\t\t\t\t\t\t\t\t\t<CardBody>{ section.content }</CardBody>\n\t\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t\t</NavigatorScreen>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t</NavigatorProvider>\n\t\t);\n\t}\n\n\treturn modalContent;\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,gBAAgB,QAAQ,oBAAoB;AACrD,SACCC,+BAA+B,IAAIC,iBAAiB,EACpDC,6BAA6B,IAAIC,eAAe,EAChDC,6BAA6B,IAAIC,eAAe,EAChDC,iCAAiC,IAAIC,mBAAmB,EACxDC,uBAAuB,IAAIC,SAAS,EACpCC,kBAAkB,IAAIC,IAAI,EAC1BC,oBAAoB,IAAIC,MAAM,EAC9BC,kBAAkB,IAAIC,IAAI,EAC1BC,sBAAsB,IAAIC,QAAQ,EAClCC,QAAQ,EACRC,QAAQ,EACRC,IAAI,EACJC,UAAU,EACVC,QAAQ,QACF,uBAAuB;AAC9B,SAASC,OAAO,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,oBAAoB;AACnE,SAASC,WAAW,EAAEC,YAAY,EAAEC,IAAI,QAAQ,kBAAkB;AAClE,SAASC,KAAK,EAAEC,EAAE,QAAQ,iBAAiB;AAE3C,MAAMC,gBAAgB,GAAG,kBAAkB;AAE3C,eAAe,SAASC,oBAAoBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC5D,MAAMC,eAAe,GAAGnC,gBAAgB,CAAE,QAAS,CAAC;;EAEpD;EACA;EACA,MAAM,CAAEoC,UAAU,EAAEC,aAAa,CAAE,GAAGX,QAAQ,CAAEM,gBAAiB,CAAC;EAClE;AACD;AACA;AACA;AACA;EACC,MAAM;IAAEM,IAAI;IAAEC;EAAmB,CAAC,GAAGf,OAAO,CAAE,MAAM;IACnD,IAAIgB,UAAU,GAAG;MAChBF,IAAI,EAAE,EAAE;MACRC,kBAAkB,EAAE,CAAC;IACtB,CAAC;IACD,IAAKL,QAAQ,CAACO,MAAM,EAAG;MACtBD,UAAU,GAAGN,QAAQ,CAACQ,MAAM,CAC3B,CAAEC,WAAW,EAAE;QAAEC,IAAI;QAAEC,QAAQ,EAAEC,KAAK;QAAEC;MAAQ,CAAC,KAAM;QACtDJ,WAAW,CAACL,IAAI,CAACU,IAAI,CAAE;UAAEJ,IAAI;UAAEE;QAAM,CAAE,CAAC;QACxCH,WAAW,CAACJ,kBAAkB,CAAEK,IAAI,CAAE,GAAGG,OAAO;QAChD,OAAOJ,WAAW;MACnB,CAAC,EACD;QAAEL,IAAI,EAAE,EAAE;QAAEC,kBAAkB,EAAE,CAAC;MAAE,CACpC,CAAC;IACF;IACA,OAAOC,UAAU;EAClB,CAAC,EAAE,CAAEN,QAAQ,CAAG,CAAC;EAEjB,MAAMe,aAAa,GAAGxB,WAAW,CAC9ByB,GAAG,IAAMX,kBAAkB,CAAEW,GAAG,CAACN,IAAI,CAAE,IAAI,IAAI,EACjD,CAAEL,kBAAkB,CACrB,CAAC;EAED,IAAIY,YAAY;EAChB;EACA,IAAKhB,eAAe,EAAG;IACtBgB,YAAY,GACXC,aAAA,CAAChC,QAAQ;MACRiC,SAAS,EAAC,6BAA6B;MACvCf,IAAI,EAAGA,IAAM;MACbgB,cAAc,EACblB,UAAU,KAAKJ,gBAAgB,GAAGI,UAAU,GAAGmB,SAC/C;MACDC,QAAQ,EAAGnB,aAAe;MAC1BoB,WAAW,EAAC;IAAU,GAEpBR,aACO,CACV;EACF,CAAC,MAAM;IACNE,YAAY,GACXC,aAAA,CAAClD,iBAAiB;MACjBwD,WAAW,EAAC,GAAG;MACfL,SAAS,EAAC;IAAiC,GAE3CD,aAAA,CAAChD,eAAe;MAACuD,IAAI,EAAC;IAAG,GACxBP,aAAA,CAAC/B,IAAI;MAACuC,YAAY;MAACC,IAAI,EAAC;IAAO,GAC9BT,aAAA,CAAC7B,QAAQ,QACR6B,aAAA,CAAC1C,SAAS,QACP4B,IAAI,CAACwB,GAAG,CAAIZ,GAAG,IAAM;MACtB,OACCE,aAAA,CAAC9C,eAAe;QACfyD,GAAG,EAAGb,GAAG,CAACN,IAAM;QAChBe,IAAI,EAAGT,GAAG,CAACN,IAAM;QACjBoB,EAAE,EAAGpD,IAAM;QACXqD,QAAQ;MAAA,GAERb,aAAA,CAACtC,MAAM;QAACoD,OAAO,EAAC;MAAe,GAC9Bd,aAAA,CAACjC,QAAQ,QACRiC,aAAA,CAAClC,QAAQ,QACNgC,GAAG,CAACJ,KACG,CACD,CAAC,EACXM,aAAA,CAACjC,QAAQ,QACRiC,aAAA,CAACvB,IAAI;QACJsC,IAAI,EACHrC,KAAK,CAAC,CAAC,GACJH,WAAW,GACXC;MACH,CACD,CACQ,CACH,CACQ,CAAC;IAEpB,CAAE,CACQ,CACF,CACL,CACU,CAAC,EAChBM,QAAQ,CAACO,MAAM,IAChBP,QAAQ,CAAC4B,GAAG,CAAIM,OAAO,IAAM;MAC5B,OACChB,aAAA,CAAChD,eAAe;QACf2D,GAAG,EAAI,GAAGK,OAAO,CAACxB,IAAM,OAAQ;QAChCe,IAAI,EAAGS,OAAO,CAACxB;MAAM,GAErBQ,aAAA,CAAC/B,IAAI;QAACuC,YAAY;QAACC,IAAI,EAAC;MAAO,GAC9BT,aAAA,CAAC9B,UAAU;QACVsC,YAAY,EAAG,KAAO;QACtBM,OAAO,EAAC,MAAM;QACdL,IAAI,EAAC,OAAO;QACZQ,GAAG,EAAC;MAAG,GAEPjB,aAAA,CAAC5C,mBAAmB;QACnB2D,IAAI,EACHrC,KAAK,CAAC,CAAC,GACJF,YAAY,GACZD,WACH;QACD,cAAaI,EAAE,CACd,+BACD;MAAG,CACH,CAAC,EACFqB,aAAA,CAACpC,IAAI;QAAC6C,IAAI,EAAC;MAAI,GACZO,OAAO,CAACvB,QACL,CACK,CAAC,EACbO,aAAA,CAAC7B,QAAQ,QAAG6C,OAAO,CAACrB,OAAmB,CAClC,CACU,CAAC;IAEpB,CAAE,CACe,CACnB;EACF;EAEA,OAAOI,YAAY;AACpB"}

package/src/components/preferences-modal/README.md

@@ -1,69 +0,0 @@
-# PreferencesModal
-
-`PreferencesModal` renders a modal with editor preferences. It can take a `PreferencesModalTabs` component, which accepts multiple tabs, and/or other child components. On small viewports, the modal is fullscreen.
-
-This component implements a `Modal` component from the `@wordpress/components` package.
-
-Sections passed to this component should use `PreferencesModalSection` component from the `@wordpress/interface` package.
-
-
-## Example
-
-```jsx
-function MyEditorPreferencesModal() {
-	const { closeModal } = useDispatch( editPostStore );
-	const sections = [
-		{
-			name: 'section 1',
-			tabLabel: __( 'Section 1' ),
-			content: (
-						<PreferencesModalSection
-							title={ __( 'Publishing' ) }
-							description={ __(
-								'Change options related to publishing.'
-							) }
-						>
-							<EnablePublishSidebarOption
-								help={ __(
-									'Review settings, such as visibility and tags.'
-								) }
-								label={ __(
-									'Enable pre-publish checks'
-								) }
-							/>
-						</PreferencesModalSection>
-					)
-
-		}
-		{
-			name: 'section 2',
-			tabLabel: __( 'Section 2' ),
-			content: (
-						<PreferencesModalSection
-							title={ __( 'Additional' ) }
-							description={ __(
-								'Add extra areas to the editor.'
-							) }
-						>
-							// Section content here
-						</PreferencesModalSection>
-					)
-
-		}
-	]
-	return (
-		<PreferencesModal closeModal={ closeModal }>
-			<PreferencesModalTabs sections={ sections } />
-		<PreferencesModal />
-	);
-}
-```
-
-## Props
-
-### closeModal
-
-A function to call when closing the modal.
-
--   Type: `Function`
--   Required: Yes.

package/src/components/preferences-modal/index.js

@@ -1,17 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { Modal } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-
-export default function PreferencesModal( { closeModal, children } ) {
-	return (
-		<Modal
-			className="interface-preferences-modal"
-			title={ __( 'Preferences' ) }
-			onRequestClose={ closeModal }
-		>
-			{ children }
-		</Modal>
-	);
-}

package/src/components/preferences-modal/style.scss

@@ -1,21 +0,0 @@
-.interface-preferences-modal {
-	// To keep modal dimensions consistent as subsections are navigated, width
-	// and height are used instead of max-(width/height).
-	@include break-small() {
-		width: calc(100% - #{ $grid-unit-20 * 2 });
-		height: calc(100% - #{ $header-height * 2 });
-	}
-	@include break-medium() {
-		width: $break-medium - $grid-unit-20 * 2;
-	}
-	@include break-large() {
-		height: 70%;
-	}
-
-	// Clears spacing to flush fit the navigator component to the modal edges.
-	@media (max-width: #{ ($break-medium - 1) }) {
-		.components-modal__content {
-			padding: 0;
-		}
-	}
-}

package/src/components/preferences-modal-base-option/README.md

@@ -1,42 +0,0 @@
-#__unstablePreferencesModalBaseOption
-
-`__unstablePreferencesModalBaseOption` renders a toggle meant to be used with `PreferencesModal`. 
-
-This component implements a `ToggleControl` component from the `@wordpress/components` package.
-
-**It is an unstable component so is subject to breaking changes at any moment. Use at own risk.**
-
-## Example
-
-```jsx
-function MyEditorPreferencesOption() {
-	return (
-		<__unstablePreferencesModalBaseOption
-			label={ label }
-			isChecked={ isChecked }
-			onChange={ setIsChecked }
-		>
-			{ isChecked !== areCustomFieldsEnabled && (
-				<CustomFieldsConfirmation willEnable={ isChecked } />
-			) }
-		</__unstablePreferencesModalBaseOption>
-	)				
-}
-```
-
-## Props
-
-### help 
-### label 
-### isChecked 
-### onChange
-
-These props are passed directly to ToggleControl, so see [ToggleControl readme](https://github.com/WordPress/gutenberg/blob/trunk/packages/components/src/toggle-control/README.md) for more info.
-
-### children
-
-Components to be rendered as content.
-
--   Type: `Element`
--   Required: No.
-

package/src/components/preferences-modal-base-option/index.js

@@ -1,21 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { ToggleControl } from '@wordpress/components';
-
-function BaseOption( { help, label, isChecked, onChange, children } ) {
-	return (
-		<div className="interface-preferences-modal__option">
-			<ToggleControl
-				__nextHasNoMarginBottom
-				help={ help }
-				label={ label }
-				checked={ isChecked }
-				onChange={ onChange }
-			/>
-			{ children }
-		</div>
-	);
-}
-
-export default BaseOption;

package/src/components/preferences-modal-base-option/style.scss

@@ -1,10 +0,0 @@
-.interface-preferences-modal__option {
-	& + & {
-		margin-top: $grid-unit-20;
-	}
-
-	.components-base-control__help {
-		margin-top: 0;
-		margin-left: 48px;
-	}
-}

package/src/components/preferences-modal-section/README.md

@@ -1,30 +0,0 @@
-
-`PreferencesModalSection` renders a section (as a fieldset) meant to be used with `PreferencesModal`.
-
-## Example
-
-See the `PreferencesModal` readme for usage info.
-
-
-## Props
-
-### title
-
-The title of the section
-
--   Type: `String`
--   Required: Yes.
-
-### description
-
-The description for the section.
-
--   Type: `String`
--   Required: No.
-
-### children
-
-Components to be rendered as content.
-
--   Type: `Element`
--   Required: Yes.

package/src/components/preferences-modal-section/index.js

@@ -1,19 +0,0 @@
-const Section = ( { description, title, children } ) => (
-	<fieldset className="interface-preferences-modal__section">
-		<legend className="interface-preferences-modal__section-legend">
-			<h2 className="interface-preferences-modal__section-title">
-				{ title }
-			</h2>
-			{ description && (
-				<p className="interface-preferences-modal__section-description">
-					{ description }
-				</p>
-			) }
-		</legend>
-		<div className="interface-preferences-modal__section-content">
-			{ children }
-		</div>
-	</fieldset>
-);
-
-export default Section;

package/src/components/preferences-modal-section/style.scss

@@ -1,28 +0,0 @@
-.interface-preferences-modal__section {
-	margin: 0 0 2.5rem 0;
-
-	&:last-child {
-		margin: 0;
-	}
-}
-
-.interface-preferences-modal__section-legend {
-	margin-bottom: $grid-unit-10;
-}
-
-.interface-preferences-modal__section-title {
-	font-size: 0.9rem;
-	font-weight: 600;
-	margin-top: 0;
-}
-
-.interface-preferences-modal__section-description {
-	margin: -$grid-unit-10 0 $grid-unit-10 0;
-	font-size: $helptext-font-size;
-	font-style: normal;
-	color: $gray-700;
-}
-
-.interface-preferences-modal__section:has(.interface-preferences-modal__section-content:empty) {
-	display: none;
-}

package/src/components/preferences-modal-tabs/README.md

@@ -1,14 +0,0 @@
-# PreferencesModalTabs
-
-`PreferencesModalTabs` creates a tabbed interface meant to be used inside a `PreferencesModal`. Markup differs between small and large viewports; on small the tabs are closed by default.
-
-## Example
-
-See the `PreferencesModal` readme for usage info.
-## Props
-### sections
-
-Sections to populate the modal with. Takes an array of objects, where each should include `name`, `tablabel` and `content`.
-
--   Type: `Array`
--   Required: Yes.