@automattic/jetpack-components 0.39.0

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.
Files changed (235) hide show
  1. package/.gitattributes +8 -0
  2. package/CHANGELOG.md +747 -0
  3. package/LICENSE.txt +357 -0
  4. package/README.md +11 -0
  5. package/SECURITY.md +38 -0
  6. package/components/action-button/index.jsx +70 -0
  7. package/components/action-button/stories/index.stories.jsx +38 -0
  8. package/components/action-button/style.module.scss +11 -0
  9. package/components/action-button/test/component.jsx +16 -0
  10. package/components/action-popover/index.tsx +105 -0
  11. package/components/action-popover/stories/index.stories.jsx +115 -0
  12. package/components/action-popover/stories/styles.module.scss +7 -0
  13. package/components/action-popover/styles.module.scss +49 -0
  14. package/components/action-popover/types.ts +20 -0
  15. package/components/admin-page/index.tsx +58 -0
  16. package/components/admin-page/stories/index.stories.tsx +35 -0
  17. package/components/admin-page/stories/style.module.scss +13 -0
  18. package/components/admin-page/style.module.scss +11 -0
  19. package/components/admin-page/types.ts +41 -0
  20. package/components/admin-section/basic/index.tsx +15 -0
  21. package/components/admin-section/basic/style.module.scss +3 -0
  22. package/components/admin-section/hero/index.tsx +15 -0
  23. package/components/admin-section/hero/style.module.scss +3 -0
  24. package/components/admin-section/stories/index.stories.tsx +60 -0
  25. package/components/admin-section/types.ts +6 -0
  26. package/components/alert/index.tsx +61 -0
  27. package/components/alert/stories/index.stories.jsx +24 -0
  28. package/components/alert/style.module.scss +43 -0
  29. package/components/automattic-byline-logo/README.md +16 -0
  30. package/components/automattic-byline-logo/index.tsx +38 -0
  31. package/components/automattic-byline-logo/stories/index.stories.tsx +20 -0
  32. package/components/automattic-byline-logo/test/component.tsx +28 -0
  33. package/components/automattic-byline-logo/types.ts +18 -0
  34. package/components/boost-score-bar/index.tsx +103 -0
  35. package/components/boost-score-bar/stories/index.stories.tsx +39 -0
  36. package/components/boost-score-bar/style.scss +184 -0
  37. package/components/boost-score-bar/test/component.tsx +102 -0
  38. package/components/boost-score-bar/types.ts +9 -0
  39. package/components/button/index.tsx +84 -0
  40. package/components/button/stories/index.mdx +90 -0
  41. package/components/button/stories/index.stories.tsx +400 -0
  42. package/components/button/stories/style.module.scss +20 -0
  43. package/components/button/style.module.scss +212 -0
  44. package/components/button/types.ts +21 -0
  45. package/components/contextual-upgrade-trigger/README.md +81 -0
  46. package/components/contextual-upgrade-trigger/index.tsx +44 -0
  47. package/components/contextual-upgrade-trigger/stories/index.stories.tsx +25 -0
  48. package/components/contextual-upgrade-trigger/style.module.scss +75 -0
  49. package/components/contextual-upgrade-trigger/types.ts +9 -0
  50. package/components/decorative-card/index.tsx +44 -0
  51. package/components/decorative-card/stories/index.stories.tsx +18 -0
  52. package/components/decorative-card/style.scss +116 -0
  53. package/components/decorative-card/types.ts +16 -0
  54. package/components/dialog/index.tsx +69 -0
  55. package/components/dialog/stories/boost.png +0 -0
  56. package/components/dialog/stories/declaration.d.ts +1 -0
  57. package/components/dialog/stories/index.stories.tsx +118 -0
  58. package/components/dialog/stories/js-components.components.dialog.mdx +62 -0
  59. package/components/dialog/stories/js-components.components.dialog.stories.js +37 -0
  60. package/components/dialog/stories/style.module.scss +21 -0
  61. package/components/dialog/style.module.scss +30 -0
  62. package/components/donut-meter/index.tsx +147 -0
  63. package/components/donut-meter/stories/index.stories.tsx +51 -0
  64. package/components/donut-meter/style.scss +11 -0
  65. package/components/donut-meter/test/component.tsx +24 -0
  66. package/components/gridicon/index.tsx +298 -0
  67. package/components/gridicon/stories/index.stories.tsx +18 -0
  68. package/components/gridicon/style.scss +16 -0
  69. package/components/gridicon/types.ts +48 -0
  70. package/components/icon-tooltip/index.tsx +96 -0
  71. package/components/icon-tooltip/stories/index.stories.tsx +108 -0
  72. package/components/icon-tooltip/stories/style.scss +36 -0
  73. package/components/icon-tooltip/style.scss +121 -0
  74. package/components/icon-tooltip/test/component.tsx +15 -0
  75. package/components/icon-tooltip/types.ts +76 -0
  76. package/components/icons/README.md +98 -0
  77. package/components/icons/index.tsx +369 -0
  78. package/components/icons/stories/index.stories.tsx +65 -0
  79. package/components/icons/stories/style.module.scss +33 -0
  80. package/components/icons/style.module.scss +40 -0
  81. package/components/icons/types.ts +38 -0
  82. package/components/indeterminate-progress-bar/index.tsx +28 -0
  83. package/components/indeterminate-progress-bar/stories/index.stories.tsx +14 -0
  84. package/components/indeterminate-progress-bar/style.module.scss +34 -0
  85. package/components/indeterminate-progress-bar/types.ts +6 -0
  86. package/components/jetpack-footer/README.md +21 -0
  87. package/components/jetpack-footer/index.tsx +94 -0
  88. package/components/jetpack-footer/stories/index.stories.tsx +40 -0
  89. package/components/jetpack-footer/style.scss +116 -0
  90. package/components/jetpack-footer/test/component.tsx +45 -0
  91. package/components/jetpack-footer/types.ts +36 -0
  92. package/components/jetpack-logo/README.md +20 -0
  93. package/components/jetpack-logo/index.tsx +46 -0
  94. package/components/jetpack-logo/stories/index.stories.tsx +20 -0
  95. package/components/jetpack-logo/test/component.tsx +16 -0
  96. package/components/jetpack-logo/types.ts +7 -0
  97. package/components/jetpack-search-logo/README.md +20 -0
  98. package/components/jetpack-search-logo/index.tsx +93 -0
  99. package/components/jetpack-search-logo/stories/index.stories.tsx +21 -0
  100. package/components/jetpack-search-logo/test/component.tsx +16 -0
  101. package/components/jetpack-search-logo/types.ts +7 -0
  102. package/components/jetpack-vaultpress-backup-logo/README.md +19 -0
  103. package/components/jetpack-vaultpress-backup-logo/index.tsx +113 -0
  104. package/components/jetpack-vaultpress-backup-logo/stories/index.stories.tsx +20 -0
  105. package/components/jetpack-vaultpress-backup-logo/test/component.tsx +18 -0
  106. package/components/jetpack-vaultpress-backup-logo/types.ts +6 -0
  107. package/components/jetpack-videopress-logo/README.md +19 -0
  108. package/components/jetpack-videopress-logo/index.tsx +93 -0
  109. package/components/jetpack-videopress-logo/stories/index.stories.tsx +20 -0
  110. package/components/jetpack-videopress-logo/test/component.tsx +16 -0
  111. package/components/jetpack-videopress-logo/types.tsx +6 -0
  112. package/components/layout/README.md +9 -0
  113. package/components/layout/breakpoints.module.scss +20 -0
  114. package/components/layout/col/README.md +81 -0
  115. package/components/layout/col/index.tsx +49 -0
  116. package/components/layout/col/style.module.scss +28 -0
  117. package/components/layout/container/README.md +77 -0
  118. package/components/layout/container/index.tsx +42 -0
  119. package/components/layout/container/style.module.scss +35 -0
  120. package/components/layout/stories/index.stories.tsx +145 -0
  121. package/components/layout/stories/styles.module.scss +22 -0
  122. package/components/layout/types.ts +55 -0
  123. package/components/layout/use-breakpoint-match/README.md +43 -0
  124. package/components/layout/use-breakpoint-match/declaration.d.ts +9 -0
  125. package/components/layout/use-breakpoint-match/index.ts +79 -0
  126. package/components/loading-placeholder/README.md +22 -0
  127. package/components/loading-placeholder/index.tsx +23 -0
  128. package/components/loading-placeholder/stories/index.stories.tsx +78 -0
  129. package/components/loading-placeholder/style.module.scss +18 -0
  130. package/components/notice/index.tsx +98 -0
  131. package/components/notice/stories/index.stories.jsx +90 -0
  132. package/components/notice/style.module.scss +107 -0
  133. package/components/number-format/README.md +25 -0
  134. package/components/number-format/index.ts +16 -0
  135. package/components/pricing-card/index.tsx +127 -0
  136. package/components/pricing-card/stories/index.stories.tsx +55 -0
  137. package/components/pricing-card/style.scss +112 -0
  138. package/components/pricing-card/test/component.tsx +89 -0
  139. package/components/pricing-card/types.ts +52 -0
  140. package/components/pricing-slider/index.tsx +53 -0
  141. package/components/pricing-slider/stories/index.stories.tsx +44 -0
  142. package/components/pricing-slider/style.scss +55 -0
  143. package/components/pricing-slider/test/component.tsx +14 -0
  144. package/components/pricing-slider/types.ts +58 -0
  145. package/components/pricing-table/index.tsx +200 -0
  146. package/components/pricing-table/stories/index.stories.tsx +74 -0
  147. package/components/pricing-table/styles.module.scss +160 -0
  148. package/components/pricing-table/test/component.tsx +41 -0
  149. package/components/pricing-table/types.ts +84 -0
  150. package/components/product-offer/icons-card.tsx +47 -0
  151. package/components/product-offer/index.tsx +115 -0
  152. package/components/product-offer/product-offer-header.tsx +23 -0
  153. package/components/product-offer/stories/index.stories.tsx +104 -0
  154. package/components/product-offer/style.module.scss +93 -0
  155. package/components/product-offer/types.ts +125 -0
  156. package/components/product-price/index.tsx +90 -0
  157. package/components/product-price/price.tsx +35 -0
  158. package/components/product-price/stories/index.stories.tsx +33 -0
  159. package/components/product-price/style.module.scss +69 -0
  160. package/components/product-price/test/component.tsx +26 -0
  161. package/components/product-price/types.ts +73 -0
  162. package/components/qr-code/Readme.md +5 -0
  163. package/components/qr-code/index.tsx +78 -0
  164. package/components/qr-code/stories/index.stories.tsx +32 -0
  165. package/components/record-meter-bar/index.tsx +135 -0
  166. package/components/record-meter-bar/stories/index.stories.tsx +39 -0
  167. package/components/record-meter-bar/style.scss +38 -0
  168. package/components/record-meter-bar/test/component.tsx +52 -0
  169. package/components/spinner/README.md +28 -0
  170. package/components/spinner/index.jsx +45 -0
  171. package/components/spinner/stories/index.stories.jsx +20 -0
  172. package/components/spinner/style.scss +31 -0
  173. package/components/spinner/test/component.jsx +17 -0
  174. package/components/split-button/index.tsx +39 -0
  175. package/components/split-button/stories/index.stories.tsx +35 -0
  176. package/components/split-button/style.module.scss +21 -0
  177. package/components/split-button/types.ts +14 -0
  178. package/components/stat-card/index.tsx +49 -0
  179. package/components/stat-card/stories/index.mdx +35 -0
  180. package/components/stat-card/stories/index.stories.tsx +41 -0
  181. package/components/stat-card/style.module.scss +49 -0
  182. package/components/stat-card/test/component.tsx +24 -0
  183. package/components/stat-card/types.ts +28 -0
  184. package/components/status/README.md +42 -0
  185. package/components/status/index.tsx +40 -0
  186. package/components/status/stories/index.stories.tsx +44 -0
  187. package/components/status/style.module.scss +72 -0
  188. package/components/terms-of-service/index.tsx +63 -0
  189. package/components/terms-of-service/styles.scss +10 -0
  190. package/components/terms-of-service/test/index.test.jsx +52 -0
  191. package/components/terms-of-service/types.ts +30 -0
  192. package/components/testimonials/index.tsx +58 -0
  193. package/components/testimonials/style.scss +127 -0
  194. package/components/testimonials/test/component.tsx +103 -0
  195. package/components/testimonials/testimonial.tsx +47 -0
  196. package/components/testimonials/types.ts +17 -0
  197. package/components/text/constants.ts +30 -0
  198. package/components/text/index.tsx +91 -0
  199. package/components/text/stories/headings.index.stories.tsx +80 -0
  200. package/components/text/stories/index.mdx +195 -0
  201. package/components/text/stories/index.stories.tsx +69 -0
  202. package/components/text/stories/style.module.scss +64 -0
  203. package/components/text/stories/title.index.stories.tsx +34 -0
  204. package/components/text/style.module.scss +125 -0
  205. package/components/text/types.ts +53 -0
  206. package/components/theme-provider/Readme.md +49 -0
  207. package/components/theme-provider/globals.module.scss +6 -0
  208. package/components/theme-provider/index.tsx +151 -0
  209. package/components/theme-provider/stories/index.stories.tsx +164 -0
  210. package/components/theme-provider/stories/style.module.scss +79 -0
  211. package/components/theme-provider/types.ts +25 -0
  212. package/components/toggle-control/README.md +5 -0
  213. package/components/toggle-control/index.tsx +67 -0
  214. package/components/toggle-control/stories/index.stories.tsx +83 -0
  215. package/components/toggle-control/styles.module.scss +41 -0
  216. package/components/zendesk-chat/README.md +26 -0
  217. package/components/zendesk-chat/constants.ts +2 -0
  218. package/components/zendesk-chat/index.tsx +22 -0
  219. package/components/zendesk-chat/stories/index.stories.tsx +15 -0
  220. package/components/zendesk-chat/test/component.tsx +16 -0
  221. package/components/zendesk-chat/types.ts +3 -0
  222. package/index.ts +69 -0
  223. package/lib/locale/index.ts +48 -0
  224. package/lib/locale/test/index.ts +21 -0
  225. package/package.json +80 -0
  226. package/tools/get-product-checkout-url/Readme.md +32 -0
  227. package/tools/get-product-checkout-url/index.ts +31 -0
  228. package/tools/jp-redirect/README.md +61 -0
  229. package/tools/jp-redirect/index.ts +62 -0
  230. package/tools/jp-redirect/test/index.tsx +89 -0
  231. package/tools/jp-redirect/types.ts +49 -0
  232. package/tools/pricing-utils/README.md +16 -0
  233. package/tools/pricing-utils/index.ts +11 -0
  234. package/tools/pricing-utils/test/index.ts +39 -0
  235. package/tools/pricing-utils/types.ts +12 -0
