@tmlmobilidade/ui 20250209.1134.12 → 20250210.1115.1

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,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;
@@ -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;
@@ -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;
@@ -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';
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
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
3
  import * as React$1 from 'react';
4
4
  import React__default from 'react';
5
5
  import { DateTimePickerProps as DateTimePickerProps$1 } from '@mantine/dates';
@@ -33,17 +33,16 @@ interface BadgeProps extends BadgeProps$1 {
33
33
  }
34
34
  declare function Badge({ children, className, disabled, filled, fullWidth, icon, size, type, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
35
35
 
36
- interface ButtonProps$1 extends ButtonProps$2 {
37
- children?: React__default.ReactNode;
36
+ interface ButtonProps extends ButtonProps$1 {
38
37
  href?: string;
39
38
  icon?: React__default.ReactNode;
39
+ label?: string;
40
40
  onClick?: () => void;
41
41
  target?: string;
42
- textTransform?: 'capitalize' | 'lowercase' | 'none' | 'uppercase';
43
42
  type?: 'button' | 'reset' | 'submit';
44
- variant?: 'active' | 'danger' | 'info' | 'muted' | 'primary' | 'secondary' | 'success' | 'warning';
43
+ variant?: 'danger' | 'disabled' | 'muted' | 'primary' | 'secondary';
45
44
  }
46
- declare function Component$3({ children, className, disabled, href, icon, loading, onClick, textTransform, type, variant, ...props }: ButtonProps$1): react_jsx_runtime.JSX.Element;
45
+ declare function Button({ disabled, href, icon, label, loading, onClick, type, variant, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
47
46
 
48
47
  type CheckboxProps = CheckboxProps$1;
49
48
  declare function Checkbox(props: CheckboxProps): react_jsx_runtime.JSX.Element;
@@ -149,7 +148,7 @@ interface DescriptionProps {
149
148
  }
150
149
  declare function Description({ children, singleLine }: DescriptionProps): react_jsx_runtime.JSX.Element;
151
150
 
152
- interface FileButtonProps extends ButtonProps$1 {
151
+ interface FileButtonProps extends ButtonProps {
153
152
  accept?: string;
154
153
  disabled?: boolean;
155
154
  icon?: React__default.ReactNode;
@@ -183,30 +182,13 @@ declare namespace Menu {
183
182
  var Label: (props: MenuLabelProps) => react_jsx_runtime.JSX.Element;
184
183
  }
185
184
 
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;
185
+ declare function PasswordInput({ classNames, error, value, ...props }: PasswordInputProps): react_jsx_runtime.JSX.Element;
191
186
 
192
187
  interface SegmentedControlProps extends SegmentedControlProps$1 {
193
188
  fullWidth?: boolean;
194
189
  }
195
190
  declare function SegmentedControl({ ...props }: SegmentedControlProps): react_jsx_runtime.JSX.Element;
196
191
 
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
192
  type SliderProps = SliderProps$1;
211
193
  declare function Slider({ classNames, ...props }: SliderProps): react_jsx_runtime.JSX.Element;
212
194
 
@@ -588,4 +570,4 @@ declare function useSearchQuery<T>(data: T[], { accessors, customSearch, debounc
588
570
  setSearchQuery: React$1.Dispatch<React$1.SetStateAction<string | undefined>>;
589
571
  };
590
572
 
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 };
573
+ 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,119 +807,6 @@ 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
811
  display: flex;
925
812
  align-items: center;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tmlmobilidade/ui",
3
- "version": "20250209.1134.12",
3
+ "version": "20250210.1115.01",
4
4
  "author": "",
5
5
  "license": "ISC",
6
6
  "publishConfig": {
@@ -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;
@@ -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;
@@ -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;
@@ -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;