npm - @wordpress/edit-site - Versions diffs - 5.19.6 → 5.20.1 - Mend

@wordpress/edit-site 5.19.6 → 5.20.1

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.

Files changed (725) hide show

package/build/components/global-styles/screen-root.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_i18n","_icons","_data","_coreData","_blockEditor","_iconWithCurrentColor","_navigationButton","_rootMenu","_interopRequireDefault","_preview","_lockUnlock","ScreenRoot","useGlobalStyle","unlock","blockEditorPrivateApis","customCSS","hasVariations","canEditCSS","useSelect","select","_globalStyles$_links$","getEntityRecord","__experimentalGetCurrentGlobalStylesId","__experimentalGetCurrentThemeGlobalStylesVariations","coreStore","globalStylesId","globalStyles","undefined","length","_links","~~_element~~","createElement","Card","size","className","CardBody","__experimentalVStack","spacing","CardMedia","default","__experimentalItemGroup","NavigationButtonAsItem","path","__","__experimentalHStack","justify","FlexItem","IconWithCurrentColor","icon","isRTL","chevronLeft","chevronRight","CardDivider","__experimentalSpacer","as","paddingTop","paddingX","marginBottom","Fragment","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-root.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalVStack as VStack,\n\tFlexItem,\n\tCardBody,\n\tCard,\n\tCardDivider,\n\tCardMedia,\n} from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n /\nimport { IconWithCurrentColor } from './icon-with-current-color';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport RootMenu from './root-menu';\nimport StylesPreview from './preview';\nimport { unlock } from '../../lock-unlock';\n\nfunction ScreenRoot() {\n\tconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\tconst [ customCSS ] = useGlobalStyle( 'css' );\n\n\tconst { hasVariations, canEditCSS } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetEntityRecord,\n\t\t\t__experimentalGetCurrentGlobalStylesId,\n\t\t\t__experimentalGetCurrentThemeGlobalStylesVariations,\n\t\t} = select( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\thasVariations:\n\t\t\t\t!! __experimentalGetCurrentThemeGlobalStylesVariations()\n\t\t\t\t\t?.length,\n\t\t\tcanEditCSS:\n\t\t\t\t!! globalStyles?._links?.[ 'wp:action-edit-css' ] ?? false,\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<Card size=\"small\" className=\"edit-site-global-styles-screen-root\">\n\t\t\t<CardBody>\n\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t<Card>\n\t\t\t\t\t\t<CardMedia>\n\t\t\t\t\t\t\t<StylesPreview />\n\t\t\t\t\t\t</CardMedia>\n\t\t\t\t\t</Card>\n\t\t\t\t\t{ hasVariations && (\n\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\t\t\tpath=\"/variations\"\n\t\t\t\t\t\t\t\taria-label={ __( 'Browse styles' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Browse styles' ) }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronLeft : chevronRight\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t<RootMenu />\n\t\t\t\t</VStack>\n\t\t\t</CardBody>\n\n\t\t\t<CardDivider />\n\n\t\t\t<CardBody>\n\t\t\t\t<Spacer\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tpaddingTop={ 2 }\n\t\t\t\t\t/\n\t\t\t\t\t * 13px matches the text inset of the NavigationButton (12px padding, plus the width of the button's border).\n\t\t\t\t\t * This is an ad hoc override for this instance and the Addtional CSS option below. Other options for matching the\n\t\t\t\t\t * the nav button inset should be looked at before reusing further.\n\t\t\t\t\t */\n\t\t\t\t\tpaddingX=\"13px\"\n\t\t\t\t\tmarginBottom={ 4 }\n\t\t\t\t>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Customize the appearance of specific blocks for the whole site.'\n\t\t\t\t\t) }\n\t\t\t\t</Spacer>\n\t\t\t\t<ItemGroup>\n\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\tpath=\"/blocks\"\n\t\t\t\t\t\taria-label={ __( 'Blocks styles' ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t<FlexItem>{ __( 'Blocks' ) }</FlexItem>\n\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\ticon={ isRTL() ? chevronLeft : chevronRight }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t</ItemGroup>\n\t\t\t</CardBody>\n\n\t\t\t{ canEditCSS && !! customCSS && (\n\t\t\t\t<>\n\t\t\t\t\t<CardDivider />\n\t\t\t\t\t<CardBody>\n\t\t\t\t\t\t<Spacer\n\t\t\t\t\t\t\tas=\"p\"\n\t\t\t\t\t\t\tpaddingTop={ 2 }\n\t\t\t\t\t\t\tpaddingX=\"13px\"\n\t\t\t\t\t\t\tmarginBottom={ 4 }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Add your own CSS to customize the appearance and layout of your site.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\t\t\tpath=\"/css\"\n\t\t\t\t\t\t\t\taria-label={ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronLeft : chevronRight\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t</CardBody>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</Card>\n\t);\n}\n\nexport default ScreenRoot;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAWA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAKA,IAAAM,qBAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAC,sBAAA,CAAAT,OAAA;AACA,IAAAU,QAAA,GAAAD,sBAAA,CAAAT,OAAA;AACA,IAAAW,WAAA,GAAAX,OAAA;AA3BA;AACA;AACA;;AAkBA;AACA;AACA;;AAOA,SAASY,UAAUA,CAAA,EAAG;EACrB,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;EAC3D,MAAM,CAAEC,SAAS,CAAE,GAAGH,cAAc,CAAE,KAAM,CAAC;EAE7C,MAAM;IAAEI,aAAa;IAAEC;EAAW,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAAA,IAAAC,qBAAA;IAC9D,MAAM;MACLC,eAAe;MACfC,sCAAsC;MACtCC;IACD,CAAC,GAAGJ,MAAM,CAAEK,eAAU,CAAC;IAEvB,MAAMC,cAAc,GAAGH,sCAAsC,CAAC,CAAC;IAC/D,MAAMI,YAAY,GAAGD,cAAc,GAChCJ,eAAe,CAAE,MAAM,EAAE,cAAc,EAAEI,cAAe,CAAC,GACzDE,SAAS;IAEZ,OAAO;MACNX,aAAa,EACZ,CAAC,CAAEO,mDAAmD,CAAC,CAAC,EACrDK,MAAM;MACVX,UAAU,GAAAG,qBAAA,GACT,CAAC,CAAEM,YAAY,EAAEG,MAAM,GAAI,oBAAoB,CAAE,cAAAT,qBAAA,cAAAA,qBAAA,GAAI;IACvD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,OACC,IAAAU,~~QAAA~~,CAAAC,aAAA,EAACjC,WAAA,CAAAkC,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,SAAS,EAAC;EAAqC,GACjE,IAAAJ,~~QAAA~~,CAAAC,aAAA,EAACjC,WAAA,CAAAqC,QAAQ,QACR,IAAAL,~~QAAA~~,CAAAC,aAAA,EAACjC,WAAA,CAAAsC,oBAAM;IAACC,OAAO,EAAG;EAAG,GACpB,IAAAP,~~QAAA~~,CAAAC,aAAA,EAACjC,WAAA,CAAAkC,IAAI,QACJ,IAAAF,~~QAAA~~,CAAAC,aAAA,EAACjC,WAAA,CAAAwC,SAAS,QACT,IAAAR,~~QAAA~~,CAAAC,aAAA,EAACtB,QAAA,CAAA8B,OAAa,MAAE,CACN,CACN,CAAC,EACLvB,aAAa,IACd,IAAAc,~~QAAA~~,CAAAC,aAAA,EAACjC,WAAA,CAAA0C,uBAAS,QACT,IAAAV,~~QAAA~~,CAAAC,aAAA,EAACzB,iBAAA,CAAAmC,sBAAsB;IACtBC,IAAI,EAAC,aAAa;IAClB,cAAa,IAAAC,QAAE,EAAE,eAAgB;EAAG,GAEpC,IAAAb,~~QAAA~~,CAAAC,aAAA,EAACjC,WAAA,CAAA8C,oBAAM;IAACC,OAAO,EAAC;EAAe,GAC9B,IAAAf,~~QAAA~~,CAAAC,aAAA,EAACjC,WAAA,CAAAgD,QAAQ,QACN,IAAAH,QAAE,EAAE,eAAgB,CACb,CAAC,EACX,IAAAb,~~QAAA~~,CAAAC,aAAA,EAAC1B,qBAAA,CAAA0C,oBAAoB;IACpBC,IAAI,EACH,IAAAC,WAAK,EAAC,CAAC,GAAGC,kBAAW,GAAGC;EACxB,CACD,CACM,CACe,CACd,CACX,EACD,IAAArB,~~QAAA~~,CAAAC,aAAA,EAACxB,SAAA,CAAAgC,OAAQ,MAAE,CACJ,CACC,CAAC,EAEX,IAAAT,~~QAAA~~,CAAAC,aAAA,EAACjC,WAAA,CAAAsD,WAAW,MAAE,CAAC,EAEf,IAAAtB,~~QAAA~~,CAAAC,aAAA,EAACjC,WAAA,CAAAqC,QAAQ,QACR,IAAAL,~~QAAA~~,CAAAC,aAAA,EAACjC,WAAA,CAAAuD,oBAAM;IACNC,EAAE,EAAC,GAAG;IACNC,UAAU,EAAG;IACb;AACL;AACA;AACA;AACA,OAJK;IAKAC,QAAQ,EAAC,MAAM;IACfC,YAAY,EAAG;EAAG,GAEhB,IAAAd,QAAE,EACH,iEACD,CACO,CAAC,EACT,IAAAb,~~QAAA~~,CAAAC,aAAA,EAACjC,WAAA,CAAA0C,uBAAS,QACT,IAAAV,~~QAAA~~,CAAAC,aAAA,EAACzB,iBAAA,CAAAmC,sBAAsB;IACtBC,IAAI,EAAC,SAAS;IACd,cAAa,IAAAC,QAAE,EAAE,eAAgB;EAAG,GAEpC,IAAAb,~~QAAA~~,CAAAC,aAAA,EAACjC,WAAA,CAAA8C,oBAAM;IAACC,OAAO,EAAC;EAAe,GAC9B,IAAAf,~~QAAA~~,CAAAC,aAAA,EAACjC,WAAA,CAAAgD,QAAQ,QAAG,IAAAH,QAAE,EAAE,QAAS,CAAa,CAAC,EACvC,IAAAb,~~QAAA~~,CAAAC,aAAA,EAAC1B,qBAAA,CAAA0C,oBAAoB;IACpBC,IAAI,EAAG,IAAAC,WAAK,EAAC,CAAC,GAAGC,kBAAW,GAAGC;EAAc,CAC7C,CACM,CACe,CACd,CACF,CAAC,EAETlC,UAAU,IAAI,CAAC,CAAEF,SAAS,IAC3B,IAAAe,~~QAAA~~,CAAAC,aAAA,EAAAD,~~QAAA~~,CAAA4B,QAAA,QACC,IAAA5B,~~QAAA~~,CAAAC,aAAA,EAACjC,WAAA,CAAAsD,WAAW,MAAE,CAAC,EACf,IAAAtB,~~QAAA~~,CAAAC,aAAA,EAACjC,WAAA,CAAAqC,QAAQ,QACR,IAAAL,~~QAAA~~,CAAAC,aAAA,EAACjC,WAAA,CAAAuD,oBAAM;IACNC,EAAE,EAAC,GAAG;IACNC,UAAU,EAAG,CAAG;IAChBC,QAAQ,EAAC,MAAM;IACfC,YAAY,EAAG;EAAG,GAEhB,IAAAd,QAAE,EACH,uEACD,CACO,CAAC,EACT,IAAAb,~~QAAA~~,CAAAC,aAAA,EAACjC,WAAA,CAAA0C,uBAAS,QACT,IAAAV,~~QAAA~~,CAAAC,aAAA,EAACzB,iBAAA,CAAAmC,sBAAsB;IACtBC,IAAI,EAAC,MAAM;IACX,cAAa,IAAAC,QAAE,EAAE,gBAAiB;EAAG,GAErC,IAAAb,~~QAAA~~,CAAAC,aAAA,EAACjC,WAAA,CAAA8C,oBAAM;IAACC,OAAO,EAAC;EAAe,GAC9B,IAAAf,~~QAAA~~,CAAAC,aAAA,EAACjC,WAAA,CAAAgD,QAAQ,QACN,IAAAH,QAAE,EAAE,gBAAiB,CACd,CAAC,EACX,IAAAb,~~QAAA~~,CAAAC,aAAA,EAAC1B,qBAAA,CAAA0C,oBAAoB;IACpBC,IAAI,EACH,IAAAC,WAAK,EAAC,CAAC,GAAGC,kBAAW,GAAGC;EACxB,CACD,CACM,CACe,CACd,CACF,CACT,CAEE,CAAC;AAET;AAAC,IAAAQ,QAAA,GAEchD,UAAU;AAAAiD,OAAA,CAAArB,OAAA,GAAAoB,QAAA"}
1	+ {"version":3,"names":["_components","require","_i18n","_icons","_data","_coreData","_blockEditor","_iconWithCurrentColor","_navigationButton","_rootMenu","_interopRequireDefault","_preview","_lockUnlock","ScreenRoot","useGlobalStyle","unlock","blockEditorPrivateApis","customCSS","hasVariations","canEditCSS","useSelect","select","_globalStyles$_links$","getEntityRecord","__experimentalGetCurrentGlobalStylesId","__experimentalGetCurrentThemeGlobalStylesVariations","coreStore","globalStylesId","globalStyles","undefined","length","_links","_react","createElement","Card","size","className","CardBody","__experimentalVStack","spacing","CardMedia","default","__experimentalItemGroup","NavigationButtonAsItem","path","__","__experimentalHStack","justify","FlexItem","IconWithCurrentColor","icon","isRTL","chevronLeft","chevronRight","CardDivider","__experimentalSpacer","as","paddingTop","paddingX","marginBottom","Fragment","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-root.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalVStack as VStack,\n\tFlexItem,\n\tCardBody,\n\tCard,\n\tCardDivider,\n\tCardMedia,\n} from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n /\nimport { IconWithCurrentColor } from './icon-with-current-color';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport RootMenu from './root-menu';\nimport StylesPreview from './preview';\nimport { unlock } from '../../lock-unlock';\n\nfunction ScreenRoot() {\n\tconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\tconst [ customCSS ] = useGlobalStyle( 'css' );\n\n\tconst { hasVariations, canEditCSS } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetEntityRecord,\n\t\t\t__experimentalGetCurrentGlobalStylesId,\n\t\t\t__experimentalGetCurrentThemeGlobalStylesVariations,\n\t\t} = select( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\thasVariations:\n\t\t\t\t!! __experimentalGetCurrentThemeGlobalStylesVariations()\n\t\t\t\t\t?.length,\n\t\t\tcanEditCSS:\n\t\t\t\t!! globalStyles?._links?.[ 'wp:action-edit-css' ] ?? false,\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<Card size=\"small\" className=\"edit-site-global-styles-screen-root\">\n\t\t\t<CardBody>\n\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t<Card>\n\t\t\t\t\t\t<CardMedia>\n\t\t\t\t\t\t\t<StylesPreview />\n\t\t\t\t\t\t</CardMedia>\n\t\t\t\t\t</Card>\n\t\t\t\t\t{ hasVariations && (\n\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\t\t\tpath=\"/variations\"\n\t\t\t\t\t\t\t\taria-label={ __( 'Browse styles' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Browse styles' ) }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronLeft : chevronRight\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t<RootMenu />\n\t\t\t\t</VStack>\n\t\t\t</CardBody>\n\n\t\t\t<CardDivider />\n\n\t\t\t<CardBody>\n\t\t\t\t<Spacer\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tpaddingTop={ 2 }\n\t\t\t\t\t/\n\t\t\t\t\t * 13px matches the text inset of the NavigationButton (12px padding, plus the width of the button's border).\n\t\t\t\t\t * This is an ad hoc override for this instance and the Addtional CSS option below. Other options for matching the\n\t\t\t\t\t * the nav button inset should be looked at before reusing further.\n\t\t\t\t\t */\n\t\t\t\t\tpaddingX=\"13px\"\n\t\t\t\t\tmarginBottom={ 4 }\n\t\t\t\t>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Customize the appearance of specific blocks for the whole site.'\n\t\t\t\t\t) }\n\t\t\t\t</Spacer>\n\t\t\t\t<ItemGroup>\n\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\tpath=\"/blocks\"\n\t\t\t\t\t\taria-label={ __( 'Blocks styles' ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t<FlexItem>{ __( 'Blocks' ) }</FlexItem>\n\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\ticon={ isRTL() ? chevronLeft : chevronRight }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t</ItemGroup>\n\t\t\t</CardBody>\n\n\t\t\t{ canEditCSS && !! customCSS && (\n\t\t\t\t<>\n\t\t\t\t\t<CardDivider />\n\t\t\t\t\t<CardBody>\n\t\t\t\t\t\t<Spacer\n\t\t\t\t\t\t\tas=\"p\"\n\t\t\t\t\t\t\tpaddingTop={ 2 }\n\t\t\t\t\t\t\tpaddingX=\"13px\"\n\t\t\t\t\t\t\tmarginBottom={ 4 }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Add your own CSS to customize the appearance and layout of your site.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\t\t\tpath=\"/css\"\n\t\t\t\t\t\t\t\taria-label={ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronLeft : chevronRight\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t</CardBody>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</Card>\n\t);\n}\n\nexport default ScreenRoot;\n"],"mappings":"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"}

