@tylertech/forge 2.0.0

package/esm/icon-button/icon-button.js

@@ -0,0 +1,219 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { coerceBoolean, coerceNumber, CustomElement, emitEvent, ensureChild, toggleClass } from '@tylertech/forge-core';
+import { BaseComponent } from '../core/base/base-component';
+import { ForgeRipple } from '../ripple';
+import { ICON_BUTTON_CONSTANTS } from './icon-button-constants';
+/**
+ * The custom element class behind the `<forge-icon-button>` element.
+ */
+let IconButtonComponent = class IconButtonComponent extends BaseComponent {
+    constructor() {
+        super();
+        this._toggle = false;
+        this._isOn = false;
+        this._dense = false;
+        this._densityLevel = 5;
+    }
+    static get observedAttributes() {
+        return [
+            ICON_BUTTON_CONSTANTS.attributes.IS_ON,
+            ICON_BUTTON_CONSTANTS.attributes.DENSE,
+            ICON_BUTTON_CONSTANTS.attributes.DENSITY_LEVEL,
+            ICON_BUTTON_CONSTANTS.attributes.TOGGLE
+        ];
+    }
+    connectedCallback() {
+        if (this.querySelector(ICON_BUTTON_CONSTANTS.selectors.BUTTON)) {
+            this._initialize();
+        }
+        else {
+            ensureChild(this, ICON_BUTTON_CONSTANTS.selectors.BUTTON).then(() => this._initialize());
+        }
+    }
+    disconnectedCallback() {
+        if (this._rippleInstance) {
+            this._rippleInstance.destroy();
+        }
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        switch (name) {
+            case ICON_BUTTON_CONSTANTS.attributes.IS_ON:
+                this.isOn = coerceBoolean(newValue);
+                break;
+            case ICON_BUTTON_CONSTANTS.attributes.DENSE:
+                this.dense = coerceBoolean(newValue);
+                break;
+            case ICON_BUTTON_CONSTANTS.attributes.DENSITY_LEVEL:
+                this.densityLevel = coerceNumber(newValue);
+                break;
+            case ICON_BUTTON_CONSTANTS.attributes.TOGGLE:
+                this.toggle = coerceBoolean(newValue);
+                break;
+        }
+    }
+    /** Gets/sets whether the button is togglable. */
+    get toggle() {
+        return this._toggle;
+    }
+    set toggle(value) {
+        this._toggle = value;
+        if (this._toggle) {
+            this._initializeToggle();
+        }
+        else {
+            this._destroyToggle();
+        }
+    }
+    /** Gets/sets the toggled state of the icon button. Only applies when `toggle = true`. */
+    get isOn() {
+        return this._isOn;
+    }
+    set isOn(value) {
+        if (this._isOn !== value) {
+            this._isOn = value;
+            this._applyToggle();
+        }
+    }
+    /** Gets/sets whether the icon button is dense. */
+    get dense() {
+        return this._dense;
+    }
+    set dense(value) {
+        if (this._dense !== value) {
+            this._dense = value;
+            this._applyDensity();
+        }
+    }
+    /** Controls the density level. 1 (least dense) to 6 (most dense). */
+    get densityLevel() {
+        return this._densityLevel;
+    }
+    set densityLevel(value) {
+        if (this._densityLevel !== value) {
+            this._densityLevel = value;
+            if (this._densityLevel <= 0) {
+                this._densityLevel = 1;
+            }
+            else if (this._densityLevel > 6) {
+                this._densityLevel = 6;
+            }
+            else if (typeof this._densityLevel !== 'number') {
+                this._densityLevel = 5;
+            }
+            this._applyDensity();
+        }
+    }
+    _initialize() {
+        this._buttonElement = this.querySelector(ICON_BUTTON_CONSTANTS.selectors.BUTTON);
+        if (!this._buttonElement) {
+            return;
+        }
+        this._buttonElement.classList.add(ICON_BUTTON_CONSTANTS.classes.BUTTON);
+        this._applyToggle();
+        this._applyDensity();
+        this._toggleHandler = () => {
+            this._toggleValue();
+            emitEvent(this, ICON_BUTTON_CONSTANTS.events.CHANGE, this._isOn, true);
+        };
+        if (this._toggle) {
+            this._initializeToggle();
+        }
+        if (this._rippleInstance) {
+            this._rippleInstance.destroy();
+        }
+        this._rippleInstance = new ForgeRipple(this._buttonElement);
+        this._rippleInstance.unbounded = true;
+    }
+    _toggleValue() {
+        this._isOn = !this._isOn;
+        this._applyToggle();
+    }
+    _applyToggle() {
+        if (!this._buttonElement) {
+            return;
+        }
+        toggleClass(this._buttonElement, this._isOn, ICON_BUTTON_CONSTANTS.classes.BUTTON_ON);
+        if (this._toggle) {
+            this._buttonElement.setAttribute('aria-pressed', `${this._isOn}`);
+        }
+    }
+    _applyDensity() {
+        if (!this._buttonElement) {
+            return;
+        }
+        // Remove all other density classes first
+        ICON_BUTTON_CONSTANTS.classes.DENSITY.forEach(c => this._buttonElement.classList.remove(c));
+        if (this._dense) {
+            this.setAttribute(ICON_BUTTON_CONSTANTS.attributes.DENSE, '');
+            this._buttonElement.classList.add(ICON_BUTTON_CONSTANTS.classes.BUTTON_DENSE);
+            // 5 is the default density level (we apply 5 implicitly in the regular dense class)
+            // Exclude 5 since its already covered by dense class
+            if (this._densityLevel < 7 && this._densityLevel > 0 && this.densityLevel !== 5) {
+                const densityLevelClass = ICON_BUTTON_CONSTANTS.classes.DENSITY[this._densityLevel - 1];
+                this._buttonElement.classList.add(densityLevelClass);
+                this.setAttribute(ICON_BUTTON_CONSTANTS.attributes.DENSITY_LEVEL, this._densityLevel.toString());
+            }
+        }
+        else {
+            this.removeAttribute(ICON_BUTTON_CONSTANTS.attributes.DENSE);
+            this._buttonElement.classList.remove(ICON_BUTTON_CONSTANTS.classes.BUTTON_DENSE);
+        }
+        // re-layout the ripple for cases where dense was changed after initial layout
+        if (this._rippleInstance) {
+            this._rippleInstance.layout();
+        }
+    }
+    _initializeToggle() {
+        if (!this._buttonElement) {
+            return;
+        }
+        const icons = Array.from(this._buttonElement.querySelectorAll(ICON_BUTTON_CONSTANTS.selectors.ICON));
+        // We require two icon/image elements to be specified for the "on" and "off" states
+        if (icons.length !== 2) {
+            throw new Error('You must specify two icons, one for "on" and one for "off".');
+        }
+        // Add the icon class to each icon
+        icons.forEach(icon => icon.classList.add(ICON_BUTTON_CONSTANTS.classes.ICON));
+        // If there are no icons that specify the "on" class, then automatically choose the first icon as the "on" icon and add the class,
+        // alternatively we check for the existence of a `forge-icon-button-on` attribute on any of the icons and use that.
+        if (!icons.some(icon => icon.classList.contains(ICON_BUTTON_CONSTANTS.classes.ICON_ON))) {
+            const requestedOnIcon = icons.find(icon => icon.hasAttribute(ICON_BUTTON_CONSTANTS.attributes.ICON_ON));
+            if (requestedOnIcon) {
+                requestedOnIcon.classList.add(ICON_BUTTON_CONSTANTS.classes.ICON_ON);
+            }
+            else {
+                icons[0].classList.add(ICON_BUTTON_CONSTANTS.classes.ICON_ON);
+            }
+        }
+        this._buttonElement.addEventListener('click', this._toggleHandler);
+        // Wait a frame to ensure the value of the `on` property has been set
+        window.requestAnimationFrame(() => {
+            if (this._isOn) {
+                this._buttonElement.classList.add(ICON_BUTTON_CONSTANTS.classes.BUTTON_ON);
+                this._buttonElement.setAttribute('aria-pressed', `${this._isOn}`);
+            }
+        });
+    }
+    _destroyToggle() {
+        if (!this._buttonElement) {
+            return;
+        }
+        this._buttonElement.removeEventListener('click', this._toggleHandler);
+    }
+    layout() {
+        if (this._rippleInstance) {
+            this._rippleInstance.layout();
+        }
+    }
+};
+IconButtonComponent = __decorate([
+    CustomElement({
+        name: ICON_BUTTON_CONSTANTS.elementName
+    })
+], IconButtonComponent);
+export { IconButtonComponent };

