@toptal/picasso-account-select 1.0.17 → 2.0.0
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.
- package/dist-package/src/AccountSelect/AccountSelect.d.ts.map +1 -1
- package/dist-package/src/AccountSelect/AccountSelect.js +4 -10
- package/dist-package/src/AccountSelect/AccountSelect.js.map +1 -1
- package/package.json +10 -9
- package/src/AccountSelect/AccountSelect.tsx +7 -16
- package/src/AccountSelect/__snapshots__/test.tsx.snap +28 -28
- package/dist-package/src/AccountSelect/styles.d.ts +0 -4
- package/dist-package/src/AccountSelect/styles.d.ts.map +0 -1
- package/dist-package/src/AccountSelect/styles.js +0 -16
- package/dist-package/src/AccountSelect/styles.js.map +0 -1
- package/src/AccountSelect/styles.ts +0 -19
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountSelect.d.ts","sourceRoot":"","sources":["../../../src/AccountSelect/AccountSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAqB,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"AccountSelect.d.ts","sourceRoot":"","sources":["../../../src/AccountSelect/AccountSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AASvD,aAAK,OAAO,GAAG;IACb,gBAAgB;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iEAAiE;IACjE,IAAI,EAAE,MAAM,CAAA;IACZ,iDAAiD;IACjD,QAAQ,EAAE,MAAM,CAAA;IAChB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,WAAW,KACf,SAAQ,SAAS,EACf,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IACpD,iCAAiC;IACjC,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,wEAAwE;IACxE,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC;AAED,eAAO,MAAM,aAAa,gFAyCzB,CAAA;AAQD,eAAe,aAAa,CAAA"}
|
|
@@ -10,23 +10,17 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from 'react';
|
|
13
|
-
import {
|
|
14
|
-
import cx from 'classnames';
|
|
13
|
+
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
15
14
|
import { UserBadge } from '@toptal/picasso-user-badge';
|
|
16
15
|
import { Typography } from '@toptal/picasso-typography';
|
|
17
16
|
import { Link } from '@toptal/picasso-link';
|
|
18
17
|
import { Container } from '@toptal/picasso-container';
|
|
19
18
|
import { ChevronRight16 } from '@toptal/picasso-icons';
|
|
20
|
-
import {
|
|
21
|
-
import styles from './styles';
|
|
22
|
-
const useStyles = makeStyles(styles, {
|
|
23
|
-
name: 'PicassoAccountSelect',
|
|
24
|
-
});
|
|
19
|
+
import { Menu, MenuItem } from '@toptal/picasso-menu';
|
|
25
20
|
export const AccountSelect = forwardRef(function AccountSelect(props, ref) {
|
|
26
21
|
const { className, accounts, onSelect, style } = props, rest = __rest(props, ["className", "accounts", "onSelect", "style"]);
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
React.createElement(Link, { className: classes.accountLink, href: account.href, onClick: () => onSelect(account), noUnderline: true },
|
|
22
|
+
return (React.createElement(Menu, Object.assign({}, rest, { ref: ref, className: twMerge('p-0', className), style: style }), accounts.map(account => (React.createElement(MenuItem, { disableGutters: true, className: 'h-auto [&+&]:border-t border-0 border-solid border-gray-400', key: `role-${account.id}` },
|
|
23
|
+
React.createElement(Link, { className: 'flex-1', href: account.href, onClick: () => onSelect(account), noUnderline: true },
|
|
30
24
|
React.createElement(Container, { padded: 'medium', flex: true, direction: 'row', alignItems: 'center', justifyContent: 'space-between' },
|
|
31
25
|
React.createElement(UserBadge, { name: account.name, avatar: account.avatar },
|
|
32
26
|
React.createElement(Typography, { size: 'xsmall' }, account.position)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountSelect.js","sourceRoot":"","sources":["../../../src/AccountSelect/AccountSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"AccountSelect.js","sourceRoot":"","sources":["../../../src/AccountSelect/AccountSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAwBrD,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,SAAS,aAAa,CAAC,KAAK,EAAE,GAAG;IAC/B,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAzD,8CAAiD,CAAQ,CAAA;IAE/D,OAAO,CACL,oBAAC,IAAI,oBACC,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,EACpC,KAAK,EAAE,KAAK,KAEX,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CACvB,oBAAC,QAAQ,IACP,cAAc,QACd,SAAS,EAAC,6DAA6D,EACvE,GAAG,EAAE,QAAQ,OAAO,CAAC,EAAE,EAAE;QAEzB,oBAAC,IAAI,IACH,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,EAChC,WAAW;YAEX,oBAAC,SAAS,IACR,MAAM,EAAC,QAAQ,EACf,IAAI,QACJ,SAAS,EAAC,KAAK,EACf,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,eAAe;gBAE9B,oBAAC,SAAS,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM;oBACnD,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,IAAE,OAAO,CAAC,QAAQ,CAAc,CAC/C;gBACZ,oBAAC,cAAc,IAAC,KAAK,EAAC,WAAW,GAAG,CAC1B,CACP,CACE,CACZ,CAAC,CACG,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,aAAa,CAAC,YAAY,GAAG;IAC3B,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;CACnB,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,eAAe,aAAa,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-account-select",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0",
|
|
4
4
|
"description": "Toptal UI components library - AccountSelect",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -22,27 +22,28 @@
|
|
|
22
22
|
},
|
|
23
23
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@toptal/picasso-container": "
|
|
25
|
+
"@toptal/picasso-container": "2.0.0",
|
|
26
26
|
"@toptal/picasso-icons": "1.5.0",
|
|
27
|
-
"@toptal/picasso-link": "
|
|
28
|
-
"@toptal/picasso-menu": "
|
|
29
|
-
"@toptal/picasso-typography": "
|
|
30
|
-
"@toptal/picasso-user-badge": "
|
|
31
|
-
"@toptal/picasso-utils": "1.0.3"
|
|
32
|
-
"classnames": "^2.5.1"
|
|
27
|
+
"@toptal/picasso-link": "2.0.0",
|
|
28
|
+
"@toptal/picasso-menu": "2.0.0",
|
|
29
|
+
"@toptal/picasso-typography": "3.0.0",
|
|
30
|
+
"@toptal/picasso-user-badge": "3.0.0",
|
|
31
|
+
"@toptal/picasso-utils": "1.0.3"
|
|
33
32
|
},
|
|
34
33
|
"sideEffects": [
|
|
35
34
|
"**/styles.ts",
|
|
36
35
|
"**/styles.js"
|
|
37
36
|
],
|
|
38
37
|
"peerDependencies": {
|
|
39
|
-
"@
|
|
38
|
+
"@toptal/picasso-tailwind": ">=2.7",
|
|
39
|
+
"@toptal/picasso-tailwind-merge": "^1.0.1",
|
|
40
40
|
"react": ">=16.12.0 < 19.0.0"
|
|
41
41
|
},
|
|
42
42
|
"exports": {
|
|
43
43
|
".": "./dist-package/src/index.js"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
+
"@toptal/picasso-tailwind-merge": "1.2.0",
|
|
46
47
|
"@toptal/picasso-test-utils": "1.1.1"
|
|
47
48
|
},
|
|
48
49
|
"files": [
|
|
@@ -1,17 +1,13 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react'
|
|
2
2
|
import React, { forwardRef } from 'react'
|
|
3
|
-
import type { Theme } from '@material-ui/core/styles'
|
|
4
|
-
import { makeStyles } from '@material-ui/core/styles'
|
|
5
3
|
import type { BaseProps } from '@toptal/picasso-shared'
|
|
6
|
-
import
|
|
4
|
+
import { twMerge } from '@toptal/picasso-tailwind-merge'
|
|
7
5
|
import { UserBadge } from '@toptal/picasso-user-badge'
|
|
8
6
|
import { Typography } from '@toptal/picasso-typography'
|
|
9
7
|
import { Link } from '@toptal/picasso-link'
|
|
10
8
|
import { Container } from '@toptal/picasso-container'
|
|
11
9
|
import { ChevronRight16 } from '@toptal/picasso-icons'
|
|
12
|
-
import {
|
|
13
|
-
|
|
14
|
-
import styles from './styles'
|
|
10
|
+
import { Menu, MenuItem } from '@toptal/picasso-menu'
|
|
15
11
|
|
|
16
12
|
type Account = {
|
|
17
13
|
/** User's id */
|
|
@@ -35,30 +31,25 @@ export interface Props
|
|
|
35
31
|
onSelect: (account: Account) => void
|
|
36
32
|
}
|
|
37
33
|
|
|
38
|
-
const useStyles = makeStyles<Theme>(styles, {
|
|
39
|
-
name: 'PicassoAccountSelect',
|
|
40
|
-
})
|
|
41
|
-
|
|
42
34
|
export const AccountSelect = forwardRef<HTMLUListElement, Props>(
|
|
43
35
|
function AccountSelect(props, ref) {
|
|
44
36
|
const { className, accounts, onSelect, style, ...rest } = props
|
|
45
|
-
const classes = useStyles()
|
|
46
37
|
|
|
47
38
|
return (
|
|
48
39
|
<Menu
|
|
49
40
|
{...rest}
|
|
50
41
|
ref={ref}
|
|
51
|
-
className={
|
|
42
|
+
className={twMerge('p-0', className)}
|
|
52
43
|
style={style}
|
|
53
44
|
>
|
|
54
45
|
{accounts.map(account => (
|
|
55
|
-
<
|
|
46
|
+
<MenuItem
|
|
56
47
|
disableGutters
|
|
57
|
-
className=
|
|
48
|
+
className='h-auto [&+&]:border-t border-0 border-solid border-gray-400'
|
|
58
49
|
key={`role-${account.id}`}
|
|
59
50
|
>
|
|
60
51
|
<Link
|
|
61
|
-
className=
|
|
52
|
+
className='flex-1'
|
|
62
53
|
href={account.href}
|
|
63
54
|
onClick={() => onSelect(account)}
|
|
64
55
|
noUnderline
|
|
@@ -76,7 +67,7 @@ export const AccountSelect = forwardRef<HTMLUListElement, Props>(
|
|
|
76
67
|
<ChevronRight16 color='dark-grey' />
|
|
77
68
|
</Container>
|
|
78
69
|
</Link>
|
|
79
|
-
</
|
|
70
|
+
</MenuItem>
|
|
80
71
|
))}
|
|
81
72
|
</Menu>
|
|
82
73
|
)
|
|
@@ -6,33 +6,33 @@ exports[`AccountSelect renders 1`] = `
|
|
|
6
6
|
class="Picasso-root"
|
|
7
7
|
>
|
|
8
8
|
<ul
|
|
9
|
-
class="
|
|
9
|
+
class="relative list-none outline-none shadow-1 m-0 rounded-sm p-0"
|
|
10
10
|
role="menu"
|
|
11
11
|
tabindex="-1"
|
|
12
12
|
>
|
|
13
13
|
<li
|
|
14
14
|
aria-disabled="false"
|
|
15
|
-
class="
|
|
15
|
+
class="text-black bg-transparent hover:bg-blue focus:bg-blue p-0 min-w w-auto min-h sm:min-h md:min-h relative cursor-pointer transition-colors duration-150 ease-in overflow-hidden whitespace-normal text-left no-underline flex items-center justify-start outline-none appearance-none leading-4 h-auto [&+&]:border-t border-0 border-solid border-gray"
|
|
16
16
|
role="menuitem"
|
|
17
17
|
tabindex="0"
|
|
18
18
|
>
|
|
19
19
|
<div
|
|
20
|
-
class="
|
|
20
|
+
class="flex flex-1 max-w"
|
|
21
21
|
>
|
|
22
22
|
<div
|
|
23
|
-
class="
|
|
23
|
+
class="flex flex-col flex-1 min-w"
|
|
24
24
|
>
|
|
25
25
|
<div
|
|
26
|
-
class="
|
|
26
|
+
class="flex items-center"
|
|
27
27
|
>
|
|
28
28
|
<a
|
|
29
|
-
class="
|
|
29
|
+
class="m-0 font-inherit font-inherit focus:outline-none hover:underline leading-[inherit] text-blue visited:text-purple no-underline !no-underline flex-1"
|
|
30
30
|
>
|
|
31
31
|
<div
|
|
32
|
-
class="
|
|
32
|
+
class="p-6 items-center justify-between flex"
|
|
33
33
|
>
|
|
34
34
|
<div
|
|
35
|
-
class="
|
|
35
|
+
class="items-start flex PicassoUserBadge-root"
|
|
36
36
|
>
|
|
37
37
|
<div
|
|
38
38
|
class="flex relative"
|
|
@@ -52,10 +52,10 @@ exports[`AccountSelect renders 1`] = `
|
|
|
52
52
|
</div>
|
|
53
53
|
</div>
|
|
54
54
|
<div
|
|
55
|
-
class="
|
|
55
|
+
class="flex flex-col PicassoUserBadge-infoContainer"
|
|
56
56
|
>
|
|
57
57
|
<div
|
|
58
|
-
class="
|
|
58
|
+
class="items-center flex"
|
|
59
59
|
>
|
|
60
60
|
<h4
|
|
61
61
|
class="m-0 text-md text-black font-semibold inline PicassoUserBadge-name"
|
|
@@ -87,28 +87,28 @@ exports[`AccountSelect renders 1`] = `
|
|
|
87
87
|
</li>
|
|
88
88
|
<li
|
|
89
89
|
aria-disabled="false"
|
|
90
|
-
class="
|
|
90
|
+
class="text-black bg-transparent hover:bg-blue focus:bg-blue p-0 min-w w-auto min-h sm:min-h md:min-h relative cursor-pointer transition-colors duration-150 ease-in overflow-hidden whitespace-normal text-left no-underline flex items-center justify-start outline-none appearance-none leading-4 h-auto [&+&]:border-t border-0 border-solid border-gray"
|
|
91
91
|
role="menuitem"
|
|
92
92
|
tabindex="-1"
|
|
93
93
|
>
|
|
94
94
|
<div
|
|
95
|
-
class="
|
|
95
|
+
class="flex flex-1 max-w"
|
|
96
96
|
>
|
|
97
97
|
<div
|
|
98
|
-
class="
|
|
98
|
+
class="flex flex-col flex-1 min-w"
|
|
99
99
|
>
|
|
100
100
|
<div
|
|
101
|
-
class="
|
|
101
|
+
class="flex items-center"
|
|
102
102
|
>
|
|
103
103
|
<a
|
|
104
|
-
class="
|
|
104
|
+
class="m-0 font-inherit font-inherit focus:outline-none hover:underline leading-[inherit] text-blue visited:text-purple no-underline !no-underline flex-1"
|
|
105
105
|
href="#"
|
|
106
106
|
>
|
|
107
107
|
<div
|
|
108
|
-
class="
|
|
108
|
+
class="p-6 items-center justify-between flex"
|
|
109
109
|
>
|
|
110
110
|
<div
|
|
111
|
-
class="
|
|
111
|
+
class="items-start flex PicassoUserBadge-root"
|
|
112
112
|
>
|
|
113
113
|
<div
|
|
114
114
|
class="flex relative"
|
|
@@ -128,10 +128,10 @@ exports[`AccountSelect renders 1`] = `
|
|
|
128
128
|
</div>
|
|
129
129
|
</div>
|
|
130
130
|
<div
|
|
131
|
-
class="
|
|
131
|
+
class="flex flex-col PicassoUserBadge-infoContainer"
|
|
132
132
|
>
|
|
133
133
|
<div
|
|
134
|
-
class="
|
|
134
|
+
class="items-center flex"
|
|
135
135
|
>
|
|
136
136
|
<h4
|
|
137
137
|
class="m-0 text-md text-black font-semibold inline PicassoUserBadge-name"
|
|
@@ -163,28 +163,28 @@ exports[`AccountSelect renders 1`] = `
|
|
|
163
163
|
</li>
|
|
164
164
|
<li
|
|
165
165
|
aria-disabled="false"
|
|
166
|
-
class="
|
|
166
|
+
class="text-black bg-transparent hover:bg-blue focus:bg-blue p-0 min-w w-auto min-h sm:min-h md:min-h relative cursor-pointer transition-colors duration-150 ease-in overflow-hidden whitespace-normal text-left no-underline flex items-center justify-start outline-none appearance-none leading-4 h-auto [&+&]:border-t border-0 border-solid border-gray"
|
|
167
167
|
role="menuitem"
|
|
168
168
|
tabindex="-1"
|
|
169
169
|
>
|
|
170
170
|
<div
|
|
171
|
-
class="
|
|
171
|
+
class="flex flex-1 max-w"
|
|
172
172
|
>
|
|
173
173
|
<div
|
|
174
|
-
class="
|
|
174
|
+
class="flex flex-col flex-1 min-w"
|
|
175
175
|
>
|
|
176
176
|
<div
|
|
177
|
-
class="
|
|
177
|
+
class="flex items-center"
|
|
178
178
|
>
|
|
179
179
|
<a
|
|
180
|
-
class="
|
|
180
|
+
class="m-0 font-inherit font-inherit focus:outline-none hover:underline leading-[inherit] text-blue visited:text-purple no-underline !no-underline flex-1"
|
|
181
181
|
href="#"
|
|
182
182
|
>
|
|
183
183
|
<div
|
|
184
|
-
class="
|
|
184
|
+
class="p-6 items-center justify-between flex"
|
|
185
185
|
>
|
|
186
186
|
<div
|
|
187
|
-
class="
|
|
187
|
+
class="items-start flex PicassoUserBadge-root"
|
|
188
188
|
>
|
|
189
189
|
<div
|
|
190
190
|
class="flex relative"
|
|
@@ -200,10 +200,10 @@ exports[`AccountSelect renders 1`] = `
|
|
|
200
200
|
</div>
|
|
201
201
|
</div>
|
|
202
202
|
<div
|
|
203
|
-
class="
|
|
203
|
+
class="flex flex-col PicassoUserBadge-infoContainer"
|
|
204
204
|
>
|
|
205
205
|
<div
|
|
206
|
-
class="
|
|
206
|
+
class="items-center flex"
|
|
207
207
|
>
|
|
208
208
|
<h4
|
|
209
209
|
class="m-0 text-md text-black font-semibold inline PicassoUserBadge-name"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/AccountSelect/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;sCAGxB,KAAK;AAAlC,wBAeI"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { createStyles } from '@material-ui/core/styles';
|
|
2
|
-
export default ({ palette }) => createStyles({
|
|
3
|
-
root: {
|
|
4
|
-
padding: '0',
|
|
5
|
-
},
|
|
6
|
-
accountItem: {
|
|
7
|
-
height: 'auto',
|
|
8
|
-
'&+&': {
|
|
9
|
-
borderTop: `1px solid ${palette.grey.light2}`,
|
|
10
|
-
},
|
|
11
|
-
},
|
|
12
|
-
accountLink: {
|
|
13
|
-
flex: 1,
|
|
14
|
-
},
|
|
15
|
-
});
|
|
16
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/AccountSelect/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,GAAG;KACb;IACD,WAAW,EAAE;QACX,MAAM,EAAE,MAAM;QAEd,KAAK,EAAE;YACL,SAAS,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;SAC9C;KACF;IACD,WAAW,EAAE;QACX,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAA"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { Theme } from '@material-ui/core/styles'
|
|
2
|
-
import { createStyles } from '@material-ui/core/styles'
|
|
3
|
-
|
|
4
|
-
export default ({ palette }: Theme) =>
|
|
5
|
-
createStyles({
|
|
6
|
-
root: {
|
|
7
|
-
padding: '0',
|
|
8
|
-
},
|
|
9
|
-
accountItem: {
|
|
10
|
-
height: 'auto',
|
|
11
|
-
|
|
12
|
-
'&+&': {
|
|
13
|
-
borderTop: `1px solid ${palette.grey.light2}`,
|
|
14
|
-
},
|
|
15
|
-
},
|
|
16
|
-
accountLink: {
|
|
17
|
-
flex: 1,
|
|
18
|
-
},
|
|
19
|
-
})
|