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

@mantine/styles

Package Overview
Dependencies
Maintainers
1
Versions
211
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@mantine/styles - npm Package Compare versions

Comparing version 5.9.6 to 5.10.0

2

lib/theme/types/ColorScheme.d.ts

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

export declare type ColorScheme = 'light' | 'dark';
export type ColorScheme = 'light' | 'dark';
//# sourceMappingURL=ColorScheme.d.ts.map

@@ -1,4 +0,4 @@

export declare type DeepPartial<T> = {
export type DeepPartial<T> = {
[P in keyof T]?: T[P] extends Function ? T[P] : DeepPartial<T[P]>;
};
//# sourceMappingURL=DeepPartial.d.ts.map

@@ -5,5 +5,5 @@ import type { CSSProperties } from 'react';

import type { CSSObject } from '../../tss';
export declare type Sx = CSSObject | ((theme: MantineTheme) => CSSObject);
export declare type ClassNames<StylesNames extends string> = Partial<Record<StylesNames, string>>;
export declare type Styles<StylesNames extends string, StylesParams extends Record<string, any> = never> = Partial<Record<StylesNames, CSSObject>> | ((theme: MantineTheme, params: StylesParams) => Partial<Record<StylesNames, CSSObject>>);
export type Sx = CSSObject | ((theme: MantineTheme) => CSSObject);
export type ClassNames<StylesNames extends string> = Partial<Record<StylesNames, string>>;
export type Styles<StylesNames extends string, StylesParams extends Record<string, any> = never> = Partial<Record<StylesNames, CSSObject>> | ((theme: MantineTheme, params: StylesParams) => Partial<Record<StylesNames, CSSObject>>);
export interface DefaultProps<StylesNames extends string = never, StylesParams extends Record<string, any> = Record<string, any>> extends MantineStyleSystemProps {

@@ -10,0 +10,0 @@ className?: string;

import { Tuple } from './Tuple';
export declare type DefaultMantineColor = 'dark' | 'gray' | 'red' | 'pink' | 'grape' | 'violet' | 'indigo' | 'blue' | 'cyan' | 'green' | 'lime' | 'yellow' | 'orange' | 'teal' | (string & {});
export declare type MantineThemeColorsOverride = {};
export declare type MantineThemeColors = MantineThemeColorsOverride extends {
export type DefaultMantineColor = 'dark' | 'gray' | 'red' | 'pink' | 'grape' | 'violet' | 'indigo' | 'blue' | 'cyan' | 'green' | 'lime' | 'yellow' | 'orange' | 'teal' | (string & {});
export type MantineThemeColorsOverride = {};
export type MantineThemeColors = MantineThemeColorsOverride extends {
colors: Record<infer CustomColors, Tuple<string, 10>>;
} ? Record<CustomColors, Tuple<string, 10>> : Record<DefaultMantineColor, Tuple<string, 10>>;
export declare type MantineColor = keyof MantineThemeColors;
export type MantineColor = keyof MantineThemeColors;
//# sourceMappingURL=MantineColor.d.ts.map
import type { MantineSize } from './MantineSize';
export declare type MantineShadow = MantineSize | (string & {});
export type MantineShadow = MantineSize | (string & {});
//# sourceMappingURL=MantineShadow.d.ts.map

@@ -1,4 +0,4 @@

export declare type MantineSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
export declare type MantineNumberSize = MantineSize | number;
export declare type MantineSizes = Record<MantineSize, number>;
export type MantineSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
export type MantineNumberSize = MantineSize | number;
export type MantineSizes = Record<MantineSize, number>;
//# sourceMappingURL=MantineSize.d.ts.map
import { CSSProperties } from 'react';
import { MantineColor } from './MantineColor';
import type { MantineNumberSize, MantineSize } from './MantineSize';
export declare type SystemProp<Value> = Value | Partial<Record<MantineSize | (string & {}), Value>>;
export declare type SpacingValue = MantineNumberSize | (string & {});
export type SystemProp<Value> = Value | Partial<Record<MantineSize | (string & {}), Value>>;
export type SpacingValue = MantineNumberSize | (string & {});
export interface MantineStyleSystemProps {

@@ -51,3 +51,3 @@ m?: SystemProp<SpacingValue>;

}
export declare type MantineStyleSystemSize = keyof MantineStyleSystemProps;
export type MantineStyleSystemSize = keyof MantineStyleSystemProps;
//# sourceMappingURL=MantineStyleSystem.d.ts.map

@@ -9,5 +9,5 @@ import type { CSSProperties } from 'react';

import type { CSSObject } from '../../tss';
export declare type LoaderType = 'bars' | 'oval' | 'dots';
export declare type MantineThemeOther = Record<string, any>;
export declare type MantineThemeComponents = Record<string, ThemeComponent>;
export type LoaderType = 'bars' | 'oval' | 'dots';
export type MantineThemeOther = Record<string, any>;
export type MantineThemeComponents = Record<string, ThemeComponent>;
export interface HeadingStyle {

@@ -18,3 +18,3 @@ fontSize: CSSProperties['fontSize'];

}
declare type Shade = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
type Shade = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
export interface MantinePrimaryShade {

@@ -102,5 +102,5 @@ light: Shade;

}
export declare type MantineThemeBase = Omit<MantineTheme, 'fn'>;
export declare type MantineThemeOverride = DeepPartial<Omit<MantineThemeBase, 'other' | 'components'>> & Partial<Pick<MantineThemeBase, 'other' | 'components'>>;
export type MantineThemeBase = Omit<MantineTheme, 'fn'>;
export type MantineThemeOverride = DeepPartial<Omit<MantineThemeBase, 'other' | 'components'>> & Partial<Pick<MantineThemeBase, 'other' | 'components'>>;
export {};
//# sourceMappingURL=MantineTheme.d.ts.map

@@ -1,4 +0,4 @@

declare type _TupleOf<T, N extends number, R extends unknown[]> = R['length'] extends N ? R : _TupleOf<T, N, [T, ...R]>;
export declare type Tuple<T, N extends number> = N extends N ? number extends N ? T[] : _TupleOf<T, N, []> : never;
type _TupleOf<T, N extends number, R extends unknown[]> = R['length'] extends N ? R : _TupleOf<T, N, [T, ...R]>;
export type Tuple<T, N extends number> = N extends N ? number extends N ? T[] : _TupleOf<T, N, []> : never;
export {};
//# sourceMappingURL=Tuple.d.ts.map

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

declare type FilterPropsRes<T extends Record<string, any>> = {
type FilterPropsRes<T extends Record<string, any>> = {
[Key in keyof T]-?: T[Key] extends undefined ? never : T[Key];

@@ -3,0 +3,0 @@ };

/// <reference types="react" />
import { CSSObject } from '@emotion/react';
import type { MantineTheme } from '../theme/types';
declare type EmotionStyles = CSSObject | CSSObject[];
type EmotionStyles = CSSObject | CSSObject[];
interface GlobalStylesProps {

@@ -6,0 +6,0 @@ styles: EmotionStyles | ((theme: MantineTheme) => EmotionStyles);

import * as CSS from 'csstype';
export interface CSSObject extends CSSPropertiesWithMultiValues, CSSPseudos, CSSOthersObject, CSSTssSpecials {
}
export declare type CSSTssSpecials = {
export type CSSTssSpecials = {
ref?: string;
};
export declare type CSSProperties = CSS.PropertiesFallback<number | string>;
export declare type CSSPropertiesWithMultiValues = {
export type CSSProperties = CSS.PropertiesFallback<number | string>;
export type CSSPropertiesWithMultiValues = {
[K in keyof CSSProperties]: CSSProperties[K] | Array<Extract<CSSProperties[K], string>>;
};
export declare type CSSPseudos = {
export type CSSPseudos = {
[K in CSS.Pseudos]?: CSSObject;

@@ -19,3 +19,3 @@ };

}
export declare type Keyframes = {
export type Keyframes = {
name: string;

@@ -32,4 +32,4 @@ styles: string;

}
export declare type InterpolationPrimitive = null | undefined | boolean | number | string | ComponentSelector | Keyframes | SerializedStyles | CSSObject;
export declare type CSSInterpolation = InterpolationPrimitive | ArrayCSSInterpolation;
export type InterpolationPrimitive = null | undefined | boolean | number | string | ComponentSelector | Keyframes | SerializedStyles | CSSObject;
export type CSSInterpolation = InterpolationPrimitive | ArrayCSSInterpolation;
export interface CSSOthersObject {

@@ -36,0 +36,0 @@ [propertiesName: string]: CSSInterpolation;

/** Extracts class names from useStyles hook */
export declare type Selectors<T extends (...args: any) => {
export type Selectors<T extends (...args: any) => {
classes: Record<string, any>;

@@ -4,0 +4,0 @@ cx: (...cx: any) => string;

{
"name": "@mantine/styles",
"description": "Mantine css-in-js styles engine, based on emotion",
"version": "5.9.6",
"version": "5.10.0",
"main": "cjs/index.js",

@@ -6,0 +6,0 @@ "module": "esm/index.js",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc