@wordpress/components 28.6.0 → 28.7.0

package/build-module/alignment-matrix-control/styles/alignment-matrix-control-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["css","COLORS","CONFIG","rootBase","radiusMedium","process","env","NODE_ENV","rootSize","size","Root","_styled","target","label","Row","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","pointActive","isActive","boxShadow","gray","pointColor","pointColorHover","theme","accent","pointBase","props","Point","Cell"],"sources":["@wordpress/components/src/alignment-matrix-control/styles/alignment-matrix-control-styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, CONFIG } from '../../utils';\nimport type {\n\tAlignmentMatrixControlProps,\n\tAlignmentMatrixControlCellProps,\n} from '../types';\n\nexport const rootBase = () => {\n\treturn css`\n\t\tborder-radius: ${ CONFIG.radiusMedium };\n\t\tbox-sizing: border-box;\n\t\tdirection: ltr;\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat( 3, 1fr );\n\t\toutline: none;\n\t`;\n};\n\nconst rootSize = ( { size = 92 } ) => {\n\treturn css`\n\t\tgrid-template-rows: repeat( 3, calc( ${ size }px / 3 ) );\n\t\twidth: ${ size }px;\n\t`;\n};\n\nexport const Root = styled.div< {\n\tsize: AlignmentMatrixControlProps[ 'width' ];\n} >`\n\t${ rootBase };\n\n\tborder: 1px solid transparent;\n\tcursor: pointer;\n\tgrid-template-columns: auto;\n\n\t${ rootSize };\n`;\n\nexport const Row = styled.div`\n\tbox-sizing: border-box;\n\tdisplay: grid;\n\tgrid-template-columns: repeat( 3, 1fr );\n`;\n\nconst pointActive = ( {\n\tisActive,\n}: Pick< AlignmentMatrixControlCellProps, 'isActive' > ) => {\n\tconst boxShadow = isActive ? `0 0 0 2px ${ COLORS.gray[ 900 ] }` : null;\n\tconst pointColor = isActive ? COLORS.gray[ 900 ] : COLORS.gray[ 400 ];\n\tconst pointColorHover = isActive ? COLORS.gray[ 900 ] : COLORS.theme.accent;\n\n\treturn css`\n\t\tbox-shadow: ${ boxShadow };\n\t\tcolor: ${ pointColor };\n\n\t\t*:hover > & {\n\t\t\tcolor: ${ pointColorHover };\n\t\t}\n\t`;\n};\n\nexport const pointBase = (\n\tprops: Pick< AlignmentMatrixControlCellProps, 'isActive' >\n) => {\n\treturn css`\n\t\tbackground: currentColor;\n\t\tbox-sizing: border-box;\n\t\tdisplay: grid;\n\t\tmargin: auto;\n\t\t@media not ( prefers-reduced-motion ) {\n\t\t\ttransition: all 120ms linear;\n\t\t}\n\n\t\t${ pointActive( props ) }\n\t`;\n};\n\nexport const Point = styled.span`\n\theight: 6px;\n\twidth: 6px;\n\t${ pointBase }\n`;\n\nexport const Cell = styled.span`\n\tappearance: none;\n\tborder: none;\n\tbox-sizing: border-box;\n\tmargin: 0;\n\tdisplay: flex;\n\tposition: relative;\n\toutline: none;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 0;\n`;\n"],"mappings":";;AAAA;AACA;AACA;;AAEA,SAASA,GAAG,QAAQ,gBAAgB;;AAEpC;AACA;AACA;AACA,SAASC,MAAM,EAAEC,MAAM,QAAQ,aAAa;AAM5C,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC7B,oBAAOH,GAAG,mBACSE,MAAM,CAACE,YAAY,8GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,8CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;AAOvC,CAAC;AAED,MAAMC,QAAQ,GAAGA,CAAE;EAAEC,IAAI,GAAG;AAAG,CAAC,KAAM;EACrC,oBAAOT,GAAG,yCAC+BS,IAAI,uBAClCA,IAAI,WAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA,8CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;AAEhB,CAAC;AAED,OAAO,MAAMG,IAAI,gBAAAC,OAAA,QAAAN,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAK,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAGbV,QAAQ,8EAMRK,QAAQ,SAAAH,OAAA,CAAAC,GAAA,CAAAC,QAAA,w1GACX;AAED,OAAO,MAAMO,GAAG,gBAAAH,OAAA,QAAAN,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAK,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAQ,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAIf;AAED,MAAMC,WAAW,GAAGA,CAAE;EACrBC;AACoD,CAAC,KAAM;EAC3D,MAAMC,SAAS,GAAGD,QAAQ,GAAI,aAAapB,MAAM,CAACsB,IAAI,CAAE,GAAG,CAAI,EAAC,GAAG,IAAI;EACvE,MAAMC,UAAU,GAAGH,QAAQ,GAAGpB,MAAM,CAACsB,IAAI,CAAE,GAAG,CAAE,GAAGtB,MAAM,CAACsB,IAAI,CAAE,GAAG,CAAE;EACrE,MAAME,eAAe,GAAGJ,QAAQ,GAAGpB,MAAM,CAACsB,IAAI,CAAE,GAAG,CAAE,GAAGtB,MAAM,CAACyB,KAAK,CAACC,MAAM;EAE3E,oBAAO3B,GAAG,gBACMsB,SAAS,aACdE,UAAU,uBAGTC,eAAe,UAAApB,OAAA,CAAAC,GAAA,CAAAC,QAAA,iDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;AAG5B,CAAC;AAED,OAAO,MAAMqB,SAAS,GACrBC,KAA0D,IACtD;EACJ,oBAAO7B,GAAG,+IASNoB,WAAW,CAAES,KAAM,CAAC,SAAAxB,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;AAEzB,CAAC;AAED,OAAO,MAAMuB,KAAK,gBAAAnB,OAAA,SAAAN,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAK,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,4BAGde,SAAS,SAAAvB,OAAA,CAAAC,GAAA,CAAAC,QAAA,41GACZ;AAED,OAAO,MAAMwB,IAAI,gBAAApB,OAAA,SAAAN,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAK,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAQ,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAWhB","ignoreList":[]}

