tinkiet 0.9.12 → 0.10.0

package/textarea/textarea.scss.js

@@ -1,4 +0,0 @@
-var css_248z = "*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:block;outline:none;transform:translateZ(0)}:host #container{align-items:center;background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface-variant));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));display:flex;font-size:var(--input-font-size,1rem);height:56px;overflow:hidden;padding:8px 16px;position:relative;transition:var(--input-transition,border-color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}:host #wrapper{flex-grow:1;position:relative}:host #label{color:hsl(var(--on-surface-variant));font-size:inherit;font-weight:400;line-height:64px;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--input-label-transition,top var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),font-size var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear));-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}:host([disabled]){opacity:.38;pointer-events:none}:host(:hover) #container{background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));font-size:var(--input-font-size,1rem)}:host(:focus-within) #container{background-color:hsla(var(--on-surface),.3);border-bottom:2px solid hsl(var(--primary));padding:8px 16px 7px}:host([outlined]) #container{background-color:initial;border:1px solid hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:2px solid hsl(var(--primary));padding:7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{color:hsl(var(--primary));font-size:var(--input-label-font-size,.75rem);top:0;transform:translateY(0)}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:none;box-sizing:border-box;caret-color:hsl(var(--primary));color:inherit;display:block;font-size:var(--input-font-size,1rem);margin:0;outline:none;padding:var(--input-padding-top-bottom,.5rem) var(--_input-padding-left-right);position:relative;text-align:var(--input-text-align,inherit);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){cursor:pointer;height:3.75rem}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color,hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined,.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined,.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined,.75rem)}:host #container{height:auto;min-height:56px}#wrapper ::slotted(textarea){font-family:inherit;height:var(--textarea-height,var(--_textarea-height));max-height:var(--textarea-max-height);min-height:var(--textarea-min-height,var(--textarea-height,var(--_textarea-height)));resize:var(--textarea-resize,none)}:host(:focus) ::slotted(textarea),:host(:hover) ::slotted(textarea){will-change:height}";
-var stylesheet="*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:block;outline:none;transform:translateZ(0)}:host #container{align-items:center;background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface-variant));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));display:flex;font-size:var(--input-font-size,1rem);height:56px;overflow:hidden;padding:8px 16px;position:relative;transition:var(--input-transition,border-color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}:host #wrapper{flex-grow:1;position:relative}:host #label{color:hsl(var(--on-surface-variant));font-size:inherit;font-weight:400;line-height:64px;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--input-label-transition,top var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),font-size var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear));-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}:host([disabled]){opacity:.38;pointer-events:none}:host(:hover) #container{background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));font-size:var(--input-font-size,1rem)}:host(:focus-within) #container{background-color:hsla(var(--on-surface),.3);border-bottom:2px solid hsl(var(--primary));padding:8px 16px 7px}:host([outlined]) #container{background-color:initial;border:1px solid hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:2px solid hsl(var(--primary));padding:7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{color:hsl(var(--primary));font-size:var(--input-label-font-size,.75rem);top:0;transform:translateY(0)}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:none;box-sizing:border-box;caret-color:hsl(var(--primary));color:inherit;display:block;font-size:var(--input-font-size,1rem);margin:0;outline:none;padding:var(--input-padding-top-bottom,.5rem) var(--_input-padding-left-right);position:relative;text-align:var(--input-text-align,inherit);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){cursor:pointer;height:3.75rem}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color,hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined,.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined,.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined,.75rem)}:host #container{height:auto;min-height:56px}#wrapper ::slotted(textarea){font-family:inherit;height:var(--textarea-height,var(--_textarea-height));max-height:var(--textarea-max-height);min-height:var(--textarea-min-height,var(--textarea-height,var(--_textarea-height)));resize:var(--textarea-resize,none)}:host(:focus) ::slotted(textarea),:host(:hover) ::slotted(textarea){will-change:height}";
-
-export { css_248z as default, stylesheet };

package/textfield/textfield.js

