@project44-manifest/design-tokens - npm Package Compare versions

Comparing version 3.0.0 to 3.1.0

dts/index.d.ts

@@ -15,2 +15,3 @@ export declare const radiusFull: '999em';
 export declare const colorBackgroundWarning: '#fbede7';
+export declare const colorBackgroundBackdrop: '#091521';
 export declare const colorBorderDanger: '#b4362f';
@@ -179,2 +180,11 @@ export declare const colorBorderDisabled: '#f4f4f5';
 export declare const spaceXSmall: '0.25rem';
+export declare const motionDurationInstant: '0ms';
+export declare const motionDurationShort: '100ms';
+export declare const motionDurationMedium: '200ms';
+export declare const motionDurationLong: '300ms';
+export declare const motionEasingLinear: 'linear';
+export declare const motionEasingStandard: 'cubic-bezier(0.4, 0.14, 0.3, 1)';
+export declare const motionEasingEntrance: 'cubic-bezier(0, 0, 0.3, 1)';
+export declare const motionEasingExit: 'cubic-bezier(0.4, 0.14, 1, 1)';
+export declare const opacityDisabled: 0.38;
 export declare const fontFamilyMono: '"Fira Mono", Courier, monospace';
@@ -214,2 +224,3 @@ export declare const fontFamilyText: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif';
     warning: string;
+    backdrop: string;
   };
@@ -401,2 +412,13 @@ border: { danger: string; disabled: string; primary: string; success: string; warning: string };
 };
+export declare const motion: {
+  'duration-instant': string;
+  'duration-Short': string;
+  'duration-medium': string;
+  'duration-long': string;
+  'easing-linear': string;
+  'easing-standard': string;
+  'easing-entrance': string;
+  'easing-exit': string;
+};
+export declare const opacity: { disabled: number };
 export declare const fontFamily: { mono: string; text: string };
@@ -403,0 +425,0 @@ export declare const fontSize: {

esm/index.js

@@ -15,2 +15,3 @@ export const radiusFull = '999em';
 export const colorBackgroundWarning = '#fbede7';
+export const colorBackgroundBackdrop = '#091521';
 export const colorBorderDanger = '#b4362f';
@@ -185,2 +186,11 @@ export const colorBorderDisabled = '#f4f4f5';
 export const spaceXSmall = '0.25rem';
+export const motionDurationInstant = '0ms';
+export const motionDurationShort = '100ms';
+export const motionDurationMedium = '200ms';
+export const motionDurationLong = '300ms';
+export const motionEasingLinear = 'linear';
+export const motionEasingStandard = 'cubic-bezier(0.4, 0.14, 0.3, 1)';
+export const motionEasingEntrance = 'cubic-bezier(0, 0, 0.3, 1)';
+export const motionEasingExit = 'cubic-bezier(0.4, 0.14, 1, 1)';
+export const opacityDisabled = 0.38;
 export const fontFamilyMono = '"Fira Mono", Courier, monospace';
@@ -230,2 +240,3 @@ export const fontFamilyText =
     warning: '#fbede7',
+    backdrop: '#091521',
   },
