@ctlyst.id/internal-ui 1.0.4-canary.6 → 1.0.4-canary.7

package/dist/internal-ui.esm.js

@@ -29,7 +29,7 @@ const BreadCrumb = props => {
     disableHome,
     spacing = 2
   } = props;
-  const [neutral7, dark5] = useToken('colors', ['neutral.700', 'dark.500']);
+  const [neutral6, dark5] = useToken('colors', ['neutral.600', 'dark.500']);
   return /*#__PURE__*/createElement(Box, {
     "data-test-id": "CT_component_breadcrumb_breadcrumb",
     className: className,
@@ -42,16 +42,16 @@ const BreadCrumb = props => {
     alignItems: "center"
   }, /*#__PURE__*/createElement(Text, {
     pr: 2,
-    fontWeight: 500,
-    textStyle: "heading.3",
+    fontWeight: 600,
+    textStyle: "heading.4",
     color: useColorModeValue('neutral.700', 'white')
   }, title), /*#__PURE__*/createElement(Box, {
     h: "22px",
     borderLeft: "1px solid",
-    borderColor: useColorModeValue('neutral.700', 'white')
+    borderColor: useColorModeValue(neutral6, 'white')
   }), /*#__PURE__*/createElement(Breadcrumb, {
     separator: /*#__PURE__*/createElement(FiChevronsRight, {
-      color: useColorModeValue(neutral7, dark5),
+      color: useColorModeValue(neutral6, dark5),
       size: 14
     }),
     pl: 2.5,
@@ -101,7 +101,7 @@ const BreadCrumb = props => {
       cursor: 'default'
     }
   }, /*#__PURE__*/createElement(Text, {
-    color: useColorModeValue('dark.700', 'white'),
+    color: useColorModeValue(neutral6, 'white'),
     fontSize: "text.sm",
     fontWeight: 400
   }, title))))), children && /*#__PURE__*/createElement(Box, null, children));