@coinbase/cds-web 0.0.0 → 8.13.2

package/dts/chips/InputChip.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { InputChipProps } from './ChipProps';
+export declare const InputChip: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    Omit<InputChipProps, 'ref'> & React.RefAttributes<HTMLButtonElement>
+  >
+>;
+//# sourceMappingURL=InputChip.d.ts.map

package/dts/chips/InputChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputChip.d.ts","sourceRoot":"","sources":["../../src/chips/InputChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAKhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,eAAO,MAAM,SAAS,kIA6BrB,CAAC"}

package/dts/chips/SelectChip.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { SelectBaseProps } from '../controls/Select';
+import type { DropdownProps } from '../dropdown';
+import type { ChipProps } from './ChipProps';
+export declare const SELECT_CHIP_DEFAULT_TEST_ID = 'select-chip';
+export type SelectChipProps = {
+  /** Indicates that the control is being used to manipulate data elsewhere */
+  active?: boolean;
+  /**
+   * @deprecated The prop will be removed in a future version.
+   */
+  children?: React.ReactNode;
+} & Omit<ChipProps, 'inverted' | 'children' | 'onBlur' | 'noScaleOnPress' | 'content'> &
+  Pick<SelectBaseProps, 'onChange' | 'valueLabel' | 'placeholder' | 'value'> &
+  Omit<DropdownProps, 'onChange' | 'children'>;
+export declare const SelectChip: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<Omit<SelectChipProps, 'ref'> & React.RefAttributes<unknown>>
+>;
+//# sourceMappingURL=SelectChip.d.ts.map

package/dts/chips/SelectChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectChip.d.ts","sourceRoot":"","sources":["../../src/chips/SelectChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,eAAO,MAAM,2BAA2B,gBAAgB,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG;IAC5B,4EAA4E;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,gBAAgB,GAAG,SAAS,CAAC,GACpF,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa,GAAG,OAAO,CAAC,GAC1E,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;AAE/C,eAAO,MAAM,UAAU,yHAoFtB,CAAC"}

package/dts/chips/TabbedChips.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { type BoxBaseProps } from '../layout';
+import { type TabNavigationBaseProps } from '../tabs';
+export type TabbedChipsBaseProps<T extends string = string> = BoxBaseProps &
+  Omit<TabNavigationBaseProps<T>, 'variant'>;
+export type TabbedChipsProps<T extends string = string> = TabbedChipsBaseProps<T>;
+type TabbedChipsFC = <T extends string = string>(
+  props: TabbedChipsProps<T> & {
+    ref?: React.ForwardedRef<HTMLElement>;
+  },
+) => React.ReactElement;
+export declare const TabbedChips: TabbedChipsFC;
+export {};
+//# sourceMappingURL=TabbedChips.d.ts.map

package/dts/chips/TabbedChips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabbedChips.d.ts","sourceRoot":"","sources":["../../src/chips/TabbedChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAMxF,OAAO,EAAE,KAAK,YAAY,EAAU,MAAM,WAAW,CAAC;AACtD,OAAO,EAAU,KAAK,sBAAsB,EAAQ,MAAM,SAAS,CAAC;AAmCpE,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,YAAY,GACxE,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAE7C,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAElF,KAAK,aAAa,GAAG,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAC7C,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;CAAE,KACnE,KAAK,CAAC,YAAY,CAAC;AAwHxB,eAAO,MAAM,WAAW,EAA2B,aAAa,CAAC"}

package/dts/chips/__figma__/InputChip.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=InputChip.figma.d.ts.map

package/dts/chips/__figma__/InputChip.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputChip.figma.d.ts","sourceRoot":"","sources":["../../../src/chips/__figma__/InputChip.figma.tsx"],"names":[],"mappings":""}

package/dts/chips/__figma__/SelectChip.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SelectChip.figma.d.ts.map

package/dts/chips/__figma__/SelectChip.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectChip.figma.d.ts","sourceRoot":"","sources":["../../../src/chips/__figma__/SelectChip.figma.tsx"],"names":[],"mappings":""}

package/dts/chips/__figma__/TabbedChips.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TabbedChips.figma.d.ts.map

package/dts/chips/__figma__/TabbedChips.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabbedChips.figma.d.ts","sourceRoot":"","sources":["../../../src/chips/__figma__/TabbedChips.figma.tsx"],"names":[],"mappings":""}

package/dts/chips/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Chip';
+export * from './ChipProps';
+export * from './InputChip';
+export * from './SelectChip';
+export * from './TabbedChips';
+//# sourceMappingURL=index.d.ts.map

package/dts/chips/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chips/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}

