@coinbase/cds-common 8.13.1 → 8.13.2

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 (302) hide show
  1. package/CHANGELOG.md +37 -0
  2. package/dts/accordion/AccordionProvider.d.ts +23 -17
  3. package/dts/animation/accordion.d.ts +1 -1
  4. package/dts/animation/border.d.ts +9 -3
  5. package/dts/animation/carousel.d.ts +1 -1
  6. package/dts/animation/collapsible.d.ts +4 -4
  7. package/dts/animation/dot.d.ts +1 -1
  8. package/dts/animation/drawer.d.ts +8 -8
  9. package/dts/animation/dropdown.d.ts +19 -19
  10. package/dts/animation/fullscreenModal.d.ts +1 -1
  11. package/dts/animation/likeButton.d.ts +1 -1
  12. package/dts/animation/menu.d.ts +21 -21
  13. package/dts/animation/modal.d.ts +1 -1
  14. package/dts/animation/overlay.d.ts +1 -1
  15. package/dts/animation/paddle.d.ts +1 -1
  16. package/dts/animation/progress.d.ts +1 -1
  17. package/dts/animation/rotate.d.ts +1 -1
  18. package/dts/animation/select.d.ts +1 -1
  19. package/dts/animation/sparkline.d.ts +3 -3
  20. package/dts/animation/tabs.d.ts +1 -1
  21. package/dts/animation/toast.d.ts +1 -1
  22. package/dts/animation/tooltip.d.ts +7 -4
  23. package/dts/cards/getCardBodySpacingProps.d.ts +16 -4
  24. package/dts/color/blendColors.d.ts +12 -9
  25. package/dts/color/colorToHex.d.ts +1 -1
  26. package/dts/color/darkenColor.d.ts +1 -1
  27. package/dts/color/getAccessibleForegroundGradient.d.ts +13 -8
  28. package/dts/color/getBlendedColor.d.ts +61 -54
  29. package/dts/color/getContrastRatio.d.ts +1 -1
  30. package/dts/color/getLuminance.d.ts +1 -1
  31. package/dts/color/isAccessibleColor.d.ts +11 -6
  32. package/dts/color/isLightOrDarkColor.d.ts +2 -2
  33. package/dts/color/overrideAlpha.d.ts +1 -1
  34. package/dts/core/theme.d.ts +251 -252
  35. package/dts/dates/DateInputValidationError.d.ts +3 -3
  36. package/dts/dates/IntlDateFormat.d.ts +29 -32
  37. package/dts/dates/generateCalendarMonth.d.ts +1 -1
  38. package/dts/dates/getISOStringLocal.d.ts +1 -1
  39. package/dts/dates/getMidnightDate.d.ts +1 -1
  40. package/dts/dates/getTimesFromDatesAndRanges.d.ts +4 -2
  41. package/dts/dates/useDateInput.d.ts +33 -17
  42. package/dts/dates/useDateInputValidation.d.ts +48 -39
  43. package/dts/hooks/useEventHandler.d.ts +12 -3
  44. package/dts/hooks/useFallbackShape.d.ts +10 -6
  45. package/dts/hooks/useGroupToggler.d.ts +9 -6
  46. package/dts/hooks/useHasMounted.d.ts +1 -1
  47. package/dts/hooks/useIndexCounter.d.ts +21 -14
  48. package/dts/hooks/useInputVariant.d.ts +1 -1
  49. package/dts/hooks/useLogo.d.ts +17 -17
  50. package/dts/hooks/useMergeRefs.d.ts +4 -2
  51. package/dts/hooks/usePrefixedId.d.ts +9 -3
  52. package/dts/hooks/usePreviousValue.d.ts +1 -1
  53. package/dts/hooks/usePreviousValues.d.ts +3 -3
  54. package/dts/hooks/useRefMap.d.ts +9 -7
  55. package/dts/hooks/useSort.d.ts +14 -14
  56. package/dts/hooks/useSubBrandLogo.d.ts +53 -45
  57. package/dts/hooks/useTimer.d.ts +5 -5
  58. package/dts/hooks/useToggler.d.ts +7 -7
  59. package/dts/hooks/useValueChanges.d.ts +6 -6
  60. package/dts/index.d.ts +1 -1
  61. package/dts/internal/data/accounts.d.ts +220 -210
  62. package/dts/internal/data/announcementCards.d.ts +7 -7
  63. package/dts/internal/data/asset.d.ts +162 -162
  64. package/dts/internal/data/assets.d.ts +73 -70
  65. package/dts/internal/data/avatars.d.ts +6 -3
  66. package/dts/internal/data/dataCards.d.ts +25 -21
  67. package/dts/internal/data/featureEntryCards.d.ts +19 -16
  68. package/dts/internal/data/feedImages.d.ts +1 -1
  69. package/dts/internal/data/iconData.d.ts +2 -2
  70. package/dts/internal/data/loremIpsum.d.ts +3 -2
  71. package/dts/internal/data/navigation.d.ts +5 -5
  72. package/dts/internal/data/prices.d.ts +3 -3
  73. package/dts/internal/data/product.d.ts +31 -23
  74. package/dts/internal/data/tabs.d.ts +16 -13
  75. package/dts/internal/data/users.d.ts +13 -10
  76. package/dts/internal/utils/storyBuilder.d.ts +136 -95
  77. package/dts/internal/visualizations/SparklineInteractiveData.d.ts +8 -8
  78. package/dts/jest/timeTravel.d.ts +1 -1
  79. package/dts/lottie/lottieUtils.d.ts +7 -4
  80. package/dts/lottie/useStatusAnimationPoller.d.ts +29 -6
  81. package/dts/media/getAvatarFallbackColor.d.ts +4 -2
  82. package/dts/media/remoteImageFallbackSrc.d.ts +5 -3
  83. package/dts/motion/animatedCaret.d.ts +1 -1
  84. package/dts/motion/checkbox.d.ts +85 -77
  85. package/dts/motion/dot.d.ts +85 -77
  86. package/dts/motion/hint.d.ts +46 -42
  87. package/dts/motion/switch.d.ts +1 -1
  88. package/dts/motion/tokens.d.ts +896 -414
  89. package/dts/motion/utils.d.ts +30 -12
  90. package/dts/numbers/IntlNumberFormat.d.ts +101 -103
  91. package/dts/numbers/subscript.d.ts +1 -1
  92. package/dts/overlays/ModalContext.d.ts +22 -22
  93. package/dts/overlays/OverlayContentContext.d.ts +10 -10
  94. package/dts/overlays/PortalContext.d.ts +5 -5
  95. package/dts/overlays/ToastProvider.d.ts +44 -35
  96. package/dts/overlays/useAlert.d.ts +3 -3
  97. package/dts/overlays/useModal.d.ts +3 -3
  98. package/dts/overlays/useOverlay.d.ts +3 -3
  99. package/dts/overlays/usePortal.d.ts +2 -2
  100. package/dts/overlays/usePortalState.d.ts +12 -12
  101. package/dts/overlays/useToastQueue.d.ts +8 -8
  102. package/dts/stepper/useStepper.d.ts +27 -23
  103. package/dts/stepper/utils.d.ts +15 -8
  104. package/dts/system/EventHandlerProvider.d.ts +13 -11
  105. package/dts/system/LocaleProvider.d.ts +8 -5
  106. package/dts/system/RefMapContext.d.ts +3 -3
  107. package/dts/tabs/TabsContext.d.ts +2 -2
  108. package/dts/tabs/useTabs.d.ts +27 -22
  109. package/dts/tokens/accordion.d.ts +4 -4
  110. package/dts/tokens/appSwitcher.d.ts +1 -1
  111. package/dts/tokens/avatar.d.ts +12 -12
  112. package/dts/tokens/banner.d.ts +8 -8
  113. package/dts/tokens/borderRadius.d.ts +1 -1
  114. package/dts/tokens/button.d.ts +61 -61
  115. package/dts/tokens/card.d.ts +16 -16
  116. package/dts/tokens/cell.d.ts +17 -14
  117. package/dts/tokens/chip.d.ts +1 -1
  118. package/dts/tokens/dot.d.ts +4 -4
  119. package/dts/tokens/drawer.d.ts +1 -1
  120. package/dts/tokens/illustrations.d.ts +21 -21
  121. package/dts/tokens/input.d.ts +1 -1
  122. package/dts/tokens/interactable.d.ts +1 -1
  123. package/dts/tokens/interactableHeight.d.ts +3 -3
  124. package/dts/tokens/menu.d.ts +1 -1
  125. package/dts/tokens/multiContentModule.d.ts +1 -1
  126. package/dts/tokens/navigation.d.ts +1 -1
  127. package/dts/tokens/overlays.d.ts +3 -2
  128. package/dts/tokens/page.d.ts +1 -1
  129. package/dts/tokens/select.d.ts +1 -1
  130. package/dts/tokens/sidebar.d.ts +1 -1
  131. package/dts/tokens/sizing.d.ts +1 -1
  132. package/dts/tokens/sparkline.d.ts +1 -1
  133. package/dts/tokens/tags.d.ts +11 -5
  134. package/dts/tokens/tile.d.ts +1 -1
  135. package/dts/tokens/toast.d.ts +1 -1
  136. package/dts/tokens/tooltip.d.ts +1 -1
  137. package/dts/tokens/zIndex.d.ts +12 -12
  138. package/dts/tour/TourContext.d.ts +1 -1
  139. package/dts/tour/useTour.d.ts +83 -77
  140. package/dts/types/AvatarBaseProps.d.ts +1 -1
  141. package/dts/types/AvatarSize.d.ts +1 -1
  142. package/dts/types/BannerBaseProps.d.ts +1 -1
  143. package/dts/types/BoxBaseProps.d.ts +61 -48
  144. package/dts/types/ButtonBaseProps.d.ts +8 -2
  145. package/dts/types/CardHeaderProps.d.ts +9 -9
  146. package/dts/types/CardMediaProps.d.ts +28 -22
  147. package/dts/types/CardRemoteImageProps.d.ts +18 -14
  148. package/dts/types/CdsPlatform.d.ts +1 -1
  149. package/dts/types/CellBaseProps.d.ts +3 -3
  150. package/dts/types/Chart.d.ts +18 -16
  151. package/dts/types/CollapsibleBaseProps.d.ts +1 -1
  152. package/dts/types/Color.d.ts +3 -3
  153. package/dts/types/ComponentEventHandlerProps.d.ts +3 -3
  154. package/dts/types/DimensionStyles.d.ts +18 -18
  155. package/dts/types/Display.d.ts +9 -2
  156. package/dts/types/DotBaseProps.d.ts +1 -1
  157. package/dts/types/DotCountBaseProps.d.ts +1 -1
  158. package/dts/types/ElevationLevels.d.ts +3 -3
  159. package/dts/types/FallbackBaseProps.d.ts +8 -8
  160. package/dts/types/Grid.d.ts +1 -1
  161. package/dts/types/Helpers.d.ts +6 -2
  162. package/dts/types/IconButtonBaseProps.d.ts +1 -1
  163. package/dts/types/IconName.d.ts +1 -1
  164. package/dts/types/IconSize.d.ts +1 -1
  165. package/dts/types/IllustrationNames.d.ts +14 -3
  166. package/dts/types/IllustrationProps.d.ts +15 -3
  167. package/dts/types/InputBaseProps.d.ts +23 -17
  168. package/dts/types/LottiePlayer.d.ts +9 -6
  169. package/dts/types/LottieSource.d.ts +19 -19
  170. package/dts/types/LottieStatusAnimationProps.d.ts +21 -15
  171. package/dts/types/Motion.d.ts +58 -21
  172. package/dts/types/OverlayLifecycleProps.d.ts +17 -17
  173. package/dts/types/Palette.d.ts +1 -1
  174. package/dts/types/Placement.d.ts +1 -1
  175. package/dts/types/Position.d.ts +1 -1
  176. package/dts/types/ProgressContainerWithButtonsProps.d.ts +5 -5
  177. package/dts/types/PulseBaseProps.d.ts +1 -1
  178. package/dts/types/React.d.ts +1 -1
  179. package/dts/types/Rect.d.ts +5 -5
  180. package/dts/types/Responsive.d.ts +9 -2
  181. package/dts/types/ResponsiveProps.d.ts +13 -6
  182. package/dts/types/SectionHeaderProps.d.ts +15 -13
  183. package/dts/types/Shape.d.ts +1 -1
  184. package/dts/types/SharedAccessibilityProps.d.ts +32 -32
  185. package/dts/types/SharedProps.d.ts +7 -7
  186. package/dts/types/SpacingProps.d.ts +37 -37
  187. package/dts/types/SparklineInteractiveHeaderBaseProps.d.ts +7 -2
  188. package/dts/types/SpreadPropsSafely.d.ts +2 -2
  189. package/dts/types/StickyFooterProps.d.ts +17 -15
  190. package/dts/types/TagBaseProps.d.ts +5 -2
  191. package/dts/types/TextBaseProps.d.ts +7 -7
  192. package/dts/types/TooltipBaseProps.d.ts +1 -1
  193. package/dts/types/TypeOrNumber.d.ts +1 -1
  194. package/dts/types/Visibility.d.ts +2 -2
  195. package/dts/types/Weight.d.ts +1 -1
  196. package/dts/types/index.d.ts +1 -1
  197. package/dts/utils/cell.d.ts +5 -2
  198. package/dts/utils/chart.d.ts +1 -1
  199. package/dts/utils/circle.d.ts +1 -1
  200. package/dts/utils/convertDimensionToAspectRatio.d.ts +12 -2
  201. package/dts/utils/convertDimensionToSize.d.ts +3 -3
  202. package/dts/utils/convertSizeWithMultiplier.d.ts +8 -5
  203. package/dts/utils/debounce.d.ts +5 -2
  204. package/dts/utils/delay.d.ts +1 -1
  205. package/dts/utils/flattenNodes.d.ts +6 -2
  206. package/dts/utils/formatCount.d.ts +1 -1
  207. package/dts/utils/getAccessibleColor.d.ts +16 -11
  208. package/dts/utils/getButtonSpacingProps.d.ts +12 -9
  209. package/dts/utils/getDefaultAspectRatioForIllustration.d.ts +9 -2
  210. package/dts/utils/getDefaultSizeObjectForIllustration.d.ts +4 -2
  211. package/dts/utils/getRectWidthVariant.d.ts +5 -2
  212. package/dts/utils/getWidthInEm.d.ts +1 -1
  213. package/dts/utils/join.d.ts +5 -2
  214. package/dts/utils/mergeProps.d.ts +1 -1
  215. package/dts/utils/mockUtils.d.ts +1 -1
  216. package/dts/utils/modulate.d.ts +8 -5
  217. package/dts/utils/parseDotCountMaxOverflow.d.ts +1 -1
  218. package/dts/visualizations/getProgressCircleParams.d.ts +15 -11
  219. package/dts/visualizations/getSparklineRange.d.ts +11 -7
  220. package/dts/visualizations/getSparklineTransform.d.ts +7 -3
  221. package/dts/visualizations/largestTriangleThreeBucket.d.ts +1 -1
  222. package/dts/visualizations/useCounter.d.ts +9 -5
  223. package/dts/visualizations/useDateLookup.d.ts +9 -5
  224. package/dts/visualizations/useProgressSize.d.ts +1 -1
  225. package/dts/visualizations/useSparklineArea.d.ts +1 -1
  226. package/dts/visualizations/useSparklineAreaOpacity.d.ts +1 -1
  227. package/dts/visualizations/useSparklineCoordinates.d.ts +19 -12
  228. package/dts/visualizations/useSparklinePath.d.ts +1 -1
  229. package/dts/visualizations/useSparklinePathGenerator.d.ts +16 -10
  230. package/dts/visualizations/useTimeseriesPaths.d.ts +6 -6
  231. package/dts/visualizations/useVisualizationDimensions.d.ts +15 -10
  232. package/package.json +7 -7
  233. package/dts/accordion/__tests__/AccordionProvider.test.d.ts +0 -2
  234. package/dts/accordion/__tests__/AccordionProvider.test.d.ts.map +0 -1
  235. package/dts/color/__tests__/blendColors.test.d.ts +0 -2
  236. package/dts/color/__tests__/blendColors.test.d.ts.map +0 -1
  237. package/dts/color/__tests__/isLightOrDarkColor.test.d.ts +0 -2
  238. package/dts/color/__tests__/isLightOrDarkColor.test.d.ts.map +0 -1
  239. package/dts/color/__tests__/overrideAlpha.test.d.ts +0 -2
  240. package/dts/color/__tests__/overrideAlpha.test.d.ts.map +0 -1
  241. package/dts/dates/__tests__/IntlDateFormat.test.d.ts +0 -2
  242. package/dts/dates/__tests__/IntlDateFormat.test.d.ts.map +0 -1
  243. package/dts/dates/__tests__/useDateInput.test.d.ts +0 -2
  244. package/dts/dates/__tests__/useDateInput.test.d.ts.map +0 -1
  245. package/dts/hooks/__tests__/useFallbackShape.test.d.ts +0 -2
  246. package/dts/hooks/__tests__/useFallbackShape.test.d.ts.map +0 -1
  247. package/dts/hooks/__tests__/usePrefixedId.test.d.ts +0 -2
  248. package/dts/hooks/__tests__/usePrefixedId.test.d.ts.map +0 -1
  249. package/dts/hooks/__tests__/usePreviousValue.test.d.ts +0 -2
  250. package/dts/hooks/__tests__/usePreviousValue.test.d.ts.map +0 -1
  251. package/dts/hooks/__tests__/useRefMap.test.d.ts +0 -2
  252. package/dts/hooks/__tests__/useRefMap.test.d.ts.map +0 -1
  253. package/dts/hooks/__tests__/useSort.test.d.ts +0 -2
  254. package/dts/hooks/__tests__/useSort.test.d.ts.map +0 -1
  255. package/dts/hooks/__tests__/useTimer.test.d.ts +0 -2
  256. package/dts/hooks/__tests__/useTimer.test.d.ts.map +0 -1
  257. package/dts/lottie/lottieUtils.test.d.ts +0 -2
  258. package/dts/lottie/lottieUtils.test.d.ts.map +0 -1
  259. package/dts/numbers/__tests__/formatToParts.test.d.ts +0 -2
  260. package/dts/numbers/__tests__/formatToParts.test.d.ts.map +0 -1
  261. package/dts/numbers/__tests__/subscript.test.d.ts +0 -2
  262. package/dts/numbers/__tests__/subscript.test.d.ts.map +0 -1
  263. package/dts/overlays/__tests__/useOverlay.test.d.ts +0 -2
  264. package/dts/overlays/__tests__/useOverlay.test.d.ts.map +0 -1
  265. package/dts/overlays/__tests__/useToastQueue.test.d.ts +0 -2
  266. package/dts/overlays/__tests__/useToastQueue.test.d.ts.map +0 -1
  267. package/dts/stepper/__tests__/useStepper.test.d.ts +0 -2
  268. package/dts/stepper/__tests__/useStepper.test.d.ts.map +0 -1
  269. package/dts/stepper/__tests__/utils.test.d.ts +0 -2
  270. package/dts/stepper/__tests__/utils.test.d.ts.map +0 -1
  271. package/dts/system/__tests__/EventHandlerProvider.test.d.ts +0 -2
  272. package/dts/system/__tests__/EventHandlerProvider.test.d.ts.map +0 -1
  273. package/dts/tabs/__tests__/TabsContext.test.d.ts +0 -2
  274. package/dts/tabs/__tests__/TabsContext.test.d.ts.map +0 -1
  275. package/dts/tabs/__tests__/useTabs.test.d.ts +0 -2
  276. package/dts/tabs/__tests__/useTabs.test.d.ts.map +0 -1
  277. package/dts/tour/__tests__/TourContext.test.d.ts +0 -2
  278. package/dts/tour/__tests__/TourContext.test.d.ts.map +0 -1
  279. package/dts/tour/__tests__/useTour.test.d.ts +0 -2
  280. package/dts/tour/__tests__/useTour.test.d.ts.map +0 -1
  281. package/dts/utils/__tests__/cell.test.d.ts +0 -2
  282. package/dts/utils/__tests__/cell.test.d.ts.map +0 -1
  283. package/dts/utils/__tests__/chart.test.d.ts +0 -2
  284. package/dts/utils/__tests__/chart.test.d.ts.map +0 -1
  285. package/dts/utils/__tests__/flattenNodes.test.d.ts +0 -2
  286. package/dts/utils/__tests__/flattenNodes.test.d.ts.map +0 -1
  287. package/dts/utils/__tests__/formatCount.test.d.ts +0 -2
  288. package/dts/utils/__tests__/formatCount.test.d.ts.map +0 -1
  289. package/dts/utils/__tests__/getRectWidthVariant.test.d.ts +0 -2
  290. package/dts/utils/__tests__/getRectWidthVariant.test.d.ts.map +0 -1
  291. package/dts/visualizations/__tests__/getSparklineRange.test.d.ts +0 -2
  292. package/dts/visualizations/__tests__/getSparklineRange.test.d.ts.map +0 -1
  293. package/dts/visualizations/__tests__/largestTriangleThreeBucket.test.d.ts +0 -2
  294. package/dts/visualizations/__tests__/largestTriangleThreeBucket.test.d.ts.map +0 -1
  295. package/dts/visualizations/__tests__/useCounter.test.d.ts +0 -2
  296. package/dts/visualizations/__tests__/useCounter.test.d.ts.map +0 -1
  297. package/dts/visualizations/__tests__/useSparklineArea.test.d.ts +0 -2
  298. package/dts/visualizations/__tests__/useSparklineArea.test.d.ts.map +0 -1
  299. package/dts/visualizations/__tests__/useSparklineCoordinates.test.d.ts +0 -2
  300. package/dts/visualizations/__tests__/useSparklineCoordinates.test.d.ts.map +0 -1
  301. package/dts/visualizations/__tests__/useSparklinePath.test.d.ts +0 -2
  302. package/dts/visualizations/__tests__/useSparklinePath.test.d.ts.map +0 -1