package/build/components/global-styles/screen-style-variations.js CHANGED Viewed

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
+var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _header = _interopRequireDefault(require("./header"));
 var _styleVariationsContainer = _interopRequireDefault(require("./style-variations-container"));
@@ -55,15 +56,15 @@ function ScreenStyleVariations() {
   const {
     __unstableSetEditorMode
   } = (0, _data.useDispatch)(_blockEditor.store);
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_header.default, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_header.default, {
     back: "/",
     title: (0, _i18n.__)('Browse styles'),
     description: (0, _i18n.__)('Choose a variation to change the look of the site.')
-  }), (0, _element.createElement)(_components.Card, {
+  }), (0, _react.createElement)(_components.Card, {
     size: "small",
     isBorderless: true,
     className: "edit-site-global-styles-screen-style-variations"
-  }, (0, _element.createElement)(_components.CardBody, null, (0, _element.createElement)(_styleVariationsContainer.default, null))));
+  }, (0, _react.createElement)(_components.CardBody, null, (0, _react.createElement)(_styleVariationsContainer.default, null))));
 }
 var _default = ScreenStyleVariations;
 exports.default = _default;

package/build/components/global-styles/screen-style-variations.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_element~~","require","~~_components~~","~~_i18n~~","~~_blockEditor~~","_data","_header","_interopRequireDefault","_styleVariationsContainer","ScreenStyleVariations","mode","useSelect","select","blockEditorStore","__unstableGetEditorMode","shouldRevertInitialMode","useRef","useEffect","current","__unstableSetEditorMode","useDispatch","createElement","Fragment","default","back","title","__","description","Card","size","isBorderless","className","CardBody","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-style-variations.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { Card, CardBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/\n Internal dependencies\n */\nimport ScreenHeader from './header';\nimport StyleVariationsContainer from './style-variations-container';\n\nfunction ScreenStyleVariations() {\n\tconst { mode } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tmode: select( blockEditorStore ).__unstableGetEditorMode(),\n\t\t};\n\t}, [] );\n\n\tconst shouldRevertInitialMode = useRef( null );\n\tuseEffect( () => {\n\t\t// ignore changes to zoom-out mode as we explictily change to it on mount.\n\t\tif ( mode !== 'zoom-out' ) {\n\t\t\tshouldRevertInitialMode.current = false;\n\t\t}\n\t}, [ mode ] );\n\n\t// Intentionality left without any dependency.\n\t// This effect should only run the first time the component is rendered.\n\t// The effect opens the zoom-out view if it is not open before when applying a style variation.\n\tuseEffect( () => {\n\t\tif ( mode !== 'zoom-out' ) {\n\t\t\t__unstableSetEditorMode( 'zoom-out' );\n\t\t\tshouldRevertInitialMode.current = true;\n\t\t\treturn () => {\n\t\t\t\t// if there were not mode changes revert to the initial mode when unmounting.\n\t\t\t\tif ( shouldRevertInitialMode.current ) {\n\t\t\t\t\t__unstableSetEditorMode( mode );\n\t\t\t\t}\n\t\t\t};\n\t\t}\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n\n\tconst { __unstableSetEditorMode } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\tback=\"/\"\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<StyleVariationsContainer />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],"mappings":"~~;;;;;;;AAMA~~,IAAAA,~~QAAA~~,GAAAC,OAAA;~~AAHA~~,IAAAC,~~WAAA~~,GAAAD,OAAA;AACA,IAAAE,~~KAAA~~,GAAAF,OAAA;AACA,IAAAG,~~YAAA~~,GAAAH,OAAA;~~AAEA~~,IAAAI,KAAA,GAAAJ,OAAA;AAKA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,yBAAA,GAAAD,sBAAA,CAAAN,OAAA;AAbA;AACA;AACA;;AAOA;AACA;AACA;;AAIA,SAASQ,qBAAqBA,CAAA,EAAG;EAChC,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACzC,OAAO;MACNF,IAAI,EAAEE,MAAM,CAAEC,kBAAiB,CAAC,CAACC,uBAAuB,CAAC;IAC1D,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,uBAAuB,GAAG,IAAAC,eAAM,EAAE,IAAK,CAAC;EAC9C,IAAAC,kBAAS,EAAE,MAAM;IAChB;IACA,IAAKP,IAAI,KAAK,UAAU,EAAG;MAC1BK,uBAAuB,CAACG,OAAO,GAAG,KAAK;IACxC;EACD,CAAC,EAAE,CAAER,IAAI,CAAG,CAAC;;EAEb;EACA;EACA;EACA,IAAAO,kBAAS,EAAE,MAAM;IAChB,IAAKP,IAAI,KAAK,UAAU,EAAG;MAC1BS,uBAAuB,CAAE,UAAW,CAAC;MACrCJ,uBAAuB,CAACG,OAAO,GAAG,IAAI;MACtC,OAAO,MAAM;QACZ;QACA,IAAKH,uBAAuB,CAACG,OAAO,EAAG;UACtCC,uBAAuB,CAAET,IAAK,CAAC;QAChC;MACD,CAAC;IACF;IACA;EACD,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM;IAAES;EAAwB,CAAC,GAAG,IAAAC,iBAAW,EAAEP,kBAAiB,CAAC;EAEnE,OACC,~~IAAAb~~,~~QAAA~~,~~CAAAqB~~,aAAA,~~EAAArB~~,~~QAAA~~,~~CAAAsB~~,QAAA,QACC,~~IAAAtB~~,~~QAAA~~,~~CAAAqB~~,aAAA,~~EAACf~~,OAAA,~~CAAAiB~~,OAAY;IACZC,IAAI,EAAC,GAAG;IACRC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;IAC/BC,WAAW,EAAG,IAAAD,QAAE,EACf,oDACD;EAAG,CACH,CAAC,EAEF,~~IAAA1B~~,~~QAAA~~,~~CAAAqB~~,aAAA,~~EAACnB~~,WAAA,~~CAAA0B~~,IAAI;IACJC,IAAI,EAAC,OAAO;IACZC,YAAY;IACZC,SAAS,EAAC;EAAiD,GAE3D,~~IAAA/B~~,~~QAAA~~,~~CAAAqB~~,aAAA,~~EAACnB~~,WAAA,~~CAAA8B~~,QAAQ,QACR,~~IAAAhC~~,~~QAAA~~,~~CAAAqB~~,aAAA,~~EAACb~~,yBAAA,~~CAAAe~~,OAAwB,MAAE,CAClB,CACL,CACL,CAAC;AAEL;AAAC,IAAAU,QAAA,~~GAEcxB~~,qBAAqB;~~AAAAyB~~,OAAA,CAAAX,OAAA,GAAAU,QAAA"}
1	+ {"version":3,"names":["_components","require","_i18n","_blockEditor","_element","_data","_header","_interopRequireDefault","_styleVariationsContainer","ScreenStyleVariations","mode","useSelect","select","blockEditorStore","__unstableGetEditorMode","shouldRevertInitialMode","useRef","useEffect","current","__unstableSetEditorMode","useDispatch","_react","createElement","Fragment","default","back","title","__","description","Card","size","isBorderless","className","CardBody","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-style-variations.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { Card, CardBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/\n Internal dependencies\n */\nimport ScreenHeader from './header';\nimport StyleVariationsContainer from './style-variations-container';\n\nfunction ScreenStyleVariations() {\n\tconst { mode } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tmode: select( blockEditorStore ).__unstableGetEditorMode(),\n\t\t};\n\t}, [] );\n\n\tconst shouldRevertInitialMode = useRef( null );\n\tuseEffect( () => {\n\t\t// ignore changes to zoom-out mode as we explictily change to it on mount.\n\t\tif ( mode !== 'zoom-out' ) {\n\t\t\tshouldRevertInitialMode.current = false;\n\t\t}\n\t}, [ mode ] );\n\n\t// Intentionality left without any dependency.\n\t// This effect should only run the first time the component is rendered.\n\t// The effect opens the zoom-out view if it is not open before when applying a style variation.\n\tuseEffect( () => {\n\t\tif ( mode !== 'zoom-out' ) {\n\t\t\t__unstableSetEditorMode( 'zoom-out' );\n\t\t\tshouldRevertInitialMode.current = true;\n\t\t\treturn () => {\n\t\t\t\t// if there were not mode changes revert to the initial mode when unmounting.\n\t\t\t\tif ( shouldRevertInitialMode.current ) {\n\t\t\t\t\t__unstableSetEditorMode( mode );\n\t\t\t\t}\n\t\t\t};\n\t\t}\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n\n\tconst { __unstableSetEditorMode } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\tback=\"/\"\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<StyleVariationsContainer />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAKA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,yBAAA,GAAAD,sBAAA,CAAAN,OAAA;AAbA;AACA;AACA;;AAOA;AACA;AACA;;AAIA,SAASQ,qBAAqBA,CAAA,EAAG;EAChC,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACzC,OAAO;MACNF,IAAI,EAAEE,MAAM,CAAEC,kBAAiB,CAAC,CAACC,uBAAuB,CAAC;IAC1D,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,uBAAuB,GAAG,IAAAC,eAAM,EAAE,IAAK,CAAC;EAC9C,IAAAC,kBAAS,EAAE,MAAM;IAChB;IACA,IAAKP,IAAI,KAAK,UAAU,EAAG;MAC1BK,uBAAuB,CAACG,OAAO,GAAG,KAAK;IACxC;EACD,CAAC,EAAE,CAAER,IAAI,CAAG,CAAC;;EAEb;EACA;EACA;EACA,IAAAO,kBAAS,EAAE,MAAM;IAChB,IAAKP,IAAI,KAAK,UAAU,EAAG;MAC1BS,uBAAuB,CAAE,UAAW,CAAC;MACrCJ,uBAAuB,CAACG,OAAO,GAAG,IAAI;MACtC,OAAO,MAAM;QACZ;QACA,IAAKH,uBAAuB,CAACG,OAAO,EAAG;UACtCC,uBAAuB,CAAET,IAAK,CAAC;QAChC;MACD,CAAC;IACF;IACA;EACD,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM;IAAES;EAAwB,CAAC,GAAG,IAAAC,iBAAW,EAAEP,kBAAiB,CAAC;EAEnE,OACC,IAAAQ,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAAChB,OAAA,CAAAkB,OAAY;IACZC,IAAI,EAAC,GAAG;IACRC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;IAC/BC,WAAW,EAAG,IAAAD,QAAE,EACf,oDACD;EAAG,CACH,CAAC,EAEF,IAAAN,MAAA,CAAAC,aAAA,EAACtB,WAAA,CAAA6B,IAAI;IACJC,IAAI,EAAC,OAAO;IACZC,YAAY;IACZC,SAAS,EAAC;EAAiD,GAE3D,IAAAX,MAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAiC,QAAQ,QACR,IAAAZ,MAAA,CAAAC,aAAA,EAACd,yBAAA,CAAAgB,OAAwB,MAAE,CAClB,CACL,CACL,CAAC;AAEL;AAAC,IAAAU,QAAA,GAEczB,qBAAqB;AAAA0B,OAAA,CAAAX,OAAA,GAAAU,QAAA"}

package/build/components/global-styles/screen-typography-element.js CHANGED Viewed

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
 var _typographyPanel = _interopRequireDefault(require("./typography-panel"));
 var _header = _interopRequireDefault(require("./header"));
 var _typographyPreview = _interopRequireDefault(require("./typography-preview"));
@@ -45,18 +46,18 @@ function ScreenTypographyElement({
   element
 }) {
   const [headingLevel, setHeadingLevel] = (0, _element.useState)('heading');
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_header.default, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_header.default, {
     title: elements[element].title,
     description: elements[element].description
-  }), (0, _element.createElement)(_components.__experimentalSpacer, {
+  }), (0, _react.createElement)(_components.__experimentalSpacer, {
     marginX: 4
-  }, (0, _element.createElement)(_typographyPreview.default, {
+  }, (0, _react.createElement)(_typographyPreview.default, {
     element: element,
     headingLevel: headingLevel
-  })), element === 'heading' && (0, _element.createElement)(_components.__experimentalSpacer, {
+  })), element === 'heading' && (0, _react.createElement)(_components.__experimentalSpacer, {
     marginX: 4,
     marginBottom: "1em"
-  }, (0, _element.createElement)(_components.__experimentalToggleGroupControl, {
+  }, (0, _react.createElement)(_components.__experimentalToggleGroupControl, {
     label: (0, _i18n.__)('Select heading level'),
     hideLabelFromVision: true,
     value: headingLevel,
@@ -64,30 +65,30 @@ function ScreenTypographyElement({
     isBlock: true,
     size: "__unstable-large",
     __nextHasNoMarginBottom: true
-  }, (0, _element.createElement)(_components.__experimentalToggleGroupControlOption, {
+  }, (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
     value: "heading"
     /* translators: 'All' refers to selecting all heading levels
     and applying the same style to h1-h6. */,
     label: (0, _i18n.__)('All')
-  }), (0, _element.createElement)(_components.__experimentalToggleGroupControlOption, {
+  }), (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
     value: "h1",
     label: (0, _i18n.__)('H1')
-  }), (0, _element.createElement)(_components.__experimentalToggleGroupControlOption, {
+  }), (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
     value: "h2",
     label: (0, _i18n.__)('H2')
-  }), (0, _element.createElement)(_components.__experimentalToggleGroupControlOption, {
+  }), (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
     value: "h3",
     label: (0, _i18n.__)('H3')
-  }), (0, _element.createElement)(_components.__experimentalToggleGroupControlOption, {
+  }), (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
     value: "h4",
     label: (0, _i18n.__)('H4')
-  }), (0, _element.createElement)(_components.__experimentalToggleGroupControlOption, {
+  }), (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
     value: "h5",
     label: (0, _i18n.__)('H5')
-  }), (0, _element.createElement)(_components.__experimentalToggleGroupControlOption, {
+  }), (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
     value: "h6",
     label: (0, _i18n.__)('H6')
-  }))), (0, _element.createElement)(_typographyPanel.default, {
+  }))), (0, _react.createElement)(_typographyPanel.default, {
     element: element,
     headingLevel: headingLevel
   }));

