@wordpress/components 19.2.1-next.33ec3857e2.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/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js

@@ -1,90 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _element = require("@wordpress/element");
-
-var _styles = require("./styles");
-
-/**
- * WordPress dependencies
- */
-function ToggleGroupControlBackdrop(_ref) {
-  let {
-    containerRef,
-    containerWidth,
-    isAdaptiveWidth,
-    state
-  } = _ref;
-  const [left, setLeft] = (0, _element.useState)(0);
-  const [width, setWidth] = (0, _element.useState)(0);
-  const [canAnimate, setCanAnimate] = (0, _element.useState)(false);
-  const [renderBackdrop, setRenderBackdrop] = (0, _element.useState)(false);
-  (0, _element.useEffect)(() => {
-    const containerNode = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
-    if (!containerNode) return;
-    /**
-     * Workaround for Reakit
-     */
-
-    const targetNode = containerNode.querySelector(`[data-value="${state}"]`);
-    setRenderBackdrop(!!targetNode);
-
-    if (!targetNode) {
-      return;
-    }
-
-    const computeDimensions = () => {
-      const {
-        width: offsetWidth,
-        x
-      } = targetNode.getBoundingClientRect();
-      const {
-        x: parentX
-      } = containerNode.getBoundingClientRect();
-      const borderWidth = 1;
-      const offsetLeft = x - parentX - borderWidth;
-      setLeft(offsetLeft);
-      setWidth(offsetWidth);
-    }; // Fix to make the component appear as expected inside popovers.
-    // If the targetNode width is 0 it means the element was not yet rendered we should allow
-    // some time for the render to happen.
-    // requestAnimationFrame instead of setTimeout with a small time does not seems to work.
-
-
-    const dimensionsRequestId = window.setTimeout(computeDimensions, 100);
-    let animationRequestId;
-
-    if (!canAnimate) {
-      animationRequestId = window.requestAnimationFrame(() => {
-        setCanAnimate(true);
-      });
-    }
-
-    return () => {
-      window.clearTimeout(dimensionsRequestId);
-      window.cancelAnimationFrame(animationRequestId);
-    };
-  }, [canAnimate, containerRef, containerWidth, state, isAdaptiveWidth]);
-
-  if (!renderBackdrop) {
-    return null;
-  }
-
-  return (0, _element.createElement)(_styles.BackdropView, {
-    role: "presentation",
-    style: {
-      transform: `translateX(${left}px)`,
-      transition: canAnimate ? undefined : 'none',
-      width
-    }
-  });
-}
-
-var _default = (0, _element.memo)(ToggleGroupControlBackdrop);
-
-exports.default = _default;
-//# sourceMappingURL=toggle-group-control-backdrop.js.map

