overview-components 1.1.0 → 1.1.10

package/dist/shared/index.js

@@ -0,0 +1,38 @@
+//import all components from the shared directory
+export * from './filter-inputs.js';
+export * from './lit-button.js';
+export * from './lit-case-variables-tab-cell.js';
+export * from './lit-checkbox.js';
+export * from './lit-custom-popper.js';
+export * from './lit-data-grid-action-buttons-popover.js';
+export * from './lit-data-grid-density-popover.js';
+export * from './lit-data-grid-export-popover.js';
+export * from './lit-data-grid-operators-popover.js';
+export * from './lit-data-grid-row-actions.js';
+export * from './lit-date-picker.js';
+export * from './lit-icon-button.js';
+export * from './lit-icon.js';
+export * from './lit-input.js';
+export * from './lit-label.js';
+export * from './lit-loader.js';
+export * from './lit-loading-bar.js';
+export * from './lit-menu-item.js';
+export * from './lit-menu.js';
+export * from './lit-modal-body.js';
+export * from './lit-modal-footer.js';
+export * from './lit-modal-header.js';
+export * from './lit-modal.js';
+export * from './lit-overflow-tooltip.js';
+export * from './lit-pill.js';
+export * from './lit-progress-bar.js';
+export * from './lit-responsive-button.js';
+export * from './lit-select-field.js';
+export * from './lit-select.js';
+export * from './lit-settings.js';
+export * from './lit-text-field.js';
+export * from './lit-toggle.js';
+export * from './lit-tooltip.js';
+export * from './simple-popper.js';
+export * from './simple-tooltip.js';
+// Add more exports as you add more shared components
+//# sourceMappingURL=index.js.map

package/dist/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/shared/index.ts"],"names":[],"mappings":"AAAA,iDAAiD;AACjD,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kCAAkC,CAAC;AACjD,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,qDAAqD"}

package/dist/shared/lit-button.d.ts

@@ -1,9 +1,9 @@
-import { LitElement } from 'lit';
+import { LitElement, TemplateResult } from 'lit';
 import './lit-icon.js';
 import './lit-pill.js';
 import './lit-loader.js';
 import type { Icon } from './lit-icon.js';
