@primer/components 0.0.0-202111231117 → 0.0.0-202111245715

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 (175) hide show
  1. package/CHANGELOG.md +9 -3
  2. package/dist/browser.esm.js +586 -604
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +204 -222
  5. package/dist/browser.umd.js.map +1 -1
  6. package/lib/Autocomplete/AutocompleteMenu.js +13 -6
  7. package/lib/Avatar.d.ts +1 -2
  8. package/lib/Avatar.js +1 -1
  9. package/lib/BranchName.d.ts +1 -2
  10. package/lib/BranchName.js +1 -1
  11. package/lib/Checkbox.d.ts +1 -1
  12. package/lib/Details.d.ts +1 -2
  13. package/lib/Details.js +1 -3
  14. package/lib/Dropdown.d.ts +2 -66
  15. package/lib/Heading.d.ts +1 -2
  16. package/lib/Heading.js +1 -6
  17. package/lib/NewButton/button-base.d.ts +6 -0
  18. package/lib/NewButton/button-base.js +69 -0
  19. package/lib/NewButton/button-link.d.ts +26 -0
  20. package/lib/{ChoiceFieldset/ChoiceFieldLabel.js → NewButton/button-link.js} +14 -18
  21. package/lib/NewButton/button.d.ts +2 -11
  22. package/lib/NewButton/button.js +6 -283
  23. package/lib/NewButton/icon-button.d.ts +4 -0
  24. package/lib/NewButton/icon-button.js +57 -0
  25. package/lib/NewButton/index.d.ts +6 -11
  26. package/lib/NewButton/index.js +18 -0
  27. package/lib/NewButton/styles.d.ts +202 -0
  28. package/lib/NewButton/styles.js +248 -0
  29. package/lib/NewButton/types.d.ts +28 -8
  30. package/lib/NewButton/types.js +19 -1
  31. package/lib/ProgressBar.d.ts +16 -11
  32. package/lib/ProgressBar.js +6 -10
  33. package/lib/Spinner.d.ts +1 -2
  34. package/lib/Spinner.js +1 -3
  35. package/lib/index.d.ts +0 -4
  36. package/lib/index.js +0 -38
  37. package/lib-esm/Autocomplete/AutocompleteMenu.js +13 -3
  38. package/lib-esm/Avatar.d.ts +1 -2
  39. package/lib-esm/Avatar.js +2 -2
  40. package/lib-esm/BranchName.d.ts +1 -2
  41. package/lib-esm/BranchName.js +2 -2
  42. package/lib-esm/Checkbox.d.ts +1 -1
  43. package/lib-esm/Details.d.ts +1 -2
  44. package/lib-esm/Details.js +1 -2
  45. package/lib-esm/Dropdown.d.ts +2 -66
  46. package/lib-esm/Heading.d.ts +1 -2
  47. package/lib-esm/Heading.js +2 -6
  48. package/lib-esm/NewButton/button-base.d.ts +6 -0
  49. package/lib-esm/NewButton/button-base.js +47 -0
  50. package/lib-esm/NewButton/button-link.d.ts +26 -0
  51. package/lib-esm/NewButton/button-link.js +15 -0
  52. package/lib-esm/NewButton/button.d.ts +2 -11
  53. package/lib-esm/NewButton/button.js +4 -275
  54. package/lib-esm/NewButton/icon-button.d.ts +4 -0
  55. package/lib-esm/NewButton/icon-button.js +35 -0
  56. package/lib-esm/NewButton/index.d.ts +6 -11
  57. package/lib-esm/NewButton/index.js +4 -1
  58. package/lib-esm/NewButton/styles.d.ts +202 -0
  59. package/lib-esm/NewButton/styles.js +229 -0
  60. package/lib-esm/NewButton/types.d.ts +28 -8
  61. package/lib-esm/NewButton/types.js +6 -1
  62. package/lib-esm/ProgressBar.d.ts +16 -11
  63. package/lib-esm/ProgressBar.js +7 -11
  64. package/lib-esm/Spinner.d.ts +1 -2
  65. package/lib-esm/Spinner.js +1 -2
  66. package/lib-esm/index.d.ts +0 -4
  67. package/lib-esm/index.js +0 -4
  68. package/package.json +2 -2
  69. package/lib/CheckboxInputField.d.ts +0 -11
  70. package/lib/CheckboxInputField.js +0 -73
  71. package/lib/ChoiceFieldset/ChoiceFieldCaption.d.ts +0 -3
  72. package/lib/ChoiceFieldset/ChoiceFieldCaption.js +0 -35
  73. package/lib/ChoiceFieldset/ChoiceFieldLabel.d.ts +0 -3
  74. package/lib/ChoiceFieldset/ChoiceFieldset.d.ts +0 -65
  75. package/lib/ChoiceFieldset/ChoiceFieldset.js +0 -95
  76. package/lib/ChoiceFieldset/ChoiceFieldsetDescription.d.ts +0 -3
  77. package/lib/ChoiceFieldset/ChoiceFieldsetDescription.js +0 -29
  78. package/lib/ChoiceFieldset/ChoiceFieldsetLegend.d.ts +0 -9
  79. package/lib/ChoiceFieldset/ChoiceFieldsetLegend.js +0 -44
  80. package/lib/ChoiceFieldset/ChoiceFieldsetList.d.ts +0 -9
  81. package/lib/ChoiceFieldset/ChoiceFieldsetList.js +0 -80
  82. package/lib/ChoiceFieldset/ChoiceFieldsetListContext.d.ts +0 -19
  83. package/lib/ChoiceFieldset/ChoiceFieldsetListContext.js +0 -15
  84. package/lib/ChoiceFieldset/ChoiceFieldsetListItem.d.ts +0 -25
  85. package/lib/ChoiceFieldset/ChoiceFieldsetListItem.js +0 -75
  86. package/lib/ChoiceFieldset/ChoiceFieldsetValidation.d.ts +0 -6
  87. package/lib/ChoiceFieldset/ChoiceFieldsetValidation.js +0 -17
  88. package/lib/ChoiceFieldset/index.d.ts +0 -3
  89. package/lib/ChoiceFieldset/index.js +0 -23
  90. package/lib/RadioInputField.d.ts +0 -9
  91. package/lib/RadioInputField.js +0 -82
  92. package/lib/TextInputField.d.ts +0 -581
  93. package/lib/TextInputField.js +0 -66
  94. package/lib/_InputCaption.d.ts +0 -13
  95. package/lib/_InputCaption.js +0 -27
  96. package/lib/_InputField/InputField.d.ts +0 -39
  97. package/lib/_InputField/InputField.js +0 -90
  98. package/lib/_InputField/InputFieldCaption.d.ts +0 -3
  99. package/lib/_InputField/InputFieldCaption.js +0 -30
  100. package/lib/_InputField/InputFieldLabel.d.ts +0 -9
  101. package/lib/_InputField/InputFieldLabel.js +0 -34
  102. package/lib/_InputField/InputFieldValidation.d.ts +0 -6
  103. package/lib/_InputField/InputFieldValidation.js +0 -17
  104. package/lib/_InputField/ToggleInputField.d.ts +0 -13
  105. package/lib/_InputField/ToggleInputField.js +0 -71
  106. package/lib/_InputField/ToggleInputLeadingVisual.d.ts +0 -3
  107. package/lib/_InputField/ToggleInputLeadingVisual.js +0 -22
  108. package/lib/_InputField/ValidationAnimationContainer.d.ts +0 -6
  109. package/lib/_InputField/ValidationAnimationContainer.js +0 -48
  110. package/lib/_InputField/index.d.ts +0 -1
  111. package/lib/_InputField/index.js +0 -15
  112. package/lib/_InputField/slots.d.ts +0 -13
  113. package/lib/_InputField/slots.js +0 -17
  114. package/lib/_InputLabel.d.ts +0 -8
  115. package/lib/_InputLabel.js +0 -44
  116. package/lib/_InputValidation.d.ts +0 -8
  117. package/lib/_InputValidation.js +0 -56
  118. package/lib/_VisuallyHidden.d.ts +0 -6
  119. package/lib/_VisuallyHidden.js +0 -39
  120. package/lib/utils/types/FormValidationStatus.d.ts +0 -1
  121. package/lib/utils/types/FormValidationStatus.js +0 -1
  122. package/lib-esm/CheckboxInputField.d.ts +0 -11
  123. package/lib-esm/CheckboxInputField.js +0 -56
  124. package/lib-esm/ChoiceFieldset/ChoiceFieldCaption.d.ts +0 -3
  125. package/lib-esm/ChoiceFieldset/ChoiceFieldCaption.js +0 -20
  126. package/lib-esm/ChoiceFieldset/ChoiceFieldLabel.d.ts +0 -3
  127. package/lib-esm/ChoiceFieldset/ChoiceFieldLabel.js +0 -20
  128. package/lib-esm/ChoiceFieldset/ChoiceFieldset.d.ts +0 -65
  129. package/lib-esm/ChoiceFieldset/ChoiceFieldset.js +0 -72
  130. package/lib-esm/ChoiceFieldset/ChoiceFieldsetDescription.d.ts +0 -3
  131. package/lib-esm/ChoiceFieldset/ChoiceFieldsetDescription.js +0 -17
  132. package/lib-esm/ChoiceFieldset/ChoiceFieldsetLegend.d.ts +0 -9
  133. package/lib-esm/ChoiceFieldset/ChoiceFieldsetLegend.js +0 -31
  134. package/lib-esm/ChoiceFieldset/ChoiceFieldsetList.d.ts +0 -9
  135. package/lib-esm/ChoiceFieldset/ChoiceFieldsetList.js +0 -63
  136. package/lib-esm/ChoiceFieldset/ChoiceFieldsetListContext.d.ts +0 -19
  137. package/lib-esm/ChoiceFieldset/ChoiceFieldsetListContext.js +0 -5
  138. package/lib-esm/ChoiceFieldset/ChoiceFieldsetListItem.d.ts +0 -25
  139. package/lib-esm/ChoiceFieldset/ChoiceFieldsetListItem.js +0 -51
  140. package/lib-esm/ChoiceFieldset/ChoiceFieldsetValidation.d.ts +0 -6
  141. package/lib-esm/ChoiceFieldset/ChoiceFieldsetValidation.js +0 -7
  142. package/lib-esm/ChoiceFieldset/index.d.ts +0 -3
  143. package/lib-esm/ChoiceFieldset/index.js +0 -2
  144. package/lib-esm/RadioInputField.d.ts +0 -9
  145. package/lib-esm/RadioInputField.js +0 -65
  146. package/lib-esm/TextInputField.d.ts +0 -581
  147. package/lib-esm/TextInputField.js +0 -50
  148. package/lib-esm/_InputCaption.d.ts +0 -13
  149. package/lib-esm/_InputCaption.js +0 -16
  150. package/lib-esm/_InputField/InputField.d.ts +0 -39
  151. package/lib-esm/_InputField/InputField.js +0 -70
  152. package/lib-esm/_InputField/InputFieldCaption.d.ts +0 -3
  153. package/lib-esm/_InputField/InputFieldCaption.js +0 -18
  154. package/lib-esm/_InputField/InputFieldLabel.d.ts +0 -9
  155. package/lib-esm/_InputField/InputFieldLabel.js +0 -22
  156. package/lib-esm/_InputField/InputFieldValidation.d.ts +0 -6
  157. package/lib-esm/_InputField/InputFieldValidation.js +0 -7
  158. package/lib-esm/_InputField/ToggleInputField.d.ts +0 -13
  159. package/lib-esm/_InputField/ToggleInputField.js +0 -54
  160. package/lib-esm/_InputField/ToggleInputLeadingVisual.d.ts +0 -3
  161. package/lib-esm/_InputField/ToggleInputLeadingVisual.js +0 -11
  162. package/lib-esm/_InputField/ValidationAnimationContainer.d.ts +0 -6
  163. package/lib-esm/_InputField/ValidationAnimationContainer.js +0 -33
  164. package/lib-esm/_InputField/index.d.ts +0 -1
  165. package/lib-esm/_InputField/index.js +0 -1
  166. package/lib-esm/_InputField/slots.d.ts +0 -13
  167. package/lib-esm/_InputField/slots.js +0 -5
  168. package/lib-esm/_InputLabel.d.ts +0 -8
  169. package/lib-esm/_InputLabel.js +0 -32
  170. package/lib-esm/_InputValidation.d.ts +0 -8
  171. package/lib-esm/_InputValidation.js +0 -43
  172. package/lib-esm/_VisuallyHidden.d.ts +0 -6
  173. package/lib-esm/_VisuallyHidden.js +0 -26
  174. package/lib-esm/utils/types/FormValidationStatus.d.ts +0 -1
  175. package/lib-esm/utils/types/FormValidationStatus.js +0 -1
