@coinbase/cds-web 8.40.0 → 8.40.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.
- package/CHANGELOG.md +12 -0
- package/dts/alpha/tabbed-chips/TabbedChips.d.ts +14 -11
- package/dts/alpha/tabbed-chips/TabbedChips.d.ts.map +1 -1
- package/dts/chips/TabbedChips.d.ts +5 -5
- package/dts/chips/TabbedChips.d.ts.map +1 -1
- package/dts/controls/Checkbox.d.ts +3 -3
- package/dts/controls/Checkbox.d.ts.map +1 -1
- package/dts/controls/CheckboxCell.d.ts +20 -19
- package/dts/controls/CheckboxCell.d.ts.map +1 -1
- package/dts/controls/CheckboxGroup.d.ts +9 -18
- package/dts/controls/CheckboxGroup.d.ts.map +1 -1
- package/dts/controls/Control.d.ts +5 -5
- package/dts/controls/Control.d.ts.map +1 -1
- package/dts/controls/ControlGroup.d.ts +11 -11
- package/dts/controls/ControlGroup.d.ts.map +1 -1
- package/dts/controls/Radio.d.ts +3 -3
- package/dts/controls/Radio.d.ts.map +1 -1
- package/dts/controls/RadioCell.d.ts +5 -5
- package/dts/controls/RadioCell.d.ts.map +1 -1
- package/dts/controls/RadioGroup.d.ts +7 -7
- package/dts/controls/RadioGroup.d.ts.map +1 -1
- package/dts/controls/useHandleRadioSelect.d.ts +2 -2
- package/dts/controls/useHandleRadioSelect.d.ts.map +1 -1
- package/dts/hooks/useCheckboxGroupState.d.ts +6 -6
- package/dts/hooks/useCheckboxGroupState.d.ts.map +1 -1
- package/dts/tabs/SegmentedTab.d.ts +5 -5
- package/dts/tabs/SegmentedTab.d.ts.map +1 -1
- package/dts/tabs/SegmentedTabs.d.ts +5 -5
- package/dts/tabs/SegmentedTabs.d.ts.map +1 -1
- package/dts/tabs/TabNavigation.d.ts +12 -11
- package/dts/tabs/TabNavigation.d.ts.map +1 -1
- package/dts/tabs/Tabs.d.ts +10 -10
- package/dts/tabs/Tabs.d.ts.map +1 -1
- package/dts/tour/Tour.d.ts +4 -2
- package/dts/tour/Tour.d.ts.map +1 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -8,6 +8,18 @@ All notable changes to this project will be documented in this file.
|
|
|
8
8
|
|
|
9
9
|
<!-- template-start -->
|
|
10
10
|
|
|
11
|
+
## 8.40.2 ((2/2/2026, 11:25 AM PST))
|
|
12
|
+
|
|
13
|
+
This is an artificial version bump with no new change.
|
|
14
|
+
|
|
15
|
+
## 8.40.1 ((1/30/2026, 04:58 PM PST))
|
|
16
|
+
|
|
17
|
+
This is an artificial version bump with no new change.
|
|
18
|
+
|
|
19
|
+
#### 📘 Misc
|
|
20
|
+
|
|
21
|
+
- Add descriptive names for generic types. [[#341](https://github.com/coinbase/cds/pull/341)] [DX-5037]
|
|
22
|
+
|
|
11
23
|
## 8.40.0 ((1/28/2026, 11:12 AM PST))
|
|
12
24
|
|
|
13
25
|
This is an artificial version bump with no new change.
|
|
@@ -4,21 +4,24 @@ import type { TabValue } from '@coinbase/cds-common/tabs/useTabs';
|
|
|
4
4
|
import type { ChipProps } from '../../chips/ChipProps';
|
|
5
5
|
import { type HStackDefaultElement, type HStackProps } from '../../layout';
|
|
6
6
|
import { type TabsBaseProps, type TabsProps } from '../../tabs';
|
|
7
|
-
export type TabbedChipProps<
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
export type TabbedChipProps<TabId extends string = string> = Omit<
|
|
8
|
+
ChipProps,
|
|
9
|
+
'children' | 'onClick'
|
|
10
|
+
> &
|
|
11
|
+
TabValue<TabId> & {
|
|
12
|
+
Component?: React.FC<Omit<ChipProps, 'children'> & TabValue<TabId>>;
|
|
10
13
|
};
|
|
11
|
-
export type TabbedChipsBaseProps<
|
|
12
|
-
TabsBaseProps<
|
|
14
|
+
export type TabbedChipsBaseProps<TabId extends string = string> = Omit<
|
|
15
|
+
TabsBaseProps<TabId>,
|
|
13
16
|
| 'TabComponent'
|
|
14
17
|
| 'TabsActiveIndicatorComponent'
|
|
15
18
|
| 'tabs'
|
|
16
19
|
| 'onActiveTabElementChange'
|
|
17
20
|
| 'activeBackground'
|
|
18
21
|
> & {
|
|
19
|
-
TabComponent?: React.FC<TabbedChipProps<
|
|
20
|
-
TabsActiveIndicatorComponent?: TabsProps<
|
|
21
|
-
tabs: TabbedChipProps<
|
|
22
|
+
TabComponent?: React.FC<TabbedChipProps<TabId>>;
|
|
23
|
+
TabsActiveIndicatorComponent?: TabsProps<TabId>['TabsActiveIndicatorComponent'];
|
|
24
|
+
tabs: TabbedChipProps<TabId>[];
|
|
22
25
|
/**
|
|
23
26
|
* Turn on to use a compact Chip component for each tab.
|
|
24
27
|
* @default false
|
|
@@ -30,7 +33,7 @@ export type TabbedChipsBaseProps<T extends string = string> = Omit<
|
|
|
30
33
|
*/
|
|
31
34
|
autoScrollOffset?: number;
|
|
32
35
|
};
|
|
33
|
-
export type TabbedChipsProps<
|
|
36
|
+
export type TabbedChipsProps<TabId extends string = string> = TabbedChipsBaseProps<TabId> &
|
|
34
37
|
SharedProps &
|
|
35
38
|
SharedAccessibilityProps & {
|
|
36
39
|
background?: ThemeVars.Color;
|
|
@@ -80,8 +83,8 @@ export type TabbedChipsProps<T extends string = string> = TabbedChipsBaseProps<T
|
|
|
80
83
|
tabs?: string;
|
|
81
84
|
};
|
|
82
85
|
};
|
|
83
|
-
type TabbedChipsFC = <
|
|
84
|
-
props: TabbedChipsProps<
|
|
86
|
+
type TabbedChipsFC = <TabId extends string = string>(
|
|
87
|
+
props: TabbedChipsProps<TabId> & {
|
|
85
88
|
ref?: React.ForwardedRef<HTMLElement>;
|
|
86
89
|
},
|
|
87
90
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabbedChips.d.ts","sourceRoot":"","sources":["../../../src/alpha/tabbed-chips/TabbedChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AACnG,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAE7F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAGlE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIvD,OAAO,EAAU,KAAK,oBAAoB,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AACnF,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,YAAY,CAAC;AAuDpB,MAAM,MAAM,eAAe,CAAC,
|
|
1
|
+
{"version":3,"file":"TabbedChips.d.ts","sourceRoot":"","sources":["../../../src/alpha/tabbed-chips/TabbedChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AACnG,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAE7F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAGlE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIvD,OAAO,EAAU,KAAK,oBAAoB,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AACnF,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,YAAY,CAAC;AAuDpB,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAC/D,SAAS,EACT,UAAU,GAAG,SAAS,CACvB,GACC,QAAQ,CAAC,KAAK,CAAC,GAAG;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;CACrE,CAAC;AAEJ,MAAM,MAAM,oBAAoB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CACpE,aAAa,CAAC,KAAK,CAAC,EAClB,cAAc,GACd,8BAA8B,GAC9B,MAAM,GACN,0BAA0B,GAC1B,kBAAkB,CACrB,GAAG;IACF,YAAY,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;IAChD,4BAA4B,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,8BAA8B,CAAC,CAAC;IAChF,IAAI,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;IAC/B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,oBAAoB,CAAC,KAAK,CAAC,GACvF,WAAW,GACX,wBAAwB,GAAG;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC;;;OAGG;IACH,GAAG,CAAC,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC,KAAK,CAAC,CAAC;IAC/C;;;;OAIG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC,OAAO,CAAC,CAAC;IACnD,MAAM,CAAC,EAAE;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B;;WAEG;QACH,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACtC;;WAEG;QACH,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC7B;;WAEG;QACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC5B,CAAC;IACF,UAAU,CAAC,EAAE;QACX;;WAEG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB;;WAEG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AAEJ,KAAK,aAAa,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACjD,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;CAAE,KACvE,KAAK,CAAC,YAAY,CAAC;AAwGxB,eAAO,MAAM,WAAW,EAA2B,aAAa,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type BoxBaseProps } from '../layout';
|
|
3
3
|
import { type TabNavigationBaseProps } from '../tabs';
|
|
4
|
-
export type TabbedChipsBaseProps<
|
|
5
|
-
Omit<TabNavigationBaseProps<
|
|
6
|
-
export type TabbedChipsProps<
|
|
7
|
-
type TabbedChipsFC = <
|
|
8
|
-
props: TabbedChipsProps<
|
|
4
|
+
export type TabbedChipsBaseProps<TabId extends string = string> = BoxBaseProps &
|
|
5
|
+
Omit<TabNavigationBaseProps<TabId>, 'variant'>;
|
|
6
|
+
export type TabbedChipsProps<TabId extends string = string> = TabbedChipsBaseProps<TabId>;
|
|
7
|
+
type TabbedChipsFC = <TabId extends string = string>(
|
|
8
|
+
props: TabbedChipsProps<TabId> & {
|
|
9
9
|
ref?: React.ForwardedRef<HTMLElement>;
|
|
10
10
|
},
|
|
11
11
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabbedChips.d.ts","sourceRoot":"","sources":["../../src/chips/TabbedChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AAMnG,OAAO,EAAE,KAAK,YAAY,EAAU,MAAM,WAAW,CAAC;AACtD,OAAO,EAAU,KAAK,sBAAsB,EAAQ,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"TabbedChips.d.ts","sourceRoot":"","sources":["../../src/chips/TabbedChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AAMnG,OAAO,EAAE,KAAK,YAAY,EAAU,MAAM,WAAW,CAAC;AACtD,OAAO,EAAU,KAAK,sBAAsB,EAAQ,MAAM,SAAS,CAAC;AA+CpE,MAAM,MAAM,oBAAoB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,YAAY,GAC5E,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC;AAEjD,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAE1F,KAAK,aAAa,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACjD,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;CAAE,KACvE,KAAK,CAAC,YAAY,CAAC;AA2FxB;;GAEG;AACH,eAAO,MAAM,WAAW,EAA2B,aAAa,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { ThemeVars } from '@coinbase/cds-common/core/theme';
|
|
3
3
|
import { type ControlBaseProps } from './Control';
|
|
4
|
-
export type CheckboxProps<
|
|
4
|
+
export type CheckboxProps<CheckboxValue extends string> = ControlBaseProps<CheckboxValue> & {
|
|
5
5
|
/** Sets the checked/active color of the control.
|
|
6
6
|
* @default fgInverse
|
|
7
7
|
*/
|
|
@@ -12,8 +12,8 @@ export type CheckboxProps<T extends string> = ControlBaseProps<T> & {
|
|
|
12
12
|
*/
|
|
13
13
|
borderWidth?: ThemeVars.BorderWidth;
|
|
14
14
|
};
|
|
15
|
-
declare const CheckboxWithRef: <
|
|
16
|
-
props: CheckboxProps<
|
|
15
|
+
declare const CheckboxWithRef: <CheckboxValue extends string>(
|
|
16
|
+
props: CheckboxProps<CheckboxValue> & {
|
|
17
17
|
ref?: React.Ref<HTMLInputElement>;
|
|
18
18
|
},
|
|
19
19
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/controls/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAejE,OAAO,EAAW,KAAK,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAyB3D,MAAM,MAAM,aAAa,CAAC,
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/controls/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAejE,OAAO,EAAW,KAAK,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAyB3D,MAAM,MAAM,aAAa,CAAC,aAAa,SAAS,MAAM,IAAI,gBAAgB,CAAC,aAAa,CAAC,GAAG;IAC1F;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;CACrC,CAAC;AAEF,QAAA,MAAM,eAAe,EA6Ef,CAAC,aAAa,SAAS,MAAM,EACjC,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,KACxE,KAAK,CAAC,YAAY,CAAC;AAExB,eAAO,MAAM,QAAQ,EAA4B,OAAO,eAAe,GACrE,KAAK,CAAC,mBAAmB,CAAC,OAAO,eAAe,CAAC,CAAC"}
|
|
@@ -3,12 +3,12 @@ import type { ThemeVars } from '@coinbase/cds-common/core/theme';
|
|
|
3
3
|
import type { ResponsiveProp } from '../styles/styleProps';
|
|
4
4
|
import { type PressableProps } from '../system/Pressable';
|
|
5
5
|
import type { ControlBaseProps } from './Control';
|
|
6
|
-
export type CheckboxCellBaseProps<
|
|
6
|
+
export type CheckboxCellBaseProps<CheckboxValue extends string> = Omit<
|
|
7
7
|
PressableProps<'label'>,
|
|
8
8
|
'title' | 'onChange'
|
|
9
9
|
> &
|
|
10
10
|
Omit<
|
|
11
|
-
ControlBaseProps<
|
|
11
|
+
ControlBaseProps<CheckboxValue>,
|
|
12
12
|
'onChange' | 'title' | 'children' | 'iconStyle' | 'labelStyle' | 'checked'
|
|
13
13
|
> & {
|
|
14
14
|
checked?: boolean;
|
|
@@ -22,24 +22,25 @@ export type CheckboxCellBaseProps<T extends string> = Omit<
|
|
|
22
22
|
/** Custom ID for the description element. If not provided, a unique ID will be generated. */
|
|
23
23
|
descriptionId?: string;
|
|
24
24
|
};
|
|
25
|
-
export type CheckboxCellProps<
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
25
|
+
export type CheckboxCellProps<CheckboxValue extends string> =
|
|
26
|
+
CheckboxCellBaseProps<CheckboxValue> & {
|
|
27
|
+
classNames?: {
|
|
28
|
+
root?: string;
|
|
29
|
+
checkboxContainer?: string;
|
|
30
|
+
title?: string;
|
|
31
|
+
description?: string;
|
|
32
|
+
contentContainer?: string;
|
|
33
|
+
};
|
|
34
|
+
styles?: {
|
|
35
|
+
root?: CSSProperties;
|
|
36
|
+
checkboxContainer?: CSSProperties;
|
|
37
|
+
title?: CSSProperties;
|
|
38
|
+
description?: CSSProperties;
|
|
39
|
+
contentContainer?: CSSProperties;
|
|
40
|
+
};
|
|
32
41
|
};
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
checkboxContainer?: CSSProperties;
|
|
36
|
-
title?: CSSProperties;
|
|
37
|
-
description?: CSSProperties;
|
|
38
|
-
contentContainer?: CSSProperties;
|
|
39
|
-
};
|
|
40
|
-
};
|
|
41
|
-
declare const CheckboxCellWithRef: <T extends string>(
|
|
42
|
-
props: CheckboxCellProps<T> & {
|
|
42
|
+
declare const CheckboxCellWithRef: <CheckboxValue extends string>(
|
|
43
|
+
props: CheckboxCellProps<CheckboxValue> & {
|
|
43
44
|
ref?: React.Ref<HTMLLabelElement>;
|
|
44
45
|
},
|
|
45
46
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxCell.d.ts","sourceRoot":"","sources":["../../src/controls/CheckboxCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAoC,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAKjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAIrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAGlD,MAAM,MAAM,qBAAqB,CAAC,
|
|
1
|
+
{"version":3,"file":"CheckboxCell.d.ts","sourceRoot":"","sources":["../../src/controls/CheckboxCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAoC,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAKjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAIrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAGlD,MAAM,MAAM,qBAAqB,CAAC,aAAa,SAAS,MAAM,IAAI,IAAI,CACpE,cAAc,CAAC,OAAO,CAAC,EACvB,OAAO,GAAG,UAAU,CACrB,GACC,IAAI,CACF,gBAAgB,CAAC,aAAa,CAAC,EAC/B,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAC3E,GAAG;IACF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,gBAAgB,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC3E,SAAS,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IACzC,uFAAuF;IACvF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6FAA6F;IAC7F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEJ,MAAM,MAAM,iBAAiB,CAAC,aAAa,SAAS,MAAM,IACxD,qBAAqB,CAAC,aAAa,CAAC,GAAG;IACrC,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;KAC3B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,aAAa,CAAC;QACrB,iBAAiB,CAAC,EAAE,aAAa,CAAC;QAClC,KAAK,CAAC,EAAE,aAAa,CAAC;QACtB,WAAW,CAAC,EAAE,aAAa,CAAC;QAC5B,gBAAgB,CAAC,EAAE,aAAa,CAAC;KAClC,CAAC;CACH,CAAC;AASJ,QAAA,MAAM,mBAAmB,EAmHnB,CAAC,aAAa,SAAS,MAAM,EACjC,KAAK,EAAE,iBAAiB,CAAC,aAAa,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,KAC5E,KAAK,CAAC,YAAY,CAAC;AAExB,eAAO,MAAM,YAAY,EAAgC,OAAO,mBAAmB,GACjF,KAAK,CAAC,mBAAmB,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
|
|
@@ -19,7 +19,7 @@ import type { FilteredHTMLAttributes } from '../types';
|
|
|
19
19
|
* onChange={onChange}xw
|
|
20
20
|
* />
|
|
21
21
|
*/
|
|
22
|
-
export type CheckboxGroupBaseProps<
|
|
22
|
+
export type CheckboxGroupBaseProps<CheckboxValue extends string | number> = FilteredHTMLAttributes<
|
|
23
23
|
FieldsetHTMLAttributes<HTMLFieldSetElement>,
|
|
24
24
|
'onChange'
|
|
25
25
|
> &
|
|
@@ -29,7 +29,7 @@ export type CheckboxGroupBaseProps<T extends string | number> = FilteredHTMLAttr
|
|
|
29
29
|
/** Set a label summary for the group of checkboxes. */
|
|
30
30
|
label?: React.ReactNode;
|
|
31
31
|
/** Checkbox options that are checked. */
|
|
32
|
-
selectedValues: Set<
|
|
32
|
+
selectedValues: Set<CheckboxValue>;
|
|
33
33
|
className?: string;
|
|
34
34
|
/** Handle change event when pressing on a checkbox option. */
|
|
35
35
|
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
@@ -38,22 +38,13 @@ export type CheckboxGroupBaseProps<T extends string | number> = FilteredHTMLAttr
|
|
|
38
38
|
/**
|
|
39
39
|
* @deprecated CheckboxGroup is deprecated. Use ControlGroup with role="group" instead.
|
|
40
40
|
*/
|
|
41
|
-
export type CheckboxGroupProps<
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
label?: React.ReactNode;
|
|
49
|
-
/** Checkbox options that are checked. */
|
|
50
|
-
selectedValues: Set<string>;
|
|
51
|
-
className?: string;
|
|
52
|
-
/** Handle change event when pressing on a checkbox option. */
|
|
53
|
-
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
54
|
-
style?: React.CSSProperties;
|
|
55
|
-
} & React.RefAttributes<HTMLFieldSetElement>
|
|
56
|
-
>;
|
|
41
|
+
export type CheckboxGroupProps<CheckboxValue extends string> =
|
|
42
|
+
CheckboxGroupBaseProps<CheckboxValue>;
|
|
43
|
+
declare const CheckboxGroupWithRef: <CheckboxValue extends string>(
|
|
44
|
+
props: CheckboxGroupProps<CheckboxValue> & {
|
|
45
|
+
ref?: React.Ref<HTMLFieldSetElement>;
|
|
46
|
+
},
|
|
47
|
+
) => React.ReactElement;
|
|
57
48
|
export declare const CheckboxGroup: typeof CheckboxGroupWithRef &
|
|
58
49
|
React.MemoExoticComponent<typeof CheckboxGroupWithRef>;
|
|
59
50
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/controls/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,KAAK,sBAAsB,EAK5B,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAK9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAYvD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,sBAAsB,CAAC,
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/controls/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,KAAK,sBAAsB,EAK5B,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAK9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAYvD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,sBAAsB,CAAC,aAAa,SAAS,MAAM,GAAG,MAAM,IAAI,sBAAsB,CAChG,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,UAAU,CACX,GACC,WAAW,GAAG;IACZ,6DAA6D;IAC7D,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IAC/B,uDAAuD;IACvD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,yCAAyC;IACzC,cAAc,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEJ;;GAEG;AACH,MAAM,MAAM,kBAAkB,CAAC,aAAa,SAAS,MAAM,IACzD,sBAAsB,CAAC,aAAa,CAAC,CAAC;AAGxC,QAAA,MAAM,oBAAoB,EAwEpB,CAAC,aAAa,SAAS,MAAM,EACjC,KAAK,EAAE,kBAAkB,CAAC,aAAa,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAA;CAAE,KAChF,KAAK,CAAC,YAAY,CAAC;AAExB,eAAO,MAAM,aAAa,EAAiC,OAAO,oBAAoB,GACpF,KAAK,CAAC,mBAAmB,CAAC,OAAO,oBAAoB,CAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
|
|
3
3
|
import { type InteractableBaseProps } from '../system/Interactable';
|
|
4
4
|
import type { FilteredHTMLAttributes } from '../types';
|
|
5
|
-
export type ControlBaseProps<
|
|
5
|
+
export type ControlBaseProps<ControlValue extends string> = FilteredHTMLAttributes<
|
|
6
6
|
React.InputHTMLAttributes<HTMLInputElement>,
|
|
7
7
|
'value' | 'color'
|
|
8
8
|
> &
|
|
@@ -22,7 +22,7 @@ export type ControlBaseProps<T extends string> = FilteredHTMLAttributes<
|
|
|
22
22
|
/** Set the control to ready-only. Similar effect as disabled. */
|
|
23
23
|
readOnly?: boolean;
|
|
24
24
|
/** Value of the option. Useful for multiple choice. */
|
|
25
|
-
value?:
|
|
25
|
+
value?: ControlValue;
|
|
26
26
|
/** Accessibility label describing the element. */
|
|
27
27
|
accessibilityLabel?: string;
|
|
28
28
|
/** Enable indeterminate state. Useful when you want to indicate that sub-items of a control are partially filled. */
|
|
@@ -32,12 +32,12 @@ export type ControlBaseProps<T extends string> = FilteredHTMLAttributes<
|
|
|
32
32
|
/** Style for the label element */
|
|
33
33
|
labelStyle?: React.CSSProperties;
|
|
34
34
|
};
|
|
35
|
-
export type ControlProps<
|
|
35
|
+
export type ControlProps<ControlValue extends string> = ControlBaseProps<ControlValue> & {
|
|
36
36
|
label?: React.ReactNode;
|
|
37
37
|
children: React.ReactNode;
|
|
38
38
|
};
|
|
39
|
-
declare const ControlWithRef: <
|
|
40
|
-
props: ControlProps<
|
|
39
|
+
declare const ControlWithRef: <ControlValue extends string>(
|
|
40
|
+
props: ControlProps<ControlValue> & {
|
|
41
41
|
ref?: React.Ref<HTMLInputElement>;
|
|
42
42
|
},
|
|
43
43
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Control.d.ts","sourceRoot":"","sources":["../../src/controls/Control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAIjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAM1E,OAAO,EAAgB,KAAK,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAClF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AA6CvD,MAAM,MAAM,gBAAgB,CAAC,
|
|
1
|
+
{"version":3,"file":"Control.d.ts","sourceRoot":"","sources":["../../src/controls/Control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAIjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAM1E,OAAO,EAAgB,KAAK,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAClF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AA6CvD,MAAM,MAAM,gBAAgB,CAAC,YAAY,SAAS,MAAM,IAAI,sBAAsB,CAChF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,OAAO,GAAG,OAAO,CAClB,GACC,WAAW,GACX,OAAO,CACL,IAAI,CACF,qBAAqB,EACrB,YAAY,GAAG,aAAa,GAAG,cAAc,GAAG,aAAa,GAAG,OAAO,GAAG,WAAW,CACtF,CACF,GAAG;IACF,oCAAoC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,kDAAkD;IAClD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qHAAqH;IACrH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iCAAiC;IACjC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,kCAAkC;IAClC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAClC,CAAC;AAEJ,MAAM,MAAM,YAAY,CAAC,YAAY,SAAS,MAAM,IAAI,gBAAgB,CAAC,YAAY,CAAC,GAAG;IACvF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,cAAc,EA2Hd,CAAC,YAAY,SAAS,MAAM,EAChC,KAAK,EAAE,YAAY,CAAC,YAAY,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,KACtE,KAAK,CAAC,YAAY,CAAC;AAExB,eAAO,MAAM,OAAO,EAA2B,OAAO,cAAc,GAClE,KAAK,CAAC,mBAAmB,CAAC,OAAO,cAAc,CAAC,CAAC"}
|
|
@@ -3,22 +3,22 @@ import type { SharedProps } from '@coinbase/cds-common/types';
|
|
|
3
3
|
import { type BoxProps } from '../layout';
|
|
4
4
|
export type ControlGroupOption<P> = Omit<P, 'onChange' | 'checked' | 'value'>;
|
|
5
5
|
export type ControlGroupProps<
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
value?:
|
|
6
|
+
ControlValue extends string,
|
|
7
|
+
ControlComponentProps extends {
|
|
8
|
+
value?: ControlValue;
|
|
9
9
|
},
|
|
10
10
|
> = Omit<BoxProps<'div'>, 'children' | 'onChange' | 'as'> &
|
|
11
11
|
SharedProps & {
|
|
12
12
|
/** The control component to render for each option. */
|
|
13
|
-
ControlComponent: React.ComponentType<
|
|
13
|
+
ControlComponent: React.ComponentType<ControlComponentProps>;
|
|
14
14
|
/** Control options for the group. */
|
|
15
|
-
options: (ControlGroupOption<
|
|
16
|
-
value:
|
|
15
|
+
options: (ControlGroupOption<ControlComponentProps> & {
|
|
16
|
+
value: ControlValue;
|
|
17
17
|
})[];
|
|
18
18
|
/** Set a label for the group. */
|
|
19
19
|
label?: React.ReactNode;
|
|
20
20
|
/** Current selected value(s). Use a string for single-select (e.g., RadioGroup) and an array of strings for multi-select (e.g., CheckboxGroup). */
|
|
21
|
-
value:
|
|
21
|
+
value: ControlValue | ControlValue[];
|
|
22
22
|
/** Handle change events. */
|
|
23
23
|
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
24
24
|
/** The role for the group. Use 'radiogroup' for radio buttons, 'group' for other controls. */
|
|
@@ -29,12 +29,12 @@ export type ControlGroupProps<
|
|
|
29
29
|
name?: string;
|
|
30
30
|
};
|
|
31
31
|
declare const ControlGroupWithRef: <
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
value?:
|
|
32
|
+
ControlValue extends string,
|
|
33
|
+
ControlComponentProps extends {
|
|
34
|
+
value?: ControlValue;
|
|
35
35
|
},
|
|
36
36
|
>(
|
|
37
|
-
props: ControlGroupProps<
|
|
37
|
+
props: ControlGroupProps<ControlValue, ControlComponentProps> & {
|
|
38
38
|
ref?: React.Ref<HTMLDivElement>;
|
|
39
39
|
},
|
|
40
40
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ControlGroup.d.ts","sourceRoot":"","sources":["../../src/controls/ControlGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAK9D,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAW/C,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC,CAAC;AAE9E,MAAM,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"ControlGroup.d.ts","sourceRoot":"","sources":["../../src/controls/ControlGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAK9D,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAW/C,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC,CAAC;AAE9E,MAAM,MAAM,iBAAiB,CAC3B,YAAY,SAAS,MAAM,EAC3B,qBAAqB,SAAS;IAAE,KAAK,CAAC,EAAE,YAAY,CAAA;CAAE,IACpD,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,IAAI,CAAC,GACvD,WAAW,GAAG;IACZ,uDAAuD;IACvD,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC7D,qCAAqC;IACrC,OAAO,EAAE,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,GAAG;QAAE,KAAK,EAAE,YAAY,CAAA;KAAE,CAAC,EAAE,CAAC;IACjF,iCAAiC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mJAAmJ;IACnJ,KAAK,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACrC,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,8FAA8F;IAC9F,IAAI,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;IAC9B,kCAAkC;IAClC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEJ,QAAA,MAAM,mBAAmB,EAyEnB,CAAC,YAAY,SAAS,MAAM,EAAE,qBAAqB,SAAS;IAAE,KAAK,CAAC,EAAE,YAAY,CAAA;CAAE,EACxF,KAAK,EAAE,iBAAiB,CAAC,YAAY,EAAE,qBAAqB,CAAC,GAAG;IAC9D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,KACE,KAAK,CAAC,YAAY,CAAC;AAExB,eAAO,MAAM,YAAY,EAAgC,OAAO,mBAAmB,GACjF,KAAK,CAAC,mBAAmB,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
|
package/dts/controls/Radio.d.ts
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { ThemeVars } from '@coinbase/cds-common/core/theme';
|
|
3
3
|
import { type ControlBaseProps } from './Control';
|
|
4
|
-
export type RadioProps<
|
|
4
|
+
export type RadioProps<RadioValue extends string> = ControlBaseProps<RadioValue> & {
|
|
5
5
|
/** Sets the checked/active color of the control.
|
|
6
6
|
* @default bgPrimary
|
|
7
7
|
*/
|
|
8
8
|
controlColor?: ThemeVars.Color;
|
|
9
9
|
};
|
|
10
|
-
declare const RadioWithRef: <
|
|
11
|
-
props: RadioProps<
|
|
10
|
+
declare const RadioWithRef: <RadioValue extends string>(
|
|
11
|
+
props: RadioProps<RadioValue> & {
|
|
12
12
|
ref?: React.Ref<HTMLInputElement>;
|
|
13
13
|
},
|
|
14
14
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/controls/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAcjE,OAAO,EAAW,KAAK,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAuC3D,MAAM,MAAM,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/controls/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAcjE,OAAO,EAAW,KAAK,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAuC3D,MAAM,MAAM,UAAU,CAAC,UAAU,SAAS,MAAM,IAAI,gBAAgB,CAAC,UAAU,CAAC,GAAG;IACjF;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CAChC,CAAC;AAEF,QAAA,MAAM,YAAY,EAmDZ,CAAC,UAAU,SAAS,MAAM,EAC9B,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,KAClE,KAAK,CAAC,YAAY,CAAC;AAExB,eAAO,MAAM,KAAK,EAAyB,OAAO,YAAY,GAC5D,KAAK,CAAC,mBAAmB,CAAC,OAAO,YAAY,CAAC,CAAC"}
|
|
@@ -3,12 +3,12 @@ import type { ThemeVars } from '@coinbase/cds-common/core/theme';
|
|
|
3
3
|
import type { ResponsiveProp } from '../styles/styleProps';
|
|
4
4
|
import { type PressableProps } from '../system';
|
|
5
5
|
import type { ControlBaseProps } from './Control';
|
|
6
|
-
export type RadioCellBaseProps<
|
|
6
|
+
export type RadioCellBaseProps<RadioValue extends string> = Omit<
|
|
7
7
|
PressableProps<'label'>,
|
|
8
8
|
'title' | 'onChange'
|
|
9
9
|
> &
|
|
10
10
|
Omit<
|
|
11
|
-
ControlBaseProps<
|
|
11
|
+
ControlBaseProps<RadioValue>,
|
|
12
12
|
'onChange' | 'title' | 'children' | 'iconStyle' | 'labelStyle' | 'checked'
|
|
13
13
|
> & {
|
|
14
14
|
checked?: boolean;
|
|
@@ -22,7 +22,7 @@ export type RadioCellBaseProps<T extends string> = Omit<
|
|
|
22
22
|
/** Custom ID for the description element. If not provided, a unique ID will be generated. */
|
|
23
23
|
descriptionId?: string;
|
|
24
24
|
};
|
|
25
|
-
export type RadioCellProps<
|
|
25
|
+
export type RadioCellProps<RadioValue extends string> = RadioCellBaseProps<RadioValue> & {
|
|
26
26
|
classNames?: {
|
|
27
27
|
root?: string;
|
|
28
28
|
radioContainer?: string;
|
|
@@ -38,8 +38,8 @@ export type RadioCellProps<T extends string> = RadioCellBaseProps<T> & {
|
|
|
38
38
|
contentContainer?: CSSProperties;
|
|
39
39
|
};
|
|
40
40
|
};
|
|
41
|
-
declare const RadioCellWithRef: <
|
|
42
|
-
props: RadioCellProps<
|
|
41
|
+
declare const RadioCellWithRef: <RadioValue extends string>(
|
|
42
|
+
props: RadioCellProps<RadioValue> & {
|
|
43
43
|
ref?: React.Ref<HTMLLabelElement>;
|
|
44
44
|
},
|
|
45
45
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioCell.d.ts","sourceRoot":"","sources":["../../src/controls/RadioCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAoC,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAKjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AAG3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAIlD,MAAM,MAAM,kBAAkB,CAAC,
|
|
1
|
+
{"version":3,"file":"RadioCell.d.ts","sourceRoot":"","sources":["../../src/controls/RadioCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAoC,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAKjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AAG3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAIlD,MAAM,MAAM,kBAAkB,CAAC,UAAU,SAAS,MAAM,IAAI,IAAI,CAC9D,cAAc,CAAC,OAAO,CAAC,EACvB,OAAO,GAAG,UAAU,CACrB,GACC,IAAI,CACF,gBAAgB,CAAC,UAAU,CAAC,EAC5B,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAC3E,GAAG;IACF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,gBAAgB,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC3E,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IACzC,uFAAuF;IACvF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6FAA6F;IAC7F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEJ,MAAM,MAAM,cAAc,CAAC,UAAU,SAAS,MAAM,IAAI,kBAAkB,CAAC,UAAU,CAAC,GAAG;IACvF,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;KAC3B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,aAAa,CAAC;QACrB,cAAc,CAAC,EAAE,aAAa,CAAC;QAC/B,KAAK,CAAC,EAAE,aAAa,CAAC;QACtB,WAAW,CAAC,EAAE,aAAa,CAAC;QAC5B,gBAAgB,CAAC,EAAE,aAAa,CAAC;KAClC,CAAC;CACH,CAAC;AASF,QAAA,MAAM,gBAAgB,EAkHhB,CAAC,UAAU,SAAS,MAAM,EAC9B,KAAK,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,KACtE,KAAK,CAAC,YAAY,CAAC;AAExB,eAAO,MAAM,SAAS,EAA6B,OAAO,gBAAgB,GACxE,KAAK,CAAC,mBAAmB,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
|
|
@@ -23,7 +23,7 @@ export { Radio, type RadioProps, useHandleRadioSelect };
|
|
|
23
23
|
* name="radio"
|
|
24
24
|
* />
|
|
25
25
|
*/
|
|
26
|
-
export type RadioGroupBaseProps<
|
|
26
|
+
export type RadioGroupBaseProps<RadioValue extends string> = FilteredHTMLAttributes<
|
|
27
27
|
React.HTMLAttributes<HTMLDivElement>,
|
|
28
28
|
'onChange' | 'color'
|
|
29
29
|
> &
|
|
@@ -34,15 +34,15 @@ export type RadioGroupBaseProps<T extends string> = FilteredHTMLAttributes<
|
|
|
34
34
|
* Multiple choice options for the radio group. The object key represents
|
|
35
35
|
* the radio input value and the object value represents the radio option label.
|
|
36
36
|
*/
|
|
37
|
-
options: Record<
|
|
37
|
+
options: Record<RadioValue, string | React.ReactNode>;
|
|
38
38
|
/** Set a label summary for the group of radios. */
|
|
39
39
|
label?: React.ReactNode;
|
|
40
40
|
/** Currently selected value. */
|
|
41
|
-
value?:
|
|
41
|
+
value?: RadioValue;
|
|
42
42
|
/** Field name of the multiple choice radio group. */
|
|
43
43
|
name: string;
|
|
44
44
|
/** Handle change event when pressing on a radio option. */
|
|
45
|
-
onChange?: (value:
|
|
45
|
+
onChange?: (value: RadioValue) => void;
|
|
46
46
|
/** Sets the checked/active color of each control in the group.
|
|
47
47
|
* @default bgPrimary
|
|
48
48
|
*/
|
|
@@ -51,9 +51,9 @@ export type RadioGroupBaseProps<T extends string> = FilteredHTMLAttributes<
|
|
|
51
51
|
/**
|
|
52
52
|
* @deprecated RadioGroup is deprecated. Use ControlGroup with role="radiogroup" instead.
|
|
53
53
|
*/
|
|
54
|
-
export type RadioGroupProps<
|
|
55
|
-
declare const RadioGroupWithRef: <
|
|
56
|
-
props: RadioGroupProps<
|
|
54
|
+
export type RadioGroupProps<RadioValue extends string> = RadioGroupBaseProps<RadioValue>;
|
|
55
|
+
declare const RadioGroupWithRef: <RadioValue extends string>(
|
|
56
|
+
props: RadioGroupProps<RadioValue> & {
|
|
57
57
|
ref?: React.Ref<HTMLInputElement>;
|
|
58
58
|
},
|
|
59
59
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/controls/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAG7F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAGvD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,oBAAoB,EAAE,CAAC;AAExD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,mBAAmB,CAAC,
|
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/controls/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAG7F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAGvD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,oBAAoB,EAAE,CAAC;AAExD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,mBAAmB,CAAC,UAAU,SAAS,MAAM,IAAI,sBAAsB,CACjF,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,OAAO,CACrB,GACC,WAAW,GACX,IAAI,CAAC,wBAAwB,EAAE,yBAAyB,CAAC,GACzD,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG;IACxD;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IACtD,mDAAmD;IACnD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,gCAAgC;IAChC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,qDAAqD;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CAChC,CAAC;AAEJ;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,UAAU,SAAS,MAAM,IAAI,mBAAmB,CAAC,UAAU,CAAC,CAAC;AAEzF,QAAA,MAAM,iBAAiB,EAgDjB,CAAC,UAAU,SAAS,MAAM,EAC9B,KAAK,EAAE,eAAe,CAAC,UAAU,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,KACvE,KAAK,CAAC,YAAY,CAAC;AAExB;;GAEG;AACH,eAAO,MAAM,UAAU,EAA8B,OAAO,iBAAiB,GAC3E,KAAK,CAAC,mBAAmB,CAAC,OAAO,iBAAiB,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare function useHandleRadioSelect<
|
|
2
|
-
onChange?: (value:
|
|
1
|
+
export declare function useHandleRadioSelect<RadioValue extends string>(
|
|
2
|
+
onChange?: (value: RadioValue) => void,
|
|
3
3
|
): import('react').ChangeEventHandler<HTMLInputElement>;
|
|
4
4
|
//# sourceMappingURL=useHandleRadioSelect.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useHandleRadioSelect.d.ts","sourceRoot":"","sources":["../../src/controls/useHandleRadioSelect.ts"],"names":[],"mappings":"AAEA,wBAAgB,oBAAoB,CAAC,
|
|
1
|
+
{"version":3,"file":"useHandleRadioSelect.d.ts","sourceRoot":"","sources":["../../src/controls/useHandleRadioSelect.ts"],"names":[],"mappings":"AAEA,wBAAgB,oBAAoB,CAAC,UAAU,SAAS,MAAM,EAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,wDAQvC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { GroupToggleState } from '@coinbase/cds-common/hooks/useGroupToggler';
|
|
2
|
-
export type CheckboxGroupStateProps<
|
|
2
|
+
export type CheckboxGroupStateProps<CheckboxValue extends string> = {
|
|
3
3
|
select: React.ChangeEventHandler<HTMLInputElement>;
|
|
4
4
|
unselect: React.ChangeEventHandler<HTMLInputElement>;
|
|
5
5
|
toggle: React.ChangeEventHandler<HTMLInputElement>;
|
|
6
|
-
isAllSelected: GroupToggleState<
|
|
6
|
+
isAllSelected: GroupToggleState<CheckboxValue>['isAllSelected'];
|
|
7
7
|
};
|
|
8
8
|
/**
|
|
9
9
|
*
|
|
@@ -20,8 +20,8 @@ export type CheckboxGroupStateProps<T extends string> = {
|
|
|
20
20
|
}
|
|
21
21
|
]
|
|
22
22
|
*/
|
|
23
|
-
export declare const useCheckboxGroupState: <
|
|
24
|
-
values:
|
|
25
|
-
initialState?:
|
|
26
|
-
) => [Set<
|
|
23
|
+
export declare const useCheckboxGroupState: <CheckboxValue extends string>(
|
|
24
|
+
values: CheckboxValue[],
|
|
25
|
+
initialState?: CheckboxValue[],
|
|
26
|
+
) => [Set<CheckboxValue>, CheckboxGroupStateProps<CheckboxValue>];
|
|
27
27
|
//# sourceMappingURL=useCheckboxGroupState.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCheckboxGroupState.d.ts","sourceRoot":"","sources":["../../src/hooks/useCheckboxGroupState.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAGnF,MAAM,MAAM,uBAAuB,CAAC,
|
|
1
|
+
{"version":3,"file":"useCheckboxGroupState.d.ts","sourceRoot":"","sources":["../../src/hooks/useCheckboxGroupState.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAGnF,MAAM,MAAM,uBAAuB,CAAC,aAAa,SAAS,MAAM,IAAI;IAClE,MAAM,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACnD,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACrD,MAAM,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACnD,aAAa,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC,eAAe,CAAC,CAAC;CACjE,CAAC;AAIF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,qBAAqB,GAAI,aAAa,SAAS,MAAM,EAChE,QAAQ,aAAa,EAAE,EACvB,eAAe,aAAa,EAAE,KAC7B,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,uBAAuB,CAAC,aAAa,CAAC,CAkC7D,CAAC"}
|
|
@@ -2,8 +2,8 @@ import React from 'react';
|
|
|
2
2
|
import type { ThemeVars } from '@coinbase/cds-common/core/theme';
|
|
3
3
|
import { type TabValue } from '@coinbase/cds-common/tabs/useTabs';
|
|
4
4
|
import { type PressableBaseProps } from '../system/Pressable';
|
|
5
|
-
export type SegmentedTabProps<
|
|
6
|
-
TabValue<
|
|
5
|
+
export type SegmentedTabProps<TabId extends string = string> = PressableBaseProps &
|
|
6
|
+
TabValue<TabId> & {
|
|
7
7
|
/**
|
|
8
8
|
* Text color when the SegmentedTab is active.
|
|
9
9
|
* @default negativeForeground
|
|
@@ -15,10 +15,10 @@ export type SegmentedTabProps<T extends string = string> = PressableBaseProps &
|
|
|
15
15
|
*/
|
|
16
16
|
color?: ThemeVars.Color;
|
|
17
17
|
/** Callback that is fired when the SegmentedTab is clicked. */
|
|
18
|
-
onClick?: (id:
|
|
18
|
+
onClick?: (id: TabId, event: React.MouseEvent) => void;
|
|
19
19
|
};
|
|
20
|
-
type SegmentedTabComponent = <
|
|
21
|
-
props: SegmentedTabProps<
|
|
20
|
+
type SegmentedTabComponent = <TabId extends string = string>(
|
|
21
|
+
props: SegmentedTabProps<TabId> & {
|
|
22
22
|
ref?: React.ForwardedRef<HTMLButtonElement>;
|
|
23
23
|
},
|
|
24
24
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedTab.d.ts","sourceRoot":"","sources":["../../src/tabs/SegmentedTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAOlE,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAkCzE,MAAM,MAAM,iBAAiB,CAAC,
|
|
1
|
+
{"version":3,"file":"SegmentedTab.d.ts","sourceRoot":"","sources":["../../src/tabs/SegmentedTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAOlE,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAkCzE,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,kBAAkB,GAC/E,QAAQ,CAAC,KAAK,CAAC,GAAG;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACxB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACxD,CAAC;AAMJ,KAAK,qBAAqB,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACzD,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAA;CAAE,KAC9E,KAAK,CAAC,YAAY,CAAC;AAExB,QAAA,MAAM,qBAAqB;;;;IAtBvB;;;OAGG;kBACW,SAAS,CAAC,KAAK;IAC7B;;;OAGG;YACK,SAAS,CAAC,KAAK;IACvB,+DAA+D;mCAClC,KAAK,CAAC,UAAU,KAAK,IAAI;4CAuGzD,CAAC;AAIF,eAAO,MAAM,YAAY,EAA4B,qBAAqB,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type TabsProps } from './Tabs';
|
|
3
|
-
export type SegmentedTabsProps<
|
|
4
|
-
Pick<TabsProps<
|
|
3
|
+
export type SegmentedTabsProps<TabId extends string = string> = Partial<
|
|
4
|
+
Pick<TabsProps<TabId>, 'TabComponent' | 'TabsActiveIndicatorComponent'>
|
|
5
5
|
> &
|
|
6
|
-
Omit<TabsProps<
|
|
7
|
-
type SegmentedTabsFC = <
|
|
8
|
-
props: SegmentedTabsProps<
|
|
6
|
+
Omit<TabsProps<TabId>, 'TabComponent' | 'TabsActiveIndicatorComponent'>;
|
|
7
|
+
type SegmentedTabsFC = <TabId extends string>(
|
|
8
|
+
props: SegmentedTabsProps<TabId> & {
|
|
9
9
|
ref?: React.ForwardedRef<HTMLElement>;
|
|
10
10
|
},
|
|
11
11
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedTabs.d.ts","sourceRoot":"","sources":["../../src/tabs/SegmentedTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,MAAM,MAAM,kBAAkB,CAAC,
|
|
1
|
+
{"version":3,"file":"SegmentedTabs.d.ts","sourceRoot":"","sources":["../../src/tabs/SegmentedTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,CACrE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,8BAA8B,CAAC,CACxE,GACC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,8BAA8B,CAAC,CAAC;AAE1E,KAAK,eAAe,GAAG,CAAC,KAAK,SAAS,MAAM,EAC1C,KAAK,EAAE,kBAAkB,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;CAAE,KACzE,KAAK,CAAC,YAAY,CAAC;AA+BxB,eAAO,MAAM,aAAa,EAA6B,eAAe,CAAC"}
|
|
@@ -7,10 +7,10 @@ import type { BoxBaseProps } from '../layout/Box';
|
|
|
7
7
|
export declare const tabNavigationTestId = 'tabNavigation';
|
|
8
8
|
export declare const tabNavigationPaddleLeftTestId = 'tabNavigationPaddleLeft';
|
|
9
9
|
export declare const tabNavigationPaddleRightTestId = 'tabNavigationPaddleRight';
|
|
10
|
-
export type TabProps<
|
|
10
|
+
export type TabProps<TabId extends string | undefined = string> = SharedProps &
|
|
11
11
|
Partial<Pick<DotCountBaseProps, 'count' | 'max'>> & {
|
|
12
12
|
/** The id should be a meaningful and useful identifier like "watchlist" or "forSale" */
|
|
13
|
-
id:
|
|
13
|
+
id: TabId;
|
|
14
14
|
/** Define a label for this Tab */
|
|
15
15
|
label: React.ReactNode;
|
|
16
16
|
/** See the Tabs TDD to understand which variant should be used.
|
|
@@ -22,7 +22,7 @@ export type TabProps<T extends string | undefined = string> = SharedProps &
|
|
|
22
22
|
/** Full length accessibility label when the child text is not descriptive enough. */
|
|
23
23
|
accessibilityLabel?: string;
|
|
24
24
|
/** Callback to fire when pressed */
|
|
25
|
-
onClick?: (id:
|
|
25
|
+
onClick?: (id: TabId) => void;
|
|
26
26
|
/** Render a custom Component for the Tab */
|
|
27
27
|
Component?: (props: CustomTabProps) => React.ReactNode;
|
|
28
28
|
};
|
|
@@ -35,17 +35,17 @@ export type CustomTabProps = Pick<TabProps, 'id'> & {
|
|
|
35
35
|
/** Define a label for this Tab */
|
|
36
36
|
label?: React.ReactNode;
|
|
37
37
|
};
|
|
38
|
-
export type TabNavigationBaseProps<
|
|
38
|
+
export type TabNavigationBaseProps<TabId extends string | undefined = string> = SharedProps &
|
|
39
39
|
BoxBaseProps &
|
|
40
|
-
Pick<TabProps<
|
|
40
|
+
Pick<TabProps<TabId>, 'variant' | 'Component'> & {
|
|
41
41
|
/** The active tabId
|
|
42
42
|
* @default tabs[0].id
|
|
43
43
|
*/
|
|
44
|
-
value?:
|
|
44
|
+
value?: TabId;
|
|
45
45
|
/** Children should be TabLabels. If you only have one child, don't use tabs 🤪 */
|
|
46
|
-
tabs: TabProps<
|
|
46
|
+
tabs: TabProps<TabId>[];
|
|
47
47
|
/** Use the onChange handler to deal with any side effects, ie event tracking or showing a tooltip */
|
|
48
|
-
onChange: ((tabId:
|
|
48
|
+
onChange: ((tabId: TabId) => void) | React.Dispatch<React.SetStateAction<TabId>>;
|
|
49
49
|
/** This should always match the background color of the parent container
|
|
50
50
|
* @default: 'bg'
|
|
51
51
|
*/
|
|
@@ -75,9 +75,10 @@ export type TabNavigationBaseProps<T extends string | undefined = string> = Shar
|
|
|
75
75
|
*/
|
|
76
76
|
paddleStyle?: React.CSSProperties;
|
|
77
77
|
};
|
|
78
|
-
export type TabNavigationProps<
|
|
79
|
-
|
|
80
|
-
|
|
78
|
+
export type TabNavigationProps<TabId extends string | undefined = string> =
|
|
79
|
+
TabNavigationBaseProps<TabId>;
|
|
80
|
+
type TabNavigationFC = <TabId extends string | undefined = string>(
|
|
81
|
+
props: TabNavigationProps<TabId> & {
|
|
81
82
|
ref?: ForwardedRef<HTMLElement | null>;
|
|
82
83
|
},
|
|
83
84
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabNavigation.d.ts","sourceRoot":"","sources":["../../src/tabs/TabNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAUN,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,YAAY,EAAsB,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAK9D,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AASlD,eAAO,MAAM,mBAAmB,kBAAkB,CAAC;AACnD,eAAO,MAAM,6BAA6B,4BAA4B,CAAC;AACvE,eAAO,MAAM,8BAA8B,6BAA6B,CAAC;AA6CzE,MAAM,MAAM,QAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"TabNavigation.d.ts","sourceRoot":"","sources":["../../src/tabs/TabNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAUN,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,YAAY,EAAsB,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAK9D,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AASlD,eAAO,MAAM,mBAAmB,kBAAkB,CAAC;AACnD,eAAO,MAAM,6BAA6B,4BAA4B,CAAC;AACvE,eAAO,MAAM,8BAA8B,6BAA6B,CAAC;AA6CzE,MAAM,MAAM,QAAQ,CAAC,KAAK,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,IAAI,WAAW,GAC3E,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,KAAK,CAAC,CAAC,GAAG;IAClD,wFAAwF;IACxF,EAAE,EAAE,KAAK,CAAC;IACV,kCAAkC;IAClC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qFAAqF;IACrF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oCAAoC;IACpC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,KAAK,IAAI,CAAC;IAC9B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAC;CACxD,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG;IAClD;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kCAAkC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,KAAK,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,IAAI,WAAW,GACzF,YAAY,GACZ,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC,GAAG;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,kFAAkF;IAClF,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;IACxB,qGAAqG;IACrG,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;IACjF;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B;;;OAGG;IACH,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,+BAA+B,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrD;;OAEG;IACH,2BAA2B,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjD;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACnC,CAAC;AAEJ,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,IACtE,sBAAsB,CAAC,KAAK,CAAC,CAAC;AAMhC,KAAK,eAAe,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,EAC/D,KAAK,EAAE,kBAAkB,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAAE,KAC1E,KAAK,CAAC,YAAY,CAAC;AAiTxB,eAAO,MAAM,aAAa,EAA6B,eAAe,CAAC"}
|
package/dts/tabs/Tabs.d.ts
CHANGED
|
@@ -16,7 +16,7 @@ export type TabsActiveIndicatorProps = {
|
|
|
16
16
|
activeTabRect: Rect;
|
|
17
17
|
} & BoxProps<BoxDefaultElement> &
|
|
18
18
|
MotionProps;
|
|
19
|
-
export type TabComponentProps<
|
|
19
|
+
export type TabComponentProps<TabId extends string = string> = TabValue<TabId> & {
|
|
20
20
|
/** The tab index for the tab. Automatically set to manage focus behavior. */
|
|
21
21
|
tabIndex?: number;
|
|
22
22
|
/**
|
|
@@ -25,26 +25,26 @@ export type TabComponentProps<T extends string = string> = TabValue<T> & {
|
|
|
25
25
|
*/
|
|
26
26
|
role?: string;
|
|
27
27
|
};
|
|
28
|
-
export type TabComponent<
|
|
28
|
+
export type TabComponent<TabId extends string = string> = React.FC<TabComponentProps<TabId>>;
|
|
29
29
|
export type TabsActiveIndicatorComponent = React.FC<TabsActiveIndicatorProps>;
|
|
30
|
-
export type TabsBaseProps<
|
|
30
|
+
export type TabsBaseProps<TabId extends string = string> = {
|
|
31
31
|
/** The array of tabs data. Each tab may optionally define a custom Component to render. */
|
|
32
|
-
tabs: (TabValue<
|
|
33
|
-
Component?: TabComponent<
|
|
32
|
+
tabs: (TabValue<TabId> & {
|
|
33
|
+
Component?: TabComponent<TabId>;
|
|
34
34
|
})[];
|
|
35
35
|
/** The default Component to render each tab. */
|
|
36
|
-
TabComponent: TabComponent<
|
|
36
|
+
TabComponent: TabComponent<TabId>;
|
|
37
37
|
/** The default Component to render the tabs active indicator. */
|
|
38
38
|
TabsActiveIndicatorComponent: TabsActiveIndicatorComponent;
|
|
39
39
|
/** Background color passed to the TabsActiveIndicatorComponent. */
|
|
40
40
|
activeBackground?: ThemeVars.Color;
|
|
41
41
|
/** Optional callback to receive the active tab element. */
|
|
42
42
|
onActiveTabElementChange?: (element: HTMLElement | null) => void;
|
|
43
|
-
} & Omit<TabsOptions<
|
|
44
|
-
export type TabsProps<
|
|
43
|
+
} & Omit<TabsOptions<TabId>, 'tabs'>;
|
|
44
|
+
export type TabsProps<TabId extends string = string> = TabsBaseProps<TabId> &
|
|
45
45
|
Omit<HStackProps<HStackDefaultElement>, 'onChange' | 'ref'>;
|
|
46
|
-
type TabsFC = <
|
|
47
|
-
props: TabsProps<
|
|
46
|
+
type TabsFC = <TabId extends string = string>(
|
|
47
|
+
props: TabsProps<TabId> & {
|
|
48
48
|
ref?: React.ForwardedRef<HTMLElement>;
|
|
49
49
|
},
|
|
50
50
|
) => React.ReactElement;
|
package/dts/tabs/Tabs.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAIjE,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,QAAQ,EAEd,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EAAe,KAAK,IAAI,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAe,KAAK,WAAW,EAAmB,MAAM,eAAe,CAAC;AAE/E,OAAO,EAAO,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAU,KAAK,oBAAoB,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAkBvF,eAAO,MAAM,oBAAoB;;;;;;CAMF,CAAC;AAEhC,MAAM,MAAM,wBAAwB,GAAG;IACrC,aAAa,EAAE,IAAI,CAAC;CACrB,GAAG,QAAQ,CAAC,iBAAiB,CAAC,GAC7B,WAAW,CAAC;AAEd,MAAM,MAAM,iBAAiB,CAAC,
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAIjE,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,QAAQ,EAEd,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EAAe,KAAK,IAAI,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAe,KAAK,WAAW,EAAmB,MAAM,eAAe,CAAC;AAE/E,OAAO,EAAO,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAU,KAAK,oBAAoB,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAkBvF,eAAO,MAAM,oBAAoB;;;;;;CAMF,CAAC;AAEhC,MAAM,MAAM,wBAAwB,GAAG;IACrC,aAAa,EAAE,IAAI,CAAC;CACrB,GAAG,QAAQ,CAAC,iBAAiB,CAAC,GAC7B,WAAW,CAAC;AAEd,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,QAAQ,CAAC,KAAK,CAAC,GAAG;IAC/E,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC;AAE7F,MAAM,MAAM,4BAA4B,GAAG,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC;AAE9E,MAAM,MAAM,aAAa,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI;IACzD,2FAA2F;IAC3F,IAAI,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG;QAAE,SAAS,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAA;KAAE,CAAC,EAAE,CAAC;IAChE,gDAAgD;IAChD,YAAY,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;IAClC,iEAAiE;IACjE,4BAA4B,EAAE,4BAA4B,CAAC;IAC3D,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACnC,2DAA2D;IAC3D,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CAClE,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC;AAErC,MAAM,MAAM,SAAS,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,aAAa,CAAC,KAAK,CAAC,GACzE,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,CAAC;AAE9D,KAAK,MAAM,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EAC1C,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;CAAE,KAChE,KAAK,CAAC,YAAY,CAAC;AAuJxB,eAAO,MAAM,IAAI,EAAoB,MAAM,CAAC;AAE5C,eAAO,MAAM,mBAAmB,GAAI,uCAIjC,wBAAwB,mDAiB1B,CAAC"}
|
package/dts/tour/Tour.d.ts
CHANGED
|
@@ -27,7 +27,7 @@ export type TourMaskComponentProps = {
|
|
|
27
27
|
borderRadius?: string | number;
|
|
28
28
|
};
|
|
29
29
|
export type TourMaskComponent = React.FC<TourMaskComponentProps>;
|
|
30
|
-
export type TourProps<
|
|
30
|
+
export type TourProps<TourStepId extends string = string> = TourOptions<TourStepId> & {
|
|
31
31
|
children?: React.ReactNode;
|
|
32
32
|
/**
|
|
33
33
|
* The Component to render as a tour overlay and mask.
|
|
@@ -80,6 +80,8 @@ export type TourProps<T extends string = string> = TourOptions<T> & {
|
|
|
80
80
|
disableAutoScroll?: boolean;
|
|
81
81
|
} & Pick<SharedAccessibilityProps, 'accessibilityLabel' | 'accessibilityLabelledBy' | 'id'> &
|
|
82
82
|
SharedProps;
|
|
83
|
-
export type TourFC = <
|
|
83
|
+
export type TourFC = <TourStepId extends string = string>(
|
|
84
|
+
props: TourProps<TourStepId>,
|
|
85
|
+
) => React.ReactNode;
|
|
84
86
|
export declare const Tour: TourFC;
|
|
85
87
|
//# sourceMappingURL=Tour.d.ts.map
|
package/dts/tour/Tour.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tour.d.ts","sourceRoot":"","sources":["../../src/tour/Tour.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAM9D,OAAO,KAAK,EACV,WAAW,EACX,iBAAiB,EACjB,sBAAsB,EAEvB,MAAM,mCAAmC,CAAC;AAE3C,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,EAGL,KAAK,oBAAoB,EAGzB,KAAK,aAAa,EAElB,KAAK,YAAY,EAElB,MAAM,wBAAwB,CAAC;AA0BhC,MAAM,MAAM,sBAAsB,GAAG;IACnC;;OAEG;IACH,wBAAwB,EAAE,IAAI,CAAC;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC;AAEjE,MAAM,MAAM,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"Tour.d.ts","sourceRoot":"","sources":["../../src/tour/Tour.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAM9D,OAAO,KAAK,EACV,WAAW,EACX,iBAAiB,EACjB,sBAAsB,EAEvB,MAAM,mCAAmC,CAAC;AAE3C,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,EAGL,KAAK,oBAAoB,EAGzB,KAAK,aAAa,EAElB,KAAK,YAAY,EAElB,MAAM,wBAAwB,CAAC;AA0BhC,MAAM,MAAM,sBAAsB,GAAG;IACnC;;OAEG;IACH,wBAAwB,EAAE,IAAI,CAAC;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC;AAEjE,MAAM,MAAM,SAAS,CAAC,UAAU,SAAS,MAAM,GAAG,MAAM,IAAI,WAAW,CAAC,UAAU,CAAC,GAAG;IACpF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAChD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,oBAAoB,CAAC;IAC7C;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvC;;OAEG;IACH,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,GAAG,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,GAAG,yBAAyB,GAAG,IAAI,CAAC,GACzF,WAAW,CAAC;AAsDd,MAAM,MAAM,MAAM,GAAG,CAAC,UAAU,SAAS,MAAM,GAAG,MAAM,EACtD,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,KACzB,KAAK,CAAC,SAAS,CAAC;AA8KrB,eAAO,MAAM,IAAI,EAAoB,MAAM,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coinbase/cds-web",
|
|
3
|
-
"version": "8.40.
|
|
3
|
+
"version": "8.40.2",
|
|
4
4
|
"description": "Coinbase Design System - Web",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -203,9 +203,9 @@
|
|
|
203
203
|
"react-dom": "^18.3.1"
|
|
204
204
|
},
|
|
205
205
|
"dependencies": {
|
|
206
|
-
"@coinbase/cds-common": "^8.40.
|
|
207
|
-
"@coinbase/cds-icons": "^5.
|
|
208
|
-
"@coinbase/cds-illustrations": "^4.
|
|
206
|
+
"@coinbase/cds-common": "^8.40.2",
|
|
207
|
+
"@coinbase/cds-icons": "^5.10.0",
|
|
208
|
+
"@coinbase/cds-illustrations": "^4.30.0",
|
|
209
209
|
"@coinbase/cds-lottie-files": "^3.3.4",
|
|
210
210
|
"@coinbase/cds-utils": "^2.3.5",
|
|
211
211
|
"@floating-ui/react-dom": "^2.1.1",
|