@scania/tegel 1.36.0-beta-tag-component.0 → 1.36.0-tag-component-beta.1
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/dist/cjs/index-ca8040ad.js +4 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/tds-tag.cjs.entry.js +30 -0
- package/dist/cjs/tds-text-field.cjs.entry.js +5 -5
- package/dist/cjs/tds-textarea.cjs.entry.js +3 -3
- package/dist/cjs/tds-toast.cjs.entry.js +3 -3
- package/dist/cjs/tds-toggle.cjs.entry.js +2 -2
- package/dist/cjs/tds-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/tegel.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/tag/tag.css +99 -0
- package/dist/collection/components/tag/tag.js +91 -0
- package/dist/collection/components/text-field/text-field.js +5 -5
- package/dist/collection/components/textarea/textarea.js +3 -3
- package/dist/collection/components/toast/toast.js +3 -3
- package/dist/collection/components/toggle/toggle.js +2 -2
- package/dist/collection/components/tooltip/tooltip.js +2 -2
- package/dist/components/{p-9cee9d7f.js → p-3edd7602.js} +2 -2
- package/dist/components/tds-tag.d.ts +11 -0
- package/dist/components/tds-tag.js +48 -0
- package/dist/components/tds-text-field.js +6 -6
- package/dist/components/tds-textarea.js +4 -4
- package/dist/components/tds-toast.js +3 -3
- package/dist/components/tds-toggle.js +2 -2
- package/dist/components/tds-tooltip.js +1 -1
- package/dist/esm/index-51d04e39.js +4 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/tds-tag.entry.js +26 -0
- package/dist/esm/tds-text-field.entry.js +5 -5
- package/dist/esm/tds-textarea.entry.js +3 -3
- package/dist/esm/tds-toast.entry.js +3 -3
- package/dist/esm/tds-toggle.entry.js +2 -2
- package/dist/esm/tds-tooltip.entry.js +2 -2
- package/dist/esm/tegel.js +1 -1
- package/dist/tegel/{p-4274d329.entry.js → p-0803e5c6.entry.js} +1 -1
- package/dist/tegel/{p-b8a33966.entry.js → p-3beb34ff.entry.js} +1 -1
- package/dist/tegel/{p-fe8a4544.entry.js → p-88b90df0.entry.js} +1 -1
- package/dist/tegel/{p-cf1413f0.entry.js → p-9e75f2ec.entry.js} +1 -1
- package/dist/tegel/{p-67b4b2cf.entry.js → p-c7841820.entry.js} +1 -1
- package/dist/tegel/p-e122a85d.entry.js +1 -0
- package/dist/tegel/tegel.css +1 -1
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/tag/tag.d.ts +14 -0
- package/dist/types/components.d.ts +37 -0
- package/package.json +5 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as a}from"./p-2049fab2.js";import{g as r}from"./p-11648030.js";const s=class{constructor(a){t(this,a),this.tdsChange=e(this,"tdsChange",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.uuid=r(),this.label="",this.name="",this.helper=void 0,this.cols=void 0,this.rows=void 0,this.labelPosition="no-label",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.state="default",this.maxLength=void 0,this.modeVariant=null,this.autofocus=!1,this.noMinWidth=!1,this.tdsAriaLabel=void 0,this.focusInput=void 0}handleChange(t){this.tdsChange.emit(t)}handleBlur(t){this.tdsBlur.emit(t),this.focusInput=!1}handleInput(t){t.target instanceof HTMLTextAreaElement&&(this.value=t.target.value,this.tdsInput.emit(t))}handleFocus(t){this.textEl.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}async focusElement(){this.textEl&&(this.textEl.focus(),this.focusInput=!0)}setModeVariant(t){return this.readOnly&&"primary"===t?"secondary":this.readOnly&&"secondary"===t?"primary":t}connectedCallback(){this.tdsAriaLabel||this.label||console.warn("Tegel Textarea component: specify label or tdsAriaLabel prop for accessibility")}render(){var t;return a("div",{key:"06fd8ce87614410858a7d9253fac73a6f1cf20ec",class:{"textarea-container":!0,"textarea-label-inside":"inside"===this.labelPosition,"textarea-focus":this.focusInput,"textarea-disabled":this.disabled,"textarea-readonly":!this.disabled&&this.readOnly,[`tds-mode-variant-${this.setModeVariant(this.modeVariant)}`]:!0,"textarea-data":""!==this.value,[`textarea-${this.state}`]:"error"===this.state||"success"===this.state,"no-min-width":this.noMinWidth}},"no-label"!==this.labelPosition&&a("label",{key:"1a02a333e4164b39fd223c68cc3d27d7c53487fb",htmlFor:`textarea-element-${this.uuid}`,class:"textarea-label"},this.label),a("div",{key:"6d45e8c8427770accc82c7ad9e10fbed016437a4",class:"textarea-wrapper"},a("textarea",{key:"614c30a5b5077060b1568744cf0800580e746819",id:`textarea-element-${this.uuid}`,class:"textarea-input",ref:t=>{this.textEl=t},disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,name:this.name,autofocus:this.autofocus,maxlength:this.maxLength,cols:this.cols,rows:this.rows,onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),"aria-invalid":"error"===this.state?"true":"false","aria-readonly":this.readOnly?"true":"false","aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`textarea-helper-element-${this.uuid}`}),a("span",{key:"e0574ae32d1ce9c69156dc2aa52d8d1881b6ff9b",class:"textarea-resizer-icon"},a("svg",{key:"23e79729cc099b7e4f07192c05aa4a304b91788a",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"54891720aa51af768f467be5bd8a72fc7adc8d47","fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z",fill:"currentColor"}))),!this.disabled&&!this.hideReadOnlyIcon&&this.readOnly&&a("span",{key:"72e3586f1be99460ced66d640392b4596e5b8c2f",class:"textarea-icon__readonly"},a("tds-tooltip",{key:"9f84391a75b5ae428c71d3b713a9d281c4475a09",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),a("tds-icon",{key:"55e195bb50d8b707ec3a403c8c62cad74d738919",id:"readonly-tooltip",name:"edit_inactive",svgTitle:"inactive"}))),a("span",{key:"ff2043a19ebb129178ecfd36126b0d23eacde4d1",class:"textarea-helper","aria-live":"assertive",id:`textarea-helper-element-${this.uuid}`},"error"===this.state&&this.helper&&!this.readOnly&&a("tds-icon",{key:"84b0991ef5ddab7f960ba75db22c65762b0b5d20",name:"error",size:"16px"}),this.helper),this.maxLength>0&&a("div",{key:"963b3a3bdafeabec6ad2bd3663c07ed0d4a5b3fd",class:"textarea-textcounter"},null===this.value?0:null===(t=this.value)||void 0===t?void 0:t.length,a("span",{key:"8496a0ae44721cdcd9443e09ff6a709b6d3c704f",class:"textfield-textcounter-divider"}," / ")," ",this.maxLength))}};s.style=".textarea-container.sc-tds-textarea{border-radius:4px 4px 0 0;position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-tds-textarea{min-width:unset}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea{position:relative;width:unset;min-width:100%}.textarea-input.sc-tds-textarea{border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-textarea-color);background-color:var(--tds-textarea-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;border-bottom:1px solid var(--tds-textarea-border-bottom);transition:border-bottom-color 200ms ease}.textarea-input.sc-tds-textarea:read-only{background-color:var(--tds-textarea-read-only-background)}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--tds-textarea-placeholder);transition:color 200ms ease}.textarea-input.sc-tds-textarea:disabled{background-color:var(--tds-textarea-disabled-background);color:var(--tds-textarea-disabled-color);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--tds-textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{border-bottom-color:var(--tds-textarea-border-bottom-hover)}.textarea-input.sc-tds-textarea:hover::placeholder{color:var(--tds-textarea-placeholder-hover)}.textarea-input.sc-tds-textarea:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;border-radius:0;border-bottom:1px solid transparent}.textarea-resizer-icon.sc-tds-textarea{color:var(--tds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--tds-textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-textarea-label-color)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);transition:0.1s ease all;color:var(--tds-textarea-label-inside-color);position:absolute;top:var(--tds-spacing-element-20);left:var(--tds-spacing-element-16)}.textarea-container.textarea-label-inside.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea .sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--tds-textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--tds-spacing-element-4)}.textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--tds-textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-tds-textarea~.textarea-textcounter.sc-tds-textarea{flex-basis:auto}.textarea-success.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:transparent;pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px;color:var(--tds-textarea-icon-read-only-color)}.textarea-icon__readonly-label.sc-tds-textarea{display:none;position:absolute;right:18px;top:48px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);padding:8px;color:var(--tds-textarea-icon-read-only-label-color);background-color:var(--tds-textarea-icon-read-only-label-background);white-space:nowrap;border-radius:4px 0 4px 4px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-read-only-color)}.textarea-readonly.sc-tds-textarea .textfield-container.sc-tds-textarea{background-color:transparent}.textarea-readonly.sc-tds-textarea:has(.textarea-icon__readonly) .textarea-input.sc-tds-textarea{padding-right:54px}";export{s as tds_textarea}
|
|
1
|
+
import{r as t,c as e,h as a}from"./p-2049fab2.js";import{g as r}from"./p-11648030.js";const s=class{constructor(a){t(this,a),this.tdsChange=e(this,"tdsChange",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.uuid=r(),this.label="",this.name="",this.helper=void 0,this.cols=void 0,this.rows=void 0,this.labelPosition="no-label",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.state="default",this.maxLength=void 0,this.modeVariant=null,this.autofocus=!1,this.noMinWidth=!1,this.tdsAriaLabel=void 0,this.focusInput=void 0}handleChange(t){this.tdsChange.emit(t)}handleBlur(t){this.tdsBlur.emit(t),this.focusInput=!1}handleInput(t){t.target instanceof HTMLTextAreaElement&&(this.value=t.target.value,this.tdsInput.emit(t))}handleFocus(t){this.textEl.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}async focusElement(){this.textEl&&(this.textEl.focus(),this.focusInput=!0)}setModeVariant(t){return this.readOnly&&"primary"===t?"secondary":this.readOnly&&"secondary"===t?"primary":t}connectedCallback(){this.tdsAriaLabel||this.label||console.warn("Tegel Textarea component: specify label or tdsAriaLabel prop for accessibility")}render(){var t;return a("div",{key:"4e4048bca7482372c33e4bc2e0790f848c7bef37",class:{"textarea-container":!0,"textarea-label-inside":"inside"===this.labelPosition,"textarea-focus":this.focusInput,"textarea-disabled":this.disabled,"textarea-readonly":!this.disabled&&this.readOnly,[`tds-mode-variant-${this.setModeVariant(this.modeVariant)}`]:!0,"textarea-data":""!==this.value,[`textarea-${this.state}`]:"error"===this.state||"success"===this.state,"no-min-width":this.noMinWidth}},"no-label"!==this.labelPosition&&a("label",{key:"bc9ed66490b0826b6010b7b3f15e897a1c56fab2",htmlFor:`textarea-element-${this.uuid}`,class:"textarea-label"},this.label),a("div",{key:"c44d68a2f207c55924d381d5feaa5d45b8d1693a",class:"textarea-wrapper"},a("textarea",{key:"fb810672ae5625d88ddef2cb619ebf82a89bd1b8",id:`textarea-element-${this.uuid}`,class:"textarea-input",ref:t=>{this.textEl=t},disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,name:this.name,autofocus:this.autofocus,maxlength:this.maxLength,cols:this.cols,rows:this.rows,onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),"aria-invalid":"error"===this.state?"true":"false","aria-readonly":this.readOnly?"true":"false","aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`textarea-helper-element-${this.uuid}`}),a("span",{key:"2c5e563c67c1a9653fa8f4cac4d7bb6fad597798",class:"textarea-resizer-icon"},a("svg",{key:"05aa8ee404423cd45a413f8c515ebbd5a0369614",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"40ddf0c7ec5e8252c03eebaa831338d6a7636eed","fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z",fill:"currentColor"}))),!this.disabled&&!this.hideReadOnlyIcon&&this.readOnly&&a("span",{key:"33c3089fdc770b7c1a7d385278e6e2e0169185f8",class:"textarea-icon__readonly"},a("tds-tooltip",{key:"f949026759c34a02ef86003bc2cd5caf763cbe23",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),a("tds-icon",{key:"4095c8b15b6435dfd9e055410489f18bca750eba",id:"readonly-tooltip",name:"edit_inactive",svgTitle:"inactive"}))),a("span",{key:"b1a5609ab86bd12636e6ef9e809f1a6b920d3f13",class:"textarea-helper","aria-live":"assertive",id:`textarea-helper-element-${this.uuid}`},"error"===this.state&&this.helper&&!this.readOnly&&a("tds-icon",{key:"4eeeac4f43dd0d5f07e01067792e56872fcb6a2a",name:"error",size:"16px"}),this.helper),this.maxLength>0&&a("div",{key:"3308422db35a916e93737c59f985fe3b4d8cdc3e",class:"textarea-textcounter"},null===this.value?0:null===(t=this.value)||void 0===t?void 0:t.length,a("span",{key:"f7e00b0dcf13980aebbee3fa4041ff8708df8cc5",class:"textfield-textcounter-divider"}," / ")," ",this.maxLength))}};s.style=".textarea-container.sc-tds-textarea{border-radius:4px 4px 0 0;position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-tds-textarea{min-width:unset}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea{position:relative;width:unset;min-width:100%}.textarea-input.sc-tds-textarea{border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-textarea-color);background-color:var(--tds-textarea-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;border-bottom:1px solid var(--tds-textarea-border-bottom);transition:border-bottom-color 200ms ease}.textarea-input.sc-tds-textarea:read-only{background-color:var(--tds-textarea-read-only-background)}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--tds-textarea-placeholder);transition:color 200ms ease}.textarea-input.sc-tds-textarea:disabled{background-color:var(--tds-textarea-disabled-background);color:var(--tds-textarea-disabled-color);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--tds-textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{border-bottom-color:var(--tds-textarea-border-bottom-hover)}.textarea-input.sc-tds-textarea:hover::placeholder{color:var(--tds-textarea-placeholder-hover)}.textarea-input.sc-tds-textarea:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;border-radius:0;border-bottom:1px solid transparent}.textarea-resizer-icon.sc-tds-textarea{color:var(--tds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--tds-textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-textarea-label-color)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);transition:0.1s ease all;color:var(--tds-textarea-label-inside-color);position:absolute;top:var(--tds-spacing-element-20);left:var(--tds-spacing-element-16)}.textarea-container.textarea-label-inside.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea .sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--tds-textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--tds-spacing-element-4)}.textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--tds-textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-tds-textarea~.textarea-textcounter.sc-tds-textarea{flex-basis:auto}.textarea-success.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:transparent;pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px;color:var(--tds-textarea-icon-read-only-color)}.textarea-icon__readonly-label.sc-tds-textarea{display:none;position:absolute;right:18px;top:48px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);padding:8px;color:var(--tds-textarea-icon-read-only-label-color);background-color:var(--tds-textarea-icon-read-only-label-background);white-space:nowrap;border-radius:4px 0 4px 4px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-read-only-color)}.textarea-readonly.sc-tds-textarea .textfield-container.sc-tds-textarea{background-color:transparent}.textarea-readonly.sc-tds-textarea:has(.textarea-icon__readonly) .textarea-input.sc-tds-textarea{padding-right:54px}";export{s as tds_textarea}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as d,g as i}from"./p-2049fab2.js";import{h as l}from"./p-ae110fc2.js";import{g as s}from"./p-11648030.js";const r=class{constructor(d){t(this,d),this.tdsChange=e(this,"tdsChange",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsBlur=e(this,"tdsBlur",6),this.uuid=s(),this.type="text",this.labelPosition="no-label",this.label="",this.min=void 0,this.max=void 0,this.helper=void 0,this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.size="lg",this.modeVariant=null,this.noMinWidth=!1,this.name="",this.state="default",this.maxLength=void 0,this.autofocus=!1,this.tdsAriaLabel=void 0,this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleInput(t){const e=t.target;let{value:d}=e;if("number"===this.type){const t=Number(d);void 0!==this.min&&t<Number(this.min)&&(d=String(this.min)),void 0!==this.max&&t>Number(this.max)&&(d=String(this.max)),e.value=d}this.value=d,this.tdsInput.emit(t)}handleFocus(t){this.textInput.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}handleBlur(t){this.focusInput=!1,this.tdsBlur.emit(t)}async focusElement(){this.textInput&&this.textInput.focus()}connectedCallback(){this.tdsAriaLabel||console.warn("Tegel Text Field component: prop tdsAriaLabel is missing")}render(){var t;const e=l("prefix",this.host),i=l("suffix",this.host);return d("div",{key:"985928ef59662762648f2d95d5decad2e3188e05",class:{"form-text-field":!0,"form-text-field-nomin":this.noMinWidth,"text-field-focus":this.focusInput&&!this.disabled,"text-field-data":""!==this.value&&null!==this.value,"text-field-container-label-inside":"inside"===this.labelPosition&&"sm"!==this.size,"form-text-field-disabled":this.disabled,"form-text-field-readonly":!this.disabled&&this.readOnly,"tds-mode-variant-primary":this.readOnly?"secondary"===this.modeVariant:"primary"===this.modeVariant,"tds-mode-variant-secondary":this.readOnly?"primary"===this.modeVariant:"secondary"===this.modeVariant,"form-text-field-md":"md"===this.size,"form-text-field-sm":"sm"===this.size,"form-text-field-error":"error"===this.state,"form-text-field-success":"success"===this.state}},"outside"===this.labelPosition&&d("div",{key:"7a409b43a1fee8b7b078abc5f96c925ab97bcedc",class:"text-field-label-outside"},d("label",{key:"c6bdaab4e6f81a95aa71a4e23a1f02fb1bcef9ec",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),d("div",{key:"945f7901a92850da22ab84c5fe77e2d97738aaa9",onClick:()=>this.textInput.focus(),class:"text-field-container"},e&&d("div",{key:"5d6cb2facb8ff90b7393409b769c2b5e5a860421",class:{"text-field-slot-wrap-prefix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state}},d("slot",{key:"b0f0e3ebb96dbd2af021150b68690af566db44b9",name:"prefix"})),d("div",{key:"c5b172ee6c561256ab930490113f406b88eae67c",class:"text-field-input-container"},d("input",{key:"2e0a9070b41bde39a2a0f14b132f474692eb0e04",ref:t=>{this.textInput=t},class:{"text-field-input":!0,"text-field-input-sm":"sm"===this.size,"text-field-input-md":"md"===this.size,"text-field-input-lg":"lg"===this.size},type:this.type,disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,autofocus:this.autofocus,maxlength:this.maxLength,name:this.name,min:this.min,max:this.max,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},"aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`text-field-helper-element-${this.uuid}`,"aria-readonly":this.readOnly,id:`text-field-input-element-${this.uuid}`}),"inside"===this.labelPosition&&"sm"!==this.size&&d("label",{key:"ffb3bbb84ab718c2259134f32ee6dd0eb348cb9f",class:"text-field-label-inside",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),d("div",{key:"166da0147311d28064b7e03bbefd1a0ee18db5ca",class:"text-field-bar"}),i&&d("div",{key:"4bb21d12957bf65d525931c88a5a89fff49d4eaf",class:{"text-field-slot-wrap-suffix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state,"tds-u-display-none":this.readOnly}},d("slot",{key:"7e67dbc8f4f67cb0c7d194e01e5787ae18ffab13",name:"suffix"})),this.readOnly&&!this.hideReadOnlyIcon&&d("span",{key:"d213ec000d837cbd4b711468ef3cfa826cc65ac2",class:"text-field-icon__readonly"},d("tds-tooltip",{key:"b89530a2422cdf782e92a124e7c353b4432b9719",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),d("tds-icon",{key:"fa2a35bc8514d802152a147d9c17c9a8dbe952c8",id:"readonly-tooltip",name:"edit_inactive",size:"20px"}))),d("div",{key:"902924863a2e58f820647b89f289c4e649dd63a5","aria-live":"assertive"},(this.helper||this.maxLength>0)&&d("div",{key:"6bc81db447e040154a7d35acddbe732d8fbc5134",class:"text-field-helper",id:`text-field-helper-element-${this.uuid}`},"error"===this.state&&d("div",{key:"990205934bb31c179478c68cca7a991056678838",class:"text-field-helper-error-state"},!this.readOnly&&d("tds-icon",{key:"cfc4b7b95164832fcfa4c744a640356187ac41c1",name:"error",size:"16px"}),this.helper),"error"!==this.state&&this.helper,!this.readOnly&&this.maxLength>0&&d("span",{key:"bbcaee6e47a36ccce4e05ba672d92211f2612fd1",class:{"text-field-textcounter-divider":!0,"text-field-textcounter-disabled":this.disabled}},null===this.value?0:null===(t=this.value)||void 0===t?void 0:t.length," / ",this.maxLength))))}get host(){return i(this)}};r.style='.text-field-input-lg.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-lg.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-lg.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-lg.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-lg.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-md.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-md.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-md.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-md.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-sm.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-sm.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-sm.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-sm.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-container.sc-tds-text-field{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-text-field-background);border-bottom:1px solid var(--tds-text-field-border-bottom);transition:border-bottom-color 200ms ease}.text-field-container.sc-tds-text-field:hover{border-bottom-color:var(--tds-text-field-border-bottom-hover)}.form-text-field-md.sc-tds-text-field .text-field-container.sc-tds-text-field{height:48px}.form-text-field-sm.sc-tds-text-field .text-field-container.sc-tds-text-field{height:40px}.text-field-input-container.sc-tds-text-field{position:relative;width:100%}.text-field-data.sc-tds-text-field,.text-field-input.sc-tds-text-field{color:var(--tds-text-field-data-color)}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-text-field-label-color)}.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-text-field-label-inside-color);left:16px}.form-text-field.sc-tds-text-field{display:block;min-width:208px}.form-text-field-nomin.sc-tds-text-field{min-width:auto}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:20px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.text-field-bar.sc-tds-text-field{position:absolute;width:100%}.text-field-bar.sc-tds-text-field::before,.text-field-bar.sc-tds-text-field::after{content:"";height:2px;top:54px;width:0;position:absolute;background:var(--tds-text-field-bar);transition:0.35s ease all}.form-text-field-md.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.form-text-field-md.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{top:46px}.form-text-field-sm.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.form-text-field-sm.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{top:40px}.text-field-bar.sc-tds-text-field::before{left:50%}.text-field-bar.sc-tds-text-field::after{right:50%}.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{width:50%}.text-field-helper.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;justify-content:space-between;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-text-field-helper)}.text-field-helper.sc-tds-text-field .text-field-textcounter.sc-tds-text-field{margin-left:auto}.form-text-field-disabled.sc-tds-text-field .text-field-container.sc-tds-text-field{cursor:not-allowed;border-bottom-color:transparent}.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-prefix.sc-tds-text-field>*.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-suffix.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-ps-color-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--tds-text-field-icon-read-only-label-color)}.text-field-icon__readonly.sc-tds-text-field .tds-tooltip.sc-tds-text-field{min-width:150px}.form-text-field-readonly.sc-tds-text-field{user-select:auto;caret-color:transparent;cursor:default}.form-text-field-readonly.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-readonly)}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field:hover~.text-field-icon__readonly-label.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:transparent}.form-text-field-readonly.sc-tds-text-field:has(.text-field-icon__readonly) .text-field-input.sc-tds-text-field{padding-right:54px}.form-text-field-success.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-success)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-bar.sc-tds-text-field::before,.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-bar.sc-tds-text-field::after{background:var(--tds-text-field-bar-error)}.text-field-helper-error-state.sc-tds-text-field{display:flex;gap:8px;flex-wrap:nowrap}.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-text-field-textcounter);float:right}.text-field-textcounter.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.text-field-textcounter-divider.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider)}.text-field-textcounter.text-field-textcounter-divider-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider-disabled)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{align-self:center;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);margin:0 0 0 14px;color:var(--tds-text-field-ps-color)}.text-field-slot-wrap-prefix.sc-tds-text-field-s>:not(tds-icon),.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 0 0 2px}.text-field-slot-wrap-prefix.text-field-error.sc-tds-text-field,.text-field-slot-wrap-suffix.text-field-error.sc-tds-text-field{color:var(--tds-text-field-ps-color-error)}.text-field-slot-wrap-suffix.sc-tds-text-field{margin:0 14px 0 0}.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 2px 0 0}';export{r as tds_text_field}
|
|
1
|
+
import{r as t,c as e,h as d,g as i}from"./p-2049fab2.js";import{h as l}from"./p-ae110fc2.js";import{g as s}from"./p-11648030.js";const r=class{constructor(d){t(this,d),this.tdsChange=e(this,"tdsChange",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsBlur=e(this,"tdsBlur",6),this.uuid=s(),this.type="text",this.labelPosition="no-label",this.label="",this.min=void 0,this.max=void 0,this.helper=void 0,this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.size="lg",this.modeVariant=null,this.noMinWidth=!1,this.name="",this.state="default",this.maxLength=void 0,this.autofocus=!1,this.tdsAriaLabel=void 0,this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleInput(t){const e=t.target;let{value:d}=e;if("number"===this.type){const t=Number(d);void 0!==this.min&&t<Number(this.min)&&(d=String(this.min)),void 0!==this.max&&t>Number(this.max)&&(d=String(this.max)),e.value=d}this.value=d,this.tdsInput.emit(t)}handleFocus(t){this.textInput.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}handleBlur(t){this.focusInput=!1,this.tdsBlur.emit(t)}async focusElement(){this.textInput&&this.textInput.focus()}connectedCallback(){this.tdsAriaLabel||console.warn("Tegel Text Field component: prop tdsAriaLabel is missing")}render(){var t;const e=l("prefix",this.host),i=l("suffix",this.host);return d("div",{key:"d89807d294eef78042812ab972347b02bf09ca3b",class:{"form-text-field":!0,"form-text-field-nomin":this.noMinWidth,"text-field-focus":this.focusInput&&!this.disabled,"text-field-data":""!==this.value&&null!==this.value,"text-field-container-label-inside":"inside"===this.labelPosition&&"sm"!==this.size,"form-text-field-disabled":this.disabled,"form-text-field-readonly":!this.disabled&&this.readOnly,"tds-mode-variant-primary":this.readOnly?"secondary"===this.modeVariant:"primary"===this.modeVariant,"tds-mode-variant-secondary":this.readOnly?"primary"===this.modeVariant:"secondary"===this.modeVariant,"form-text-field-md":"md"===this.size,"form-text-field-sm":"sm"===this.size,"form-text-field-error":"error"===this.state,"form-text-field-success":"success"===this.state}},"outside"===this.labelPosition&&d("div",{key:"e47d71e8415802cef02fd832d67ae3fabc941f61",class:"text-field-label-outside"},d("label",{key:"a840356fe2a5758bb8d219a42121d4896fb460e9",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),d("div",{key:"937a2edc262e2d2f7523b18d562e847f4c6a68cf",onClick:()=>this.textInput.focus(),class:"text-field-container"},e&&d("div",{key:"ffec573debf07ce940c56e0c5b53b37ffb3e4a7b",class:{"text-field-slot-wrap-prefix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state}},d("slot",{key:"0024d886c26708f326f9750fce178c0d916e1fcd",name:"prefix"})),d("div",{key:"6612a79dca8842c4fa50683a28d33d4a813a6557",class:"text-field-input-container"},d("input",{key:"f3a3a2476289e3b87409dbf5bb67c8983c5cdcd3",ref:t=>{this.textInput=t},class:{"text-field-input":!0,"text-field-input-sm":"sm"===this.size,"text-field-input-md":"md"===this.size,"text-field-input-lg":"lg"===this.size},type:this.type,disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,autofocus:this.autofocus,maxlength:this.maxLength,name:this.name,min:this.min,max:this.max,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},"aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`text-field-helper-element-${this.uuid}`,"aria-readonly":this.readOnly,id:`text-field-input-element-${this.uuid}`}),"inside"===this.labelPosition&&"sm"!==this.size&&d("label",{key:"85148d3ad53ac2261f39fab3951e34d6031fe491",class:"text-field-label-inside",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),d("div",{key:"237b915b922532e3e56e4164f6ac6478addfd98a",class:"text-field-bar"}),i&&d("div",{key:"b6ad2a2bb9e1bed1c6483f917b6821e348498509",class:{"text-field-slot-wrap-suffix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state,"tds-u-display-none":this.readOnly}},d("slot",{key:"3eafecee94e39288fc7c2e102067c85c2627d304",name:"suffix"})),this.readOnly&&!this.hideReadOnlyIcon&&d("span",{key:"0a87c83bc31ec47877743d37e390cf29c2555f6c",class:"text-field-icon__readonly"},d("tds-tooltip",{key:"81e830a4bca0448f750ba6a40d0010b998ca7a05",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),d("tds-icon",{key:"16cf9d03aabc841336893bc4bfbc3cc8e430b30c",id:"readonly-tooltip",name:"edit_inactive",size:"20px"}))),d("div",{key:"c8e2dcb1f2e8b5eaa11df4a055ee9569710b9f87","aria-live":"assertive"},(this.helper||this.maxLength>0)&&d("div",{key:"c7f347e44f3c3529e4f52958fc0b51403669a473",class:"text-field-helper",id:`text-field-helper-element-${this.uuid}`},"error"===this.state&&d("div",{key:"a208201df33fad685bd7548f2d4653e4b560e8a8",class:"text-field-helper-error-state"},!this.readOnly&&d("tds-icon",{key:"0de28c14b12992c9627c6d0b32158dc98e4e4716",name:"error",size:"16px"}),this.helper),"error"!==this.state&&this.helper,!this.readOnly&&this.maxLength>0&&d("span",{key:"02c33ab122b01d3e9ebcd891ce8000f0654bbcb4",class:{"text-field-textcounter-divider":!0,"text-field-textcounter-disabled":this.disabled}},null===this.value?0:null===(t=this.value)||void 0===t?void 0:t.length," / ",this.maxLength))))}get host(){return i(this)}};r.style='.text-field-input-lg.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-lg.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-lg.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-lg.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-lg.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-md.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-md.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-md.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-md.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-sm.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-sm.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-sm.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-sm.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-container.sc-tds-text-field{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-text-field-background);border-bottom:1px solid var(--tds-text-field-border-bottom);transition:border-bottom-color 200ms ease}.text-field-container.sc-tds-text-field:hover{border-bottom-color:var(--tds-text-field-border-bottom-hover)}.form-text-field-md.sc-tds-text-field .text-field-container.sc-tds-text-field{height:48px}.form-text-field-sm.sc-tds-text-field .text-field-container.sc-tds-text-field{height:40px}.text-field-input-container.sc-tds-text-field{position:relative;width:100%}.text-field-data.sc-tds-text-field,.text-field-input.sc-tds-text-field{color:var(--tds-text-field-data-color)}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-text-field-label-color)}.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-text-field-label-inside-color);left:16px}.form-text-field.sc-tds-text-field{display:block;min-width:208px}.form-text-field-nomin.sc-tds-text-field{min-width:auto}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:20px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.text-field-bar.sc-tds-text-field{position:absolute;width:100%}.text-field-bar.sc-tds-text-field::before,.text-field-bar.sc-tds-text-field::after{content:"";height:2px;top:54px;width:0;position:absolute;background:var(--tds-text-field-bar);transition:0.35s ease all}.form-text-field-md.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.form-text-field-md.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{top:46px}.form-text-field-sm.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.form-text-field-sm.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{top:40px}.text-field-bar.sc-tds-text-field::before{left:50%}.text-field-bar.sc-tds-text-field::after{right:50%}.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{width:50%}.text-field-helper.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;justify-content:space-between;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-text-field-helper)}.text-field-helper.sc-tds-text-field .text-field-textcounter.sc-tds-text-field{margin-left:auto}.form-text-field-disabled.sc-tds-text-field .text-field-container.sc-tds-text-field{cursor:not-allowed;border-bottom-color:transparent}.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-prefix.sc-tds-text-field>*.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-suffix.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-ps-color-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--tds-text-field-icon-read-only-label-color)}.text-field-icon__readonly.sc-tds-text-field .tds-tooltip.sc-tds-text-field{min-width:150px}.form-text-field-readonly.sc-tds-text-field{user-select:auto;caret-color:transparent;cursor:default}.form-text-field-readonly.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-readonly)}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field:hover~.text-field-icon__readonly-label.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:transparent}.form-text-field-readonly.sc-tds-text-field:has(.text-field-icon__readonly) .text-field-input.sc-tds-text-field{padding-right:54px}.form-text-field-success.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-success)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-bar.sc-tds-text-field::before,.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-bar.sc-tds-text-field::after{background:var(--tds-text-field-bar-error)}.text-field-helper-error-state.sc-tds-text-field{display:flex;gap:8px;flex-wrap:nowrap}.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-text-field-textcounter);float:right}.text-field-textcounter.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.text-field-textcounter-divider.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider)}.text-field-textcounter.text-field-textcounter-divider-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider-disabled)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{align-self:center;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);margin:0 0 0 14px;color:var(--tds-text-field-ps-color)}.text-field-slot-wrap-prefix.sc-tds-text-field-s>:not(tds-icon),.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 0 0 2px}.text-field-slot-wrap-prefix.text-field-error.sc-tds-text-field,.text-field-slot-wrap-suffix.text-field-error.sc-tds-text-field{color:var(--tds-text-field-ps-color-error)}.text-field-slot-wrap-suffix.sc-tds-text-field{margin:0 14px 0 0}.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 2px 0 0}';export{r as tds_text_field}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as s,g as o}from"./p-2049fab2.js";import{g as d}from"./p-11648030.js";const g=class{constructor(s){t(this,s),this.tdsToggle=e(this,"tdsToggle",6),this.handleToggle=()=>{this.checked=!this.checked,this.tdsToggle.emit({toggleId:this.toggleId,checked:this.checked})},this.checked=!1,this.required=!1,this.size="lg",this.name=void 0,this.headline=void 0,this.disabled=!1,this.toggleId=d(),this.tdsAriaLabel=void 0}async toggle(){return this.checked=!this.checked,{toggleId:this.toggleId,checked:this.checked}}async focusElement(){this.inputElement&&this.inputElement.focus()}componentWillLoad(){this.labelSlot=this.host.querySelector("[slot='label']")}connectedCallback(){this.tdsAriaLabel||console.warn("Tegel Toggle component: tdsAriaLabel prop is missing")}render(){return s("div",{key:"
|
|
1
|
+
import{r as t,c as e,h as s,g as o}from"./p-2049fab2.js";import{g as d}from"./p-11648030.js";const g=class{constructor(s){t(this,s),this.tdsToggle=e(this,"tdsToggle",6),this.handleToggle=()=>{this.checked=!this.checked,this.tdsToggle.emit({toggleId:this.toggleId,checked:this.checked})},this.checked=!1,this.required=!1,this.size="lg",this.name=void 0,this.headline=void 0,this.disabled=!1,this.toggleId=d(),this.tdsAriaLabel=void 0}async toggle(){return this.checked=!this.checked,{toggleId:this.toggleId,checked:this.checked}}async focusElement(){this.inputElement&&this.inputElement.focus()}componentWillLoad(){this.labelSlot=this.host.querySelector("[slot='label']")}connectedCallback(){this.tdsAriaLabel||console.warn("Tegel Toggle component: tdsAriaLabel prop is missing")}render(){return s("div",{key:"d98ff698099b1222d41a66b4e35c9ab0242a2cdf",class:"tds-toggle"},this.headline&&s("div",{key:"994abebdadee463f9a479682bc80643e24473e68",class:{"toggle-headline":!0,disabled:this.disabled}},this.headline),s("input",{key:"c49a01a12d19808aeb85f9d3a1372cecdafdd345",ref:t=>this.inputElement=t,"aria-label":this.tdsAriaLabel,"aria-describedby":this.host.getAttribute("aria-describedby"),"aria-labelledby":this.host.getAttribute("aria-labelledby"),"aria-checked":this.checked,"aria-required":this.required,onChange:()=>this.handleToggle(),class:`${this.size}`,checked:this.checked,disabled:this.disabled,required:this.required,type:"checkbox",name:this.name,id:this.toggleId,role:"switch"}),this.labelSlot&&s("label",{key:"07e08f38a0ed29958dc0625f87b1b427ba91c40f",class:{disabled:this.disabled},htmlFor:this.toggleId},s("slot",{key:"3eade689bc89606faf163d312431cf41b271d6b3",name:"label"})))}get host(){return o(this)}};g.style='.tds-toggle.sc-tds-toggle .disabled.sc-tds-toggle{cursor:not-allowed}.tds-toggle.sc-tds-toggle .toggle-headline.sc-tds-toggle{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-toggle-headline);margin-bottom:12px}.tds-toggle.sc-tds-toggle .toggle-headline.disabled.sc-tds-toggle{color:var(--tds-toggle-headline-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle{appearance:initial;margin:0;width:44px;height:24px;position:relative;display:inline-block;vertical-align:middle;cursor:pointer}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after,.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{content:"";position:absolute;box-sizing:border-box;transition:all var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-scania)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{width:44px;height:24px;border-radius:16px;background-color:var(--tds-toggle-off-slider);left:0;border:1px solid transparent}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after{width:16px;height:16px;background-color:var(--tds-toggle-switch);border-radius:50%;left:4px;top:4px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus-visible{outline:none;outline:2px solid var(--tds-toggle-border-outline);border-radius:16px;outline-offset:0}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus-visible::before{background-color:var(--tds-toggle-off-slider-focus);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:hover::before{background-color:var(--tds-toggle-off-slider-hover);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:focus-visible::before{background-color:var(--tds-toggle-on-slider-focus);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:hover::before{background-color:var(--tds-toggle-on-slider-hover);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::after{left:24px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled{cursor:not-allowed}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::before{background-color:var(--tds-toggle-on-slider-disabled);border:1px solid var(--tds-toggle-on-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::before{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::after{width:8px;height:8px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::after{left:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle label.sc-tds-toggle{display:inline-block;vertical-align:middle;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);color:var(--tds-toggle-label-color);padding-left:8px;cursor:pointer}.tds-toggle.sc-tds-toggle label.disabled.sc-tds-toggle{color:var(--tds-toggle-label-color-disabled)}';export{g as tds_toggle}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as s,g as i}from"./p-2049fab2.js";import{i as e}from"./p-3fe9cbbf.js";const r=class{constructor(o){t(this,o),this.popperjsExtraModifiers=[{name:"positionCalc",enabled:!0,phase:"main",fn:({state:t})=>{"bottom-start"===t.placement||"right-start"===t.placement?this.border="top-left":"bottom-end"===t.placement||"left-start"===t.placement?this.border="top-right":"top-end"===t.placement||"left-end"===t.placement?this.border="bottom-right":"top-start"===t.placement||"right-end"===t.placement?this.border="bottom-left":"bottom"!==t.placement&&"top"!==t.placement||(this.border="default")}}],this.inheritedAttributes=[],this.text="",this.selector=void 0,this.referenceEl=void 0,this.defaultShow=!1,this.mouseOverTooltip=!1,this.trigger="hover",this.show=null,this.placement="bottom",this.offsetSkidding=0,this.offsetDistance=8,this.tdsAriaDescribedby=void 0}handleKeyDown(t){"Escape"===t.key&&this.show&&(this.show=!1)}componentWillLoad(){this.inheritedAttributes=e(this.host,["style","class"])}determineTrigger(){return"hover"===this.trigger?this.mouseOverTooltip?"hover-popover":"hover":this.trigger}render(){var t;return o(s,{key:"
|
|
1
|
+
import{r as t,h as o,H as s,g as i}from"./p-2049fab2.js";import{i as e}from"./p-3fe9cbbf.js";const r=class{constructor(o){t(this,o),this.popperjsExtraModifiers=[{name:"positionCalc",enabled:!0,phase:"main",fn:({state:t})=>{"bottom-start"===t.placement||"right-start"===t.placement?this.border="top-left":"bottom-end"===t.placement||"left-start"===t.placement?this.border="top-right":"top-end"===t.placement||"left-end"===t.placement?this.border="bottom-right":"top-start"===t.placement||"right-end"===t.placement?this.border="bottom-left":"bottom"!==t.placement&&"top"!==t.placement||(this.border="default")}}],this.inheritedAttributes=[],this.text="",this.selector=void 0,this.referenceEl=void 0,this.defaultShow=!1,this.mouseOverTooltip=!1,this.trigger="hover",this.show=null,this.placement="bottom",this.offsetSkidding=0,this.offsetDistance=8,this.tdsAriaDescribedby=void 0}handleKeyDown(t){"Escape"===t.key&&this.show&&(this.show=!1)}componentWillLoad(){this.inheritedAttributes=e(this.host,["style","class"])}determineTrigger(){return"hover"===this.trigger?this.mouseOverTooltip?"hover-popover":"hover":this.trigger}render(){var t;return o(s,{key:"c518845d34957658ed27d9d43ffca884e5f073f9",role:"tooltip","aria-describedby":this.tdsAriaDescribedby,"aria-label":this.text},o("tds-popover-core",Object.assign({key:"4aadabafa37f45f19c212c52e303e21294bffe3e"},this.inheritedAttributes,{class:{"tds-tooltip":!0,[`tds-tooltip-${this.border}`]:!0,[null!==(t=this.inheritedAttributes.class)&&void 0!==t?t:""]:!0,"tds-tooltip-show":this.show},selector:this.selector,referenceEl:this.referenceEl,trigger:this.determineTrigger(),modifiers:this.popperjsExtraModifiers,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,show:this.show,placement:this.placement,autoHide:!1,onInternalTdsShow:()=>{this.show=!0},onInternalTdsClose:()=>{this.show=!1},defaultShow:this.defaultShow}),this.text,o("slot",{key:"71da01903c44079c0fec8cec1ff882f0782c4555"})))}get host(){return i(this)}};r.style=".sc-tds-tooltip-h{position:absolute}.tds-tooltip.sc-tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;white-space:normal;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip{opacity:1;visibility:visible}";export{r as tds_tooltip}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as a,H as r,g as s}from"./p-2049fab2.js";import{h as d}from"./p-ae110fc2.js";const o=class{constructor(a){t(this,a),this.text="",this.size="Large",this.variant="Neutral"}render(){const t=d("icon",this.host);return a(r,{key:"6059f9ecefbd3ce536037804429454ae670acd44",class:{"tds-tag":!0,[`tds-tag-${this.size.toLowerCase()}`]:!0,[`tds-tag-${this.variant.toLowerCase()}`]:!0}},a("div",{key:"8f871751024d626980c581100589e3df4de415a8",class:"tds-tag-content"},t&&a("slot",{key:"4d392f960e9a8687f7004d8ac1efec51b2beb8d6",name:"icon"}),a("span",{key:"bec8d6e661e655be333966c522e8179a4b05ca74",class:"tds-tag-title"},this.text)))}get host(){return s(this)}};o.style=".sc-tds-tag:root,.tds-mode-light.sc-tds-tag{--tds-tag-success-background:var(--tds-green-100);--tds-tag-success-color:var(--tds-green-700);--tds-tag-warning-background:var(--tds-yellow-50);--tds-tag-warning-color:var(--tds-yellow-700);--tds-tag-new-background:var(--tds-blue-100);--tds-tag-new-color:var(--tds-blue-700);--tds-tag-neutral-background:var(--tds-grey-150);--tds-tag-neutral-color:var(--tds-grey-700);--tds-tag-information-background:var(--tds-blue-200);--tds-tag-information-color:var(--tds-blue-800);--tds-tag-error-background:var(--tds-red-100);--tds-tag-error-color:var(--tds-red-700)}.tds-mode-dark.sc-tds-tag{--tds-tag-success-background:var(--tds-green-200);--tds-tag-success-color:var(--tds-green-800);--tds-tag-warning-background:var(--tds-yellow-100);--tds-tag-warning-color:var(--tds-yellow-800);--tds-tag-new-background:var(--tds-blue-100);--tds-tag-new-color:var(--tds-blue-800);--tds-tag-neutral-background:var(--tds-grey-200);--tds-tag-neutral-color:var(--tds-grey-800);--tds-tag-information-background:var(--tds-blue-200);--tds-tag-information-color:var(--tds-blue-800);--tds-tag-error-background:var(--tds-red-200);--tds-tag-error-color:var(--tds-red-800)}.sc-tds-tag-h{box-sizing:border-box;display:inline-block}.sc-tds-tag-h *.sc-tds-tag{box-sizing:border-box}.sc-tds-tag-h{display:inline-flex;align-items:center;border-radius:4px;background-color:var(--tds-tag-neutral-background);color:var(--tds-tag-neutral-color)}.tds-tag-large.sc-tds-tag-h{padding:4px;gap:4px}.tds-tag-small.sc-tds-tag-h{border-radius:2px;gap:4px;padding:2px 4px}.tds-tag-success.sc-tds-tag-h{background-color:var(--tds-tag-success-background);color:var(--tds-tag-success-color)}.tds-tag-warning.sc-tds-tag-h{background-color:var(--tds-tag-warning-background);color:var(--tds-tag-warning-color)}.tds-tag-new.sc-tds-tag-h{background-color:var(--tds-tag-new-background);color:var(--tds-tag-new-color)}.tds-tag-neutral.sc-tds-tag-h{background-color:var(--tds-tag-neutral-background);color:var(--tds-tag-neutral-color)}.tds-tag-information.sc-tds-tag-h{background-color:var(--tds-tag-information-background);color:var(--tds-tag-information-color)}.tds-tag-error.sc-tds-tag-h{background-color:var(--tds-tag-error-background);color:var(--tds-tag-error-color)}.tds-mode-dark.sc-tds-tag-h{color:var(--tds-grey-100)}.tds-tag-content.sc-tds-tag{display:flex;align-items:center;gap:inherit}.tds-tag-title.sc-tds-tag{font-weight:500}.sc-tds-tag-s>tds-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}";export{o as tds_tag}
|
package/dist/tegel/tegel.css
CHANGED
|
@@ -82,4 +82,4 @@
|
|
|
82
82
|
var(--tds-spacing-element-4);--tds-dropdown-list-border-radius-up:var(--tds-spacing-element-4) var(--tds-spacing-element-4) 0
|
|
83
83
|
0;--tds-dropdown-error:var(--tds-red-400);--tds-dropdown-menu-icon-color:var(--tds-grey-950);--tds-dropdown-clear-icon-color:var(--tds-grey-350);--tds-dropdown-clear-icon-hover-color:var(--tds-grey-350)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-dropdown-bg:var(--tds-grey-50)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-dropdown-bg:var(--tds-white)}:root tds-table-footer,.tds-mode-light tds-table-footer{--tds-dropdown-bg:white;--tds-placeholder-margin:var(--tds-spacing-element-8);--tds-dropdown-border-bottom:transparent;--tds-dropdown-border-bottom-hover:transparent;--tds-dropdown-border-radius:var(--tds-spacing-element-4);--tds-dropdown-list-border-radius-down:var(--tds-spacing-element-4);--tds-dropdown-list-border-radius-up:var(--tds-spacing-element-4)}.tds-mode-dark{--tds-dropdown-bg:var(--tds-grey-868);--tds-dropdown-border-bottom:var(--tds-grey-350);--tds-dropdown-border-bottom-hover:var(--tds-grey-50);--tds-dropdown-value-color:var(--tds-grey-50);--tds-dropdown-label-color:var(--tds-grey-50);--tds-dropdown-label-inside-color:var(--tds-grey-50);--tds-dropdown-helper-color:var(--tds-grey-300);--tds-dropdown-placeholder-color:var(--tds-grey-300);--tds-dropdown-disabled-color:var(--tds-grey-500);--tds-dropdown-list-border-radius-down:0 0 var(--tds-spacing-element-4)
|
|
84
84
|
var(--tds-spacing-element-4);--tds-dropdown-list-border-radius-up:var(--tds-spacing-element-4) var(--tds-spacing-element-4) 0
|
|
85
|
-
0;--tds-dropdown-filter-input-color:var(--tds-grey-50);--tds-dropdown-error:var(--tds-red-300);--tds-dropdown-menu-icon-color:var(--tds-grey-50);--tds-dropdown-clear-icon-color:var(--tds-grey-400);--tds-dropdown-clear-icon-hover-color:var(--tds-grey-400)}.tds-mode-dark .tds-mode-variant-primary{--tds-dropdown-bg:var(--tds-grey-850)}.tds-mode-dark .tds-mode-variant-secondary{--tds-dropdown-bg:var(--tds-grey-900)}.tds-mode-dark tds-table-footer{--tds-dropdown-bg:var(--tds-grey-850);--tds-dropdown-list-border-radius-down:var(--tds-spacing-element-4);--tds-dropdown-list-border-radius-up:var(--tds-spacing-element-4)}:root,.tds-mode-light{--tds-dropdown-option-color:var(--tds-grey-850);--tds-dropdown-option-color-disabled:var(--tds-grey-250);--tds-dropdown-option-background:var(--tds-grey-50);--tds-dropdown-option-background-selected:var(--tds-grey-150);--tds-dropdown-option-border:var(--tds-grey-200);--tds-dropdown-option-border-hover:var(--tds-grey-850);--tds-dropdown-option-focus:var(--tds-blue-400)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-dropdown-option-background:var(--tds-grey-50)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-dropdown-option-background:var(--tds-white)}.tds-mode-dark{--tds-dropdown-option-color:var(--tds-grey-50);--tds-dropdown-option-color-disabled:var(--tds-grey-500);--tds-dropdown-option-background:var(--tds-grey-850);--tds-dropdown-option-background-selected:var(--tds-grey-700);--tds-dropdown-option-border:var(--tds-grey-600);--tds-dropdown-option-border-hover:var(--tds-grey-50);--tds-dropdown-option-focus:var(--tds-blue-300)}.tds-mode-dark .tds-mode-variant-primary{--tds-dropdown-option-background:var(--tds-grey-850)}.tds-mode-dark .tds-mode-variant-secondary{--tds-dropdown-option-background:var(--tds-grey-900)}:root,.tds-mode-light{--tds-footer-top-background-primary:var(--tds-grey-50);--tds-footer-top-background-secondary:var(--tds-white);--tds-footer-top-background:var(--tds-footer-top-background-primary);--tds-footer-top-divider:var(--tds-grey-200);--tds-footer-top-links:var(--tds-grey-950);--tds-footer-top-links-header:var(--tds-grey-500);--tds-footer-top-links-background-hover:var(--tds-grey-200);--tds-footer-top-button-active:var(--tds-grey-200);--tds-footer-main-background:var(--tds-blue-800);--tds-footer-main-links:var(--tds-white);--tds-footer-main-divider:var(--tds-blue-700);--tds-footer-main-copyright:var(--tds-grey-300)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-footer-top-background:var(--tds-footer-top-background-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-footer-top-background:var(--tds-footer-top-background-secondary)}.tds-mode-dark{--tds-footer-top-background-primary:var(--tds-grey-850);--tds-footer-top-background:var(--tds-footer-top-background-primary);--tds-footer-top-divider:var(--tds-grey-600);--tds-footer-top-links:var(--tds-grey-50);--tds-footer-top-links-header:var(--tds-grey-300);--tds-footer-top-links-background-hover:var(--tds-grey-600);--tds-footer-top-button-active:var(--tds-grey-600);--tds-footer-main-background:var(--tds-blue-900);--tds-footer-main-links:var(--tds-white);--tds-footer-main-divider:var(--tds-blue-700);--tds-footer-main-copyright:var(--tds-grey-300)}.tds-mode-dark .tds-mode-variant-primary,.tds-mode-dark .tds-mode-variant-secondary{--tds-footer-top-background:var(--tds-footer-top-background-primary)}.__tds-header-item-icon:only-child{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}.__tds-header-item-image{position:relative;margin-left:-20px;left:10px;width:34px;height:34px;border-radius:50%;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}:root{--tds-header-height:64px;--tds-header-list-item-md-height:48px}:root,.tds-mode-light{--tds-header-overlay:var(--tds-black);--tds-header-app-name-color:var(--tds-white);--tds-header-background:var(--tds-blue-800);--tds-header-mob-menu-color:var(--tds-white);--tds-header-mob-menu-open-color:var(--tds-grey-958);--tds-header-mob-menu-open-background:var(--tds-white);--tds-header-mob-menu-border:var(--tds-blue-700);--tds-header-mob-menu-open-border:var(--tds-grey-300);--tds-nav-item-background:var(--tds-white);--tds-nav-item-background-active:var(--tds-grey-100);--tds-nav-item-background-hover:var(--tds-grey-100);--tds-nav-item-background-selected:var(--tds-grey-100);--tds-nav-item-border-color:var(--tds-blue-700);--tds-nav-item-border-color-active:var(--tds-blue-400);--tds-nav-item-core-background-hover:var(--tds-grey-100);--tds-nav-item-core-color-active:var(--tds-grey-800);--tds-header-nav-item-color:var(--tds-white);--tds-header-nav-item-background-active:var(--tds-blue-700);--tds-nav-dropdown-item-background:var(--tds-white);--tds-nav-dropdown-item-border-color:var(--tds-grey-300);--tds-header-nav-item-dropdown-opened-background:var(--tds-white);--tds-header-nav-item-dropdown-opened-background-hover:var(--tds-grey-100);--tds-header-nav-item-dropdown-opened-background-selected:var(--tds-grey-100);--tds-header-nav-item-dropdown-opened-background-active:var(--tds-grey-300);--tds-header-nav-item-dropdown-opened-color:var(--tds-grey-958);--tds-header-nav-item-dropdown-hover-color:var(--tds-grey-300);--tds-header-item-hover:var(--tds-blue-700);--tds-header--basic-element-border:var(--tds-blue-700);--tds-header--basic-element-border-open:var(--tds-white);--tds-header--basic-element-background:var(--tds-blue-800);--tds-header--basic-element-background-open:var(--tds-white);--tds-header--basic-element-background-hover:var(--tds-blue-700);--tds-header--basic-element-background-selected:var(--tds-blue-700);--tds-header-searchbar-input-background:var(--tds-white);--tds-header-searchbar-input-color:var(--tds-black);--tds-header-searchbar-input-placeholder-color:var(--tds-grey-958);--tds-header-searchbar-input-expanded-after-border-bottom:var(--tds-grey-300);--tds-header-searchbar-border-color:var(--tds-blue-700);--tds-header-searchbar-btn-active:var(--tds-white);--tds-header-searchbar-x-btn-background:var(--tds-white);--tds-header-searchbar-x-btn-background-hover:var(--tds-grey-100);--tds-header-searchbar-btn-svg-fill:var(--tds-grey-958);--tds-header-searchbar-result-item-background:var(--tds-white);--tds-header-searchbar-result-item-background-hover:var(--tds-grey-100);--tds-header-searchbar-result-item-background-active:var(--tds-blue-400);--tds-header-searchbar-result-item-background-visited:var(--tds-grey-400);--tds-header-searchbar-result-item-anchor-background-hover:var(--tds-grey-100);--tds-header-searchbar-result-item-top-border-color:var(--tds-grey-300);--tds-header-searchbar-result-item-top-background:var(--tds-white);--tds-header-searchbar-result-item-category-title-background:var(--tds-white);--tds-header-searchbar-result-x-btn:var(--tds-white);--tds-header-searchbar-result-item-core-color:var(--tds-black);--tds-header-searchbar-result-item-core-background:var(--tds-white);--tds-header-searchbar-result-category-border-color:var(--tds-grey-300);--tds-header-searchbar-result-category-background:var(--tds-white);--tds-header-searchbar-all-result-item-color:var(--tds-black);--tds-header-searchbar-all-result-item-background-hover:var(--tds-grey-100);--tds-header-searchbar-all-result-item-background-active:var(--tds-blue-400);--tds-header-searchbar-all-result-item-background-visited:var(--tds-grey-400);--tds-header-avatar-item-background:var(--tds-white);--tds-header-avatar-item-background-hover:var(--tds-grey-100);--tds-header-avatar-item-border-color:var(--tds-grey-300);--tds-header-avatar-subtitle-color:var(--tds-grey-500);--tds-header-avatar-item-color:var(--tds-grey-700);--tds-header-avatar-item-btn-background:var(--tds-white);--tds-header-app-launcher-menu-background:var(--tds-white);--tds-header-app-launcher-btn-background:var(--tds-white);--tds-header-app-launcher-btn-color:var(--tds-white);--tds-header-app-launcher-open-btn-color:var(--tds-black);--tds-header-app-launcher-item-border-color:var(--tds-grey-300);--tds-header-app-launcher-category-title-background:var(--tds-white);--tds-header-app-launcher-category-title-color:var(--tds-grey-500);--tds-header-app-launcher-grid-category-title-color:var(--tds-grey-800);--tds-header-app-launcher-item-background:var(--tds-white);--tds-header-app-launcher-item-background-hover:var(--tds-grey-100);--tds-header-app-launcher-item-color:var(--tds-grey-700);--tds-header-app-launcher-grid--color:var(--tds-grey-800);--tds-header-app-launcher-grid-hover-background:var(--tds-grey-100);--tds-header-mobile-menu-background:var(--tds-white);--tds-header-mobile-menu-item-background:var(--tds-white);--tds-header-mobile-menu-item-background-hover:var(--tds-grey-300);--tds-header-mobile-menu-item-color:var(--tds-grey-958);--tds-header-mobile-menu-item-border-color:var(--tds-grey-300);--tds-header-mobile-nav-center-background:var(--tds-white);--tds-header-mobile-nav-center-item-border-color:var(--tds-grey-300);--tds-header-mobile-nav-center-item-border-color-active-after:var(--tds-blue-400);--tds-header-mobile-nav-center-dropdown-item--last-border-color:var(--tds-grey-300);--tds-header-mobile-nav-toolbar-border-color:var(--tds-grey-300);--tds-header-mobile-searchbar-container-border-color:var(--tds-grey-300);--tds-header-mobile-searchbar-input-background:var(--tds-white);--tds-header-mobile-searchbar-input-color:var(--tds-black);--tds-header-mobile-searchbar-input-placeholder-color:var(--tds-grey-800);--tds-header-mobile-searchbar-input-expanded-before-background:var(--tds-white);--tds-header-mobile-searchbar-btn-background:var(--tds-white);--tds-header-mobile-searchbar-btn-background-hover:var(--tds-grey-100);--tds-header-mobile-searchbar-open-btn-background:var(--tds-white);--tds-header-mobile-searchbar-open-btn-background-hover:var(--tds-grey-100);--tds-header-mobile-searchbar-btn-svg-fill:var(--tds-grey-958);--tds-header-mobile-searchbar-container-color:var(--tds-grey-958);--tds-header-mobile-avatar--item-btn-background:var(--tds-white);--tds-header-mobile-avatar--item-btn-background-hover:var(--tds-grey-100);--tds-header-mobile-avatar--item-btn-background-selected:var(--tds-grey-100);--tds-header-mobile-avatar--item-btn-background-active:var(--tds-grey-300);--tds-header-mobile-avatar--item-btn-color:var(--tds-grey-958)}.tds-mode-dark{--tds-header-background:var(--tds-blue-900);--tds-header-mob-menu-open-color:var(--tds-white);--tds-header-mob-menu-open-background:var(--tds-grey-958);--tds-header-mob-menu-border:var(--tds-blue-800);--tds-header-mob-menu-open-border:var(--tds-grey-868);--tds-nav-item-background:var(--tds-grey-800);--tds-nav-item-background-hover:var(--tds-grey-700);--tds-nav-item-background-active:var(--tds-grey-700);--tds-nav-item-background-selected:var(--tds-grey-700);--tds-nav-item-border-color:var(--tds-blue-700);--tds-nav-item-border-color-active:var(--tds-blue-300);--tds-nav-item-core-background-hover:var(--tds-grey-700);--tds-nav-item-core-color-active:var(--tds-grey-50);--tds-header-nav-item-color:var(--tds-white);--tds-header-nav-item-background-active:var(--tds-blue-800);--tds-nav-dropdown-item-background:var(--tds-grey-800);--tds-nav-dropdown-item-border-color:var(--tds-grey-700);--tds-header-nav-item-dropdown-opened-background:var(--tds-grey-958);--tds-header-nav-item-dropdown-opened-background-hover:var(--tds-grey-800);--tds-header-nav-item-dropdown-opened-background-selected:var(--tds-grey-868);--tds-header-nav-item-dropdown-opened-background-active:var(--tds-grey-800);--tds-header-nav-item-dropdown-opened-color:var(--tds-white);--tds-header-item-hover:var(--tds-blue-800);--tds-header--basic-element-border:var(--tds-blue-700);--tds-header--basic-element-border-open:var(--tds-blue-700);--tds-header--basic-element-background-open:var(--tds-blue-800);--tds-header--basic-element-background-hover:var(--tds-blue-800);--tds-header--basic-element-background-selected:var(--tds-blue-800);--tds-header-searchbar-input-background:var(--tds-grey-958);--tds-header-searchbar-input-color:var(--tds-white);--tds-header-searchbar-input-placeholder-color:var(--tds-grey-400);--tds-header-searchbar-input-expanded-after-border-bottom:var(--tds-grey-700);--tds-header-searchbar-border-color:var(--tds-blue-700);--tds-header-searchbar-x-btn-background:var(--tds-grey-958);--tds-header-searchbar-x-btn-background-hover:var(--tds-grey-868);--tds-header-searchbar-btn-svg-fill:var(--tds-white);--tds-header-searchbar-result-item-background:var(--tds-grey-958);--tds-header-searchbar-result-item-background-hover:var(--tds-grey-868);--tds-header-searchbar-result-item-background-active:var(--tds-grey-800);--tds-header-searchbar-result-item-background-visited:var(--tds-grey-600);--tds-header-searchbar-result-item-anchor-background-hover:var(--tds-grey-868);--tds-header-searchbar-result-item-top-border-color:var(--tds-grey-700);--tds-header-searchbar-result-item-top-background:var(--tds-grey-958);--tds-header-searchbar-result-item-category-title-background:var(--tds-grey-958);--tds-header-searchbar-result-x-btn:var(--tds-white);--tds-header-searchbar-result-item-core-color:var(--tds-white);--tds-header-searchbar-result-item-core-background:var(--tds-grey-958);--tds-header-searchbar-result-category-border-color:var(--tds-grey-700);--tds-header-searchbar-result-category-background:var(--tds-grey-958);--tds-header-searchbar-all-result-item-color:var(--tds-white);--tds-header-searchbar-all-result-item-background-hover:var(--tds-grey-868);--tds-header-searchbar-all-result-item-background-active:var(--tds-grey-868);--tds-header-searchbar-all-result-item-background-visited:var(--tds-grey-600);--tds-header-avatar-item-background:var(--tds-grey-800);--tds-header-avatar-item-border-color:var(--tds-grey-700);--tds-header-avatar-subtitle-color:var(--tds-grey-500);--tds-header-avatar-title-color:var(--tds-grey-50);--tds-header-avatar-item-background-hover:var(--tds-grey-700);--tds-header-avatar-item-color:var(--tds-grey-500);--tds-header-avatar-item-btn-background:var(--tds-grey-800);--tds-header-app-launcher-menu-background:var(--tds-grey-800);--tds-header-app-launcher-btn-background:var(--tds-grey-800);--tds-header-app-launcher-btn-color:var(--tds-white);--tds-header-app-launcher-open-btn-color:var(--tds-white);--tds-header-app-launcher-item-border-color:var(--tds-grey-700);--tds-header-app-launcher-category-title-background:var(--tds-grey-800);--tds-header-app-launcher-category-title-color:var(--tds-grey-500);--tds-header-app-launcher-grid-category-title-color:var(--tds-grey-500);--tds-header-app-launcher-item-background:var(--tds-grey-800);--tds-header-app-launcher-item-background-hover:var(--tds-grey-700);--tds-header-app-launcher-item-color:var(--tds-grey-50);--tds-header-app-launcher-grid-color:var(--tds-grey-50);--tds-header-app-launcher-grid-hover-background:var(--tds-grey-700);--tds-header-mobile-nav-center-background:var(--tds-grey-958);--tds-header-mobile-nav-center-item-border-color:var(--tds-grey-868);--tds-header-mobile-nav-center-item-border-color-active-after:var(--tds-blue-400);--tds-header-mobile-nav-center-dropdown-item--last-border-color:var(--tds-grey-868);--tds-header-mobile-nav-toolbar-border-color:var(--tds-grey-868);--tds-header-mobile-searchbar-container-border-color:var(--tds-grey-868);--tds-header-mobile-searchbar-input-background:var(--tds-grey-958);--tds-header-mobile-searchbar-input-color:var(--tds-white);--tds-header-mobile-searchbar-input-placeholder-color:var(--tds-grey-400);--tds-header-mobile-searchbar-input-expanded-before-background:var(--tds-black);--tds-header-mobile-searchbar-btn-background:var(--tds-grey-958);--tds-header-mobile-searchbar-btn-background-hover:var(--tds-grey-868);--tds-header-mobile-searchbar-open-btn-background:var(--tds-grey-958);--tds-header-mobile-searchbar-open-btn-background-hover:var(--tds-grey-868);--tds-header-mobile-searchbar-btn-svg-fill:var(--tds-white);--tds-header-mobile-searchbar-container-color:var(--tds-white);--tds-header-mobile-avatar--item-btn-background:var(--tds-grey-958);--tds-header-mobile-avatar--item-btn-background-hover:var(--tds-grey-868);--tds-header-mobile-avatar--item-btn-background-selected:var(--tds-grey-868);--tds-header-mobile-avatar--item-btn-background-active:var(--tds-grey-800);--tds-header-mobile-avatar--item-btn-color:var(--tds-white)}:root,.tds-mode-light{--tds-link:var(--tds-blue-400);--tds-link-hover:var(--tds-blue-400);--tds-link-focus:var(--tds-blue-400);--tds-link-visited:var(--tds-blue-600);--tds-link-disabled:var(--tds-grey-250)}:root tds-toast,.tds-mode-light tds-toast{--tds-link:var(--tds-grey-50);--tds-link-hover:var(--tds-blue-400);--tds-link-focus:var(--tds-blue-400);--tds-link-visited:var(--tds-blue-700);--tds-link-disabled:var(--tds-grey-250)}:root tds-banner,.tds-mode-light tds-banner{--tds-link:var(--tds-grey-950)}.tds-mode-dark{--tds-link:var(--tds-blue-300);--tds-link-hover:var(--tds-blue-300);--tds-link-focus:var(--tds-blue-300);--tds-link-visited:var(--tds-blue-100);--tds-link-disabled:var(--tds-grey-500)}.tds-mode-dark tds-toast{--tds-link:var(--tds-grey-950);--tds-link-hover:var(--tds-blue-300);--tds-link-focus:var(--tds-blue-300);--tds-link-visited:var(--tds-blue-100);--tds-link-disabled:var(--tds-grey-500)}.tds-mode-dark tds-banner{--tds-link:var(--tds-grey-50)}tds-link tds-icon{padding-bottom:4px;padding-left:5px}:root,.tds-mode-light{--tds-modal-backdrop-background:rgba(0, 0, 0, 0.6);--tds-modal-box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.1), 0 -1px 1px 0 rgba(0, 0, 0, 0.05)}.tds-mode-dark{--tds-modal-backdrop-background:rgba(0, 0, 0, 0.8);--tds-modal-box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.1), 0 -1px 1px 0 rgba(0, 0, 0, 0.05)}:root,.tds-mode-light{--tds-popover-canvas-color:var(--tds-grey-950);--tds-popover-canvas-background:var(--tds-white)}.tds-mode-dark{--tds-popover-canvas-color:var(--tds-grey-50);--tds-popover-canvas-background:var(--tds-grey-850)}:root,.tds-mode-light{--tds-popover-menu-color:var(--tds-grey-950);--tds-popover-menu-background:var(--tds-white);--tds-popover-menu-background-hover:var(--tds-grey-100);--tds-popover-menu-divider-color:var(--tds-grey-350);--tds-popover-menu-divider-disabled-color:var(--tds-grey-250);--tds-popover-menu-divider-disabled-icon-color:var(--tds-grey-950)}.tds-mode-dark{--tds-popover-menu-color:var(--tds-white);--tds-popover-menu-background:var(--tds-grey-800);--tds-popover-menu-background-hover:var(--tds-grey-700);--tds-popover-menu-divider-color:var(--tds-grey-500);--tds-popover-menu-divider-disabled-color:var(--tds-grey-500);--tds-popover-menu-divider-disabled-icon-color:var(--tds-grey-50)}.tds-mode-dark .tds-mode-variant-primary{--tds-popover-menu-background:var(--tds-grey-850)}.tds-mode-dark .tds-mode-variant-secondary{--tds-popover-menu-background:var(--tds-grey-800)}:root,.tds-mode-light{--tds-radio-button-color:var(--tds-grey-950);--tds-radio-button-interaction-01:var(--tds-blue-800);--tds-radio-button-interaction-02:var(--tds-white);--tds-radio-button-interaction-outline:var(--tds-white);--tds-radio-button-background-hover:var(--tds-grey-350);--tds-radio-button-background-focus:var(--tds-blue-400);--tds-radio-button-disabled:var(--tds-grey-250);--tds-radio-button-border-color-disabled-after:var(--tds-grey-250);--tds-radio-button-color-disabled-after:var(--tds-grey-250);--tds-radio-button-color-disabled-before:var(--tds-grey-250)}.tds-mode-dark{--tds-radio-button-color:var(--tds-white);--tds-radio-button-interaction-01:var(--tds-white);--tds-radio-button-interaction-02:var(--tds-grey-950);--tds-radio-button-interaction-outline:var(--tds-white);--tds-radio-button-background-hover:var(--tds-grey-350);--tds-radio-button-background-focus:var(--tds-blue-400);--tds-radio-button-disabled:var(--tds-grey-500);--tds-radio-button-border-color-disabled-after:var(--tds-grey-500);--tds-radio-button-color-disabled-after:var(--tds-grey-500);--tds-radio-button-color-disabled-before:var(--tds-grey-500)}.__tds-side-menu-item-icon-collapsed{color:var(--tds-sidebar-side-menu-single-item-color);margin-left:0;position:absolute;left:50%;transform:translateX(-50%)}:root,.tds-mode-light{--tds-sidebar-mobile-menu-btn-hover:var(--tds-blue-700);--tds-sidebar-mobile-menu-btn-icon:var(--tds-white);--tds-sidebar-item-state-focus:var(--tds-grey-50);--tds-sidebar-item-state-border-focus:var(--tds-blue-400);--tds-sidebar-item-state-hover:var(--tds-grey-100);--tds-sidebar-item-state-active:var(--tds-grey-300);--tds-sidemenu-item-state-active:var(--tds-grey-300);--tds-sidebar-item-state-selected:var(--tds-grey-100);--tds-sidebar-side-menu:var(--tds-white);--tds-sidebar-side-menu-border-right:var(--tds-grey-300);--tds-sidebar-side-menu-background-cover:var(--tds-white);--tds-sidebar-side-menu-mobile-header-border-bottom:var(--tds-grey-300);--tds-sidebar-side-menu-bottom-menu-background:var(--tds-white);--tds-sidebar-side-menu-bottom-menu-border-top:var(--tds-grey-300);--tds-sidebar-side-menu-single-item-border-bottom:var(--tds-grey-300);--tds-sidebar-side-menu-single-item-color:var(--tds-grey-958);--tds-sidebar-side-menu-single-item-background-selected:var(--tds-grey-100);--tds-sidebar-side-menu-single-item-border-left-selected:var(--tds-blue-400);--tds-sidebar-side-menu-single-subitem-color:var(--tds-grey-800);--tds-sidebar-side-menu-single-subitem-title-color:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-color-active:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-backgrund:var(--tds-white);--tds-sidebar-side-menu-single-subitem-divider:var(--tds-grey-300);--tds-sidebar-side-menu-subnav-background:var(--tds-white);--tds-sidebar-side-menu-single-subitem-selected-border-color:var(--tds-blue-400)}.tds-mode-dark{--tds-sidebar-mobile-menu-btn-hover:var(--tds-blue-700);--tds-sidebar-mobile-menu-btn-icon:var(--tds-white);--tds-sidebar-item-state-focus:var(--tds-grey-958);--tds-sidebar-item-state-border-focus:var(--tds-blue-400);--tds-sidebar-item-state-hover:var(--tds-grey-850);--tds-sidebar-item-state-active:var(--tds-grey-800);--tds-sidemenu-item-state-active:var(--tds-grey-800);--tds-sidebar-item-state-selected:var(--tds-grey-868);--tds-sidebar-side-menu:var(--tds-grey-958);--tds-sidebar-side-menu-border-right:var(--tds-grey-850);--tds-sidebar-side-menu-background-cover:var(--tds-grey-958);--tds-sidebar-side-menu-mobile-header-border-bottom:var(--tds-grey-850);--tds-sidebar-side-menu-bottom-menu-background:var(--tds-grey-958);--tds-sidebar-side-menu-bottom-menu-border-top:var(--tds-grey-850);--tds-sidebar-side-menu-single-item-border-bottom:var(--tds-grey-850);--tds-sidebar-side-menu-single-item-color:var(--tds-grey-50);--tds-sidebar-side-menu-single-item-background-selected:var(--tds-grey-850);--tds-sidebar-side-menu-single-item-border-left-selected:var(--tds-blue-400);--tds-sidebar-side-menu-single-subitem-color:var(--tds-grey-100);--tds-sidebar-side-menu-single-subitem-title-color:var(--tds-grey-50);--tds-sidebar-side-menu-single-subitem-color-active:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-backgrund:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-divider:var(--tds-grey-700);--tds-sidebar-side-menu-subnav-background:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-selected-border-color:var(--tds-blue-400)}:root,.tds-mode-light{--tds-slider-label-color:var(--tds-grey-950);--tds-slider-label-disabled:var(--tds-grey-250);--tds-slider-input-value-color:var(--tds-grey-950);--tds-slider-input-value-disabled:var(--tds-grey-250);--tds-slider-thumb-color:var(--tds-grey-950);--tds-slider-thumb-disabled:var(--tds-grey-200);--tds-slider-track-color:var(--tds-grey-350);--tds-slider-track-fill-color:var(--tds-grey-950);--tds-slider-track-disabled:var(--tds-grey-200);--tds-slider-divider-color:var(--tds-grey-350);--tds-slider-divider-values-color:var(--tds-grey-650);--tds-slider-divider-disabled:var(--tds-grey-200);--tds-slider-divider-values-disabled:var(--tds-grey-250);--tds-slider-controls-color:var(--tds-grey-650);--tds-slider-controls-disabled:var(--tds-grey-250);--tds-slider-inputfield-number-color:var(--tds-grey-950);--tds-slider-inputfield-background:var(--tds-white);--tds-slider-inputfield-box-shadow:var(--tds-grey-800);--tds-slider-inputfield-number-disabled:var(--tds-grey-250);--tds-slider-inputfield-background-disabled:var(--tds-grey-50);--tds-slider-value-tooltip-background:var(--tds-grey-700);--tds-slider-value-tooltip-color:var(--tds-grey-50)}.tds-mode-dark{--tds-slider-label-color:var(--tds-grey-50);--tds-slider-label-disabled:var(--tds-grey-500);--tds-slider-input-value-color:var(--tds-grey-200);--tds-slider-input-value-disabled:var(--tds-grey-500);--tds-slider-thumb-color:var(--tds-grey-50);--tds-slider-thumb-disabled:var(--tds-grey-600);--tds-slider-track-color:var(--tds-grey-400);--tds-slider-track-fill-color:var(--tds-grey-50);--tds-slider-track-disabled:var(--tds-grey-600);--tds-slider-divider-color:var(--tds-grey-400);--tds-slider-divider-values-color:var(--tds-grey-200);--tds-slider-divider-disabled:var(--tds-grey-600);--tds-slider-divider-values-disabled:var(--tds-grey-500);--tds-slider-controls-color:var(--tds-grey-200);--tds-slider-controls-disabled:var(--tds-grey-500);--tds-slider-inputfield-number-color:var(--tds-grey-300);--tds-slider-inputfield-background:var(--tds-grey-850);--tds-slider-inputfield-box-shadow:var(--tds-grey-400);--tds-slider-inputfield-number-disabled:var(--tds-grey-500);--tds-slider-inputfield-background-disabled:var(--tds-grey-850);--tds-slider-value-tooltip-background:var(--tds-grey-150);--tds-slider-value-tooltip-color:var(--tds-grey-950)}:root,.tds-mode-light{--tds-stepper-background:var(--tds-grey-950);--tds-stepper-icon-background:var(--tds-grey-50);--tds-stepper-color:var(--tds-grey-50);--tds-stepper-icon-step-border-color-warning:var(--tds-red-400);--tds-stepper-icon-step-border-color-success:var(--tds-green-400);--tds-stepper-icon-step-background-success:var(--tds-green-400);--tds-stepper-icon-step-border-color-current:var(--tds-grey-950);--tds-stepper-label-text-color-upcoming:var(--tds-blue-950);--tds-stepper-label-border-color-upcoming:var(--tds-blue-750);--tds-stepper-divider-line:var(--tds-grey-700)}.tds-mode-dark{--tds-stepper-background:var(--tds-grey-150);--tds-stepper-icon-background:var(--tds-grey-150);--tds-stepper-color:var(--tds-grey-950);--tds-stepper-icon-step-border-color-warning:var(--tds-red-300);--tds-stepper-icon-step-border-color-success:var(--tds-green-300);--tds-stepper-icon-step-background-success:var(--tds-green-300);--tds-stepper-label-text-color-upcoming:var(--tds-grey-50);--tds-stepper-label-border-color-upcoming:var(--tds-grey-150);--tds-stepper-divider-line:var(--tds-grey-250)}:root,.tds-mode-light{--tds-folder-tab-background-selected:var(--tds-white);--tds-folder-tab-background:var(--tds-grey-100);--tds-folder-tab-background-hover:var(--tds-grey-200);--tds-folder-tab-color:var(--tds-blue-900);--tds-folder-tab-color-opacity:0.6;--tds-folder-tab-color-opacity-disabled:0.16;--tds-folder-tab-color-opacity-selected:1;--tds-folder-tab-color-opacity-focus:1;--tds-folder-tab-color-opacity-hover:1;--tds-folder-tab-border-selected:var(--tds-blue-400);--tds-folder-tabs-scroll-btn-background:var(--tds-folder-tab-background-primary);--tds-folder-tabs-scroll-btn-background-hover:var(--tds-grey-300);--tds-folder-tabs-scroll-btn-background-active:var(--tds-grey-400);--tds-folder-tabs-scroll-btn-color:var(--tds-grey-958);--tds-folder-tab-background-primary:var(--tds-grey-100);--tds-folder-tab-background-secondary:var(--tds-grey-100);--tds-folder-tab-background:var(--tds-folder-tab-background-primary);--tds-folder-tab-background-selected-primary:var(--tds-white);--tds-folder-tab-background-selected-secondary:var(--tds-grey-50);--tds-folder-tab-divider-color:var(--tds-grey-300);--tds-folder-tab-item-color:rgb(0 21 51 / 60%);--tds-folder-tab-item-color-disabled:rgb(0 21 51 / 16%)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-folder-tab-background-selected:var(--tds-folder-tab-background-selected-primary);--tds-folder-tab-background:var(--tds-folder-tab-background-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-folder-tab-background-selected:var(--tds-folder-tab-background-selected-secondary);--tds-folder-tab-background:var(--tds-folder-tab-background-secondary)}.tds-mode-dark{--tds-folder-tab-background-selected:var(--tds-grey-900);--tds-folder-tab-background:var(--tds-grey-846);--tds-folder-tab-background-hover:var(--tds-grey-800);--tds-folder-tab-color:var(--tds-grey-50);--tds-folder-tab-color-opacity:0.6;--tds-folder-tab-color-opacity-disabled:0.16;--tds-folder-tab-color-opacity-selected:1;--tds-folder-tab-color-opacity-focus:1;--tds-folder-tab-color-opacity-hover:1;--tds-folder-tab-border-selected:var(--tds-blue-400);--tds-folder-tabs-scroll-btn-color:var(--tds-grey-50);--tds-folder-tabs-scroll-btn-background:var(--tds-folder-tab-background-primary);--tds-folder-tabs-scroll-btn-background-hover:var(--tds-grey-900);--tds-folder-tabs-scroll-btn-background-active:var(--tds-grey-900);--tds-folder-tab-background-primary:var(--tds-grey-846);--tds-folder-tab-background-secondary:var(--tds-grey-846);--tds-folder-tab-background:var(--tds-folder-tab-background-primary);--tds-folder-tab-background-selected-primary:var(--tds-grey-900);--tds-folder-tab-background-selected-secondary:var(--tds-grey-868);--tds-folder-tab-divider-color:var(--tds-grey-800);--tds-folder-tab-item-color:rgb(228 233 241 / 60%);--tds-folder-tab-item-color-disabled:rgb(228 233 241 / 16%)}.tds-mode-dark .tds-mode-variant-primary{--tds-folder-tab-background-selected:var(--tds-folder-tab-background-selected-primary);--tds-folder-tab-background:var(--tds-folder-tab-background-primary)}.tds-mode-dark .tds-mode-variant-secondary{--tds-folder-tab-background-selected:var(--tds-folder-tab-background-selected-secondary);--tds-folder-tab-background:var(--tds-folder-tab-background-secondary)}:root,.tds-mode-light{--tds-inline-tabs-horizontal-divider-background:var(--tds-grey-300);--tds-inline-tabs-tab-background-primary:var(--tds-white);--tds-inline-tabs-tab-background-secondary:var(--tds-grey-50);--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-primary);--tds-inline-tabs-scroll-btn-color:var(--tds-grey-958);--tds-inline-tabs-scroll-btn-background:var(--tds-white);--tds-inline-tabs-scroll-btn-background-hover:var(--tds-grey-300);--tds-inline-tabs-scroll-btn-background-active:var(--tds-grey-400);--tds-inline-tabs-scroll-btn-primary:var(--tds-white);--tds-inline-tabs-scroll-btn-secondary:var(--tds-grey-50);--tds-inline-tabs-tab-color:rgba(0 21 51 /60%);--tds-inline-tabs-tab-color-selected:var(--tds-grey-958);--tds-inline-tabs-tab-color-disabled:var(--tds-blue-900);--tds-inline-tabs-tab-color-opacity-disabled:0.38;--tds-inline-tabs-tab-indicator-background-hover:var(--tds-grey-400);--tds-inline-tabs-tab-color-hover:var(--tds-grey-958);--tds-inline-tabs-tab-color-focus:var(--tds-grey-958);--tds-inline-tabs-tab-color-active:var(--tds-grey-958);--tds-inline-tabs-tab-indicator-background-active:var(--tds-blue-400)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-primary);--tds-inline-tabs-scroll-btn-background:var(--tds-inline-tabs-scroll-btn-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-secondary);--tds-inline-tabs-scroll-btn-background:var(--tds-inline-tabs-scroll-btn-secondary)}.tds-mode-dark{--tds-inline-tabs-horizontal-divider-background:var(--tds-grey-800);--tds-inline-tabs-tab-background-primary:var(--tds-grey-900);--tds-inline-tabs-tab-background-secondary:var(--tds-grey-868);--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-primary);--tds-inline-tabs-scroll-btn-color:var(--tds-grey-50);--tds-inline-tabs-scroll-btn-background:var(--tds-grey-900);--tds-inline-tabs-scroll-btn-background-hover:var(--tds-grey-900);--tds-inline-tabs-scroll-btn-background-active:var(--tds-grey-900);--tds-inline-tabs-scroll-btn-primary:var(--tds-grey-900);--tds-inline-tabs-scroll-btn-secondary:var(--tds-grey-800);--tds-inline-tab-color-opacity:0.6;--tds-inline-tab-color-opacity-selected:1;--tds-inline-tabs-tab-color:var(--tds-blue-50);--tds-inline-tabs-tab-color-selected:var(--tds-grey-50);--tds-inline-tabs-tab-color-disabled:var(--tds-blue-50);--tds-inline-tabs-tab-color-opacity-disabled:0.38;--tds-inline-tab-color-opacity-selected:1;--tds-inline-tabs-tab-color:rgba(228 233 241/60%);--tds-inline-tabs-tab-color-selected:var(--tds-grey-50);--tds-inline-tabs-tab-color-disabled:var(--tds-blue-50);--tds-inline-tabs-tab-indicator-background-hover:#373d46;--tds-inline-tabs-tab-color-hover:var(--tds-grey-50);--tds-inline-tabs-tab-color-focus:var(--tds-grey-50);--tds-inline-tabs-tab-color-active:var(--tds-grey-50);--tds-inline-tabs-tab-indicator-background-active:var(--tds-blue-300)}.tds-mode-dark .tds-mode-variant-primary{--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-primary);--tds-inline-tabs-scroll-btn-background:var(--tds-inline-tabs-scroll-btn-primary)}.tds-mode-dark .tds-mode-variant-secondary{--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-secondary);--tds-inline-tabs-scroll-btn-background:var(--tds-inline-tabs-scroll-btn-secondary)}:root,.tds-mode-light{--tds-navigation-tabs-horizontal-divider-background:var(--tds-grey-300);--tds-navigation-tabs-tab-background-primary:var(--tds-white);--tds-navigation-tabs-tab-background-secondary:var(--tds-grey-50);--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-primary);--tds-navigation-tabs-scroll-btn-background:var(--tds-grey-50);--tds-navigation-tabs-scroll-btn-background-hover:var(--tds-grey-300);--tds-navigation-tabs-scroll-btn-background-active:var(--tds-grey-400);--tds-navigation-tabs-tab-color:rgba(0 21 51/60%);--tds-navigation-tabs-tab-color-selected:var(--tds-grey-958);--tds-navigation-tabs-tab-color-disabled:var(--tds-blue-900);--tds-navigation-tabs-tab-color-opacity-disabled:0.38;--tds-navigation-tabs-tab-indicator-background-hover:var(--tds-grey-400);--tds-navigation-tabs-tab-color-hover:var(--tds-grey-958);--tds-navigation-tabs-tab-color-focus:var(--tds-grey-958);--tds-navigation-tabs-tab-color-active:var(--tds-grey-958);--tds-navigation-tabs-tab-indicator-background-active:var(--tds-blue-400)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-secondary)}.tds-mode-dark{--tds-navigation-tabs-horizontal-divider-background:var(--tds-grey-800);--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-primary);--tds-navigation-tabs-scroll-btn-background:var(--tds-grey-800);--tds-navigation-tabs-scroll-btn-background-hover:var(--tds-grey-900);--tds-navigation-tabs-scroll-btn-background-active:var(--tds-grey-900);--tds-navigation-tabs-tab-color:rgba(228 233 241 /60%);--tds-navigation-tabs-tab-color-selected:var(--tds-grey-50);--tds-navigation-tabs-tab-color-disabled:var(--tds-blue-50);--tds-navigation-tabs-tab-color-opacity-disabled:0.38;--tds-navigation-tabs-tab-indicator-background-hover:#373d46;--tds-navigation-tabs-tab-color-hover:var(--tds-grey-50);--tds-navigation-tabs-tab-color-focus:var(--tds-grey-50);--tds-navigation-tabs-tab-color-active:var(--tds-grey-50);--tds-navigation-tabs-tab-indicator-background-active:var(--tds-blue-300)}.tds-mode-dark .tds-mode-variant-primary{--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-primary)}.tds-mode-dark .tds-mode-variant-secondary{--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-secondary)}:root,.tds-mode-light{--tds-textarea-background-primary:var(--tds-grey-50);--tds-textarea-background-secondary:var(--tds-white);--tds-textarea-background:var(--tds-textarea-background-primary);--tds-textarea-color:var(--tds-grey-950);--tds-textarea-color-hover:var(--tds-grey-950);--tds-textarea-disabled-color:var(--tds-grey-250);--tds-textarea-disabled-background-primary:var(--tds-grey-50);--tds-textarea-disabled-background-secondary:var(--tds-white);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-primary);--tds-textarea-disabled-placeholder:var(--tds-grey-250);--tds-textarea-disabled-label:var(--tds-grey-250);--tds-textarea-helper-disabled:var(--tds-grey-250);--tds-textarea-textcounter-disabled:var(--tds-grey-250);--tds-textarea-label-color:var(--tds-grey-950);--tds-textarea-label-inside-color:var(--tds-grey-950);--tds-textarea-placeholder:var(--tds-grey-500);--tds-textarea-helper:var(--tds-grey-500);--tds-textarea-helper-error:var(--tds-red-400);--tds-textarea-textcounter:var(--tds-grey-500);--tds-textarea-textcounter-divider:var(--tds-grey-500);--tds-textarea-border-bottom:var(--tds-grey-350);--tds-textarea-border-bottom-hover:var(--tds-grey-850);--tds-textarea-border-bottom-success:var(--tds-grey-850);--tds-textarea-border-bottom-error:var(--tds-red-400);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-icon-read-only-color:var(--tds-grey-950);--tds-textarea-icon-read-only-label-color:var(--tds-grey-950);--tds-textarea-resize-icon:var(--tds-grey-500)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-textarea-background:var(--tds-textarea-background-primary);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-primary);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-read-only-background:vrer(--tds-white)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-textarea-background:var(--tds-textarea-background-secondary);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-secondary);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-read-only-background:var(--tds-grey-50)}.tds-mode-dark{--tds-textarea-background-primary:var(--tds-grey-900);--tds-textarea-background-secondary:var(--tds-grey-850);--tds-textarea-background:var(--tds-textarea-background-primary);--tds-textarea-color:var(--tds-grey-50);--tds-textarea-disabled-color:var(--tds-grey-800);--tds-textarea-disabled-background-primary:var(--tds-grey-900);--tds-textarea-disabled-background-secondary:var(--tds-grey-850);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-primary);--tds-textarea-disabled-placeholder:var(--tds-grey-500);--tds-textarea-disabled-label:var(--tds-grey-500);--tds-textarea-helper-disabled:var(--tds-grey-500);--tds-textarea-textcounter-disabled:var(--tds-grey-500);--tds-textarea-label-color:var(--tds-grey-50);--tds-textarea-label-inside-color:var(--tds-grey-50);--tds-textarea-placeholder:var(--tds-grey-300);--tds-textarea-helper:var(--tds-grey-300);--tds-textarea-helper-error:var(--tds-red-300);--tds-textarea-textcounter:var(--tds-grey-300);--tds-textarea-textcounter-divider:var(--tds-grey-300);--tds-textarea-border-bottom:var(--tds-grey-350);--tds-textarea-border-bottom-hover:var(--tds-grey-50);--tds-textarea-border-bottom-success:var(--tds-grey-100);--tds-textarea-border-bottom-error:var(--tds-red-300);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-icon-read-only-color:var(--tds-grey-100);--tds-textarea-icon-read-only-label-color:var(--tds-grey-50);--tds-textarea-resize-icon:var(--tds-grey-300)}.tds-mode-dark .tds-mode-variant-primary{--tds-textarea-background:var(--tds-textarea-background-primary);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-primary);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-read-only-background:var(--tds-grey-900)}.tds-mode-dark .tds-mode-variant-secondary{--tds-textarea-background:var(--tds-textarea-background-secondary);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-secondary);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-read-only-background:var(--tds-grey-850)}:root,.tds-mode-light{--tds-text-field-background-primary:var(--tds-grey-50);--tds-text-field-background-secondary:var(--tds-white);--tds-text-field-background:var(--tds-text-field-background-primary);--tds-text-field-color:var(--tds-grey-950);--tds-text-field-placeholder:var(--tds-grey-500);--tds-text-field-data-color:var(--tds-grey-958);--tds-text-field-background-disabled-primary:var(--tds-grey-50);--tds-text-field-background-disabled-secondary:var(--tds-white);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-primary);--tds-text-field-color-disabled:var(--tds-grey-250);--tds-text-field-placeholder-disabled:var(--tds-grey-250);--tds-text-field-label-disabled:var(--tds-grey-250);--tds-text-field-ps-color-disabled:var(--tds-grey-250);--tds-text-field-helper-disabled:var(--tds-grey-250);--tds-text-field-label-color:var(--tds-grey-950);--tds-text-field-label-inside-color:var(--tds-grey-950);--tds-text-field-bar:var(--tds-blue-400);--tds-text-field-helper:var(--tds-grey-500);--tds-text-field-border-bottom-error:var(--tds-red-400);--tds-text-field-helper-error:var(--tds-red-400);--tds-text-field-bar-error:var(--tds-red-400);--tds-text-field-icon-error:var(--tds-red-400);--tds-text-field-textcounter:var(--tds-grey-500);--tds-text-field-textcounter-disabled:var(--tds-grey-250);--tds-text-field-textcounter-divider:var(--tds-grey-500);--tds-text-field-ps-color:var(--tds-grey-500);--tds-text-field-ps-color-error:var(--tds-red-400);--tds-text-field-resize-icon:var(--tds-grey-500);--tds-text-field-border-bottom:var(--tds-grey-350);--tds-text-field-border-bottom-hover:var(--tds-grey-250);--tds-text-field-border-bottom-success:var(--tds-grey-850);--tds-text-field-border-bottom-readonly:var(--tds-grey-500);--tds-text-field-icon-read-only-color:var(--tds-grey-958);--tds-text-field-icon-read-only-label-color:var(--tds-grey-958)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-text-field-background:var(--tds-text-field-background-primary);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-text-field-background:var(--tds-text-field-background-secondary);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-secondary)}.tds-mode-dark{--tds-text-field-background-primary:var(--tds-grey-900);--tds-text-field-background:var(--tds-text-field-background-primary);--tds-text-field-background-secondary:var(--tds-grey-850);--tds-text-field-color:var(--tds-grey-50);--tds-text-field-placeholder:var(--tds-grey-300);--tds-text-field-data-color:var(--tds-grey-50);--tds-text-field-ps-color-disabled:var(--tds-grey-500);--tds-text-field-color-disabled:var(--tds-grey-800);--tds-text-field-background-disabled-primary:var(--tds-grey-900);--tds-text-field-background-disabled-secondary:var(--tds-grey-850);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-primary);--tds-text-field-placeholder-disabled:var(--tds-grey-500);--tds-text-field-label-disabled:var(--tds-grey-500);--tds-text-field-helper-disabled:var(--tds-grey-500);--tds-text-field-label-color:var(--tds-grey-50);--tds-text-field-label-inside-color:var(--tds-grey-50);--tds-text-field-bar:var(--tds-blue-300);--tds-text-field-helper:var(--tds-grey-300);--tds-text-field-helper-error:var(--tds-red-300);--tds-text-field-bar-error:var(--tds-red-300);--tds-text-field-icon-error:var(--tds-red-300);--tds-text-field-textcounter:var(--tds-grey-300);--tds-text-field-textcounter-disabled:var(--tds-grey-500);--tds-text-field-textcounter-divider:var(--tds-grey-500);--tds-text-field-ps-color:var(--tds-grey-300);--tds-text-field-resize-icon:var(--tds-grey-500);--tds-text-field-border-bottom:var(--tds-grey-850);--tds-text-field-border-bottom-hover:var(--tds-grey-900);--tds-text-field-border-bottom-success:var(--tds-grey-50);--tds-text-field-border-bottom-error:var(--tds-red-300);--tds-text-field-border-bottom-readonly:var(--tds-grey-600);--tds-text-field-icon-read-only-color:var(--tds-grey-100);--tds-text-field-icon-read-only-label-color:var(--tds-grey-50)}.tds-mode-dark .tds-mode-variant-primary{--tds-text-field-background:var(--tds-text-field-background-primary);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-primary)}.tds-mode-dark .tds-mode-variant-secondary{--tds-text-field-background:var(--tds-text-field-background-secondary);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-secondary)}:root,.tds-mode-light{--tds-toast-background-color:var(--tds-grey-950);--tds-toast-headline-color:var(--tds-grey-50);--tds-toast-subheadline-color:var(--tds-grey-50);--tds-toast-link-color:var(--tds-grey-50);--tds-toast-dissmiss-color:var(--tds-grey-50);--tds-toast-icon-color-error:var(--tds-red-300);--tds-toast-icon-color-success:var(--tds-green-300);--tds-toast-icon-color-warning:var(--tds-yellow-300);--tds-toast-icon-color-info:var(--tds-blue-300)}.tds-mode-dark{--tds-toast-background-color:var(--tds-grey-50);--tds-toast-headline-color:var(--tds-grey-950);--tds-toast-subheadline-color:var(--tds-grey-950);--tds-toast-link-color:var(--tds-grey-950);--tds-toast-dissmiss-color:var(--tds-grey-950);--tds-toast-icon-color-error:var(--tds-red-400);--tds-toast-icon-color-success:var(--tds-green-400);--tds-toast-icon-color-warning:var(--tds-yellow-400);--tds-toast-icon-color-info:var(--tds-blue-400)}:root,.tds-mode-light{--tds-toggle-switch:var(--tds-white);--tds-toggle-switch-disabled:var(--tds-grey-250);--tds-toggle-headline:var(--tds-grey-950);--tds-toggle-headline-disabled:var(--tds-grey-250);--tds-toggle-on-slider:var(--tds-green-300);--tds-toggle-on-slider-hover:var(--tds-green-400);--tds-toggle-on-slider-focus:var(--tds-green-300);--tds-toggle-on-slider-pressed:var(--tds-green-500);--tds-toggle-on-border-focus:var(--tds-white);--tds-toggle-border-outline:var(--tds-blue-400);--tds-toggle-on-slider-disabled:var(--tds-grey-200);--tds-toggle-slider-disabled:var(--tds-grey-200);--tds-toggle-label-color:var(--tds-grey-950);--tds-toggle-label-color-disabled:var(--tds-grey-250);--tds-toggle-off-slider:var(--tds-grey-350);--tds-toggle-off-slider-hover:var(--tds-grey-500);--tds-toggle-off-slider-focus:var(--tds-grey-350);--tds-toggle-off-slider-pressed:var(--tds-grey-600);--tds-toggle-off-border-focus:var(--tds-white)}.tds-mode-dark{--tds-toggle-switch:var(--tds-white);--tds-toggle-switch-disabled:var(--tds-grey-500);--tds-toggle-headline:var(--tds-grey-50);--tds-toggle-headline-disabled:var(--tds-grey-500);--tds-toggle-on-slider:var(--tds-green-300);--tds-toggle-on-slider-hover:var(--tds-green-400);--tds-toggle-on-slider-focus:var(--tds-green-300);--tds-toggle-on-slider-pressed:var(--tds-green-500);--tds-toggle-on-border-focus:var(--tds-white);--tds-toggle-border-outline:var(--tds-blue-300);--tds-toggle-on-slider-disabled:var(--tds-grey-600);--tds-toggle-slider-disabled:var(--tds-grey-600);--tds-toggle-label-color:var(--tds-grey-50);--tds-toggle-label-color-disabled:var(--tds-grey-500);--tds-toggle-off-slider:var(--tds-grey-350);--tds-toggle-off-slider-hover:var(--tds-grey-500);--tds-toggle-off-slider-focus:var(--tds-grey-350);--tds-toggle-off-slider-pressed:var(--tds-grey-600);--tds-toggle-off-border-focus:var(--tds-white)}:root,.tds-mode-light{--tds-tooltip-background:var(--tds-grey-700);--tds-tooltip-color:var(--tds-grey-50)}.tds-mode-dark{--tds-tooltip-background:var(--tds-grey-150);--tds-tooltip-color:var(--tds-grey-950)}:root,.tds-mode-light{--tds-date-picker-input-icon:var(--tds-grey-700);--tds-date-picker-input-icon-disabled:var(--tds-grey-400);--tds-date-picker-calendar-color:var(--tds-grey-958);--tds-date-picker-calendar-bg:var(--tds-grey-50);--tds-date-picker-calendar-box-shadow:0 2px 3px 0 rgb(0 0 0 / 10%);--tds-date-picker-date-color:var(--tds-grey-800);--tds-date-picker-date-bg-hover:rgb(0 0 0 / 8%);--tds-date-picker-date-color-selected:var(--tds-white);--tds-date-picker-date-bg-selected:var(--tds-blue-400);--tds-date-picker-date-color-disabled:var(--tds-grey-600);--tds-date-picker-date-bg-disabled:var(--tds-date-picker-calendar-bg);--tds-date-picker-date-color-not-current-month:var(--tds-grey-500);--tds-date-range-picker-date-bg-in-range:var(--tds-blue-100);--tds-date-range-picker-date-color-in-range:var(--tds-grey-700);--tds-date-range-picker-date-bg-in-range-hover:var(--tds-blue-200)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-date-picker-calendar-bg:var(--tds-blue-200)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-date-picker-calendar-bg:var(--tds-white)}.tds-mode-dark{--tds-date-picker-input-icon:var(--tds-grey-50);--tds-date-picker-input-icon-disabled:var(--tds-grey-800);--tds-date-picker-calendar-bg:var(--tds-grey-900);--tds-date-picker-calendar-color:var(--tds-grey-50);--tds-date-picker-calendar-box-shadow:0 2px 3px 0 rgb(0 0 0 / 10%);--tds-date-picker-date-color:var(--tds-grey-300);--tds-date-picker-date-bg-hover:rgb(0 0 0 / 8%);--tds-date-picker-date-bg-selected:var(--tds-blue-400);--tds-date-picker-date-color-selected:var(--tds-white);--tds-date-picker-date-bg-disabled:var(--tds-grey-400);--tds-date-picker-date-color-disabled:var(--tds-grey-600);--tds-date-picker-date-color-not-current-month:var(--tds-grey-700);--tds-date-picker-date-bg-in-range:var(--tds-blue-600);--tds-date-picker-date-color-in-range:var(--tds-grey-300);--tds-date-picker-date-bg-in-range-hover:var(--tds-blue-500)}.tds-mode-dark .tds-mode-variant-primary{--tds-date-picker-calendar-bg:var(--tds-grey-900)}.tds-mode-dark .tds-mode-variant-secondary{--tds-date-picker-calendar-bg:var(--tds-grey-868)}body{font-family:"Scania Sans Semi Condensed", "Scania Sans Condensed", Arial, Helvetica, sans-serif;font-size:14px;margin:0;flex:1}:root,.tds-mode-light{color:var(--tds-grey-958);background-color:var(--tds-white)}:root.tds-mode-variant-primary,:root .tds-mode-variant-primary,.tds-mode-light.tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{color:var(--tds-grey-958);background-color:var(--tds-white)}:root.tds-mode-variant-secondary,:root .tds-mode-variant-secondary,.tds-mode-light.tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{color:var(--tds-grey-958);background-color:var(--tds-grey-50)}:root tds-button.tds-mode-variant-primary,:root tds-button.tds-mode-variant-secondary,.tds-mode-light tds-button.tds-mode-variant-primary,.tds-mode-light tds-button.tds-mode-variant-secondary{background-color:transparent}.tds-mode-dark{color:var(--tds-grey-100);background-color:var(--tds-grey-958)}.tds-mode-dark.tds-mode-variant-primary,.tds-mode-dark .tds-mode-variant-primary{color:var(--tds-grey-100);background-color:var(--tds-grey-958)}.tds-mode-dark.tds-mode-variant-secondary,.tds-mode-dark .tds-mode-variant-secondary{color:var(--tds-grey-100);background-color:var(--tds-grey-900)}.tds-mode-dark tds-button.tds-mode-variant-primary,.tds-mode-dark tds-button.tds-mode-variant-secondary{background-color:transparent}:root tds-dropdown.tds-mode-variant-primary,:root tds-dropdown .tds-mode-variant-primary,:root tds-dropdown.tds-mode-variant-secondary,:root tds-dropdown .tds-mode-variant-secondary,:root tds-textarea.tds-mode-variant-primary,:root tds-textarea .tds-mode-variant-primary,:root tds-textarea.tds-mode-variant-secondary,:root tds-textarea .tds-mode-variant-secondary,:root tds-text-field.tds-mode-variant-primary,:root tds-text-field .tds-mode-variant-primary,:root tds-text-field.tds-mode-variant-secondary,:root tds-text-field .tds-mode-variant-secondary,.tds-mode-light tds-dropdown.tds-mode-variant-primary,.tds-mode-light tds-dropdown .tds-mode-variant-primary,.tds-mode-light tds-dropdown.tds-mode-variant-secondary,.tds-mode-light tds-dropdown .tds-mode-variant-secondary,.tds-mode-light tds-textarea.tds-mode-variant-primary,.tds-mode-light tds-textarea .tds-mode-variant-primary,.tds-mode-light tds-textarea.tds-mode-variant-secondary,.tds-mode-light tds-textarea .tds-mode-variant-secondary,.tds-mode-light tds-text-field.tds-mode-variant-primary,.tds-mode-light tds-text-field .tds-mode-variant-primary,.tds-mode-light tds-text-field.tds-mode-variant-secondary,.tds-mode-light tds-text-field .tds-mode-variant-secondary{background:transparent}
|
|
85
|
+
0;--tds-dropdown-filter-input-color:var(--tds-grey-50);--tds-dropdown-error:var(--tds-red-300);--tds-dropdown-menu-icon-color:var(--tds-grey-50);--tds-dropdown-clear-icon-color:var(--tds-grey-400);--tds-dropdown-clear-icon-hover-color:var(--tds-grey-400)}.tds-mode-dark .tds-mode-variant-primary{--tds-dropdown-bg:var(--tds-grey-850)}.tds-mode-dark .tds-mode-variant-secondary{--tds-dropdown-bg:var(--tds-grey-900)}.tds-mode-dark tds-table-footer{--tds-dropdown-bg:var(--tds-grey-850);--tds-dropdown-list-border-radius-down:var(--tds-spacing-element-4);--tds-dropdown-list-border-radius-up:var(--tds-spacing-element-4)}:root,.tds-mode-light{--tds-dropdown-option-color:var(--tds-grey-850);--tds-dropdown-option-color-disabled:var(--tds-grey-250);--tds-dropdown-option-background:var(--tds-grey-50);--tds-dropdown-option-background-selected:var(--tds-grey-150);--tds-dropdown-option-border:var(--tds-grey-200);--tds-dropdown-option-border-hover:var(--tds-grey-850);--tds-dropdown-option-focus:var(--tds-blue-400)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-dropdown-option-background:var(--tds-grey-50)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-dropdown-option-background:var(--tds-white)}.tds-mode-dark{--tds-dropdown-option-color:var(--tds-grey-50);--tds-dropdown-option-color-disabled:var(--tds-grey-500);--tds-dropdown-option-background:var(--tds-grey-850);--tds-dropdown-option-background-selected:var(--tds-grey-700);--tds-dropdown-option-border:var(--tds-grey-600);--tds-dropdown-option-border-hover:var(--tds-grey-50);--tds-dropdown-option-focus:var(--tds-blue-300)}.tds-mode-dark .tds-mode-variant-primary{--tds-dropdown-option-background:var(--tds-grey-850)}.tds-mode-dark .tds-mode-variant-secondary{--tds-dropdown-option-background:var(--tds-grey-900)}:root,.tds-mode-light{--tds-footer-top-background-primary:var(--tds-grey-50);--tds-footer-top-background-secondary:var(--tds-white);--tds-footer-top-background:var(--tds-footer-top-background-primary);--tds-footer-top-divider:var(--tds-grey-200);--tds-footer-top-links:var(--tds-grey-950);--tds-footer-top-links-header:var(--tds-grey-500);--tds-footer-top-links-background-hover:var(--tds-grey-200);--tds-footer-top-button-active:var(--tds-grey-200);--tds-footer-main-background:var(--tds-blue-800);--tds-footer-main-links:var(--tds-white);--tds-footer-main-divider:var(--tds-blue-700);--tds-footer-main-copyright:var(--tds-grey-300)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-footer-top-background:var(--tds-footer-top-background-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-footer-top-background:var(--tds-footer-top-background-secondary)}.tds-mode-dark{--tds-footer-top-background-primary:var(--tds-grey-850);--tds-footer-top-background:var(--tds-footer-top-background-primary);--tds-footer-top-divider:var(--tds-grey-600);--tds-footer-top-links:var(--tds-grey-50);--tds-footer-top-links-header:var(--tds-grey-300);--tds-footer-top-links-background-hover:var(--tds-grey-600);--tds-footer-top-button-active:var(--tds-grey-600);--tds-footer-main-background:var(--tds-blue-900);--tds-footer-main-links:var(--tds-white);--tds-footer-main-divider:var(--tds-blue-700);--tds-footer-main-copyright:var(--tds-grey-300)}.tds-mode-dark .tds-mode-variant-primary,.tds-mode-dark .tds-mode-variant-secondary{--tds-footer-top-background:var(--tds-footer-top-background-primary)}.__tds-header-item-icon:only-child{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}.__tds-header-item-image{position:relative;margin-left:-20px;left:10px;width:34px;height:34px;border-radius:50%;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}:root{--tds-header-height:64px;--tds-header-list-item-md-height:48px}:root,.tds-mode-light{--tds-header-overlay:var(--tds-black);--tds-header-app-name-color:var(--tds-white);--tds-header-background:var(--tds-blue-800);--tds-header-mob-menu-color:var(--tds-white);--tds-header-mob-menu-open-color:var(--tds-grey-958);--tds-header-mob-menu-open-background:var(--tds-white);--tds-header-mob-menu-border:var(--tds-blue-700);--tds-header-mob-menu-open-border:var(--tds-grey-300);--tds-nav-item-background:var(--tds-white);--tds-nav-item-background-active:var(--tds-grey-100);--tds-nav-item-background-hover:var(--tds-grey-100);--tds-nav-item-background-selected:var(--tds-grey-100);--tds-nav-item-border-color:var(--tds-blue-700);--tds-nav-item-border-color-active:var(--tds-blue-400);--tds-nav-item-core-background-hover:var(--tds-grey-100);--tds-nav-item-core-color-active:var(--tds-grey-800);--tds-header-nav-item-color:var(--tds-white);--tds-header-nav-item-background-active:var(--tds-blue-700);--tds-nav-dropdown-item-background:var(--tds-white);--tds-nav-dropdown-item-border-color:var(--tds-grey-300);--tds-header-nav-item-dropdown-opened-background:var(--tds-white);--tds-header-nav-item-dropdown-opened-background-hover:var(--tds-grey-100);--tds-header-nav-item-dropdown-opened-background-selected:var(--tds-grey-100);--tds-header-nav-item-dropdown-opened-background-active:var(--tds-grey-300);--tds-header-nav-item-dropdown-opened-color:var(--tds-grey-958);--tds-header-nav-item-dropdown-hover-color:var(--tds-grey-300);--tds-header-item-hover:var(--tds-blue-700);--tds-header--basic-element-border:var(--tds-blue-700);--tds-header--basic-element-border-open:var(--tds-white);--tds-header--basic-element-background:var(--tds-blue-800);--tds-header--basic-element-background-open:var(--tds-white);--tds-header--basic-element-background-hover:var(--tds-blue-700);--tds-header--basic-element-background-selected:var(--tds-blue-700);--tds-header-searchbar-input-background:var(--tds-white);--tds-header-searchbar-input-color:var(--tds-black);--tds-header-searchbar-input-placeholder-color:var(--tds-grey-958);--tds-header-searchbar-input-expanded-after-border-bottom:var(--tds-grey-300);--tds-header-searchbar-border-color:var(--tds-blue-700);--tds-header-searchbar-btn-active:var(--tds-white);--tds-header-searchbar-x-btn-background:var(--tds-white);--tds-header-searchbar-x-btn-background-hover:var(--tds-grey-100);--tds-header-searchbar-btn-svg-fill:var(--tds-grey-958);--tds-header-searchbar-result-item-background:var(--tds-white);--tds-header-searchbar-result-item-background-hover:var(--tds-grey-100);--tds-header-searchbar-result-item-background-active:var(--tds-blue-400);--tds-header-searchbar-result-item-background-visited:var(--tds-grey-400);--tds-header-searchbar-result-item-anchor-background-hover:var(--tds-grey-100);--tds-header-searchbar-result-item-top-border-color:var(--tds-grey-300);--tds-header-searchbar-result-item-top-background:var(--tds-white);--tds-header-searchbar-result-item-category-title-background:var(--tds-white);--tds-header-searchbar-result-x-btn:var(--tds-white);--tds-header-searchbar-result-item-core-color:var(--tds-black);--tds-header-searchbar-result-item-core-background:var(--tds-white);--tds-header-searchbar-result-category-border-color:var(--tds-grey-300);--tds-header-searchbar-result-category-background:var(--tds-white);--tds-header-searchbar-all-result-item-color:var(--tds-black);--tds-header-searchbar-all-result-item-background-hover:var(--tds-grey-100);--tds-header-searchbar-all-result-item-background-active:var(--tds-blue-400);--tds-header-searchbar-all-result-item-background-visited:var(--tds-grey-400);--tds-header-avatar-item-background:var(--tds-white);--tds-header-avatar-item-background-hover:var(--tds-grey-100);--tds-header-avatar-item-border-color:var(--tds-grey-300);--tds-header-avatar-subtitle-color:var(--tds-grey-500);--tds-header-avatar-item-color:var(--tds-grey-700);--tds-header-avatar-item-btn-background:var(--tds-white);--tds-header-app-launcher-menu-background:var(--tds-white);--tds-header-app-launcher-btn-background:var(--tds-white);--tds-header-app-launcher-btn-color:var(--tds-white);--tds-header-app-launcher-open-btn-color:var(--tds-black);--tds-header-app-launcher-item-border-color:var(--tds-grey-300);--tds-header-app-launcher-category-title-background:var(--tds-white);--tds-header-app-launcher-category-title-color:var(--tds-grey-500);--tds-header-app-launcher-grid-category-title-color:var(--tds-grey-800);--tds-header-app-launcher-item-background:var(--tds-white);--tds-header-app-launcher-item-background-hover:var(--tds-grey-100);--tds-header-app-launcher-item-color:var(--tds-grey-700);--tds-header-app-launcher-grid--color:var(--tds-grey-800);--tds-header-app-launcher-grid-hover-background:var(--tds-grey-100);--tds-header-mobile-menu-background:var(--tds-white);--tds-header-mobile-menu-item-background:var(--tds-white);--tds-header-mobile-menu-item-background-hover:var(--tds-grey-300);--tds-header-mobile-menu-item-color:var(--tds-grey-958);--tds-header-mobile-menu-item-border-color:var(--tds-grey-300);--tds-header-mobile-nav-center-background:var(--tds-white);--tds-header-mobile-nav-center-item-border-color:var(--tds-grey-300);--tds-header-mobile-nav-center-item-border-color-active-after:var(--tds-blue-400);--tds-header-mobile-nav-center-dropdown-item--last-border-color:var(--tds-grey-300);--tds-header-mobile-nav-toolbar-border-color:var(--tds-grey-300);--tds-header-mobile-searchbar-container-border-color:var(--tds-grey-300);--tds-header-mobile-searchbar-input-background:var(--tds-white);--tds-header-mobile-searchbar-input-color:var(--tds-black);--tds-header-mobile-searchbar-input-placeholder-color:var(--tds-grey-800);--tds-header-mobile-searchbar-input-expanded-before-background:var(--tds-white);--tds-header-mobile-searchbar-btn-background:var(--tds-white);--tds-header-mobile-searchbar-btn-background-hover:var(--tds-grey-100);--tds-header-mobile-searchbar-open-btn-background:var(--tds-white);--tds-header-mobile-searchbar-open-btn-background-hover:var(--tds-grey-100);--tds-header-mobile-searchbar-btn-svg-fill:var(--tds-grey-958);--tds-header-mobile-searchbar-container-color:var(--tds-grey-958);--tds-header-mobile-avatar--item-btn-background:var(--tds-white);--tds-header-mobile-avatar--item-btn-background-hover:var(--tds-grey-100);--tds-header-mobile-avatar--item-btn-background-selected:var(--tds-grey-100);--tds-header-mobile-avatar--item-btn-background-active:var(--tds-grey-300);--tds-header-mobile-avatar--item-btn-color:var(--tds-grey-958)}.tds-mode-dark{--tds-header-background:var(--tds-blue-900);--tds-header-mob-menu-open-color:var(--tds-white);--tds-header-mob-menu-open-background:var(--tds-grey-958);--tds-header-mob-menu-border:var(--tds-blue-800);--tds-header-mob-menu-open-border:var(--tds-grey-868);--tds-nav-item-background:var(--tds-grey-800);--tds-nav-item-background-hover:var(--tds-grey-700);--tds-nav-item-background-active:var(--tds-grey-700);--tds-nav-item-background-selected:var(--tds-grey-700);--tds-nav-item-border-color:var(--tds-blue-700);--tds-nav-item-border-color-active:var(--tds-blue-300);--tds-nav-item-core-background-hover:var(--tds-grey-700);--tds-nav-item-core-color-active:var(--tds-grey-50);--tds-header-nav-item-color:var(--tds-white);--tds-header-nav-item-background-active:var(--tds-blue-800);--tds-nav-dropdown-item-background:var(--tds-grey-800);--tds-nav-dropdown-item-border-color:var(--tds-grey-700);--tds-header-nav-item-dropdown-opened-background:var(--tds-grey-958);--tds-header-nav-item-dropdown-opened-background-hover:var(--tds-grey-800);--tds-header-nav-item-dropdown-opened-background-selected:var(--tds-grey-868);--tds-header-nav-item-dropdown-opened-background-active:var(--tds-grey-800);--tds-header-nav-item-dropdown-opened-color:var(--tds-white);--tds-header-item-hover:var(--tds-blue-800);--tds-header--basic-element-border:var(--tds-blue-700);--tds-header--basic-element-border-open:var(--tds-blue-700);--tds-header--basic-element-background-open:var(--tds-blue-800);--tds-header--basic-element-background-hover:var(--tds-blue-800);--tds-header--basic-element-background-selected:var(--tds-blue-800);--tds-header-searchbar-input-background:var(--tds-grey-958);--tds-header-searchbar-input-color:var(--tds-white);--tds-header-searchbar-input-placeholder-color:var(--tds-grey-400);--tds-header-searchbar-input-expanded-after-border-bottom:var(--tds-grey-700);--tds-header-searchbar-border-color:var(--tds-blue-700);--tds-header-searchbar-x-btn-background:var(--tds-grey-958);--tds-header-searchbar-x-btn-background-hover:var(--tds-grey-868);--tds-header-searchbar-btn-svg-fill:var(--tds-white);--tds-header-searchbar-result-item-background:var(--tds-grey-958);--tds-header-searchbar-result-item-background-hover:var(--tds-grey-868);--tds-header-searchbar-result-item-background-active:var(--tds-grey-800);--tds-header-searchbar-result-item-background-visited:var(--tds-grey-600);--tds-header-searchbar-result-item-anchor-background-hover:var(--tds-grey-868);--tds-header-searchbar-result-item-top-border-color:var(--tds-grey-700);--tds-header-searchbar-result-item-top-background:var(--tds-grey-958);--tds-header-searchbar-result-item-category-title-background:var(--tds-grey-958);--tds-header-searchbar-result-x-btn:var(--tds-white);--tds-header-searchbar-result-item-core-color:var(--tds-white);--tds-header-searchbar-result-item-core-background:var(--tds-grey-958);--tds-header-searchbar-result-category-border-color:var(--tds-grey-700);--tds-header-searchbar-result-category-background:var(--tds-grey-958);--tds-header-searchbar-all-result-item-color:var(--tds-white);--tds-header-searchbar-all-result-item-background-hover:var(--tds-grey-868);--tds-header-searchbar-all-result-item-background-active:var(--tds-grey-868);--tds-header-searchbar-all-result-item-background-visited:var(--tds-grey-600);--tds-header-avatar-item-background:var(--tds-grey-800);--tds-header-avatar-item-border-color:var(--tds-grey-700);--tds-header-avatar-subtitle-color:var(--tds-grey-500);--tds-header-avatar-title-color:var(--tds-grey-50);--tds-header-avatar-item-background-hover:var(--tds-grey-700);--tds-header-avatar-item-color:var(--tds-grey-500);--tds-header-avatar-item-btn-background:var(--tds-grey-800);--tds-header-app-launcher-menu-background:var(--tds-grey-800);--tds-header-app-launcher-btn-background:var(--tds-grey-800);--tds-header-app-launcher-btn-color:var(--tds-white);--tds-header-app-launcher-open-btn-color:var(--tds-white);--tds-header-app-launcher-item-border-color:var(--tds-grey-700);--tds-header-app-launcher-category-title-background:var(--tds-grey-800);--tds-header-app-launcher-category-title-color:var(--tds-grey-500);--tds-header-app-launcher-grid-category-title-color:var(--tds-grey-500);--tds-header-app-launcher-item-background:var(--tds-grey-800);--tds-header-app-launcher-item-background-hover:var(--tds-grey-700);--tds-header-app-launcher-item-color:var(--tds-grey-50);--tds-header-app-launcher-grid-color:var(--tds-grey-50);--tds-header-app-launcher-grid-hover-background:var(--tds-grey-700);--tds-header-mobile-nav-center-background:var(--tds-grey-958);--tds-header-mobile-nav-center-item-border-color:var(--tds-grey-868);--tds-header-mobile-nav-center-item-border-color-active-after:var(--tds-blue-400);--tds-header-mobile-nav-center-dropdown-item--last-border-color:var(--tds-grey-868);--tds-header-mobile-nav-toolbar-border-color:var(--tds-grey-868);--tds-header-mobile-searchbar-container-border-color:var(--tds-grey-868);--tds-header-mobile-searchbar-input-background:var(--tds-grey-958);--tds-header-mobile-searchbar-input-color:var(--tds-white);--tds-header-mobile-searchbar-input-placeholder-color:var(--tds-grey-400);--tds-header-mobile-searchbar-input-expanded-before-background:var(--tds-black);--tds-header-mobile-searchbar-btn-background:var(--tds-grey-958);--tds-header-mobile-searchbar-btn-background-hover:var(--tds-grey-868);--tds-header-mobile-searchbar-open-btn-background:var(--tds-grey-958);--tds-header-mobile-searchbar-open-btn-background-hover:var(--tds-grey-868);--tds-header-mobile-searchbar-btn-svg-fill:var(--tds-white);--tds-header-mobile-searchbar-container-color:var(--tds-white);--tds-header-mobile-avatar--item-btn-background:var(--tds-grey-958);--tds-header-mobile-avatar--item-btn-background-hover:var(--tds-grey-868);--tds-header-mobile-avatar--item-btn-background-selected:var(--tds-grey-868);--tds-header-mobile-avatar--item-btn-background-active:var(--tds-grey-800);--tds-header-mobile-avatar--item-btn-color:var(--tds-white)}:root,.tds-mode-light{--tds-link:var(--tds-blue-400);--tds-link-hover:var(--tds-blue-400);--tds-link-focus:var(--tds-blue-400);--tds-link-visited:var(--tds-blue-600);--tds-link-disabled:var(--tds-grey-250)}:root tds-toast,.tds-mode-light tds-toast{--tds-link:var(--tds-grey-50);--tds-link-hover:var(--tds-blue-400);--tds-link-focus:var(--tds-blue-400);--tds-link-visited:var(--tds-blue-700);--tds-link-disabled:var(--tds-grey-250)}:root tds-banner,.tds-mode-light tds-banner{--tds-link:var(--tds-grey-950)}.tds-mode-dark{--tds-link:var(--tds-blue-300);--tds-link-hover:var(--tds-blue-300);--tds-link-focus:var(--tds-blue-300);--tds-link-visited:var(--tds-blue-100);--tds-link-disabled:var(--tds-grey-500)}.tds-mode-dark tds-toast{--tds-link:var(--tds-grey-950);--tds-link-hover:var(--tds-blue-300);--tds-link-focus:var(--tds-blue-300);--tds-link-visited:var(--tds-blue-100);--tds-link-disabled:var(--tds-grey-500)}.tds-mode-dark tds-banner{--tds-link:var(--tds-grey-50)}tds-link tds-icon{padding-bottom:4px;padding-left:5px}:root,.tds-mode-light{--tds-modal-backdrop-background:rgba(0, 0, 0, 0.6);--tds-modal-box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.1), 0 -1px 1px 0 rgba(0, 0, 0, 0.05)}.tds-mode-dark{--tds-modal-backdrop-background:rgba(0, 0, 0, 0.8);--tds-modal-box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.1), 0 -1px 1px 0 rgba(0, 0, 0, 0.05)}:root,.tds-mode-light{--tds-popover-canvas-color:var(--tds-grey-950);--tds-popover-canvas-background:var(--tds-white)}.tds-mode-dark{--tds-popover-canvas-color:var(--tds-grey-50);--tds-popover-canvas-background:var(--tds-grey-850)}:root,.tds-mode-light{--tds-popover-menu-color:var(--tds-grey-950);--tds-popover-menu-background:var(--tds-white);--tds-popover-menu-background-hover:var(--tds-grey-100);--tds-popover-menu-divider-color:var(--tds-grey-350);--tds-popover-menu-divider-disabled-color:var(--tds-grey-250);--tds-popover-menu-divider-disabled-icon-color:var(--tds-grey-950)}.tds-mode-dark{--tds-popover-menu-color:var(--tds-white);--tds-popover-menu-background:var(--tds-grey-800);--tds-popover-menu-background-hover:var(--tds-grey-700);--tds-popover-menu-divider-color:var(--tds-grey-500);--tds-popover-menu-divider-disabled-color:var(--tds-grey-500);--tds-popover-menu-divider-disabled-icon-color:var(--tds-grey-50)}.tds-mode-dark .tds-mode-variant-primary{--tds-popover-menu-background:var(--tds-grey-850)}.tds-mode-dark .tds-mode-variant-secondary{--tds-popover-menu-background:var(--tds-grey-800)}:root,.tds-mode-light{--tds-radio-button-color:var(--tds-grey-950);--tds-radio-button-interaction-01:var(--tds-blue-800);--tds-radio-button-interaction-02:var(--tds-white);--tds-radio-button-interaction-outline:var(--tds-white);--tds-radio-button-background-hover:var(--tds-grey-350);--tds-radio-button-background-focus:var(--tds-blue-400);--tds-radio-button-disabled:var(--tds-grey-250);--tds-radio-button-border-color-disabled-after:var(--tds-grey-250);--tds-radio-button-color-disabled-after:var(--tds-grey-250);--tds-radio-button-color-disabled-before:var(--tds-grey-250)}.tds-mode-dark{--tds-radio-button-color:var(--tds-white);--tds-radio-button-interaction-01:var(--tds-white);--tds-radio-button-interaction-02:var(--tds-grey-950);--tds-radio-button-interaction-outline:var(--tds-white);--tds-radio-button-background-hover:var(--tds-grey-350);--tds-radio-button-background-focus:var(--tds-blue-400);--tds-radio-button-disabled:var(--tds-grey-500);--tds-radio-button-border-color-disabled-after:var(--tds-grey-500);--tds-radio-button-color-disabled-after:var(--tds-grey-500);--tds-radio-button-color-disabled-before:var(--tds-grey-500)}.__tds-side-menu-item-icon-collapsed{color:var(--tds-sidebar-side-menu-single-item-color);margin-left:0;position:absolute;left:50%;transform:translateX(-50%)}:root,.tds-mode-light{--tds-sidebar-mobile-menu-btn-hover:var(--tds-blue-700);--tds-sidebar-mobile-menu-btn-icon:var(--tds-white);--tds-sidebar-item-state-focus:var(--tds-grey-50);--tds-sidebar-item-state-border-focus:var(--tds-blue-400);--tds-sidebar-item-state-hover:var(--tds-grey-100);--tds-sidebar-item-state-active:var(--tds-grey-300);--tds-sidemenu-item-state-active:var(--tds-grey-300);--tds-sidebar-item-state-selected:var(--tds-grey-100);--tds-sidebar-side-menu:var(--tds-white);--tds-sidebar-side-menu-border-right:var(--tds-grey-300);--tds-sidebar-side-menu-background-cover:var(--tds-white);--tds-sidebar-side-menu-mobile-header-border-bottom:var(--tds-grey-300);--tds-sidebar-side-menu-bottom-menu-background:var(--tds-white);--tds-sidebar-side-menu-bottom-menu-border-top:var(--tds-grey-300);--tds-sidebar-side-menu-single-item-border-bottom:var(--tds-grey-300);--tds-sidebar-side-menu-single-item-color:var(--tds-grey-958);--tds-sidebar-side-menu-single-item-background-selected:var(--tds-grey-100);--tds-sidebar-side-menu-single-item-border-left-selected:var(--tds-blue-400);--tds-sidebar-side-menu-single-subitem-color:var(--tds-grey-800);--tds-sidebar-side-menu-single-subitem-title-color:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-color-active:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-backgrund:var(--tds-white);--tds-sidebar-side-menu-single-subitem-divider:var(--tds-grey-300);--tds-sidebar-side-menu-subnav-background:var(--tds-white);--tds-sidebar-side-menu-single-subitem-selected-border-color:var(--tds-blue-400)}.tds-mode-dark{--tds-sidebar-mobile-menu-btn-hover:var(--tds-blue-700);--tds-sidebar-mobile-menu-btn-icon:var(--tds-white);--tds-sidebar-item-state-focus:var(--tds-grey-958);--tds-sidebar-item-state-border-focus:var(--tds-blue-400);--tds-sidebar-item-state-hover:var(--tds-grey-850);--tds-sidebar-item-state-active:var(--tds-grey-800);--tds-sidemenu-item-state-active:var(--tds-grey-800);--tds-sidebar-item-state-selected:var(--tds-grey-868);--tds-sidebar-side-menu:var(--tds-grey-958);--tds-sidebar-side-menu-border-right:var(--tds-grey-850);--tds-sidebar-side-menu-background-cover:var(--tds-grey-958);--tds-sidebar-side-menu-mobile-header-border-bottom:var(--tds-grey-850);--tds-sidebar-side-menu-bottom-menu-background:var(--tds-grey-958);--tds-sidebar-side-menu-bottom-menu-border-top:var(--tds-grey-850);--tds-sidebar-side-menu-single-item-border-bottom:var(--tds-grey-850);--tds-sidebar-side-menu-single-item-color:var(--tds-grey-50);--tds-sidebar-side-menu-single-item-background-selected:var(--tds-grey-850);--tds-sidebar-side-menu-single-item-border-left-selected:var(--tds-blue-400);--tds-sidebar-side-menu-single-subitem-color:var(--tds-grey-100);--tds-sidebar-side-menu-single-subitem-title-color:var(--tds-grey-50);--tds-sidebar-side-menu-single-subitem-color-active:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-backgrund:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-divider:var(--tds-grey-700);--tds-sidebar-side-menu-subnav-background:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-selected-border-color:var(--tds-blue-400)}:root,.tds-mode-light{--tds-slider-label-color:var(--tds-grey-950);--tds-slider-label-disabled:var(--tds-grey-250);--tds-slider-input-value-color:var(--tds-grey-950);--tds-slider-input-value-disabled:var(--tds-grey-250);--tds-slider-thumb-color:var(--tds-grey-950);--tds-slider-thumb-disabled:var(--tds-grey-200);--tds-slider-track-color:var(--tds-grey-350);--tds-slider-track-fill-color:var(--tds-grey-950);--tds-slider-track-disabled:var(--tds-grey-200);--tds-slider-divider-color:var(--tds-grey-350);--tds-slider-divider-values-color:var(--tds-grey-650);--tds-slider-divider-disabled:var(--tds-grey-200);--tds-slider-divider-values-disabled:var(--tds-grey-250);--tds-slider-controls-color:var(--tds-grey-650);--tds-slider-controls-disabled:var(--tds-grey-250);--tds-slider-inputfield-number-color:var(--tds-grey-950);--tds-slider-inputfield-background:var(--tds-white);--tds-slider-inputfield-box-shadow:var(--tds-grey-800);--tds-slider-inputfield-number-disabled:var(--tds-grey-250);--tds-slider-inputfield-background-disabled:var(--tds-grey-50);--tds-slider-value-tooltip-background:var(--tds-grey-700);--tds-slider-value-tooltip-color:var(--tds-grey-50)}.tds-mode-dark{--tds-slider-label-color:var(--tds-grey-50);--tds-slider-label-disabled:var(--tds-grey-500);--tds-slider-input-value-color:var(--tds-grey-200);--tds-slider-input-value-disabled:var(--tds-grey-500);--tds-slider-thumb-color:var(--tds-grey-50);--tds-slider-thumb-disabled:var(--tds-grey-600);--tds-slider-track-color:var(--tds-grey-400);--tds-slider-track-fill-color:var(--tds-grey-50);--tds-slider-track-disabled:var(--tds-grey-600);--tds-slider-divider-color:var(--tds-grey-400);--tds-slider-divider-values-color:var(--tds-grey-200);--tds-slider-divider-disabled:var(--tds-grey-600);--tds-slider-divider-values-disabled:var(--tds-grey-500);--tds-slider-controls-color:var(--tds-grey-200);--tds-slider-controls-disabled:var(--tds-grey-500);--tds-slider-inputfield-number-color:var(--tds-grey-300);--tds-slider-inputfield-background:var(--tds-grey-850);--tds-slider-inputfield-box-shadow:var(--tds-grey-400);--tds-slider-inputfield-number-disabled:var(--tds-grey-500);--tds-slider-inputfield-background-disabled:var(--tds-grey-850);--tds-slider-value-tooltip-background:var(--tds-grey-150);--tds-slider-value-tooltip-color:var(--tds-grey-950)}:root,.tds-mode-light{--tds-stepper-background:var(--tds-grey-950);--tds-stepper-icon-background:var(--tds-grey-50);--tds-stepper-color:var(--tds-grey-50);--tds-stepper-icon-step-border-color-warning:var(--tds-red-400);--tds-stepper-icon-step-border-color-success:var(--tds-green-400);--tds-stepper-icon-step-background-success:var(--tds-green-400);--tds-stepper-icon-step-border-color-current:var(--tds-grey-950);--tds-stepper-label-text-color-upcoming:var(--tds-blue-950);--tds-stepper-label-border-color-upcoming:var(--tds-blue-750);--tds-stepper-divider-line:var(--tds-grey-700)}.tds-mode-dark{--tds-stepper-background:var(--tds-grey-150);--tds-stepper-icon-background:var(--tds-grey-150);--tds-stepper-color:var(--tds-grey-950);--tds-stepper-icon-step-border-color-warning:var(--tds-red-300);--tds-stepper-icon-step-border-color-success:var(--tds-green-300);--tds-stepper-icon-step-background-success:var(--tds-green-300);--tds-stepper-label-text-color-upcoming:var(--tds-grey-50);--tds-stepper-label-border-color-upcoming:var(--tds-grey-150);--tds-stepper-divider-line:var(--tds-grey-250)}:root,.tds-mode-light{--tds-tag-success-background:var(--tds-green-100);--tds-tag-success-color:var(--tds-green-700);--tds-tag-warning-background:var(--tds-yellow-50);--tds-tag-warning-color:var(--tds-yellow-700);--tds-tag-new-background:var(--tds-blue-100);--tds-tag-new-color:var(--tds-blue-700);--tds-tag-neutral-background:var(--tds-grey-150);--tds-tag-neutral-color:var(--tds-grey-700);--tds-tag-information-background:var(--tds-blue-200);--tds-tag-information-color:var(--tds-blue-800);--tds-tag-error-background:var(--tds-red-100);--tds-tag-error-color:var(--tds-red-700)}.tds-mode-dark{--tds-tag-success-background:var(--tds-green-200);--tds-tag-success-color:var(--tds-green-800);--tds-tag-warning-background:var(--tds-yellow-100);--tds-tag-warning-color:var(--tds-yellow-800);--tds-tag-new-background:var(--tds-blue-100);--tds-tag-new-color:var(--tds-blue-800);--tds-tag-neutral-background:var(--tds-grey-200);--tds-tag-neutral-color:var(--tds-grey-800);--tds-tag-information-background:var(--tds-blue-200);--tds-tag-information-color:var(--tds-blue-800);--tds-tag-error-background:var(--tds-red-200);--tds-tag-error-color:var(--tds-red-800)}:root,.tds-mode-light{--tds-folder-tab-background-selected:var(--tds-white);--tds-folder-tab-background:var(--tds-grey-100);--tds-folder-tab-background-hover:var(--tds-grey-200);--tds-folder-tab-color:var(--tds-blue-900);--tds-folder-tab-color-opacity:0.6;--tds-folder-tab-color-opacity-disabled:0.16;--tds-folder-tab-color-opacity-selected:1;--tds-folder-tab-color-opacity-focus:1;--tds-folder-tab-color-opacity-hover:1;--tds-folder-tab-border-selected:var(--tds-blue-400);--tds-folder-tabs-scroll-btn-background:var(--tds-folder-tab-background-primary);--tds-folder-tabs-scroll-btn-background-hover:var(--tds-grey-300);--tds-folder-tabs-scroll-btn-background-active:var(--tds-grey-400);--tds-folder-tabs-scroll-btn-color:var(--tds-grey-958);--tds-folder-tab-background-primary:var(--tds-grey-100);--tds-folder-tab-background-secondary:var(--tds-grey-100);--tds-folder-tab-background:var(--tds-folder-tab-background-primary);--tds-folder-tab-background-selected-primary:var(--tds-white);--tds-folder-tab-background-selected-secondary:var(--tds-grey-50);--tds-folder-tab-divider-color:var(--tds-grey-300);--tds-folder-tab-item-color:rgb(0 21 51 / 60%);--tds-folder-tab-item-color-disabled:rgb(0 21 51 / 16%)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-folder-tab-background-selected:var(--tds-folder-tab-background-selected-primary);--tds-folder-tab-background:var(--tds-folder-tab-background-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-folder-tab-background-selected:var(--tds-folder-tab-background-selected-secondary);--tds-folder-tab-background:var(--tds-folder-tab-background-secondary)}.tds-mode-dark{--tds-folder-tab-background-selected:var(--tds-grey-900);--tds-folder-tab-background:var(--tds-grey-846);--tds-folder-tab-background-hover:var(--tds-grey-800);--tds-folder-tab-color:var(--tds-grey-50);--tds-folder-tab-color-opacity:0.6;--tds-folder-tab-color-opacity-disabled:0.16;--tds-folder-tab-color-opacity-selected:1;--tds-folder-tab-color-opacity-focus:1;--tds-folder-tab-color-opacity-hover:1;--tds-folder-tab-border-selected:var(--tds-blue-400);--tds-folder-tabs-scroll-btn-color:var(--tds-grey-50);--tds-folder-tabs-scroll-btn-background:var(--tds-folder-tab-background-primary);--tds-folder-tabs-scroll-btn-background-hover:var(--tds-grey-900);--tds-folder-tabs-scroll-btn-background-active:var(--tds-grey-900);--tds-folder-tab-background-primary:var(--tds-grey-846);--tds-folder-tab-background-secondary:var(--tds-grey-846);--tds-folder-tab-background:var(--tds-folder-tab-background-primary);--tds-folder-tab-background-selected-primary:var(--tds-grey-900);--tds-folder-tab-background-selected-secondary:var(--tds-grey-868);--tds-folder-tab-divider-color:var(--tds-grey-800);--tds-folder-tab-item-color:rgb(228 233 241 / 60%);--tds-folder-tab-item-color-disabled:rgb(228 233 241 / 16%)}.tds-mode-dark .tds-mode-variant-primary{--tds-folder-tab-background-selected:var(--tds-folder-tab-background-selected-primary);--tds-folder-tab-background:var(--tds-folder-tab-background-primary)}.tds-mode-dark .tds-mode-variant-secondary{--tds-folder-tab-background-selected:var(--tds-folder-tab-background-selected-secondary);--tds-folder-tab-background:var(--tds-folder-tab-background-secondary)}:root,.tds-mode-light{--tds-inline-tabs-horizontal-divider-background:var(--tds-grey-300);--tds-inline-tabs-tab-background-primary:var(--tds-white);--tds-inline-tabs-tab-background-secondary:var(--tds-grey-50);--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-primary);--tds-inline-tabs-scroll-btn-color:var(--tds-grey-958);--tds-inline-tabs-scroll-btn-background:var(--tds-white);--tds-inline-tabs-scroll-btn-background-hover:var(--tds-grey-300);--tds-inline-tabs-scroll-btn-background-active:var(--tds-grey-400);--tds-inline-tabs-scroll-btn-primary:var(--tds-white);--tds-inline-tabs-scroll-btn-secondary:var(--tds-grey-50);--tds-inline-tabs-tab-color:rgba(0 21 51 /60%);--tds-inline-tabs-tab-color-selected:var(--tds-grey-958);--tds-inline-tabs-tab-color-disabled:var(--tds-blue-900);--tds-inline-tabs-tab-color-opacity-disabled:0.38;--tds-inline-tabs-tab-indicator-background-hover:var(--tds-grey-400);--tds-inline-tabs-tab-color-hover:var(--tds-grey-958);--tds-inline-tabs-tab-color-focus:var(--tds-grey-958);--tds-inline-tabs-tab-color-active:var(--tds-grey-958);--tds-inline-tabs-tab-indicator-background-active:var(--tds-blue-400)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-primary);--tds-inline-tabs-scroll-btn-background:var(--tds-inline-tabs-scroll-btn-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-secondary);--tds-inline-tabs-scroll-btn-background:var(--tds-inline-tabs-scroll-btn-secondary)}.tds-mode-dark{--tds-inline-tabs-horizontal-divider-background:var(--tds-grey-800);--tds-inline-tabs-tab-background-primary:var(--tds-grey-900);--tds-inline-tabs-tab-background-secondary:var(--tds-grey-868);--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-primary);--tds-inline-tabs-scroll-btn-color:var(--tds-grey-50);--tds-inline-tabs-scroll-btn-background:var(--tds-grey-900);--tds-inline-tabs-scroll-btn-background-hover:var(--tds-grey-900);--tds-inline-tabs-scroll-btn-background-active:var(--tds-grey-900);--tds-inline-tabs-scroll-btn-primary:var(--tds-grey-900);--tds-inline-tabs-scroll-btn-secondary:var(--tds-grey-800);--tds-inline-tab-color-opacity:0.6;--tds-inline-tab-color-opacity-selected:1;--tds-inline-tabs-tab-color:var(--tds-blue-50);--tds-inline-tabs-tab-color-selected:var(--tds-grey-50);--tds-inline-tabs-tab-color-disabled:var(--tds-blue-50);--tds-inline-tabs-tab-color-opacity-disabled:0.38;--tds-inline-tab-color-opacity-selected:1;--tds-inline-tabs-tab-color:rgba(228 233 241/60%);--tds-inline-tabs-tab-color-selected:var(--tds-grey-50);--tds-inline-tabs-tab-color-disabled:var(--tds-blue-50);--tds-inline-tabs-tab-indicator-background-hover:#373d46;--tds-inline-tabs-tab-color-hover:var(--tds-grey-50);--tds-inline-tabs-tab-color-focus:var(--tds-grey-50);--tds-inline-tabs-tab-color-active:var(--tds-grey-50);--tds-inline-tabs-tab-indicator-background-active:var(--tds-blue-300)}.tds-mode-dark .tds-mode-variant-primary{--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-primary);--tds-inline-tabs-scroll-btn-background:var(--tds-inline-tabs-scroll-btn-primary)}.tds-mode-dark .tds-mode-variant-secondary{--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-secondary);--tds-inline-tabs-scroll-btn-background:var(--tds-inline-tabs-scroll-btn-secondary)}:root,.tds-mode-light{--tds-navigation-tabs-horizontal-divider-background:var(--tds-grey-300);--tds-navigation-tabs-tab-background-primary:var(--tds-white);--tds-navigation-tabs-tab-background-secondary:var(--tds-grey-50);--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-primary);--tds-navigation-tabs-scroll-btn-background:var(--tds-grey-50);--tds-navigation-tabs-scroll-btn-background-hover:var(--tds-grey-300);--tds-navigation-tabs-scroll-btn-background-active:var(--tds-grey-400);--tds-navigation-tabs-tab-color:rgba(0 21 51/60%);--tds-navigation-tabs-tab-color-selected:var(--tds-grey-958);--tds-navigation-tabs-tab-color-disabled:var(--tds-blue-900);--tds-navigation-tabs-tab-color-opacity-disabled:0.38;--tds-navigation-tabs-tab-indicator-background-hover:var(--tds-grey-400);--tds-navigation-tabs-tab-color-hover:var(--tds-grey-958);--tds-navigation-tabs-tab-color-focus:var(--tds-grey-958);--tds-navigation-tabs-tab-color-active:var(--tds-grey-958);--tds-navigation-tabs-tab-indicator-background-active:var(--tds-blue-400)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-secondary)}.tds-mode-dark{--tds-navigation-tabs-horizontal-divider-background:var(--tds-grey-800);--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-primary);--tds-navigation-tabs-scroll-btn-background:var(--tds-grey-800);--tds-navigation-tabs-scroll-btn-background-hover:var(--tds-grey-900);--tds-navigation-tabs-scroll-btn-background-active:var(--tds-grey-900);--tds-navigation-tabs-tab-color:rgba(228 233 241 /60%);--tds-navigation-tabs-tab-color-selected:var(--tds-grey-50);--tds-navigation-tabs-tab-color-disabled:var(--tds-blue-50);--tds-navigation-tabs-tab-color-opacity-disabled:0.38;--tds-navigation-tabs-tab-indicator-background-hover:#373d46;--tds-navigation-tabs-tab-color-hover:var(--tds-grey-50);--tds-navigation-tabs-tab-color-focus:var(--tds-grey-50);--tds-navigation-tabs-tab-color-active:var(--tds-grey-50);--tds-navigation-tabs-tab-indicator-background-active:var(--tds-blue-300)}.tds-mode-dark .tds-mode-variant-primary{--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-primary)}.tds-mode-dark .tds-mode-variant-secondary{--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-secondary)}:root,.tds-mode-light{--tds-textarea-background-primary:var(--tds-grey-50);--tds-textarea-background-secondary:var(--tds-white);--tds-textarea-background:var(--tds-textarea-background-primary);--tds-textarea-color:var(--tds-grey-950);--tds-textarea-color-hover:var(--tds-grey-950);--tds-textarea-disabled-color:var(--tds-grey-250);--tds-textarea-disabled-background-primary:var(--tds-grey-50);--tds-textarea-disabled-background-secondary:var(--tds-white);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-primary);--tds-textarea-disabled-placeholder:var(--tds-grey-250);--tds-textarea-disabled-label:var(--tds-grey-250);--tds-textarea-helper-disabled:var(--tds-grey-250);--tds-textarea-textcounter-disabled:var(--tds-grey-250);--tds-textarea-label-color:var(--tds-grey-950);--tds-textarea-label-inside-color:var(--tds-grey-950);--tds-textarea-placeholder:var(--tds-grey-500);--tds-textarea-helper:var(--tds-grey-500);--tds-textarea-helper-error:var(--tds-red-400);--tds-textarea-textcounter:var(--tds-grey-500);--tds-textarea-textcounter-divider:var(--tds-grey-500);--tds-textarea-border-bottom:var(--tds-grey-350);--tds-textarea-border-bottom-hover:var(--tds-grey-850);--tds-textarea-border-bottom-success:var(--tds-grey-850);--tds-textarea-border-bottom-error:var(--tds-red-400);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-icon-read-only-color:var(--tds-grey-950);--tds-textarea-icon-read-only-label-color:var(--tds-grey-950);--tds-textarea-resize-icon:var(--tds-grey-500)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-textarea-background:var(--tds-textarea-background-primary);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-primary);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-read-only-background:vrer(--tds-white)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-textarea-background:var(--tds-textarea-background-secondary);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-secondary);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-read-only-background:var(--tds-grey-50)}.tds-mode-dark{--tds-textarea-background-primary:var(--tds-grey-900);--tds-textarea-background-secondary:var(--tds-grey-850);--tds-textarea-background:var(--tds-textarea-background-primary);--tds-textarea-color:var(--tds-grey-50);--tds-textarea-disabled-color:var(--tds-grey-800);--tds-textarea-disabled-background-primary:var(--tds-grey-900);--tds-textarea-disabled-background-secondary:var(--tds-grey-850);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-primary);--tds-textarea-disabled-placeholder:var(--tds-grey-500);--tds-textarea-disabled-label:var(--tds-grey-500);--tds-textarea-helper-disabled:var(--tds-grey-500);--tds-textarea-textcounter-disabled:var(--tds-grey-500);--tds-textarea-label-color:var(--tds-grey-50);--tds-textarea-label-inside-color:var(--tds-grey-50);--tds-textarea-placeholder:var(--tds-grey-300);--tds-textarea-helper:var(--tds-grey-300);--tds-textarea-helper-error:var(--tds-red-300);--tds-textarea-textcounter:var(--tds-grey-300);--tds-textarea-textcounter-divider:var(--tds-grey-300);--tds-textarea-border-bottom:var(--tds-grey-350);--tds-textarea-border-bottom-hover:var(--tds-grey-50);--tds-textarea-border-bottom-success:var(--tds-grey-100);--tds-textarea-border-bottom-error:var(--tds-red-300);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-icon-read-only-color:var(--tds-grey-100);--tds-textarea-icon-read-only-label-color:var(--tds-grey-50);--tds-textarea-resize-icon:var(--tds-grey-300)}.tds-mode-dark .tds-mode-variant-primary{--tds-textarea-background:var(--tds-textarea-background-primary);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-primary);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-read-only-background:var(--tds-grey-900)}.tds-mode-dark .tds-mode-variant-secondary{--tds-textarea-background:var(--tds-textarea-background-secondary);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-secondary);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-read-only-background:var(--tds-grey-850)}:root,.tds-mode-light{--tds-text-field-background-primary:var(--tds-grey-50);--tds-text-field-background-secondary:var(--tds-white);--tds-text-field-background:var(--tds-text-field-background-primary);--tds-text-field-color:var(--tds-grey-950);--tds-text-field-placeholder:var(--tds-grey-500);--tds-text-field-data-color:var(--tds-grey-958);--tds-text-field-background-disabled-primary:var(--tds-grey-50);--tds-text-field-background-disabled-secondary:var(--tds-white);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-primary);--tds-text-field-color-disabled:var(--tds-grey-250);--tds-text-field-placeholder-disabled:var(--tds-grey-250);--tds-text-field-label-disabled:var(--tds-grey-250);--tds-text-field-ps-color-disabled:var(--tds-grey-250);--tds-text-field-helper-disabled:var(--tds-grey-250);--tds-text-field-label-color:var(--tds-grey-950);--tds-text-field-label-inside-color:var(--tds-grey-950);--tds-text-field-bar:var(--tds-blue-400);--tds-text-field-helper:var(--tds-grey-500);--tds-text-field-border-bottom-error:var(--tds-red-400);--tds-text-field-helper-error:var(--tds-red-400);--tds-text-field-bar-error:var(--tds-red-400);--tds-text-field-icon-error:var(--tds-red-400);--tds-text-field-textcounter:var(--tds-grey-500);--tds-text-field-textcounter-disabled:var(--tds-grey-250);--tds-text-field-textcounter-divider:var(--tds-grey-500);--tds-text-field-ps-color:var(--tds-grey-500);--tds-text-field-ps-color-error:var(--tds-red-400);--tds-text-field-resize-icon:var(--tds-grey-500);--tds-text-field-border-bottom:var(--tds-grey-350);--tds-text-field-border-bottom-hover:var(--tds-grey-250);--tds-text-field-border-bottom-success:var(--tds-grey-850);--tds-text-field-border-bottom-readonly:var(--tds-grey-500);--tds-text-field-icon-read-only-color:var(--tds-grey-958);--tds-text-field-icon-read-only-label-color:var(--tds-grey-958)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-text-field-background:var(--tds-text-field-background-primary);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-text-field-background:var(--tds-text-field-background-secondary);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-secondary)}.tds-mode-dark{--tds-text-field-background-primary:var(--tds-grey-900);--tds-text-field-background:var(--tds-text-field-background-primary);--tds-text-field-background-secondary:var(--tds-grey-850);--tds-text-field-color:var(--tds-grey-50);--tds-text-field-placeholder:var(--tds-grey-300);--tds-text-field-data-color:var(--tds-grey-50);--tds-text-field-ps-color-disabled:var(--tds-grey-500);--tds-text-field-color-disabled:var(--tds-grey-800);--tds-text-field-background-disabled-primary:var(--tds-grey-900);--tds-text-field-background-disabled-secondary:var(--tds-grey-850);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-primary);--tds-text-field-placeholder-disabled:var(--tds-grey-500);--tds-text-field-label-disabled:var(--tds-grey-500);--tds-text-field-helper-disabled:var(--tds-grey-500);--tds-text-field-label-color:var(--tds-grey-50);--tds-text-field-label-inside-color:var(--tds-grey-50);--tds-text-field-bar:var(--tds-blue-300);--tds-text-field-helper:var(--tds-grey-300);--tds-text-field-helper-error:var(--tds-red-300);--tds-text-field-bar-error:var(--tds-red-300);--tds-text-field-icon-error:var(--tds-red-300);--tds-text-field-textcounter:var(--tds-grey-300);--tds-text-field-textcounter-disabled:var(--tds-grey-500);--tds-text-field-textcounter-divider:var(--tds-grey-500);--tds-text-field-ps-color:var(--tds-grey-300);--tds-text-field-resize-icon:var(--tds-grey-500);--tds-text-field-border-bottom:var(--tds-grey-850);--tds-text-field-border-bottom-hover:var(--tds-grey-900);--tds-text-field-border-bottom-success:var(--tds-grey-50);--tds-text-field-border-bottom-error:var(--tds-red-300);--tds-text-field-border-bottom-readonly:var(--tds-grey-600);--tds-text-field-icon-read-only-color:var(--tds-grey-100);--tds-text-field-icon-read-only-label-color:var(--tds-grey-50)}.tds-mode-dark .tds-mode-variant-primary{--tds-text-field-background:var(--tds-text-field-background-primary);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-primary)}.tds-mode-dark .tds-mode-variant-secondary{--tds-text-field-background:var(--tds-text-field-background-secondary);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-secondary)}:root,.tds-mode-light{--tds-toast-background-color:var(--tds-grey-950);--tds-toast-headline-color:var(--tds-grey-50);--tds-toast-subheadline-color:var(--tds-grey-50);--tds-toast-link-color:var(--tds-grey-50);--tds-toast-dissmiss-color:var(--tds-grey-50);--tds-toast-icon-color-error:var(--tds-red-300);--tds-toast-icon-color-success:var(--tds-green-300);--tds-toast-icon-color-warning:var(--tds-yellow-300);--tds-toast-icon-color-info:var(--tds-blue-300)}.tds-mode-dark{--tds-toast-background-color:var(--tds-grey-50);--tds-toast-headline-color:var(--tds-grey-950);--tds-toast-subheadline-color:var(--tds-grey-950);--tds-toast-link-color:var(--tds-grey-950);--tds-toast-dissmiss-color:var(--tds-grey-950);--tds-toast-icon-color-error:var(--tds-red-400);--tds-toast-icon-color-success:var(--tds-green-400);--tds-toast-icon-color-warning:var(--tds-yellow-400);--tds-toast-icon-color-info:var(--tds-blue-400)}:root,.tds-mode-light{--tds-toggle-switch:var(--tds-white);--tds-toggle-switch-disabled:var(--tds-grey-250);--tds-toggle-headline:var(--tds-grey-950);--tds-toggle-headline-disabled:var(--tds-grey-250);--tds-toggle-on-slider:var(--tds-green-300);--tds-toggle-on-slider-hover:var(--tds-green-400);--tds-toggle-on-slider-focus:var(--tds-green-300);--tds-toggle-on-slider-pressed:var(--tds-green-500);--tds-toggle-on-border-focus:var(--tds-white);--tds-toggle-border-outline:var(--tds-blue-400);--tds-toggle-on-slider-disabled:var(--tds-grey-200);--tds-toggle-slider-disabled:var(--tds-grey-200);--tds-toggle-label-color:var(--tds-grey-950);--tds-toggle-label-color-disabled:var(--tds-grey-250);--tds-toggle-off-slider:var(--tds-grey-350);--tds-toggle-off-slider-hover:var(--tds-grey-500);--tds-toggle-off-slider-focus:var(--tds-grey-350);--tds-toggle-off-slider-pressed:var(--tds-grey-600);--tds-toggle-off-border-focus:var(--tds-white)}.tds-mode-dark{--tds-toggle-switch:var(--tds-white);--tds-toggle-switch-disabled:var(--tds-grey-500);--tds-toggle-headline:var(--tds-grey-50);--tds-toggle-headline-disabled:var(--tds-grey-500);--tds-toggle-on-slider:var(--tds-green-300);--tds-toggle-on-slider-hover:var(--tds-green-400);--tds-toggle-on-slider-focus:var(--tds-green-300);--tds-toggle-on-slider-pressed:var(--tds-green-500);--tds-toggle-on-border-focus:var(--tds-white);--tds-toggle-border-outline:var(--tds-blue-300);--tds-toggle-on-slider-disabled:var(--tds-grey-600);--tds-toggle-slider-disabled:var(--tds-grey-600);--tds-toggle-label-color:var(--tds-grey-50);--tds-toggle-label-color-disabled:var(--tds-grey-500);--tds-toggle-off-slider:var(--tds-grey-350);--tds-toggle-off-slider-hover:var(--tds-grey-500);--tds-toggle-off-slider-focus:var(--tds-grey-350);--tds-toggle-off-slider-pressed:var(--tds-grey-600);--tds-toggle-off-border-focus:var(--tds-white)}:root,.tds-mode-light{--tds-tooltip-background:var(--tds-grey-700);--tds-tooltip-color:var(--tds-grey-50)}.tds-mode-dark{--tds-tooltip-background:var(--tds-grey-150);--tds-tooltip-color:var(--tds-grey-950)}:root,.tds-mode-light{--tds-date-picker-input-icon:var(--tds-grey-700);--tds-date-picker-input-icon-disabled:var(--tds-grey-400);--tds-date-picker-calendar-color:var(--tds-grey-958);--tds-date-picker-calendar-bg:var(--tds-grey-50);--tds-date-picker-calendar-box-shadow:0 2px 3px 0 rgb(0 0 0 / 10%);--tds-date-picker-date-color:var(--tds-grey-800);--tds-date-picker-date-bg-hover:rgb(0 0 0 / 8%);--tds-date-picker-date-color-selected:var(--tds-white);--tds-date-picker-date-bg-selected:var(--tds-blue-400);--tds-date-picker-date-color-disabled:var(--tds-grey-600);--tds-date-picker-date-bg-disabled:var(--tds-date-picker-calendar-bg);--tds-date-picker-date-color-not-current-month:var(--tds-grey-500);--tds-date-range-picker-date-bg-in-range:var(--tds-blue-100);--tds-date-range-picker-date-color-in-range:var(--tds-grey-700);--tds-date-range-picker-date-bg-in-range-hover:var(--tds-blue-200)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-date-picker-calendar-bg:var(--tds-blue-200)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-date-picker-calendar-bg:var(--tds-white)}.tds-mode-dark{--tds-date-picker-input-icon:var(--tds-grey-50);--tds-date-picker-input-icon-disabled:var(--tds-grey-800);--tds-date-picker-calendar-bg:var(--tds-grey-900);--tds-date-picker-calendar-color:var(--tds-grey-50);--tds-date-picker-calendar-box-shadow:0 2px 3px 0 rgb(0 0 0 / 10%);--tds-date-picker-date-color:var(--tds-grey-300);--tds-date-picker-date-bg-hover:rgb(0 0 0 / 8%);--tds-date-picker-date-bg-selected:var(--tds-blue-400);--tds-date-picker-date-color-selected:var(--tds-white);--tds-date-picker-date-bg-disabled:var(--tds-grey-400);--tds-date-picker-date-color-disabled:var(--tds-grey-600);--tds-date-picker-date-color-not-current-month:var(--tds-grey-700);--tds-date-picker-date-bg-in-range:var(--tds-blue-600);--tds-date-picker-date-color-in-range:var(--tds-grey-300);--tds-date-picker-date-bg-in-range-hover:var(--tds-blue-500)}.tds-mode-dark .tds-mode-variant-primary{--tds-date-picker-calendar-bg:var(--tds-grey-900)}.tds-mode-dark .tds-mode-variant-secondary{--tds-date-picker-calendar-bg:var(--tds-grey-868)}body{font-family:"Scania Sans Semi Condensed", "Scania Sans Condensed", Arial, Helvetica, sans-serif;font-size:14px;margin:0;flex:1}:root,.tds-mode-light{color:var(--tds-grey-958);background-color:var(--tds-white)}:root.tds-mode-variant-primary,:root .tds-mode-variant-primary,.tds-mode-light.tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{color:var(--tds-grey-958);background-color:var(--tds-white)}:root.tds-mode-variant-secondary,:root .tds-mode-variant-secondary,.tds-mode-light.tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{color:var(--tds-grey-958);background-color:var(--tds-grey-50)}:root tds-button.tds-mode-variant-primary,:root tds-button.tds-mode-variant-secondary,.tds-mode-light tds-button.tds-mode-variant-primary,.tds-mode-light tds-button.tds-mode-variant-secondary{background-color:transparent}.tds-mode-dark{color:var(--tds-grey-100);background-color:var(--tds-grey-958)}.tds-mode-dark.tds-mode-variant-primary,.tds-mode-dark .tds-mode-variant-primary{color:var(--tds-grey-100);background-color:var(--tds-grey-958)}.tds-mode-dark.tds-mode-variant-secondary,.tds-mode-dark .tds-mode-variant-secondary{color:var(--tds-grey-100);background-color:var(--tds-grey-900)}.tds-mode-dark tds-button.tds-mode-variant-primary,.tds-mode-dark tds-button.tds-mode-variant-secondary{background-color:transparent}:root tds-dropdown.tds-mode-variant-primary,:root tds-dropdown .tds-mode-variant-primary,:root tds-dropdown.tds-mode-variant-secondary,:root tds-dropdown .tds-mode-variant-secondary,:root tds-textarea.tds-mode-variant-primary,:root tds-textarea .tds-mode-variant-primary,:root tds-textarea.tds-mode-variant-secondary,:root tds-textarea .tds-mode-variant-secondary,:root tds-text-field.tds-mode-variant-primary,:root tds-text-field .tds-mode-variant-primary,:root tds-text-field.tds-mode-variant-secondary,:root tds-text-field .tds-mode-variant-secondary,.tds-mode-light tds-dropdown.tds-mode-variant-primary,.tds-mode-light tds-dropdown .tds-mode-variant-primary,.tds-mode-light tds-dropdown.tds-mode-variant-secondary,.tds-mode-light tds-dropdown .tds-mode-variant-secondary,.tds-mode-light tds-textarea.tds-mode-variant-primary,.tds-mode-light tds-textarea .tds-mode-variant-primary,.tds-mode-light tds-textarea.tds-mode-variant-secondary,.tds-mode-light tds-textarea .tds-mode-variant-secondary,.tds-mode-light tds-text-field.tds-mode-variant-primary,.tds-mode-light tds-text-field .tds-mode-variant-primary,.tds-mode-light tds-text-field.tds-mode-variant-secondary,.tds-mode-light tds-text-field .tds-mode-variant-secondary{background:transparent}
|