@coinbase/cds-web 8.13.6 → 8.14.0

package/dts/motion/utils.d.ts

@@ -1053,11 +1053,11 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 'hanging'
         | 'ideographic'
         | 'mathematical'
-        | 'after-edge'
         | 'baseline'
+        | 'middle'
+        | 'after-edge'
         | 'before-edge'
         | 'central'
-        | 'middle'
         | 'text-after-edge'
         | 'text-before-edge'
         | import('framer-motion').CustomValueType
@@ -1096,8 +1096,8 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 'revert-layer'
         | 'unset'
         | 'auto'
-        | 'optimizeQuality'
         | 'optimizeSpeed'
+        | 'optimizeQuality'
         | import('framer-motion').CustomValueType
         | undefined;
       cursor?: string | import('framer-motion').CustomValueType | undefined;
@@ -1125,8 +1125,8 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 'hanging'
         | 'ideographic'
         | 'mathematical'
-        | 'central'
         | 'middle'
+        | 'central'
         | 'text-after-edge'
         | 'text-before-edge'
         | 'no-change'
@@ -1187,8 +1187,8 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 'none'
         | 'auto'
         | 'stroke'
-        | 'all'
         | 'visible'
+        | 'all'
         | 'painted'
         | 'visibleFill'
         | 'visiblePainted'
@@ -1203,9 +1203,9 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 'revert-layer'
         | 'unset'
         | 'auto'
+        | 'geometricPrecision'
         | 'optimizeSpeed'
         | 'crispEdges'
-        | 'geometricPrecision'
         | import('framer-motion').CustomValueType
         | undefined;
       stopColor?: string | import('framer-motion').CustomValueType | undefined;
@@ -1251,9 +1251,9 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 'revert-layer'
         | 'unset'
         | 'auto'
-        | 'optimizeSpeed'
         | 'geometricPrecision'
         | 'optimizeLegibility'
+        | 'optimizeSpeed'
         | import('framer-motion').CustomValueType
         | undefined;
       transform?: string | import('framer-motion').CustomValueType | undefined;
@@ -1266,6 +1266,7 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 'unset'
         | 'normal'
         | 'embed'
+        | 'isolate'
         | '-moz-isolate'
         | '-moz-isolate-override'
         | '-moz-plaintext'
@@ -1273,7 +1274,6 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | '-webkit-isolate-override'
         | '-webkit-plaintext'
         | 'bidi-override'
-        | 'isolate'
         | 'isolate-override'
         | 'plaintext'
         | import('framer-motion').CustomValueType
@@ -1337,12 +1337,12 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | import('framer-motion').CustomValueType
         | undefined;
       grid?: 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?:
@@ -1353,7 +1353,37 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -1490,10 +1520,6 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -1542,10 +1568,6 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -1858,10 +1880,6 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -1898,10 +1916,6 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -2342,10 +2356,6 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -2386,7 +2396,6 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -2731,7 +2740,6 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -2788,10 +2796,6 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -2813,10 +2817,6 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | import('framer-motion').CustomValueType
         | undefined;
       font?: 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
@@ -4351,7 +4351,7 @@ export declare const createVariant: (configs: MotionConfigs) =>
       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;
@@ -4389,14 +4389,14 @@ export declare const createVariant: (configs: MotionConfigs) =>
       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;
@@ -4462,7 +4462,7 @@ export declare const createVariant: (configs: MotionConfigs) =>
       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;
@@ -4552,7 +4552,7 @@ export declare const createVariant: (configs: MotionConfigs) =>
       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'?:
@@ -4565,14 +4565,14 @@ export declare const createVariant: (configs: MotionConfigs) =>
       'aria-braillelabel'?: string | import('framer-motion').CustomValueType | undefined;
       'aria-brailleroledescription'?: string | 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;
@@ -4584,9 +4584,9 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | boolean
         | 'time'
         | 'step'
-        | 'true'
-        | 'false'
         | 'page'
+        | 'false'
+        | 'true'
         | 'location'
         | 'date'
         | import('framer-motion').CustomValueType
@@ -4595,7 +4595,7 @@ export declare const createVariant: (configs: MotionConfigs) =>
       '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'?:
@@ -4609,12 +4609,12 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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'?:
@@ -4622,20 +4622,20 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | '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
@@ -4651,15 +4651,15 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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'?:
@@ -4672,13 +4672,13 @@ export declare const createVariant: (configs: MotionConfigs) =>
       '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'?:
