@tmlmobilidade/ui 20250401.1955.47 → 20250401.2120.31

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.
Files changed (10) hide show
  1. package/dist/index.css.map +1 -1
  2. package/dist/index.d.ts +13 -2
  3. package/dist/src/components/common/Label/index.js +2 -2
  4. package/dist/src/components/common/Label/index.js.map +1 -1
  5. package/dist/src/components/layout/Pane/index.js +1 -1
  6. package/dist/src/components/layout/Pane/index.js.map +1 -1
  7. package/dist/src/components/layout/Pane/styles.module.css.js +1 -1
  8. package/dist/styles-no-reset.css +26 -12
  9. package/dist/styles.css +26 -12
  10. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -174,10 +174,11 @@ declare function FileButton({ accept, disabled, icon, label, loading, onCancel,
174
174
  interface LabelProps {
175
175
  caps?: boolean;
176
176
  children?: React__default.ReactNode;
177
+ overflow?: boolean;
177
178
  singleLine?: boolean;
178
179
  size?: 'lg' | 'md' | 'sm';
179
180
  }
180
- declare function Label({ caps, children, singleLine, size }: LabelProps): react_jsx_runtime.JSX.Element;
181
+ declare function Label({ caps, children, overflow, singleLine, size }: LabelProps): react_jsx_runtime.JSX.Element;
181
182
 
182
183
  type MenuProps = MenuProps$1;
183
184
  type MenuTargetProps = MenuTargetProps$1;
@@ -412,8 +413,18 @@ interface Props$8 {
412
413
  declare function AppWrapper({ children, icon }: Props$8): react_jsx_runtime.JSX.Element;
413
414
 
414
415
  interface Props$7 {
416
+ /**
417
+ * A set of or a single React component to be rendered inside
418
+ * an auto-overflowing content pane. This is the main content of the pane.
419
+ * The pane will automatically add a scrollbar if the content overflows the pane.
420
+ */
415
421
  children?: React.ReactNode;
416
- header?: React.ReactNode;
422
+ /**
423
+ * An array of React components to be rendered as rows inside a fixed header.
424
+ * This is useful for rendering a title, a toolbar, or any other component that
425
+ * should be fixed at the top of the pane. The header will be rendered above the children.
426
+ */
427
+ header?: React.ReactNode[];
417
428
  }
418
429
  declare function Pane({ children, header }: Props$7): react_jsx_runtime.JSX.Element;
419
430
 
package/dist/src/components/common/Label/index.js CHANGED
@@ -3,8 +3,8 @@ import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
3
3
  import styles from './styles.module.css.js';
4
4
 
5
5
  /* * */
6
- function Label({ caps = false, children, singleLine = false, size = 'md' }) {
7
- return (jsxRuntimeExports.jsx("p", { className: styles.label, "data-caps": caps, "data-single-line": singleLine, "data-size": size, children: children }));
6
+ function Label({ caps = false, children, overflow = false, singleLine = false, size = 'md' }) {
7
+ return (jsxRuntimeExports.jsx("p", { className: styles.label, "data-caps": caps, "data-overflow": overflow, "data-single-line": singleLine, "data-size": size, children: children }));
8
8
  }
9
9
 
10
10
  export { Label };
package/dist/src/components/common/Label/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../src/components/common/Label/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAiBA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;SAEgB,KAAK,CAAC,CAAA,CAAE,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,KAAK,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,GAAG,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,IAAI,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,EAAc,CAAA,CAAA;AAC5F,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,CAAG,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,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAoB,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,WACxF,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACN,CAAA;AAEN;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/common/Label/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAkBA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEM,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAE,CAAA,CAAA,CAAA,CAAA,CAAI,GAAG,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,QAAQ,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,GAAG,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,UAAU,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,EAAE,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAI,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA;AAC9G,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,CAAG,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAI,CAAA,CAAA,CAAA,CAAA,kBAAiB,CAAQ,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,CAAoB,UAAU,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,WACjH,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAA,CACN,CAAA;AAEN;;"}
package/dist/src/components/layout/Pane/index.js CHANGED
@@ -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, { height: "full", 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.headerWrapper, children: header.map((headerItem, index) => (jsxRuntimeExports.jsx("div", { className: styles.headerItem, children: headerItem }, index))) })), children && jsxRuntimeExports.jsx("div", { className: styles.children, children: children })] }));
9
9
  }
