@coinbase/cds-web 8.19.1 → 8.20.1

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 (56) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dts/alpha/select/DefaultSelectAllOption.d.ts +12 -0
  3. package/dts/alpha/select/DefaultSelectAllOption.d.ts.map +1 -0
  4. package/dts/alpha/select/DefaultSelectControl.d.ts +13 -0
  5. package/dts/alpha/select/DefaultSelectControl.d.ts.map +1 -0
  6. package/dts/alpha/select/DefaultSelectDropdown.d.ts +12 -0
  7. package/dts/alpha/select/DefaultSelectDropdown.d.ts.map +1 -0
  8. package/dts/alpha/select/DefaultSelectEmptyDropdownContents.d.ts +3 -0
  9. package/dts/alpha/select/DefaultSelectEmptyDropdownContents.d.ts.map +1 -0
  10. package/dts/alpha/select/DefaultSelectOption.d.ts +9 -0
  11. package/dts/alpha/select/DefaultSelectOption.d.ts.map +1 -0
  12. package/dts/alpha/select/Select.d.ts +470 -0
  13. package/dts/alpha/select/Select.d.ts.map +1 -0
  14. package/dts/alpha/select/index.d.ts +7 -0
  15. package/dts/alpha/select/index.d.ts.map +1 -0
  16. package/dts/cells/Cell.d.ts.map +1 -1
  17. package/dts/chips/Chip.d.ts.map +1 -1
  18. package/dts/chips/ChipProps.d.ts +15 -4
  19. package/dts/chips/ChipProps.d.ts.map +1 -1
  20. package/dts/chips/InputChip.d.ts.map +1 -1
  21. package/dts/controls/InputStack.d.ts +65 -63
  22. package/dts/controls/InputStack.d.ts.map +1 -1
  23. package/dts/controls/SearchInput.d.ts +1 -1
  24. package/dts/controls/Select.d.ts +4 -1
  25. package/dts/controls/Select.d.ts.map +1 -1
  26. package/dts/controls/SelectStack.d.ts +1 -1
  27. package/dts/controls/TextInput.d.ts +1 -1
  28. package/dts/hooks/useClickOutside.d.ts +22 -0
  29. package/dts/hooks/useClickOutside.d.ts.map +1 -0
  30. package/dts/overlays/FocusTrap.d.ts +4 -0
  31. package/dts/overlays/FocusTrap.d.ts.map +1 -1
  32. package/dts/overlays/modal/FullscreenModalLayout.d.ts +1 -1
  33. package/dts/system/Interactable.d.ts +45 -38
  34. package/dts/system/Interactable.d.ts.map +1 -1
  35. package/dts/utils/findClosestNonDisabledNodeIndex.d.ts +11 -0
  36. package/dts/utils/findClosestNonDisabledNodeIndex.d.ts.map +1 -0
  37. package/esm/alpha/select/DefaultSelectAllOption.js +47 -0
  38. package/esm/alpha/select/DefaultSelectControl.css +1 -0
  39. package/esm/alpha/select/DefaultSelectControl.js +234 -0
  40. package/esm/alpha/select/DefaultSelectDropdown.js +233 -0
  41. package/esm/alpha/select/DefaultSelectEmptyDropdownContents.js +23 -0
  42. package/esm/alpha/select/DefaultSelectOption.css +2 -0
  43. package/esm/alpha/select/DefaultSelectOption.js +103 -0
  44. package/esm/alpha/select/Select.js +222 -0
  45. package/esm/alpha/select/index.js +6 -0
  46. package/esm/cells/Cell.js +5 -4
  47. package/esm/chips/Chip.js +3 -2
  48. package/esm/chips/InputChip.js +7 -5
  49. package/esm/chips/__figma__/InputChip.figma.js +1 -1
  50. package/esm/controls/InputStack.js +4 -2
  51. package/esm/controls/Select.js +3 -0
  52. package/esm/hooks/useClickOutside.js +37 -0
  53. package/esm/overlays/FocusTrap.js +23 -14
  54. package/esm/system/Interactable.js +34 -11
  55. package/esm/utils/findClosestNonDisabledNodeIndex.js +24 -0
  56. package/package.json +3 -3
