@coinbase/cds-web 9.1.2 → 9.2.0

package/esm/tables/__figma__/TableCell.figma.js

@@ -1,116 +0,0 @@
-const _excluded = ["compact", "variant"],
-  _excluded2 = ["compact", "variant", "backgroundColor"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-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 { Table } from '../Table';
-import { TableBody } from '../TableBody';
-import { TableCell } from '../TableCell';
-import { TableHeader } from '../TableHeader';
-import { TableRow } from '../TableRow';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(TableCell, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=8298-12299&m=dev', {
-  imports: ["import { Table } from '@coinbase/cds-web/tables/Table'", "import { TableBody } from '@coinbase/cds-web/tables/TableBody'", "import { TableRow } from '@coinbase/cds-web/tables/TableRow'", "import { TableCell } from '@coinbase/cds-web/tables/TableCell'"],
-  props: {
-    alignItems: figma.enum('alignment', {
-      left: 'flex-start',
-      right: 'flex-end'
-    }),
-    start: figma.boolean('show start', {
-      true: figma.instance('↳ start'),
-      false: undefined
-    }),
-    title: figma.boolean('show title', {
-      true: figma.string('↳ title'),
-      false: ''
-    }),
-    subtitle: figma.boolean('show subtitle', {
-      true: figma.string('↳ subtitle'),
-      false: undefined
-    }),
-    end: figma.boolean('show end', {
-      true: figma.instance('↳ end'),
-      false: undefined
-    }),
-    compact: figma.boolean('compact'),
-    variant: figma.enum('border style', {
-      none: undefined,
-      ruled: 'ruled',
-      graph: 'graph'
-    })
-  },
-  example: _ref => {
-    let {
-        compact,
-        variant
-      } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-    return /*#__PURE__*/_jsx(Table, {
-      compact: compact,
-      variant: variant,
-      children: /*#__PURE__*/_jsx(TableBody, {
-        children: /*#__PURE__*/_jsx(TableRow, {
-          children: /*#__PURE__*/_jsx(TableCell, _objectSpread({}, props))
-        })
-      })
-    });
-  }
-});
-figma.connect(TableCell, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=8298-12088&m=dev', {
-  imports: ["import { Table } from '@coinbase/cds-web/tables/Table'", "import { TableHeader } from '@coinbase/cds-web/tables/TableHeader'", "import { TableRow } from '@coinbase/cds-web/tables/TableRow'", "import { TableCell } from '@coinbase/cds-web/tables/TableCell'"],
-  props: {
-    alignItems: figma.enum('alignment', {
-      left: 'flex-start',
-      right: 'flex-end'
-    }),
-    start: figma.boolean('show start', {
-      true: figma.instance('↳ start'),
-      false: undefined
-    }),
-    title: figma.boolean('show middle', {
-      true: figma.string('↳ title'),
-      false: ''
-    }),
-    subtitle: figma.boolean('show subtitle', {
-      true: figma.string('↳ subtitle'),
-      false: undefined
-    }),
-    end: figma.boolean('show end', {
-      true: figma.instance('↳ end'),
-      false: undefined
-    }),
-    compact: figma.boolean('compact'),
-    variant: figma.enum('border style', {
-      none: 'default',
-      ruled: 'ruled',
-      graph: 'graph'
-    }),
-    backgroundColor: figma.boolean('show background', {
-      true: 'bgAlternate',
-      false: undefined
-    })
-  },
-  example: _ref2 => {
-    let {
-        compact,
-        variant,
-        backgroundColor
-      } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded2);
-    return /*#__PURE__*/_jsx(Table, {
-      compact: compact,
-      variant: variant,
-      children: /*#__PURE__*/_jsx(TableHeader, {
-        children: /*#__PURE__*/_jsx(TableRow, {
-          backgroundColor: backgroundColor,
-          children: /*#__PURE__*/_jsx(TableCell, _objectSpread({}, props))
-        })
-      })
-    });
-  }
-});

package/esm/tabs/__figma__/SegmentedTabs.figma.js

