@obolnetwork/obol-ui 1.0.33 → 1.0.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type * as Stitches from "@stitches/react";
|
|
3
3
|
export declare const Text: import("@stitches/react/types/styled-component").StyledComponent<"span", {
|
|
4
|
-
variant?: "body" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | "ens" | undefined;
|
|
4
|
+
variant?: "body" | "pill" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | "ens" | undefined;
|
|
5
5
|
size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
|
|
6
6
|
color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | undefined;
|
|
7
7
|
glow?: boolean | "true" | undefined;
|
|
@@ -488,7 +488,7 @@ export declare const Text: import("@stitches/react/types/styled-component").Styl
|
|
|
488
488
|
}>>;
|
|
489
489
|
export default Text;
|
|
490
490
|
export declare const TextStory: (props: Omit<import("@stitches/react/types/styled-component").TransformProps<{
|
|
491
|
-
variant?: "body" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | "ens" | undefined;
|
|
491
|
+
variant?: "body" | "pill" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | "ens" | undefined;
|
|
492
492
|
size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
|
|
493
493
|
color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | undefined;
|
|
494
494
|
glow?: boolean | "true" | undefined;
|
|
@@ -504,7 +504,7 @@ export declare const TextStory: (props: Omit<import("@stitches/react/types/style
|
|
|
504
504
|
md: "(max-width: 1200px)";
|
|
505
505
|
lg: "(max-width: 1800px)";
|
|
506
506
|
}>, "color" | "size" | "inline" | "variant" | "glow"> & {
|
|
507
|
-
variant?: "body" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | "ens" | undefined;
|
|
507
|
+
variant?: "body" | "pill" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | "ens" | undefined;
|
|
508
508
|
size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
|
|
509
509
|
color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | undefined;
|
|
510
510
|
glow?: boolean | undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
2
|
export declare const NotificationContainer: import("@stitches/react/types/styled-component").StyledComponent<import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
|
|
3
3
|
motion: "(prefers-reduced-motion)";
|
|
4
4
|
hover: "(any-hover: hover)";
|
|
@@ -959,7 +959,7 @@ export declare const NotificationContainer: import("@stitches/react/types/styled
|
|
|
959
959
|
};
|
|
960
960
|
}>>;
|
|
961
961
|
export interface NotificationCardProps {
|
|
962
|
-
heading: string;
|
|
962
|
+
heading: string | ReactNode;
|
|
963
963
|
subHeading?: string;
|
|
964
964
|
link?: string;
|
|
965
965
|
linkText?: string;
|
package/dist/index.es.js
CHANGED
|
@@ -735,6 +735,16 @@ var Text = styled("span", {
|
|
|
735
735
|
fontSize: "$2",
|
|
736
736
|
color: "$textMuted",
|
|
737
737
|
},
|
|
738
|
+
pill: {
|
|
739
|
+
fontSize: "$3",
|
|
740
|
+
lineHeight: "16px",
|
|
741
|
+
color: "$$color",
|
|
742
|
+
border: " 1px solid $$color",
|
|
743
|
+
background: "rgba(60, 210, 221, 0.1)",
|
|
744
|
+
display: "inline-block",
|
|
745
|
+
borderRadius: "$1",
|
|
746
|
+
padding: "0 $xxxs",
|
|
747
|
+
}
|
|
738
748
|
},
|
|
739
749
|
size: {
|
|
740
750
|
1: { fontSize: "$1" },
|
package/dist/index.js
CHANGED
|
@@ -768,6 +768,16 @@ var Text = styled("span", {
|
|
|
768
768
|
fontSize: "$2",
|
|
769
769
|
color: "$textMuted",
|
|
770
770
|
},
|
|
771
|
+
pill: {
|
|
772
|
+
fontSize: "$3",
|
|
773
|
+
lineHeight: "16px",
|
|
774
|
+
color: "$$color",
|
|
775
|
+
border: " 1px solid $$color",
|
|
776
|
+
background: "rgba(60, 210, 221, 0.1)",
|
|
777
|
+
display: "inline-block",
|
|
778
|
+
borderRadius: "$1",
|
|
779
|
+
padding: "0 $xxxs",
|
|
780
|
+
}
|
|
771
781
|
},
|
|
772
782
|
size: {
|
|
773
783
|
1: { fontSize: "$1" },
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@obolnetwork/obol-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.34",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"module": "dist/index.es.js",
|
|
6
6
|
"license": "MIT",
|
|
@@ -35,22 +35,23 @@
|
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@babel/core": "^7.17.8",
|
|
38
|
-
"@storybook/addon-actions": "^6.
|
|
39
|
-
"@storybook/addon-essentials": "^6.
|
|
40
|
-
"@storybook/addon-interactions": "^6.
|
|
41
|
-
"@storybook/addon-links": "^6.
|
|
42
|
-
"@storybook/react": "^6.
|
|
43
|
-
"@storybook/testing-library": "^0.0.
|
|
38
|
+
"@storybook/addon-actions": "^6.5.12",
|
|
39
|
+
"@storybook/addon-essentials": "^6.5.12",
|
|
40
|
+
"@storybook/addon-interactions": "^6.5.12",
|
|
41
|
+
"@storybook/addon-links": "^6.5.12",
|
|
42
|
+
"@storybook/react": "^6.5.12",
|
|
43
|
+
"@storybook/testing-library": "^0.0.13",
|
|
44
44
|
"@types/node": "17.0.21",
|
|
45
45
|
"@types/react": "17.0.40",
|
|
46
46
|
"babel-loader": "^8.2.4",
|
|
47
47
|
"eslint": "8.11.0",
|
|
48
48
|
"eslint-config-next": "12.1.0",
|
|
49
|
+
"eslint-plugin-storybook": "^0.6.4",
|
|
49
50
|
"figma-api": "^1.10.1",
|
|
50
51
|
"np": "^7.6.1",
|
|
51
52
|
"rollup": "^2.70.1",
|
|
52
53
|
"rollup-plugin-typescript2": "^0.31.2",
|
|
53
|
-
"storybook-addon-designs": "^6.
|
|
54
|
+
"storybook-addon-designs": "^6.3.1",
|
|
54
55
|
"tslib": "^2.3.1",
|
|
55
56
|
"typescript": "^4.6.3"
|
|
56
57
|
},
|