@justeattakeaway/pie-data-table 0.0.0-snapshot-release-20251014131309 → 0.0.0-snapshot-release-20251112134655

package/dist/pie-data-table-header/defs-react.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"defs-react.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-header/defs-react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA"}

package/dist/pie-data-table-header/defs.d.ts

@@ -1,18 +0,0 @@
-import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
-export declare const dataTableHeaderVariant: string[];
-export interface DataTableHeaderProps {
-    /**
-     * Title text for the data table header
-     */
-    title: string;
-    /**
-     * Subtitle text for the data table header
-     */
-    subtitle?: string;
-    /**
-     * Emphasis level for the header
-     */
-    variant?: typeof dataTableHeaderVariant[number];
-}
-export declare const defaultProps: ComponentDefaultProps<DataTableHeaderProps, keyof Omit<DataTableHeaderProps, 'title' | 'subtitle'>>;
-//# sourceMappingURL=defs.d.ts.map

package/dist/pie-data-table-header/defs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-header/defs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE5E,eAAO,MAAM,sBAAsB,UAAuB,CAAC;AAE3D,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,sBAAsB,CAAC,MAAM,CAAC,CAAC;CACjD;AAED,eAAO,MAAM,YAAY,EAAE,qBAAqB,CAAC,oBAAoB,EAAE,MAAM,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,UAAU,CAAC,CAE5H,CAAC"}

package/dist/pie-data-table-header/index.d.ts

@@ -1,40 +0,0 @@
-import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
-import { DataTableHeaderProps, defaultProps } from './defs';
-export * from './defs';
-declare const componentSelector = "pie-data-table-header";
-/**
- * @tagname pie-data-table-header
- */
-export declare class PieDataTableHeader extends PieElement implements DataTableHeaderProps {
-    /**
-     * Title text for the data table header
-     */
-    title: DataTableHeaderProps['title'];
-    /**
-     * Subtitle text for the data table header
-     */
-    subtitle: DataTableHeaderProps['subtitle'];
-    /**
-     * Emphasis level for the header
-     */
-    variant?: typeof defaultProps.variant;
-    private hasActionButtons;
-    /**
-     * Handles the slot change event to determine if there are action buttons.
-     *
-     * @param event - The slot change event
-     */
-    private handleSlotChange;
-    /**
-     * Lit lifecycle: called after the component's DOM has been rendered the first time.
-     */
-    firstUpdated(): void;
-    render(): import('lit-html').TemplateResult<1>;
-    static styles: import('lit').CSSResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        [componentSelector]: PieDataTableHeader;
-    }
-}
-//# sourceMappingURL=index.d.ts.map

package/dist/pie-data-table-header/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-header/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,yDAAyD,CAAC;AAKrF,OAAO,EACH,KAAK,oBAAoB,EAEzB,YAAY,EACf,MAAM,QAAQ,CAAC;AAGhB,cAAc,QAAQ,CAAC;AAEvB,QAAA,MAAM,iBAAiB,0BAA0B,CAAC;AAElD;;GAEG;AACH,qBACa,kBAAmB,SAAQ,UAAW,YAAW,oBAAoB;IAC9E;;OAEG;IAEI,KAAK,EAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAE7C;;OAEG;IAEI,QAAQ,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAElD;;OAEG;IAGI,OAAO,CAAC,EAAE,OAAO,YAAY,CAAC,OAAO,CAAC;IAG7C,OAAO,CAAC,gBAAgB,CAAS;IAEjC;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAKxB;;OAEG;IACH,YAAY;IAQZ,MAAM;IA2BN,MAAM,CAAC,MAAM,0BAAqB;CACrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,kBAAkB,CAAC;KAC3C;CACJ"}

package/dist/pie-data-table-header/index.js