@@ -1,82 +0,0 @@
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { figma } from '@figma/code-connect';
-import { SegmentedTab } from '../SegmentedTab';
-import { SegmentedTabs } from '../SegmentedTabs';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(SegmentedTabs, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=20859-2979&m=dev', {
-  imports: ["import { SegmentedTabs } from '@coinbase/cds-web/tabs/SegmentedTabs'"],
-  variant: {
-    tabs: '2 tabs'
-  },
-  props: {
-    activeTab: figma.enum('active state', {
-      left: {
-        id: '1',
-        label: 'Title'
-      },
-      right: {
-        id: '2',
-        label: 'Title'
-      }
-    }),
-    disabled: figma.boolean('disabled')
-  },
-  example: props => /*#__PURE__*/_jsx(SegmentedTabs, _objectSpread({
-    onChange: () => {},
-    tabs: [{
-      id: '1',
-      label: 'Title'
-    }, {
-      id: '2',
-      label: 'Title'
-    }]
-  }, props))
-});
-figma.connect(SegmentedTabs, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=20859-2979&m=dev', {
-  imports: ["import { SegmentedTabs } from '@coinbase/cds-web/tabs/SegmentedTabs'"],
-  variant: {
-    tabs: '3 tabs'
-  },
-  props: {
-    activeTab: figma.enum('active state', {
-      left: {
-        id: '1',
-        label: 'Title'
-      },
-      center: {
-        id: '2',
-        label: 'Title'
-      },
-      right: {
-        id: '3',
-        label: 'Title'
-      }
-    }),
-    disabled: figma.boolean('disabled')
-  },
-  example: props => /*#__PURE__*/_jsx(SegmentedTabs, _objectSpread({
-    onChange: () => {},
-    tabs: [{
-      id: '1',
-      label: 'Title'
-    }, {
-      id: '2',
-      label: 'Title'
-    }, {
-      id: '3',
-      label: 'Title'
-    }]
-  }, props))
-});
-figma.connect(SegmentedTabs, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=20859-3073&m=dev', {
-  imports: ["import { SegmentedTab } from '@coinbase/cds-web/tabs/SegmentedTab'"],
-  props: {
-    id: figma.string('title'),
-    label: figma.string('title')
-  },
-  example: props => /*#__PURE__*/_jsx(SegmentedTab, _objectSpread({}, props))
-});

package/esm/tabs/__figma__/TabNavigation.figma.js

@@ -1,82 +0,0 @@
-import { useMemo, useState } from 'react';
-import { figma } from '@figma/code-connect';
-import { TabNavigation } from '../TabNavigation';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(TabNavigation, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=240-8930&m=dev', {
-  imports: ["import { TabNavigation } from '@coinbase/cds-web/tabs/TabNavigation'"],
-  props: {
-    tab1: figma.nestedProps('1 Primary Tab', {
-      count: figma.boolean('dot count', {
-        true: 1,
-        false: undefined
-      }),
-      label: figma.textContent('Label'),
-      id: figma.textContent('Label')
-    }),
-    tab2: figma.nestedProps('2 Primary Tab', {
-      count: figma.boolean('dot count', {
-        true: 1,
-        false: undefined
-      }),
-      label: figma.textContent('Label'),
-      id: figma.textContent('Label')
-    }),
-    tab3: figma.nestedProps('3 Primary Tab', {
-      count: figma.boolean('dot count', {
-        true: 1,
-        false: undefined
-      }),
-      label: figma.textContent('Label'),
-      id: figma.textContent('Label')
-    }),
-    tab4: figma.nestedProps('4 Primary Tab', {
-      count: figma.boolean('dot count', {
-        true: 1,
-        false: undefined
-      }),
-      label: figma.textContent('Label'),
-      id: figma.textContent('Label')
-    }),
-    tab5: figma.nestedProps('5 Primary Tab', {
-      count: figma.boolean('dot count', {
-        true: 1,
-        false: undefined
-      }),
-      label: figma.textContent('Label'),
-      id: figma.textContent('Label')
-    }),
-    tab6: figma.nestedProps('6 Primary Tab', {
-      count: figma.boolean('dot count', {
-        true: 1,
-        false: undefined
-      }),
-      label: figma.textContent('Label'),
-      id: figma.textContent('Label')
-    })
-  },
-  example: function Example() {
-    const tabs = useMemo(() => [{
-      id: 'first_primary_tab',
-      label: 'Primary tab',
-      count: 1
-    }, {
-      id: 'second_primary_tab',
-      label: 'Primary tab'
-    }, {
-      id: 'third_primary_tab',
-      label: 'Primary tab'
-    }, {
-      id: 'fourth_primary_tab',
-      label: 'Primary tab'
-    }, {
-      id: 'fifth_primary_tab',
-      label: 'Primary tab'
-    }], []);
-    const [value, setValue] = useState(tabs[0].id);
-    return /*#__PURE__*/_jsx(TabNavigation, {
-      onChange: setValue,
-      tabs: tabs,
-      value: value
-    });
-  }
-});

