UNPKG

@primer/react

Version:

An implementation of GitHub's Primer Design System using React

1 lines 1.19 kB
{"version":3,"sources":["../../src/internal/components/InputValidation.module.css"],"names":[],"mappings":"AAAA,sCAKE,oCAAqC,CAJrC,YAAa,CACb,4CAAsC,CACtC,gDAgBF,CAZE,gDACE,kBAAmB,CACnB,iCAA0B,CAA1B,yBACF,CAEA,8EACE,wEACF,CAEA,4EACE,sEACF,CAGF,qCACE,kBAAmB,CACnB,YAAa,CACb,2CAAqC,CACrC,0CACF,CAEA,qCAEE,6CACF","file":"InputValidation-057236a4.css","sourcesContent":[".InputValidation {\n display: flex;\n font-size: var(--text-body-size-small);\n font-weight: var(--base-text-weight-semibold);\n /* stylelint-disable-next-line primer/colors */\n color: var(--inputValidation-fgColor);\n\n & :where(a) {\n color: currentColor;\n text-decoration: underline;\n }\n\n &:where([data-validation-status='success']) {\n --inputValidation-fgColor: var(--fgColor-success);\n }\n\n &:where([data-validation-status='error']) {\n --inputValidation-fgColor: var(--fgColor-danger);\n }\n}\n\n.ValidationIcon {\n align-items: center;\n display: flex;\n margin-inline-end: var(--base-size-4);\n min-height: var(--inputValidation-iconSize);\n}\n\n.ValidationText {\n /* stylelint-disable-next-line primer/typography */\n line-height: var(--inputValidation-lineHeight);\n}\n"]}