@wordpress/components 20.0.1-next.d6164808d3.0 → 20.0.2-next.957ca95e4c.0

package/build/ui/__storybook-utils/example-grid.js

@@ -1,88 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ExampleMetaContent = exports.ExampleGridItem = exports.ExampleGrid = void 0;
-
-var _element = require("@wordpress/element");
-
-var _grid = require("../../grid");
-
-var _surface = require("../../surface");
-
-var _text = require("../../text");
-
-var _view = require("../../view");
-
-var _vStack = require("../../v-stack");
-
-/**
- * Internal dependencies
- */
-const Container = _ref => {
-  let {
-    children
-  } = _ref;
-  return (0, _element.createElement)("div", {
-    style: {
-      maxWidth: 1280,
-      width: '100%',
-      marginLeft: 'auto',
-      marginRight: 'auto'
-    }
-  }, children);
-};
-
-const ExampleGrid = _ref2 => {
-  let {
-    children
-  } = _ref2;
-  return (0, _element.createElement)(Container, null, (0, _element.createElement)(_grid.Grid, {
-    columns: [2, 2, 4],
-    gap: "1px"
-  }, children));
-};
-
-exports.ExampleGrid = ExampleGrid;
-
-const ExampleGridItem = _ref3 => {
-  let {
-    children
-  } = _ref3;
-  return (0, _element.createElement)(_surface.Surface, {
-    variant: "secondary",
-    style: {
-      padding: 20
-    }
-  }, (0, _element.createElement)(_vStack.VStack, {
-    alignment: "center"
-  }, children));
-};
-
-exports.ExampleGridItem = ExampleGridItem;
-
-const ExampleMetaContent = _ref4 => {
-  let {
-    title,
-    items = []
-  } = _ref4;
-  return (0, _element.createElement)(_grid.Grid, {
-    templateColumns: "60px 1fr"
-  }, (0, _element.createElement)(_view.View, null, (0, _element.createElement)(_text.Text, {
-    size: "caption",
-    weight: "bold",
-    align: "right",
-    isBlock: true
-  }, title)), (0, _element.createElement)(_vStack.VStack, {
-    spacing: 1
-  }, items.map((item, index) => (0, _element.createElement)(_view.View, {
-    key: index
-  }, (0, _element.createElement)(_text.Text, {
-    size: "caption",
-    isBlock: true
-  }, item)))));
-};
-
-exports.ExampleMetaContent = ExampleMetaContent;
-//# sourceMappingURL=example-grid.js.map

