@wordpress/components 29.9.0 → 29.11.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 (114) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/build/color-picker/color-copy-button.js +3 -2
  3. package/build/color-picker/color-copy-button.js.map +1 -1
  4. package/build/drop-zone/index.js +2 -1
  5. package/build/drop-zone/index.js.map +1 -1
  6. package/build/drop-zone/types.js.map +1 -1
  7. package/build/focal-point-picker/styles/focal-point-picker-style.js +11 -11
  8. package/build/focal-point-picker/styles/focal-point-picker-style.js.map +1 -1
  9. package/build/form-token-field/index.js +2 -2
  10. package/build/form-token-field/index.js.map +1 -1
  11. package/build/form-token-field/suggestions-list.js +2 -8
  12. package/build/form-token-field/suggestions-list.js.map +1 -1
  13. package/build/input-control/input-field.js +0 -14
  14. package/build/input-control/input-field.js.map +1 -1
  15. package/build/mobile/utils/get-px-from-css-unit.native.js +1 -1
  16. package/build/mobile/utils/get-px-from-css-unit.native.js.map +1 -1
  17. package/build/notice/types.js.map +1 -1
  18. package/build/popover/types.js.map +1 -1
  19. package/build/private-apis.js +4 -1
  20. package/build/private-apis.js.map +1 -1
  21. package/build/snackbar/index.js +16 -11
  22. package/build/snackbar/index.js.map +1 -1
  23. package/build/snackbar/types.js.map +1 -1
  24. package/build/spinner/index.js +5 -5
  25. package/build/spinner/index.js.map +1 -1
  26. package/build/textarea-control/styles/textarea-control-styles.js +3 -3
  27. package/build/textarea-control/styles/textarea-control-styles.js.map +1 -1
  28. package/build/utils/strings.js +1 -1
  29. package/build/utils/strings.js.map +1 -1
  30. package/build/utils/with-ignore-ime-events.js +5 -5
  31. package/build/utils/with-ignore-ime-events.js.map +1 -1
  32. package/build-module/color-picker/color-copy-button.js +4 -3
  33. package/build-module/color-picker/color-copy-button.js.map +1 -1
  34. package/build-module/drop-zone/index.js +2 -1
  35. package/build-module/drop-zone/index.js.map +1 -1
  36. package/build-module/drop-zone/types.js.map +1 -1
  37. package/build-module/focal-point-picker/styles/focal-point-picker-style.js +11 -11
  38. package/build-module/focal-point-picker/styles/focal-point-picker-style.js.map +1 -1
  39. package/build-module/form-token-field/index.js +2 -2
  40. package/build-module/form-token-field/index.js.map +1 -1
  41. package/build-module/form-token-field/suggestions-list.js +2 -8
  42. package/build-module/form-token-field/suggestions-list.js.map +1 -1
  43. package/build-module/input-control/input-field.js +0 -14
  44. package/build-module/input-control/input-field.js.map +1 -1
  45. package/build-module/mobile/utils/get-px-from-css-unit.native.js +1 -1
  46. package/build-module/mobile/utils/get-px-from-css-unit.native.js.map +1 -1
  47. package/build-module/notice/types.js.map +1 -1
  48. package/build-module/popover/types.js.map +1 -1
  49. package/build-module/private-apis.js +5 -2
  50. package/build-module/private-apis.js.map +1 -1
  51. package/build-module/snackbar/index.js +16 -11
  52. package/build-module/snackbar/index.js.map +1 -1
  53. package/build-module/snackbar/types.js.map +1 -1
  54. package/build-module/spinner/index.js +5 -5
  55. package/build-module/spinner/index.js.map +1 -1
  56. package/build-module/textarea-control/styles/textarea-control-styles.js +3 -3
  57. package/build-module/textarea-control/styles/textarea-control-styles.js.map +1 -1
  58. package/build-module/utils/strings.js +1 -1
  59. package/build-module/utils/strings.js.map +1 -1
  60. package/build-module/utils/with-ignore-ime-events.js +5 -5
  61. package/build-module/utils/with-ignore-ime-events.js.map +1 -1
  62. package/build-style/style-rtl.css +81 -70
  63. package/build-style/style.css +81 -70
  64. package/build-types/drop-zone/index.d.ts +1 -1
  65. package/build-types/drop-zone/index.d.ts.map +1 -1
  66. package/build-types/drop-zone/stories/index.story.d.ts.map +1 -1
  67. package/build-types/drop-zone/types.d.ts +6 -0
  68. package/build-types/drop-zone/types.d.ts.map +1 -1
  69. package/build-types/form-token-field/index.d.ts.map +1 -1
  70. package/build-types/form-token-field/suggestions-list.d.ts.map +1 -1
  71. package/build-types/input-control/input-field.d.ts.map +1 -1
  72. package/build-types/notice/types.d.ts +3 -1
  73. package/build-types/notice/types.d.ts.map +1 -1
  74. package/build-types/popover/types.d.ts +4 -0
  75. package/build-types/popover/types.d.ts.map +1 -1
  76. package/build-types/private-apis.d.ts.map +1 -1
  77. package/build-types/snackbar/index.d.ts +1 -1
  78. package/build-types/snackbar/index.d.ts.map +1 -1
  79. package/build-types/snackbar/types.d.ts +1 -1
  80. package/build-types/snackbar/types.d.ts.map +1 -1
  81. package/build-types/spinner/index.d.ts +5 -5
  82. package/build-types/textarea-control/styles/textarea-control-styles.d.ts.map +1 -1
  83. package/build-types/utils/strings.d.ts.map +1 -1
  84. package/build-types/utils/with-ignore-ime-events.d.ts +4 -4
  85. package/build-types/utils/with-ignore-ime-events.d.ts.map +1 -1
  86. package/package.json +19 -19
  87. package/src/color-picker/color-copy-button.tsx +4 -4
  88. package/src/drop-zone/index.tsx +2 -1
  89. package/src/drop-zone/stories/index.story.tsx +15 -0
  90. package/src/drop-zone/types.ts +6 -0
  91. package/src/focal-point-picker/styles/focal-point-picker-style.ts +1 -1
  92. package/src/form-token-field/index.tsx +5 -2
  93. package/src/form-token-field/suggestions-list.tsx +4 -8
  94. package/src/form-token-field/test/index.tsx +39 -0
  95. package/src/input-control/input-field.tsx +0 -18
  96. package/src/input-control/test/index.js +0 -17
  97. package/src/mobile/utils/get-px-from-css-unit.native.js +1 -1
  98. package/src/notice/README.md +3 -2
  99. package/src/notice/types.ts +3 -1
  100. package/src/popover/README.md +11 -0
  101. package/src/popover/types.ts +4 -0
  102. package/src/private-apis.ts +4 -1
  103. package/src/snackbar/index.tsx +30 -17
  104. package/src/snackbar/style.scss +2 -1
  105. package/src/snackbar/types.ts +4 -1
  106. package/src/spinner/index.tsx +5 -5
  107. package/src/text-control/style.scss +3 -1
  108. package/src/textarea-control/styles/textarea-control-styles.ts +2 -0
  109. package/src/toolbar/toolbar/style.scss +3 -6
  110. package/src/toolbar/toolbar-group/style.scss +4 -4
  111. package/src/utils/strings.ts +1 -0
  112. package/src/utils/test/strings.js +11 -0
  113. package/src/utils/with-ignore-ime-events.ts +5 -5
  114. 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;
