decentraland-ui2 0.1.1-10252382745.commit-439e73a → 0.2.1-10515001545.commit-c9a3c81
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/IconBadge/IconBadge.js +1 -1
- package/dist/components/IconBadge/IconBadge.js.map +1 -1
- package/dist/components/IconBadge/IconBadge.styled.d.ts +4 -3
- package/dist/components/IconBadge/IconBadge.styled.js +15 -15
- package/dist/components/IconBadge/IconBadge.styled.js.map +1 -1
- package/dist/components/Mana/Mana.stories.js +3 -1
- package/dist/components/Mana/Mana.stories.js.map +1 -1
- package/dist/theme/colorSchemes.js +97 -95
- package/dist/theme/colorSchemes.js.map +1 -1
- package/dist/theme/colors.d.ts +5 -13
- package/dist/theme/colors.js +10 -24
- package/dist/theme/colors.js.map +1 -1
- package/dist/theme/components.js +2601 -0
- package/dist/theme/components.js.map +1 -1
- package/dist/theme/index.d.ts +2 -2
- package/dist/theme/index.js +3 -3
- package/dist/theme/index.js.map +1 -1
- package/package.json +2 -2
@@ -75,7 +75,7 @@ const getIcon = (icon) => {
|
|
75
75
|
};
|
76
76
|
const IconBadge = React.memo((props) => {
|
77
77
|
const { icon, text, children, ...rest } = props;
|
78
|
-
return (_jsxs(IconBadgeButtonContainer, { ...rest, children: [_jsx(ImageContainer, { children: children
|
78
|
+
return (_jsxs(IconBadgeButtonContainer, { ...rest, children: [icon && (_jsx(ImageContainer, { children: children ? { children } : getIcon(icon) })), text ? _jsx(TextContainer, { children: text }) : null] }));
|
79
79
|
});
|
80
80
|
export { IconBadge };
|
81
81
|
//# sourceMappingURL=IconBadge.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"IconBadge.js","sourceRoot":"","sources":["../../../src/components/IconBadge/IconBadge.tsx"],"names":[],"mappings":"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
|
1
|
+
{"version":3,"file":"IconBadge.js","sourceRoot":"","sources":["../../../src/components/IconBadge/IconBadge.tsx"],"names":[],"mappings":"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"}
|
@@ -4,10 +4,11 @@ declare const IconBadgeButtonContainer: import("@emotion/styled").StyledComponen
|
|
4
4
|
}, "style" | "classes" | "className" | "tabIndex" | "children" | "sx" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & {
|
5
5
|
theme?: import("@emotion/react").Theme;
|
6
6
|
} & Pick<IconBadgeProps, "onClick" | "inline">, {}, {}>;
|
7
|
-
declare const ImageContainer: import("@emotion/styled").StyledComponent<{
|
7
|
+
declare const ImageContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
8
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
9
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
|
8
10
|
theme?: import("@emotion/react").Theme;
|
9
|
-
|
10
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
11
|
+
}, {}, {}>;
|
11
12
|
declare const TextContainer: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
12
13
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
13
14
|
}, "p" | "style" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "classes" | "className" | "children" | "sx" | "variant" | "align" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
|
@@ -1,38 +1,38 @@
|
|
1
1
|
import styled from "@emotion/styled";
|
2
|
-
import { ButtonBase as ButtonMui, Typography
|
2
|
+
import { Box, ButtonBase as ButtonMui, Typography } from "@mui/material";
|
3
|
+
import { neutral, textOnNeutral } from "../../theme/colors";
|
3
4
|
const IconBadgeButtonContainer = styled(ButtonMui)((props) => {
|
4
|
-
const
|
5
|
+
const { inline, onClick } = props;
|
5
6
|
return {
|
6
|
-
display:
|
7
|
-
backgroundColor:
|
7
|
+
display: inline ? "inline-flex" : "flex",
|
8
|
+
backgroundColor: neutral.gray1,
|
8
9
|
alignItems: "center",
|
9
10
|
justifyContent: "center",
|
10
|
-
color:
|
11
|
+
color: textOnNeutral.gray1,
|
11
12
|
verticalAlign: "middle",
|
12
13
|
fontSize: "13px",
|
13
14
|
lineHeight: "inherit",
|
14
15
|
textTransform: "uppercase",
|
15
16
|
padding: "2px 8px",
|
16
17
|
borderRadius: "5px",
|
17
|
-
cursor:
|
18
|
+
cursor: onClick ? "pointer" : "default",
|
18
19
|
"& + &": {
|
19
20
|
marginLeft: "0.3em",
|
20
21
|
},
|
21
22
|
};
|
22
23
|
});
|
23
|
-
const ImageContainer = styled(
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
"& svg path": {
|
29
|
-
fill: theme.palette.text.primary,
|
30
|
-
},
|
31
|
-
};
|
24
|
+
const ImageContainer = styled(Box)({
|
25
|
+
display: "flex",
|
26
|
+
"& svg path": {
|
27
|
+
fill: textOnNeutral.gray1,
|
28
|
+
},
|
32
29
|
});
|
33
30
|
const TextContainer = styled(Typography)({
|
34
31
|
fontSize: "inherit",
|
35
32
|
color: "inherit",
|
33
|
+
":not(:first-child)": {
|
34
|
+
paddingLeft: "0.3em",
|
35
|
+
},
|
36
36
|
});
|
37
37
|
export { IconBadgeButtonContainer, ImageContainer, TextContainer };
|
38
38
|
//# sourceMappingURL=IconBadge.styled.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"IconBadge.styled.js","sourceRoot":"","sources":["../../../src/components/IconBadge/IconBadge.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,UAAU,IAAI,SAAS,EAAE,UAAU,EAAE,
|
1
|
+
{"version":3,"file":"IconBadge.styled.js","sourceRoot":"","sources":["../../../src/components/IconBadge/IconBadge.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,UAAU,IAAI,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAG3D,MAAM,wBAAwB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CACjD,KAAiD,EACjD,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IACjC,OAAO;QACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;QACxC,eAAe,EAAE,OAAO,CAAC,KAAK;QAC9B,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,aAAa,CAAC,KAAK;QAC1B,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,WAAoB;QACnC,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACvC,OAAO,EAAE;YACP,UAAU,EAAE,OAAO;SACpB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACjC,OAAO,EAAE,MAAM;IACf,YAAY,EAAE;QACZ,IAAI,EAAE,aAAa,CAAC,KAAK;KAC1B;CACF,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACvC,QAAQ,EAAE,SAAS;IACnB,KAAK,EAAE,SAAS;IAChB,oBAAoB,EAAE;QACpB,WAAW,EAAE,OAAO;KACrB;CACF,CAAC,CAAA;AAEF,OAAO,EAAE,wBAAwB,EAAE,cAAc,EAAE,aAAa,EAAE,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Mana.stories.js","sourceRoot":"","sources":["../../../src/components/Mana/Mana.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAI7B,MAAM,IAAI,GAAoB;IAC5B,SAAS,EAAE,IAAI;IACf,KAAK,EAAE,sBAAsB;IAC7B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,uBAAuB;SACrC;QACD,MAAM,EAAE;YACN,WAAW,EAAE,2CAA2C;SACzD;QACD,OAAO,EAAE;YACP,WAAW,EAAE,kCAAkC;YAC/C,YAAY,EAAE,OAAO,CAAC,QAAQ;SAC/B;QACD,OAAO,EAAE;YACP,WAAW,EAAE,yCAAyC;SACvD;QACD,WAAW,EAAE;YACX,WAAW,EAAE,uBAAuB;SACrC;KACF;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,IAAI,OAAK,IAAI,GAAI;CACrC,CAAA;AAID,MAAM,MAAM,GAAU;IACpB,IAAI,EAAE,EAAE;
|
1
|
+
{"version":3,"file":"Mana.stories.js","sourceRoot":"","sources":["../../../src/components/Mana/Mana.stories.tsx"],"names":[],"mappings":"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"}
|
@@ -1,6 +1,8 @@
|
|
1
|
+
import { neutral } from "./colors";
|
1
2
|
const colorSchemas = {
|
2
3
|
light: {
|
3
4
|
palette: {
|
5
|
+
mode: "light",
|
4
6
|
text: {
|
5
7
|
primary: "rgba(22, 21, 24, 0.9)",
|
6
8
|
secondary: "rgba(22, 21, 24, 0.6)",
|
@@ -9,7 +11,7 @@ const colorSchemas = {
|
|
9
11
|
hover: "rgba(22, 21, 24, 0.04)",
|
10
12
|
selected: "rgba(22, 21, 24, 0.08)",
|
11
13
|
focus: "rgba(22, 21, 24, 0.12)",
|
12
|
-
focusVisible: "rgba(22, 21, 24, 0.
|
14
|
+
focusVisible: "rgba(22, 21, 24, 0.16)",
|
13
15
|
},
|
14
16
|
},
|
15
17
|
primary: {
|
@@ -17,24 +19,24 @@ const colorSchemas = {
|
|
17
19
|
dark: "#F70038",
|
18
20
|
light: "#F70038",
|
19
21
|
_states: {
|
20
|
-
hover: "rgba(255, 45, 85, 0.
|
22
|
+
hover: "rgba(255, 45, 85, 0.08)",
|
21
23
|
selected: "rgba(255, 45, 85, 0.08)",
|
22
24
|
focus: "rgba(255, 45, 85, 0.12)",
|
23
|
-
focusVisible: "rgba(255, 45, 85, 0.
|
24
|
-
outlinedBorder: "rgba(255, 45, 85, 0.
|
25
|
+
focusVisible: "rgba(255, 45, 85, 0.16)",
|
26
|
+
outlinedBorder: "rgba(255, 45, 85, 0.32)",
|
25
27
|
},
|
26
28
|
},
|
27
29
|
secondary: {
|
28
|
-
main:
|
29
|
-
dark:
|
30
|
-
light:
|
31
|
-
contrast:
|
30
|
+
main: neutral.gray5,
|
31
|
+
dark: neutral.gray3,
|
32
|
+
light: neutral.gray4,
|
33
|
+
contrast: neutral.gray1,
|
32
34
|
_states: {
|
33
35
|
hover: "rgba(94, 91, 103, 0.08)",
|
34
36
|
selected: "rgba(94, 91, 103, 0.08)",
|
35
37
|
focus: "rgba(94, 91, 103, 0.12)",
|
36
38
|
focusVisible: "rgba(94, 91, 103, 0.16)",
|
37
|
-
outlinedBorder: "rgba(94, 91, 103, 0.
|
39
|
+
outlinedBorder: "rgba(94, 91, 103, 0.56)",
|
38
40
|
},
|
39
41
|
},
|
40
42
|
action: {
|
@@ -52,20 +54,20 @@ const colorSchemas = {
|
|
52
54
|
_states: {
|
53
55
|
hover: "rgba(251, 59, 59, 0.08)",
|
54
56
|
selected: "rgba(251, 59, 59, 0.16)",
|
55
|
-
focusVisible: "rgba(251, 59, 59, 0.
|
57
|
+
focusVisible: "rgba(251, 59, 59, 0.16)",
|
56
58
|
outlinedBorder: "rgba(251, 59, 59, 0.48)",
|
57
59
|
},
|
58
60
|
contrast: "#FFFFFF",
|
59
61
|
},
|
60
62
|
warning: {
|
61
|
-
main: "#
|
62
|
-
dark: "#
|
63
|
-
light: "#
|
63
|
+
main: "#FE9C2A",
|
64
|
+
dark: "#F38025",
|
65
|
+
light: "#FFB95B",
|
64
66
|
_states: {
|
65
67
|
hover: "rgba(244, 130, 33, 0.08)",
|
66
68
|
selected: "rgba(244, 130, 33, 0.08)",
|
67
|
-
focusVisible: "rgba(244, 130, 33, 0.
|
68
|
-
outlinedBorder: "rgba(244, 130, 33, 0.
|
69
|
+
focusVisible: "rgba(244, 130, 33, 0.16)",
|
70
|
+
outlinedBorder: "rgba(244, 130, 33, 0.32)",
|
69
71
|
},
|
70
72
|
},
|
71
73
|
info: {
|
@@ -74,7 +76,7 @@ const colorSchemas = {
|
|
74
76
|
light: "#63B4F6",
|
75
77
|
_states: {
|
76
78
|
hover: "rgba(33, 150, 243, 0.08)",
|
77
|
-
focusVisible: "rgba(33, 150, 243, 0.
|
79
|
+
focusVisible: "rgba(33, 150, 243, 0.16)",
|
78
80
|
outlinedBorder: "rgba(33, 150, 243, 0.48)",
|
79
81
|
},
|
80
82
|
},
|
@@ -85,7 +87,7 @@ const colorSchemas = {
|
|
85
87
|
_states: {
|
86
88
|
hover: "rgba(52, 206, 119, 0.08)",
|
87
89
|
selected: "rgba(52, 206, 119, 0.16)",
|
88
|
-
focusVisible: "rgba(52, 206, 119, 0.
|
90
|
+
focusVisible: "rgba(52, 206, 119, 0.16)",
|
89
91
|
outlinedBorder: "rgba(52, 206, 119, 0.32)",
|
90
92
|
},
|
91
93
|
},
|
@@ -111,52 +113,6 @@ const colorSchemas = {
|
|
111
113
|
avatar: {
|
112
114
|
fill: "#A09BA8",
|
113
115
|
},
|
114
|
-
button: {
|
115
|
-
background: "#321452",
|
116
|
-
contained: {
|
117
|
-
enabled: "#123",
|
118
|
-
hover: "#F70038",
|
119
|
-
pressed: "#F70038",
|
120
|
-
disabled: "#ECEBED",
|
121
|
-
},
|
122
|
-
outlined: {
|
123
|
-
enabled: "#123",
|
124
|
-
enabledBorder: "#123",
|
125
|
-
background: "#321452",
|
126
|
-
hover: "#F70038",
|
127
|
-
pressed: "#F70038",
|
128
|
-
disabled: "#ECEBED",
|
129
|
-
},
|
130
|
-
text: {
|
131
|
-
enabled: "#123",
|
132
|
-
hover: "#F70038",
|
133
|
-
pressed: "#F70038",
|
134
|
-
disabled: "#ECEBED",
|
135
|
-
},
|
136
|
-
},
|
137
|
-
ButtonBase: {
|
138
|
-
background: "#321452",
|
139
|
-
contained: {
|
140
|
-
enabled: "#123",
|
141
|
-
hover: "#F70038",
|
142
|
-
pressed: "#F70038",
|
143
|
-
disabled: "#ECEBED",
|
144
|
-
},
|
145
|
-
outlined: {
|
146
|
-
enabled: "#123",
|
147
|
-
enabledBorder: "#123",
|
148
|
-
background: "#321452",
|
149
|
-
hover: "#F70038",
|
150
|
-
pressed: "#F70038",
|
151
|
-
disabled: "#ECEBED",
|
152
|
-
},
|
153
|
-
text: {
|
154
|
-
enabled: "#123",
|
155
|
-
hover: "#F70038",
|
156
|
-
pressed: "#F70038",
|
157
|
-
disabled: "#ECEBED",
|
158
|
-
},
|
159
|
-
},
|
160
116
|
input: {
|
161
117
|
standard: {
|
162
118
|
enabledBorder: "rgba(22, 21, 24, 0.42)",
|
@@ -204,7 +160,10 @@ const colorSchemas = {
|
|
204
160
|
alert: {
|
205
161
|
error: {
|
206
162
|
color: "#FB3B3B",
|
207
|
-
background: "rgba(
|
163
|
+
background: "rgba(251, 59, 59, 0.16)",
|
164
|
+
},
|
165
|
+
success: {
|
166
|
+
background: "#C1EECF",
|
208
167
|
},
|
209
168
|
},
|
210
169
|
},
|
@@ -213,13 +172,14 @@ const colorSchemas = {
|
|
213
172
|
},
|
214
173
|
dark: {
|
215
174
|
palette: {
|
175
|
+
mode: "dark",
|
216
176
|
text: {
|
217
|
-
primary: "rgba(240,240,240,
|
218
|
-
secondary: "rgba(240,240,240, 0.
|
177
|
+
primary: "rgba(240,240,240, 1)",
|
178
|
+
secondary: "rgba(240,240,240, 0.7)",
|
219
179
|
disabled: "rgba(240,240,240, 0.38)",
|
220
180
|
_states: {
|
221
|
-
hover: "rgba(240,240,240, 0.
|
222
|
-
selected: "rgba(240,240,240, 0.
|
181
|
+
hover: "rgba(240,240,240, 0.08)",
|
182
|
+
selected: "rgba(240,240,240, 0.16)",
|
223
183
|
focus: "rgba(240,240,240, 0.12)",
|
224
184
|
focusVisible: "rgba(240,240,240, 0.3)",
|
225
185
|
},
|
@@ -233,30 +193,30 @@ const colorSchemas = {
|
|
233
193
|
hover: "rgba(255, 45, 85, 0.08)",
|
234
194
|
selected: "rgba(255, 45, 85, 0.16)",
|
235
195
|
focus: "rgba(255, 45, 85, 0.12)",
|
236
|
-
focusVisible: "rgba(255, 45, 85, 0.
|
196
|
+
focusVisible: "rgba(255, 45, 85, 0.24)",
|
237
197
|
outlinedBorder: "rgba(255, 45, 85, 0.5)",
|
238
198
|
},
|
239
199
|
},
|
240
200
|
secondary: {
|
241
|
-
main:
|
242
|
-
dark:
|
243
|
-
light:
|
244
|
-
contrast:
|
201
|
+
main: neutral.trueWhite,
|
202
|
+
dark: neutral.gray4,
|
203
|
+
light: neutral.gray4,
|
204
|
+
contrast: neutral.gray1,
|
245
205
|
_states: {
|
246
206
|
hover: "rgba(226, 224, 231, 0.08)",
|
247
207
|
selected: "rgba(226, 224, 231, 0.16)",
|
248
208
|
focus: "rgba(226, 224, 231, 0.12)",
|
249
|
-
focusVisible: "rgba(226, 224, 231, 0.
|
209
|
+
focusVisible: "rgba(226, 224, 231, 0.24)",
|
250
210
|
outlinedBorder: "rgba(226, 224, 231, 0.5)",
|
251
211
|
},
|
252
212
|
},
|
253
213
|
action: {
|
254
|
-
active: "rgba(
|
255
|
-
hover: "rgba(
|
256
|
-
selected: "rgba(
|
257
|
-
focus: "rgba(
|
258
|
-
disabled: "rgba(
|
259
|
-
disabledBackground: "rgba(
|
214
|
+
active: "rgba(256, 256, 256, 0.56)",
|
215
|
+
hover: "rgba(256, 256, 256, 0.08)",
|
216
|
+
selected: "rgba(256, 256, 256, 0.16)",
|
217
|
+
focus: "rgba(256, 256, 256, 0.12)",
|
218
|
+
disabled: "rgba(256, 256, 256, 0.38)",
|
219
|
+
disabledBackground: "rgba(256, 256, 256, 0.12)",
|
260
220
|
},
|
261
221
|
error: {
|
262
222
|
main: "#FB3B3B",
|
@@ -265,16 +225,16 @@ const colorSchemas = {
|
|
265
225
|
_states: {
|
266
226
|
hover: "rgba(251, 59, 59, 0.16)",
|
267
227
|
selected: "rgba(251, 59, 59, 0.24)",
|
268
|
-
focusVisible: "rgba(251, 59, 59, 0.
|
228
|
+
focusVisible: "rgba(251, 59, 59, 0.24)",
|
269
229
|
outlinedBorder: "rgba(251, 59, 59, 0.48)",
|
270
230
|
},
|
271
231
|
contrast: "#FFFFFF",
|
272
232
|
},
|
273
233
|
warning: {
|
274
|
-
main: "#
|
275
|
-
dark: "#
|
276
|
-
light: "#
|
277
|
-
contrast: "
|
234
|
+
main: "#FE9C2A",
|
235
|
+
dark: "#F38025",
|
236
|
+
light: "#FFB95B",
|
237
|
+
contrast: "#FFFFFF",
|
278
238
|
_states: {
|
279
239
|
hover: "rgba(244, 130, 33, 0.08)",
|
280
240
|
selected: "rgba(244, 130, 33, 0.16)",
|
@@ -286,7 +246,7 @@ const colorSchemas = {
|
|
286
246
|
main: "#2196F3",
|
287
247
|
dark: "#1A75D2",
|
288
248
|
light: "#63B4F6",
|
289
|
-
contrast: "
|
249
|
+
contrast: "#FFFFFF",
|
290
250
|
_states: {
|
291
251
|
hover: "rgba(33, 150, 243, 0.16)",
|
292
252
|
selected: "rgba(33, 150, 243, 0.24)",
|
@@ -298,11 +258,11 @@ const colorSchemas = {
|
|
298
258
|
main: "#34CE77",
|
299
259
|
dark: "#00B453",
|
300
260
|
light: "#65D890",
|
301
|
-
contrast: "
|
261
|
+
contrast: "#FFFFFF",
|
302
262
|
_states: {
|
303
263
|
hover: "rgba(52, 206, 119, 0.08)",
|
304
264
|
selected: "rgba(52, 206, 119, 0.24)",
|
305
|
-
focusVisible: "rgba(52, 206, 119, 0.
|
265
|
+
focusVisible: "rgba(52, 206, 119, 0.24)",
|
306
266
|
outlinedBorder: "rgba(52, 206, 119, 0.48)",
|
307
267
|
},
|
308
268
|
},
|
@@ -316,17 +276,42 @@ const colorSchemas = {
|
|
316
276
|
outlinedBorder: "rgba(22, 21, 24, 0.5)",
|
317
277
|
},
|
318
278
|
white_states: {
|
319
|
-
main: "
|
320
|
-
focusVisible: "rgba(255, 255, 255, 0.
|
279
|
+
main: "rgba(255, 255, 255, 0.98)",
|
280
|
+
focusVisible: "rgba(255, 255, 255, 0.16)",
|
281
|
+
outlinedBorder: "rgba(255, 255, 255, 0.32)",
|
321
282
|
},
|
322
283
|
},
|
323
284
|
background: {
|
324
|
-
default: "#
|
285
|
+
default: "#161518",
|
286
|
+
"paper-elevation-0": "#1D1C20",
|
287
|
+
"paper-elevation-1": "#201F24",
|
288
|
+
"paper-elevation-2": "#242227",
|
289
|
+
"paper-elevation-3": "#27262B",
|
290
|
+
"paper-elevation-4": "#2B292F",
|
291
|
+
"paper-elevation-5": "#2E2C33",
|
292
|
+
"paper-elevation-6": "#322F37",
|
293
|
+
"paper-elevation-7": "#322F37",
|
294
|
+
"paper-elevation-8": "#35333B",
|
295
|
+
"paper-elevation-9": "#35333B",
|
296
|
+
"paper-elevation-10": "#39363E",
|
297
|
+
"paper-elevation-11": "#39363E",
|
298
|
+
"paper-elevation-12": "#3C3942",
|
299
|
+
"paper-elevation-13": "#3C3942",
|
300
|
+
"paper-elevation-14": "#3C3942",
|
301
|
+
"paper-elevation-15": "#3C3942",
|
302
|
+
"paper-elevation-16": "#403D46",
|
303
|
+
"paper-elevation-17": "#403D46",
|
304
|
+
"paper-elevation-18": "#403D46",
|
305
|
+
"paper-elevation-19": "#403D46",
|
306
|
+
"paper-elevation-20": "#43404A",
|
307
|
+
"paper-elevation-21": "#43404A",
|
308
|
+
"paper-elevation-22": "#43404A",
|
309
|
+
"paper-elevation-23": "#43404A",
|
310
|
+
"paper-elevation-24": "#43404A",
|
325
311
|
},
|
326
312
|
elevation: {
|
327
|
-
outlined: "rgba(
|
313
|
+
outlined: "rgba(255, 255, 255, 0.12)",
|
328
314
|
},
|
329
|
-
divider: "#67637033",
|
330
315
|
_components: {
|
331
316
|
avatar: {
|
332
317
|
fill: "#716B7C",
|
@@ -338,19 +323,36 @@ const colorSchemas = {
|
|
338
323
|
rating: {
|
339
324
|
activeFill: "#F70038",
|
340
325
|
},
|
326
|
+
snackbar: {
|
327
|
+
fill: "#322F37",
|
328
|
+
},
|
341
329
|
chip: {
|
342
330
|
defaultEnabledBorder: "#43404A",
|
343
331
|
},
|
344
332
|
tooltip: {
|
345
333
|
fill: "#242129",
|
346
334
|
},
|
335
|
+
appBar: {
|
336
|
+
defaultFill: "#2B292F",
|
337
|
+
},
|
347
338
|
breadcrumbs: {
|
348
339
|
collapseFill: "#716B7C",
|
349
340
|
},
|
350
341
|
alert: {
|
351
342
|
error: {
|
352
|
-
color: "#
|
353
|
-
background: "rgba(204, 29, 44, 0.
|
343
|
+
color: "#F8919D",
|
344
|
+
background: "rgba(204, 29, 44, 0.24)",
|
345
|
+
},
|
346
|
+
warning: {
|
347
|
+
color: "#FFCD88",
|
348
|
+
background: "rgba(236, 113, 34, 0.24)",
|
349
|
+
},
|
350
|
+
info: {
|
351
|
+
color: "#BBDEFB",
|
352
|
+
background: "rgba(23, 100, 192, 0.24)",
|
353
|
+
},
|
354
|
+
success: {
|
355
|
+
background: "rgba(0, 161, 70, 0.24)",
|
354
356
|
},
|
355
357
|
},
|
356
358
|
},
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"colorSchemes.js","sourceRoot":"","sources":["../../src/theme/colorSchemes.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"colorSchemes.js","sourceRoot":"","sources":["../../src/theme/colorSchemes.ts"],"names":[],"mappings":"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"}
|
package/dist/theme/colors.d.ts
CHANGED
@@ -1,5 +1,6 @@
|
|
1
1
|
declare const neutral: {
|
2
2
|
white: string;
|
3
|
+
trueWhite: string;
|
3
4
|
softWhite: string;
|
4
5
|
gray5: string;
|
5
6
|
gray4: string;
|
@@ -14,21 +15,12 @@ declare const neutral: {
|
|
14
15
|
declare const textOnNeutral: typeof neutral;
|
15
16
|
declare const base: {
|
16
17
|
primary: string;
|
17
|
-
|
18
|
+
primaryDark1: string;
|
19
|
+
primaryDark2: string;
|
18
20
|
primaryLight1: string;
|
19
|
-
|
20
|
-
primaryAlt: string;
|
21
|
+
primaryLight2: string;
|
21
22
|
};
|
22
23
|
declare const textOnBase: typeof base;
|
23
|
-
declare const state: {
|
24
|
-
success: string;
|
25
|
-
successDark: string;
|
26
|
-
warning: string;
|
27
|
-
warningDark: string;
|
28
|
-
error: string;
|
29
|
-
errorDark: string;
|
30
|
-
};
|
31
|
-
declare const textOnState: typeof state;
|
32
24
|
declare const rarity: {
|
33
25
|
common: string;
|
34
26
|
uncommon: string;
|
@@ -78,4 +70,4 @@ declare const blackTransparent: {
|
|
78
70
|
declare const textOnBlackTransparent: typeof blackTransparent;
|
79
71
|
declare const whiteTransparent: typeof blackTransparent;
|
80
72
|
declare const textOnWhiteTransparent: typeof blackTransparent;
|
81
|
-
export { neutral, textOnNeutral, base, textOnBase,
|
73
|
+
export { neutral, textOnNeutral, base, textOnBase, rarity, rarityGradient, textOnRarity, brand, textOnBrand, gradient, textOnGradient, opacity, blackTransparent, textOnBlackTransparent, whiteTransparent, textOnWhiteTransparent, };
|
package/dist/theme/colors.js
CHANGED
@@ -1,5 +1,6 @@
|
|
1
1
|
const neutral = {
|
2
2
|
white: `#FFFFFF`,
|
3
|
+
trueWhite: `#FFFFFF`,
|
3
4
|
softWhite: `#FCFCFC`,
|
4
5
|
gray5: `#ECEBED`,
|
5
6
|
gray4: `#CFCDD4`,
|
@@ -13,6 +14,7 @@ const neutral = {
|
|
13
14
|
};
|
14
15
|
const textOnNeutral = {
|
15
16
|
white: neutral.softBlack2,
|
17
|
+
trueWhite: neutral.trueWhite,
|
16
18
|
softWhite: neutral.softBlack2,
|
17
19
|
gray5: neutral.softBlack2,
|
18
20
|
gray4: neutral.softBlack2,
|
@@ -26,33 +28,17 @@ const textOnNeutral = {
|
|
26
28
|
};
|
27
29
|
const base = {
|
28
30
|
primary: "#FF2D55",
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
31
|
+
primaryDark1: "#F70038",
|
32
|
+
primaryDark2: "#D80029",
|
33
|
+
primaryLight1: `#F8919D`,
|
34
|
+
primaryLight2: `#FFC9D5`,
|
33
35
|
};
|
34
36
|
const textOnBase = {
|
35
37
|
primary: neutral.white,
|
36
|
-
|
38
|
+
primaryDark1: neutral.white,
|
39
|
+
primaryDark2: neutral.white,
|
37
40
|
primaryLight1: neutral.black,
|
38
|
-
|
39
|
-
primaryAlt: neutral.white,
|
40
|
-
};
|
41
|
-
const state = {
|
42
|
-
success: `#34CE76`,
|
43
|
-
successDark: `#279E5A`,
|
44
|
-
warning: `#FFC95B`,
|
45
|
-
warningDark: `#E9AB2E`,
|
46
|
-
error: `#FB3B3B`,
|
47
|
-
errorDark: `#DA2828`,
|
48
|
-
};
|
49
|
-
const textOnState = {
|
50
|
-
success: neutral.white,
|
51
|
-
successDark: neutral.white,
|
52
|
-
warning: neutral.softBlack2,
|
53
|
-
warningDark: neutral.softBlack2,
|
54
|
-
error: neutral.white,
|
55
|
-
errorDark: neutral.white,
|
41
|
+
primaryLight2: neutral.black,
|
56
42
|
};
|
57
43
|
const rarity = {
|
58
44
|
common: `#73D3D3`,
|
@@ -150,5 +136,5 @@ const textOnWhiteTransparent = {
|
|
150
136
|
soft: neutral.softBlack2,
|
151
137
|
subtle: neutral.softBlack2,
|
152
138
|
};
|
153
|
-
export { neutral, textOnNeutral, base, textOnBase,
|
139
|
+
export { neutral, textOnNeutral, base, textOnBase, rarity, rarityGradient, textOnRarity, brand, textOnBrand, gradient, textOnGradient, opacity, blackTransparent, textOnBlackTransparent, whiteTransparent, textOnWhiteTransparent, };
|
154
140
|
//# sourceMappingURL=colors.js.map
|