@arbor-css/shadows 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+import { GlobalConfig } from '../../globals/dist/globalProps.js';
+export declare const defaultShadowLevels: readonly ["xs", "sm", "md", "lg", "xl"];
+export type DefaultShadowLevel = (typeof defaultShadowLevels)[number];
+export interface ShadowConfig<TSpacingLevel extends string> {
+    levels?: Record<TSpacingLevel, CompiledShadowLevel>;
+    defaultLevel?: TSpacingLevel;
+    globals?: GlobalConfig;
+}
+export interface CompiledShadowLevel {
+    x: string;
+    y: string;
+    blur: string;
+    spread: string;
+    color: string;
+}
+export interface CompiledShadows<TShadowLevel extends string = DefaultShadowLevel> {
+    defaultLevel: TShadowLevel;
+    levels: {
+        [K in TShadowLevel]: CompiledShadowLevel;
+    };
+}
+export declare function compileShadows<TShadowLevel extends string = DefaultShadowLevel>(config: ShadowConfig<TShadowLevel>): CompiledShadows<TShadowLevel>;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAOA,OAAO,EAAgB,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAE/E,eAAO,MAAM,mBAAmB,yCAA0C,CAAC;AAC3E,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtE,MAAM,WAAW,YAAY,CAAC,aAAa,SAAS,MAAM;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC,aAAa,EAAE,mBAAmB,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,OAAO,CAAC,EAAE,YAAY,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IACnC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,eAAe,CAC/B,YAAY,SAAS,MAAM,GAAG,kBAAkB;IAEhD,YAAY,EAAE,YAAY,CAAC;IAC3B,MAAM,EAAE;SACN,CAAC,IAAI,YAAY,GAAG,mBAAmB;KACxC,CAAC;CACF;AAsBD,wBAAgB,cAAc,CAC7B,YAAY,SAAS,MAAM,GAAG,kBAAkB,EAC/C,MAAM,EAAE,YAAY,CAAC,YAAY,CAAC,GAAG,eAAe,CAAC,YAAY,CAAC,CA0DnE"}

package/dist/index.js

@@ -0,0 +1,47 @@
+import { $, computeEquation, printComputationResult, } from '@arbor-css/calc';
+import { $dynamicProps } from '@arbor-css/globals';
+import { $globalProps } from '../../globals/dist/globalProps.js';
+export const defaultShadowLevels = ['xs', 'sm', 'md', 'lg', 'xl'];
+const defaultShadowXEquation = (step) => $.literal(`0px`);
+const defaultShadowYEquation = (step) => $.multiply($.literal('1px'), $.fn('pow', $.literal(2), $.literal(step - 1)));
+const defaultShadowBlurEquation = (step) => $.multiply($.literal($globalProps.shadowBlur.varFallback('0.5')), $.literal($globalProps.baseSpacingSize.varFallback('0.5rem')), $.literal(0.25), $.fn('pow', $.literal(2), $.literal(step - 1)));
+const defaultShadowSpreadEquation = (step) => $.multiply($.literal($globalProps.shadowSpread.varFallback('1')), $.literal('1px'));
+const defaultShadowColorEquation = (step) => $.literal($dynamicProps.shadowColor.varFallback($globalProps.defaultShadowColor.var));
+export function compileShadows(config) {
+    const levelNames = config.levels ?
+        Object.keys(config.levels)
+        : defaultShadowLevels;
+    const baseIndex = 
+    // user supplied explicit default level
+    config.defaultLevel ? levelNames.indexOf(config.defaultLevel)
+        // user did not give us a default level, but did give us custom levels, so we'll pick the middle one as the default
+        : config.levels ? Math.floor(levelNames.length / 2)
+            // user did not give us a default level, and is using the default levels, so we'll use 'md' as the default.
+            : levelNames.indexOf('md');
+    const ctx = {
+        propertyValues: {
+            [$globalProps.defaultShadowColor.name]: config.globals?.defaultShadowColor?.toString(),
+            [$globalProps.shadowSpread.name]: config.globals?.shadowSpread?.toString(),
+            [$globalProps.baseSpacingSize.name]: config.globals?.baseSpacingSize?.toString(),
+            [$globalProps.shadowBlur.name]: config.globals?.shadowBlur?.toString(),
+        },
+    };
+    const levels = levelNames.reduce((acc, name, i) => {
+        const nameCast = name;
+        const levelConfig = config.levels?.[nameCast];
+        acc[nameCast] = {
+            x: printComputationResult(computeEquation(defaultShadowXEquation(i), ctx)),
+            y: printComputationResult(computeEquation(defaultShadowYEquation(i), ctx)),
+            blur: printComputationResult(computeEquation(defaultShadowBlurEquation(i), ctx)),
+            spread: printComputationResult(computeEquation(defaultShadowSpreadEquation(i), ctx)),
+            color: printComputationResult(computeEquation(defaultShadowColorEquation(i), ctx)),
+            ...levelConfig,
+        };
+        return acc;
+    }, {});
+    return {
+        defaultLevel: config.defaultLevel ?? levelNames[baseIndex],
+        levels,
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@arbor-css/shadows",
+  "version": "0.0.1",
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "development": "./src/index.ts",
+      "import": "./dist/index.js",
+      "node": "./dist/index.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "sideEffects": false,
+  "devDependencies": {
+    "typescript": "^6.0.3"
+  },
+  "dependencies": {
+    "@arbor-css/calc": "0.0.1",
+    "@arbor-css/globals": "0.0.1",
+    "@arbor-css/tokens": "0.0.1"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc -w --preserveWatchOutput"
+  }
+}