{"id":18258,"library":"css-box-shadow","title":"css-box-shadow","description":"A zero-dependency CSS box-shadow parser and stringifier. Current stable version 1.0.0-3. Lightweight, simple API to convert between CSS string values and structured objects, and vice versa. Useful for manipulating box-shadow values programmatically in styling tools, CSS-in-JS libraries, or animation systems. No dependencies, works in Node and browser.","status":"active","version":"1.0.0-3","language":"javascript","source_language":"en","source_url":null,"tags":["javascript"],"install":[{"cmd":"npm install css-box-shadow","lang":"bash","label":"npm"},{"cmd":"yarn add css-box-shadow","lang":"bash","label":"yarn"},{"cmd":"pnpm add css-box-shadow","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"Named export; default export is not available.","wrong":"import parse from 'css-box-shadow'","symbol":"parse","correct":"import { parse } from 'css-box-shadow'"},{"note":"Also works with CommonJS require(). Both ESM and CJS are supported.","wrong":"import { stringify } from 'css-box-shadow'; const { stringify } = require('css-box-shadow')","symbol":"stringify","correct":"import { stringify } from 'css-box-shadow'"},{"note":"No default export; destructure the required object.","wrong":"const parse = require('css-box-shadow').default","symbol":"parse (CommonJS)","correct":"const { parse } = require('css-box-shadow')"}],"quickstart":{"code":"import { parse, stringify } from 'css-box-shadow';\n\nconst shadowString = '0 0 0 32px tomato';\nconst parsed = parse(shadowString);\nconsole.log(parsed);\n// [{ inset: false, offsetX: 0, offsetY: 0, blurRadius: 0, spreadRadius: 32, color: 'tomato' }]\n\nconst reconstructed = stringify(parsed);\nconsole.log(reconstructed);\n// '0 0 0 32px tomato'","lang":"javascript","description":"Parses a CSS box-shadow string into an array of objects, then stringifies it back."},"warnings":[{"fix":"Pin to exact version if stability is critical.","message":"The package version is 1.0.0-3 (pre-release). API may change between minor versions.","severity":"gotcha","affected_versions":"1.0.0-*"},{"fix":"Ensure input strings follow standard CSS box-shadow format.","message":"Only supports a limited subset of CSS box-shadow syntax; multiple shadows with comma separation are supported as array, but `inset` keyword must be first if present.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Validate color values separately if needed.","message":"The package does not perform validation of color values; arbitrary strings accepted.","severity":"gotcha","affected_versions":">=0.0.0"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Always pass a string: const result = parse(String(value));","cause":"Passing a non-string value to parse().","error":"Cannot read properties of undefined (reading 'match')"},{"fix":"Use named import: import { stringify } from 'css-box-shadow'","cause":"Attempting to call stringify as default import.","error":"TypeError: stringify is not a function"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}