package/esm/icon-button/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './icon-button-constants';
+export * from './icon-button';
+export * from './icon-button-component-delegate';
+export declare function defineIconButtonComponent(): void;

package/esm/icon-button/index.js

@@ -0,0 +1,13 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { defineCustomElement } from '@tylertech/forge-core';
+import { IconButtonComponent } from './icon-button';
+export * from './icon-button-constants';
+export * from './icon-button';
+export * from './icon-button-component-delegate';
+export function defineIconButtonComponent() {
+    defineCustomElement(IconButtonComponent);
+}

package/esm/index.d.ts

@@ -0,0 +1,70 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './accordion';
+export * from './app-bar';
+export * from './autocomplete';
+export * from './avatar';
+export * from './backdrop';
+export * from './badge';
+export * from './banner';
+export * from './bottom-sheet';
+export * from './busy-indicator';
+export * from './button';
+export * from './button-toggle';
+export * from './calendar';
+export * from './card';
+export * from './checkbox';
+export * from './chips';
+export * from './chip-field';
+export * from './circular-progress';
+export * from './color-picker';
+export * from './constants';
+export * from './core';
+export * from './date-range-picker';
+export * from './date-picker';
+export * from './dialog';
+export * from './divider';
+export * from './drawer';
+export * from './expansion-panel';
+export * from './file-picker';
+export * from './floating-action-button';
+export * from './floating-label';
+export * from './icon-button';
+export * from './inline-message';
+export * from './keyboard-shortcut';
+export * from './label-value';
+export * from './linear-progress';
+export * from './list';
+export * from './menu';
+export * from './open-icon';
+export * from './page-state';
+export * from './paginator';
+export * from './popup';
+export * from './product-icon';
+export * from './quantity-field';
+export * from './radio';
+export * from './ripple';
+export * from './scaffold';
+export * from './select';
+export * from './skeleton';
+export * from './slider';
+export * from './stepper';
+export * from './switch';
+export * from './table';
+export * from './tabs';
+export * from './text-field';
+export * from './theme';
+export * from './time-picker';
+export * from './toast';
+export * from './toolbar';
+export * from './tooltip';
+export * from './utils';
+export * from './view-switcher';
+export * from './icon';
+/**
+ * Registers all components in the library with the browser.
+ */
+export declare function defineComponents(): void;