@@ -14,6 +14,7 @@ export type ChipBaseProps = SharedProps &
14
14
  | 'accessibilityHint'
15
15
  | 'accessibilityLabelledBy'
16
16
  | 'onChange'
17
+ | 'value'
17
18
  > &
18
19
  Pick<SharedAccessibilityProps, 'accessibilityLabel'> & {
19
20
  /** ReactNode placed in the center of the Chip */
@@ -31,8 +32,15 @@ export type ChipBaseProps = SharedProps &
31
32
  * Invert the foreground and background colors to emphasize the Chip.
32
33
  * Depending on your theme, it may be dangerous to use this prop in conjunction with `transparentWhileInactive`.
33
34
  * @default false
35
+ * @deprecated Use the invertColorScheme prop instead
34
36
  */
35
37
  inverted?: boolean;
38
+ /**
39
+ * Invert the foreground and background colors to emphasize the Chip.
40
+ * Depending on your theme, it may be dangerous to use this prop in conjunction with `transparentWhileInactive`.
41
+ * @default false
42
+ */
43
+ invertColorScheme?: boolean;
36
44
  /** Reduces spacing around Chip content */
37
45
  compact?: boolean;
38
46
  /**
@@ -57,8 +65,11 @@ export type ChipBaseProps = SharedProps &
57
65
  };
58
66
  };
59
67
  export type ChipProps = ChipBaseProps;
60
- export type InputChipProps = {
61
- /** Value indicates what is currently selected */
62
- value: string;
63
- } & Omit<ChipProps, 'end' | 'inverted' | 'children' | 'noScaleOnPress'>;
68
+ export type InputChipProps = ChipProps & {
69
+ /**
70
+ * Value indicates what is currently selected
71
+ * @deprecated Use the `children` prop instead
72
+ */
73
+ value?: string;
74
+ };
64
75
  //# sourceMappingURL=ChipProps.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ChipProps.d.ts","sourceRoot":"","sources":["../../src/chips/ChipProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAEnF,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,IAAI,CACF,cAAc,CAAC,uBAAuB,CAAC,EACrC,UAAU,GACV,SAAS,GACT,OAAO,GACP,eAAe,GACf,mBAAmB,GACnB,yBAAyB,GACzB,UAAU,CACb,GACD,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,GAAG;IACrD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wCAAwC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,uCAAuC;IACvC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,iDAAiD;IACjD,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC/B,CAAC;IACF,qCAAqC;IACrC,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEJ,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC;AAEtC,MAAM,MAAM,cAAc,GAAG;IAC3B,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,SAAS,EAAE,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,gBAAgB,CAAC,CAAC"}