10
10
 
11
11
  export { Pane };
package/dist/src/components/layout/Pane/index.js.map CHANGED
@@ -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,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;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/layout/Pane/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AA4BA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;SAEgB,IAAI,CAAC,CAAA,CAAE,QAAQ,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,EAAS,CAAA,CAAA;IAC/C,QACCA,CAAC,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,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,EAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAC1B,QAAA,CAAA,CAAA,CAAA,MAAM,CACNC,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,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAClC,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAA,CAAG,CAAC,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,EAAE,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAC7BA,qBAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiB,SAAS,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAhD,CAAK,CAAA,CAAA,CAAA,CAAA,CAAkD,CACjE,CAAC,CAAA,CACG,CAAA,CACN,CAAA,CACA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAIA,qBAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAK,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,CAAA,QAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAA,CAAO,CAC/C,EAAA,CAAA,CAAA;AAElB;;"}
package/dist/src/components/layout/Pane/styles.module.css.js CHANGED
@@ -1,4 +1,4 @@
1
- var styles = {"header":"styles-module_header__8EL4W","children":"styles-module_children__CN1LK"};
1
+ var styles = {"headerWrapper":"styles-module_headerWrapper__DHYtn","headerItem":"styles-module_headerItem__-nJ-N","children":"styles-module_children__CN1LK"};
2
2
 
3
3
  export { styles as default };
4
4
  //# sourceMappingURL=styles.module.css.js.map
package/dist/styles-no-reset.css CHANGED
@@ -9318,11 +9318,17 @@ breakpoint-mobile {
9318
9318
  text-transform: uppercase;
9319
9319
  }
9320
9320
 
9321
+ /* * */
9322
+ /* LABEL / OVERFLOW */
9323
+
9324
+ .styles-module_label__eX438[data-overflow="true"] {
9325
+ overflow: hidden;
9326
+ }
9327
+
9321
9328
  /* * */
9322
9329
  /* LABEL / SINGLE LINE */
9323
9330
 