package/esm/index.js

@@ -0,0 +1,212 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/// <reference types="./typings" />
+/**
+ * @license
+ * Copyright (c) 2022 Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+import { defineCustomElements } from '@tylertech/forge-core';
+import { AccordionComponent } from './accordion';
+import { AutocompleteComponent } from './autocomplete';
+import { AvatarComponent } from './avatar';
+import { BackdropComponent } from './backdrop';
+import { BadgeComponent } from './badge';
+import { BannerComponent } from './banner';
+import { BottomSheetComponent } from './bottom-sheet';
+import { BusyIndicatorComponent } from './busy-indicator';
+import { ButtonComponent } from './button';
+import { ButtonToggleComponent, ButtonToggleGroupComponent } from './button-toggle';
+import { CalendarComponent } from './calendar';
+import { CardComponent } from './card';
+import { CheckboxComponent } from './checkbox';
+import { ChipComponent, ChipSetComponent } from './chips';
+import { ChipFieldComponent } from './chip-field';
+import { CircularProgressComponent } from './circular-progress';
+import { ColorPickerComponent } from './color-picker';
+import { DateRangePickerComponent } from './date-range-picker';
+import { DatePickerComponent } from './date-picker';
+import { DialogComponent } from './dialog';
+import { DividerComponent } from './divider';
+import { DrawerComponent, MiniDrawerComponent, ModalDrawerComponent } from './drawer';
+import { ExpansionPanelComponent } from './expansion-panel';
+import { FilePickerComponent } from './file-picker';
+import { FloatingActionButton } from './floating-action-button';
+import { IconButtonComponent } from './icon-button';
+import { InlineMessageComponent } from './inline-message';
+import { KeyboardShortcutComponent } from './keyboard-shortcut';
+import { LabelValueComponent } from './label-value';
+import { LinearProgressComponent } from './linear-progress';
+import { ListComponent } from './list';
+import { ListItemComponent } from './list/list-item';
+import { MenuComponent } from './menu';
+import { AppBarComponent, AppBarHelpButtonComponent, AppBarMenuButtonComponent, AppBarNotificationButtonComponent, AppBarProfileButtonComponent, AppBarSearchComponent, ProfileCardComponent } from './app-bar';
+import { OpenIconComponent } from './open-icon';
+import { PageStateComponent } from './page-state';
+import { PaginatorComponent } from './paginator';
+import { PopupComponent } from './popup';
+import { ProductIconComponent } from './product-icon';
+import { QuantityFieldComponent } from './quantity-field';
+import { RadioComponent } from './radio';
+import { RippleComponent } from './ripple';
+import { ScaffoldComponent } from './scaffold';
+import { OptionComponent, OptionGroupComponent, SelectComponent } from './select';
+import { SkeletonComponent } from './skeleton';
+import { SliderComponent } from './slider';
+import { StepComponent, StepperComponent } from './stepper';
+import { SwitchComponent } from './switch';
+import { TableComponent } from './table';
+import { TabBarComponent, TabComponent } from './tabs';
+import { TextFieldComponent } from './text-field';
+import { TimePickerComponent } from './time-picker';
+import { ToastComponent } from './toast';
+import { ToolbarComponent } from './toolbar';
+import { TooltipComponent } from './tooltip';
+import { ViewComponent, ViewSwitcherComponent } from './view-switcher';
+import { IconComponent } from './icon';
+import { SelectDropdownComponent } from './select/select-dropdown';
+export * from './accordion';
+export * from './app-bar';
+export * from './autocomplete';
+export * from './avatar';
+export * from './backdrop';
+export * from './badge';
+export * from './banner';
+export * from './bottom-sheet';
+export * from './busy-indicator';
+export * from './button';
+export * from './button-toggle';
+export * from './calendar';
+export * from './card';
+export * from './checkbox';
+export * from './chips';
+export * from './chip-field';
+export * from './circular-progress';
+export * from './color-picker';
+export * from './constants';
+export * from './core';
+export * from './date-range-picker';
+export * from './date-picker';
+export * from './dialog';
+export * from './divider';
+export * from './drawer';
+export * from './expansion-panel';
+export * from './file-picker';
+export * from './floating-action-button';
+export * from './floating-label';
+export * from './icon-button';
+export * from './inline-message';
+export * from './keyboard-shortcut';
+export * from './label-value';
+export * from './linear-progress';
+export * from './list';
+export * from './menu';
+export * from './open-icon';
+export * from './page-state';
+export * from './paginator';
+export * from './popup';
+export * from './product-icon';
+export * from './quantity-field';
+export * from './radio';
+export * from './ripple';
+export * from './scaffold';
+export * from './select';
+export * from './skeleton';
+export * from './slider';
+export * from './stepper';
+export * from './switch';
+export * from './table';
+export * from './tabs';
+export * from './text-field';
+export * from './theme';
+export * from './time-picker';
+export * from './toast';
+export * from './toolbar';
+export * from './tooltip';
+export * from './utils';
+export * from './view-switcher';
+export * from './icon';
+const CUSTOM_ELEMENTS = [
+    AccordionComponent,
+    AvatarComponent,
+    BackdropComponent,
+    BadgeComponent,
+    BannerComponent,
+    BottomSheetComponent,
+    BusyIndicatorComponent,
+    ButtonComponent,
+    ButtonToggleComponent,
+    ButtonToggleGroupComponent,
+    CalendarComponent,
+    CardComponent,
+    CheckboxComponent,
+    ChipComponent,
+    ChipSetComponent,
+    ChipFieldComponent,
+    CircularProgressComponent,
+    ColorPickerComponent,
+    DatePickerComponent,
+    DateRangePickerComponent,
+    DialogComponent,
+    DividerComponent,
+    DrawerComponent,
+    MiniDrawerComponent,
+    ModalDrawerComponent,
+    ExpansionPanelComponent,
+    FilePickerComponent,
+    FloatingActionButton,
+    ProductIconComponent,
+    IconComponent,
+    IconButtonComponent,
+    InlineMessageComponent,
+    KeyboardShortcutComponent,
+    LabelValueComponent,
+    LinearProgressComponent,
+    ListComponent,
+    ListItemComponent,
+    MenuComponent,
+    AppBarComponent,
+    AppBarSearchComponent,
+    AppBarMenuButtonComponent,
+    AppBarNotificationButtonComponent,
+    AppBarHelpButtonComponent,
+    AppBarProfileButtonComponent,
+    ProfileCardComponent,
+    OpenIconComponent,
+    OptionComponent,
+    OptionGroupComponent,
+    PageStateComponent,
+    PaginatorComponent,
+    PopupComponent,
+    QuantityFieldComponent,
+    RadioComponent,
+    RippleComponent,
+    ScaffoldComponent,
+    SelectComponent,
+    SelectDropdownComponent,
+    SkeletonComponent,
+    SliderComponent,
+    StepperComponent,
+    StepComponent,
+    SwitchComponent,
+    TabBarComponent,
+    TabComponent,
+    TableComponent,
+    TextFieldComponent,
+    TimePickerComponent,
+    ToastComponent,
+    ToolbarComponent,
+    TooltipComponent,
+    ViewSwitcherComponent,
+    ViewComponent,
+    AutocompleteComponent
+];
+/**
+ * Registers all components in the library with the browser.
+ */
+export function defineComponents() {
+    defineCustomElements(CUSTOM_ELEMENTS);
+}

