@aesthetic/system - npm Package Compare versions

Comparing version 0.2.2 to 0.2.3

esm/testing.js

@@ -407,2 +407,30 @@ import { Design } from './index';
     },
+    failure: {
+      color: {
+        '10': '#fff',
+        '20': '#fff',
+        '30': '#fff',
+        '40': '#fff',
+        '50': '#fff',
+        '60': '#fff',
+        '70': '#fff',
+        '80': '#fff',
+        '90': '#fff',
+        '00': '#fff'
+      },
+      bg: {
+        base: '#fff',
+        disabled: '#fff',
+        focused: '#fff',
+        hovered: '#fff',
+        selected: '#fff'
+      },
+      fg: {
+        base: '#fff',
+        disabled: '#fff',
+        focused: '#fff',
+        hovered: '#fff',
+        selected: '#fff'
+      }
+    },
     success: {
@@ -695,2 +723,30 @@ color: {
     },
+    failure: {
+      color: {
+        '10': '#000',
+        '20': '#000',
+        '30': '#000',
+        '40': '#000',
+        '50': '#000',
+        '60': '#000',
+        '70': '#000',
+        '80': '#000',
+        '90': '#000',
+        '00': '#000'
+      },
+      bg: {
+        base: '#000',
+        disabled: '#000',
+        focused: '#000',
+        hovered: '#000',
+        selected: '#000'
+      },
+      fg: {
+        base: '#000',
+        disabled: '#000',
+        focused: '#000',
+        hovered: '#000',
+        selected: '#000'
+      }
+    },
     success: {
@@ -697,0 +753,0 @@ color: {

lib/testing.js

@@ -411,2 +411,30 @@ 'use strict';
     },
+    failure: {
+      color: {
+        '10': '#fff',
+        '20': '#fff',
+        '30': '#fff',
+        '40': '#fff',
+        '50': '#fff',
+        '60': '#fff',
+        '70': '#fff',
+        '80': '#fff',
+        '90': '#fff',
+        '00': '#fff'
+      },
+      bg: {
+        base: '#fff',
+        disabled: '#fff',
+        focused: '#fff',
+        hovered: '#fff',
+        selected: '#fff'
+      },
+      fg: {
+        base: '#fff',
+        disabled: '#fff',
+        focused: '#fff',
+        hovered: '#fff',
+        selected: '#fff'
+      }
+    },
     success: {
@@ -699,2 +727,30 @@ color: {
     },
+    failure: {
+      color: {
+        '10': '#000',
+        '20': '#000',
+        '30': '#000',
+        '40': '#000',
+        '50': '#000',
+        '60': '#000',
+        '70': '#000',
+        '80': '#000',
+        '90': '#000',
+        '00': '#000'
+      },
+      bg: {
+        base: '#000',
+        disabled: '#000',
+        focused: '#000',
+        hovered: '#000',
+        selected: '#000'
+      },
+      fg: {
+        base: '#000',
+        disabled: '#000',
+        focused: '#000',
+        hovered: '#000',
+        selected: '#000'
+      }
+    },
     success: {
@@ -701,0 +757,0 @@ color: {

lib/types.d.ts

@@ -10,3 +10,3 @@ import { Declarations, Unit } from '@aesthetic/types';
 export declare type ElevationType = 'content' | 'dialog' | 'menu' | 'modal' | 'navigation' | 'overlay' | 'sheet' | 'toast' | 'tooltip';
-export declare type PaletteType = 'brand' | 'primary' | 'secondary' | 'tertiary' | 'neutral' | 'muted' | 'danger' | 'warning' | 'success' | 'info';
+export declare type PaletteType = 'brand' | 'primary' | 'secondary' | 'tertiary' | 'neutral' | 'muted' | 'danger' | 'warning' | 'failure' | 'success' | 'info';
 export declare type ShadowSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -20,2 +20,3 @@ export declare type SpacingSize = 'xs' | CommonSize | 'md' | 'xl';
 }
+export declare type BorderTokens = Record<BorderSize, BorderToken>;
 export interface BreakpointToken {
@@ -27,2 +28,4 @@ query: string;
 }
+export declare type BreakpointTokens = Record<BreakpointSize, BreakpointToken>;
+export declare type DepthTokens = Record<ElevationType, number>;
 export declare type ColorRangeToken = {
@@ -44,2 +47,7 @@ [K in ColorShade]: Hexcode;
 }
+export declare type ShadowTokens = Record<ShadowSize, ShadowToken>;
+export declare type SpacingTokens = Record<SpacingSize, Unit> & {
+    type: string;
+    unit: number;
+};
 export interface HeadingToken {
@@ -50,2 +58,3 @@ letterSpacing: Unit;
 }
+export declare type HeadingTokens = Record<HeadingSize, HeadingToken>;
 export interface TextToken {
@@ -55,41 +64,26 @@ lineHeight: number;
 }
-export interface DesignTokens {
-    border: {
-        [K in BorderSize]: BorderToken;
-    };
-    breakpoint: {
-        [K in BreakpointSize]: BreakpointToken;
-    };
-    depth: {
-        [K in ElevationType]: number;
-    };
-    heading: {
-        [K in HeadingSize]: HeadingToken;
-    };
-    shadow: {
-        [K in ShadowSize]: ShadowToken;
-    };
-    spacing: {
-        [K in SpacingSize]: Unit;
-    } & {
-        type: string;
-        unit: number;
-    };
-    text: {
-        [K in TextSize]: TextToken;
-    };
-    typography: {
-        font: {
-            heading: string;
-            locale: {
-                [locale: string]: string;
-            };
-            monospace: string;
-            text: string;
-            system: string;
+export declare type TextTokens = Record<TextSize, TextToken>;
+export interface TypographyToken {
+    font: {
+        heading: string;
+        locale: {
+            [locale: string]: string;
         };
-        rootLineHeight: number;
-        rootTextSize: Unit;
+        monospace: string;
+        text: string;
+        system: string;
     };
+    rootLineHeight: number;
+    rootTextSize: Unit;
 }
+export interface DesignTokens {
+    border: BorderTokens;
+    breakpoint: BreakpointTokens;
+    depth: DepthTokens;
+    heading: HeadingTokens;
+    shadow: ShadowTokens;
+    spacing: SpacingTokens;
+    text: TextTokens;
+    typography: TypographyToken;
+}
 export interface DesignVariables {
@@ -189,10 +183,10 @@ 'border-sm-radius': Unit;
 }
+export interface PaletteToken {
+    color: ColorRangeToken;
+    bg: ColorStateToken;
+    fg: ColorStateToken;
+}
+export declare type PaletteTokens = Record<PaletteType, PaletteToken>;
 export interface ThemeTokens {
-    palette: {
-        [K in PaletteType]: {
-            color: ColorRangeToken;
-            bg: ColorStateToken;
-            fg: ColorStateToken;
-        };
-    };
+    palette: PaletteTokens;
 }
@@ -199,0 +193,0 @@ export interface ThemeVariables {

package.json

 {
   "name": "@aesthetic/system",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Web based building blocks for the Aesthetic design system.",
@@ -28,3 +28,3 @@ "keywords": [
   },
-  "gitHead": "9d6593c7c3986acc0b510037dd7d6aafbb0caf5b"
+  "gitHead": "2f60adfa74fb7dba32832352e1e7929c7aea44d4"
 }

README.md

@@ -17,2 +17,2 @@ # Aesthetic - Design System
 
-[https://milesj.gitbook.io/aesthetic/packages/system](https://milesj.gitbook.io/aesthetic/packages/system)
+[https://aestheticsuite.dev/docs/packages/system](https://aestheticsuite.dev/docs/packages/system)

No alert changes

Improved metrics

Total package byte prevSize

105993

increased by2.76%

Number of package files

39

increased by5.41%

Lines of code

3184

increased by3.51%

No dependency changes