@purple/phoenix-components 5.0.0-alpha.3 → 5.0.0-alpha.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,22 @@
2
2
 
3
3
  All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
4
4
 
5
+ ## [5.0.0-alpha.5](https://github.com/purple-technology/phoenix-components/compare/v5.0.0-alpha.4...v5.0.0-alpha.5) (2023-01-24)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * **Icon:** correct behavior when no color is set ([c1a5b14](https://github.com/purple-technology/phoenix-components/commit/c1a5b14ee6d1c0408740f739050d565703b8798c))
11
+
12
+ ## [5.0.0-alpha.4](https://github.com/purple-technology/phoenix-components/compare/v5.0.0-alpha.3...v5.0.0-alpha.4) (2023-01-24)
13
+
14
+
15
+ ### Features
16
+
17
+ * **Icon:** new color prop + removed light and colorTheme props ([0462645](https://github.com/purple-technology/phoenix-components/commit/0462645dd502cf7622f511ee88dba96b58068b81))
18
+ * **Paragraph:** new lineHeight prop ([ab4bded](https://github.com/purple-technology/phoenix-components/commit/ab4bdedc8d36f2fb152e1dea1e0f45c4134441ef))
19
+ * sizing sm, md, lg for checkbox and radio ([291b963](https://github.com/purple-technology/phoenix-components/commit/291b9635bf7a4c078439f75f32340e494fca9c08))
20
+
5
21
  ## [5.0.0-alpha.3](https://github.com/purple-technology/phoenix-components/compare/v5.0.0-alpha.2...v5.0.0-alpha.3) (2023-01-17)
6
22
 
7
23
  ## [5.0.0-alpha.2](https://github.com/purple-technology/phoenix-components/compare/v5.0.0-alpha.1...v5.0.0-alpha.2) (2023-01-12)
package/README.md CHANGED
@@ -186,10 +186,6 @@ Minimal style is now available in all color themes. Default style for minimal is
186
186
  > #### What to do?
187
187
  > If you want to keep the same styling, add `colorTheme="neutral"` to Buttons with `minimal` prop.
188
188
 
189
- ### Checkbox and Radio
190
-
191
- Components `Checkbox` and `Radio` have now only a single size and prop `size` has been removed.
192
-
193
189
  ### Tag
194
190
 
195
191
  Previously, this component had only a single style. Currently, there are 3 styles available that correpond with the styles of the button - primary, secondary and outline. **Default style is now `primary`. Previous style is currently `secondary` and must be explicitly enabled by the prop `secondary`.**
@@ -207,6 +203,8 @@ Instead of 3 sizes (small, medium, large), these components now include 4 sizes
207
203
  > - Search all instances of Text, Paragraph and Heading and replace `colorTheme` with `color`.
208
204
  > - Replace `size="small"` with `size="xs"`. (If you already replaced sizing with new sizes, you have to search for `size="sm"`.)
209
205
 
206
+ Also, `Paragraph` component now has a new prop `lineHeight` which accepts standard sizing values `xs`, `sm`, `md` and `lg` or any other valid CSS value. Default value is `md`.
207
+
210
208
  ### List and ListItem
211
209
 
212
210
  Prop `colorTheme` has been removed and there's only `color` prop now excepting all text colors (primary, secondary, tertiary, quaternary), color theme colors (brand, success, warning, error, info, neutral) and any valid CSS value. Also, `color` prop now affects only text. To change color of the bullet, use `bulletColor` which accepts the same values.
@@ -215,6 +213,14 @@ Prop `colorTheme` has been removed and there's only `color` prop now excepting a
215
213
  > - Search all instances of List and ListItem and replace `colorTheme` with `bulletColor`.
216
214
  > - Search for all `bulletColor` props and change `darkest` to `primary`, `dark` to `secondary` etc. (see the section Colors)
217
215
 
216
+ ### Icon
217
+
218
+ Props `colorTheme` and `light` removed and replaced with a simple `color` prop. This prop behaves similarly like prop `color` in Heading/Text/Paragraph components, ie. excepting all text colors (primary, secondary, tertiary, quaternary), color theme colors (brand, success, warning, error, info, neutral) and any valid CSS value.
219
+
220
+ > #### What to do?
221
+ > - Search for all instances of Icon component and if there's a `light` prop, then just replace it with `color="white"`
222
+ > - Search for all instances of Icon component and replace all `colorTheme` props with `color` (Note: If you haven't already done it before, replace values `primary` with `brand` - see the section Colors)
223
+
218
224
  ## 🔼 Migration guide from v3 to v4
219
225
 
220
226
  In prop tables, all removed properties are listed with notes how to update the component.