New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@mezzanine-ui/system

Package Overview
Dependencies
Maintainers
3
Versions
53
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@mezzanine-ui/system - npm Package Compare versions

Comparing version 0.12.4 to 0.12.5

2

breakpoint/breakpoint.d.ts

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

export declare type Breakpoint = 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
export type Breakpoint = 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
export declare const breakpoints: Record<Breakpoint, number>;

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

export declare type CssVarInterpolation = string | number | null | undefined;
export declare type CssVarInterpolations = Record<string, CssVarInterpolation>;
export type CssVarInterpolation = string | number | null | undefined;
export type CssVarInterpolations = Record<string, CssVarInterpolation>;

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

export declare type MotionDurationType = 'shortest' | 'shorter' | 'short' | 'standard' | 'long';
export type MotionDurationType = 'shortest' | 'shorter' | 'short' | 'standard' | 'long';
export declare const MOTION_DURATION: Readonly<Record<MotionDurationType, number>>;

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

export declare type MotionEasingType = 'standard' | 'emphasized' | 'decelerated' | 'accelerated';
export type MotionEasingType = 'standard' | 'emphasized' | 'decelerated' | 'accelerated';
export declare const MOTION_EASING: Readonly<Record<MotionEasingType, string>>;

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

export declare type Orientation = 'horizontal' | 'vertical';
export type Orientation = 'horizontal' | 'vertical';
{
"name": "@mezzanine-ui/system",
"version": "0.12.4",
"version": "0.12.5",
"description": "Design System for mezzanine-ui",

@@ -5,0 +5,0 @@ "author": "Mezzanine",

@@ -1,9 +0,9 @@

export declare type MainColor = 'primary' | 'secondary' | 'error' | 'warning' | 'success';
export declare type GradualMainColor = `${MainColor}-${'light' | 'dark'}`;
export declare type StatefulMainColor = `${MainColor}-${'hover-bg' | 'active-bg'}`;
export declare type MainContrastTextColor = `on-${MainColor}`;
export declare type TextColor = `text-${'primary' | 'secondary' | 'disabled'}`;
export declare type ActionForegroundColor = `action-${'active' | 'inactive' | 'disabled'}`;
export declare type ActionBackgroundColor = `action-${'disabled-bg'}`;
export declare type ActionColor = ActionForegroundColor | ActionBackgroundColor;
export declare type Color = MainColor | GradualMainColor | MainContrastTextColor | TextColor | ActionColor | 'bg' | 'surface' | 'border' | 'divider';
export type MainColor = 'primary' | 'secondary' | 'error' | 'warning' | 'success';
export type GradualMainColor = `${MainColor}-${'light' | 'dark'}`;
export type StatefulMainColor = `${MainColor}-${'hover-bg' | 'active-bg'}`;
export type MainContrastTextColor = `on-${MainColor}`;
export type TextColor = `text-${'primary' | 'secondary' | 'disabled'}`;
export type ActionForegroundColor = `action-${'active' | 'inactive' | 'disabled'}`;
export type ActionBackgroundColor = `action-${'disabled-bg'}`;
export type ActionColor = ActionForegroundColor | ActionBackgroundColor;
export type Color = MainColor | GradualMainColor | MainContrastTextColor | TextColor | ActionColor | 'bg' | 'surface' | 'border' | 'divider';

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

export declare type Severity = 'success' | 'warning' | 'error';
export declare type SeverityWithInfo = Severity | 'info';
export type Severity = 'success' | 'warning' | 'error';
export type SeverityWithInfo = Severity | 'info';

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

export declare type Size = 'small' | 'medium' | 'large';
export type Size = 'small' | 'medium' | 'large';

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

export declare type SpacingLevel = number;
export type SpacingLevel = number;

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

export declare type TypographyVariant = `h${1 | 2 | 3 | 4 | 5 | 6}` | `button${1 | 2 | 3}` | `input${1 | 2 | 3}` | `body${1 | 2}` | 'caption';
export type TypographyVariant = `h${1 | 2 | 3 | 4 | 5 | 6}` | `button${1 | 2 | 3}` | `input${1 | 2 | 3}` | `body${1 | 2}` | 'caption';
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