@@ -1,2 +1,2 @@
1
- export declare const isLightOrDarkColor: (value: string) => "dark" | "light";
2
- //# sourceMappingURL=isLightOrDarkColor.d.ts.map
1
+ export declare const isLightOrDarkColor: (value: string) => 'dark' | 'light';
2
+ //# sourceMappingURL=isLightOrDarkColor.d.ts.map
@@ -5,4 +5,4 @@
5
5
  * @returns rgbaString - `rgba(255, 255, 255, 0.5)`
6
6
  */
7
7
  export declare const overrideAlpha: (value: string, opacity: number) => string;
8
- //# sourceMappingURL=overrideAlpha.d.ts.map
8
+ //# sourceMappingURL=overrideAlpha.d.ts.map
@@ -5,7 +5,7 @@
5
5
  * This utility type makes the final intellisense into human-redable literal values.
6
6
  */
7
7
  type Prettify<T> = {
8
- [K in keyof T]: T[K];
8
+ [K in keyof T]: T[K];
9
9
  } & {};
10
10
  export type ColorScheme = 'dark' | 'light';
11
11
  export type ColorSchemePreference = ColorScheme | 'system';
@@ -19,239 +19,216 @@ export type ColorSchemePreference = ColorScheme | 'system';
19
19
  * @docs http://cds.coinbase.com/getting-started/theming/#themevars-namespace