-export type ButtonVariant = 'text' | 'contained' | 'outlined' | 'inherit';
+export type ButtonVariant = 'text' | 'contained' | 'outlined' | 'inherit' | 'dashed' | 'error' | 'ai' | 'outlined-ai';
 export declare class LitButton extends LitElement {
     variant?: ButtonVariant;
     size?: 'small' | 'medium' | 'large';
@@ -16,7 +16,7 @@ export declare class LitButton extends LitElement {
     active?: boolean;
     isLoading?: boolean;
     static styles: import("lit").CSSResult[];
-    render(): import("lit-html").TemplateResult<1>;
+    render(): TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/shared/lit-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lit-button.d.ts","sourceRoot":"","sources":["../../src/shared/lit-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAM5C,OAAO,eAAe,CAAC;AACvB,OAAO,eAAe,CAAC;AACvB,OAAO,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;AAC1E,qBACa,SAAU,SAAQ,UAAU;IACT,OAAO,CAAC,EAAE,aAAa,CAAe;IACtC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAY;IAC1B,IAAI,CAAC,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAS;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAS;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAa;IACrC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAS;IACzB,SAAS,CAAC,EAAE,OAAO,CAAS;IAEzD,MAAM,CAAC,MAAM,4BAwCX;IAEF,MAAM;CAyBT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;KAC3B;CACJ"}
+{"version":3,"file":"lit-button.d.ts","sourceRoot":"","sources":["../../src/shared/lit-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAkB,MAAM,KAAK,CAAC;AAM5E,OAAO,eAAe,CAAC;AACvB,OAAO,eAAe,CAAC;AACvB,OAAO,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,MAAM,aAAa,GACnB,MAAM,GACN,WAAW,GACX,UAAU,GACV,SAAS,GACT,QAAQ,GACR,OAAO,GACP,IAAI,GACJ,aAAa,CAAC;AACpB,qBACa,SAAU,SAAQ,UAAU;IACT,OAAO,CAAC,EAAE,aAAa,CAAe;IACtC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAY;IAC1B,IAAI,CAAC,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAS;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAS;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAa;IACrC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAS;IACzB,SAAS,CAAC,EAAE,OAAO,CAAS;IAEzD,MAAM,CAAC,MAAM,4BA8DX;IAEF,MAAM;CAkCT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;KAC3B;CACJ"}

package/dist/shared/lit-button.js

@@ -27,66 +27,96 @@ let LitButton = class LitButton extends LitElement {
     render() {
         const classes = `button--${this.size} button--${this.variant} ${this.fullWidth ? 'button--fullWidth' : ''} ${this.active ? 'active' : ''}`;
         const hasCount = this.count !== undefined && this.count !== null && this.count >= 0;
-        return html `<button ?disabled=${this.disabled} @click=${this.onClick} class=${classes}>
-            ${this.isLoading
-            ? html `<lit-loader size="small"></lit-loader>`
-            : html ` <slot style="margin-right: 8px" name="start-icon">
-                          ${this.icon &&
-                html `<lit-icon
-                              class="start-icon"
-                              size="1.25rem"
-                              icon="${this.icon}"
-                          ></lit-icon>`}
-                      </slot>
-                      ${this.label}
-                      ${hasCount
-                ? html `<lit-pill
-                                style="margin-left: 0.5rem"
-                                count=${this.count}
-                            ></lit-pill>`
-                : ''}`}
-        </button>`;
+        return html `
+            <button ?disabled=${this.disabled} @click=${this.onClick} class=${classes}>
+                <div class="button--content">
+                    ${this.isLoading
+            ? html ` <lit-loader size="small" class="button--loader"></lit-loader> `
+            : null}
+
+                    <div
+                        class="button-inner"
+                        style="visibility: ${this.isLoading ? 'hidden' : 'visible'};
+                    "
+                    >
+                        <slot name="start-icon">
+                            ${this.icon
+            ? html `<lit-icon
+                                      class="start-icon"
+                                      size="1.25rem"
+                                      icon="${this.icon}"
+                                  ></lit-icon>`
+            : ''}
+                        </slot>
+                        ${this.label}
+                        ${hasCount ? html `<lit-pill count=${this.count}></lit-pill>` : ''}
+                    </div>
+                </div>
+            </button>
+        `;
     }
 };
 LitButton.styles = [
     // styles,
     buttonStyles,
-    css `
-            /* Basic button styles */
-            button {
-                line-height: 1.5rem;
-                flex-direction: row;
-            }
-
-            /* Size Variants */
-            .button--small {
-                -webkit-padding: 0.375rem 1rem;
-                padding: 0.1875rem 0.375rem;
-                font-size: 11px;
-            }
-            .button--medium {
-                font-size: 0.75rem;
-                font-weight: 500;
-                -webkit-padding: 0.375rem 0.75rem;
-                padding: 0.375rem 0.75rem;
-            }
-            .button--large {
-                font-weight: 700;
-                -webkit-padding: 0.75rem 1.5rem;
-                padding: 0.75rem 1.5rem;
-                font-size: 0.875rem;
-            }
-
-            /* FullWidth style */
-            .button--fullWidth {
-                width: 100%;
-                display: block;
-            }
-            ::slotted([slot='start-icon']),
-            .start-icon {
-                margin-right: 8px;
-                font-size: 1.25rem !important;
-            }
+    css `
+            /* Basic button styles */
+            button {
+                line-height: 1.5rem;
+                flex-direction: row;
+                justify-content: center;
+            }
+
+            /* Size Variants */
+            .button--small {
+                -webkit-padding: 0.375rem 1rem;
+                padding: 0.1875rem 0.375rem;
+                font-size: 11px;
+            }
+            .button--medium {
+                font-size: 0.75rem;
+                font-weight: 500;
+                -webkit-padding: 0.375rem 0.75rem;
+                padding: 0.375rem 0.75rem;
+            }
+            .button--large {
+                font-weight: 700;
+                -webkit-padding: 0.75rem 1.5rem;
+                padding: 0.75rem 1.5rem;
+                font-size: 0.875rem;
+            }
+
+            /* FullWidth style */
+            .button--fullWidth {
+                width: 100%;
+                display: block;
+            }
+            ::slotted([slot='start-icon']),
+            .start-icon {
+                //margin-right: 8px;
+                font-size: 1.25rem !important;
+            }
+
+            .button--content {
+                position: relative;
+                display: inline-flex;
+                align-items: center;
+                justify-content: center;
+            }
+
+            .button--loader {
+                position: absolute;
+                left: 50%;
+                top: 50%;
+                transform: translate(-50%, -50%);
+            }
+
+            .button-inner {
+                display: inline-flex;
+                align-items: center;
+                gap: 0.5rem;
+                visibility: visible;
+            }
         `,
 ];
 __decorate([

package/dist/shared/lit-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"lit-button.js","sourceRoot":"","sources":["../../src/shared/lit-button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,SAAS;AACT,OAAO,YAAY,MAAM,kCAAkC,CAAC;AAE5D,WAAW;AACX,OAAO,eAAe,CAAC;AACvB,OAAO,eAAe,CAAC;AACvB,OAAO,iBAAiB,CAAC;AAMlB,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QACyB,YAAO,GAAmB,WAAW,CAAC;QACtC,SAAI,GAAkC,QAAQ,CAAC;QAC/C,UAAK,GAAY,QAAQ,CAAC;QAEzB,cAAS,GAAa,KAAK,CAAC;QAC5B,aAAQ,GAAa,KAAK,CAAC;QAC5B,UAAK,GAAwB,SAAS,CAAC;QAEtC,WAAM,GAAa,KAAK,CAAC;QACzB,cAAS,GAAa,KAAK,CAAC;IAqE7D,CAAC;IAzBG,MAAM;QACF,MAAM,OAAO,GAAG,WAAW,IAAI,CAAC,IAAI,YAAY,IAAI,CAAC,OAAO,IACxD,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAC3C,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAClC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;QACpF,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,QAAQ,WAAW,IAAI,CAAC,OAAO,UAAU,OAAO;cAC/E,IAAI,CAAC,SAAS;YACZ,CAAC,CAAC,IAAI,CAAA,wCAAwC;YAC9C,CAAC,CAAC,IAAI,CAAA;4BACM,IAAI,CAAC,IAAI;gBACX,IAAI,CAAA;;;sCAGQ,IAAI,CAAC,IAAI;uCACR;;wBAEf,IAAI,CAAC,KAAK;wBACV,QAAQ;gBACN,CAAC,CAAC,IAAI,CAAA;;wCAEQ,IAAI,CAAC,KAAK;yCACT;gBACf,CAAC,CAAC,EAAE,EAAE;kBACd,CAAC;IACf,CAAC;;AAlEM,gBAAM,GAAG;IACZ,UAAU;IACV,YAAY;IACZ,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAoCF;CACJ,AAxCY,CAwCX;AAnD0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAuC;AACtC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAAgD;AAC/C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAA2B;AAC1B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAAa;AACX;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAA6B;AAC5B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CAA4B;AAC5B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAwC;AACrC;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;0CAAuC;AACvC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCAA0B;AACzB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAA6B;AAVhD,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CA+ErB"}
+{"version":3,"file":"lit-button.js","sourceRoot":"","sources":["../../src/shared/lit-button.ts"],"names":[],"mappings":"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"}

package/dist/shared/lit-case-variables-tab-cell.js

@@ -24,63 +24,63 @@ let LitCaseVariablesTabCell = class LitCaseVariablesTabCell extends LitElement {
         this.BREAKPOINTS = ['xs', 'sm', 'md', 'lg', 'xl'];
     }
     getHeader() {
-        return html `
-            <div
-                style="${this.headerStyle ? styleMap(this.headerStyle) : ''}"
-                class="process-data-heading"
-            >
-                ${this.headerName ? this.headerName : ''}
+        return html `
+            <div
+                style="${this.headerStyle ? styleMap(this.headerStyle) : ''}"
+                class="process-data-heading"
+            >
+                ${this.headerName ? this.headerName : ''}
                 ${this.tooltip
-            ? html `
-                          <lit-icon size="12px" icon="informative"></lit-icon>
-                          <simple-tooltip placement="right"
-                              >${this.tooltip ? this.tooltip : ''}</simple-tooltip
-                          >
+            ? html `
+                          <lit-icon size="12px" icon="informative"></lit-icon>
+                          <simple-tooltip placement="right"
+                              >${this.tooltip ? this.tooltip : ''}</simple-tooltip
+                          >
                       `
-            : ''}
-            </div>
+            : ''}
+            </div>
         `;
     }
     getCellButton() {
-        return html `
-            <lit-button
-                .fullWidth="${this.buttonFullWidth}"
-                variant="${this.buttonVariant}"
-                label="${this.headerName ? this.headerName : ''}"
-                @click=${this.buttonFn}
-            ></lit-button>
+        return html `
+            <lit-button
+                .fullWidth="${this.buttonFullWidth}"
+                variant="${this.buttonVariant}"
+                label="${this.headerName ? this.headerName : ''}"
+                @click=${this.buttonFn}
+            ></lit-button>
         `;
     }
     getCellLink() {
-        return html `
-            <div>${this.getHeader()}</div>
-            <a class="link" href=${this.value ? this.value : ''} target="_blank">
-                ${this.value ? this.value : ''}
-            </a>
+        return html `
+            <div>${this.getHeader()}</div>
+            <a class="link" href=${this.value ? this.value : ''} target="_blank">
+                ${this.value ? this.value : ''}
+            </a>
         `;
     }
     getCellValue() {
-        return html `
-            <div>${this.getHeader()}</div>
-            <div
-                style="${this.valueStyle ? styleMap(this.valueStyle) : ''}"
-                class="process-data-value"
-            >
-                ${this.value ? this.value : ''}
-            </div>
+        return html `
+            <div>${this.getHeader()}</div>
+            <div
+                style="${this.valueStyle ? styleMap(this.valueStyle) : ''}"
+                class="process-data-value"
+            >
+                ${this.value ? this.value : ''}
+            </div>
         `;
     }
     getCellDate() {
-        return html `
-            <div>${this.getHeader()}</div>
-            <div
-                style="${this.valueStyle ? styleMap(this.valueStyle) : ''}"
-                class="process-data-value"
-            >
+        return html `
+            <div>${this.getHeader()}</div>
+            <div
+                style="${this.valueStyle ? styleMap(this.valueStyle) : ''}"
+                class="process-data-value"
+            >
                 ${this.value
             ? formatDate(this.value, this.userLang || 'cs', !!this.dateFormat)
-            : ''}
-            </div>
+            : ''}
+            </div>
         `;
     }
     render() {
@@ -90,86 +90,86 @@ let LitCaseVariablesTabCell = class LitCaseVariablesTabCell extends LitElement {
             .map((bp) => this.size?.[bp])
             .find((size) => size !== undefined) ?? 2;
         const classes = `cell--span${spanSize} cell`;
-        return html `
-            <div
-                class="${classes}"
-                style="${styleMap((this.cellStyle || {}))}"
-            >
+        return html `
+            <div
+                class="${classes}"
+                style="${styleMap((this.cellStyle || {}))}"
+            >
                 ${this.type === 'button'
             ? this.getCellButton()
             : this.type === 'link'
                 ? this.getCellLink()
                 : this.type === 'date'
                     ? this.getCellDate()
-                    : this.getCellValue()}
-            </div>
+                    : this.getCellValue()}
+            </div>
         `;
     }
 };
