@tmlmobilidade/ui 20250706.1908.31 → 20250706.1950.23
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/src/styles/theme.js +25 -52
- package/dist/src/styles/theme.js.map +1 -1
- package/package.json +1 -1
package/dist/src/styles/theme.js
CHANGED
|
@@ -15,82 +15,56 @@ import TextInputOverride from './mantine/TextInput.module.css.js';
|
|
|
15
15
|
const themeData = createTheme({
|
|
16
16
|
components: {
|
|
17
17
|
Button: Button.extend({
|
|
18
|
-
classNames:
|
|
19
|
-
|
|
20
|
-
...ButtonOverride,
|
|
21
|
-
};
|
|
22
|
-
return defaultClasses;
|
|
18
|
+
classNames: {
|
|
19
|
+
...ButtonOverride,
|
|
23
20
|
},
|
|
24
21
|
}),
|
|
25
22
|
PasswordInput: PasswordInput.extend({
|
|
26
|
-
classNames:
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
wrapper: TextInputOverride.wrapper,
|
|
37
|
-
};
|
|
38
|
-
return defaultClasses;
|
|
23
|
+
classNames: {
|
|
24
|
+
// PasswordInput is very similar to TextInput. The only difference is that
|
|
25
|
+
// the 'input' field is wrapped by an outer div, with the class '.input'.
|
|
26
|
+
// The actual 'input' field is named '.innerInput'. It is necessary to
|
|
27
|
+
// map the 'input' field styles to the '.innerInput' class and apply reset styles
|
|
28
|
+
// to the '.input' class, otherwise the input will appear to be rendered twice.
|
|
29
|
+
innerInput: TextInputOverride.input,
|
|
30
|
+
input: PasswordInputOverride.input,
|
|
31
|
+
root: TextInputOverride.root,
|
|
32
|
+
wrapper: TextInputOverride.wrapper,
|
|
39
33
|
},
|
|
40
34
|
}),
|
|
41
35
|
SegmentedControl: SegmentedControl.extend({
|
|
42
|
-
classNames:
|
|
43
|
-
|
|
44
|
-
indicator: SegmentedControlOverride.indicator,
|
|
45
|
-
label: SegmentedControlOverride.label,
|
|
46
|
-
root: SegmentedControlOverride.root,
|
|
47
|
-
};
|
|
48
|
-
return defaultClasses;
|
|
36
|
+
classNames: {
|
|
37
|
+
...SegmentedControlOverride,
|
|
49
38
|
},
|
|
50
39
|
}),
|
|
51
40
|
Skeleton: Skeleton.extend({
|
|
52
|
-
classNames:
|
|
53
|
-
|
|
54
|
-
...SkeletonOverride,
|
|
55
|
-
};
|
|
56
|
-
return defaultClasses;
|
|
41
|
+
classNames: {
|
|
42
|
+
...SkeletonOverride,
|
|
57
43
|
},
|
|
58
44
|
}),
|
|
59
45
|
Slider: Slider.extend({
|
|
60
|
-
classNames:
|
|
61
|
-
|
|
62
|
-
...SliderOverride,
|
|
63
|
-
};
|
|
64
|
-
return defaultClasses;
|
|
46
|
+
classNames: {
|
|
47
|
+
...SliderOverride,
|
|
65
48
|
},
|
|
66
49
|
}),
|
|
67
50
|
Switch: Switch.extend({
|
|
68
|
-
classNames:
|
|
69
|
-
|
|
70
|
-
...SwitchOverride,
|
|
71
|
-
};
|
|
72
|
-
return defaultClasses;
|
|
51
|
+
classNames: {
|
|
52
|
+
...SwitchOverride,
|
|
73
53
|
},
|
|
74
54
|
}),
|
|
75
55
|
Text: Text.extend({
|
|
76
|
-
classNames:
|
|
77
|
-
|
|
78
|
-
...TextOverride,
|
|
79
|
-
};
|
|
80
|
-
return defaultClasses;
|
|
56
|
+
classNames: {
|
|
57
|
+
...TextOverride,
|
|
81
58
|
},
|
|
82
59
|
}),
|
|
83
60
|
Textarea: Textarea.extend({
|
|
84
|
-
classNames:
|
|
85
|
-
|
|
86
|
-
...TextareaOverride,
|
|
87
|
-
};
|
|
88
|
-
return defaultClasses;
|
|
61
|
+
classNames: {
|
|
62
|
+
...TextareaOverride,
|
|
89
63
|
},
|
|
90
64
|
}),
|
|
91
65
|
TextInput: TextInput.extend({
|
|
92
66
|
classNames: (_, props) => {
|
|
93
|
-
|
|
67
|
+
return {
|
|
94
68
|
...TextInputOverride,
|
|
95
69
|
...(props.size === 'sm' && TextInputOverrideSm),
|
|
96
70
|
...(props.variant === 'white' && {
|
|
@@ -98,7 +72,6 @@ const themeData = createTheme({
|
|
|
98
72
|
section: TextInputOverrideSm.variantWhite,
|
|
99
73
|
}),
|
|
100
74
|
};
|
|
101
|
-
return defaultClasses;
|
|
102
75
|
},
|
|
103
76
|
}),
|
|
104
77
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sources":["../../../src/styles/theme.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;AAAA;AAqCA;AAEO,MAAM,SAAS,GAAyB,WAAW,CAAC;AAC1D,IAAA,UAAU,EAAE;AAEX,QAAA,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"theme.js","sources":["../../../src/styles/theme.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;AAAA;AAqCA;AAEO,MAAM,SAAS,GAAyB,WAAW,CAAC;AAC1D,IAAA,UAAU,EAAE;AAEX,QAAA,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC;AACrB,YAAA,UAAU,EAAE;AACX,gBAAA,GAAG,cAAc;AACjB,aAAA;SACD,CAAC;AAEF,QAAA,aAAa,EAAE,aAAa,CAAC,MAAM,CAAC;AACnC,YAAA,UAAU,EAAE;;;;;;gBAMX,UAAU,EAAE,iBAAiB,CAAC,KAAK;gBACnC,KAAK,EAAE,qBAAqB,CAAC,KAAK;gBAClC,IAAI,EAAE,iBAAiB,CAAC,IAAI;gBAC5B,OAAO,EAAE,iBAAiB,CAAC,OAAO;AAClC,aAAA;SACD,CAAC;AAEF,QAAA,gBAAgB,EAAE,gBAAgB,CAAC,MAAM,CAAC;AACzC,YAAA,UAAU,EAAE;AACX,gBAAA,GAAG,wBAAwB;AAC3B,aAAA;SACD,CAAC;AAEF,QAAA,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC;AACzB,YAAA,UAAU,EAAE;AACX,gBAAA,GAAG,gBAAgB;AACnB,aAAA;SACD,CAAC;AAEF,QAAA,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC;AACrB,YAAA,UAAU,EAAE;AACX,gBAAA,GAAG,cAAc;AACjB,aAAA;SACD,CAAC;AAEF,QAAA,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC;AACrB,YAAA,UAAU,EAAE;AACX,gBAAA,GAAG,cAAc;AACjB,aAAA;SACD,CAAC;AAEF,QAAA,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC;AACjB,YAAA,UAAU,EAAE;AACX,gBAAA,GAAG,YAAY;AACf,aAAA;SACD,CAAC;AAEF,QAAA,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC;AACzB,YAAA,UAAU,EAAE;AACX,gBAAA,GAAG,gBAAgB;AACnB,aAAA;SACD,CAAC;AAEF,QAAA,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC;AAC3B,YAAA,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,KAAI;gBACxB,OAAO;AACN,oBAAA,GAAG,iBAAiB;oBACpB,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,mBAAmB,CAAC;AAC/C,oBAAA,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,IAAI;wBAChC,KAAK,EAAE,mBAAmB,CAAC,YAAY;wBACvC,OAAO,EAAE,mBAAmB,CAAC,YAAY;qBACzC,CAAC;iBACF;aACD;SACD,CAAC;AAEF,KAAA;AACD,CAAA;;;;"}
|
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": "20250706.
|
|
4
|
+
"version": "20250706.1950.23",
|
|
5
5
|
"author": "João de Vasconcelos & Jusi Monteiro",
|
|
6
6
|
"license": "AGPL-3.0-or-later",
|
|
7
7
|
"publishConfig": {
|