@coinbase/cds-mobile 9.1.3 → 9.2.0

package/esm/controls/__figma__/TextInput.figma.js

@@ -1,125 +0,0 @@
-const _excluded = ["placeholder"],
-  _excluded2 = ["placeholder", "endIcon"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import { figma } from '@figma/code-connect';
-import { HStack } from '../../layout';
-import { Link } from '../../typography';
-import { TextInput } from '../TextInput';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-figma.connect(TextInput, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=252%3A16679', {
-  imports: ["import { TextInput } from '@coinbase/cds-mobile/controls/TextInput'"],
-  props: {
-    align: figma.boolean('right align text', {
-      true: 'end',
-      false: undefined
-    }),
-    disabled: figma.boolean('disabled'),
-    compact: figma.boolean('compact'),
-    label: figma.boolean('show label', {
-      true: figma.string('↳ label string'),
-      false: undefined
-    }),
-    labelVariant: figma.boolean('label inside', {
-      true: 'inside',
-      false: 'outside'
-    }),
-    start: figma.boolean('show start', {
-      true: figma.instance('↳ start icon'),
-      false: undefined
-    }),
-    end: figma.boolean('show end', {
-      true: figma.boolean('↳ show end icon', {
-        true: figma.instance('↳ end icon'),
-        false: undefined
-      }),
-      false: undefined
-    }),
-    helperText: figma.boolean('show helper text', {
-      true: 'Assistive message',
-      false: undefined
-    }),
-    placeholder: figma.nestedProps('string.text input', {
-      text: figma.enum('Ready-made', {
-        Custom: figma.string('string'),
-        Email: figma.textContent('text-input-label'),
-        Password: figma.textContent('text-input-label'),
-        'Legal name': figma.textContent('text-input-label')
-      })
-    }),
-    variant: figma.enum('state', {
-      positive: 'positive',
-      negative: 'negative'
-    })
-  },
-  example: _ref => {
-    let {
-        placeholder
-      } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-    return /*#__PURE__*/_jsx(TextInput, _extends({
-      placeholder: placeholder.text
-    }, props));
-  }
-});
-figma.connect(TextInput, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=252%3A16679', {
-  imports: ["import { TextInput } from '@coinbase/cds-mobile/controls/TextInput'"],
-  variant: {
-    'show end': true,
-    '↳ show suffix': true
-  },
-  props: {
-    align: figma.boolean('right align text', {
-      true: 'end',
-      false: undefined
-    }),
-    disabled: figma.boolean('disabled'),
-    compact: figma.boolean('compact'),
-    label: figma.boolean('show label', {
-      true: figma.string('↳ label string'),
-      false: undefined
-    }),
-    labelVariant: figma.enum('label inside', {
-      inside: 'inside',
-      outside: 'outside'
-    }),
-    start: figma.boolean('show start', {
-      true: figma.instance('↳ start icon'),
-      false: undefined
-    }),
-    endIcon: figma.instance('↳ end icon'),
-    helperText: figma.boolean('show helper text', {
-      true: 'Assistive message',
-      false: undefined
-    }),
-    placeholder: figma.nestedProps('string.text input', {
-      text: figma.enum('Ready-made', {
-        Custom: figma.string('string'),
-        Email: figma.textContent('text-input-label'),
-        Password: figma.textContent('text-input-label'),
-        'Legal name': figma.textContent('text-input-label')
-      })
-    }),
-    variant: figma.enum('state', {
-      positive: 'positive',
-      negative: 'negative'
-    })
-  },
-  example: _ref2 => {
-    let {
-        placeholder,
-        endIcon
-      } = _ref2,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-    return /*#__PURE__*/_jsx(TextInput, _extends({
-      end: /*#__PURE__*/_jsxs(HStack, {
-        children: [/*#__PURE__*/_jsx(Link, {
-          color: "fgPrimary",
-          onPress: () => {},
-          children: "copy"
-        }), endIcon]
-      }),
-      placeholder: placeholder.text
-    }, props));
-  }
-});

package/esm/dates/__figma__/DatePicker.figma.js

