@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 +16 -0
- package/README.md +10 -4
- package/dist/bundle.cjs.js +1 -1
- package/dist/bundle.cjs.js.map +1 -1
- package/dist/bundle.esm.js +2 -2
- package/dist/bundle.esm.js.map +1 -1
- package/dist/bundle.umd.js +1 -1
- package/dist/bundle.umd.js.map +1 -1
- package/dist/index.d.ts +120 -7
- package/package.json +1 -1
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.
|