@wordpress/components 29.8.0 → 29.10.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 (97) hide show
  1. package/.stylelintrc.js +1 -1
  2. package/CHANGELOG.md +31 -1
  3. package/build/color-picker/color-copy-button.js +3 -2
  4. package/build/color-picker/color-copy-button.js.map +1 -1
  5. package/build/guide/index.js +4 -2
  6. package/build/guide/index.js.map +1 -1
  7. package/build/guide/types.js.map +1 -1
  8. package/build/item-group/styles.js +10 -10
  9. package/build/item-group/styles.js.map +1 -1
  10. package/build/notice/types.js.map +1 -1
  11. package/build/popover/index.js +9 -1
  12. package/build/popover/index.js.map +1 -1
  13. package/build/popover/types.js.map +1 -1
  14. package/build/snackbar/index.js +16 -11
  15. package/build/snackbar/index.js.map +1 -1
  16. package/build/snackbar/types.js.map +1 -1
  17. package/build/spinner/index.js +5 -5
  18. package/build/spinner/index.js.map +1 -1
  19. package/build/textarea-control/styles/textarea-control-styles.js +3 -3
  20. package/build/textarea-control/styles/textarea-control-styles.js.map +1 -1
  21. package/build/toggle-group-control/toggle-group-control/component.js +1 -1
  22. package/build/toggle-group-control/toggle-group-control/component.js.map +1 -1
  23. package/build/unit-control/utils.js +9 -8
  24. package/build/unit-control/utils.js.map +1 -1
  25. package/build/utils/with-ignore-ime-events.js +5 -5
  26. package/build/utils/with-ignore-ime-events.js.map +1 -1
  27. package/build-module/color-picker/color-copy-button.js +4 -3
  28. package/build-module/color-picker/color-copy-button.js.map +1 -1
  29. package/build-module/guide/index.js +4 -2
  30. package/build-module/guide/index.js.map +1 -1
  31. package/build-module/guide/types.js.map +1 -1
  32. package/build-module/item-group/styles.js +10 -10
  33. package/build-module/item-group/styles.js.map +1 -1
  34. package/build-module/notice/types.js.map +1 -1
  35. package/build-module/popover/index.js +9 -1
  36. package/build-module/popover/index.js.map +1 -1
  37. package/build-module/popover/types.js.map +1 -1
  38. package/build-module/snackbar/index.js +16 -11
  39. package/build-module/snackbar/index.js.map +1 -1
  40. package/build-module/snackbar/types.js.map +1 -1
  41. package/build-module/spinner/index.js +5 -5
  42. package/build-module/spinner/index.js.map +1 -1
  43. package/build-module/textarea-control/styles/textarea-control-styles.js +3 -3
  44. package/build-module/textarea-control/styles/textarea-control-styles.js.map +1 -1
  45. package/build-module/toggle-group-control/toggle-group-control/component.js +1 -1
  46. package/build-module/toggle-group-control/toggle-group-control/component.js.map +1 -1
  47. package/build-module/unit-control/utils.js +9 -8
  48. package/build-module/unit-control/utils.js.map +1 -1
  49. package/build-module/utils/with-ignore-ime-events.js +5 -5
  50. package/build-module/utils/with-ignore-ime-events.js.map +1 -1
  51. package/build-style/style-rtl.css +78 -64
  52. package/build-style/style.css +78 -64
  53. package/build-types/guide/index.d.ts +1 -1
  54. package/build-types/guide/index.d.ts.map +1 -1
  55. package/build-types/guide/stories/index.story.d.ts.map +1 -1
  56. package/build-types/guide/types.d.ts +12 -0
  57. package/build-types/guide/types.d.ts.map +1 -1
  58. package/build-types/notice/types.d.ts +3 -1
  59. package/build-types/notice/types.d.ts.map +1 -1
  60. package/build-types/popover/index.d.ts.map +1 -1
  61. package/build-types/popover/types.d.ts +4 -0
  62. package/build-types/popover/types.d.ts.map +1 -1
  63. package/build-types/snackbar/index.d.ts +1 -1
  64. package/build-types/snackbar/index.d.ts.map +1 -1
  65. package/build-types/snackbar/types.d.ts +1 -1
  66. package/build-types/snackbar/types.d.ts.map +1 -1
  67. package/build-types/spinner/index.d.ts +5 -5
  68. package/build-types/textarea-control/styles/textarea-control-styles.d.ts.map +1 -1
  69. package/build-types/unit-control/utils.d.ts.map +1 -1
  70. package/build-types/utils/with-ignore-ime-events.d.ts +4 -4
  71. package/build-types/utils/with-ignore-ime-events.d.ts.map +1 -1
  72. package/package.json +19 -19
  73. package/src/color-picker/color-copy-button.tsx +4 -4
  74. package/src/color-picker/test/index.tsx +103 -26
  75. package/src/duotone-picker/style.scss +4 -0
  76. package/src/guide/README.md +16 -0
  77. package/src/guide/index.tsx +4 -2
  78. package/src/guide/stories/index.story.tsx +2 -0
  79. package/src/guide/types.ts +12 -0
  80. package/src/item-group/styles.ts +1 -1
  81. package/src/item-group/test/__snapshots__/index.js.snap +1 -1
  82. package/src/notice/README.md +3 -2
  83. package/src/notice/types.ts +3 -1
  84. package/src/popover/README.md +11 -0
  85. package/src/popover/index.tsx +12 -1
  86. package/src/popover/types.ts +4 -0
  87. package/src/snackbar/index.tsx +30 -17
  88. package/src/snackbar/style.scss +2 -1
  89. package/src/snackbar/types.ts +4 -1
  90. package/src/spinner/index.tsx +5 -5
  91. package/src/text-control/style.scss +3 -1
  92. package/src/textarea-control/styles/textarea-control-styles.ts +2 -0
  93. package/src/toggle-group-control/toggle-group-control/component.tsx +1 -1
  94. package/src/unit-control/test/utils.ts +36 -0
  95. package/src/unit-control/utils.ts +8 -11
  96. package/src/utils/with-ignore-ime-events.ts +5 -5
  97. package/tsconfig.tsbuildinfo +1 -1
