@mantine/core 5.1.7 → 5.2.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/cjs/ActionIcon/ActionIcon.js +3 -1
- package/cjs/ActionIcon/ActionIcon.js.map +1 -1
- package/cjs/ActionIcon/ActionIcon.styles.js +19 -7
- package/cjs/ActionIcon/ActionIcon.styles.js.map +1 -1
- package/cjs/Avatar/Avatar.js +8 -2
- package/cjs/Avatar/Avatar.js.map +1 -1
- package/cjs/Avatar/Avatar.styles.js +6 -3
- package/cjs/Avatar/Avatar.styles.js.map +1 -1
- package/cjs/Checkbox/CheckboxGroup/CheckboxGroup.js +1 -22
- package/cjs/Checkbox/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/cjs/Grid/Col/Col.js +18 -0
- package/cjs/Grid/Col/Col.js.map +1 -1
- package/cjs/Grid/Col/Col.styles.js +11 -1
- package/cjs/Grid/Col/Col.styles.js.map +1 -1
- package/cjs/Input/InputWrapper/InputWrapper.js +6 -3
- package/cjs/Input/InputWrapper/InputWrapper.js.map +1 -1
- package/cjs/Input/use-input-props.js +6 -3
- package/cjs/Input/use-input-props.js.map +1 -1
- package/cjs/MultiSelect/MultiSelect.js +6 -3
- package/cjs/MultiSelect/MultiSelect.js.map +1 -1
- package/cjs/PasswordInput/PasswordInput.js +6 -3
- package/cjs/PasswordInput/PasswordInput.js.map +1 -1
- package/cjs/Progress/Progress.js +7 -3
- package/cjs/Progress/Progress.js.map +1 -1
- package/cjs/Radio/RadioGroup/RadioGroup.js +0 -21
- package/cjs/Radio/RadioGroup/RadioGroup.js.map +1 -1
- package/cjs/RingProgress/Curve/Curve.js +8 -3
- package/cjs/RingProgress/Curve/Curve.js.map +1 -1
- package/cjs/RingProgress/RingProgress.js +3 -2
- package/cjs/RingProgress/RingProgress.js.map +1 -1
- package/cjs/RingProgress/get-curves/get-curves.js.map +1 -1
- package/cjs/Tabs/Tabs.context.js.map +1 -1
- package/cjs/Tabs/Tabs.js +6 -3
- package/cjs/Tabs/Tabs.js.map +1 -1
- package/cjs/Tabs/TabsPanel/TabsPanel.js +4 -2
- package/cjs/Tabs/TabsPanel/TabsPanel.js.map +1 -1
- package/cjs/Tabs/TabsProvider.js +4 -2
- package/cjs/Tabs/TabsProvider.js.map +1 -1
- package/cjs/Textarea/Textarea.js +6 -3
- package/cjs/Textarea/Textarea.js.map +1 -1
- package/cjs/Title/Title.js +4 -4
- package/cjs/Title/Title.js.map +1 -1
- package/cjs/Title/Title.styles.js +17 -7
- package/cjs/Title/Title.styles.js.map +1 -1
- package/esm/ActionIcon/ActionIcon.js +3 -1
- package/esm/ActionIcon/ActionIcon.js.map +1 -1
- package/esm/ActionIcon/ActionIcon.styles.js +19 -7
- package/esm/ActionIcon/ActionIcon.styles.js.map +1 -1
- package/esm/Avatar/Avatar.js +8 -2
- package/esm/Avatar/Avatar.js.map +1 -1
- package/esm/Avatar/Avatar.styles.js +6 -3
- package/esm/Avatar/Avatar.styles.js.map +1 -1
- package/esm/Checkbox/CheckboxGroup/CheckboxGroup.js +1 -22
- package/esm/Checkbox/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/esm/Grid/Col/Col.js +18 -0
- package/esm/Grid/Col/Col.js.map +1 -1
- package/esm/Grid/Col/Col.styles.js +11 -1
- package/esm/Grid/Col/Col.styles.js.map +1 -1
- package/esm/Input/InputWrapper/InputWrapper.js +6 -3
- package/esm/Input/InputWrapper/InputWrapper.js.map +1 -1
- package/esm/Input/use-input-props.js +6 -3
- package/esm/Input/use-input-props.js.map +1 -1
- package/esm/MultiSelect/MultiSelect.js +6 -3
- package/esm/MultiSelect/MultiSelect.js.map +1 -1
- package/esm/PasswordInput/PasswordInput.js +6 -3
- package/esm/PasswordInput/PasswordInput.js.map +1 -1
- package/esm/Progress/Progress.js +7 -3
- package/esm/Progress/Progress.js.map +1 -1
- package/esm/Radio/RadioGroup/RadioGroup.js +0 -21
- package/esm/Radio/RadioGroup/RadioGroup.js.map +1 -1
- package/esm/RingProgress/Curve/Curve.js +8 -3
- package/esm/RingProgress/Curve/Curve.js.map +1 -1
- package/esm/RingProgress/RingProgress.js +3 -2
- package/esm/RingProgress/RingProgress.js.map +1 -1
- package/esm/RingProgress/get-curves/get-curves.js.map +1 -1
- package/esm/Tabs/Tabs.context.js.map +1 -1
- package/esm/Tabs/Tabs.js +6 -3
- package/esm/Tabs/Tabs.js.map +1 -1
- package/esm/Tabs/TabsPanel/TabsPanel.js +4 -2
- package/esm/Tabs/TabsPanel/TabsPanel.js.map +1 -1
- package/esm/Tabs/TabsProvider.js +4 -2
- package/esm/Tabs/TabsProvider.js.map +1 -1
- package/esm/Textarea/Textarea.js +6 -3
- package/esm/Textarea/Textarea.js.map +1 -1
- package/esm/Title/Title.js +4 -4
- package/esm/Title/Title.js.map +1 -1
- package/esm/Title/Title.styles.js +17 -7
- package/esm/Title/Title.styles.js.map +1 -1
- package/lib/ActionIcon/ActionIcon.d.ts +3 -1
- package/lib/ActionIcon/ActionIcon.d.ts.map +1 -1
- package/lib/ActionIcon/ActionIcon.styles.d.ts +4 -2
- package/lib/ActionIcon/ActionIcon.styles.d.ts.map +1 -1
- package/lib/Avatar/Avatar.d.ts +6 -2
- package/lib/Avatar/Avatar.d.ts.map +1 -1
- package/lib/Avatar/Avatar.styles.d.ts +5 -1
- package/lib/Avatar/Avatar.styles.d.ts.map +1 -1
- package/lib/Checkbox/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
- package/lib/Grid/Col/Col.d.ts +12 -0
- package/lib/Grid/Col/Col.d.ts.map +1 -1
- package/lib/Grid/Col/Col.styles.d.ts +7 -0
- package/lib/Grid/Col/Col.styles.d.ts.map +1 -1
- package/lib/Input/InputWrapper/InputWrapper.d.ts +3 -1
- package/lib/Input/InputWrapper/InputWrapper.d.ts.map +1 -1
- package/lib/Input/use-input-props.d.ts +2 -1
- package/lib/Input/use-input-props.d.ts.map +1 -1
- package/lib/MultiSelect/MultiSelect.d.ts.map +1 -1
- package/lib/PasswordInput/PasswordInput.d.ts.map +1 -1
- package/lib/Progress/Progress.d.ts +8 -5
- package/lib/Progress/Progress.d.ts.map +1 -1
- package/lib/Radio/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/lib/RingProgress/Curve/Curve.d.ts +3 -2
- package/lib/RingProgress/Curve/Curve.d.ts.map +1 -1
- package/lib/RingProgress/RingProgress.d.ts +1 -0
- package/lib/RingProgress/RingProgress.d.ts.map +1 -1
- package/lib/RingProgress/get-curves/get-curves.d.ts +2 -0
- package/lib/RingProgress/get-curves/get-curves.d.ts.map +1 -1
- package/lib/Tabs/Tabs.context.d.ts +1 -0
- package/lib/Tabs/Tabs.context.d.ts.map +1 -1
- package/lib/Tabs/Tabs.d.ts.map +1 -1
- package/lib/Tabs/TabsPanel/TabsPanel.d.ts.map +1 -1
- package/lib/Tabs/TabsProvider.d.ts +3 -1
- package/lib/Tabs/TabsProvider.d.ts.map +1 -1
- package/lib/Textarea/Textarea.d.ts.map +1 -1
- package/lib/Title/Title.d.ts +5 -3
- package/lib/Title/Title.d.ts.map +1 -1
- package/lib/Title/Title.styles.d.ts +5 -2
- package/lib/Title/Title.styles.d.ts.map +1 -1
- package/package.json +4 -4
package/esm/Tabs/Tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n useComponentDefaultProps,\n StylesApiProvider,\n Selectors,\n} from '@mantine/styles';\nimport { ForwardRefWithStaticComponents } from '@mantine/utils';\nimport { Box } from '../Box';\nimport { TabsList, TabsListStylesNames } from './TabsList/TabsList';\nimport { TabsPanel, TabsPanelStylesNames } from './TabsPanel/TabsPanel';\nimport { Tab, TabStylesNames } from './Tab/Tab';\nimport { TabsProvider, TabsProviderProps } from './TabsProvider';\nimport { TabsStylesParams } from './Tabs.types';\nimport useStyles from './Tabs.styles';\n\nexport type TabsStylesNames =\n | Selectors<typeof useStyles>\n | TabsListStylesNames\n | TabsPanelStylesNames\n | TabStylesNames;\n\nexport interface TabsProps\n extends TabsProviderProps,\n DefaultProps<TabsStylesNames, TabsStylesParams>,\n Omit<React.ComponentPropsWithoutRef<'div'>, keyof TabsProviderProps> {}\n\ntype TabsComponent = ForwardRefWithStaticComponents<\n TabsProps,\n {\n List: typeof TabsList;\n Tab: typeof Tab;\n Panel: typeof TabsPanel;\n }\n>;\n\nconst defaultProps: Partial<TabsProps> = {\n orientation: 'horizontal',\n loop: true,\n activateTabWithKeyboard: true,\n allowTabDeactivation: false,\n unstyled: false,\n inverted: false,\n variant: 'default',\n};\n\nexport const Tabs: TabsComponent = forwardRef<HTMLDivElement, TabsProps>((props, ref) => {\n const {\n defaultValue,\n value,\n orientation,\n loop,\n activateTabWithKeyboard,\n allowTabDeactivation,\n children,\n id,\n onTabChange,\n variant,\n color,\n className,\n unstyled,\n classNames,\n styles,\n radius,\n inverted,\n ...others\n } = useComponentDefaultProps('Tabs', defaultProps, props);\n\n const { classes, cx } = useStyles(\n { orientation, color, variant, radius, inverted },\n { unstyled, name: 'Tabs', classNames, styles }\n );\n\n return (\n <StylesApiProvider classNames={classNames} styles={styles} unstyled={unstyled}>\n <TabsProvider\n activateTabWithKeyboard={activateTabWithKeyboard}\n defaultValue={defaultValue}\n orientation={orientation}\n onTabChange={onTabChange}\n value={value}\n id={id}\n loop={loop}\n allowTabDeactivation={allowTabDeactivation}\n color={color}\n variant={variant}\n radius={radius}\n inverted={inverted}\n >\n <Box {...others} className={cx(classes.root, className)} id={id} ref={ref}>\n {children}\n </Box>\n </TabsProvider>\n </StylesApiProvider>\n );\n}) as any;\n\nTabs.List = TabsList;\nTabs.Tab = Tab;\nTabs.Panel = TabsPanel;\n\nTabs.displayName = '@mantine/core/Tabs';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Tabs.js","sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n useComponentDefaultProps,\n StylesApiProvider,\n Selectors,\n} from '@mantine/styles';\nimport { ForwardRefWithStaticComponents } from '@mantine/utils';\nimport { Box } from '../Box';\nimport { TabsList, TabsListStylesNames } from './TabsList/TabsList';\nimport { TabsPanel, TabsPanelStylesNames } from './TabsPanel/TabsPanel';\nimport { Tab, TabStylesNames } from './Tab/Tab';\nimport { TabsProvider, TabsProviderProps } from './TabsProvider';\nimport { TabsStylesParams } from './Tabs.types';\nimport useStyles from './Tabs.styles';\n\nexport type TabsStylesNames =\n | Selectors<typeof useStyles>\n | TabsListStylesNames\n | TabsPanelStylesNames\n | TabStylesNames;\n\nexport interface TabsProps\n extends TabsProviderProps,\n DefaultProps<TabsStylesNames, TabsStylesParams>,\n Omit<React.ComponentPropsWithoutRef<'div'>, keyof TabsProviderProps> {}\n\ntype TabsComponent = ForwardRefWithStaticComponents<\n TabsProps,\n {\n List: typeof TabsList;\n Tab: typeof Tab;\n Panel: typeof TabsPanel;\n }\n>;\n\nconst defaultProps: Partial<TabsProps> = {\n orientation: 'horizontal',\n loop: true,\n activateTabWithKeyboard: true,\n allowTabDeactivation: false,\n unstyled: false,\n inverted: false,\n variant: 'default',\n};\n\nexport const Tabs: TabsComponent = forwardRef<HTMLDivElement, TabsProps>((props, ref) => {\n const {\n defaultValue,\n value,\n orientation,\n loop,\n activateTabWithKeyboard,\n allowTabDeactivation,\n children,\n id,\n onTabChange,\n variant,\n color,\n className,\n unstyled,\n classNames,\n styles,\n radius,\n inverted,\n keepMounted,\n ...others\n } = useComponentDefaultProps('Tabs', defaultProps, props);\n\n const { classes, cx } = useStyles(\n { orientation, color, variant, radius, inverted },\n { unstyled, name: 'Tabs', classNames, styles }\n );\n\n return (\n <StylesApiProvider classNames={classNames} styles={styles} unstyled={unstyled}>\n <TabsProvider\n activateTabWithKeyboard={activateTabWithKeyboard}\n defaultValue={defaultValue}\n orientation={orientation}\n onTabChange={onTabChange}\n value={value}\n id={id}\n loop={loop}\n allowTabDeactivation={allowTabDeactivation}\n color={color}\n variant={variant}\n radius={radius}\n inverted={inverted}\n keepMounted={keepMounted}\n >\n <Box {...others} className={cx(classes.root, className)} id={id} ref={ref}>\n {children}\n </Box>\n </TabsProvider>\n </StylesApiProvider>\n );\n}) as any;\n\nTabs.List = TabsList;\nTabs.Tab = Tab;\nTabs.Panel = TabsPanel;\n\nTabs.displayName = '@mantine/core/Tabs';\n"],"names":[],"mappings":"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"}
|
|
@@ -47,14 +47,16 @@ const TabsPanel = forwardRef((_a, ref) => {
|
|
|
47
47
|
radius: ctx.radius,
|
|
48
48
|
inverted: ctx.inverted
|
|
49
49
|
}, { name: "Tabs", unstyled, classNames, styles });
|
|
50
|
+
const active = ctx.value === value;
|
|
51
|
+
const content = ctx.keepMounted ? children : active ? children : null;
|
|
50
52
|
return /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({}, others), {
|
|
51
53
|
ref,
|
|
52
|
-
sx: [{ display:
|
|
54
|
+
sx: [{ display: !active ? "none" : void 0 }, ...packSx(sx)],
|
|
53
55
|
className: cx(classes.panel, className),
|
|
54
56
|
role: "tabpanel",
|
|
55
57
|
id: ctx.getPanelId(value),
|
|
56
58
|
"aria-labelledby": ctx.getTabId(value)
|
|
57
|
-
}),
|
|
59
|
+
}), content);
|
|
58
60
|
});
|
|
59
61
|
TabsPanel.displayName = "@mantine/core/TabsPanel";
|
|
60
62
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsPanel.js","sources":["../../../src/Tabs/TabsPanel/TabsPanel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Selectors, DefaultProps, useContextStylesApi } from '@mantine/styles';\nimport { packSx } from '@mantine/utils';\nimport { Box } from '../../Box';\nimport { useTabsContext } from '../Tabs.context';\nimport useStyles from './TabsPanel.styles';\n\nexport type TabsPanelStylesNames = Selectors<typeof useStyles>;\n\nexport interface TabsPanelProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n /** Panel content */\n children: React.ReactNode;\n\n /** Value of associated control */\n value: string;\n}\n\nexport const TabsPanel = forwardRef<HTMLDivElement, TabsPanelProps>(\n ({ value, children, sx, className, ...others }, ref) => {\n const ctx = useTabsContext();\n const { classNames, styles, unstyled } = useContextStylesApi();\n const { classes, cx } = useStyles(\n {\n orientation: ctx.orientation,\n variant: ctx.variant,\n color: ctx.color,\n radius: ctx.radius,\n inverted: ctx.inverted,\n },\n { name: 'Tabs', unstyled, classNames, styles }\n );\n\n return (\n <Box\n {...others}\n ref={ref}\n sx={[{ display:
|
|
1
|
+
{"version":3,"file":"TabsPanel.js","sources":["../../../src/Tabs/TabsPanel/TabsPanel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Selectors, DefaultProps, useContextStylesApi } from '@mantine/styles';\nimport { packSx } from '@mantine/utils';\nimport { Box } from '../../Box';\nimport { useTabsContext } from '../Tabs.context';\nimport useStyles from './TabsPanel.styles';\n\nexport type TabsPanelStylesNames = Selectors<typeof useStyles>;\n\nexport interface TabsPanelProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n /** Panel content */\n children: React.ReactNode;\n\n /** Value of associated control */\n value: string;\n}\n\nexport const TabsPanel = forwardRef<HTMLDivElement, TabsPanelProps>(\n ({ value, children, sx, className, ...others }, ref) => {\n const ctx = useTabsContext();\n const { classNames, styles, unstyled } = useContextStylesApi();\n const { classes, cx } = useStyles(\n {\n orientation: ctx.orientation,\n variant: ctx.variant,\n color: ctx.color,\n radius: ctx.radius,\n inverted: ctx.inverted,\n },\n { name: 'Tabs', unstyled, classNames, styles }\n );\n\n const active = ctx.value === value;\n const content = ctx.keepMounted ? children : active ? children : null;\n\n return (\n <Box\n {...others}\n ref={ref}\n sx={[{ display: !active ? 'none' : undefined }, ...packSx(sx)]}\n className={cx(classes.panel, className)}\n role=\"tabpanel\"\n id={ctx.getPanelId(value)}\n aria-labelledby={ctx.getTabId(value)}\n >\n {content}\n </Box>\n );\n }\n);\n\nTabsPanel.displayName = '@mantine/core/TabsPanel';\n"],"names":[],"mappings":"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"}
|
package/esm/Tabs/TabsProvider.js
CHANGED
|
@@ -17,7 +17,8 @@ function TabsProvider({
|
|
|
17
17
|
variant,
|
|
18
18
|
color,
|
|
19
19
|
radius,
|
|
20
|
-
inverted
|
|
20
|
+
inverted,
|
|
21
|
+
keepMounted = true
|
|
21
22
|
}) {
|
|
22
23
|
const uid = useId(id);
|
|
23
24
|
const [_value, onChange] = useUncontrolled({
|
|
@@ -40,7 +41,8 @@ function TabsProvider({
|
|
|
40
41
|
variant,
|
|
41
42
|
color,
|
|
42
43
|
radius,
|
|
43
|
-
inverted
|
|
44
|
+
inverted,
|
|
45
|
+
keepMounted
|
|
44
46
|
}
|
|
45
47
|
}, children);
|
|
46
48
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsProvider.js","sources":["../../src/Tabs/TabsProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { getSafeId } from '@mantine/utils';\nimport { useUncontrolled, useId } from '@mantine/hooks';\nimport { MantineColor, MantineNumberSize } from '@mantine/styles';\nimport { TabsContextProvider } from './Tabs.context';\nimport { TABS_ERRORS } from './Tabs.errors';\nimport { TabsValue, TabsOrientation, TabsVariant } from './Tabs.types';\n\nexport interface TabsProviderProps {\n /** Default value for uncontrolled component */\n defaultValue?: TabsValue;\n\n /** Value for controlled component */\n value?: TabsValue;\n\n /** Callback for controlled component */\n onTabChange?(value: TabsValue): void;\n\n /** Tabs orientation, vertical or horizontal */\n orientation?: TabsOrientation;\n\n /** Base id, used to generate ids that connect labels with controls, by default generated randomly */\n id?: string;\n\n /** Determines whether arrow key presses should loop though items (first to last and last to first) */\n loop?: boolean;\n\n /** Determines whether tab should be activated with arrow key press, defaults to true */\n activateTabWithKeyboard?: boolean;\n\n /** Determines whether tab can be deactivated, defaults to false */\n allowTabDeactivation?: boolean;\n\n /** Tabs content */\n children: React.ReactNode;\n\n /** Controls component visuals */\n variant?: TabsVariant;\n\n /** Key of theme.colors */\n color?: MantineColor;\n\n /** Tabs border-radius from theme.radius or number ti set value from theme, defaults to theme.defaultRadius */\n radius?: MantineNumberSize;\n\n /** Determines whether tabs should have inverted styles */\n inverted?: boolean;\n}\n\nexport function TabsProvider({\n defaultValue,\n value,\n onTabChange,\n orientation,\n children,\n loop,\n id,\n activateTabWithKeyboard,\n allowTabDeactivation,\n variant,\n color,\n radius,\n inverted,\n}: TabsProviderProps) {\n const uid = useId(id);\n\n const [_value, onChange] = useUncontrolled<TabsValue>({\n value,\n defaultValue,\n finalValue: null,\n onChange: onTabChange,\n });\n\n return (\n <TabsContextProvider\n value={{\n value: _value,\n orientation,\n id: uid,\n loop,\n activateTabWithKeyboard,\n getTabId: getSafeId(`${uid}-tab`, TABS_ERRORS.value),\n getPanelId: getSafeId(`${uid}-panel`, TABS_ERRORS.value),\n onTabChange: onChange,\n allowTabDeactivation,\n variant,\n color,\n radius,\n inverted,\n }}\n >\n {children}\n </TabsContextProvider>\n );\n}\n\nTabsProvider.displayName = '@mantine/core/TabsProvider';\n"],"names":[],"mappings":";;;;;;AAKO,SAAS,YAAY,CAAC;AAC7B,EAAE,YAAY;AACd,EAAE,KAAK;AACP,EAAE,WAAW;AACb,EAAE,WAAW;AACb,EAAE,QAAQ;AACV,EAAE,IAAI;AACN,EAAE,EAAE;AACJ,EAAE,uBAAuB;AACzB,EAAE,oBAAoB;AACtB,EAAE,OAAO;AACT,EAAE,KAAK;AACP,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,MAAM,GAAG,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;AACxB,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,eAAe,CAAC;AAC7C,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,UAAU,EAAE,IAAI;AACpB,IAAI,QAAQ,EAAE,WAAW;AACzB,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE;AAClE,IAAI,KAAK,EAAE;AACX,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,WAAW;AACjB,MAAM,EAAE,EAAE,GAAG;AACb,MAAM,IAAI;AACV,MAAM,uBAAuB;AAC7B,MAAM,QAAQ,EAAE,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;AAC1D,MAAM,UAAU,EAAE,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;AAC9D,MAAM,WAAW,EAAE,QAAQ;AAC3B,MAAM,oBAAoB;AAC1B,MAAM,OAAO;AACb,MAAM,KAAK;AACX,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,KAAK;AACL,GAAG,EAAE,QAAQ,CAAC,CAAC;AACf,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,4BAA4B;;;;"}
|
|
1
|
+
{"version":3,"file":"TabsProvider.js","sources":["../../src/Tabs/TabsProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { getSafeId } from '@mantine/utils';\nimport { useUncontrolled, useId } from '@mantine/hooks';\nimport { MantineColor, MantineNumberSize } from '@mantine/styles';\nimport { TabsContextProvider } from './Tabs.context';\nimport { TABS_ERRORS } from './Tabs.errors';\nimport { TabsValue, TabsOrientation, TabsVariant } from './Tabs.types';\n\nexport interface TabsProviderProps {\n /** Default value for uncontrolled component */\n defaultValue?: TabsValue;\n\n /** Value for controlled component */\n value?: TabsValue;\n\n /** Callback for controlled component */\n onTabChange?(value: TabsValue): void;\n\n /** Tabs orientation, vertical or horizontal */\n orientation?: TabsOrientation;\n\n /** Base id, used to generate ids that connect labels with controls, by default generated randomly */\n id?: string;\n\n /** Determines whether arrow key presses should loop though items (first to last and last to first) */\n loop?: boolean;\n\n /** Determines whether tab should be activated with arrow key press, defaults to true */\n activateTabWithKeyboard?: boolean;\n\n /** Determines whether tab can be deactivated, defaults to false */\n allowTabDeactivation?: boolean;\n\n /** Tabs content */\n children: React.ReactNode;\n\n /** Controls component visuals */\n variant?: TabsVariant;\n\n /** Key of theme.colors */\n color?: MantineColor;\n\n /** Tabs border-radius from theme.radius or number ti set value from theme, defaults to theme.defaultRadius */\n radius?: MantineNumberSize;\n\n /** Determines whether tabs should have inverted styles */\n inverted?: boolean;\n\n /** If set to false, Tabs.Panel content will not stay mounted when tab is not active */\n keepMounted?: boolean;\n}\n\nexport function TabsProvider({\n defaultValue,\n value,\n onTabChange,\n orientation,\n children,\n loop,\n id,\n activateTabWithKeyboard,\n allowTabDeactivation,\n variant,\n color,\n radius,\n inverted,\n keepMounted = true,\n}: TabsProviderProps) {\n const uid = useId(id);\n\n const [_value, onChange] = useUncontrolled<TabsValue>({\n value,\n defaultValue,\n finalValue: null,\n onChange: onTabChange,\n });\n\n return (\n <TabsContextProvider\n value={{\n value: _value,\n orientation,\n id: uid,\n loop,\n activateTabWithKeyboard,\n getTabId: getSafeId(`${uid}-tab`, TABS_ERRORS.value),\n getPanelId: getSafeId(`${uid}-panel`, TABS_ERRORS.value),\n onTabChange: onChange,\n allowTabDeactivation,\n variant,\n color,\n radius,\n inverted,\n keepMounted,\n }}\n >\n {children}\n </TabsContextProvider>\n );\n}\n\nTabsProvider.displayName = '@mantine/core/TabsProvider';\n"],"names":[],"mappings":";;;;;;AAKO,SAAS,YAAY,CAAC;AAC7B,EAAE,YAAY;AACd,EAAE,KAAK;AACP,EAAE,WAAW;AACb,EAAE,WAAW;AACb,EAAE,QAAQ;AACV,EAAE,IAAI;AACN,EAAE,EAAE;AACJ,EAAE,uBAAuB;AACzB,EAAE,oBAAoB;AACtB,EAAE,OAAO;AACT,EAAE,KAAK;AACP,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,EAAE,WAAW,GAAG,IAAI;AACpB,CAAC,EAAE;AACH,EAAE,MAAM,GAAG,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;AACxB,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,eAAe,CAAC;AAC7C,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,UAAU,EAAE,IAAI;AACpB,IAAI,QAAQ,EAAE,WAAW;AACzB,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE;AAClE,IAAI,KAAK,EAAE;AACX,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,WAAW;AACjB,MAAM,EAAE,EAAE,GAAG;AACb,MAAM,IAAI;AACV,MAAM,uBAAuB;AAC7B,MAAM,QAAQ,EAAE,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;AAC1D,MAAM,UAAU,EAAE,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;AAC9D,MAAM,WAAW,EAAE,QAAQ;AAC3B,MAAM,oBAAoB;AAC1B,MAAM,OAAO;AACb,MAAM,KAAK;AACX,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,MAAM,WAAW;AACjB,KAAK;AACL,GAAG,EAAE,QAAQ,CAAC,CAAC;AACf,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,4BAA4B;;;;"}
|
package/esm/Textarea/Textarea.js
CHANGED
|
@@ -64,7 +64,8 @@ const Textarea = forwardRef((props, ref) => {
|
|
|
64
64
|
labelProps,
|
|
65
65
|
inputWrapperOrder,
|
|
66
66
|
inputContainer,
|
|
67
|
-
unstyled
|
|
67
|
+
unstyled,
|
|
68
|
+
withAsterisk
|
|
68
69
|
} = _a, others = __objRest(_a, [
|
|
69
70
|
"autosize",
|
|
70
71
|
"maxRows",
|
|
@@ -87,7 +88,8 @@ const Textarea = forwardRef((props, ref) => {
|
|
|
87
88
|
"labelProps",
|
|
88
89
|
"inputWrapperOrder",
|
|
89
90
|
"inputContainer",
|
|
90
|
-
"unstyled"
|
|
91
|
+
"unstyled",
|
|
92
|
+
"withAsterisk"
|
|
91
93
|
]);
|
|
92
94
|
const uuid = useId(id);
|
|
93
95
|
const { classes, cx } = useStyles();
|
|
@@ -122,7 +124,8 @@ const Textarea = forwardRef((props, ref) => {
|
|
|
122
124
|
descriptionProps,
|
|
123
125
|
inputContainer,
|
|
124
126
|
inputWrapperOrder,
|
|
125
|
-
unstyled
|
|
127
|
+
unstyled,
|
|
128
|
+
withAsterisk
|
|
126
129
|
}, systemStyles), wrapperProps), autosize ? /* @__PURE__ */ React.createElement(Input, __spreadProps(__spreadValues({}, sharedProps), {
|
|
127
130
|
component: TextareaAutosize,
|
|
128
131
|
maxRows,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sources":["../../src/Textarea/Textarea.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport TextareaAutosize from 'react-textarea-autosize';\nimport { useId } from '@mantine/hooks';\nimport {\n DefaultProps,\n MantineSize,\n extractSystemStyles,\n useComponentDefaultProps,\n} from '@mantine/styles';\nimport { InputWrapperBaseProps, Input, InputSharedProps } from '../Input';\nimport { TextInputStylesNames } from '../TextInput/TextInput';\nimport useStyles from './Textarea.styles';\n\nexport interface TextareaProps\n extends DefaultProps<TextInputStylesNames>,\n InputWrapperBaseProps,\n InputSharedProps,\n React.ComponentPropsWithoutRef<'textarea'> {\n /** Id is used to bind input and label, if not passed unique id will be generated for each input */\n id?: string;\n\n /** If true textarea will grow with content until maxRows are reached */\n autosize?: boolean;\n\n /** Defines maxRows in autosize variant, not applicable to regular variant */\n maxRows?: number;\n\n /** Defined minRows in autosize variant and rows in regular variant */\n minRows?: number;\n\n /** Props passed to root element */\n wrapperProps?: Record<string, any>;\n\n /** Input size */\n size?: MantineSize;\n\n /** Static selectors base */\n __staticSelector?: string;\n}\n\nconst defaultProps: Partial<TextareaProps> = {\n autosize: false,\n size: 'sm',\n __staticSelector: 'Textarea',\n};\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>((props, ref) => {\n const {\n autosize,\n maxRows,\n minRows,\n label,\n error,\n description,\n id,\n className,\n required,\n style,\n wrapperProps,\n classNames,\n styles,\n size,\n __staticSelector,\n sx,\n errorProps,\n descriptionProps,\n labelProps,\n inputWrapperOrder,\n inputContainer,\n unstyled,\n ...others\n } = useComponentDefaultProps('Textarea', defaultProps, props);\n\n const uuid = useId(id);\n const { classes, cx } = useStyles();\n const { systemStyles, rest } = extractSystemStyles(others);\n const sharedProps = {\n required,\n ref,\n invalid: !!error,\n id: uuid,\n classNames: { ...classNames, input: cx(classes.input, classNames?.input) },\n styles,\n __staticSelector,\n size,\n multiline: true,\n unstyled,\n ...rest,\n };\n\n return (\n <Input.Wrapper\n label={label}\n error={error}\n id={uuid}\n description={description}\n required={required}\n style={style}\n className={className}\n classNames={classNames}\n styles={styles}\n size={size}\n __staticSelector={__staticSelector}\n sx={sx}\n errorProps={errorProps}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n inputContainer={inputContainer}\n inputWrapperOrder={inputWrapperOrder}\n unstyled={unstyled}\n {...systemStyles}\n {...wrapperProps}\n >\n {autosize ? (\n <Input<typeof TextareaAutosize>\n {...sharedProps}\n component={TextareaAutosize}\n maxRows={maxRows}\n minRows={minRows}\n />\n ) : (\n <Input<'textarea'> {...sharedProps} component=\"textarea\" rows={minRows} />\n )}\n </Input.Wrapper>\n );\n});\n\nTextarea.displayName = '@mantine/core/Textarea';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Textarea.js","sources":["../../src/Textarea/Textarea.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport TextareaAutosize from 'react-textarea-autosize';\nimport { useId } from '@mantine/hooks';\nimport {\n DefaultProps,\n MantineSize,\n extractSystemStyles,\n useComponentDefaultProps,\n} from '@mantine/styles';\nimport { InputWrapperBaseProps, Input, InputSharedProps } from '../Input';\nimport { TextInputStylesNames } from '../TextInput/TextInput';\nimport useStyles from './Textarea.styles';\n\nexport interface TextareaProps\n extends DefaultProps<TextInputStylesNames>,\n InputWrapperBaseProps,\n InputSharedProps,\n React.ComponentPropsWithoutRef<'textarea'> {\n /** Id is used to bind input and label, if not passed unique id will be generated for each input */\n id?: string;\n\n /** If true textarea will grow with content until maxRows are reached */\n autosize?: boolean;\n\n /** Defines maxRows in autosize variant, not applicable to regular variant */\n maxRows?: number;\n\n /** Defined minRows in autosize variant and rows in regular variant */\n minRows?: number;\n\n /** Props passed to root element */\n wrapperProps?: Record<string, any>;\n\n /** Input size */\n size?: MantineSize;\n\n /** Static selectors base */\n __staticSelector?: string;\n}\n\nconst defaultProps: Partial<TextareaProps> = {\n autosize: false,\n size: 'sm',\n __staticSelector: 'Textarea',\n};\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>((props, ref) => {\n const {\n autosize,\n maxRows,\n minRows,\n label,\n error,\n description,\n id,\n className,\n required,\n style,\n wrapperProps,\n classNames,\n styles,\n size,\n __staticSelector,\n sx,\n errorProps,\n descriptionProps,\n labelProps,\n inputWrapperOrder,\n inputContainer,\n unstyled,\n withAsterisk,\n ...others\n } = useComponentDefaultProps('Textarea', defaultProps, props);\n\n const uuid = useId(id);\n const { classes, cx } = useStyles();\n const { systemStyles, rest } = extractSystemStyles(others);\n const sharedProps = {\n required,\n ref,\n invalid: !!error,\n id: uuid,\n classNames: { ...classNames, input: cx(classes.input, classNames?.input) },\n styles,\n __staticSelector,\n size,\n multiline: true,\n unstyled,\n ...rest,\n };\n\n return (\n <Input.Wrapper\n label={label}\n error={error}\n id={uuid}\n description={description}\n required={required}\n style={style}\n className={className}\n classNames={classNames}\n styles={styles}\n size={size}\n __staticSelector={__staticSelector}\n sx={sx}\n errorProps={errorProps}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n inputContainer={inputContainer}\n inputWrapperOrder={inputWrapperOrder}\n unstyled={unstyled}\n withAsterisk={withAsterisk}\n {...systemStyles}\n {...wrapperProps}\n >\n {autosize ? (\n <Input<typeof TextareaAutosize>\n {...sharedProps}\n component={TextareaAutosize}\n maxRows={maxRows}\n minRows={minRows}\n />\n ) : (\n <Input<'textarea'> {...sharedProps} component=\"textarea\" rows={minRows} />\n )}\n </Input.Wrapper>\n );\n});\n\nTextarea.displayName = '@mantine/core/Textarea';\n"],"names":[],"mappings":"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"}
|
package/esm/Title/Title.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
import { useComponentDefaultProps } from '@mantine/styles';
|
|
3
3
|
import useStyles from './Title.styles.js';
|
|
4
|
-
import {
|
|
4
|
+
import { Text } from '../Text/Text.js';
|
|
5
5
|
|
|
6
6
|
var __defProp = Object.defineProperty;
|
|
7
7
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
@@ -35,12 +35,12 @@ const defaultProps = {
|
|
|
35
35
|
order: 1
|
|
36
36
|
};
|
|
37
37
|
const Title = forwardRef((props, ref) => {
|
|
38
|
-
const _a = useComponentDefaultProps("Title", defaultProps, props), { className, order, children,
|
|
39
|
-
const { classes, cx } = useStyles({ element: `h${order}`,
|
|
38
|
+
const _a = useComponentDefaultProps("Title", defaultProps, props), { className, order, children, unstyled, size, weight } = _a, others = __objRest(_a, ["className", "order", "children", "unstyled", "size", "weight"]);
|
|
39
|
+
const { classes, cx } = useStyles({ element: `h${order}`, weight, size }, { name: "Title", unstyled });
|
|
40
40
|
if (![1, 2, 3, 4, 5, 6].includes(order)) {
|
|
41
41
|
return null;
|
|
42
42
|
}
|
|
43
|
-
return /* @__PURE__ */ React.createElement(
|
|
43
|
+
return /* @__PURE__ */ React.createElement(Text, __spreadValues({
|
|
44
44
|
component: `h${order}`,
|
|
45
45
|
ref,
|
|
46
46
|
className: cx(classes.root, className)
|
package/esm/Title/Title.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.js","sources":["../../src/Title/Title.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport {
|
|
1
|
+
{"version":3,"file":"Title.js","sources":["../../src/Title/Title.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport { Text, TextProps } from '../Text';\nimport useStyles, { TitleStylesParams } from './Title.styles';\n\nexport type TitleOrder = 1 | 2 | 3 | 4 | 5 | 6;\nexport type TitleSize = `h${TitleOrder}` | React.CSSProperties['fontSize'];\n\nexport interface TitleProps\n extends Omit<TextProps, 'size' | 'styles' | 'classNames'>,\n DefaultProps<never, TitleStylesParams>,\n Omit<React.ComponentPropsWithoutRef<'h1'>, 'color'> {\n /** Defines component and styles which will be used */\n order?: TitleOrder;\n\n /** Title font-size: h1-h6 or any valid CSS font-size value */\n size?: TitleSize;\n}\n\nconst defaultProps: Partial<TitleProps> = {\n order: 1,\n};\n\nexport const Title = forwardRef<HTMLHeadingElement, TitleProps>((props, ref) => {\n const { className, order, children, unstyled, size, weight, ...others } =\n useComponentDefaultProps('Title', defaultProps, props);\n\n const { classes, cx } = useStyles(\n { element: `h${order}`, weight, size },\n { name: 'Title', unstyled }\n );\n\n if (![1, 2, 3, 4, 5, 6].includes(order)) {\n return null;\n }\n\n return (\n <Text component={`h${order}`} ref={ref} className={cx(classes.root, className)} {...others}>\n {children}\n </Text>\n );\n});\n\nTitle.displayName = '@mantine/core/Title';\n"],"names":[],"mappings":"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"}
|
|
@@ -19,15 +19,25 @@ var __spreadValues = (a, b) => {
|
|
|
19
19
|
return a;
|
|
20
20
|
};
|
|
21
21
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
22
|
-
|
|
22
|
+
function getFontSize(size, element, theme) {
|
|
23
|
+
if (typeof size !== "undefined") {
|
|
24
|
+
return size in theme.headings.sizes ? theme.headings.sizes[size].fontSize : size;
|
|
25
|
+
}
|
|
26
|
+
return theme.headings.sizes[element].fontSize;
|
|
27
|
+
}
|
|
28
|
+
function getLineHeight(size, element, theme) {
|
|
29
|
+
if (typeof size !== "undefined" && size in theme.headings.sizes) {
|
|
30
|
+
return theme.headings.sizes[element].lineHeight;
|
|
31
|
+
}
|
|
32
|
+
return theme.headings.sizes[element].lineHeight;
|
|
33
|
+
}
|
|
34
|
+
var useStyles = createStyles((theme, { element, weight, size }) => ({
|
|
23
35
|
root: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
|
|
24
36
|
fontFamily: theme.headings.fontFamily,
|
|
25
|
-
fontWeight: theme.headings.sizes[element].fontWeight || theme.headings.fontWeight,
|
|
26
|
-
fontSize:
|
|
27
|
-
lineHeight:
|
|
28
|
-
margin: 0
|
|
29
|
-
color: "inherit",
|
|
30
|
-
textAlign: align
|
|
37
|
+
fontWeight: weight || theme.headings.sizes[element].fontWeight || theme.headings.fontWeight,
|
|
38
|
+
fontSize: getFontSize(size, element, theme),
|
|
39
|
+
lineHeight: getLineHeight(size, element, theme),
|
|
40
|
+
margin: 0
|
|
31
41
|
})
|
|
32
42
|
}));
|
|
33
43
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.styles.js","sources":["../../src/Title/Title.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\ntype HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport interface TitleStylesParams {\n element: HeadingElement;\n
|
|
1
|
+
{"version":3,"file":"Title.styles.js","sources":["../../src/Title/Title.styles.ts"],"sourcesContent":["import { createStyles, MantineTheme } from '@mantine/styles';\nimport type { TitleSize } from './Title';\n\ntype HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport interface TitleStylesParams {\n element: HeadingElement;\n size: TitleSize;\n weight: React.CSSProperties['fontWeight'];\n}\n\nfunction getFontSize(size: TitleSize, element: HeadingElement, theme: MantineTheme) {\n if (typeof size !== 'undefined') {\n return size in theme.headings.sizes ? theme.headings.sizes[size].fontSize : size;\n }\n\n return theme.headings.sizes[element].fontSize;\n}\n\nfunction getLineHeight(size: TitleSize, element: HeadingElement, theme: MantineTheme) {\n if (typeof size !== 'undefined' && size in theme.headings.sizes) {\n return theme.headings.sizes[element].lineHeight;\n }\n\n return theme.headings.sizes[element].lineHeight;\n}\n\nexport default createStyles((theme, { element, weight, size }: TitleStylesParams) => ({\n root: {\n ...theme.fn.fontStyles(),\n fontFamily: theme.headings.fontFamily,\n fontWeight: weight || theme.headings.sizes[element].fontWeight || theme.headings.fontWeight,\n fontSize: getFontSize(size, element, theme),\n lineHeight: getLineHeight(size, element, theme),\n margin: 0,\n },\n}));\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { DefaultProps, MantineNumberSize, MantineColor, Selectors } from '@mantine/styles';
|
|
2
|
+
import { DefaultProps, MantineNumberSize, MantineColor, Selectors, MantineGradient } from '@mantine/styles';
|
|
3
3
|
import useStyles, { ActionIconVariant, ActionIconStylesParams } from './ActionIcon.styles';
|
|
4
4
|
import { LoaderProps } from '../Loader';
|
|
5
5
|
export declare type ActionIconStylesNames = Selectors<typeof useStyles>;
|
|
@@ -10,6 +10,8 @@ export interface ActionIconProps extends DefaultProps<ActionIconStylesNames, Act
|
|
|
10
10
|
variant?: ActionIconVariant;
|
|
11
11
|
/** Key of theme.colors */
|
|
12
12
|
color?: MantineColor;
|
|
13
|
+
/** Controls gradient settings in gradient variant only */
|
|
14
|
+
gradient?: MantineGradient;
|
|
13
15
|
/** Button border-radius from theme or number to set border-radius in px */
|
|
14
16
|
radius?: MantineNumberSize;
|
|
15
17
|
/** Predefined icon size or number to set width and height in px */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionIcon.d.ts","sourceRoot":"","sources":["../../src/ActionIcon/ActionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,SAAS,
|
|
1
|
+
{"version":3,"file":"ActionIcon.d.ts","sourceRoot":"","sources":["../../src/ActionIcon/ActionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,SAAS,EAET,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,SAAS,EAAE,EAAS,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClG,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAEhD,oBAAY,qBAAqB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAEhE,MAAM,WAAW,eACf,SAAQ,YAAY,CAAC,qBAAqB,EAAE,sBAAsB,CAAC;IACnE,WAAW;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,0BAA0B;IAC1B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B,2EAA2E;IAC3E,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,mEAAmE;IACnE,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB,uCAAuC;IACvC,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,8BAA8B;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AASD,eAAO,MAAM,WAAW,2FAuCtB,CAAC;AAIH,eAAO,MAAM,UAAU;;;;;;mCAAqE,CAAC"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { MantineNumberSize, MantineColor, MantineTheme } from '@mantine/styles';
|
|
2
|
-
export declare
|
|
1
|
+
import { MantineNumberSize, MantineColor, MantineTheme, MantineGradient } from '@mantine/styles';
|
|
2
|
+
export declare const ACTION_ICON_VARIANTS: readonly ["subtle", "filled", "outline", "light", "default", "transparent", "gradient"];
|
|
3
|
+
export declare type ActionIconVariant = typeof ACTION_ICON_VARIANTS[number];
|
|
3
4
|
export interface ActionIconStylesParams {
|
|
4
5
|
color: MantineColor;
|
|
5
6
|
size: MantineNumberSize;
|
|
6
7
|
radius: MantineNumberSize;
|
|
7
8
|
variant: ActionIconVariant;
|
|
9
|
+
gradient: MantineGradient;
|
|
8
10
|
}
|
|
9
11
|
export declare const sizes: {
|
|
10
12
|
xs: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionIcon.styles.d.ts","sourceRoot":"","sources":["../../src/ActionIcon/ActionIcon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ActionIcon.styles.d.ts","sourceRoot":"","sources":["../../src/ActionIcon/ActionIcon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAEzB,eAAO,MAAM,oBAAoB,yFAQvB,CAAC;AAEX,oBAAY,iBAAiB,GAAG,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC;AAEpE,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,iBAAiB,CAAC;IACxB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,EAAE,eAAe,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK;;;;;;CAMjB,CAAC;;;;;;AA0CF,wBAuDE"}
|
package/lib/Avatar/Avatar.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { DefaultProps, MantineNumberSize, MantineColor, Selectors } from '@mantine/styles';
|
|
2
|
+
import { DefaultProps, MantineNumberSize, MantineColor, Selectors, MantineGradient } from '@mantine/styles';
|
|
3
3
|
import { AvatarGroup } from './AvatarGroup/AvatarGroup';
|
|
4
|
-
import useStyles, { AvatarStylesParams } from './Avatar.styles';
|
|
4
|
+
import useStyles, { AvatarStylesParams, AvatarVariant } from './Avatar.styles';
|
|
5
5
|
export declare type AvatarStylesNames = Selectors<typeof useStyles>;
|
|
6
6
|
export interface AvatarProps extends DefaultProps<AvatarStylesNames, AvatarStylesParams> {
|
|
7
7
|
/** Image url */
|
|
@@ -14,6 +14,10 @@ export interface AvatarProps extends DefaultProps<AvatarStylesNames, AvatarStyle
|
|
|
14
14
|
radius?: MantineNumberSize;
|
|
15
15
|
/** Color from theme.colors used for letter and icon placeholders */
|
|
16
16
|
color?: MantineColor;
|
|
17
|
+
/** Controls appearance */
|
|
18
|
+
variant?: AvatarVariant;
|
|
19
|
+
/** Controls gradient settings in gradient variant only */
|
|
20
|
+
gradient?: MantineGradient;
|
|
17
21
|
/** img element attributes */
|
|
18
22
|
imageProps?: Record<string, any>;
|
|
19
23
|
/** Custom placeholder */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,SAAS,
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,SAAS,EAET,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAIzB,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,OAAO,SAAS,EAAE,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE/E,oBAAY,iBAAiB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE5D,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,iBAAiB,EAAE,kBAAkB,CAAC;IACtF,gBAAgB;IAChB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpB,sDAAsD;IACtD,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,8BAA8B;IAC9B,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB,mEAAmE;IACnE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,oEAAoE;IACpE,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEjC,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AASD,eAAO,MAAM,OAAO,KA+CX,CAAC;AAKV,eAAO,MAAM,MAAM;;;;;;;WAA2D,kBAAkB;CAE/F,CAAC"}
|
|
@@ -1,10 +1,14 @@
|
|
|
1
|
-
import { MantineNumberSize, MantineColor, MantineTheme } from '@mantine/styles';
|
|
1
|
+
import { MantineNumberSize, MantineColor, MantineTheme, MantineGradient } from '@mantine/styles';
|
|
2
|
+
export declare const AVATAR_VARIANTS: readonly ["filled", "light", "gradient", "outline"];
|
|
3
|
+
export declare type AvatarVariant = typeof AVATAR_VARIANTS[number];
|
|
2
4
|
export interface AvatarStylesParams {
|
|
3
5
|
size: MantineNumberSize;
|
|
4
6
|
radius: MantineNumberSize;
|
|
5
7
|
color: MantineColor;
|
|
6
8
|
withinGroup: boolean;
|
|
7
9
|
spacing: MantineNumberSize;
|
|
10
|
+
variant: AvatarVariant;
|
|
11
|
+
gradient: MantineGradient;
|
|
8
12
|
}
|
|
9
13
|
export declare const sizes: {
|
|
10
14
|
xs: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.styles.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,YAAY,EAEZ,YAAY,
|
|
1
|
+
{"version":3,"file":"Avatar.styles.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,YAAY,EAEZ,YAAY,EACZ,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAEzB,eAAO,MAAM,eAAe,qDAAsD,CAAC;AAEnF,oBAAY,aAAa,GAAG,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC;AAE3D,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,iBAAiB,CAAC;IACxB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,OAAO,EAAE,aAAa,CAAC;IACvB,QAAQ,EAAE,eAAe,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK;;;;;;CAMjB,CAAC;;;;;;AAoBF,wBAsDE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAS,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAIpF,oBAAY,wBAAwB,GAAG,uBAAuB,CAAC;AAE/D,MAAM,WAAW,kBACf,SAAQ,YAAY,CAAC,wBAAwB,CAAC,EAC5C,qBAAqB,EACrB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,mCAAmC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IAEjB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAExB,gCAAgC;IAChC,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAEjC,yCAAyC;IACzC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAExC,2DAA2D;IAC3D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,qCAAqC;IACrC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,0EAA0E;IAC1E,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACpC;AASD,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAS,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAIpF,oBAAY,wBAAwB,GAAG,uBAAuB,CAAC;AAE/D,MAAM,WAAW,kBACf,SAAQ,YAAY,CAAC,wBAAwB,CAAC,EAC5C,qBAAqB,EACrB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,mCAAmC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IAEjB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAExB,gCAAgC;IAChC,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAEjC,yCAAyC;IACzC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAExC,2DAA2D;IAC3D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,qCAAqC;IACrC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,0EAA0E;IAC1E,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACpC;AASD,eAAO,MAAM,aAAa,2FAgDzB,CAAC"}
|
package/lib/Grid/Col/Col.d.ts
CHANGED
|
@@ -5,6 +5,18 @@ export interface ColProps extends DefaultProps, React.ComponentPropsWithoutRef<'
|
|
|
5
5
|
span?: number;
|
|
6
6
|
/** Column left offset */
|
|
7
7
|
offset?: number;
|
|
8
|
+
/** Default col order */
|
|
9
|
+
order?: React.CSSProperties['order'];
|
|
10
|
+
/** Col order at (min-width: theme.breakpoints.xs) */
|
|
11
|
+
orderXs?: React.CSSProperties['order'];
|
|
12
|
+
/** Col order at (min-width: theme.breakpoints.sm) */
|
|
13
|
+
orderSm?: React.CSSProperties['order'];
|
|
14
|
+
/** Col order at (min-width: theme.breakpoints.md) */
|
|
15
|
+
orderMd?: React.CSSProperties['order'];
|
|
16
|
+
/** Col order at (min-width: theme.breakpoints.lg) */
|
|
17
|
+
orderLg?: React.CSSProperties['order'];
|
|
18
|
+
/** Col order at (min-width: theme.breakpoints.xl) */
|
|
19
|
+
orderXl?: React.CSSProperties['order'];
|
|
8
20
|
/** Column left offset at (min-width: theme.breakpoints.xs) */
|
|
9
21
|
offsetXs?: number;
|
|
10
22
|
/** Column left offset at (min-width: theme.breakpoints.sm) */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Col.d.ts","sourceRoot":"","sources":["../../../src/Grid/Col/Col.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAA4B,MAAM,iBAAiB,CAAC;AAKzE,MAAM,WAAW,QAAS,SAAQ,YAAY,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACnF,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,oDAAoD;IACpD,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,oDAAoD;IACpD,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,oDAAoD;IACpD,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,oDAAoD;IACpD,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,oDAAoD;IACpD,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAeD,eAAO,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"Col.d.ts","sourceRoot":"","sources":["../../../src/Grid/Col/Col.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAA4B,MAAM,iBAAiB,CAAC;AAKzE,MAAM,WAAW,QAAS,SAAQ,YAAY,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACnF,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,wBAAwB;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAErC,qDAAqD;IACrD,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAEvC,qDAAqD;IACrD,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAEvC,qDAAqD;IACrD,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAEvC,qDAAqD;IACrD,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAEvC,qDAAqD;IACrD,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAEvC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,oDAAoD;IACpD,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,oDAAoD;IACpD,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,oDAAoD;IACpD,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,oDAAoD;IACpD,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,oDAAoD;IACpD,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAeD,eAAO,MAAM,GAAG,iFAsEd,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { MantineNumberSize, MantineTheme } from '@mantine/styles';
|
|
2
3
|
interface ColStyles {
|
|
3
4
|
gutter: MantineNumberSize;
|
|
@@ -15,6 +16,12 @@ interface ColStyles {
|
|
|
15
16
|
md: number;
|
|
16
17
|
lg: number;
|
|
17
18
|
xl: number;
|
|
19
|
+
order: React.CSSProperties['order'];
|
|
20
|
+
orderXs: React.CSSProperties['order'];
|
|
21
|
+
orderSm: React.CSSProperties['order'];
|
|
22
|
+
orderMd: React.CSSProperties['order'];
|
|
23
|
+
orderLg: React.CSSProperties['order'];
|
|
24
|
+
orderXl: React.CSSProperties['order'];
|
|
18
25
|
}
|
|
19
26
|
declare const _default: (params: ColStyles, options?: import("@mantine/styles").UseStylesOptions<"root">) => {
|
|
20
27
|
classes: Record<"root", string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Col.styles.d.ts","sourceRoot":"","sources":["../../../src/Grid/Col/Col.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAGjB,YAAY,EACb,MAAM,iBAAiB,CAAC;AAEzB,UAAU,SAAS;IACjB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Col.styles.d.ts","sourceRoot":"","sources":["../../../src/Grid/Col/Col.styles.ts"],"names":[],"mappings":";AAAA,OAAO,EAEL,iBAAiB,EAGjB,YAAY,EACb,MAAM,iBAAiB,CAAC;AAEzB,UAAU,SAAS;IACjB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACpC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACtC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACtC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACtC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACtC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;CACvC;;;;;;AAmCD,wBA8CE"}
|
|
@@ -12,8 +12,10 @@ export interface InputWrapperBaseProps {
|
|
|
12
12
|
description?: React.ReactNode;
|
|
13
13
|
/** Displays error message after input */
|
|
14
14
|
error?: React.ReactNode;
|
|
15
|
-
/** Adds red asterisk on the right side of label */
|
|
15
|
+
/** Adds required attribute to the input and red asterisk on the right side of label */
|
|
16
16
|
required?: boolean;
|
|
17
|
+
/** Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input */
|
|
18
|
+
withAsterisk?: boolean;
|
|
17
19
|
/** Props spread to label element */
|
|
18
20
|
labelProps?: Record<string, any>;
|
|
19
21
|
/** Props spread to description element */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputWrapper.d.ts","sourceRoot":"","sources":["../../../src/Input/InputWrapper/InputWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAA4B,MAAM,iBAAiB,CAAC;AAEjG,OAAO,EAAc,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAc,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAEL,2BAA2B,EAC5B,MAAM,sCAAsC,CAAC;AAG9C,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAE9C,oBAAY,uBAAuB,GAC/B,SAAS,CAAC,OAAO,SAAS,CAAC,GAC3B,qBAAqB,GACrB,qBAAqB,GACrB,2BAA2B,CAAC;AAEhC,MAAM,WAAW,qBAAqB;IACpC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B,yCAAyC;IACzC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,
|
|
1
|
+
{"version":3,"file":"InputWrapper.d.ts","sourceRoot":"","sources":["../../../src/Input/InputWrapper/InputWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAA4B,MAAM,iBAAiB,CAAC;AAEjG,OAAO,EAAc,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAc,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAEL,2BAA2B,EAC5B,MAAM,sCAAsC,CAAC;AAG9C,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAE9C,oBAAY,uBAAuB,GAC/B,SAAS,CAAC,OAAO,SAAS,CAAC,GAC3B,qBAAqB,GACrB,qBAAqB,GACrB,2BAA2B,CAAC;AAEhC,MAAM,WAAW,qBAAqB;IACpC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B,yCAAyC;IACzC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,qIAAqI;IACrI,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEjC,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEvC,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEjC,4DAA4D;IAC5D,cAAc,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;IAE5D,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,CAAC,OAAO,GAAG,OAAO,GAAG,aAAa,GAAG,OAAO,CAAC,EAAE,CAAC;CACrE;AAED,MAAM,WAAW,iBACf,SAAQ,YAAY,CAAC,uBAAuB,CAAC,EAC3C,qBAAqB,EACrB,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACvC,mCAAmC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,yBAAyB;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,mDAAmD;IACnD,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAE/B,sCAAsC;IACtC,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AASD,eAAO,MAAM,YAAY,0FAgGvB,CAAC"}
|
|
@@ -5,7 +5,7 @@ interface BaseProps extends InputWrapperBaseProps, InputSharedProps, DefaultProp
|
|
|
5
5
|
__staticSelector?: string;
|
|
6
6
|
id?: string;
|
|
7
7
|
}
|
|
8
|
-
export declare function useInputProps<T extends BaseProps>(component: string, defaultProps: Partial<T>, props: T): Omit<import("@mantine/styles").MantineStyleSystemProps & Omit<T, "className" | "style" | "sx" | "classNames" | "styles" | "unstyled" | "label" | "id" | "required" | "size" | "__staticSelector" | "error" | "description" | "labelProps" | "descriptionProps" | "errorProps" | "inputContainer" | "inputWrapperOrder" | "wrapperProps">, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr"> & {
|
|
8
|
+
export declare function useInputProps<T extends BaseProps>(component: string, defaultProps: Partial<T>, props: T): Omit<import("@mantine/styles").MantineStyleSystemProps & Omit<T, "className" | "style" | "sx" | "classNames" | "styles" | "unstyled" | "label" | "id" | "required" | "size" | "__staticSelector" | "error" | "description" | "withAsterisk" | "labelProps" | "descriptionProps" | "errorProps" | "inputContainer" | "inputWrapperOrder" | "wrapperProps">, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr"> & {
|
|
9
9
|
classNames: Partial<Record<never, string>>;
|
|
10
10
|
styles: import("@mantine/styles").Styles<never, never>;
|
|
11
11
|
unstyled: boolean;
|
|
@@ -42,6 +42,7 @@ export declare function useInputProps<T extends BaseProps>(component: string, de
|
|
|
42
42
|
style: import("react").CSSProperties;
|
|
43
43
|
inputContainer: (children: import("react").ReactNode) => import("react").ReactNode;
|
|
44
44
|
inputWrapperOrder: ("input" | "label" | "error" | "description")[];
|
|
45
|
+
withAsterisk: boolean;
|
|
45
46
|
};
|
|
46
47
|
inputProps: {
|
|
47
48
|
required: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-input-props.d.ts","sourceRoot":"","sources":["../../src/Input/use-input-props.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAuB,MAAM,iBAAiB,CAAC;AAE9F,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,UAAU,SAAU,SAAQ,qBAAqB,EAAE,gBAAgB,EAAE,YAAY;IAC/E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,aAAa,CAAC,CAAC,SAAS,SAAS,EAC/C,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,EACxB,KAAK,EAAE,CAAC
|
|
1
|
+
{"version":3,"file":"use-input-props.d.ts","sourceRoot":"","sources":["../../src/Input/use-input-props.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAuB,MAAM,iBAAiB,CAAC;AAE9F,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,UAAU,SAAU,SAAQ,qBAAqB,EAAE,gBAAgB,EAAE,YAAY;IAC/E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,aAAa,CAAC,CAAC,SAAS,SAAS,EAC/C,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,EACxB,KAAK,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsET"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../src/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAQ5D,OAAO,EACL,YAAY,EACZ,SAAS,EAIV,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAgB,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAMpF,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAErF,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,oBAAY,sBAAsB,GAC9B,uBAAuB,GACvB,OAAO,CACL,SAAS,CAAC,OAAO,SAAS,CAAC,EAC3B,kBAAkB,GAAG,wBAAwB,GAAG,oBAAoB,CACrE,GACD,OAAO,CAAC,qBAAqB,EAAE,UAAU,CAAC,CAAC;AAE/C,MAAM,WAAW,gBACf,SAAQ,YAAY,CAAC,sBAAsB,CAAC,EAC1C,eAAe,EACf,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,CAAC;IACzD,sCAAsC;IACtC,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAE/B,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,6DAA6D;IAC7D,MAAM,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,GAAG,OAAO,CAAC;IAErE,+CAA+C;IAC/C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,4CAA4C;IAC5C,cAAc,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErC,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,mCAAmC;IACnC,cAAc,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEhD,gEAAgE;IAChE,YAAY,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAE1D,4CAA4C;IAC5C,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAEjE,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,GAAG,CAAC;IAExB,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,sCAAsC;IACtC,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,8EAA8E;IAC9E,mBAAmB,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,WAK/E;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,WAEpE;AAyCD,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../src/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAQ5D,OAAO,EACL,YAAY,EACZ,SAAS,EAIV,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAgB,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAMpF,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAErF,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,oBAAY,sBAAsB,GAC9B,uBAAuB,GACvB,OAAO,CACL,SAAS,CAAC,OAAO,SAAS,CAAC,EAC3B,kBAAkB,GAAG,wBAAwB,GAAG,oBAAoB,CACrE,GACD,OAAO,CAAC,qBAAqB,EAAE,UAAU,CAAC,CAAC;AAE/C,MAAM,WAAW,gBACf,SAAQ,YAAY,CAAC,sBAAsB,CAAC,EAC1C,eAAe,EACf,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,CAAC;IACzD,sCAAsC;IACtC,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAE/B,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,6DAA6D;IAC7D,MAAM,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,GAAG,OAAO,CAAC;IAErE,+CAA+C;IAC/C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,4CAA4C;IAC5C,cAAc,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErC,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,mCAAmC;IACnC,cAAc,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEhD,gEAAgE;IAChE,YAAY,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAE1D,4CAA4C;IAC5C,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAEjE,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,GAAG,CAAC;IAExB,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,sCAAsC;IACtC,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,8EAA8E;IAC9E,mBAAmB,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,WAK/E;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,WAEpE;AAyCD,eAAO,MAAM,WAAW,2FA2kBtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../src/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EACL,SAAS,EACT,YAAY,EAIb,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGpE,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,oBAAY,wBAAwB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,GAAG,oBAAoB,CAAC;AAE1F,MAAM,WAAW,kBACf,SAAQ,YAAY,CAAC,wBAAwB,CAAC,EAC5C,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,QAAQ,CAAC;IAC/C,6EAA6E;IAC7E,cAAc,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;IAExB,8CAA8C;IAC9C,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAEnE,8CAA8C;IAC9C,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAiCD,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../src/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EACL,SAAS,EACT,YAAY,EAIb,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGpE,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,oBAAY,wBAAwB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,GAAG,oBAAoB,CAAC;AAE1F,MAAM,WAAW,kBACf,SAAQ,YAAY,CAAC,wBAAwB,CAAC,EAC5C,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,QAAQ,CAAC;IAC/C,6EAA6E;IAC7E,cAAc,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;IAExB,8CAA8C;IAC9C,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAEnE,8CAA8C;IAC9C,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAiCD,eAAO,MAAM,aAAa,6FAuHxB,CAAC"}
|
|
@@ -2,6 +2,12 @@ import React from 'react';
|
|
|
2
2
|
import { DefaultProps, MantineNumberSize, MantineColor, Selectors } from '@mantine/styles';
|
|
3
3
|
import useStyles, { ProgressStylesParams } from './Progress.styles';
|
|
4
4
|
export declare type ProgressStylesNames = Selectors<typeof useStyles>;
|
|
5
|
+
interface ProgressSection {
|
|
6
|
+
value: number;
|
|
7
|
+
color: MantineColor;
|
|
8
|
+
label?: string;
|
|
9
|
+
tooltip?: React.ReactNode;
|
|
10
|
+
}
|
|
5
11
|
export interface ProgressProps extends DefaultProps<ProgressStylesNames, ProgressStylesParams>, React.ComponentPropsWithoutRef<'div'> {
|
|
6
12
|
/** Percent of filled bar (0-100) */
|
|
7
13
|
value?: number;
|
|
@@ -18,11 +24,8 @@ export interface ProgressProps extends DefaultProps<ProgressStylesNames, Progres
|
|
|
18
24
|
/** Text to be placed inside the progress bar */
|
|
19
25
|
label?: string;
|
|
20
26
|
/** Replaces value if present, renders multiple sections instead of single one */
|
|
21
|
-
sections?:
|
|
22
|
-
value: number;
|
|
23
|
-
color: MantineColor;
|
|
24
|
-
label?: string;
|
|
25
|
-
}[];
|
|
27
|
+
sections?: ProgressSection[];
|
|
26
28
|
}
|
|
27
29
|
export declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
+
export {};
|
|
28
31
|
//# sourceMappingURL=Progress.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/Progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,SAAS,EAEV,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/Progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,SAAS,EAEV,MAAM,iBAAiB,CAAC;AAIzB,OAAO,SAAS,EAAE,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAEpE,oBAAY,mBAAmB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE9D,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,EAC7D,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACvC,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,gCAAgC;IAChC,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,mBAAmB;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,iFAAiF;IACjF,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;CAC9B;AAuBD,eAAO,MAAM,QAAQ,sFA6DnB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/Radio/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAS,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAIpF,oBAAY,qBAAqB,GAAG,uBAAuB,CAAC;AAE5D,MAAM,WAAW,eACf,SAAQ,YAAY,CAAC,qBAAqB,CAAC,EACzC,qBAAqB,EACrB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,2BAA2B;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,gCAAgC;IAChC,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAE/B,yCAAyC;IACzC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAExC,uDAAuD;IACvD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,qCAAqC;IACrC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,uEAAuE;IACvE,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACpC;AASD,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/Radio/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAS,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAIpF,oBAAY,qBAAqB,GAAG,uBAAuB,CAAC;AAE5D,MAAM,WAAW,eACf,SAAQ,YAAY,CAAC,qBAAqB,CAAC,EACzC,qBAAqB,EACrB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,2BAA2B;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,gCAAgC;IAChC,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAE/B,yCAAyC;IACzC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAExC,uDAAuD;IACvD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,qCAAqC;IACrC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,uEAAuE;IACvE,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACpC;AASD,eAAO,MAAM,UAAU,wFAkDtB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { MantineColor } from '@mantine/styles';
|
|
3
3
|
interface CurveProps {
|
|
4
4
|
value?: number;
|
|
@@ -9,8 +9,9 @@ interface CurveProps {
|
|
|
9
9
|
lineRoundCaps: boolean;
|
|
10
10
|
root?: boolean;
|
|
11
11
|
color?: MantineColor;
|
|
12
|
+
tooltip?: React.ReactNode;
|
|
12
13
|
}
|
|
13
|
-
export declare function Curve({ size, value, offset, sum, thickness, root, color, lineRoundCaps, }: CurveProps): JSX.Element;
|
|
14
|
+
export declare function Curve({ size, value, offset, sum, thickness, root, color, lineRoundCaps, tooltip, }: CurveProps): JSX.Element;
|
|
14
15
|
export declare namespace Curve {
|
|
15
16
|
var displayName: string;
|
|
16
17
|
}
|