@@ -1,138 +0,0 @@
-import { __decorate } from 'tslib';
-import { property, state, eventOptions, customElement } from 'lit/decorators.js';
-import { LitElement, html, css, unsafeCSS } from 'lit';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { uniqueID } from '../utils/unique.js';
-import css_248z from './textfield.scss.js';
-
-let TkTextfield = class TkTextfield extends LitElement {
-    constructor() {
-        super(...arguments);
-        this._id = uniqueID();
-        this.type = "text";
-        this.required = false;
-        this.disabled = false;
-        this.readonly = false;
-    }
-    set value(value) {
-        if (!this.$input) {
-            this.initialValue = value;
-        }
-        else {
-            this.$input.value = value;
-            this.refreshAttributes();
-        }
-    }
-    get value() {
-        return this.$input != null ? this.$input.value : this.initialValue || "";
-    }
-    render() {
-        return html `
-			<div id="container">
-				<slot id="before" name="before"></slot>
-				<div id="wrapper">
-					<div id="label">${this.label}</div>
-					<slot id="slot"></slot>
-					<input
-						id=${this._id}
-						@keydown=${this.handleChange.bind(this)}
-						@input=${this.handleChange.bind(this)}
-						@focusout=${this.handleChange.bind(this)}
-						?required="${this.required}"
-						?disabled="${this.disabled}"
-						?readonly="${this.readonly}"
-						autocomplete="${ifDefined(this.autocomplete)}"
-						autocapitalize="${ifDefined(this.autocapitalize)}"
-						aria-label="${ifDefined(this.label)}"
-						type="${ifDefined(this.type)}"
-						name="${ifDefined(this.name)}"
-						list="${ifDefined(this.list)}"
-						pattern="${ifDefined(this.pattern)}"
-						minlength="${ifDefined(this.minLength)}"
-						maxlength="${ifDefined(this.maxLength)}"
-						min="${ifDefined(this.min)}"
-						max="${ifDefined(this.max)}"
-						tabindex="${this.disabled ? -1 : 0}"
-					/>
-				</div>
-				<slot id="after" name="after"></slot>
-			</div>
-		`;
-    }
-    handleChange() {
-        this.refreshAttributes();
-    }
-    firstUpdated() {
-        var _a;
-        this.$input = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("input");
-        this.appendChild(this.$input);
-        if (this.initialValue)
-            this.value = this.initialValue;
-    }
-    refreshAttributes() {
-        this.$input.value ? this.setAttribute("dirty", "") : this.removeAttribute("dirty");
-        this.$input.checkValidity() ? this.removeAttribute("invalid") : this.setAttribute("invalid", "");
-    }
-    focus() {
-        this.$input.focus();
-    }
-};
-TkTextfield.styles = css `
-		${unsafeCSS(css_248z)}
-	`;
-__decorate([
-    property({ type: String })
-], TkTextfield.prototype, "value", null);
-__decorate([
-    property({ attribute: true, type: String })
-], TkTextfield.prototype, "name", void 0);
-__decorate([
-    property({ type: String })
-], TkTextfield.prototype, "list", void 0);
-__decorate([
-    property({ type: String })
-], TkTextfield.prototype, "type", void 0);
-__decorate([
-    property({ type: Boolean })
-], TkTextfield.prototype, "required", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TkTextfield.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean })
-], TkTextfield.prototype, "readonly", void 0);
-__decorate([
-    property({ type: String })
-], TkTextfield.prototype, "autocomplete", void 0);
-__decorate([
-    property({ type: String })
-], TkTextfield.prototype, "autocapitalize", void 0);
-__decorate([
-    property({ type: String })
-], TkTextfield.prototype, "pattern", void 0);
-__decorate([
-    state()
-], TkTextfield.prototype, "initialValue", void 0);
-__decorate([
-    property({ type: String })
-], TkTextfield.prototype, "label", void 0);
-__decorate([
-    property({ type: Number })
-], TkTextfield.prototype, "min", void 0);
-__decorate([
-    property({ type: Number })
-], TkTextfield.prototype, "max", void 0);
-__decorate([
-    property({ type: Number })
-], TkTextfield.prototype, "minLength", void 0);
-__decorate([
-    property({ type: Number })
-], TkTextfield.prototype, "maxLength", void 0);
-__decorate([
-    eventOptions({ passive: true })
-], TkTextfield.prototype, "handleChange", null);
-TkTextfield = __decorate([
-    customElement("tk-textfield")
-], TkTextfield);
-
-export { TkTextfield };

package/textfield/textfield.scss.js

