Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@mantine/core

Package Overview
Dependencies
Maintainers
1
Versions
387
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@mantine/core - npm Package Compare versions

Comparing version 0.8.0 to 0.9.0

dist/mantine-tag-picker/src/TagEdit/CheckIcon.d.ts
dist/mantine-tag-picker/src/TagEdit/CheckIcon.d.ts.map
dist/mantine-tag-picker/src/TagItem/MenuIcon.d.ts
dist/mantine-tag-picker/src/TagItem/MenuIcon.d.ts.map

7

dist/mantine-core/src/Card/CardsGrid/CardsGrid.d.ts

@@ -8,7 +8,2 @@ import React from 'react';

cardsPerRow?: number;
/** Amount of cards that should be in each row at given max-width, overrides cardsPerRow at given breakpoint */
breakpoints?: {
maxWidth: number | string;
cardsPerRow: number;
}[];
/** Should last row items fill all available space */

@@ -19,3 +14,3 @@ grow?: boolean;

}
export declare function CardsGrid({ gutter, cardsPerRow, breakpoints, grow, children, className, themeOverride, ...others }: CardsGridProps): JSX.Element;
export declare function CardsGrid({ gutter, cardsPerRow, grow, children, className, themeOverride, ...others }: CardsGridProps): JSX.Element;
export declare namespace CardsGrid {

@@ -22,0 +17,0 @@ var displayName: string;

4

dist/mantine-core/src/Card/CardsGrid/CardsGrid.styles.d.ts

@@ -6,6 +6,2 @@ import { MantineNumberSize, MantineTheme } from "../../../../mantine-theme/src";

cardsPerRow: number;
breakpoints: {
maxWidth: number | string;
cardsPerRow: number;
}[];
grow: boolean;

@@ -12,0 +8,0 @@ }

2

dist/mantine-core/src/ColorSwatch/ColorSwatch.d.ts

@@ -12,3 +12,3 @@ import React from 'react';

}
export declare function ColorSwatch<T extends React.ElementType = 'div', U = HTMLDivElement>({ component: Element, color, size, style, radius, className, ...others }: ComponentPassThrough<T, ColorSwatchProps> & {
export declare function ColorSwatch<T extends React.ElementType = 'div', U = HTMLDivElement>({ component: Element, color, size, style, radius, className, themeOverride, ...others }: ComponentPassThrough<T, ColorSwatchProps> & {
/** Get element ref */

@@ -15,0 +15,0 @@ elementRef?: React.ForwardedRef<U>;

3

dist/mantine-core/src/index.d.ts
export * from "../../mantine-theme/src";
export type { InputProps } from './Input/Input';
export type { InputWrapperBaseProps } from './InputWrapper/InputWrapper';
export type { MantineTransition } from './Transition/Transition';
export { ActionIcon, ACTION_ICON_SIZES } from './ActionIcon/ActionIcon';

@@ -42,3 +43,3 @@ export { Alert } from './Alert/Alert';

export { Tabs, Tab } from './Tabs/Tabs';
export { Text } from './Text/Text';
export { Text, Anchor } from './Text/Text';
export { Textarea } from './Textarea/Textarea';

@@ -45,0 +46,0 @@ export { TextInput } from './TextInput/TextInput';

2

dist/mantine-core/src/Table/Table.styles.d.ts

@@ -8,4 +8,4 @@ import { MantineTheme } from "../../../mantine-theme/src";

theme?: MantineTheme;
}) => import("jss").Classes<"table" | "hover" | "striped">;
}) => import("jss").Classes<"table" | "striped" | "hover">;
export default _default;
//# sourceMappingURL=Table.styles.d.ts.map

6

dist/mantine-core/src/Text/Text.d.ts

@@ -26,2 +26,8 @@ import React from 'react';

}
export declare function Anchor<T extends React.ElementType = 'a', U = HTMLAnchorElement>({ component, ...others }: ComponentPassThrough<T, TextProps> & {
elementRef?: React.ForwardedRef<U>;
}): JSX.Element;
export declare namespace Anchor {
var displayName: string;
}
//# sourceMappingURL=Text.d.ts.map

2

dist/mantine-hooks/src/index.d.ts

@@ -7,3 +7,3 @@ export { useClickOutside } from './use-click-outside/use-click-outside';