package/build/ui/__storybook-utils/example-grid.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/__storybook-utils/example-grid.js"],"names":["Container","children","maxWidth","width","marginLeft","marginRight","ExampleGrid","ExampleGridItem","padding","ExampleMetaContent","title","items","map","item","index"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AACA;;AAPA;AACA;AACA;AAOA,MAAMA,SAAS,GAAG;AAAA,MAAE;AAAEC,IAAAA;AAAF,GAAF;AAAA,SACjB;AACC,IAAA,KAAK,EAAG;AACPC,MAAAA,QAAQ,EAAE,IADH;AAEPC,MAAAA,KAAK,EAAE,MAFA;AAGPC,MAAAA,UAAU,EAAE,MAHL;AAIPC,MAAAA,WAAW,EAAE;AAJN;AADT,KAQGJ,QARH,CADiB;AAAA,CAAlB;;AAaO,MAAMK,WAAW,GAAG;AAAA,MAAE;AAAEL,IAAAA;AAAF,GAAF;AAAA,SAC1B,4BAAC,SAAD,QACC,4BAAC,UAAD;AAAM,IAAA,OAAO,EAAG,CAAE,CAAF,EAAK,CAAL,EAAQ,CAAR,CAAhB;AAA8B,IAAA,GAAG,EAAC;AAAlC,KACGA,QADH,CADD,CAD0B;AAAA,CAApB;;;;AAQA,MAAMM,eAAe,GAAG;AAAA,MAAE;AAAEN,IAAAA;AAAF,GAAF;AAAA,SAC9B,4BAAC,gBAAD;AACC,IAAA,OAAO,EAAC,WADT;AAEC,IAAA,KAAK,EAAG;AACPO,MAAAA,OAAO,EAAE;AADF;AAFT,KAMC,4BAAC,cAAD;AAAQ,IAAA,SAAS,EAAC;AAAlB,KAA6BP,QAA7B,CAND,CAD8B;AAAA,CAAxB;;;;AAWA,MAAMQ,kBAAkB,GAAG,SAA6B;AAAA,MAA3B;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAK,GAAG;AAAjB,GAA2B;AAC9D,SACC,4BAAC,UAAD;AAAM,IAAA,eAAe,EAAC;AAAtB,KACC,4BAAC,UAAD,QACC,4BAAC,UAAD;AAAM,IAAA,IAAI,EAAC,SAAX;AAAqB,IAAA,MAAM,EAAC,MAA5B;AAAmC,IAAA,KAAK,EAAC,OAAzC;AAAiD,IAAA,OAAO;AAAxD,KACGD,KADH,CADD,CADD,EAMC,4BAAC,cAAD;AAAQ,IAAA,OAAO,EAAG;AAAlB,KACGC,KAAK,CAACC,GAAN,CAAW,CAAEC,IAAF,EAAQC,KAAR,KACZ,4BAAC,UAAD;AAAM,IAAA,GAAG,EAAGA;AAAZ,KACC,4BAAC,UAAD;AAAM,IAAA,IAAI,EAAC,SAAX;AAAqB,IAAA,OAAO;AAA5B,KACGD,IADH,CADD,CADC,CADH,CAND,CADD;AAkBA,CAnBM","sourcesContent":["/**\n * Internal dependencies\n */\nimport { Grid } from '../../grid';\nimport { Surface } from '../../surface';\nimport { Text } from '../../text';\nimport { View } from '../../view';\nimport { VStack } from '../../v-stack';\n\nconst Container = ( { children } ) => (\n\t<div\n\t\tstyle={ {\n\t\t\tmaxWidth: 1280,\n\t\t\twidth: '100%',\n\t\t\tmarginLeft: 'auto',\n\t\t\tmarginRight: 'auto',\n\t\t} }\n\t>\n\t\t{ children }\n\t</div>\n);\n\nexport const ExampleGrid = ( { children } ) => (\n\t<Container>\n\t\t<Grid columns={ [ 2, 2, 4 ] } gap=\"1px\">\n\t\t\t{ children }\n\t\t</Grid>\n\t</Container>\n);\n\nexport const ExampleGridItem = ( { children } ) => (\n\t<Surface\n\t\tvariant=\"secondary\"\n\t\tstyle={ {\n\t\t\tpadding: 20,\n\t\t} }\n\t>\n\t\t<VStack alignment=\"center\">{ children }</VStack>\n\t</Surface>\n);\n\nexport const ExampleMetaContent = ( { title, items = [] } ) => {\n\treturn (\n\t\t<Grid templateColumns=\"60px 1fr\">\n\t\t\t<View>\n\t\t\t\t<Text size=\"caption\" weight=\"bold\" align=\"right\" isBlock>\n\t\t\t\t\t{ title }\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t{ items.map( ( item, index ) => (\n\t\t\t\t\t<View key={ index }>\n\t\t\t\t\t\t<Text size=\"caption\" isBlock>\n\t\t\t\t\t\t\t{ item }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</View>\n\t\t\t\t) ) }\n\t\t\t</VStack>\n\t\t</Grid>\n\t);\n};\n"]}

package/build/ui/__storybook-utils/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _exampleGrid = require("./example-grid");
-
-Object.keys(_exampleGrid).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _exampleGrid[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _exampleGrid[key];
-    }
-  });
-});
-//# sourceMappingURL=index.js.map

package/build/ui/__storybook-utils/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/__storybook-utils/index.js"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './example-grid';\n"]}

package/build/ui/__storybook-utils/page.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _element = require("@wordpress/element");
-
-var _vStack = require("../../v-stack");
-
-var _view = require("../../view");
-
-var _heading = require("../../heading");
-
-var _divider = require("../../divider");
-
-/**
- * Internal dependencies
- */
-function Page(_ref) {
-  let {
-    title = 'Component',
-    children
-  } = _ref;
-  return (0, _element.createElement)("div", {
-    style: {
-      paddingTop: 24,
-      paddingBottom: '20vh',
-      maxWidth: '1280px',
-      marginLeft: 'auto',
-      marginRight: 'auto'
-    }
-  }, (0, _element.createElement)(_vStack.VStack, {
-    spacing: 6
-  }, (0, _element.createElement)(_heading.Heading, {
-    size: 1
-  }, title), (0, _element.createElement)(_divider.Divider, null), (0, _element.createElement)(_view.View, null, children)));
-}
-
-var _default = Page;
-exports.default = _default;
-//# sourceMappingURL=page.js.map

