Skip to content
This repository was archived by the owner on Sep 30, 2025. It is now read-only.

Conversation

lgriffee
Copy link
Contributor

@lgriffee lgriffee commented Sep 13, 2023

WHY are these changes introduced?

Fixes #10420

WHAT is this pull request doing?

Adds the following values to a new public primitive border-radius token scale:

New Token Value Value (in px)
--p-border-radius-0 size[0] 0px
--p-border-radius-050 size['050'] 2px
--p-border-radius-100 size[100] 4px
--p-border-radius-150 size[150] 6px
--p-border-radius-200 size[200] 8px
--p-border-radius-300 size[300] 12px
--p-border-radius-400 size[400] 16px
--p-border-radius-500 size[500] 20px
--p-border-radius-750 size[750] 30px

@lgriffee lgriffee self-assigned this Sep 13, 2023
@lgriffee lgriffee merged commit 26ab8ce into main Sep 13, 2023
@lgriffee lgriffee deleted the border-radius-tokens branch September 13, 2023 16:16
mrcthms pushed a commit that referenced this pull request Sep 14, 2023
This PR was opened by the [Changesets
release](https://github.com/changesets/action) GitHub action. When
you're ready to do a release, you can merge this and the packages will
be published to npm automatically. If you're not ready to do a release
yet, that's fine, whenever you add more changesets to main, this PR will
be updated.


# Releases
## @shopify/polaris@11.18.0

### Minor Changes

- [#10429](#10429)
[`2e65a7e98`](2e65a7e)
Thanks [@mrcthms](https://github.com/mrcthms)! - Fixed `Filters` pinned
filter pill not remaining when applied values are cleared


- [#10394](#10394)
[`b7f25f07f`](b7f25f0)
Thanks [@mrcthms](https://github.com/mrcthms)! - Added support for
disabling 1Password integration in `TextField`


- [#10406](#10406)
[`87f559ca1`](87f559c)
Thanks [@mrcthms](https://github.com/mrcthms)! - Updated the Toast
component to support multiple re-renders being announced on screen
readers

### Patch Changes

- [#10428](#10428)
[`d35d55e5b`](d35d55e)
Thanks [@mrcthms](https://github.com/mrcthms)! - Fixed layout shift in
`IndexFilters` when switching modes

- Updated dependencies
\[[`26ab8ce7d`](26ab8ce),
[`7514dd1a3`](7514dd1),
[`16c61668a`](16c6166)]:
    -   @shopify/polaris-tokens@7.8.0

## @shopify/polaris-tokens@7.8.0

### Minor Changes

- [#10432](#10432)
[`26ab8ce7d`](26ab8ce)
Thanks [@lgriffee](https://github.com/lgriffee)! - Added public
primitive `border-radius` token scale


- [#10448](#10448)
[`7514dd1a3`](7514dd1)
Thanks [@lgriffee](https://github.com/lgriffee)! - Added public
primitive `space` token scale


- [#10418](#10418)
[`16c61668a`](16c6166)
Thanks [@lgriffee](https://github.com/lgriffee)! - Added private
primitive `size` token scale

## @shopify/polaris-migrator@0.22.3

### Patch Changes

- Updated dependencies
\[[`26ab8ce7d`](26ab8ce),
[`7514dd1a3`](7514dd1),
[`16c61668a`](16c6166)]:
    -   @shopify/polaris-tokens@7.8.0
    -   @shopify/stylelint-polaris@14.0.3

## @shopify/stylelint-polaris@14.0.3

### Patch Changes

- Updated dependencies
\[[`26ab8ce7d`](26ab8ce),
[`7514dd1a3`](7514dd1),
[`16c61668a`](16c6166)]:
    -   @shopify/polaris-tokens@7.8.0

## polaris.shopify.com@0.57.6

### Patch Changes

- Updated dependencies
\[[`2e65a7e98`](2e65a7e),
[`b7f25f07f`](b7f25f0),
[`26ab8ce7d`](26ab8ce),
[`d35d55e5b`](d35d55e),
[`7514dd1a3`](7514dd1),
[`16c61668a`](16c6166),
[`87f559ca1`](87f559c)]:
    -   @shopify/polaris@11.18.0
    -   @shopify/polaris-tokens@7.8.0

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
AnnaCheba pushed a commit to AnnaCheba/polaris that referenced this pull request Apr 22, 2024
### WHY are these changes introduced?

Fixes Shopify#10420

### WHAT is this pull request doing?

Adds the following values to a new private primitive `size` token scale:

| New Token          | Value        | Value (in px)
| ------------------------- | ------------------------ |
------------------------ |
| `--p-border-radius-0` | `size[0]`  | `0px`    |
| `--p-border-radius-050` | `size['050']`  | `2px`    |
| `--p-border-radius-100` | `size[100]`  | `4px`    |
| `--p-border-radius-150` | `size[150]`  | `6px`    |
| `--p-border-radius-200` | `size[200]`  | `8px`    |
| `--p-border-radius-300` | `size[300]`  | `12px`    |
| `--p-border-radius-400` | `size[400]`  | `16px`    |
| `--p-border-radius-500` | `size[500]`  | `20px`    |
| `--p-border-radius-750` | `size[750]`  | `30px`    |
ascherkus pushed a commit to ascherkus/polaris that referenced this pull request Feb 19, 2025
This PR was opened by the [Changesets
release](https://github.com/changesets/action) GitHub action. When
you're ready to do a release, you can merge this and the packages will
be published to npm automatically. If you're not ready to do a release
yet, that's fine, whenever you add more changesets to main, this PR will
be updated.


# Releases
## @shopify/polaris@11.18.0

### Minor Changes

- [Shopify#10429](Shopify#10429)
[`2e65a7e98`](Shopify@78e3c64)
Thanks [@mrcthms](https://github.com/mrcthms)! - Fixed `Filters` pinned
filter pill not remaining when applied values are cleared


- [Shopify#10394](Shopify#10394)
[`b7f25f07f`](Shopify@11a5ec4)
Thanks [@mrcthms](https://github.com/mrcthms)! - Added support for
disabling 1Password integration in `TextField`


- [Shopify#10406](Shopify#10406)
[`87f559ca1`](Shopify@87ef9b6)
Thanks [@mrcthms](https://github.com/mrcthms)! - Updated the Toast
component to support multiple re-renders being announced on screen
readers

### Patch Changes

- [Shopify#10428](Shopify#10428)
[`d35d55e5b`](Shopify@ded82d4)
Thanks [@mrcthms](https://github.com/mrcthms)! - Fixed layout shift in
`IndexFilters` when switching modes

- Updated dependencies
\[[`26ab8ce7d`](Shopify@2638248),
[`7514dd1a3`](Shopify@beb664a),
[`16c61668a`](Shopify@54284eb)]:
    -   @shopify/polaris-tokens@7.8.0

## @shopify/polaris-tokens@7.8.0

### Minor Changes

- [Shopify#10432](Shopify#10432)
[`26ab8ce7d`](Shopify@2638248)
Thanks [@lgriffee](https://github.com/lgriffee)! - Added public
primitive `border-radius` token scale


- [Shopify#10448](Shopify#10448)
[`7514dd1a3`](Shopify@beb664a)
Thanks [@lgriffee](https://github.com/lgriffee)! - Added public
primitive `space` token scale


- [Shopify#10418](Shopify#10418)
[`16c61668a`](Shopify@54284eb)
Thanks [@lgriffee](https://github.com/lgriffee)! - Added private
primitive `size` token scale

## @shopify/polaris-migrator@0.22.3

### Patch Changes

- Updated dependencies
\[[`26ab8ce7d`](Shopify@2638248),
[`7514dd1a3`](Shopify@beb664a),
[`16c61668a`](Shopify@54284eb)]:
    -   @shopify/polaris-tokens@7.8.0
    -   @shopify/stylelint-polaris@14.0.3

## @shopify/stylelint-polaris@14.0.3

### Patch Changes

- Updated dependencies
\[[`26ab8ce7d`](Shopify@2638248),
[`7514dd1a3`](Shopify@beb664a),
[`16c61668a`](Shopify@54284eb)]:
    -   @shopify/polaris-tokens@7.8.0

## polaris.shopify.com@0.57.6

### Patch Changes

- Updated dependencies
\[[`2e65a7e98`](Shopify@78e3c64),
[`b7f25f07f`](Shopify@11a5ec4),
[`26ab8ce7d`](Shopify@2638248),
[`d35d55e5b`](Shopify@ded82d4),
[`7514dd1a3`](Shopify@beb664a),
[`16c61668a`](Shopify@54284eb),
[`87f559ca1`](Shopify@87ef9b6)]:
    -   @shopify/polaris@11.18.0
    -   @shopify/polaris-tokens@7.8.0

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add public primitive border-radius token layer
2 participants