degen - npm Package Compare versions

Comparing version 0.0.1-beta.2 to 0.0.1-beta.4

dist/types/components/Button/Button.d.ts

@@ -7,10 +7,17 @@ import * as React from 'react';
 declare type BaseProps = {
-    /** Centers text and reserves space for icon and spinner. */
+    /** Centers text and reserves space for icon and spinner */
     center?: true;
     children: NativeButtonProps['children'];
+    /** Marks as unusable */
     disabled?: true;
-    icon?: ReactNodeNoStrings;
+    /** Adds ReactNode before children */
+    prefix?: ReactNodeNoStrings;
+    /** Shows loading spinner inside button */
     loading?: true;
+    /** Constrains button to specific shape */
     shape?: styles.Shape;
+    /** Sets dimensions and layout  */
     size?: styles.Size;
+    /** Adds ReactNode after children */
+    suffix?: ReactNodeNoStrings;
     tabIndex?: NativeButtonProps['tabIndex'];
@@ -17,0 +24,0 @@ type?: NativeButtonProps['type'];

dist/types/components/icons/index.d.ts

@@ -1,9 +0,2 @@
-export { IconBookOpen } from './IconBookOpen';
-export { IconCheck } from './IconCheck';
-export { IconChevronDown } from './IconChevronDown';
-export { IconChevronRight } from './IconChevronRight';
-export { IconCode } from './IconCode';
-export { IconDuplicate } from './IconDuplicate';
-export { IconLockClosed } from './IconLockClosed';
-export { IconPlusSmall } from './IconPlusSmall';
-export { IconSearch } from './IconSearch';
+export * from './generated';
+export { IconNFT } from './IconNFT';

dist/types/components/index.d.ts

@@ -1,2 +0,1 @@
-export * from './icons';
 export { Box } from './Box';
@@ -15,1 +14,2 @@ export { Button } from './Button';
 export { VisuallyHidden } from './VisuallyHidden';
+export * from './icons';

dist/types/components/Spinner/Spinner.d.ts

 import * as React from 'react';
 export declare const Spinner: React.ForwardRefExoticComponent<{
     accessibilityLabel?: string | undefined;
-    tone?: any;
+    color?: any;
 } & import("@vanilla-extract/recipes/dist/declarations/src/types").VariantSelection<{
@@ -6,0 +6,0 @@ size: {

dist/types/components/Tag/Tag.d.ts

@@ -6,3 +6,3 @@ import * as React from 'react';
 } & styles.Variants;
-export declare const Tag: ({ children, hover, label, size, variant, }: React.PropsWithChildren<Props>) => JSX.Element;
+export declare const Tag: ({ children, hover, label, size, tone, }: React.PropsWithChildren<Props>) => JSX.Element;
 export {};

dist/types/components/Text/Text.d.ts

 import * as React from 'react';
 export declare const Text: React.ForwardRefExoticComponent<{
     align?: any;
-    as?: "label" | "span" | "code" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | undefined;
+    as?: "code" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "span" | undefined;
     children?: React.ReactNode;
@@ -16,6 +16,6 @@ color?: any;
     variant: {
-        extraLarge: any;
-        large: any;
+        extraLarge: string;
+        large: string;
         base: any;
-        small: any;
+        small: string;
         label: any;
@@ -22,0 +22,0 @@ };

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

@@ -20,3 +20,3 @@ import * as React from 'react';
     defaultMode?: Mode;
-    /** Element to bind theme. */
+    /** Element to bind theme */
     element?: string | HTMLElement;
@@ -23,0 +23,0 @@ /** Forced mode name for the current page */

dist/types/css/index.d.ts

@@ -6,2 +6,3 @@ export { atoms } from './atoms';
 export { vars } from './vars.css';
+export type { Theme } from './types';
 export { getAccentText, getModeColors, motionSafe, rgb } from './utils';

dist/types/css/types.d.ts

@@ -38,2 +38,3 @@ import { Accent, Tokens } from '~/tokens';
     lineHeights: Tokens['lineHeights'];
+    opacity: Tokens['opacity'];
     mode: ThemeMode;
@@ -40,0 +41,0 @@ radii: Tokens['radii'];

dist/types/index.d.ts

@@ -1,2 +0,3 @@
-export { Box, Button, Field, Heading, IconBookOpen, IconCheck, IconChevronDown, IconChevronRight, IconCode, IconDuplicate, IconLockClosed, IconPlusSmall, IconSearch, Skeleton, SkeletonGroup, Spinner, Stack, Tag, Text, Input, ThemeProvider, useTheme, VisuallyHidden, } from './components';
+export { Box, Button, Field, Heading, IconNFT, Skeleton, SkeletonGroup, Spinner, Stack, Tag, Text, Input, ThemeProvider, useTheme, VisuallyHidden, } from './components';
+export * from './components/icons/generated';
 export { atoms, vars } from './css';

dist/types/tokens/border.d.ts

@@ -16,10 +16,7 @@ export declare const borderStyles: {
     none: string;
-    '0.5': string;
-    '1': string;
-    '1.5': string;
-    '2': string;
-    '3': string;
-    '4': string;
-    '6': string;
+    medium: string;
+    large: string;
+    extraLarge: string;
+    '2xLarge': string;
     full: string;
 };

dist/types/tokens/color.d.ts

@@ -6,2 +6,3 @@ export declare type Mode = 'light' | 'dark';
         black: string;
+        white: string;
         current: string;
@@ -27,3 +28,2 @@ inherit: string;
         groupBorder: string;
-        white: string;
     };
@@ -46,3 +46,2 @@ dark: {
         groupBorder: string;
-        white: string;
     };
@@ -49,0 +48,0 @@ };

dist/types/tokens/index.d.ts

@@ -18,2 +18,3 @@ export declare const tokens: {
             black: string;
+            white: string;
             current: string;
@@ -39,3 +40,2 @@ inherit: string;
             groupBorder: string;
-            white: string;
         };
@@ -58,3 +58,2 @@ dark: {
             groupBorder: string;
-            white: string;
         };
@@ -76,4 +75,2 @@ };
     fontWeights: {
-        thin: string;
-        extraLight: string;
         light: string;
@@ -84,4 +81,2 @@ normal: string;
         bold: string;
-        extraBold: string;
-        black: string;
     };