package/esm/inline-message/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './inline-message-constants';
+export * from './inline-message';
+export declare function defineInlineMessageComponent(): void;

package/esm/inline-message/index.js

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { defineCustomElement } from '@tylertech/forge-core';
+import { InlineMessageComponent } from './inline-message';
+export * from './inline-message-constants';
+export * from './inline-message';
+export function defineInlineMessageComponent() {
+    defineCustomElement(InlineMessageComponent);
+}

package/esm/inline-message/inline-message-constants.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export declare const INLINE_MESSAGE_CONSTANTS: {
+    elementName: "forge-inline-message";
+    selectors: {
+        ROOT: string;
+    };
+};

package/esm/inline-message/inline-message-constants.js

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { COMPONENT_NAME_PREFIX } from '../constants';
+const elementName = `${COMPONENT_NAME_PREFIX}inline-message`;
+const selectors = {
+    ROOT: '.forge-inline-message'
+};
+export const INLINE_MESSAGE_CONSTANTS = {
+    elementName,
+    selectors
+};

package/esm/inline-message/inline-message.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseComponent, IBaseComponent } from '../core/base/base-component';
+export interface IInlineMessageComponent extends IBaseComponent {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-inline-message': IInlineMessageComponent;
+    }
+}
+export declare class InlineMessageComponent extends BaseComponent implements IInlineMessageComponent {
+    constructor();
+}