export { useForm } from './use-form/use-form';
export { useId } from './use-id/use-id';
export { useId, randomId } from './use-id/use-id';
export { useListState } from './use-list-state/use-list-state';

@@ -10,0 +10,0 @@ export { useLocalStorageValue } from './use-local-storage-value/use-local-storage-value';

3

dist/mantine-hooks/src/use-id/use-id.d.ts

@@ -1,2 +0,3 @@

export declare function useId(id?: string, generateId?: (size: number) => string): string;
export declare function randomId(): string;
export declare function useId(id?: string, generateId?: () => string): string;
//# sourceMappingURL=use-id.d.ts.map

4

dist/mantine-tag-picker/src/index.d.ts

@@ -1,3 +0,3 @@

export { TagPickerColor, TagPickerTag } from './types';
export { default as TagPicker } from './TagPickerContainer';
export type { TagPickerColor, TagPickerTag } from './types';
export { TagPickerContainer as TagPicker } from './TagPickerContainer';
//# sourceMappingURL=index.d.ts.map

7

dist/mantine-tag-picker/src/TagEdit/TagEdit.d.ts

@@ -9,2 +9,4 @@ import React from 'react';

deleteLabel: string;
tagNameEditLabel?: string;
saveLabel: string;
onTagUpdate(id: string, values: Omit<TagPickerTag, 'id'>): void;

@@ -18,7 +20,6 @@ onTagDelete(id: string): void;

}
declare function TagEdit({ style, onClose, initialValues, deleteLabel, colors, onTagUpdate, onTagDelete, id, themeOverride, enableDelete, enableColorChange, }: TagEditProps): JSX.Element;
declare namespace TagEdit {
export declare function TagEdit({ style, onClose, initialValues, deleteLabel, colors, onTagUpdate, onTagDelete, id, saveLabel, tagNameEditLabel, themeOverride, enableDelete, enableColorChange, }: TagEditProps): JSX.Element;
export declare namespace TagEdit {
var displayName: string;
}
export default TagEdit;
//# sourceMappingURL=TagEdit.d.ts.map

10

dist/mantine-tag-picker/src/TagItem/TagItem.d.ts

@@ -7,4 +7,8 @@ import { MantineThemeOverride } from "../../../mantine-core/src";

data: TagPickerTag;
selected?: TagPickerTag;
colors: TagPickerColor[];
deleteLabel: string;
tagNameEditLabel?: string;
saveLabel: string;
editTagLabel: string;
onSelect(value: TagPickerTag): void;

@@ -21,7 +25,7 @@ onTagUpdate(id: string, values: Omit<TagPickerTag, 'id'>): void;

}
declare function TagItem({ index, hovered, data, onSelect, onTagUpdate, onHover, deleteLabel, colors, onTagDelete, onEventsCaptureChange, themeOverride, enableUpdate, enableDelete, enableColorChange, transitionDuration, }: TagItemProps): JSX.Element;
declare namespace TagItem {
export declare function TagItem({ index, hovered, data, onSelect, onTagUpdate, onHover, deleteLabel, saveLabel, editTagLabel, tagNameEditLabel, colors, selected, onTagDelete, onEventsCaptureChange, themeOverride, enableUpdate, enableDelete, enableColorChange, transitionDuration, }: TagItemProps): JSX.Element;
export declare namespace TagItem {
var displayName: string;
}
export default TagItem;
export {};
//# sourceMappingURL=TagItem.d.ts.map

4

dist/mantine-tag-picker/src/TagPicker/TagPicker.d.ts

@@ -10,5 +10,7 @@ import React from 'react';

noValueLabel: string;
labelledBy?: string;
controlId?: string;
}
export default function TagPicker({ dropdownOpened, openDropdown, closeDropdown, controlRef, value, noValueLabel, themeOverride, transitionDuration, ...others }: TagPickerProps): JSX.Element;
export declare function TagPicker({ dropdownOpened, openDropdown, closeDropdown, controlRef, value, noValueLabel, themeOverride, transitionDuration, controlId, labelledBy, ...others }: TagPickerProps): JSX.Element;
export {};
//# sourceMappingURL=TagPicker.d.ts.map

47

