@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.
- package/build/components/sidebar-global-styles/index.cjs +1 -1
- package/build/components/sidebar-global-styles/index.cjs.map +2 -2
- package/build-module/components/sidebar-global-styles/index.mjs +1 -1
- package/build-module/components/sidebar-global-styles/index.mjs.map +2 -2
- package/build-style/style-rtl.css +33 -81
- package/build-style/style.css +33 -81
- package/package.json +46 -46
- package/src/components/page-patterns/style.scss +18 -0
- package/src/components/post-list/style.scss +0 -67
- package/src/components/sidebar-global-styles/index.js +1 -1
- package/src/components/sidebar-global-styles/style.scss +19 -0
|
@@ -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,
|
|
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,
|
|
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, #
|
|
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;
|
package/build-style/style.css
CHANGED
|
@@ -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, #
|
|
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.
|
|
57
|
-
"@wordpress/block-library": "^9.44.0",
|
|
58
|
-
"@wordpress/blocks": "^15.17.0",
|
|
59
|
-
"@wordpress/commands": "^1.
|
|
60
|
-
"@wordpress/components": "^
|
|
61
|
-
"@wordpress/compose": "^7.44.0",
|
|
62
|
-
"@wordpress/core-data": "^7.44.0",
|
|
63
|
-
"@wordpress/data": "^10.
|
|
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": "
|
|
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 {
|
|
@@ -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
|
+
}
|