@tylertech/forge 3.9.0-dev.2 → 3.9.0-dev.4

package/esm/popover/popover-core.js

@@ -103,10 +103,13 @@ export class PopoverCore extends WithLongpressListener((OverlayAwareCore)) {
         }
         this._previouslyFocusedElement = this._adapter.captureFocusedElement();
         this._adapter.setOverlayOpen(true);
-        if (this._distinct) {
+        // Popovers can be distinct from each other, meaning that only one popover with the same distinct
+        // value can be open at a time. Let's capture the distinct group context and close any other popovers
+        // that are open in the same context.
+        if (this._distinct != null) {
             const allPopovers = DismissibleStack.instance.getAll().filter(el => el.tagName.toLowerCase() === 'forge-popover');
-            const contextPopovers = allPopovers.filter(popover => popover.distinct === this._distinct);
-            contextPopovers.filter(popover => popover !== this._adapter.hostElement).forEach(popover => (popover.open = false));
+            const contextPopovers = allPopovers.filter(popover => popover.distinct === this._distinct && !popover.persistent);
+            contextPopovers.filter(popover => popover !== this._adapter.hostElement).forEach(popover => popover.hideAsync());
         }
         if (!this.overlayElement.persistent) {
             DismissibleStack.instance.add(this._adapter.hostElement);
@@ -528,14 +531,6 @@ export class PopoverCore extends WithLongpressListener((OverlayAwareCore)) {
         return this._distinct;
     }
     set distinct(value) {
-        value = value ?? null;
-        if (this._distinct !== value) {
-            if (this._adapter.hasHostAttribute(POPOVER_CONSTANTS.attributes.DISTINCT) && !value) {
-                this._distinct = POPOVER_CONSTANTS.defaults.DISTINCT;
-            }
-            else {
-                this._distinct = value;
-            }
-        }
+        this._distinct = value;
     }
 }

package/esm/popover/popover.d.ts

@@ -45,7 +45,7 @@ declare global {
  * @property {number} [hoverDismissDelay=500] - The delay in milliseconds before the popover is dismissed when the user hovers outside of the popover.
  * @property {number} [hoverDelay=0] - The delay in milliseconds before the popover is shown.
  * @property {PopoverPreset} [preset="popover"] - The preset to use for the popover.
- * @property {string | null} [distinct=null] - Enforces that this popover should be the only one open in the same context. Use a unique name otherwise a default context will be used.
+ * @property {string | null} [distinct=null] - Enforces that this popover should be the only one open with the same unique value.
  *
  * @globalconfig placement
  * @globalconfig animationType
@@ -66,7 +66,7 @@ declare global {
  * @attribute {string} [hover-dismiss-delay=500] - The delay in milliseconds before the popover is dismissed when the user hovers outside of the popover.
  * @attribute {number} [hover-delay=0] - The delay in milliseconds before the popover is shown.
  * @attribute {string} [preset="popover"] - The preset to use for the popover.
- * @attribute {string | null} [distinct=null] - Enforces that this popover should be the only one open in the same context. Use a unique name otherwise a default context will be used.
+ * @attribute {string | null} [distinct=null] - Enforces that this popover should be the only one open with the same unique value.
  *
  * @event {CustomEvent<IPopoverToggleEventData>} forge-popover-beforetoggle - Dispatches before the popover is toggled, and is cancelable.
  * @event {CustomEvent<IPopoverToggleEventData>} forge-popover-toggle - Dispatches after the popover is toggled.

package/esm/popover/popover.js

@@ -29,7 +29,7 @@ const styles = '@keyframes zoomin{from{transform:scale(.8)}to{transform:scale(1)
  * @property {number} [hoverDismissDelay=500] - The delay in milliseconds before the popover is dismissed when the user hovers outside of the popover.
  * @property {number} [hoverDelay=0] - The delay in milliseconds before the popover is shown.
  * @property {PopoverPreset} [preset="popover"] - The preset to use for the popover.
- * @property {string | null} [distinct=null] - Enforces that this popover should be the only one open in the same context. Use a unique name otherwise a default context will be used.
+ * @property {string | null} [distinct=null] - Enforces that this popover should be the only one open with the same unique value.
  *
  * @globalconfig placement
  * @globalconfig animationType
@@ -50,7 +50,7 @@ const styles = '@keyframes zoomin{from{transform:scale(.8)}to{transform:scale(1)
  * @attribute {string} [hover-dismiss-delay=500] - The delay in milliseconds before the popover is dismissed when the user hovers outside of the popover.
  * @attribute {number} [hover-delay=0] - The delay in milliseconds before the popover is shown.
  * @attribute {string} [preset="popover"] - The preset to use for the popover.
- * @attribute {string | null} [distinct=null] - Enforces that this popover should be the only one open in the same context. Use a unique name otherwise a default context will be used.
+ * @attribute {string | null} [distinct=null] - Enforces that this popover should be the only one open with the same unique value.
  *
  * @event {CustomEvent<IPopoverToggleEventData>} forge-popover-beforetoggle - Dispatches before the popover is toggled, and is cancelable.
  * @event {CustomEvent<IPopoverToggleEventData>} forge-popover-toggle - Dispatches after the popover is toggled.
@@ -142,7 +142,7 @@ let PopoverComponent = class PopoverComponent extends OverlayAware {
                 this.preset = newValue;
                 return;
             case POPOVER_CONSTANTS.observedAttributes.DISTINCT:
-                this.distinct = !newValue ? null : newValue.trim();
+                this.distinct = newValue;
                 return;
         }
         super.attributeChangedCallback(name, oldValue, newValue);

package/esm/split-view/split-view-panel/split-view-panel.js

@@ -14,7 +14,7 @@ import { IconComponent, IconRegistry } from '../../icon';
 import { StateLayerComponent } from '../../state-layer';
 import { FocusIndicatorComponent } from '../../focus-indicator';
 const template = '<template><div class=\"forge-split-view-panel\" id=\"root\" part=\"root\"><div class=\"forge-split-view-panel__handle\" id=\"handle\" part=\"handle\" role=\"separator\" aria-controls=\"content\" aria-grabbed=\"false\" tabindex=\"0\"><forge-icon class=\"forge-split-view-panel__icon\" id=\"icon\" part=\"icon\"></forge-icon><forge-state-layer target=\"handle\" id=\"state-layer\" exportparts=\"surface:state-layer\"></forge-state-layer><forge-focus-indicator inward target=\"handle\" part=\"focus-indicator\"></forge-focus-indicator></div><div class=\"forge-split-view-panel__content\" id=\"content\" part=\"content\" role=\"group\"><slot></slot></div></div></template>';
-const styles = '.forge-split-view-panel{display:flex;width:100%;height:100%;overflow:hidden}.forge-split-view-panel__handle{color:var(--forge-theme-text-medium,rgba(0,0,0,.6));background-color:var(--forge-theme-outline,#e0e0e0);position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;outline:0}.forge-split-view-panel__content{flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:var(--forge-split-view-handle-width,8px);width:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:u5hcny5;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes u5hcny5{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;animation-name:u5hcnya;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes u5hcnya{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:u5hcnyv;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes u5hcnyv{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;animation-name:u5hcnzl;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes u5hcnzl{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=vertical]{min-height:var(--forge-split-view-handle-width,8px);height:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:u5hcnzx;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes u5hcnzx{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;animation-name:u5hco06;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes u5hco06{from{transform:none}to{transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:u5hco0q;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes u5hco0q{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;animation-name:u5hco1q;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes u5hco1q{from{transform:none}to{transform:translateY(100%)}}:host{z-index:var(--forge-split-view-animating-layer)!important;display:block;position:relative;height:100%;width:100%;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}forge-focus-indicator{--forge-focus-indicator-active-width:2px}';
+const styles = '.forge-split-view-panel{display:flex;width:100%;height:100%;overflow:hidden}.forge-split-view-panel__handle{color:var(--forge-theme-text-medium,rgba(0,0,0,.6));background-color:var(--forge-theme-outline,#e0e0e0);position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;outline:0}.forge-split-view-panel__content{flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:var(--forge-split-view-handle-width,8px);width:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:u5ckttb;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes u5ckttb{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;animation-name:u5cktu7;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes u5cktu7{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:u5cktv2;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes u5cktv2{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;animation-name:u5cktvo;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes u5cktvo{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=vertical]{min-height:var(--forge-split-view-handle-width,8px);height:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:u5cktwc;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes u5cktwc{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;animation-name:u5cktwv;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes u5cktwv{from{transform:none}to{transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:u5cktwx;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes u5cktwx{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;animation-name:u5cktx2;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes u5cktx2{from{transform:none}to{transform:translateY(100%)}}:host{z-index:var(--forge-split-view-animating-layer)!important;display:block;position:relative;height:100%;width:100%;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}forge-focus-indicator{--forge-focus-indicator-active-width:2px}';
 /**
  * @tag forge-split-view-panel
  *

package/esm/table/table-constants.d.ts

@@ -88,6 +88,7 @@ export declare const TABLE_CONSTANTS: {
         FILTER: string;
         INITIALIZED: string;
         COLUMN_RESIZE: string;
+        BEFORE_BODY_RENDERED: string;
         BODY_RENDERED: string;
     };
     strings: {

package/esm/table/table-constants.js

@@ -90,6 +90,7 @@ const events = {
     FILTER: `${elementName}-filter`,
     INITIALIZED: `${elementName}-initialized`,
     COLUMN_RESIZE: `${elementName}-column-resize`,
+    BEFORE_BODY_RENDERED: `${elementName}-before-body-rendered`,
     BODY_RENDERED: `${elementName}-body-rendered`
 };
 const strings = {

package/esm/table/table-core.js

@@ -440,6 +440,7 @@ export class TableCore {
      * Creates and renders the table with the current column configuration and data.
      */
     render() {
+        this._adapter.emitHostEvent(TABLE_CONSTANTS.events.BEFORE_BODY_RENDERED, undefined, false);
         this._adapter.createTable(this._tableConfiguration);
         this._renderSelections();
         this._rendered = true;
@@ -452,6 +453,7 @@ export class TableCore {
         if (!this._rendered) {
             return;
         }
+        this._adapter.emitHostEvent(TABLE_CONSTANTS.events.BEFORE_BODY_RENDERED, undefined, false);
         this._adapter.recreateTableBody(this._tableConfiguration);
         this._renderSelections();
         this._adapter.emitHostEvent(TABLE_CONSTANTS.events.BODY_RENDERED, undefined, false);
@@ -575,7 +577,6 @@ export class TableCore {
      * Handles a row being selected/deselected.
      */
     _onRowSelected(evt) {
-        // TODO: We need to ignore this if the checkbox is disabled (which could happen in user code)
         // We handle row selection manually with either a pointerdown or keydown event (space key), so we listen
         // for the change event as well to prevent checking the checkbox being checked by the time the event reaches us
         if (evt.type === 'change') {

package/esm/table/table.d.ts

@@ -59,6 +59,7 @@ declare global {
         'forge-table-filter': CustomEvent<ITableFilterEventData>;
         'forge-table-initialized': CustomEvent<void>;
         'forge-table-column-resize': CustomEvent<ITableColumnResizeEventData>;
+        'forge-table-before-body-rendered': CustomEvent<void>;
         'forge-table-body-rendered': CustomEvent<void>;
     }
 }
@@ -78,6 +79,7 @@ declare global {
  * @event {CustomEvent<ITableFilterEventData>} forge-table-filter - Dispatched when a column is filtered. Only applies when `filter` is specified.
  * @event {CustomEvent<void>} forge-table-initialized - Dispatched when the table is initialized in the DOM for the first time.
  * @event {CustomEvent<ITableColumnResizeEventData>} forge-table-column-resize - Dispatched when a column is resized.
+ * @event {CustomEvent<void>} forge-table-before-body-rendered - Dispatched before the table body is rendered.
  * @event {CustomEvent<void>} forge-table-body-rendered - Dispatched when the table body is rendered.
  *
  * @cssclass forge-data-table - The base table class.

package/esm/table/table.js

@@ -31,6 +31,7 @@ import { TooltipComponent } from '../tooltip';
  * @event {CustomEvent<ITableFilterEventData>} forge-table-filter - Dispatched when a column is filtered. Only applies when `filter` is specified.
  * @event {CustomEvent<void>} forge-table-initialized - Dispatched when the table is initialized in the DOM for the first time.
  * @event {CustomEvent<ITableColumnResizeEventData>} forge-table-column-resize - Dispatched when a column is resized.
+ * @event {CustomEvent<void>} forge-table-before-body-rendered - Dispatched before the table body is rendered.
  * @event {CustomEvent<void>} forge-table-body-rendered - Dispatched when the table body is rendered.
  *
  * @cssclass forge-data-table - The base table class.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tylertech/forge",
   "description": "Tyler Forge™ Web Components library",
-  "version": "3.9.0-dev.2",
+  "version": "3.9.0-dev.4",
   "author": "Tyler Technologies, Inc.",
   "license": "Apache-2.0",
   "repository": {
@@ -13,11 +13,11 @@
   "typings": "esm/index.d.ts",
   "sideEffects": false,
   "dependencies": {
-    "@floating-ui/dom": "^1.6.13",
-    "@tylertech/forge-core": "^3.1.0",
-    "@tylertech/tyler-icons": "^2.0.1",
+    "@floating-ui/dom": "^1.7.0",
+    "@tylertech/forge-core": "^3.2.0",
+    "@tylertech/tyler-icons": "^2.0.3",
     "imask": "^7.6.1",
-    "lit": "^3.2.1",
+    "lit": "^3.3.0",
     "tslib": "^2.8.1"
   },
   "customElements": "custom-elements.json"

package/sass/calendar/calendar-menu/_variables.scss

@@ -4,7 +4,7 @@
  * License: Apache-2.0
  */
 $animation-duration: 200ms;
-$grid-item-background-color: rgba(0, 0, 0, 0.08);
+$grid-item-background-color: rgb(0, 0, 0, 0.08);
 $initial-scale: 0.4;
 $list-item-horizontal-margin: 4px;
 $max-height: 320px;

package/sass/color-picker/_mixins.scss

@@ -51,7 +51,7 @@
         height: 16px;
         width: 16px;
         background-color: white;
-        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+        box-shadow: 0 1px 2px rgb(0, 0, 0, 0.3);
         position: absolute;
         border-radius: 50%;
         top: calc(50% - 8px);
@@ -71,8 +71,8 @@
     &__color-preview-container {
       border-radius: 50%;
       box-shadow:
-        0 0 2px 0 rgba(0, 0, 0, 0.54) inset,
-        0 0 2px 0 rgba(0, 0, 0, 0.54);
+        0 0 2px 0 rgb(0, 0, 0, 0.54) inset,
+        0 0 2px 0 rgb(0, 0, 0, 0.54);
       overflow: hidden;
     }
 
@@ -159,7 +159,7 @@
     &__opacity-slider {
       height: 8px;
       margin-top: 16px;
-      background: linear-gradient(to right, rgba(255, 0, 0, 0) 0%, rgb(255, 0, 0) 100%);
+      background: linear-gradient(to right, rgb(255, 0, 0, 0) 0%, rgb(255, 0, 0) 100%);
     }
 
     &__color-rgba,
@@ -206,7 +206,7 @@
 }
 
 @mixin gradient-color() {
-  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%), linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%);
+  background: linear-gradient(to bottom, rgb(0, 0, 0, 0) 0, #000 100%), linear-gradient(to right, #fff 0, rgb(255, 255, 255, 0) 100%);
   height: 152px;
 }
 

package/sass/core/styles/theme/_color-utils.scss

@@ -47,7 +47,7 @@
 
   $minimumContrast: 3.1;
   $lightContrast: contrast-ratio($color, white);
-  $darkContrast: contrast-ratio($color, rgba(black, 0.87));
+  $darkContrast: contrast-ratio($color, rgb(black, 0.87));
 
   @if $lightContrast < $minimumContrast and $darkContrast > $lightContrast {
     @return 'light';

package/sass/core/styles/tokens/app-bar/app-bar/_tokens.scss

@@ -26,7 +26,7 @@ $tokens: (
   transition-timing: utils.module-val(app-bar, transition-timing, animation.variable(easing-standard)),
   // Scoped theming tokens for app bar children to optionally inherit
   theme-foreground: utils.module-ref(app-bar, theme-foreground, foreground),
-  theme-foreground-muted: utils.module-val(app-bar, theme-foreground-muted, rgba(white, theme.emphasis(medium)))
+  theme-foreground-muted: utils.module-val(app-bar, theme-foreground-muted, rgb(white, theme.emphasis(medium)))
 ) !default;
 
 @function get($key) {

package/sass/drawer/mini-drawer/mini-drawer.scss

@@ -48,7 +48,6 @@
 
     .content {
       overflow: auto;
-      overflow: overlay; // Only supported by Chrome, Safari, Opera
     }
   }
 }

package/esm/data-table/body/body.d.ts

@@ -1,33 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { TemplateResult } from 'lit';
-import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
-import { BaseLitElement } from '../../core/base/base-lit-element';
-export interface IDataTableBodyComponent extends BaseLitElement {
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'forge-data-table-body': IDataTableBodyComponent;
-    }
-}
-export declare const DATA_TABLE_BODY_TAG_NAME: keyof HTMLElementTagNameMap;
-/**
- * @tag forge-data-table-body
- *
- * @summary Represents the body section of a data table.
- *
- * @csspart root - The root container element.
- *
- * @slot - The default slot for body content.
- *
- * @cssclass forge-data-table-body - The data table body class _(required)_.
- */
-export declare class DataTableBodyComponent extends BaseLitElement implements IDataTableBodyComponent {
-    static styles: import("lit").CSSResult;
-    /** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
-    static [CUSTOM_ELEMENT_NAME_PROPERTY]: keyof HTMLElementTagNameMap;
-    render(): TemplateResult;
-}

package/esm/data-table/body/body.js

@@ -1,42 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-var _a;
-import { __decorate } from "tslib";
-import { html, unsafeCSS } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
-import { BaseLitElement } from '../../core/base/base-lit-element';
-const styles = ':host{display:block}:host([hidden]){display:none}.forge-data-table-body{display:table-row-group}';
-export const DATA_TABLE_BODY_TAG_NAME = 'forge-data-table-body';
-/**
- * @tag forge-data-table-body
- *
- * @summary Represents the body section of a data table.
- *
- * @csspart root - The root container element.
- *
- * @slot - The default slot for body content.
- *
- * @cssclass forge-data-table-body - The data table body class _(required)_.
- */
-let DataTableBodyComponent = class DataTableBodyComponent extends BaseLitElement {
-    render() {
-        return html `
-      <div part="root" class=${classMap({ 'forge-data-table-body': true })}>
-        <slot></slot>
-      </div>
-    `;
-    }
-};
-_a = CUSTOM_ELEMENT_NAME_PROPERTY;
-DataTableBodyComponent.styles = unsafeCSS(styles);
-/** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
-DataTableBodyComponent[_a] = DATA_TABLE_BODY_TAG_NAME;
-DataTableBodyComponent = __decorate([
-    customElement(DATA_TABLE_BODY_TAG_NAME)
-], DataTableBodyComponent);
-export { DataTableBodyComponent };

package/esm/data-table/body/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './body';

package/esm/data-table/body/index.js

@@ -1,6 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './body';

package/esm/data-table/cell/cell.d.ts

@@ -1,33 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { TemplateResult } from 'lit';
-import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
-import { BaseLitElement } from '../../core/base/base-lit-element';
-export interface IDataTableCellComponent extends BaseLitElement {
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'forge-data-table-cell': IDataTableCellComponent;
-    }
-}
-export declare const DATA_TABLE_CELL_TAG_NAME: keyof HTMLElementTagNameMap;
-/**
- * @tag forge-data-table-cell
- *
- * @summary Represents a cell in a data table.
- *
- * @csspart root - The root container element.
- *
- * @slot - The default slot for cell content.
- *
- * @cssclass forge-data-table-cell - The data table cell class _(required)_.
- */
-export declare class DataTableCellComponent extends BaseLitElement implements IDataTableCellComponent {
-    static styles: import("lit").CSSResult;
-    /** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
-    static [CUSTOM_ELEMENT_NAME_PROPERTY]: keyof HTMLElementTagNameMap;
-    render(): TemplateResult;
-}

package/esm/data-table/cell/cell.js

@@ -1,42 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-var _a;
-import { __decorate } from "tslib";
-import { html, unsafeCSS } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
-import { BaseLitElement } from '../../core/base/base-lit-element';
-const styles = ':host{display:block}:host([hidden]){display:none}.forge-data-table-cell{display:table-cell;padding:.5rem}';
-export const DATA_TABLE_CELL_TAG_NAME = 'forge-data-table-cell';
-/**
- * @tag forge-data-table-cell
- *
- * @summary Represents a cell in a data table.
- *
- * @csspart root - The root container element.
- *
- * @slot - The default slot for cell content.
- *
- * @cssclass forge-data-table-cell - The data table cell class _(required)_.
- */
-let DataTableCellComponent = class DataTableCellComponent extends BaseLitElement {
-    render() {
-        return html `
-      <div part="root" class=${classMap({ 'forge-data-table-cell': true })}>
-        <slot></slot>
-      </div>
-    `;
-    }
-};
-_a = CUSTOM_ELEMENT_NAME_PROPERTY;
-DataTableCellComponent.styles = unsafeCSS(styles);
-/** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
-DataTableCellComponent[_a] = DATA_TABLE_CELL_TAG_NAME;
-DataTableCellComponent = __decorate([
-    customElement(DATA_TABLE_CELL_TAG_NAME)
-], DataTableCellComponent);
-export { DataTableCellComponent };

package/esm/data-table/cell/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './cell';

package/esm/data-table/cell/index.js

@@ -1,6 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './cell';

package/esm/data-table/column/column.d.ts

@@ -1,33 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { TemplateResult } from 'lit';
-import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
-import { BaseLitElement } from '../../core/base/base-lit-element';
-export interface IDataTableColumnComponent extends BaseLitElement {
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'forge-data-table-column': IDataTableColumnComponent;
-    }
-}
-export declare const DATA_TABLE_COLUMN_TAG_NAME: keyof HTMLElementTagNameMap;
-/**
- * @tag forge-data-table-column
- *
- * @summary Represents a column in a data table.
- *
- * @csspart root - The root container element.
- *
- * @slot - The default slot for column content.
- *
- * @cssclass forge-data-table-column - The data table column class _(required)_.
- */
-export declare class DataTableColumnComponent extends BaseLitElement implements IDataTableColumnComponent {
-    static styles: import("lit").CSSResult;
-    /** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
-    static [CUSTOM_ELEMENT_NAME_PROPERTY]: keyof HTMLElementTagNameMap;
-    render(): TemplateResult;
-}

package/esm/data-table/column/column.js

@@ -1,42 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-var _a;
-import { __decorate } from "tslib";
-import { html, unsafeCSS } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
-import { BaseLitElement } from '../../core/base/base-lit-element';
-const styles = ':host{display:block}:host([hidden]){display:none}.forge-data-table-column{display:table-column}';
-export const DATA_TABLE_COLUMN_TAG_NAME = 'forge-data-table-column';
-/**
- * @tag forge-data-table-column
- *
- * @summary Represents a column in a data table.
- *
- * @csspart root - The root container element.
- *
- * @slot - The default slot for column content.
- *
- * @cssclass forge-data-table-column - The data table column class _(required)_.
- */
-let DataTableColumnComponent = class DataTableColumnComponent extends BaseLitElement {
-    render() {
-        return html `
-      <div part="root" class=${classMap({ 'forge-data-table-column': true })}>
-        <slot></slot>
-      </div>
-    `;
-    }
-};
-_a = CUSTOM_ELEMENT_NAME_PROPERTY;
-DataTableColumnComponent.styles = unsafeCSS(styles);
-/** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
-DataTableColumnComponent[_a] = DATA_TABLE_COLUMN_TAG_NAME;
-DataTableColumnComponent = __decorate([
-    customElement(DATA_TABLE_COLUMN_TAG_NAME)
-], DataTableColumnComponent);
-export { DataTableColumnComponent };

package/esm/data-table/column/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './column';

package/esm/data-table/column/index.js

@@ -1,6 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './column';

package/esm/data-table/footer/footer.d.ts

@@ -1,33 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { TemplateResult } from 'lit';
-import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
-import { BaseLitElement } from '../../core/base/base-lit-element';
-export interface IDataTableFooterComponent extends BaseLitElement {
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'forge-data-table-footer': IDataTableFooterComponent;
-    }
-}
-export declare const DATA_TABLE_FOOTER_TAG_NAME: keyof HTMLElementTagNameMap;
-/**
- * @tag forge-data-table-footer
- *
- * @summary Represents the footer section of a data table.
- *
- * @csspart root - The root container element.
- *
- * @slot - The default slot for footer content.
- *
- * @cssclass forge-data-table-footer - The data table footer class _(required)_.
- */
-export declare class DataTableFooterComponent extends BaseLitElement implements IDataTableFooterComponent {
-    static styles: import("lit").CSSResult;
-    /** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
-    static [CUSTOM_ELEMENT_NAME_PROPERTY]: keyof HTMLElementTagNameMap;
-    render(): TemplateResult;
-}

package/esm/data-table/footer/footer.js

@@ -1,42 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-var _a;
-import { __decorate } from "tslib";
-import { html, unsafeCSS } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
-import { BaseLitElement } from '../../core/base/base-lit-element';
-const styles = ':host{display:block}:host([hidden]){display:none}.forge-data-table-footer{display:table-footer-group}';
-export const DATA_TABLE_FOOTER_TAG_NAME = 'forge-data-table-footer';
-/**
- * @tag forge-data-table-footer
- *
- * @summary Represents the footer section of a data table.
- *
- * @csspart root - The root container element.
- *
- * @slot - The default slot for footer content.
- *
- * @cssclass forge-data-table-footer - The data table footer class _(required)_.
- */
-let DataTableFooterComponent = class DataTableFooterComponent extends BaseLitElement {
-    render() {
-        return html `
-      <div part="root" class=${classMap({ 'forge-data-table-footer': true })}>
-        <slot></slot>
-      </div>
-    `;
-    }
-};
-_a = CUSTOM_ELEMENT_NAME_PROPERTY;
-DataTableFooterComponent.styles = unsafeCSS(styles);
-/** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
-DataTableFooterComponent[_a] = DATA_TABLE_FOOTER_TAG_NAME;
-DataTableFooterComponent = __decorate([
-    customElement(DATA_TABLE_FOOTER_TAG_NAME)
-], DataTableFooterComponent);
-export { DataTableFooterComponent };

package/esm/data-table/footer/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './footer';