@wordpress/components 21.1.2-next.4d3b314fd5.0 → 21.2.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 (152) hide show
  1. package/CHANGELOG.md +14 -1
  2. package/build/border-box-control/utils.js +42 -2
  3. package/build/border-box-control/utils.js.map +1 -1
  4. package/build/combobox-control/index.js +0 -1
  5. package/build/combobox-control/index.js.map +1 -1
  6. package/build/custom-select-control/index.js +4 -2
  7. package/build/custom-select-control/index.js.map +1 -1
  8. package/build/font-size-picker/index.js +46 -55
  9. package/build/font-size-picker/index.js.map +1 -1
  10. package/build/font-size-picker/styles.js +73 -0
  11. package/build/font-size-picker/styles.js.map +1 -0
  12. package/build/font-size-picker/types.js +6 -0
  13. package/build/font-size-picker/types.js.map +1 -0
  14. package/build/font-size-picker/utils.js +17 -15
  15. package/build/font-size-picker/utils.js.map +1 -1
  16. package/build/form-token-field/token-input.js +20 -1
  17. package/build/form-token-field/token-input.js.map +1 -1
  18. package/build/index.js +6 -0
  19. package/build/index.js.map +1 -1
  20. package/build/navigator/navigator-screen/component.js +8 -1
  21. package/build/navigator/navigator-screen/component.js.map +1 -1
  22. package/build/resizable-box/resize-tooltip/utils.js +12 -14
  23. package/build/resizable-box/resize-tooltip/utils.js.map +1 -1
  24. package/build/sandbox/index.js +13 -8
  25. package/build/sandbox/index.js.map +1 -1
  26. package/build/sandbox/index.native.js +3 -1
  27. package/build/sandbox/index.native.js.map +1 -1
  28. package/build/search-control/index.native.js +6 -2
  29. package/build/search-control/index.native.js.map +1 -1
  30. package/build/slot-fill/bubbles-virtually/slot-fill-context.js +8 -2
  31. package/build/slot-fill/bubbles-virtually/slot-fill-context.js.map +1 -1
  32. package/build/slot-fill/bubbles-virtually/slot-fill-provider.js +31 -41
  33. package/build/slot-fill/bubbles-virtually/slot-fill-provider.js.map +1 -1
  34. package/build/slot-fill/bubbles-virtually/use-slot-fills.js +39 -0
  35. package/build/slot-fill/bubbles-virtually/use-slot-fills.js.map +1 -0
  36. package/build/slot-fill/bubbles-virtually/use-slot.js +13 -4
  37. package/build/slot-fill/bubbles-virtually/use-slot.js.map +1 -1
  38. package/build/slot-fill/index.js +8 -0
  39. package/build/slot-fill/index.js.map +1 -1
  40. package/build/toggle-group-control/toggle-group-control-option-base/styles.js +8 -8
  41. package/build/toggle-group-control/toggle-group-control-option-base/styles.js.map +1 -1
  42. package/build-module/border-box-control/utils.js +36 -1
  43. package/build-module/border-box-control/utils.js.map +1 -1
  44. package/build-module/combobox-control/index.js +0 -1
  45. package/build-module/combobox-control/index.js.map +1 -1
  46. package/build-module/custom-select-control/index.js +2 -1
  47. package/build-module/custom-select-control/index.js.map +1 -1
  48. package/build-module/font-size-picker/index.js +45 -53
  49. package/build-module/font-size-picker/index.js.map +1 -1
  50. package/build-module/font-size-picker/styles.js +62 -0
  51. package/build-module/font-size-picker/styles.js.map +1 -0
  52. package/build-module/font-size-picker/types.js +2 -0
  53. package/build-module/font-size-picker/types.js.map +1 -0
  54. package/build-module/font-size-picker/utils.js +21 -15
  55. package/build-module/font-size-picker/utils.js.map +1 -1
  56. package/build-module/form-token-field/token-input.js +21 -2
  57. package/build-module/form-token-field/token-input.js.map +1 -1
  58. package/build-module/index.js +1 -1
  59. package/build-module/index.js.map +1 -1
  60. package/build-module/navigator/navigator-screen/component.js +8 -1
  61. package/build-module/navigator/navigator-screen/component.js.map +1 -1
  62. package/build-module/resizable-box/resize-tooltip/utils.js +13 -15
  63. package/build-module/resizable-box/resize-tooltip/utils.js.map +1 -1
  64. package/build-module/sandbox/index.js +13 -8
  65. package/build-module/sandbox/index.js.map +1 -1
  66. package/build-module/sandbox/index.native.js +3 -1
  67. package/build-module/sandbox/index.native.js.map +1 -1
  68. package/build-module/search-control/index.native.js +6 -2
  69. package/build-module/search-control/index.native.js.map +1 -1
  70. package/build-module/slot-fill/bubbles-virtually/slot-fill-context.js +7 -2
  71. package/build-module/slot-fill/bubbles-virtually/slot-fill-context.js.map +1 -1
  72. package/build-module/slot-fill/bubbles-virtually/slot-fill-provider.js +30 -42
  73. package/build-module/slot-fill/bubbles-virtually/slot-fill-provider.js.map +1 -1
  74. package/build-module/slot-fill/bubbles-virtually/use-slot-fills.js +27 -0
  75. package/build-module/slot-fill/bubbles-virtually/use-slot-fills.js.map +1 -0
  76. package/build-module/slot-fill/bubbles-virtually/use-slot.js +13 -5
  77. package/build-module/slot-fill/bubbles-virtually/use-slot.js.map +1 -1
  78. package/build-module/slot-fill/index.js +1 -0
  79. package/build-module/slot-fill/index.js.map +1 -1
  80. package/build-module/toggle-group-control/toggle-group-control-option-base/styles.js +7 -7
  81. package/build-module/toggle-group-control/toggle-group-control-option-base/styles.js.map +1 -1
  82. package/build-style/style-rtl.css +1 -98
  83. package/build-style/style.css +1 -98
  84. package/build-types/border-box-control/utils.d.ts +1 -3
  85. package/build-types/border-box-control/utils.d.ts.map +1 -1
  86. package/build-types/custom-select-control/index.d.ts +13 -0
  87. package/build-types/custom-select-control/index.d.ts.map +1 -0
  88. package/build-types/custom-select-control/styles.d.ts +9 -0
  89. package/build-types/custom-select-control/styles.d.ts.map +1 -0
  90. package/build-types/font-size-picker/index.d.ts +5 -0
  91. package/build-types/font-size-picker/index.d.ts.map +1 -0
  92. package/build-types/font-size-picker/stories/e2e/index.d.ts +16 -0
  93. package/build-types/font-size-picker/stories/e2e/index.d.ts.map +1 -0
  94. package/build-types/font-size-picker/stories/index.d.ts +31 -0
  95. package/build-types/font-size-picker/stories/index.d.ts.map +1 -0
  96. package/build-types/font-size-picker/styles.d.ts +27 -0
  97. package/build-types/font-size-picker/styles.d.ts.map +1 -0
  98. package/build-types/font-size-picker/test/index.d.ts +2 -0
  99. package/build-types/font-size-picker/test/index.d.ts.map +1 -0
  100. package/build-types/font-size-picker/test/utils.d.ts +2 -0
  101. package/build-types/font-size-picker/test/utils.d.ts.map +1 -0
  102. package/build-types/font-size-picker/types.d.ts +93 -0
  103. package/build-types/font-size-picker/types.d.ts.map +1 -0
  104. package/build-types/font-size-picker/utils.d.ts +41 -0
  105. package/build-types/font-size-picker/utils.d.ts.map +1 -0
  106. package/build-types/form-token-field/token-input.d.ts.map +1 -1
  107. package/build-types/navigator/navigator-screen/component.d.ts.map +1 -1
  108. package/build-types/slot-fill/bubbles-virtually/slot-fill-context.d.ts +2 -2
  109. package/build-types/slot-fill/bubbles-virtually/slot-fill-context.d.ts.map +1 -1
  110. package/build-types/slot-fill/bubbles-virtually/slot-fill-provider.d.ts.map +1 -1
  111. package/build-types/slot-fill/bubbles-virtually/use-slot-fills.d.ts +2 -0
  112. package/build-types/slot-fill/bubbles-virtually/use-slot-fills.d.ts.map +1 -0
  113. package/build-types/slot-fill/bubbles-virtually/use-slot.d.ts.map +1 -1
  114. package/build-types/slot-fill/index.d.ts +1 -0
  115. package/build-types/slot-fill/index.d.ts.map +1 -1
  116. package/build-types/toggle-group-control/toggle-group-control-option-base/styles.d.ts +1 -1
  117. package/build-types/toggle-group-control/toggle-group-control-option-base/styles.d.ts.map +1 -1
  118. package/package.json +19 -18
  119. package/src/alignment-matrix-control/test/index.js +17 -62
  120. package/src/border-box-control/test/utils.js +48 -0
  121. package/src/border-box-control/utils.ts +44 -1
  122. package/src/combobox-control/index.js +0 -5
  123. package/src/custom-select-control/index.js +2 -1
  124. package/src/font-size-picker/{index.js → index.tsx} +113 -79
  125. package/src/font-size-picker/stories/e2e/{index.js → index.tsx} +13 -4
  126. package/src/font-size-picker/stories/{index.js → index.tsx} +42 -36
  127. package/src/font-size-picker/styles.ts +44 -0
  128. package/src/font-size-picker/test/{index.js → index.tsx} +1 -1
  129. package/src/font-size-picker/test/{utils.js → utils.ts} +6 -2
  130. package/src/font-size-picker/types.ts +98 -0
  131. package/src/font-size-picker/{utils.js → utils.ts} +51 -27
  132. package/src/form-token-field/test/index.tsx +22 -1
  133. package/src/form-token-field/token-input.tsx +25 -3
  134. package/src/index.js +1 -0
  135. package/src/navigator/navigator-screen/component.tsx +8 -1
  136. package/src/navigator/test/index.js +119 -54
  137. package/src/placeholder/style.scss +2 -2
  138. package/src/resizable-box/resize-tooltip/utils.ts +13 -13
  139. package/src/sandbox/index.js +13 -7
  140. package/src/sandbox/index.native.js +3 -0
  141. package/src/search-control/index.native.js +6 -0
  142. package/src/slot-fill/bubbles-virtually/slot-fill-context.js +6 -2
  143. package/src/slot-fill/bubbles-virtually/slot-fill-provider.js +51 -58
  144. package/src/slot-fill/bubbles-virtually/use-slot-fills.js +24 -0
  145. package/src/slot-fill/bubbles-virtually/use-slot.js +11 -6
  146. package/src/slot-fill/index.js +1 -0
  147. package/src/style.scss +0 -1
  148. package/src/toggle-group-control/test/__snapshots__/index.tsx.snap +1 -0
  149. package/src/toggle-group-control/toggle-group-control-option-base/styles.ts +9 -7
  150. package/tsconfig.json +0 -2
  151. package/tsconfig.tsbuildinfo +1 -1
  152. package/src/font-size-picker/style.scss +0 -78