-LitCaseVariablesTabCell.styles = css `
-        :host {
-            font-family: 'Inter', sans-serif;
-        }
-
-        .grid-container {
-            display: grid;
-            justify-content: start;
-            align-items: start;
-            gap: 0.5rem;
-        }
-
-        .process-data-heading {
-            font-size: 0.75rem;
-            color: var(--text-secondary, #5d6371);
-            font-weight: 400 !important;
-            display: flex;
-            gap: 5px;
-            align-items: center;
-        }
-
-        .process-data-value {
-            font-size: 0.8125rem;
-            color: var(--text-primary, #111827);
-            margin: 0;
-            padding-top: 0.3125rem;
-            font-weight: 500 !important;
-        }
-
-        .status {
-            color: var(--color-primary-main, #76b703);
-        }
-
-        .link {
-            font-size: 0.8125rem;
-            text-decoration: none;
-            color: inherit;
-            border-bottom: 0.0625rem solid var(--color-primary-main, #76b703);
-        }
-
-        .cell {
-            padding: 5px;
-            border-radius: 8px;
-        }
-
-        .link:hover {
-            color: var(--color-primary-main, #76b703);
-        }
-
-        .cell--span1 {
-            grid-column: span 1 / span 1;
-        }
-
-        .cell--span2 {
-            grid-column: span 2 / span 2;
-        }
-
-        .cell--span3 {
-            grid-column: span 3 / span 3;
-        }
-
-        .cell--span4 {
-            grid-column: span 4 / span 4;
-        }
+LitCaseVariablesTabCell.styles = css `
+        :host {
+            font-family: 'Inter', sans-serif;
+        }
+
+        .grid-container {
+            display: grid;
+            justify-content: start;
+            align-items: start;
+            gap: 0.5rem;
+        }
+
+        .process-data-heading {
+            font-size: 0.75rem;
+            color: var(--text-secondary, #5d6371);
+            font-weight: 400 !important;
+            display: flex;
+            gap: 5px;
+            align-items: center;
+        }
+
+        .process-data-value {
+            font-size: 0.8125rem;
+            color: var(--text-primary, #111827);
+            margin: 0;
+            padding-top: 0.3125rem;
+            font-weight: 500 !important;
+        }
+
+        .status {
+            color: var(--color-primary-main, #76b703);
+        }
+
+        .link {
+            font-size: 0.8125rem;
+            text-decoration: none;
+            color: inherit;
+            border-bottom: 0.0625rem solid var(--color-primary-main, #76b703);
+        }
+
+        .cell {
+            padding: 5px;
+            border-radius: 8px;
+        }
+
+        .link:hover {
+            color: var(--color-primary-main, #76b703);
+        }
+
+        .cell--span1 {
+            grid-column: span 1 / span 1;
+        }
+
+        .cell--span2 {
+            grid-column: span 2 / span 2;
+        }
+
+        .cell--span3 {
+            grid-column: span 3 / span 3;
+        }
+
+        .cell--span4 {
+            grid-column: span 4 / span 4;
+        }
     `;
 __decorate([
     property({ type: String })

package/dist/shared/lit-checkbox.d.ts

@@ -1,7 +1,17 @@
-export type LitCheckboxProps = {
+import { LitElement, PropertyValues } from 'lit';
+import './lit-label.js';
+export declare class LitCheckbox extends LitElement {
+    static styles: import("lit").CSSResult;
     disabled: boolean;
     checked: boolean;
-    onChange: Function;
     indeterminate: boolean;
-};
+    onChange: (e: Event) => void;
+    value: string;
+    label: string;
+    protected updated(changed: PropertyValues): void;
+    private _onClick;
+    private _onChange;
+    private _notifyChange;
+    render(): import("lit-html").TemplateResult<1>;
+}
 //# sourceMappingURL=lit-checkbox.d.ts.map

package/dist/shared/lit-checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lit-checkbox.d.ts","sourceRoot":"","sources":["../../src/shared/lit-checkbox.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;CAC1B,CAAC"}
+{"version":3,"file":"lit-checkbox.d.ts","sourceRoot":"","sources":["../../src/shared/lit-checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAI5D,OAAO,gBAAgB,CAAC;AACxB,qBACa,WAAY,SAAQ,UAAU;IACvC,MAAM,CAAC,MAAM,0BA+DX;IAC2B,QAAQ,UAAS;IACjB,OAAO,UAAS;IAChB,aAAa,UAAS;IACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAY;IAC1C,KAAK,SAAM;IACX,KAAK,SAAM;IAGvC,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc;IAWzC,OAAO,CAAC,QAAQ;IAchB,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,aAAa;IAarB,MAAM;CA0BT"}