@wordpress/components 19.3.0 → 19.4.0

package/build/spinner/styles/spinner-styles.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledSpinner = void 0;
-
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-
-var _react = require("@emotion/react");
-
-var _utils = require("../../utils");
-
-/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-const spinAnimation = (0, _react.keyframes)`
-	from {
-		transform: rotate(0deg);
-	}
-
-	to {
-		transform: rotate(360deg);
-	}
-`;
-const topLeft = `calc( ( ${_utils.CONFIG.spinnerSize} - ${_utils.CONFIG.spinnerSize} * ( 2 / 3 ) ) / 2 )`;
-const StyledSpinner = (0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "e1s472tg0"
-} : {
-  target: "e1s472tg0",
-  label: "StyledSpinner"
-})("display:inline-block;background-color:", _utils.COLORS.gray[600], ";width:", _utils.CONFIG.spinnerSize, ";height:", _utils.CONFIG.spinnerSize, ";opacity:0.7;margin:5px 11px 0;border-radius:100%;position:relative;&::before{content:'';position:absolute;background-color:", _utils.COLORS.white, ";top:", topLeft, ";left:", topLeft, ";width:calc( ", _utils.CONFIG.spinnerSize, " / 4.5 );height:calc( ", _utils.CONFIG.spinnerSize, " / 4.5 );border-radius:100%;transform-origin:calc( ", _utils.CONFIG.spinnerSize, " / 3 ) calc( ", _utils.CONFIG.spinnerSize, " / 3 );animation:", spinAnimation, " 1s infinite linear;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3Bpbm5lci9zdHlsZXMvc3Bpbm5lci1zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJ3QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3NwaW5uZXIvc3R5bGVzL3NwaW5uZXItc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIENPTkZJRyB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuY29uc3Qgc3BpbkFuaW1hdGlvbiA9IGtleWZyYW1lc2Bcblx0ZnJvbSB7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdH1cblxuXHR0byB7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcblx0fVxuYDtcblxuY29uc3QgdG9wTGVmdCA9IGBjYWxjKCAoICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9IC0gJHsgQ09ORklHLnNwaW5uZXJTaXplIH0gKiAoIDIgLyAzICkgKSAvIDIgKWA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTcGlubmVyID0gc3R5bGVkLnNwYW5gXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLmdyYXlbIDYwMCBdIH07XG5cdHdpZHRoOiAkeyBDT05GSUcuc3Bpbm5lclNpemUgfTtcblx0aGVpZ2h0OiAkeyBDT05GSUcuc3Bpbm5lclNpemUgfTtcblx0b3BhY2l0eTogMC43O1xuXHRtYXJnaW46IDVweCAxMXB4IDA7XG5cdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHQmOjpiZWZvcmUge1xuXHRcdGNvbnRlbnQ6ICcnO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT0xPUlMud2hpdGUgfTtcblx0XHR0b3A6ICR7IHRvcExlZnQgfTtcblx0XHRsZWZ0OiAkeyB0b3BMZWZ0IH07XG5cdFx0d2lkdGg6IGNhbGMoICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9IC8gNC41ICk7XG5cdFx0aGVpZ2h0OiBjYWxjKCAkeyBDT05GSUcuc3Bpbm5lclNpemUgfSAvIDQuNSApO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdFx0dHJhbnNmb3JtLW9yaWdpbjogY2FsYyggJHsgQ09ORklHLnNwaW5uZXJTaXplIH0gLyAzIClcblx0XHRcdGNhbGMoICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9IC8gMyApO1xuXHRcdGFuaW1hdGlvbjogJHsgc3BpbkFuaW1hdGlvbiB9IDFzIGluZmluaXRlIGxpbmVhcjtcblx0fVxuYDtcbiJdfQ== */"));
-exports.StyledSpinner = StyledSpinner;
-//# sourceMappingURL=spinner-styles.js.map

