@fluid-topics/ft-input-label 1.0.59 → 1.0.60

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.
Files changed (4) hide show
  1. package/build/ft-input-label.css.js +9 -9
  2. package/build/ft-input-label.light.js +102 -95
  3. package/build/ft-input-label.min.js +116 -109
  4. package/package.json +4 -4
package/build/ft-input-label.css.js CHANGED
@@ -2,15 +2,15 @@ import { css } from "lit";
2
2
  import { designSystemVariables, FtCssVariableFactory, setVariable } from "@fluid-topics/ft-wc-utils";
3
3
  import { FtTypographyCaptionCssVariables } from "@fluid-topics/ft-typography/build/ft-typography.css";
4
4
  export const FtInputLabelCssVariables = {
5
- fontSize: FtCssVariableFactory.create("--ft-input-label-font-size", "SIZE", "14px"),
6
- raisedFontSize: FtCssVariableFactory.create("--ft-input-label-raised-font-size", "SIZE", "11px"),
7
- raisedZIndex: FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index", "NUMBER", "2"),
8
- verticalSpacing: FtCssVariableFactory.create("--ft-input-label-vertical-spacing", "SIZE", "4px"),
9
- horizontalSpacing: FtCssVariableFactory.create("--ft-input-label-horizontal-spacing", "SIZE", "12px"),
10
- labelMaxWidth: FtCssVariableFactory.create("--ft-input-label-max-width", "SIZE", "100%"),
11
- borderColor: FtCssVariableFactory.extend("--ft-input-label-border-color", designSystemVariables.colorOutline),
12
- textColor: FtCssVariableFactory.extend("--ft-input-label-text-color", designSystemVariables.colorOnSurfaceMedium),
13
- disabledTextColor: FtCssVariableFactory.extend("--ft-input-label-disabled-text-color", designSystemVariables.colorOnSurfaceDisabled),
5
+ fontSize: FtCssVariableFactory.create("--ft-input-label-font-size", "", "SIZE", "14px"),
6
+ raisedFontSize: FtCssVariableFactory.create("--ft-input-label-raised-font-size", "", "SIZE", "11px"),
7
+ raisedZIndex: FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index", "", "NUMBER", "2"),
8
+ verticalSpacing: FtCssVariableFactory.create("--ft-input-label-vertical-spacing", "", "SIZE", "4px"),
9
+ horizontalSpacing: FtCssVariableFactory.create("--ft-input-label-horizontal-spacing", "", "SIZE", "12px"),
10
+ labelMaxWidth: FtCssVariableFactory.create("--ft-input-label-max-width", "", "SIZE", "100%"),
11
+ borderColor: FtCssVariableFactory.extend("--ft-input-label-border-color", "", designSystemVariables.colorOutline),
12
+ textColor: FtCssVariableFactory.extend("--ft-input-label-text-color", "", designSystemVariables.colorOnSurfaceMedium),
13
+ disabledTextColor: FtCssVariableFactory.extend("--ft-input-label-disabled-text-color", "", designSystemVariables.colorOnSurfaceDisabled),
14
14
  colorSurface: FtCssVariableFactory.external(designSystemVariables.colorSurface, "Design system"),
15
15
  borderRadiusS: FtCssVariableFactory.external(designSystemVariables.borderRadiusS, "Design system"),
16
16
  colorError: FtCssVariableFactory.external(designSystemVariables.colorError, "Design system"),
package/build/ft-input-label.light.js CHANGED
@@ -1,59 +1,59 @@
1
- !function(t,e,i,o,r){const n=e.FtCssVariableFactory.extend("--ft-typography-font-family",e.designSystemVariables.titleFont),p=e.FtCssVariableFactory.extend("--ft-typography-font-family",e.designSystemVariables.contentFont),a={fontFamily:p,fontSize:e.FtCssVariableFactory.create("--ft-typography-font-size","SIZE","16px"),fontWeight:e.FtCssVariableFactory.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:e.FtCssVariableFactory.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:e.FtCssVariableFactory.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:e.FtCssVariableFactory.create("--ft-typography-text-transform","UNKNOWN","inherit")},l=e.FtCssVariableFactory.extend("--ft-typography-title-font-family",n),f=e.FtCssVariableFactory.extend("--ft-typography-title-font-size",a.fontSize,"20px"),y=e.FtCssVariableFactory.extend("--ft-typography-title-font-weight",a.fontWeight,"normal"),h=e.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing",a.letterSpacing,"0.15px"),s=e.FtCssVariableFactory.extend("--ft-typography-title-line-height",a.lineHeight,"1.2"),g=e.FtCssVariableFactory.extend("--ft-typography-title-text-transform",a.textTransform,"inherit"),b=e.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family",n),d=e.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size",a.fontSize,"14px"),u=e.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight",a.fontWeight,"normal"),x=e.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing",a.letterSpacing,"0.105px"),c=e.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height",a.lineHeight,"1.7"),$=e.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform",a.textTransform,"inherit"),m=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family",p),w=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size",a.fontSize,"16px"),z=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight",a.fontWeight,"600"),v=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing",a.letterSpacing,"0.144px"),S=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height",a.lineHeight,"1.5"),E=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform",a.textTransform,"inherit"),I=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family",p),N=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size",a.fontSize,"14px"),Z=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight",a.fontWeight,"normal"),B=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing",a.letterSpacing,"0.098px"),k=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height",a.lineHeight,"1.7"),W=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform",a.textTransform,"inherit"),G=e.FtCssVariableFactory.extend("--ft-typography-body1-font-family",p),O=e.FtCssVariableFactory.extend("--ft-typography-body1-font-size",a.fontSize,"16px"),U=e.FtCssVariableFactory.extend("--ft-typography-body1-font-weight",a.fontWeight,"normal"),C=e.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing",a.letterSpacing,"0.496px"),D=e.FtCssVariableFactory.extend("--ft-typography-body1-line-height",a.lineHeight,"1.5"),F=e.FtCssVariableFactory.extend("--ft-typography-body1-text-transform",a.textTransform,"inherit"),M=e.FtCssVariableFactory.extend("--ft-typography-body2-font-family",p),R=e.FtCssVariableFactory.extend("--ft-typography-body2-font-size",a.fontSize,"14px"),T=e.FtCssVariableFactory.extend("--ft-typography-body2-font-weight",a.fontWeight,"normal"),j=e.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing",a.letterSpacing,"0.252px"),H=e.FtCssVariableFactory.extend("--ft-typography-body2-line-height",a.lineHeight,"1.4"),K=e.FtCssVariableFactory.extend("--ft-typography-body2-text-transform",a.textTransform,"inherit"),q={fontFamily:e.FtCssVariableFactory.extend("--ft-typography-caption-font-family",p),fontSize:e.FtCssVariableFactory.extend("--ft-typography-caption-font-size",a.fontSize,"12px"),fontWeight:e.FtCssVariableFactory.extend("--ft-typography-caption-font-weight",a.fontWeight,"normal"),letterSpacing:e.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing",a.letterSpacing,"0.396px"),lineHeight:e.FtCssVariableFactory.extend("--ft-typography-caption-line-height",a.lineHeight,"1.33"),textTransform:e.FtCssVariableFactory.extend("--ft-typography-caption-text-transform",a.textTransform,"inherit")},A=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family",p),J=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size",a.fontSize,"10px"),L=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight",a.fontWeight,"normal"),P=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing",a.letterSpacing,"0.33px"),Q=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height",a.lineHeight,"1.6"),V=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform",a.textTransform,"inherit"),X=e.FtCssVariableFactory.extend("--ft-typography-overline-font-family",p),Y=e.FtCssVariableFactory.extend("--ft-typography-overline-font-size",a.fontSize,"10px"),_=e.FtCssVariableFactory.extend("--ft-typography-overline-font-weight",a.fontWeight,"normal"),tt=e.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing",a.letterSpacing,"1.5px"),et=e.FtCssVariableFactory.extend("--ft-typography-overline-line-height",a.lineHeight,"1.6"),it=e.FtCssVariableFactory.extend("--ft-typography-overline-text-transform",a.textTransform,"uppercase"),ot=e.FtCssVariableFactory.extend("--ft-typography-button-font-family",p),rt=e.FtCssVariableFactory.extend("--ft-typography-button-font-size",a.fontSize,"14px"),nt=e.FtCssVariableFactory.extend("--ft-typography-button-font-weight",a.fontWeight,"600"),pt=e.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing",a.letterSpacing,"1.246px"),at=e.FtCssVariableFactory.extend("--ft-typography-button-line-height",a.lineHeight,"1.15"),lt=e.FtCssVariableFactory.extend("--ft-typography-button-text-transform",a.textTransform,"uppercase");i.css`
1
+ !function(t,o,r,a,e){const n=t=>"string"==typeof t?r.unsafeCSS(t):t;class i{static create(t,o,a,e){const i=t=>n(null!=t?t:e),l=r.css`var(${n(t)}, ${i(e)})`;return l.name=t,l.description=t,l.category=a,l.defaultValue=e,l.defaultCssValue=i,l.get=o=>r.css`var(${n(t)}, ${i(o)})`,l.breadcrumb=()=>[],l.lastResortDefaultValue=()=>e,l}static extend(t,o,a,e){const i=t=>a.get(null!=t?t:e),l=r.css`var(${n(t)}, ${i(e)})`;return l.name=t,l.description=o,l.category=a.category,l.fallbackVariable=a,l.defaultValue=e,l.defaultCssValue=i,l.get=o=>r.css`var(${n(t)}, ${i(o)})`,l.breadcrumb=()=>[a.name,...a.breadcrumb()],l.lastResortDefaultValue=()=>null!=e?e:a.lastResortDefaultValue(),l}static external(t,o){const a=o=>t.fallbackVariable?t.fallbackVariable.get(null!=o?o:t.defaultValue):n(null!=o?o:t.lastResortDefaultValue()),e=r.css`var(${n(t.name)}, ${a(t.defaultValue)})`;return e.name=t.name,e.category=t.category,e.fallbackVariable=t.fallbackVariable,e.defaultValue=t.defaultValue,e.context=o,e.defaultCssValue=a,e.get=o=>r.css`var(${n(t.name)}, ${a(o)})`,e.breadcrumb=()=>t.fallbackVariable?[t.fallbackVariable.name,...t.fallbackVariable.breadcrumb()]:[],e.lastResortDefaultValue=()=>t.lastResortDefaultValue(),e}}const l={colorWhite:i.create("--ft-color-white","","COLOR","#ffffff"),colorGray0:i.create("--ft-color-gray-0","","COLOR","#71718e"),colorGray10:i.create("--ft-color-gray-10","","COLOR","#fbfbfc"),colorGray20:i.create("--ft-color-gray-20","","COLOR","#f2f2f5"),colorGray30:i.create("--ft-color-gray-30","","COLOR","#e9e9ed"),colorGray40:i.create("--ft-color-gray-40","","COLOR","#e0e0e6"),colorGray50:i.create("--ft-color-gray-50","","COLOR","#cdcdd7"),colorGray60:i.create("--ft-color-gray-60","","COLOR","#bbbbc9"),colorGray70:i.create("--ft-color-gray-70","","COLOR","#a8a8ba"),colorGray80:i.create("--ft-color-gray-80","","COLOR","#9696ab"),colorGray90:i.create("--ft-color-gray-90","","COLOR","#83839d"),colorGray100:i.create("--ft-color-gray-100","","COLOR","#62627c"),colorGray200:i.create("--ft-color-gray-200","","COLOR","#545469"),colorGray300:i.create("--ft-color-gray-300","","COLOR","#454557"),colorGray400:i.create("--ft-color-gray-400","","COLOR","#363644"),colorGray500:i.create("--ft-color-gray-500","","COLOR","#282832"),colorGray600:i.create("--ft-color-gray-600","","COLOR","#19191f"),colorGray700:i.create("--ft-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:i.create("--ft-color-brand-0","","COLOR","#9d207b"),colorBrand10:i.create("--ft-color-brand-10","","COLOR","#f7edf4"),colorBrand20:i.create("--ft-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:i.create("--ft-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:i.create("--ft-color-brand-40","","COLOR","#d395c2"),colorBrand50:i.create("--ft-color-brand-50","","COLOR","#c778b1"),colorBrand60:i.create("--ft-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:i.create("--ft-color-brand-70","","COLOR","#ae3e90"),colorBrand100:i.create("--ft-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:i.create("--ft-color-brand-200","","COLOR","#78185e"),colorBrand300:i.create("--ft-color-brand-300","","COLOR","#62144d"),colorBrand400:i.create("--ft-color-brand-400","","COLOR","#4d103c"),colorBrand500:i.create("--ft-color-brand-500","","COLOR","#380b2c"),colorBrand600:i.create("--ft-color-brand-600","","COLOR","#23071b"),colorBrand700:i.create("--ft-color-brand-700","","COLOR","#0d030b"),colorCyan0:i.create("--ft-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:i.create("--ft-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:i.create("--ft-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:i.create("--ft-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:i.create("--ft-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:i.create("--ft-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:i.create("--ft-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:i.create("--ft-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:i.create("--ft-color-cyan-100","","COLOR","#0c849c"),colorCyan200:i.create("--ft-color-cyan-200","","COLOR","#0a7085"),colorCyan300:i.create("--ft-color-cyan-300","","COLOR","#085c6d"),colorCyan400:i.create("--ft-color-cyan-400","","COLOR","#074856"),colorCyan500:i.create("--ft-color-cyan-500","","COLOR","#05343e"),colorCyan600:i.create("--ft-color-cyan-600","","COLOR","#032127"),colorCyan700:i.create("--ft-color-cyan-700","","COLOR","#010d0f"),colorGreen0:i.create("--ft-color-green-0","","COLOR","#21a274"),colorGreen10:i.create("--ft-color-green-10","","COLOR","#edf7f3"),colorGreen20:i.create("--ft-color-green-20","","COLOR","#cfebe1"),colorGreen30:i.create("--ft-color-green-30","","COLOR","#b2dfcf"),colorGreen40:i.create("--ft-color-green-40","","COLOR","#95d3bd"),colorGreen50:i.create("--ft-color-green-50","","COLOR","#78c7ab"),colorGreen60:i.create("--ft-color-green-60","","COLOR","#5bba98"),colorGreen70:i.create("--ft-color-green-70","","COLOR","#3eae86"),colorGreen100:i.create("--ft-color-green-100","","COLOR","#1d8d65"),colorGreen200:i.create("--ft-color-green-200","","COLOR","#187856"),colorGreen300:i.create("--ft-color-green-300","","COLOR","#146246"),colorGreen400:i.create("--ft-color-green-400","","COLOR","#104d37"),colorGreen500:i.create("--ft-color-green-500","","COLOR","#0b3828"),colorGreen600:i.create("--ft-color-green-600","","COLOR","#072319"),colorGreen700:i.create("--ft-color-green-700","","COLOR","#030d0a"),colorOrange0:i.create("--ft-color-orange-0","","COLOR","#ee8d17"),colorOrange10:i.create("--ft-color-orange-10","","COLOR","#fef6ec"),colorOrange20:i.create("--ft-color-orange-20","","COLOR","#fbe7cd"),colorOrange30:i.create("--ft-color-orange-30","","COLOR","#f9d8af"),colorOrange40:i.create("--ft-color-orange-40","","COLOR","#f7c991"),colorOrange50:i.create("--ft-color-orange-50","","COLOR","#f5ba72"),colorOrange60:i.create("--ft-color-orange-60","","COLOR","#f2ab54"),colorOrange70:i.create("--ft-color-orange-70","","COLOR","#f09c35"),colorOrange100:i.create("--ft-color-orange-100","","COLOR","#cf7b14"),colorOrange200:i.create("--ft-color-orange-200","","COLOR","#b06811"),colorOrange300:i.create("--ft-color-orange-300","","COLOR","#90560e"),colorOrange400:i.create("--ft-color-orange-400","","COLOR","#71430b"),colorOrange500:i.create("--ft-color-orange-500","","COLOR","#523108"),colorOrange600:i.create("--ft-color-orange-600","","COLOR","#331e05"),colorOrange700:i.create("--ft-color-orange-700","","COLOR","#140c02"),colorRed0:i.create("--ft-color-red-0","","COLOR","#b40e2c"),colorRed10:i.create("--ft-color-red-10","","COLOR","#f9ebed"),colorRed20:i.create("--ft-color-red-20","","COLOR","#efcbd2"),colorRed30:i.create("--ft-color-red-30","","COLOR","#e5acb6"),colorRed40:i.create("--ft-color-red-40","","COLOR","#db8c9b"),colorRed50:i.create("--ft-color-red-50","","COLOR","#d16d7f"),colorRed60:i.create("--ft-color-red-60","","COLOR","#c84d63"),colorRed70:i.create("--ft-color-red-70","","COLOR","#be2e48"),colorRed100:i.create("--ft-color-red-100","","COLOR","#9c0c26"),colorRed200:i.create("--ft-color-red-200","","COLOR","#850a20"),colorRed300:i.create("--ft-color-red-300","","COLOR","#6d081b"),colorRed400:i.create("--ft-color-red-400","","COLOR","#560715"),colorRed500:i.create("--ft-color-red-500","","COLOR","#3e050f"),colorRed600:i.create("--ft-color-red-600","","COLOR","#270309"),colorRed700:i.create("--ft-color-red-700","","COLOR","#0f0104"),colorYellow0:i.create("--ft-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:i.create("--ft-color-yellow-10","","COLOR","#fefae9"),colorYellow20:i.create("--ft-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:i.create("--ft-color-yellow-30","","COLOR","#faedaa"),colorYellow40:i.create("--ft-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:i.create("--ft-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:i.create("--ft-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:i.create("--ft-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:i.create("--ft-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:i.create("--ft-color-yellow-200","","COLOR","#b3970a"),colorYellow300:i.create("--ft-color-yellow-300","","COLOR","#947c08"),colorYellow400:i.create("--ft-color-yellow-400","","COLOR","#746206"),colorYellow500:i.create("--ft-color-yellow-500","","COLOR","#554705"),colorYellow600:i.create("--ft-color-yellow-600","","COLOR","#352d03"),colorYellow700:i.create("--ft-color-yellow-700","","COLOR","#161201"),colorUltramarine0:i.create("--ft-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:i.create("--ft-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:i.create("--ft-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:i.create("--ft-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:i.create("--ft-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:i.create("--ft-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:i.create("--ft-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:i.create("--ft-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:i.create("--ft-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:i.create("--ft-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:i.create("--ft-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:i.create("--ft-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:i.create("--ft-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:i.create("--ft-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:i.create("--ft-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:i.create("--ft-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:i.create("--ft-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:i.create("--ft-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:i.create("--ft-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:i.create("--ft-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:i.create("--ft-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:i.create("--ft-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:i.create("--ft-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:i.create("--ft-color-avocado-100","","COLOR","#84A423"),colorAvocado200:i.create("--ft-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:i.create("--ft-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:i.create("--ft-color-avocado-400","","COLOR","#495B13"),colorAvocado500:i.create("--ft-color-avocado-500","","COLOR","#35420E"),colorAvocado600:i.create("--ft-color-avocado-600","","COLOR","#212A09"),colorAvocado700:i.create("--ft-color-avocado-700","","COLOR","#0E1104"),colorBrown0:i.create("--ft-color-brown-0","","COLOR","#B26F4D"),colorBrown10:i.create("--ft-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:i.create("--ft-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:i.create("--ft-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:i.create("--ft-color-brown-40","","COLOR","#DABAAA"),colorBrown50:i.create("--ft-color-brown-50","","COLOR","#D0A792"),colorBrown60:i.create("--ft-color-brown-60","","COLOR","#C6947B"),colorBrown70:i.create("--ft-color-brown-70","","COLOR","#BC8264"),colorBrown100:i.create("--ft-color-brown-100","","COLOR","#9B6143"),colorBrown200:i.create("--ft-color-brown-200","","COLOR","#845239"),colorBrown300:i.create("--ft-color-brown-300","","COLOR","#6D442F"),colorBrown400:i.create("--ft-color-brown-400","","COLOR","#553525"),colorBrown500:i.create("--ft-color-brown-500","","COLOR","#3E271B"),colorBrown600:i.create("--ft-color-brown-600","","COLOR","#271811"),colorBrown700:i.create("--ft-color-brown-700","","COLOR","#100A07"),spacing1:i.create("--ft-spacing-1","","SIZE","0.25rem"),spacing2:i.create("--ft-spacing-2","","SIZE","calc(var(--ft-spacing-2, 0.25rem)*2)"),spacing3:i.create("--ft-spacing-3","","SIZE","calc(var(--ft-spacing-3, 0.25rem)*3)"),spacing4:i.create("--ft-spacing-4","","SIZE","calc(var(--ft-spacing-4, 0.25rem)*4)"),spacing5:i.create("--ft-spacing-5","","SIZE","calc(var(--ft-spacing-5, 0.25rem)*5)"),spacing6:i.create("--ft-spacing-6","","SIZE","calc(var(--ft-spacing-6, 0.25rem)*6)"),spacing8:i.create("--ft-spacing-8","","SIZE","calc(var(--ft-spacing-8, 0.25rem)*8)"),spacing10:i.create("--ft-spacing-10","","SIZE","calc(var(--ft-spacing-10, 0.25rem)*10)"),spacing12:i.create("--ft-spacing-12","","SIZE","calc(var(--ft-spacing-12, 0.25rem)*12)"),spacing16:i.create("--ft-spacing-16","","SIZE","calc(var(--ft-spacing-16, 0.25rem)*16)"),spacing20:i.create("--ft-spacing-20","","SIZE","calc(var(--ft-spacing-20, 0.25rem)*20)"),spacing24:i.create("--ft-spacing-24","","SIZE","calc(var(--ft-spacing-24, 0.25rem)*24)"),spacing28:i.create("--ft-spacing-28","","SIZE","calc(var(--ft-spacing-28, 0.25rem)*28)"),spacing32:i.create("--ft-spacing-32","","SIZE","calc(var(--ft-spacing-32, 0.25rem)*32)"),spacing05:i.create("--ft-spacing-0-5","","SIZE","calc(var(--ft-spacing-0-5, 0.25rem)*0.5)"),borderRadiusS:i.create("--ft-border-radius-s","","SIZE","4px"),borderRadiusM:i.create("--ft-border-radius-m","","SIZE","8px"),borderRadiusL:i.create("--ft-border-radius-l","","SIZE","12px"),borderRadiusXl:i.create("--ft-border-radius-xl","","SIZE","16px"),borderRadiusPill:i.create("--ft-border-radius-pill","","SIZE","999px"),borderRadiusRound:i.create("--ft-border-radius-round","","SIZE","50%"),iconSize1:i.create("--ft-icon-size-1","","SIZE","12px"),iconSize2:i.create("--ft-icon-size-2","","SIZE","16px"),iconSize3:i.create("--ft-icon-size-3","","SIZE","20px"),iconSize4:i.create("--ft-icon-size-4","","SIZE","24px"),iconSize5:i.create("--ft-icon-size-5","","SIZE","32px"),iconSize6:i.create("--ft-icon-size-6","","SIZE","48px"),opacity0:i.create("--ft-opacity-0","","NUMBER","0"),opacity8:i.create("--ft-opacity-8","","NUMBER","0.08"),opacity16:i.create("--ft-opacity-16","","NUMBER","0.16"),opacity24:i.create("--ft-opacity-24","","NUMBER","0.24"),opacity40:i.create("--ft-opacity-40","","NUMBER","0.4"),opacity80:i.create("--ft-opacity-80","","NUMBER","0.8")},c={display:{fontFamily:i.create("--ft-typography-display-fontFamily","","UNKNOWN","Inter"),fontWeight:i.create("--ft-typography-display-fontWeight","","UNKNOWN","600"),lineHeight:i.create("--ft-typography-display-lineHeight","","SIZE","120%"),fontSize:i.create("--ft-typography-display-fontSize","","SIZE","2.5rem"),letterSpacing:i.create("--ft-typography-display-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:i.create("--ft-typography-display-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:i.create("--ft-typography-display-paragraphIndent","","UNKNOWN","0"),textDecoration:i.create("--ft-typography-display-textDecoration","","UNKNOWN","none"),textCase:i.create("--ft-typography-display-textCase","","UNKNOWN","none")},"title-1":{fontFamily:i.create("--ft-typography-title-1-fontFamily","","UNKNOWN","Inter"),fontWeight:i.create("--ft-typography-title-1-fontWeight","","UNKNOWN","600"),lineHeight:i.create("--ft-typography-title-1-lineHeight","","SIZE","120%"),fontSize:i.create("--ft-typography-title-1-fontSize","","SIZE","2rem"),letterSpacing:i.create("--ft-typography-title-1-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:i.create("--ft-typography-title-1-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:i.create("--ft-typography-title-1-paragraphIndent","","UNKNOWN","0"),textDecoration:i.create("--ft-typography-title-1-textDecoration","","UNKNOWN","none"),textCase:i.create("--ft-typography-title-1-textCase","","UNKNOWN","none")},"title-2":{fontFamily:i.create("--ft-typography-title-2-fontFamily","","UNKNOWN","Inter"),fontWeight:i.create("--ft-typography-title-2-fontWeight","","UNKNOWN","600"),lineHeight:i.create("--ft-typography-title-2-lineHeight","","SIZE","120%"),fontSize:i.create("--ft-typography-title-2-fontSize","","SIZE","1.5rem"),letterSpacing:i.create("--ft-typography-title-2-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:i.create("--ft-typography-title-2-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:i.create("--ft-typography-title-2-paragraphIndent","","UNKNOWN","0"),textDecoration:i.create("--ft-typography-title-2-textDecoration","","UNKNOWN","none"),textCase:i.create("--ft-typography-title-2-textCase","","UNKNOWN","none")},"title-3":{fontFamily:i.create("--ft-typography-title-3-fontFamily","","UNKNOWN","Inter"),fontWeight:i.create("--ft-typography-title-3-fontWeight","","UNKNOWN","600"),lineHeight:i.create("--ft-typography-title-3-lineHeight","","SIZE","120%"),fontSize:i.create("--ft-typography-title-3-fontSize","","SIZE","1.25rem"),letterSpacing:i.create("--ft-typography-title-3-letterSpacing","","SIZE","-0.01em"),paragraphSpacing:i.create("--ft-typography-title-3-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:i.create("--ft-typography-title-3-paragraphIndent","","UNKNOWN","0"),textDecoration:i.create("--ft-typography-title-3-textDecoration","","UNKNOWN","none"),textCase:i.create("--ft-typography-title-3-textCase","","UNKNOWN","none")},"body-1-regular":{fontFamily:i.create("--ft-typography-body-1-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:i.create("--ft-typography-body-1-regular-fontWeight","","UNKNOWN","400"),lineHeight:i.create("--ft-typography-body-1-regular-lineHeight","","SIZE","135%"),fontSize:i.create("--ft-typography-body-1-regular-fontSize","","SIZE","1rem"),letterSpacing:i.create("--ft-typography-body-1-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:i.create("--ft-typography-body-1-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:i.create("--ft-typography-body-1-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:i.create("--ft-typography-body-1-regular-textDecoration","","UNKNOWN","none"),textCase:i.create("--ft-typography-body-1-regular-textCase","","UNKNOWN","none")},"body-1-medium":{fontFamily:i.create("--ft-typography-body-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:i.create("--ft-typography-body-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:i.create("--ft-typography-body-1-medium-lineHeight","","SIZE","135%"),fontSize:i.create("--ft-typography-body-1-medium-fontSize","","SIZE","1rem"),letterSpacing:i.create("--ft-typography-body-1-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:i.create("--ft-typography-body-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:i.create("--ft-typography-body-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:i.create("--ft-typography-body-1-medium-textDecoration","","UNKNOWN","none"),textCase:i.create("--ft-typography-body-1-medium-textCase","","UNKNOWN","none")},"body-1-semibold":{fontFamily:i.create("--ft-typography-body-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:i.create("--ft-typography-body-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:i.create("--ft-typography-body-1-semibold-lineHeight","","SIZE","135%"),fontSize:i.create("--ft-typography-body-1-semibold-fontSize","","SIZE","1rem"),letterSpacing:i.create("--ft-typography-body-1-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:i.create("--ft-typography-body-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:i.create("--ft-typography-body-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:i.create("--ft-typography-body-1-semibold-textDecoration","","UNKNOWN","none"),textCase:i.create("--ft-typography-body-1-semibold-textCase","","UNKNOWN","none")},"body-2-regular":{fontFamily:i.create("--ft-typography-body-2-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:i.create("--ft-typography-body-2-regular-fontWeight","","UNKNOWN","400"),lineHeight:i.create("--ft-typography-body-2-regular-lineHeight","","SIZE","135%"),fontSize:i.create("--ft-typography-body-2-regular-fontSize","","SIZE","0.875rem"),letterSpacing:i.create("--ft-typography-body-2-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:i.create("--ft-typography-body-2-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:i.create("--ft-typography-body-2-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:i.create("--ft-typography-body-2-regular-textDecoration","","UNKNOWN","none"),textCase:i.create("--ft-typography-body-2-regular-textCase","","UNKNOWN","none")},"body-2-medium":{fontFamily:i.create("--ft-typography-body-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:i.create("--ft-typography-body-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:i.create("--ft-typography-body-2-medium-lineHeight","","SIZE","135%"),fontSize:i.create("--ft-typography-body-2-medium-fontSize","","SIZE","0.875rem"),letterSpacing:i.create("--ft-typography-body-2-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:i.create("--ft-typography-body-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:i.create("--ft-typography-body-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:i.create("--ft-typography-body-2-medium-textDecoration","","UNKNOWN","none"),textCase:i.create("--ft-typography-body-2-medium-textCase","","UNKNOWN","none")},"body-2-semibold":{fontFamily:i.create("--ft-typography-body-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:i.create("--ft-typography-body-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:i.create("--ft-typography-body-2-semibold-lineHeight","","SIZE","135%"),fontSize:i.create("--ft-typography-body-2-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:i.create("--ft-typography-body-2-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:i.create("--ft-typography-body-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:i.create("--ft-typography-body-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:i.create("--ft-typography-body-2-semibold-textDecoration","","UNKNOWN","none"),textCase:i.create("--ft-typography-body-2-semibold-textCase","","UNKNOWN","none")},"label-1-medium":{fontFamily:i.create("--ft-typography-label-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:i.create("--ft-typography-label-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:i.create("--ft-typography-label-1-medium-lineHeight","","SIZE","110%"),fontSize:i.create("--ft-typography-label-1-medium-fontSize","","SIZE","0.875rem"),letterSpacing:i.create("--ft-typography-label-1-medium-letterSpacing","","SIZE","0.04em"),textCase:i.create("--ft-typography-label-1-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:i.create("--ft-typography-label-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:i.create("--ft-typography-label-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:i.create("--ft-typography-label-1-medium-textDecoration","","UNKNOWN","none")},"label-1-semibold":{fontFamily:i.create("--ft-typography-label-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:i.create("--ft-typography-label-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:i.create("--ft-typography-label-1-semibold-lineHeight","","SIZE","110%"),fontSize:i.create("--ft-typography-label-1-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:i.create("--ft-typography-label-1-semibold-letterSpacing","","SIZE","0.04em"),textCase:i.create("--ft-typography-label-1-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:i.create("--ft-typography-label-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:i.create("--ft-typography-label-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:i.create("--ft-typography-label-1-semibold-textDecoration","","UNKNOWN","none")},"label-1-bold":{fontFamily:i.create("--ft-typography-label-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:i.create("--ft-typography-label-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:i.create("--ft-typography-label-1-bold-lineHeight","","SIZE","110%"),fontSize:i.create("--ft-typography-label-1-bold-fontSize","","SIZE","0.875rem"),letterSpacing:i.create("--ft-typography-label-1-bold-letterSpacing","","SIZE","0.04em"),textCase:i.create("--ft-typography-label-1-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:i.create("--ft-typography-label-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:i.create("--ft-typography-label-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:i.create("--ft-typography-label-1-bold-textDecoration","","UNKNOWN","none")},"label-2-medium":{fontFamily:i.create("--ft-typography-label-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:i.create("--ft-typography-label-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:i.create("--ft-typography-label-2-medium-lineHeight","","SIZE","110%"),fontSize:i.create("--ft-typography-label-2-medium-fontSize","","SIZE","0.75rem"),letterSpacing:i.create("--ft-typography-label-2-medium-letterSpacing","","SIZE","0.04em"),textCase:i.create("--ft-typography-label-2-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:i.create("--ft-typography-label-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:i.create("--ft-typography-label-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:i.create("--ft-typography-label-2-medium-textDecoration","","UNKNOWN","none")},"label-2-semibold":{fontFamily:i.create("--ft-typography-label-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:i.create("--ft-typography-label-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:i.create("--ft-typography-label-2-semibold-lineHeight","","SIZE","110%"),fontSize:i.create("--ft-typography-label-2-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:i.create("--ft-typography-label-2-semibold-letterSpacing","","SIZE","0.04em"),textCase:i.create("--ft-typography-label-2-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:i.create("--ft-typography-label-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:i.create("--ft-typography-label-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:i.create("--ft-typography-label-2-semibold-textDecoration","","UNKNOWN","none")},"label-2-bold":{fontFamily:i.create("--ft-typography-label-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:i.create("--ft-typography-label-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:i.create("--ft-typography-label-2-bold-lineHeight","","SIZE","110%"),fontSize:i.create("--ft-typography-label-2-bold-fontSize","","SIZE","0.75rem"),letterSpacing:i.create("--ft-typography-label-2-bold-letterSpacing","","SIZE","0.04em"),textCase:i.create("--ft-typography-label-2-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:i.create("--ft-typography-label-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:i.create("--ft-typography-label-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:i.create("--ft-typography-label-2-bold-textDecoration","","UNKNOWN","none")},"caption-1-medium":{fontFamily:i.create("--ft-typography-caption-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:i.create("--ft-typography-caption-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:i.create("--ft-typography-caption-1-medium-lineHeight","","SIZE","130%"),fontSize:i.create("--ft-typography-caption-1-medium-fontSize","","SIZE","0.75rem"),letterSpacing:i.create("--ft-typography-caption-1-medium-letterSpacing","","SIZE","normal"),textCase:i.create("--ft-typography-caption-1-medium-textCase","","UNKNOWN","none"),paragraphSpacing:i.create("--ft-typography-caption-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:i.create("--ft-typography-caption-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:i.create("--ft-typography-caption-1-medium-textDecoration","","UNKNOWN","none")},"caption-1-semibold":{fontFamily:i.create("--ft-typography-caption-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:i.create("--ft-typography-caption-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:i.create("--ft-typography-caption-1-semibold-lineHeight","","SIZE","130%"),fontSize:i.create("--ft-typography-caption-1-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:i.create("--ft-typography-caption-1-semibold-letterSpacing","","SIZE","normal"),textCase:i.create("--ft-typography-caption-1-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:i.create("--ft-typography-caption-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:i.create("--ft-typography-caption-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:i.create("--ft-typography-caption-1-semibold-textDecoration","","UNKNOWN","none")},"caption-1-bold":{fontFamily:i.create("--ft-typography-caption-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:i.create("--ft-typography-caption-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:i.create("--ft-typography-caption-1-bold-lineHeight","","SIZE","130%"),fontSize:i.create("--ft-typography-caption-1-bold-fontSize","","SIZE","0.75rem"),letterSpacing:i.create("--ft-typography-caption-1-bold-letterSpacing","","SIZE","normal"),textCase:i.create("--ft-typography-caption-1-bold-textCase","","UNKNOWN","none"),paragraphSpacing:i.create("--ft-typography-caption-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:i.create("--ft-typography-caption-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:i.create("--ft-typography-caption-1-bold-textDecoration","","UNKNOWN","none")},"caption-2-medium":{fontFamily:i.create("--ft-typography-caption-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:i.create("--ft-typography-caption-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:i.create("--ft-typography-caption-2-medium-lineHeight","","SIZE","130%"),fontSize:i.create("--ft-typography-caption-2-medium-fontSize","","SIZE","0.6875rem"),letterSpacing:i.create("--ft-typography-caption-2-medium-letterSpacing","","SIZE","normal"),textCase:i.create("--ft-typography-caption-2-medium-textCase","","UNKNOWN","none"),paragraphSpacing:i.create("--ft-typography-caption-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:i.create("--ft-typography-caption-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:i.create("--ft-typography-caption-2-medium-textDecoration","","UNKNOWN","none")},"caption-2-semibold":{fontFamily:i.create("--ft-typography-caption-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:i.create("--ft-typography-caption-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:i.create("--ft-typography-caption-2-semibold-lineHeight","","SIZE","130%"),fontSize:i.create("--ft-typography-caption-2-semibold-fontSize","","SIZE","0.6875rem"),letterSpacing:i.create("--ft-typography-caption-2-semibold-letterSpacing","","SIZE","normal"),textCase:i.create("--ft-typography-caption-2-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:i.create("--ft-typography-caption-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:i.create("--ft-typography-caption-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:i.create("--ft-typography-caption-2-semibold-textDecoration","","UNKNOWN","none")},"caption-2-bold":{fontFamily:i.create("--ft-typography-caption-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:i.create("--ft-typography-caption-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:i.create("--ft-typography-caption-2-bold-lineHeight","","SIZE","130%"),fontSize:i.create("--ft-typography-caption-2-bold-fontSize","","SIZE","0.6875rem"),letterSpacing:i.create("--ft-typography-caption-2-bold-letterSpacing","","SIZE","normal"),textCase:i.create("--ft-typography-caption-2-bold-textCase","","UNKNOWN","none"),paragraphSpacing:i.create("--ft-typography-caption-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:i.create("--ft-typography-caption-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:i.create("--ft-typography-caption-2-bold-textDecoration","","UNKNOWN","none")}},p={backgroundActionPrimary:i.extend("--ft-background-action-primary","Used as backgorund of primary action components.",l.colorBrand0),backgroundErrorPrimary:i.extend("--ft-background-error-primary","Used as background of error components.",l.colorRed0),backgroundErrorSubtle:i.extend("--ft-background-error-subtle","Used as background of subtle error components.",l.colorRed10),backgroundInfoPrimary:i.extend("--ft-background-info-primary","Used as background of information components.",l.colorCyan200),backgroundInfoSubtle:i.extend("--ft-background-info-subtle","Used as background of subtle information components.",l.colorCyan10),backgroundWarningPrimary:i.extend("--ft-background-warning-primary","Used as background of warning components.",l.colorOrange300),backgroundWarningSubtle:i.extend("--ft-background-warning-subtle","Used as background of subtle information components.",l.colorOrange10),backgroundSuccessPrimary:i.extend("--ft-background-success-primary","Used as background of success components.",l.colorGreen200),backgroundSuccessSubtle:i.extend("--ft-background-success-subtle","Used as background of subtle success components.",l.colorGreen10),backgroundGlobalSurface:i.extend("--ft-background-global-surface","Used as app background.",l.colorWhite),backgroundGlobalOnSurface:i.extend("--ft-background-global-on-surface","Used as background on element on the base background, like cards.",l.colorGray10),backgroundGlobalOnSurfaceDark:i.extend("--ft-background-global-on-surface-dark","Used as background on element that need background separation.",l.colorGray30),contentActionPrimary:i.extend("--ft-content-action-primary","Used on label of primary action on light surface.",l.colorBrand0),contentWarningPrimary:i.extend("--ft-content-warning-primary","Used on label of warning messages on light surface.",l.colorOrange300),contentWarningIconOnly:i.extend("--ft-content-warning-icon-only","Used on warning status icons alone",l.colorOrange0),contentErrorPrimary:i.extend("--ft-content-error-primary","Used on label of error messages on light surface.",l.colorRed0),contentErrorIconOnly:i.extend("--ft-content-error-icon-only","Used on error status icons alone",l.colorRed0),contentInfoPrimary:i.extend("--ft-content-info-primary","Used on label of information messages on light surface.",l.colorCyan200),contentInfoIconOnly:i.extend("--ft-content-info-icon-only","Used on info status icons alone",l.colorCyan0),contentSuccessIconOnly:i.extend("--ft-content-success-icon-only","Used on success status icons alone",l.colorGreen0),contentSuccessPrimary:i.extend("--ft-content-success-primary","Used on label of success messages on light surface.",l.colorGreen200),contentGlobalPrimary:i.extend("--ft-content-global-primary","Used for main content on the page.",l.colorGray500),contentGlobalSecondary:i.extend("--ft-content-global-secondary","Used for secondary content, often paired with primary content.\nAlso for action icons.",l.colorGray200),contentGlobalSubtle:i.extend("--ft-content-global-subtle","Used for placeholder, unselected items in a tab component or breadcrumb.",l.colorGray0),contentGlobalOnColor:i.extend("--ft-content-global-on-color","Used for content on a dominant color.",l.colorWhite),borderActionPrimary:i.extend("--ft-border-action-primary","Used as border for primary action components.",l.colorBrand0),borderActionFocusRing:i.extend("--ft-border-action-focus-ring","Focus ring is an additional border to indicate focus-visible state.",l.colorCyan0),borderWarningPrimary:i.extend("--ft-border-warning-primary","Used as border for warning components.",l.colorOrange30),borderSuccessPrimary:i.extend("--ft-border-success-primary","Used as border for success components.",l.colorGreen30),borderErrorPrimary:i.extend("--ft-border-error-primary","Used as border for error components.",l.colorRed30),borderInfoPrimary:i.extend("--ft-border-info-primary","Used as border for information components.",l.colorCyan30),borderGlobalSubtle:i.extend("--ft-border-global-subtle","Used as border to deliminate an area filled with background.on-surface and separators.",l.colorGray30),borderGlobalPrimary:i.extend("--ft-border-global-primary","Used as border for element like input.",l.colorGray50),borderInputPrimary:i.extend("--ft-border-input-primary","Used as border for checkboxes and radio buttons",l.colorGray80)};i.create("--ft-button-large-height","","SIZE","40px"),i.extend("--ft-button-large-horizontal-padding","",l.spacing4),i.extend("--ft-button-large-gap","",l.spacing2),i.extend("--ft-button-large-border-radius","",l.borderRadiusS),i.extend("--ft-button-large-icon-size","",l.iconSize3),i.create("--ft-button-large-border-width","","SIZE","1px"),i.create("--ft-button-large-focus-outline-offset","","SIZE","2px"),i.create("--ft-button-large-focus-outline-width","","SIZE","2px"),i.create("--ft-button-large-icon-only-width","","SIZE","40px"),i.create("--ft-button-small-height","","SIZE","30px"),i.extend("--ft-button-small-horizontal-padding","",l.spacing3),i.extend("--ft-button-small-gap","",l.spacing2),i.extend("--ft-button-small-border-radius","",l.borderRadiusS),i.extend("--ft-button-small-icon-size","",l.iconSize2),i.create("--ft-button-small-border-width","","SIZE","1px"),i.create("--ft-button-small-focus-outline-offset","","SIZE","2px"),i.create("--ft-button-small-focus-outline-width","","SIZE","2px"),i.create("--ft-button-small-icon-only-width","","SIZE","30px"),i.extend("--ft-button-primary-background-color","",p.backgroundActionPrimary),i.extend("--ft-button-primary-color","",p.contentGlobalOnColor),i.extend("--ft-button-primary-icon-color","",p.contentGlobalOnColor),i.extend("--ft-button-primary-state-layer-color","",p.contentGlobalOnColor),i.extend("--ft-button-primary-state-layer-opacity-hover","",l.opacity16),i.extend("--ft-button-primary-state-layer-opacity-focus","",l.opacity16),i.extend("--ft-button-primary-state-layer-opacity-active","",l.opacity24),i.extend("--ft-button-primary-component-opacity-disabled","",l.opacity40),i.extend("--ft-button-focus-focus-ring-color","",p.borderActionFocusRing),i.create("--ft-button-tertiary-background-color","","COLOR","rgba(0,0,0,0)"),i.extend("--ft-button-tertiary-color","",p.contentActionPrimary),i.extend("--ft-button-tertiary-icon-color","",p.contentActionPrimary),i.extend("--ft-button-tertiary-state-layer-color","",p.contentActionPrimary),i.extend("--ft-button-tertiary-state-layer-opacity-hover","",l.opacity8),i.extend("--ft-button-tertiary-state-layer-opacity-focus","",l.opacity8),i.extend("--ft-button-tertiary-state-layer-opacity-active","",l.opacity16),i.extend("--ft-button-tertiary-component-opacity-disabled","",l.opacity40),i.extend("--ft-button-secondary-background-color","",l.colorWhite),i.extend("--ft-button-secondary-color","",p.contentActionPrimary),i.extend("--ft-button-secondary-icon-color","",p.contentActionPrimary),i.extend("--ft-button-secondary-state-layer-color","",p.contentActionPrimary),i.extend("--ft-button-secondary-state-layer-opacity-hover","",l.opacity8),i.extend("--ft-button-secondary-state-layer-opacity-focus","",l.opacity8),i.extend("--ft-button-secondary-state-layer-opacity-active","",l.opacity16),i.extend("--ft-button-secondary-component-opacity-disabled","",l.opacity40),i.extend("--ft-button-secondary-border-color","",p.borderActionPrimary),i.create("--ft-button-neutral-background-color","","COLOR","rgba(0,0,0,0)"),i.extend("--ft-button-neutral-icon-color","",p.contentGlobalSecondary),i.extend("--ft-button-neutral-color","",p.contentGlobalSecondary),i.extend("--ft-button-neutral-state-layer-color","",p.contentGlobalSecondary),i.extend("--ft-button-neutral-state-layer-opacity-hover","",l.opacity8),i.extend("--ft-button-neutral-state-layer-opacity-focus","",l.opacity8),i.extend("--ft-button-neutral-state-layer-opacity-active","",l.opacity16),i.extend("--ft-button-neutral-component-opacity-disabled","",l.opacity40),i.extend("--ft-tabs-top-left-border-radius","",l.borderRadiusS),i.extend("--ft-tabs-top-right-border-radius","",l.borderRadiusS),i.extend("--ft-tabs-label-horizontal-padding","",l.spacing4),i.extend("--ft-tabs-label-vertical-padding","",l.spacing3),i.extend("--ft-tabs-label-gap","",l.spacing1),i.extend("--ft-switch-group-horizontal-padding","",l.spacing1),i.extend("--ft-switch-group-vertical-padding","",l.spacing1),i.extend("--ft-switch-group-gap","",l.spacing1),i.extend("--ft-switch-group-background-color","",p.backgroundGlobalSurface),i.extend("--ft-switch-group-border-color","",p.borderGlobalSubtle),i.create("--ft-switch-group-border-radius","","SIZE","6px"),i.extend("--ft-switch-label-horizontal-padding","",l.spacing2),i.extend("--ft-switch-label-vertical-padding","",l.spacing1),i.extend("--ft-switch-icon-horizontal-padding","",l.spacing1),i.extend("--ft-switch-icon-vertical-padding","",l.spacing1),i.create("--ft-switch-focus-outline-width","","SIZE","2px"),i.extend("--ft-switch-focus-focus-ring-color","",p.borderActionFocusRing),i.extend("--ft-switch-option-border-radius","",l.borderRadiusS),i.extend("--ft-switch-off-state-layer-opacity-hover","",l.opacity8),i.extend("--ft-switch-off-state-layer-opacity-focus","",l.opacity8),i.extend("--ft-switch-off-state-layer-opacity-active","",l.opacity16),i.extend("--ft-switch-off-component-opacity-disabled","",l.opacity40),i.extend("--ft-switch-off-color","",p.contentGlobalSubtle),i.extend("--ft-switch-off-state-layer-color","",p.contentGlobalSubtle),i.extend("--ft-chart-1-light","for area color charts",l.colorBrand40),i.extend("--ft-chart-1-base","for line charts",l.colorBrand0),i.extend("--ft-chart-2-light","for area color charts",l.colorYellow60),i.extend("--ft-chart-2-base","for line charts",l.colorYellow100),i.extend("--ft-chart-3-light","",l.colorUltramarine40),i.extend("--ft-chart-3-base","",l.colorUltramarine70),i.extend("--ft-chart-4-light","",l.colorCyan50),i.extend("--ft-chart-4-base","",l.colorCyan100),i.extend("--ft-chart-5-light","",l.colorRed40),i.extend("--ft-chart-5-base","",l.colorRed60),i.extend("--ft-chart-6-light","",l.colorGreen40),i.extend("--ft-chart-6-base","",l.colorGreen70),i.extend("--ft-chart-7-light","",l.colorOrange70),i.extend("--ft-chart-7-base","",l.colorOrange100),i.extend("--ft-chart-8-light","",l.colorAvocado70),i.extend("--ft-chart-8-base","",l.colorAvocado200),i.extend("--ft-chart-9-light","",l.colorBrown50),i.extend("--ft-chart-9-base","",l.colorBrown200),i.extend("--ft-chart-10-light","",l.colorGray50),i.extend("--ft-chart-10-base","",l.colorGray80),i.extend("--ft-chart-monochrome-10","",l.colorBrand10),i.extend("--ft-chart-monochrome-20","",l.colorBrand20),i.extend("--ft-chart-monochrome-30","",l.colorBrand40),i.extend("--ft-chart-monochrome-40","",l.colorBrand60),i.extend("--ft-chart-monochrome-50","",l.colorBrand0),i.extend("--ft-chart-monochrome-60","",l.colorBrand200),i.extend("--ft-chip-large-horizontal-padding","",l.spacing4),i.extend("--ft-chip-large-vertical-padding","",l.spacing2),i.extend("--ft-chip-large-gap","",l.spacing1),i.create("--ft-chip-large-focus-outline-offset","","SIZE","2px"),i.create("--ft-chip-large-focus-outline-width","","SIZE","2px"),i.extend("--ft-chip-large-border-radius","",l.borderRadiusPill),i.create("--ft-chip-large-border-width","","SIZE","1px"),i.extend("--ft-chip-large-icon-size","",l.iconSize3),i.extend("--ft-chip-medium-horizontal-padding","",l.spacing3),i.extend("--ft-chip-medium-vertical-padding","",l.spacing1),i.extend("--ft-chip-medium-gap","",l.spacing1),i.create("--ft-chip-medium-focus-outline-offset","","SIZE","2px"),i.create("--ft-chip-medium-focus-outline-width","","SIZE","2px"),i.extend("--ft-chip-medium-border-radius","",l.borderRadiusPill),i.create("--ft-chip-medium-border-width","","SIZE","1px"),i.extend("--ft-chip-medium-icon-size","",l.iconSize2),i.extend("--ft-chip-small-horizontal-padding","",l.spacing2),i.extend("--ft-chip-small-vertical-padding","",l.spacing05),i.extend("--ft-chip-small-gap","",l.spacing1),i.create("--ft-chip-small-focus-outline-offset","","SIZE","2px"),i.create("--ft-chip-small-focus-outline-width","","SIZE","2px"),i.extend("--ft-chip-small-border-radius","",l.borderRadiusPill),i.create("--ft-chip-small-border-width","","SIZE","1px"),i.extend("--ft-chip-small-icon-size","",l.iconSize1),i.extend("--ft-chip-neutral-background-color","",p.backgroundGlobalOnSurface),i.extend("--ft-chip-neutral-color","",p.contentGlobalPrimary),i.extend("--ft-chip-neutral-border-color","",p.borderGlobalSubtle),i.extend("--ft-chip-info-background-color","",p.backgroundInfoSubtle),i.extend("--ft-chip-info-color","",p.contentInfoPrimary),i.extend("--ft-chip-info-border-color","",p.borderInfoPrimary),i.extend("--ft-chip-success-background-color","",p.backgroundSuccessSubtle),i.extend("--ft-chip-success-color","",p.contentSuccessPrimary),i.extend("--ft-chip-success-border-color","",p.borderSuccessPrimary),i.extend("--ft-chip-warning-background-color","",p.backgroundWarningSubtle),i.extend("--ft-chip-warning-color","",p.contentWarningPrimary),i.extend("--ft-chip-warning-border-color","",p.borderWarningPrimary),i.extend("--ft-chip-error-background-color","",p.backgroundErrorSubtle),i.extend("--ft-chip-error-color","",p.contentErrorPrimary),i.extend("--ft-chip-error-border-color","",p.borderErrorPrimary),i.create("--ft-notice-border-width","","SIZE","1px"),i.extend("--ft-notice-horizontal-padding","",l.spacing2),i.extend("--ft-notice-vertical-padding","",l.spacing1),i.extend("--ft-notice-border-radius","",l.borderRadiusS),i.extend("--ft-notice-gap","",l.spacing2),i.extend("--ft-notice-icon-size","",l.iconSize3),i.extend("--ft-notice-info-background-color","",p.backgroundInfoSubtle),i.extend("--ft-notice-info-border-color","",p.borderInfoPrimary),i.extend("--ft-notice-info-color","",p.contentInfoPrimary),i.extend("--ft-notice-warning-background-color","",p.backgroundWarningSubtle),i.extend("--ft-notice-warning-border-color","",p.borderWarningPrimary),i.extend("--ft-notice-warning-color","",p.contentWarningPrimary),i.extend("--ft-checkbox-label-color","",p.contentGlobalPrimary),i.extend("--ft-checkbox-checked-background-color","",p.contentActionPrimary),i.extend("--ft-checkbox-checked-state-layer-color","",p.contentActionPrimary),i.extend("--ft-checkbox-checked-color","",p.contentGlobalOnColor),i.extend("--ft-checkbox-checked-state-layer-opacity-hover","",l.opacity16),i.extend("--ft-checkbox-checked-state-layer-opacity-focus","",l.opacity16),i.extend("--ft-checkbox-checked-state-layer-opacity-active","",l.opacity24),i.extend("--ft-checkbox-checked-component-opacity-disabled","",l.opacity40),i.extend("--ft-checkbox-unchecked-border-color","",l.colorGray80),i.extend("--ft-checkbox-unchecked-state-layer-color","",l.colorGray80),i.extend("--ft-checkbox-unchecked-state-layer-opacity-hover","",l.opacity16),i.extend("--ft-checkbox-unchecked-state-layer-opacity-focus","",l.opacity16),i.extend("--ft-checkbox-unchecked-state-layer-opacity-active","",l.opacity24),i.extend("--ft-checkbox-unchecked-component-opacity-disabled","",l.opacity40),i.extend("--ft-checkbox-focus-focus-ring-color","",p.borderActionFocusRing),i.create("--ft-checkbox-focus-outline-offset","","SIZE","3px"),i.create("--ft-checkbox-focus-outline-width","","SIZE","2px"),i.extend("--ft-checkbox-gap","",l.spacing3),i.extend("--ft-toggle-off-state-layer-opacity-hover","",l.opacity16),i.extend("--ft-toggle-off-state-layer-opacity-focus","",l.opacity16),i.extend("--ft-toggle-off-state-layer-opacity-active","",l.opacity24),i.extend("--ft-toggle-off-component-opacity-disabled","",l.opacity40),i.extend("--ft-toggle-off-background-color","",p.contentGlobalSubtle),i.extend("--ft-toggle-off-icon-color","",p.contentGlobalSubtle),i.extend("--ft-toggle-off-state-layer-color","",p.contentGlobalSubtle),i.extend("--ft-toggle-on-state-layer-opacity-hover","",l.opacity16),i.extend("--ft-toggle-on-state-layer-opacity-focus","",l.opacity16),i.extend("--ft-toggle-on-state-layer-opacity-active","",l.opacity24),i.extend("--ft-toggle-on-component-opacity-disabled","",l.opacity40),i.extend("--ft-toggle-on-background-color","",p.contentActionPrimary),i.extend("--ft-toggle-on-icon-color","",p.contentActionPrimary),i.extend("--ft-toggle-on-state-layer-color","",p.contentActionPrimary),i.extend("--ft-toggle-label-color","",p.contentGlobalPrimary),i.extend("--ft-toggle-focus-focus-ring-color","",p.borderActionFocusRing),i.extend("--ft-toggle-gap","",l.spacing3),i.extend("--ft-radio-label-color","",p.contentGlobalPrimary),i.extend("--ft-radio-selected-color","",p.contentActionPrimary),i.extend("--ft-radio-selected-state-layer-color","",p.contentActionPrimary),i.extend("--ft-radio-selected-state-layer-opacity-hover","",l.opacity16),i.extend("--ft-radio-selected-state-layer-opacity-focus","",l.opacity16),i.extend("--ft-radio-selected-state-layer-opacity-active","",l.opacity24),i.extend("--ft-radio-selected-component-opacity-disabled","",l.opacity40),i.extend("--ft-radio-unselected-state-layer-color","",l.colorGray80),i.extend("--ft-radio-unselected-state-layer-opacity-hover","",l.opacity16),i.extend("--ft-radio-unselected-state-layer-opacity-focus","",l.opacity16),i.extend("--ft-radio-unselected-state-layer-opacity-active","",l.opacity24),i.extend("--ft-radio-unselected-component-opacity-disabled","",l.opacity40),i.extend("--ft-radio-focus-focus-ring-color","",p.borderActionFocusRing),i.create("--ft-radio-focus-outline-offset","","SIZE","3px"),i.create("--ft-radio-focus-outline-width","","SIZE","2px"),i.extend("--ft-radio-gap","",l.spacing3),i.extend("--ft-notification-icon-size","",l.iconSize4),i.extend("--ft-notification-horizontal-padding","",l.spacing4),i.extend("--ft-notification-vertical-padding","",l.spacing4),i.extend("--ft-notification-info-background-color","",p.backgroundInfoSubtle),i.extend("--ft-notification-info-color","",p.contentInfoPrimary),i.extend("--ft-notification-info-border-color","",p.borderInfoPrimary),i.extend("--ft-notification-success-background-color","",p.backgroundSuccessSubtle),i.extend("--ft-notification-success-color","",p.contentSuccessPrimary),i.extend("--ft-notification-success-border-color","",p.borderSuccessPrimary),i.extend("--ft-notification-warning-background-color","",p.backgroundWarningSubtle),i.extend("--ft-notification-warning-color","",p.contentWarningPrimary),i.extend("--ft-notification-warning-border-color","",p.borderWarningPrimary),i.extend("--ft-notification-error-background-color","",p.backgroundErrorSubtle),i.extend("--ft-notification-error-color","",p.contentErrorPrimary),i.extend("--ft-notification-error-border-color","",p.borderErrorPrimary),i.extend("--ft-notification-border-radius","",l.borderRadiusPill),i.create("--ft-notification-border-width","","SIZE","1px"),i.extend("--ft-notification-gap-leading","",l.spacing2),i.extend("--ft-notification-gap-trailing","",l.spacing8);const f=o.FtCssVariableFactory.extend("--ft-typography-font-family","",o.designSystemVariables.titleFont),g=o.FtCssVariableFactory.extend("--ft-typography-font-family","",o.designSystemVariables.contentFont),y={fontFamily:g,fontSize:o.FtCssVariableFactory.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:o.FtCssVariableFactory.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:o.FtCssVariableFactory.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:o.FtCssVariableFactory.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:o.FtCssVariableFactory.create("--ft-typography-text-transform","","UNKNOWN","inherit")},d=o.FtCssVariableFactory.extend("--ft-typography-title-font-family","",f),s=o.FtCssVariableFactory.extend("--ft-typography-title-font-size","",y.fontSize,"20px"),h=o.FtCssVariableFactory.extend("--ft-typography-title-font-weight","",y.fontWeight,"normal"),b=o.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing","",y.letterSpacing,"0.15px"),m=o.FtCssVariableFactory.extend("--ft-typography-title-line-height","",y.lineHeight,"1.2"),u=o.FtCssVariableFactory.extend("--ft-typography-title-text-transform","",y.textTransform,"inherit"),O=o.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family","",f),N=o.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size","",y.fontSize,"14px"),S=o.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight","",y.fontWeight,"normal"),x=o.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing","",y.letterSpacing,"0.105px"),C=o.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height","",y.lineHeight,"1.7"),I=o.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform","",y.textTransform,"inherit"),U=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",g),R=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size","",y.fontSize,"16px"),W=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight","",y.fontWeight,"600"),E=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing","",y.letterSpacing,"0.144px"),L=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height","",y.lineHeight,"1.5"),w=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform","",y.textTransform,"inherit"),K=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",g),Z=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size","",y.fontSize,"14px"),v=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight","",y.fontWeight,"normal"),z=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing","",y.letterSpacing,"0.098px"),$=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height","",y.lineHeight,"1.7"),k=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform","",y.textTransform,"inherit"),F=o.FtCssVariableFactory.extend("--ft-typography-body1-font-family","",g),D=o.FtCssVariableFactory.extend("--ft-typography-body1-font-size","",y.fontSize,"16px"),B=o.FtCssVariableFactory.extend("--ft-typography-body1-font-weight","",y.fontWeight,"normal"),H=o.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing","",y.letterSpacing,"0.496px"),G=o.FtCssVariableFactory.extend("--ft-typography-body1-line-height","",y.lineHeight,"1.5"),A=o.FtCssVariableFactory.extend("--ft-typography-body1-text-transform","",y.textTransform,"inherit"),P=o.FtCssVariableFactory.extend("--ft-typography-body2-font-family","",g),Y=o.FtCssVariableFactory.extend("--ft-typography-body2-font-size","",y.fontSize,"14px"),M=o.FtCssVariableFactory.extend("--ft-typography-body2-font-weight","",y.fontWeight,"normal"),j=o.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing","",y.letterSpacing,"0.252px"),T=o.FtCssVariableFactory.extend("--ft-typography-body2-line-height","",y.lineHeight,"1.4"),X=o.FtCssVariableFactory.extend("--ft-typography-body2-text-transform","",y.textTransform,"inherit"),q={fontFamily:o.FtCssVariableFactory.extend("--ft-typography-caption-font-family","",g),fontSize:o.FtCssVariableFactory.extend("--ft-typography-caption-font-size","",y.fontSize,"12px"),fontWeight:o.FtCssVariableFactory.extend("--ft-typography-caption-font-weight","",y.fontWeight,"normal"),letterSpacing:o.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing","",y.letterSpacing,"0.396px"),lineHeight:o.FtCssVariableFactory.extend("--ft-typography-caption-line-height","",y.lineHeight,"1.33"),textTransform:o.FtCssVariableFactory.extend("--ft-typography-caption-text-transform","",y.textTransform,"inherit")},J=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family","",g),Q=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size","",y.fontSize,"10px"),V=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight","",y.fontWeight,"normal"),_=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing","",y.letterSpacing,"0.33px"),tt=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height","",y.lineHeight,"1.6"),ot=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform","",y.textTransform,"inherit"),rt=o.FtCssVariableFactory.extend("--ft-typography-overline-font-family","",g),at=o.FtCssVariableFactory.extend("--ft-typography-overline-font-size","",y.fontSize,"10px"),et=o.FtCssVariableFactory.extend("--ft-typography-overline-font-weight","",y.fontWeight,"normal"),nt=o.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing","",y.letterSpacing,"1.5px"),it=o.FtCssVariableFactory.extend("--ft-typography-overline-line-height","",y.lineHeight,"1.6"),lt=o.FtCssVariableFactory.extend("--ft-typography-overline-text-transform","",y.textTransform,"uppercase"),ct=o.FtCssVariableFactory.extend("--ft-typography-button-font-family","",g),pt=o.FtCssVariableFactory.extend("--ft-typography-button-font-size","",y.fontSize,"14px"),ft=o.FtCssVariableFactory.extend("--ft-typography-button-font-weight","",y.fontWeight,"600"),gt=o.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing","",y.letterSpacing,"1.246px"),yt=o.FtCssVariableFactory.extend("--ft-typography-button-line-height","",y.lineHeight,"1.15"),dt=o.FtCssVariableFactory.extend("--ft-typography-button-text-transform","",y.textTransform,"uppercase");r.css`
2
2
  .ft-typography--title {
3
- font-family: ${l};
4
- font-size: ${f};
5
- font-weight: ${y};
6
- letter-spacing: ${h};
7
- line-height: ${s};
8
- text-transform: ${g};
9
- }
10
- `,i.css`
3
+ font-family: ${d};
4
+ font-size: ${s};
5
+ font-weight: ${h};
6
+ letter-spacing: ${b};
7
+ line-height: ${m};
8
+ text-transform: ${u};
9
+ }
10
+ `,r.css`
11
11
  .ft-typography--title-dense {
12
- font-family: ${b};
13
- font-size: ${d};
14
- font-weight: ${u};
12
+ font-family: ${O};
13
+ font-size: ${N};
14
+ font-weight: ${S};
15
15
  letter-spacing: ${x};
16
- line-height: ${c};
17
- text-transform: ${$};
16
+ line-height: ${C};
17
+ text-transform: ${I};
18
18
  }