@@ -1,65 +0,0 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
- import React from 'react';
4
- import InputField from './_InputField/InputField';
5
- import { Slot } from './_InputField/slots';
6
- import ToggleInputField from './_InputField/ToggleInputField';
7
- import ToggleInputLeadingVisual from './_InputField/ToggleInputLeadingVisual'; // TODO: use Primer's checkbox input once it's available
8
- // https://github.com/github/primer/issues/489
9
-
10
- const RadioInput = props => {
11
- return /*#__PURE__*/React.createElement("input", _extends({
12
- type: "radio"
13
- }, props));
14
- };
15
-
16
- RadioInput.displayName = "RadioInput";
17
-
18
- // pulling out `id`, `disabled`, and `required` because those should come from the parent TextInputField component
19
- const Input = ({
20
- id: idProp,
21
- required: requiredProp,
22
- disabled: disabledProp,
23
- ...rest
24
- }) => {
25
- if (idProp) {
26
- // eslint-disable-next-line no-console
27
- console.warn("instead of passing the 'id' prop directly to <TextInputField.Input>, it should be passed to the parent component, <TextInputField>");
28
- }
29
-
30
- if (disabledProp) {
31
- // eslint-disable-next-line no-console
32
- console.warn("instead of passing the 'disabled' prop directly to <TextInputField.Input>, it should be passed to the parent component, <TextInputField>");
33
- }
34
-
35
- if (requiredProp) {
36
- // eslint-disable-next-line no-console
37
- console.warn("instead of passing the 'required' prop directly to <TextInputField.Input>, it should be passed to the parent component, <TextInputField>");
38
- }
39
-
40
- return /*#__PURE__*/React.createElement(Slot, {
41
- name: "Input"
42
- }, ({
43
- disabled,
44
- id,
45
- required,
46
- captionId
47
- }) => /*#__PURE__*/React.createElement(RadioInput, _extends({
48
- "aria-describedby": captionId,
49
- id: id,
50
- required: required,
51
- disabled: disabled
52
- }, rest)));
53
- };
54
-
55
- Input.displayName = "Input";
56
-
57
- const RadioInputField = props => /*#__PURE__*/React.createElement(ToggleInputField, props);
58
-
59
- RadioInputField.displayName = "RadioInputField";
60
- export default Object.assign(RadioInputField, {
61
- Input,
62
- Caption: InputField.Caption,
63
- Label: InputField.Label,
64
- LeadingVisual: ToggleInputLeadingVisual
65
- });