package/build-module/navigator/navigator-back-button/index.js

@@ -1,2 +0,0 @@
-export { default as NavigatorBackButton } from './component';
-//# sourceMappingURL=index.js.map

package/build-module/navigator/navigator-back-button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["default","NavigatorBackButton"],"sources":["@wordpress/components/src/navigator/navigator-back-button/index.ts"],"sourcesContent":["export { default as NavigatorBackButton } from './component';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,mBAAmB,QAAQ,aAAa","ignoreList":[]}

package/build-module/navigator/navigator-button/index.js

@@ -1,2 +0,0 @@
-export { default as NavigatorButton } from './component';
-//# sourceMappingURL=index.js.map

package/build-module/navigator/navigator-button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["default","NavigatorButton"],"sources":["@wordpress/components/src/navigator/navigator-button/index.ts"],"sourcesContent":["export { default as NavigatorButton } from './component';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,eAAe,QAAQ,aAAa","ignoreList":[]}

package/build-module/navigator/navigator-provider/index.js

@@ -1,2 +0,0 @@
-export { default as NavigatorProvider } from './component';
-//# sourceMappingURL=index.js.map

package/build-module/navigator/navigator-provider/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["default","NavigatorProvider"],"sources":["@wordpress/components/src/navigator/navigator-provider/index.ts"],"sourcesContent":["export { default as NavigatorProvider } from './component';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,aAAa","ignoreList":[]}

package/build-module/navigator/navigator-screen/index.js

@@ -1,2 +0,0 @@
-export { default as NavigatorScreen } from './component';
-//# sourceMappingURL=index.js.map

package/build-module/navigator/navigator-screen/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["default","NavigatorScreen"],"sources":["@wordpress/components/src/navigator/navigator-screen/index.ts"],"sourcesContent":["export { default as NavigatorScreen } from './component';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,eAAe,QAAQ,aAAa","ignoreList":[]}

package/build-module/navigator/navigator-to-parent-button/index.js

@@ -1,2 +0,0 @@
-export { default as NavigatorToParentButton } from './component';
-//# sourceMappingURL=index.js.map

package/build-module/navigator/navigator-to-parent-button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["default","NavigatorToParentButton"],"sources":["@wordpress/components/src/navigator/navigator-to-parent-button/index.ts"],"sourcesContent":["export { default as NavigatorToParentButton } from './component';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,uBAAuB,QAAQ,aAAa","ignoreList":[]}

package/build-types/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.d.ts

@@ -1,18 +0,0 @@
-import type { AlignmentMatrixControlIconProps, AlignmentMatrixControlCellProps } from '../types';
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Root: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & Pick<AlignmentMatrixControlIconProps, "disablePointerEvents">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Point: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & Pick<AlignmentMatrixControlCellProps, "isActive">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const Cell: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-//# sourceMappingURL=alignment-matrix-control-icon-styles.d.ts.map

