@wordpress/components 19.8.1 → 19.9.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 (116) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/build/alignment-matrix-control/styles/alignment-matrix-control-styles.js +11 -11
  3. package/build/alignment-matrix-control/styles/alignment-matrix-control-styles.js.map +1 -1
  4. package/build/heading/hook.js +1 -1
  5. package/build/heading/hook.js.map +1 -1
  6. package/build/input-control/index.js +26 -4
  7. package/build/input-control/index.js.map +1 -1
  8. package/build/input-control/styles/input-control-styles.js +25 -25
  9. package/build/input-control/styles/input-control-styles.js.map +1 -1
  10. package/build/navigation/styles/navigation-styles.js +12 -12
  11. package/build/navigation/styles/navigation-styles.js.map +1 -1
  12. package/build/notice/index.native.js +44 -40
  13. package/build/notice/index.native.js.map +1 -1
  14. package/build/notice/list.native.js +27 -45
  15. package/build/notice/list.native.js.map +1 -1
  16. package/build/palette-edit/index.js +2 -1
  17. package/build/palette-edit/index.js.map +1 -1
  18. package/build/sandbox/index.js +2 -2
  19. package/build/sandbox/index.js.map +1 -1
  20. package/build/select-control/styles/select-control-styles.js +5 -5
  21. package/build/select-control/styles/select-control-styles.js.map +1 -1
  22. package/build/surface/styles.js +8 -8
  23. package/build/surface/styles.js.map +1 -1
  24. package/build/text/hook.js +5 -5
  25. package/build/text/hook.js.map +1 -1
  26. package/build/text/styles/text-mixins.native.js +1 -1
  27. package/build/text/styles/text-mixins.native.js.map +1 -1
  28. package/build/text/styles.js +7 -7
  29. package/build/text/styles.js.map +1 -1
  30. package/build/ui/spinner/component.js +1 -1
  31. package/build/ui/spinner/component.js.map +1 -1
  32. package/build/utils/colors-values.js +9 -24
  33. package/build/utils/colors-values.js.map +1 -1
  34. package/build-module/alignment-matrix-control/styles/alignment-matrix-control-styles.js +11 -11
  35. package/build-module/alignment-matrix-control/styles/alignment-matrix-control-styles.js.map +1 -1
  36. package/build-module/heading/hook.js +1 -1
  37. package/build-module/heading/hook.js.map +1 -1
  38. package/build-module/input-control/index.js +23 -3
  39. package/build-module/input-control/index.js.map +1 -1
  40. package/build-module/input-control/styles/input-control-styles.js +25 -25
  41. package/build-module/input-control/styles/input-control-styles.js.map +1 -1
  42. package/build-module/navigation/styles/navigation-styles.js +13 -13
  43. package/build-module/navigation/styles/navigation-styles.js.map +1 -1
  44. package/build-module/notice/index.native.js +45 -41
  45. package/build-module/notice/index.native.js.map +1 -1
  46. package/build-module/notice/list.native.js +28 -46
  47. package/build-module/notice/list.native.js.map +1 -1
  48. package/build-module/palette-edit/index.js +3 -2
  49. package/build-module/palette-edit/index.js.map +1 -1
  50. package/build-module/sandbox/index.js +2 -2
  51. package/build-module/sandbox/index.js.map +1 -1
  52. package/build-module/select-control/styles/select-control-styles.js +5 -5
  53. package/build-module/select-control/styles/select-control-styles.js.map +1 -1
  54. package/build-module/surface/styles.js +8 -8
  55. package/build-module/surface/styles.js.map +1 -1
  56. package/build-module/text/hook.js +5 -5
  57. package/build-module/text/hook.js.map +1 -1
  58. package/build-module/text/styles/text-mixins.native.js +2 -2
  59. package/build-module/text/styles/text-mixins.native.js.map +1 -1
  60. package/build-module/text/styles.js +7 -7
  61. package/build-module/text/styles.js.map +1 -1
  62. package/build-module/ui/spinner/component.js +1 -1
  63. package/build-module/ui/spinner/component.js.map +1 -1
  64. package/build-module/utils/colors-values.js +19 -23
  65. package/build-module/utils/colors-values.js.map +1 -1
  66. package/build-style/style-rtl.css +17 -0
  67. package/build-style/style.css +17 -0
  68. package/build-types/color-picker/styles.d.ts +1 -1
  69. package/build-types/input-control/index.d.ts +22 -3
  70. package/build-types/input-control/index.d.ts.map +1 -1
  71. package/build-types/input-control/input-field.d.ts +1 -1
  72. package/build-types/input-control/input-field.d.ts.map +1 -1
  73. package/build-types/input-control/stories/index.d.ts +5 -5
  74. package/build-types/input-control/styles/input-control-styles.d.ts.map +1 -1
  75. package/build-types/input-control/types.d.ts +73 -3
  76. package/build-types/input-control/types.d.ts.map +1 -1
  77. package/build-types/number-control/styles/number-control-styles.d.ts +1 -1
  78. package/build-types/text/test/index.d.ts +2 -0
  79. package/build-types/text/test/index.d.ts.map +1 -0
  80. package/build-types/utils/colors-values.d.ts +6 -146
  81. package/build-types/utils/colors-values.d.ts.map +1 -1
  82. package/package.json +17 -17
  83. package/src/alignment-matrix-control/styles/alignment-matrix-control-styles.js +5 -3
  84. package/src/heading/hook.ts +1 -1
  85. package/src/heading/test/__snapshots__/index.js.snap +3 -3
  86. package/src/input-control/README.md +2 -2
  87. package/src/input-control/index.tsx +22 -3
  88. package/src/input-control/stories/index.tsx +63 -0
  89. package/src/input-control/styles/input-control-styles.tsx +1 -2
  90. package/src/input-control/types.ts +73 -2
  91. package/src/navigation/styles/navigation-styles.js +5 -5
  92. package/src/notice/index.native.js +44 -54
  93. package/src/notice/list.native.js +27 -51
  94. package/src/notice/style.native.scss +1 -0
  95. package/src/palette-edit/index.js +8 -2
  96. package/src/query-controls/README.md +2 -2
  97. package/src/sandbox/index.js +2 -2
  98. package/src/select-control/styles/select-control-styles.ts +1 -1
  99. package/src/surface/styles.js +1 -1
  100. package/src/text/hook.js +1 -1
  101. package/src/text/styles/text-mixins.native.js +2 -2
  102. package/src/text/styles.js +1 -1
  103. package/src/text/test/__snapshots__/{index.js.snap → index.tsx.snap} +16 -0
  104. package/src/text/test/{index.js → index.tsx} +12 -6
  105. package/src/toolbar-group/style.scss +20 -0
  106. package/src/tools-panel/test/__snapshots__/index.js.snap +1 -1
  107. package/src/ui/spinner/component.js +1 -1
  108. package/src/ui/spinner/test/__snapshots__/index.js.snap +3 -3
  109. package/src/utils/colors-values.js +18 -22
  110. package/tsconfig.json +8 -2
  111. package/tsconfig.tsbuildinfo +1 -1
  112. package/build-types/spinner/styles/spinner-styles.d.ts +0 -5
  113. package/build-types/spinner/styles/spinner-styles.d.ts.map +0 -1
  114. package/build-types/toggle-group-control/toggle-group-control-option/styles.d.ts +0 -15
  115. package/build-types/toggle-group-control/toggle-group-control-option/styles.d.ts.map +0 -1
  116. package/src/input-control/stories/index.js +0 -71