dist/mantine-tag-picker/src/TagPickerContainer.d.ts
import React from 'react';
import { DefaultProps } from "../../mantine-core/src";
import { DefaultProps, MantineTransition } from "../../mantine-core/src";
import { TagPickerTag, TagPickerColor } from './types';
interface TagPickerProps extends DefaultProps {
/** Options which should be rendered in the dropdown list */
data: TagPickerTag[];
/** Currently selected tag */
value?: TagPickerTag;
/** Called when user selects tag */
onChange(value: TagPickerTag): void;
/** Possible colors which tag can have */
colors?: TagPickerColor[];
value?: TagPickerTag;
/** Description displayed after search input */
description?: string;
createLabel: string;
deleteLabel: string;
/** Label for create control */
createLabel?: string;
/** Label for delete control */
deleteLabel?: string;
/** aria-label for save control */
saveLabel?: string;
/** aria-label for tag name edit field */
tagNameEditLabel?: string;
/** aria-label for edit tag control */
editTagLabel?: string;
/** aria-labelledby attribute for button control */
labelledBy?: string;
/** Set id on control, use it to connect with label */
controlId?: string;
/** Tag with this value is displayed when value prop is null */
noValueLabel: string;
/** Search field placeholder */
searchPlaceholder?: string;
/** Enable user to create new tags */
enableCreate?: boolean;
/** Enable user to update existing tags */
enableUpdate?: boolean;
/** Enable user to delete existing tags */
enableDelete?: boolean;
/** Enable user to change tag colors */
enableColorChange?: boolean;
/** Mount/unmount transitions for all dropdowns */
transition?: MantineTransition;
/** Mount/unmount transitions transitionTimingFunction, defaults to theme.transitionTimingFunction */
transitionTimingFunction?: string;
/** Mount/unmount transition duration for all dropdowns */
transitionDuration?: number;
/** Called when dropdown opens */
onDropdownOpen?(): void;
/** Called when dropdown closes */
onDropdownClose?(): void;
/** Called when search changes */
onSearchChange?(query: string): void;
/** Get control ref */
controlRef?: React.RefCallback<HTMLButtonElement>;
onChange(value: TagPickerTag): void;
/** Called when user creates new tag */
onTagCreate?(values: Omit<TagPickerTag, 'id'>): TagPickerTag;
/** Called when user deletes tag */
onTagDelete?(id: string): void;
/** Called when user updates tag */
onTagUpdate?(id: string, values: Omit<TagPickerTag, 'id'>): void;
}
export default function TagPickerContainer({ transitionDuration, ...props }: TagPickerProps): JSX.Element;
export declare function TagPickerContainer({ transitionDuration, ...props }: TagPickerProps): JSX.Element;
export {};
//# sourceMappingURL=TagPickerContainer.d.ts.map

12

dist/mantine-tag-picker/src/TagsList/TagsList.d.ts

@@ -1,2 +0,2 @@

import { MantineThemeOverride } from "../../../mantine-core/src";
import { MantineThemeOverride, MantineTransition } from "../../../mantine-core/src";
import { TagPickerColor, TagPickerTag } from '../types';