package/build/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.tsx"],"names":["ToggleGroupControlBackdrop","containerRef","containerWidth","isAdaptiveWidth","state","left","setLeft","width","setWidth","canAnimate","setCanAnimate","renderBackdrop","setRenderBackdrop","containerNode","current","targetNode","querySelector","computeDimensions","offsetWidth","x","getBoundingClientRect","parentX","borderWidth","offsetLeft","dimensionsRequestId","window","setTimeout","animationRequestId","requestAnimationFrame","clearTimeout","cancelAnimationFrame","transform","transition","undefined"],"mappings":";;;;;;;AAGA;;AAMA;;AATA;AACA;AACA;AASA,SAASA,0BAAT,OAKqC;AAAA,MALA;AACpCC,IAAAA,YADoC;AAEpCC,IAAAA,cAFoC;AAGpCC,IAAAA,eAHoC;AAIpCC,IAAAA;AAJoC,GAKA;AACpC,QAAM,CAAEC,IAAF,EAAQC,OAAR,IAAoB,uBAAU,CAAV,CAA1B;AACA,QAAM,CAAEC,KAAF,EAASC,QAAT,IAAsB,uBAAU,CAAV,CAA5B;AACA,QAAM,CAAEC,UAAF,EAAcC,aAAd,IAAgC,uBAAU,KAAV,CAAtC;AACA,QAAM,CAAEC,cAAF,EAAkBC,iBAAlB,IAAwC,uBAAU,KAAV,CAA9C;AAEA,0BAAW,MAAM;AAChB,UAAMC,aAAa,GAAGZ,YAAH,aAAGA,YAAH,uBAAGA,YAAY,CAAEa,OAApC;AACA,QAAK,CAAED,aAAP,EAAuB;AAEvB;AACF;AACA;;AACE,UAAME,UAAU,GAAGF,aAAa,CAACG,aAAd,CACjB,gBAAgBZ,KAAO,IADN,CAAnB;AAGAQ,IAAAA,iBAAiB,CAAE,CAAC,CAAEG,UAAL,CAAjB;;AACA,QAAK,CAAEA,UAAP,EAAoB;AACnB;AACA;;AAED,UAAME,iBAAiB,GAAG,MAAM;AAC/B,YAAM;AACLV,QAAAA,KAAK,EAAEW,WADF;AAELC,QAAAA;AAFK,UAGFJ,UAAU,CAACK,qBAAX,EAHJ;AAKA,YAAM;AAAED,QAAAA,CAAC,EAAEE;AAAL,UAAiBR,aAAa,CAACO,qBAAd,EAAvB;AAEA,YAAME,WAAW,GAAG,CAApB;AACA,YAAMC,UAAU,GAAGJ,CAAC,GAAGE,OAAJ,GAAcC,WAAjC;AAEAhB,MAAAA,OAAO,CAAEiB,UAAF,CAAP;AACAf,MAAAA,QAAQ,CAAEU,WAAF,CAAR;AACA,KAbD,CAfgB,CA6BhB;AACA;AACA;AACA;;;AACA,UAAMM,mBAAmB,GAAGC,MAAM,CAACC,UAAP,CAAmBT,iBAAnB,EAAsC,GAAtC,CAA5B;AAEA,QAAIU,kBAAJ;;AACA,QAAK,CAAElB,UAAP,EAAoB;AACnBkB,MAAAA,kBAAkB,GAAGF,MAAM,CAACG,qBAAP,CAA8B,MAAM;AACxDlB,QAAAA,aAAa,CAAE,IAAF,CAAb;AACA,OAFoB,CAArB;AAGA;;AACD,WAAO,MAAM;AACZe,MAAAA,MAAM,CAACI,YAAP,CAAqBL,mBAArB;AACAC,MAAAA,MAAM,CAACK,oBAAP,CAA6BH,kBAA7B;AACA,KAHD;AAIA,GA7CD,EA6CG,CAAElB,UAAF,EAAcR,YAAd,EAA4BC,cAA5B,EAA4CE,KAA5C,EAAmDD,eAAnD,CA7CH;;AA+CA,MAAK,CAAEQ,cAAP,EAAwB;AACvB,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,oBAAD;AACC,IAAA,IAAI,EAAC,cADN;AAEC,IAAA,KAAK,EAAG;AACPoB,MAAAA,SAAS,EAAG,cAAc1B,IAAM,KADzB;AAEP2B,MAAAA,UAAU,EAAEvB,UAAU,GAAGwB,SAAH,GAAe,MAF9B;AAGP1B,MAAAA;AAHO;AAFT,IADD;AAUA;;eAEc,mBAAMP,0BAAN,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useEffect, memo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { ToggleGroupControlBackdropProps } from '../types';\nimport { BackdropView } from './styles';\n\nfunction ToggleGroupControlBackdrop( {\n\tcontainerRef,\n\tcontainerWidth,\n\tisAdaptiveWidth,\n\tstate,\n}: ToggleGroupControlBackdropProps ) {\n\tconst [ left, setLeft ] = useState( 0 );\n\tconst [ width, setWidth ] = useState( 0 );\n\tconst [ canAnimate, setCanAnimate ] = useState( false );\n\tconst [ renderBackdrop, setRenderBackdrop ] = useState( false );\n\n\tuseEffect( () => {\n\t\tconst containerNode = containerRef?.current;\n\t\tif ( ! containerNode ) return;\n\n\t\t/**\n\t\t * Workaround for Reakit\n\t\t */\n\t\tconst targetNode = containerNode.querySelector(\n\t\t\t`[data-value=\"${ state }\"]`\n\t\t);\n\t\tsetRenderBackdrop( !! targetNode );\n\t\tif ( ! targetNode ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst computeDimensions = () => {\n\t\t\tconst {\n\t\t\t\twidth: offsetWidth,\n\t\t\t\tx,\n\t\t\t} = targetNode.getBoundingClientRect();\n\n\t\t\tconst { x: parentX } = containerNode.getBoundingClientRect();\n\n\t\t\tconst borderWidth = 1;\n\t\t\tconst offsetLeft = x - parentX - borderWidth;\n\n\t\t\tsetLeft( offsetLeft );\n\t\t\tsetWidth( offsetWidth );\n\t\t};\n\t\t// Fix to make the component appear as expected inside popovers.\n\t\t// If the targetNode width is 0 it means the element was not yet rendered we should allow\n\t\t// some time for the render to happen.\n\t\t// requestAnimationFrame instead of setTimeout with a small time does not seems to work.\n\t\tconst dimensionsRequestId = window.setTimeout( computeDimensions, 100 );\n\n\t\tlet animationRequestId: number;\n\t\tif ( ! canAnimate ) {\n\t\t\tanimationRequestId = window.requestAnimationFrame( () => {\n\t\t\t\tsetCanAnimate( true );\n\t\t\t} );\n\t\t}\n\t\treturn () => {\n\t\t\twindow.clearTimeout( dimensionsRequestId );\n\t\t\twindow.cancelAnimationFrame( animationRequestId );\n\t\t};\n\t}, [ canAnimate, containerRef, containerWidth, state, isAdaptiveWidth ] );\n\n\tif ( ! renderBackdrop ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BackdropView\n\t\t\trole=\"presentation\"\n\t\t\tstyle={ {\n\t\t\t\ttransform: `translateX(${ left }px)`,\n\t\t\t\ttransition: canAnimate ? undefined : 'none',\n\t\t\t\twidth,\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nexport default memo( ToggleGroupControlBackdrop );\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-module/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js

@@ -1,86 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { useState, useEffect, memo } from '@wordpress/element';
-/**
- * Internal dependencies
- */
-
-import { BackdropView } from './styles';
-
-function ToggleGroupControlBackdrop(_ref) {
-  let {
-    containerRef,
-    containerWidth,
-    isAdaptiveWidth,
-    state
-  } = _ref;
-  const [left, setLeft] = useState(0);
-  const [width, setWidth] = useState(0);
-  const [canAnimate, setCanAnimate] = useState(false);
-  const [renderBackdrop, setRenderBackdrop] = useState(false);
-  useEffect(() => {
-    const containerNode = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
-    if (!containerNode) return;
-    /**
-     * Workaround for Reakit
-     */
-
-    const targetNode = containerNode.querySelector(`[data-value="${state}"]`);
-    setRenderBackdrop(!!targetNode);
-
-    if (!targetNode) {
-      return;
-    }
-
-    const computeDimensions = () => {
-      const {
-        width: offsetWidth,
-        x
-      } = targetNode.getBoundingClientRect();
-      const {
-        x: parentX
-      } = containerNode.getBoundingClientRect();
-      const borderWidth = 1;
-      const offsetLeft = x - parentX - borderWidth;
-      setLeft(offsetLeft);
-      setWidth(offsetWidth);
-    }; // Fix to make the component appear as expected inside popovers.
-    // If the targetNode width is 0 it means the element was not yet rendered we should allow
-    // some time for the render to happen.
-    // requestAnimationFrame instead of setTimeout with a small time does not seems to work.
-
-
-    const dimensionsRequestId = window.setTimeout(computeDimensions, 100);
-    let animationRequestId;
-
-    if (!canAnimate) {
-      animationRequestId = window.requestAnimationFrame(() => {
-        setCanAnimate(true);
-      });
-    }
-
-    return () => {
-      window.clearTimeout(dimensionsRequestId);
-      window.cancelAnimationFrame(animationRequestId);
-    };
-  }, [canAnimate, containerRef, containerWidth, state, isAdaptiveWidth]);
-
-  if (!renderBackdrop) {
-    return null;
-  }
-
-  return createElement(BackdropView, {
-    role: "presentation",
-    style: {
-      transform: `translateX(${left}px)`,
-      transition: canAnimate ? undefined : 'none',
-      width
-    }
-  });
-}
-
-export default memo(ToggleGroupControlBackdrop);
-//# sourceMappingURL=toggle-group-control-backdrop.js.map

package/build-module/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.tsx"],"names":["useState","useEffect","memo","BackdropView","ToggleGroupControlBackdrop","containerRef","containerWidth","isAdaptiveWidth","state","left","setLeft","width","setWidth","canAnimate","setCanAnimate","renderBackdrop","setRenderBackdrop","containerNode","current","targetNode","querySelector","computeDimensions","offsetWidth","x","getBoundingClientRect","parentX","borderWidth","offsetLeft","dimensionsRequestId","window","setTimeout","animationRequestId","requestAnimationFrame","clearTimeout","cancelAnimationFrame","transform","transition","undefined"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,EAAmBC,SAAnB,EAA8BC,IAA9B,QAA0C,oBAA1C;AAEA;AACA;AACA;;AAEA,SAASC,YAAT,QAA6B,UAA7B;;AAEA,SAASC,0BAAT,OAKqC;AAAA,MALA;AACpCC,IAAAA,YADoC;AAEpCC,IAAAA,cAFoC;AAGpCC,IAAAA,eAHoC;AAIpCC,IAAAA;AAJoC,GAKA;AACpC,QAAM,CAAEC,IAAF,EAAQC,OAAR,IAAoBV,QAAQ,CAAE,CAAF,CAAlC;AACA,QAAM,CAAEW,KAAF,EAASC,QAAT,IAAsBZ,QAAQ,CAAE,CAAF,CAApC;AACA,QAAM,CAAEa,UAAF,EAAcC,aAAd,IAAgCd,QAAQ,CAAE,KAAF,CAA9C;AACA,QAAM,CAAEe,cAAF,EAAkBC,iBAAlB,IAAwChB,QAAQ,CAAE,KAAF,CAAtD;AAEAC,EAAAA,SAAS,CAAE,MAAM;AAChB,UAAMgB,aAAa,GAAGZ,YAAH,aAAGA,YAAH,uBAAGA,YAAY,CAAEa,OAApC;AACA,QAAK,CAAED,aAAP,EAAuB;AAEvB;AACF;AACA;;AACE,UAAME,UAAU,GAAGF,aAAa,CAACG,aAAd,CACjB,gBAAgBZ,KAAO,IADN,CAAnB;AAGAQ,IAAAA,iBAAiB,CAAE,CAAC,CAAEG,UAAL,CAAjB;;AACA,QAAK,CAAEA,UAAP,EAAoB;AACnB;AACA;;AAED,UAAME,iBAAiB,GAAG,MAAM;AAC/B,YAAM;AACLV,QAAAA,KAAK,EAAEW,WADF;AAELC,QAAAA;AAFK,UAGFJ,UAAU,CAACK,qBAAX,EAHJ;AAKA,YAAM;AAAED,QAAAA,CAAC,EAAEE;AAAL,UAAiBR,aAAa,CAACO,qBAAd,EAAvB;AAEA,YAAME,WAAW,GAAG,CAApB;AACA,YAAMC,UAAU,GAAGJ,CAAC,GAAGE,OAAJ,GAAcC,WAAjC;AAEAhB,MAAAA,OAAO,CAAEiB,UAAF,CAAP;AACAf,MAAAA,QAAQ,CAAEU,WAAF,CAAR;AACA,KAbD,CAfgB,CA6BhB;AACA;AACA;AACA;;;AACA,UAAMM,mBAAmB,GAAGC,MAAM,CAACC,UAAP,CAAmBT,iBAAnB,EAAsC,GAAtC,CAA5B;AAEA,QAAIU,kBAAJ;;AACA,QAAK,CAAElB,UAAP,EAAoB;AACnBkB,MAAAA,kBAAkB,GAAGF,MAAM,CAACG,qBAAP,CAA8B,MAAM;AACxDlB,QAAAA,aAAa,CAAE,IAAF,CAAb;AACA,OAFoB,CAArB;AAGA;;AACD,WAAO,MAAM;AACZe,MAAAA,MAAM,CAACI,YAAP,CAAqBL,mBAArB;AACAC,MAAAA,MAAM,CAACK,oBAAP,CAA6BH,kBAA7B;AACA,KAHD;AAIA,GA7CQ,EA6CN,CAAElB,UAAF,EAAcR,YAAd,EAA4BC,cAA5B,EAA4CE,KAA5C,EAAmDD,eAAnD,CA7CM,CAAT;;AA+CA,MAAK,CAAEQ,cAAP,EAAwB;AACvB,WAAO,IAAP;AACA;;AAED,SACC,cAAC,YAAD;AACC,IAAA,IAAI,EAAC,cADN;AAEC,IAAA,KAAK,EAAG;AACPoB,MAAAA,SAAS,EAAG,cAAc1B,IAAM,KADzB;AAEP2B,MAAAA,UAAU,EAAEvB,UAAU,GAAGwB,SAAH,GAAe,MAF9B;AAGP1B,MAAAA;AAHO;AAFT,IADD;AAUA;;AAED,eAAeT,IAAI,CAAEE,0BAAF,CAAnB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useEffect, memo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { ToggleGroupControlBackdropProps } from '../types';\nimport { BackdropView } from './styles';\n\nfunction ToggleGroupControlBackdrop( {\n\tcontainerRef,\n\tcontainerWidth,\n\tisAdaptiveWidth,\n\tstate,\n}: ToggleGroupControlBackdropProps ) {\n\tconst [ left, setLeft ] = useState( 0 );\n\tconst [ width, setWidth ] = useState( 0 );\n\tconst [ canAnimate, setCanAnimate ] = useState( false );\n\tconst [ renderBackdrop, setRenderBackdrop ] = useState( false );\n\n\tuseEffect( () => {\n\t\tconst containerNode = containerRef?.current;\n\t\tif ( ! containerNode ) return;\n\n\t\t/**\n\t\t * Workaround for Reakit\n\t\t */\n\t\tconst targetNode = containerNode.querySelector(\n\t\t\t`[data-value=\"${ state }\"]`\n\t\t);\n\t\tsetRenderBackdrop( !! targetNode );\n\t\tif ( ! targetNode ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst computeDimensions = () => {\n\t\t\tconst {\n\t\t\t\twidth: offsetWidth,\n\t\t\t\tx,\n\t\t\t} = targetNode.getBoundingClientRect();\n\n\t\t\tconst { x: parentX } = containerNode.getBoundingClientRect();\n\n\t\t\tconst borderWidth = 1;\n\t\t\tconst offsetLeft = x - parentX - borderWidth;\n\n\t\t\tsetLeft( offsetLeft );\n\t\t\tsetWidth( offsetWidth );\n\t\t};\n\t\t// Fix to make the component appear as expected inside popovers.\n\t\t// If the targetNode width is 0 it means the element was not yet rendered we should allow\n\t\t// some time for the render to happen.\n\t\t// requestAnimationFrame instead of setTimeout with a small time does not seems to work.\n\t\tconst dimensionsRequestId = window.setTimeout( computeDimensions, 100 );\n\n\t\tlet animationRequestId: number;\n\t\tif ( ! canAnimate ) {\n\t\t\tanimationRequestId = window.requestAnimationFrame( () => {\n\t\t\t\tsetCanAnimate( true );\n\t\t\t} );\n\t\t}\n\t\treturn () => {\n\t\t\twindow.clearTimeout( dimensionsRequestId );\n\t\t\twindow.cancelAnimationFrame( animationRequestId );\n\t\t};\n\t}, [ canAnimate, containerRef, containerWidth, state, isAdaptiveWidth ] );\n\n\tif ( ! renderBackdrop ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BackdropView\n\t\t\trole=\"presentation\"\n\t\t\tstyle={ {\n\t\t\t\ttransform: `translateX(${ left }px)`,\n\t\t\t\ttransition: canAnimate ? undefined : 'none',\n\t\t\t\twidth,\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nexport default memo( ToggleGroupControlBackdrop );\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/build-types/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-/**
- * Internal dependencies
- */
-import type { ToggleGroupControlBackdropProps } from '../types';
-declare function ToggleGroupControlBackdrop({ containerRef, containerWidth, isAdaptiveWidth, state, }: ToggleGroupControlBackdropProps): JSX.Element | null;
-declare const _default: import("react").MemoExoticComponent<typeof ToggleGroupControlBackdrop>;
-export default _default;
-//# sourceMappingURL=toggle-group-control-backdrop.d.ts.map

package/build-types/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle-group-control-backdrop.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.tsx"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,UAAU,CAAC;AAGhE,iBAAS,0BAA0B,CAAE,EACpC,YAAY,EACZ,cAAc,EACd,eAAe,EACf,KAAK,GACL,EAAE,+BAA+B,sBAmEjC;;AAED,wBAAkD"}

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/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.tsx

@@ -1,86 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useState, useEffect, memo } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import type { ToggleGroupControlBackdropProps } from '../types';
-import { BackdropView } from './styles';
-
-function ToggleGroupControlBackdrop( {
-	containerRef,
-	containerWidth,
-	isAdaptiveWidth,
-	state,
-}: ToggleGroupControlBackdropProps ) {
-	const [ left, setLeft ] = useState( 0 );
-	const [ width, setWidth ] = useState( 0 );
-	const [ canAnimate, setCanAnimate ] = useState( false );
-	const [ renderBackdrop, setRenderBackdrop ] = useState( false );
-
-	useEffect( () => {
-		const containerNode = containerRef?.current;
-		if ( ! containerNode ) return;
-
-		/**
-		 * Workaround for Reakit
-		 */
-		const targetNode = containerNode.querySelector(
-			`[data-value="${ state }"]`
-		);
-		setRenderBackdrop( !! targetNode );
-		if ( ! targetNode ) {
-			return;
-		}
-
-		const computeDimensions = () => {
-			const {
-				width: offsetWidth,
-				x,
-			} = targetNode.getBoundingClientRect();
-
-			const { x: parentX } = containerNode.getBoundingClientRect();
-
-			const borderWidth = 1;
-			const offsetLeft = x - parentX - borderWidth;
-
-			setLeft( offsetLeft );
-			setWidth( offsetWidth );
-		};
-		// Fix to make the component appear as expected inside popovers.
-		// If the targetNode width is 0 it means the element was not yet rendered we should allow
-		// some time for the render to happen.
-		// requestAnimationFrame instead of setTimeout with a small time does not seems to work.
-		const dimensionsRequestId = window.setTimeout( computeDimensions, 100 );
-
-		let animationRequestId: number;
-		if ( ! canAnimate ) {
-			animationRequestId = window.requestAnimationFrame( () => {
-				setCanAnimate( true );
-			} );
-		}
-		return () => {
-			window.clearTimeout( dimensionsRequestId );
-			window.cancelAnimationFrame( animationRequestId );
-		};
-	}, [ canAnimate, containerRef, containerWidth, state, isAdaptiveWidth ] );
-
-	if ( ! renderBackdrop ) {
-		return null;
-	}
-
-	return (
-		<BackdropView
-			role="presentation"
-			style={ {
-				transform: `translateX(${ left }px)`,
-				transition: canAnimate ? undefined : 'none',
-				width,
-			} }
-		/>
-	);
-}
-
-export default memo( ToggleGroupControlBackdrop );

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>
-	);
-}
-```