package/build-types/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alignment-matrix-control-icon-styles.d.ts","sourceRoot":"","sources":["../../../src/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACX,+BAA+B,EAC/B,+BAA+B,EAC/B,MAAM,UAAU,CAAC;AAsBlB,eAAO,MAAM,OAAO;;SAZjB,MAAO,WACP;yGAcF,CAAC;AAEF,eAAO,MAAM,IAAI;;eAjBP,WACP;yKAwBF,CAAC;AAiBF,eAAO,MAAM,KAAK;;eA1CR,WACP;+JA8CF,CAAC;AAEF,eAAO,MAAM,IAAI;;eAjDP,WACP;2GAgDyB,CAAC"}

package/build-types/alignment-matrix-control/styles/alignment-matrix-control-styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alignment-matrix-control-styles.d.ts","sourceRoot":"","sources":["../../../src/alignment-matrix-control/styles/alignment-matrix-control-styles.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACX,2BAA2B,EAC3B,+BAA+B,EAC/B,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,QAAQ,iDASpB,CAAC;AASF,eAAO,MAAM,IAAI;;SAPK,MAAO,WAC7B;;UAOO,2BAA2B,CAAE,OAAO,CAAE;yGAS5C,CAAC;AAEF,eAAO,MAAM,GAAG;;eAnBa,WAC7B;yGAsBC,CAAC;AAmBF,eAAO,MAAM,SAAS,UACd,IAAI,CAAE,+BAA+B,EAAE,UAAU,CAAE,8CAa1D,CAAC;AAEF,eAAO,MAAM,KAAK;;eA1DW,WAC7B;+JA6DC,CAAC;AAEF,eAAO,MAAM,IAAI;;eAhEY,WAC7B;2GA0EC,CAAC"}

package/build-types/navigator/navigator-back-button/index.d.ts

@@ -1,2 +0,0 @@
-export { default as NavigatorBackButton } from './component';
-//# sourceMappingURL=index.d.ts.map

package/build-types/navigator/navigator-back-button/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-back-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,aAAa,CAAC"}

package/build-types/navigator/navigator-button/index.d.ts

@@ -1,2 +0,0 @@
-export { default as NavigatorButton } from './component';
-//# sourceMappingURL=index.d.ts.map

package/build-types/navigator/navigator-button/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,aAAa,CAAC"}

package/build-types/navigator/navigator-provider/index.d.ts

@@ -1,2 +0,0 @@
-export { default as NavigatorProvider } from './component';
-//# sourceMappingURL=index.d.ts.map

package/build-types/navigator/navigator-provider/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-provider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,aAAa,CAAC"}

package/build-types/navigator/navigator-screen/index.d.ts

@@ -1,2 +0,0 @@
-export { default as NavigatorScreen } from './component';
-//# sourceMappingURL=index.d.ts.map

package/build-types/navigator/navigator-screen/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-screen/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,aAAa,CAAC"}

package/build-types/navigator/navigator-to-parent-button/index.d.ts

@@ -1,2 +0,0 @@
-export { default as NavigatorToParentButton } from './component';
-//# sourceMappingURL=index.d.ts.map

package/build-types/navigator/navigator-to-parent-button/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-to-parent-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,aAAa,CAAC"}

package/src/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.ts

@@ -1,77 +0,0 @@
-/**
- * External dependencies
- */
-import styled from '@emotion/styled';
-import { css } from '@emotion/react';
-
-/**
- * Internal dependencies
- */
-import {
-	rootBase,
-	pointBase,
-	Cell as CellBase,
-} from './alignment-matrix-control-styles';
-import type {
-	AlignmentMatrixControlIconProps,
-	AlignmentMatrixControlCellProps,
-} from '../types';
-
-const rootSize = () => {
-	const padding = 1.5;
-	const size = 24;
-
-	return css( {
-		gridTemplateRows: `repeat( 3, calc( ${ size - padding * 2 }px / 3))`,
-		padding,
-		maxHeight: size,
-		maxWidth: size,
-	} );
-};
-
-const rootPointerEvents = ( {
-	disablePointerEvents,
-}: Pick< AlignmentMatrixControlIconProps, 'disablePointerEvents' > ) => {
-	return css( {
-		pointerEvents: disablePointerEvents ? 'none' : undefined,
-	} );
-};
-
-export const Wrapper = styled.div`
-	box-sizing: border-box;
-	padding: 2px;
-`;
-
-export const Root = styled.div`
-	transform-origin: top left;
-	height: 100%;
-	width: 100%;
-
-	${ rootBase };
-	${ rootSize };
-	${ rootPointerEvents };
-`;
-
-const pointActive = ( {
-	isActive,
-}: Pick< AlignmentMatrixControlCellProps, 'isActive' > ) => {
-	const boxShadow = isActive ? `0 0 0 1px currentColor` : null;
-
-	return css`
-		box-shadow: ${ boxShadow };
-		color: currentColor;
-
-		*:hover > & {
-			color: currentColor;
-		}
-	`;
-};
-
-export const Point = styled.span`
-	height: 2px;
-	width: 2px;
-	${ pointBase };
-	${ pointActive };
-`;
-
-export const Cell = CellBase;