@@ -4695,7 +4695,7 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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;
@@ -4704,7 +4704,7 @@ export declare const createVariant: (configs: MotionConfigs) =>
       '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/overlays/modal/FullscreenModalLayout.d.ts

@@ -26,9 +26,9 @@ export declare const FullscreenModalLayout: React.MemoExoticComponent<
     Pick<
       import('./Modal').ModalBaseProps,
       | 'role'
+      | 'visible'
       | 'testID'
       | 'zIndex'
-      | 'visible'
       | 'accessibilityLabel'
       | 'accessibilityLabelledBy'
       | 'disableFocusTrap'

package/dts/system/ThemeProvider.d.ts

@@ -9,11 +9,13 @@ export type ThemeContextValue = Theme;
 export declare const ThemeContext: React.Context<Theme | undefined>;
 type ThemeManagerProps = {
   display?: React.CSSProperties['display'];
+  className?: string;
+  style?: React.CSSProperties;
   children?: React.ReactNode;
   theme: Theme;
 };
 export declare const useThemeProviderStyles: (theme: Theme) => Record<string, unknown>;
-export type ThemeProviderProps = Pick<ThemeManagerProps, 'display'> &
+export type ThemeProviderProps = Pick<ThemeManagerProps, 'display' | 'className' | 'style'> &
   Pick<FramerMotionProviderProps, 'motionFeatures'> & {
     theme: ThemeConfig;
     activeColorScheme: ColorScheme;
@@ -23,15 +25,23 @@ export declare const ThemeProvider: ({
   theme,
   activeColorScheme,
   children,
+  className,
   display,
+  style,
   motionFeatures,
 }: ThemeProviderProps) => import('react/jsx-runtime').JSX.Element;
-export type InvertedThemeProviderProps = {
+export type InvertedThemeProviderProps = Pick<
+  ThemeManagerProps,
+  'display' | 'className' | 'style'
+> & {
   children?: React.ReactNode;
 };
 /** Falls back to the currently active colorScheme if the inverse colors are not defined in the theme.  */
 export declare const InvertedThemeProvider: ({
   children,
+  display,
+  className,
+  style,
 }: InvertedThemeProviderProps) => import('react/jsx-runtime').JSX.Element;
 export {};
 //# sourceMappingURL=ThemeProvider.d.ts.map

package/dts/system/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/system/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAGnE,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGtE,OAAO,EAAwB,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAG9F,OAAO,QAAQ,SAAS,CAAC;IAEvB,UAAU,UAAW,SAAQ,OAAO,CAAC,YAAY,CAAC;KAAG;CACtD;AAED,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC;AAEtC,eAAO,MAAM,YAAY,kCAA0D,CAAC;AAEpF,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,OAAO,KAAK,4BAGlD,CAAC;AAYF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,GACjE,IAAI,CAAC,yBAAyB,EAAE,gBAAgB,CAAC,GAAG;IAClD,KAAK,EAAE,WAAW,CAAC;IACnB,iBAAiB,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEJ,eAAO,MAAM,aAAa,GAAI,kEAM3B,kBAAkB,4CA6CpB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,0GAA0G;AAC1G,eAAO,MAAM,qBAAqB,GAAI,cAAc,0BAA0B,4CAY7E,CAAC"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/system/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAGnE,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGtE,OAAO,EAAwB,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAG9F,OAAO,QAAQ,SAAS,CAAC;IAEvB,UAAU,UAAW,SAAQ,OAAO,CAAC,YAAY,CAAC;KAAG;CACtD;AAED,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC;AAEtC,eAAO,MAAM,YAAY,kCAA0D,CAAC;AAEpF,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,OAAO,KAAK,4BAGlD,CAAC;AAeF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,iBAAiB,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC,GACzF,IAAI,CAAC,yBAAyB,EAAE,gBAAgB,CAAC,GAAG;IAClD,KAAK,EAAE,WAAW,CAAC;IACnB,iBAAiB,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEJ,eAAO,MAAM,aAAa,GAAI,oFAQ3B,kBAAkB,4CA6CpB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,iBAAiB,EACjB,SAAS,GAAG,WAAW,GAAG,OAAO,CAClC,GAAG;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,0GAA0G;AAC1G,eAAO,MAAM,qBAAqB,GAAI,0CAKnC,0BAA0B,4CAkB5B,CAAC"}