@tmlmobilidade/ui 20250403.1158.22 → 20250403.1406.15
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 +42 -42
- package/dist/index.js +6 -6
- package/dist/src/components/common/Switch/index.js +4 -4
- package/dist/src/components/common/Switch/index.js.map +1 -1
- package/dist/src/styles/mantine/Switch.module.css.js +4 -0
- package/dist/src/styles/mantine/Switch.module.css.js.map +1 -0
- package/dist/src/styles/theme.js +10 -7
- package/dist/src/styles/theme.js.map +1 -1
- package/dist/styles-no-reset.css +158 -101
- package/dist/styles.css +158 -101
- package/package.json +1 -1
- package/dist/src/components/common/Switch/styles.module.css.js +0 -4
- package/dist/src/components/common/Switch/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,
|
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, SliderProps as SliderProps$1, TextProps as TextProps$1, TextareaProps, TextInputProps as TextInputProps$1, TooltipProps as TooltipProps$1, PasswordInputProps, 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';
|
@@ -20,12 +20,6 @@ interface ActionIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement>
|
|
20
20
|
}
|
21
21
|
declare function ActionIcon({ children, className, disabled, variant, ...props }: ActionIconProps): react_jsx_runtime.JSX.Element;
|
22
22
|
|
23
|
-
declare function CMIcon(): react_jsx_runtime.JSX.Element;
|
24
|
-
declare function CMLogo(): react_jsx_runtime.JSX.Element;
|
25
|
-
declare function TMLogo(): react_jsx_runtime.JSX.Element;
|
26
|
-
declare function TMLogoDark(): react_jsx_runtime.JSX.Element;
|
27
|
-
declare function TMLogoLight(): react_jsx_runtime.JSX.Element;
|
28
|
-
|
29
23
|
interface BadgeProps extends BadgeProps$1 {
|
30
24
|
children?: React__default.ReactNode;
|
31
25
|
disabled?: boolean;
|
@@ -38,17 +32,6 @@ interface BadgeProps extends BadgeProps$1 {
|
|
38
32
|
}
|
39
33
|
declare function Badge({ children, className, disabled, filled, fullWidth, icon, size, type, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
40
34
|
|
41
|
-
interface ButtonProps extends ButtonProps$1 {
|
42
|
-
href?: string;
|
43
|
-
icon?: React__default.ReactNode;
|
44
|
-
label?: string;
|
45
|
-
onClick?: () => void;
|
46
|
-
target?: string;
|
47
|
-
type?: 'button' | 'reset' | 'submit';
|
48
|
-
variant?: 'danger' | 'disabled' | 'muted' | 'primary' | 'secondary';
|
49
|
-
}
|
50
|
-
declare function Button({ disabled, href, icon, label, loading, onClick, type, variant, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
51
|
-
|
52
35
|
type CheckboxProps = CheckboxProps$1;
|
53
36
|
declare function Checkbox(props: CheckboxProps): react_jsx_runtime.JSX.Element;
|
54
37
|
|
@@ -160,6 +143,17 @@ interface DescriptionProps {
|
|
160
143
|
}
|
161
144
|
declare function Description({ children, singleLine }: DescriptionProps): react_jsx_runtime.JSX.Element;
|
162
145
|
|
146
|
+
interface ButtonProps extends ButtonProps$1 {
|
147
|
+
href?: string;
|
148
|
+
icon?: React__default.ReactNode;
|
149
|
+
label?: string;
|
150
|
+
onClick?: () => void;
|
151
|
+
target?: string;
|
152
|
+
type?: 'button' | 'reset' | 'submit';
|
153
|
+
variant?: 'danger' | 'disabled' | 'muted' | 'primary' | 'secondary';
|
154
|
+
}
|
155
|
+
declare function Button({ disabled, href, icon, label, loading, onClick, type, variant, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
156
|
+
|
163
157
|
interface FileButtonProps extends ButtonProps {
|
164
158
|
accept?: string;
|
165
159
|
disabled?: boolean;
|
@@ -171,15 +165,6 @@ interface FileButtonProps extends ButtonProps {
|
|
171
165
|
}
|
172
166
|
declare function FileButton({ accept, disabled, icon, label, loading, onCancel, onFileChange, ...props }: FileButtonProps): react_jsx_runtime.JSX.Element;
|
173
167
|
|
174
|
-
interface LabelProps {
|
175
|
-
caps?: boolean;
|
176
|
-
children?: React__default.ReactNode;
|
177
|
-
overflow?: boolean;
|
178
|
-
singleLine?: boolean;
|
179
|
-
size?: 'lg' | 'md' | 'sm';
|
180
|
-
}
|
181
|
-
declare function Label({ caps, children, overflow, singleLine, size }: LabelProps): react_jsx_runtime.JSX.Element;
|
182
|
-
|
183
168
|
type MenuProps = MenuProps$1;
|
184
169
|
type MenuTargetProps = MenuTargetProps$1;
|
185
170
|
type MenuDropdownProps = MenuDropdownProps$1;
|
@@ -197,8 +182,6 @@ declare namespace Menu {
|
|
197
182
|
var Label: (props: MenuLabelProps) => react_jsx_runtime.JSX.Element;
|
198
183
|
}
|
199
184
|
|
200
|
-
declare function PasswordInput({ classNames, error, value, ...props }: PasswordInputProps): react_jsx_runtime.JSX.Element;
|
201
|
-
|
202
185
|
interface SegmentedControlProps extends SegmentedControlProps$1 {
|
203
186
|
fullWidth?: boolean;
|
204
187
|
}
|
@@ -207,18 +190,6 @@ declare function SegmentedControl({ fullWidth, ...props }: SegmentedControlProps
|
|
207
190
|
type SliderProps = SliderProps$1;
|
208
191
|
declare function Slider({ classNames, ...props }: SliderProps): react_jsx_runtime.JSX.Element;
|
209
192
|
|
210
|
-
type SwitchProps = SwitchProps$1;
|
211
|
-
declare function Switch({ classNames, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
|
212
|
-
|
213
|
-
interface TagProps {
|
214
|
-
filled?: boolean;
|
215
|
-
icon?: React__default.ReactNode;
|
216
|
-
label?: number | string;
|
217
|
-
onClick?: () => void;
|
218
|
-
variant?: 'danger' | 'muted' | 'primary' | 'secondary' | 'success' | 'warning';
|
219
|
-
}
|
220
|
-
declare function Tag({ filled, icon, label, onClick, variant }: TagProps): react_jsx_runtime.JSX.Element;
|
221
|
-
|
222
193
|
interface TextProps extends TextProps$1 {
|
223
194
|
children: React.ReactNode;
|
224
195
|
lineHeight?: '2xl' | 'base' | 'lg' | 'none' | 'sm' | 'xl' | 'xs';
|
@@ -239,6 +210,35 @@ declare function Component({ classNames, error, validation, value, ...props }: T
|
|
239
210
|
type TooltipProps = TooltipProps$1;
|
240
211
|
declare function Tooltip({ children, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
|
241
212
|
|
213
|
+
declare function CMIcon(): react_jsx_runtime.JSX.Element;
|
214
|
+
declare function CMLogo(): react_jsx_runtime.JSX.Element;
|
215
|
+
declare function TMLogo(): react_jsx_runtime.JSX.Element;
|
216
|
+
declare function TMLogoDark(): react_jsx_runtime.JSX.Element;
|
217
|
+
declare function TMLogoLight(): react_jsx_runtime.JSX.Element;
|
218
|
+
|
219
|
+
interface LabelProps {
|
220
|
+
caps?: boolean;
|
221
|
+
children?: React__default.ReactNode;
|
222
|
+
overflow?: boolean;
|
223
|
+
singleLine?: boolean;
|
224
|
+
size?: 'lg' | 'md' | 'sm';
|
225
|
+
}
|
226
|
+
declare function Label({ caps, children, overflow, singleLine, size }: LabelProps): react_jsx_runtime.JSX.Element;
|
227
|
+
|
228
|
+
declare function PasswordInput({ classNames, error, value, ...props }: PasswordInputProps): react_jsx_runtime.JSX.Element;
|
229
|
+
|
230
|
+
type SwitchProps = SwitchProps$1;
|
231
|
+
declare function Switch({ ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
|
232
|
+
|
233
|
+
interface TagProps {
|
234
|
+
filled?: boolean;
|
235
|
+
icon?: React__default.ReactNode;
|
236
|
+
label?: number | string;
|
237
|
+
onClick?: () => void;
|
238
|
+
variant?: 'danger' | 'muted' | 'primary' | 'secondary' | 'success' | 'warning';
|
239
|
+
}
|
240
|
+
declare function Tag({ filled, icon, label, onClick, variant }: TagProps): react_jsx_runtime.JSX.Element;
|
241
|
+
|
242
242
|
interface DataTableColumn<T> {
|
243
243
|
/**
|
244
244
|
* Column accessor.
|
@@ -698,4 +698,4 @@ declare const getBaseGeoJsonFeatureLineString: () => GeoJSON.Feature<GeoJSON.Lin
|
|
698
698
|
declare const getBaseGeoJsonFeatureCollection: () => GeoJSON.FeatureCollection<GeoJSON.LineString | GeoJSON.Point, GeoJSON.GeoJsonProperties>;
|
699
699
|
|
700
700
|
export { AVAILABLE_THEMES, ActionIcon, AppProvider, AppWrapper, Badge, Button, CMIcon, CMLogo, Checkbox, Collapsible, ComboboxComponent as Combobox, ComponentWrapper, DataTable, DateTimePicker, DeleteActionIcon, Description, Divider, FileButton, Grid, Label, MapOptionsContextProvider, MapView, MapViewStyleActiveStops, MapViewStyleActiveStopsInteractiveLayerId, MapViewStyleActiveStopsPrimaryLayerId, MapViewStylePath, MapViewStylePathInteractiveLayerId, MapViewStylePathPrimaryLayerId, MapViewStyleStops, MapViewStyleStopsInteractiveLayerId, MapViewStyleStopsPrimaryLayerId, MapViewStyleVehicles, MapViewStyleVehiclesInteractiveLayerId, MapViewStyleVehiclesPrimaryLayerId, MeContextProvider, Menu, Pane, PanesManager, PasswordInput, Section, SegmentedControl, Sidebar, SidebarContextProvider, SidebarItem, Slider, Spacer, Surface, Switch, TMLogo, TMLogoDark, TMLogoLight, Tag, Text, Component$1 as TextArea, Component as TextInput, ThemeContextProvider, ThemeDark, ThemeLight, ThemeSwitcher, Themer, Tooltip, centerMap, getBaseGeoJsonFeatureCollection, getBaseGeoJsonFeatureLineString, moveMap, useIsActiveDomain, useIsActivePage, useMapOptionsContext, useMeContext, useScreenSize, useSearchQuery, useSidebarContext, useThemeContext, useToast };
|
701
|
-
export type { DataItem, DataTableColumn, DataTableProps, DataTableSearchProps, MapStyle, SidebarItemProps, ToastPromiseParams, ToastProps };
|
701
|
+
export type { ButtonProps, DataItem, DataTableColumn, DataTableProps, DataTableSearchProps, LabelProps, MapStyle, SidebarItemProps, TagProps, ToastPromiseParams, ToastProps };
|
package/dist/index.js
CHANGED
@@ -1,8 +1,6 @@
|
|
1
1
|
export { AppProvider } from './src/components/AppProvider/index.js';
|
2
2
|
export { default as ActionIcon } from './src/components/common/ActionIcon/index.js';
|
3
|
-
export { CMIcon, CMLogo, TMLogo, TMLogoDark, TMLogoLight } from './src/components/common/AppLogos/index.js';
|
4
3
|
export { default as Badge } from './src/components/common/Badge/index.js';
|
5
|
-
export { Button } from './src/components/common/Button/index.js';
|
6
4
|
export { default as Checkbox } from './src/components/common/Checkbox/index.js';
|
7
5
|
export { default as Combobox } from './src/components/common/Combobox/index.js';
|
8
6
|
export { default as ComponentWrapper } from './src/components/common/ComponentWrapper/index.js';
|
@@ -10,17 +8,19 @@ export { default as DateTimePicker } from './src/components/common/DateTimePicke
|
|
10
8
|
export { default as DeleteActionIcon } from './src/components/common/DeleteActionIcon/index.js';
|
11
9
|
export { default as Description } from './src/components/common/Description/index.js';
|
12
10
|
export { default as FileButton } from './src/components/common/FileButton/index.js';
|
13
|
-
export { Label } from './src/components/common/Label/index.js';
|
14
11
|
export { default as Menu } from './src/components/common/Menu/index.js';
|
15
|
-
export { PasswordInput } from './src/components/common/PasswordInput/index.js';
|
16
12
|
export { default as SegmentedControl } from './src/components/common/SegmentedControl/index.js';
|
17
13
|
export { default as Slider } from './src/components/common/Slider/index.js';
|
18
|
-
export { default as Switch } from './src/components/common/Switch/index.js';
|
19
|
-
export { Tag } from './src/components/common/Tag/index.js';
|
20
14
|
export { default as Text } from './src/components/common/Text/index.js';
|
21
15
|
export { default as TextArea } from './src/components/common/TextArea/index.js';
|
22
16
|
export { default as TextInput } from './src/components/common/TextInput/index.js';
|
23
17
|
export { default as Tooltip } from './src/components/common/Tooltip/index.js';
|
18
|
+
export { CMIcon, CMLogo, TMLogo, TMLogoDark, TMLogoLight } from './src/components/common/AppLogos/index.js';
|
19
|
+
export { Button } from './src/components/common/Button/index.js';
|
20
|
+
export { Label } from './src/components/common/Label/index.js';
|
21
|
+
export { PasswordInput } from './src/components/common/PasswordInput/index.js';
|
22
|
+
export { Switch } from './src/components/common/Switch/index.js';
|
23
|
+
export { Tag } from './src/components/common/Tag/index.js';
|
24
24
|
export { Tree, getTreeExpandedState, useTree } from '@mantine/core';
|
25
25
|
export { DataTable } from './src/components/datatable/DataTable/index.js';
|
26
26
|
export { default as Grid } from './src/components/layout/Grid/index.js';
|
@@ -1,11 +1,11 @@
|
|
1
1
|
'use client';
|
2
2
|
import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
|
3
3
|
import { Switch as Switch$1 } from '@mantine/core';
|
4
|
-
import styles from './styles.module.css.js';
|
5
4
|
|
6
|
-
|
7
|
-
|
5
|
+
/* * */
|
6
|
+
function Switch({ ...props }) {
|
7
|
+
return jsxRuntimeExports.jsx(Switch$1, { ...props });
|
8
8
|
}
|
9
9
|
|
10
|
-
export { Switch
|
10
|
+
export { Switch };
|
11
11
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/common/Switch/index.tsx"],"sourcesContent":[null],"names":["_jsx","MantineSwitch"],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/common/Switch/index.tsx"],"sourcesContent":[null],"names":["_jsx","MantineSwitch"],"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 SwitchOverride = {"root":"Switch-module_root__8acvT","track":"Switch-module_track__CdNOL","input":"Switch-module_input__ELoEI","thumb":"Switch-module_thumb__gT2zb","body":"Switch-module_body__G7usr","labelWrapper":"Switch-module_labelWrapper__SJiau","label":"Switch-module_label__KyLHG","description":"Switch-module_description__dSEEX","error":"Switch-module_error__h735M"};
|
2
|
+
|
3
|
+
export { SwitchOverride as default };
|
4
|
+
//# sourceMappingURL=Switch.module.css.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Switch.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
package/dist/src/styles/theme.js
CHANGED
@@ -1,7 +1,8 @@
|
|
1
|
-
import { createTheme, TextInput, Textarea, SegmentedControl, PasswordInput, Button } from '@mantine/core';
|
1
|
+
import { createTheme, TextInput, Textarea, Switch, 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 SwitchOverride from './mantine/Switch.module.css.js';
|
5
6
|
import TextInputOverrideSm from './mantine/TextInput-sm.module.css.js';
|
6
7
|
import TextInputOverride from './mantine/TextInput.module.css.js';
|
7
8
|
|
@@ -9,7 +10,6 @@ import TextInputOverride from './mantine/TextInput.module.css.js';
|
|
9
10
|
/* * */
|
10
11
|
const themeData = createTheme({
|
11
12
|
components: {
|
12
|
-
/* * */
|
13
13
|
Button: Button.extend({
|
14
14
|
classNames: () => {
|
15
15
|
const defaultClasses = {
|
@@ -18,7 +18,6 @@ const themeData = createTheme({
|
|
18
18
|
return defaultClasses;
|
19
19
|
},
|
20
20
|
}),
|
21
|
-
/* * */
|
22
21
|
PasswordInput: PasswordInput.extend({
|
23
22
|
classNames: () => {
|
24
23
|
const defaultClasses = {
|
@@ -35,7 +34,6 @@ const themeData = createTheme({
|
|
35
34
|
return defaultClasses;
|
36
35
|
},
|
37
36
|
}),
|
38
|
-
/* * */
|
39
37
|
SegmentedControl: SegmentedControl.extend({
|
40
38
|
classNames: () => {
|
41
39
|
const defaultClasses = {
|
@@ -46,7 +44,14 @@ const themeData = createTheme({
|
|
46
44
|
return defaultClasses;
|
47
45
|
},
|
48
46
|
}),
|
49
|
-
|
47
|
+
Switch: Switch.extend({
|
48
|
+
classNames: () => {
|
49
|
+
const defaultClasses = {
|
50
|
+
...SwitchOverride,
|
51
|
+
};
|
52
|
+
return defaultClasses;
|
53
|
+
},
|
54
|
+
}),
|
50
55
|
Textarea: Textarea.extend({
|
51
56
|
classNames: (_, props) => {
|
52
57
|
const defaultClasses = {
|
@@ -60,7 +65,6 @@ const themeData = createTheme({
|
|
60
65
|
return defaultClasses;
|
61
66
|
},
|
62
67
|
}),
|
63
|
-
/* * */
|
64
68
|
TextInput: TextInput.extend({
|
65
69
|
classNames: (_, props) => {
|
66
70
|
const defaultClasses = {
|
@@ -74,7 +78,6 @@ const themeData = createTheme({
|
|
74
78
|
return defaultClasses;
|
75
79
|
},
|
76
80
|
}),
|
77
|
-
/* * */
|
78
81
|
},
|
79
82
|
});
|
80
83
|
|
@@ -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;AAwBA;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,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
@@ -8651,6 +8651,116 @@ breakpoint-mobile {
|
|
8651
8651
|
color: var(--color-contrast);
|
8652
8652
|
}
|
8653
8653
|
/* * */
|
8654
|
+
/* ROOT */
|
8655
|
+
|
8656
|
+
.Switch-module_root__8acvT {
|
8657
|
+
cursor: pointer;
|
8658
|
+
|
8659
|
+
--switch-height-xs: 24px;
|
8660
|
+
--switch-height-sm: 24px;
|
8661
|
+
--switch-height-md: 24px;
|
8662
|
+
--switch-height-lg: 24px;
|
8663
|
+
--switch-height-xl: 24px;
|
8664
|
+
--switch-width-xs: 50px;
|
8665
|
+
--switch-width-sm: 50px;
|
8666
|
+
--switch-width-md: 50px;
|
8667
|
+
--switch-width-lg: 50px;
|
8668
|
+
--switch-width-xl: 50px;
|
8669
|
+
--switch-thumb-size-xs: 18px;
|
8670
|
+
--switch-thumb-size-sm: 18px;
|
8671
|
+
--switch-thumb-size-md: 18px;
|
8672
|
+
--switch-thumb-size-lg: 18px;
|
8673
|
+
--switch-thumb-size-xl: 18px;
|
8674
|
+
--switch-track-label-padding-xs: 1px;
|
8675
|
+
--switch-track-label-padding-sm: 1px;
|
8676
|
+
--switch-track-label-padding-md: 1px;
|
8677
|
+
--switch-track-label-padding-lg: 1px;
|
8678
|
+
--switch-track-label-padding-xl: 1px;
|
8679
|
+
--switch-color: var(--color-secondary);
|
8680
|
+
}
|
8681
|
+
|
8682
|
+
|
8683
|
+
/* * */
|
8684
|
+
/* TRACK */
|
8685
|
+
|
8686
|
+
.Switch-module_track__CdNOL {
|
8687
|
+
background-color: var(--color-system-text-300);
|
8688
|
+
border: 2px solid transparent;
|
8689
|
+
}
|
8690
|
+
|
8691
|
+
.Switch-module_input__ELoEI:checked + .Switch-module_track__CdNOL {
|
8692
|
+
background-color: var(--color-primary);
|
8693
|
+
border-color: var(--color-secondary);
|
8694
|
+
box-shadow: 0 1px 3px 0 var(--color-shadow);
|
8695
|
+
}
|
8696
|
+
|
8697
|
+
/* * */
|
8698
|
+
/* THUMB */
|
8699
|
+
|
8700
|
+
.Switch-module_thumb__gT2zb {
|
8701
|
+
border: none;
|
8702
|
+
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%);
|
8703
|
+
}
|
8704
|
+
|
8705
|
+
.Switch-module_input__ELoEI:checked + .Switch-module_track__CdNOL .Switch-module_thumb__gT2zb {
|
8706
|
+
box-shadow: 0 1px 3px 0 var(--color-shadow);
|
8707
|
+
}
|
8708
|
+
|
8709
|
+
/* * */
|
8710
|
+
/* BODY */
|
8711
|
+
|
8712
|
+
.Switch-module_body__G7usr {
|
8713
|
+
display: flex;
|
8714
|
+
gap: var(--size-spacing-sm);
|
8715
|
+
align-items: center;
|
8716
|
+
justify-content: center;
|
8717
|
+
}
|
8718
|
+
|
8719
|
+
|
8720
|
+
/* * */
|
8721
|
+
/* LABEL */
|
8722
|
+
|
8723
|
+
.Switch-module_labelWrapper__SJiau {
|
8724
|
+
display: flex;
|
8725
|
+
flex-direction: column;
|
8726
|
+
gap: var(--size-spacing-xs);
|
8727
|
+
height: 100%;
|
8728
|
+
padding: 0;
|
8729
|
+
}
|
8730
|
+
|
8731
|
+
.Switch-module_label__KyLHG {
|
8732
|
+
padding: 0;
|
8733
|
+
margin: 0;
|
8734
|
+
font-size: 16px;
|
8735
|
+
font-weight: var(--font-weight-semibold);
|
8736
|
+
line-height: var(--font-line-height-base);
|
8737
|
+
color: var(--color-system-text-100);
|
8738
|
+
}
|
8739
|
+
|
8740
|
+
/* * */
|
8741
|
+
/* DESCRIPTION */
|
8742
|
+
|
8743
|
+
.Switch-module_description__dSEEX {
|
8744
|
+
|
8745
|
+
/* margin: 0;
|
8746
|
+
font-size: var(--font-size-sm);
|
8747
|
+
font-weight: var(--font-weight-medium);
|
8748
|
+
line-height: var(--font-line-height-sm);
|
8749
|
+
color: var(--color-system-text-200); */
|
8750
|
+
}
|
8751
|
+
|
8752
|
+
/* * */
|
8753
|
+
/* ERROR */
|
8754
|
+
|
8755
|
+
.Switch-module_error__h735M {
|
8756
|
+
|
8757
|
+
/* margin: 0;
|
8758
|
+
font-size: var(--font-size-sm);
|
8759
|
+
font-weight: var(--font-weight-medium);
|
8760
|
+
line-height: var(--font-line-height-sm);
|
8761
|
+
color: var(--color-status-danger-primary); */
|
8762
|
+
}
|
8763
|
+
/* * */
|
8654
8764
|
/* INPUT */
|
8655
8765
|
|
8656
8766
|
.TextInput-sm-module_input__UrN-E {
|
@@ -8870,13 +8980,6 @@ breakpoint-mobile {
|
|
8870
8980
|
background-color: var(--color-status-active-contrast);
|
8871
8981
|
}
|
8872
8982
|
}
|
8873
|
-
.styles-module_dropdown__9W7AN {
|
8874
|
-
background-color: var(--color-system-background-200);
|
8875
|
-
display: flex;
|
8876
|
-
gap: var(--size-spacing-sm);
|
8877
|
-
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
8878
|
-
}
|
8879
|
-
|
8880
8983
|
.styles-module_button__fQIgs {
|
8881
8984
|
transition: all 300ms ease-in;
|
8882
8985
|
border: 2px solid transparent;
|
@@ -9333,6 +9436,54 @@ breakpoint-mobile {
|
|
9333
9436
|
}
|
9334
9437
|
|
9335
9438
|
|
9439
|
+
.styles-module_dropdown__wzdfT {
|
9440
|
+
background-color: var(--color-system-background-100);
|
9441
|
+
border: 1px solid var(--color-system-border-100);
|
9442
|
+
border-radius: var(--border-radius-md);
|
9443
|
+
|
9444
|
+
padding: var(--size-spacing-md);
|
9445
|
+
|
9446
|
+
box-shadow: 2px 4px 7px 0 rgba(0, 0, 0, 0.4);
|
9447
|
+
}
|
9448
|
+
|
9449
|
+
.styles-module_arrow__pmKfn {
|
9450
|
+
border: 1px solid var(--color-system-border-100);
|
9451
|
+
}
|
9452
|
+
.styles-module_thumb__PE26N {
|
9453
|
+
border: 2px solid var(--color-secondary);
|
9454
|
+
background-color: var(--color-contrast);
|
9455
|
+
}
|
9456
|
+
|
9457
|
+
.styles-module_track__kkjfP::before {
|
9458
|
+
background-color: var(--color-system-text-300);
|
9459
|
+
}
|
9460
|
+
|
9461
|
+
.styles-module_bar__3e8BW {
|
9462
|
+
background-color: var(--color-primary);
|
9463
|
+
}
|
9464
|
+
|
9465
|
+
.styles-module_mark__Wxc6d {
|
9466
|
+
background-color: var(--color-system-background-100);
|
9467
|
+
}
|
9468
|
+
.styles-module_root__4q9aw {
|
9469
|
+
color: var(--color-system-text-100);
|
9470
|
+
}
|
9471
|
+
|
9472
|
+
.styles-module_tooltip__HFS4I {
|
9473
|
+
background-color: var(--color-system-text-100);
|
9474
|
+
color: var(--color-system-background-100);
|
9475
|
+
font-size: var(--font-size-sm);
|
9476
|
+
line-height: var(--font-line-height-sm);
|
9477
|
+
font-weight: var(--font-weight-semibold);
|
9478
|
+
}
|
9479
|
+
|
9480
|
+
.styles-module_dropdown__9W7AN {
|
9481
|
+
background-color: var(--color-system-background-200);
|
9482
|
+
display: flex;
|
9483
|
+
gap: var(--size-spacing-sm);
|
9484
|
+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
9485
|
+
}
|
9486
|
+
|
9336
9487
|
/* * */
|
9337
9488
|
/* LABEL */
|
9338
9489
|
|
@@ -9386,88 +9537,6 @@ breakpoint-mobile {
|
|
9386
9537
|
color: var(--color-system-text-100);
|
9387
9538
|
}
|
9388
9539
|
|
9389
|
-
.styles-module_dropdown__wzdfT {
|
9390
|
-
background-color: var(--color-system-background-100);
|
9391
|
-
border: 1px solid var(--color-system-border-100);
|
9392
|
-
border-radius: var(--border-radius-md);
|
9393
|
-
|
9394
|
-
padding: var(--size-spacing-md);
|
9395
|
-
|
9396
|
-
box-shadow: 2px 4px 7px 0 rgba(0, 0, 0, 0.4);
|
9397
|
-
}
|
9398
|
-
|
9399
|
-
.styles-module_arrow__pmKfn {
|
9400
|
-
border: 1px solid var(--color-system-border-100);
|
9401
|
-
}
|
9402
|
-
.styles-module_thumb__PE26N {
|
9403
|
-
border: 2px solid var(--color-secondary);
|
9404
|
-
background-color: var(--color-contrast);
|
9405
|
-
}
|
9406
|
-
|
9407
|
-
.styles-module_track__kkjfP::before {
|
9408
|
-
background-color: var(--color-system-text-300);
|
9409
|
-
}
|
9410
|
-
|
9411
|
-
.styles-module_bar__3e8BW {
|
9412
|
-
background-color: var(--color-primary);
|
9413
|
-
}
|
9414
|
-
|
9415
|
-
.styles-module_mark__Wxc6d {
|
9416
|
-
background-color: var(--color-system-background-100);
|
9417
|
-
}
|
9418
|
-
.styles-module_inner__xu0uv {
|
9419
|
-
display: flex;
|
9420
|
-
align-items: center;
|
9421
|
-
justify-content: center;
|
9422
|
-
min-height: 24px;
|
9423
|
-
min-width: 48px;
|
9424
|
-
}
|
9425
|
-
|
9426
|
-
.styles-module_track__xeUYf {
|
9427
|
-
outline: 2px solid var(--color-system-text-300);
|
9428
|
-
border-radius: var(--border-radius-xl);
|
9429
|
-
|
9430
|
-
.styles-module_input__DyZyB:focus-visible + & {
|
9431
|
-
outline: 2px solid var(--color-primary);
|
9432
|
-
outline-offset: 2px;
|
9433
|
-
}
|
9434
|
-
|
9435
|
-
.styles-module_input__DyZyB:checked + & {
|
9436
|
-
background-color: var(--color-primary);
|
9437
|
-
outline-color: var(--color-secondary);
|
9438
|
-
}
|
9439
|
-
}
|
9440
|
-
|
9441
|
-
|
9442
|
-
.styles-module_labelWrapper__XNVsq {
|
9443
|
-
display: flex;
|
9444
|
-
flex-direction: column;
|
9445
|
-
gap: var(--size-spacing-xs);
|
9446
|
-
}
|
9447
|
-
|
9448
|
-
.styles-module_label__PsGVs {
|
9449
|
-
font-size: var(--font-size-base);
|
9450
|
-
line-height: var(--font-line-height-base);
|
9451
|
-
font-weight: var(--font-weight-semibold);
|
9452
|
-
color: var(--color-system-text-100);
|
9453
|
-
margin: 0;
|
9454
|
-
}
|
9455
|
-
|
9456
|
-
.styles-module_description__qLTxA {
|
9457
|
-
font-size: var(--font-size-sm);
|
9458
|
-
line-height: var(--font-line-height-sm);
|
9459
|
-
font-weight: var(--font-weight-medium);
|
9460
|
-
color: var(--color-system-text-200);
|
9461
|
-
margin: 0;
|
9462
|
-
}
|
9463
|
-
|
9464
|
-
.styles-module_error__sQ6n- {
|
9465
|
-
font-size: var(--font-size-sm);
|
9466
|
-
line-height: var(--font-line-height-sm);
|
9467
|
-
font-weight: var(--font-weight-medium);
|
9468
|
-
margin: 0;
|
9469
|
-
color: var(--color-status-danger-primary);
|
9470
|
-
}
|
9471
9540
|
/* * */
|
9472
9541
|
/* TAG */
|
9473
9542
|
|
@@ -9576,18 +9645,6 @@ breakpoint-mobile {
|
|
9576
9645
|
.styles-module_tag__9r5VH[data-clickable='true'] {
|
9577
9646
|
cursor: pointer;
|
9578
9647
|
}
|
9579
|
-
.styles-module_root__4q9aw {
|
9580
|
-
color: var(--color-system-text-100);
|
9581
|
-
}
|
9582
|
-
|
9583
|
-
.styles-module_tooltip__HFS4I {
|
9584
|
-
background-color: var(--color-system-text-100);
|
9585
|
-
color: var(--color-system-background-100);
|
9586
|
-
font-size: var(--font-size-sm);
|
9587
|
-
line-height: var(--font-line-height-sm);
|
9588
|
-
font-weight: var(--font-weight-semibold);
|
9589
|
-
}
|
9590
|
-
|
9591
9648
|
.styles-module_header__6dpaJ {
|
9592
9649
|
position: sticky;
|
9593
9650
|
top: 0;
|