@@ -1436,13 +1472,13 @@ body.is-dragging-components-draggable {
1436
1472
  .components-form-token-field__input-container {
1437
1473
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1438
1474
  padding: 6px 8px;
1439
- box-shadow: 0 0 0 transparent;
1440
- border-radius: 2px;
1441
- border: 1px solid #949494;
1442
1475
  /* Fonts smaller than 16px causes mobile safari to zoom. */
1443
1476
  font-size: 16px;
1444
1477
  /* Override core line-height. To be reviewed. */
1445
1478
  line-height: normal;
1479
+ box-shadow: 0 0 0 transparent;
1480
+ border-radius: 2px;
1481
+ border: 1px solid #949494;
1446
1482
  width: 100%;
1447
1483
  padding: 0;
1448
1484
  cursor: text;
@@ -2389,13 +2425,13 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
2389
2425
  .components-placeholder__input[type=url] {
2390
2426
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2391
2427
  padding: 6px 8px;
2392
- box-shadow: 0 0 0 transparent;
2393
- border-radius: 2px;
2394
- border: 1px solid #949494;
2395
2428
  /* Fonts smaller than 16px causes mobile safari to zoom. */
2396
2429
  font-size: 16px;
2397
2430
  /* Override core line-height. To be reviewed. */
2398
2431
  line-height: normal;
2432
+ box-shadow: 0 0 0 transparent;
2433
+ border-radius: 2px;
2434
+ border: 1px solid #949494;
2399
2435
  flex: 1 1 auto;
2400
2436
  }
2401
2437
  @media not (prefers-reduced-motion) {
@@ -2671,15 +2707,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
2671
2707
  .components-radio-control__input[type=radio] {
2672
2708
  grid-column: 1;
2673
2709
  grid-row: 1;
2674
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2675
- padding: 6px 8px;
2676
- box-shadow: 0 0 0 transparent;
2677
- border-radius: 2px;
2678
- border: 1px solid #949494;
2679
- /* Fonts smaller than 16px causes mobile safari to zoom. */
2680
- font-size: 16px;
2681
- /* Override core line-height. To be reviewed. */
2682
- line-height: normal;
2683
2710
  border: 1px solid #1e1e1e;
2684
2711
  margin-right: 12px;
2685
2712
  transition: none;
@@ -2700,27 +2727,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
2700
2727
  transition: box-shadow 0.1s linear;
2701
2728
  }
2702
2729
  }
2703
- @media (min-width: 600px) {
2704
- .components-radio-control__input[type=radio] {
2705
- font-size: 13px;
2706
- /* Override core line-height. To be reviewed. */
2707
- line-height: normal;
2708
- }
2709
- }
2710
- .components-radio-control__input[type=radio]:focus {
2711
- border-color: var(--wp-admin-theme-color);
2712
- box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
2713
- outline: 2px solid transparent;
2714
- }
2715
- .components-radio-control__input[type=radio]::-webkit-input-placeholder {
2716
- color: rgba(30, 30, 30, 0.62);
2717
- }
2718
- .components-radio-control__input[type=radio]::-moz-placeholder {
2719
- color: rgba(30, 30, 30, 0.62);
2720
- }
2721
- .components-radio-control__input[type=radio]:-ms-input-placeholder {
2722
- color: rgba(30, 30, 30, 0.62);
2723
- }
2724
2730
  @media (min-width: 600px) {
2725
2731
  .components-radio-control__input[type=radio] {
2726
2732
  height: 16px;
@@ -3028,16 +3034,19 @@ body.lockscroll {
3028
3034
  cursor: pointer;
3029
3035
  }
3030
3036
 
3031
- .components-snackbar__action.components-button {
3037
+ .components-snackbar__action.components-button,
3038
+ .components-snackbar__action.components-external-link {
3032
3039
  margin-left: 32px;
3033
3040
  color: #fff;
3034
3041
  flex-shrink: 0;
3035
3042
  }
3036
- .components-snackbar__action.components-button:focus {
3043
+ .components-snackbar__action.components-button:focus,
3044
+ .components-snackbar__action.components-external-link:focus {
3037
3045
  box-shadow: none;
3038
3046
  outline: 1px dotted #fff;
3039
3047
  }
3040
- .components-snackbar__action.components-button:hover {
3048
+ .components-snackbar__action.components-button:hover,
3049
+ .components-snackbar__action.components-external-link:hover {
3041
3050
  text-decoration: none;
3042
3051
  color: currentColor;
3043
3052
  }
@@ -3157,15 +3166,17 @@ body.lockscroll {
3157
3166
  width: 100%;
3158
3167
  height: 32px;
3159
3168
  margin: 0;
3169
+ background: var(--wp-components-color-background, #fff);
3170
+ color: var(--wp-components-color-foreground, #1e1e1e);
3160
3171
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
3161
3172
  padding: 6px 8px;
3162
- box-shadow: 0 0 0 transparent;
3163
- border-radius: 2px;
3164
- border: 1px solid #949494;
3165
3173
  /* Fonts smaller than 16px causes mobile safari to zoom. */
3166
3174
  font-size: 16px;
3167
3175
  /* Override core line-height. To be reviewed. */
3168
3176
  line-height: normal;
3177
+ box-shadow: 0 0 0 transparent;
3178
+ border-radius: 2px;
3179
+ border: 1px solid #949494;
3169
3180
  }
3170
3181
  @media not (prefers-reduced-motion) {
3171
3182
  .components-text-control__input,
@@ -3219,8 +3230,8 @@ body.lockscroll {
3219
3230
  .components-text-control__input[type=email]:focus,
3220
3231
  .components-text-control__input[type=month]:focus,
3221
3232
  .components-text-control__input[type=number]:focus {
3222
- border-color: var(--wp-admin-theme-color);
3223
- 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));
3224
3235
  outline: 2px solid transparent;
3225
3236
  }
3226
3237
  .components-text-control__input::-webkit-input-placeholder,
@@ -3324,7 +3335,7 @@ body.lockscroll {
3324
3335
 
3325
3336
  .components-accessible-toolbar {
3326
3337
  display: inline-flex;
3327
- border: 1px solid #1e1e1e;
3338
+ border: 1px solid var(--wp-components-color-foreground, #1e1e1e);
3328
3339
  border-radius: 2px;
3329
3340
  flex-shrink: 0;
3330
3341
  }
@@ -3391,7 +3402,7 @@ body.lockscroll {
3391
3402
  }
3392
3403
  .components-accessible-toolbar .components-button.is-pressed::before,
3393
3404
  .components-toolbar .components-button.is-pressed::before {
3394
- background: #1e1e1e;
3405
+ background: var(--wp-components-color-foreground, #1e1e1e);
3395
3406
  }
3396
3407
  .components-accessible-toolbar .components-button:focus::before,
3397
3408
  .components-toolbar .components-button:focus::before {
@@ -3435,8 +3446,8 @@ body.lockscroll {
3435
3446
 
3436
3447
  .components-toolbar-group {
3437
3448
  min-height: 48px;
3438
- border-right: 1px solid #1e1e1e;
3439
- background-color: #fff;
3449
+ border-right: 1px solid var(--wp-components-color-foreground, #1e1e1e);
3450
+ background-color: var(--wp-components-color-background, #fff);
3440
3451
  display: inline-flex;
3441
3452
  flex-shrink: 0;
3442
3453
  flex-wrap: wrap;
@@ -3468,8 +3479,8 @@ body.lockscroll {
3468
3479
  .components-toolbar {
3469
3480
  min-height: 48px;
3470
3481
  margin: 0;
3471
- border: 1px solid #1e1e1e;
3472
- background-color: #fff;
3482
+ border: 1px solid var(--wp-components-color-foreground, #1e1e1e);
3483
+ background-color: var(--wp-components-color-background, #fff);
3473
3484
  display: inline-flex;
3474
3485
  flex-shrink: 0;
3475
3486
  flex-wrap: wrap;
@@ -26,6 +26,6 @@ import type { WordPressComponentProps } from '../context';
26
26
  * }
27
27
  * ```
28
28
  */
29
- export declare function DropZoneComponent({ className, label, onFilesDrop, onHTMLDrop, onDrop, isEligible, ...restProps }: WordPressComponentProps<DropZoneProps, 'div', false>): import("react").JSX.Element;
29
+ export declare function DropZoneComponent({ className, icon, label, onFilesDrop, onHTMLDrop, onDrop, isEligible, ...restProps }: WordPressComponentProps<DropZoneProps, 'div', false>): import("react").JSX.Element;
30
30
  export default DropZoneComponent;
31
31
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/drop-zone/index.tsx"],"names":[],"mappings":"AAcA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,iBAAiB,CAAE,EAClC,SAAS,EACT,KAAK,EACL,WAAW,EACX,UAAU,EACV,MAAM,EACN,UAAuB,EACvB,GAAG,SAAS,EACZ,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,EAAE,KAAK,CAAE,+BAqFxD;AAED,eAAe,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/drop-zone/index.tsx"],"names":[],"mappings":"AAcA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,iBAAiB,CAAE,EAClC,SAAS,EACT,IAAa,EACb,KAAK,EACL,WAAW,EACX,UAAU,EACV,MAAM,EACN,UAAuB,EACvB,GAAG,SAAS,EACZ,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,EAAE,KAAK,CAAE,+BAqFxD;AAED,eAAe,iBAAiB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/drop-zone/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AACtD;;GAEG;AACH,OAAO,QAAQ,MAAM,IAAI,CAAC;AAE1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,QAAQ,CAShC,CAAC;AACF,eAAe,IAAI,CAAC;AAiBpB,eAAO,MAAM,OAAO,0SAAsB,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/drop-zone/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,QAAQ,MAAM,IAAI,CAAC;AAI1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,QAAQ,CAgBhC,CAAC;AACF,eAAe,IAAI,CAAC;AAiBpB,eAAO,MAAM,OAAO,0SAAsB,CAAC"}
@@ -4,6 +4,12 @@ export type DropZoneProps = {
4
4
  * A CSS `class` to give to the wrapper element.
5
5
  */
6
6
  className?: string;
7
+ /**
8
+ * An icon to be shown within the drop zone area.
9
+ *
10
+ * @default "upload"
11
+ */
12
+ icon?: JSX.Element;
7
13
  /**
8
14
  * A string to be shown within the drop zone area.
9
15
  *
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/drop-zone/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAEnD,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAE,KAAK,EAAE,SAAS,KAAM,IAAI,CAAC;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAE,KAAK,EAAE,IAAI,EAAE,KAAM,IAAI,CAAC;IACxC;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IACtC;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAE,YAAY,EAAE,YAAY,KAAM,OAAO,CAAC;CACvD,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/drop-zone/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAEnD,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAE,KAAK,EAAE,SAAS,KAAM,IAAI,CAAC;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAE,KAAK,EAAE,IAAI,EAAE,KAAM,IAAI,CAAC;IACxC;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IACtC;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAE,YAAY,EAAE,YAAY,KAAM,OAAO,CAAC;CACvD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form-token-field/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,SAAS,CAAC;AAa9D;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAE,KAAK,EAAE,mBAAmB,+BA+sBzD;AAED,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form-token-field/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,SAAS,CAAC;AAa9D;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAE,KAAK,EAAE,mBAAmB,+BAktBzD;AAED,eAAe,cAAc,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"suggestions-list.d.ts","sourceRoot":"","sources":["../../src/form-token-field/suggestions-list.tsx"],"names":[],"mappings":"AAYA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAOpD,wBAAgB,eAAe,CAC9B,CAAC,SAAS,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,EACtD,EACF,aAAa,EACb,cAAc,EACd,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,wBAAwB,GACxB,EAAE,oBAAoB,CAAE,CAAC,CAAE,+BAoI3B;AAED,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"suggestions-list.d.ts","sourceRoot":"","sources":["../../src/form-token-field/suggestions-list.tsx"],"names":[],"mappings":"AAYA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAOpD,wBAAgB,eAAe,CAC9B,CAAC,SAAS,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,EACtD,EACF,aAAa,EACb,cAAc,EACd,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,wBAAwB,GACxB,EAAE,oBAAoB,CAAE,CAAC,CAAE,+BAgI3B;AAED,eAAe,eAAe,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../src/input-control/input-field.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA4M/C,QAAA,MAAM,kBAAkB,yRAA2B,CAAC;AAEpD,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../src/input-control/input-field.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA2L/C,QAAA,MAAM,kBAAkB,yRAA2B,CAAC;AAEpD,eAAe,kBAAkB,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"}
@@ -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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"}
@@ -1 +1 @@
1
- {"version":3,"file":"private-apis.d.ts","sourceRoot":"","sources":["../src/private-apis.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,WAAW,IAAK,CAAC"}
1
+ {"version":3,"file":"private-apis.d.ts","sourceRoot":"","sources":["../src/private-apis.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,WAAW,IAAK,CAAC"}
@@ -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":"strings.d.ts","sourceRoot":"","sources":["../../src/utils/strings.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,mBAAmB,UAAY,MAAM,KAAI,MAIrD,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAE,GAAG,EAAE,OAAO,UActC;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAE,MAAM,EAAE,MAAM,GAAI,MAAM,CAErD"}
1
+ {"version":3,"file":"strings.d.ts","sourceRoot":"","sources":["../../src/utils/strings.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,mBAAmB,UAAY,MAAM,KAAI,MAKrD,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAE,GAAG,EAAE,OAAO,UActC;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAE,MAAM,EAAE,MAAM,GAAI,MAAM,CAErD"}
@@ -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.9.0",
3
+ "version": "29.11.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.23.0",
48
- "@wordpress/compose": "^7.23.0",
49
- "@wordpress/date": "^5.23.0",
50
- "@wordpress/deprecated": "^4.23.0",
51
- "@wordpress/dom": "^4.23.0",
52
- "@wordpress/element": "^6.23.0",
53
- "@wordpress/escape-html": "^3.23.0",
54
- "@wordpress/hooks": "^4.23.0",
55
- "@wordpress/html-entities": "^4.23.0",
56
- "@wordpress/i18n": "^5.23.0",
57
- "@wordpress/icons": "^10.23.0",
58
- "@wordpress/is-shallow-equal": "^5.23.0",
59
- "@wordpress/keycodes": "^4.23.0",
60
- "@wordpress/primitives": "^4.23.0",
61
- "@wordpress/private-apis": "^1.23.0",
62
- "@wordpress/rich-text": "^7.23.0",
63
- "@wordpress/warning": "^3.23.0",
47
+ "@wordpress/a11y": "^4.25.0",
48
+ "@wordpress/compose": "^7.25.0",
49
+ "@wordpress/date": "^5.25.0",
50
+ "@wordpress/deprecated": "^4.25.0",
51
+ "@wordpress/dom": "^4.25.0",
52
+ "@wordpress/element": "^6.25.0",
53
+ "@wordpress/escape-html": "^3.25.0",
54
+ "@wordpress/hooks": "^4.25.0",
55
+ "@wordpress/html-entities": "^4.25.0",
56
+ "@wordpress/i18n": "^5.25.0",
57
+ "@wordpress/icons": "^10.25.0",
58
+ "@wordpress/is-shallow-equal": "^5.25.0",
59
+ "@wordpress/keycodes": "^4.25.0",
60
+ "@wordpress/primitives": "^4.25.0",
61
+ "@wordpress/private-apis": "^1.25.0",
62
+ "@wordpress/rich-text": "^7.25.0",
63
+ "@wordpress/warning": "^3.25.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": "ab5c79cd40adbb68898536c50e035b0a734338ea"
88
+ "gitHead": "d1acd76ffff33ab01f0a948d2f51e5e45c95158d"
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>
@@ -43,6 +43,7 @@ import type { WordPressComponentProps } from '../context';
43
43
  */
44
44
  export function DropZoneComponent( {
45
45
  className,
46
+ icon = upload,
46
47
  label,
47
48
  onFilesDrop,
48
49
  onHTMLDrop,
@@ -124,7 +125,7 @@ export function DropZoneComponent( {
124
125
  <div className="components-drop-zone__content">
125
126
  <div className="components-drop-zone__content-inner">
126
127
  <Icon
127
- icon={ upload }
128
+ icon={ icon }
128
129
  className="components-drop-zone__content-icon"
129
130
  />
130
131
  <span className="components-drop-zone__content-text">
@@ -2,15 +2,30 @@
2
2
  * External dependencies
3
3
  */
4
4
  import type { Meta, StoryFn } from '@storybook/react';
5
+
6
+ /**
7
+ * WordPress dependencies
8
+ */
9
+ import { upload, media } from '@wordpress/icons';
10
+
5
11
  /**
6
12
  * Internal dependencies
7
13
  */
8
14
  import DropZone from '..';
9
15
 
16
+ const ICONS = { upload, media };
17
+
10
18
  const meta: Meta< typeof DropZone > = {
11
19
  component: DropZone,
12
20
  id: 'components-dropzone',
13
21
  title: 'Components/Selection & Input/File Upload/DropZone',
22
+ argTypes: {
23
+ icon: {
24
+ control: { type: 'select' },
25
+ options: Object.keys( ICONS ),
26
+ mapping: ICONS,
27
+ },
28
+ },
14
29
  parameters: {
15
30
  actions: { argTypesRegex: '^on.*' },
16
31
  controls: { expanded: true },