@scania/tegel 1.34.0-multibrand-beta.4 → 1.34.0-multibrand-beta.6

package/dist/cjs/tds-dropdown_2.cjs.entry.js

@@ -78,7 +78,7 @@ const convertArrayToStrings = (values) => {
     return values.map((value) => convertToString(value));
 };
 
-const dropdownCss = "@charset \"UTF-8\";:host button{all:unset;box-shadow:var(--dropdown-border);height:100%;width:100%;background-color:var(--dropdown-background);border-radius:var(--dropdown-border-radius);transition:box-shadow var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host button:hover{box-shadow:var(--dropdown-border-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--dropdown-placeholder);line-height:1.3}:host button.value{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--dropdown-text);line-height:1.3}:host button:focus{box-shadow:var(--dropdown-border-focus)}:host button:active{box-shadow:var(--dropdown-border-active)}:host button.error{box-shadow:var(--dropdown-border-error)}:host button.error:hover{box-shadow:var(--dropdown-border-error-hover)}:host button.error:focus{box-shadow:var(--dropdown-border-error-focus)}:host button:disabled{box-shadow:var(--dropdown-border-disabled);color:var(--dropdown-disabled)}:host button .menu-icon{margin-right:0}:host .filter{box-shadow:var(--dropdown-border);display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--dropdown-background);padding-left:16px;border-radius:var(--dropdown-border-radius);transition:box-shadow var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .filter:hover{box-shadow:var(--dropdown-border-hover)}:host .filter.disabled{box-shadow:var(--dropdown-border-disabled);color:var(--dropdown-disabled)}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--dropdown-text)}:host .filter .label-inside-as-placeholder{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--dropdown-placeholder);position:absolute;line-height:1.3}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{box-shadow:var(--dropdown-border-focus)}:host .filter.error{box-shadow:var(--dropdown-border-error)}:host .filter.error.focus{box-shadow:var(--dropdown-border-error-focus)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--dropdown-placeholder)}:host .filter input:disabled::placeholder{color:var(--dropdown-disabled)}:host .filter tds-icon{cursor:pointer}:host .filter tds-icon.disabled{color:var(--dropdown-disabled)}:host .filter .menu-icon{margin-right:16px}:host .filter .menu-icon.disabled{color:var(--dropdown-disabled)}:host .filter .clear-icon{margin:0 8px;padding-right:8px;border-right:1px solid var(--dropdown-icon);color:var(--dropdown-clear-icon)}:host .filter .clear-icon:hover{color:var(--dropdown-icon)}:host .filter .clear-icon.hide{display:none;visibility:hidden}:host .filter .clear-icon.disabled{color:var(--dropdown-disabled)}:host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);display:block;position:relative}:host .label-outside{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--dropdown-text);margin-bottom:8px}:host .label-outside.disabled{color:var(--dropdown-disabled)}:host .dropdown-select{position:relative}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper{color:var(--dropdown-disabled)}:host .dropdown-select .label-inside{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);position:absolute;color:var(--dropdown-text)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm,:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--dropdown-placeholder)}:host .dropdown-select .label-inside-as-placeholder.selected{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);position:absolute;transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);margin-top:4px;color:var(--dropdown-helper-text);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--dropdown-error)}:host .helper.disabled{color:var(--dropdown-disabled)}:host .dropdown-list{z-index:100;position:absolute;margin-top:2px;width:100%;transform-origin:top;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 3px 0;border-radius:var(--dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--color-foreground-icon-discrete);background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--color-background-layer-01)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:40px;background:var(--color-foreground-icon-discrete);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm,:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;box-shadow:rgba(0, 0, 0, 0.1) 0 -1px 3px 0;border-radius:var(--dropdown-list-border-radius-up)}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);pointer-events:none}:host .dropdown-list.open{transform:scaleY(1);visibility:visible;opacity:1;pointer-events:auto}:host .dropdown-list.animation-enter-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter)}:host .dropdown-list.animation-exit-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit)}:host .dropdown-list .no-result{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);display:flex;align-items:center;padding:0 16px;background-color:var(--dropdown-background)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm,:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--dropdown-icon)}:host .menu-icon.disabled{color:var(--dropdown-disabled)}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}";
+const dropdownCss = "@charset \"UTF-8\";:host{padding-bottom:1px}:host button{all:unset;box-shadow:var(--dropdown-border);height:100%;width:100%;background-color:var(--dropdown-background);border-radius:var(--dropdown-border-radius);transition:box-shadow var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host button:hover{box-shadow:var(--dropdown-border-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--dropdown-placeholder);line-height:1.3}:host button.value{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--dropdown-text);line-height:1.3}:host button:focus{box-shadow:var(--dropdown-border-focus)}:host button:active{box-shadow:var(--dropdown-border-active)}:host button.error{box-shadow:var(--dropdown-border-error)}:host button.error:hover{box-shadow:var(--dropdown-border-error-hover)}:host button.error:focus{box-shadow:var(--dropdown-border-error-focus)}:host button:disabled{box-shadow:var(--dropdown-border-disabled);color:var(--dropdown-disabled)}:host button .menu-icon{margin-right:0}:host{padding-bottom:1px}:host .filter{box-shadow:var(--dropdown-border);display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--dropdown-background);padding-left:16px;border-radius:var(--dropdown-border-radius);transition:box-shadow var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .filter:hover{box-shadow:var(--dropdown-border-hover)}:host .filter.disabled{box-shadow:var(--dropdown-border-disabled);color:var(--dropdown-disabled)}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--dropdown-text)}:host .filter .label-inside-as-placeholder{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--dropdown-placeholder);position:absolute;line-height:1.3}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{box-shadow:var(--dropdown-border-focus)}:host .filter.error{box-shadow:var(--dropdown-border-error)}:host .filter.error.focus{box-shadow:var(--dropdown-border-error-focus)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--dropdown-placeholder)}:host .filter input:disabled::placeholder{color:var(--dropdown-disabled)}:host .filter tds-icon{cursor:pointer}:host .filter tds-icon.disabled{color:var(--dropdown-disabled)}:host .filter .menu-icon{margin-right:16px}:host .filter .menu-icon.disabled{color:var(--dropdown-disabled)}:host .filter .clear-icon{margin:0 8px;padding-right:8px;border-right:1px solid var(--dropdown-icon);color:var(--dropdown-clear-icon)}:host .filter .clear-icon:hover{color:var(--dropdown-icon)}:host .filter .clear-icon.hide{display:none;visibility:hidden}:host .filter .clear-icon.disabled{color:var(--dropdown-disabled)}:host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);display:block;position:relative}:host .label-outside{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--dropdown-text);margin-bottom:8px}:host .label-outside.disabled{color:var(--dropdown-disabled)}:host .dropdown-select{position:relative}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper{color:var(--dropdown-disabled)}:host .dropdown-select .label-inside{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);position:absolute;color:var(--dropdown-text)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm,:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--dropdown-placeholder)}:host .dropdown-select .label-inside-as-placeholder.selected{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);position:absolute;transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);padding-top:var(--tds-spacing-element-4);color:var(--dropdown-helper-text);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--dropdown-error)}:host .helper.disabled{color:var(--dropdown-disabled)}:host .dropdown-list{z-index:100;position:absolute;margin-top:2px;width:100%;transform-origin:top;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 3px 0;border-radius:var(--dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--color-foreground-icon-discrete);background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--color-background-layer-01)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:40px;background:var(--color-foreground-icon-discrete);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm,:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;box-shadow:rgba(0, 0, 0, 0.1) 0 -1px 3px 0;border-radius:var(--dropdown-list-border-radius-up)}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);pointer-events:none}:host .dropdown-list.open{transform:scaleY(1);visibility:visible;opacity:1;pointer-events:auto}:host .dropdown-list.animation-enter-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter)}:host .dropdown-list.animation-exit-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit)}:host .dropdown-list .no-result{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);display:flex;align-items:center;padding:0 16px;background-color:var(--dropdown-background)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm,:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--dropdown-icon)}:host .menu-icon.disabled{color:var(--dropdown-disabled)}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}";
 const TdsDropdownStyle0 = dropdownCss;
 
 function hasValueChanged(newValue, currentValue) {

package/dist/cjs/tds-text-field.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-ca8040ad.js');
 const hasSlot = require('./hasSlot-1c90e9ba.js');
 const generateUniqueId = require('./generateUniqueId-e3fc9863.js');
 
-const textFieldCss = ".text-field-input.sc-tds-text-field{all:unset;border-radius:var(--text-field-border-radius);background-color:var(--text-field-background);color:var(--text-field-text);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}.text-field-input.sc-tds-text-field::placeholder{color:var(--text-field-placeholder)}.text-field-input.sc-tds-text-field:disabled{background-color:var(--text-field-background-disabled);color:var(--text-field-text-disabled);user-select:none;pointer-events:none}.text-field-input.sc-tds-text-field:disabled::placeholder{color:var(--text-field-placeholder-disabled)}.text-field-input.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--text-field-label-disabled)}.text-field-input-lg.sc-tds-text-field{padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field{padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field{padding:var(--tds-spacing-element-16)}.text-field-container.sc-tds-text-field{box-shadow:var(--text-field-box-shadow);border-radius:var(--text-field-border-radius);display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--text-field-background);transition:box-shadow 200ms ease}.text-field-container.sc-tds-text-field:hover{box-shadow:var(--text-field-box-shadow-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(--text-field-text)}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--text-field-label)}.text-field-label-inside.sc-tds-text-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);position:absolute;pointer-events:none;color:var(--text-field-label-inside);left:16px}.text-field-label-inside-placeholder.sc-tds-text-field{color:var(--text-field-placeholder)}.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::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(--text-field-placeholder)}.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-md.sc-tds-text-field,.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-md.sc-tds-text-field::placeholder,.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-md.sc-tds-text-field .sc-tds-text-field::placeholder,.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-md.sc-tds-text-field:focus::placeholder,.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(--text-field-placeholder)}.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,.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.text-field-focus.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-label-inside.sc-tds-text-field{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);transition:0.1s ease all}.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-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-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-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{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{top:12px}.text-field-bar.sc-tds-text-field{position:relative;width:100%;left:0;z-index:1}.text-field-bar.sc-tds-text-field::after{background:var(--text-field-bar-focus);content:\"\";height:2px;width:100%;bottom:0;position:absolute;transform:scaleX(0);transition:0.35s ease transform}.form-text-field.text-field-focus.sc-tds-text-field .text-field-container.sc-tds-text-field{outline:var(--text-field-focus-outline);outline-offset:var(--text-field-focus-outline-offset)}.form-text-field.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{transform:scaleX(1)}.text-field-helper.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--text-field-helper);padding-top:var(--tds-spacing-element-4);display:flex;gap:8px;justify-content:space-between;flex-basis:100%}.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;box-shadow:none}.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,.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--text-field-affix-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-inside.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--text-field-label-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:var(--text-field-background-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.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(--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{box-shadow:var(--text-field-box-shadow-success)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-helper.sc-tds-text-field{color:var(--text-field-helper-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{box-shadow:var(--text-field-box-shadow-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(--text-field-bar-error)}.text-field-focus.form-text-field-error.sc-tds-text-field .text-field-container.sc-tds-text-field{outline:var(--text-field-focus-outline-error);outline-offset:var(--text-field-focus-outline-offset)}.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(--text-field-textcounter-disabled)}.text-field-textcounter.sc-tds-text-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--text-field-textcounter);float:right}.text-field-textcounter.text-field-textcounter-disabled.sc-tds-text-field{color:var(--text-field-textcounter-disabled)}.text-field-textcounter.text-field-textcounter-divider.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--text-field-textcounter-divider)}.text-field-textcounter.text-field-textcounter-divider-disabled.sc-tds-text-field{color:var(--text-field-textcounter-divider)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--text-field-affix);align-self:center;margin:0 0 0 14px}.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(--text-field-affix-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}";
+const textFieldCss = ".text-field-input.sc-tds-text-field{all:unset;border-radius:var(--text-field-border-radius);background-color:var(--text-field-background);color:var(--text-field-text);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}.text-field-input.sc-tds-text-field::placeholder{color:var(--text-field-placeholder)}.text-field-input.sc-tds-text-field:disabled{background-color:var(--text-field-background-disabled);color:var(--text-field-text-disabled);user-select:none;pointer-events:none}.text-field-input.sc-tds-text-field:disabled::placeholder{color:var(--text-field-placeholder-disabled)}.text-field-input.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--text-field-label-disabled)}.text-field-input-lg.sc-tds-text-field{padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field{padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field{padding:var(--tds-spacing-element-16)}.text-field-container.sc-tds-text-field{box-shadow:var(--text-field-box-shadow);border-radius:var(--text-field-border-radius);display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--text-field-background);transition:box-shadow 200ms ease}.text-field-container.sc-tds-text-field:hover{box-shadow:var(--text-field-box-shadow-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(--text-field-text)}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--text-field-label)}.text-field-label-inside.sc-tds-text-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);position:absolute;pointer-events:none;color:var(--text-field-label-inside);left:16px}.text-field-label-inside-placeholder.sc-tds-text-field{color:var(--text-field-placeholder)}.form-text-field.sc-tds-text-field{padding-bottom:1px}.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::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(--text-field-placeholder)}.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-md.sc-tds-text-field,.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-md.sc-tds-text-field::placeholder,.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-md.sc-tds-text-field .sc-tds-text-field::placeholder,.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-md.sc-tds-text-field:focus::placeholder,.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(--text-field-placeholder)}.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,.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.text-field-focus.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-label-inside.sc-tds-text-field{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);transition:0.1s ease all}.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-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-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-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{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{top:12px}.text-field-bar.sc-tds-text-field{position:relative;width:100%;left:0;z-index:1}.text-field-bar.sc-tds-text-field::after{background:var(--text-field-bar-focus);content:\"\";height:2px;width:100%;bottom:0;position:absolute;transform:scaleX(0);transition:0.35s ease transform}.form-text-field.text-field-focus.sc-tds-text-field .text-field-container.sc-tds-text-field{outline:var(--text-field-focus-outline);outline-offset:var(--text-field-focus-outline-offset)}.form-text-field.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{transform:scaleX(1)}.text-field-helper.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--text-field-helper);padding-top:var(--tds-spacing-element-4);display:flex;gap:8px;justify-content:space-between;flex-basis:100%}.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;box-shadow:none}.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,.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--text-field-affix-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-inside.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--text-field-label-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:var(--text-field-background-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.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(--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{box-shadow:var(--text-field-box-shadow-success)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-helper.sc-tds-text-field{color:var(--text-field-helper-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{box-shadow:var(--text-field-box-shadow-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(--text-field-bar-error)}.text-field-focus.form-text-field-error.sc-tds-text-field .text-field-container.sc-tds-text-field{outline:var(--text-field-focus-outline-error);outline-offset:var(--text-field-focus-outline-offset)}.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(--text-field-textcounter-disabled)}.text-field-textcounter.sc-tds-text-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--text-field-textcounter);float:right}.text-field-textcounter.text-field-textcounter-disabled.sc-tds-text-field{color:var(--text-field-textcounter-disabled)}.text-field-textcounter.text-field-textcounter-divider.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--text-field-textcounter-divider)}.text-field-textcounter.text-field-textcounter-divider-disabled.sc-tds-text-field{color:var(--text-field-textcounter-divider)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--text-field-affix);align-self:center;margin:0 0 0 14px}.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(--text-field-affix-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}";
 const TdsTextFieldStyle0 = textFieldCss;
 
 const TdsTextField = class {

package/dist/cjs/tds-textarea.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ca8040ad.js');
 const generateUniqueId = require('./generateUniqueId-e3fc9863.js');
 
-const textareaCss = ".textarea-container.sc-tds-textarea{border-radius:var(--textarea-border-radius);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-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{background:var(--textarea-bar);content:\"\";height:2px;width:100%;bottom:0;position:absolute;transform:scaleX(0);transition:0.35s ease transform}.textarea-input.sc-tds-textarea{width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--textarea-text);background-color:var(--textarea-background);border-radius:var(--textarea-border-radius);font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;box-shadow:var(--textarea-box-shadow);transition:box-shadow 200ms ease}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--textarea-placeholder)}.textarea-input.sc-tds-textarea:disabled{background-color:var(--textarea-disabled-background);color:var(--textarea-disabled-text);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{box-shadow:var(--textarea-box-shadow-hover)}.textarea-resizer-icon.sc-tds-textarea{color:var(--textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--textarea-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);transition:0.1s ease all;color:var(--textarea-label-inside);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(--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(--textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);top:var(--tds-spacing-element-8)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{transform:scaleX(1)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-input.sc-tds-textarea{outline:var(--textarea-focus-outline);outline-offset:var(--textarea-focus-outline-offset)}.textarea-container.textarea-focus.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{outline:var(--textarea-focus-outline-error);outline-offset:var(--textarea-focus-outline-offset)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--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-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--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{box-shadow:var(--textarea-box-shadow-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-error)}.textarea-error.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{background:var(--textarea-bar-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-disabled);pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-resizer-icon.sc-tds-textarea{background-color:var(--textarea-background-secondary)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-read-only)}.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}";
+const textareaCss = ".textarea-container.sc-tds-textarea{border-radius:var(--textarea-border-radius);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{padding-bottom:1px;position:relative;width:unset;min-width:100%}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{background:var(--textarea-bar);content:\"\";height:2px;width:100%;bottom:0;position:absolute;transform:scaleX(0);transition:0.35s ease transform}.textarea-input.sc-tds-textarea{width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--textarea-text);background-color:var(--textarea-background);border-radius:var(--textarea-border-radius);font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;box-shadow:var(--textarea-box-shadow);transition:box-shadow 200ms ease}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--textarea-placeholder)}.textarea-input.sc-tds-textarea:disabled{background-color:var(--textarea-disabled-background);color:var(--textarea-disabled-text);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{box-shadow:var(--textarea-box-shadow-hover)}.textarea-resizer-icon.sc-tds-textarea{color:var(--textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--textarea-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);transition:0.1s ease all;color:var(--textarea-label-inside);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(--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(--textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);top:var(--tds-spacing-element-8)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{transform:scaleX(1)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-input.sc-tds-textarea{outline:var(--textarea-focus-outline);outline-offset:var(--textarea-focus-outline-offset)}.textarea-container.textarea-focus.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{outline:var(--textarea-focus-outline-error);outline-offset:var(--textarea-focus-outline-offset)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--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-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--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{box-shadow:var(--textarea-box-shadow-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-error)}.textarea-error.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{background:var(--textarea-bar-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-disabled);pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-resizer-icon.sc-tds-textarea{background-color:var(--textarea-background-secondary)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-read-only)}.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}";
 const TdsTextareaStyle0 = textareaCss;
 
 const TdsTextarea = class {

package/dist/collection/components/dropdown/dropdown.css

@@ -2,6 +2,9 @@
 /* Typography Usage mixins */
 /* Centralized map of typography types */
 /* Utility mixin */
+:host {
+  padding-bottom: 1px;
+}
 :host button {
   all: unset;
   box-shadow: var(--dropdown-border);
@@ -62,6 +65,9 @@
 /* Typography Usage mixins */
 /* Centralized map of typography types */
 /* Utility mixin */
+:host {
+  padding-bottom: 1px;
+}
 :host .filter {
   box-shadow: var(--dropdown-border);
   display: flex;
@@ -304,7 +310,7 @@ body {
   font-weight: var(--detail-05-font-weight);
   letter-spacing: var(--detail-05-letter-spacing);
   text-transform: var(--detail-05-text-transform);
-  margin-top: 4px;
+  padding-top: var(--tds-spacing-element-4);
   color: var(--dropdown-helper-text);
   display: flex;
   align-items: center;

package/dist/collection/components/text-field/text-field.css

@@ -106,6 +106,10 @@
   color: var(--text-field-placeholder);
 }
 
+.form-text-field {
+  padding-bottom: 1px;
+}
+
 .form-text-field.text-field-container-label-inside .text-field-input-lg {
   padding-top: var(--tds-spacing-element-24);
   padding-bottom: 15px;

package/dist/collection/components/textarea/textarea.css

@@ -18,6 +18,7 @@
 }
 
 .textarea-container .textarea-wrapper {
+  padding-bottom: 1px;
   position: relative;
   width: unset;
   min-width: 100%;

package/dist/components/{p-9e3aba72.js → p-6bb21551.js}

@@ -61,7 +61,7 @@ const appendHiddenInput = (element, name, value, disabled, additionalAttributes)
     input.value = value || '';
 };
 
-const dropdownCss = "@charset \"UTF-8\";:host button{all:unset;box-shadow:var(--dropdown-border);height:100%;width:100%;background-color:var(--dropdown-background);border-radius:var(--dropdown-border-radius);transition:box-shadow var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host button:hover{box-shadow:var(--dropdown-border-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--dropdown-placeholder);line-height:1.3}:host button.value{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--dropdown-text);line-height:1.3}:host button:focus{box-shadow:var(--dropdown-border-focus)}:host button:active{box-shadow:var(--dropdown-border-active)}:host button.error{box-shadow:var(--dropdown-border-error)}:host button.error:hover{box-shadow:var(--dropdown-border-error-hover)}:host button.error:focus{box-shadow:var(--dropdown-border-error-focus)}:host button:disabled{box-shadow:var(--dropdown-border-disabled);color:var(--dropdown-disabled)}:host button .menu-icon{margin-right:0}:host .filter{box-shadow:var(--dropdown-border);display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--dropdown-background);padding-left:16px;border-radius:var(--dropdown-border-radius);transition:box-shadow var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .filter:hover{box-shadow:var(--dropdown-border-hover)}:host .filter.disabled{box-shadow:var(--dropdown-border-disabled);color:var(--dropdown-disabled)}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--dropdown-text)}:host .filter .label-inside-as-placeholder{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--dropdown-placeholder);position:absolute;line-height:1.3}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{box-shadow:var(--dropdown-border-focus)}:host .filter.error{box-shadow:var(--dropdown-border-error)}:host .filter.error.focus{box-shadow:var(--dropdown-border-error-focus)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--dropdown-placeholder)}:host .filter input:disabled::placeholder{color:var(--dropdown-disabled)}:host .filter tds-icon{cursor:pointer}:host .filter tds-icon.disabled{color:var(--dropdown-disabled)}:host .filter .menu-icon{margin-right:16px}:host .filter .menu-icon.disabled{color:var(--dropdown-disabled)}:host .filter .clear-icon{margin:0 8px;padding-right:8px;border-right:1px solid var(--dropdown-icon);color:var(--dropdown-clear-icon)}:host .filter .clear-icon:hover{color:var(--dropdown-icon)}:host .filter .clear-icon.hide{display:none;visibility:hidden}:host .filter .clear-icon.disabled{color:var(--dropdown-disabled)}:host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);display:block;position:relative}:host .label-outside{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--dropdown-text);margin-bottom:8px}:host .label-outside.disabled{color:var(--dropdown-disabled)}:host .dropdown-select{position:relative}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper{color:var(--dropdown-disabled)}:host .dropdown-select .label-inside{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);position:absolute;color:var(--dropdown-text)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm,:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--dropdown-placeholder)}:host .dropdown-select .label-inside-as-placeholder.selected{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);position:absolute;transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);margin-top:4px;color:var(--dropdown-helper-text);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--dropdown-error)}:host .helper.disabled{color:var(--dropdown-disabled)}:host .dropdown-list{z-index:100;position:absolute;margin-top:2px;width:100%;transform-origin:top;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 3px 0;border-radius:var(--dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--color-foreground-icon-discrete);background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--color-background-layer-01)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:40px;background:var(--color-foreground-icon-discrete);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm,:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;box-shadow:rgba(0, 0, 0, 0.1) 0 -1px 3px 0;border-radius:var(--dropdown-list-border-radius-up)}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);pointer-events:none}:host .dropdown-list.open{transform:scaleY(1);visibility:visible;opacity:1;pointer-events:auto}:host .dropdown-list.animation-enter-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter)}:host .dropdown-list.animation-exit-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit)}:host .dropdown-list .no-result{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);display:flex;align-items:center;padding:0 16px;background-color:var(--dropdown-background)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm,:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--dropdown-icon)}:host .menu-icon.disabled{color:var(--dropdown-disabled)}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}";
+const dropdownCss = "@charset \"UTF-8\";:host{padding-bottom:1px}:host button{all:unset;box-shadow:var(--dropdown-border);height:100%;width:100%;background-color:var(--dropdown-background);border-radius:var(--dropdown-border-radius);transition:box-shadow var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host button:hover{box-shadow:var(--dropdown-border-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--dropdown-placeholder);line-height:1.3}:host button.value{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--dropdown-text);line-height:1.3}:host button:focus{box-shadow:var(--dropdown-border-focus)}:host button:active{box-shadow:var(--dropdown-border-active)}:host button.error{box-shadow:var(--dropdown-border-error)}:host button.error:hover{box-shadow:var(--dropdown-border-error-hover)}:host button.error:focus{box-shadow:var(--dropdown-border-error-focus)}:host button:disabled{box-shadow:var(--dropdown-border-disabled);color:var(--dropdown-disabled)}:host button .menu-icon{margin-right:0}:host{padding-bottom:1px}:host .filter{box-shadow:var(--dropdown-border);display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--dropdown-background);padding-left:16px;border-radius:var(--dropdown-border-radius);transition:box-shadow var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .filter:hover{box-shadow:var(--dropdown-border-hover)}:host .filter.disabled{box-shadow:var(--dropdown-border-disabled);color:var(--dropdown-disabled)}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--dropdown-text)}:host .filter .label-inside-as-placeholder{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--dropdown-placeholder);position:absolute;line-height:1.3}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{box-shadow:var(--dropdown-border-focus)}:host .filter.error{box-shadow:var(--dropdown-border-error)}:host .filter.error.focus{box-shadow:var(--dropdown-border-error-focus)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--dropdown-placeholder)}:host .filter input:disabled::placeholder{color:var(--dropdown-disabled)}:host .filter tds-icon{cursor:pointer}:host .filter tds-icon.disabled{color:var(--dropdown-disabled)}:host .filter .menu-icon{margin-right:16px}:host .filter .menu-icon.disabled{color:var(--dropdown-disabled)}:host .filter .clear-icon{margin:0 8px;padding-right:8px;border-right:1px solid var(--dropdown-icon);color:var(--dropdown-clear-icon)}:host .filter .clear-icon:hover{color:var(--dropdown-icon)}:host .filter .clear-icon.hide{display:none;visibility:hidden}:host .filter .clear-icon.disabled{color:var(--dropdown-disabled)}:host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);display:block;position:relative}:host .label-outside{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--dropdown-text);margin-bottom:8px}:host .label-outside.disabled{color:var(--dropdown-disabled)}:host .dropdown-select{position:relative}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper{color:var(--dropdown-disabled)}:host .dropdown-select .label-inside{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);position:absolute;color:var(--dropdown-text)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm,:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--dropdown-placeholder)}:host .dropdown-select .label-inside-as-placeholder.selected{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);position:absolute;transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);padding-top:var(--tds-spacing-element-4);color:var(--dropdown-helper-text);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--dropdown-error)}:host .helper.disabled{color:var(--dropdown-disabled)}:host .dropdown-list{z-index:100;position:absolute;margin-top:2px;width:100%;transform-origin:top;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 3px 0;border-radius:var(--dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--color-foreground-icon-discrete);background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--color-background-layer-01)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:40px;background:var(--color-foreground-icon-discrete);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm,:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;box-shadow:rgba(0, 0, 0, 0.1) 0 -1px 3px 0;border-radius:var(--dropdown-list-border-radius-up)}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);pointer-events:none}:host .dropdown-list.open{transform:scaleY(1);visibility:visible;opacity:1;pointer-events:auto}:host .dropdown-list.animation-enter-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter)}:host .dropdown-list.animation-exit-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit)}:host .dropdown-list .no-result{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);display:flex;align-items:center;padding:0 16px;background-color:var(--dropdown-background)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm,:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--dropdown-icon)}:host .menu-icon.disabled{color:var(--dropdown-disabled)}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}";
 const TdsDropdownStyle0 = dropdownCss;
 
 function hasValueChanged(newValue, currentValue) {

package/dist/components/tds-dropdown.js

@@ -1,4 +1,4 @@
-import { T as TdsDropdown$1, d as defineCustomElement$1 } from './p-9e3aba72.js';
+import { T as TdsDropdown$1, d as defineCustomElement$1 } from './p-6bb21551.js';
 
 const TdsDropdown = TdsDropdown$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-table-footer.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
 import { d as defineCustomElement$5 } from './p-8565f800.js';
-import { d as defineCustomElement$4 } from './p-9e3aba72.js';
+import { d as defineCustomElement$4 } from './p-6bb21551.js';
 import { d as defineCustomElement$3 } from './p-a1f93ac9.js';
 import { d as defineCustomElement$2 } from './p-4e5ff414.js';
 

package/dist/components/tds-text-field.js

@@ -5,7 +5,7 @@ import { d as defineCustomElement$4 } from './p-4e5ff414.js';
 import { d as defineCustomElement$3 } from './p-d3866be7.js';
 import { d as defineCustomElement$2 } from './p-ee402b70.js';
 
-const textFieldCss = ".text-field-input.sc-tds-text-field{all:unset;border-radius:var(--text-field-border-radius);background-color:var(--text-field-background);color:var(--text-field-text);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}.text-field-input.sc-tds-text-field::placeholder{color:var(--text-field-placeholder)}.text-field-input.sc-tds-text-field:disabled{background-color:var(--text-field-background-disabled);color:var(--text-field-text-disabled);user-select:none;pointer-events:none}.text-field-input.sc-tds-text-field:disabled::placeholder{color:var(--text-field-placeholder-disabled)}.text-field-input.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--text-field-label-disabled)}.text-field-input-lg.sc-tds-text-field{padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field{padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field{padding:var(--tds-spacing-element-16)}.text-field-container.sc-tds-text-field{box-shadow:var(--text-field-box-shadow);border-radius:var(--text-field-border-radius);display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--text-field-background);transition:box-shadow 200ms ease}.text-field-container.sc-tds-text-field:hover{box-shadow:var(--text-field-box-shadow-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(--text-field-text)}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--text-field-label)}.text-field-label-inside.sc-tds-text-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);position:absolute;pointer-events:none;color:var(--text-field-label-inside);left:16px}.text-field-label-inside-placeholder.sc-tds-text-field{color:var(--text-field-placeholder)}.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::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(--text-field-placeholder)}.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-md.sc-tds-text-field,.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-md.sc-tds-text-field::placeholder,.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-md.sc-tds-text-field .sc-tds-text-field::placeholder,.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-md.sc-tds-text-field:focus::placeholder,.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(--text-field-placeholder)}.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,.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.text-field-focus.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-label-inside.sc-tds-text-field{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);transition:0.1s ease all}.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-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-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-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{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{top:12px}.text-field-bar.sc-tds-text-field{position:relative;width:100%;left:0;z-index:1}.text-field-bar.sc-tds-text-field::after{background:var(--text-field-bar-focus);content:\"\";height:2px;width:100%;bottom:0;position:absolute;transform:scaleX(0);transition:0.35s ease transform}.form-text-field.text-field-focus.sc-tds-text-field .text-field-container.sc-tds-text-field{outline:var(--text-field-focus-outline);outline-offset:var(--text-field-focus-outline-offset)}.form-text-field.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{transform:scaleX(1)}.text-field-helper.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--text-field-helper);padding-top:var(--tds-spacing-element-4);display:flex;gap:8px;justify-content:space-between;flex-basis:100%}.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;box-shadow:none}.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,.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--text-field-affix-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-inside.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--text-field-label-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:var(--text-field-background-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.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(--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{box-shadow:var(--text-field-box-shadow-success)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-helper.sc-tds-text-field{color:var(--text-field-helper-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{box-shadow:var(--text-field-box-shadow-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(--text-field-bar-error)}.text-field-focus.form-text-field-error.sc-tds-text-field .text-field-container.sc-tds-text-field{outline:var(--text-field-focus-outline-error);outline-offset:var(--text-field-focus-outline-offset)}.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(--text-field-textcounter-disabled)}.text-field-textcounter.sc-tds-text-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--text-field-textcounter);float:right}.text-field-textcounter.text-field-textcounter-disabled.sc-tds-text-field{color:var(--text-field-textcounter-disabled)}.text-field-textcounter.text-field-textcounter-divider.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--text-field-textcounter-divider)}.text-field-textcounter.text-field-textcounter-divider-disabled.sc-tds-text-field{color:var(--text-field-textcounter-divider)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--text-field-affix);align-self:center;margin:0 0 0 14px}.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(--text-field-affix-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}";
+const textFieldCss = ".text-field-input.sc-tds-text-field{all:unset;border-radius:var(--text-field-border-radius);background-color:var(--text-field-background);color:var(--text-field-text);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}.text-field-input.sc-tds-text-field::placeholder{color:var(--text-field-placeholder)}.text-field-input.sc-tds-text-field:disabled{background-color:var(--text-field-background-disabled);color:var(--text-field-text-disabled);user-select:none;pointer-events:none}.text-field-input.sc-tds-text-field:disabled::placeholder{color:var(--text-field-placeholder-disabled)}.text-field-input.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--text-field-label-disabled)}.text-field-input-lg.sc-tds-text-field{padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field{padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field{padding:var(--tds-spacing-element-16)}.text-field-container.sc-tds-text-field{box-shadow:var(--text-field-box-shadow);border-radius:var(--text-field-border-radius);display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--text-field-background);transition:box-shadow 200ms ease}.text-field-container.sc-tds-text-field:hover{box-shadow:var(--text-field-box-shadow-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(--text-field-text)}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--text-field-label)}.text-field-label-inside.sc-tds-text-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);position:absolute;pointer-events:none;color:var(--text-field-label-inside);left:16px}.text-field-label-inside-placeholder.sc-tds-text-field{color:var(--text-field-placeholder)}.form-text-field.sc-tds-text-field{padding-bottom:1px}.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::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(--text-field-placeholder)}.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-md.sc-tds-text-field,.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-md.sc-tds-text-field::placeholder,.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-md.sc-tds-text-field .sc-tds-text-field::placeholder,.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-md.sc-tds-text-field:focus::placeholder,.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(--text-field-placeholder)}.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,.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.text-field-focus.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-label-inside.sc-tds-text-field{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);transition:0.1s ease all}.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-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-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-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{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{top:12px}.text-field-bar.sc-tds-text-field{position:relative;width:100%;left:0;z-index:1}.text-field-bar.sc-tds-text-field::after{background:var(--text-field-bar-focus);content:\"\";height:2px;width:100%;bottom:0;position:absolute;transform:scaleX(0);transition:0.35s ease transform}.form-text-field.text-field-focus.sc-tds-text-field .text-field-container.sc-tds-text-field{outline:var(--text-field-focus-outline);outline-offset:var(--text-field-focus-outline-offset)}.form-text-field.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{transform:scaleX(1)}.text-field-helper.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--text-field-helper);padding-top:var(--tds-spacing-element-4);display:flex;gap:8px;justify-content:space-between;flex-basis:100%}.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;box-shadow:none}.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,.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--text-field-affix-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-inside.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--text-field-label-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:var(--text-field-background-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.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(--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{box-shadow:var(--text-field-box-shadow-success)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-helper.sc-tds-text-field{color:var(--text-field-helper-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{box-shadow:var(--text-field-box-shadow-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(--text-field-bar-error)}.text-field-focus.form-text-field-error.sc-tds-text-field .text-field-container.sc-tds-text-field{outline:var(--text-field-focus-outline-error);outline-offset:var(--text-field-focus-outline-offset)}.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(--text-field-textcounter-disabled)}.text-field-textcounter.sc-tds-text-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--text-field-textcounter);float:right}.text-field-textcounter.text-field-textcounter-disabled.sc-tds-text-field{color:var(--text-field-textcounter-disabled)}.text-field-textcounter.text-field-textcounter-divider.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--text-field-textcounter-divider)}.text-field-textcounter.text-field-textcounter-divider-disabled.sc-tds-text-field{color:var(--text-field-textcounter-divider)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--text-field-affix);align-self:center;margin:0 0 0 14px}.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(--text-field-affix-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}";
 const TdsTextFieldStyle0 = textFieldCss;
 
 const TdsTextField$1 = /*@__PURE__*/ proxyCustomElement(class TdsTextField extends H {

package/dist/components/tds-textarea.js

@@ -4,7 +4,7 @@ import { d as defineCustomElement$4 } from './p-4e5ff414.js';
 import { d as defineCustomElement$3 } from './p-d3866be7.js';
 import { d as defineCustomElement$2 } from './p-ee402b70.js';
 
-const textareaCss = ".textarea-container.sc-tds-textarea{border-radius:var(--textarea-border-radius);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-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{background:var(--textarea-bar);content:\"\";height:2px;width:100%;bottom:0;position:absolute;transform:scaleX(0);transition:0.35s ease transform}.textarea-input.sc-tds-textarea{width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--textarea-text);background-color:var(--textarea-background);border-radius:var(--textarea-border-radius);font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;box-shadow:var(--textarea-box-shadow);transition:box-shadow 200ms ease}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--textarea-placeholder)}.textarea-input.sc-tds-textarea:disabled{background-color:var(--textarea-disabled-background);color:var(--textarea-disabled-text);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{box-shadow:var(--textarea-box-shadow-hover)}.textarea-resizer-icon.sc-tds-textarea{color:var(--textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--textarea-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);transition:0.1s ease all;color:var(--textarea-label-inside);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(--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(--textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);top:var(--tds-spacing-element-8)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{transform:scaleX(1)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-input.sc-tds-textarea{outline:var(--textarea-focus-outline);outline-offset:var(--textarea-focus-outline-offset)}.textarea-container.textarea-focus.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{outline:var(--textarea-focus-outline-error);outline-offset:var(--textarea-focus-outline-offset)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--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-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--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{box-shadow:var(--textarea-box-shadow-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-error)}.textarea-error.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{background:var(--textarea-bar-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-disabled);pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-resizer-icon.sc-tds-textarea{background-color:var(--textarea-background-secondary)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-read-only)}.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}";
+const textareaCss = ".textarea-container.sc-tds-textarea{border-radius:var(--textarea-border-radius);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{padding-bottom:1px;position:relative;width:unset;min-width:100%}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{background:var(--textarea-bar);content:\"\";height:2px;width:100%;bottom:0;position:absolute;transform:scaleX(0);transition:0.35s ease transform}.textarea-input.sc-tds-textarea{width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--textarea-text);background-color:var(--textarea-background);border-radius:var(--textarea-border-radius);font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;box-shadow:var(--textarea-box-shadow);transition:box-shadow 200ms ease}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--textarea-placeholder)}.textarea-input.sc-tds-textarea:disabled{background-color:var(--textarea-disabled-background);color:var(--textarea-disabled-text);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{box-shadow:var(--textarea-box-shadow-hover)}.textarea-resizer-icon.sc-tds-textarea{color:var(--textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--textarea-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);transition:0.1s ease all;color:var(--textarea-label-inside);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(--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(--textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);top:var(--tds-spacing-element-8)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{transform:scaleX(1)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-input.sc-tds-textarea{outline:var(--textarea-focus-outline);outline-offset:var(--textarea-focus-outline-offset)}.textarea-container.textarea-focus.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{outline:var(--textarea-focus-outline-error);outline-offset:var(--textarea-focus-outline-offset)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--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-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--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{box-shadow:var(--textarea-box-shadow-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-error)}.textarea-error.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{background:var(--textarea-bar-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-disabled);pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-resizer-icon.sc-tds-textarea{background-color:var(--textarea-background-secondary)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-read-only)}.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}";
 const TdsTextareaStyle0 = textareaCss;
 
 const TdsTextarea$1 = /*@__PURE__*/ proxyCustomElement(class TdsTextarea extends H {

package/dist/esm/tds-dropdown_2.entry.js

@@ -74,7 +74,7 @@ const convertArrayToStrings = (values) => {
     return values.map((value) => convertToString(value));
 };
 
-const dropdownCss = "@charset \"UTF-8\";:host button{all:unset;box-shadow:var(--dropdown-border);height:100%;width:100%;background-color:var(--dropdown-background);border-radius:var(--dropdown-border-radius);transition:box-shadow var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host button:hover{box-shadow:var(--dropdown-border-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--dropdown-placeholder);line-height:1.3}:host button.value{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--dropdown-text);line-height:1.3}:host button:focus{box-shadow:var(--dropdown-border-focus)}:host button:active{box-shadow:var(--dropdown-border-active)}:host button.error{box-shadow:var(--dropdown-border-error)}:host button.error:hover{box-shadow:var(--dropdown-border-error-hover)}:host button.error:focus{box-shadow:var(--dropdown-border-error-focus)}:host button:disabled{box-shadow:var(--dropdown-border-disabled);color:var(--dropdown-disabled)}:host button .menu-icon{margin-right:0}:host .filter{box-shadow:var(--dropdown-border);display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--dropdown-background);padding-left:16px;border-radius:var(--dropdown-border-radius);transition:box-shadow var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .filter:hover{box-shadow:var(--dropdown-border-hover)}:host .filter.disabled{box-shadow:var(--dropdown-border-disabled);color:var(--dropdown-disabled)}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--dropdown-text)}:host .filter .label-inside-as-placeholder{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--dropdown-placeholder);position:absolute;line-height:1.3}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{box-shadow:var(--dropdown-border-focus)}:host .filter.error{box-shadow:var(--dropdown-border-error)}:host .filter.error.focus{box-shadow:var(--dropdown-border-error-focus)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--dropdown-placeholder)}:host .filter input:disabled::placeholder{color:var(--dropdown-disabled)}:host .filter tds-icon{cursor:pointer}:host .filter tds-icon.disabled{color:var(--dropdown-disabled)}:host .filter .menu-icon{margin-right:16px}:host .filter .menu-icon.disabled{color:var(--dropdown-disabled)}:host .filter .clear-icon{margin:0 8px;padding-right:8px;border-right:1px solid var(--dropdown-icon);color:var(--dropdown-clear-icon)}:host .filter .clear-icon:hover{color:var(--dropdown-icon)}:host .filter .clear-icon.hide{display:none;visibility:hidden}:host .filter .clear-icon.disabled{color:var(--dropdown-disabled)}:host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);display:block;position:relative}:host .label-outside{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--dropdown-text);margin-bottom:8px}:host .label-outside.disabled{color:var(--dropdown-disabled)}:host .dropdown-select{position:relative}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper{color:var(--dropdown-disabled)}:host .dropdown-select .label-inside{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);position:absolute;color:var(--dropdown-text)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm,:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--dropdown-placeholder)}:host .dropdown-select .label-inside-as-placeholder.selected{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);position:absolute;transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);margin-top:4px;color:var(--dropdown-helper-text);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--dropdown-error)}:host .helper.disabled{color:var(--dropdown-disabled)}:host .dropdown-list{z-index:100;position:absolute;margin-top:2px;width:100%;transform-origin:top;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 3px 0;border-radius:var(--dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--color-foreground-icon-discrete);background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--color-background-layer-01)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:40px;background:var(--color-foreground-icon-discrete);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm,:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;box-shadow:rgba(0, 0, 0, 0.1) 0 -1px 3px 0;border-radius:var(--dropdown-list-border-radius-up)}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);pointer-events:none}:host .dropdown-list.open{transform:scaleY(1);visibility:visible;opacity:1;pointer-events:auto}:host .dropdown-list.animation-enter-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter)}:host .dropdown-list.animation-exit-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit)}:host .dropdown-list .no-result{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);display:flex;align-items:center;padding:0 16px;background-color:var(--dropdown-background)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm,:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--dropdown-icon)}:host .menu-icon.disabled{color:var(--dropdown-disabled)}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}";
+const dropdownCss = "@charset \"UTF-8\";:host{padding-bottom:1px}:host button{all:unset;box-shadow:var(--dropdown-border);height:100%;width:100%;background-color:var(--dropdown-background);border-radius:var(--dropdown-border-radius);transition:box-shadow var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host button:hover{box-shadow:var(--dropdown-border-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--dropdown-placeholder);line-height:1.3}:host button.value{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--dropdown-text);line-height:1.3}:host button:focus{box-shadow:var(--dropdown-border-focus)}:host button:active{box-shadow:var(--dropdown-border-active)}:host button.error{box-shadow:var(--dropdown-border-error)}:host button.error:hover{box-shadow:var(--dropdown-border-error-hover)}:host button.error:focus{box-shadow:var(--dropdown-border-error-focus)}:host button:disabled{box-shadow:var(--dropdown-border-disabled);color:var(--dropdown-disabled)}:host button .menu-icon{margin-right:0}:host{padding-bottom:1px}:host .filter{box-shadow:var(--dropdown-border);display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--dropdown-background);padding-left:16px;border-radius:var(--dropdown-border-radius);transition:box-shadow var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .filter:hover{box-shadow:var(--dropdown-border-hover)}:host .filter.disabled{box-shadow:var(--dropdown-border-disabled);color:var(--dropdown-disabled)}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--dropdown-text)}:host .filter .label-inside-as-placeholder{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--dropdown-placeholder);position:absolute;line-height:1.3}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{box-shadow:var(--dropdown-border-focus)}:host .filter.error{box-shadow:var(--dropdown-border-error)}:host .filter.error.focus{box-shadow:var(--dropdown-border-error-focus)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--dropdown-placeholder)}:host .filter input:disabled::placeholder{color:var(--dropdown-disabled)}:host .filter tds-icon{cursor:pointer}:host .filter tds-icon.disabled{color:var(--dropdown-disabled)}:host .filter .menu-icon{margin-right:16px}:host .filter .menu-icon.disabled{color:var(--dropdown-disabled)}:host .filter .clear-icon{margin:0 8px;padding-right:8px;border-right:1px solid var(--dropdown-icon);color:var(--dropdown-clear-icon)}:host .filter .clear-icon:hover{color:var(--dropdown-icon)}:host .filter .clear-icon.hide{display:none;visibility:hidden}:host .filter .clear-icon.disabled{color:var(--dropdown-disabled)}:host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);display:block;position:relative}:host .label-outside{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--dropdown-text);margin-bottom:8px}:host .label-outside.disabled{color:var(--dropdown-disabled)}:host .dropdown-select{position:relative}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper{color:var(--dropdown-disabled)}:host .dropdown-select .label-inside{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);position:absolute;color:var(--dropdown-text)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm,:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--dropdown-placeholder)}:host .dropdown-select .label-inside-as-placeholder.selected{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);position:absolute;transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);padding-top:var(--tds-spacing-element-4);color:var(--dropdown-helper-text);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--dropdown-error)}:host .helper.disabled{color:var(--dropdown-disabled)}:host .dropdown-list{z-index:100;position:absolute;margin-top:2px;width:100%;transform-origin:top;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 3px 0;border-radius:var(--dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--color-foreground-icon-discrete);background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--color-background-layer-01)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:40px;background:var(--color-foreground-icon-discrete);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm,:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;box-shadow:rgba(0, 0, 0, 0.1) 0 -1px 3px 0;border-radius:var(--dropdown-list-border-radius-up)}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);pointer-events:none}:host .dropdown-list.open{transform:scaleY(1);visibility:visible;opacity:1;pointer-events:auto}:host .dropdown-list.animation-enter-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter)}:host .dropdown-list.animation-exit-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit)}:host .dropdown-list .no-result{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);display:flex;align-items:center;padding:0 16px;background-color:var(--dropdown-background)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm,:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--dropdown-icon)}:host .menu-icon.disabled{color:var(--dropdown-disabled)}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}";
 const TdsDropdownStyle0 = dropdownCss;
 
 function hasValueChanged(newValue, currentValue) {

package/dist/esm/tds-text-field.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { h as hasSlot } from './hasSlot-d52114d0.js';
 import { g as generateUniqueId } from './generateUniqueId-7934d315.js';
 
-const textFieldCss = ".text-field-input.sc-tds-text-field{all:unset;border-radius:var(--text-field-border-radius);background-color:var(--text-field-background);color:var(--text-field-text);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}.text-field-input.sc-tds-text-field::placeholder{color:var(--text-field-placeholder)}.text-field-input.sc-tds-text-field:disabled{background-color:var(--text-field-background-disabled);color:var(--text-field-text-disabled);user-select:none;pointer-events:none}.text-field-input.sc-tds-text-field:disabled::placeholder{color:var(--text-field-placeholder-disabled)}.text-field-input.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--text-field-label-disabled)}.text-field-input-lg.sc-tds-text-field{padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field{padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field{padding:var(--tds-spacing-element-16)}.text-field-container.sc-tds-text-field{box-shadow:var(--text-field-box-shadow);border-radius:var(--text-field-border-radius);display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--text-field-background);transition:box-shadow 200ms ease}.text-field-container.sc-tds-text-field:hover{box-shadow:var(--text-field-box-shadow-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(--text-field-text)}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--text-field-label)}.text-field-label-inside.sc-tds-text-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);position:absolute;pointer-events:none;color:var(--text-field-label-inside);left:16px}.text-field-label-inside-placeholder.sc-tds-text-field{color:var(--text-field-placeholder)}.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::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(--text-field-placeholder)}.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-md.sc-tds-text-field,.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-md.sc-tds-text-field::placeholder,.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-md.sc-tds-text-field .sc-tds-text-field::placeholder,.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-md.sc-tds-text-field:focus::placeholder,.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(--text-field-placeholder)}.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,.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.text-field-focus.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-label-inside.sc-tds-text-field{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);transition:0.1s ease all}.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-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-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-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{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{top:12px}.text-field-bar.sc-tds-text-field{position:relative;width:100%;left:0;z-index:1}.text-field-bar.sc-tds-text-field::after{background:var(--text-field-bar-focus);content:\"\";height:2px;width:100%;bottom:0;position:absolute;transform:scaleX(0);transition:0.35s ease transform}.form-text-field.text-field-focus.sc-tds-text-field .text-field-container.sc-tds-text-field{outline:var(--text-field-focus-outline);outline-offset:var(--text-field-focus-outline-offset)}.form-text-field.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{transform:scaleX(1)}.text-field-helper.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--text-field-helper);padding-top:var(--tds-spacing-element-4);display:flex;gap:8px;justify-content:space-between;flex-basis:100%}.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;box-shadow:none}.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,.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--text-field-affix-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-inside.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--text-field-label-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:var(--text-field-background-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.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(--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{box-shadow:var(--text-field-box-shadow-success)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-helper.sc-tds-text-field{color:var(--text-field-helper-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{box-shadow:var(--text-field-box-shadow-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(--text-field-bar-error)}.text-field-focus.form-text-field-error.sc-tds-text-field .text-field-container.sc-tds-text-field{outline:var(--text-field-focus-outline-error);outline-offset:var(--text-field-focus-outline-offset)}.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(--text-field-textcounter-disabled)}.text-field-textcounter.sc-tds-text-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--text-field-textcounter);float:right}.text-field-textcounter.text-field-textcounter-disabled.sc-tds-text-field{color:var(--text-field-textcounter-disabled)}.text-field-textcounter.text-field-textcounter-divider.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--text-field-textcounter-divider)}.text-field-textcounter.text-field-textcounter-divider-disabled.sc-tds-text-field{color:var(--text-field-textcounter-divider)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--text-field-affix);align-self:center;margin:0 0 0 14px}.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(--text-field-affix-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}";
+const textFieldCss = ".text-field-input.sc-tds-text-field{all:unset;border-radius:var(--text-field-border-radius);background-color:var(--text-field-background);color:var(--text-field-text);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}.text-field-input.sc-tds-text-field::placeholder{color:var(--text-field-placeholder)}.text-field-input.sc-tds-text-field:disabled{background-color:var(--text-field-background-disabled);color:var(--text-field-text-disabled);user-select:none;pointer-events:none}.text-field-input.sc-tds-text-field:disabled::placeholder{color:var(--text-field-placeholder-disabled)}.text-field-input.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--text-field-label-disabled)}.text-field-input-lg.sc-tds-text-field{padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field{padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field{padding:var(--tds-spacing-element-16)}.text-field-container.sc-tds-text-field{box-shadow:var(--text-field-box-shadow);border-radius:var(--text-field-border-radius);display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--text-field-background);transition:box-shadow 200ms ease}.text-field-container.sc-tds-text-field:hover{box-shadow:var(--text-field-box-shadow-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(--text-field-text)}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--text-field-label)}.text-field-label-inside.sc-tds-text-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);position:absolute;pointer-events:none;color:var(--text-field-label-inside);left:16px}.text-field-label-inside-placeholder.sc-tds-text-field{color:var(--text-field-placeholder)}.form-text-field.sc-tds-text-field{padding-bottom:1px}.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::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(--text-field-placeholder)}.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-md.sc-tds-text-field,.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-md.sc-tds-text-field::placeholder,.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-md.sc-tds-text-field .sc-tds-text-field::placeholder,.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-md.sc-tds-text-field:focus::placeholder,.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(--text-field-placeholder)}.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,.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.text-field-focus.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-label-inside.sc-tds-text-field{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);transition:0.1s ease all}.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-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-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-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{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{top:12px}.text-field-bar.sc-tds-text-field{position:relative;width:100%;left:0;z-index:1}.text-field-bar.sc-tds-text-field::after{background:var(--text-field-bar-focus);content:\"\";height:2px;width:100%;bottom:0;position:absolute;transform:scaleX(0);transition:0.35s ease transform}.form-text-field.text-field-focus.sc-tds-text-field .text-field-container.sc-tds-text-field{outline:var(--text-field-focus-outline);outline-offset:var(--text-field-focus-outline-offset)}.form-text-field.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{transform:scaleX(1)}.text-field-helper.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--text-field-helper);padding-top:var(--tds-spacing-element-4);display:flex;gap:8px;justify-content:space-between;flex-basis:100%}.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;box-shadow:none}.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,.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--text-field-affix-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-inside.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--text-field-label-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:var(--text-field-background-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.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(--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{box-shadow:var(--text-field-box-shadow-success)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-helper.sc-tds-text-field{color:var(--text-field-helper-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{box-shadow:var(--text-field-box-shadow-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(--text-field-bar-error)}.text-field-focus.form-text-field-error.sc-tds-text-field .text-field-container.sc-tds-text-field{outline:var(--text-field-focus-outline-error);outline-offset:var(--text-field-focus-outline-offset)}.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(--text-field-textcounter-disabled)}.text-field-textcounter.sc-tds-text-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--text-field-textcounter);float:right}.text-field-textcounter.text-field-textcounter-disabled.sc-tds-text-field{color:var(--text-field-textcounter-disabled)}.text-field-textcounter.text-field-textcounter-divider.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--text-field-textcounter-divider)}.text-field-textcounter.text-field-textcounter-divider-disabled.sc-tds-text-field{color:var(--text-field-textcounter-divider)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--text-field-affix);align-self:center;margin:0 0 0 14px}.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(--text-field-affix-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}";
 const TdsTextFieldStyle0 = textFieldCss;
 
 const TdsTextField = class {

package/dist/esm/tds-textarea.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h } from './index-51d04e39.js';
 import { g as generateUniqueId } from './generateUniqueId-7934d315.js';
 
-const textareaCss = ".textarea-container.sc-tds-textarea{border-radius:var(--textarea-border-radius);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-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{background:var(--textarea-bar);content:\"\";height:2px;width:100%;bottom:0;position:absolute;transform:scaleX(0);transition:0.35s ease transform}.textarea-input.sc-tds-textarea{width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--textarea-text);background-color:var(--textarea-background);border-radius:var(--textarea-border-radius);font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;box-shadow:var(--textarea-box-shadow);transition:box-shadow 200ms ease}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--textarea-placeholder)}.textarea-input.sc-tds-textarea:disabled{background-color:var(--textarea-disabled-background);color:var(--textarea-disabled-text);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{box-shadow:var(--textarea-box-shadow-hover)}.textarea-resizer-icon.sc-tds-textarea{color:var(--textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--textarea-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);transition:0.1s ease all;color:var(--textarea-label-inside);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(--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(--textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);top:var(--tds-spacing-element-8)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{transform:scaleX(1)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-input.sc-tds-textarea{outline:var(--textarea-focus-outline);outline-offset:var(--textarea-focus-outline-offset)}.textarea-container.textarea-focus.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{outline:var(--textarea-focus-outline-error);outline-offset:var(--textarea-focus-outline-offset)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--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-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--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{box-shadow:var(--textarea-box-shadow-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-error)}.textarea-error.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{background:var(--textarea-bar-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-disabled);pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-resizer-icon.sc-tds-textarea{background-color:var(--textarea-background-secondary)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-read-only)}.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}";
+const textareaCss = ".textarea-container.sc-tds-textarea{border-radius:var(--textarea-border-radius);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{padding-bottom:1px;position:relative;width:unset;min-width:100%}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{background:var(--textarea-bar);content:\"\";height:2px;width:100%;bottom:0;position:absolute;transform:scaleX(0);transition:0.35s ease transform}.textarea-input.sc-tds-textarea{width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--textarea-text);background-color:var(--textarea-background);border-radius:var(--textarea-border-radius);font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;box-shadow:var(--textarea-box-shadow);transition:box-shadow 200ms ease}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--textarea-placeholder)}.textarea-input.sc-tds-textarea:disabled{background-color:var(--textarea-disabled-background);color:var(--textarea-disabled-text);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{box-shadow:var(--textarea-box-shadow-hover)}.textarea-resizer-icon.sc-tds-textarea{color:var(--textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--textarea-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);transition:0.1s ease all;color:var(--textarea-label-inside);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(--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(--textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);top:var(--tds-spacing-element-8)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{transform:scaleX(1)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-input.sc-tds-textarea{outline:var(--textarea-focus-outline);outline-offset:var(--textarea-focus-outline-offset)}.textarea-container.textarea-focus.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{outline:var(--textarea-focus-outline-error);outline-offset:var(--textarea-focus-outline-offset)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--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-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--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{box-shadow:var(--textarea-box-shadow-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-error)}.textarea-error.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{background:var(--textarea-bar-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-disabled);pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-resizer-icon.sc-tds-textarea{background-color:var(--textarea-background-secondary)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-read-only)}.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}";
 const TdsTextareaStyle0 = textareaCss;
 
 const TdsTextarea = class {