@0xsequence/design-system - npm Package Compare versions

Comparing version 1.7.8 to 1.8.0

dist/types/components/ThemeProvider/ThemeProvider.d.ts

@@ -15,2 +15,3 @@ import { PropsWithChildren } from 'react';
     scope?: string;
+    prefersColorScheme?: boolean;
 }
@@ -17,0 +18,0 @@ export declare const ThemeProvider: (props: PropsWithChildren<ThemeProviderProps>) => import("react/jsx-runtime").JSX.Element;

dist/types/css/vars.css.d.ts

@@ -93,2 +93,95 @@ export declare const baseVars: {
 };
+export declare const colorPaletteVars: {
+    grey: {
+        50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        950: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    red: {
+        50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        950: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    green: {
+        50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        950: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    yellow: {
+        50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        950: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    blue: {
+        50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        950: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    indigo: {
+        50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        950: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    violet: {
+        50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        950: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+};
 export declare const colorSchemeVars: {
@@ -95,0 +188,0 @@ colors: {

dist/types/tokens/color.d.ts

@@ -48,3 +48,98 @@ export type ColorScheme = 'dark' | 'light';
 }
-export declare const colors: ColorSchemes;
+export declare const palettes: {
+    grey: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    red: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    green: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    yellow: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    blue: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    indigo: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    violet: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+};
+export declare const colors: ColorSchemes & {
+    palettes: typeof palettes;
+};
 export {};

dist/types/tokens/index.d.ts

@@ -14,2 +14,96 @@ export declare const tokens: {
         light: import('./color').ColorTokens;
+    } & {
+        palettes: {
+            grey: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
+            };
+            red: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
+            };
+            green: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
+            };
+            yellow: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
+            };
+            blue: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
+            };
+            indigo: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
+            };
+            violet: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
+            };
+        };
     };
@@ -16,0 +110,0 @@ fonts: {

package.json

 {
   "name": "@0xsequence/design-system",
-  "version": "1.7.8",
+  "version": "1.8.0",
   "license": "Apache-2.0",
@@ -5,0 +5,0 @@ "type": "module",

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

Improved metrics

Total package byte prevSize

1915644

increased by0.97%

Lines of code

49591

increased by1.15%

No dependency changes