@automattic/jetpack-components 2.3.0 → 3.0.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 (91) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/build/components/admin-page/style.module.scss +3 -3
  3. package/build/index.d.ts +0 -12
  4. package/build/index.js +0 -12
  5. package/components/admin-page/style.module.scss +3 -3
  6. package/index.ts +0 -12
  7. package/package.json +16 -16
  8. package/build/components/alert/index.d.ts +0 -23
  9. package/build/components/alert/index.js +0 -33
  10. package/build/components/alert/style.module.scss +0 -47
  11. package/build/components/chip/index.d.ts +0 -17
  12. package/build/components/chip/index.js +0 -18
  13. package/build/components/chip/style.module.scss +0 -14
  14. package/build/components/contextual-upgrade-trigger/index.d.ts +0 -19
  15. package/build/components/contextual-upgrade-trigger/index.js +0 -27
  16. package/build/components/contextual-upgrade-trigger/style.module.scss +0 -77
  17. package/build/components/contextual-upgrade-trigger/types.d.ts +0 -9
  18. package/build/components/contextual-upgrade-trigger/types.js +0 -1
  19. package/build/components/dialog/index.d.ts +0 -20
  20. package/build/components/dialog/index.js +0 -32
  21. package/build/components/dialog/style.module.scss +0 -31
  22. package/build/components/jetpack-protect-logo/index.d.ts +0 -4
  23. package/build/components/jetpack-protect-logo/index.js +0 -10
  24. package/build/components/jetpack-protect-logo/types.d.ts +0 -7
  25. package/build/components/jetpack-protect-logo/types.js +0 -1
  26. package/build/components/jetpack-search-logo/index.d.ts +0 -4
  27. package/build/components/jetpack-search-logo/index.js +0 -7
  28. package/build/components/jetpack-search-logo/types.d.ts +0 -7
  29. package/build/components/jetpack-search-logo/types.js +0 -1
  30. package/build/components/jetpack-videopress-logo/index.d.ts +0 -4
  31. package/build/components/jetpack-videopress-logo/index.js +0 -8
  32. package/build/components/jetpack-videopress-logo/types.d.ts +0 -6
  33. package/build/components/jetpack-videopress-logo/types.js +0 -1
  34. package/build/components/product-offer/icons-card.d.ts +0 -10
  35. package/build/components/product-offer/icons-card.js +0 -23
  36. package/build/components/product-offer/index.d.ts +0 -11
  37. package/build/components/product-offer/index.js +0 -31
  38. package/build/components/product-offer/product-offer-header.d.ts +0 -9
  39. package/build/components/product-offer/product-offer-header.js +0 -14
  40. package/build/components/product-offer/style.module.scss +0 -93
  41. package/build/components/product-offer/types.d.ts +0 -102
  42. package/build/components/product-offer/types.js +0 -1
  43. package/build/components/radio-control/index.d.ts +0 -24
  44. package/build/components/radio-control/index.js +0 -7
  45. package/build/components/split-button/index.d.ts +0 -4
  46. package/build/components/split-button/index.js +0 -14
  47. package/build/components/split-button/style.module.scss +0 -26
  48. package/build/components/split-button/types.d.ts +0 -5
  49. package/build/components/split-button/types.js +0 -1
  50. package/build/components/status/index.d.ts +0 -19
  51. package/build/components/status/index.js +0 -29
  52. package/build/components/status/style.module.scss +0 -82
  53. package/build/components/toggle-control/index.d.ts +0 -23
  54. package/build/components/toggle-control/index.js +0 -21
  55. package/build/components/toggle-control/styles.module.scss +0 -24
  56. package/components/alert/index.tsx +0 -60
  57. package/components/alert/style.module.scss +0 -47
  58. package/components/chip/README.md +0 -21
  59. package/components/chip/index.tsx +0 -25
  60. package/components/chip/style.module.scss +0 -14
  61. package/components/contextual-upgrade-trigger/README.md +0 -81
  62. package/components/contextual-upgrade-trigger/index.tsx +0 -59
  63. package/components/contextual-upgrade-trigger/style.module.scss +0 -77
  64. package/components/contextual-upgrade-trigger/types.ts +0 -9
  65. package/components/dialog/index.tsx +0 -70
  66. package/components/dialog/style.module.scss +0 -31
  67. package/components/jetpack-protect-logo/README.md +0 -20
  68. package/components/jetpack-protect-logo/index.tsx +0 -60
  69. package/components/jetpack-protect-logo/types.ts +0 -7
  70. package/components/jetpack-search-logo/README.md +0 -20
  71. package/components/jetpack-search-logo/index.tsx +0 -93
  72. package/components/jetpack-search-logo/types.ts +0 -7
  73. package/components/jetpack-videopress-logo/README.md +0 -19
  74. package/components/jetpack-videopress-logo/index.tsx +0 -95
  75. package/components/jetpack-videopress-logo/types.tsx +0 -6
  76. package/components/product-offer/icons-card.tsx +0 -48
  77. package/components/product-offer/index.tsx +0 -115
  78. package/components/product-offer/product-offer-header.tsx +0 -23
  79. package/components/product-offer/style.module.scss +0 -93
  80. package/components/product-offer/types.ts +0 -126
  81. package/components/radio-control/README.md +0 -5
  82. package/components/radio-control/index.tsx +0 -55
  83. package/components/split-button/index.tsx +0 -48
  84. package/components/split-button/style.module.scss +0 -26
  85. package/components/split-button/types.ts +0 -12
  86. package/components/status/README.md +0 -42
  87. package/components/status/index.tsx +0 -52
  88. package/components/status/style.module.scss +0 -82
  89. package/components/toggle-control/README.md +0 -5
  90. package/components/toggle-control/index.tsx +0 -80
  91. package/components/toggle-control/styles.module.scss +0 -24
