@tmlmobilidade/ui 20250209.1144.56 → 20250211.2350.30

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 (21) hide show
  1. package/dist/cjs/index.js +50 -82
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/src/components/common/Button/index.d.ts +4 -5
  4. package/dist/cjs/types/src/components/common/FileButton/index.d.ts +1 -1
  5. package/dist/cjs/types/src/components/common/PasswordInput/index.d.ts +1 -5
  6. package/dist/cjs/types/src/components/common/Tree/index.d.ts +1 -0
  7. package/dist/cjs/types/src/components/common/index.d.ts +3 -4
  8. package/dist/esm/index.js +42 -83
  9. package/dist/esm/index.js.map +1 -1
  10. package/dist/esm/types/src/components/common/Button/index.d.ts +4 -5
  11. package/dist/esm/types/src/components/common/FileButton/index.d.ts +1 -1
  12. package/dist/esm/types/src/components/common/PasswordInput/index.d.ts +1 -5
  13. package/dist/esm/types/src/components/common/Tree/index.d.ts +1 -0
  14. package/dist/esm/types/src/components/common/index.d.ts +3 -4
  15. package/dist/index.d.ts +9 -26
  16. package/dist/styles.css +29 -142
  17. package/package.json +1 -1
  18. package/dist/cjs/types/src/components/common/SimpleButton/index.d.ts +0 -12
  19. package/dist/cjs/types/src/components/common/SimplePasswordInput/index.d.ts +0 -2
  20. package/dist/esm/types/src/components/common/SimpleButton/index.d.ts +0 -12
  21. package/dist/esm/types/src/components/common/SimplePasswordInput/index.d.ts +0 -2
package/dist/esm/types/src/components/common/Button/index.d.ts CHANGED
@@ -1,13 +1,12 @@
1
- import type { ButtonProps as MantineButtonProps } from '@mantine/core';
1
+ import { type ButtonProps as MantineButtonProps } from '@mantine/core';
2
2
  import React from 'react';
3
3
  export interface ButtonProps extends MantineButtonProps {
4
- children?: React.ReactNode;
5
4
  href?: string;
6
5
  icon?: React.ReactNode;
6
+ label?: string;
7
7
  onClick?: () => void;
8
8
  target?: string;
9
- textTransform?: 'capitalize' | 'lowercase' | 'none' | 'uppercase';
10
9
  type?: 'button' | 'reset' | 'submit';
11
- variant?: 'active' | 'danger' | 'info' | 'muted' | 'primary' | 'secondary' | 'success' | 'warning';
10
+ variant?: 'danger' | 'disabled' | 'muted' | 'primary' | 'secondary';
12
11
  }