19
- `,i.css`
19
+ `,r.css`
20
20
  .ft-typography--subtitle1 {
21
- font-family: ${m};
22
- font-size: ${w};
23
- font-weight: ${z};
24
- letter-spacing: ${v};
25
- line-height: ${S};
26
- text-transform: ${E};
27
- }
28
- `,i.css`
21
+ font-family: ${U};
22
+ font-size: ${R};
23
+ font-weight: ${W};
24
+ letter-spacing: ${E};
25
+ line-height: ${L};
26
+ text-transform: ${w};
27
+ }
28
+ `,r.css`
29
29
  .ft-typography--subtitle2 {
30
- font-family: ${I};
31
- font-size: ${N};
32
- font-weight: ${Z};
33
- letter-spacing: ${B};
34
- line-height: ${k};
35
- text-transform: ${W};
30
+ font-family: ${K};
31
+ font-size: ${Z};
32
+ font-weight: ${v};
33
+ letter-spacing: ${z};
34
+ line-height: ${$};
35
+ text-transform: ${k};
36
36
  }
37
37
 
38
- `,i.css`
38
+ `,r.css`
39
39
  .ft-typography--body1 {
40
- font-family: ${G};
41
- font-size: ${O};
42
- font-weight: ${U};
43
- letter-spacing: ${C};
44
- line-height: ${D};
45
- text-transform: ${F};
46
- }
47
- `,i.css`
40
+ font-family: ${F};
41
+ font-size: ${D};
42
+ font-weight: ${B};
43
+ letter-spacing: ${H};
44
+ line-height: ${G};
45
+ text-transform: ${A};
46
+ }
47
+ `,r.css`
48
48
  .ft-typography--body2 {
49
- font-family: ${M};
50
- font-size: ${R};
51
- font-weight: ${T};
49
+ font-family: ${P};
50
+ font-size: ${Y};
51
+ font-weight: ${M};
52
52
  letter-spacing: ${j};
53
- line-height: ${H};
54
- text-transform: ${K};
53
+ line-height: ${T};
54
+ text-transform: ${X};
55
55
  }
