@coinbase/cds-mobile 9.1.2 → 9.2.0

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

@@ -1,78 +0,0 @@
-function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
-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 { figma } from '@figma/code-connect';
-import { RadioCell } from '../RadioCell';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(RadioCell, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=54927-2624', {
-  imports: ["import { RadioCell } from '@coinbase/cds-mobile/controls/RadioCell'"],
-  props: {
-    title: figma.string('title text'),
-    description: figma.boolean('description', {
-      true: figma.string('description text'),
-      false: undefined
-    })
-  },
-  example: _ref => {
-    let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-    return /*#__PURE__*/_jsx(RadioCell, _extends({}, props));
-  }
-});
-figma.connect(RadioCell, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=54927-2624', {
-  imports: ["import { RadioCell } from '@coinbase/cds-mobile/controls/RadioCell'"],
-  variant: {
-    selected: true
-  },
-  props: {
-    title: figma.string('title text'),
-    description: figma.boolean('description', {
-      true: figma.string('description text'),
-      false: undefined
-    })
-  },
-  example: _ref2 => {
-    let props = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
-    return /*#__PURE__*/_jsx(RadioCell, _extends({
-      checked: true
-    }, props));
-  }
-});
-figma.connect(RadioCell, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=54927-2624', {
-  imports: ["import { RadioCell } from '@coinbase/cds-mobile/controls/RadioCell'"],
-  variant: {
-    state: 'disabled'
-  },
-  props: {
-    title: figma.string('title text'),
-    description: figma.boolean('description', {
-      true: figma.string('description text'),
-      false: undefined
-    })
-  },
-  example: _ref3 => {
-    let props = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
-    return /*#__PURE__*/_jsx(RadioCell, _extends({
-      disabled: true
-    }, props));
-  }
-});
-figma.connect(RadioCell, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=54927-2624', {
-  imports: ["import { RadioCell } from '@coinbase/cds-mobile/controls/RadioCell'"],
-  variant: {
-    state: 'disabled',
-    selected: true
-  },
-  props: {
-    title: figma.string('title text'),
-    description: figma.boolean('description', {
-      true: figma.string('description text'),
-      false: undefined
-    })
-  },
-  example: _ref4 => {
-    let props = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
-    return /*#__PURE__*/_jsx(RadioCell, _extends({
-      checked: true,
-      disabled: true
-    }, props));
-  }
-});

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

@@ -1,47 +0,0 @@
-import { useState } from 'react';
-import { figma } from '@figma/code-connect';
-import { ControlGroup } from '../ControlGroup';
-import { Radio } from '../Radio';
-import { RadioGroup } from '../RadioGroup';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(RadioGroup, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=355-14414&m=dev', {
-  imports: ["import { ControlGroup } from '@coinbase/cds-mobile/controls/ControlGroup'", "import { Radio } from '@coinbase/cds-mobile/controls/Radio'"],
-  props: {
-    options: figma.enum('quantity', {
-      '1': [{
-        value: '1',
-        children: 'Label'
-      }],
-      '2': [{
-        value: '2',
-        children: 'Label'
-      }],
-      '3': [{
-        value: '3',
-        children: 'Label'
-      }],
-      '4': [{
-        value: '4',
-        children: 'Label'
-      }],
-      '5': [{
-        value: '5',
-        children: 'Label'
-      }]
-    })
-  },
-  example: function Example(_ref) {
-    let {
-      options
-    } = _ref;
-    const [value, setValue] = useState('1');
-    const onChange = value => value && setValue(value);
-    return /*#__PURE__*/_jsx(ControlGroup, {
-      ControlComponent: Radio,
-      onChange: onChange,
-      options: options,
-      role: "radiogroup",
-      value: value
-    });
-  }
-});

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

@@ -1,35 +0,0 @@
-const _excluded = ["text"];
-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 { SearchInput } from '../SearchInput';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(SearchInput, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=252-12575&m=dev', {
-  imports: ["import { SearchInput } from '@coinbase/cds-mobile/controls/SearchInput'"],
-  props: {
-    compact: figma.boolean('compact'),
-    disabled: figma.boolean('disabled'),
-    text: figma.nestedProps('string.search input', {
-      placeholder: figma.enum('Ready-made', {
-        Custom: figma.string('string'),
-        'Retail search': figma.textContent('search-input-label'),
-        'Retail send': figma.textContent('search-input-label'),
-        'Web3 search': figma.textContent('search-input-label'),
-        'Wallet search': figma.textContent('search-input-label'),
-        'Wallet send': figma.textContent('search-input-label')
-      })
-    })
-  },
-  example: _ref => {
-    let {
-        text
-      } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-    return /*#__PURE__*/_jsx(SearchInput, _extends({
-      onChangeText: () => {},
-      placeholder: text.placeholder,
-      value: ""
-    }, props));
-  }
-});

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

@@ -1,35 +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 { SelectOption } from '../SelectOption';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(SelectOption, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=244-11050&m=dev', {
-  imports: ["import { SelectOption } from '@coinbase/cds-mobile/controls/SelectOption'"],
-  props: {
-    disabled: figma.boolean('disabled'),
-    compact: figma.boolean('compact'),
-    media: figma.boolean('show media', {
-      true: figma.instance('media'),
-      false: undefined
-    }),
-    title: figma.boolean('show title', {
-      true: figma.string('title string'),
-      false: undefined
-    }),
-    description: figma.boolean('show description', {
-      true: figma.string('description string'),
-      false: undefined
-    }),
-    detail: figma.boolean('show detail', {
-      true: 'Detail',
-      false: undefined
-    }),
-    accessory: figma.boolean('show accessory', {
-      true: figma.instance('accessory'),
-      false: undefined
-    })
-  },
-  example: props => /*#__PURE__*/_jsx(SelectOption, _extends({
-    value: ""
-  }, props))
-});

package/esm/controls/__figma__/Switch.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 { figma } from '@figma/code-connect';
-import { Switch } from '../Switch';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(Switch, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=155%3A9924', {
-  imports: ["import { Switch } from '@coinbase/cds-mobile/controls/Switch'"],
-  props: {
-    children: figma.boolean('show label', {
-      true: figma.string('↳ label'),
-      false: undefined
-    }),
-    checked: figma.boolean('checked'),
-    disabled: figma.boolean('disabled')
-  },
-  example: props => /*#__PURE__*/_jsx(Switch, _extends({}, props))
-});

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
-    }));
-  }
-});