package/build/ui/__storybook-utils/page.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/__storybook-utils/page.js"],"names":["Page","title","children","paddingTop","paddingBottom","maxWidth","marginLeft","marginRight"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AANA;AACA;AACA;AAMA,SAASA,IAAT,OAAmD;AAAA,MAApC;AAAEC,IAAAA,KAAK,GAAG,WAAV;AAAuBC,IAAAA;AAAvB,GAAoC;AAClD,SACC;AACC,IAAA,KAAK,EAAG;AACPC,MAAAA,UAAU,EAAE,EADL;AAEPC,MAAAA,aAAa,EAAE,MAFR;AAGPC,MAAAA,QAAQ,EAAE,QAHH;AAIPC,MAAAA,UAAU,EAAE,MAJL;AAKPC,MAAAA,WAAW,EAAE;AALN;AADT,KASC,4BAAC,cAAD;AAAQ,IAAA,OAAO,EAAG;AAAlB,KACC,4BAAC,gBAAD;AAAS,IAAA,IAAI,EAAG;AAAhB,KAAsBN,KAAtB,CADD,EAEC,4BAAC,gBAAD,OAFD,EAGC,4BAAC,UAAD,QAAQC,QAAR,CAHD,CATD,CADD;AAiBA;;eAEcF,I","sourcesContent":["/**\n * Internal dependencies\n */\nimport { VStack } from '../../v-stack';\nimport { View } from '../../view';\nimport { Heading } from '../../heading';\nimport { Divider } from '../../divider';\n\nfunction Page( { title = 'Component', children } ) {\n\treturn (\n\t\t<div\n\t\t\tstyle={ {\n\t\t\t\tpaddingTop: 24,\n\t\t\t\tpaddingBottom: '20vh',\n\t\t\t\tmaxWidth: '1280px',\n\t\t\t\tmarginLeft: 'auto',\n\t\t\t\tmarginRight: 'auto',\n\t\t\t} }\n\t\t>\n\t\t\t<VStack spacing={ 6 }>\n\t\t\t\t<Heading size={ 1 }>{ title }</Heading>\n\t\t\t\t<Divider />\n\t\t\t\t<View>{ children }</View>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nexport default Page;\n"]}

package/build/utils/keyboard.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.normalizeArrowKey = normalizeArrowKey;
-
-var _keycodes = require("@wordpress/keycodes");
-
-/**
- * WordPress dependencies
- */
-
-/**
- * @type {number[]}
- */
-const arrowKeys = [_keycodes.RIGHT, _keycodes.UP, _keycodes.DOWN, _keycodes.LEFT];
-/**
- * Normalizes the 'key' property of a KeyboardEvent in IE/Edge
- *
- * Source:
- * https://github.com/downshift-js/downshift/blob/a71005bd879d05d7dcb892d1e0dc5c6ca74e9d39/src/utils.js#L279
- *
- * @param {import('react').KeyboardEvent} event A keyboardEvent object
- *
- * @return {string} The keyboard key
- */
-
-function normalizeArrowKey(event) {
-  const {
-    key,
-    keyCode
-  } = event;
-
-  if (arrowKeys.includes(keyCode) && key.indexOf('Arrow') !== 0) {
-    return `Arrow${key}`;
-  }
-
-  return key;
-}
-//# sourceMappingURL=keyboard.js.map

package/build/utils/keyboard.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/utils/keyboard.js"],"names":["arrowKeys","RIGHT","UP","DOWN","LEFT","normalizeArrowKey","event","key","keyCode","includes","indexOf"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA,MAAMA,SAAS,GAAG,CAAEC,eAAF,EAASC,YAAT,EAAaC,cAAb,EAAmBC,cAAnB,CAAlB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACO,SAASC,iBAAT,CAA4BC,KAA5B,EAAoC;AAC1C,QAAM;AAAEC,IAAAA,GAAF;AAAOC,IAAAA;AAAP,MAAmBF,KAAzB;;AAEA,MAAKN,SAAS,CAACS,QAAV,CAAoBD,OAApB,KAAiCD,GAAG,CAACG,OAAJ,CAAa,OAAb,MAA2B,CAAjE,EAAqE;AACpE,WAAQ,QAAQH,GAAK,EAArB;AACA;;AACD,SAAOA,GAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RIGHT, UP, DOWN, LEFT } from '@wordpress/keycodes';\n\n/**\n * @type {number[]}\n */\nconst arrowKeys = [ RIGHT, UP, DOWN, LEFT ];\n\n/**\n * Normalizes the 'key' property of a KeyboardEvent in IE/Edge\n *\n * Source:\n * https://github.com/downshift-js/downshift/blob/a71005bd879d05d7dcb892d1e0dc5c6ca74e9d39/src/utils.js#L279\n *\n * @param {import('react').KeyboardEvent} event A keyboardEvent object\n *\n * @return {string} The keyboard key\n */\nexport function normalizeArrowKey( event ) {\n\tconst { key, keyCode } = event;\n\n\tif ( arrowKeys.includes( keyCode ) && key.indexOf( 'Arrow' ) !== 0 ) {\n\t\treturn `Arrow${ key }`;\n\t}\n\treturn key;\n}\n"]}

package/build-module/ui/__storybook-utils/example-grid.js