@@ -1,5 +0,0 @@
1
- export const StyledSpinner: import("@emotion/styled").StyledComponent<{
2
- theme?: import("@emotion/react").Theme | undefined;
3
- as?: import("react").ElementType<any> | undefined;
4
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
5
- //# sourceMappingURL=spinner-styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"spinner-styles.d.ts","sourceRoot":"","sources":["../../../src/spinner/styles/spinner-styles.js"],"names":[],"mappings":"AAuBA;;;4GAuBE"}
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const LabelView: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
- export declare const labelBlock: import("@emotion/utils").SerializedStyles;
7
- export declare const buttonView: import("@emotion/utils").SerializedStyles;
8
- export declare const buttonActive: import("@emotion/utils").SerializedStyles;
9
- export declare const ButtonContentView: import("@emotion/styled").StyledComponent<{
10
- theme?: import("@emotion/react").Theme | undefined;
11
- as?: import("react").ElementType<any> | undefined;
12
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
13
- export declare const separatorActive: import("@emotion/utils").SerializedStyles;
14
- export declare const medium: import("@emotion/utils").SerializedStyles;
15
- //# sourceMappingURL=styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control-option/styles.ts"],"names":[],"mappings":";AAWA,eAAO,MAAM,SAAS;;;yGAKrB,CAAC;AAEF,eAAO,MAAM,UAAU,2CAEtB,CAAC;AAEF,eAAO,MAAM,UAAU,2CA+BtB,CAAC;AAEF,eAAO,MAAM,YAAY,2CAGxB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAG7B,CAAC;AAEF,eAAO,MAAM,eAAe,2CAE3B,CAAC;AAEF,eAAO,MAAM,MAAM,2CAElB,CAAC"}
@@ -1,71 +0,0 @@
1
- /**
2
- * External dependencies
3
- */
4
- import { boolean, select, text } from '@storybook/addon-knobs';
5
-
6
- /**
7
- * WordPress dependencies
8
- */
9
- import { useState } from '@wordpress/element';
10
-
11
- /**
12
- * Internal dependencies
13
- */
14
- import InputControl from '../';
15
-
16
- export default {
17
- title: 'Components (Experimental)/InputControl',
18
- component: InputControl,
19
- parameters: {
20
- knobs: { disable: false },
21
- },
22
- };
23
-
24
- function Example() {
25
- const [ value, setValue ] = useState( '' );
26
-
27
- const props = {
28
- disabled: boolean( 'disabled', false ),
29
- hideLabelFromVision: boolean( 'hideLabelFromVision', false ),
30
- isPressEnterToChange: boolean( 'isPressEnterToChange', false ),
31
- label: text( 'label', 'Value' ),
32
- labelPosition: select(
33
- 'labelPosition',
34
- {
35
- top: 'top',
36
- side: 'side',
37
- bottom: 'bottom',
38
- },
39
- 'top'
40
- ),
41
- placeholder: text( 'placeholder', 'Placeholder' ),
42
- size: select(
43
- 'size',
44
- {
45
- default: 'default',
46
- small: 'small',
47
- '__unstable-large': '__unstable-large',
48
- },
49
- 'default'
50
- ),
51
- suffix: text( 'suffix', '' ),
52
- prefix: text( 'prefix', '' ),
53
- };
54
-
55
- const suffixMarkup = props.suffix ? <div>{ props.suffix }</div> : null;
56
- const prefixMarkup = props.prefix ? <div>{ props.prefix }</div> : null;
57
-
58
- return (
59
- <InputControl
60
- { ...props }
61
- onChange={ ( v ) => setValue( v ) }
62
- prefix={ prefixMarkup }
63
- suffix={ suffixMarkup }
64
- value={ value }
65
- />
66
- );
67
- }
68
-
69
- export const _default = () => {
70
- return <Example />;
71
- };