20
20
  */
21
21
  export declare namespace ThemeVarsDefault {
22
- interface SpectrumHue {
23
- blue: void;
24
- green: void;
25
- orange: void;
26
- yellow: void;
27
- gray: void;
28
- indigo: void;
29
- pink: void;
30
- purple: void;
31
- red: void;
32
- teal: void;
33
- chartreuse: void;
34
- }
35
- interface SpectrumHueStep {
36
- 0: void;
37
- 5: void;
38
- 10: void;
39
- 15: void;
40
- 20: void;
41
- 30: void;
42
- 40: void;
43
- 50: void;
44
- 60: void;
45
- 70: void;
46
- 80: void;
47
- 90: void;
48
- 100: void;
49
- }
50
- interface Color {
51
- currentColor: void;
52
- fg: void;
53
- fgMuted: void;
54
- fgInverse: void;
55
- fgPrimary: void;
56
- fgWarning: void;
57
- fgPositive: void;
58
- fgNegative: void;
59
- bg: void;
60
- bgAlternate: void;
61
- bgInverse: void;
62
- bgOverlay: void;
63
- bgElevation1: void;
64
- bgElevation2: void;
65
- bgPrimary: void;
66
- bgPrimaryWash: void;
67
- bgSecondary: void;
68
- bgTertiary: void;
69
- bgSecondaryWash: void;
70
- bgNegative: void;
71
- bgNegativeWash: void;
72
- bgPositive: void;
73
- bgPositiveWash: void;
74
- bgWarning: void;
75
- bgWarningWash: void;
76
- bgLine: void;
77
- bgLineHeavy: void;
78
- bgLineInverse: void;
79
- bgLinePrimary: void;
80
- bgLinePrimarySubtle: void;
81
- accentSubtleRed: void;
82
- accentBoldRed: void;
83
- accentSubtleGreen: void;
84
- accentBoldGreen: void;
85
- accentSubtleBlue: void;
86
- accentBoldBlue: void;
87
- accentSubtlePurple: void;
88
- accentBoldPurple: void;
89
- accentSubtleYellow: void;
90
- accentBoldYellow: void;
91
- accentSubtleGray: void;
92
- accentBoldGray: void;
93
- transparent: void;
94
- }
95
- interface IllustrationColor {
96
- primary: void;
97
- black: void;
98
- white: void;
99
- gray: void;
100
- gray2: void;
101
- gray3: void;
102
- positive: void;
103
- negative: void;
104
- accent1: void;
105
- accent2: void;
106
- accent3: void;
107
- accent4: void;
108
- invert: void;
109
- invert2: void;
110
- }
111
- interface Space {
112
- 0: void;
113
- 0.25: void;
114
- 0.5: void;
115
- 0.75: void;
116
- 1: void;
117
- 1.5: void;
118
- 2: void;
119
- 3: void;
120
- 4: void;
121
- 5: void;
122
- 6: void;
123
- 7: void;
124
- 8: void;
125
- 9: void;
126
- 10: void;
127
- }
128
- interface IconSize {
129
- xs: void;
130
- s: void;
131
- m: void;
132
- l: void;
133
- }
134
- interface AvatarSize {
135
- s: void;
136
- m: void;
137
- l: void;
138
- xl: void;
139
- xxl: void;
140
- xxxl: void;
141
- }
142
- interface BorderWidth {
143
- 0: void;
144
- 100: void;
145
- 200: void;
146
- 300: void;
147
- 400: void;
148
- 500: void;
149
- }
150
- interface BorderRadius {
151
- 0: void;
152
- 100: void;
153
- 200: void;
154
- 300: void;
155
- 400: void;
156
- 500: void;
157
- 600: void;
158
- 700: void;
159
- 800: void;
160
- 900: void;
161
- 1000: void;
162
- }
163
- interface Font {
164
- display1: void;
165
- display2: void;
166
- display3: void;
167
- title1: void;
168
- title2: void;
169
- title3: void;
170
- title4: void;
171
- headline: void;
172
- body: void;
173
- label1: void;
174
- label2: void;
175
- caption: void;
176
- legal: void;
177
- }
178
- interface FontFamily extends Font {
179
- }
180
- interface FontSize extends Font {
181
- }
182
- interface FontWeight extends Font {
183
- }
184
- interface LineHeight extends Font {
185
- }
186
- interface TextTransform extends Font {
187
- }
188
- interface Shadow {
189
- elevation1: void;
190
- elevation2: void;
191
- }
192
- interface ControlSize {
193
- checkboxSize: void;
194
- radioSize: void;
195
- switchWidth: void;
196
- switchHeight: void;
197
- switchThumbSize: void;
198
- tileSize: void;
199
- }
200
- interface Elevation {
201
- 0: void;
202
- 1: void;
203
- 2: void;
204
- }
22
+ interface SpectrumHue {
23
+ blue: void;
24
+ green: void;
25
+ orange: void;
26
+ yellow: void;
27
+ gray: void;
28
+ indigo: void;
29
+ pink: void;
30
+ purple: void;
31
+ red: void;
32
+ teal: void;
33
+ chartreuse: void;
34
+ }
35
+ interface SpectrumHueStep {
36
+ 0: void;
37
+ 5: void;
38
+ 10: void;
39
+ 15: void;
40
+ 20: void;
41
+ 30: void;
42
+ 40: void;
43
+ 50: void;
44
+ 60: void;
45
+ 70: void;
46
+ 80: void;
47
+ 90: void;
48
+ 100: void;
49
+ }
50
+ interface Color {
51
+ currentColor: void;
52
+ fg: void;
53
+ fgMuted: void;
54
+ fgInverse: void;
55
+ fgPrimary: void;
56
+ fgWarning: void;
57
+ fgPositive: void;
58
+ fgNegative: void;
59
+ bg: void;
60
+ bgAlternate: void;
61
+ bgInverse: void;
62
+ bgOverlay: void;
63
+ bgElevation1: void;
64
+ bgElevation2: void;
65
+ bgPrimary: void;
66
+ bgPrimaryWash: void;
67
+ bgSecondary: void;
68
+ bgTertiary: void;
69
+ bgSecondaryWash: void;
70
+ bgNegative: void;
71
+ bgNegativeWash: void;
72
+ bgPositive: void;
73
+ bgPositiveWash: void;
74
+ bgWarning: void;
75
+ bgWarningWash: void;
76
+ bgLine: void;
77
+ bgLineHeavy: void;
78
+ bgLineInverse: void;
79
+ bgLinePrimary: void;
80
+ bgLinePrimarySubtle: void;
81
+ accentSubtleRed: void;
82
+ accentBoldRed: void;
83
+ accentSubtleGreen: void;
84
+ accentBoldGreen: void;
85
+ accentSubtleBlue: void;
86
+ accentBoldBlue: void;
87
+ accentSubtlePurple: void;
88
+ accentBoldPurple: void;
89
+ accentSubtleYellow: void;
90
+ accentBoldYellow: void;
91
+ accentSubtleGray: void;
92
+ accentBoldGray: void;
93
+ transparent: void;
94
+ }
95
+ interface IllustrationColor {
96
+ primary: void;
97
+ black: void;
98
+ white: void;
99
+ gray: void;
100
+ gray2: void;
101
+ gray3: void;
102
+ positive: void;
103
+ negative: void;
104
+ accent1: void;
105
+ accent2: void;
106
+ accent3: void;
107
+ accent4: void;
108
+ invert: void;
109
+ invert2: void;
110
+ }
111
+ interface Space {
112
+ 0: void;
113
+ 0.25: void;
114
+ 0.5: void;
115
+ 0.75: void;
116
+ 1: void;
117
+ 1.5: void;
118
+ 2: void;
119
+ 3: void;
120
+ 4: void;
121
+ 5: void;
122
+ 6: void;
123
+ 7: void;
124
+ 8: void;
125
+ 9: void;
126
+ 10: void;
127
+ }
128
+ interface IconSize {
129
+ xs: void;
130
+ s: void;
131
+ m: void;
132
+ l: void;
133
+ }
134
+ interface AvatarSize {
135
+ s: void;
136
+ m: void;
137
+ l: void;
138
+ xl: void;
139
+ xxl: void;
140
+ xxxl: void;
141
+ }
142
+ interface BorderWidth {
143
+ 0: void;
144
+ 100: void;
145
+ 200: void;
146
+ 300: void;
147
+ 400: void;
148
+ 500: void;
149
+ }
150
+ interface BorderRadius {
151
+ 0: void;
152
+ 100: void;
153
+ 200: void;
154
+ 300: void;
155
+ 400: void;
156
+ 500: void;
157
+ 600: void;
158
+ 700: void;
159
+ 800: void;
160
+ 900: void;
161
+ 1000: void;
162
+ }
163
+ interface Font {
164
+ display1: void;
165
+ display2: void;
166
+ display3: void;
167
+ title1: void;
168
+ title2: void;
169
+ title3: void;
170
+ title4: void;
171
+ headline: void;
172
+ body: void;
173
+ label1: void;
174
+ label2: void;
175
+ caption: void;
176
+ legal: void;
177
+ }
178
+ interface FontFamily extends Font {}
179
+ interface FontSize extends Font {}
180
+ interface FontWeight extends Font {}
181
+ interface LineHeight extends Font {}
182
+ interface TextTransform extends Font {}
183
+ interface Shadow {
184
+ elevation1: void;
185
+ elevation2: void;
186
+ }
187
+ interface ControlSize {
188
+ checkboxSize: void;
189
+ radioSize: void;
190
+ switchWidth: void;
191
+ switchHeight: void;
192
+ switchThumbSize: void;
193
+ tileSize: void;
194
+ }
195
+ interface Elevation {
196
+ 0: void;
197
+ 1: void;
198
+ 2: void;
199
+ }
205
200
  }
