@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.
- package/CHANGELOG.md +32 -0
- package/build/color-picker/color-copy-button.js +3 -2
- package/build/color-picker/color-copy-button.js.map +1 -1
- package/build/drop-zone/index.js +2 -1
- package/build/drop-zone/index.js.map +1 -1
- package/build/drop-zone/types.js.map +1 -1
- package/build/focal-point-picker/styles/focal-point-picker-style.js +11 -11
- package/build/focal-point-picker/styles/focal-point-picker-style.js.map +1 -1
- package/build/form-token-field/index.js +2 -2
- package/build/form-token-field/index.js.map +1 -1
- package/build/form-token-field/suggestions-list.js +2 -8
- package/build/form-token-field/suggestions-list.js.map +1 -1
- package/build/input-control/input-field.js +0 -14
- package/build/input-control/input-field.js.map +1 -1
- package/build/mobile/utils/get-px-from-css-unit.native.js +1 -1
- package/build/mobile/utils/get-px-from-css-unit.native.js.map +1 -1
- package/build/notice/types.js.map +1 -1
- package/build/popover/types.js.map +1 -1
- package/build/private-apis.js +4 -1
- package/build/private-apis.js.map +1 -1
- package/build/snackbar/index.js +16 -11
- package/build/snackbar/index.js.map +1 -1
- package/build/snackbar/types.js.map +1 -1
- package/build/spinner/index.js +5 -5
- package/build/spinner/index.js.map +1 -1
- package/build/textarea-control/styles/textarea-control-styles.js +3 -3
- package/build/textarea-control/styles/textarea-control-styles.js.map +1 -1
- package/build/utils/strings.js +1 -1
- package/build/utils/strings.js.map +1 -1
- package/build/utils/with-ignore-ime-events.js +5 -5
- package/build/utils/with-ignore-ime-events.js.map +1 -1
- package/build-module/color-picker/color-copy-button.js +4 -3
- package/build-module/color-picker/color-copy-button.js.map +1 -1
- package/build-module/drop-zone/index.js +2 -1
- package/build-module/drop-zone/index.js.map +1 -1
- package/build-module/drop-zone/types.js.map +1 -1
- package/build-module/focal-point-picker/styles/focal-point-picker-style.js +11 -11
- package/build-module/focal-point-picker/styles/focal-point-picker-style.js.map +1 -1
- package/build-module/form-token-field/index.js +2 -2
- package/build-module/form-token-field/index.js.map +1 -1
- package/build-module/form-token-field/suggestions-list.js +2 -8
- package/build-module/form-token-field/suggestions-list.js.map +1 -1
- package/build-module/input-control/input-field.js +0 -14
- package/build-module/input-control/input-field.js.map +1 -1
- package/build-module/mobile/utils/get-px-from-css-unit.native.js +1 -1
- package/build-module/mobile/utils/get-px-from-css-unit.native.js.map +1 -1
- package/build-module/notice/types.js.map +1 -1
- package/build-module/popover/types.js.map +1 -1
- package/build-module/private-apis.js +5 -2
- package/build-module/private-apis.js.map +1 -1
- package/build-module/snackbar/index.js +16 -11
- package/build-module/snackbar/index.js.map +1 -1
- package/build-module/snackbar/types.js.map +1 -1
- package/build-module/spinner/index.js +5 -5
- package/build-module/spinner/index.js.map +1 -1
- package/build-module/textarea-control/styles/textarea-control-styles.js +3 -3
- package/build-module/textarea-control/styles/textarea-control-styles.js.map +1 -1
- package/build-module/utils/strings.js +1 -1
- package/build-module/utils/strings.js.map +1 -1
- package/build-module/utils/with-ignore-ime-events.js +5 -5
- package/build-module/utils/with-ignore-ime-events.js.map +1 -1
- package/build-style/style-rtl.css +81 -70
- package/build-style/style.css +81 -70
- package/build-types/drop-zone/index.d.ts +1 -1
- package/build-types/drop-zone/index.d.ts.map +1 -1
- package/build-types/drop-zone/stories/index.story.d.ts.map +1 -1
- package/build-types/drop-zone/types.d.ts +6 -0
- package/build-types/drop-zone/types.d.ts.map +1 -1
- package/build-types/form-token-field/index.d.ts.map +1 -1
- package/build-types/form-token-field/suggestions-list.d.ts.map +1 -1
- package/build-types/input-control/input-field.d.ts.map +1 -1
- package/build-types/notice/types.d.ts +3 -1
- package/build-types/notice/types.d.ts.map +1 -1
- package/build-types/popover/types.d.ts +4 -0
- package/build-types/popover/types.d.ts.map +1 -1
- package/build-types/private-apis.d.ts.map +1 -1
- package/build-types/snackbar/index.d.ts +1 -1
- package/build-types/snackbar/index.d.ts.map +1 -1
- package/build-types/snackbar/types.d.ts +1 -1
- package/build-types/snackbar/types.d.ts.map +1 -1
- package/build-types/spinner/index.d.ts +5 -5
- package/build-types/textarea-control/styles/textarea-control-styles.d.ts.map +1 -1
- package/build-types/utils/strings.d.ts.map +1 -1
- package/build-types/utils/with-ignore-ime-events.d.ts +4 -4
- package/build-types/utils/with-ignore-ime-events.d.ts.map +1 -1
- package/package.json +19 -19
- package/src/color-picker/color-copy-button.tsx +4 -4
- package/src/drop-zone/index.tsx +2 -1
- package/src/drop-zone/stories/index.story.tsx +15 -0
- package/src/drop-zone/types.ts +6 -0
- package/src/focal-point-picker/styles/focal-point-picker-style.ts +1 -1
- package/src/form-token-field/index.tsx +5 -2
- package/src/form-token-field/suggestions-list.tsx +4 -8
- package/src/form-token-field/test/index.tsx +39 -0
- package/src/input-control/input-field.tsx +0 -18
- package/src/input-control/test/index.js +0 -17
- package/src/mobile/utils/get-px-from-css-unit.native.js +1 -1
- package/src/notice/README.md +3 -2
- package/src/notice/types.ts +3 -1
- package/src/popover/README.md +11 -0
- package/src/popover/types.ts +4 -0
- package/src/private-apis.ts +4 -1
- package/src/snackbar/index.tsx +30 -17
- package/src/snackbar/style.scss +2 -1
- package/src/snackbar/types.ts +4 -1
- package/src/spinner/index.tsx +5 -5
- package/src/text-control/style.scss +3 -1
- package/src/textarea-control/styles/textarea-control-styles.ts +2 -0
- package/src/toolbar/toolbar/style.scss +3 -6
- package/src/toolbar/toolbar-group/style.scss +4 -4
- package/src/utils/strings.ts +1 -0
- package/src/utils/test/strings.js +11 -0
- package/src/utils/with-ignore-ime-events.ts +5 -5
- package/tsconfig.tsbuildinfo +1 -1
package/build-style/style.css
CHANGED
|
@@ -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
|
-
*
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
*
|
|
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
|
-
|
|
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;
|
|
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,+
|
|
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,+
|
|
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":"
|
|
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
|
-
|
|
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;
|
|
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":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,KAAK,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACjD,KAAK,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AACjD,KAAK,cAAc,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE1D,KAAK,wBAAwB,GAAG,OAAO,GAAG;IACzC,aAAa,CAAC,EAAE,QAAQ,CAAC;CACzB,CAAC;AAEF,KAAK,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAC;AAE9C,MAAM,MAAM,yBAAyB,GAAG,gBAAgB,CACvD,OAAO,GAAG,IAAI,GAAG,SAAS,CAC1B,CAAC;AACF,MAAM,MAAM,yBAAyB,GAAG;IAAE,GAAG,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,CAAC;AAE1E,MAAM,MAAM,cAAc,GAAG,IAAI,CAAE,OAAO,EAAE,uBAAuB,CAAE,GAAG;IACvE,aAAa,CAAC,EAAE,QAAQ,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAC1B;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,IAAI,CAAC;IACzC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;;;OAOG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,cAAc,GAAG,OAAO,CAAC;IACxC;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,CAAE,KAAK,EAAE,cAAc,KAAM,IAAI,CAAC;IACnD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EACN,GAAI,aAAc,EAAE,GACpB,GAAI,aAAc,IAAK,aAAc,EAAE,GACvC,GAAI,aAAc,IAAK,aAAc,IAAK,cAAe,EAAE,CAAC;IAC/D
|
|
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":"
|
|
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":"
|
|
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,
|
|
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
|
-
* ```
|
|
8
|
-
*
|
|
7
|
+
* ```jsx
|
|
8
|
+
* import { Spinner } from '@wordpress/components';
|
|
9
9
|
*
|
|
10
|
-
*
|
|
11
|
-
*
|
|
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;
|
|
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,
|
|
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
|
|
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,
|
|
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
|
|
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>(
|
|
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,
|
|
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.
|
|
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.
|
|
48
|
-
"@wordpress/compose": "^7.
|
|
49
|
-
"@wordpress/date": "^5.
|
|
50
|
-
"@wordpress/deprecated": "^4.
|
|
51
|
-
"@wordpress/dom": "^4.
|
|
52
|
-
"@wordpress/element": "^6.
|
|
53
|
-
"@wordpress/escape-html": "^3.
|
|
54
|
-
"@wordpress/hooks": "^4.
|
|
55
|
-
"@wordpress/html-entities": "^4.
|
|
56
|
-
"@wordpress/i18n": "^5.
|
|
57
|
-
"@wordpress/icons": "^10.
|
|
58
|
-
"@wordpress/is-shallow-equal": "^5.
|
|
59
|
-
"@wordpress/keycodes": "^4.
|
|
60
|
-
"@wordpress/primitives": "^4.
|
|
61
|
-
"@wordpress/private-apis": "^1.
|
|
62
|
-
"@wordpress/rich-text": "^7.
|
|
63
|
-
"@wordpress/warning": "^3.
|
|
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": "
|
|
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
|
|
59
|
-
|
|
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>
|
package/src/drop-zone/index.tsx
CHANGED
|
@@ -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={
|
|
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 },
|