@odx/foundation 0.1.0-alpha.2 → 0.1.0-alpha.21

package/dist/components/format/relative-time.component.js

@@ -0,0 +1,80 @@
+import { parseDate, optionalAttr, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { FormatComponent } from './format.component.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _syncInterval, _OdxRelativeTimeComponent_instances, setupSyncInterval_fn;
+let OdxRelativeTimeComponent = class extends FormatComponent {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _OdxRelativeTimeComponent_instances);
+    __privateAdd(this, _syncInterval);
+    this.value = Date.now();
+    this.syncInterval = null;
+  }
+  get valueAsDate() {
+    if (this.value === null || this.value === void 0) {
+      return null;
+    }
+    return parseDate(this.value);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    clearInterval(__privateGet(this, _syncInterval));
+  }
+  willUpdate(props) {
+    super.willUpdate?.(props);
+    if (props.has("syncInterval")) {
+      __privateMethod(this, _OdxRelativeTimeComponent_instances, setupSyncInterval_fn).call(this);
+    }
+  }
+  transform(value) {
+    const relativeTime = this.formatRelativeTime(value, { style: this.format, numeric: this.numeric, minUnit: this.minUnit });
+    return html`<time datetime=${optionalAttr(this.valueAsDate?.toISOString())}>${relativeTime}</time>`;
+  }
+};
+_syncInterval = new WeakMap();
+_OdxRelativeTimeComponent_instances = new WeakSet();
+setupSyncInterval_fn = function() {
+  clearInterval(__privateGet(this, _syncInterval));
+  if (typeof this.syncInterval !== "number") return;
+  __privateSet(this, _syncInterval, window.setInterval(() => this.requestUpdate(), Math.max(this.syncInterval, 1e3)));
+};
+__decorateClass([
+  property()
+], OdxRelativeTimeComponent.prototype, "value", 2);
+__decorateClass([
+  property()
+], OdxRelativeTimeComponent.prototype, "format", 2);
+__decorateClass([
+  property()
+], OdxRelativeTimeComponent.prototype, "minUnit", 2);
+__decorateClass([
+  property()
+], OdxRelativeTimeComponent.prototype, "numeric", 2);
+__decorateClass([
+  property({ type: Number })
+], OdxRelativeTimeComponent.prototype, "syncInterval", 2);
+OdxRelativeTimeComponent = __decorateClass([
+  customElement("odx-relative-time")
+], OdxRelativeTimeComponent);
+
+export { OdxRelativeTimeComponent };

package/dist/components/header/header-actions.component.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{display:flex;block-size:100%;gap:var(--odx-size-75)}::slotted(odx-separator){--block-space: var(--odx-size-50);--inline-space: 0}";
+
+export { styles as default };

package/dist/components/header/header-actions.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header-actions.component.d.ts","sourceRoot":"","sources":["../../../src/components/header/header-actions.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAG/D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,yBAAyB,CAAC;KACjD;CACF;AAED,qBACa,yBAA0B,SAAQ,aAAa;IACjD,iBAAiB,IAAI,IAAI;CAInC"}
+{"version":3,"file":"header-actions.component.d.ts","sourceRoot":"","sources":["../../../components/header/header-actions.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAG/D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,yBAAyB,CAAC;KACjD;CACF;AAED,qBACa,yBAA0B,SAAQ,aAAa;IACjD,iBAAiB,IAAI,IAAI;CAInC"}

package/dist/components/header/header-actions.component.js

@@ -0,0 +1,22 @@
+import { CustomElement, customElement } from '@odx/foundation';
+import styles from './header-actions.component.css.js';
+
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(result)) || result;
+  return result;
+};
+let OdxHeaderActionsComponent = class extends CustomElement {
+  connectedCallback() {
+    super.connectedCallback?.();
+    this.slot = "actions";
+  }
+};
+OdxHeaderActionsComponent = __decorateClass([
+  customElement("odx-header-actions", [styles])
+], OdxHeaderActionsComponent);
+
+export { OdxHeaderActionsComponent };

package/dist/components/header/header.component.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{display:flex;block-size:var(--odx-size-300);background-color:var(--odx-color-foreground-light);column-gap:var(--odx-size-150);padding-inline:var(--odx-size-150);place-items:center;box-shadow:0 0 0 100vmax var(--odx-color-foreground-light);clip-path:inset(0 -100vmax)}odx-logo{flex:0 0 auto}::slotted(odx-title){width:max-content}::slotted(odx-main-menu-button){margin-inline-end:calc(-1 * var(--odx-size-75))}::slotted(odx-header-actions){margin-inline-start:auto}@media screen and (max-width: 600px){odx-logo{display:none}}";
+
+export { styles as default };