package/build/spinner/styles/spinner-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/spinner/styles/spinner-styles.js"],"names":["spinAnimation","topLeft","CONFIG","spinnerSize","StyledSpinner","COLORS","gray","white"],"mappings":";;;;;;;;;;;AAIA;;AAKA;;AATA;AACA;AACA;;AAIA;AACA;AACA;AAGA,MAAMA,aAAa,GAAG,qBAAU;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CARA;AAUA,MAAMC,OAAO,GAAI,WAAWC,cAAOC,WAAa,MAAMD,cAAOC,WAAa,sBAA1E;AAEO,MAAMC,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,6CAEJC,cAAOC,IAAP,CAAa,GAAb,CAFI,aAGfJ,cAAOC,WAHQ,cAIdD,cAAOC,WAJO,kIAaHE,cAAOE,KAbJ,WAchBN,OAdgB,YAefA,OAfe,mBAgBRC,cAAOC,WAhBC,4BAiBPD,cAAOC,WAjBA,yDAmBGD,cAAOC,WAnBV,mBAoBdD,cAAOC,WApBO,uBAqBVH,aArBU,i7DAAnB","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\nimport { keyframes } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, CONFIG } from '../../utils';\n\nconst spinAnimation = keyframes`\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n`;\n\nconst topLeft = `calc( ( ${ CONFIG.spinnerSize } - ${ CONFIG.spinnerSize } * ( 2 / 3 ) ) / 2 )`;\n\nexport const StyledSpinner = styled.span`\n\tdisplay: inline-block;\n\tbackground-color: ${ COLORS.gray[ 600 ] };\n\twidth: ${ CONFIG.spinnerSize };\n\theight: ${ CONFIG.spinnerSize };\n\topacity: 0.7;\n\tmargin: 5px 11px 0;\n\tborder-radius: 100%;\n\tposition: relative;\n\n\t&::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tbackground-color: ${ COLORS.white };\n\t\ttop: ${ topLeft };\n\t\tleft: ${ topLeft };\n\t\twidth: calc( ${ CONFIG.spinnerSize } / 4.5 );\n\t\theight: calc( ${ CONFIG.spinnerSize } / 4.5 );\n\t\tborder-radius: 100%;\n\t\ttransform-origin: calc( ${ CONFIG.spinnerSize } / 3 )\n\t\t\tcalc( ${ CONFIG.spinnerSize } / 3 );\n\t\tanimation: ${ spinAnimation } 1s infinite linear;\n\t}\n`;\n"]}

package/build-module/spinner/styles/spinner-styles.js