@@ -1,4 +0,0 @@
-var css_248z = "*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:block;outline:none;transform:translateZ(0)}:host #container{align-items:center;background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface-variant));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));display:flex;font-size:var(--input-font-size,1rem);height:56px;overflow:hidden;padding:8px 16px;position:relative;transition:var(--input-transition,border-color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}:host #wrapper{flex-grow:1;position:relative}:host #label{color:hsl(var(--on-surface-variant));font-size:inherit;font-weight:400;line-height:64px;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--input-label-transition,top var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),font-size var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear));-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}:host([disabled]){opacity:.38;pointer-events:none}:host(:hover) #container{background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));font-size:var(--input-font-size,1rem)}:host(:focus-within) #container{background-color:hsla(var(--on-surface),.3);border-bottom:2px solid hsl(var(--primary));padding:8px 16px 7px}:host([outlined]) #container{background-color:initial;border:1px solid hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:2px solid hsl(var(--primary));padding:7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{color:hsl(var(--primary));font-size:var(--input-label-font-size,.75rem);top:0;transform:translateY(0)}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:none;box-sizing:border-box;caret-color:hsl(var(--primary));color:inherit;display:block;font-size:var(--input-font-size,1rem);margin:0;outline:none;padding:var(--input-padding-top-bottom,.5rem) var(--_input-padding-left-right);position:relative;text-align:var(--input-text-align,inherit);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){cursor:pointer;height:3.75rem}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color,hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined,.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined,.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined,.75rem)}";
-var stylesheet="*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:block;outline:none;transform:translateZ(0)}:host #container{align-items:center;background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface-variant));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));display:flex;font-size:var(--input-font-size,1rem);height:56px;overflow:hidden;padding:8px 16px;position:relative;transition:var(--input-transition,border-color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}:host #wrapper{flex-grow:1;position:relative}:host #label{color:hsl(var(--on-surface-variant));font-size:inherit;font-weight:400;line-height:64px;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--input-label-transition,top var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),font-size var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear));-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}:host([disabled]){opacity:.38;pointer-events:none}:host(:hover) #container{background-color:hsla(var(--surface-container-highest),.5);border-bottom:1px solid hsl(var(--on-surface));border-radius:4px 4px 0 0;color:hsl(var(--on-surface));font-size:var(--input-font-size,1rem)}:host(:focus-within) #container{background-color:hsla(var(--on-surface),.3);border-bottom:2px solid hsl(var(--primary));padding:8px 16px 7px}:host([outlined]) #container{background-color:initial;border:1px solid hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:2px solid hsl(var(--primary));padding:7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{color:hsl(var(--primary));font-size:var(--input-label-font-size,.75rem);top:0;transform:translateY(0)}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:none;box-sizing:border-box;caret-color:hsl(var(--primary));color:inherit;display:block;font-size:var(--input-font-size,1rem);margin:0;outline:none;padding:var(--input-padding-top-bottom,.5rem) var(--_input-padding-left-right);position:relative;text-align:var(--input-text-align,inherit);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){cursor:pointer;height:3.75rem}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color,hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined,.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined,.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined,.75rem)}";
-
-export { css_248z as default, stylesheet };

package/theme/theme.js

