@uplynk/lynk-design 1.0.0 → 1.1.0

package/cdn/chunks/chunk.22GF3NPI.js

@@ -0,0 +1,27 @@
+import {
+  LynkButton
+} from "./chunk.IWOQDRUZ.js";
+
+// src/react/button/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "lynk-button";
+LynkButton.define("lynk-button");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: LynkButton,
+  react: React,
+  events: {
+    EvBlur: "ev-blur",
+    EvClick: "ev-click",
+    EvFocus: "ev-focus",
+    EvInvalid: "ev-invalid"
+  },
+  displayName: "LynkButton"
+});
+var button_default = reactWrapper;
+
+export {
+  button_default
+};

package/cdn/chunks/chunk.2AVBGGI5.js

@@ -0,0 +1,24 @@
+import {
+  LynkTh
+} from "./chunk.VFY3VUAO.js";
+
+// src/react/th/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "lynk-th";
+LynkTh.define("lynk-th");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: LynkTh,
+  react: React,
+  events: {
+    EvTableSort: "ev-table-sort"
+  },
+  displayName: "LynkTh"
+});
+var th_default = reactWrapper;
+
+export {
+  th_default
+};

package/cdn/chunks/chunk.2ICIYJEO.js

@@ -0,0 +1,11 @@
+import {
+  LynkRadioGroup
+} from "./chunk.5ZG5MCLE.js";
+
+// src/components/radio-group/radio-group.ts
+var radio_group_default = LynkRadioGroup;
+LynkRadioGroup.define("lynk-radio-group");
+
+export {
+  radio_group_default
+};

package/cdn/chunks/chunk.2MCCDHVF.js

@@ -0,0 +1,11 @@
+import {
+  LynkPanel
+} from "./chunk.YSZQSCHU.js";
+
+// src/components/panel/panel.ts
+var panel_default = LynkPanel;
+LynkPanel.define("lynk-panel");
+
+export {
+  panel_default
+};

package/cdn/chunks/chunk.2QINY33W.js

@@ -0,0 +1,21 @@
+import {
+  LynkTable
+} from "./chunk.MWZFX3XS.js";
+
+// src/react/table/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "lynk-table";
+LynkTable.define("lynk-table");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: LynkTable,
+  react: React,
+  events: {},
+  displayName: "LynkTable"
+});
+var table_default = reactWrapper;
+
+export {
+  table_default
+};

package/cdn/chunks/chunk.2RQYWUYE.js

@@ -0,0 +1,11 @@
+import {
+  LynkThead
+} from "./chunk.MPD3RD3N.js";
+
+// src/components/thead/thead.ts
+var thead_default = LynkThead;
+LynkThead.define("lynk-thead");
+
+export {
+  thead_default
+};

package/cdn/chunks/chunk.36YSISJE.js

@@ -0,0 +1,27 @@
+import {
+  LynkTooltip
+} from "./chunk.WIGPCZMX.js";
+
+// src/react/tooltip/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "lynk-tooltip";
+LynkTooltip.define("lynk-tooltip");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: LynkTooltip,
+  react: React,
+  events: {
+    EvShow: "ev-show",
+    EvAfterShow: "ev-after-show",
+    EvHide: "ev-hide",
+    EvAfterHide: "ev-after-hide"
+  },
+  displayName: "LynkTooltip"
+});
+var tooltip_default = reactWrapper;
+
+export {
+  tooltip_default
+};

package/cdn/chunks/chunk.3F7W722K.js

@@ -0,0 +1,21 @@
+import {
+  LynkGrid
+} from "./chunk.AS5SRGJJ.js";
+
+// src/react/grid/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "lynk-grid";
+LynkGrid.define("lynk-grid");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: LynkGrid,
+  react: React,
+  events: {},
+  displayName: "LynkGrid"
+});
+var grid_default = reactWrapper;
+
+export {
+  grid_default
+};

package/cdn/chunks/chunk.3H7R7Y3L.js