1
+ {"version":3,"file":"ChipProps.d.ts","sourceRoot":"","sources":["../../src/chips/ChipProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAEnF,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,IAAI,CACF,cAAc,CAAC,uBAAuB,CAAC,EACrC,UAAU,GACV,SAAS,GACT,OAAO,GACP,eAAe,GACf,mBAAmB,GACnB,yBAAyB,GACzB,UAAU,GACV,OAAO,CACV,GACD,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,GAAG;IACrD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wCAAwC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,uCAAuC;IACvC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,iDAAiD;IACjD,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC/B,CAAC;IACF,qCAAqC;IACrC,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEJ,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC;AAEtC,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG;IACvC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"InputChip.d.ts","sourceRoot":"","sources":["../../src/chips/InputChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,eAAO,MAAM,SAAS,kIA8BrB,CAAC"}
1
+ {"version":3,"file":"InputChip.d.ts","sourceRoot":"","sources":["../../src/chips/InputChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,eAAO,MAAM,SAAS,kIAgCrB,CAAC"}
@@ -3,69 +3,71 @@ import type { ThemeVars } from '@coinbase/cds-common/core/theme';
3
3
  import type { InputVariant } from '@coinbase/cds-common/types/InputBaseProps';
4
4
  import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
5
5
  import { type BoxBaseProps, type BoxDefaultElement, type BoxProps } from '../layout/Box';
6
- export type InputStackBaseProps = SharedProps & {
7
- /** Width of the border.
8
- * @default 100
9
- */
10
- borderWidth?: ThemeVars.BorderWidth;
11
- /**
12
- * Determines the sentiment of the input. Because
13
- * we allow startContent and endContent to be custom ReactNode,
14
- * the content placed inside these slots will not change colors according
15
- * to the variant. You will have to add that yourself
16
- * @default foregroundMuted
17
- */
18
- variant?: InputVariant;
19
- /**
20
- * Width of input as a percentage string.
21
- * @default 100%
22
- * */
23
- width?: BoxBaseProps['width'];
24
- /**
25
- * Height of input
26
- */
27
- height?: BoxBaseProps['height'];
28
- /**
29
- * Toggles input interactability and opacity
30
- * @default false
31
- */
32
- disabled?: boolean;
33
- /** Prepends custom content to the start. Content is not part of input */
34
- prependNode?: React.ReactNode;
35
- /** Adds content to the start of the inner input. Refer to diagram for location of startNode in InputStack component */
36
- startNode?: React.ReactNode;
37
- /** Appends custom content to the end. Content is not part of input */
38
- appendNode?: React.ReactNode;
39
- /** Adds content to the end of the inner input. Refer to diagram for location of endNode in InputStack component */
40
- endNode?: React.ReactNode;
41
- /** Editable area of the Input */
42
- inputNode: React.ReactNode;
43
- /** Text shown below input. Used for when label is not enough to indicate what this input does */
44
- helperTextNode?: React.ReactNode;
45
- /** A message indicating the purpose of this input */
46
- labelNode?: React.ReactNode;
47
- /** This should only be used when focused styles need to be persisted */
48
- focused?: boolean;
49
- /**
50
- * Leverage one of the borderRadius styles we offer to round the corners of the input.
51
- * @default 200
52
- */
53
- borderRadius?: BoxBaseProps['borderRadius'];
54
- /**
55
- * Disable default focus styles
56
- * @default false
57
- */
58
- disableFocusedStyle?: boolean;
59
- /**
60
- * Enable Color Surge motion
61
- */
62
- enableColorSurge?: boolean;
63
- /**
64
- * The variant of the label. Only used when compact is not true.
65
- * @default 'outside'
66
- */
67
- labelVariant?: 'inside' | 'outside';
68
- };
6
+ import { type InteractableBaseProps } from '../system/Interactable';
7
+ export type InputStackBaseProps = SharedProps &
8
+ Pick<InteractableBaseProps, 'blendStyles'> & {
9
+ /** Width of the border.
10
+ * @default 100
11
+ */
12
+ borderWidth?: ThemeVars.BorderWidth;
13
+ /**
14
+ * Determines the sentiment of the input. Because
15
+ * we allow startContent and endContent to be custom ReactNode,
16
+ * the content placed inside these slots will not change colors according
17
+ * to the variant. You will have to add that yourself
18
+ * @default foregroundMuted
19
+ */
20
+ variant?: InputVariant;
21
+ /**
22
+ * Width of input as a percentage string.
23
+ * @default 100%
24
+ * */
25
+ width?: BoxBaseProps['width'];
26
+ /**
27
+ * Height of input
28
+ */
29
+ height?: BoxBaseProps['height'];
30
+ /**
31
+ * Toggles input interactability and opacity
32
+ * @default false
33
+ */
34
+ disabled?: boolean;
35
+ /** Prepends custom content to the start. Content is not part of input */
36
+ prependNode?: React.ReactNode;
37
+ /** Adds content to the start of the inner input. Refer to diagram for location of startNode in InputStack component */
38
+ startNode?: React.ReactNode;
39
+ /** Appends custom content to the end. Content is not part of input */
40
+ appendNode?: React.ReactNode;
41
+ /** Adds content to the end of the inner input. Refer to diagram for location of endNode in InputStack component */
42
+ endNode?: React.ReactNode;
43
+ /** Editable area of the Input */
44
+ inputNode: React.ReactNode;
45
+ /** Text shown below input. Used for when label is not enough to indicate what this input does */
46
+ helperTextNode?: React.ReactNode;
47
+ /** A message indicating the purpose of this input */
48
+ labelNode?: React.ReactNode;
49
+ /** This should only be used when focused styles need to be persisted */
50
+ focused?: boolean;
51
+ /**
52
+ * Leverage one of the borderRadius styles we offer to round the corners of the input.
53
+ * @default 200
54
+ */
55
+ borderRadius?: BoxBaseProps['borderRadius'];
56
+ /**
57
+ * Disable default focus styles
58
+ * @default false
59
+ */
60
+ disableFocusedStyle?: boolean;
61
+ /**
62
+ * Enable Color Surge motion
63
+ */
64
+ enableColorSurge?: boolean;
65
+ /**
66
+ * The variant of the label. Only used when compact is not true.
67
+ * @default 'outside'
68
+ */
69
+ labelVariant?: 'inside' | 'outside';
70
+ };
69
71
  export type InputStackProps = Omit<
70
72
  BoxProps<BoxDefaultElement>,
71
73
  'width' | 'height' | 'borderRadius'
@@ -1 +1 @@
1
- {"version":3,"file":"InputStack.d.ts","sourceRoot":"","sources":["../../src/controls/InputStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAIjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAI1E,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAyDzF,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;IACpC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;SAGK;IACL,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,uHAAuH;IACvH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,sEAAsE;IACtE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,mHAAmH;IACnH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iCAAiC;IACjC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iGAAiG;IACjG,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,qDAAqD;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAC5C;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,QAAQ,CAAC,iBAAiB,CAAC,EAC3B,OAAO,GAAG,QAAQ,GAAG,cAAc,CACpC,GACC,mBAAmB,CAAC;AAEtB,eAAO,MAAM,UAAU,6HA8HtB,CAAC"}
1
+ {"version":3,"file":"InputStack.d.ts","sourceRoot":"","sources":["../../src/controls/InputStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAIjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAI1E,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAIzF,OAAO,EAAgB,KAAK,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAqDlF,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAC3C,IAAI,CAAC,qBAAqB,EAAE,aAAa,CAAC,GAAG;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;IACpC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;SAGK;IACL,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,uHAAuH;IACvH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,sEAAsE;IACtE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,mHAAmH;IACnH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iCAAiC;IACjC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iGAAiG;IACjG,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,qDAAqD;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAC5C;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACrC,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,QAAQ,CAAC,iBAAiB,CAAC,EAC3B,OAAO,GAAG,QAAQ,GAAG,cAAc,CACpC,GACC,mBAAmB,CAAC;AAEtB,eAAO,MAAM,UAAU,6HAgItB,CAAC"}
@@ -85,8 +85,8 @@ export declare const SearchInput: React.MemoExoticComponent<
85
85
  | 'accessibilityLabel'
86
86
  | 'accessibilityLabelledBy'
87
87
  | 'accessibilityHint'
88
- | 'testIDMap'
89
88
  | 'enableColorSurge'
89
+ | 'testIDMap'
90
90
  | 'helperTextErrorIconAccessibilityLabel'
91
91
  > & {
92
92
  /**
@@ -27,11 +27,14 @@ export type SelectBaseProps = SharedProps &
27
27
  onChange?: ((newValue: string) => void) | React.Dispatch<React.SetStateAction<string>>;
28
28
  };
29
29
  export type SelectProps = SelectBaseProps;
30
+ /**
31
+ * @deprecated Please use the new Select alpha component instead.
32
+ */
30
33
  export declare const Select: React.MemoExoticComponent<
31
34
  React.ForwardRefExoticComponent<
32
35
  SharedProps &
33
36
  Omit<SharedInputProps, 'label'> &
34
- Pick<InputStackBaseProps, 'disabled' | 'variant' | 'focused' | 'startNode' | 'labelVariant'> &
37
+ Pick<InputStackBaseProps, 'disabled' | 'variant' | 'startNode' | 'focused' | 'labelVariant'> &
35
38
  Pick<
36
39
  SharedAccessibilityProps,
37
40
  'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/controls/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAIhF,OAAO,KAAK,EACV,wBAAwB,EACxB,gBAAgB,EAChB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAGpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAM/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAIxD,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,GAC/B,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,cAAc,CAAC,GAC5F,IAAI,CACF,wBAAwB,EACxB,oBAAoB,GAAG,yBAAyB,GAAG,mBAAmB,CACvE,GACD,IAAI,CAAC,aAAa,EAAE,eAAe,GAAG,OAAO,CAAC,GAAG;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gHAAgH;IAChH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CACxF,CAAC;AAEJ,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC;AAE1C,eAAO,MAAM,MAAM;eAfJ,KAAK,CAAC,SAAS;IAC1B,iEAAiE;cACvD,MAAM,IAAI;IACpB,mGAAmG;YAC3F,MAAM;IACd,8EAA8E;iBACjE,MAAM;IACnB,gHAAgH;YACxG,MAAM;IACd,kEAAkE;eACvD,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;4CAoHzF,CAAC"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/controls/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAIhF,OAAO,KAAK,EACV,wBAAwB,EACxB,gBAAgB,EAChB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAGpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAM/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAIxD,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,GAC/B,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,cAAc,CAAC,GAC5F,IAAI,CACF,wBAAwB,EACxB,oBAAoB,GAAG,yBAAyB,GAAG,mBAAmB,CACvE,GACD,IAAI,CAAC,aAAa,EAAE,eAAe,GAAG,OAAO,CAAC,GAAG;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gHAAgH;IAChH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CACxF,CAAC;AAEJ,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC;AAE1C;;GAEG;AACH,eAAO,MAAM,MAAM;eAlBJ,KAAK,CAAC,SAAS;IAC1B,iEAAiE;cACvD,MAAM,IAAI;IACpB,mGAAmG;YAC3F,MAAM;IACd,8EAA8E;iBACjE,MAAM;IACnB,gHAAgH;YACxG,MAAM;IACd,kEAAkE;eACvD,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;4CAuHzF,CAAC"}
@@ -16,7 +16,7 @@ export declare const SelectStack: React.MemoExoticComponent<
16
16
  helperTextErrorIconAccessibilityLabel?: string;
17
17
  } & Pick<
18
18
  SelectBaseProps,
19
- 'label' | 'disabled' | 'compact' | 'variant' | 'helperText' | 'focused' | 'labelVariant'
19
+ 'label' | 'disabled' | 'compact' | 'variant' | 'focused' | 'labelVariant' | 'helperText'
20
20
  > &
21
21
  Pick<SharedAccessibilityProps, 'accessibilityLabelId' | 'accessibilityDescriptionId'> &
22
22
  React.RefAttributes<HTMLElement>
@@ -129,8 +129,8 @@ export declare const TextInput: React.MemoExoticComponent<
129
129
  | 'width'
130
130
  | 'disabled'
131
131
  | 'variant'
132
- | 'labelVariant'
133
132
  | 'enableColorSurge'
133
+ | 'labelVariant'
134
134
  > &
135
135
  Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'width'> &
136
136
  React.RefAttributes<HTMLInputElement>
@@ -0,0 +1,22 @@
1
+ /**
2
+ * Options for configuring the useClickOutside hook
3
+ */
4
+ export type ClickOutsideOptions = {
5
+ /** Reference to the element to detect clicks outside of */
6
+ ref?: React.MutableRefObject<HTMLElement | null>;
7
+ /** Array of refs that should be excluded from triggering the outside click handler */
8
+ excludeRefs?: React.MutableRefObject<HTMLElement | null>[];
9
+ };
10
+ /**
11
+ * Hook that detects clicks outside of a specified element and triggers a callback
12
+ * @param callback - Function to call when a click outside is detected
13
+ * @param options - Configuration options for the hook
14
+ * @returns A ref to attach to the element you want to detect clicks outside of
15
+ */
16
+ export declare const useClickOutside: (
17
+ callback: () => void,
18
+ { ref, excludeRefs }?: ClickOutsideOptions,
19
+ ) =>
20
+ | import('react').RefObject<HTMLDivElement>
21
+ | import('react').MutableRefObject<HTMLElement | null>;
22
+ //# sourceMappingURL=useClickOutside.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useClickOutside.d.ts","sourceRoot":"","sources":["../../src/hooks/useClickOutside.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,2DAA2D;IAC3D,GAAG,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACjD,sFAAsF;IACtF,WAAW,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC;CAC5D,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAC1B,UAAU,MAAM,IAAI,EACpB,uBAAsB,mBAAwB,qGAwB/C,CAAC"}
@@ -11,6 +11,10 @@ export type FocusTrapProps = {
11
11
  * Disables the focus trap to allow normal keyboard navigation.
12
12
  */
13
13
  disableFocusTrap?: boolean;
14
+ /**
15
+ * If `true`, the focus trap will include the trigger in the focus trap.
16
+ */
17
+ includeTriggerInFocusTrap?: boolean;
14
18
  /**
15
19
  * If `true`, the focus trap will not automatically shift focus to itself when it opens, and
16
20
  * replace it to the last focused element when it closes.
@@ -1 +1 @@
1
- {"version":3,"file":"FocusTrap.d.ts","sourceRoot":"","sources":["../../src/overlays/FocusTrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAMrD,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAkCF,eAAO,MAAM,SAAS,4CAwPpB,CAAC"}
1
+ {"version":3,"file":"FocusTrap.d.ts","sourceRoot":"","sources":["../../src/overlays/FocusTrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAMrD,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAkCF,eAAO,MAAM,SAAS,4CA6RpB,CAAC"}
@@ -31,10 +31,10 @@ export declare const FullscreenModalLayout: React.MemoExoticComponent<
31
31
  | 'zIndex'
32
32
  | 'accessibilityLabel'
33
33
  | 'accessibilityLabelledBy'
34
+ | 'disablePortal'
34
35
  | 'disableFocusTrap'
35
36
  | 'focusTabIndexElements'
36
37
  | 'restoreFocusOnUnmount'
37
- | 'disablePortal'
38
38
  | 'onDidClose'
39
39
  | 'onRequestClose'
40
40
  | 'shouldCloseOnEscPress'
@@ -5,6 +5,49 @@ import type { Theme } from '../core/theme';
5
5
  import { type BoxBaseProps } from '../layout/Box';
6
6
  export declare const interactableDefaultElement = 'button';
7
7
  export type InteractableDefaultElement = typeof interactableDefaultElement;
8
+ /**
9
+ * Custom color overrides for different interaction states.
10
+ * Base colors (background, borderColor) are used directly, while interaction
11
+ * state colors (hovered, pressed, disabled) are used as alternative base colors
12
+ * for blending calculations with blend strength and color scheme considerations.
13
+ *
14
+ * @example
15
+ * ```tsx
16
+ * <Interactable
17
+ * blendStyles={{
18
+ * background: '#ffffff',
19
+ * hoveredBackground: '#f5f5f5',
20
+ * pressedBackground: '#e0e0e0',
21
+ * borderColor: '#cccccc'
22
+ * }}
23
+ * />
24
+ * ```
25
+ */
26
+ export type InteractableBlendStyles = {
27
+ background?: string;
28
+ pressedBackground?: string;
29
+ disabledBackground?: string;
30
+ hoveredBackground?: string;
31
+ borderColor?: string;
32
+ pressedBorderColor?: string;
33
+ disabledBorderColor?: string;
34
+ hoveredBorderColor?: string;
35
+ /**
36
+ * The opacity of the element when hovered.
37
+ * @default 0.88
38
+ */
39
+ hoveredOpacity?: number;
40
+ /**
41
+ * The opacity of the element when pressed.
42
+ * @default 0.82
43
+ */
44
+ pressedOpacity?: number;
45
+ /**
46
+ * The opacity of the element when disabled.
47
+ * @default 0.75
48
+ */
49
+ disabledOpacity?: number;
50
+ };
8
51
  export type InteractableBaseProps = Polymorphic.ExtendableProps<
9
52
  BoxBaseProps,
10
53
  {
@@ -35,34 +78,7 @@ export type InteractableBaseProps = Polymorphic.ExtendableProps<
35
78
  * Must be used in conjunction with the "pressed" prop
36
79
  */
37
80
  transparentWhilePressed?: boolean;
38
- /**
39
- * Custom color overrides for different interaction states.
40
- * Base colors (background, borderColor) are used directly, while interaction
41
- * state colors (hovered, pressed, disabled) are used as alternative base colors
42
- * for blending calculations with blend strength and color scheme considerations.
43
- *
44
- * @example
45
- * ```tsx
46
- * <Interactable
47
- * blendStyles={{
48
- * background: '#ffffff',
49
- * hoveredBackground: '#f5f5f5',
50
- * pressedBackground: '#e0e0e0',
51
- * borderColor: '#cccccc'
52
- * }}
53
- * />
54
- * ```
55
- */
56
- blendStyles?: {
57
- background?: string;
58
- pressedBackground?: string;
59
- disabledBackground?: string;
60
- hoveredBackground?: string;
61
- borderColor?: string;
62
- pressedBorderColor?: string;
63
- disabledBorderColor?: string;
64
- hoveredBorderColor?: string;
65
- };
81
+ blendStyles?: InteractableBlendStyles;
66
82
  }
67
83
  >;
68
84
  export type InteractableProps<AsComponent extends React.ElementType> = Polymorphic.Props<
@@ -83,16 +99,7 @@ export declare const getInteractableStyles: ({
83
99
  theme: Theme;
84
100
  background?: ThemeVars.Color;
85
101
  borderColor?: ThemeVars.Color;
86
- blendStyles?: {
87
- background?: string;
88
- pressedBackground?: string;
89
- disabledBackground?: string;
90
- hoveredBackground?: string;
91
- borderColor?: string;
92
- pressedBorderColor?: string;
93
- disabledBorderColor?: string;
94
- hoveredBorderColor?: string;
95
- };
102
+ blendStyles?: InteractableBlendStyles;
96
103
  }) => {
97
104
  '--interactable-background': string;
98
105
  '--interactable-border-color': string;
@@ -1 +1 @@
1
- {"version":3,"file":"Interactable.d.ts","sourceRoot":"","sources":["../../src/system/Interactable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AASjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AA2FvD,eAAO,MAAM,0BAA0B,WAAW,CAAC;AAEnD,MAAM,MAAM,0BAA0B,GAAG,OAAO,0BAA0B,CAAC;AAE3E,MAAM,MAAM,qBAAqB,GAAG,WAAW,CAAC,eAAe,CAC7D,YAAY,EACZ;IACE,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B,qDAAqD;IACrD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mCAAmC;IACnC,WAAW,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC9B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4FAA4F;IAC5F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;;;;;;;;;;;;;;;OAiBG;IACH,WAAW,CAAC,EAAE;QACZ,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;CACH,CACF,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CACtF,WAAW,EACX,qBAAqB,CACtB,CAAC;AAEF,KAAK,qBAAqB,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,0BAA0B,EAC/F,KAAK,EAAE,iBAAiB,CAAC,WAAW,CAAC,KAClC,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,YAAY,EAAE,qBA4D1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,kDAKnC;IACD,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B,WAAW,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC9B,WAAW,CAAC,EAAE;QACZ,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;CACH;;;IAOG;;OAEG;;;;;;;;;CAuCN,CAAC"}
1
+ {"version":3,"file":"Interactable.d.ts","sourceRoot":"","sources":["../../src/system/Interactable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AASjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AA2FvD,eAAO,MAAM,0BAA0B,WAAW,CAAC;AAEnD,MAAM,MAAM,0BAA0B,GAAG,OAAO,0BAA0B,CAAC;AAE3E;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,WAAW,CAAC,eAAe,CAC7D,YAAY,EACZ;IACE,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B,qDAAqD;IACrD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mCAAmC;IACnC,WAAW,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC9B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4FAA4F;IAC5F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CACF,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CACtF,WAAW,EACX,qBAAqB,CACtB,CAAC;AAEF,KAAK,qBAAqB,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,0BAA0B,EAC/F,KAAK,EAAE,iBAAiB,CAAC,WAAW,CAAC,KAClC,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,YAAY,EAAE,qBA4D1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,kDAKnC;IACD,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B,WAAW,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC9B,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC;;;IAUG;;OAEG;;;;;;;;;CAuCN,CAAC"}
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Finds the closest non-disabled node to the start index, searching forward and backward
3
+ * @param valueNodes - The nodes to search through
4
+ * @param startIndex - The index to start searching from
5
+ * @returns The index of the closest non-disabled node or null if there are no non-disabled nodes
6
+ */
7
+ export declare const findClosestNonDisabledNodeIndex: (
8
+ valueNodes: HTMLElement[],
9
+ startIndex: number,
10
+ ) => number | null;
11
+ //# sourceMappingURL=findClosestNonDisabledNodeIndex.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"findClosestNonDisabledNodeIndex.d.ts","sourceRoot":"","sources":["../../src/utils/findClosestNonDisabledNodeIndex.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,+BAA+B,GAC1C,YAAY,WAAW,EAAE,EACzB,YAAY,MAAM,KACjB,MAAM,GAAG,IAkBX,CAAC"}
@@ -0,0 +1,47 @@
1
+ import { forwardRef, memo } from 'react';
2
+ import { Divider } from '../../layout/Divider';
3
+ import { DefaultSelectOption } from './DefaultSelectOption';
4
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
5
+ const DefaultSelectAllOptionComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, ref) => {
6
+ let {
7
+ accessory,
8
+ blendStyles,
9
+ className,
10
+ compact,
11
+ end,
12
+ disabled,
13
+ label,
14
+ media,
15
+ onClick,
16
+ selected,
17
+ style,
18
+ type,
19
+ styles,
20
+ classNames
21
+ } = _ref;
22
+ return /*#__PURE__*/_jsxs(_Fragment, {
23
+ children: [/*#__PURE__*/_jsx(DefaultSelectOption, {
24
+ ref: ref,
25
+ accessory: accessory,
26
+ blendStyles: blendStyles,
27
+ className: className,
28
+ classNames: classNames,
29
+ compact: compact,
30
+ disabled: disabled,
31
+ end: end,
32
+ label: label,
33
+ media: media,
34
+ onClick: onClick,
35
+ selected: selected,
36
+ style: style,
37
+ styles: styles,
38
+ type: type,
39
+ value: 'select-all'
40
+ }), /*#__PURE__*/_jsx(Divider, {
41
+ className: classNames === null || classNames === void 0 ? void 0 : classNames.selectAllDivider,
42
+ paddingX: 2,
43
+ style: styles === null || styles === void 0 ? void 0 : styles.selectAllDivider
44
+ })]
45
+ });
46
+ }));
47
+ export const DefaultSelectAllOption = DefaultSelectAllOptionComponent;
@@ -0,0 +1 @@
1
+ @layer cds{.noFocusOutlineCss-n1gl6kcn:focus,.noFocusOutlineCss-n1gl6kcn:focus-visible,.noFocusOutlineCss-n1gl6kcn:focus-within{outline:none;}}