56
- `;const ft=i.css`
56
+ `;const st=r.css`
57
57
  .ft-typography--caption {
58
58
  font-family: ${q.fontFamily};
59
59
  font-size: ${q.fontSize};
@@ -62,56 +62,63 @@
62
62
  line-height: ${q.lineHeight};
63
63
  text-transform: ${q.textTransform};
64
64
  }
65
- `;i.css`
65
+ `;r.css`
66
66
  .ft-typography--breadcrumb {
67
- font-family: ${A};
68
- font-size: ${J};
69
- font-weight: ${L};
70
- letter-spacing: ${P};
71
- line-height: ${Q};
72
- text-transform: ${V};
73
- }
74
- `,i.css`
67
+ font-family: ${J};
68
+ font-size: ${Q};
69
+ font-weight: ${V};
70
+ letter-spacing: ${_};
71
+ line-height: ${tt};
72
+ text-transform: ${ot};
73
+ }
74
+ `,r.css`
75
75
  .ft-typography--overline {
76
- font-family: ${X};
77
- font-size: ${Y};
78
- font-weight: ${_};
79
- letter-spacing: ${tt};
80
- line-height: ${et};
81
- text-transform: ${it};
82
- }
83
- `,i.css`
84
- .ft-typography--button {
85
- font-family: ${ot};
86
- font-size: ${rt};
87
- font-weight: ${nt};
88
- letter-spacing: ${pt};
89
- line-height: ${at};
76
+ font-family: ${rt};
77
+ font-size: ${at};
78
+ font-weight: ${et};
79
+ letter-spacing: ${nt};
80
+ line-height: ${it};
90
81
  text-transform: ${lt};
91
82
  }