@@ -1,69 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * Internal dependencies
- */
-import { Grid } from '../../grid';
-import { Surface } from '../../surface';
-import { Text } from '../../text';
-import { View } from '../../view';
-import { VStack } from '../../v-stack';
-
-const Container = _ref => {
-  let {
-    children
-  } = _ref;
-  return createElement("div", {
-    style: {
-      maxWidth: 1280,
-      width: '100%',
-      marginLeft: 'auto',
-      marginRight: 'auto'
-    }
-  }, children);
-};
-
-export const ExampleGrid = _ref2 => {
-  let {
-    children
-  } = _ref2;
-  return createElement(Container, null, createElement(Grid, {
-    columns: [2, 2, 4],
-    gap: "1px"
-  }, children));
-};
-export const ExampleGridItem = _ref3 => {
-  let {
-    children
-  } = _ref3;
-  return createElement(Surface, {
-    variant: "secondary",
-    style: {
-      padding: 20
-    }
-  }, createElement(VStack, {
-    alignment: "center"
-  }, children));
-};
-export const ExampleMetaContent = _ref4 => {
-  let {
-    title,
-    items = []
-  } = _ref4;
-  return createElement(Grid, {
-    templateColumns: "60px 1fr"
-  }, createElement(View, null, createElement(Text, {
-    size: "caption",
-    weight: "bold",
-    align: "right",
-    isBlock: true
-  }, title)), createElement(VStack, {
-    spacing: 1
-  }, items.map((item, index) => createElement(View, {
-    key: index
-  }, createElement(Text, {
-    size: "caption",
-    isBlock: true
-  }, item)))));
-};
-//# sourceMappingURL=example-grid.js.map

package/build-module/ui/__storybook-utils/example-grid.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/__storybook-utils/example-grid.js"],"names":["Grid","Surface","Text","View","VStack","Container","children","maxWidth","width","marginLeft","marginRight","ExampleGrid","ExampleGridItem","padding","ExampleMetaContent","title","items","map","item","index"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,YAArB;AACA,SAASC,OAAT,QAAwB,eAAxB;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,MAAT,QAAuB,eAAvB;;AAEA,MAAMC,SAAS,GAAG;AAAA,MAAE;AAAEC,IAAAA;AAAF,GAAF;AAAA,SACjB;AACC,IAAA,KAAK,EAAG;AACPC,MAAAA,QAAQ,EAAE,IADH;AAEPC,MAAAA,KAAK,EAAE,MAFA;AAGPC,MAAAA,UAAU,EAAE,MAHL;AAIPC,MAAAA,WAAW,EAAE;AAJN;AADT,KAQGJ,QARH,CADiB;AAAA,CAAlB;;AAaA,OAAO,MAAMK,WAAW,GAAG;AAAA,MAAE;AAAEL,IAAAA;AAAF,GAAF;AAAA,SAC1B,cAAC,SAAD,QACC,cAAC,IAAD;AAAM,IAAA,OAAO,EAAG,CAAE,CAAF,EAAK,CAAL,EAAQ,CAAR,CAAhB;AAA8B,IAAA,GAAG,EAAC;AAAlC,KACGA,QADH,CADD,CAD0B;AAAA,CAApB;AAQP,OAAO,MAAMM,eAAe,GAAG;AAAA,MAAE;AAAEN,IAAAA;AAAF,GAAF;AAAA,SAC9B,cAAC,OAAD;AACC,IAAA,OAAO,EAAC,WADT;AAEC,IAAA,KAAK,EAAG;AACPO,MAAAA,OAAO,EAAE;AADF;AAFT,KAMC,cAAC,MAAD;AAAQ,IAAA,SAAS,EAAC;AAAlB,KAA6BP,QAA7B,CAND,CAD8B;AAAA,CAAxB;AAWP,OAAO,MAAMQ,kBAAkB,GAAG,SAA6B;AAAA,MAA3B;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAK,GAAG;AAAjB,GAA2B;AAC9D,SACC,cAAC,IAAD;AAAM,IAAA,eAAe,EAAC;AAAtB,KACC,cAAC,IAAD,QACC,cAAC,IAAD;AAAM,IAAA,IAAI,EAAC,SAAX;AAAqB,IAAA,MAAM,EAAC,MAA5B;AAAmC,IAAA,KAAK,EAAC,OAAzC;AAAiD,IAAA,OAAO;AAAxD,KACGD,KADH,CADD,CADD,EAMC,cAAC,MAAD;AAAQ,IAAA,OAAO,EAAG;AAAlB,KACGC,KAAK,CAACC,GAAN,CAAW,CAAEC,IAAF,EAAQC,KAAR,KACZ,cAAC,IAAD;AAAM,IAAA,GAAG,EAAGA;AAAZ,KACC,cAAC,IAAD;AAAM,IAAA,IAAI,EAAC,SAAX;AAAqB,IAAA,OAAO;AAA5B,KACGD,IADH,CADD,CADC,CADH,CAND,CADD;AAkBA,CAnBM","sourcesContent":["/**\n * Internal dependencies\n */\nimport { Grid } from '../../grid';\nimport { Surface } from '../../surface';\nimport { Text } from '../../text';\nimport { View } from '../../view';\nimport { VStack } from '../../v-stack';\n\nconst Container = ( { children } ) => (\n\t<div\n\t\tstyle={ {\n\t\t\tmaxWidth: 1280,\n\t\t\twidth: '100%',\n\t\t\tmarginLeft: 'auto',\n\t\t\tmarginRight: 'auto',\n\t\t} }\n\t>\n\t\t{ children }\n\t</div>\n);\n\nexport const ExampleGrid = ( { children } ) => (\n\t<Container>\n\t\t<Grid columns={ [ 2, 2, 4 ] } gap=\"1px\">\n\t\t\t{ children }\n\t\t</Grid>\n\t</Container>\n);\n\nexport const ExampleGridItem = ( { children } ) => (\n\t<Surface\n\t\tvariant=\"secondary\"\n\t\tstyle={ {\n\t\t\tpadding: 20,\n\t\t} }\n\t>\n\t\t<VStack alignment=\"center\">{ children }</VStack>\n\t</Surface>\n);\n\nexport const ExampleMetaContent = ( { title, items = [] } ) => {\n\treturn (\n\t\t<Grid templateColumns=\"60px 1fr\">\n\t\t\t<View>\n\t\t\t\t<Text size=\"caption\" weight=\"bold\" align=\"right\" isBlock>\n\t\t\t\t\t{ title }\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t{ items.map( ( item, index ) => (\n\t\t\t\t\t<View key={ index }>\n\t\t\t\t\t\t<Text size=\"caption\" isBlock>\n\t\t\t\t\t\t\t{ item }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</View>\n\t\t\t\t) ) }\n\t\t\t</VStack>\n\t\t</Grid>\n\t);\n};\n"]}

