@coinbase/cds-web 8.38.0 → 8.38.2

package/esm/layout/__figma__/Divider.figma.js

@@ -8,7 +8,7 @@ import { figma } from '@figma/code-connect';
 import { Divider } from '../Divider';
 import { jsx as _jsx } from "react/jsx-runtime";
 figma.connect(Divider, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=283-19869&m=dev', {
-  imports: ["import { Divider } from '@coinbase/cds-web/layout/Divider';"],
+  imports: ["import { Divider } from '@coinbase/cds-web/layout/Divider'"],
   props: {
     color: figma.enum('type', {
       line: 'bgLine',
@@ -18,7 +18,7 @@ figma.connect(Divider, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-
   example: props => /*#__PURE__*/_jsx(Divider, _objectSpread({}, props))
 });
 figma.connect(Divider, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=60-654&m=dev', {
-  imports: ["import { Divider } from '@coinbase/cds-web/layout/Divider';"],
+  imports: ["import { Divider } from '@coinbase/cds-web/layout/Divider'"],
   props: {
     color: figma.enum('type', {
       line: 'bgLine',

package/esm/layout/__figma__/Fallback.figma.js

@@ -8,7 +8,7 @@ import { figma } from '@figma/code-connect';
 import { Fallback } from '../Fallback';
 import { jsx as _jsx } from "react/jsx-runtime";
 figma.connect(Fallback, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=731-14951&m=dev', {
-  imports: ["import { Fallback } from '@coinbase/cds-web/layout/Fallback';"],
+  imports: ["import { Fallback } from '@coinbase/cds-web/layout/Fallback'"],
   props: {
     shape: figma.enum('shape', {
       circle: 'circle',

package/esm/multi-content-module/__figma__/MultiContentModule.figma.js

@@ -11,7 +11,7 @@ import { figma } from '@figma/code-connect';
 import { MultiContentModule } from '../MultiContentModule';
 import { jsx as _jsx } from "react/jsx-runtime";
 figma.connect(MultiContentModule, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=14727%3A26365', {
-  imports: ["import { MultiContentModule } from '@coinbase/cds-web/multi-content-module/MultiContentModule';"],
+  imports: ["import { MultiContentModule } from '@coinbase/cds-web/multi-content-module/MultiContentModule'"],
   props: {
     title: figma.string('headline'),
     description: figma.boolean('show description', {

package/esm/navigation/__figma__/NavLink.figma.js

@@ -12,7 +12,7 @@ import { HStack } from '../../layout';
 import { NavLink } from '../NavLink';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 figma.connect(NavLink, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=240-16872&m=dev', {
-  imports: ["import { NavLink } from '@coinbase/cds-web/navigation/NavLink';"],
+  imports: ["import { NavLink } from '@coinbase/cds-web/navigation/NavLink'"],
   props: {
     children: figma.string('navLink string'),
     active: figma.enum('state', {
@@ -37,7 +37,7 @@ figma.connect(NavLink, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-
   }
 });
 figma.connect(NavLink, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=283-19790&m=dev', {
-  imports: ["import { NavLink } from '@coinbase/cds-web/navigation/NavLink';", "import { HStack } from '@coinbase/cds-web/layout/HStack';"],
+  imports: ["import { NavLink } from '@coinbase/cds-web/navigation/NavLink'", "import { HStack } from '@coinbase/cds-web/layout/HStack'"],
   example: () => /*#__PURE__*/_jsxs(HStack, {
     gap: 4,
     children: [/*#__PURE__*/_jsx(NavLink, {

package/esm/navigation/__figma__/NavigationBar.figma.js

@@ -8,7 +8,7 @@ import { TabNavigation } from '../../tabs';
 import { NavigationBar } from '../NavigationBar';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 figma.connect(NavigationBar, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=10414-896', {
-  imports: ["import { NavigationBar } from '@coinbase/cds-web/navigation/NavigationBar';"],
+  imports: ["import { NavigationBar } from '@coinbase/cds-web/navigation/NavigationBar'"],
   props: {
     // showsearch27799: figma.boolean('show search'),
     // showhelpcenter176314: figma.boolean('show help center'),
@@ -138,7 +138,7 @@ figma.connect(NavigationBar, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2
   }
 });
 figma.connect(NavigationBar, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=10414-896', {
-  imports: ["import { NavigationBar } from '@coinbase/cds-web/navigation/NavigationBar';"],
+  imports: ["import { NavigationBar } from '@coinbase/cds-web/navigation/NavigationBar'"],
   variant: {
     device: 'tablet'
   },
@@ -237,7 +237,7 @@ figma.connect(NavigationBar, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2
   }
 });
 figma.connect(NavigationBar, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=10414-896', {
-  imports: ["import { NavigationBar } from '@coinbase/cds-web/navigation/NavigationBar';"],
+  imports: ["import { NavigationBar } from '@coinbase/cds-web/navigation/NavigationBar'"],
   variant: {
     device: 'responsive mobile'
   },

package/esm/navigation/__figma__/NavigationTitle.figma.js

@@ -3,7 +3,7 @@ import { figma } from '@figma/code-connect';
 import { NavigationTitle } from '../NavigationTitle';
 import { jsx as _jsx } from "react/jsx-runtime";
 figma.connect(NavigationTitle, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=1221-19383', {
-  imports: ["import { NavigationTitle } from '@coinbase/cds-web/navigation/NavigationTitle';"],
+  imports: ["import { NavigationTitle } from '@coinbase/cds-web/navigation/NavigationTitle'"],
   props: {
     children: figma.string('page title')
   },

package/esm/navigation/__figma__/Sidebar.figma.js

@@ -12,7 +12,7 @@ import { LogoMark } from '../../icons';
 import { Sidebar } from '../Sidebar';
 import { jsx as _jsx } from "react/jsx-runtime";
 figma.connect(Sidebar, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=252-13321&m=dev', {
-  imports: ["import { Sidebar } from '@coinbase/cds-web/navigation/Sidebar';", "import { SidebarItem } from '@coinbase/cds-web/navigation/SidebarItem';", "import { LogoMark } from '@coinbase/cds-web/icons/LogoMark';"],
+  imports: ["import { Sidebar } from '@coinbase/cds-web/navigation/Sidebar'", "import { SidebarItem } from '@coinbase/cds-web/navigation/SidebarItem'", "import { LogoMark } from '@coinbase/cds-web/icons/LogoMark'"],
   props: {
     type: figma.enum('type', {
       default: 'default',

package/esm/navigation/__figma__/SidebarItem.figma.js

@@ -1,25 +1,28 @@
-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 { SidebarItem } from '../SidebarItem';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(SidebarItem, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=252%3A12892', {
-  imports: ["import { SidebarItem } from '@coinbase/cds-web/navigation/SidebarItem';"],
-  props: {
-    active: figma.boolean('active'),
-    title: figma.boolean('show label', {
-      true: figma.string('label text'),
-      false: undefined
-    }),
-    icon: figma.boolean('show start icon', {
-      true: 'heart',
-      false: undefined
-    })
-  },
-  // @ts-expect-error not typed
-  example: props => /*#__PURE__*/_jsx(SidebarItem, _objectSpread({}, props))
-});
+// import React from 'react';
+// import { figma } from '@figma/code-connect';
+
+// import { SidebarItem } from '../SidebarItem';
+
+// figma.connect(
+//   SidebarItem,
+//   'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=252-12892',
+//   {
+//     imports: ["import { SidebarItem } from '@coinbase/cds-web/navigation/SidebarItem';"],
+//     variant: { type: 'default', state: 'default', active: 'true' },
+//     props: {},
+//     // @ts-expect-error not typed
+//     example: (props) => <SidebarItem active {...props} />,
+//   },
+// );
+
+// figma.connect(
+//   SidebarItem,
+//   'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=252-12892',
+//   {
+//     imports: ["import { SidebarItem } from '@coinbase/cds-web/navigation/SidebarItem';"],
+//     variant: { type: 'compact', state: 'default', active: 'true' },
+//     props: {},
+//     // @ts-expect-error not typed
+//     example: (props) => <SidebarItem active compact {...props} />,
+//   },
+// );

package/esm/overlays/FocusTrap.js

@@ -72,7 +72,7 @@ export const FocusTrap = /*#__PURE__*/memo(function FocusTrap(_ref) {
     const secondElement = focusableElements[1];
     const lastElement = focusableElements[focusableElements.length - 1];
     const activeElementIndex = activeElement ? focusableElements.indexOf(activeElement) : undefined;
-    const secondElementIsMenuItemOrOption = secondElement.role === 'menuitem' || secondElement.role === 'option';
+    const secondElementIsMenuItemOrOption = (secondElement === null || secondElement === void 0 ? void 0 : secondElement.role) === 'menuitem' || (secondElement === null || secondElement === void 0 ? void 0 : secondElement.role) === 'option';
 
     // bring focus inside modal
     if (!isFocused.current &&
@@ -116,7 +116,7 @@ export const FocusTrap = /*#__PURE__*/memo(function FocusTrap(_ref) {
         return;
       }
       if (event.key === 'Tab' || event.key === 'ArrowDown' && (activeElementIsMenuItemOrOption || secondElementIsMenuItemOrOption)) {
-        secondElement.focus();
+        secondElement === null || secondElement === void 0 || secondElement.focus();
       }
     };
     if (event.key === 'Home') {

package/esm/overlays/__figma__/Toast.figma.js

@@ -7,7 +7,7 @@ import { Toast } from '../Toast';
 import { useToast } from '../useToast';
 import { jsx as _jsx } from "react/jsx-runtime";
 figma.connect(Toast, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=8500%3A674', {
-  imports: ["import { useToast } from '@coinbase/cds-web/overlays/useToast';"],
+  imports: ["import { useToast } from '@coinbase/cds-web/overlays/useToast'"],
   props: {
     hideCloseButton: figma.boolean('close', {
       true: undefined,

package/esm/overlays/modal/__figma__/FullscreenModal.figma.js

@@ -9,7 +9,7 @@ import { Button } from '../../../buttons';
 import { FullscreenModal } from '../FullscreenModal';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 figma.connect(FullscreenModal, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=302%3A20262', {
-  imports: ["import { FullscreenModal } from '@coinbase/cds-web/overlays/Modal/FullscreenModal';"],
+  imports: ["import { FullscreenModal } from '@coinbase/cds-web/overlays/Modal/FullscreenModal'"],
   variant: {
     layout: 'primary + secondary'
   },
@@ -40,7 +40,7 @@ figma.connect(FullscreenModal, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4l
   }
 });
 figma.connect(FullscreenModal, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=302%3A20262', {
-  imports: ["import { FullscreenModal } from '@coinbase/cds-web/overlays/Modal/FullscreenModal';"],
+  imports: ["import { FullscreenModal } from '@coinbase/cds-web/overlays/Modal/FullscreenModal'"],
   variant: {
     layout: 'primary left aligned'
   },
@@ -70,7 +70,7 @@ figma.connect(FullscreenModal, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4l
   }
 });
 figma.connect(FullscreenModal, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=302%3A20262', {
-  imports: ["import { FullscreenModal } from '@coinbase/cds-web/overlays/Modal/FullscreenModal';"],
+  imports: ["import { FullscreenModal } from '@coinbase/cds-web/overlays/Modal/FullscreenModal'"],
   variant: {
     layout: 'primary centered'
   },

package/esm/overlays/modal/__figma__/Modal.figma.js

@@ -15,7 +15,7 @@ import { ModalFooter } from '../ModalFooter';
 import { ModalHeader } from '../ModalHeader';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 figma.connect(Modal, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=68-1065&m=dev', {
-  imports: ["import { Modal } from '@coinbase/cds-web/overlays/Modal/Modal';", "import { ModalHeader } from '@coinbase/cds-web/overlays/Modal/ModalHeader';", "import { ModalFooter } from '@coinbase/cds-web/overlays/Modal/ModalFooter';", "import { ModalBody } from '@coinbase/cds-web/overlays/Modal/ModalBody';"],
+  imports: ["import { Modal } from '@coinbase/cds-web/overlays/Modal/Modal'", "import { ModalHeader } from '@coinbase/cds-web/overlays/Modal/ModalHeader'", "import { ModalFooter } from '@coinbase/cds-web/overlays/Modal/ModalFooter'", "import { ModalBody } from '@coinbase/cds-web/overlays/Modal/ModalBody'"],
   props: {
     modalHeader: figma.nestedProps('.Modal Header', {
       // onBackButtonPress: figma.boolean('show back button', {

package/esm/overlays/tooltip/__figma__/Tooltip.figma.js

@@ -4,7 +4,7 @@ import { TextBody, TextHeadline } from '../../../typography';
 import { Tooltip } from '../Tooltip';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 figma.connect(Tooltip, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=715%3A14162', {
-  imports: ["import { Tooltip } from '@coinbase/cds-web/overlays';", "import { Button } from '@coinbase/cds-web/buttons/Button';"],
+  imports: ["import { Tooltip } from '@coinbase/cds-web/overlays'", "import { Button } from '@coinbase/cds-web/buttons/Button'"],
   variant: {
     type: 'body'
   },
@@ -37,7 +37,7 @@ figma.connect(Tooltip, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-
   }
 });
 figma.connect(Tooltip, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=715%3A14162', {
-  imports: ["import { Tooltip } from '@coinbase/cds-web/overlays';", "import { Button } from '@coinbase/cds-web/buttons/Button';"],
+  imports: ["import { Tooltip } from '@coinbase/cds-web/overlays'", "import { Button } from '@coinbase/cds-web/buttons/Button'"],
   variant: {
     type: 'title + body'
   },

package/esm/page/__figma__/PageFooter.figma.js

@@ -2,7 +2,7 @@ import { figma } from '@figma/code-connect';
 import { PageFooter } from '../PageFooter';
 import { jsx as _jsx } from "react/jsx-runtime";
 figma.connect(PageFooter, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=17685%3A3266', {
-  imports: ["import { PageFooter } from '@coinbase/cds-web/page/PageFooter';"],
+  imports: ["import { PageFooter } from '@coinbase/cds-web/page/PageFooter'"],
   props: {
     action: figma.children('ButtonGroup')
   },

package/esm/page/__figma__/PageHeader.figma.js

@@ -4,7 +4,7 @@ import { HStack } from '../../layout';
 import { PageHeader } from '../PageHeader';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 figma.connect(PageHeader, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=17685%3A3171', {
-  imports: ["import { PageHeader } from '@coinbase/cds-web/page/PageHeader';", "import { HStack } from '@coinbase/cds-web/layout/HStack';"],
+  imports: ["import { PageHeader } from '@coinbase/cds-web/page/PageHeader'", "import { HStack } from '@coinbase/cds-web/layout/HStack'"],
   props: {
     start: figma.boolean('show start', {
       true: figma.enum('type', {

package/esm/pagination/__figma__/Pagination.figma.js

@@ -7,7 +7,7 @@ import { figma } from '@figma/code-connect';
 import { Pagination } from '../Pagination';
 import { jsx as _jsx } from "react/jsx-runtime";
 figma.connect(Pagination, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=49607-6651&m=dev', {
-  imports: ["import { Pagination } from '@coinbase/cds-web/pagination/Pagination';"],
+  imports: ["import { Pagination } from '@coinbase/cds-web/pagination/Pagination'"],
   props: {
     totalPages: figma.enum('number of pages', {
       '5< pages': 5,

package/esm/section-header/__figma__/SectionHeader.figma.js

@@ -11,7 +11,7 @@ import { HStack } from '../../layout';
 import { SectionHeader } from '../SectionHeader';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 figma.connect(SectionHeader, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=19270%3A19118', {
-  imports: ["import { SectionHeader } from '@coinbase/cds-web/section-header/SectionHeader';"],
+  imports: ["import { SectionHeader } from '@coinbase/cds-web/section-header/SectionHeader'"],
   props: {
     title: figma.children('string.section title'),
     balance: figma.enum('type', {

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

@@ -15,7 +15,7 @@ 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';"],
+  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',
@@ -62,7 +62,7 @@ figma.connect(TableCell, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/
   }
 });
 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';"],
+  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',

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

@@ -8,7 +8,7 @@ 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';"],
+  imports: ["import { SegmentedTabs } from '@coinbase/cds-web/tabs/SegmentedTabs'"],
   variant: {
     tabs: '2 tabs'
   },
@@ -37,7 +37,7 @@ figma.connect(SegmentedTabs, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2
   }, 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';"],
+  imports: ["import { SegmentedTabs } from '@coinbase/cds-web/tabs/SegmentedTabs'"],
   variant: {
     tabs: '3 tabs'
   },
@@ -73,7 +73,7 @@ figma.connect(SegmentedTabs, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2
   }, 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';"],
+  imports: ["import { SegmentedTab } from '@coinbase/cds-web/tabs/SegmentedTab'"],
   props: {
     id: figma.string('title'),
     label: figma.string('title')

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

@@ -3,7 +3,7 @@ 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';"],
+  imports: ["import { TabNavigation } from '@coinbase/cds-web/tabs/TabNavigation'"],
   props: {
     tab1: figma.nestedProps('1 Primary Tab', {
       count: figma.boolean('dot count', {

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

@@ -11,7 +11,7 @@ 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';"],
+  imports: ["import { Tag } from '@coinbase/cds-web/tag/Tag'"],
   variant: {
     intent: 'informational'
   },
@@ -50,7 +50,7 @@ figma.connect(Tag, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-
   }
 });
 figma.connect(Tag, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=68%3A996', {
-  imports: ["import { Tag } from '@coinbase/cds-web/tag/Tag';"],
+  imports: ["import { Tag } from '@coinbase/cds-web/tag/Tag'"],
   variant: {
     intent: 'promotional'
   },

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

@@ -10,7 +10,7 @@ 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';"],
+  imports: ["import { Link } from '@coinbase/cds-web/typography/Link'"],
   props: {
     children: figma.string('string'),
     color: figma.enum('variant', {

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

@@ -13,7 +13,7 @@ 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';"],
+  imports: ["import { ProgressBar } from '@coinbase/cds-web/visualizations/ProgressBar'", "import { ProgressBarWithFloatLabel } from '@coinbase/cds-web/visualizations/ProgressBarWithFloatLabel'"],
   props: {
     weight: figma.enum('weight', {
       normal: 'normal',
@@ -58,7 +58,7 @@ figma.connect(ProgressBar, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/
   }
 });
 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';"],
+  imports: ["import { ProgressBar } from '@coinbase/cds-web/visualizations/ProgressBar'", "import { ProgressBarWithFloatLabel } from '@coinbase/cds-web/visualizations/ProgressBarWithFloatLabel'"],
   props: {
     weight: figma.enum('weight', {
       normal: 'normal',

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

@@ -7,7 +7,7 @@ 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';"],
+  imports: ["import { ProgressCircle } from '@coinbase/cds-web/visualizations/ProgressCircle'"],
   props: {
     hideText: figma.boolean('progress label', {
       true: undefined,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-web",
-  "version": "8.38.0",
+  "version": "8.38.2",
   "description": "Coinbase Design System - Web",
   "repository": {
     "type": "git",
@@ -203,7 +203,7 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@coinbase/cds-common": "^8.38.0",
+    "@coinbase/cds-common": "^8.38.2",
     "@coinbase/cds-icons": "^5.9.0",
     "@coinbase/cds-illustrations": "^4.29.0",
     "@coinbase/cds-lottie-files": "^3.3.4",
@@ -226,7 +226,6 @@
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@coinbase/cds-web-utils": "^0.0.0",
-    "@figma/code-connect": "^1.3.4",
     "@linaria/core": "^3.0.0-beta.22",
     "@linaria/shaker": "^3.0.0-beta.22",
     "@storybook/jest": "^0.2.3",

package/dts/controls/__figma__/Select.figma.d.ts

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

package/dts/controls/__figma__/Select.figma.d.ts.map

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

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

@@ -1,47 +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 { Select } from '../Select';
-import { SelectOption } from '../SelectOption';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(Select, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=247-13005&m=dev', {
-  imports: ["import { Select } from '@coinbase/cds-web/controls';", "import { SelectOption } from '@coinbase/cds-web/controls';"],
-  props: {
-    startNode: figma.boolean('show start', {
-      true: figma.instance('🔄 start'),
-      false: undefined
-    }),
-    label: figma.boolean('show label', {
-      true: 'Label',
-      false: undefined
-    }),
-    helperText: figma.boolean('show helper text', {
-      true: 'Assistive Message',
-      false: undefined
-    }),
-    variant: figma.enum('state', {
-      positive: 'positive',
-      negative: 'negative'
-    }),
-    placeholder: figma.string('inputText'),
-    disabled: figma.boolean('disabled'),
-    compact: figma.boolean('compact'),
-    value: figma.enum('state', {
-      selected: 'Option 1'
-    })
-  },
-  example: function () {
-    for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
-      props[_key] = arguments[_key];
-    }
-    return /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({}, props), {}, {
-      children: /*#__PURE__*/_jsx(SelectOption, {
-        title: "Option 1",
-        value: "Option 1"
-      }, "Option 1")
-    }));
-  }
-});