92
- `,i.css`
83
+ `,r.css`
84
+ .ft-typography--button {
85
+ font-family: ${ct};
86
+ font-size: ${pt};
87
+ font-weight: ${ft};
88
+ letter-spacing: ${gt};
89
+ line-height: ${yt};
90
+ text-transform: ${dt};
91
+ }
92
+ `,r.css`
93
93
  .ft-typography {
94
94
  vertical-align: inherit;
95
95
  }
96
- `;const yt={fontSize:e.FtCssVariableFactory.create("--ft-input-label-font-size","SIZE","14px"),raisedFontSize:e.FtCssVariableFactory.create("--ft-input-label-raised-font-size","SIZE","11px"),raisedZIndex:e.FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index","NUMBER","2"),verticalSpacing:e.FtCssVariableFactory.create("--ft-input-label-vertical-spacing","SIZE","4px"),horizontalSpacing:e.FtCssVariableFactory.create("--ft-input-label-horizontal-spacing","SIZE","12px"),labelMaxWidth:e.FtCssVariableFactory.create("--ft-input-label-max-width","SIZE","100%"),borderColor:e.FtCssVariableFactory.extend("--ft-input-label-border-color",e.designSystemVariables.colorOutline),textColor:e.FtCssVariableFactory.extend("--ft-input-label-text-color",e.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:e.FtCssVariableFactory.extend("--ft-input-label-disabled-text-color",e.designSystemVariables.colorOnSurfaceDisabled),colorSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system"),borderRadiusS:e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusS,"Design system"),colorError:e.FtCssVariableFactory.external(e.designSystemVariables.colorError,"Design system")},ht=i.css`
96
+ `,Object.keys(c).map((t=>function(t){const o=c[t];return r.css`
97
+ font-family: ${o.fontFamily};
98
+ font-size: ${o.fontSize};
99
+ font-weight: ${o.fontWeight};
100
+ letter-spacing: ${o.letterSpacing};
101
+ line-height: ${o.lineHeight};
102
+ text-transform: ${o.textCase};
103
+ `}(t)));const ht={fontSize:o.FtCssVariableFactory.create("--ft-input-label-font-size","","SIZE","14px"),raisedFontSize:o.FtCssVariableFactory.create("--ft-input-label-raised-font-size","","SIZE","11px"),raisedZIndex:o.FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index","","NUMBER","2"),verticalSpacing:o.FtCssVariableFactory.create("--ft-input-label-vertical-spacing","","SIZE","4px"),horizontalSpacing:o.FtCssVariableFactory.create("--ft-input-label-horizontal-spacing","","SIZE","12px"),labelMaxWidth:o.FtCssVariableFactory.create("--ft-input-label-max-width","","SIZE","100%"),borderColor:o.FtCssVariableFactory.extend("--ft-input-label-border-color","",o.designSystemVariables.colorOutline),textColor:o.FtCssVariableFactory.extend("--ft-input-label-text-color","",o.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:o.FtCssVariableFactory.extend("--ft-input-label-disabled-text-color","",o.designSystemVariables.colorOnSurfaceDisabled),colorSurface:o.FtCssVariableFactory.external(o.designSystemVariables.colorSurface,"Design system"),borderRadiusS:o.FtCssVariableFactory.external(o.designSystemVariables.borderRadiusS,"Design system"),colorError:o.FtCssVariableFactory.external(o.designSystemVariables.colorError,"Design system")},bt=r.css`
97
104
  .ft-input-label {
98
105
  position: absolute;
99
106
  inset: 0;
100
107
  display: flex;
101
- background-color: ${yt.colorSurface};
102
- border-radius: ${yt.borderRadiusS} ${yt.borderRadiusS} 0 0;
108
+ background-color: ${ht.colorSurface};
109
+ border-radius: ${ht.borderRadiusS} ${ht.borderRadiusS} 0 0;
103
110
  }
