tinkiet 0.8.12 → 0.8.14

package/accordion/accordion.d.ts

@@ -1,4 +1,4 @@
-import { TkFocusableBox } from "../box/focusable-box";
+import { TkFocusableBox } from "../box/focusable-box.js";
 declare class TkAccordion extends TkFocusableBox {
     static get styles(): import("lit").CSSResult[];
     name: string;

package/accordion/index.d.ts

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

package/badge/badge.d.ts

@@ -1,4 +1,4 @@
-import { TkBox } from "../box/index";
+import { TkBox } from "../box/index.js";
 /**
  * A badge WebComponent
  * @cssprop --tk-badge-color - Color of widget default to --primary

package/badge/index.d.ts

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

package/box/focusable-box.d.ts

@@ -1,4 +1,4 @@
-import { TkBox } from "./box";
+import { TkBox } from "./box.js";
 declare class TkFocusableBox extends TkBox {
     /**
      * Element random id

package/box/index.d.ts

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

package/button/button.d.ts

@@ -1,4 +1,4 @@
-import { TkBox } from "../box/index";
+import { TkBox } from "../box/index.js";
 /**
  * A button web component
  *

package/button/index.d.ts

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

package/checkbox/index.d.ts

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

package/dialog/index.d.ts

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

package/drawer/index.d.ts

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

package/form/index.d.ts

@@ -1 +1 @@
-export { TkForm } from "./form";
+export { TkForm } from "./form.js";

package/icon/icon.d.ts

@@ -1,4 +1,4 @@
-import { TkBox } from "../box/index";
+import { TkBox } from "../box/index.js";
 declare class TkIcon extends TkBox {
     static get styles(): import("lit").CSSResult[];
     name: string;

package/icon/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./icon";
-export * from "./icons";
+export * from "./icon.js";
+export * from "./icons.js";

package/index.d.ts

@@ -1,25 +1,25 @@
-export * from "./accordion/index";
-export * from "./badge/index";
-export * from "./box/index";
-export * from "./button/index";
-export * from "./checkbox/index";
-export * from "./dialog/index";
-export * from "./drawer/index";
-export * from "./form/index";
-export * from "./icon/index";
-export * from "./list-item/index";
-export * from "./loading/index";
-export * from "./navbar/index";
-export * from "./notie/index";
-export * from "./pages/index";
-export * from "./radio/index";
-export * from "./select/index";
-export * from "./slider/index";
-export * from "./switch/index";
-export * from "./tab-group/index";
-export * from "./tag/index";
-export * from "./textarea/index";
-export * from "./textfield/index";
-export * from "./theme/index";
-export * from "./tooltip/index";
+export * from "./accordion/index.js";
+export * from "./badge/index.js";
+export * from "./box/index.js";
+export * from "./button/index.js";
+export * from "./checkbox/index.js";
+export * from "./dialog/index.js";
+export * from "./drawer/index.js";
+export * from "./form/index.js";
+export * from "./icon/index.js";
+export * from "./list-item/index.js";
+export * from "./loading/index.js";
+export * from "./navbar/index.js";
+export * from "./notie/index.js";
+export * from "./pages/index.js";
+export * from "./radio/index.js";
+export * from "./select/index.js";
+export * from "./slider/index.js";
+export * from "./switch/index.js";
+export * from "./tab-group/index.js";
+export * from "./tag/index.js";
+export * from "./textarea/index.js";
+export * from "./textfield/index.js";
+export * from "./theme/index.js";
+export * from "./tooltip/index.js";
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../tinkiet/index.ts"],"names":[],"mappings":"AAAA,kCAA4B;AAC5B,8BAAwB;AACxB,4BAAsB;AACtB,+BAAyB;AACzB,iCAA2B;AAC3B,+BAAyB;AACzB,+BAAyB;AACzB,6BAAuB;AACvB,6BAAuB;AACvB,kCAA4B;AAC5B,gCAA0B;AAC1B,+BAAyB;AACzB,8BAAwB;AACxB,8BAAwB;AACxB,8BAAwB;AACxB,+BAAyB;AACzB,+BAAyB;AACzB,+BAAyB;AACzB,kCAA4B;AAC5B,4BAAsB;AACtB,iCAA2B;AAC3B,kCAA4B;AAC5B,8BAAwB;AACxB,gCAA0B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../tinkiet/index.ts"],"names":[],"mappings":"AAAA,qCAA4B;AAC5B,iCAAwB;AACxB,+BAAsB;AACtB,kCAAyB;AACzB,oCAA2B;AAC3B,kCAAyB;AACzB,kCAAyB;AACzB,gCAAuB;AACvB,gCAAuB;AACvB,qCAA4B;AAC5B,mCAA0B;AAC1B,kCAAyB;AACzB,iCAAwB;AACxB,iCAAwB;AACxB,iCAAwB;AACxB,kCAAyB;AACzB,kCAAyB;AACzB,kCAAyB;AACzB,qCAA4B;AAC5B,+BAAsB;AACtB,oCAA2B;AAC3B,qCAA4B;AAC5B,iCAAwB;AACxB,mCAA0B"}

package/list-item/index.d.ts

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

package/list-item/list-item.d.ts

@@ -1,6 +1,6 @@
-import { LitElement } from "lit";
-declare class TkListItem extends LitElement {
-    static styles: import("lit").CSSResult;
+import { TkBox } from "../box/box.js";
+declare class TkListItem extends TkBox {
+    static get styles(): import("lit").CSSResult[];
     href: string;
     target: string;
     ariaLabel: string;

package/list-item/list-item.js

@@ -1,10 +1,19 @@
 import { __decorate } from 'tslib';
-import { LitElement, html, css, unsafeCSS } from 'lit';
+import { css, unsafeCSS, html } from 'lit';
 import { property, query, customElement } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
+import { TkBox } from '../box/box.js';
 import css_248z from './list-item.scss.js';
 
-let TkListItem = class TkListItem extends LitElement {
+let TkListItem = class TkListItem extends TkBox {
+    static get styles() {
+        return [
+            ...TkBox.styles,
+            css `
+				${unsafeCSS(css_248z)}
+			`
+        ];
+    }
     render() {
         return html `
 			<slot name="before" @click=${this.handleClick}></slot>
@@ -49,9 +58,6 @@ let TkListItem = class TkListItem extends LitElement {
         }
     }
 };
-TkListItem.styles = css `
-		${unsafeCSS(css_248z)}
-	`;
 __decorate([
     property({ attribute: true })
 ], TkListItem.prototype, "href", void 0);

package/list-item/list-item.scss.js

@@ -1,4 +1,4 @@
-var css_248z = "*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--text:var(--list-item-color,var(--foreground,#454545));--color:var(--list-item-bg,var(--background,#f7f7f7));align-items:center;background:var(--color);border-radius:var(--list-item-border-radius,var(--border-radius-large,.5rem));color:var(--text);display:flex;outline:none;overflow:hidden;padding:var(--spacing-m,1rem) var(--spacing-m,1rem);position:relative;text-align:left;transition:var(--list-item-transition,background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}:host([clickable]),:host([href]){user-select:none}:host([clickable]:not([active]):not([disabled])),:host([href]:not([active]):not([disabled])){cursor:pointer}:host(:focus),:host(:hover){--color:var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3)));will-change:background,color}:host([active]:focus),:host([active]:hover){--text:var(--primary-darker,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),calc(var(--primary-l, 59.4118%)*0.7)));--color:var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3)))}:host([disabled]){--text:var(--shade-dark,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*0.85)));--color:var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%)));opacity:.4;pointer-events:none}:host([active]){--text:var(--primary-darker,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),calc(var(--primary-l, 59.4118%)*0.7)));--color:var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3)))}::slotted([slot=after]),::slotted([slot=before]){flex-shrink:0}::slotted([slot=before]){align-self:var(--list-item-left-align-self,center);margin:0 var(--spacing-m,1rem) 0 0}::slotted([slot=after]){align-self:var(--list-item-left-align-self,center);margin:0 0 0 var(--spacing-m,1rem)}#content{display:flex;flex-direction:column;flex-grow:1}";
-var stylesheet="*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--text:var(--list-item-color,var(--foreground,#454545));--color:var(--list-item-bg,var(--background,#f7f7f7));align-items:center;background:var(--color);border-radius:var(--list-item-border-radius,var(--border-radius-large,.5rem));color:var(--text);display:flex;outline:none;overflow:hidden;padding:var(--spacing-m,1rem) var(--spacing-m,1rem);position:relative;text-align:left;transition:var(--list-item-transition,background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}:host([clickable]),:host([href]){user-select:none}:host([clickable]:not([active]):not([disabled])),:host([href]:not([active]):not([disabled])){cursor:pointer}:host(:focus),:host(:hover){--color:var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3)));will-change:background,color}:host([active]:focus),:host([active]:hover){--text:var(--primary-darker,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),calc(var(--primary-l, 59.4118%)*0.7)));--color:var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3)))}:host([disabled]){--text:var(--shade-dark,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*0.85)));--color:var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%)));opacity:.4;pointer-events:none}:host([active]){--text:var(--primary-darker,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),calc(var(--primary-l, 59.4118%)*0.7)));--color:var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3)))}::slotted([slot=after]),::slotted([slot=before]){flex-shrink:0}::slotted([slot=before]){align-self:var(--list-item-left-align-self,center);margin:0 var(--spacing-m,1rem) 0 0}::slotted([slot=after]){align-self:var(--list-item-left-align-self,center);margin:0 0 0 var(--spacing-m,1rem)}#content{display:flex;flex-direction:column;flex-grow:1}";
+var css_248z = "*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--text:var(--list-item-color,var(--foreground,#454545));--color:var(--list-item-bg,var(--background,#f7f7f7));align-items:center;background:var(--color);border-radius:var(--list-item-border-radius,var(--border-radius-large,.5rem));color:var(--text);display:flex;flex-direction:row;outline:none;overflow:hidden;padding:var(--spacing-m,1rem) var(--spacing-m,1rem);position:relative;text-align:left;transition:var(--list-item-transition,background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}:host([clickable]),:host([href]){user-select:none}:host([clickable]:not([active]):not([disabled])),:host([href]:not([active]):not([disabled])){cursor:pointer}:host(:focus),:host(:hover){--color:var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3)));will-change:background,color}:host([active]:focus),:host([active]:hover){--text:var(--primary-darker,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),calc(var(--primary-l, 59.4118%)*0.7)));--color:var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3)))}:host([disabled]){--text:var(--shade-dark,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*0.85)));--color:var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%)));opacity:.4;pointer-events:none}:host([active]){--text:var(--primary-darker,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),calc(var(--primary-l, 59.4118%)*0.7)));--color:var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3)))}::slotted([slot=after]),::slotted([slot=before]){flex-shrink:0}::slotted([slot=before]){align-self:var(--list-item-left-align-self,center);margin:0 var(--spacing-m,1rem) 0 0}::slotted([slot=after]){align-self:var(--list-item-left-align-self,center);margin:0 0 0 var(--spacing-m,1rem)}#content{display:flex;flex-direction:column;flex-grow:1}";
+var stylesheet="*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--text:var(--list-item-color,var(--foreground,#454545));--color:var(--list-item-bg,var(--background,#f7f7f7));align-items:center;background:var(--color);border-radius:var(--list-item-border-radius,var(--border-radius-large,.5rem));color:var(--text);display:flex;flex-direction:row;outline:none;overflow:hidden;padding:var(--spacing-m,1rem) var(--spacing-m,1rem);position:relative;text-align:left;transition:var(--list-item-transition,background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}:host([clickable]),:host([href]){user-select:none}:host([clickable]:not([active]):not([disabled])),:host([href]:not([active]):not([disabled])){cursor:pointer}:host(:focus),:host(:hover){--color:var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3)));will-change:background,color}:host([active]:focus),:host([active]:hover){--text:var(--primary-darker,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),calc(var(--primary-l, 59.4118%)*0.7)));--color:var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3)))}:host([disabled]){--text:var(--shade-dark,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*0.85)));--color:var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%)));opacity:.4;pointer-events:none}:host([active]){--text:var(--primary-darker,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),calc(var(--primary-l, 59.4118%)*0.7)));--color:var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3)))}::slotted([slot=after]),::slotted([slot=before]){flex-shrink:0}::slotted([slot=before]){align-self:var(--list-item-left-align-self,center);margin:0 var(--spacing-m,1rem) 0 0}::slotted([slot=after]){align-self:var(--list-item-left-align-self,center);margin:0 0 0 var(--spacing-m,1rem)}#content{display:flex;flex-direction:column;flex-grow:1}";
 
 export { css_248z as default, stylesheet };

package/loading/index.d.ts

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

package/loading/loading.d.ts

@@ -1,4 +1,4 @@
-import { TkBox } from "../box/index";
+import { TkBox } from "../box/index.js";
 declare class TkLoading extends TkBox {
     static get styles(): import("lit").CSSResult[];
     circle: boolean;

package/navbar/index.d.ts

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

package/navbar/navbar.d.ts

@@ -1,4 +1,4 @@
-import { TkBox } from "../box/index";
+import { TkBox } from "../box/index.js";
 declare class TkNavbar extends TkBox {
     static get styles(): import("lit").CSSResult[];
     render(): import("lit-html").TemplateResult<1>;

package/notie/index.d.ts

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

package/notie/notie.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from "lit";
-import { TkBox } from "../box/index";
+import { TkBox } from "../box/index.js";
 interface NotieOptions {
     background?: string;
     level?: NotieLevel;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinkiet",
-  "version": "0.8.12",
+  "version": "0.8.14",
   "description": "Pragmatic UI Web Components",
   "type": "module",
   "main": "index.js",

package/pages/index.d.ts

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

package/radio/index.d.ts

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

package/select/index.d.ts

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

package/slider/index.d.ts

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

package/switch/index.d.ts

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

package/tab-group/index.d.ts

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

package/tag/index.d.ts

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

package/textarea/index.d.ts

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

package/textfield/index.d.ts

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

package/theme/index.d.ts

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

package/tooltip/index.d.ts

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

package/umd/tinkiet.min.d.ts

@@ -266,8 +266,8 @@ declare class TkIcons extends LitElement {
     library: string;
     firstUpdated(): void;
 }
-declare class TkListItem extends LitElement {
-    static styles: import("lit").CSSResult;
+declare class TkListItem extends TkBox {
+    static get styles(): import("lit").CSSResult[];
     href: string;
     target: string;
     ariaLabel: string;