Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@0xsequence/design-system
Advanced tools
@0xsequence/design-system - npm Package Compare versions
Comparing version 0.1.7 to 0.1.8
| import { RecipeVariants } from '@vanilla-extract/recipes'; | ||
| export declare const buttonVariants: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{ | ||
| export declare const buttonVariants: import("@vanilla-extract/recipes").RuntimeFn<{ | ||
| variant: { | ||
@@ -32,3 +32,3 @@ primary: any; | ||
| export declare type ButtonVariants = RecipeVariants<typeof buttonVariants>; | ||
| export declare const iconVariants: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{ | ||
| export declare const iconVariants: import("@vanilla-extract/recipes").RuntimeFn<{ | ||
| size: { | ||
@@ -35,0 +35,0 @@ tiny: { |
@@ -6,3 +6,3 @@ export declare const COLLAPSED_HEIGHT = "65px"; | ||
| export declare const label: string; | ||
| export declare const icon: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{ | ||
| export declare const icon: import("@vanilla-extract/recipes").RuntimeFn<{ | ||
| expanded: { | ||
@@ -9,0 +9,0 @@ true: { |
| export declare const root: string; | ||
| export declare const header: string; | ||
| export declare const items: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{ | ||
| export declare const items: import("@vanilla-extract/recipes").RuntimeFn<{ | ||
| layout: { | ||
@@ -5,0 +5,0 @@ rows: {}; |
@@ -12,3 +12,4 @@ export { Box } from './Box'; | ||
| export { Button } from './Button'; | ||
| export { IconButton } from './IconButton'; | ||
| export { Avatar } from './Avatar'; | ||
| export { TokenImage } from './TokenImage'; |
| import { RecipeVariants } from '@vanilla-extract/recipes'; | ||
| export declare const textVariants: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{ | ||
| export declare const textVariants: import("@vanilla-extract/recipes").RuntimeFn<{ | ||
| variant: { | ||
@@ -4,0 +4,0 @@ inherit: any[]; |
@@ -1,2 +0,2 @@ | ||
| export declare const root: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{ | ||
| export declare const root: import("@vanilla-extract/recipes").RuntimeFn<{ | ||
| size: { | ||
@@ -3,0 +3,0 @@ xs: { |
@@ -1,977 +0,129 @@ | ||
| export declare const atoms: import("@vanilla-extract/sprinkles/dist/declarations/src/createSprinkles").SprinklesFn<[{ | ||
| conditions: { | ||
| defaultCondition: "sm"; | ||
| conditionNames: ("sm" | "md" | "lg" | "xl")[]; | ||
| }; | ||
| styles: { | ||
| borderBottomWidth: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| borderLeftWidth: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| borderRightWidth: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| borderTopWidth: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| borderBottomLeftRadius: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| borderBottomRightRadius: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| borderTopLeftRadius: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| borderTopRightRadius: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| top: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| bottom: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| left: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| right: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| paddingTop: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| paddingBottom: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| paddingLeft: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| paddingRight: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| marginTop: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| marginBottom: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| marginLeft: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| marginRight: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| gap: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| fontSize: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| fontWeight: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| letterSpacing: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| lineHeight: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| display: { | ||
| values: { | ||
| block: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| flex: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| grid: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| "inline-block": { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| "inline-flex": { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| contents: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| none: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| position: { | ||
| values: { | ||
| absolute: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| fixed: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| relative: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| sticky: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| flexDirection: { | ||
| values: { | ||
| column: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| "column-reverse": { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| row: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| "row-reverse": { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| justifyContent: { | ||
| values: { | ||
| "flex-start": { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| center: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| "flex-end": { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| stretch: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| "space-around": { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| "space-between": { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| justifySelf: { | ||
| values: { | ||
| "flex-start": { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| center: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| "flex-end": { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| stretch: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| alignItems: { | ||
| values: { | ||
| "flex-start": { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| center: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| "flex-end": { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| stretch: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| baseline: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| alignSelf: { | ||
| values: { | ||
| "flex-start": { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| center: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| "flex-end": { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| stretch: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| baseline: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| overflowX: { | ||
| values: { | ||
| auto: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| hidden: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| scroll: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| overflowY: { | ||
| values: { | ||
| auto: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| hidden: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| scroll: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| sm: string; | ||
| md: string; | ||
| lg: string; | ||
| xl: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| export declare const atoms: ((props: { | ||
| borderBottomWidth?: any; | ||
| borderLeftWidth?: any; | ||
| borderRightWidth?: any; | ||
| borderTopWidth?: any; | ||
| borderBottomLeftRadius?: any; | ||
| borderBottomRightRadius?: any; | ||
| borderTopLeftRadius?: any; | ||
| borderTopRightRadius?: any; | ||
| top?: any; | ||
| bottom?: any; | ||
| left?: any; | ||
| right?: any; | ||
| paddingTop?: any; | ||
| paddingBottom?: any; | ||
| paddingLeft?: any; | ||
| paddingRight?: any; | ||
| marginTop?: any; | ||
| marginBottom?: any; | ||
| marginLeft?: any; | ||
| marginRight?: any; | ||
| gap?: any; | ||
| fontSize?: any; | ||
| fontWeight?: any; | ||
| letterSpacing?: any; | ||
| lineHeight?: any; | ||
| display?: ("block" | "flex" | "grid" | "inline-block" | "inline-flex" | "contents" | "none" | { | ||
| sm?: "block" | "flex" | "grid" | "inline-block" | "inline-flex" | "contents" | "none" | undefined; | ||
| md?: "block" | "flex" | "grid" | "inline-block" | "inline-flex" | "contents" | "none" | undefined; | ||
| lg?: "block" | "flex" | "grid" | "inline-block" | "inline-flex" | "contents" | "none" | undefined; | ||
| xl?: "block" | "flex" | "grid" | "inline-block" | "inline-flex" | "contents" | "none" | undefined; | ||
| }) | undefined; | ||
| position?: ("absolute" | "fixed" | "relative" | "sticky" | { | ||
| sm?: "absolute" | "fixed" | "relative" | "sticky" | undefined; | ||
| md?: "absolute" | "fixed" | "relative" | "sticky" | undefined; | ||
| lg?: "absolute" | "fixed" | "relative" | "sticky" | undefined; | ||
| xl?: "absolute" | "fixed" | "relative" | "sticky" | undefined; | ||
| }) | undefined; | ||
| flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | { | ||
| sm?: "column" | "column-reverse" | "row" | "row-reverse" | undefined; | ||
| md?: "column" | "column-reverse" | "row" | "row-reverse" | undefined; | ||
| lg?: "column" | "column-reverse" | "row" | "row-reverse" | undefined; | ||
| xl?: "column" | "column-reverse" | "row" | "row-reverse" | undefined; | ||
| }) | undefined; | ||
| justifyContent?: ("flex-start" | "center" | "flex-end" | "stretch" | "space-around" | "space-between" | { | ||
| sm?: "flex-start" | "center" | "flex-end" | "stretch" | "space-around" | "space-between" | undefined; | ||
| md?: "flex-start" | "center" | "flex-end" | "stretch" | "space-around" | "space-between" | undefined; | ||
| lg?: "flex-start" | "center" | "flex-end" | "stretch" | "space-around" | "space-between" | undefined; | ||
| xl?: "flex-start" | "center" | "flex-end" | "stretch" | "space-around" | "space-between" | undefined; | ||
| }) | undefined; | ||
| justifySelf?: ("flex-start" | "center" | "flex-end" | "stretch" | { | ||
| sm?: "flex-start" | "center" | "flex-end" | "stretch" | undefined; | ||
| md?: "flex-start" | "center" | "flex-end" | "stretch" | undefined; | ||
| lg?: "flex-start" | "center" | "flex-end" | "stretch" | undefined; | ||
| xl?: "flex-start" | "center" | "flex-end" | "stretch" | undefined; | ||
| }) | undefined; | ||
| alignItems?: ("flex-start" | "center" | "flex-end" | "stretch" | "baseline" | { | ||
| sm?: "flex-start" | "center" | "flex-end" | "stretch" | "baseline" | undefined; | ||
| md?: "flex-start" | "center" | "flex-end" | "stretch" | "baseline" | undefined; | ||
| lg?: "flex-start" | "center" | "flex-end" | "stretch" | "baseline" | undefined; | ||
| xl?: "flex-start" | "center" | "flex-end" | "stretch" | "baseline" | undefined; | ||
| }) | undefined; | ||
| alignSelf?: ("flex-start" | "center" | "flex-end" | "stretch" | "baseline" | { | ||
| sm?: "flex-start" | "center" | "flex-end" | "stretch" | "baseline" | undefined; | ||
| md?: "flex-start" | "center" | "flex-end" | "stretch" | "baseline" | undefined; | ||
| lg?: "flex-start" | "center" | "flex-end" | "stretch" | "baseline" | undefined; | ||
| xl?: "flex-start" | "center" | "flex-end" | "stretch" | "baseline" | undefined; | ||
| }) | undefined; | ||
| overflowX?: ("auto" | "hidden" | "scroll" | { | ||
| sm?: "auto" | "hidden" | "scroll" | undefined; | ||
| md?: "auto" | "hidden" | "scroll" | undefined; | ||
| lg?: "auto" | "hidden" | "scroll" | undefined; | ||
| xl?: "auto" | "hidden" | "scroll" | undefined; | ||
| }) | undefined; | ||
| overflowY?: ("auto" | "hidden" | "scroll" | { | ||
| sm?: "auto" | "hidden" | "scroll" | undefined; | ||
| md?: "auto" | "hidden" | "scroll" | undefined; | ||
| lg?: "auto" | "hidden" | "scroll" | undefined; | ||
| xl?: "auto" | "hidden" | "scroll" | undefined; | ||
| }) | undefined; | ||
| borderWidth?: any; | ||
| borderRadius?: any; | ||
| borderLeftRadius?: any; | ||
| borderRightRadius?: any; | ||
| borderTopRadius?: any; | ||
| borderBottomRadius?: any; | ||
| margin?: any; | ||
| marginX?: any; | ||
| marginY?: any; | ||
| overflow?: ("auto" | "hidden" | "scroll" | { | ||
| sm?: "auto" | "hidden" | "scroll" | undefined; | ||
| md?: "auto" | "hidden" | "scroll" | undefined; | ||
| lg?: "auto" | "hidden" | "scroll" | undefined; | ||
| xl?: "auto" | "hidden" | "scroll" | undefined; | ||
| }) | undefined; | ||
| padding?: any; | ||
| paddingX?: any; | ||
| paddingY?: any; | ||
| placeItems?: ("flex-start" | "center" | "flex-end" | "stretch" | { | ||
| sm?: "flex-start" | "center" | "flex-end" | "stretch" | undefined; | ||
| md?: "flex-start" | "center" | "flex-end" | "stretch" | undefined; | ||
| lg?: "flex-start" | "center" | "flex-end" | "stretch" | undefined; | ||
| xl?: "flex-start" | "center" | "flex-end" | "stretch" | undefined; | ||
| }) | undefined; | ||
| } & { | ||
| styles: { | ||
| borderWidth: { | ||
| mappings: ("borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth")[]; | ||
| }; | ||
| borderRadius: { | ||
| mappings: ("borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius")[]; | ||
| }; | ||
| borderLeftRadius: { | ||
| mappings: ("borderTopLeftRadius" | "borderBottomLeftRadius")[]; | ||
| }; | ||
| borderRightRadius: { | ||
| mappings: ("borderTopRightRadius" | "borderBottomRightRadius")[]; | ||
| }; | ||
| borderTopRadius: { | ||
| mappings: ("borderTopLeftRadius" | "borderTopRightRadius")[]; | ||
| }; | ||
| borderBottomRadius: { | ||
| mappings: ("borderBottomLeftRadius" | "borderBottomRightRadius")[]; | ||
| }; | ||
| margin: { | ||
| mappings: ("marginTop" | "marginBottom" | "marginLeft" | "marginRight")[]; | ||
| }; | ||
| marginX: { | ||
| mappings: ("marginLeft" | "marginRight")[]; | ||
| }; | ||
| marginY: { | ||
| mappings: ("marginTop" | "marginBottom")[]; | ||
| }; | ||
| overflow: { | ||
| mappings: ("overflowX" | "overflowY")[]; | ||
| }; | ||
| padding: { | ||
| mappings: ("paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight")[]; | ||
| }; | ||
| paddingX: { | ||
| mappings: ("paddingLeft" | "paddingRight")[]; | ||
| }; | ||
| paddingY: { | ||
| mappings: ("paddingTop" | "paddingBottom")[]; | ||
| }; | ||
| placeItems: { | ||
| mappings: ("justifyContent" | "alignItems")[]; | ||
| }; | ||
| }; | ||
| }, { | ||
| conditions: never; | ||
| styles: { | ||
| backdropFilter: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| }; | ||
| }; | ||
| }; | ||
| fontFamily: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| }; | ||
| }; | ||
| }; | ||
| textTransform: { | ||
| values: { | ||
| capitalize: { | ||
| defaultClass: string; | ||
| }; | ||
| lowercase: { | ||
| defaultClass: string; | ||
| }; | ||
| uppercase: { | ||
| defaultClass: string; | ||
| }; | ||
| }; | ||
| }; | ||
| visibility: { | ||
| values: { | ||
| hidden: { | ||
| defaultClass: string; | ||
| }; | ||
| visible: { | ||
| defaultClass: string; | ||
| }; | ||
| }; | ||
| }; | ||
| whiteSpace: { | ||
| values: { | ||
| inherit: { | ||
| defaultClass: string; | ||
| }; | ||
| initial: { | ||
| defaultClass: string; | ||
| }; | ||
| normal: { | ||
| defaultClass: string; | ||
| }; | ||
| nowrap: { | ||
| defaultClass: string; | ||
| }; | ||
| }; | ||
| }; | ||
| wordBreak: { | ||
| values: { | ||
| "break-word": { | ||
| defaultClass: string; | ||
| }; | ||
| }; | ||
| }; | ||
| wordWrap: { | ||
| values: { | ||
| inherit: { | ||
| defaultClass: string; | ||
| }; | ||
| initial: { | ||
| defaultClass: string; | ||
| }; | ||
| normal: { | ||
| defaultClass: string; | ||
| }; | ||
| "break-word": { | ||
| defaultClass: string; | ||
| }; | ||
| }; | ||
| }; | ||
| zIndex: { | ||
| values: { | ||
| auto: { | ||
| defaultClass: string; | ||
| }; | ||
| 0: { | ||
| defaultClass: string; | ||
| }; | ||
| 10: { | ||
| defaultClass: string; | ||
| }; | ||
| 20: { | ||
| defaultClass: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| }, { | ||
| conditions: { | ||
| defaultCondition: "base"; | ||
| conditionNames: ("base" | "active" | "disabled" | "focus" | "hover")[]; | ||
| }; | ||
| styles: { | ||
| background: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| base: string; | ||
| active: string; | ||
| disabled: string; | ||
| focus: string; | ||
| hover: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| borderColor: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| base: string; | ||
| active: string; | ||
| disabled: string; | ||
| focus: string; | ||
| hover: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| color: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| base: string; | ||
| active: string; | ||
| disabled: string; | ||
| focus: string; | ||
| hover: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| cursor: { | ||
| values: { | ||
| default: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| base: string; | ||
| active: string; | ||
| disabled: string; | ||
| focus: string; | ||
| hover: string; | ||
| }; | ||
| }; | ||
| "not-allowed": { | ||
| defaultClass: string; | ||
| conditions: { | ||
| base: string; | ||
| active: string; | ||
| disabled: string; | ||
| focus: string; | ||
| hover: string; | ||
| }; | ||
| }; | ||
| pointer: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| base: string; | ||
| active: string; | ||
| disabled: string; | ||
| focus: string; | ||
| hover: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| opacity: { | ||
| values: { | ||
| [x: string]: { | ||
| defaultClass: string; | ||
| conditions: { | ||
| base: string; | ||
| active: string; | ||
| disabled: string; | ||
| focus: string; | ||
| hover: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| }]>; | ||
| backdropFilter?: any; | ||
| fontFamily?: any; | ||
| textTransform?: "capitalize" | "lowercase" | "uppercase" | undefined; | ||
| visibility?: "hidden" | "visible" | undefined; | ||
| whiteSpace?: "inherit" | "initial" | "normal" | "nowrap" | undefined; | ||
| wordBreak?: "break-word" | undefined; | ||
| wordWrap?: "inherit" | "initial" | "normal" | "break-word" | undefined; | ||
| zIndex?: "auto" | "0" | "10" | "20" | undefined; | ||
| } & { | ||
| background?: any; | ||
| borderColor?: any; | ||
| color?: any; | ||
| cursor?: ("default" | "not-allowed" | "pointer" | { | ||
| base?: "default" | "not-allowed" | "pointer" | undefined; | ||
| active?: "default" | "not-allowed" | "pointer" | undefined; | ||
| disabled?: "default" | "not-allowed" | "pointer" | undefined; | ||
| focus?: "default" | "not-allowed" | "pointer" | undefined; | ||
| hover?: "default" | "not-allowed" | "pointer" | undefined; | ||
| }) | undefined; | ||
| opacity?: any; | ||
| }) => string) & { | ||
| properties: Set<"alignItems" | "alignSelf" | "backdropFilter" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "bottom" | "color" | "cursor" | "display" | "flexDirection" | "fontFamily" | "fontSize" | "fontWeight" | "justifyContent" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "opacity" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textTransform" | "top" | "visibility" | "whiteSpace" | "wordBreak" | "wordWrap" | "zIndex" | "background" | "borderColor" | "borderRadius" | "borderWidth" | "gap" | "margin" | "overflow" | "padding" | "placeItems" | "borderLeftRadius" | "borderRightRadius" | "borderTopRadius" | "borderBottomRadius" | "marginX" | "marginY" | "paddingX" | "paddingY">; | ||
| }; | ||
| export declare type Atoms = Parameters<typeof atoms>[0]; |
@@ -14,4 +14,6 @@ export { default as AddIcon } from './AddIcon'; | ||
| export { default as EditIcon } from './EditIcon'; | ||
| export { default as ExpandIcon } from './ExpandIcon'; | ||
| export { default as GearIcon } from './GearIcon'; | ||
| export { default as HelpIcon } from './HelpIcon'; | ||
| export { default as LoadingIcon } from './LoadingIcon'; | ||
| export { default as NodeIcon } from './NodeIcon'; | ||
@@ -24,2 +26,4 @@ export { default as ProfileIcon } from './ProfileIcon'; | ||
| export { default as SendIcon } from './SendIcon'; | ||
| export { default as SequenceIcon } from './SequenceIcon'; | ||
| export { default as SettingsIcon } from './SettingsIcon'; | ||
| export { default as ShareIcon } from './ShareIcon'; | ||
@@ -26,0 +30,0 @@ export { default as SignoutIcon } from './SignoutIcon'; |
| { | ||
| "name": "@0xsequence/design-system", | ||
| "version": "0.1.7", | ||
| "version": "0.1.8", | ||
| "license": "Apache-2.0", | ||
@@ -5,0 +5,0 @@ "type": "module", |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis 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 riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis 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 riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Improved metrics
- Number of package files
- increased by5.29%
179
Worsened metrics
- Total package byte prevSize
- decreased by-0.07%
5299294
- Lines of code
- decreased by-3.43%
19230
- Number of low supply chain risk alerts
- increased by3.77%
55
No dependency changes