emoji-picker: implement text-labeled subcategory bar for emoticons.

* render emoji-based or text-based subcategory bar conditionally,
depending on the selected category to match Figma mock (text group
button for emoticons, icon group button for emoji).

* hide chevrons and small blue indicator for text-labelled
subcategory bar temporarily.

* add new subcategory data for emoticons. It is used for rendering group
tabs.

Behavior note:
* Click at emoticon category button, the subcategory bar with TEXT
buttons is displayed.
* Click at emoji category button, the subcategory bar with EMOJI buttons
is displayed.
* Click at any tab at emoticon tab, it is expected there is neither any
update nor scrolling behavior.

* 1. new text-based: https://screenshot.googleplex.com/8jjPg3p3A5GdiEh
* 2. existing icon-based: https://screenshot.googleplex.com/Bayb38kZTNVXK2B

Screenshots: 
Bug: b:212478355
Change-Id: I611ee2334672156e732f0562f281c6d245476f61
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3358164
Reviewed-by: Keith Lee <keithlee@chromium.org>
Reviewed-by: My Nguyen <myy@chromium.org>
Commit-Queue: Chuong Ho <hdchuong@google.com>
Cr-Commit-Position: refs/heads/main@{#954567}
7 files changed
tree: 403d185e86b521c6525ce7f2487aa241f423b4e0
  1. android_webview/
  2. apps/
  3. ash/
  4. base/
  5. build/
  6. build_overrides/
  7. buildtools/
  8. cc/
  9. chrome/
  10. chromecast/
  11. chromeos/
  12. cloud_print/
  13. codelabs/
  14. components/
  15. content/
  16. courgette/
  17. crypto/
  18. dbus/
  19. device/
  20. docs/
  21. extensions/
  22. fuchsia/
  23. gin/
  24. google_apis/
  25. google_update/
  26. gpu/
  27. headless/
  28. infra/
  29. ios/
  30. ipc/
  31. jingle/
  32. media/
  33. mojo/
  34. native_client_sdk/
  35. net/
  36. pdf/
  37. ppapi/
  38. printing/
  39. remoting/
  40. rlz/
  41. sandbox/
  42. services/
  43. skia/
  44. sql/
  45. storage/
  46. styleguide/
  47. testing/
  48. third_party/
  49. tools/
  50. ui/
  51. url/
  52. weblayer/
  53. .clang-format
  54. .clang-tidy
  55. .eslintrc.js
  56. .git-blame-ignore-revs
  57. .gitattributes
  58. .gitignore
  59. .gn
  60. .mailmap
  61. .rustfmt.toml
  62. .vpython
  63. .vpython3
  64. .yapfignore
  65. AUTHORS
  66. BUILD.gn
  67. CODE_OF_CONDUCT.md
  68. codereview.settings
  69. DEPS
  70. DIR_METADATA
  71. ENG_REVIEW_OWNERS
  72. LICENSE
  73. LICENSE.chromium_os
  74. OWNERS
  75. PRESUBMIT.py
  76. PRESUBMIT_test.py
  77. PRESUBMIT_test_mocks.py
  78. README.md
  79. WATCHLISTS
README.md

Logo Chromium

Chromium is an open-source browser project that aims to build a safer, faster, and more stable way for all users to experience the web.

The project's web site is https://www.chromium.org.

To check out the source code locally, don't use git clone! Instead, follow the instructions on how to get the code.

Documentation in the source is rooted in docs/README.md.

Learn how to Get Around the Chromium Source Code Directory Structure .

For historical reasons, there are some small top level directories. Now the guidance is that new top level directories are for product (e.g. Chrome, Android WebView, Ash). Even if these products have multiple executables, the code should be in subdirectories of the product.

If you found a bug, please file it at https://crbug.com/new.