package/dist/components/header/header.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.component.d.ts","sourceRoot":"","sources":["../../../src/components/header/header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAKhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,kBAAkB,CAAC;KAClC;CACF;AAED,qBACa,kBAAmB,SAAQ,aAAa;;IAEnD,OAAO,CAAC,aAAa,CAAuB;IAEnC,iBAAiB,IAAI,IAAI;cAKf,MAAM,IAAI,cAAc;CAiB5C"}
+{"version":3,"file":"header.component.d.ts","sourceRoot":"","sources":["../../../components/header/header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAKhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,kBAAkB,CAAC;KAClC;CACF;AAED,qBACa,kBAAmB,SAAQ,aAAa;;IAEnD,OAAO,CAAC,aAAa,CAAuB;IAEnC,iBAAiB,IAAI,IAAI;cAKf,MAAM,IAAI,cAAc;CAiB5C"}

package/dist/components/header/header.component.js

@@ -0,0 +1,58 @@
+import { CustomElement, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import { queryAssignedElements } from 'lit/decorators.js';
+import styles from './header.component.css.js';
+import { TitleSize } from '../title/title.models.js';
+import { OdxTitleComponent } from '../title/title.component.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var _handleSlotChange;
+let OdxHeaderComponent = class extends CustomElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _handleSlotChange, () => {
+      const [titleElement] = this.titleElements;
+      if (!titleElement) return;
+      titleElement.ariaLevel = "1";
+      titleElement.role = "heading";
+      titleElement.size = TitleSize.XS;
+      titleElement.setAttribute("odxPreventTextOverflow", "true");
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback?.();
+    this.role = "banner";
+  }
+  render() {
+    return html`
+      <slot name="prefix"></slot>
+      <odx-logo size="sm"></odx-logo>
+      <slot @slotchange=${__privateGet(this, _handleSlotChange)}></slot>
+      <slot name="actions"></slot>
+    `;
+  }
+};
+_handleSlotChange = new WeakMap();
+__decorateClass([
+  queryAssignedElements({ selector: OdxTitleComponent.selector, flatten: true })
+], OdxHeaderComponent.prototype, "titleElements", 2);
+OdxHeaderComponent = __decorateClass([
+  customElement("odx-header", [styles])
+], OdxHeaderComponent);
+
+export { OdxHeaderComponent };

package/dist/components/header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/header/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC"}

package/dist/components/headline/headline.component.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{display:block;font-family:var(--odx-typography-font-family-brand);font-size:var(--_font-size);font-weight:var(--odx-typography-font-weight-semibold);line-height:var(--_line-height)}:host([size=\"sm\"]){--_font-size: var(--odx-breakpoint-font-size-display-sm);--_line-height: var(--odx-breakpoint-line-height-display-sm)}:host,:host([size=\"md\"]){--_font-size: var(--odx-breakpoint-font-size-display-md);--_line-height: var(--odx-breakpoint-line-height-display-md)}:host([size=\"lg\"]){--_font-size: var(--odx-breakpoint-font-size-display-lg);--_line-height: var(--odx-breakpoint-line-height-display-lg)}:host([size=\"xl\"]){--_font-size: var(--odx-breakpoint-font-size-display-xl);--_line-height: var(--odx-breakpoint-line-height-display-xl)}";
+
+export { styles as default };

package/dist/components/headline/headline.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headline.component.d.ts","sourceRoot":"","sources":["../../../src/components/headline/headline.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA4C,MAAM,iBAAiB,CAAC;AAC1F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,oBAAoB,CAAC;KACtC;CACF;AAED,qBAEa,oBAAqB,SAAQ,aAAa;IAErD,IAAI,CAAC,EAAE,YAAY,CAAC;cAED,UAAU,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;CAMnE"}
+{"version":3,"file":"headline.component.d.ts","sourceRoot":"","sources":["../../../components/headline/headline.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA4C,MAAM,iBAAiB,CAAC;AAC1F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,oBAAoB,CAAC;KACtC;CACF;AAED,qBAEa,oBAAqB,SAAQ,aAAa;IAErD,IAAI,CAAC,EAAE,YAAY,CAAC;cAED,UAAU,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;CAMnE"}

package/dist/components/headline/headline.component.js

@@ -0,0 +1,31 @@
+import { CustomElement, requestUpdateOnAriaChange, customElement } from '@odx/foundation';
+import { property } from 'lit/decorators.js';
+import styles from './headline.component.css.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let OdxHeadlineComponent = class extends CustomElement {
+  willUpdate(props) {
+    super.willUpdate(props);
+    if (props.has("ariaLevel")) {
+      this.role = this.ariaLevel !== null ? "heading" : null;
+    }
+  }
+};
+__decorateClass([
+  property({ reflect: true })
+], OdxHeadlineComponent.prototype, "size", 2);
+OdxHeadlineComponent = __decorateClass([
+  requestUpdateOnAriaChange(["ariaLevel"]),
+  customElement("odx-headline", [styles])
+], OdxHeadlineComponent);
+
+export { OdxHeadlineComponent };

package/dist/components/headline/headline.models.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headline.models.d.ts","sourceRoot":"","sources":["../../../src/components/headline/headline.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAC5E,eAAO,MAAM,YAAY;;;;;CAKf,CAAC"}
+{"version":3,"file":"headline.models.d.ts","sourceRoot":"","sources":["../../../components/headline/headline.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAC5E,eAAO,MAAM,YAAY;;;;;CAKf,CAAC"}

package/dist/components/headline/headline.models.js

@@ -0,0 +1,8 @@
+const HeadlineSize = {
+  SM: "sm",
+  MD: "md",
+  LG: "lg",
+  XL: "xl"
+};
+
+export { HeadlineSize };

package/dist/components/headline/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/headline/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/headline/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC"}

package/dist/components/icon-button/icon-button.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.component.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,sBAAsB,CAAC;KAC3C;CACF;AAED;;;;;;;;;;;GAWG;AACH,qBACa,sBAAuB,SAAQ,kBAAkB;IAE5D,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;cAEF,aAAa,IAAI,cAAc;CAKnD"}
+{"version":3,"file":"icon-button.component.d.ts","sourceRoot":"","sources":["../../../components/icon-button/icon-button.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,sBAAsB,CAAC;KAC3C;CACF;AAED;;;;;;;;;;;GAWG;AACH,qBACa,sBAAuB,SAAQ,kBAAkB;IAE5D,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;cAEF,aAAa,IAAI,cAAc;CASnD"}

package/dist/components/icon-button/icon-button.component.js

@@ -0,0 +1,35 @@
+import { optionalAttr, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { when } from 'lit/directives/when.js';
+import { OdxButtonComponent } from '../button/button.component.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let OdxIconButtonComponent = class extends OdxButtonComponent {
+  renderContent() {
+    return html`
+      <odx-icon name=${optionalAttr(this.icon)}></odx-icon>
+      <odx-visually-hidden>
+        <slot></slot>
+      </odx-visually-hidden>
+      ${when(this.loading, () => html`<odx-loading-indicator class="spinner"></odx-loading-indicator>`)}
+    `;
+  }
+};
+__decorateClass([
+  property()
+], OdxIconButtonComponent.prototype, "icon", 2);
+OdxIconButtonComponent = __decorateClass([
+  customElement("odx-icon-button")
+], OdxIconButtonComponent);
+
+export { OdxIconButtonComponent };

package/dist/components/icon-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/icon-button/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/dist/components/inline-message/index.d.ts

@@ -0,0 +1,3 @@
+export * from './inline-message.component';
+export * from './inline-message.models';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/inline-message/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/inline-message/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC"}

package/dist/components/inline-message/inline-message.component.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{--_color-background: var(--odx-color-background-main);--_color-foreground: var(--odx-color-foreground);--_color-stroke: var(--odx-color-separator);display:block;padding:var(--odx-size-75);background-color:var(--_color-background);color:var(--_color-foreground);border:var(--odx-border-width-thin) solid var(--_color-stroke);transition:var(--odx-transition-reduced);transition-property:background-color,color,border-color}:host([variant=\"info\"]){--_color-background: var(--odx-palette-blue-10);--_color-stroke: var(--odx-palette-blue-30)}:host([variant=\"danger\"]){--_color-background: var(--odx-palette-red-10);--_color-foreground: var(--odx-palette-red-100);--_color-stroke: var(--odx-palette-red-30)}:host([variant=\"warning\"]){--_color-background: var(--odx-palette-yellow-00);--_color-stroke: var(--odx-palette-yellow-60)}:host([variant=\"success\"]){--_color-background: var(--odx-palette-green-00);--_color-stroke: var(--odx-palette-green-60)}:host(:not([emphasized])){--_color-stroke: var(--odx-palette-transparent)}";
+
+export { styles as default };

package/dist/components/inline-message/inline-message.component.d.ts

@@ -0,0 +1,14 @@
+import { CustomElement } from '@odx/foundation';
+import { TemplateResult } from 'lit';
+import { InlineMessageVariant } from './inline-message.models';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-inline-message': OdxInlineMessageComponent;
+    }
+}
+export declare class OdxInlineMessageComponent extends CustomElement {
+    emphasized: boolean;
+    variant?: InlineMessageVariant;
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=inline-message.component.d.ts.map

package/dist/components/inline-message/inline-message.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-message.component.d.ts","sourceRoot":"","sources":["../../../components/inline-message/inline-message.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,yBAAyB,CAAC;KACjD;CACF;AAED,qBACa,yBAA0B,SAAQ,aAAa;IAE1D,UAAU,UAAS;IAGnB,OAAO,CAAC,EAAE,oBAAoB,CAAC;cAEZ,MAAM,IAAI,cAAc;CAO5C"}

package/dist/components/inline-message/inline-message.component.js

@@ -0,0 +1,39 @@
+import { CustomElement, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import styles from './inline-message.component.css.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let OdxInlineMessageComponent = class extends CustomElement {
+  constructor() {
+    super(...arguments);
+    this.emphasized = false;
+  }
+  render() {
+    return html`
+      <odx-text size="sm">
+        <slot></slot>
+      </odx-text>
+    `;
+  }
+};
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], OdxInlineMessageComponent.prototype, "emphasized", 2);
+__decorateClass([
+  property({ reflect: true })
+], OdxInlineMessageComponent.prototype, "variant", 2);
+OdxInlineMessageComponent = __decorateClass([
+  customElement("odx-inline-message", [styles])
+], OdxInlineMessageComponent);
+
+export { OdxInlineMessageComponent };

package/dist/{elements/inline-message/models/inline-message-variant.d.ts → components/inline-message/inline-message.models.d.ts}

@@ -1,10 +1,9 @@
 export type InlineMessageVariant = (typeof InlineMessageVariant)[keyof typeof InlineMessageVariant];
 export declare const InlineMessageVariant: {
     NEUTRAL: string;
-    PRIMARY: string;
-    ACCENT: string;
-    SUCCESS: string;
-    WARNING: string;
+    INFO: string;
     DANGER: string;
+    WARNING: string;
+    SUCCESS: string;
 };
-//# sourceMappingURL=inline-message-variant.d.ts.map
+//# sourceMappingURL=inline-message.models.d.ts.map

package/dist/components/inline-message/inline-message.models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-message.models.d.ts","sourceRoot":"","sources":["../../../components/inline-message/inline-message.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AACpG,eAAO,MAAM,oBAAoB;;;;;;CAMhC,CAAC"}

package/dist/components/inline-message/inline-message.models.js

@@ -0,0 +1,9 @@
+const InlineMessageVariant = {
+  NEUTRAL: "neutral",
+  INFO: "info",
+  DANGER: "danger",
+  WARNING: "warning",
+  SUCCESS: "success"
+};
+
+export { InlineMessageVariant };

package/dist/components/link/base-link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-link.d.ts","sourceRoot":"","sources":["../../../src/components/link/base-link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,QAAQ,EAAE,aAAa,EAAE,aAAa,EAA2C,MAAM,iBAAiB,CAAC;AAC7I,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;;AAIhD,qBAAa,QAAS,SAAQ,aAA4B;IAKxD,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAGF,QAAQ,CAAC,kBAAkB,EAAG,iBAAiB,GAAG,iBAAiB,CAAC;IAGpE,IAAI,SAAM;IAGV,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,EAAE,CAAM;IAG1D,GAAG,SAAyB;IAG5B,QAAQ,CAAC,EAAE,MAAM,CAAC;cAEC,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,GAAG,cAAc;IAoB1D,SAAS,CAAC,aAAa,IAAI,cAAc;CAG1C"}
+{"version":3,"file":"base-link.d.ts","sourceRoot":"","sources":["../../../components/link/base-link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,QAAQ,EAAE,aAAa,EAAE,aAAa,EAA2C,MAAM,iBAAiB,CAAC;AAC7I,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;;AAIhD,qBAAa,QAAS,SAAQ,aAA4B;IAKxD,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAGF,QAAQ,CAAC,kBAAkB,EAAG,iBAAiB,GAAG,iBAAiB,CAAC;IAGpE,IAAI,SAAM;IAGV,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,EAAE,CAAM;IAG1D,GAAG,SAAyB;IAG5B,QAAQ,CAAC,EAAE,MAAM,CAAC;cAEC,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,GAAG,cAAc;IAoB1D,SAAS,CAAC,aAAa,IAAI,cAAc;CAG1C"}

package/dist/{base-link-CvZZE13a.js → components/link/base-link.js}

@@ -66,4 +66,4 @@ __decorateClass([
   property()
 ], BaseLink.prototype, "download");
 
-export { BaseLink as B };
+export { BaseLink };

package/dist/components/link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/link/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/link/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}

package/dist/components/link/link.component.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{--_color-foreground: var(--odx-palette-blue-50);display:inline;text-decoration:underline}:host(:focus-visible){outline:none}:host::part(anchor){padding-inline:calc(1 / 24 * 1rem);transition:var(--odx-transition-reduced);color:var(--_color-foreground);text-decoration:inherit;outline:var(--odx-focus-ring-outline);outline-offset:var(--odx-focus-ring-offset);border-radius:var(--odx-border-radius-controls)}:host::part(anchor):hover{--_color-foreground: var(--odx-palette-blue-80)}:host::part(anchor):focus-visible{outline-color:var(--odx-focus-ring-color)}:host([emphasized]){--_color-foreground: var(--odx-color-foreground);font-weight:var(--odx-typography-font-weight-medium)}:host([aria-disabled=\"true\"]),:host([subtle]:not(:hover)){text-decoration:none}:host([aria-disabled=\"true\"])::part(anchor){--_color-foreground: var(--odx-palette-coolgray-40);cursor:default}";
+
+export { styles as default };

package/dist/components/link/link.component.d.ts

@@ -5,6 +5,7 @@ declare global {
     }
 }
 export declare class OdxLinkComponent extends BaseLink {
+    emphasized: boolean;
     subtle: boolean;
 }
 //# sourceMappingURL=link.component.d.ts.map

package/dist/components/link/link.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.component.d.ts","sourceRoot":"","sources":["../../../src/components/link/link.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF;AAED,qBACa,gBAAiB,SAAQ,QAAQ;IAE5C,MAAM,UAAS;CAChB"}
+{"version":3,"file":"link.component.d.ts","sourceRoot":"","sources":["../../../components/link/link.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF;AAED,qBACa,gBAAiB,SAAQ,QAAQ;IAE5C,UAAU,UAAS;IAGnB,MAAM,UAAS;CAChB"}

package/dist/components/link/link.component.js

@@ -0,0 +1,33 @@
+import { customElement } from '@odx/foundation';
+import { property } from 'lit/decorators.js';
+import { BaseLink } from './base-link.js';
+import styles from './link.component.css.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let OdxLinkComponent = class extends BaseLink {
+  constructor() {
+    super(...arguments);
+    this.emphasized = false;
+    this.subtle = false;
+  }
+};
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], OdxLinkComponent.prototype, "emphasized", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], OdxLinkComponent.prototype, "subtle", 2);
+OdxLinkComponent = __decorateClass([
+  customElement("odx-link", [styles])
+], OdxLinkComponent);
+
+export { OdxLinkComponent };

package/dist/components/list/index.d.ts

@@ -0,0 +1,3 @@
+export * from './list-item.component';
+export * from './list.component';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/list/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC"}

package/dist/components/list/list-item.component.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{display:flex;flex-direction:column;padding:var(--odx-size-75);border-block-end:var(--odx-border-sm)}";
+
+export { styles as default };

package/dist/components/list/list-item.component.d.ts

@@ -0,0 +1,11 @@
+import { TemplateResult } from 'lit';
+import { BaseLink } from '../link';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-list-item': OdxListItemComponent;
+    }
+}
+export declare class OdxListItemComponent extends BaseLink {
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=list-item.component.d.ts.map

package/dist/components/list/list-item.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.component.d.ts","sourceRoot":"","sources":["../../../components/list/list-item.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGnC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,oBAAoB,CAAC;KACvC;CACF;AAED,qBACa,oBAAqB,SAAQ,QAAQ;cAC7B,MAAM,IAAI,cAAc;CAW5C"}

package/dist/components/list/list-item.component.js

@@ -0,0 +1,32 @@
+import { customElement } from '@odx/foundation';
+import { html } from 'lit';
+import { when } from 'lit/directives/when.js';
+import styles from './list-item.component.css.js';
+import { BaseLink } from '../link/base-link.js';
+
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(result)) || result;
+  return result;
+};
+let OdxListItemComponent = class extends BaseLink {
+  render() {
+    return html`
+      <slot name="start"></slot>
+      ${when(
+      this.href,
+      () => super.render(),
+      () => html`<slot></slot>`
+    )}
+      <slot name="end"></slot>
+    `;
+  }
+};
+OdxListItemComponent = __decorateClass([
+  customElement("odx-list-item", [styles])
+], OdxListItemComponent);
+
+export { OdxListItemComponent };

