@tmlmobilidade/ui 20250331.1159.55 → 20250331.1203.4
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.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/src/components/layout/Pane/index.js +1 -1
- package/dist/src/components/layout/Pane/index.js.map +1 -1
- package/dist/src/components/layout/SimpleSurface/index.js +2 -2
- package/dist/src/components/layout/SimpleSurface/index.js.map +1 -1
- package/dist/styles-no-reset.css +24 -14
- package/dist/styles.css +24 -14
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
@@ -394,10 +394,11 @@ declare function Sidebar(): react_jsx_runtime.JSX.Element;
|
|
394
394
|
|
395
395
|
interface SurfaceProps$1 {
|
396
396
|
children: React.ReactNode;
|
397
|
+
height?: 'auto' | 'full';
|
397
398
|
overflow?: 'auto' | 'hidden' | 'scroll';
|
398
399
|
padding?: 'lg' | 'md' | 'sm' | 'xl';
|
399
400
|
}
|
400
|
-
declare function SimpleSurface({ children, overflow, padding }: SurfaceProps$1): react_jsx_runtime.JSX.Element;
|
401
|
+
declare function SimpleSurface({ children, height, overflow, padding }: SurfaceProps$1): react_jsx_runtime.JSX.Element;
|
401
402
|
|
402
403
|
interface SurfaceClassNames {
|
403
404
|
divider?: string;
|
@@ -5,7 +5,7 @@ import styles from './styles.module.css.js';
|
|
5
5
|
|
6
6
|
/* * */
|
7
7
|
function Pane({ children, header }) {
|
8
|
-
return (jsxRuntimeExports.jsxs(SimpleSurface, { children: [header && jsxRuntimeExports.jsx("div", { className: styles.header, children: header }), children && jsxRuntimeExports.jsx("div", { className: styles.children, children: children })] }));
|
8
|
+
return (jsxRuntimeExports.jsxs(SimpleSurface, { height: "full", children: [header && jsxRuntimeExports.jsx("div", { className: styles.header, children: header }), children && jsxRuntimeExports.jsx("div", { className: styles.children, children: children })] }));
|
9
9
|
}
|
10
10
|
|
11
11
|
export { Pane };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/Pane/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAeA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;SAEgB,IAAI,CAAC,CAAA,CAAE,QAAQ,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,EAAS,CAAA,CAAA;AAC/C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACCA,
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/Pane/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAeA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;SAEgB,IAAI,CAAC,CAAA,CAAE,QAAQ,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,EAAS,CAAA,CAAA;AAC/C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACCA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAC1B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAIC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAK,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAO,CAAA,CAAA,CACvD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,IAAIA,8BAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAQ,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAC/C,CAAA;AAElB;;"}
|
@@ -2,8 +2,8 @@
|
|
2
2
|
import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
|
3
3
|
import styles from './styles.module.css.js';
|
4
4
|
|
5
|
-
function SimpleSurface({ children, overflow = 'hidden', padding }) {
|
6
|
-
return (jsxRuntimeExports.jsx("div", { className: styles.root, "data-overflow": overflow, "data-padding": padding, children: children }));
|
5
|
+
function SimpleSurface({ children, height = 'auto', overflow = 'hidden', padding }) {
|
6
|
+
return (jsxRuntimeExports.jsx("div", { className: styles.root, "data-height": height, "data-overflow": overflow, "data-padding": padding, children: children }));
|
7
7
|
}
|
8
8
|
|
9
9
|
export { SimpleSurface };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/SimpleSurface/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/SimpleSurface/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAegB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,QAAQ,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,EAAgB,CAAA,CAAA;AACtG,CAAA,CAAA,CAAA,CAAA,CACCA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAe,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiB,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAC9F,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACJ,CAAA;AAER;;"}
|
package/dist/styles-no-reset.css
CHANGED
@@ -10049,7 +10049,6 @@ breakpoint-mobile {
|
|
10049
10049
|
align-items: flex-start;
|
10050
10050
|
justify-content: flex-start;
|
10051
10051
|
width: 100%;
|
10052
|
-
height: 100%;
|
10053
10052
|
background-color: var(--color-system-background-100);
|
10054
10053
|
border: 1px solid var(--color-system-border-100);
|
10055
10054
|
border-radius: 5px;
|
@@ -10057,22 +10056,14 @@ breakpoint-mobile {
|
|
10057
10056
|
}
|
10058
10057
|
|
10059
10058
|
/* * */
|
10060
|
-
/* PROPS /
|
10061
|
-
|
10062
|
-
.styles-module_root__gwoL6[data-padding='sm'] {
|
10063
|
-
padding: var(--size-spacing-sm);
|
10064
|
-
}
|
10065
|
-
|
10066
|
-
.styles-module_root__gwoL6[data-padding='md'] {
|
10067
|
-
padding: var(--size-spacing-md);
|
10068
|
-
}
|
10059
|
+
/* PROPS / HEIGHT */
|
10069
10060
|
|
10070
|
-
.styles-module_root__gwoL6[data-
|
10071
|
-
|
10061
|
+
.styles-module_root__gwoL6[data-height='auto'] {
|
10062
|
+
height: auto;
|
10072
10063
|
}
|
10073
10064
|
|
10074
|
-
.styles-module_root__gwoL6[data-
|
10075
|
-
|
10065
|
+
.styles-module_root__gwoL6[data-height='full'] {
|
10066
|
+
height: 100%;
|
10076
10067
|
}
|
10077
10068
|
|
10078
10069
|
/* * */
|
@@ -10089,6 +10080,25 @@ breakpoint-mobile {
|
|
10089
10080
|
.styles-module_root__gwoL6[data-overflow='scroll'] {
|
10090
10081
|
overflow: scroll;
|
10091
10082
|
}
|
10083
|
+
|
10084
|
+
/* * */
|
10085
|
+
/* PROPS / PADDING */
|
10086
|
+
|
10087
|
+
.styles-module_root__gwoL6[data-padding='sm'] {
|
10088
|
+
padding: var(--size-spacing-sm);
|
10089
|
+
}
|
10090
|
+
|
10091
|
+
.styles-module_root__gwoL6[data-padding='md'] {
|
10092
|
+
padding: var(--size-spacing-md);
|
10093
|
+
}
|
10094
|
+
|
10095
|
+
.styles-module_root__gwoL6[data-padding='lg'] {
|
10096
|
+
padding: var(--size-spacing-lg);
|
10097
|
+
}
|
10098
|
+
|
10099
|
+
.styles-module_root__gwoL6[data-padding='xl'] {
|
10100
|
+
padding: var(--size-spacing-xl);
|
10101
|
+
}
|
10092
10102
|
.styles-module_root__Rhx1c {
|
10093
10103
|
display: flex;
|
10094
10104
|
flex-direction: column;
|
package/dist/styles.css
CHANGED
@@ -10104,7 +10104,6 @@ breakpoint-mobile {
|
|
10104
10104
|
align-items: flex-start;
|
10105
10105
|
justify-content: flex-start;
|
10106
10106
|
width: 100%;
|
10107
|
-
height: 100%;
|
10108
10107
|
background-color: var(--color-system-background-100);
|
10109
10108
|
border: 1px solid var(--color-system-border-100);
|
10110
10109
|
border-radius: 5px;
|
@@ -10112,22 +10111,14 @@ breakpoint-mobile {
|
|
10112
10111
|
}
|
10113
10112
|
|
10114
10113
|
/* * */
|
10115
|
-
/* PROPS /
|
10116
|
-
|
10117
|
-
.styles-module_root__gwoL6[data-padding='sm'] {
|
10118
|
-
padding: var(--size-spacing-sm);
|
10119
|
-
}
|
10120
|
-
|
10121
|
-
.styles-module_root__gwoL6[data-padding='md'] {
|
10122
|
-
padding: var(--size-spacing-md);
|
10123
|
-
}
|
10114
|
+
/* PROPS / HEIGHT */
|
10124
10115
|
|
10125
|
-
.styles-module_root__gwoL6[data-
|
10126
|
-
|
10116
|
+
.styles-module_root__gwoL6[data-height='auto'] {
|
10117
|
+
height: auto;
|
10127
10118
|
}
|
10128
10119
|
|
10129
|
-
.styles-module_root__gwoL6[data-
|
10130
|
-
|
10120
|
+
.styles-module_root__gwoL6[data-height='full'] {
|
10121
|
+
height: 100%;
|
10131
10122
|
}
|
10132
10123
|
|
10133
10124
|
/* * */
|
@@ -10144,6 +10135,25 @@ breakpoint-mobile {
|
|
10144
10135
|
.styles-module_root__gwoL6[data-overflow='scroll'] {
|
10145
10136
|
overflow: scroll;
|
10146
10137
|
}
|
10138
|
+
|
10139
|
+
/* * */
|
10140
|
+
/* PROPS / PADDING */
|
10141
|
+
|
10142
|
+
.styles-module_root__gwoL6[data-padding='sm'] {
|
10143
|
+
padding: var(--size-spacing-sm);
|
10144
|
+
}
|
10145
|
+
|
10146
|
+
.styles-module_root__gwoL6[data-padding='md'] {
|
10147
|
+
padding: var(--size-spacing-md);
|
10148
|
+
}
|
10149
|
+
|
10150
|
+
.styles-module_root__gwoL6[data-padding='lg'] {
|
10151
|
+
padding: var(--size-spacing-lg);
|
10152
|
+
}
|
10153
|
+
|
10154
|
+
.styles-module_root__gwoL6[data-padding='xl'] {
|
10155
|
+
padding: var(--size-spacing-xl);
|
10156
|
+
}
|
10147
10157
|
.styles-module_root__Rhx1c {
|
10148
10158
|
display: flex;
|
10149
10159
|
flex-direction: column;
|