package/build/components/global-styles/screen-typography-element.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_element~~","require","~~_i18n~~","~~_components~~","_typographyPanel","_interopRequireDefault","_header","_typographyPreview","elements","text","description","__","title","link","heading","caption","button","ScreenTypographyElement","element","headingLevel","setHeadingLevel","useState","createElement","Fragment","default","__experimentalSpacer","marginX","marginBottom","__experimentalToggleGroupControl","label","hideLabelFromVision","value","onChange","isBlock","size","__nextHasNoMarginBottom","__experimentalToggleGroupControlOption","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-typography-element.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalSpacer as Spacer,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport TypographyPanel from './typography-panel';\nimport ScreenHeader from './header';\nimport TypographyPreview from './typography-preview';\n\nconst elements = {\n\ttext: {\n\t\tdescription: __( 'Manage the fonts used on the site.' ),\n\t\ttitle: __( 'Text' ),\n\t},\n\tlink: {\n\t\tdescription: __( 'Manage the fonts and typography used on the links.' ),\n\t\ttitle: __( 'Links' ),\n\t},\n\theading: {\n\t\tdescription: __( 'Manage the fonts and typography used on headings.' ),\n\t\ttitle: __( 'Headings' ),\n\t},\n\tcaption: {\n\t\tdescription: __( 'Manage the fonts and typography used on captions.' ),\n\t\ttitle: __( 'Captions' ),\n\t},\n\tbutton: {\n\t\tdescription: __( 'Manage the fonts and typography used on buttons.' ),\n\t\ttitle: __( 'Buttons' ),\n\t},\n};\n\nfunction ScreenTypographyElement( { element } ) {\n\tconst [ headingLevel, setHeadingLevel ] = useState( 'heading' );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ elements[ element ].title }\n\t\t\t\tdescription={ elements[ element ].description }\n\t\t\t/>\n\t\t\t<Spacer marginX={ 4 }>\n\t\t\t\t<TypographyPreview\n\t\t\t\t\telement={ element }\n\t\t\t\t\theadingLevel={ headingLevel }\n\t\t\t\t/>\n\t\t\t</Spacer>\n\t\t\t{ element === 'heading' && (\n\t\t\t\t<Spacer marginX={ 4 } marginBottom=\"1em\">\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\tlabel={ __( 'Select heading level' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ headingLevel }\n\t\t\t\t\t\tonChange={ setHeadingLevel }\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"heading\"\n\t\t\t\t\t\t\t/ translators: 'All' refers to selecting all heading levels \n\t\t\t\t\t\t\tand applying the same style to h1-h6. */\n\t\t\t\t\t\t\tlabel={ __( 'All' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h1\"\n\t\t\t\t\t\t\tlabel={ __( 'H1' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h2\"\n\t\t\t\t\t\t\tlabel={ __( 'H2' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h3\"\n\t\t\t\t\t\t\tlabel={ __( 'H3' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h4\"\n\t\t\t\t\t\t\tlabel={ __( 'H4' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h5\"\n\t\t\t\t\t\t\tlabel={ __( 'H5' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h6\"\n\t\t\t\t\t\t\tlabel={ __( 'H6' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t</Spacer>\n\t\t\t) }\n\t\t\t<TypographyPanel\n\t\t\t\telement={ element }\n\t\t\t\theadingLevel={ headingLevel }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default ScreenTypographyElement;\n"],"mappings":"~~;;;;;;;AASA~~,IAAAA,~~QAAA~~,GAAAC,OAAA;~~AANA~~,IAAAC,~~KAAA~~,GAAAD,OAAA;~~AACA~~,IAAAE,~~WAAA~~,GAAAF,OAAA;~~AAUA~~,IAAAG,gBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,kBAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAhBA;AACA;AACA;;AASA;AACA;AACA;;AAKA,MAAMO,QAAQ,GAAG;EAChBC,IAAI,EAAE;IACLC,WAAW,EAAE,IAAAC,QAAE,EAAE,oCAAqC,CAAC;IACvDC,KAAK,EAAE,IAAAD,QAAE,EAAE,MAAO;EACnB,CAAC;EACDE,IAAI,EAAE;IACLH,WAAW,EAAE,IAAAC,QAAE,EAAE,oDAAqD,CAAC;IACvEC,KAAK,EAAE,IAAAD,QAAE,EAAE,OAAQ;EACpB,CAAC;EACDG,OAAO,EAAE;IACRJ,WAAW,EAAE,IAAAC,QAAE,EAAE,mDAAoD,CAAC;IACtEC,KAAK,EAAE,IAAAD,QAAE,EAAE,UAAW;EACvB,CAAC;EACDI,OAAO,EAAE;IACRL,WAAW,EAAE,IAAAC,QAAE,EAAE,mDAAoD,CAAC;IACtEC,KAAK,EAAE,IAAAD,QAAE,EAAE,UAAW;EACvB,CAAC;EACDK,MAAM,EAAE;IACPN,WAAW,EAAE,IAAAC,QAAE,EAAE,kDAAmD,CAAC;IACrEC,KAAK,EAAE,IAAAD,QAAE,EAAE,SAAU;EACtB;AACD,CAAC;AAED,SAASM,uBAAuBA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EAC/C,MAAM,CAAEC,YAAY,EAAEC,eAAe,CAAE,GAAG,IAAAC,iBAAQ,EAAE,SAAU,CAAC;EAE/D,OACC,~~IAAArB~~,~~QAAA~~,~~CAAAsB~~,aAAA,~~EAAAtB~~,~~QAAA~~,~~CAAAuB~~,QAAA,QACC,~~IAAAvB~~,~~QAAA~~,~~CAAAsB~~,aAAA,~~EAAChB~~,OAAA,~~CAAAkB~~,OAAY;~~IACZZ~~,KAAK,EAAGJ,QAAQ,CAAEU,OAAO,CAAE,CAACN,KAAO;IACnCF,WAAW,EAAGF,QAAQ,CAAEU,OAAO,CAAE,CAACR;EAAa,CAC/C,CAAC,EACF,~~IAAAV~~,~~QAAA~~,~~CAAAsB~~,aAAA,~~EAACnB~~,WAAA,~~CAAAsB~~,oBAAM;IAACC,OAAO,EAAG;EAAG,GACpB,~~IAAA1B~~,~~QAAA~~,~~CAAAsB~~,aAAA,~~EAACf~~,kBAAA,~~CAAAiB~~,OAAiB;~~IACjBN~~,OAAO,EAAGA,OAAS;IACnBC,YAAY,EAAGA;EAAc,CAC7B,CACM,CAAC,EACPD,OAAO,KAAK,SAAS,IACtB,~~IAAAlB~~,~~QAAA~~,~~CAAAsB~~,aAAA,~~EAACnB~~,WAAA,~~CAAAsB~~,oBAAM;IAACC,OAAO,EAAG,CAAG;IAACC,YAAY,EAAC;EAAK,GACvC,~~IAAA3B~~,~~QAAA~~,~~CAAAsB~~,aAAA,~~EAACnB~~,WAAA,~~CAAAyB~~,gCAAkB;IAClBC,KAAK,EAAG,~~IAAAlB~~,QAAE,EAAE,sBAAuB,CAAG;~~IACtCmB~~,mBAAmB;IACnBC,KAAK,~~EAAGZ~~,YAAc;~~IACtBa~~,QAAQ,~~EAAGZ~~,eAAiB;~~IAC5Ba~~,OAAO;IACPC,IAAI,EAAC,kBAAkB;IACvBC,uBAAuB;EAAA,GAEvB,~~IAAAnC~~,~~QAAA~~,~~CAAAsB~~,aAAA,~~EAACnB~~,WAAA,~~CAAAiC~~,sCAAwB;IACxBL,KAAK,EAAC;IACN;AACP,4CADO;IAEAF,KAAK,EAAG,~~IAAAlB~~,QAAE,EAAE,KAAM;EAAG,CACrB,CAAC,EACF,~~IAAAX~~,~~QAAA~~,~~CAAAsB~~,aAAA,~~EAACnB~~,WAAA,~~CAAAiC~~,sCAAwB;IACxBL,KAAK,EAAC,IAAI;IACVF,KAAK,EAAG,~~IAAAlB~~,QAAE,EAAE,IAAK;EAAG,CACpB,CAAC,EACF,~~IAAAX~~,~~QAAA~~,~~CAAAsB~~,aAAA,~~EAACnB~~,WAAA,~~CAAAiC~~,sCAAwB;IACxBL,KAAK,EAAC,IAAI;IACVF,KAAK,EAAG,~~IAAAlB~~,QAAE,EAAE,IAAK;EAAG,CACpB,CAAC,EACF,~~IAAAX~~,~~QAAA~~,~~CAAAsB~~,aAAA,~~EAACnB~~,WAAA,~~CAAAiC~~,sCAAwB;IACxBL,KAAK,EAAC,IAAI;IACVF,KAAK,EAAG,~~IAAAlB~~,QAAE,EAAE,IAAK;EAAG,CACpB,CAAC,EACF,~~IAAAX~~,~~QAAA~~,~~CAAAsB~~,aAAA,~~EAACnB~~,WAAA,~~CAAAiC~~,sCAAwB;IACxBL,KAAK,EAAC,IAAI;IACVF,KAAK,EAAG,~~IAAAlB~~,QAAE,EAAE,IAAK;EAAG,CACpB,CAAC,EACF,~~IAAAX~~,~~QAAA~~,~~CAAAsB~~,aAAA,~~EAACnB~~,WAAA,~~CAAAiC~~,sCAAwB;IACxBL,KAAK,EAAC,IAAI;IACVF,KAAK,EAAG,~~IAAAlB~~,QAAE,EAAE,IAAK;EAAG,CACpB,CAAC,EACF,~~IAAAX~~,~~QAAA~~,~~CAAAsB~~,aAAA,~~EAACnB~~,WAAA,~~CAAAiC~~,sCAAwB;IACxBL,KAAK,EAAC,IAAI;IACVF,KAAK,EAAG,~~IAAAlB~~,QAAE,EAAE,IAAK;EAAG,CACpB,CACkB,CACb,CACR,EACD,~~IAAAX~~,~~QAAA~~,~~CAAAsB~~,aAAA,~~EAAClB~~,gBAAA,~~CAAAoB~~,OAAe;~~IACfN~~,OAAO,EAAGA,OAAS;IACnBC,YAAY,EAAGA;EAAc,CAC7B,CACA,CAAC;AAEL;AAAC,~~IAAAkB~~,QAAA,~~GAEcpB~~,uBAAuB;~~AAAAqB~~,OAAA,CAAAd,OAAA,GAAAa,QAAA"}
1	+ {"version":3,"names":["_i18n","require","_components","_element","_typographyPanel","_interopRequireDefault","_header","_typographyPreview","elements","text","description","__","title","link","heading","caption","button","ScreenTypographyElement","element","headingLevel","setHeadingLevel","useState","_react","createElement","Fragment","default","__experimentalSpacer","marginX","marginBottom","__experimentalToggleGroupControl","label","hideLabelFromVision","value","onChange","isBlock","size","__nextHasNoMarginBottom","__experimentalToggleGroupControlOption","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-typography-element.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalSpacer as Spacer,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport TypographyPanel from './typography-panel';\nimport ScreenHeader from './header';\nimport TypographyPreview from './typography-preview';\n\nconst elements = {\n\ttext: {\n\t\tdescription: __( 'Manage the fonts used on the site.' ),\n\t\ttitle: __( 'Text' ),\n\t},\n\tlink: {\n\t\tdescription: __( 'Manage the fonts and typography used on the links.' ),\n\t\ttitle: __( 'Links' ),\n\t},\n\theading: {\n\t\tdescription: __( 'Manage the fonts and typography used on headings.' ),\n\t\ttitle: __( 'Headings' ),\n\t},\n\tcaption: {\n\t\tdescription: __( 'Manage the fonts and typography used on captions.' ),\n\t\ttitle: __( 'Captions' ),\n\t},\n\tbutton: {\n\t\tdescription: __( 'Manage the fonts and typography used on buttons.' ),\n\t\ttitle: __( 'Buttons' ),\n\t},\n};\n\nfunction ScreenTypographyElement( { element } ) {\n\tconst [ headingLevel, setHeadingLevel ] = useState( 'heading' );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ elements[ element ].title }\n\t\t\t\tdescription={ elements[ element ].description }\n\t\t\t/>\n\t\t\t<Spacer marginX={ 4 }>\n\t\t\t\t<TypographyPreview\n\t\t\t\t\telement={ element }\n\t\t\t\t\theadingLevel={ headingLevel }\n\t\t\t\t/>\n\t\t\t</Spacer>\n\t\t\t{ element === 'heading' && (\n\t\t\t\t<Spacer marginX={ 4 } marginBottom=\"1em\">\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\tlabel={ __( 'Select heading level' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ headingLevel }\n\t\t\t\t\t\tonChange={ setHeadingLevel }\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"heading\"\n\t\t\t\t\t\t\t/ translators: 'All' refers to selecting all heading levels \n\t\t\t\t\t\t\tand applying the same style to h1-h6. */\n\t\t\t\t\t\t\tlabel={ __( 'All' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h1\"\n\t\t\t\t\t\t\tlabel={ __( 'H1' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h2\"\n\t\t\t\t\t\t\tlabel={ __( 'H2' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h3\"\n\t\t\t\t\t\t\tlabel={ __( 'H3' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h4\"\n\t\t\t\t\t\t\tlabel={ __( 'H4' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h5\"\n\t\t\t\t\t\t\tlabel={ __( 'H5' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h6\"\n\t\t\t\t\t\t\tlabel={ __( 'H6' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t</Spacer>\n\t\t\t) }\n\t\t\t<TypographyPanel\n\t\t\t\telement={ element }\n\t\t\t\theadingLevel={ headingLevel }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default ScreenTypographyElement;\n"],"mappings":"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"}

