@tmlmobilidade/ui 20250404.340.40 → 20250404.353.53

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.
@@ -1,11 +1,20 @@
1
1
  'use client';
2
2
  import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
3
+ import 'clsx';
4
+ import 'luxon';
3
5
  import { Skeleton } from '@mantine/core';
6
+ import '@tabler/icons-react';
4
7
  import { useState } from 'react';
8
+ import 'react-viewport-list';
9
+ import '@mantine/dates';
10
+ import '@mantine/modals';
11
+ import '../../common/Menu/index.js';
12
+ import { Label } from '../../common/Label/index.js';
13
+ import '../../../contexts/Theme.context.js';
5
14
  import styles from './styles.module.css.js';
6
15
 
7
16
  /* * */
8
- const AVAILABLE_GREETINGS = ['Olá', 'Hi', 'Hey', 'Oi', 'Hallo', 'Ciao', 'Hej'];
17
+ const AVAILABLE_GREETINGS = ['Olá', 'Hi', 'Hey', 'Oi', 'Hallo', 'Hola', 'Ciao', 'Hej'];
9
18
  /* * */
10
19
  function AppWrapperHeader({ userName }) {
11
20
  //
@@ -17,7 +26,7 @@ function AppWrapperHeader({ userName }) {
17
26
  if (!userName) {
18
27
  return (jsxRuntimeExports.jsx("div", { className: styles.container, children: jsxRuntimeExports.jsx(Skeleton, { h: 18, w: 120 }) }));
19
28
  }
20
- return (jsxRuntimeExports.jsx("div", { className: styles.container, children: jsxRuntimeExports.jsxs("p", { className: styles.greeting, children: [drawnGreeting, " ", userName] }) }));
29
+ return (jsxRuntimeExports.jsx("div", { className: styles.container, children: jsxRuntimeExports.jsxs(Label, { size: "sm", caps: true, singleLine: true, children: [drawnGreeting, " ", userName] }) }));
21
30
  //
22
31
  }
23
32
 
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../src/components/layout/AppWrapperHeader/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/layout/AppWrapperHeader/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- var styles = {"container":"styles-module_container__Xa8G-","greeting":"styles-module_greeting__gAW3N"};
1
+ var styles = {"container":"styles-module_container__Xa8G-"};
2
2
 
3
3
  export { styles as default };
4
4
  //# sourceMappingURL=styles.module.css.js.map
@@ -9889,6 +9889,13 @@ breakpoint-mobile {
9889
9889
  /* * */
9890
9890
  /* PROPS / SIZE */
9891
9891
 
9892
+ .styles-module_root__RKr4f[data-size="sm"] {
9893
+ --container-size: 24px;
9894
+ --blade-size: 7px;
9895
+ --blade-thickness: 3px;
9896
+ --blade-tightness: 1.25;
9897
+ }
9898
+
9892
9899
  .styles-module_root__RKr4f[data-size="md"] {
9893
9900
  --container-size: 40px;
9894
9901
  --blade-size: 10px;
@@ -10292,46 +10299,19 @@ breakpoint-mobile {
10292
10299
  /* CONTAINER */
10293
10300
 
10294
10301
  .styles-module_container__Xa8G- {
10295
- display: flex;
10296
- flex-direction: row;
10297
- align-items: center;
10298
- justify-content: space-between;
10299
- width: 100%;
10300
- height: 100%;
10301
- z-index: 50;
10302
- padding: var(--size-spacing-sm);
10303
- padding-left: 20px;
10304
- background-color: var(--color-system-background-100);
10305
- border-bottom: 1px solid var(--color-system-border-100);
10306
- box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.2);
10307
- }
10308
-
10309
- @media (prefers-color-scheme: dark) {
10310
- .styles-module_container__Xa8G- {
10311
- background-color: var(--color-system-background-100);
10312
- }
10313
- }
10314
-
10315
- /* * */
10316
- /* GREETING */
10317
-
10318
- .styles-module_greeting__gAW3N {
10319
- color: var(--color-system-text-100);
10320
- font-size: 14px;
10321
- font-weight: 700;
10322
- text-transform: uppercase;
10323
- line-height: 1;
10324
- }
10325
-
10326
- /* * */
10327
- /* OPTIONS */
10328
-
10329
- .styles-module_options__eMGiK {
10330
- display: flex;
10331
- flex-direction: row;
10332
- gap: var(--size-md);
10302
+ z-index: 50;
10303
+ display: flex;
10304
+ flex-direction: row;
10305
+ align-items: center;
10306
+ justify-content: flex-start;
10307
+ width: 100%;
10308
+ height: 100%;
10309
+ padding: var(--size-spacing-sm);
10310
+ padding-left: var(--size-spacing-lg);
10311
+ background-color: var(--color-system-background-100);
10312
+ border-bottom: 1px solid var(--color-system-border-100);
10313
+ box-shadow: 0 0 10px -5px rgb(0 0 0 / 20%);
10333
10314
  }
10334
-
10335
10315
  /* * */
10336
10316
  /* CONTAINER */
10337
10317
 
package/dist/styles.css CHANGED
@@ -9944,6 +9944,13 @@ breakpoint-mobile {
9944
9944
  /* * */
9945
9945
  /* PROPS / SIZE */
9946
9946
 
9947
+ .styles-module_root__RKr4f[data-size="sm"] {
9948
+ --container-size: 24px;
9949
+ --blade-size: 7px;
9950
+ --blade-thickness: 3px;
9951
+ --blade-tightness: 1.25;
9952
+ }
9953
+
9947
9954
  .styles-module_root__RKr4f[data-size="md"] {
9948
9955
  --container-size: 40px;
9949
9956
  --blade-size: 10px;
@@ -10347,46 +10354,19 @@ breakpoint-mobile {
10347
10354
  /* CONTAINER */
10348
10355
 
10349
10356
  .styles-module_container__Xa8G- {
10350
- display: flex;
10351
- flex-direction: row;
10352
- align-items: center;
10353
- justify-content: space-between;
10354
- width: 100%;
10355
- height: 100%;
10356
- z-index: 50;
10357
- padding: var(--size-spacing-sm);
10358
- padding-left: 20px;
10359
- background-color: var(--color-system-background-100);
10360
- border-bottom: 1px solid var(--color-system-border-100);
10361
- box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.2);
10362
- }
10363
-
10364
- @media (prefers-color-scheme: dark) {
10365
- .styles-module_container__Xa8G- {
10366
- background-color: var(--color-system-background-100);
10367
- }
10368
- }
10369
-
10370
- /* * */
10371
- /* GREETING */
10372
-
10373
- .styles-module_greeting__gAW3N {
10374
- color: var(--color-system-text-100);
10375
- font-size: 14px;
10376
- font-weight: 700;
10377
- text-transform: uppercase;
10378
- line-height: 1;
10379
- }
10380
-
10381
- /* * */
10382
- /* OPTIONS */
10383
-
10384
- .styles-module_options__eMGiK {
10385
- display: flex;
10386
- flex-direction: row;
10387
- gap: var(--size-md);
10357
+ z-index: 50;
10358
+ display: flex;
10359
+ flex-direction: row;
10360
+ align-items: center;
10361
+ justify-content: flex-start;
10362
+ width: 100%;
10363
+ height: 100%;
10364
+ padding: var(--size-spacing-sm);
10365
+ padding-left: var(--size-spacing-lg);
10366
+ background-color: var(--color-system-background-100);
10367
+ border-bottom: 1px solid var(--color-system-border-100);
10368
+ box-shadow: 0 0 10px -5px rgb(0 0 0 / 20%);
10388
10369
  }
10389
-
10390
10370
  /* * */
10391
10371
  /* CONTAINER */
10392
10372
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tmlmobilidade/ui",
3
- "version": "20250404.0340.40",
3
+ "version": "20250404.0353.53",
4
4
  "author": "",
5
5
  "license": "ISC",
6
6
  "publishConfig": {