@ukho/admiralty-core 0.0.0

package/dist/collection/components/side-nav/side-nav.css

@@ -0,0 +1,68 @@
+/* Device Sizes - matching layout breakpoints */
+@media (max-width: 1023px) {
+  .desktop-only {
+    display: none;
+  }
+}
+
+@media (min-width: 1024px) {
+  .not-desktop {
+    display: none;
+  }
+}
+
+@media (min-width: 1024px) {
+  .tablet-only {
+    display: none;
+  }
+}
+@media (max-width: 479px) and (min-width: 0px) {
+  .tablet-only {
+    display: none;
+  }
+}
+
+@media (max-width: 479px) and (min-width: 0px) {
+  .tablet-or-desktop {
+    display: none;
+  }
+}
+
+@media (min-width: 1024px) {
+  .phone-or-tablet {
+    display: none;
+  }
+}
+
+@media (min-width: 1024px) {
+  .phone-only {
+    display: none;
+  }
+}
+@media (max-width: 1023px) and (min-width: 480px) {
+  .phone-only {
+    display: none;
+  }
+}
+
+/* Core Palette */
+/* Supporting Palette */
+/* Secondary Palette */
+/* Digital Product Colours */
+/* Utility Colours */
+/* Button Colours */
+/* Primary */
+/* Secondary */
+/* Link Colours */
+/* Nav colours */
+/* Table colours */
+/* Tab colours */
+/* form text input colours */
+/* form textarea colours */
+/* radio button */
+/* checkbox */
+/* code snippet */
+nav.side-nav {
+  display: flex;
+  flex-direction: column;
+}

package/dist/collection/components/side-nav/side-nav.js

@@ -0,0 +1,43 @@
+import { h } from '@stencil/core';
+export class SideNavComponent {
+  constructor() {
+    this.label = undefined;
+  }
+  render() {
+    return (h("nav", { class: "side-nav", "aria-label": this.label }, h("slot", null)));
+  }
+  static get is() { return "admiralty-side-nav"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["side-nav.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["side-nav.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "A label for accessibility purposes to describe what this Side Nav navigation is for\ne.g. Product Menu, Map Tool Menu etc."
+        },
+        "attribute": "label",
+        "reflect": false
+      }
+    };
+  }
+}
+//# sourceMappingURL=side-nav.js.map

package/dist/collection/components/side-nav/side-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-nav.js","sourceRoot":"","sources":["../../../src/components/side-nav/side-nav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,gBAAgB;;;;EAO3B,MAAM;IACJ,OAAO,CACL,WAAK,KAAK,EAAC,UAAU,gBAAa,IAAI,CAAC,KAAK;MAC1C,eAAa,CACT,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-side-nav',\n  styleUrl: 'side-nav.scss',\n  scoped: true,\n})\nexport class SideNavComponent {\n  /**\n   * A label for accessibility purposes to describe what this Side Nav navigation is for\n   * e.g. Product Menu, Map Tool Menu etc.\n   */\n  @Prop() label: string;\n\n  render() {\n    return (\n      <nav class=\"side-nav\" aria-label={this.label}>\n        <slot></slot>\n      </nav>\n    );\n  }\n}\n"]}

package/dist/collection/components/side-nav/side-nav.stories.data.js