@@ -12,3 +12,6 @@ export interface TagsListProps {

createLabel?: string;
tagNameEditLabel?: string;
saveLabel?: string;
deleteLabel?: string;
editTagLabel?: string;
colors: TagPickerColor[];

@@ -30,8 +33,9 @@ createColor: string;

transitionDuration?: number;
transition?: MantineTransition;
transitionTimingFunction?: string;
}
declare function TagsList({ searchQuery, searchPlaceholder, description, hovered, data, canCreate, createLabel, deleteLabel, colors, createColor, onSearchChange, onCreate, onTagDelete, onTagUpdate, onChange, onHoveredChange, onEventsCaptureChange, onArrowsCaptureChange, themeOverride, enableCreate, enableUpdate, enableDelete, enableColorChange, transitionDuration, }: TagsListProps): JSX.Element;
declare namespace TagsList {
export declare function TagsList({ searchQuery, searchPlaceholder, description, hovered, data, value, canCreate, createLabel, deleteLabel, saveLabel, editTagLabel, tagNameEditLabel, colors, createColor, onSearchChange, onCreate, onTagDelete, onTagUpdate, onChange, onHoveredChange, onEventsCaptureChange, onArrowsCaptureChange, themeOverride, enableCreate, enableUpdate, enableDelete, enableColorChange, transitionDuration, }: TagsListProps): JSX.Element;
export declare namespace TagsList {
var displayName: string;
}
export default TagsList;
//# sourceMappingURL=TagsList.d.ts.map

5

dist/mantine-tag-picker/src/TagsList/TagsList.styles.d.ts
import { MantineTheme } from "../../../mantine-core/src";
declare const _default: (data?: {
interface TagPickerStyles {
theme: MantineTheme;
} & {
}
declare const _default: (data?: TagPickerStyles & {
theme?: MantineTheme;

@@ -6,0 +7,0 @@ }) => import("jss").Classes<"description" | "tagsList" | "searchInput" | "createControl" | "createControlBadge" | "createControlLabel" | "createControlHovered">;

4

package.json
{
"name": "@mantine/core",
"version": "0.8.0",
"version": "0.9.0",
"main": "dist/lib.js",

@@ -10,3 +10,3 @@ "license": "MIT",

"peerDependencies": {
"@mantine/hooks": "0.8.0",
"@mantine/hooks": "0.9.0",
"react": ">=16.8.0",

@@ -13,0 +13,0 @@ "react-dom": ">=16.8.0",

2

README.md

@@ -5,2 +5,4 @@ # Mantine

![Banner](https://raw.githubusercontent.com/mantinedev/mantine/master/.demo/mantine-ph.png)
## Links

@@ -7,0 +9,0 @@

17

src/Card/CardsGrid/CardsGrid.styles.ts

@@ -8,3 +8,2 @@ import { createUseStyles } from 'react-jss';

cardsPerRow: number;
breakpoints: { maxWidth: number | string; cardsPerRow: number }[];
grow: boolean;

@@ -15,3 +14,3 @@ }

{
grid: ({ theme, gutter, cardsPerRow, breakpoints, grow }: CardsGridStyles) => {
grid: ({ theme, gutter, cardsPerRow, grow }: CardsGridStyles) => {
const gutterSize = getSizeValue({ size: gutter, sizes: theme.spacing });

@@ -21,16 +20,3 @@

`${grow ? 1 : 0} 0 calc(${100 / perRow}% - ${gutterSize}px)`;
const breakpointsStyles = breakpoints.reduce((acc, breakpoint) => {
acc[
`@media (max-width: ${breakpoint.maxWidth}${
typeof breakpoint.maxWidth === 'number' ? 'px' : ''
})`
] = {
'& [data-mantine-card]': {
flex: getCardFlex(breakpoint.cardsPerRow),
},
};
return acc;
}, {});
return {

@@ -45,3 +31,2 @@ display: 'flex',

},
...breakpointsStyles,
};

@@ -48,0 +33,0 @@ },

3

src/ColorSwatch/ColorSwatch.styles.ts

@@ -15,2 +15,5 @@ import { createUseStyles } from 'react-jss';

borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),
appearance: 'none',
WebkitAppearance: 'none',
padding: 0,
}),

@@ -17,0 +20,0 @@ },

3

src/index.ts

@@ -5,2 +5,3 @@ export * from '@mantine/theme';

export type { InputWrapperBaseProps } from './InputWrapper/InputWrapper';
export type { MantineTransition } from './Transition/Transition';

@@ -45,3 +46,3 @@ export { ActionIcon, ACTION_ICON_SIZES } from './ActionIcon/ActionIcon';

export { Tabs, Tab } from './Tabs/Tabs';
export { Text } from './Text/Text';
export { Text, Anchor } from './Text/Text';
export { Textarea } from './Textarea/Textarea';

@@ -48,0 +49,0 @@ export { TextInput } from './TextInput/TextInput';

6

src/Title/Title.styles.ts

@@ -21,2 +21,8 @@ import { createUseStyles } from 'react-jss';

color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,
'@media (max-width: 755px)': {
fontSize:
typeof theme.headings.sizes[element].fontSize === 'number' &&
(theme.headings.sizes[element].fontSize as number) / 1.3,
},
}),

@@ -23,0 +29,0 @@ },

4

src/Tooltip/Tooltip.styles.ts

@@ -155,3 +155,3 @@ import { createUseStyles } from 'react-jss';

'&$end $tooltipInner$withArrow::before': {
top: arrowSize,
bottom: arrowSize,
},

@@ -183,3 +183,3 @@ }),

'&$end $tooltipInner$withArrow::before': {
top: arrowSize,
bottom: arrowSize,
},

