@wordpress/customize-widgets 5.8.4 → 5.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2 -0
- package/build/components/error-boundary/index.js +2 -4
- package/build/components/error-boundary/index.js.map +1 -1
- package/build/components/inserter/index.js +2 -5
- package/build/components/inserter/index.js.map +1 -1
- package/build/components/welcome-guide/index.js +2 -5
- package/build/components/welcome-guide/index.js.map +1 -1
- package/build-module/components/error-boundary/index.js +2 -4
- package/build-module/components/error-boundary/index.js.map +1 -1
- package/build-module/components/inserter/index.js +2 -5
- package/build-module/components/inserter/index.js.map +1 -1
- package/build-module/components/welcome-guide/index.js +2 -5
- package/build-module/components/welcome-guide/index.js.map +1 -1
- package/build-style/style-rtl.css +10 -1
- package/build-style/style.css +10 -1
- package/package.json +22 -22
- package/src/components/error-boundary/index.js +1 -6
- package/src/components/inserter/index.js +1 -3
- package/src/components/welcome-guide/index.js +1 -3
package/CHANGELOG.md
CHANGED
|
@@ -20,10 +20,8 @@ function CopyButton({
|
|
|
20
20
|
children
|
|
21
21
|
}) {
|
|
22
22
|
const ref = (0, _compose.useCopyToClipboard)(text);
|
|
23
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
|
|
24
|
-
|
|
25
|
-
, {
|
|
26
|
-
__next40pxDefaultSize: false,
|
|
23
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
|
|
24
|
+
size: "compact",
|
|
27
25
|
variant: "secondary",
|
|
28
26
|
ref: ref,
|
|
29
27
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_element","require","_i18n","_components","_blockEditor","_compose","_hooks","_jsxRuntime","CopyButton","text","children","ref","useCopyToClipboard","jsx","Button","
|
|
1
|
+
{"version":3,"names":["_element","require","_i18n","_components","_blockEditor","_compose","_hooks","_jsxRuntime","CopyButton","text","children","ref","useCopyToClipboard","jsx","Button","size","variant","ErrorBoundary","Component","constructor","arguments","state","error","componentDidCatch","setState","doAction","render","props","Warning","className","actions","stack","__","exports","default"],"sources":["@wordpress/customize-widgets/src/components/error-boundary/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { Warning } from '@wordpress/block-editor';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { doAction } from '@wordpress/hooks';\n\nfunction CopyButton( { text, children } ) {\n\tconst ref = useCopyToClipboard( text );\n\treturn (\n\t\t<Button size=\"compact\" variant=\"secondary\" ref={ ref }>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\n\nexport default class ErrorBoundary extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.state = {\n\t\t\terror: null,\n\t\t};\n\t}\n\n\tcomponentDidCatch( error ) {\n\t\tthis.setState( { error } );\n\n\t\tdoAction( 'editor.ErrorBoundary.errorLogged', error );\n\t}\n\n\trender() {\n\t\tconst { error } = this.state;\n\t\tif ( ! error ) {\n\t\t\treturn this.props.children;\n\t\t}\n\n\t\treturn (\n\t\t\t<Warning\n\t\t\t\tclassName=\"customize-widgets-error-boundary\"\n\t\t\t\tactions={ [\n\t\t\t\t\t<CopyButton key=\"copy-error\" text={ error.stack }>\n\t\t\t\t\t\t{ __( 'Copy Error' ) }\n\t\t\t\t\t</CopyButton>,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ __( 'The editor has encountered an unexpected error.' ) }\n\t\t\t</Warning>\n\t\t);\n\t}\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAA4C,IAAAM,WAAA,GAAAN,OAAA;AAR5C;AACA;AACA;;AAQA,SAASO,UAAUA,CAAE;EAAEC,IAAI;EAAEC;AAAS,CAAC,EAAG;EACzC,MAAMC,GAAG,GAAG,IAAAC,2BAAkB,EAAEH,IAAK,CAAC;EACtC,oBACC,IAAAF,WAAA,CAAAM,GAAA,EAACV,WAAA,CAAAW,MAAM;IAACC,IAAI,EAAC,SAAS;IAACC,OAAO,EAAC,WAAW;IAACL,GAAG,EAAGA,GAAK;IAAAD,QAAA,EACnDA;EAAQ,CACH,CAAC;AAEX;AAEe,MAAMO,aAAa,SAASC,kBAAS,CAAC;EACpDC,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IACrB,IAAI,CAACC,KAAK,GAAG;MACZC,KAAK,EAAE;IACR,CAAC;EACF;EAEAC,iBAAiBA,CAAED,KAAK,EAAG;IAC1B,IAAI,CAACE,QAAQ,CAAE;MAAEF;IAAM,CAAE,CAAC;IAE1B,IAAAG,eAAQ,EAAE,kCAAkC,EAAEH,KAAM,CAAC;EACtD;EAEAI,MAAMA,CAAA,EAAG;IACR,MAAM;MAAEJ;IAAM,CAAC,GAAG,IAAI,CAACD,KAAK;IAC5B,IAAK,CAAEC,KAAK,EAAG;MACd,OAAO,IAAI,CAACK,KAAK,CAACjB,QAAQ;IAC3B;IAEA,oBACC,IAAAH,WAAA,CAAAM,GAAA,EAACT,YAAA,CAAAwB,OAAO;MACPC,SAAS,EAAC,kCAAkC;MAC5CC,OAAO,EAAG,cACT,IAAAvB,WAAA,CAAAM,GAAA,EAACL,UAAU;QAAkBC,IAAI,EAAGa,KAAK,CAACS,KAAO;QAAArB,QAAA,EAC9C,IAAAsB,QAAE,EAAE,YAAa;MAAC,GADL,YAEJ,CAAC,CACX;MAAAtB,QAAA,EAED,IAAAsB,QAAE,EAAE,iDAAkD;IAAC,CACjD,CAAC;EAEZ;AACD;AAACC,OAAA,CAAAC,OAAA,GAAAjB,aAAA","ignoreList":[]}
|
|
@@ -34,11 +34,8 @@ function Inserter({
|
|
|
34
34
|
id: inserterTitleId,
|
|
35
35
|
className: "customize-widgets-layout__inserter-panel-header-title",
|
|
36
36
|
children: (0, _i18n.__)('Add a block')
|
|
37
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
|
|
38
|
-
|
|
39
|
-
, {
|
|
40
|
-
__next40pxDefaultSize: false,
|
|
41
|
-
className: "customize-widgets-layout__inserter-panel-header-close-button",
|
|
37
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
|
|
38
|
+
size: "small",
|
|
42
39
|
icon: _icons.closeSmall,
|
|
43
40
|
onClick: () => setIsOpened(false),
|
|
44
41
|
"aria-label": (0, _i18n.__)('Close inserter')
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_i18n","require","_blockEditor","_components","_compose","_data","_icons","_store","_jsxRuntime","Inserter","setIsOpened","inserterTitleId","useInstanceId","insertionPoint","useSelect","select","customizeWidgetsStore","__experimentalGetInsertionPoint","jsxs","className","children","jsx","id","__","Button","
|
|
1
|
+
{"version":3,"names":["_i18n","require","_blockEditor","_components","_compose","_data","_icons","_store","_jsxRuntime","Inserter","setIsOpened","inserterTitleId","useInstanceId","insertionPoint","useSelect","select","customizeWidgetsStore","__experimentalGetInsertionPoint","jsxs","className","children","jsx","id","__","Button","size","icon","closeSmall","onClick","__experimentalLibrary","rootClientId","__experimentalInsertionIndex","insertionIndex","showInserterHelpPanel","onSelect","_default","exports","default"],"sources":["@wordpress/customize-widgets/src/components/inserter/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalLibrary as Library } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { closeSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as customizeWidgetsStore } from '../../store';\n\nfunction Inserter( { setIsOpened } ) {\n\tconst inserterTitleId = useInstanceId(\n\t\tInserter,\n\t\t'customize-widget-layout__inserter-panel-title'\n\t);\n\tconst insertionPoint = useSelect(\n\t\t( select ) =>\n\t\t\tselect( customizeWidgetsStore ).__experimentalGetInsertionPoint(),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"customize-widgets-layout__inserter-panel\"\n\t\t\taria-labelledby={ inserterTitleId }\n\t\t>\n\t\t\t<div className=\"customize-widgets-layout__inserter-panel-header\">\n\t\t\t\t<h2\n\t\t\t\t\tid={ inserterTitleId }\n\t\t\t\t\tclassName=\"customize-widgets-layout__inserter-panel-header-title\"\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Add a block' ) }\n\t\t\t\t</h2>\n\t\t\t\t<Button\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tonClick={ () => setIsOpened( false ) }\n\t\t\t\t\taria-label={ __( 'Close inserter' ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"customize-widgets-layout__inserter-panel-content\">\n\t\t\t\t<Library\n\t\t\t\t\trootClientId={ insertionPoint.rootClientId }\n\t\t\t\t\t__experimentalInsertionIndex={\n\t\t\t\t\t\tinsertionPoint.insertionIndex\n\t\t\t\t\t}\n\t\t\t\t\tshowInserterHelpPanel\n\t\t\t\t\tonSelect={ () => setIsOpened( false ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default Inserter;\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AAA6D,IAAAO,WAAA,GAAAP,OAAA;AAb7D;AACA;AACA;;AAQA;AACA;AACA;;AAGA,SAASQ,QAAQA,CAAE;EAAEC;AAAY,CAAC,EAAG;EACpC,MAAMC,eAAe,GAAG,IAAAC,sBAAa,EACpCH,QAAQ,EACR,+CACD,CAAC;EACD,MAAMI,cAAc,GAAG,IAAAC,eAAS,EAC7BC,MAAM,IACPA,MAAM,CAAEC,YAAsB,CAAC,CAACC,+BAA+B,CAAC,CAAC,EAClE,EACD,CAAC;EAED,oBACC,IAAAT,WAAA,CAAAU,IAAA;IACCC,SAAS,EAAC,0CAA0C;IACpD,mBAAkBR,eAAiB;IAAAS,QAAA,gBAEnC,IAAAZ,WAAA,CAAAU,IAAA;MAAKC,SAAS,EAAC,iDAAiD;MAAAC,QAAA,gBAC/D,IAAAZ,WAAA,CAAAa,GAAA;QACCC,EAAE,EAAGX,eAAiB;QACtBQ,SAAS,EAAC,uDAAuD;QAAAC,QAAA,EAE/D,IAAAG,QAAE,EAAE,aAAc;MAAC,CAClB,CAAC,eACL,IAAAf,WAAA,CAAAa,GAAA,EAAClB,WAAA,CAAAqB,MAAM;QACNC,IAAI,EAAC,OAAO;QACZC,IAAI,EAAGC,iBAAY;QACnBC,OAAO,EAAGA,CAAA,KAAMlB,WAAW,CAAE,KAAM,CAAG;QACtC,cAAa,IAAAa,QAAE,EAAE,gBAAiB;MAAG,CACrC,CAAC;IAAA,CACE,CAAC,eACN,IAAAf,WAAA,CAAAa,GAAA;MAAKF,SAAS,EAAC,kDAAkD;MAAAC,QAAA,eAChE,IAAAZ,WAAA,CAAAa,GAAA,EAACnB,YAAA,CAAA2B,qBAAO;QACPC,YAAY,EAAGjB,cAAc,CAACiB,YAAc;QAC5CC,4BAA4B,EAC3BlB,cAAc,CAACmB,cACf;QACDC,qBAAqB;QACrBC,QAAQ,EAAGA,CAAA,KAAMxB,WAAW,CAAE,KAAM;MAAG,CACvC;IAAC,CACE,CAAC;EAAA,CACF,CAAC;AAER;AAAC,IAAAyB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc5B,QAAQ","ignoreList":[]}
|
|
@@ -42,11 +42,8 @@ function WelcomeGuide({
|
|
|
42
42
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
43
43
|
className: "customize-widgets-welcome-guide__text",
|
|
44
44
|
children: isEntirelyBlockWidgets ? (0, _i18n.__)('Your theme provides different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.') : (0, _i18n.__)('You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.')
|
|
45
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
|
|
46
|
-
|
|
47
|
-
, {
|
|
48
|
-
__next40pxDefaultSize: false,
|
|
49
|
-
className: "customize-widgets-welcome-guide__button",
|
|
45
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
|
|
46
|
+
size: "compact",
|
|
50
47
|
variant: "primary",
|
|
51
48
|
onClick: () => toggle('core/customize-widgets', 'welcomeGuide'),
|
|
52
49
|
children: (0, _i18n.__)('Got it')
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_i18n","require","_components","_data","_preferences","_jsxRuntime","WelcomeGuide","sidebar","toggle","useDispatch","preferencesStore","isEntirelyBlockWidgets","getWidgets","every","widget","id","startsWith","jsxs","className","children","jsx","srcSet","media","src","width","height","alt","__","Button","
|
|
1
|
+
{"version":3,"names":["_i18n","require","_components","_data","_preferences","_jsxRuntime","WelcomeGuide","sidebar","toggle","useDispatch","preferencesStore","isEntirelyBlockWidgets","getWidgets","every","widget","id","startsWith","jsxs","className","children","jsx","srcSet","media","src","width","height","alt","__","Button","size","variant","onClick","ExternalLink","href"],"sources":["@wordpress/customize-widgets/src/components/welcome-guide/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Button, ExternalLink } from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nexport default function WelcomeGuide( { sidebar } ) {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isEntirelyBlockWidgets = sidebar\n\t\t.getWidgets()\n\t\t.every( ( widget ) => widget.id.startsWith( 'block-' ) );\n\n\treturn (\n\t\t<div className=\"customize-widgets-welcome-guide\">\n\t\t\t<div className=\"customize-widgets-welcome-guide__image__wrapper\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source\n\t\t\t\t\t\tsrcSet=\"https://s.w.org/images/block-editor/welcome-editor.svg\"\n\t\t\t\t\t\tmedia=\"(prefers-reduced-motion: reduce)\"\n\t\t\t\t\t/>\n\t\t\t\t\t<img\n\t\t\t\t\t\tclassName=\"customize-widgets-welcome-guide__image\"\n\t\t\t\t\t\tsrc=\"https://s.w.org/images/block-editor/welcome-editor.gif\"\n\t\t\t\t\t\twidth=\"312\"\n\t\t\t\t\t\theight=\"240\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t/>\n\t\t\t\t</picture>\n\t\t\t</div>\n\t\t\t<h1 className=\"customize-widgets-welcome-guide__heading\">\n\t\t\t\t{ __( 'Welcome to block Widgets' ) }\n\t\t\t</h1>\n\t\t\t<p className=\"customize-widgets-welcome-guide__text\">\n\t\t\t\t{ isEntirelyBlockWidgets\n\t\t\t\t\t? __(\n\t\t\t\t\t\t\t'Your theme provides different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.'\n\t\t\t\t\t )\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.'\n\t\t\t\t\t ) }\n\t\t\t</p>\n\t\t\t<Button\n\t\t\t\tsize=\"compact\"\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tonClick={ () =>\n\t\t\t\t\ttoggle( 'core/customize-widgets', 'welcomeGuide' )\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ __( 'Got it' ) }\n\t\t\t</Button>\n\t\t\t<hr className=\"customize-widgets-welcome-guide__separator\" />\n\t\t\t{ ! isEntirelyBlockWidgets && (\n\t\t\t\t<p className=\"customize-widgets-welcome-guide__more-info\">\n\t\t\t\t\t{ __( 'Want to stick with the old widgets?' ) }\n\t\t\t\t\t<br />\n\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t'https://wordpress.org/plugins/classic-widgets/'\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Get the Classic Widgets plugin.' ) }\n\t\t\t\t\t</ExternalLink>\n\t\t\t\t</p>\n\t\t\t) }\n\t\t\t<p className=\"customize-widgets-welcome-guide__more-info\">\n\t\t\t\t{ __( 'New to the block editor?' ) }\n\t\t\t\t<br />\n\t\t\t\t<ExternalLink\n\t\t\t\t\thref={ __(\n\t\t\t\t\t\t'https://wordpress.org/documentation/article/wordpress-block-editor/'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ __( \"Here's a detailed guide.\" ) }\n\t\t\t\t</ExternalLink>\n\t\t\t</p>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAmE,IAAAI,WAAA,GAAAJ,OAAA;AANnE;AACA;AACA;;AAMe,SAASK,YAAYA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EACnD,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAElD,MAAMC,sBAAsB,GAAGJ,OAAO,CACpCK,UAAU,CAAC,CAAC,CACZC,KAAK,CAAIC,MAAM,IAAMA,MAAM,CAACC,EAAE,CAACC,UAAU,CAAE,QAAS,CAAE,CAAC;EAEzD,oBACC,IAAAX,WAAA,CAAAY,IAAA;IAAKC,SAAS,EAAC,iCAAiC;IAAAC,QAAA,gBAC/C,IAAAd,WAAA,CAAAe,GAAA;MAAKF,SAAS,EAAC,iDAAiD;MAAAC,QAAA,eAC/D,IAAAd,WAAA,CAAAY,IAAA;QAAAE,QAAA,gBACC,IAAAd,WAAA,CAAAe,GAAA;UACCC,MAAM,EAAC,wDAAwD;UAC/DC,KAAK,EAAC;QAAkC,CACxC,CAAC,eACF,IAAAjB,WAAA,CAAAe,GAAA;UACCF,SAAS,EAAC,wCAAwC;UAClDK,GAAG,EAAC,wDAAwD;UAC5DC,KAAK,EAAC,KAAK;UACXC,MAAM,EAAC,KAAK;UACZC,GAAG,EAAC;QAAE,CACN,CAAC;MAAA,CACM;IAAC,CACN,CAAC,eACN,IAAArB,WAAA,CAAAe,GAAA;MAAIF,SAAS,EAAC,0CAA0C;MAAAC,QAAA,EACrD,IAAAQ,QAAE,EAAE,0BAA2B;IAAC,CAC/B,CAAC,eACL,IAAAtB,WAAA,CAAAe,GAAA;MAAGF,SAAS,EAAC,uCAAuC;MAAAC,QAAA,EACjDR,sBAAsB,GACrB,IAAAgB,QAAE,EACF,0LACA,CAAC,GACD,IAAAA,QAAE,EACF,yHACA;IAAC,CACF,CAAC,eACJ,IAAAtB,WAAA,CAAAe,GAAA,EAAClB,WAAA,CAAA0B,MAAM;MACNC,IAAI,EAAC,SAAS;MACdC,OAAO,EAAC,SAAS;MACjBC,OAAO,EAAGA,CAAA,KACTvB,MAAM,CAAE,wBAAwB,EAAE,cAAe,CACjD;MAAAW,QAAA,EAEC,IAAAQ,QAAE,EAAE,QAAS;IAAC,CACT,CAAC,eACT,IAAAtB,WAAA,CAAAe,GAAA;MAAIF,SAAS,EAAC;IAA4C,CAAE,CAAC,EAC3D,CAAEP,sBAAsB,iBACzB,IAAAN,WAAA,CAAAY,IAAA;MAAGC,SAAS,EAAC,4CAA4C;MAAAC,QAAA,GACtD,IAAAQ,QAAE,EAAE,qCAAsC,CAAC,eAC7C,IAAAtB,WAAA,CAAAe,GAAA,UAAK,CAAC,eACN,IAAAf,WAAA,CAAAe,GAAA,EAAClB,WAAA,CAAA8B,YAAY;QACZC,IAAI,EAAG,IAAAN,QAAE,EACR,gDACD,CAAG;QAAAR,QAAA,EAED,IAAAQ,QAAE,EAAE,iCAAkC;MAAC,CAC5B,CAAC;IAAA,CACb,CACH,eACD,IAAAtB,WAAA,CAAAY,IAAA;MAAGC,SAAS,EAAC,4CAA4C;MAAAC,QAAA,GACtD,IAAAQ,QAAE,EAAE,0BAA2B,CAAC,eAClC,IAAAtB,WAAA,CAAAe,GAAA,UAAK,CAAC,eACN,IAAAf,WAAA,CAAAe,GAAA,EAAClB,WAAA,CAAA8B,YAAY;QACZC,IAAI,EAAG,IAAAN,QAAE,EACR,qEACD,CAAG;QAAAR,QAAA,EAED,IAAAQ,QAAE,EAAE,0BAA2B;MAAC,CACrB,CAAC;IAAA,CACb,CAAC;EAAA,CACA,CAAC;AAER","ignoreList":[]}
|
|
@@ -13,10 +13,8 @@ function CopyButton({
|
|
|
13
13
|
children
|
|
14
14
|
}) {
|
|
15
15
|
const ref = useCopyToClipboard(text);
|
|
16
|
-
return /*#__PURE__*/_jsx(Button
|
|
17
|
-
|
|
18
|
-
, {
|
|
19
|
-
__next40pxDefaultSize: false,
|
|
16
|
+
return /*#__PURE__*/_jsx(Button, {
|
|
17
|
+
size: "compact",
|
|
20
18
|
variant: "secondary",
|
|
21
19
|
ref: ref,
|
|
22
20
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Component","__","Button","Warning","useCopyToClipboard","doAction","jsx","_jsx","CopyButton","text","children","ref","
|
|
1
|
+
{"version":3,"names":["Component","__","Button","Warning","useCopyToClipboard","doAction","jsx","_jsx","CopyButton","text","children","ref","size","variant","ErrorBoundary","constructor","arguments","state","error","componentDidCatch","setState","render","props","className","actions","stack"],"sources":["@wordpress/customize-widgets/src/components/error-boundary/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { Warning } from '@wordpress/block-editor';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { doAction } from '@wordpress/hooks';\n\nfunction CopyButton( { text, children } ) {\n\tconst ref = useCopyToClipboard( text );\n\treturn (\n\t\t<Button size=\"compact\" variant=\"secondary\" ref={ ref }>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\n\nexport default class ErrorBoundary extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.state = {\n\t\t\terror: null,\n\t\t};\n\t}\n\n\tcomponentDidCatch( error ) {\n\t\tthis.setState( { error } );\n\n\t\tdoAction( 'editor.ErrorBoundary.errorLogged', error );\n\t}\n\n\trender() {\n\t\tconst { error } = this.state;\n\t\tif ( ! error ) {\n\t\t\treturn this.props.children;\n\t\t}\n\n\t\treturn (\n\t\t\t<Warning\n\t\t\t\tclassName=\"customize-widgets-error-boundary\"\n\t\t\t\tactions={ [\n\t\t\t\t\t<CopyButton key=\"copy-error\" text={ error.stack }>\n\t\t\t\t\t\t{ __( 'Copy Error' ) }\n\t\t\t\t\t</CopyButton>,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ __( 'The editor has encountered an unexpected error.' ) }\n\t\t\t</Warning>\n\t\t);\n\t}\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,OAAO,QAAQ,yBAAyB;AACjD,SAASC,kBAAkB,QAAQ,oBAAoB;AACvD,SAASC,QAAQ,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5C,SAASC,UAAUA,CAAE;EAAEC,IAAI;EAAEC;AAAS,CAAC,EAAG;EACzC,MAAMC,GAAG,GAAGP,kBAAkB,CAAEK,IAAK,CAAC;EACtC,oBACCF,IAAA,CAACL,MAAM;IAACU,IAAI,EAAC,SAAS;IAACC,OAAO,EAAC,WAAW;IAACF,GAAG,EAAGA,GAAK;IAAAD,QAAA,EACnDA;EAAQ,CACH,CAAC;AAEX;AAEA,eAAe,MAAMI,aAAa,SAASd,SAAS,CAAC;EACpDe,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IACrB,IAAI,CAACC,KAAK,GAAG;MACZC,KAAK,EAAE;IACR,CAAC;EACF;EAEAC,iBAAiBA,CAAED,KAAK,EAAG;IAC1B,IAAI,CAACE,QAAQ,CAAE;MAAEF;IAAM,CAAE,CAAC;IAE1Bb,QAAQ,CAAE,kCAAkC,EAAEa,KAAM,CAAC;EACtD;EAEAG,MAAMA,CAAA,EAAG;IACR,MAAM;MAAEH;IAAM,CAAC,GAAG,IAAI,CAACD,KAAK;IAC5B,IAAK,CAAEC,KAAK,EAAG;MACd,OAAO,IAAI,CAACI,KAAK,CAACZ,QAAQ;IAC3B;IAEA,oBACCH,IAAA,CAACJ,OAAO;MACPoB,SAAS,EAAC,kCAAkC;MAC5CC,OAAO,EAAG,cACTjB,IAAA,CAACC,UAAU;QAAkBC,IAAI,EAAGS,KAAK,CAACO,KAAO;QAAAf,QAAA,EAC9CT,EAAE,CAAE,YAAa;MAAC,GADL,YAEJ,CAAC,CACX;MAAAS,QAAA,EAEDT,EAAE,CAAE,iDAAkD;IAAC,CACjD,CAAC;EAEZ;AACD","ignoreList":[]}
|
|
@@ -28,11 +28,8 @@ function Inserter({
|
|
|
28
28
|
id: inserterTitleId,
|
|
29
29
|
className: "customize-widgets-layout__inserter-panel-header-title",
|
|
30
30
|
children: __('Add a block')
|
|
31
|
-
}), /*#__PURE__*/_jsx(Button
|
|
32
|
-
|
|
33
|
-
, {
|
|
34
|
-
__next40pxDefaultSize: false,
|
|
35
|
-
className: "customize-widgets-layout__inserter-panel-header-close-button",
|
|
31
|
+
}), /*#__PURE__*/_jsx(Button, {
|
|
32
|
+
size: "small",
|
|
36
33
|
icon: closeSmall,
|
|
37
34
|
onClick: () => setIsOpened(false),
|
|
38
35
|
"aria-label": __('Close inserter')
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__","__experimentalLibrary","Library","Button","useInstanceId","useSelect","closeSmall","store","customizeWidgetsStore","jsx","_jsx","jsxs","_jsxs","Inserter","setIsOpened","inserterTitleId","insertionPoint","select","__experimentalGetInsertionPoint","className","children","id","
|
|
1
|
+
{"version":3,"names":["__","__experimentalLibrary","Library","Button","useInstanceId","useSelect","closeSmall","store","customizeWidgetsStore","jsx","_jsx","jsxs","_jsxs","Inserter","setIsOpened","inserterTitleId","insertionPoint","select","__experimentalGetInsertionPoint","className","children","id","size","icon","onClick","rootClientId","__experimentalInsertionIndex","insertionIndex","showInserterHelpPanel","onSelect"],"sources":["@wordpress/customize-widgets/src/components/inserter/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalLibrary as Library } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { closeSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as customizeWidgetsStore } from '../../store';\n\nfunction Inserter( { setIsOpened } ) {\n\tconst inserterTitleId = useInstanceId(\n\t\tInserter,\n\t\t'customize-widget-layout__inserter-panel-title'\n\t);\n\tconst insertionPoint = useSelect(\n\t\t( select ) =>\n\t\t\tselect( customizeWidgetsStore ).__experimentalGetInsertionPoint(),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"customize-widgets-layout__inserter-panel\"\n\t\t\taria-labelledby={ inserterTitleId }\n\t\t>\n\t\t\t<div className=\"customize-widgets-layout__inserter-panel-header\">\n\t\t\t\t<h2\n\t\t\t\t\tid={ inserterTitleId }\n\t\t\t\t\tclassName=\"customize-widgets-layout__inserter-panel-header-title\"\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Add a block' ) }\n\t\t\t\t</h2>\n\t\t\t\t<Button\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tonClick={ () => setIsOpened( false ) }\n\t\t\t\t\taria-label={ __( 'Close inserter' ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"customize-widgets-layout__inserter-panel-content\">\n\t\t\t\t<Library\n\t\t\t\t\trootClientId={ insertionPoint.rootClientId }\n\t\t\t\t\t__experimentalInsertionIndex={\n\t\t\t\t\t\tinsertionPoint.insertionIndex\n\t\t\t\t\t}\n\t\t\t\t\tshowInserterHelpPanel\n\t\t\t\t\tonSelect={ () => setIsOpened( false ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default Inserter;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,qBAAqB,IAAIC,OAAO,QAAQ,yBAAyB;AAC1E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,aAAa,QAAQ,oBAAoB;AAClD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,UAAU,QAAQ,kBAAkB;;AAE7C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,qBAAqB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE7D,SAASC,QAAQA,CAAE;EAAEC;AAAY,CAAC,EAAG;EACpC,MAAMC,eAAe,GAAGX,aAAa,CACpCS,QAAQ,EACR,+CACD,CAAC;EACD,MAAMG,cAAc,GAAGX,SAAS,CAC7BY,MAAM,IACPA,MAAM,CAAET,qBAAsB,CAAC,CAACU,+BAA+B,CAAC,CAAC,EAClE,EACD,CAAC;EAED,oBACCN,KAAA;IACCO,SAAS,EAAC,0CAA0C;IACpD,mBAAkBJ,eAAiB;IAAAK,QAAA,gBAEnCR,KAAA;MAAKO,SAAS,EAAC,iDAAiD;MAAAC,QAAA,gBAC/DV,IAAA;QACCW,EAAE,EAAGN,eAAiB;QACtBI,SAAS,EAAC,uDAAuD;QAAAC,QAAA,EAE/DpB,EAAE,CAAE,aAAc;MAAC,CAClB,CAAC,eACLU,IAAA,CAACP,MAAM;QACNmB,IAAI,EAAC,OAAO;QACZC,IAAI,EAAGjB,UAAY;QACnBkB,OAAO,EAAGA,CAAA,KAAMV,WAAW,CAAE,KAAM,CAAG;QACtC,cAAad,EAAE,CAAE,gBAAiB;MAAG,CACrC,CAAC;IAAA,CACE,CAAC,eACNU,IAAA;MAAKS,SAAS,EAAC,kDAAkD;MAAAC,QAAA,eAChEV,IAAA,CAACR,OAAO;QACPuB,YAAY,EAAGT,cAAc,CAACS,YAAc;QAC5CC,4BAA4B,EAC3BV,cAAc,CAACW,cACf;QACDC,qBAAqB;QACrBC,QAAQ,EAAGA,CAAA,KAAMf,WAAW,CAAE,KAAM;MAAG,CACvC;IAAC,CACE,CAAC;EAAA,CACF,CAAC;AAER;AAEA,eAAeD,QAAQ","ignoreList":[]}
|
|
@@ -36,11 +36,8 @@ export default function WelcomeGuide({
|
|
|
36
36
|
}), /*#__PURE__*/_jsx("p", {
|
|
37
37
|
className: "customize-widgets-welcome-guide__text",
|
|
38
38
|
children: isEntirelyBlockWidgets ? __('Your theme provides different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.') : __('You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.')
|
|
39
|
-
}), /*#__PURE__*/_jsx(Button
|
|
40
|
-
|
|
41
|
-
, {
|
|
42
|
-
__next40pxDefaultSize: false,
|
|
43
|
-
className: "customize-widgets-welcome-guide__button",
|
|
39
|
+
}), /*#__PURE__*/_jsx(Button, {
|
|
40
|
+
size: "compact",
|
|
44
41
|
variant: "primary",
|
|
45
42
|
onClick: () => toggle('core/customize-widgets', 'welcomeGuide'),
|
|
46
43
|
children: __('Got it')
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__","Button","ExternalLink","useDispatch","store","preferencesStore","jsx","_jsx","jsxs","_jsxs","WelcomeGuide","sidebar","toggle","isEntirelyBlockWidgets","getWidgets","every","widget","id","startsWith","className","children","srcSet","media","src","width","height","alt","
|
|
1
|
+
{"version":3,"names":["__","Button","ExternalLink","useDispatch","store","preferencesStore","jsx","_jsx","jsxs","_jsxs","WelcomeGuide","sidebar","toggle","isEntirelyBlockWidgets","getWidgets","every","widget","id","startsWith","className","children","srcSet","media","src","width","height","alt","size","variant","onClick","href"],"sources":["@wordpress/customize-widgets/src/components/welcome-guide/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Button, ExternalLink } from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nexport default function WelcomeGuide( { sidebar } ) {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isEntirelyBlockWidgets = sidebar\n\t\t.getWidgets()\n\t\t.every( ( widget ) => widget.id.startsWith( 'block-' ) );\n\n\treturn (\n\t\t<div className=\"customize-widgets-welcome-guide\">\n\t\t\t<div className=\"customize-widgets-welcome-guide__image__wrapper\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source\n\t\t\t\t\t\tsrcSet=\"https://s.w.org/images/block-editor/welcome-editor.svg\"\n\t\t\t\t\t\tmedia=\"(prefers-reduced-motion: reduce)\"\n\t\t\t\t\t/>\n\t\t\t\t\t<img\n\t\t\t\t\t\tclassName=\"customize-widgets-welcome-guide__image\"\n\t\t\t\t\t\tsrc=\"https://s.w.org/images/block-editor/welcome-editor.gif\"\n\t\t\t\t\t\twidth=\"312\"\n\t\t\t\t\t\theight=\"240\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t/>\n\t\t\t\t</picture>\n\t\t\t</div>\n\t\t\t<h1 className=\"customize-widgets-welcome-guide__heading\">\n\t\t\t\t{ __( 'Welcome to block Widgets' ) }\n\t\t\t</h1>\n\t\t\t<p className=\"customize-widgets-welcome-guide__text\">\n\t\t\t\t{ isEntirelyBlockWidgets\n\t\t\t\t\t? __(\n\t\t\t\t\t\t\t'Your theme provides different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.'\n\t\t\t\t\t )\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.'\n\t\t\t\t\t ) }\n\t\t\t</p>\n\t\t\t<Button\n\t\t\t\tsize=\"compact\"\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tonClick={ () =>\n\t\t\t\t\ttoggle( 'core/customize-widgets', 'welcomeGuide' )\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ __( 'Got it' ) }\n\t\t\t</Button>\n\t\t\t<hr className=\"customize-widgets-welcome-guide__separator\" />\n\t\t\t{ ! isEntirelyBlockWidgets && (\n\t\t\t\t<p className=\"customize-widgets-welcome-guide__more-info\">\n\t\t\t\t\t{ __( 'Want to stick with the old widgets?' ) }\n\t\t\t\t\t<br />\n\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t'https://wordpress.org/plugins/classic-widgets/'\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Get the Classic Widgets plugin.' ) }\n\t\t\t\t\t</ExternalLink>\n\t\t\t\t</p>\n\t\t\t) }\n\t\t\t<p className=\"customize-widgets-welcome-guide__more-info\">\n\t\t\t\t{ __( 'New to the block editor?' ) }\n\t\t\t\t<br />\n\t\t\t\t<ExternalLink\n\t\t\t\t\thref={ __(\n\t\t\t\t\t\t'https://wordpress.org/documentation/article/wordpress-block-editor/'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ __( \"Here's a detailed guide.\" ) }\n\t\t\t\t</ExternalLink>\n\t\t\t</p>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,EAAEC,YAAY,QAAQ,uBAAuB;AAC5D,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEnE,eAAe,SAASC,YAAYA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EACnD,MAAM;IAAEC;EAAO,CAAC,GAAGT,WAAW,CAAEE,gBAAiB,CAAC;EAElD,MAAMQ,sBAAsB,GAAGF,OAAO,CACpCG,UAAU,CAAC,CAAC,CACZC,KAAK,CAAIC,MAAM,IAAMA,MAAM,CAACC,EAAE,CAACC,UAAU,CAAE,QAAS,CAAE,CAAC;EAEzD,oBACCT,KAAA;IAAKU,SAAS,EAAC,iCAAiC;IAAAC,QAAA,gBAC/Cb,IAAA;MAAKY,SAAS,EAAC,iDAAiD;MAAAC,QAAA,eAC/DX,KAAA;QAAAW,QAAA,gBACCb,IAAA;UACCc,MAAM,EAAC,wDAAwD;UAC/DC,KAAK,EAAC;QAAkC,CACxC,CAAC,eACFf,IAAA;UACCY,SAAS,EAAC,wCAAwC;UAClDI,GAAG,EAAC,wDAAwD;UAC5DC,KAAK,EAAC,KAAK;UACXC,MAAM,EAAC,KAAK;UACZC,GAAG,EAAC;QAAE,CACN,CAAC;MAAA,CACM;IAAC,CACN,CAAC,eACNnB,IAAA;MAAIY,SAAS,EAAC,0CAA0C;MAAAC,QAAA,EACrDpB,EAAE,CAAE,0BAA2B;IAAC,CAC/B,CAAC,eACLO,IAAA;MAAGY,SAAS,EAAC,uCAAuC;MAAAC,QAAA,EACjDP,sBAAsB,GACrBb,EAAE,CACF,0LACA,CAAC,GACDA,EAAE,CACF,yHACA;IAAC,CACF,CAAC,eACJO,IAAA,CAACN,MAAM;MACN0B,IAAI,EAAC,SAAS;MACdC,OAAO,EAAC,SAAS;MACjBC,OAAO,EAAGA,CAAA,KACTjB,MAAM,CAAE,wBAAwB,EAAE,cAAe,CACjD;MAAAQ,QAAA,EAECpB,EAAE,CAAE,QAAS;IAAC,CACT,CAAC,eACTO,IAAA;MAAIY,SAAS,EAAC;IAA4C,CAAE,CAAC,EAC3D,CAAEN,sBAAsB,iBACzBJ,KAAA;MAAGU,SAAS,EAAC,4CAA4C;MAAAC,QAAA,GACtDpB,EAAE,CAAE,qCAAsC,CAAC,eAC7CO,IAAA,SAAK,CAAC,eACNA,IAAA,CAACL,YAAY;QACZ4B,IAAI,EAAG9B,EAAE,CACR,gDACD,CAAG;QAAAoB,QAAA,EAEDpB,EAAE,CAAE,iCAAkC;MAAC,CAC5B,CAAC;IAAA,CACb,CACH,eACDS,KAAA;MAAGU,SAAS,EAAC,4CAA4C;MAAAC,QAAA,GACtDpB,EAAE,CAAE,0BAA2B,CAAC,eAClCO,IAAA,SAAK,CAAC,eACNA,IAAA,CAACL,YAAY;QACZ4B,IAAI,EAAG9B,EAAE,CACR,qEACD,CAAG;QAAAoB,QAAA,EAEDpB,EAAE,CAAE,0BAA2B;MAAC,CACrB,CAAC;IAAA,CACb,CAAC;EAAA,CACA,CAAC;AAER","ignoreList":[]}
|
|
@@ -29,6 +29,9 @@
|
|
|
29
29
|
/**
|
|
30
30
|
* Fonts & basic variables.
|
|
31
31
|
*/
|
|
32
|
+
/**
|
|
33
|
+
* Typography
|
|
34
|
+
*/
|
|
32
35
|
/**
|
|
33
36
|
* Grid System.
|
|
34
37
|
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
|
@@ -43,7 +46,10 @@
|
|
|
43
46
|
* Dimensions.
|
|
44
47
|
*/
|
|
45
48
|
/**
|
|
46
|
-
*
|
|
49
|
+
* Mobile specific styles
|
|
50
|
+
*/
|
|
51
|
+
/**
|
|
52
|
+
* Editor styles.
|
|
47
53
|
*/
|
|
48
54
|
/**
|
|
49
55
|
* Block & Editor UI.
|
|
@@ -67,6 +73,9 @@
|
|
|
67
73
|
* Creates a fading overlay to signify that the content is longer
|
|
68
74
|
* than the space allows.
|
|
69
75
|
*/
|
|
76
|
+
/**
|
|
77
|
+
* Typography
|
|
78
|
+
*/
|
|
70
79
|
/**
|
|
71
80
|
* Breakpoint mixins
|
|
72
81
|
*/
|
package/build-style/style.css
CHANGED
|
@@ -29,6 +29,9 @@
|
|
|
29
29
|
/**
|
|
30
30
|
* Fonts & basic variables.
|
|
31
31
|
*/
|
|
32
|
+
/**
|
|
33
|
+
* Typography
|
|
34
|
+
*/
|
|
32
35
|
/**
|
|
33
36
|
* Grid System.
|
|
34
37
|
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
|
@@ -43,7 +46,10 @@
|
|
|
43
46
|
* Dimensions.
|
|
44
47
|
*/
|
|
45
48
|
/**
|
|
46
|
-
*
|
|
49
|
+
* Mobile specific styles
|
|
50
|
+
*/
|
|
51
|
+
/**
|
|
52
|
+
* Editor styles.
|
|
47
53
|
*/
|
|
48
54
|
/**
|
|
49
55
|
* Block & Editor UI.
|
|
@@ -67,6 +73,9 @@
|
|
|
67
73
|
* Creates a fading overlay to signify that the content is longer
|
|
68
74
|
* than the space allows.
|
|
69
75
|
*/
|
|
76
|
+
/**
|
|
77
|
+
* Typography
|
|
78
|
+
*/
|
|
70
79
|
/**
|
|
71
80
|
* Breakpoint mixins
|
|
72
81
|
*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wordpress/customize-widgets",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.9.0",
|
|
4
4
|
"description": "Widgets blocks in Customizer Module for WordPress.",
|
|
5
5
|
"author": "The WordPress Contributors",
|
|
6
6
|
"license": "GPL-2.0-or-later",
|
|
@@ -25,26 +25,26 @@
|
|
|
25
25
|
"react-native": "src/index",
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@babel/runtime": "^7.16.0",
|
|
28
|
-
"@wordpress/block-editor": "^14.
|
|
29
|
-
"@wordpress/block-library": "^9.
|
|
30
|
-
"@wordpress/blocks": "^13.
|
|
31
|
-
"@wordpress/components": "^28.
|
|
32
|
-
"@wordpress/compose": "^7.
|
|
33
|
-
"@wordpress/core-data": "^7.
|
|
34
|
-
"@wordpress/data": "^10.
|
|
35
|
-
"@wordpress/dom": "^4.
|
|
36
|
-
"@wordpress/element": "^6.
|
|
37
|
-
"@wordpress/hooks": "^4.
|
|
38
|
-
"@wordpress/i18n": "^5.
|
|
39
|
-
"@wordpress/icons": "^10.
|
|
40
|
-
"@wordpress/interface": "^6.
|
|
41
|
-
"@wordpress/is-shallow-equal": "^5.
|
|
42
|
-
"@wordpress/keyboard-shortcuts": "^5.
|
|
43
|
-
"@wordpress/keycodes": "^4.
|
|
44
|
-
"@wordpress/media-utils": "^5.
|
|
45
|
-
"@wordpress/preferences": "^4.
|
|
46
|
-
"@wordpress/private-apis": "^1.
|
|
47
|
-
"@wordpress/widgets": "^4.
|
|
28
|
+
"@wordpress/block-editor": "^14.4.0",
|
|
29
|
+
"@wordpress/block-library": "^9.9.0",
|
|
30
|
+
"@wordpress/blocks": "^13.9.0",
|
|
31
|
+
"@wordpress/components": "^28.9.0",
|
|
32
|
+
"@wordpress/compose": "^7.9.0",
|
|
33
|
+
"@wordpress/core-data": "^7.9.0",
|
|
34
|
+
"@wordpress/data": "^10.9.0",
|
|
35
|
+
"@wordpress/dom": "^4.9.0",
|
|
36
|
+
"@wordpress/element": "^6.9.0",
|
|
37
|
+
"@wordpress/hooks": "^4.9.0",
|
|
38
|
+
"@wordpress/i18n": "^5.9.0",
|
|
39
|
+
"@wordpress/icons": "^10.9.0",
|
|
40
|
+
"@wordpress/interface": "^6.9.0",
|
|
41
|
+
"@wordpress/is-shallow-equal": "^5.9.0",
|
|
42
|
+
"@wordpress/keyboard-shortcuts": "^5.9.0",
|
|
43
|
+
"@wordpress/keycodes": "^4.9.0",
|
|
44
|
+
"@wordpress/media-utils": "^5.9.0",
|
|
45
|
+
"@wordpress/preferences": "^4.9.0",
|
|
46
|
+
"@wordpress/private-apis": "^1.9.0",
|
|
47
|
+
"@wordpress/widgets": "^4.9.0",
|
|
48
48
|
"clsx": "^2.1.1",
|
|
49
49
|
"fast-deep-equal": "^3.1.3"
|
|
50
50
|
},
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"publishConfig": {
|
|
56
56
|
"access": "public"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "2e5495c635910cb34bfaca3c6258d2e989f66214"
|
|
59
59
|
}
|
|
@@ -11,12 +11,7 @@ import { doAction } from '@wordpress/hooks';
|
|
|
11
11
|
function CopyButton( { text, children } ) {
|
|
12
12
|
const ref = useCopyToClipboard( text );
|
|
13
13
|
return (
|
|
14
|
-
<Button
|
|
15
|
-
// TODO: Switch to `true` (40px size) if possible
|
|
16
|
-
__next40pxDefaultSize={ false }
|
|
17
|
-
variant="secondary"
|
|
18
|
-
ref={ ref }
|
|
19
|
-
>
|
|
14
|
+
<Button size="compact" variant="secondary" ref={ ref }>
|
|
20
15
|
{ children }
|
|
21
16
|
</Button>
|
|
22
17
|
);
|
|
@@ -37,9 +37,7 @@ function Inserter( { setIsOpened } ) {
|
|
|
37
37
|
{ __( 'Add a block' ) }
|
|
38
38
|
</h2>
|
|
39
39
|
<Button
|
|
40
|
-
|
|
41
|
-
__next40pxDefaultSize={ false }
|
|
42
|
-
className="customize-widgets-layout__inserter-panel-header-close-button"
|
|
40
|
+
size="small"
|
|
43
41
|
icon={ closeSmall }
|
|
44
42
|
onClick={ () => setIsOpened( false ) }
|
|
45
43
|
aria-label={ __( 'Close inserter' ) }
|
|
@@ -43,9 +43,7 @@ export default function WelcomeGuide( { sidebar } ) {
|
|
|
43
43
|
) }
|
|
44
44
|
</p>
|
|
45
45
|
<Button
|
|
46
|
-
|
|
47
|
-
__next40pxDefaultSize={ false }
|
|
48
|
-
className="customize-widgets-welcome-guide__button"
|
|
46
|
+
size="compact"
|
|
49
47
|
variant="primary"
|
|
50
48
|
onClick={ () =>
|
|
51
49
|
toggle( 'core/customize-widgets', 'welcomeGuide' )
|