@@ -0,0 +1,107 @@
+import {
+  tag_styles_default
+} from "./chunk.64GFVGMW.js";
+import {
+  LynkIconButton
+} from "./chunk.OGK6XKYA.js";
+import {
+  LocalizeController
+} from "./chunk.AFESEORB.js";
+import {
+  e
+} from "./chunk.4VMW2AZ2.js";
+import {
+  LynkElement,
+  n
+} from "./chunk.KEPXMHHO.js";
+import {
+  component_styles_default
+} from "./chunk.V6UNAAZX.js";
+import {
+  x
+} from "./chunk.Z3O73C4R.js";
+import {
+  __decorateClass
+} from "./chunk.W27M6RDR.js";
+
+// src/components/tag/tag.component.ts
+var LynkTag = class extends LynkElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+    this.size = "medium";
+    this.pill = false;
+    this.removable = false;
+    this.pulse = false;
+    this.badge = false;
+  }
+  handleRemoveClick() {
+    this.emit("ev-remove");
+  }
+  render() {
+    return x`
+      <span
+        part="base"
+        class=${e({
+      tag: true,
+      // Types
+      "tag--primary": this.type === "primary",
+      "tag--success": this.type === "success",
+      "tag--neutral": this.type === "neutral",
+      "tag--warning": this.type === "warning",
+      "tag--danger": this.type === "danger",
+      "tag--accent": this.type === "accent",
+      "tag--info": this.type === "info",
+      "tag--text": this.type === "text",
+      // Sizes
+      "tag--small": this.size === "small",
+      "tag--medium": this.size === "medium",
+      "tag--large": this.size === "large",
+      // Modifiers
+      "tag--pill": this.pill,
+      "tag--pulse": this.pulse,
+      "tag--badge": this.badge,
+      "tag--removable": this.removable
+    })}
+      >
+        <slot part="content" class="tag__content"></slot>
+
+        ${this.removable ? x`
+              <lynk-icon-button
+                part="remove-button"
+                exportparts="base:remove-button__base"
+                name="x"
+                library="system"
+                label=${this.localize.term("remove")}
+                class="tag__remove"
+                @click=${this.handleRemoveClick}
+              ></lynk-icon-button>
+            ` : ""}
+      </span>
+    `;
+  }
+};
+LynkTag.styles = [component_styles_default, tag_styles_default];
+LynkTag.dependencies = { "lynk-icon-button": LynkIconButton };
+__decorateClass([
+  n({ reflect: true })
+], LynkTag.prototype, "type", 2);
+__decorateClass([
+  n({ reflect: true })
+], LynkTag.prototype, "size", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], LynkTag.prototype, "pill", 2);
+__decorateClass([
+  n({ type: Boolean })
+], LynkTag.prototype, "removable", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], LynkTag.prototype, "pulse", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], LynkTag.prototype, "badge", 2);
+
+export {
+  LynkTag
+};

package/cdn/chunks/chunk.3NO764TJ.js

@@ -0,0 +1,11 @@
+import {
+  LynkTbody
+} from "./chunk.4S7YYP6J.js";
+
+// src/components/tbody/tbody.ts
+var tbody_default = LynkTbody;
+LynkTbody.define("lynk-tbody");
+
+export {
+  tbody_default
+};

package/cdn/chunks/chunk.3YDGEILV.js

@@ -0,0 +1,28 @@
+import {
+  LynkCheckbox
+} from "./chunk.ZQFP2KO6.js";
+
+// src/react/checkbox/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "lynk-checkbox";
+LynkCheckbox.define("lynk-checkbox");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: LynkCheckbox,
+  react: React,
+  events: {
+    EvBlur: "ev-blur",
+    EvChange: "ev-change",
+    EvFocus: "ev-focus",
+    EvInput: "ev-input",
+    EvInvalid: "ev-invalid"
+  },
+  displayName: "LynkCheckbox"
+});
+var checkbox_default = reactWrapper;
+
+export {
+  checkbox_default
+};