104
111
 
105
112
  .ft-input-label--outlined {
106
- border-radius: ${yt.borderRadiusS};
113
+ border-radius: ${ht.borderRadiusS};
107
114
  }
108
115
 
109
116
  .ft-input-label {
110
- border-color: ${yt.borderColor};
117
+ border-color: ${ht.borderColor};
111
118
  }
112
119
 
113
120
  .ft-input-label.ft-input-label--in-error {
114
- border-color: ${yt.colorError}
121
+ border-color: ${ht.colorError}
115
122
  }
116
123
 
117
124
  .ft-input-label:before,
@@ -124,7 +131,7 @@
124
131
  }
125
132
 
126
133
  .ft-input-label:before {
127
- width: calc(${yt.horizontalSpacing} - 4px);
134
+ width: calc(${ht.horizontalSpacing} - 4px);
128
135
  flex-shrink: 0;
129
136
  }
130
137
 
@@ -140,20 +147,20 @@
140
147
  border-bottom-width: 1px;
141
148
  border-bottom-style: solid;
142
149
  border-color: inherit;
143
- color: ${yt.textColor};
150
+ color: ${ht.textColor};
144
151
  transition: font-size 250ms, line-height 250ms, color 250ms;
145
- max-width: calc(${yt.labelMaxWidth} - 2 * (${yt.horizontalSpacing} - 4px)); /* -2px on spacing for label padding */
152
+ max-width: calc(${ht.labelMaxWidth} - 2 * (${ht.horizontalSpacing} - 4px)); /* -2px on spacing for label padding */
146
153
  text-overflow: ellipsis;