package/src/alignment-matrix-control/styles/alignment-matrix-control-styles.ts

@@ -1,102 +0,0 @@
-/**
- * External dependencies
- */
-import styled from '@emotion/styled';
-import { css } from '@emotion/react';
-
-/**
- * Internal dependencies
- */
-import { COLORS, CONFIG } from '../../utils';
-import type {
-	AlignmentMatrixControlProps,
-	AlignmentMatrixControlCellProps,
-} from '../types';
-
-export const rootBase = () => {
-	return css`
-		border-radius: ${ CONFIG.radiusMedium };
-		box-sizing: border-box;
-		direction: ltr;
-		display: grid;
-		grid-template-columns: repeat( 3, 1fr );
-		outline: none;
-	`;
-};
-
-const rootSize = ( { size = 92 } ) => {
-	return css`
-		grid-template-rows: repeat( 3, calc( ${ size }px / 3 ) );
-		width: ${ size }px;
-	`;
-};
-
-export const Root = styled.div< {
-	size: AlignmentMatrixControlProps[ 'width' ];
-} >`
-	${ rootBase };
-
-	border: 1px solid transparent;
-	cursor: pointer;
-	grid-template-columns: auto;
-
-	${ rootSize };
-`;
-
-export const Row = styled.div`
-	box-sizing: border-box;
-	display: grid;
-	grid-template-columns: repeat( 3, 1fr );
-`;
-
-const pointActive = ( {
-	isActive,
-}: Pick< AlignmentMatrixControlCellProps, 'isActive' > ) => {
-	const boxShadow = isActive ? `0 0 0 2px ${ COLORS.gray[ 900 ] }` : null;
-	const pointColor = isActive ? COLORS.gray[ 900 ] : COLORS.gray[ 400 ];
-	const pointColorHover = isActive ? COLORS.gray[ 900 ] : COLORS.theme.accent;
-
-	return css`
-		box-shadow: ${ boxShadow };
-		color: ${ pointColor };
-
-		*:hover > & {
-			color: ${ pointColorHover };
-		}
-	`;
-};
-
-export const pointBase = (
-	props: Pick< AlignmentMatrixControlCellProps, 'isActive' >
-) => {
-	return css`
-		background: currentColor;
-		box-sizing: border-box;
-		display: grid;
-		margin: auto;
-		@media not ( prefers-reduced-motion ) {
-			transition: all 120ms linear;
-		}
-
-		${ pointActive( props ) }
-	`;
-};
-
-export const Point = styled.span`
-	height: 6px;
-	width: 6px;
-	${ pointBase }
-`;
-
-export const Cell = styled.span`
-	appearance: none;
-	border: none;
-	box-sizing: border-box;
-	margin: 0;
-	display: flex;
-	position: relative;
-	outline: none;
-	align-items: center;
-	justify-content: center;
-	padding: 0;
-`;

package/src/navigator/navigator-back-button/index.ts

@@ -1 +0,0 @@
-export { default as NavigatorBackButton } from './component';

package/src/navigator/navigator-button/index.ts

@@ -1 +0,0 @@
-export { default as NavigatorButton } from './component';

package/src/navigator/navigator-provider/index.ts

@@ -1 +0,0 @@
-export { default as NavigatorProvider } from './component';

package/src/navigator/navigator-screen/index.ts

@@ -1 +0,0 @@
-export { default as NavigatorScreen } from './component';

package/src/navigator/navigator-to-parent-button/index.ts

@@ -1 +0,0 @@
-export { default as NavigatorToParentButton } from './component';