206
201
  declare module '@coinbase/cds-common/core/theme' {
207
- /**
208
- * Override interfaces in this namespace to add new variables to the ThemeVars
209
- * namespace, making their types available to all CDS components. Only the
210
- * interface keys are used to define the available Theme variables. The
211
- * interface values are not used.
212
- * @danger Only use this namespace for overriding. Once overridden, you should
213
- * prefer to read from the ThemeVars namespace instead, which inherits from this
214
- * namespace.
215
- * @docs http://cds.coinbase.com/getting-started/theming/#extending-the-theme
216
- */
217
- namespace ThemeVarsExtended {
218
- interface SpectrumHue {
219
- }
220
- interface SpectrumHueStep {
221
- }
222
- interface Color {
223
- }
224
- interface IllustrationColor {
225
- }
226
- interface Space {
227
- }
228
- interface IconSize {
229
- }
230
- interface AvatarSize {
231
- }
232
- interface BorderWidth {
233
- }
234
- interface BorderRadius {
235
- }
236
- interface Font {
237
- }
238
- interface FontFamily {
239
- }
240
- interface FontSize {
241
- }
242
- interface FontWeight {
243
- }
244
- interface LineHeight {
245
- }
246
- interface TextTransform {
247
- }
248
- interface Shadow {
249
- }
250
- interface ControlSize {
251
- }
252
- interface Elevation {
253
- }
254
- }
202
+ /**
203
+ * Override interfaces in this namespace to add new variables to the ThemeVars
204
+ * namespace, making their types available to all CDS components. Only the
205
+ * interface keys are used to define the available Theme variables. The
206
+ * interface values are not used.
207
+ * @danger Only use this namespace for overriding. Once overridden, you should
208
+ * prefer to read from the ThemeVars namespace instead, which inherits from this
209
+ * namespace.
210
+ * @docs http://cds.coinbase.com/getting-started/theming/#extending-the-theme
211
+ */
212
+ namespace ThemeVarsExtended {
213
+ interface SpectrumHue {}
214
+ interface SpectrumHueStep {}
215
+ interface Color {}
216
+ interface IllustrationColor {}
217
+ interface Space {}
218
+ interface IconSize {}
219
+ interface AvatarSize {}
220
+ interface BorderWidth {}
221
+ interface BorderRadius {}
222
+ interface Font {}
223
+ interface FontFamily {}
224
+ interface FontSize {}
225
+ interface FontWeight {}
226
+ interface LineHeight {}
227
+ interface TextTransform {}
228
+ interface Shadow {}
229
+ interface ControlSize {}
230
+ interface Elevation {}
231
+ }
255
232
  }
