@coinbase/cds-common 8.13.1 → 8.13.5
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.
- package/CHANGELOG.md +58 -0
- package/dts/accordion/AccordionProvider.d.ts +23 -17
- package/dts/animation/accordion.d.ts +1 -1
- package/dts/animation/border.d.ts +9 -3
- package/dts/animation/carousel.d.ts +1 -1
- package/dts/animation/collapsible.d.ts +4 -4
- package/dts/animation/dot.d.ts +1 -1
- package/dts/animation/drawer.d.ts +8 -8
- package/dts/animation/dropdown.d.ts +19 -19
- package/dts/animation/fullscreenModal.d.ts +1 -1
- package/dts/animation/likeButton.d.ts +1 -1
- package/dts/animation/menu.d.ts +21 -21
- package/dts/animation/modal.d.ts +1 -1
- package/dts/animation/overlay.d.ts +1 -1
- package/dts/animation/paddle.d.ts +1 -1
- package/dts/animation/progress.d.ts +1 -1
- package/dts/animation/rotate.d.ts +1 -1
- package/dts/animation/select.d.ts +1 -1
- package/dts/animation/sparkline.d.ts +3 -3
- package/dts/animation/tabs.d.ts +1 -1
- package/dts/animation/toast.d.ts +1 -1
- package/dts/animation/tooltip.d.ts +7 -4
- package/dts/cards/getCardBodySpacingProps.d.ts +16 -4
- package/dts/color/blendColors.d.ts +12 -9
- package/dts/color/colorToHex.d.ts +1 -1
- package/dts/color/darkenColor.d.ts +1 -1
- package/dts/color/getAccessibleForegroundGradient.d.ts +13 -8
- package/dts/color/getBlendedColor.d.ts +61 -54
- package/dts/color/getContrastRatio.d.ts +1 -1
- package/dts/color/getLuminance.d.ts +1 -1
- package/dts/color/isAccessibleColor.d.ts +11 -6
- package/dts/color/isLightOrDarkColor.d.ts +2 -2
- package/dts/color/overrideAlpha.d.ts +1 -1
- package/dts/core/theme.d.ts +251 -252
- package/dts/dates/DateInputValidationError.d.ts +3 -3
- package/dts/dates/IntlDateFormat.d.ts +29 -32
- package/dts/dates/generateCalendarMonth.d.ts +1 -1
- package/dts/dates/getISOStringLocal.d.ts +1 -1
- package/dts/dates/getMidnightDate.d.ts +1 -1
- package/dts/dates/getTimesFromDatesAndRanges.d.ts +4 -2
- package/dts/dates/useDateInput.d.ts +33 -17
- package/dts/dates/useDateInputValidation.d.ts +48 -39
- package/dts/hooks/useEventHandler.d.ts +12 -3
- package/dts/hooks/useFallbackShape.d.ts +10 -6
- package/dts/hooks/useGroupToggler.d.ts +9 -6
- package/dts/hooks/useHasMounted.d.ts +1 -1
- package/dts/hooks/useIndexCounter.d.ts +21 -14
- package/dts/hooks/useInputVariant.d.ts +1 -1
- package/dts/hooks/useLogo.d.ts +17 -17
- package/dts/hooks/useMergeRefs.d.ts +4 -2
- package/dts/hooks/usePrefixedId.d.ts +9 -3
- package/dts/hooks/usePreviousValue.d.ts +1 -1
- package/dts/hooks/usePreviousValues.d.ts +3 -3
- package/dts/hooks/useRefMap.d.ts +9 -7
- package/dts/hooks/useSort.d.ts +14 -14
- package/dts/hooks/useSubBrandLogo.d.ts +53 -45
- package/dts/hooks/useTimer.d.ts +5 -5
- package/dts/hooks/useToggler.d.ts +7 -7
- package/dts/hooks/useValueChanges.d.ts +6 -6
- package/dts/index.d.ts +1 -1
- package/dts/internal/data/accounts.d.ts +220 -210
- package/dts/internal/data/announcementCards.d.ts +7 -7
- package/dts/internal/data/asset.d.ts +162 -162
- package/dts/internal/data/assets.d.ts +73 -70
- package/dts/internal/data/avatars.d.ts +6 -3
- package/dts/internal/data/candles.d.ts +9 -0
- package/dts/internal/data/candles.d.ts.map +1 -0
- package/dts/internal/data/dataCards.d.ts +25 -21
- package/dts/internal/data/featureEntryCards.d.ts +19 -16
- package/dts/internal/data/feedImages.d.ts +1 -1
- package/dts/internal/data/iconData.d.ts +2 -2
- package/dts/internal/data/loremIpsum.d.ts +3 -2
- package/dts/internal/data/navigation.d.ts +5 -5
- package/dts/internal/data/prices.d.ts +3 -3
- package/dts/internal/data/product.d.ts +31 -23
- package/dts/internal/data/tabs.d.ts +16 -13
- package/dts/internal/data/users.d.ts +13 -10
- package/dts/internal/utils/storyBuilder.d.ts +136 -95
- package/dts/internal/visualizations/SparklineInteractiveData.d.ts +8 -8
- package/dts/jest/timeTravel.d.ts +1 -1
- package/dts/lottie/lottieUtils.d.ts +7 -4
- package/dts/lottie/useStatusAnimationPoller.d.ts +29 -6
- package/dts/media/getAvatarFallbackColor.d.ts +4 -2
- package/dts/media/remoteImageFallbackSrc.d.ts +5 -3
- package/dts/motion/animatedCaret.d.ts +1 -1
- package/dts/motion/checkbox.d.ts +85 -77
- package/dts/motion/dot.d.ts +85 -77
- package/dts/motion/hint.d.ts +46 -42
- package/dts/motion/switch.d.ts +1 -1
- package/dts/motion/tokens.d.ts +896 -414
- package/dts/motion/utils.d.ts +30 -12
- package/dts/numbers/IntlNumberFormat.d.ts +101 -103
- package/dts/numbers/subscript.d.ts +1 -1
- package/dts/overlays/ModalContext.d.ts +22 -22
- package/dts/overlays/OverlayContentContext.d.ts +10 -10
- package/dts/overlays/PortalContext.d.ts +5 -5
- package/dts/overlays/ToastProvider.d.ts +44 -35
- package/dts/overlays/useAlert.d.ts +3 -3
- package/dts/overlays/useModal.d.ts +3 -3
- package/dts/overlays/useOverlay.d.ts +3 -3
- package/dts/overlays/usePortal.d.ts +2 -2
- package/dts/overlays/usePortalState.d.ts +12 -12
- package/dts/overlays/useToastQueue.d.ts +8 -8
- package/dts/stepper/useStepper.d.ts +27 -23
- package/dts/stepper/utils.d.ts +15 -8
- package/dts/system/EventHandlerProvider.d.ts +13 -11
- package/dts/system/LocaleProvider.d.ts +8 -5
- package/dts/system/RefMapContext.d.ts +3 -3
- package/dts/tabs/TabsContext.d.ts +2 -2
- package/dts/tabs/useTabs.d.ts +27 -22
- package/dts/tokens/accordion.d.ts +4 -4
- package/dts/tokens/appSwitcher.d.ts +1 -1
- package/dts/tokens/avatar.d.ts +12 -12
- package/dts/tokens/banner.d.ts +8 -8
- package/dts/tokens/borderRadius.d.ts +1 -1
- package/dts/tokens/button.d.ts +61 -61
- package/dts/tokens/card.d.ts +16 -16
- package/dts/tokens/cell.d.ts +17 -14
- package/dts/tokens/chip.d.ts +1 -1
- package/dts/tokens/dot.d.ts +4 -4
- package/dts/tokens/drawer.d.ts +1 -1
- package/dts/tokens/illustrations.d.ts +21 -21
- package/dts/tokens/input.d.ts +1 -1
- package/dts/tokens/interactable.d.ts +1 -1
- package/dts/tokens/interactableHeight.d.ts +3 -3
- package/dts/tokens/menu.d.ts +1 -1
- package/dts/tokens/multiContentModule.d.ts +1 -1
- package/dts/tokens/navigation.d.ts +1 -1
- package/dts/tokens/overlays.d.ts +3 -2
- package/dts/tokens/page.d.ts +1 -1
- package/dts/tokens/select.d.ts +1 -1
- package/dts/tokens/sidebar.d.ts +1 -1
- package/dts/tokens/sizing.d.ts +1 -1
- package/dts/tokens/sparkline.d.ts +1 -1
- package/dts/tokens/tags.d.ts +11 -5
- package/dts/tokens/tile.d.ts +1 -1
- package/dts/tokens/toast.d.ts +1 -1
- package/dts/tokens/tooltip.d.ts +1 -1
- package/dts/tokens/zIndex.d.ts +12 -12
- package/dts/tour/TourContext.d.ts +1 -1
- package/dts/tour/TourContext.d.ts.map +1 -1
- package/dts/tour/useTour.d.ts +86 -77
- package/dts/tour/useTour.d.ts.map +1 -1
- package/dts/types/AvatarBaseProps.d.ts +1 -1
- package/dts/types/AvatarSize.d.ts +1 -1
- package/dts/types/BannerBaseProps.d.ts +1 -1
- package/dts/types/BoxBaseProps.d.ts +61 -48
- package/dts/types/ButtonBaseProps.d.ts +8 -2
- package/dts/types/CardHeaderProps.d.ts +9 -9
- package/dts/types/CardMediaProps.d.ts +28 -22
- package/dts/types/CardRemoteImageProps.d.ts +18 -14
- package/dts/types/CdsPlatform.d.ts +1 -1
- package/dts/types/CellBaseProps.d.ts +3 -3
- package/dts/types/Chart.d.ts +18 -16
- package/dts/types/CollapsibleBaseProps.d.ts +1 -1
- package/dts/types/Color.d.ts +3 -3
- package/dts/types/ComponentEventHandlerProps.d.ts +3 -3
- package/dts/types/DimensionStyles.d.ts +18 -18
- package/dts/types/Display.d.ts +9 -2
- package/dts/types/DotBaseProps.d.ts +1 -1
- package/dts/types/DotCountBaseProps.d.ts +1 -1
- package/dts/types/ElevationLevels.d.ts +3 -3
- package/dts/types/FallbackBaseProps.d.ts +8 -8
- package/dts/types/Grid.d.ts +1 -1
- package/dts/types/Helpers.d.ts +6 -2
- package/dts/types/IconButtonBaseProps.d.ts +1 -1
- package/dts/types/IconName.d.ts +1 -1
- package/dts/types/IconSize.d.ts +1 -1
- package/dts/types/IllustrationNames.d.ts +14 -3
- package/dts/types/IllustrationProps.d.ts +15 -3
- package/dts/types/InputBaseProps.d.ts +23 -17
- package/dts/types/LottiePlayer.d.ts +9 -6
- package/dts/types/LottieSource.d.ts +19 -19
- package/dts/types/LottieStatusAnimationProps.d.ts +21 -15
- package/dts/types/Motion.d.ts +58 -21
- package/dts/types/OverlayLifecycleProps.d.ts +17 -17
- package/dts/types/Palette.d.ts +1 -1
- package/dts/types/Placement.d.ts +1 -1
- package/dts/types/Position.d.ts +1 -1
- package/dts/types/ProgressContainerWithButtonsProps.d.ts +5 -5
- package/dts/types/PulseBaseProps.d.ts +1 -1
- package/dts/types/React.d.ts +1 -1
- package/dts/types/Rect.d.ts +5 -5
- package/dts/types/Responsive.d.ts +9 -2
- package/dts/types/ResponsiveProps.d.ts +13 -6
- package/dts/types/SectionHeaderProps.d.ts +15 -13
- package/dts/types/Shape.d.ts +1 -1
- package/dts/types/SharedAccessibilityProps.d.ts +32 -32
- package/dts/types/SharedProps.d.ts +7 -7
- package/dts/types/SpacingProps.d.ts +37 -37
- package/dts/types/SparklineInteractiveHeaderBaseProps.d.ts +7 -2
- package/dts/types/SpreadPropsSafely.d.ts +2 -2
- package/dts/types/StickyFooterProps.d.ts +17 -15
- package/dts/types/TagBaseProps.d.ts +5 -2
- package/dts/types/TextBaseProps.d.ts +7 -7
- package/dts/types/TooltipBaseProps.d.ts +1 -1
- package/dts/types/TypeOrNumber.d.ts +1 -1
- package/dts/types/Visibility.d.ts +2 -2
- package/dts/types/Weight.d.ts +1 -1
- package/dts/types/index.d.ts +1 -1
- package/dts/utils/cell.d.ts +5 -2
- package/dts/utils/chart.d.ts +1 -1
- package/dts/utils/circle.d.ts +1 -1
- package/dts/utils/convertDimensionToAspectRatio.d.ts +12 -2
- package/dts/utils/convertDimensionToSize.d.ts +3 -3
- package/dts/utils/convertSizeWithMultiplier.d.ts +8 -5
- package/dts/utils/debounce.d.ts +5 -2
- package/dts/utils/delay.d.ts +1 -1
- package/dts/utils/flattenNodes.d.ts +6 -2
- package/dts/utils/formatCount.d.ts +1 -1
- package/dts/utils/getAccessibleColor.d.ts +16 -11
- package/dts/utils/getButtonSpacingProps.d.ts +12 -9
- package/dts/utils/getDefaultAspectRatioForIllustration.d.ts +9 -2
- package/dts/utils/getDefaultSizeObjectForIllustration.d.ts +4 -2
- package/dts/utils/getRectWidthVariant.d.ts +5 -2
- package/dts/utils/getWidthInEm.d.ts +1 -1
- package/dts/utils/join.d.ts +5 -2
- package/dts/utils/mergeProps.d.ts +1 -1
- package/dts/utils/mockUtils.d.ts +1 -1
- package/dts/utils/modulate.d.ts +8 -5
- package/dts/utils/parseDotCountMaxOverflow.d.ts +1 -1
- package/dts/visualizations/getProgressCircleParams.d.ts +15 -11
- package/dts/visualizations/getSparklineRange.d.ts +11 -7
- package/dts/visualizations/getSparklineTransform.d.ts +7 -3
- package/dts/visualizations/largestTriangleThreeBucket.d.ts +1 -1
- package/dts/visualizations/useCounter.d.ts +9 -5
- package/dts/visualizations/useDateLookup.d.ts +9 -5
- package/dts/visualizations/useProgressSize.d.ts +1 -1
- package/dts/visualizations/useSparklineArea.d.ts +1 -1
- package/dts/visualizations/useSparklineAreaOpacity.d.ts +1 -1
- package/dts/visualizations/useSparklineCoordinates.d.ts +19 -12
- package/dts/visualizations/useSparklinePath.d.ts +1 -1
- package/dts/visualizations/useSparklinePathGenerator.d.ts +16 -10
- package/dts/visualizations/useTimeseriesPaths.d.ts +6 -6
- package/dts/visualizations/useVisualizationDimensions.d.ts +15 -10
- package/esm/internal/data/assets.js +1 -1
- package/esm/internal/data/candles.js +2101 -0
- package/esm/tour/useTour.js +5 -2
- package/package.json +7 -7
- package/dts/accordion/__tests__/AccordionProvider.test.d.ts +0 -2
- package/dts/accordion/__tests__/AccordionProvider.test.d.ts.map +0 -1
- package/dts/color/__tests__/blendColors.test.d.ts +0 -2
- package/dts/color/__tests__/blendColors.test.d.ts.map +0 -1
- package/dts/color/__tests__/isLightOrDarkColor.test.d.ts +0 -2
- package/dts/color/__tests__/isLightOrDarkColor.test.d.ts.map +0 -1
- package/dts/color/__tests__/overrideAlpha.test.d.ts +0 -2
- package/dts/color/__tests__/overrideAlpha.test.d.ts.map +0 -1
- package/dts/dates/__tests__/IntlDateFormat.test.d.ts +0 -2
- package/dts/dates/__tests__/IntlDateFormat.test.d.ts.map +0 -1
- package/dts/dates/__tests__/useDateInput.test.d.ts +0 -2
- package/dts/dates/__tests__/useDateInput.test.d.ts.map +0 -1
- package/dts/hooks/__tests__/useFallbackShape.test.d.ts +0 -2
- package/dts/hooks/__tests__/useFallbackShape.test.d.ts.map +0 -1
- package/dts/hooks/__tests__/usePrefixedId.test.d.ts +0 -2
- package/dts/hooks/__tests__/usePrefixedId.test.d.ts.map +0 -1
- package/dts/hooks/__tests__/usePreviousValue.test.d.ts +0 -2
- package/dts/hooks/__tests__/usePreviousValue.test.d.ts.map +0 -1
- package/dts/hooks/__tests__/useRefMap.test.d.ts +0 -2
- package/dts/hooks/__tests__/useRefMap.test.d.ts.map +0 -1
- package/dts/hooks/__tests__/useSort.test.d.ts +0 -2
- package/dts/hooks/__tests__/useSort.test.d.ts.map +0 -1
- package/dts/hooks/__tests__/useTimer.test.d.ts +0 -2
- package/dts/hooks/__tests__/useTimer.test.d.ts.map +0 -1
- package/dts/lottie/lottieUtils.test.d.ts +0 -2
- package/dts/lottie/lottieUtils.test.d.ts.map +0 -1
- package/dts/numbers/__tests__/formatToParts.test.d.ts +0 -2
- package/dts/numbers/__tests__/formatToParts.test.d.ts.map +0 -1
- package/dts/numbers/__tests__/subscript.test.d.ts +0 -2
- package/dts/numbers/__tests__/subscript.test.d.ts.map +0 -1
- package/dts/overlays/__tests__/useOverlay.test.d.ts +0 -2
- package/dts/overlays/__tests__/useOverlay.test.d.ts.map +0 -1
- package/dts/overlays/__tests__/useToastQueue.test.d.ts +0 -2
- package/dts/overlays/__tests__/useToastQueue.test.d.ts.map +0 -1
- package/dts/stepper/__tests__/useStepper.test.d.ts +0 -2
- package/dts/stepper/__tests__/useStepper.test.d.ts.map +0 -1
- package/dts/stepper/__tests__/utils.test.d.ts +0 -2
- package/dts/stepper/__tests__/utils.test.d.ts.map +0 -1
- package/dts/system/__tests__/EventHandlerProvider.test.d.ts +0 -2
- package/dts/system/__tests__/EventHandlerProvider.test.d.ts.map +0 -1
- package/dts/tabs/__tests__/TabsContext.test.d.ts +0 -2
- package/dts/tabs/__tests__/TabsContext.test.d.ts.map +0 -1
- package/dts/tabs/__tests__/useTabs.test.d.ts +0 -2
- package/dts/tabs/__tests__/useTabs.test.d.ts.map +0 -1
- package/dts/tour/__tests__/TourContext.test.d.ts +0 -2
- package/dts/tour/__tests__/TourContext.test.d.ts.map +0 -1
- package/dts/tour/__tests__/useTour.test.d.ts +0 -2
- package/dts/tour/__tests__/useTour.test.d.ts.map +0 -1
- package/dts/utils/__tests__/cell.test.d.ts +0 -2
- package/dts/utils/__tests__/cell.test.d.ts.map +0 -1
- package/dts/utils/__tests__/chart.test.d.ts +0 -2
- package/dts/utils/__tests__/chart.test.d.ts.map +0 -1
- package/dts/utils/__tests__/flattenNodes.test.d.ts +0 -2
- package/dts/utils/__tests__/flattenNodes.test.d.ts.map +0 -1
- package/dts/utils/__tests__/formatCount.test.d.ts +0 -2
- package/dts/utils/__tests__/formatCount.test.d.ts.map +0 -1
- package/dts/utils/__tests__/getRectWidthVariant.test.d.ts +0 -2
- package/dts/utils/__tests__/getRectWidthVariant.test.d.ts.map +0 -1
- package/dts/visualizations/__tests__/getSparklineRange.test.d.ts +0 -2
- package/dts/visualizations/__tests__/getSparklineRange.test.d.ts.map +0 -1
- package/dts/visualizations/__tests__/largestTriangleThreeBucket.test.d.ts +0 -2
- package/dts/visualizations/__tests__/largestTriangleThreeBucket.test.d.ts.map +0 -1
- package/dts/visualizations/__tests__/useCounter.test.d.ts +0 -2
- package/dts/visualizations/__tests__/useCounter.test.d.ts.map +0 -1
- package/dts/visualizations/__tests__/useSparklineArea.test.d.ts +0 -2
- package/dts/visualizations/__tests__/useSparklineArea.test.d.ts.map +0 -1
- package/dts/visualizations/__tests__/useSparklineCoordinates.test.d.ts +0 -2
- package/dts/visualizations/__tests__/useSparklineCoordinates.test.d.ts.map +0 -1
- package/dts/visualizations/__tests__/useSparklinePath.test.d.ts +0 -2
- package/dts/visualizations/__tests__/useSparklinePath.test.d.ts.map +0 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { type A11yColorUsage } from '../types/Color';
|
|
2
2
|
type AccessibleColorParams = {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
background: string;
|
|
4
|
+
foreground: string;
|
|
5
|
+
usage: A11yColorUsage;
|
|
6
|
+
enhanced?: boolean;
|
|
7
7
|
};
|
|
8
8
|
/**
|
|
9
9
|
* isAccessibleColor will default to using "minimum" contrast ratios
|
|
@@ -13,6 +13,11 @@ type AccessibleColorParams = {
|
|
|
13
13
|
* 3 - minimum contrast for "large scale" text (18 pt or 14 pt bold, or larger) under WCAG 2.0 1.4.3 (Level AA)
|
|
14
14
|
* https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html
|
|
15
15
|
*/
|
|
16
|
-
export declare const isAccessibleColor: ({
|
|
16
|
+
export declare const isAccessibleColor: ({
|
|
17
|
+
background,
|
|
18
|
+
foreground,
|
|
19
|
+
usage,
|
|
20
|
+
enhanced,
|
|
21
|
+
}: AccessibleColorParams) => boolean;
|
|
17
22
|
export {};
|
|
18
|
-
//# sourceMappingURL=isAccessibleColor.d.ts.map
|
|
23
|
+
//# sourceMappingURL=isAccessibleColor.d.ts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const isLightOrDarkColor: (value: string) =>
|
|
2
|
-
//# sourceMappingURL=isLightOrDarkColor.d.ts.map
|
|
1
|
+
export declare const isLightOrDarkColor: (value: string) => 'dark' | 'light';
|
|
2
|
+
//# sourceMappingURL=isLightOrDarkColor.d.ts.map
|
package/dts/core/theme.d.ts
CHANGED
|
@@ -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
|
-
|
|
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
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
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
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
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
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
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
|
-
|
|
4
|
-
|
|
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
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
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
|