@@ -1,137 +0,0 @@
-import { __decorate } from 'tslib';
-import { LitElement, html, css, unsafeCSS } from 'lit';
-import { property, state, customElement } from 'lit/decorators.js';
-import css_248z from './theme.scss.js';
-
-let TkTheme = class TkTheme extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.primary = "#62519f";
-        this.secondary = "#625B71";
-        this.tertiary = "#7D5260";
-        this.error = "#B3261E";
-        this.neutral = "#5E5F5C";
-        this.neutralVariant = "#5c6057";
-        this.forceBody = false;
-        this.inverted = false;
-    }
-    render() {
-        return html `
-			<slot></slot>
-		`;
-    }
-    firstUpdated(_changedProperties) {
-        this.setThemeColor();
-    }
-    hexToHSL(hex) {
-        const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i.exec(hex);
-        if (result == null)
-            return ["0", "0%", "0%"];
-        const [, rHex, gHex, bHex] = result;
-        const radix = 16;
-        const r = parseInt(rHex, radix) / 255;
-        const g = parseInt(gHex, radix) / 255;
-        const b = parseInt(bHex, radix) / 255;
-        const max = Math.max(r, g, b), min = Math.min(r, g, b);
-        let h = 0, s = 0, l = (max + min) / 2;
-        if (max != min) {
-            const d = max - min;
-            s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-            switch (max) {
-                case r:
-                    h = (g - b) / d + (g < b ? 6 : 0);
-                    break;
-                case g:
-                    h = (b - r) / d + 2;
-                    break;
-                case b:
-                    h = (r - g) / d + 4;
-                    break;
-            }
-            h /= 6;
-        }
-        return [(h * 360).toString(), (s * 100).toString() + "%", (l * 100).toString() + "%"];
-    }
-    setThemeColor() {
-        this.primary_hsl = this.hexToHSL(this.primary);
-        this.secondary_hsl = this.hexToHSL(this.secondary);
-        this.tertiary_hsl = this.hexToHSL(this.tertiary);
-        this.error_hsl = this.hexToHSL(this.error);
-        this.neutral_hsl = this.hexToHSL(this.neutral);
-        this.neutral_variant_hsl = this.hexToHSL(this.neutralVariant);
-        const style = document.createElement("style");
-        style.innerHTML = `
-			:root {
-				--primary-h: ${this.primary_hsl[0]};
-				--primary-s: ${this.primary_hsl[1]};
-				--primary-l: ${this.primary_hsl[2]};
-				--secondary-h: ${this.secondary_hsl[0]};
-				--secondary-s: ${this.secondary_hsl[1]};
-				--secondary-l: ${this.secondary_hsl[2]};
-				--tertiary-h: ${this.tertiary_hsl[0]};
-				--tertiary-s: ${this.tertiary_hsl[1]};
-				--tertiary-l: ${this.tertiary_hsl[2]};
-				--error-h: ${this.error_hsl[0]};
-				--error-s: ${this.error_hsl[1]};
-				--error-l: ${this.error_hsl[2]};
-				--neutral-h: ${this.neutral_hsl[0]};
-				--neutral-s: ${this.neutral_hsl[1]};
-				--neutral-l: ${this.neutral_hsl[2]};
-				--neutral-variant-h: ${this.neutral_variant_hsl[0]};
-				--neutral-variant-s: ${this.neutral_variant_hsl[1]};
-				--neutral-variant-l: ${this.neutral_variant_hsl[2]};
-			}
-		`;
-        document.body.appendChild(style);
-    }
-};
-TkTheme.styles = css `
-		${unsafeCSS(css_248z)}
-	`;
-__decorate([
-    property()
-], TkTheme.prototype, "primary", void 0);
-__decorate([
-    property()
-], TkTheme.prototype, "secondary", void 0);
-__decorate([
-    property()
-], TkTheme.prototype, "tertiary", void 0);
-__decorate([
-    property()
-], TkTheme.prototype, "error", void 0);
-__decorate([
-    property()
-], TkTheme.prototype, "neutral", void 0);
-__decorate([
-    property()
-], TkTheme.prototype, "neutralVariant", void 0);
-__decorate([
-    property({ type: Boolean, attribute: "force-body", reflect: true })
-], TkTheme.prototype, "forceBody", void 0);
-__decorate([
-    property({ type: Boolean, attribute: true, reflect: true })
-], TkTheme.prototype, "inverted", void 0);
-__decorate([
-    state()
-], TkTheme.prototype, "primary_hsl", void 0);
-__decorate([
-    state()
-], TkTheme.prototype, "secondary_hsl", void 0);
-__decorate([
-    state()
-], TkTheme.prototype, "tertiary_hsl", void 0);
-__decorate([
-    state()
-], TkTheme.prototype, "error_hsl", void 0);
-__decorate([
-    state()
-], TkTheme.prototype, "neutral_hsl", void 0);
-__decorate([
-    state()
-], TkTheme.prototype, "neutral_variant_hsl", void 0);
-TkTheme = __decorate([
-    customElement("tk-theme")
-], TkTheme);
-
-export { TkTheme };

package/theme/theme.scss.js

