@wordpress/edit-site 6.44.0 → 6.44.1-next.v.202604201441.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.
@@ -46,7 +46,7 @@ var GlobalStylesPageActions = ({
46
46
  onChangeSection
47
47
  }) => {
48
48
  const history = useHistory();
49
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { children: [
49
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { className: "edit-site-styles__header-actions", children: [
50
50
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
51
51
  import_components.Button,
52
52
  {
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/sidebar-global-styles/index.js"],
4
- "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Page } from '@wordpress/admin-ui';\nimport { __ } from '@wordpress/i18n';\nimport { useMemo, useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { Button, __experimentalHStack as HStack } from '@wordpress/components';\nimport { addQueryArgs, removeQueryArgs } from '@wordpress/url';\nimport { seen } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { GlobalStylesUIWrapper, GlobalStylesActionMenu } =\n\tunlock( editorPrivateApis );\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nconst GlobalStylesPageActions = ( {\n\tisStyleBookOpened,\n\tsetIsStyleBookOpened,\n\tpath,\n\tonChangeSection,\n} ) => {\n\tconst history = useHistory();\n\n\treturn (\n\t\t<HStack>\n\t\t\t<Button\n\t\t\t\tisPressed={ isStyleBookOpened }\n\t\t\t\ticon={ seen }\n\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsStyleBookOpened( ! isStyleBookOpened );\n\t\t\t\t\tconst updatedPath = ! isStyleBookOpened\n\t\t\t\t\t\t? addQueryArgs( path, { preview: 'stylebook' } )\n\t\t\t\t\t\t: removeQueryArgs( path, 'preview' );\n\t\t\t\t\t// Navigate to the updated path.\n\t\t\t\t\thistory.navigate( updatedPath );\n\t\t\t\t} }\n\t\t\t\tsize=\"compact\"\n\t\t\t/>\n\t\t\t<GlobalStylesActionMenu\n\t\t\t\thideWelcomeGuide\n\t\t\t\tonChangePath={ onChangeSection }\n\t\t\t/>\n\t\t</HStack>\n\t);\n};\n\n/**\n * Hook to deal with navigation and location state.\n *\n * @return {Array} The current section and a function to update it.\n */\nexport const useSection = () => {\n\tconst { path, query } = useLocation();\n\tconst history = useHistory();\n\treturn useMemo( () => {\n\t\treturn [\n\t\t\tquery.section ?? '/',\n\t\t\t( updatedSection ) => {\n\t\t\t\thistory.navigate(\n\t\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\t\tsection: updatedSection,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t},\n\t\t];\n\t}, [ path, query.section, history ] );\n};\n\nexport default function SidebarGlobalStyles() {\n\tconst { path } = useLocation();\n\n\tconst [ isStyleBookOpened, setIsStyleBookOpened ] = useState(\n\t\tpath.includes( 'preview=stylebook' )\n\t);\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst [ section, onChangeSection ] = useSection();\n\tconst settings = useSelect(\n\t\t( select ) => select( editSiteStore ).getSettings(),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<Page\n\t\t\tactions={\n\t\t\t\t! isMobileViewport ? (\n\t\t\t\t\t<GlobalStylesPageActions\n\t\t\t\t\t\tisStyleBookOpened={ isStyleBookOpened }\n\t\t\t\t\t\tsetIsStyleBookOpened={ setIsStyleBookOpened }\n\t\t\t\t\t\tpath={ path }\n\t\t\t\t\t\tonChangeSection={ onChangeSection }\n\t\t\t\t\t/>\n\t\t\t\t) : null\n\t\t\t}\n\t\t\tclassName=\"edit-site-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t>\n\t\t\t<GlobalStylesUIWrapper\n\t\t\t\tpath={ section }\n\t\t\t\tonPathChange={ onChangeSection }\n\t\t\t\tsettings={ settings }\n\t\t\t/>\n\t\t</Page>\n\t);\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,sBAAqB;AACrB,kBAAmB;AACnB,qBAAkC;AAClC,oBAAiD;AACjD,oBAAiD;AACjD,qBAAiC;AACjC,kBAA0B;AAC1B,wBAAuD;AACvD,iBAA8C;AAC9C,mBAAqB;AAKrB,mBAAuC;AACvC,yBAAuB;AAerB;AAbF,IAAM,EAAE,uBAAuB,uBAAuB,QACrD,2BAAQ,cAAAA,WAAkB;AAC3B,IAAM,EAAE,aAAa,WAAW,QAAI,2BAAQ,cAAAC,WAAkB;AAE9D,IAAM,0BAA0B,CAAE;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAAO;AACN,QAAM,UAAU,WAAW;AAE3B,SACC,6CAAC,kBAAAC,sBAAA,EACA;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAY;AAAA,QACZ,MAAO;AAAA,QACP,WAAQ,gBAAI,YAAa;AAAA,QACzB,SAAU,MAAM;AACf,+BAAsB,CAAE,iBAAkB;AAC1C,gBAAM,cAAc,CAAE,wBACnB,yBAAc,MAAM,EAAE,SAAS,YAAY,CAAE,QAC7C,4BAAiB,MAAM,SAAU;AAEpC,kBAAQ,SAAU,WAAY;AAAA,QAC/B;AAAA,QACA,MAAK;AAAA;AAAA,IACN;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACA,kBAAgB;AAAA,QAChB,cAAe;AAAA;AAAA,IAChB;AAAA,KACD;AAEF;AAOO,IAAM,aAAa,MAAM;AAC/B,QAAM,EAAE,MAAM,MAAM,IAAI,YAAY;AACpC,QAAM,UAAU,WAAW;AAC3B,aAAO,wBAAS,MAAM;AACrB,WAAO;AAAA,MACN,MAAM,WAAW;AAAA,MACjB,CAAE,mBAAoB;AACrB,gBAAQ;AAAA,cACP,yBAAc,MAAM;AAAA,YACnB,SAAS;AAAA,UACV,CAAE;AAAA,QACH;AAAA,MACD;AAAA,IACD;AAAA,EACD,GAAG,CAAE,MAAM,MAAM,SAAS,OAAQ,CAAE;AACrC;AAEe,SAAR,sBAAuC;AAC7C,QAAM,EAAE,KAAK,IAAI,YAAY;AAE7B,QAAM,CAAE,mBAAmB,oBAAqB,QAAI;AAAA,IACnD,KAAK,SAAU,mBAAoB;AAAA,EACpC;AACA,QAAM,uBAAmB,iCAAkB,UAAU,GAAI;AACzD,QAAM,CAAE,SAAS,eAAgB,IAAI,WAAW;AAChD,QAAM,eAAW;AAAA,IAChB,CAAE,WAAY,OAAQ,aAAAC,KAAc,EAAE,YAAY;AAAA,IAClD,CAAC;AAAA,EACF;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,SACC,CAAE,mBACD;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACD,IACG;AAAA,MAEL,WAAU;AAAA,MACV,WAAQ,gBAAI,QAAS;AAAA,MAErB;AAAA,QAAC;AAAA;AAAA,UACA,MAAO;AAAA,UACP,cAAe;AAAA,UACf;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;",
4
+ "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Page } from '@wordpress/admin-ui';\nimport { __ } from '@wordpress/i18n';\nimport { useMemo, useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { Button, __experimentalHStack as HStack } from '@wordpress/components';\nimport { addQueryArgs, removeQueryArgs } from '@wordpress/url';\nimport { seen } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { GlobalStylesUIWrapper, GlobalStylesActionMenu } =\n\tunlock( editorPrivateApis );\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nconst GlobalStylesPageActions = ( {\n\tisStyleBookOpened,\n\tsetIsStyleBookOpened,\n\tpath,\n\tonChangeSection,\n} ) => {\n\tconst history = useHistory();\n\n\treturn (\n\t\t<HStack className=\"edit-site-styles__header-actions\">\n\t\t\t<Button\n\t\t\t\tisPressed={ isStyleBookOpened }\n\t\t\t\ticon={ seen }\n\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsStyleBookOpened( ! isStyleBookOpened );\n\t\t\t\t\tconst updatedPath = ! isStyleBookOpened\n\t\t\t\t\t\t? addQueryArgs( path, { preview: 'stylebook' } )\n\t\t\t\t\t\t: removeQueryArgs( path, 'preview' );\n\t\t\t\t\t// Navigate to the updated path.\n\t\t\t\t\thistory.navigate( updatedPath );\n\t\t\t\t} }\n\t\t\t\tsize=\"compact\"\n\t\t\t/>\n\t\t\t<GlobalStylesActionMenu\n\t\t\t\thideWelcomeGuide\n\t\t\t\tonChangePath={ onChangeSection }\n\t\t\t/>\n\t\t</HStack>\n\t);\n};\n\n/**\n * Hook to deal with navigation and location state.\n *\n * @return {Array} The current section and a function to update it.\n */\nexport const useSection = () => {\n\tconst { path, query } = useLocation();\n\tconst history = useHistory();\n\treturn useMemo( () => {\n\t\treturn [\n\t\t\tquery.section ?? '/',\n\t\t\t( updatedSection ) => {\n\t\t\t\thistory.navigate(\n\t\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\t\tsection: updatedSection,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t},\n\t\t];\n\t}, [ path, query.section, history ] );\n};\n\nexport default function SidebarGlobalStyles() {\n\tconst { path } = useLocation();\n\n\tconst [ isStyleBookOpened, setIsStyleBookOpened ] = useState(\n\t\tpath.includes( 'preview=stylebook' )\n\t);\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst [ section, onChangeSection ] = useSection();\n\tconst settings = useSelect(\n\t\t( select ) => select( editSiteStore ).getSettings(),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<Page\n\t\t\tactions={\n\t\t\t\t! isMobileViewport ? (\n\t\t\t\t\t<GlobalStylesPageActions\n\t\t\t\t\t\tisStyleBookOpened={ isStyleBookOpened }\n\t\t\t\t\t\tsetIsStyleBookOpened={ setIsStyleBookOpened }\n\t\t\t\t\t\tpath={ path }\n\t\t\t\t\t\tonChangeSection={ onChangeSection }\n\t\t\t\t\t/>\n\t\t\t\t) : null\n\t\t\t}\n\t\t\tclassName=\"edit-site-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t>\n\t\t\t<GlobalStylesUIWrapper\n\t\t\t\tpath={ section }\n\t\t\t\tonPathChange={ onChangeSection }\n\t\t\t\tsettings={ settings }\n\t\t\t/>\n\t\t</Page>\n\t);\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,sBAAqB;AACrB,kBAAmB;AACnB,qBAAkC;AAClC,oBAAiD;AACjD,oBAAiD;AACjD,qBAAiC;AACjC,kBAA0B;AAC1B,wBAAuD;AACvD,iBAA8C;AAC9C,mBAAqB;AAKrB,mBAAuC;AACvC,yBAAuB;AAerB;AAbF,IAAM,EAAE,uBAAuB,uBAAuB,QACrD,2BAAQ,cAAAA,WAAkB;AAC3B,IAAM,EAAE,aAAa,WAAW,QAAI,2BAAQ,cAAAC,WAAkB;AAE9D,IAAM,0BAA0B,CAAE;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAAO;AACN,QAAM,UAAU,WAAW;AAE3B,SACC,6CAAC,kBAAAC,sBAAA,EAAO,WAAU,oCACjB;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAY;AAAA,QACZ,MAAO;AAAA,QACP,WAAQ,gBAAI,YAAa;AAAA,QACzB,SAAU,MAAM;AACf,+BAAsB,CAAE,iBAAkB;AAC1C,gBAAM,cAAc,CAAE,wBACnB,yBAAc,MAAM,EAAE,SAAS,YAAY,CAAE,QAC7C,4BAAiB,MAAM,SAAU;AAEpC,kBAAQ,SAAU,WAAY;AAAA,QAC/B;AAAA,QACA,MAAK;AAAA;AAAA,IACN;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACA,kBAAgB;AAAA,QAChB,cAAe;AAAA;AAAA,IAChB;AAAA,KACD;AAEF;AAOO,IAAM,aAAa,MAAM;AAC/B,QAAM,EAAE,MAAM,MAAM,IAAI,YAAY;AACpC,QAAM,UAAU,WAAW;AAC3B,aAAO,wBAAS,MAAM;AACrB,WAAO;AAAA,MACN,MAAM,WAAW;AAAA,MACjB,CAAE,mBAAoB;AACrB,gBAAQ;AAAA,cACP,yBAAc,MAAM;AAAA,YACnB,SAAS;AAAA,UACV,CAAE;AAAA,QACH;AAAA,MACD;AAAA,IACD;AAAA,EACD,GAAG,CAAE,MAAM,MAAM,SAAS,OAAQ,CAAE;AACrC;AAEe,SAAR,sBAAuC;AAC7C,QAAM,EAAE,KAAK,IAAI,YAAY;AAE7B,QAAM,CAAE,mBAAmB,oBAAqB,QAAI;AAAA,IACnD,KAAK,SAAU,mBAAoB;AAAA,EACpC;AACA,QAAM,uBAAmB,iCAAkB,UAAU,GAAI;AACzD,QAAM,CAAE,SAAS,eAAgB,IAAI,WAAW;AAChD,QAAM,eAAW;AAAA,IAChB,CAAE,WAAY,OAAQ,aAAAC,KAAc,EAAE,YAAY;AAAA,IAClD,CAAC;AAAA,EACF;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,SACC,CAAE,mBACD;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACD,IACG;AAAA,MAEL,WAAU;AAAA,MACV,WAAQ,gBAAI,QAAS;AAAA,MAErB;AAAA,QAAC;AAAA;AAAA,UACA,MAAO;AAAA,UACP,cAAe;AAAA,UACf;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;",
6
6
  "names": ["editorPrivateApis", "routerPrivateApis", "HStack", "editSiteStore"]
7
7
  }
@@ -21,7 +21,7 @@ var GlobalStylesPageActions = ({
21
21
  onChangeSection
22
22
  }) => {
23
23
  const history = useHistory();
24
- return /* @__PURE__ */ jsxs(HStack, { children: [
24
+ return /* @__PURE__ */ jsxs(HStack, { className: "edit-site-styles__header-actions", children: [
25
25
  /* @__PURE__ */ jsx(
26
26
  Button,
27
27
  {
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/sidebar-global-styles/index.js"],
4
- "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Page } from '@wordpress/admin-ui';\nimport { __ } from '@wordpress/i18n';\nimport { useMemo, useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { Button, __experimentalHStack as HStack } from '@wordpress/components';\nimport { addQueryArgs, removeQueryArgs } from '@wordpress/url';\nimport { seen } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { GlobalStylesUIWrapper, GlobalStylesActionMenu } =\n\tunlock( editorPrivateApis );\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nconst GlobalStylesPageActions = ( {\n\tisStyleBookOpened,\n\tsetIsStyleBookOpened,\n\tpath,\n\tonChangeSection,\n} ) => {\n\tconst history = useHistory();\n\n\treturn (\n\t\t<HStack>\n\t\t\t<Button\n\t\t\t\tisPressed={ isStyleBookOpened }\n\t\t\t\ticon={ seen }\n\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsStyleBookOpened( ! isStyleBookOpened );\n\t\t\t\t\tconst updatedPath = ! isStyleBookOpened\n\t\t\t\t\t\t? addQueryArgs( path, { preview: 'stylebook' } )\n\t\t\t\t\t\t: removeQueryArgs( path, 'preview' );\n\t\t\t\t\t// Navigate to the updated path.\n\t\t\t\t\thistory.navigate( updatedPath );\n\t\t\t\t} }\n\t\t\t\tsize=\"compact\"\n\t\t\t/>\n\t\t\t<GlobalStylesActionMenu\n\t\t\t\thideWelcomeGuide\n\t\t\t\tonChangePath={ onChangeSection }\n\t\t\t/>\n\t\t</HStack>\n\t);\n};\n\n/**\n * Hook to deal with navigation and location state.\n *\n * @return {Array} The current section and a function to update it.\n */\nexport const useSection = () => {\n\tconst { path, query } = useLocation();\n\tconst history = useHistory();\n\treturn useMemo( () => {\n\t\treturn [\n\t\t\tquery.section ?? '/',\n\t\t\t( updatedSection ) => {\n\t\t\t\thistory.navigate(\n\t\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\t\tsection: updatedSection,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t},\n\t\t];\n\t}, [ path, query.section, history ] );\n};\n\nexport default function SidebarGlobalStyles() {\n\tconst { path } = useLocation();\n\n\tconst [ isStyleBookOpened, setIsStyleBookOpened ] = useState(\n\t\tpath.includes( 'preview=stylebook' )\n\t);\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst [ section, onChangeSection ] = useSection();\n\tconst settings = useSelect(\n\t\t( select ) => select( editSiteStore ).getSettings(),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<Page\n\t\t\tactions={\n\t\t\t\t! isMobileViewport ? (\n\t\t\t\t\t<GlobalStylesPageActions\n\t\t\t\t\t\tisStyleBookOpened={ isStyleBookOpened }\n\t\t\t\t\t\tsetIsStyleBookOpened={ setIsStyleBookOpened }\n\t\t\t\t\t\tpath={ path }\n\t\t\t\t\t\tonChangeSection={ onChangeSection }\n\t\t\t\t\t/>\n\t\t\t\t) : null\n\t\t\t}\n\t\t\tclassName=\"edit-site-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t>\n\t\t\t<GlobalStylesUIWrapper\n\t\t\t\tpath={ section }\n\t\t\t\tonPathChange={ onChangeSection }\n\t\t\t\tsettings={ settings }\n\t\t\t/>\n\t\t</Page>\n\t);\n}\n"],
5
- "mappings": ";AAGA,SAAS,YAAY;AACrB,SAAS,UAAU;AACnB,SAAS,SAAS,gBAAgB;AAClC,SAAS,eAAe,yBAAyB;AACjD,SAAS,eAAe,yBAAyB;AACjD,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAC1B,SAAS,QAAQ,wBAAwB,cAAc;AACvD,SAAS,cAAc,uBAAuB;AAC9C,SAAS,YAAY;AAKrB,SAAS,SAAS,qBAAqB;AACvC,SAAS,cAAc;AAerB,SACC,KADD;AAbF,IAAM,EAAE,uBAAuB,uBAAuB,IACrD,OAAQ,iBAAkB;AAC3B,IAAM,EAAE,aAAa,WAAW,IAAI,OAAQ,iBAAkB;AAE9D,IAAM,0BAA0B,CAAE;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAAO;AACN,QAAM,UAAU,WAAW;AAE3B,SACC,qBAAC,UACA;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAY;AAAA,QACZ,MAAO;AAAA,QACP,OAAQ,GAAI,YAAa;AAAA,QACzB,SAAU,MAAM;AACf,+BAAsB,CAAE,iBAAkB;AAC1C,gBAAM,cAAc,CAAE,oBACnB,aAAc,MAAM,EAAE,SAAS,YAAY,CAAE,IAC7C,gBAAiB,MAAM,SAAU;AAEpC,kBAAQ,SAAU,WAAY;AAAA,QAC/B;AAAA,QACA,MAAK;AAAA;AAAA,IACN;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACA,kBAAgB;AAAA,QAChB,cAAe;AAAA;AAAA,IAChB;AAAA,KACD;AAEF;AAOO,IAAM,aAAa,MAAM;AAC/B,QAAM,EAAE,MAAM,MAAM,IAAI,YAAY;AACpC,QAAM,UAAU,WAAW;AAC3B,SAAO,QAAS,MAAM;AACrB,WAAO;AAAA,MACN,MAAM,WAAW;AAAA,MACjB,CAAE,mBAAoB;AACrB,gBAAQ;AAAA,UACP,aAAc,MAAM;AAAA,YACnB,SAAS;AAAA,UACV,CAAE;AAAA,QACH;AAAA,MACD;AAAA,IACD;AAAA,EACD,GAAG,CAAE,MAAM,MAAM,SAAS,OAAQ,CAAE;AACrC;AAEe,SAAR,sBAAuC;AAC7C,QAAM,EAAE,KAAK,IAAI,YAAY;AAE7B,QAAM,CAAE,mBAAmB,oBAAqB,IAAI;AAAA,IACnD,KAAK,SAAU,mBAAoB;AAAA,EACpC;AACA,QAAM,mBAAmB,iBAAkB,UAAU,GAAI;AACzD,QAAM,CAAE,SAAS,eAAgB,IAAI,WAAW;AAChD,QAAM,WAAW;AAAA,IAChB,CAAE,WAAY,OAAQ,aAAc,EAAE,YAAY;AAAA,IAClD,CAAC;AAAA,EACF;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,SACC,CAAE,mBACD;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACD,IACG;AAAA,MAEL,WAAU;AAAA,MACV,OAAQ,GAAI,QAAS;AAAA,MAErB;AAAA,QAAC;AAAA;AAAA,UACA,MAAO;AAAA,UACP,cAAe;AAAA,UACf;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;",
4
+ "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Page } from '@wordpress/admin-ui';\nimport { __ } from '@wordpress/i18n';\nimport { useMemo, useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { Button, __experimentalHStack as HStack } from '@wordpress/components';\nimport { addQueryArgs, removeQueryArgs } from '@wordpress/url';\nimport { seen } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { GlobalStylesUIWrapper, GlobalStylesActionMenu } =\n\tunlock( editorPrivateApis );\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nconst GlobalStylesPageActions = ( {\n\tisStyleBookOpened,\n\tsetIsStyleBookOpened,\n\tpath,\n\tonChangeSection,\n} ) => {\n\tconst history = useHistory();\n\n\treturn (\n\t\t<HStack className=\"edit-site-styles__header-actions\">\n\t\t\t<Button\n\t\t\t\tisPressed={ isStyleBookOpened }\n\t\t\t\ticon={ seen }\n\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsStyleBookOpened( ! isStyleBookOpened );\n\t\t\t\t\tconst updatedPath = ! isStyleBookOpened\n\t\t\t\t\t\t? addQueryArgs( path, { preview: 'stylebook' } )\n\t\t\t\t\t\t: removeQueryArgs( path, 'preview' );\n\t\t\t\t\t// Navigate to the updated path.\n\t\t\t\t\thistory.navigate( updatedPath );\n\t\t\t\t} }\n\t\t\t\tsize=\"compact\"\n\t\t\t/>\n\t\t\t<GlobalStylesActionMenu\n\t\t\t\thideWelcomeGuide\n\t\t\t\tonChangePath={ onChangeSection }\n\t\t\t/>\n\t\t</HStack>\n\t);\n};\n\n/**\n * Hook to deal with navigation and location state.\n *\n * @return {Array} The current section and a function to update it.\n */\nexport const useSection = () => {\n\tconst { path, query } = useLocation();\n\tconst history = useHistory();\n\treturn useMemo( () => {\n\t\treturn [\n\t\t\tquery.section ?? '/',\n\t\t\t( updatedSection ) => {\n\t\t\t\thistory.navigate(\n\t\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\t\tsection: updatedSection,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t},\n\t\t];\n\t}, [ path, query.section, history ] );\n};\n\nexport default function SidebarGlobalStyles() {\n\tconst { path } = useLocation();\n\n\tconst [ isStyleBookOpened, setIsStyleBookOpened ] = useState(\n\t\tpath.includes( 'preview=stylebook' )\n\t);\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst [ section, onChangeSection ] = useSection();\n\tconst settings = useSelect(\n\t\t( select ) => select( editSiteStore ).getSettings(),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<Page\n\t\t\tactions={\n\t\t\t\t! isMobileViewport ? (\n\t\t\t\t\t<GlobalStylesPageActions\n\t\t\t\t\t\tisStyleBookOpened={ isStyleBookOpened }\n\t\t\t\t\t\tsetIsStyleBookOpened={ setIsStyleBookOpened }\n\t\t\t\t\t\tpath={ path }\n\t\t\t\t\t\tonChangeSection={ onChangeSection }\n\t\t\t\t\t/>\n\t\t\t\t) : null\n\t\t\t}\n\t\t\tclassName=\"edit-site-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t>\n\t\t\t<GlobalStylesUIWrapper\n\t\t\t\tpath={ section }\n\t\t\t\tonPathChange={ onChangeSection }\n\t\t\t\tsettings={ settings }\n\t\t\t/>\n\t\t</Page>\n\t);\n}\n"],
5
+ "mappings": ";AAGA,SAAS,YAAY;AACrB,SAAS,UAAU;AACnB,SAAS,SAAS,gBAAgB;AAClC,SAAS,eAAe,yBAAyB;AACjD,SAAS,eAAe,yBAAyB;AACjD,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAC1B,SAAS,QAAQ,wBAAwB,cAAc;AACvD,SAAS,cAAc,uBAAuB;AAC9C,SAAS,YAAY;AAKrB,SAAS,SAAS,qBAAqB;AACvC,SAAS,cAAc;AAerB,SACC,KADD;AAbF,IAAM,EAAE,uBAAuB,uBAAuB,IACrD,OAAQ,iBAAkB;AAC3B,IAAM,EAAE,aAAa,WAAW,IAAI,OAAQ,iBAAkB;AAE9D,IAAM,0BAA0B,CAAE;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAAO;AACN,QAAM,UAAU,WAAW;AAE3B,SACC,qBAAC,UAAO,WAAU,oCACjB;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAY;AAAA,QACZ,MAAO;AAAA,QACP,OAAQ,GAAI,YAAa;AAAA,QACzB,SAAU,MAAM;AACf,+BAAsB,CAAE,iBAAkB;AAC1C,gBAAM,cAAc,CAAE,oBACnB,aAAc,MAAM,EAAE,SAAS,YAAY,CAAE,IAC7C,gBAAiB,MAAM,SAAU;AAEpC,kBAAQ,SAAU,WAAY;AAAA,QAC/B;AAAA,QACA,MAAK;AAAA;AAAA,IACN;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACA,kBAAgB;AAAA,QAChB,cAAe;AAAA;AAAA,IAChB;AAAA,KACD;AAEF;AAOO,IAAM,aAAa,MAAM;AAC/B,QAAM,EAAE,MAAM,MAAM,IAAI,YAAY;AACpC,QAAM,UAAU,WAAW;AAC3B,SAAO,QAAS,MAAM;AACrB,WAAO;AAAA,MACN,MAAM,WAAW;AAAA,MACjB,CAAE,mBAAoB;AACrB,gBAAQ;AAAA,UACP,aAAc,MAAM;AAAA,YACnB,SAAS;AAAA,UACV,CAAE;AAAA,QACH;AAAA,MACD;AAAA,IACD;AAAA,EACD,GAAG,CAAE,MAAM,MAAM,SAAS,OAAQ,CAAE;AACrC;AAEe,SAAR,sBAAuC;AAC7C,QAAM,EAAE,KAAK,IAAI,YAAY;AAE7B,QAAM,CAAE,mBAAmB,oBAAqB,IAAI;AAAA,IACnD,KAAK,SAAU,mBAAoB;AAAA,EACpC;AACA,QAAM,mBAAmB,iBAAkB,UAAU,GAAI;AACzD,QAAM,CAAE,SAAS,eAAgB,IAAI,WAAW;AAChD,QAAM,WAAW;AAAA,IAChB,CAAE,WAAY,OAAQ,aAAc,EAAE,YAAY;AAAA,IAClD,CAAC;AAAA,EACF;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,SACC,CAAE,mBACD;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACD,IACG;AAAA,MAEL,WAAU;AAAA,MACV,OAAQ,GAAI,QAAS;AAAA,MAErB;AAAA,QAAC;AAAA;AAAA,UACA,MAAO;AAAA,UACP,cAAe;AAAA,UACf;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;",
6
6
  "names": []
7
7
  }
@@ -121,7 +121,7 @@
121
121
  .admin-ui-page__header {
122
122
  padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
123
123
  border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
124
- background: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
124
+ background: var(--wpds-color-bg-surface-neutral-strong, #fff);
125
125
  position: sticky;
126
126
  top: 0;
127
127
  z-index: 1;
@@ -161,20 +161,6 @@
161
161
  padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
162
162
  }
163
163
 
164
- .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon {
165
- width: auto;
166
- padding: 0 var(--wpds-dimension-padding-xs, 4px);
167
- }
168
-
169
- .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg {
170
- display: none;
171
- }
172
-
173
- .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon::after {
174
- content: attr(aria-label);
175
- font-size: var(--wpds-typography-font-size-sm, 12px);
176
- }
177
-
178
164
  /**
179
165
  * SCSS Variables.
180
166
  *
@@ -2983,7 +2969,7 @@ div.dataviews-view-list {
2983
2969
  }
2984
2970
 
2985
2971
  input[type=radio]:not(:checked) ~ .fields-create-template-part-modal__area-radio-label::before {
2986
- cursor: pointer;
2972
+ cursor: var(--wpds-cursor-control, pointer);
2987
2973
  }
2988
2974
 
2989
2975
  input[type=radio]:focus-visible ~ .fields-create-template-part-modal__area-radio-label::before {
@@ -3111,7 +3097,7 @@ fieldset.fields__media-edit .fields__media-edit-picker-button {
3111
3097
  border-radius: 2px;
3112
3098
  padding: 4px 8px;
3113
3099
  min-height: 40px;
3114
- cursor: pointer;
3100
+ cursor: var(--wpds-cursor-control, pointer);
3115
3101
  min-width: 0;
3116
3102
  }
3117
3103
 
@@ -3713,7 +3699,7 @@ button.font-library__upload-area {
3713
3699
 
3714
3700
  .global-styles-ui-screen-revisions__revision-item {
3715
3701
  position: relative;
3716
- cursor: pointer;
3702
+ cursor: var(--wpds-cursor-control, pointer);
3717
3703
  display: flex;
3718
3704
  flex-direction: column;
3719
3705
  }
@@ -3890,7 +3876,7 @@ button.font-library__upload-area {
3890
3876
 
3891
3877
  .global-styles-ui-variations_item {
3892
3878
  box-sizing: border-box;
3893
- cursor: pointer;
3879
+ cursor: var(--wpds-cursor-control, pointer);
3894
3880
  }
3895
3881
 
3896
3882
  .global-styles-ui-variations_item .global-styles-ui-variations_item-preview {
@@ -3928,20 +3914,16 @@ button.font-library__upload-area {
3928
3914
  outline-color: var(--wp-admin-theme-color);
3929
3915
  }
3930
3916
 
3931
- .global-styles-ui-preview {
3932
- display: flex;
3933
- align-items: center;
3934
- justify-content: center;
3935
- line-height: 1;
3936
- cursor: pointer;
3937
- }
3938
-
3939
3917
  .global-styles-ui-preview__wrapper {
3940
3918
  max-width: 100%;
3941
3919
  display: block;
3942
3920
  width: 100%;
3943
3921
  }
3944
3922
 
3923
+ .global-styles-ui-preview__wrapper.is-hoverable {
3924
+ cursor: var(--wpds-cursor-control, pointer);
3925
+ }
3926
+
3945
3927
  .global-styles-ui-typography-preview {
3946
3928
  display: flex;
3947
3929
  align-items: center;
@@ -4460,6 +4442,18 @@ button.font-library__upload-area {
4460
4442
  padding-left: 24px;
4461
4443
  }
4462
4444
  }
4445
+ .show-icon-labels .edit-site-patterns__button.has-icon {
4446
+ width: auto;
4447
+ padding: 0 var(--wpds-dimension-padding-xs, 4px);
4448
+ }
4449
+ .show-icon-labels .edit-site-patterns__button.has-icon svg {
4450
+ display: none;
4451
+ }
4452
+ .show-icon-labels .edit-site-patterns__button.has-icon::after {
4453
+ content: attr(aria-label);
4454
+ font-size: var(--wpds-typography-font-size-sm, 12px);
4455
+ }
4456
+
4463
4457
  .page-templates-preview-field {
4464
4458
  display: flex;
4465
4459
  justify-content: center;
@@ -5350,60 +5344,6 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
5350
5344
  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 calc(1px + var(--wp-admin-border-width-focus)) #fff;
5351
5345
  }
5352
5346
 
5353
- .edit-site-post-list__featured-image {
5354
- height: 100%;
5355
- object-fit: cover;
5356
- width: 100%;
5357
- }
5358
-
5359
- .edit-site-post-list__featured-image-wrapper {
5360
- height: 100%;
5361
- width: 100%;
5362
- border-radius: 4px;
5363
- }
5364
- .edit-site-post-list__featured-image-wrapper.is-layout-table:not(:has(.edit-site-post-list__featured-image-button)), .edit-site-post-list__featured-image-wrapper.is-layout-table .edit-site-post-list__featured-image-button {
5365
- width: 32px;
5366
- height: 32px;
5367
- display: block;
5368
- border-radius: 4px;
5369
- position: relative;
5370
- overflow: hidden;
5371
- background-color: #f0f0f0;
5372
- flex-grow: 0 !important;
5373
- }
5374
- .edit-site-post-list__featured-image-wrapper.is-layout-table:not(:has(.edit-site-post-list__featured-image-button))::after, .edit-site-post-list__featured-image-wrapper.is-layout-table .edit-site-post-list__featured-image-button::after {
5375
- border-radius: 4px;
5376
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
5377
- content: "";
5378
- height: 100%;
5379
- right: 0;
5380
- position: absolute;
5381
- top: 0;
5382
- width: 100%;
5383
- }
5384
-
5385
- .edit-site-post-list__featured-image-button {
5386
- box-shadow: none;
5387
- border: none;
5388
- padding: 0;
5389
- background-color: unset;
5390
- box-sizing: border-box;
5391
- cursor: pointer;
5392
- overflow: hidden;
5393
- height: 100%;
5394
- width: 100%;
5395
- border-radius: 4px;
5396
- }
5397
- .edit-site-post-list__featured-image-button:focus-visible {
5398
- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
5399
- outline: 2px solid transparent;
5400
- }
5401
-
5402
- .dataviews-view-grid__card.is-selected .edit-site-post-list__featured-image-button::after {
5403
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
5404
- background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
5405
- }
5406
-
5407
5347
  .fields-controls__password {
5408
5348
  border-top: 1px solid #e0e0e0;
5409
5349
  padding-top: 16px;
@@ -5580,6 +5520,18 @@ body:has(.edit-site-resizable-frame__inner.is-resizing) {
5580
5520
  color: #1e1e1e;
5581
5521
  }
5582
5522
 
5523
+ .show-icon-labels .edit-site-styles__header-actions .components-button.has-icon {
5524
+ width: auto;
5525
+ padding: 0 var(--wpds-dimension-padding-xs, 4px);
5526
+ }
5527
+ .show-icon-labels .edit-site-styles__header-actions .components-button.has-icon svg {
5528
+ display: none;
5529
+ }
5530
+ .show-icon-labels .edit-site-styles__header-actions .components-button.has-icon::after {
5531
+ content: attr(aria-label);
5532
+ font-size: var(--wpds-typography-font-size-sm, 12px);
5533
+ }
5534
+
5583
5535
  /* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
5584
5536
  ::view-transition-image-pair(root) {
5585
5537
  isolation: auto;
@@ -121,7 +121,7 @@
121
121
  .admin-ui-page__header {
122
122
  padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
123
123
  border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
124
- background: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
124
+ background: var(--wpds-color-bg-surface-neutral-strong, #fff);
125
125
  position: sticky;
126
126
  top: 0;
127
127
  z-index: 1;
@@ -161,20 +161,6 @@
161
161
  padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
162
162
  }
163
163
 
164
- .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon {
165
- width: auto;
166
- padding: 0 var(--wpds-dimension-padding-xs, 4px);
167
- }
168
-
169
- .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg {
170
- display: none;
171
- }
172
-
173
- .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon::after {
174
- content: attr(aria-label);
175
- font-size: var(--wpds-typography-font-size-sm, 12px);
176
- }
177
-
178
164
  /**
179
165
  * SCSS Variables.
180
166
  *
@@ -2983,7 +2969,7 @@ div.dataviews-view-list {
2983
2969
  }
2984
2970
 
2985
2971
  input[type=radio]:not(:checked) ~ .fields-create-template-part-modal__area-radio-label::before {
2986
- cursor: pointer;
2972
+ cursor: var(--wpds-cursor-control, pointer);
2987
2973
  }
2988
2974
 
2989
2975
  input[type=radio]:focus-visible ~ .fields-create-template-part-modal__area-radio-label::before {
@@ -3111,7 +3097,7 @@ fieldset.fields__media-edit .fields__media-edit-picker-button {
3111
3097
  border-radius: 2px;
3112
3098
  padding: 4px 8px;
3113
3099
  min-height: 40px;
3114
- cursor: pointer;
3100
+ cursor: var(--wpds-cursor-control, pointer);
3115
3101
  min-width: 0;
3116
3102
  }
3117
3103
 
@@ -3713,7 +3699,7 @@ button.font-library__upload-area {
3713
3699
 
3714
3700
  .global-styles-ui-screen-revisions__revision-item {
3715
3701
  position: relative;
3716
- cursor: pointer;
3702
+ cursor: var(--wpds-cursor-control, pointer);
3717
3703
  display: flex;
3718
3704
  flex-direction: column;
3719
3705
  }
@@ -3890,7 +3876,7 @@ button.font-library__upload-area {
3890
3876
 
3891
3877
  .global-styles-ui-variations_item {
3892
3878
  box-sizing: border-box;
3893
- cursor: pointer;
3879
+ cursor: var(--wpds-cursor-control, pointer);
3894
3880
  }
3895
3881
 
3896
3882
  .global-styles-ui-variations_item .global-styles-ui-variations_item-preview {
@@ -3928,20 +3914,16 @@ button.font-library__upload-area {
3928
3914
  outline-color: var(--wp-admin-theme-color);
3929
3915
  }
3930
3916
 
3931
- .global-styles-ui-preview {
3932
- display: flex;
3933
- align-items: center;
3934
- justify-content: center;
3935
- line-height: 1;
3936
- cursor: pointer;
3937
- }
3938
-
3939
3917
  .global-styles-ui-preview__wrapper {
3940
3918
  max-width: 100%;
3941
3919
  display: block;
3942
3920
  width: 100%;
3943
3921
  }
3944
3922
 
3923
+ .global-styles-ui-preview__wrapper.is-hoverable {
3924
+ cursor: var(--wpds-cursor-control, pointer);
3925
+ }
3926
+
3945
3927
  .global-styles-ui-typography-preview {
3946
3928
  display: flex;
3947
3929
  align-items: center;
@@ -4463,6 +4445,18 @@ button.font-library__upload-area {
4463
4445
  padding-right: 24px;
4464
4446
  }
4465
4447
  }
4448
+ .show-icon-labels .edit-site-patterns__button.has-icon {
4449
+ width: auto;
4450
+ padding: 0 var(--wpds-dimension-padding-xs, 4px);
4451
+ }
4452
+ .show-icon-labels .edit-site-patterns__button.has-icon svg {
4453
+ display: none;
4454
+ }
4455
+ .show-icon-labels .edit-site-patterns__button.has-icon::after {
4456
+ content: attr(aria-label);
4457
+ font-size: var(--wpds-typography-font-size-sm, 12px);
4458
+ }
4459
+
4466
4460
  .page-templates-preview-field {
4467
4461
  display: flex;
4468
4462
  justify-content: center;
@@ -5353,60 +5347,6 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
5353
5347
  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 calc(1px + var(--wp-admin-border-width-focus)) #fff;
5354
5348
  }
5355
5349
 
5356
- .edit-site-post-list__featured-image {
5357
- height: 100%;
5358
- object-fit: cover;
5359
- width: 100%;
5360
- }
5361
-
5362
- .edit-site-post-list__featured-image-wrapper {
5363
- height: 100%;
5364
- width: 100%;
5365
- border-radius: 4px;
5366
- }
5367
- .edit-site-post-list__featured-image-wrapper.is-layout-table:not(:has(.edit-site-post-list__featured-image-button)), .edit-site-post-list__featured-image-wrapper.is-layout-table .edit-site-post-list__featured-image-button {
5368
- width: 32px;
5369
- height: 32px;
5370
- display: block;
5371
- border-radius: 4px;
5372
- position: relative;
5373
- overflow: hidden;
5374
- background-color: #f0f0f0;
5375
- flex-grow: 0 !important;
5376
- }
5377
- .edit-site-post-list__featured-image-wrapper.is-layout-table:not(:has(.edit-site-post-list__featured-image-button))::after, .edit-site-post-list__featured-image-wrapper.is-layout-table .edit-site-post-list__featured-image-button::after {
5378
- border-radius: 4px;
5379
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
5380
- content: "";
5381
- height: 100%;
5382
- left: 0;
5383
- position: absolute;
5384
- top: 0;
5385
- width: 100%;
5386
- }
5387
-
5388
- .edit-site-post-list__featured-image-button {
5389
- box-shadow: none;
5390
- border: none;
5391
- padding: 0;
5392
- background-color: unset;
5393
- box-sizing: border-box;
5394
- cursor: pointer;
5395
- overflow: hidden;
5396
- height: 100%;
5397
- width: 100%;
5398
- border-radius: 4px;
5399
- }
5400
- .edit-site-post-list__featured-image-button:focus-visible {
5401
- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
5402
- outline: 2px solid transparent;
5403
- }
5404
-
5405
- .dataviews-view-grid__card.is-selected .edit-site-post-list__featured-image-button::after {
5406
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
5407
- background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
5408
- }
5409
-
5410
5350
  .fields-controls__password {
5411
5351
  border-top: 1px solid #e0e0e0;
5412
5352
  padding-top: 16px;
@@ -5583,6 +5523,18 @@ body:has(.edit-site-resizable-frame__inner.is-resizing) {
5583
5523
  color: #1e1e1e;
5584
5524
  }
5585
5525
 
5526
+ .show-icon-labels .edit-site-styles__header-actions .components-button.has-icon {
5527
+ width: auto;
5528
+ padding: 0 var(--wpds-dimension-padding-xs, 4px);
5529
+ }
5530
+ .show-icon-labels .edit-site-styles__header-actions .components-button.has-icon svg {
5531
+ display: none;
5532
+ }
5533
+ .show-icon-labels .edit-site-styles__header-actions .components-button.has-icon::after {
5534
+ content: attr(aria-label);
5535
+ font-size: var(--wpds-typography-font-size-sm, 12px);
5536
+ }
5537
+
5586
5538
  /* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
5587
5539
  ::view-transition-image-pair(root) {
5588
5540
  isolation: auto;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/edit-site",
3
- "version": "6.44.0",
3
+ "version": "6.44.1-next.v.202604201441.0+dab6d8c07",
4
4
  "description": "Edit Site Page module for WordPress.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -48,50 +48,50 @@
48
48
  ],
49
49
  "dependencies": {
50
50
  "@react-spring/web": "^9.4.5",
51
- "@wordpress/a11y": "^4.44.0",
52
- "@wordpress/admin-ui": "^1.12.0",
53
- "@wordpress/api-fetch": "^7.44.0",
54
- "@wordpress/base-styles": "^6.20.0",
55
- "@wordpress/blob": "^4.44.0",
56
- "@wordpress/block-editor": "^15.17.0",
57
- "@wordpress/block-library": "^9.44.0",
58
- "@wordpress/blocks": "^15.17.0",
59
- "@wordpress/commands": "^1.44.0",
60
- "@wordpress/components": "^32.6.0",
61
- "@wordpress/compose": "^7.44.0",
62
- "@wordpress/core-data": "^7.44.0",
63
- "@wordpress/data": "^10.44.0",
64
- "@wordpress/dataviews": "^14.1.0",
65
- "@wordpress/date": "^5.44.0",
66
- "@wordpress/deprecated": "^4.44.0",
67
- "@wordpress/dom": "^4.44.0",
68
- "@wordpress/editor": "^14.44.0",
69
- "@wordpress/element": "^6.44.0",
70
- "@wordpress/escape-html": "^3.44.0",
71
- "@wordpress/fields": "^0.36.0",
72
- "@wordpress/global-styles-engine": "^1.11.0",
73
- "@wordpress/global-styles-ui": "^1.11.0",
74
- "@wordpress/hooks": "^4.44.0",
75
- "@wordpress/html-entities": "^4.44.0",
76
- "@wordpress/i18n": "^6.17.0",
77
- "@wordpress/icons": "^12.2.0",
78
- "@wordpress/keyboard-shortcuts": "^5.44.0",
79
- "@wordpress/keycodes": "^4.44.0",
80
- "@wordpress/media-utils": "^5.44.0",
81
- "@wordpress/notices": "^5.44.0",
82
- "@wordpress/patterns": "^2.44.0",
83
- "@wordpress/plugins": "^7.44.0",
84
- "@wordpress/preferences": "^4.44.0",
85
- "@wordpress/primitives": "^4.44.0",
86
- "@wordpress/private-apis": "^1.44.0",
87
- "@wordpress/reusable-blocks": "^5.44.0",
88
- "@wordpress/router": "^1.44.0",
89
- "@wordpress/style-engine": "^2.44.0",
90
- "@wordpress/url": "^4.44.0",
91
- "@wordpress/viewport": "^6.44.0",
92
- "@wordpress/views": "^1.11.0",
93
- "@wordpress/widgets": "^4.44.0",
94
- "@wordpress/wordcount": "^4.44.0",
51
+ "@wordpress/a11y": "^4.44.1-next.v.202604201441.0+dab6d8c07",
52
+ "@wordpress/admin-ui": "^1.12.1-next.v.202604201441.0+dab6d8c07",
53
+ "@wordpress/api-fetch": "^7.44.1-next.v.202604201441.0+dab6d8c07",
54
+ "@wordpress/base-styles": "^6.20.1-next.v.202604201441.0+dab6d8c07",
55
+ "@wordpress/blob": "^4.44.1-next.v.202604201441.0+dab6d8c07",
56
+ "@wordpress/block-editor": "^15.18.1-next.v.202604201441.0+dab6d8c07",
57
+ "@wordpress/block-library": "^9.44.1-next.v.202604201441.0+dab6d8c07",
58
+ "@wordpress/blocks": "^15.17.2-next.v.202604201441.0+dab6d8c07",
59
+ "@wordpress/commands": "^1.45.1-next.v.202604201441.0+dab6d8c07",
60
+ "@wordpress/components": "^33.0.1-next.v.202604201441.0+dab6d8c07",
61
+ "@wordpress/compose": "^7.44.1-next.v.202604201441.0+dab6d8c07",
62
+ "@wordpress/core-data": "^7.44.1-next.v.202604201441.0+dab6d8c07",
63
+ "@wordpress/data": "^10.45.1-next.v.202604201441.0+dab6d8c07",
64
+ "@wordpress/dataviews": "^14.1.1-next.v.202604201441.0+dab6d8c07",
65
+ "@wordpress/date": "^5.44.1-next.v.202604201441.0+dab6d8c07",
66
+ "@wordpress/deprecated": "^4.44.1-next.v.202604201441.0+dab6d8c07",
67
+ "@wordpress/dom": "^4.44.1-next.v.202604201441.0+dab6d8c07",
68
+ "@wordpress/editor": "^14.44.1-next.v.202604201441.0+dab6d8c07",
69
+ "@wordpress/element": "^6.44.1-next.v.202604201441.0+dab6d8c07",
70
+ "@wordpress/escape-html": "^3.44.1-next.v.202604201441.0+dab6d8c07",
71
+ "@wordpress/fields": "^0.36.1-next.v.202604201441.0+dab6d8c07",
72
+ "@wordpress/global-styles-engine": "^1.11.1-next.v.202604201441.0+dab6d8c07",
73
+ "@wordpress/global-styles-ui": "^1.11.1-next.v.202604201441.0+dab6d8c07",
74
+ "@wordpress/hooks": "^4.44.1-next.v.202604201441.0+dab6d8c07",
75
+ "@wordpress/html-entities": "^4.44.1-next.v.202604201441.0+dab6d8c07",
76
+ "@wordpress/i18n": "^6.17.1-next.v.202604201441.0+dab6d8c07",
77
+ "@wordpress/icons": "^12.2.1-next.v.202604201441.0+dab6d8c07",
78
+ "@wordpress/keyboard-shortcuts": "^5.44.1-next.v.202604201441.0+dab6d8c07",
79
+ "@wordpress/keycodes": "^4.44.1-next.v.202604201441.0+dab6d8c07",
80
+ "@wordpress/media-utils": "^5.44.1-next.v.202604201441.0+dab6d8c07",
81
+ "@wordpress/notices": "^5.44.1-next.v.202604201441.0+dab6d8c07",
82
+ "@wordpress/patterns": "^2.44.1-next.v.202604201441.0+dab6d8c07",
83
+ "@wordpress/plugins": "^7.44.1-next.v.202604201441.0+dab6d8c07",
84
+ "@wordpress/preferences": "^4.44.1-next.v.202604201441.0+dab6d8c07",
85
+ "@wordpress/primitives": "^4.44.1-next.v.202604201441.0+dab6d8c07",
86
+ "@wordpress/private-apis": "^1.44.1-next.v.202604201441.0+dab6d8c07",
87
+ "@wordpress/reusable-blocks": "^5.44.1-next.v.202604201441.0+dab6d8c07",
88
+ "@wordpress/router": "^1.44.1-next.v.202604201441.0+dab6d8c07",
89
+ "@wordpress/style-engine": "^2.44.1-next.v.202604201441.0+dab6d8c07",
90
+ "@wordpress/url": "^4.44.1-next.v.202604201441.0+dab6d8c07",
91
+ "@wordpress/viewport": "^6.44.1-next.v.202604201441.0+dab6d8c07",
92
+ "@wordpress/views": "^1.11.1-next.v.202604201441.0+dab6d8c07",
93
+ "@wordpress/widgets": "^4.44.1-next.v.202604201441.0+dab6d8c07",
94
+ "@wordpress/wordcount": "^4.44.1-next.v.202604201441.0+dab6d8c07",
95
95
  "change-case": "^4.1.2",
96
96
  "clsx": "^2.1.1",
97
97
  "colord": "^2.9.2",
@@ -106,5 +106,5 @@
106
106
  "publishConfig": {
107
107
  "access": "public"
108
108
  },
109
- "gitHead": "b862d8c84121a47bbeff882f6c87e61681ce2e0d"
109
+ "gitHead": "c788005ba4ee2a34851c1217c51602656aa7c3a6"
110
110
  }
@@ -115,3 +115,21 @@
115
115
  padding-right: $grid-unit-30;
116
116
  }
117
117
  }
118
+
119
+ // Show button text labels when preference is enabled.
120
+ .show-icon-labels {
121
+ .edit-site-patterns__button.has-icon {
122
+ width: auto;
123
+ padding: 0 var(--wpds-dimension-padding-xs);
124
+
125
+ // Hide the button icons when labels are set to display...
126
+ svg {
127
+ display: none;
128
+ }
129
+ // ... and display labels.
130
+ &::after {
131
+ content: attr(aria-label);
132
+ font-size: var(--wpds-typography-font-size-sm);
133
+ }
134
+ }
135
+ }
@@ -1,73 +1,6 @@
1
1
  @use "@wordpress/base-styles/colors" as *;
2
2
  @use "@wordpress/base-styles/variables" as *;
3
3
 
4
- .edit-site-post-list__featured-image {
5
- height: 100%;
6
- object-fit: cover;
7
- width: 100%;
8
- }
9
-
10
- .edit-site-post-list__featured-image-wrapper {
11
- height: 100%;
12
- width: 100%;
13
- border-radius: $grid-unit-05;
14
-
15
- &.is-layout-table:not(
16
- :has(.edit-site-post-list__featured-image-button)
17
- ),
18
- &.is-layout-table .edit-site-post-list__featured-image-button {
19
- width: $grid-unit-40;
20
- height: $grid-unit-40;
21
- display: block;
22
- border-radius: $grid-unit-05;
23
- position: relative;
24
- overflow: hidden;
25
- background-color: $gray-100;
26
- flex-grow: 0 !important;
27
-
28
- &::after {
29
- border-radius: 4px;
30
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
31
- content: "";
32
- height: 100%;
33
- left: 0;
34
- position: absolute;
35
- top: 0;
36
- width: 100%;
37
- }
38
- }
39
- }
40
-
41
- .edit-site-post-list__featured-image-button {
42
- box-shadow: none;
43
- border: none;
44
- padding: 0;
45
- background-color: unset;
46
- box-sizing: border-box;
47
- cursor: pointer;
48
- overflow: hidden;
49
- height: 100%;
50
- width: 100%;
51
- border-radius: $grid-unit-05;
52
-
53
- &:focus-visible {
54
- box-shadow:
55
- 0 0 0 var(--wp-admin-border-width-focus)
56
- var(--wp-admin-theme-color);
57
- // Windows High Contrast mode will show this outline, but not the box-shadow.
58
- outline: 2px solid transparent;
59
- }
60
- }
61
-
62
- .dataviews-view-grid__card.is-selected {
63
- .edit-site-post-list__featured-image-button::after {
64
- box-shadow:
65
- inset 0 0 0 var(--wp-admin-border-width-focus)
66
- var(--wp-admin-theme-color);
67
- background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
68
- }
69
- }
70
-
71
4
  // TODO: These styles should be absorbed by DataForm API.
72
5
  // @see https://github.com/WordPress/gutenberg/issues/75916
73
6
  .fields-controls__password {
@@ -31,7 +31,7 @@ const GlobalStylesPageActions = ( {
31
31
  const history = useHistory();
32
32
 
33
33
  return (
34
- <HStack>
34
+ <HStack className="edit-site-styles__header-actions">
35
35
  <Button
36
36
  isPressed={ isStyleBookOpened }
37
37
  icon={ seen }
@@ -29,3 +29,22 @@
29
29
  }
30
30
  }
31
31
 
32
+ // Show button text labels when preference is enabled.
33
+ .show-icon-labels {
34
+ .edit-site-styles__header-actions {
35
+ .components-button.has-icon {
36
+ width: auto;
37
+ padding: 0 var(--wpds-dimension-padding-xs);
38
+
39
+ // Hide the button icons when labels are set to display...
40
+ svg {
41
+ display: none;
42
+ }
43
+ // ... and display labels.
44
+ &::after {
45
+ content: attr(aria-label);
46
+ font-size: var(--wpds-typography-font-size-sm);
47
+ }
48
+ }
49
+ }
50
+ }