@@ -1,16 +1,13 @@
1
1
  @charset "UTF-8";
2
- /**
3
- * Converts a hex value into the rgb equivalent.
4
- *
5
- * @param {string} hex - the hexadecimal value to convert
6
- * @return {string} comma separated rgb values
7
- */
8
2
  /**
9
3
  * Colors
10
4
  */
11
5
  /**
12
6
  * Breakpoints & Media Queries
13
7
  */
8
+ /**
9
+ * Colors
10
+ */
14
11
  /**
15
12
  * SCSS Variables.
16
13
  *
@@ -19,14 +16,50 @@
19
16
  * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
20
17
  */
21
18
  /**
22
- * Converts a hex value into the rgb equivalent.
23
- *
24
- * @param {string} hex - the hexadecimal value to convert
25
- * @return {string} comma separated rgb values
26
- */
19
+ * Fonts & basic variables.
20
+ */
21
+ /**
22
+ * Typography
23
+ */
24
+ /**
25
+ * Grid System.
26
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
27
+ */
28
+ /**
29
+ * Radius scale.
30
+ */
31
+ /**
32
+ * Elevation scale.
33
+ */
34
+ /**
35
+ * Dimensions.
36
+ */
37
+ /**
38
+ * Mobile specific styles
39
+ */
40
+ /**
41
+ * Editor styles.
42
+ */
43
+ /**
44
+ * Block & Editor UI.
45
+ */
46
+ /**
47
+ * Block paddings.
48
+ */
49
+ /**
50
+ * React Native specific.
51
+ * These variables do not appear to be used anywhere else.
52
+ */
27
53
  /**
28
54
  * Colors
29
55
  */
56
+ /**
57
+ * SCSS Variables.
58
+ *
59
+ * Please use variables from this sheet to ensure consistency across the UI.
60
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
61
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
62
+ */
30
63
  /**
31
64
  * Fonts & basic variables.
32
65
  */
@@ -62,6 +95,9 @@
62
95
  * React Native specific.
63
96
  * These variables do not appear to be used anywhere else.
64
97
  */
98
+ /**
99
+ * Breakpoints & Media Queries
100
+ */
65
101
  /**
66
102
  * Converts a hex value into the rgb equivalent.
67
103
  *
@@ -569,19 +605,19 @@ p + .components-button.is-tertiary {
569
605
  }
570
606
 
571
607
  .components-checkbox-control__input[type=checkbox] {
608
+ border: 1px solid #1e1e1e;
609
+ margin-right: 12px;
610
+ transition: none;
611
+ border-radius: 2px;
572
612
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
573
613
  padding: 6px 8px;
574
- box-shadow: 0 0 0 transparent;
575
- border-radius: 2px;
576
- border: 1px solid #949494;
577
614
  /* Fonts smaller than 16px causes mobile safari to zoom. */
578
615
  font-size: 16px;
579
616
  /* Override core line-height. To be reviewed. */
580
617
  line-height: normal;
581
- border: 1px solid #1e1e1e;
582
- margin-right: 12px;
583
- transition: none;
618
+ box-shadow: 0 0 0 transparent;
584
619
  border-radius: 2px;
620
+ border: 1px solid #949494;
585
621
  background: #fff;
586
622
  color: #1e1e1e;
587
623
  clear: none;
