primer/octicons
### [`v10.0.0`](https://togithub.com/primer/octicons/blob/master/CHANGELOG.md#1000)
[Compare Source](https://togithub.com/primer/octicons/compare/v9.6.0...v10.0.0)
#### All packages
- We've given Octicons a new look ✨ Some icons have new names and some icons haven't been redesigned yet. The following table documents those changes. If you're using an octicon in v9.x that doesn't have an equivelent in v10.0 yet, let us know by [opening an issue](https://togithub.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D).
| v9.x | v10.0 | Notes |
| ------------------------ | ------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
| `arrow-small-down` | `arrow-down` | |
| `arrow-small-left` | `arrow-left` | |
| `arrow-small-right` | `arrow-right` | |
| `arrow-small-up` | `arrow-up` | |
| `browser` | | [Request this icon](https://togithub.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) |
| `bug` | | [Request this icon](https://togithub.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) |
| `circuit-board` | `cpu` | |
| `cloud-download` | `download` | |
| `cloud-upload` | `upload` | |
| `dashboard` | `meter` | |
| `dependent` | `package-dependents` | |
| `device-camera` | | [Request this icon](https://togithub.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) |
| `file-pdf` | `file` | |
| `file-symlink-directory` | `file-submodule` | |
| `gist-secret` | `lock` | |
| `gist` | `code-square` | |
| `github-action` | | [Request this icon](https://togithub.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) |
| `heart-outline` | `heart` | |
| `internal-repo` | `repo` | |
| `jersey` | `people` | |
| `keyboard` | | [Request this icon](https://togithub.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) |
| `line-arrow-down` | `arrow-down` | |
| `line-arrow-left` | `arrow-left` | |
| `line-arrow-right` | `arrow-right` | |
| `line-arrow-up` | `arrow-up` | |
| `mail-read` | `mail` | |
| `no-newline` | `no-entry` | |
| `paintcan` | `paintbrush` | |
| `plus-small` | `plus` | |
| `primitive-dot-stroke` | `dot` | |
| `primitive-dot` | `dot-fill` | |
| `primitive-square` | `square-fill` | |
| `radio-tower` | `broadcast` | |
| `repo-clone` | | [Request this icon](https://togithub.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) |
| `repo-force-push` | `repo-push` | |
| `repo-pull` | | [Request this icon](https://togithub.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) |
| `repo-template-private` | | [Request this icon](https://togithub.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) |
| `request-changes` | `diff` | |
| `saved` | `bookmark` | |
| `text-size` | `heading` or `typography` | |
| `triangle-down` | `caret-down` | |
| `triangle-left` | `caret-left` | |
| `triangle-right` | `caret-right` | |
| `triangle-up` | `caret-up` | |
| `unsaved` | `bookmark-slash` | |
| `watch` | `hourglass` | |
| `workflow-all` | | [Request this icon](https://togithub.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) |
- We designed a set of 24px icons—as well as 16px icons—to accommodate interfaces that need larger icons. All package implementations now choose which SVG to render based on the size passed in.
#### React ([@primer/octicons-react](https://togithub.com/primer/octicons-react))
- Icon components (e.g. `AlertIcon`, `ArrowRightIcon`, etc.) now accept `size`, `ariaLabel`, `verticalAlign`, and `className` props and can be used on their own. No need to pass them to the `Octicon` component.
```jsx
```
- Icon components will now choose the best SVG icon to render based on the `size` passed in.
- The `Octicon` component is deprecated. Use icon components on their own instead:
```diff
-
+
```
##### BREAKING CHANGES 💥
- All icon component names now include `Icon` at the end (e.g. `Alert` → `AlertIcon`).
- In order to enable tree-shaking, we removed the `iconsByName` and `getIconByName` exports.
- `Octicon` no longer accepts `width` or `height` props. Use the `size` prop instead. In cases where the width and height of an icon are not equal (e.g. logos), the height will be set to the value of the `size` prop and the `width` will be scaled proportionally.
- We renamed the `ariaLabel` prop to `aria-label` to be consistent with React:
```diff
-
+
```
- Setting `verticalAlign="top"` on the `Octicon` component or any icon component will now apply a `vertical-align: top;` style to the `
Renovate configuration
:date: Schedule: At any time (no schedule defined).
:vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.
:recycle: Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
:no_bell: Ignore: Close this PR and you won't be reminded about this update again.
[ ] If you want to rebase/retry this PR, check this box
This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.
This PR contains the following updates:
9.6.0
->10.0.0
Release Notes
primer/octicons
### [`v10.0.0`](https://togithub.com/primer/octicons/blob/master/CHANGELOG.md#1000) [Compare Source](https://togithub.com/primer/octicons/compare/v9.6.0...v10.0.0) #### All packages - We've given Octicons a new look ✨ Some icons have new names and some icons haven't been redesigned yet. The following table documents those changes. If you're using an octicon in v9.x that doesn't have an equivelent in v10.0 yet, let us know by [opening an issue](https://togithub.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D). | v9.x | v10.0 | Notes | | ------------------------ | ------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | | `arrow-small-down` | `arrow-down` | | | `arrow-small-left` | `arrow-left` | | | `arrow-small-right` | `arrow-right` | | | `arrow-small-up` | `arrow-up` | | | `browser` | | [Request this icon](https://togithub.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) | | `bug` | | [Request this icon](https://togithub.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) | | `circuit-board` | `cpu` | | | `cloud-download` | `download` | | | `cloud-upload` | `upload` | | | `dashboard` | `meter` | | | `dependent` | `package-dependents` | | | `device-camera` | | [Request this icon](https://togithub.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) | | `file-pdf` | `file` | | | `file-symlink-directory` | `file-submodule` | | | `gist-secret` | `lock` | | | `gist` | `code-square` | | | `github-action` | | [Request this icon](https://togithub.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) | | `heart-outline` | `heart` | | | `internal-repo` | `repo` | | | `jersey` | `people` | | | `keyboard` | | [Request this icon](https://togithub.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) | | `line-arrow-down` | `arrow-down` | | | `line-arrow-left` | `arrow-left` | | | `line-arrow-right` | `arrow-right` | | | `line-arrow-up` | `arrow-up` | | | `mail-read` | `mail` | | | `no-newline` | `no-entry` | | | `paintcan` | `paintbrush` | | | `plus-small` | `plus` | | | `primitive-dot-stroke` | `dot` | | | `primitive-dot` | `dot-fill` | | | `primitive-square` | `square-fill` | | | `radio-tower` | `broadcast` | | | `repo-clone` | | [Request this icon](https://togithub.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) | | `repo-force-push` | `repo-push` | | | `repo-pull` | | [Request this icon](https://togithub.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) | | `repo-template-private` | | [Request this icon](https://togithub.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) | | `request-changes` | `diff` | | | `saved` | `bookmark` | | | `text-size` | `heading` or `typography` | | | `triangle-down` | `caret-down` | | | `triangle-left` | `caret-left` | | | `triangle-right` | `caret-right` | | | `triangle-up` | `caret-up` | | | `unsaved` | `bookmark-slash` | | | `watch` | `hourglass` | | | `workflow-all` | | [Request this icon](https://togithub.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) | - We designed a set of 24px icons—as well as 16px icons—to accommodate interfaces that need larger icons. All package implementations now choose which SVG to render based on the size passed in. #### React ([@primer/octicons-react](https://togithub.com/primer/octicons-react)) - Icon components (e.g. `AlertIcon`, `ArrowRightIcon`, etc.) now accept `size`, `ariaLabel`, `verticalAlign`, and `className` props and can be used on their own. No need to pass them to the `Octicon` component. ```jsxRenovate configuration
:date: Schedule: At any time (no schedule defined).
:vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.
:recycle: Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
:no_bell: Ignore: Close this PR and you won't be reminded about this update again.
This PR has been generated by WhiteSource Renovate. View repository job log here.