npm - @cdx-ui/styles - Versions diffs - 0.0.1-alpha.34 - Mend

@cdx-ui/styles 0.0.1-alpha.34

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 (17) hide show

package/README.md +171 -0
package/css/theme.css +613 -0
package/css/utilities.css +99 -0
package/css/vanilla.css +609 -0
package/lib/commonjs/index.js +2 -0
package/lib/commonjs/index.js.map +1 -0
package/lib/commonjs/package.json +1 -0
package/lib/module/index.js +2 -0
package/lib/module/index.js.map +1 -0
package/lib/typescript/index.d.ts +58 -0
package/lib/typescript/index.d.ts.map +1 -0
package/package.json +70 -0
package/src/index.ts +67 -0
package/tokens/presets/.manifest.json +5 -0
package/tokens/presets/poise.json +3081 -0
package/tokens/presets/prestige.json +1975 -0
package/tokens/presets/pulse.json +1975 -0

package/tokens/presets/prestige.json ADDED Viewed

@@ -0,0 +1,1975 @@
+{
+  "$extensions": {
+    "com.candescent.theme": {
+      "name": "Prestige",
+      "preset": "prestige",
+      "schemaVersion": "1.0.0"
+    }
+  },
+  "blur": {
+    "2xl": {
+      "$type": "dimension",
+      "$value": "40px"
+    },
+    "3xl": {
+      "$type": "dimension",
+      "$value": "64px"
+    },
+    "lg": {
+      "$type": "dimension",
+      "$value": "16px"
+    },
+    "md": {
+      "$type": "dimension",
+      "$value": "12px"
+    },
+    "sm": {
+      "$type": "dimension",
+      "$value": "8px"
+    },
+    "xl": {
+      "$type": "dimension",
+      "$value": "24px"
+    },
+    "xs": {
+      "$type": "dimension",
+      "$value": "4px"
+    }
+  },
+  "breakpoint": {
+    "2xl": {
+      "$type": "dimension",
+      "$value": "1536px"
+    },
+    "lg": {
+      "$type": "dimension",
+      "$value": "1024px"
+    },
+    "md": {
+      "$type": "dimension",
+      "$value": "768px"
+    },
+    "sm": {
+      "$type": "dimension",
+      "$value": "640px"
+    },
+    "xl": {
+      "$type": "dimension",
+      "$value": "1280px"
+    }
+  },
+  "color": {
+    "accent": {
+      "50": {
+        "$type": "color",
+        "$value": "#fff9e7"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#ffedb6"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#ffd02e"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#e5ba23"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#c7a123"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#a78721"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#896f1f"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#725c1c"
+      },
+      "800": {
+        "$type": "color",
+        "$value": "#5b4a19"
+      },
+      "900": {
+        "$type": "color",
+        "$value": "#413515"
+      },
+      "950": {
+        "$type": "color",
+        "$value": "#231c0e"
+      },
+      "input": {
+        "$type": "color",
+        "$value": "#ffcf23"
+      }
+    },
+    "amber": {
+      "50": {
+        "$type": "color",
+        "$value": "#fffbeb"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#fef3c6"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#fee685"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#ffd230"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#ffb900"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#fe9a00"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#e17100"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#bb4d00"
+      },
+      "800": {
+        "$type": "color",
+        "$value": "#973c00"
+      },
+      "900": {
+        "$type": "color",
+        "$value": "#7b3306"
+      },
+      "950": {
+        "$type": "color",
+        "$value": "#461901"
+      }
+    },
+    "base": {
+      "50": {
+        "$type": "color",
+        "$value": "#fafbfb"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#ededed"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#d4d5d6"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#bdbebf"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#a4a6a7"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#8a8b8d"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#707275"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#5d5f62"
+      },
+      "800": {
+        "$type": "color",
+        "$value": "#4a4c4f"
+      },
+      "900": {
+        "$type": "color",
+        "$value": "#343639"
+      },
+      "950": {
+        "$type": "color",
+        "$value": "#1b1d20"
+      }
+    },
+    "black": {
+      "$type": "color",
+      "$value": "#000000"
+    },
+    "blue": {
+      "50": {
+        "$type": "color",
+        "$value": "#eff6ff"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#dbeafe"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#bedbff"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#8ec5ff"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#51a2ff"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#2b7fff"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#155dfc"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#1447e6"
+      },
+      "800": {
+        "$type": "color",
+        "$value": "#193cb8"
+      },
+      "900": {
+        "$type": "color",
+        "$value": "#1c398e"
+      },
+      "950": {
+        "$type": "color",
+        "$value": "#162456"
+      }
+    },
+    "brand": {
+      "50": {
+        "$type": "color",
+        "$value": "#f8fafe"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#e8eefc"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#c8d5f7"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#a6bef2"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#7ea6ec"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#548cdc"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#4373b7"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#346099"
+      },
+      "800": {
+        "$type": "color",
+        "$value": "#274c7d"
+      },
+      "900": {
+        "$type": "color",
+        "$value": "#19375d"
+      },
+      "950": {
+        "$type": "color",
+        "$value": "#0c1e33"
+      },
+      "input": {
+        "$type": "color",
+        "$value": "#081728"
+      }
+    },
+    "green": {
+      "50": {
+        "$type": "color",
+        "$value": "#f0fdf4"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#dcfce7"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#b9f8cf"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#7bf1a8"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#05df72"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#00c950"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#00a63e"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#008236"
+      },
+      "800": {
+        "$type": "color",
+        "$value": "#016630"
+      },
+      "900": {
+        "$type": "color",
+        "$value": "#0d542b"
+      },
+      "950": {
+        "$type": "color",
+        "$value": "#032e15"
+      }
+    },
+    "neutral": {
+      "50": {
+        "$type": "color",
+        "$value": "#fafafa"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#f5f5f5"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#e5e5e5"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#d4d4d4"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#a1a1a1"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#737373"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#525252"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#404040"
+      },
+      "800": {
+        "$type": "color",
+        "$value": "#262626"
+      },
+      "900": {
+        "$type": "color",
+        "$value": "#171717"
+      },
+      "950": {
+        "$type": "color",
+        "$value": "#0a0a0a"
+      }
+    },
+    "orange": {
+      "50": {
+        "$type": "color",
+        "$value": "#fff7ed"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#ffedd4"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#ffd6a8"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#ffb86a"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#ff8904"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#ff6900"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#f54900"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#ca3500"
+      },
+      "800": {
+        "$type": "color",
+        "$value": "#9f2d00"
+      },
+      "900": {
+        "$type": "color",
+        "$value": "#7e2a0c"
+      },
+      "950": {
+        "$type": "color",
+        "$value": "#441306"
+      }
+    },
+    "pink": {
+      "50": {
+        "$type": "color",
+        "$value": "#fdf2f8"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#fce7f3"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#fccee8"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#fda5d5"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#fb64b6"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#f6339a"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#e60076"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#c6005c"
+      },
+      "800": {
+        "$type": "color",
+        "$value": "#a3004c"
+      },
+      "900": {
+        "$type": "color",
+        "$value": "#861043"
+      },
+      "950": {
+        "$type": "color",
+        "$value": "#510424"
+      }
+    },
+    "purple": {
+      "50": {
+        "$type": "color",
+        "$value": "#faf5ff"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#f3e8ff"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#e9d4ff"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#dab2ff"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#c27aff"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#ad46ff"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#9810fa"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#8200db"
+      },
+      "800": {
+        "$type": "color",
+        "$value": "#6e11b0"
+      },
+      "900": {
+        "$type": "color",
+        "$value": "#59168b"
+      },
+      "950": {
+        "$type": "color",
+        "$value": "#3c0366"
+      }
+    },
+    "red": {
+      "50": {
+        "$type": "color",
+        "$value": "#fef2f2"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#ffe2e2"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#ffc9c9"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#ffa2a2"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#ff6467"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#fb2c36"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#e7000b"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#c10007"
+      },
+      "800": {
+        "$type": "color",
+        "$value": "#9f0712"
+      },
+      "900": {
+        "$type": "color",
+        "$value": "#82181a"
+      },
+      "950": {
+        "$type": "color",
+        "$value": "#460809"
+      }
+    },
+    "sky": {
+      "50": {
+        "$type": "color",
+        "$value": "#f0f9ff"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#dff2fe"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#b8e6fe"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#74d4ff"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#00bcff"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#00a6f4"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#0084d1"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#0069a8"
+      },
+      "800": {
+        "$type": "color",
+        "$value": "#00598a"
+      },
+      "900": {
+        "$type": "color",
+        "$value": "#024a70"
+      },
+      "950": {
+        "$type": "color",
+        "$value": "#052f4a"
+      }
+    },
+    "teal": {
+      "50": {
+        "$type": "color",
+        "$value": "#f0fdfa"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#cbfbf1"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#96f7e4"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#46ecd5"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#00d5be"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#00bba7"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#009689"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#00786f"
+      },
+      "800": {
+        "$type": "color",
+        "$value": "#005f5a"
+      },
+      "900": {
+        "$type": "color",
+        "$value": "#0b4f4a"
+      },
+      "950": {
+        "$type": "color",
+        "$value": "#022f2e"
+      }
+    },
+    "transparent": {
+      "$type": "color",
+      "$value": "rgba(255, 255, 255, 0.0001)"
+    },
+    "white": {
+      "$type": "color",
+      "$value": "#ffffff"
+    },
+    "yellow": {
+      "50": {
+        "$type": "color",
+        "$value": "#fefce8"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#fef9c2"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#fff085"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#ffdf20"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#fdc700"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#f0b100"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#d08700"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#a65f00"
+      },
+      "800": {
+        "$type": "color",
+        "$value": "#894b00"
+      },
+      "900": {
+        "$type": "color",
+        "$value": "#733e0a"
+      },
+      "950": {
+        "$type": "color",
+        "$value": "#432004"
+      }
+    }
+  },
+  "drop-shadow": {
+    "2xl": {
+      "blur-radius": {
+        "$type": "number",
+        "$value": 25
+      },
+      "color": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.15)"
+      },
+      "offset-x": {
+        "$type": "number",
+        "$value": 0
+      },
+      "offset-y": {
+        "$type": "number",
+        "$value": 25
+      },
+      "spread-radius": {
+        "$type": "number",
+        "$value": 0
+      }
+    },
+    "lg": {
+      "blur-radius": {
+        "$type": "number",
+        "$value": 4
+      },
+      "color": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.15)"
+      },
+      "offset-x": {
+        "$type": "number",
+        "$value": 0
+      },
+      "offset-y": {
+        "$type": "number",
+        "$value": 4
+      },
+      "spread-radius": {
+        "$type": "number",
+        "$value": 0
+      }
+    },
+    "md": {
+      "blur-radius": {
+        "$type": "number",
+        "$value": 3
+      },
+      "color": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.12)"
+      },
+      "offset-x": {
+        "$type": "number",
+        "$value": 0
+      },
+      "offset-y": {
+        "$type": "number",
+        "$value": 3
+      },
+      "spread-radius": {
+        "$type": "number",
+        "$value": 0
+      }
+    },
+    "sm": {
+      "blur-radius": {
+        "$type": "number",
+        "$value": 2
+      },
+      "color": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.15)"
+      },
+      "offset-x": {
+        "$type": "number",
+        "$value": 0
+      },
+      "offset-y": {
+        "$type": "number",
+        "$value": 1
+      },
+      "spread-radius": {
+        "$type": "number",
+        "$value": 0
+      }
+    },
+    "xl": {
+      "blur-radius": {
+        "$type": "number",
+        "$value": 7
+      },
+      "color": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.01)"
+      },
+      "offset-x": {
+        "$type": "number",
+        "$value": 0
+      },
+      "offset-y": {
+        "$type": "number",
+        "$value": 9
+      },
+      "spread-radius": {
+        "$type": "number",
+        "$value": 0
+      }
+    },
+    "xs": {
+      "blur-radius": {
+        "$type": "number",
+        "$value": 1
+      },
+      "color": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.05)"
+      },
+      "offset-x": {
+        "$type": "number",
+        "$value": 0
+      },
+      "offset-y": {
+        "$type": "number",
+        "$value": 1
+      },
+      "spread-radius": {
+        "$type": "number",
+        "$value": 0
+      }
+    }
+  },
+  "font": {
+    "mono": {
+      "$type": "string",
+      "$value": "IBM Plex Mono"
+    },
+    "sans": {
+      "$type": "string",
+      "$value": "Inter"
+    }
+  },
+  "font-weight": {
+    "black": {
+      "$type": "number",
+      "$value": 900
+    },
+    "bold": {
+      "$type": "number",
+      "$value": 700
+    },
+    "extrabold": {
+      "$type": "number",
+      "$value": 800
+    },
+    "extralight": {
+      "$type": "number",
+      "$value": 200
+    },
+    "light": {
+      "$type": "number",
+      "$value": 300
+    },
+    "medium": {
+      "$type": "number",
+      "$value": 500
+    },
+    "normal": {
+      "$type": "number",
+      "$value": 400
+    },
+    "semibold": {
+      "$type": "number",
+      "$value": 600
+    },
+    "thin": {
+      "$type": "number",
+      "$value": 100
+    }
+  },
+  "inset-shadow": {
+    "2xs": {
+      "blur-radius": {
+        "$type": "number",
+        "$value": 1
+      },
+      "color": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.05)"
+      },
+      "offset-x": {
+        "$type": "number",
+        "$value": 0
+      },
+      "offset-y": {
+        "$type": "number",
+        "$value": 0
+      },
+      "spread-radius": {
+        "$type": "number",
+        "$value": 0
+      }
+    },
+    "sm": {
+      "blur-radius": {
+        "$type": "number",
+        "$value": 4
+      },
+      "color": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.05)"
+      },
+      "offset-x": {
+        "$type": "number",
+        "$value": 0
+      },
+      "offset-y": {
+        "$type": "number",
+        "$value": 2
+      },
+      "spread-radius": {
+        "$type": "number",
+        "$value": 0
+      }
+    },
+    "xs": {
+      "blur-radius": {
+        "$type": "number",
+        "$value": 1
+      },
+      "color": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.05)"
+      },
+      "offset-x": {
+        "$type": "number",
+        "$value": 0
+      },
+      "offset-y": {
+        "$type": "number",
+        "$value": 1
+      },
+      "spread-radius": {
+        "$type": "number",
+        "$value": 0
+      }
+    }
+  },
+  "leading": {
+    "loose": {
+      "$type": "number",
+      "$value": 2
+    },
+    "normal": {
+      "$type": "number",
+      "$value": 1.5
+    },
+    "relaxed": {
+      "$type": "number",
+      "$value": 1.625
+    },
+    "snug": {
+      "$type": "number",
+      "$value": 1.375
+    },
+    "tight": {
+      "$type": "number",
+      "$value": 1.25
+    }
+  },
+  "perspective": {
+    "distant": {
+      "$type": "dimension",
+      "$value": "1200px"
+    },
+    "dramatic": {
+      "$type": "dimension",
+      "$value": "100px"
+    },
+    "midrange": {
+      "$type": "dimension",
+      "$value": "800px"
+    },
+    "near": {
+      "$type": "dimension",
+      "$value": "300px"
+    },
+    "normal": {
+      "$type": "dimension",
+      "$value": "500px"
+    }
+  },
+  "radius": {
+    "2xl": {
+      "$type": "dimension",
+      "$value": "16px"
+    },
+    "3xl": {
+      "$type": "dimension",
+      "$value": "24px"
+    },
+    "4xl": {
+      "$type": "dimension",
+      "$value": "32px"
+    },
+    "full": {
+      "$type": "dimension",
+      "$value": "9999px"
+    },
+    "lg": {
+      "$type": "dimension",
+      "$value": "8px"
+    },
+    "md": {
+      "$type": "dimension",
+      "$value": "6px"
+    },
+    "none": {
+      "$type": "dimension",
+      "$value": "0px"
+    },
+    "sm": {
+      "$type": "dimension",
+      "$value": "4px"
+    },
+    "xl": {
+      "$type": "dimension",
+      "$value": "12px"
+    },
+    "xs": {
+      "$type": "dimension",
+      "$value": "2px"
+    }
+  },
+  "shadow": {
+    "2xl": {
+      "blur-radius": {
+        "$type": "number",
+        "$value": 50
+      },
+      "color": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.25)"
+      },
+      "offset-x": {
+        "$type": "number",
+        "$value": 0
+      },
+      "offset-y": {
+        "$type": "number",
+        "$value": 25
+      },
+      "spread-radius": {
+        "$type": "number",
+        "$value": -12
+      }
+    },
+    "2xs": {
+      "blur-radius": {
+        "$type": "number",
+        "$value": 0
+      },
+      "color": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.05)"
+      },
+      "offset-x": {
+        "$type": "number",
+        "$value": 0
+      },
+      "offset-y": {
+        "$type": "number",
+        "$value": 1
+      },
+      "spread-radius": {
+        "$type": "number",
+        "$value": 0
+      }
+    },
+    "lg": {
+      "1": {
+        "blur-radius": {
+          "$type": "number",
+          "$value": 15
+        },
+        "color": {
+          "$type": "color",
+          "$value": "rgba(0, 0, 0, 0.1)"
+        },
+        "offset-x": {
+          "$type": "number",
+          "$value": 0
+        },
+        "offset-y": {
+          "$type": "number",
+          "$value": 10
+        },
+        "spread-radius": {
+          "$type": "number",
+          "$value": -3
+        }
+      },
+      "2": {
+        "blur-radius": {
+          "$type": "number",
+          "$value": 6
+        },
+        "color": {
+          "$type": "color",
+          "$value": "rgba(0, 0, 0, 0.1)"
+        },
+        "offset-x": {
+          "$type": "number",
+          "$value": 0
+        },
+        "offset-y": {
+          "$type": "number",
+          "$value": 4
+        },
+        "spread-radius": {
+          "$type": "number",
+          "$value": -4
+        }
+      }
+    },
+    "md": {
+      "1": {
+        "blur-radius": {
+          "$type": "number",
+          "$value": 6
+        },
+        "color": {
+          "$type": "color",
+          "$value": "rgba(0, 0, 0, 0.1)"
+        },
+        "offset-x": {
+          "$type": "number",
+          "$value": 0
+        },
+        "offset-y": {
+          "$type": "number",
+          "$value": 4
+        },
+        "spread-radius": {
+          "$type": "number",
+          "$value": -1
+        }
+      },
+      "2": {
+        "blur-radius": {
+          "$type": "number",
+          "$value": 4
+        },
+        "color": {
+          "$type": "color",
+          "$value": "rgba(0, 0, 0, 0.1)"
+        },
+        "offset-x": {
+          "$type": "number",
+          "$value": 0
+        },
+        "offset-y": {
+          "$type": "number",
+          "$value": 2
+        },
+        "spread-radius": {
+          "$type": "number",
+          "$value": -2
+        }
+      }
+    },
+    "sm": {
+      "1": {
+        "blur-radius": {
+          "$type": "number",
+          "$value": 3
+        },
+        "color": {
+          "$type": "color",
+          "$value": "rgba(0, 0, 0, 0.1)"
+        },
+        "offset-x": {
+          "$type": "number",
+          "$value": 0
+        },
+        "offset-y": {
+          "$type": "number",
+          "$value": 1
+        },
+        "spread-radius": {
+          "$type": "number",
+          "$value": 0
+        }
+      },
+      "2": {
+        "blur-radius": {
+          "$type": "number",
+          "$value": 2
+        },
+        "color": {
+          "$type": "color",
+          "$value": "rgba(0, 0, 0, 0.1)"
+        },
+        "offset-x": {
+          "$type": "number",
+          "$value": 0
+        },
+        "offset-y": {
+          "$type": "number",
+          "$value": 1
+        },
+        "spread-radius": {
+          "$type": "number",
+          "$value": -1
+        }
+      }
+    },
+    "xl": {
+      "1": {
+        "blur-radius": {
+          "$type": "number",
+          "$value": 25
+        },
+        "color": {
+          "$type": "color",
+          "$value": "rgba(0, 0, 0, 0.1)"
+        },
+        "offset-x": {
+          "$type": "number",
+          "$value": 0
+        },
+        "offset-y": {
+          "$type": "number",
+          "$value": 20
+        },
+        "spread-radius": {
+          "$type": "number",
+          "$value": -5
+        }
+      },
+      "2": {
+        "blur-radius": {
+          "$type": "number",
+          "$value": 10
+        },
+        "color": {
+          "$type": "color",
+          "$value": "rgba(0, 0, 0, 0.1)"
+        },
+        "offset-x": {
+          "$type": "number",
+          "$value": 0
+        },
+        "offset-y": {
+          "$type": "number",
+          "$value": 8
+        },
+        "spread-radius": {
+          "$type": "number",
+          "$value": -6
+        }
+      }
+    },
+    "xs": {
+      "blur-radius": {
+        "$type": "number",
+        "$value": 2
+      },
+      "color": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.05)"
+      },
+      "offset-x": {
+        "$type": "number",
+        "$value": 0
+      },
+      "offset-y": {
+        "$type": "number",
+        "$value": 1
+      },
+      "spread-radius": {
+        "$type": "number",
+        "$value": 0
+      }
+    }
+  },
+  "spacing": {
+    "0": {
+      "$type": "dimension",
+      "$value": "0px"
+    },
+    "1": {
+      "$type": "dimension",
+      "$value": "4px"
+    },
+    "2": {
+      "$type": "dimension",
+      "$value": "8px"
+    },
+    "3": {
+      "$type": "dimension",
+      "$value": "12px"
+    },
+    "4": {
+      "$type": "dimension",
+      "$value": "16px"
+    },
+    "5": {
+      "$type": "dimension",
+      "$value": "20px"
+    },
+    "6": {
+      "$type": "dimension",
+      "$value": "24px"
+    },
+    "7": {
+      "$type": "dimension",
+      "$value": "28px"
+    },
+    "8": {
+      "$type": "dimension",
+      "$value": "32px"
+    },
+    "9": {
+      "$type": "dimension",
+      "$value": "36px"
+    },
+    "10": {
+      "$type": "dimension",
+      "$value": "40px"
+    },
+    "11": {
+      "$type": "dimension",
+      "$value": "44px"
+    },
+    "12": {
+      "$type": "dimension",
+      "$value": "48px"
+    },
+    "14": {
+      "$type": "dimension",
+      "$value": "56px"
+    },
+    "16": {
+      "$type": "dimension",
+      "$value": "80px"
+    },
+    "20": {
+      "$type": "dimension",
+      "$value": "96px"
+    },
+    "24": {
+      "$type": "dimension",
+      "$value": "112px"
+    },
+    "28": {
+      "$type": "dimension",
+      "$value": "128px"
+    },
+    "32": {
+      "$type": "dimension",
+      "$value": "144px"
+    },
+    "36": {
+      "$type": "dimension",
+      "$value": "160px"
+    },
+    "40": {
+      "$type": "dimension",
+      "$value": "160px"
+    },
+    "44": {
+      "$type": "dimension",
+      "$value": "176px"
+    },
+    "48": {
+      "$type": "dimension",
+      "$value": "192px"
+    },
+    "52": {
+      "$type": "dimension",
+      "$value": "208px"
+    },
+    "56": {
+      "$type": "dimension",
+      "$value": "224px"
+    },
+    "60": {
+      "$type": "dimension",
+      "$value": "240px"
+    },
+    "64": {
+      "$type": "dimension",
+      "$value": "256px"
+    },
+    "72": {
+      "$type": "dimension",
+      "$value": "288px"
+    },
+    "80": {
+      "$type": "dimension",
+      "$value": "320px"
+    },
+    "96": {
+      "$type": "dimension",
+      "$value": "384px"
+    },
+    "0-5": {
+      "$type": "dimension",
+      "$value": "2px"
+    },
+    "1-5": {
+      "$type": "dimension",
+      "$value": "6px"
+    },
+    "2-5": {
+      "$type": "dimension",
+      "$value": "10px"
+    },
+    "3-5": {
+      "$type": "dimension",
+      "$value": "14px"
+    },
+    "base": {
+      "$type": "dimension",
+      "$value": "4px"
+    },
+    "px": {
+      "$type": "dimension",
+      "$value": "1px"
+    }
+  },
+  "text": {
+    "2xl": {
+      "font-size": {
+        "$type": "dimension",
+        "$value": "24px"
+      },
+      "line-height": {
+        "$type": "number",
+        "$value": 1.33333
+      }
+    },
+    "2xs": {
+      "font-size": {
+        "$type": "dimension",
+        "$value": "10px"
+      },
+      "line-height": {
+        "$type": "number",
+        "$value": 1.2
+      }
+    },
+    "3xl": {
+      "font-size": {
+        "$type": "dimension",
+        "$value": "30px"
+      },
+      "line-height": {
+        "$type": "number",
+        "$value": 1.2
+      }
+    },
+    "4xl": {
+      "font-size": {
+        "$type": "dimension",
+        "$value": "36px"
+      },
+      "line-height": {
+        "$type": "number",
+        "$value": 1.11111
+      }
+    },
+    "5xl": {
+      "font-size": {
+        "$type": "dimension",
+        "$value": "48px"
+      },
+      "line-height": {
+        "$type": "number",
+        "$value": 1
+      }
+    },
+    "6xl": {
+      "font-size": {
+        "$type": "dimension",
+        "$value": "60px"
+      },
+      "line-height": {
+        "$type": "number",
+        "$value": 1
+      }
+    },
+    "7xl": {
+      "font-size": {
+        "$type": "dimension",
+        "$value": "72px"
+      },
+      "line-height": {
+        "$type": "number",
+        "$value": 1
+      }
+    },
+    "8xl": {
+      "font-size": {
+        "$type": "dimension",
+        "$value": "96px"
+      },
+      "line-height": {
+        "$type": "number",
+        "$value": 1
+      }
+    },
+    "9xl": {
+      "font-size": {
+        "$type": "dimension",
+        "$value": "128px"
+      },
+      "line-height": {
+        "$type": "number",
+        "$value": 1
+      }
+    },
+    "base": {
+      "font-size": {
+        "$type": "dimension",
+        "$value": "16px"
+      },
+      "line-height": {
+        "$type": "number",
+        "$value": 1.5
+      }
+    },
+    "lg": {
+      "font-size": {
+        "$type": "dimension",
+        "$value": "18px"
+      },
+      "line-height": {
+        "$type": "number",
+        "$value": 1.55556
+      }
+    },
+    "sm": {
+      "font-size": {
+        "$type": "dimension",
+        "$value": "14px"
+      },
+      "line-height": {
+        "$type": "number",
+        "$value": 1.42857
+      }
+    },
+    "xl": {
+      "font-size": {
+        "$type": "dimension",
+        "$value": "20px"
+      },
+      "line-height": {
+        "$type": "number",
+        "$value": 1.4
+      }
+    },
+    "xs": {
+      "font-size": {
+        "$type": "dimension",
+        "$value": "12px"
+      },
+      "line-height": {
+        "$type": "number",
+        "$value": 1.33333
+      }
+    }
+  },
+  "text-shadow": {
+    "2xs": {
+      "blur-radius": {
+        "$type": "number",
+        "$value": 0
+      },
+      "color": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.15)"
+      },
+      "offset-x": {
+        "$type": "number",
+        "$value": 0
+      },
+      "offset-y": {
+        "$type": "number",
+        "$value": 1
+      },
+      "spread-radius": {
+        "$type": "number",
+        "$value": 0
+      }
+    },
+    "lg": {
+      "1": {
+        "blur-radius": {
+          "$type": "number",
+          "$value": 2
+        },
+        "color": {
+          "$type": "color",
+          "$value": "rgba(0, 0, 0, 0.1)"
+        },
+        "offset-x": {
+          "$type": "number",
+          "$value": 0
+        },
+        "offset-y": {
+          "$type": "number",
+          "$value": 1
+        },
+        "spread-radius": {
+          "$type": "number",
+          "$value": 0
+        }
+      },
+      "2": {
+        "blur-radius": {
+          "$type": "number",
+          "$value": 2
+        },
+        "color": {
+          "$type": "color",
+          "$value": "rgba(0, 0, 0, 0.1)"
+        },
+        "offset-x": {
+          "$type": "number",
+          "$value": 0
+        },
+        "offset-y": {
+          "$type": "number",
+          "$value": 3
+        },
+        "spread-radius": {
+          "$type": "number",
+          "$value": 0
+        }
+      },
+      "3": {
+        "blur-radius": {
+          "$type": "number",
+          "$value": 8
+        },
+        "color": {
+          "$type": "color",
+          "$value": "rgba(0, 0, 0, 0.1)"
+        },
+        "offset-x": {
+          "$type": "number",
+          "$value": 0
+        },
+        "offset-y": {
+          "$type": "number",
+          "$value": 4
+        },
+        "spread-radius": {
+          "$type": "number",
+          "$value": 0
+        }
+      }
+    },
+    "md": {
+      "1": {
+        "blur-radius": {
+          "$type": "number",
+          "$value": 1
+        },
+        "color": {
+          "$type": "color",
+          "$value": "rgba(0, 0, 0, 0.1)"
+        },
+        "offset-x": {
+          "$type": "number",
+          "$value": 0
+        },
+        "offset-y": {
+          "$type": "number",
+          "$value": 1
+        },
+        "spread-radius": {
+          "$type": "number",
+          "$value": 0
+        }
+      },
+      "2": {
+        "blur-radius": {
+          "$type": "number",
+          "$value": 2
+        },
+        "color": {
+          "$type": "color",
+          "$value": "rgba(0, 0, 0, 0.1)"
+        },
+        "offset-x": {
+          "$type": "number",
+          "$value": 0
+        },
+        "offset-y": {
+          "$type": "number",
+          "$value": 1
+        },
+        "spread-radius": {
+          "$type": "number",
+          "$value": 0
+        }
+      },
+      "3": {
+        "blur-radius": {
+          "$type": "number",
+          "$value": 4
+        },
+        "color": {
+          "$type": "color",
+          "$value": "rgba(0, 0, 0, 0.1)"
+        },
+        "offset-x": {
+          "$type": "number",
+          "$value": 0
+        },
+        "offset-y": {
+          "$type": "number",
+          "$value": 2
+        },
+        "spread-radius": {
+          "$type": "number",
+          "$value": 0
+        }
+      }
+    },
+    "sm": {
+      "1": {
+        "blur-radius": {
+          "$type": "number",
+          "$value": 0
+        },
+        "color": {
+          "$type": "color",
+          "$value": "rgba(0, 0, 0, 0.075)"
+        },
+        "offset-x": {
+          "$type": "number",
+          "$value": 0
+        },
+        "offset-y": {
+          "$type": "number",
+          "$value": 1
+        },
+        "spread-radius": {
+          "$type": "number",
+          "$value": 0
+        }
+      },
+      "2": {
+        "blur-radius": {
+          "$type": "number",
+          "$value": 1
+        },
+        "color": {
+          "$type": "color",
+          "$value": "rgba(0, 0, 0, 0.075)"
+        },
+        "offset-x": {
+          "$type": "number",
+          "$value": 0
+        },
+        "offset-y": {
+          "$type": "number",
+          "$value": 1
+        },
+        "spread-radius": {
+          "$type": "number",
+          "$value": 0
+        }
+      },
+      "3": {
+        "blur-radius": {
+          "$type": "number",
+          "$value": 2
+        },
+        "color": {
+          "$type": "color",
+          "$value": "rgba(0, 0, 0, 0.075)"
+        },
+        "offset-x": {
+          "$type": "number",
+          "$value": 0
+        },
+        "offset-y": {
+          "$type": "number",
+          "$value": 2
+        },
+        "spread-radius": {
+          "$type": "number",
+          "$value": 0
+        }
+      }
+    },
+    "xs": {
+      "blur-radius": {
+        "$type": "number",
+        "$value": 1
+      },
+      "color": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.2)"
+      },
+      "offset-x": {
+        "$type": "number",
+        "$value": 0
+      },
+      "offset-y": {
+        "$type": "number",
+        "$value": 1
+      },
+      "spread-radius": {
+        "$type": "number",
+        "$value": 0
+      }
+    }
+  },
+  "tracking": {
+    "normal": {
+      "$type": "number",
+      "$value": 0
+    },
+    "tight": {
+      "$type": "number",
+      "$value": -0.4000000059604645
+    },
+    "tighter": {
+      "$type": "number",
+      "$value": -0.800000011920929
+    },
+    "wide": {
+      "$type": "number",
+      "$value": 0.4000000059604645
+    },
+    "wider": {
+      "$type": "number",
+      "$value": 0.800000011920929
+    },
+    "widest": {
+      "$type": "number",
+      "$value": 1.600000023841858
+    }
+  },
+  "container": {
+    "2xl": {
+      "$type": "dimension",
+      "$value": "672px"
+    },
+    "2xs": {
+      "$type": "dimension",
+      "$value": "288px"
+    },
+    "3xl": {
+      "$type": "dimension",
+      "$value": "768px"
+    },
+    "3xs": {
+      "$type": "dimension",
+      "$value": "256px"
+    },
+    "4xl": {
+      "$type": "dimension",
+      "$value": "896px"
+    },
+    "5xl": {
+      "$type": "dimension",
+      "$value": "1024px"
+    },
+    "6xl": {
+      "$type": "dimension",
+      "$value": "1152px"
+    },
+    "7xl": {
+      "$type": "dimension",
+      "$value": "1280px"
+    },
+    "lg": {
+      "$type": "dimension",
+      "$value": "512px"
+    },
+    "md": {
+      "$type": "dimension",
+      "$value": "448px"
+    },
+    "sm": {
+      "$type": "dimension",
+      "$value": "384px"
+    },
+    "xl": {
+      "$type": "dimension",
+      "$value": "576px"
+    },
+    "xs": {
+      "$type": "dimension",
+      "$value": "320px"
+    }
+  },
+  "modes": {
+    "light": {},
+    "dark": {}
+  },
+  "platform": {
+    "web": {
+      "font": {
+        "mono": {
+          "$type": "string",
+          "$value": "IBM Plex Mono"
+        },
+        "sans": {
+          "$type": "string",
+          "$value": "Inter"
+        }
+      }
+    },
+    "ios": {
+      "font": {
+        "mono": {
+          "$type": "string",
+          "$value": "SF Mono"
+        },
+        "sans": {
+          "$type": "string",
+          "$value": "SF Pro"
+        }
+      }
+    },
+    "android": {
+      "font": {
+        "mono": {
+          "$type": "string",
+          "$value": "Roboto Mono"
+        },
+        "sans": {
+          "$type": "string",
+          "$value": "Roboto"
+        }
+      }
+    }
+  }
+}