fix: v0.44.0 preset name compatibility (#20)

* fix: v0.44.0 preset name compatibility

* fix: lockfile

Author: amandaguthrie

.changeset/orange-tools-drum.md

@@ -0,0 +1,5 @@
+---
+"@amandaguthrie/panda-preset-dev-utils": minor
+---
+
+Minimum Node version of 20

.changeset/silent-ways-jam.md

@@ -0,0 +1,5 @@
+---
+"@amandaguthrie/panda-preset-shared-utils": minor
+---
+
+Minimum @pandacss/types of 0.44.0

.changeset/twelve-planes-rhyme.md

@@ -0,0 +1,9 @@
+---
+"@amandaguthrie/panda-preset-framework-simplecss": minor
+"@amandaguthrie/panda-preset-font-modernfs": minor
+"@amandaguthrie/panda-preset-breakpoints": minor
+"@amandaguthrie/panda-preset-color-radix": minor
+---
+
+* Add name property to preset for Panda CSS v0.44.0 compatibility
+* Adapt tests, re-run test snapshots

.prettierignore

@@ -27,7 +27,7 @@
     "release:dev:publish": "changeset publish --no-git-tag --tag dev"
   },
   "devDependencies": {
-    "@biomejs/biome": "^1.8.3",
+    "@biomejs/biome": "1.8.3",
     "@changesets/changelog-github": "^0.5.0",
     "@changesets/cli": "^2.27.7",
     "@types/node": "^22.0.0",
@@ -40,8 +40,8 @@
   "packageManager": "[email protected]",
   "pnpm": {
     "overrides": {
-      "@pandacss/dev": "^0.37.2",
-      "@pandacss/types": "^0.37.2",
+      "@pandacss/dev": "^0.44.0",
+      "@pandacss/types": "^0.44.0",
       "typescript": "^5.5.4"
     }
   }

.prettierrc

@@ -19,5 +19,5 @@ export function pandaPresetBreakpoints(options?: BreakpointsPresetOptions) {
 
   const themeContent = { breakpoints: brPts };
 
-  return maybeExtendTheme({ themeContent, extend: mergedOptions.extend }) as Preset;
+  return {name: 'panda-preset-breakpoints', ...maybeExtendTheme({ themeContent, extend: mergedOptions.extend })} as Preset;
 }

package.json

@@ -7,7 +7,7 @@ import { GENERATE_SNAPSHOTS } from './test-constants';
 describe('Configuration Options & Preset Generation', async () => {
   // Default is "primer"
   const defaultConfig =
-    '{"theme":{"extend":{"breakpoints":{"sm":"30em","md":"48em","lg":"62em","xl":"80em","2xl":"96em"}}}}';
+    '{"name":"panda-preset-breakpoints","theme":{"extend":{"breakpoints":{"sm":"30em","md":"48em","lg":"62em","xl":"80em","2xl":"96em"}}}}';
 
   await it('should return the default config if no options are provided', async () => {
     if (GENERATE_SNAPSHOTS) {
@@ -42,7 +42,7 @@ describe('Configuration Options & Preset Generation', async () => {
     if (GENERATE_SNAPSHOTS) {
       await writeJsonSnapshot('options-extend-undefined', JSON.stringify(pandaPresetBreakpoints(config)));
     }
-    assert.match(toJson(pandaPresetBreakpoints()), /{"theme":{"extend":{"breakpoints":/g);
+    assert.match(toJson(pandaPresetBreakpoints()), /{"name":"panda-preset-breakpoints","theme":{"extend":{"breakpoints":/g);
     assert.equal(toJson(pandaPresetBreakpoints(config)), await readJsonSnapshot('options-system-valid'));
     assert.equal(toJson(pandaPresetBreakpoints(config)), await readJsonSnapshot('options-extend-undefined'));
   });
@@ -55,7 +55,7 @@ describe('Configuration Options & Preset Generation', async () => {
     if (GENERATE_SNAPSHOTS) {
       await writeJsonSnapshot('options-extend-false', JSON.stringify(pandaPresetBreakpoints(config)));
     }
-    assert.match(toJson(pandaPresetBreakpoints(config)), /{"theme":{"breakpoints":/g);
+    assert.match(toJson(pandaPresetBreakpoints(config)), /{"name":"panda-preset-breakpoints","theme":{"breakpoints":/g);
     assert.equal(toJson(pandaPresetBreakpoints(config)), await readJsonSnapshot('options-extend-false'));
   });
 });

packages/panda-preset-breakpoints/src/preset.ts

@@ -1 +1 @@
-{"theme":{"extend":{"breakpoints":{"sm":"30em","md":"48em","lg":"62em","xl":"80em","2xl":"96em"}}}}
+{"name":"panda-preset-breakpoints","theme":{"extend":{"breakpoints":{"sm":"30em","md":"48em","lg":"62em","xl":"80em","2xl":"96em"}}}}

packages/panda-preset-breakpoints/test/core-options.test.ts

@@ -1 +1 @@
-{"theme":{"breakpoints":{"sm":"30em","md":"48em","lg":"62em","xl":"80em","2xl":"96em"}}}
+{"name":"panda-preset-breakpoints","theme":{"breakpoints":{"sm":"30em","md":"48em","lg":"62em","xl":"80em","2xl":"96em"}}}

packages/panda-preset-breakpoints/test/snapshots/default.json

@@ -1 +1 @@
-{"theme":{"extend":{"breakpoints":{"sm":"30em","md":"48em","lg":"62em","xl":"80em","2xl":"96em"}}}}
+{"name":"panda-preset-breakpoints","theme":{"extend":{"breakpoints":{"sm":"30em","md":"48em","lg":"62em","xl":"80em","2xl":"96em"}}}}

packages/panda-preset-breakpoints/test/snapshots/options-extend-false.json

@@ -1 +1 @@
-{"theme":{"extend":{"breakpoints":{"sm":"30em","md":"48em","lg":"62em","xl":"80em","2xl":"96em"}}}}
+{"name":"panda-preset-breakpoints","theme":{"extend":{"breakpoints":{"sm":"30em","md":"48em","lg":"62em","xl":"80em","2xl":"96em"}}}}

packages/panda-preset-breakpoints/test/snapshots/options-extend-undefined.json

@@ -1 +1 @@
-{"theme":{"extend":{"breakpoints":{"sm":"30em","md":"48em","lg":"62em","xl":"80em","2xl":"96em"}}}}
+{"name":"panda-preset-breakpoints","theme":{"extend":{"breakpoints":{"sm":"30em","md":"48em","lg":"62em","xl":"80em","2xl":"96em"}}}}

packages/panda-preset-breakpoints/test/snapshots/options-system-invalid.json

@@ -53,6 +53,7 @@ export function pandaPresetColorRadix(options?: ColorRadixPresetOptions) {
   }) as RecursiveToken<string, any>;
 
   const preset: Preset = {
+    name: 'panda-preset-color-radix',
     theme: {
       extend: {
         tokens: { colors: coreTokens },

packages/panda-preset-breakpoints/test/snapshots/options-system-valid.json

@@ -1 +1 @@
-{"theme":{"extend":{"tokens":{"colors":{"radix":{"cyan":{"1":{"DEFAULT":{"value":"#0b161a"},"light":{"value":"#fafdfe"},"dark":{"value":"#0b161a"}},"2":{"DEFAULT":{"value":"#101b20"},"light":{"value":"#f2fafb"},"dark":{"value":"#101b20"}},"3":{"DEFAULT":{"value":"#082c36"},"light":{"value":"#def7f9"},"dark":{"value":"#082c36"}},"4":{"DEFAULT":{"value":"#003848"},"light":{"value":"#caf1f6"},"dark":{"value":"#003848"}},"5":{"DEFAULT":{"value":"#004558"},"light":{"value":"#b5e9f0"},"dark":{"value":"#004558"}},"6":{"DEFAULT":{"value":"#045468"},"light":{"value":"#9ddde7"},"dark":{"value":"#045468"}},"7":{"DEFAULT":{"value":"#12677e"},"light":{"value":"#7dcedc"},"dark":{"value":"#12677e"}},"8":{"DEFAULT":{"value":"#11809c"},"light":{"value":"#3db9cf"},"dark":{"value":"#11809c"}},"9":{"DEFAULT":{"value":"#00a2c7"},"light":{"value":"#00a2c7"},"dark":{"value":"#00a2c7"}},"10":{"DEFAULT":{"value":"#23afd0"},"light":{"value":"#0797b9"},"dark":{"value":"#23afd0"}},"11":{"DEFAULT":{"value":"#4ccce6"},"light":{"value":"#107d98"},"dark":{"value":"#4ccce6"}},"12":{"DEFAULT":{"value":"#b6ecf7"},"light":{"value":"#0d3c48"},"dark":{"value":"#b6ecf7"}}},"grass":{"1":{"DEFAULT":{"value":"#0e1511"},"light":{"value":"#fbfefb"},"dark":{"value":"#0e1511"}},"2":{"DEFAULT":{"value":"#141a15"},"light":{"value":"#f5fbf5"},"dark":{"value":"#141a15"}},"3":{"DEFAULT":{"value":"#1b2a1e"},"light":{"value":"#e9f6e9"},"dark":{"value":"#1b2a1e"}},"4":{"DEFAULT":{"value":"#1d3a24"},"light":{"value":"#daf1db"},"dark":{"value":"#1d3a24"}},"5":{"DEFAULT":{"value":"#25482d"},"light":{"value":"#c9e8ca"},"dark":{"value":"#25482d"}},"6":{"DEFAULT":{"value":"#2d5736"},"light":{"value":"#b2ddb5"},"dark":{"value":"#2d5736"}},"7":{"DEFAULT":{"value":"#366740"},"light":{"value":"#94ce9a"},"dark":{"value":"#366740"}},"8":{"DEFAULT":{"value":"#3e7949"},"light":{"value":"#65ba74"},"dark":{"value":"#3e7949"}},"9":{"DEFAULT":{"value":"#46a758"},"light":{"value":"#46a758"},"dark":{"value":"#46a758"}},"10":{"DEFAULT":{"value":"#53b365"},"light":{"value":"#3e9b4f"},"dark":{"value":"#53b365"}},"11":{"DEFAULT":{"value":"#71d083"},"light":{"value":"#2a7e3b"},"dark":{"value":"#71d083"}},"12":{"DEFAULT":{"value":"#c2f0c2"},"light":{"value":"#203c25"},"dark":{"value":"#c2f0c2"}}}}}},"semanticTokens":{"colors":{"radix":{"primary":{"1":{"value":{"base":"{colors.radix.grass.1.dark}","_light":"{colors.radix.grass.1.light}","_dark":"{colors.radix.grass.1.dark}"}},"2":{"value":{"base":"{colors.radix.grass.2.dark}","_light":"{colors.radix.grass.2.light}","_dark":"{colors.radix.grass.2.dark}"}},"3":{"value":{"base":"{colors.radix.grass.3.dark}","_light":"{colors.radix.grass.3.light}","_dark":"{colors.radix.grass.3.dark}"}},"4":{"value":{"base":"{colors.radix.grass.4.dark}","_light":"{colors.radix.grass.4.light}","_dark":"{colors.radix.grass.4.dark}"}},"5":{"value":{"base":"{colors.radix.grass.5.dark}","_light":"{colors.radix.grass.5.light}","_dark":"{colors.radix.grass.5.dark}"}},"6":{"value":{"base":"{colors.radix.grass.6.dark}","_light":"{colors.radix.grass.6.light}","_dark":"{colors.radix.grass.6.dark}"}},"7":{"value":{"base":"{colors.radix.grass.7.dark}","_light":"{colors.radix.grass.7.light}","_dark":"{colors.radix.grass.7.dark}"}},"8":{"value":{"base":"{colors.radix.grass.8.dark}","_light":"{colors.radix.grass.8.light}","_dark":"{colors.radix.grass.8.dark}"}},"9":{"value":{"base":"{colors.radix.grass.9.dark}","_light":"{colors.radix.grass.9.light}","_dark":"{colors.radix.grass.9.dark}"}},"10":{"value":{"base":"{colors.radix.grass.10.dark}","_light":"{colors.radix.grass.10.light}","_dark":"{colors.radix.grass.10.dark}"}},"11":{"value":{"base":"{colors.radix.grass.11.dark}","_light":"{colors.radix.grass.11.light}","_dark":"{colors.radix.grass.11.dark}"}},"12":{"value":{"base":"{colors.radix.grass.12.dark}","_light":"{colors.radix.grass.12.light}","_dark":"{colors.radix.grass.12.dark}"}}}}}}}}}
+{"name":"panda-preset-color-radix","theme":{"extend":{"tokens":{"colors":{"radix":{"cyan":{"1":{"DEFAULT":{"value":"#0b161a"},"light":{"value":"#fafdfe"},"dark":{"value":"#0b161a"}},"2":{"DEFAULT":{"value":"#101b20"},"light":{"value":"#f2fafb"},"dark":{"value":"#101b20"}},"3":{"DEFAULT":{"value":"#082c36"},"light":{"value":"#def7f9"},"dark":{"value":"#082c36"}},"4":{"DEFAULT":{"value":"#003848"},"light":{"value":"#caf1f6"},"dark":{"value":"#003848"}},"5":{"DEFAULT":{"value":"#004558"},"light":{"value":"#b5e9f0"},"dark":{"value":"#004558"}},"6":{"DEFAULT":{"value":"#045468"},"light":{"value":"#9ddde7"},"dark":{"value":"#045468"}},"7":{"DEFAULT":{"value":"#12677e"},"light":{"value":"#7dcedc"},"dark":{"value":"#12677e"}},"8":{"DEFAULT":{"value":"#11809c"},"light":{"value":"#3db9cf"},"dark":{"value":"#11809c"}},"9":{"DEFAULT":{"value":"#00a2c7"},"light":{"value":"#00a2c7"},"dark":{"value":"#00a2c7"}},"10":{"DEFAULT":{"value":"#23afd0"},"light":{"value":"#0797b9"},"dark":{"value":"#23afd0"}},"11":{"DEFAULT":{"value":"#4ccce6"},"light":{"value":"#107d98"},"dark":{"value":"#4ccce6"}},"12":{"DEFAULT":{"value":"#b6ecf7"},"light":{"value":"#0d3c48"},"dark":{"value":"#b6ecf7"}}},"grass":{"1":{"DEFAULT":{"value":"#0e1511"},"light":{"value":"#fbfefb"},"dark":{"value":"#0e1511"}},"2":{"DEFAULT":{"value":"#141a15"},"light":{"value":"#f5fbf5"},"dark":{"value":"#141a15"}},"3":{"DEFAULT":{"value":"#1b2a1e"},"light":{"value":"#e9f6e9"},"dark":{"value":"#1b2a1e"}},"4":{"DEFAULT":{"value":"#1d3a24"},"light":{"value":"#daf1db"},"dark":{"value":"#1d3a24"}},"5":{"DEFAULT":{"value":"#25482d"},"light":{"value":"#c9e8ca"},"dark":{"value":"#25482d"}},"6":{"DEFAULT":{"value":"#2d5736"},"light":{"value":"#b2ddb5"},"dark":{"value":"#2d5736"}},"7":{"DEFAULT":{"value":"#366740"},"light":{"value":"#94ce9a"},"dark":{"value":"#366740"}},"8":{"DEFAULT":{"value":"#3e7949"},"light":{"value":"#65ba74"},"dark":{"value":"#3e7949"}},"9":{"DEFAULT":{"value":"#46a758"},"light":{"value":"#46a758"},"dark":{"value":"#46a758"}},"10":{"DEFAULT":{"value":"#53b365"},"light":{"value":"#3e9b4f"},"dark":{"value":"#53b365"}},"11":{"DEFAULT":{"value":"#71d083"},"light":{"value":"#2a7e3b"},"dark":{"value":"#71d083"}},"12":{"DEFAULT":{"value":"#c2f0c2"},"light":{"value":"#203c25"},"dark":{"value":"#c2f0c2"}}}}}},"semanticTokens":{"colors":{"radix":{"primary":{"1":{"value":{"base":"{colors.radix.grass.1.dark}","_light":"{colors.radix.grass.1.light}","_dark":"{colors.radix.grass.1.dark}"}},"2":{"value":{"base":"{colors.radix.grass.2.dark}","_light":"{colors.radix.grass.2.light}","_dark":"{colors.radix.grass.2.dark}"}},"3":{"value":{"base":"{colors.radix.grass.3.dark}","_light":"{colors.radix.grass.3.light}","_dark":"{colors.radix.grass.3.dark}"}},"4":{"value":{"base":"{colors.radix.grass.4.dark}","_light":"{colors.radix.grass.4.light}","_dark":"{colors.radix.grass.4.dark}"}},"5":{"value":{"base":"{colors.radix.grass.5.dark}","_light":"{colors.radix.grass.5.light}","_dark":"{colors.radix.grass.5.dark}"}},"6":{"value":{"base":"{colors.radix.grass.6.dark}","_light":"{colors.radix.grass.6.light}","_dark":"{colors.radix.grass.6.dark}"}},"7":{"value":{"base":"{colors.radix.grass.7.dark}","_light":"{colors.radix.grass.7.light}","_dark":"{colors.radix.grass.7.dark}"}},"8":{"value":{"base":"{colors.radix.grass.8.dark}","_light":"{colors.radix.grass.8.light}","_dark":"{colors.radix.grass.8.dark}"}},"9":{"value":{"base":"{colors.radix.grass.9.dark}","_light":"{colors.radix.grass.9.light}","_dark":"{colors.radix.grass.9.dark}"}},"10":{"value":{"base":"{colors.radix.grass.10.dark}","_light":"{colors.radix.grass.10.light}","_dark":"{colors.radix.grass.10.dark}"}},"11":{"value":{"base":"{colors.radix.grass.11.dark}","_light":"{colors.radix.grass.11.light}","_dark":"{colors.radix.grass.11.dark}"}},"12":{"value":{"base":"{colors.radix.grass.12.dark}","_light":"{colors.radix.grass.12.light}","_dark":"{colors.radix.grass.12.dark}"}}}}}}}}}

packages/panda-preset-color-radix/src/preset.ts

@@ -1 +1 @@
-{"theme":{"extend":{"tokens":{"colors":{"radix":{"cyan":{"1":{"DEFAULT":{"value":"#0b161a"},"light":{"value":"#fafdfe"},"dark":{"value":"#0b161a"}},"2":{"DEFAULT":{"value":"#101b20"},"light":{"value":"#f2fafb"},"dark":{"value":"#101b20"}},"3":{"DEFAULT":{"value":"#082c36"},"light":{"value":"#def7f9"},"dark":{"value":"#082c36"}},"4":{"DEFAULT":{"value":"#003848"},"light":{"value":"#caf1f6"},"dark":{"value":"#003848"}},"5":{"DEFAULT":{"value":"#004558"},"light":{"value":"#b5e9f0"},"dark":{"value":"#004558"}},"6":{"DEFAULT":{"value":"#045468"},"light":{"value":"#9ddde7"},"dark":{"value":"#045468"}},"7":{"DEFAULT":{"value":"#12677e"},"light":{"value":"#7dcedc"},"dark":{"value":"#12677e"}},"8":{"DEFAULT":{"value":"#11809c"},"light":{"value":"#3db9cf"},"dark":{"value":"#11809c"}},"9":{"DEFAULT":{"value":"#00a2c7"},"light":{"value":"#00a2c7"},"dark":{"value":"#00a2c7"}},"10":{"DEFAULT":{"value":"#23afd0"},"light":{"value":"#0797b9"},"dark":{"value":"#23afd0"}},"11":{"DEFAULT":{"value":"#4ccce6"},"light":{"value":"#107d98"},"dark":{"value":"#4ccce6"}},"12":{"DEFAULT":{"value":"#b6ecf7"},"light":{"value":"#0d3c48"},"dark":{"value":"#b6ecf7"}}}}}}}}}
+{"name":"panda-preset-color-radix","theme":{"extend":{"tokens":{"colors":{"radix":{"cyan":{"1":{"DEFAULT":{"value":"#0b161a"},"light":{"value":"#fafdfe"},"dark":{"value":"#0b161a"}},"2":{"DEFAULT":{"value":"#101b20"},"light":{"value":"#f2fafb"},"dark":{"value":"#101b20"}},"3":{"DEFAULT":{"value":"#082c36"},"light":{"value":"#def7f9"},"dark":{"value":"#082c36"}},"4":{"DEFAULT":{"value":"#003848"},"light":{"value":"#caf1f6"},"dark":{"value":"#003848"}},"5":{"DEFAULT":{"value":"#004558"},"light":{"value":"#b5e9f0"},"dark":{"value":"#004558"}},"6":{"DEFAULT":{"value":"#045468"},"light":{"value":"#9ddde7"},"dark":{"value":"#045468"}},"7":{"DEFAULT":{"value":"#12677e"},"light":{"value":"#7dcedc"},"dark":{"value":"#12677e"}},"8":{"DEFAULT":{"value":"#11809c"},"light":{"value":"#3db9cf"},"dark":{"value":"#11809c"}},"9":{"DEFAULT":{"value":"#00a2c7"},"light":{"value":"#00a2c7"},"dark":{"value":"#00a2c7"}},"10":{"DEFAULT":{"value":"#23afd0"},"light":{"value":"#0797b9"},"dark":{"value":"#23afd0"}},"11":{"DEFAULT":{"value":"#4ccce6"},"light":{"value":"#107d98"},"dark":{"value":"#4ccce6"}},"12":{"DEFAULT":{"value":"#b6ecf7"},"light":{"value":"#0d3c48"},"dark":{"value":"#b6ecf7"}}}}}}}}}

packages/panda-preset-color-radix/test/snapshots/color-map-ignore-invalid.json

@@ -1 +1 @@
-{"theme":{"extend":{"tokens":{"colors":{"grass":{"1":{"DEFAULT":{"value":"#0e1511"},"light":{"value":"#fbfefb"},"dark":{"value":"#0e1511"}},"2":{"DEFAULT":{"value":"#141a15"},"light":{"value":"#f5fbf5"},"dark":{"value":"#141a15"}},"3":{"DEFAULT":{"value":"#1b2a1e"},"light":{"value":"#e9f6e9"},"dark":{"value":"#1b2a1e"}},"4":{"DEFAULT":{"value":"#1d3a24"},"light":{"value":"#daf1db"},"dark":{"value":"#1d3a24"}},"5":{"DEFAULT":{"value":"#25482d"},"light":{"value":"#c9e8ca"},"dark":{"value":"#25482d"}},"6":{"DEFAULT":{"value":"#2d5736"},"light":{"value":"#b2ddb5"},"dark":{"value":"#2d5736"}},"7":{"DEFAULT":{"value":"#366740"},"light":{"value":"#94ce9a"},"dark":{"value":"#366740"}},"8":{"DEFAULT":{"value":"#3e7949"},"light":{"value":"#65ba74"},"dark":{"value":"#3e7949"}},"9":{"DEFAULT":{"value":"#46a758"},"light":{"value":"#46a758"},"dark":{"value":"#46a758"}},"10":{"DEFAULT":{"value":"#53b365"},"light":{"value":"#3e9b4f"},"dark":{"value":"#53b365"}},"11":{"DEFAULT":{"value":"#71d083"},"light":{"value":"#2a7e3b"},"dark":{"value":"#71d083"}},"12":{"DEFAULT":{"value":"#c2f0c2"},"light":{"value":"#203c25"},"dark":{"value":"#c2f0c2"}}}}}}}}
+{"name":"panda-preset-color-radix","theme":{"extend":{"tokens":{"colors":{"grass":{"1":{"DEFAULT":{"value":"#0e1511"},"light":{"value":"#fbfefb"},"dark":{"value":"#0e1511"}},"2":{"DEFAULT":{"value":"#141a15"},"light":{"value":"#f5fbf5"},"dark":{"value":"#141a15"}},"3":{"DEFAULT":{"value":"#1b2a1e"},"light":{"value":"#e9f6e9"},"dark":{"value":"#1b2a1e"}},"4":{"DEFAULT":{"value":"#1d3a24"},"light":{"value":"#daf1db"},"dark":{"value":"#1d3a24"}},"5":{"DEFAULT":{"value":"#25482d"},"light":{"value":"#c9e8ca"},"dark":{"value":"#25482d"}},"6":{"DEFAULT":{"value":"#2d5736"},"light":{"value":"#b2ddb5"},"dark":{"value":"#2d5736"}},"7":{"DEFAULT":{"value":"#366740"},"light":{"value":"#94ce9a"},"dark":{"value":"#366740"}},"8":{"DEFAULT":{"value":"#3e7949"},"light":{"value":"#65ba74"},"dark":{"value":"#3e7949"}},"9":{"DEFAULT":{"value":"#46a758"},"light":{"value":"#46a758"},"dark":{"value":"#46a758"}},"10":{"DEFAULT":{"value":"#53b365"},"light":{"value":"#3e9b4f"},"dark":{"value":"#53b365"}},"11":{"DEFAULT":{"value":"#71d083"},"light":{"value":"#2a7e3b"},"dark":{"value":"#71d083"}},"12":{"DEFAULT":{"value":"#c2f0c2"},"light":{"value":"#203c25"},"dark":{"value":"#c2f0c2"}}}}}}}}