package/cdn/chunks/chunk.43RJGEVY.js

@@ -0,0 +1,46 @@
+import {
+  tr_styles_default
+} from "./chunk.3XRA72WU.js";
+import {
+  LynkElement,
+  n
+} from "./chunk.KEPXMHHO.js";
+import {
+  component_styles_default
+} from "./chunk.V6UNAAZX.js";
+import {
+  x
+} from "./chunk.Z3O73C4R.js";
+import {
+  __decorateClass
+} from "./chunk.W27M6RDR.js";
+
+// src/components/tr/tr.component.ts
+var LynkTr = class extends LynkElement {
+  constructor() {
+    super(...arguments);
+    this.interactive = false;
+    this.active = false;
+    this.pulse = false;
+  }
+  render() {
+    return x` <slot part="base"></slot> `;
+  }
+};
+LynkTr.styles = [component_styles_default, tr_styles_default];
+__decorateClass([
+  n({ reflect: true })
+], LynkTr.prototype, "state", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], LynkTr.prototype, "interactive", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], LynkTr.prototype, "active", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], LynkTr.prototype, "pulse", 2);
+
+export {
+  LynkTr
+};

package/cdn/chunks/chunk.4DKUNXDV.js

@@ -0,0 +1,21 @@
+import {
+  LynkThead
+} from "./chunk.MPD3RD3N.js";
+
+// src/react/thead/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "lynk-thead";
+LynkThead.define("lynk-thead");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: LynkThead,
+  react: React,
+  events: {},
+  displayName: "LynkThead"
+});
+var thead_default = reactWrapper;
+
+export {
+  thead_default
+};

package/cdn/chunks/chunk.4E4SUHPE.js

@@ -0,0 +1,24 @@
+import {
+  LynkTab
+} from "./chunk.Z27H5H2D.js";
+
+// src/react/tab/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "lynk-tab";
+LynkTab.define("lynk-tab");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: LynkTab,
+  react: React,
+  events: {
+    EvClose: "ev-close"
+  },
+  displayName: "LynkTab"
+});
+var tab_default = reactWrapper;
+
+export {
+  tab_default
+};

package/cdn/chunks/chunk.4GUKZQW4.js

@@ -0,0 +1,11 @@
+import {
+  LynkMenuLabel
+} from "./chunk.H5KHWBKS.js";
+
+// src/components/menu-label/menu-label.ts
+var menu_label_default = LynkMenuLabel;
+LynkMenuLabel.define("lynk-menu-label");
+
+export {
+  menu_label_default
+};

package/cdn/chunks/chunk.4H7L7BHK.js

@@ -0,0 +1,21 @@
+import {
+  LynkPageFooter
+} from "./chunk.DFA7J4KC.js";
+
+// src/react/page-footer/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "lynk-page-footer";
+LynkPageFooter.define("lynk-page-footer");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: LynkPageFooter,
+  react: React,
+  events: {},
+  displayName: "LynkPageFooter"
+});
+var page_footer_default = reactWrapper;
+
+export {
+  page_footer_default
+};

package/cdn/chunks/chunk.4JTI3VBQ.js

@@ -0,0 +1,27 @@
+import {
+  LynkPopover
+} from "./chunk.N2OH44CR.js";
+
+// src/react/popover/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "lynk-popover";
+LynkPopover.define("lynk-popover");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: LynkPopover,
+  react: React,
+  events: {
+    EvShow: "ev-show",
+    EvAfterShow: "ev-after-show",
+    EvHide: "ev-hide",
+    EvAfterHide: "ev-after-hide"
+  },
+  displayName: "LynkPopover"
+});
+var popover_default = reactWrapper;
+
+export {
+  popover_default
+};

package/cdn/chunks/chunk.4KCNKZAF.js

