@mantine/core/cjs/components/PasswordInput/PasswordInput.module.cjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"PasswordInput.module.cjs","names":[],"sources":["../../../src/components/PasswordInput/PasswordInput.module.css"],"sourcesContent":[".root {\n  --psi-button-size-xs: 22px;\n  --psi-button-size-sm: 26px;\n  --psi-button-size-md: 28px;\n  --psi-button-size-lg: 32px;\n  --psi-button-size-xl: 40px;\n\n  --psi-icon-size-xs: 16px;\n  --psi-icon-size-sm: 20px;\n  --psi-icon-size-md: 22px;\n  --psi-icon-size-lg: 24px;\n  --psi-icon-size-xl: 28px;\n\n  --psi-button-size: var(--psi-button-size-sm);\n  --psi-icon-size: var(--psi-icon-size-sm);\n}\n\n.input {\n  position: relative;\n  overflow: hidden;\n}\n\n.innerInput {\n  font-family: var(--mantine-font-family);\n  background-color: transparent;\n  border: 0;\n  padding-inline-end: var(--input-padding-inline-end);\n  padding-inline-start: var(--input-padding-inline-start);\n  position: absolute;\n  inset: 0;\n  outline: 0;\n  font-size: inherit;\n  line-height: var(--mantine-line-height);\n  height: 100%;\n  width: 100%;\n  color: inherit;\n\n  .input[data-disabled] &,\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  &::placeholder {\n    color: var(--input-placeholder-color);\n    opacity: 1;\n  }\n\n  &::-ms-reveal {\n    display: none;\n  }\n}\n\n.visibilityToggle {\n  width: var(--psi-button-size);\n  height: var(--psi-button-size);\n  min-width: var(--psi-button-size);\n  min-height: var(--psi-button-size);\n\n  &:disabled {\n    display: none;\n  }\n}\n"],"mappings":""}