13
- export default function Component({ children, className, disabled, href, icon, loading, onClick, textTransform, type, variant, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
12
+ export declare function Button({ disabled, href, icon, label, loading, onClick, type, variant, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
package/dist/esm/types/src/components/common/FileButton/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { ButtonProps } from '../Button';
2
+ import { type ButtonProps } from '../Button';
3
3
  interface FileButtonProps extends ButtonProps {
4
4
  accept?: string;
5
5
  disabled?: boolean;
package/dist/esm/types/src/components/common/PasswordInput/index.d.ts CHANGED
@@ -1,6 +1,2 @@
1
1
  import { PasswordInputProps as MantinePasswordInputProps } from '@mantine/core';
2
- export interface PasswordInputProps extends MantinePasswordInputProps {
3
- tooltip?: string;
4
- validation?: RegExp;
5
- }
6
- export default function Component({ classNames, error, validation, value, ...props }: PasswordInputProps): import("react/jsx-runtime").JSX.Element;
2
+ export declare function PasswordInput({ classNames, error, value, ...props }: MantinePasswordInputProps): import("react/jsx-runtime").JSX.Element;
package/dist/esm/types/src/components/common/Tree/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { getTreeExpandedState, RenderTreeNodePayload, Tree, TreeNodeData, useTree } from '@mantine/core';
package/dist/esm/types/src/components/common/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export { default as ActionIcon } from './ActionIcon';
2
2
  export * from './AppLogos';
3
3
  export { default as Badge } from './Badge';
4
- export { default as Button } from './Button';
4
+ export { Button } from './Button';
5
5
  export { default as Checkbox } from './Checkbox';
6
6
  export { default as Combobox, DataItem } from './Combobox';
7
7
  export { default as DateTimePicker } from './DateTimePicker';
@@ -10,10 +10,8 @@ export { default as Description } from './Description';
10
10
  export { default as FileButton } from './FileButton';
11
11
  export { Label } from './Label';
12
12
  export { default as Menu } from './Menu';
13
- export { default as PasswordInput } from './PasswordInput';
13
+ export { PasswordInput } from './PasswordInput';
14
14
  export { default as SegmentedControl } from './SegmentedControl';
15
- export { SimpleButton } from './SimpleButton';
16
- export { SimplePasswordInput } from './SimplePasswordInput';
17
15
  export { default as Slider } from './Slider';
18
16
  export { default as Switch } from './Switch';
19
17
  export { Tag } from './Tag';
@@ -21,3 +19,4 @@ export { default as Text } from './Text';
21
19
  export { default as TextArea } from './TextArea';
22
20
  export { default as TextInput } from './TextInput';
23
21
  export { default as Tooltip } from './Tooltip';
22
+ export * from './Tree';
package/dist/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { BadgeProps as BadgeProps$1, ButtonProps as ButtonProps$2, CheckboxProps as CheckboxProps$1, ComboboxProps, MenuProps as MenuProps$1, MenuTargetProps as MenuTargetProps$1, MenuDropdownProps as MenuDropdownProps$1, MenuItemProps as MenuItemProps$1, MenuDividerProps as MenuDividerProps$1, MenuLabelProps as MenuLabelProps$1, PasswordInputProps as PasswordInputProps$1, SegmentedControlProps as SegmentedControlProps$1, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TextProps as TextProps$1, TextareaProps, TextInputProps as TextInputProps$1, TooltipProps as TooltipProps$1, AccordionStylesNames } from '@mantine/core';
2
+ import { BadgeProps as BadgeProps$1, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ComboboxProps, MenuProps as MenuProps$1, MenuTargetProps as MenuTargetProps$1, MenuDropdownProps as MenuDropdownProps$1, MenuItemProps as MenuItemProps$1, MenuDividerProps as MenuDividerProps$1, MenuLabelProps as MenuLabelProps$1, PasswordInputProps, SegmentedControlProps as SegmentedControlProps$1, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TextProps as TextProps$1, TextareaProps, TextInputProps as TextInputProps$1, TooltipProps as TooltipProps$1, AccordionStylesNames } from '@mantine/core';
3
+ export { RenderTreeNodePayload, Tree, TreeNodeData, getTreeExpandedState, useTree } from '@mantine/core';
3
4
  import * as React$1 from 'react';
4
5
  import React__default from 'react';
5
6
  import { DateTimePickerProps as DateTimePickerProps$1 } from '@mantine/dates';
@@ -33,17 +34,16 @@ interface BadgeProps extends BadgeProps$1 {
33
34
  }
34
35
  declare function Badge({ children, className, disabled, filled, fullWidth, icon, size, type, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
35
36
 
36
- interface ButtonProps$1 extends ButtonProps$2 {
37
- children?: React__default.ReactNode;
37
+ interface ButtonProps extends ButtonProps$1 {
38
38
  href?: string;
39
39
  icon?: React__default.ReactNode;
40
+ label?: string;
40
41
  onClick?: () => void;
41
42
  target?: string;
42
- textTransform?: 'capitalize' | 'lowercase' | 'none' | 'uppercase';
43
43
  type?: 'button' | 'reset' | 'submit';
44
- variant?: 'active' | 'danger' | 'info' | 'muted' | 'primary' | 'secondary' | 'success' | 'warning';
44
+ variant?: 'danger' | 'disabled' | 'muted' | 'primary' | 'secondary';
45
45
  }
46
- declare function Component$3({ children, className, disabled, href, icon, loading, onClick, textTransform, type, variant, ...props }: ButtonProps$1): react_jsx_runtime.JSX.Element;
46
+ declare function Button({ disabled, href, icon, label, loading, onClick, type, variant, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
47
47
 
48
48
  type CheckboxProps = CheckboxProps$1;
49
49
  declare function Checkbox(props: CheckboxProps): react_jsx_runtime.JSX.Element;
@@ -149,7 +149,7 @@ interface DescriptionProps {
149
149
  }
150
150
  declare function Description({ children, singleLine }: DescriptionProps): react_jsx_runtime.JSX.Element;
151
151
 
152
- interface FileButtonProps extends ButtonProps$1 {
152
+ interface FileButtonProps extends ButtonProps {
153
153
  accept?: string;
154
154
  disabled?: boolean;
155
155
  icon?: React__default.ReactNode;
@@ -183,30 +183,13 @@ declare namespace Menu {
183
183
  var Label: (props: MenuLabelProps) => react_jsx_runtime.JSX.Element;
184
184
  }
185
185
 
186
- interface PasswordInputProps extends PasswordInputProps$1 {
187
- tooltip?: string;
188
- validation?: RegExp;
189
- }
190
- declare function Component$2({ classNames, error, validation, value, ...props }: PasswordInputProps): react_jsx_runtime.JSX.Element;
186
+ declare function PasswordInput({ classNames, error, value, ...props }: PasswordInputProps): react_jsx_runtime.JSX.Element;
191
187
 
192
188
  interface SegmentedControlProps extends SegmentedControlProps$1 {
193
189
  fullWidth?: boolean;
194
190
  }
195
191
  declare function SegmentedControl({ ...props }: SegmentedControlProps): react_jsx_runtime.JSX.Element;
196
192
 
197
- interface ButtonProps extends ButtonProps$2 {
198
- href?: string;
199
- icon?: React__default.ReactNode;
200
- label?: string;
201
- onClick?: () => void;
202
- target?: string;
203
- type?: 'button' | 'reset' | 'submit';
204
- variant?: 'danger' | 'disabled' | 'muted' | 'primary' | 'secondary';
205
- }
206
- declare function SimpleButton({ disabled, href, icon, label, loading, onClick, type, variant, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
207
-
208
- declare function SimplePasswordInput({ classNames, error, value, ...props }: PasswordInputProps$1): react_jsx_runtime.JSX.Element;
209
-
210
193
  type SliderProps = SliderProps$1;
211
194
  declare function Slider({ classNames, ...props }: SliderProps): react_jsx_runtime.JSX.Element;
212
195
 
@@ -588,4 +571,4 @@ declare function useSearchQuery<T>(data: T[], { accessors, customSearch, debounc
588
571
  setSearchQuery: React$1.Dispatch<React$1.SetStateAction<string | undefined>>;
589
572
  };
590
573
 
591
- export { ActionIcon, Badge, Component$3 as Button, CMIcon, CMLogo, Checkbox, ComboboxComponent as Combobox, type DataItem, DataTable, type DataTableColumn, type DataTableColumnProps, type DataTableHeaderProps, type DataTableProps, type DataTableRowProps, type DataTableSearchProps, type DataTableTitleProps, DateTimePicker, DeleteActionIcon, Description, FileButton, Grid, Label, Menu, Component$2 as PasswordInput, Section, SegmentedControl, Sidebar, SimpleButton, SimplePasswordInput, SimpleSurface, Slider, Spacer, Surface, Switch, TMLogo, TMLogoDark, TMLogoLight, Tag, Text, Component$1 as TextArea, Component as TextInput, ThemeDark, ThemeLight, ThemeProvider, ThemeSwitcher, Themer, type ToastPromiseParams, type ToastProps, Tooltip, useScreenSize, useSearchQuery, useTheme, useToast };
574
+ export { ActionIcon, Badge, Button, CMIcon, CMLogo, Checkbox, ComboboxComponent as Combobox, type DataItem, DataTable, type DataTableColumn, type DataTableColumnProps, type DataTableHeaderProps, type DataTableProps, type DataTableRowProps, type DataTableSearchProps, type DataTableTitleProps, DateTimePicker, DeleteActionIcon, Description, FileButton, Grid, Label, Menu, PasswordInput, Section, SegmentedControl, Sidebar, SimpleSurface, Slider, Spacer, Surface, Switch, TMLogo, TMLogoDark, TMLogoLight, Tag, Text, Component$1 as TextArea, Component as TextInput, ThemeDark, ThemeLight, ThemeProvider, ThemeSwitcher, Themer, type ToastPromiseParams, type ToastProps, Tooltip, useScreenSize, useSearchQuery, useTheme, useToast };
package/dist/styles.css CHANGED
@@ -807,166 +807,53 @@ breakpoint-mobile {
807
807
  border-color: var(--color-status-active-contrast);
808
808
  color: var(--color-status-active-contrast);
809
809
  }
810
- .styles-module_button__wVZ97 {
811
- transition: all 300ms ease-in;
812
- border: 2px solid transparent;
813
- border-radius: var(--border-radius-xs);
814
- font-size: var(--font-size-base);
815
- font-weight: var(--font-weight-semibold);
816
- padding: var(--size-spacing-sm) var(--size-spacing-md);
817
- cursor: pointer;
818
- height: auto;
819
- }
820
-
821
- .styles-module_buttonLabel__Ug8JX {
822
- display: flex;
823
- align-items: center;
824
- justify-content: center;
825
- gap: var(--size-spacing-sm);
826
- }
827
-
828
- .styles-module_primary__v5fv1 {
829
- background-color: var(--color-primary);
830
- border-color: var(--color-secondary);
831
- color: var(--color-contrast);
832
- }
833
-
834
- .styles-module_primary__v5fv1:hover {
835
- background-color: var(--color-secondary);
836
- border-color: var(--color-primary);
837
- }
838
-
839
- .styles-module_secondary__0hxpR {
840
- background-color: var(--color-background);
841
- border-color: var(--color-primary);
842
- color: var(--color-primary);
843
- }
844
-
845
- .styles-module_secondary__0hxpR:hover {
846
- background-color: var(--color-primary);
847
- border-color: var(--color-secondary);
848
- color: var(--color-contrast);
849
- }
850
-
851
- .styles-module_muted__fgyym {
852
- background-color: var(--color-system-background-100);
853
- border-color: var(--color-system-text-300);
854
- color: var(--color-system-text-300);
855
- }
856
-
857
- .styles-module_disabled__eVT3b {
858
- background-color: var(--color-system-background-200);
859
- border-color: var(--color-system-border-100);
860
- color: var(--color-system-border-100);
861
- cursor: not-allowed;
862
- }
863
-
864
- .styles-module_danger__zdksP {
865
- background-color: var(--color-status-danger-contrast);
866
- border-color: var(--color-status-danger-primary);
867
- color: var(--color-status-danger-primary);
868
- }
869
-
870
- .styles-module_danger__zdksP:hover {
871
- background-color: var(--color-status-danger-primary);
872
- border-color: var(--color-status-danger-contrast);
873
- color: var(--color-status-danger-contrast);
874
- }
875
-
876
- .styles-module_info__JOafx {
877
- background-color: var(--color-status-info-contrast);
878
- border-color: var(--color-status-info-primary);
879
- color: var(--color-status-info-primary);
880
- }
881
-
882
- .styles-module_info__JOafx:hover {
883
- background-color: var(--color-status-info-primary);
884
- border-color: var(--color-status-info-contrast);
885
- color: var(--color-status-info-contrast);
886
- }
887
-
888
- .styles-module_success__YS7oM {
889
- background-color: var(--color-status-success-contrast);
890
- border-color: var(--color-status-success-primary);
891
- color: var(--color-status-success-primary);
892
- }
893
-
894
- .styles-module_success__YS7oM:hover {
895
- background-color: var(--color-status-success-primary);
896
- border-color: var(--color-status-success-contrast);
897
- color: var(--color-status-success-contrast);
898
- }
899
-
900
- .styles-module_warning__ZxzQE {
901
- background-color: var(--color-status-warning-contrast);
902
- border-color: var(--color-status-warning-primary);
903
- color: var(--color-status-warning-primary);
904
- }
905
-
906
- .styles-module_warning__ZxzQE:hover {
907
- background-color: var(--color-status-warning-primary);
908
- border-color: var(--color-status-warning-contrast);
909
- color: var(--color-status-warning-contrast);
910
- }
911
-
912
- .styles-module_active__BKRtv {
913
- background-color: var(--color-status-active-contrast);
914
- border-color: var(--color-status-active-primary);
915
- color: var(--color-status-active-primary);
916
- }
917
-
918
- .styles-module_active__BKRtv:hover {
919
- background-color: var(--color-status-active-primary);
920
- border-color: var(--color-status-active-contrast);
921
- color: var(--color-status-active-contrast);
922
- }
923
810
  .styles-module_inner__d9DH7 {
924
- display: flex;
925
- align-items: center;
926
- justify-content: center;
927
- height: 24px;
928
- width: 24px;
811
+ display: flex;
812
+ align-items: center;
813
+ justify-content: center;
814
+ height: 24px;
815
+ width: 24px;
929
816
  }
930
817
 
931
818
  .styles-module_input__rce0R {
932
- outline: 2px solid var(--color-system-text-300);
933
- border-radius: var(--border-radius-sm);
819
+ outline: 2px solid var(--color-system-text-300);
820
+ border-radius: var(--border-radius-sm);
934
821
  }
935
822
 
936
- .styles-module_input__rce0R:checked {
937
- background-color: var(--color-primary);
938
- outline-color: var(--color-secondary);
823
+ .styles-module_input__rce0R:checked,
824
+ .styles-module_input__rce0R[data-indeterminate='true'] {
825
+ background-color: var(--color-primary);
826
+ outline-color: var(--color-secondary);
939
827
  }
940
828
 
941
-
942
829
  .styles-module_labelWrapper__AGQzf {
943
- display: flex;
944
- flex-direction: column;
945
- gap: var(--size-spacing-xs);
830
+ display: flex;
831
+ flex-direction: column;
832
+ gap: var(--size-spacing-xs);
946
833
  }
947
834
 
948
835
  .styles-module_label__U404g {
949
- font-size: var(--font-size-base);
950
- line-height: var(--font-line-height-base);
951
- font-weight: var(--font-weight-semibold);
952
- color: var(--color-system-text-100);
953
- margin: 0;
836
+ font-size: var(--font-size-base);
837
+ line-height: var(--font-line-height-base);
838
+ font-weight: var(--font-weight-semibold);
839
+ color: var(--color-system-text-100);
840
+ margin: 0;
954
841
  }
955
842
 
956
843
  .styles-module_description__bkV5V {
957
- font-size: var(--font-size-sm);
958
- line-height: var(--font-line-height-sm);
959
- font-weight: var(--font-weight-medium);
960
- color: var(--color-system-text-200);
961
- margin: 0;
844
+ font-size: var(--font-size-sm);
845
+ line-height: var(--font-line-height-sm);
846
+ font-weight: var(--font-weight-medium);
847
+ color: var(--color-system-text-200);
848
+ margin: 0;
962
849
  }
963
850
 
964
851
  .styles-module_error__ZtPYT {
965
- font-size: var(--font-size-sm);
966
- line-height: var(--font-line-height-sm);
967
- font-weight: var(--font-weight-medium);
968
- margin: 0;
969
- color: var(--color-status-danger-primary);
852
+ font-size: var(--font-size-sm);
853
+ line-height: var(--font-line-height-sm);
854
+ font-weight: var(--font-weight-medium);
855
+ margin: 0;
856
+ color: var(--color-status-danger-primary);
970
857
  }
971
858
  /* * */
972
859
  /* WRAPPER */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tmlmobilidade/ui",
3
- "version": "20250209.1144.56",
3
+ "version": "20250211.2350.30",
4
4
  "author": "",
5
5
  "license": "ISC",
6
6
  "publishConfig": {
package/dist/cjs/types/src/components/common/SimpleButton/index.d.ts DELETED
@@ -1,12 +0,0 @@
1
- import type { ButtonProps as MantineButtonProps } from '@mantine/core';
2
- import React from 'react';
3
- export interface ButtonProps extends MantineButtonProps {
4
- href?: string;
5
- icon?: React.ReactNode;
6
- label?: string;
7
- onClick?: () => void;
8
- target?: string;
9
- type?: 'button' | 'reset' | 'submit';
10
- variant?: 'danger' | 'disabled' | 'muted' | 'primary' | 'secondary';
11
- }
12
- export declare function SimpleButton({ disabled, href, icon, label, loading, onClick, type, variant, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
package/dist/cjs/types/src/components/common/SimplePasswordInput/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- import { PasswordInputProps as MantinePasswordInputProps } from '@mantine/core';
2
- export declare function SimplePasswordInput({ classNames, error, value, ...props }: MantinePasswordInputProps): import("react/jsx-runtime").JSX.Element;
package/dist/esm/types/src/components/common/SimpleButton/index.d.ts DELETED
@@ -1,12 +0,0 @@
1
- import type { ButtonProps as MantineButtonProps } from '@mantine/core';
2
- import React from 'react';
3
- export interface ButtonProps extends MantineButtonProps {
4
- href?: string;
5
- icon?: React.ReactNode;
6
- label?: string;
7
- onClick?: () => void;
8
- target?: string;
9
- type?: 'button' | 'reset' | 'submit';
10
- variant?: 'danger' | 'disabled' | 'muted' | 'primary' | 'secondary';
11
- }
12
- export declare function SimpleButton({ disabled, href, icon, label, loading, onClick, type, variant, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
package/dist/esm/types/src/components/common/SimplePasswordInput/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- import { PasswordInputProps as MantinePasswordInputProps } from '@mantine/core';
2
- export declare function SimplePasswordInput({ classNames, error, value, ...props }: MantinePasswordInputProps): import("react/jsx-runtime").JSX.Element;