@fluid-topics/ft-file-drop 1.1.84 → 1.1.86
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/ft-file-drop.light.js +429 -273
- package/build/ft-file-drop.min.js +429 -273
- package/package.json +4 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(()=>{var
|
|
1
|
+
"use strict";(()=>{var ei=Object.create;var No=Object.defineProperty;var oi=Object.getOwnPropertyDescriptor;var ri=Object.getOwnPropertyNames;var ni=Object.getPrototypeOf,ii=Object.prototype.hasOwnProperty;var se=(e,o)=>()=>(o||e((o={exports:{}}).exports,o),o.exports);var ai=(e,o,n,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of ri(o))!ii.call(e,a)&&a!==n&&No(e,a,{get:()=>o[a],enumerable:!(i=oi(o,a))||i.enumerable});return e};var u=(e,o,n)=>(n=e!=null?ei(ni(e)):{},ai(o||!e||!e.__esModule?No(n,"default",{value:e,enumerable:!0}):n,e));var R=se((Bi,Eo)=>{Eo.exports=ftGlobals.wcUtils});var B=se((Pi,wo)=>{wo.exports=ftGlobals.lit});var pt=se((zi,Ro)=>{Ro.exports=ftGlobals.litDecorators});var Zt=se((Ti,Lo)=>{Lo.exports=ftGlobals.litClassMap});var Fr=se((ks,Mr)=>{Mr.exports=ftGlobals.litUnsafeHTML});var Jn=u(R());var Yn=u(B()),Bt=u(pt()),Xn=u(R()),qn=u(Zt());function Ao(e,o,n){if(e.length==0)return!0;let i=e.replace(/[.+?^${}()|[\]\\]/g,"\\$&").replace(/\*/g,".*").replace(/,/g,"|"),a=new RegExp(i),l=o.includes(".")?"."+o.split(".").pop():void 0;return l&&a.test(l)?!0:a.test(n)}var xo=u(R());var Ze=u(B()),Q=u(pt()),Zn=u(Zt()),Me=u(R());var Ho=u(R());var ko=u(B()),M=u(pt()),_o=u(Zt()),pe=u(R());var zo=u(B()),k=u(R()),$o=k.FtCssVariableFactory.extend("--ft-ripple-color","",k.designSystemVariables.colorContent),N={color:$o,backgroundColor:k.FtCssVariableFactory.extend("--ft-ripple-background-color","",$o),opacityContentOnSurfacePressed:k.FtCssVariableFactory.external(k.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:k.FtCssVariableFactory.external(k.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:k.FtCssVariableFactory.external(k.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:k.FtCssVariableFactory.external(k.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),borderRadius:k.FtCssVariableFactory.create("--ft-ripple-border-radius","","SIZE","0px")},Io=k.FtCssVariableFactory.extend("--ft-ripple-color","",k.designSystemVariables.colorPrimary),Wo={color:Io,backgroundColor:k.FtCssVariableFactory.extend("--ft-ripple-background-color","",Io)},Bo=k.FtCssVariableFactory.extend("--ft-ripple-color","",k.designSystemVariables.colorSecondary),Po={color:Bo,backgroundColor:k.FtCssVariableFactory.extend("--ft-ripple-background-color","",Bo)},To=zo.css`
|
|
2
2
|
:host {
|
|
3
3
|
display: contents;
|
|
4
4
|
}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
|
|
12
12
|
.ft-ripple:not(.ft-ripple--unbounded) {
|
|
13
13
|
overflow: hidden;
|
|
14
|
-
border-radius: ${
|
|
14
|
+
border-radius: ${N.borderRadius};
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.ft-ripple .ft-ripple--background,
|
|
@@ -45,27 +45,27 @@
|
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
.ft-ripple .ft-ripple--background {
|
|
48
|
-
background-color: ${
|
|
48
|
+
background-color: ${N.backgroundColor};
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
.ft-ripple .ft-ripple--effect {
|
|
52
|
-
background-color: ${
|
|
52
|
+
background-color: ${N.color};
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
.ft-ripple.ft-ripple--secondary .ft-ripple--background {
|
|
56
|
-
background-color: ${
|
|
56
|
+
background-color: ${Po.backgroundColor};
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
.ft-ripple.ft-ripple--secondary .ft-ripple--effect {
|
|
60
|
-
background-color: ${
|
|
60
|
+
background-color: ${Po.color};
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
.ft-ripple.ft-ripple--primary .ft-ripple--background {
|
|
64
|
-
background-color: ${
|
|
64
|
+
background-color: ${Wo.backgroundColor};
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
.ft-ripple.ft-ripple--primary .ft-ripple--effect {
|
|
68
|
-
background-color: ${
|
|
68
|
+
background-color: ${Wo.color};
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
.ft-ripple .ft-ripple--background {
|
|
@@ -95,37 +95,37 @@
|
|
|
95
95
|
}
|
|
96
96
|
|
|
97
97
|
.ft-ripple.ft-ripple--hovered .ft-ripple--background {
|
|
98
|
-
opacity: ${
|
|
98
|
+
opacity: ${N.opacityContentOnSurfaceHover};
|
|
99
99
|
}
|
|
100
100
|
|
|
101
101
|
.ft-ripple.ft-ripple--selected .ft-ripple--background {
|
|
102
|
-
opacity: ${
|
|
102
|
+
opacity: ${N.opacityContentOnSurfaceSelected};
|
|
103
103
|
}
|
|
104
104
|
|
|
105
105
|
.ft-ripple.ft-ripple--focused .ft-ripple--background {
|
|
106
|
-
opacity: ${
|
|
106
|
+
opacity: ${N.opacityContentOnSurfaceFocused};
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
.ft-ripple.ft-ripple--pressed .ft-ripple--effect {
|
|
110
|
-
opacity: ${
|
|
110
|
+
opacity: ${N.opacityContentOnSurfacePressed};
|
|
111
111
|
transform: translate(-50%, -50%) scale(1);
|
|
112
112
|
}
|
|
113
|
-
`;var
|
|
113
|
+
`;var tt=function(e,o,n,i){var a=arguments.length,l=a<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,n):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(e,o,n,i);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(l=(a<3?c(l):a>3?c(o,n,l):c(o,n))||l);return a>3&&l&&Object.defineProperty(o,n,l),l},A=class extends pe.FtLitElement{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.originX=0,this.originY=0,this.debouncer=new pe.Debouncer(1e3),this.onTransitionStart=o=>{o.propertyName==="transform"&&(this.rippling=this.pressed,this.debouncer.run(()=>this.rippling=!1))},this.onTransitionEnd=o=>{o.propertyName==="transform"&&(this.rippling=!1)},this.setupDebouncer=new pe.Debouncer(10),this.moveRipple=o=>{var n,i;let{x:a,y:l}=this.getCoordinates(o),c=(i=(n=this.ripple)===null||n===void 0?void 0:n.getBoundingClientRect())!==null&&i!==void 0?i:{x:0,y:0,width:0,height:0};this.originX=Math.round(a!=null?a-c.x:c.width/2),this.originY=Math.round(l!=null?l-c.y:c.height/2)},this.startPress=o=>{this.moveRipple(o),this.pressed=!this.isIgnored(o)},this.endPress=()=>{this.pressed=!1},this.startHover=o=>{this.hovered=!this.isIgnored(o)},this.endHover=()=>{this.hovered=!1},this.startFocus=o=>{this.focused=this.isFocusVisible(o?.target)&&!this.isIgnored(o)},this.endFocus=()=>{this.focused=!1}}render(){let o={"ft-ripple":!0,"ft-ripple--primary":this.primary,"ft-ripple--secondary":this.secondary,"ft-ripple--unbounded":this.unbounded,"ft-ripple--selected":(this.selected||this.activated)&&!this.disabled,"ft-ripple--pressed":(this.pressed||this.rippling)&&!this.disabled,"ft-ripple--hovered":this.hovered&&!this.disabled,"ft-ripple--focused":this.focused&&!this.disabled};return ko.html`
|
|
114
114
|
<style>
|
|
115
115
|
.ft-ripple .ft-ripple--effect {
|
|
116
116
|
left: ${this.originX}px;
|
|
117
117
|
top: ${this.originY}px;
|
|
118
118
|
}
|
|
119
119
|
</style>
|
|
120
|
-
<div class="${(0,
|
|
120
|
+
<div class="${(0,_o.classMap)(o)}">
|
|
121
121
|
<div class="ft-ripple--background"></div>
|
|
122
122
|
<div class="ft-ripple--effect"></div>
|
|
123
123
|
</div>
|
|
124
|
-
`}contentAvailableCallback(o){super.contentAvailableCallback(o),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(o){var n,i;super.update(o),o.has("disabled")&&(this.disabled?(this.endRipple(),(n=this.target)===null||n===void 0||n.removeAttribute("data-is-ft-ripple-target")):(i=this.target)===null||i===void 0||i.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run(()=>this.defaultSetup())}defaultSetup(){var o,n;let i=(o=this.shadowRoot)===null||o===void 0?void 0:o.host.parentElement;i&&this.setupFor((n=this.target)!==null&&n!==void 0?n:i)}setupFor(o){if(this.setupDebouncer.cancel(),this.target===o)return;this.onDisconnect&&this.onDisconnect(),this.target=o,o.setAttribute("data-is-ft-ripple-target","true");let n=(...
|
|
125
|
-
\f\r]`,
|
|
126
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),Wo=/'/g,Po=/"/g,ko=/^(?:script|style|textarea|title)$/i,Ho=e=>(o,...n)=>({_$litType$:e,strings:o,values:n}),_o=Ho(1),Uo=Ho(2),ce=Symbol.for("lit-noChange"),D=Symbol.for("lit-nothing"),Io=new WeakMap,Wt=Pt.createTreeWalker(Pt,129);function Do(e,o){if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return Lo!==void 0?Lo.createHTML(o):o}var Jn=(e,o)=>{let n=e.length-1,i=[],a,l=o===2?"<svg>":"",c=ae;for(let s=0;s<n;s++){let d=e[s],h,x,y=-1,N=0;for(;N<d.length&&(c.lastIndex=N,x=c.exec(d),x!==null);)N=c.lastIndex,c===ae?x[1]==="!--"?c=Ao:x[1]!==void 0?c=$o:x[2]!==void 0?(ko.test(x[2])&&(a=RegExp("</"+x[2],"g")),c=$t):x[3]!==void 0&&(c=$t):c===$t?x[0]===">"?(c=a??ae,y=-1):x[1]===void 0?y=-2:(y=c.lastIndex-x[2].length,h=x[1],c=x[3]===void 0?$t:x[3]==='"'?Po:Wo):c===Po||c===Wo?c=$t:c===Ao||c===$o?c=ae:(c=$t,a=void 0);let C=c===$t&&e[s+1].startsWith("/>")?" ":"";l+=c===ae?d+Xn:y>=0?(i.push(h),d.slice(0,y)+Bo+d.slice(y)+Nt+C):d+Nt+(y===-2?s:C)}return[Do(e,l+(e[n]||"<?>")+(o===2?"</svg>":"")),i]},pe=class e{constructor({strings:o,_$litType$:n},i){let a;this.parts=[];let l=0,c=0,s=o.length-1,d=this.parts,[h,x]=Jn(o,n);if(this.el=e.createElement(h,i),Wt.currentNode=this.el.content,n===2){let y=this.el.content.firstChild;y.replaceWith(...y.childNodes)}for(;(a=Wt.nextNode())!==null&&d.length<s;){if(a.nodeType===1){if(a.hasAttributes())for(let y of a.getAttributeNames())if(y.endsWith(Bo)){let N=x[c++],C=a.getAttribute(y).split(Nt),w=/([.?@])?(.*)/.exec(N);d.push({type:1,index:l,name:w[2],strings:C,ctor:w[1]==="."?Ue:w[1]==="?"?De:w[1]==="@"?Ge:_t}),a.removeAttribute(y)}else y.startsWith(Nt)&&(d.push({type:6,index:l}),a.removeAttribute(y));if(ko.test(a.tagName)){let y=a.textContent.split(Nt),N=y.length-1;if(N>0){a.textContent=Oe?Oe.emptyScript:"";for(let C=0;C<N;C++)a.append(y[C],Se()),Wt.nextNode(),d.push({type:2,index:++l});a.append(y[N],Se())}}}else if(a.nodeType===8)if(a.data===zo)d.push({type:2,index:l});else{let y=-1;for(;(y=a.data.indexOf(Nt,y+1))!==-1;)d.push({type:7,index:l}),y+=Nt.length-1}l++}}static createElement(o,n){let i=Pt.createElement("template");return i.innerHTML=o,i}};function Ht(e,o,n=e,i){if(o===ce)return o;let a=i!==void 0?n._$Co?.[i]:n._$Cl,l=le(o)?void 0:o._$litDirective$;return a?.constructor!==l&&(a?._$AO?.(!1),l===void 0?a=void 0:(a=new l(e),a._$AT(e,n,i)),i!==void 0?(n._$Co??=[])[i]=a:n._$Cl=a),a!==void 0&&(o=Ht(e,a._$AS(e,o.values),a,i)),o}var _e=class{constructor(o,n){this._$AV=[],this._$AN=void 0,this._$AD=o,this._$AM=n}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(o){let{el:{content:n},parts:i}=this._$AD,a=(o?.creationScope??Pt).importNode(n,!0);Wt.currentNode=a;let l=Wt.nextNode(),c=0,s=0,d=i[0];for(;d!==void 0;){if(c===d.index){let h;d.type===2?h=new Ce(l,l.nextSibling,this,o):d.type===1?h=new d.ctor(l,d.name,d.strings,this,o):d.type===6&&(h=new Ze(l,this,o)),this._$AV.push(h),d=i[++s]}c!==d?.index&&(l=Wt.nextNode(),c++)}return Wt.currentNode=Pt,a}p(o){let n=0;for(let i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(o,i,n),n+=i.strings.length-2):i._$AI(o[n])),n++}},Ce=class e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(o,n,i,a){this.type=2,this._$AH=D,this._$AN=void 0,this._$AA=o,this._$AB=n,this._$AM=i,this.options=a,this._$Cv=a?.isConnected??!0}get parentNode(){let o=this._$AA.parentNode,n=this._$AM;return n!==void 0&&o?.nodeType===11&&(o=n.parentNode),o}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(o,n=this){o=Ht(this,o,n),le(o)?o===D||o==null||o===""?(this._$AH!==D&&this._$AR(),this._$AH=D):o!==this._$AH&&o!==ce&&this._(o):o._$litType$!==void 0?this.g(o):o.nodeType!==void 0?this.$(o):qn(o)?this.T(o):this._(o)}k(o){return this._$AA.parentNode.insertBefore(o,this._$AB)}$(o){this._$AH!==o&&(this._$AR(),this._$AH=this.k(o))}_(o){this._$AH!==D&&le(this._$AH)?this._$AA.nextSibling.data=o:this.$(Pt.createTextNode(o)),this._$AH=o}g(o){let{values:n,_$litType$:i}=o,a=typeof i=="number"?this._$AC(o):(i.el===void 0&&(i.el=pe.createElement(Do(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===a)this._$AH.p(n);else{let l=new _e(a,this),c=l.u(this.options);l.p(n),this.$(c),this._$AH=l}}_$AC(o){let n=Io.get(o.strings);return n===void 0&&Io.set(o.strings,n=new pe(o)),n}T(o){To(this._$AH)||(this._$AH=[],this._$AR());let n=this._$AH,i,a=0;for(let l of o)a===n.length?n.push(i=new e(this.k(Se()),this.k(Se()),this,this.options)):i=n[a],i._$AI(l),a++;a<n.length&&(this._$AR(i&&i._$AB.nextSibling,a),n.length=a)}_$AR(o=this._$AA.nextSibling,n){for(this._$AP?.(!1,!0,n);o&&o!==this._$AB;){let i=o.nextSibling;o.remove(),o=i}}setConnected(o){this._$AM===void 0&&(this._$Cv=o,this._$AP?.(o))}},_t=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(o,n,i,a,l){this.type=1,this._$AH=D,this._$AN=void 0,this.element=o,this.name=n,this._$AM=a,this.options=l,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=D}_$AI(o,n=this,i,a){let l=this.strings,c=!1;if(l===void 0)o=Ht(this,o,n,0),c=!le(o)||o!==this._$AH&&o!==ce,c&&(this._$AH=o);else{let s=o,d,h;for(o=l[0],d=0;d<l.length-1;d++)h=Ht(this,s[i+d],n,d),h===ce&&(h=this._$AH[d]),c||=!le(h)||h!==this._$AH[d],h===D?o=D:o!==D&&(o+=(h??"")+l[d+1]),this._$AH[d]=h}c&&!a&&this.O(o)}O(o){o===D?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,o??"")}},Ue=class extends _t{constructor(){super(...arguments),this.type=3}O(o){this.element[this.name]=o===D?void 0:o}},De=class extends _t{constructor(){super(...arguments),this.type=4}O(o){this.element.toggleAttribute(this.name,!!o&&o!==D)}},Ge=class extends _t{constructor(o,n,i,a,l){super(o,n,i,a,l),this.type=5}_$AI(o,n=this){if((o=Ht(this,o,n,0)??D)===ce)return;let i=this._$AH,a=o===D&&i!==D||o.capture!==i.capture||o.once!==i.once||o.passive!==i.passive,l=o!==D&&(i===D||a);a&&this.element.removeEventListener(this.name,this,i),l&&this.element.addEventListener(this.name,this,o),this._$AH=o}handleEvent(o){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,o):this._$AH.handleEvent(o)}},Ze=class{constructor(o,n,i){this.element=o,this.type=6,this._$AN=void 0,this._$AM=n,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(o){Ht(this,o)}};var Qn=Ke.litHtmlPolyfillSupport;Qn?.(pe,Ce),(Ke.litHtmlVersions??=[]).push("3.1.0");var Zo=Symbol.for(""),ti=e=>{if(e?.r===Zo)return e?._$litStatic$},Me=e=>({_$litStatic$:e,r:Zo});var Go=new Map,Ko=e=>(o,...n)=>{let i=n.length,a,l,c=[],s=[],d,h=0,x=!1;for(;h<i;){for(d=o[h];h<i&&(l=n[h],(a=ti(l))!==void 0);)d+=a+o[++h],x=!0;h!==i&&s.push(l),c.push(d),h++}if(h===i&&c.push(o[i]),x){let y=c.join("$$lit$$");(o=Go.get(y))===void 0&&(c.raw=c,Go.set(y,o=c)),n=s}return e(o,...n)},Fe=Ko(_o),ki=Ko(Uo);var Ve=m(st()),Ir=m(R());var It;(function(e){e.title="title",e.title_dense="title-dense",e.subtitle1="subtitle1",e.subtitle2="subtitle2",e.body1="body1",e.body2="body2",e.caption="caption",e.breadcrumb="breadcrumb",e.overline="overline",e.button="button",e.display="display",e.title1="title-1",e.title2="title-2",e.title3="title-3",e.body1regular="body-1-regular",e.body1medium="body-1-medium",e.body1semibold="body-1-semibold",e.body2regular="body-2-regular",e.body2medium="body-2-medium",e.body2semibold="body-2-semibold",e.label1medium="label-1-medium",e.label1semibold="label-1-semibold",e.label1bold="label-1-bold",e.label2medium="label-2-medium",e.label2semibold="label-2-semibold",e.label2bold="label-2-bold",e.caption1medium="caption-1-medium",e.caption1semibold="caption-1-semibold",e.caption1bold="caption-1-bold",e.caption2medium="caption-2-medium",e.caption2semibold="caption-2-semibold",e.caption2bold="caption-2-bold"})(It||(It={}));var nt=m(_()),g=m(R());var mt=m(_(),1),Et=e=>typeof e=="string"?(0,mt.unsafeCSS)(e):e,t=class{static create(o,n,i,a){let l=s=>Et(s??a),c=mt.css`var(${Et(o)}, ${l(a)})`;return c.name=o,c.description=n,c.category=i,c.defaultValue=a,c.defaultCssValue=l,c.get=s=>mt.css`var(${Et(o)}, ${l(s)})`,c.breadcrumb=()=>[],c.lastResortDefaultValue=()=>a,c}static extend(o,n,i,a){let l=s=>i.get(s??a),c=mt.css`var(${Et(o)}, ${l(a)})`;return c.name=o,c.description=n,c.category=i.category,c.fallbackVariable=i,c.defaultValue=a,c.defaultCssValue=l,c.get=s=>mt.css`var(${Et(o)}, ${l(s)})`,c.breadcrumb=()=>[i.name,...i.breadcrumb()],c.lastResortDefaultValue=()=>a??i.lastResortDefaultValue(),c}static external(o,n){let i=l=>o.fallbackVariable?o.fallbackVariable.get(l??o.defaultValue):Et(l??o.lastResortDefaultValue()),a=mt.css`var(${Et(o.name)}, ${i(o.defaultValue)})`;return a.name=o.name,a.category=o.category,a.fallbackVariable=o.fallbackVariable,a.defaultValue=o.defaultValue,a.context=n,a.defaultCssValue=i,a.get=l=>mt.css`var(${Et(o.name)}, ${i(l)})`,a.breadcrumb=()=>o.fallbackVariable?[o.fallbackVariable.name,...o.fallbackVariable.breadcrumb()]:[],a.lastResortDefaultValue=()=>o.lastResortDefaultValue(),a}};var r={colorWhite:t.create("--ft-color-white","","COLOR","#ffffff"),colorGray0:t.create("--ft-color-gray-0","","COLOR","#71718e"),colorGray10:t.create("--ft-color-gray-10","","COLOR","#fbfbfc"),colorGray20:t.create("--ft-color-gray-20","","COLOR","#f2f2f5"),colorGray30:t.create("--ft-color-gray-30","","COLOR","#e9e9ed"),colorGray40:t.create("--ft-color-gray-40","","COLOR","#e0e0e6"),colorGray50:t.create("--ft-color-gray-50","","COLOR","#cdcdd7"),colorGray60:t.create("--ft-color-gray-60","","COLOR","#bbbbc9"),colorGray70:t.create("--ft-color-gray-70","","COLOR","#a8a8ba"),colorGray80:t.create("--ft-color-gray-80","","COLOR","#9696ab"),colorGray90:t.create("--ft-color-gray-90","","COLOR","#83839d"),colorGray100:t.create("--ft-color-gray-100","","COLOR","#62627c"),colorGray200:t.create("--ft-color-gray-200","","COLOR","#545469"),colorGray300:t.create("--ft-color-gray-300","","COLOR","#454557"),colorGray400:t.create("--ft-color-gray-400","","COLOR","#363644"),colorGray500:t.create("--ft-color-gray-500","","COLOR","#282832"),colorGray600:t.create("--ft-color-gray-600","","COLOR","#19191f"),colorGray700:t.create("--ft-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:t.create("--ft-color-brand-0","","COLOR","#9d207b"),colorBrand10:t.create("--ft-color-brand-10","","COLOR","#f7edf4"),colorBrand20:t.create("--ft-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:t.create("--ft-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:t.create("--ft-color-brand-40","","COLOR","#d395c2"),colorBrand50:t.create("--ft-color-brand-50","","COLOR","#c778b1"),colorBrand60:t.create("--ft-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:t.create("--ft-color-brand-70","","COLOR","#ae3e90"),colorBrand100:t.create("--ft-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:t.create("--ft-color-brand-200","","COLOR","#78185e"),colorBrand300:t.create("--ft-color-brand-300","","COLOR","#62144d"),colorBrand400:t.create("--ft-color-brand-400","","COLOR","#4d103c"),colorBrand500:t.create("--ft-color-brand-500","","COLOR","#380b2c"),colorBrand600:t.create("--ft-color-brand-600","","COLOR","#23071b"),colorBrand700:t.create("--ft-color-brand-700","","COLOR","#0d030b"),colorCyan0:t.create("--ft-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:t.create("--ft-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:t.create("--ft-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:t.create("--ft-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:t.create("--ft-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:t.create("--ft-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:t.create("--ft-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:t.create("--ft-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:t.create("--ft-color-cyan-100","","COLOR","#0c849c"),colorCyan200:t.create("--ft-color-cyan-200","","COLOR","#0a7085"),colorCyan300:t.create("--ft-color-cyan-300","","COLOR","#085c6d"),colorCyan400:t.create("--ft-color-cyan-400","","COLOR","#074856"),colorCyan500:t.create("--ft-color-cyan-500","","COLOR","#05343e"),colorCyan600:t.create("--ft-color-cyan-600","","COLOR","#032127"),colorCyan700:t.create("--ft-color-cyan-700","","COLOR","#010d0f"),colorGreen0:t.create("--ft-color-green-0","","COLOR","#21a274"),colorGreen10:t.create("--ft-color-green-10","","COLOR","#edf7f3"),colorGreen20:t.create("--ft-color-green-20","","COLOR","#cfebe1"),colorGreen30:t.create("--ft-color-green-30","","COLOR","#b2dfcf"),colorGreen40:t.create("--ft-color-green-40","","COLOR","#95d3bd"),colorGreen50:t.create("--ft-color-green-50","","COLOR","#78c7ab"),colorGreen60:t.create("--ft-color-green-60","","COLOR","#5bba98"),colorGreen70:t.create("--ft-color-green-70","","COLOR","#3eae86"),colorGreen100:t.create("--ft-color-green-100","","COLOR","#1d8d65"),colorGreen200:t.create("--ft-color-green-200","","COLOR","#187856"),colorGreen300:t.create("--ft-color-green-300","","COLOR","#146246"),colorGreen400:t.create("--ft-color-green-400","","COLOR","#104d37"),colorGreen500:t.create("--ft-color-green-500","","COLOR","#0b3828"),colorGreen600:t.create("--ft-color-green-600","","COLOR","#072319"),colorGreen700:t.create("--ft-color-green-700","","COLOR","#030d0a"),colorOrange0:t.create("--ft-color-orange-0","","COLOR","#F2700D"),colorOrange10:t.create("--ft-color-orange-10","","COLOR","#FFF7EB"),colorOrange20:t.create("--ft-color-orange-20","","COLOR","#FFEDD6"),colorOrange30:t.create("--ft-color-orange-30","","COLOR","#FFDDB2"),colorOrange40:t.create("--ft-color-orange-40","","COLOR","#FECB90"),colorOrange50:t.create("--ft-color-orange-50","","COLOR","#FCB76E"),colorOrange60:t.create("--ft-color-orange-60","","COLOR","#F9A34D"),colorOrange70:t.create("--ft-color-orange-70","","COLOR","#F68B2C"),colorOrange100:t.create("--ft-color-orange-100","","COLOR","#D35909"),colorOrange200:t.create("--ft-color-orange-200","","COLOR","#B74706"),colorOrange300:t.create("--ft-color-orange-300","","COLOR","#913503"),colorOrange400:t.create("--ft-color-orange-400","","COLOR","#6F2601"),colorOrange500:t.create("--ft-color-orange-500","","COLOR","#4D1800"),colorOrange600:t.create("--ft-color-orange-600","","COLOR","#330F00"),colorOrange700:t.create("--ft-color-orange-700","","COLOR","#140600"),colorRed0:t.create("--ft-color-red-0","","COLOR","#b40e2c"),colorRed10:t.create("--ft-color-red-10","","COLOR","#f9ebed"),colorRed20:t.create("--ft-color-red-20","","COLOR","#efcbd2"),colorRed30:t.create("--ft-color-red-30","","COLOR","#e5acb6"),colorRed40:t.create("--ft-color-red-40","","COLOR","#db8c9b"),colorRed50:t.create("--ft-color-red-50","","COLOR","#d16d7f"),colorRed60:t.create("--ft-color-red-60","","COLOR","#c84d63"),colorRed70:t.create("--ft-color-red-70","","COLOR","#be2e48"),colorRed100:t.create("--ft-color-red-100","","COLOR","#9c0c26"),colorRed200:t.create("--ft-color-red-200","","COLOR","#850a20"),colorRed300:t.create("--ft-color-red-300","","COLOR","#6d081b"),colorRed400:t.create("--ft-color-red-400","","COLOR","#560715"),colorRed500:t.create("--ft-color-red-500","","COLOR","#3e050f"),colorRed600:t.create("--ft-color-red-600","","COLOR","#270309"),colorRed700:t.create("--ft-color-red-700","","COLOR","#0f0104"),colorYellow0:t.create("--ft-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:t.create("--ft-color-yellow-10","","COLOR","#fefae9"),colorYellow20:t.create("--ft-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:t.create("--ft-color-yellow-30","","COLOR","#faedaa"),colorYellow40:t.create("--ft-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:t.create("--ft-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:t.create("--ft-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:t.create("--ft-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:t.create("--ft-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:t.create("--ft-color-yellow-200","","COLOR","#b3970a"),colorYellow300:t.create("--ft-color-yellow-300","","COLOR","#947c08"),colorYellow400:t.create("--ft-color-yellow-400","","COLOR","#746206"),colorYellow500:t.create("--ft-color-yellow-500","","COLOR","#554705"),colorYellow600:t.create("--ft-color-yellow-600","","COLOR","#352d03"),colorYellow700:t.create("--ft-color-yellow-700","","COLOR","#161201"),colorUltramarine0:t.create("--ft-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:t.create("--ft-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:t.create("--ft-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:t.create("--ft-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:t.create("--ft-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:t.create("--ft-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:t.create("--ft-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:t.create("--ft-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:t.create("--ft-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:t.create("--ft-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:t.create("--ft-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:t.create("--ft-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:t.create("--ft-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:t.create("--ft-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:t.create("--ft-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:t.create("--ft-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:t.create("--ft-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:t.create("--ft-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:t.create("--ft-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:t.create("--ft-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:t.create("--ft-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:t.create("--ft-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:t.create("--ft-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:t.create("--ft-color-avocado-100","","COLOR","#84A423"),colorAvocado200:t.create("--ft-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:t.create("--ft-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:t.create("--ft-color-avocado-400","","COLOR","#495B13"),colorAvocado500:t.create("--ft-color-avocado-500","","COLOR","#35420E"),colorAvocado600:t.create("--ft-color-avocado-600","","COLOR","#212A09"),colorAvocado700:t.create("--ft-color-avocado-700","","COLOR","#0E1104"),colorBrown0:t.create("--ft-color-brown-0","","COLOR","#B26F4D"),colorBrown10:t.create("--ft-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:t.create("--ft-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:t.create("--ft-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:t.create("--ft-color-brown-40","","COLOR","#DABAAA"),colorBrown50:t.create("--ft-color-brown-50","","COLOR","#D0A792"),colorBrown60:t.create("--ft-color-brown-60","","COLOR","#C6947B"),colorBrown70:t.create("--ft-color-brown-70","","COLOR","#BC8264"),colorBrown100:t.create("--ft-color-brown-100","","COLOR","#9B6143"),colorBrown200:t.create("--ft-color-brown-200","","COLOR","#845239"),colorBrown300:t.create("--ft-color-brown-300","","COLOR","#6D442F"),colorBrown400:t.create("--ft-color-brown-400","","COLOR","#553525"),colorBrown500:t.create("--ft-color-brown-500","","COLOR","#3E271B"),colorBrown600:t.create("--ft-color-brown-600","","COLOR","#271811"),colorBrown700:t.create("--ft-color-brown-700","","COLOR","#100A07"),spacing1:t.create("--ft-spacing-1","","SIZE","0.25rem"),spacing2:t.create("--ft-spacing-2","","SIZE","calc(var(--ft-spacing-2, 0.25rem)*2)"),spacing3:t.create("--ft-spacing-3","","SIZE","calc(var(--ft-spacing-3, 0.25rem)*3)"),spacing4:t.create("--ft-spacing-4","","SIZE","calc(var(--ft-spacing-4, 0.25rem)*4)"),spacing5:t.create("--ft-spacing-5","","SIZE","calc(var(--ft-spacing-5, 0.25rem)*5)"),spacing6:t.create("--ft-spacing-6","","SIZE","calc(var(--ft-spacing-6, 0.25rem)*6)"),spacing8:t.create("--ft-spacing-8","","SIZE","calc(var(--ft-spacing-8, 0.25rem)*8)"),spacing10:t.create("--ft-spacing-10","","SIZE","calc(var(--ft-spacing-10, 0.25rem)*10)"),spacing12:t.create("--ft-spacing-12","","SIZE","calc(var(--ft-spacing-12, 0.25rem)*12)"),spacing16:t.create("--ft-spacing-16","","SIZE","calc(var(--ft-spacing-16, 0.25rem)*16)"),spacing20:t.create("--ft-spacing-20","","SIZE","calc(var(--ft-spacing-20, 0.25rem)*20)"),spacing24:t.create("--ft-spacing-24","","SIZE","calc(var(--ft-spacing-24, 0.25rem)*24)"),spacing28:t.create("--ft-spacing-28","","SIZE","calc(var(--ft-spacing-28, 0.25rem)*28)"),spacing32:t.create("--ft-spacing-32","","SIZE","calc(var(--ft-spacing-32, 0.25rem)*32)"),spacing05:t.create("--ft-spacing-0-5","","SIZE","calc(var(--ft-spacing-0-5, 0.25rem)*0.5)"),borderRadiusS:t.create("--ft-border-radius-s","","SIZE","4px"),borderRadiusM:t.create("--ft-border-radius-m","","SIZE","8px"),borderRadiusL:t.create("--ft-border-radius-l","","SIZE","12px"),borderRadiusXl:t.create("--ft-border-radius-xl","","SIZE","16px"),borderRadiusPill:t.create("--ft-border-radius-pill","","SIZE","999px"),borderRadiusRound:t.create("--ft-border-radius-round","","SIZE","50%"),iconSize1:t.create("--ft-icon-size-1","","SIZE","0.75rem"),iconSize2:t.create("--ft-icon-size-2","","SIZE","1rem"),iconSize3:t.create("--ft-icon-size-3","","SIZE","1.25rem"),iconSize4:t.create("--ft-icon-size-4","","SIZE","1.5rem"),iconSize5:t.create("--ft-icon-size-5","","SIZE","2rem"),iconSize6:t.create("--ft-icon-size-6","","SIZE","3rem"),opacity0:t.create("--ft-opacity-0","","NUMBER","0"),opacity8:t.create("--ft-opacity-8","","NUMBER","0.08"),opacity16:t.create("--ft-opacity-16","","NUMBER","0.16"),opacity24:t.create("--ft-opacity-24","","NUMBER","0.24"),opacity40:t.create("--ft-opacity-40","","NUMBER","0.4"),opacity80:t.create("--ft-opacity-80","","NUMBER","0.8"),shadowElevation01:t.create("--ft-shadow-elevation-01","","SHADOW","0px 1px 4px 0px rgba(0,0,0,0.06), 0px 1px 2px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),shadowElevation02:t.create("--ft-shadow-elevation-02","","SHADOW","0px 4px 10px 0px rgba(0,0,0,0.06), 0px 2px 5px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),shadowElevation03:t.create("--ft-shadow-elevation-03","","SHADOW","0px 6px 13px 0px rgba(0,0,0,0.06), 0px 3px 7px 0px rgba(0,0,0,0.14), 0px 1px 2px 0px rgba(0,0,0,0.06)"),shadowElevation04:t.create("--ft-shadow-elevation-04","","SHADOW","0px 8px 16px 0px rgba(0,0,0,0.06), 0px 4px 9px 0px rgba(0,0,0,0.14), 0px 2px 3px 0px rgba(0,0,0,0.06)"),shadowElevation06:t.create("--ft-shadow-elevation-06","","SHADOW","0px 12px 22px 0px rgba(0,0,0,0.06), 0px 6px 13px 0px rgba(0,0,0,0.14), 0px 4px 5px 0px rgba(0,0,0,0.06)"),shadowElevation08:t.create("--ft-shadow-elevation-08","","SHADOW","0px 16px 28px 0px rgba(0,0,0,0.06), 0px 8px 17px 0px rgba(0,0,0,0.14), 0px 6px 7px 0px rgba(0,0,0,0.06)"),shadowElevation12:t.create("--ft-shadow-elevation-12","","SHADOW","0px 22px 40px 0px rgba(0,0,0,0.06), 0px 12px 23px 0px rgba(0,0,0,0.14), 0px 10px 11px 0px rgba(0,0,0,0.06)"),shadowElevation16:t.create("--ft-shadow-elevation-16","","SHADOW","0px 28px 52px 0px rgba(0,0,0,0.06), 0px 16px 29px 0px rgba(0,0,0,0.14), 0px 14px 15px 0px rgba(0,0,0,0.06)"),shadowElevation24:t.create("--ft-shadow-elevation-24","","SHADOW","0px 40px 76px 0px rgba(0,0,0,0.06), 0px 24px 41px 0px rgba(0,0,0,0.14), 0px 22px 23px 0px rgba(0,0,0,0.06)")},Mo={fontFamily:t.create("--ft-typography-display-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-display-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-display-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-display-fontSize","","SIZE","2.5rem"),letterSpacing:t.create("--ft-typography-display-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:t.create("--ft-typography-display-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-display-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-display-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-display-textCase","","UNKNOWN","none")},Fo={fontFamily:t.create("--ft-typography-title-1-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-title-1-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-title-1-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-title-1-fontSize","","SIZE","1.5rem"),letterSpacing:t.create("--ft-typography-title-1-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:t.create("--ft-typography-title-1-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-title-1-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-title-1-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-title-1-textCase","","UNKNOWN","none")},Vo={fontFamily:t.create("--ft-typography-title-2-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-title-2-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-title-2-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-title-2-fontSize","","SIZE","1.25rem"),letterSpacing:t.create("--ft-typography-title-2-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:t.create("--ft-typography-title-2-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-title-2-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-title-2-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-title-2-textCase","","UNKNOWN","none")},jo={fontFamily:t.create("--ft-typography-title-3-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-title-3-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-title-3-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-title-3-fontSize","","SIZE","1.125rem"),letterSpacing:t.create("--ft-typography-title-3-letterSpacing","","SIZE","-0.01em"),paragraphSpacing:t.create("--ft-typography-title-3-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-title-3-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-title-3-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-title-3-textCase","","UNKNOWN","none")},Yo={fontFamily:t.create("--ft-typography-body-1-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-1-regular-fontWeight","","UNKNOWN","400"),lineHeight:t.create("--ft-typography-body-1-regular-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-1-regular-fontSize","","SIZE","1rem"),letterSpacing:t.create("--ft-typography-body-1-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-1-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-1-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-1-regular-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-1-regular-textCase","","UNKNOWN","none")},Xo={fontFamily:t.create("--ft-typography-body-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-body-1-medium-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-1-medium-fontSize","","SIZE","1rem"),letterSpacing:t.create("--ft-typography-body-1-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-1-medium-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-1-medium-textCase","","UNKNOWN","none")},qo={fontFamily:t.create("--ft-typography-body-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-body-1-semibold-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-1-semibold-fontSize","","SIZE","1rem"),letterSpacing:t.create("--ft-typography-body-1-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-1-semibold-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-1-semibold-textCase","","UNKNOWN","none")},Jo={fontFamily:t.create("--ft-typography-body-2-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-regular-fontWeight","","UNKNOWN","400"),lineHeight:t.create("--ft-typography-body-2-regular-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-2-regular-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-2-regular-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-2-regular-textCase","","UNKNOWN","none")},Qo={fontFamily:t.create("--ft-typography-body-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-body-2-medium-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-2-medium-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-2-medium-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-2-medium-textCase","","UNKNOWN","none")},ei={fontFamily:t.create("--ft-typography-body-2-medium-underline-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-medium-underline-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-body-2-medium-underline-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-2-medium-underline-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-medium-underline-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-medium-underline-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-medium-underline-paragraphIndent","","UNKNOWN","0"),textCase:t.create("--ft-typography-body-2-medium-underline-textCase","","UNKNOWN","none"),textDecoration:t.create("--ft-typography-body-2-medium-underline-textDecoration","","UNKNOWN","underline")},tr={fontFamily:t.create("--ft-typography-body-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-body-2-semibold-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-2-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-2-semibold-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-2-semibold-textCase","","UNKNOWN","none")},er={fontFamily:t.create("--ft-typography-label-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-label-1-medium-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-1-medium-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-label-1-medium-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-1-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-1-medium-textDecoration","","UNKNOWN","none")},or={fontFamily:t.create("--ft-typography-label-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-label-1-semibold-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-1-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-label-1-semibold-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-1-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-1-semibold-textDecoration","","UNKNOWN","none")},rr={fontFamily:t.create("--ft-typography-label-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-label-1-bold-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-1-bold-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-label-1-bold-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-1-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-1-bold-textDecoration","","UNKNOWN","none")},nr={fontFamily:t.create("--ft-typography-label-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-label-2-medium-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-2-medium-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-label-2-medium-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-2-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-2-medium-textDecoration","","UNKNOWN","none")},ir={fontFamily:t.create("--ft-typography-label-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-label-2-semibold-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-2-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-label-2-semibold-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-2-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-2-semibold-textDecoration","","UNKNOWN","none")},ar={fontFamily:t.create("--ft-typography-label-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-label-2-bold-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-2-bold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-label-2-bold-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-2-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-2-bold-textDecoration","","UNKNOWN","none")},lr={fontFamily:t.create("--ft-typography-caption-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-caption-1-medium-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-1-medium-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-caption-1-medium-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-1-medium-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-1-medium-textDecoration","","UNKNOWN","none")},cr={fontFamily:t.create("--ft-typography-caption-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-caption-1-semibold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-1-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-caption-1-semibold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-1-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-1-semibold-textDecoration","","UNKNOWN","none")},pr={fontFamily:t.create("--ft-typography-caption-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-caption-1-bold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-1-bold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-caption-1-bold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-1-bold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-1-bold-textDecoration","","UNKNOWN","none")},sr={fontFamily:t.create("--ft-typography-caption-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-caption-2-medium-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-2-medium-fontSize","","SIZE","0.6875rem"),letterSpacing:t.create("--ft-typography-caption-2-medium-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-2-medium-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-2-medium-textDecoration","","UNKNOWN","none")},dr={fontFamily:t.create("--ft-typography-caption-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-caption-2-semibold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-2-semibold-fontSize","","SIZE","0.6875rem"),letterSpacing:t.create("--ft-typography-caption-2-semibold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-2-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-2-semibold-textDecoration","","UNKNOWN","none")},fr={fontFamily:t.create("--ft-typography-caption-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-caption-2-bold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-2-bold-fontSize","","SIZE","0.6875rem"),letterSpacing:t.create("--ft-typography-caption-2-bold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-2-bold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-2-bold-textDecoration","","UNKNOWN","none")},gr={fontFamily:t.create("--ft-typography-caption-3-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-3-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-caption-3-medium-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-3-medium-fontSize","","SIZE","0.625rem"),letterSpacing:t.create("--ft-typography-caption-3-medium-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-3-medium-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-3-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-3-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-3-medium-textDecoration","","UNKNOWN","none")},hr={fontFamily:t.create("--ft-typography-caption-3-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-3-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-caption-3-semibold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-3-semibold-fontSize","","SIZE","0.625rem"),letterSpacing:t.create("--ft-typography-caption-3-semibold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-3-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-3-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-3-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-3-semibold-textDecoration","","UNKNOWN","none")},ur={fontFamily:t.create("--ft-typography-caption-3-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-3-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-caption-3-bold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-3-bold-fontSize","","SIZE","0.625rem"),letterSpacing:t.create("--ft-typography-caption-3-bold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-3-bold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-3-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-3-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-3-bold-textDecoration","","UNKNOWN","none")},ve={display:Mo,"title-1":Fo,"title-2":Vo,"title-3":jo,"body-1-regular":Yo,"body-1-medium":Xo,"body-1-semibold":qo,"body-2-regular":Jo,"body-2-medium":Qo,"body-2-medium-underline":ei,"body-2-semibold":tr,"label-1-medium":er,"label-1-semibold":or,"label-1-bold":rr,"label-2-medium":nr,"label-2-semibold":ir,"label-2-bold":ar,"caption-1-medium":lr,"caption-1-semibold":cr,"caption-1-bold":pr,"caption-2-medium":sr,"caption-2-semibold":dr,"caption-2-bold":fr,"caption-3-medium":gr,"caption-3-semibold":hr,"caption-3-bold":ur};var p={backgroundActionPrimary:t.extend("--ft-background-action-primary","Used as backgorund of primary action components.",r.colorBrand0),backgroundErrorSubtle:t.extend("--ft-background-error-subtle","Used as background of subtle error components.",r.colorRed10),backgroundInfoSubtle:t.extend("--ft-background-info-subtle","Used as background of subtle information components.",r.colorCyan10),backgroundWarningSubtle:t.extend("--ft-background-warning-subtle","Used as background of subtle information components.",r.colorOrange10),backgroundSuccessSubtle:t.extend("--ft-background-success-subtle","Used as background of subtle success components.",r.colorGreen10),backgroundGlobalSurface:t.extend("--ft-background-global-surface","Used as app background.",r.colorWhite),backgroundGlobalOnSurface:t.extend("--ft-background-global-on-surface","Used as background on element on the base background, like cards.",r.colorGray10),backgroundGlobalOnSurfaceDark:t.extend("--ft-background-global-on-surface-dark","Used as background on element that need background separation.",r.colorGray30),contentActionPrimary:t.extend("--ft-content-action-primary","Used on label of primary action on light surface.",r.colorBrand0),contentWarningPrimary:t.extend("--ft-content-warning-primary","Used on label of warning messages on light surface.",r.colorOrange200),contentWarningIconOnly:t.extend("--ft-content-warning-icon-only","Used on warning status icons alone",r.colorOrange0),contentErrorPrimary:t.extend("--ft-content-error-primary","Used on label of error messages on light surface.",r.colorRed0),contentErrorIconOnly:t.extend("--ft-content-error-icon-only","Used on error status icons alone",r.colorRed70),contentInfoPrimary:t.extend("--ft-content-info-primary","Used on label of information messages on light surface.",r.colorCyan200),contentInfoIconOnly:t.extend("--ft-content-info-icon-only","Used on info status icons alone",r.colorCyan0),contentSuccessPrimary:t.extend("--ft-content-success-primary","Used on label of success messages on light surface.",r.colorGreen200),contentSuccessIconOnly:t.extend("--ft-content-success-icon-only","Used on success status icons alone",r.colorGreen0),contentGlobalPrimary:t.extend("--ft-content-global-primary","Used for main content on the page.",r.colorGray500),contentGlobalSecondary:t.extend("--ft-content-global-secondary",`Used for secondary content, often paired with primary content.
|
|
127
|
-
Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-content-global-subtle","Used for placeholder, unselected items in a tab component or breadcrumb.",r.colorGray0),contentGlobalOnColor:t.extend("--ft-content-global-on-color","Used for content on a dominant color.",r.colorWhite),borderActionPrimary:t.extend("--ft-border-action-primary","Used as border for primary action components.",r.colorBrand0),borderActionFocusRing:t.extend("--ft-border-action-focus-ring","Focus ring is an additional border to indicate focus-visible state.",r.colorCyan0),borderWarningPrimary:t.extend("--ft-border-warning-primary","Used as border for text fields in warning state and for buttons in warning color",r.colorOrange200),borderWarningSubtle:t.extend("--ft-border-warning-subtle","Used as border for warning components.",r.colorOrange30),borderSuccessPrimary:t.extend("--ft-border-success-primary","Used as border for success buttons.",r.colorGreen200),borderSuccessSubtle:t.extend("--ft-border-success-subtle","Used as border for success components.",r.colorGreen30),borderErrorPrimary:t.extend("--ft-border-error-primary","Used as border for text fields in error states.",r.colorRed0),borderErrorSubtle:t.extend("--ft-border-error-subtle","Used as border for error components.",r.colorRed30),borderInfoPrimary:t.extend("--ft-border-info-primary","Used as border for buttons in info color.",r.colorCyan200),borderInfoSubtle:t.extend("--ft-border-info-subtle","Used as border for information components.",r.colorCyan30),borderGlobalPrimary:t.extend("--ft-border-global-primary","Used as border for element like input.",r.colorGray50),borderGlobalSubtle:t.extend("--ft-border-global-subtle","Used as border to deliminate an area filled with background.on-surface and separators.",r.colorGray30),borderInputPrimary:t.extend("--ft-border-input-primary","Used as border for checkboxes and radio buttons",r.colorGray80)};var u={largeHeight:t.create("--ft-button-large-height","","SIZE","40px"),largeHorizontalPadding:t.extend("--ft-button-large-horizontal-padding","",r.spacing4),largeGap:t.extend("--ft-button-large-gap","",r.spacing2),largeBorderRadius:t.extend("--ft-button-large-border-radius","",r.borderRadiusS),largeIconSize:t.extend("--ft-button-large-icon-size","",r.iconSize3),largeBorderWidth:t.create("--ft-button-large-border-width","","SIZE","1px"),largeFocusOutlineOffset:t.create("--ft-button-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:t.create("--ft-button-large-focus-outline-width","","SIZE","2px"),largeIconOnlyWidth:t.create("--ft-button-large-icon-only-width","","SIZE","40px"),mediumHeight:t.create("--ft-button-medium-height","","SIZE","30px"),mediumHorizontalPadding:t.extend("--ft-button-medium-horizontal-padding","",r.spacing3),mediumGap:t.extend("--ft-button-medium-gap","",r.spacing2),mediumBorderRadius:t.extend("--ft-button-medium-border-radius","",r.borderRadiusS),mediumIconSize:t.extend("--ft-button-medium-icon-size","",r.iconSize2),mediumBorderWidth:t.create("--ft-button-medium-border-width","","SIZE","1px"),mediumFocusOutlineOffset:t.create("--ft-button-medium-focus-outline-offset","","SIZE","2px"),mediumFocusOutlineWidth:t.create("--ft-button-medium-focus-outline-width","","SIZE","2px"),mediumIconOnlyWidth:t.create("--ft-button-medium-icon-only-width","","SIZE","30px"),smallHeight:t.create("--ft-button-small-height","","SIZE","20px"),smallHorizontalPadding:t.extend("--ft-button-small-horizontal-padding","",r.spacing2),smallGap:t.extend("--ft-button-small-gap","",r.spacing1),smallBorderRadius:t.extend("--ft-button-small-border-radius","",r.borderRadiusS),smallIconSize:t.extend("--ft-button-small-icon-size","",r.iconSize1),smallBorderWidth:t.create("--ft-button-small-border-width","","SIZE","1px"),smallFocusOutlineOffset:t.create("--ft-button-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:t.create("--ft-button-small-focus-outline-width","","SIZE","2px"),smallIconOnlyWidth:t.create("--ft-button-small-icon-only-width","","SIZE","20px"),xSmallHeight:t.create("--ft-button-x-small-height","","SIZE","16px"),xSmallIconSize:t.extend("--ft-button-x-small-icon-size","",r.iconSize1),xSmallFocusOutlineOffset:t.create("--ft-button-x-small-focus-outline-offset","","SIZE","2px"),xSmallFocusOutlineWidth:t.create("--ft-button-x-small-focus-outline-width","","SIZE","2px"),xSmallIconOnlyWidth:t.create("--ft-button-x-small-icon-only-width","","SIZE","16px"),roundBorderRadius:t.extend("--ft-button-round-border-radius","",r.borderRadiusPill),primaryBackgroundColor:t.extend("--ft-button-primary-background-color","",p.backgroundActionPrimary),primaryColor:t.extend("--ft-button-primary-color","",p.contentGlobalOnColor),primaryIconColor:t.extend("--ft-button-primary-icon-color","",p.contentGlobalOnColor),primaryStateLayerColor:t.extend("--ft-button-primary-state-layer-color","",p.contentGlobalOnColor),primaryHoverStateLayerOpacity:t.extend("--ft-button-primary-hover-state-layer-opacity","",r.opacity16),primaryFocusStateLayerOpacity:t.extend("--ft-button-primary-focus-state-layer-opacity","",r.opacity16),primaryActiveStateLayerOpacity:t.extend("--ft-button-primary-active-state-layer-opacity","",r.opacity24),primaryDisabledComponentOpacity:t.extend("--ft-button-primary-disabled-component-opacity","",r.opacity40),focusFocusRingColor:t.extend("--ft-button-focus-focus-ring-color","",p.borderActionFocusRing),tertiaryBackgroundColor:t.create("--ft-button-tertiary-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryColor:t.extend("--ft-button-tertiary-color","",p.contentActionPrimary),tertiaryIconColor:t.extend("--ft-button-tertiary-icon-color","",p.contentActionPrimary),tertiaryStateLayerColor:t.extend("--ft-button-tertiary-state-layer-color","",p.contentActionPrimary),tertiaryHoverStateLayerOpacity:t.extend("--ft-button-tertiary-hover-state-layer-opacity","",r.opacity8),tertiaryFocusStateLayerOpacity:t.extend("--ft-button-tertiary-focus-state-layer-opacity","",r.opacity8),tertiaryActiveStateLayerOpacity:t.extend("--ft-button-tertiary-active-state-layer-opacity","",r.opacity16),tertiaryDisabledComponentOpacity:t.extend("--ft-button-tertiary-disabled-component-opacity","",r.opacity40),secondaryBackgroundColor:t.create("--ft-button-secondary-background-color","","COLOR","rgba(0,0,0,0)"),secondaryColor:t.extend("--ft-button-secondary-color","",p.contentActionPrimary),secondaryIconColor:t.extend("--ft-button-secondary-icon-color","",p.contentActionPrimary),secondaryStateLayerColor:t.extend("--ft-button-secondary-state-layer-color","",p.contentActionPrimary),secondaryHoverStateLayerOpacity:t.extend("--ft-button-secondary-hover-state-layer-opacity","",r.opacity8),secondaryFocusStateLayerOpacity:t.extend("--ft-button-secondary-focus-state-layer-opacity","",r.opacity8),secondaryActiveStateLayerOpacity:t.extend("--ft-button-secondary-active-state-layer-opacity","",r.opacity16),secondaryDisabledComponentOpacity:t.extend("--ft-button-secondary-disabled-component-opacity","",r.opacity40),secondaryBorderColor:t.extend("--ft-button-secondary-border-color","",p.borderActionPrimary),neutralBackgroundColor:t.create("--ft-button-neutral-background-color","","COLOR","rgba(0,0,0,0)"),neutralIconColor:t.extend("--ft-button-neutral-icon-color","",p.contentGlobalSecondary),neutralColor:t.extend("--ft-button-neutral-color","",p.contentGlobalSecondary),neutralStateLayerColor:t.extend("--ft-button-neutral-state-layer-color","",p.contentGlobalSecondary),neutralHoverStateLayerOpacity:t.extend("--ft-button-neutral-hover-state-layer-opacity","",r.opacity8),neutralFocusStateLayerOpacity:t.extend("--ft-button-neutral-focus-state-layer-opacity","",r.opacity8),neutralActiveStateLayerOpacity:t.extend("--ft-button-neutral-active-state-layer-opacity","",r.opacity16),neutralDisabledComponentOpacity:t.extend("--ft-button-neutral-disabled-component-opacity","",r.opacity40)};var ea={largeMinHeight:t.create("--ft-chip-large-min-height","","SIZE","36px"),largeHorizontalPadding:t.extend("--ft-chip-large-horizontal-padding","",r.spacing3),largeButtonRightPadding:t.extend("--ft-chip-large-button-right-padding","",r.spacing1),largeGap:t.extend("--ft-chip-large-gap","",r.spacing1),largeFocusOutlineOffset:t.create("--ft-chip-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:t.create("--ft-chip-large-focus-outline-width","","SIZE","2px"),largeBorderRadius:t.extend("--ft-chip-large-border-radius","",r.borderRadiusPill),largeBorderWidth:t.create("--ft-chip-large-border-width","","SIZE","1px"),largeIconSize:t.extend("--ft-chip-large-icon-size","",r.iconSize3),mediumMinHeight:t.create("--ft-chip-medium-min-height","","SIZE","24px"),mediumHorizontalPadding:t.extend("--ft-chip-medium-horizontal-padding","",r.spacing2),mediumButtonRightPadding:t.extend("--ft-chip-medium-button-right-padding","",r.spacing05),mediumGap:t.extend("--ft-chip-medium-gap","",r.spacing1),mediumFocusOutlineOffset:t.create("--ft-chip-medium-focus-outline-offset","","SIZE","2px"),mediumFocusOutlineWidth:t.create("--ft-chip-medium-focus-outline-width","","SIZE","2px"),mediumBorderRadius:t.extend("--ft-chip-medium-border-radius","",r.borderRadiusPill),mediumBorderWidth:t.create("--ft-chip-medium-border-width","","SIZE","1px"),mediumIconSize:t.extend("--ft-chip-medium-icon-size","",r.iconSize2),smallMinHeight:t.create("--ft-chip-small-min-height","","SIZE","20px"),smallHorizontalPadding:t.extend("--ft-chip-small-horizontal-padding","",r.spacing1),smallButtonRightPadding:t.extend("--ft-chip-small-button-right-padding","",r.spacing05),smallGap:t.extend("--ft-chip-small-gap","",r.spacing1),smallFocusOutlineOffset:t.create("--ft-chip-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:t.create("--ft-chip-small-focus-outline-width","","SIZE","2px"),smallBorderRadius:t.extend("--ft-chip-small-border-radius","",r.borderRadiusPill),smallBorderWidth:t.create("--ft-chip-small-border-width","","SIZE","1px"),smallIconSize:t.extend("--ft-chip-small-icon-size","",r.iconSize1),neutralBackgroundColor:t.extend("--ft-chip-neutral-background-color","",p.backgroundGlobalOnSurface),neutralColor:t.extend("--ft-chip-neutral-color","",p.contentGlobalSecondary),neutralIconColor:t.extend("--ft-chip-neutral-icon-color","",p.contentGlobalSecondary),neutralBorderColor:t.extend("--ft-chip-neutral-border-color","",p.borderGlobalSubtle),infoBackgroundColor:t.extend("--ft-chip-info-background-color","",p.backgroundInfoSubtle),infoColor:t.extend("--ft-chip-info-color","",p.contentInfoPrimary),infoIconColor:t.extend("--ft-chip-info-icon-color","",p.contentInfoIconOnly),infoBorderColor:t.extend("--ft-chip-info-border-color","",p.borderInfoSubtle),successBackgroundColor:t.extend("--ft-chip-success-background-color","",p.backgroundSuccessSubtle),successColor:t.extend("--ft-chip-success-color","",p.contentSuccessPrimary),successIconColor:t.extend("--ft-chip-success-icon-color","",p.contentSuccessIconOnly),successBorderColor:t.extend("--ft-chip-success-border-color","",p.borderSuccessSubtle),warningBackgroundColor:t.extend("--ft-chip-warning-background-color","",p.backgroundWarningSubtle),warningColor:t.extend("--ft-chip-warning-color","",p.contentWarningPrimary),warningIconColor:t.extend("--ft-chip-warning-icon-color","",p.contentWarningIconOnly),warningBorderColor:t.extend("--ft-chip-warning-border-color","",p.borderWarningSubtle),errorBackgroundColor:t.extend("--ft-chip-error-background-color","",p.backgroundErrorSubtle),errorColor:t.extend("--ft-chip-error-color","",p.contentErrorPrimary),errorIconColor:t.extend("--ft-chip-error-icon-color","",p.contentErrorIconOnly),errorBorderColor:t.extend("--ft-chip-error-border-color","",p.borderErrorSubtle)};var aa={focusOpacity:t.extend("--ft-link-focus-opacity","",r.opacity80),focusFocusRingColor:t.extend("--ft-link-focus-focus-ring-color","",p.borderActionFocusRing),brandColor:t.extend("--ft-link-brand-color","",p.contentActionPrimary),infoColor:t.extend("--ft-link-info-color","",p.contentInfoPrimary)};var da={iconSize:t.extend("--ft-banner-icon-size","",r.iconSize5),borderWidth:t.create("--ft-banner-border-width","","SIZE","1px"),leftPadding:t.extend("--ft-banner-left-padding","",r.spacing6),rightPadding:t.extend("--ft-banner-right-padding","",r.spacing6),verticalPadding:t.extend("--ft-banner-vertical-padding","",r.spacing6),horizontalSideGap:t.extend("--ft-banner-horizontal-side-gap","",r.spacing6),horizontalMobileGap:t.extend("--ft-banner-horizontal-mobile-gap","",r.spacing4),verticalMobileGap:t.extend("--ft-banner-vertical-mobile-gap","",r.spacing6),horizontalMiddleGap:t.extend("--ft-banner-horizontal-middle-gap","",r.spacing20),infoBackgroundColor:t.extend("--ft-banner-info-background-color","",p.backgroundInfoSubtle),infoColor:t.extend("--ft-banner-info-color","",p.contentInfoPrimary),infoIconColor:t.extend("--ft-banner-info-icon-color","",p.contentInfoIconOnly),infoBorderColor:t.extend("--ft-banner-info-border-color","",p.borderInfoSubtle)};var ma={horizontalPadding:t.extend("--ft-badge-horizontal-padding","",r.spacing1),verticalPadding:t.extend("--ft-badge-vertical-padding","",r.spacing1),borderRadius:t.extend("--ft-badge-border-radius","",r.borderRadiusPill),color:t.extend("--ft-badge-color","",p.contentGlobalOnColor),backgroundColor:t.extend("--ft-badge-background-color","",p.contentActionPrimary)};var Sa={horizontalGap:t.extend("--ft-breadcrumb-horizontal-gap","",r.spacing1),verticalGap:t.extend("--ft-breadcrumb-vertical-gap","",r.spacing2),currentColor:t.extend("--ft-breadcrumb-current-color","",p.contentGlobalPrimary),previousNonClickableColor:t.extend("--ft-breadcrumb-previous-non-clickable-color","",p.contentGlobalSecondary),iconColor:t.extend("--ft-breadcrumb-icon-color","",p.contentGlobalSubtle)};var wa={horizontalPadding:t.extend("--ft-page-header-horizontal-padding","",r.spacing12),horizontalGap:t.extend("--ft-page-header-horizontal-gap","",r.spacing4),verticalGap:t.extend("--ft-page-header-vertical-gap","",r.spacing2),classicVerticalPadding:t.extend("--ft-page-header-classic-vertical-padding","",r.spacing6),multilineVerticalPadding:t.extend("--ft-page-header-multiline-vertical-padding","",r.spacing4),inlineVerticalPadding:t.extend("--ft-page-header-inline-vertical-padding","",r.spacing2),backgroundColor:t.extend("--ft-page-header-background-color","",r.colorWhite),bottomBorderColor:t.extend("--ft-page-header-bottom-border-color","",p.borderGlobalSubtle),titleColor:t.extend("--ft-page-header-title-color","",p.contentGlobalPrimary),subtitleColor:t.extend("--ft-page-header-subtitle-color","",p.contentGlobalSecondary)};var Wa={smallContainerWidth:t.create("--ft-modal-small-container-width","","SIZE","600px"),largeContainerWidth:t.create("--ft-modal-large-container-width","","SIZE","900px"),overlayBackgroundColor:t.extend("--ft-modal-overlay-background-color","",r.colorGray700),overlayOpacity:t.extend("--ft-modal-overlay-opacity","",r.opacity40),shadow:t.extend("--ft-modal-shadow","",r.shadowElevation03),bodyBackgroundColor:t.extend("--ft-modal-body-background-color","",r.colorWhite),bodyColor:t.extend("--ft-modal-body-color","",p.contentGlobalPrimary),bodyHorizontalPadding:t.extend("--ft-modal-body-horizontal-padding","",r.spacing6),bodyVerticalPadding:t.extend("--ft-modal-body-vertical-padding","",r.spacing6),bodyVerticalGap:t.extend("--ft-modal-body-vertical-gap","",r.spacing6),containerMargin:t.extend("--ft-modal-container-margin","",r.spacing3),headerBackgroundColor:t.extend("--ft-modal-header-background-color","",p.backgroundGlobalOnSurface),headerBorderColor:t.extend("--ft-modal-header-border-color","",p.borderGlobalSubtle),headerColor:t.extend("--ft-modal-header-color","",p.contentGlobalPrimary),headerTrailingIconColor:t.extend("--ft-modal-header-trailing-icon-color","",p.contentGlobalSecondary),headerVerticalPadding:t.extend("--ft-modal-header-vertical-padding","",r.spacing1),headerRightPadding:t.extend("--ft-modal-header-right-padding","",r.spacing1),headerLeftPadding:t.extend("--ft-modal-header-left-padding","",r.spacing6),headerGap:t.extend("--ft-modal-header-gap","",r.spacing2),headerBorderBottom:t.create("--ft-modal-header-border-bottom","","SIZE","1px"),borderRadius:t.extend("--ft-modal-border-radius","",r.borderRadiusM)};var Ta={overlayOpacity:t.extend("--ft-drawer-overlay-opacity","",r.opacity40),shadow:t.extend("--ft-drawer-shadow","",r.shadowElevation03),bodyColor:t.extend("--ft-drawer-body-color","",p.contentGlobalPrimary),bodyHorizontalPadding:t.extend("--ft-drawer-body-horizontal-padding","",r.spacing6),bodyVerticalPadding:t.extend("--ft-drawer-body-vertical-padding","",r.spacing6),bodyGap:t.extend("--ft-drawer-body-gap","",r.spacing6),bodyBackgroundColor:t.extend("--ft-drawer-body-background-color","",r.colorWhite),headerBackgroundColor:t.extend("--ft-drawer-header-background-color","",p.backgroundGlobalOnSurface),headerBorderColor:t.extend("--ft-drawer-header-border-color","",p.borderGlobalSubtle),headerColor:t.extend("--ft-drawer-header-color","",p.contentGlobalPrimary),headerTrailingIconColor:t.extend("--ft-drawer-header-trailing-icon-color","",p.contentGlobalSecondary),headerHeight:t.create("--ft-drawer-header-height","","SIZE","50px"),headerHorizontalPadding:t.extend("--ft-drawer-header-horizontal-padding","",r.spacing2),headerBorderWidth:t.create("--ft-drawer-header-border-width","","SIZE","1px"),headerGap:t.extend("--ft-drawer-header-gap","",r.spacing3),buttonsBarBackgroundColor:t.extend("--ft-drawer-buttons-bar-background-color","",p.backgroundGlobalOnSurface),buttonsBarBorderColor:t.extend("--ft-drawer-buttons-bar-border-color","",p.borderGlobalSubtle),buttonsBarColor:t.extend("--ft-drawer-buttons-bar-color","",p.contentGlobalPrimary),buttonsBarHorizontalPadding:t.extend("--ft-drawer-buttons-bar-horizontal-padding","",r.spacing4),buttonsBarVerticalPadding:t.extend("--ft-drawer-buttons-bar-vertical-padding","",r.spacing4),buttonsBarGap:t.extend("--ft-drawer-buttons-bar-gap","",r.spacing3),buttonsBarBorderWidth:t.create("--ft-drawer-buttons-bar-border-width","","SIZE","1px"),containerWidth:t.create("--ft-drawer-container-width","","SIZE","66%"),containerMinWidth:t.create("--ft-drawer-container-min-width","","SIZE","500px"),containerMaxWidth:t.create("--ft-drawer-container-max-width","","SIZE","1000px"),containerHeight:t.create("--ft-drawer-container-height","","SIZE","100%"),overlayBackgroundColor:t.extend("--ft-drawer-overlay-background-color","",r.colorGray700)};var Da={fieldHorizontalPadding:t.extend("--ft-text-input-field-horizontal-padding","",r.spacing4),fieldHorizontalGap:t.extend("--ft-text-input-field-horizontal-gap","",r.spacing3),fieldVerticalGap:t.extend("--ft-text-input-field-vertical-gap","",r.spacing05),fieldIconSize:t.extend("--ft-text-input-field-icon-size","",r.iconSize3),fieldHeight:t.create("--ft-text-input-field-height","","SIZE","50px"),helperHorizontalPadding:t.extend("--ft-text-input-helper-horizontal-padding","",r.spacing4),helperHorizontalGap:t.extend("--ft-text-input-helper-horizontal-gap","",r.spacing1),helperIconSize:t.extend("--ft-text-input-helper-icon-size","",r.iconSize2),borderRadius:t.extend("--ft-text-input-border-radius","",r.borderRadiusM),backgroundColor:t.extend("--ft-text-input-background-color","",r.colorWhite),contentValueColor:t.extend("--ft-text-input-content-value-color","",p.contentGlobalPrimary),trailingIconColor:t.extend("--ft-text-input-trailing-icon-color","",p.contentGlobalSubtle),labelColor:t.extend("--ft-text-input-label-color","",p.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-text-input-default-border-color","",p.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-text-input-default-helper-text-color","",p.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-text-input-default-border-width","","SIZE","1px"),errorBorderWidth:t.create("--ft-text-input-error-border-width","","SIZE","2px"),errorBorderColor:t.extend("--ft-text-input-error-border-color","",p.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-text-input-error-helper-text-color","",p.contentErrorPrimary),errorHelperIconColor:t.extend("--ft-text-input-error-helper-icon-color","",p.contentErrorIconOnly),warningBorderWidth:t.create("--ft-text-input-warning-border-width","","SIZE","2px"),focusOutlineWidth:t.create("--ft-text-input-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-text-input-focus-focus-ring-color","",p.borderActionFocusRing),focusOutlineOffset:t.create("--ft-text-input-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-text-input-disabled-component-opacity","",r.opacity40)};var Fa={backgroundColor:t.extend("--ft-text-area-background-color","",r.colorWhite),contentValueColor:t.extend("--ft-text-area-content-value-color","",p.contentGlobalPrimary),labelColor:t.extend("--ft-text-area-label-color","",p.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-text-area-default-border-color","",p.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-text-area-default-helper-text-color","",p.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-text-area-default-border-width","","SIZE","1px"),errorBorderWidth:t.create("--ft-text-area-error-border-width","","SIZE","2px"),errorBorderColor:t.extend("--ft-text-area-error-border-color","",p.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-text-area-error-helper-text-color","",p.contentErrorPrimary),errorHelperIconColor:t.extend("--ft-text-area-error-helper-icon-color","",p.contentErrorIconOnly),focusFocusRingColor:t.extend("--ft-text-area-focus-focus-ring-color","",p.borderActionFocusRing),focusOutlineWidth:t.create("--ft-text-area-focus-outline-width","","SIZE","2px"),focusOutlineOffset:t.create("--ft-text-area-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-text-area-disabled-component-opacity","",r.opacity40),fieldHorizontalLeftPadding:t.extend("--ft-text-area-field-horizontal-left-padding","",r.spacing4),fieldHorizontalGap:t.extend("--ft-text-area-field-horizontal-gap","",r.spacing3),fieldVerticalGap:t.extend("--ft-text-area-field-vertical-gap","",r.spacing05),fieldMinHeight:t.create("--ft-text-area-field-min-height","","SIZE","64px"),helperHorizontalPadding:t.extend("--ft-text-area-helper-horizontal-padding","",r.spacing4),helperHorizontalGap:t.extend("--ft-text-area-helper-horizontal-gap","",r.spacing1),helperIconSize:t.extend("--ft-text-area-helper-icon-size","",r.iconSize2),borderRadius:t.extend("--ft-text-area-border-radius","",r.borderRadiusM)};var qa={height:t.create("--ft-floating-menu-height","","SIZE","50px"),horizontalPadding:t.extend("--ft-floating-menu-horizontal-padding","",r.spacing4),offIconColor:t.extend("--ft-floating-menu-off-icon-color","",p.contentGlobalPrimary),offColor:t.extend("--ft-floating-menu-off-color","",p.contentGlobalPrimary),onColor:t.extend("--ft-floating-menu-on-color","",p.contentActionPrimary),onStateLayerColor:t.extend("--ft-floating-menu-on-state-layer-color","",p.contentActionPrimary),gap:t.extend("--ft-floating-menu-gap","",r.spacing3),focusFocusRingColor:t.extend("--ft-floating-menu-focus-focus-ring-color","",p.borderActionFocusRing),focusOutlineWidth:t.create("--ft-floating-menu-focus-outline-width","","SIZE","3px"),focusStateLayerOpacity:t.extend("--ft-floating-menu-focus-state-layer-opacity","",r.opacity8),hoverStateLayerOpacity:t.extend("--ft-floating-menu-hover-state-layer-opacity","",r.opacity8),activeStateLayerOpacity:t.extend("--ft-floating-menu-active-state-layer-opacity","",r.opacity16),disabledComponentOpacity:t.extend("--ft-floating-menu-disabled-component-opacity","",r.opacity40),iconSize:t.extend("--ft-floating-menu-icon-size","",r.iconSize3),backgroundColor:t.extend("--ft-floating-menu-background-color","",p.backgroundGlobalOnSurface)};var ol={fieldHorizontalPadding:t.extend("--ft-combobox-single-select-field-horizontal-padding","",r.spacing4),fieldHorizontalGap:t.extend("--ft-combobox-single-select-field-horizontal-gap","",r.spacing3),fieldVerticalGap:t.extend("--ft-combobox-single-select-field-vertical-gap","",r.spacing05),fieldIconSize:t.extend("--ft-combobox-single-select-field-icon-size","",r.iconSize3),fieldHeight:t.create("--ft-combobox-single-select-field-height","","SIZE","50px"),helperHorizontalPadding:t.extend("--ft-combobox-single-select-helper-horizontal-padding","",r.spacing4),helperHorizontalGap:t.extend("--ft-combobox-single-select-helper-horizontal-gap","",r.spacing1),helperVerticalGap:t.extend("--ft-combobox-single-select-helper-vertical-gap","",r.spacing1),helperIconSize:t.extend("--ft-combobox-single-select-helper-icon-size","",r.iconSize2),menuVerticalGap:t.extend("--ft-combobox-single-select-menu-vertical-gap","",r.spacing2),borderRadius:t.extend("--ft-combobox-single-select-border-radius","",r.borderRadiusM),backgroundColor:t.extend("--ft-combobox-single-select-background-color","",r.colorWhite),labelColor:t.extend("--ft-combobox-single-select-label-color","",p.contentGlobalSubtle),contentValueColor:t.extend("--ft-combobox-single-select-content-value-color","",p.contentGlobalPrimary),trailingIconColor:t.extend("--ft-combobox-single-select-trailing-icon-color","",p.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-combobox-single-select-default-border-color","",p.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-combobox-single-select-default-helper-text-color","",p.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-combobox-single-select-default-border-width","","SIZE","1px"),errorBorderWidth:t.create("--ft-combobox-single-select-error-border-width","","SIZE","2px"),errorBorderColor:t.extend("--ft-combobox-single-select-error-border-color","",p.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-combobox-single-select-error-helper-text-color","",p.contentErrorPrimary),warningBorderWidth:t.create("--ft-combobox-single-select-warning-border-width","","SIZE","2px"),warningBorderColor:t.extend("--ft-combobox-single-select-warning-border-color","",p.borderWarningPrimary),warningHelperTextColor:t.extend("--ft-combobox-single-select-warning-helper-text-color","",p.contentWarningPrimary),warningHelperIconColor:t.extend("--ft-combobox-single-select-warning-helper-icon-color","",p.contentWarningIconOnly),focusOutlineWidth:t.create("--ft-combobox-single-select-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-combobox-single-select-focus-focus-ring-color","",p.borderActionFocusRing),focusOutlineOffset:t.create("--ft-combobox-single-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-combobox-single-select-disabled-component-opacity","",r.opacity40)};var ll={backgroundColor:t.extend("--ft-combobox-multi-select-background-color","",r.colorWhite),labelColor:t.extend("--ft-combobox-multi-select-label-color","",p.contentGlobalSubtle),trailingIconColor:t.extend("--ft-combobox-multi-select-trailing-icon-color","",p.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-combobox-multi-select-default-border-color","",p.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-combobox-multi-select-default-helper-text-color","",p.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-combobox-multi-select-default-border-width","","SIZE","1px"),errorBorderColor:t.extend("--ft-combobox-multi-select-error-border-color","",p.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-combobox-multi-select-error-helper-text-color","",p.contentErrorPrimary),errorHelperIcon:t.extend("--ft-combobox-multi-select-error-helper-icon","",p.contentErrorIconOnly),errorBorderWidth:t.create("--ft-combobox-multi-select-error-border-width","","SIZE","2px"),warningBorderColor:t.extend("--ft-combobox-multi-select-warning-border-color","",p.borderWarningPrimary),warningHelperTextColor:t.extend("--ft-combobox-multi-select-warning-helper-text-color","",p.contentWarningPrimary),warningHelperIconColor:t.extend("--ft-combobox-multi-select-warning-helper-icon-color","",p.contentWarningIconOnly),warningBorderWidth:t.create("--ft-combobox-multi-select-warning-border-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-combobox-multi-select-focus-focus-ring-color","",p.borderActionFocusRing),focusOutlineWidth:t.create("--ft-combobox-multi-select-focus-outline-width","","SIZE","2px"),focusOutlineOffset:t.create("--ft-combobox-multi-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-combobox-multi-select-disabled-component-opacity","",r.opacity40),helperHorizontalPadding:t.extend("--ft-combobox-multi-select-helper-horizontal-padding","",r.spacing4),helperHorizontalGap:t.extend("--ft-combobox-multi-select-helper-horizontal-gap","",r.spacing1),helperVerticalGap:t.extend("--ft-combobox-multi-select-helper-vertical-gap","",r.spacing1),helperIconSize:t.extend("--ft-combobox-multi-select-helper-icon-size","",r.iconSize2),fieldHorizontalPadding:t.extend("--ft-combobox-multi-select-field-horizontal-padding","",r.spacing4),fieldHorizontalGap:t.extend("--ft-combobox-multi-select-field-horizontal-gap","",r.spacing3),fieldVerticalGap:t.extend("--ft-combobox-multi-select-field-vertical-gap","",r.spacing05),fieldIconSize:t.extend("--ft-combobox-multi-select-field-icon-size","",r.iconSize3),fieldMaxHeight:t.create("--ft-combobox-multi-select-field-max-height","","SIZE","112px"),contentValuesHorizontalGap:t.extend("--ft-combobox-multi-select-content-values-horizontal-gap","",r.spacing1),contentValuesVerticalGap:t.extend("--ft-combobox-multi-select-content-values-vertical-gap","",r.spacing1),borderRadius:t.extend("--ft-combobox-multi-select-border-radius","",r.borderRadiusM)};var fl={backgroundColor:t.extend("--ft-popover-background-color","",p.backgroundGlobalOnSurface),horizontalPadding:t.extend("--ft-popover-horizontal-padding","",r.spacing6),verticalPadding:t.extend("--ft-popover-vertical-padding","",r.spacing6),titleColor:t.extend("--ft-popover-title-color","",p.contentGlobalPrimary),bodyColor:t.extend("--ft-popover-body-color","",p.contentGlobalSecondary),linkColor:t.extend("--ft-popover-link-color","",p.contentActionPrimary),gap:t.extend("--ft-popover-gap","",r.spacing3),borderRadius:t.extend("--ft-popover-border-radius","",r.borderRadiusM),shadow:t.extend("--ft-popover-shadow","",r.shadowElevation02)};var yl={topLeftBorderRadius:t.extend("--ft-tabs-top-left-border-radius","",r.borderRadiusS),topRightBorderRadius:t.extend("--ft-tabs-top-right-border-radius","",r.borderRadiusS),withLabelHorizontalPadding:t.extend("--ft-tabs-with-label-horizontal-padding","",r.spacing4),withLabelVerticalPadding:t.extend("--ft-tabs-with-label-vertical-padding","",r.spacing3),horizontalGap:t.extend("--ft-tabs-horizontal-gap","",r.spacing1),verticalGap:t.extend("--ft-tabs-vertical-gap","",r.spacing1),offHoverStateLayerOpacity:t.extend("--ft-tabs-off-hover-state-layer-opacity","",r.opacity8),offDefaultStateLayerOpacity:t.extend("--ft-tabs-off-default-state-layer-opacity","",r.opacity0),offFocusStateLayerOpacity:t.extend("--ft-tabs-off-focus-state-layer-opacity","",r.opacity8),offDisabledComponentOpacity:t.extend("--ft-tabs-off-disabled-component-opacity","",r.opacity40),offColor:t.extend("--ft-tabs-off-color","",p.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-tabs-off-state-layer-color","",p.contentGlobalSubtle),onHoverStateLayerOpacity:t.extend("--ft-tabs-on-hover-state-layer-opacity","",r.opacity8),onDefaultStateLayerOpacity:t.extend("--ft-tabs-on-default-state-layer-opacity","",r.opacity0),onFocusStateLayerOpacity:t.extend("--ft-tabs-on-focus-state-layer-opacity","",r.opacity8),onActiveStateLayerOpacity:t.extend("--ft-tabs-on-active-state-layer-opacity","",r.opacity16),onColor:t.extend("--ft-tabs-on-color","",p.contentActionPrimary),onStateLayerColor:t.extend("--ft-tabs-on-state-layer-color","",p.contentActionPrimary),iconOnlyHorizontalPadding:t.extend("--ft-tabs-icon-only-horizontal-padding","",r.spacing4),iconOnlyVerticalPadding:t.extend("--ft-tabs-icon-only-vertical-padding","",r.spacing4),alertTopPadding:t.extend("--ft-tabs-alert-top-padding","",r.spacing1),alertRightPadding:t.extend("--ft-tabs-alert-right-padding","",r.spacing05),focusOutlineWidth:t.create("--ft-tabs-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-tabs-focus-focus-ring-color","",p.borderActionFocusRing)};var Cl={hoverStateLayerOpacity:t.extend("--ft-collapsible-hover-state-layer-opacity","",r.opacity8),focusStateLayerOpacity:t.extend("--ft-collapsible-focus-state-layer-opacity","",r.opacity8),focusOutlineWidth:t.create("--ft-collapsible-focus-outline-width","","SIZE","3px"),focusFocusRingColor:t.extend("--ft-collapsible-focus-focus-ring-color","",p.borderActionFocusRing),activeStateLayerOpacity:t.extend("--ft-collapsible-active-state-layer-opacity","",r.opacity16),disabledComponentOpacity:t.extend("--ft-collapsible-disabled-component-opacity","",r.opacity40),horizontalPadding:t.extend("--ft-collapsible-horizontal-padding","",r.spacing4),verticalPadding:t.extend("--ft-collapsible-vertical-padding","",r.spacing3),color:t.extend("--ft-collapsible-color","",p.contentGlobalPrimary),stateLayerColor:t.extend("--ft-collapsible-state-layer-color","",p.contentGlobalPrimary),backgroundColor:t.extend("--ft-collapsible-background-color","",p.backgroundGlobalOnSurface),borderColor:t.extend("--ft-collapsible-border-color","",p.borderGlobalSubtle),iconSize:t.extend("--ft-collapsible-icon-size","",r.iconSize3)};var Rl={groupHorizontalPadding:t.extend("--ft-switch-group-horizontal-padding","",r.spacing1),groupVerticalPadding:t.extend("--ft-switch-group-vertical-padding","",r.spacing1),groupGap:t.extend("--ft-switch-group-gap","",r.spacing1),groupBackgroundColor:t.extend("--ft-switch-group-background-color","",p.backgroundGlobalSurface),groupBorderColor:t.extend("--ft-switch-group-border-color","",p.borderGlobalSubtle),groupBorderRadius:t.create("--ft-switch-group-border-radius","","SIZE","6px"),labelHorizontalPadding:t.extend("--ft-switch-label-horizontal-padding","",r.spacing2),labelVerticalPadding:t.extend("--ft-switch-label-vertical-padding","",r.spacing1),offHoverStateLayerOpacity:t.extend("--ft-switch-off-hover-state-layer-opacity","",r.opacity8),offFocusStateLayerOpacity:t.extend("--ft-switch-off-focus-state-layer-opacity","",r.opacity8),offActiveStateLayerOpacity:t.extend("--ft-switch-off-active-state-layer-opacity","",r.opacity16),offDisabledComponentOpacity:t.extend("--ft-switch-off-disabled-component-opacity","",r.opacity40),offColor:t.extend("--ft-switch-off-color","",p.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-switch-off-state-layer-color","",p.contentGlobalSubtle),onHoverStateLayerOpacity:t.extend("--ft-switch-on-hover-state-layer-opacity","",r.opacity8),onFocusStateLayerOpacity:t.extend("--ft-switch-on-focus-state-layer-opacity","",r.opacity8),onActiveStateLayerOpacity:t.extend("--ft-switch-on-active-state-layer-opacity","",r.opacity16),onDisabledComponentOpacity:t.extend("--ft-switch-on-disabled-component-opacity","",r.opacity40),onColor:t.extend("--ft-switch-on-color","",p.contentActionPrimary),onStateLayerColor:t.extend("--ft-switch-on-state-layer-color","",p.contentActionPrimary),iconHorizontalPadding:t.extend("--ft-switch-icon-horizontal-padding","",r.spacing1),iconVerticalPadding:t.extend("--ft-switch-icon-vertical-padding","",r.spacing1),focusOutlineWidth:t.create("--ft-switch-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-switch-focus-focus-ring-color","",p.borderActionFocusRing),optionBorderRadius:t.extend("--ft-switch-option-border-radius","",r.borderRadiusS)};var Wl={color1Light:t.extend("--ft-chart-1-light","for area color charts",r.colorBrand40),color1Base:t.extend("--ft-chart-1-base","for line charts",r.colorBrand0),color2Light:t.extend("--ft-chart-2-light","for area color charts",r.colorYellow60),color2Base:t.extend("--ft-chart-2-base","for line charts",r.colorYellow100),color3Light:t.extend("--ft-chart-3-light","",r.colorUltramarine40),color3Base:t.extend("--ft-chart-3-base","",r.colorUltramarine70),color4Light:t.extend("--ft-chart-4-light","",r.colorCyan50),color4Base:t.extend("--ft-chart-4-base","",r.colorCyan100),color5Light:t.extend("--ft-chart-5-light","",r.colorRed40),color5Base:t.extend("--ft-chart-5-base","",r.colorRed60),color6Light:t.extend("--ft-chart-6-light","",r.colorGreen40),color6Base:t.extend("--ft-chart-6-base","",r.colorGreen70),color7Light:t.extend("--ft-chart-7-light","",r.colorOrange70),color7Base:t.extend("--ft-chart-7-base","",r.colorOrange100),color8Light:t.extend("--ft-chart-8-light","",r.colorAvocado70),color8Base:t.extend("--ft-chart-8-base","",r.colorAvocado200),color9Light:t.extend("--ft-chart-9-light","",r.colorBrown50),color9Base:t.extend("--ft-chart-9-base","",r.colorBrown200),color10Light:t.extend("--ft-chart-10-light","",r.colorGray50),color10Base:t.extend("--ft-chart-10-base","",r.colorGray80),monochrome10:t.extend("--ft-chart-monochrome-10","",r.colorBrand10),monochrome20:t.extend("--ft-chart-monochrome-20","",r.colorBrand20),monochrome30:t.extend("--ft-chart-monochrome-30","",r.colorBrand40),monochrome40:t.extend("--ft-chart-monochrome-40","",r.colorBrand60),monochrome50:t.extend("--ft-chart-monochrome-50","",r.colorBrand0),monochrome60:t.extend("--ft-chart-monochrome-60","",r.colorBrand200)};var Tl={borderWidth:t.create("--ft-notice-border-width","","SIZE","1px"),horizontalPadding:t.extend("--ft-notice-horizontal-padding","",r.spacing3),verticalPadding:t.extend("--ft-notice-vertical-padding","",r.spacing2),borderRadius:t.extend("--ft-notice-border-radius","",r.borderRadiusS),gap:t.extend("--ft-notice-gap","",r.spacing2),iconSize:t.extend("--ft-notice-icon-size","",r.iconSize3),infoBackgroundColor:t.extend("--ft-notice-info-background-color","",p.backgroundInfoSubtle),infoBorderColor:t.extend("--ft-notice-info-border-color","",p.borderInfoSubtle),infoColor:t.extend("--ft-notice-info-color","",p.contentInfoPrimary),infoIconColor:t.extend("--ft-notice-info-icon-color","",p.contentInfoIconOnly),warningBackgroundColor:t.extend("--ft-notice-warning-background-color","",p.backgroundWarningSubtle),warningBorderColor:t.extend("--ft-notice-warning-border-color","",p.borderWarningSubtle),warningColor:t.extend("--ft-notice-warning-color","",p.contentWarningPrimary),warningIconColor:t.extend("--ft-notice-warning-icon-color","",p.contentWarningIconOnly),errorBackgroundColor:t.extend("--ft-notice-error-background-color","",p.backgroundErrorSubtle),errorBorderColor:t.extend("--ft-notice-error-border-color","",p.borderErrorSubtle),errorColor:t.extend("--ft-notice-error-color","",p.contentErrorPrimary),errorIconColor:t.extend("--ft-notice-error-icon-color","",p.contentErrorIconOnly),successBackgroundColor:t.extend("--ft-notice-success-background-color","",p.backgroundSuccessSubtle),successBorderColor:t.extend("--ft-notice-success-border-color","",p.borderSuccessSubtle),successColor:t.extend("--ft-notice-success-color","",p.contentSuccessPrimary),successIconColor:t.extend("--ft-notice-success-icon-color","",p.contentSuccessIconOnly)};var Dl={color:t.extend("--ft-checkbox-color","",p.contentGlobalPrimary),checkedBackgroundColor:t.extend("--ft-checkbox-checked-background-color","",p.contentActionPrimary),checkedStateLayerColor:t.extend("--ft-checkbox-checked-state-layer-color","",p.contentActionPrimary),checkedIconColor:t.extend("--ft-checkbox-checked-icon-color","",p.contentGlobalOnColor),checkedHoverStateLayerOpacity:t.extend("--ft-checkbox-checked-hover-state-layer-opacity","",r.opacity16),checkedFocusStateLayerOpacity:t.extend("--ft-checkbox-checked-focus-state-layer-opacity","",r.opacity16),checkedActiveStateLayerOpacity:t.extend("--ft-checkbox-checked-active-state-layer-opacity","",r.opacity24),checkedDisabledComponentOpacity:t.extend("--ft-checkbox-checked-disabled-component-opacity","",r.opacity40),uncheckedBorderColor:t.extend("--ft-checkbox-unchecked-border-color","",r.colorGray80),uncheckedStateLayerColor:t.extend("--ft-checkbox-unchecked-state-layer-color","",r.colorGray80),uncheckedHoverStateLayerOpacity:t.extend("--ft-checkbox-unchecked-hover-state-layer-opacity","",r.opacity16),uncheckedFocusStateLayerOpacity:t.extend("--ft-checkbox-unchecked-focus-state-layer-opacity","",r.opacity16),uncheckedActiveStateLayerOpacity:t.extend("--ft-checkbox-unchecked-active-state-layer-opacity","",r.opacity24),uncheckedDisabledComponentOpacity:t.extend("--ft-checkbox-unchecked-disabled-component-opacity","",r.opacity40),focusFocusRingColor:t.extend("--ft-checkbox-focus-focus-ring-color","",p.borderActionFocusRing),focusOutlineOffset:t.create("--ft-checkbox-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:t.create("--ft-checkbox-focus-outline-width","","SIZE","2px"),gap:t.extend("--ft-checkbox-gap","",r.spacing3)};var Fl={offHoverStateLayerOpacity:t.extend("--ft-toggle-off-hover-state-layer-opacity","",r.opacity16),offFocusStateLayerOpacity:t.extend("--ft-toggle-off-focus-state-layer-opacity","",r.opacity16),offActiveStateLayerOpacity:t.extend("--ft-toggle-off-active-state-layer-opacity","",r.opacity24),offDisabledComponentOpacity:t.extend("--ft-toggle-off-disabled-component-opacity","",r.opacity40),offBackgroundColor:t.extend("--ft-toggle-off-background-color","",p.contentGlobalSubtle),offIconColor:t.extend("--ft-toggle-off-icon-color","",p.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-toggle-off-state-layer-color","",p.contentGlobalSubtle),onHoverStateLayerOpacity:t.extend("--ft-toggle-on-hover-state-layer-opacity","",r.opacity16),onFocusStateLayerOpacity:t.extend("--ft-toggle-on-focus-state-layer-opacity","",r.opacity16),onActiveStateLayerOpacity:t.extend("--ft-toggle-on-active-state-layer-opacity","",r.opacity24),onDisabledComponentOpacity:t.extend("--ft-toggle-on-disabled-component-opacity","",r.opacity40),onBackgroundColor:t.extend("--ft-toggle-on-background-color","",p.contentActionPrimary),onStateLayerColor:t.extend("--ft-toggle-on-state-layer-color","",p.contentActionPrimary),onIconColor:t.extend("--ft-toggle-on-icon-color","",p.contentActionPrimary),color:t.extend("--ft-toggle-color","",p.contentGlobalPrimary),focusFocusRingColor:t.extend("--ft-toggle-focus-focus-ring-color","",p.borderActionFocusRing),gap:t.extend("--ft-toggle-gap","",r.spacing3)};var ql={color:t.extend("--ft-radio-color","",p.contentGlobalPrimary),selectedRadioColor:t.extend("--ft-radio-selected-radio-color","",p.contentActionPrimary),selectedStateLayerColor:t.extend("--ft-radio-selected-state-layer-color","",p.contentActionPrimary),selectedHoverStateLayerOpacity:t.extend("--ft-radio-selected-hover-state-layer-opacity","",r.opacity16),selectedFocusStateLayerOpacity:t.extend("--ft-radio-selected-focus-state-layer-opacity","",r.opacity16),selectedActiveStateLayerOpacity:t.extend("--ft-radio-selected-active-state-layer-opacity","",r.opacity24),selectedDisabledComponentOpacity:t.extend("--ft-radio-selected-disabled-component-opacity","",r.opacity40),unselectedStateLayerColor:t.extend("--ft-radio-unselected-state-layer-color","",p.borderInputPrimary),unselectedBorderColor:t.extend("--ft-radio-unselected-border-color","",p.borderInputPrimary),unselectedHoverStateLayerOpacity:t.extend("--ft-radio-unselected-hover-state-layer-opacity","",r.opacity16),unselectedFocusStateLayerOpacity:t.extend("--ft-radio-unselected-focus-state-layer-opacity","",r.opacity16),unselectedActiveStateLayerOpacity:t.extend("--ft-radio-unselected-active-state-layer-opacity","",r.opacity24),unselectedDisabledComponentOpacity:t.extend("--ft-radio-unselected-disabled-component-opacity","",r.opacity40),focusFocusRingColor:t.extend("--ft-radio-focus-focus-ring-color","",p.borderActionFocusRing),focusOutlineOffset:t.create("--ft-radio-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:t.create("--ft-radio-focus-outline-width","","SIZE","2px"),gap:t.extend("--ft-radio-gap","",r.spacing3)};var oc={iconSize:t.extend("--ft-notification-icon-size","",r.iconSize4),leftPadding:t.extend("--ft-notification-left-padding","",r.spacing5),rightPadding:t.extend("--ft-notification-right-padding","",r.spacing4),verticalPadding:t.extend("--ft-notification-vertical-padding","",r.spacing3),infoBackgroundColor:t.extend("--ft-notification-info-background-color","",p.backgroundInfoSubtle),infoColor:t.extend("--ft-notification-info-color","",p.contentInfoPrimary),infoIconColor:t.extend("--ft-notification-info-icon-color","",p.contentInfoIconOnly),infoBorderColor:t.extend("--ft-notification-info-border-color","",p.borderInfoSubtle),successBackgroundColor:t.extend("--ft-notification-success-background-color","",p.backgroundSuccessSubtle),successColor:t.extend("--ft-notification-success-color","",p.contentSuccessPrimary),successIconColor:t.extend("--ft-notification-success-icon-color","",p.contentSuccessIconOnly),successBorderColor:t.extend("--ft-notification-success-border-color","",p.borderSuccessSubtle),warningBackgroundColor:t.extend("--ft-notification-warning-background-color","",p.backgroundWarningSubtle),warningColor:t.extend("--ft-notification-warning-color","",p.contentWarningPrimary),warningIconColor:t.extend("--ft-notification-warning-icon-color","",p.contentWarningIconOnly),warningBorderColor:t.extend("--ft-notification-warning-border-color","",p.borderWarningSubtle),errorBackgroundColor:t.extend("--ft-notification-error-background-color","",p.backgroundErrorSubtle),errorColor:t.extend("--ft-notification-error-color","",p.contentErrorPrimary),errorIconColor:t.extend("--ft-notification-error-icon-color","",p.contentErrorIconOnly),errorBorderColor:t.extend("--ft-notification-error-border-color","",p.borderErrorSubtle),borderRadius:t.extend("--ft-notification-border-radius","",r.borderRadiusPill),borderWidth:t.create("--ft-notification-border-width","","SIZE","1px"),leadingGap:t.extend("--ft-notification-leading-gap","",r.spacing2),trailingGap:t.extend("--ft-notification-trailing-gap","",r.spacing8)};var lc={horizontalPadding:t.extend("--ft-tooltip-horizontal-padding","",r.spacing2),verticalPadding:t.extend("--ft-tooltip-vertical-padding","",r.spacing2),borderRadius:t.extend("--ft-tooltip-border-radius","",r.borderRadiusS),color:t.extend("--ft-tooltip-color","",p.contentGlobalOnColor),backgroundColor:t.extend("--ft-tooltip-background-color","",p.contentGlobalPrimary),backgroundOpacity:t.extend("--ft-tooltip-background-opacity","",r.opacity80),shadow:t.extend("--ft-tooltip-shadow","",r.shadowElevation03),maxWidth:t.create("--ft-tooltip-max-width","","SIZE","256px"),gap:t.extend("--ft-tooltip-gap","",r.spacing05)};var mr;(function(e){e.brand="brand",e.neutral="neutral",e.info="info",e.success="success",e.warning="warning",e.error="error"})(mr||(mr={}));var yr;(function(e){e.large="large",e.medium="medium",e.small="small"})(yr||(yr={}));var Ne=m(_());function br(e){let o=ve[e];return Ne.css`
|
|
128
|
-
.ft-typography--${(0,
|
|
124
|
+
`}contentAvailableCallback(o){super.contentAvailableCallback(o),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(o){var n,i;super.update(o),o.has("disabled")&&(this.disabled?(this.endRipple(),(n=this.target)===null||n===void 0||n.removeAttribute("data-is-ft-ripple-target")):(i=this.target)===null||i===void 0||i.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run(()=>this.defaultSetup())}defaultSetup(){var o,n;let i=(o=this.shadowRoot)===null||o===void 0?void 0:o.host.parentElement;i&&this.setupFor((n=this.target)!==null&&n!==void 0?n:i)}setupFor(o){if(this.setupDebouncer.cancel(),this.target===o)return;this.onDisconnect&&this.onDisconnect(),this.target=o,o.setAttribute("data-is-ft-ripple-target","true");let n=(...p)=>d=>{p.forEach(m=>window.addEventListener(m,this.endPress,{once:!0})),this.startPress(d)},i=n("mouseup","contextmenu"),a=n("touchend","touchcancel"),l=p=>{["Enter"," "].includes(p.key)&&n("keyup")(p)},c={passive:!0};o.addEventListener("mouseover",this.startHover,c),o.addEventListener("mousemove",this.moveRipple,c),o.addEventListener("mouseleave",this.endHover,c),o.addEventListener("mousedown",i,c),o.addEventListener("touchstart",a,c),o.addEventListener("touchmove",this.moveRipple,c),o.addEventListener("keydown",l,c),o.addEventListener("focus",this.startFocus,c),o.addEventListener("blur",this.endFocus,c),o.addEventListener("focusin",this.startFocus,c),o.addEventListener("focusout",this.endFocus,c),this.onDisconnect=()=>{o.removeAttribute("data-is-ft-ripple-target"),o.removeEventListener("mouseover",this.startHover,c),o.removeEventListener("mousemove",this.moveRipple,c),o.removeEventListener("mouseleave",this.endHover,c),o.removeEventListener("mousedown",i,c),o.removeEventListener("touchstart",a,c),o.removeEventListener("touchmove",this.moveRipple,c),o.removeEventListener("keydown",l,c),o.removeEventListener("focus",this.startFocus,c),o.removeEventListener("blur",this.endFocus,c),o.removeEventListener("focusin",this.startFocus,c),o.removeEventListener("focusout",this.endFocus,c),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(o){let n=o,i=o,a,l;return n.x!=null?{x:a,y:l}=n:i.touches!=null&&(a=i.touches[0].clientX,l=i.touches[0].clientY),{x:a,y:l}}isFocusVisible(o){return o instanceof HTMLElement?o.matches(":focus-visible"):!0}isIgnored(o){if(this.disabled)return!0;if(o!=null)for(let n of o.composedPath()){if(n===this.target)break;if("hasAttribute"in n&&n.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};A.elementDefinitions={};A.styles=To;tt([(0,M.property)({type:Boolean})],A.prototype,"primary",void 0);tt([(0,M.property)({type:Boolean})],A.prototype,"secondary",void 0);tt([(0,M.property)({type:Boolean})],A.prototype,"unbounded",void 0);tt([(0,M.property)({type:Boolean})],A.prototype,"activated",void 0);tt([(0,M.property)({type:Boolean})],A.prototype,"selected",void 0);tt([(0,M.property)({type:Boolean})],A.prototype,"disabled",void 0);tt([(0,M.state)()],A.prototype,"hovered",void 0);tt([(0,M.state)()],A.prototype,"focused",void 0);tt([(0,M.state)()],A.prototype,"pressed",void 0);tt([(0,M.state)()],A.prototype,"rippling",void 0);tt([(0,M.state)()],A.prototype,"originX",void 0);tt([(0,M.state)()],A.prototype,"originY",void 0);tt([(0,M.query)(".ft-ripple")],A.prototype,"ripple",void 0);tt([(0,M.query)(".ft-ripple--effect")],A.prototype,"rippleEffect",void 0);(0,Ho.customElement)("ft-ripple")(A);var Kr=u(R());var Qe=globalThis,we=Qe.trustedTypes,Uo=we?we.createPolicy("lit-html",{createHTML:e=>e}):void 0,Fo="$lit$",At=`lit$${(Math.random()+"").slice(9)}$`,Vo="?"+At,li=`<${Vo}>`,Tt=document,Re=()=>Tt.createComment(""),fe=e=>e===null||typeof e!="object"&&typeof e!="function",jo=Array.isArray,ci=e=>jo(e)||typeof e?.[Symbol.iterator]=="function",Ve=`[
|
|
125
|
+
\f\r]`,de=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Do=/-->/g,Go=/>/g,Pt=RegExp(`>|${Ve}(?:([^\\s"'>=/]+)(${Ve}*=${Ve}*(?:[^
|
|
126
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Zo=/'/g,Ko=/"/g,Yo=/^(?:script|style|textarea|title)$/i,Xo=e=>(o,...n)=>({_$litType$:e,strings:o,values:n}),qo=Xo(1),Jo=Xo(2),ge=Symbol.for("lit-noChange"),Z=Symbol.for("lit-nothing"),Mo=new WeakMap,zt=Tt.createTreeWalker(Tt,129);function Qo(e,o){if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return Uo!==void 0?Uo.createHTML(o):o}var si=(e,o)=>{let n=e.length-1,i=[],a,l=o===2?"<svg>":"",c=de;for(let p=0;p<n;p++){let d=e[p],m,x,y=-1,w=0;for(;w<d.length&&(c.lastIndex=w,x=c.exec(d),x!==null);)w=c.lastIndex,c===de?x[1]==="!--"?c=Do:x[1]!==void 0?c=Go:x[2]!==void 0?(Yo.test(x[2])&&(a=RegExp("</"+x[2],"g")),c=Pt):x[3]!==void 0&&(c=Pt):c===Pt?x[0]===">"?(c=a??de,y=-1):x[1]===void 0?y=-2:(y=c.lastIndex-x[2].length,m=x[1],c=x[3]===void 0?Pt:x[3]==='"'?Ko:Zo):c===Ko||c===Zo?c=Pt:c===Do||c===Go?c=de:(c=Pt,a=void 0);let C=c===Pt&&e[p+1].startsWith("/>")?" ":"";l+=c===de?d+li:y>=0?(i.push(m),d.slice(0,y)+Fo+d.slice(y)+At+C):d+At+(y===-2?p:C)}return[Qo(e,l+(e[n]||"<?>")+(o===2?"</svg>":"")),i]},he=class e{constructor({strings:o,_$litType$:n},i){let a;this.parts=[];let l=0,c=0,p=o.length-1,d=this.parts,[m,x]=si(o,n);if(this.el=e.createElement(m,i),zt.currentNode=this.el.content,n===2){let y=this.el.content.firstChild;y.replaceWith(...y.childNodes)}for(;(a=zt.nextNode())!==null&&d.length<p;){if(a.nodeType===1){if(a.hasAttributes())for(let y of a.getAttributeNames())if(y.endsWith(Fo)){let w=x[c++],C=a.getAttribute(y).split(At),L=/([.?@])?(.*)/.exec(w);d.push({type:1,index:l,name:L[2],strings:C,ctor:L[1]==="."?Ye:L[1]==="?"?Xe:L[1]==="@"?qe:Mt}),a.removeAttribute(y)}else y.startsWith(At)&&(d.push({type:6,index:l}),a.removeAttribute(y));if(Yo.test(a.tagName)){let y=a.textContent.split(At),w=y.length-1;if(w>0){a.textContent=we?we.emptyScript:"";for(let C=0;C<w;C++)a.append(y[C],Re()),zt.nextNode(),d.push({type:2,index:++l});a.append(y[w],Re())}}}else if(a.nodeType===8)if(a.data===Vo)d.push({type:2,index:l});else{let y=-1;for(;(y=a.data.indexOf(At,y+1))!==-1;)d.push({type:7,index:l}),y+=At.length-1}l++}}static createElement(o,n){let i=Tt.createElement("template");return i.innerHTML=o,i}};function Kt(e,o,n=e,i){if(o===ge)return o;let a=i!==void 0?n._$Co?.[i]:n._$Cl,l=fe(o)?void 0:o._$litDirective$;return a?.constructor!==l&&(a?._$AO?.(!1),l===void 0?a=void 0:(a=new l(e),a._$AT(e,n,i)),i!==void 0?(n._$Co??=[])[i]=a:n._$Cl=a),a!==void 0&&(o=Kt(e,a._$AS(e,o.values),a,i)),o}var je=class{constructor(o,n){this._$AV=[],this._$AN=void 0,this._$AD=o,this._$AM=n}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(o){let{el:{content:n},parts:i}=this._$AD,a=(o?.creationScope??Tt).importNode(n,!0);zt.currentNode=a;let l=zt.nextNode(),c=0,p=0,d=i[0];for(;d!==void 0;){if(c===d.index){let m;d.type===2?m=new Le(l,l.nextSibling,this,o):d.type===1?m=new d.ctor(l,d.name,d.strings,this,o):d.type===6&&(m=new Je(l,this,o)),this._$AV.push(m),d=i[++p]}c!==d?.index&&(l=zt.nextNode(),c++)}return zt.currentNode=Tt,a}p(o){let n=0;for(let i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(o,i,n),n+=i.strings.length-2):i._$AI(o[n])),n++}},Le=class e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(o,n,i,a){this.type=2,this._$AH=Z,this._$AN=void 0,this._$AA=o,this._$AB=n,this._$AM=i,this.options=a,this._$Cv=a?.isConnected??!0}get parentNode(){let o=this._$AA.parentNode,n=this._$AM;return n!==void 0&&o?.nodeType===11&&(o=n.parentNode),o}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(o,n=this){o=Kt(this,o,n),fe(o)?o===Z||o==null||o===""?(this._$AH!==Z&&this._$AR(),this._$AH=Z):o!==this._$AH&&o!==ge&&this._(o):o._$litType$!==void 0?this.g(o):o.nodeType!==void 0?this.$(o):ci(o)?this.T(o):this._(o)}k(o){return this._$AA.parentNode.insertBefore(o,this._$AB)}$(o){this._$AH!==o&&(this._$AR(),this._$AH=this.k(o))}_(o){this._$AH!==Z&&fe(this._$AH)?this._$AA.nextSibling.data=o:this.$(Tt.createTextNode(o)),this._$AH=o}g(o){let{values:n,_$litType$:i}=o,a=typeof i=="number"?this._$AC(o):(i.el===void 0&&(i.el=he.createElement(Qo(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===a)this._$AH.p(n);else{let l=new je(a,this),c=l.u(this.options);l.p(n),this.$(c),this._$AH=l}}_$AC(o){let n=Mo.get(o.strings);return n===void 0&&Mo.set(o.strings,n=new he(o)),n}T(o){jo(this._$AH)||(this._$AH=[],this._$AR());let n=this._$AH,i,a=0;for(let l of o)a===n.length?n.push(i=new e(this.k(Re()),this.k(Re()),this,this.options)):i=n[a],i._$AI(l),a++;a<n.length&&(this._$AR(i&&i._$AB.nextSibling,a),n.length=a)}_$AR(o=this._$AA.nextSibling,n){for(this._$AP?.(!1,!0,n);o&&o!==this._$AB;){let i=o.nextSibling;o.remove(),o=i}}setConnected(o){this._$AM===void 0&&(this._$Cv=o,this._$AP?.(o))}},Mt=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(o,n,i,a,l){this.type=1,this._$AH=Z,this._$AN=void 0,this.element=o,this.name=n,this._$AM=a,this.options=l,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=Z}_$AI(o,n=this,i,a){let l=this.strings,c=!1;if(l===void 0)o=Kt(this,o,n,0),c=!fe(o)||o!==this._$AH&&o!==ge,c&&(this._$AH=o);else{let p=o,d,m;for(o=l[0],d=0;d<l.length-1;d++)m=Kt(this,p[i+d],n,d),m===ge&&(m=this._$AH[d]),c||=!fe(m)||m!==this._$AH[d],m===Z?o=Z:o!==Z&&(o+=(m??"")+l[d+1]),this._$AH[d]=m}c&&!a&&this.O(o)}O(o){o===Z?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,o??"")}},Ye=class extends Mt{constructor(){super(...arguments),this.type=3}O(o){this.element[this.name]=o===Z?void 0:o}},Xe=class extends Mt{constructor(){super(...arguments),this.type=4}O(o){this.element.toggleAttribute(this.name,!!o&&o!==Z)}},qe=class extends Mt{constructor(o,n,i,a,l){super(o,n,i,a,l),this.type=5}_$AI(o,n=this){if((o=Kt(this,o,n,0)??Z)===ge)return;let i=this._$AH,a=o===Z&&i!==Z||o.capture!==i.capture||o.once!==i.once||o.passive!==i.passive,l=o!==Z&&(i===Z||a);a&&this.element.removeEventListener(this.name,this,i),l&&this.element.addEventListener(this.name,this,o),this._$AH=o}handleEvent(o){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,o):this._$AH.handleEvent(o)}},Je=class{constructor(o,n,i){this.element=o,this.type=6,this._$AN=void 0,this._$AM=n,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(o){Kt(this,o)}};var pi=Qe.litHtmlPolyfillSupport;pi?.(he,Le),(Qe.litHtmlVersions??=[]).push("3.1.0");var er=Symbol.for(""),di=e=>{if(e?.r===er)return e?._$litStatic$},to=e=>({_$litStatic$:e,r:er});var tr=new Map,or=e=>(o,...n)=>{let i=n.length,a,l,c=[],p=[],d,m=0,x=!1;for(;m<i;){for(d=o[m];m<i&&(l=n[m],(a=di(l))!==void 0);)d+=a+o[++m],x=!0;m!==i&&p.push(l),c.push(d),m++}if(m===i&&c.push(o[i]),x){let y=c.join("$$lit$$");(o=tr.get(y))===void 0&&(c.raw=c,tr.set(y,o=c)),n=p}return e(o,...n)},eo=or(qo),ji=or(Jo);var oo=u(pt()),Zr=u(R());var at;(function(e){e.title="title",e.title_dense="title-dense",e.subtitle1="subtitle1",e.subtitle2="subtitle2",e.body1="body1",e.body2="body2",e.caption="caption",e.breadcrumb="breadcrumb",e.overline="overline",e.button="button",e.display="display",e.title1="title-1",e.title2="title-2",e.title3="title-3",e.body1regular="body-1-regular",e.body1medium="body-1-medium",e.body1semibold="body-1-semibold",e.body2regular="body-2-regular",e.body2medium="body-2-medium",e.body2semibold="body-2-semibold",e.label1medium="label-1-medium",e.label1semibold="label-1-semibold",e.label1bold="label-1-bold",e.label2medium="label-2-medium",e.label2semibold="label-2-semibold",e.label2bold="label-2-bold",e.caption1medium="caption-1-medium",e.caption1semibold="caption-1-semibold",e.caption1bold="caption-1-bold",e.caption2medium="caption-2-medium",e.caption2semibold="caption-2-semibold",e.caption2bold="caption-2-bold"})(at||(at={}));var lt=u(B()),h=u(R());var St=u(B(),1),$t=e=>typeof e=="string"?(0,St.unsafeCSS)(e):e,t=class{static create(o,n,i,a){let l=p=>$t(p??a),c=St.css`var(${$t(o)}, ${l(a)})`;return c.name=o,c.description=n,c.category=i,c.defaultValue=a,c.defaultCssValue=l,c.get=p=>St.css`var(${$t(o)}, ${l(p)})`,c.breadcrumb=()=>[],c.lastResortDefaultValue=()=>a,c}static extend(o,n,i,a){let l=p=>i.get(p??a),c=St.css`var(${$t(o)}, ${l(a)})`;return c.name=o,c.description=n,c.category=i.category,c.fallbackVariable=i,c.defaultValue=a,c.defaultCssValue=l,c.get=p=>St.css`var(${$t(o)}, ${l(p)})`,c.breadcrumb=()=>[i.name,...i.breadcrumb()],c.lastResortDefaultValue=()=>a??i.lastResortDefaultValue(),c}static external(o,n){let i=l=>o.fallbackVariable?o.fallbackVariable.get(l??o.defaultValue):$t(l??o.lastResortDefaultValue()),a=St.css`var(${$t(o.name)}, ${i(o.defaultValue)})`;return a.name=o.name,a.category=o.category,a.fallbackVariable=o.fallbackVariable,a.defaultValue=o.defaultValue,a.context=n,a.defaultCssValue=i,a.get=l=>St.css`var(${$t(o.name)}, ${i(l)})`,a.breadcrumb=()=>o.fallbackVariable?[o.fallbackVariable.name,...o.fallbackVariable.breadcrumb()]:[],a.lastResortDefaultValue=()=>o.lastResortDefaultValue(),a}};var r={colorWhite:t.create("--ft-color-white","","COLOR","#ffffff"),colorGray0:t.create("--ft-color-gray-0","","COLOR","#71718e"),colorGray10:t.create("--ft-color-gray-10","","COLOR","#fbfbfc"),colorGray20:t.create("--ft-color-gray-20","","COLOR","#f2f2f5"),colorGray30:t.create("--ft-color-gray-30","","COLOR","#e9e9ed"),colorGray40:t.create("--ft-color-gray-40","","COLOR","#e0e0e6"),colorGray50:t.create("--ft-color-gray-50","","COLOR","#cdcdd7"),colorGray60:t.create("--ft-color-gray-60","","COLOR","#bbbbc9"),colorGray70:t.create("--ft-color-gray-70","","COLOR","#a8a8ba"),colorGray80:t.create("--ft-color-gray-80","","COLOR","#9696ab"),colorGray90:t.create("--ft-color-gray-90","","COLOR","#83839d"),colorGray100:t.create("--ft-color-gray-100","","COLOR","#62627c"),colorGray200:t.create("--ft-color-gray-200","","COLOR","#545469"),colorGray300:t.create("--ft-color-gray-300","","COLOR","#454557"),colorGray400:t.create("--ft-color-gray-400","","COLOR","#363644"),colorGray500:t.create("--ft-color-gray-500","","COLOR","#282832"),colorGray600:t.create("--ft-color-gray-600","","COLOR","#19191f"),colorGray700:t.create("--ft-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:t.create("--ft-color-brand-0","","COLOR","#9d207b"),colorBrand10:t.create("--ft-color-brand-10","","COLOR","#f7edf4"),colorBrand20:t.create("--ft-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:t.create("--ft-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:t.create("--ft-color-brand-40","","COLOR","#d395c2"),colorBrand50:t.create("--ft-color-brand-50","","COLOR","#c778b1"),colorBrand60:t.create("--ft-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:t.create("--ft-color-brand-70","","COLOR","#ae3e90"),colorBrand100:t.create("--ft-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:t.create("--ft-color-brand-200","","COLOR","#78185e"),colorBrand300:t.create("--ft-color-brand-300","","COLOR","#62144d"),colorBrand400:t.create("--ft-color-brand-400","","COLOR","#4d103c"),colorBrand500:t.create("--ft-color-brand-500","","COLOR","#380b2c"),colorBrand600:t.create("--ft-color-brand-600","","COLOR","#23071b"),colorBrand700:t.create("--ft-color-brand-700","","COLOR","#0d030b"),colorCyan0:t.create("--ft-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:t.create("--ft-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:t.create("--ft-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:t.create("--ft-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:t.create("--ft-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:t.create("--ft-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:t.create("--ft-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:t.create("--ft-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:t.create("--ft-color-cyan-100","","COLOR","#0c849c"),colorCyan200:t.create("--ft-color-cyan-200","","COLOR","#0a7085"),colorCyan300:t.create("--ft-color-cyan-300","","COLOR","#085c6d"),colorCyan400:t.create("--ft-color-cyan-400","","COLOR","#074856"),colorCyan500:t.create("--ft-color-cyan-500","","COLOR","#05343e"),colorCyan600:t.create("--ft-color-cyan-600","","COLOR","#032127"),colorCyan700:t.create("--ft-color-cyan-700","","COLOR","#010d0f"),colorGreen0:t.create("--ft-color-green-0","","COLOR","#21a274"),colorGreen10:t.create("--ft-color-green-10","","COLOR","#edf7f3"),colorGreen20:t.create("--ft-color-green-20","","COLOR","#cfebe1"),colorGreen30:t.create("--ft-color-green-30","","COLOR","#b2dfcf"),colorGreen40:t.create("--ft-color-green-40","","COLOR","#95d3bd"),colorGreen50:t.create("--ft-color-green-50","","COLOR","#78c7ab"),colorGreen60:t.create("--ft-color-green-60","","COLOR","#5bba98"),colorGreen70:t.create("--ft-color-green-70","","COLOR","#3eae86"),colorGreen100:t.create("--ft-color-green-100","","COLOR","#1d8d65"),colorGreen200:t.create("--ft-color-green-200","","COLOR","#187856"),colorGreen300:t.create("--ft-color-green-300","","COLOR","#146246"),colorGreen400:t.create("--ft-color-green-400","","COLOR","#104d37"),colorGreen500:t.create("--ft-color-green-500","","COLOR","#0b3828"),colorGreen600:t.create("--ft-color-green-600","","COLOR","#072319"),colorGreen700:t.create("--ft-color-green-700","","COLOR","#030d0a"),colorOrange0:t.create("--ft-color-orange-0","","COLOR","#F2700D"),colorOrange10:t.create("--ft-color-orange-10","","COLOR","#FFF7EB"),colorOrange20:t.create("--ft-color-orange-20","","COLOR","#FFEDD6"),colorOrange30:t.create("--ft-color-orange-30","","COLOR","#FFDDB2"),colorOrange40:t.create("--ft-color-orange-40","","COLOR","#FECB90"),colorOrange50:t.create("--ft-color-orange-50","","COLOR","#FCB76E"),colorOrange60:t.create("--ft-color-orange-60","","COLOR","#F9A34D"),colorOrange70:t.create("--ft-color-orange-70","","COLOR","#F68B2C"),colorOrange100:t.create("--ft-color-orange-100","","COLOR","#D35909"),colorOrange200:t.create("--ft-color-orange-200","","COLOR","#B74706"),colorOrange300:t.create("--ft-color-orange-300","","COLOR","#913503"),colorOrange400:t.create("--ft-color-orange-400","","COLOR","#6F2601"),colorOrange500:t.create("--ft-color-orange-500","","COLOR","#4D1800"),colorOrange600:t.create("--ft-color-orange-600","","COLOR","#330F00"),colorOrange700:t.create("--ft-color-orange-700","","COLOR","#140600"),colorRed0:t.create("--ft-color-red-0","","COLOR","#b40e2c"),colorRed10:t.create("--ft-color-red-10","","COLOR","#f9ebed"),colorRed20:t.create("--ft-color-red-20","","COLOR","#efcbd2"),colorRed30:t.create("--ft-color-red-30","","COLOR","#e5acb6"),colorRed40:t.create("--ft-color-red-40","","COLOR","#db8c9b"),colorRed50:t.create("--ft-color-red-50","","COLOR","#d16d7f"),colorRed60:t.create("--ft-color-red-60","","COLOR","#c84d63"),colorRed70:t.create("--ft-color-red-70","","COLOR","#be2e48"),colorRed100:t.create("--ft-color-red-100","","COLOR","#9c0c26"),colorRed200:t.create("--ft-color-red-200","","COLOR","#850a20"),colorRed300:t.create("--ft-color-red-300","","COLOR","#6d081b"),colorRed400:t.create("--ft-color-red-400","","COLOR","#560715"),colorRed500:t.create("--ft-color-red-500","","COLOR","#3e050f"),colorRed600:t.create("--ft-color-red-600","","COLOR","#270309"),colorRed700:t.create("--ft-color-red-700","","COLOR","#0f0104"),colorYellow0:t.create("--ft-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:t.create("--ft-color-yellow-10","","COLOR","#fefae9"),colorYellow20:t.create("--ft-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:t.create("--ft-color-yellow-30","","COLOR","#faedaa"),colorYellow40:t.create("--ft-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:t.create("--ft-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:t.create("--ft-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:t.create("--ft-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:t.create("--ft-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:t.create("--ft-color-yellow-200","","COLOR","#b3970a"),colorYellow300:t.create("--ft-color-yellow-300","","COLOR","#947c08"),colorYellow400:t.create("--ft-color-yellow-400","","COLOR","#746206"),colorYellow500:t.create("--ft-color-yellow-500","","COLOR","#554705"),colorYellow600:t.create("--ft-color-yellow-600","","COLOR","#352d03"),colorYellow700:t.create("--ft-color-yellow-700","","COLOR","#161201"),colorUltramarine0:t.create("--ft-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:t.create("--ft-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:t.create("--ft-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:t.create("--ft-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:t.create("--ft-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:t.create("--ft-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:t.create("--ft-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:t.create("--ft-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:t.create("--ft-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:t.create("--ft-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:t.create("--ft-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:t.create("--ft-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:t.create("--ft-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:t.create("--ft-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:t.create("--ft-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:t.create("--ft-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:t.create("--ft-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:t.create("--ft-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:t.create("--ft-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:t.create("--ft-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:t.create("--ft-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:t.create("--ft-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:t.create("--ft-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:t.create("--ft-color-avocado-100","","COLOR","#84A423"),colorAvocado200:t.create("--ft-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:t.create("--ft-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:t.create("--ft-color-avocado-400","","COLOR","#495B13"),colorAvocado500:t.create("--ft-color-avocado-500","","COLOR","#35420E"),colorAvocado600:t.create("--ft-color-avocado-600","","COLOR","#212A09"),colorAvocado700:t.create("--ft-color-avocado-700","","COLOR","#0E1104"),colorBrown0:t.create("--ft-color-brown-0","","COLOR","#B26F4D"),colorBrown10:t.create("--ft-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:t.create("--ft-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:t.create("--ft-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:t.create("--ft-color-brown-40","","COLOR","#DABAAA"),colorBrown50:t.create("--ft-color-brown-50","","COLOR","#D0A792"),colorBrown60:t.create("--ft-color-brown-60","","COLOR","#C6947B"),colorBrown70:t.create("--ft-color-brown-70","","COLOR","#BC8264"),colorBrown100:t.create("--ft-color-brown-100","","COLOR","#9B6143"),colorBrown200:t.create("--ft-color-brown-200","","COLOR","#845239"),colorBrown300:t.create("--ft-color-brown-300","","COLOR","#6D442F"),colorBrown400:t.create("--ft-color-brown-400","","COLOR","#553525"),colorBrown500:t.create("--ft-color-brown-500","","COLOR","#3E271B"),colorBrown600:t.create("--ft-color-brown-600","","COLOR","#271811"),colorBrown700:t.create("--ft-color-brown-700","","COLOR","#100A07"),spacing1:t.create("--ft-spacing-1","","SIZE","0.25rem"),spacing2:t.create("--ft-spacing-2","","SIZE","calc(var(--ft-spacing-2, 0.25rem)*2)"),spacing3:t.create("--ft-spacing-3","","SIZE","calc(var(--ft-spacing-3, 0.25rem)*3)"),spacing4:t.create("--ft-spacing-4","","SIZE","calc(var(--ft-spacing-4, 0.25rem)*4)"),spacing5:t.create("--ft-spacing-5","","SIZE","calc(var(--ft-spacing-5, 0.25rem)*5)"),spacing6:t.create("--ft-spacing-6","","SIZE","calc(var(--ft-spacing-6, 0.25rem)*6)"),spacing8:t.create("--ft-spacing-8","","SIZE","calc(var(--ft-spacing-8, 0.25rem)*8)"),spacing10:t.create("--ft-spacing-10","","SIZE","calc(var(--ft-spacing-10, 0.25rem)*10)"),spacing12:t.create("--ft-spacing-12","","SIZE","calc(var(--ft-spacing-12, 0.25rem)*12)"),spacing16:t.create("--ft-spacing-16","","SIZE","calc(var(--ft-spacing-16, 0.25rem)*16)"),spacing20:t.create("--ft-spacing-20","","SIZE","calc(var(--ft-spacing-20, 0.25rem)*20)"),spacing24:t.create("--ft-spacing-24","","SIZE","calc(var(--ft-spacing-24, 0.25rem)*24)"),spacing28:t.create("--ft-spacing-28","","SIZE","calc(var(--ft-spacing-28, 0.25rem)*28)"),spacing32:t.create("--ft-spacing-32","","SIZE","calc(var(--ft-spacing-32, 0.25rem)*32)"),spacing05:t.create("--ft-spacing-0-5","","SIZE","calc(var(--ft-spacing-0-5, 0.25rem)*0.5)"),borderRadiusS:t.create("--ft-border-radius-s","","SIZE","4px"),borderRadiusM:t.create("--ft-border-radius-m","","SIZE","8px"),borderRadiusL:t.create("--ft-border-radius-l","","SIZE","12px"),borderRadiusXl:t.create("--ft-border-radius-xl","","SIZE","16px"),borderRadiusPill:t.create("--ft-border-radius-pill","","SIZE","999px"),borderRadiusRound:t.create("--ft-border-radius-round","","SIZE","50%"),iconSize1:t.create("--ft-icon-size-1","","SIZE","0.75rem"),iconSize2:t.create("--ft-icon-size-2","","SIZE","1rem"),iconSize3:t.create("--ft-icon-size-3","","SIZE","1.25rem"),iconSize4:t.create("--ft-icon-size-4","","SIZE","1.5rem"),iconSize5:t.create("--ft-icon-size-5","","SIZE","2rem"),iconSize6:t.create("--ft-icon-size-6","","SIZE","3rem"),opacity0:t.create("--ft-opacity-0","","NUMBER","0"),opacity8:t.create("--ft-opacity-8","","NUMBER","0.08"),opacity16:t.create("--ft-opacity-16","","NUMBER","0.16"),opacity24:t.create("--ft-opacity-24","","NUMBER","0.24"),opacity40:t.create("--ft-opacity-40","","NUMBER","0.4"),opacity80:t.create("--ft-opacity-80","","NUMBER","0.8"),shadowElevation01:t.create("--ft-shadow-elevation-01","","SHADOW","0px 1px 4px 0px rgba(0,0,0,0.06), 0px 1px 2px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),shadowElevation02:t.create("--ft-shadow-elevation-02","","SHADOW","0px 4px 10px 0px rgba(0,0,0,0.06), 0px 2px 5px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),shadowElevation03:t.create("--ft-shadow-elevation-03","","SHADOW","0px 6px 13px 0px rgba(0,0,0,0.06), 0px 3px 7px 0px rgba(0,0,0,0.14), 0px 1px 2px 0px rgba(0,0,0,0.06)"),shadowElevation04:t.create("--ft-shadow-elevation-04","","SHADOW","0px 8px 16px 0px rgba(0,0,0,0.06), 0px 4px 9px 0px rgba(0,0,0,0.14), 0px 2px 3px 0px rgba(0,0,0,0.06)"),shadowElevation06:t.create("--ft-shadow-elevation-06","","SHADOW","0px 12px 22px 0px rgba(0,0,0,0.06), 0px 6px 13px 0px rgba(0,0,0,0.14), 0px 4px 5px 0px rgba(0,0,0,0.06)"),shadowElevation08:t.create("--ft-shadow-elevation-08","","SHADOW","0px 16px 28px 0px rgba(0,0,0,0.06), 0px 8px 17px 0px rgba(0,0,0,0.14), 0px 6px 7px 0px rgba(0,0,0,0.06)"),shadowElevation12:t.create("--ft-shadow-elevation-12","","SHADOW","0px 22px 40px 0px rgba(0,0,0,0.06), 0px 12px 23px 0px rgba(0,0,0,0.14), 0px 10px 11px 0px rgba(0,0,0,0.06)"),shadowElevation16:t.create("--ft-shadow-elevation-16","","SHADOW","0px 28px 52px 0px rgba(0,0,0,0.06), 0px 16px 29px 0px rgba(0,0,0,0.14), 0px 14px 15px 0px rgba(0,0,0,0.06)"),shadowElevation24:t.create("--ft-shadow-elevation-24","","SHADOW","0px 40px 76px 0px rgba(0,0,0,0.06), 0px 24px 41px 0px rgba(0,0,0,0.14), 0px 22px 23px 0px rgba(0,0,0,0.06)")},rr={fontFamily:t.create("--ft-typography-display-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-display-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-display-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-display-fontSize","","SIZE","2.5rem"),letterSpacing:t.create("--ft-typography-display-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:t.create("--ft-typography-display-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-display-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-display-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-display-textCase","","UNKNOWN","none")},nr={fontFamily:t.create("--ft-typography-title-1-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-title-1-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-title-1-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-title-1-fontSize","","SIZE","1.5rem"),letterSpacing:t.create("--ft-typography-title-1-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:t.create("--ft-typography-title-1-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-title-1-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-title-1-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-title-1-textCase","","UNKNOWN","none")},ir={fontFamily:t.create("--ft-typography-title-2-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-title-2-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-title-2-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-title-2-fontSize","","SIZE","1.25rem"),letterSpacing:t.create("--ft-typography-title-2-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:t.create("--ft-typography-title-2-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-title-2-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-title-2-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-title-2-textCase","","UNKNOWN","none")},ar={fontFamily:t.create("--ft-typography-title-3-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-title-3-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-title-3-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-title-3-fontSize","","SIZE","1.125rem"),letterSpacing:t.create("--ft-typography-title-3-letterSpacing","","SIZE","-0.01em"),paragraphSpacing:t.create("--ft-typography-title-3-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-title-3-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-title-3-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-title-3-textCase","","UNKNOWN","none")},lr={fontFamily:t.create("--ft-typography-body-1-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-1-regular-fontWeight","","UNKNOWN","400"),lineHeight:t.create("--ft-typography-body-1-regular-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-1-regular-fontSize","","SIZE","1rem"),letterSpacing:t.create("--ft-typography-body-1-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-1-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-1-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-1-regular-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-1-regular-textCase","","UNKNOWN","none")},cr={fontFamily:t.create("--ft-typography-body-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-body-1-medium-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-1-medium-fontSize","","SIZE","1rem"),letterSpacing:t.create("--ft-typography-body-1-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-1-medium-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-1-medium-textCase","","UNKNOWN","none")},sr={fontFamily:t.create("--ft-typography-body-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-body-1-semibold-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-1-semibold-fontSize","","SIZE","1rem"),letterSpacing:t.create("--ft-typography-body-1-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-1-semibold-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-1-semibold-textCase","","UNKNOWN","none")},pr={fontFamily:t.create("--ft-typography-body-2-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-regular-fontWeight","","UNKNOWN","400"),lineHeight:t.create("--ft-typography-body-2-regular-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-2-regular-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-2-regular-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-2-regular-textCase","","UNKNOWN","none")},dr={fontFamily:t.create("--ft-typography-body-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-body-2-medium-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-2-medium-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-2-medium-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-2-medium-textCase","","UNKNOWN","none")},fi={fontFamily:t.create("--ft-typography-body-2-medium-underline-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-medium-underline-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-body-2-medium-underline-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-2-medium-underline-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-medium-underline-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-medium-underline-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-medium-underline-paragraphIndent","","UNKNOWN","0"),textCase:t.create("--ft-typography-body-2-medium-underline-textCase","","UNKNOWN","none"),textDecoration:t.create("--ft-typography-body-2-medium-underline-textDecoration","","UNKNOWN","underline")},fr={fontFamily:t.create("--ft-typography-body-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-body-2-semibold-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-2-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-2-semibold-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-2-semibold-textCase","","UNKNOWN","none")},gr={fontFamily:t.create("--ft-typography-label-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-label-1-medium-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-1-medium-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-label-1-medium-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-1-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-1-medium-textDecoration","","UNKNOWN","none")},hr={fontFamily:t.create("--ft-typography-label-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-label-1-semibold-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-1-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-label-1-semibold-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-1-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-1-semibold-textDecoration","","UNKNOWN","none")},mr={fontFamily:t.create("--ft-typography-label-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-label-1-bold-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-1-bold-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-label-1-bold-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-1-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-1-bold-textDecoration","","UNKNOWN","none")},ur={fontFamily:t.create("--ft-typography-label-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-label-2-medium-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-2-medium-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-label-2-medium-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-2-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-2-medium-textDecoration","","UNKNOWN","none")},yr={fontFamily:t.create("--ft-typography-label-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-label-2-semibold-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-2-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-label-2-semibold-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-2-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-2-semibold-textDecoration","","UNKNOWN","none")},br={fontFamily:t.create("--ft-typography-label-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-label-2-bold-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-2-bold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-label-2-bold-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-2-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-2-bold-textDecoration","","UNKNOWN","none")},xr={fontFamily:t.create("--ft-typography-caption-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-caption-1-medium-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-1-medium-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-caption-1-medium-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-1-medium-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-1-medium-textDecoration","","UNKNOWN","none")},Or={fontFamily:t.create("--ft-typography-caption-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-caption-1-semibold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-1-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-caption-1-semibold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-1-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-1-semibold-textDecoration","","UNKNOWN","none")},Sr={fontFamily:t.create("--ft-typography-caption-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-caption-1-bold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-1-bold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-caption-1-bold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-1-bold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-1-bold-textDecoration","","UNKNOWN","none")},Cr={fontFamily:t.create("--ft-typography-caption-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-caption-2-medium-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-2-medium-fontSize","","SIZE","0.6875rem"),letterSpacing:t.create("--ft-typography-caption-2-medium-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-2-medium-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-2-medium-textDecoration","","UNKNOWN","none")},vr={fontFamily:t.create("--ft-typography-caption-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-caption-2-semibold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-2-semibold-fontSize","","SIZE","0.6875rem"),letterSpacing:t.create("--ft-typography-caption-2-semibold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-2-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-2-semibold-textDecoration","","UNKNOWN","none")},Nr={fontFamily:t.create("--ft-typography-caption-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-caption-2-bold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-2-bold-fontSize","","SIZE","0.6875rem"),letterSpacing:t.create("--ft-typography-caption-2-bold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-2-bold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-2-bold-textDecoration","","UNKNOWN","none")},Er={fontFamily:t.create("--ft-typography-caption-3-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-3-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-caption-3-medium-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-3-medium-fontSize","","SIZE","0.625rem"),letterSpacing:t.create("--ft-typography-caption-3-medium-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-3-medium-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-3-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-3-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-3-medium-textDecoration","","UNKNOWN","none")},wr={fontFamily:t.create("--ft-typography-caption-3-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-3-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-caption-3-semibold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-3-semibold-fontSize","","SIZE","0.625rem"),letterSpacing:t.create("--ft-typography-caption-3-semibold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-3-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-3-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-3-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-3-semibold-textDecoration","","UNKNOWN","none")},Rr={fontFamily:t.create("--ft-typography-caption-3-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-3-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-caption-3-bold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-3-bold-fontSize","","SIZE","0.625rem"),letterSpacing:t.create("--ft-typography-caption-3-bold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-3-bold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-3-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-3-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-3-bold-textDecoration","","UNKNOWN","none")},Ae={display:rr,"title-1":nr,"title-2":ir,"title-3":ar,"body-1-regular":lr,"body-1-medium":cr,"body-1-semibold":sr,"body-2-regular":pr,"body-2-medium":dr,"body-2-medium-underline":fi,"body-2-semibold":fr,"label-1-medium":gr,"label-1-semibold":hr,"label-1-bold":mr,"label-2-medium":ur,"label-2-semibold":yr,"label-2-bold":br,"caption-1-medium":xr,"caption-1-semibold":Or,"caption-1-bold":Sr,"caption-2-medium":Cr,"caption-2-semibold":vr,"caption-2-bold":Nr,"caption-3-medium":Er,"caption-3-semibold":wr,"caption-3-bold":Rr};var s={backgroundActionPrimary:t.extend("--ft-background-action-primary","Used as backgorund of primary action components.",r.colorBrand0),backgroundErrorSubtle:t.extend("--ft-background-error-subtle","Used as background of subtle error components.",r.colorRed10),backgroundInfoSubtle:t.extend("--ft-background-info-subtle","Used as background of subtle information components.",r.colorCyan10),backgroundWarningSubtle:t.extend("--ft-background-warning-subtle","Used as background of subtle information components.",r.colorOrange10),backgroundSuccessSubtle:t.extend("--ft-background-success-subtle","Used as background of subtle success components.",r.colorGreen10),backgroundGlobalSurface:t.extend("--ft-background-global-surface","Used as app background.",r.colorWhite),backgroundGlobalOnSurface:t.extend("--ft-background-global-on-surface","Used as background on element on the base background, like cards.",r.colorGray10),backgroundGlobalOnSurfaceDark:t.extend("--ft-background-global-on-surface-dark","Used as background on element that need background separation.",r.colorGray30),contentActionPrimary:t.extend("--ft-content-action-primary","Used on label of primary action on light surface.",r.colorBrand0),contentWarningPrimary:t.extend("--ft-content-warning-primary","Used on label of warning messages on light surface.",r.colorOrange200),contentWarningIconOnly:t.extend("--ft-content-warning-icon-only","Used on warning status icons alone",r.colorOrange0),contentErrorPrimary:t.extend("--ft-content-error-primary","Used on label of error messages on light surface.",r.colorRed0),contentErrorIconOnly:t.extend("--ft-content-error-icon-only","Used on error status icons alone",r.colorRed70),contentInfoPrimary:t.extend("--ft-content-info-primary","Used on label of information messages on light surface.",r.colorCyan200),contentInfoIconOnly:t.extend("--ft-content-info-icon-only","Used on info status icons alone",r.colorCyan0),contentSuccessPrimary:t.extend("--ft-content-success-primary","Used on label of success messages on light surface.",r.colorGreen200),contentSuccessIconOnly:t.extend("--ft-content-success-icon-only","Used on success status icons alone",r.colorGreen0),contentGlobalPrimary:t.extend("--ft-content-global-primary","Used for main content on the page.",r.colorGray500),contentGlobalSecondary:t.extend("--ft-content-global-secondary",`Used for secondary content, often paired with primary content.
|
|
127
|
+
Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-content-global-subtle","Used for placeholder, unselected items in a tab component or breadcrumb.",r.colorGray0),contentGlobalOnColor:t.extend("--ft-content-global-on-color","Used for content on a dominant color.",r.colorWhite),borderActionPrimary:t.extend("--ft-border-action-primary","Used as border for primary action components.",r.colorBrand0),borderActionFocusRing:t.extend("--ft-border-action-focus-ring","Focus ring is an additional border to indicate focus-visible state.",r.colorCyan0),borderWarningPrimary:t.extend("--ft-border-warning-primary","Used as border for text fields in warning state and for buttons in warning color",r.colorOrange200),borderWarningSubtle:t.extend("--ft-border-warning-subtle","Used as border for warning components.",r.colorOrange30),borderSuccessPrimary:t.extend("--ft-border-success-primary","Used as border for success buttons.",r.colorGreen200),borderSuccessSubtle:t.extend("--ft-border-success-subtle","Used as border for success components.",r.colorGreen30),borderErrorPrimary:t.extend("--ft-border-error-primary","Used as border for text fields in error states.",r.colorRed0),borderErrorSubtle:t.extend("--ft-border-error-subtle","Used as border for error components.",r.colorRed30),borderInfoPrimary:t.extend("--ft-border-info-primary","Used as border for buttons in info color.",r.colorCyan200),borderInfoSubtle:t.extend("--ft-border-info-subtle","Used as border for information components.",r.colorCyan30),borderGlobalPrimary:t.extend("--ft-border-global-primary","Used as border for element like input.",r.colorGray50),borderGlobalSubtle:t.extend("--ft-border-global-subtle","Used as border to deliminate an area filled with background.on-surface and separators.",r.colorGray30),borderInputPrimary:t.extend("--ft-border-input-primary","Used as border for checkboxes and radio buttons",r.colorGray80)};var f={largeHeight:t.create("--ft-button-large-height","","SIZE","40px"),largeHorizontalPadding:t.extend("--ft-button-large-horizontal-padding","",r.spacing4),largeGap:t.extend("--ft-button-large-gap","",r.spacing2),largeBorderRadius:t.extend("--ft-button-large-border-radius","",r.borderRadiusS),largeIconSize:t.extend("--ft-button-large-icon-size","",r.iconSize3),largeBorderWidth:t.create("--ft-button-large-border-width","","SIZE","1px"),largeFocusOutlineOffset:t.create("--ft-button-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:t.create("--ft-button-large-focus-outline-width","","SIZE","2px"),largeIconOnlyWidth:t.create("--ft-button-large-icon-only-width","","SIZE","40px"),mediumHeight:t.create("--ft-button-medium-height","","SIZE","30px"),mediumHorizontalPadding:t.extend("--ft-button-medium-horizontal-padding","",r.spacing3),mediumGap:t.extend("--ft-button-medium-gap","",r.spacing2),mediumBorderRadius:t.extend("--ft-button-medium-border-radius","",r.borderRadiusS),mediumIconSize:t.extend("--ft-button-medium-icon-size","",r.iconSize2),mediumBorderWidth:t.create("--ft-button-medium-border-width","","SIZE","1px"),mediumFocusOutlineOffset:t.create("--ft-button-medium-focus-outline-offset","","SIZE","2px"),mediumFocusOutlineWidth:t.create("--ft-button-medium-focus-outline-width","","SIZE","2px"),mediumIconOnlyWidth:t.create("--ft-button-medium-icon-only-width","","SIZE","30px"),smallHeight:t.create("--ft-button-small-height","","SIZE","20px"),smallHorizontalPadding:t.extend("--ft-button-small-horizontal-padding","",r.spacing2),smallGap:t.extend("--ft-button-small-gap","",r.spacing1),smallBorderRadius:t.extend("--ft-button-small-border-radius","",r.borderRadiusS),smallIconSize:t.extend("--ft-button-small-icon-size","",r.iconSize1),smallBorderWidth:t.create("--ft-button-small-border-width","","SIZE","1px"),smallFocusOutlineOffset:t.create("--ft-button-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:t.create("--ft-button-small-focus-outline-width","","SIZE","2px"),smallIconOnlyWidth:t.create("--ft-button-small-icon-only-width","","SIZE","20px"),xSmallHeight:t.create("--ft-button-x-small-height","","SIZE","16px"),xSmallIconSize:t.extend("--ft-button-x-small-icon-size","",r.iconSize1),xSmallFocusOutlineOffset:t.create("--ft-button-x-small-focus-outline-offset","","SIZE","2px"),xSmallFocusOutlineWidth:t.create("--ft-button-x-small-focus-outline-width","","SIZE","2px"),xSmallIconOnlyWidth:t.create("--ft-button-x-small-icon-only-width","","SIZE","16px"),roundBorderRadius:t.extend("--ft-button-round-border-radius","",r.borderRadiusPill),primaryBackgroundColor:t.extend("--ft-button-primary-background-color","",s.backgroundActionPrimary),primaryColor:t.extend("--ft-button-primary-color","",s.contentGlobalOnColor),primaryIconColor:t.extend("--ft-button-primary-icon-color","",s.contentGlobalOnColor),primaryStateLayerColor:t.extend("--ft-button-primary-state-layer-color","",s.contentGlobalOnColor),primaryHoverStateLayerOpacity:t.extend("--ft-button-primary-hover-state-layer-opacity","",r.opacity16),primaryFocusStateLayerOpacity:t.extend("--ft-button-primary-focus-state-layer-opacity","",r.opacity16),primaryActiveStateLayerOpacity:t.extend("--ft-button-primary-active-state-layer-opacity","",r.opacity24),primaryDisabledComponentOpacity:t.extend("--ft-button-primary-disabled-component-opacity","",r.opacity40),focusFocusRingColor:t.extend("--ft-button-focus-focus-ring-color","",s.borderActionFocusRing),tertiaryBackgroundColor:t.create("--ft-button-tertiary-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryColor:t.extend("--ft-button-tertiary-color","",s.contentActionPrimary),tertiaryIconColor:t.extend("--ft-button-tertiary-icon-color","",s.contentActionPrimary),tertiaryStateLayerColor:t.extend("--ft-button-tertiary-state-layer-color","",s.contentActionPrimary),tertiaryHoverStateLayerOpacity:t.extend("--ft-button-tertiary-hover-state-layer-opacity","",r.opacity8),tertiaryFocusStateLayerOpacity:t.extend("--ft-button-tertiary-focus-state-layer-opacity","",r.opacity8),tertiaryActiveStateLayerOpacity:t.extend("--ft-button-tertiary-active-state-layer-opacity","",r.opacity16),tertiaryDisabledComponentOpacity:t.extend("--ft-button-tertiary-disabled-component-opacity","",r.opacity40),secondaryBackgroundColor:t.create("--ft-button-secondary-background-color","","COLOR","rgba(0,0,0,0)"),secondaryColor:t.extend("--ft-button-secondary-color","",s.contentActionPrimary),secondaryIconColor:t.extend("--ft-button-secondary-icon-color","",s.contentActionPrimary),secondaryStateLayerColor:t.extend("--ft-button-secondary-state-layer-color","",s.contentActionPrimary),secondaryHoverStateLayerOpacity:t.extend("--ft-button-secondary-hover-state-layer-opacity","",r.opacity8),secondaryFocusStateLayerOpacity:t.extend("--ft-button-secondary-focus-state-layer-opacity","",r.opacity8),secondaryActiveStateLayerOpacity:t.extend("--ft-button-secondary-active-state-layer-opacity","",r.opacity16),secondaryDisabledComponentOpacity:t.extend("--ft-button-secondary-disabled-component-opacity","",r.opacity40),secondaryBorderColor:t.extend("--ft-button-secondary-border-color","",s.borderActionPrimary),neutralBackgroundColor:t.create("--ft-button-neutral-background-color","","COLOR","rgba(0,0,0,0)"),neutralIconColor:t.extend("--ft-button-neutral-icon-color","",s.contentGlobalSecondary),neutralColor:t.extend("--ft-button-neutral-color","",s.contentGlobalSecondary),neutralStateLayerColor:t.extend("--ft-button-neutral-state-layer-color","",s.contentGlobalSecondary),neutralHoverStateLayerOpacity:t.extend("--ft-button-neutral-hover-state-layer-opacity","",r.opacity8),neutralFocusStateLayerOpacity:t.extend("--ft-button-neutral-focus-state-layer-opacity","",r.opacity8),neutralActiveStateLayerOpacity:t.extend("--ft-button-neutral-active-state-layer-opacity","",r.opacity16),neutralDisabledComponentOpacity:t.extend("--ft-button-neutral-disabled-component-opacity","",r.opacity40)};var v={largeMinHeight:t.create("--ft-chip-large-min-height","","SIZE","36px"),largeHorizontalPadding:t.extend("--ft-chip-large-horizontal-padding","",r.spacing3),largeButtonRightPadding:t.extend("--ft-chip-large-button-right-padding","",r.spacing1),largeGap:t.extend("--ft-chip-large-gap","",r.spacing1),largeFocusOutlineOffset:t.create("--ft-chip-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:t.create("--ft-chip-large-focus-outline-width","","SIZE","2px"),largeBorderRadius:t.create("--ft-chip-large-border-radius","","SIZE","18px"),largeBorderWidth:t.create("--ft-chip-large-border-width","","SIZE","1px"),largeIconSize:t.extend("--ft-chip-large-icon-size","",r.iconSize3),mediumMinHeight:t.create("--ft-chip-medium-min-height","","SIZE","24px"),mediumHorizontalPadding:t.extend("--ft-chip-medium-horizontal-padding","",r.spacing2),mediumButtonRightPadding:t.extend("--ft-chip-medium-button-right-padding","",r.spacing05),mediumGap:t.extend("--ft-chip-medium-gap","",r.spacing1),mediumFocusOutlineOffset:t.create("--ft-chip-medium-focus-outline-offset","","SIZE","2px"),mediumFocusOutlineWidth:t.create("--ft-chip-medium-focus-outline-width","","SIZE","2px"),mediumBorderRadius:t.create("--ft-chip-medium-border-radius","","SIZE","12px"),mediumBorderWidth:t.create("--ft-chip-medium-border-width","","SIZE","1px"),mediumIconSize:t.extend("--ft-chip-medium-icon-size","",r.iconSize2),smallMinHeight:t.create("--ft-chip-small-min-height","","SIZE","20px"),smallHorizontalPadding:t.extend("--ft-chip-small-horizontal-padding","",r.spacing1),smallButtonRightPadding:t.extend("--ft-chip-small-button-right-padding","",r.spacing05),smallGap:t.extend("--ft-chip-small-gap","",r.spacing1),smallFocusOutlineOffset:t.create("--ft-chip-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:t.create("--ft-chip-small-focus-outline-width","","SIZE","2px"),smallBorderRadius:t.create("--ft-chip-small-border-radius","","SIZE","10px"),smallBorderWidth:t.create("--ft-chip-small-border-width","","SIZE","1px"),smallIconSize:t.extend("--ft-chip-small-icon-size","",r.iconSize1),neutralBackgroundColor:t.extend("--ft-chip-neutral-background-color","",s.backgroundGlobalOnSurface),neutralColor:t.extend("--ft-chip-neutral-color","",s.contentGlobalSecondary),neutralIconColor:t.extend("--ft-chip-neutral-icon-color","",s.contentGlobalSecondary),neutralBorderColor:t.extend("--ft-chip-neutral-border-color","",s.borderGlobalSubtle),infoBackgroundColor:t.extend("--ft-chip-info-background-color","",s.backgroundInfoSubtle),infoColor:t.extend("--ft-chip-info-color","",s.contentInfoPrimary),infoIconColor:t.extend("--ft-chip-info-icon-color","",s.contentInfoIconOnly),infoBorderColor:t.extend("--ft-chip-info-border-color","",s.borderInfoSubtle),successBackgroundColor:t.extend("--ft-chip-success-background-color","",s.backgroundSuccessSubtle),successColor:t.extend("--ft-chip-success-color","",s.contentSuccessPrimary),successIconColor:t.extend("--ft-chip-success-icon-color","",s.contentSuccessIconOnly),successBorderColor:t.extend("--ft-chip-success-border-color","",s.borderSuccessSubtle),warningBackgroundColor:t.extend("--ft-chip-warning-background-color","",s.backgroundWarningSubtle),warningColor:t.extend("--ft-chip-warning-color","",s.contentWarningPrimary),warningIconColor:t.extend("--ft-chip-warning-icon-color","",s.contentWarningIconOnly),warningBorderColor:t.extend("--ft-chip-warning-border-color","",s.borderWarningSubtle),errorBackgroundColor:t.extend("--ft-chip-error-background-color","",s.backgroundErrorSubtle),errorColor:t.extend("--ft-chip-error-color","",s.contentErrorPrimary),errorIconColor:t.extend("--ft-chip-error-icon-color","",s.contentErrorIconOnly),errorBorderColor:t.extend("--ft-chip-error-border-color","",s.borderErrorSubtle)};var ua={focusOpacity:t.extend("--ft-link-focus-opacity","",r.opacity80),focusFocusRingColor:t.extend("--ft-link-focus-focus-ring-color","",s.borderActionFocusRing),brandColor:t.extend("--ft-link-brand-color","",s.contentActionPrimary),infoColor:t.extend("--ft-link-info-color","",s.contentInfoPrimary)};var Sa={iconSize:t.extend("--ft-banner-icon-size","",r.iconSize5),borderWidth:t.create("--ft-banner-border-width","","SIZE","1px"),leftPadding:t.extend("--ft-banner-left-padding","",r.spacing6),rightPadding:t.extend("--ft-banner-right-padding","",r.spacing6),verticalPadding:t.extend("--ft-banner-vertical-padding","",r.spacing6),horizontalSideGap:t.extend("--ft-banner-horizontal-side-gap","",r.spacing6),horizontalMobileGap:t.extend("--ft-banner-horizontal-mobile-gap","",r.spacing4),verticalMobileGap:t.extend("--ft-banner-vertical-mobile-gap","",r.spacing6),horizontalMiddleGap:t.extend("--ft-banner-horizontal-middle-gap","",r.spacing20),infoBackgroundColor:t.extend("--ft-banner-info-background-color","",s.backgroundInfoSubtle),infoColor:t.extend("--ft-banner-info-color","",s.contentInfoPrimary),infoIconColor:t.extend("--ft-banner-info-icon-color","",s.contentInfoIconOnly),infoBorderColor:t.extend("--ft-banner-info-border-color","",s.borderInfoSubtle)};var wa={horizontalPadding:t.extend("--ft-badge-horizontal-padding","",r.spacing1),verticalPadding:t.extend("--ft-badge-vertical-padding","",r.spacing1),borderRadius:t.extend("--ft-badge-border-radius","",r.borderRadiusPill),color:t.extend("--ft-badge-color","",s.contentGlobalOnColor),backgroundColor:t.extend("--ft-badge-background-color","",s.contentActionPrimary)};var Ia={horizontalGap:t.extend("--ft-breadcrumb-horizontal-gap","",r.spacing1),verticalGap:t.extend("--ft-breadcrumb-vertical-gap","",r.spacing2),currentColor:t.extend("--ft-breadcrumb-current-color","",s.contentGlobalPrimary),previousNonClickableColor:t.extend("--ft-breadcrumb-previous-non-clickable-color","",s.contentGlobalSecondary),iconColor:t.extend("--ft-breadcrumb-icon-color","",s.contentGlobalSubtle)};var Ta={horizontalPadding:t.extend("--ft-page-header-horizontal-padding","",r.spacing6),horizontalGap:t.extend("--ft-page-header-horizontal-gap","",r.spacing4),verticalGap:t.extend("--ft-page-header-vertical-gap","",r.spacing2),classicVerticalPadding:t.extend("--ft-page-header-classic-vertical-padding","",r.spacing6),multilineVerticalPadding:t.extend("--ft-page-header-multiline-vertical-padding","",r.spacing4),inlineVerticalPadding:t.extend("--ft-page-header-inline-vertical-padding","",r.spacing2),backgroundColor:t.extend("--ft-page-header-background-color","",r.colorWhite),bottomBorderColor:t.extend("--ft-page-header-bottom-border-color","",s.borderGlobalSubtle),titleColor:t.extend("--ft-page-header-title-color","",s.contentGlobalPrimary),subtitleColor:t.extend("--ft-page-header-subtitle-color","",s.contentGlobalSecondary)};var Da={smallContainerWidth:t.create("--ft-modal-small-container-width","","SIZE","600px"),largeContainerWidth:t.create("--ft-modal-large-container-width","","SIZE","900px"),overlayBackgroundColor:t.extend("--ft-modal-overlay-background-color","",r.colorGray700),overlayOpacity:t.extend("--ft-modal-overlay-opacity","",r.opacity40),shadow:t.extend("--ft-modal-shadow","",r.shadowElevation03),bodyBackgroundColor:t.extend("--ft-modal-body-background-color","",r.colorWhite),bodyColor:t.extend("--ft-modal-body-color","",s.contentGlobalPrimary),bodyHorizontalPadding:t.extend("--ft-modal-body-horizontal-padding","",r.spacing6),bodyVerticalPadding:t.extend("--ft-modal-body-vertical-padding","",r.spacing6),bodyVerticalGap:t.extend("--ft-modal-body-vertical-gap","",r.spacing6),containerMargin:t.extend("--ft-modal-container-margin","",r.spacing3),headerBackgroundColor:t.extend("--ft-modal-header-background-color","",s.backgroundGlobalOnSurface),headerBorderColor:t.extend("--ft-modal-header-border-color","",s.borderGlobalSubtle),headerColor:t.extend("--ft-modal-header-color","",s.contentGlobalPrimary),headerTrailingIconColor:t.extend("--ft-modal-header-trailing-icon-color","",s.contentGlobalSecondary),headerVerticalPadding:t.extend("--ft-modal-header-vertical-padding","",r.spacing1),headerRightPadding:t.extend("--ft-modal-header-right-padding","",r.spacing1),headerLeftPadding:t.extend("--ft-modal-header-left-padding","",r.spacing6),headerGap:t.extend("--ft-modal-header-gap","",r.spacing2),headerBorderBottom:t.create("--ft-modal-header-border-bottom","","SIZE","1px"),borderRadius:t.extend("--ft-modal-border-radius","",r.borderRadiusM)};var Fa={overlayOpacity:t.extend("--ft-drawer-overlay-opacity","",r.opacity40),shadow:t.extend("--ft-drawer-shadow","",r.shadowElevation03),bodyColor:t.extend("--ft-drawer-body-color","",s.contentGlobalPrimary),bodyHorizontalPadding:t.extend("--ft-drawer-body-horizontal-padding","",r.spacing6),bodyVerticalPadding:t.extend("--ft-drawer-body-vertical-padding","",r.spacing6),bodyGap:t.extend("--ft-drawer-body-gap","",r.spacing6),bodyBackgroundColor:t.extend("--ft-drawer-body-background-color","",r.colorWhite),headerBackgroundColor:t.extend("--ft-drawer-header-background-color","",s.backgroundGlobalOnSurface),headerBorderColor:t.extend("--ft-drawer-header-border-color","",s.borderGlobalSubtle),headerColor:t.extend("--ft-drawer-header-color","",s.contentGlobalPrimary),headerTrailingIconColor:t.extend("--ft-drawer-header-trailing-icon-color","",s.contentGlobalSecondary),headerHeight:t.create("--ft-drawer-header-height","","SIZE","50px"),headerHorizontalPadding:t.extend("--ft-drawer-header-horizontal-padding","",r.spacing2),headerBorderWidth:t.create("--ft-drawer-header-border-width","","SIZE","1px"),headerGap:t.extend("--ft-drawer-header-gap","",r.spacing3),buttonsBarBackgroundColor:t.extend("--ft-drawer-buttons-bar-background-color","",s.backgroundGlobalOnSurface),buttonsBarBorderColor:t.extend("--ft-drawer-buttons-bar-border-color","",s.borderGlobalSubtle),buttonsBarColor:t.extend("--ft-drawer-buttons-bar-color","",s.contentGlobalPrimary),buttonsBarHorizontalPadding:t.extend("--ft-drawer-buttons-bar-horizontal-padding","",r.spacing4),buttonsBarVerticalPadding:t.extend("--ft-drawer-buttons-bar-vertical-padding","",r.spacing4),buttonsBarGap:t.extend("--ft-drawer-buttons-bar-gap","",r.spacing3),buttonsBarBorderWidth:t.create("--ft-drawer-buttons-bar-border-width","","SIZE","1px"),containerWidth:t.create("--ft-drawer-container-width","","SIZE","66%"),containerMinWidth:t.create("--ft-drawer-container-min-width","","SIZE","500px"),containerMaxWidth:t.create("--ft-drawer-container-max-width","","SIZE","1000px"),containerHeight:t.create("--ft-drawer-container-height","","SIZE","100%"),overlayBackgroundColor:t.extend("--ft-drawer-overlay-background-color","",r.colorGray700)};var qa={offBorderBottomWidth:t.create("--ft-tabs-off-border-bottom-width","","SIZE","1px"),offHoverStateLayerOpacity:t.extend("--ft-tabs-off-hover-state-layer-opacity","",r.opacity8),offDefaultStateLayerOpacity:t.extend("--ft-tabs-off-default-state-layer-opacity","",r.opacity0),offFocusStateLayerOpacity:t.extend("--ft-tabs-off-focus-state-layer-opacity","",r.opacity8),offDisabledComponentOpacity:t.extend("--ft-tabs-off-disabled-component-opacity","",r.opacity40),offColor:t.extend("--ft-tabs-off-color","",s.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-tabs-off-state-layer-color","",s.contentGlobalSubtle),offBorderBottomColor:t.extend("--ft-tabs-off-border-bottom-color","",s.borderGlobalSubtle),activeTabIndicatorHeight:t.create("--ft-tabs-active-tab-indicator-height","","SIZE","3px"),topLeftBorderRadius:t.extend("--ft-tabs-top-left-border-radius","",r.borderRadiusS),topRightBorderRadius:t.extend("--ft-tabs-top-right-border-radius","",r.borderRadiusS),withLabelHorizontalPadding:t.extend("--ft-tabs-with-label-horizontal-padding","",r.spacing4),withLabelVerticalPadding:t.extend("--ft-tabs-with-label-vertical-padding","",r.spacing3),horizontalGap:t.extend("--ft-tabs-horizontal-gap","",r.spacing1),verticalGap:t.extend("--ft-tabs-vertical-gap","",r.spacing1),onHoverStateLayerOpacity:t.extend("--ft-tabs-on-hover-state-layer-opacity","",r.opacity16),onDefaultStateLayerOpacity:t.extend("--ft-tabs-on-default-state-layer-opacity","",r.opacity8),onFocusStateLayerOpacity:t.extend("--ft-tabs-on-focus-state-layer-opacity","",r.opacity16),onActiveStateLayerOpacity:t.extend("--ft-tabs-on-active-state-layer-opacity","",r.opacity24),onColor:t.extend("--ft-tabs-on-color","",s.contentActionPrimary),onStateLayerColor:t.extend("--ft-tabs-on-state-layer-color","",s.contentActionPrimary),onActiveTabIndicatorColor:t.extend("--ft-tabs-on-active-tab-indicator-color","",s.contentActionPrimary),iconOnlyHorizontalPadding:t.extend("--ft-tabs-icon-only-horizontal-padding","",r.spacing4),iconOnlyVerticalPadding:t.extend("--ft-tabs-icon-only-vertical-padding","",r.spacing4),alertTopPadding:t.extend("--ft-tabs-alert-top-padding","",r.spacing1),alertRightPadding:t.extend("--ft-tabs-alert-right-padding","",r.spacing05),focusOutlineWidth:t.create("--ft-tabs-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-tabs-focus-focus-ring-color","",s.borderActionFocusRing)};var ol={fieldHorizontalPadding:t.extend("--ft-text-input-field-horizontal-padding","",r.spacing4),fieldHorizontalGap:t.extend("--ft-text-input-field-horizontal-gap","",r.spacing3),fieldVerticalGap:t.extend("--ft-text-input-field-vertical-gap","",r.spacing05),fieldIconSize:t.extend("--ft-text-input-field-icon-size","",r.iconSize3),fieldHeight:t.create("--ft-text-input-field-height","","SIZE","50px"),helperHorizontalPadding:t.extend("--ft-text-input-helper-horizontal-padding","",r.spacing4),helperHorizontalGap:t.extend("--ft-text-input-helper-horizontal-gap","",r.spacing1),helperIconSize:t.extend("--ft-text-input-helper-icon-size","",r.iconSize2),borderRadius:t.extend("--ft-text-input-border-radius","",r.borderRadiusM),backgroundColor:t.extend("--ft-text-input-background-color","",r.colorWhite),contentValueColor:t.extend("--ft-text-input-content-value-color","",s.contentGlobalPrimary),trailingIconColor:t.extend("--ft-text-input-trailing-icon-color","",s.contentGlobalSubtle),labelColor:t.extend("--ft-text-input-label-color","",s.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-text-input-default-border-color","",s.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-text-input-default-helper-text-color","",s.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-text-input-default-border-width","","SIZE","1px"),errorBorderWidth:t.create("--ft-text-input-error-border-width","","SIZE","2px"),errorBorderColor:t.extend("--ft-text-input-error-border-color","",s.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-text-input-error-helper-text-color","",s.contentErrorPrimary),errorHelperIconColor:t.extend("--ft-text-input-error-helper-icon-color","",s.contentErrorIconOnly),warningBorderWidth:t.create("--ft-text-input-warning-border-width","","SIZE","2px"),focusOutlineWidth:t.create("--ft-text-input-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-text-input-focus-focus-ring-color","",s.borderActionFocusRing),focusOutlineOffset:t.create("--ft-text-input-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-text-input-disabled-component-opacity","",r.opacity40)};var ll={backgroundColor:t.extend("--ft-text-area-background-color","",r.colorWhite),contentValueColor:t.extend("--ft-text-area-content-value-color","",s.contentGlobalPrimary),labelColor:t.extend("--ft-text-area-label-color","",s.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-text-area-default-border-color","",s.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-text-area-default-helper-text-color","",s.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-text-area-default-border-width","","SIZE","1px"),errorBorderWidth:t.create("--ft-text-area-error-border-width","","SIZE","2px"),errorBorderColor:t.extend("--ft-text-area-error-border-color","",s.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-text-area-error-helper-text-color","",s.contentErrorPrimary),errorHelperIconColor:t.extend("--ft-text-area-error-helper-icon-color","",s.contentErrorIconOnly),focusFocusRingColor:t.extend("--ft-text-area-focus-focus-ring-color","",s.borderActionFocusRing),focusOutlineWidth:t.create("--ft-text-area-focus-outline-width","","SIZE","2px"),focusOutlineOffset:t.create("--ft-text-area-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-text-area-disabled-component-opacity","",r.opacity40),fieldHorizontalLeftPadding:t.extend("--ft-text-area-field-horizontal-left-padding","",r.spacing4),fieldHorizontalGap:t.extend("--ft-text-area-field-horizontal-gap","",r.spacing3),fieldVerticalGap:t.extend("--ft-text-area-field-vertical-gap","",r.spacing05),fieldMinHeight:t.create("--ft-text-area-field-min-height","","SIZE","64px"),helperHorizontalPadding:t.extend("--ft-text-area-helper-horizontal-padding","",r.spacing4),helperHorizontalGap:t.extend("--ft-text-area-helper-horizontal-gap","",r.spacing1),helperIconSize:t.extend("--ft-text-area-helper-icon-size","",r.iconSize2),borderRadius:t.extend("--ft-text-area-border-radius","",r.borderRadiusM)};var fl={height:t.create("--ft-floating-menu-height","","SIZE","50px"),horizontalPadding:t.extend("--ft-floating-menu-horizontal-padding","",r.spacing4),offIconColor:t.extend("--ft-floating-menu-off-icon-color","",s.contentGlobalPrimary),offColor:t.extend("--ft-floating-menu-off-color","",s.contentGlobalPrimary),onColor:t.extend("--ft-floating-menu-on-color","",s.contentActionPrimary),onStateLayerColor:t.extend("--ft-floating-menu-on-state-layer-color","",s.contentActionPrimary),gap:t.extend("--ft-floating-menu-gap","",r.spacing3),focusFocusRingColor:t.extend("--ft-floating-menu-focus-focus-ring-color","",s.borderActionFocusRing),focusOutlineWidth:t.create("--ft-floating-menu-focus-outline-width","","SIZE","3px"),focusStateLayerOpacity:t.extend("--ft-floating-menu-focus-state-layer-opacity","",r.opacity8),hoverStateLayerOpacity:t.extend("--ft-floating-menu-hover-state-layer-opacity","",r.opacity8),activeStateLayerOpacity:t.extend("--ft-floating-menu-active-state-layer-opacity","",r.opacity16),disabledComponentOpacity:t.extend("--ft-floating-menu-disabled-component-opacity","",r.opacity40),iconSize:t.extend("--ft-floating-menu-icon-size","",r.iconSize3),backgroundColor:t.extend("--ft-floating-menu-background-color","",s.backgroundGlobalOnSurface),shadow:t.extend("--ft-floating-menu-shadow","",r.shadowElevation02)};var yl={fieldHorizontalPadding:t.extend("--ft-combobox-single-select-field-horizontal-padding","",r.spacing4),fieldHorizontalGap:t.extend("--ft-combobox-single-select-field-horizontal-gap","",r.spacing3),fieldVerticalGap:t.extend("--ft-combobox-single-select-field-vertical-gap","",r.spacing05),fieldIconSize:t.extend("--ft-combobox-single-select-field-icon-size","",r.iconSize3),fieldHeight:t.create("--ft-combobox-single-select-field-height","","SIZE","50px"),helperHorizontalPadding:t.extend("--ft-combobox-single-select-helper-horizontal-padding","",r.spacing4),helperHorizontalGap:t.extend("--ft-combobox-single-select-helper-horizontal-gap","",r.spacing1),helperVerticalGap:t.extend("--ft-combobox-single-select-helper-vertical-gap","",r.spacing1),helperIconSize:t.extend("--ft-combobox-single-select-helper-icon-size","",r.iconSize2),menuVerticalGap:t.extend("--ft-combobox-single-select-menu-vertical-gap","",r.spacing2),borderRadius:t.extend("--ft-combobox-single-select-border-radius","",r.borderRadiusM),backgroundColor:t.extend("--ft-combobox-single-select-background-color","",r.colorWhite),labelColor:t.extend("--ft-combobox-single-select-label-color","",s.contentGlobalSubtle),contentValueColor:t.extend("--ft-combobox-single-select-content-value-color","",s.contentGlobalPrimary),trailingIconColor:t.extend("--ft-combobox-single-select-trailing-icon-color","",s.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-combobox-single-select-default-border-color","",s.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-combobox-single-select-default-helper-text-color","",s.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-combobox-single-select-default-border-width","","SIZE","1px"),errorBorderWidth:t.create("--ft-combobox-single-select-error-border-width","","SIZE","2px"),errorBorderColor:t.extend("--ft-combobox-single-select-error-border-color","",s.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-combobox-single-select-error-helper-text-color","",s.contentErrorPrimary),warningBorderWidth:t.create("--ft-combobox-single-select-warning-border-width","","SIZE","2px"),warningBorderColor:t.extend("--ft-combobox-single-select-warning-border-color","",s.borderWarningPrimary),warningHelperTextColor:t.extend("--ft-combobox-single-select-warning-helper-text-color","",s.contentWarningPrimary),warningHelperIconColor:t.extend("--ft-combobox-single-select-warning-helper-icon-color","",s.contentWarningIconOnly),focusOutlineWidth:t.create("--ft-combobox-single-select-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-combobox-single-select-focus-focus-ring-color","",s.borderActionFocusRing),focusOutlineOffset:t.create("--ft-combobox-single-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-combobox-single-select-disabled-component-opacity","",r.opacity40)};var Cl={backgroundColor:t.extend("--ft-combobox-multi-select-background-color","",r.colorWhite),labelColor:t.extend("--ft-combobox-multi-select-label-color","",s.contentGlobalSubtle),trailingIconColor:t.extend("--ft-combobox-multi-select-trailing-icon-color","",s.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-combobox-multi-select-default-border-color","",s.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-combobox-multi-select-default-helper-text-color","",s.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-combobox-multi-select-default-border-width","","SIZE","1px"),errorBorderColor:t.extend("--ft-combobox-multi-select-error-border-color","",s.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-combobox-multi-select-error-helper-text-color","",s.contentErrorPrimary),errorHelperIcon:t.extend("--ft-combobox-multi-select-error-helper-icon","",s.contentErrorIconOnly),errorBorderWidth:t.create("--ft-combobox-multi-select-error-border-width","","SIZE","2px"),warningBorderColor:t.extend("--ft-combobox-multi-select-warning-border-color","",s.borderWarningPrimary),warningHelperTextColor:t.extend("--ft-combobox-multi-select-warning-helper-text-color","",s.contentWarningPrimary),warningHelperIconColor:t.extend("--ft-combobox-multi-select-warning-helper-icon-color","",s.contentWarningIconOnly),warningBorderWidth:t.create("--ft-combobox-multi-select-warning-border-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-combobox-multi-select-focus-focus-ring-color","",s.borderActionFocusRing),focusOutlineWidth:t.create("--ft-combobox-multi-select-focus-outline-width","","SIZE","2px"),focusOutlineOffset:t.create("--ft-combobox-multi-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-combobox-multi-select-disabled-component-opacity","",r.opacity40),helperHorizontalPadding:t.extend("--ft-combobox-multi-select-helper-horizontal-padding","",r.spacing4),helperHorizontalGap:t.extend("--ft-combobox-multi-select-helper-horizontal-gap","",r.spacing1),helperVerticalGap:t.extend("--ft-combobox-multi-select-helper-vertical-gap","",r.spacing1),helperIconSize:t.extend("--ft-combobox-multi-select-helper-icon-size","",r.iconSize2),fieldHorizontalPadding:t.extend("--ft-combobox-multi-select-field-horizontal-padding","",r.spacing4),fieldHorizontalGap:t.extend("--ft-combobox-multi-select-field-horizontal-gap","",r.spacing3),fieldVerticalGap:t.extend("--ft-combobox-multi-select-field-vertical-gap","",r.spacing05),fieldIconSize:t.extend("--ft-combobox-multi-select-field-icon-size","",r.iconSize3),fieldMaxHeight:t.create("--ft-combobox-multi-select-field-max-height","","SIZE","112px"),contentValuesHorizontalGap:t.extend("--ft-combobox-multi-select-content-values-horizontal-gap","",r.spacing1),contentValuesVerticalGap:t.extend("--ft-combobox-multi-select-content-values-vertical-gap","",r.spacing1),borderRadius:t.extend("--ft-combobox-multi-select-border-radius","",r.borderRadiusM)};var Rl={backgroundColor:t.extend("--ft-popover-background-color","",s.backgroundGlobalOnSurface),horizontalPadding:t.extend("--ft-popover-horizontal-padding","",r.spacing6),verticalPadding:t.extend("--ft-popover-vertical-padding","",r.spacing6),titleColor:t.extend("--ft-popover-title-color","",s.contentGlobalPrimary),bodyColor:t.extend("--ft-popover-body-color","",s.contentGlobalSecondary),linkColor:t.extend("--ft-popover-link-color","",s.contentActionPrimary),gap:t.extend("--ft-popover-gap","",r.spacing3),borderRadius:t.extend("--ft-popover-border-radius","",r.borderRadiusM),shadow:t.extend("--ft-popover-shadow","",r.shadowElevation02)};var Wl={hoverStateLayerOpacity:t.extend("--ft-collapsible-hover-state-layer-opacity","",r.opacity8),focusStateLayerOpacity:t.extend("--ft-collapsible-focus-state-layer-opacity","",r.opacity8),focusOutlineWidth:t.create("--ft-collapsible-focus-outline-width","","SIZE","3px"),focusFocusRingColor:t.extend("--ft-collapsible-focus-focus-ring-color","",s.borderActionFocusRing),activeStateLayerOpacity:t.extend("--ft-collapsible-active-state-layer-opacity","",r.opacity16),disabledComponentOpacity:t.extend("--ft-collapsible-disabled-component-opacity","",r.opacity40),horizontalPadding:t.extend("--ft-collapsible-horizontal-padding","",r.spacing4),verticalPadding:t.extend("--ft-collapsible-vertical-padding","",r.spacing3),color:t.extend("--ft-collapsible-color","",s.contentGlobalPrimary),stateLayerColor:t.extend("--ft-collapsible-state-layer-color","",s.contentGlobalPrimary),backgroundColor:t.extend("--ft-collapsible-background-color","",s.backgroundGlobalOnSurface),borderColor:t.extend("--ft-collapsible-border-color","",s.borderGlobalSubtle),iconSize:t.extend("--ft-collapsible-icon-size","",r.iconSize3)};var kl={groupHorizontalPadding:t.extend("--ft-switch-group-horizontal-padding","",r.spacing1),groupVerticalPadding:t.extend("--ft-switch-group-vertical-padding","",r.spacing1),groupGap:t.extend("--ft-switch-group-gap","",r.spacing1),groupBackgroundColor:t.extend("--ft-switch-group-background-color","",s.backgroundGlobalSurface),groupBorderColor:t.extend("--ft-switch-group-border-color","",s.borderGlobalSubtle),groupBorderRadius:t.create("--ft-switch-group-border-radius","","SIZE","6px"),labelHorizontalPadding:t.extend("--ft-switch-label-horizontal-padding","",r.spacing2),labelVerticalPadding:t.extend("--ft-switch-label-vertical-padding","",r.spacing1),offHoverStateLayerOpacity:t.extend("--ft-switch-off-hover-state-layer-opacity","",r.opacity8),offFocusStateLayerOpacity:t.extend("--ft-switch-off-focus-state-layer-opacity","",r.opacity8),offActiveStateLayerOpacity:t.extend("--ft-switch-off-active-state-layer-opacity","",r.opacity16),offDisabledComponentOpacity:t.extend("--ft-switch-off-disabled-component-opacity","",r.opacity40),offColor:t.extend("--ft-switch-off-color","",s.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-switch-off-state-layer-color","",s.contentGlobalSubtle),onHoverStateLayerOpacity:t.extend("--ft-switch-on-hover-state-layer-opacity","",r.opacity8),onFocusStateLayerOpacity:t.extend("--ft-switch-on-focus-state-layer-opacity","",r.opacity8),onActiveStateLayerOpacity:t.extend("--ft-switch-on-active-state-layer-opacity","",r.opacity16),onDisabledComponentOpacity:t.extend("--ft-switch-on-disabled-component-opacity","",r.opacity40),onColor:t.extend("--ft-switch-on-color","",s.contentActionPrimary),onStateLayerColor:t.extend("--ft-switch-on-state-layer-color","",s.contentActionPrimary),iconHorizontalPadding:t.extend("--ft-switch-icon-horizontal-padding","",r.spacing1),iconVerticalPadding:t.extend("--ft-switch-icon-vertical-padding","",r.spacing1),focusOutlineWidth:t.create("--ft-switch-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-switch-focus-focus-ring-color","",s.borderActionFocusRing),optionBorderRadius:t.extend("--ft-switch-option-border-radius","",r.borderRadiusS)};var Dl={color1Light:t.extend("--ft-chart-1-light","for area color charts",r.colorBrand40),color1Base:t.extend("--ft-chart-1-base","for line charts",r.colorBrand0),color2Light:t.extend("--ft-chart-2-light","for area color charts",r.colorYellow60),color2Base:t.extend("--ft-chart-2-base","for line charts",r.colorYellow100),color3Light:t.extend("--ft-chart-3-light","",r.colorUltramarine40),color3Base:t.extend("--ft-chart-3-base","",r.colorUltramarine70),color4Light:t.extend("--ft-chart-4-light","",r.colorCyan50),color4Base:t.extend("--ft-chart-4-base","",r.colorCyan100),color5Light:t.extend("--ft-chart-5-light","",r.colorRed40),color5Base:t.extend("--ft-chart-5-base","",r.colorRed60),color6Light:t.extend("--ft-chart-6-light","",r.colorGreen40),color6Base:t.extend("--ft-chart-6-base","",r.colorGreen70),color7Light:t.extend("--ft-chart-7-light","",r.colorOrange70),color7Base:t.extend("--ft-chart-7-base","",r.colorOrange100),color8Light:t.extend("--ft-chart-8-light","",r.colorAvocado70),color8Base:t.extend("--ft-chart-8-base","",r.colorAvocado200),color9Light:t.extend("--ft-chart-9-light","",r.colorBrown50),color9Base:t.extend("--ft-chart-9-base","",r.colorBrown200),color10Light:t.extend("--ft-chart-10-light","",r.colorGray50),color10Base:t.extend("--ft-chart-10-base","",r.colorGray80),monochrome10:t.extend("--ft-chart-monochrome-10","",r.colorBrand10),monochrome20:t.extend("--ft-chart-monochrome-20","",r.colorBrand20),monochrome30:t.extend("--ft-chart-monochrome-30","",r.colorBrand40),monochrome40:t.extend("--ft-chart-monochrome-40","",r.colorBrand60),monochrome50:t.extend("--ft-chart-monochrome-50","",r.colorBrand0),monochrome60:t.extend("--ft-chart-monochrome-60","",r.colorBrand200)};var Fl={borderWidth:t.create("--ft-notice-border-width","","SIZE","1px"),horizontalPadding:t.extend("--ft-notice-horizontal-padding","",r.spacing3),verticalPadding:t.extend("--ft-notice-vertical-padding","",r.spacing2),borderRadius:t.extend("--ft-notice-border-radius","",r.borderRadiusS),gap:t.extend("--ft-notice-gap","",r.spacing2),iconSize:t.extend("--ft-notice-icon-size","",r.iconSize3),infoBackgroundColor:t.extend("--ft-notice-info-background-color","",s.backgroundInfoSubtle),infoBorderColor:t.extend("--ft-notice-info-border-color","",s.borderInfoSubtle),infoColor:t.extend("--ft-notice-info-color","",s.contentInfoPrimary),infoIconColor:t.extend("--ft-notice-info-icon-color","",s.contentInfoIconOnly),warningBackgroundColor:t.extend("--ft-notice-warning-background-color","",s.backgroundWarningSubtle),warningBorderColor:t.extend("--ft-notice-warning-border-color","",s.borderWarningSubtle),warningColor:t.extend("--ft-notice-warning-color","",s.contentWarningPrimary),warningIconColor:t.extend("--ft-notice-warning-icon-color","",s.contentWarningIconOnly),errorBackgroundColor:t.extend("--ft-notice-error-background-color","",s.backgroundErrorSubtle),errorBorderColor:t.extend("--ft-notice-error-border-color","",s.borderErrorSubtle),errorColor:t.extend("--ft-notice-error-color","",s.contentErrorPrimary),errorIconColor:t.extend("--ft-notice-error-icon-color","",s.contentErrorIconOnly),successBackgroundColor:t.extend("--ft-notice-success-background-color","",s.backgroundSuccessSubtle),successBorderColor:t.extend("--ft-notice-success-border-color","",s.borderSuccessSubtle),successColor:t.extend("--ft-notice-success-color","",s.contentSuccessPrimary),successIconColor:t.extend("--ft-notice-success-icon-color","",s.contentSuccessIconOnly)};var ql={color:t.extend("--ft-checkbox-color","",s.contentGlobalPrimary),checkedBackgroundColor:t.extend("--ft-checkbox-checked-background-color","",s.contentActionPrimary),checkedStateLayerColor:t.extend("--ft-checkbox-checked-state-layer-color","",s.contentActionPrimary),checkedIconColor:t.extend("--ft-checkbox-checked-icon-color","",s.contentGlobalOnColor),checkedHoverStateLayerOpacity:t.extend("--ft-checkbox-checked-hover-state-layer-opacity","",r.opacity16),checkedFocusStateLayerOpacity:t.extend("--ft-checkbox-checked-focus-state-layer-opacity","",r.opacity16),checkedActiveStateLayerOpacity:t.extend("--ft-checkbox-checked-active-state-layer-opacity","",r.opacity24),checkedDisabledComponentOpacity:t.extend("--ft-checkbox-checked-disabled-component-opacity","",r.opacity40),uncheckedBorderColor:t.extend("--ft-checkbox-unchecked-border-color","",r.colorGray80),uncheckedStateLayerColor:t.extend("--ft-checkbox-unchecked-state-layer-color","",r.colorGray80),uncheckedHoverStateLayerOpacity:t.extend("--ft-checkbox-unchecked-hover-state-layer-opacity","",r.opacity16),uncheckedFocusStateLayerOpacity:t.extend("--ft-checkbox-unchecked-focus-state-layer-opacity","",r.opacity16),uncheckedActiveStateLayerOpacity:t.extend("--ft-checkbox-unchecked-active-state-layer-opacity","",r.opacity24),uncheckedDisabledComponentOpacity:t.extend("--ft-checkbox-unchecked-disabled-component-opacity","",r.opacity40),focusFocusRingColor:t.extend("--ft-checkbox-focus-focus-ring-color","",s.borderActionFocusRing),focusOutlineOffset:t.create("--ft-checkbox-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:t.create("--ft-checkbox-focus-outline-width","","SIZE","2px"),gap:t.extend("--ft-checkbox-gap","",r.spacing3)};var oc={offHoverStateLayerOpacity:t.extend("--ft-toggle-off-hover-state-layer-opacity","",r.opacity16),offFocusStateLayerOpacity:t.extend("--ft-toggle-off-focus-state-layer-opacity","",r.opacity16),offActiveStateLayerOpacity:t.extend("--ft-toggle-off-active-state-layer-opacity","",r.opacity24),offDisabledComponentOpacity:t.extend("--ft-toggle-off-disabled-component-opacity","",r.opacity40),offBackgroundColor:t.extend("--ft-toggle-off-background-color","",s.contentGlobalSubtle),offIconColor:t.extend("--ft-toggle-off-icon-color","",s.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-toggle-off-state-layer-color","",s.contentGlobalSubtle),onHoverStateLayerOpacity:t.extend("--ft-toggle-on-hover-state-layer-opacity","",r.opacity16),onFocusStateLayerOpacity:t.extend("--ft-toggle-on-focus-state-layer-opacity","",r.opacity16),onActiveStateLayerOpacity:t.extend("--ft-toggle-on-active-state-layer-opacity","",r.opacity24),onDisabledComponentOpacity:t.extend("--ft-toggle-on-disabled-component-opacity","",r.opacity40),onBackgroundColor:t.extend("--ft-toggle-on-background-color","",s.contentActionPrimary),onStateLayerColor:t.extend("--ft-toggle-on-state-layer-color","",s.contentActionPrimary),onIconColor:t.extend("--ft-toggle-on-icon-color","",s.contentActionPrimary),color:t.extend("--ft-toggle-color","",s.contentGlobalPrimary),focusFocusRingColor:t.extend("--ft-toggle-focus-focus-ring-color","",s.borderActionFocusRing),gap:t.extend("--ft-toggle-gap","",r.spacing3)};var lc={color:t.extend("--ft-radio-color","",s.contentGlobalPrimary),selectedRadioColor:t.extend("--ft-radio-selected-radio-color","",s.contentActionPrimary),selectedStateLayerColor:t.extend("--ft-radio-selected-state-layer-color","",s.contentActionPrimary),selectedHoverStateLayerOpacity:t.extend("--ft-radio-selected-hover-state-layer-opacity","",r.opacity16),selectedFocusStateLayerOpacity:t.extend("--ft-radio-selected-focus-state-layer-opacity","",r.opacity16),selectedActiveStateLayerOpacity:t.extend("--ft-radio-selected-active-state-layer-opacity","",r.opacity24),selectedDisabledComponentOpacity:t.extend("--ft-radio-selected-disabled-component-opacity","",r.opacity40),unselectedStateLayerColor:t.extend("--ft-radio-unselected-state-layer-color","",s.borderInputPrimary),unselectedBorderColor:t.extend("--ft-radio-unselected-border-color","",s.borderInputPrimary),unselectedHoverStateLayerOpacity:t.extend("--ft-radio-unselected-hover-state-layer-opacity","",r.opacity16),unselectedFocusStateLayerOpacity:t.extend("--ft-radio-unselected-focus-state-layer-opacity","",r.opacity16),unselectedActiveStateLayerOpacity:t.extend("--ft-radio-unselected-active-state-layer-opacity","",r.opacity24),unselectedDisabledComponentOpacity:t.extend("--ft-radio-unselected-disabled-component-opacity","",r.opacity40),focusFocusRingColor:t.extend("--ft-radio-focus-focus-ring-color","",s.borderActionFocusRing),focusOutlineOffset:t.create("--ft-radio-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:t.create("--ft-radio-focus-outline-width","","SIZE","2px"),gap:t.extend("--ft-radio-gap","",r.spacing3)};var fc={iconSize:t.extend("--ft-notification-icon-size","",r.iconSize4),leftPadding:t.extend("--ft-notification-left-padding","",r.spacing5),rightPadding:t.extend("--ft-notification-right-padding","",r.spacing4),verticalPadding:t.extend("--ft-notification-vertical-padding","",r.spacing3),infoBackgroundColor:t.extend("--ft-notification-info-background-color","",s.backgroundInfoSubtle),infoColor:t.extend("--ft-notification-info-color","",s.contentInfoPrimary),infoIconColor:t.extend("--ft-notification-info-icon-color","",s.contentInfoIconOnly),infoBorderColor:t.extend("--ft-notification-info-border-color","",s.borderInfoSubtle),successBackgroundColor:t.extend("--ft-notification-success-background-color","",s.backgroundSuccessSubtle),successColor:t.extend("--ft-notification-success-color","",s.contentSuccessPrimary),successIconColor:t.extend("--ft-notification-success-icon-color","",s.contentSuccessIconOnly),successBorderColor:t.extend("--ft-notification-success-border-color","",s.borderSuccessSubtle),warningBackgroundColor:t.extend("--ft-notification-warning-background-color","",s.backgroundWarningSubtle),warningColor:t.extend("--ft-notification-warning-color","",s.contentWarningPrimary),warningIconColor:t.extend("--ft-notification-warning-icon-color","",s.contentWarningIconOnly),warningBorderColor:t.extend("--ft-notification-warning-border-color","",s.borderWarningSubtle),errorBackgroundColor:t.extend("--ft-notification-error-background-color","",s.backgroundErrorSubtle),errorColor:t.extend("--ft-notification-error-color","",s.contentErrorPrimary),errorIconColor:t.extend("--ft-notification-error-icon-color","",s.contentErrorIconOnly),errorBorderColor:t.extend("--ft-notification-error-border-color","",s.borderErrorSubtle),borderRadius:t.extend("--ft-notification-border-radius","",r.borderRadiusPill),borderWidth:t.create("--ft-notification-border-width","","SIZE","1px"),leadingGap:t.extend("--ft-notification-leading-gap","",r.spacing2),trailingGap:t.extend("--ft-notification-trailing-gap","",r.spacing8)};var yc={horizontalPadding:t.extend("--ft-tooltip-horizontal-padding","",r.spacing2),verticalPadding:t.extend("--ft-tooltip-vertical-padding","",r.spacing2),borderRadius:t.extend("--ft-tooltip-border-radius","",r.borderRadiusS),color:t.extend("--ft-tooltip-color","",s.contentGlobalOnColor),backgroundColor:t.extend("--ft-tooltip-background-color","",s.contentGlobalPrimary),backgroundOpacity:t.extend("--ft-tooltip-background-opacity","",r.opacity80),shadow:t.extend("--ft-tooltip-shadow","",r.shadowElevation02),maxWidth:t.create("--ft-tooltip-max-width","","SIZE","256px"),gap:t.extend("--ft-tooltip-gap","",r.spacing05)};var $e;(function(e){e.brand="brand",e.neutral="neutral",e.info="info",e.success="success",e.warning="warning",e.error="error"})($e||($e={}));var Y;(function(e){e.large="large",e.medium="medium",e.small="small"})(Y||(Y={}));var Ie=u(B());function Lr(e){let o=Ae[e];return Ie.css`
|
|
128
|
+
.ft-typography--${(0,Ie.unsafeCSS)(e)} {
|
|
129
129
|
font-family: ${o.fontFamily};
|
|
130
130
|
font-size: ${o.fontSize};
|
|
131
131
|
font-weight: ${o.fontWeight};
|
|
@@ -133,72 +133,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
133
133
|
line-height: ${o.lineHeight};
|
|
134
134
|
text-transform: ${o.textCase};
|
|
135
135
|
}
|
|
136
|
-
`}var
|
|
136
|
+
`}var Ar=h.FtCssVariableFactory.extend("--ft-typography-font-family","",h.designSystemVariables.titleFont),Ct=h.FtCssVariableFactory.extend("--ft-typography-font-family","",h.designSystemVariables.contentFont),b={fontFamily:Ct,fontSize:h.FtCssVariableFactory.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:h.FtCssVariableFactory.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:h.FtCssVariableFactory.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:h.FtCssVariableFactory.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:h.FtCssVariableFactory.create("--ft-typography-text-transform","","UNKNOWN","inherit")},Ft={fontFamily:h.FtCssVariableFactory.extend("--ft-typography-title-font-family","",Ar),fontSize:h.FtCssVariableFactory.extend("--ft-typography-title-font-size","",b.fontSize,"20px"),fontWeight:h.FtCssVariableFactory.extend("--ft-typography-title-font-weight","",b.fontWeight,"normal"),letterSpacing:h.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing","",b.letterSpacing,"0.15px"),lineHeight:h.FtCssVariableFactory.extend("--ft-typography-title-line-height","",b.lineHeight,"1.2"),textTransform:h.FtCssVariableFactory.extend("--ft-typography-title-text-transform","",b.textTransform,"inherit")},Vt={fontFamily:h.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family","",Ar),fontSize:h.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size","",b.fontSize,"14px"),fontWeight:h.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight","",b.fontWeight,"normal"),letterSpacing:h.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing","",b.letterSpacing,"0.105px"),lineHeight:h.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height","",b.lineHeight,"1.7"),textTransform:h.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform","",b.textTransform,"inherit")},jt={fontFamily:h.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",Ct),fontSize:h.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size","",b.fontSize,"16px"),fontWeight:h.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight","",b.fontWeight,"600"),letterSpacing:h.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing","",b.letterSpacing,"0.144px"),lineHeight:h.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height","",b.lineHeight,"1.5"),textTransform:h.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform","",b.textTransform,"inherit")},Yt={fontFamily:h.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",Ct),fontSize:h.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size","",b.fontSize,"14px"),fontWeight:h.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight","",b.fontWeight,"normal"),letterSpacing:h.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing","",b.letterSpacing,"0.098px"),lineHeight:h.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height","",b.lineHeight,"1.7"),textTransform:h.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform","",b.textTransform,"inherit")},Xt={fontFamily:h.FtCssVariableFactory.extend("--ft-typography-body1-font-family","",Ct),fontSize:h.FtCssVariableFactory.extend("--ft-typography-body1-font-size","",b.fontSize,"16px"),fontWeight:h.FtCssVariableFactory.extend("--ft-typography-body1-font-weight","",b.fontWeight,"normal"),letterSpacing:h.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing","",b.letterSpacing,"0.496px"),lineHeight:h.FtCssVariableFactory.extend("--ft-typography-body1-line-height","",b.lineHeight,"1.5"),textTransform:h.FtCssVariableFactory.extend("--ft-typography-body1-text-transform","",b.textTransform,"inherit")},yt={fontFamily:h.FtCssVariableFactory.extend("--ft-typography-body2-font-family","",Ct),fontSize:h.FtCssVariableFactory.extend("--ft-typography-body2-font-size","",b.fontSize,"14px"),fontWeight:h.FtCssVariableFactory.extend("--ft-typography-body2-font-weight","",b.fontWeight,"normal"),letterSpacing:h.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing","",b.letterSpacing,"0.252px"),lineHeight:h.FtCssVariableFactory.extend("--ft-typography-body2-line-height","",b.lineHeight,"1.4"),textTransform:h.FtCssVariableFactory.extend("--ft-typography-body2-text-transform","",b.textTransform,"inherit")},qt={fontFamily:h.FtCssVariableFactory.extend("--ft-typography-caption-font-family","",Ct),fontSize:h.FtCssVariableFactory.extend("--ft-typography-caption-font-size","",b.fontSize,"12px"),fontWeight:h.FtCssVariableFactory.extend("--ft-typography-caption-font-weight","",b.fontWeight,"normal"),letterSpacing:h.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing","",b.letterSpacing,"0.396px"),lineHeight:h.FtCssVariableFactory.extend("--ft-typography-caption-line-height","",b.lineHeight,"1.33"),textTransform:h.FtCssVariableFactory.extend("--ft-typography-caption-text-transform","",b.textTransform,"inherit")},Jt={fontFamily:h.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family","",Ct),fontSize:h.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size","",b.fontSize,"10px"),fontWeight:h.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight","",b.fontWeight,"normal"),letterSpacing:h.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing","",b.letterSpacing,"0.33px"),lineHeight:h.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height","",b.lineHeight,"1.6"),textTransform:h.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform","",b.textTransform,"inherit")},Qt={fontFamily:h.FtCssVariableFactory.extend("--ft-typography-overline-font-family","",Ct),fontSize:h.FtCssVariableFactory.extend("--ft-typography-overline-font-size","",b.fontSize,"10px"),fontWeight:h.FtCssVariableFactory.extend("--ft-typography-overline-font-weight","",b.fontWeight,"normal"),letterSpacing:h.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing","",b.letterSpacing,"1.5px"),lineHeight:h.FtCssVariableFactory.extend("--ft-typography-overline-line-height","",b.lineHeight,"1.6"),textTransform:h.FtCssVariableFactory.extend("--ft-typography-overline-text-transform","",b.textTransform,"uppercase")},bt={fontFamily:h.FtCssVariableFactory.extend("--ft-typography-button-font-family","",Ct),fontSize:h.FtCssVariableFactory.extend("--ft-typography-button-font-size","",b.fontSize,"14px"),fontWeight:h.FtCssVariableFactory.extend("--ft-typography-button-font-weight","",b.fontWeight,"600"),letterSpacing:h.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing","",b.letterSpacing,"1.246px"),lineHeight:h.FtCssVariableFactory.extend("--ft-typography-button-line-height","",b.lineHeight,"1.15"),textTransform:h.FtCssVariableFactory.extend("--ft-typography-button-text-transform","",b.textTransform,"uppercase")},$r=lt.css`
|
|
137
137
|
.ft-typography--title {
|
|
138
|
-
font-family: ${Ut.fontFamily};
|
|
139
|
-
font-size: ${Ut.fontSize};
|
|
140
|
-
font-weight: ${Ut.fontWeight};
|
|
141
|
-
letter-spacing: ${Ut.letterSpacing};
|
|
142
|
-
line-height: ${Ut.lineHeight};
|
|
143
|
-
text-transform: ${Ut.textTransform};
|
|
144
|
-
}
|
|
145
|
-
`,Sr=nt.css`
|
|
146
|
-
.ft-typography--title-dense {
|
|
147
|
-
font-family: ${Dt.fontFamily};
|
|
148
|
-
font-size: ${Dt.fontSize};
|
|
149
|
-
font-weight: ${Dt.fontWeight};
|
|
150
|
-
letter-spacing: ${Dt.letterSpacing};
|
|
151
|
-
line-height: ${Dt.lineHeight};
|
|
152
|
-
text-transform: ${Dt.textTransform};
|
|
153
|
-
}
|
|
154
|
-
`,Cr=nt.css`
|
|
155
|
-
.ft-typography--subtitle1 {
|
|
156
|
-
font-family: ${Gt.fontFamily};
|
|
157
|
-
font-size: ${Gt.fontSize};
|
|
158
|
-
font-weight: ${Gt.fontWeight};
|
|
159
|
-
letter-spacing: ${Gt.letterSpacing};
|
|
160
|
-
line-height: ${Gt.lineHeight};
|
|
161
|
-
text-transform: ${Gt.textTransform};
|
|
162
|
-
}
|
|
163
|
-
`,vr=nt.css`
|
|
164
|
-
.ft-typography--subtitle2 {
|
|
165
|
-
font-family: ${Zt.fontFamily};
|
|
166
|
-
font-size: ${Zt.fontSize};
|
|
167
|
-
font-weight: ${Zt.fontWeight};
|
|
168
|
-
letter-spacing: ${Zt.letterSpacing};
|
|
169
|
-
line-height: ${Zt.lineHeight};
|
|
170
|
-
text-transform: ${Zt.textTransform};
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
`,Nr=nt.css`
|
|
174
|
-
.ft-typography--body1 {
|
|
175
|
-
font-family: ${Kt.fontFamily};
|
|
176
|
-
font-size: ${Kt.fontSize};
|
|
177
|
-
font-weight: ${Kt.fontWeight};
|
|
178
|
-
letter-spacing: ${Kt.letterSpacing};
|
|
179
|
-
line-height: ${Kt.lineHeight};
|
|
180
|
-
text-transform: ${Kt.textTransform};
|
|
181
|
-
}
|
|
182
|
-
`,Er=nt.css`
|
|
183
|
-
.ft-typography--body2 {
|
|
184
|
-
font-family: ${dt.fontFamily};
|
|
185
|
-
font-size: ${dt.fontSize};
|
|
186
|
-
font-weight: ${dt.fontWeight};
|
|
187
|
-
letter-spacing: ${dt.letterSpacing};
|
|
188
|
-
line-height: ${dt.lineHeight};
|
|
189
|
-
text-transform: ${dt.textTransform};
|
|
190
|
-
}
|
|
191
|
-
`,wr=nt.css`
|
|
192
|
-
.ft-typography--caption {
|
|
193
|
-
font-family: ${Mt.fontFamily};
|
|
194
|
-
font-size: ${Mt.fontSize};
|
|
195
|
-
font-weight: ${Mt.fontWeight};
|
|
196
|
-
letter-spacing: ${Mt.letterSpacing};
|
|
197
|
-
line-height: ${Mt.lineHeight};
|
|
198
|
-
text-transform: ${Mt.textTransform};
|
|
199
|
-
}
|
|
200
|
-
`,Rr=nt.css`
|
|
201
|
-
.ft-typography--breadcrumb {
|
|
202
138
|
font-family: ${Ft.fontFamily};
|
|
203
139
|
font-size: ${Ft.fontSize};
|
|
204
140
|
font-weight: ${Ft.fontWeight};
|
|
@@ -206,8 +142,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
206
142
|
line-height: ${Ft.lineHeight};
|
|
207
143
|
text-transform: ${Ft.textTransform};
|
|
208
144
|
}
|
|
209
|
-
`,
|
|
210
|
-
.ft-typography--
|
|
145
|
+
`,Ir=lt.css`
|
|
146
|
+
.ft-typography--title-dense {
|
|
211
147
|
font-family: ${Vt.fontFamily};
|
|
212
148
|
font-size: ${Vt.fontSize};
|
|
213
149
|
font-weight: ${Vt.fontWeight};
|
|
@@ -215,28 +151,92 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
215
151
|
line-height: ${Vt.lineHeight};
|
|
216
152
|
text-transform: ${Vt.textTransform};
|
|
217
153
|
}
|
|
218
|
-
`,
|
|
154
|
+
`,Wr=lt.css`
|
|
155
|
+
.ft-typography--subtitle1 {
|
|
156
|
+
font-family: ${jt.fontFamily};
|
|
157
|
+
font-size: ${jt.fontSize};
|
|
158
|
+
font-weight: ${jt.fontWeight};
|
|
159
|
+
letter-spacing: ${jt.letterSpacing};
|
|
160
|
+
line-height: ${jt.lineHeight};
|
|
161
|
+
text-transform: ${jt.textTransform};
|
|
162
|
+
}
|
|
163
|
+
`,Br=lt.css`
|
|
164
|
+
.ft-typography--subtitle2 {
|
|
165
|
+
font-family: ${Yt.fontFamily};
|
|
166
|
+
font-size: ${Yt.fontSize};
|
|
167
|
+
font-weight: ${Yt.fontWeight};
|
|
168
|
+
letter-spacing: ${Yt.letterSpacing};
|
|
169
|
+
line-height: ${Yt.lineHeight};
|
|
170
|
+
text-transform: ${Yt.textTransform};
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
`,Pr=lt.css`
|
|
174
|
+
.ft-typography--body1 {
|
|
175
|
+
font-family: ${Xt.fontFamily};
|
|
176
|
+
font-size: ${Xt.fontSize};
|
|
177
|
+
font-weight: ${Xt.fontWeight};
|
|
178
|
+
letter-spacing: ${Xt.letterSpacing};
|
|
179
|
+
line-height: ${Xt.lineHeight};
|
|
180
|
+
text-transform: ${Xt.textTransform};
|
|
181
|
+
}
|
|
182
|
+
`,zr=lt.css`
|
|
183
|
+
.ft-typography--body2 {
|
|
184
|
+
font-family: ${yt.fontFamily};
|
|
185
|
+
font-size: ${yt.fontSize};
|
|
186
|
+
font-weight: ${yt.fontWeight};
|
|
187
|
+
letter-spacing: ${yt.letterSpacing};
|
|
188
|
+
line-height: ${yt.lineHeight};
|
|
189
|
+
text-transform: ${yt.textTransform};
|
|
190
|
+
}
|
|
191
|
+
`,Tr=lt.css`
|
|
192
|
+
.ft-typography--caption {
|
|
193
|
+
font-family: ${qt.fontFamily};
|
|
194
|
+
font-size: ${qt.fontSize};
|
|
195
|
+
font-weight: ${qt.fontWeight};
|
|
196
|
+
letter-spacing: ${qt.letterSpacing};
|
|
197
|
+
line-height: ${qt.lineHeight};
|
|
198
|
+
text-transform: ${qt.textTransform};
|
|
199
|
+
}
|
|
200
|
+
`,kr=lt.css`
|
|
201
|
+
.ft-typography--breadcrumb {
|
|
202
|
+
font-family: ${Jt.fontFamily};
|
|
203
|
+
font-size: ${Jt.fontSize};
|
|
204
|
+
font-weight: ${Jt.fontWeight};
|
|
205
|
+
letter-spacing: ${Jt.letterSpacing};
|
|
206
|
+
line-height: ${Jt.lineHeight};
|
|
207
|
+
text-transform: ${Jt.textTransform};
|
|
208
|
+
}
|
|
209
|
+
`,_r=lt.css`
|
|
210
|
+
.ft-typography--overline {
|
|
211
|
+
font-family: ${Qt.fontFamily};
|
|
212
|
+
font-size: ${Qt.fontSize};
|
|
213
|
+
font-weight: ${Qt.fontWeight};
|
|
214
|
+
letter-spacing: ${Qt.letterSpacing};
|
|
215
|
+
line-height: ${Qt.lineHeight};
|
|
216
|
+
text-transform: ${Qt.textTransform};
|
|
217
|
+
}
|
|
218
|
+
`,Hr=lt.css`
|
|
219
219
|
.ft-typography--button {
|
|
220
|
-
font-family: ${
|
|
221
|
-
font-size: ${
|
|
222
|
-
font-weight: ${
|
|
223
|
-
letter-spacing: ${
|
|
224
|
-
line-height: ${
|
|
225
|
-
text-transform: ${
|
|
226
|
-
}
|
|
227
|
-
|
|
220
|
+
font-family: ${bt.fontFamily};
|
|
221
|
+
font-size: ${bt.fontSize};
|
|
222
|
+
font-weight: ${bt.fontWeight};
|
|
223
|
+
letter-spacing: ${bt.letterSpacing};
|
|
224
|
+
line-height: ${bt.lineHeight};
|
|
225
|
+
text-transform: ${bt.textTransform};
|
|
226
|
+
}
|
|
227
|
+
`,Ur=lt.css`
|
|
228
228
|
.ft-typography {
|
|
229
229
|
vertical-align: inherit;
|
|
230
230
|
}
|
|
231
|
-
`,
|
|
232
|
-
<${
|
|
231
|
+
`,Dr=[Object.keys(Ae).map(e=>Lr(e))];var Gr=function(e,o,n,i){var a=arguments.length,l=a<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,n):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(e,o,n,i);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(l=(a<3?c(l):a>3?c(o,n,l):c(o,n))||l);return a>3&&l&&Object.defineProperty(o,n,l),l},X=class extends Zr.FtLitElement{constructor(){super(...arguments),this.variant=at.body1}render(){return this.element?eo`
|
|
232
|
+
<${to(this.element)}
|
|
233
233
|
part="text"
|
|
234
234
|
class="ft-typography ft-typography--${this.variant}">
|
|
235
235
|
<slot></slot>
|
|
236
|
-
</${
|
|
237
|
-
`:
|
|
236
|
+
</${to(this.element)}>
|
|
237
|
+
`:eo`
|
|
238
238
|
<slot part="text" class="ft-typography ft-typography--${this.variant}"></slot>
|
|
239
|
-
`}};
|
|
239
|
+
`}};X.styles=[$r,Ir,Wr,Br,Pr,zr,Tr,kr,_r,Hr,Ur,...Dr];Gr([(0,oo.property)()],X.prototype,"element",void 0);Gr([(0,oo.property)()],X.prototype,"variant",void 0);(0,Kr.customElement)("ft-typography")(X);var qr=u(R());var me=u(B()),kt=u(pt()),Yr=u(R()),Xr=u(Fr());var te;(function(e){e.ADD_TO_PBK="",e.ALERT="",e.ADD_ALERT="",e.BACK_TO_SEARCH="",e.ADD_BOOKMARK="",e.BOOKMARK="",e.BOOKS="",e.MENU="",e.DOWNLOAD="",e.EDIT="",e.FEEDBACK="",e.HOME="",e.MODIFY_PBK="",e.SCHEDULED="",e.SEARCH="",e.EXPORT="",e.TOC="",e.WRITE_UGC="",e.TRASH="",e.USER="",e.EXTLINK="",e.CALENDAR="",e.OFFLINE="",e.BOOK="",e.DOWNLOAD_PLAIN="",e.CHECK="",e.STAR_PLAIN="",e.TOPICS="",e.DISC="",e.CIRCLE="",e.SHARED="",e.SORT_UNSORTED="",e.SORT_UP="",e.SORT_DOWN="",e.WORKING="",e.CLOSE="",e.ZOOM_OUT="",e.ZOOM_IN="",e.ZOOM_REALSIZE="",e.ZOOM_FULLSCREEN="",e.ADMIN_RESTRICTED="",e.ADMIN="",e.ADMIN_KHUB="",e.ADMIN_THEME="",e.ADMIN_USERS="",e.WARNING="",e.CONTEXT="",e.SEARCH_HOME="",e.STEPS="",e.ICON_EXPAND="",e.ICON_COLLAPSE="",e.INFO="",e.MINUS_PLAIN="",e.PLUS_PLAIN="",e.FACET_HAS_DESCENDANT="",e.TRIANGLE_BOTTOM="",e.TRIANGLE_LEFT="",e.TRIANGLE_RIGHT="",e.TRIANGLE_TOP="",e.THIN_ARROW="",e.SIGN_IN="",e.LOGOUT="",e.TRANSLATE="",e.CLOSE_PLAIN="",e.CHECK_PLAIN="",e.ARTICLE="",e.COLUMNS="",e.ANALYTICS="",e.COLLECTIONS="",e.ARROW_DOWN="",e.ARROW_LEFT="",e.ARROW_RIGHT="",e.ARROW_UP="",e.SEARCH_IN_PUBLICATION="",e.COPY_TO_CLIPBOARD="",e.SHARED_PBK="",e.ATTACHMENTS="",e.STRIPE_ARROW_LEFT="",e.STRIPE_ARROW_RIGHT="",e.FILTERS="",e.DOT="",e.MINUS="",e.PLUS="",e.MAILS_AND_NOTIFICATIONS="",e.SAVE="",e.LOCKER="",e.ADMIN_INTEGRATION="",e.SYNC="",e.TAG="",e.BOOK_PLAIN="",e.UPLOAD="",e.ONLINE="",e.TAG_PLAIN="",e.ACCOUNT_SETTINGS="",e.PRINT="",e.DEFAULT_ROLES="",e.SHORTCUT_MENU="",e.RELATIVES_PLAIN="",e.RELATIVES="",e.PAUSE="",e.PLAY="",e.ADMIN_PORTAL="",e.STAR="",e.THUMBS_DOWN="",e.THUMBS_DOWN_PLAIN="",e.THUMBS_UP="",e.THUMBS_UP_PLAIN="",e.FEEDBACK_PLAIN="",e.RATE_PLAIN="",e.RATE="",e.OFFLINE_SETTINGS="",e.MY_COLLECTIONS="",e.THIN_ARROW_LEFT="",e.THIN_ARROW_RIGHT="",e.RESET="",e.MY_LIBRARY="",e.UNSTRUCTURED_DOC="",e.CONTEXTUAL="",e.THIN_ARROW_UP="",e.ARROW_RIGHT_TO_LINE="",e.DESKTOP="",e.TABLET_LANDSCAPE="",e.TABLET_PORTRAIT="",e.MOBILE_LANDSCAPE="",e.MOBILE_PORTRAIT="",e.DIAGRAM_SUNBURST="",e.DIAGRAM_SANKEY="",e.COMMENT_QUESTION="",e.COMMENT_QUESTION_PLAIN="",e.MESSAGE_BOT="",e.CHART_SIMPLE="",e.BARS_PROGRESS="",e.BOOK_OPEN_GEAR="",e.BOOK_OPEN_GEAR_SLASH="",e.LINE_CHART="",e.STACKED_CHART="",e.CHART_BAR_STACKED="",e.CHART_BAR_GROUPED="",e.EYE_SLASH="",e.X_MARK="",e.EXPAND_WIDE="",e.PIP="",e.PIP_WIDE="",e.LIFE_RING="",e.GLOBE="",e.PIGGY_BANK="",e.EXTLINK_LIGHT="",e.CLONE="",e.CLONE_LINK_SIMPLE="",e.CHART_BAR_NORMALIZED="",e.CONSUMER="",e.OCTAGON_XMARK="",e.HOURGLASS_HALF="",e.CLOCK="",e.CLOCK_THREE="",e.CALENDAR_DAY="",e.COMPUTER_MOUSE_MAGNIFYING_GLASS="",e.WAND_MAGIC_SPARKLES="",e.PAPER_PLANE="",e.CIRCLE_STOP="",e.ARROW_ROTATE_RIGHT="",e.ARROWS_ROTATE="",e.ALIGN_RIGHT="",e.FORMAT_CLEAR="",e.ALIGN_CENTER="",e.ALIGN_LEFT="",e.PALETTE="",e.BOLD="",e.ITALIC="",e.UNDERLINE="",e.STRIKETHROUGH="",e.LINK_SIMPLE_SLASH="",e.LINK_SIMPLE="",e.ROUTE="",e.CIRCLE_USER_SLASH="",e.CIRCLE_USER_CHECK="",e.EYE="",e.SHARE="󨃱"})(te||(te={}));var g;(function(e){e.UNKNOWN="",e.ABW="",e.AUDIO="",e.AVI="",e.CHM="",e.CODE="",e.CSV="",e.DITA="",e.EPUB="",e.EXCEL="",e.FLAC="",e.GIF="",e.GZIP="",e.HTML="",e.IMAGE="",e.JPEG="",e.JSON="",e.M4A="",e.MOV="",e.MP3="",e.MP4="",e.OGG="",e.PDF="",e.PNG="",e.POWERPOINT="",e.RAR="",e.STP="",e.TEXT="",e.VIDEO="",e.WAV="",e.WMA="",e.WORD="",e.XML="",e.YAML="",e.ZIP=""})(g||(g={}));var _s=new Map([...["abw"].map(e=>[e,g.ABW]),...["3gp","act","aiff","aac","amr","au","awb","dct","dss","dvf","gsm","iklax","ivs","mmf","mpc","msv","opus","ra","rm","raw","sln","tta","vox","wv"].map(e=>[e,g.AUDIO]),...["avi"].map(e=>[e,g.AVI]),...["chm","xhs"].map(e=>[e,g.CHM]),...["java","py","php","php3","php4","php5","js","javascript","rb","rbw","c","cpp","cxx","h","hh","hpp","hxx","sh","bash","zsh","tcsh","ksh","csh","vb","scala","pl","prl","perl","groovy","ceylon","aspx","jsp","scpt","applescript","bas","bat","lua","jsp","mk","cmake","css","sass","less","m","mm","xcodeproj"].map(e=>[e,g.CODE]),...["csv"].map(e=>[e,g.CSV]),...["dita","ditamap","ditaval"].map(e=>[e,g.DITA]),...["epub"].map(e=>[e,g.EPUB]),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map(e=>[e,g.EXCEL]),...["flac"].map(e=>[e,g.FLAC]),...["gif"].map(e=>[e,g.GIF]),...["gzip","x-gzip","giz","gz","tgz"].map(e=>[e,g.GZIP]),...["html","htm","xhtml"].map(e=>[e,g.HTML]),...["ai","vml","xps","img","cpt","psd","psp","xcf","svg","svg+xml","bmp","bpg","ppm","pgm","pbm","pnm","rif","tif","tiff","webp","wmf","ico"].map(e=>[e,g.IMAGE]),...["jpeg","jpg","jpe"].map(e=>[e,g.JPEG]),...["json"].map(e=>[e,g.JSON]),...["m4a","m4p"].map(e=>[e,g.M4A]),...["mov","qt"].map(e=>[e,g.MOV]),...["mp3"].map(e=>[e,g.MP3]),...["mp4","m4v"].map(e=>[e,g.MP4]),...["ogg","oga"].map(e=>[e,g.OGG]),...["pdf","ps"].map(e=>[e,g.PDF]),...["png"].map(e=>[e,g.PNG]),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map(e=>[e,g.POWERPOINT]),...["rar"].map(e=>[e,g.RAR]),...["stp"].map(e=>[e,g.STP]),...["txt","rtf","md","mdown"].map(e=>[e,g.TEXT]),...["webm","mkv","flv","vob","ogv","ogg","drc","mng","wmv","yuv","rm","rmvb","asf","mpg","mp2","mpeg","mpe","mpv","m2v","svi","3gp","3g2","mxf","roq","nsv"].map(e=>[e,g.VIDEO]),...["wav"].map(e=>[e,g.WAV]),...["wma"].map(e=>[e,g.WMA]),...["doc","dot","docx","docm","dotx","dotm","docb"].map(e=>[e,g.WORD]),...["xml","xsl","rdf"].map(e=>[e,g.XML]),...["yaml","yml","x-yaml"].map(e=>[e,g.YAML]),...["zip"].map(e=>[e,g.ZIP])]);var Hs={[g.ABW]:"#91ABC6",[g.AUDIO]:"#1795E3",[g.AVI]:"#E63324",[g.CHM]:"#71C3EB",[g.CODE]:"#71C3EB",[g.CSV]:"#1F7345",[g.DITA]:"#71C3EB",[g.EPUB]:"#85B926",[g.EXCEL]:"#1F7345",[g.FLAC]:"#1795E3",[g.GIF]:"#59B031",[g.GZIP]:"#F8AB36",[g.HTML]:"#71C3EB",[g.IMAGE]:"#59B031",[g.JPEG]:"#59B031",[g.JSON]:"#71C3EB",[g.M4A]:"#1795E3",[g.MOV]:"#E63324",[g.MP3]:"#1795E3",[g.MP4]:"#E63324",[g.OGG]:"#1795E3",[g.PDF]:"#E44948",[g.PNG]:"#59B031",[g.POWERPOINT]:"#B54A2B",[g.RAR]:"#F8AB36",[g.STP]:"#3764B1",[g.TEXT]:"#3162AB",[g.UNKNOWN]:"#999999",[g.VIDEO]:"#E63324",[g.WAV]:"#1795E3",[g.WMA]:"#1795E3",[g.WORD]:"#3162AB",[g.XML]:"#71C3EB",[g.YAML]:"#71C3EB",[g.ZIP]:"#F8AB36"};var Vr=u(B()),vt=u(R()),_={size:vt.FtCssVariableFactory.create("--ft-icon-font-size","","SIZE","24px"),fluidTopicsFontFamily:vt.FtCssVariableFactory.extend("--ft-icon-fluid-topics-font-family","",vt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-icons")),fileFormatFontFamily:vt.FtCssVariableFactory.extend("--ft-icon-file-format-font-family","",vt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-mime")),materialFontFamily:vt.FtCssVariableFactory.extend("--ft-icon-material-font-family","",vt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","Material Icons")),verticalAlign:vt.FtCssVariableFactory.create("--ft-icon-vertical-align","","UNKNOWN","unset")},jr=Vr.css`
|
|
240
240
|
:host, i.ft-icon {
|
|
241
241
|
display: inline-flex;
|
|
242
242
|
align-items: center;
|
|
@@ -245,14 +245,14 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
245
245
|
}
|
|
246
246
|
|
|
247
247
|
:host {
|
|
248
|
-
width: ${
|
|
249
|
-
height: ${
|
|
248
|
+
width: ${_.size};
|
|
249
|
+
height: ${_.size};
|
|
250
250
|
}
|
|
251
251
|
|
|
252
252
|
i.ft-icon {
|
|
253
253
|
width: 100%;
|
|
254
254
|
height: 100%;
|
|
255
|
-
font-size: ${
|
|
255
|
+
font-size: ${_.size};
|
|
256
256
|
line-height: 1;
|
|
257
257
|
font-weight: normal;
|
|
258
258
|
text-transform: none;
|
|
@@ -263,33 +263,33 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
263
263
|
text-rendering: auto;
|
|
264
264
|
-webkit-font-smoothing: antialiased;
|
|
265
265
|
-moz-osx-font-smoothing: grayscale;
|
|
266
|
-
vertical-align: ${
|
|
266
|
+
vertical-align: ${_.verticalAlign};
|
|
267
267
|
}
|
|
268
268
|
|
|
269
269
|
i.ft-icon.ft-icon--fluid-topics {
|
|
270
|
-
font-family: ${
|
|
270
|
+
font-family: ${_.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
|
|
271
271
|
|
|
272
272
|
/* Ugly fix because font is broken */
|
|
273
|
-
font-size: calc(0.75 * ${
|
|
274
|
-
line-height: ${
|
|
273
|
+
font-size: calc(0.75 * ${_.size});
|
|
274
|
+
line-height: ${_.size};
|
|
275
275
|
position: relative;
|
|
276
276
|
top: -4%;
|
|
277
277
|
justify-content: center;
|
|
278
278
|
}
|
|
279
279
|
|
|
280
280
|
.ft-icon--file-format {
|
|
281
|
-
font-family: ${
|
|
281
|
+
font-family: ${_.fileFormatFontFamily}, ft-mime, sans-serif;
|
|
282
282
|
}
|
|
283
283
|
|
|
284
284
|
.ft-icon--material {
|
|
285
|
-
font-family: ${
|
|
285
|
+
font-family: ${_.materialFontFamily}, "Material Icons", sans-serif;
|
|
286
286
|
}
|
|
287
|
-
`;var
|
|
287
|
+
`;var ct;(function(e){e.fluid_topics="fluid-topics",e.file_format="file-format",e.material="material"})(ct||(ct={}));var We=function(e,o,n,i){var a=arguments.length,l=a<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,n):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(e,o,n,i);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(l=(a<3?c(l):a>3?c(o,n,l):c(o,n))||l);return a>3&&l&&Object.defineProperty(o,n,l),l},V=class extends Yr.FtLitElement{constructor(){super(...arguments),this.resolvedIcon=me.nothing}render(){let o=this.variant&&Object.values(ct).includes(this.variant)?this.variant:ct.fluid_topics,n=o!==ct.material||!!this.value;return me.html`
|
|
288
288
|
<i class="ft-icon ft-icon--${o}" part="icon icon-${o}">
|
|
289
|
-
${(0,
|
|
289
|
+
${(0,Xr.unsafeHTML)(this.resolvedIcon)}
|
|
290
290
|
<slot ?hidden=${n}></slot>
|
|
291
291
|
</i>
|
|
292
|
-
`}get textContent(){var o,n;return(n=(o=this.slottedContent)===null||o===void 0?void 0:o.assignedNodes().map(i=>i.textContent).join("").trim())!==null&&n!==void 0?n:""}update(o){super.update(o),["value","variant"].some(n=>o.has(n))&&this.resolveIcon()}resolveIcon(){var o,n;let i=this.value||this.textContent;switch(this.variant){case
|
|
292
|
+
`}get textContent(){var o,n;return(n=(o=this.slottedContent)===null||o===void 0?void 0:o.assignedNodes().map(i=>i.textContent).join("").trim())!==null&&n!==void 0?n:""}update(o){super.update(o),["value","variant"].some(n=>o.has(n))&&this.resolveIcon()}resolveIcon(){var o,n;let i=this.value||this.textContent;switch(this.variant){case ct.file_format:this.resolvedIcon=(o=g[i.replace("-","_").toUpperCase()])!==null&&o!==void 0?o:i;break;case ct.material:this.resolvedIcon=this.value||me.nothing;break;default:this.resolvedIcon=(n=te[i.replace("-","_").toUpperCase()])!==null&&n!==void 0?n:i;break}}firstUpdated(o){super.firstUpdated(o),setTimeout(()=>this.resolveIcon())}};V.elementDefinitions={};V.styles=jr;We([(0,kt.property)()],V.prototype,"variant",void 0);We([(0,kt.property)()],V.prototype,"value",void 0);We([(0,kt.state)()],V.prototype,"resolvedIcon",void 0);We([(0,kt.query)("slot")],V.prototype,"slottedContent",void 0);(0,qr.customElement)("ft-icon")(V);var Ge=u(B()),S=u(R());var mo=u(R());var ve=u(pt()),Tn=u(R());var on=u(B()),O=u(R());var Jr=u(B()),ue=u(R()),q={color:ue.FtCssVariableFactory.extend("--ft-loader-color","",ue.designSystemVariables.colorPrimary),size:ue.FtCssVariableFactory.create("--ft-loader-size","","SIZE","80px")},Qr=Jr.css`
|
|
293
293
|
:host {
|
|
294
294
|
line-height: 0;
|
|
295
295
|
}
|
|
@@ -358,7 +358,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
358
358
|
transform: translate(calc(0.35 * ${q.size}), 0);
|
|
359
359
|
}
|
|
360
360
|
}
|
|
361
|
-
`;var
|
|
361
|
+
`;var tn=O.FtCssVariableFactory.extend("--ft-button-color","",O.designSystemVariables.colorPrimary),I={backgroundColor:O.FtCssVariableFactory.extend("--ft-button-background-color","",O.designSystemVariables.colorSurface),borderRadius:O.FtCssVariableFactory.extend("--ft-button-border-radius","",O.designSystemVariables.borderRadiusL),color:tn,fontSize:O.FtCssVariableFactory.extend("--ft-button-font-size","",bt.fontSize),iconSize:O.FtCssVariableFactory.create("--ft-button-icon-size","","SIZE","24px"),rippleColor:O.FtCssVariableFactory.extend("--ft-button-ripple-color","",tn),verticalPadding:O.FtCssVariableFactory.create("--ft-button-vertical-padding","","SIZE","6px"),horizontalPadding:O.FtCssVariableFactory.create("--ft-button-horizontal-padding","","SIZE","8px"),iconPadding:O.FtCssVariableFactory.create("--ft-button-icon-padding","","SIZE","8px"),opacityDisabled:O.FtCssVariableFactory.external(O.designSystemVariables.colorOpacityDisabled,"Design system")},en=O.FtCssVariableFactory.extend("--ft-button-primary-color","",O.FtCssVariableFactory.extend("--ft-button-color","",O.designSystemVariables.colorOnPrimary)),ro={backgroundColor:O.FtCssVariableFactory.extend("--ft-button-primary-background-color","",O.FtCssVariableFactory.extend("--ft-button-background-color","",O.designSystemVariables.colorPrimary)),color:en,rippleColor:O.FtCssVariableFactory.extend("--ft-button-primary-ripple-color","",en)},xt={borderRadius:O.FtCssVariableFactory.extend("--ft-button-dense-border-radius","",O.FtCssVariableFactory.extend("--ft-button-border-radius","",O.designSystemVariables.borderRadiusM)),verticalPadding:O.FtCssVariableFactory.create("--ft-button-dense-vertical-padding","","SIZE","2px"),horizontalPadding:O.FtCssVariableFactory.create("--ft-button-dense-horizontal-padding","","SIZE","4px"),iconPadding:O.FtCssVariableFactory.create("--ft-button-dense-icon-padding","","SIZE","4px")},rn=[on.css`
|
|
362
362
|
:host {
|
|
363
363
|
display: inline-block;
|
|
364
364
|
max-width: 100%;
|
|
@@ -369,7 +369,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
369
369
|
box-shadow: 0px 0px 0px transparent;
|
|
370
370
|
border: 0px solid transparent;
|
|
371
371
|
text-shadow: 0px 0px 0px transparent;
|
|
372
|
-
font-size: ${
|
|
372
|
+
font-size: ${I.fontSize};
|
|
373
373
|
}
|
|
374
374
|
|
|
375
375
|
button:hover {
|
|
@@ -398,31 +398,31 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
398
398
|
border: none;
|
|
399
399
|
pointer-events: auto;
|
|
400
400
|
|
|
401
|
-
--ft-button-internal-line-height: max(calc(${
|
|
402
|
-
--ft-button-internal-color: ${
|
|
403
|
-
${(0,O.setVariable)(
|
|
404
|
-
${(0,O.setVariable)(
|
|
401
|
+
--ft-button-internal-line-height: max(calc(${I.fontSize} + 2px), ${I.iconSize});
|
|
402
|
+
--ft-button-internal-color: ${I.color};
|
|
403
|
+
${(0,O.setVariable)(_.size,I.iconSize)};
|
|
404
|
+
${(0,O.setVariable)(N.color,I.rippleColor)};
|
|
405
405
|
|
|
406
|
-
border-radius: ${
|
|
407
|
-
padding: ${
|
|
408
|
-
background-color: ${
|
|
406
|
+
border-radius: ${I.borderRadius};
|
|
407
|
+
padding: ${I.verticalPadding} ${I.horizontalPadding};
|
|
408
|
+
background-color: ${I.backgroundColor};
|
|
409
409
|
color: var(--ft-button-internal-color);
|
|
410
410
|
-webkit-mask-image: radial-gradient(white, black);
|
|
411
411
|
}
|
|
412
412
|
|
|
413
413
|
.ft-button.ft-button--outlined {
|
|
414
414
|
border: 1px solid var(--ft-button-internal-color);
|
|
415
|
-
padding: calc(${
|
|
415
|
+
padding: calc(${I.verticalPadding} - 1px) calc(${I.horizontalPadding} - 1px);
|
|
416
416
|
}
|
|
417
417
|
|
|
418
418
|
.ft-button.ft-button--dense {
|
|
419
|
-
padding: ${
|
|
420
|
-
border-radius: ${
|
|
421
|
-
gap: ${
|
|
419
|
+
padding: ${xt.verticalPadding} ${xt.horizontalPadding};
|
|
420
|
+
border-radius: ${xt.borderRadius};
|
|
421
|
+
gap: ${xt.iconPadding};
|
|
422
422
|
}
|
|
423
423
|
|
|
424
424
|
.ft-button.ft-button--dense.ft-button--outlined {
|
|
425
|
-
padding: calc(${
|
|
425
|
+
padding: calc(${xt.verticalPadding} - 1px) calc(${xt.horizontalPadding} - 1px);
|
|
426
426
|
}
|
|
427
427
|
|
|
428
428
|
.ft-button:not([disabled]):hover {
|
|
@@ -430,22 +430,22 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
430
430
|
}
|
|
431
431
|
|
|
432
432
|
.ft-button--round {
|
|
433
|
-
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${
|
|
433
|
+
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${I.verticalPadding});
|
|
434
434
|
}
|
|
435
435
|
|
|
436
436
|
.ft-button--round.ft-button--dense {
|
|
437
|
-
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${
|
|
437
|
+
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${xt.verticalPadding});
|
|
438
438
|
}
|
|
439
439
|
|
|
440
440
|
.ft-button[disabled] {
|
|
441
441
|
filter: grayscale(1);
|
|
442
|
-
opacity: ${
|
|
442
|
+
opacity: ${I.opacityDisabled};
|
|
443
443
|
}
|
|
444
444
|
|
|
445
445
|
.ft-button.ft-button--primary {
|
|
446
|
-
background-color: ${
|
|
447
|
-
--ft-button-internal-color: ${
|
|
448
|
-
${(0,O.setVariable)(
|
|
446
|
+
background-color: ${ro.backgroundColor};
|
|
447
|
+
--ft-button-internal-color: ${ro.color};
|
|
448
|
+
${(0,O.setVariable)(N.color,ro.rippleColor)};
|
|
449
449
|
}
|
|
450
450
|
|
|
451
451
|
.ft-button:focus {
|
|
@@ -458,13 +458,13 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
458
458
|
white-space: nowrap;
|
|
459
459
|
text-overflow: ellipsis;
|
|
460
460
|
display: block;
|
|
461
|
-
margin: 0 ${
|
|
462
|
-
${(0,O.setVariable)(
|
|
463
|
-
${(0,O.setVariable)(
|
|
461
|
+
margin: 0 ${I.iconPadding};
|
|
462
|
+
${(0,O.setVariable)(bt.fontSize,"1em")};
|
|
463
|
+
${(0,O.setVariable)(bt.lineHeight,"var(--ft-button-internal-line-height)")};
|
|
464
464
|
}
|
|
465
465
|
|
|
466
466
|
.ft-button--dense .ft-button--label {
|
|
467
|
-
margin: 0 ${
|
|
467
|
+
margin: 0 ${xt.iconPadding};
|
|
468
468
|
}
|
|
469
469
|
|
|
470
470
|
.ft-button--label[hidden] {
|
|
@@ -477,13 +477,13 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
477
477
|
}
|
|
478
478
|
|
|
479
479
|
.ft-button--label[hidden] + [part="icon"] {
|
|
480
|
-
margin: 0 calc(${
|
|
481
|
-
padding: 0 ${
|
|
480
|
+
margin: 0 calc(${I.horizontalPadding} * -1);
|
|
481
|
+
padding: 0 ${I.verticalPadding};
|
|
482
482
|
}
|
|
483
483
|
|
|
484
484
|
.ft-button--dense .ft-button--label[hidden] + [part="icon"] {
|
|
485
|
-
margin: 0 calc(${
|
|
486
|
-
padding: 0 ${
|
|
485
|
+
margin: 0 calc(${xt.horizontalPadding} * -1);
|
|
486
|
+
padding: 0 ${xt.verticalPadding};
|
|
487
487
|
}
|
|
488
488
|
|
|
489
489
|
.ft-button:not(.ft-button--trailing-icon) [part="label"]{
|
|
@@ -491,10 +491,10 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
491
491
|
}
|
|
492
492
|
|
|
493
493
|
ft-loader {
|
|
494
|
-
${(0,O.setVariable)(q.size
|
|
494
|
+
${(0,O.setVariable)(q.size,I.iconSize)};
|
|
495
495
|
${(0,O.setVariable)(q.color,"var(--ft-button-internal-color)")};
|
|
496
496
|
}
|
|
497
|
-
`,O.noTextSelect];var
|
|
497
|
+
`,O.noTextSelect];var ae=u(R());var In=u(R());var $n=u(B()),G=u(pt()),Ce=u(R());var nn=u(B()),Nt=u(R()),ee={distance:Nt.FtCssVariableFactory.create("--ft-tooltip-distance","","SIZE","4px"),color:Nt.FtCssVariableFactory.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:Nt.FtCssVariableFactory.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:Nt.FtCssVariableFactory.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:Nt.FtCssVariableFactory.external(Nt.designSystemVariables.borderRadiusS,"Design system"),maxWidth:Nt.FtCssVariableFactory.create("--ft-tooltip-max-width","","SIZE","150px")},an=nn.css`
|
|
498
498
|
.ft-tooltip--container {
|
|
499
499
|
display: block;
|
|
500
500
|
}
|
|
@@ -509,21 +509,21 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
509
509
|
box-sizing: border-box;
|
|
510
510
|
overflow: hidden;
|
|
511
511
|
width: max-content;
|
|
512
|
-
max-width: ${
|
|
512
|
+
max-width: ${ee.maxWidth};
|
|
513
513
|
text-align: center;
|
|
514
|
-
padding: ${
|
|
515
|
-
z-index: ${
|
|
514
|
+
padding: ${ee.distance};
|
|
515
|
+
z-index: ${ee.zIndex};
|
|
516
516
|
}
|
|
517
517
|
|
|
518
518
|
.ft-tooltip--content {
|
|
519
519
|
padding: 4px 8px;
|
|
520
|
-
border-radius: ${
|
|
521
|
-
background-color: ${
|
|
522
|
-
color: ${
|
|
520
|
+
border-radius: ${ee.borderRadiusS};
|
|
521
|
+
background-color: ${ee.backgroundColor};
|
|
522
|
+
color: ${ee.color};
|
|
523
523
|
position: relative;
|
|
524
524
|
word-break: break-word;
|
|
525
525
|
}
|
|
526
|
-
`;var qr=["top","right","bottom","left"],Xr=["start","end"],Xe=qr.reduce((e,o)=>e.concat(o,o+"-"+Xr[0],o+"-"+Xr[1]),[]),fe=Math.min,Rt=Math.max,ge=Math.round;var Ot=e=>({x:e,y:e}),oi={left:"right",right:"left",bottom:"top",top:"bottom"},ri={start:"end",end:"start"};function qe(e,o,n){return Rt(e,fe(o,n))}function Re(e,o){return typeof e=="function"?e(o):e}function Yt(e){return e.split("-")[0]}function Lt(e){return e.split("-")[1]}function Je(e){return e==="x"?"y":"x"}function Qe(e){return e==="y"?"height":"width"}function Le(e){return["top","bottom"].includes(Yt(e))?"y":"x"}function to(e){return Je(Le(e))}function Jr(e,o,n){n===void 0&&(n=!1);let i=Lt(e),a=to(e),l=Qe(a),c=a==="x"?i===(n?"end":"start")?"right":"left":i==="start"?"bottom":"top";return o.reference[l]>o.floating[l]&&(c=Ye(c)),[c,Ye(c)]}function Qr(e){return e.replace(/start|end/g,o=>ri[o])}function Ye(e){return e.replace(/left|right|bottom|top/g,o=>oi[o])}function ni(e){return{top:0,right:0,bottom:0,left:0,...e}}function tn(e){return typeof e!="number"?ni(e):{top:e,right:e,bottom:e,left:e}}function zt(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}function en(e,o,n){let{reference:i,floating:a}=e,l=Le(o),c=to(o),s=Qe(c),d=Yt(o),h=l==="y",x=i.x+i.width/2-a.width/2,y=i.y+i.height/2-a.height/2,N=i[s]/2-a[s]/2,C;switch(d){case"top":C={x,y:i.y-a.height};break;case"bottom":C={x,y:i.y+i.height};break;case"right":C={x:i.x+i.width,y};break;case"left":C={x:i.x-a.width,y};break;default:C={x:i.x,y:i.y}}switch(Lt(o)){case"start":C[c]-=N*(n&&h?-1:1);break;case"end":C[c]+=N*(n&&h?-1:1);break}return C}var on=async(e,o,n)=>{let{placement:i="bottom",strategy:a="absolute",middleware:l=[],platform:c}=n,s=l.filter(Boolean),d=await(c.isRTL==null?void 0:c.isRTL(o)),h=await c.getElementRects({reference:e,floating:o,strategy:a}),{x,y}=en(h,i,d),N=i,C={},w=0;for(let I=0;I<s.length;I++){let{name:k,fn:B}=s[I],{x:H,y:F,data:vt,reset:K}=await B({x,y,initialPlacement:i,placement:N,strategy:a,middlewareData:C,rects:h,platform:c,elements:{reference:e,floating:o}});if(x=H??x,y=F??y,C={...C,[k]:{...C[k],...vt}},K&&w<=50){w++,typeof K=="object"&&(K.placement&&(N=K.placement),K.rects&&(h=K.rects===!0?await c.getElementRects({reference:e,floating:o,strategy:a}):K.rects),{x,y}=en(h,N,d)),I=-1;continue}}return{x,y,placement:N,strategy:a,middlewareData:C}};async function eo(e,o){var n;o===void 0&&(o={});let{x:i,y:a,platform:l,rects:c,elements:s,strategy:d}=e,{boundary:h="clippingAncestors",rootBoundary:x="viewport",elementContext:y="floating",altBoundary:N=!1,padding:C=0}=Re(o,e),w=tn(C),k=s[N?y==="floating"?"reference":"floating":y],B=zt(await l.getClippingRect({element:(n=await(l.isElement==null?void 0:l.isElement(k)))==null||n?k:k.contextElement||await(l.getDocumentElement==null?void 0:l.getDocumentElement(s.floating)),boundary:h,rootBoundary:x,strategy:d})),H=y==="floating"?{...c.floating,x:i,y:a}:c.reference,F=await(l.getOffsetParent==null?void 0:l.getOffsetParent(s.floating)),vt=await(l.isElement==null?void 0:l.isElement(F))?await(l.getScale==null?void 0:l.getScale(F))||{x:1,y:1}:{x:1,y:1},K=zt(l.convertOffsetParentRelativeRectToViewportRelativeRect?await l.convertOffsetParentRelativeRectToViewportRelativeRect({rect:H,offsetParent:F,strategy:d}):H);return{top:(B.top-K.top+w.top)/vt.y,bottom:(K.bottom-B.bottom+w.bottom)/vt.y,left:(B.left-K.left+w.left)/vt.x,right:(K.right-B.right+w.right)/vt.x}}function ii(e,o,n){return(e?[...n.filter(a=>Lt(a)===e),...n.filter(a=>Lt(a)!==e)]:n.filter(a=>Yt(a)===a)).filter(a=>e?Lt(a)===e||(o?Qr(a)!==a:!1):!0)}var oo=function(e){return e===void 0&&(e={}),{name:"autoPlacement",options:e,async fn(o){var n,i,a;let{rects:l,middlewareData:c,placement:s,platform:d,elements:h}=o,{crossAxis:x=!1,alignment:y,allowedPlacements:N=Xe,autoAlignment:C=!0,...w}=Re(e,o),I=y!==void 0||N===Xe?ii(y||null,C,N):N,k=await eo(o,w),B=((n=c.autoPlacement)==null?void 0:n.index)||0,H=I[B];if(H==null)return{};let F=Jr(H,l,await(d.isRTL==null?void 0:d.isRTL(h.floating)));if(s!==H)return{reset:{placement:I[0]}};let vt=[k[Yt(H)],k[F[0]],k[F[1]]],K=[...((i=c.autoPlacement)==null?void 0:i.overflows)||[],{placement:H,overflows:vt}],co=I[B+1];if(co)return{data:{index:B+1,overflows:K},reset:{placement:co}};let po=K.map(pt=>{let oe=Lt(pt.placement);return[pt.placement,oe&&x?pt.overflows.slice(0,2).reduce((Gn,Zn)=>Gn+Zn,0):pt.overflows[0],pt.overflows]}).sort((pt,oe)=>pt[1]-oe[1]),so=((a=po.filter(pt=>pt[2].slice(0,Lt(pt[0])?2:3).every(oe=>oe<=0))[0])==null?void 0:a[0])||po[0][0];return so!==s?{data:{index:B+1,overflows:K},reset:{placement:so}}:{}}}};var ro=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(o){let{x:n,y:i,placement:a}=o,{mainAxis:l=!0,crossAxis:c=!1,limiter:s={fn:k=>{let{x:B,y:H}=k;return{x:B,y:H}}},...d}=Re(e,o),h={x:n,y:i},x=await eo(o,d),y=Le(Yt(a)),N=Je(y),C=h[N],w=h[y];if(l){let k=N==="y"?"top":"left",B=N==="y"?"bottom":"right",H=C+x[k],F=C-x[B];C=qe(H,C,F)}if(c){let k=y==="y"?"top":"left",B=y==="y"?"bottom":"right",H=w+x[k],F=w-x[B];w=qe(H,w,F)}let I=s.fn({...o,[N]:C,[y]:w});return{...I,data:{x:I.x-n,y:I.y-i}}}}};function St(e){return nn(e)?(e.nodeName||"").toLowerCase():"#document"}function J(e){var o;return(e==null||(o=e.ownerDocument)==null?void 0:o.defaultView)||window}function Ct(e){var o;return(o=(nn(e)?e.ownerDocument:e.document)||window.document)==null?void 0:o.documentElement}function nn(e){return e instanceof Node||e instanceof J(e).Node}function ht(e){return e instanceof Element||e instanceof J(e).Element}function at(e){return e instanceof HTMLElement||e instanceof J(e).HTMLElement}function rn(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof J(e).ShadowRoot}function Xt(e){let{overflow:o,overflowX:n,overflowY:i,display:a}=et(e);return/auto|scroll|overlay|hidden|clip/.test(o+i+n)&&!["inline","contents"].includes(a)}function an(e){return["table","td","th"].includes(St(e))}function $e(e){let o=We(),n=et(e);return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":!1)||!o&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!o&&(n.filter?n.filter!=="none":!1)||["transform","perspective","filter"].some(i=>(n.willChange||"").includes(i))||["paint","layout","strict","content"].some(i=>(n.contain||"").includes(i))}function ln(e){let o=Tt(e);for(;at(o)&&!he(o);){if($e(o))return o;o=Tt(o)}return null}function We(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function he(e){return["html","body","#document"].includes(St(e))}function et(e){return J(e).getComputedStyle(e)}function ue(e){return ht(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Tt(e){if(St(e)==="html")return e;let o=e.assignedSlot||e.parentNode||rn(e)&&e.host||Ct(e);return rn(o)?o.host:o}function cn(e){let o=Tt(e);return he(o)?e.ownerDocument?e.ownerDocument.body:e.body:at(o)&&Xt(o)?o:cn(o)}function Ae(e,o,n){var i;o===void 0&&(o=[]),n===void 0&&(n=!0);let a=cn(e),l=a===((i=e.ownerDocument)==null?void 0:i.body),c=J(a);return l?o.concat(c,c.visualViewport||[],Xt(a)?a:[],c.frameElement&&n?Ae(c.frameElement):[]):o.concat(a,Ae(a,[],n))}function dn(e){let o=et(e),n=parseFloat(o.width)||0,i=parseFloat(o.height)||0,a=at(e),l=a?e.offsetWidth:n,c=a?e.offsetHeight:i,s=ge(n)!==l||ge(i)!==c;return s&&(n=l,i=c),{width:n,height:i,$:s}}function fn(e){return ht(e)?e:e.contextElement}function qt(e){let o=fn(e);if(!at(o))return Ot(1);let n=o.getBoundingClientRect(),{width:i,height:a,$:l}=dn(o),c=(l?ge(n.width):n.width)/i,s=(l?ge(n.height):n.height)/a;return(!c||!Number.isFinite(c))&&(c=1),(!s||!Number.isFinite(s))&&(s=1),{x:c,y:s}}var ai=Ot(0);function gn(e){let o=J(e);return!We()||!o.visualViewport?ai:{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}}function li(e,o,n){return o===void 0&&(o=!1),!n||o&&n!==J(e)?!1:o}function me(e,o,n,i){o===void 0&&(o=!1),n===void 0&&(n=!1);let a=e.getBoundingClientRect(),l=fn(e),c=Ot(1);o&&(i?ht(i)&&(c=qt(i)):c=qt(e));let s=li(l,n,i)?gn(l):Ot(0),d=(a.left+s.x)/c.x,h=(a.top+s.y)/c.y,x=a.width/c.x,y=a.height/c.y;if(l){let N=J(l),C=i&&ht(i)?J(i):i,w=N.frameElement;for(;w&&i&&C!==N;){let I=qt(w),k=w.getBoundingClientRect(),B=et(w),H=k.left+(w.clientLeft+parseFloat(B.paddingLeft))*I.x,F=k.top+(w.clientTop+parseFloat(B.paddingTop))*I.y;d*=I.x,h*=I.y,x*=I.x,y*=I.y,d+=H,h+=F,w=J(w).frameElement}}return zt({width:x,height:y,x:d,y:h})}function ci(e){let{rect:o,offsetParent:n,strategy:i}=e,a=at(n),l=Ct(n);if(n===l)return o;let c={scrollLeft:0,scrollTop:0},s=Ot(1),d=Ot(0);if((a||!a&&i!=="fixed")&&((St(n)!=="body"||Xt(l))&&(c=ue(n)),at(n))){let h=me(n);s=qt(n),d.x=h.x+n.clientLeft,d.y=h.y+n.clientTop}return{width:o.width*s.x,height:o.height*s.y,x:o.x*s.x-c.scrollLeft*s.x+d.x,y:o.y*s.y-c.scrollTop*s.y+d.y}}function pi(e){return Array.from(e.getClientRects())}function hn(e){return me(Ct(e)).left+ue(e).scrollLeft}function si(e){let o=Ct(e),n=ue(e),i=e.ownerDocument.body,a=Rt(o.scrollWidth,o.clientWidth,i.scrollWidth,i.clientWidth),l=Rt(o.scrollHeight,o.clientHeight,i.scrollHeight,i.clientHeight),c=-n.scrollLeft+hn(e),s=-n.scrollTop;return et(i).direction==="rtl"&&(c+=Rt(o.clientWidth,i.clientWidth)-a),{width:a,height:l,x:c,y:s}}function di(e,o){let n=J(e),i=Ct(e),a=n.visualViewport,l=i.clientWidth,c=i.clientHeight,s=0,d=0;if(a){l=a.width,c=a.height;let h=We();(!h||h&&o==="fixed")&&(s=a.offsetLeft,d=a.offsetTop)}return{width:l,height:c,x:s,y:d}}function fi(e,o){let n=me(e,!0,o==="fixed"),i=n.top+e.clientTop,a=n.left+e.clientLeft,l=at(e)?qt(e):Ot(1),c=e.clientWidth*l.x,s=e.clientHeight*l.y,d=a*l.x,h=i*l.y;return{width:c,height:s,x:d,y:h}}function pn(e,o,n){let i;if(o==="viewport")i=di(e,n);else if(o==="document")i=si(Ct(e));else if(ht(o))i=fi(o,n);else{let a=gn(e);i={...o,x:o.x-a.x,y:o.y-a.y}}return zt(i)}function un(e,o){let n=Tt(e);return n===o||!ht(n)||he(n)?!1:et(n).position==="fixed"||un(n,o)}function gi(e,o){let n=o.get(e);if(n)return n;let i=Ae(e,[],!1).filter(s=>ht(s)&&St(s)!=="body"),a=null,l=et(e).position==="fixed",c=l?Tt(e):e;for(;ht(c)&&!he(c);){let s=et(c),d=$e(c);!d&&s.position==="fixed"&&(a=null),(l?!d&&!a:!d&&s.position==="static"&&!!a&&["absolute","fixed"].includes(a.position)||Xt(c)&&!d&&un(e,c))?i=i.filter(x=>x!==c):a=s,c=Tt(c)}return o.set(e,i),i}function hi(e){let{element:o,boundary:n,rootBoundary:i,strategy:a}=e,c=[...n==="clippingAncestors"?gi(o,this._c):[].concat(n),i],s=c[0],d=c.reduce((h,x)=>{let y=pn(o,x,a);return h.top=Rt(y.top,h.top),h.right=fe(y.right,h.right),h.bottom=fe(y.bottom,h.bottom),h.left=Rt(y.left,h.left),h},pn(o,s,a));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function ui(e){return dn(e)}function mi(e,o,n){let i=at(o),a=Ct(o),l=n==="fixed",c=me(e,!0,l,o),s={scrollLeft:0,scrollTop:0},d=Ot(0);if(i||!i&&!l)if((St(o)!=="body"||Xt(a))&&(s=ue(o)),i){let h=me(o,!0,l,o);d.x=h.x+o.clientLeft,d.y=h.y+o.clientTop}else a&&(d.x=hn(a));return{x:c.left+s.scrollLeft-d.x,y:c.top+s.scrollTop-d.y,width:c.width,height:c.height}}function sn(e,o){return!at(e)||et(e).position==="fixed"?null:o?o(e):e.offsetParent}function mn(e,o){let n=J(e);if(!at(e))return n;let i=sn(e,o);for(;i&&an(i)&&et(i).position==="static";)i=sn(i,o);return i&&(St(i)==="html"||St(i)==="body"&&et(i).position==="static"&&!$e(i))?n:i||ln(e)||n}var yi=async function(e){let{reference:o,floating:n,strategy:i}=e,a=this.getOffsetParent||mn,l=this.getDimensions;return{reference:mi(o,await a(n),i),floating:{x:0,y:0,...await l(n)}}};function bi(e){return et(e).direction==="rtl"}var Pe={convertOffsetParentRelativeRectToViewportRelativeRect:ci,getDocumentElement:Ct,getClippingRect:hi,getOffsetParent:mn,getElementRects:yi,getClientRects:pi,getDimensions:ui,getScale:qt,isElement:ht,isRTL:bi};var yn=(e,o,n)=>{let i=new Map,a={platform:Pe,...n},l={...a.platform,_c:i};return on(e,o,{...a,platform:l})};function bn(e){return xi(e)}function no(e){return e.assignedSlot?e.assignedSlot:e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode}function xi(e){for(let o=e;o;o=no(o))if(o instanceof Element&&getComputedStyle(o).display==="none")return null;for(let o=no(e);o;o=no(o)){if(!(o instanceof Element))continue;let n=getComputedStyle(o);if(n.display!=="contents"&&(n.position!=="static"||n.filter!=="none"||o.tagName==="BODY"))return o}return null}async function xn(e,o,n){return yn(e,o,{platform:{...Pe,getOffsetParent:i=>Pe.getOffsetParent(i,bn)},middleware:[ro({crossAxis:!0}),oo({allowedPlacements:[n]})]})}var Q=function(e,o,n,i){var a=arguments.length,l=a<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,n):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(e,o,n,i);else for(var s=e.length-1;s>=0;s--)(c=e[s])&&(l=(a<3?c(l):a>3?c(o,n,l):c(o,n))||l);return a>3&&l&&Object.defineProperty(o,n,l),l},W=class extends ye.FtLitElement{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.validPositions=new Set(["top","bottom","left","right"]),this.hideDebounce=new ye.Debouncer,this.revealDebouncer=new ye.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return On.html`
|
|
526
|
+
`;var cn=["top","right","bottom","left"],ln=["start","end"],io=cn.reduce((e,o)=>e.concat(o,o+"-"+ln[0],o+"-"+ln[1]),[]),ye=Math.min,It=Math.max,be=Math.round;var Et=e=>({x:e,y:e}),gi={left:"right",right:"left",bottom:"top",top:"bottom"},hi={start:"end",end:"start"};function ao(e,o,n){return It(e,ye(o,n))}function Be(e,o){return typeof e=="function"?e(o):e}function oe(e){return e.split("-")[0]}function Wt(e){return e.split("-")[1]}function lo(e){return e==="x"?"y":"x"}function co(e){return e==="y"?"height":"width"}function Pe(e){return["top","bottom"].includes(oe(e))?"y":"x"}function so(e){return lo(Pe(e))}function sn(e,o,n){n===void 0&&(n=!1);let i=Wt(e),a=so(e),l=co(a),c=a==="x"?i===(n?"end":"start")?"right":"left":i==="start"?"bottom":"top";return o.reference[l]>o.floating[l]&&(c=no(c)),[c,no(c)]}function pn(e){return e.replace(/start|end/g,o=>hi[o])}function no(e){return e.replace(/left|right|bottom|top/g,o=>gi[o])}function mi(e){return{top:0,right:0,bottom:0,left:0,...e}}function dn(e){return typeof e!="number"?mi(e):{top:e,right:e,bottom:e,left:e}}function _t(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}function fn(e,o,n){let{reference:i,floating:a}=e,l=Pe(o),c=so(o),p=co(c),d=oe(o),m=l==="y",x=i.x+i.width/2-a.width/2,y=i.y+i.height/2-a.height/2,w=i[p]/2-a[p]/2,C;switch(d){case"top":C={x,y:i.y-a.height};break;case"bottom":C={x,y:i.y+i.height};break;case"right":C={x:i.x+i.width,y};break;case"left":C={x:i.x-a.width,y};break;default:C={x:i.x,y:i.y}}switch(Wt(o)){case"start":C[c]-=w*(n&&m?-1:1);break;case"end":C[c]+=w*(n&&m?-1:1);break}return C}var gn=async(e,o,n)=>{let{placement:i="bottom",strategy:a="absolute",middleware:l=[],platform:c}=n,p=l.filter(Boolean),d=await(c.isRTL==null?void 0:c.isRTL(o)),m=await c.getElementRects({reference:e,floating:o,strategy:a}),{x,y}=fn(m,i,d),w=i,C={},L=0;for(let z=0;z<p.length;z++){let{name:U,fn:T}=p[z],{x:D,y:j,data:Lt,reset:F}=await T({x,y,initialPlacement:i,placement:w,strategy:a,middlewareData:C,rects:m,platform:c,elements:{reference:e,floating:o}});if(x=D??x,y=j??y,C={...C,[U]:{...C[U],...Lt}},F&&L<=50){L++,typeof F=="object"&&(F.placement&&(w=F.placement),F.rects&&(m=F.rects===!0?await c.getElementRects({reference:e,floating:o,strategy:a}):F.rects),{x,y}=fn(m,w,d)),z=-1;continue}}return{x,y,placement:w,strategy:a,middlewareData:C}};async function po(e,o){var n;o===void 0&&(o={});let{x:i,y:a,platform:l,rects:c,elements:p,strategy:d}=e,{boundary:m="clippingAncestors",rootBoundary:x="viewport",elementContext:y="floating",altBoundary:w=!1,padding:C=0}=Be(o,e),L=dn(C),U=p[w?y==="floating"?"reference":"floating":y],T=_t(await l.getClippingRect({element:(n=await(l.isElement==null?void 0:l.isElement(U)))==null||n?U:U.contextElement||await(l.getDocumentElement==null?void 0:l.getDocumentElement(p.floating)),boundary:m,rootBoundary:x,strategy:d})),D=y==="floating"?{...c.floating,x:i,y:a}:c.reference,j=await(l.getOffsetParent==null?void 0:l.getOffsetParent(p.floating)),Lt=await(l.isElement==null?void 0:l.isElement(j))?await(l.getScale==null?void 0:l.getScale(j))||{x:1,y:1}:{x:1,y:1},F=_t(l.convertOffsetParentRelativeRectToViewportRelativeRect?await l.convertOffsetParentRelativeRectToViewportRelativeRect({rect:D,offsetParent:j,strategy:d}):D);return{top:(T.top-F.top+L.top)/Lt.y,bottom:(F.bottom-T.bottom+L.bottom)/Lt.y,left:(T.left-F.left+L.left)/Lt.x,right:(F.right-T.right+L.right)/Lt.x}}function ui(e,o,n){return(e?[...n.filter(a=>Wt(a)===e),...n.filter(a=>Wt(a)!==e)]:n.filter(a=>oe(a)===a)).filter(a=>e?Wt(a)===e||(o?pn(a)!==a:!1):!0)}var fo=function(e){return e===void 0&&(e={}),{name:"autoPlacement",options:e,async fn(o){var n,i,a;let{rects:l,middlewareData:c,placement:p,platform:d,elements:m}=o,{crossAxis:x=!1,alignment:y,allowedPlacements:w=io,autoAlignment:C=!0,...L}=Be(e,o),z=y!==void 0||w===io?ui(y||null,C,w):w,U=await po(o,L),T=((n=c.autoPlacement)==null?void 0:n.index)||0,D=z[T];if(D==null)return{};let j=sn(D,l,await(d.isRTL==null?void 0:d.isRTL(m.floating)));if(p!==D)return{reset:{placement:z[0]}};let Lt=[U[oe(D)],U[j[0]],U[j[1]]],F=[...((i=c.autoPlacement)==null?void 0:i.overflows)||[],{placement:D,overflows:Lt}],So=z[T+1];if(So)return{data:{index:T+1,overflows:F},reset:{placement:So}};let Co=F.map(ut=>{let ce=Wt(ut.placement);return[ut.placement,ce&&x?ut.overflows.slice(0,2).reduce((Qn,ti)=>Qn+ti,0):ut.overflows[0],ut.overflows]}).sort((ut,ce)=>ut[1]-ce[1]),vo=((a=Co.filter(ut=>ut[2].slice(0,Wt(ut[0])?2:3).every(ce=>ce<=0))[0])==null?void 0:a[0])||Co[0][0];return vo!==p?{data:{index:T+1,overflows:F},reset:{placement:vo}}:{}}}};var go=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(o){let{x:n,y:i,placement:a}=o,{mainAxis:l=!0,crossAxis:c=!1,limiter:p={fn:U=>{let{x:T,y:D}=U;return{x:T,y:D}}},...d}=Be(e,o),m={x:n,y:i},x=await po(o,d),y=Pe(oe(a)),w=lo(y),C=m[w],L=m[y];if(l){let U=w==="y"?"top":"left",T=w==="y"?"bottom":"right",D=C+x[U],j=C-x[T];C=ao(D,C,j)}if(c){let U=y==="y"?"top":"left",T=y==="y"?"bottom":"right",D=L+x[U],j=L-x[T];L=ao(D,L,j)}let z=p.fn({...o,[w]:C,[y]:L});return{...z,data:{x:z.x-n,y:z.y-i}}}}};function wt(e){return mn(e)?(e.nodeName||"").toLowerCase():"#document"}function et(e){var o;return(e==null||(o=e.ownerDocument)==null?void 0:o.defaultView)||window}function Rt(e){var o;return(o=(mn(e)?e.ownerDocument:e.document)||window.document)==null?void 0:o.documentElement}function mn(e){return e instanceof Node||e instanceof et(e).Node}function Ot(e){return e instanceof Element||e instanceof et(e).Element}function dt(e){return e instanceof HTMLElement||e instanceof et(e).HTMLElement}function hn(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof et(e).ShadowRoot}function re(e){let{overflow:o,overflowX:n,overflowY:i,display:a}=rt(e);return/auto|scroll|overlay|hidden|clip/.test(o+i+n)&&!["inline","contents"].includes(a)}function un(e){return["table","td","th"].includes(wt(e))}function Te(e){let o=ke(),n=rt(e);return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":!1)||!o&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!o&&(n.filter?n.filter!=="none":!1)||["transform","perspective","filter"].some(i=>(n.willChange||"").includes(i))||["paint","layout","strict","content"].some(i=>(n.contain||"").includes(i))}function yn(e){let o=Ht(e);for(;dt(o)&&!xe(o);){if(Te(o))return o;o=Ht(o)}return null}function ke(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function xe(e){return["html","body","#document"].includes(wt(e))}function rt(e){return et(e).getComputedStyle(e)}function Oe(e){return Ot(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Ht(e){if(wt(e)==="html")return e;let o=e.assignedSlot||e.parentNode||hn(e)&&e.host||Rt(e);return hn(o)?o.host:o}function bn(e){let o=Ht(e);return xe(o)?e.ownerDocument?e.ownerDocument.body:e.body:dt(o)&&re(o)?o:bn(o)}function ze(e,o,n){var i;o===void 0&&(o=[]),n===void 0&&(n=!0);let a=bn(e),l=a===((i=e.ownerDocument)==null?void 0:i.body),c=et(a);return l?o.concat(c,c.visualViewport||[],re(a)?a:[],c.frameElement&&n?ze(c.frameElement):[]):o.concat(a,ze(a,[],n))}function Sn(e){let o=rt(e),n=parseFloat(o.width)||0,i=parseFloat(o.height)||0,a=dt(e),l=a?e.offsetWidth:n,c=a?e.offsetHeight:i,p=be(n)!==l||be(i)!==c;return p&&(n=l,i=c),{width:n,height:i,$:p}}function Cn(e){return Ot(e)?e:e.contextElement}function ne(e){let o=Cn(e);if(!dt(o))return Et(1);let n=o.getBoundingClientRect(),{width:i,height:a,$:l}=Sn(o),c=(l?be(n.width):n.width)/i,p=(l?be(n.height):n.height)/a;return(!c||!Number.isFinite(c))&&(c=1),(!p||!Number.isFinite(p))&&(p=1),{x:c,y:p}}var yi=Et(0);function vn(e){let o=et(e);return!ke()||!o.visualViewport?yi:{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}}function bi(e,o,n){return o===void 0&&(o=!1),!n||o&&n!==et(e)?!1:o}function Se(e,o,n,i){o===void 0&&(o=!1),n===void 0&&(n=!1);let a=e.getBoundingClientRect(),l=Cn(e),c=Et(1);o&&(i?Ot(i)&&(c=ne(i)):c=ne(e));let p=bi(l,n,i)?vn(l):Et(0),d=(a.left+p.x)/c.x,m=(a.top+p.y)/c.y,x=a.width/c.x,y=a.height/c.y;if(l){let w=et(l),C=i&&Ot(i)?et(i):i,L=w.frameElement;for(;L&&i&&C!==w;){let z=ne(L),U=L.getBoundingClientRect(),T=rt(L),D=U.left+(L.clientLeft+parseFloat(T.paddingLeft))*z.x,j=U.top+(L.clientTop+parseFloat(T.paddingTop))*z.y;d*=z.x,m*=z.y,x*=z.x,y*=z.y,d+=D,m+=j,L=et(L).frameElement}}return _t({width:x,height:y,x:d,y:m})}function xi(e){let{rect:o,offsetParent:n,strategy:i}=e,a=dt(n),l=Rt(n);if(n===l)return o;let c={scrollLeft:0,scrollTop:0},p=Et(1),d=Et(0);if((a||!a&&i!=="fixed")&&((wt(n)!=="body"||re(l))&&(c=Oe(n)),dt(n))){let m=Se(n);p=ne(n),d.x=m.x+n.clientLeft,d.y=m.y+n.clientTop}return{width:o.width*p.x,height:o.height*p.y,x:o.x*p.x-c.scrollLeft*p.x+d.x,y:o.y*p.y-c.scrollTop*p.y+d.y}}function Oi(e){return Array.from(e.getClientRects())}function Nn(e){return Se(Rt(e)).left+Oe(e).scrollLeft}function Si(e){let o=Rt(e),n=Oe(e),i=e.ownerDocument.body,a=It(o.scrollWidth,o.clientWidth,i.scrollWidth,i.clientWidth),l=It(o.scrollHeight,o.clientHeight,i.scrollHeight,i.clientHeight),c=-n.scrollLeft+Nn(e),p=-n.scrollTop;return rt(i).direction==="rtl"&&(c+=It(o.clientWidth,i.clientWidth)-a),{width:a,height:l,x:c,y:p}}function Ci(e,o){let n=et(e),i=Rt(e),a=n.visualViewport,l=i.clientWidth,c=i.clientHeight,p=0,d=0;if(a){l=a.width,c=a.height;let m=ke();(!m||m&&o==="fixed")&&(p=a.offsetLeft,d=a.offsetTop)}return{width:l,height:c,x:p,y:d}}function vi(e,o){let n=Se(e,!0,o==="fixed"),i=n.top+e.clientTop,a=n.left+e.clientLeft,l=dt(e)?ne(e):Et(1),c=e.clientWidth*l.x,p=e.clientHeight*l.y,d=a*l.x,m=i*l.y;return{width:c,height:p,x:d,y:m}}function xn(e,o,n){let i;if(o==="viewport")i=Ci(e,n);else if(o==="document")i=Si(Rt(e));else if(Ot(o))i=vi(o,n);else{let a=vn(e);i={...o,x:o.x-a.x,y:o.y-a.y}}return _t(i)}function En(e,o){let n=Ht(e);return n===o||!Ot(n)||xe(n)?!1:rt(n).position==="fixed"||En(n,o)}function Ni(e,o){let n=o.get(e);if(n)return n;let i=ze(e,[],!1).filter(p=>Ot(p)&&wt(p)!=="body"),a=null,l=rt(e).position==="fixed",c=l?Ht(e):e;for(;Ot(c)&&!xe(c);){let p=rt(c),d=Te(c);!d&&p.position==="fixed"&&(a=null),(l?!d&&!a:!d&&p.position==="static"&&!!a&&["absolute","fixed"].includes(a.position)||re(c)&&!d&&En(e,c))?i=i.filter(x=>x!==c):a=p,c=Ht(c)}return o.set(e,i),i}function Ei(e){let{element:o,boundary:n,rootBoundary:i,strategy:a}=e,c=[...n==="clippingAncestors"?Ni(o,this._c):[].concat(n),i],p=c[0],d=c.reduce((m,x)=>{let y=xn(o,x,a);return m.top=It(y.top,m.top),m.right=ye(y.right,m.right),m.bottom=ye(y.bottom,m.bottom),m.left=It(y.left,m.left),m},xn(o,p,a));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function wi(e){return Sn(e)}function Ri(e,o,n){let i=dt(o),a=Rt(o),l=n==="fixed",c=Se(e,!0,l,o),p={scrollLeft:0,scrollTop:0},d=Et(0);if(i||!i&&!l)if((wt(o)!=="body"||re(a))&&(p=Oe(o)),i){let m=Se(o,!0,l,o);d.x=m.x+o.clientLeft,d.y=m.y+o.clientTop}else a&&(d.x=Nn(a));return{x:c.left+p.scrollLeft-d.x,y:c.top+p.scrollTop-d.y,width:c.width,height:c.height}}function On(e,o){return!dt(e)||rt(e).position==="fixed"?null:o?o(e):e.offsetParent}function wn(e,o){let n=et(e);if(!dt(e))return n;let i=On(e,o);for(;i&&un(i)&&rt(i).position==="static";)i=On(i,o);return i&&(wt(i)==="html"||wt(i)==="body"&&rt(i).position==="static"&&!Te(i))?n:i||yn(e)||n}var Li=async function(e){let{reference:o,floating:n,strategy:i}=e,a=this.getOffsetParent||wn,l=this.getDimensions;return{reference:Ri(o,await a(n),i),floating:{x:0,y:0,...await l(n)}}};function Ai(e){return rt(e).direction==="rtl"}var _e={convertOffsetParentRelativeRectToViewportRelativeRect:xi,getDocumentElement:Rt,getClippingRect:Ei,getOffsetParent:wn,getElementRects:Li,getClientRects:Oi,getDimensions:wi,getScale:ne,isElement:Ot,isRTL:Ai};var Rn=(e,o,n)=>{let i=new Map,a={platform:_e,...n},l={...a.platform,_c:i};return gn(e,o,{...a,platform:l})};function Ln(e){return $i(e)}function ho(e){return e.assignedSlot?e.assignedSlot:e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode}function $i(e){for(let o=e;o;o=ho(o))if(o instanceof Element&&getComputedStyle(o).display==="none")return null;for(let o=ho(e);o;o=ho(o)){if(!(o instanceof Element))continue;let n=getComputedStyle(o);if(n.display!=="contents"&&(n.position!=="static"||n.filter!=="none"||o.tagName==="BODY"))return o}return null}async function An(e,o,n){return Rn(e,o,{platform:{..._e,getOffsetParent:i=>_e.getOffsetParent(i,Ln)},middleware:[go({crossAxis:!0}),fo({allowedPlacements:[n]})]})}var ot=function(e,o,n,i){var a=arguments.length,l=a<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,n):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(e,o,n,i);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(l=(a<3?c(l):a>3?c(o,n,l):c(o,n))||l);return a>3&&l&&Object.defineProperty(o,n,l),l},W=class extends Ce.FtLitElement{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.validPositions=new Set(["top","bottom","left","right"]),this.hideDebounce=new Ce.Debouncer,this.revealDebouncer=new Ce.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return $n.html`
|
|
527
527
|
<div part="container"
|
|
528
528
|
class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
|
|
529
529
|
@mouseenter=${this.onHover}
|
|
@@ -541,40 +541,40 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
541
541
|
</div>
|
|
542
542
|
</div>
|
|
543
543
|
</div>
|
|
544
|
-
`}updated(o){o.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(o)}contentAvailableCallback(o){super.contentAvailableCallback(o),["visible","text"].some(n=>o.has(n))&&this.visible&&this.positionTooltip()}async show(o){this.visible=!0,o!=null&&await this.hideDebounce.run(()=>{this.hide()},o)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var o;return((o=this.slotNodes)!==null&&o!==void 0?o:[]).filter(n=>n.nodeType==Node.ELEMENT_NODE)[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){let o=this.tooltipContent.style;switch(o.transition="none",this.validPosition){case"top":o.top=this.tooltip.clientHeight+"px",o.left="0";break;case"bottom":o.top=-this.tooltip.clientHeight+"px",o.left="0";break;case"left":o.top="0",o.left=this.tooltip.clientWidth+"px";break;case"right":o.top="0",o.left=-this.tooltip.clientWidth+"px";break}}}positionTooltip(){this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",
|
|
544
|
+
`}updated(o){o.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(o)}contentAvailableCallback(o){super.contentAvailableCallback(o),["visible","text"].some(n=>o.has(n))&&this.visible&&this.positionTooltip()}async show(o){this.visible=!0,o!=null&&await this.hideDebounce.run(()=>{this.hide()},o)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var o;return((o=this.slotNodes)!==null&&o!==void 0?o:[]).filter(n=>n.nodeType==Node.ELEMENT_NODE)[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){let o=this.tooltipContent.style;switch(o.transition="none",this.validPosition){case"top":o.top=this.tooltip.clientHeight+"px",o.left="0";break;case"bottom":o.top=-this.tooltip.clientHeight+"px",o.left="0";break;case"left":o.top="0",o.left=this.tooltip.clientWidth+"px";break;case"right":o.top="0",o.left=-this.tooltip.clientWidth+"px";break}}}positionTooltip(){this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",An(this.slottedElement,this.tooltip,this.position).then(({x:o,y:n})=>{this.tooltip&&(this.tooltip.style.left=`${o}px`,this.tooltip.style.top=`${n}px`)})),this.revealDebouncer.run(()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")},this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout(()=>window.addEventListener("touchstart",o=>{o.composedPath().includes(this.container)||this.onOut()},{once:!0}),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}onClick(){this.manual||(this.revealDebouncer.cancel(),this.hide())}correctOutOfWindowPixels(o,n){return Math.max(o,Math.min(0,-n))}};W.elementDefinitions={"ft-typography":X};W.styles=an;ot([(0,G.property)()],W.prototype,"text",void 0);ot([(0,G.property)({type:Boolean})],W.prototype,"manual",void 0);ot([(0,G.property)({type:Boolean})],W.prototype,"inline",void 0);ot([(0,G.property)({type:Number})],W.prototype,"delay",void 0);ot([(0,G.property)()],W.prototype,"position",void 0);ot([(0,G.queryAssignedNodes)()],W.prototype,"slotNodes",void 0);ot([(0,G.query)(".ft-tooltip--container")],W.prototype,"container",void 0);ot([(0,G.query)(".ft-tooltip")],W.prototype,"tooltip",void 0);ot([(0,G.query)(".ft-tooltip--content")],W.prototype,"tooltipContent",void 0);ot([(0,G.state)()],W.prototype,"visible",void 0);ot([(0,G.eventOptions)({passive:!0})],W.prototype,"onTouch",null);ot([(0,G.eventOptions)({passive:!0})],W.prototype,"onHover",null);ot([(0,G.eventOptions)({passive:!0})],W.prototype,"onOut",null);ot([(0,G.eventOptions)({passive:!0})],W.prototype,"onClick",null);(0,In.customElement)("ft-tooltip")(W);var Pn=u(R());var Wn=u(B()),Bn=u(R());var Ut=class extends Bn.FtLitElement{render(){return Wn.html`
|
|
545
545
|
<div class="ft-loader">
|
|
546
546
|
<div></div>
|
|
547
547
|
<div></div>
|
|
548
548
|
<div></div>
|
|
549
549
|
<div></div>
|
|
550
550
|
</div>
|
|
551
|
-
`}};
|
|
551
|
+
`}};Ut.styles=Qr;(0,Pn.customElement)("ft-loader")(Ut);var ie=u(B()),zn=u(Zt()),J=u(pt()),nt=function(e,o,n,i){var a=arguments.length,l=a<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,n):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(e,o,n,i);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(l=(a<3?c(l):a>3?c(o,n,l):c(o,n))||l);return a>3&&l&&Object.defineProperty(o,n,l),l},H=class extends(0,ae.toFtFormComponent)(ae.FtLitElement,"button"){get buttonClasses(){return{}}get typographyVariant(){return""}constructor(){super(),this.role="button",this.type="button",this.disabled=!1,this.label="",this.icon=void 0,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.addEventListener("click",o=>{var n;this.isDisabled()?(o.preventDefault(),o.stopPropagation(),o.stopImmediatePropagation()):this.type=="submit"&&((n=this.form)===null||n===void 0||n.requestSubmit())})}render(){return this.addTooltipIfNeeded(ie.html`
|
|
552
552
|
<button part="button"
|
|
553
|
-
class="${(0,
|
|
553
|
+
class="${(0,zn.classMap)(this.buttonClasses)}"
|
|
554
554
|
aria-label="${this.getLabel()}"
|
|
555
555
|
?disabled=${this.isDisabled()}>
|
|
556
556
|
<ft-ripple part="ripple" ?disabled=${this.isDisabled()}></ft-ripple>
|
|
557
557
|
<ft-typography part="label"
|
|
558
558
|
variant=${this.typographyVariant}
|
|
559
559
|
element="span"
|
|
560
|
-
class="ft-button--label ${
|
|
560
|
+
class="ft-button--label ${ae.isSafari?"ft-safari-ellipsis-fix":""}"
|
|
561
561
|
?hidden=${!this.hasTextContent()}>
|
|
562
562
|
<slot @slotchange=${this.onSlotchange}></slot>
|
|
563
563
|
</ft-typography>
|
|
564
564
|
${this.resolveIcon()}
|
|
565
565
|
</button>
|
|
566
|
-
`)}addTooltipIfNeeded(o){return this.getLabel().trim().length>0&&(this.forceTooltip||!this.hasTextContent()&&!this.hideTooltip)?
|
|
566
|
+
`)}addTooltipIfNeeded(o){return this.getLabel().trim().length>0&&(this.forceTooltip||!this.hasTextContent()&&!this.hideTooltip)?ie.html`
|
|
567
567
|
<ft-tooltip part="tooltip"
|
|
568
568
|
text="${this.getLabel()}"
|
|
569
569
|
position="${this.tooltipPosition}">
|
|
570
570
|
${o}
|
|
571
571
|
</ft-tooltip>
|
|
572
|
-
`:o}resolveIcon(){return this.loading?
|
|
573
|
-
<ft-loader part="loader icon"></ft-loader> `:this.icon?
|
|
572
|
+
`:o}resolveIcon(){return this.loading?ie.html`
|
|
573
|
+
<ft-loader part="loader icon"></ft-loader> `:this.icon?ie.html`
|
|
574
574
|
<ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon>
|
|
575
|
-
`:
|
|
575
|
+
`:ie.html`
|
|
576
576
|
<slot part="icon" name="icon"></slot>
|
|
577
|
-
`}focus(){var o;(o=this.button)===null||o===void 0||o.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(o){return o instanceof HTMLSlotElement?o.assignedNodes().map(n=>this.unslotText(n)).join(""):o?.textContent||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};
|
|
577
|
+
`}focus(){var o;(o=this.button)===null||o===void 0||o.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(o){return o instanceof HTMLSlotElement?o.assignedNodes().map(n=>this.unslotText(n)).join(""):o?.textContent||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};H.elementDefinitions={"ft-ripple":A,"ft-tooltip":W,"ft-typography":X,"ft-icon":V,"ft-loader":Ut};nt([(0,J.property)({type:String,reflect:!0})],H.prototype,"role",void 0);nt([(0,J.property)()],H.prototype,"type",void 0);nt([(0,J.property)({type:Boolean})],H.prototype,"disabled",void 0);nt([(0,J.property)()],H.prototype,"label",void 0);nt([(0,J.property)()],H.prototype,"icon",void 0);nt([(0,J.property)()],H.prototype,"iconVariant",void 0);nt([(0,J.property)({type:Boolean})],H.prototype,"trailingIcon",void 0);nt([(0,J.property)({type:Boolean})],H.prototype,"loading",void 0);nt([(0,J.property)()],H.prototype,"tooltipPosition",void 0);nt([(0,J.property)({type:Boolean})],H.prototype,"hideTooltip",void 0);nt([(0,J.property)({type:Boolean})],H.prototype,"forceTooltip",void 0);nt([(0,J.query)(".ft-button")],H.prototype,"button",void 0);nt([(0,J.query)(".ft-button--label slot")],H.prototype,"slottedContent",void 0);var He=function(e,o,n,i){var a=arguments.length,l=a<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,n):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(e,o,n,i);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(l=(a<3?c(l):a>3?c(o,n,l):c(o,n))||l);return a>3&&l&&Object.defineProperty(o,n,l),l},ft=class extends H{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0}}get typographyVariant(){return"button"}};ft.styles=[Tn.safariEllipsisFix,rn];He([(0,ve.property)({type:Boolean})],ft.prototype,"primary",void 0);He([(0,ve.property)({type:Boolean})],ft.prototype,"outlined",void 0);He([(0,ve.property)({type:Boolean})],ft.prototype,"dense",void 0);He([(0,ve.property)({type:Boolean})],ft.prototype,"round",void 0);var Ne=u(pt());var De=u(R());var kn=u(B()),E=u(R());var _n=[kn.css`
|
|
578
578
|
:host {
|
|
579
579
|
display: inline-block;
|
|
580
580
|
max-width: 100%;
|
|
@@ -624,7 +624,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
624
624
|
}
|
|
625
625
|
|
|
626
626
|
.ft-button:focus-visible {
|
|
627
|
-
outline-color: ${
|
|
627
|
+
outline-color: ${f.focusFocusRingColor};
|
|
628
628
|
outline-style: solid;
|
|
629
629
|
}
|
|
630
630
|
|
|
@@ -650,149 +650,175 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
650
650
|
display: none;
|
|
651
651
|
}
|
|
652
652
|
|
|
653
|
+
.ft-button.ft-button--icon-only {
|
|
654
|
+
padding: unset;
|
|
655
|
+
border-radius: 50%;
|
|
656
|
+
}
|
|
657
|
+
|
|
653
658
|
/** Primary styles **/
|
|
654
659
|
|
|
655
660
|
.ft-button--primary {
|
|
656
|
-
${(0,E.setVariable)(q.color,
|
|
661
|
+
${(0,E.setVariable)(q.color,f.primaryIconColor)};
|
|
657
662
|
|
|
658
|
-
${(0,E.setVariable)(
|
|
659
|
-
${(0,E.setVariable)(
|
|
660
|
-
${(0,E.setVariable)(
|
|
661
|
-
${(0,E.setVariable)(
|
|
662
|
-
${(0,E.setVariable)(
|
|
663
|
+
${(0,E.setVariable)(N.color,f.primaryStateLayerColor)};
|
|
664
|
+
${(0,E.setVariable)(N.opacityContentOnSurfaceHover,f.primaryHoverStateLayerOpacity)};
|
|
665
|
+
${(0,E.setVariable)(N.opacityContentOnSurfaceFocused,f.primaryFocusStateLayerOpacity)};
|
|
666
|
+
${(0,E.setVariable)(N.opacityContentOnSurfaceSelected,f.primaryActiveStateLayerOpacity)};
|
|
667
|
+
${(0,E.setVariable)(N.opacityContentOnSurfacePressed,f.primaryActiveStateLayerOpacity)};
|
|
663
668
|
|
|
664
|
-
background-color: ${
|
|
665
|
-
color: ${
|
|
669
|
+
background-color: ${f.primaryBackgroundColor};
|
|
670
|
+
color: ${f.primaryColor};
|
|
666
671
|
border-style: none;
|
|
667
672
|
}
|
|
668
673
|
|
|
669
674
|
.ft-button--primary[disabled] {
|
|
670
|
-
opacity: ${
|
|
675
|
+
opacity: ${f.primaryDisabledComponentOpacity};
|
|
671
676
|
}
|
|
672
677
|
|
|
673
678
|
.ft-button--primary ft-icon {
|
|
674
|
-
color: ${
|
|
679
|
+
color: ${f.primaryIconColor};
|
|
675
680
|
}
|
|
676
681
|
|
|
677
682
|
/** Secondary styles **/
|
|
678
683
|
|
|
679
684
|
.ft-button--secondary {
|
|
680
|
-
${(0,E.setVariable)(q.color,
|
|
685
|
+
${(0,E.setVariable)(q.color,f.secondaryIconColor)};
|
|
681
686
|
|
|
682
|
-
${(0,E.setVariable)(
|
|
683
|
-
${(0,E.setVariable)(
|
|
684
|
-
${(0,E.setVariable)(
|
|
685
|
-
${(0,E.setVariable)(
|
|
686
|
-
${(0,E.setVariable)(
|
|
687
|
+
${(0,E.setVariable)(N.color,f.secondaryStateLayerColor)};
|
|
688
|
+
${(0,E.setVariable)(N.opacityContentOnSurfaceHover,f.secondaryHoverStateLayerOpacity)};
|
|
689
|
+
${(0,E.setVariable)(N.opacityContentOnSurfaceFocused,f.secondaryFocusStateLayerOpacity)};
|
|
690
|
+
${(0,E.setVariable)(N.opacityContentOnSurfaceSelected,f.secondaryActiveStateLayerOpacity)};
|
|
691
|
+
${(0,E.setVariable)(N.opacityContentOnSurfacePressed,f.secondaryActiveStateLayerOpacity)};
|
|
687
692
|
|
|
688
|
-
background-color: ${
|
|
689
|
-
color: ${
|
|
690
|
-
border-color: ${
|
|
693
|
+
background-color: ${f.secondaryBackgroundColor};
|
|
694
|
+
color: ${f.secondaryColor};
|
|
695
|
+
border-color: ${f.secondaryBorderColor};
|
|
691
696
|
border-style: solid;
|
|
692
697
|
}
|
|
693
698
|
|
|
694
699
|
.ft-button--secondary[disabled] {
|
|
695
|
-
opacity: ${
|
|
700
|
+
opacity: ${f.secondaryDisabledComponentOpacity};
|
|
696
701
|
}
|
|
697
702
|
|
|
698
703
|
.ft-button--secondary ft-icon {
|
|
699
|
-
color: ${
|
|
704
|
+
color: ${f.secondaryIconColor};
|
|
700
705
|
}
|
|
701
706
|
|
|
702
707
|
/** Tertiary styles **/
|
|
703
708
|
|
|
704
709
|
.ft-button--tertiary {
|
|
705
|
-
${(0,E.setVariable)(q.color,
|
|
710
|
+
${(0,E.setVariable)(q.color,f.tertiaryIconColor)};
|
|
706
711
|
|
|
707
|
-
${(0,E.setVariable)(
|
|
708
|
-
${(0,E.setVariable)(
|
|
709
|
-
${(0,E.setVariable)(
|
|
710
|
-
${(0,E.setVariable)(
|
|
711
|
-
${(0,E.setVariable)(
|
|
712
|
+
${(0,E.setVariable)(N.color,f.tertiaryStateLayerColor)};
|
|
713
|
+
${(0,E.setVariable)(N.opacityContentOnSurfaceHover,f.tertiaryHoverStateLayerOpacity)};
|
|
714
|
+
${(0,E.setVariable)(N.opacityContentOnSurfaceFocused,f.tertiaryFocusStateLayerOpacity)};
|
|
715
|
+
${(0,E.setVariable)(N.opacityContentOnSurfaceSelected,f.tertiaryActiveStateLayerOpacity)};
|
|
716
|
+
${(0,E.setVariable)(N.opacityContentOnSurfacePressed,f.tertiaryActiveStateLayerOpacity)};
|
|
712
717
|
|
|
713
|
-
background-color: ${
|
|
714
|
-
color: ${
|
|
718
|
+
background-color: ${f.tertiaryBackgroundColor};
|
|
719
|
+
color: ${f.tertiaryColor};
|
|
715
720
|
border-style: none;
|
|
716
721
|
}
|
|
717
722
|
|
|
718
723
|
.ft-button--tertiary[disabled] {
|
|
719
|
-
opacity: ${
|
|
724
|
+
opacity: ${f.tertiaryDisabledComponentOpacity};
|
|
720
725
|
}
|
|
721
726
|
|
|
722
727
|
.ft-button--tertiary ft-icon {
|
|
723
|
-
color: ${
|
|
728
|
+
color: ${f.tertiaryIconColor};
|
|
724
729
|
}
|
|
725
730
|
|
|
726
731
|
/** Neutral styles **/
|
|
727
732
|
|
|
728
|
-
.
|
|
729
|
-
${(0,E.setVariable)(q.color,
|
|
733
|
+
.ftds--family-neutral {
|
|
734
|
+
${(0,E.setVariable)(q.color,f.neutralIconColor)};
|
|
730
735
|
|
|
731
|
-
${(0,E.setVariable)(
|
|
732
|
-
${(0,E.setVariable)(
|
|
733
|
-
${(0,E.setVariable)(
|
|
734
|
-
${(0,E.setVariable)(
|
|
735
|
-
${(0,E.setVariable)(
|
|
736
|
+
${(0,E.setVariable)(N.backgroundColor,f.neutralStateLayerColor)};
|
|
737
|
+
${(0,E.setVariable)(N.opacityContentOnSurfaceHover,f.neutralHoverStateLayerOpacity)};
|
|
738
|
+
${(0,E.setVariable)(N.opacityContentOnSurfaceFocused,f.neutralFocusStateLayerOpacity)};
|
|
739
|
+
${(0,E.setVariable)(N.opacityContentOnSurfaceSelected,f.neutralActiveStateLayerOpacity)};
|
|
740
|
+
${(0,E.setVariable)(N.opacityContentOnSurfacePressed,f.neutralActiveStateLayerOpacity)};
|
|
736
741
|
|
|
737
|
-
background-color: ${
|
|
738
|
-
color: ${
|
|
742
|
+
background-color: ${f.neutralBackgroundColor};
|
|
743
|
+
color: ${f.neutralColor};
|
|
739
744
|
border-style: none;
|
|
740
745
|
}
|
|
741
746
|
|
|
742
|
-
.
|
|
743
|
-
opacity: ${
|
|
747
|
+
.ftds--family-neutral[disabled] {
|
|
748
|
+
opacity: ${f.neutralDisabledComponentOpacity};
|
|
744
749
|
}
|
|
745
750
|
|
|
746
|
-
.
|
|
747
|
-
color: ${
|
|
751
|
+
.ftds--family-neutral ft-icon {
|
|
752
|
+
color: ${f.neutralIconColor};
|
|
748
753
|
}
|
|
749
754
|
|
|
750
755
|
/** Large styles **/
|
|
751
756
|
|
|
752
|
-
.
|
|
753
|
-
${(0,E.setVariable)(
|
|
754
|
-
${(0,E.setVariable)(q.size,
|
|
757
|
+
.ftds--size-large {
|
|
758
|
+
${(0,E.setVariable)(_.size,f.largeIconSize)};
|
|
759
|
+
${(0,E.setVariable)(q.size,f.largeIconSize)};
|
|
755
760
|
|
|
756
|
-
height: ${
|
|
757
|
-
padding: 0 ${
|
|
758
|
-
gap: ${
|
|
759
|
-
border-radius: ${
|
|
760
|
-
border-width: ${
|
|
761
|
+
height: ${f.largeHeight};
|
|
762
|
+
padding: 0 ${f.largeHorizontalPadding};
|
|
763
|
+
gap: ${f.largeGap};
|
|
764
|
+
border-radius: ${f.largeBorderRadius};
|
|
765
|
+
border-width: ${f.largeBorderWidth};
|
|
761
766
|
}
|
|
762
767
|
|
|
763
|
-
.
|
|
764
|
-
outline-width: ${
|
|
765
|
-
outline-offset: ${
|
|
768
|
+
.ftds--size-large:focus-visible {
|
|
769
|
+
outline-width: ${f.largeFocusOutlineWidth};
|
|
770
|
+
outline-offset: ${f.largeFocusOutlineOffset};
|
|
766
771
|
}
|
|
767
772
|
|
|
768
|
-
.
|
|
769
|
-
width: ${
|
|
770
|
-
padding: unset;
|
|
773
|
+
.ftds--size-large.ft-button--icon-only {
|
|
774
|
+
width: ${f.largeIconOnlyWidth};
|
|
771
775
|
}
|
|
772
776
|
|
|
773
777
|
/** Small styles **/
|
|
774
778
|
|
|
775
|
-
.
|
|
776
|
-
${(0,E.setVariable)(
|
|
777
|
-
${(0,E.setVariable)(q.size,
|
|
779
|
+
.ftds--size-medium {
|
|
780
|
+
${(0,E.setVariable)(_.size,f.mediumIconSize)};
|
|
781
|
+
${(0,E.setVariable)(q.size,f.mediumIconSize)};
|
|
778
782
|
|
|
779
|
-
height: ${
|
|
780
|
-
padding: 0 ${
|
|
781
|
-
gap: ${
|
|
782
|
-
border-radius: ${
|
|
783
|
-
border-width: ${
|
|
783
|
+
height: ${f.mediumHeight};
|
|
784
|
+
padding: 0 ${f.mediumHorizontalPadding};
|
|
785
|
+
gap: ${f.mediumGap};
|
|
786
|
+
border-radius: ${f.mediumBorderRadius};
|
|
787
|
+
border-width: ${f.mediumBorderWidth};
|
|
784
788
|
}
|
|
785
789
|
|
|
786
|
-
.
|
|
787
|
-
outline-width: ${
|
|
788
|
-
outline-offset: ${
|
|
790
|
+
.ftds--size-medium:focus-visible {
|
|
791
|
+
outline-width: ${f.mediumFocusOutlineWidth};
|
|
792
|
+
outline-offset: ${f.mediumFocusOutlineOffset};
|
|
789
793
|
}
|
|
790
794
|
|
|
791
|
-
.
|
|
792
|
-
width: ${
|
|
793
|
-
|
|
795
|
+
.ftds--size-medium.ft-button--icon-only {
|
|
796
|
+
width: ${f.mediumIconOnlyWidth};
|
|
797
|
+
}
|
|
798
|
+
|
|
799
|
+
|
|
800
|
+
/** Small styles **/
|
|
801
|
+
|
|
802
|
+
.ftds--size-small {
|
|
803
|
+
${(0,E.setVariable)(_.size,f.smallIconSize)};
|
|
804
|
+
${(0,E.setVariable)(q.size,f.smallIconSize)};
|
|
805
|
+
|
|
806
|
+
height: ${f.smallHeight};
|
|
807
|
+
padding: 0 ${f.smallHorizontalPadding};
|
|
808
|
+
gap: ${f.smallGap};
|
|
809
|
+
border-radius: ${f.smallBorderRadius};
|
|
810
|
+
border-width: ${f.smallBorderWidth};
|
|
811
|
+
}
|
|
812
|
+
|
|
813
|
+
.ftds--size-small:focus-visible {
|
|
814
|
+
outline-width: ${f.smallFocusOutlineWidth};
|
|
815
|
+
outline-offset: ${f.smallFocusOutlineOffset};
|
|
794
816
|
}
|
|
795
|
-
|
|
817
|
+
|
|
818
|
+
.ftds--size-small.ft-button--icon-only {
|
|
819
|
+
width: ${f.smallIconOnlyWidth};
|
|
820
|
+
}
|
|
821
|
+
`,E.noTextSelect];var Ue=function(e,o,n,i){var a=arguments.length,l=a<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,n):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(e,o,n,i);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(l=(a<3?c(l):a>3?c(o,n,l):c(o,n))||l);return a>3&&l&&Object.defineProperty(o,n,l),l},gt=class extends(0,De.toFtdsBase)(H){constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.round=!1,this.family=$e.brand,this.iconVariant=ct.fluid_topics}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--secondary":this.secondary,"ft-button--tertiary":this.tertiary||!this.primary&&!this.secondary,"ft-button--icon-only":!this.hasTextContent(),"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0,"ft-button--no-icon":!this.icon,"ft-button--round":this.round,...this.getDesignSystemBaseClasses()}}get typographyVariant(){switch(this.size){case Y.large:return at.body2medium;case Y.medium:return at.caption1medium;case Y.small:return at.caption2medium}}};gt.styles=[De.safariEllipsisFix,_n];Ue([(0,Ne.property)({type:Boolean})],gt.prototype,"primary",void 0);Ue([(0,Ne.property)({type:Boolean})],gt.prototype,"secondary",void 0);Ue([(0,Ne.property)({type:Boolean})],gt.prototype,"tertiary",void 0);Ue([(0,Ne.property)({type:Boolean})],gt.prototype,"round",void 0);(0,mo.customElement)("ft-button")(ft);(0,mo.customElement)("ftds-button")(gt);var Hn=S.FtCssVariableFactory.extend("--ft-chip-color","",S.designSystemVariables.colorOnSurface),K={backgroundColor:S.FtCssVariableFactory.extend("--ft-chip-background-color","",S.designSystemVariables.colorSurface),color:Hn,fontSize:S.FtCssVariableFactory.extend("--ft-chip-font-size","",yt.fontSize),iconSize:S.FtCssVariableFactory.create("--ft-chip-icon-size","","SIZE","18px"),borderRadius:S.FtCssVariableFactory.create("--ft-chip-border-radius","","SIZE",""),rippleColor:S.FtCssVariableFactory.extend("--ft-chip-ripple-color","",Hn),horizontalPadding:S.FtCssVariableFactory.create("--ft-chip-horizontal-padding","","SIZE","6px"),verticalPadding:S.FtCssVariableFactory.create("--ft-chip-vertical-padding","","SIZE","6px"),colorOutline:S.FtCssVariableFactory.external(S.designSystemVariables.colorOutline,"Design system"),opacityDisabled:S.FtCssVariableFactory.external(S.designSystemVariables.colorOpacityDisabled,"Design system")},Un=S.FtCssVariableFactory.extend("--ft-chip-highlighted-color","",S.FtCssVariableFactory.extend("--ft-chip-color","",S.designSystemVariables.colorOnPrimary)),uo={backgroundColor:S.FtCssVariableFactory.extend("--ft-chip-highlighted-background-color","",S.FtCssVariableFactory.extend("--ft-chip-background-color","",S.designSystemVariables.colorPrimary)),color:Un,rippleColor:S.FtCssVariableFactory.extend("--ft-chip-highlighted-ripple-color","",Un)},Dn={horizontalPadding:S.FtCssVariableFactory.create("--ft-chip-dense-horizontal-padding","","SIZE","4px"),verticalPadding:S.FtCssVariableFactory.create("--ft-chip-dense-vertical-padding","","SIZE","4px")},Gn=[S.noTextSelect,Ge.css`
|
|
796
822
|
:host {
|
|
797
823
|
display: inline-block;
|
|
798
824
|
max-width: 100%;
|
|
@@ -808,20 +834,20 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
808
834
|
box-sizing: border-box;
|
|
809
835
|
pointer-events: auto;
|
|
810
836
|
|
|
811
|
-
--ft-chip-internal-font-size: ${
|
|
837
|
+
--ft-chip-internal-font-size: ${K.fontSize};
|
|
812
838
|
--ft-chip-internal-line-height: max(20px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
813
|
-
${(0,S.setVariable)(
|
|
814
|
-
--ft-chip-internal-vertical-padding: ${
|
|
815
|
-
--ft-chip-internal-horizontal-padding: ${
|
|
839
|
+
${(0,S.setVariable)(_.size,K.iconSize)};
|
|
840
|
+
--ft-chip-internal-vertical-padding: ${K.verticalPadding};
|
|
841
|
+
--ft-chip-internal-horizontal-padding: ${K.horizontalPadding};
|
|
816
842
|
--ft-chip-internal-icon-padding: 3px;
|
|
817
|
-
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${
|
|
843
|
+
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${K.iconSize});
|
|
818
844
|
|
|
819
|
-
border: 1px solid ${
|
|
820
|
-
color: ${
|
|
821
|
-
${(0,S.setVariable)(
|
|
822
|
-
border-radius: var(${(0,
|
|
845
|
+
border: 1px solid ${K.colorOutline};
|
|
846
|
+
color: ${K.color};
|
|
847
|
+
${(0,S.setVariable)(N.color,K.rippleColor)};
|
|
848
|
+
border-radius: var(${(0,Ge.unsafeCSS)(K.borderRadius.name)}, calc(var(--ft-chip-internal-content-height) / 2 + var(--ft-chip-internal-vertical-padding)));
|
|
823
849
|
padding: calc(var(--ft-chip-internal-vertical-padding) - 1px) calc(var(--ft-chip-internal-horizontal-padding) - 1px);
|
|
824
|
-
background-color: ${
|
|
850
|
+
background-color: ${K.backgroundColor};
|
|
825
851
|
line-height: var(--ft-chip-internal-content-height);
|
|
826
852
|
}
|
|
827
853
|
|
|
@@ -831,8 +857,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
831
857
|
|
|
832
858
|
.ft-chip--dense {
|
|
833
859
|
--ft-chip-internal-icon-padding: 3px;
|
|
834
|
-
--ft-chip-internal-vertical-padding: ${
|
|
835
|
-
--ft-chip-internal-horizontal-padding: ${
|
|
860
|
+
--ft-chip-internal-vertical-padding: ${Dn.verticalPadding};
|
|
861
|
+
--ft-chip-internal-horizontal-padding: ${Dn.horizontalPadding};
|
|
836
862
|
--ft-chip-internal-line-height: max(16px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
837
863
|
}
|
|
838
864
|
|
|
@@ -844,15 +870,15 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
844
870
|
cursor: default;
|
|
845
871
|
pointer-events: none;
|
|
846
872
|
filter: grayscale(1);
|
|
847
|
-
opacity: ${
|
|
873
|
+
opacity: ${K.opacityDisabled};
|
|
848
874
|
}
|
|
849
875
|
|
|
850
876
|
.ft-chip--highlighted {
|
|
851
877
|
border: none;
|
|
852
878
|
padding: var(--ft-chip-internal-vertical-padding) var(--ft-chip-internal-horizontal-padding);
|
|
853
|
-
background-color: ${
|
|
854
|
-
${(0,S.setVariable)(
|
|
855
|
-
color: ${
|
|
879
|
+
background-color: ${uo.backgroundColor};
|
|
880
|
+
${(0,S.setVariable)(N.color,uo.rippleColor)};
|
|
881
|
+
color: ${uo.color};
|
|
856
882
|
}
|
|
857
883
|
|
|
858
884
|
.ft-chip--clickable {
|
|
@@ -882,9 +908,9 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
882
908
|
}
|
|
883
909
|
|
|
884
910
|
.ft-chip--icon-button {
|
|
885
|
-
${(0,S.setVariable)(
|
|
886
|
-
${(0,S.setVariable)(
|
|
887
|
-
${(0,S.setVariable)(
|
|
911
|
+
${(0,S.setVariable)(I.iconSize,K.iconSize)};
|
|
912
|
+
${(0,S.setVariable)(I.horizontalPadding,"var(--ft-chip-internal-icon-padding)")};
|
|
913
|
+
${(0,S.setVariable)(I.verticalPadding,"var(--ft-chip-internal-icon-padding)")};
|
|
888
914
|
margin: calc((-1) * var(--ft-chip-internal-icon-padding));
|
|
889
915
|
}
|
|
890
916
|
|
|
@@ -892,8 +918,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
892
918
|
vertical-align: bottom;
|
|
893
919
|
display: block;
|
|
894
920
|
margin: 0 var(--ft-chip-internal-horizontal-padding);
|
|
895
|
-
${(0,S.setVariable)(
|
|
896
|
-
${(0,S.setVariable)(
|
|
921
|
+
${(0,S.setVariable)(yt.fontSize,"var(--ft-chip-internal-font-size)")};
|
|
922
|
+
${(0,S.setVariable)(yt.lineHeight,"var(--ft-chip-internal-content-height)")};
|
|
897
923
|
}
|
|
898
924
|
|
|
899
925
|
.ft-chip--safari-fix .ft-chip--label {
|
|
@@ -929,8 +955,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
929
955
|
.ft-chip:not(.ft-chip--trailing-icon) .ft-chip--icon-button {
|
|
930
956
|
order: -1;
|
|
931
957
|
}
|
|
932
|
-
`];var
|
|
933
|
-
<div class="${(0,
|
|
958
|
+
`];var it=function(e,o,n,i){var a=arguments.length,l=a<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,n):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(e,o,n,i);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(l=(a<3?c(l):a>3?c(o,n,l):c(o,n))||l);return a>3&&l&&Object.defineProperty(o,n,l),l},Ke=class extends CustomEvent{constructor(){super("icon-click")}},P=class extends Me.FtLitElement{constructor(){super(...arguments),this.highlighted=!1,this.removable=!1,this.disabled=!1,this.clickable=!1,this.iconClickable=!1,this.dense=!1,this.multiLine=!1,this.label="",this.iconLabel="",this.icon=void 0,this.trailingIcon=!1}render(){let o={"ft-chip":!0,"ft-chip--highlighted":this.highlighted,"ft-chip--disabled":this.disabled,"ft-chip--clickable":this.interactionsOnChip,"ft-chip--trailing-icon":this.trailingIcon||this.removable,"ft-chip--no-content":!this.hasTextContent(),"ft-chip--dense":this.dense,"ft-chip--multi-line":this.multiLine,"ft-chip--safari-fix":Me.isSafari};return Ze.html`
|
|
959
|
+
<div class="${(0,Zn.classMap)(o)}"
|
|
934
960
|
aria-label="${this.getLabel()}"
|
|
935
961
|
tabindex="${this.interactionsOnChip?0:-1}"
|
|
936
962
|
@keyup=${this.onKeyUp}
|
|
@@ -941,7 +967,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
941
967
|
</ft-typography>
|
|
942
968
|
${this.internalIcon?this.renderIcon():null}
|
|
943
969
|
</div>
|
|
944
|
-
`}get interactionsOnChip(){return this.clickable&&!this.disabled}get interactionsOnIcon(){return(this.iconClickable||this.removable)&&!this.disabled}renderIcon(){return this.interactionsOnIcon?
|
|
970
|
+
`}get interactionsOnChip(){return this.clickable&&!this.disabled}get interactionsOnIcon(){return(this.iconClickable||this.removable)&&!this.disabled}renderIcon(){return this.interactionsOnIcon?Ze.html`
|
|
945
971
|
<ft-button round
|
|
946
972
|
class="ft-chip--icon-button"
|
|
947
973
|
@click=${this.onIconClick}
|
|
@@ -950,11 +976,141 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
950
976
|
label="${this.iconLabel}"
|
|
951
977
|
part="icon-button"
|
|
952
978
|
></ft-button>
|
|
953
|
-
`:
|
|
979
|
+
`:Ze.html`
|
|
954
980
|
<div class="ft-chip--icon-container ft-no-text-select" part="icon-container">
|
|
955
981
|
<ft-icon .variant=${this.iconVariant} .value="${this.internalIcon}" part="icon"></ft-icon>
|
|
956
982
|
</div>
|
|
957
|
-
`}onKeyUp(o){this.interactionsOnChip&&["Enter"," "].includes(o.key)&&o.target.click()}onIconKeyUp(o){this.interactionsOnIcon&&["Enter"," "].includes(o.key)&&(o.stopPropagation(),this.dispatchEvent(new
|
|
983
|
+
`}onKeyUp(o){this.interactionsOnChip&&["Enter"," "].includes(o.key)&&o.target.click()}onIconKeyUp(o){this.interactionsOnIcon&&["Enter"," "].includes(o.key)&&(o.stopPropagation(),this.dispatchEvent(new Ke))}onIconClick(o){this.interactionsOnIcon&&(o.stopPropagation(),this.dispatchEvent(new Ke))}getLabel(){return this.label||this.textContent}get textContent(){var o,n;return(n=(o=this.slottedContent)===null||o===void 0?void 0:o.assignedNodes().map(i=>i.textContent).join("").trim())!==null&&n!==void 0?n:""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"close":void 0)}};P.elementDefinitions={"ft-ripple":A,"ft-typography":X,"ft-icon":V,"ft-button":ft};P.styles=Gn;it([(0,Q.property)({type:Boolean})],P.prototype,"highlighted",void 0);it([(0,Q.property)({type:Boolean})],P.prototype,"removable",void 0);it([(0,Q.property)({type:Boolean})],P.prototype,"disabled",void 0);it([(0,Q.property)({type:Boolean})],P.prototype,"clickable",void 0);it([(0,Q.property)({type:Boolean})],P.prototype,"iconClickable",void 0);it([(0,Q.property)({type:Boolean})],P.prototype,"dense",void 0);it([(0,Q.property)({type:Boolean})],P.prototype,"multiLine",void 0);it([(0,Q.property)()],P.prototype,"label",void 0);it([(0,Q.property)()],P.prototype,"iconLabel",void 0);it([(0,Q.property)()],P.prototype,"icon",void 0);it([(0,Q.property)()],P.prototype,"iconVariant",void 0);it([(0,Q.property)({type:Boolean})],P.prototype,"trailingIcon",void 0);it([(0,Q.query)("ft-typography slot")],P.prototype,"slottedContent",void 0);var Dt=u(B()),Gt=u(pt()),Fn=u(Zt()),Fe=u(R());var Kn=u(B());var yo=u(R());var Mn=[Kn.css`
|
|
984
|
+
:host {
|
|
985
|
+
display: inline-block;
|
|
986
|
+
max-width: 100%;
|
|
987
|
+
pointer-events: none;
|
|
988
|
+
}
|
|
989
|
+
|
|
990
|
+
.ftds-chip {
|
|
991
|
+
display: flex;
|
|
992
|
+
align-items: center;
|
|
993
|
+
}
|
|
994
|
+
|
|
995
|
+
.ftds-chip ft-typography {
|
|
996
|
+
display: flex; /* For typo alignment in the chip */
|
|
997
|
+
}
|
|
998
|
+
|
|
999
|
+
/* MEDIUM VARIANT */
|
|
1000
|
+
.ftds--size-medium {
|
|
1001
|
+
min-height: ${v.mediumMinHeight};
|
|
1002
|
+
padding: 0 ${v.mediumHorizontalPadding};
|
|
1003
|
+
border-radius: ${v.mediumBorderRadius};
|
|
1004
|
+
border-width: ${v.mediumBorderWidth};
|
|
1005
|
+
border-style: solid;
|
|
1006
|
+
gap: ${v.mediumGap};
|
|
1007
|
+
${(0,yo.setVariable)(_.size,v.mediumIconSize)}
|
|
1008
|
+
}
|
|
1009
|
+
|
|
1010
|
+
.ftds--size-medium.ftds-chip--removable {
|
|
1011
|
+
padding-right: ${v.mediumButtonRightPadding};
|
|
1012
|
+
}
|
|
1013
|
+
|
|
1014
|
+
|
|
1015
|
+
/* LARGE VARIANT */
|
|
1016
|
+
.ftds--size-large {
|
|
1017
|
+
min-height: ${v.largeMinHeight};
|
|
1018
|
+
padding: 0 ${v.largeHorizontalPadding};
|
|
1019
|
+
border-radius: ${v.largeBorderRadius};
|
|
1020
|
+
border-width: ${v.largeBorderWidth};
|
|
1021
|
+
border-style: solid;
|
|
1022
|
+
gap: ${v.largeGap};
|
|
1023
|
+
${(0,yo.setVariable)(_.size,v.largeIconSize)}
|
|
1024
|
+
}
|
|
1025
|
+
|
|
1026
|
+
.ftds--size-large.ftds-chip--removable {
|
|
1027
|
+
padding-right: ${v.largeButtonRightPadding};
|
|
1028
|
+
}
|
|
1029
|
+
|
|
1030
|
+
|
|
1031
|
+
/* NEUTRAL COLORS */
|
|
1032
|
+
.ftds--family-neutral {
|
|
1033
|
+
background-color: ${v.neutralBackgroundColor};
|
|
1034
|
+
border-color: ${v.neutralBorderColor};
|
|
1035
|
+
color: ${v.neutralColor};
|
|
1036
|
+
}
|
|
1037
|
+
|
|
1038
|
+
.ftds--family-neutral .ftds-chip--icon-container {
|
|
1039
|
+
color: ${v.neutralIconColor};
|
|
1040
|
+
}
|
|
1041
|
+
|
|
1042
|
+
|
|
1043
|
+
/* INFO COLORS */
|
|
1044
|
+
.ftds--family-info {
|
|
1045
|
+
background-color: ${v.infoBackgroundColor};
|
|
1046
|
+
border-color: ${v.infoBorderColor};
|
|
1047
|
+
color: ${v.infoColor};
|
|
1048
|
+
}
|
|
1049
|
+
|
|
1050
|
+
.ftds--family-info .ftds-chip--icon-container {
|
|
1051
|
+
color: ${v.infoIconColor};
|
|
1052
|
+
}
|
|
1053
|
+
|
|
1054
|
+
|
|
1055
|
+
/* SUCCESS COLORS */
|
|
1056
|
+
.ftds--family-success {
|
|
1057
|
+
background-color: ${v.successBackgroundColor};
|
|
1058
|
+
border-color: ${v.successBorderColor};
|
|
1059
|
+
color: ${v.successColor};
|
|
1060
|
+
}
|
|
1061
|
+
|
|
1062
|
+
.ftds--family-success .ftds-chip--icon-container {
|
|
1063
|
+
color: ${v.successIconColor};
|
|
1064
|
+
}
|
|
1065
|
+
|
|
1066
|
+
|
|
1067
|
+
/* WARNING COLORS */
|
|
1068
|
+
.ftds--family-warning {
|
|
1069
|
+
background-color: ${v.warningBackgroundColor};
|
|
1070
|
+
border-color: ${v.warningBorderColor};
|
|
1071
|
+
color: ${v.warningColor};
|
|
1072
|
+
}
|
|
1073
|
+
|
|
1074
|
+
.ftds--family-warning .ftds-chip--icon-container {
|
|
1075
|
+
color: ${v.warningIconColor};
|
|
1076
|
+
}
|
|
1077
|
+
|
|
1078
|
+
|
|
1079
|
+
/* ERROR COLORS */
|
|
1080
|
+
.ftds--family-error {
|
|
1081
|
+
background-color: ${v.errorBackgroundColor};
|
|
1082
|
+
border-color: ${v.errorBorderColor};
|
|
1083
|
+
color: ${v.errorColor};
|
|
1084
|
+
}
|
|
1085
|
+
|
|
1086
|
+
.ftds--family-error .ftds-chip--icon-container {
|
|
1087
|
+
color: ${v.errorIconColor};
|
|
1088
|
+
}
|
|
1089
|
+
`];var Ee=function(e,o,n,i){var a=arguments.length,l=a<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,n):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(e,o,n,i);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(l=(a<3?c(l):a>3?c(o,n,l):c(o,n))||l);return a>3&&l&&Object.defineProperty(o,n,l),l},bo=class extends CustomEvent{constructor(){super("remove")}},ht=class extends Fe.FtdsBase{constructor(){super(...arguments),this.removable=!1,this.removeButtonLabel="Remove",this.label=""}render(){let o={"ftds-chip":!0,"ftds-chip--removable":this.removable,"ftds-chip--with-icon":!!this.icon,...this.getDesignSystemBaseClasses()};return Dt.html`
|
|
1090
|
+
<div class="${(0,Fn.classMap)(o)}"
|
|
1091
|
+
aria-label="${this.getLabel()}"
|
|
1092
|
+
part="chip">
|
|
1093
|
+
${this.renderIcon()}
|
|
1094
|
+
<ft-typography variant=${this.typographyVariant()} element="span" class="ftds-chip--label" part="label">
|
|
1095
|
+
<slot @slotchange=${this.onSlotchange}></slot>
|
|
1096
|
+
</ft-typography>
|
|
1097
|
+
${this.renderRemoveButton()}
|
|
1098
|
+
</div>
|
|
1099
|
+
`}renderIcon(){return this.icon?Dt.html`
|
|
1100
|
+
<div class="ftds-chip--icon-container" part="icon-container">
|
|
1101
|
+
<ft-icon .variant=${ct.fluid_topics} .value="${this.icon}" part="icon"></ft-icon>
|
|
1102
|
+
</div>
|
|
1103
|
+
`:Dt.nothing}renderRemoveButton(){return this.removable?Dt.html`
|
|
1104
|
+
<ftds-button round
|
|
1105
|
+
class="ftds-chip--remove-button"
|
|
1106
|
+
@click=${this.dispatchRemoveEvent}
|
|
1107
|
+
icon=${te.X_MARK}
|
|
1108
|
+
label=${this.removeButtonLabel}
|
|
1109
|
+
family=${Fe.DesignSystemFamily.neutral}
|
|
1110
|
+
size=${this.resolveButtonSize()}
|
|
1111
|
+
part="icon-button"
|
|
1112
|
+
></ftds-button>
|
|
1113
|
+
`:Dt.nothing}resolveButtonSize(){switch(this.size){case Y.large:return Y.medium;case Y.medium:case Y.small:return Y.small}}getLabel(){return this.label||this.textContent}get textContent(){var o,n;return(n=(o=this.slottedContent)===null||o===void 0?void 0:o.assignedNodes().map(i=>i.textContent).join("").trim())!==null&&n!==void 0?n:""}onSlotchange(){this.requestUpdate()}dispatchRemoveEvent(){this.dispatchEvent(new bo)}typographyVariant(){switch(this.size){case Y.large:return at.body2medium;case Y.medium:return at.caption1medium;case Y.small:return at.caption2medium}}};ht.elementDefinitions={"ft-typography":X,"ft-icon":V,"ftds-button":gt};ht.styles=Mn;Ee([(0,Gt.property)({type:Boolean})],ht.prototype,"removable",void 0);Ee([(0,Gt.property)()],ht.prototype,"removeButtonLabel",void 0);Ee([(0,Gt.property)()],ht.prototype,"label",void 0);Ee([(0,Gt.property)()],ht.prototype,"icon",void 0);Ee([(0,Gt.query)("ft-typography slot")],ht.prototype,"slottedContent",void 0);(0,xo.customElement)("ft-chip")(P);(0,xo.customElement)("ftds-chip")(ht);var Vn=u(B()),$=u(R());var mt={zIndex:$.FtCssVariableFactory.create("--ft-file-drop-z-index","","NUMBER","10"),hintBackgroundColor:$.FtCssVariableFactory.extend("--ft-file-drop-hint-background-color","",$.designSystemVariables.colorSurface),hintColor:$.FtCssVariableFactory.extend("--ft-file-drop-hint-color","",$.designSystemVariables.colorPrimary),errorColor:$.FtCssVariableFactory.extend("--ft-file-drop-error-color","",$.designSystemVariables.colorError),borderRadius:$.FtCssVariableFactory.extend("--ft-file-drop-border-radius","",$.designSystemVariables.borderRadiusL),borderWidth:$.FtCssVariableFactory.create("--ft-file-drop-border-width","","SIZE","4px"),borderColor:$.FtCssVariableFactory.create("--ft-file-drop-border-color","","COLOR","transparent"),visibleBorderColor:$.FtCssVariableFactory.extend("--ft-file-drop-visible-border-color","",$.designSystemVariables.colorOutline),activeBorderColor:$.FtCssVariableFactory.extend("--ft-file-drop-active-border-color","",$.designSystemVariables.colorPrimary)},jn=Vn.css`
|
|
958
1114
|
:host {
|
|
959
1115
|
display: block;
|
|
960
1116
|
position: relative;
|
|
@@ -963,16 +1119,16 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
963
1119
|
#container {
|
|
964
1120
|
position: absolute;
|
|
965
1121
|
inset: 0;
|
|
966
|
-
border: dashed ${
|
|
967
|
-
border-radius: ${
|
|
1122
|
+
border: dashed ${mt.borderWidth} ${mt.borderColor};
|
|
1123
|
+
border-radius: ${mt.borderRadius};
|
|
968
1124
|
}
|
|
969
1125
|
|
|
970
1126
|
#container.visible {
|
|
971
|
-
border-color: ${
|
|
1127
|
+
border-color: ${mt.visibleBorderColor}
|
|
972
1128
|
}
|
|
973
1129
|
|
|
974
1130
|
#container.dragging {
|
|
975
|
-
border-color: ${
|
|
1131
|
+
border-color: ${mt.activeBorderColor}
|
|
976
1132
|
}
|
|
977
1133
|
|
|
978
1134
|
slot {
|
|
@@ -986,7 +1142,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
986
1142
|
display: none;
|
|
987
1143
|
position: absolute;
|
|
988
1144
|
inset: 0;
|
|
989
|
-
z-index: ${
|
|
1145
|
+
z-index: ${mt.zIndex};
|
|
990
1146
|
}
|
|
991
1147
|
|
|
992
1148
|
#container.dragging #overlay {
|
|
@@ -997,9 +1153,9 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
997
1153
|
z-index: 1;
|
|
998
1154
|
position: absolute;
|
|
999
1155
|
inset: 0;
|
|
1000
|
-
background-color: ${
|
|
1156
|
+
background-color: ${mt.activeBorderColor};
|
|
1001
1157
|
opacity: 0.20;
|
|
1002
|
-
border-radius: ${
|
|
1158
|
+
border-radius: ${mt.borderRadius};
|
|
1003
1159
|
}
|
|
1004
1160
|
|
|
1005
1161
|
#overlay-drop {
|
|
@@ -1019,22 +1175,22 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1019
1175
|
|
|
1020
1176
|
#overlay-content ft-chip {
|
|
1021
1177
|
margin-bottom: 10%;
|
|
1022
|
-
${(0
|
|
1023
|
-
${(0
|
|
1024
|
-
${(0
|
|
1178
|
+
${(0,$.setVariable)(K.color,mt.hintColor)};
|
|
1179
|
+
${(0,$.setVariable)(K.iconSize,"32px")};
|
|
1180
|
+
${(0,$.setVariable)(K.colorOutline,"transparent")};
|
|
1025
1181
|
}
|
|
1026
1182
|
|
|
1027
1183
|
#overlay-content xft-chip[icon=error] {
|
|
1028
|
-
${(0
|
|
1029
|
-
${(0
|
|
1184
|
+
${(0,$.setVariable)(K.color,mt.errorColor)};
|
|
1185
|
+
${(0,$.setVariable)(K.backgroundColor,mt.hintBackgroundColor)};
|
|
1030
1186
|
}
|
|
1031
1187
|
|
|
1032
1188
|
[hidden] {
|
|
1033
1189
|
display: none;
|
|
1034
1190
|
}
|
|
1035
|
-
`;var
|
|
1191
|
+
`;var le=function(e,o,n,i){var a=arguments.length,l=a<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,n):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(e,o,n,i);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(l=(a<3?c(l):a>3?c(o,n,l):c(o,n))||l);return a>3&&l&&Object.defineProperty(o,n,l),l},Oo=class extends CustomEvent{constructor(o){super("file-drop",{detail:{file:o}})}},st=class extends Xn.FtLitElement{constructor(){super(...arguments),this.dropHint="Drop your file here",this.accept="",this.fileTypeError="Unsupported file type",this.visible=!1,this.dragging=!1,this.fileError=!1}render(){let o={dragging:this.dragging,visible:this.visible};return Yn.html`
|
|
1036
1192
|
<div id="container"
|
|
1037
|
-
class="${(0,
|
|
1193
|
+
class="${(0,qn.classMap)(o)}"
|
|
1038
1194
|
@dragenter=${this.onDragEnter}
|
|
1039
1195
|
@dragover=${this.onDragOver}
|
|
1040
1196
|
@drop=${this.onDrop}>
|
|
@@ -1050,7 +1206,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1050
1206
|
</div>
|
|
1051
1207
|
<slot></slot>
|
|
1052
1208
|
</div>
|
|
1053
|
-
`}onDragEnter(o){this.dragging=!0,o.preventDefault()}onDragOver(o){o.preventDefault()}onDragLeave(o){this.dragging=!1,o.preventDefault()}async onDrop(o){if(o.preventDefault(),o.dataTransfer&&o.dataTransfer.files){let n=o.dataTransfer.files[0];
|
|
1209
|
+
`}onDragEnter(o){this.dragging=!0,o.preventDefault()}onDragOver(o){o.preventDefault()}onDragLeave(o){this.dragging=!1,o.preventDefault()}async onDrop(o){if(o.preventDefault(),o.dataTransfer&&o.dataTransfer.files){let n=o.dataTransfer.files[0];Ao(this.accept,n.name,n.type)?(this.dragging=!1,this.dispatchEvent(new Oo(n))):(this.fileError=!0,setTimeout(()=>{this.dragging=!1,this.fileError=!1},2e3))}}};st.elementDefinitions={"ft-chip":P};st.styles=jn;le([(0,Bt.property)()],st.prototype,"dropHint",void 0);le([(0,Bt.property)()],st.prototype,"accept",void 0);le([(0,Bt.property)()],st.prototype,"fileTypeError",void 0);le([(0,Bt.property)({type:Boolean})],st.prototype,"visible",void 0);le([(0,Bt.state)()],st.prototype,"dragging",void 0);le([(0,Bt.state)()],st.prototype,"fileError",void 0);(0,Jn.customElement)("ft-file-drop")(st);})();
|
|
1054
1210
|
/*! Bundled license information:
|
|
1055
1211
|
|
|
1056
1212
|
lit-html/lit-html.js:
|