@arbor-css/core 0.0.108 → 0.0.110

package/dist/runtime/componentsOld/TokenFontValuesPreview.js

@@ -1,14 +0,0 @@
-import { ArborElement } from './BaseElement.js';
-class TokenFontValuesPreview extends ArborElement {
-    constructor() {
-        super();
-        const size = this.getAttribute('size') ?? 'unknown';
-        const weight = this.getAttribute('weight') ?? 'normal';
-        const lineHeight = this.getAttribute('line-height') ?? 'normal';
-        this.shadowRoot.innerHTML = `
-			<div style="font-size: ${size}; font-weight: ${weight}; line-height: ${lineHeight}; border: 1px solid black; padding: 0.5rem;">Aa</div>
-		`;
-    }
-}
-customElements.define('arbor-token-font-values-preview', TokenFontValuesPreview);
-//# sourceMappingURL=TokenFontValuesPreview.js.map

package/dist/runtime/componentsOld/TokenFontValuesPreview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TokenFontValuesPreview.js","sourceRoot":"","sources":["../../../src/runtime/componentsOld/TokenFontValuesPreview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,sBAAuB,SAAQ,YAAY;IAChD;QACC,KAAK,EAAE,CAAC;QACR,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC;QACpD,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC;QACvD,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,QAAQ,CAAC;QAChE,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG;4BACF,IAAI,kBAAkB,MAAM,kBAAkB,UAAU;GACjF,CAAC;IACH,CAAC;CACD;AACD,cAAc,CAAC,MAAM,CACpB,iCAAiC,EACjC,sBAAsB,CACtB,CAAC"}

package/dist/runtime/componentsOld/TokenShadowValuePreview.d.ts

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

package/dist/runtime/componentsOld/TokenShadowValuePreview.d.ts.map

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

package/dist/runtime/componentsOld/TokenShadowValuePreview.js

@@ -1,14 +0,0 @@
-import { ArborElement } from './BaseElement.js';
-class ShadowValuePreview extends ArborElement {
-    constructor() {
-        super();
-        const shadow = this.getAttribute('shadow') ?? 'none';
-        this.shadowRoot.innerHTML = `
-		<div style="padding: 20px; display: flex;">
-			<div style="place-self: center; width: 20px; height: 20px; background: white; border: 1px solid black; box-shadow: ${shadow};"></div>
-			</div>
-		`;
-    }
-}
-customElements.define('arbor-token-shadow-value-preview', ShadowValuePreview);
-//# sourceMappingURL=TokenShadowValuePreview.js.map

package/dist/runtime/componentsOld/TokenShadowValuePreview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TokenShadowValuePreview.js","sourceRoot":"","sources":["../../../src/runtime/componentsOld/TokenShadowValuePreview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,kBAAmB,SAAQ,YAAY;IAC5C;QACC,KAAK,EAAE,CAAC;QACR,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC;QACrD,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG;;wHAE0F,MAAM;;GAE3H,CAAC;IACH,CAAC;CACD;AACD,cAAc,CAAC,MAAM,CAAC,kCAAkC,EAAE,kBAAkB,CAAC,CAAC"}

package/dist/runtime/componentsOld/TokenSizeValuePreview.d.ts

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

package/dist/runtime/componentsOld/TokenSizeValuePreview.d.ts.map

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

package/dist/runtime/componentsOld/TokenSizeValuePreview.js

@@ -1,12 +0,0 @@
-import { ArborElement } from './BaseElement.js';
-class TokenSizeValuePreview extends ArborElement {
-    constructor() {
-        super();
-        const size = this.getAttribute('size') ?? 'unknown';
-        this.shadowRoot.innerHTML = `
-			<div style="width: ${size}; height: ${size}; border: 1px solid black;"></div>
-		`;
-    }
-}
-customElements.define('arbor-token-size-value-preview', TokenSizeValuePreview);
-//# sourceMappingURL=TokenSizeValuePreview.js.map

