@trimble-oss/moduswebcomponents/modus-wc/p-3ef381de.entry.js

Modus Web Components is a modern, accessible UI library built with Stencil JS that provides reusable web components following Trimble's Modus design system. This updated version focuses on improved flexibility, enhanced theming options, comprehensive cust

import{r as o,d as t,h as s,e as d,g as c}from"./p-C1-Dpkp7.js";import{h as u}from"./p-tWS3Egrk.js";import{K as r,i as n}from"./p-DJ2rBB6r.js";const e=class{constructor(s){o(this,s),this.buttonClick=t(this,"buttonClick",7),this.inheritedAttributes={},this.color="primary",this.customClass="",this.disabled=!1,this.fullWidth=!1,this.pressed=!1,this.shape="rectangle",this.size="md",this.type="button",this.variant="filled",this.handleClick=o=>{this.disabled||this.buttonClick.emit(o)},this.handleKeyDown=o=>{this.disabled||o.key!==r.Enter&&o.key!==r.Space||(o.preventDefault(),this.buttonClick.emit(o))}}componentWillLoad(){u(this.el),this.inheritedAttributes=n(this.el)}getClasses(){const o=["modus-wc-btn"],t=(({color:o,disabled:t,fullWidth:s,pressed:d,shape:c,size:u,variant:r})=>{let n="";if(o)switch(o){case"primary":n=`${n} modus-wc-btn-primary`;break;case"secondary":n=`${n} modus-wc-btn-secondary`;break;case"tertiary":n=`${n} modus-wc-btn-neutral`;break;case"warning":n=`${n} modus-wc-btn-warning`;break;case"danger":n=`${n} modus-wc-btn-error`;break;case"neutral":n=`${n} modus-wc-btn-base-inverted`}if(t&&(n=`${n} modus-wc-btn-disabled`),s&&(n=`${n} modus-wc-btn-block`),d&&(n=`${n} modus-wc-btn-active`),c)switch(c){case"circle":n=`${n} modus-wc-btn-circle`;break;case"ellipse":n=`${n} modus-wc-btn-ellipse`;break;case"square":n=`${n} modus-wc-btn-square`}if(u&&(n=`${n} modus-wc-btn-${u}`),r)switch(r){case"borderless":n=`${n} modus-wc-btn-borderless`;break;case"filled":n=`${n} modus-wc-btn-filled`;break;case"outlined":n=`${n} modus-wc-btn-outline`}return n.trim()})({color:this.color,disabled:this.disabled,fullWidth:this.fullWidth,pressed:this.pressed,shape:this.shape,size:this.size,variant:this.variant});return t&&o.push(t),this.customClass&&o.push(this.customClass),o.join(" ")}render(){const o=this.pressed?"true":void 0;return s(d,{key:"087c59ed184d8e55c7a19b2ff8cfdaa741aa710b"},s("button",Object.assign({key:"9cf3cc116b6e22696473d4b7ec7cbe6818b42c23",class:this.getClasses(),"aria-pressed":o,disabled:this.disabled,onClick:this.handleClick,onKeyDown:this.handleKeyDown,tabIndex:this.disabled?-1:0,type:this.type},this.inheritedAttributes),s("slot",{key:"ecbae9cd2d98d31d9a93737345875b10a65e86cf"})))}get el(){return c(this)}};e.style="modus-wc-button .modus-wc-btn-xs{height:var(--modus-wc-size-xs);min-height:var(--modus-wc-size-xs)}modus-wc-button .modus-wc-btn-sm{height:var(--modus-wc-size-sm);min-height:var(--modus-wc-size-sm)}modus-wc-button .modus-wc-btn-md{height:var(--modus-wc-size-md);min-height:var(--modus-wc-size-md)}modus-wc-button .modus-wc-btn-lg{height:var(--modus-wc-size-lg);min-height:var(--modus-wc-size-lg)}modus-wc-button .modus-wc-btn-xl{height:var(--modus-wc-size-xl);min-height:var(--modus-wc-size-xl)}modus-wc-button .modus-wc-btn.modus-wc-btn-filled.modus-wc-btn-neutral:not(.modus-wc-btn-disabled){background-color:var(--modus-wc-color-base-100);border-color:var(--modus-wc-color-base-100)}modus-wc-button .modus-wc-btn.modus-wc-btn-filled.modus-wc-btn-neutral:not(.modus-wc-btn-disabled):hover,modus-wc-button .modus-wc-btn.modus-wc-btn-filled.modus-wc-btn-neutral:not(.modus-wc-btn-disabled).modus-wc-btn-active,modus-wc-button .modus-wc-btn.modus-wc-btn-filled.modus-wc-btn-neutral:not(.modus-wc-btn-disabled)[aria-pressed=true]{background-color:var(--modus-wc-color-base-200);border-color:var(--modus-wc-color-base-200)}modus-wc-button .modus-wc-btn-outline.modus-wc-btn-primary[aria-pressed=true]{background-color:var(--modus-wc-color-primary);border:1px solid transparent;color:var(--modus-wc-color-primary-content)}modus-wc-button .modus-wc-btn-outline.modus-wc-btn-primary:hover{background-color:var(--modus-wc-color-primary-pale);color:var(--modus-wc-color-primary)}modus-wc-button .modus-wc-btn-outline.modus-wc-btn-secondary[aria-pressed=true]{background-color:var(--modus-wc-color-secondary);border:1px solid transparent;color:var(--modus-wc-color-secondary-content)}modus-wc-button .modus-wc-btn-outline.modus-wc-btn-secondary:hover{background-color:var(--modus-wc-color-secondary-pale);color:var(--modus-wc-color-secondary)}modus-wc-button .modus-wc-btn-outline.modus-wc-btn-accent[aria-pressed=true]{background-color:var(--modus-wc-color-accent);border:1px solid transparent;color:var(--modus-wc-color-accent-content)}modus-wc-button .modus-wc-btn-outline.modus-wc-btn-accent:hover{background-color:var(--modus-wc-color-accent-pale);color:var(--modus-wc-color-accent)}modus-wc-button .modus-wc-btn-outline.modus-wc-btn-neutral[aria-pressed=true]{background-color:var(--modus-wc-color-neutral);border:1px solid transparent;color:var(--modus-wc-color-base-content)}modus-wc-button .modus-wc-btn-outline.modus-wc-btn-neutral:hover{background-color:var(--modus-wc-color-neutral-pale);color:var(--modus-wc-color-base-content)}modus-wc-button .modus-wc-btn-outline.modus-wc-btn-warning[aria-pressed=true]{background-color:var(--modus-wc-color-warning);border:1px solid transparent;color:var(--modus-wc-color-warning-content)}modus-wc-button .modus-wc-btn-outline.modus-wc-btn-warning:hover{background-color:var(--modus-wc-color-warning-pale);color:var(--modus-wc-color-warning)}modus-wc-button .modus-wc-btn-outline.modus-wc-btn-error[aria-pressed=true]{background-color:var(--modus-wc-color-error);border:1px solid transparent;color:var(--modus-wc-color-error-content)}modus-wc-button .modus-wc-btn-outline.modus-wc-btn-error:hover{background-color:var(--modus-wc-color-error-pale);color:var(--modus-wc-color-error)}modus-wc-button .modus-wc-btn-outline.modus-wc-btn-base-inverted[aria-pressed=true]{background-color:var(--modus-wc-color-trimble-neutral);border:1px solid transparent;color:var(--modus-wc-color-trimble-neutral-content)}modus-wc-button .modus-wc-btn-outline.modus-wc-btn-base-inverted:hover{background-color:color-mix(in oklab, var(--modus-wc-color-trimble-neutral) 12%, transparent);color:var(--modus-wc-color-trimble-neutral)}modus-wc-button .modus-wc-btn-xl:not(.modus-wc-btn-circle):not(.modus-wc-btn-square){font-size:var(--modus-wc-font-size-2xl);padding-left:var(--modus-wc-spacing-2xl);padding-right:var(--modus-wc-spacing-2xl)}modus-wc-button .modus-wc-btn-borderless.modus-wc-btn-primary[aria-pressed=true]{background-color:var(--modus-wc-color-primary);border:1px solid transparent;color:var(--modus-wc-color-primary-content)}modus-wc-button .modus-wc-btn-borderless.modus-wc-btn-primary:hover{background-color:var(--modus-wc-color-primary-pale);color:var(--modus-wc-color-primary)}modus-wc-button .modus-wc-btn-borderless.modus-wc-btn-secondary[aria-pressed=true]{background-color:var(--modus-wc-color-secondary);border:1px solid transparent;color:var(--modus-wc-color-secondary-content)}modus-wc-button .modus-wc-btn-borderless.modus-wc-btn-secondary:hover{background-color:var(--modus-wc-color-secondary-pale);color:var(--modus-wc-color-secondary)}modus-wc-button .modus-wc-btn-borderless.modus-wc-btn-accent[aria-pressed=true]{background-color:var(--modus-wc-color-accent);border:1px solid transparent;color:var(--modus-wc-color-accent-content)}modus-wc-button .modus-wc-btn-borderless.modus-wc-btn-accent:hover{background-color:var(--modus-wc-color-accent-pale);color:var(--modus-wc-color-accent)}modus-wc-button .modus-wc-btn-borderless.modus-wc-btn-neutral[aria-pressed=true]{background-color:var(--modus-wc-color-neutral);border:1px solid transparent;color:var(--modus-wc-color-base-content)}modus-wc-button .modus-wc-btn-borderless.modus-wc-btn-neutral:hover{background-color:var(--modus-wc-color-neutral-pale);color:var(--modus-wc-color-base-content)}modus-wc-button .modus-wc-btn-borderless.modus-wc-btn-warning[aria-pressed=true]{background-color:var(--modus-wc-color-warning);border:1px solid transparent;color:var(--modus-wc-color-warning-content)}modus-wc-button .modus-wc-btn-borderless.modus-wc-btn-warning:hover{background-color:var(--modus-wc-color-warning-pale);color:var(--modus-wc-color-warning)}modus-wc-button .modus-wc-btn-borderless.modus-wc-btn-error[aria-pressed=true]{background-color:var(--modus-wc-color-error);border:1px solid transparent;color:var(--modus-wc-color-error-content)}modus-wc-button .modus-wc-btn-borderless.modus-wc-btn-error:hover{background-color:var(--modus-wc-color-error-pale);color:var(--modus-wc-color-error)}modus-wc-button .modus-wc-btn-borderless.modus-wc-btn-base-inverted[aria-pressed=true]{background-color:var(--modus-wc-color-trimble-neutral);border:1px solid transparent;color:var(--modus-wc-color-trimble-neutral-content)}modus-wc-button .modus-wc-btn-borderless.modus-wc-btn-base-inverted:hover{background-color:color-mix(in oklab, var(--modus-wc-color-trimble-neutral) 12%, transparent);color:var(--modus-wc-color-trimble-neutral)}modus-wc-button .modus-wc-btn-borderless{background-color:transparent;border:none;box-shadow:none}modus-wc-button .modus-wc-btn-borderless.modus-wc-btn-primary{color:var(--modus-wc-color-primary)}modus-wc-button .modus-wc-btn-borderless.modus-wc-btn-secondary{color:var(--modus-wc-color-secondary)}modus-wc-button .modus-wc-btn-borderless.modus-wc-btn-neutral{color:var(--modus-wc-color-content)}modus-wc-button .modus-wc-btn-borderless.modus-wc-btn-warning{color:var(--modus-wc-color-warning)}modus-wc-button .modus-wc-btn-borderless.modus-wc-btn-error{color:var(--modus-wc-color-error)}modus-wc-button .modus-wc-btn-borderless.modus-wc-btn-base-inverted{color:var(--modus-wc-color-trimble-neutral)}modus-wc-button .modus-wc-btn.modus-wc-btn-ellipse{border-radius:var(--modus-wc-border-radius-rounded)}modus-wc-button .modus-wc-btn-circle.modus-wc-btn-md,modus-wc-button .modus-wc-btn-square.modus-wc-btn-md{width:var(--modus-wc-size-md)}modus-wc-button .modus-wc-btn-circle.modus-wc-btn-lg,modus-wc-button .modus-wc-btn-square.modus-wc-btn-lg{width:var(--modus-wc-size-lg)}modus-wc-button .modus-wc-btn-circle.modus-wc-btn-xl,modus-wc-button .modus-wc-btn-square.modus-wc-btn-xl{width:var(--modus-wc-size-xl)}modus-wc-button .modus-wc-btn.modus-wc-btn-base-inverted.modus-wc-btn-filled:not(.modus-wc-btn-disabled){background-color:var(--modus-wc-color-trimble-neutral);border-color:var(--modus-wc-color-trimble-neutral);color:var(--modus-wc-color-base-page)}modus-wc-button .modus-wc-btn.modus-wc-btn-base-inverted.modus-wc-btn-filled:not(.modus-wc-btn-disabled):hover{background-color:color-mix(in oklab, var(--modus-wc-color-trimble-neutral) 90%, var(--modus-wc-color-black));border-color:color-mix(in oklab, var(--modus-wc-color-trimble-neutral) 90%, var(--modus-wc-color-black))}modus-wc-button .modus-wc-btn.modus-wc-btn-base-inverted.modus-wc-btn-filled:not(.modus-wc-btn-disabled):active,modus-wc-button .modus-wc-btn.modus-wc-btn-base-inverted.modus-wc-btn-filled:not(.modus-wc-btn-disabled)[aria-pressed=true]{background-color:color-mix(in oklab, var(--modus-wc-color-trimble-neutral) 80%, var(--modus-wc-color-black));border-color:color-mix(in oklab, var(--modus-wc-color-trimble-neutral) 80%, var(--modus-wc-color-black))}modus-wc-button .modus-wc-btn.modus-wc-btn-base-inverted.modus-wc-btn-outline:not(:hover):not(:active):not([aria-pressed=true]):not(.modus-wc-btn-disabled){background-color:transparent;border-color:var(--modus-wc-color-trimble-neutral);color:var(--modus-wc-color-trimble-neutral)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted),[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted){--rounded-btn:var(--modus-wc-border-radius-md);border:none;outline:none}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-xs,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-xs{font-size:var(--modus-wc-font-size-xs)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-xs:not(.modus-wc-btn-circle):not(.modus-wc-btn-square),[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-xs:not(.modus-wc-btn-circle):not(.modus-wc-btn-square){padding:var(--modus-wc-spacing-2xs) var(--modus-wc-spacing-sm)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-sm,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-sm{font-size:var(--modus-wc-font-size-sm)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-sm:not(.modus-wc-btn-circle):not(.modus-wc-btn-square),[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-sm:not(.modus-wc-btn-circle):not(.modus-wc-btn-square){padding:var(--modus-wc-spacing-xs) var(--modus-wc-spacing-md)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-md,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-md{font-size:var(--modus-wc-font-size-md)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-md:not(.modus-wc-btn-circle):not(.modus-wc-btn-square),[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-md:not(.modus-wc-btn-circle):not(.modus-wc-btn-square){padding:var(--modus-wc-spacing-sm) var(--modus-wc-spacing-lg)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-lg,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-lg{font-size:var(--modus-wc-font-size-lg)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-lg:not(.modus-wc-btn-circle):not(.modus-wc-btn-square),[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-lg:not(.modus-wc-btn-circle):not(.modus-wc-btn-square){padding:var(--modus-wc-spacing-md) var(--modus-wc-spacing-xl)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-xl,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-xl{font-size:var(--modus-wc-font-size-xl)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-xl:not(.modus-wc-btn-circle):not(.modus-wc-btn-square),[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-xl:not(.modus-wc-btn-circle):not(.modus-wc-btn-square){padding:var(--modus-wc-spacing-lg) var(--modus-wc-spacing-2xl)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless{background-color:transparent;box-shadow:none}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless:active,[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless[aria-pressed=true],[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless:active,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless[aria-pressed=true]{background-color:transparent}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless:hover,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless:hover{background-color:transparent}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline{background-color:transparent;border:var(--modus-wc-border-width-xs) solid var(--modus-wc-color-trimble-gray)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline:active,[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline[aria-pressed=true],[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline:active,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline[aria-pressed=true]{background-color:transparent}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline:hover,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline:hover{background-color:transparent}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-primary:focus-visible,[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-primary:focus-visible,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-primary:focus-visible,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-primary:focus-visible{box-shadow:0 0 0 0.25rem rgba(38, 122, 177, 0.5)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-secondary:focus-visible,[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-secondary:focus-visible,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-secondary:focus-visible,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-secondary:focus-visible{box-shadow:0 0 0 0.25rem rgba(98, 102, 108, 0.5)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-neutral:focus-visible,[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-neutral:focus-visible,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-neutral:focus-visible,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-neutral:focus-visible{box-shadow:0 0 0 0.25rem rgba(98, 102, 108, 0.5)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-warning:focus-visible,[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-warning:focus-visible,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-warning:focus-visible,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-warning:focus-visible{box-shadow:0 0 0 0.25rem rgba(194, 125, 31, 0.5)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-error:focus-visible,[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-error:focus-visible,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-error:focus-visible,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-error:focus-visible{box-shadow:0 0 0 0.25rem rgba(224, 66, 76, 0.5)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-disabled{opacity:0.3}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless:focus-visible{border:var(--modus-wc-border-width-sm) solid var(--modus-wc-color-black)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless.modus-wc-btn-primary{color:var(--modus-wc-color-trimble-blue)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless.modus-wc-btn-secondary{color:var(--modus-wc-color-gray-6)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless.modus-wc-btn-neutral{color:var(--modus-wc-color-gray-6)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless.modus-wc-btn-warning{color:var(--modus-wc-color-yellow)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless.modus-wc-btn-error{color:var(--modus-wc-color-red)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-primary{background-color:var(--modus-wc-color-trimble-blue);color:var(--modus-wc-color-white)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-primary:hover{background-color:var(--modus-wc-color-blue-light)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-primary:active,[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-primary[aria-pressed=true]{background-color:var(--modus-wc-color-blue-dark)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-secondary{background-color:var(--modus-wc-color-gray-6);color:var(--modus-wc-color-white)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-secondary:hover{background-color:var(--modus-wc-color-gray-5)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-secondary:active,[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-secondary[aria-pressed=true]{background-color:var(--modus-wc-color-gray-7)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-neutral{background-color:var(--modus-wc-color-gray-1);color:var(--modus-wc-color-trimble-gray)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-neutral:hover{background-color:var(--modus-wc-color-gray-0)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-neutral:active,[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-neutral[aria-pressed=true]{background-color:var(--modus-wc-color-gray-2)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-warning{background-color:var(--modus-wc-color-yellow);border:var(--modus-wc-border-width-xs) solid var(--modus-wc-color-red);color:var(--modus-wc-color-trimble-gray)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-warning:hover{background-color:var(--modus-wc-color-yellow-light)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-warning:active,[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-warning[aria-pressed=true]{background-color:var(--modus-wc-color-yellow-dark)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-error{background-color:var(--modus-wc-color-red);color:var(--modus-wc-color-white)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-error:hover{background-color:var(--modus-wc-color-red-light)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-error:active,[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-error[aria-pressed=true]{background-color:var(--modus-wc-color-red-dark)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-primary{border-color:var(--modus-wc-color-trimble-blue);color:var(--modus-wc-color-trimble-blue)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-primary:hover{background-color:var(--modus-wc-color-blue-pale);border-color:var(--modus-wc-color-blue-light);color:var(--modus-wc-color-blue-light)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-primary:active,[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-primary[aria-pressed=true]{background-color:rgba(0, 99, 163, 0.18);border-color:var(--modus-wc-color-blue-dark);color:var(--modus-wc-color-blue-dark)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-secondary{border-color:var(--modus-wc-color-trimble-gray);color:var(--modus-wc-color-trimble-gray)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-secondary:hover{background-color:var(--modus-wc-color-gray-0)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-secondary:active,[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-secondary[aria-pressed=true]{background-color:var(--modus-wc-color-gray-1)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-neutral{border-color:var(--modus-wc-color-trimble-gray);color:var(--modus-wc-color-trimble-gray)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-neutral:hover{background-color:var(--modus-wc-color-gray-1)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-neutral:active,[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-neutral[aria-pressed=true]{background-color:var(--modus-wc-color-gray-2)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-warning{border-color:var(--modus-wc-color-yellow);color:var(--modus-wc-color-yellow)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-warning:hover{border-color:var(--modus-wc-color-yellow-light);color:var(--modus-wc-color-yellow-light)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-warning:active,[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-warning[aria-pressed=true]{border-color:var(--modus-wc-color-yellow-dark);color:var(--modus-wc-color-yellow-dark)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-error{border-color:var(--modus-wc-color-red);color:var(--modus-wc-color-red)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-error:hover{border-color:var(--modus-wc-color-red-light);color:var(--modus-wc-color-red-light)}[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-error:active,[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-error[aria-pressed=true]{border-color:var(--modus-wc-color-red-dark);color:var(--modus-wc-color-red-dark)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-disabled{opacity:0.4}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless:focus-visible{border:var(--modus-wc-border-width-sm) solid var(--modus-wc-color-white)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless.modus-wc-btn-primary{color:var(--modus-wc-color-highlight-blue)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless.modus-wc-btn-secondary{color:var(--modus-wc-color-gray-6)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless.modus-wc-btn-neutral{color:var(--modus-wc-color-gray-1)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless.modus-wc-btn-warning{color:var(--modus-wc-color-yellow)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless.modus-wc-btn-error{color:var(--modus-wc-color-red)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-primary{background-color:var(--modus-wc-color-highlight-blue);color:var(--modus-wc-color-gray-10)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-primary:hover{background-color:var(--modus-wc-color-blue-light)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-primary:active,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-primary[aria-pressed=true]{background-color:var(--modus-wc-color-blue-dark)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-secondary{background-color:var(--modus-wc-color-gray-6);color:var(--modus-wc-color-white)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-secondary:hover{background-color:var(--modus-wc-color-gray-5)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-secondary:active,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-secondary[aria-pressed=true]{background-color:var(--modus-wc-color-gray-7)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-neutral{background-color:var(--modus-wc-color-gray-1);color:var(--modus-wc-color-trimble-gray)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-neutral:hover{background-color:var(--modus-wc-color-gray-0)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-neutral:active,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-neutral[aria-pressed=true]{background-color:var(--modus-wc-color-gray-4)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-warning{background-color:var(--modus-wc-color-yellow);border:var(--modus-wc-border-width-xs) solid var(--modus-wc-color-red);color:var(--modus-wc-color-trimble-gray)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-warning:hover{background-color:var(--modus-wc-color-yellow-light)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-warning:active,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-warning[aria-pressed=true]{background-color:var(--modus-wc-color-yellow-dark)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-error{background-color:var(--modus-wc-color-red);color:var(--modus-wc-color-white)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-error:hover{background-color:var(--modus-wc-color-red-light)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-error:active,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-error[aria-pressed=true]{background-color:var(--modus-wc-color-red-dark)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-primary{border-color:var(--modus-wc-color-highlight-blue);color:var(--modus-wc-color-highlight-blue)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-primary:hover{background-color:rgba(1, 154, 235, 0.12)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-primary:active,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-primary[aria-pressed=true]{background-color:rgba(1, 154, 235, 0.3)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-secondary{border-color:var(--modus-wc-color-gray-1);color:var(--modus-wc-color-gray-1)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-secondary:hover{background-color:rgba(203, 205, 214, 0.12)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-secondary:active,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-secondary[aria-pressed=true]{background-color:rgba(203, 205, 214, 0.3)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-neutral{border-color:var(--modus-wc-color-gray-2);color:var(--modus-wc-color-gray-2)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-neutral:hover{background-color:rgba(203, 205, 214, 0.12)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-neutral:active,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-neutral[aria-pressed=true]{background-color:rgba(203, 205, 214, 0.3)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-warning{border-color:var(--modus-wc-color-yellow);color:var(--modus-wc-color-yellow)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-warning:hover{border-color:var(--modus-wc-color-yellow-light);color:var(--modus-wc-color-yellow-light)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-warning:active,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-warning[aria-pressed=true]{border-color:var(--modus-wc-color-yellow-dark);color:var(--modus-wc-color-yellow-dark)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-error{border-color:var(--modus-wc-color-red);color:var(--modus-wc-color-red)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-error:hover{border-color:var(--modus-wc-color-red-light);color:var(--modus-wc-color-red-light)}[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-error:active,[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-error[aria-pressed=true]{border-color:var(--modus-wc-color-red-dark);color:var(--modus-wc-color-red-dark)}[data-theme=connect-light] modus-wc-button .modus-wc-btn.modus-wc-btn-filled.modus-wc-btn-secondary{color:var(--modus-wc-color-white)}";export{e as modus_wc_button}