@@ -910,13 +946,13 @@ input.components-combobox-control__input[type=text]:focus {
910
946
  .components-combobox-control__suggestions-container {
911
947
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
912
948
  padding: 6px 8px;
913
- box-shadow: 0 0 0 transparent;
914
- border-radius: 2px;
915
- border: 1px solid #949494;
916
949
  /* Fonts smaller than 16px causes mobile safari to zoom. */
917
950
  font-size: 16px;
918
951
  /* Override core line-height. To be reviewed. */
919
952
  line-height: normal;
953
+ box-shadow: 0 0 0 transparent;
954
+ border-radius: 2px;
955
+ border: 1px solid #949494;
920
956
  display: flex;
921
957
  flex-wrap: wrap;
922
958
  align-items: flex-start;
@@ -1303,6 +1339,9 @@ body.is-dragging-components-draggable {
1303
1339
  background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%);
1304
1340
  color: transparent;
1305
1341
  }
1342
+ .components-duotone-picker__color-indicator > .components-button:hover:not(:disabled):not([aria-disabled=true]) {
1343
+ color: transparent;
1344
+ }
1306
1345
  .components-duotone-picker__color-indicator > .components-button:not([aria-disabled=true]):active {
1307
1346
  color: transparent;
1308
1347
  }
@@ -1433,13 +1472,13 @@ body.is-dragging-components-draggable {
1433
1472
  .components-form-token-field__input-container {
1434
1473
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1435
1474
  padding: 6px 8px;
1436
- box-shadow: 0 0 0 transparent;
1437
- border-radius: 2px;
1438
- border: 1px solid #949494;
1439
1475
  /* Fonts smaller than 16px causes mobile safari to zoom. */
1440
1476
  font-size: 16px;
1441
1477
  /* Override core line-height. To be reviewed. */
1442
1478
  line-height: normal;
1479
+ box-shadow: 0 0 0 transparent;
1480
+ border-radius: 2px;
1481
+ border: 1px solid #949494;
1443
1482
  width: 100%;
1444
1483
  padding: 0;
1445
1484
  cursor: text;
@@ -2386,13 +2425,13 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
2386
2425
  .components-placeholder__input[type=url] {
2387
2426
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2388
2427
  padding: 6px 8px;
2389
- box-shadow: 0 0 0 transparent;
2390
- border-radius: 2px;
2391
- border: 1px solid #949494;
2392
2428
  /* Fonts smaller than 16px causes mobile safari to zoom. */
2393
2429
  font-size: 16px;
2394
2430
  /* Override core line-height. To be reviewed. */
2395
2431
  line-height: normal;
2432
+ box-shadow: 0 0 0 transparent;
2433
+ border-radius: 2px;
2434
+ border: 1px solid #949494;
2396
2435
  flex: 1 1 auto;
2397
2436
  }
2398
2437
  @media not (prefers-reduced-motion) {
@@ -2668,15 +2707,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
2668
2707
  .components-radio-control__input[type=radio] {
2669
2708
  grid-column: 1;
2670
2709
  grid-row: 1;
2671
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2672
- padding: 6px 8px;
2673
- box-shadow: 0 0 0 transparent;
2674
- border-radius: 2px;
2675
- border: 1px solid #949494;
2676
- /* Fonts smaller than 16px causes mobile safari to zoom. */
2677
- font-size: 16px;
2678
- /* Override core line-height. To be reviewed. */
2679
- line-height: normal;
2680
2710
  border: 1px solid #1e1e1e;
2681
2711
  margin-right: 12px;
2682
2712
  transition: none;
@@ -2697,27 +2727,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
2697
2727
  transition: box-shadow 0.1s linear;
2698
2728
  }
2699
2729
  }
2700
- @media (min-width: 600px) {
2701
- .components-radio-control__input[type=radio] {
2702
- font-size: 13px;
2703
- /* Override core line-height. To be reviewed. */
2704
- line-height: normal;
2705
- }
2706
- }
2707
- .components-radio-control__input[type=radio]:focus {
2708
- border-color: var(--wp-admin-theme-color);
2709
- box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
2710
- outline: 2px solid transparent;
2711
- }
2712
- .components-radio-control__input[type=radio]::-webkit-input-placeholder {
2713
- color: rgba(30, 30, 30, 0.62);
2714
- }
2715
- .components-radio-control__input[type=radio]::-moz-placeholder {
2716
- color: rgba(30, 30, 30, 0.62);
2717
- }
2718
- .components-radio-control__input[type=radio]:-ms-input-placeholder {
2719
- color: rgba(30, 30, 30, 0.62);
2720
- }
2721
2730
  @media (min-width: 600px) {
2722
2731
  .components-radio-control__input[type=radio] {
2723
2732
  height: 16px;
@@ -3025,16 +3034,19 @@ body.lockscroll {
3025
3034
  cursor: pointer;
3026
3035
  }
3027
3036
 
3028
- .components-snackbar__action.components-button {
3037
+ .components-snackbar__action.components-button,
3038
+ .components-snackbar__action.components-external-link {
3029
3039
  margin-left: 32px;
3030
3040
  color: #fff;
3031
3041
  flex-shrink: 0;
3032
3042
  }
3033
- .components-snackbar__action.components-button:focus {
3043
+ .components-snackbar__action.components-button:focus,
3044
+ .components-snackbar__action.components-external-link:focus {
3034
3045
  box-shadow: none;
3035
3046
  outline: 1px dotted #fff;
3036
3047
  }
3037
- .components-snackbar__action.components-button:hover {
3048
+ .components-snackbar__action.components-button:hover,
3049
+ .components-snackbar__action.components-external-link:hover {
3038
3050
  text-decoration: none;
3039
3051
  color: currentColor;
3040
3052
  }
@@ -3154,15 +3166,17 @@ body.lockscroll {
3154
3166
  width: 100%;
3155
3167
  height: 32px;
3156
3168
  margin: 0;
3169
+ background: var(--wp-components-color-background, #fff);
3170
+ color: var(--wp-components-color-foreground, #1e1e1e);
3157
3171
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
3158
3172
  padding: 6px 8px;
3159
- box-shadow: 0 0 0 transparent;
3160
- border-radius: 2px;
3161
- border: 1px solid #949494;
3162
3173
  /* Fonts smaller than 16px causes mobile safari to zoom. */
3163
3174
  font-size: 16px;
3164
3175
  /* Override core line-height. To be reviewed. */
3165
3176
  line-height: normal;
3177
+ box-shadow: 0 0 0 transparent;
3178
+ border-radius: 2px;
3179
+ border: 1px solid #949494;
3166
3180
  }
3167
3181
  @media not (prefers-reduced-motion) {
3168
3182
  .components-text-control__input,
@@ -3216,8 +3230,8 @@ body.lockscroll {
3216
3230
  .components-text-control__input[type=email]:focus,
3217
3231
  .components-text-control__input[type=month]:focus,
3218
3232
  .components-text-control__input[type=number]:focus {
3219
- border-color: var(--wp-admin-theme-color);
3220
- box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
3233
+ border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
3234
+ box-shadow: 0 0 0 0.5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
3221
3235
  outline: 2px solid transparent;
3222
3236
  }
3223
3237
  .components-text-control__input::-webkit-input-placeholder,
@@ -31,6 +31,6 @@ import type { GuideProps } from './types';
31
31
  * }
32
32
  * ```
33
33
  */
34
- declare function Guide({ children, className, contentLabel, finishButtonText, onFinish, pages, }: GuideProps): import("react").JSX.Element | null;
34
+ declare function Guide({ children, className, contentLabel, finishButtonText, nextButtonText, previousButtonText, onFinish, pages, }: GuideProps): import("react").JSX.Element | null;
35
35
  export default Guide;
36
36
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/guide/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,iBAAS,KAAK,CAAE,EACf,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,gBAAiC,EACjC,QAAQ,EACR,KAAU,GACV,EAAE,UAAU,sCAoHZ;AAED,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/guide/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,iBAAS,KAAK,CAAE,EACf,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,gBAAiC,EACjC,cAA6B,EAC7B,kBAAqC,EACrC,QAAQ,EACR,KAAU,GACV,EAAE,UAAU,sCAoHZ;AAED,eAAe,KAAK,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/guide/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAWtD,OAAO,KAAK,MAAM,IAAI,CAAC;AAEvB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,KAAK,CAQ7B,CAAC;AACF,eAAe,IAAI,CAAC;AA0BpB,eAAO,MAAM,OAAO,oHAAsB,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/guide/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAWtD,OAAO,KAAK,MAAM,IAAI,CAAC;AAEvB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,KAAK,CAU7B,CAAC;AACF,eAAe,IAAI,CAAC;AA0BpB,eAAO,MAAM,OAAO,oHAAsB,CAAC"}
@@ -37,6 +37,18 @@ export type GuideProps = {
37
37
  * @default 'Finish'
38
38
  */
39
39
  finishButtonText?: string;
40
+ /**
41
+ * Use this to customize the label of the _Next_ button shown on each page of the guide.
42
+ *
43
+ * @default 'Next'
44
+ */
45
+ nextButtonText?: string;
46
+ /**
47
+ * Use this to customize the label of the _Previous_ button shown on each page of the guide except the first.
48
+ *
49
+ * @default 'Previous'
50
+ */
51
+ previousButtonText?: string;
40
52
  /**
41
53
  * A function which is called when the guide is finished.
42
54
  */
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/guide/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,MAAM,IAAI,GAAG;IAClB;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,EAAE,UAAU,CAAE,cAAc,CAAE,CAAC;IAC3C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,QAAQ,EAAE,UAAU,CAAE,gBAAgB,CAAE,CAAC;IACzC;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,cAAc,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;CACzC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/guide/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,MAAM,IAAI,GAAG;IAClB;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,EAAE,UAAU,CAAE,cAAc,CAAE,CAAC;IAC3C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,EAAE,UAAU,CAAE,gBAAgB,CAAE,CAAC;IACzC;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,cAAc,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;CACzC,CAAC"}
@@ -10,11 +10,13 @@ type CommonNoticeActionProps = {
10
10
  };
11
11
  type NoticeActionWithURL = CommonNoticeActionProps & {
12
12
  url: string;
13
+ openInNewTab?: boolean;
13
14
  onClick?: never;
14
15
  };
15
16
  type NoticeActionWithOnClick = CommonNoticeActionProps & {
16
17
  url?: never;
17
- onClick: MouseEventHandler<HTMLButtonElement>;
18
+ openInNewTab?: never;
19
+ onClick: MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
18
20
  };
19
21
  export type NoticeAction = NoticeActionWithURL | NoticeActionWithOnClick;
20
22
  export type NoticeChildren = string | JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/notice/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,KAAK,uBAAuB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;CAC3C,CAAC;AAIF,KAAK,mBAAmB,GAAG,uBAAuB,GAAG;IACpD,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,KAAK,CAAC;CAChB,CAAC;AACF,KAAK,uBAAuB,GAAG,uBAAuB,GAAG;IACxD,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,OAAO,EAAE,iBAAiB,CAAE,iBAAiB,CAAE,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG,uBAAuB,CAAC;AAEzE,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;AAElD,MAAM,MAAM,WAAW,GAAG;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAClD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;;;;;;;;;;;;;;OAiBG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACpC;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;;;;;;;;;;;;;;;;OAkBG;IACH,OAAO,CAAC,EAAE,KAAK,CAAE,YAAY,CAAE,CAAC;IAChC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,OAAO,EAAE,KAAK,CACb,IAAI,CAAE,WAAW,EAAE,UAAU,CAAE,GAAG;QACjC,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,MAAM,CAAC;KAChB,CACD,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,EAAE,EAAE,MAAM,KAAM,IAAI,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/notice/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,KAAK,uBAAuB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;CAC3C,CAAC;AAIF,KAAK,mBAAmB,GAAG,uBAAuB,GAAG;IACpD,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC;CAChB,CAAC;AACF,KAAK,uBAAuB,GAAG,uBAAuB,GAAG;IACxD,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,OAAO,EAAE,iBAAiB,CAAE,iBAAiB,GAAG,iBAAiB,CAAE,CAAC;CACpE,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG,uBAAuB,CAAC;AAEzE,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;AAElD,MAAM,MAAM,WAAW,GAAG;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAClD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;;;;;;;;;;;;;;OAiBG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACpC;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;;;;;;;;;;;;;;;;OAkBG;IACH,OAAO,CAAC,EAAE,KAAK,CAAE,YAAY,CAAE,CAAC;IAChC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,OAAO,EAAE,KAAK,CACb,IAAI,CAAE,WAAW,EAAE,UAAU,CAAE,GAAG;QACjC,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,MAAM,CAAC;KAChB,CACD,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,EAAE,EAAE,MAAM,KAAM,IAAI,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/popover/index.tsx"],"names":[],"mappings":"AAwDA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,KAAK,EACX,YAAY,EAGZ,gBAAgB,EAChB,MAAM,SAAS,CAAC;AAIjB;;;;GAIG;AACH,eAAO,MAAM,SAAS,YAAY,CAAC;AA2ZnC,eAAO,MAAM,WAAW,6GAWvB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,OAAO;IAGlB;;OAEG;;;;IAIH;;;;OAIG;;;;CAKJ,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/popover/index.tsx"],"names":[],"mappings":"AAwDA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,KAAK,EACX,YAAY,EAGZ,gBAAgB,EAChB,MAAM,SAAS,CAAC;AAIjB;;;;GAIG;AACH,eAAO,MAAM,SAAS,YAAY,CAAC;AAsanC,eAAO,MAAM,WAAW,6GAWvB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,OAAO;IAGlB;;OAEG;;;;IAIH;;;;OAIG;;;;CAKJ,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -121,6 +121,8 @@ export type PopoverProps = {
121
121
  /**
122
122
  * Adjusts the size of the popover to prevent its contents from going out of
123
123
  * view when meeting the viewport edges.
124
+ * _Note: The `resize` and `shift` props are not intended to be used together.
125
+ * Enabling both can cause unexpected behavior._
124
126
  *
125
127
  * @default true
126
128
  */
@@ -128,6 +130,8 @@ export type PopoverProps = {
128
130
  /**
129
131
  * Enables the `Popover` to shift in order to stay in view when meeting the
130
132
  * viewport edges.
133
+ * _Note: The `resize` and `shift` props are not intended to be used together.
134
+ * Enabling both can cause unexpected behavior._
131
135
  *
132
136
  * @default false
133
137
  */
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/popover/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/popover/types.ts"],"names":[],"mappings":"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"}
@@ -16,7 +16,7 @@ export declare const Snackbar: import("react").ForwardRefExoticComponent<Pick<im
16
16
  explicitDismiss?: boolean;
17
17
  listRef?: import("react").MutableRefObject<HTMLDivElement | null>;
18
18
  } & {
19
- actions?: Pick<NoticeAction, "label" | "url" | "onClick">[];
19
+ actions?: Pick<NoticeAction, "label" | "url" | "onClick" | "openInNewTab">[];
20
20
  } & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "children" | "as" | "actions" | "onRemove" | "spokenMessage" | "politeness" | "onDismiss" | keyof {
21
21
  icon?: import("react").ReactNode;
22
22
  explicitDismiss?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/snackbar/index.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AA6JpD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;uCAAoC,CAAC;AAE1D,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/snackbar/index.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAyKpD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;uCAAoC,CAAC;AAE1D,eAAe,QAAQ,CAAC"}
@@ -40,7 +40,7 @@ export type SnackbarProps = Pick<NoticeProps, 'className' | 'children' | 'spoken
40
40
  *
41
41
  * @default []
42
42
  */
43
- actions?: Pick<NoticeAction, 'label' | 'url' | 'onClick'>[];
43
+ actions?: Pick<NoticeAction, 'label' | 'url' | 'onClick' | 'openInNewTab'>[];
44
44
  };
45
45
  export type SnackbarListProps = {
46
46
  notices: Array<Omit<SnackbarProps, 'children'> & {
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/snackbar/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD;;GAEG;AACH,OAAO,KAAK,EACX,WAAW,EACX,cAAc,EACd,YAAY,EACZ,MAAM,iBAAiB,CAAC;AAEzB,KAAK,iBAAiB,GAAG;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAE,cAAc,GAAG,IAAI,CAAE,CAAC;CACpD,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,IAAI,CAC/B,WAAW,EACT,WAAW,GACX,UAAU,GACV,eAAe,GACf,UAAU,GACV,YAAY,GACZ,WAAW,CACb,GACA,iBAAiB,GAAG;IACnB;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,EAAE,IAAI,CAAE,YAAY,EAAE,OAAO,GAAG,KAAK,GAAG,SAAS,CAAE,EAAE,CAAC;CAC9D,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC/B,OAAO,EAAE,KAAK,CACb,IAAI,CAAE,aAAa,EAAE,UAAU,CAAE,GAAG;QACnC,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,MAAM,CAAC;KAChB,CACD,CAAC;IACF,QAAQ,EAAE,CAAE,EAAE,EAAE,MAAM,KAAM,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,cAAc,GAAG,KAAK,CAAE,cAAc,CAAE,CAAC;CACpD,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/snackbar/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD;;GAEG;AACH,OAAO,KAAK,EACX,WAAW,EACX,cAAc,EACd,YAAY,EACZ,MAAM,iBAAiB,CAAC;AAEzB,KAAK,iBAAiB,GAAG;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAE,cAAc,GAAG,IAAI,CAAE,CAAC;CACpD,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,IAAI,CAC/B,WAAW,EACT,WAAW,GACX,UAAU,GACV,eAAe,GACf,UAAU,GACV,YAAY,GACZ,WAAW,CACb,GACA,iBAAiB,GAAG;IACnB;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,EAAE,IAAI,CACb,YAAY,EACZ,OAAO,GAAG,KAAK,GAAG,SAAS,GAAG,cAAc,CAC5C,EAAE,CAAC;CACJ,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC/B,OAAO,EAAE,KAAK,CACb,IAAI,CAAE,aAAa,EAAE,UAAU,CAAE,GAAG;QACnC,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,MAAM,CAAC;KAChB,CACD,CAAC;IACF,QAAQ,EAAE,CAAE,EAAE,EAAE,MAAM,KAAM,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,cAAc,GAAG,KAAK,CAAE,cAAc,CAAE,CAAC;CACpD,CAAC"}
@@ -4,12 +4,12 @@ export declare function UnforwardedSpinner({ className, ...props }: WordPressCom
4
4
  /**
5
5
  * `Spinner` is a component used to notify users that their action is being processed.
6
6
  *
7
- * ```js
8
- * import { Spinner } from '@wordpress/components';
7
+ * ```jsx
8
+ * import { Spinner } from '@wordpress/components';
9
9
  *
10
- * function Example() {
11
- * return <Spinner />;
12
- * }
10
+ * function Example() {
11
+ * return <Spinner />;
12
+ * }
13
13
  * ```
14
14
  */
15
15
  export declare const Spinner: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref">, "children" | "as"> & import("react").RefAttributes<any>>;
@@ -1 +1 @@
1
- {"version":3,"file":"textarea-control-styles.d.ts","sourceRoot":"","sources":["../../../src/textarea-control/styles/textarea-control-styles.ts"],"names":[],"mappings":"AAkCA,eAAO,MAAM,cAAc;;SAfI,MAAQ,WAC/B;2HAgEP,CAAC"}
1
+ {"version":3,"file":"textarea-control-styles.d.ts","sourceRoot":"","sources":["../../../src/textarea-control/styles/textarea-control-styles.ts"],"names":[],"mappings":"AAkCA,eAAO,MAAM,cAAc;;SAfI,MAAQ,WAC/B;2HAkEP,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/unit-control/utils.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AA6NjD;;GAEG;AACH,eAAO,MAAM,aAAa,qBAA4B,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,SAAS,qBAOrB,CAAC;AAEF,eAAO,MAAM,YAAY,mBAAc,CAAC;AAExC;;;;;;;;;;;;;GAaG;AACH,wBAAgB,wBAAwB,CACvC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAC1B,YAAY,CAAC,EAAE,MAAM,EACrB,YAAY,CAAC,EAAE,iBAAiB,EAAE,GAChC,CAAE,MAAM,GAAG,SAAS,EAAE,MAAM,GAAG,SAAS,CAAE,CAM5C;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CACvB,KAAK,CAAC,EAAE,iBAAiB,EAAE,GACzB,KAAK,IAAI,iBAAiB,EAAE,CAK9B;AAED;;;;;;;;;GASG;AACH,wBAAgB,gCAAgC,CAC/C,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAC1B,YAAY,GAAE,iBAAiB,EAAkB,GAC/C,CAAE,MAAM,GAAG,SAAS,EAAE,MAAM,GAAG,SAAS,CAAE,CAyB5C;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,6BAA6B,CAC5C,QAAQ,EAAE,MAAM,GAAG,MAAM,EACzB,YAAY,CAAC,EAAE,iBAAiB,EAAE,EAClC,gBAAgB,CAAC,EAAE,MAAM,EACzB,YAAY,CAAC,EAAE,MAAM,GACnB,CAAE,MAAM,GAAG,SAAS,EAAE,MAAM,GAAG,SAAS,CAAE,CAmB5C;AAED;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CAAE,IAAI,EAAE,MAAM,GAAI,MAAM,GAAG,SAAS,CAG5E;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CACtC,iBAAiB,EAAE,MAAM,EAAE,YAAK,EAChC,cAAc,EAAE,iBAAiB,EAAE,GACjC,iBAAiB,EAAE,CASrB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,cAAc,8CAIxB;IACF,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAE,MAAM,EAAE,MAAM,CAAE,CAAC;CACzC,KAAI,iBAAiB,EAmBrB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,uBAAuB,CACtC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAC1B,UAAU,CAAC,EAAE,MAAM,EACnB,KAAK,GAAE,iBAAiB,EAAkB,GACxC,iBAAiB,EAAE,CAkBrB"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/unit-control/utils.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AA6NjD;;GAEG;AACH,eAAO,MAAM,aAAa,qBAA4B,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,SAAS,qBAOrB,CAAC;AAEF,eAAO,MAAM,YAAY,mBAAc,CAAC;AAExC;;;;;;;;;;;;;GAaG;AACH,wBAAgB,wBAAwB,CACvC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAC1B,YAAY,CAAC,EAAE,MAAM,EACrB,YAAY,CAAC,EAAE,iBAAiB,EAAE,GAChC,CAAE,MAAM,GAAG,SAAS,EAAE,MAAM,GAAG,SAAS,CAAE,CAM5C;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CACvB,KAAK,CAAC,EAAE,iBAAiB,EAAE,GACzB,KAAK,IAAI,iBAAiB,EAAE,CAK9B;AAED;;;;;;;;;GASG;AACH,wBAAgB,gCAAgC,CAC/C,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAC1B,YAAY,GAAE,iBAAiB,EAAkB,GAC/C,CAAE,MAAM,GAAG,SAAS,EAAE,MAAM,GAAG,SAAS,CAAE,CAyB5C;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,6BAA6B,CAC5C,QAAQ,EAAE,MAAM,GAAG,MAAM,EACzB,YAAY,CAAC,EAAE,iBAAiB,EAAE,EAClC,gBAAgB,CAAC,EAAE,MAAM,EACzB,YAAY,CAAC,EAAE,MAAM,GACnB,CAAE,MAAM,GAAG,SAAS,EAAE,MAAM,GAAG,SAAS,CAAE,CAmB5C;AAED;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CAAE,IAAI,EAAE,MAAM,GAAI,MAAM,GAAG,SAAS,CAG5E;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CACtC,iBAAiB,EAAE,MAAM,EAAE,YAAK,EAChC,cAAc,EAAE,iBAAiB,EAAE,GACjC,iBAAiB,EAAE,CASrB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,cAAc,8CAIxB;IACF,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAE,MAAM,EAAE,MAAM,CAAE,CAAC;CACzC,KAAI,iBAAiB,EAgBrB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,uBAAuB,CACtC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAC1B,UAAU,CAAC,EAAE,MAAM,EACnB,KAAK,GAAE,iBAAiB,EAAkB,GACxC,iBAAiB,EAAE,CAkBrB"}
@@ -1,14 +1,14 @@
1
1
  /**
2
- * A higher-order function that wraps a keydown event handler to ensure it is not an IME event.
2
+ * A higher-order function that wraps a keyboard event handler to ensure it is not an IME event.
3
3
  *
4
4
  * In CJK languages, an IME (Input Method Editor) is used to input complex characters.
5
- * During an IME composition, keydown events (e.g. Enter or Escape) can be fired
5
+ * During an IME composition, keyboard events (e.g. Enter or Escape) can be fired
6
6
  * which are intended to control the IME and not the application.
7
7
  * These events should be ignored by any application logic.
8
8
  *
9
- * @param keydownHandler The keydown event handler to execute after ensuring it was not an IME event.
9
+ * @param handler The keyboard event handler to execute after ensuring it was not an IME event.
10
10
  *
11
11
  * @return A wrapped version of the given event handler that ignores IME events.
12
12
  */
13
- export declare function withIgnoreIMEEvents<E extends React.KeyboardEvent | KeyboardEvent>(keydownHandler: (event: E) => void): (event: E) => void;
13
+ export declare function withIgnoreIMEEvents<E extends React.KeyboardEvent | KeyboardEvent>(handler: (event: E) => void): (event: E) => void;
14
14
  //# sourceMappingURL=with-ignore-ime-events.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"with-ignore-ime-events.d.ts","sourceRoot":"","sources":["../../src/utils/with-ignore-ime-events.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAClC,CAAC,SAAS,KAAK,CAAC,aAAa,GAAG,aAAa,EAC3C,cAAc,EAAE,CAAE,KAAK,EAAE,CAAC,KAAM,IAAI,WACtB,CAAC,UAgBjB"}
1
+ {"version":3,"file":"with-ignore-ime-events.d.ts","sourceRoot":"","sources":["../../src/utils/with-ignore-ime-events.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAClC,CAAC,SAAS,KAAK,CAAC,aAAa,GAAG,aAAa,EAC3C,OAAO,EAAE,CAAE,KAAK,EAAE,CAAC,KAAM,IAAI,WACf,CAAC,UAgBjB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/components",
3
- "version": "29.8.0",
3
+ "version": "29.10.0",
4
4
  "description": "UI components for WordPress.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -44,23 +44,23 @@
44
44
  "@types/gradient-parser": "0.1.3",
45
45
  "@types/highlight-words-core": "1.2.1",
46
46
  "@use-gesture/react": "^10.3.1",
47
- "@wordpress/a11y": "^4.22.0",
48
- "@wordpress/compose": "^7.22.0",
49
- "@wordpress/date": "^5.22.0",
50
- "@wordpress/deprecated": "^4.22.0",
51
- "@wordpress/dom": "^4.22.0",
52
- "@wordpress/element": "^6.22.0",
53
- "@wordpress/escape-html": "^3.22.0",
54
- "@wordpress/hooks": "^4.22.0",
55
- "@wordpress/html-entities": "^4.22.0",
56
- "@wordpress/i18n": "^5.22.0",
57
- "@wordpress/icons": "^10.22.0",
58
- "@wordpress/is-shallow-equal": "^5.22.0",
59
- "@wordpress/keycodes": "^4.22.0",
60
- "@wordpress/primitives": "^4.22.0",
61
- "@wordpress/private-apis": "^1.22.0",
62
- "@wordpress/rich-text": "^7.22.0",
63
- "@wordpress/warning": "^3.22.0",
47
+ "@wordpress/a11y": "^4.24.0",
48
+ "@wordpress/compose": "^7.24.0",
49
+ "@wordpress/date": "^5.24.0",
50
+ "@wordpress/deprecated": "^4.24.0",
51
+ "@wordpress/dom": "^4.24.0",
52
+ "@wordpress/element": "^6.24.0",
53
+ "@wordpress/escape-html": "^3.24.0",
54
+ "@wordpress/hooks": "^4.24.0",
55
+ "@wordpress/html-entities": "^4.24.0",
56
+ "@wordpress/i18n": "^5.24.0",
57
+ "@wordpress/icons": "^10.24.0",
58
+ "@wordpress/is-shallow-equal": "^5.24.0",
59
+ "@wordpress/keycodes": "^4.24.0",
60
+ "@wordpress/primitives": "^4.24.0",
61
+ "@wordpress/private-apis": "^1.24.0",
62
+ "@wordpress/rich-text": "^7.24.0",
63
+ "@wordpress/warning": "^3.24.0",
64
64
  "change-case": "^4.1.2",
65
65
  "clsx": "^2.1.1",
66
66
  "colord": "^2.7.0",
@@ -85,5 +85,5 @@
85
85
  "publishConfig": {
86
86
  "access": "public"
87
87
  },
88
- "gitHead": "01a314d7e46a50101e328fdb11959c441e49372d"
88
+ "gitHead": "9c03d1458cae76792ae15e67b421205836bf4393"
89
89
  }
@@ -3,7 +3,7 @@
3
3
  */
4
4
  import { useCopyToClipboard } from '@wordpress/compose';
5
5
  import { useState, useEffect, useRef } from '@wordpress/element';
6
- import { copy } from '@wordpress/icons';
6
+ import { copy, check } from '@wordpress/icons';
7
7
  import { __ } from '@wordpress/i18n';
8
8
 
9
9
  /**
@@ -55,8 +55,8 @@ export const ColorCopyButton = ( props: ColorCopyButtonProps ) => {
55
55
  };
56
56
  }, [] );
57
57
 
58
- const label =
59
- copiedColor === color.toHex() ? __( 'Copied!' ) : __( 'Copy' );
58
+ const isCopied = copiedColor === color.toHex();
59
+ const label = isCopied ? __( 'Copied!' ) : __( 'Copy' );
60
60
 
61
61
  return (
62
62
  <Tooltip delay={ 0 } hideOnClick={ false } text={ label }>
@@ -64,7 +64,7 @@ export const ColorCopyButton = ( props: ColorCopyButtonProps ) => {
64
64
  size="compact"
65
65
  aria-label={ label }
66
66
  ref={ copyRef }
67
- icon={ copy }
67
+ icon={ isCopied ? check : copy }
68
68
  showTooltip={ false }
69
69
  />
70
70
  </Tooltip>