igniteui-webcomponents/components/textarea/themes/shared/textarea.fluent.css.js

Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.

import { css } from 'lit';
export const styles = css `:host{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);--component-size: var(--ig-size, var(--default-size));--textarea-border-size: 0.0625rem}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.3125rem}[part~=label]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);--ig-subtitle-2-line-height: 1rem;margin-block:0 .3125rem;display:block;position:static;transform:translateY(0);transform-origin:top left;height:auto}[part~=container]{position:relative;background:var(--border-background);border:var(--textarea-border-size) solid rgba(0,0,0,0);align-items:stretch;border-radius:var(--border-border-radius)}[part~=container]::before{content:"";position:absolute;inset:calc(var(--textarea-border-size)*-1);width:calc(100% + var(--textarea-border-size)*2);height:calc(100% + var(--textarea-border-size)*2);box-shadow:inset 0 0 0 var(--textarea-border-size) var(--border-color);border-radius:var(--border-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;z-index:1}:host(:not([readonly],:focus-within):hover) [part~=container]::before{box-shadow:inset 0 0 0 var(--textarea-border-size) var(--hover-border-color)}:host(:focus-within) [part~=container]::before{box-shadow:inset 0 0 0 calc(var(--textarea-border-size) + 0.0625rem) var(--focused-border-color)}:host([readonly]) [part=prefix],:host([readonly]) [part=suffix]{background:rgba(0,0,0,0)}textarea{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);padding:.5rem}:host([required]:not(:disabled)) [part~=label]::after,:host([required]:not([disabled])) [part~=label]::after{color:var(--error-secondary-color)}:host(:not(:disabled,[readonly]):state(ig-invalid)) [part~=container]::before,:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=container]::before{box-shadow:inset 0 0 0 var(--textarea-border-size) var(--error-secondary-color)}:host(:not(:disabled,[readonly]):state(ig-invalid):focus-within) [part^=container]::before,:host(:not([disabled],[readonly]):state(ig-invalid):focus-within) [part^=container]::before{box-shadow:inset 0 0 0 calc(var(--textarea-border-size) + 0.0625rem) var(--error-secondary-color)}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{background:var(--border-disabled-background)}:host(:disabled) [part~=container]::before,:host([disabled]) [part~=container]::before{box-shadow:inset 0 0 0 var(--textarea-border-size) var(--disabled-border-color)}`;
//# sourceMappingURL=textarea.fluent.css.js.map