@@ -0,0 +1,31 @@
+import { h } from '@stencil/core';
+/**
+ * @internal
+ * Wrapper for the Side Nav + Side Nav Items to demonstrate how
+ * the sideNavItemSelected event can be handled and navActive can be set.
+ */
+export class SideNavWrapperComponent {
+  onSideNavItemSelected(event) {
+    const sideNavItemId = event.detail;
+    const sideNav = this.el.querySelector('admiralty-side-nav');
+    const sideNavItems = sideNav.querySelectorAll('admiralty-side-nav-item');
+    sideNavItems.forEach(sideNavItem => {
+      sideNavItem.navActive = sideNavItem.sideNavItemId === sideNavItemId;
+    });
+  }
+  render() {
+    return (h("div", null, h("slot", null)));
+  }
+  static get is() { return "admiralty-side-nav-wrapper"; }
+  static get elementRef() { return "el"; }
+  static get listeners() {
+    return [{
+        "name": "sideNavItemSelected",
+        "method": "onSideNavItemSelected",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
+}
+//# sourceMappingURL=side-nav.stories.data.js.map

package/dist/collection/components/side-nav/side-nav.stories.data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-nav.stories.data.js","sourceRoot":"","sources":["../../../src/components/side-nav/side-nav.stories.data.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE9D;;;;GAIG;AAKH,MAAM,OAAO,uBAAuB;EAIlC,qBAAqB,CAAC,KAA0B;IAC9C,MAAM,aAAa,GAAW,KAAK,CAAC,MAAM,CAAC;IAC3C,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAC5D,MAAM,YAAY,GAAG,OAAO,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,CAAC;IAEzE,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;MACjC,WAAW,CAAC,SAAS,GAAG,WAAW,CAAC,aAAa,KAAK,aAAa,CAAC;IACtE,CAAC,CAAC,CAAC;EACL,CAAC;EAED,MAAM;IACJ,OAAO,CACL;MACE,eAAa,CACT,CACP,CAAC;EACJ,CAAC;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Listen } from '@stencil/core';\n\n/**\n * @internal\n * Wrapper for the Side Nav + Side Nav Items to demonstrate how\n * the sideNavItemSelected event can be handled and navActive can be set.\n */\n@Component({\n  tag: 'admiralty-side-nav-wrapper',\n  shadow: false,\n})\nexport class SideNavWrapperComponent {\n  @Element() el!: HTMLElement;\n\n  @Listen('sideNavItemSelected')\n  onSideNavItemSelected(event: CustomEvent<string>) {\n    const sideNavItemId: string = event.detail;\n    const sideNav = this.el.querySelector('admiralty-side-nav');\n    const sideNavItems = sideNav.querySelectorAll('admiralty-side-nav-item');\n\n    sideNavItems.forEach(sideNavItem => {\n      sideNavItem.navActive = sideNavItem.sideNavItemId === sideNavItemId;\n    });\n  }\n\n  render() {\n    return (\n      <div>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/side-nav-item/side-nav-item.css

@@ -0,0 +1,90 @@
+/* Device Sizes - matching layout breakpoints */
+@media (max-width: 1023px) {
+  .desktop-only {
+    display: none;
+  }
+}
+
+@media (min-width: 1024px) {
+  .not-desktop {
+    display: none;
+  }
+}
+
+@media (min-width: 1024px) {
+  .tablet-only {
+    display: none;
+  }
+}
+@media (max-width: 479px) and (min-width: 0px) {
+  .tablet-only {
+    display: none;
+  }
+}
+
+@media (max-width: 479px) and (min-width: 0px) {
+  .tablet-or-desktop {
+    display: none;
+  }
+}
+
+@media (min-width: 1024px) {
+  .phone-or-tablet {
+    display: none;
+  }
+}
+
+@media (min-width: 1024px) {
+  .phone-only {
+    display: none;
+  }
+}
+@media (max-width: 1023px) and (min-width: 480px) {
+  .phone-only {
+    display: none;
+  }
+}
+
+/* Core Palette */
+/* Supporting Palette */
+/* Secondary Palette */
+/* Digital Product Colours */
+/* Utility Colours */
+/* Button Colours */
+/* Primary */
+/* Secondary */
+/* Link Colours */
+/* Nav colours */
+/* Table colours */
+/* Tab colours */
+/* form text input colours */
+/* form textarea colours */
+/* radio button */
+/* checkbox */
+/* code snippet */
+a.section {
+  cursor: pointer;
+  padding: 0px 10px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  height: 42px;
+  max-width: fit-content;
+  box-sizing: border-box;
+  user-select: none;
+  text-align: center;
+  text-decoration: none;
+  color: #09315b;
+  font-weight: normal;
+  font-size: 16px;
+}
+a.section:hover {
+  background-color: #f0f0f0;
+}
+a.section:focus {
+  outline-offset: -2px;
+}
+a.section.navActive {
+  background-color: #09315b;
+  color: #ffffff;
+}

package/dist/collection/components/side-nav-item/side-nav-item.js

@@ -0,0 +1,112 @@
+import { h } from '@stencil/core';
+export class SideNavItemComponent {
+  constructor() {
+    this.sideNavItemId = undefined;
+    this.headingTitle = undefined;
+    this.navActive = false;
+  }
+  handleClickAction() {
+    this.emitSideNavItemSelected();
+  }
+  handleKeyUpAction(ev) {
+    if (ev.key === 'Enter') {
+      this.emitSideNavItemSelected();
+    }
+  }
+  emitSideNavItemSelected() {
+    this.sideNavItemSelected.emit(this.sideNavItemId);
+  }
+  render() {
+    return (h("a", { class: {
+        section: true,
+        navActive: this.navActive,
+      }, tabindex: "0", role: "button", onClick: this.handleClickAction.bind(this), onKeyUp: this.handleKeyUpAction.bind(this) }, this.headingTitle));
+  }
+  static get is() { return "admiralty-side-nav-item"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["side-nav-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["side-nav-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "sideNavItemId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "A unique id for this SideNavItem"
+        },
+        "attribute": "side-nav-item-id",
+        "reflect": false
+      },
+      "headingTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The text that is displayed in the SideNavItem"
+        },
+        "attribute": "heading-title",
+        "reflect": false
+      },
+      "navActive": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Represents whether this SideNavItem is 'active'\nand will be styled differently than SideNavItems that are not 'active'.\nThe intent behind the design for SideNav is for there to only be ONE\nSideNavItem that is 'active' per SideNav"
+        },
+        "attribute": "nav-active",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "sideNavItemSelected",
+        "name": "sideNavItemSelected",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "An event emitted when this Side Nav item is selected containing the sideNavItemId"
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }];
+  }
+}
+//# sourceMappingURL=side-nav-item.js.map