@@ -1,4 +0,0 @@
-var css_248z = "*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--primary-0:var(--primary-h),var(--primary-s),0%;--primary-10:var(--primary-h),var(--primary-s),calc(var(--primary-l) - (var(--primary-l))/30*20);--primary-20:var(--primary-h),var(--primary-s),calc(var(--primary-l) - (var(--primary-l))/30*10);--primary-30:var(--primary-h),var(--primary-s),calc(var(--primary-l) - (var(--primary-l))/30*5);--primary-40:var(--primary-h),var(--primary-s),calc(var(--primary-l));--primary-50:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*5);--primary-60:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*10);--primary-70:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*20);--primary-80:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*30);--primary-90:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*40);--primary-95:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*50);--primary-99:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*55);--primary-100:var(--primary-h),var(--primary-s),100%;--secondary-0:var(--secondary-h),var(--secondary-s),0%;--secondary-10:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) - (var(--secondary-l))/30*20);--secondary-20:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) - (var(--secondary-l))/30*10);--secondary-30:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) - (var(--secondary-l))/30*5);--secondary-40:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l));--secondary-50:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*5);--secondary-60:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*10);--secondary-70:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*20);--secondary-80:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*30);--secondary-90:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*40);--secondary-95:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*50);--secondary-99:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*55);--secondary-100:var(--secondary-h),var(--secondary-s),100%;--tertiary-0:var(--tertiary-h),var(--tertiary-s),0%;--tertiary-10:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) - (var(--tertiary-l))/30*20);--tertiary-20:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) - (var(--tertiary-l))/30*10);--tertiary-30:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) - (var(--tertiary-l))/30*5);--tertiary-40:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l));--tertiary-50:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*5);--tertiary-60:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*10);--tertiary-70:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*20);--tertiary-80:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*30);--tertiary-90:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*40);--tertiary-95:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*50);--tertiary-99:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*55);--tertiary-100:var(--tertiary-h),var(--tertiary-s),100%;--error-0:var(--error-h),var(--error-s),0%;--error-10:var(--error-h),var(--error-s),calc(var(--error-l) - (var(--error-l))/30*20);--error-20:var(--error-h),var(--error-s),calc(var(--error-l) - (var(--error-l))/30*10);--error-30:var(--error-h),var(--error-s),calc(var(--error-l) - (var(--error-l))/30*5);--error-40:var(--error-h),var(--error-s),calc(var(--error-l));--error-50:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*5);--error-60:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*10);--error-70:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*20);--error-80:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*30);--error-90:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*40);--error-95:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*50);--error-99:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*55);--error-100:var(--error-h),var(--error-s),100%;--neutral-0:var(--neutral-h),var(--neutral-s),0%;--neutral-4:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*26);--neutral-6:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*24);--neutral-10:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*20);--neutral-12:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*18);--neutral-17:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*13);--neutral-22:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*8);--neutral-24:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*6);--neutral-40:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l));--neutral-87:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*30);--neutral-90:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*34);--neutral-92:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*38);--neutral-94:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*42);--neutral-96:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*46);--neutral-98:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*54);--neutral-100:var(--neutral-h),var(--neutral-s),100%;--neutral-variant-0:var(--neutral-variant-h),var(--neutral-variant-s),0%;--neutral-variant-30:var(--neutral-variant-h),var(--neutral-variant-s),calc(var(--neutral-variant-l) - (var(--neutral-variant-l))/30*10);--neutral-variant-50:var(--neutral-variant-h),var(--neutral-variant-s),calc(var(--neutral-variant-l) + (100% - var(--neutral-variant-l))/60*5);--neutral-variant-60:var(--neutral-variant-h),var(--neutral-variant-s),calc(var(--neutral-variant-l) + (100% - var(--neutral-variant-l))/60*10);--neutral-variant-80:var(--neutral-variant-h),var(--neutral-variant-s),calc(var(--neutral-variant-l) + (100% - var(--neutral-variant-l))/60*30);--primary:var(--primary-40);--secondary:var(--secondary-40);--tertiary:var(--tertiary-40);--error:var(--error-40);--on-primary:var(--primary-100);--on-secondary:var(--secondary-100);--on-tertiary:var(--tertiary-100);--on-error:var(--error-100);--primary-container:var(--primary-90);--secondary-container:var(--secondary-90);--tertiary-container:var(--tertiary-90);--error-container:var(--error-90);--on-primary-container:var(--primary-10);--on-secondary-container:var(--secondary-10);--on-tertiary-container:var(--tertiary-10);--on-error-container:var(--error-10);--surface:var(--neutral-98);--surface-dim:var(--neutral-87);--surface-bright:var(--neutral-98);--surface-container-lowest:var(--neutral-100);--surface-container-low:var(--neutral-96);--surface-container:var(--neutral-94);--surface-container-high:var(--neutral-92);--surface-container-highest:var(--neutral-90);--surface-variant:var(--neutral-variant-90);--on-surface:var(--neutral-10);--on-surface-variant:var(--neutral-variant-30);--background:var(--neutral-98);--on-background:var(--neutral-10);--outline:var(--neutral-variant-50);--outline-variant:var(--neutral-variant-80);--inverse-surface:var(--neutral-20);--inverse-on-surface:var(--neutral-95);--inverse-primary:var(--primary-80);--shadow:var(--neutral-0);--scrim:var(--neutral-0);color:hsl(var(--on-background));font-family:var(--font-family,Roboto,sans-serif);font-size:var(--font-size,1rem)}:host([inverted]){--primary:var(--primary-80);--secondary:var(--secondary-80);--tertiary:var(--tertiary-80);--error:var(--error-80);--on-primary:var(--primary-20);--on-secondary:var(--secondary-20);--on-tertiary:var(--tertiary-20);--on-error:var(--error-20);--primary-container:var(--primary-30);--secondary-container:var(--secondary-30);--tertiary-container:var(--tertiary-30);--error-container:var(--error-30);--on-primary-container:var(--primary-90);--on-secondary-container:var(--secondary-90);--on-tertiary-container:var(--tertiary-90);--on-error-container:var(--error-90);--surface:var(--neutral-6);--surface-dim:var(--neutral-6);--surface-bright:var(--neutral-24);--surface-container-lowest:var(--neutral-4);--surface-container-low:var(--neutral-10);--surface-container:var(--neutral-12);--surface-container-high:var(--neutral-17);--surface-container-highest:var(--neutral-22);--surface-variant:var(--neutral-variant-30);--on-surface:var(--neutral-90);--on-surface-variant:var(--neutral-variant-80);--background:var(--neutral-6);--on-background:var(--neutral-90);--outline:var(--neutral-variant-60);--outline-variant:var(--neutral-variant-30);--inverse-surface:var(--neutral-90);--inverse-on-surface:var(--neutral-20);--inverse-primary:var(--primary-40);--shadow:var(--neutral-0);--scrim:var(--neutral-0)}";
-var stylesheet="*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--primary-0:var(--primary-h),var(--primary-s),0%;--primary-10:var(--primary-h),var(--primary-s),calc(var(--primary-l) - (var(--primary-l))/30*20);--primary-20:var(--primary-h),var(--primary-s),calc(var(--primary-l) - (var(--primary-l))/30*10);--primary-30:var(--primary-h),var(--primary-s),calc(var(--primary-l) - (var(--primary-l))/30*5);--primary-40:var(--primary-h),var(--primary-s),calc(var(--primary-l));--primary-50:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*5);--primary-60:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*10);--primary-70:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*20);--primary-80:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*30);--primary-90:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*40);--primary-95:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*50);--primary-99:var(--primary-h),var(--primary-s),calc(var(--primary-l) + (100% - var(--primary-l))/60*55);--primary-100:var(--primary-h),var(--primary-s),100%;--secondary-0:var(--secondary-h),var(--secondary-s),0%;--secondary-10:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) - (var(--secondary-l))/30*20);--secondary-20:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) - (var(--secondary-l))/30*10);--secondary-30:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) - (var(--secondary-l))/30*5);--secondary-40:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l));--secondary-50:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*5);--secondary-60:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*10);--secondary-70:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*20);--secondary-80:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*30);--secondary-90:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*40);--secondary-95:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*50);--secondary-99:var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) + (100% - var(--secondary-l))/60*55);--secondary-100:var(--secondary-h),var(--secondary-s),100%;--tertiary-0:var(--tertiary-h),var(--tertiary-s),0%;--tertiary-10:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) - (var(--tertiary-l))/30*20);--tertiary-20:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) - (var(--tertiary-l))/30*10);--tertiary-30:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) - (var(--tertiary-l))/30*5);--tertiary-40:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l));--tertiary-50:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*5);--tertiary-60:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*10);--tertiary-70:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*20);--tertiary-80:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*30);--tertiary-90:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*40);--tertiary-95:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*50);--tertiary-99:var(--tertiary-h),var(--tertiary-s),calc(var(--tertiary-l) + (100% - var(--tertiary-l))/60*55);--tertiary-100:var(--tertiary-h),var(--tertiary-s),100%;--error-0:var(--error-h),var(--error-s),0%;--error-10:var(--error-h),var(--error-s),calc(var(--error-l) - (var(--error-l))/30*20);--error-20:var(--error-h),var(--error-s),calc(var(--error-l) - (var(--error-l))/30*10);--error-30:var(--error-h),var(--error-s),calc(var(--error-l) - (var(--error-l))/30*5);--error-40:var(--error-h),var(--error-s),calc(var(--error-l));--error-50:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*5);--error-60:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*10);--error-70:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*20);--error-80:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*30);--error-90:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*40);--error-95:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*50);--error-99:var(--error-h),var(--error-s),calc(var(--error-l) + (100% - var(--error-l))/60*55);--error-100:var(--error-h),var(--error-s),100%;--neutral-0:var(--neutral-h),var(--neutral-s),0%;--neutral-4:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*26);--neutral-6:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*24);--neutral-10:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*20);--neutral-12:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*18);--neutral-17:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*13);--neutral-22:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*8);--neutral-24:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) - (var(--neutral-l))/30*6);--neutral-40:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l));--neutral-87:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*30);--neutral-90:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*34);--neutral-92:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*38);--neutral-94:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*42);--neutral-96:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*46);--neutral-98:var(--neutral-h),var(--neutral-s),calc(var(--neutral-l) + (100% - var(--neutral-l))/60*54);--neutral-100:var(--neutral-h),var(--neutral-s),100%;--neutral-variant-0:var(--neutral-variant-h),var(--neutral-variant-s),0%;--neutral-variant-30:var(--neutral-variant-h),var(--neutral-variant-s),calc(var(--neutral-variant-l) - (var(--neutral-variant-l))/30*10);--neutral-variant-50:var(--neutral-variant-h),var(--neutral-variant-s),calc(var(--neutral-variant-l) + (100% - var(--neutral-variant-l))/60*5);--neutral-variant-60:var(--neutral-variant-h),var(--neutral-variant-s),calc(var(--neutral-variant-l) + (100% - var(--neutral-variant-l))/60*10);--neutral-variant-80:var(--neutral-variant-h),var(--neutral-variant-s),calc(var(--neutral-variant-l) + (100% - var(--neutral-variant-l))/60*30);--primary:var(--primary-40);--secondary:var(--secondary-40);--tertiary:var(--tertiary-40);--error:var(--error-40);--on-primary:var(--primary-100);--on-secondary:var(--secondary-100);--on-tertiary:var(--tertiary-100);--on-error:var(--error-100);--primary-container:var(--primary-90);--secondary-container:var(--secondary-90);--tertiary-container:var(--tertiary-90);--error-container:var(--error-90);--on-primary-container:var(--primary-10);--on-secondary-container:var(--secondary-10);--on-tertiary-container:var(--tertiary-10);--on-error-container:var(--error-10);--surface:var(--neutral-98);--surface-dim:var(--neutral-87);--surface-bright:var(--neutral-98);--surface-container-lowest:var(--neutral-100);--surface-container-low:var(--neutral-96);--surface-container:var(--neutral-94);--surface-container-high:var(--neutral-92);--surface-container-highest:var(--neutral-90);--surface-variant:var(--neutral-variant-90);--on-surface:var(--neutral-10);--on-surface-variant:var(--neutral-variant-30);--background:var(--neutral-98);--on-background:var(--neutral-10);--outline:var(--neutral-variant-50);--outline-variant:var(--neutral-variant-80);--inverse-surface:var(--neutral-20);--inverse-on-surface:var(--neutral-95);--inverse-primary:var(--primary-80);--shadow:var(--neutral-0);--scrim:var(--neutral-0);color:hsl(var(--on-background));font-family:var(--font-family,Roboto,sans-serif);font-size:var(--font-size,1rem)}:host([inverted]){--primary:var(--primary-80);--secondary:var(--secondary-80);--tertiary:var(--tertiary-80);--error:var(--error-80);--on-primary:var(--primary-20);--on-secondary:var(--secondary-20);--on-tertiary:var(--tertiary-20);--on-error:var(--error-20);--primary-container:var(--primary-30);--secondary-container:var(--secondary-30);--tertiary-container:var(--tertiary-30);--error-container:var(--error-30);--on-primary-container:var(--primary-90);--on-secondary-container:var(--secondary-90);--on-tertiary-container:var(--tertiary-90);--on-error-container:var(--error-90);--surface:var(--neutral-6);--surface-dim:var(--neutral-6);--surface-bright:var(--neutral-24);--surface-container-lowest:var(--neutral-4);--surface-container-low:var(--neutral-10);--surface-container:var(--neutral-12);--surface-container-high:var(--neutral-17);--surface-container-highest:var(--neutral-22);--surface-variant:var(--neutral-variant-30);--on-surface:var(--neutral-90);--on-surface-variant:var(--neutral-variant-80);--background:var(--neutral-6);--on-background:var(--neutral-90);--outline:var(--neutral-variant-60);--outline-variant:var(--neutral-variant-30);--inverse-surface:var(--neutral-90);--inverse-on-surface:var(--neutral-20);--inverse-primary:var(--primary-40);--shadow:var(--neutral-0);--scrim:var(--neutral-0)}";
-
-export { css_248z as default, stylesheet };