package/build/components/global-styles/screen-typography.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _typogrphyElements = _interopRequireDefault(require("./typogrphy-elements"));
@@ -20,14 +20,14 @@ var _header = _interopRequireDefault(require("./header"));
  */
 function ScreenTypography() {
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_header.default, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_header.default, {
     title: (0, _i18n.__)('Typography'),
     description: (0, _i18n.__)('Manage the typography settings for different elements.')
-  }), (0, _element.createElement)("div", {
+  }), (0, _react.createElement)("div", {
     className: "edit-site-global-styles-screen-typography"
-  }, (0, _element.createElement)(_components.__experimentalVStack, {
+  }, (0, _react.createElement)(_components.__experimentalVStack, {
     spacing: 6
-  }, _fontFamilies.default && !window.__experimentalDisableFontLibrary && (0, _element.createElement)(_fontFamilies.default, null), (0, _element.createElement)(_typogrphyElements.default, null))));
+  }, !window.__experimentalDisableFontLibrary && (0, _react.createElement)(_fontFamilies.default, null), (0, _react.createElement)(_typogrphyElements.default, null))));
 }
 var _default = ScreenTypography;
 exports.default = _default;

package/build/components/global-styles/screen-typography.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_components","_typogrphyElements","_interopRequireDefault","_fontFamilies","_header","ScreenTypography","~~_element~~","createElement","Fragment","default","title","__","description","className","__experimentalVStack","spacing","~~FontFamilies","~~window","__experimentalDisableFontLibrary","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-typography.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\n\n/\n Internal dependencies\n */\nimport TypographyElements from './typogrphy-elements';\nimport FontFamilies from './font-families';\nimport ScreenHeader from './header';\n\nfunction ScreenTypography() {\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Typography' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Manage the typography settings for different elements.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen-typography\">\n\t\t\t\t<VStack spacing={ 6 }>\n\t\t\t\t\t{ ~~FontFamilies &&\n\t\t\t\t\t\t~~! window.__experimentalDisableFontLibrary && (\n\t\t\t\t\t\t\t<FontFamilies />\n\t\t\t\t\t\t) }\n\t\t\t\t\t<TypographyElements />\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenTypography;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,OAAA,GAAAF,sBAAA,CAAAH,OAAA;AAXA;AACA;AACA;;AAIA;AACA;AACA;;AAKA,SAASM,gBAAgBA,CAAA,EAAG;EAC3B,OACC,IAAAC,~~QAAA~~,CAAAC,aAAA,EAAAD,~~QAAA~~,CAAAE,QAAA,QACC,IAAAF,~~QAAA~~,CAAAC,aAAA,EAACH,OAAA,CAAAK,OAAY;IACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,YAAa,CAAG;IAC5BC,WAAW,EAAG,IAAAD,QAAE,EACf,wDACD;EAAG,CACH,CAAC,EACF,IAAAL,~~QAAA~~,CAAAC,aAAA;IAAKM,SAAS,EAAC;EAA2C,GACzD,IAAAP,~~QAAA~~,CAAAC,aAAA,EAACP,WAAA,CAAAc,oBAAM;IAACC,OAAO,EAAG;EAAG,~~GAClBC~~,~~qBAAY,IACb,~~CAAEC,MAAM,CAACC,gCAAgC,~~IACxC~~,~~IAAAZ~~,~~QAAA~~,CAAAC,aAAA,EAACJ,aAAA,CAAAM,OAAY,MAAE,CACf,~~EACF~~,IAAAH,~~QAAA~~,CAAAC,aAAA,EAACN,kBAAA,CAAAQ,OAAkB,MAAE,CACd,CACJ,CACJ,CAAC;AAEL;AAAC,~~IAAAU~~,QAAA,~~GAEcd~~,gBAAgB;~~AAAAe~~,OAAA,~~CAAAX~~,OAAA,~~GAAAU~~,QAAA"}
1	+ {"version":3,"names":["_i18n","require","_components","_typogrphyElements","_interopRequireDefault","_fontFamilies","_header","ScreenTypography","_react","createElement","Fragment","default","title","__","description","className","__experimentalVStack","spacing","window","__experimentalDisableFontLibrary","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-typography.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\n\n/\n Internal dependencies\n */\nimport TypographyElements from './typogrphy-elements';\nimport FontFamilies from './font-families';\nimport ScreenHeader from './header';\n\nfunction ScreenTypography() {\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Typography' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Manage the typography settings for different elements.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen-typography\">\n\t\t\t\t<VStack spacing={ 6 }>\n\t\t\t\t\t{ ! window.__experimentalDisableFontLibrary && (\n\t\t\t\t\t\t<FontFamilies />\n\t\t\t\t\t) }\n\t\t\t\t\t<TypographyElements />\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenTypography;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,OAAA,GAAAF,sBAAA,CAAAH,OAAA;AAXA;AACA;AACA;;AAIA;AACA;AACA;;AAKA,SAASM,gBAAgBA,CAAA,EAAG;EAC3B,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACH,OAAA,CAAAK,OAAY;IACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,YAAa,CAAG;IAC5BC,WAAW,EAAG,IAAAD,QAAE,EACf,wDACD;EAAG,CACH,CAAC,EACF,IAAAL,MAAA,CAAAC,aAAA;IAAKM,SAAS,EAAC;EAA2C,GACzD,IAAAP,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAc,oBAAM;IAACC,OAAO,EAAG;EAAG,GAClB,CAAEC,MAAM,CAACC,gCAAgC,IAC1C,IAAAX,MAAA,CAAAC,aAAA,EAACJ,aAAA,CAAAM,OAAY,MAAE,CACf,EACD,IAAAH,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAQ,OAAkB,MAAE,CACd,CACJ,CACJ,CAAC;AAEL;AAAC,IAAAS,QAAA,GAEcb,gBAAgB;AAAAc,OAAA,CAAAV,OAAA,GAAAS,QAAA"}

package/build/components/global-styles/style-variations-container.js CHANGED Viewed

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = StyleVariationsContainer;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _coreData = require("@wordpress/core-data");
 var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
 var _keycodes = require("@wordpress/keycodes");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -75,9 +76,9 @@ function Variation({
     label = (0, _i18n.sprintf)( /* translators: %1$s: variation title. %2$s variation description. */
     (0, _i18n.__)('%1$s (%2$s)'), variation?.title, variation?.description);
   }
-  return (0, _element.createElement)(GlobalStylesContext.Provider, {
+  return (0, _react.createElement)(GlobalStylesContext.Provider, {
     value: context
-  }, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)("div", {
     className: (0, _classnames.default)('edit-site-global-styles-variations_item', {
       'is-active': isActive
     }),
@@ -89,9 +90,9 @@ function Variation({
     "aria-current": isActive,
     onFocus: () => setIsFocused(true),
     onBlur: () => setIsFocused(false)
-  }, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)("div", {
     className: "edit-site-global-styles-variations_item-preview"
-  }, (0, _element.createElement)(_preview.default, {
+  }, (0, _react.createElement)(_preview.default, {
     label: variation?.title,
     isFocused: isFocused,
     withHoverView: true
@@ -115,10 +116,10 @@ function StyleVariationsContainer() {
       };
     })];
   }, [variations]);
-  return (0, _element.createElement)(_components.__experimentalGrid, {
+  return (0, _react.createElement)(_components.__experimentalGrid, {
     columns: 2,
     className: "edit-site-global-styles-style-variations-container"
-  }, withEmptyVariation.map((variation, index) => (0, _element.createElement)(Variation, {
+  }, withEmptyVariation.map((variation, index) => (0, _react.createElement)(Variation, {
     key: index,
     variation: variation
   })));

package/build/components/global-styles/style-variations-container.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_element~~","~~require~~","~~_classnames~~","~~_interopRequireDefault~~","~~_coreData~~","~~_data~~","_keycodes","_components","_i18n","_blockEditor","_globalStylesProvider","_preview","_lockUnlock","GlobalStylesContext","areGlobalStyleConfigsEqual","unlock","blockEditorPrivateApis","Variation","variation","isFocused","setIsFocused","useState","base","user","setUserConfig","useContext","context","useMemo","_variation$settings","_variation$styles","settings","styles","merged","mergeBaseAndUserConfigs","selectVariation","selectOnEnter","event","keyCode","ENTER","preventDefault","isActive","label","title","description","sprintf","__","createElement","Provider","value","className","classnames","role","onClick","onKeyDown","tabIndex","onFocus","onBlur","default","withHoverView","StyleVariationsContainer","variations","useSelect","select","coreStore","__experimentalGetCurrentThemeGlobalStylesVariations","withEmptyVariation","map","_variation$settings2","_variation$styles2","__experimentalGrid","columns","index","key"],"sources":["@wordpress/edit-site/src/components/global-styles/style-variations-container.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo, useContext, useState } from '@wordpress/element';\nimport { ENTER } from '@wordpress/keycodes';\nimport { __experimentalGrid as Grid } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n /\nimport { mergeBaseAndUserConfigs } from './global-styles-provider';\nimport StylesPreview from './preview';\nimport { unlock } from '../../lock-unlock';\n\nconst { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction Variation( { variation } ) {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\tconst { base, user, setUserConfig } = useContext( GlobalStylesContext );\n\tconst context = useMemo( () => {\n\t\treturn {\n\t\t\tuser: {\n\t\t\t\tsettings: variation.settings ?? {},\n\t\t\t\tstyles: variation.styles ?? {},\n\t\t\t},\n\t\t\tbase,\n\t\t\tmerged: mergeBaseAndUserConfigs( base, variation ),\n\t\t\tsetUserConfig: () => {},\n\t\t};\n\t}, [ variation, base ] );\n\n\tconst selectVariation = () => {\n\t\tsetUserConfig( () => {\n\t\t\treturn {\n\t\t\t\tsettings: variation.settings,\n\t\t\t\tstyles: variation.styles,\n\t\t\t};\n\t\t} );\n\t};\n\n\tconst selectOnEnter = ( event ) => {\n\t\tif ( event.keyCode === ENTER ) {\n\t\t\tevent.preventDefault();\n\t\t\tselectVariation();\n\t\t}\n\t};\n\n\tconst isActive = useMemo( () => {\n\t\treturn areGlobalStyleConfigsEqual( user, variation );\n\t}, [ user, variation ] );\n\n\tlet label = variation?.title;\n\tif ( variation?.description ) {\n\t\tlabel = sprintf(\n\t\t\t/ translators: %1$s: variation title. %2$s variation description. */\n\t\t\t__( '%1$s (%2$s)' ),\n\t\t\tvariation?.title,\n\t\t\tvariation?.description\n\t\t);\n\t}\n\n\treturn (\n\t\t<GlobalStylesContext.Provider value={ context }>\n\t\t\t<div\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'edit-site-global-styles-variations_item',\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-active': isActive,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t\trole=\"button\"\n\t\t\t\tonClick={ selectVariation }\n\t\t\t\tonKeyDown={ selectOnEnter }\n\t\t\t\ttabIndex=\"0\"\n\t\t\t\taria-label={ label }\n\t\t\t\taria-current={ isActive }\n\t\t\t\tonFocus={ () => setIsFocused( true ) }\n\t\t\t\tonBlur={ () => setIsFocused( false ) }\n\t\t\t>\n\t\t\t\t<div className=\"edit-site-global-styles-variations_item-preview\">\n\t\t\t\t\t<StylesPreview\n\t\t\t\t\t\tlabel={ variation?.title }\n\t\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t\t\twithHoverView\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</GlobalStylesContext.Provider>\n\t);\n}\n\nexport default function StyleVariationsContainer() {\n\tconst variations = useSelect( ( select ) => {\n\t\treturn select(\n\t\t\tcoreStore\n\t\t).__experimentalGetCurrentThemeGlobalStylesVariations();\n\t}, [] );\n\n\tconst withEmptyVariation = useMemo( () => {\n\t\treturn [\n\t\t\t{\n\t\t\t\ttitle: __( 'Default' ),\n\t\t\t\tsettings: {},\n\t\t\t\tstyles: {},\n\t\t\t},\n\t\t\t...( variations ?? [] ).map( ( variation ) => ( {\n\t\t\t\t...variation,\n\t\t\t\tsettings: variation.settings ?? {},\n\t\t\t\tstyles: variation.styles ?? {},\n\t\t\t} ) ),\n\t\t];\n\t}, [ variations ] );\n\n\treturn (\n\t\t<Grid\n\t\t\tcolumns={ 2 }\n\t\t\tclassName=\"edit-site-global-styles-style-variations-container\"\n\t\t>\n\t\t\t{ withEmptyVariation.map( ( variation, index ) => (\n\t\t\t\t<Variation key={ index } variation={ variation } />\n\t\t\t) ) }\n\t\t</Grid>\n\t);\n}\n"],"mappings":"~~;;;;;;;AAUA~~,IAAAA,~~QAAA~~,GAAAC,OAAA;~~AAPA~~,IAAAC,~~WAAA~~,~~GAAAC~~,~~sBAAA~~,~~CAAAF~~,OAAA;~~AAKA~~,IAAAG,~~SAAA~~,GAAAH,OAAA;AACA,IAAAI,~~KAAA~~,GAAAJ,OAAA;~~AAEA~~,IAAAK,~~SAAA~~,GAAAL,OAAA;AACA,IAAAM,~~WAAA~~,GAAAN,OAAA;AACA,IAAAO,~~KAAA~~,GAAAP,OAAA;~~AACA~~,IAAAQ,~~YAAA~~,GAAAR,OAAA;~~AAKA~~,IAAAS,~~qBAAA,GAAAT,OAAA;AACA,IAAAU,~~QAAA,~~GAAAR~~,sBAAA,~~CAAAF~~,OAAA;AACA,~~IAAAW~~,WAAA,~~GAAAX~~,OAAA;AArBA;AACA;AACA;;AAGA;AACA;AACA;;AASA;AACA;AACA;;AAKA,MAAM;~~EAAEY~~,mBAAmB;EAAEC;AAA2B,CAAC,GAAG,IAAAC,kBAAM,EACjEC,wBACD,CAAC;AAED,SAASC,SAASA,CAAE;EAAEC;AAAU,CAAC,EAAG;EACnC,MAAM,CAAEC,SAAS,EAAEC,YAAY,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EACrD,MAAM;IAAEC,IAAI;IAAEC,IAAI;IAAEC;EAAc,CAAC,GAAG,IAAAC,mBAAU,EAAEZ,mBAAoB,CAAC;EACvE,MAAMa,OAAO,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAAA,IAAAC,mBAAA,EAAAC,iBAAA;IAC9B,OAAO;MACNN,IAAI,EAAE;QACLO,QAAQ,GAAAF,mBAAA,GAAEV,SAAS,CAACY,QAAQ,cAAAF,mBAAA,cAAAA,mBAAA,GAAI,CAAC,CAAC;QAClCG,MAAM,GAAAF,iBAAA,GAAEX,SAAS,CAACa,MAAM,cAAAF,iBAAA,cAAAA,iBAAA,GAAI,CAAC;MAC9B,CAAC;MACDP,IAAI;MACJU,MAAM,EAAE,IAAAC,6CAAuB,EAAEX,IAAI,EAAEJ,SAAU,CAAC;MAClDM,aAAa,EAAEA,CAAA,KAAM,CAAC;IACvB,CAAC;EACF,CAAC,EAAE,CAAEN,SAAS,EAAEI,IAAI,CAAG,CAAC;EAExB,MAAMY,eAAe,GAAGA,CAAA,KAAM;IAC7BV,aAAa,CAAE,MAAM;MACpB,OAAO;QACNM,QAAQ,EAAEZ,SAAS,CAACY,QAAQ;QAC5BC,MAAM,EAAEb,SAAS,CAACa;MACnB,CAAC;IACF,CAAE,CAAC;EACJ,CAAC;EAED,MAAMI,aAAa,GAAKC,KAAK,IAAM;IAClC,IAAKA,KAAK,CAACC,OAAO,KAAKC,eAAK,EAAG;MAC9BF,KAAK,CAACG,cAAc,CAAC,CAAC;MACtBL,eAAe,CAAC,CAAC;IAClB;EACD,CAAC;EAED,MAAMM,QAAQ,GAAG,IAAAb,gBAAO,EAAE,MAAM;IAC/B,OAAOb,0BAA0B,CAAES,IAAI,EAAEL,SAAU,CAAC;EACrD,CAAC,EAAE,CAAEK,IAAI,EAAEL,SAAS,CAAG,CAAC;EAExB,IAAIuB,KAAK,GAAGvB,SAAS,EAAEwB,KAAK;EAC5B,IAAKxB,SAAS,EAAEyB,WAAW,EAAG;IAC7BF,KAAK,GAAG,IAAAG,aAAO,GACd;IACA,IAAAC,QAAE,EAAE,aAAc,CAAC,EACnB3B,SAAS,EAAEwB,KAAK,EAChBxB,SAAS,EAAEyB,WACZ,CAAC;EACF;EAEA,OACC,~~IAAA3C~~,~~QAAA~~,~~CAAA8C~~,aAAA,~~EAACjC~~,mBAAmB,~~CAACkC~~,QAAQ;IAACC,KAAK,~~EAAGtB~~;EAAS,GAC9C,~~IAAA1B~~,~~QAAA~~,~~CAAA8C~~,aAAA;IACCG,SAAS,EAAG,IAAAC,mBAAU,EACrB,yCAAyC,EACzC;MACC,WAAW,~~EAAEV~~;IACd,CACD,CAAG;~~IACHW~~,IAAI,EAAC,QAAQ;IACbC,OAAO,~~EAAGlB~~,eAAiB;~~IAC3BmB~~,SAAS,~~EAAGlB~~,aAAe;~~IAC3BmB~~,QAAQ,EAAC,GAAG;IACZ,~~cAAab~~,KAAO;IACpB,gBAAeD,QAAU;~~IACzBe~~,OAAO,EAAGA,CAAA,~~KAAMnC~~,YAAY,CAAE,IAAK,CAAG;~~IACtCoC~~,MAAM,EAAGA,CAAA,~~KAAMpC~~,YAAY,CAAE,KAAM;EAAG,GAEtC,~~IAAApB~~,~~QAAA~~,~~CAAA8C~~,aAAA;IAAKG,SAAS,EAAC;EAAiD,GAC/D,~~IAAAjD~~,~~QAAA~~,~~CAAA8C~~,aAAA,~~EAACnC~~,QAAA,~~CAAA8C~~,OAAa;~~IACbhB~~,KAAK,EAAGvB,SAAS,EAAEwB,KAAO;IAC1BvB,SAAS,EAAGA,SAAW;~~IACvBuC~~,aAAa;EAAA,CACb,CACG,CACD,CACwB,CAAC;AAEjC;AAEe,SAASC,wBAAwBA,CAAA,EAAG;EAClD,MAAMC,UAAU,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC3C,OAAOA,MAAM,CACZC,eACD,CAAC,CAACC,mDAAmD,CAAC,CAAC;EACxD,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,kBAAkB,GAAG,~~IAAAtC~~,gBAAO,EAAE,MAAM;IACzC,OAAO,CACN;MACCe,KAAK,EAAE,IAAAG,QAAE,EAAE,SAAU,CAAC;MACtBf,QAAQ,EAAE,CAAC,CAAC;MACZC,MAAM,EAAE,CAAC;IACV,CAAC,EACD,GAAG,~~CAAE6B~~,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,EAAE,EAAGM,GAAG,~~CAAIhD~~,SAAS;MAAA,~~IAAAiD~~,oBAAA,EAAAC,kBAAA;MAAA,OAAQ;QAC/C,~~GAAGlD~~,SAAS;QACZY,QAAQ,~~GAAAqC~~,oBAAA,~~GAAEjD~~,SAAS,CAACY,QAAQ,~~cAAAqC~~,oBAAA,cAAAA,oBAAA,GAAI,CAAC,CAAC;~~QAClCpC~~,MAAM,~~GAAAqC~~,kBAAA,~~GAAElD~~,SAAS,CAACa,MAAM,~~cAAAqC~~,kBAAA,cAAAA,kBAAA,GAAI,CAAC;MAC9B,CAAC;IAAA,CAAG,CAAC,CACL;EACF,CAAC,EAAE,CAAER,UAAU,CAAG,CAAC;EAEnB,OACC,~~IAAA5D~~,~~QAAA~~,~~CAAA8C~~,aAAA,~~EAACvC~~,WAAA,~~CAAA8D~~,kBAAI;IACJC,OAAO,EAAG,CAAG;IACbrB,SAAS,EAAC;EAAoD,GAE5DgB,kBAAkB,CAACC,GAAG,CAAE,~~CAAEhD~~,SAAS,~~EAAEqD~~,KAAK,KAC3C,~~IAAAvE~~,~~QAAA~~,~~CAAA8C~~,aAAA,~~EAAC7B~~,SAAS;~~IAACuD~~,GAAG,EAAGD,KAAO;~~IAACrD~~,SAAS,EAAGA;EAAW,CAAE,CACjD,CACG,CAAC;AAET"}
1	+ {"version":3,"names":["_classnames","_interopRequireDefault","require","_coreData","_data","_element","_keycodes","_components","_i18n","_blockEditor","_globalStylesProvider","_preview","_lockUnlock","GlobalStylesContext","areGlobalStyleConfigsEqual","unlock","blockEditorPrivateApis","Variation","variation","isFocused","setIsFocused","useState","base","user","setUserConfig","useContext","context","useMemo","_variation$settings","_variation$styles","settings","styles","merged","mergeBaseAndUserConfigs","selectVariation","selectOnEnter","event","keyCode","ENTER","preventDefault","isActive","label","title","description","sprintf","__","_react","createElement","Provider","value","className","classnames","role","onClick","onKeyDown","tabIndex","onFocus","onBlur","default","withHoverView","StyleVariationsContainer","variations","useSelect","select","coreStore","__experimentalGetCurrentThemeGlobalStylesVariations","withEmptyVariation","map","_variation$settings2","_variation$styles2","__experimentalGrid","columns","index","key"],"sources":["@wordpress/edit-site/src/components/global-styles/style-variations-container.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo, useContext, useState } from '@wordpress/element';\nimport { ENTER } from '@wordpress/keycodes';\nimport { __experimentalGrid as Grid } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n /\nimport { mergeBaseAndUserConfigs } from './global-styles-provider';\nimport StylesPreview from './preview';\nimport { unlock } from '../../lock-unlock';\n\nconst { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction Variation( { variation } ) {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\tconst { base, user, setUserConfig } = useContext( GlobalStylesContext );\n\tconst context = useMemo( () => {\n\t\treturn {\n\t\t\tuser: {\n\t\t\t\tsettings: variation.settings ?? {},\n\t\t\t\tstyles: variation.styles ?? {},\n\t\t\t},\n\t\t\tbase,\n\t\t\tmerged: mergeBaseAndUserConfigs( base, variation ),\n\t\t\tsetUserConfig: () => {},\n\t\t};\n\t}, [ variation, base ] );\n\n\tconst selectVariation = () => {\n\t\tsetUserConfig( () => {\n\t\t\treturn {\n\t\t\t\tsettings: variation.settings,\n\t\t\t\tstyles: variation.styles,\n\t\t\t};\n\t\t} );\n\t};\n\n\tconst selectOnEnter = ( event ) => {\n\t\tif ( event.keyCode === ENTER ) {\n\t\t\tevent.preventDefault();\n\t\t\tselectVariation();\n\t\t}\n\t};\n\n\tconst isActive = useMemo( () => {\n\t\treturn areGlobalStyleConfigsEqual( user, variation );\n\t}, [ user, variation ] );\n\n\tlet label = variation?.title;\n\tif ( variation?.description ) {\n\t\tlabel = sprintf(\n\t\t\t/ translators: %1$s: variation title. %2$s variation description. */\n\t\t\t__( '%1$s (%2$s)' ),\n\t\t\tvariation?.title,\n\t\t\tvariation?.description\n\t\t);\n\t}\n\n\treturn (\n\t\t<GlobalStylesContext.Provider value={ context }>\n\t\t\t<div\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'edit-site-global-styles-variations_item',\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-active': isActive,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t\trole=\"button\"\n\t\t\t\tonClick={ selectVariation }\n\t\t\t\tonKeyDown={ selectOnEnter }\n\t\t\t\ttabIndex=\"0\"\n\t\t\t\taria-label={ label }\n\t\t\t\taria-current={ isActive }\n\t\t\t\tonFocus={ () => setIsFocused( true ) }\n\t\t\t\tonBlur={ () => setIsFocused( false ) }\n\t\t\t>\n\t\t\t\t<div className=\"edit-site-global-styles-variations_item-preview\">\n\t\t\t\t\t<StylesPreview\n\t\t\t\t\t\tlabel={ variation?.title }\n\t\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t\t\twithHoverView\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</GlobalStylesContext.Provider>\n\t);\n}\n\nexport default function StyleVariationsContainer() {\n\tconst variations = useSelect( ( select ) => {\n\t\treturn select(\n\t\t\tcoreStore\n\t\t).__experimentalGetCurrentThemeGlobalStylesVariations();\n\t}, [] );\n\n\tconst withEmptyVariation = useMemo( () => {\n\t\treturn [\n\t\t\t{\n\t\t\t\ttitle: __( 'Default' ),\n\t\t\t\tsettings: {},\n\t\t\t\tstyles: {},\n\t\t\t},\n\t\t\t...( variations ?? [] ).map( ( variation ) => ( {\n\t\t\t\t...variation,\n\t\t\t\tsettings: variation.settings ?? {},\n\t\t\t\tstyles: variation.styles ?? {},\n\t\t\t} ) ),\n\t\t];\n\t}, [ variations ] );\n\n\treturn (\n\t\t<Grid\n\t\t\tcolumns={ 2 }\n\t\t\tclassName=\"edit-site-global-styles-style-variations-container\"\n\t\t>\n\t\t\t{ withEmptyVariation.map( ( variation, index ) => (\n\t\t\t\t<Variation key={ index } variation={ variation } />\n\t\t\t) ) }\n\t\t</Grid>\n\t);\n}\n"],"mappings":"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"}

package/build/components/global-styles/subtitle.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 /**
  * WordPress dependencies
@@ -14,7 +14,7 @@ function Subtitle({
   children,
   level
 }) {
-  return (0, _element.createElement)(_components.__experimentalHeading, {
+  return (0, _react.createElement)(_components.__experimentalHeading, {
     className: "edit-site-global-styles-subtitle",
     level: level !== null && level !== void 0 ? level : 2
   }, children);

package/build/components/global-styles/subtitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","Subtitle","children","level","~~_element~~","createElement","__experimentalHeading","className","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/subtitle.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { __experimentalHeading as Heading } from '@wordpress/components';\n\nfunction Subtitle( { children, level } ) {\n\treturn (\n\t\t<Heading\n\t\t\tclassName=\"edit-site-global-styles-subtitle\"\n\t\t\tlevel={ level ?? 2 }\n\t\t>\n\t\t\t{ children }\n\t\t</Heading>\n\t);\n}\n\nexport default Subtitle;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,SAASC,QAAQA,CAAE;EAAEC,QAAQ;EAAEC;AAAM,CAAC,EAAG;EACxC,OACC,IAAAC,~~QAAA~~,CAAAC,aAAA,EAACN,WAAA,CAAAO,qBAAO;IACPC,SAAS,EAAC,kCAAkC;IAC5CJ,KAAK,EAAGA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI;EAAG,GAElBD,QACM,CAAC;AAEZ;AAAC,IAAAM,QAAA,GAEcP,QAAQ;AAAAQ,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
1	+ {"version":3,"names":["_components","require","Subtitle","children","level","_react","createElement","__experimentalHeading","className","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/subtitle.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { __experimentalHeading as Heading } from '@wordpress/components';\n\nfunction Subtitle( { children, level } ) {\n\treturn (\n\t\t<Heading\n\t\t\tclassName=\"edit-site-global-styles-subtitle\"\n\t\t\tlevel={ level ?? 2 }\n\t\t>\n\t\t\t{ children }\n\t\t</Heading>\n\t);\n}\n\nexport default Subtitle;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,SAASC,QAAQA,CAAE;EAAEC,QAAQ;EAAEC;AAAM,CAAC,EAAG;EACxC,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACN,WAAA,CAAAO,qBAAO;IACPC,SAAS,EAAC,kCAAkC;IAC5CJ,KAAK,EAAGA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI;EAAG,GAElBD,QACM,CAAC;AAEZ;AAAC,IAAAM,QAAA,GAEcP,QAAQ;AAAAQ,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/global-styles/typography-panel.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TypographyPanel;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 var _lockUnlock = require("../../lock-unlock");
 /**
@@ -41,7 +41,7 @@ function TypographyPanel({
   const [rawSettings] = useGlobalSetting('');
   const usedElement = element === 'heading' ? headingLevel : element;
   const settings = useSettingsForBlockElement(rawSettings, undefined, usedElement);
-  return (0, _element.createElement)(StylesTypographyPanel, {
+  return (0, _react.createElement)(StylesTypographyPanel, {
     inheritedValue: inheritedStyle,
     value: style,
     onChange: setStyle,

package/build/components/global-styles/typography-panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_blockEditor","require","_lockUnlock","useGlobalStyle","useGlobalSetting","useSettingsForBlockElement","TypographyPanel","StylesTypographyPanel","unlock","blockEditorPrivateApis","element","headingLevel","prefixParts","concat","prefix","join","style","undefined","shouldDecodeEncode","inheritedStyle","setStyle","rawSettings","usedElement","settings","~~_element~~","createElement","inheritedValue","value","onChange"],"sources":["@wordpress/edit-site/src/components/global-styles/typography-panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tTypographyPanel: StylesTypographyPanel,\n} = unlock( blockEditorPrivateApis );\n\nexport default function TypographyPanel( { element, headingLevel } ) {\n\tlet prefixParts = [];\n\tif ( element === 'heading' ) {\n\t\tprefixParts = prefixParts.concat( [ 'elements', headingLevel ] );\n\t} else if ( element && element !== 'text' ) {\n\t\tprefixParts = prefixParts.concat( [ 'elements', element ] );\n\t}\n\tconst prefix = prefixParts.join( '.' );\n\n\tconst [ style ] = useGlobalStyle( prefix, undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle(\n\t\tprefix,\n\t\tundefined,\n\t\t'all',\n\t\t{\n\t\t\tshouldDecodeEncode: false,\n\t\t}\n\t);\n\tconst [ rawSettings ] = useGlobalSetting( '' );\n\tconst usedElement = element === 'heading' ? headingLevel : element;\n\tconst settings = useSettingsForBlockElement(\n\t\trawSettings,\n\t\tundefined,\n\t\tusedElement\n\t);\n\n\treturn (\n\t\t<StylesTypographyPanel\n\t\t\tinheritedValue={ inheritedStyle }\n\t\t\tvalue={ style }\n\t\t\tonChange={ setStyle }\n\t\t\tsettings={ settings }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAM;EACLE,cAAc;EACdC,gBAAgB;EAChBC,0BAA0B;EAC1BC,eAAe,EAAEC;AAClB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAErB,SAASH,eAAeA,CAAE;EAAEI,OAAO;EAAEC;AAAa,CAAC,EAAG;EACpE,IAAIC,WAAW,GAAG,EAAE;EACpB,IAAKF,OAAO,KAAK,SAAS,EAAG;IAC5BE,WAAW,GAAGA,WAAW,CAACC,MAAM,CAAE,CAAE,UAAU,EAAEF,YAAY,CAAG,CAAC;EACjE,CAAC,MAAM,IAAKD,OAAO,IAAIA,OAAO,KAAK,MAAM,EAAG;IAC3CE,WAAW,GAAGA,WAAW,CAACC,MAAM,CAAE,CAAE,UAAU,EAAEH,OAAO,CAAG,CAAC;EAC5D;EACA,MAAMI,MAAM,GAAGF,WAAW,CAACG,IAAI,CAAE,GAAI,CAAC;EAEtC,MAAM,CAAEC,KAAK,CAAE,GAAGb,cAAc,CAAEW,MAAM,EAAEG,SAAS,EAAE,MAAM,EAAE;IAC5DC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,GAAGjB,cAAc,CAClDW,MAAM,EACNG,SAAS,EACT,KAAK,EACL;IACCC,kBAAkB,EAAE;EACrB,CACD,CAAC;EACD,MAAM,CAAEG,WAAW,CAAE,GAAGjB,gBAAgB,CAAE,EAAG,CAAC;EAC9C,MAAMkB,WAAW,GAAGZ,OAAO,KAAK,SAAS,GAAGC,YAAY,GAAGD,OAAO;EAClE,MAAMa,QAAQ,GAAGlB,0BAA0B,CAC1CgB,WAAW,EACXJ,SAAS,EACTK,WACD,CAAC;EAED,OACC,IAAAE,~~QAAA~~,CAAAC,aAAA,EAAClB,qBAAqB;IACrBmB,cAAc,EAAGP,cAAgB;IACjCQ,KAAK,EAAGX,KAAO;IACfY,QAAQ,EAAGR,QAAU;IACrBG,QAAQ,EAAGA;EAAU,CACrB,CAAC;AAEJ"}
1	+ {"version":3,"names":["_blockEditor","require","_lockUnlock","useGlobalStyle","useGlobalSetting","useSettingsForBlockElement","TypographyPanel","StylesTypographyPanel","unlock","blockEditorPrivateApis","element","headingLevel","prefixParts","concat","prefix","join","style","undefined","shouldDecodeEncode","inheritedStyle","setStyle","rawSettings","usedElement","settings","_react","createElement","inheritedValue","value","onChange"],"sources":["@wordpress/edit-site/src/components/global-styles/typography-panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tTypographyPanel: StylesTypographyPanel,\n} = unlock( blockEditorPrivateApis );\n\nexport default function TypographyPanel( { element, headingLevel } ) {\n\tlet prefixParts = [];\n\tif ( element === 'heading' ) {\n\t\tprefixParts = prefixParts.concat( [ 'elements', headingLevel ] );\n\t} else if ( element && element !== 'text' ) {\n\t\tprefixParts = prefixParts.concat( [ 'elements', element ] );\n\t}\n\tconst prefix = prefixParts.join( '.' );\n\n\tconst [ style ] = useGlobalStyle( prefix, undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle(\n\t\tprefix,\n\t\tundefined,\n\t\t'all',\n\t\t{\n\t\t\tshouldDecodeEncode: false,\n\t\t}\n\t);\n\tconst [ rawSettings ] = useGlobalSetting( '' );\n\tconst usedElement = element === 'heading' ? headingLevel : element;\n\tconst settings = useSettingsForBlockElement(\n\t\trawSettings,\n\t\tundefined,\n\t\tusedElement\n\t);\n\n\treturn (\n\t\t<StylesTypographyPanel\n\t\t\tinheritedValue={ inheritedStyle }\n\t\t\tvalue={ style }\n\t\t\tonChange={ setStyle }\n\t\t\tsettings={ settings }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAM;EACLE,cAAc;EACdC,gBAAgB;EAChBC,0BAA0B;EAC1BC,eAAe,EAAEC;AAClB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAErB,SAASH,eAAeA,CAAE;EAAEI,OAAO;EAAEC;AAAa,CAAC,EAAG;EACpE,IAAIC,WAAW,GAAG,EAAE;EACpB,IAAKF,OAAO,KAAK,SAAS,EAAG;IAC5BE,WAAW,GAAGA,WAAW,CAACC,MAAM,CAAE,CAAE,UAAU,EAAEF,YAAY,CAAG,CAAC;EACjE,CAAC,MAAM,IAAKD,OAAO,IAAIA,OAAO,KAAK,MAAM,EAAG;IAC3CE,WAAW,GAAGA,WAAW,CAACC,MAAM,CAAE,CAAE,UAAU,EAAEH,OAAO,CAAG,CAAC;EAC5D;EACA,MAAMI,MAAM,GAAGF,WAAW,CAACG,IAAI,CAAE,GAAI,CAAC;EAEtC,MAAM,CAAEC,KAAK,CAAE,GAAGb,cAAc,CAAEW,MAAM,EAAEG,SAAS,EAAE,MAAM,EAAE;IAC5DC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,GAAGjB,cAAc,CAClDW,MAAM,EACNG,SAAS,EACT,KAAK,EACL;IACCC,kBAAkB,EAAE;EACrB,CACD,CAAC;EACD,MAAM,CAAEG,WAAW,CAAE,GAAGjB,gBAAgB,CAAE,EAAG,CAAC;EAC9C,MAAMkB,WAAW,GAAGZ,OAAO,KAAK,SAAS,GAAGC,YAAY,GAAGD,OAAO;EAClE,MAAMa,QAAQ,GAAGlB,0BAA0B,CAC1CgB,WAAW,EACXJ,SAAS,EACTK,WACD,CAAC;EAED,OACC,IAAAE,MAAA,CAAAC,aAAA,EAAClB,qBAAqB;IACrBmB,cAAc,EAAGP,cAAgB;IACjCQ,KAAK,EAAGX,KAAO;IACfY,QAAQ,EAAGR,QAAU;IACrBG,QAAQ,EAAGA;EAAU,CACrB,CAAC;AAEJ"}

package/build/components/global-styles/typography-preview.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TypographyPreview;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 var _lockUnlock = require("../../lock-unlock");
 /**
@@ -40,7 +40,7 @@ function TypographyPreview({
   const extraStyles = element === 'link' ? {
     textDecoration: 'underline'
   } : {};
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     className: "edit-site-typography-preview",
     style: {
       fontFamily: fontFamily !== null && fontFamily !== void 0 ? fontFamily : 'serif',

package/build/components/global-styles/typography-preview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_blockEditor","require","_lockUnlock","useGlobalStyle","unlock","blockEditorPrivateApis","TypographyPreview","name","element","headingLevel","prefix","fontFamily","gradientValue","backgroundColor","color","fontSize","fontStyle","fontWeight","letterSpacing","extraStyles","textDecoration","~~_element~~","createElement","className","style","background"],"sources":["@wordpress/edit-site/src/components/global-styles/typography-preview.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nexport default function TypographyPreview( { name, element, headingLevel } ) {\n\tlet prefix = '';\n\tif ( element === 'heading' ) {\n\t\tprefix = `elements.${ headingLevel }.`;\n\t} else if ( element && element !== 'text' ) {\n\t\tprefix = `elements.${ element }.`;\n\t}\n\n\tconst [ fontFamily ] = useGlobalStyle(\n\t\tprefix + 'typography.fontFamily',\n\t\tname\n\t);\n\tconst [ gradientValue ] = useGlobalStyle( prefix + 'color.gradient', name );\n\tconst [ backgroundColor ] = useGlobalStyle(\n\t\tprefix + 'color.background',\n\t\tname\n\t);\n\tconst [ color ] = useGlobalStyle( prefix + 'color.text', name );\n\tconst [ fontSize ] = useGlobalStyle( prefix + 'typography.fontSize', name );\n\tconst [ fontStyle ] = useGlobalStyle(\n\t\tprefix + 'typography.fontStyle',\n\t\tname\n\t);\n\tconst [ fontWeight ] = useGlobalStyle(\n\t\tprefix + 'typography.fontWeight',\n\t\tname\n\t);\n\tconst [ letterSpacing ] = useGlobalStyle(\n\t\tprefix + 'typography.letterSpacing',\n\t\tname\n\t);\n\tconst extraStyles =\n\t\telement === 'link'\n\t\t\t? {\n\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t }\n\t\t\t: {};\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"edit-site-typography-preview\"\n\t\t\tstyle={ {\n\t\t\t\tfontFamily: fontFamily ?? 'serif',\n\t\t\t\tbackground: gradientValue ?? backgroundColor,\n\t\t\t\tcolor,\n\t\t\t\tfontSize,\n\t\t\t\tfontStyle,\n\t\t\t\tfontWeight,\n\t\t\t\tletterSpacing,\n\t\t\t\t...extraStyles,\n\t\t\t} }\n\t\t>\n\t\t\tAa\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAM;EAAEE;AAAe,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAE5C,SAASC,iBAAiBA,CAAE;EAAEC,IAAI;EAAEC,OAAO;EAAEC;AAAa,CAAC,EAAG;EAC5E,IAAIC,MAAM,GAAG,EAAE;EACf,IAAKF,OAAO,KAAK,SAAS,EAAG;IAC5BE,MAAM,GAAI,YAAYD,YAAc,GAAE;EACvC,CAAC,MAAM,IAAKD,OAAO,IAAIA,OAAO,KAAK,MAAM,EAAG;IAC3CE,MAAM,GAAI,YAAYF,OAAS,GAAE;EAClC;EAEA,MAAM,CAAEG,UAAU,CAAE,GAAGR,cAAc,CACpCO,MAAM,GAAG,uBAAuB,EAChCH,IACD,CAAC;EACD,MAAM,CAAEK,aAAa,CAAE,GAAGT,cAAc,CAAEO,MAAM,GAAG,gBAAgB,EAAEH,IAAK,CAAC;EAC3E,MAAM,CAAEM,eAAe,CAAE,GAAGV,cAAc,CACzCO,MAAM,GAAG,kBAAkB,EAC3BH,IACD,CAAC;EACD,MAAM,CAAEO,KAAK,CAAE,GAAGX,cAAc,CAAEO,MAAM,GAAG,YAAY,EAAEH,IAAK,CAAC;EAC/D,MAAM,CAAEQ,QAAQ,CAAE,GAAGZ,cAAc,CAAEO,MAAM,GAAG,qBAAqB,EAAEH,IAAK,CAAC;EAC3E,MAAM,CAAES,SAAS,CAAE,GAAGb,cAAc,CACnCO,MAAM,GAAG,sBAAsB,EAC/BH,IACD,CAAC;EACD,MAAM,CAAEU,UAAU,CAAE,GAAGd,cAAc,CACpCO,MAAM,GAAG,uBAAuB,EAChCH,IACD,CAAC;EACD,MAAM,CAAEW,aAAa,CAAE,GAAGf,cAAc,CACvCO,MAAM,GAAG,0BAA0B,EACnCH,IACD,CAAC;EACD,MAAMY,WAAW,GAChBX,OAAO,KAAK,MAAM,GACf;IACAY,cAAc,EAAE;EAChB,CAAC,GACD,CAAC,CAAC;EAEN,OACC,IAAAC,~~QAAA~~,CAAAC,aAAA;IACCC,SAAS,EAAC,8BAA8B;IACxCC,KAAK,EAAG;MACPb,UAAU,EAAEA,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,OAAO;MACjCc,UAAU,EAAEb,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAIC,eAAe;MAC5CC,KAAK;MACLC,QAAQ;MACRC,SAAS;MACTC,UAAU;MACVC,aAAa;MACb,GAAGC;IACJ;EAAG,GACH,IAEI,CAAC;AAER"}
1	+ {"version":3,"names":["_blockEditor","require","_lockUnlock","useGlobalStyle","unlock","blockEditorPrivateApis","TypographyPreview","name","element","headingLevel","prefix","fontFamily","gradientValue","backgroundColor","color","fontSize","fontStyle","fontWeight","letterSpacing","extraStyles","textDecoration","_react","createElement","className","style","background"],"sources":["@wordpress/edit-site/src/components/global-styles/typography-preview.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nexport default function TypographyPreview( { name, element, headingLevel } ) {\n\tlet prefix = '';\n\tif ( element === 'heading' ) {\n\t\tprefix = `elements.${ headingLevel }.`;\n\t} else if ( element && element !== 'text' ) {\n\t\tprefix = `elements.${ element }.`;\n\t}\n\n\tconst [ fontFamily ] = useGlobalStyle(\n\t\tprefix + 'typography.fontFamily',\n\t\tname\n\t);\n\tconst [ gradientValue ] = useGlobalStyle( prefix + 'color.gradient', name );\n\tconst [ backgroundColor ] = useGlobalStyle(\n\t\tprefix + 'color.background',\n\t\tname\n\t);\n\tconst [ color ] = useGlobalStyle( prefix + 'color.text', name );\n\tconst [ fontSize ] = useGlobalStyle( prefix + 'typography.fontSize', name );\n\tconst [ fontStyle ] = useGlobalStyle(\n\t\tprefix + 'typography.fontStyle',\n\t\tname\n\t);\n\tconst [ fontWeight ] = useGlobalStyle(\n\t\tprefix + 'typography.fontWeight',\n\t\tname\n\t);\n\tconst [ letterSpacing ] = useGlobalStyle(\n\t\tprefix + 'typography.letterSpacing',\n\t\tname\n\t);\n\tconst extraStyles =\n\t\telement === 'link'\n\t\t\t? {\n\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t }\n\t\t\t: {};\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"edit-site-typography-preview\"\n\t\t\tstyle={ {\n\t\t\t\tfontFamily: fontFamily ?? 'serif',\n\t\t\t\tbackground: gradientValue ?? backgroundColor,\n\t\t\t\tcolor,\n\t\t\t\tfontSize,\n\t\t\t\tfontStyle,\n\t\t\t\tfontWeight,\n\t\t\t\tletterSpacing,\n\t\t\t\t...extraStyles,\n\t\t\t} }\n\t\t>\n\t\t\tAa\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAM;EAAEE;AAAe,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAE5C,SAASC,iBAAiBA,CAAE;EAAEC,IAAI;EAAEC,OAAO;EAAEC;AAAa,CAAC,EAAG;EAC5E,IAAIC,MAAM,GAAG,EAAE;EACf,IAAKF,OAAO,KAAK,SAAS,EAAG;IAC5BE,MAAM,GAAI,YAAYD,YAAc,GAAE;EACvC,CAAC,MAAM,IAAKD,OAAO,IAAIA,OAAO,KAAK,MAAM,EAAG;IAC3CE,MAAM,GAAI,YAAYF,OAAS,GAAE;EAClC;EAEA,MAAM,CAAEG,UAAU,CAAE,GAAGR,cAAc,CACpCO,MAAM,GAAG,uBAAuB,EAChCH,IACD,CAAC;EACD,MAAM,CAAEK,aAAa,CAAE,GAAGT,cAAc,CAAEO,MAAM,GAAG,gBAAgB,EAAEH,IAAK,CAAC;EAC3E,MAAM,CAAEM,eAAe,CAAE,GAAGV,cAAc,CACzCO,MAAM,GAAG,kBAAkB,EAC3BH,IACD,CAAC;EACD,MAAM,CAAEO,KAAK,CAAE,GAAGX,cAAc,CAAEO,MAAM,GAAG,YAAY,EAAEH,IAAK,CAAC;EAC/D,MAAM,CAAEQ,QAAQ,CAAE,GAAGZ,cAAc,CAAEO,MAAM,GAAG,qBAAqB,EAAEH,IAAK,CAAC;EAC3E,MAAM,CAAES,SAAS,CAAE,GAAGb,cAAc,CACnCO,MAAM,GAAG,sBAAsB,EAC/BH,IACD,CAAC;EACD,MAAM,CAAEU,UAAU,CAAE,GAAGd,cAAc,CACpCO,MAAM,GAAG,uBAAuB,EAChCH,IACD,CAAC;EACD,MAAM,CAAEW,aAAa,CAAE,GAAGf,cAAc,CACvCO,MAAM,GAAG,0BAA0B,EACnCH,IACD,CAAC;EACD,MAAMY,WAAW,GAChBX,OAAO,KAAK,MAAM,GACf;IACAY,cAAc,EAAE;EAChB,CAAC,GACD,CAAC,CAAC;EAEN,OACC,IAAAC,MAAA,CAAAC,aAAA;IACCC,SAAS,EAAC,8BAA8B;IACxCC,KAAK,EAAG;MACPb,UAAU,EAAEA,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,OAAO;MACjCc,UAAU,EAAEb,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAIC,eAAe;MAC5CC,KAAK;MACLC,QAAQ;MACRC,SAAS;MACTC,UAAU;MACVC,aAAa;MACb,GAAGC;IACJ;EAAG,GACH,IAEI,CAAC;AAER"}

package/build/components/global-styles/typogrphy-elements.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
@@ -42,12 +42,12 @@ function ElementItem({
   const navigationButtonLabel = (0, _i18n.sprintf)(
   // translators: %s: is a subset of Typography, e.g., 'text' or 'links'.
   (0, _i18n.__)('Typography %s styles'), label);
-  return (0, _element.createElement)(_navigationButton.NavigationButtonAsItem, {
+  return (0, _react.createElement)(_navigationButton.NavigationButtonAsItem, {
     path: parentMenu + '/typography/' + element,
     "aria-label": navigationButtonLabel
-  }, (0, _element.createElement)(_components.__experimentalHStack, {
+  }, (0, _react.createElement)(_components.__experimentalHStack, {
     justify: "flex-start"
-  }, (0, _element.createElement)(_components.FlexItem, {
+  }, (0, _react.createElement)(_components.FlexItem, {
     className: "edit-site-global-styles-screen-typography__indicator",
     style: {
       fontFamily: fontFamily !== null && fontFamily !== void 0 ? fontFamily : 'serif',
@@ -58,34 +58,34 @@ function ElementItem({
       letterSpacing,
       ...extraStyles
     }
-  }, (0, _i18n.__)('Aa')), (0, _element.createElement)(_components.FlexItem, null, label)));
+  }, (0, _i18n.__)('Aa')), (0, _react.createElement)(_components.FlexItem, null, label)));
 }
 function TypographyElements() {
   const parentMenu = '';
-  return (0, _element.createElement)(_components.__experimentalVStack, {
+  return (0, _react.createElement)(_components.__experimentalVStack, {
     spacing: 3
-  }, (0, _element.createElement)(_subtitle.default, {
+  }, (0, _react.createElement)(_subtitle.default, {
     level: 3
-  }, (0, _i18n.__)('Elements')), (0, _element.createElement)(_components.__experimentalItemGroup, {
+  }, (0, _i18n.__)('Elements')), (0, _react.createElement)(_components.__experimentalItemGroup, {
     isBordered: true,
     isSeparated: true
-  }, (0, _element.createElement)(ElementItem, {
+  }, (0, _react.createElement)(ElementItem, {
     parentMenu: parentMenu,
     element: "text",
     label: (0, _i18n.__)('Text')
-  }), (0, _element.createElement)(ElementItem, {
+  }), (0, _react.createElement)(ElementItem, {
     parentMenu: parentMenu,
     element: "link",
     label: (0, _i18n.__)('Links')
-  }), (0, _element.createElement)(ElementItem, {
+  }), (0, _react.createElement)(ElementItem, {
     parentMenu: parentMenu,
     element: "heading",
     label: (0, _i18n.__)('Headings')
-  }), (0, _element.createElement)(ElementItem, {
+  }), (0, _react.createElement)(ElementItem, {
     parentMenu: parentMenu,
     element: "caption",
     label: (0, _i18n.__)('Captions')
-  }), (0, _element.createElement)(ElementItem, {
+  }), (0, _react.createElement)(ElementItem, {
     parentMenu: parentMenu,
     element: "button",
     label: (0, _i18n.__)('Buttons')

package/build/components/global-styles/typogrphy-elements.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_components","_blockEditor","_navigationButton","_subtitle","_interopRequireDefault","_lockUnlock","useGlobalStyle","unlock","blockEditorPrivateApis","ElementItem","parentMenu","element","label","prefix","extraStyles","textDecoration","fontFamily","fontStyle","fontWeight","letterSpacing","backgroundColor","gradientValue","color","navigationButtonLabel","sprintf","__","~~_element~~","createElement","NavigationButtonAsItem","path","__experimentalHStack","justify","FlexItem","className","style","background","TypographyElements","__experimentalVStack","spacing","default","level","__experimentalItemGroup","isBordered","isSeparated","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/typogrphy-elements.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport { NavigationButtonAsItem } from './navigation-button';\nimport Subtitle from './subtitle';\n\nimport { unlock } from '../../lock-unlock';\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nfunction ElementItem( { parentMenu, element, label } ) {\n\tconst prefix =\n\t\telement === 'text' \|\| ! element ? '' : `elements.${ element }.`;\n\tconst extraStyles =\n\t\telement === 'link'\n\t\t\t? {\n\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t }\n\t\t\t: {};\n\tconst [ fontFamily ] = useGlobalStyle( prefix + 'typography.fontFamily' );\n\tconst [ fontStyle ] = useGlobalStyle( prefix + 'typography.fontStyle' );\n\tconst [ fontWeight ] = useGlobalStyle( prefix + 'typography.fontWeight' );\n\tconst [ letterSpacing ] = useGlobalStyle(\n\t\tprefix + 'typography.letterSpacing'\n\t);\n\tconst [ backgroundColor ] = useGlobalStyle( prefix + 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( prefix + 'color.gradient' );\n\tconst [ color ] = useGlobalStyle( prefix + 'color.text' );\n\n\tconst navigationButtonLabel = sprintf(\n\t\t// translators: %s: is a subset of Typography, e.g., 'text' or 'links'.\n\t\t__( 'Typography %s styles' ),\n\t\tlabel\n\t);\n\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ parentMenu + '/typography/' + element }\n\t\t\taria-label={ navigationButtonLabel }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t<FlexItem\n\t\t\t\t\tclassName=\"edit-site-global-styles-screen-typography__indicator\"\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tfontFamily: fontFamily ?? 'serif',\n\t\t\t\t\t\tbackground: gradientValue ?? backgroundColor,\n\t\t\t\t\t\tcolor,\n\t\t\t\t\t\tfontStyle,\n\t\t\t\t\t\tfontWeight,\n\t\t\t\t\t\tletterSpacing,\n\t\t\t\t\t\t...extraStyles,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Aa' ) }\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem>{ label }</FlexItem>\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n\nfunction TypographyElements() {\n\tconst parentMenu = '';\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t<Subtitle level={ 3 }>{ __( 'Elements' ) }</Subtitle>\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"text\"\n\t\t\t\t\tlabel={ __( 'Text' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"link\"\n\t\t\t\t\tlabel={ __( 'Links' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"heading\"\n\t\t\t\t\tlabel={ __( 'Headings' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"caption\"\n\t\t\t\t\tlabel={ __( 'Captions' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"button\"\n\t\t\t\t\tlabel={ __( 'Buttons' ) }\n\t\t\t\t/>\n\t\t\t</ItemGroup>\n\t\t</VStack>\n\t);\n}\n\nexport default TypographyElements;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAMA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAC,sBAAA,CAAAL,OAAA;AAEA,IAAAM,WAAA,GAAAN,OAAA;AAlBA;AACA;AACA;;AAUA;AACA;AACA;;AAKA,MAAM;EAAEO;AAAe,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAE3D,SAASC,WAAWA,CAAE;EAAEC,UAAU;EAAEC,OAAO;EAAEC;AAAM,CAAC,EAAG;EACtD,MAAMC,MAAM,GACXF,OAAO,KAAK,MAAM,IAAI,CAAEA,OAAO,GAAG,EAAE,GAAI,YAAYA,OAAS,GAAE;EAChE,MAAMG,WAAW,GAChBH,OAAO,KAAK,MAAM,GACf;IACAI,cAAc,EAAE;EAChB,CAAC,GACD,CAAC,CAAC;EACN,MAAM,CAAEC,UAAU,CAAE,GAAGV,cAAc,CAAEO,MAAM,GAAG,uBAAwB,CAAC;EACzE,MAAM,CAAEI,SAAS,CAAE,GAAGX,cAAc,CAAEO,MAAM,GAAG,sBAAuB,CAAC;EACvE,MAAM,CAAEK,UAAU,CAAE,GAAGZ,cAAc,CAAEO,MAAM,GAAG,uBAAwB,CAAC;EACzE,MAAM,CAAEM,aAAa,CAAE,GAAGb,cAAc,CACvCO,MAAM,GAAG,0BACV,CAAC;EACD,MAAM,CAAEO,eAAe,CAAE,GAAGd,cAAc,CAAEO,MAAM,GAAG,kBAAmB,CAAC;EACzE,MAAM,CAAEQ,aAAa,CAAE,GAAGf,cAAc,CAAEO,MAAM,GAAG,gBAAiB,CAAC;EACrE,MAAM,CAAES,KAAK,CAAE,GAAGhB,cAAc,CAAEO,MAAM,GAAG,YAAa,CAAC;EAEzD,MAAMU,qBAAqB,GAAG,IAAAC,aAAO;EACpC;EACA,IAAAC,QAAE,EAAE,sBAAuB,CAAC,EAC5Bb,KACD,CAAC;EAED,OACC,IAAAc,~~QAAA~~,CAAAC,aAAA,EAACzB,iBAAA,CAAA0B,sBAAsB;IACtBC,IAAI,EAAGnB,UAAU,GAAG,cAAc,GAAGC,OAAS;IAC9C,cAAaY;EAAuB,GAEpC,IAAAG,~~QAAA~~,CAAAC,aAAA,EAAC3B,WAAA,CAAA8B,oBAAM;IAACC,OAAO,EAAC;EAAY,GAC3B,IAAAL,~~QAAA~~,CAAAC,aAAA,EAAC3B,WAAA,CAAAgC,QAAQ;IACRC,SAAS,EAAC,sDAAsD;IAChEC,KAAK,EAAG;MACPlB,UAAU,EAAEA,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,OAAO;MACjCmB,UAAU,EAAEd,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAID,eAAe;MAC5CE,KAAK;MACLL,SAAS;MACTC,UAAU;MACVC,aAAa;MACb,GAAGL;IACJ;EAAG,GAED,IAAAW,QAAE,EAAE,IAAK,CACF,CAAC,EACX,IAAAC,~~QAAA~~,CAAAC,aAAA,EAAC3B,WAAA,CAAAgC,QAAQ,QAAGpB,KAAiB,CACtB,CACe,CAAC;AAE3B;AAEA,SAASwB,kBAAkBA,CAAA,EAAG;EAC7B,MAAM1B,UAAU,GAAG,EAAE;EAErB,OACC,IAAAgB,~~QAAA~~,CAAAC,aAAA,EAAC3B,WAAA,CAAAqC,oBAAM;IAACC,OAAO,EAAG;EAAG,GACpB,IAAAZ,~~QAAA~~,CAAAC,aAAA,EAACxB,SAAA,CAAAoC,OAAQ;IAACC,KAAK,EAAG;EAAG,GAAG,IAAAf,QAAE,EAAE,UAAW,CAAa,CAAC,EACrD,IAAAC,~~QAAA~~,CAAAC,aAAA,EAAC3B,WAAA,CAAAyC,uBAAS;IAACC,UAAU;IAACC,WAAW;EAAA,GAChC,IAAAjB,~~QAAA~~,CAAAC,aAAA,EAAClB,WAAW;IACXC,UAAU,EAAGA,UAAY;IACzBC,OAAO,EAAC,MAAM;IACdC,KAAK,EAAG,IAAAa,QAAE,EAAE,MAAO;EAAG,CACtB,CAAC,EACF,IAAAC,~~QAAA~~,CAAAC,aAAA,EAAClB,WAAW;IACXC,UAAU,EAAGA,UAAY;IACzBC,OAAO,EAAC,MAAM;IACdC,KAAK,EAAG,IAAAa,QAAE,EAAE,OAAQ;EAAG,CACvB,CAAC,EACF,IAAAC,~~QAAA~~,CAAAC,aAAA,EAAClB,WAAW;IACXC,UAAU,EAAGA,UAAY;IACzBC,OAAO,EAAC,SAAS;IACjBC,KAAK,EAAG,IAAAa,QAAE,EAAE,UAAW;EAAG,CAC1B,CAAC,EACF,IAAAC,~~QAAA~~,CAAAC,aAAA,EAAClB,WAAW;IACXC,UAAU,EAAGA,UAAY;IACzBC,OAAO,EAAC,SAAS;IACjBC,KAAK,EAAG,IAAAa,QAAE,EAAE,UAAW;EAAG,CAC1B,CAAC,EACF,IAAAC,~~QAAA~~,CAAAC,aAAA,EAAClB,WAAW;IACXC,UAAU,EAAGA,UAAY;IACzBC,OAAO,EAAC,QAAQ;IAChBC,KAAK,EAAG,IAAAa,QAAE,EAAE,SAAU;EAAG,CACzB,CACS,CACJ,CAAC;AAEX;AAAC,IAAAmB,QAAA,GAEcR,kBAAkB;AAAAS,OAAA,CAAAN,OAAA,GAAAK,QAAA"}
1	+ {"version":3,"names":["_i18n","require","_components","_blockEditor","_navigationButton","_subtitle","_interopRequireDefault","_lockUnlock","useGlobalStyle","unlock","blockEditorPrivateApis","ElementItem","parentMenu","element","label","prefix","extraStyles","textDecoration","fontFamily","fontStyle","fontWeight","letterSpacing","backgroundColor","gradientValue","color","navigationButtonLabel","sprintf","__","_react","createElement","NavigationButtonAsItem","path","__experimentalHStack","justify","FlexItem","className","style","background","TypographyElements","__experimentalVStack","spacing","default","level","__experimentalItemGroup","isBordered","isSeparated","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/typogrphy-elements.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport { NavigationButtonAsItem } from './navigation-button';\nimport Subtitle from './subtitle';\n\nimport { unlock } from '../../lock-unlock';\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nfunction ElementItem( { parentMenu, element, label } ) {\n\tconst prefix =\n\t\telement === 'text' \|\| ! element ? '' : `elements.${ element }.`;\n\tconst extraStyles =\n\t\telement === 'link'\n\t\t\t? {\n\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t }\n\t\t\t: {};\n\tconst [ fontFamily ] = useGlobalStyle( prefix + 'typography.fontFamily' );\n\tconst [ fontStyle ] = useGlobalStyle( prefix + 'typography.fontStyle' );\n\tconst [ fontWeight ] = useGlobalStyle( prefix + 'typography.fontWeight' );\n\tconst [ letterSpacing ] = useGlobalStyle(\n\t\tprefix + 'typography.letterSpacing'\n\t);\n\tconst [ backgroundColor ] = useGlobalStyle( prefix + 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( prefix + 'color.gradient' );\n\tconst [ color ] = useGlobalStyle( prefix + 'color.text' );\n\n\tconst navigationButtonLabel = sprintf(\n\t\t// translators: %s: is a subset of Typography, e.g., 'text' or 'links'.\n\t\t__( 'Typography %s styles' ),\n\t\tlabel\n\t);\n\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ parentMenu + '/typography/' + element }\n\t\t\taria-label={ navigationButtonLabel }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t<FlexItem\n\t\t\t\t\tclassName=\"edit-site-global-styles-screen-typography__indicator\"\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tfontFamily: fontFamily ?? 'serif',\n\t\t\t\t\t\tbackground: gradientValue ?? backgroundColor,\n\t\t\t\t\t\tcolor,\n\t\t\t\t\t\tfontStyle,\n\t\t\t\t\t\tfontWeight,\n\t\t\t\t\t\tletterSpacing,\n\t\t\t\t\t\t...extraStyles,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Aa' ) }\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem>{ label }</FlexItem>\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n\nfunction TypographyElements() {\n\tconst parentMenu = '';\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t<Subtitle level={ 3 }>{ __( 'Elements' ) }</Subtitle>\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"text\"\n\t\t\t\t\tlabel={ __( 'Text' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"link\"\n\t\t\t\t\tlabel={ __( 'Links' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"heading\"\n\t\t\t\t\tlabel={ __( 'Headings' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"caption\"\n\t\t\t\t\tlabel={ __( 'Captions' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"button\"\n\t\t\t\t\tlabel={ __( 'Buttons' ) }\n\t\t\t\t/>\n\t\t\t</ItemGroup>\n\t\t</VStack>\n\t);\n}\n\nexport default TypographyElements;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAMA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAC,sBAAA,CAAAL,OAAA;AAEA,IAAAM,WAAA,GAAAN,OAAA;AAlBA;AACA;AACA;;AAUA;AACA;AACA;;AAKA,MAAM;EAAEO;AAAe,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAE3D,SAASC,WAAWA,CAAE;EAAEC,UAAU;EAAEC,OAAO;EAAEC;AAAM,CAAC,EAAG;EACtD,MAAMC,MAAM,GACXF,OAAO,KAAK,MAAM,IAAI,CAAEA,OAAO,GAAG,EAAE,GAAI,YAAYA,OAAS,GAAE;EAChE,MAAMG,WAAW,GAChBH,OAAO,KAAK,MAAM,GACf;IACAI,cAAc,EAAE;EAChB,CAAC,GACD,CAAC,CAAC;EACN,MAAM,CAAEC,UAAU,CAAE,GAAGV,cAAc,CAAEO,MAAM,GAAG,uBAAwB,CAAC;EACzE,MAAM,CAAEI,SAAS,CAAE,GAAGX,cAAc,CAAEO,MAAM,GAAG,sBAAuB,CAAC;EACvE,MAAM,CAAEK,UAAU,CAAE,GAAGZ,cAAc,CAAEO,MAAM,GAAG,uBAAwB,CAAC;EACzE,MAAM,CAAEM,aAAa,CAAE,GAAGb,cAAc,CACvCO,MAAM,GAAG,0BACV,CAAC;EACD,MAAM,CAAEO,eAAe,CAAE,GAAGd,cAAc,CAAEO,MAAM,GAAG,kBAAmB,CAAC;EACzE,MAAM,CAAEQ,aAAa,CAAE,GAAGf,cAAc,CAAEO,MAAM,GAAG,gBAAiB,CAAC;EACrE,MAAM,CAAES,KAAK,CAAE,GAAGhB,cAAc,CAAEO,MAAM,GAAG,YAAa,CAAC;EAEzD,MAAMU,qBAAqB,GAAG,IAAAC,aAAO;EACpC;EACA,IAAAC,QAAE,EAAE,sBAAuB,CAAC,EAC5Bb,KACD,CAAC;EAED,OACC,IAAAc,MAAA,CAAAC,aAAA,EAACzB,iBAAA,CAAA0B,sBAAsB;IACtBC,IAAI,EAAGnB,UAAU,GAAG,cAAc,GAAGC,OAAS;IAC9C,cAAaY;EAAuB,GAEpC,IAAAG,MAAA,CAAAC,aAAA,EAAC3B,WAAA,CAAA8B,oBAAM;IAACC,OAAO,EAAC;EAAY,GAC3B,IAAAL,MAAA,CAAAC,aAAA,EAAC3B,WAAA,CAAAgC,QAAQ;IACRC,SAAS,EAAC,sDAAsD;IAChEC,KAAK,EAAG;MACPlB,UAAU,EAAEA,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,OAAO;MACjCmB,UAAU,EAAEd,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAID,eAAe;MAC5CE,KAAK;MACLL,SAAS;MACTC,UAAU;MACVC,aAAa;MACb,GAAGL;IACJ;EAAG,GAED,IAAAW,QAAE,EAAE,IAAK,CACF,CAAC,EACX,IAAAC,MAAA,CAAAC,aAAA,EAAC3B,WAAA,CAAAgC,QAAQ,QAAGpB,KAAiB,CACtB,CACe,CAAC;AAE3B;AAEA,SAASwB,kBAAkBA,CAAA,EAAG;EAC7B,MAAM1B,UAAU,GAAG,EAAE;EAErB,OACC,IAAAgB,MAAA,CAAAC,aAAA,EAAC3B,WAAA,CAAAqC,oBAAM;IAACC,OAAO,EAAG;EAAG,GACpB,IAAAZ,MAAA,CAAAC,aAAA,EAACxB,SAAA,CAAAoC,OAAQ;IAACC,KAAK,EAAG;EAAG,GAAG,IAAAf,QAAE,EAAE,UAAW,CAAa,CAAC,EACrD,IAAAC,MAAA,CAAAC,aAAA,EAAC3B,WAAA,CAAAyC,uBAAS;IAACC,UAAU;IAACC,WAAW;EAAA,GAChC,IAAAjB,MAAA,CAAAC,aAAA,EAAClB,WAAW;IACXC,UAAU,EAAGA,UAAY;IACzBC,OAAO,EAAC,MAAM;IACdC,KAAK,EAAG,IAAAa,QAAE,EAAE,MAAO;EAAG,CACtB,CAAC,EACF,IAAAC,MAAA,CAAAC,aAAA,EAAClB,WAAW;IACXC,UAAU,EAAGA,UAAY;IACzBC,OAAO,EAAC,MAAM;IACdC,KAAK,EAAG,IAAAa,QAAE,EAAE,OAAQ;EAAG,CACvB,CAAC,EACF,IAAAC,MAAA,CAAAC,aAAA,EAAClB,WAAW;IACXC,UAAU,EAAGA,UAAY;IACzBC,OAAO,EAAC,SAAS;IACjBC,KAAK,EAAG,IAAAa,QAAE,EAAE,UAAW;EAAG,CAC1B,CAAC,EACF,IAAAC,MAAA,CAAAC,aAAA,EAAClB,WAAW;IACXC,UAAU,EAAGA,UAAY;IACzBC,OAAO,EAAC,SAAS;IACjBC,KAAK,EAAG,IAAAa,QAAE,EAAE,UAAW;EAAG,CAC1B,CAAC,EACF,IAAAC,MAAA,CAAAC,aAAA,EAAClB,WAAW;IACXC,UAAU,EAAGA,UAAY;IACzBC,OAAO,EAAC,QAAQ;IAChBC,KAAK,EAAG,IAAAa,QAAE,EAAE,SAAU;EAAG,CACzB,CACS,CACJ,CAAC;AAEX;AAAC,IAAAmB,QAAA,GAEcR,kBAAkB;AAAAS,OAAA,CAAAN,OAAA,GAAAK,QAAA"}