147
- ${e.setVariable(q.fontSize,yt.fontSize)};
148
- ${e.setVariable(q.lineHeight,yt.fontSize)};
154
+ ${o.setVariable(q.fontSize,ht.fontSize)};
155
+ ${o.setVariable(q.lineHeight,ht.fontSize)};
149
156
  }
150
157
 
151
158
  .ft-input-label--in-error .ft-input-label--text {
152
- color: ${yt.colorError}
159
+ color: ${ht.colorError}
153
160
  }
154
161
 
155
162
  .ft-input-label--disabled .ft-input-label--text {
156
- color: ${yt.disabledTextColor};
163
+ color: ${ht.disabledTextColor};
157
164
  }
158
165
 
159
166
  .ft-input-label--hidden-text {
@@ -170,19 +177,19 @@
170
177
  overflow: hidden;
171
178
  white-space: nowrap;
172
179
  text-overflow: ellipsis;
173
- padding: ${yt.verticalSpacing} 4px;
174
- margin: calc(${yt.verticalSpacing} * -1) 0;
180
+ padding: ${ht.verticalSpacing} 4px;
181
+ margin: calc(${ht.verticalSpacing} * -1) 0;
175
182
  max-width: 100%;
176
183
  box-sizing: border-box;
177
184
  }
178
185
 