package/esm/tag/__figma__/Tag.figma.js

@@ -1,90 +0,0 @@
-const _excluded = ["children"],
-  _excluded2 = ["children"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-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 { Tag } from '../Tag';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(Tag, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=68%3A996', {
-  imports: ["import { Tag } from '@coinbase/cds-web/tag/Tag'"],
-  variant: {
-    intent: 'informational'
-  },
-  props: {
-    emphasis: figma.enum('emphasis', {
-      high: 'high',
-      low: 'low'
-    }),
-    colorScheme: figma.enum('colorScheme', {
-      green: 'green',
-      purple: 'purple',
-      blue: 'blue',
-      yellow: 'yellow',
-      red: 'red',
-      gray: 'gray'
-    }),
-    children: figma.nestedProps('string.info tags', {
-      node: figma.enum('Ready-made', {
-        Custom: figma.string('string'),
-        'Most popular': figma.textContent('tag-label'),
-        New: figma.textContent('tag-label'),
-        'Needs review': figma.textContent('tag-label'),
-        'Not verified': figma.textContent('tag-label'),
-        Recommended: figma.textContent('tag-label')
-      })
-    })
-  },
-  example: _ref => {
-    let {
-        children
-      } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-    return /*#__PURE__*/_jsx(Tag, _objectSpread(_objectSpread({}, props), {}, {
-      children: children.node
-    }));
-  }
-});
-figma.connect(Tag, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=68%3A996', {
-  imports: ["import { Tag } from '@coinbase/cds-web/tag/Tag'"],
-  variant: {
-    intent: 'promotional'
-  },
-  props: {
-    emphasis: figma.enum('emphasis', {
-      high: 'high',
-      low: 'low'
-    }),
-    colorScheme: figma.enum('colorScheme', {
-      green: 'green',
-      purple: 'purple',
-      blue: 'blue',
-      yellow: 'yellow',
-      red: 'red',
-      gray: 'gray'
-    }),
-    children: figma.nestedProps('string.promo tags', {
-      node: figma.enum('Ready-made', {
-        Custom: figma.string('string'),
-        'Most popular': figma.textContent('tag-label'),
-        New: figma.textContent('tag-label'),
-        Recommended: figma.textContent('tag-label')
-      })
-    })
-  },
-  example: _ref2 => {
-    let {
-        children
-      } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded2);
-    return /*#__PURE__*/_jsx(Tag, _objectSpread(_objectSpread({
-      intent: "promotional"
-    }, props), {}, {
-      children: children.node
-    }));
-  }
-});

package/esm/typography/__figma__/Link.figma.js

@@ -1,32 +0,0 @@
-const _excluded = ["children"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-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 { Link } from '../Link';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(Link, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=324-14982&m=dev', {
-  imports: ["import { Link } from '@coinbase/cds-web/typography/Link'"],
-  props: {
-    children: figma.string('string'),
-    color: figma.enum('variant', {
-      primary: 'fgPrimary',
-      foreground: 'fg',
-      negativeForeground: 'fgNegative'
-    }),
-    underline: figma.boolean('underline')
-  },
-  example: _ref => {
-    let {
-        children
-      } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-    return /*#__PURE__*/_jsx(Link, _objectSpread(_objectSpread({}, props), {}, {
-      children: children
-    }));
-  }
-});

