diff --git a/packages/web-twig/src/Resources/components/Pill/README.md b/packages/web-twig/src/Resources/components/Pill/README.md index cfcc8aba95..cc3536ea17 100644 --- a/packages/web-twig/src/Resources/components/Pill/README.md +++ b/packages/web-twig/src/Resources/components/Pill/README.md @@ -29,10 +29,10 @@ Without lexer: ## API -| Name | Type | Default | Required | Description | -| ------------- | --------------------------------------------------------------------------------------------------------------------------- | ---------- | -------- | ------------------ | -| `color` | [[Action Color dictionary][dictionary-color] \| [Emotion Color dictionary][dictionary-color] \| `selected` \| `unselected`] | `selected` | ✕ | Color variant | -| `elementType` | `string` | `span` | ✕ | HTML tag to render | +| Name | Type | Default | Required | Description | +| ------------- | ------------------------------------------------------------------------- | ---------- | -------- | ------------------ | +| `color` | [[Emotion Color dictionary][dictionary-color] \| `selected` \| `neutral`] | `selected` | ✕ | Color variant | +| `elementType` | `string` | `span` | ✕ | HTML tag to render | On top of the API options, the components accept [additional attributes][readme-additional-attributes]. If you need more control over the styling of a component, you can use [style props][readme-style-props] diff --git a/packages/web-twig/src/Resources/components/Pill/stories/PillColors.twig b/packages/web-twig/src/Resources/components/Pill/stories/PillColors.twig index ce7840326c..e485fb528b 100644 --- a/packages/web-twig/src/Resources/components/Pill/stories/PillColors.twig +++ b/packages/web-twig/src/Resources/components/Pill/stories/PillColors.twig @@ -1,5 +1,5 @@ {% set colors = [ - 'primary', 'secondary', 'tertiary', 'inverted', 'selected', 'unselected', 'success', 'informative', 'warning', 'danger' + 'selected', 'neutral', 'success', 'informative', 'warning', 'danger' ] %} {% for color in colors %}