degen - npm Package Compare versions

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

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

 import * as React from 'react';
-import { ReactNodeNoStrings } from '~/types';
-import { Atoms } from '~/css';
+import { ReactNodeNoStrings } from '../../types';
+import { Atoms } from '../../css';
 import * as styles from './styles.css';
@@ -5,0 +5,0 @@ declare type NativeButtonProps = React.AllHTMLAttributes<HTMLButtonElement>;

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

@@ -1,3 +0,3 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../css';
 import { Size } from './styles.css';
 export declare const getCenterProps: (center: boolean | undefined, size: Size, side: 'left' | 'right') => Pick<Atoms, 'position'>;

dist/types/components/Field/Field.d.ts

 import * as React from 'react';
-import { ReactNodeNoStrings } from '~/types';
+import { ReactNodeNoStrings } from '../../types';
 import { useFieldIds } from './utils';
@@ -4,0 +4,0 @@ declare type State = ReturnType<typeof useFieldIds> | undefined;

dist/types/components/Heading/Heading.d.ts

 import * as React from 'react';
-import { Atoms } from '~/css';
+import { Atoms } from '../../css';
 import * as styles from './styles.css';
@@ -4,0 +4,0 @@ declare type Props = {

dist/types/components/icons/generated/IconArrowRight/IconArrowRight.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconBookOpen/IconBookOpen.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconCheck/IconCheck.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconChevronDown/IconChevronDown.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconChevronLeft/IconChevronLeft.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconChevronRight/IconChevronRight.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconClose/IconClose.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconCode/IconCode.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconCog/IconCog.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconCollection/IconCollection.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconDuplicate/IconDuplicate.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconEth/IconEth.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconExclamation/IconExclamation.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconGridSolid/IconGridSolid.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconLink/IconLink.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconList/IconList.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconLockClosed/IconLockClosed.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconMenu/IconMenu.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconPlus/IconPlus.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconPlusSmall/IconPlusSmall.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconRefresh/IconRefresh.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconSearch/IconSearch.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconUpload/IconUpload.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconUserSolid/IconUserSolid.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

dist/types/components/icons/generated/IconWallet/IconWallet.d.ts

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../../css';
 import { Box } from '../../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../../types';

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

@@ -1,2 +0,2 @@
-import { Atoms } from '~/css';
+import { Atoms } from '../../../css';
 import { Box } from '../../Box';
@@ -3,0 +3,0 @@ import { OptionalTitle } from '../types';

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

 import * as React from 'react';
-import { AllOrNone } from '~/types';
+import { AllOrNone } from '../../types';
 export declare type OptionalTitle = AllOrNone<{
@@ -4,0 +4,0 @@ title: string;

dist/types/components/Input/Input.d.ts

 import * as React from 'react';
-import { Atoms } from '~/css';
-import { ReactNodeNoStrings } from '~/types';
+import { Atoms } from '../../css';
+import { ReactNodeNoStrings } from '../../types';
 import { FieldBaseProps } from '../Field';
@@ -5,0 +5,0 @@ declare type NativeInputProps = React.AllHTMLAttributes<HTMLInputElement>;

dist/types/components/Skeleton/Skeleton.d.ts

 import * as React from 'react';
-import { Atoms } from '~/css';
+import { Atoms } from '../../css';
 declare type Props = {
@@ -4,0 +4,0 @@ backgroundColor?: Atoms['backgroundColor'];

dist/types/components/SkeletonGroup/SkeletonGroup.d.ts

 import * as React from 'react';
-import { ReactNodeNoStrings } from '~/types';
+import { ReactNodeNoStrings } from '../../types';
 declare type Props = {
@@ -4,0 +4,0 @@ children: ReactNodeNoStrings;

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

 import * as React from 'react';
+import { Atoms } from '../../css';
 export declare const Spinner: React.ForwardRefExoticComponent<{
     accessibilityLabel?: string | undefined;
-    color?: any;
+    color?: Atoms['color'];
 } & import("@vanilla-extract/recipes/dist/declarations/src/types").VariantSelection<{
     size: {
-        small: any;
-        large: any;
+        small: string;
+        large: string;
     };
 }> & React.RefAttributes<HTMLElement>>;

dist/types/components/Stack/Stack.d.ts

 import * as React from 'react';
-import { Atoms, OptionalResponsiveObject, OptionalResponsiveValue } from '~/css';
-import { ReactNodeNoStrings } from '~/types';
+import { Atoms, OptionalResponsiveObject, OptionalResponsiveValue } from '../../css';
+import { ReactNodeNoStrings } from '../../types';
 import { Direction } from './utils';
@@ -5,0 +5,0 @@ export declare const validStackComponents: readonly ["a", "article", "div", "form", "header", "label", "li", "main", "section", "span"];

dist/types/components/Stack/utils.d.ts

@@ -1,4 +0,4 @@
-import { OptionalResponsiveObject, OptionalResponsiveValue } from '~/css';
+import { OptionalResponsiveObject, OptionalResponsiveValue } from '../../css';
 export declare type Direction = 'horizontal' | 'vertical';
-export declare const directionToFlexDirection: (direction: OptionalResponsiveValue<Direction> | undefined) => any;
-export declare const wrapToFlexWrap: (wrap: OptionalResponsiveObject<true | false> | undefined) => any;
+export declare const directionToFlexDirection: (direction: OptionalResponsiveValue<Direction> | undefined) => "column" | "row" | Partial<Record<"xs" | "sm" | "md" | "lg" | "xl", "column" | "row">> | undefined;
+export declare const wrapToFlexWrap: (wrap: OptionalResponsiveObject<true | false> | undefined) => "nowrap" | "wrap" | Partial<Record<"xs" | "sm" | "md" | "lg" | "xl", "nowrap" | "wrap">> | undefined;

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

 import * as React from 'react';
+import { Atoms } from '../../css';
 export declare const Text: React.ForwardRefExoticComponent<{
-    align?: any;
-    as?: "code" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "span" | undefined;
+    align?: Atoms['textAlign'];
+    as?: "label" | "div" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | undefined;
     children?: React.ReactNode;
-    color?: any;
-    font?: any;
-    letterSpacing?: any;
-    lineHeight?: any;
-    size?: any;
-    transform?: any;
-    weight?: any;
-    whiteSpace?: any;
+    color?: Atoms['color'];
+    font?: Atoms['fontFamily'];
+    letterSpacing?: Atoms['letterSpacing'];
+    lineHeight?: Atoms['lineHeight'];
+    size?: Atoms['fontSize'];
+    transform?: Atoms['textTransform'];
+    weight?: Atoms['fontWeight'];
+    whiteSpace?: Atoms['whiteSpace'];
 } & import("@vanilla-extract/recipes/dist/declarations/src/types").VariantSelection<{
@@ -18,5 +19,5 @@ variant: {
         large: string;
-        base: any;
+        base: string;
         small: string;
-        label: any;
+        label: string;
     };
@@ -23,0 +24,0 @@ ellipsis: {

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

 import * as React from 'react';
-import { Mode, Accent as TokenAccent } from '~/tokens';
+import { Mode, Accent as TokenAccent } from '../../tokens';
 declare type Accent = TokenAccent | 'foreground';
@@ -4,0 +4,0 @@ declare type ThemeContextValue = {

dist/types/css/atoms.d.ts

@@ -0,5 +1,6 @@
+import * as resetStyles from './reset.css';
 import { Sprinkles } from './sprinkles.css';
 export declare type Atoms = Sprinkles & {
-    reset?: keyof JSX.IntrinsicElements;
+    reset?: resetStyles.Element & keyof JSX.IntrinsicElements;
 };
 export declare const atoms: ({ reset, ...rest }: Atoms) => string;

dist/types/css/types.d.ts

@@ -1,5 +0,11 @@
-import { Accent, Tokens } from '~/tokens';
-declare type ThemeColors = Tokens['colors']['base'] & {
+import { Accent, Tokens } from '../tokens';
+declare type BaseColors = Tokens['colors']['base'] & {
     [key in Accent]: string;
-} & {
+};
+declare type ThemeColors = BaseColors & {
+    accent: string;
+    accentText: string;
+    accentSecondary?: string;
+    accentSecondaryHover?: string;
+    accentTertiary?: string;
     background: string;
@@ -20,9 +26,3 @@ backgroundSecondary: string;
 declare type ThemeMode = {
-    colors: Tokens['colors']['light'] & {
-        accent: string;
-        accentText: string;
-        accentSecondary?: string;
-        accentSecondaryHover?: string;
-        accentTertiary?: string;
-    };
+    colors: Tokens['colors']['light'];
     shades: Tokens['shades']['light'];
@@ -29,0 +29,0 @@ };

dist/types/css/utils.d.ts

 import { StyleRule } from '@vanilla-extract/css';
 import { CSSVarFunction } from '@vanilla-extract/private';
-import { Accent } from '~/tokens';
+import { Accent, Mode } from '../tokens';
 export declare const rgb: (partial: string, alpha?: string | CSSVarFunction | undefined) => string;
-export declare const getAccentText: (mode: any, accent: Accent | 'foreground') => any;
-export declare const getModeColors: (mode: any) => any;
+export declare const getAccentText: (mode: Mode, accent: Accent | 'foreground') => string;
+export declare const getModeColors: (mode: Mode) => {
+    blue: string;
+    green: string;
+    indigo: string;
+    orange: string;
+    pink: string;
+    purple: string;
+    red: string;
+    teal: string;
+    yellow: string;
+    background: string;
+    backgroundSecondary: string;
+    backgroundTertiary: string;
+    foreground: string;
+    groupBackground: string;
+    groupBorder: string;
+} | {
+    blue: string;
+    green: string;
+    indigo: string;
+    orange: string;
+    pink: string;
+    purple: string;
+    red: string;
+    teal: string;
+    yellow: string;
+    background: string;
+    backgroundSecondary: string;
+    backgroundTertiary: string;
+    foreground: string;
+    groupBackground: string;
+    groupBorder: string;
+};
 export declare const getVarName: (_value: string | null, path: string[]) => string;
@@ -8,0 +40,0 @@ export declare const motionSafe: (style: StyleRule) => {

package.json

 {
   "name": "degen",
-  "version": "0.0.1-beta.4",
+  "version": "0.0.1-beta.5",
   "description": "Design system for Mirror.xyz",
@@ -30,3 +30,3 @@ "main": "./dist/index.cjs.js",
     "build": "vite build",
-    "clean": "rimraf dist src/components/icons/index.ts src/components/icons/Icon*/",
+    "clean": "rimraf dist src/components/icons/generated/",
     "lint:types": "tsc --noEmit",
@@ -33,0 +33,0 @@ "prepack": "yarn gen:icons && yarn build",

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2249639

increased by213.89%

Number of package files

144

increased by9.09%

Lines of code

51119

increased by864.69%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes