@tmlmobilidade/ui 20250403.1445.53 → 20250403.1711.24
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 +4 -4
- package/dist/index.js +1 -1
- package/dist/src/components/common/Slider/index.js +4 -4
- package/dist/src/components/common/Slider/index.js.map +1 -1
- package/dist/src/styles/mantine/Slider.module.css.js +4 -0
- package/dist/src/styles/mantine/Slider.module.css.js.map +1 -0
- package/dist/src/styles/theme.js +10 -1
- package/dist/src/styles/theme.js.map +1 -1
- package/dist/styles-no-reset.css +63 -16
- package/dist/styles.css +63 -16
- package/package.json +1 -1
- package/dist/src/components/common/Slider/styles.module.css.js +0 -4
- package/dist/src/components/common/Slider/styles.module.css.js.map +0 -1
package/dist/index.d.ts
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
2
2
|
import * as React$1 from 'react';
|
3
3
|
import React__default, { PropsWithChildren, ReactNode } from 'react';
|
4
|
-
import { BadgeProps as BadgeProps$1, CheckboxProps as CheckboxProps$1, ComboboxProps, ButtonProps as ButtonProps$1, MenuProps as MenuProps$1, MenuTargetProps as MenuTargetProps$1, MenuDropdownProps as MenuDropdownProps$1, MenuItemProps as MenuItemProps$1, MenuDividerProps as MenuDividerProps$1, MenuLabelProps as MenuLabelProps$1, SegmentedControlProps as SegmentedControlProps$1,
|
4
|
+
import { BadgeProps as BadgeProps$1, CheckboxProps as CheckboxProps$1, ComboboxProps, ButtonProps as ButtonProps$1, MenuProps as MenuProps$1, MenuTargetProps as MenuTargetProps$1, MenuDropdownProps as MenuDropdownProps$1, MenuItemProps as MenuItemProps$1, MenuDividerProps as MenuDividerProps$1, MenuLabelProps as MenuLabelProps$1, SegmentedControlProps as SegmentedControlProps$1, TextProps as TextProps$1, TextareaProps, TextInputProps as TextInputProps$1, TooltipProps as TooltipProps$1, PasswordInputProps, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, AccordionStylesNames } from '@mantine/core';
|
5
5
|
export { RenderTreeNodePayload, Tree, TreeNodeData, getTreeExpandedState, useTree } from '@mantine/core';
|
6
6
|
import { DateTimePickerProps as DateTimePickerProps$1 } from '@mantine/dates';
|
7
7
|
import { Permission, User } from '@tmlmobilidade/types';
|
@@ -187,9 +187,6 @@ interface SegmentedControlProps extends SegmentedControlProps$1 {
|
|
187
187
|
}
|
188
188
|
declare function SegmentedControl({ fullWidth, ...props }: SegmentedControlProps): react_jsx_runtime.JSX.Element;
|
189
189
|
|
190
|
-
type SliderProps = SliderProps$1;
|
191
|
-
declare function Slider({ classNames, ...props }: SliderProps): react_jsx_runtime.JSX.Element;
|
192
|
-
|
193
190
|
interface TextProps extends TextProps$1 {
|
194
191
|
children: React.ReactNode;
|
195
192
|
lineHeight?: '2xl' | 'base' | 'lg' | 'none' | 'sm' | 'xl' | 'xs';
|
@@ -227,6 +224,9 @@ declare function Label({ caps, children, overflow, singleLine, size }: LabelProp
|
|
227
224
|
|
228
225
|
declare function PasswordInput({ classNames, error, value, ...props }: PasswordInputProps): react_jsx_runtime.JSX.Element;
|
229
226
|
|
227
|
+
type SliderProps = SliderProps$1;
|
228
|
+
declare function Slider({ ...props }: SliderProps): react_jsx_runtime.JSX.Element;
|
229
|
+
|
230
230
|
type SwitchProps = SwitchProps$1;
|
231
231
|
declare function Switch({ ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
|
232
232
|
|
package/dist/index.js
CHANGED
@@ -10,7 +10,6 @@ export { default as Description } from './src/components/common/Description/inde
|
|
10
10
|
export { default as FileButton } from './src/components/common/FileButton/index.js';
|
11
11
|
export { default as Menu } from './src/components/common/Menu/index.js';
|
12
12
|
export { default as SegmentedControl } from './src/components/common/SegmentedControl/index.js';
|
13
|
-
export { default as Slider } from './src/components/common/Slider/index.js';
|
14
13
|
export { default as Text } from './src/components/common/Text/index.js';
|
15
14
|
export { default as TextArea } from './src/components/common/TextArea/index.js';
|
16
15
|
export { default as TextInput } from './src/components/common/TextInput/index.js';
|
@@ -19,6 +18,7 @@ export { CMIcon, CMLogo, TMLogo, TMLogoDark, TMLogoLight } from './src/component
|
|
19
18
|
export { Button } from './src/components/common/Button/index.js';
|
20
19
|
export { Label } from './src/components/common/Label/index.js';
|
21
20
|
export { PasswordInput } from './src/components/common/PasswordInput/index.js';
|
21
|
+
export { Slider } from './src/components/common/Slider/index.js';
|
22
22
|
export { Switch } from './src/components/common/Switch/index.js';
|
23
23
|
export { Tag } from './src/components/common/Tag/index.js';
|
24
24
|
export { Tree, getTreeExpandedState, useTree } from '@mantine/core';
|
@@ -1,11 +1,11 @@
|
|
1
1
|
'use client';
|
2
2
|
import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
|
3
3
|
import { Slider as Slider$1 } from '@mantine/core';
|
4
|
-
import styles from './styles.module.css.js';
|
5
4
|
|
6
|
-
|
7
|
-
|
5
|
+
/* * */
|
6
|
+
function Slider({ ...props }) {
|
7
|
+
return jsxRuntimeExports.jsx(Slider$1, { ...props });
|
8
8
|
}
|
9
9
|
|
10
|
-
export { Slider
|
10
|
+
export { Slider };
|
11
11
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/common/Slider/index.tsx"],"sourcesContent":[null],"names":["_jsx","MantineSlider"],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/common/Slider/index.tsx"],"sourcesContent":[null],"names":["_jsx","MantineSlider"],"mappings":";;;;AAUA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;SAEgB,MAAM,CAAC,CAAA,CAAE,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,EAAe,CAAA,CAAA;AAC/C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAOA,qBAAC,CAAAC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAa,EAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,EAAI;AACpC;;"}
|
@@ -0,0 +1,4 @@
|
|
1
|
+
var SliderOverride = {"root":"Slider-module_root__aBiWc","track":"Slider-module_track__QPyqN","thumb":"Slider-module_thumb__2-JAc","label":"Slider-module_label__WnES3","mark":"Slider-module_mark__aF-y3","markLabel":"Slider-module_markLabel__dt-h7"};
|
2
|
+
|
3
|
+
export { SliderOverride as default };
|
4
|
+
//# sourceMappingURL=Slider.module.css.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Slider.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
package/dist/src/styles/theme.js
CHANGED
@@ -1,7 +1,8 @@
|
|
1
|
-
import { createTheme, TextInput, Textarea, Switch, SegmentedControl, PasswordInput, Button } from '@mantine/core';
|
1
|
+
import { createTheme, TextInput, Textarea, Switch, Slider, SegmentedControl, PasswordInput, Button } from '@mantine/core';
|
2
2
|
import ButtonOverride from './mantine/Button.module.css.js';
|
3
3
|
import PasswordInputOverride from './mantine/PasswordInput.module.css.js';
|
4
4
|
import SegmentedControlOverride from './mantine/SegmentedControl.module.css.js';
|
5
|
+
import SliderOverride from './mantine/Slider.module.css.js';
|
5
6
|
import SwitchOverride from './mantine/Switch.module.css.js';
|
6
7
|
import TextInputOverrideSm from './mantine/TextInput-sm.module.css.js';
|
7
8
|
import TextInputOverride from './mantine/TextInput.module.css.js';
|
@@ -44,6 +45,14 @@ const themeData = createTheme({
|
|
44
45
|
return defaultClasses;
|
45
46
|
},
|
46
47
|
}),
|
48
|
+
Slider: Slider.extend({
|
49
|
+
classNames: () => {
|
50
|
+
const defaultClasses = {
|
51
|
+
...SliderOverride,
|
52
|
+
};
|
53
|
+
return defaultClasses;
|
54
|
+
},
|
55
|
+
}),
|
47
56
|
Switch: Switch.extend({
|
48
57
|
classNames: () => {
|
49
58
|
const defaultClasses = {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"theme.js","sources":["../../../src/styles/theme.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"theme.js","sources":["../../../src/styles/theme.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAAA;AAyBA;AAEO,MAAM,SAAS,GAAyB,WAAW,CAAC;AAC1D,IAAA,UAAU,EAAE;AAEX,QAAA,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC;YACrB,UAAU,EAAE,MAAK;AAChB,gBAAA,MAAM,cAAc,GAAG;AACtB,oBAAA,GAAG,cAAc;iBACjB;AACD,gBAAA,OAAO,cAAc;aACrB;SACD,CAAC;AAEF,QAAA,aAAa,EAAE,aAAa,CAAC,MAAM,CAAC;YACnC,UAAU,EAAE,MAAK;AAChB,gBAAA,MAAM,cAAc,GAAG;;;;;;oBAMtB,UAAU,EAAE,iBAAiB,CAAC,KAAK;oBACnC,KAAK,EAAE,qBAAqB,CAAC,KAAK;oBAClC,IAAI,EAAE,iBAAiB,CAAC,IAAI;oBAC5B,OAAO,EAAE,iBAAiB,CAAC,OAAO;iBAClC;AACD,gBAAA,OAAO,cAAc;aACrB;SACD,CAAC;AAEF,QAAA,gBAAgB,EAAE,gBAAgB,CAAC,MAAM,CAAC;YACzC,UAAU,EAAE,MAAK;AAChB,gBAAA,MAAM,cAAc,GAAG;oBACtB,SAAS,EAAE,wBAAwB,CAAC,SAAS;oBAC7C,KAAK,EAAE,wBAAwB,CAAC,KAAK;oBACrC,IAAI,EAAE,wBAAwB,CAAC,IAAI;iBACnC;AACD,gBAAA,OAAO,cAAc;aACrB;SACD,CAAC;AAEF,QAAA,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC;YACrB,UAAU,EAAE,MAAK;AAChB,gBAAA,MAAM,cAAc,GAAG;AACtB,oBAAA,GAAG,cAAc;iBACjB;AACD,gBAAA,OAAO,cAAc;aACrB;SACD,CAAC;AAEF,QAAA,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC;YACrB,UAAU,EAAE,MAAK;AAChB,gBAAA,MAAM,cAAc,GAAG;AACtB,oBAAA,GAAG,cAAc;iBACjB;AACD,gBAAA,OAAO,cAAc;aACrB;SACD,CAAC;AAEF,QAAA,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC;AACzB,YAAA,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,KAAI;AACxB,gBAAA,MAAM,cAAc,GAAG;AACtB,oBAAA,GAAG,iBAAiB;oBACpB,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,mBAAmB,CAAC;AAC/C,oBAAA,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,IAAI;wBAChC,KAAK,EAAE,mBAAmB,CAAC,YAAY;wBACvC,OAAO,EAAE,mBAAmB,CAAC,YAAY;qBACzC,CAAC;iBACF;AACD,gBAAA,OAAO,cAAc;aACrB;SACD,CAAC;AAEF,QAAA,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC;AAC3B,YAAA,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,KAAI;AACxB,gBAAA,MAAM,cAAc,GAAG;AACtB,oBAAA,GAAG,iBAAiB;oBACpB,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,mBAAmB,CAAC;AAC/C,oBAAA,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,IAAI;wBAChC,KAAK,EAAE,mBAAmB,CAAC,YAAY;wBACvC,OAAO,EAAE,mBAAmB,CAAC,YAAY;qBACzC,CAAC;iBACF;AACD,gBAAA,OAAO,cAAc;aACrB;SACD,CAAC;AAEF,KAAA;AACD,CAAA;;;;"}
|
package/dist/styles-no-reset.css
CHANGED
@@ -8653,6 +8653,69 @@ breakpoint-mobile {
|
|
8653
8653
|
/* * */
|
8654
8654
|
/* ROOT */
|
8655
8655
|
|
8656
|
+
.Slider-module_root__aBiWc {
|
8657
|
+
width: 100%;
|
8658
|
+
|
8659
|
+
--slider-size-xs: 10px;
|
8660
|
+
--slider-size-sm: 10px;
|
8661
|
+
--slider-size-md: 10px;
|
8662
|
+
--slider-size-lg: 10px;
|
8663
|
+
--slider-size-xl: 10px;
|
8664
|
+
--slider-color: var(--color-primary);
|
8665
|
+
--slider-thumb-size-xs: 18px;
|
8666
|
+
--slider-thumb-size-sm: 18px;
|
8667
|
+
--slider-thumb-size-md: 18px;
|
8668
|
+
--slider-thumb-size-lg: 18px;
|
8669
|
+
--slider-thumb-size-xl: 18px;
|
8670
|
+
--slider-radius: 999px;
|
8671
|
+
}
|
8672
|
+
|
8673
|
+
/* * */
|
8674
|
+
/* TRACK */
|
8675
|
+
|
8676
|
+
.Slider-module_track__QPyqN::before {
|
8677
|
+
background-color: var(--color-system-text-300);
|
8678
|
+
}
|
8679
|
+
|
8680
|
+
/* * */
|
8681
|
+
/* THUMB */
|
8682
|
+
|
8683
|
+
.Slider-module_thumb__2-JAc {
|
8684
|
+
background-color: var(--color-contrast);
|
8685
|
+
border: 3px solid var(--color-secondary);
|
8686
|
+
box-shadow: 0 1px 3px 0 var(--color-shadow);
|
8687
|
+
}
|
8688
|
+
|
8689
|
+
.Slider-module_label__WnES3 {
|
8690
|
+
top: -45px;
|
8691
|
+
padding: var(--size-spacing-sm);
|
8692
|
+
font-size: 14px;
|
8693
|
+
font-weight: var(--font-weight-semibold);
|
8694
|
+
line-height: 1;
|
8695
|
+
text-transform: uppercase;
|
8696
|
+
}
|
8697
|
+
|
8698
|
+
/* * */
|
8699
|
+
/* MARK */
|
8700
|
+
|
8701
|
+
.Slider-module_mark__aF-y3 {
|
8702
|
+
width: 4px;
|
8703
|
+
height: 4px;
|
8704
|
+
margin: 3px;
|
8705
|
+
background-color: var(--color-contrast);
|
8706
|
+
border: none;
|
8707
|
+
}
|
8708
|
+
|
8709
|
+
.Slider-module_markLabel__dt-h7 {
|
8710
|
+
margin-top: 5px;
|
8711
|
+
font-size: 12px;
|
8712
|
+
font-weight: var(--font-weight-semibold);
|
8713
|
+
line-height: 1;
|
8714
|
+
text-transform: uppercase;
|
8715
|
+
}
|
8716
|
+
/* * */
|
8717
|
+
/* ROOT */
|
8718
|
+
|
8656
8719
|
.Switch-module_root__8acvT {
|
8657
8720
|
cursor: pointer;
|
8658
8721
|
|
@@ -9450,22 +9513,6 @@ breakpoint-mobile {
|
|
9450
9513
|
.styles-module_arrow__pmKfn {
|
9451
9514
|
border: 1px solid var(--color-system-border-100);
|
9452
9515
|
}
|
9453
|
-
.styles-module_thumb__PE26N {
|
9454
|
-
border: 2px solid var(--color-secondary);
|
9455
|
-
background-color: var(--color-contrast);
|
9456
|
-
}
|
9457
|
-
|
9458
|
-
.styles-module_track__kkjfP::before {
|
9459
|
-
background-color: var(--color-system-text-300);
|
9460
|
-
}
|
9461
|
-
|
9462
|
-
.styles-module_bar__3e8BW {
|
9463
|
-
background-color: var(--color-primary);
|
9464
|
-
}
|
9465
|
-
|
9466
|
-
.styles-module_mark__Wxc6d {
|
9467
|
-
background-color: var(--color-system-background-100);
|
9468
|
-
}
|
9469
9516
|
.styles-module_root__4q9aw {
|
9470
9517
|
color: var(--color-system-text-100);
|
9471
9518
|
}
|
package/dist/styles.css
CHANGED
@@ -8708,6 +8708,69 @@ breakpoint-mobile {
|
|
8708
8708
|
/* * */
|
8709
8709
|
/* ROOT */
|
8710
8710
|
|
8711
|
+
.Slider-module_root__aBiWc {
|
8712
|
+
width: 100%;
|
8713
|
+
|
8714
|
+
--slider-size-xs: 10px;
|
8715
|
+
--slider-size-sm: 10px;
|
8716
|
+
--slider-size-md: 10px;
|
8717
|
+
--slider-size-lg: 10px;
|
8718
|
+
--slider-size-xl: 10px;
|
8719
|
+
--slider-color: var(--color-primary);
|
8720
|
+
--slider-thumb-size-xs: 18px;
|
8721
|
+
--slider-thumb-size-sm: 18px;
|
8722
|
+
--slider-thumb-size-md: 18px;
|
8723
|
+
--slider-thumb-size-lg: 18px;
|
8724
|
+
--slider-thumb-size-xl: 18px;
|
8725
|
+
--slider-radius: 999px;
|
8726
|
+
}
|
8727
|
+
|
8728
|
+
/* * */
|
8729
|
+
/* TRACK */
|
8730
|
+
|
8731
|
+
.Slider-module_track__QPyqN::before {
|
8732
|
+
background-color: var(--color-system-text-300);
|
8733
|
+
}
|
8734
|
+
|
8735
|
+
/* * */
|
8736
|
+
/* THUMB */
|
8737
|
+
|
8738
|
+
.Slider-module_thumb__2-JAc {
|
8739
|
+
background-color: var(--color-contrast);
|
8740
|
+
border: 3px solid var(--color-secondary);
|
8741
|
+
box-shadow: 0 1px 3px 0 var(--color-shadow);
|
8742
|
+
}
|
8743
|
+
|
8744
|
+
.Slider-module_label__WnES3 {
|
8745
|
+
top: -45px;
|
8746
|
+
padding: var(--size-spacing-sm);
|
8747
|
+
font-size: 14px;
|
8748
|
+
font-weight: var(--font-weight-semibold);
|
8749
|
+
line-height: 1;
|
8750
|
+
text-transform: uppercase;
|
8751
|
+
}
|
8752
|
+
|
8753
|
+
/* * */
|
8754
|
+
/* MARK */
|
8755
|
+
|
8756
|
+
.Slider-module_mark__aF-y3 {
|
8757
|
+
width: 4px;
|
8758
|
+
height: 4px;
|
8759
|
+
margin: 3px;
|
8760
|
+
background-color: var(--color-contrast);
|
8761
|
+
border: none;
|
8762
|
+
}
|
8763
|
+
|
8764
|
+
.Slider-module_markLabel__dt-h7 {
|
8765
|
+
margin-top: 5px;
|
8766
|
+
font-size: 12px;
|
8767
|
+
font-weight: var(--font-weight-semibold);
|
8768
|
+
line-height: 1;
|
8769
|
+
text-transform: uppercase;
|
8770
|
+
}
|
8771
|
+
/* * */
|
8772
|
+
/* ROOT */
|
8773
|
+
|
8711
8774
|
.Switch-module_root__8acvT {
|
8712
8775
|
cursor: pointer;
|
8713
8776
|
|
@@ -9505,22 +9568,6 @@ breakpoint-mobile {
|
|
9505
9568
|
.styles-module_arrow__pmKfn {
|
9506
9569
|
border: 1px solid var(--color-system-border-100);
|
9507
9570
|
}
|
9508
|
-
.styles-module_thumb__PE26N {
|
9509
|
-
border: 2px solid var(--color-secondary);
|
9510
|
-
background-color: var(--color-contrast);
|
9511
|
-
}
|
9512
|
-
|
9513
|
-
.styles-module_track__kkjfP::before {
|
9514
|
-
background-color: var(--color-system-text-300);
|
9515
|
-
}
|
9516
|
-
|
9517
|
-
.styles-module_bar__3e8BW {
|
9518
|
-
background-color: var(--color-primary);
|
9519
|
-
}
|
9520
|
-
|
9521
|
-
.styles-module_mark__Wxc6d {
|
9522
|
-
background-color: var(--color-system-background-100);
|
9523
|
-
}
|
9524
9571
|
.styles-module_root__4q9aw {
|
9525
9572
|
color: var(--color-system-text-100);
|
9526
9573
|
}
|
package/package.json
CHANGED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|