package/tooltip/tooltip.js

@@ -1,33 +0,0 @@
-import { __decorate } from 'tslib';
-import { LitElement, html, css, unsafeCSS } from 'lit';
-import { property, customElement } from 'lit/decorators.js';
-import css_248z from './tooltip.scss.js';
-
-let TkTooltip = class TkTooltip extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.position = "top";
-    }
-    render() {
-        return html `
-			<div class="container">
-				<slot></slot>
-				<div class="tooltip ${this.position}">
-					<slot name="tooltip"></slot>
-				</div>
-			</div>
-            
-		`;
-    }
-};
-TkTooltip.styles = css `
-		${unsafeCSS(css_248z)}
-	`;
-__decorate([
-    property({ attribute: true, type: String })
-], TkTooltip.prototype, "position", void 0);
-TkTooltip = __decorate([
-    customElement("tk-tooltip")
-], TkTooltip);
-
-export { TkTooltip };

package/tooltip/tooltip.scss.js

@@ -1,4 +0,0 @@
-var css_248z = ".container{display:inline-block;position:relative}.container .tooltip{background-color:#555;border-radius:6px;color:#fff;opacity:0;padding:.4em;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;z-index:var(--notie-z-index,400)}.container .tooltip.top{right:50%;top:0;transform:translateX(50%) translateY(calc(-100% - 5px))}.container .tooltip.top:after{border:5px solid #0000;border-top-color:#555;content:\"\";left:50%;margin-left:-5px;position:absolute;top:100%}.container .tooltip.right{right:0;top:50%;transform:translateX(calc(100% + 5px)) translateY(-50%)}.container .tooltip.right:after{border:5px solid #0000;border-right-color:#555;content:\"\";margin-top:-5px;position:absolute;right:100%;top:50%}.container .tooltip.bottom{bottom:0;right:50%;transform:translateX(50%) translateY(calc(100% + 5px))}.container .tooltip.bottom:after{border:5px solid;border-color:#0000 #0000 #555;bottom:100%;content:\"\";left:50%;margin-left:-5px;position:absolute}.container .tooltip.left{left:0;top:50%;transform:translateX(calc(-100% - 5px)) translateY(-50%)}.container .tooltip.left:after{border:5px solid #0000;border-left-color:#555;content:\"\";left:100%;margin-top:-5px;position:absolute;top:50%}.container:hover .tooltip{opacity:1;visibility:visible}";
-var stylesheet=".container{display:inline-block;position:relative}.container .tooltip{background-color:#555;border-radius:6px;color:#fff;opacity:0;padding:.4em;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;z-index:var(--notie-z-index,400)}.container .tooltip.top{right:50%;top:0;transform:translateX(50%) translateY(calc(-100% - 5px))}.container .tooltip.top:after{border:5px solid #0000;border-top-color:#555;content:\"\";left:50%;margin-left:-5px;position:absolute;top:100%}.container .tooltip.right{right:0;top:50%;transform:translateX(calc(100% + 5px)) translateY(-50%)}.container .tooltip.right:after{border:5px solid #0000;border-right-color:#555;content:\"\";margin-top:-5px;position:absolute;right:100%;top:50%}.container .tooltip.bottom{bottom:0;right:50%;transform:translateX(50%) translateY(calc(100% + 5px))}.container .tooltip.bottom:after{border:5px solid;border-color:#0000 #0000 #555;bottom:100%;content:\"\";left:50%;margin-left:-5px;position:absolute}.container .tooltip.left{left:0;top:50%;transform:translateX(calc(-100% - 5px)) translateY(-50%)}.container .tooltip.left:after{border:5px solid #0000;border-left-color:#555;content:\"\";left:100%;margin-top:-5px;position:absolute;top:50%}.container:hover .tooltip{opacity:1;visibility:visible}";
-
-export { css_248z as default, stylesheet };

