@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.
Files changed (36) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dts/alpha/tabbed-chips/TabbedChips.d.ts +14 -11
  3. package/dts/alpha/tabbed-chips/TabbedChips.d.ts.map +1 -1
  4. package/dts/chips/TabbedChips.d.ts +5 -5
  5. package/dts/chips/TabbedChips.d.ts.map +1 -1
  6. package/dts/controls/Checkbox.d.ts +3 -3
  7. package/dts/controls/Checkbox.d.ts.map +1 -1
  8. package/dts/controls/CheckboxCell.d.ts +20 -19
  9. package/dts/controls/CheckboxCell.d.ts.map +1 -1
  10. package/dts/controls/CheckboxGroup.d.ts +9 -18
  11. package/dts/controls/CheckboxGroup.d.ts.map +1 -1
  12. package/dts/controls/Control.d.ts +5 -5
  13. package/dts/controls/Control.d.ts.map +1 -1
  14. package/dts/controls/ControlGroup.d.ts +11 -11
  15. package/dts/controls/ControlGroup.d.ts.map +1 -1
  16. package/dts/controls/Radio.d.ts +3 -3
  17. package/dts/controls/Radio.d.ts.map +1 -1
  18. package/dts/controls/RadioCell.d.ts +5 -5
  19. package/dts/controls/RadioCell.d.ts.map +1 -1
  20. package/dts/controls/RadioGroup.d.ts +7 -7
  21. package/dts/controls/RadioGroup.d.ts.map +1 -1
  22. package/dts/controls/useHandleRadioSelect.d.ts +2 -2
  23. package/dts/controls/useHandleRadioSelect.d.ts.map +1 -1
  24. package/dts/hooks/useCheckboxGroupState.d.ts +6 -6
  25. package/dts/hooks/useCheckboxGroupState.d.ts.map +1 -1
  26. package/dts/tabs/SegmentedTab.d.ts +5 -5
  27. package/dts/tabs/SegmentedTab.d.ts.map +1 -1
  28. package/dts/tabs/SegmentedTabs.d.ts +5 -5
  29. package/dts/tabs/SegmentedTabs.d.ts.map +1 -1
  30. package/dts/tabs/TabNavigation.d.ts +12 -11
  31. package/dts/tabs/TabNavigation.d.ts.map +1 -1
  32. package/dts/tabs/Tabs.d.ts +10 -10
  33. package/dts/tabs/Tabs.d.ts.map +1 -1
  34. package/dts/tour/Tour.d.ts +4 -2
  35. package/dts/tour/Tour.d.ts.map +1 -1
  36. 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<T extends string = string> = Omit<ChipProps, 'children' | 'onClick'> &