@@ -1,78 +0,0 @@
1
- .components-font-size-picker__header {
2
- &__hint {
3
- margin-left: $grid-unit-05;
4
- color: $gray-700;
5
- }
6
-
7
- .components-base-control__label {
8
- margin-bottom: 0;
9
- }
10
-
11
- // This button is inheriting padding and min-width.
12
- // @todo: we should refactor it to not need to unset this.
13
- .components-button.is-small.has-icon:not(.has-text) {
14
- min-width: $icon-size;
15
- padding: 0;
16
- }
17
- }
18
-
19
- .components-font-size-picker__controls {
20
- max-width: $sidebar-width - ( 2 * $grid-unit-20 );
21
- align-items: center;
22
- margin-top: $grid-unit-10;
23
-
24
- &:not(.is-next-has-no-margin-bottom) {
25
- margin-bottom: $grid-unit-30;
26
- }
27
-
28
- .components-unit-control-wrapper {
29
- .components-input-control__label {
30
- font-weight: 300;
31
- padding-bottom: 0 !important;
32
- margin-bottom: $grid-unit-10 !important;
33
- }
34
- }
35
-
36
- // Apply the same height as the isSmall Reset button.
37
- .components-font-size-picker__number {
38
- @include input-control;
39
- display: inline-block;
40
- font-weight: 500;
41
- height: 30px;
42
- margin-bottom: 0;
43
- margin-left: 0;
44
- margin-right: $grid-unit-10;
45
- margin-top: $grid-unit-10;
46
- width: 54px;
47
-
48
- // Show the reset button as disabled until a value is entered.
49
- &[value=""] + .components-button {
50
- cursor: default;
51
- opacity: 0.3;
52
- pointer-events: none;
53
- }
54
-
55
- &-container {
56
- display: flex;
57
- flex-direction: column;
58
- }
59
- }
60
-
61
- .components-color-palette__clear {
62
- height: 30px;
63
- }
64
- }
65
-
66
- .components-font-size-picker__custom-input {
67
- .components-range-control__slider + .dashicon {
68
- width: 30px;
69
- height: 30px;
70
- }
71
- }
72
-
73
- .components-font-size-picker {
74
- border: 0;
75
- padding: 0;
76
- margin: 0;
77
- }
78
-