179
186
  .ft-input-label--raised .ft-input-label--text {
180
- ${e.setVariable(q.fontSize,yt.raisedFontSize)};
181
- ${e.setVariable(q.lineHeight,yt.raisedFontSize)};
187
+ ${o.setVariable(q.fontSize,ht.raisedFontSize)};
188
+ ${o.setVariable(q.lineHeight,ht.raisedFontSize)};
182
189
  }
183
190
 
184
191
  .ft-input-label--raised .ft-input-label--floating-text {
185
- top: ${yt.verticalSpacing};
192
+ top: ${ht.verticalSpacing};
186
193
  }
187
194
 
188
195
  .ft-input-label--outlined .ft-input-label--text,
@@ -195,33 +202,33 @@
195
202
  .ft-input-label--outlined:before {
196
203
  border-left-width: 1px;
197
204
  border-left-style: solid;
198
- border-radius: ${yt.borderRadiusS} 0 0 ${yt.borderRadiusS};
205
+ border-radius: ${ht.borderRadiusS} 0 0 ${ht.borderRadiusS};
199
206
  }
200
207
 
201
208
  .ft-input-label--outlined:after {
202
209
  border-right-width: 1px;
203
210
  border-right-style: solid;
204
- border-radius: 0 ${yt.borderRadiusS} ${yt.borderRadiusS} 0;
211
+ border-radius: 0 ${ht.borderRadiusS} ${ht.borderRadiusS} 0;
205
212
  }