package/dist/components/list/list.component.css.js

@@ -0,0 +1,3 @@
+const styles = "";
+
+export { styles as default };

package/dist/{elements/list/list.element.d.ts → components/list/list.component.d.ts}

@@ -2,10 +2,10 @@ import { CustomElement } from '@odx/foundation';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-list': OdxListElement;
+        'odx-list': OdxListComponent;
     }
 }
-export declare class OdxListElement extends CustomElement {
+export declare class OdxListComponent extends CustomElement {
     protected render(): TemplateResult;
 }
-//# sourceMappingURL=list.element.d.ts.map
+//# sourceMappingURL=list.component.d.ts.map

package/dist/components/list/list.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.component.d.ts","sourceRoot":"","sources":["../../../components/list/list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAChD,OAAO,uBAAuB,CAAC;AAG/B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF;AAED,qBACa,gBAAiB,SAAQ,aAAa;cAC9B,MAAM,IAAI,cAAc;CAK5C"}

package/dist/components/list/list.component.js

@@ -0,0 +1,24 @@
+import { CustomElement, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import styles from './list.component.css.js';
+
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(result)) || result;
+  return result;
+};
+let OdxListComponent = class extends CustomElement {
+  render() {
+    return html`
+      <slot></slot>
+    `;
+  }
+};
+OdxListComponent = __decorateClass([
+  customElement("odx-list", [styles])
+], OdxListComponent);
+
+export { OdxListComponent };