package/dts/coachmark/Coachmark.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import { type DimensionValue, type SharedProps } from '@coinbase/cds-common';
+import { type BoxBaseProps, type BoxDefaultElement, type BoxProps } from '../layout';
+export type CoachmarkBaseProps = SharedProps &
+  BoxBaseProps & {
+    /**
+     * Title of the Coachmark. Text or ReactNode
+     */
+    title: React.ReactNode;
+    /**
+     * Content of the Coachmark. Text or ReactNode to be rendered below the title
+     */
+    content: React.ReactNode;
+    /**
+     * Checkbox component to be rendered below the content
+     */
+    checkbox?: React.ReactNode;
+    /**
+     * Media of the Coachmark
+     */
+    media?: React.ReactNode;
+    /**
+     * Callback function fired when close button is pressed
+     */
+    onClose?: () => void;
+    /**
+     * Action button for next step or ending the tour
+     */
+    action: React.ReactNode;
+    /**
+     * Desired width of the Coachmark with respect to max width of windowWidth - spacing2 * 2
+     */
+    width?: DimensionValue;
+    /**
+     * a11y label of the close button
+     */
+    closeButtonAccessibilityLabel?: string;
+  };
+export type CoachmarkProps = CoachmarkBaseProps &
+  Omit<BoxProps<BoxDefaultElement>, 'title' | 'content'>;
+export declare const Coachmark: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<Omit<CoachmarkProps, 'ref'> & React.RefAttributes<HTMLDivElement>>
+>;
+//# sourceMappingURL=Coachmark.d.ts.map

package/dts/coachmark/Coachmark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Coachmark.d.ts","sourceRoot":"","sources":["../../src/coachmark/Coachmark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAG7E,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,QAAQ,EAGd,MAAM,WAAW,CAAC;AAInB,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAC1C,YAAY,GAAG;IACb;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;OAEG;IACH,6BAA6B,CAAC,EAAE,MAAM,CAAC;CACxC,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAC7C,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;AAEzD,eAAO,MAAM,SAAS,+HAuErB,CAAC"}

package/dts/coachmark/__figma__/Coachmark.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Coachmark.figma.d.ts.map

package/dts/coachmark/__figma__/Coachmark.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Coachmark.figma.d.ts","sourceRoot":"","sources":["../../../src/coachmark/__figma__/Coachmark.figma.tsx"],"names":[],"mappings":""}

package/dts/collapsible/Collapsible.d.ts

@@ -0,0 +1,71 @@
+import React from 'react';
+import type { CollapsibleDirection, PaddingProps, SharedProps } from '@coinbase/cds-common/types';
+import { type BoxDefaultElement, type BoxProps } from '../layout/Box';
+export type CollapsibleBaseProps = SharedProps &
+  PaddingProps &
+  Pick<BoxProps<BoxDefaultElement>, 'role' | 'id' | 'accessibilityLabelledBy'> & {
+    /**
+     * Expand/collapse state of the content.
+     * @default true
+     */
+    collapsed: boolean;
+    /**
+     * Collapsible content
+     */
+    children: React.ReactNode;
+    /**
+     * Direction the content should expand/collapse to
+     * @default vertical
+     */
+    direction?: CollapsibleDirection;
+    /**
+     * This option may break animation. Only use this if your container has fixed height or width.
+     * @danger This is a migration escape hatch. It is not intended to be used normally.
+     */
+    dangerouslyDisableOverflowHidden?: boolean;
+    /**
+     * Max height of the content. Overflow content will be scrollable.
+     */
+    maxHeight?: BoxProps<BoxDefaultElement>['maxHeight'];
+    /**
+     * Max width of the content. Overflow content will be scrollable.
+     */
+    maxWidth?: BoxProps<BoxDefaultElement>['maxWidth'];
+  };
+export type CollapsibleProps = CollapsibleBaseProps;
+export declare const Collapsible: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      PaddingProps &
+      Pick<BoxProps<'div'>, 'id' | 'role' | 'accessibilityLabelledBy'> & {
+        /**
+         * Expand/collapse state of the content.
+         * @default true
+         */
+        collapsed: boolean;
+        /**
+         * Collapsible content
+         */
+        children: React.ReactNode;
+        /**
+         * Direction the content should expand/collapse to
+         * @default vertical
+         */
+        direction?: CollapsibleDirection;
+        /**
+         * This option may break animation. Only use this if your container has fixed height or width.
+         * @danger This is a migration escape hatch. It is not intended to be used normally.
+         */
+        dangerouslyDisableOverflowHidden?: boolean;
+        /**
+         * Max height of the content. Overflow content will be scrollable.
+         */
+        maxHeight?: BoxProps<BoxDefaultElement>['maxHeight'];
+        /**
+         * Max width of the content. Overflow content will be scrollable.
+         */
+        maxWidth?: BoxProps<BoxDefaultElement>['maxWidth'];
+      } & React.RefAttributes<HTMLDivElement>
+  >
+>;
+//# sourceMappingURL=Collapsible.d.ts.map

package/dts/collapsible/Collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../src/collapsible/Collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAGlG,OAAO,EAAO,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAK3E,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAC5C,YAAY,GACZ,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,yBAAyB,CAAC,GAAG;IAC7E;;;OAGG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC;;;OAGG;IACH,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAC3C;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC,CAAC;IACrD;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAC;CACpD,CAAC;AAEJ,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAEpD,eAAO,MAAM,WAAW;IA/BpB;;;OAGG;eACQ,OAAO;IAClB;;OAEG;cACO,KAAK,CAAC,SAAS;IACzB;;;OAGG;gBACS,oBAAoB;IAChC;;;OAGG;uCACgC,OAAO;IAC1C;;OAEG;gBACS,QAAQ,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC;IACpD;;OAEG;eACQ,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC;yCAoGrD,CAAC"}

package/dts/collapsible/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Collapsible';
+//# sourceMappingURL=index.d.ts.map

package/dts/collapsible/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/collapsible/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}