@arbor-css/core 0.0.1 → 0.0.2

package/dist/runtime/components/Typography.js

@@ -1,30 +0,0 @@
-import { isToken } from '@arbor-css/tokens';
-import { getConfig } from '../registration.js';
-class Typography extends HTMLElement {
-    constructor() {
-        super();
-        const config = getConfig();
-        const typography = config.primitives.$tokens.typography;
-        if (isToken(typography)) {
-            throw new Error(`Typography is not a valid token range (it's an individual token)`);
-        }
-        this.attachShadow({ mode: 'open' }).innerHTML = `
-			<div>
-				${Object.keys(typography)
-            .map((key) => {
-            const value = typography[key];
-            // we expect these values on typography tokens...
-            const { size, weight, lineHeight } = value;
-            if (!size || !weight || !lineHeight) {
-                throw new Error(`Typography level "${key}" is missing expected properties (size, weight, lineHeight)`);
-            }
-            console.log(value);
-            return `<div class="type-sample" style="font-size: ${size.var}; font-weight: ${weight.var}; line-height: ${lineHeight.var};">${key}: The quick brown fox jumps over the lazy dog.</div>`;
-        })
-            .join('\n')}
-			</div>
-		`;
-    }
-}
-customElements.define('arbor-typography', Typography);
-//# sourceMappingURL=Typography.js.map

package/dist/runtime/components/Typography.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/runtime/components/Typography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,UAAW,SAAQ,WAAW;IACnC;QACC,KAAK,EAAE,CAAC;QAER,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,UAAU,CAAC;QAExD,IAAI,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;YACzB,MAAM,IAAI,KAAK,CACd,kEAAkE,CAClE,CAAC;QACH,CAAC;QAED,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,SAAS,GAAG;;MAE5C,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC;aACvB,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACZ,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;YAC9B,iDAAiD;YACjD,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAY,CAAC;YAClD,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;gBACrC,MAAM,IAAI,KAAK,CACd,qBAAqB,GAAG,6DAA6D,CACrF,CAAC;YACH,CAAC;YACD,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACnB,OAAO,8CAA8C,IAAI,CAAC,GAAG,kBAAkB,MAAM,CAAC,GAAG,kBAAkB,UAAU,CAAC,GAAG,MAAM,GAAG,sDAAsD,CAAC;QAC1L,CAAC,CAAC;aACD,IAAI,CAAC,IAAI,CAAC;;GAEb,CAAC;IACH,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC"}

package/dist/util/convertStructure.d.ts

@@ -1,8 +0,0 @@
-/**
- * Walk an object structure and convert matching items using the supplied
- * function.
- */
-export declare function convertStructure<In, Out>(input: any, matchConvertedItem: (item: any, path: (string | number)[]) => item is In, convert: (item: In, path: (string | number)[]) => Out, { path, ...options }?: {
-    path?: (string | number)[];
-}): any;
-//# sourceMappingURL=convertStructure.d.ts.map

package/dist/util/convertStructure.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"convertStructure.d.ts","sourceRoot":"","sources":["../../src/util/convertStructure.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,GAAG,EACvC,KAAK,EAAE,GAAG,EACV,kBAAkB,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,IAAI,EAAE,EACxE,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,GAAG,EACrD,EACC,IAAS,EACT,GAAG,OAAO,EACV,GAAE;IACF,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;CACtB,GACJ,GAAG,CAuBL"}

package/dist/util/convertStructure.js

@@ -1,30 +0,0 @@
-/**
- * Walk an object structure and convert matching items using the supplied
- * function.
- */
-export function convertStructure(input, matchConvertedItem, convert, { path = [], ...options } = {}) {
-    path ?? (path = []);
-    if (matchConvertedItem(input, path)) {
-        return convert(input, path);
-    }
-    else if (Array.isArray(input)) {
-        return input.map((item, index) => convertStructure(item, matchConvertedItem, convert, {
-            path: [...path, index],
-            ...options,
-        }));
-    }
-    else if (typeof input === 'object' && input !== null) {
-        const output = {};
-        for (const key in input) {
-            output[key] = convertStructure(input[key], matchConvertedItem, convert, {
-                path: [...path, key],
-                ...options,
-            });
-        }
-        return output;
-    }
-    else {
-        return input;
-    }
-}
-//# sourceMappingURL=convertStructure.js.map

