@primer/components 0.0.0-2021828205225 → 0.0.0-20218282148

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 (244) hide show
  1. package/CHANGELOG.md +46 -2
  2. package/dist/browser.esm.js +738 -694
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +759 -715
  5. package/dist/browser.umd.js.map +1 -1
  6. package/lib/ActionList/Divider.js +1 -1
  7. package/lib/ActionList/Header.js +2 -2
  8. package/lib/ActionList/Item.js +14 -14
  9. package/lib/ActionList/List.js +1 -1
  10. package/lib/AnchoredOverlay/AnchoredOverlay.js +2 -2
  11. package/lib/Avatar.d.ts +4 -0
  12. package/lib/AvatarPair.js +1 -1
  13. package/lib/AvatarStack.js +1 -1
  14. package/lib/BranchName.js +1 -1
  15. package/lib/Breadcrumbs.d.ts +40 -0
  16. package/lib/{Breadcrumb.js → Breadcrumbs.js} +33 -23
  17. package/lib/Button/Button.d.ts +0 -1
  18. package/lib/Button/Button.js +1 -1
  19. package/lib/Button/ButtonClose.d.ts +1 -2
  20. package/lib/Button/ButtonClose.js +1 -1
  21. package/lib/Button/ButtonDanger.d.ts +0 -1
  22. package/lib/Button/ButtonInvisible.d.ts +0 -1
  23. package/lib/Button/ButtonInvisible.js +1 -1
  24. package/lib/Button/ButtonOutline.d.ts +0 -1
  25. package/lib/Button/ButtonPrimary.d.ts +0 -1
  26. package/lib/Button/ButtonTableList.js +1 -1
  27. package/lib/CircleBadge.js +1 -1
  28. package/lib/CircleOcticon.d.ts +0 -1
  29. package/lib/CircleOcticon.js +1 -1
  30. package/lib/CounterLabel.js +2 -2
  31. package/lib/Dialog/ConfirmationDialog.js +1 -1
  32. package/lib/Dialog/Dialog.js +9 -9
  33. package/lib/Dialog.d.ts +2 -3
  34. package/lib/Dialog.js +4 -4
  35. package/lib/Dropdown.d.ts +0 -4
  36. package/lib/Dropdown.js +2 -2
  37. package/lib/DropdownMenu/DropdownButton.d.ts +1 -2
  38. package/lib/DropdownStyles.js +6 -6
  39. package/lib/FilterList.d.ts +0 -1
  40. package/lib/FilterList.js +1 -1
  41. package/lib/FilteredActionList/FilteredActionList.js +34 -8
  42. package/lib/Flash.js +1 -1
  43. package/lib/Label.js +2 -2
  44. package/lib/Link.js +1 -1
  45. package/lib/Overlay.d.ts +1 -2
  46. package/lib/Overlay.js +6 -11
  47. package/lib/Pagehead.js +1 -1
  48. package/lib/Pagination/Pagination.js +1 -1
  49. package/lib/Popover.js +1 -1
  50. package/lib/Position.d.ts +4 -4
  51. package/lib/ProgressBar.js +1 -1
  52. package/lib/SelectMenu/SelectMenu.d.ts +15 -344
  53. package/lib/SelectMenu/SelectMenuDivider.js +1 -1
  54. package/lib/SelectMenu/SelectMenuFilter.d.ts +1 -1
  55. package/lib/SelectMenu/SelectMenuFilter.js +1 -1
  56. package/lib/SelectMenu/SelectMenuFooter.js +1 -1
  57. package/lib/SelectMenu/SelectMenuHeader.js +2 -2
  58. package/lib/SelectMenu/SelectMenuItem.d.ts +1 -1
  59. package/lib/SelectMenu/SelectMenuItem.js +1 -1
  60. package/lib/SelectMenu/SelectMenuList.js +1 -1
  61. package/lib/SelectMenu/SelectMenuLoadingAnimation.js +1 -1
  62. package/lib/SelectMenu/SelectMenuModal.d.ts +1 -1
  63. package/lib/SelectMenu/SelectMenuModal.js +2 -2
  64. package/lib/SelectMenu/SelectMenuTab.js +1 -1
  65. package/lib/SelectMenu/SelectMenuTabPanel.js +1 -1
  66. package/lib/SelectPanel/SelectPanel.js +3 -2
  67. package/lib/SideNav.js +5 -5
  68. package/lib/StateLabel.js +1 -1
  69. package/lib/SubNav.js +1 -1
  70. package/lib/TabNav.js +2 -2
  71. package/lib/TextInput.d.ts +7 -10
  72. package/lib/TextInput.js +29 -24
  73. package/lib/Timeline.d.ts +0 -1
  74. package/lib/Timeline.js +16 -19
  75. package/lib/Tooltip.js +1 -1
  76. package/lib/UnderlineNav.js +2 -2
  77. package/lib/hooks/useOverlay.d.ts +1 -2
  78. package/lib/hooks/useOverlay.js +6 -11
  79. package/lib/index.d.ts +3 -2
  80. package/lib/index.js +22 -2
  81. package/lib/theme-preval.d.ts +4 -52
  82. package/lib/theme-preval.js +4003 -1180
  83. package/lib/utils/ssr.d.ts +1 -0
  84. package/lib/utils/ssr.js +19 -0
  85. package/lib/utils/testing.d.ts +889 -5527
  86. package/lib/utils/types.d.ts +0 -3
  87. package/lib/utils/uniqueId.js +1 -0
  88. package/lib-esm/ActionList/Divider.js +1 -1
  89. package/lib-esm/ActionList/Header.js +2 -2
  90. package/lib-esm/ActionList/Item.js +15 -15
  91. package/lib-esm/ActionList/List.js +1 -1
  92. package/lib-esm/AnchoredOverlay/AnchoredOverlay.js +3 -3
  93. package/lib-esm/Avatar.d.ts +4 -0
  94. package/lib-esm/AvatarPair.js +1 -1
  95. package/lib-esm/AvatarStack.js +1 -1
  96. package/lib-esm/BranchName.js +1 -1
  97. package/lib-esm/Breadcrumbs.d.ts +40 -0
  98. package/lib-esm/{Breadcrumb.js → Breadcrumbs.js} +30 -21
  99. package/lib-esm/Button/Button.d.ts +0 -1
  100. package/lib-esm/Button/Button.js +1 -1
  101. package/lib-esm/Button/ButtonClose.d.ts +1 -2
  102. package/lib-esm/Button/ButtonClose.js +1 -1
  103. package/lib-esm/Button/ButtonDanger.d.ts +0 -1
  104. package/lib-esm/Button/ButtonInvisible.d.ts +0 -1
  105. package/lib-esm/Button/ButtonInvisible.js +1 -1
  106. package/lib-esm/Button/ButtonOutline.d.ts +0 -1
  107. package/lib-esm/Button/ButtonPrimary.d.ts +0 -1
  108. package/lib-esm/Button/ButtonTableList.js +1 -1
  109. package/lib-esm/CircleBadge.js +1 -1
  110. package/lib-esm/CircleOcticon.d.ts +0 -1
  111. package/lib-esm/CircleOcticon.js +1 -1
  112. package/lib-esm/CounterLabel.js +2 -2
  113. package/lib-esm/Dialog/ConfirmationDialog.js +1 -1
  114. package/lib-esm/Dialog/Dialog.js +8 -8
  115. package/lib-esm/Dialog.d.ts +2 -3
  116. package/lib-esm/Dialog.js +4 -4
  117. package/lib-esm/Dropdown.d.ts +0 -4
  118. package/lib-esm/Dropdown.js +2 -2
  119. package/lib-esm/DropdownMenu/DropdownButton.d.ts +1 -2
  120. package/lib-esm/DropdownStyles.js +6 -6
  121. package/lib-esm/FilterList.d.ts +0 -1
  122. package/lib-esm/FilterList.js +1 -1
  123. package/lib-esm/FilteredActionList/FilteredActionList.js +34 -6
  124. package/lib-esm/Flash.js +1 -1
  125. package/lib-esm/Label.js +2 -2
  126. package/lib-esm/Link.js +1 -1
  127. package/lib-esm/Overlay.d.ts +1 -2
  128. package/lib-esm/Overlay.js +6 -9
  129. package/lib-esm/Pagehead.js +1 -1
  130. package/lib-esm/Pagination/Pagination.js +1 -1
  131. package/lib-esm/Popover.js +1 -1
  132. package/lib-esm/Position.d.ts +4 -4
  133. package/lib-esm/ProgressBar.js +1 -1
  134. package/lib-esm/SelectMenu/SelectMenu.d.ts +15 -344
  135. package/lib-esm/SelectMenu/SelectMenuDivider.js +1 -1
  136. package/lib-esm/SelectMenu/SelectMenuFilter.d.ts +1 -1
  137. package/lib-esm/SelectMenu/SelectMenuFilter.js +1 -1
  138. package/lib-esm/SelectMenu/SelectMenuFooter.js +1 -1
  139. package/lib-esm/SelectMenu/SelectMenuHeader.js +2 -2
  140. package/lib-esm/SelectMenu/SelectMenuItem.d.ts +1 -1
  141. package/lib-esm/SelectMenu/SelectMenuItem.js +1 -1
  142. package/lib-esm/SelectMenu/SelectMenuList.js +1 -1
  143. package/lib-esm/SelectMenu/SelectMenuLoadingAnimation.js +1 -1
  144. package/lib-esm/SelectMenu/SelectMenuModal.d.ts +1 -1
  145. package/lib-esm/SelectMenu/SelectMenuModal.js +2 -2
  146. package/lib-esm/SelectMenu/SelectMenuTab.js +1 -1
  147. package/lib-esm/SelectMenu/SelectMenuTabPanel.js +1 -1
  148. package/lib-esm/SelectPanel/SelectPanel.js +3 -2
  149. package/lib-esm/SideNav.js +5 -5
  150. package/lib-esm/StateLabel.js +1 -1
  151. package/lib-esm/SubNav.js +1 -1
  152. package/lib-esm/TabNav.js +2 -2
  153. package/lib-esm/TextInput.d.ts +7 -10
  154. package/lib-esm/TextInput.js +29 -23
  155. package/lib-esm/Timeline.d.ts +0 -1
  156. package/lib-esm/Timeline.js +12 -17
  157. package/lib-esm/Tooltip.js +1 -1
  158. package/lib-esm/UnderlineNav.js +2 -2
  159. package/lib-esm/hooks/useOverlay.d.ts +1 -2
  160. package/lib-esm/hooks/useOverlay.js +6 -11
  161. package/lib-esm/index.d.ts +3 -2
  162. package/lib-esm/index.js +3 -2
  163. package/lib-esm/theme-preval.d.ts +4 -52
  164. package/lib-esm/theme-preval.js +4003 -1180
  165. package/lib-esm/utils/ssr.d.ts +1 -0
  166. package/lib-esm/utils/ssr.js +1 -0
  167. package/lib-esm/utils/testing.d.ts +889 -5527
  168. package/lib-esm/utils/types.d.ts +0 -3
  169. package/lib-esm/utils/uniqueId.js +1 -0
  170. package/package.json +15 -15
  171. package/lib/Autocomplete/Autocomplete.d.ts +0 -26
  172. package/lib/Autocomplete/Autocomplete.js +0 -55
  173. package/lib/Autocomplete/AutocompleteContext.d.ts +0 -13
  174. package/lib/Autocomplete/AutocompleteContext.js +0 -11
  175. package/lib/Autocomplete/AutocompleteInput.d.ts +0 -9
  176. package/lib/Autocomplete/AutocompleteInput.js +0 -134
  177. package/lib/Autocomplete/AutocompleteMenu.d.ts +0 -70
  178. package/lib/Autocomplete/AutocompleteMenu.js +0 -244
  179. package/lib/Autocomplete/index.d.ts +0 -2
  180. package/lib/Autocomplete/index.js +0 -15
  181. package/lib/Badge/Badge.d.ts +0 -8
  182. package/lib/Badge/Badge.js +0 -59
  183. package/lib/Badge/BadgeState.d.ts +0 -13
  184. package/lib/Badge/BadgeState.js +0 -51
  185. package/lib/Badge/_badgeStyleUtils.d.ts +0 -3
  186. package/lib/Badge/_badgeStyleUtils.js +0 -39
  187. package/lib/Breadcrumb.d.ts +0 -23
  188. package/lib/TextInputTokens.d.ts +0 -43
  189. package/lib/TextInputTokens.js +0 -231
  190. package/lib/TextInputWithTokens.d.ts +0 -41
  191. package/lib/TextInputWithTokens.js +0 -396
  192. package/lib/Token/Token.d.ts +0 -10
  193. package/lib/Token/Token.js +0 -63
  194. package/lib/Token/TokenBase.d.ts +0 -16
  195. package/lib/Token/TokenBase.js +0 -76
  196. package/lib/Token/TokenLabel.d.ts +0 -10
  197. package/lib/Token/TokenLabel.js +0 -121
  198. package/lib/Token/TokenProfile.d.ts +0 -7
  199. package/lib/Token/TokenProfile.js +0 -50
  200. package/lib/Token/_RemoveTokenButton.d.ts +0 -3
  201. package/lib/Token/_RemoveTokenButton.js +0 -43
  202. package/lib/Token/_tokenButtonUtils.d.ts +0 -9
  203. package/lib/Token/_tokenButtonUtils.js +0 -42
  204. package/lib/_UnstyledTextInput.d.ts +0 -2
  205. package/lib/_UnstyledTextInput.js +0 -20
  206. package/lib/utils/scrollIntoViewingArea.d.ts +0 -1
  207. package/lib/utils/scrollIntoViewingArea.js +0 -39
  208. package/lib-esm/Autocomplete/Autocomplete.d.ts +0 -26
  209. package/lib-esm/Autocomplete/Autocomplete.js +0 -36
  210. package/lib-esm/Autocomplete/AutocompleteContext.d.ts +0 -13
  211. package/lib-esm/Autocomplete/AutocompleteContext.js +0 -2
  212. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +0 -9
  213. package/lib-esm/Autocomplete/AutocompleteInput.js +0 -115
  214. package/lib-esm/Autocomplete/AutocompleteMenu.d.ts +0 -70
  215. package/lib-esm/Autocomplete/AutocompleteMenu.js +0 -218
  216. package/lib-esm/Autocomplete/index.d.ts +0 -2
  217. package/lib-esm/Autocomplete/index.js +0 -1
  218. package/lib-esm/Badge/Badge.d.ts +0 -8
  219. package/lib-esm/Badge/Badge.js +0 -44
  220. package/lib-esm/Badge/BadgeState.d.ts +0 -13
  221. package/lib-esm/Badge/BadgeState.js +0 -40
  222. package/lib-esm/Badge/_badgeStyleUtils.d.ts +0 -3
  223. package/lib-esm/Badge/_badgeStyleUtils.js +0 -29
  224. package/lib-esm/Breadcrumb.d.ts +0 -23
  225. package/lib-esm/TextInputTokens.d.ts +0 -43
  226. package/lib-esm/TextInputTokens.js +0 -204
  227. package/lib-esm/TextInputWithTokens.d.ts +0 -41
  228. package/lib-esm/TextInputWithTokens.js +0 -361
  229. package/lib-esm/Token/Token.d.ts +0 -10
  230. package/lib-esm/Token/Token.js +0 -44
  231. package/lib-esm/Token/TokenBase.d.ts +0 -16
  232. package/lib-esm/Token/TokenBase.js +0 -56
  233. package/lib-esm/Token/TokenLabel.d.ts +0 -10
  234. package/lib-esm/Token/TokenLabel.js +0 -101
  235. package/lib-esm/Token/TokenProfile.d.ts +0 -7
  236. package/lib-esm/Token/TokenProfile.js +0 -29
  237. package/lib-esm/Token/_RemoveTokenButton.d.ts +0 -3
  238. package/lib-esm/Token/_RemoveTokenButton.js +0 -28
  239. package/lib-esm/Token/_tokenButtonUtils.d.ts +0 -9
  240. package/lib-esm/Token/_tokenButtonUtils.js +0 -26
  241. package/lib-esm/_UnstyledTextInput.d.ts +0 -2
  242. package/lib-esm/_UnstyledTextInput.js +0 -7
  243. package/lib-esm/utils/scrollIntoViewingArea.d.ts +0 -1
  244. package/lib-esm/utils/scrollIntoViewingArea.js +0 -30
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import { TokenBaseProps } from './TokenBase';
3
- export interface TokenProps extends TokenBaseProps {
4
- /**
5
- * A function that renders a component before the token text
6
- */
7
- leadingVisual?: React.FunctionComponent<any>;
8
- }
9
- declare const Token: React.ForwardRefExoticComponent<Pick<TokenProps, "sizes" | "color" | "content" | "height" | "translate" | "width" | "hidden" | "children" | "value" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "text" | "list" | "default" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "start" | "step" | "wrap" | "open" | "max" | "media" | "method" | "min" | "target" | "crossOrigin" | "href" | "classID" | "useMap" | "wmode" | "download" | "hrefLang" | "rel" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "async" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "as" | "integrity" | "charSet" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "selected" | "defer" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "kind" | "srcLang" | "poster" | "variant" | "leadingVisual" | "handleRemove" | "isSelected"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>>;
10
- export default Token;
@@ -1,63 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireWildcard(require("react"));
9
-
10
- var _styledComponents = _interopRequireDefault(require("styled-components"));
11
-
12
- var _constants = require("../constants");
13
-
14
- var _TokenBase = _interopRequireWildcard(require("./TokenBase"));
15
-
16
- var _RemoveTokenButton = _interopRequireDefault(require("./_RemoveTokenButton"));
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
-
22
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
-
24
- 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); }
25
-
26
- const tokenBorderWidthPx = 1;
27
- const DefaultToken = (0, _styledComponents.default)(_TokenBase.default).withConfig({
28
- displayName: "Token__DefaultToken",
29
- componentId: "sc-1dg52pw-0"
30
- })(["background-color:", ";border-color:", ";border-style:solid;border-width:1px;color:", ";max-width:100%;padding-right:", ";&:hover{background-color:", ";box-shadow:", ";color:", ";}"], (0, _constants.get)('colors.neutral.subtle'), props => props.isSelected ? (0, _constants.get)('colors.fg.default') : (0, _constants.get)('colors.border.subtle'), props => props.isSelected ? (0, _constants.get)('colors.fg.default') : (0, _constants.get)('colors.fg.muted'), props => props.handleRemove ? 0 : undefined, props => (0, _TokenBase.isTokenHoverable)(props) ? (0, _constants.get)('colors.neutral.muted') : undefined, props => (0, _TokenBase.isTokenHoverable)(props) ? (0, _constants.get)('colors.shadow.medium') : undefined, props => (0, _TokenBase.isTokenHoverable)(props) ? (0, _constants.get)('colors.fg.default') : undefined);
31
- const TokenTextContainer = (0, _styledComponents.default)('span').withConfig({
32
- displayName: "Token__TokenTextContainer",
33
- componentId: "sc-1dg52pw-1"
34
- })(["flex-grow:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);
35
- const LeadingVisualContainer = (0, _styledComponents.default)('span').withConfig({
36
- displayName: "Token__LeadingVisualContainer",
37
- componentId: "sc-1dg52pw-2"
38
- })(["flex-shrink:0;line-height:0;"]);
39
- const Token = /*#__PURE__*/(0, _react.forwardRef)(({
40
- as,
41
- handleRemove,
42
- id,
43
- leadingVisual: LeadingVisual,
44
- ref,
45
- text,
46
- variant,
47
- ...resizeTo
48
- }, forwardedRef) => /*#__PURE__*/_react.default.createElement(DefaultToken, _extends({
49
- as: as,
50
- handleRemove: handleRemove,
51
- id: id === null || id === void 0 ? void 0 : id.toString(),
52
- text: text,
53
- ref: forwardedRef,
54
- variant: variant
55
- }, resizeTo), LeadingVisual ? /*#__PURE__*/_react.default.createElement(LeadingVisualContainer, null, /*#__PURE__*/_react.default.createElement(LeadingVisual, null)) : null, /*#__PURE__*/_react.default.createElement(TokenTextContainer, null, text), handleRemove ? /*#__PURE__*/_react.default.createElement(_RemoveTokenButton.default, {
56
- borderOffset: tokenBorderWidthPx,
57
- parentTokenTag: as || 'span',
58
- tabIndex: -1,
59
- onClick: handleRemove,
60
- variant: variant
61
- }) : null));
62
- var _default = Token;
63
- exports.default = _default;
@@ -1,16 +0,0 @@
1
- /// <reference types="react" />
2
- export declare type TokenSizeKeys = 'sm' | 'md' | 'lg' | 'xl';
3
- export declare const tokenSizes: Record<TokenSizeKeys, number>;
4
- export declare const defaultTokenSize = "md";
5
- export interface TokenBaseProps extends Omit<React.HTMLProps<HTMLSpanElement | HTMLButtonElement | HTMLAnchorElement>, 'size' | 'id'> {
6
- as?: 'button' | 'a' | 'span';
7
- handleRemove?: () => void;
8
- isSelected?: boolean;
9
- tabIndex?: number;
10
- text: string;
11
- id?: number | string;
12
- variant?: TokenSizeKeys;
13
- }
14
- export declare const isTokenHoverable: ({ as, onClick, onFocus }: TokenBaseProps) => boolean;
15
- declare const TokenBase: import("styled-components").StyledComponent<"span", any, TokenBaseProps, never>;
16
- export default TokenBase;
@@ -1,76 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.isTokenHoverable = exports.defaultTokenSize = exports.tokenSizes = void 0;
7
-
8
- var _styledComponents = _interopRequireDefault(require("styled-components"));
9
-
10
- var _styledSystem = require("styled-system");
11
-
12
- var _constants = require("../constants");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- const tokenSizes = {
17
- sm: 16,
18
- md: 20,
19
- lg: 24,
20
- xl: 32
21
- };
22
- exports.tokenSizes = tokenSizes;
23
- const defaultTokenSize = 'md';
24
- exports.defaultTokenSize = defaultTokenSize;
25
-
26
- const isTokenHoverable = ({
27
- as = 'span',
28
- onClick,
29
- onFocus
30
- }) => Boolean(onFocus || onClick || ['a', 'button'].includes(as));
31
-
32
- exports.isTokenHoverable = isTokenHoverable;
33
- const variants = (0, _styledSystem.variant)({
34
- variants: {
35
- sm: {
36
- fontSize: 0,
37
- gap: 1,
38
- height: `${tokenSizes.sm}px`,
39
- paddingLeft: 1,
40
- paddingRight: 1
41
- },
42
- md: {
43
- fontSize: 0,
44
- gap: 1,
45
- height: `${tokenSizes.md}px`,
46
- paddingLeft: 2,
47
- paddingRight: 2
48
- },
49
- lg: {
50
- fontSize: 0,
51
- gap: 2,
52
- height: `${tokenSizes.lg}px`,
53
- paddingLeft: 2,
54
- paddingRight: 2
55
- },
56
- xl: {
57
- fontSize: 1,
58
- gap: 2,
59
- height: `${tokenSizes.xl}px`,
60
- paddingLeft: 3,
61
- paddingRight: 3
62
- }
63
- }
64
- });
65
-
66
- const TokenBase = _styledComponents.default.span.withConfig({
67
- displayName: "TokenBase",
68
- componentId: "opajvp-0"
69
- })(["align-items:center;border-radius:999px;cursor:", ";display:inline-flex;font-weight:", ";text-decoration:none;white-space:nowrap;", ""], props => isTokenHoverable(props) ? 'pointer' : 'auto', (0, _constants.get)('fontWeights.bold'), variants);
70
-
71
- TokenBase.defaultProps = {
72
- as: 'span',
73
- variant: defaultTokenSize
74
- };
75
- var _default = TokenBase;
76
- exports.default = _default;
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import { TokenBaseProps } from './TokenBase';
3
- export interface TokenLabelProps extends TokenBaseProps {
4
- /**
5
- * The color that corresponds to the label
6
- */
7
- fillColor?: string;
8
- }
9
- declare const TokenLabel: React.ForwardRefExoticComponent<Pick<TokenLabelProps, "sizes" | "color" | "content" | "height" | "translate" | "width" | "hidden" | "children" | "value" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "text" | "list" | "default" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "start" | "step" | "wrap" | "open" | "max" | "media" | "method" | "min" | "target" | "crossOrigin" | "href" | "classID" | "useMap" | "wmode" | "download" | "hrefLang" | "rel" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "async" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "as" | "integrity" | "charSet" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "selected" | "defer" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "kind" | "srcLang" | "poster" | "variant" | "handleRemove" | "isSelected" | "fillColor"> & React.RefAttributes<HTMLElement>>;
10
- export default TokenLabel;
@@ -1,121 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireWildcard(require("react"));
9
-
10
- var _styledComponents = _interopRequireDefault(require("styled-components"));
11
-
12
- var _TokenBase = _interopRequireDefault(require("./TokenBase"));
13
-
14
- var _RemoveTokenButton = _interopRequireDefault(require("./_RemoveTokenButton"));
15
-
16
- var _tinycolor = _interopRequireDefault(require("tinycolor2"));
17
-
18
- var _ThemeProvider = require("../ThemeProvider");
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
-
22
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
-
24
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
-
26
- 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); }
27
-
28
- const colorModeConfigs = {
29
- dark: {
30
- bgOpacity: 0.18,
31
- borderThreshold: 0,
32
- borderOpacity: 0.3,
33
- lightnessThreshold: 0.6
34
- },
35
- light: {
36
- bgOpacity: 1,
37
- borderThreshold: 0.96,
38
- borderOpacity: 1,
39
- lightnessThreshold: 0.453
40
- }
41
- };
42
- const tokenBorderWidthPx = 1;
43
- const StyledTokenLabel = (0, _styledComponents.default)(_TokenBase.default).withConfig({
44
- displayName: "TokenLabel__StyledTokenLabel",
45
- componentId: "sc-1bdmgzv-0"
46
- })(["background-color:", ";border-width:", "px;border-style:solid;border-color:", ";box-shadow:", ";color:", ";overflow:hidden;padding-right:", ";position:relative;"], props => props.bgColor, tokenBorderWidthPx, props => props.borderColor, props => props.isSelected ? `0 0 0 2px ${props.bgColor}` : undefined, props => props.textColor, props => props.handleRemove ? 0 : undefined);
47
- const TokenTextContainer = (0, _styledComponents.default)('span').withConfig({
48
- displayName: "TokenLabel__TokenTextContainer",
49
- componentId: "sc-1bdmgzv-1"
50
- })(["flex-grow:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);
51
- const TokenLabel = /*#__PURE__*/(0, _react.forwardRef)(({
52
- as,
53
- fillColor,
54
- handleRemove,
55
- id,
56
- isSelected,
57
- ref,
58
- text,
59
- variant,
60
- ...rest
61
- }, forwardedRef) => {
62
- const {
63
- colorScheme
64
- } = (0, _ThemeProvider.useTheme)();
65
- const {
66
- bgOpacity,
67
- borderOpacity,
68
- borderThreshold,
69
- lightnessThreshold
70
- } = colorModeConfigs[colorScheme || 'light'];
71
- let bgColor = fillColor;
72
- let borderColor = fillColor;
73
- let textColor = '#FFF';
74
- const perceivedLightness = (0, _tinycolor.default)(fillColor).getLuminance();
75
- const isFillColorLight = perceivedLightness >= lightnessThreshold;
76
-
77
- if (colorScheme === 'dark') {
78
- const lightenBy = (perceivedLightness - lightnessThreshold) * 100 * (isFillColorLight ? 1 : 0);
79
- bgColor = isSelected ? (0, _tinycolor.default)(fillColor).setAlpha(bgOpacity * 1.2).toRgbString() : (0, _tinycolor.default)(fillColor).setAlpha(bgOpacity).toRgbString();
80
- textColor = isSelected ? (0, _tinycolor.default)(fillColor).lighten(lightenBy + 8).toString() : (0, _tinycolor.default)(fillColor).lighten(lightenBy).toString();
81
- borderColor = isSelected ? (0, _tinycolor.default)(fillColor).lighten(lightenBy).toRgbString() : (0, _tinycolor.default)(fillColor).lighten(lightenBy).setAlpha(borderOpacity).toRgbString();
82
- } else {
83
- const isFillColorDark = perceivedLightness < 0.1;
84
- borderColor = perceivedLightness >= borderThreshold ? (0, _tinycolor.default)(fillColor).darken(25).toString() : 'transparent';
85
-
86
- if (isFillColorLight) {
87
- textColor = '#000';
88
- }
89
-
90
- if (isSelected) {
91
- bgColor = isFillColorDark ? (0, _tinycolor.default)(fillColor).lighten(10).toString() : (0, _tinycolor.default)(fillColor).darken(10).toString();
92
- }
93
- }
94
-
95
- return /*#__PURE__*/_react.default.createElement(StyledTokenLabel // specific to labels
96
- , _extends({
97
- fillColor: fillColor,
98
- bgColor: bgColor,
99
- borderColor: borderColor,
100
- textColor: textColor // common token props
101
- ,
102
- as: as,
103
- handleRemove: handleRemove,
104
- id: id === null || id === void 0 ? void 0 : id.toString(),
105
- isSelected: isSelected,
106
- ref: forwardedRef,
107
- text: text,
108
- variant: variant
109
- }, rest), /*#__PURE__*/_react.default.createElement(TokenTextContainer, null, text), handleRemove ? /*#__PURE__*/_react.default.createElement(_RemoveTokenButton.default, {
110
- borderOffset: tokenBorderWidthPx,
111
- parentTokenTag: as || 'span',
112
- tabIndex: -1,
113
- onClick: handleRemove,
114
- variant: variant
115
- }) : null);
116
- });
117
- TokenLabel.defaultProps = {
118
- fillColor: '#999'
119
- };
120
- var _default = TokenLabel;
121
- exports.default = _default;
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- import { TokenBaseProps } from './TokenBase';
3
- export interface TokenProfileProps extends TokenBaseProps {
4
- avatarSrc: string;
5
- }
6
- declare const TokenProfile: React.ForwardRefExoticComponent<Pick<TokenProfileProps, "sizes" | "color" | "content" | "height" | "translate" | "width" | "hidden" | "children" | "value" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "text" | "list" | "default" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "start" | "step" | "wrap" | "open" | "max" | "media" | "method" | "min" | "target" | "crossOrigin" | "href" | "classID" | "useMap" | "wmode" | "download" | "hrefLang" | "rel" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "async" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "as" | "integrity" | "charSet" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "selected" | "defer" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "kind" | "srcLang" | "poster" | "variant" | "handleRemove" | "isSelected" | "avatarSrc"> & React.RefAttributes<HTMLElement>>;
7
- export default TokenProfile;
@@ -1,50 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireWildcard(require("react"));
9
-
10
- var _styledComponents = _interopRequireDefault(require("styled-components"));
11
-
12
- var _constants = require("../constants");
13
-
14
- var _primitives = _interopRequireDefault(require("@primer/primitives"));
15
-
16
- var _TokenBase = require("./TokenBase");
17
-
18
- var _Token = _interopRequireDefault(require("./Token"));
19
-
20
- var _ = require("..");
21
-
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
-
24
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
25
-
26
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
-
28
- 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); }
29
-
30
- const StyledToken = (0, _styledComponents.default)(_Token.default).withConfig({
31
- displayName: "TokenProfile__StyledToken",
32
- componentId: "sc-1vf9jhf-0"
33
- })(["padding-left:", ";"], (0, _constants.get)('space.1'));
34
- const TokenProfile = /*#__PURE__*/(0, _react.forwardRef)(({
35
- avatarSrc,
36
- id,
37
- ref,
38
- variant,
39
- ...rest
40
- }, forwardedRef) => /*#__PURE__*/_react.default.createElement(StyledToken, _extends({
41
- leadingVisual: () => /*#__PURE__*/_react.default.createElement(_.Avatar, {
42
- src: avatarSrc,
43
- size: _TokenBase.tokenSizes[variant || _TokenBase.defaultTokenSize] - parseInt(_primitives.default.spacing.normal.spacer[1], 10) * 2
44
- }),
45
- variant: variant,
46
- id: id === null || id === void 0 ? void 0 : id.toString(),
47
- ref: forwardedRef
48
- }, rest)));
49
- var _default = TokenProfile;
50
- exports.default = _default;
@@ -1,3 +0,0 @@
1
- import { TokenButtonProps } from './_tokenButtonUtils';
2
- declare const RemoveTokenButton: import("styled-components").StyledComponent<"span", any, TokenButtonProps, never>;
3
- export default RemoveTokenButton;
@@ -1,43 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _octiconsReact = require("@primer/octicons-react");
9
-
10
- var _styledComponents = _interopRequireDefault(require("styled-components"));
11
-
12
- var _TokenBase = require("./TokenBase");
13
-
14
- var _tokenButtonUtils = require("./_tokenButtonUtils");
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
- const RemoveTokenButton = _styledComponents.default.span.attrs(({
19
- borderOffset,
20
- parentTokenTag,
21
- variant,
22
- ...rest
23
- }) => {
24
- delete rest.children;
25
- return {
26
- borderOffset,
27
- as: parentTokenTag === 'span' ? 'button' : 'span',
28
- tabIndex: -1,
29
- children: /*#__PURE__*/React.createElement(_octiconsReact.XIcon, {
30
- size: (0, _tokenButtonUtils.getTokenButtonIconSize)(variant)
31
- }) // TODO: figure out how to set `size` using `fontSizes` from Primitives
32
-
33
- };
34
- }).withConfig({
35
- displayName: "_RemoveTokenButton__RemoveTokenButton",
36
- componentId: "sc-14lvcw1-0"
37
- })(["", " ", " transform:", ";"], _tokenButtonUtils.tokenButtonStyles, _tokenButtonUtils.variants, props => `translate(${props.borderOffset}px, -${props.borderOffset}px)`);
38
-
39
- RemoveTokenButton.defaultProps = {
40
- variant: _TokenBase.defaultTokenSize
41
- };
42
- var _default = RemoveTokenButton;
43
- exports.default = _default;
@@ -1,9 +0,0 @@
1
- import { TokenSizeKeys } from "./TokenBase";
2
- export interface TokenButtonProps {
3
- borderOffset?: number;
4
- parentTokenTag: 'span' | 'button' | 'a';
5
- variant?: TokenSizeKeys;
6
- }
7
- export declare const variants: (...args: any[]) => any;
8
- export declare const tokenButtonStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
9
- export declare const getTokenButtonIconSize: (variant?: TokenSizeKeys | undefined) => number;
@@ -1,42 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getTokenButtonIconSize = exports.tokenButtonStyles = exports.variants = void 0;
7
-
8
- var _styledComponents = require("styled-components");
9
-
10
- var _styledSystem = require("styled-system");
11
-
12
- var _constants = require("../constants");
13
-
14
- var _TokenBase = require("./TokenBase");
15
-
16
- const variants = (0, _styledSystem.variant)({
17
- variants: {
18
- sm: {
19
- height: `${_TokenBase.tokenSizes.sm}px`,
20
- width: `${_TokenBase.tokenSizes.sm}px`
21
- },
22
- md: {
23
- height: `${_TokenBase.tokenSizes.md}px`,
24
- width: `${_TokenBase.tokenSizes.md}px`
25
- },
26
- lg: {
27
- height: `${_TokenBase.tokenSizes.lg}px`,
28
- width: `${_TokenBase.tokenSizes.lg}px`
29
- },
30
- xl: {
31
- height: `${_TokenBase.tokenSizes.xl}px`,
32
- width: `${_TokenBase.tokenSizes.xl}px`
33
- }
34
- }
35
- });
36
- exports.variants = variants;
37
- const tokenButtonStyles = (0, _styledComponents.css)(["background-color:transparent;font-family:inherit;color:currentColor;cursor:pointer;user-select:none;appearance:none;text-decoration:none;padding:0;align-self:baseline;border:0;border-radius:999px;&:hover,&:focus{background-color:", ";}&:active{background-color:", ";}"], (0, _constants.get)('colors.fade.fg10'), (0, _constants.get)('colors.fade.fg15'));
38
- exports.tokenButtonStyles = tokenButtonStyles;
39
-
40
- const getTokenButtonIconSize = variant => _TokenBase.tokenSizes[variant || _TokenBase.defaultTokenSize] * 0.75;
41
-
42
- exports.getTokenButtonIconSize = getTokenButtonIconSize;
@@ -1,2 +0,0 @@
1
- declare const UnstyledTextInput: import("styled-components").StyledComponent<"input", any, import("./sx").SxProp, never>;
2
- export default UnstyledTextInput;
@@ -1,20 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _styledComponents = _interopRequireDefault(require("styled-components"));
9
-
10
- var _sx = _interopRequireDefault(require("./sx"));
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
- const UnstyledTextInput = _styledComponents.default.input.withConfig({
15
- displayName: "_UnstyledTextInput__UnstyledTextInput",
16
- componentId: "sc-1jgl33s-0"
17
- })(["border:0;font-size:inherit;font-family:inherit;background-color:transparent;-webkit-appearance:none;color:inherit;width:100%;&:focus{outline:0;}", ";"], _sx.default);
18
-
19
- var _default = UnstyledTextInput;
20
- exports.default = _default;
@@ -1 +0,0 @@
1
- export declare const scrollIntoViewingArea: (child: HTMLElement, container: HTMLElement, direction?: 'horizontal' | 'vertical', startMargin?: number, endMargin?: number, behavior?: ScrollBehavior) => void;
@@ -1,39 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.scrollIntoViewingArea = void 0;
7
-
8
- const scrollIntoViewingArea = (child, container, direction = 'vertical', startMargin = 8, endMargin = 0, behavior = 'smooth') => {
9
- const startSide = direction === 'vertical' ? 'top' : 'left';
10
- const endSide = direction === 'vertical' ? 'bottom' : 'right';
11
- const scrollSide = direction === 'vertical' ? 'scrollTop' : 'scrollLeft';
12
- const {
13
- [startSide]: childStart,
14
- [endSide]: childEnd
15
- } = child.getBoundingClientRect();
16
- const {
17
- [startSide]: containerStart,
18
- [endSide]: containerEnd
19
- } = container.getBoundingClientRect();
20
- const isChildStartAboveViewingArea = childStart < containerStart + endMargin;
21
- const isChildBottomBelowViewingArea = childEnd > containerEnd - startMargin;
22
-
23
- if (isChildStartAboveViewingArea) {
24
- const scrollHeightToChildStart = childStart - containerStart + container[scrollSide];
25
- container.scrollTo({
26
- behavior,
27
- [startSide]: scrollHeightToChildStart - endMargin
28
- });
29
- } else if (isChildBottomBelowViewingArea) {
30
- const scrollHeightToChildBottom = childEnd - containerEnd + container[scrollSide];
31
- container.scrollTo({
32
- behavior,
33
- [startSide]: scrollHeightToChildBottom + startMargin
34
- });
35
- } // either completely in view or outside viewing area on both ends, don't scroll
36
-
37
- };
38
-
39
- exports.scrollIntoViewingArea = scrollIntoViewingArea;
@@ -1,26 +0,0 @@
1
- import React from 'react';
2
- import { ComponentProps } from '../utils/types';
3
- import AutocompleteMenu from './AutocompleteMenu';
4
- declare const Autocomplete: React.FC;
5
- export declare type AutocompleteProps = ComponentProps<typeof Autocomplete>;
6
- export type { AutocompleteInputProps } from './AutocompleteInput';
7
- export type { AutocompleteMenuProps } from './AutocompleteMenu';
8
- declare const _default: React.FC<{}> & {
9
- AutocompleteContext: React.Context<{
10
- activeDescendantRef?: React.MutableRefObject<HTMLElement | null> | undefined;
11
- autocompleteSuggestion?: string | undefined;
12
- inputRef?: React.MutableRefObject<HTMLInputElement | null> | undefined;
13
- inputValue?: string | undefined;
14
- isMenuDirectlyActivated?: boolean | undefined;
15
- setAutocompleteSuggestion?: React.Dispatch<React.SetStateAction<string>> | undefined;
16
- setInputValue?: React.Dispatch<React.SetStateAction<string>> | undefined;
17
- setIsMenuDirectlyActivated?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
18
- setShowMenu?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
19
- showMenu?: boolean | undefined;
20
- }>;
21
- Input: import("@radix-ui/react-polymorphic").ForwardRefComponent<"input", {
22
- as?: React.ComponentType<any> | undefined;
23
- }>;
24
- Menu: typeof AutocompleteMenu;
25
- };
26
- export default _default;