package/topbar/topbar.js

@@ -1,33 +0,0 @@
-import { __decorate } from 'tslib';
-import { css, unsafeCSS, html } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import '../box/index.js';
-import css_248z from './topbar.scss.js';
-import { TkBox } from '../box/box.js';
-
-let TkTopbar = class TkTopbar extends TkBox {
-    static get styles() {
-        return [
-            ...TkBox.styles,
-            css `
-				${unsafeCSS(css_248z)}
-			`
-        ];
-    }
-    render() {
-        return html `
-			<div id="left">
-				<slot name="left"></slot>
-				<slot name="title"></slot>
-			</div>
-			<div id="right">
-				<slot name="right"></slot>
-			</div>
-		`;
-    }
-};
-TkTopbar = __decorate([
-    customElement("tk-topbar")
-], TkTopbar);
-
-export { TkTopbar };

package/topbar/topbar.scss.js

@@ -1,4 +0,0 @@
-var css_248z = "*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{align-items:center;background:hsl(var(--on-primary));color:hsl(var(--primary));flex-direction:row;justify-content:space-between}:host([fixed]){left:0;position:fixed;right:0;top:0;z-index:var(--navbar-z-index,100)}#left,#right,#title,::slotted([slot=left]),::slotted([slot=right]),::slotted([slot=title]){align-items:center;display:flex;height:100%}#title,::slotted([slot=title]){margin:var(--nav-title-margin,0 0 0 var(--spacing-l,1.25rem))}";
-var stylesheet="*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{align-items:center;background:hsl(var(--on-primary));color:hsl(var(--primary));flex-direction:row;justify-content:space-between}:host([fixed]){left:0;position:fixed;right:0;top:0;z-index:var(--navbar-z-index,100)}#left,#right,#title,::slotted([slot=left]),::slotted([slot=right]),::slotted([slot=title]){align-items:center;display:flex;height:100%}#title,::slotted([slot=title]){margin:var(--nav-title-margin,0 0 0 var(--spacing-l,1.25rem))}";
-
-export { css_248z as default, stylesheet };