@coinbase/cds-web 8.66.0 → 8.66.2

package/esm/tabs/SegmentedTab.js

@@ -6,17 +6,14 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 React, { forwardRef, memo, useCallback, useMemo } from 'react';
+import React, { forwardRef, memo, useCallback } from 'react';
 import { useTabsContext } from '@coinbase/cds-common/tabs/TabsContext';
-import { m as motion } from 'framer-motion';
 import { cx } from '../cx';
 import { useComponentConfig } from '../hooks/useComponentConfig';
 import { Box } from '../layout/Box';
 import { Pressable } from '../system/Pressable';
 import { Text } from '../typography/Text';
-import { tabsTransitionConfig } from './Tabs';
 import { jsx as _jsx } from "react/jsx-runtime";
-const MotionBox = motion(Box);
 const insetFocusRingCss = "insetFocusRingCss-i13o7yik";
 const buttonCss = "buttonCss-bijg88k";
 const buttonDisabledCss = "buttonDisabledCss-b265t1b";
@@ -52,13 +49,6 @@ const SegmentedTabComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_props,
     updateActiveTab(id);
     onClick === null || onClick === void 0 || onClick(id, event);
   }, [id, updateActiveTab, onClick]);
-  const motionProps = useMemo(() => ({
-    animate: {
-      color: "var(--color-".concat(isActive ? activeColor : color, ")")
-    },
-    transition: tabsTransitionConfig,
-    initial: false
-  }), [activeColor, color, isActive]);
   return /*#__PURE__*/_jsx(Pressable, _objectSpread(_objectSpread({
     ref: ref,
     "aria-selected": isActive,
@@ -77,12 +67,12 @@ const SegmentedTabComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_props,
     textTransform: textTransform,
     type: "button"
   }, props), {}, {
-    children: /*#__PURE__*/_jsx(MotionBox, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsx(Box, {
       as: "span",
+      color: isActive ? activeColor : color,
       justifyContent: "center",
       paddingX: 2,
-      paddingY: 1
-    }, motionProps), {}, {
+      paddingY: 1,
       children: typeof label === 'string' ? /*#__PURE__*/_jsx(Text, {
         color: "currentColor",
         font: font,
@@ -94,7 +84,7 @@ const SegmentedTabComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_props,
         textTransform: textTransform,
         children: label
       }) : label
-    }))
+    })
   }));
 }));
 SegmentedTabComponent.displayName = 'SegmentedTab';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-web",
-  "version": "8.66.0",
+  "version": "8.66.2",
   "description": "Coinbase Design System - Web",
   "repository": {
     "type": "git",
@@ -207,8 +207,8 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@coinbase/cds-common": "^8.66.0",
-    "@coinbase/cds-icons": "^5.15.0",
+    "@coinbase/cds-common": "^8.66.2",
+    "@coinbase/cds-icons": "^5.16.0",
     "@coinbase/cds-illustrations": "^4.38.0",
     "@coinbase/cds-lottie-files": "^3.3.4",
     "@coinbase/cds-utils": "^2.3.5",