@coinbase/cds-web 9.17.0 → 9.17.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/dts/alpha/select/DefaultSelectControl.d.ts.map +1 -1
- package/dts/alpha/select/types.d.ts +2 -2
- package/dts/alpha/tabbed-chips/TabbedChips.d.ts +1 -1
- package/dts/buttons/Button.d.ts +1 -1
- package/dts/buttons/Button.d.ts.map +1 -1
- package/dts/buttons/IconButton.d.ts +1 -1
- package/dts/carousel/DefaultCarouselNavigation.d.ts +1 -1
- package/dts/chips/ChipProps.d.ts +1 -1
- package/dts/controls/InputStack.d.ts +6 -0
- package/dts/controls/InputStack.d.ts.map +1 -1
- package/dts/controls/NativeInput.d.ts +1 -1
- package/dts/controls/NativeTextArea.d.ts +1 -1
- package/dts/controls/TextInput.d.ts +1 -1
- package/dts/dates/DateInput.d.ts +1 -1
- package/dts/dates/DatePicker.d.ts +1 -1
- package/dts/dots/DotCount.d.ts.map +1 -1
- package/dts/icons/createIcon.d.ts +1 -1
- package/dts/overlays/tooltip/Tooltip.d.ts.map +1 -1
- package/dts/overlays/tooltip/TooltipContent.d.ts.map +1 -1
- package/dts/tag/Tag.d.ts.map +1 -1
- package/esm/alpha/select/DefaultSelectControl.js +27 -21
- package/esm/buttons/Button.js +3 -1
- package/esm/controls/InputStack.js +3 -1
- package/esm/dots/DotCount.js +4 -2
- package/esm/overlays/tooltip/Tooltip.js +4 -2
- package/esm/overlays/tooltip/TooltipContent.js +4 -2
- package/esm/tag/Tag.js +3 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -8,6 +8,22 @@ All notable changes to this project will be documented in this file.
|
|
|
8
8
|
|
|
9
9
|
<!-- template-start -->
|
|
10
10
|
|
|
11
|
+
## 9.17.2 (8/19/2026 PST)
|
|
12
|
+
|
|
13
|
+
#### 🐞 Fixes
|
|
14
|
+
|
|
15
|
+
- Fix: support textTransform forwarding to Text on components. [[#851](https://github.com/coinbase/cds/pull/851)]
|
|
16
|
+
|
|
17
|
+
#### 📘 Misc
|
|
18
|
+
|
|
19
|
+
- Docs: correct deprecation notices referencing the incorrect CDS version.
|
|
20
|
+
|
|
21
|
+
## 9.17.1 (8/17/2026 PST)
|
|
22
|
+
|
|
23
|
+
#### 🐞 Fixes
|
|
24
|
+
|
|
25
|
+
- Fix: restore Select field press target after chrome padding adjustments in recent tshirt size work.
|
|
26
|
+
|
|
11
27
|
## 9.17.0 (8/14/2026 PST)
|
|
12
28
|
|
|
13
29
|
#### 🚀 Updates
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultSelectControl.d.ts","sourceRoot":"","sources":["../../../src/alpha/select/DefaultSelectControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAgB9E,OAAO,EAEL,KAAK,kBAAkB,EAGvB,KAAK,UAAU,EAChB,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"DefaultSelectControl.d.ts","sourceRoot":"","sources":["../../../src/alpha/select/DefaultSelectControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAgB9E,OAAO,EAEL,KAAK,kBAAkB,EAGvB,KAAK,UAAU,EAChB,MAAM,UAAU,CAAC;AAyDlB,KAAK,wBAAwB,GAAG,CAC9B,IAAI,SAAS,UAAU,EACvB,iBAAiB,SAAS,MAAM,GAAG,MAAM,EAEzC,KAAK,EAAE,kBAAkB,CAAC,IAAI,EAAE,iBAAiB,CAAC,GAAG;IACnD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;CAC9B,KACE,KAAK,CAAC,YAAY,CAAC;AAkiBxB,eAAO,MAAM,oBAAoB,EAAoC,wBAAwB,CAAC"}
|
|
@@ -440,7 +440,7 @@ export type SelectControlProps<
|
|
|
440
440
|
/**
|
|
441
441
|
* Whether to use compact styling for the control.
|
|
442
442
|
* @deprecated Use `size="s"` instead. This will be removed in a future major release.
|
|
443
|
-
* @deprecationExpectedRemoval
|
|
443
|
+
* @deprecationExpectedRemoval v11
|
|
444
444
|
*/
|
|
445
445
|
compact?: boolean;
|
|
446
446
|
/**
|
|
@@ -541,7 +541,7 @@ export type SelectBaseProps<
|
|
|
541
541
|
/**
|
|
542
542
|
* Whether to use compact styling for the select.
|
|
543
543
|
* @deprecated Use `size="s"` instead. This will be removed in a future major release.
|
|
544
|
-
* @deprecationExpectedRemoval
|
|
544
|
+
* @deprecationExpectedRemoval v11
|
|
545
545
|
*/
|
|
546
546
|
compact?: boolean;
|
|
547
547
|
/**
|
|
@@ -42,7 +42,7 @@ export type TabbedChipsBaseProps<TabId extends string = string> = Omit<
|
|
|
42
42
|
* Turn on to use a compact Chip component for each tab.
|
|
43
43
|
* @default false
|
|
44
44
|
* @deprecated Use `size="xs"` instead. This will be removed in a future major release.
|
|
45
|
-
* @deprecationExpectedRemoval
|
|
45
|
+
* @deprecationExpectedRemoval v11
|
|
46
46
|
*/
|
|
47
47
|
compact?: boolean;
|
|
48
48
|
/**
|
package/dts/buttons/Button.d.ts
CHANGED
|
@@ -36,7 +36,7 @@ export type ButtonBaseProps = Polymorphic.ExtendableProps<
|
|
|
36
36
|
/**
|
|
37
37
|
* Reduce the inner padding within the button itself.
|
|
38
38
|
* @deprecated Use `size="s"` instead. This will be removed in a future major release.
|
|
39
|
-
* @deprecationExpectedRemoval
|
|
39
|
+
* @deprecationExpectedRemoval v11
|
|
40
40
|
*/
|
|
41
41
|
compact?: boolean;
|
|
42
42
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/buttons/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAChF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAEpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAG1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMxD,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAMzE;;GAEG;AACH,eAAO,MAAM,aAAa,MAAM,CAAC;AAIjC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AA0FhD,eAAO,MAAM,oBAAoB,WAAW,CAAC;AAE7C,MAAM,MAAM,oBAAoB,GAAG,OAAO,oBAAoB,CAAC;AAE/D,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,eAAe,CACvD,kBAAkB,EAClB,WAAW,GACT,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,GAAG;IACrD;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,4CAA4C;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,iDAAiD;IACjD,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uBAAuB;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,qCAAqC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CACJ,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,oBAAoB,IAClF,WAAW,CAAC,KAAK,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;AAElD,KAAK,eAAe,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,oBAAoB,EACnF,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,KAC5B,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/buttons/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAChF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAEpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAG1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMxD,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAMzE;;GAEG;AACH,eAAO,MAAM,aAAa,MAAM,CAAC;AAIjC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AA0FhD,eAAO,MAAM,oBAAoB,WAAW,CAAC;AAE7C,MAAM,MAAM,oBAAoB,GAAG,OAAO,oBAAoB,CAAC;AAE/D,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,eAAe,CACvD,kBAAkB,EAClB,WAAW,GACT,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,GAAG;IACrD;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,4CAA4C;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,iDAAiD;IACjD,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uBAAuB;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,qCAAqC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CACJ,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,oBAAoB,IAClF,WAAW,CAAC,KAAK,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;AAElD,KAAK,eAAe,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,oBAAoB,EACnF,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,KAC5B,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,MAAM,EAAE,eA2KpB,CAAC"}
|
|
@@ -43,7 +43,7 @@ export type IconButtonBaseProps = Polymorphic.ExtendableProps<
|
|
|
43
43
|
* enables `compact` by default, so an IconButton with no `size` renders at `size="s"`.
|
|
44
44
|
* Set `compact={false}` (or pass an explicit `size`) to opt out.
|
|
45
45
|
* @deprecated Use `size="s"` instead. This will be removed in a future major release.
|
|
46
|
-
* @deprecationExpectedRemoval
|
|
46
|
+
* @deprecationExpectedRemoval v11
|
|
47
47
|
*/
|
|
48
48
|
compact?: boolean;
|
|
49
49
|
/**
|
|
@@ -49,7 +49,7 @@ export type DefaultCarouselNavigationProps = CarouselNavigationComponentProps &
|
|
|
49
49
|
/**
|
|
50
50
|
* Whether the icon button is compact.
|
|
51
51
|
* @deprecated Use `iconButtonSize="s"` instead. This will be removed in a future major release.
|
|
52
|
-
* @deprecationExpectedRemoval
|
|
52
|
+
* @deprecationExpectedRemoval v11
|
|
53
53
|
*/
|
|
54
54
|
compact?: boolean;
|
|
55
55
|
/**
|
package/dts/chips/ChipProps.d.ts
CHANGED
|
@@ -81,7 +81,7 @@ export type ChipBaseProps = SharedProps &
|
|
|
81
81
|
/**
|
|
82
82
|
* Reduces spacing around the chip.
|
|
83
83
|
* @deprecated Use `size="xs"` instead. This will be removed in a future major release.
|
|
84
|
-
* @deprecationExpectedRemoval
|
|
84
|
+
* @deprecationExpectedRemoval v11
|
|
85
85
|
*/
|
|
86
86
|
compact?: boolean;
|
|
87
87
|
/**
|
|
@@ -76,6 +76,12 @@ export type InputStackBaseProps = SharedProps &
|
|
|
76
76
|
* @default 'bg'
|
|
77
77
|
*/
|
|
78
78
|
inputBackground?: ThemeVars.Color;
|
|
79
|
+
/**
|
|
80
|
+
* Press handler for the bordered field chrome only (not the label or helper).
|
|
81
|
+
* Use for trigger-style controls so padding on the field remains tappable.
|
|
82
|
+
* Do not use for text fields — the native input must stay the focus target.
|
|
83
|
+
*/
|
|
84
|
+
onFieldPress?: React.MouseEventHandler;
|
|
79
85
|
};
|
|
80
86
|
export type InputStackProps = Omit<
|
|
81
87
|
BoxProps<BoxDefaultElement>,
|
|
@@ -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;AAK1E,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAIzF,OAAO,EAAgB,KAAK,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAoDlF,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAC3C,IAAI,CAAC,qBAAqB,EAAE,aAAa,CAAC,GAAG;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;IACpC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;IAC3C;;;;;;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;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACpC;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,KAAK,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;AAK1E,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAIzF,OAAO,EAAgB,KAAK,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAoDlF,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAC3C,IAAI,CAAC,qBAAqB,EAAE,aAAa,CAAC,GAAG;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;IACpC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;IAC3C;;;;;;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;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACpC;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAClC;;;;OAIG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;CACxC,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,QAAQ,CAAC,iBAAiB,CAAC,EAC3B,OAAO,GAAG,QAAQ,GAAG,cAAc,CACpC,GACC,mBAAmB,GAAG;IACpB,UAAU,CAAC,EAAE;QACX,6BAA6B;QAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;QACd;;;WAGG;QACH,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,iCAAiC;QACjC,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,MAAM,CAAC,EAAE;QACP,6BAA6B;QAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B,yCAAyC;QACzC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACrC,iCAAiC;QACjC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC7B,CAAC;CACH,CAAC;AAEJ,eAAO,MAAM,UAAU,6FA4ItB,CAAC"}
|
|
@@ -9,7 +9,7 @@ export type NativeInputBaseProps = BoxBaseProps & {
|
|
|
9
9
|
* Decreases the padding within the input element
|
|
10
10
|
* @default false
|
|
11
11
|
* @deprecated Use `padding` props instead. This will be removed in a future major release.
|
|
12
|
-
* @deprecationExpectedRemoval
|
|
12
|
+
* @deprecationExpectedRemoval v11
|
|
13
13
|
*/
|
|
14
14
|
compact?: boolean;
|
|
15
15
|
/** Custom container spacing if needed. This will add to the existing spacing */
|
|
@@ -12,7 +12,7 @@ export type NativeTextAreaBaseProp = {
|
|
|
12
12
|
* Decreases the padding within the textarea element.
|
|
13
13
|
* @default false
|
|
14
14
|
* @deprecated Use `padding` props instead. This will be removed in a future major release.
|
|
15
|
-
* @deprecationExpectedRemoval
|
|
15
|
+
* @deprecationExpectedRemoval v11
|
|
16
16
|
*/
|
|
17
17
|
compact?: boolean;
|
|
18
18
|
} & SharedProps;
|
|
@@ -39,7 +39,7 @@ export type TextInputBaseProps = Omit<NativeInputBaseProps, 'caretColor' | 'comp
|
|
|
39
39
|
* Enables compact variation. Prefer `size="s"` or `size="m"` with an explicit `labelVariant`.
|
|
40
40
|
*
|
|
41
41
|
* @deprecated Unset and use `size="s"` instead. This will be removed in a future major release.
|
|
42
|
-
* @deprecationExpectedRemoval
|
|
42
|
+
* @deprecationExpectedRemoval v11
|
|
43
43
|
*/
|
|
44
44
|
compact?: boolean;
|
|
45
45
|
/**
|
package/dts/dates/DateInput.d.ts
CHANGED
|
@@ -17,7 +17,7 @@ export type DateInputBaseProps = Omit<DateInputOptions, 'intlDateFormat'> &
|
|
|
17
17
|
/**
|
|
18
18
|
* Enables a smaller, compact input.
|
|
19
19
|
* @deprecated Use `size="s"` instead. This will be removed in a future major release.
|
|
20
|
-
* @deprecationExpectedRemoval
|
|
20
|
+
* @deprecationExpectedRemoval v11
|
|
21
21
|
*/
|
|
22
22
|
compact?: boolean;
|
|
23
23
|
};
|
|
@@ -56,7 +56,7 @@ export type DatePickerBaseProps = Pick<
|
|
|
56
56
|
/**
|
|
57
57
|
* Enables a smaller, compact input.
|
|
58
58
|
* @deprecated Use `size="s"` instead. This will be removed in a future major release.
|
|
59
|
-
* @deprecationExpectedRemoval
|
|
59
|
+
* @deprecationExpectedRemoval v11
|
|
60
60
|
*/
|
|
61
61
|
compact?: boolean;
|
|
62
62
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DotCount.d.ts","sourceRoot":"","sources":["../../src/dots/DotCount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAS7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,KAAK,EACV,oBAAoB,EACpB,gBAAgB,EACjB,MAAM,8CAA8C,CAAC;AACtD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAQ1E,OAAO,EAAO,KAAK,YAAY,EAAyC,MAAM,eAAe,CAAC;AAkB9F,MAAM,MAAM,iBAAiB,GAAG,WAAW,GACzC,IAAI,CACF,wBAAwB,EACxB,oBAAoB,GAAG,yBAAyB,GAAG,mBAAmB,CACvE,GACD,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,OAAO,GAAG,YAAY,GAAG,KAAK,GAAG,QAAQ,CAAC,GAAG;IAC3E;;UAEM;IACN,KAAK,EAAE,MAAM,CAAC;IACd;;;UAGM;IACN,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;SAGK;IACL,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,6CAA6C;IAC7C,GAAG,CAAC,EAAE,oBAAoB,CAAC;IAC3B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;CACjC,CAAC;AAEJ,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG;IAC9C,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAC9B,2EAA2E;IAC3E,UAAU,CAAC,EAAE;QACX,mBAAmB;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,wBAAwB;QACxB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,mBAAmB;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,sEAAsE;IACtE,MAAM,CAAC,EAAE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B,wBAAwB;QACxB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAChC,mBAAmB;QACnB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC5B,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,QAAQ,qCAAiB,aAAa,
|
|
1
|
+
{"version":3,"file":"DotCount.d.ts","sourceRoot":"","sources":["../../src/dots/DotCount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAS7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,KAAK,EACV,oBAAoB,EACpB,gBAAgB,EACjB,MAAM,8CAA8C,CAAC;AACtD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAQ1E,OAAO,EAAO,KAAK,YAAY,EAAyC,MAAM,eAAe,CAAC;AAkB9F,MAAM,MAAM,iBAAiB,GAAG,WAAW,GACzC,IAAI,CACF,wBAAwB,EACxB,oBAAoB,GAAG,yBAAyB,GAAG,mBAAmB,CACvE,GACD,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,OAAO,GAAG,YAAY,GAAG,KAAK,GAAG,QAAQ,CAAC,GAAG;IAC3E;;UAEM;IACN,KAAK,EAAE,MAAM,CAAC;IACd;;;UAGM;IACN,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;SAGK;IACL,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,6CAA6C;IAC7C,GAAG,CAAC,EAAE,oBAAoB,CAAC;IAC3B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;CACjC,CAAC;AAEJ,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG;IAC9C,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAC9B,2EAA2E;IAC3E,UAAU,CAAC,EAAE;QACX,mBAAmB;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,wBAAwB;QACxB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,mBAAmB;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,sEAAsE;IACtE,MAAM,CAAC,EAAE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B,wBAAwB;QACxB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAChC,mBAAmB;QACnB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC5B,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,QAAQ,qCAAiB,aAAa,6CA+GjD,CAAC"}
|
|
@@ -73,7 +73,7 @@ export type IconBaseProps<Name extends string = string> = SharedProps &
|
|
|
73
73
|
active?: boolean;
|
|
74
74
|
/**
|
|
75
75
|
* @deprecated Use `style`, `styles.root`, `className`, `classNames.root`, or the `color` prop to customize icon color. This will be removed in a future major release.
|
|
76
|
-
* @deprecationExpectedRemoval
|
|
76
|
+
* @deprecationExpectedRemoval v11
|
|
77
77
|
*/
|
|
78
78
|
dangerouslySetColor?: string;
|
|
79
79
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/overlays/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAOhF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQnD,eAAO,MAAM,OAAO,qCAAiB,YAAY,
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/overlays/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAOhF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQnD,eAAO,MAAM,OAAO,qCAAiB,YAAY,6CAiI/C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipContent.d.ts","sourceRoot":"","sources":["../../../src/overlays/tooltip/TooltipContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAezD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAI1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAgBzD,MAAM,MAAM,uBAAuB,GAAG,kBAAkB,GACtD,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,CAAC;AAE1D,eAAO,MAAM,cAAc;;;
|
|
1
|
+
{"version":3,"file":"TooltipContent.d.ts","sourceRoot":"","sources":["../../../src/overlays/tooltip/TooltipContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAezD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAI1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAgBzD,MAAM,MAAM,uBAAuB,GAAG,kBAAkB,GACtD,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,CAAC;AAE1D,eAAO,MAAM,cAAc;;;wMAqF1B,CAAC"}
|
package/dts/tag/Tag.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../src/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAOjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,KAAK,EACV,cAAc,EACd,WAAW,EACX,SAAS,EACV,MAAM,yCAAyC,CAAC;AAMjD,OAAO,EAAO,KAAK,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQ9F,eAAO,MAAM,kBAAkB,YAAY,CAAC;AAE5C,MAAM,MAAM,YAAY,GAAG,WAAW,GACpC,wBAAwB,GACxB,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,OAAO,GAAG,YAAY,CAAC,GAAG;IACxD,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,sCAAsC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC;IACrC,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC;IAChC,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAC;IACnD,yBAAyB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uBAAuB;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,qCAAqC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEJ,MAAM,MAAM,QAAQ,GAAG,YAAY,GACjC,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC;AAEtF,eAAO,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../src/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAOjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,KAAK,EACV,cAAc,EACd,WAAW,EACX,SAAS,EACV,MAAM,yCAAyC,CAAC;AAMjD,OAAO,EAAO,KAAK,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQ9F,eAAO,MAAM,kBAAkB,YAAY,CAAC;AAE5C,MAAM,MAAM,YAAY,GAAG,WAAW,GACpC,wBAAwB,GACxB,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,OAAO,GAAG,YAAY,CAAC,GAAG;IACxD,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,sCAAsC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC;IACrC,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC;IAChC,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAC;IACnD,yBAAyB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uBAAuB;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,qCAAqC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEJ,MAAM,MAAM,QAAQ,GAAG,YAAY,GACjC,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC;AAEtF,eAAO,MAAM,GAAG,yFA2Ff,CAAC"}
|
|
@@ -38,6 +38,16 @@ const multiSelectVerticalSpaceVar = {
|
|
|
38
38
|
// Multi-select value chips always use the compact `xs` size (even at size `l`) so several chips —
|
|
39
39
|
// and a stacked inside label — stay within the field's natural height.
|
|
40
40
|
const multiSelectValueChipSize = 'xs';
|
|
41
|
+
|
|
42
|
+
// Inner control stays the tab stop but must not paint its own hover/press. The
|
|
43
|
+
// field chrome (InputStack Interactable) owns that look so padding and content
|
|
44
|
+
// share one press treatment instead of double-dimming.
|
|
45
|
+
const inertInnerBlendStyles = {
|
|
46
|
+
hoveredBackground: 'rgba(0, 0, 0, 0)',
|
|
47
|
+
hoveredOpacity: 1,
|
|
48
|
+
pressedBackground: 'rgba(0, 0, 0, 0)',
|
|
49
|
+
pressedOpacity: 1
|
|
50
|
+
};
|
|
41
51
|
const noFocusOutlineCss = "noFocusOutlineCss-n1gl6kcn";
|
|
42
52
|
const selectedOptionChipContentCss = "selectedOptionChipContentCss-s1kle8pq";
|
|
43
53
|
const variantColor = {
|
|
@@ -285,7 +295,7 @@ const DefaultSelectControlComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(
|
|
|
285
295
|
"aria-readonly": readOnly,
|
|
286
296
|
as: role === 'combobox' ? 'div' : 'button',
|
|
287
297
|
background: "transparent",
|
|
288
|
-
blendStyles:
|
|
298
|
+
blendStyles: inertInnerBlendStyles,
|
|
289
299
|
borderWidth: 0,
|
|
290
300
|
className: cx(noFocusOutlineCss, classNames === null || classNames === void 0 ? void 0 : classNames.controlInputNode),
|
|
291
301
|
disabled: disabled,
|
|
@@ -293,7 +303,6 @@ const DefaultSelectControlComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(
|
|
|
293
303
|
flexShrink: 1,
|
|
294
304
|
focusable: false,
|
|
295
305
|
minWidth: 0,
|
|
296
|
-
onClick: handleToggleOpen,
|
|
297
306
|
onKeyDown: onKeyDown,
|
|
298
307
|
role: role,
|
|
299
308
|
style: styles === null || styles === void 0 ? void 0 : styles.controlInputNode,
|
|
@@ -359,26 +368,21 @@ const DefaultSelectControlComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(
|
|
|
359
368
|
children: [valueNode, contentNode]
|
|
360
369
|
})
|
|
361
370
|
})]
|
|
362
|
-
}), [computedControlAccessibilityLabel, ariaHaspopup, open, role, interactableBlendStyles, classNames === null || classNames === void 0 ? void 0 : classNames.controlInputNode, classNames === null || classNames === void 0 ? void 0 : classNames.controlStartNode, classNames === null || classNames === void 0 ? void 0 : classNames.controlValueNode, disabled, readOnly, styles === null || styles === void 0 ? void 0 : styles.controlInputNode, styles === null || styles === void 0 ? void 0 : styles.controlStartNode, styles === null || styles === void 0 ? void 0 : styles.controlValueNode, tabIndex, onKeyDown, startNode, insideHorizontalLabel, insideVerticalLabel, inlineLabelNode, align, valueNode, contentNode
|
|
363
|
-
const endNode = useMemo(() => /*#__PURE__*/_jsx(
|
|
371
|
+
}), [computedControlAccessibilityLabel, ariaHaspopup, open, role, interactableBlendStyles, classNames === null || classNames === void 0 ? void 0 : classNames.controlInputNode, classNames === null || classNames === void 0 ? void 0 : classNames.controlStartNode, classNames === null || classNames === void 0 ? void 0 : classNames.controlValueNode, disabled, readOnly, styles === null || styles === void 0 ? void 0 : styles.controlInputNode, styles === null || styles === void 0 ? void 0 : styles.controlStartNode, styles === null || styles === void 0 ? void 0 : styles.controlValueNode, tabIndex, onKeyDown, startNode, insideHorizontalLabel, insideVerticalLabel, inlineLabelNode, align, valueNode, contentNode]);
|
|
372
|
+
const endNode = useMemo(() => /*#__PURE__*/_jsx(HStack, {
|
|
364
373
|
"aria-hidden": true,
|
|
374
|
+
alignItems: "center",
|
|
375
|
+
alignSelf: "stretch",
|
|
376
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.controlEndNode,
|
|
365
377
|
flexShrink: 0,
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
height: "100%",
|
|
373
|
-
justifyContent: insideVerticalLabel ? 'flex-end' : undefined,
|
|
374
|
-
paddingStart: 2,
|
|
375
|
-
style: styles === null || styles === void 0 ? void 0 : styles.controlEndNode,
|
|
376
|
-
children: customEndNode ? customEndNode : /*#__PURE__*/_jsx(AnimatedCaret, {
|
|
377
|
-
color: "fg",
|
|
378
|
-
rotate: open ? 0 : 180
|
|
379
|
-
})
|
|
378
|
+
justifyContent: insideVerticalLabel ? 'flex-end' : undefined,
|
|
379
|
+
paddingStart: 2,
|
|
380
|
+
style: styles === null || styles === void 0 ? void 0 : styles.controlEndNode,
|
|
381
|
+
children: customEndNode ? customEndNode : /*#__PURE__*/_jsx(AnimatedCaret, {
|
|
382
|
+
color: "fg",
|
|
383
|
+
rotate: open ? 0 : 180
|
|
380
384
|
})
|
|
381
|
-
}), [classNames === null || classNames === void 0 ? void 0 : classNames.controlEndNode, insideVerticalLabel, styles === null || styles === void 0 ? void 0 : styles.controlEndNode, customEndNode, open
|
|
385
|
+
}), [classNames === null || classNames === void 0 ? void 0 : classNames.controlEndNode, insideVerticalLabel, styles === null || styles === void 0 ? void 0 : styles.controlEndNode, customEndNode, open]);
|
|
382
386
|
const inputStackStyles = useMemo(() => {
|
|
383
387
|
let verticalSpaceVar;
|
|
384
388
|
if (insideVerticalLabel) {
|
|
@@ -398,7 +402,7 @@ const DefaultSelectControlComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(
|
|
|
398
402
|
paddingRight: 'var(--space-2)'
|
|
399
403
|
};
|
|
400
404
|
}, [insideVerticalLabel, resolvedSize, isMultiSelect, hasValue]);
|
|
401
|
-
return /*#__PURE__*/_jsx(InputStack, _objectSpread({
|
|
405
|
+
return /*#__PURE__*/_jsx(InputStack, _objectSpread(_objectSpread({
|
|
402
406
|
ref: ref,
|
|
403
407
|
blendStyles: interactableBlendStyles,
|
|
404
408
|
borderRadius: borderRadius,
|
|
@@ -417,7 +421,9 @@ const DefaultSelectControlComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(
|
|
|
417
421
|
input: inputStackStyles
|
|
418
422
|
},
|
|
419
423
|
variant: variant
|
|
420
|
-
}, props)
|
|
424
|
+
}, props), {}, {
|
|
425
|
+
onFieldPress: handleToggleOpen
|
|
426
|
+
}));
|
|
421
427
|
}));
|
|
422
428
|
export const DefaultSelectControl = DefaultSelectControlComponent;
|
|
423
429
|
import "./DefaultSelectControl.css";
|
package/esm/buttons/Button.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const _excluded = ["as", "variant", "loading", "progressCircleSize", "transparent", "block", "compact", "size", "children", "start", "startIcon", "startIconActive", "end", "endIcon", "endIconActive", "flush", "noScaleOnPress", "numberOfLines", "font", "fontFamily", "fontSize", "fontWeight", "height", "lineHeight", "background", "color", "className", "borderColor", "borderWidth", "borderRadius", "accessibilityLabel", "padding", "paddingX", "paddingY", "margin", "minWidth", "style", "textAlign"];
|
|
1
|
+
const _excluded = ["as", "variant", "loading", "progressCircleSize", "transparent", "block", "compact", "size", "children", "start", "startIcon", "startIconActive", "end", "endIcon", "endIconActive", "flush", "noScaleOnPress", "numberOfLines", "font", "fontFamily", "fontSize", "fontWeight", "height", "lineHeight", "textTransform", "background", "color", "className", "borderColor", "borderWidth", "borderRadius", "accessibilityLabel", "padding", "paddingX", "paddingY", "margin", "minWidth", "style", "textAlign"];
|
|
2
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -94,6 +94,7 @@ export const Button = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_props, ref) =>
|
|
|
94
94
|
fontWeight,
|
|
95
95
|
height = 'fit-content',
|
|
96
96
|
lineHeight,
|
|
97
|
+
textTransform,
|
|
97
98
|
background,
|
|
98
99
|
color,
|
|
99
100
|
className,
|
|
@@ -198,6 +199,7 @@ export const Button = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_props, ref) =>
|
|
|
198
199
|
lineHeight: lineHeight,
|
|
199
200
|
numberOfLines: numberOfLines,
|
|
200
201
|
textAlign: textAlign,
|
|
202
|
+
textTransform: textTransform,
|
|
201
203
|
children: /*#__PURE__*/_jsx("span", {
|
|
202
204
|
className: cx(loading && hiddenCss),
|
|
203
205
|
children: children
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const _excluded = ["width", "prependNode", "endNode", "appendNode", "startNode", "disabled", "inputNode", "helperTextNode", "borderWidth", "focusedBorderWidth", "variant", "labelNode", "testID", "focused", "borderRadius", "height", "disableFocusedStyle", "enableColorSurge", "labelVariant", "blendStyles", "inputBackground", "className", "style", "classNames", "styles"];
|
|
1
|
+
const _excluded = ["width", "prependNode", "endNode", "appendNode", "startNode", "disabled", "inputNode", "helperTextNode", "borderWidth", "focusedBorderWidth", "variant", "labelNode", "testID", "focused", "borderRadius", "height", "disableFocusedStyle", "enableColorSurge", "labelVariant", "blendStyles", "inputBackground", "onFieldPress", "className", "style", "classNames", "styles"];
|
|
2
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -55,6 +55,7 @@ export const InputStack = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_props, ref
|
|
|
55
55
|
labelVariant = 'outside',
|
|
56
56
|
blendStyles,
|
|
57
57
|
inputBackground = 'bg',
|
|
58
|
+
onFieldPress,
|
|
58
59
|
className,
|
|
59
60
|
style,
|
|
60
61
|
classNames,
|
|
@@ -122,6 +123,7 @@ export const InputStack = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_props, ref
|
|
|
122
123
|
className: cx(baseCss, focused && persistedFocusCss, classNames === null || classNames === void 0 ? void 0 : classNames.input),
|
|
123
124
|
disabled: disabled,
|
|
124
125
|
height: height,
|
|
126
|
+
onClick: disabled ? undefined : onFieldPress,
|
|
125
127
|
style: _objectSpread(_objectSpread({}, inputAreaStyles), styles === null || styles === void 0 ? void 0 : styles.input),
|
|
126
128
|
testID: "input-interactable-area",
|
|
127
129
|
children: [!!focused && !!enableColorSurge && /*#__PURE__*/_jsx(ColorSurge, {
|
package/esm/dots/DotCount.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const _excluded = ["children", "pin", "variant", "count", "max", "height", "width", "testID", "accessibilityLabel", "overlap", "className", "classNames", "style", "styles", "alignItems", "justifyContent", "display", "paddingX", "borderWidth", "borderRadius", "borderColor", "font", "color", "fontFamily", "fontSize", "fontWeight", "lineHeight"];
|
|
1
|
+
const _excluded = ["children", "pin", "variant", "count", "max", "height", "width", "testID", "accessibilityLabel", "overlap", "className", "classNames", "style", "styles", "alignItems", "justifyContent", "display", "paddingX", "borderWidth", "borderRadius", "borderColor", "font", "color", "fontFamily", "fontSize", "fontWeight", "lineHeight", "textTransform"];
|
|
2
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -53,7 +53,8 @@ export const DotCount = /*#__PURE__*/memo(_props => {
|
|
|
53
53
|
fontFamily,
|
|
54
54
|
fontSize,
|
|
55
55
|
fontWeight,
|
|
56
|
-
lineHeight
|
|
56
|
+
lineHeight,
|
|
57
|
+
textTransform
|
|
57
58
|
} = mergedProps,
|
|
58
59
|
props = _objectWithoutProperties(mergedProps, _excluded);
|
|
59
60
|
const pinStyles = getTransform(pin, overlap);
|
|
@@ -102,6 +103,7 @@ export const DotCount = /*#__PURE__*/memo(_props => {
|
|
|
102
103
|
lineHeight: lineHeight,
|
|
103
104
|
style: styles === null || styles === void 0 ? void 0 : styles.text,
|
|
104
105
|
textAlign: "center",
|
|
106
|
+
textTransform: textTransform,
|
|
105
107
|
children: displayCount
|
|
106
108
|
})
|
|
107
109
|
}))
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const _excluded = ["children", "content", "elevation", "placement", "gap", "testID", "zIndex", "tooltipId", "visible", "hasInteractiveContent", "invertColorScheme", "disableAutoFocus", "disableFocusTrap", "disablePortal", "disableTypeFocus", "focusTabIndexElements", "respectNegativeTabIndex", "autoFocusDelay", "openDelay", "closeDelay", "background", "borderRadius", "maxWidth", "paddingX", "paddingY", "color", "font", "fontFamily", "fontSize", "fontWeight", "lineHeight"];
|
|
1
|
+
const _excluded = ["children", "content", "elevation", "placement", "gap", "testID", "zIndex", "tooltipId", "visible", "hasInteractiveContent", "invertColorScheme", "disableAutoFocus", "disableFocusTrap", "disablePortal", "disableTypeFocus", "focusTabIndexElements", "respectNegativeTabIndex", "autoFocusDelay", "openDelay", "closeDelay", "background", "borderRadius", "maxWidth", "paddingX", "paddingY", "color", "font", "fontFamily", "fontSize", "fontWeight", "lineHeight", "textTransform"];
|
|
2
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -50,7 +50,8 @@ export const Tooltip = /*#__PURE__*/memo(_props => {
|
|
|
50
50
|
fontFamily,
|
|
51
51
|
fontSize,
|
|
52
52
|
fontWeight,
|
|
53
|
-
lineHeight
|
|
53
|
+
lineHeight,
|
|
54
|
+
textTransform
|
|
54
55
|
} = mergedProps,
|
|
55
56
|
props = _objectWithoutProperties(mergedProps, _excluded);
|
|
56
57
|
const {
|
|
@@ -113,6 +114,7 @@ export const Tooltip = /*#__PURE__*/memo(_props => {
|
|
|
113
114
|
paddingY: paddingY,
|
|
114
115
|
placement: placement,
|
|
115
116
|
testID: testID,
|
|
117
|
+
textTransform: textTransform,
|
|
116
118
|
tooltipId: tooltipId,
|
|
117
119
|
zIndex: zIndex
|
|
118
120
|
}, props)),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const _excluded = ["content", "elevation", "gap", "testID", "zIndex", "tooltipId", "placement", "background", "borderRadius", "maxWidth", "paddingX", "paddingY", "color", "font", "fontFamily", "fontSize", "fontWeight", "lineHeight"];
|
|
1
|
+
const _excluded = ["content", "elevation", "gap", "testID", "zIndex", "tooltipId", "placement", "background", "borderRadius", "maxWidth", "paddingX", "paddingY", "color", "font", "fontFamily", "fontSize", "fontWeight", "lineHeight", "textTransform"];
|
|
2
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -35,7 +35,8 @@ export const TooltipContent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, r
|
|
|
35
35
|
fontFamily,
|
|
36
36
|
fontSize,
|
|
37
37
|
fontWeight,
|
|
38
|
-
lineHeight
|
|
38
|
+
lineHeight,
|
|
39
|
+
textTransform
|
|
39
40
|
} = _ref,
|
|
40
41
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
41
42
|
const outerStyle = useMemo(() => ({
|
|
@@ -78,6 +79,7 @@ export const TooltipContent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, r
|
|
|
78
79
|
fontSize: fontSize,
|
|
79
80
|
fontWeight: fontWeight,
|
|
80
81
|
lineHeight: lineHeight,
|
|
82
|
+
textTransform: textTransform,
|
|
81
83
|
children: content
|
|
82
84
|
}) : /*#__PURE__*/_jsx("div", {
|
|
83
85
|
children: content
|
package/esm/tag/Tag.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const _excluded = ["children", "intent", "emphasis", "colorScheme", "background", "color", "start", "startIcon", "startIconActive", "end", "endIcon", "endIconActive", "display", "alignItems", "gap", "justifyContent", "paddingX", "paddingY", "font", "fontFamily", "fontSize", "fontWeight", "lineHeight", "testID"];
|
|
1
|
+
const _excluded = ["children", "intent", "emphasis", "colorScheme", "background", "color", "start", "startIcon", "startIconActive", "end", "endIcon", "endIconActive", "display", "alignItems", "gap", "justifyContent", "paddingX", "paddingY", "font", "fontFamily", "fontSize", "fontWeight", "lineHeight", "textTransform", "testID"];
|
|
2
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -42,6 +42,7 @@ export const Tag = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_props, forwardedR
|
|
|
42
42
|
fontSize,
|
|
43
43
|
fontWeight,
|
|
44
44
|
lineHeight,
|
|
45
|
+
textTransform,
|
|
45
46
|
testID = tagStaticClassName
|
|
46
47
|
} = mergedProps,
|
|
47
48
|
props = _objectWithoutProperties(mergedProps, _excluded);
|
|
@@ -89,6 +90,7 @@ export const Tag = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_props, forwardedR
|
|
|
89
90
|
fontWeight: fontWeight,
|
|
90
91
|
lineHeight: lineHeight,
|
|
91
92
|
overflow: "truncate",
|
|
93
|
+
textTransform: textTransform,
|
|
92
94
|
testID: "".concat(testID, "--text"),
|
|
93
95
|
children: children
|
|
94
96
|
}), end ? /*#__PURE__*/_jsx("span", {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coinbase/cds-web",
|
|
3
|
-
"version": "9.17.
|
|
3
|
+
"version": "9.17.2",
|
|
4
4
|
"description": "Coinbase Design System - Web",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -227,7 +227,7 @@
|
|
|
227
227
|
"react-dom": "^18.0.0 || ~19.1.2"
|
|
228
228
|
},
|
|
229
229
|
"dependencies": {
|
|
230
|
-
"@coinbase/cds-common": "^9.17.
|
|
230
|
+
"@coinbase/cds-common": "^9.17.2",
|
|
231
231
|
"@coinbase/cds-icons": "^5.21.0",
|
|
232
232
|
"@coinbase/cds-illustrations": "^4.48.0",
|
|
233
233
|
"@coinbase/cds-lottie-files": "^3.3.4",
|