206
213
 
207
214
  .ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
208
215
  padding: 2px 4px;
209
- z-index: ${yt.raisedZIndex};
210
- background-color: ${yt.colorSurface};
211
- border-radius: ${yt.borderRadiusS};
216
+ z-index: ${ht.raisedZIndex};
217
+ background-color: ${ht.colorSurface};
218
+ border-radius: ${ht.borderRadiusS};
212
219
  top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
213
220
  }
214
221
 
215
222
  .ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
216
223
  border-top: none;
217
224
  }
218
- `;var st=function(t,e,i,o){for(var r,n=arguments.length,p=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,a=t.length-1;a>=0;a--)(r=t[a])&&(p=(n<3?r(p):n>3?r(e,i,p):r(e,i))||p);return n>3&&p&&Object.defineProperty(e,i,p),p};class gt extends e.FtLitElement{constructor(){super(...arguments),this.text="",this.raised=!1,this.outlined=!1,this.disabled=!1,this.error=!1}render(){const t={"ft-input-label":!0,"ft-input-label--raised":this.raised,"ft-input-label--outlined":this.outlined,"ft-input-label--disabled":this.disabled,"ft-input-label--in-error":this.error};return i.html`
219
- <div class="${r.classMap(t)}">
220
- ${this.text?i.html`
225
+ `;var mt=function(t,o,r,a){for(var e,n=arguments.length,i=n<3?o:null===a?a=Object.getOwnPropertyDescriptor(o,r):a,l=t.length-1;l>=0;l--)(e=t[l])&&(i=(n<3?e(i):n>3?e(o,r,i):e(o,r))||i);return n>3&&i&&Object.defineProperty(o,r,i),i};class ut extends o.FtLitElement{constructor(){super(...arguments),this.text="",this.raised=!1,this.outlined=!1,this.disabled=!1,this.error=!1}render(){const t={"ft-input-label":!0,"ft-input-label--raised":this.raised,"ft-input-label--outlined":this.outlined,"ft-input-label--disabled":this.disabled,"ft-input-label--in-error":this.error};return r.html`
226
+ <div class="${e.classMap(t)}">
227
+ ${this.text?r.html`
221
228
  <div class="ft-input-label--text ft-typography--caption">
222
229
  <span class="ft-input-label--floating-text">${this.text}</span>
223
230
  <span class="ft-input-label--hidden-text" aria-hidden="true">${this.text}</span>
224
231
  </div>
225
232
  `:null}
226
233
  </div>
227
- `}}gt.elementDefinitions={},gt.styles=[ft,ht],st([o.property({type:String})],gt.prototype,"text",void 0),st([o.property({type:Boolean})],gt.prototype,"raised",void 0),st([o.property({type:Boolean})],gt.prototype,"outlined",void 0),st([o.property({type:Boolean})],gt.prototype,"disabled",void 0),st([o.property({type:Boolean})],gt.prototype,"error",void 0),e.customElement("ft-input-label")(gt),t.FtInputLabel=gt,t.FtInputLabelCssVariables=yt,t.styles=ht}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litClassMap);
234
+ `}}ut.elementDefinitions={},ut.styles=[st,bt],mt([a.property({type:String})],ut.prototype,"text",void 0),mt([a.property({type:Boolean})],ut.prototype,"raised",void 0),mt([a.property({type:Boolean})],ut.prototype,"outlined",void 0),mt([a.property({type:Boolean})],ut.prototype,"disabled",void 0),mt([a.property({type:Boolean})],ut.prototype,"error",void 0),o.customElement("ft-input-label")(ut),t.FtInputLabel=ut,t.FtInputLabelCssVariables=ht,t.styles=bt}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litClassMap);