package/build-module/ui/__storybook-utils/index.js

@@ -1,2 +0,0 @@
-export * from './example-grid';
-//# sourceMappingURL=index.js.map

package/build-module/ui/__storybook-utils/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/__storybook-utils/index.js"],"names":[],"mappings":"AAAA,cAAc,gBAAd","sourcesContent":["export * from './example-grid';\n"]}

package/build-module/ui/__storybook-utils/page.js

@@ -1,32 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * Internal dependencies
- */
-import { VStack } from '../../v-stack';
-import { View } from '../../view';
-import { Heading } from '../../heading';
-import { Divider } from '../../divider';
-
-function Page(_ref) {
-  let {
-    title = 'Component',
-    children
-  } = _ref;
-  return createElement("div", {
-    style: {
-      paddingTop: 24,
-      paddingBottom: '20vh',
-      maxWidth: '1280px',
-      marginLeft: 'auto',
-      marginRight: 'auto'
-    }
-  }, createElement(VStack, {
-    spacing: 6
-  }, createElement(Heading, {
-    size: 1
-  }, title), createElement(Divider, null), createElement(View, null, children)));
-}
-
-export default Page;
-//# sourceMappingURL=page.js.map

package/build-module/ui/__storybook-utils/page.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/__storybook-utils/page.js"],"names":["VStack","View","Heading","Divider","Page","title","children","paddingTop","paddingBottom","maxWidth","marginLeft","marginRight"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,MAAT,QAAuB,eAAvB;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,OAAT,QAAwB,eAAxB;AACA,SAASC,OAAT,QAAwB,eAAxB;;AAEA,SAASC,IAAT,OAAmD;AAAA,MAApC;AAAEC,IAAAA,KAAK,GAAG,WAAV;AAAuBC,IAAAA;AAAvB,GAAoC;AAClD,SACC;AACC,IAAA,KAAK,EAAG;AACPC,MAAAA,UAAU,EAAE,EADL;AAEPC,MAAAA,aAAa,EAAE,MAFR;AAGPC,MAAAA,QAAQ,EAAE,QAHH;AAIPC,MAAAA,UAAU,EAAE,MAJL;AAKPC,MAAAA,WAAW,EAAE;AALN;AADT,KASC,cAAC,MAAD;AAAQ,IAAA,OAAO,EAAG;AAAlB,KACC,cAAC,OAAD;AAAS,IAAA,IAAI,EAAG;AAAhB,KAAsBN,KAAtB,CADD,EAEC,cAAC,OAAD,OAFD,EAGC,cAAC,IAAD,QAAQC,QAAR,CAHD,CATD,CADD;AAiBA;;AAED,eAAeF,IAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport { VStack } from '../../v-stack';\nimport { View } from '../../view';\nimport { Heading } from '../../heading';\nimport { Divider } from '../../divider';\n\nfunction Page( { title = 'Component', children } ) {\n\treturn (\n\t\t<div\n\t\t\tstyle={ {\n\t\t\t\tpaddingTop: 24,\n\t\t\t\tpaddingBottom: '20vh',\n\t\t\t\tmaxWidth: '1280px',\n\t\t\t\tmarginLeft: 'auto',\n\t\t\t\tmarginRight: 'auto',\n\t\t\t} }\n\t\t>\n\t\t\t<VStack spacing={ 6 }>\n\t\t\t\t<Heading size={ 1 }>{ title }</Heading>\n\t\t\t\t<Divider />\n\t\t\t\t<View>{ children }</View>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nexport default Page;\n"]}

