import { css } from "styled-components";
import { tokens, classes, privateTokens } from "../../TextArea.tokens";
import { StyledTextAreaWrapper, TitleCaption } from "../../TextArea.styles";
const { styledContainer, styledTextAreaWrapper, styledHelpers } = classes;
const exclusionSelectors = `not(.${classes.clear}):not([disabled]):not([readonly]):not(:focus-within)`;
export const base = css([
    ``,
    `{color:var(`,
    `);}.`,
    `{background-color:var(`,
    `);transition:box-shadow 0.1s ease-in-out;border-radius:var(`,
    `);box-shadow:var(`,
    `,inset 0 0 0 0 transparent);&::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 var(`,
    `,0.0625rem) var(`,
    `);transition:box-shadow 0.1s ease-in-out;pointer-events:none;}}.`,
    `{transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(`,
    `,0.0625rem) var(`,
    `);padding-right:calc(var(`,
    `,0.0625rem) + var(`,
    `,0rem));}&:focus-within:not([readonly]) .`,
    `{background-color:var(`,
    `);box-shadow:inset 0 0 0 var(`,
    `,0.0625rem) var(`,
    `);&:after{box-shadow:var(`,
    `,inset 0 0 0 0 transparent);}}&:focus-within:not([readonly]) .`,
    `{background-color:var(`,
    `);box-shadow:var(`,
    `,inset 0 0 0 0 transparent);&::after{box-shadow:inset 0 0 0 var(`,
    `,0.0625rem) var(`,
    `);}}&:focus-within:not([readonly]) .`,
    `{background-color:var(`,
    `);}&:hover:`,
    ` .`,
    `{background-color:var(`,
    `);box-shadow:var(`,
    `,inset 0 0 0 0 transparent);&::after{box-shadow:inset 0 0 0 var(`,
    `,0.0625rem) var(`,
    `);}}&:hover:`,
    ` .`,
    `{box-shadow:inset 0 0 0 var(`,
    `,0.0625rem) var(`,
    `);background-color:var(`,
    `);}&:hover:`,
    ` .`,
    ` + .`,
    `{background-color:var(`,
    `);}&:active:`,
    ` .`,
    `{box-shadow:inset 0 0 0 var(`,
    `,0.0625rem) var(`,
    `);background-color:var(`,
    `);}&:active:`,
    ` .`,
    `{background-color:var(`,
    `);}&:active:`,
    ` .`,
    ` + .`,
    `{background-color:var(`,
    `);}&.`,
    `{`,
    `{position:relative;`,
    `:var(`,
    `);&:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(`,
    `);transition:background-color 0.1s ease-in;}}&:not([readonly]) `,
    `:hover{`,
    `:var( `,
    `,var(`,
    `) );}&:not([readonly]) `,
    `:focus-within{`,
    `:var( `,
    `,var(`,
    `) );}}`
], TitleCaption, tokens.titleCaptionColor, styledContainer, tokens.backgroundColor, tokens.borderRadius, tokens.boxShadow, tokens.borderSize, tokens.borderColor, styledTextAreaWrapper, tokens.borderSize, tokens.inputBorderColor, tokens.borderSize, tokens.scrollbarMarginRight, styledTextAreaWrapper, tokens.inputBackgroundColorFocus, tokens.borderSize, tokens.inputBorderColorFocus, tokens.boxShadowSecondary, styledContainer, tokens.backgroundColorFocus, tokens.boxShadow, tokens.borderSize, tokens.borderColorFocus, styledHelpers, tokens.helpersBackgroundColorFocus, exclusionSelectors, styledContainer, tokens.backgroundColorHover, tokens.boxShadow, tokens.borderSize, tokens.borderColorHover, exclusionSelectors, styledTextAreaWrapper, tokens.borderSize, tokens.inputBorderColorHover, tokens.inputBackgroundColorHover, exclusionSelectors, styledTextAreaWrapper, styledHelpers, tokens.helpersBackgroundColorHover, exclusionSelectors, styledTextAreaWrapper, tokens.borderSize, tokens.inputBorderColorActive, tokens.inputBackgroundColorActive, exclusionSelectors, styledContainer, tokens.backgroundColorActive, exclusionSelectors, styledTextAreaWrapper, styledHelpers, tokens.helpersBackgroundColorActive, classes.hasDivider, StyledTextAreaWrapper, privateTokens.dividerColor, tokens.dividerColor, privateTokens.dividerColor, StyledTextAreaWrapper, privateTokens.dividerColor, tokens.dividerColorHover, tokens.dividerColor, StyledTextAreaWrapper, privateTokens.dividerColor, tokens.dividerColorFocus, tokens.dividerColor);
