Updated hat shapes (#1868)

* Updated hat shape svg for increased area
* svg all now have the same size and proportions which means that we
don't have to do as much tweaking in typescript
* hats have an increased default height

main

![image](https://github.com/cursorless-dev/cursorless/assets/3511326/86a9a80b-fbd4-477f-8c6f-082adbc7f4dd)

pr1868

![image](https://github.com/cursorless-dev/cursorless/assets/3511326/5431585d-e722-4645-982a-536d0a0d3b18)

matt 2.1

![image](https://github.com/cursorless-dev/cursorless/assets/3511326/4708606d-4228-4863-91db-54d56c684741)

matt 2.3

![image](https://github.com/cursorless-dev/cursorless/assets/3511326/edd19b7f-4f11-4c8d-a2fe-369ce290f280)


pr1868 vs 2.1 vs 2.3

![image](https://github.com/cursorless-dev/cursorless/assets/3511326/e681962c-9166-4983-9fc3-c8b0e3b29a2c)

![image](https://github.com/cursorless-dev/cursorless/assets/3511326/ed33ff22-f08d-4d02-8234-a4f664da7ffd)

![image](https://github.com/cursorless-dev/cursorless/assets/3511326/f5512cb7-291b-4ffe-9ff3-3a2a7eb47a22)



## Checklist

- [x] Do a pass through looking at the hat sorting to see if we want to
reorder them
- [x] Check that the order of hats in constants is same as order in
package.json
- [ ] Send message to users indicating that if they have used the
individual hat adjustments setting, they may want to reset it and start
over because things have changed
- [/] I have added
[tests](https://www.cursorless.org/docs/contributing/test-case-recorder/)
- [/] I have updated the
[docs](https://github.com/cursorless-dev/cursorless/tree/main/docs) and
[cheatsheet](https://github.com/cursorless-dev/cursorless/tree/main/cursorless-talon/src/cheatsheet)
- [/] I have not broken the cheatsheet

---------

Co-authored-by: pre-commit-ci-lite[bot] <117423508+pre-commit-ci-lite[bot]@users.noreply.github.com>
Co-authored-by: Phil Cohen <[email protected]>
Co-authored-by: Pokey Rule <[email protected]>

Author: 4 people

changelog/2023-09-updatedHatShapes.md

@@ -0,0 +1,6 @@
+---
+tags: [enhancement]
+pullRequest: 1868
+---
+
+- Updated the default Cursorless hat shapes. All the hat shapes have been reworked with the goal to improve visibility. Many of the shapes have been made thicker to enhance color recognition. See the [shape docs](https://www.cursorless.org/docs/#shapes) for more info.

data/playground/hat-test.txt

@@ -6,3 +6,5 @@ g g g g g g g g g g g g g g g g g g g g g g g g g g g g g g g g g g g g g g g g
 | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
 {{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}
 {}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}
+
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

docs/user/README.md

@@ -82,16 +82,16 @@ The following shapes are supported. Note that to target the default (dot) shape
 | Spoken form | Shape                                           | Internal ID  | Enabled by default? |
 | ----------- | ----------------------------------------------- | ------------ | ------------------- |
 | N/A         | ![Default](../../images/hats/default.svg)       | `default`    | ✅                  |
-| `"ex"`      | ![Ex](../../images/hats/ex.svg)                 | `ex`         | ❌                  |
+| `"bolt"`    | ![Bolt](../../images/hats/bolt.svg)             | `bolt`       | ❌                  |
+| `"curve"`   | ![Curve](../../images/hats/curve.svg)           | `curve`      | ❌                  |
 | `"fox"`     | ![Fox](../../images/hats/fox.svg)               | `fox`        | ❌                  |
-| `"wing"`    | ![Wing](../../images/hats/wing.svg)             | `wing`       | ❌                  |
-| `"hole"`    | ![Hole](../../images/hats/hole.svg)             | `hole`       | ❌                  |
 | `"frame"`   | ![Frame](../../images/hats/frame.svg)           | `frame`      | ❌                  |
-| `"curve"`   | ![Curve](../../images/hats/curve.svg)           | `curve`      | ❌                  |
-| `"eye"`     | ![Eye](../../images/hats/eye.svg)               | `eye`        | ❌                  |
 | `"play"`    | ![Play](../../images/hats/play.svg)             | `play`       | ❌                  |
+| `"wing"`    | ![Wing](../../images/hats/wing.svg)             | `wing`       | ❌                  |
+| `"hole"`    | ![Hole](../../images/hats/hole.svg)             | `hole`       | ❌                  |
+| `"ex"`      | ![Ex](../../images/hats/ex.svg)                 | `ex`         | ❌                  |
 | `"cross"`   | ![Crosshairs](../../images/hats/crosshairs.svg) | `crosshairs` | ❌                  |
-| `"bolt"`    | ![Bolt](../../images/hats/bolt.svg)             | `bolt`       | ❌                  |
+| `"eye"`     | ![Eye](../../images/hats/eye.svg)               | `eye`        | ❌                  |
 
 You can enable or disable shapes in your VSCode settings, by searching for `cursorless.hatEnablement.shapes` and checking the box next to the internal ID for the given shape as listed above. To navigate to your VSCode settings, either say "show settings", or go to File --> Preferences --> Settings.