@mantine/core/cjs/utils/InlineInput/InlineInput.module.cjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"InlineInput.module.cjs","names":[],"sources":["../../../src/utils/InlineInput/InlineInput.module.css"],"sourcesContent":[".root {\n  --label-lh-xs: 16px;\n  --label-lh-sm: 20px;\n  --label-lh-md: 24px;\n  --label-lh-lg: 30px;\n  --label-lh-xl: 36px;\n  --label-lh: var(--label-lh-sm);\n\n  &[data-label-position='left'] {\n    --label-order: 1;\n    --label-offset-end: var(--mantine-spacing-sm);\n    --label-offset-start: 0;\n  }\n\n  &[data-label-position='right'] {\n    --label-order: 2;\n    --label-offset-end: 0;\n    --label-offset-start: var(--mantine-spacing-sm);\n  }\n}\n\n.body {\n  -webkit-tap-highlight-color: transparent;\n  display: flex;\n}\n\n.labelWrapper {\n  --label-cursor: var(--mantine-cursor-type);\n\n  -webkit-tap-highlight-color: transparent;\n  display: inline-flex;\n  flex-direction: column;\n  font-size: var(--label-fz, var(--mantine-font-size-sm));\n  line-height: var(--label-lh);\n  cursor: var(--label-cursor);\n  order: var(--label-order);\n\n  fieldset:disabled &,\n  &[data-disabled] {\n    --label-cursor: not-allowed;\n  }\n}\n\n.label {\n  cursor: var(--label-cursor);\n  color: inherit;\n  padding-inline-start: var(--label-offset-start);\n  padding-inline-end: var(--label-offset-end);\n\n  fieldset:disabled &,\n  &:where([data-disabled]) {\n    color: var(--mantine-color-disabled-color);\n  }\n}\n\n.description {\n  margin-top: calc(var(--mantine-spacing-xs) / 2);\n  padding-inline-start: var(--label-offset-start);\n  padding-inline-end: var(--label-offset-end);\n  cursor: default;\n}\n\n.error {\n  margin-top: calc(var(--mantine-spacing-xs) / 2);\n  padding-inline-start: var(--label-offset-start);\n  padding-inline-end: var(--label-offset-end);\n}\n"],"mappings":""}