How to use the @paprika/stylers.disabledFormStyles 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 / Select / src / Select.styles.js View on Github external
&.form-select--large .form-select__select {
    ${stylers.fontSize()}
    height: ${stylers.spacer(5)};
  }

  // Placeholder

  &.form-select--placeholder .form-select__select {
    ${stylers.placeholder}
  }

  // Disabled

  &.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}
  }
`;
github acl-services / paprika / packages / Input / src / Input.styles.js View on Github external
&:active {
      color: ${tokens.color.black};
      transition: none;
    }
  }

  &.form-input--has-icon input.form-input__input {
    padding-left: ${({ size }) => (size === ShirtSizes.LARGE ? stylers.spacer(4) : stylers.spacer(3))};
  }

  // Disabled

  &.form-input--is-disabled,
  &[disabled] {
    input.form-input__input {
      ${stylers.disabledFormStyles}
    }

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

  // Read Only

  &.form-input--is-readonly,
  &[readonly] {
    input.form-input__input {
      ${stylers.readOnlyFormStyles}
    }
  }
github acl-services / paprika / packages / Textarea / src / Textarea.styles.js View on Github external
&.form-textarea--large .form-textarea__textarea {
    ${stylers.fontSize()};
  }

  // Read Only

  &.form-textarea--is-readonly .form-textarea__textarea {
    ${stylers.readOnlyFormStyles};
    cursor: text;
  }

  // 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}
  }
`;