package/dist/runtime/componentsOld/TokenSizeValuePreview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TokenSizeValuePreview.js","sourceRoot":"","sources":["../../../src/runtime/componentsOld/TokenSizeValuePreview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,qBAAsB,SAAQ,YAAY;IAC/C;QACC,KAAK,EAAE,CAAC;QACR,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC;QACpD,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG;wBACN,IAAI,aAAa,IAAI;GAC1C,CAAC;IACH,CAAC;CACD;AACD,cAAc,CAAC,MAAM,CAAC,gCAAgC,EAAE,qBAAqB,CAAC,CAAC"}

package/dist/runtime/componentsOld/TokenValuePreview.d.ts

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

package/dist/runtime/componentsOld/TokenValuePreview.d.ts.map

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

package/dist/runtime/componentsOld/TokenValuePreview.js

@@ -1,25 +0,0 @@
-import { ArborElement } from './BaseElement.js';
-class TokenValuePreview extends ArborElement {
-    constructor() {
-        super();
-        const value = this.getAttribute('value');
-        const purpose = this.getAttribute('purpose');
-        let preview;
-        switch (purpose) {
-            case 'color':
-                preview = `<arbor-token-color-value-preview color="${value}"></arbor-token-color-value-preview>`;
-                break;
-            case 'spacing':
-                preview = `<arbor-token-size-value-preview size="${value}"></arbor-token-size-value-preview>`;
-                break;
-            case 'shadow':
-                preview = `<arbor-token-shadow-value-preview shadow="${value}"></arbor-token-shadow-value-preview>`;
-                break;
-            default:
-                preview = `<div style="width: 50px; height: 50px; border: 1px solid black; display: flex; align-items: center; justify-content: center;">?</div>`;
-        }
-        this.shadowRoot.innerHTML = preview;
-    }
-}
-customElements.define('arbor-token-value-preview', TokenValuePreview);
-//# sourceMappingURL=TokenValuePreview.js.map

package/dist/runtime/componentsOld/TokenValuePreview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TokenValuePreview.js","sourceRoot":"","sources":["../../../src/runtime/componentsOld/TokenValuePreview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,iBAAkB,SAAQ,YAAY;IAC3C;QACC,KAAK,EAAE,CAAC;QACR,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACzC,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;QAE7C,IAAI,OAAe,CAAC;QACpB,QAAQ,OAAO,EAAE,CAAC;YACjB,KAAK,OAAO;gBACX,OAAO,GAAG,2CAA2C,KAAK,sCAAsC,CAAC;gBACjG,MAAM;YACP,KAAK,SAAS;gBACb,OAAO,GAAG,yCAAyC,KAAK,qCAAqC,CAAC;gBAC9F,MAAM;YACP,KAAK,QAAQ;gBACZ,OAAO,GAAG,6CAA6C,KAAK,uCAAuC,CAAC;gBACpG,MAAM;YACP;gBACC,OAAO,GAAG,uIAAuI,CAAC;QACpJ,CAAC;QAED,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,OAAO,CAAC;IACrC,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,2BAA2B,EAAE,iBAAiB,CAAC,CAAC"}

package/dist/runtime/componentsOld/TokenValues.d.ts

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

package/dist/runtime/componentsOld/TokenValues.d.ts.map

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

package/dist/runtime/componentsOld/TokenValues.js

