"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "applyDynamicLabel", {
    enumerable: true,
    get: function() {
        return applyDynamicLabel;
    }
});
const _TextAreatokens = require("../TextArea.tokens");
const { innerPlaceholderUp, hidePlaceHolder, focusedOuterPlaceholderColor, styledTextArea, styledTextAreaWrapper, styledPlaceholder, hasHeaderSlot, styledContentWrapper } = _TextAreatokens.classes;
const applyDynamicLabel = `
    .${innerPlaceholderUp} {
        .${styledTextArea} {
            height: calc(var(${_TextAreatokens.privateTokens.inputActualHeight}) - var(${_TextAreatokens.tokens.labelInnerTop}) - var(${_TextAreatokens.tokens.labelInnerTopHelper}, 0px));
        }

        .${styledTextAreaWrapper} {
            padding-top: calc(calc(var(${_TextAreatokens.tokens.labelInnerTop}) + var(${_TextAreatokens.tokens.labelInnerFontSize})) + var(${_TextAreatokens.tokens.labelInnerMarginBottom}));
            padding-bottom: var(${_TextAreatokens.privateTokens.wrapperPaddingBottomInnerLabel});
        }
            
        .${hasHeaderSlot} {
            padding-top: unset;

            .${styledContentWrapper} {
                padding-top: calc(calc(var(${_TextAreatokens.tokens.labelInnerTop}) + var(${_TextAreatokens.tokens.labelInnerFontSize})) + var(${_TextAreatokens.tokens.labelInnerMarginBottom}));
            }
        }

        .${styledPlaceholder} {
            font-family: var(${_TextAreatokens.tokens.labelInnerFontFamily});
            font-size: var(${_TextAreatokens.tokens.labelInnerFontSize});
            font-style: var(${_TextAreatokens.tokens.labelInnerFontStyle});
            font-weight: var(${_TextAreatokens.tokens.labelInnerFontWeight});
            letter-spacing: var(${_TextAreatokens.tokens.labelInnerLetterSpacing});
            line-height: var(${_TextAreatokens.tokens.labelInnerLineHeight});
            top: var(${_TextAreatokens.tokens.labelInnerTop});
        }
    }

    .${hidePlaceHolder} .${styledPlaceholder} {
        display: none;
    }

    .${focusedOuterPlaceholderColor} .${styledPlaceholder} {
        color: var(${_TextAreatokens.tokens.placeholderColorFocus});
    }
`;