@@ -1,80 +0,0 @@
-import { unsafeCSS as h, nothing as p, html as n } from "lit";
-import { property as c, state as b } from "lit/decorators.js";
-import { P as g } from "../PieElement-DgHPBi0_.js";
-import { validPropertyValues as u, safeCustomElement as f } from "@justeattakeaway/pie-webc-core";
-import { classMap as v } from "lit/directives/class-map.js";
-const m = "*,*:after,*:before{box-sizing:inherit}:host{display:block}.c-data-table-header{--data-table-header-background: transparent;padding:var(--dt-spacing-d);background-color:var(--data-table-header-background);border-bottom:1px solid var(--data-table-border-color);display:flex;justify-content:space-between;align-items:flex-end}.c-data-table-header-title-wrapper{display:flex;flex-direction:column;gap:var(--dt-spacing-b)}.c-data-table-header-title{font-weight:var(--dt-font-weight-extrabold);font-size:calc(var(--dt-font-size-24) * 1px);line-height:calc(var(--dt-font-size-24-line-height) * 1px)}.c-data-table-header-subtitle{font-weight:var(--dt-font-weight-regular);font-size:calc(var(--dt-font-size-16) * 1px);line-height:calc(var(--dt-font-size-16-line-height) * 1px)}.c-data-table-header--strong{--data-table-header-background: var(--dt-color-support-brand-02)}.c-data-table-action-buttons-wrapper{display:flex;gap:var(--dt-spacing-d)}", y = ["subtle", "strong"], x = {
-  variant: "subtle"
-};
-var w = Object.defineProperty, S = Object.getOwnPropertyDescriptor, l = (e, t, r, o) => {
-  for (var a = o > 1 ? void 0 : o ? S(t, r) : t, i = e.length - 1, d; i >= 0; i--)
-    (d = e[i]) && (a = (o ? d(t, r, a) : d(a)) || a);
-  return o && a && w(t, r, a), a;
-};
-const P = "pie-data-table-header";
-let s = class extends g {
-  constructor() {
-    super(...arguments), this.hasActionButtons = !1;
-  }
-  /**
-   * Handles the slot change event to determine if there are action buttons.
-   *
-   * @param event - The slot change event
-   */
-  handleSlotChange(e) {
-    const t = e.target;
-    this.hasActionButtons = t.assignedElements().length > 0;
-  }
-  /**
-   * Lit lifecycle: called after the component's DOM has been rendered the first time.
-   */
-  firstUpdated() {
-    var t;
-    const e = (t = this.shadowRoot) == null ? void 0 : t.querySelector('slot[name="action-button"]');
-    e && (this.hasActionButtons = e.assignedElements().length > 0);
-  }
-  render() {
-    const { title: e, subtitle: t, variant: r } = this;
-    return n`
-            <header class="${v({
-      "c-data-table-header": !0,
-      "c-data-table-header--strong": r === "strong"
-    })}">
-                <div class="c-data-table-header-title-wrapper">
-                    ${e ? n`<span class="c-data-table-header-title">${e}</span>` : p}
-
-                    ${t ? n`<span class="c-data-table-header-subtitle">${t}</span>` : p}
-                </div>
-                ${this.hasActionButtons ? n`
-                    <div class="c-data-table-action-buttons-wrapper">
-                        <slot name="action-button" @slotchange=${this.handleSlotChange}></slot>
-                    </div>
-                ` : n`
-                    <slot name="action-button" @slotchange=${this.handleSlotChange} style="display: none;"></slot>
-                `}
-            </header>
-        `;
-  }
-};
-s.styles = h(m);
-l([
-  c({ type: String })
-], s.prototype, "title", 2);
-l([
-  c({ type: String })
-], s.prototype, "subtitle", 2);
-l([
-  c({ type: String }),
-  u(P, y, x.variant)
-], s.prototype, "variant", 2);
-l([
-  b()
-], s.prototype, "hasActionButtons", 2);
-s = l([
-  f("pie-data-table-header")
-], s);
-export {
-  s as PieDataTableHeader,
-  y as dataTableHeaderVariant,
-  x as defaultProps
-};

package/dist/pie-data-table-header/react.d.ts

@@ -1,7 +0,0 @@
-import { PieDataTableHeader as PieDataTableHeaderLit } from './index';
-import { DataTableHeaderProps } from './defs';
-import * as React from 'react';
-export * from './defs';
-type ReactBaseType = React.HTMLAttributes<HTMLElement>;
-export declare const PieDataTableHeader: React.ForwardRefExoticComponent<React.PropsWithoutRef<DataTableHeaderProps> & React.RefAttributes<PieDataTableHeaderLit> & ReactBaseType>;
-//# sourceMappingURL=react.d.ts.map

package/dist/pie-data-table-header/react.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-header/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,kBAAkB,IAAI,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAEnD,cAAc,QAAQ,CAAC;AAUvB,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAEtD,eAAO,MAAM,kBAAkB,EAA8B,KAAK,CAAC,yBAAyB,CAAC,KAAK,CAAC,eAAe,CAAC,oBAAoB,CAAC,GAClI,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,GAAG,aAAa,CAAC,CAAC"}

package/dist/pie-data-table-header/react.js