@@ -443,2 +454,17 @@ border: {
 
+export const motion = {
+  'duration-instant': '0ms',
+  'duration-Short': '100ms',
+  'duration-medium': '200ms',
+  'duration-long': '300ms',
+  'easing-linear': 'linear',
+  'easing-standard': 'cubic-bezier(0.4, 0.14, 0.3, 1)',
+  'easing-entrance': 'cubic-bezier(0, 0, 0.3, 1)',
+  'easing-exit': 'cubic-bezier(0.4, 0.14, 1, 1)',
+};
+
+export const opacity = {
+  disabled: 0.38,
+};
+
 export const fontFamily = {
@@ -617,2 +643,12 @@ mono: '"Fira Mono", Courier, monospace',
   {
+    value: '#091521',
+    name: 'colorBackgroundBackdrop',
+    attributes: {
+      category: 'color',
+      type: 'background',
+      item: 'backdrop',
+    },
+    path: ['color', 'background', 'backdrop'],
+  },
+  {
     value: '#b4362f',
@@ -2329,2 +2365,83 @@ name: 'colorBorderDanger',
   {
+    value: '0ms',
+    name: 'motionDurationInstant',
+    attributes: {
+      category: 'motion',
+      type: 'duration-instant',
+    },
+    path: ['motion', 'duration-instant'],
+  },
+  {
+    value: '100ms',
+    name: 'motionDurationShort',
+    attributes: {
+      category: 'motion',
+      type: 'duration-Short',
+    },
+    path: ['motion', 'duration-Short'],
+  },
+  {
+    value: '200ms',
+    name: 'motionDurationMedium',
+    attributes: {
+      category: 'motion',
+      type: 'duration-medium',
+    },
+    path: ['motion', 'duration-medium'],
+  },
+  {
+    value: '300ms',
+    name: 'motionDurationLong',
+    attributes: {
+      category: 'motion',
+      type: 'duration-long',
+    },
+    path: ['motion', 'duration-long'],
+  },
+  {
+    value: 'linear',
+    name: 'motionEasingLinear',
+    attributes: {
+      category: 'motion',
+      type: 'easing-linear',
+    },
+    path: ['motion', 'easing-linear'],
+  },
+  {
+    value: 'cubic-bezier(0.4, 0.14, 0.3, 1)',
+    name: 'motionEasingStandard',
+    attributes: {
+      category: 'motion',
+      type: 'easing-standard',
+    },
+    path: ['motion', 'easing-standard'],
+  },
+  {
+    value: 'cubic-bezier(0, 0, 0.3, 1)',
+    name: 'motionEasingEntrance',
+    attributes: {
+      category: 'motion',
+      type: 'easing-entrance',
+    },
+    path: ['motion', 'easing-entrance'],
+  },
+  {
+    value: 'cubic-bezier(0.4, 0.14, 1, 1)',
+    name: 'motionEasingExit',
+    attributes: {
+      category: 'motion',
+      type: 'easing-exit',
+    },
+    path: ['motion', 'easing-exit'],
+  },
+  {
+    value: 0.38,
+    name: 'opacityDisabled',
+    attributes: {
+      category: 'opacity',
+      type: 'disabled',
+    },
+    path: ['opacity', 'disabled'],
+  },
+  {
     value: '"Fira Mono", Courier, monospace',
@@ -2331,0 +2448,0 @@ name: 'fontFamilyMono',

lib/index.js

@@ -16,2 +16,3 @@ module.exports = {
   colorBackgroundWarning: '#fbede7',
+  colorBackgroundBackdrop: '#091521',
   colorBorderDanger: '#b4362f',
@@ -182,2 +183,11 @@ colorBorderDisabled: '#f4f4f5',
   spaceXSmall: '0.25rem',
+  motionDurationInstant: '0ms',
+  motionDurationShort: '100ms',
+  motionDurationMedium: '200ms',
+  motionDurationLong: '300ms',
+  motionEasingLinear: 'linear',
+  motionEasingStandard: 'cubic-bezier(0.4, 0.14, 0.3, 1)',
+  motionEasingEntrance: 'cubic-bezier(0, 0, 0.3, 1)',
+  motionEasingExit: 'cubic-bezier(0.4, 0.14, 1, 1)',
+  opacityDisabled: 0.38,
   fontFamilyMono: '"Fira Mono", Courier, monospace',
@@ -225,2 +235,3 @@ fontFamilyText:
       warning: '#fbede7',
+      backdrop: '#091521',
     },
@@ -433,2 +444,15 @@ border: {
   },
+  motion: {
+    'duration-instant': '0ms',
+    'duration-Short': '100ms',
+    'duration-medium': '200ms',
+    'duration-long': '300ms',
+    'easing-linear': 'linear',
+    'easing-standard': 'cubic-bezier(0.4, 0.14, 0.3, 1)',
+    'easing-entrance': 'cubic-bezier(0, 0, 0.3, 1)',
+    'easing-exit': 'cubic-bezier(0.4, 0.14, 1, 1)',
+  },
+  opacity: {
+    disabled: 0.38,
+  },
   fontFamily: {
@@ -602,2 +626,12 @@ mono: '"Fira Mono", Courier, monospace',
     {
+      value: '#091521',
+      name: 'colorBackgroundBackdrop',
+      attributes: {
+        category: 'color',
+        type: 'background',
+        item: 'backdrop',
+      },
+      path: ['color', 'background', 'backdrop'],
+    },
+    {
       value: '#b4362f',
@@ -2314,2 +2348,83 @@ name: 'colorBorderDanger',
     {
+      value: '0ms',
+      name: 'motionDurationInstant',
+      attributes: {
+        category: 'motion',
+        type: 'duration-instant',
+      },
+      path: ['motion', 'duration-instant'],
+    },
+    {
+      value: '100ms',
+      name: 'motionDurationShort',
+      attributes: {
+        category: 'motion',
+        type: 'duration-Short',
+      },
+      path: ['motion', 'duration-Short'],
+    },
+    {
+      value: '200ms',
+      name: 'motionDurationMedium',
+      attributes: {
+        category: 'motion',
+        type: 'duration-medium',
+      },
+      path: ['motion', 'duration-medium'],
+    },
+    {
+      value: '300ms',
+      name: 'motionDurationLong',
+      attributes: {
+        category: 'motion',
+        type: 'duration-long',
+      },
+      path: ['motion', 'duration-long'],
+    },
+    {
+      value: 'linear',
+      name: 'motionEasingLinear',
+      attributes: {
+        category: 'motion',
+        type: 'easing-linear',
+      },
+      path: ['motion', 'easing-linear'],
+    },
+    {
+      value: 'cubic-bezier(0.4, 0.14, 0.3, 1)',
+      name: 'motionEasingStandard',
+      attributes: {
+        category: 'motion',
+        type: 'easing-standard',
+      },
+      path: ['motion', 'easing-standard'],
+    },
+    {
+      value: 'cubic-bezier(0, 0, 0.3, 1)',
+      name: 'motionEasingEntrance',
+      attributes: {
+        category: 'motion',
+        type: 'easing-entrance',
+      },
+      path: ['motion', 'easing-entrance'],
+    },
+    {
+      value: 'cubic-bezier(0.4, 0.14, 1, 1)',
+      name: 'motionEasingExit',
+      attributes: {
+        category: 'motion',
+        type: 'easing-exit',
+      },
+      path: ['motion', 'easing-exit'],
+    },
+    {
+      value: 0.38,
+      name: 'opacityDisabled',
+      attributes: {
+        category: 'opacity',
+        type: 'disabled',
+      },
+      path: ['opacity', 'disabled'],
+    },
+    {
       value: '"Fira Mono", Courier, monospace',
@@ -2316,0 +2431,0 @@ name: 'fontFamilyMono',

package.json

 {
   "name": "@project44-manifest/design-tokens",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "Manifest Design System design tokens",
@@ -5,0 +5,0 @@ "license": "MIT",

README.md

@@ -6,3 +6,3 @@ # @project44-manifest/design-tokens
 For a full list of tokens, please see the
-[documentation website](https://www.manifestdesignsystem.com/docs/tokens)
+[documentation website](https://project44.github.io/manifest/core/design-tokens)
 
@@ -9,0 +9,0 @@ ## Installation

src/color/background.json

@@ -30,2 +30,5 @@ {
         "value": "{color.palette.orange.50.value}"
+      },
+      "backdrop": {
+        "value": "rgb(9, 21, 33)"
       }
@@ -32,0 +35,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

156460

increased by4.88%

Number of package files

26

increased by8.33%

Lines of code

6426

increased by4.73%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes