@tmlmobilidade/ui 20250828.1439.42 → 20250828.1453.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 +63 -2
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +9 -2
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/src/components/common/PillGroup/index.js +2 -2
- package/dist/src/components/common/PillGroup/index.js.map +1 -1
- package/dist/src/components/layout/Separator/index.js +10 -0
- package/dist/src/components/layout/Separator/index.js.map +1 -0
- package/dist/src/components/layout/Separator/styles.module.css.js +4 -0
- package/dist/src/components/layout/Separator/styles.module.css.js.map +1 -0
- package/dist/styles-no-reset.css +63 -2
- package/dist/styles.css +63 -2
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
@@ -291,9 +291,10 @@ interface PillGroupBaseProps {
|
|
291
291
|
data: DataItem[] | string[];
|
292
292
|
onChange?: (value: string[]) => void;
|
293
293
|
selected?: string[];
|
294
|
+
size?: 'lg' | 'md' | 'sm' | 'xl';
|
294
295
|
}
|
295
296
|
type PillGroupProps = PillGroupBaseProps;
|
296
|
-
declare function PillGroup({ data, onChange, selected }: PillGroupProps): react_jsx_runtime.JSX.Element;
|
297
|
+
declare function PillGroup({ data, onChange, selected, size }: PillGroupProps): react_jsx_runtime.JSX.Element;
|
297
298
|
|
298
299
|
type PopoverProps = PopoverProps$1;
|
299
300
|
type PopoverTargetProps = PopoverTargetProps$1;
|
@@ -611,6 +612,12 @@ interface SectionProps {
|
|
611
612
|
}
|
612
613
|
declare function Section({ alignItems, children, flexDirection, flexWrap, gap, justifyContent, padding }: SectionProps): react_jsx_runtime.JSX.Element;
|
613
614
|
|
615
|
+
interface SeparatorProps {
|
616
|
+
margin?: 'lg' | 'md' | 'none' | 'sm';
|
617
|
+
separatorType?: 'dashed' | 'solid';
|
618
|
+
}
|
619
|
+
declare function Separator({ margin, separatorType }: SeparatorProps): react_jsx_runtime.JSX.Element;
|
620
|
+
|
614
621
|
interface SpacerProps {
|
615
622
|
orientation?: 'horizontal' | 'vertical';
|
616
623
|
shrink?: boolean;
|
@@ -1082,5 +1089,5 @@ declare function AppProvider({ children }: PropsWithChildren): react_jsx_runtime
|
|
1082
1089
|
*/
|
1083
1090
|
declare function BaseProvider({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element;
|
1084
1091
|
|
1085
|
-
export { AVAILABLE_MODES, AVAILABLE_THEMES, AlertCard, AlertMessage, AppProvider, AppWrapper, BackButton, Badge, BaseProvider, Button, CMIcon, CMLogo, Checkbox, Collapsible, ComboboxComponent as Combobox, ComponentWrapper, CoordinatesInput, DataTable, DatePicker, DateTimePicker, DeleteButton, Description, Divider, ErrorDisplay, FileButton, FileUpload, FilterMenu, FilterMenuTarget, FiltersBar, Grid, HasPermission, Indicator, Label, LineBadge, LineDisplay, LineName, LineSelect, Loader, LoadingOverlay, LockButton, MAP_STYLES, MAP_VIEWPORT, MapContextProvider, MapOverlayGeofences, MapOverlayMultipleStops, MapOverlayObservedPath, MapOverlayPins, MapOverlayScheduledPath, MapView, MapViewContextProvider, MeContextProvider, Menu, MultiSelect, NoDataLabel, NumberInput, Pane, PanesManager, PasswordInput, PillGroup, PillsInput, Popover, SearchInput, Section, SegmentedControl, Sidebar, SidebarContextProvider, Slider, Spacer, StopDisplay, StopDisplayName, StopSelect, Surface, Switch, TMLogo, TMLogoDark, TMLogoLight, Tag, TagGroup, Text, TextInput, Textarea, ThemeContextProvider, Toolbar, Tooltip, ValueDisplay, WhenDarkMode, WhenLightMode, WhenMode, accessorSearch, plainSearch, sidebarApps, useCssVariable, useCurrentUrl, useMapContext, useMapViewContext, useMeContext, useSearch, useSidebarContext, useThemeContext, useToast, useUserPreference };
|
1092
|
+
export { AVAILABLE_MODES, AVAILABLE_THEMES, AlertCard, AlertMessage, AppProvider, AppWrapper, BackButton, Badge, BaseProvider, Button, CMIcon, CMLogo, Checkbox, Collapsible, ComboboxComponent as Combobox, ComponentWrapper, CoordinatesInput, DataTable, DatePicker, DateTimePicker, DeleteButton, Description, Divider, ErrorDisplay, FileButton, FileUpload, FilterMenu, FilterMenuTarget, FiltersBar, Grid, HasPermission, Indicator, Label, LineBadge, LineDisplay, LineName, LineSelect, Loader, LoadingOverlay, LockButton, MAP_STYLES, MAP_VIEWPORT, MapContextProvider, MapOverlayGeofences, MapOverlayMultipleStops, MapOverlayObservedPath, MapOverlayPins, MapOverlayScheduledPath, MapView, MapViewContextProvider, MeContextProvider, Menu, MultiSelect, NoDataLabel, NumberInput, Pane, PanesManager, PasswordInput, PillGroup, PillsInput, Popover, SearchInput, Section, SegmentedControl, Separator, Sidebar, SidebarContextProvider, Slider, Spacer, StopDisplay, StopDisplayName, StopSelect, Surface, Switch, TMLogo, TMLogoDark, TMLogoLight, Tag, TagGroup, Text, TextInput, Textarea, ThemeContextProvider, Toolbar, Tooltip, ValueDisplay, WhenDarkMode, WhenLightMode, WhenMode, accessorSearch, plainSearch, sidebarApps, useCssVariable, useCurrentUrl, useMapContext, useMapViewContext, useMeContext, useSearch, useSidebarContext, useThemeContext, useToast, useUserPreference };
|
1086
1093
|
export type { ButtonProps, CheckboxGroupProps, CheckboxProps, DataItem$2 as DataItem, DataTableColumn, DataTableProps, FileButtonProps, LabelProps, LineBadgeProps, LineDisplayProps, LineNameProps, LineSelectProps, LoaderProps, MapOverlayGeofencesPolygonDataProps, MapOverlayMultipleStopsDataProps, MapOverlayObservedPathLineDataProps, MapOverlayObservedPathPointsDataProps, MapOverlayPinsPointDataProps, MapOverlayScheduledPathLineDataProps, MapOverlayScheduledPathPointsDataProps, MapStyle, ModeType, NoDataLabelProps, NumberInputProps, PillsInputProps, PopoverDropdownProps, PopoverProps, PopoverTargetProps, SearchInputProps, SegmentedControlProps, SurfaceProps, TagGroupProps, TagProps, TextInputProps, TextProps, TextareaProps, ThemeType, ToastPromiseParams, ToastProps };
|
package/dist/index.js
CHANGED
@@ -53,6 +53,7 @@ export { Collapsible } from './src/components/layout/Collapsible/index.js';
|
|
53
53
|
export { Divider } from './src/components/layout/Divider/index.js';
|
54
54
|
export { Grid } from './src/components/layout/Grid/index.js';
|
55
55
|
export { Section } from './src/components/layout/Section/index.js';
|
56
|
+
export { Separator } from './src/components/layout/Separator/index.js';
|
56
57
|
export { Spacer } from './src/components/layout/Spacer/index.js';
|
57
58
|
export { Surface } from './src/components/layout/Surface/index.js';
|
58
59
|
export { Toolbar } from './src/components/layout/Toolbar/index.js';
|
package/dist/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -5,14 +5,14 @@ import { IconCheck, IconX, IconPlus } from '@tabler/icons-react';
|
|
5
5
|
import { useMemo } from 'react';
|
6
6
|
import styles from './styles.module.css.js';
|
7
7
|
|
8
|
-
function PillGroup({ data, onChange, selected }) {
|
8
|
+
function PillGroup({ data, onChange, selected, size = 'md' }) {
|
9
9
|
//
|
10
10
|
const preparedData = useMemo(() => {
|
11
11
|
return data.map(item => (typeof item === 'string' ? { label: item, value: item } : item));
|
12
12
|
}, [data]);
|
13
13
|
//
|
14
14
|
// A. Render components
|
15
|
-
return (jsxRuntimeExports.jsx(Pill.Group, { children: preparedData.map(item => (jsxRuntimeExports.jsxs(Pill, { classNames: {
|
15
|
+
return (jsxRuntimeExports.jsx(Pill.Group, { children: preparedData.map(item => (jsxRuntimeExports.jsxs(Pill, { "data-size": size, classNames: {
|
16
16
|
label: styles.label,
|
17
17
|
root: styles.pill,
|
18
18
|
}, removeButtonProps: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/common/PillGroup/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;AA2BM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,CAAA,CAAE,CAAA,CAAA,CAAA,CAAI,
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/common/PillGroup/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
'use client';
|
2
|
+
import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
|
3
|
+
import styles from './styles.module.css.js';
|
4
|
+
|
5
|
+
function Separator({ margin = 'none', separatorType = 'solid' }) {
|
6
|
+
return (jsxRuntimeExports.jsx("div", { className: styles.root, "data-margin": margin, "data-separator-type": separatorType }));
|
7
|
+
}
|
8
|
+
|
9
|
+
export { Separator };
|
10
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/Separator/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAaM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAkB,CAAA,CAAA;AACrF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACCA,qBAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CACC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,IAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EACT,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,qBAAA,CAAA,CACE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,EAAA,CAEjC,CAAA;AAEJ;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
package/dist/styles-no-reset.css
CHANGED
@@ -941,6 +941,7 @@
|
|
941
941
|
display: flex;
|
942
942
|
gap: var(--size-spacing-xs);
|
943
943
|
align-items: center;
|
944
|
+
height: fit-content;
|
944
945
|
font-size: var(--font-size-sm);
|
945
946
|
font-weight: var(--font-weight-medium);
|
946
947
|
color: var(--color-system-text-100);
|
@@ -952,14 +953,35 @@
|
|
952
953
|
& * {
|
953
954
|
user-select: none;
|
954
955
|
}
|
956
|
+
|
957
|
+
&[data-size='lg'] {
|
958
|
+
padding: var(--size-spacing-sm);
|
959
|
+
font-size: var(--font-size-lg);
|
960
|
+
}
|
961
|
+
|
962
|
+
&[data-size='md'] {
|
963
|
+
padding: var(--size-spacing-xs);
|
964
|
+
font-size: var(--font-size-md);
|
965
|
+
}
|
966
|
+
|
967
|
+
&[data-size='sm'] {
|
968
|
+
padding: var(--size-spacing-xs);
|
969
|
+
font-size: var(--font-size-sm);
|
970
|
+
}
|
971
|
+
|
972
|
+
&[data-size='xl'] {
|
973
|
+
padding: var(--size-spacing-md);
|
974
|
+
font-size: var(--font-size-xl);
|
975
|
+
}
|
955
976
|
}
|
956
977
|
|
978
|
+
/* * */
|
979
|
+
/* LABEL */
|
980
|
+
|
957
981
|
.styles-module_label__2CZDF {
|
958
982
|
display: flex;
|
959
983
|
gap: var(--size-spacing-xs);
|
960
984
|
align-items: center;
|
961
|
-
font-size: var(--font-size-sm);
|
962
|
-
font-weight: var(--font-weight-medium);
|
963
985
|
color: var(--color-system-text-100);
|
964
986
|
}
|
965
987
|
/* * */
|
@@ -2134,6 +2156,45 @@
|
|
2134
2156
|
/* * */
|
2135
2157
|
/* ROOT */
|
2136
2158
|
|
2159
|
+
.styles-module_root__xDysI {
|
2160
|
+
display: flex;
|
2161
|
+
align-items: center;
|
2162
|
+
justify-content: center;
|
2163
|
+
border-bottom: 1px solid var(--color-system-border-200);
|
2164
|
+
|
2165
|
+
|
2166
|
+
/* * */
|
2167
|
+
/* PROPS / SEPARATOR TYPE */
|
2168
|
+
&[data-separator-type="dashed"] {
|
2169
|
+
border-bottom: 1px dashed var(--color-system-border-100);
|
2170
|
+
}
|
2171
|
+
|
2172
|
+
&[data-separator-type="solid"] {
|
2173
|
+
border-bottom: 1px solid var(--color-system-border-100);
|
2174
|
+
}
|
2175
|
+
|
2176
|
+
/* * */
|
2177
|
+
/* PROPS / MARGIN */
|
2178
|
+
|
2179
|
+
&[data-margin="sm"] {
|
2180
|
+
margin: var(--size-spacing-sm);
|
2181
|
+
}
|
2182
|
+
|
2183
|
+
&[data-margin="md"] {
|
2184
|
+
margin: var(--size-spacing-md);
|
2185
|
+
}
|
2186
|
+
|
2187
|
+
&[data-margin="lg"] {
|
2188
|
+
margin: var(--size-spacing-lg);
|
2189
|
+
}
|
2190
|
+
|
2191
|
+
&[data-margin="none"] {
|
2192
|
+
margin: 0;
|
2193
|
+
}
|
2194
|
+
}
|
2195
|
+
/* * */
|
2196
|
+
/* ROOT */
|
2197
|
+
|
2137
2198
|
.styles-module_root__Rhx1c {
|
2138
2199
|
display: flex;
|
2139
2200
|
flex-direction: column;
|
package/dist/styles.css
CHANGED
@@ -1000,6 +1000,7 @@ figure {
|
|
1000
1000
|
display: flex;
|
1001
1001
|
gap: var(--size-spacing-xs);
|
1002
1002
|
align-items: center;
|
1003
|
+
height: fit-content;
|
1003
1004
|
font-size: var(--font-size-sm);
|
1004
1005
|
font-weight: var(--font-weight-medium);
|
1005
1006
|
color: var(--color-system-text-100);
|
@@ -1011,14 +1012,35 @@ figure {
|
|
1011
1012
|
& * {
|
1012
1013
|
user-select: none;
|
1013
1014
|
}
|
1015
|
+
|
1016
|
+
&[data-size='lg'] {
|
1017
|
+
padding: var(--size-spacing-sm);
|
1018
|
+
font-size: var(--font-size-lg);
|
1019
|
+
}
|
1020
|
+
|
1021
|
+
&[data-size='md'] {
|
1022
|
+
padding: var(--size-spacing-xs);
|
1023
|
+
font-size: var(--font-size-md);
|
1024
|
+
}
|
1025
|
+
|
1026
|
+
&[data-size='sm'] {
|
1027
|
+
padding: var(--size-spacing-xs);
|
1028
|
+
font-size: var(--font-size-sm);
|
1029
|
+
}
|
1030
|
+
|
1031
|
+
&[data-size='xl'] {
|
1032
|
+
padding: var(--size-spacing-md);
|
1033
|
+
font-size: var(--font-size-xl);
|
1034
|
+
}
|
1014
1035
|
}
|
1015
1036
|
|
1037
|
+
/* * */
|
1038
|
+
/* LABEL */
|
1039
|
+
|
1016
1040
|
.styles-module_label__2CZDF {
|
1017
1041
|
display: flex;
|
1018
1042
|
gap: var(--size-spacing-xs);
|
1019
1043
|
align-items: center;
|
1020
|
-
font-size: var(--font-size-sm);
|
1021
|
-
font-weight: var(--font-weight-medium);
|
1022
1044
|
color: var(--color-system-text-100);
|
1023
1045
|
}
|
1024
1046
|
/* * */
|
@@ -2193,6 +2215,45 @@ figure {
|
|
2193
2215
|
/* * */
|
2194
2216
|
/* ROOT */
|
2195
2217
|
|
2218
|
+
.styles-module_root__xDysI {
|
2219
|
+
display: flex;
|
2220
|
+
align-items: center;
|
2221
|
+
justify-content: center;
|
2222
|
+
border-bottom: 1px solid var(--color-system-border-200);
|
2223
|
+
|
2224
|
+
|
2225
|
+
/* * */
|
2226
|
+
/* PROPS / SEPARATOR TYPE */
|
2227
|
+
&[data-separator-type="dashed"] {
|
2228
|
+
border-bottom: 1px dashed var(--color-system-border-100);
|
2229
|
+
}
|
2230
|
+
|
2231
|
+
&[data-separator-type="solid"] {
|
2232
|
+
border-bottom: 1px solid var(--color-system-border-100);
|
2233
|
+
}
|
2234
|
+
|
2235
|
+
/* * */
|
2236
|
+
/* PROPS / MARGIN */
|
2237
|
+
|
2238
|
+
&[data-margin="sm"] {
|
2239
|
+
margin: var(--size-spacing-sm);
|
2240
|
+
}
|
2241
|
+
|
2242
|
+
&[data-margin="md"] {
|
2243
|
+
margin: var(--size-spacing-md);
|
2244
|
+
}
|
2245
|
+
|
2246
|
+
&[data-margin="lg"] {
|
2247
|
+
margin: var(--size-spacing-lg);
|
2248
|
+
}
|
2249
|
+
|
2250
|
+
&[data-margin="none"] {
|
2251
|
+
margin: 0;
|
2252
|
+
}
|
2253
|
+
}
|
2254
|
+
/* * */
|
2255
|
+
/* ROOT */
|
2256
|
+
|
2196
2257
|
.styles-module_root__Rhx1c {
|
2197
2258
|
display: flex;
|
2198
2259
|
flex-direction: column;
|
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": "20250828.
|
4
|
+
"version": "20250828.1453.35",
|
5
5
|
"author": "João de Vasconcelos & Jusi Monteiro",
|
6
6
|
"license": "AGPL-3.0-or-later",
|
7
7
|
"publishConfig": {
|