tinkiet 0.9.12 → 0.10.0

package/textfield/index.js

@@ -1 +1,278 @@
-export { TkTextfield } from './textfield.js';
+import * as __WEBPACK_EXTERNAL_MODULE_lit__ from "lit";
+import * as __WEBPACK_EXTERNAL_MODULE_lit_directives_if_defined_js_76c6050d__ from "lit/directives/if-defined.js";
+import * as __WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__ from "lit/decorators.js";
+/******/ var __webpack_modules__ = ({
+
+/***/ 1481:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  v: () => (/* binding */ TkTextfield)
+});
+
+// EXTERNAL MODULE: external "lit/decorators.js"
+var decorators_js_ = __webpack_require__(8899);
+// EXTERNAL MODULE: external "lit"
+var external_lit_ = __webpack_require__(2927);
+// EXTERNAL MODULE: external "lit/directives/if-defined.js"
+var if_defined_js_ = __webpack_require__(3517);
+// EXTERNAL MODULE: ./tinkiet/utils/unique.ts
+var unique = __webpack_require__(3770);
+;// ./tinkiet/textfield/textfield.scss
+/* harmony default export */ const textfield = ("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 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{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);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]){height:3.75rem;cursor:pointer}::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, 0.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, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}");
+;// ./tinkiet/textfield/textfield.ts
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+
+
+let TkTextfield = class TkTextfield extends external_lit_.LitElement {
+    constructor() {
+        super(...arguments);
+        this._id = (0,unique/* uniqueID */.z)();
+        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 (0,external_lit_.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="${(0,if_defined_js_.ifDefined)(this.autocomplete)}"
+						autocapitalize="${(0,if_defined_js_.ifDefined)(this.autocapitalize)}"
+						aria-label="${(0,if_defined_js_.ifDefined)(this.label)}"
+						type="${(0,if_defined_js_.ifDefined)(this.type)}"
+						name="${(0,if_defined_js_.ifDefined)(this.name)}"
+						list="${(0,if_defined_js_.ifDefined)(this.list)}"
+						pattern="${(0,if_defined_js_.ifDefined)(this.pattern)}"
+						minlength="${(0,if_defined_js_.ifDefined)(this.minLength)}"
+						maxlength="${(0,if_defined_js_.ifDefined)(this.maxLength)}"
+						min="${(0,if_defined_js_.ifDefined)(this.min)}"
+						max="${(0,if_defined_js_.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 = (0,external_lit_.css) `
+		${(0,external_lit_.unsafeCSS)(textfield)}
+	`;
+__decorate([
+    (0,decorators_js_.property)({ type: String })
+], TkTextfield.prototype, "value", null);
+__decorate([
+    (0,decorators_js_.property)({ attribute: true, type: String })
+], TkTextfield.prototype, "name", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: String })
+], TkTextfield.prototype, "list", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: String })
+], TkTextfield.prototype, "type", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: Boolean })
+], TkTextfield.prototype, "required", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: Boolean, reflect: true })
+], TkTextfield.prototype, "disabled", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: Boolean })
+], TkTextfield.prototype, "readonly", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: String })
+], TkTextfield.prototype, "autocomplete", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: String })
+], TkTextfield.prototype, "autocapitalize", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: String })
+], TkTextfield.prototype, "pattern", void 0);
+__decorate([
+    (0,decorators_js_.state)()
+], TkTextfield.prototype, "initialValue", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: String })
+], TkTextfield.prototype, "label", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: Number })
+], TkTextfield.prototype, "min", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: Number })
+], TkTextfield.prototype, "max", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: Number })
+], TkTextfield.prototype, "minLength", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: Number })
+], TkTextfield.prototype, "maxLength", void 0);
+__decorate([
+    (0,decorators_js_.eventOptions)({ passive: true })
+], TkTextfield.prototype, "handleChange", null);
+TkTextfield = __decorate([
+    (0,decorators_js_.customElement)("tk-textfield")
+], TkTextfield);
+
+
+
+/***/ }),
+
+/***/ 2927:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+module.exports = x({ ["LitElement"]: () => (__WEBPACK_EXTERNAL_MODULE_lit__.LitElement), ["css"]: () => (__WEBPACK_EXTERNAL_MODULE_lit__.css), ["html"]: () => (__WEBPACK_EXTERNAL_MODULE_lit__.html), ["unsafeCSS"]: () => (__WEBPACK_EXTERNAL_MODULE_lit__.unsafeCSS) });
+
+/***/ }),
+
+/***/ 3517:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+module.exports = x({ ["ifDefined"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_directives_if_defined_js_76c6050d__.ifDefined) });
+
+/***/ }),
+
+/***/ 3770:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   z: () => (/* binding */ uniqueID)
+/* harmony export */ });
+/**
+ * Returns a unique ID.
+ * @param {number} length
+ * @returns {string}
+ */
+function uniqueID(length = 10) {
+    return `_${Math.random()
+        .toString(36)
+        .substr(2, length)}`;
+}
+
+
+/***/ }),
+
+/***/ 8899:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+module.exports = x({ ["customElement"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.customElement), ["eventOptions"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.eventOptions), ["property"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.property), ["state"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.state) });
+
+/***/ })
+
+/******/ });
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/ 
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+/******/ 	// Check if module is in cache
+/******/ 	var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 	if (cachedModule !== undefined) {
+/******/ 		return cachedModule.exports;
+/******/ 	}
+/******/ 	// Create a new module (and put it into the cache)
+/******/ 	var module = __webpack_module_cache__[moduleId] = {
+/******/ 		// no module.id needed
+/******/ 		// no module.loaded needed
+/******/ 		exports: {}
+/******/ 	};
+/******/ 
+/******/ 	// Execute the module function
+/******/ 	__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 
+/******/ 	// Return the exports of the module
+/******/ 	return module.exports;
+/******/ }
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   v: () => (/* reexport safe */ _textfield__WEBPACK_IMPORTED_MODULE_0__.v)
+/* harmony export */ });
+/* harmony import */ var _textfield__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1481);
+
+
+const __webpack_exports__TkTextfield = __webpack_exports__.v;
+export { __webpack_exports__TkTextfield as TkTextfield };

package/textfield/textfield.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from "lit";
-declare class TkTextfield extends LitElement {
+export declare class TkTextfield extends LitElement {
     static styles: import("lit").CSSResult;
     private _id;
     set value(value: string);
@@ -20,7 +20,7 @@ declare class TkTextfield extends LitElement {
     minLength: number;
     maxLength: number;
     private $input;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     private handleChange;
     firstUpdated(): void;
     private refreshAttributes;
@@ -31,4 +31,3 @@ declare global {
         "tk-textfield": TkTextfield;
     }
 }
-export { TkTextfield };

package/theme/index.d.ts

@@ -1 +1 @@
-export * from "./theme.js";
+export * from "./theme";

package/theme/index.js

@@ -1 +1,240 @@
-export { TkTheme } from './theme.js';
+import * as __WEBPACK_EXTERNAL_MODULE_lit__ from "lit";
+import * as __WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__ from "lit/decorators.js";
+/******/ var __webpack_modules__ = ({
+
+/***/ 2927:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+module.exports = x({ ["LitElement"]: () => (__WEBPACK_EXTERNAL_MODULE_lit__.LitElement), ["css"]: () => (__WEBPACK_EXTERNAL_MODULE_lit__.css), ["html"]: () => (__WEBPACK_EXTERNAL_MODULE_lit__.html), ["unsafeCSS"]: () => (__WEBPACK_EXTERNAL_MODULE_lit__.unsafeCSS) });
+
+/***/ }),
+
+/***/ 8469:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  h: () => (/* binding */ TkTheme)
+});
+
+// EXTERNAL MODULE: external "lit"
+var external_lit_ = __webpack_require__(2927);
+// EXTERNAL MODULE: external "lit/decorators.js"
+var decorators_js_ = __webpack_require__(8899);
+;// ./tinkiet/theme/theme.scss
+/* harmony default export */ const theme = ("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{font-family:var(--font-family, Roboto, sans-serif);font-size:var(--font-size, 1rem);--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);--inverse-surface: var(--neutral-20);--inverse-on-surface: var(--neutral-95);--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))}: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);--inverse-surface: var(--neutral-90);--inverse-on-surface: var(--neutral-20);--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)}");
+;// ./tinkiet/theme/theme.ts
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+let TkTheme = class TkTheme extends external_lit_.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 (0,external_lit_.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 = (0,external_lit_.css) `
+		${(0,external_lit_.unsafeCSS)(theme)}
+	`;
+__decorate([
+    (0,decorators_js_.property)()
+], TkTheme.prototype, "primary", void 0);
+__decorate([
+    (0,decorators_js_.property)()
+], TkTheme.prototype, "secondary", void 0);
+__decorate([
+    (0,decorators_js_.property)()
+], TkTheme.prototype, "tertiary", void 0);
+__decorate([
+    (0,decorators_js_.property)()
+], TkTheme.prototype, "error", void 0);
+__decorate([
+    (0,decorators_js_.property)()
+], TkTheme.prototype, "neutral", void 0);
+__decorate([
+    (0,decorators_js_.property)()
+], TkTheme.prototype, "neutralVariant", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: Boolean, attribute: "force-body", reflect: true })
+], TkTheme.prototype, "forceBody", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: Boolean, attribute: true, reflect: true })
+], TkTheme.prototype, "inverted", void 0);
+__decorate([
+    (0,decorators_js_.state)()
+], TkTheme.prototype, "primary_hsl", void 0);
+__decorate([
+    (0,decorators_js_.state)()
+], TkTheme.prototype, "secondary_hsl", void 0);
+__decorate([
+    (0,decorators_js_.state)()
+], TkTheme.prototype, "tertiary_hsl", void 0);
+__decorate([
+    (0,decorators_js_.state)()
+], TkTheme.prototype, "error_hsl", void 0);
+__decorate([
+    (0,decorators_js_.state)()
+], TkTheme.prototype, "neutral_hsl", void 0);
+__decorate([
+    (0,decorators_js_.state)()
+], TkTheme.prototype, "neutral_variant_hsl", void 0);
+TkTheme = __decorate([
+    (0,decorators_js_.customElement)("tk-theme")
+], TkTheme);
+
+
+
+/***/ }),
+
+/***/ 8899:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+module.exports = x({ ["customElement"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.customElement), ["property"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.property), ["state"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.state) });
+
+/***/ })
+
+/******/ });
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/ 
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+/******/ 	// Check if module is in cache
+/******/ 	var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 	if (cachedModule !== undefined) {
+/******/ 		return cachedModule.exports;
+/******/ 	}
+/******/ 	// Create a new module (and put it into the cache)
+/******/ 	var module = __webpack_module_cache__[moduleId] = {
+/******/ 		// no module.id needed
+/******/ 		// no module.loaded needed
+/******/ 		exports: {}
+/******/ 	};
+/******/ 
+/******/ 	// Execute the module function
+/******/ 	__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 
+/******/ 	// Return the exports of the module
+/******/ 	return module.exports;
+/******/ }
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   h: () => (/* reexport safe */ _theme__WEBPACK_IMPORTED_MODULE_0__.h)
+/* harmony export */ });
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8469);
+
+
+const __webpack_exports__TkTheme = __webpack_exports__.h;
+export { __webpack_exports__TkTheme as TkTheme };

package/theme/theme.d.ts

@@ -1,5 +1,5 @@
 import { LitElement, PropertyValueMap } from "lit";
-declare class TkTheme extends LitElement {
+export declare class TkTheme extends LitElement {
     static styles: import("lit").CSSResult;
     primary: string;
     secondary: string;
@@ -15,7 +15,7 @@ declare class TkTheme extends LitElement {
     private error_hsl;
     private neutral_hsl;
     private neutral_variant_hsl;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     private hexToHSL;
     private setThemeColor;
@@ -25,4 +25,3 @@ declare global {
         "tk-theme": TkTheme;
     }
 }
-export { TkTheme };

package/tooltip/index.d.ts

@@ -1 +1 @@
-export * from "./tooltip.js";
+export * from "./tooltip";