package/esm/visualizations/__figma__/ProgressBar.figma.js

@@ -1,103 +0,0 @@
-const _excluded = ["floatLabel", "progress", "labelPlacement"],
-  _excluded2 = ["showStartLabel", "showEndLabel", "progress", "labelPlacement"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-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 { ProgressBar } from '../ProgressBar';
-import { ProgressBarWithFixedLabels } from '../ProgressBarWithFixedLabels';
-import { ProgressBarWithFloatLabel } from '../ProgressBarWithFloatLabel';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(ProgressBar, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=64-746&m=dev', {
-  imports: ["import { ProgressBar } from '@coinbase/cds-web/visualizations/ProgressBar'", "import { ProgressBarWithFloatLabel } from '@coinbase/cds-web/visualizations/ProgressBarWithFloatLabel'"],
-  props: {
-    weight: figma.enum('weight', {
-      normal: 'normal',
-      heavy: 'heavy',
-      thin: 'thin'
-    }),
-    disabled: figma.boolean('disabled'),
-    progress: figma.enum('progress', {
-      '100%': 1,
-      '75%': 0.75,
-      '50%': 0.5,
-      '25%': 0.25,
-      '0%': 0
-    }),
-    floatLabel: figma.enum('progress', {
-      '100%': 100,
-      '75%': 75,
-      '50%': 50,
-      '25%': 25,
-      '0%': 0
-    }),
-    labelPlacement: figma.enum('label placement', {
-      'float above': 'above',
-      'float below': 'below'
-    })
-  },
-  example: _ref => {
-    let {
-        floatLabel,
-        progress,
-        labelPlacement
-      } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-    return /*#__PURE__*/_jsx(ProgressBarWithFloatLabel, {
-      label: floatLabel,
-      labelPlacement: labelPlacement,
-      progress: progress,
-      children: /*#__PURE__*/_jsx(ProgressBar, _objectSpread({
-        progress: progress
-      }, props))
-    });
-  }
-});
-figma.connect(ProgressBar, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=64-746&m=dev', {
-  imports: ["import { ProgressBar } from '@coinbase/cds-web/visualizations/ProgressBar'", "import { ProgressBarWithFloatLabel } from '@coinbase/cds-web/visualizations/ProgressBarWithFloatLabel'"],
-  props: {
-    weight: figma.enum('weight', {
-      normal: 'normal',
-      heavy: 'heavy',
-      thin: 'thin'
-    }),
-    disabled: figma.boolean('disabled'),
-    progress: figma.enum('progress', {
-      '100%': 1,
-      '75%': 0.75,
-      '50%': 0.5,
-      '25%': 0.25,
-      '0%': 0
-    }),
-    labelPlacement: figma.enum('label placement', {
-      'fixed above': 'above',
-      'fixed below': 'below',
-      'side-by-side': 'beside'
-    }),
-    showStartLabel: figma.boolean('show start label'),
-    showEndLabel: figma.boolean('show end label')
-  },
-  example: _ref2 => {
-    let {
-        showStartLabel,
-        showEndLabel,
-        progress,
-        labelPlacement
-      } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded2);
-    const startLabel = showStartLabel ? progress : undefined;
-    const endLabel = showEndLabel ? progress : undefined;
-    return /*#__PURE__*/_jsx(ProgressBarWithFixedLabels, {
-      endLabel: endLabel,
-      labelPlacement: labelPlacement,
-      startLabel: startLabel,
-      children: /*#__PURE__*/_jsx(ProgressBar, _objectSpread({
-        progress: progress
-      }, props))
-    });
-  }
-});

package/esm/visualizations/__figma__/ProgressCircle.figma.js

