@pine-ds/core 1.2.0 → 1.3.0-dev.0

package/dist/collection/components/pds-switch/pds-switch.css

@@ -1,136 +0,0 @@
-:host {
-  --border-radius-input: var(--pine-border-radius-200);
-  --box-shadow-focus: 0 0 0 2px var(--color-outline-focus);
-  --box-shadow-focus-error: 0 0 0 2px var(--color-outline-focus-error);
-  --box-shadow-input-toggle: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.08);
-  --color-background-checked: var(--pine-color-charcoal-400);
-  --color-background-checked-hover: var(--pine-color-charcoal-400);
-  --color-background-disabled: var(--pine-color-grey-300);
-  --color-background-hover: var(--pine-color-grey-500);
-  --color-background-input-default: var(--pine-color-grey-400);
-  --color-input-toggle: var(--pine-color-white);
-  --color-message-text: var(--pine-color-charcoal-200);
-  --color-outline-focus: var(--pine-color-blue-200);
-  --color-outline-focus-error: var(--pine-color-red-200);
-  --color-text-default: var(--pine-color-charcoal-400);
-  --color-text-disabled: var(--pine-color-grey-500);
-  --color-text-error: var(--pine-color-red-300);
-  --dimension-input-height: 20px;
-  --dimension-input-width: 36px;
-  --line-height-label: var(--pine-line-height-150);
-  --sizing-input-toggle-size: calc(var(--dimension-input-height) - (var(--spacing-input-toggle-offset) * 2));
-  --spacing-label-gap-size: var(--pine-spacing-150);
-  --spacing-input-toggle-offset: calc(var(--pine-spacing-050) / 2);
-  --spacing-message-block: var(--pine-spacing-050);
-  --spacing-message-inline: calc(var(--dimension-input-width) + var(--spacing-label-gap-size));
-  --number-transition-timing: 0.15s ease-out;
-  align-items: flex-start;
-  color: var(--color-text-default);
-  display: inline-flex;
-  flex-flow: row wrap;
-  margin-block-end: var(--pine-spacing-md);
-  position: relative;
-}
-
-:host(.pds-switch--error) {
-  color: var(--color-text-error);
-}
-:host(.pds-switch--error) input,
-:host(.pds-switch--error) input:checked,
-:host(.pds-switch--error) input:hover:not(:disabled):not(:checked) {
-  background-color: var(--color-text-error);
-}
-:host(.pds-switch--error) input:focus-visible:not(:disabled):not(:checked) {
-  box-shadow: var(--box-shadow-focus-error);
-}
-
-input {
-  appearance: none;
-  background: var(--color-background-input-default);
-  border: 0;
-  border-radius: var(--border-radius-input);
-  cursor: pointer;
-  display: inline-block;
-  height: var(--dimension-input-height);
-  margin: 0;
-  padding: 0;
-  position: relative;
-  transform: translateY(2px);
-  transition: var(--number-transition-timing);
-  transition-property: background, border, color;
-  width: var(--dimension-input-width);
-}
-input::after {
-  background: var(--color-input-toggle);
-  border-radius: 50%;
-  box-shadow: var(--box-shadow-input-toggle);
-  content: "";
-  display: block;
-  height: var(--sizing-input-toggle-size);
-  inset-block-start: 50%;
-  inset-inline-start: 50%;
-  position: absolute;
-  transform: translate3d(-100%, -50%, 0);
-  transition: transform var(--number-transition-timing);
-  width: var(--sizing-input-toggle-size);
-}
-
-label {
-  cursor: pointer;
-  display: inline-flex;
-  flex-grow: 1;
-  line-height: var(--line-height-label);
-  margin-inline-start: var(--spacing-label-gap-size);
-}
-.pds-switch--error label {
-  color: inherit;
-}
-
-.pds-switch__message {
-  color: var(--color-message-text);
-  flex: 1 0 100%;
-  font-size: var(--pine-font-size-body-sm);
-  line-height: var(--pine-line-height-sm);
-  margin-inline-start: var(--spacing-message-inline);
-}
-.pds-switch__message + .pds-switch__message {
-  margin-block-start: var(--spacing-message-block);
-}
-
-.pds-switch__message--error {
-  color: inherit;
-}
-
-input:disabled {
-  background-color: var(--color-background-disabled);
-  cursor: not-allowed;
-}
-input:disabled ~ label {
-  color: var(--color-text-disabled);
-  cursor: initial;
-}
-input:disabled .pds-switch__message {
-  color: initial;
-}
-
-input:hover:not(:disabled) {
-  background-color: var(--color-background-hover);
-}
-
-input:focus-visible:not(:disabled) {
-  box-shadow: var(--box-shadow-focus);
-  outline: none;
-}
-
-input:checked::after {
-  transform: translate3d(0, -50%, 0);
-}
-
-input:checked:not(:disabled) {
-  background-color: currentColor;
-  color: var(--color-background-checked);
-}
-input:checked:not(:disabled):hover {
-  border-color: currentColor;
-  color: var(--color-background-checked-hover);
-}