@@ -0,0 +1,21 @@
+import {
+  LynkTr
+} from "./chunk.43RJGEVY.js";
+
+// src/react/tr/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "lynk-tr";
+LynkTr.define("lynk-tr");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: LynkTr,
+  react: React,
+  events: {},
+  displayName: "LynkTr"
+});
+var tr_default = reactWrapper;
+
+export {
+  tr_default
+};

package/cdn/chunks/chunk.4NQPSXTL.js

@@ -0,0 +1,11 @@
+import {
+  LynkBreadcrumb
+} from "./chunk.MGIWBNX6.js";
+
+// src/components/breadcrumb/breadcrumb.ts
+var breadcrumb_default = LynkBreadcrumb;
+LynkBreadcrumb.define("lynk-breadcrumb");
+
+export {
+  breadcrumb_default
+};

package/cdn/chunks/chunk.4NYCY6UD.js

@@ -0,0 +1,21 @@
+import {
+  LynkOptgroup
+} from "./chunk.DCL3WIZY.js";
+
+// src/react/optgroup/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "lynk-optgroup";
+LynkOptgroup.define("lynk-optgroup");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: LynkOptgroup,
+  react: React,
+  events: {},
+  displayName: "LynkOptgroup"
+});
+var optgroup_default = reactWrapper;
+
+export {
+  optgroup_default
+};

package/cdn/chunks/chunk.4S7YYP6J.js

@@ -0,0 +1,24 @@
+import {
+  tbody_styles_default
+} from "./chunk.4H6ICGG5.js";
+import {
+  LynkElement
+} from "./chunk.KEPXMHHO.js";
+import {
+  component_styles_default
+} from "./chunk.V6UNAAZX.js";
+import {
+  x
+} from "./chunk.Z3O73C4R.js";
+
+// src/components/tbody/tbody.component.ts
+var LynkTbody = class extends LynkElement {
+  render() {
+    return x` <slot></slot> `;
+  }
+};
+LynkTbody.styles = [component_styles_default, tbody_styles_default];
+
+export {
+  LynkTbody
+};

package/cdn/chunks/chunk.4V6Z6LOK.js

@@ -0,0 +1,36 @@
+import {
+  page_styles_default
+} from "./chunk.DNXWQAWM.js";
+import {
+  LynkElement
+} from "./chunk.KEPXMHHO.js";
+import {
+  component_styles_default
+} from "./chunk.V6UNAAZX.js";
+import {
+  x
+} from "./chunk.Z3O73C4R.js";
+
+// src/components/page/page.component.ts
+var LynkPage = class extends LynkElement {
+  render() {
+    return x`
+      <div part="base" class="page">
+        <slot name="header" part="header" class="page__header"></slot>
+        <slot name="left-sidebar" part="left-sidebar" class="page__left-sidebar"></slot>
+        <slot name="left-inset-sidebar" part="left-inset-sidebar" class="page__left-inset-sidebar"></slot>
+        <div part="main" class="page__main">
+          <slot></slot>
+        </div>
+        <slot name="right-sidebar" part="right-sidebar" class="page__right-sidebar"></slot>
+        <slot name="right-inset-sidebar" part="right-inset-sidebar" class="page__right-inset-sidebar"></slot>
+        <slot name="footer" part="footer" class="page__footer"></slot>
+      </div>
+    `;
+  }
+};
+LynkPage.styles = [component_styles_default, page_styles_default];
+
+export {
+  LynkPage
+};

package/cdn/chunks/chunk.52XLK2B7.js

@@ -0,0 +1,27 @@
+import {
+  LynkPanel
+} from "./chunk.YSZQSCHU.js";
+
+// src/react/panel/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "lynk-panel";
+LynkPanel.define("lynk-panel");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: LynkPanel,
+  react: React,
+  events: {
+    EvExpand: "ev-expand",
+    EvAfterExpand: "ev-after-expand",
+    EvCollapse: "ev-collapse",
+    EvAfterCollapse: "ev-after-collapse"
+  },
+  displayName: "LynkPanel"
+});
+var panel_default = reactWrapper;
+
+export {
+  panel_default
+};