@@ -1,16 +0,0 @@
-import * as e from "react";
-import { createComponent as a } from "@lit/react";
-import { PieDataTableHeader as t } from "./index.js";
-import { dataTableHeaderVariant as p, defaultProps as s } from "./index.js";
-const r = a({
-  displayName: "PieDataTableHeader",
-  elementClass: t,
-  react: e,
-  tagName: "pie-data-table-header",
-  events: {}
-}), i = r;
-export {
-  i as PieDataTableHeader,
-  p as dataTableHeaderVariant,
-  s as defaultProps
-};

package/dist/pie-data-table-row/defs-react.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export type ReactBaseType = React.HTMLAttributes<HTMLElement>;
-//# sourceMappingURL=defs-react.d.ts.map

package/dist/pie-data-table-row/defs-react.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"defs-react.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-row/defs-react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA"}

package/dist/pie-data-table-row/defs.d.ts

@@ -1,13 +0,0 @@
-import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
-export interface DataTableRowProps extends Partial<HTMLTableRowElement> {
-    /**
-     * Whether the row is currently selected
-     */
-    isSelected?: boolean;
-    /**
-     * Whether the row is hidden
-     */
-    isHidden?: boolean;
-}
-export declare const defaultProps: ComponentDefaultProps<DataTableRowProps, 'isSelected' | 'isHidden'>;
-//# sourceMappingURL=defs.d.ts.map

package/dist/pie-data-table-row/defs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-row/defs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE5E,MAAM,WAAW,iBAAkB,SAAQ,OAAO,CAAC,mBAAmB,CAAC;IACrE;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,qBAAqB,CAAC,iBAAiB,EAAE,YAAY,GAAG,UAAU,CAG5F,CAAC"}

package/dist/pie-data-table-row/index.d.ts

@@ -1,30 +0,0 @@
-import { nothing } from 'lit';
-import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
-import { DataTableRowProps } from './defs';
-export * from './defs';
-declare const componentSelector = "pie-data-table-row";
-/**
- * @tagname pie-data-table-row
- */
-export declare class PieDataTableRow extends PieElement implements DataTableRowProps {
-    /**
-     * Whether the row is currently selected
-     */
-    isSelected?: DataTableRowProps['isSelected'];
-    /**
-     * Whether the row is hidden
-     */
-    isHidden?: DataTableRowProps['isHidden'];
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private _handleMouseEnter;
-    private _handleMouseLeave;
-    render(): typeof nothing | import('lit-html').TemplateResult<1>;
-    static styles: import('lit').CSSResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        [componentSelector]: PieDataTableRow;
-    }
-}
-//# sourceMappingURL=index.d.ts.map

package/dist/pie-data-table-row/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-row/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAa,MAAM,KAAK,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,yDAAyD,CAAC;AAIrF,OAAO,EACH,KAAK,iBAAiB,EACzB,MAAM,QAAQ,CAAC;AAEhB,cAAc,QAAQ,CAAC;AAEvB,QAAA,MAAM,iBAAiB,uBAAuB,CAAC;AAE/C;;GAEG;AACH,qBACa,eAAgB,SAAQ,UAAW,YAAW,iBAAiB;IACxE;;OAEG;IAEI,UAAU,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAEpD;;OAEG;IAEI,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAEhD,iBAAiB;IAYjB,oBAAoB;IAOpB,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,MAAM;IAWN,MAAM,CAAC,MAAM,0BAAqB;CACrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,eAAe,CAAC;KACxC;CACJ"}

package/dist/pie-data-table-row/index.js

