var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
export var getStyles = memoizeGetStyles(function (_a) {
    var css = _a.css;
    return ({
        root: function () {
            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      position: relative;\n      display: inline-block;\n      line-height: normal;\n      width: 100%;\n\n      input::-ms-clear,\n      input::-ms-reveal {\n        display: none;\n      }\n    "], ["\n      position: relative;\n      display: inline-block;\n      line-height: normal;\n      width: 100%;\n\n      input::-ms-clear,\n      input::-ms-reveal {\n        display: none;\n      }\n    "])));
        },
        toggleVisibility: function (t) {
            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      color: ", ";\n      cursor: pointer;\n      opacity: ", ";\n      user-select: none;\n\n      &:hover {\n        color: ", ";\n        opacity: ", ";\n      }\n    "], ["\n      color: ", ";\n      cursor: pointer;\n      opacity: ", ";\n      user-select: none;\n\n      &:hover {\n        color: ", ";\n        opacity: ", ";\n      }\n    "])), t.passwordInputVisibilityIconColor, t.passwordInputVisibilityIconOpacity, t.passwordInputVisibilityIconHoverColor, t.passwordInputVisibilityIconHoverOpacity);
        },
        capsLockDetector: function () {
            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      display: inline-block;\n      font-size: 9px;\n      margin-right: 8px;\n      color: #fff;\n      cursor: default;\n      background: #999;\n      padding: 2px 5px;\n      border-radius: 3px;\n      z-index: 9;\n      box-sizing: border-box;\n      line-height: normal;\n\n      &::before {\n        content: 'CapsLock';\n      }\n    "], ["\n      display: inline-block;\n      font-size: 9px;\n      margin-right: 8px;\n      color: #fff;\n      cursor: default;\n      background: #999;\n      padding: 2px 5px;\n      border-radius: 3px;\n      z-index: 9;\n      box-sizing: border-box;\n      line-height: normal;\n\n      &::before {\n        content: 'CapsLock';\n      }\n    "])));
        },
        iconWrapper: function () {
            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n    "], ["\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n    "])));
        },
        eyeWrapperSmall: function (t) {
            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      min-width: ", ";\n    "], ["\n      min-width: ", ";\n    "])), t.inputIconSizeSmall);
        },
        eyeWrapperMedium: function (t) {
            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      min-width: ", ";\n    "], ["\n      min-width: ", ";\n    "])), t.inputIconSizeMedium);
        },
        eyeWrapperLarge: function (t) {
            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      min-width: ", ";\n    "], ["\n      min-width: ", ";\n    "])), t.inputIconSizeLarge);
        },
        icon: function () {
            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      padding: 0;\n      border: none;\n      font: inherit;\n      color: inherit;\n      background-color: transparent;\n      cursor: pointer;\n    "], ["\n      padding: 0;\n      border: none;\n      font: inherit;\n      color: inherit;\n      background-color: transparent;\n      cursor: pointer;\n    "])));
        },
    });
});
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
//# sourceMappingURL=PasswordInput.styles.js.map