@ndlib/component-library 1.0.44 → 1.0.46

package/dist/theme/index.d.ts

@@ -36,7 +36,7 @@ export declare const theme: {
         lightGray: string;
         extraLightGray: string;
         extraExtraLightGray: string;
-        ndTertiary1: string;
+        success: string;
         ndBlue: string;
         ndBlueDark: string;
         ndBlueLight: string;
@@ -58,6 +58,7 @@ export declare const theme: {
         ndSecondary4: string;
         ndSecondary5: string;
         ndSecondary6: string;
+        ndTertiary1: string;
         ndTertiary2: string;
         ndTertiary3: string;
         ndTertiary4: string;
@@ -70,6 +71,7 @@ export declare const theme: {
         alertWarningBg: string;
         alertWarningBorder: string;
         alertSuccessBg: string;
+        alertSuccessBorder: string;
     };
     space: string[];
     boxShadow: typeof BOX_SHADOW;
@@ -125,7 +127,7 @@ export declare const themeV2: {
         lightGray: string;
         extraLightGray: string;
         extraExtraLightGray: string;
-        ndTertiary1: string;
+        success: string;
         ndBlue: string;
         ndBlueDark: string;
         ndBlueLight: string;
@@ -147,6 +149,7 @@ export declare const themeV2: {
         ndSecondary4: string;
         ndSecondary5: string;
         ndSecondary6: string;
+        ndTertiary1: string;
         ndTertiary2: string;
         ndTertiary3: string;
         ndTertiary4: string;
@@ -159,6 +162,7 @@ export declare const themeV2: {
         alertWarningBg: string;
         alertWarningBorder: string;
         alertSuccessBg: string;
+        alertSuccessBorder: string;
     };
     space: string[];
     boxShadow: typeof BOX_SHADOW;
@@ -243,94 +247,7 @@ export type StyledElementPropsV2<E extends Element, CustomProps = object, Childr
 } & Omit<React.HTMLAttributes<E>, 'children' | 'onChange'> & CustomProps & {
     htmlFor?: string;
 };
-export declare const useTheme: () => {
-    colors: {
-        text: string;
-        lightText: string;
-        background: string;
-        transparent: string;
-        primary: string;
-        textOnPrimary: string;
-        primaryHighlight: string;
-        secondary: string;
-        textOnSecondary: string;
-        secondaryHighlight: string;
-        white: string;
-        warmWhite: string;
-        warmWhiteDark: string;
-        black: string;
-        darkGray: string;
-        gray: string;
-        lightGray: string;
-        extraLightGray: string;
-        extraExtraLightGray: string;
-        ndTertiary1: string;
-        ndBlue: string;
-        ndBlueDark: string;
-        ndBlueLight: string;
-        ndBlueBright: string;
-        ndGold: string;
-        ndGoldLight: string;
-        ndGoldDark: string;
-        ndGreem: string;
-        ndGreenLight: string;
-        ndSkyBlue: string;
-        ndSkyBlueDark: string;
-        ndSkyBlueLight: string;
-        ndMetallicGold: string;
-        ndMetallicGoldLight: string;
-        ndProvostBlue: string;
-        ndSecondary1: string;
-        ndSecondary2: string;
-        ndSecondary3: string;
-        ndSecondary4: string;
-        ndSecondary5: string;
-        ndSecondary6: string;
-        ndTertiary2: string;
-        ndTertiary3: string;
-        ndTertiary4: string;
-        ndTertiary5: string;
-        ndTertiary6: string;
-        alertInformationalBg: string;
-        alertInformationalBorder: string;
-        alertInformationalYellowBg: string;
-        alertInformationalYellowBorder: string;
-        alertWarningBg: string;
-        alertWarningBorder: string;
-        alertSuccessBg: string;
-    };
-    space: string[];
-    boxShadow: typeof BOX_SHADOW;
-    breakpoints: string[];
-    zIndex: typeof Z_INDEX;
-    fonts: {
-        branded: string;
-        branded2: string;
-        serif: string;
-        normal: string;
-    };
-    fontSizes: {
-        xxs: string;
-        xs: string;
-        sm: string;
-        ms: string;
-        md: string;
-        ml: string;
-        lg: string;
-        xl: string;
-        xxl: string;
-    };
-    lineHeights: {
-        normal: number;
-        condensed: number;
-        extraCondensed: number;
-    };
-    fontWeights: {
-        normal: number;
-        heading: number;
-        bold: number;
-    };
-};
+export declare const useTheme: () => Theme;
 export declare const ThemeProvider: React.FC<PropsWithChildren>;
 export declare const useThemeV2: () => ThemeV2;
 export declare const ThemeProviderV2: React.FC<PropsWithChildren>;

package/dist/theme/index.js

@@ -35,7 +35,7 @@ export const useTheme = () => {
     return theme;
 };
 export const ThemeProvider = ({ children }) => {
-    return _jsx(ThemeUIProvider, Object.assign({ theme: theme }, { children: children }));
+    return _jsx(ThemeUIProvider, { theme: theme, children: children });
 };
 const ThemeV2Context = createContext(themeV2);
 export const useThemeV2 = () => {
@@ -47,5 +47,5 @@ export const useThemeV2 = () => {
 };
 export const ThemeProviderV2 = ({ children }) => {
     const value = useMemo(() => themeV2, []);
-    return (_jsx(ThemeV2Context.Provider, Object.assign({ value: value }, { children: children })));
+    return (_jsx(ThemeV2Context.Provider, { value: value, children: children }));
 };

package/dist/theme/typography.d.ts

@@ -97,6 +97,6 @@ export declare const typographyStyleMap: {
 export declare const getTypographyStyles: (typography?: TYPOGRAPHY_TYPE) => {
     fontFamily: FONT;
     fontSize: FONT_SIZE;
-    fontWeight?: FONT_WEIGHT | undefined;
+    fontWeight?: FONT_WEIGHT;
     lineHeight: LINE_HEIGHT;
 };

package/dist/utils/test.js

@@ -3,7 +3,7 @@ import { render as rtlRender } from '@testing-library/react';
 import { UiProvider } from '../components/providers/ui';
 export const render = (component, configParam) => {
     const config = configParam || {};
-    return rtlRender(_jsx(UiProvider, Object.assign({ env: config.env, components: config.components, alertsConfig: {
+    return rtlRender(_jsx(UiProvider, { env: config.env, components: config.components, alertsConfig: {
             disable: true,
-        } }, { children: component })));
+        }, children: component }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndlib/component-library",
-  "version": "1.0.44",
+  "version": "1.0.46",
   "type": "module",
   "sideEffects": false,
   "files": [
@@ -60,15 +60,15 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
+    "@types/minimatch": "^6.0.0",
     "@types/pretty": "^2.0.1",
     "@types/react": "18.2.7",
-    "@types/react-beautiful-dnd": "^13.1.5",
     "@types/react-datepicker": "^4.15.0",
     "@types/react-dom": "18.2.7",
     "@types/react-modal": "^3.16.0",
     "@types/sanitize-html": "^2.9.0",
-    "@typescript-eslint/eslint-plugin": "^5.57.1",
-    "@typescript-eslint/parser": "^5.57.1",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
     "@vitejs/plugin-react-swc": "^3.0.0",
     "@vitest/coverage-c8": "^0.33.0",
     "@vitest/coverage-istanbul": "^1.6.0",
@@ -97,8 +97,8 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.24.5",
+    "@hello-pangea/dnd": "^17.0.0",
     "clsx": "^2.1.1",
-    "react-beautiful-dnd": "^13.1.1",
     "react-datepicker": "^4.16.0",
     "react-markdown": "^8.0.7",
     "react-modal": "^3.16.1",