@@ -1,46 +0,0 @@
-import { unsafeCSS as c, nothing as h, html as p } from "lit";
-import { property as d } from "lit/decorators.js";
-import { P as u } from "../PieElement-DgHPBi0_.js";
-import { safeCustomElement as v } from "@justeattakeaway/pie-webc-core";
-const b = ":host{display:table-row;border-bottom:1px solid var(--data-table-border-color)}:host ::slotted(pie-data-table-cell){background-color:var(--data-table-background-hover-or-active, transparent)}:host([isSelected]){background-color:var(--dt-color-container-subtle)}", g = {
-  isSelected: !1,
-  isHidden: !1
-};
-var m = Object.defineProperty, f = Object.getOwnPropertyDescriptor, i = (r, o, a, s) => {
-  for (var e = s > 1 ? void 0 : s ? f(o, a) : o, n = r.length - 1, l; n >= 0; n--)
-    (l = r[n]) && (e = (s ? l(o, a, e) : l(e)) || e);
-  return s && e && m(o, a, e), e;
-};
-let t = class extends u {
-  constructor() {
-    super(...arguments), this._handleMouseEnter = () => {
-      this.style.setProperty("--data-table-background-hover-or-active", "var(--dt-color-container-subtle)");
-    }, this._handleMouseLeave = () => {
-      this.style.setProperty("--data-table-background-hover-or-active", "transparent");
-    };
-  }
-  connectedCallback() {
-    this.hasAttribute("role") || this.setAttribute("role", "row"), this.addEventListener("mouseenter", this._handleMouseEnter), this.addEventListener("mouseleave", this._handleMouseLeave), this.style.setProperty("--data-table-background-hover-or-active", "transparent"), super.connectedCallback();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("mouseenter", this._handleMouseEnter), this.removeEventListener("mouseleave", this._handleMouseLeave);
-  }
-  render() {
-    const { isHidden: r } = this;
-    return r ? h : p`<slot></slot>`;
-  }
-};
-t.styles = c(b);
-i([
-  d({ type: Boolean })
-], t.prototype, "isSelected", 2);
-i([
-  d({ type: Boolean })
-], t.prototype, "isHidden", 2);
-t = i([
-  v("pie-data-table-row")
-], t);
-export {
-  t as PieDataTableRow,
-  g as defaultProps
-};

package/dist/pie-data-table-row/react.d.ts

@@ -1,7 +0,0 @@
-import { PieDataTableRow as PieDataTableRowLit } from './index';
-import { DataTableRowProps } from './defs';
-import * as React from 'react';
-export * from './defs';
-type ReactBaseType = React.HTMLAttributes<HTMLElement>;
-export declare const PieDataTableRow: React.ForwardRefExoticComponent<React.PropsWithoutRef<DataTableRowProps> & React.RefAttributes<PieDataTableRowLit> & ReactBaseType>;
-//# sourceMappingURL=react.d.ts.map

package/dist/pie-data-table-row/react.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-row/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAEhD,cAAc,QAAQ,CAAC;AAUvB,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAEtD,eAAO,MAAM,eAAe,EAA2B,KAAK,CAAC,yBAAyB,CAAC,KAAK,CAAC,eAAe,CAAC,iBAAiB,CAAC,GACzH,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,aAAa,CAAC,CAAC"}

package/dist/pie-data-table-row/react.js

@@ -1,15 +0,0 @@
-import * as a from "react";
-import { createComponent as e } from "@lit/react";
-import { PieDataTableRow as t } from "./index.js";
-import { defaultProps as s } from "./index.js";
-const o = e({
-  displayName: "PieDataTableRow",
-  elementClass: t,
-  react: a,
-  tagName: "pie-data-table-row",
-  events: {}
-}), i = o;
-export {
-  i as PieDataTableRow,
-  s as defaultProps
-};

package/dist/react.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE7C,cAAc,QAAQ,CAAC;AAUvB,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAEtD,eAAO,MAAM,YAAY,EAAwB,KAAK,CAAC,yBAAyB,CAAC,KAAK,CAAC,eAAe,CAAC,cAAc,CAAC,GAChH,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,GAAG,aAAa,CAAC,CAAC"}

package/src/pie-data-table-body/data-table-body.scss

@@ -1,3 +0,0 @@
-:host {
-  display: table-row-group;
-}

package/src/pie-data-table-body/defs-react.ts

@@ -1,3 +0,0 @@
-import type React from 'react';
-
-export type ReactBaseType = React.HTMLAttributes<HTMLElement>

package/src/pie-data-table-body/defs.ts

@@ -1 +0,0 @@
-export type DataTableBodyProps = Partial<HTMLTableSectionElement>;

package/src/pie-data-table-body/index.ts

@@ -1,29 +0,0 @@
-import { html, unsafeCSS } from 'lit';
-import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
-import { safeCustomElement } from '@justeattakeaway/pie-webc-core';
-
-import styles from './data-table-body.scss?inline';
-import { type DataTableBodyProps } from './defs';
-
-export * from './defs';
-
-const componentSelector = 'pie-data-table-body';
-
-/**
- * @tagname pie-data-table-body
- */
-@safeCustomElement('pie-data-table-body')
-export class PieDataTableBody extends PieElement implements DataTableBodyProps {
-    render () {
-        return html`<slot></slot>`;
-    }
-
-    // Renders a `CSSResult` generated from SCSS by Vite
-    static styles = unsafeCSS(styles);
-}
-
-declare global {
-    interface HTMLElementTagNameMap {
-        [componentSelector]: PieDataTableBody;
-    }
-}

