@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.
- package/CHANGELOG.md +12 -0
- package/dts/alpha/select/DefaultSelectAllOption.d.ts +12 -0
- package/dts/alpha/select/DefaultSelectAllOption.d.ts.map +1 -0
- package/dts/alpha/select/DefaultSelectControl.d.ts +13 -0
- package/dts/alpha/select/DefaultSelectControl.d.ts.map +1 -0
- package/dts/alpha/select/DefaultSelectDropdown.d.ts +12 -0
- package/dts/alpha/select/DefaultSelectDropdown.d.ts.map +1 -0
- package/dts/alpha/select/DefaultSelectEmptyDropdownContents.d.ts +3 -0
- package/dts/alpha/select/DefaultSelectEmptyDropdownContents.d.ts.map +1 -0
- package/dts/alpha/select/DefaultSelectOption.d.ts +9 -0
- package/dts/alpha/select/DefaultSelectOption.d.ts.map +1 -0
- package/dts/alpha/select/Select.d.ts +470 -0
- package/dts/alpha/select/Select.d.ts.map +1 -0
- package/dts/alpha/select/index.d.ts +7 -0
- package/dts/alpha/select/index.d.ts.map +1 -0
- package/dts/cells/Cell.d.ts.map +1 -1
- package/dts/chips/Chip.d.ts.map +1 -1
- package/dts/chips/ChipProps.d.ts +15 -4
- package/dts/chips/ChipProps.d.ts.map +1 -1
- package/dts/chips/InputChip.d.ts.map +1 -1
- package/dts/controls/InputStack.d.ts +65 -63
- package/dts/controls/InputStack.d.ts.map +1 -1
- package/dts/controls/SearchInput.d.ts +1 -1
- package/dts/controls/Select.d.ts +4 -1
- package/dts/controls/Select.d.ts.map +1 -1
- package/dts/controls/SelectStack.d.ts +1 -1
- package/dts/controls/TextInput.d.ts +1 -1
- package/dts/hooks/useClickOutside.d.ts +22 -0
- package/dts/hooks/useClickOutside.d.ts.map +1 -0
- package/dts/overlays/FocusTrap.d.ts +4 -0
- package/dts/overlays/FocusTrap.d.ts.map +1 -1
- package/dts/overlays/modal/FullscreenModalLayout.d.ts +1 -1
- package/dts/system/Interactable.d.ts +45 -38
- package/dts/system/Interactable.d.ts.map +1 -1
- package/dts/utils/findClosestNonDisabledNodeIndex.d.ts +11 -0
- package/dts/utils/findClosestNonDisabledNodeIndex.d.ts.map +1 -0
- package/esm/alpha/select/DefaultSelectAllOption.js +47 -0
- package/esm/alpha/select/DefaultSelectControl.css +1 -0
- package/esm/alpha/select/DefaultSelectControl.js +234 -0
- package/esm/alpha/select/DefaultSelectDropdown.js +233 -0
- package/esm/alpha/select/DefaultSelectEmptyDropdownContents.js +23 -0
- package/esm/alpha/select/DefaultSelectOption.css +2 -0
- package/esm/alpha/select/DefaultSelectOption.js +103 -0
- package/esm/alpha/select/Select.js +222 -0
- package/esm/alpha/select/index.js +6 -0
- package/esm/cells/Cell.js +5 -4
- package/esm/chips/Chip.js +3 -2
- package/esm/chips/InputChip.js +7 -5
- package/esm/chips/__figma__/InputChip.figma.js +1 -1
- package/esm/controls/InputStack.js +4 -2
- package/esm/controls/Select.js +3 -0
- package/esm/hooks/useClickOutside.js +37 -0
- package/esm/overlays/FocusTrap.js +23 -14
- package/esm/system/Interactable.js +34 -11
- package/esm/utils/findClosestNonDisabledNodeIndex.js +24 -0
- package/package.json +3 -3
package/dts/chips/ChipProps.d.ts
CHANGED
|
@@ -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
|
-
/**
|
|
62
|
-
|
|
63
|
-
|
|
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,
|
|
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,
|
|
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
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
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;
|
|
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
|
/**
|
package/dts/controls/Select.d.ts
CHANGED
|
@@ -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' | '
|
|
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;
|
|
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' | '
|
|
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,
|
|
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,
|
|
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;}}
|