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

package/README.md

@@ -16,13 +16,20 @@ To include `@odx/foundation` in your project, run the following command:
 > We depend on the <a href="https://lit.dev" target="_blank" rel="noopener">**Lit package**</a> for building web elements because it offers a lightweight, efficient framework with a simple syntax for creating fast, reusable elements. Its powerful templating system ensures high performance and seamless user experience. Lit is also highly interoperable, making it easy to integrate with other frameworks and libraries.
 
 ```bash
-npm install lit @odx/foundation --save 
+npm install @odx/foundation @odx/icons@4.0.0-rc.10 --save 
 ```
 
 ## Usage
 
 Once installed, you can import the foundational components and styles into your project:
 
+### Install core icons
+
+```js
+import '@odx/icons';
+import '@odx/icons/core';
+```
+
 ### Install all components
 ```js
 // JS

package/dist/cdk/main.d.ts

@@ -1,7 +1,7 @@
 export * from './drag-drop/drag-events';
 export * from './drag-drop/drag.controller';
 export * from './drag-drop/is-draggable';
-export * from './popover/models';
 export * from './popover/popover-host.mixin';
 export * from './popover/popover.element';
+export * from './popover/popover.models';
 //# sourceMappingURL=main.d.ts.map

package/dist/cdk/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/cdk/main.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/cdk/main.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC"}

package/dist/cdk/popover/popover-host.mixin.d.ts

@@ -1,5 +1,5 @@
 import { Constructor, CustomElement } from '@odx/foundation';
-import { PopoverPlacement } from './models';
+import { PopoverPlacement } from './popover.models';
 export interface PopoverHost {
     referenceElement: HTMLElement | null;
     anchor: string;

package/dist/cdk/popover/popover-host.mixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover-host.mixin.d.ts","sourceRoot":"","sources":["../../../src/cdk/popover/popover-host.mixin.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,aAAa,EAA+E,MAAM,iBAAiB,CAAC;AAGpJ,OAAO,EAAE,KAAK,gBAAgB,EAA2B,MAAM,UAAU,CAAC;AAI1E,MAAM,WAAW,WAAW;IAC1B,gBAAgB,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B,aAAa,IAAI,OAAO,CAAC;IACzB,YAAY,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1D,cAAc,CAAC,gBAAgB,EAAE,WAAW,GAAG,IAAI,CAAC;IACpD,aAAa,IAAI,OAAO,CAAC;IACzB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,aAAa,CAAC,IAAI,IAAI,CAAC;IACvB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,aAAa,CAAC,IAAI,IAAI,CAAC;CACxB;AAED,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,aAAa,CAAC;AAE7D,eAAO,MAAM,WAAW,GAAgB,CAAC,SAAS,WAAW,CAAC,aAAa,CAAC,cAAc,CAAC,KAmGnD,WAAW,CAAC,WAAW,CAAC,GAAG,CACjE,CAAC"}
+{"version":3,"file":"popover-host.mixin.d.ts","sourceRoot":"","sources":["../../../src/cdk/popover/popover-host.mixin.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,aAAa,EAA+E,MAAM,iBAAiB,CAAC;AAIpJ,OAAO,EAAE,KAAK,gBAAgB,EAA2B,MAAM,kBAAkB,CAAC;AAGlF,MAAM,WAAW,WAAW;IAC1B,gBAAgB,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B,aAAa,IAAI,OAAO,CAAC;IACzB,YAAY,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1D,cAAc,CAAC,gBAAgB,EAAE,WAAW,GAAG,IAAI,CAAC;IACpD,aAAa,IAAI,OAAO,CAAC;IACzB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,aAAa,CAAC,IAAI,IAAI,CAAC;IACvB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,aAAa,CAAC,IAAI,IAAI,CAAC;CACxB;AAED,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,aAAa,CAAC;AAE7D,eAAO,MAAM,WAAW,GAAgB,CAAC,SAAS,WAAW,CAAC,aAAa,CAAC,cAAc,CAAC,KAmGnD,WAAW,CAAC,WAAW,CAAC,GAAG,CACjE,CAAC"}

package/dist/cdk/popover/popover.models.d.ts

@@ -0,0 +1,34 @@
+export type PopoverPlacement = (typeof PopoverPlacement)[keyof typeof PopoverPlacement];
+export declare const PopoverPlacement: {
+    readonly TOP: "top";
+    readonly TOP_START: "top-start";
+    readonly TOP_END: "top-end";
+    readonly RIGHT: "right";
+    readonly RIGHT_START: "right-start";
+    readonly RIGHT_END: "right-end";
+    readonly BOTTOM: "bottom";
+    readonly BOTTOM_START: "bottom-start";
+    readonly BOTTOM_END: "bottom-end";
+    readonly LEFT: "left";
+    readonly LEFT_START: "left-start";
+    readonly LEFT_END: "left-end";
+};
+export interface PopoverPlacementOptions {
+    placement: PopoverPlacement;
+    arrowElement?: HTMLElement | null;
+    enableFallback: boolean;
+    fallbackAxisSideDirection: 'start' | 'end';
+    matchReferenceWidth: boolean;
+    minHeight?: number | null;
+    offset: number;
+    outerPadding: number;
+}
+export declare const PopoverPlacementOptions: (options?: Partial<PopoverPlacementOptions> | null | undefined) => PopoverPlacementOptions;
+export type PopoverSide = (typeof PopoverSide)[keyof typeof PopoverSide];
+export declare const PopoverSide: {
+    readonly TOP: "top";
+    readonly RIGHT: "right";
+    readonly BOTTOM: "bottom";
+    readonly LEFT: "left";
+};
+//# sourceMappingURL=popover.models.d.ts.map

package/dist/cdk/popover/popover.models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.models.d.ts","sourceRoot":"","sources":["../../../src/cdk/popover/popover.models.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AACxF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;CAgBnB,CAAC;AAEX,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,gBAAgB,CAAC;IAC5B,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,cAAc,EAAE,OAAO,CAAC;IACxB,yBAAyB,EAAE,OAAO,GAAG,KAAK,CAAC;IAC3C,mBAAmB,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,uBAAuB,4FAOlC,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AACzE,eAAO,MAAM,WAAW;;;;;CAKd,CAAC"}

package/dist/cdk/popover/{utils/compute-popover-placement.d.ts → popover.utils.d.ts}

@@ -1,4 +1,5 @@
 import { FloatingElement, ReferenceElement } from '@floating-ui/dom';
-import { PopoverPlacementOptions } from '../models';
+import { PopoverPlacement, PopoverPlacementOptions, PopoverSide } from './popover.models';
+export declare function getPopoverSide(placement: PopoverPlacement): PopoverSide;
 export declare function computePopoverPlacement(referenceElement: ReferenceElement, floatingElement: FloatingElement, options: PopoverPlacementOptions): Promise<void>;
-//# sourceMappingURL=compute-popover-placement.d.ts.map
+//# sourceMappingURL=popover.utils.d.ts.map

package/dist/cdk/popover/popover.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.utils.d.ts","sourceRoot":"","sources":["../../../src/cdk/popover/popover.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,gBAAgB,EAAyE,MAAM,kBAAkB,CAAC;AAEtJ,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,uBAAuB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpG,wBAAgB,cAAc,CAAC,SAAS,EAAE,gBAAgB,GAAG,WAAW,CAEvE;AAED,wBAAsB,uBAAuB,CAC3C,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,uBAAuB,GAC/B,OAAO,CAAC,IAAI,CAAC,CAyCf"}

package/dist/cdk.js

@@ -127,37 +127,6 @@ class DragController {
   }
 }
 
-const PopoverPlacement = {
-  TOP: "top",
-  TOP_START: "top-start",
-  TOP_END: "top-end",
-  RIGHT: "right",
-  RIGHT_START: "right-start",
-  RIGHT_END: "right-end",
-  BOTTOM: "bottom",
-  BOTTOM_START: "bottom-start",
-  BOTTOM_END: "bottom-end",
-  LEFT: "left",
-  LEFT_START: "left-start",
-  LEFT_END: "left-end"
-};
-
-const PopoverPlacementOptions = createOptions({
-  placement: PopoverPlacement.BOTTOM,
-  enableFallback: true,
-  fallbackAxisSideDirection: "end",
-  matchReferenceWidth: false,
-  offset: 0,
-  outerPadding: 24
-});
-
-const PopoverSide = {
-  TOP: PopoverPlacement.TOP,
-  RIGHT: PopoverPlacement.RIGHT,
-  BOTTOM: PopoverPlacement.BOTTOM,
-  LEFT: PopoverPlacement.LEFT
-};
-
 /**
  * Custom positioning reference element.
  * @see https://floating-ui.com/docs/virtual-elements
@@ -1899,10 +1868,38 @@ const computePosition = (reference, floating, options) => {
 
 const styles$1 = ":host{--_popover-transition: var(--odx-popover-transition, var(--odx-motion-duration));--_popover-offset: var(--odx-size-50);background-color:transparent;opacity:0;padding:var(--_popover-offset);position-try:flip-block,flip-inline,flip-inline flip-block;transform:translate(var(--_popover-transition-offset-x),var(--_popover-transition-offset-y));transition:opacity var(--_popover-transition),transform var(--_popover-transition) allow-discrete,overlay var(--_popover-transition) allow-discrete,display var(--_popover-transition) allow-discrete;max-block-size:var(--_popover-max-block-size, 100%);max-inline-size:var(--_popover-max-inline-size, 100%);margin:0;top:var(--_popover-position-y);left:var(--_popover-position-x)}:host(:popover-open){display:flex;opacity:1;transform:translate(0);@starting-style{opacity:0;transform:translate(var(--_popover-transition-offset-x),var(--_popover-transition-offset-y))}}:host,:host([placement^=\"top\"]){--_popover-transition-offset-x: 0;--_popover-transition-offset-y: calc(-1 * var(--_popover-offset))}:host([placement^=\"right\"]){--_popover-transition-offset-x: var(--_popover-offset);--_popover-transition-offset-y: 0}:host([placement^=\"bottom\"]){--_popover-transition-offset-x: 0;--_popover-transition-offset-y: var(--_popover-offset)}:host([placement^=\"left\"]){--_popover-transition-offset-x: calc(-1 * var(--_popover-offset));--_popover-transition-offset-y: 0}";
 
+const PopoverPlacement = {
+  TOP: "top",
+  TOP_START: "top-start",
+  TOP_END: "top-end",
+  RIGHT: "right",
+  RIGHT_START: "right-start",
+  RIGHT_END: "right-end",
+  BOTTOM: "bottom",
+  BOTTOM_START: "bottom-start",
+  BOTTOM_END: "bottom-end",
+  LEFT: "left",
+  LEFT_START: "left-start",
+  LEFT_END: "left-end"
+};
+const PopoverPlacementOptions = createOptions({
+  placement: PopoverPlacement.BOTTOM,
+  enableFallback: true,
+  fallbackAxisSideDirection: "end",
+  matchReferenceWidth: false,
+  offset: 0,
+  outerPadding: 24
+});
+const PopoverSide = {
+  TOP: PopoverPlacement.TOP,
+  RIGHT: PopoverPlacement.RIGHT,
+  BOTTOM: PopoverPlacement.BOTTOM,
+  LEFT: PopoverPlacement.LEFT
+};
+
 function getPopoverSide(placement) {
   return placement.split("-")[0];
 }
-
 async function computePopoverPlacement(referenceElement, floatingElement, options) {
   const { arrowElement, placement, offset: offset$1, matchReferenceWidth, enableFallback, fallbackAxisSideDirection, minHeight, outerPadding } = options;
   const arrowSize = arrowElement?.offsetWidth ?? 0;

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

@@ -1,12 +1,12 @@
 import { TemplateResult } from 'lit';
 import { BaseLink } from '../link';
-import { ButtonSize, ButtonVariant } from './models';
+import { ButtonSize, ButtonVariant } from './button.models';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-button': OdxButtonElement;
+        'odx-button': OdxButtonComponent;
     }
 }
-declare const OdxButtonElement_base: import('@odx/foundation').Constructor<import('@odx/foundation').HasLoadingState> & typeof BaseLink;
+declare const OdxButtonComponent_base: import('@odx/foundation').Constructor<import('@odx/foundation').HasLoadingState> & typeof BaseLink;
 /**
  * A button is clickable text or an icon that triggers an action on the page or in the background.
  * Depending on the action, content, and hierarchy, a button can be used on its own or grouped with
@@ -19,7 +19,7 @@ declare const OdxButtonElement_base: import('@odx/foundation').Constructor<impor
  * @slot suffix - Contains the button's icon or state indicator, e.g. a spinner.
  * @slot - Contains button text
  */
-export declare class OdxButtonElement extends OdxButtonElement_base {
+export declare class OdxButtonComponent extends OdxButtonComponent_base {
     #private;
     static readonly formAssociated = true;
     /**
@@ -38,4 +38,4 @@ export declare class OdxButtonElement extends OdxButtonElement_base {
     protected renderContent(): TemplateResult;
 }
 export {};
-//# sourceMappingURL=button.element.d.ts.map
+//# sourceMappingURL=button.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEjE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,kBAAkB,CAAC;KAClC;CACF;;AAED;;;;;;;;;;;GAWG;AACH,qBACa,kBAAmB,SAAQ,uBAA0B;;IAChE,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAGtC;;OAEG;IAEH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IAEH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;OAEG;IAEH,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;cAE5B,MAAM,IAAI,cAAc;cAQxB,aAAa,IAAI,cAAc;CAmCnD"}

package/dist/components/button/{models/button-variant.d.ts → button.models.d.ts}

@@ -1,3 +1,9 @@
+export type ButtonSize = (typeof ButtonSize)[keyof typeof ButtonSize];
+export declare const ButtonSize: {
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+};
 export type ButtonVariant = (typeof ButtonVariant)[keyof typeof ButtonVariant];
 export declare const ButtonVariant: {
     readonly PRIMARY: "primary";
@@ -8,4 +14,4 @@ export declare const ButtonVariant: {
     readonly SUCCESS: "success";
     readonly CONFIRMATION: "confirmation";
 };
-//# sourceMappingURL=button-variant.d.ts.map
+//# sourceMappingURL=button.models.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.models.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AACtE,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAC/E,eAAO,MAAM,aAAa;;;;;;;;CAQhB,CAAC"}

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { CustomElement } from '@odx/foundation';
 import { PropertyValueMap } from 'lit';
-import { HeadlineSize } from './models';
+import { HeadlineSize } from './headline.models';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-headline': OdxHeadlineComponent;

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,UAAU,CAAC;AAE7C,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":["../../../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"}

package/dist/components/headline/{models/headline-size.d.ts → headline.models.d.ts}

@@ -5,4 +5,4 @@ export declare const HeadlineSize: {
     readonly LG: "lg";
     readonly XL: "xl";
 };
-//# sourceMappingURL=headline-size.d.ts.map
+//# sourceMappingURL=headline.models.d.ts.map

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

@@ -0,0 +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"}

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

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

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,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/headline/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC"}

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

@@ -0,0 +1,24 @@
+import { TemplateResult } from 'lit';
+import { OdxButtonComponent } from '../button';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-icon-button': OdxIconButtonComponent;
+    }
+}
+/**
+ * A button is clickable text or an icon that triggers an action on the page or in the background.
+ * Depending on the action, content, and hierarchy, a button can be used on its own or grouped with
+ * other buttons.
+ * @summary Triggers actions on the page or in the background
+ * @csspart button - Internal button element
+ * @csspart prefix - Container for the prefix slot
+ * @csspart suffix - Container for the suffix slot
+ * @slot prefix - Contains the button's icon or state indicator, e.g. a spinner.
+ * @slot suffix - Contains the button's icon or state indicator, e.g. a spinner.
+ * @slot - Contains button text
+ */
+export declare class OdxIconButtonComponent extends OdxButtonComponent {
+    icon?: string | null;
+    protected renderContent(): TemplateResult;
+}
+//# sourceMappingURL=icon-button.component.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+export * from './icon-button.component';
+//# sourceMappingURL=index.d.ts.map

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { CustomElement } from '@odx/foundation';
-import { LogoSize } from './models';
+import { LogoSize } from './logo.models';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-logo': OdxLogoComponent;

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

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

package/dist/components/logo/{models/logo-size.d.ts → logo.models.d.ts}

@@ -6,4 +6,4 @@ export declare const LogoSize: {
     readonly LG: "lg";
     readonly XL: "xl";
 };
-//# sourceMappingURL=logo-size.d.ts.map
+//# sourceMappingURL=logo.models.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"logo.models.d.ts","sourceRoot":"","sources":["../../../src/components/logo/logo.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAC;AAChE,eAAO,MAAM,QAAQ;;;;;;CAMX,CAAC"}

package/dist/components/main.d.ts

@@ -4,6 +4,7 @@ export * from './button-group';
 export * from './format';
 export * from './header';
 export * from './headline';
+export * from './icon-button';
 export * from './link';
 export * from './loading-indicator';
 export * from './logo';

package/dist/components/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/components/main.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,CAAC;AACpB,OAAO,iBAAiB,CAAC;AAEzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/components/main.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC"}

package/dist/components/search-bar/index.d.ts

@@ -1,4 +1,4 @@
-export * from './events';
-export * from './models';
 export * from './search-bar.component';
+export * from './search-bar.events';
+export * from './search-bar.models';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/search-bar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}

package/dist/components/search-bar/search-bar.component.d.ts

@@ -1,6 +1,6 @@
 import { CustomElement } from '@odx/foundation';
 import { PropertyValues, TemplateResult } from 'lit';
-import { SearchBarBehavior } from './models';
+import { SearchBarBehavior } from './search-bar.models';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-search-bar': OdxSearchBarComponent;

package/dist/components/search-bar/search-bar.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-bar.component.d.ts","sourceRoot":"","sources":["../../../src/components/search-bar/search-bar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAE/D,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAG7C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,qBAAqB,CAAC;KACzC;CACF;AAED,UAAU,aAAa;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,qBACa,qBAAsB,SAAQ,aAAa;;IAStD,OAAO,CAAC,aAAa,CAAsB;IAE3C,IAAI,YAAY,IAAI,gBAAgB,GAAG,IAAI,CAE1C;IAGD,QAAQ,EAAE,iBAAiB,CAA4B;IAGvD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEb,iBAAiB;cAKP,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM7D,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,IAAI;cAO1C,MAAM,IAAI,cAAc;CAsC5C"}
+{"version":3,"file":"search-bar.component.d.ts","sourceRoot":"","sources":["../../../src/components/search-bar/search-bar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAE/D,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAIrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,qBAAqB,CAAC;KACzC;CACF;AAED,UAAU,aAAa;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,qBACa,qBAAsB,SAAQ,aAAa;;IAStD,OAAO,CAAC,aAAa,CAAsB;IAE3C,IAAI,YAAY,IAAI,gBAAgB,GAAG,IAAI,CAE1C;IAGD,QAAQ,EAAE,iBAAiB,CAA4B;IAGvD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEb,iBAAiB;cAKP,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM7D,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,IAAI;cAO1C,MAAM,IAAI,cAAc;CAsC5C"}

package/dist/components/search-bar/{events/search-event.d.ts → search-bar.events.d.ts}

@@ -4,4 +4,4 @@ export declare class SearchEvent extends CustomEvent<{
 }> {
     constructor(value: string, rawValue?: string);
 }
-//# sourceMappingURL=search-event.d.ts.map
+//# sourceMappingURL=search-bar.events.d.ts.map

package/dist/components/search-bar/search-bar.events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.events.d.ts","sourceRoot":"","sources":["../../../src/components/search-bar/search-bar.events.ts"],"names":[],"mappings":"AAAA,qBAAa,WAAY,SAAQ,WAAW,CAAC;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;gBACpE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM;CAG7C"}

package/dist/components/search-bar/{models/search-bar-behavior.d.ts → search-bar.models.d.ts}

@@ -3,4 +3,4 @@ export declare const SearchBarBehavior: {
     readonly INSTANT: "instant";
     readonly SUBMIT: "submit";
 };
-//# sourceMappingURL=search-bar-behavior.d.ts.map
+//# sourceMappingURL=search-bar.models.d.ts.map

package/dist/components/search-bar/search-bar.models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.models.d.ts","sourceRoot":"","sources":["../../../src/components/search-bar/search-bar.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAC;AAC3F,eAAO,MAAM,iBAAiB;;;CAGpB,CAAC"}