256
233
  /**
257
234
  * This is the complete set of Theme variables available to all CDS components.
@@ -262,25 +239,47 @@ declare module '@coinbase/cds-common/core/theme' {
262
239
  * @docs http://cds.coinbase.com/getting-started/theming/#themevars-namespace
263
240
  */
264
241
  export declare namespace ThemeVars {
265
- type SpectrumHue = Prettify<keyof ThemeVarsDefault.SpectrumHue | keyof ThemeVarsExtended.SpectrumHue>;
266
- type SpectrumHueStep = Prettify<keyof ThemeVarsDefault.SpectrumHueStep | keyof ThemeVarsExtended.SpectrumHueStep>;
267
- type SpectrumColor = `${SpectrumHue}${SpectrumHueStep}`;
268
- type Color = Prettify<keyof ThemeVarsDefault.Color | keyof ThemeVarsExtended.Color>;
269
- type IllustrationColor = Prettify<keyof ThemeVarsDefault.IllustrationColor | keyof ThemeVarsExtended.IllustrationColor>;
270
- type Space = Prettify<keyof ThemeVarsDefault.Space | keyof ThemeVarsExtended.Space>;
271
- type IconSize = Prettify<keyof ThemeVarsDefault.IconSize | keyof ThemeVarsExtended.IconSize>;
272
- type AvatarSize = Prettify<keyof ThemeVarsDefault.AvatarSize | keyof ThemeVarsExtended.AvatarSize>;
273
- type BorderWidth = Prettify<keyof ThemeVarsDefault.BorderWidth | keyof ThemeVarsExtended.BorderWidth>;
274
- type BorderRadius = Prettify<keyof ThemeVarsDefault.BorderRadius | keyof ThemeVarsExtended.BorderRadius>;
275
- type Font = Prettify<keyof ThemeVarsDefault.Font | keyof ThemeVarsExtended.Font>;
276
- type FontFamily = Prettify<keyof ThemeVarsDefault.FontFamily | keyof ThemeVarsExtended.FontFamily>;
277
- type FontSize = Prettify<keyof ThemeVarsDefault.FontSize | keyof ThemeVarsExtended.FontSize>;
278
- type FontWeight = Prettify<keyof ThemeVarsDefault.FontWeight | keyof ThemeVarsExtended.FontWeight>;
279
- type LineHeight = Prettify<keyof ThemeVarsDefault.LineHeight | keyof ThemeVarsExtended.LineHeight>;
280
- type TextTransform = Prettify<keyof ThemeVarsDefault.TextTransform | keyof ThemeVarsExtended.TextTransform>;
281
- type Shadow = Prettify<keyof ThemeVarsDefault.Shadow | keyof ThemeVarsExtended.Shadow>;
282
- type ControlSize = Prettify<keyof ThemeVarsDefault.ControlSize | keyof ThemeVarsExtended.ControlSize>;
283
- type Elevation = Prettify<keyof ThemeVarsDefault.Elevation | keyof ThemeVarsExtended.Elevation>;
242
+ type SpectrumHue = Prettify<
243
+ keyof ThemeVarsDefault.SpectrumHue | keyof ThemeVarsExtended.SpectrumHue
244
+ >;
245
+ type SpectrumHueStep = Prettify<
246
+ keyof ThemeVarsDefault.SpectrumHueStep | keyof ThemeVarsExtended.SpectrumHueStep
247
+ >;
248
+ type SpectrumColor = `${SpectrumHue}${SpectrumHueStep}`;
249
+ type Color = Prettify<keyof ThemeVarsDefault.Color | keyof ThemeVarsExtended.Color>;
250
+ type IllustrationColor = Prettify<
251
+ keyof ThemeVarsDefault.IllustrationColor | keyof ThemeVarsExtended.IllustrationColor
252
+ >;
253
+ type Space = Prettify<keyof ThemeVarsDefault.Space | keyof ThemeVarsExtended.Space>;
254
+ type IconSize = Prettify<keyof ThemeVarsDefault.IconSize | keyof ThemeVarsExtended.IconSize>;
255
+ type AvatarSize = Prettify<
256
+ keyof ThemeVarsDefault.AvatarSize | keyof ThemeVarsExtended.AvatarSize
257
+ >;
258
+ type BorderWidth = Prettify<
259
+ keyof ThemeVarsDefault.BorderWidth | keyof ThemeVarsExtended.BorderWidth
260
+ >;
261
+ type BorderRadius = Prettify<
262
+ keyof ThemeVarsDefault.BorderRadius | keyof ThemeVarsExtended.BorderRadius
263
+ >;
264
+ type Font = Prettify<keyof ThemeVarsDefault.Font | keyof ThemeVarsExtended.Font>;
265
+ type FontFamily = Prettify<
266
+ keyof ThemeVarsDefault.FontFamily | keyof ThemeVarsExtended.FontFamily
267
+ >;
268
+ type FontSize = Prettify<keyof ThemeVarsDefault.FontSize | keyof ThemeVarsExtended.FontSize>;
269
+ type FontWeight = Prettify<
270
+ keyof ThemeVarsDefault.FontWeight | keyof ThemeVarsExtended.FontWeight
271
+ >;
272
+ type LineHeight = Prettify<
273
+ keyof ThemeVarsDefault.LineHeight | keyof ThemeVarsExtended.LineHeight
274
+ >;
275
+ type TextTransform = Prettify<
276
+ keyof ThemeVarsDefault.TextTransform | keyof ThemeVarsExtended.TextTransform
277
+ >;
278
+ type Shadow = Prettify<keyof ThemeVarsDefault.Shadow | keyof ThemeVarsExtended.Shadow>;
279
+ type ControlSize = Prettify<
280
+ keyof ThemeVarsDefault.ControlSize | keyof ThemeVarsExtended.ControlSize
281
+ >;
282
+ type Elevation = Prettify<keyof ThemeVarsDefault.Elevation | keyof ThemeVarsExtended.Elevation>;
284
283
  }
