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

package/dist/components/breadcrumb/index.d.ts

@@ -1,2 +1,2 @@
-export { default as BreadCrumb } from './components/BreadCrumb';
-export * from './components/BreadCrumb';
+export { default as BreadCrumb } from './components/bread-crumb';
+export * from './components/bread-crumb';

package/dist/components/header/components/header.d.ts

@@ -5,6 +5,7 @@ export declare type HeaderProps = BoxProps & {
     data?: HeaderDataProps;
     onLogout?: () => void;
     onOpenModalRelease?: () => void;
+    hideSwitchMode?: boolean;
 };
 declare const Header: React.FC<HeaderProps>;
 export default Header;

package/dist/internal-ui.cjs.development.js

@@ -35,7 +35,7 @@ const BreadCrumb = props => {
     disableHome,
     spacing = 2
   } = props;
-  const [neutral7, dark5] = react.useToken('colors', ['neutral.700', 'dark.500']);
+  const [neutral6, dark5] = react.useToken('colors', ['neutral.600', 'dark.500']);
   return /*#__PURE__*/React.createElement(react.Box, {
     "data-test-id": "CT_component_breadcrumb_breadcrumb",
     className: className,
@@ -48,16 +48,16 @@ const BreadCrumb = props => {
     alignItems: "center"
   }, /*#__PURE__*/React.createElement(react.Text, {
     pr: 2,
-    fontWeight: 500,
-    textStyle: "heading.3",
+    fontWeight: 600,
+    textStyle: "heading.4",
     color: react.useColorModeValue('neutral.700', 'white')
   }, title), /*#__PURE__*/React.createElement(react.Box, {
     h: "22px",
     borderLeft: "1px solid",
-    borderColor: react.useColorModeValue('neutral.700', 'white')
+    borderColor: react.useColorModeValue(neutral6, 'white')
   }), /*#__PURE__*/React.createElement(react.Breadcrumb, {
     separator: /*#__PURE__*/React.createElement(fi.FiChevronsRight, {
-      color: react.useColorModeValue(neutral7, dark5),
+      color: react.useColorModeValue(neutral6, dark5),
       size: 14
     }),
     pl: 2.5,
@@ -107,7 +107,7 @@ const BreadCrumb = props => {
       cursor: 'default'
     }
   }, /*#__PURE__*/React.createElement(react.Text, {
-    color: react.useColorModeValue('dark.700', 'white'),
+    color: react.useColorModeValue(neutral6, 'white'),
     fontSize: "text.sm",
     fontWeight: 400
   }, title))))), children && /*#__PURE__*/React.createElement(react.Box, null, children));
@@ -1934,6 +1934,7 @@ const Header = ({
   data,
   onLogout,
   onOpenModalRelease,
+  hideSwitchMode,
   ...props
 }) => /*#__PURE__*/React.createElement(react.Box, Object.assign({
   minH: 14,
@@ -1954,14 +1955,15 @@ const Header = ({
   onOpenModalRelease: onOpenModalRelease
 })), /*#__PURE__*/React.createElement(react.Flex, {
   alignItems: "center"
-}, /*#__PURE__*/React.createElement(SwitchMode, null), /*#__PURE__*/React.createElement(Profile, {
+}, !hideSwitchMode && /*#__PURE__*/React.createElement(SwitchMode, null), /*#__PURE__*/React.createElement(Profile, {
   data: data,
   onLogout: onLogout
 }))));
 Header.defaultProps = {
   data: undefined,
   onLogout: undefined,
-  onOpenModalRelease: undefined
+  onOpenModalRelease: undefined,
+  hideSwitchMode: false
 };
 
 const ModalBody = /*#__PURE__*/React__default.forwardRef(({