9324
9331
  .styles-module_label__eX438[data-single-line="true"] {
9325
- overflow: hidden;
9326
9332
  text-overflow: ellipsis;
9327
9333
  line-clamp: 1;
9328
9334
  white-space: nowrap;
@@ -10227,7 +10233,15 @@ breakpoint-mobile {
10227
10233
  /* * */
10228
10234
  /* HEADER */
10229
10235
 
10230
- .styles-module_header__8EL4W {
10236
+ .styles-module_headerWrapper__DHYtn {
10237
+ display: flex;
10238
+ flex-direction: column;
10239
+ align-items: center;
10240
+ justify-content: flex-start;
10241
+ width: 100%;
10242
+ }
10243
+
10244
+ .styles-module_headerItem__-nJ-N {
10231
10245
  display: flex;
10232
10246
  gap: var(--size-spacing-md);
10233
10247
  align-items: center;
@@ -10373,20 +10387,20 @@ breakpoint-mobile {
10373
10387
  text-decoration: underline;
10374
10388
  }
10375
10389
  /*# sourceMappingURL=index.css.map */:root[data-theme="ocean"] {
10376
- --color-primary: #005adc;
10377
- --color-secondary: #0041a0;
10378
- --color-background: #e6f0ff;
10379
- --color-contrast: #fff;
10380
- --color-shadow: #000a5040;
10390
+ --color-primary: #005ADC;
10391
+ --color-secondary: #0041A0;
10392
+ --color-background: #E6F0FF;
10393
+ --color-contrast: #FFF;
10394
+ --color-shadow: #000A5040;
10381
10395
  }
10382
10396
 
10383
10397
  @media (prefers-color-scheme: dark) {
10384
10398
  :root[data-theme="ocean"] {
10385
- --color-primary: #2864b9;
10386
- --color-secondary: #1e4b96;
10387
- --color-background: #1e283c;
10388
- --color-contrast: #b4d2ff;
10389
- --color-shadow: #00083d40;
10399
+ --color-primary: #2864B9;
10400
+ --color-secondary: #1E4B96;
10401
+ --color-background: #1E283C;
10402
+ --color-contrast: #CDE1FF;
10403
+ --color-shadow: #00083D40;
10390
10404
  }
10391
10405
  }
10392
10406
  :root[data-theme="park"] {
package/dist/styles.css CHANGED
@@ -9373,11 +9373,17 @@ breakpoint-mobile {
9373
9373
  text-transform: uppercase;
9374
9374
  }
9375
9375
 
9376
+ /* * */
9377
+ /* LABEL / OVERFLOW */
9378
+
9379
+ .styles-module_label__eX438[data-overflow="true"] {
9380
+ overflow: hidden;
9381
+ }
9382
+
9376
9383
  /* * */
9377
9384
  /* LABEL / SINGLE LINE */
9378
9385
 
9379
9386
  .styles-module_label__eX438[data-single-line="true"] {
9380
- overflow: hidden;
9381
9387
  text-overflow: ellipsis;
9382
9388
  line-clamp: 1;
9383
9389
  white-space: nowrap;
@@ -10282,7 +10288,15 @@ breakpoint-mobile {
10282
10288
  /* * */
10283
10289
  /* HEADER */
10284
10290
 
10285
- .styles-module_header__8EL4W {
10291
+ .styles-module_headerWrapper__DHYtn {
10292
+ display: flex;
10293
+ flex-direction: column;
10294
+ align-items: center;
10295
+ justify-content: flex-start;
10296
+ width: 100%;
10297
+ }
10298
+
10299
+ .styles-module_headerItem__-nJ-N {
10286
10300
  display: flex;
10287
10301
  gap: var(--size-spacing-md);
10288
10302
  align-items: center;
@@ -10429,20 +10443,20 @@ breakpoint-mobile {
10429
10443
  }
10430
10444
  /*# sourceMappingURL=index.css.map */
10431
10445
  :root[data-theme="ocean"] {
10432
- --color-primary: #005adc;
10433
- --color-secondary: #0041a0;
10434
- --color-background: #e6f0ff;
10435
- --color-contrast: #fff;
10436
- --color-shadow: #000a5040;
10446
+ --color-primary: #005ADC;
10447
+ --color-secondary: #0041A0;
10448
+ --color-background: #E6F0FF;
10449
+ --color-contrast: #FFF;
10450
+ --color-shadow: #000A5040;
10437
10451
  }
10438
10452
 
10439
10453
  @media (prefers-color-scheme: dark) {
10440
10454
  :root[data-theme="ocean"] {
10441
- --color-primary: #2864b9;
10442
- --color-secondary: #1e4b96;
10443
- --color-background: #1e283c;
10444
- --color-contrast: #b4d2ff;
10445
- --color-shadow: #00083d40;
10455
+ --color-primary: #2864B9;
10456
+ --color-secondary: #1E4B96;
10457
+ --color-background: #1E283C;
10458
+ --color-contrast: #CDE1FF;
10459
+ --color-shadow: #00083D40;
10446
10460
  }
10447
10461
  }
10448
10462
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tmlmobilidade/ui",
3
- "version": "20250401.1955.47",
3
+ "version": "20250401.2120.31",
4
4
  "author": "",
5
5
  "license": "ISC",
6
6
  "publishConfig": {