package/dist/util/convertStructure.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"convertStructure.js","sourceRoot":"","sources":["../../src/util/convertStructure.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAC/B,KAAU,EACV,kBAAwE,EACxE,OAAqD,EACrD,EACC,IAAI,GAAG,EAAE,EACT,GAAG,OAAO,KAGP,EAAE;IAEN,IAAI,KAAJ,IAAI,GAAK,EAAE,EAAC;IACZ,IAAI,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC;QACrC,OAAO,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC7B,CAAC;SAAM,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACjC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAChC,gBAAgB,CAAC,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE;YACnD,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC;YACtB,GAAG,OAAO;SACV,CAAC,CACF,CAAC;IACH,CAAC;SAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACxD,MAAM,MAAM,GAAwB,EAAE,CAAC;QACvC,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;YACzB,MAAM,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,kBAAkB,EAAE,OAAO,EAAE;gBACvE,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,CAAC;gBACpB,GAAG,OAAO;aACV,CAAC,CAAC;QACJ,CAAC;QACD,OAAO,MAAM,CAAC;IACf,CAAC;SAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACd,CAAC;AACF,CAAC"}

package/dist/util/tokenifyColors.d.ts

@@ -1,6 +0,0 @@
-/**
- * Replaces each level of a structure of color strings
- * with a color Token
- */
-export declare function tokenifyColors<T extends Record<string, any>>(obj: T): any;
-//# sourceMappingURL=tokenifyColors.d.ts.map

package/dist/util/tokenifyColors.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokenifyColors.d.ts","sourceRoot":"","sources":["../../src/util/tokenifyColors.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,GAAG,CAQzE"}

package/dist/util/tokenifyColors.js

@@ -1,10 +0,0 @@
-import { createToken } from '@arbor-css/tokens';
-import { convertStructure } from './convertStructure.js';
-/**
- * Replaces each level of a structure of color strings
- * with a color Token
- */
-export function tokenifyColors(obj) {
-    return convertStructure(obj, (item, path) => typeof item === 'string', (item, path) => createToken(path.join('-'), { type: 'color' }));
-}
-//# sourceMappingURL=tokenifyColors.js.map

package/dist/util/tokenifyColors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokenifyColors.js","sourceRoot":"","sources":["../../src/util/tokenifyColors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAgC,GAAM;IACnE,OAAO,gBAAgB,CACtB,GAAG,EACH,CAAC,IAAS,EAAE,IAAyB,EAAkB,EAAE,CACxD,OAAO,IAAI,KAAK,QAAQ,EACzB,CAAC,IAAY,EAAE,IAAyB,EAAE,EAAE,CAC3C,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAC/C,CAAC;AACH,CAAC"}

package/dist/util/tokenifyColors.test.d.ts

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

package/dist/util/tokenifyColors.test.d.ts.map

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

package/dist/util/tokenifyColors.test.js

@@ -1,25 +0,0 @@
-import { TOKEN_PREFIX } from '@arbor-css/tokens';
-import { expect, it } from 'vitest';
-import { tokenifyColors } from './tokenifyColors.js';
-it('tokenifyColors should convert color values to tokens', () => {
-    const input = {
-        primary: {
-            light: '#fff',
-            dark: '#000',
-        },
-    };
-    const output = tokenifyColors(input);
-    expect(output).toEqual({
-        primary: {
-            light: expect.objectContaining({
-                type: 'color',
-                name: `${TOKEN_PREFIX}-primary-light`,
-            }),
-            dark: expect.objectContaining({
-                type: 'color',
-                name: `${TOKEN_PREFIX}-primary-dark`,
-            }),
-        },
-    });
-});
-//# sourceMappingURL=tokenifyColors.test.js.map

package/dist/util/tokenifyColors.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokenifyColors.test.js","sourceRoot":"","sources":["../../src/util/tokenifyColors.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;IAC/D,MAAM,KAAK,GAAG;QACb,OAAO,EAAE;YACR,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,MAAM;SACZ;KACD,CAAC;IACF,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACrC,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC;QACtB,OAAO,EAAE;YACR,KAAK,EAAE,MAAM,CAAC,gBAAgB,CAAC;gBAC9B,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,GAAG,YAAY,gBAAgB;aACrC,CAAC;YACF,IAAI,EAAE,MAAM,CAAC,gBAAgB,CAAC;gBAC7B,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,GAAG,YAAY,eAAe;aACpC,CAAC;SACF;KACD,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}