@automattic/jetpack-components 0.48.4 → 0.49.1

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,14 @@
2
2
 
3
3
  ### This is a list detailing changes for the Jetpack RNA Components package releases.
4
4
 
5
+ ## [0.49.1] - 2024-03-01
6
+ ### Changed
7
+ - Update ProgressBar styles. [#35968]
8
+
9
+ ## [0.49.0] - 2024-02-27
10
+ ### Added
11
+ - Components: add AI icon [#35965]
12
+
5
13
  ## [0.48.4] - 2024-02-22
6
14
  ### Added
7
15
  - Adding accesible text for external links on connection page and footer [#35733]
@@ -955,6 +963,8 @@
955
963
  ### Changed
956
964
  - Update node version requirement to 14.16.1
957
965
 
966
+ [0.49.1]: https://github.com/Automattic/jetpack-components/compare/0.49.0...0.49.1
967
+ [0.49.0]: https://github.com/Automattic/jetpack-components/compare/0.48.4...0.49.0
958
968
  [0.48.4]: https://github.com/Automattic/jetpack-components/compare/0.48.3...0.48.4
959
969
  [0.48.3]: https://github.com/Automattic/jetpack-components/compare/0.48.2...0.48.3
960
970
  [0.48.2]: https://github.com/Automattic/jetpack-components/compare/0.48.1...0.48.2
@@ -16,6 +16,7 @@ Available slugs are:
16
16
  * star
17
17
  * videopress
18
18
  * jetpack
19
+ * ai
19
20
 
20
21
  ```es6
21
22
  import {
@@ -43,6 +44,7 @@ return (
43
44
  * VideopressIcon
44
45
  * JetpackIcon
45
46
  * ShareIcon
47
+ * AiIcon
46
48
 
47
49
  ```es6
48
50
  import {
@@ -57,6 +59,7 @@ import {
57
59
  VideoPressIcon,
58
60
  JetpackIcon,
59
61
  ShareIcon,
62
+ AiIcon,
60
63
  } from '@automattic/jetpack-components';
61
64
 
62
65
  return (
@@ -72,6 +75,7 @@ return (
72
75
  <VideoPressIcon />
73
76
  <JetpackIcon />
74
77
  <ShareIcon />
78
+ <AiIcon />
75
79
  </div>
76
80
  )
77
81
  ```
@@ -212,6 +212,28 @@ export const ShareIcon: React.FC< BaseIconProps > = ( { size = 16, className, co
212
212
  );
213
213
  };
214
214
 
215
+ export const AiIcon: React.FC< BaseIconProps > = ( {
216
+ size = 24,
217
+ color = '#069e08', // JP green
218
+ } ) => {
219
+ return (
220
+ <IconWrapper color={ color } size={ size } viewBox={ '0 0 32 32' }>
221
+ <Path
222
+ className="spark-first"
223
+ d="M9.33301 5.33325L10.4644 8.20188L13.333 9.33325L10.4644 10.4646L9.33301 13.3333L8.20164 10.4646L5.33301 9.33325L8.20164 8.20188L9.33301 5.33325Z"
224
+ />
225
+ <Path
226
+ className="spark-second"
227
+ d="M21.3333 5.33333L22.8418 9.15817L26.6667 10.6667L22.8418 12.1752L21.3333 16L19.8248 12.1752L16 10.6667L19.8248 9.15817L21.3333 5.33333Z"
228
+ />
229
+ <Path
230
+ className="spark-third"
231
+ d="M14.6667 13.3333L16.5523 18.1144L21.3333 20L16.5523 21.8856L14.6667 26.6667L12.781 21.8856L8 20L12.781 18.1144L14.6667 13.3333Z"
232
+ />
233
+ </IconWrapper>
234
+ );
235
+ };
236
+
215
237
  const jetpackIcons = {
216
238
  'anti-spam': AntiSpamIcon,
217
239
  backup: BackupIcon,
@@ -226,6 +248,7 @@ const jetpackIcons = {
226
248
  videopress: VideopressIcon,
227
249
  jetpack: JetpackIcon,
228
250
  share: ShareIcon,
251
+ ai: AiIcon,
229
252
  };
230
253
 
231
254
  const iconsMap = {
@@ -8,10 +8,11 @@
8
8
  &.small {
9
9
  height: 3px;
10
10
  }
11
-
11
+
12
12
  .progress {
13
13
  height: 100%;
14
14
  border-radius: calc( var( --spacing-base ) * 3 );
15
- background-color: var(--jp-green-50 );
15
+ background-color: var( --jp-black );
16
+ min-width: 12px;
16
17
  }
17
18
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@automattic/jetpack-components",
3
- "version": "0.48.4",
3
+ "version": "0.49.1",
4
4
  "description": "Jetpack Components Package",
5
5
  "author": "Automattic",
6
6
  "license": "GPL-2.0-or-later",