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

Comparing version 0.1.13 to 0.1.14

dist/types/components/Collapsible/Collapsible.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
@@ -2,0 +3,0 @@ export declare const Collapsible: (props: CollapsiblePrimitive.CollapsibleProps & {

dist/types/components/index.d.ts

@@ -15,3 +15,3 @@ export { Avatar } from './Avatar';
 export { Tabs } from './Tabs';
-export { TabSelect } from './TabSelect';
+export { TabbedNav } from './TabbedNav';
 export { Tag } from './Tag';
@@ -18,0 +18,0 @@ export { Text } from './Text';

dist/types/components/InfoBubble/InfoBubble.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 import { Variants } from './styles.css';
@@ -2,0 +3,0 @@ declare type InfoBubbleProps = Variants & {

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

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 import { BoxProps } from '../../components/Box';
@@ -2,0 +3,0 @@ interface StackProps extends BoxProps {

dist/types/components/Switch/Switch.d.ts

@@ -0,2 +1,3 @@
+/// <reference types="react" />
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 export declare const Switch: (props: SwitchPrimitive.SwitchProps) => JSX.Element;

dist/types/css/atoms.css.d.ts

@@ -325,22 +325,22 @@ export declare const dimension: {
 } & {
-    background?: ("inherit" | "transparent" | "positive" | "negative" | "info" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | {
-        base?: "inherit" | "transparent" | "positive" | "negative" | "info" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
-        active?: "inherit" | "transparent" | "positive" | "negative" | "info" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
-        disabled?: "inherit" | "transparent" | "positive" | "negative" | "info" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
-        focus?: "inherit" | "transparent" | "positive" | "negative" | "info" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
-        hover?: "inherit" | "transparent" | "positive" | "negative" | "info" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
+    background?: ("inherit" | "transparent" | "positive" | "negative" | "info" | "warning" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | {
+        base?: "inherit" | "transparent" | "positive" | "negative" | "info" | "warning" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
+        active?: "inherit" | "transparent" | "positive" | "negative" | "info" | "warning" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
+        disabled?: "inherit" | "transparent" | "positive" | "negative" | "info" | "warning" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
+        focus?: "inherit" | "transparent" | "positive" | "negative" | "info" | "warning" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
+        hover?: "inherit" | "transparent" | "positive" | "negative" | "info" | "warning" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
     }) | undefined;
-    borderColor?: ("inherit" | "transparent" | "positive" | "negative" | "info" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | {
-        base?: "inherit" | "transparent" | "positive" | "negative" | "info" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
-        active?: "inherit" | "transparent" | "positive" | "negative" | "info" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
-        disabled?: "inherit" | "transparent" | "positive" | "negative" | "info" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
-        focus?: "inherit" | "transparent" | "positive" | "negative" | "info" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
-        hover?: "inherit" | "transparent" | "positive" | "negative" | "info" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
+    borderColor?: ("inherit" | "transparent" | "positive" | "negative" | "info" | "warning" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | {
+        base?: "inherit" | "transparent" | "positive" | "negative" | "info" | "warning" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
+        active?: "inherit" | "transparent" | "positive" | "negative" | "info" | "warning" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
+        disabled?: "inherit" | "transparent" | "positive" | "negative" | "info" | "warning" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
+        focus?: "inherit" | "transparent" | "positive" | "negative" | "info" | "warning" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
+        hover?: "inherit" | "transparent" | "positive" | "negative" | "info" | "warning" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
     }) | undefined;
-    color?: ("inherit" | "transparent" | "positive" | "negative" | "info" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | {
-        base?: "inherit" | "transparent" | "positive" | "negative" | "info" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
-        active?: "inherit" | "transparent" | "positive" | "negative" | "info" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
-        disabled?: "inherit" | "transparent" | "positive" | "negative" | "info" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
-        focus?: "inherit" | "transparent" | "positive" | "negative" | "info" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
-        hover?: "inherit" | "transparent" | "positive" | "negative" | "info" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
+    color?: ("inherit" | "transparent" | "positive" | "negative" | "info" | "warning" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | {
+        base?: "inherit" | "transparent" | "positive" | "negative" | "info" | "warning" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
+        active?: "inherit" | "transparent" | "positive" | "negative" | "info" | "warning" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
+        disabled?: "inherit" | "transparent" | "positive" | "negative" | "info" | "warning" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
+        focus?: "inherit" | "transparent" | "positive" | "negative" | "info" | "warning" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
+        hover?: "inherit" | "transparent" | "positive" | "negative" | "info" | "warning" | "gradientPrimary" | "gradientBackdrop" | "backgroundPrimary" | "backgroundSecondary" | "backgroundControl" | "backgroundInverse" | "borderNormal" | "borderFocus" | "buttonInverse" | "buttonGlass" | "buttonEmphasis" | "textInverse" | "textBody" | "textFaded" | "textInactive" | "arbitrumDark" | "avalanceDark" | "bscDark" | "ethereumDark" | "gnosisDark" | "polygonDark" | "arbitrumLight" | "avalanceLight" | "bscLight" | "ethereumLight" | "gnosisLight" | "polygonLight" | "black" | "white" | undefined;
     }) | undefined;
@@ -347,0 +347,0 @@ cursor?: ("default" | "not-allowed" | "pointer" | {

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

@@ -134,2 +134,3 @@ export declare const baseVars: {
         info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -173,2 +174,3 @@ inherit: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -175,0 +177,0 @@ inherit: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

dist/types/icons/AddIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgAddIcon: (props: IconProps) => JSX.Element;
 export default SvgAddIcon;

dist/types/icons/AppleIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgAppleIcon: (props: IconProps) => JSX.Element;
 export default SvgAppleIcon;

dist/types/icons/ArrowRightIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgArrowRightIcon: (props: IconProps) => JSX.Element;
 export default SvgArrowRightIcon;

dist/types/icons/BridgeIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgBridgeIcon: (props: IconProps) => JSX.Element;
 export default SvgBridgeIcon;

dist/types/icons/CheckmarkIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgCheckmarkIcon: (props: IconProps) => JSX.Element;
 export default SvgCheckmarkIcon;

dist/types/icons/ChevronDownIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgChevronDownIcon: (props: IconProps) => JSX.Element;
 export default SvgChevronDownIcon;

dist/types/icons/ChevronLeftIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgChevronLeftIcon: (props: IconProps) => JSX.Element;
 export default SvgChevronLeftIcon;

dist/types/icons/ChevronRightIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgChevronRightIcon: (props: IconProps) => JSX.Element;
 export default SvgChevronRightIcon;

dist/types/icons/ChevronUpIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgChevronUpIcon: (props: IconProps) => JSX.Element;
 export default SvgChevronUpIcon;

dist/types/icons/CloseIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgCloseIcon: (props: IconProps) => JSX.Element;
 export default SvgCloseIcon;

dist/types/icons/ContactsIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgContactsIcon: (props: IconProps) => JSX.Element;
 export default SvgContactsIcon;

dist/types/icons/ContextMenuIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgContextMenuIcon: (props: IconProps) => JSX.Element;
 export default SvgContextMenuIcon;

dist/types/icons/CopyIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgCopyIcon: (props: IconProps) => JSX.Element;
 export default SvgCopyIcon;

dist/types/icons/DeviceIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgDeviceIcon: (props: IconProps) => JSX.Element;
 export default SvgDeviceIcon;

dist/types/icons/DiscordIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgDiscordIcon: (props: IconProps) => JSX.Element;
 export default SvgDiscordIcon;

dist/types/icons/DocsIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgDocsIcon: (props: IconProps) => JSX.Element;
 export default SvgDocsIcon;

dist/types/icons/EditIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgEditIcon: (props: IconProps) => JSX.Element;
 export default SvgEditIcon;

dist/types/icons/EmailIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgEmailIcon: (props: IconProps) => JSX.Element;
 export default SvgEmailIcon;

dist/types/icons/ExpandIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgExpandIcon: (props: IconProps) => JSX.Element;
 export default SvgExpandIcon;

dist/types/icons/ExternalLinkIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgExternalLinkIcon: (props: IconProps) => JSX.Element;
 export default SvgExternalLinkIcon;

dist/types/icons/FacebookIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgFacebookIcon: (props: IconProps) => JSX.Element;
 export default SvgFacebookIcon;

dist/types/icons/GearIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgGearIcon: (props: IconProps) => JSX.Element;
 export default SvgGearIcon;

dist/types/icons/GoogleIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgGoogleIcon: (props: IconProps) => JSX.Element;
 export default SvgGoogleIcon;

dist/types/icons/HelpIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgHelpIcon: (props: IconProps) => JSX.Element;
 export default SvgHelpIcon;

dist/types/icons/LoadingIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgLoadingIcon: (props: IconProps) => JSX.Element;
 export default SvgLoadingIcon;

dist/types/icons/MenuIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgMenuIcon: (props: IconProps) => JSX.Element;
 export default SvgMenuIcon;

dist/types/icons/NodeIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgNodeIcon: (props: IconProps) => JSX.Element;
 export default SvgNodeIcon;

dist/types/icons/ProfileIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgProfileIcon: (props: IconProps) => JSX.Element;
 export default SvgProfileIcon;

dist/types/icons/ReceiveIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgReceiveIcon: (props: IconProps) => JSX.Element;
 export default SvgReceiveIcon;

dist/types/icons/RelayerIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgRelayerIcon: (props: IconProps) => JSX.Element;
 export default SvgRelayerIcon;

dist/types/icons/ScanIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgScanIcon: (props: IconProps) => JSX.Element;
 export default SvgScanIcon;

dist/types/icons/SearchIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgSearchIcon: (props: IconProps) => JSX.Element;
 export default SvgSearchIcon;

dist/types/icons/SendIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgSendIcon: (props: IconProps) => JSX.Element;
 export default SvgSendIcon;

dist/types/icons/SequenceIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgSequenceIcon: (props: IconProps) => JSX.Element;
 export default SvgSequenceIcon;

dist/types/icons/SettingsIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgSettingsIcon: (props: IconProps) => JSX.Element;
 export default SvgSettingsIcon;

dist/types/icons/ShareIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgShareIcon: (props: IconProps) => JSX.Element;
 export default SvgShareIcon;

dist/types/icons/SignoutIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgSignoutIcon: (props: IconProps) => JSX.Element;
 export default SvgSignoutIcon;

dist/types/icons/SubtractIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgSubtractIcon: (props: IconProps) => JSX.Element;
 export default SvgSubtractIcon;

dist/types/icons/SunIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgSunIcon: (props: IconProps) => JSX.Element;
 export default SvgSunIcon;

dist/types/icons/SwapIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgSwapIcon: (props: IconProps) => JSX.Element;
 export default SvgSwapIcon;

dist/types/icons/TransactionIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgTransactionIcon: (props: IconProps) => JSX.Element;
 export default SvgTransactionIcon;

dist/types/icons/WarningIcon.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 declare const SvgWarningIcon: (props: IconProps) => JSX.Element;
 export default SvgWarningIcon;

dist/types/tokens/color.d.ts

@@ -61,2 +61,3 @@ export declare type ColorScheme = 'dark' | 'light';
         info: string;
+        warning: string;
     };
@@ -63,0 +64,0 @@ readonly gradients: {

dist/types/tokens/index.d.ts

@@ -22,2 +22,3 @@ export declare const tokens: {
             info: string;
+            warning: string;
         };
@@ -24,0 +25,0 @@ readonly gradients: {

package.json

 {
   "name": "@0xsequence/design-system",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "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

1865848

increased by0.28%

Lines of code

25233

increased by0.55%

No dependency changes