8
- TabValue<T> & {
9
- Component?: React.FC<Omit<ChipProps, 'children'> & TabValue<T>>;
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<T extends string = string> = Omit<
12
- TabsBaseProps<T>,
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<T>>;
20
- TabsActiveIndicatorComponent?: TabsProps<T>['TabsActiveIndicatorComponent'];
21
- tabs: TabbedChipProps<T>[];
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<T extends string = string> = TabbedChipsBaseProps<T> &
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 = <T extends string = string>(
84
- props: TabbedChipsProps<T> & {
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,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,SAAS,CAAC,GAC9F,QAAQ,CAAC,CAAC,CAAC,GAAG;IACZ,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;CACjE,CAAC;AAEJ,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAChE,aAAa,CAAC,CAAC,CAAC,EACd,cAAc,GACd,8BAA8B,GAC9B,MAAM,GACN,0BAA0B,GAC1B,kBAAkB,CACrB,GAAG;IACF,YAAY,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,4BAA4B,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC;IAC5E,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAC/E,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,CAAC,SAAS,MAAM,GAAG,MAAM,EAC7C,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;CAAE,KACnE,KAAK,CAAC,YAAY,CAAC;AAwGxB,eAAO,MAAM,WAAW,EAA2B,aAAa,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<T extends string = string> = BoxBaseProps &
5
- Omit<TabNavigationBaseProps<T>, 'variant'>;
6
- export type TabbedChipsProps<T extends string = string> = TabbedChipsBaseProps<T>;
7
- type TabbedChipsFC = <T extends string = string>(
8
- props: TabbedChipsProps<T> & {
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;AA2CpE,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,YAAY,GACxE,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAE7C,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAElF,KAAK,aAAa,GAAG,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAC7C,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;CAAE,KACnE,KAAK,CAAC,YAAY,CAAC;AA2FxB;;GAEG;AACH,eAAO,MAAM,WAAW,EAA2B,aAAa,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<T extends string> = ControlBaseProps<T> & {
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: <T extends string>(
16
- props: CheckboxProps<T> & {
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,CAAC,SAAS,MAAM,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAClE;;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,CAAC,SAAS,MAAM,EACrB,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,KAC5D,KAAK,CAAC,YAAY,CAAC;AAExB,eAAO,MAAM,QAAQ,EAA4B,OAAO,eAAe,GACrE,KAAK,CAAC,mBAAmB,CAAC,OAAO,eAAe,CAAC,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<T extends string> = Omit<
6
+ export type CheckboxCellBaseProps<CheckboxValue extends string> = Omit<
7
7
  PressableProps<'label'>,
8
8
  'title' | 'onChange'
9
9
  > &
10
10
  Omit<
11
- ControlBaseProps<T>,
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<T extends string> = CheckboxCellBaseProps<T> & {
26
- classNames?: {
27
- root?: string;
28
- checkboxContainer?: string;
29
- title?: string;
30
- description?: string;
31
- contentContainer?: string;
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
- styles?: {
34
- root?: CSSProperties;
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,CAAC,SAAS,MAAM,IAAI,IAAI,CACxD,cAAc,CAAC,OAAO,CAAC,EACvB,OAAO,GAAG,UAAU,CACrB,GACC,IAAI,CACF,gBAAgB,CAAC,CAAC,CAAC,EACnB,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,CAAC,SAAS,MAAM,IAAI,qBAAqB,CAAC,CAAC,CAAC,GAAG;IAC3E,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;AASF,QAAA,MAAM,mBAAmB,EAmHnB,CAAC,CAAC,SAAS,MAAM,EACrB,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,KAChE,KAAK,CAAC,YAAY,CAAC;AAExB,eAAO,MAAM,YAAY,EAAgC,OAAO,mBAAmB,GACjF,KAAK,CAAC,mBAAmB,CAAC,OAAO,mBAAmB,CAAC,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<T extends string | number> = FilteredHTMLAttributes<
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<T>;
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<T extends string> = CheckboxGroupBaseProps<T>;
42
- declare const CheckboxGroupWithRef: React.ForwardRefExoticComponent<
43
- FilteredHTMLAttributes<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, 'onChange'> &
44
- SharedProps & {
45
- /** Checkbox elements that are part of the checkbox group. */
46
- children: React.ReactElement[];
47
- /** Set a label summary for the group of checkboxes. */
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,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,sBAAsB,CACpF,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,CAAC,CAAC,CAAC;IACvB,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,CAAC,SAAS,MAAM,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAG7E,QAAA,MAAM,oBAAoB;IAlBtB,6DAA6D;cACnD,KAAK,CAAC,YAAY,EAAE;IAC9B,uDAAuD;YAC/C,KAAK,CAAC,SAAS;IACvB,yCAAyC;;gBAE7B,MAAM;IAClB,8DAA8D;eACnD,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC;YAC7C,KAAK,CAAC,aAAa;6CAiF7B,CAAC;AAEH,eAAO,MAAM,aAAa,EAAiC,OAAO,oBAAoB,GACpF,KAAK,CAAC,mBAAmB,CAAC,OAAO,oBAAoB,CAAC,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<T extends string> = FilteredHTMLAttributes<
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?: T;
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<T extends string> = ControlBaseProps<T> & {
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: <T extends string>(
40
- props: ControlProps<T> & {
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,CAAC,SAAS,MAAM,IAAI,sBAAsB,CACrE,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,CAAC,CAAC;IACV,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,CAAC,SAAS,MAAM,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG;IACjE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,cAAc,EA2Hd,CAAC,CAAC,SAAS,MAAM,EACrB,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,KAC3D,KAAK,CAAC,YAAY,CAAC;AAExB,eAAO,MAAM,OAAO,EAA2B,OAAO,cAAc,GAClE,KAAK,CAAC,mBAAmB,CAAC,OAAO,cAAc,CAAC,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
- T extends string,
7
- P extends {
8
- value?: T;
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<P>;
13
+ ControlComponent: React.ComponentType<ControlComponentProps>;
14
14
  /** Control options for the group. */
15
- options: (ControlGroupOption<P> & {
16
- value: T;
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: T | T[];
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
- T extends string,
33
- P extends {
34
- value?: T;
32
+ ControlValue extends string,
33
+ ControlComponentProps extends {
34
+ value?: ControlValue;
35
35
  },
36
36
  >(
37
- props: ControlGroupProps<T, P> & {
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,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS;IAAE,KAAK,CAAC,EAAE,CAAC,CAAA;CAAE,IAAI,IAAI,CAC7E,QAAQ,CAAC,KAAK,CAAC,EACf,UAAU,GAAG,UAAU,GAAG,IAAI,CAC/B,GACC,WAAW,GAAG;IACZ,uDAAuD;IACvD,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IACzC,qCAAqC;IACrC,OAAO,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG;QAAE,KAAK,EAAE,CAAC,CAAA;KAAE,CAAC,EAAE,CAAC;IAClD,iCAAiC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mJAAmJ;IACnJ,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;IACf,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,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS;IAAE,KAAK,CAAC,EAAE,CAAC,CAAA;CAAE,EAC9C,KAAK,EAAE,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IAC/B,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"}
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"}
@@ -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<T extends string> = ControlBaseProps<T> & {
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: <T extends string>(
11
- props: RadioProps<T> & {
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,CAAC,SAAS,MAAM,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAC/D;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CAChC,CAAC;AAEF,QAAA,MAAM,YAAY,EAmDZ,CAAC,CAAC,SAAS,MAAM,EACrB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,KACzD,KAAK,CAAC,YAAY,CAAC;AAExB,eAAO,MAAM,KAAK,EAAyB,OAAO,YAAY,GAC5D,KAAK,CAAC,mBAAmB,CAAC,OAAO,YAAY,CAAC,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<T extends string> = Omit<
6
+ export type RadioCellBaseProps<RadioValue extends string> = Omit<
7
7
  PressableProps<'label'>,
8
8
  'title' | 'onChange'
9
9
  > &
10
10
  Omit<
11
- ControlBaseProps<T>,
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<T extends string> = RadioCellBaseProps<T> & {
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: <T extends string>(
42
- props: RadioCellProps<T> & {
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,CAAC,SAAS,MAAM,IAAI,IAAI,CACrD,cAAc,CAAC,OAAO,CAAC,EACvB,OAAO,GAAG,UAAU,CACrB,GACC,IAAI,CACF,gBAAgB,CAAC,CAAC,CAAC,EACnB,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,CAAC,SAAS,MAAM,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAAG;IACrE,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,CAAC,SAAS,MAAM,EACrB,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,KAC7D,KAAK,CAAC,YAAY,CAAC;AAExB,eAAO,MAAM,SAAS,EAA6B,OAAO,gBAAgB,GACxE,KAAK,CAAC,mBAAmB,CAAC,OAAO,gBAAgB,CAAC,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<T extends string> = FilteredHTMLAttributes<
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<T, string | React.ReactNode>;
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?: T;
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: T) => void;
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<T extends string> = RadioGroupBaseProps<T>;
55
- declare const RadioGroupWithRef: <T extends string>(
56
- props: RadioGroupProps<T> & {
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,CAAC,SAAS,MAAM,IAAI,sBAAsB,CACxE,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,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IAC7C,mDAAmD;IACnD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,gCAAgC;IAChC,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,qDAAqD;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CAChC,CAAC;AAEJ;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC;AAEvE,QAAA,MAAM,iBAAiB,EAgDjB,CAAC,CAAC,SAAS,MAAM,EACrB,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,KAC9D,KAAK,CAAC,YAAY,CAAC;AAExB;;GAEG;AACH,eAAO,MAAM,UAAU,EAA8B,OAAO,iBAAiB,GAC3E,KAAK,CAAC,mBAAmB,CAAC,OAAO,iBAAiB,CAAC,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<T extends string>(
2
- onChange?: (value: T) => void,
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,CAAC,SAAS,MAAM,EAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,wDAOnF"}
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<T extends string> = {
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<T>['isAllSelected'];
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: <T extends string>(
24
- values: T[],
25
- initialState?: T[],
26
- ) => [Set<T>, CheckboxGroupStateProps<T>];
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,CAAC,SAAS,MAAM,IAAI;IACtD,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,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;CACrD,CAAC;AAIF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,qBAAqB,GAAI,CAAC,SAAS,MAAM,EACpD,QAAQ,CAAC,EAAE,EACX,eAAe,CAAC,EAAE,KACjB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAkCrC,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<T extends string = string> = PressableBaseProps &
6
- TabValue<T> & {
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: T, event: React.MouseEvent) => void;
18
+ onClick?: (id: TabId, event: React.MouseEvent) => void;
19
19
  };
20
- type SegmentedTabComponent = <T extends string = string>(
21
- props: SegmentedTabProps<T> & {
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,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,kBAAkB,GAC3E,QAAQ,CAAC,CAAC,CAAC,GAAG;IACZ;;;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,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACpD,CAAC;AAMJ,KAAK,qBAAqB,GAAG,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EACrD,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAA;CAAE,KAC1E,KAAK,CAAC,YAAY,CAAC;AAExB,QAAA,MAAM,qBAAqB;;;;IAtBvB;;;OAGG;kBACW,SAAS,CAAC,KAAK;IAC7B;;;OAGG;YACK,SAAS,CAAC,KAAK;IACvB,+DAA+D;mCACtC,KAAK,CAAC,UAAU,KAAK,IAAI;4CAuGrD,CAAC;AAIF,eAAO,MAAM,YAAY,EAA4B,qBAAqB,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<T extends string = string> = Partial<
4
- Pick<TabsProps<T>, 'TabComponent' | 'TabsActiveIndicatorComponent'>
3
+ export type SegmentedTabsProps<TabId extends string = string> = Partial<
4
+ Pick<TabsProps<TabId>, 'TabComponent' | 'TabsActiveIndicatorComponent'>
5
5
  > &
6
- Omit<TabsProps<T>, 'TabComponent' | 'TabsActiveIndicatorComponent'>;
7
- type SegmentedTabsFC = <T extends string>(
8
- props: SegmentedTabsProps<T> & {
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,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,CACjE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,cAAc,GAAG,8BAA8B,CAAC,CACpE,GACC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,cAAc,GAAG,8BAA8B,CAAC,CAAC;AAEtE,KAAK,eAAe,GAAG,CAAC,CAAC,SAAS,MAAM,EACtC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;CAAE,KACrE,KAAK,CAAC,YAAY,CAAC;AA+BxB,eAAO,MAAM,aAAa,EAA6B,eAAe,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<T extends string | undefined = string> = SharedProps &
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: T;
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: T) => void;
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<T extends string | undefined = string> = SharedProps &
38
+ export type TabNavigationBaseProps<TabId extends string | undefined = string> = SharedProps &
39
39
  BoxBaseProps &
40
- Pick<TabProps<T>, 'variant' | 'Component'> & {
40
+ Pick<TabProps<TabId>, 'variant' | 'Component'> & {
41
41
  /** The active tabId
42
42
  * @default tabs[0].id
43
43
  */
44
- value?: T;
44
+ value?: TabId;
45
45
  /** Children should be TabLabels. If you only have one child, don't use tabs 🤪 */
46
- tabs: TabProps<T>[];
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: T) => void) | React.Dispatch<React.SetStateAction<T>>;
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<T extends string | undefined = string> = TabNavigationBaseProps<T>;
79
- type TabNavigationFC = <T extends string | undefined = string>(
80
- props: TabNavigationProps<T> & {
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":"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"}
1
+ {"version":3,"file":"TabNavigation.d.ts","sourceRoot":"","sources":["../../src/tabs/TabNavigation.tsx"],"names":[],"mappings":"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"}
@@ -16,7 +16,7 @@ export type TabsActiveIndicatorProps = {
16
16
  activeTabRect: Rect;
17
17
  } & BoxProps<BoxDefaultElement> &
18
18
  MotionProps;
19
- export type TabComponentProps<T extends string = string> = TabValue<T> & {
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<T extends string = string> = React.FC<TabComponentProps<T>>;
28
+ export type TabComponent<TabId extends string = string> = React.FC<TabComponentProps<TabId>>;
29
29
  export type TabsActiveIndicatorComponent = React.FC<TabsActiveIndicatorProps>;
30
- export type TabsBaseProps<T extends string = string> = {
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<T> & {
33
- Component?: TabComponent<T>;
32
+ tabs: (TabValue<TabId> & {
33
+ Component?: TabComponent<TabId>;
34
34
  })[];
35
35
  /** The default Component to render each tab. */
36
- TabComponent: TabComponent<T>;
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<T>, 'tabs'>;
44
- export type TabsProps<T extends string = string> = TabsBaseProps<T> &
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 = <T extends string = string>(
47
- props: TabsProps<T> & {
46
+ type TabsFC = <TabId extends string = string>(
47
+ props: TabsProps<TabId> & {
48
48
  ref?: React.ForwardedRef<HTMLElement>;
49
49
  },
50
50
  ) => React.ReactElement;
@@ -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,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG;IACvE,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAErF,MAAM,MAAM,4BAA4B,GAAG,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC;AAE9E,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IACrD,2FAA2F;IAC3F,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG;QAAE,SAAS,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAA;KAAE,CAAC,EAAE,CAAC;IACxD,gDAAgD;IAChD,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC9B,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,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AAEjC,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,aAAa,CAAC,CAAC,CAAC,GACjE,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,CAAC;AAE9D,KAAK,MAAM,GAAG,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EACtC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;CAAE,KAC5D,KAAK,CAAC,YAAY,CAAC;AAuJxB,eAAO,MAAM,IAAI,EAAoB,MAAM,CAAC;AAE5C,eAAO,MAAM,mBAAmB,GAAI,uCAIjC,wBAAwB,mDAiB1B,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"}
@@ -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<T extends string = string> = TourOptions<T> & {
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 = <T extends string = string>(props: TourProps<T>) => React.ReactNode;
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
@@ -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,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG;IAClE,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,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;AA8KzF,eAAO,MAAM,IAAI,EAAoB,MAAM,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.0",
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.0",
207
- "@coinbase/cds-icons": "^5.9.0",
208
- "@coinbase/cds-illustrations": "^4.29.0",
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",