@odx/foundation 0.1.0-alpha.13 → 0.1.0-alpha.14

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

@@ -1 +1 @@
-{"version":3,"file":"switch.component.d.ts","sourceRoot":"","sources":["../../../src/components/switch/switch.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAiB,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,kBAAkB,CAAC;KAClC;CACF;AAED,qBACa,kBAAmB,SAAQ,mBAAmB;IAChD,iBAAiB,IAAI,IAAI;cAKf,MAAM,IAAI,cAAc;CAa5C"}
+{"version":3,"file":"switch.component.d.ts","sourceRoot":"","sources":["../../../components/switch/switch.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAiB,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,kBAAkB,CAAC;KAClC;CACF;AAED,qBACa,kBAAmB,SAAQ,mBAAmB;IAChD,iBAAiB,IAAI,IAAI;cAKf,MAAM,IAAI,cAAc;CAa5C"}

package/dist/components/switch/switch.component.js

@@ -0,0 +1,36 @@
+import { CheckboxFormControl, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import styles from './switch.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 OdxSwitchComponent = class extends CheckboxFormControl {
+  connectedCallback() {
+    super.connectedCallback();
+    this.role = "switch";
+  }
+  render() {
+    return html`
+      <div class="indicator"></div>
+      <div class="content">
+        <div class="label">
+          <slot></slot>
+        </div>
+        <div class="description">
+          <slot name="description"></slot>
+        </div>
+      </div>
+    `;
+  }
+};
+OdxSwitchComponent = __decorateClass([
+  customElement("odx-switch", [styles])
+], OdxSwitchComponent);
+
+export { OdxSwitchComponent };

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

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

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

@@ -0,0 +1,3 @@
+const styles = ":host{display:block;text-decoration:inherit;color:var(--_color, inherit);font-size:var(--_font-size, inherit);line-height:var(--_line-height, inherit);font-weight:var(--_font-weight, inherit)}:host([inline]){display:inline-block}:host([emphasized]:not([emphasized=\"false\"])){--_font-weight: var(--odx-typography-font-weight-medium)}:host([size=\"xs\"]){--_font-size: var(--odx-typography-font-size-1);--_line-height: var(--odx-typography-line-height-1)}:host([size=\"sm\"]){--_font-size: var(--odx-typography-font-size-2);--_line-height: var(--odx-typography-line-height-2)}:host([size=\"md\"]){--_font-size: var(--odx-typography-font-size-3);--_line-height: var(--odx-typography-line-height-3)}";
+
+export { styles as default };

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

@@ -1 +1 @@
-{"version":3,"file":"text.component.d.ts","sourceRoot":"","sources":["../../../src/components/text/text.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAG/D,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE3D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF;AAED,qBACa,gBAAiB,SAAQ,aAAa;IAEjD,UAAU,UAAS;IAGnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAGhB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB"}
+{"version":3,"file":"text.component.d.ts","sourceRoot":"","sources":["../../../components/text/text.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAG/D,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE3D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF;AAED,qBACa,gBAAiB,SAAQ,aAAa;IAEjD,UAAU,UAAS;IAGnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAGhB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB"}

package/dist/components/text/text.component.js

@@ -0,0 +1,34 @@
+import { CustomElement, customElement } from '@odx/foundation';
+import { property } from 'lit/decorators.js';
+import styles from './text.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 OdxTextComponent = class extends CustomElement {
+  constructor() {
+    super(...arguments);
+    this.emphasized = false;
+  }
+};
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], OdxTextComponent.prototype, "emphasized", 2);
+__decorateClass([
+  property({ reflect: true })
+], OdxTextComponent.prototype, "size", 2);
+__decorateClass([
+  property({ reflect: true })
+], OdxTextComponent.prototype, "variant", 2);
+OdxTextComponent = __decorateClass([
+  customElement("odx-text", [styles])
+], OdxTextComponent);
+
+export { OdxTextComponent };

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

@@ -1 +1 @@
-{"version":3,"file":"text.models.d.ts","sourceRoot":"","sources":["../../../src/components/text/text.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAC;AAChE,eAAO,MAAM,QAAQ;;;;CAIX,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AACzE,eAAO,MAAM,WAAW;;;;CAId,CAAC"}
+{"version":3,"file":"text.models.d.ts","sourceRoot":"","sources":["../../../components/text/text.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAC;AAChE,eAAO,MAAM,QAAQ;;;;CAIX,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AACzE,eAAO,MAAM,WAAW;;;;CAId,CAAC"}

package/dist/components/text/text.models.js

@@ -0,0 +1,12 @@
+const TextSize = {
+  XS: "xs",
+  SM: "sm",
+  MD: "md"
+};
+const TextVariant = {
+  HINT: "hint",
+  ACCENT: "info",
+  DANGER: "danger"
+};
+
+export { TextSize, TextVariant };

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

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

package/dist/components/title/title.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(--_font-weight);line-height:var(--_line-height);color:inherit}:host,:host([size=\"xs\"]){--_font-size: var(--odx-breakpoint-font-size-heading-6);--_font-weight: var(--odx-typography-font-weight-semibold);--_line-height: var(--odx-breakpoint-line-height-heading-6)}:host([size=\"sm\"]){--_font-size: var(--odx-breakpoint-font-size-heading-5);--_font-weight: var(--odx-typography-font-weight-semibold);--_line-height: var(--odx-breakpoint-line-height-heading-5)}:host([size=\"md\"]){--_font-size: var(--odx-breakpoint-font-size-heading-4);--_font-weight: var(--odx-typography-font-weight-semibold);--_line-height: var(--odx-breakpoint-line-height-heading-4)}:host([size=\"lg\"]){--_font-size: var(--odx-breakpoint-font-size-heading-3);--_font-weight: var(--odx-typography-font-weight-semibold);--_line-height: var(--odx-breakpoint-line-height-heading-3)}:host([size=\"xl\"]){--_font-size: var(--odx-breakpoint-font-size-heading-2);--_font-weight: var(--odx-typography-font-weight-semibold);--_line-height: var(--odx-breakpoint-line-height-heading-2)}:host([size=\"xxl\"]){--_font-size: var(--odx-breakpoint-font-size-heading-1);--_font-weight: var(--odx-typography-font-weight-semibold);--_line-height: var(--odx-breakpoint-line-height-heading-1)}";
+
+export { styles as default };

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

@@ -1 +1 @@
-{"version":3,"file":"title.component.d.ts","sourceRoot":"","sources":["../../../src/components/title/title.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,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,iBAAiB,CAAC;KAChC;CACF;AAED,qBAEa,iBAAkB,SAAQ,aAAa;IAElD,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;cAEL,UAAU,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;CAMnE"}
+{"version":3,"file":"title.component.d.ts","sourceRoot":"","sources":["../../../components/title/title.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,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,iBAAiB,CAAC;KAChC;CACF;AAED,qBAEa,iBAAkB,SAAQ,aAAa;IAElD,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;cAEL,UAAU,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;CAMnE"}

package/dist/components/title/title.component.js

@@ -0,0 +1,31 @@
+import { CustomElement, requestUpdateOnAriaChange, customElement } from '@odx/foundation';
+import { property } from 'lit/decorators.js';
+import styles from './title.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 OdxTitleComponent = class extends CustomElement {
+  willUpdate(props) {
+    super.willUpdate(props);
+    if (props.has("ariaLevel")) {
+      this.role = this.ariaLevel !== null ? "heading" : null;
+    }
+  }
+};
+__decorateClass([
+  property({ reflect: true })
+], OdxTitleComponent.prototype, "size", 2);
+OdxTitleComponent = __decorateClass([
+  requestUpdateOnAriaChange(["ariaLevel"]),
+  customElement("odx-title", [styles])
+], OdxTitleComponent);
+
+export { OdxTitleComponent };

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

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

package/dist/components/title/title.models.js

@@ -0,0 +1,10 @@
+const TitleSize = {
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg",
+  XL: "xl",
+  XXL: "xxl"
+};
+
+export { TitleSize };

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

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

package/dist/components/toggle-button/toggle-button.component.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{--_border-radius: var(--odx-border-radius-sm);--_color-background: transparent;--_color-stroke: var(--odx-color-selection-control-stroke);--_color-foreground: var(--odx-color-foreground);--_size: var(--odx-size-225);--_padding-inline: var(--odx-size-75);display:inline-flex;cursor:pointer;user-select:none;position:relative;border:var(--odx-border-width-thin) solid var(--_color-stroke);border-radius:var(--odx-border-radius-controls);padding-inline:var(--_padding-inline);margin:var(--odx-size-37);transition:var(--odx-transition-default);transition-property:color,background-color,border-color,outline-color;background-color:var(--_color-background);outline-color:var(--_color-stroke);block-size:var(--_size);place-items:center;color:var(--_color-foreground);font-weight:var(--odx-typography-font-weight-medium);outline:var(--odx-focus-ring-outline);outline-offset:var(--odx-focus-ring-offset)}:host::part(label){display:inline-block}:host(:empty)::part(content){display:none}:host(:hover){--_color-background: var(--odx-color-selection-control-fill-hover);--_color-stroke: var(--odx-color-selection-control-stroke-hover)}:host(:focus-visible){outline-color:var(--odx-focus-ring-color)}:host([aria-pressed=\"true\"]){--_color-background: var(--odx-color-selection-control-fill-selected);--_color-foreground: var(--odx-color-foreground-light);--_color-stroke: var(--odx-color-selection-control-stroke-selected)}:host([aria-pressed=\"true\"]:not(:is([aria-readonly],[aria-disabled])):hover){--_color-background: var(--odx-color-selection-control-fill-selected-hover)}:host([aria-disabled=\"true\"]){--_color-background: var(--odx-color-disabled-fill);--_color-foreground: var(--odx-color-disabled-foreground);--_color-stroke: var(--odx-color-disabled-stroke);cursor:not-allowed}:host([aria-readonly=\"true\"]){--_color-background: var(--odx-color-selection-control-fill-readonly);--_color-foreground: var(--odx-color-selection-control-foreground-readonly);--_color-stroke: var(--odx-color-selection-control-stroke-readonly);cursor:default}:host([aria-pressed=\"true\"][aria-disabled=\"true\"]){--_color-background: var(--odx-color-disabled-fill-selected);--_color-foreground: var(--odx-color-disabled-foreground-selected)}:host(:not(:last-child)):host-context(odx-button-group[connected]){margin-inline-end:calc(-1 * var(--odx-size-12))!important}";
+
+export { styles as default };

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

@@ -1 +1 @@
-{"version":3,"file":"toggle-button.component.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-button/toggle-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAyC,MAAM,iBAAiB,CAAC;AAC7F,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAIrE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,wBAAwB,CAAC;KAC/C;CACF;AAED,qBACa,wBAAyB,SAAQ,mBAAmB;IAEtD,OAAO,UAAS;IAGzB,OAAO,UAAS;IAEP,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;cAIlB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAO7C,MAAM,IAAI,cAAc;CAM5C"}
+{"version":3,"file":"toggle-button.component.d.ts","sourceRoot":"","sources":["../../../components/toggle-button/toggle-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAyC,MAAM,iBAAiB,CAAC;AAC7F,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAIrE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,wBAAwB,CAAC;KAC/C;CACF;AAED,qBACa,wBAAyB,SAAQ,mBAAmB;IAEtD,OAAO,UAAS;IAGzB,OAAO,UAAS;IAEP,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;cAIlB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAO7C,MAAM,IAAI,cAAc;CAM5C"}

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

@@ -0,0 +1,52 @@
+import { CheckboxFormControl, toAriaBooleanAttribute, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import styles from './toggle-button.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 OdxToggleButtonComponent = class extends CheckboxFormControl {
+  constructor() {
+    super(...arguments);
+    this.checked = false;
+    this.pressed = false;
+  }
+  connectedCallback() {
+    super.connectedCallback?.();
+    this.role = "button";
+  }
+  updateAriaAttributes() {
+    this.ariaPressed = toAriaBooleanAttribute(this.pressed, false);
+  }
+  willUpdate(props) {
+    if (props.has("checked")) {
+      this.pressed = this.checked;
+    }
+    super.willUpdate(props);
+  }
+  render() {
+    return html`
+      <div part="indicator"></div>
+      <div part="label"><slot></slot></div>
+    `;
+  }
+};
+__decorateClass([
+  property({ type: Boolean })
+], OdxToggleButtonComponent.prototype, "checked", 2);
+__decorateClass([
+  property({ type: Boolean })
+], OdxToggleButtonComponent.prototype, "pressed", 2);
+OdxToggleButtonComponent = __decorateClass([
+  customElement("odx-toggle-button", [styles])
+], OdxToggleButtonComponent);
+
+export { OdxToggleButtonComponent };

package/dist/components/visually-hidden/index.d.ts.map

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

package/dist/components/visually-hidden/visually-hidden.component.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{all:initial;border:0!important;clip:rect(1px,1px,1px,1px)!important;block-size:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;inset-block-start:0;inline-size:1px!important}";
+
+export { styles as default };

package/dist/components/visually-hidden/visually-hidden.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"visually-hidden.component.d.ts","sourceRoot":"","sources":["../../../src/components/visually-hidden/visually-hidden.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,qBAAqB,EAAE,0BAA0B,CAAC;KACnD;CACF;AAED,qBACa,0BAA2B,SAAQ,aAAa;cACxC,MAAM,IAAI,cAAc;CAG5C"}
+{"version":3,"file":"visually-hidden.component.d.ts","sourceRoot":"","sources":["../../../components/visually-hidden/visually-hidden.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,qBAAqB,EAAE,0BAA0B,CAAC;KACnD;CACF;AAED,qBACa,0BAA2B,SAAQ,aAAa;cACxC,MAAM,IAAI,cAAc;CAG5C"}

package/dist/components/visually-hidden/visually-hidden.component.js

@@ -0,0 +1,22 @@
+import { CustomElement, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import styles from './visually-hidden.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 OdxVisuallyHiddenComponent = class extends CustomElement {
+  render() {
+    return html`<slot></slot>`;
+  }
+};
+OdxVisuallyHiddenComponent = __decorateClass([
+  customElement("odx-visually-hidden", [styles])
+], OdxVisuallyHiddenComponent);
+
+export { OdxVisuallyHiddenComponent };