package/dist/components/loading-indicator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/loading-indicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/loading-indicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC"}

package/dist/components/loading-indicator/loading-indicator.component.css.js

@@ -0,0 +1,3 @@
+const styles = "@keyframes loading-indicator-entry-animation{0%{opacity:0}to{opacity:1}}@keyframes loading-indicator-animation{0%,75%,to{transform:scale(.667);opacity:.5}50%{transform:scale(1);opacity:1;background-color:currentColor}}:host{--_animation-timing-function: cubic-bezier(.96, .21, .41, .76);--_animation-duration: 1.25s;--_animation-delay: 0s;--_size: var(--odx-size-75);--_space: var(--odx-size-37);display:flex;place-content:center;place-items:center;color:currentColor;gap:calc(var(--_space) / 2);padding:var(--_space);animation:loading-indicator-entry-animation .25s linear both}.dot{background-color:currentColor;border-radius:50%;block-size:var(--_size);flex:0 0 var(--_size);z-index:3;animation:loading-indicator-animation var(--_animation-duration) var(--_animation-delay) infinite var(--_animation-timing-function) forwards;&:nth-child(1){--_animation-delay: calc(-1 * var(--_animation-duration) / 6)}&:nth-child(2){--_animation-delay: calc(-1 * var(--_animation-duration) / 12)}&:nth-child(3){--_animation-delay: 0s}}";
+
+export { styles as default };

package/dist/components/loading-indicator/loading-indicator.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading-indicator.component.d.ts","sourceRoot":"","sources":["../../../src/components/loading-indicator/loading-indicator.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,4BAA4B,CAAC;KACvD;CACF;AAED,qBACa,4BAA6B,SAAQ,aAAa;cAC1C,MAAM,IAAI,cAAc;CAO5C"}
+{"version":3,"file":"loading-indicator.component.d.ts","sourceRoot":"","sources":["../../../components/loading-indicator/loading-indicator.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,4BAA4B,CAAC;KACvD;CACF;AAED,qBACa,4BAA6B,SAAQ,aAAa;cAC1C,MAAM,IAAI,cAAc;CAO5C"}