@tmlmobilidade/ui 20250915.1655.9 → 20250916.1040.35
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/index.css +11 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +3 -3
- package/dist/src/components/authentication/Avatar/index.js +3 -3
- package/dist/src/components/authentication/Avatar/index.js.map +1 -1
- package/dist/src/components/layout/Section/index.js +2 -2
- package/dist/src/components/layout/Section/index.js.map +1 -1
- package/dist/src/styles/mantine/Avatar.module.css.js +4 -0
- package/dist/src/styles/mantine/Avatar.module.css.js.map +1 -0
- package/dist/src/styles/theme.js +7 -1
- package/dist/src/styles/theme.js.map +1 -1
- package/dist/styles-no-reset.css +11 -0
- package/dist/styles.css +11 -0
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -19,10 +19,9 @@ export * from '@mantine/form';
|
|
|
19
19
|
export { zod4Resolver, zodResolver } from 'mantine-form-zod-resolver';
|
|
20
20
|
|
|
21
21
|
interface AvatarProps {
|
|
22
|
-
size?: 'lg' | 'md' | 'sm' | 'xl' | 'xs';
|
|
23
22
|
user: User;
|
|
24
23
|
}
|
|
25
|
-
declare function Avatar({
|
|
24
|
+
declare function Avatar({ user }: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
26
25
|
|
|
27
26
|
interface HasPermissionProps {
|
|
28
27
|
action: string;
|
|
@@ -676,11 +675,12 @@ interface SectionProps {
|
|
|
676
675
|
flexDirection?: 'column' | 'row';
|
|
677
676
|
flexWrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
|
|
678
677
|
gap?: 'lg' | 'md' | 'sm' | 'xs' | null;
|
|
678
|
+
height?: React.CSSProperties['height'];
|
|
679
679
|
justifyContent?: 'center' | 'flex-end' | 'flex-start' | 'space-between';
|
|
680
680
|
padding?: 'lg' | 'md' | 'none' | 'sm' | null;
|
|
681
681
|
width?: React.CSSProperties['width'];
|
|
682
682
|
}
|
|
683
|
-
declare function Section({ alignItems, children, flexDirection, flexWrap, gap, justifyContent, padding, width }: SectionProps): react_jsx_runtime.JSX.Element;
|
|
683
|
+
declare function Section({ alignItems, children, flexDirection, flexWrap, gap, height, justifyContent, padding, width }: SectionProps): react_jsx_runtime.JSX.Element;
|
|
684
684
|
|
|
685
685
|
interface SeparatorProps {
|
|
686
686
|
margin?: 'lg' | 'md' | 'none' | 'sm';
|
|
@@ -3,15 +3,15 @@ import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
|
|
|
3
3
|
import { Avatar as Avatar$1 } from '@mantine/core';
|
|
4
4
|
import { isUrl } from '@tmlmobilidade/utils';
|
|
5
5
|
|
|
6
|
-
function Avatar({
|
|
6
|
+
function Avatar({ user }) {
|
|
7
7
|
//
|
|
8
8
|
//
|
|
9
9
|
// User has an avatar and it is a valid URL
|
|
10
10
|
if (user.avatar && isUrl(user.avatar)) {
|
|
11
|
-
return jsxRuntimeExports.jsx(Avatar$1, {
|
|
11
|
+
return jsxRuntimeExports.jsx(Avatar$1, { src: user.avatar });
|
|
12
12
|
}
|
|
13
13
|
// User does not have an avatar or the avatar is not a valid URL
|
|
14
|
-
return jsxRuntimeExports.jsx(Avatar$1, {
|
|
14
|
+
return jsxRuntimeExports.jsx(Avatar$1, { children: user.first_name.charAt(0) + user.last_name.charAt(0) });
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
export { Avatar };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/authentication/Avatar/index.tsx"],"sourcesContent":[null],"names":["_jsx","MantineAvatar"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/authentication/Avatar/index.tsx"],"sourcesContent":[null],"names":["_jsx","MantineAvatar"],"mappings":";;;;;AAcM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAE,CAAA,CAAA,CAAA,CAAI,EAAe,CAAA,CAAA;;;;IAK3C,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAE;QACtC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAOA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAACC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAa,CAAA,CAAA,CAAA,CAAC,CAAA,CAAA,CAAG,CAAA,CAAE,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAI;IAC3C;;IAGA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAOD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAACC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAC,CAAC,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAC,CAAC,CAAA,CAAA,CAAiB;AAC7F;;"}
|
|
@@ -2,8 +2,8 @@ import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
|
|
|
2
2
|
import styles from './styles.module.css.js';
|
|
3
3
|
|
|
4
4
|
/* * */
|
|
5
|
-
function Section({ alignItems = 'flex-start', children, flexDirection = 'column', flexWrap = 'nowrap', gap, justifyContent = 'flex-start', padding = 'md', width = '100%' }) {
|
|
6
|
-
return (jsxRuntimeExports.jsx("div", { className: styles.root, "data-align-items": alignItems, "data-flex-direction": flexDirection, "data-flex-wrap": flexWrap, "data-gap": gap, "data-justify-content": justifyContent, "data-padding": padding, style: { width }, children: children }));
|
|
5
|
+
function Section({ alignItems = 'flex-start', children, flexDirection = 'column', flexWrap = 'nowrap', gap, height, justifyContent = 'flex-start', padding = 'md', width = '100%' }) {
|
|
6
|
+
return (jsxRuntimeExports.jsx("div", { className: styles.root, "data-align-items": alignItems, "data-flex-direction": flexDirection, "data-flex-wrap": flexWrap, "data-gap": gap, "data-justify-content": justifyContent, "data-padding": padding, style: { height, width }, children: children }));
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
export { Section };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/Section/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/Section/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAkBA;AAEM,SAAU,OAAO,CAAC,EAAE,UAAU,GAAG,YAAY,EAAE,QAAQ,EAAE,aAAa,GAAG,QAAQ,EAAE,QAAQ,GAAG,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,cAAc,GAAG,YAAY,EAAE,OAAO,GAAG,IAAI,EAAE,KAAK,GAAG,MAAM,EAAgB,EAAA;AACvM,IAAA,QACCA,qBAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,kBAAA,EACJ,UAAU,EAAA,qBAAA,EACP,aAAa,EAAA,gBAAA,EAClB,QAAQ,EAAA,UAAA,EACd,GAAG,EAAA,sBAAA,EACS,cAAc,EAAA,cAAA,EACtB,OAAO,EACrB,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAAA,QAAA,EAEvB,QAAQ,EAAA,CACJ;AAER;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
package/dist/src/styles/theme.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import { createTheme, TextInput, Textarea, Text, Switch, Slider, Skeleton, SegmentedControl, Popover, PillsInputField, PillsInput, PasswordInput, NumberInput, Checkbox, Button, ActionIcon, Accordion } from '@mantine/core';
|
|
2
|
+
import { createTheme, TextInput, Textarea, Text, Switch, Slider, Skeleton, SegmentedControl, Popover, PillsInputField, PillsInput, PasswordInput, NumberInput, Checkbox, Button, Avatar, ActionIcon, Accordion } from '@mantine/core';
|
|
3
3
|
import { IconCaretLeftFilled } from '@tabler/icons-react';
|
|
4
4
|
import AccordionOverride from './mantine/Accordion.module.css.js';
|
|
5
5
|
import ActionIconOverride from './mantine/ActionIcon.module.css.js';
|
|
6
|
+
import AvatarOverride from './mantine/Avatar.module.css.js';
|
|
6
7
|
import ButtonOverride from './mantine/Button.module.css.js';
|
|
7
8
|
import CheckboxOverride from './mantine/Checkbox.module.css.js';
|
|
8
9
|
import CheckboxGroupOverride from './mantine/CheckboxGroup.module.css.js';
|
|
@@ -36,6 +37,11 @@ const themeData = createTheme({
|
|
|
36
37
|
...ActionIconOverride,
|
|
37
38
|
},
|
|
38
39
|
}),
|
|
40
|
+
Avatar: Avatar.extend({
|
|
41
|
+
classNames: {
|
|
42
|
+
...AvatarOverride,
|
|
43
|
+
},
|
|
44
|
+
}),
|
|
39
45
|
Button: Button.extend({
|
|
40
46
|
classNames: {
|
|
41
47
|
...ButtonOverride,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sources":["../../../src/styles/theme.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"theme.js","sources":["../../../src/styles/theme.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
|
package/dist/styles-no-reset.css
CHANGED
|
@@ -11444,6 +11444,17 @@ figure {
|
|
|
11444
11444
|
border-color: var(--color-status-success-primary);
|
|
11445
11445
|
box-shadow: 0 1px 3px 0 var(--color-status-success-shadow);
|
|
11446
11446
|
}
|
|
11447
|
+
.Avatar-module_root__36BxZ {
|
|
11448
|
+
background: var(--color-primary);
|
|
11449
|
+
border: 2px solid var(--color-secondary);
|
|
11450
|
+
box-shadow: 1px 2px 4px 1px rgb(0 0 0 / 30%);
|
|
11451
|
+
|
|
11452
|
+
--avatar-size: 32px;
|
|
11453
|
+
}
|
|
11454
|
+
|
|
11455
|
+
.Avatar-module_placeholder__wyVo0 {
|
|
11456
|
+
color: var(--color-contrast);
|
|
11457
|
+
}
|
|
11447
11458
|
/* * */
|
|
11448
11459
|
/* BUTTON / ROOT */
|
|
11449
11460
|
|
package/dist/styles.css
CHANGED
|
@@ -11503,6 +11503,17 @@ figure {
|
|
|
11503
11503
|
border-color: var(--color-status-success-primary);
|
|
11504
11504
|
box-shadow: 0 1px 3px 0 var(--color-status-success-shadow);
|
|
11505
11505
|
}
|
|
11506
|
+
.Avatar-module_root__36BxZ {
|
|
11507
|
+
background: var(--color-primary);
|
|
11508
|
+
border: 2px solid var(--color-secondary);
|
|
11509
|
+
box-shadow: 1px 2px 4px 1px rgb(0 0 0 / 30%);
|
|
11510
|
+
|
|
11511
|
+
--avatar-size: 32px;
|
|
11512
|
+
}
|
|
11513
|
+
|
|
11514
|
+
.Avatar-module_placeholder__wyVo0 {
|
|
11515
|
+
color: var(--color-contrast);
|
|
11516
|
+
}
|
|
11506
11517
|
/* * */
|
|
11507
11518
|
/* BUTTON / ROOT */
|
|
11508
11519
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tmlmobilidade/ui",
|
|
3
3
|
"description": "UI components for Transportes Metropolitanos de Lisboa (TML) web applications.",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "20250916.1040.35",
|
|
5
5
|
"author": "João de Vasconcelos & Jusi Monteiro",
|
|
6
6
|
"license": "AGPL-3.0-or-later",
|
|
7
7
|
"publishConfig": {
|