@arbor-css/preset 0.0.60 → 0.0.63

package/dist/mixins.d.ts.map

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

package/dist/mixins.js

@@ -0,0 +1,121 @@
+function createRefColorMixin(createMixinValue, { name, property, description, }) {
+    const includeContrast = property === 'background';
+    return createMixinValue(name, {
+        description,
+        parameters: ['--color'],
+        definition: (css, { parameters: [color], tokens }) => {
+            return {
+                [tokens.applied.name]: css `
+					${color}
+				`,
+                [tokens.ref.name]: css `
+					${tokens.applied.var}
+				`,
+                ...(tokens.contrast ?
+                    {
+                        [tokens.contrast.name]: css `
+							${tokens.applied.var}
+						`,
+                    }
+                    : {}),
+                [tokens.applied.name]: css `
+					${tokens.applied.var}
+				`,
+                [tokens.ref.name]: css `
+					${tokens.ref.var}
+				`,
+                ...(tokens.contrast ?
+                    {
+                        [tokens.contrast.name]: css `
+							${tokens.applied.var}
+						`,
+                    }
+                    : {}),
+                [property]: css `
+					${tokens.ref.var}
+				`,
+            };
+        },
+        contributeTokens: {
+            applied: {
+                purpose: 'color',
+                description: `The resolved source color for ${property}.`,
+            },
+            ref: {
+                purpose: 'color',
+                description: `The final ${property} value applied by Arbor.`,
+            },
+            ...(includeContrast ?
+                {
+                    contrast: {
+                        purpose: 'color',
+                        description: 'Color used when deriving a contrast foreground from the background.',
+                    },
+                }
+                : {}),
+        },
+    });
+}
+export function createPresetMixins(systemProps, createMixinValue) {
+    const shadow = createMixinValue('shadow', {
+        description: 'Seeds stacked box-shadow layers so ring and shadow portions can be assigned independently.',
+        definition: (css, { tokens }) => ({
+            [tokens.shadow.name]: css `0 0 0 0 transparent`,
+            [tokens.ring.name]: css `0 0 0 0 transparent`,
+            'box-shadow': css `
+				${tokens.ring.var}, ${tokens.shadow.var}
+			`,
+        }),
+        contributeTokens: {
+            shadow: {
+                purpose: 'shadow',
+                description: 'The main stacked shadow layer used by the shadow mixin.',
+            },
+            ring: {
+                purpose: 'shadow',
+                description: 'A "ring" shadow, often used as a focus indicator. See the "ring" function.',
+            },
+        },
+    });
+    // colors
+    const fg = createRefColorMixin(createMixinValue, {
+        name: 'fg',
+        property: 'color',
+        description: 'Routes color assignments through Arbor ref variables for runtime adjustments.',
+    });
+    const bg = createRefColorMixin(createMixinValue, {
+        name: 'bg',
+        property: 'background',
+        description: 'Routes background color assignments through Arbor ref variables for runtime adjustments.',
+    });
+    const border = createRefColorMixin(createMixinValue, {
+        name: 'border',
+        property: 'border-color',
+        description: 'Routes border color assignments through Arbor ref variables for runtime adjustments.',
+    });
+    const fill = createRefColorMixin(createMixinValue, {
+        name: 'fill',
+        property: 'fill',
+        description: 'Routes SVG fill assignments through Arbor ref variables for runtime adjustments.',
+    });
+    const stroke = createRefColorMixin(createMixinValue, {
+        name: 'stroke',
+        property: 'stroke',
+        description: 'Routes SVG stroke assignments through Arbor ref variables for runtime adjustments.',
+    });
+    const accent = createRefColorMixin(createMixinValue, {
+        name: 'accent',
+        property: 'accent-color',
+        description: 'Routes accent-color assignments through Arbor ref variables for runtime adjustments.',
+    });
+    return {
+        accent,
+        bg,
+        border,
+        fill,
+        fg,
+        shadow,
+        stroke,
+    };
+}
+//# sourceMappingURL=mixins.js.map

package/dist/mixins.js.map

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

package/dist/mixins.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=mixins.test.d.ts.map

package/dist/mixins.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mixins.test.d.ts","sourceRoot":"","sources":["../src/mixins.test.ts"],"names":[],"mappings":""}

package/dist/mixins.test.js

