@nuskin/foundation-ui-components 1.0.0-cft-35.10 → 1.0.0-cft-35.12

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+# [1.0.0-cft-35.12](https://code.tls.nuskin.io/ns-am/content-foundation/foundation-ui-components/compare/v1.0.0-cft-35.11...v1.0.0-cft-35.12) (2023-04-25)
+
+
+### Fix
+
+* removing utils folder ([e4de0f0](https://code.tls.nuskin.io/ns-am/content-foundation/foundation-ui-components/commit/e4de0f0000622258f05479f3b5e601498b0008ed))
+
+# [1.0.0-cft-35.11](https://code.tls.nuskin.io/ns-am/content-foundation/foundation-ui-components/compare/v1.0.0-cft-35.10...v1.0.0-cft-35.11) (2023-04-25)
+
+
+### fix
+
+* to trigger a release v10 ([4382a19](https://code.tls.nuskin.io/ns-am/content-foundation/foundation-ui-components/commit/4382a197a15e6c3704d9a7896414b881172eacd1))
+
+### Fix
+
+* retrigger a build ([ef6bf9e](https://code.tls.nuskin.io/ns-am/content-foundation/foundation-ui-components/commit/ef6bf9ed20556c5cbdf2f87dccc34ff85e544c9b))
+
 # [1.0.0-cft-35.10](https://code.tls.nuskin.io/ns-am/content-foundation/foundation-ui-components/compare/v1.0.0-cft-35.9...v1.0.0-cft-35.10) (2023-04-25)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nuskin/foundation-ui-components",
-    "version": "1.0.0-cft-35.10",
+    "version": "1.0.0-cft-35.12",
     "description": "It is a foundation library written in react, that provides commom components to all UI pages",
     "private": false,
     "main": "src/common/index.ts",

package/src/common/brand-components/NsBrandComponent.tsx

@@ -20,7 +20,7 @@ const NsBrandComponent = (props: PropsWithChildren<NsBrandComponentProps>) => {
     const renderBrand = useCallback(() => {
         const BrandComponent = VariantMap[variant || 'stacked'];
         return <BrandComponent color={color as any} />;
-    }, [variant]);
+    }, [color, variant]);
     return <LogoContainer size={size}>{renderBrand()}</LogoContainer>;
 };
 

package/src/common/dropdown/NsDropdown.styled.tsx

@@ -1,4 +1,3 @@
-import { getIsLight } from '../../utils/utils';
 import { styled, ColorUtils, FoundationTheme } from '@nuskin/foundation-theme';
 const { getPaletteColor, getAppColor } = ColorUtils;
 
@@ -33,6 +32,11 @@ export const DropdownList = styled.div<{ borderColor: FoundationTheme.PaletteCol
     color: ${({ theme }) => getPaletteColor(theme, 'primary', 'main')};
     background-color: ${({ theme }) => getPaletteColor(theme, 'primary', 'contrastText')};
 `;
+const getIsLight = (theme: FoundationTheme.Theme) => {
+    const { palette = { primary: { main: '', contrastText: '' } } } = theme;
+    return palette.primary.main === getAppColor(theme, 'primary', 'black');
+};
+
 const getDividerColor = (theme: FoundationTheme.Theme) => {
     const isLight = getIsLight(theme);
     const dividerColor = isLight ? getAppColor(theme, 'neutral', '30') : getAppColor(theme, 'neutral', '20');

package/src/common/index.ts

@@ -15,6 +15,7 @@ export * from './icon';
 export * from './input';
 export * from './image';
 export * from './label';
-export * from './dropdown';
 
+/* Dropdown Components */
+export * from './dropdown';
 export * from './auth-dropdown';

package/src/common/input/InputFieldWrapper.tsx

@@ -1,7 +1,6 @@
-import { getSuccessColor } from '../../utils/utils';
 import { Stack } from '@mui/material';
 import { styled, ColorUtils } from '@nuskin/foundation-theme';
-const { getPaletteColor } = ColorUtils;
+const { getPaletteColor, getAppColor } = ColorUtils;
 
 const InputFieldWrapper = styled(Stack)(({ theme }: any) => {
     return {
@@ -13,7 +12,7 @@ const InputFieldWrapper = styled(Stack)(({ theme }: any) => {
             marginTop: 0,
             color: getPaletteColor(theme, 'primary', 'main'),
             '&.success': {
-                color: getSuccessColor(theme),
+                color: getAppColor(theme, 'success', '40') as string,
             },
             '&.error': {
                 color: getPaletteColor(theme, 'error', 'main'),