package/dist/collection/components/side-nav-item/side-nav-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-nav-item.js","sourceRoot":"","sources":["../../../src/components/side-nav-item/side-nav-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOxE,MAAM,OAAO,oBAAoB;;;;qBAiBF,KAAK;;EAOlC,iBAAiB;IACf,IAAI,CAAC,uBAAuB,EAAE,CAAC;EACjC,CAAC;EAED,iBAAiB,CAAC,EAAiB;IACjC,IAAI,EAAE,CAAC,GAAG,KAAK,OAAO,EAAE;MACtB,IAAI,CAAC,uBAAuB,EAAE,CAAC;KAChC;EACH,CAAC;EAED,uBAAuB;IACrB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;EACpD,CAAC;EAED,MAAM;IACJ,OAAO,CACL,SACE,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,IAAI,CAAC,SAAS;OAC1B,EACD,QAAQ,EAAC,GAAG,EACZ,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAC1C,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,IAEzC,IAAI,CAAC,YAAY,CAChB,CACL,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-side-nav-item',\n  styleUrl: 'side-nav-item.scss',\n  scoped: true,\n})\nexport class SideNavItemComponent {\n  /**\n   * A unique id for this SideNavItem\n   */\n  @Prop() sideNavItemId: string;\n\n  /**\n   * The text that is displayed in the SideNavItem\n   */\n  @Prop() headingTitle: string;\n\n  /**\n   * Represents whether this SideNavItem is 'active'\n   * and will be styled differently than SideNavItems that are not 'active'.\n   * The intent behind the design for SideNav is for there to only be ONE\n   * SideNavItem that is 'active' per SideNav\n   */\n  @Prop() navActive: boolean = false;\n\n  /**\n   * An event emitted when this Side Nav item is selected containing the sideNavItemId\n   */\n  @Event() sideNavItemSelected: EventEmitter<string>;\n\n  handleClickAction() {\n    this.emitSideNavItemSelected();\n  }\n\n  handleKeyUpAction(ev: KeyboardEvent) {\n    if (ev.key === 'Enter') {\n      this.emitSideNavItemSelected();\n    }\n  }\n\n  emitSideNavItemSelected() {\n    this.sideNavItemSelected.emit(this.sideNavItemId);\n  }\n\n  render() {\n    return (\n      <a\n        class={{\n          section: true,\n          navActive: this.navActive,\n        }}\n        tabindex=\"0\"\n        role=\"button\"\n        onClick={this.handleClickAction.bind(this)}\n        onKeyUp={this.handleKeyUpAction.bind(this)}\n      >\n        {this.headingTitle}\n      </a>\n    );\n  }\n}\n"]}

package/dist/collection/components/table/table.css

@@ -0,0 +1,29 @@
+/* Core Palette */
+/* Supporting Palette */
+/* Secondary Palette */
+/* Digital Product Colours */
+/* Utility Colours */
+/* Button Colours */
+/* Primary */
+/* Secondary */
+/* Link Colours */
+/* Nav colours */
+/* Table colours */
+/* Tab colours */
+/* form text input colours */
+/* form textarea colours */
+/* radio button */
+/* checkbox */
+/* code snippet */
+:host {
+  display: table;
+}
+
+caption {
+  font-family: "JohnstonITC", Helvetica, sans-serif;
+  font-size: 30px;
+  font-weight: normal;
+  color: #09315b;
+  margin-bottom: 30px;
+  text-align: left;
+}