package/build-module/utils/keyboard.js

@@ -1,33 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { RIGHT, UP, DOWN, LEFT } from '@wordpress/keycodes';
-/**
- * @type {number[]}
- */
-
-const arrowKeys = [RIGHT, UP, DOWN, LEFT];
-/**
- * Normalizes the 'key' property of a KeyboardEvent in IE/Edge
- *
- * Source:
- * https://github.com/downshift-js/downshift/blob/a71005bd879d05d7dcb892d1e0dc5c6ca74e9d39/src/utils.js#L279
- *
- * @param {import('react').KeyboardEvent} event A keyboardEvent object
- *
- * @return {string} The keyboard key
- */
-
-export function normalizeArrowKey(event) {
-  const {
-    key,
-    keyCode
-  } = event;
-
-  if (arrowKeys.includes(keyCode) && key.indexOf('Arrow') !== 0) {
-    return `Arrow${key}`;
-  }
-
-  return key;
-}
-//# sourceMappingURL=keyboard.js.map

package/build-module/utils/keyboard.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/utils/keyboard.js"],"names":["RIGHT","UP","DOWN","LEFT","arrowKeys","normalizeArrowKey","event","key","keyCode","includes","indexOf"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAT,EAAgBC,EAAhB,EAAoBC,IAApB,EAA0BC,IAA1B,QAAsC,qBAAtC;AAEA;AACA;AACA;;AACA,MAAMC,SAAS,GAAG,CAAEJ,KAAF,EAASC,EAAT,EAAaC,IAAb,EAAmBC,IAAnB,CAAlB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASE,iBAAT,CAA4BC,KAA5B,EAAoC;AAC1C,QAAM;AAAEC,IAAAA,GAAF;AAAOC,IAAAA;AAAP,MAAmBF,KAAzB;;AAEA,MAAKF,SAAS,CAACK,QAAV,CAAoBD,OAApB,KAAiCD,GAAG,CAACG,OAAJ,CAAa,OAAb,MAA2B,CAAjE,EAAqE;AACpE,WAAQ,QAAQH,GAAK,EAArB;AACA;;AACD,SAAOA,GAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RIGHT, UP, DOWN, LEFT } from '@wordpress/keycodes';\n\n/**\n * @type {number[]}\n */\nconst arrowKeys = [ RIGHT, UP, DOWN, LEFT ];\n\n/**\n * Normalizes the 'key' property of a KeyboardEvent in IE/Edge\n *\n * Source:\n * https://github.com/downshift-js/downshift/blob/a71005bd879d05d7dcb892d1e0dc5c6ca74e9d39/src/utils.js#L279\n *\n * @param {import('react').KeyboardEvent} event A keyboardEvent object\n *\n * @return {string} The keyboard key\n */\nexport function normalizeArrowKey( event ) {\n\tconst { key, keyCode } = event;\n\n\tif ( arrowKeys.includes( keyCode ) && key.indexOf( 'Arrow' ) !== 0 ) {\n\t\treturn `Arrow${ key }`;\n\t}\n\treturn key;\n}\n"]}

package/build-types/form-token-field/test/lib/fixtures.d.ts

@@ -1,26 +0,0 @@
-declare namespace _default {
-    namespace specialTokens {
-        const textEscaped: string[];
-        const htmlEscaped: string[];
-        const textUnescaped: string[];
-        const htmlUnescaped: string[];
-    }
-    namespace specialSuggestions {
-        const _default: string[];
-        export { _default as default };
-        const textEscaped_1: string[];
-        export { textEscaped_1 as textEscaped };
-        const textUnescaped_1: string[];
-        export { textUnescaped_1 as textUnescaped };
-        export const matchAmpersandUnescaped: string[][];
-        export const matchAmpersandSequence: string[][];
-        export const matchAmpersandEscaped: never[];
-    }
-    namespace matchingSuggestions {
-        const th: string[][];
-        const so: string[][];
-        const at: string[][];
-    }
-}
-export default _default;
-//# sourceMappingURL=fixtures.d.ts.map