package/esm/inline-message/inline-message.js

@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { CustomElement, attachShadowTemplate } from '@tylertech/forge-core';
+import { BaseComponent } from '../core/base/base-component';
+import { INLINE_MESSAGE_CONSTANTS } from './inline-message-constants';
+const template = '<template><div class=\"forge-inline-message\" part=\"root\"><slot name=\"icon\"></slot><div class=\"forge-inline-message__container\" part=\"container\"><slot name=\"title\"></slot><slot></slot></div></div></template>';
+const styles = '.forge-inline-message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);border-radius:0;border-radius:var(--forge-inline-message-border-radius,0);display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;padding:8px 16px 8px 12px}.forge-inline-message ::slotted([slot=icon]){align-self:start;margin-right:12px}.forge-inline-message__container{align-self:center}.forge-inline-message__container ::slotted([slot=title]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);font-weight:500;line-height:1rem;margin-bottom:8px}:host .forge-inline-message{background:rgba(187,222,251,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-info-primary-background,rgba(187,222,251,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-info-primary-font-color,rgba(0,0,0,.87)))}:host .forge-inline-message ::slotted([slot=icon]){color:#1a237e;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-info-primary-icon-color,#1a237e))}:host([theme=danger]) .forge-inline-message{background:rgba(255,205,210,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-danger-background,rgba(255,205,210,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-danger-font-color,rgba(0,0,0,.87)))}:host([theme=danger]) .forge-inline-message ::slotted([slot=icon]){color:#a22d0e;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-danger-icon-color,#a22d0e))}:host([theme=warning]) .forge-inline-message{background:rgba(255,219,166,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-warning-background,rgba(255,219,166,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-warning-font-color,rgba(0,0,0,.87)))}:host([theme=warning]) .forge-inline-message ::slotted([slot=icon]){color:#a03a03;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-warning-icon-color,#a03a03))}:host([theme=success]) .forge-inline-message{background:rgba(165,214,167,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-success-background,rgba(165,214,167,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-success-font-color,rgba(0,0,0,.87)))}:host([theme=success]) .forge-inline-message ::slotted([slot=icon]){color:#1b5e20;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-success-icon-color,#1b5e20))}:host([theme=info-primary]) .forge-inline-message{background:rgba(187,222,251,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-info-primary-background,rgba(187,222,251,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-info-primary-font-color,rgba(0,0,0,.87)))}:host([theme=info-primary]) .forge-inline-message ::slotted([slot=icon]){color:#1a237e;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-info-primary-icon-color,#1a237e))}:host([theme=info-secondary]) .forge-inline-message{background:rgba(224,224,224,.4);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-info-secondary-background,rgba(224,224,224,.4)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-info-secondary-font-color,rgba(0,0,0,.87)))}:host([theme=info-secondary]) .forge-inline-message ::slotted([slot=icon]){color:#000;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-info-secondary-icon-color,#000))}:host([hidden]){display:none}';
+let InlineMessageComponent = class InlineMessageComponent extends BaseComponent {
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+    }
+};
+InlineMessageComponent = __decorate([
+    CustomElement({
+        name: INLINE_MESSAGE_CONSTANTS.elementName
+    })
+], InlineMessageComponent);
+export { InlineMessageComponent };

package/esm/keyboard-shortcut/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './keyboard-shortcut-adapter';
+export * from './keyboard-shortcut-constants';
+export * from './keyboard-shortcut-foundation';
+export * from './keyboard-shortcut-utils';
+export * from './keyboard-shortcut';
+export declare function defineKeyboardShortcutComponent(): void;

package/esm/keyboard-shortcut/index.js

@@ -0,0 +1,15 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { defineCustomElement } from '@tylertech/forge-core';
+import { KeyboardShortcutComponent } from './keyboard-shortcut';
+export * from './keyboard-shortcut-adapter';
+export * from './keyboard-shortcut-constants';
+export * from './keyboard-shortcut-foundation';
+export * from './keyboard-shortcut-utils';
+export * from './keyboard-shortcut';
+export function defineKeyboardShortcutComponent() {
+    defineCustomElement(KeyboardShortcutComponent);
+}