package/src/pie-data-table-body/react.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { createComponent } from '@lit/react';
-import { PieDataTableBody as PieDataTableBodyLit } from './index';
-import { type DataTableBodyProps } from './defs';
-
-export * from './defs';
-
-const PieDataTableBodyReact = createComponent({
-    displayName: 'PieDataTableBody',
-    elementClass: PieDataTableBodyLit,
-    react: React,
-    tagName: 'pie-data-table-body',
-    events: {},
-});
-
-type ReactBaseType = React.HTMLAttributes<HTMLElement>
-
-export const PieDataTableBody = PieDataTableBodyReact as React.ForwardRefExoticComponent<React.PropsWithoutRef<DataTableBodyProps>
-    & React.RefAttributes<PieDataTableBodyLit> & ReactBaseType>;

package/src/pie-data-table-cell/data-table-cell.scss

@@ -1,21 +0,0 @@
-:host {
-  padding: var(--dt-spacing-d);
-  border-bottom: 1px solid var(--data-table-border-color);
-  display: table-cell;
-}
-
-:host([textAlign="right"]) {
-  text-align: right;
-}
-
-:host([textAlign="center"]) {
-  text-align: center;
-}
-
-:host([textAlign="left"]) {
-  text-align: left; 
-}
-
-:host([isHidden]) {
-  display: none;
-}

package/src/pie-data-table-cell/defs-react.ts

@@ -1,3 +0,0 @@
-import type React from 'react';
-
-export type ReactBaseType = React.HTMLAttributes<HTMLElement>

package/src/pie-data-table-cell/defs.ts

