"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "base", {
    enumerable: true,
    get: function() {
        return base;
    }
});
const _styledcomponents = require("styled-components");
const _TextAreastyles = require("../../TextArea.styles");
const _TextAreatokens = require("../../TextArea.tokens");
const base = (0, _styledcomponents.css)([
    `&[readonly]{`,
    `{color:var(`,
    `);}`,
    `{opacity:var(`,
    `);&:hover{color:var(`,
    `);}&:active{color:var(`,
    `);}}&.`,
    `{`,
    `{&:before{background-color:var(`,
    `);}}}:not(&.`,
    `){`,
    `,`,
    `{background:transparent;}`,
    `{position:relative;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(`,
    `,1px) var(`,
    `);border-radius:var(`,
    `);z-index:-1;}}`,
    `{background:transparent;position:relative;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(`,
    `);border-radius:var(`,
    `);opacity:var(`,
    `);z-index:-1;}:hover{background:transparent;}}}}`
], _TextAreastyles.StyledTextArea, _TextAreatokens.tokens.inputColorReadOnly, _TextAreastyles.StyledContent, _TextAreatokens.tokens.contentSlotRightOpacityReadOnly, _TextAreatokens.tokens.rightContentColor, _TextAreatokens.tokens.rightContentColor, _TextAreatokens.classes.clear, _TextAreastyles.StyledTextAreaWrapper, _TextAreatokens.tokens.dividerColor, _TextAreatokens.classes.clear, _TextAreastyles.StyledTextAreaWrapper, _TextAreastyles.StyledHelpers, _TextAreastyles.StyledTextAreaWrapper, _TextAreatokens.tokens.borderSize, _TextAreatokens.tokens.borderColorReadOnly, _TextAreatokens.tokens.borderRadius, _TextAreastyles.StyledContainer, _TextAreatokens.tokens.backgroundColorReadOnly, _TextAreatokens.tokens.borderRadius, _TextAreatokens.tokens.readOnlyOpacity);