@@ -1,28 +0,0 @@
-import _styled from "@emotion/styled/base";
-
-/**
- * External dependencies
- */
-import { keyframes } from '@emotion/react';
-/**
- * Internal dependencies
- */
-
-import { COLORS, CONFIG } from '../../utils';
-const spinAnimation = keyframes`
-	from {
-		transform: rotate(0deg);
-	}
-
-	to {
-		transform: rotate(360deg);
-	}
-`;
-const topLeft = `calc( ( ${CONFIG.spinnerSize} - ${CONFIG.spinnerSize} * ( 2 / 3 ) ) / 2 )`;
-export const StyledSpinner = _styled("span", process.env.NODE_ENV === "production" ? {
-  target: "e1s472tg0"
-} : {
-  target: "e1s472tg0",
-  label: "StyledSpinner"
-})("display:inline-block;background-color:", COLORS.gray[600], ";width:", CONFIG.spinnerSize, ";height:", CONFIG.spinnerSize, ";opacity:0.7;margin:5px 11px 0;border-radius:100%;position:relative;&::before{content:'';position:absolute;background-color:", COLORS.white, ";top:", topLeft, ";left:", topLeft, ";width:calc( ", CONFIG.spinnerSize, " / 4.5 );height:calc( ", CONFIG.spinnerSize, " / 4.5 );border-radius:100%;transform-origin:calc( ", CONFIG.spinnerSize, " / 3 ) calc( ", CONFIG.spinnerSize, " / 3 );animation:", spinAnimation, " 1s infinite linear;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3Bpbm5lci9zdHlsZXMvc3Bpbm5lci1zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJ3QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3NwaW5uZXIvc3R5bGVzL3NwaW5uZXItc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIENPTkZJRyB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuY29uc3Qgc3BpbkFuaW1hdGlvbiA9IGtleWZyYW1lc2Bcblx0ZnJvbSB7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdH1cblxuXHR0byB7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcblx0fVxuYDtcblxuY29uc3QgdG9wTGVmdCA9IGBjYWxjKCAoICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9IC0gJHsgQ09ORklHLnNwaW5uZXJTaXplIH0gKiAoIDIgLyAzICkgKSAvIDIgKWA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTcGlubmVyID0gc3R5bGVkLnNwYW5gXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLmdyYXlbIDYwMCBdIH07XG5cdHdpZHRoOiAkeyBDT05GSUcuc3Bpbm5lclNpemUgfTtcblx0aGVpZ2h0OiAkeyBDT05GSUcuc3Bpbm5lclNpemUgfTtcblx0b3BhY2l0eTogMC43O1xuXHRtYXJnaW46IDVweCAxMXB4IDA7XG5cdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHQmOjpiZWZvcmUge1xuXHRcdGNvbnRlbnQ6ICcnO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT0xPUlMud2hpdGUgfTtcblx0XHR0b3A6ICR7IHRvcExlZnQgfTtcblx0XHRsZWZ0OiAkeyB0b3BMZWZ0IH07XG5cdFx0d2lkdGg6IGNhbGMoICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9IC8gNC41ICk7XG5cdFx0aGVpZ2h0OiBjYWxjKCAkeyBDT05GSUcuc3Bpbm5lclNpemUgfSAvIDQuNSApO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdFx0dHJhbnNmb3JtLW9yaWdpbjogY2FsYyggJHsgQ09ORklHLnNwaW5uZXJTaXplIH0gLyAzIClcblx0XHRcdGNhbGMoICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9IC8gMyApO1xuXHRcdGFuaW1hdGlvbjogJHsgc3BpbkFuaW1hdGlvbiB9IDFzIGluZmluaXRlIGxpbmVhcjtcblx0fVxuYDtcbiJdfQ== */"));
-//# sourceMappingURL=spinner-styles.js.map

package/build-module/spinner/styles/spinner-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/spinner/styles/spinner-styles.js"],"names":["keyframes","COLORS","CONFIG","spinAnimation","topLeft","spinnerSize","StyledSpinner","gray","white"],"mappings":";;AAAA;AACA;AACA;AAEA,SAASA,SAAT,QAA0B,gBAA1B;AAEA;AACA;AACA;;AACA,SAASC,MAAT,EAAiBC,MAAjB,QAA+B,aAA/B;AAEA,MAAMC,aAAa,GAAGH,SAAU;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CARA;AAUA,MAAMI,OAAO,GAAI,WAAWF,MAAM,CAACG,WAAa,MAAMH,MAAM,CAACG,WAAa,sBAA1E;AAEA,OAAO,MAAMC,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,6CAEJL,MAAM,CAACM,IAAP,CAAa,GAAb,CAFI,aAGfL,MAAM,CAACG,WAHQ,cAIdH,MAAM,CAACG,WAJO,kIAaHJ,MAAM,CAACO,KAbJ,WAchBJ,OAdgB,YAefA,OAfe,mBAgBRF,MAAM,CAACG,WAhBC,4BAiBPH,MAAM,CAACG,WAjBA,yDAmBGH,MAAM,CAACG,WAnBV,mBAoBdH,MAAM,CAACG,WApBO,uBAqBVF,aArBU,i7DAAnB","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\nimport { keyframes } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, CONFIG } from '../../utils';\n\nconst spinAnimation = keyframes`\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n`;\n\nconst topLeft = `calc( ( ${ CONFIG.spinnerSize } - ${ CONFIG.spinnerSize } * ( 2 / 3 ) ) / 2 )`;\n\nexport const StyledSpinner = styled.span`\n\tdisplay: inline-block;\n\tbackground-color: ${ COLORS.gray[ 600 ] };\n\twidth: ${ CONFIG.spinnerSize };\n\theight: ${ CONFIG.spinnerSize };\n\topacity: 0.7;\n\tmargin: 5px 11px 0;\n\tborder-radius: 100%;\n\tposition: relative;\n\n\t&::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tbackground-color: ${ COLORS.white };\n\t\ttop: ${ topLeft };\n\t\tleft: ${ topLeft };\n\t\twidth: calc( ${ CONFIG.spinnerSize } / 4.5 );\n\t\theight: calc( ${ CONFIG.spinnerSize } / 4.5 );\n\t\tborder-radius: 100%;\n\t\ttransform-origin: calc( ${ CONFIG.spinnerSize } / 3 )\n\t\t\tcalc( ${ CONFIG.spinnerSize } / 3 );\n\t\tanimation: ${ spinAnimation } 1s infinite linear;\n\t}\n`;\n"]}