package/dist/collection/components/table/table.js

@@ -0,0 +1,47 @@
+import { Host, h } from '@stencil/core';
+/**
+ * Use tables to make information easier for users to scan and compare
+ * @slot - Table elements should be placed in the slot
+ */
+export class Table {
+  constructor() {
+    this.caption = undefined;
+  }
+  render() {
+    return (h(Host, { role: "table" }, this.caption && h("caption", null, this.caption), h("slot", null)));
+  }
+  static get is() { return "admiralty-table"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["table.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["table.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "caption": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "caption",
+        "reflect": false
+      }
+    };
+  }
+}
+//# sourceMappingURL=table.js.map

package/dist/collection/components/table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/components/table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;;GAGG;AAMH,MAAM,OAAO,KAAK;;;;EAGhB,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,IAAI,EAAC,OAAO;MACf,IAAI,CAAC,OAAO,IAAI,mBAAU,IAAI,CAAC,OAAO,CAAW;MAClD,eAAa,CACR,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n/**\n * Use tables to make information easier for users to scan and compare\n * @slot - Table elements should be placed in the slot\n */\n@Component({\n  tag: 'admiralty-table',\n  styleUrl: 'table.scss',\n  scoped: true,\n})\nexport class Table {\n  @Prop() caption: string;\n\n  render() {\n    return (\n      <Host role=\"table\">\n        {this.caption && <caption>{this.caption}</caption>}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,28 @@
+/* Core Palette */
+/* Supporting Palette */
+/* Secondary Palette */
+/* Digital Product Colours */
+/* Utility Colours */
+/* Button Colours */
+/* Primary */
+/* Secondary */
+/* Link Colours */
+/* Nav colours */
+/* Table colours */
+/* Tab colours */
+/* form text input colours */
+/* form textarea colours */
+/* radio button */
+/* checkbox */
+/* code snippet */
+:host {
+  display: table-row-group;
+}
+
+::slotted(:nth-child(odd)) {
+  background-color: #ffffff;
+}
+
+::slotted(:nth-child(even)) {
+  background-color: #eef3f4;
+}

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

@@ -0,0 +1,23 @@
+import { Host, h } from '@stencil/core';
+/**
+ * The table body element is a wrapper for a standard html table body and should be used to wrap rows
+ * @slot - Table rows should be placed in the slot
+ */
+export class TableBody {
+  render() {
+    return (h(Host, { role: "rowgroup" }, h("slot", null)));
+  }
+  static get is() { return "admiralty-table-body"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["table-body.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["table-body.css"]
+    };
+  }
+}
+//# sourceMappingURL=table-body.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-body.js","sourceRoot":"","sources":["../../../src/components/table-body/table-body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEnD;;;GAGG;AAMH,MAAM,OAAO,SAAS;EACpB,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,IAAI,EAAC,UAAU;MACnB,eAAa,CACR,CACR,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n/**\n * The table body element is a wrapper for a standard html table body and should be used to wrap rows\n * @slot - Table rows should be placed in the slot\n */\n@Component({\n  tag: 'admiralty-table-body',\n  styleUrl: 'table-body.scss',\n  scoped: true,\n})\nexport class TableBody {\n  render() {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,28 @@
+/* Core Palette */
+/* Supporting Palette */
+/* Secondary Palette */
+/* Digital Product Colours */
+/* Utility Colours */
+/* Button Colours */
+/* Primary */
+/* Secondary */
+/* Link Colours */
+/* Nav colours */
+/* Table colours */
+/* Tab colours */
+/* form text input colours */
+/* form textarea colours */
+/* radio button */
+/* checkbox */
+/* code snippet */
+:host {
+  display: table-cell;
+  box-sizing: border-box;
+  color: #09315b;
+  font-size: 18px;
+  line-height: 30px;
+  padding: 6px 20px;
+  border-right: 1px solid #d8d8d8;
+  border-bottom: 1px solid #d8d8d8;
+  font-weight: 300;
+}

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

@@ -0,0 +1,23 @@
+import { Host, h } from '@stencil/core';
+/**
+ * The table cell is a wrapper for a standard <td> element and should be used inside of table rows
+ * @slot - The content you wish to display in the table
+ */
+export class TableCell {
+  render() {
+    return (h(Host, { role: "cell" }, h("slot", null)));
+  }
+  static get is() { return "admiralty-table-cell"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["table-cell.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["table-cell.css"]
+    };
+  }
+}
+//# sourceMappingURL=table-cell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell.js","sourceRoot":"","sources":["../../../src/components/table-cell/table-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEnD;;;GAGG;AAMH,MAAM,OAAO,SAAS;EACpB,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,IAAI,EAAC,MAAM;MACf,eAAa,CACR,CACR,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n/**\n * The table cell is a wrapper for a standard <td> element and should be used inside of table rows\n * @slot - The content you wish to display in the table\n */\n@Component({\n  tag: 'admiralty-table-cell',\n  styleUrl: 'table-cell.scss',\n  scoped: true,\n})\nexport class TableCell {\n  render() {\n    return (\n      <Host role=\"cell\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/table-header/table-header.css

@@ -0,0 +1,20 @@
+/* Core Palette */
+/* Supporting Palette */
+/* Secondary Palette */
+/* Digital Product Colours */
+/* Utility Colours */
+/* Button Colours */
+/* Primary */
+/* Secondary */
+/* Link Colours */
+/* Nav colours */
+/* Table colours */
+/* Tab colours */
+/* form text input colours */
+/* form textarea colours */
+/* radio button */
+/* checkbox */
+/* code snippet */
+:host {
+  display: table-header-group;
+}

package/dist/collection/components/table-header/table-header.js

@@ -0,0 +1,23 @@
+import { Host, h } from '@stencil/core';
+/**
+ * The table header should be used inside a table element to give headers to all the columns
+ * @slot - Table header cells should be placed in the slot
+ */
+export class TableHeader {
+  render() {
+    return (h(Host, { role: "rowgroup" }, h("slot", null)));
+  }
+  static get is() { return "admiralty-table-header"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["table-header.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["table-header.css"]
+    };
+  }
+}
+//# sourceMappingURL=table-header.js.map

package/dist/collection/components/table-header/table-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header.js","sourceRoot":"","sources":["../../../src/components/table-header/table-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEnD;;;GAGG;AAMH,MAAM,OAAO,WAAW;EACtB,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,IAAI,EAAC,UAAU;MACnB,eAAa,CACR,CACR,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n/**\n * The table header should be used inside a table element to give headers to all the columns\n * @slot - Table header cells should be placed in the slot\n */\n@Component({\n  tag: 'admiralty-table-header',\n  styleUrl: 'table-header.scss',\n  scoped: true,\n})\nexport class TableHeader {\n  render() {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,27 @@
+/* Core Palette */
+/* Supporting Palette */
+/* Secondary Palette */
+/* Digital Product Colours */
+/* Utility Colours */
+/* Button Colours */
+/* Primary */
+/* Secondary */
+/* Link Colours */
+/* Nav colours */
+/* Table colours */
+/* Tab colours */
+/* form text input colours */
+/* form textarea colours */
+/* radio button */
+/* checkbox */
+/* code snippet */
+:host {
+  display: table-cell;
+  color: #09315b;
+  font-size: 18px;
+  line-height: 30px;
+  padding: 6px 20px;
+  text-align: left;
+  font-weight: normal;
+  border-bottom: 5px solid #09315b;
+}

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

@@ -0,0 +1,23 @@
+import { Host, h } from '@stencil/core';
+/**
+ * The table header cell element is used for showing headings for the columns
+ * @slot - The content you wish to show as part of the header
+ */
+export class TableHeaderCell {
+  render() {
+    return (h(Host, { role: "columnheader" }, h("slot", null)));
+  }
+  static get is() { return "admiralty-table-header-cell"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["table-header-cell.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["table-header-cell.css"]
+    };
+  }
+}
+//# sourceMappingURL=table-header-cell.js.map

package/dist/collection/components/table-header-cell/table-header-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header-cell.js","sourceRoot":"","sources":["../../../src/components/table-header-cell/table-header-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEnD;;;GAGG;AAMH,MAAM,OAAO,eAAe;EAC1B,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,IAAI,EAAC,cAAc;MACvB,eAAa,CACR,CACR,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n/**\n * The table header cell element is used for showing headings for the columns\n * @slot - The content you wish to show as part of the header\n */\n@Component({\n  tag: 'admiralty-table-header-cell',\n  styleUrl: 'table-header-cell.scss',\n  scoped: true,\n})\nexport class TableHeaderCell {\n  render() {\n    return (\n      <Host role=\"columnheader\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}