package/CHANGELOG.md ADDED
@@ -0,0 +1,747 @@
1
+ # Changelog
2
+
3
+ ### This is a list detailing changes for the Jetpack RNA Components package releases.
4
+
5
+ ## [0.39.0] - 2023-06-23
6
+ ### Added
7
+ - Add component Pricing Slider for Stat pricing page.
8
+ - Added config values to publish mirror repo
9
+ - Auto-publish jetpack-components package to npm
10
+
11
+ ## 0.38.1 - 2023-06-21
12
+ ### Changed
13
+ - Updated package dependencies. [#31468]
14
+
15
+ ## 0.38.0 - 2023-06-15
16
+ ### Added
17
+ - Add testimonial component and use it on the backup connect screen [#31221]
18
+
19
+ ## 0.37.0 - 2023-06-06
20
+ ### Changed
21
+ - Update connection module to have an RNA option that updates the design [#31201]
22
+ - Updated package dependencies. [#31129]
23
+ - Update pricing table tooltip to allow its position to be configurable from pricing table. [#31107]
24
+
25
+ ## 0.36.0 - 2023-05-29
26
+ ### Added
27
+ - Added the Instagram social icon [#30803]
28
+ - Updated icons from social-link block from @wordpress/block-library [#29803]
29
+
30
+ ### Fixed
31
+ - Fixed the SIG feature check to disable the media picker [#30888]
32
+ - Fixed version [#29803]
33
+ - Fix ternary issue with translations that were failing builds [#30877]
34
+
35
+ ## 0.35.0 - 2023-05-22
36
+ ### Added
37
+ - Action Button: Add "Disabled" prop. [#30570]
38
+
39
+ ## 0.34.0 - 2023-05-18
40
+ ### Added
41
+ - Add a new component for the Boost Score Bar used in the Boost plugin and later, in the Jetpack plugin [#30037]
42
+
43
+ ### Changed
44
+ - Update pricing table tooltip to allow its position to be configurable from pricing table. [#30751]
45
+
46
+ ## 0.33.0 - 2023-05-02
47
+ ### Added
48
+ - Added "wide" variant and styled unordered lists to icon tooltip content. [#30399]
49
+
50
+ ### Changed
51
+ - Updated package dependencies.
52
+
53
+ ### Removed
54
+ - Remove conditional rendering from zendesk chat widget component due to it being handled by an api endpoint now. [#29942]
55
+
56
+ ## 0.32.1 - 2023-05-01
57
+ ### Changed
58
+ - Minor internal updates.
59
+
60
+ ## 0.32.0 - 2023-04-25
61
+ ### Added
62
+ - Add a Toggle component. [#30166]
63
+ - Add Status component. [#30166]
64
+
65
+ ### Fixed
66
+ - RNA: Fix button box-shadow radius on Linux build of Firefox [#30249]
67
+
68
+ ## 0.31.6 - 2023-04-19
69
+ ### Changed
70
+ - Updated package dependencies. [#30015]
71
+
72
+ ### Removed
73
+ - Remove WordPress 6.0 backwards-compatibility code. [#30126]
74
+
75
+ ## 0.31.5 - 2023-04-17
76
+ ### Changed
77
+ - Updated package dependencies. [#30019]
78
+
79
+ ### Fixed
80
+ - Set Term of service links whitespace to no wrap. [#29683]
81
+
82
+ ## 0.31.4 - 2023-04-04
83
+ ### Changed
84
+ - Updated package dependencies. [#29854]
85
+
86
+ ## 0.31.3 - 2023-04-03
87
+ ### Changed
88
+ - Minor internal updates.
89
+
90
+ ## 0.31.2 - 2023-03-29
91
+ ### Changed
92
+ - Minor internal updates.
93
+
94
+ ## 0.31.1 - 2023-03-28
95
+ ### Changed
96
+ - Minor internal updates.
97
+
98
+ ## 0.31.0 - 2023-03-27
99
+ ### Changed
100
+ - Added option for CUT component to have a tooltip [#29609]
101
+
102
+ ## 0.30.2 - 2023-03-23
103
+ ### Changed
104
+ - Updated package dependencies.
105
+
106
+ ## 0.30.1 - 2023-03-20
107
+ ### Changed
108
+ - RNA: tweak secondary button styling [#29475]
109
+ - Updated package dependencies. [#29471]
110
+
111
+ ## 0.30.0 - 2023-03-13
112
+ ### Added
113
+ - Add Zendesk chat module to My Jetpack page [#28712]
114
+
115
+ ### Changed
116
+ - Updated pricing table component to allow a custom tooltip class. Will allow more flexibility over styling individual tooltips. [#29250]
117
+
118
+ ## 0.29.0 - 2023-03-08
119
+ ### Added
120
+ - Add loading placeholder component into js-packages [#29270]
121
+
122
+ ### Changed
123
+ - Updated package dependencies. [#29216]
124
+
125
+ ## 0.28.0 - 2023-02-28
126
+ ### Added
127
+ - Added arrow-left and arrow-right icons to the Gridicon component [#28826]
128
+ - JS Components: add Mastodon icon [#28987]
129
+ - JS Components: add pricing-utils folder to store pricing-related helper functions. [#29139]
130
+
131
+ ### Fixed
132
+ - Revise Jetpack connection agreement text to comply with our User Agreement [#28403]
133
+ - Update React peer dependencies to match updated dev dependencies. [#28924]
134
+
135
+ ## 0.27.7 - 2023-02-20
136
+ ### Fixed
137
+ - Changed wrong version [#28824]
138
+ - Use External Link icons for external links [#28922]
139
+
140
+ ## 0.27.6 - 2023-02-15
141
+ ### Changed
142
+ - Editing changelog for Jetpack 11.9-a.3 [#28971]
143
+
144
+ ### Fixed
145
+ - Fixed a circular dependency reference [#28937]
146
+
147
+ ## 0.27.5 - 2023-02-15
148
+ ### Changed
149
+ - Update to React 18. [#28710]
150
+
151
+ ## 0.27.4 - 2023-02-08
152
+ ### Changed
153
+ - Updated package dependencies. [#28682, #28700]
154
+
155
+ ## 0.27.3 - 2023-01-26
156
+ ### Changed
157
+ - Use `flex-start` instead of `start` for better browser compatibility. [#28530]
158
+
159
+ ## 0.27.2 - 2023-01-25
160
+ ### Changed
161
+ - Minor internal updates.
162
+
163
+ ## 0.27.1 - 2023-01-23
164
+ ### Fixed
165
+ - Components: Fix usage of box-sizing across the elements [#28489]
166
+
167
+ ## 0.27.0 - 2023-01-18
168
+ ### Added
169
+ - Added Advanced Social plan to pricing table [#28258]
170
+
171
+ ## 0.26.5 - 2023-01-11
172
+ ### Changed
173
+ - Updated package dependencies.
174
+
175
+ ## 0.26.4 - 2022-12-19
176
+ ### Added
177
+ - Add Jetpack VaultPress Backup Logo [#27802]
178
+ - Add Jetpack VideoPress logo [#27807]
179
+
180
+ ### Changed
181
+ - Update Backup, Anti-spam, and VideoPress logos [#27847]
182
+ - Updated package dependencies. [#27916]
183
+
184
+ ## 0.26.3 - 2022-12-12
185
+ ### Changed
186
+ - Updated package dependencies. [#27888]
187
+
188
+ ## 0.26.2 - 2022-12-12
189
+ ### Added
190
+ - RNA: Add props to ActionPopover related to link on action button [#27714]
191
+
192
+ ## 0.26.1 - 2022-12-02
193
+ ### Changed
194
+ - Updated package dependencies. [#27699]
195
+
196
+ ## 0.26.0 - 2022-11-30
197
+ ### Added
198
+ - RNA: Add ActionPopover component [#27656]
199
+
200
+ ## 0.25.2 - 2022-11-28
201
+ ### Changed
202
+ - Updated package dependencies. [#27576]
203
+
204
+ ## 0.25.1 - 2022-11-22
205
+ ### Changed
206
+ - Updated package dependencies. [#27043]
207
+
208
+ ## 0.25.0 - 2022-11-17
209
+ ### Added
210
+ - Added additional color studio colors to the ThemeProvider component for use in Jetpack Protect. [#26069]
211
+ - Added a new component for Admin Notices [#26736]
212
+
213
+ ### Fixed
214
+ - Added support for falsey non-zero values for offPrice [#27456]
215
+ - RNA: Add aria-disabled property to Button when disabled [#27449]
216
+
217
+ ## 0.24.5 - 2022-11-10
218
+ ### Changed
219
+ - Updated package dependencies. [#27319]
220
+
221
+ ## 0.24.4 - 2022-11-08
222
+ ### Changed
223
+ - Updated package dependencies. [#27289]
224
+
225
+ ## 0.24.3 - 2022-11-01
226
+ ### Changed
227
+ - Updated package dependencies.
228
+
229
+ ## 0.24.2 - 2022-10-25
230
+ ### Changed
231
+ - Fix visual issues in the Product Price component in Jetpack plugin [#27032]
232
+
233
+ ## 0.24.1 - 2022-10-19
234
+ ### Changed
235
+ - RNA: move product labels next to `legend` text [#26877]
236
+ - Updated package dependencies. [#26883]
237
+
238
+ ### Fixed
239
+ - Fixed the tooltips being cut of on PricingTable [#26666]
240
+
241
+ ## 0.24.0 - 2022-10-17
242
+ ### Changed
243
+ - Refactor IconTooltip with prop popoverAnchorStyle for alignment with Popover anchor. [#26851]
244
+
245
+ ## 0.23.0 - 2022-10-13
246
+ ### Changed
247
+ - Add shadowAnchor and forceShow for pure Popover displaying within parent wrapper. [#26790]
248
+ - Updated package dependencies. [#26791]
249
+
250
+ ## 0.22.2 - 2022-10-11
251
+ ### Changed
252
+ - Added types and adaptive coloring for the donut meter component [#26690]
253
+
254
+ ### Fixed
255
+ - RNA: Fix styling issue on Button component due to Gutenberg component update [#26704]
256
+
257
+ ## 0.22.1 - 2022-10-06
258
+ ### Changed
259
+ - Do not open upgrade links from Jetpack Social in a new tab [#26649]
260
+ - Update ContextualUpgradeTrigger component styles [#26633]
261
+
262
+ ## 0.22.0 - 2022-10-05
263
+ ### Added
264
+ - Improve upon elements used within the PricingTable component [#26364]
265
+ - Introduce JetpackSearchLogo component [#26481]
266
+ - RNA: register jp-yellow-10 color in the ThemePrtovider [#26508]
267
+
268
+ ### Changed
269
+ - Fix ProductPrice layout for long prices [#26595]
270
+ - IconTooltip: Use click instead of mouseover for summoning [#26457]
271
+ - Refactor props for structure consistency with JetpackLogo component. [#26510]
272
+ - Updated package dependencies. [#26568]
273
+ - Updated package dependencies. [#26583]
274
+
275
+ ### Fixed
276
+ - Components: fix the positio of TOS component of the PricingTable cmp [#26509]
277
+ - Fixed color and size per design for Indeterminate Progress Bar [#26458]
278
+ - RNA: Scope global CSS modification on IconTooltip component [#26584]
279
+
280
+ ## 0.21.0 - 2022-09-27
281
+ ### Added
282
+ - Added indeterminate progress bar [#26370]
283
+ - Add support for link variant and className to ContextualUpgradeTrigger component [#26115]
284
+ - JS Components: Add body-extra-small-bold variant to Text [#26295]
285
+
286
+ ### Changed
287
+ - Changed design to latest design patterns. [#26253]
288
+ - DonutMeter: Expose DonutMeter to clients of the component library. [#26371]
289
+ - Modify components for usages in Upsell page [#26408]
290
+
291
+ ### Fixed
292
+ - Fixed divider not appearing on small screens [#26443]
293
+
294
+ ## 0.20.0 - 2022-09-20
295
+ ### Added
296
+ - Introduce component IconTooltip [#26081]
297
+
298
+ ### Changed
299
+ - JS Components: Use RNA button for ActionButton component [#23936]
300
+
301
+ ### Fixed
302
+ - Fixed bug preventing Pricing Table from building properly. [#26214]
303
+ - JS Components: Add basic a11y support to donut meter. [#26129]
304
+
305
+ ## 0.19.0 - 2022-09-08
306
+ ### Added
307
+ - Components: apply Icon Button styles when icon and not-text properties are provided. [#25999]
308
+ - JS Components: add StatCard component. [#26037]
309
+ - JS Components: add title-medium-semi-bold variant to Text. [#26017]
310
+ - RecordMeterDonut: create RecordMeterDonut reusable component. [#25947]
311
+
312
+ ### Changed
313
+ - JS Components: add options to numberFormat and format value as compact form on StatCard component. [#26065]
314
+
315
+ ## 0.18.2 - 2022-08-31
316
+ ### Changed
317
+ - Updated package dependencies. [#25856]
318
+
319
+ ## 0.18.1 - 2022-08-25
320
+ ### Added
321
+ - Components: Support forwardRef at Text [#25798]
322
+
323
+ ### Changed
324
+ - Components: set background color for Button, secondary variant [#25810]
325
+ - Updated package dependencies. [#25814]
326
+
327
+ ## 0.18.0 - 2022-08-23
328
+ ### Added
329
+ - Add new PricingTable component [#25377]
330
+ - Components: add a couple of new black and gray colors [#25730]
331
+
332
+ ### Changed
333
+ - Updated package dependencies. [#25338, #25339, #25339, #25762, #25764]
334
+
335
+ ## 0.17.3 - 2022-08-09
336
+ ### Changed
337
+ - JS Components: Convert AdminPage component to TypeScript [#25352]
338
+ - JS Components: Convert AdminSection and AdminSectionHero components to TypeScript [#25360]
339
+ - JS Components: Converted ThemeProvider component to TypeScript [#25353]
340
+ - JS Components: Convert utility functions to TypeScript [#25361]
341
+
342
+ ## 0.17.2 - 2022-08-03
343
+ ### Added
344
+ - JS Components: Add fullWidth prop to Button [#25357]
345
+ - JS Components: Add hidePriceFraction prop to ProductPrice [#25318]
346
+
347
+ ### Changed
348
+ - JS Components: Converted Col and Container components to TypeScript [#25325]
349
+ - JS Components: Convert JetpackFooter component to TypeScript [#25295]
350
+ - JS Components: Convert ProductOffer component to TypeScript [#25294]
351
+
352
+ ### Fixed
353
+ - JS Components: Fix price render on ProductPrice when price is 0 [#25318]
354
+
355
+ ## 0.17.1 - 2022-07-29
356
+ ### Changed
357
+ - JS Components: Converted AutomatticBylineLogo component to TypeScript
358
+ - JS Components: Converted DecorativeCard component to TypeScript
359
+ - JS Components: Converted icons to TypeScript
360
+ - JS Components: Convert Gridicon to TypeScript
361
+
362
+ ## 0.17.0 - 2022-07-26
363
+ ### Added
364
+ - Added missing color to ThemeProvider [#25147]
365
+
366
+ ### Changed
367
+ - Converted PricingCard component to TypeScript [#24906]
368
+ - Updated package dependencies. [#25158]
369
+
370
+ ## 0.16.8 - 2022-07-19
371
+ ### Changed
372
+ - Updated package dependencies. [#24710]
373
+
374
+ ### Fixed
375
+ - Gridicon: Change title to desc [#25081]
376
+
377
+ ## 0.16.7 - 2022-07-12
378
+ ### Changed
379
+ - JS Components: Converted ProductPrice component to TypeScript [#24931]
380
+ - Updated package dependencies. [#25048, #25055]
381
+
382
+ ## 0.16.6 - 2022-07-07
383
+ ### Removed
384
+ - JS Components: Removed unnecessary React imports in tests after using automatic runtime in jest config
385
+
386
+ ## 0.16.5 - 2022-07-06
387
+ ### Added
388
+ - Export Alert component [#24884]
389
+
390
+ ### Changed
391
+ - Updated package dependencies. [#24923]
392
+
393
+ ### Fixed
394
+ - AutomatticBylineLogo & JetpackLogo: Change title tag to desc [#24935]
395
+
396
+ ## 0.16.4 - 2022-06-29
397
+ ### Added
398
+ - Components: Introduce CUT component
399
+
400
+ ## 0.16.3 - 2022-06-28
401
+ ### Added
402
+ - Components: Add README docs for Layout related components [#24804]
403
+ - RecordMeterBar component: adds accessible content fallback table [#24748]
404
+
405
+ ### Changed
406
+ - JS Components: Fix multiline visual issue in Alert component [#24788]
407
+ - Record meter: format the numbers for each entry. [#24811]
408
+
409
+ ### Fixed
410
+ - Fix missing imports in `button` and `product-offer`. [#24792]
411
+
412
+ ## 0.16.2 - 2022-06-21
413
+ ### Changed
414
+ - Convert JetpackLogo component to TypeScript
415
+ - Convert JS Components SplitButton to TypeScript
416
+ - Updated package dependencies.
417
+
418
+ ## 0.16.1 - 2022-06-14
419
+ ### Changed
420
+ - Updated package dependencies. [#24722]
421
+
422
+ ## 0.16.0 - 2022-06-08
423
+ ### Added
424
+ - Add sortByCount prop to RecordMeterBar component [#24518]
425
+
426
+ ### Changed
427
+ - JS Component: move Product offer placeholder above button [#24510]
428
+ - Reorder JS imports for `import/order` eslint rule. [#24601]
429
+ - Updated package dependencies. [#24596, #24597, #24598]
430
+
431
+ ### Fixed
432
+ - Fixed lints in TS types for Text component [#24579]
433
+
434
+ ## 0.15.1 - 2022-05-31
435
+ ### Added
436
+ - Added an option to display a custom disclaimer below the product add button. [#24523]
437
+
438
+ ## 0.15.0 - 2022-05-30
439
+ ### Added
440
+ - added formatting prop to RecordMeterBar component legend
441
+ - JS Components: Add isCard prop to Dialog component
442
+ - JS Components: add isExternalLink button property
443
+
444
+ ### Changed
445
+ - Added TS check to build process
446
+ - Converted QRCode component to TypeScript
447
+ - JS Components: fix ProductOffer icons size
448
+ - JS Components: remove deprecated external-link variant
449
+ - Layout: Support start/end props in Cols and use sass based structure
450
+ - Social: Updated the icon to the final design
451
+ - Updated package dependencies
452
+
453
+ ### Removed
454
+ - JS Components: remove Dialog isCard property
455
+
456
+ ### Fixed
457
+ - Fix styles defined by the ThemeProvider in the storybook stories
458
+
459
+ ## 0.14.0 - 2022-05-24
460
+ ### Added
461
+ - Icons: Added the Jetpack Social product icon [#24449]
462
+
463
+ ## 0.13.0 - 2022-05-18
464
+ ### Added
465
+ - Components: Add useBreakpointMach hook [#24263]
466
+ - Gridicon: added info-outline gridicon to the available subset of icons [#24328]
467
+ - JS Components: tweak and improve Dialog component [#24280]
468
+ - Replace CSS @media by using useBreakpointsMatch() hook in Dialog component [#24375]
469
+
470
+ ### Changed
471
+ - Convert JS Components Button to TypeScript [#24267]
472
+ - JS Components: iterate over Dialog component [#24374]
473
+ - Moved SocialServiceIcon component from Jetpack Icons.js file to js-package/components. Updated it's ref in the Jetpack plugin directory [#23795]
474
+ - Protect: improve Dialog layout in medium viewport size [#24390]
475
+ - Updated package dependencies [#24361]
476
+
477
+ ## 0.12.0 - 2022-05-10
478
+ ### Changed
479
+ - Converted Text component to TypeScript [#24256]
480
+ - JS Components: re-write Alter component with TS [#24204]
481
+ - JS Components: typescriptify Dialog component [#24257]
482
+ - Updated package dependencies [#24276]
483
+
484
+ ### Fixed
485
+ - JS Components: fix Warning when defining AdminPage header prop [#24236]
486
+
487
+ ## 0.11.4 - 2022-05-04
488
+ ### Added
489
+ - Add missing JavaScript dependencies. [#24096]
490
+ - JS Components: add getProductCheckoutUrl helper function [#24113]
491
+ - JS Components: Add Protect Icon [#24139]
492
+ - JS Components: add `weight` prop to Button component [#24219]
493
+
494
+ ### Changed
495
+ - JS Components: Add className prop to Protect icon [#24142]
496
+ - JS Components: Introduce `header` prop to AdminPage component [#24232]
497
+ - Protect: update new version of icon [#24215]
498
+ - Remove use of `pnpx` in preparation for pnpm 7.0. [#24210]
499
+ - Updated package dependencies [#24198]
500
+
501
+ ### Fixed
502
+ - JS Components: fix weird spinner issue [#24206]
503
+
504
+ ## 0.11.3 - 2022-04-26
505
+ ### Added
506
+ - Added RecordMeterBar component with stories and unit tests
507
+ - Expose and use IconsCard component
508
+ - JS Components: add `icon` property to ProductOffer component
509
+ - JS Components: Introduce Alert component. Add error to ProductOffer components
510
+ - JS Components: Update Alter level colors via ThemeProvider
511
+
512
+ ### Changed
513
+ - JS Components: improve box-model composed by dialog and product-offer components
514
+ - Updated package dependencies
515
+ - Updated package dependencies.
516
+
517
+ ### Fixed
518
+ - Components: Avoid reset global text components when usin Text
519
+
520
+ ## 0.11.2 - 2022-04-19
521
+ ### Added
522
+ - Added Gridicon component
523
+ - Added TypeScript support
524
+ - Protect: add ProductOffer component
525
+
526
+ ### Changed
527
+ - Converted numberFormat to TypeScript
528
+ - JS Components: Add subTitle prop to ProductOffer component
529
+ - JS Components: Update loading state for Button
530
+ - RNA: Add buttonText property to the ProductOffer component
531
+
532
+ ## 0.11.1 - 2022-04-12
533
+ ### Added
534
+ - JS Components: Add Dialog component.
535
+ - JS Components: Add ProductDetailCard component.
536
+ - JS Components: Add ProductPrice component.
537
+
538
+ ### Changed
539
+ - Updated package dependencies.
540
+
541
+ ### Fixed
542
+ - Button: Fix export, external link target and padding.
543
+ - JS Components: fix className prop in Button component.
544
+ - RNA: fix ProductOffer button loading state issue.
545
+
546
+ ## 0.11.0 - 2022-04-05
547
+ ### Added
548
+ - Components: add Button component.
549
+ - JS Components: add spacing props to Text component.
550
+ - JS Components: add story doc to Text components.
551
+ - My Jetpack: improve Product and Interstitial components.
552
+
553
+ ### Changed
554
+ - Updated package dependencies.
555
+
556
+ ## 0.10.12 - 2022-03-29
557
+ ### Added
558
+ - Jetpack components: Add ThemeProvider stories for typographies and colors
559
+ - JS Components: add H2, H3 and Title components
560
+
561
+ ### Changed
562
+ - JS Components: Minor Product Icons story and doc improvements
563
+ - Moved in product icon components from My Jetpack
564
+ - Updated package dependencies.
565
+
566
+ ## 0.10.11 - 2022-03-23
567
+ ### Added
568
+ - Components: Add Text component
569
+ - Introduced SplitButton component
570
+
571
+ ### Changed
572
+ - Updated package dependencies
573
+
574
+ ## 0.10.10 - 2022-03-15
575
+ ### Added
576
+ - My Jetpack: Add new values to ThemeProvider
577
+
578
+ ### Changed
579
+ - Bump version
580
+ - Updated dependencies
581
+
582
+ ## 0.10.9 - 2022-03-09
583
+ ### Added
584
+ - RNA: Add ThemeProvider
585
+
586
+ ## 0.10.8 - 2022-03-08
587
+ ### Added
588
+ - Add optional link to the Module name in the JetpackFooter component
589
+ - Components: replace Spinner with the core one
590
+ - JS Components: Add QRPost component
591
+
592
+ ### Changed
593
+ - Components: update attributes used within the Button component to match recent deprecations and changes.
594
+
595
+ ## 0.10.7 - 2022-03-02
596
+ ### Changed
597
+ - Updated package dependencies.
598
+
599
+ ## 0.10.6 - 2022-02-22
600
+ ### Added
601
+ - Components: Add showBackground prop
602
+
603
+ ## 0.10.5 - 2022-02-09
604
+ ### Changed
605
+ - Updated package dependencies
606
+
607
+ ## 0.10.4 - 2022-02-02
608
+ ### Added
609
+ - Re-organize stories of js-packages components by project and package name
610
+
611
+ ### Changed
612
+ - RNA: Improve layout structure with Container and Col
613
+
614
+ ## 0.10.3 - 2022-01-25
615
+ ### Changed
616
+ - Do not style header elements from AdminSection component
617
+
618
+ ## 0.10.2 - 2022-01-18
619
+ ### Changed
620
+ - General: update required node version to v16.13.2
621
+
622
+ ### Fixed
623
+ - fixed babel/preset-react dependency
624
+
625
+ ## 0.10.1 - 2022-01-17
626
+
627
+ - Updated package dependencies.
628
+
629
+ ## 0.10.0 - 2022-01-11
630
+ ### Changed
631
+ - Move numberFormat component into components js package.
632
+ - Updated package dependencies.
633
+
634
+ ### Removed
635
+ - Remove use of deprecated `~` in sass-loader imports.
636
+
637
+ ## 0.9.1 - 2022-01-04
638
+ ### Changed
639
+ - Updated package dependencies
640
+
641
+ ### Fixed
642
+ - Fix styling conflict that occurs for ActionButton when Gutenberg plugin is used
643
+
644
+ ## 0.9.0 - 2021-12-14
645
+ ### Added
646
+ - Created Layout components.
647
+
648
+ ## 0.8.0 - 2021-12-07
649
+ ### Added
650
+ - Added JetpackAdminPage and JetpackAdminSection components
651
+
652
+ ### Changed
653
+ - Updated package dependencies.
654
+
655
+ ## 0.7.0 - 2021-11-30
656
+ ### Changed
657
+ - Add a new DecorativeCard component to the components package.
658
+ - Colors: update Jetpack Primary color to match latest brand book.
659
+
660
+ ## 0.6.3 - 2021-11-23
661
+ ### Changed
662
+ - Import RNA styles from base styles package.
663
+ - Updated package dependencies
664
+
665
+ ### Fixed
666
+ - Action button supports larger labels
667
+
668
+ ## 0.6.2 - 2021-11-17
669
+ ### Fixed
670
+ - Pricing Card: Fix case where price before and after match.
671
+
672
+ ## 0.6.1 - 2021-11-16
673
+ ### Changed
674
+ - Updated package dependencies
675
+
676
+ ## 0.6.0 - 2021-11-09
677
+ ### Added
678
+ - Add Spinner in RNA components.
679
+
680
+ ## 0.5.0 - 2021-11-02
681
+ ### Added
682
+ - Added docs and tests
683
+
684
+ ### Changed
685
+ - Update PricingCard to accept children.
686
+
687
+ ## 0.4.0 - 2021-10-26
688
+ ### Added
689
+ - Add PricingCard in RNA components.
690
+ - New ActionButton component added
691
+
692
+ ### Changed
693
+ - Updated package dependencies
694
+
695
+ ### Removed
696
+ - Removing knobs from Storybook and using propTypes in components instead
697
+
698
+ ## 0.3.2 - 2021-10-13
699
+ ### Changed
700
+ - Updated package dependencies.
701
+
702
+ ## 0.3.1 - 2021-09-28
703
+ ### Added
704
+ - Set 'exports' in package.json.
705
+
706
+ ### Changed
707
+ - Allow Node ^14.17.6 to be used in this project. This shouldn't change the behavior of the code itself.
708
+ - Updated package dependencies.
709
+
710
+ ### Fixed
711
+ - Footer: provide number instead of string for JetpackLogo's height prop.
712
+
713
+ ## 0.3.0 - 2021-08-31
714
+ ### Added
715
+ - Added stories files for storybook
716
+ - Add the Spinner component.
717
+
718
+ ### Changed
719
+ - Use Node 16.7.0 in tooling.
720
+
721
+ ### Fixed
722
+ - Added accessibility label and fixed footer style per design.
723
+
724
+ ## 0.2.1 - 2021-08-12
725
+ ### Changed
726
+ - Updated package dependencies
727
+
728
+ ### Fixed
729
+ - JetpackFooter: add default a8cLogoHref prop value
730
+
731
+ ## 0.2.0 - 2021-07-27
732
+ ### Added
733
+ - Added Jetpack Footer and `An Automattic Airline` SVG components.
734
+ - Init version 0.0.2.
735
+ - Moving the getRedirectUrl() function from Jetpack to the RNA Components package.
736
+
737
+ ### Changed
738
+ - RNA: Changed Jetpack symbol in footer from font to SVG.
739
+
740
+ ## 0.1.0 - 2021-06-29
741
+ ### Added
742
+ - Add JetpackLogo component.
743
+
744
+ ### Changed
745
+ - Update node version requirement to 14.16.1
746
+
747
+ [0.39.0]: https://github.com/Automattic/jetpack-components/compare/0.38.1...0.39.0