UHF-9216 Character counter

[khalima]

UHF-9216

What was done

• Added theme hook suggestion for hero title and description fields.
• Add the counter input tag, step value and total value to hero field variables
• Added a new template for the fields with character counters.
• Added a translations for character counter.
• Added a library and JS for the character counter.
• Updated hds design tokens.
• Fixed stylelintrc typos and bumped up the level of max-nesting-level rule.
• Themed character counter.
• Fixed linter warnings from hero.scss.

How to install

• Make sure your instance is up and running on latest dev branch.
  • git pull origin dev
  • make fresh
• Update the HDBT Admin theme
  • composer require drupal/hdbt_admin:dev-UHF-9216
• Run make drush-cr
• Run make shell
  • In shell run drush locale:check; drush locale:update; drush cr
  • If the translations won't work, try to run drush php-eval "_locale_parse_js_file('themes/contrib/hdbt_admin/dist/js/characterCounter.min.js');" drush cr
  • If the translations still won't work, contact @khalima

How to test

• Go to create or edit a content of type which can have a hero paragraph
• Type into the hero title field more than 55 characters and check that a warning text appears
  
• Type into the hero description field more than 160 characters and check that a warning text appears
  
  • Continue typing to more than 200 characters and check that the warning text changes to more strict message.
    
• Check that code follows our standards