@@ -1,31 +0,0 @@
1
- .one-section-style {
2
- --product-card-shadow: rgb(0 0 0 / 3%);
3
- background-color: var(--jp-white);
4
- border: 1px solid var(--jp-gray);
5
- border-radius: var(--jp-border-radius);
6
- box-shadow: 0 2px 6px var(--product-card-shadow), 0 1px 2px var(--product-card-shadow);
7
- }
8
-
9
- .primary,
10
- .secondary {
11
- display: flex;
12
- }
13
-
14
- // Fit images in secondary section.
15
- .secondary {
16
- align-items: center;
17
-
18
- img {
19
- // let's fit images
20
- object-fit: cover;
21
- width: 100%;
22
- }
23
- }
24
-
25
- // Viewport breakpoints.
26
- .is-viewport-small {
27
- // Add spacing between primary and secondary in "sm" viewport size
28
- .primary {
29
- margin-bottom: calc(var(--spacing-base) * 3);
30
- }
31
- }
@@ -1,4 +0,0 @@
1
- import { JetpackProtectLogoProps } from './types.ts';
2
- import type { FC } from 'react';
3
- declare const JetpackProtectLogo: FC<JetpackProtectLogoProps>;
4
- export default JetpackProtectLogo;
@@ -1,10 +0,0 @@
1
- import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { __ } from '@wordpress/i18n';
3
- import clsx from 'clsx';
4
- const JetpackProtectLogo = ({ logoColor = '#069e08', showText = true, className, height = 42, ...otherProps }) => {
5
- const viewBox = showText ? '0 0 245 41' : '0 0 41 41';
6
- return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", x: "0px", y: "0px", viewBox: viewBox, className: clsx('jetpack-logo', className), "aria-labelledby": "jetpack-logo-title", height: height, ...otherProps,
7
- // role="img" is required to prevent VoiceOver on Safari reading the content of the SVG
8
- role: "img", children: [_jsx("title", { id: "jetpack-logo-title", children: __('Jetpack Protect Logo', 'jetpack-components') }), _jsx("path", { d: "M20.1063 40.2111C31.2106 40.2111 40.2126 31.2091 40.2126 20.1048C40.2126 9.00048 31.2106 0 20.1063 0C9.00197 0 0 9.00197 0 20.1063C0 31.2106 9.00197 40.2111 20.1063 40.2111Z", fill: logoColor }), _jsx("path", { d: "M21.104 16.7295V36.2209L31.1571 16.7295H21.104Z", fill: "white" }), _jsx("path", { d: "M19.0701 23.4444V3.99023L9.05566 23.4444H19.0701Z", fill: "white" }), showText && (_jsxs(_Fragment, { children: [_jsx("path", { d: "M159.347 27.3605H156.978V7.9082H162.371C163.176 7.9082 163.917 7.95666 164.596 8.05359C165.284 8.15051 165.914 8.30074 166.486 8.50428C167.649 8.92104 168.531 9.54619 169.132 10.3797C169.733 11.2036 170.033 12.2213 170.033 13.4328C170.033 14.4214 169.834 15.2937 169.437 16.0497C169.049 16.796 168.482 17.4211 167.736 17.9251C166.99 18.4291 166.079 18.812 165.003 19.0737C163.937 19.3257 162.725 19.4517 161.368 19.4517C160.719 19.4517 160.045 19.4226 159.347 19.3644V27.3605ZM159.347 17.1982C159.667 17.237 160.002 17.2661 160.35 17.2854C160.699 17.3048 161.029 17.3145 161.339 17.3145C162.454 17.3145 163.403 17.2273 164.189 17.0528C164.974 16.8784 165.613 16.6264 166.108 16.2968C166.602 15.9576 166.961 15.5505 167.183 15.0756C167.406 14.591 167.518 14.0434 167.518 13.4328C167.518 12.6768 167.334 12.0565 166.965 11.5719C166.607 11.0873 166.093 10.719 165.424 10.467C165.008 10.3119 164.528 10.2053 163.985 10.1471C163.442 10.0793 162.812 10.0453 162.095 10.0453H159.347V17.1982Z" }), _jsx("path", { d: "M181.093 15.3809H180.919C180.386 15.3809 179.862 15.4294 179.349 15.5263C178.835 15.6232 178.35 15.7735 177.895 15.977C177.449 16.1708 177.042 16.4131 176.674 16.7039C176.315 16.9947 176.014 17.3388 175.772 17.7361V27.3605H173.519V13.5491H175.263L175.699 15.7444H175.743C175.966 15.3858 176.237 15.0514 176.557 14.7412C176.887 14.4311 177.255 14.1597 177.662 13.9271C178.069 13.6945 178.515 13.5152 179 13.3892C179.484 13.2535 179.993 13.1856 180.526 13.1856C180.623 13.1856 180.72 13.1905 180.817 13.2002C180.924 13.2002 181.016 13.205 181.093 13.2147V15.3809Z" }), _jsx("path", { d: "M193.302 20.4694C193.302 19.6164 193.195 18.8604 192.982 18.2014C192.779 17.5326 192.488 16.9705 192.11 16.5149C191.741 16.0497 191.3 15.7008 190.787 15.4682C190.273 15.2258 189.711 15.1047 189.1 15.1047C188.49 15.1047 187.928 15.2258 187.414 15.4682C186.9 15.7008 186.454 16.0497 186.076 16.5149C185.708 16.9705 185.417 17.5326 185.204 18.2014C185.001 18.8604 184.899 19.6164 184.899 20.4694C184.899 21.3126 185.001 22.0686 185.204 22.7373C185.417 23.3964 185.713 23.9537 186.091 24.4092C186.469 24.8648 186.915 25.2137 187.428 25.456C187.942 25.6886 188.504 25.8049 189.115 25.8049C189.725 25.8049 190.283 25.6886 190.787 25.456C191.3 25.2137 191.741 24.8648 192.11 24.4092C192.488 23.9537 192.779 23.3964 192.982 22.7373C193.195 22.0686 193.302 21.3126 193.302 20.4694ZM195.657 20.4694C195.657 21.5549 195.502 22.5435 195.192 23.4352C194.882 24.3269 194.441 25.0926 193.869 25.7322C193.307 26.3622 192.623 26.8517 191.819 27.2006C191.015 27.5495 190.113 27.724 189.115 27.724C188.088 27.724 187.167 27.5495 186.353 27.2006C185.548 26.8517 184.86 26.3622 184.288 25.7322C183.726 25.0926 183.295 24.3269 182.994 23.4352C182.694 22.5435 182.544 21.5549 182.544 20.4694C182.544 19.3741 182.699 18.3807 183.009 17.489C183.319 16.5973 183.755 15.8316 184.317 15.1919C184.889 14.5522 185.577 14.0579 186.382 13.709C187.196 13.3601 188.102 13.1856 189.1 13.1856C190.118 13.1856 191.034 13.3601 191.848 13.709C192.662 14.0579 193.35 14.5522 193.913 15.1919C194.475 15.8316 194.906 16.5973 195.206 17.489C195.507 18.3807 195.657 19.3741 195.657 20.4694Z" }), _jsx("path", { d: "M206.354 27.3896C206.16 27.4672 205.864 27.5398 205.467 27.6077C205.07 27.6755 204.595 27.7143 204.042 27.724C203.315 27.724 202.685 27.6319 202.152 27.4478C201.619 27.2733 201.173 27.0213 200.815 26.6918C200.466 26.3525 200.204 25.9455 200.03 25.4705C199.855 24.9956 199.768 24.4674 199.768 23.8859V15.4827H197.107V13.5491H199.768V9.76911H202.021V13.5491H206.15V15.4827H202.021V23.5369C202.021 23.8568 202.065 24.1524 202.152 24.4238C202.249 24.6952 202.395 24.9326 202.588 25.1362C202.792 25.33 203.049 25.4851 203.359 25.6014C203.669 25.708 204.042 25.7613 204.478 25.7613C204.779 25.7613 205.094 25.7371 205.423 25.6886C205.763 25.6402 206.073 25.5772 206.354 25.4996V27.3896Z" }), _jsx("path", { d: "M214.681 15.1192C214.167 15.1192 213.687 15.221 213.242 15.4245C212.805 15.6281 212.423 15.9043 212.093 16.2532C211.764 16.6021 211.497 17.0141 211.293 17.489C211.09 17.9542 210.964 18.4534 210.915 18.9864H217.894C217.894 18.4437 217.821 17.9397 217.676 17.4744C217.54 16.9995 217.337 16.5876 217.065 16.2387C216.794 15.8898 216.459 15.6184 216.062 15.4245C215.665 15.221 215.204 15.1192 214.681 15.1192ZM215.917 25.7613C216.663 25.7613 217.341 25.7032 217.952 25.5869C218.572 25.4609 219.188 25.2864 219.798 25.0635V26.9389C219.304 27.1812 218.693 27.3702 217.967 27.5059C217.24 27.6513 216.459 27.724 215.626 27.724C214.637 27.724 213.707 27.598 212.835 27.346C211.972 27.094 211.216 26.6869 210.567 26.1248C209.917 25.5626 209.403 24.8309 209.025 23.9295C208.657 23.0184 208.473 21.9232 208.473 20.6438C208.473 19.3838 208.647 18.2934 208.996 17.3727C209.345 16.4422 209.811 15.6668 210.392 15.0465C210.974 14.4262 211.642 13.961 212.398 13.6509C213.154 13.3407 213.944 13.1856 214.768 13.1856C215.544 13.1856 216.266 13.3165 216.934 13.5782C217.613 13.8302 218.199 14.2324 218.693 14.7849C219.188 15.3373 219.575 16.0497 219.857 16.922C220.147 17.7943 220.293 18.8411 220.293 20.0623C220.293 20.1786 220.293 20.2804 220.293 20.3676C220.293 20.4451 220.288 20.6293 220.278 20.92H210.799C210.799 21.802 210.93 22.5532 211.192 23.1735C211.463 23.7841 211.827 24.2832 212.282 24.6709C212.747 25.0489 213.29 25.3252 213.91 25.4996C214.531 25.6741 215.199 25.7613 215.917 25.7613Z" }), _jsx("path", { d: "M229.885 13.1856C230.553 13.1856 231.193 13.2583 231.804 13.4037C232.414 13.5394 232.938 13.7332 233.374 13.9852V15.8607C232.763 15.6281 232.201 15.4536 231.687 15.3373C231.174 15.221 230.65 15.1628 230.117 15.1628C229.555 15.1628 228.998 15.2549 228.445 15.4391C227.893 15.6232 227.398 15.9285 226.962 16.355C226.526 16.7718 226.172 17.3291 225.901 18.0269C225.639 18.7151 225.508 19.5728 225.508 20.6002C225.508 21.3465 225.605 22.0346 225.799 22.6646C226.003 23.2946 226.298 23.8423 226.686 24.3075C227.083 24.763 227.578 25.1216 228.169 25.3833C228.76 25.6353 229.444 25.7613 230.219 25.7613C230.781 25.7613 231.348 25.7032 231.92 25.5869C232.492 25.4609 233.049 25.2864 233.592 25.0635V26.9389C233.427 27.0358 233.209 27.1328 232.938 27.2297C232.676 27.3266 232.385 27.409 232.065 27.4768C231.745 27.5544 231.406 27.6125 231.048 27.6513C230.689 27.6998 230.33 27.724 229.972 27.724C229.041 27.724 228.159 27.5835 227.326 27.3024C226.502 27.0213 225.78 26.59 225.16 26.0085C224.539 25.4269 224.05 24.6903 223.691 23.7986C223.333 22.907 223.153 21.8505 223.153 20.6293C223.153 19.7182 223.245 18.8992 223.429 18.1723C223.623 17.4454 223.885 16.8057 224.215 16.2532C224.544 15.7008 224.927 15.2307 225.363 14.843C225.809 14.4553 226.279 14.1403 226.773 13.898C227.277 13.646 227.796 13.4667 228.329 13.3601C228.862 13.2438 229.381 13.1856 229.885 13.1856Z" }), _jsx("path", { d: "M244.143 27.3896C243.949 27.4672 243.654 27.5398 243.256 27.6077C242.859 27.6755 242.384 27.7143 241.832 27.724C241.105 27.724 240.475 27.6319 239.942 27.4478C239.409 27.2733 238.963 27.0213 238.604 26.6918C238.255 26.3525 237.993 25.9455 237.819 25.4705C237.645 24.9956 237.557 24.4674 237.557 23.8859V15.4827H234.897V13.5491H237.557V9.76911H239.811V13.5491H243.94V15.4827H239.811V23.5369C239.811 23.8568 239.854 24.1524 239.942 24.4238C240.039 24.6952 240.184 24.9326 240.378 25.1362C240.581 25.33 240.838 25.4851 241.148 25.6014C241.458 25.708 241.832 25.7613 242.268 25.7613C242.568 25.7613 242.883 25.7371 243.213 25.6886C243.552 25.6402 243.862 25.5772 244.143 25.4996V27.3896Z" }), _jsx("path", { d: "M51.9141 33.3819C51.3379 32.499 50.8019 31.6176 50.2644 30.7733C53.1038 29.0462 54.0626 27.666 54.0626 25.0559V9.97619H50.7245V7.09961H57.8236V24.2891C57.8236 28.6635 56.558 31.1188 51.9141 33.3819Z" }), _jsx("path", { d: "M81.6522 23.0994C81.6522 24.557 82.6885 24.7104 83.3793 24.7104C84.0702 24.7104 85.0677 24.4796 85.8345 24.2503V26.9363C84.7595 27.2817 83.6473 27.5497 82.1122 27.5497C80.2705 27.5497 78.122 26.8589 78.122 23.6354V15.7307H76.1655V13.006H78.122V8.97852H81.6522V13.0075H86.1025V15.7322H81.6522V23.0994Z" }), _jsx("path", { d: "M89.0193 34.7251V12.9691H92.3961V14.2734C93.7391 13.2371 95.2355 12.585 97.0773 12.585C100.262 12.585 102.795 14.8109 102.795 19.6067C102.795 24.3652 100.033 27.5113 95.4663 27.5113C94.3541 27.5113 93.4711 27.358 92.5495 27.1659V34.6864H89.0193V34.7251ZM96.1557 15.5017C95.1194 15.5017 93.8151 16.0005 92.5867 17.0755V24.4814C93.3535 24.6347 94.1605 24.7494 95.234 24.7494C97.7279 24.7494 99.1484 23.1756 99.1484 19.8762C99.1484 16.8447 98.1121 15.5017 96.1557 15.5017Z" }), _jsx("path", { d: "M116.683 27.2051H113.384V25.6313H113.306C112.155 26.5142 110.735 27.4731 108.625 27.4731C106.783 27.4731 104.788 26.1301 104.788 23.4054C104.788 19.7605 107.896 19.0696 110.083 18.7629L113.19 18.3416V17.9202C113.19 16.001 112.423 15.3876 110.619 15.3876C109.736 15.3876 107.665 15.6556 105.976 16.3464L105.67 13.5071C107.205 12.9696 109.315 12.5869 111.08 12.5869C114.533 12.5869 116.759 13.9686 116.759 18.0736V27.2051H116.683ZM113.153 20.5675L110.236 21.0276C109.353 21.1422 108.433 21.6797 108.433 22.984C108.433 24.1349 109.085 24.7871 110.044 24.7871C111.08 24.7871 112.193 24.1736 113.152 23.4828V20.5675H113.153Z" }), _jsx("path", { d: "M131.264 26.745C129.806 27.2438 128.502 27.5505 126.851 27.5505C121.556 27.5505 119.445 24.5191 119.445 20.1074C119.445 15.465 122.362 12.5869 127.08 12.5869C128.845 12.5869 129.92 12.8936 131.109 13.2778V16.2705C130.073 15.8863 128.577 15.465 127.119 15.465C124.97 15.465 123.129 16.6159 123.129 19.9153C123.129 23.5602 124.97 24.6739 127.311 24.6739C128.423 24.6739 129.652 24.4431 131.301 23.791V26.745H131.264Z" }), _jsx("path", { d: "M137.941 19.1093C138.247 18.7639 138.478 18.4185 142.928 13.0077H147.532L141.776 19.7615L148.068 27.2432H143.464L137.978 20.4895V27.2432H134.449V7.09973H137.979V19.1093H137.941Z" }), _jsx("path", { d: "M73.5167 26.7445C71.6749 27.3207 70.1011 27.55 68.2593 27.55C63.7316 27.55 60.9309 25.2869 60.9309 19.9908C60.9309 16.1152 63.3102 12.585 67.8752 12.585C72.403 12.585 73.9768 15.731 73.9768 18.7238C73.9768 19.7213 73.8993 20.2588 73.8621 20.8335H64.7306C64.808 23.9409 66.5724 24.6705 69.2197 24.6705C70.6773 24.6705 71.9816 24.325 73.4795 23.7875V26.7416H73.5167V26.7445ZM70.2947 18.4945C70.2947 16.7673 69.7185 15.271 67.8395 15.271C66.0751 15.271 65.0001 16.5365 64.7693 18.4945H70.2947Z" })] }))] }));
9
- };
10
- export default JetpackProtectLogo;
@@ -1,7 +0,0 @@
1
- export type JetpackProtectLogoProps = {
2
- className?: string;
3
- width?: number;
4
- height?: number;
5
- showText?: boolean;
6
- logoColor?: string;
7
- };
@@ -1 +0,0 @@
1
- export {};
@@ -1,4 +0,0 @@
1
- import { JetpackSearchLogoProps } from './types.ts';
2
- import type { FC } from 'react';
3
- declare const JetpackSearchLogo: FC<JetpackSearchLogoProps>;
4
- export default JetpackSearchLogo;
@@ -1,7 +0,0 @@
1
- import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { __ } from '@wordpress/i18n';
3
- import clsx from 'clsx';
4
- const JetpackSearchLogo = ({ logoColor = '#069e08', showText = true, className, height = 42, width = 330, ...otherProps }) => {
5
- return (_jsxs("svg", { width: width, height: height, xmlns: "http://www.w3.org/2000/svg", x: "0px", y: "0px", viewBox: "0 0 330 42", className: clsx('jetpack-logo', className), "aria-labelledby": "jetpack-logo-title", ...otherProps, children: [_jsx("desc", { id: "jetpack-logo-title", children: __('Jetpack Search Logo', 'jetpack-components') }), showText && (_jsxs(_Fragment, { children: [_jsx("path", { d: "M165.947 13.2919C165.947 13.9029 166.071 14.4103 166.319 14.8142C166.568 15.2078 166.899 15.534 167.314 15.7929C167.738 16.0518 168.225 16.2641 168.774 16.4298C169.333 16.5955 169.913 16.7508 170.514 16.8958C171.322 17.0926 172.114 17.3101 172.89 17.5483C173.678 17.7865 174.377 18.1179 174.988 18.5425C175.599 18.9567 176.091 19.5004 176.463 20.1736C176.847 20.8467 177.038 21.7115 177.038 22.7678C177.038 23.8449 176.836 24.7769 176.432 25.564C176.039 26.3407 175.485 26.9828 174.77 27.4902C174.066 27.9873 173.222 28.355 172.238 28.5932C171.254 28.8417 170.177 28.966 169.007 28.966C168.468 28.966 167.914 28.9298 167.345 28.8573C166.785 28.7951 166.247 28.7071 165.729 28.5932C165.222 28.4793 164.761 28.3498 164.347 28.2048C163.932 28.0598 163.606 27.9148 163.368 27.7699V25.4552C163.741 25.6417 164.16 25.8125 164.626 25.9679C165.092 26.1232 165.574 26.2579 166.071 26.3718C166.568 26.4753 167.07 26.5582 167.578 26.6203C168.085 26.6825 168.562 26.7135 169.007 26.7135C169.732 26.7135 170.421 26.6514 171.073 26.5271C171.736 26.4028 172.316 26.1957 172.813 25.9057C173.31 25.6158 173.703 25.2222 173.993 24.7251C174.283 24.2177 174.428 23.5859 174.428 22.8299C174.428 22.2086 174.299 21.6959 174.04 21.292C173.791 20.8881 173.455 20.5567 173.03 20.2978C172.606 20.0286 172.114 19.8111 171.555 19.6454C171.006 19.4797 170.426 19.3244 169.815 19.1794C169.007 18.993 168.215 18.7858 167.438 18.558C166.672 18.3198 165.983 17.9936 165.372 17.5793C164.771 17.1651 164.284 16.6317 163.912 15.9793C163.549 15.3269 163.368 14.4932 163.368 13.4783C163.368 12.4219 163.554 11.5158 163.927 10.7598C164.3 9.9934 164.807 9.36167 165.45 8.86457C166.092 8.36747 166.842 7.99983 167.702 7.76163C168.562 7.52344 169.478 7.40434 170.452 7.40434C171.56 7.40434 172.59 7.51308 173.543 7.73056C174.506 7.93769 175.386 8.21213 176.184 8.55388V10.8996C175.324 10.5371 174.434 10.2419 173.512 10.0141C172.6 9.78627 171.622 9.66718 170.576 9.65682C169.789 9.65682 169.105 9.74485 168.525 9.92091C167.945 10.0866 167.464 10.33 167.081 10.651C166.697 10.9617 166.413 11.3449 166.226 11.8006C166.04 12.2459 165.947 12.743 165.947 13.2919Z", fill: "black" }), _jsx("path", { d: "M186.565 15.4977C186.016 15.4977 185.504 15.6065 185.027 15.824C184.561 16.0414 184.152 16.3366 183.8 16.7094C183.448 17.0822 183.163 17.5224 182.946 18.0298C182.728 18.5269 182.593 19.0603 182.542 19.6299H189.998C189.998 19.0499 189.92 18.5114 189.765 18.0143C189.62 17.5068 189.403 17.0667 189.113 16.6939C188.823 16.3211 188.465 16.0311 188.041 15.824C187.616 15.6065 187.124 15.4977 186.565 15.4977ZM187.885 26.8689C188.683 26.8689 189.408 26.8067 190.06 26.6825C190.723 26.5478 191.381 26.3614 192.033 26.1232V28.1271C191.505 28.3861 190.853 28.588 190.076 28.733C189.299 28.8883 188.465 28.966 187.575 28.966C186.518 28.966 185.524 28.8314 184.592 28.5621C183.67 28.2928 182.863 27.8579 182.169 27.2572C181.475 26.6566 180.926 25.8747 180.522 24.9115C180.129 23.9381 179.932 22.7678 179.932 21.4008C179.932 20.0545 180.118 18.8894 180.491 17.9056C180.864 16.9114 181.361 16.0829 181.982 15.4201C182.604 14.7573 183.318 14.2602 184.126 13.9288C184.934 13.5974 185.778 13.4317 186.658 13.4317C187.487 13.4317 188.258 13.5715 188.973 13.8511C189.698 14.1204 190.324 14.5501 190.853 15.1404C191.381 15.7307 191.795 16.4919 192.095 17.424C192.406 18.3561 192.561 19.4745 192.561 20.7794C192.561 20.9037 192.561 21.0124 192.561 21.1056C192.561 21.1885 192.556 21.3852 192.546 21.6959H182.417C182.417 22.6384 182.557 23.441 182.837 24.1038C183.127 24.7562 183.515 25.2895 184.002 25.7038C184.499 26.1077 185.079 26.4028 185.742 26.5893C186.405 26.7757 187.119 26.8689 187.885 26.8689Z", fill: "black" }), _jsx("path", { d: "M204.791 26.9465H204.729C204.532 27.1951 204.284 27.4436 203.983 27.6922C203.683 27.9304 203.336 28.1479 202.943 28.3446C202.549 28.531 202.119 28.6812 201.653 28.7951C201.187 28.909 200.69 28.966 200.162 28.966C199.447 28.966 198.79 28.8573 198.189 28.6398C197.599 28.4327 197.086 28.1271 196.651 27.7233C196.227 27.309 195.895 26.8067 195.657 26.2164C195.419 25.6261 195.3 24.9581 195.3 24.2125C195.3 23.4772 195.429 22.8196 195.688 22.2396C195.957 21.6597 196.33 21.1678 196.807 20.7639C197.283 20.36 197.852 20.0493 198.515 19.8318C199.188 19.6143 199.929 19.5056 200.737 19.5056C201.503 19.5159 202.212 19.5833 202.865 19.7075C203.517 19.8318 204.097 19.9872 204.605 20.1736H204.667V19.1483C204.667 18.7444 204.641 18.3871 204.589 18.0764C204.537 17.7657 204.449 17.4913 204.325 17.2531C204.056 16.756 203.626 16.3469 203.036 16.0259C202.445 15.6945 201.648 15.5288 200.643 15.5288C199.898 15.5288 199.194 15.6013 198.531 15.7463C197.878 15.8809 197.226 16.0725 196.573 16.3211V14.3016C196.822 14.1773 197.112 14.0634 197.443 13.9598C197.785 13.8459 198.142 13.7527 198.515 13.6802C198.888 13.5974 199.282 13.5352 199.696 13.4938C200.11 13.4524 200.524 13.4317 200.939 13.4317C202.43 13.4317 203.647 13.6957 204.589 14.2239C205.542 14.7521 206.225 15.4511 206.64 16.3211C206.795 16.6525 206.904 17.0201 206.966 17.424C207.038 17.8175 207.075 18.2525 207.075 18.7289V28.5776H205.055L204.791 26.9465ZM204.667 22.0998C204.222 21.9756 203.693 21.8565 203.082 21.7425C202.471 21.6286 201.798 21.5665 201.063 21.5561C200.038 21.5561 199.235 21.7736 198.655 22.2086C198.075 22.6435 197.785 23.3115 197.785 24.2125C197.785 24.6682 197.858 25.0669 198.003 25.4086C198.148 25.7504 198.344 26.0352 198.593 26.263C198.852 26.4805 199.152 26.6462 199.494 26.7601C199.846 26.8637 200.219 26.9155 200.612 26.9155C201.13 26.9155 201.612 26.843 202.057 26.698C202.502 26.5426 202.896 26.3614 203.238 26.1543C203.59 25.9472 203.885 25.74 204.123 25.5329C204.372 25.3258 204.553 25.1653 204.667 25.0514V22.0998Z", fill: "black" }), _jsx("path", { d: "M219.367 15.7774H219.18C218.611 15.7774 218.051 15.8291 217.503 15.9327C216.954 16.0363 216.436 16.1968 215.949 16.4143C215.473 16.6214 215.038 16.8803 214.644 17.191C214.261 17.5017 213.94 17.8693 213.681 18.2939V28.5776H211.273V13.82H213.137L213.603 16.1657H213.65C213.888 15.7825 214.178 15.4252 214.52 15.0938C214.872 14.7624 215.266 14.4725 215.701 14.2239C216.136 13.9754 216.612 13.7838 217.13 13.6491C217.648 13.5042 218.191 13.4317 218.761 13.4317C218.864 13.4317 218.968 13.4368 219.072 13.4472C219.185 13.4472 219.284 13.4524 219.367 13.4627V15.7774Z", fill: "black" }), _jsx("path", { d: "M227.791 13.4317C228.505 13.4317 229.189 13.5093 229.841 13.6647C230.494 13.8097 231.053 14.0168 231.519 14.2861V16.29C230.866 16.0414 230.266 15.855 229.717 15.7307C229.168 15.6065 228.609 15.5443 228.039 15.5443C227.439 15.5443 226.843 15.6427 226.253 15.8395C225.662 16.0363 225.134 16.3625 224.668 16.8182C224.202 17.2635 223.824 17.859 223.534 18.6046C223.255 19.3399 223.115 20.2564 223.115 21.3542C223.115 22.1516 223.218 22.8869 223.426 23.5601C223.643 24.2332 223.959 24.8183 224.373 25.3154C224.798 25.8022 225.326 26.1854 225.958 26.465C226.589 26.7342 227.319 26.8689 228.148 26.8689C228.749 26.8689 229.354 26.8067 229.965 26.6825C230.577 26.5478 231.172 26.3614 231.752 26.1232V28.1271C231.576 28.2307 231.343 28.3343 231.053 28.4378C230.773 28.5414 230.463 28.6294 230.121 28.7019C229.779 28.7848 229.417 28.8469 229.033 28.8883C228.65 28.9401 228.267 28.966 227.884 28.966C226.89 28.966 225.947 28.8158 225.057 28.5155C224.176 28.2152 223.405 27.7543 222.742 27.133C222.079 26.5116 221.556 25.7245 221.173 24.7717C220.79 23.819 220.598 22.6901 220.598 21.3852C220.598 20.4118 220.697 19.5367 220.893 18.7599C221.101 17.9832 221.38 17.2997 221.732 16.7094C222.084 16.1191 222.493 15.6168 222.96 15.2026C223.436 14.7883 223.938 14.4518 224.466 14.1928C225.005 13.9236 225.559 13.732 226.129 13.6181C226.698 13.4938 227.252 13.4317 227.791 13.4317Z", fill: "black" }), _jsx("path", { d: "M237.488 15.8395H237.535C237.804 15.4977 238.105 15.1819 238.436 14.8919C238.767 14.5916 239.135 14.3378 239.539 14.1307C239.943 13.9132 240.378 13.7424 240.844 13.6181C241.31 13.4938 241.812 13.4317 242.351 13.4317C242.91 13.4317 243.469 13.5093 244.028 13.6647C244.588 13.8097 245.105 14.0738 245.582 14.4569C246.058 14.8401 246.447 15.3735 246.747 16.057C247.047 16.7405 247.197 17.6208 247.197 18.6978V28.5776H244.79V19.0862C244.79 17.8952 244.562 16.9994 244.106 16.3987C243.661 15.7981 242.925 15.4977 241.9 15.4977C241.051 15.4977 240.243 15.7307 239.477 16.1968C238.71 16.6525 238.048 17.2842 237.488 18.092V28.5776H235.081V6.08392H237.488V15.8395Z", fill: "black" })] })), _jsx("path", { d: "M21.0008 42C32.5991 42 42.0016 32.5975 42.0016 20.9992C42.0016 9.40089 32.5991 0 21.0008 0C9.40245 0 0 9.40245 0 21.0008C0 32.5991 9.40245 42 21.0008 42Z", fill: logoColor }), _jsx("path", { d: "M22.0427 17.4737V37.8322L32.5431 17.4737H22.0427V17.4737Z", fill: "white" }), _jsx("path", { d: "M19.9185 24.4874V4.16779L9.4585 24.4874H19.9185Z", fill: "white" }), _jsx("path", { d: "M54.2236 34.8665C53.6218 33.9443 53.0619 33.0237 52.5005 32.1419C55.4662 30.3379 56.4677 28.8963 56.4677 26.1701V10.4195H52.981V7.41498H60.396V25.3692C60.396 29.9383 59.0741 32.5027 54.2236 34.8665Z", fill: "black" }), _jsx("path", { d: "M85.2846 24.1266C85.2846 25.6491 86.367 25.8093 87.0885 25.8093C87.8101 25.8093 88.8521 25.5683 89.653 25.3288V28.1343C88.5302 28.4951 87.3685 28.775 85.7651 28.775C83.8414 28.775 81.5973 28.0534 81.5973 24.6865V16.4302H79.5538V13.5843H81.5973V9.37756H85.2846V13.5858H89.9329V16.4317H85.2846V24.1266Z", fill: "black" }), _jsx("path", { d: "M92.9795 36.2693V13.5454H96.5066V14.9077C97.9093 13.8253 99.4723 13.1442 101.396 13.1442C104.722 13.1442 107.368 15.4691 107.368 20.4783C107.368 25.4485 104.483 28.7346 99.7133 28.7346C98.5516 28.7346 97.6294 28.5744 96.6668 28.3738V36.2288H92.9795V36.2693V36.2693ZM100.433 16.1907C99.351 16.1907 97.9886 16.7117 96.7056 17.8345V25.5698C97.5065 25.73 98.3494 25.8498 99.4707 25.8498C102.076 25.8498 103.559 24.206 103.559 20.7597C103.559 17.5935 102.477 16.1907 100.433 16.1907Z", fill: "black" }), _jsx("path", { d: "M121.874 28.4142H118.428V26.7704H118.347C117.145 27.6926 115.661 28.6941 113.458 28.6941C111.534 28.6941 109.45 27.2914 109.45 24.4454C109.45 20.6384 112.696 19.9168 114.98 19.5965L118.226 19.1564V18.7162C118.226 16.7117 117.425 16.0709 115.54 16.0709C114.618 16.0709 112.455 16.3509 110.691 17.0725L110.371 14.1068C111.974 13.5454 114.178 13.1457 116.022 13.1457C119.629 13.1457 121.954 14.5889 121.954 18.8764V28.4142H121.874V28.4142ZM118.187 21.4813L115.14 21.9619C114.218 22.0816 113.257 22.643 113.257 24.0053C113.257 25.2075 113.938 25.8886 114.94 25.8886C116.022 25.8886 117.184 25.2479 118.185 24.5263V21.4813H118.187Z", fill: "black" }), _jsx("path", { d: "M137.104 27.9336C135.581 28.4546 134.219 28.775 132.494 28.775C126.964 28.775 124.759 25.6087 124.759 21.0008C124.759 16.1518 127.805 13.1457 132.734 13.1457C134.577 13.1457 135.699 13.4661 136.942 13.8673V16.9931C135.86 16.5919 134.297 16.1518 132.774 16.1518C130.53 16.1518 128.606 17.3539 128.606 20.8002C128.606 24.6072 130.53 25.7704 132.975 25.7704C134.136 25.7704 135.419 25.5294 137.143 24.8482V27.9336H137.104Z", fill: "black" }), _jsx("path", { d: "M144.077 19.9588C144.398 19.598 144.639 19.2372 149.287 13.5858H154.096L148.083 20.64L154.655 28.4546H149.847L144.116 21.4005V28.4546H140.43V7.41498H144.118V19.9588H144.077Z", fill: "black" }), _jsx("path", { d: "M76.7873 27.9337C74.8636 28.5355 73.2198 28.775 71.2961 28.775C66.5668 28.775 63.6416 26.4112 63.6416 20.8795C63.6416 16.8314 66.1267 13.1442 70.8948 13.1442C75.6241 13.1442 77.2678 16.4302 77.2678 19.5561C77.2678 20.598 77.187 21.1594 77.1481 21.7597H67.6103C67.6912 25.0053 69.5341 25.7673 72.2991 25.7673C73.8216 25.7673 75.1839 25.4065 76.7484 24.8451V27.9306H76.7873V27.9337ZM73.422 19.3166C73.422 17.5126 72.8201 15.9497 70.8575 15.9497C69.0147 15.9497 67.8918 17.2715 67.6508 19.3166H73.422V19.3166Z", fill: "black" })] }));
6
- };
7
- export default JetpackSearchLogo;
@@ -1,7 +0,0 @@
1
- export type JetpackSearchLogoProps = {
2
- className?: string;
3
- width?: number;
4
- height?: number;
5
- showText?: boolean;
6
- logoColor?: string;
7
- };
@@ -1 +0,0 @@
1
- export {};
@@ -1,4 +0,0 @@
1
- import { JetpackLogoProps } from './types.tsx';
2
- import type { FC } from 'react';
3
- declare const JetpackVideoPressLogo: FC<JetpackLogoProps>;
4
- export default JetpackVideoPressLogo;
@@ -1,8 +0,0 @@
1
- import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { __ } from '@wordpress/i18n';
3
- import clsx from 'clsx';
4
- const JetpackVideoPressLogo = ({ showText = true, className, height = 32, ...otherProps }) => {
5
- const viewBox = showText ? '0 0 184 32' : '0 0 32 32';
6
- return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", x: "0px", y: "0px", viewBox: viewBox, className: clsx('jetpack-videopress-logo', className), "aria-labelledby": "jetpack-videopress-logo-title", height: height, ...otherProps, children: [_jsx("desc", { id: "jetpack-videopress-logo-title", children: __('VideoPress Logo', 'jetpack-components') }), showText ? (_jsxs(_Fragment, { children: [_jsx("path", { d: "M16.0006 32C24.8374 32 32.0012 24.8362 32.0012 15.9994C32.0012 7.16259 24.8374 0 16.0006 0C7.16377 0 0 7.16377 0 16.0006C0 24.8374 7.16377 32 16.0006 32Z", fill: "#069E08" }), _jsx("path", { d: "M16.7945 13.3133V28.8245L24.7948 13.3133H16.7945V13.3133Z", fill: "white" }), _jsx("path", { d: "M15.176 18.6571V3.17546L7.20647 18.6571H15.176Z", fill: "white" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M38.0203 6.0536C39.279 6.0536 40.385 6.8849 40.7297 8.09007L44.1374 20.0064C44.1408 20.0185 44.1464 20.0295 44.1536 20.0391L48.1907 6.0536H50.4492H56.6922C61.068 6.0536 64.0012 8.88765 64.0012 13.1781C64.0012 17.5177 60.991 20.2238 56.4999 20.2238H53.5378H49.7209L48.9794 22.5087C48.3144 24.5579 46.3979 25.9464 44.2347 25.9464C42.0715 25.9464 40.1551 24.5579 39.49 22.5087L35.3397 9.71996C34.7519 7.90897 36.1085 6.0536 38.0203 6.0536ZM51.1005 15.9727H55.4228C57.2981 15.9727 58.4233 14.9001 58.4233 13.1781C58.4233 11.4462 57.2981 10.4227 55.4228 10.4227H52.9017L51.1005 15.9727Z", fill: "black" }), _jsx("path", { d: "M79.5277 20.4681C79.8196 19.608 80.0287 18.9965 80.155 18.6335C80.2891 18.2627 80.5653 17.5091 80.9835 16.3728L83.9188 8.50195H86.9843L80.7941 24.3384H78.1902L72 8.50195H75.0892L78.0245 16.3728C78.4427 17.5091 78.7149 18.2627 78.8412 18.6335C78.9753 18.9965 79.1884 19.608 79.4803 20.4681H79.5277Z", fill: "black" }), _jsx("path", { d: "M88.3459 12.8694H91.151V24.3384H88.3459V12.8694ZM88.2749 7.2H91.222V10.2418H88.2749V7.2Z", fill: "black" }), _jsx("path", { d: "M98.762 22.3973C99.0382 22.3973 99.2986 22.3618 99.5432 22.2908C99.7957 22.2198 100.032 22.1251 100.253 22.0068C100.474 21.8884 100.668 21.7582 100.833 21.6162C101.007 21.4741 101.153 21.3361 101.271 21.2019V15.7574C100.94 15.4891 100.569 15.2682 100.159 15.0946C99.7483 14.9131 99.3143 14.8223 98.8567 14.8223C98.5647 14.8223 98.257 14.8815 97.9335 14.9999C97.6179 15.1182 97.3259 15.3194 97.0576 15.6035C96.7972 15.8876 96.5763 16.2821 96.3948 16.7871C96.2212 17.2921 96.1344 17.9352 96.1344 18.7164C96.1344 19.8684 96.3554 20.7679 96.7972 21.415C97.247 22.062 97.9019 22.3894 98.762 22.3973ZM93.2346 18.8347C93.2346 17.8326 93.3727 16.941 93.6489 16.1598C93.9251 15.3707 94.2999 14.7119 94.7733 14.1832C95.2546 13.6466 95.803 13.2482 96.4185 12.9878C97.034 12.7195 97.6731 12.5853 98.3359 12.5853C98.6436 12.5853 98.9356 12.613 99.2118 12.6682C99.4879 12.7234 99.7483 12.7984 99.9929 12.8931C100.238 12.9878 100.466 13.0943 100.679 13.2127C100.892 13.331 101.09 13.4533 101.271 13.5796H101.295C101.287 13.4218 101.279 13.2008 101.271 12.9168C101.271 12.6248 101.271 12.3092 101.271 11.9699V7.2H104.076V20.9297C104.076 21.6872 104.084 22.3382 104.1 22.8826C104.116 23.4271 104.132 23.9123 104.147 24.3384H101.614L101.496 23.1193H101.449C101.283 23.3166 101.082 23.5099 100.845 23.6993C100.616 23.8887 100.36 24.0544 100.076 24.1964C99.7996 24.3305 99.4919 24.4371 99.1526 24.516C98.8212 24.5949 98.4582 24.6343 98.0637 24.6343C97.4403 24.6343 96.8406 24.5239 96.2646 24.3029C95.6965 24.082 95.1836 23.7427 94.726 23.285C94.2762 22.8195 93.9132 22.2159 93.637 21.4741C93.3688 20.7245 93.2346 19.8447 93.2346 18.8347Z", fill: "black" }), _jsx("path", { d: "M112.764 22.3737C113.309 22.3737 113.877 22.3184 114.469 22.208C115.061 22.0975 115.66 21.9397 116.268 21.7345V23.9715C115.905 24.1293 115.349 24.2793 114.599 24.4213C113.849 24.5633 113.072 24.6343 112.267 24.6343C111.455 24.6343 110.681 24.5318 109.947 24.3266C109.222 24.1136 108.586 23.7743 108.042 23.3087C107.497 22.8432 107.063 22.2395 106.74 21.4978C106.424 20.7561 106.266 19.8566 106.266 18.7992C106.266 17.7577 106.416 16.8463 106.716 16.0651C107.016 15.2839 107.418 14.6369 107.923 14.124C108.428 13.6111 109.005 13.2284 109.652 12.9759C110.306 12.7155 110.981 12.5853 111.675 12.5853C112.401 12.5853 113.068 12.6958 113.676 12.9168C114.291 13.1377 114.82 13.4849 115.262 13.9583C115.712 14.4318 116.059 15.0433 116.303 15.7929C116.556 16.5346 116.682 17.4144 116.682 18.4323C116.674 18.8268 116.662 19.1622 116.647 19.4384H109.131C109.17 19.967 109.289 20.4207 109.486 20.7995C109.683 21.1703 109.94 21.4741 110.255 21.7109C110.579 21.9397 110.953 22.1093 111.38 22.2198C111.806 22.3224 112.267 22.3737 112.764 22.3737ZM111.64 14.775C111.285 14.775 110.969 14.8421 110.693 14.9762C110.417 15.1025 110.176 15.28 109.971 15.5088C109.774 15.7298 109.616 15.9902 109.498 16.29C109.379 16.5898 109.3 16.9094 109.261 17.2487H113.77C113.77 16.9094 113.723 16.5898 113.628 16.29C113.542 15.9902 113.407 15.7298 113.226 15.5088C113.052 15.28 112.831 15.1025 112.563 14.9762C112.303 14.8421 111.995 14.775 111.64 14.775Z", fill: "black" }), _jsx("path", { d: "M126.838 18.6098C126.838 18.0023 126.767 17.4657 126.625 17.0002C126.483 16.5346 126.285 16.144 126.033 15.8284C125.78 15.5128 125.477 15.2761 125.122 15.1182C124.767 14.9604 124.38 14.8815 123.962 14.8815C123.551 14.8815 123.169 14.9604 122.814 15.1182C122.466 15.2761 122.167 15.5128 121.914 15.8284C121.662 16.144 121.464 16.5346 121.322 17.0002C121.18 17.4657 121.109 18.0023 121.109 18.6098C121.109 19.2174 121.18 19.754 121.322 20.2195C121.464 20.6851 121.662 21.0757 121.914 21.3913C122.174 21.699 122.478 21.9357 122.825 22.1014C123.18 22.2593 123.567 22.3382 123.985 22.3382C124.404 22.3382 124.786 22.2593 125.133 22.1014C125.481 21.9357 125.78 21.699 126.033 21.3913C126.285 21.0757 126.483 20.6851 126.625 20.2195C126.767 19.754 126.838 19.2174 126.838 18.6098ZM129.738 18.6098C129.738 19.5094 129.603 20.33 129.335 21.0717C129.067 21.8134 128.68 22.4486 128.175 22.9773C127.678 23.506 127.075 23.9163 126.364 24.2082C125.654 24.4923 124.861 24.6343 123.985 24.6343C123.086 24.6343 122.277 24.4923 121.559 24.2082C120.849 23.9163 120.245 23.506 119.748 22.9773C119.251 22.4486 118.868 21.8134 118.6 21.0717C118.34 20.33 118.209 19.5094 118.209 18.6098C118.209 17.7103 118.344 16.8897 118.612 16.148C118.88 15.4062 119.263 14.7711 119.76 14.2424C120.265 13.7137 120.872 13.3073 121.583 13.0233C122.293 12.7313 123.086 12.5853 123.962 12.5853C124.861 12.5853 125.666 12.7313 126.376 13.0233C127.094 13.3073 127.702 13.7137 128.199 14.2424C128.696 14.7711 129.075 15.4062 129.335 16.148C129.603 16.8897 129.738 17.7103 129.738 18.6098Z", fill: "black" }), _jsx("path", { d: "M136.473 18.2074C136.212 18.2074 135.956 18.2035 135.703 18.1956C135.451 18.1877 135.214 18.1719 134.993 18.1482V24.3384H132.093V8.50195H136.662C137.427 8.50195 138.094 8.53746 138.662 8.60847C139.238 8.6716 139.751 8.77023 140.201 8.90437C141.282 9.23578 142.115 9.76445 142.698 10.4904C143.282 11.2163 143.574 12.1395 143.574 13.26C143.574 14.0254 143.416 14.7158 143.101 15.3313C142.785 15.9389 142.324 16.4557 141.716 16.8818C141.108 17.3079 140.367 17.6353 139.491 17.8642C138.615 18.093 137.609 18.2074 136.473 18.2074ZM134.993 15.71C135.159 15.7337 135.368 15.7534 135.621 15.7692C135.881 15.7771 136.149 15.7811 136.425 15.7811C137.207 15.7811 137.861 15.7179 138.39 15.5917C138.919 15.4654 139.345 15.2918 139.668 15.0709C139.992 14.8421 140.225 14.5698 140.367 14.2542C140.509 13.9307 140.58 13.5796 140.58 13.2008C140.58 12.7353 140.473 12.3328 140.26 11.9936C140.047 11.6543 139.676 11.3899 139.148 11.2005C138.871 11.1059 138.528 11.0388 138.118 10.9993C137.715 10.952 137.218 10.9283 136.627 10.9283H134.993V15.71Z", fill: "black" }), _jsx("path", { d: "M152.629 15.0946H152.393C151.532 15.0946 150.775 15.2248 150.12 15.4852C149.473 15.7377 148.972 16.1282 148.617 16.6569V24.3384H145.812V12.8694H148.132L148.392 14.4673H148.439C148.771 13.8834 149.224 13.4257 149.8 13.0943C150.384 12.755 151.083 12.5853 151.895 12.5853C152.179 12.5853 152.424 12.6011 152.629 12.6327V15.0946Z", fill: "black" }), _jsx("path", { d: "M159.708 22.3737C160.252 22.3737 160.82 22.3184 161.412 22.208C162.004 22.0975 162.603 21.9397 163.211 21.7345V23.9715C162.848 24.1293 162.292 24.2793 161.542 24.4213C160.793 24.5633 160.015 24.6343 159.211 24.6343C158.398 24.6343 157.624 24.5318 156.891 24.3266C156.165 24.1136 155.53 23.7743 154.985 23.3087C154.441 22.8432 154.007 22.2395 153.683 21.4978C153.367 20.7561 153.21 19.8566 153.21 18.7992C153.21 17.7577 153.36 16.8463 153.659 16.0651C153.959 15.2839 154.362 14.6369 154.867 14.124C155.372 13.6111 155.948 13.2284 156.595 12.9759C157.25 12.7155 157.924 12.5853 158.619 12.5853C159.345 12.5853 160.011 12.6958 160.619 12.9168C161.234 13.1377 161.763 13.4849 162.205 13.9583C162.655 14.4318 163.002 15.0433 163.247 15.7929C163.499 16.5346 163.625 17.4144 163.625 18.4323C163.617 18.8268 163.606 19.1622 163.59 19.4384H156.074C156.113 19.967 156.232 20.4207 156.429 20.7995C156.626 21.1703 156.883 21.4741 157.198 21.7109C157.522 21.9397 157.897 22.1093 158.323 22.2198C158.749 22.3224 159.211 22.3737 159.708 22.3737ZM158.583 14.775C158.228 14.775 157.912 14.8421 157.636 14.9762C157.36 15.1025 157.119 15.28 156.914 15.5088C156.717 15.7298 156.559 15.9902 156.441 16.29C156.323 16.5898 156.244 16.9094 156.204 17.2487H160.714C160.714 16.9094 160.666 16.5898 160.572 16.29C160.485 15.9902 160.351 15.7298 160.169 15.5088C159.996 15.28 159.775 15.1025 159.506 14.9762C159.246 14.8421 158.938 14.775 158.583 14.775Z", fill: "black" }), _jsx("path", { d: "M170.822 21.0125C170.822 20.7679 170.751 20.5667 170.609 20.4089C170.475 20.2511 170.293 20.1209 170.065 20.0183C169.836 19.9078 169.571 19.8132 169.272 19.7343C168.98 19.6553 168.672 19.5764 168.348 19.4975C167.938 19.3871 167.543 19.2608 167.165 19.1188C166.786 18.9689 166.451 18.7755 166.159 18.5388C165.875 18.3021 165.646 18.0062 165.472 17.6511C165.306 17.2882 165.224 16.8463 165.224 16.3255C165.224 15.6864 165.338 15.134 165.567 14.6685C165.796 14.195 166.103 13.8045 166.49 13.4967C166.885 13.189 167.338 12.9602 167.851 12.8102C168.372 12.6603 168.92 12.5853 169.496 12.5853C170.199 12.5853 170.858 12.6445 171.473 12.7629C172.088 12.8734 172.645 13.0193 173.142 13.2008V15.4852C172.881 15.3984 172.605 15.3195 172.313 15.2484C172.029 15.1695 171.737 15.1025 171.437 15.0472C171.146 14.992 170.854 14.9486 170.562 14.917C170.27 14.8776 169.994 14.8578 169.733 14.8578C169.402 14.8578 169.122 14.8894 168.893 14.9525C168.664 15.0157 168.479 15.1025 168.336 15.2129C168.194 15.3155 168.092 15.4378 168.029 15.5798C167.966 15.714 167.934 15.856 167.934 16.0059C167.934 16.2663 168.001 16.4794 168.135 16.6451C168.277 16.8108 168.471 16.9449 168.715 17.0475C168.96 17.1501 169.216 17.2369 169.485 17.3079C169.753 17.371 170.013 17.4341 170.266 17.4973C170.66 17.592 171.055 17.7064 171.449 17.8405C171.844 17.9746 172.199 18.164 172.515 18.4086C172.83 18.6453 173.087 18.957 173.284 19.3437C173.489 19.7224 173.592 20.2077 173.592 20.7995C173.592 21.4465 173.469 22.0107 173.225 22.492C172.98 22.9734 172.637 23.3758 172.195 23.6993C171.761 24.0149 171.236 24.2477 170.621 24.3976C170.013 24.5554 169.343 24.6343 168.609 24.6343C167.883 24.6343 167.228 24.5752 166.644 24.4568C166.068 24.3463 165.591 24.2043 165.212 24.0307V21.77C165.827 21.9989 166.395 22.1567 166.916 22.2435C167.437 22.3224 167.922 22.3618 168.372 22.3618C168.719 22.3618 169.043 22.3382 169.343 22.2908C169.642 22.2356 169.899 22.1527 170.112 22.0423C170.333 21.9318 170.506 21.7937 170.633 21.628C170.759 21.4544 170.822 21.2493 170.822 21.0125Z", fill: "black" }), _jsx("path", { d: "M180.611 21.0125C180.611 20.7679 180.54 20.5667 180.398 20.4089C180.264 20.2511 180.082 20.1209 179.853 20.0183C179.624 19.9078 179.36 19.8132 179.06 19.7343C178.768 19.6553 178.461 19.5764 178.137 19.4975C177.727 19.3871 177.332 19.2608 176.954 19.1188C176.575 18.9689 176.239 18.7755 175.947 18.5388C175.663 18.3021 175.435 18.0062 175.261 17.6511C175.095 17.2882 175.012 16.8463 175.012 16.3255C175.012 15.6864 175.127 15.134 175.356 14.6685C175.584 14.195 175.892 13.8045 176.279 13.4967C176.673 13.189 177.127 12.9602 177.64 12.8102C178.161 12.6603 178.709 12.5853 179.285 12.5853C179.987 12.5853 180.646 12.6445 181.262 12.7629C181.877 12.8734 182.434 13.0193 182.931 13.2008V15.4852C182.67 15.3984 182.394 15.3195 182.102 15.2484C181.818 15.1695 181.526 15.1025 181.226 15.0472C180.934 14.992 180.642 14.9486 180.35 14.917C180.058 14.8776 179.782 14.8578 179.522 14.8578C179.191 14.8578 178.91 14.8894 178.682 14.9525C178.453 15.0157 178.267 15.1025 178.125 15.2129C177.983 15.3155 177.881 15.4378 177.818 15.5798C177.754 15.714 177.723 15.856 177.723 16.0059C177.723 16.2663 177.79 16.4794 177.924 16.6451C178.066 16.8108 178.259 16.9449 178.504 17.0475C178.749 17.1501 179.005 17.2369 179.273 17.3079C179.542 17.371 179.802 17.4341 180.055 17.4973C180.449 17.592 180.844 17.7064 181.238 17.8405C181.633 17.9746 181.988 18.164 182.303 18.4086C182.619 18.6453 182.875 18.957 183.073 19.3437C183.278 19.7224 183.38 20.2077 183.38 20.7995C183.38 21.4465 183.258 22.0107 183.014 22.492C182.769 22.9734 182.426 23.3758 181.984 23.6993C181.55 24.0149 181.025 24.2477 180.41 24.3976C179.802 24.5554 179.131 24.6343 178.398 24.6343C177.672 24.6343 177.017 24.5752 176.433 24.4568C175.857 24.3463 175.379 24.2043 175.001 24.0307V21.77C175.616 21.9989 176.184 22.1567 176.705 22.2435C177.226 22.3224 177.711 22.3618 178.161 22.3618C178.508 22.3618 178.831 22.3382 179.131 22.2908C179.431 22.2356 179.688 22.1527 179.901 22.0423C180.122 21.9318 180.295 21.7937 180.421 21.628C180.548 21.4544 180.611 21.2493 180.611 21.0125Z", fill: "black" })] })) : (_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.70585 8C6.82474 8 7.80784 8.73893 8.11419 9.81019L11.1433 20.4025C11.1464 20.4132 11.1513 20.423 11.1577 20.4315L14.7463 8H16.7538H22.3031C26.1927 8 28.8 10.5191 28.8 14.3329C28.8 18.1903 26.1243 20.5957 22.1322 20.5957H19.4992H16.1064L15.4473 22.6268C14.8562 24.4482 13.1527 25.6825 11.2298 25.6825C9.30695 25.6825 7.60344 24.4482 7.01232 22.6268L3.32309 11.259C2.80067 9.64921 4.00647 8 5.70585 8ZM17.3328 16.817H21.1747C22.8417 16.817 23.8419 15.8636 23.8419 14.3329C23.8419 12.7934 22.8417 11.8837 21.1747 11.8837H18.9338L17.3328 16.817Z", fill: "black" }))] }));
7
- };
8
- export default JetpackVideoPressLogo;
@@ -1,6 +0,0 @@
1
- export type JetpackLogoProps = {
2
- className?: string;
3
- width?: number;
4
- height?: number;
5
- showText?: boolean;
6
- };
@@ -1 +0,0 @@
1
- export {};
@@ -1,10 +0,0 @@
1
- import { IconsCardProps } from './types.ts';
2
- import type { FC } from 'react';
3
- /**
4
- * Icons composition for a bundle product,
5
- * based on the list of supported products.
6
- *
7
- * @param {IconsCardProps} props - Component props.
8
- * @return {ReactNode} Bundle product icons react component.
9
- */
10
- export declare const IconsCard: FC<IconsCardProps>;
@@ -1,23 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Icon, plus } from '@wordpress/icons';
3
- import { Fragment } from 'react';
4
- import { getIconBySlug } from '../icons/index.js';
5
- import styles from './style.module.scss';
6
- /**
7
- * Icons composition for a bundle product,
8
- * based on the list of supported products.
9
- *
10
- * @param {IconsCardProps} props - Component props.
11
- * @return {ReactNode} Bundle product icons react component.
12
- */
13
- export const IconsCard = ({ products, icon, size = 24 }) => {
14
- if (icon) {
15
- const CustomIcon = getIconBySlug(icon);
16
- return (_jsx("div", { className: styles['product-bundle-icons'], children: _jsx(CustomIcon, { size: size }) }));
17
- }
18
- return (_jsx("div", { className: styles['product-bundle-icons'], children: products.map((product, index) => {
19
- const ProductIcon = getIconBySlug(product);
20
- const ProIcon = ProductIcon ? ProductIcon : () => null;
21
- return (_jsxs(Fragment, { children: [_jsx(ProIcon, { size: size }), index !== products.length - 1 && (_jsx(Icon, { className: styles['plus-icon'], icon: plus, size: 16 }, `icon-plugs${index * 2 + 1}`))] }, index));
22
- }) }));
23
- };
@@ -1,11 +0,0 @@
1
- import { ProductOfferProps } from './types.ts';
2
- import type { FC } from 'react';
3
- /**
4
- * Product Detail component.
5
- *
6
- * @param {ProductOfferProps} props - Component props.
7
- * @return {ReactNode} - ProductOffer react component.
8
- */
9
- declare const ProductOffer: FC<ProductOfferProps>;
10
- export default ProductOffer;
11
- export * from './icons-card.tsx';
@@ -1,31 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { __, sprintf } from '@wordpress/i18n';
3
- import { Icon, check } from '@wordpress/icons';
4
- import clsx from 'clsx';
5
- import Alert from '../alert/index.js';
6
- import Button from '../button/index.js';
7
- import { CheckmarkIcon } from '../icons/index.js';
8
- import ProductPrice from '../product-price/index.js';
9
- import Text, { H3, Title } from '../text/index.js';
10
- import { IconsCard } from './icons-card.js';
11
- import { ProductOfferHeader } from './product-offer-header.js';
12
- import styles from './style.module.scss';
13
- /**
14
- * Product Detail component.
15
- *
16
- * @param {ProductOfferProps} props - Component props.
17
- * @return {ReactNode} - ProductOffer react component.
18
- */
19
- const ProductOffer = ({ addProductUrl, buttonDisclaimer, buttonText = '', className, description, error = '', features, hasRequiredPlan, icon, isBundle = false, isCard, isLoading, onAdd, pricing = {}, slug, subTitle = '', supportedProducts, title = '', }) => {
20
- const { isFree, price, currency, offPrice } = pricing;
21
- const needsPurchase = !isFree && !hasRequiredPlan;
22
- const defautlButtonText = sprintf(
23
- /* translators: %s: the product name. */
24
- __('Add %s', 'jetpack-components'), title);
25
- return (_jsxs("div", { className: clsx(styles.wrapper, className, {
26
- [styles['is-bundle-card']]: isBundle,
27
- [styles['is-card']]: isCard || isBundle, // is card when is bundle.
28
- }), children: [isBundle && _jsx(ProductOfferHeader, {}), _jsxs("div", { className: styles['card-container'], children: [_jsx(IconsCard, { icon: icon, products: supportedProducts?.length ? supportedProducts : [slug], size: 32 }), _jsx(H3, { children: title }), subTitle && _jsx(Title, { mb: 3, children: subTitle }), description && _jsx(Text, { mb: 3, children: description }), _jsx("ul", { className: styles.features, children: features.map((feature, id) => (_jsxs(Text, { component: "li", variant: "body", children: [_jsx(Icon, { icon: check, size: 24, className: styles.check }), feature] }, `feature-${id}`))) }), needsPurchase && (_jsx(ProductPrice, { price: price, offPrice: offPrice, currency: currency })), isFree && _jsx(H3, { children: __('Free', 'jetpack-components') }), _jsx(Alert, { level: "error", showIcon: !!error, children: error }), buttonDisclaimer, (!isBundle || (isBundle && !hasRequiredPlan)) && (_jsx(Button, { onClick: addProductUrl ? null : onAdd, isLoading: isLoading, disabled: isLoading, variant: isLoading || !isBundle ? 'primary' : 'secondary', className: styles['add-button'], ...(addProductUrl ? { href: addProductUrl } : {}), children: buttonText || defautlButtonText })), isBundle && hasRequiredPlan && (_jsxs("div", { className: styles['product-has-required-plan'], children: [_jsx(CheckmarkIcon, { size: 36 }), _jsx(Text, { children: __('Active on your site', 'jetpack-components') })] }))] })] }));
29
- };
30
- export default ProductOffer;
31
- export * from './icons-card.js';
@@ -1,9 +0,0 @@
1
- import { ProductOfferHeaderProps } from './types.ts';
2
- import type { FC } from 'react';
3
- /**
4
- * Product Detail Card Header component.
5
- *
6
- * @param {ProductOfferHeaderProps} props - Component props.
7
- * @return {ReactNode} ProductOfferHeader react component.
8
- */
9
- export declare const ProductOfferHeader: FC<ProductOfferHeaderProps>;
@@ -1,14 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { __ } from '@wordpress/i18n';
3
- import { Icon, starFilled as star } from '@wordpress/icons';
4
- import Text from '../text/index.js';
5
- import styles from './style.module.scss';
6
- /**
7
- * Product Detail Card Header component.
8
- *
9
- * @param {ProductOfferHeaderProps} props - Component props.
10
- * @return {ReactNode} ProductOfferHeader react component.
11
- */
12
- export const ProductOfferHeader = ({ title = __('Popular upgrade', 'jetpack-components'), }) => {
13
- return (_jsxs("div", { className: styles['card-header'], children: [_jsx(Icon, { icon: star, className: styles['product-bundle-icon'], size: 24 }), _jsx(Text, { variant: "label", children: title })] }));
14
- };
@@ -1,93 +0,0 @@
1
- .wrapper {
2
- padding: calc(var(--spacing-base) * 8);
3
- position: relative;
4
- }
5
-
6
- .is-card {
7
- background-color: var(--jp-white);
8
- border: 1px solid var(--jp-gray);
9
- border-radius: var(--jp-border-radius);
10
- box-shadow: 0 2px 6px var(--product-card-shadow), 0 1px 2px var(--product-card-shadow);
11
-
12
- .card-header {
13
- border-radius: var(--jp-border-radius) var(--jp-border-radius) 0 0;
14
- }
15
- }
16
-
17
- .card-header {
18
- display: flex;
19
- align-items: center;
20
- background: var(--jp-black);
21
- color: var(--jp-white);
22
- padding: calc(var(--spacing-base) / 2) var(--spacing-base);
23
- line-height: calc(var(--spacing-base) * 3);
24
- position: absolute;
25
- top: 0;
26
- left: 0;
27
- width: 100%;
28
- box-sizing: border-box;
29
- }
30
-
31
- .card-container {
32
- height: 100%;
33
- display: flex;
34
- flex-direction: column;
35
- }
36
-
37
- .product-bundle-icon {
38
- fill: var(--jp-white);
39
- margin-right: var(--spacing-base);
40
- }
41
-
42
- .product-bundle-icons,
43
- .product-icon {
44
- display: flex;
45
- align-items: center;
46
- margin-bottom: calc(var(--spacing-base) * 4);
47
- }
48
-
49
- .plus-icon {
50
- fill: rgb(140, 143, 148);
51
- height: 24px;
52
- line-height: 24px;
53
- }
54
-
55
- .features {
56
- margin: 0;
57
- padding: 0;
58
- flex-grow: 1;
59
- margin-bottom: calc(var(--spacing-base) * 2);
60
-
61
- li {
62
- list-style: none;
63
- display: flex;
64
- align-items: flex-start;
65
- margin-bottom: var(--spacing-base);
66
- }
67
-
68
- .check {
69
- fill: var(--jp-green-primary);
70
- margin-right: var(--spacing-base);
71
- flex-shrink: 0;
72
- }
73
- }
74
-
75
- .product-has-required-plan {
76
- display: flex;
77
- justify-content: center;
78
- align-items: center;
79
-
80
- svg {
81
- margin-right: var(--spacing-base);
82
- }
83
- }
84
-
85
- .add-button {
86
- width: 100%;
87
- justify-content: center;
88
-
89
- &:global(.is-primary):disabled {
90
- opacity: 1;
91
- background-color: var(--jp-black);
92
- }
93
- }
@@ -1,102 +0,0 @@
1
- import { ProductPriceProps } from '../product-price/types.ts';
2
- import type { JetpackIconSlug } from '../icons/index.tsx';
3
- import type { ReactNode } from 'react';
4
- export type ProductOfferProps = {
5
- /**
6
- * Product slug.
7
- */
8
- slug?: JetpackIconSlug;
9
- /**
10
- * Product name.
11
- */
12
- name?: string;
13
- /**
14
- * Custom Icon slug.
15
- */
16
- icon?: JetpackIconSlug;
17
- /**
18
- * Product title.
19
- */
20
- title?: string;
21
- /**
22
- * Product sub-title.
23
- */
24
- subTitle?: string;
25
- /**
26
- * Product description.
27
- */
28
- description?: string;
29
- /**
30
- * Features list of the product.
31
- */
32
- features?: Array<string>;
33
- /**
34
- * Add the styles to look like a card.
35
- */
36
- isCard?: boolean;
37
- /**
38
- * Whether or not the product is a bundle.
39
- */
40
- isBundle?: boolean;
41
- /**
42
- * List of supported products (for bundles).
43
- */
44
- supportedProducts?: Array<JetpackIconSlug>;
45
- /**
46
- * Product Pricing object.
47
- */
48
- pricing?: Pricing;
49
- /**
50
- * Whether or not the product has the required plan.
51
- */
52
- hasRequiredPlan?: boolean;
53
- /**
54
- * Applies the isLoading style to the component.
55
- */
56
- isLoading?: boolean;
57
- /**
58
- * A className to be concat with default ones.
59
- */
60
- className?: string;
61
- /**
62
- * Callback function to be executed on click on Add button.
63
- */
64
- onAdd?: VoidFunction;
65
- /**
66
- * The checkout URL to add/buy the product.
67
- */
68
- addProductUrl?: string;
69
- /**
70
- * The text to be displayed on the Add button.
71
- */
72
- buttonText?: string;
73
- /**
74
- * Content displayed below the Add button.
75
- */
76
- buttonDisclaimer?: ReactNode;
77
- /**
78
- * Error message.
79
- */
80
- error?: string;
81
- };
82
- export type Pricing = Pick<ProductPriceProps, 'currency' | 'offPrice' | 'price'> & {
83
- /**
84
- * Whether it is a free product
85
- */
86
- isFree?: boolean;
87
- };
88
- export type IconsCardProps = {
89
- /**
90
- * Custom icon slug.
91
- */
92
- icon: JetpackIconSlug;
93
- /**
94
- * List of supported products.
95
- */
96
- products: Array<JetpackIconSlug>;
97
- /**
98
- * Icon size.
99
- */
100
- size: number;
101
- };
102
- export type ProductOfferHeaderProps = Pick<ProductOfferProps, 'title'>;
@@ -1 +0,0 @@
1
- export {};
@@ -1,24 +0,0 @@
1
- import type { FC, ReactNode } from 'react';
2
- export interface RadioControlProps {
3
- /** The current value. */
4
- selected: string;
5
- /** Custom class name to append to the component. */
6
- className?: string;
7
- /** Whether or not the radio control is currently disabled. */
8
- disabled?: boolean;
9
- /** Additional information to display below the radio control. */
10
- help?: ReactNode;
11
- /** The label for the radio control. */
12
- label?: ReactNode;
13
- /** If true, the label will only be visible to screen readers. */
14
- hideLabelFromVision?: boolean;
15
- /** A list of options to show. */
16
- options: {
17
- label: string;
18
- value: string;
19
- }[];
20
- /** A callback function invoked when the value is changed. */
21
- onChange: (value: string) => void;
22
- }
23
- declare const RadioControl: FC<RadioControlProps>;
24
- export default RadioControl;
@@ -1,7 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { RadioControl as WPRadioControl } from '@wordpress/components';
3
- import clsx from 'clsx';
4
- const RadioControl = ({ selected, className, disabled, help, label, hideLabelFromVision, options, onChange, }) => {
5
- return (_jsx(WPRadioControl, { selected: selected, className: clsx('radio', className), disabled: disabled, help: help, label: label, hideLabelFromVision: hideLabelFromVision, options: options, onChange: onChange }));
6
- };
7
- export default RadioControl;
@@ -1,4 +0,0 @@
1
- import { SplitButtonProps } from './types.ts';
2
- import type { FC } from 'react';
3
- declare const SplitButton: FC<SplitButtonProps>;
4
- export default SplitButton;
@@ -1,14 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Button, Flex, DropdownMenu } from '@wordpress/components';
3
- import styles from './style.module.scss';
4
- const DownIcon = () => (_jsx("svg", { width: "15", height: "9", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "10 9 4 7", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "m18.004 10.555-6.005 5.459-6.004-5.459 1.009-1.11 4.995 4.542 4.996-4.542 1.009 1.11Z" }) }));
5
- const SplitButton = ({ variant, controls, popoverProps, toggleProps, label, ...buttonProps }) => {
6
- // Cast to work around WPButton's strict union type
7
- const wpButtonProps = {
8
- variant,
9
- className: styles.button,
10
- ...buttonProps,
11
- };
12
- return (_jsx(Flex, { className: styles['split-button'], children: _jsxs("div", { role: "group", className: "components-button-group", children: [_jsx(Button, { ...wpButtonProps }), _jsx(DropdownMenu, { toggleProps: { variant, className: styles.button, ...toggleProps }, popoverProps: { noArrow: false, ...popoverProps }, icon: _jsx(DownIcon, {}), disableOpenOnArrowDown: true, controls: controls, label: label })] }) }));
13
- };
14
- export default SplitButton;
@@ -1,26 +0,0 @@
1
- .split-button {
2
- --actions-size: 28px;
3
- display: flex;
4
- height: var(--actions-size);
5
- border-radius: var(--jp-border-radius);
6
-
7
- :global(.components-button-group) {
8
- display: flex;
9
- height: 100%;
10
- }
11
-
12
- > .button:first-child {
13
- border-radius: var(--jp-border-radius) 0 0 var(--jp-border-radius);
14
- }
15
-
16
- > :global(.components-dropdown) > .button {
17
- border-radius: 0 var(--jp-border-radius) var(--jp-border-radius) 0;
18
- }
19
- }
20
-
21
- .button {
22
- font-size: var(--font-body-extra-small);
23
- border-radius: var(--jp-border-radius);
24
- height: var(--actions-size);
25
- line-height: var(--actions-size);
26
- }
@@ -1,5 +0,0 @@
1
- import type { Button, DropdownMenu } from '@wordpress/components';
2
- import type { ComponentProps } from 'react';
3
- type AllowedDropdownMenuProps = Pick<ComponentProps<typeof DropdownMenu>, 'controls' | 'popoverProps' | 'toggleProps' | 'label'>;
4
- export type SplitButtonProps = Omit<ComponentProps<typeof Button>, 'controls'> & AllowedDropdownMenuProps & Required<Pick<AllowedDropdownMenuProps, 'controls'>>;
5
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,19 +0,0 @@
1
- import type { JSX } from 'react';
2
- export interface StatusProps {
3
- status?: 'active' | 'error' | 'inactive' | 'action' | 'initializing';
4
- label?: string;
5
- className?: string;
6
- }
7
- /**
8
- * Status component.
9
- *
10
- * @deprecated Inline the equivalent JSX using `Text` from `@wordpress/ui` and a small color-coded indicator span. The wrapper renders a flex container at `body-sm` size with `font-weight: 600` and a `0.666em` round indicator coloured by status using WPDS design tokens (`var(--wpds-color-foreground-content-success-weak)` for `active`, `--wpds-color-foreground-content-error-weak` for `error`, `--wpds-color-foreground-content-neutral-weak` for `inactive`, `--wpds-color-foreground-content-warning-weak` for `action`, `--wpds-color-foreground-content-info-weak` for `initializing`). Include a fallback hex for surfaces that don't load `@wordpress/theme/design-tokens.css` (e.g. the legacy Jetpack settings dashboard).
11
- *
12
- * @param {StatusProps} props - The component properties.
13
- * @param {string} props.className - Optional className forwarded to the outer element.
14
- * @param {string} props.label - Status label. Defaults to a status-derived string.
15
- * @param {string} props.status - Status key: `active | error | inactive | action | initializing`.
16
- * @return {JSX.Element} The `Status` component.
17
- */
18
- declare const Status: ({ className, label, status }: StatusProps) => JSX.Element;
19
- export default Status;