package/build-types/form-token-field/test/lib/fixtures.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fixtures.d.ts","sourceRoot":"","sources":["../../../../src/form-token-field/test/lib/fixtures.js"],"names":[],"mappings":""}

package/build-types/form-token-field/test/lib/token-field-wrapper.d.ts

@@ -1,21 +0,0 @@
-/**
- * External dependencies
- */
-import type { ComponentProps } from 'react';
-/**
- * WordPress dependencies
- */
-import { Component } from '@wordpress/element';
-import type { FormTokenFieldProps } from '../../types';
-import FormTokenField from '../../';
-declare class TokenFieldWrapper extends Component<FormTokenFieldProps, {
-    tokenSuggestions: ComponentProps<typeof FormTokenField>['suggestions'];
-    tokens: ComponentProps<typeof FormTokenField>['value'];
-    isExpanded: boolean;
-}> {
-    constructor(props: FormTokenFieldProps);
-    render(): JSX.Element;
-    onTokensChange(value: ComponentProps<typeof FormTokenField>['value']): void;
-}
-export default TokenFieldWrapper;
-//# sourceMappingURL=token-field-wrapper.d.ts.map

package/build-types/form-token-field/test/lib/token-field-wrapper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"token-field-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/form-token-field/test/lib/token-field-wrapper.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAM/C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,cAAc,MAAM,QAAQ,CAAC;AAYpC,cAAM,iBAAkB,SAAQ,SAAS,CACxC,mBAAmB,EACnB;IACC,gBAAgB,EAAE,cAAc,CAC/B,OAAO,cAAc,CACrB,CAAE,aAAa,CAAE,CAAC;IACnB,MAAM,EAAE,cAAc,CAAE,OAAO,cAAc,CAAE,CAAE,OAAO,CAAE,CAAC;IAC3D,UAAU,EAAE,OAAO,CAAC;CACpB,CACD;gBACa,KAAK,EAAE,mBAAmB;IAUvC,MAAM;IAgBN,cAAc,CACb,KAAK,EAAE,cAAc,CAAE,OAAO,cAAc,CAAE,CAAE,OAAO,CAAE;CAI1D;AAED,eAAe,iBAAiB,CAAC"}

package/build-types/utils/keyboard.d.ts

@@ -1,12 +0,0 @@
-/**
- * Normalizes the 'key' property of a KeyboardEvent in IE/Edge
- *
- * Source:
- * https://github.com/downshift-js/downshift/blob/a71005bd879d05d7dcb892d1e0dc5c6ca74e9d39/src/utils.js#L279
- *
- * @param {import('react').KeyboardEvent} event A keyboardEvent object
- *
- * @return {string} The keyboard key
- */
-export function normalizeArrowKey(event: import('react').KeyboardEvent): string;
-//# sourceMappingURL=keyboard.d.ts.map

package/build-types/utils/keyboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyboard.d.ts","sourceRoot":"","sources":["../../src/utils/keyboard.js"],"names":[],"mappings":"AAUA;;;;;;;;;GASG;AACH,yCAJW,OAAO,OAAO,EAAE,aAAa,GAE5B,MAAM,CASjB"}

package/src/card/stories/index.js

