@wordpress/global-styles-ui 1.1.0

package/build-module/variations/variations-typography.js

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  __experimentalGrid as Grid,
+  __experimentalVStack as VStack
+} from "@wordpress/components";
+import StylesPreviewTypography from "../preview-typography";
+import { useCurrentMergeThemeStyleVariationsWithUserConfig } from "../hooks";
+import { Subtitle } from "../subtitle";
+import Variation from "./variation";
+const propertiesToFilter = ["typography"];
+function TypographyVariations({
+  title,
+  gap = 2
+}) {
+  const typographyVariations = useCurrentMergeThemeStyleVariationsWithUserConfig(propertiesToFilter);
+  if (typographyVariations?.length <= 1) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(VStack, { spacing: 3, children: [
+    title && /* @__PURE__ */ jsx(Subtitle, { level: 3, children: title }),
+    /* @__PURE__ */ jsx(
+      Grid,
+      {
+        columns: 3,
+        gap,
+        className: "global-styles-ui-style-variations-container",
+        children: typographyVariations.map(
+          (variation, index) => {
+            return /* @__PURE__ */ jsx(
+              Variation,
+              {
+                variation,
+                properties: propertiesToFilter,
+                showTooltip: true,
+                children: () => /* @__PURE__ */ jsx(
+                  StylesPreviewTypography,
+                  {
+                    variation
+                  }
+                )
+              },
+              index
+            );
+          }
+        )
+      }
+    )
+  ] });
+}
+export {
+  TypographyVariations as default
+};
+//# sourceMappingURL=variations-typography.js.map

package/build-module/variations/variations-typography.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/variations/variations-typography.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalGrid as Grid,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport StylesPreviewTypography from '../preview-typography';\nimport { useCurrentMergeThemeStyleVariationsWithUserConfig } from '../hooks';\nimport { Subtitle } from '../subtitle';\nimport Variation from './variation';\n\ninterface TypographyVariationsProps {\n\ttitle?: string;\n\tgap?: number;\n}\n\nconst propertiesToFilter = [ 'typography' ];\n\nexport default function TypographyVariations( {\n\ttitle,\n\tgap = 2,\n}: TypographyVariationsProps ) {\n\tconst typographyVariations =\n\t\tuseCurrentMergeThemeStyleVariationsWithUserConfig( propertiesToFilter );\n\n\t// Return null if there is only one variation (the default).\n\tif ( typographyVariations?.length <= 1 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t{ title && <Subtitle level={ 3 }>{ title }</Subtitle> }\n\t\t\t<Grid\n\t\t\t\tcolumns={ 3 }\n\t\t\t\tgap={ gap }\n\t\t\t\tclassName=\"global-styles-ui-style-variations-container\"\n\t\t\t>\n\t\t\t\t{ typographyVariations.map(\n\t\t\t\t\t( variation: any, index: number ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Variation\n\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t\t\tproperties={ propertiesToFilter }\n\t\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ () => (\n\t\t\t\t\t\t\t\t\t<StylesPreviewTypography\n\t\t\t\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</Variation>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n"],
+  "mappings": "AAoCE,SACY,KADZ;AAjCF;AAAA,EACC,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,OAClB;AAKP,OAAO,6BAA6B;AACpC,SAAS,yDAAyD;AAClE,SAAS,gBAAgB;AACzB,OAAO,eAAe;AAOtB,MAAM,qBAAqB,CAAE,YAAa;AAE3B,SAAR,qBAAuC;AAAA,EAC7C;AAAA,EACA,MAAM;AACP,GAA+B;AAC9B,QAAM,uBACL,kDAAmD,kBAAmB;AAGvE,MAAK,sBAAsB,UAAU,GAAI;AACxC,WAAO;AAAA,EACR;AAEA,SACC,qBAAC,UAAO,SAAU,GACf;AAAA,aAAS,oBAAC,YAAS,OAAQ,GAAM,iBAAO;AAAA,IAC1C;AAAA,MAAC;AAAA;AAAA,QACA,SAAU;AAAA,QACV;AAAA,QACA,WAAU;AAAA,QAER,+BAAqB;AAAA,UACtB,CAAE,WAAgB,UAAmB;AACpC,mBACC;AAAA,cAAC;AAAA;AAAA,gBAEA;AAAA,gBACA,YAAa;AAAA,gBACb,aAAW;AAAA,gBAET,gBACD;AAAA,kBAAC;AAAA;AAAA,oBACA;AAAA;AAAA,gBACD;AAAA;AAAA,cARK;AAAA,YAUP;AAAA,UAEF;AAAA,QACD;AAAA;AAAA,IACD;AAAA,KACD;AAEF;",
+  "names": []
+}

package/build-module/with-global-styles-provider.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { GlobalStylesProvider } from "./provider";
+function withGlobalStylesProvider(Component) {
+  return function WrappedComponent({
+    value,
+    baseValue,
+    onChange,
+    ...props
+  }) {
+    return /* @__PURE__ */ jsx(
+      GlobalStylesProvider,
+      {
+        value,
+        baseValue,
+        onChange,
+        children: /* @__PURE__ */ jsx(Component, { ...props })
+      }
+    );
+  };
+}
+export {
+  withGlobalStylesProvider
+};
+//# sourceMappingURL=with-global-styles-provider.js.map

package/build-module/with-global-styles-provider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/with-global-styles-provider.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport type { GlobalStylesConfig } from '@wordpress/global-styles-engine';\n\n/**\n * Internal dependencies\n */\nimport { GlobalStylesProvider } from './provider';\n\ninterface GlobalStylesProviderProps {\n\tvalue: GlobalStylesConfig;\n\tbaseValue: GlobalStylesConfig;\n\tonChange: ( config: GlobalStylesConfig ) => void;\n}\n\n/**\n * Higher-order component that wraps a component with GlobalStylesProvider.\n * This allows components to access GlobalStylesContext without exposing\n * the provider directly in the public API.\n *\n * @param Component - The component to wrap\n * @return A wrapped component that accepts value, baseValue, and onChange props\n */\nexport function withGlobalStylesProvider< P extends object >(\n\tComponent: React.ComponentType< P >\n) {\n\treturn function WrappedComponent( {\n\t\tvalue,\n\t\tbaseValue,\n\t\tonChange,\n\t\t...props\n\t}: P & GlobalStylesProviderProps ) {\n\t\treturn (\n\t\t\t<GlobalStylesProvider\n\t\t\t\tvalue={ value }\n\t\t\t\tbaseValue={ baseValue }\n\t\t\t\tonChange={ onChange }\n\t\t\t>\n\t\t\t\t<Component { ...( props as P ) } />\n\t\t\t</GlobalStylesProvider>\n\t\t);\n\t};\n}\n"],
+  "mappings": "AAuCI;AA/BJ,SAAS,4BAA4B;AAgB9B,SAAS,yBACf,WACC;AACD,SAAO,SAAS,iBAAkB;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACJ,GAAmC;AAClC,WACC;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEA,8BAAC,aAAY,GAAK,OAAe;AAAA;AAAA,IAClC;AAAA,EAEF;AACD;",
+  "names": []
+}