@@ -1,19 +0,0 @@
-import { type ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
-
-export const dataTableCellTextAlign = ['left', 'right', 'center'] as const;
-
-export interface DataTableCellProps {
-  /**
-   * Text alignment for the cell content
-   */
-  textAlign?: typeof dataTableCellTextAlign[number];
-  /**
-   * Whether the cell is hidden
-   */
-  isHidden?: boolean;
-}
-
-export const defaultProps: ComponentDefaultProps<DataTableCellProps, 'textAlign' | 'isHidden'> = {
-    textAlign: 'left',
-    isHidden: false,
-};

package/src/pie-data-table-cell/index.ts

@@ -1,61 +0,0 @@
-import { html, nothing, unsafeCSS } from 'lit';
-import { property } from 'lit/decorators.js';
-import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
-import { safeCustomElement, validPropertyValues } from '@justeattakeaway/pie-webc-core';
-
-import styles from './data-table-cell.scss?inline';
-import {
-    type DataTableCellProps,
-    dataTableCellTextAlign,
-    defaultProps,
-} from './defs';
-
-export * from './defs';
-
-const componentSelector = 'pie-data-table-cell';
-
-/**
- * @tagname pie-data-table-cell
- */
-@safeCustomElement('pie-data-table-cell')
-export class PieDataTableCell extends PieElement implements DataTableCellProps {
-    /**
-     * Text alignment for the cell content
-     */
-    @property({ type: String })
-    @validPropertyValues(componentSelector, dataTableCellTextAlign, defaultProps.textAlign)
-    public textAlign?: DataTableCellProps['textAlign'];
-
-    /**
-     * Whether the cell is hidden
-     */
-    @property({ type: Boolean })
-    public isHidden?: DataTableCellProps['isHidden'];
-
-    connectedCallback () {
-        if (!this.hasAttribute('role')) {
-            this.setAttribute('role', 'cell');
-        }
-
-        super.connectedCallback();
-    }
-
-    render () {
-        const { isHidden } = this;
-
-        if (isHidden) {
-            return nothing;
-        }
-
-        return html`<slot></slot>`;
-    }
-
-    // Renders a `CSSResult` generated from SCSS by Vite
-    static styles = unsafeCSS(styles);
-}
-
-declare global {
-    interface HTMLElementTagNameMap {
-        [componentSelector]: PieDataTableCell;
-    }
-}

package/src/pie-data-table-cell/react.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { createComponent } from '@lit/react';
-import { PieDataTableCell as PieDataTableCellLit } from './index';
-import { type DataTableCellProps } from './defs';
-
-export * from './defs';
-
-const PieDataTableCellReact = createComponent({
-    displayName: 'PieDataTableCell',
-    elementClass: PieDataTableCellLit,
-    react: React,
-    tagName: 'pie-data-table-cell',
-    events: {},
-});
-
-type ReactBaseType = React.HTMLAttributes<HTMLElement>
-
-export const PieDataTableCell = PieDataTableCellReact as React.ForwardRefExoticComponent<React.PropsWithoutRef<DataTableCellProps>
-    & React.RefAttributes<PieDataTableCellLit> & ReactBaseType>;

package/src/pie-data-table-contents/data-table-contents.scss

@@ -1,4 +0,0 @@
-:host {
-    inline-size: 100%;
-    display: table;
-}

package/src/pie-data-table-contents/defs-react.ts

@@ -1,3 +0,0 @@
-import type React from 'react';
-
-export type ReactBaseType = React.HTMLAttributes<HTMLElement>

package/src/pie-data-table-contents/defs.ts

@@ -1 +0,0 @@
-export type DataTableContentsProps = Partial<HTMLTableElement>;

package/src/pie-data-table-contents/index.ts

@@ -1,35 +0,0 @@
-import { html, unsafeCSS } from 'lit';
-import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
-import { safeCustomElement } from '@justeattakeaway/pie-webc-core';
-
-import styles from './data-table-contents.scss?inline';
-import { type DataTableContentsProps } from './defs';
-
-export * from './defs';
-
-const componentSelector = 'pie-data-table-contents';
-
-/**
- * @tagname pie-data-table-contents
- */
-@safeCustomElement('pie-data-table-contents')
-export class PieDataTableContents extends PieElement implements DataTableContentsProps {
-    connectedCallback () {
-        if (!this.hasAttribute('role')) {
-            this.setAttribute('role', 'table');
-        }
-        super.connectedCallback();
-    }
-
-    render () {
-        return html`<slot></slot>`;
-    }
-
-    static styles = unsafeCSS(styles);
-}
-
-declare global {
-    interface HTMLElementTagNameMap {
-        [componentSelector]: PieDataTableContents;
-    }
-}

package/src/pie-data-table-contents/react.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { createComponent } from '@lit/react';
-import { PieDataTableContents as PieDataTableContentsLit } from './index';
-import { type DataTableContentsProps } from './defs';
-
-export * from './defs';
-
-const PieDataTableContentsReact = createComponent({
-    displayName: 'PieDataTableContents',
-    elementClass: PieDataTableContentsLit,
-    react: React,
-    tagName: 'pie-data-table-contents',
-    events: {},
-});
-
-type ReactBaseType = React.HTMLAttributes<HTMLElement>
-
-export const PieDataTableContents = PieDataTableContentsReact as React.ForwardRefExoticComponent<React.PropsWithoutRef<DataTableContentsProps>
-    & React.RefAttributes<PieDataTableContentsLit> & ReactBaseType>;

package/src/pie-data-table-head/data-table-head.scss

@@ -1,8 +0,0 @@
-:host {
-  background-color: transparent;
-  font-weight: var(--dt-font-weight-bold);
-  color: var(--data-table-header-color);
-  border-bottom: 1px solid var(--data-table-border-color);
-  display: table-header-group;
-}
-

package/src/pie-data-table-head/defs-react.ts

@@ -1,3 +0,0 @@
-import type React from 'react';
-
-export type ReactBaseType = React.HTMLAttributes<HTMLElement>

package/src/pie-data-table-head/defs.ts

@@ -1 +0,0 @@
-export type DataTableHeadProps = Partial<HTMLTableSectionElement>;

package/src/pie-data-table-head/index.ts

@@ -1,36 +0,0 @@
-import { html, unsafeCSS } from 'lit';
-import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
-import { safeCustomElement } from '@justeattakeaway/pie-webc-core';
-
-import styles from './data-table-head.scss?inline';
-import { type DataTableHeadProps } from './defs';
-
-export * from './defs';
-
-const componentSelector = 'pie-data-table-head';
-
-/**
- * @tagname pie-data-table-head
- */
-@safeCustomElement('pie-data-table-head')
-export class PieDataTableHead extends PieElement implements DataTableHeadProps {
-    connectedCallback () {
-        if (!this.hasAttribute('role')) {
-            this.setAttribute('role', 'rowgroup');
-        }
-        super.connectedCallback();
-    }
-
-    render () {
-        return html`<slot></slot>`;
-    }
-
-    static styles = unsafeCSS(styles);
-}
-
-declare global {
-    interface HTMLElementTagNameMap {
-        [componentSelector]: PieDataTableHead;
-    }
-}
-