@@ -1,209 +0,0 @@
-/**
- * External dependencies
- */
-import { boolean, select, number } from '@storybook/addon-knobs';
-
-/**
- * Internal dependencies
- */
-import {
-	Card,
-	CardHeader,
-	CardBody,
-	CardDivider,
-	CardMedia,
-	CardFooter,
-} from '../index';
-import { Text } from '../../text';
-import { Heading } from '../../heading';
-import Button from '../../button';
-
-export default {
-	component: Card,
-	title: 'Components/Card',
-	parameters: {
-		knobs: { disable: false },
-	},
-};
-
-const KNOBS_GROUPS = {
-	Card: 'Card',
-	CardBody: 'CardBody',
-	CardHeader: 'CardHeader',
-	CardFooter: 'CardFooter',
-};
-
-// Using `unset` instead of `undefined` as Storybook seems to sometimes pass an
-// empty string instead of `undefined`, which is not ideal.
-// https://github.com/storybookjs/storybook/issues/800
-const PROP_UNSET = 'unset';
-
-export const _default = () => {
-	const cardProps = {
-		isBorderless: boolean( 'Card: isBorderless', false, KNOBS_GROUPS.Card ),
-		isRounded: boolean( 'Card: isRounded', true, KNOBS_GROUPS.Card ),
-		elevation: number( 'Card: elevation', 0, {}, KNOBS_GROUPS.Card ),
-		size: select(
-			'Card: size',
-			{
-				large: 'large',
-				medium: 'medium',
-				small: 'small',
-				xSmall: 'xSmall',
-			},
-			'medium',
-			KNOBS_GROUPS.Card
-		),
-		style: {
-			width: select(
-				'Card: width (via inline styles)',
-				{
-					'640px': 640,
-					'360px': 360,
-					'240px': 240,
-					'50%': '50%',
-					'100%': '100%',
-				},
-				360,
-				KNOBS_GROUPS.Card
-			),
-		},
-	};
-
-	const cardHeaderProps = {
-		isBorderless: select(
-			'CardHeader: isBorderless',
-			{
-				'unset (defaults to the value set on the <Card> parent)':
-					PROP_UNSET,
-				true: true,
-				false: false,
-			},
-			PROP_UNSET,
-			KNOBS_GROUPS.CardHeader
-		),
-		isShady: boolean(
-			'CardHeader: isShady',
-			false,
-			KNOBS_GROUPS.CardHeader
-		),
-		size: select(
-			'CardHeader: size',
-			{
-				'unset (defaults to the value set on the <Card> parent)':
-					PROP_UNSET,
-				large: 'large',
-				medium: 'medium',
-				small: 'small',
-				xSmall: 'xSmall',
-			},
-			PROP_UNSET,
-			KNOBS_GROUPS.CardHeader
-		),
-	};
-
-	const cardBodyProps = {
-		isShady: boolean( 'CardBody: isShady', false, KNOBS_GROUPS.CardBody ),
-		size: select(
-			'CardBody: size',
-			{
-				'unset (defaults to the value set on the <Card> parent)':
-					PROP_UNSET,
-				large: 'large',
-				medium: 'medium',
-				small: 'small',
-				xSmall: 'xSmall',
-			},
-			PROP_UNSET,
-			KNOBS_GROUPS.CardBody
-		),
-	};
-
-	const cardFooterProps = {
-		isBorderless: select(
-			'CardFooter: isBorderless',
-			{
-				'unset (defaults to the value set on the <Card> parent)':
-					PROP_UNSET,
-				true: true,
-				false: false,
-			},
-			PROP_UNSET,
-			KNOBS_GROUPS.CardFooter
-		),
-		isShady: boolean(
-			'CardFooter: isShady',
-			false,
-			KNOBS_GROUPS.CardFooter
-		),
-		justify: select(
-			'CardFooter: justify',
-			{
-				flexStart: 'flex-start',
-				flexEnd: 'flex-end',
-				center: 'center',
-				spaceAround: 'space-around',
-				spaceBetween: 'space-between',
-				spaceEvenly: 'space-evenly',
-			},
-			'space-between',
-			KNOBS_GROUPS.CardFooter
-		),
-		size: select(
-			'CardFooter: size',
-			{
-				'unset (defaults to the value set on the <Card> parent)':
-					PROP_UNSET,
-				large: 'large',
-				medium: 'medium',
-				small: 'small',
-				xSmall: 'xSmall',
-			},
-			PROP_UNSET,
-			KNOBS_GROUPS.CardFooter
-		),
-	};
-
-	// Do not pass the `size` and `isBorderless` props when their value is `undefined`.
-	// This allows the `CardHeader`, `CardBody` and `CardFooter` components to use
-	// the values that are set on the parent `Card` component by default.
-	for ( const componentProps of [
-		cardHeaderProps,
-		cardFooterProps,
-		cardBodyProps,
-	] ) {
-		for ( const prop of [ 'isBorderless', 'size' ] ) {
-			if ( componentProps[ prop ] === PROP_UNSET ) {
-				delete componentProps[ prop ];
-			}
-		}
-	}
-
-	return (
-		<Card { ...cardProps }>
-			<CardHeader { ...cardHeaderProps }>
-				<Heading>CardHeader</Heading>
-			</CardHeader>
-			<CardBody { ...cardBodyProps }>
-				<Text>CardBody</Text>
-			</CardBody>
-			<CardBody { ...cardBodyProps }>
-				<Text>CardBody (before CardDivider)</Text>
-			</CardBody>
-			<CardDivider />
-			<CardBody { ...cardBodyProps }>
-				<Text>CardBody (after CardDivider)</Text>
-			</CardBody>
-			<CardMedia>
-				<img
-					alt="Card Media"
-					src="https://images.unsplash.com/photo-1566125882500-87e10f726cdc?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1867&q=80"
-				/>
-			</CardMedia>
-			<CardFooter { ...cardFooterProps }>
-				<Text>CardFooter</Text>
-				<Button variant="secondary">Action Button</Button>
-			</CardFooter>
-		</Card>
-	);
-};