285
284
  export {};
286
- //# sourceMappingURL=theme.d.ts.map
285
+ //# sourceMappingURL=theme.d.ts.map
@@ -1,6 +1,6 @@
1
1
  export type DateInputValidationErrorType = 'required' | 'invalid' | 'disabled';
2
2
  export declare class DateInputValidationError extends Error {
3
- type: DateInputValidationErrorType | 'custom';
4
- constructor(type: DateInputValidationError['type'], message: string);
3
+ type: DateInputValidationErrorType | 'custom';
4
+ constructor(type: DateInputValidationError['type'], message: string);
5
5
  }
6
- //# sourceMappingURL=DateInputValidationError.d.ts.map
6
+ //# sourceMappingURL=DateInputValidationError.d.ts.map
@@ -10,36 +10,33 @@
10
10
  * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat
11
11
  */
12
12
  export declare class IntlDateFormat {
13
- /** A valid JavaScript Intl locale used to determine the date format. */
14
- locale: string;
15
- /** Character used to separate values in the date format, e.g. the forward slash in "MM/DD/YYYY". */
16
- separator: string;
17
- /** The indices of the separator characters in the date format. */
18
- separatorIndices: number[];
19
- /** Matches any character except digits and the separator character. */
20
- invalidDateFormatRegex: RegExp;
21
- /** Matches two or more consecutive separator characters. */
22
- duplicateSeparatorRegex: RegExp;
23
- /** Intl.DateTimeFormat class for the locale. */
24
- dateTimeFormat: Intl.DateTimeFormat;
25
- /** Array of Intl.DateTimeFormatParts - including day, month, year, and separators. */
26
- dateTimeFormatParts: Intl.DateTimeFormatPart[];
27
- /** The date format, based on the locale and including separator characters, e.g. "MM/DD/YYYY". */
28
- dateStringFormat: string;
29
- static datePartTypeMap: {
30
- [key in Intl.DateTimeFormatPartTypes]?: string;
31
- };
32
- constructor(props: {
33
- locale: string;
34
- separator: string;
35
- });
36
- /**
37
- * Converts a valid date string to a Date object based on the locale's date format.
38
- */
39
- date(dateString: string): Date | null;
40
- /**
41
- * Converts a Date object to a date string based on the locale's date format.
42
- */
43
- format(date: Date): string;
13
+ /** A valid JavaScript Intl locale used to determine the date format. */
14
+ locale: string;
15
+ /** Character used to separate values in the date format, e.g. the forward slash in "MM/DD/YYYY". */
16
+ separator: string;
17
+ /** The indices of the separator characters in the date format. */
18
+ separatorIndices: number[];
19
+ /** Matches any character except digits and the separator character. */
20
+ invalidDateFormatRegex: RegExp;
21
+ /** Matches two or more consecutive separator characters. */
22
+ duplicateSeparatorRegex: RegExp;
23
+ /** Intl.DateTimeFormat class for the locale. */
24
+ dateTimeFormat: Intl.DateTimeFormat;
25
+ /** Array of Intl.DateTimeFormatParts - including day, month, year, and separators. */
26
+ dateTimeFormatParts: Intl.DateTimeFormatPart[];
27
+ /** The date format, based on the locale and including separator characters, e.g. "MM/DD/YYYY". */
28
+ dateStringFormat: string;
29
+ static datePartTypeMap: {
30
+ [key in Intl.DateTimeFormatPartTypes]?: string;
31
+ };
32
+ constructor(props: { locale: string; separator: string });
33
+ /**
34
+ * Converts a valid date string to a Date object based on the locale's date format.
35
+ */
36
+ date(dateString: string): Date | null;
37
+ /**
38
+ * Converts a Date object to a date string based on the locale's date format.
39
+ */
40
+ format(date: Date): string;
44
41
  }
