@arbor-css/globals 0.0.50 → 0.0.52

package/dist/systemProps.js

@@ -1,106 +1,110 @@
-import { createToken } from '@arbor-css/tokens';
-import { $globalProps } from './globalProps.js';
-export const $labelProps = {
-    mode: createToken('ℹ️-mode', { type: 'string' }),
-    scheme: createToken('ℹ️-scheme', { type: 'string' }),
-};
-export const $dynamicProps = {
-    shadowColor: createToken('👟-shadow-color', {
-        type: 'color',
-        fallback: 'rgba(0, 0, 0, 0.1)',
-    }),
-    shadowReverse: createToken('👟-shadow-reverse', {
-        type: 'number',
-        fallback: 1,
-    }),
-};
-export const $schemeProps = {
-    invertMultiplier: createToken('💲-scheme-invert-mult', {
-        type: 'number',
-        fallback: 1,
-    }),
-    whenDark: createToken('💲-scheme-when-dark', {
-        type: 'number',
-        fallback: 0,
-    }),
-    whenLight: createToken('💲-scheme-when-light', {
-        type: 'number',
-        fallback: 1,
-    }),
-    trueLight: createToken('💲-scheme-true-light', {
-        type: 'color',
-        fallback: 'white',
-    }),
-    trueHeavy: createToken('💲-scheme-true-heavy', {
-        type: 'color',
-        fallback: 'black',
-    }),
-};
-export const $systemProps = {
-    // bookkeeping and context inference
-    labels: $labelProps,
-    // runtime-assignable properties
-    dynamic: $dynamicProps,
-    // scheme-related properties
-    scheme: $schemeProps,
-    // user-configured global properties which influence many
-    // things.
-    globals: $globalProps,
-    // System color tokens are well-known properties you can
-    // assign colors to which are used by util classes for
-    // color mixing and other things...
-    // TODO: move these to `classes`? Not sure they're relevant
-    // outside that package.
-    fg: makeSystemColorTokens('fg'),
-    bg: {
-        ...makeSystemColorTokens('bg'),
-        contrast: createToken(`💲-bg-contrast`, {
+import { createGlobalProps } from './globalProps.js';
+function makeSystemColorTokens(name, createTokenValue) {
+    return {
+        applied: createTokenValue(`${name}-applied`, {
+            tag: 'system',
             type: 'color',
             inherits: true,
         }),
-    },
-    borderColor: {
-        '': makeSystemColorTokens('borderColor-all'),
-        bottom: makeSystemColorTokens('borderColor-bottom'),
-        top: makeSystemColorTokens('borderColor-top'),
-        left: makeSystemColorTokens('borderColor-left'),
-        right: makeSystemColorTokens('borderColor-right'),
-    },
-    ring: {
-        ...makeSystemColorTokens('ring'),
-        target: createToken(`💲-ring-target`, {
+        $root: createTokenValue(`${name}`, {
+            tag: 'system',
             type: 'color',
             inherits: false,
         }),
-    },
-    ringOffset: {
-        ...makeSystemColorTokens('ring-offset'),
-        target: createToken(`💲-ring-offset-target`, {
-            type: 'color',
+        opacity: createTokenValue(`${name}-op`, {
+            tag: 'system',
+            type: 'number',
             inherits: false,
+            fallback: '100%',
         }),
-    },
-    placeholder: makeSystemColorTokens('placeholder'),
-    accent: makeSystemColorTokens('accent'),
-    fill: makeSystemColorTokens('fill'),
-    stroke: makeSystemColorTokens('stroke'),
-    shadow: makeSystemColorTokens('shadow'),
-};
-function makeSystemColorTokens(name) {
-    return {
-        applied: createToken(`💲-${name}`, {
+    };
+}
+export function createSystemProps({ createToken: createTokenValue, }) {
+    const $labelProps = {
+        mode: createTokenValue('mode', { tag: 'system', type: 'string' }),
+        scheme: createTokenValue('scheme', { tag: 'system', type: 'string' }),
+    };
+    const $dynamicProps = {
+        shadowColor: createTokenValue('shadow-color', {
+            tag: 'system',
             type: 'color',
-            inherits: true,
+            fallback: 'rgba(0, 0, 0, 0.1)',
         }),
-        final: createToken(`💲-${name}-final`, {
-            type: 'color',
-            inherits: false,
+        shadowReverse: createTokenValue('shadow-reverse', {
+            tag: 'system',
+            type: 'number',
+            fallback: 1,
         }),
-        opacity: createToken(`💲-${name}-op`, {
+    };
+    const $schemeProps = {
+        invertMultiplier: createTokenValue('scheme-invert-mult', {
+            tag: 'system',
             type: 'number',
-            inherits: false,
-            fallback: '100%',
+            fallback: 1,
+        }),
+        whenDark: createTokenValue('scheme-when-dark', {
+            tag: 'system',
+            type: 'number',
+            fallback: 0,
+        }),
+        whenLight: createTokenValue('scheme-when-light', {
+            tag: 'system',
+            type: 'number',
+            fallback: 1,
         }),
+        trueLight: createTokenValue('scheme-true-light', {
+            tag: 'system',
+            type: 'color',
+            fallback: 'white',
+        }),
+        trueHeavy: createTokenValue('scheme-true-heavy', {
+            tag: 'system',
+            type: 'color',
+            fallback: 'black',
+        }),
+    };
+    return {
+        labels: $labelProps,
+        dynamic: $dynamicProps,
+        scheme: $schemeProps,
+        globals: createGlobalProps({ createToken: createTokenValue }),
+        fg: makeSystemColorTokens('fg', createTokenValue),
+        bg: {
+            ...makeSystemColorTokens('bg', createTokenValue),
+            contrast: createTokenValue(`bg-contrast`, {
+                tag: 'system',
+                type: 'color',
+                inherits: true,
+            }),
+        },
+        borderColor: {
+            '': makeSystemColorTokens('borderColor-all', createTokenValue),
+            bottom: makeSystemColorTokens('borderColor-bottom', createTokenValue),
+            top: makeSystemColorTokens('borderColor-top', createTokenValue),
+            left: makeSystemColorTokens('borderColor-left', createTokenValue),
+            right: makeSystemColorTokens('borderColor-right', createTokenValue),
+        },
+        ring: {
+            ...makeSystemColorTokens('ring', createTokenValue),
+            target: createTokenValue(`ring-target`, {
+                tag: 'system',
+                type: 'color',
+                inherits: false,
+            }),
+        },
+        ringOffset: {
+            ...makeSystemColorTokens('ring-offset', createTokenValue),
+            target: createTokenValue(`ring-offset-target`, {
+                tag: 'system',
+                type: 'color',
+                inherits: false,
+            }),
+        },
+        placeholder: makeSystemColorTokens('placeholder', createTokenValue),
+        accent: makeSystemColorTokens('accent', createTokenValue),
+        fill: makeSystemColorTokens('fill', createTokenValue),
+        stroke: makeSystemColorTokens('stroke', createTokenValue),
+        shadow: makeSystemColorTokens('shadow', createTokenValue),
     };
 }
 //# sourceMappingURL=systemProps.js.map

package/dist/systemProps.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arbor-css/globals",
-  "version": "0.0.50",
+  "version": "0.0.52",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -25,7 +25,8 @@
     "vitest": "^4.1.5"
   },
   "dependencies": {
-    "@arbor-css/tokens": "0.0.50"
+    "@arbor-css/tokens": "0.0.52",
+    "@arbor-css/functions": "0.0.52"
   },
   "scripts": {
     "build": "tsc",