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

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/select/components/utils.d.ts

@@ -1,6 +1,6 @@
 import type { ColorMode } from '@chakra-ui/system';
 import type { GroupBase, StylesConfig, Theme } from 'react-select';
-export declare function selectStyles<OptionType = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<OptionType> = GroupBase<OptionType>>(colorMode: ColorMode, isError: boolean): StylesConfig<OptionType, IsMulti, Group> | undefined;
+export declare function selectStyles<OptionType = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<OptionType> = GroupBase<OptionType>>(colorMode: ColorMode, _isError: boolean): StylesConfig<OptionType, IsMulti, Group> | undefined;
 export declare const themeSelect: (theme: Theme) => {
     colors: {
         primary: string;

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));
@@ -2373,7 +2373,7 @@ const SelectWrapper = ({
   return /*#__PURE__*/React__default.createElement(react.Box, {
     css: react$1.css`
         .react-select__control {
-          border-color: ${isError ? colors.danger['500'] : colors.neutral['400']} !important;
+          border-color: ${isError ? colors.danger['500'] : colors.neutral['500']} !important;
         }
 
         .react-select__control:hover {
@@ -2392,8 +2392,7 @@ const selectStyle = {
   lineHeight: styleMd.lineHeight,
   letterSpacing: 0
 };
-function selectStyles(colorMode, isError) {
-  const boxShadowStyle = isError ? `0 0 0 1px ${colors.danger['500']}` : `0 0 0 1px ${colors.primary['500']}`;
+function selectStyles(colorMode, _isError) {
   return {
     control: (base, state) => colorMode === 'dark' ? {
       ...base,
@@ -2401,11 +2400,11 @@ function selectStyles(colorMode, isError) {
       background: 'transparent',
       color: colors.primary['300'],
       borderColor: colors.secondary['500'],
-      boxShadow: state.isFocused ? boxShadowStyle : `inherit`
+      boxShadow: state.isFocused ? 'none' : `inherit`
     } : {
       ...base,
       ...selectStyle,
-      boxShadow: state.isFocused ? boxShadowStyle : colors.neutral['500']
+      boxShadow: state.isFocused ? 'none' : colors.neutral['500']
     },
     option: (base, {
       isSelected
@@ -2490,7 +2489,7 @@ function Select({
     classNamePrefix: "react-select"
   }, rest, {
     styles: {
-      ...selectStyles(colorMode, isError)
+      ...selectStyles(colorMode)
     },
     theme: themeSelect
   })));
@@ -2510,7 +2509,7 @@ function SelectAsync({
     classNamePrefix: "react-select"
   }, rest, {
     styles: {
-      ...selectStyles(colorMode, isError),
+      ...selectStyles(colorMode),
       ...styles
     },
     theme: themeSelect
@@ -2531,7 +2530,7 @@ function SelectAsyncCreatable({
     classNamePrefix: "react-select"
   }, rest, {
     styles: {
-      ...selectStyles(colorMode, isError),
+      ...selectStyles(colorMode),
       ...styles
     },
     theme: themeSelect
@@ -2552,7 +2551,7 @@ function SelectCreatable({
     classNamePrefix: "react-select"
   }, rest, {
     styles: {
-      ...selectStyles(colorMode, isError),
+      ...selectStyles(colorMode),
       ...styles
     },
     theme: themeSelect