@@ -1,43 +0,0 @@
-const _excluded = ["helperText"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-/* eslint-disable react-hooks/rules-of-hooks */
-
-import React, { useState } from 'react';
-import { figma } from '@figma/code-connect';
-import { DatePicker } from '../DatePicker';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(DatePicker, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=14743-53206&m=dev', {
-  imports: ["import { DatePicker } from '@coinbase/cds-mobile/dates/DatePicker'"],
-  props: {
-    disabled: figma.boolean('disabled'),
-    compact: figma.boolean('compact'),
-    label: figma.string('label'),
-    helperText: figma.nestedProps('.assistive text', {
-      string: figma.textContent('Assistive text')
-    })
-  },
-  example: _ref => {
-    let {
-        helperText
-      } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-    const [date, setDate] = useState(null);
-    const [error, setError] = useState(null);
-    // @ts-expect-error not typed
-    const handleChangeDate = date => {
-      setDate(date);
-    };
-    // @ts-expect-error not typed
-    const handleErrorDate = error => {
-      setError(error);
-    };
-    return /*#__PURE__*/_jsx(DatePicker, _extends({
-      date: date,
-      error: error,
-      helperText: helperText.string,
-      onChangeDate: handleChangeDate,
-      onErrorDate: handleErrorDate
-    }, props));
-  }
-});

package/esm/dots/__figma__/DotCount.figma.js

@@ -1,16 +0,0 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import { figma } from '@figma/code-connect';
-import { DotCount } from '../DotCount';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(DotCount, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=155%3A11976', {
-  imports: ["import { DotCount } from '@coinbase/cds-mobile/dots/DotCount'"],
-  props: {
-    count: figma.enum('type', {
-      'single digit': 1,
-      '2 digits': 12,
-      '3+ digits': 123
-    })
-  },
-  example: props => /*#__PURE__*/_jsx(DotCount, _extends({}, props))
-});

package/esm/dots/__figma__/DotStatusColor.figma.js

@@ -1,23 +0,0 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import { figma } from '@figma/code-connect';
-import { DotStatusColor } from '../DotStatusColor';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(DotStatusColor, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=155%3A11983', {
-  imports: ["import { DotStatusColor } from '@coinbase/cds-mobile/dots/DotStatusColor'"],
-  props: {
-    variant: figma.enum('variant', {
-      positive: 'positive',
-      negative: 'negative',
-      primary: 'primary',
-      foregroundMuted: 'foregroundMuted'
-    }),
-    size: figma.enum('size', {
-      l: 'l',
-      m: 'm',
-      s: 's',
-      xs: 'xs'
-    })
-  },
-  example: props => /*#__PURE__*/_jsx(DotStatusColor, _extends({}, props))
-});

package/esm/dots/__figma__/DotSymbol.figma.js

@@ -1,45 +0,0 @@
-const _excluded = ["children"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import { figma } from '@figma/code-connect';
-import { DotSymbol } from '../DotSymbol';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(DotSymbol, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=155%3A12033', {
-  imports: ["import { DotSymbol } from'@coinbase/cds-mobile/dots/DotSymbol'"],
-  props: {
-    children: figma.enum('symbol size', {
-      l: figma.instance('48 media'),
-      m: figma.instance('32 media'),
-      s: figma.instance('32 media'),
-      xs: figma.instance('24 media')
-    }),
-    symbol: figma.enum('symbol size', {
-      l: figma.instance('l dot'),
-      m: figma.instance('m dot'),
-      s: figma.instance('s dot'),
-      xs: figma.instance('xs dot')
-    }),
-    pin: figma.enum('pin', {
-      'bottom-end': 'bottom-end',
-      'bottom-start': 'bottom-start',
-      'top-start': 'top-start',
-      'top-end': 'top-end'
-    }),
-    size: figma.enum('symbol size', {
-      l: 'l',
-      m: 'm',
-      s: 's',
-      xs: 'xs'
-    })
-  },
-  example: _ref => {
-    let {
-        children
-      } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-    return /*#__PURE__*/_jsx(DotSymbol, _extends({}, props, {
-      children: children
-    }));
-  }
-});