package/build-types/spinner/styles/spinner-styles.d.ts

@@ -1,5 +0,0 @@
-export const StyledSpinner: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-//# sourceMappingURL=spinner-styles.d.ts.map

package/build-types/spinner/styles/spinner-styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"spinner-styles.d.ts","sourceRoot":"","sources":["../../../src/spinner/styles/spinner-styles.js"],"names":[],"mappings":"AAuBA;;;4GAuBE"}

package/src/spinner/styles/spinner-styles.js

@@ -1,47 +0,0 @@
-/**
- * External dependencies
- */
-import styled from '@emotion/styled';
-import { keyframes } from '@emotion/react';
-
-/**
- * Internal dependencies
- */
-import { COLORS, CONFIG } from '../../utils';
-
-const spinAnimation = keyframes`
-	from {
-		transform: rotate(0deg);
-	}
-
-	to {
-		transform: rotate(360deg);
-	}
-`;
-
-const topLeft = `calc( ( ${ CONFIG.spinnerSize } - ${ CONFIG.spinnerSize } * ( 2 / 3 ) ) / 2 )`;
-
-export const StyledSpinner = styled.span`
-	display: inline-block;
-	background-color: ${ COLORS.gray[ 600 ] };
-	width: ${ CONFIG.spinnerSize };
-	height: ${ CONFIG.spinnerSize };
-	opacity: 0.7;
-	margin: 5px 11px 0;
-	border-radius: 100%;
-	position: relative;
-
-	&::before {
-		content: '';
-		position: absolute;
-		background-color: ${ COLORS.white };
-		top: ${ topLeft };
-		left: ${ topLeft };
-		width: calc( ${ CONFIG.spinnerSize } / 4.5 );
-		height: calc( ${ CONFIG.spinnerSize } / 4.5 );
-		border-radius: 100%;
-		transform-origin: calc( ${ CONFIG.spinnerSize } / 3 )
-			calc( ${ CONFIG.spinnerSize } / 3 );
-		animation: ${ spinAnimation } 1s infinite linear;
-	}
-`;

package/src/ui/visually-hidden/README.md

@@ -1,21 +0,0 @@
-# VisuallyHidden
-
-<div class="callout callout-alert">
-This feature is still experimental. “Experimental” means this is an early implementation subject to drastic and breaking changes.
-</div>
-
-`VisuallyHidden` is a component used to render text intended to be visually hidden, but will show for alternate devices, for example a screen reader.
-
-## Usage
-
-```jsx
-import { View, VisuallyHidden } from '@wordpress/components/ui';
-
-function Example() {
-	return (
-		<VisuallyHidden>
-			<View as="label">Code is Poetry</View>
-		</VisuallyHidden>
-	);
-}
-```