@@ -0,0 +1,38 @@
+import { expect, it } from 'vitest';
+import { createArbor } from './createArborPreset.js';
+it('adds descriptions to the built-in shadow mixin tokens', () => {
+    const preset = createArbor().preset({
+        colors: {
+            ranges: {
+                primary: {
+                    hue: 30,
+                },
+            },
+            mainColor: 'primary',
+        },
+    });
+    expect(preset.$.mixins.shadow.shadow.description).toBeTruthy();
+    expect(preset.$.mixins.shadow.ring.description).toBeTruthy();
+});
+it('exposes built-in ref color mixins with contributed tokens', () => {
+    const preset = createArbor().preset({
+        colors: {
+            ranges: {
+                primary: {
+                    hue: 30,
+                },
+            },
+            mainColor: 'primary',
+        },
+    });
+    expect(preset.mixins.bg.name).toContain('bg');
+    expect(preset.mixins.fg.name).toContain('fg');
+    expect(preset.mixins.border.name).toContain('border');
+    expect(preset.mixins.bg.parameters).toEqual(['--color']);
+    expect(preset.mixins.fg.parameters).toEqual(['--color']);
+    expect(preset.$.mixins.bg.applied.description).toBeTruthy();
+    expect(preset.$.mixins.bg.ref.description).toBeTruthy();
+    expect(preset.$.mixins.bg.contrast).toBeDefined();
+    expect(preset.$.mixins.bg.contrast?.description).toBeTruthy();
+});
+//# sourceMappingURL=mixins.test.js.map

package/dist/mixins.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mixins.test.js","sourceRoot":"","sources":["../src/mixins.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,EAAE,CAAC,uDAAuD,EAAE,GAAG,EAAE;IAChE,MAAM,MAAM,GAAG,WAAW,EAAE,CAAC,MAAM,CAAC;QACnC,MAAM,EAAE;YACP,MAAM,EAAE;gBACP,OAAO,EAAE;oBACR,GAAG,EAAE,EAAE;iBACP;aACD;YACD,SAAS,EAAE,SAAS;SACpB;KACD,CAAC,CAAC;IAEH,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,UAAU,EAAE,CAAC;IAC/D,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,UAAU,EAAE,CAAC;AAC9D,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;IACpE,MAAM,MAAM,GAAG,WAAW,EAAE,CAAC,MAAM,CAAC;QACnC,MAAM,EAAE;YACP,MAAM,EAAE;gBACP,OAAO,EAAE;oBACR,GAAG,EAAE,EAAE;iBACP;aACD;YACD,SAAS,EAAE,SAAS;SACpB;KACD,CAAC,CAAC;IAEH,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAC9C,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAC9C,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACtD,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACzD,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACzD,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,UAAU,EAAE,CAAC;IAC5D,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,UAAU,EAAE,CAAC;IACxD,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC;IAClD,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,UAAU,EAAE,CAAC;AAC/D,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arbor-css/preset",
-  "version": "0.0.60",
+  "version": "0.0.63",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -31,17 +31,17 @@
     "vitest": "^4.1.7"
   },
   "dependencies": {
-    "@arbor-css/colors": "0.0.60",
-    "@arbor-css/modes": "0.0.60",
-    "@arbor-css/globals": "0.0.60",
-    "@arbor-css/shadows": "0.0.60",
-    "@arbor-css/tokens": "0.0.60",
-    "@arbor-css/spacing": "0.0.60",
-    "@arbor-css/primitives": "0.0.60",
-    "@arbor-css/util": "0.0.60",
-    "@arbor-css/typography": "0.0.60",
-    "@arbor-css/functions": "0.0.60",
-    "@arbor-css/calc": "0.0.60"
+    "@arbor-css/colors": "0.0.63",
+    "@arbor-css/primitives": "0.0.63",
+    "@arbor-css/globals": "0.0.63",
+    "@arbor-css/modes": "0.0.63",
+    "@arbor-css/spacing": "0.0.63",
+    "@arbor-css/tokens": "0.0.63",
+    "@arbor-css/shadows": "0.0.63",
+    "@arbor-css/typography": "0.0.63",
+    "@arbor-css/util": "0.0.63",
+    "@arbor-css/functions": "0.0.63",
+    "@arbor-css/calc": "0.0.63"
   },
   "scripts": {
     "build": "tsc",