How to use the @paprika/stylers.errorFormStyles function in @paprika/stylers

To help you get started, we’ve selected a few @paprika/stylers examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github acl-services / paprika / packages / Textarea / src / Textarea.styles.js View on Github external
// Disabled

  &.form-textarea--is-disabled, &[disabled] {
    textarea.form-textarea__textarea {
      ${stylers.disabledFormStyles}
    }

    .form-textarea__icon {
      color: ${tokens.color.blackLighten60};
    }
  }

  // Error

  &.form-textarea--has-error textarea.form-textarea__textarea {
    ${stylers.errorFormStyles}
  }
`;
github acl-services / paprika / packages / Input / src / Input.styles.js View on Github external
}
  }

  // Read Only

  &.form-input--is-readonly,
  &[readonly] {
    input.form-input__input {
      ${stylers.readOnlyFormStyles}
    }
  }

  // Error

  &.form-input--has-error input.form-input__input {
    ${stylers.errorFormStyles}
  }
`;

export default inputStyles;
github acl-services / paprika / packages / Select / src / Select.styles.js View on Github external
&.form-select--is-disabled .form-select__select {
    ${stylers.disabledFormStyles}
    ${selectArrow(tokens.color.blackLighten60)}
  }

  // Read Only

  &.form-select--is-readonly .form-select__select {
    ${stylers.readOnlyFormStyles}
  }

  // Error

  &.form-select--has-error .form-select__select {
    ${stylers.errorFormStyles}
  }
`;