45
- //# sourceMappingURL=IntlDateFormat.d.ts.map
42
+ //# sourceMappingURL=IntlDateFormat.d.ts.map
@@ -2,4 +2,4 @@
2
2
  * Generates an array of Dates for a calendar month. Not localized with Intl. Assumes a Gregorian calendar with "en-US" DateTimeFormat. Treats Sunday as the first day of the week.
3
3
  */
4
4
  export declare const generateCalendarMonth: (seedDate: Date) => Date[];
5
- //# sourceMappingURL=generateCalendarMonth.d.ts.map
5
+ //# sourceMappingURL=generateCalendarMonth.d.ts.map
@@ -2,4 +2,4 @@
2
2
  * Converts a Date to an ISO 8601 string (YYYY-MM-DD) in the local timezone (not UTC)
3
3
  */
4
4
  export declare const getISOStringLocal: (date: Date) => string;
5
- //# sourceMappingURL=getISOStringLocal.d.ts.map
5
+ //# sourceMappingURL=getISOStringLocal.d.ts.map
@@ -2,4 +2,4 @@
2
2
  * Clones a Date with the time set to midnight (00:00:00.000)
3
3
  */
4
4
  export declare const getMidnightDate: (date: Date) => Date;
5
- //# sourceMappingURL=getMidnightDate.d.ts.map
5
+ //# sourceMappingURL=getMidnightDate.d.ts.map
@@ -1,5 +1,7 @@
1
1
  /**
2
2
  * Takes an array of Dates and Date tuples for date ranges, and generates a flattened array of corresponding Date.getTime() numbers, with the time set to midnight. A number will be generated for every individual date within a date range.
3
3
  */
4
- export declare const getTimesFromDatesAndRanges: (datesAndRanges: (Date | [Date, Date])[]) => number[];
5
- //# sourceMappingURL=getTimesFromDatesAndRanges.d.ts.map
4
+ export declare const getTimesFromDatesAndRanges: (
5
+ datesAndRanges: (Date | [Date, Date])[],
6
+ ) => number[];
7
+ //# sourceMappingURL=getTimesFromDatesAndRanges.d.ts.map