@coinbase/cds-mobile 9.1.2 → 9.2.0

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

@@ -1,99 +0,0 @@
-const _excluded = ["floatLabel", "progress", "labelPlacement"],
-  _excluded2 = ["showStartLabel", "showEndLabel", "progress", "labelPlacement"];
-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 { 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-mobile/visualizations/ProgressBar'", "import { ProgressBarWithFloatLabel } from '@coinbase/cds-mobile/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 = _objectWithoutPropertiesLoose(_ref, _excluded);
-    return /*#__PURE__*/_jsx(ProgressBarWithFloatLabel, {
-      label: floatLabel,
-      labelPlacement: labelPlacement,
-      progress: progress,
-      children: /*#__PURE__*/_jsx(ProgressBar, _extends({
-        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-mobile/visualizations/ProgressBar'", "import { ProgressBarWithFloatLabel } from '@coinbase/cds-mobile/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 = _objectWithoutPropertiesLoose(_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, _extends({
-        progress: progress
-      }, props))
-    });
-  }
-});

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

@@ -1,26 +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 { 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-mobile/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, _extends({}, props))
-});

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

@@ -1,22 +0,0 @@
-import React from 'react';
-import { useSparklinePath } from '@coinbase/cds-common/visualizations/useSparklinePath';
-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/%E2%9C%A8-CDS-Components?node-id=320%3A15040', {
-  imports: ["import { Sparkline } from '@coinbase/cds-mobile/visualizations/sparkline'", "import { useSparklinePath } from '@coinbase/cds-common/visualizations/useSparklinePath'"],
-  example: function Example() {
-    const data = [20, 30, 5, 45, 0];
-    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,85 +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 { SparklineInteractive } from '../SparklineInteractive';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(SparklineInteractive, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=320-14858&m=dev', {
-  imports: ["import { SparklineInteractive } from '@coinbase/cds-mobile/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, _extends({
-      data: data,
-      defaultPeriod: "day",
-      formatDate: date => date.toLocaleString('en-US', {
-        timeZone: 'America/New_York',
-        hour: 'numeric',
-        minute: 'numeric'
-      }),
-      periods: periods,
-      strokeColor: "#cb51bb"
-    }, props));
-  }
-});

package/esm/visualizations/sparkline/sparkline-interactive-header/__figma__/SparklineInteractiveHeader.figma.js

@@ -1,104 +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 { SparklineInteractive } from '../../sparkline-interactive/SparklineInteractive';
-import { SparklineInteractiveHeader } from '../SparklineInteractiveHeader';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(SparklineInteractiveHeader, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=320-14931&m=dev', {
-  imports: ["import { SparklineInteractiveHeader } from '@coinbase/cds-mobile/visualizations/sparkline'", "import { SparklineInteractive } from '@coinbase/cds-mobile/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: []
-    };
-    const defaultSubHead = {
-      percent: '1.35%',
-      sign: 'upwardTrend',
-      variant: 'positive',
-      accessibilityLabel: 'on Sunday, December 5, 2021 at 10:55 PM, up',
-      priceChange: '$21.36'
-    };
-    const header = /*#__PURE__*/_jsx(SparklineInteractiveHeader, {
-      defaultLabel: "Portfolio balance"
-      // @ts-expect-error: defaultSubHead is not part of the type definition
-      ,
-      defaultSubHead: defaultSubHead,
-      defaultTitle: "$10,023.82"
-    });
-    return /*#__PURE__*/_jsx(SparklineInteractive, _extends({
-      data: data,
-      defaultPeriod: "day",
-      formatDate: date => date.toLocaleString('en-US', {
-        timeZone: 'America/New_York',
-        hour: 'numeric',
-        minute: 'numeric'
-      }),
-      headerNode: header,
-      onPeriodChanged: () => {},
-      onScrub: () => {},
-      onScrubEnd: () => {},
-      periods: periods,
-      strokeColor: "#cb51bb"
-    }, props));
-  }
-});