@@ -186,0 +186,0 @@ }),

11

src/TypographyStylesProvider/TypographyStylesProvider.styles.ts

@@ -18,2 +18,8 @@ import { createUseStyles } from 'react-jss';

...theme.headings.sizes[h],
'@media (max-width: 755px)': {
fontSize:
typeof theme.headings.sizes[h].fontSize === 'number' &&
(theme.headings.sizes[h].fontSize as number) / 1.3,
},
};

@@ -28,3 +34,8 @@

lineHeight: theme.lineHeight,
fontSize: theme.fontSizes.md,
'@media (max-width: 755px)': {
fontSize: theme.fontSizes.sm,
},
...headings,

@@ -31,0 +42,0 @@ 

dist/lib.js

Sorry, the diff of this file is too big to display

dist/lib.js.map

Sorry, the diff of this file is not supported yet

dist/mantine-core/src/Card/CardsGrid/CardsGrid.d.ts.map

Sorry, the diff of this file is not supported yet

dist/mantine-core/src/Card/CardsGrid/CardsGrid.styles.d.ts.map

Sorry, the diff of this file is not supported yet

dist/mantine-core/src/ColorSwatch/ColorSwatch.d.ts.map

Sorry, the diff of this file is not supported yet

dist/mantine-core/src/ColorSwatch/ColorSwatch.styles.d.ts.map

Sorry, the diff of this file is not supported yet

dist/mantine-core/src/index.d.ts.map

Sorry, the diff of this file is not supported yet

dist/mantine-core/src/Text/Text.d.ts.map

Sorry, the diff of this file is not supported yet

dist/mantine-core/src/Title/Title.styles.d.ts.map

Sorry, the diff of this file is not supported yet

dist/mantine-core/src/TypographyStylesProvider/TypographyStylesProvider.styles.d.ts.map

Sorry, the diff of this file is not supported yet

dist/mantine-demos/src/IntermediateCheckbox/IntermediateCheckbox.d.ts.map

Sorry, the diff of this file is not supported yet

dist/mantine-demos/src/TodoList/TodoList.d.ts.map

Sorry, the diff of this file is not supported yet

dist/mantine-demos/src/TransactionsTable/TransactionsTable.d.ts.map

Sorry, the diff of this file is not supported yet

dist/mantine-hooks/src/index.d.ts.map

Sorry, the diff of this file is not supported yet

dist/mantine-hooks/src/use-id/use-id.d.ts.map

Sorry, the diff of this file is not supported yet

dist/mantine-tag-picker/src/index.d.ts.map

Sorry, the diff of this file is not supported yet

dist/mantine-tag-picker/src/TagEdit/TagEdit.d.ts.map

Sorry, the diff of this file is not supported yet

dist/mantine-tag-picker/src/TagEdit/TagEdit.styles.d.ts.map

Sorry, the diff of this file is not supported yet

dist/mantine-tag-picker/src/TagItem/TagItem.d.ts.map

Sorry, the diff of this file is not supported yet

dist/mantine-tag-picker/src/TagPicker/TagPicker.d.ts.map

Sorry, the diff of this file is not supported yet

dist/mantine-tag-picker/src/TagPicker/TagPicker.styles.d.ts.map

Sorry, the diff of this file is not supported yet

dist/mantine-tag-picker/src/TagPickerContainer.d.ts.map

Sorry, the diff of this file is not supported yet

dist/mantine-tag-picker/src/TagsList/TagsList.d.ts.map

Sorry, the diff of this file is not supported yet

dist/mantine-tag-picker/src/TagsList/TagsList.styles.d.ts.map

Sorry, the diff of this file is not supported yet

src/Card/Card.story.tsx

Sorry, the diff of this file is not supported yet

src/Card/CardsGrid/CardsGrid.tsx

Sorry, the diff of this file is not supported yet

src/ColorSwatch/ColorSwatch.tsx

Sorry, the diff of this file is not supported yet

src/NumberInput/NumberInput.tsx

Sorry, the diff of this file is not supported yet

src/Text/Text.story.tsx

Sorry, the diff of this file is not supported yet

src/Text/Text.test.tsx

Sorry, the diff of this file is not supported yet

src/Text/Text.tsx

Sorry, the diff of this file is not supported yet

src/Tooltip/Tooltip.story.tsx

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc