@davincihealthcare/elty-design-system-foundations - npm Package Compare versions

Comparing version 1.0.1 to 1.1.0

dist/index.d.ts

@@ -1,2 +0,2 @@
-import theme from './preset';
+import { theme } from './preset';
 export declare const TailwindPlugin: {
@@ -3,0 +3,0 @@ handler: import("tailwindcss/types/config").PluginCreator;

dist/index.js

@@ -209,150 +209,148 @@ function c(e) {
 }, b = {
-  theme: {
-    screens: {
-      xs: "360px",
-      xl: "1280px",
-      "2xl": "1536px",
-      "3xl": "1920px"
-    },
-    spacing: {
-      "90-screen": "90vh",
-      "80-screen": "80vh",
-      "70-screen": "70vh",
-      "50-screen": "50vh"
-    },
-    fontFamily: {
-      sans: ["Plus Jakarta Sans", "Sans-serif"]
-    },
-    width: {
-      82: "20.5rem",
-      84: "21rem",
-      86: "21.5rem"
-    },
-    height: {
-      100: "25rem",
-      104: "26rem"
-    },
-    minHeight: {
-      20: "5rem",
-      48: "12rem",
-      80: "20rem"
-    },
-    minWidth: {
-      12: "3rem",
-      48: "12rem",
-      100: "100px"
-    },
-    maxHeight: {
-      128: "32rem"
-    },
-    fontSize: {
-      sm: ["0.875rem", "1.125rem"],
-      base: ["1rem", "1.375rem"],
-      lg: ["1.125rem", "1.5rem"]
-    },
-    colors: r,
-    backgroundColor: {
-      "neutral-surface": r.white,
-      "neutral-surface-raised": r.neutral[50],
-      "neutral-inactive": r.neutral[100],
-      "neutral-hover": r.neutral[50],
-      "neutral-pressed": r.neutral[200],
-      "neutral-active": r.neutral[50],
-      primary: r.brandBlue[800],
-      "primary-hover": r.brandBlue[600],
-      "primary-pressed": r.brandBlue[500],
-      "primary-active": r.brandBlue[500],
-      "primary-light-hover": r.brandBlue[50],
-      "primary-light-pressed": r.brandBlue[100],
-      "primary-light-active": r.brandBlue[50],
-      secondary: r.brandGreen[500],
-      "secondary-hover": r.brandGreen[600],
-      "secondary-pressed": r.brandGreen[700],
-      "secondary-active": r.brandGreen[500],
-      "secondary-light-hover": r.brandGreen[50],
-      "secondary-light-pressed": r.brandGreen[100],
-      "secondary-light-active": r.brandGreen[50],
-      error: r.red[500],
-      "error-hover": r.red[600],
-      "error-pressed": r.red[700],
-      "error-active": r.red[500],
-      "error-light-hover": r.red[50],
-      "error-light-pressed": r.red[100],
-      "error-light-active": r.red[50]
-    },
-    textColor: {
-      "neutral-inverse": r.white,
-      "neutral-inactive": r.neutral[300],
-      "neutral-lighter": r.neutral[500],
-      "neutral-darker": r.neutral[900],
-      primary: r.brandBlue[800],
-      "primary-hover": r.brandBlue[600],
-      "primary-pressed": r.brandBlue[500],
-      "primary-active": r.brandBlue[500],
-      secondary: r.brandGreen[500],
-      "secondary-hover": r.brandGreen[600],
-      "secondary-pressed": r.brandGreen[700],
-      "secondary-active": r.brandGreen[500],
-      error: r.red[500],
-      "error-hover": r.red[600],
-      "error-pressed": r.red[700],
-      "error-active": r.red[500]
-    },
-    fill: {
-      "neutral-inverse": r.white,
-      "neutral-inactive": r.neutral[300],
-      "neutral-lighter": r.neutral[500],
-      "neutral-darker": r.neutral[900],
-      primary: r.brandBlue[800],
-      "primary-hover": r.brandBlue[600],
-      "primary-pressed": r.brandBlue[500],
-      "primary-active": r.brandBlue[500],
-      secondary: r.brandGreen[500],
-      "secondary-hover": r.brandGreen[600],
-      "secondary-pressed": r.brandGreen[700],
-      "secondary-active": r.brandGreen[500],
-      error: r.red[500],
-      "error-hover": r.red[600],
-      "error-pressed": r.red[700],
-      "error-active": r.red[500]
-    },
-    borderColor: {
-      "neutral-inverse": r.white,
-      "neutral-inactive": r.neutral[300],
-      "neutral-surface": r.neutral[200],
-      primary: r.brandBlue[800],
-      "primary-hover": r.brandBlue[600],
-      "primary-pressed": r.brandBlue[500],
-      "primary-active": r.brandBlue[500],
-      secondary: r.brandGreen[500],
-      "secondary-hover": r.brandGreen[600],
-      "secondary-pressed": r.brandGreen[700],
-      "secondary-active": r.brandGreen[500],
-      error: r.red[500],
-      "error-hover": r.red[600],
-      "error-pressed": r.red[700],
-      "error-active": r.red[500]
-    },
-    divide: {
-      "neutral-inverse": r.white,
-      "neutral-inactive": r.neutral[300],
-      "neutral-surface": r.neutral[200],
-      primary: r.brandBlue[800],
-      "primary-hover": r.brandBlue[600],
-      "primary-pressed": r.brandBlue[500],
-      "primary-active": r.brandBlue[500],
-      secondary: r.brandGreen[500],
-      "secondary-hover": r.brandGreen[600],
-      "secondary-pressed": r.brandGreen[700],
-      "secondary-active": r.brandGreen[500],
-      error: r.red[500],
-      "error-hover": r.red[600],
-      "error-pressed": r.red[700],
-      "error-active": r.red[500]
-    },
-    ringColor: {
-      "outlined-primary": r.brandBlue[500],
-      "outlined-secondary": r.brandGreen[500],
-      "outlined-error": r.red[500]
-    }
+  screens: {
+    xs: "360px",
+    xl: "1280px",
+    "2xl": "1536px",
+    "3xl": "1920px"
+  },
+  spacing: {
+    "90-screen": "90vh",
+    "80-screen": "80vh",
+    "70-screen": "70vh",
+    "50-screen": "50vh"
+  },
+  fontFamily: {
+    sans: ["Plus Jakarta Sans", "Sans-serif"]
+  },
+  width: {
+    82: "20.5rem",
+    84: "21rem",
+    86: "21.5rem"
+  },
+  height: {
+    100: "25rem",
+    104: "26rem"
+  },
+  minHeight: {
+    20: "5rem",
+    48: "12rem",
+    80: "20rem"
+  },
+  minWidth: {
+    12: "3rem",
+    48: "12rem",
+    100: "100px"
+  },
+  maxHeight: {
+    128: "32rem"
+  },
+  fontSize: {
+    sm: ["0.875rem", "1.125rem"],
+    base: ["1rem", "1.375rem"],
+    lg: ["1.125rem", "1.5rem"]
+  },
+  colors: r,
+  backgroundColor: {
+    "neutral-surface": r.white,
+    "neutral-surface-raised": r.neutral[50],
+    "neutral-inactive": r.neutral[100],
+    "neutral-hover": r.neutral[50],
+    "neutral-pressed": r.neutral[200],
+    "neutral-active": r.neutral[50],
+    primary: r.brandBlue[800],
+    "primary-hover": r.brandBlue[600],
+    "primary-pressed": r.brandBlue[500],
+    "primary-active": r.brandBlue[500],
+    "primary-light-hover": r.brandBlue[50],
+    "primary-light-pressed": r.brandBlue[100],
+    "primary-light-active": r.brandBlue[50],
+    secondary: r.brandGreen[500],
+    "secondary-hover": r.brandGreen[600],
+    "secondary-pressed": r.brandGreen[700],
+    "secondary-active": r.brandGreen[500],
+    "secondary-light-hover": r.brandGreen[50],
+    "secondary-light-pressed": r.brandGreen[100],
+    "secondary-light-active": r.brandGreen[50],
+    error: r.red[500],
+    "error-hover": r.red[600],
+    "error-pressed": r.red[700],
+    "error-active": r.red[500],
+    "error-light-hover": r.red[50],
+    "error-light-pressed": r.red[100],
+    "error-light-active": r.red[50]
+  },
+  textColor: {
+    "neutral-inverse": r.white,
+    "neutral-inactive": r.neutral[300],
+    "neutral-lighter": r.neutral[500],
+    "neutral-darker": r.neutral[900],
+    primary: r.brandBlue[800],
+    "primary-hover": r.brandBlue[600],
+    "primary-pressed": r.brandBlue[500],
+    "primary-active": r.brandBlue[500],
+    secondary: r.brandGreen[500],
+    "secondary-hover": r.brandGreen[600],
+    "secondary-pressed": r.brandGreen[700],
+    "secondary-active": r.brandGreen[500],
+    error: r.red[500],
+    "error-hover": r.red[600],
+    "error-pressed": r.red[700],
+    "error-active": r.red[500]
+  },
+  fill: {
+    "neutral-inverse": r.white,
+    "neutral-inactive": r.neutral[300],
+    "neutral-lighter": r.neutral[500],
+    "neutral-darker": r.neutral[900],
+    primary: r.brandBlue[800],
+    "primary-hover": r.brandBlue[600],
+    "primary-pressed": r.brandBlue[500],
+    "primary-active": r.brandBlue[500],
+    secondary: r.brandGreen[500],
+    "secondary-hover": r.brandGreen[600],
+    "secondary-pressed": r.brandGreen[700],
+    "secondary-active": r.brandGreen[500],
+    error: r.red[500],
+    "error-hover": r.red[600],
+    "error-pressed": r.red[700],
+    "error-active": r.red[500]
+  },
+  borderColor: {
+    "neutral-inverse": r.white,
+    "neutral-inactive": r.neutral[300],
+    "neutral-surface": r.neutral[200],
+    primary: r.brandBlue[800],
+    "primary-hover": r.brandBlue[600],
+    "primary-pressed": r.brandBlue[500],
+    "primary-active": r.brandBlue[500],
+    secondary: r.brandGreen[500],
+    "secondary-hover": r.brandGreen[600],
+    "secondary-pressed": r.brandGreen[700],
+    "secondary-active": r.brandGreen[500],
+    error: r.red[500],
+    "error-hover": r.red[600],
+    "error-pressed": r.red[700],
+    "error-active": r.red[500]
+  },
+  divide: {
+    "neutral-inverse": r.white,
+    "neutral-inactive": r.neutral[300],
+    "neutral-surface": r.neutral[200],
+    primary: r.brandBlue[800],
+    "primary-hover": r.brandBlue[600],
+    "primary-pressed": r.brandBlue[500],
+    "primary-active": r.brandBlue[500],
+    secondary: r.brandGreen[500],
+    "secondary-hover": r.brandGreen[600],
+    "secondary-pressed": r.brandGreen[700],
+    "secondary-active": r.brandGreen[500],
+    error: r.red[500],
+    "error-hover": r.red[600],
+    "error-pressed": r.red[700],
+    "error-active": r.red[500]
+  },
+  ringColor: {
+    "outlined-primary": r.brandBlue[500],
+    "outlined-secondary": r.brandGreen[500],
+    "outlined-error": r.red[500]
   }
@@ -359,0 +357,0 @@ }, p = B(() => {

dist/preset.d.ts

@@ -1,310 +0,2 @@
-/** @type { import("tailwindcss").Config["theme"] } */
-declare const _default: {
-    theme: {
-        screens: {
-            xs: string;
-            xl: string;
-            '2xl': string;
-            '3xl': string;
-        };
-        spacing: {
-            '90-screen': string;
-            '80-screen': string;
-            '70-screen': string;
-            '50-screen': string;
-        };
-        fontFamily: {
-            sans: string[];
-        };
-        width: {
-            82: string;
-            84: string;
-            86: string;
-        };
-        height: {
-            100: string;
-            104: string;
-        };
-        minHeight: {
-            20: string;
-            48: string;
-            80: string;
-        };
-        minWidth: {
-            12: string;
-            48: string;
-            100: string;
-        };
-        maxHeight: {
-            128: string;
-        };
-        fontSize: {
-            sm: string[];
-            base: string[];
-            lg: string[];
-        };
-        colors: {
-            brandBlue: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            brandGreen: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            rose: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            pink: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            purple: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            indigo: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            cyan: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            neutral: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            green: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            yellow: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            orange: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            red: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            alpha: {
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            white: string;
-        };
-        backgroundColor: {
-            'neutral-surface': string;
-            'neutral-surface-raised': string;
-            'neutral-inactive': string;
-            'neutral-hover': string;
-            'neutral-pressed': string;
-            'neutral-active': string;
-            primary: string;
-            'primary-hover': string;
-            'primary-pressed': string;
-            'primary-active': string;
-            'primary-light-hover': string;
-            'primary-light-pressed': string;
-            'primary-light-active': string;
-            secondary: string;
-            'secondary-hover': string;
-            'secondary-pressed': string;
-            'secondary-active': string;
-            'secondary-light-hover': string;
-            'secondary-light-pressed': string;
-            'secondary-light-active': string;
-            error: string;
-            'error-hover': string;
-            'error-pressed': string;
-            'error-active': string;
-            'error-light-hover': string;
-            'error-light-pressed': string;
-            'error-light-active': string;
-        };
-        textColor: {
-            'neutral-inverse': string;
-            'neutral-inactive': string;
-            'neutral-lighter': string;
-            'neutral-darker': string;
-            primary: string;
-            'primary-hover': string;
-            'primary-pressed': string;
-            'primary-active': string;
-            secondary: string;
-            'secondary-hover': string;
-            'secondary-pressed': string;
-            'secondary-active': string;
-            error: string;
-            'error-hover': string;
-            'error-pressed': string;
-            'error-active': string;
-        };
-        fill: {
-            'neutral-inverse': string;
-            'neutral-inactive': string;
-            'neutral-lighter': string;
-            'neutral-darker': string;
-            primary: string;
-            'primary-hover': string;
-            'primary-pressed': string;
-            'primary-active': string;
-            secondary: string;
-            'secondary-hover': string;
-            'secondary-pressed': string;
-            'secondary-active': string;
-            error: string;
-            'error-hover': string;
-            'error-pressed': string;
-            'error-active': string;
-        };
-        borderColor: {
-            'neutral-inverse': string;
-            'neutral-inactive': string;
-            'neutral-surface': string;
-            primary: string;
-            'primary-hover': string;
-            'primary-pressed': string;
-            'primary-active': string;
-            secondary: string;
-            'secondary-hover': string;
-            'secondary-pressed': string;
-            'secondary-active': string;
-            error: string;
-            'error-hover': string;
-            'error-pressed': string;
-            'error-active': string;
-        };
-        divide: {
-            'neutral-inverse': string;
-            'neutral-inactive': string;
-            'neutral-surface': string;
-            primary: string;
-            'primary-hover': string;
-            'primary-pressed': string;
-            'primary-active': string;
-            secondary: string;
-            'secondary-hover': string;
-            'secondary-pressed': string;
-            'secondary-active': string;
-            error: string;
-            'error-hover': string;
-            'error-pressed': string;
-            'error-active': string;
-        };
-        ringColor: {
-            'outlined-primary': string;
-            'outlined-secondary': string;
-            'outlined-error': string;
-        };
-    };
-};
-export default _default;
+import { Config } from 'tailwindcss';
+export declare const theme: Partial<Config["theme"]>;

package.json

 {
   "name": "@davincihealthcare/elty-design-system-foundations",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "license": "UNLICENSED",
@@ -5,0 +5,0 @@ "main": "dist/index.umd.cjs",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

20952

decreased by-30.43%

Lines of code

557

decreased by-35.76%

No dependency changes