@@ -103,11 +98,13 @@ letterSpacings: {
     };
+    opacity: {
+        '0': string;
+        '50': string;
+        '100': string;
+    };
     radii: {
         none: string;
-        '0.5': string;
-        '1': string;
-        '1.5': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '6': string;
+        medium: string;
+        large: string;
+        extraLarge: string;
+        '2xLarge': string;
         full: string;
@@ -114,0 +111,0 @@ };

dist/types/tokens/typography.d.ts

@@ -15,4 +15,2 @@ export declare const fonts: {
 export declare const fontWeights: {
-    thin: string;
-    extraLight: string;
     light: string;
@@ -23,4 +21,2 @@ normal: string;
     bold: string;
-    extraBold: string;
-    black: string;
 };
@@ -27,0 +23,0 @@ export declare const letterSpacings: {

package.json

 {
   "name": "degen",
-  "version": "0.0.1-beta.2",
+  "version": "0.0.1-beta.4",
   "description": "Design system for Mirror.xyz",
@@ -37,7 +37,7 @@ "main": "./dist/index.cjs.js",
   "dependencies": {
-    "@vanilla-extract/css": "^1.6.2",
+    "@vanilla-extract/css": "^1.6.3",
     "@vanilla-extract/css-utils": "^0.1.1",
     "@vanilla-extract/dynamic": "^2.0.0",
-    "@vanilla-extract/recipes": "^0.2.0",
-    "@vanilla-extract/sprinkles": "^1.3.0",
+    "@vanilla-extract/recipes": "^0.2.1",
+    "@vanilla-extract/sprinkles": "^1.3.1",
     "clsx": "^1.1.1",
@@ -48,18 +48,18 @@ "focus-visible": "^5.2.0"
     "@jest/types": "^27.2.5",
-    "@testing-library/dom": "^8.9.0",
+    "@testing-library/dom": "^8.10.1",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.1.2",
     "@testing-library/react-hooks": "^7.0.2",
-    "@testing-library/user-event": "^13.3.0",
-    "@types/glob": "^7.1.4",
-    "@types/node": "^16.10.9",
-    "@types/react": "^17.0.30",
-    "@types/react-dom": "^17.0.9",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/glob": "^7.2.0",
+    "@types/node": "^16.11.6",
+    "@types/react": "^17.0.33",
+    "@types/react-dom": "^17.0.10",
     "@types/rimraf": "^3.0.2",
     "@types/testing-library__jest-dom": "^5.14.1",
     "@vanilla-extract/private": "^1.0.1",
-    "@vanilla-extract/vite-plugin": "^2.1.3",
+    "@vanilla-extract/vite-plugin": "^3.0.0",
     "deepmerge": "^4.2.2",
     "glob": "^7.2.0",
-    "jest": "^27.2.5",
+    "jest": "^27.3.1",
     "jest-watch-typeahead": "^1.0.0",
@@ -69,6 +69,6 @@ "react": "^17.0.2",
     "rimraf": "^3.0.2",
-    "ts-jest": "^27.0.5",
-    "ts-node": "^10.3.0",
-    "vite": "^2.6.7",
-    "vite-plugin-dts": "^0.8.3",
+    "ts-jest": "^27.0.7",
+    "ts-node": "^10.4.0",
+    "vite": "^2.6.13",
+    "vite-plugin-dts": "^0.9.2",
     "vite-tsconfig-paths": "^3.3.17"
@@ -75,0 +75,0 @@ },

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

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

716693

increased by6.58%

Number of package files

132

increased by67.09%

Lines of code

5299

increased by17.36%

Worsened metrics

Number of low supply chain risk alerts

3

increased by200%

Dependency changes

• Updated@vanilla-extract/css@^1.6.3

• Updated@vanilla-extract/recipes@^0.2.1

• Updated@vanilla-extract/sprinkles@^1.3.1