@pandacss/generator 0.0.0-dev-20230211194544 → 0.0.0-dev-20230212083454

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -591,7 +591,7 @@ var import_javascript_stringify = require("javascript-stringify");
591
591
  var import_outdent7 = require("outdent");
592
592
  var import_ts_pattern = require("ts-pattern");
593
593
  function generatePattern(ctx) {
594
- if (!ctx.patterns.isEmpty())
594
+ if (ctx.patterns.isEmpty())
595
595
  return;
596
596
  return ctx.patterns.details.map((pattern) => {
597
597
  const { name, config, dashName, upperName, styleFnName, blocklistType } = pattern;
@@ -654,7 +654,7 @@ function generateRecipes(ctx) {
654
654
  utility: { separator },
655
655
  config: { prefix, hash }
656
656
  } = ctx;
657
- if (!recipes.isEmpty())
657
+ if (recipes.isEmpty())
658
658
  return;
659
659
  const js = [
660
660
  import_outdent8.outdent`
@@ -1828,7 +1828,39 @@ var generateGlobalCss = (ctx) => {
1828
1828
  const { globalCss = {} } = ctx.config;
1829
1829
  const sheet = ctx.createSheet();
1830
1830
  sheet.processGlobalCss({
1831
- ":root": { "--made-with-panda": `'\u{1F43C}'` }
1831
+ ":root": {
1832
+ "--made-with-panda": `'\u{1F43C}'`
1833
+ },
1834
+ "*, *::before, *::after, ::backdrop": {
1835
+ "--blur": "/*!*/ /*!*/",
1836
+ "--brightness": "/*!*/ /*!*/",
1837
+ "--contrast": "/*!*/ /*!*/",
1838
+ "--grayscale": "/*!*/ /*!*/",
1839
+ "--hue-rotate": "/*!*/ /*!*/",
1840
+ "--invert": "/*!*/ /*!*/",
1841
+ "--saturate": "/*!*/ /*!*/",
1842
+ "--sepia": "/*!*/ /*!*/",
1843
+ "--drop-shadow": "/*!*/ /*!*/",
1844
+ "--backdrop-blur": "/*!*/ /*!*/",
1845
+ "--backdrop-brightness": "/*!*/ /*!*/",
1846
+ "--backdrop-contrast": "/*!*/ /*!*/",
1847
+ "--backdrop-grayscale": "/*!*/ /*!*/",
1848
+ "--backdrop-hue-rotate": "/*!*/ /*!*/",
1849
+ "--backdrop-invert": "/*!*/ /*!*/",
1850
+ "--backdrop-opacity": "/*!*/ /*!*/",
1851
+ "--backdrop-saturate": "/*!*/ /*!*/",
1852
+ "--backdrop-sepia": "/*!*/ /*!*/",
1853
+ "--scroll-snap-strictness": "proximity",
1854
+ "--border-spacing-x": 0,
1855
+ "--border-spacing-y": 0,
1856
+ "--translate-x": 0,
1857
+ "--translate-y": 0,
1858
+ "--rotate": 0,
1859
+ "--skew-x": 0,
1860
+ "--skew-y": 0,
1861
+ "--scale-x": 1,
1862
+ "--scale-y": 1
1863
+ }
1832
1864
  });
1833
1865
  sheet.processGlobalCss(globalCss);
1834
1866
  return sheet.toCss();
package/dist/index.mjs CHANGED
@@ -560,7 +560,7 @@ import { stringify as stringify2 } from "javascript-stringify";
560
560
  import { outdent as outdent7 } from "outdent";
561
561
  import { match } from "ts-pattern";
562
562
  function generatePattern(ctx) {
563
- if (!ctx.patterns.isEmpty())
563
+ if (ctx.patterns.isEmpty())
564
564
  return;
565
565
  return ctx.patterns.details.map((pattern) => {
566
566
  const { name, config, dashName, upperName, styleFnName, blocklistType } = pattern;
@@ -623,7 +623,7 @@ function generateRecipes(ctx) {
623
623
  utility: { separator },
624
624
  config: { prefix, hash }
625
625
  } = ctx;
626
- if (!recipes.isEmpty())
626
+ if (recipes.isEmpty())
627
627
  return;
628
628
  const js = [
629
629
  outdent8`
@@ -1797,7 +1797,39 @@ var generateGlobalCss = (ctx) => {
1797
1797
  const { globalCss = {} } = ctx.config;
1798
1798
  const sheet = ctx.createSheet();
1799
1799
  sheet.processGlobalCss({
1800
- ":root": { "--made-with-panda": `'\u{1F43C}'` }
1800
+ ":root": {
1801
+ "--made-with-panda": `'\u{1F43C}'`
1802
+ },
1803
+ "*, *::before, *::after, ::backdrop": {
1804
+ "--blur": "/*!*/ /*!*/",
1805
+ "--brightness": "/*!*/ /*!*/",
1806
+ "--contrast": "/*!*/ /*!*/",
1807
+ "--grayscale": "/*!*/ /*!*/",
1808
+ "--hue-rotate": "/*!*/ /*!*/",
1809
+ "--invert": "/*!*/ /*!*/",
1810
+ "--saturate": "/*!*/ /*!*/",
1811
+ "--sepia": "/*!*/ /*!*/",
1812
+ "--drop-shadow": "/*!*/ /*!*/",
1813
+ "--backdrop-blur": "/*!*/ /*!*/",
1814
+ "--backdrop-brightness": "/*!*/ /*!*/",
1815
+ "--backdrop-contrast": "/*!*/ /*!*/",
1816
+ "--backdrop-grayscale": "/*!*/ /*!*/",
1817
+ "--backdrop-hue-rotate": "/*!*/ /*!*/",
1818
+ "--backdrop-invert": "/*!*/ /*!*/",
1819
+ "--backdrop-opacity": "/*!*/ /*!*/",
1820
+ "--backdrop-saturate": "/*!*/ /*!*/",
1821
+ "--backdrop-sepia": "/*!*/ /*!*/",
1822
+ "--scroll-snap-strictness": "proximity",
1823
+ "--border-spacing-x": 0,
1824
+ "--border-spacing-y": 0,
1825
+ "--translate-x": 0,
1826
+ "--translate-y": 0,
1827
+ "--rotate": 0,
1828
+ "--skew-x": 0,
1829
+ "--skew-y": 0,
1830
+ "--scale-x": 1,
1831
+ "--scale-y": 1
1832
+ }
1801
1833
  });
1802
1834
  sheet.processGlobalCss(globalCss);
1803
1835
  return sheet.toCss();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pandacss/generator",
3
- "version": "0.0.0-dev-20230211194544",
3
+ "version": "0.0.0-dev-20230212083454",
4
4
  "description": "The css generator for css panda",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -20,16 +20,16 @@
20
20
  "pluralize": "8.0.0",
21
21
  "postcss": "8.4.21",
22
22
  "ts-pattern": "4.1.4",
23
- "@pandacss/core": "0.0.0-dev-20230211194544",
24
- "@pandacss/logger": "0.0.0-dev-20230211194544",
25
- "@pandacss/is-valid-prop": "0.0.0-dev-20230211194544",
26
- "@pandacss/shared": "0.0.0-dev-20230211194544",
27
- "@pandacss/types": "0.0.0-dev-20230211194544",
28
- "@pandacss/token-dictionary": "0.0.0-dev-20230211194544"
23
+ "@pandacss/core": "0.0.0-dev-20230212083454",
24
+ "@pandacss/logger": "0.0.0-dev-20230212083454",
25
+ "@pandacss/is-valid-prop": "0.0.0-dev-20230212083454",
26
+ "@pandacss/shared": "0.0.0-dev-20230212083454",
27
+ "@pandacss/types": "0.0.0-dev-20230212083454",
28
+ "@pandacss/token-dictionary": "0.0.0-dev-20230212083454"
29
29
  },
30
30
  "devDependencies": {
31
31
  "@types/pluralize": "0.0.29",
32
- "@pandacss/fixture": "0.0.0-dev-20230211194544"
32
+ "@pandacss/fixture": "0.0.0-dev-20230212083454"
33
33
  },
34
34
  "scripts": {
35
35
  "prebuild": "tsx scripts/prebuild.ts",