package/dist/collection/components/pds-switch/pds-switch.js

@@ -1,277 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { assignDescription, messageId } from "../../utils/form";
-import { PdsLabel } from "../_internal/pds-label/pds-label";
-export class PdsSwitch {
-    constructor() {
-        this.onSwitchUpdate = (e) => {
-            if (this.disabled)
-                return;
-            this.pdsSwitchChange.emit(e);
-        };
-        /**
-         * Generate switch classes
-         */
-        this.switchClassNames = () => {
-            let switchClasses = `pds-switch`;
-            if (this.invalid === true) {
-                switchClasses += " pds-switch--error";
-            }
-            if (this.helperMessage !== undefined) {
-                switchClasses += " pds-switch--message";
-            }
-            return switchClasses;
-        };
-        this.componentId = undefined;
-        this.checked = false;
-        this.disabled = false;
-        this.errorMessage = undefined;
-        this.helperMessage = undefined;
-        this.invalid = false;
-        this.label = undefined;
-        this.name = undefined;
-        this.required = false;
-        this.type = 'checkbox';
-        this.value = undefined;
-    }
-    render() {
-        return (h(Host, { key: '5c33e5bd4a42f187450a81faec033832524f1b29', class: this.switchClassNames(), "aria-disabled": this.disabled ? 'true' : null }, h("input", { key: 'cb2a8287cdb44f337b4ecae15968e823f314b4d1', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, checked: this.checked, class: "pds-switch__input", disabled: this.disabled, id: this.componentId, name: this.name ? this.name : this.componentId, onChange: this.onSwitchUpdate, required: this.required, type: this.type, value: this.value }), h(PdsLabel, { key: '86c700a16a23513b3ba34f2add1775274ecc6784', classNames: "pds-switch__label", htmlFor: this.componentId, text: this.label }), this.helperMessage &&
-            h("div", { key: '30c8b18c990a54330bf3442d9cbbb35387de0ec3', class: `pds-switch__message`, id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
-            h("div", { key: '1eb57d78271d8c1fbe2fa680eeb88fd2fd1d35c9', class: `pds-switch__message pds-switch__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, this.errorMessage)));
-    }
-    static get is() { return "pds-switch"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["pds-switch.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["pds-switch.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "componentId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "A unique identifier used for the underlying component `id` attribute and the label `for` attribute."
-                },
-                "attribute": "component-id",
-                "reflect": false
-            },
-            "checked": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Determines the input 'checked' state"
-                },
-                "attribute": "checked",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Determines the input 'disabled' state, preventing user interaction"
-                },
-                "attribute": "disabled",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "errorMessage": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Displays message text describing an invalid state"
-                },
-                "attribute": "error-message",
-                "reflect": false
-            },
-            "helperMessage": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Displays help text for additional description of an input"
-                },
-                "attribute": "helper-message",
-                "reflect": false
-            },
-            "invalid": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Determines the input 'invalid' state, signifying an error is present"
-                },
-                "attribute": "invalid",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Displays text to describe the input"
-                },
-                "attribute": "label",
-                "reflect": false
-            },
-            "name": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Identifies form data and unifies a group of radio inputs for toggling a single property/value"
-                },
-                "attribute": "name",
-                "reflect": false
-            },
-            "required": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Determines the 'required' state of the input"
-                },
-                "attribute": "required",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "type": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'checkbox' | 'radio'",
-                    "resolved": "\"checkbox\" | \"radio\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "defaultValue",
-                            "text": "'checkbox'"
-                        }],
-                    "text": "Specifies the underlying input element type"
-                },
-                "attribute": "type",
-                "reflect": false,
-                "defaultValue": "'checkbox'"
-            },
-            "value": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Provides input with a string submitted in form data, and can be used to distinguish radio inputs"
-                },
-                "attribute": "value",
-                "reflect": false
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "pdsSwitchChange",
-                "name": "pdsSwitchChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emits an event on input change"
-                },
-                "complexType": {
-                    "original": "InputEvent",
-                    "resolved": "InputEvent",
-                    "references": {
-                        "InputEvent": {
-                            "location": "global",
-                            "id": "global::InputEvent"
-                        }
-                    }
-                }
-            }];
-    }
-    static get elementRef() { return "el"; }
-}
-//# sourceMappingURL=pds-switch.js.map

package/dist/collection/components/pds-switch/pds-switch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pds-switch.js","sourceRoot":"","sources":["../../../src/components/pds-switch/pds-switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACvF,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAO5D,MAAM,OAAO,SAAS;;QAgEZ,mBAAc,GAAG,CAAC,CAAQ,EAAE,EAAE;YACpC,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAC1B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAe,CAAC,CAAC;QAC7C,CAAC,CAAC;QAEF;;WAEG;QACK,qBAAgB,GAAG,GAAG,EAAE;YAC9B,IAAI,aAAa,GAAG,YAAY,CAAC;YAEjC,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;gBAC1B,aAAa,IAAI,oBAAoB,CAAC;YACxC,CAAC;YACD,IAAI,IAAI,CAAC,aAAa,KAAK,SAAS,EAAE,CAAC;gBACrC,aAAa,IAAI,sBAAsB,CAAC;YAC1C,CAAC;YACD,OAAO,aAAa,CAAC;QACvB,CAAC,CAAC;;uBAvEgB,KAAK;wBAKH,KAAK;;;uBAeN,KAAK;;;wBAeJ,KAAK;oBAMY,UAAU;;;IAgC/C,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,mBAAiB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;YAChF,kFACoB,iBAAiB,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,kBACzE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC/C,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAC,mBAAmB,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,IAAI,CAAC,WAAW,EACpB,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAC9C,QAAQ,EAAE,IAAI,CAAC,cAAc,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB;YACF,EAAC,QAAQ,qDAAC,UAAU,EAAC,mBAAmB,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,GAAI;YACvF,IAAI,CAAC,aAAa;gBACjB,4DACE,KAAK,EAAE,qBAAqB,EAC5B,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,IAExC,IAAI,CAAC,aAAa,CACf;YAEP,IAAI,CAAC,YAAY;gBAChB,4DACE,KAAK,EAAE,gDAAgD,EACvD,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,eAC9B,WAAW,IAEpB,IAAI,CAAC,YAAY,CACd,CAEH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, EventEmitter, Host, h, Prop } from '@stencil/core';\nimport { assignDescription, messageId } from '../../utils/form';\nimport { PdsLabel } from '../_internal/pds-label/pds-label';\n\n@Component({\n  tag: 'pds-switch',\n  styleUrl: 'pds-switch.scss',\n  shadow: true,\n})\nexport class PdsSwitch {\n  @Element() el: HTMLPdsSwitchElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Determines the input 'checked' state\n   */\n  @Prop() checked = false;\n\n  /**\n   * Determines the input 'disabled' state, preventing user interaction\n   */\n  @Prop() disabled? = false;\n\n  /**\n   * Displays message text describing an invalid state\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Displays help text for additional description of an input\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * Determines the input 'invalid' state, signifying an error is present\n   */\n  @Prop() invalid? = false;\n\n  /**\n   * Displays text to describe the input\n   */\n  @Prop() label!: string;\n\n  /**\n   * Identifies form data and unifies a group of radio inputs for toggling a single property/value\n   */\n  @Prop() name: string;\n\n  /**\n   * Determines the 'required' state of the input\n   */\n  @Prop() required? = false;\n\n  /**\n   * Specifies the underlying input element type\n   * @defaultValue 'checkbox'\n   */\n  @Prop() type: 'checkbox' | 'radio' = 'checkbox';\n\n  /**\n   * Provides input with a string submitted in form data, and can be used to distinguish radio inputs\n   */\n  @Prop() value: string;\n\n  /**\n   * Emits an event on input change\n  */\n  @Event() pdsSwitchChange: EventEmitter<InputEvent>;\n\n  private onSwitchUpdate = (e: Event) => {\n    if (this.disabled) return;\n    this.pdsSwitchChange.emit(e as InputEvent);\n  };\n\n  /**\n   * Generate switch classes\n   */\n  private switchClassNames = () => {\n    let switchClasses = `pds-switch`;\n\n    if (this.invalid === true) {\n      switchClasses += \" pds-switch--error\";\n    }\n    if (this.helperMessage !== undefined) {\n      switchClasses += \" pds-switch--message\";\n    }\n    return switchClasses;\n  };\n\n  render() {\n    return (\n      <Host class={this.switchClassNames()} aria-disabled={this.disabled ? 'true' : null}>\n        <input\n          aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n          aria-invalid={this.invalid ? \"true\" : undefined}\n          checked={this.checked}\n          class=\"pds-switch__input\"\n          disabled={this.disabled}\n          id={this.componentId}\n          name={this.name ? this.name : this.componentId}\n          onChange={this.onSwitchUpdate}\n          required={this.required}\n          type={this.type}\n          value={this.value}\n        />\n        <PdsLabel classNames=\"pds-switch__label\" htmlFor={this.componentId} text={this.label} />\n        {this.helperMessage &&\n          <div\n            class={`pds-switch__message`}\n            id={messageId(this.componentId, 'helper')}\n          >\n            {this.helperMessage}\n          </div>\n        }\n        {this.errorMessage &&\n          <div\n            class={`pds-switch__message pds-switch__message--error`}\n            id={messageId(this.componentId, 'error')}\n            aria-live=\"assertive\"\n          >\n            {this.errorMessage}\n          </div>\n        }\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/pds-switch/stories/pds-switch.stories.js

@@ -1,102 +0,0 @@
-import { html } from 'lit';
-import { extractArgTypes } from '@pxtrn/storybook-addon-docs-stencil';
-import { withActions } from '@storybook/addon-actions/decorator';
-
-export default {
-  args: {
-    disabled: false,
-    required: false,
-  },
-  argTypes: extractArgTypes('pds-switch'),
-  component: 'pds-switch',
-  decorators: [withActions],
-  parameters: {
-    actions: {
-      handles: ['onchange', 'pdsSwitchChange'],
-    },
-  },
-  title: 'components/Switch',
-}
-
-const BaseTemplate = (args) => html`
-  <pds-switch
-    checked=${args.checked}
-    component-id=${args.componentId}
-    disabled=${args.disabled}
-    error-message=${args.errorMessage}
-    helper-message=${args.helperMessage}
-    invalid=${args.invalid}
-    label=${args.label}
-    name=${args.name}
-    onChange=${args.onChange}
-    required=${args.required}
-    type=${args.type}
-  />
-`;
-
-export const Default = BaseTemplate.bind({});
-
-Default.args = {
-  checked: false,
-  disabled: false,
-  componentId: 'pds-switch-checkbox-example',
-  invalid: false,
-  label: 'checkbox switch',
-  name: 'pds-switch-checkbox',
-  required: false,
-  type: 'checkbox',
-};
-
-export const Radio = BaseTemplate.bind({});
-
-Radio.args = {
-  checked: false,
-  disabled: false,
-  componentId: 'pds-switch-radio-example',
-  invalid: false,
-  label: 'radio switch',
-  name: 'pds-switch-radio',
-  required: false,
-  type: 'radio',
-};
-
-export const Disabled = BaseTemplate.bind({});
-
-Disabled.args = {
-  checked: false,
-  disabled: true,
-  componentId: 'pds-switch-disabled-example',
-  invalid: false,
-  label: 'Can\'t touch this',
-  name: 'pds-switch-disabled',
-  required: false,
-  type: 'checkbox',
-};
-
-export const HelperMessage = BaseTemplate.bind({});
-
-HelperMessage.args = {
-  checked: true,
-  disabled: false,
-  componentId: 'pds-switch-helper-example',
-  helperMessage: 'Save my login details for next time.',
-  invalid: false,
-  label: 'Remember me!',
-  name: 'pds-switch-message',
-  required: false,
-  type: 'checkbox',
-};
-
-export const Invalid = BaseTemplate.bind({});
-
-Invalid.args = {
-  checked: false,
-  disabled: false,
-  componentId: 'pds-switch-invalid-example',
-  errorMessage: 'Terms and conditions must be accepted to continue',
-  invalid: true,
-  label: 'I agree to the terms and conditions',
-  name: 'pds-switch-invalid',
-  required: true,
-  type: 'checkbox',
-};

package/dist/collection/components/pds-table/pds-table-body/pds-table-body.css

@@ -1,5 +0,0 @@
-:host {
-  border-color: inherit;
-  display: table-row-group;
-  vertical-align: middle;
-}

package/dist/collection/components/pds-table/pds-table-body/pds-table-body.js

@@ -1,19 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class PdsTableBody {
-    render() {
-        return (h(Host, { key: '53ae547e27857b0e8e11adcbab634979555b37ab', role: "rowgroup" }, h("slot", { key: 'ba94c5332cdb944a36eecfd8f16c63e1fd0c0c0c' })));
-    }
-    static get is() { return "pds-table-body"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["pds-table-body.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["pds-table-body.css"]
-        };
-    }
-}
-//# sourceMappingURL=pds-table-body.js.map

package/dist/collection/components/pds-table/pds-table-body/pds-table-body.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pds-table-body.js","sourceRoot":"","sources":["../../../../src/components/pds-table/pds-table-body/pds-table-body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,YAAY;IAEvB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU;YACnB,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'pds-table-body',\n  styleUrl: 'pds-table-body.scss',\n  shadow: true,\n})\nexport class PdsTableBody {\n\n  render() {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/pds-table/pds-table-cell/pds-table-cell.css

@@ -1,45 +0,0 @@
-:host {
-  --box-shadow-fixed: 3px 3px 6px -2px rgba(0, 0, 0, 0.2);
-  --color-background-fixed: var(--pine-color-white);
-  --color-cell-default: var(--pine-color-charcoal-200);
-  --dimension-fixed-cell-position: 0;
-  --dimension-max-width-truncated: 100px;
-  --font-size-cell-default: var(--pine-font-size-087);
-  --number-fixed-column-index: 0;
-  --spacing-line-height-cell-default: var(--pine-line-height-125);
-  --spacing-padding-cell-default: calc(var(--pine-spacing-300) / 2);
-  --spacing-padding-compact: var(--pine-spacing-050);
-  color: var(--color-cell-default);
-  display: table-cell;
-  font-size: var(--font-size-cell-default);
-  line-height: var(--spacing-line-height-cell-default);
-  padding: var(--spacing-padding-cell-default);
-  vertical-align: inherit;
-}
-
-:host(.is-compact) {
-  padding-block: var(--spacing-padding-compact);
-}
-
-:host(.is-fixed) {
-  background: var(--color-background-fixed);
-  left: var(--dimension-fixed-cell-position);
-  position: sticky;
-  z-index: 1;
-}
-
-:host(.has-scrolled.is-fixed) {
-  box-shadow: var(--box-shadow-fixed);
-}
-
-:host(.is-truncated) {
-  max-width: var(--dimension-max-width-truncated);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-:host(.has-checkbox) {
-  vertical-align: middle;
-  width: 16px;
-}

package/dist/collection/components/pds-table/pds-table-cell/pds-table-cell.js

@@ -1,83 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class PdsTableCell {
-    constructor() {
-        this.handleScroll = () => {
-            if (this.tableRef.scrollLeft > 0) {
-                this.tableScrolling = true;
-            }
-            else {
-                this.tableScrolling = false;
-            }
-        };
-        this.truncate = undefined;
-        this.tableScrolling = false;
-    }
-    componentWillRender() {
-        this.tableRef = this.hostElement.closest('pds-table');
-    }
-    componentDidLoad() {
-        if (this.tableRef && this.tableRef.responsive && this.tableRef.fixedColumn) {
-            this.tableRef.addEventListener('scroll', this.handleScroll);
-        }
-    }
-    classNames() {
-        const classNames = [];
-        if (this.tableRef && this.tableRef.compact) {
-            classNames.push('is-compact');
-        }
-        if (this.truncate) {
-            classNames.push('is-truncated');
-        }
-        if (this.tableRef && this.tableRef.fixedColumn && this.tableScrolling) {
-            classNames.push('has-scrolled');
-        }
-        return classNames.join(' ');
-    }
-    render() {
-        return (h(Host, { key: '91ed20b4338792e6d72834d81d966c154fa2bc6d', class: this.classNames(), role: "gridcell", style: this.tableRef &&
-                this.tableRef.fixedColumn &&
-                this.tableRef.selectable
-                ? { '--fixed-cell-position': '40px' }
-                : {} }, h("slot", { key: '40dafc4697ba077a121979b604100107f51e9ff1' })));
-    }
-    static get is() { return "pds-table-cell"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["pds-table-cell.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["pds-table-cell.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "truncate": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Truncates content to a max width of 100px and adds an ellipsis."
-                },
-                "attribute": "truncate",
-                "reflect": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "tableScrolling": {}
-        };
-    }
-    static get elementRef() { return "hostElement"; }
-}
-//# sourceMappingURL=pds-table-cell.js.map