@coinbase/cds-web 8.13.6 → 8.14.0

package/CHANGELOG.md

@@ -8,6 +8,16 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 8.14.0 (10/6/2025 PST)
+
+#### 🚀 Updates
+
+- Add display, style and className props to ThemeProvider and InvertedThemeProvider.
+
+## 8.13.7 (10/6/2025 PST)
+
+This is an artificial version bump with no new change.
+
 ## 8.13.6 ((10/3/2025, 01:54 PM PST))
 
 This is an artificial version bump with no new change.

package/dts/collapsible/useCollapsibleMotionProps.d.ts

@@ -968,11 +968,11 @@ export declare const useCollapsibleMotionProps: ({
           | 'hanging'
           | 'ideographic'
           | 'mathematical'
-          | 'after-edge'
           | 'baseline'
+          | 'middle'
+          | 'after-edge'
           | 'before-edge'
           | 'central'
-          | 'middle'
           | 'text-after-edge'
           | 'text-before-edge'
           | import('framer-motion').CustomValueType
@@ -1011,8 +1011,8 @@ export declare const useCollapsibleMotionProps: ({
           | 'revert-layer'
           | 'unset'
           | 'auto'
-          | 'optimizeQuality'
           | 'optimizeSpeed'
+          | 'optimizeQuality'
           | import('framer-motion').CustomValueType
           | undefined;
         cursor?: string | import('framer-motion').CustomValueType | undefined;
@@ -1040,8 +1040,8 @@ export declare const useCollapsibleMotionProps: ({
           | 'hanging'
           | 'ideographic'
           | 'mathematical'
-          | 'central'
           | 'middle'
+          | 'central'
           | 'text-after-edge'
           | 'text-before-edge'
           | 'no-change'
@@ -1102,8 +1102,8 @@ export declare const useCollapsibleMotionProps: ({
           | 'none'
           | 'auto'
           | 'stroke'
-          | 'all'
           | 'visible'
+          | 'all'
           | 'painted'
           | 'visibleFill'
           | 'visiblePainted'
@@ -1118,9 +1118,9 @@ export declare const useCollapsibleMotionProps: ({
           | 'revert-layer'
           | 'unset'
           | 'auto'
+          | 'geometricPrecision'
           | 'optimizeSpeed'
           | 'crispEdges'
-          | 'geometricPrecision'
           | import('framer-motion').CustomValueType
           | undefined;
         stopColor?: string | import('framer-motion').CustomValueType | undefined;
@@ -1166,9 +1166,9 @@ export declare const useCollapsibleMotionProps: ({
           | 'revert-layer'
           | 'unset'
           | 'auto'
-          | 'optimizeSpeed'
           | 'geometricPrecision'
           | 'optimizeLegibility'
+          | 'optimizeSpeed'
           | import('framer-motion').CustomValueType
           | undefined;
         transform?: string | import('framer-motion').CustomValueType | undefined;
@@ -1181,6 +1181,7 @@ export declare const useCollapsibleMotionProps: ({
           | 'unset'
           | 'normal'
           | 'embed'
+          | 'isolate'
           | '-moz-isolate'
           | '-moz-isolate-override'
           | '-moz-plaintext'
@@ -1188,7 +1189,6 @@ export declare const useCollapsibleMotionProps: ({
           | '-webkit-isolate-override'
           | '-webkit-plaintext'
           | 'bidi-override'
-          | 'isolate'
           | 'isolate-override'
           | 'plaintext'
           | import('framer-motion').CustomValueType
@@ -1255,12 +1255,12 @@ export declare const useCollapsibleMotionProps: ({
           | import('csstype').Property.Grid
           | import('framer-motion').CustomValueType
           | undefined;
-        top?:
-          | import('csstype').Property.Top<string | number>
+        contain?:
+          | import('csstype').Property.Contain
           | import('framer-motion').CustomValueType
           | undefined;
-        bottom?:
-          | import('csstype').Property.Bottom<string | number>
+        overlay?:
+          | import('csstype').Property.Overlay
           | import('framer-motion').CustomValueType
           | undefined;
         left?:
@@ -1271,7 +1271,43 @@ export declare const useCollapsibleMotionProps: ({
           | import('csstype').Property.Right<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
+        bottom?:
+          | import('csstype').Property.Bottom<string | number>
+          | import('framer-motion').CustomValueType
+          | undefined;
+        top?:
+          | import('csstype').Property.Top<string | number>
+          | import('framer-motion').CustomValueType
+          | undefined;
+        inset?:
+          | import('csstype').Property.Inset<string | number>
+          | import('framer-motion').CustomValueType
+          | undefined;
         all?: import('csstype').Globals | import('framer-motion').CustomValueType | undefined;
+        page?:
+          | import('csstype').Property.Page
+          | import('framer-motion').CustomValueType
+          | undefined;
+        position?:
+          | import('csstype').Property.Position
+          | import('framer-motion').CustomValueType
+          | undefined;
+        caret?:
+          | import('csstype').Property.Caret
+          | import('framer-motion').CustomValueType
+          | undefined;
+        zoom?:
+          | import('csstype').Property.Zoom
+          | import('framer-motion').CustomValueType
+          | undefined;
+        clear?:
+          | import('csstype').Property.Clear
+          | import('framer-motion').CustomValueType
+          | undefined;
+        padding?:
+          | import('csstype').Property.Padding<string | number>
+          | import('framer-motion').CustomValueType
+          | undefined;
         minWidth?:
           | import('csstype').Property.MinWidth<string | number>
           | import('framer-motion').CustomValueType
@@ -1408,10 +1444,6 @@ export declare const useCollapsibleMotionProps: ({
           | import('csstype').Property.RowGap<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
-        padding?:
-          | import('csstype').Property.Padding<string | number>
-          | import('framer-motion').CustomValueType
-          | undefined;
         paddingTop?:
           | import('csstype').Property.PaddingTop<string | number>
           | import('framer-motion').CustomValueType
@@ -1460,10 +1492,6 @@ export declare const useCollapsibleMotionProps: ({
           | import('csstype').Property.FlexWrap
           | import('framer-motion').CustomValueType
           | undefined;
-        position?:
-          | import('csstype').Property.Position
-          | import('framer-motion').CustomValueType
-          | undefined;
         textAlign?:
           | import('csstype').Property.TextAlign
           | import('framer-motion').CustomValueType
@@ -1776,10 +1804,6 @@ export declare const useCollapsibleMotionProps: ({
           | import('csstype').Property.CaretShape
           | import('framer-motion').CustomValueType
           | undefined;
-        clear?:
-          | import('csstype').Property.Clear
-          | import('framer-motion').CustomValueType
-          | undefined;
         colorAdjust?:
           | import('csstype').Property.PrintColorAdjust
           | import('framer-motion').CustomValueType
@@ -1816,10 +1840,6 @@ export declare const useCollapsibleMotionProps: ({
           | import('csstype').Property.ColumnWidth<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
-        contain?:
-          | import('csstype').Property.Contain
-          | import('framer-motion').CustomValueType
-          | undefined;
         containIntrinsicBlockSize?:
           | import('csstype').Property.ContainIntrinsicBlockSize<string | number>
           | import('framer-motion').CustomValueType
@@ -2260,10 +2280,6 @@ export declare const useCollapsibleMotionProps: ({
           | import('csstype').Property.OverflowY
           | import('framer-motion').CustomValueType
           | undefined;
-        overlay?:
-          | import('csstype').Property.Overlay
-          | import('framer-motion').CustomValueType
-          | undefined;
         overscrollBehaviorBlock?:
           | import('csstype').Property.OverscrollBehaviorBlock
           | import('framer-motion').CustomValueType
@@ -2304,10 +2320,6 @@ export declare const useCollapsibleMotionProps: ({
           | import('csstype').Property.PaddingRight<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
-        page?:
-          | import('csstype').Property.Page
-          | import('framer-motion').CustomValueType
-          | undefined;
         pageBreakAfter?:
           | import('csstype').Property.PageBreakAfter
           | import('framer-motion').CustomValueType
@@ -2652,10 +2664,6 @@ export declare const useCollapsibleMotionProps: ({
           | import('csstype').Property.WordWrap
           | import('framer-motion').CustomValueType
           | undefined;
-        zoom?:
-          | import('csstype').Property.Zoom
-          | import('framer-motion').CustomValueType
-          | undefined;
         animationRange?:
           | import('csstype').Property.AnimationRange<string | number>
           | import('framer-motion').CustomValueType
@@ -2712,10 +2720,6 @@ export declare const useCollapsibleMotionProps: ({
           | import('csstype').Property.BorderTop<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
-        caret?:
-          | import('csstype').Property.Caret
-          | import('framer-motion').CustomValueType
-          | undefined;
         columnRule?:
           | import('csstype').Property.ColumnRule<string | number>
           | import('framer-motion').CustomValueType
@@ -2740,10 +2744,6 @@ export declare const useCollapsibleMotionProps: ({
           | import('csstype').Property.Font
           | import('framer-motion').CustomValueType
           | undefined;
-        inset?:
-          | import('csstype').Property.Inset<string | number>
-          | import('framer-motion').CustomValueType
-          | undefined;
         insetBlock?:
           | import('csstype').Property.InsetBlock<string | number>
           | import('framer-motion').CustomValueType
@@ -4278,7 +4278,7 @@ export declare const useCollapsibleMotionProps: ({
         attributeName?: string | import('framer-motion').CustomValueType | undefined;
         attributeType?: string | import('framer-motion').CustomValueType | undefined;
         autoReverse?:
-          | (boolean | 'true' | 'false')
+          | (boolean | 'false' | 'true')
           | import('framer-motion').CustomValueType
           | undefined;
         baseFrequency?: string | number | import('framer-motion').CustomValueType | undefined;
@@ -4316,14 +4316,14 @@ export declare const useCollapsibleMotionProps: ({
         end?: string | number | import('framer-motion').CustomValueType | undefined;
         exponent?: string | number | import('framer-motion').CustomValueType | undefined;
         externalResourcesRequired?:
-          | (boolean | 'true' | 'false')
+          | (boolean | 'false' | 'true')
           | import('framer-motion').CustomValueType
           | undefined;
         filterRes?: string | number | import('framer-motion').CustomValueType | undefined;
         filterUnits?: string | number | import('framer-motion').CustomValueType | undefined;
         focusable?:
           | 'auto'
-          | (boolean | 'true' | 'false')
+          | (boolean | 'false' | 'true')
           | import('framer-motion').CustomValueType
           | undefined;
         format?: string | number | import('framer-motion').CustomValueType | undefined;
@@ -4389,7 +4389,7 @@ export declare const useCollapsibleMotionProps: ({
         pointsAtY?: string | number | import('framer-motion').CustomValueType | undefined;
         pointsAtZ?: string | number | import('framer-motion').CustomValueType | undefined;
         preserveAlpha?:
-          | (boolean | 'true' | 'false')
+          | (boolean | 'false' | 'true')
           | import('framer-motion').CustomValueType
           | undefined;
         preserveAspectRatio?: string | import('framer-motion').CustomValueType | undefined;
@@ -4483,7 +4483,7 @@ export declare const useCollapsibleMotionProps: ({
         zoomAndPan?: string | import('framer-motion').CustomValueType | undefined;
         'aria-activedescendant'?: string | import('framer-motion').CustomValueType | undefined;
         'aria-atomic'?:
-          | (boolean | 'true' | 'false')
+          | (boolean | 'false' | 'true')
           | import('framer-motion').CustomValueType
           | undefined;
         'aria-autocomplete'?:
@@ -4499,14 +4499,14 @@ export declare const useCollapsibleMotionProps: ({
           | import('framer-motion').CustomValueType
           | undefined;
         'aria-busy'?:
-          | (boolean | 'true' | 'false')
+          | (boolean | 'false' | 'true')
           | import('framer-motion').CustomValueType
           | undefined;
         'aria-checked'?:
           | boolean
-          | 'true'
-          | 'false'
           | 'mixed'
+          | 'false'
+          | 'true'
           | import('framer-motion').CustomValueType
           | undefined;
         'aria-colcount'?: number | import('framer-motion').CustomValueType | undefined;
@@ -4518,9 +4518,9 @@ export declare const useCollapsibleMotionProps: ({
           | boolean
           | 'time'
           | 'step'
-          | 'true'
-          | 'false'
           | 'page'
+          | 'false'
+          | 'true'
           | 'location'
           | 'date'
           | import('framer-motion').CustomValueType
@@ -4529,7 +4529,7 @@ export declare const useCollapsibleMotionProps: ({
         'aria-description'?: string | import('framer-motion').CustomValueType | undefined;
         'aria-details'?: string | import('framer-motion').CustomValueType | undefined;
         'aria-disabled'?:
-          | (boolean | 'true' | 'false')
+          | (boolean | 'false' | 'true')
           | import('framer-motion').CustomValueType
           | undefined;
         'aria-dropeffect'?:
@@ -4543,12 +4543,12 @@ export declare const useCollapsibleMotionProps: ({
           | undefined;
         'aria-errormessage'?: string | import('framer-motion').CustomValueType | undefined;
         'aria-expanded'?:
-          | (boolean | 'true' | 'false')
+          | (boolean | 'false' | 'true')
           | import('framer-motion').CustomValueType
           | undefined;
         'aria-flowto'?: string | import('framer-motion').CustomValueType | undefined;
         'aria-grabbed'?:
-          | (boolean | 'true' | 'false')
+          | (boolean | 'false' | 'true')
           | import('framer-motion').CustomValueType
           | undefined;
         'aria-haspopup'?:
@@ -4556,20 +4556,20 @@ export declare const useCollapsibleMotionProps: ({
           | 'dialog'
           | 'menu'
           | 'grid'
-          | 'true'
-          | 'false'
           | 'listbox'
+          | 'false'
+          | 'true'
           | 'tree'
           | import('framer-motion').CustomValueType
           | undefined;
         'aria-hidden'?:
-          | (boolean | 'true' | 'false')
+          | (boolean | 'false' | 'true')
           | import('framer-motion').CustomValueType
           | undefined;
         'aria-invalid'?:
           | boolean
-          | 'true'
           | 'false'
+          | 'true'
           | 'grammar'
           | 'spelling'
           | import('framer-motion').CustomValueType
@@ -4585,15 +4585,15 @@ export declare const useCollapsibleMotionProps: ({
           | import('framer-motion').CustomValueType
           | undefined;
         'aria-modal'?:
-          | (boolean | 'true' | 'false')
+          | (boolean | 'false' | 'true')
           | import('framer-motion').CustomValueType
           | undefined;
         'aria-multiline'?:
-          | (boolean | 'true' | 'false')
+          | (boolean | 'false' | 'true')
           | import('framer-motion').CustomValueType
           | undefined;
         'aria-multiselectable'?:
-          | (boolean | 'true' | 'false')
+          | (boolean | 'false' | 'true')
           | import('framer-motion').CustomValueType
           | undefined;
         'aria-orientation'?:
@@ -4606,13 +4606,13 @@ export declare const useCollapsibleMotionProps: ({
         'aria-posinset'?: number | import('framer-motion').CustomValueType | undefined;
         'aria-pressed'?:
           | boolean
-          | 'true'
-          | 'false'
           | 'mixed'
+          | 'false'
+          | 'true'
           | import('framer-motion').CustomValueType
           | undefined;
         'aria-readonly'?:
-          | (boolean | 'true' | 'false')
+          | (boolean | 'false' | 'true')
           | import('framer-motion').CustomValueType
           | undefined;
         'aria-relevant'?:
@@ -4629,7 +4629,7 @@ export declare const useCollapsibleMotionProps: ({
           | import('framer-motion').CustomValueType
           | undefined;
         'aria-required'?:
-          | (boolean | 'true' | 'false')
+          | (boolean | 'false' | 'true')
           | import('framer-motion').CustomValueType
           | undefined;
         'aria-roledescription'?: string | import('framer-motion').CustomValueType | undefined;
@@ -4638,7 +4638,7 @@ export declare const useCollapsibleMotionProps: ({
         'aria-rowindextext'?: string | import('framer-motion').CustomValueType | undefined;
         'aria-rowspan'?: number | import('framer-motion').CustomValueType | undefined;
         'aria-selected'?:
-          | (boolean | 'true' | 'false')
+          | (boolean | 'false' | 'true')
           | import('framer-motion').CustomValueType
           | undefined;
         'aria-setsize'?: number | import('framer-motion').CustomValueType | undefined;

package/dts/controls/SearchInput.d.ts

@@ -80,8 +80,8 @@ export declare const SearchInput: React.MemoExoticComponent<
       | 'width'
       | 'disabled'
       | 'placeholder'
-      | 'testID'
       | 'compact'
+      | 'testID'
       | 'accessibilityLabel'
       | 'accessibilityLabelledBy'
       | 'accessibilityHint'