@@ -1,103 +0,0 @@
-import { groupTokens } from '../tokenGroups.js';
-import { ArborElement } from './BaseElement.js';
-class TokenValues extends ArborElement {
-    constructor() {
-        super();
-        const config = this.config;
-        const schemaPath = this.getAttribute('schema-path');
-        const schemaPathParts = schemaPath ? schemaPath.split('.') : [];
-        const tokenSchema = schemaPathParts.reduce((acc, part) => acc?.[part], config);
-        const tokens = groupTokens(tokenSchema);
-        this.shadowRoot.innerHTML = `
-			<div class="root">
-				${Object.entries(tokens.simple)
-            .map(([purpose, tokens]) => {
-            // subgroup by group if exists
-            const subgroups = tokens.reduce((groups, token) => {
-                const group = token.group ?? '';
-                if (!groups[group]) {
-                    groups[group] = [];
-                }
-                groups[group].push(token);
-                return groups;
-            }, {});
-            return `<div class="token-group">
-								<h3>${purpose}</h3>
-								<div class="token-values">
-								${Object.entries(subgroups)
-                .map(([group, tokens]) => {
-                return `
-										<div class="token-subgroup">
-											<h4>${group}</h4>
-											${tokens
-                    .map((token) => {
-                    return `
-													<div class="token-value">
-														<strong>${token.name}</strong>
-														<arbor-token-value-preview value="${token.var}" purpose="${token.purpose}"></arbor-token-value-preview>
-													</div>`;
-                })
-                    .join('\n')}
-										</div>`;
-            })
-                .join('\n')}
-								</div>
-							</div>`;
-        })
-            .join('\n')}
-				<div class="token-group">
-					<h3>Typography</h3>
-					<div class="token-values">
-						${Object.entries(tokens.typography)
-            .map(([level, { size, weight, lineHeight }]) => {
-            const sizeVar = size ? size.var : 'unknown';
-            const weightVar = weight ? weight.var : 'unknown';
-            const lineHeightVar = lineHeight ? lineHeight.var : 'unknown';
-            return `
-									<div class="token-value">
-										<div>
-											<strong>${level}</strong>
-											<div>size: ${sizeVar}</div>
-											<div>weight: ${weightVar}</div>
-											<div>line-height: ${lineHeightVar}</div>
-										</div>
-										<arbor-token-font-values-preview size="${sizeVar}" weight="${weightVar}" line-height="${lineHeightVar}"></arbor-token-font-values-preview>
-									</div>
-								`;
-        })
-            .join('\n')}
-					</div>
-				</div>
-			</div>
-			<style>
-			.root {
-				display: flex;
-				flex-direction: column;
-				gap: 0.25rem;
-			}
-				.token-group {
-					margin-bottom: 2rem;
-					padding: 0.25rem;
-				}
-					.token-subgroup {
-						margin-bottom: 1rem;
-						padding-left: 0.5rem;
-					}
-					.token-values {
-						display: grid;
-						grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-						gap: 0.125rem;
-					}
-				.token-value {
-					display: flex;
-					flex-direction: row;
-					align-items: center;
-					justify-content: space-between;
-					padding: 0.2rem;
-				}
-			</style>
-		`;
-    }
-}
-customElements.define('arbor-token-values', TokenValues);
-//# sourceMappingURL=TokenValues.js.map

package/dist/runtime/componentsOld/TokenValues.js.map

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

package/dist/runtime/componentsOld/index.d.ts

@@ -1,11 +0,0 @@
-import './ModeSelector.js';
-import './SchemeSelector.js';
-import './SystemDemo.js';
-import './TokenColorValuePreview.js';
-import './TokenFontValuesPreview.js';
-import './TokenShadowValuePreview.js';
-import './TokenSizeValuePreview.js';
-import './TokenValuePreview.js';
-import './TokenValues.js';
-export { ArborElement } from './BaseElement.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/runtime/componentsOld/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/runtime/componentsOld/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,iBAAiB,CAAC;AACzB,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC;AACrC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/runtime/componentsOld/index.js

@@ -1,11 +0,0 @@
-import './ModeSelector.js';
-import './SchemeSelector.js';
-import './SystemDemo.js';
-import './TokenColorValuePreview.js';
-import './TokenFontValuesPreview.js';
-import './TokenShadowValuePreview.js';
-import './TokenSizeValuePreview.js';
-import './TokenValuePreview.js';
-import './TokenValues.js';
-export { ArborElement } from './BaseElement.js';
-//# sourceMappingURL=index.js.map

package/dist/runtime/componentsOld/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/runtime/componentsOld/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,iBAAiB,CAAC;AACzB,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC;AACrC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}