@tmlmobilidade/ui 20250710.2024.42 → 20250711.18.0
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 +58 -92
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +83 -88
- package/dist/index.js +6 -6
- package/dist/src/components/{common → buttons}/BackButton/index.js +1 -1
- package/dist/src/components/buttons/BackButton/index.js.map +1 -0
- package/dist/src/components/{common → buttons}/BackButton/styles.module.css.js +1 -1
- package/dist/src/components/buttons/Button/index.js.map +1 -0
- package/dist/src/components/{common/DeleteActionIcon → buttons/DeleteButton}/index.js +16 -8
- package/dist/src/components/buttons/DeleteButton/index.js.map +1 -0
- package/dist/src/components/{common → buttons}/FileButton/index.js +7 -5
- package/dist/src/components/buttons/FileButton/index.js.map +1 -0
- package/dist/src/components/buttons/LockButton/index.js +17 -0
- package/dist/src/components/buttons/LockButton/index.js.map +1 -0
- package/dist/src/components/datatable/DataTableHeader/index.js +1 -1
- package/dist/src/components/{common → inputs}/TextInput/index.js +2 -2
- package/dist/src/components/inputs/TextInput/index.js.map +1 -0
- package/dist/src/styles/mantine/ActionIcon.module.css.js +4 -0
- package/dist/src/styles/mantine/ActionIcon.module.css.js.map +1 -0
- package/dist/src/styles/theme.js +7 -1
- package/dist/src/styles/theme.js.map +1 -1
- package/dist/styles-no-reset.css +58 -92
- package/dist/styles.css +58 -92
- package/package.json +1 -1
- package/dist/src/components/common/ActionIcon/index.js +0 -22
- package/dist/src/components/common/ActionIcon/index.js.map +0 -1
- package/dist/src/components/common/ActionIcon/styles.module.css.js +0 -4
- package/dist/src/components/common/BackButton/index.js.map +0 -1
- package/dist/src/components/common/BackButton/styles.module.css.js.map +0 -1
- package/dist/src/components/common/Button/index.js.map +0 -1
- package/dist/src/components/common/DeleteActionIcon/index.js.map +0 -1
- package/dist/src/components/common/FileButton/index.js.map +0 -1
- package/dist/src/components/common/TextInput/index.js.map +0 -1
- /package/dist/src/components/{common/ActionIcon → buttons/BackButton}/styles.module.css.js.map +0 -0
- /package/dist/src/components/{common → buttons}/Button/index.js +0 -0
package/dist/index.css
CHANGED
|
@@ -8838,6 +8838,58 @@ breakpoint-mobile {
|
|
|
8838
8838
|
/* * */
|
|
8839
8839
|
/* BUTTON / ROOT */
|
|
8840
8840
|
|
|
8841
|
+
.ActionIcon-module_root__hFnno {
|
|
8842
|
+
width: 40px;
|
|
8843
|
+
min-width: 40px;
|
|
8844
|
+
height: 40px;
|
|
8845
|
+
min-height: 40px;
|
|
8846
|
+
}
|
|
8847
|
+
|
|
8848
|
+
.ActionIcon-module_root__hFnno[data-variant='primary'] {
|
|
8849
|
+
color: var(--color-contrast);
|
|
8850
|
+
background-color: var(--color-primary);
|
|
8851
|
+
border-color: var(--color-secondary);
|
|
8852
|
+
box-shadow: 0 1px 3px 0 var(--color-shadow);
|
|
8853
|
+
}
|
|
8854
|
+
|
|
8855
|
+
.ActionIcon-module_root__hFnno[data-variant='secondary'] {
|
|
8856
|
+
color: var(--color-primary);
|
|
8857
|
+
background-color: var(--color-background);
|
|
8858
|
+
border-color: var(--color-primary);
|
|
8859
|
+
box-shadow: 0 1px 3px 0 var(--color-shadow);
|
|
8860
|
+
}
|
|
8861
|
+
|
|
8862
|
+
.ActionIcon-module_root__hFnno[data-variant='muted'] {
|
|
8863
|
+
color: var(--color-system-text-300);
|
|
8864
|
+
background-color: var(--color-system-background-100);
|
|
8865
|
+
border-color: var(--color-system-text-300);
|
|
8866
|
+
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 15%);
|
|
8867
|
+
}
|
|
8868
|
+
|
|
8869
|
+
.ActionIcon-module_root__hFnno[data-variant='disabled'] {
|
|
8870
|
+
color: var(--color-system-border-100);
|
|
8871
|
+
cursor: not-allowed;
|
|
8872
|
+
background-color: var(--color-system-background-200);
|
|
8873
|
+
border-color: var(--color-system-border-100);
|
|
8874
|
+
box-shadow: unset;
|
|
8875
|
+
}
|
|
8876
|
+
|
|
8877
|
+
.ActionIcon-module_root__hFnno[data-variant='danger'] {
|
|
8878
|
+
color: var(--color-status-danger-primary);
|
|
8879
|
+
background-color: var(--color-status-danger-contrast);
|
|
8880
|
+
border-color: var(--color-status-danger-primary);
|
|
8881
|
+
box-shadow: 0 1px 3px 0 var(--color-status-danger-shadow);
|
|
8882
|
+
}
|
|
8883
|
+
|
|
8884
|
+
.ActionIcon-module_root__hFnno[data-variant='success'] {
|
|
8885
|
+
color: var(--color-status-success-primary);
|
|
8886
|
+
background-color: var(--color-status-success-contrast);
|
|
8887
|
+
border-color: var(--color-status-success-primary);
|
|
8888
|
+
box-shadow: 0 1px 3px 0 var(--color-status-success-shadow);
|
|
8889
|
+
}
|
|
8890
|
+
/* * */
|
|
8891
|
+
/* BUTTON / ROOT */
|
|
8892
|
+
|
|
8841
8893
|
.Button-module_root__GTwBc {
|
|
8842
8894
|
height: 40px;
|
|
8843
8895
|
padding: 0 15px;
|
|
@@ -9503,86 +9555,15 @@ breakpoint-mobile {
|
|
|
9503
9555
|
line-height: var(--font-line-height);
|
|
9504
9556
|
color: var(--color-system-text-200);
|
|
9505
9557
|
}
|
|
9506
|
-
|
|
9507
|
-
|
|
9508
|
-
background-color: transparent;
|
|
9509
|
-
border-radius: var(--border-radius-xs);
|
|
9510
|
-
font-size: 16px;
|
|
9511
|
-
font-weight: 500;
|
|
9512
|
-
padding: var(--size-spacing-xs);
|
|
9513
|
-
cursor: pointer;
|
|
9514
|
-
height: auto;
|
|
9515
|
-
width: auto;
|
|
9516
|
-
}
|
|
9517
|
-
|
|
9518
|
-
.styles-module_primary__1Forr {
|
|
9519
|
-
color: var(--color-primary);
|
|
9520
|
-
|
|
9521
|
-
&:hover {
|
|
9522
|
-
background-color: var(--color-background);
|
|
9523
|
-
}
|
|
9524
|
-
}
|
|
9525
|
-
|
|
9526
|
-
.styles-module_secondary__F-Pxy {
|
|
9527
|
-
color: var(--color-secondary);
|
|
9528
|
-
|
|
9529
|
-
&:hover {
|
|
9530
|
-
background-color: var(--color-background);
|
|
9531
|
-
}
|
|
9532
|
-
}
|
|
9533
|
-
|
|
9534
|
-
.styles-module_muted__IRFQC {
|
|
9535
|
-
color: var(--color-system-text-300);
|
|
9536
|
-
|
|
9537
|
-
&:hover {
|
|
9538
|
-
color: var(--color-primary);
|
|
9539
|
-
}
|
|
9540
|
-
}
|
|
9541
|
-
|
|
9542
|
-
.styles-module_disabled__Q0YEb {
|
|
9543
|
-
color: var(--color-system-border-100);
|
|
9544
|
-
cursor: not-allowed;
|
|
9545
|
-
}
|
|
9546
|
-
|
|
9547
|
-
.styles-module_danger__-aPaa {
|
|
9548
|
-
color: var(--color-status-danger-primary);
|
|
9549
|
-
|
|
9550
|
-
&:hover {
|
|
9551
|
-
background-color: var(--color-status-danger-contrast);
|
|
9552
|
-
}
|
|
9553
|
-
}
|
|
9554
|
-
|
|
9555
|
-
.styles-module_info__z1XFz {
|
|
9556
|
-
color: var(--color-status-info-primary);
|
|
9557
|
-
|
|
9558
|
-
&:hover {
|
|
9559
|
-
background-color: var(--color-status-info-contrast);
|
|
9560
|
-
}
|
|
9561
|
-
}
|
|
9562
|
-
|
|
9563
|
-
.styles-module_success__V-kNZ {
|
|
9564
|
-
color: var(--color-status-success-primary);
|
|
9565
|
-
|
|
9566
|
-
&:hover {
|
|
9567
|
-
color: var(--color-status-success-contrast);
|
|
9568
|
-
background-color: var(--color-status-success-primary);
|
|
9569
|
-
}
|
|
9570
|
-
}
|
|
9571
|
-
|
|
9572
|
-
.styles-module_warning__gGAPU {
|
|
9573
|
-
color: var(--color-status-warning-primary);
|
|
9558
|
+
/* * */
|
|
9559
|
+
/* ROOT */
|
|
9574
9560
|
|
|
9575
|
-
|
|
9576
|
-
|
|
9577
|
-
}
|
|
9561
|
+
.styles-module_root__7Tjjf {
|
|
9562
|
+
color: var(--color-system-text-200);
|
|
9578
9563
|
}
|
|
9579
9564
|
|
|
9580
|
-
.styles-
|
|
9581
|
-
color: var(--color-
|
|
9582
|
-
|
|
9583
|
-
&:hover {
|
|
9584
|
-
background-color: var(--color-status-active-contrast);
|
|
9585
|
-
}
|
|
9565
|
+
.styles-module_root__7Tjjf:hover {
|
|
9566
|
+
background-color: var(--color-system-background-200);
|
|
9586
9567
|
}
|
|
9587
9568
|
.styles-module_button__fQIgs {
|
|
9588
9569
|
width: fit-content;
|
|
@@ -10306,21 +10287,6 @@ breakpoint-mobile {
|
|
|
10306
10287
|
flex-wrap: wrap-reverse;
|
|
10307
10288
|
}
|
|
10308
10289
|
|
|
10309
|
-
/* * */
|
|
10310
|
-
/* ROOT */
|
|
10311
|
-
|
|
10312
|
-
.styles-module_root__wDUf9 {
|
|
10313
|
-
width: 40px;
|
|
10314
|
-
min-width: 40px;
|
|
10315
|
-
height: 40px;
|
|
10316
|
-
min-height: 40px;
|
|
10317
|
-
color: var(--color-system-text-200);
|
|
10318
|
-
background-color: transparent;
|
|
10319
|
-
}
|
|
10320
|
-
|
|
10321
|
-
.styles-module_root__wDUf9:hover {
|
|
10322
|
-
background-color: var(--color-system-background-200);
|
|
10323
|
-
}
|
|
10324
10290
|
.styles-module_header__6dpaJ {
|
|
10325
10291
|
position: sticky;
|
|
10326
10292
|
top: 0;
|