@@ -1,29 +0,0 @@
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { figma } from '@figma/code-connect';
-import { ProgressCircle } from '../ProgressCircle';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(ProgressCircle, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=64-917&m=dev', {
-  imports: ["import { ProgressCircle } from '@coinbase/cds-web/visualizations/ProgressCircle'"],
-  props: {
-    hideText: figma.boolean('progress label', {
-      true: undefined,
-      false: true
-    }),
-    weight: figma.enum('weight', {
-      normal: 'normal',
-      heavy: 'heavy',
-      thin: 'thin'
-    }),
-    progress: figma.enum('progress', {
-      '100%': 1,
-      '75%': 0.75,
-      '50%': 0.5,
-      '25%': 0.25
-    })
-  },
-  example: props => /*#__PURE__*/_jsx(ProgressCircle, _objectSpread({}, props))
-});

package/esm/visualizations/sparkline/__figma__/Sparkline.figma.js

@@ -1,24 +0,0 @@
-/* eslint-disable react-hooks/rules-of-hooks */
-
-import React from 'react';
-import { figma } from '@figma/code-connect';
-import { Sparkline } from '../Sparkline';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(Sparkline, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=320-15040&m=dev', {
-  imports: ["import { Sparkline } from '@coinbase/cds-web/visualizations/sparkline'", "import { useSparklinePath } from '@coinbase/cds-common/visualizations/useSparklinePath'"],
-  example: () => {
-    const data = [20, 30, 5, 45, 0];
-    // @ts-expect-error: useSparklinePath is not typed correctly
-    const path = useSparklinePath({
-      height: 200,
-      width: 200,
-      data
-    });
-    return /*#__PURE__*/_jsx(Sparkline, {
-      color: "auto",
-      height: 200,
-      path: path,
-      width: 400
-    });
-  }
-});

package/esm/visualizations/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.js

@@ -1,89 +0,0 @@
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React from 'react';
-import { figma } from '@figma/code-connect';
-import { SparklineInteractive } from '../SparklineInteractive';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(SparklineInteractive, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=320-14858&m=dev', {
-  imports: ["import { SparklineInteractive } from '@coinbase/cds-web/visualizations/sparkline'"],
-  props: {
-    compact: figma.boolean('compact'),
-    disableScrubbing: figma.boolean('scrubbing', {
-      false: true,
-      true: false
-    })
-  },
-  example: props => {
-    const periods = [{
-      label: '1H',
-      value: 'hour'
-    }, {
-      label: '1D',
-      value: 'day'
-    }, {
-      label: '1W',
-      value: 'week'
-    }, {
-      label: '1M',
-      value: 'month'
-    }, {
-      label: '1Y',
-      value: 'year'
-    }, {
-      label: 'All',
-      value: 'all'
-    }];
-    const data = {
-      hour: [],
-      day: [{
-        value: 49259.38,
-        date: new Date('2021-12-05T04:00:00.000Z')
-      }, {
-        value: 49163.79,
-        date: new Date('2021-12-05T04:05:00.000Z')
-      }, {
-        value: 49146.66,
-        date: new Date('2021-12-05T04:10:00.000Z')
-      }, {
-        value: 49083.92,
-        date: new Date('2021-12-05T04:15:00.000Z')
-      }, {
-        value: 49115.3,
-        date: new Date('2021-12-05T04:20:00.000Z')
-      }, {
-        value: 48992.14,
-        date: new Date('2021-12-05T04:25:00.000Z')
-      }, {
-        value: 49075.75,
-        date: new Date('2021-12-05T04:30:00.000Z')
-      }, {
-        value: 49025.78,
-        date: new Date('2021-12-05T04:35:00.000Z')
-      }, {
-        value: 49066.23,
-        date: new Date('2021-12-05T04:40:00.000Z')
-      }, {
-        value: 49247.82,
-        date: new Date('2021-12-05T04:45:00.000Z')
-      }],
-      week: [],
-      month: [],
-      year: [],
-      all: []
-    };
-    return /*#__PURE__*/_jsx(SparklineInteractive, _objectSpread({
-      data: data,
-      defaultPeriod: "day",
-      formatDate: date => date.toLocaleString('en-US', {
-        timeZone: 'America/New_York',
-        hour: 'numeric',
-        minute: 'numeric'
-      }),
-      periods: periods,
-      strokeColor: "#cb51bb"
-    }, props));
-  }
-});